{"$schema":"https://sh4dcn.vercel.app/json","generated_by":"sh4dcn-v2 sync-data (merged from v1)","generated_at":"2026-10-27T06:34:08.542Z","notice":"Consolidated directory + components + facet indexes, merged from sh4dcn v1. Directory listing only — not the official shadcn/ui library.","library_count":499,"component_count":41667,"how_to_use":{"install_a_library":"Run commands.install_shadcn to add a whole registry via the shadcn CLI.","clone_a_library":"Run commands.clone (git) or commands.clone_degit (no history) to copy the source repo.","add_one_component":"Use a component's install_command to add just that component.","fetch_raw":"Use a component's raw_code_url or copy_url to fetch the source directly."},"libraries":[{"id":"shadcn","name":"@shadcn","slug":"shadcn","description":"The canonical shadcn/ui registry (apps/v4, style new-york-v4) — ~470 primitives and utilities (accordion, alert, avatar, button, calendar, card, carousel, chart, checkbox, command, dialog, drawer, dropdown-menu, form, input, popover, select, sheet, sidebar, table, tabs, toast, and more) built on Radix UI, with parallel Base UI and React Aria variants documented alongside each component. This is the registry every third-party library in this directory extends or restyles; it ships here as its own entry so its components are indexed, clone-able, and searchable the same way theirs are. Free, open source, MIT-licensed. Use for: the baseline component set any shadcn-based project starts from, before reaching for a themed or specialized third-party registry.","author":"shadcn-ui","framework":"react","license":"MIT","tags":["accessibility","auth","backgrounds","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["popular","recently-updated"],"urls":{"website":"https://ui.shadcn.com","github":"https://github.com/shadcn-ui/ui","registry":"https://ui.shadcn.com/r/styles/new-york-v4/registry.json","source":"https://ui.shadcn.com/r/styles/new-york-v4/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn","markdown":"https://sh4dcn.netlify.app/md/shadcn.md"},"logo":null,"preview_image":"https://ui.shadcn.com/og?title=The%20Foundation%20for%20your%20Design%20System&amp;description=Composable%2C%20accessible%20components%20with%20thoughtful%20defaults.%20Build%20your%20own%20component%20library%20with%20code%20you%20can%20customize%2C%20extend%2C%20and%20make%20your%20own.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":126642,"open_issues":1774,"last_commit":"2026-10-26T09:04:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json","install_bun":"bunx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/registry.json","clone":"git clone https://github.com/shadcn-ui/ui.git","clone_degit":"npx degit shadcn-ui/ui","registry_fetch":"curl -s https://ui.shadcn.com/r/styles/new-york-v4/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/index.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/style.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/style.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/accordion.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/alert.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/avatar.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/badge.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/calendar.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/card.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/checkbox.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/collapsible.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/combobox.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/command.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/context-menu.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/dialog.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/drawer.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/form.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/form.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/hover-card.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/input.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/input-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/input-otp.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/item.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/item.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/label.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/menubar.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/menubar.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/navigation-menu.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/pagination.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/popover.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/progress.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/radio-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/resizable.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/scroll-area.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/select.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/separator.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sheet.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/skeleton.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/slider.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sonner.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/spinner.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/switch.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/table.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/tabs.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/textarea.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/textarea.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/toggle.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/toggle-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/tooltip.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/tooltip.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/kbd.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/kbd.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/native-select.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/native-select.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/direction.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/direction.json"},{"name":"attachment","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/attachment.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/attachment.json"},{"name":"bubble","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/bubble.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/bubble.json"},{"name":"marker","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/marker.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/marker.json"},{"name":"message","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/message.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/message.json"},{"name":"message-scroller","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/message-scroller.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/message-scroller.json"},{"name":"dashboard-01","title":null,"description":"A dashboard with sidebar, charts and data table.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/dashboard-01.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dashboard-01.json"},{"name":"sidebar-01","title":null,"description":"A simple sidebar with navigation grouped by section.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-01.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-01.json"},{"name":"sidebar-02","title":null,"description":"A sidebar with collapsible sections.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-02.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-02.json"},{"name":"sidebar-03","title":null,"description":"A sidebar with submenus.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-03.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-03.json"},{"name":"sidebar-04","title":null,"description":"A floating sidebar with submenus.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-04.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-04.json"},{"name":"sidebar-05","title":null,"description":"A sidebar with collapsible submenus.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-05.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-05.json"},{"name":"sidebar-06","title":null,"description":"A sidebar with submenus as dropdowns.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-06.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-06.json"},{"name":"sidebar-07","title":null,"description":"A sidebar that collapses to icons.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-07.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-07.json"},{"name":"sidebar-08","title":null,"description":"An inset sidebar with secondary navigation.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-08.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-08.json"},{"name":"sidebar-09","title":null,"description":"Collapsible nested sidebars.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-09.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-09.json"},{"name":"sidebar-10","title":null,"description":"A sidebar in a popover.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-10.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-10.json"},{"name":"sidebar-11","title":null,"description":"A sidebar with a collapsible file tree.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-11.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-11.json"},{"name":"sidebar-12","title":null,"description":"A sidebar with a calendar.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-12.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-12.json"},{"name":"sidebar-13","title":null,"description":"A sidebar in a dialog.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-13.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-13.json"},{"name":"sidebar-14","title":null,"description":"A sidebar on the right.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-14.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-14.json"},{"name":"sidebar-15","title":null,"description":"A left and right sidebar.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-15.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-15.json"},{"name":"sidebar-16","title":null,"description":"A sidebar with a sticky site header.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/sidebar-16.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-16.json"},{"name":"login-01","title":null,"description":"A simple login form.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/login-01.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-01.json"},{"name":"login-02","title":null,"description":"A two column login page with a cover image.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/login-02.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-02.json"},{"name":"login-03","title":null,"description":"A login page with a muted background color.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/login-03.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-03.json"},{"name":"login-04","title":null,"description":"A login page with form and image.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/login-04.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-04.json"},{"name":"login-05","title":null,"description":"A simple email-only login page.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/login-05.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/login-05.json"},{"name":"signup-01","title":null,"description":"A simple signup form.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/signup-01.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-01.json"},{"name":"signup-02","title":null,"description":"A two column signup page with a cover image.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/signup-02.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-02.json"},{"name":"signup-03","title":null,"description":"A signup page with a muted background color.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/signup-03.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-03.json"},{"name":"signup-04","title":null,"description":"A signup page with form and image.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/signup-04.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-04.json"},{"name":"signup-05","title":null,"description":"A simple signup form with social providers.","type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/signup-05.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/signup-05.json"},{"name":"chart-area-axes","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-axes.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-axes.json"},{"name":"chart-area-default","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-default.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-default.json"},{"name":"chart-area-gradient","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-gradient.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-gradient.json"},{"name":"chart-area-icons","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-icons.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-icons.json"},{"name":"chart-area-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-interactive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-interactive.json"},{"name":"chart-area-legend","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-legend.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-legend.json"},{"name":"chart-area-linear","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-linear.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-linear.json"},{"name":"chart-area-stacked-expand","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked-expand.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked-expand.json"},{"name":"chart-area-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-stacked.json"},{"name":"chart-area-step","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-area-step.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-area-step.json"},{"name":"chart-bar-active","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-active.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-active.json"},{"name":"chart-bar-default","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-default.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-default.json"},{"name":"chart-bar-horizontal","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-horizontal.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-horizontal.json"},{"name":"chart-bar-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-interactive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-interactive.json"},{"name":"chart-bar-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label-custom.json"},{"name":"chart-bar-label","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-label.json"},{"name":"chart-bar-mixed","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-mixed.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-mixed.json"},{"name":"chart-bar-multiple","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-multiple.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-multiple.json"},{"name":"chart-bar-negative","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-negative.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-negative.json"},{"name":"chart-bar-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-stacked.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-bar-stacked.json"},{"name":"chart-line-default","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-default.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-default.json"},{"name":"chart-line-dots-colors","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-colors.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-colors.json"},{"name":"chart-line-dots-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots-custom.json"},{"name":"chart-line-dots","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-dots.json"},{"name":"chart-line-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-interactive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-interactive.json"},{"name":"chart-line-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label-custom.json"},{"name":"chart-line-label","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-label.json"},{"name":"chart-line-linear","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-linear.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-linear.json"},{"name":"chart-line-multiple","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-multiple.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-multiple.json"},{"name":"chart-line-step","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-line-step.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-line-step.json"},{"name":"chart-pie-donut-active","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-active.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-active.json"},{"name":"chart-pie-donut-text","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-text.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut-text.json"},{"name":"chart-pie-donut","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-donut.json"},{"name":"chart-pie-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-interactive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-interactive.json"},{"name":"chart-pie-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-custom.json"},{"name":"chart-pie-label-list","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-list.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label-list.json"},{"name":"chart-pie-label","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-label.json"},{"name":"chart-pie-legend","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-legend.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-legend.json"},{"name":"chart-pie-separator-none","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-separator-none.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-separator-none.json"},{"name":"chart-pie-simple","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-simple.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-simple.json"},{"name":"chart-pie-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-stacked.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-pie-stacked.json"},{"name":"chart-radar-default","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-default.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-default.json"},{"name":"chart-radar-dots","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-dots.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-dots.json"},{"name":"chart-radar-grid-circle-fill","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle-fill.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle-fill.json"},{"name":"chart-radar-grid-circle-no-lines","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle-no-lines.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle-no-lines.json"},{"name":"chart-radar-grid-circle","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-circle.json"},{"name":"chart-radar-grid-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-custom.json"},{"name":"chart-radar-grid-fill","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-fill.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-fill.json"},{"name":"chart-radar-grid-none","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-none.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-grid-none.json"},{"name":"chart-radar-icons","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-icons.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-icons.json"},{"name":"chart-radar-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-label-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-label-custom.json"},{"name":"chart-radar-legend","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-legend.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-legend.json"},{"name":"chart-radar-lines-only","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-lines-only.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-lines-only.json"},{"name":"chart-radar-multiple","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-multiple.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-multiple.json"},{"name":"chart-radar-radius","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-radius.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radar-radius.json"},{"name":"chart-radial-grid","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-grid.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-grid.json"},{"name":"chart-radial-label","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-label.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-label.json"},{"name":"chart-radial-shape","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-shape.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-shape.json"},{"name":"chart-radial-simple","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-simple.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-simple.json"},{"name":"chart-radial-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-stacked.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-stacked.json"},{"name":"chart-radial-text","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-text.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-radial-text.json"},{"name":"chart-tooltip-default","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-default.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-default.json"},{"name":"chart-tooltip-indicator-line","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-line.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-line.json"},{"name":"chart-tooltip-indicator-none","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-none.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-indicator-none.json"},{"name":"chart-tooltip-label-none","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-none.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-none.json"},{"name":"chart-tooltip-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-custom.json"},{"name":"chart-tooltip-label-formatter","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-formatter.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-label-formatter.json"},{"name":"chart-tooltip-formatter","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-formatter.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-formatter.json"},{"name":"chart-tooltip-icons","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-icons.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-icons.json"},{"name":"chart-tooltip-advanced","title":null,"description":null,"type":"registry:block","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-advanced.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/chart-tooltip-advanced.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/utils.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/use-mobile.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/use-mobile.json"},{"name":"theme-stone","title":null,"description":null,"type":"registry:theme","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/theme-stone.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-stone.json"},{"name":"theme-zinc","title":null,"description":null,"type":"registry:theme","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/theme-zinc.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-zinc.json"},{"name":"theme-neutral","title":null,"description":null,"type":"registry:theme","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/theme-neutral.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-neutral.json"},{"name":"theme-gray","title":null,"description":null,"type":"registry:theme","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/theme-gray.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-gray.json"},{"name":"theme-slate","title":null,"description":null,"type":"registry:theme","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/theme-slate.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/theme-slate.json"},{"name":"accordion-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/accordion-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/accordion-demo.json"},{"name":"alert-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/alert-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-demo.json"},{"name":"alert-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/alert-destructive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-destructive.json"},{"name":"alert-dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/alert-dialog-demo.json"},{"name":"aspect-ratio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/aspect-ratio-demo.json"},{"name":"avatar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/avatar-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/avatar-demo.json"},{"name":"badge-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/badge-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-demo.json"},{"name":"badge-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/badge-destructive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-destructive.json"},{"name":"badge-outline","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/badge-outline.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-outline.json"},{"name":"badge-secondary","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/badge-secondary.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/badge-secondary.json"},{"name":"breadcrumb-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-demo.json"},{"name":"breadcrumb-separator","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-separator.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-separator.json"},{"name":"breadcrumb-dropdown","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-dropdown.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-dropdown.json"},{"name":"breadcrumb-ellipsis","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-ellipsis.json"},{"name":"breadcrumb-link","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-link.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-link.json"},{"name":"breadcrumb-responsive","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-responsive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/breadcrumb-responsive.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-demo.json"},{"name":"button-default","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-default.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-default.json"},{"name":"button-secondary","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-secondary.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-secondary.json"},{"name":"button-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-destructive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-destructive.json"},{"name":"button-outline","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-outline.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-outline.json"},{"name":"button-ghost","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-ghost.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-ghost.json"},{"name":"button-link","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-link.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-link.json"},{"name":"button-with-icon","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-with-icon.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-with-icon.json"},{"name":"button-loading","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-loading.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-loading.json"},{"name":"button-icon","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-icon.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-icon.json"},{"name":"button-as-child","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-as-child.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-as-child.json"},{"name":"button-rounded","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-rounded.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-rounded.json"},{"name":"button-size","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-size.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-size.json"},{"name":"button-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-demo.json"},{"name":"button-group-nested","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-nested.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-nested.json"},{"name":"button-group-size","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-size.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-size.json"},{"name":"button-group-separator","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-separator.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-separator.json"},{"name":"button-group-split","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-split.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-split.json"},{"name":"button-group-input","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-input.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-input.json"},{"name":"button-group-dropdown","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-dropdown.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-dropdown.json"},{"name":"button-group-select","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-select.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-select.json"},{"name":"button-group-popover","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-popover.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-popover.json"},{"name":"button-group-input-group","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-input-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-input-group.json"},{"name":"button-group-orientation","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/button-group-orientation.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/button-group-orientation.json"},{"name":"calendar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/calendar-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/calendar-demo.json"},{"name":"card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/card-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card-demo.json"},{"name":"card-with-form","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/card-with-form.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/card-with-form.json"},{"name":"carousel-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-demo.json"},{"name":"carousel-size","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel-size.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-size.json"},{"name":"carousel-spacing","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel-spacing.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-spacing.json"},{"name":"carousel-orientation","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel-orientation.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-orientation.json"},{"name":"carousel-api","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel-api.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-api.json"},{"name":"carousel-plugin","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/carousel-plugin.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/carousel-plugin.json"},{"name":"checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/checkbox-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-demo.json"},{"name":"checkbox-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/checkbox-disabled.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-disabled.json"},{"name":"checkbox-with-text","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/checkbox-with-text.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/checkbox-with-text.json"},{"name":"collapsible-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/collapsible-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/collapsible-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/combobox-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-demo.json"},{"name":"combobox-dropdown-menu","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/combobox-dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-dropdown-menu.json"},{"name":"combobox-popover","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/combobox-popover.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-popover.json"},{"name":"combobox-responsive","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/combobox-responsive.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/combobox-responsive.json"},{"name":"command-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/command-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command-demo.json"},{"name":"command-dialog","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/command-dialog.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/command-dialog.json"},{"name":"context-menu-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/context-menu-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/context-menu-demo.json"},{"name":"data-table-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/data-table-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/data-table-demo.json"},{"name":"date-picker-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/date-picker-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-demo.json"},{"name":"date-picker-with-presets","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-presets.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-presets.json"},{"name":"date-picker-with-range","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-range.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/date-picker-with-range.json"},{"name":"dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/dialog-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog-demo.json"},{"name":"dialog-close-button","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/dialog-close-button.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/dialog-close-button.json"},{"name":"drawer-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/drawer-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/drawer-demo.json"},{"name":"empty-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-demo.json"},{"name":"empty-icon","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-icon.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-icon.json"},{"name":"empty-avatar","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar.json"},{"name":"empty-avatar-group","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-avatar-group.json"},{"name":"empty-input-group","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-input-group.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-input-group.json"},{"name":"empty-outline","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-outline.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-outline.json"},{"name":"empty-background","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/empty-background.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/empty-background.json"},{"name":"field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-demo.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-demo.json"},{"name":"field-input","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-input.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-input.json"},{"name":"field-textarea","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-textarea.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-textarea.json"},{"name":"field-fieldset","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-fieldset.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-fieldset.json"},{"name":"field-radio","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-radio.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-radio.json"},{"name":"field-checkbox","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-checkbox.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-checkbox.json"},{"name":"field-switch","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-switch.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-switch.json"},{"name":"field-slider","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-slider.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-slider.json"},{"name":"field-select","title":null,"description":null,"type":"registry:example","source_url":"https://ui.shadcn.com/r/styles/new-york-v4/field-select.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/field-select.json"}]},{"id":"000h-cojeev","name":"@000h-cojeev","slug":"000h-cojeev","description":"Expressive React components with organic shapes, purposeful motion, and source you can make your own.","author":"luv-jeri","framework":"react","license":"MIT","tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","icons","media","navigation","onboarding","overlays","retro","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://000h.cojeev.com","github":"https://github.com/luv-jeri/cojeev-ui","registry":"https://000h.cojeev.com/r/registry.json","source":"https://000h.cojeev.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/000h-cojeev","markdown":"https://sh4dcn.netlify.app/md/000h-cojeev.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='var(--foreground)'><path fill-rule='evenodd' d='M58 9C77 10 87 27 86 45C84 66 63 87 43 86C25 85 10 71 10 52C10 33 36 7 58 9ZM56 30C47 27 35 36 31 47C26 60 32 70 40 69C52 68 64 54 65 43C66 37 62 32 56 30Z'/></svg>","preview_image":"https://cojeev.com/ui/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":65,"open_issues":1,"last_commit":"2026-10-10T19:52:21Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://000h.cojeev.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://000h.cojeev.com/r/registry.json","install_bun":"bunx shadcn@latest add https://000h.cojeev.com/r/registry.json","clone":"git clone https://github.com/luv-jeri/cojeev-ui.git","clone_degit":"npx degit luv-jeri/cojeev-ui","registry_fetch":"curl -s https://000h.cojeev.com/r/registry.json"},"component_count":250,"components":[{"name":"cojeev","title":"Cojeev","description":"Cojeev tokens, fonts, reset, and Tailwind v4 theme bridge.","type":"registry:base","source_url":"https://000h.cojeev.com/r/cojeev.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/cojeev.json"},{"name":"accordion","title":"Accordion","description":"Organizes related sections into expandable panels so readers can open the details they need.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/accordion.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/accordion.json"},{"name":"accordion-gallery","title":"Accordion Gallery","description":"A selected image panel opens to reveal its label, story and action.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/accordion-gallery.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/accordion-gallery.json"},{"name":"action-dock","title":"Action dock","description":"A reusable action dock composed from Cojeev base components.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/action-dock.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/action-dock.json"},{"name":"activity-feed","title":"Activity feed","description":"An ordered, date-grouped history in three looks (a living thread, a quiet ledger or gathered bursts), with readable actors and timestamps, and updates that kee…","type":"registry:ui","source_url":"https://000h.cojeev.com/r/activity-feed.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/activity-feed.json"},{"name":"adjuster","title":"Motion Adjuster","description":"Provides live controls for the shared motion settings and editable body profiles used across the library.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/adjuster.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/adjuster.json"},{"name":"agent-chat","title":"Agent chat","description":"A composable agent conversation with a bounded thread, draft composer, attachments, progress, explicit permissions and choice prompts.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/agent-chat.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/agent-chat.json"},{"name":"agent-state","title":"Agent state","description":"A sculpted, living status field that changes contour and color as an agent thinks, works, asks for input, or finishes.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/agent-state.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/agent-state.json"},{"name":"alert","title":"Alert","description":"An authored note, attached-action banner or folded dispatch that makes the message and its next step clear.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/alert.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Pauses a workflow for a focused confirmation before a consequential action proceeds.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/alert-dialog.json"},{"name":"ambient-background","title":"Ambient background","description":"Adds a quiet animated composition around content, with decorative shapes kept behind a readable surface.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/ambient-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/ambient-background.json"},{"name":"animated-icon","title":"Animated icon","description":"Replayable micro-interactions for the full Cojeev icon library, with semantic motion families and optional visual treatments.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/animated-icon.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/animated-icon.json"},{"name":"animated-number","title":"Animated number","description":"A smooth, interruptible number transition for totals, metrics and small moments of progress.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/animated-number.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/animated-number.json"},{"name":"appearance","title":"Appearance","description":"Choose from six coordinated palettes and adjust reading contrast across the application.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/appearance.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/appearance.json"},{"name":"area-chart","title":"Area chart","description":"Layered area charts with shared series colors, responsive bounds and a keyboard data inspector.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/area-chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/area-chart.json"},{"name":"article-headings","title":"Article Headings","description":"Semantic article headings resolve through a brief, grapheme-safe noise frontier.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/article-headings.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/article-headings.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Keeps a media container at a chosen width-to-height ratio as its available width changes.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/aspect-ratio.json"},{"name":"assembly-part","title":"Assembly part","description":"A persistent native component moving between a floating organism and its measured layout.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/assembly-part.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/assembly-part.json"},{"name":"attachment","title":"Attachment","description":"Presents a file name, type, metadata, and nearby actions as a compact attachment row.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/attachment.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"Portraits, identity rows and participant groups that keep the person recognizable—with artwork, initials and independent shape choices.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/avatar.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"Stamp a review state, attach a filing tag or count a collection. Three compact treatments with one clear meaning in text.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/badge.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/badge.json"},{"name":"bar-chart","title":"Bar chart","description":"Compare series with grouped, stacked or horizontal bars and a shared interactive tooltip.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/bar-chart.json"},{"name":"bento-builder","title":"Bento Builder","description":"An editable Bento canvas with complete partitions, content swapping, snapped neighbor resizing, history and usable layout export.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/bento-builder.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/bento-builder.json"},{"name":"bento-grid","title":"Bento Grid","description":"A complete canvas of rounded cards or organically interlocking pieces. Compose a layout, then install just the lightweight renderer.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/bento-grid.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Find your place with a complete trail, a pocket-sized ancestor menu or a connected directory path.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"Groups conversational content and timestamps into visually distinct message bubbles.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/bubble.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/bubble.json"},{"name":"button","title":"Button","description":"Triggers an action with native button behavior and an optional busy indicator.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/button.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/button.json"},{"name":"button-group","title":"Button Group","description":"Places related actions together and can track one selected button value.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/button-group.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/button-group.json"},{"name":"buy-me-coffee","title":"Buy Me Coffee","description":"A support poster reveals an inviting cup illustration and a real caller destination.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/buy-me-coffee.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/buy-me-coffee.json"},{"name":"calendar","title":"Calendar","description":"Choose one appointment day, a continuous date range, or separate days in an accessible month grid.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/calendar.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/calendar.json"},{"name":"card","title":"Card","description":"Groups related content, metadata, and actions into a distinct surface.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/card.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/card.json"},{"name":"caret-swap","title":"Caret Swap","description":"A colored caret block consumes a phrase before typing its replacement in whole graphemes.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/caret-swap.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/caret-swap.json"},{"name":"carousel","title":"Carousel","description":"Browse a peeking shelf, a full reading spread or a miniature index of ideas, with native scrolling and a shared organic scrollbar.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/carousel.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/carousel.json"},{"name":"chart","title":"Chart","description":"Compose an understandable chart from a frame, labelled series, inspectable plot and accessible values.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/chart.json"},{"name":"chart-tooltip","title":"Dynamic chart tooltip","description":"Compare a point, read its known subtotal or rank its series. Values update in place and keep their series colours.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/chart-tooltip.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/chart-tooltip.json"},{"name":"checkbox","title":"Checkbox","description":"Captures an independent checked, unchecked, or indeterminate choice.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/checkbox.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/checkbox.json"},{"name":"click-spark","title":"Click Spark","description":"A finite spray of accent marks responds to a real activation.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/click-spark.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/click-spark.json"},{"name":"code-block","title":"Code block","description":"Displays a code snippet with an optional caption, language label, wrapping, and copy feedback.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/code-block.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"Shows or hides one optional section without leaving the surrounding layout.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/collapsible.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Filters a list of options through text input and stores one selected value.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/combobox.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/combobox.json"},{"name":"command","title":"Command","description":"Builds a searchable command list that users can navigate and activate from the keyboard.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/command.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/command.json"},{"name":"compact-dashboard","title":"Compact dashboard","description":"Historical compatibility alias for WorkSidePanel; use the dedicated panel composition in new work.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/compact-dashboard.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/compact-dashboard.json"},{"name":"context-menu","title":"Context Menu","description":"Reveals contextual actions for a target through a context-menu interaction.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/context-menu.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/context-menu.json"},{"name":"contour-field","title":"Contour field","description":"Original topographic lines on the inherited paper surface, with a bounded GPU renderer.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/contour-field.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/contour-field.json"},{"name":"contours-background","title":"Contours background","description":"Nested organic contour lines with generous space between islands.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/contours-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/contours-background.json"},{"name":"conversation-panel","title":"Conversation panel","description":"A reusable conversation panel composed from Cojeev base components.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/conversation-panel.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/conversation-panel.json"},{"name":"data-table","title":"Data Table","description":"Displays records with client-side filtering, sortable columns, and paginated rows.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/data-table.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/data-table.json"},{"name":"date-picker","title":"Date Picker","description":"Choose one day, a range, or multiple dates from a labelled field and calendar popover.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/date-picker.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/date-picker.json"},{"name":"depth-background","title":"Depth background","description":"Layered pollen, contours and orbital shapes with perspective, native-scroll depth and pointer response.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/depth-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/depth-background.json"},{"name":"dialog","title":"Dialog","description":"A decision slip, focused editor or illustrated exhibit. Give one task your attention without losing your place.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dialog.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dialog.json"},{"name":"direction","title":"Direction","description":"Sets a text direction for a subtree and shares it with direction-aware primitives.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/direction.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/direction.json"},{"name":"dither-dissolve","title":"Dither Dissolve","description":"Caller scenes exchange beneath a deterministic ordered dither cover.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dither-dissolve.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dither-dissolve.json"},{"name":"dither-sculpture","title":"Dither sculpture","description":"Depth-tested sculptural forms printed as ordered dots, halftone, error diffusion or stipple.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dither-sculpture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dither-sculpture.json"},{"name":"dock","title":"Dock","description":"A compact workspace launcher with a magnifying glass bar, raised shelf and labelled vertical rail.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dock.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dock.json"},{"name":"dots-background","title":"Dots background","description":"An evenly spaced field of fine points for quiet, familiar structure.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dots-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dots-background.json"},{"name":"drawer","title":"Drawer","description":"Presents dialog content in a drawer surface while keeping the current page underneath.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/drawer.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Opens a compact menu of actions or stateful choices from a visible trigger.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dropdown-menu.json"},{"name":"dropzone","title":"Dropzone","description":"Collects local files through drag and drop or a native file picker and reports the selection.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/dropzone.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/dropzone.json"},{"name":"elastic-mesh","title":"Elastic Mesh","description":"A triangulated printed sheet stretches toward the pointer and springs home.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/elastic-mesh.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/elastic-mesh.json"},{"name":"empty","title":"Empty","description":"Explains an empty collection or unavailable result and creates space for a useful next step.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/empty.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/empty.json"},{"name":"falling-text","title":"Falling Text","description":"Measured word rectangles fall, collide and settle inside a bounded stage.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/falling-text.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/falling-text.json"},{"name":"field","title":"Field","description":"Connects a form control with its label, description, and validation message.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/field.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/field.json"},{"name":"float-layer","title":"Float layer","description":"An entrance, scroll depth and gentle idle movement for a real component or a group of elements.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/float-layer.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/float-layer.json"},{"name":"flow-sculpture","title":"Flow sculpture","description":"A rendered form responds to pointer strokes through a fluid distortion field.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/flow-sculpture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/flow-sculpture.json"},{"name":"focus-session","title":"Focus session","description":"A local focus timer composed from Cojeev cards, progress, badges and native controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/focus-session.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/focus-session.json"},{"name":"folds-background","title":"Folds background","description":"Quiet faceted planes inspired by folded paper, without busy linework.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/folds-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/folds-background.json"},{"name":"ghost-cursor","title":"Ghost Cursor","description":"A translucent ink impression follows a local pointer with soft inertia.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/ghost-cursor.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/ghost-cursor.json"},{"name":"glass-sculpture","title":"Glass sculpture","description":"Translucent geometry bends an original patterned studio through a softly lit glass surface.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/glass-sculpture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/glass-sculpture.json"},{"name":"glyph-sculpture","title":"Glyph sculpture","description":"A real 3D surface drawn with glyphs, optional contour marks and your own local geometry.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/glyph-sculpture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/glyph-sculpture.json"},{"name":"grain-dissolve","title":"Grain Dissolve","description":"Caller scenes dissolve through a grainy pigment field with a soft focus exchange.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/grain-dissolve.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/grain-dissolve.json"},{"name":"grid-background","title":"Grid background","description":"Hairline rules that give canvases and working surfaces a gentle rhythm.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/grid-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/grid-background.json"},{"name":"guided-pointer","title":"Guided pointer","description":"An illustrated pointer moves between story waypoints, with a small arrival or hold cue.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/guided-pointer.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/guided-pointer.json"},{"name":"hero-button","title":"Hero button","description":"Twelve tactile calls to action: living ink, paper, keys, tickets and small moments of motion around one native button.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/hero-button.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/hero-button.json"},{"name":"hover-card","title":"Hover Card","description":"A person, an excerpt or a small visual study—three considered previews, close to the thing you are exploring.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/hover-card.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/hover-card.json"},{"name":"icon","title":"Icon library","description":"1,722 icon names with Cojeev micro-interactions, outline, duotone and organic treatments, built on Lucide geometry.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/icon.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon.json"},{"name":"image-masking","title":"Image Masking","description":"Caller images are framed by original Cojeev silhouettes using CSS masks or SVG clip paths.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/image-masking.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/image-masking.json"},{"name":"image-trail","title":"Image Trail","description":"Distance-triggered image impressions follow the pointer and fade away.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/image-trail.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/image-trail.json"},{"name":"infinite-spiral","title":"Infinite Spiral","description":"Helical image cards recycle through depth with explicit previous, next and pause controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/infinite-spiral.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/infinite-spiral.json"},{"name":"ink-sculpture","title":"Ink sculpture","description":"Hatched and engraved marks follow the light and relief of a 3D form.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/ink-sculpture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/ink-sculpture.json"},{"name":"input","title":"Input","description":"Collects a single-line value through a native input with optional composed affixes and clearing controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/input.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/input.json"},{"name":"input-group","title":"Input Group","description":"Combines a text control with adjacent prefixes, suffixes, or actions in one input surface.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/input-group.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"Presents a single code input as a sequence of visible character slots.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/input-otp.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/input-otp.json"},{"name":"invite-card","title":"Invite card","description":"An event invitation with participant avatars and a reversible local RSVP, composed from Cojeev primitives.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/invite-card.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/invite-card.json"},{"name":"item","title":"Item","description":"A notebook ledger, an illustrated collection or an actionable detail. Three readable arrangements for the things you want to keep together.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/item.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/item.json"},{"name":"item-adornment","title":"Item adornment","description":"Coloured organic shapes for list items, with deterministic automatic selection and custom icon or no-icon options.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/item-adornment.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/item-adornment.json"},{"name":"kbd","title":"Kbd","description":"Formats a key or key combination as a recognizable keyboard instruction.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/kbd.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/kbd.json"},{"name":"label","title":"Label","description":"Provides a native form label plus compact stat-label primitives for named values.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/label.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/label.json"},{"name":"line-chart","title":"Line chart","description":"Track changes using linear, smooth or step lines with accessible point inspection.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/line-chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/line-chart.json"},{"name":"linear-modal","title":"Linear Modal","description":"Follow a card, image and title into a full detail, then back. Card, Centered and browsable Gallery preserve the reference's shared-layout journey.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/linear-modal.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/linear-modal.json"},{"name":"living-link","title":"Living link","description":"A native link with a drawn ink contour, directional underline reveals, or an organic pigment wash.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/living-link.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/living-link.json"},{"name":"magic-rings","title":"Magic Rings","description":"Open concentric rings expand in Cojeev colors and respond to pointer position.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/magic-rings.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/magic-rings.json"},{"name":"marker","title":"Marker","description":"Separates or annotates a sequence with a short event, status, or time label.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/marker.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/marker.json"},{"name":"marquee","title":"Marquee","description":"A measured moving list with optional perspective and a rhythm that follows scrolling.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/marquee.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/marquee.json"},{"name":"menubar","title":"Menubar","description":"Groups application commands into a horizontal row of keyboard-navigable menus.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/menubar.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/menubar.json"},{"name":"message","title":"Message","description":"Structures a conversational or activity entry with a main content area and supporting description.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/message.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"Keeps a conversation near its latest content while allowing readers to scroll back without being pulled down.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/message-scroller.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/message-scroller.json"},{"name":"meta-balls","title":"Meta Balls","description":"Moving scalar-field bodies merge and separate through liquid contours.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/meta-balls.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/meta-balls.json"},{"name":"milestone-path","title":"Milestone path","description":"Follow caller-owned progress or a running workflow as a connected Journey, a scrollable Sequence or a compact checkpoint Review, with durations, details, neste…","type":"registry:ui","source_url":"https://000h.cojeev.com/r/milestone-path.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/milestone-path.json"},{"name":"motion-drawer","title":"Motion Drawer","description":"A reference-faithful edge drawer, floating quick panel, layered workspace and bottom action tray.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/motion-drawer.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/motion-drawer.json"},{"name":"multi-select","title":"Multi-select","description":"Searchable multiple choices with removable selections, form values and clear validation.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/multi-select.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/multi-select.json"},{"name":"native-select","title":"Native Select","description":"Uses the browser’s native select control to choose from a compact list of options.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/native-select.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Organizes destination links and optional expandable navigation panels.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/navigation-menu.json"},{"name":"number-input","title":"Number input","description":"A number field with readable formatting, a native editing caret and expressive stepping.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/number-input.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/number-input.json"},{"name":"option-wheel","title":"Option Wheel","description":"A paper dial, aligned reel or compact readout for choosing one direction with pointer, wheel or keyboard.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/option-wheel.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/option-wheel.json"},{"name":"orbit-images","title":"Orbit Images","description":"An orbit of supplied images frames stationary content.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/orbit-images.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/orbit-images.json"},{"name":"organism-assembly","title":"Organism assembly","description":"An interactive studio that gathers floating shapes into six reusable compositions.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/organism-assembly.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/organism-assembly.json"},{"name":"organism-composition","title":"Organism composition","description":"Six useful compositions made from persistent Cojeev base components, with organic assembly and native controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/organism-composition.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/organism-composition.json"},{"name":"pagination","title":"Pagination","description":"Lets users move between numbered pages and see their current position.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/pagination.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/pagination.json"},{"name":"particle-sculpture","title":"Particle sculpture","description":"A cloud sampled from a real surface yields to the pointer and springs back into form.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/particle-sculpture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/particle-sculpture.json"},{"name":"particle-text","title":"Particle Text","description":"Particles sampled from real glyph pixels gather into a readable phrase and repel the local pointer.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/particle-text.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/particle-text.json"},{"name":"pattern-background","title":"Pattern background","description":"Eight distinct, lightweight backgrounds behind content, with a plain option and adjustable spacing, color and strength.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/pattern-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/pattern-background.json"},{"name":"pebbles-background","title":"Pebbles background","description":"Sparse, softly irregular pebble outlines distributed across the surface.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/pebbles-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/pebbles-background.json"},{"name":"pie-chart","title":"Pie chart","description":"Show proportions using themed pie and donut layouts, with readable totals and segment inspection.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/pie-chart.json"},{"name":"pigment-field","title":"Pigment field","description":"An original GPU pigment wash using the current Cojeev palette.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/pigment-field.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/pigment-field.json"},{"name":"pixel-swap","title":"Pixel Swap","description":"A staggered tile mask exchanges two compositions without duplicating their interactive content.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/pixel-swap.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/pixel-swap.json"},{"name":"popover","title":"Popover","description":"Places a dismissible panel next to a trigger for a small contextual task or set of controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/popover.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/popover.json"},{"name":"portal-field","title":"Portal Field","description":"An organically warped luminous halo with a soft chromatic fringe behind real content.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/portal-field.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/portal-field.json"},{"name":"presence","title":"Presence","description":"MotionPresence keeps keyed children mounted for their exits. MotionSurface adds coordinated lifecycle states to an existing primitive.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/presence.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/presence.json"},{"name":"preview","title":"Component preview","description":"Pairs a live component example with a code view and a copy action.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/preview.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/preview.json"},{"name":"profile-card","title":"Profile card","description":"A reusable profile card composed from Cojeev base components.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/profile-card.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/profile-card.json"},{"name":"progress","title":"Progress","description":"One measured amount, explained as an inline task, a small report or connected milestones—with independent organic track geometry.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/progress.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/progress.json"},{"name":"questionnaire","title":"Questionnaire","description":"A little guided brief: open questions, a focused journey or a two-column worksheet with living choice marks and honest completion progress.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/questionnaire.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/questionnaire.json"},{"name":"radar-chart","title":"Radar chart","description":"Compare several dimensions with a shared radar scale and contextual series highlighting.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/radar-chart.json"},{"name":"radial-chart","title":"Radial chart","description":"Show progress against a shared maximum using full rings or semicircles.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/radial-chart.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/radial-chart.json"},{"name":"radio-group","title":"Radio group","description":"Lets users select one option from a labeled set of mutually exclusive choices.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/radio-group.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/radio-group.json"},{"name":"reading-trail","title":"Reading trail","description":"Keep your place with a connected spine, an expandable bookmark or a descriptive chapter overview—all following actual reading progress.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/reading-trail.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/reading-trail.json"},{"name":"resizable","title":"Resizable","description":"Divides a region into panels whose relative sizes can be adjusted with a separator.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/resizable.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/resizable.json"},{"name":"ripple-distortion","title":"Ripple Distortion","description":"Pointer impulses send expanding waves through a textured print.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/ripple-distortion.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/ripple-distortion.json"},{"name":"scroll-area","title":"Scroll Area","description":"Contains overflowing content in a bounded viewport with styled scrollbars.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/scroll-area.json"},{"name":"scroll-expand","title":"Scroll Expand","description":"A framed composition opens as native scroll or controlled progress advances.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/scroll-expand.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/scroll-expand.json"},{"name":"scroll-organism","title":"Scroll organism","description":"A softly stretching companion driven by native document scrolling.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/scroll-organism.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/scroll-organism.json"},{"name":"scroll-reveal","title":"Scroll Reveal","description":"Native scroll progress resolves word opacity and blur while leveling the phrase.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/scroll-reveal.json"},{"name":"sculpture-orbit","title":"Sculpture orbit","description":"A shared sculpture viewer with pointer rotation, touch-friendly navigation and complete keyboard controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/sculpture-orbit.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/sculpture-orbit.json"},{"name":"select","title":"Select","description":"Opens a list of options from a trigger and stores one selected value.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/select.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/select.json"},{"name":"semantic-bloom","title":"Semantic bloom","description":"A living wordmark whose particles wander, connect and gather into a liquid organism. Adapted from ThreeUI with Cojeev colors and motion controls.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/semantic-bloom.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/semantic-bloom.json"},{"name":"separator","title":"Separator","description":"Divides adjacent content with a horizontal or vertical rule.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/separator.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/separator.json"},{"name":"shape","title":"Shape studio","description":"One shape studio: twelve compatible living contours, layered artwork and the complete original mask inventory. Compose it here, then take the SVG or React code.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/shape.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/shape.json"},{"name":"shape-artwork","title":"Shape artwork","description":"An original SVG silhouette with a cast shadow and a rotated rear outline. The same vector layers power its live preview and standalone SVG export.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/shape-artwork.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/shape-artwork.json"},{"name":"shape-scene","title":"Shape scene","description":"A tactile 3D composition made from Cojeev shapes, with a static fallback and motion preferences built in.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/shape-scene.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/shape-scene.json"},{"name":"sheet","title":"Sheet","description":"Opens a side surface for focused secondary content while the current page remains in place.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/sheet.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A paper folio, a readable compact index and a motion drawer. Three calm ways to keep the same workspace within reach.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/sidebar.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Give unavailable content a useful outline: a reading page, a person or a board of ideas, with three quiet-safe paint effects.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/skeleton.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Adjusts one or more numeric values by moving labeled thumbs along a track.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/slider.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/slider.json"},{"name":"spinner","title":"Loading","description":"Three indeterminate signals: a morphing Bloom, gathering Orbit or handing-off Relay. The original small seed stays the default.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/spinner.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/spinner.json"},{"name":"sprouts-background","title":"Sprouts background","description":"Small paired leaves and seed-like marks with plenty of open space.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/sprouts-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/sprouts-background.json"},{"name":"strands","title":"Strands","description":"A bundle of colored ribbons moves through a bounded sine field.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/strands.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/strands.json"},{"name":"sunwash-background","title":"Sunwash background","description":"Broad, soft pools of color that leave the content in focus.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/sunwash-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/sunwash-background.json"},{"name":"swapy","title":"Swapy","description":"Cards swap positions through a drag handle or keyboard controls and retain their order in React state.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/swapy.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/swapy.json"},{"name":"swarm-cursor","title":"Swarm Cursor","description":"A local flock of colored seeds follows the pointer and scatters on activation.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/swarm-cursor.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/swarm-cursor.json"},{"name":"switch","title":"Switch","description":"Turns a named binary setting on or off.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/switch.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/switch.json"},{"name":"table","title":"Tables","description":"Scan a compact ledger, explore detailed records or compare them side by side. One Tables guide for native parts and the composed DataTable.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/table.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Switches between related content panels while keeping the available views visible.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/tabs.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/tabs.json"},{"name":"target-cursor","title":"Target Cursor","description":"Local corner brackets follow real controls on hover and keyboard focus.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/target-cursor.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/target-cursor.json"},{"name":"text-reveal","title":"Text reveal","description":"Readable word, grapheme, phrase or measured-line arrivals with soft focus, fold and organic scale choices.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/text-reveal.json"},{"name":"text-ribbon","title":"Text ribbon","description":"A measured phrase follows six original SVG paths, with direct manipulation and gentle changes of pace.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/text-ribbon.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/text-ribbon.json"},{"name":"textarea","title":"Textarea","description":"Collects multiline text and offers composer and character-count parts for longer input.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/textarea.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/textarea.json"},{"name":"theme-toggle","title":"Theme toggle","description":"A controlled light/dark switch with a morphing sun and moon and a smooth organic page reveal.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/theme-toggle.json"},{"name":"toast","title":"Toast","description":"Reports a brief outcome in a notification area without moving the user away from the current task.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/toast.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A small action with a lasting state: a toolbar tool, a paper bookmark or a descriptive preference. Native targets stay put while the painted surface responds.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/toggle.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Groups pressable choices that can allow one or several selected values.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Precise ink callouts, useful keyboard hints and small paper annotations. Short explanations that appear where attention already is.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/tooltip.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/tooltip.json"},{"name":"tree","title":"Tree","description":"A controlled branch ledger for supplied hierarchical data, with separate disclosure, selection and trailing actions.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/tree.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/tree.json"},{"name":"typography","title":"Typography","description":"Provides text roles for headings, body copy, metadata, values, and identifiers.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/typography.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/typography.json"},{"name":"typography-vortex","title":"Typography Vortex","description":"Nested rotating glyph rings with a local dissolution lens and a finite suction pulse.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/typography-vortex.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/typography-vortex.json"},{"name":"variable-proximity","title":"Variable Proximity","description":"Pointer distance changes the real variable-font weight of individual graphemes.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/variable-proximity.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/variable-proximity.json"},{"name":"warp-text","title":"Warp Text","description":"Rendered text deforms through a slowly changing noise displacement.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/warp-text.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/warp-text.json"},{"name":"wave-wipe","title":"Wave Wipe","description":"An organic wave rises across caller content to reveal the next scene.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/wave-wipe.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/wave-wipe.json"},{"name":"weave-background","title":"Weave background","description":"Interlaced thread-like strokes with visible over-and-under crossings.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/weave-background.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/weave-background.json"},{"name":"word-relay","title":"Word relay","description":"Exchanges phrases, words or letters inside a stable wrapping footprint, with interruptible motion and explicit navigation.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/word-relay.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/word-relay.json"},{"name":"word-stream","title":"Word Stream","description":"Phrases build word by word, drift left and run out before the final phrase holds.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/word-stream.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/word-stream.json"},{"name":"work-side-panel","title":"Work side panel","description":"A reusable work side panel composed from Cojeev base components.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/work-side-panel.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/work-side-panel.json"},{"name":"writing-caret","title":"Writing caret","description":"A quiet writing mark with a short, deliberate blink sequence.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/writing-caret.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/writing-caret.json"},{"name":"zoom-words","title":"Zoom Words","description":"An enlarged camera follows measured centers along a growing word line.","type":"registry:ui","source_url":"https://000h.cojeev.com/r/zoom-words.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/zoom-words.json"},{"name":"icon-a-arrow-down","title":"A arrow down icon","description":"A arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-a-arrow-down.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-a-arrow-down.json"},{"name":"icon-a-arrow-up","title":"A arrow up icon","description":"A arrow up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-a-arrow-up.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-a-arrow-up.json"},{"name":"icon-a-large-small","title":"A large small icon","description":"A large small icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-a-large-small.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-a-large-small.json"},{"name":"icon-accessibility","title":"Accessibility icon","description":"Accessibility icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-accessibility.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-accessibility.json"},{"name":"icon-activity","title":"Activity icon","description":"Activity icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-activity.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-activity.json"},{"name":"icon-air-vent","title":"Air vent icon","description":"Air vent icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-air-vent.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-air-vent.json"},{"name":"icon-airplay","title":"Airplay icon","description":"Airplay icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-airplay.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-airplay.json"},{"name":"icon-alarm-clock","title":"Alarm clock icon","description":"Alarm clock icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-alarm-clock.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-alarm-clock.json"},{"name":"icon-alarm-clock-check","title":"Alarm clock check icon","description":"Alarm clock check icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-alarm-clock-check.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-alarm-clock-check.json"},{"name":"icon-alarm-clock-minus","title":"Alarm clock minus icon","description":"Alarm clock minus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-alarm-clock-minus.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-alarm-clock-minus.json"},{"name":"icon-alarm-clock-off","title":"Alarm clock off icon","description":"Alarm clock off icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-alarm-clock-off.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-alarm-clock-off.json"},{"name":"icon-alarm-clock-plus","title":"Alarm clock plus icon","description":"Alarm clock plus icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-alarm-clock-plus.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-alarm-clock-plus.json"},{"name":"icon-alarm-smoke","title":"Alarm smoke icon","description":"Alarm smoke icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-alarm-smoke.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-alarm-smoke.json"},{"name":"icon-album","title":"Album icon","description":"Album icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-album.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-album.json"},{"name":"icon-align-center-horizontal","title":"Align center horizontal icon","description":"Align center horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-center-horizontal.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-center-horizontal.json"},{"name":"icon-align-center-vertical","title":"Align center vertical icon","description":"Align center vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-center-vertical.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-center-vertical.json"},{"name":"icon-align-end-horizontal","title":"Align end horizontal icon","description":"Align end horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-end-horizontal.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-end-horizontal.json"},{"name":"icon-align-end-vertical","title":"Align end vertical icon","description":"Align end vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-end-vertical.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-end-vertical.json"},{"name":"icon-align-horizontal-distribute-center","title":"Align horizontal distribute center icon","description":"Align horizontal distribute center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-distribute-center.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-distribute-center.json"},{"name":"icon-align-horizontal-distribute-end","title":"Align horizontal distribute end icon","description":"Align horizontal distribute end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-distribute-end.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-distribute-end.json"},{"name":"icon-align-horizontal-distribute-start","title":"Align horizontal distribute start icon","description":"Align horizontal distribute start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-distribute-start.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-distribute-start.json"},{"name":"icon-align-horizontal-justify-center","title":"Align horizontal justify center icon","description":"Align horizontal justify center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-justify-center.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-justify-center.json"},{"name":"icon-align-horizontal-justify-end","title":"Align horizontal justify end icon","description":"Align horizontal justify end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-justify-end.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-justify-end.json"},{"name":"icon-align-horizontal-justify-start","title":"Align horizontal justify start icon","description":"Align horizontal justify start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-justify-start.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-justify-start.json"},{"name":"icon-align-horizontal-space-around","title":"Align horizontal space around icon","description":"Align horizontal space around icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-space-around.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-space-around.json"},{"name":"icon-align-horizontal-space-between","title":"Align horizontal space between icon","description":"Align horizontal space between icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-horizontal-space-between.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-horizontal-space-between.json"},{"name":"icon-align-start-horizontal","title":"Align start horizontal icon","description":"Align start horizontal icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-start-horizontal.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-start-horizontal.json"},{"name":"icon-align-start-vertical","title":"Align start vertical icon","description":"Align start vertical icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-start-vertical.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-start-vertical.json"},{"name":"icon-align-vertical-distribute-center","title":"Align vertical distribute center icon","description":"Align vertical distribute center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-distribute-center.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-distribute-center.json"},{"name":"icon-align-vertical-distribute-end","title":"Align vertical distribute end icon","description":"Align vertical distribute end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-distribute-end.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-distribute-end.json"},{"name":"icon-align-vertical-distribute-start","title":"Align vertical distribute start icon","description":"Align vertical distribute start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-distribute-start.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-distribute-start.json"},{"name":"icon-align-vertical-justify-center","title":"Align vertical justify center icon","description":"Align vertical justify center icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-justify-center.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-justify-center.json"},{"name":"icon-align-vertical-justify-end","title":"Align vertical justify end icon","description":"Align vertical justify end icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-justify-end.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-justify-end.json"},{"name":"icon-align-vertical-justify-start","title":"Align vertical justify start icon","description":"Align vertical justify start icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-justify-start.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-justify-start.json"},{"name":"icon-align-vertical-space-around","title":"Align vertical space around icon","description":"Align vertical space around icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-space-around.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-space-around.json"},{"name":"icon-align-vertical-space-between","title":"Align vertical space between icon","description":"Align vertical space between icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-align-vertical-space-between.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-align-vertical-space-between.json"},{"name":"icon-ambulance","title":"Ambulance icon","description":"Ambulance icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-ambulance.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-ambulance.json"},{"name":"icon-ampersand","title":"Ampersand icon","description":"Ampersand icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-ampersand.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-ampersand.json"},{"name":"icon-ampersands","title":"Ampersands icon","description":"Ampersands icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-ampersands.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-ampersands.json"},{"name":"icon-amphora","title":"Amphora icon","description":"Amphora icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-amphora.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-amphora.json"},{"name":"icon-anchor","title":"Anchor icon","description":"Anchor icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-anchor.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-anchor.json"},{"name":"icon-angry","title":"Angry icon","description":"Angry icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-angry.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-angry.json"},{"name":"icon-annoyed","title":"Annoyed icon","description":"Annoyed icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-annoyed.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-annoyed.json"},{"name":"icon-antenna","title":"Antenna icon","description":"Antenna icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-antenna.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-antenna.json"},{"name":"icon-anvil","title":"Anvil icon","description":"Anvil icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-anvil.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-anvil.json"},{"name":"icon-aperture","title":"Aperture icon","description":"Aperture icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-aperture.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-aperture.json"},{"name":"icon-app-window","title":"App window icon","description":"App window icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-app-window.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-app-window.json"},{"name":"icon-app-window-mac","title":"App window mac icon","description":"App window mac icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-app-window-mac.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-app-window-mac.json"},{"name":"icon-apple","title":"Apple icon","description":"Apple icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-apple.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-apple.json"},{"name":"icon-archive","title":"Archive icon","description":"Archive icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-archive.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-archive.json"},{"name":"icon-archive-restore","title":"Archive restore icon","description":"Archive restore icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-archive-restore.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-archive-restore.json"},{"name":"icon-archive-x","title":"Archive x icon","description":"Archive x icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-archive-x.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-archive-x.json"},{"name":"icon-armchair","title":"Armchair icon","description":"Armchair icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-armchair.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-armchair.json"},{"name":"icon-arrow-big-down","title":"Arrow big down icon","description":"Arrow big down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-down.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-down.json"},{"name":"icon-arrow-big-down-dash","title":"Arrow big down dash icon","description":"Arrow big down dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-down-dash.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-down-dash.json"},{"name":"icon-arrow-big-left","title":"Arrow big left icon","description":"Arrow big left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-left.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-left.json"},{"name":"icon-arrow-big-left-dash","title":"Arrow big left dash icon","description":"Arrow big left dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-left-dash.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-left-dash.json"},{"name":"icon-arrow-big-right","title":"Arrow big right icon","description":"Arrow big right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-right.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-right.json"},{"name":"icon-arrow-big-right-dash","title":"Arrow big right dash icon","description":"Arrow big right dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-right-dash.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-right-dash.json"},{"name":"icon-arrow-big-up","title":"Arrow big up icon","description":"Arrow big up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-up.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-up.json"},{"name":"icon-arrow-big-up-dash","title":"Arrow big up dash icon","description":"Arrow big up dash icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-big-up-dash.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-big-up-dash.json"},{"name":"icon-arrow-down","title":"Arrow down icon","description":"Arrow down icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down.json"},{"name":"icon-arrow-down-0-1","title":"Arrow down 0 1 icon","description":"Arrow down 0 1 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-0-1.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-0-1.json"},{"name":"icon-arrow-down-1-0","title":"Arrow down 1 0 icon","description":"Arrow down 1 0 icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-1-0.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-1-0.json"},{"name":"icon-arrow-down-a-z","title":"Arrow down a z icon","description":"Arrow down a z icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-a-z.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-a-z.json"},{"name":"icon-arrow-down-from-line","title":"Arrow down from line icon","description":"Arrow down from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-from-line.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-from-line.json"},{"name":"icon-arrow-down-left","title":"Arrow down left icon","description":"Arrow down left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-left.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-left.json"},{"name":"icon-arrow-down-narrow-wide","title":"Arrow down narrow wide icon","description":"Arrow down narrow wide icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-narrow-wide.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-narrow-wide.json"},{"name":"icon-arrow-down-right","title":"Arrow down right icon","description":"Arrow down right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-right.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-right.json"},{"name":"icon-arrow-down-to-dot","title":"Arrow down to dot icon","description":"Arrow down to dot icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-to-dot.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-to-dot.json"},{"name":"icon-arrow-down-to-line","title":"Arrow down to line icon","description":"Arrow down to line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-to-line.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-to-line.json"},{"name":"icon-arrow-down-up","title":"Arrow down up icon","description":"Arrow down up icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-up.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-up.json"},{"name":"icon-arrow-down-wide-narrow","title":"Arrow down wide narrow icon","description":"Arrow down wide narrow icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-wide-narrow.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-wide-narrow.json"},{"name":"icon-arrow-down-z-a","title":"Arrow down z a icon","description":"Arrow down z a icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-down-z-a.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-down-z-a.json"},{"name":"icon-arrow-left","title":"Arrow left icon","description":"Arrow left icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-left.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-left.json"},{"name":"icon-arrow-left-from-line","title":"Arrow left from line icon","description":"Arrow left from line icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-left-from-line.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-left-from-line.json"},{"name":"icon-arrow-left-right","title":"Arrow left right icon","description":"Arrow left right icon as a typed React component on the Cojeev Icon, with its motion presets, sizes and feedback.","type":"registry:component","source_url":"https://000h.cojeev.com/r/icon-arrow-left-right.json","install_command":"npx shadcn@latest add https://000h.cojeev.com/r/icon-arrow-left-right.json"}]},{"id":"1st-pouf","name":"@1st-pouf","slug":"1st-pouf","description":"Puffy, pastel claymorphism components and app blocks for React, built with Tailwind CSS v4 and Radix UI.","author":"moji2002","framework":"react","license":"MIT","tags":["audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","gaming","icons","loaders","marketing","media","navigation","onboarding","overlays","pro-available","tables"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://1st-pouf.worksonmy.dev","github":"https://github.com/moji2002/1st-pouf","registry":"https://1st-pouf.worksonmy.dev/r/registry.json","source":"https://1st-pouf.worksonmy.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/1st-pouf","markdown":"https://sh4dcn.netlify.app/md/1st-pouf.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='3' y='3' width='26' height='26' rx='9' fill='#c9a8ff'/><path d='M5 12c5-5 17-5 22 0v8c-5 5-17 5-22 0z' fill='var(--foreground)' fill-opacity='.16'/></svg>","preview_image":"https://1st-pouf.worksonmy.dev/social-preview.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://1st-pouf.worksonmy.dev/blocks/pricing"},"metrics":{"github_stars":50,"open_issues":0,"last_commit":"2026-08-30T21:12:28Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://1st-pouf.worksonmy.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://1st-pouf.worksonmy.dev/r/registry.json","clone":"git clone https://github.com/moji2002/1st-pouf.git","clone_degit":"npx degit moji2002/1st-pouf","registry_fetch":"curl -s https://1st-pouf.worksonmy.dev/r/registry.json"},"component_count":71,"components":[{"name":"base","title":"1st-Pouf base","description":"Theme tokens, cushion utilities, keyframes, and component chrome. Required by every 1st-Pouf component. Also import @fontsource-variable/nunito once in your ap…","type":"registry:style","source_url":"https://1st-pouf.worksonmy.dev/r/base.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/base.json"},{"name":"alert-bell","title":"AlertBell","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/alert-bell.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/alert-bell.json"},{"name":"aspect-ratio","title":"AspectRatio","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/avatar.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/avatar.json"},{"name":"bottom-nav","title":"BottomNav","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/bottom-nav.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/bottom-nav.json"},{"name":"breadcrumb","title":"Breadcrumb","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/breadcrumb.json"},{"name":"button","title":"Button","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/button.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/button.json"},{"name":"charts","title":"Charts","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/charts.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/charts.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/checkbox.json"},{"name":"controls","title":"Controls (Select, Switch, Tooltip, Dialog, Confirm, Combobox)","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/controls.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/controls.json"},{"name":"cta","title":"CTA","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/cta.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/cta.json"},{"name":"disclosure","title":"Tabs, Accordion, Collapsible","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/disclosure.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/disclosure.json"},{"name":"error-boundary","title":"ErrorBoundary","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/error-boundary.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/error-boundary.json"},{"name":"feedback","title":"Empty, Skeleton, ErrorNote","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/feedback.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/feedback.json"},{"name":"footer","title":"Footer","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/footer.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/footer.json"},{"name":"hover-card","title":"HoverCard","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/hover-card.json"},{"name":"icon","title":"Icon","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/icon.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/icon.json"},{"name":"input","title":"Input","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/input.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/input.json"},{"name":"layout","title":"Layout","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/layout.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/layout.json"},{"name":"media","title":"Blob, Badge, Dot, Figure","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/media.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/media.json"},{"name":"menu","title":"DropdownMenu + ContextMenu","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/menu.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/menu.json"},{"name":"menubar","title":"Menubar","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/menubar.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/menubar.json"},{"name":"nav-link","title":"NavLink","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/nav-link.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/nav-link.json"},{"name":"navbar","title":"Navbar","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/navbar.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/navbar.json"},{"name":"number-input","title":"NumberInput","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/number-input.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/number-input.json"},{"name":"numberinput-math","title":"NumberInput math","description":null,"type":"registry:lib","source_url":"https://1st-pouf.worksonmy.dev/r/numberinput-math.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/numberinput-math.json"},{"name":"pagination","title":"Pagination","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/pagination.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/pagination.json"},{"name":"progress","title":"Progress","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/progress.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/progress.json"},{"name":"radio-group","title":"RadioGroup","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/radio-group.json"},{"name":"readout","title":"Stat, Metric","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/readout.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/readout.json"},{"name":"scroll-area","title":"ScrollArea","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/scroll-area.json"},{"name":"segmented","title":"Segmented","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/segmented.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/segmented.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/separator.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/separator.json"},{"name":"sheet","title":"sheet","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/sheet.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/sheet.json"},{"name":"slider","title":"Slider","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/slider.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/slider.json"},{"name":"status","title":"Status, Freshness, ModeBanner","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/status.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/status.json"},{"name":"surface","title":"Card, RowCard","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/surface.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/surface.json"},{"name":"table","title":"Table","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/table.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/table.json"},{"name":"text","title":"Heading, Text, Highlight, Eyebrow","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/text.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/text.json"},{"name":"toast","title":"Toast","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/toast.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/toast.json"},{"name":"toaster","title":"Toaster","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/toaster.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/toaster.json"},{"name":"toggle","title":"ToggleGroup","description":null,"type":"registry:ui","source_url":"https://1st-pouf.worksonmy.dev/r/toggle.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/toggle.json"},{"name":"tone","title":"Tone tokens","description":null,"type":"registry:lib","source_url":"https://1st-pouf.worksonmy.dev/r/tone.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/tone.json"},{"name":"dashboard","title":"Dashboard","description":"An example dashboard — sidebar nav, KPI row, chart, and data table.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/dashboard.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/dashboard.json"},{"name":"login","title":"Login screen","description":"An example auth screen — card, fields, and buttons.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/login.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/login.json"},{"name":"settings","title":"Settings page","description":"An example settings screen — tabbed sections of form controls.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/settings.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/settings.json"},{"name":"chat","title":"Chat","description":"An example messaging UI — a conversation list beside a live thread.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/chat.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/chat.json"},{"name":"game","title":"Game HUD","description":"An example game interface — score, health/XP bars, and a leaderboard.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/game.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/game.json"},{"name":"pricing","title":"Pricing","description":"An example pricing page — three plans with feature checklists.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/pricing.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/pricing.json"},{"name":"blog","title":"Blog","description":"An example blog index — a featured post and a grid of cards.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/blog.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/blog.json"},{"name":"profile","title":"Profile","description":"An example profile page — avatar, stats, and tabbed content.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/profile.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/profile.json"},{"name":"kanban","title":"Kanban board","description":"An example task board — columns of cards with priorities and assignees.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/kanban.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/kanban.json"},{"name":"music","title":"Music player","description":"An example now-playing screen — album art, scrubber, and a queue.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/music.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/music.json"},{"name":"feed","title":"Social feed","description":"An example feed — a composer and a stream of posts with reactions.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/feed.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/feed.json"},{"name":"todo","title":"Todo list","description":"An example checklist — add, filter, and check off tasks.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/todo.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/todo.json"},{"name":"onboarding","title":"Onboarding","description":"An example setup wizard — a progress bar and step-by-step forms.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/onboarding.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/onboarding.json"},{"name":"weather","title":"Weather widget","description":"An example weather card — current conditions, hourly, and a 5-day forecast.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/weather.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/weather.json"},{"name":"quiz","title":"Quiz","description":"An example quiz card — progress, questions, and inline scoring.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/quiz.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/quiz.json"},{"name":"landing","title":"Landing page","description":"A complete marketing route — navbar, hero, proof, features, pricing, CTA, and footer.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/landing.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/landing.json"},{"name":"storefront","title":"Storefront","description":"A complete commerce route with site chrome, product discovery, a working bag, totals, and order state.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/storefront.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/storefront.json"},{"name":"support","title":"Support desk","description":"A complete support workspace with app chrome, queue filters, ticket detail, replies, and status updates.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/support.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/support.json"},{"name":"inbox","title":"Inbox","description":"An example email inbox — a message list beside a reading pane.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/inbox.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/inbox.json"},{"name":"calendar","title":"Calendar","description":"An example day agenda with working navigation.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/calendar.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/calendar.json"},{"name":"contact","title":"Contact section","description":"A high-trust contact section with context, inline validation, and a submitted state.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/contact.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/contact.json"},{"name":"testimonials","title":"Testimonials","description":"A filterable customer-story carousel with outcomes and accessible controls.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/testimonials.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/testimonials.json"},{"name":"crm","title":"Customer CRM","description":"A complete customer workspace with responsive app chrome, filters, lifecycle stages, and notes.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/crm.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/crm.json"},{"name":"inventory","title":"Inventory","description":"A complete inventory workspace with searchable stock, filters, sortable records, item detail, and receiving actions.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/inventory.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/inventory.json"},{"name":"editorial","title":"Editorial desk","description":"A publishing workspace that moves stories from draft through scheduling to launch.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/editorial.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/editorial.json"},{"name":"course","title":"Course dashboard","description":"A learning workspace with a lesson outline, completion controls, and live progress.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/course.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/course.json"},{"name":"event","title":"Event check-in","description":"A live event workspace with attendee search, attendance filters, summary counts, and working check-in.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/event.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/event.json"},{"name":"booking","title":"Booking flow","description":"A complete service-booking route with site chrome, scheduling, contact details, review, and confirmation.","type":"registry:block","source_url":"https://1st-pouf.worksonmy.dev/r/booking.json","install_command":"npx shadcn@latest add https://1st-pouf.worksonmy.dev/r/booking.json"}]},{"id":"23rd","name":"@23rd","slug":"23rd","description":"Opinionated components for shippers.","author":"radiumcoders","framework":"react","license":null,"tags":["backgrounds","icons","pro-available","text-effects"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://23rd.dev","github":"https://github.com/radiumcoders/23rd.dev","registry":"https://23rd.dev/r/registry.json","source":"https://23rd.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/23rd","markdown":"https://sh4dcn.netlify.app/md/23rd.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'><image width='64' height='64' href='data:image/webp;base64,UklGRroEAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSNUAAAABcFvbtk3t6y+9dalEE6pQiTLkQg2IhM5w7cDffukbIyIUtm3bWEn3AXZPwAEkQF61/WR8jU19W+VAgkuiCL4Z+SFj4xFFF4qBeibDGrYvtIU1kHMNxBfPyo60wA8JRnYlktPaD6fVx4vBH5YRyoELBSwcSkS7ur011SFCgppGEcYaCfzMoFLg7IFmn3VTg3zcZ9005tXeyqparkqtbHv10E/clNo4GcUY//4xeet9k9636X2j3rfqfbPet8tzww/kFnlu0uc2eW6U51Z5bv6N3C7/NwAAVlA4IL4DAABQFQCdASpAAEAAPikSh0KhoQqFmroMAUJZwAxQCxgP0A+CXyN80A/junu9j/VDJvfVfyY8zP8QOIG/jf88/GX8wOPFlJ8gL5R/afyo1R3/G6mTzfP478qvV3+R/2//X/3v4Bf4j/L/71/Uv3I/u3//8M36q+wz+vqJNVJQFxm2acL06JEk4mC3gHMpqmO2gQGiymUX2i3jB3RK7zeR3f9etxNzM07ov6wq4zqX8rB6tUdcgAD+/wH2VuJ7Kc7Em7dMyUjrPi/mat76KPid7GOsBz94O7eghcGaxoMIe5lvGkcxLHGywGw/ze+YhaoXBTtsJVZOquzezrXjCVzOKXkoXcbxCIwfGIJGcH8urek1VdsU/8ADoPMj2O0ChmmhA59R3in+j3mtVVpmsrs2GYOabgUQB7RRKpbQkszPHbxKWRZ8OTFlEPATixMOGfAojIpjx2zsg56vzguJQKeJME1OuiA//Pnfc2sKt+udoYbIUhUPS7ujy0oCJsEpxqcf0DV1YSfYtW6tWGevcfIR2f4wYYZPYfv8jMcdqeLz6OcccqRvtPtP/++Ez5+Nv6FxlwiZKPUAA/uF1f+PB/820KlWZ3HRQNPkPWX/14AGvnXFpvYa2rBT6byiJJdj/6OkWVb+oZKCT4faJ240UDs3KUy56PHlZY2MKm4R9LLJv5rOFiMKxQ0X+P80WGNjx6AUB9QbxSP63W/yv8hRcNz9vw2vwierH5x3XZV6WeWJ19zkHdb/4pNv8/0QySQsvsZDcLBpwPeWM7o1RGnBVUAuHoqzmdH+APcvEEgY0MrfGyfRfqHzuX6a1weQLz8Iu4pePmpSlkTwcz48XXx5LF703xNK+aciDwCTP+ampN1Jc//NAmh/vAm6lLGPtAu6KeVoOd+Nb6YvzpZT33bCF3FEzfnqfl1+NWlJ1z9hLvPlQUv3qONfcqXqX+z8r3z2phnzUJTmfh5nXDwWpBU7v/+ov+Rrk+IqkU2FUWLDqV+FNyrjfup2D0u2QJcoNpc15TZ1QVk6q7lEs5KEFI2gB0F7Xb4jvgI10yG4Wj0JXUYSoKW/VOg86lmbGStguilsAr2vu7KFH5OnTM1TBH2kWJ4hm+m9zYNimrA3aGiNyvr20FKr5bePOHSiy5pZnNziZzRqf25f7g0ynQy0Cgujgu9AkKts2nIoM32K7Bm9yZ7/C/lXOXx60iO+je30nj5xu98RS5f/7T/tH/yK+9Qnj/6QHdQodcEgQ22bmWF/8+/+MX/nv/SqOdf/0wQ89qtYAAAA'/></svg>","preview_image":"https://23rd.dev/og/docs/image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://23rd.dev/pricing"},"metrics":{"github_stars":216,"open_issues":3,"last_commit":"2026-10-26T12:18:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://23rd.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://23rd.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://23rd.dev/r/registry.json","clone":"git clone https://github.com/radiumcoders/23rd.dev.git","clone_degit":"npx degit radiumcoders/23rd.dev","registry_fetch":"curl -s https://23rd.dev/r/registry.json"},"component_count":20,"components":[{"name":"ascii-fluid","title":"ASCII Fluid","description":"Mouse-trail WebGL fluid background quantized to a clean ASCII brightness ramp - zero deps, theme-aware.","type":"registry:ui","source_url":"https://23rd.dev/r/ascii-fluid.json","install_command":"npx shadcn@latest add https://23rd.dev/r/ascii-fluid.json"},{"name":"ascii-logo","title":"ASCII Logo","description":"Interactive ASCII wordmark: glyphs shove away from the cursor, then click-cycle through scatter, gravity drop, and reassemble. Zero deps.","type":"registry:ui","source_url":"https://23rd.dev/r/ascii-logo.json","install_command":"npx shadcn@latest add https://23rd.dev/r/ascii-logo.json"},{"name":"dither-scan","title":"Dither Scan","description":"An image that starts as a 1-bit ordered dither. A diagonal scan line sweeps it a set number of times, and each pass sharpens the cells and brings back tone and…","type":"registry:ui","source_url":"https://23rd.dev/r/dither-scan.json","install_command":"npx shadcn@latest add https://23rd.dev/r/dither-scan.json"},{"name":"dithered-404","title":"Dithered 404","description":"Bayer-pixel 404 section: a fireball cursor scorches the glyph, burns it into embers and smoke, then reforms. Optional soft realistic fire.","type":"registry:ui","source_url":"https://23rd.dev/r/dithered-404.json","install_command":"npx shadcn@latest add https://23rd.dev/r/dithered-404.json"},{"name":"folio","title":"Folio","description":"The whole page leans back in perspective while you scroll, blurs, then springs flat when you stop.","type":"registry:ui","source_url":"https://23rd.dev/r/folio.json","install_command":"npx shadcn@latest add https://23rd.dev/r/folio.json"},{"name":"gooey-color-picker","title":"Gooey Color Picker","description":"A floating color picker with a circular hue wheel, alpha slider, hex field, and motion-powered open/close.","type":"registry:ui","source_url":"https://23rd.dev/r/gooey-color-picker.json","install_command":"npx shadcn@latest add https://23rd.dev/r/gooey-color-picker.json"},{"name":"iso-lattice","title":"Iso Lattice","description":"A hex lattice of glowing tiles that builds solid isometric figures, one over the last, from the floor up. Follows light and dark.","type":"registry:ui","source_url":"https://23rd.dev/r/iso-lattice.json","install_command":"npx shadcn@latest add https://23rd.dev/r/iso-lattice.json"},{"name":"live-orb","title":"Live Orb","description":"An evenly lit sphere with two capsule eyes that follow the pointer: white, black, webgl, and custom variants.","type":"registry:ui","source_url":"https://23rd.dev/r/live-orb.json","install_command":"npx shadcn@latest add https://23rd.dev/r/live-orb.json"},{"name":"logo-burst","title":"Logo Burst","description":"Hair-line tentacles explode from the center, then keep a slow inhale. Follows light and dark.","type":"registry:ui","source_url":"https://23rd.dev/r/logo-burst.json","install_command":"npx shadcn@latest add https://23rd.dev/r/logo-burst.json"},{"name":"mech-keyboard","title":"Mech Keyboard","description":"A 75% mechanical keyboard drawn as an isometric illustration in three.js, with ink outlines and a volume knob. Keys press along with your real keyboard, and a …","type":"registry:ui","source_url":"https://23rd.dev/r/mech-keyboard.json","install_command":"npx shadcn@latest add https://23rd.dev/r/mech-keyboard.json"},{"name":"phosphor-score","title":"Phosphor Score","description":"Vertical sheet music on a CRT phosphor: notes fall, bloom at the playhead, then exit in a flare.","type":"registry:ui","source_url":"https://23rd.dev/r/phosphor-score.json","install_command":"npx shadcn@latest add https://23rd.dev/r/phosphor-score.json"},{"name":"radiant-lines","title":"Radiant Lines","description":"A hyperspace starfield background: colored streaks radiate from the center, with warp speed driven by scroll velocity.","type":"registry:ui","source_url":"https://23rd.dev/r/radiant-lines.json","install_command":"npx shadcn@latest add https://23rd.dev/r/radiant-lines.json"},{"name":"ring-tower","title":"Ring Tower","description":"A tower of tilted bands wrapped in your images. They crawl around, drag to spin, and neighbors counter-turn with the pointer.","type":"registry:ui","source_url":"https://23rd.dev/r/ring-tower.json","install_command":"npx shadcn@latest add https://23rd.dev/r/ring-tower.json"},{"name":"shader-anime-fire","title":"Shader Anime Fire","description":"Cel-shaded WebGL flames for landing heroes: tongues lick up from the bottom in flat bands of heat, and the fire reaches for the pointer.","type":"registry:ui","source_url":"https://23rd.dev/r/shader-anime-fire.json","install_command":"npx shadcn@latest add https://23rd.dev/r/shader-anime-fire.json"},{"name":"shader-gradient","title":"Shader Gradient","description":"Quiet WebGL color wash for landing heroes, empty states, and marketing sections: theme-aware, optional pointer follow.","type":"registry:ui","source_url":"https://23rd.dev/r/shader-gradient.json","install_command":"npx shadcn@latest add https://23rd.dev/r/shader-gradient.json"},{"name":"shader-metal","title":"Shader Metal","description":"Liquid chrome, gold, or copper ribbons twisting through a studio light rig: transparent WebGL, theme-aware, with a key light that follows the pointer.","type":"registry:ui","source_url":"https://23rd.dev/r/shader-metal.json","install_command":"npx shadcn@latest add https://23rd.dev/r/shader-metal.json"},{"name":"shader-sky","title":"Shader Sky","description":"WebGL sky for landing heroes: clear blue with drifting clouds in light, storm gray in dark, optional window-glass film.","type":"registry:ui","source_url":"https://23rd.dev/r/shader-sky.json","install_command":"npx shadcn@latest add https://23rd.dev/r/shader-sky.json"},{"name":"snake-404","title":"Snake 404","description":"Dot-matrix 404 where every dot is food: a Nokia-style snake eats the digits, then they come back. Arrow keys, WASD, or a swipe take over.","type":"registry:ui","source_url":"https://23rd.dev/r/snake-404.json","install_command":"npx shadcn@latest add https://23rd.dev/r/snake-404.json"},{"name":"stretchy-footer","title":"Stretchy Footer","description":"Dia-style rubber overscroll: rainbow aurora stretches up past the bottom, then snaps back.","type":"registry:ui","source_url":"https://23rd.dev/r/stretchy-footer.json","install_command":"npx shadcn@latest add https://23rd.dev/r/stretchy-footer.json"},{"name":"typewriter","title":"Typewriter","description":"A real, playable typewriter in SVG: each key presses down, its typebar swings up to strike the ribbon, and the carriage steps along. Click it and type.","type":"registry:ui","source_url":"https://23rd.dev/r/typewriter.json","install_command":"npx shadcn@latest add https://23rd.dev/r/typewriter.json"}]},{"id":"3d-viewer","name":"@3d-viewer","slug":"3d-viewer","description":"A composable 3D model viewer for shadcn/ui with inspection, animation, multiple cameras, screenshots, and fullscreen support.","author":null,"framework":"react","license":null,"tags":["3d","animation"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://shadcn-3d-viewer.vercel.app","github":null,"registry":"https://shadcn-3d-viewer.vercel.app/r/registry.json","source":"https://shadcn-3d-viewer.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/3d-viewer","markdown":"https://sh4dcn.netlify.app/md/3d-viewer.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='m12 2.5 8 4.5v10l-8 4.5L4 17V7l8-4.5Z'/><path d='m4.5 7.25 7.5 4.25 7.5-4.25M12 11.5v9.25'/><path d='m8.5 5 7.5 4.25'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/registry.json","registry_fetch":"curl -s https://shadcn-3d-viewer.vercel.app/r/registry.json"},"component_count":4,"components":[{"name":"model-viewer","title":"3D Model Viewer","description":"Complete viewer preset with all composable controls and inspector.","type":"registry:ui","source_url":"https://shadcn-3d-viewer.vercel.app/r/model-viewer.json","install_command":"npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer.json"},{"name":"model-viewer-core","title":"3D Viewer Core","description":"Renderer, state, loading and error UI, keyboard orientation, and fullscreen. No toolbar or inspector UI.","type":"registry:ui","source_url":"https://shadcn-3d-viewer.vercel.app/r/model-viewer-core.json","install_command":"npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer-core.json"},{"name":"model-viewer-controls","title":"3D Viewer Controls","description":"Composable toolbar menus, camera and animation controls, with the viewer core.","type":"registry:ui","source_url":"https://shadcn-3d-viewer.vercel.app/r/model-viewer-controls.json","install_command":"npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer-controls.json"},{"name":"model-viewer-inspector","title":"3D Viewer Inspector","description":"Searchable scene inspector with the viewer core. No default toolbar.","type":"registry:ui","source_url":"https://shadcn-3d-viewer.vercel.app/r/model-viewer-inspector.json","install_command":"npx shadcn@latest add https://shadcn-3d-viewer.vercel.app/r/model-viewer-inspector.json"}]},{"id":"7ovr","name":"@7ovr","slug":"7ovr","description":"A collection of shadcn/ui blocks and page templates for building modern, fast, and beautiful websites. Built on Base UI. Works with CLI and presets.","author":null,"framework":"react","license":null,"tags":["ai","auth","blocks","buttons","cards","charts","cms","dashboard","icons","marketing","media","onboarding","overlays","payments","pro-available","tables"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://7ovr.com","github":null,"registry":"https://7ovr.com/r/registry.json","source":"https://7ovr.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/7ovr","markdown":"https://sh4dcn.netlify.app/md/7ovr.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26' fill='var(--foreground)' width='24' height='24'><rect x='3' y='3' width='8' height='8' transform='rotate(-6 7 7)'/><rect x='3' y='13' width='8' height='8' transform='rotate(5 7 17)'/><rect x='13' y='13' width='8' height='8' transform='rotate(-4 17 17)'/><rect x='13' y='3' width='8' height='8' transform='rotate(15 17 7)'/></svg>","preview_image":"https://7ovr.com/opengraph-image?9b82f329699e2f68","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://7ovr.com/pricing?pro_source=announcement#plans"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://7ovr.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://7ovr.com/r/registry.json","install_bun":"bunx shadcn@latest add https://7ovr.com/r/registry.json","registry_fetch":"curl -s https://7ovr.com/r/registry.json"},"component_count":248,"components":[{"name":"index","title":"7Ovr Design System","description":"Adopt the 7Ovr look wholesale: state color tokens, the monochrome chart ramp, and the corner radius. Replaces your existing theme values, unlike installing a s…","type":"registry:style","source_url":"https://7ovr.com/r/index.json","install_command":"npx shadcn@latest add https://7ovr.com/r/index.json"},{"name":"hero-1","title":"Centered Hero With Trust Logos","description":"Centered hero section with a beta badge, headline, dual call-to-action buttons, and a trusted-by row of five plain-text company wordmarks.","type":"registry:block","source_url":"https://7ovr.com/r/hero-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-1.json"},{"name":"auth-1","title":"Centered Sign-In Card","description":"Sign-in card centered on the page with email and password fields, a remember-me checkbox, forgot-password link, and Google and GitHub login buttons.","type":"registry:block","source_url":"https://7ovr.com/r/auth-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-1.json"},{"name":"features-1","title":"Six Card Icon Grid","description":"Features grid of six icon cards, each with a short title and one line of supporting copy, in a three-column layout.","type":"registry:block","source_url":"https://7ovr.com/r/features-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-1.json"},{"name":"dashboard-1","title":"Overview With Range Select","description":"Analytics overview dashboard where a date-range select drives four stat cards above a monthly sessions bar chart.","type":"registry:block","source_url":"https://7ovr.com/r/dashboard-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-1.json"},{"name":"app-shell-1","title":"Sidebar Dashboard Shell","description":"App shell pairing a collapsible sidebar with a top bar carrying search, notifications, and a user menu, over a dashboard of revenue and user stat cards.","type":"registry:block","source_url":"https://7ovr.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/app-shell-1.json"},{"name":"header-1","title":"Full Width Bar With CTA","description":"Site header spanning the full width with a logo, inline navigation links, a call-to-action button, and a mobile menu sheet.","type":"registry:block","source_url":"https://7ovr.com/r/header-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-1.json"},{"name":"footer-1","title":"Brand Blurb With Link Columns","description":"Site footer pairing a brand mark and tagline with three link columns and GitHub, X, and Discord social buttons.","type":"registry:block","source_url":"https://7ovr.com/r/footer-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-1.json"},{"name":"cta-1","title":"Centered CTA Band","description":"Centered call to action section band with a heading, supporting copy, primary and secondary buttons, and a no credit card note.","type":"registry:block","source_url":"https://7ovr.com/r/cta-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-1.json"},{"name":"integrations-1","title":"Connect Cards With Dialog","description":"Integration cards for Slack, GitHub, Notion and Figma, each opening a connect dialog with a notifications switch and a success toast.","type":"registry:block","source_url":"https://7ovr.com/r/integrations-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-1.json"},{"name":"logo-cloud-1","title":"Trusted By Logo Grid","description":"Logo cloud of eight company wordmarks in a bordered four column grid, under a trusted-by eyebrow and above a customer count line.","type":"registry:block","source_url":"https://7ovr.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-1.json"},{"name":"faqs-1","title":"Centered FAQ Accordion","description":"FAQ accordion centered under a heading, with five collapsible questions covering plans, plan changes, free trials, billing, and data security.","type":"registry:block","source_url":"https://7ovr.com/r/faqs-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-1.json"},{"name":"contact-1","title":"Contact Details And Form","description":"Contact section pairing email, phone, and office details with a message form using a topic select and toast confirmation.","type":"registry:block","source_url":"https://7ovr.com/r/contact-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/contact-1.json"},{"name":"pricing-1","title":"Three Tier Plan Cards","description":"Pricing section with Starter, Pro, and Enterprise cards, a monthly or annual billing toggle, and a ring highlighted Most Popular plan.","type":"registry:block","source_url":"https://7ovr.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-1.json"},{"name":"testimonials-1","title":"Bordered Quote Trio","description":"Testimonials section with three customer quote cards in a hairline-divided grid, each with a quote glyph, avatar, name, role, and company.","type":"registry:block","source_url":"https://7ovr.com/r/testimonials-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-1.json"},{"name":"stats-1","title":"Bordered Four-Up Stat Band","description":"Four-column stats section band framed by separators, each metric pairing a large value and label with a badge showing its percentage change.","type":"registry:block","source_url":"https://7ovr.com/r/stats-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-1.json"},{"name":"sidebar-1","title":"Dashboard Rail With Stats","description":"App layout with a collapsible icon sidebar of grouped navigation beside a dashboard inset of stat tiles and a project listing.","type":"registry:block","source_url":"https://7ovr.com/r/sidebar-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/sidebar-1.json"},{"name":"settings-1","title":"Profile And Notification Cards","description":"Settings page grouping a Profile card (display name, email, visibility select) and a Notifications card of labeled switches, saving with a toast confirmation.","type":"registry:block","source_url":"https://7ovr.com/r/settings-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-1.json"},{"name":"table-1","title":"Team Members Data Table","description":"Sortable team members data table with search, checkbox row selection, bulk role and remove actions, status badges, row menus, and pagination.","type":"registry:block","source_url":"https://7ovr.com/r/table-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/table-1.json"},{"name":"bento-1","title":"Icon Bento With Hero Tile","description":"Bento grid of feature cards where one tile spans two columns and rows, each carrying an icon, title, and short capability description.","type":"registry:block","source_url":"https://7ovr.com/r/bento-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-1.json"},{"name":"how-it-works-1","title":"Three Step Icon Cards","description":"How it works row of three numbered step cards, each with an icon tile, a title, and one line of supporting copy under a centered heading.","type":"registry:block","source_url":"https://7ovr.com/r/how-it-works-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/how-it-works-1.json"},{"name":"newsletter-1","title":"Centered Signup With Consent","description":"Centered newsletter signup with an inline email field, subscribe button, marketing consent checkbox, and a no-spam privacy note.","type":"registry:block","source_url":"https://7ovr.com/r/newsletter-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-1.json"},{"name":"announcement-1","title":"Dismissible Bar And Callout","description":"Dismissible top announcement bar above a centered release callout card with a What's New badge, headline, and two call-to-action buttons.","type":"registry:block","source_url":"https://7ovr.com/r/announcement-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-1.json"},{"name":"blog-1","title":"Three Card Post Grid","description":"Blog post grid of three cards with cover images, category badges, titles, excerpts, read time, and author avatars.","type":"registry:block","source_url":"https://7ovr.com/r/blog-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-1.json"},{"name":"team-1","title":"Member Cards With Socials","description":"Team grid of six member cards, each with an avatar, name, role, short bio, and LinkedIn, X, and GitHub links.","type":"registry:block","source_url":"https://7ovr.com/r/team-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/team-1.json"},{"name":"comparison-1","title":"Two-Plan Table With Billing Toggle","description":"Plan comparison table pitting Starter against Pro across grouped feature rows, with a monthly and annual toggle that changes the price and cell values.","type":"registry:block","source_url":"https://7ovr.com/r/comparison-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-1.json"},{"name":"gallery-1","title":"Filterable Photo Grid","description":"Image gallery grid with tag filter toggles, hairline-gap tiles, hover overlays naming the contributor and location, and a lightbox dialog per photo.","type":"registry:block","source_url":"https://7ovr.com/r/gallery-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-1.json"},{"name":"empty-states-1","title":"Inbox Zero Notifications","description":"Empty state for a cleared notifications list, with an inbox icon, an all-caught-up message, and a View All Notifications link.","type":"registry:block","source_url":"https://7ovr.com/r/empty-states-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-1.json"},{"name":"billing-1","title":"Current Plan Summary Card","description":"Current-plan billing card with monthly price, renewal date, a seat usage bar, and a dialog of radio tiers for switching plans.","type":"registry:block","source_url":"https://7ovr.com/r/billing-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-1.json"},{"name":"ai-chat-1","title":"Assistant Thread With Timestamps","description":"AI assistant chat interface with user and assistant bubbles, avatars, message timestamps, auto-following scroll, and a single-line composer.","type":"registry:block","source_url":"https://7ovr.com/r/ai-chat-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/ai-chat-1.json"},{"name":"onboarding-1","title":"Welcome Checklist Card","description":"Onboarding welcome card with a setup progress bar and three checkbox steps for reading docs, inviting the team, and configuring the workspace.","type":"registry:block","source_url":"https://7ovr.com/r/onboarding-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-1.json"},{"name":"command-palette-1","title":"Command Dialog With Shortcuts","description":"Command palette dialog opened from a Ctrl+K trigger button, listing grouped navigation and action commands with keyboard shortcut hints.","type":"registry:block","source_url":"https://7ovr.com/r/command-palette-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-1.json"},{"name":"notifications-1","title":"Notifications Sheet Panel","description":"Notifications sheet opened from a bell trigger, with icon tiles, unread highlighting, timestamps, an unread count, and a mark all read action.","type":"registry:block","source_url":"https://7ovr.com/r/notifications-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-1.json"},{"name":"kanban-1","title":"Three Column Task Board","description":"Kanban board with To Do, In Progress, and Done columns, drag and drop between them, and cards that open a task detail dialog.","type":"registry:block","source_url":"https://7ovr.com/r/kanban-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-1.json"},{"name":"calendar-1","title":"Month Grid With Day Detail","description":"Month calendar grid with previous and next navigation, a Today shortcut, selectable days, and a detail panel for the chosen day's event.","type":"registry:block","source_url":"https://7ovr.com/r/calendar-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/calendar-1.json"},{"name":"file-upload-1","title":"Dropzone With Upload Progress","description":"File upload card with a drag-and-drop dropzone and an attachment list showing a spinner per file while uploading and a check when finished.","type":"registry:block","source_url":"https://7ovr.com/r/file-upload-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-1.json"},{"name":"charts-1","title":"Revenue Bars With Year Select","description":"Bar chart card of monthly revenue with a value label above each bar and a fiscal year select that swaps the whole dataset.","type":"registry:block","source_url":"https://7ovr.com/r/charts-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-1.json"},{"name":"bento-2","title":"Equal Four-Tile Bento","description":"Bento grid of four identically sized tiles under a centered heading, each with a square icon, category badge, title, and one-line description.","type":"registry:block","source_url":"https://7ovr.com/r/bento-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-2.json"},{"name":"how-it-works-2","title":"Vertical Numbered Timeline","description":"How it works timeline stacking four steps down a left rail, each with a bordered icon circle, a connecting line, a title, and supporting copy.","type":"registry:block","source_url":"https://7ovr.com/r/how-it-works-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/how-it-works-2.json"},{"name":"newsletter-2","title":"Horizontal Newsletter Band","description":"Full-width newsletter section band on a muted panel, with branding label and copy on the left and an inline email subscribe form on the right.","type":"registry:block","source_url":"https://7ovr.com/r/newsletter-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-2.json"},{"name":"announcement-2","title":"Product Update Card","description":"Product update announcement card with a New badge and version label, feature headline, supporting detail, release date, and a link button.","type":"registry:block","source_url":"https://7ovr.com/r/announcement-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-2.json"},{"name":"blog-2","title":"Divider Separated Post List","description":"Blog post list of five articles as divider-separated rows with category badge, date, title, excerpt, and author, with no cover images.","type":"registry:block","source_url":"https://7ovr.com/r/blog-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-2.json"},{"name":"team-2","title":"Department Badge Grid","description":"Team grid of six people in a hairline-divided layout, each with an avatar, name, role, department badge, and one-line bio.","type":"registry:block","source_url":"https://7ovr.com/r/team-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/team-2.json"},{"name":"comparison-2","title":"Us Versus Them Cards","description":"Side-by-side cards contrasting checked product advantages against competitor pain points listed as struck-through cross rows.","type":"registry:block","source_url":"https://7ovr.com/r/comparison-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-2.json"},{"name":"gallery-2","title":"Product Screenshot Showcase","description":"Product screenshot gallery section with a large browser-framed image, version badge and caption, plus a five-thumbnail strip that swaps the featured screen.","type":"registry:block","source_url":"https://7ovr.com/r/gallery-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-2.json"},{"name":"empty-states-2","title":"Illustrated Inbox Panel","description":"Empty inbox panel with a framed inbox illustration, a create-workspace dialog with a name field, a Learn More link, and a support footer.","type":"registry:block","source_url":"https://7ovr.com/r/empty-states-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-2.json"},{"name":"billing-2","title":"Invoice History Table","description":"Invoice history table with checkbox selection, status badges, per-row download links, and a bulk download of the selected billing invoices.","type":"registry:block","source_url":"https://7ovr.com/r/billing-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-2.json"},{"name":"ai-chat-2","title":"Chat With Suggested Prompt Start","description":"AI chat opening on a suggested-prompt empty state, then switching to a message thread once a prompt is sent, with a multi-line composer.","type":"registry:block","source_url":"https://7ovr.com/r/ai-chat-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/ai-chat-2.json"},{"name":"onboarding-2","title":"Three-Card Setup Steps","description":"Onboarding laid out as three numbered step cards for importing data, inviting teammates, and customizing the workspace, each toggling to complete.","type":"registry:block","source_url":"https://7ovr.com/r/onboarding-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-2.json"},{"name":"command-palette-2","title":"Palette With Recent Items","description":"Command palette dialog with a Recent section of timestamped files and pages above categorized results, and a footer bar of keyboard hints.","type":"registry:block","source_url":"https://7ovr.com/r/command-palette-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-2.json"},{"name":"notifications-2","title":"Bell Popover With Badge","description":"Notification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.","type":"registry:block","source_url":"https://7ovr.com/r/notifications-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-2.json"},{"name":"kanban-2","title":"Single In Progress Column","description":"Single In Progress kanban column of sortable rich task cards showing priority, labels, a due date, and a stacked assignee avatar group.","type":"registry:block","source_url":"https://7ovr.com/r/kanban-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-2.json"},{"name":"calendar-2","title":"Weekly Agenda View","description":"Weekly agenda calendar listing Monday to Sunday with time-slotted event rows, confirmed, tentative, and canceled status colors, and week navigation.","type":"registry:block","source_url":"https://7ovr.com/r/calendar-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/calendar-2.json"},{"name":"file-upload-2","title":"Inline File Field","description":"Compact inline file upload form field with a bordered Choose File row and one attachment showing the selected file name, size, and remove action.","type":"registry:block","source_url":"https://7ovr.com/r/file-upload-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-2.json"},{"name":"charts-2","title":"Active Users Area Trend","description":"Gradient area chart of monthly active users, topped by a three KPI row (total, peak month, peak users) and a year over year growth badge.","type":"registry:block","source_url":"https://7ovr.com/r/charts-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-2.json"},{"name":"hero-2","title":"Split Hero With Dashboard Mockup","description":"Split two-column hero section pairing copy and a watch demo dialog with an analytics dashboard mockup of stat cards, a bar chart, and a channel table.","type":"registry:block","source_url":"https://7ovr.com/r/hero-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-2.json"},{"name":"features-2","title":"Alternating Rows With Stats","description":"Alternating features rows pairing an eyebrow, headline, bullet list, contributor avatars, and a highlight stat with an image placeholder, split by dividers.","type":"registry:block","source_url":"https://7ovr.com/r/features-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-2.json"},{"name":"pricing-2","title":"Two Plan Split Panel","description":"Two plan pricing split into one panel, a filled Pro side beside a plain Starter side, each with price, feature checklist, and CTA, plus a billing toggle.","type":"registry:block","source_url":"https://7ovr.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-2.json"},{"name":"testimonials-2","title":"Single Voice Spotlight","description":"Single featured testimonial section with a large pull quote, oversized grayscale avatar, and three supporting outcome metrics.","type":"registry:block","source_url":"https://7ovr.com/r/testimonials-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-2.json"},{"name":"stats-2","title":"Minimal Numbers Band","description":"Minimal four-up stats row of oversized numbers and short labels under one heading, with no icons, badges, dividers, or secondary copy.","type":"registry:block","source_url":"https://7ovr.com/r/stats-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-2.json"},{"name":"logo-cloud-2","title":"Integrations Logo Grid","description":"Integration logo grid of twelve brand marks in muted cells, each showing an icon and name, beneath a heading and subtext.","type":"registry:block","source_url":"https://7ovr.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-2.json"},{"name":"cta-2","title":"Compact CTA Card","description":"Compact call to action card on a muted background with dual buttons and a join 10,000+ teams social proof line.","type":"registry:block","source_url":"https://7ovr.com/r/cta-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-2.json"},{"name":"faqs-2","title":"Two-Column FAQ Accordion","description":"FAQ split into two balanced accordion columns of eight product questions, separated by border rules under a bordered header.","type":"registry:block","source_url":"https://7ovr.com/r/faqs-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-2.json"},{"name":"integrations-2","title":"Compact Logo Tile Grid","description":"Dense grid of 18 service logo tiles with category toggle filters, each tile opening a connect dialog for that integration.","type":"registry:block","source_url":"https://7ovr.com/r/integrations-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-2.json"},{"name":"contact-2","title":"Single Card Contact Form","description":"Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.","type":"registry:block","source_url":"https://7ovr.com/r/contact-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/contact-2.json"},{"name":"header-2","title":"Centered Nav Three Column","description":"Header with the logo pinned left, navigation links absolutely centered, and sign-in plus a primary CTA right, above a skeleton page-content placeholder.","type":"registry:block","source_url":"https://7ovr.com/r/header-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-2.json"},{"name":"footer-2","title":"Slim Single Bar","description":"Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.","type":"registry:block","source_url":"https://7ovr.com/r/footer-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-2.json"},{"name":"auth-2","title":"Split Sign-In With Brand Panel","description":"Two-column sign-in pairing a dark brand panel that lists product features with a plain email and password form, no social login buttons.","type":"registry:block","source_url":"https://7ovr.com/r/auth-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-2.json"},{"name":"sidebar-2","title":"Flat Nav With Task Table","description":"Sidebar with a single flat navigation list (icon, label, badge count) beside a task table showing priority indicators, status badges, and a new-task dialog.","type":"registry:block","source_url":"https://7ovr.com/r/sidebar-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/sidebar-2.json"},{"name":"settings-2","title":"Compact Profile Card","description":"Compact centered settings card with avatar upload, name and email fields, timezone, density radios, notification checkboxes, a two-factor switch, and delete-ac…","type":"registry:block","source_url":"https://7ovr.com/r/settings-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-2.json"},{"name":"dashboard-2","title":"KPI Cards And Activity Feed","description":"Dashboard pairing four KPI cards carrying trend badges with a full-width recent activity feed of avatars, events, status badges, and timestamps.","type":"registry:block","source_url":"https://7ovr.com/r/dashboard-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-2.json"},{"name":"table-2","title":"Filterable Invoices Table","description":"Invoices table with a client filter, row selection, bulk mark as paid, payment method and due date columns, status badges, and pagination.","type":"registry:block","source_url":"https://7ovr.com/r/table-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/table-2.json"},{"name":"app-shell-2","title":"Top Bar Only With Tabs","description":"Sidebar-free app shell with a sticky top bar (logo, search, avatar menu) above tabbed content holding project cards, a task checklist, and an activity feed.","type":"registry:block","source_url":"https://7ovr.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/app-shell-2.json"},{"name":"hero-3","title":"Left-Aligned Hero With Metrics","description":"Left-aligned hero section with a release badge, headline, signup and docs CTAs, and an inline row of three icon metrics split by vertical separators.","type":"registry:block","source_url":"https://7ovr.com/r/hero-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-3.json"},{"name":"features-3","title":"Everything Included Checklist","description":"Features checklist in two columns listing twelve check-marked capabilities (SSO, audit log, uptime SLA) with one-line descriptions, no cards or images.","type":"registry:block","source_url":"https://7ovr.com/r/features-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-3.json"},{"name":"pricing-3","title":"Single Plan Spotlight","description":"Single plan pricing card centered on the page with a large price, billing toggle, eight item feature checklist, trial note, and social proof footnote.","type":"registry:block","source_url":"https://7ovr.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-3.json"},{"name":"cta-3","title":"Inverted Banner CTA","description":"Full-width call to action banner on the primary color, heading and subtext left, single high-contrast button right.","type":"registry:block","source_url":"https://7ovr.com/r/cta-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-3.json"},{"name":"faqs-3","title":"FAQ With Contact Support Card","description":"FAQ accordion beside an intro column holding a contact-support card whose dialog collects an email and message, confirmed by a toast.","type":"registry:block","source_url":"https://7ovr.com/r/faqs-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-3.json"},{"name":"dashboard-3","title":"Flush Six Metric Strip","description":"Compact KPI strip of six metric tiles in a flush grid, each with label, value, and directional delta, switched by a quarter select.","type":"registry:block","source_url":"https://7ovr.com/r/dashboard-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-3.json"},{"name":"auth-3","title":"Sign-Up With Plan Sidebar","description":"Sign-up form paired with a plan sidebar listing Free, Pro, and Team tiers, first and last name fields, and a terms checkbox gating submit.","type":"registry:block","source_url":"https://7ovr.com/r/auth-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-3.json"},{"name":"table-3","title":"Invoice Line Items Summary","description":"Invoice line items table with quantity, unit, and unit price columns plus a footer summing subtotal, tax, and total due.","type":"registry:block","source_url":"https://7ovr.com/r/table-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/table-3.json"},{"name":"hero-4","title":"Grid Backdrop Email Capture","description":"Centered hero section over a masked grid and radial glow, with a beta badge and an inline email capture form that toasts on submit.","type":"registry:block","source_url":"https://7ovr.com/r/hero-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-4.json"},{"name":"hero-5","title":"Hero With Demo Video Dialog","description":"Centered hero section whose Watch Demo button opens a video dialog, above a trusted-by strip of five icon and wordmark company logos.","type":"registry:block","source_url":"https://7ovr.com/r/hero-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-5.json"},{"name":"logo-cloud-3","title":"Auto-Scrolling Logo Marquee","description":"Infinite auto-scrolling logo marquee with an edge fade mask and pause on hover, under a trusted-by label.","type":"registry:block","source_url":"https://7ovr.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-3.json"},{"name":"logo-cloud-4","title":"Logo Grid With Tooltips","description":"Logo grid of ten muted brand marks that brighten on hover and reveal the company name in a tooltip.","type":"registry:block","source_url":"https://7ovr.com/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-4.json"},{"name":"cta-4","title":"Email Capture CTA","description":"Call to action section with an inline email capture form, a submitted confirmation line, and a no spam privacy note.","type":"registry:block","source_url":"https://7ovr.com/r/cta-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-4.json"},{"name":"cta-5","title":"Split CTA With App Preview","description":"Split call to action section pairing a trusted-by badge and dual buttons with a wireframe app screenshot card of charts and rows.","type":"registry:block","source_url":"https://7ovr.com/r/cta-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-5.json"},{"name":"faqs-4","title":"FAQ With Sticky Support Sidebar","description":"FAQ accordion with a sticky sidebar card offering contact support in a dialog and a link to browse documentation.","type":"registry:block","source_url":"https://7ovr.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-4.json"},{"name":"faqs-5","title":"Searchable FAQ With Category Tabs","description":"Help-center FAQ section with a live search input and General, Billing, and Security tabs showing match counts plus an empty state for no results.","type":"registry:block","source_url":"https://7ovr.com/r/faqs-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/faqs-5.json"},{"name":"footer-3","title":"Newsletter Signup Footer","description":"Footer with a newsletter email signup form beside grouped nav columns, over a bottom bar of social icons.","type":"registry:block","source_url":"https://7ovr.com/r/footer-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-3.json"},{"name":"footer-4","title":"Mega Sitemap With Locale","description":"Mega footer with four sitemap columns and a bottom bar carrying a locale switcher dropdown and a light and dark theme toggle.","type":"registry:block","source_url":"https://7ovr.com/r/footer-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-4.json"},{"name":"newsletter-3","title":"Signup Card With Form States","description":"Newsletter signup card driven by a client state machine, cycling idle, loading spinner, success, and inline email validation error states.","type":"registry:block","source_url":"https://7ovr.com/r/newsletter-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-3.json"},{"name":"newsletter-4","title":"Topic Picker Double Opt-In","description":"Multi-step newsletter card where readers toggle topic interests, then land on a double opt-in check-your-inbox confirmation step.","type":"registry:block","source_url":"https://7ovr.com/r/newsletter-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-4.json"},{"name":"newsletter-5","title":"Newsletter Signup With Social Proof","description":"Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count, with inline email capture and a success state.","type":"registry:block","source_url":"https://7ovr.com/r/newsletter-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/newsletter-5.json"},{"name":"announcement-3","title":"Persisted Dismissible Banner","description":"Single-line announcement banner that remembers its dismissal in localStorage over a page placeholder, with a link to show it again.","type":"registry:block","source_url":"https://7ovr.com/r/announcement-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-3.json"},{"name":"announcement-4","title":"Sale Countdown Promo Bar","description":"Sticky promo announcement bar with a live sale countdown ticking days, hours, minutes, and seconds beside a shop the sale button.","type":"registry:block","source_url":"https://7ovr.com/r/announcement-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/announcement-4.json"},{"name":"auth-4","title":"Full-Height Split Sign-In","description":"Full-height split-screen sign-in with email, password, remember-me, and Google or GitHub buttons beside a dark marketing panel on a grid backdrop.","type":"registry:block","source_url":"https://7ovr.com/r/auth-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-4.json"},{"name":"auth-5","title":"Tabbed Sign-In And Sign-Up","description":"Auth card with tabs that swap between sign-in and sign-up forms, validated per tab, plus Google, GitHub, and Apple social buttons.","type":"registry:block","source_url":"https://7ovr.com/r/auth-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-5.json"},{"name":"empty-states-3","title":"No Search Results","description":"No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.","type":"registry:block","source_url":"https://7ovr.com/r/empty-states-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-3.json"},{"name":"empty-states-4","title":"Failed Load Error","description":"Error empty state for data that failed to load, with a destructive alert icon plus Try Again and contact support actions.","type":"registry:block","source_url":"https://7ovr.com/r/empty-states-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-4.json"},{"name":"integrations-3","title":"Searchable App Directory","description":"Searchable integrations directory with a search input, category filter pills, and result cards that open a per-app connect dialog.","type":"registry:block","source_url":"https://7ovr.com/r/integrations-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-3.json"},{"name":"integrations-4","title":"Connection Toggle Settings","description":"Settings-style integrations grid where each app card has a switch to connect or disconnect, with category badges and a live connected count.","type":"registry:block","source_url":"https://7ovr.com/r/integrations-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-4.json"},{"name":"features-4","title":"Tabbed Feature Categories","description":"Features section with Collaboration, Automation, and Security tabs that swap a three-column grid of icon, title, and description cards.","type":"registry:block","source_url":"https://7ovr.com/r/features-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-4.json"},{"name":"pricing-4","title":"Annual Savings Toggle","description":"Three tier pricing grid whose monthly or annual toggle also shows the yearly billed total under each price, with a Most Popular badge on the featured tier.","type":"registry:block","source_url":"https://7ovr.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-4.json"},{"name":"testimonials-3","title":"Wall Of Love Grid","description":"Wall of love testimonial grid with seven customer quote cards, each carrying a star rating, avatar, name, role, and company.","type":"registry:block","source_url":"https://7ovr.com/r/testimonials-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-3.json"},{"name":"stats-4","title":"Count-Up Stats On Scroll","description":"Four-up stat grid whose numbers count up from zero when scrolled into view, each cell pairing an icon with a growth delta badge.","type":"registry:block","source_url":"https://7ovr.com/r/stats-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-4.json"},{"name":"contact-3","title":"Contact With Office Locations","description":"Contact section with a message form beside a static map placeholder and address cards for the San Francisco, Berlin, and Singapore offices.","type":"registry:block","source_url":"https://7ovr.com/r/contact-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/contact-3.json"},{"name":"header-3","title":"Sticky Header With Sign In","description":"Sticky site header with logo, desktop navigation, a sign-in link, a primary CTA, and a state-controlled mobile menu sheet for composing into page templates.","type":"registry:block","source_url":"https://7ovr.com/r/header-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-3.json"},{"name":"header-14","title":"Capsule Nav Header Without A CTA","description":"Header with the wordmark on the left and the navigation collected into one muted capsule on the right, with a sliding active pill and no call to action.","type":"registry:block","source_url":"https://7ovr.com/r/header-14.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-14.json"},{"name":"bento-4","title":"Bento With Static Chart Visuals","description":"Bento grid whose hero automation tile carries a bar-chart visual, with supporting tiles showing deploy times, progress bars, and headline numbers.","type":"registry:block","source_url":"https://7ovr.com/r/bento-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-4.json"},{"name":"how-it-works-3","title":"Clickable Horizontal Stepper","description":"Interactive how it works stepper with clickable steps along a progress line that fills to the active step, stacking vertically on mobile.","type":"registry:block","source_url":"https://7ovr.com/r/how-it-works-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/how-it-works-3.json"},{"name":"how-it-works-4","title":"Zig-Zag Steps With Mockups","description":"How it works section of three alternating rows, each pairing a numbered step, description, and checklist with a mock UI preview panel on the opposite side.","type":"registry:block","source_url":"https://7ovr.com/r/how-it-works-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/how-it-works-4.json"},{"name":"blog-3","title":"Filterable Blog Index","description":"Blog index with a featured post, category filter pills, and a three-column grid of post cards that filters on selection.","type":"registry:block","source_url":"https://7ovr.com/r/blog-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-3.json"},{"name":"blog-4","title":"Horizontal Media Cards","description":"Blog archive as a vertical list of horizontal media cards, each with a thumbnail, category, read time, title, excerpt, and author.","type":"registry:block","source_url":"https://7ovr.com/r/blog-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-4.json"},{"name":"team-3","title":"Hover Reveal Bio Cards","description":"Four-column grid of eight team member cards that reveal a bio and social links on hover.","type":"registry:block","source_url":"https://7ovr.com/r/team-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/team-3.json"},{"name":"comparison-3","title":"Three-Plan Feature Matrix","description":"Feature comparison table across Starter, Growth, and Enterprise plans, with grouped sections, a sticky header row, and a highlighted recommended column.","type":"registry:block","source_url":"https://7ovr.com/r/comparison-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-3.json"},{"name":"gallery-3","title":"Masonry Column Gallery","description":"Masonry image gallery section built on CSS columns with varied-ratio tiles, tag filters, hover caption overlays, and a lightbox dialog per photo.","type":"registry:block","source_url":"https://7ovr.com/r/gallery-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-3.json"},{"name":"gallery-4","title":"Grayscale Mosaic With Lightbox","description":"Photo mosaic in a fixed four-by-two grid whose tiles shift from grayscale to color on hover and open a lightbox with caption and location.","type":"registry:block","source_url":"https://7ovr.com/r/gallery-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/gallery-4.json"},{"name":"app-shell-3","title":"Icon Rail Dashboard Shell","description":"App shell with a collapsible icon-rail sidebar and a search top bar, over a dashboard of KPI cards, a revenue chart, and recent activity.","type":"registry:block","source_url":"https://7ovr.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/app-shell-3.json"},{"name":"sidebar-3","title":"Icon Rail With Tooltips","description":"Collapsible sidebar that shrinks to an icon rail with tooltips, holding grouped navigation, badge counts, and a user footer.","type":"registry:block","source_url":"https://7ovr.com/r/sidebar-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/sidebar-3.json"},{"name":"settings-3","title":"Tabbed Account Billing Team","description":"Tabbed settings page splitting Account profile fields, a Billing plan and payment method card, and a Team members table with roles.","type":"registry:block","source_url":"https://7ovr.com/r/settings-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-3.json"},{"name":"notifications-3","title":"Notification Center Tabs","description":"Notification center card with All, Unread, and Mentions tabs, per-row read toggling, a mark all read action, and a caught up empty state.","type":"registry:block","source_url":"https://7ovr.com/r/notifications-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-3.json"},{"name":"billing-3","title":"Full Billing Dashboard","description":"Billing page combining a plan summary, storage usage bar, payment method card, and a sortable, paginated invoice table.","type":"registry:block","source_url":"https://7ovr.com/r/billing-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-3.json"},{"name":"billing-4","title":"Usage Metering Card","description":"Usage metering card with progress bars for seats, storage, API requests, and bandwidth, plus an estimated billing total for the cycle.","type":"registry:block","source_url":"https://7ovr.com/r/billing-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-4.json"},{"name":"ai-chat-3","title":"Live Chat With Typing Indicator","description":"AI chat that replies live, showing a shimmering typing indicator, suggestion chips, and a textarea composer with keyboard shortcut hints.","type":"registry:block","source_url":"https://7ovr.com/r/ai-chat-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/ai-chat-3.json"},{"name":"onboarding-3","title":"Multi-Step Setup Wizard","description":"Onboarding wizard card stepping through profile, workspace, invites, and a summary, with a progress bar, step indicator, and preference switches.","type":"registry:block","source_url":"https://7ovr.com/r/onboarding-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-3.json"},{"name":"onboarding-4","title":"First-Run Welcome Screen","description":"First-run onboarding empty state with a layered rocket illustration, welcome badge, create-project button, take-the-tour action, and reassurance hints.","type":"registry:block","source_url":"https://7ovr.com/r/onboarding-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-4.json"},{"name":"command-palette-3","title":"Cmd+K Searchable Palette","description":"Command palette wired to a global Cmd+K listener, opening a searchable dialog of grouped commands with Kbd shortcuts and a last-action readout.","type":"registry:block","source_url":"https://7ovr.com/r/command-palette-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-3.json"},{"name":"command-palette-4","title":"Palette With Preview Pane","description":"Inline two-column command palette with a searchable grouped result list beside a live preview pane for the highlighted item and its primary action.","type":"registry:block","source_url":"https://7ovr.com/r/command-palette-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/command-palette-4.json"},{"name":"calendar-3","title":"Month And Week Toggle","description":"Calendar with a month and week view toggle, previous and next navigation, event chips on days, and an inline day panel.","type":"registry:block","source_url":"https://7ovr.com/r/calendar-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/calendar-3.json"},{"name":"file-upload-3","title":"Uploader With Validation Toasts","description":"Drag-and-drop file uploader enforcing size and type validation, with uploading, done, and error attachment states, toasts, and per-file remove.","type":"registry:block","source_url":"https://7ovr.com/r/file-upload-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-3.json"},{"name":"file-upload-4","title":"Image Gallery Uploader","description":"Image gallery uploader with a responsive thumbnail grid, a cover badge on the first photo, hover remove buttons, an upload tile, and an image count.","type":"registry:block","source_url":"https://7ovr.com/r/file-upload-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-4.json"},{"name":"charts-3","title":"Traffic Range Switcher","description":"Stacked area chart of visitors and signups with a legend, hover tooltip, and a 7d, 30d, or 90d range select that swaps the dataset.","type":"registry:block","source_url":"https://7ovr.com/r/charts-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-3.json"},{"name":"error-1","title":"404 Not Found With Actions","description":"Centered 404 not found page led by a monospace numeral, with a short explanation and Go Home plus Go Back buttons.","type":"registry:block","source_url":"https://7ovr.com/r/error-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-1.json"},{"name":"cookie-consent-1","title":"Bottom Cookie Bar","description":"Cookie consent bar fixed to the bottom of the page with accept all and decline buttons and a cookie policy link.","type":"registry:block","source_url":"https://7ovr.com/r/cookie-consent-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-1.json"},{"name":"page-header-1","title":"Title With Export Actions","description":"Application page header with a title, description, and Export plus New Project buttons above the page content area.","type":"registry:block","source_url":"https://7ovr.com/r/page-header-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-1.json"},{"name":"coming-soon-1","title":"Centered Waitlist Capture","description":"Coming soon page centered on a waitlist email form, with a rocket mark, an avatar stack showing signups, and GitHub and X links.","type":"registry:block","source_url":"https://7ovr.com/r/coming-soon-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-1.json"},{"name":"error-2","title":"404 With Search And Links","description":"404 not found page built for recovery, offering a docs search form plus a bordered list of popular pages to jump to.","type":"registry:block","source_url":"https://7ovr.com/r/error-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-2.json"},{"name":"error-3","title":"500 Server Error With Retry","description":"500 server error page with an alert icon, Try Again and Contact Support actions, and a monospace reference code to quote to support.","type":"registry:block","source_url":"https://7ovr.com/r/error-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-3.json"},{"name":"cookie-consent-2","title":"Corner Consent Card","description":"Cookie consent card pinned to the bottom left corner with accept all, reject, and preferences actions under a privacy heading.","type":"registry:block","source_url":"https://7ovr.com/r/cookie-consent-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-2.json"},{"name":"cookie-consent-3","title":"Cookie Preferences Panel","description":"Cookie preferences panel with switches for necessary, analytics, and marketing categories, plus save preferences and reject all buttons.","type":"registry:block","source_url":"https://7ovr.com/r/cookie-consent-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-3.json"},{"name":"cookie-consent-4","title":"Blocking Consent Dialog","description":"Modal cookie consent dialog over a dimmed page, blocking interaction until accept all, reject, or manage is chosen.","type":"registry:block","source_url":"https://7ovr.com/r/cookie-consent-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-4.json"},{"name":"page-header-2","title":"Breadcrumb Header With Status","description":"Page header with a breadcrumb trail, a title paired with an Active status badge, and Export and Save Changes actions.","type":"registry:block","source_url":"https://7ovr.com/r/page-header-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-2.json"},{"name":"page-header-3","title":"Header With Section Tabs","description":"Settings page header with a title, description, primary action, and Overview, Members, and Billing tabs that switch the content below.","type":"registry:block","source_url":"https://7ovr.com/r/page-header-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-3.json"},{"name":"page-header-4","title":"Detail Header With Back Link","description":"Detail view page header with a back link, status badge, owner avatar and created date metadata, a contributor avatar stack, and share and edit actions.","type":"registry:block","source_url":"https://7ovr.com/r/page-header-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-4.json"},{"name":"coming-soon-2","title":"Split Waitlist With Preview","description":"Coming soon split layout pairing a waitlist email form and signup count with a framed browser mockup previewing the product.","type":"registry:block","source_url":"https://7ovr.com/r/coming-soon-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-2.json"},{"name":"coming-soon-3","title":"Launch Countdown Timer","description":"Coming soon page with a live countdown timer in days, hours, minutes, and seconds tiles above an email notify form.","type":"registry:block","source_url":"https://7ovr.com/r/coming-soon-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-3.json"},{"name":"coming-soon-4","title":"Full-Bleed Gradient Launch","description":"Full bleed coming soon hero over a gradient and grid backdrop, with a brand mark, launch badge, email capture with success state, and social buttons.","type":"registry:block","source_url":"https://7ovr.com/r/coming-soon-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-4.json"},{"name":"stats-3","title":"Stat Cards With Trend Arrows","description":"Four bordered stat cards, each with an icon, a metric value, and an up or down trend arrow comparing the figure against last quarter.","type":"registry:block","source_url":"https://7ovr.com/r/stats-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-3.json"},{"name":"bento-3","title":"Divided Bento With Terminal Snippet","description":"Bento grid divided by hairline borders, led by a build-pipeline tile with a terminal snippet, plus an uptime stat and language tags.","type":"registry:block","source_url":"https://7ovr.com/r/bento-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/bento-3.json"},{"name":"timeline-1","title":"Milestone Rail With Status","description":"Vertical timeline of milestones on a left rail, each node carrying a date, a Shipped, In Progress, or Planned badge, a title, and supporting copy.","type":"registry:block","source_url":"https://7ovr.com/r/timeline-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/timeline-1.json"},{"name":"timeline-2","title":"Alternating Spine Story","description":"Centered timeline alternating year entries left and right of a vertical spine, collapsing to a single rail on mobile, with tag badges per entry.","type":"registry:block","source_url":"https://7ovr.com/r/timeline-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/timeline-2.json"},{"name":"timeline-3","title":"Activity Feed By Day","description":"Activity timeline grouped by day, with avatar rows for each actor, action, target, and relative timestamp connected by a vertical rail.","type":"registry:block","source_url":"https://7ovr.com/r/timeline-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/timeline-3.json"},{"name":"changelog-1","title":"Version Rail Release Notes","description":"Changelog with a date and version rail on the left and Added, Improved, and Fixed change groups bulleted on the right.","type":"registry:block","source_url":"https://7ovr.com/r/changelog-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-1.json"},{"name":"changelog-2","title":"Tabbed Change Filter","description":"Changelog with tabs filtering release entries by All, Added, Improved, or Fixed, each showing version, date, badge, title, and description.","type":"registry:block","source_url":"https://7ovr.com/r/changelog-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-2.json"},{"name":"changelog-3","title":"In-App What's New Card","description":"Compact what's new card with a version pill, release date, highlighted changes with type icons and badges, and a full changelog link.","type":"registry:block","source_url":"https://7ovr.com/r/changelog-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-3.json"},{"name":"changelog-4","title":"Vertical Release Timeline","description":"Changelog as a vertical timeline with a connected dot rail, each release showing a version badge, date, title, and color-coded changes.","type":"registry:block","source_url":"https://7ovr.com/r/changelog-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-4.json"},{"name":"roadmap-1","title":"Status Kanban Board","description":"Product roadmap board in Planned, In Progress, and Shipped columns, with vote counts, progress bars, contributor avatars, and shipped dates per card.","type":"registry:block","source_url":"https://7ovr.com/r/roadmap-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-1.json"},{"name":"roadmap-2","title":"Now Next Later Phases","description":"Directional roadmap grouped into Now, Next, and Later phases with colored markers, a target month each, progress bars, and vote counts on upcoming items.","type":"registry:block","source_url":"https://7ovr.com/r/roadmap-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-2.json"},{"name":"roadmap-3","title":"Upvotable Feature Requests","description":"Public roadmap card where visitors upvote feature requests, each row with a live vote count, status and category badges, and progress on in development work.","type":"registry:block","source_url":"https://7ovr.com/r/roadmap-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-3.json"},{"name":"roadmap-4","title":"Quarterly Roadmap Columns","description":"Product roadmap laid out as four quarterly columns of feature cards, each with a category and a color coded shipped, in progress, or planned status.","type":"registry:block","source_url":"https://7ovr.com/r/roadmap-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/roadmap-4.json"},{"name":"article-1","title":"Centered Blog Post","description":"Blog post article with a category badge, author byline and read time, cover image, prose body with a blockquote, and tag and share footer.","type":"registry:block","source_url":"https://7ovr.com/r/article-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-1.json"},{"name":"article-2","title":"Article With Scroll-Spy Contents","description":"Long-form article with a sticky table of contents sidebar that scroll-spies and highlights the active section, collapsing to one column on mobile.","type":"registry:block","source_url":"https://7ovr.com/r/article-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-2.json"},{"name":"article-3","title":"Documentation Page","description":"Documentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.","type":"registry:block","source_url":"https://7ovr.com/r/article-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-3.json"},{"name":"article-4","title":"Magazine Feature With Drop Cap","description":"Magazine feature article with a centered headline, wide cover image, drop-cap opening paragraph, pull quote, and save and share actions.","type":"registry:block","source_url":"https://7ovr.com/r/article-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-4.json"},{"name":"profile-1","title":"Public Profile With Tabs","description":"Public user profile with a cover banner, overlapping avatar, follower stats, Follow and Message actions, and tabs for posts and about.","type":"registry:block","source_url":"https://7ovr.com/r/profile-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/profile-1.json"},{"name":"profile-2","title":"Compact Profile Card","description":"Compact centered profile card with avatar, role, location, a three column stat strip, and Follow and Message buttons for sidebars or directories.","type":"registry:block","source_url":"https://7ovr.com/r/profile-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/profile-2.json"},{"name":"profile-3","title":"Organization Profile Card","description":"Company profile card with a logo mark, verified badge, stat strip, member avatar stack, and website and contact links.","type":"registry:block","source_url":"https://7ovr.com/r/profile-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/profile-3.json"},{"name":"steps-1","title":"Horizontal Numbered Stepper","description":"Horizontal progress stepper with numbered nodes, connectors, and labels across completed, current, and upcoming states for checkout or onboarding.","type":"registry:block","source_url":"https://7ovr.com/r/steps-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/steps-1.json"},{"name":"steps-2","title":"Vertical Stepper With Descriptions","description":"Vertical stepper on a connecting rail where each step shows a title and description across completed, current, and upcoming states.","type":"registry:block","source_url":"https://7ovr.com/r/steps-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/steps-2.json"},{"name":"steps-3","title":"Wizard Progress Bar Header","description":"Interactive step wizard header with a step counter, percentage, progress bar, the active step title and description, and back and continue buttons.","type":"registry:block","source_url":"https://7ovr.com/r/steps-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/steps-3.json"},{"name":"survey-1","title":"Product Feedback Questionnaire","description":"Four-question product feedback survey card mixing single-choice, multi-select, and freeform answers, with progress and previous, skip, next, and submit control…","type":"registry:block","source_url":"https://7ovr.com/r/survey-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/survey-1.json"},{"name":"survey-2","title":"Net Promoter Score Survey","description":"Net promoter survey with a zero to ten rating scale and number-key shortcuts, followed by a required freeform question about the score.","type":"registry:block","source_url":"https://7ovr.com/r/survey-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/survey-2.json"},{"name":"survey-3","title":"Cancellation Exit Survey Dialog","description":"Cancellation exit survey in a dialog opened from a plan card, asking a required reason then an optional what would have changed your mind question.","type":"registry:block","source_url":"https://7ovr.com/r/survey-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/survey-3.json"},{"name":"survey-4","title":"Inline Was This Helpful","description":"Inline page feedback survey with a three-choice was this helpful rating and an optional follow-up, resolving to a thank-you state.","type":"registry:block","source_url":"https://7ovr.com/r/survey-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/survey-4.json"},{"name":"survey-5","title":"Full Page Onboarding Survey","description":"Full-page onboarding survey showing one question per screen in oversized type, with letter-key shortcuts and a thin progress bar across the top.","type":"registry:block","source_url":"https://7ovr.com/r/survey-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/survey-5.json"},{"name":"survey-6","title":"Branching Qualification Survey","description":"Branching sales qualification survey in a two-column split where the first answer disables questions that no longer apply, tracked by a path rail.","type":"registry:block","source_url":"https://7ovr.com/r/survey-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/survey-6.json"},{"name":"activity-1","title":"Recent Activity Card","description":"Recent activity card listing avatar rows with the actor, action, target, and relative time for a workspace or profile feed.","type":"registry:block","source_url":"https://7ovr.com/r/activity-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-1.json"},{"name":"activity-2","title":"Activity Grouped By Day","description":"Activity feed grouped under Today and Yesterday separators, each listing avatar rows with the actor, action, target, and time.","type":"registry:block","source_url":"https://7ovr.com/r/activity-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-2.json"},{"name":"activity-3","title":"Audit Log With Icon Tiles","description":"Audit log feed with action-type icon tiles, a two-line event title and detail, a type tag, and a timestamp, with no avatars.","type":"registry:block","source_url":"https://7ovr.com/r/activity-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-3.json"},{"name":"activity-4","title":"Activity Tabs With Unread","description":"Activity panel with All, Mentions, and Comments tabs, an unread count badge, and rows carrying an avatar, type icon, timestamp, and unread dot.","type":"registry:block","source_url":"https://7ovr.com/r/activity-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/activity-4.json"},{"name":"search-1","title":"Faceted Docs Search Panel","description":"Search panel with a query field, a sidebar of type facets with live counts that narrow the list, and results showing title, type badge, and snippet.","type":"registry:block","source_url":"https://7ovr.com/r/search-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-1.json"},{"name":"search-2","title":"Search Results Page","description":"Search results page with a query field, live result count, empty state, and result cards carrying a type badge, snippet, and last updated date.","type":"registry:block","source_url":"https://7ovr.com/r/search-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-2.json"},{"name":"search-3","title":"Grouped Command Palette","description":"Command style search panel grouping results into Pages, People, and Files with icons, avatars, and meta, plus keyboard hints in the footer.","type":"registry:block","source_url":"https://7ovr.com/r/search-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-3.json"},{"name":"careers-1","title":"Open Roles By Department","description":"Open positions list grouping job roles by department, each row showing the title, location, and employment type with an apply link.","type":"registry:block","source_url":"https://7ovr.com/r/careers-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-1.json"},{"name":"careers-2","title":"Job Posting Detail Page","description":"Single job posting page with meta chips for department, location, and type, an about section, responsibilities and requirements lists, and apply buttons.","type":"registry:block","source_url":"https://7ovr.com/r/careers-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-2.json"},{"name":"careers-3","title":"Culture And Benefits Page","description":"Careers culture page selling life at the company with a photo strip, a three-up values grid, a perks and benefits row, and a closing call to action.","type":"registry:block","source_url":"https://7ovr.com/r/careers-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-3.json"},{"name":"about-1","title":"Mission Statement With Stats","description":"Centered about us intro built on a mission statement, with an eyebrow badge and a four-metric strip for founding year, customers, countries, and team size.","type":"registry:block","source_url":"https://7ovr.com/r/about-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-1.json"},{"name":"about-2","title":"Founder Story With Photo","description":"Two-column company story pairing a grayscale team photo with a founding narrative and a three-metric row for teams, uptime, and countries.","type":"registry:block","source_url":"https://7ovr.com/r/about-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-2.json"},{"name":"status-1","title":"All Systems Operational Summary","description":"Status page summary with an all systems operational banner and a service list showing 90-day uptime and colored status dots.","type":"registry:block","source_url":"https://7ovr.com/r/status-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/status-1.json"},{"name":"status-2","title":"Incident History Feed","description":"Incident history feed grouping past incidents by date, each with an impact badge and a timeline of investigating to resolved status updates.","type":"registry:block","source_url":"https://7ovr.com/r/status-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/status-2.json"},{"name":"status-3","title":"90 Day Uptime Bars","description":"Uptime history with per-service daily status bars for the last 90 days, colored by health, with uptime percentages and a legend.","type":"registry:block","source_url":"https://7ovr.com/r/status-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/status-3.json"},{"name":"chat-1","title":"Direct Message Thread","description":"One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer.","type":"registry:block","source_url":"https://7ovr.com/r/chat-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-1.json"},{"name":"chat-2","title":"Inbox Messenger Layout","description":"Two-pane chat messenger with a selectable conversation list beside the active thread, each conversation keeping its own messages, plus a composer.","type":"registry:block","source_url":"https://7ovr.com/r/chat-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-2.json"},{"name":"chat-3","title":"Support Chat Widget","description":"Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.","type":"registry:block","source_url":"https://7ovr.com/r/chat-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-3.json"},{"name":"chat-4","title":"Group Chat Panel","description":"Group chat conversation with a member avatar stack header, messages from multiple named senders with per-sender avatars, and an online indicator.","type":"registry:block","source_url":"https://7ovr.com/r/chat-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/chat-4.json"},{"name":"testimonials-4","title":"Star Rated Review Cards","description":"Star-rated testimonial review cards in a responsive grid, each leading with a five-star rating row above the quote and a grayscale avatar.","type":"registry:block","source_url":"https://7ovr.com/r/testimonials-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/testimonials-4.json"},{"name":"stats-5","title":"Inverted Stats Panel","description":"Stats band on a filled primary-color panel with a heading and four large inverted figures, a high-contrast by-the-numbers section.","type":"registry:block","source_url":"https://7ovr.com/r/stats-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/stats-5.json"},{"name":"about-3","title":"Values Card Grid","description":"Company values and principles laid out as a bordered grid of icon cards, each with a principle title and a short explanation.","type":"registry:block","source_url":"https://7ovr.com/r/about-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-3.json"},{"name":"about-4","title":"Mission Vision Values Columns","description":"Mission, vision, and values presented as three editorial columns, each with an icon, eyebrow label, heading, and short paragraph.","type":"registry:block","source_url":"https://7ovr.com/r/about-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/about-4.json"},{"name":"features-5","title":"Security Feature Spotlight","description":"Single-feature spotlight pairing a headline, copy, and four-item checklist with a static security settings panel mock of labeled toggles.","type":"registry:block","source_url":"https://7ovr.com/r/features-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/features-5.json"},{"name":"hero-6","title":"Hero With Avatar Social Proof","description":"Centered hero section led by a clickable announcement pill, with dual CTAs and social proof: an overlapping avatar stack, five stars, and a trusted-by line.","type":"registry:block","source_url":"https://7ovr.com/r/hero-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/hero-6.json"},{"name":"pricing-5","title":"Plan Comparison Table","description":"Static pricing comparison table with plans as columns and grouped feature rows, check and dash cells, a highlighted recommended column, and a CTA row.","type":"registry:block","source_url":"https://7ovr.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/pricing-5.json"},{"name":"comparison-4","title":"Named Competitor Table","description":"Comparison table setting your product against Notion, Trello, and Asana across grouped feature rows with check, cross, or value cells.","type":"registry:block","source_url":"https://7ovr.com/r/comparison-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/comparison-4.json"},{"name":"dashboard-4","title":"Overview With Recent Orders","description":"Dashboard overview pairing a four-metric KPI row with a recent orders table of customer avatars, status badges, and amounts.","type":"registry:block","source_url":"https://7ovr.com/r/dashboard-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard-4.json"},{"name":"charts-4","title":"Monthly Visitors Line","description":"Line chart card plotting unique visitors month by month, with a grid, labeled axes, and a hover tooltip on each point.","type":"registry:block","source_url":"https://7ovr.com/r/charts-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-4.json"},{"name":"charts-5","title":"Traffic Source Donut","description":"Donut chart splitting traffic by source, with a centered visitor total and a ranked, color coded legend list underneath.","type":"registry:block","source_url":"https://7ovr.com/r/charts-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/charts-5.json"},{"name":"auth-6","title":"Forgot Password Request","description":"Forgot-password card that validates an email, then switches to a check-your-inbox confirmation with a use-another-email option and back-to-sign-in link.","type":"registry:block","source_url":"https://7ovr.com/r/auth-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-6.json"},{"name":"auth-7","title":"Set New Password With Rules","description":"Reset-password card with new and confirm fields plus live requirement checks for length, uppercase, number, and match, ending in a success state.","type":"registry:block","source_url":"https://7ovr.com/r/auth-7.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-7.json"},{"name":"auth-8","title":"Centered Sign-Up Card","description":"Sign-up card centered on the page with full name, email, and password fields, a terms checkbox, and Google and GitHub sign-up buttons.","type":"registry:block","source_url":"https://7ovr.com/r/auth-8.json","install_command":"npx shadcn@latest add https://7ovr.com/r/auth-8.json"},{"name":"search-4","title":"Autocomplete Search Input","description":"Search input with an autocomplete dropdown of recent searches and keyboard navigable suggestions, an empty state, and a slash to focus hint.","type":"registry:block","source_url":"https://7ovr.com/r/search-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/search-4.json"},{"name":"kanban-3","title":"Four Column Project Board","description":"Project kanban board with To Do, In Progress, Review, and Done columns, per-column counts, and drag and drop reordering across columns.","type":"registry:block","source_url":"https://7ovr.com/r/kanban-3.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-3.json"},{"name":"kanban-4","title":"Personal Task Lanes","description":"Personal my-tasks kanban with Today, This Week, and Later lanes of compact rows you drag and drop to reprioritize.","type":"registry:block","source_url":"https://7ovr.com/r/kanban-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/kanban-4.json"},{"name":"error-4","title":"403 Access Denied","description":"403 access denied page with a lock icon, an explanation of the missing permission, and Back To Dashboard plus Request Access actions.","type":"registry:block","source_url":"https://7ovr.com/r/error-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-4.json"},{"name":"error-5","title":"Scheduled Maintenance Page","description":"Maintenance mode page with a tools icon, a scheduled maintenance badge, an estimated return time, and a link to the status page.","type":"registry:block","source_url":"https://7ovr.com/r/error-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-5.json"},{"name":"error-6","title":"Oversized 404 Numeral","description":"404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, and go home plus go back buttons.","type":"registry:block","source_url":"https://7ovr.com/r/error-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/error-6.json"},{"name":"page-header-5","title":"Header With Search Toolbar","description":"List view page header with a title, primary action, and a toolbar of search input, status and sort selects, and a list or grid view toggle.","type":"registry:block","source_url":"https://7ovr.com/r/page-header-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-5.json"},{"name":"page-header-6","title":"Header With Metrics Strip","description":"Analytics page header with an eyebrow, title, export and settings actions, and an inline four-metric stats strip showing deltas.","type":"registry:block","source_url":"https://7ovr.com/r/page-header-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/page-header-6.json"},{"name":"changelog-5","title":"Sticky Version Jump Sidebar","description":"Changelog page with a sticky version-jump sidebar beside long-form release entries grouped into Added, Improved, and Fixed changes.","type":"registry:block","source_url":"https://7ovr.com/r/changelog-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/changelog-5.json"},{"name":"blog-5","title":"Blog With Sticky Sidebar","description":"Blog index with a post list beside a sticky sidebar of search, categories with counts, popular posts, and a tag cloud.","type":"registry:block","source_url":"https://7ovr.com/r/blog-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/blog-5.json"},{"name":"article-5","title":"Article With Author Sidebar","description":"Article layout with a sticky sidebar holding an author bio card, related post links, and an inline newsletter signup form.","type":"registry:block","source_url":"https://7ovr.com/r/article-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/article-5.json"},{"name":"coming-soon-5","title":"Launch Progress Milestones","description":"Coming soon screen with a launch progress bar and Design, Beta, and Launch milestone labels above a waitlist email form with a success state.","type":"registry:block","source_url":"https://7ovr.com/r/coming-soon-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/coming-soon-5.json"},{"name":"cookie-consent-5","title":"Expandable Consent Banner","description":"Cookie consent banner with accept and reject actions plus a Customize control that expands per-category consent switches inline.","type":"registry:block","source_url":"https://7ovr.com/r/cookie-consent-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cookie-consent-5.json"},{"name":"careers-4","title":"Filterable Jobs Board","description":"Filterable jobs board with a search field, department filter pills, a live result count, and a scrollable list of roles with location and type.","type":"registry:block","source_url":"https://7ovr.com/r/careers-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/careers-4.json"},{"name":"cta-6","title":"App Download CTA","description":"App download call to action section with App Store and Google Play buttons for the iOS and Android mobile apps.","type":"registry:block","source_url":"https://7ovr.com/r/cta-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/cta-6.json"},{"name":"header-4","title":"Product Dropdown Menu","description":"Header with a Product navigation menu dropdown listing Analytics, Automations, and Integrations, plus inline links, sign-in and CTA buttons, and a mobile sheet.","type":"registry:block","source_url":"https://7ovr.com/r/header-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/header-4.json"},{"name":"footer-5","title":"Call To Action Footer","description":"Footer led by a call to action band with heading and button, above brand and sitemap columns and a social bottom bar.","type":"registry:block","source_url":"https://7ovr.com/r/footer-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/footer-5.json"},{"name":"onboarding-5","title":"Invite Your Team Step","description":"Invite-teammates onboarding step marked 3 of 4, with add and remove email rows, a role select per invite, and skip or send actions.","type":"registry:block","source_url":"https://7ovr.com/r/onboarding-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-5.json"},{"name":"onboarding-6","title":"Dismissible Getting Started Widget","description":"Compact getting-started widget with a dismiss button, progress bar, and a five-step checklist showing completed steps struck through.","type":"registry:block","source_url":"https://7ovr.com/r/onboarding-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/onboarding-6.json"},{"name":"billing-5","title":"Saved Payment Methods","description":"Payment methods list of saved cards with a default badge, set-default and remove actions, and an add-card dialog.","type":"registry:block","source_url":"https://7ovr.com/r/billing-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-5.json"},{"name":"billing-6","title":"Add Card Form","description":"Add payment method form with name, card number, expiry, CVC, a country select, and a set-as-default switch.","type":"registry:block","source_url":"https://7ovr.com/r/billing-6.json","install_command":"npx shadcn@latest add https://7ovr.com/r/billing-6.json"},{"name":"empty-states-5","title":"First Project Prompt","description":"First-run empty state prompting users to create their first project, with New Project and Import buttons and a three-tip getting-started row.","type":"registry:block","source_url":"https://7ovr.com/r/empty-states-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/empty-states-5.json"},{"name":"notifications-4","title":"Notification Preferences Toggles","description":"Notification preferences panel with a row per activity type and separate email and push toggle switches for each.","type":"registry:block","source_url":"https://7ovr.com/r/notifications-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-4.json"},{"name":"notifications-5","title":"Dismissible Alert Stack","description":"Stack of dismissible inline notification alerts in success, info, warning, and error variants, resolving to an all caught up empty state.","type":"registry:block","source_url":"https://7ovr.com/r/notifications-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/notifications-5.json"},{"name":"integrations-5","title":"Split Logo Grid With CTA","description":"Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.","type":"registry:block","source_url":"https://7ovr.com/r/integrations-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/integrations-5.json"},{"name":"logo-cloud-5","title":"Minimal Trust Strip","description":"Single row logo strip of six brand wordmarks under a trusted-by label, highlighting on hover, with no borders or cards.","type":"registry:block","source_url":"https://7ovr.com/r/logo-cloud-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/logo-cloud-5.json"},{"name":"settings-4","title":"Section Nav Settings Layout","description":"Settings layout with a left section nav (Profile, Account, Notifications, Billing) that swaps the active section's form cards beside it.","type":"registry:block","source_url":"https://7ovr.com/r/settings-4.json","install_command":"npx shadcn@latest add https://7ovr.com/r/settings-4.json"},{"name":"file-upload-5","title":"Avatar Photo Uploader","description":"Avatar uploader with a circular image preview, change and remove buttons, and a format hint, previewing the picked file via an object URL.","type":"registry:block","source_url":"https://7ovr.com/r/file-upload-5.json","install_command":"npx shadcn@latest add https://7ovr.com/r/file-upload-5.json"},{"name":"menu-1","title":"Leader Dot Menu List","description":"Restaurant menu in four courses, each dish a name with leader dots running to its price, a one line description, and a bare dietary note, in a two column print…","type":"registry:block","source_url":"https://7ovr.com/r/menu-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/menu-1.json"},{"name":"menu-2","title":"Photo Menu Card Grid","description":"Six photographed dishes in a card grid, each with its price, a one line description, and a dietary note, for showing what the kitchen actually sends out.","type":"registry:block","source_url":"https://7ovr.com/r/menu-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/menu-2.json"},{"name":"booking-1","title":"Simple Reservation Form","description":"Centered reservation card with date, party size, time, name, and email, for restaurants taking small tables online.","type":"registry:block","source_url":"https://7ovr.com/r/booking-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/booking-1.json"},{"name":"booking-2","title":"Appointment Request Split","description":"Appointment request split pairing reassurance copy with a form for the job needed, a preferred day, vehicle registration, phone, and free text notes.","type":"registry:block","source_url":"https://7ovr.com/r/booking-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/booking-2.json"},{"name":"location-1","title":"Hours Table With Map Slot","description":"Opening hours split pairing a seven row hours table with an embedded map, the address, and directions copy covering transit and step free access.","type":"registry:block","source_url":"https://7ovr.com/r/location-1.json","install_command":"npx shadcn@latest add https://7ovr.com/r/location-1.json"},{"name":"location-2","title":"Three Up Visit Cards","description":"Three visit cards covering address, opening hours, and getting here, each a bare icon above a heading and three short lines.","type":"registry:block","source_url":"https://7ovr.com/r/location-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/location-2.json"},{"name":"saas-landing","title":"SaaS Landing","description":"Complete SaaS marketing homepage template assembled from free blocks: hero section, social proof, features, stats, testimonials, pricing, FAQ, and a closing CT…","type":"registry:block","source_url":"https://7ovr.com/r/saas-landing.json","install_command":"npx shadcn@latest add https://7ovr.com/r/saas-landing.json"},{"name":"startup","title":"Startup","description":"Lean startup landing page template for early-stage products and waitlists: centered hero section with inline email capture, stats, feature grid, how it works t…","type":"registry:block","source_url":"https://7ovr.com/r/startup.json","install_command":"npx shadcn@latest add https://7ovr.com/r/startup.json"},{"name":"saas-landing-2","title":"SaaS Landing 2","description":"Product-tour SaaS landing page template: hero section with announcement pill, browser-framed gallery, tabbed features, how it works stepper, integrations, comp…","type":"registry:block","source_url":"https://7ovr.com/r/saas-landing-2.json","install_command":"npx shadcn@latest add https://7ovr.com/r/saas-landing-2.json"},{"name":"dashboard","title":"Dashboard","description":"Logged-in dashboard app template with a collapsible sidebar and command palette top bar wrapping stat cards, an interactive area chart, and a sortable, paginat…","type":"registry:block","source_url":"https://7ovr.com/r/dashboard.json","install_command":"npx shadcn@latest add https://7ovr.com/r/dashboard.json"}]},{"id":"8bitcn","name":"@8bitcn","slug":"8bitcn","description":"Open-source retro/8-bit styled React component library with ~35+ components (accordion, alert, avatar, badge, breadcrumb, button, calendar, card, carousel, chart, checkbox, collapsible, combo-box, command, context-menu, date-picker, dialog, drawer, dropdown-menu, enemy-health-display, and more) plus a blocks section. Built on shadcn/ui conventions with Tailwind CSS; install individual pieces via the shadcn CLI. Fully free, MIT-licensed, ~1.9k GitHub stars. Use for: landing pages, game-themed projects, or any app that wants a deliberate pixelated/retro aesthetic without building custom pixel-art CSS from scratch.","author":"TheOrcDev","framework":"react","license":"MIT","tags":["aesthetic","animation","audio","auth","blocks","buttons","cards","charts","dashboard","design-system","forms","gaming","hooks","loaders","maps","marketing","media","navigation","overlays","retro","saas","tables","theming"],"categories":["Animated components"],"labels":["popular","recently-updated"],"urls":{"website":"https://www.8bitcn.com","github":"https://github.com/TheOrcDev/8bitcn-ui","registry":"https://www.8bitcn.com/r/registry.json","source":"https://www.8bitcn.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/8bitcn","markdown":"https://sh4dcn.netlify.app/md/8bitcn.md"},"logo":"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 1600 1600'><path d='M0 0 C528 0 1056 0 1600 0 C1600 528 1600 1056 1600 1600 C1072 1600 544 1600 0 1600 C0 1072 0 544 0 0 Z ' fill='var(--foreground)' transform='translate(0,0)'/><path d='M0 0 C82.5 0 165 0 250 0 C250 16.5 250 33 250 50 C266.5 50 283 50 300 50 C300 66.5 300 83 300 100 C316.5 100 333 100 350 100 C350 199 350 298 350 400 C333.5 400 317 400 300 400 C300 433 300 466 300 500 C316.5 500 333 500 350 500 C350 599 350 698 350 800 C333.5 800 317 800 300 800 C300 816.5 300 833 300 850 C283.5 850 267 850 250 850 C250 866.5 250 883 250 900 C167.5 900 85 900 0 900 C0 883.5 0 867 0 850 C-16.5 850 -33 850 -50 850 C-50 833.5 -50 817 -50 800 C-66.5 800 -83 800 -100 800 C-100 701 -100 602 -100 500 C-83.5 500 -67 500 -50 500 C-50 467 -50 434 -50 400 C-66.5 400 -83 400 -100 400 C-100 301 -100 202 -100 100 C-83.5 100 -67 100 -50 100 C-50 83.5 -50 67 -50 50 C-33.5 50 -17 50 0 50 C0 33.5 0 17 0 0 Z ' fill='var(--background)' transform='translate(400,350)'/><path d='M0 0 C82.5 0 165 0 250 0 C250 16.5 250 33 250 50 C266.5 50 283 50 300 50 C300 66.5 300 83 300 100 C316.5 100 333 100 350 100 C350 199 350 298 350 400 C317 400 284 400 250 400 C250 301 250 202 250 100 C184 100 118 100 50 100 C50 199 50 298 50 400 C17 400 -16 400 -50 400 C-50 284.5 -50 169 -50 50 C-33.5 50 -17 50 0 50 C0 33.5 0 17 0 0 Z ' fill='var(--background)' transform='translate(950,850)'/><path d='M0 0 C82.5 0 165 0 250 0 C250 16.5 250 33 250 50 C266.5 50 283 50 300 50 C300 66.5 300 83 300 100 C201 100 102 100 0 100 C0 166 0 232 0 300 C99 300 198 300 300 300 C300 316.5 300 333 300 350 C283.5 350 267 350 250 350 C250 366.5 250 383 250 400 C167.5 400 85 400 0 400 C0 383.5 0 367 0 350 C-16.5 350 -33 350 -50 350 C-50 333.5 -50 317 -50 300 C-66.5 300 -83 300 -100 300 C-100 234 -100 168 -100 100 C-83.5 100 -67 100 -50 100 C-50 83.5 -50 67 -50 50 C-33.5 50 -17 50 0 50 C0 33.5 0 17 0 0 Z ' fill='var(--background)' transform='translate(1000,350)'/><path d='M0 0 C49.5 0 99 0 150 0 C150 16.5 150 33 150 50 C166.5 50 183 50 200 50 C200 132.5 200 215 200 300 C117.5 300 35 300 -50 300 C-50 217.5 -50 135 -50 50 C-33.5 50 -17 50 0 50 C0 33.5 0 17 0 0 Z ' fill='var(--foreground)' transform='translate(450,850)'/><path d='M0 0 C82.5 0 165 0 250 0 C250 82.5 250 165 250 250 C233.5 250 217 250 200 250 C200 266.5 200 283 200 300 C150.5 300 101 300 50 300 C50 283.5 50 267 50 250 C33.5 250 17 250 0 250 C0 167.5 0 85 0 0 Z ' fill='var(--foreground)' transform='translate(400,450)'/></svg>","preview_image":"https://www.8bitcn.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2060,"open_issues":19,"last_commit":"2026-10-26T09:40:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.8bitcn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.8bitcn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.8bitcn.com/r/registry.json","clone":"git clone https://github.com/TheOrcDev/8bitcn-ui.git","clone_degit":"npx degit TheOrcDev/8bitcn-ui","registry_fetch":"curl -s https://www.8bitcn.com/r/registry.json"},"component_count":121,"components":[{"name":"chapter-intro","title":"8-bit Chapter Intro","description":"A cinematic chapter/level intro with pixel art background.","type":"registry:block","source_url":"https://www.8bitcn.com/r/chapter-intro.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chapter-intro.json"},{"name":"button","title":"8-bit Button","description":"A simple 8-bit button component","type":"registry:component","source_url":"https://www.8bitcn.com/r/button.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/button.json"},{"name":"button-group","title":"8-bit Button Group","description":"Groups multiple 8-bit buttons together inside a shared retro pixelated border.","type":"registry:component","source_url":"https://www.8bitcn.com/r/button-group.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/button-group.json"},{"name":"input","title":"8-bit Input","description":"A simple 8-bit input component","type":"registry:component","source_url":"https://www.8bitcn.com/r/input.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/input.json"},{"name":"toast","title":"8-bit Toast","description":"A simple 8-bit toast component","type":"registry:component","source_url":"https://www.8bitcn.com/r/toast.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/toast.json"},{"name":"input-otp","title":"8-bit Input-OTP","description":"A simple 8-bit input-otp component","type":"registry:component","source_url":"https://www.8bitcn.com/r/input-otp.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/input-otp.json"},{"name":"badge","title":"8-bit Badge","description":"A simple 8-bit badge component","type":"registry:component","source_url":"https://www.8bitcn.com/r/badge.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/badge.json"},{"name":"textarea","title":"8-bit Textarea","description":"A simple 8-bit textarea component","type":"registry:component","source_url":"https://www.8bitcn.com/r/textarea.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/textarea.json"},{"name":"calendar","title":"8-bit Calendar","description":"A simple 8-bit calendar component","type":"registry:component","source_url":"https://www.8bitcn.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/calendar.json"},{"name":"date-picker","title":"8-bit Date Picker","description":"A simple 8-bit date picker component","type":"registry:component","source_url":"https://www.8bitcn.com/r/date-picker.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/date-picker.json"},{"name":"card","title":"8-bit Card","description":"A simple 8-bit card component","type":"registry:component","source_url":"https://www.8bitcn.com/r/card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/card.json"},{"name":"carousel","title":"8-bit Card","description":"A simple 8-bit carousel component","type":"registry:component","source_url":"https://www.8bitcn.com/r/carousel.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/carousel.json"},{"name":"dialog","title":"8-bit Dialog","description":"A simple 8-bit dialog component","type":"registry:component","source_url":"https://www.8bitcn.com/r/dialog.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dialog.json"},{"name":"dropdown-menu","title":"8-bit Dropdown Menu","description":"A simple 8-bit dropdown-menu component","type":"registry:component","source_url":"https://www.8bitcn.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dropdown-menu.json"},{"name":"hover-card","title":"8-bit Hover Card","description":"A simple 8-bit hover card component","type":"registry:component","source_url":"https://www.8bitcn.com/r/hover-card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hover-card.json"},{"name":"popover","title":"8-bit Popover","description":"A simple 8-bit popover component","type":"registry:component","source_url":"https://www.8bitcn.com/r/popover.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/popover.json"},{"name":"resizable","title":"8-bit Resizable Panel","description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:component","source_url":"https://www.8bitcn.com/r/resizable.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/resizable.json"},{"name":"select","title":"8-bit Select","description":"A simple 8-bit select component","type":"registry:component","source_url":"https://www.8bitcn.com/r/select.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/select.json"},{"name":"sheet","title":"8-bit sheet","description":"A simple 8-bit sheet component","type":"registry:component","source_url":"https://www.8bitcn.com/r/sheet.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/sheet.json"},{"name":"label","title":"8-bit Label","description":"A simple 8-bit label component","type":"registry:component","source_url":"https://www.8bitcn.com/r/label.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/label.json"},{"name":"checkbox","title":"8-bit Checkbox","description":"A simple 8-bit checkbox component","type":"registry:component","source_url":"https://www.8bitcn.com/r/checkbox.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/checkbox.json"},{"name":"scroll-area","title":"8-bit Scroll Area","description":"A simple 8-bit Scroll Area component","type":"registry:component","source_url":"https://www.8bitcn.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/scroll-area.json"},{"name":"switch","title":"8-bit Switch","description":"A simple 8-bit switch component","type":"registry:component","source_url":"https://www.8bitcn.com/r/switch.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/switch.json"},{"name":"alert","title":"8-bit Alert","description":"A simple 8-bit switch component","type":"registry:component","source_url":"https://www.8bitcn.com/r/alert.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/alert.json"},{"name":"alert-dialog","title":"8-bit Alert Dialog","description":"A simple 8-bit Alert Dialog component","type":"registry:component","source_url":"https://www.8bitcn.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/alert-dialog.json"},{"name":"tooltip","title":"8-bit Tooltip","description":"A simple 8-bit tooltip component","type":"registry:component","source_url":"https://www.8bitcn.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/tooltip.json"},{"name":"avatar","title":"8-bit Avatar","description":"A simple 8-bit avatar component","type":"registry:component","source_url":"https://www.8bitcn.com/r/avatar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/avatar.json"},{"name":"skeleton","title":"8-bit Skeleton","description":"A simple 8-bit skeleton component","type":"registry:component","source_url":"https://www.8bitcn.com/r/skeleton.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/skeleton.json"},{"name":"breadcrumb","title":"8-bit Breadcrumb","description":"A simple 8-bit breadcrumb component","type":"registry:component","source_url":"https://www.8bitcn.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/breadcrumb.json"},{"name":"collapsible","title":"8-bit Collapsible","description":"A simple 8-bit collapsible component","type":"registry:component","source_url":"https://www.8bitcn.com/r/collapsible.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/collapsible.json"},{"name":"progress","title":"8-bit Progress","description":"A simple 8-bit progress component","type":"registry:component","source_url":"https://www.8bitcn.com/r/progress.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/progress.json"},{"name":"enemy-health-display","title":"8-bit Enemy Health Display","description":"A retro-styled enemy health display component with health bar, name, and level","type":"registry:component","source_url":"https://www.8bitcn.com/r/enemy-health-display.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/enemy-health-display.json"},{"name":"health-bar","title":"8-bit Health Bar","description":"A simple 8-bit health bar component","type":"registry:component","source_url":"https://www.8bitcn.com/r/health-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/health-bar.json"},{"name":"mana-bar","title":"8-bit Mana Bar","description":"A simple 8-bit mana bar component","type":"registry:component","source_url":"https://www.8bitcn.com/r/mana-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/mana-bar.json"},{"name":"xp-bar","title":"8-bit XP Bar","description":"A simple 8-bit XP bar component with level up animation","type":"registry:component","source_url":"https://www.8bitcn.com/r/xp-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/xp-bar.json"},{"name":"game-progress","title":"8-bit Game Progress","description":"A simple 8-bit game progress component","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-progress.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-progress.json"},{"name":"dialogue","title":"8-bit Dialogue","description":"A simple 8-bit dialogue component","type":"registry:block","source_url":"https://www.8bitcn.com/r/dialogue.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dialogue.json"},{"name":"profile-card","title":"8-bit Profile Card","description":"A simple 8-bit profile card component","type":"registry:component","source_url":"https://www.8bitcn.com/r/profile-card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/profile-card.json"},{"name":"slider","title":"8-bit Slider","description":"A simple 8-bit slider component","type":"registry:component","source_url":"https://www.8bitcn.com/r/slider.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/slider.json"},{"name":"context-menu","title":"8-bit Context Menu","description":"A simple 8-bit context menu component","type":"registry:component","source_url":"https://www.8bitcn.com/r/context-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/context-menu.json"},{"name":"menubar","title":"8-bit Menu Bar","description":"A simple 8-bit menu bar component","type":"registry:component","source_url":"https://www.8bitcn.com/r/menubar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/menubar.json"},{"name":"toggle","title":"8-bit Toggle","description":"A simple 8-bit toggle component","type":"registry:component","source_url":"https://www.8bitcn.com/r/toggle.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/toggle.json"},{"name":"table","title":"8-bit Table","description":"A simple 8-bit table component","type":"registry:component","source_url":"https://www.8bitcn.com/r/table.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/table.json"},{"name":"tabs","title":"8-bit Tabs","description":"A simple 8-bit tabs component","type":"registry:component","source_url":"https://www.8bitcn.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/tabs.json"},{"name":"combo-box","title":"8-bit Combo Box","description":"A simple 8-bit combo box component","type":"registry:component","source_url":"https://www.8bitcn.com/r/combo-box.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/combo-box.json"},{"name":"command","title":"8-bit Command","description":"A simple 8-bit command component","type":"registry:component","source_url":"https://www.8bitcn.com/r/command.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/command.json"},{"name":"separator","title":"8-bit Separator","description":"A simple 8-bit separator component","type":"registry:component","source_url":"https://www.8bitcn.com/r/separator.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/separator.json"},{"name":"radio-group","title":"8-bit Radio Group","description":"A simple 8-bit radio group component","type":"registry:component","source_url":"https://www.8bitcn.com/r/radio-group.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/radio-group.json"},{"name":"pagination","title":"8-bit Pagination","description":"A simple 8-bit pagination component","type":"registry:component","source_url":"https://www.8bitcn.com/r/pagination.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pagination.json"},{"name":"friend-list","title":"8-bit Friend List","description":"A simple 8-bit friend list component","type":"registry:block","source_url":"https://www.8bitcn.com/r/friend-list.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/friend-list.json"},{"name":"login-form","title":"8-bit Login Form","description":"A simple 8-bit login form component","type":"registry:block","source_url":"https://www.8bitcn.com/r/login-form.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/login-form.json"},{"name":"login-form-2","title":"8-bit Login Form 2","description":"A simple 8-bit login form component","type":"registry:block","source_url":"https://www.8bitcn.com/r/login-form-2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/login-form-2.json"},{"name":"login-form-with-image","title":"8-bit Login Form with Image","description":"A simple 8-bit login form component with image","type":"registry:block","source_url":"https://www.8bitcn.com/r/login-form-with-image.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/login-form-with-image.json"},{"name":"login-page","title":"8-bit Login Page","description":"A simple 8-bit login page component","type":"registry:page","source_url":"https://www.8bitcn.com/r/login-page.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/login-page.json"},{"name":"chart","title":"8-bit Chart","description":"A simple 8-bit chart component","type":"registry:block","source_url":"https://www.8bitcn.com/r/chart.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chart.json"},{"name":"chart-bar","title":"8-bit Chart Bar","description":"A simple 8-bit chart bar component","type":"registry:block","source_url":"https://www.8bitcn.com/r/chart-bar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chart-bar.json"},{"name":"chart-area-step","title":"8-bit Chart Area Step","description":"A simple 8-bit chart area step component","type":"registry:block","source_url":"https://www.8bitcn.com/r/chart-area-step.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/chart-area-step.json"},{"name":"main-menu","title":"8-bit Main Menu","description":"A simple 8-bit main menu component","type":"registry:block","source_url":"https://www.8bitcn.com/r/main-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/main-menu.json"},{"name":"pause-menu","title":"8-bit Pause Menu","description":"A simple 8-bit pause menu component","type":"registry:block","source_url":"https://www.8bitcn.com/r/pause-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pause-menu.json"},{"name":"game-over","title":"8-bit Game Over","description":"A simple 8-bit game over component","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-over.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-over.json"},{"name":"audio-settings","title":"8-bit Audio Settings","description":"A simple 8-bit audio settings component","type":"registry:block","source_url":"https://www.8bitcn.com/r/audio-settings.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/audio-settings.json"},{"name":"toggle-group","title":"8-bit Toggle Group","description":"A simple 8-bit toggle group component","type":"registry:component","source_url":"https://www.8bitcn.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/toggle-group.json"},{"name":"sidebar","title":"8-bit Sidebar","description":"A simple 8-bit sidebar component","type":"registry:block","source_url":"https://www.8bitcn.com/r/sidebar.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/sidebar.json"},{"name":"accordion","title":"8-bit Accordion","description":"A simple 8-bit accordion component","type":"registry:component","source_url":"https://www.8bitcn.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/accordion.json"},{"name":"drawer","title":"8-bit Drawer","description":"A simple 8-bit drawer component","type":"registry:component","source_url":"https://www.8bitcn.com/r/drawer.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/drawer.json"},{"name":"navigation-menu","title":"8-bit Navigation Menu","description":"A simple 8-bit navigation menu component","type":"registry:component","source_url":"https://www.8bitcn.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/navigation-menu.json"},{"name":"difficulty-select","title":"8-bit Difficulty Select","description":"A reusable 8-bit difficulty selector with Easy, Normal, Hard.","type":"registry:block","source_url":"https://www.8bitcn.com/r/difficulty-select.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/difficulty-select.json"},{"name":"leaderboard","title":"8-bit Leaderboard","description":"A retro-styled leaderboard component for displaying player rankings with avatars and scores.","type":"registry:block","source_url":"https://www.8bitcn.com/r/leaderboard.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/leaderboard.json"},{"name":"player-profile-card","title":"8-bit Player Profile Card","description":"A comprehensive player profile card component with stats, health/mana bars, and custom stats support.","type":"registry:block","source_url":"https://www.8bitcn.com/r/player-profile-card.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/player-profile-card.json"},{"name":"quest-log","title":"8-bit Quest Log","description":"A retro-styled quest log component for tracking game missions and tasks with accordion functionality and status indicators.","type":"registry:block","source_url":"https://www.8bitcn.com/r/quest-log.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/quest-log.json"},{"name":"save-slots","title":"8-bit Save Slots","description":"A retro-styled save/load game interface with slot previews, timestamps, and empty slot handling.","type":"registry:block","source_url":"https://www.8bitcn.com/r/save-slots.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/save-slots.json"},{"name":"dashboard-01","title":"8-bit Dashboard 01","description":"A complete 8-bit styled dashboard with sidebar navigation, stats cards, charts, and data table with drag-and-drop functionality.","type":"registry:page","source_url":"https://www.8bitcn.com/r/dashboard-01.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/dashboard-01.json"},{"name":"theme-selector","title":"8-bit Theme Selector","description":"A complete theme selector component with dropdown selection and code copy functionality. Includes theme context provider for managing active themes across the …","type":"registry:component","source_url":"https://www.8bitcn.com/r/theme-selector.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/theme-selector.json"},{"name":"spinner","title":"8-bit Spinner","description":"Displays an 8-bit spinner component.","type":"registry:component","source_url":"https://www.8bitcn.com/r/spinner.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/spinner.json"},{"name":"kbd","title":"8-bit Kbd","description":"A simple 8-bit kbd component","type":"registry:component","source_url":"https://www.8bitcn.com/r/kbd.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/kbd.json"},{"name":"retro-mode-switcher","title":"8-bit Retro Mode Switcher","description":"A retro-styled theme toggle component with pixel art sun and moon icons. Perfect for 8-bit themed applications that need a nostalgic theme switcher.","type":"registry:component","source_url":"https://www.8bitcn.com/r/retro-mode-switcher.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/retro-mode-switcher.json"},{"name":"empty","title":"8-bit Empty","description":"Displays an 8-bit empty component.","type":"registry:component","source_url":"https://www.8bitcn.com/r/empty.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/empty.json"},{"name":"item","title":"8-bit Item","description":"Displays an 8-bit item component.","type":"registry:component","source_url":"https://www.8bitcn.com/r/item.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/item.json"},{"name":"character-sheet","title":"8-bit Character Sheet","description":"A comprehensive RPG character stats page with attributes, equipment, and customizable sections.","type":"registry:block","source_url":"https://www.8bitcn.com/r/character-sheet.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/character-sheet.json"},{"name":"victory-screen","title":"8-bit Victory Screen","description":"A simple 8-bit Victory Screen component","type":"registry:block","source_url":"https://www.8bitcn.com/r/victory-screen.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/victory-screen.json"},{"name":"loading-screen","title":"8-bit Loading Screen","description":"A retro-styled loading screen with animated progress bar and rotating tips.","type":"registry:block","source_url":"https://www.8bitcn.com/r/loading-screen.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/loading-screen.json"},{"name":"hero1","title":"8-bit Hero 1","description":"Centered hero section","type":"registry:block","source_url":"https://www.8bitcn.com/r/hero1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hero1.json"},{"name":"hero2","title":"8-bit Hero 2","description":"Split-layout hero section","type":"registry:block","source_url":"https://www.8bitcn.com/r/hero2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hero2.json"},{"name":"feature1","title":"8-bit Feature 1","description":"Feature card grid with icons, titles, descriptions, and optional badges.","type":"registry:block","source_url":"https://www.8bitcn.com/r/feature1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/feature1.json"},{"name":"hero3","title":"8-bit Hero 3","description":"Game-style title screen hero with stat cards and blinking text.","type":"registry:block","source_url":"https://www.8bitcn.com/r/hero3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/hero3.json"},{"name":"feature2","title":"8-bit Feature 2","description":"Step-by-step feature list with numbered icons and separators.","type":"registry:block","source_url":"https://www.8bitcn.com/r/feature2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/feature2.json"},{"name":"feature3","title":"8-bit Feature 3","description":"Swipeable feature carousel with cards and pixel arrows.","type":"registry:block","source_url":"https://www.8bitcn.com/r/feature3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/feature3.json"},{"name":"pricing1","title":"8-bit Pricing 1","description":"Classic tier cards with feature lists and CTAs.","type":"registry:block","source_url":"https://www.8bitcn.com/r/pricing1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pricing1.json"},{"name":"pricing2","title":"8-bit Pricing 2","description":"Pricing cards with monthly/yearly toggle.","type":"registry:block","source_url":"https://www.8bitcn.com/r/pricing2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/pricing2.json"},{"name":"faq1","title":"8-bit FAQ1","description":"Simple accordion FAQ.","type":"registry:block","source_url":"https://www.8bitcn.com/r/faq1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/faq1.json"},{"name":"faq2","title":"8-bit FAQ2","description":"Two-column card grid FAQ.","type":"registry:block","source_url":"https://www.8bitcn.com/r/faq2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/faq2.json"},{"name":"faq3","title":"8-bit FAQ3","description":"Searchable FAQ with categories.","type":"registry:block","source_url":"https://www.8bitcn.com/r/faq3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/faq3.json"},{"name":"social-proof1","title":"8-bit Social Proof 1","description":"Stats bar with numbers and optional logo cloud.","type":"registry:block","source_url":"https://www.8bitcn.com/r/social-proof1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/social-proof1.json"},{"name":"social-proof2","title":"8-bit Social Proof 2","description":"Two-column testimonial cards.","type":"registry:block","source_url":"https://www.8bitcn.com/r/social-proof2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/social-proof2.json"},{"name":"social-proof3","title":"8-bit Social Proof 3","description":"Swipeable review carousel with ratings.","type":"registry:block","source_url":"https://www.8bitcn.com/r/social-proof3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/social-proof3.json"},{"name":"timeline1","title":"8-bit Timeline 1","description":"Vertical timeline with connecting line.","type":"registry:block","source_url":"https://www.8bitcn.com/r/timeline1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/timeline1.json"},{"name":"timeline2","title":"8-bit Timeline 2","description":"Horizontal progress steps with checkpoints.","type":"registry:block","source_url":"https://www.8bitcn.com/r/timeline2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/timeline2.json"},{"name":"timeline3","title":"8-bit Timeline 3","description":"Zigzag roadmap with alternating cards.","type":"registry:block","source_url":"https://www.8bitcn.com/r/timeline3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/timeline3.json"},{"name":"cta1","title":"8-bit CTA1","description":"Us vs them comparison table.","type":"registry:block","source_url":"https://www.8bitcn.com/r/cta1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/cta1.json"},{"name":"cta2","title":"8-bit CTA2","description":"Persona use case cards with CTAs.","type":"registry:block","source_url":"https://www.8bitcn.com/r/cta2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/cta2.json"},{"name":"footer1","title":"8-bit Footer 1","description":"Sticky CTA bar that appears on scroll.","type":"registry:block","source_url":"https://www.8bitcn.com/r/footer1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/footer1.json"},{"name":"team1","title":"8-bit Team 1","description":"Team grid with pixel avatars and roles.","type":"registry:block","source_url":"https://www.8bitcn.com/r/team1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/team1.json"},{"name":"team2","title":"8-bit Team 2","description":"Changelog feed with dates and badges.","type":"registry:block","source_url":"https://www.8bitcn.com/r/team2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/team2.json"},{"name":"team3","title":"8-bit Team 3","description":"Case study cards with KPI badges.","type":"registry:block","source_url":"https://www.8bitcn.com/r/team3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/team3.json"},{"name":"advanced1","title":"8-bit Advanced 1","description":"Fake terminal demo shell with command output.","type":"registry:block","source_url":"https://www.8bitcn.com/r/advanced1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/advanced1.json"},{"name":"advanced2","title":"8-bit Advanced 2","description":"KPI metrics dashboard with progress bars.","type":"registry:block","source_url":"https://www.8bitcn.com/r/advanced2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/advanced2.json"},{"name":"advanced3","title":"8-bit Advanced 3","description":"Newsletter signup card with input and CTA.","type":"registry:block","source_url":"https://www.8bitcn.com/r/advanced3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/advanced3.json"},{"name":"game-hero1","title":"8-bit game-hero1","description":"Health bar hero with progress indicator.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-hero1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-hero1.json"},{"name":"game-roadmap1","title":"8-bit game-roadmap1","description":"Quest log roadmap with status states.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-roadmap1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-roadmap1.json"},{"name":"game-hero2","title":"8-bit game-hero2","description":"XP milestone hero with level badges.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-hero2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-hero2.json"},{"name":"game-cta1","title":"8-bit game-cta1","description":"Boss fight CTA with problem vs solution.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-cta1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-cta1.json"},{"name":"game-features1","title":"8-bit game-features1","description":"Skill tree feature grid with progress.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-features1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-features1.json"},{"name":"game-team1","title":"8-bit game-team1","description":"Party grid with avatars and HP bars.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-team1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-team1.json"},{"name":"game-faq1","title":"8-bit game-faq1","description":"Checkpoint FAQ with progression states.","type":"registry:block","source_url":"https://www.8bitcn.com/r/game-faq1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/game-faq1.json"},{"name":"not-found1","title":"8-bit 404 Page","description":"Retro 404 page with pixel art character.","type":"registry:block","source_url":"https://www.8bitcn.com/r/not-found1.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found1.json"},{"name":"not-found2","title":"8-bit 404 Dwarf","description":"Retro 404 page with pixel dwarf character.","type":"registry:block","source_url":"https://www.8bitcn.com/r/not-found2.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found2.json"},{"name":"not-found3","title":"8-bit 404 Undead","description":"Cursed 404 page with pixel undead character.","type":"registry:block","source_url":"https://www.8bitcn.com/r/not-found3.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found3.json"},{"name":"not-found-crate-pusher","title":"8-bit Crate Pusher 404","description":"A randomized crate-pushing 404 page with 20 curated, solver-verified puzzles.","type":"registry:block","source_url":"https://www.8bitcn.com/r/not-found-crate-pusher.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found-crate-pusher.json"},{"name":"not-found-brick-breaker","title":"8-bit Brick Breaker 404","description":"A playable brick-breaker 404 page with keyboard, pointer, and touch controls.","type":"registry:block","source_url":"https://www.8bitcn.com/r/not-found-brick-breaker.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/not-found-brick-breaker.json"},{"name":"portal-transition","title":"8-bit Portal Transition","description":"Interactive CTA with clickable portal and traveling state.","type":"registry:block","source_url":"https://www.8bitcn.com/r/portal-transition.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/portal-transition.json"},{"name":"duel-block","title":"8-bit Duel Block","description":"Interactive arena duel with two fighters, HP bars, and hit mechanics.","type":"registry:block","source_url":"https://www.8bitcn.com/r/duel-block.json","install_command":"npx shadcn@latest add https://www.8bitcn.com/r/duel-block.json"}]},{"id":"8starlabs-ui","name":"@8starlabs-ui","slug":"8starlabs-ui","description":"Small shadcn-compatible library (10 components) focused on high-utility UI elements absent from standard kits: Button, Flip Clock, Heatmap, JSON Viewer, Marquee, Partition Bar, Scroll Fade, Status Indicator, System Banner, Timeline, and Transport Badge. Targets Next.js + shadcn/ui projects with Tailwind CSS; ships an MCP server for AI-assisted installation. Free, MIT-licensed. Use for: dashboards or admin interfaces that need niche data-display widgets like heatmaps, partition bars, or animated flip clocks without writing them from scratch.","author":"8starlabs","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","animation","audio","buttons","cards","charts","dashboard","forms","hooks","maps","media","navigation","overlays"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"urls":{"website":"https://ui.8starlabs.com","github":"https://github.com/8starlabs/ui","registry":"https://ui.8starlabs.com/r/registry.json","source":"https://ui.8starlabs.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/8starlabs-ui","markdown":"https://sh4dcn.netlify.app/md/8starlabs-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='279' height='306' viewBox='0 0 279 306' fill='none'> <path fill='var(--foreground)' d='M93.4422 235.2C67.8422 235.2 49.1755 229.867 37.4422 219.2C25.9755 208.267 20.2422 191.067 20.2422 167.6V163.2C20.2422 150.667 22.6422 139.467 27.4422 129.6C32.5089 119.733 41.4422 112.4 54.2422 107.6C46.7755 103.867 41.1755 98.1333 37.4422 90.4C33.9755 82.6667 32.2422 73.7333 32.2422 63.6V59.2C32.2422 48.8 34.3755 39.0667 38.6422 30C42.9089 20.9333 50.3755 13.7333 61.0422 8.4C71.7089 2.80001 86.5089 1.23978e-05 105.442 1.23978e-05L173.842 1.23978e-05C192.509 1.23978e-05 207.042 2.80001 217.442 8.4C228.109 13.7333 235.576 20.9333 239.842 30C244.376 39.0667 246.642 48.8 246.642 59.2V63.6C246.642 73.4667 244.909 82.2667 241.442 90C237.976 97.4667 232.242 103.333 224.242 107.6C237.042 112.4 245.976 119.733 251.042 129.6C256.109 139.467 258.642 150.667 258.642 163.2V167.6C258.642 191.067 252.776 208.267 241.042 219.2C229.576 229.867 211.176 235.2 185.842 235.2H93.4422ZM117.042 96L162.642 96C173.042 96 180.776 93.8667 185.842 89.6C191.176 85.3333 193.842 78.2667 193.842 68.4V66.4C193.842 56.5333 191.842 49.4667 187.842 45.2C183.842 40.6667 175.442 38.4 162.642 38.4H117.042C104.776 38.4 96.3755 40.4 91.8422 44.4C87.3089 48.4 85.0422 55.7333 85.0422 66.4V68.4C85.0422 78.2667 87.4422 85.3333 92.2422 89.6C97.3089 93.8667 105.576 96 117.042 96ZM105.042 196.8H174.642C184.509 196.8 192.109 194.533 197.442 190C203.042 185.467 205.842 178.267 205.842 168.4V159.2C205.842 150.667 203.042 143.867 197.442 138.8C191.842 133.733 184.242 131.2 174.642 131.2H105.042C95.4422 131.2 87.7089 133.6 81.8422 138.4C75.9755 142.933 73.0422 149.867 73.0422 159.2V168.4C73.0422 178.267 75.8422 185.467 81.4422 190C87.3089 194.533 95.1755 196.8 105.042 196.8Z' fill='black'/> <path d='M28.2 305.2L29.1 298V252.28H40.98V296.56H78.24L81.84 304.21C81.84 304.45 81.03 304.69 79.41 304.93C77.79 305.11 75 305.2 71.04 305.2H28.2ZM99.7092 305.2C95.1492 305.2 91.8492 304.15 89.8092 302.05C87.7692 299.89 86.7492 296.95 86.7492 293.23C86.7492 289.33 87.7992 286.33 89.8992 284.23C92.0592 282.13 95.3292 281.08 99.7092 281.08H104.299C108.799 281.08 112.849 281.2 116.449 281.44C120.049 281.68 123.019 281.92 125.359 282.16V276.22C125.359 275.68 125.299 275.14 125.179 274.6C125.059 274 124.699 273.52 124.099 273.16C123.499 272.8 122.479 272.62 121.039 272.62H116.539C109.999 272.62 104.539 272.74 100.159 272.98C95.7792 273.16 92.8092 273.34 91.2492 273.52L90.2592 266.68C90.2592 265.84 92.5392 265.33 97.0992 265.15C101.659 264.97 109.279 264.88 119.959 264.88H124.459C127.459 264.88 129.769 265.3 131.389 266.14C133.009 266.98 134.149 268.03 134.809 269.29C135.529 270.55 135.949 271.84 136.069 273.16C136.249 274.42 136.339 275.5 136.339 276.4V305.2H128.959L125.449 303.4C122.929 303.82 119.899 304.24 116.359 304.66C112.819 305.02 108.769 305.2 104.209 305.2H99.7092ZM102.049 297.46H122.659C123.979 297.46 124.759 297.34 124.999 297.1C125.239 296.86 125.359 296.11 125.359 294.85V287.92H102.049C100.429 287.92 99.2892 288.31 98.6292 289.09C98.0292 289.87 97.7292 291.1 97.7292 292.78C97.7292 294.46 98.0892 295.66 98.8092 296.38C99.5292 297.1 100.609 297.46 102.049 297.46ZM146.722 305.2V248.14H157.702V265.96C160.282 265.66 163.312 265.42 166.792 265.24C170.332 265 174.352 264.88 178.852 264.88H183.442C186.442 264.88 188.752 265.27 190.372 266.05C191.992 266.83 193.132 267.82 193.792 269.02C194.512 270.22 194.932 271.48 195.052 272.8C195.232 274.12 195.322 275.32 195.322 276.4V293.68C195.322 294.58 195.232 295.69 195.052 297.01C194.932 298.27 194.512 299.53 193.792 300.79C193.132 302.05 191.992 303.1 190.372 303.94C188.752 304.78 186.442 305.2 183.442 305.2H178.852C173.872 305.2 169.522 305.08 165.802 304.84C162.082 304.54 158.992 304.24 156.532 303.94L154.102 305.2H146.722ZM160.492 297.46H180.022C182.902 297.46 184.342 296.26 184.342 293.86V276.22C184.402 274.9 184.132 273.97 183.532 273.43C182.932 272.89 181.762 272.62 180.022 272.62H175.522C171.682 272.62 168.262 272.71 165.262 272.89C162.322 273.01 159.802 273.16 157.702 273.34V294.67C157.702 295.93 157.822 296.71 158.062 297.01C158.362 297.31 159.172 297.46 160.492 297.46ZM215.427 305.2C211.407 305.2 208.557 304.99 206.877 304.57C205.197 304.15 204.357 303.73 204.357 303.31L207.057 296.56C208.797 296.74 211.977 296.95 216.597 297.19C221.277 297.37 227.037 297.46 233.877 297.46H238.377C239.877 297.46 240.807 297.07 241.167 296.29C241.587 295.45 241.797 294.34 241.797 292.96C241.797 291.58 241.557 290.47 241.077 289.63C240.657 288.79 239.757 288.37 238.377 288.37H216.237C212.037 288.37 209.007 287.59 207.147 286.03C205.287 284.41 204.357 282.01 204.357 278.83V275.23C204.357 274.39 204.447 273.4 204.627 272.26C204.807 271.12 205.257 269.98 205.977 268.84C206.697 267.7 207.867 266.77 209.487 266.05C211.107 265.27 213.357 264.88 216.237 264.88H241.077C244.677 264.88 247.227 265.09 248.727 265.51C250.227 265.93 250.977 266.35 250.977 266.77L250.077 273.52C248.337 273.34 245.127 273.16 240.447 272.98C235.767 272.74 230.037 272.62 223.257 272.62H218.757C217.257 272.62 216.297 273.04 215.877 273.88C215.517 274.66 215.337 275.59 215.337 276.67C215.337 277.81 215.517 278.77 215.877 279.55C216.297 280.27 217.257 280.63 218.757 280.63H240.897C244.977 280.63 247.977 281.47 249.897 283.15C251.817 284.83 252.777 286.96 252.777 289.54V294.85C252.777 295.93 252.687 297.07 252.507 298.27C252.387 299.47 251.967 300.61 251.247 301.69C250.527 302.71 249.357 303.55 247.737 304.21C246.117 304.87 243.837 305.2 240.897 305.2H215.427Z' fill='var(--foreground)'/> <path d='M128.612 90.8321C133.68 81.744 136.212 77.2 140 77.2C143.788 77.2 146.32 81.744 151.388 90.8321L152.7 93.1841C154.14 95.7681 154.86 97.0601 155.98 97.9121C157.1 98.7642 158.5 99.0802 161.299 99.7122L163.843 100.288C173.683 102.516 178.599 103.628 179.771 107.392C180.939 111.152 177.587 115.076 170.879 122.92L169.143 124.948C167.239 127.176 166.283 128.292 165.855 129.668C165.427 131.048 165.571 132.536 165.859 135.508L166.123 138.216C167.135 148.684 167.643 153.917 164.579 156.241C161.515 158.565 156.908 156.445 147.7 152.204L145.312 151.108C142.696 149.9 141.388 149.3 140 149.3C138.612 149.3 137.304 149.9 134.688 151.108L132.304 152.204C123.092 156.445 118.485 158.565 115.425 156.245C112.357 153.917 112.865 148.684 113.877 138.216L114.141 135.512C114.429 132.536 114.573 131.048 114.141 129.672C113.717 128.292 112.761 127.176 110.857 124.952L109.121 122.92C102.413 115.08 99.061 111.156 100.229 107.392C101.397 103.628 106.321 102.512 116.161 100.288L118.705 99.7122C121.5 99.0802 122.896 98.7642 124.02 97.9121C125.144 97.0601 125.86 95.7681 127.3 93.1841L128.612 90.8321Z' fill='var(--foreground)'/></svg>","preview_image":"https://ui.8starlabs.com/thumbnails/banner_x.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":141,"open_issues":3,"last_commit":"2026-10-22T06:15:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.8starlabs.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.8starlabs.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.8starlabs.com/r/registry.json","clone":"git clone https://github.com/8starlabs/ui.git","clone_degit":"npx degit 8starlabs/ui","registry_fetch":"curl -s https://ui.8starlabs.com/r/registry.json"},"component_count":76,"components":[{"name":"button","title":"Button","description":"A shadcn-compatible button with an optional Stripe-style arrow animation","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/button.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/button.json"},{"name":"button-demo","title":"Button","description":"A button demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/button-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/button-demo.json"},{"name":"collapsible","title":"Collapsible","description":"A Base UI collapsible component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/collapsible.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A Base UI dropdown menu component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"A styled input component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/input.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/input.json"},{"name":"label","title":"Label","description":"A styled label component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/label.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/label.json"},{"name":"separator","title":"Separator","description":"A Base UI separator component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/separator.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/separator.json"},{"name":"tooltip","title":"Tooltip","description":"A Base UI tooltip component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/tooltip.json"},{"name":"heatmap","title":"Heatmap","description":"A heatmap component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/heatmap.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap.json"},{"name":"heatmap-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-demo.json"},{"name":"heatmap-interpolate-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-interpolate-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-interpolate-demo.json"},{"name":"heatmap-display-style-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-display-style-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-display-style-demo.json"},{"name":"heatmap-days-of-week-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-days-of-week-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-days-of-week-demo.json"},{"name":"heatmap-size-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-size-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-size-demo.json"},{"name":"heatmap-custom-colors-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-custom-colors-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-custom-colors-demo.json"},{"name":"heatmap-custom-display-demo","title":"Heatmap","description":"A heatmap demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/heatmap-custom-display-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/heatmap-custom-display-demo.json"},{"name":"partition-bar","title":"Partition Bar","description":"A partition bar component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/partition-bar.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar.json"},{"name":"partition-bar-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/partition-bar-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar-demo.json"},{"name":"partition-bar-size-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/partition-bar-size-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar-size-demo.json"},{"name":"partition-bar-alignment-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/partition-bar-alignment-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar-alignment-demo.json"},{"name":"partition-bar-width-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/partition-bar-width-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar-width-demo.json"},{"name":"partition-bar-custom-colours-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/partition-bar-custom-colours-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar-custom-colours-demo.json"},{"name":"partition-bar-variants-demo","title":"Partition Bar","description":"A partition bar demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/partition-bar-variants-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/partition-bar-variants-demo.json"},{"name":"flip-clock","title":"Flip clock","description":"A flip clock component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/flip-clock.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock.json"},{"name":"flip-clock-demo","title":"Flip clock","description":"A flip clock demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/flip-clock-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock-demo.json"},{"name":"flip-clock-size-demo","title":"Flip clock","description":"A flip clock demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/flip-clock-size-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock-size-demo.json"},{"name":"flip-clock-variants-demo","title":"Flip clock","description":"A flip clock demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/flip-clock-variants-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock-variants-demo.json"},{"name":"flip-clock-countdown-demo","title":"Flip clock","description":"A flip clock demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/flip-clock-countdown-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock-countdown-demo.json"},{"name":"flip-clock-showdays-demo","title":"Flip clock","description":"A flip clock demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/flip-clock-showdays-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/flip-clock-showdays-demo.json"},{"name":"status-indicator","title":"Status indicator","description":"A status indicator component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/status-indicator.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-indicator.json"},{"name":"relative-time","title":"Relative Time","description":"A compact date label that displays relative time with an optional UTC tooltip.","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/relative-time.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/relative-time.json"},{"name":"status-monitor","title":"Status Monitor","description":"A compact status history bar for showing service uptime across days or hours.","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/status-monitor.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-monitor.json"},{"name":"transport-badge","title":"Transport badge","description":"A transport badge component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/transport-badge.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge.json"},{"name":"system-banner","title":"System banner","description":"A system banner component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/system-banner.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/system-banner.json"},{"name":"status-indicator-demo","title":"Status indicator demo","description":"A status indicator demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/status-indicator-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-indicator-demo.json"},{"name":"relative-time-demo","title":"Relative Time Demo","description":"A demo showing past and future relative dates.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/relative-time-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/relative-time-demo.json"},{"name":"status-monitor-demo","title":"Status Monitor Demo","description":"A status monitor demo with daily uptime history.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/status-monitor-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-monitor-demo.json"},{"name":"status-monitor-hours-demo","title":"Status Monitor Hours Demo","description":"A status monitor demo with hourly incident history.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/status-monitor-hours-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-monitor-hours-demo.json"},{"name":"status-monitor-sparse-demo","title":"Status Monitor Sparse Demo","description":"A status monitor demo showing sparse data and empty states.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/status-monitor-sparse-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/status-monitor-sparse-demo.json"},{"name":"transport-badge-demo-multi-station","title":"Transport badge demo multi station","description":"A transport badge demo multi station component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/transport-badge-demo-multi-station.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo-multi-station.json"},{"name":"transport-badge-demo-single-station","title":"Transport badge demo single station","description":"A transport badge demo single station component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/transport-badge-demo-single-station.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo-single-station.json"},{"name":"transport-badge-demo-sizes","title":"Transport badge demo sizes","description":"A transport badge demo sizes component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/transport-badge-demo-sizes.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo-sizes.json"},{"name":"transport-badge-demo-station-name","title":"Transport badge demo station name","description":"A transport badge demo station name component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/transport-badge-demo-station-name.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo-station-name.json"},{"name":"transport-badge-demo","title":"Transport badge demo","description":"A transport badge demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/transport-badge-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo.json"},{"name":"timeline","title":"Timeline component","description":"A timeline component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/timeline.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline.json"},{"name":"timeline-demo","title":"Timeline demo","description":"A timeline demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/timeline-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline-demo.json"},{"name":"timeline-hollow-demo","title":"Timeline hollow demo","description":"A timeline hollow demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/timeline-hollow-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline-hollow-demo.json"},{"name":"timeline-nocards-demo","title":"Timeline no cards demo","description":"A timeline no cards demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/timeline-nocards-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline-nocards-demo.json"},{"name":"timeline-not-alternating-demo","title":"Timeline not alternating demo","description":"A timeline not alternating demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/timeline-not-alternating-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline-not-alternating-demo.json"},{"name":"timeline-vertical-demo","title":"Timeline vertical demo","description":"A timeline vertical demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/timeline-vertical-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/timeline-vertical-demo.json"},{"name":"transport-badge-demo-hk","title":"Transport Badge Demo HK","description":"A transport badge demo for Hong Kong MTR","type":"registry:example","source_url":"https://ui.8starlabs.com/r/transport-badge-demo-hk.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/transport-badge-demo-hk.json"},{"name":"marquee","title":"Marquee component","description":"A marquee component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/marquee.json"},{"name":"marquee-demo","title":"Marquee Demo","description":"A marquee demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/marquee-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/marquee-demo.json"},{"name":"marquee-grayscale-demo","title":"Marquee Grayscale Demo","description":"A marquee grayscale demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/marquee-grayscale-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/marquee-grayscale-demo.json"},{"name":"marquee-reverse-demo","title":"Marquee Reverse Demo","description":"A marquee reverse demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/marquee-reverse-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/marquee-reverse-demo.json"},{"name":"json-viewer","title":"JSON Viewer","description":"A JSON viewer component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/json-viewer.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/json-viewer.json"},{"name":"json-viewer-demo","title":"JSON Viewer","description":"A JSON viewer demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/json-viewer-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/json-viewer-demo.json"},{"name":"json-viewer-features-demo","title":"JSON Viewer Features","description":"A JSON viewer demo showcasing features like line numbers, color indentation, and truncation","type":"registry:example","source_url":"https://ui.8starlabs.com/r/json-viewer-features-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/json-viewer-features-demo.json"},{"name":"video-player","title":"Video Player","description":"A video player component","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/video-player.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player.json"},{"name":"video-player-demo","title":"Video Player","description":"A video player demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-demo.json"},{"name":"video-player-minimal-controls-demo","title":"Video Player Minimal Controls","description":"A video player demo component with minimal controls","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-minimal-controls-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-minimal-controls-demo.json"},{"name":"video-player-fit-demo","title":"Video Player Fit","description":"A video player demo showing fit behavior","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-fit-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-fit-demo.json"},{"name":"video-player-sizing-demo","title":"Video Player Sizing","description":"A video player demo showing viewport sizing","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-sizing-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-sizing-demo.json"},{"name":"video-player-repeat-demo","title":"Video Player Repeat","description":"A video player demo showing repeat playback","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-repeat-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-repeat-demo.json"},{"name":"video-player-auto-demo","title":"Video Player Autoplay","description":"A video player demo showing autoplay","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-auto-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-auto-demo.json"},{"name":"video-player-visible-controls-demo","title":"Video Player Visible Controls","description":"A video player demo showing always-visible controls","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-visible-controls-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-visible-controls-demo.json"},{"name":"video-player-hide-center-controls-demo","title":"Video Player Hidden Center Controls","description":"A video player demo without center controls.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/video-player-hide-center-controls-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/video-player-hide-center-controls-demo.json"},{"name":"shake","title":"Shake","description":"A Stripe-style perspective error shake for form fields, with a declarative wrapper and an imperative hook","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/shake.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/shake.json"},{"name":"shake-demo","title":"Shake Demo","description":"A shake demo component","type":"registry:example","source_url":"https://ui.8starlabs.com/r/shake-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/shake-demo.json"},{"name":"open-in-chat","title":"Open In Chat","description":"A component that opens an LLM chat with a pre-filled prompt.","type":"registry:ui","source_url":"https://ui.8starlabs.com/r/open-in-chat.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat.json"},{"name":"open-in-chat-demo","title":"Open In Chat Demo","description":"An open in chat demo with the default providers.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/open-in-chat-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat-demo.json"},{"name":"open-in-chat-custom-providers-demo","title":"Open In Chat Custom Providers Demo","description":"An open in chat demo with selected provider links.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/open-in-chat-custom-providers-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat-custom-providers-demo.json"},{"name":"open-in-chat-custom-link-demo","title":"Open In Chat Custom Link Demo","description":"An open in chat demo with a custom provider link.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/open-in-chat-custom-link-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat-custom-link-demo.json"},{"name":"open-in-chat-custom-trigger-demo","title":"Open In Chat Custom Trigger Demo","description":"An open in chat demo with a custom trigger.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/open-in-chat-custom-trigger-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat-custom-trigger-demo.json"},{"name":"open-in-chat-horizontal-demo","title":"Open In Chat Horizontal Demo","description":"An open in chat demo with horizontal provider icons.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/open-in-chat-horizontal-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat-horizontal-demo.json"},{"name":"open-in-chat-positioning-demo","title":"Open In Chat Positioning Demo","description":"An open in chat demo showing dropdown-menu alignment and side positioning.","type":"registry:example","source_url":"https://ui.8starlabs.com/r/open-in-chat-positioning-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/open-in-chat-positioning-demo.json"}]},{"id":"aayurt","name":"@aayurt","slug":"aayurt","description":"Minimal, precise Himalayan-inspired React components on Radix primitives and Tailwind CSS. Buttons, overlays, tables, forms and agentic patterns you can own.","author":"aayurt","framework":"react","license":"MIT","tags":["ai","buttons","cards","charts","design-system","forms","hooks","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://8848.aayurtshrestha.com.np","github":"https://github.com/aayurt/8848-ui","registry":"https://8848.aayurtshrestha.com.np/r/registry.json","source":"https://8848.aayurtshrestha.com.np/r/registry.json","page":"https://sh4dcn.netlify.app/registry/aayurt","markdown":"https://sh4dcn.netlify.app/md/aayurt.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='var(--foreground)'><path d='M6 48 L26 14 L46 48 Z'/><path d='M34 48 L48 24 L60 48 Z' opacity='.5'/></svg>","preview_image":"https://8848.aayurtshrestha.com.np/opengraph-image?57e543ce82bff634","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-10-01T10:43:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://8848.aayurtshrestha.com.np/r/registry.json","install_bun":"bunx shadcn@latest add https://8848.aayurtshrestha.com.np/r/registry.json","clone":"git clone https://github.com/aayurt/8848-ui.git","clone_degit":"npx degit aayurt/8848-ui","registry_fetch":"curl -s https://8848.aayurtshrestha.com.np/r/registry.json"},"component_count":39,"components":[{"name":"utils","title":"cn() utility","description":"clsx + tailwind-merge class merger used by every 8848 component.","type":"registry:lib","source_url":"https://8848.aayurtshrestha.com.np/r/utils.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/utils.json"},{"name":"theme","title":"8848 theme tokens","description":"OKLCH mountain palette, semantic light/dark colors, radii and elevation tokens. Install first, then @import it from your CSS.","type":"registry:file","source_url":"https://8848.aayurtshrestha.com.np/r/theme.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/theme.json"},{"name":"spinner","title":"Spinner","description":"Standalone loading indicator in five sizes.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/spinner.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/spinner.json"},{"name":"button","title":"Button","description":"Compact expedition button (28–44px, 6–9px radii, hover lift). Mountain names plus shadcn aliases and daisyUI colors.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/button.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/button.json"},{"name":"badge","title":"Badge","description":"Altitude-themed status badges.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/badge.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/badge.json"},{"name":"card","title":"Card","description":"Terrain-variant container with Header/Title/Description/Content/Footer.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/card.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/card.json"},{"name":"alert","title":"Alert","description":"Signal-beacon notice with semantic mountain variants.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/alert.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/alert.json"},{"name":"input","title":"Input","description":"Text input and textarea with labels, hints, icons and error states.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/input.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/input.json"},{"name":"accordion","title":"Accordion","description":"Collapsible panels with rotating chevron and grid-row expand animation.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/accordion.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/accordion.json"},{"name":"avatar","title":"Avatar","description":"Image avatar with fallback initials and stacked AvatarGroup.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/avatar.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/avatar.json"},{"name":"checkbox","title":"Checkbox","description":"Multi-selection check input on the Radix Checkbox primitive.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/checkbox.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/checkbox.json"},{"name":"command","title":"Command","description":"CMDK command palette with dialog modal.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/command.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/command.json"},{"name":"dialog","title":"Dialog","description":"Accessible modal with backdrop blur, header/footer and close control.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/dialog.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Radix menu with items, groups, shortcuts and separators.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/dropdown-menu.json"},{"name":"form","title":"Form","description":"React Hook Form + Zod field wrapper with labels and error messages.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/form.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/form.json"},{"name":"hover-card","title":"Hover Card","description":"Hover-triggered preview card for profiles and telemetry.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/hover-card.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/hover-card.json"},{"name":"kbd","title":"Kbd","description":"Keyboard shortcut chip with keycap styling.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/kbd.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/kbd.json"},{"name":"label","title":"Label","description":"Accessible form label on the Radix Label primitive.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/label.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/label.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Keyboard-navigable top-level nav with dropdown viewport.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/navigation-menu.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/navigation-menu.json"},{"name":"popover","title":"Popover","description":"Click-triggered floating panel for filters and actions.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/popover.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/popover.json"},{"name":"progress","title":"Progress","description":"Determinate bar with animated stripes plus indeterminate mode.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/progress.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"Single-select radio set on the Radix Radio Group primitive.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/radio-group.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/radio-group.json"},{"name":"select","title":"Select","description":"Searchable dropdown select with animated popover.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/select.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/select.json"},{"name":"separator","title":"Separator","description":"Theme-aware divider, horizontal or vertical.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/separator.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Slide-over panel (top/right/bottom/left) for inspectors and drawers.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/sheet.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder with text, circular, rectangular and card variants.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/skeleton.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/skeleton.json"},{"name":"switch","title":"Switch","description":"Two-state toggle control on the Radix Switch primitive.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/switch.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/switch.json"},{"name":"table","title":"Table","description":"Altitude-banded data table with sortable TableSortHead columns.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/table.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/table.json"},{"name":"tabs","title":"Tabs","description":"Contour tabs with line indicator and keyboard navigation.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/tabs.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/tabs.json"},{"name":"toast","title":"Toast","description":"Sonner-powered toasts with high-altitude status styling.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/toast.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/toast.json"},{"name":"toggle","title":"Toggle","description":"Two-state press button with outline and default variants.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/toggle.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"Delayed hover popup with trigger and arrow.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/tooltip.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/tooltip.json"},{"name":"typography","title":"Typography","description":"Expedition type scale: headings, lead, muted, blockquote, inline code.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/typography.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/typography.json"},{"name":"telemetry-chip","title":"Telemetry Chip","description":"Monospace telemetry chip for altitude, tokens and latency.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/telemetry-chip.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/telemetry-chip.json"},{"name":"approval-prompt","title":"Approval Prompt","description":"Human-in-the-loop authorization card for sensitive agent actions.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/approval-prompt.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/approval-prompt.json"},{"name":"execution-card","title":"Execution Card","description":"Real-time agent execution pipeline card with altitude milestones.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/execution-card.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/execution-card.json"},{"name":"executor-node","title":"Executor Node","description":"Status tracking node for autonomous agent workers.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/executor-node.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/executor-node.json"},{"name":"tool-call-inspector","title":"Tool Call Inspector","description":"Collapsible tool invocation panel with timing and I/O inspection.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/tool-call-inspector.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/tool-call-inspector.json"},{"name":"mountain-contour","title":"Mountain Contour","description":"SVG/CSS contour and topo grid background generator.","type":"registry:ui","source_url":"https://8848.aayurtshrestha.com.np/r/mountain-contour.json","install_command":"npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/mountain-contour.json"}]},{"id":"abstract","name":"@abstract","slug":"abstract","description":"Official AGW Reusables registry from Abstract Foundation for building on the Abstract Global Wallet (AGW) chain. Components cover: AGWProvider (session setup), ConnectWalletButton, SIWEButton (Sign-In with Ethereum), OnboardingDialog, CreateSessionKeyButton, AbstractProfile, AbstractAppVoting, and config utilities for abstract contracts and AI rule files. Built on shadcn/ui + Next.js; requires the @abstract-foundation/agw-react SDK. Free, open-source. Use for: any Abstract-chain dApp front-end that needs wallet connection, SIWE auth, and session-key management UI out of the box.","author":"Abstract-Foundation","framework":"react","license":null,"tags":["ai","auth","buttons","cards","charts","crypto","hooks","marketing","media","onboarding","overlays"],"categories":["Crypto/web3"],"labels":[],"urls":{"website":"https://build.abs.xyz","github":"https://github.com/Abstract-Foundation/agw-reusables","registry":"https://build.abs.xyz/registry.json","source":"https://build.abs.xyz/registry.json","page":"https://sh4dcn.netlify.app/registry/abstract","markdown":"https://sh4dcn.netlify.app/md/abstract.md"},"logo":"<svg width='52' height='47' viewBox='0 0 52 47' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M33.7221 31.0658L43.997 41.3463L39.1759 46.17L28.901 35.8895C28.0201 35.0081 26.8589 34.5273 25.6095 34.5273C24.3602 34.5273 23.199 35.0081 22.3181 35.8895L12.0432 46.17L7.22205 41.3463L17.4969 31.0658H33.7141H33.7221Z' fill='var(--foreground)'/><path d='M35.4359 28.101L49.4668 31.8591L51.2287 25.2645L37.1978 21.5065C35.9965 21.186 34.9954 20.4167 34.3708 19.335C33.7461 18.2613 33.586 17.0033 33.9063 15.8013L37.6623 1.76283L31.0713 0L27.3153 14.0385L35.4279 28.093L35.4359 28.101Z' fill='var(--foreground)'/><path d='M15.7912 28.101L1.76028 31.8591L-0.00158691 25.2645L14.0293 21.5065C15.2306 21.186 16.2316 20.4167 16.8563 19.335C17.4809 18.2613 17.6411 17.0033 17.3208 15.8013L13.5648 1.76283L20.1558 0L23.9118 14.0385L15.7992 28.093L15.7912 28.101Z' fill='var(--foreground)'/></svg>","preview_image":"https://build.abs.xyz/og?title=AGW%20Reusables&amp;description=A%20collection%20of%20components%20and%20features%20to%20build%20apps%20on%20Abstract.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":16,"open_issues":1,"last_commit":"2025-12-12T03:33:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://build.abs.xyz/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://build.abs.xyz/registry.json","install_bun":"bunx shadcn@latest add https://build.abs.xyz/registry.json","clone":"git clone https://github.com/Abstract-Foundation/agw-reusables.git","clone_degit":"npx degit Abstract-Foundation/agw-reusables","registry_fetch":"curl -s https://build.abs.xyz/registry.json"},"component_count":13,"components":[{"name":"connect-wallet-button","title":"Connect Wallet Button","description":"A connect wallet button using Abstract Global Wallet with dropdown menu when connected","type":"registry:component","source_url":"https://build.abs.xyz/r/connect-wallet-button/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/connect-wallet-button/json"},{"name":"abstract-profile","title":"Abstract Profile","description":"A profile component that displays user profile pictures from Abstract Portal with tier-based styling and loading states","type":"registry:component","source_url":"https://build.abs.xyz/r/abstract-profile/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/abstract-profile/json"},{"name":"agw-provider","title":"AGW Provider","description":"Provider component that wraps your application with Abstract Global Wallet and React Query","type":"registry:component","source_url":"https://build.abs.xyz/r/agw-provider/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/agw-provider/json"},{"name":"siwe-button","title":"SIWE Button","description":"A streamlined SIWE authentication button that handles wallet connection, message signing, and authentication state","type":"registry:component","source_url":"https://build.abs.xyz/r/siwe-button/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/siwe-button/json"},{"name":"session-keys","title":"Session Key Button","description":"A comprehensive session key management button that handles creation, validation, and revocation of Abstract Global Wallet session keys","type":"registry:component","source_url":"https://build.abs.xyz/r/session-keys/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/session-keys/json"},{"name":"onboarding-dialog","title":"Onboarding Dialog","description":"A configurable multi-step onboarding dialog that guides users through AGW authentication (wallet connection, SIWE, session keys) with progress indication","type":"registry:component","source_url":"https://build.abs.xyz/r/onboarding-dialog/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/onboarding-dialog/json"},{"name":"portfolio-chart","title":"Portfolio Chart","description":"An interactive area chart that displays Abstract Global Wallet portfolio value over time with multiple time period selections","type":"registry:component","source_url":"https://build.abs.xyz/r/portfolio-chart/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/portfolio-chart/json"},{"name":"use-optimistic-write-contract","title":"Optimistic Transactions","description":"An experimental hook for optimistic transaction execution using Abstract's unstable_sendRawTransactionWithDetailedOutput endpoint to get instant transaction fe…","type":"registry:hook","source_url":"https://build.abs.xyz/r/use-optimistic-write-contract/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/use-optimistic-write-contract/json"},{"name":"abstract-contracts","title":"Abstract Contracts","description":"Configuration for common Abstract network contract addresses and ABIs for tokens and DEX infrastructure","type":"registry:lib","source_url":"https://build.abs.xyz/r/abstract-contracts/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/abstract-contracts/json"},{"name":"abstract-app-voting","title":"Abstract App Voting","description":"A voting button for Abstract apps that checks vote status and submits votes via Abstract Global Wallet","type":"registry:component","source_url":"https://build.abs.xyz/r/abstract-app-voting/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/abstract-app-voting/json"},{"name":"nft-card","title":"NFT Card","description":"A single NFT card component that displays an NFT with image, name, collection, and balance","type":"registry:component","source_url":"https://build.abs.xyz/r/nft-card/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/nft-card/json"},{"name":"cursor-ai-config","title":"Cursor AI Configuration","description":"Cursor project rules and MCP configuration optimized for Abstract ecosystem development with AGW, wagmi, and Next.js","type":"registry:lib","source_url":"https://build.abs.xyz/r/cursor-ai-config/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/cursor-ai-config/json"},{"name":"claude-config","title":"Claude Code Configuration","description":"Claude Code project instructions and MCP server configuration optimized for Abstract ecosystem development with AGW, wagmi, and Next.js","type":"registry:lib","source_url":"https://build.abs.xyz/r/claude-config/json","install_command":"npx shadcn@latest add https://build.abs.xyz/r/claude-config/json"}]},{"id":"abui","name":"@abui","slug":"abui","description":"Personal shadcn-compatible registry by Antonio Brandao conforming to Vercel's components.build specification. Includes blocks (Timeline/Gantt, Availability Calendar, Scroll Reveal, Animated Chart), components (Breakpoint Display, Radio Tabs, Radio Rows, Color Swatch Selector, Label Selector, Spinner, Scroll Progress, Text Gradient, Accordion Multiselect, Timeline Steps, Table of Contents), and utility CSS helpers (Orientation Media Queries, Extra Breakpoints, Debug Utils). Free, open-source. Use for: projects that need Gantt-style timelines, scroll-progress indicators, or composable selector patterns not covered by core shadcn/ui.","author":"antoniobrandao","framework":"react","license":null,"tags":["aesthetic","animation","backgrounds","blocks","cards","charts","components","dashboard","forms","hooks","loaders","media","navigation","tables"],"categories":["Component library (general)"],"labels":["recently-updated"],"urls":{"website":"https://abui.io","github":"https://github.com/antoniobrandao/abui","registry":"https://abui.io/r/registry.json","source":"https://abui.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/abui","markdown":"https://sh4dcn.netlify.app/md/abui.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20C0 8.95431 8.95431 0 20 0ZM6.09277 25.4707H18.7158L20.4707 28.251H23.5479L13.9424 11.8867L6.09277 25.4707ZM16.3711 11.8867L25.9766 28.251L33.8262 14.667H21.2041L19.4482 11.8867H16.3711ZM29.4346 17.4727L25.9766 23.249L22.5586 17.4727H29.4346ZM17.3604 22.665H10.4844L13.9424 16.8896L17.3604 22.665Z' fill='var(--foreground)'/></svg>","preview_image":"https://www.abui.io/og?title=ABUI&amp;description=Components%2C%20blocks%2C%20and%20utilities%20for%20shadcn%2Fui%20by%20Antonio%20Brandao.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":55,"open_issues":0,"last_commit":"2026-10-21T02:08:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://abui.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://abui.io/r/registry.json","install_bun":"bunx shadcn@latest add https://abui.io/r/registry.json","clone":"git clone https://github.com/antoniobrandao/abui.git","clone_degit":"npx degit antoniobrandao/abui","registry_fetch":"curl -s https://abui.io/r/registry.json"},"component_count":22,"components":[{"name":"design-system","title":null,"description":null,"type":"registry:style","source_url":"https://abui.io/r/design-system.json","install_command":"npx shadcn@latest add https://abui.io/r/design-system.json"},{"name":"orientation-media-queries","title":"Orientation Media Queries","description":"A set of device orientation media queries.","type":"registry:style","source_url":"https://abui.io/r/orientation-media-queries.json","install_command":"npx shadcn@latest add https://abui.io/r/orientation-media-queries.json"},{"name":"text-utils","title":"Text Utils","description":"A set of text utility classes.","type":"registry:style","source_url":"https://abui.io/r/text-utils.json","install_command":"npx shadcn@latest add https://abui.io/r/text-utils.json"},{"name":"extra-breakpoints","title":"Extra Breakpoints","description":"Adds XS, XXS and 3XL breakpoints.","type":"registry:style","source_url":"https://abui.io/r/extra-breakpoints.json","install_command":"npx shadcn@latest add https://abui.io/r/extra-breakpoints.json"},{"name":"debug-utils","title":"Debug Utils","description":"A set of debug utility classes.","type":"registry:style","source_url":"https://abui.io/r/debug-utils.json","install_command":"npx shadcn@latest add https://abui.io/r/debug-utils.json"},{"name":"breakpoint-display","title":"Breakpoint Display","description":"A breakpoint display component.","type":"registry:component","source_url":"https://abui.io/r/breakpoint-display.json","install_command":"npx shadcn@latest add https://abui.io/r/breakpoint-display.json"},{"name":"radio-tabs","title":"Radio Tabs","description":"A radio tabs component.","type":"registry:component","source_url":"https://abui.io/r/radio-tabs.json","install_command":"npx shadcn@latest add https://abui.io/r/radio-tabs.json"},{"name":"radio-rows","title":"Radio Rows","description":"A radio rows component.","type":"registry:component","source_url":"https://abui.io/r/radio-rows.json","install_command":"npx shadcn@latest add https://abui.io/r/radio-rows.json"},{"name":"color-swatch-selector","title":"Color Swatch Selector","description":"A color swatch selector component.","type":"registry:component","source_url":"https://abui.io/r/color-swatch-selector.json","install_command":"npx shadcn@latest add https://abui.io/r/color-swatch-selector.json"},{"name":"label-selector","title":"Label Selector","description":"A text label selector component for sizes, variants, and other text-based options.","type":"registry:component","source_url":"https://abui.io/r/label-selector.json","install_command":"npx shadcn@latest add https://abui.io/r/label-selector.json"},{"name":"spinner","title":"Spinner","description":"A customizable loading spinner component with size, speed, and color variants.","type":"registry:component","source_url":"https://abui.io/r/spinner.json","install_command":"npx shadcn@latest add https://abui.io/r/spinner.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"A scroll progress indicator that shows reading progress as a horizontal bar at the top or bottom of the viewport.","type":"registry:component","source_url":"https://abui.io/r/scroll-progress.json","install_command":"npx shadcn@latest add https://abui.io/r/scroll-progress.json"},{"name":"text-gradient","title":"Text Gradient","description":"A text gradient effect component.","type":"registry:component","source_url":"https://abui.io/r/text-gradient.json","install_command":"npx shadcn@latest add https://abui.io/r/text-gradient.json"},{"name":"timeline","title":"Timeline","description":"A Gantt-chart style timeline with draggable time slots.","type":"registry:block","source_url":"https://abui.io/r/timeline.json","install_command":"npx shadcn@latest add https://abui.io/r/timeline.json"},{"name":"availability","title":"Availability","description":"A weekly availability designer with draggable and resizable time slots.","type":"registry:block","source_url":"https://abui.io/r/availability.json","install_command":"npx shadcn@latest add https://abui.io/r/availability.json"},{"name":"calendar-year","title":"Calendar Year","description":"A calendar year component.","type":"registry:block","source_url":"https://abui.io/r/calendar-year.json","install_command":"npx shadcn@latest add https://abui.io/r/calendar-year.json"},{"name":"accordion-multiselect","title":"Accordion Multiselect","description":"An accordion multiselect component with categories and services.","type":"registry:component","source_url":"https://abui.io/r/accordion-multiselect.json","install_command":"npx shadcn@latest add https://abui.io/r/accordion-multiselect.json"},{"name":"scroll-reveal-content-a","title":"Scroll Reveal Content A","description":"A block that shows 3 parts of content with a specific image for each part, and a fancy line grow expand during scroll.","type":"registry:block","source_url":"https://abui.io/r/scroll-reveal-content-a.json","install_command":"npx shadcn@latest add https://abui.io/r/scroll-reveal-content-a.json"},{"name":"timeline-steps","title":"Timeline Steps","description":"A component for displaying chronological events, activities, or steps","type":"registry:component","source_url":"https://abui.io/r/timeline-steps.json","install_command":"npx shadcn@latest add https://abui.io/r/timeline-steps.json"},{"name":"toc","title":"Table of Contents","description":"A table of contents component with active anchor tracking and depth-aware line styling. Features two variants: default (straight line) and clerk (depth-respons…","type":"registry:component","source_url":"https://abui.io/r/toc.json","install_command":"npx shadcn@latest add https://abui.io/r/toc.json"},{"name":"animated-chart","title":"Animated Chart","description":"An animated column chart with spring physics, viewport-triggered animations, and support for dynamic data transitions.","type":"registry:block","source_url":"https://abui.io/r/animated-chart.json","install_command":"npx shadcn@latest add https://abui.io/r/animated-chart.json"},{"name":"squeeze-carousel","title":"Squeeze Carousel","description":"A canvas-driven news carousel: one wide active card with squeezed companions that stretch on hover and slide into place, with keyboard and screen-reader suppor…","type":"registry:block","source_url":"https://abui.io/r/squeeze-carousel.json","install_command":"npx shadcn@latest add https://abui.io/r/squeeze-carousel.json"}]},{"id":"aceternity","name":"@aceternity","slug":"aceternity","description":"Popular copy-paste React component library with 200+ animated, visually striking components and blocks built with Tailwind CSS and Framer Motion (Motion for React). Notable components include: background beams/boxes/lines/aurora, sparkles, vortex, spotlight, canvas reveal effect, 3D card effect, card stack, sticky scroll reveal, tracing beam, lamp effect, wobble card, infinite moving cards, parallax scroll, and many more. Freemium: most components are free; a paid All-Access tier unlocks premium blocks and templates. Targets Next.js + Tailwind CSS v3. Use for: SaaS or portfolio landing pages that need high-impact animated sections without a design team.","author":"aceternity","framework":"react","license":null,"tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","glassmorphism","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","saas","tables","text-effects"],"categories":["Animated components"],"labels":["featured","pro"],"urls":{"website":"https://ui.aceternity.com","github":"https://github.com/aceternity","registry":"https://ui.aceternity.com/registry/registry.json","source":"https://ui.aceternity.com/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/aceternity","markdown":"https://sh4dcn.netlify.app/md/aceternity.md"},"logo":"<svg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='256' height='256' fill='var(--foreground)'/><path d='M146 48H106.136L48 208H87.8644L116.932 128C116.932 128 122 114.5 124.4 108L131.466 88L146 48Z' fill='var(--background)'/><path d='M110 48H149.864L168.032 98H127.84L110 48Z' fill='var(--background)'/><path d='M139.587 113.833L171.458 208H208L172.807 113.833H139.587Z' fill='var(--background)'/><path d='M173 114L140.8 208H104L139.545 114H173Z' fill='var(--background)' /></svg>","preview_image":"https://ui.aceternity.com/banner.png","pro":{"has_pro":true,"pro_url":"https://pro.aceternity.com","pricing_url":"https://pro.aceternity.com"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.aceternity.com/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.aceternity.com/registry/registry.json","install_bun":"bunx shadcn@latest add https://ui.aceternity.com/registry/registry.json","clone":"git clone https://github.com/aceternity.git","clone_degit":"npx degit aceternity","registry_fetch":"curl -s https://ui.aceternity.com/registry/registry.json"},"component_count":250,"components":[{"name":"grid","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/grid.json"},{"name":"moving-line","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/moving-line.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/moving-line.json"},{"name":"sparkles","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/sparkles.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sparkles.json"},{"name":"spotlight","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/spotlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight.json"},{"name":"glowing-stars","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/glowing-stars.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/glowing-stars.json"},{"name":"text-reveal-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/text-reveal-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-reveal-card.json"},{"name":"animated-tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/animated-tooltip.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/animated-tooltip.json"},{"name":"following-pointer","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/following-pointer.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/following-pointer.json"},{"name":"background-beams","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-beams.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-beams.json"},{"name":"svg-mask-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/svg-mask-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/svg-mask-effect.json"},{"name":"infinite-moving-cards","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/infinite-moving-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/infinite-moving-cards.json"},{"name":"3d-pin","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/3d-pin.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-pin.json"},{"name":"evervault-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/evervault-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/evervault-card.json"},{"name":"parallax-scroll","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/parallax-scroll.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll.json"},{"name":"parallax-scroll-2","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/parallax-scroll-2.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/parallax-scroll-2.json"},{"name":"parallax-hero-images","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/parallax-hero-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/parallax-hero-images.json"},{"name":"tracing-beam","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/tracing-beam.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tracing-beam.json"},{"name":"container-scroll-animation","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/container-scroll-animation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/container-scroll-animation.json"},{"name":"text-generate-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/text-generate-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-generate-effect.json"},{"name":"meteors","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/meteors.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/meteors.json"},{"name":"card-stack","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/card-stack.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/card-stack.json"},{"name":"moving-border","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/moving-border.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/moving-border.json"},{"name":"lamp","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/lamp.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/lamp.json"},{"name":"sticky-scroll-reveal","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/sticky-scroll-reveal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sticky-scroll-reveal.json"},{"name":"floating-navbar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/floating-navbar.json"},{"name":"navbar-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/navbar-menu.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-menu.json"},{"name":"tailwindcss-buttons","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/tailwindcss-buttons.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tailwindcss-buttons.json"},{"name":"bento-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/bento-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid.json"},{"name":"card-hover-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/card-hover-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/card-hover-effect.json"},{"name":"google-gemini-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/google-gemini-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/google-gemini-effect.json"},{"name":"gooey-input","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/gooey-input.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/gooey-input.json"},{"name":"typewriter-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/typewriter-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/typewriter-effect.json"},{"name":"background-boxes","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-boxes.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-boxes.json"},{"name":"3d-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/3d-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-card.json"},{"name":"images-slider","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/images-slider.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/images-slider.json"},{"name":"direction-aware-hover","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/direction-aware-hover.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/direction-aware-hover.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/tabs.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tabs.json"},{"name":"hero-parallax","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/hero-parallax.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-parallax.json"},{"name":"wavy-background","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/wavy-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/wavy-background.json"},{"name":"background-gradient","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-gradient.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient.json"},{"name":"layout-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/layout-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/layout-grid.json"},{"name":"background-gradient-animation","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-gradient-animation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-gradient-animation.json"},{"name":"macbook-scroll","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/macbook-scroll.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/macbook-scroll.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/input.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/input.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/label.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/label.json"},{"name":"multi-step-loader","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/multi-step-loader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/multi-step-loader.json"},{"name":"globe","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/globe.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/globe.json"},{"name":"aurora-background","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/aurora-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/aurora-background.json"},{"name":"canvas-reveal-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/canvas-reveal-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/canvas-reveal-effect.json"},{"name":"hover-border-gradient","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/hover-border-gradient.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hover-border-gradient.json"},{"name":"hero-highlight","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/hero-highlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-highlight.json"},{"name":"vortex","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/vortex.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/vortex.json"},{"name":"wobble-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/wobble-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/wobble-card.json"},{"name":"placeholders-and-vanish-input","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/placeholders-and-vanish-input.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/placeholders-and-vanish-input.json"},{"name":"flip-words","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/flip-words.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/flip-words.json"},{"name":"link-preview","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/link-preview.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/link-preview.json"},{"name":"glare-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/glare-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/glare-card.json"},{"name":"animated-modal","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/animated-modal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/animated-modal.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/sidebar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sidebar.json"},{"name":"apple-cards-carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/apple-cards-carousel.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/apple-cards-carousel.json"},{"name":"shooting-stars","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/shooting-stars.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/shooting-stars.json"},{"name":"stars-background","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/stars-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stars-background.json"},{"name":"compare","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/compare.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/compare.json"},{"name":"card-spotlight","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/card-spotlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/card-spotlight.json"},{"name":"cover","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/cover.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cover.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/file-upload.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/file-upload.json"},{"name":"floating-dock","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/floating-dock.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/floating-dock.json"},{"name":"focus-cards","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/focus-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/focus-cards.json"},{"name":"background-beams-with-collision","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-beams-with-collision.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-beams-with-collision.json"},{"name":"timeline","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/timeline.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/timeline.json"},{"name":"text-hover-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/text-hover-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-hover-effect.json"},{"name":"lens","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/lens.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/lens.json"},{"name":"background-lines","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-lines.json"},{"name":"animated-testimonials","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/animated-testimonials.json"},{"name":"world-map","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/world-map.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/world-map.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/code-block.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/code-block.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/carousel.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/carousel.json"},{"name":"colourful-text","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/colourful-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/colourful-text.json"},{"name":"squiggly-text","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/squiggly-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/squiggly-text.json"},{"name":"magnetic-button","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/magnetic-button.json"},{"name":"notch","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/notch.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/notch.json"},{"name":"spotlight-new","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/spotlight-new.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-new.json"},{"name":"glowing-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/glowing-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/glowing-effect.json"},{"name":"3d-marquee","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/3d-marquee.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-marquee.json"},{"name":"container-text-flip","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/container-text-flip.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/container-text-flip.json"},{"name":"resizable-navbar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/resizable-navbar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/resizable-navbar.json"},{"name":"draggable-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/draggable-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/draggable-card.json"},{"name":"sticky-banner","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/sticky-banner.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/sticky-banner.json"},{"name":"pointer-highlight","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/pointer-highlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pointer-highlight.json"},{"name":"stateful-button","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/stateful-button.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stateful-button.json"},{"name":"loader","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/loader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/loader.json"},{"name":"image-generation-loader","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/image-generation-loader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/image-generation-loader.json"},{"name":"comet-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/comet-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/comet-card.json"},{"name":"background-ripple-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-ripple-effect.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-ripple-effect.json"},{"name":"pixelated-canvas","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/pixelated-canvas.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pixelated-canvas.json"},{"name":"canvas-text","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/canvas-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/canvas-text.json"},{"name":"layout-text-flip","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/layout-text-flip.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/layout-text-flip.json"},{"name":"dotted-glow-background","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/dotted-glow-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/dotted-glow-background.json"},{"name":"tooltip-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/tooltip-card.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/tooltip-card.json"},{"name":"encrypted-text","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/encrypted-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/encrypted-text.json"},{"name":"noise-background","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/noise-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/noise-background.json"},{"name":"dither-shader","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/dither-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/dither-shader.json"},{"name":"cloud-shader","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/cloud-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cloud-shader.json"},{"name":"chromatic-image","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/chromatic-image.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/chromatic-image.json"},{"name":"webcam-pixel-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/webcam-pixel-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/webcam-pixel-grid.json"},{"name":"images-badge","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/images-badge.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/images-badge.json"},{"name":"keyboard","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/keyboard.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/keyboard.json"},{"name":"terminal","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/terminal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/terminal.json"},{"name":"3d-globe","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/3d-globe.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/3d-globe.json"},{"name":"ascii-art","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/ascii-art.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/ascii-art.json"},{"name":"scales","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/scales.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/scales.json"},{"name":"text-flipping-board","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/text-flipping-board.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-flipping-board.json"},{"name":"background-cubes-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/background-cubes-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-cubes-grid.json"},{"name":"liquid-glass","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.aceternity.com/registry/liquid-glass.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/liquid-glass.json"},{"name":"cards-demo-1","title":null,"description":"Background Overlay Card","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cards-demo-1.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cards-demo-1.json"},{"name":"cards-demo-2","title":null,"description":"Content Card","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cards-demo-2.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cards-demo-2.json"},{"name":"cards-demo-3","title":null,"description":"Feature Block Animated Card","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cards-demo-3.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cards-demo-3.json"},{"name":"expandable-card-on-click","title":null,"description":"Expandable Card On Click","type":"registry:block","source_url":"https://ui.aceternity.com/registry/expandable-card-on-click.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/expandable-card-on-click.json"},{"name":"features-section-demo-1","title":null,"description":"Simple with card gradient","type":"registry:block","source_url":"https://ui.aceternity.com/registry/features-section-demo-1.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-1.json"},{"name":"features-section-demo-2","title":null,"description":"Simple with hover effects","type":"registry:block","source_url":"https://ui.aceternity.com/registry/features-section-demo-2.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-2.json"},{"name":"features-section-demo-3","title":null,"description":"Bento Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/features-section-demo-3.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-section-demo-3.json"},{"name":"features-with-sticky-scroll","title":null,"description":"Features with sticky scroll","type":"registry:block","source_url":"https://ui.aceternity.com/registry/features-with-sticky-scroll.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-with-sticky-scroll.json"},{"name":"hero-with-centered-image","title":null,"description":"Hero With Centered Image","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-with-centered-image.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-centered-image.json"},{"name":"modern-hero-with-gradients","title":null,"description":"Modern Hero With Gradients","type":"registry:block","source_url":"https://ui.aceternity.com/registry/modern-hero-with-gradients.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/modern-hero-with-gradients.json"},{"name":"two-column-with-image","title":null,"description":"Two Column With Image","type":"registry:block","source_url":"https://ui.aceternity.com/registry/two-column-with-image.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/two-column-with-image.json"},{"name":"full-background-image-with-text","title":null,"description":"Full Background Image With Text","type":"registry:block","source_url":"https://ui.aceternity.com/registry/full-background-image-with-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/full-background-image-with-text.json"},{"name":"centered-around-testimonials","title":null,"description":"Centered Around Testimonials","type":"registry:block","source_url":"https://ui.aceternity.com/registry/centered-around-testimonials.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/centered-around-testimonials.json"},{"name":"hero-section-with-images-grid-and-navbar","title":null,"description":"Hero Section With Images Grid and Navbar","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-images-grid-and-navbar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-images-grid-and-navbar.json"},{"name":"hero-section-with-beams-and-grid","title":null,"description":"Hero Section With Beams and Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-beams-and-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-beams-and-grid.json"},{"name":"hero-section-with-noise-background","title":null,"description":"Hero Section With Noise Background","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-noise-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-noise-background.json"},{"name":"logo-cloud-marquee","title":null,"description":"Logo Cloud Marquee","type":"registry:block","source_url":"https://ui.aceternity.com/registry/logo-cloud-marquee.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-marquee.json"},{"name":"logos-with-blur-flip","title":null,"description":"Logos With Blur Flip","type":"registry:block","source_url":"https://ui.aceternity.com/registry/logos-with-blur-flip.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/logos-with-blur-flip.json"},{"name":"spotlight-logo-cloud","title":null,"description":"Spotlight Logo Cloud","type":"registry:block","source_url":"https://ui.aceternity.com/registry/spotlight-logo-cloud.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-logo-cloud.json"},{"name":"three-column-bento-grid","title":null,"description":"Three Column Bento Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/three-column-bento-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/three-column-bento-grid.json"},{"name":"three-columns-with-images","title":null,"description":"Three Columns With Images","type":"registry:block","source_url":"https://ui.aceternity.com/registry/three-columns-with-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/three-columns-with-images.json"},{"name":"bento-grid-example-three","title":null,"description":"Bento Grid Example Three","type":"registry:block","source_url":"https://ui.aceternity.com/registry/bento-grid-example-three.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid-example-three.json"},{"name":"simple-cta-with-images","title":null,"description":"Simple CTA With Images","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-cta-with-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-cta-with-images.json"},{"name":"cta-with-masonry-images","title":null,"description":"CTA With Masonry Images","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cta-with-masonry-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-masonry-images.json"},{"name":"cta-centered-masonry-gallery","title":null,"description":"CTA Centered Masonry Gallery","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cta-centered-masonry-gallery.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cta-centered-masonry-gallery.json"},{"name":"cta-with-background-noise","title":null,"description":"CTA With Background Noise","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cta-with-background-noise.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-background-noise.json"},{"name":"cta-with-centered-text","title":null,"description":"CTA With Centered Text","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cta-with-centered-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-centered-text.json"},{"name":"cta-with-dashed-grid-lines","title":null,"description":"CTA With Dashed Grid Lines","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cta-with-dashed-grid-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-dashed-grid-lines.json"},{"name":"cta-with-right-gradient-and-animation","title":null,"description":"CTA With Right Gradient And Animation","type":"registry:block","source_url":"https://ui.aceternity.com/registry/cta-with-right-gradient-and-animation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/cta-with-right-gradient-and-animation.json"},{"name":"testimonials-grid-with-centered-carousel","title":null,"description":"Testimonials Grid With Centered Carousel","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-grid-with-centered-carousel.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-grid-with-centered-carousel.json"},{"name":"testimonials-marquee-grid","title":null,"description":"Testimonials Marquee Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-marquee-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-marquee-grid.json"},{"name":"testimonials-marquee-grid-boxed","title":null,"description":"Two-row testimonial marquee with framed section and bordered cards","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-marquee-grid-boxed.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-marquee-grid-boxed.json"},{"name":"testimonials-masonry-grid","title":null,"description":"Testimonials Masonry Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-masonry-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-masonry-grid.json"},{"name":"simple-pricing-with-three-tiers","title":null,"description":"Simple Pricing With Three Tiers","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-pricing-with-three-tiers.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-pricing-with-three-tiers.json"},{"name":"pricing-with-switch","title":null,"description":"Pricing With Switch","type":"registry:block","source_url":"https://ui.aceternity.com/registry/pricing-with-switch.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pricing-with-switch.json"},{"name":"pricing-with-switch-and-add-on","title":null,"description":"Pricing With Switch And Add On","type":"registry:block","source_url":"https://ui.aceternity.com/registry/pricing-with-switch-and-add-on.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pricing-with-switch-and-add-on.json"},{"name":"pricing-minimal","title":null,"description":"Minimal Pricing with Enterprise Section","type":"registry:block","source_url":"https://ui.aceternity.com/registry/pricing-minimal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pricing-minimal.json"},{"name":"simple-navbar-with-hover-effects","title":null,"description":"Simple Navbar With Hover Effects","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-navbar-with-hover-effects.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-navbar-with-hover-effects.json"},{"name":"navbar-with-children","title":null,"description":"Navbar With Children","type":"registry:block","source_url":"https://ui.aceternity.com/registry/navbar-with-children.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-with-children.json"},{"name":"simple-footer-with-four-grids","title":null,"description":"Simple Footer With Four Grids","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-footer-with-four-grids.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-footer-with-four-grids.json"},{"name":"footer-with-grid","title":null,"description":"Footer With Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/footer-with-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/footer-with-grid.json"},{"name":"footer-with-big-text","title":null,"description":"Footer With Big Text","type":"registry:block","source_url":"https://ui.aceternity.com/registry/footer-with-big-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/footer-with-big-text.json"},{"name":"centered-with-logo","title":null,"description":"Centered With Logo","type":"registry:block","source_url":"https://ui.aceternity.com/registry/centered-with-logo.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/centered-with-logo.json"},{"name":"registration-form-with-images","title":null,"description":"Registration Form With Images","type":"registry:block","source_url":"https://ui.aceternity.com/registry/registration-form-with-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/registration-form-with-images.json"},{"name":"login-with-socials-and-email","title":null,"description":"Login With Socials And Email","type":"registry:block","source_url":"https://ui.aceternity.com/registry/login-with-socials-and-email.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/login-with-socials-and-email.json"},{"name":"login-signup-minimal","title":null,"description":"Login Signup Minimal","type":"registry:block","source_url":"https://ui.aceternity.com/registry/login-signup-minimal.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/login-signup-minimal.json"},{"name":"premium-auth-split","title":null,"description":"Premium Auth Split with WebGL Shader","type":"registry:block","source_url":"https://ui.aceternity.com/registry/premium-auth-split.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/premium-auth-split.json"},{"name":"contact-form-grid-with-details","title":null,"description":"Contact Form Grid With Details","type":"registry:block","source_url":"https://ui.aceternity.com/registry/contact-form-grid-with-details.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/contact-form-grid-with-details.json"},{"name":"simple-centered-contact-form","title":null,"description":"Simple Centered Contact Form","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-centered-contact-form.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-centered-contact-form.json"},{"name":"blog-with-search","title":null,"description":"Blog With Search","type":"registry:block","source_url":"https://ui.aceternity.com/registry/blog-with-search.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-search.json"},{"name":"blog-with-search-magazine","title":null,"description":"Blog With Search — magazine layout with cover story and card grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/blog-with-search-magazine.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-search-magazine.json"},{"name":"blog-with-categories","title":null,"description":"Blog listing with three featured cards and a denser four-column grid below, category labels on each post","type":"registry:block","source_url":"https://ui.aceternity.com/registry/blog-with-categories.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/blog-with-categories.json"},{"name":"simple-blog-with-grid","title":null,"description":"Simple Blog With Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-blog-with-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-blog-with-grid.json"},{"name":"playful-hero-section","title":null,"description":"Playful Hero Section","type":"registry:block","source_url":"https://ui.aceternity.com/registry/playful-hero-section.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/playful-hero-section.json"},{"name":"frequently-asked-questions-accordion","title":null,"description":"Frequently Asked Questions Accordion","type":"registry:block","source_url":"https://ui.aceternity.com/registry/frequently-asked-questions-accordion.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/frequently-asked-questions-accordion.json"},{"name":"simple-faqs-with-background","title":null,"description":"Simple FAQs With Background","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-faqs-with-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-faqs-with-background.json"},{"name":"faqs-with-grid","title":null,"description":"Faqs With Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/faqs-with-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/faqs-with-grid.json"},{"name":"simple-sidebar-with-hover","title":null,"description":"Simple Sidebar With Hover","type":"registry:block","source_url":"https://ui.aceternity.com/registry/simple-sidebar-with-hover.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/simple-sidebar-with-hover.json"},{"name":"collapsible-sidebar","title":null,"description":"Collapsible Sidebar","type":"registry:block","source_url":"https://ui.aceternity.com/registry/collapsible-sidebar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/collapsible-sidebar.json"},{"name":"grouped-sidebar","title":null,"description":"Grouped Sidebar with Collapsible Groups and Persistent State","type":"registry:block","source_url":"https://ui.aceternity.com/registry/grouped-sidebar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/grouped-sidebar.json"},{"name":"blog-content-centered","title":null,"description":"Blog Content Centered","type":"registry:block","source_url":"https://ui.aceternity.com/registry/blog-content-centered.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/blog-content-centered.json"},{"name":"blog-content-with-toc","title":null,"description":"Blog Content With Toc","type":"registry:block","source_url":"https://ui.aceternity.com/registry/blog-content-with-toc.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/blog-content-with-toc.json"},{"name":"stats-for-changelog","title":null,"description":"Stats For Changelog","type":"registry:block","source_url":"https://ui.aceternity.com/registry/stats-for-changelog.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stats-for-changelog.json"},{"name":"stats-with-number-ticker","title":null,"description":"Stats With Number Ticker","type":"registry:block","source_url":"https://ui.aceternity.com/registry/stats-with-number-ticker.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-number-ticker.json"},{"name":"stats-with-grid-background","title":null,"description":"Stats With Grid Background","type":"registry:block","source_url":"https://ui.aceternity.com/registry/stats-with-grid-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-grid-background.json"},{"name":"stats-with-gradient","title":null,"description":"Stats With Gradient","type":"registry:block","source_url":"https://ui.aceternity.com/registry/stats-with-gradient.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/stats-with-gradient.json"},{"name":"background-with-full-video","title":null,"description":"Background With Full Video","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-with-full-video.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-with-full-video.json"},{"name":"background-lines","title":null,"description":"Background Lines","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-lines.json"},{"name":"background-with-shooting-stars","title":null,"description":"Background With Shooting Stars","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-with-shooting-stars.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-with-shooting-stars.json"},{"name":"background-dots","title":null,"description":"Background Dots","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-dots.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-dots.json"},{"name":"background-dots-masked","title":null,"description":"Background Dots Masked","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-dots-masked.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-dots-masked.json"},{"name":"background-dots-masked-vertical","title":null,"description":"Background Dots Masked Vertical","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-dots-masked-vertical.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-dots-masked-vertical.json"},{"name":"background-grid-with-dots","title":null,"description":"Background Grid with Dots","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-grid-with-dots.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-grid-with-dots.json"},{"name":"background-grid-with-dots-and-animations","title":null,"description":"Background Grid with Dots and Animations","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-grid-with-dots-and-animations.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-grid-with-dots-and-animations.json"},{"name":"background-with-skewed-rectangles","title":null,"description":"Background With Skewed Rectangles","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-with-skewed-rectangles.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-with-skewed-rectangles.json"},{"name":"background-with-skewed-lines","title":null,"description":"Background With Skewed Lines","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-with-skewed-lines.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-with-skewed-lines.json"},{"name":"background-noise-grid","title":null,"description":"Background Noise Grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/background-noise-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/background-noise-grid.json"},{"name":"text-animation-flipping-words-demo","title":null,"description":"Text Animation Flipping Words Demo","type":"registry:block","source_url":"https://ui.aceternity.com/registry/text-animation-flipping-words-demo.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-animation-flipping-words-demo.json"},{"name":"text-animation-typewriter-effect-demo","title":null,"description":"Text Animation Typewriter Effect Demo","type":"registry:block","source_url":"https://ui.aceternity.com/registry/text-animation-typewriter-effect-demo.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-animation-typewriter-effect-demo.json"},{"name":"text-animation-blur-fade-in-demo","title":null,"description":"Text Animation Blur Fade In Demo","type":"registry:block","source_url":"https://ui.aceternity.com/registry/text-animation-blur-fade-in-demo.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-animation-blur-fade-in-demo.json"},{"name":"text-generate-typewriter","title":null,"description":"Text Generate Typewriter with Keyboard Sounds","type":"registry:block","source_url":"https://ui.aceternity.com/registry/text-generate-typewriter.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/text-generate-typewriter.json"},{"name":"login-form-with-gradient","title":null,"description":"Login Form With Gradient","type":"registry:block","source_url":"https://ui.aceternity.com/registry/login-form-with-gradient.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/login-form-with-gradient.json"},{"name":"navbar-classic","title":null,"description":"Classic navbar with search","type":"registry:block","source_url":"https://ui.aceternity.com/registry/navbar-classic.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-classic.json"},{"name":"navbar-mega","title":null,"description":"Navbar with Mega Menu and Hover Effects","type":"registry:block","source_url":"https://ui.aceternity.com/registry/navbar-mega.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-mega.json"},{"name":"navbar-dark-shadow","title":null,"description":"Dark navbar with ridge shadows, dropdown mega menu with blog panel, and light/dark mode","type":"registry:block","source_url":"https://ui.aceternity.com/registry/navbar-dark-shadow.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-dark-shadow.json"},{"name":"navbar-pill","title":null,"description":"Navbar with Pills and tabs","type":"registry:block","source_url":"https://ui.aceternity.com/registry/navbar-pill.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-pill.json"},{"name":"navbar-underline","title":null,"description":"Navbar with Underline and hover effects","type":"registry:block","source_url":"https://ui.aceternity.com/registry/navbar-underline.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/navbar-underline.json"},{"name":"masonry-bento-grid-with-images","title":null,"description":"Masonry Bento Grid With Images, useful for showcasing brands or products","type":"registry:block","source_url":"https://ui.aceternity.com/registry/masonry-bento-grid-with-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/masonry-bento-grid-with-images.json"},{"name":"minimal-hero-section-with-parallax-images","title":null,"description":"Minimal Hero Section With Parallax Images, images are displayed on top of each other with animation. Simple hero section with Title, description, CTA Buttons a…","type":"registry:block","source_url":"https://ui.aceternity.com/registry/minimal-hero-section-with-parallax-images.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/minimal-hero-section-with-parallax-images.json"},{"name":"hero-with-image-and-scales","title":null,"description":"A modern hero section with image and scales. Incorporates tailwind's blue 500 variant of color. A beautiful hero section with title, description, 2 CTA buttons…","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-with-image-and-scales.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-image-and-scales.json"},{"name":"logo-cloud-with-blur-animation","title":null,"description":"A collection of 6 logos of modern companies, animation is staggered and logos are aligned in a grid of 3. Perfect for logo clouds that require a modern look.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/logo-cloud-with-blur-animation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-with-blur-animation.json"},{"name":"logo-cloud-with-swap-animation","title":null,"description":"A logo cloud with 10 logos in a 5x2 grid that swap every 3 seconds. Logos animate horizontally with blur effect and staggered timing for a smooth transition.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/logo-cloud-with-swap-animation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-with-swap-animation.json"},{"name":"single-row-logo-cloud","title":null,"description":"A single row logo cloud with 5 logos that flips in an interval.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/single-row-logo-cloud.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/single-row-logo-cloud.json"},{"name":"logo-cloud-multiple-rows","title":null,"description":"A four-row logo cloud with mixed filled and empty tiles that scroll in opposite directions.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/logo-cloud-multiple-rows.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/logo-cloud-multiple-rows.json"},{"name":"features-grid-with-large-skeletons","title":null,"description":"A grid of 3 with micro-interactions and animations. Title and descriptions are flex row aligned on desktop screens and column on mobile screens. There are skel…","type":"registry:block","source_url":"https://ui.aceternity.com/registry/features-grid-with-large-skeletons.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-grid-with-large-skeletons.json"},{"name":"pricing-page-with-featured-and-enterprise","title":null,"description":"Pricing Page With Featured And Enterprise. This pricing page is designed to showcase the features of the product and the enterprise plan. It includes a feature…","type":"registry:block","source_url":"https://ui.aceternity.com/registry/pricing-page-with-featured-and-enterprise.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/pricing-page-with-featured-and-enterprise.json"},{"name":"bento-grid-with-skeletons","title":null,"description":"A grid of 6 with skeletons, title and descriptions. Skeletons are modern and designed to be minimal. With chat like interfaces for skeletons, perfect for showc…","type":"registry:block","source_url":"https://ui.aceternity.com/registry/bento-grid-with-skeletons.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/bento-grid-with-skeletons.json"},{"name":"dot-distortion-shader","title":null,"description":"A dot distortion shader for creating dynamic background effects.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/dot-distortion-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/dot-distortion-shader.json"},{"name":"lines-gradient-shader","title":null,"description":"A lines gradient shader for creating animated gradient backgrounds.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/lines-gradient-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/lines-gradient-shader.json"},{"name":"spotlight-shader","title":null,"description":"A spotlight shader for creating dynamic spotlight background effects with customizable positions and animations.","type":"registry:block","source_url":"https://ui.aceternity.com/registry/spotlight-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/spotlight-shader.json"},{"name":"hero-with-background-and-navbar","title":null,"description":"Hero With Background And Navbar","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-with-background-and-navbar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-background-and-navbar.json"},{"name":"hero-section-with-multi-color-background","title":null,"description":"Hero Section With Multi Color Background","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-multi-color-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-multi-color-background.json"},{"name":"hero-section-with-infinite-scroll-cards","title":null,"description":"Hero Section With Infinite Scroll Cards","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-infinite-scroll-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-infinite-scroll-cards.json"},{"name":"testimonials-background-with-drag","title":null,"description":"Testimonials Background With Drag","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-background-with-drag.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-background-with-drag.json"},{"name":"hero-section-with-flickering-lights","title":null,"description":"Hero Section With Flickering Lights","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-flickering-lights.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-flickering-lights.json"},{"name":"hero-section-with-tabs","title":null,"description":"Hero Section With Tabs","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-tabs.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-tabs.json"},{"name":"hero-section-with-mesh-gradient","title":null,"description":"Hero Section With Mesh Gradient","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-mesh-gradient.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-mesh-gradient.json"},{"name":"hero-section-with-shadow-and-scales","title":null,"description":"Hero Section With Shadow and Scales","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-shadow-and-scales.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-shadow-and-scales.json"},{"name":"hero-section-with-dither-background","title":null,"description":"Hero Section With Dither Background","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-section-with-dither-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-section-with-dither-background.json"},{"name":"hero-with-dither-shader","title":null,"description":"Hero with animated dither shader background, scale bands, product screenshot, and logo rail","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-with-dither-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-dither-shader.json"},{"name":"hero-with-framed-image-and-logos","title":null,"description":"Hero with hatch scale bands, corner frames, split copy and image, and a logo rail","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-with-framed-image-and-logos.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-framed-image-and-logos.json"},{"name":"hero-with-chat-input","title":null,"description":"Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid","type":"registry:block","source_url":"https://ui.aceternity.com/registry/hero-with-chat-input.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/hero-with-chat-input.json"},{"name":"testimonials-with-carousel","title":null,"description":"Testimonials With Carousel","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-with-carousel.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-with-carousel.json"},{"name":"testimonials-with-centered-highlight","title":null,"description":"Testimonials grid with title, subtitle, and optional centered highlight card","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-with-centered-highlight.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-with-centered-highlight.json"},{"name":"testimonials-photo-carousel","title":null,"description":"Full-bleed portrait testimonial carousel with hover-expand quotes","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-photo-carousel.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-photo-carousel.json"},{"name":"testimonials-photo-carousel-tall","title":null,"description":"Equal-width portrait testimonial carousel where the active card grows in height","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-photo-carousel-tall.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-photo-carousel-tall.json"},{"name":"features-section-with-skeletons","title":null,"description":"Features Section With Skeletons","type":"registry:block","source_url":"https://ui.aceternity.com/registry/features-section-with-skeletons.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/features-section-with-skeletons.json"},{"name":"chat-conversation","title":null,"description":"Chat Conversation","type":"registry:block","source_url":"https://ui.aceternity.com/registry/chat-conversation.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/chat-conversation.json"},{"name":"folder-with-files","title":null,"description":"Folder With Files","type":"registry:block","source_url":"https://ui.aceternity.com/registry/folder-with-files.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/folder-with-files.json"},{"name":"collaborative-cursors","title":null,"description":"Collaborative Cursors","type":"registry:block","source_url":"https://ui.aceternity.com/registry/collaborative-cursors.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/collaborative-cursors.json"},{"name":"testimonials-hover-illustration","title":null,"description":"Testimonials Hover Illustration","type":"registry:block","source_url":"https://ui.aceternity.com/registry/testimonials-hover-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/testimonials-hover-illustration.json"},{"name":"contact-section-with-shader","title":null,"description":"Contact Section With Shader Background and Rotating Testimonials","type":"registry:block","source_url":"https://ui.aceternity.com/registry/contact-section-with-shader.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/contact-section-with-shader.json"},{"name":"contact-with-dither-image","title":null,"description":"Contact section with dithered landscape background, testimonial card, and split form","type":"registry:block","source_url":"https://ui.aceternity.com/registry/contact-with-dither-image.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/contact-with-dither-image.json"},{"name":"team-section-with-scales","title":null,"description":"Team Section With Scales","type":"registry:block","source_url":"https://ui.aceternity.com/registry/team-section-with-scales.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-scales.json"},{"name":"team-section-with-light-background","title":null,"description":"Team Section With Light Background","type":"registry:block","source_url":"https://ui.aceternity.com/registry/team-section-with-light-background.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-light-background.json"},{"name":"team-section-with-small-avatars","title":null,"description":"Team Section With Small Avatars","type":"registry:block","source_url":"https://ui.aceternity.com/registry/team-section-with-small-avatars.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-small-avatars.json"},{"name":"team-section-with-timeline-cards","title":null,"description":"Team Section With Timeline Cards","type":"registry:block","source_url":"https://ui.aceternity.com/registry/team-section-with-timeline-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/team-section-with-timeline-cards.json"},{"name":"empty-state-vertical-grid","title":null,"description":"Full-height empty state on a dotted canvas with three image cards for choosing how to start","type":"registry:block","source_url":"https://ui.aceternity.com/registry/empty-state-vertical-grid.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-vertical-grid.json"},{"name":"empty-state-with-cards","title":null,"description":"Empty project state with corner grid lines, CTAs, and fanned template thumbnails","type":"registry:block","source_url":"https://ui.aceternity.com/registry/empty-state-with-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-cards.json"},{"name":"empty-state-with-pictures","title":null,"description":"Centered empty state with stacked photo frames and gentle motion","type":"registry:block","source_url":"https://ui.aceternity.com/registry/empty-state-with-pictures.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-pictures.json"},{"name":"empty-state-with-draggable-cards","title":null,"description":"Empty hiring-style layout with a swipeable card deck above primary actions","type":"registry:block","source_url":"https://ui.aceternity.com/registry/empty-state-with-draggable-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-draggable-cards.json"},{"name":"empty-state-with-stacked-cards","title":null,"description":"Soft panel empty state with overlapping template previews and doc link","type":"registry:block","source_url":"https://ui.aceternity.com/registry/empty-state-with-stacked-cards.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/empty-state-with-stacked-cards.json"},{"name":"feature-section-bento-skeletons","title":null,"description":"Bento Grid Feature Section With Animated Skeletons","type":"registry:block","source_url":"https://ui.aceternity.com/registry/feature-section-bento-skeletons.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/feature-section-bento-skeletons.json"},{"name":"uptime-status-illustration","title":null,"description":"Interactive Uptime Status Illustration","type":"registry:block","source_url":"https://ui.aceternity.com/registry/uptime-status-illustration.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/uptime-status-illustration.json"},{"name":"rotating-tabs-with-text","title":null,"description":"Rotating Notification Cards with Stacked Animation","type":"registry:block","source_url":"https://ui.aceternity.com/registry/rotating-tabs-with-text.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/rotating-tabs-with-text.json"},{"name":"flipping-images-with-bar","title":null,"description":"Animated Image Carousel with Scanning Bar Reveal and Sparkle Effects","type":"registry:block","source_url":"https://ui.aceternity.com/registry/flipping-images-with-bar.json","install_command":"npx shadcn@latest add https://ui.aceternity.com/registry/flipping-images-with-bar.json"}]},{"id":"aevr","name":"@aevr","slug":"aevr","description":"Small personal registry of focused production-ready React/Next.js components built on shadcn/ui. Documented components include info-box, button, and card, with additional pieces accessible at the registry URL. Designed to complement rather than replace shadcn/ui core, targeting Tailwind CSS projects. Free, open-source. Use for: supplementing an existing shadcn/ui project with a small set of production-polished primitives when the core library lacks the specific variant needed.","author":"aevrHQ","framework":"react","license":null,"tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://ui.aevr.online","github":"https://github.com/aevrHQ/ui","registry":"https://ui.aevr.online/r/registry.json","source":"https://ui.aevr.online/r/registry.json","page":"https://sh4dcn.netlify.app/registry/aevr","markdown":"https://sh4dcn.netlify.app/md/aevr.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='115' height='105' viewBox='0 0 115 105' fill='none'><path d='M111.78 48.3601C117.803 51.2224 113.769 60.4081 105.635 62.3522L72.9714 70.1593C70.4141 70.7705 67.9525 72.2666 66.2322 74.255L44.2597 99.6532C38.7881 105.978 28.7766 105.329 29.0097 98.6642L29.9457 71.9017C30.019 69.8064 28.9714 68.0828 27.0779 67.1829L2.89121 55.6888C-3.13172 52.8266 0.902578 43.6409 9.03642 41.6967L41.7 33.8896C44.2572 33.2784 46.7189 31.7823 48.4391 29.7939L70.4117 4.3957C75.8832 -1.92893 85.8948 -1.27963 85.6617 5.38474L84.7256 32.1472C84.6524 34.2425 85.6999 35.9662 87.5935 36.866L111.78 48.3601Z' fill='var(--foreground)'/></svg>","preview_image":"https://aevr.space/opengraph-image.jpg?6dfa85669945861c","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-02-27T03:48:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.aevr.online/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.aevr.online/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.aevr.online/r/registry.json","clone":"git clone https://github.com/aevrHQ/ui.git","clone_degit":"npx degit aevrHQ/ui","registry_fetch":"curl -s https://ui.aevr.online/r/registry.json"},"component_count":6,"components":[{"name":"button","title":"Button","description":"A simple button component","type":"registry:component","source_url":"https://ui.aevr.online/r/button.json","install_command":"npx shadcn@latest add https://ui.aevr.online/r/button.json"},{"name":"info-box","title":"Info Box","description":"A simple info box component for displaying information, warnings, errors, loading states, and status messages.","type":"registry:component","source_url":"https://ui.aevr.online/r/info-box.json","install_command":"npx shadcn@latest add https://ui.aevr.online/r/info-box.json"},{"name":"loader","title":"Loader","description":"A simple loader component for displaying loading states.","type":"registry:component","source_url":"https://ui.aevr.online/r/loader.json","install_command":"npx shadcn@latest add https://ui.aevr.online/r/loader.json"},{"name":"summary-card","title":"Summary Card","description":"A simple summary card component for displaying summary information.","type":"registry:component","source_url":"https://ui.aevr.online/r/summary-card.json","install_command":"npx shadcn@latest add https://ui.aevr.online/r/summary-card.json"},{"name":"card","title":"Card","description":"A versatile card component with multiple variants, sizes, and interactive features","type":"registry:component","source_url":"https://ui.aevr.online/r/card.json","install_command":"npx shadcn@latest add https://ui.aevr.online/r/card.json"},{"name":"number-formatter","title":"Number Formatter","description":"A utility function for formatting numbers and currencies.","type":"registry:lib","source_url":"https://ui.aevr.online/r/number-formatter.json","install_command":"npx shadcn@latest add https://ui.aevr.online/r/number-formatter.json"}]},{"id":"agentcn","name":"@agentcn","slug":"agentcn","description":"Production-ready agents, made simple. Ready to use, customizable AI agent recipes. Built on Eve and Flue.","author":"shadcn-labs","framework":"react","license":"MIT","tags":["ai","cards","charts","overlays"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://agentcn.vercel.app","github":"https://github.com/shadcn-labs/agentcn","registry":"https://agentcn.vercel.app/r/registry.json","source":"https://agentcn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/agentcn","markdown":"https://sh4dcn.netlify.app/md/agentcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' width='24' height='24'><rect width='24' height='24' rx='4' fill='var(--foreground)'/><g stroke='var(--background)'><path d='M14 18a2 2 0 0 0-4 0m9-7-2.11-6.657a2 2 0 0 0-2.752-1.148l-1.276.61A2 2 0 0 1 12 4H8.5a2 2 0 0 0-1.925 1.456L5 11m-3 0h20'/><circle cx='17' cy='18' r='3'/><circle cx='7' cy='18' r='3'/><path d='M15.46 7.1 13.3 9.26m1.728-4.536-4.104 4.104' stroke-width='1.575'/></g></svg>","preview_image":"https://www.agentcn.run/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":496,"open_issues":7,"last_commit":"2026-10-07T09:00:21Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://agentcn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://agentcn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://agentcn.vercel.app/r/registry.json","clone":"git clone https://github.com/shadcn-labs/agentcn.git","clone_degit":"npx degit shadcn-labs/agentcn","registry_fetch":"curl -s https://agentcn.vercel.app/r/registry.json"},"component_count":76,"components":[{"name":"eve/ai-seo-audit","title":"AI SEO Audit Agent","description":"Eve agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total and returning fail…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/ai-seo-audit.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/ai-seo-audit.json"},{"name":"eve/browser-agent","title":"Browser Agent","description":"Eve agent that drives a real browser with Playwright using a snapshot-and-selector pattern to complete web tasks.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/browser-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/browser-agent.json"},{"name":"eve/chat-with-pdf","title":"Chat with PDF Agent","description":"Eve agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/chat-with-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/chat-with-pdf.json"},{"name":"eve/chat-with-youtube","title":"Chat with YouTube Agent","description":"Eve agent that fetches a video's metadata and transcript, then answers questions with clickable timestamp citations.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/chat-with-youtube.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/chat-with-youtube.json"},{"name":"eve/claw","title":"Claw Autonomous Assistant","description":"Eve agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/claw.json"},{"name":"eve/company-knowledge","title":"Company Knowledge Agent","description":"Eve agent that indexes internal documents into a vector store and answers questions over them, with PII redaction.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/company-knowledge.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/company-knowledge.json"},{"name":"eve/csv-to-questions","title":"CSV to Questions Agent","description":"Eve agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/csv-to-questions.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/csv-to-questions.json"},{"name":"eve/deep-search","title":"Deep Search Agent","description":"Eve agent that researches a question, evaluates its own findings, and iterates until the answer is complete and cited.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/deep-search.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/deep-search.json"},{"name":"eve/docs-chatbot","title":"Docs Chatbot Agent","description":"Eve agent that answers questions about a library's functions by looking up structured documentation.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/docs-chatbot.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/docs-chatbot.json"},{"name":"eve/docs-expert","title":"Docs Expert Agent","description":"Eve agent that answers questions about libraries and APIs by searching the live web and citing sources.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/docs-expert.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/docs-expert.json"},{"name":"eve/extract-design-md","title":"Extract DESIGN.md Agent","description":"Eve agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing th…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/extract-design-md.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/extract-design-md.json"},{"name":"eve/feedback-summary","title":"Customer Feedback Summary Agent","description":"Eve agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/feedback-summary.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/feedback-summary.json"},{"name":"eve/flashcards-pdf","title":"Flash Cards from PDF Agent","description":"Eve agent that turns a PDF into study flash cards, with optional AI-generated images per concept.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/flashcards-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/flashcards-pdf.json"},{"name":"eve/github-review","title":"GitHub PR Code Review Agent","description":"Eve agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/github-review.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/github-review.json"},{"name":"eve/google-sheets","title":"Google Sheets Analysis Agent","description":"Eve agent that reads, analyzes, and edits Google Sheets via the Sheets API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/google-sheets.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/google-sheets.json"},{"name":"eve/meeting-notes","title":"Meeting Notes Agent","description":"Eve agent that turns a raw meeting transcript into a structured summary, decisions, and action items.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/meeting-notes.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/meeting-notes.json"},{"name":"eve/slack-agent","title":"Slack Agent","description":"Eve agent that replies to Slack mentions and DMs, threaded, via the Slack Web API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/slack-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/slack-agent.json"},{"name":"eve/text-to-sql","title":"Chat with Database Agent","description":"Eve agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/text-to-sql.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/text-to-sql.json"},{"name":"eve/weather","title":"Weather Agent","description":"Eve agent that looks up current weather for a location via the Open-Meteo API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/eve/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/eve/weather.json"},{"name":"flue/ai-seo-audit","title":"AI SEO Audit Agent","description":"Flue agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total and returning fai…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/ai-seo-audit.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/ai-seo-audit.json"},{"name":"flue/browser-agent","title":"Browser Agent","description":"Flue agent that drives a real browser with Playwright using a snapshot-and-selector pattern to complete web tasks.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/browser-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/browser-agent.json"},{"name":"flue/chat-with-pdf","title":"Chat with PDF Agent","description":"Flue agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/chat-with-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/chat-with-pdf.json"},{"name":"flue/chat-with-youtube","title":"Chat with YouTube Agent","description":"Flue agent that fetches a video's metadata and transcript, then answers questions with clickable timestamp citations.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/chat-with-youtube.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/chat-with-youtube.json"},{"name":"flue/claw","title":"Claw Autonomous Assistant","description":"Flue agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/claw.json"},{"name":"flue/company-knowledge","title":"Company Knowledge Agent","description":"Flue agent that indexes internal documents into a vector store and answers questions over them, with a scheduled re-index workflow and PII redaction.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/company-knowledge.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/company-knowledge.json"},{"name":"flue/csv-to-questions","title":"CSV to Questions Agent","description":"Flue agent that chains a summarizer and a question-generator through a workflow to turn a CSV into analytical questions.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/csv-to-questions.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/csv-to-questions.json"},{"name":"flue/deep-search","title":"Deep Search Agent","description":"Flue agent that fans research out to searcher and evaluator subagents, iterating through a bounded workflow until the answer is cited and complete.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/deep-search.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/deep-search.json"},{"name":"flue/docs-chatbot","title":"Docs Chatbot Agent","description":"Flue agent that answers questions about a library's functions by looking up structured documentation.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/docs-chatbot.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/docs-chatbot.json"},{"name":"flue/docs-expert","title":"Docs Expert Agent","description":"Flue agent that answers questions about libraries and APIs by searching the live web and citing sources.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/docs-expert.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/docs-expert.json"},{"name":"flue/extract-design-md","title":"Extract DESIGN.md Agent","description":"Flue workflow that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composin…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/extract-design-md.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/extract-design-md.json"},{"name":"flue/feedback-summary","title":"Customer Feedback Summary Agent","description":"Flue agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/feedback-summary.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/feedback-summary.json"},{"name":"flue/flashcards-pdf","title":"Flash Cards from PDF Agent","description":"Flue agent that turns a PDF into study flash cards through a workflow, with optional AI-generated images per concept.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/flashcards-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/flashcards-pdf.json"},{"name":"flue/github-review","title":"GitHub PR Code Review Agent","description":"Flue agent that fetches a GitHub pull request and returns adaptive review feedback, with a workflow that emits a typed review.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/github-review.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/github-review.json"},{"name":"flue/google-sheets","title":"Google Sheets Analysis Agent","description":"Flue agent that reads, analyzes, and edits Google Sheets via the Sheets API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/google-sheets.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/google-sheets.json"},{"name":"flue/meeting-notes","title":"Meeting Notes Agent","description":"Flue agent that runs a transcript through a workflow to return a structured summary, decisions, and action items.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/meeting-notes.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/meeting-notes.json"},{"name":"flue/slack-agent","title":"Slack Agent","description":"Flue agent that replies to Slack mentions and DMs, threaded, via the Slack Web API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/slack-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/slack-agent.json"},{"name":"flue/text-to-sql","title":"Chat with Database Agent","description":"Flue agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/text-to-sql.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/text-to-sql.json"},{"name":"flue/weather","title":"Weather Agent","description":"Flue agent that looks up current weather for a location via the Open-Meteo API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/flue/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/flue/weather.json"},{"name":"mastra/ai-seo-audit","title":"AI SEO Audit Agent","description":"Mastra agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total, returning fail…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/ai-seo-audit.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/ai-seo-audit.json"},{"name":"mastra/browser-agent","title":"Browser Agent","description":"A browser-operating agent that interacts with live web pages using Playwright-based tools with accessibility-tree ref ids.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/browser-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/browser-agent.json"},{"name":"mastra/chat-with-pdf","title":"Chat with PDF Agent","description":"Mastra agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval and stratified sampling.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/chat-with-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/chat-with-pdf.json"},{"name":"mastra/chat-with-youtube","title":"Chat with YouTube Agent","description":"A helpful assistant that fetches and analyzes YouTube video transcripts to answer questions, generate summaries, and create chapters.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/chat-with-youtube.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/chat-with-youtube.json"},{"name":"mastra/claw","title":"Claw Autonomous Assistant","description":"Mastra agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/claw.json"},{"name":"mastra/company-knowledge","title":"Company Knowledge Agent","description":"Mastra agent that indexes internal documents into a vector store and answers questions over them, with PII redaction.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/company-knowledge.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/company-knowledge.json"},{"name":"mastra/csv-to-questions","title":"CSV to Questions Agent","description":"Mastra agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/csv-to-questions.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/csv-to-questions.json"},{"name":"mastra/deep-search","title":"Deep Search Agent","description":"A multi-agent deep search system that researches questions by clarifying intent, planning queries, evaluating results, and synthesizing answers.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/deep-search.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/deep-search.json"},{"name":"mastra/docs-chatbot","title":"Docs Chatbot Agent","description":"Mastra agent that answers questions about a library's functions by looking up structured documentation.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/docs-chatbot.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/docs-chatbot.json"},{"name":"mastra/docs-expert","title":"Docs Expert Agent","description":"Mastra agent that answers questions about libraries and APIs by searching the live web and citing sources.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/docs-expert.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/docs-expert.json"},{"name":"mastra/extract-design-md","title":"Extract DESIGN.md Agent","description":"Mastra agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then composing…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/extract-design-md.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/extract-design-md.json"},{"name":"mastra/feedback-summary","title":"Customer Feedback Summary Agent","description":"Mastra agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/feedback-summary.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/feedback-summary.json"},{"name":"mastra/flashcards-pdf","title":"Flash Cards from PDF Agent","description":"Mastra agent that turns a PDF into study flash cards, with optional AI-generated images per concept.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/flashcards-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/flashcards-pdf.json"},{"name":"mastra/github-review","title":"GitHub PR Code Review Agent","description":"Mastra agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/github-review.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/github-review.json"},{"name":"mastra/google-sheets","title":"Google Sheets Analysis Agent","description":"Mastra agent that reads, analyzes, and edits Google Sheets via the Sheets API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/google-sheets.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/google-sheets.json"},{"name":"mastra/meeting-notes","title":"Meeting Notes Agent","description":"Mastra agent that turns a raw meeting transcript into a structured summary, decisions, and action items.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/meeting-notes.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/meeting-notes.json"},{"name":"mastra/slack-agent","title":"Slack Agent","description":"Mastra agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack Web API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/slack-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/slack-agent.json"},{"name":"mastra/text-to-sql","title":"Chat with Database Agent","description":"Mastra agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/text-to-sql.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/text-to-sql.json"},{"name":"mastra/weather","title":"Weather Agent","description":"Mastra agent that looks up current weather for a location via the Open-Meteo API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/mastra/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/mastra/weather.json"},{"name":"langgraph/ai-seo-audit","title":"AI SEO Audit Agent","description":"LangGraph agent that runs a deterministic AI-SEO audit on a page through context.dev — scoring ~30 checks across six categories into a 0–100 total, returning f…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/ai-seo-audit.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/ai-seo-audit.json"},{"name":"langgraph/browser-agent","title":"Browser Agent","description":"A browser-operating agent that interacts with live web pages using Playwright-based tools with accessibility-tree ref ids.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/browser-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/browser-agent.json"},{"name":"langgraph/chat-with-pdf","title":"Chat with PDF Agent","description":"LangGraph agent that indexes a PDF into a vector store and answers questions over it with page-cited retrieval and stratified sampling.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/chat-with-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/chat-with-pdf.json"},{"name":"langgraph/chat-with-youtube","title":"Chat with YouTube Agent","description":"A helpful assistant that fetches and analyzes YouTube video transcripts to answer questions, generate summaries, and create chapters.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/chat-with-youtube.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/chat-with-youtube.json"},{"name":"langgraph/claw","title":"Claw Autonomous Assistant","description":"LangGraph agent that operates a sandboxed workspace — read/write files and run shell commands — to finish multi-step tasks.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/claw.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/claw.json"},{"name":"langgraph/company-knowledge","title":"Company Knowledge Agent","description":"LangGraph agent that indexes internal documents into a vector store and answers questions over them, with PII redaction.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/company-knowledge.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/company-knowledge.json"},{"name":"langgraph/csv-to-questions","title":"CSV to Questions Agent","description":"LangGraph agent that summarizes a CSV dataset to stay within token limits, then generates focused analytical questions.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/csv-to-questions.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/csv-to-questions.json"},{"name":"langgraph/deep-search","title":"Deep Search Agent","description":"A multi-agent deep search system that researches questions by clarifying intent, planning queries, evaluating results, and synthesizing answers.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/deep-search.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/deep-search.json"},{"name":"langgraph/docs-chatbot","title":"Docs Chatbot Agent","description":"LangGraph agent that answers questions about a library's functions by looking up structured documentation.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/docs-chatbot.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/docs-chatbot.json"},{"name":"langgraph/docs-expert","title":"Docs Expert Agent","description":"LangGraph agent that answers questions about libraries and APIs by searching the live web and citing sources.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/docs-expert.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/docs-expert.json"},{"name":"langgraph/extract-design-md","title":"Extract DESIGN.md Agent","description":"LangGraph agent that turns a domain into a self-contained DESIGN.md — gathering the styleguide, screenshot, and homepage Markdown from context.dev, then compos…","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/extract-design-md.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/extract-design-md.json"},{"name":"langgraph/feedback-summary","title":"Customer Feedback Summary Agent","description":"LangGraph agent that retrieves, categorizes, and summarizes customer feedback into an executive report with recommendations.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/feedback-summary.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/feedback-summary.json"},{"name":"langgraph/flashcards-pdf","title":"Flash Cards from PDF Agent","description":"LangGraph agent that turns a PDF into study flash cards, with optional AI-generated images per concept.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/flashcards-pdf.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/flashcards-pdf.json"},{"name":"langgraph/github-review","title":"GitHub PR Code Review Agent","description":"LangGraph agent that fetches a GitHub pull request and returns adaptive, file-by-file code review feedback.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/github-review.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/github-review.json"},{"name":"langgraph/google-sheets","title":"Google Sheets Analysis Agent","description":"LangGraph agent that reads, analyzes, and edits Google Sheets via the Sheets API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/google-sheets.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/google-sheets.json"},{"name":"langgraph/meeting-notes","title":"Meeting Notes Agent","description":"LangGraph agent that turns a raw meeting transcript into a structured summary, decisions, and action items.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/meeting-notes.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/meeting-notes.json"},{"name":"langgraph/slack-agent","title":"Slack Agent","description":"LangGraph agent that replies to Slack mentions and DMs, scoped to the thread, via the Slack Web API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/slack-agent.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/slack-agent.json"},{"name":"langgraph/text-to-sql","title":"Chat with Database Agent","description":"LangGraph agent that introspects a database schema, converts questions to SQL, and runs read-only queries.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/text-to-sql.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/text-to-sql.json"},{"name":"langgraph/weather","title":"Weather Agent","description":"LangGraph agent that looks up current weather for a location via the Open-Meteo API.","type":"registry:block","source_url":"https://agentcn.vercel.app/r/langgraph/weather.json","install_command":"npx shadcn@latest add https://agentcn.vercel.app/r/langgraph/weather.json"}]},{"id":"agentfaces","name":"@agentfaces","slug":"agentfaces","description":"Animated faces for AI agents that show thinking, working, needs you, done, listening and speaking, with voice lip sync.","author":null,"framework":"react","license":null,"tags":["ai","animation","audio","cards"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ajibadedapo.github.io/agentfaces/","github":null,"registry":"https://ajibadedapo.github.io/agentfaces/r/registry.json","source":"https://ajibadedapo.github.io/agentfaces/r/registry.json","page":"https://sh4dcn.netlify.app/registry/agentfaces","markdown":"https://sh4dcn.netlify.app/md/agentfaces.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 4.5a45.5 45.5 0 1 1 0 91a45.5 45.5 0 1 1 0-91z' fill='#2B90FF'/><g transform='translate(33.75 41.20) rotate(0.00) scale(1 1.00)'><clipPath id='afel'><path d='M -12.30 -14.30 Q 0 -14.30 12.30 -14.30 L 12.30 6.29 Q 0 -2.78 -12.30 6.29 Z'/></clipPath><g clip-path='url(#afel)'><path d='M -11.70 0 C -11.70 -7.90 -6.46 -14.30 0 -14.30 C 6.46 -14.30 11.70 -7.90 11.70 0 C 11.70 7.90 6.46 14.30 0 14.30 C -6.46 14.30 -11.70 7.90 -11.70 0 Z' fill='#FFFDF7'/><circle cx='0.00' cy='0.00' r='6.79' fill='#1C1B22' opacity='1.00'/><circle cx='2.44' cy='-2.58' r='2.17' fill='#FFFFFF' opacity='1.00'/></g></g><g transform='translate(66.25 41.20) rotate(0.00) scale(1 1.00)'><clipPath id='afer'><path d='M -12.30 -14.30 Q 0 -14.30 12.30 -14.30 L 12.30 6.29 Q 0 -2.78 -12.30 6.29 Z'/></clipPath><g clip-path='url(#afer)'><path d='M -11.70 0 C -11.70 -7.90 -6.46 -14.30 0 -14.30 C 6.46 -14.30 11.70 -7.90 11.70 0 C 11.70 7.90 6.46 14.30 0 14.30 C -6.46 14.30 -11.70 7.90 -11.70 0 Z' fill='#FFFDF7'/><circle cx='0.00' cy='0.00' r='6.79' fill='#1C1B22' opacity='1.00'/><circle cx='2.44' cy='-2.58' r='2.17' fill='#FFFFFF' opacity='1.00'/></g></g><path d='M 35.70 64.37 C 43.56 72.48 56.44 72.48 64.30 64.37 C 56.44 72.48 43.56 72.48 35.70 64.37 Z' fill='#15131B' stroke='#15131B' stroke-width='3.51' stroke-linejoin='round' stroke-linecap='round' opacity='0.62'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ajibadedapo.github.io/agentfaces/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ajibadedapo.github.io/agentfaces/r/registry.json","install_bun":"bunx shadcn@latest add https://ajibadedapo.github.io/agentfaces/r/registry.json","registry_fetch":"curl -s https://ajibadedapo.github.io/agentfaces/r/registry.json"},"component_count":1,"components":[{"name":"agent-face","title":"Agent Face","description":"An expressive face that shows what an AI agent is doing (thinking, working, needs you, done, listening, speaking), plus an AgentStatus face with a text label. …","type":"registry:component","source_url":"https://ajibadedapo.github.io/agentfaces/r/agent-face.json","install_command":"npx shadcn@latest add https://ajibadedapo.github.io/agentfaces/r/agent-face.json"}]},{"id":"agents-ui","name":"@agents-ui","slug":"agents-ui","description":"Official LiveKit shadcn/ui component registry for building voice AI agent interfaces. Components include: AgentSessionProvider, AgentControlBar, AgentChatTranscript, AgentAudioVisualizerBar (five visualizer styles: Aura, Wave, Radial, Grid, and more), StartAudioButton, plus media controls and session management primitives. Built on React 19 and Tailwind CSS v4; depends on @livekit/components-react and the LiveKit platform. Built on top of Vercel AI Elements. Free, open-source. Use for: any LiveKit-powered voice agent front-end that needs polished, production-ready visualizers and chat transcript UI without building WebRTC audio components from scratch.","author":"livekit","framework":"react","license":"Apache-2.0","tags":["ai","audio","auth","backgrounds","buttons","design-system","forms","hooks","pro-available"],"categories":["AI/chat UI"],"labels":["featured","pro","recently-updated"],"urls":{"website":"https://livekit.com/ui","github":"https://github.com/livekit/components-js","registry":"https://livekit.com/ui/r/registry.json","source":"https://livekit.com/ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/agents-ui","markdown":"https://sh4dcn.netlify.app/md/agents-ui.md"},"logo":"<svg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>LiveKit</title><path d='M0 0v24h14.4v-4.799h4.8V24H24v-4.8h-4.799v-4.8h-4.8v4.8H4.8V0H0zm14.4 14.4V9.602h4.801V4.8H24V0h-4.8v4.8h-4.8v4.8H9.6v4.8h4.8z'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://livekit.com/pricing"},"metrics":{"github_stars":470,"open_issues":34,"last_commit":"2026-10-27T01:26:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://livekit.com/ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://livekit.com/ui/r/registry.json","install_bun":"bunx shadcn@latest add https://livekit.com/ui/r/registry.json","clone":"git clone https://github.com/livekit/components-js.git","clone_degit":"npx degit livekit/components-js","registry_fetch":"curl -s https://livekit.com/ui/r/registry.json"},"component_count":18,"components":[{"name":"agent-disconnect-button","title":"Agent Disconnect Button","description":"A button for disconnecting the agent session.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-disconnect-button.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-disconnect-button.json"},{"name":"agent-track-toggle","title":"Agent Track Toggle","description":"A toggle button for controlling media tracks (microphone, camera, screen share) with appropriate icons and loading states.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-track-toggle.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-track-toggle.json"},{"name":"agent-track-control","title":"Agent Track Control","description":"A control for managing media tracks (microphone, camera, screen share) with appropriate icons and loading states.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-track-control.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-track-control.json"},{"name":"agent-control-bar","title":"Agent Control Bar","description":"A control bar for managing media tracks (microphone, camera, screen share), disconnecting the agent session, and opening the chat input, with appropriate icons…","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-control-bar.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-control-bar.json"},{"name":"agent-audio-visualizer-bar","title":"Agent Audio Visualizer Bar","description":"A linear bar visualizer for audio tracks.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-audio-visualizer-bar.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-audio-visualizer-bar.json"},{"name":"agent-audio-visualizer-radial","title":"Agent Audio Visualizer Radial","description":"A radial bar visualizer for audio tracks.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-audio-visualizer-radial.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-audio-visualizer-radial.json"},{"name":"agent-audio-visualizer-grid","title":"Agent Audio Visualizer Grid","description":"A grid visualizer for audio tracks.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-audio-visualizer-grid.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-audio-visualizer-grid.json"},{"name":"agent-session-provider","title":"Agent Session Provider","description":"A component for providing an agent's session context and ensuring remote participants’ audio tracks (microphones and screen share) are audible.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-session-provider.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-session-provider.json"},{"name":"start-audio-button","title":"Start Audio Button","description":"A button for starting the agent session's audio track when the browser blocks audio playback.","type":"registry:component","source_url":"https://livekit.com/ui/r/start-audio-button.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/start-audio-button.json"},{"name":"agent-chat-indicator","title":"Agent Chat Indicator","description":"A component for indicating the agent's chat status with a blinking dot. Useful for indicating the agent is thinking before generating a response.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-chat-indicator.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-chat-indicator.json"},{"name":"agent-chat-transcript","title":"Agent Chat Transcript","description":"A component for displaying the agent session's chat transcript.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-chat-transcript.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-chat-transcript.json"},{"name":"react-shader-toy","title":"React Shader Toy","description":"A shadertoy-like shader renderer component for React.","type":"registry:component","source_url":"https://livekit.com/ui/r/react-shader-toy.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/react-shader-toy.json"},{"name":"agent-audio-visualizer-wave","title":"Agent Audio Visualizer Wave","description":"A wave visualizer for audio tracks.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-audio-visualizer-wave.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-audio-visualizer-wave.json"},{"name":"agent-audio-visualizer-aura","title":"Agent Audio Visualizer Aura","description":"An aura visualizer for audio tracks.","type":"registry:component","source_url":"https://livekit.com/ui/r/agent-audio-visualizer-aura.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-audio-visualizer-aura.json"},{"name":"nextjs-api-token-route","title":"NextJS API route to get a LiveKit session token","description":"A NextJS API route to generate a LiveKit session token while keeping your API keys private.","type":"registry:page","source_url":"https://livekit.com/ui/r/nextjs-api-token-route.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/nextjs-api-token-route.json"},{"name":"agent-session-view-01","title":"Agent Session View","description":"A full-screen agent session block with transcript, controls, and I/O media tiles.","type":"registry:block","source_url":"https://livekit.com/ui/r/agent-session-view-01.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-session-view-01.json"},{"name":"agent-popup-01","title":"Agent Popup","description":"A floating chat-bubble trigger that expands into a compact agent session popup, suitable for embedding on any page.","type":"registry:block","source_url":"https://livekit.com/ui/r/agent-popup-01.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/agent-popup-01.json"},{"name":"all","title":"All","description":"Installs every component in the @agents-ui registry (excluding the nextjs-api-token-route).","type":"registry:item","source_url":"https://livekit.com/ui/r/all.json","install_command":"npx shadcn@latest add https://livekit.com/ui/r/all.json"}]},{"id":"agentui","name":"@agentui","slug":"agentui","description":"Open-source React components for AI agent conversations, reasoning, tools, approvals, and streamed responses.","author":null,"framework":"react","license":null,"tags":["ai","blocks","cards","dashboard","forms","loaders","media"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://www.agentui.pro","github":null,"registry":"https://www.agentui.pro/r/registry.json","source":"https://www.agentui.pro/r/registry.json","page":"https://sh4dcn.netlify.app/registry/agentui","markdown":"https://sh4dcn.netlify.app/md/agentui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='none'><path d='M512 152H372C250.5 152 152 250.5 152 372V652C152 773.5 250.5 872 372 872H588' stroke='var(--foreground)' stroke-width='144' stroke-linecap='round' stroke-linejoin='round'/><path d='M872 588V372C872 250.5 773.5 152 652 152H512' stroke='var(--foreground)' stroke-width='144' stroke-linecap='round' stroke-linejoin='round'/><rect x='698' y='698' width='174' height='174' rx='56' fill='var(--foreground)'/></svg>","preview_image":"https://www.agentui.pro/api/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.agentui.pro/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.agentui.pro/r/registry.json","install_bun":"bunx shadcn@latest add https://www.agentui.pro/r/registry.json","registry_fetch":"curl -s https://www.agentui.pro/r/registry.json"},"component_count":21,"components":[{"name":"model-selector","title":"Model Selector","description":"A composer-ready model and reasoning-effort control: the first view manages effort, the current model opens a full picker, and both views share a stable collis…","type":"registry:component","source_url":"https://www.agentui.pro/r/model-selector.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/model-selector.json"},{"name":"usage-dashboard","title":"Usage Dashboard","description":"A coding-agent usage overview with daily token trends, provider and model totals, billed spend, and a daily breakdown.","type":"registry:component","source_url":"https://www.agentui.pro/r/usage-dashboard.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/usage-dashboard.json"},{"name":"message-bubble","title":"Message Bubble","description":"A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.","type":"registry:component","source_url":"https://www.agentui.pro/r/message-bubble.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/message-bubble.json"},{"name":"message","title":"Message","description":"Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent row…","type":"registry:component","source_url":"https://www.agentui.pro/r/message.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.","type":"registry:component","source_url":"https://www.agentui.pro/r/message-scroller.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/message-scroller.json"},{"name":"prompt-input","title":"Prompt Input","description":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.","type":"registry:component","source_url":"https://www.agentui.pro/r/prompt-input.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/prompt-input.json"},{"name":"todo-list","title":"Todo List","description":"A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.","type":"registry:component","source_url":"https://www.agentui.pro/r/todo-list.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/todo-list.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.","type":"registry:component","source_url":"https://www.agentui.pro/r/code-block.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/code-block.json"},{"name":"approval-card","title":"Approval Card","description":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.","type":"registry:component","source_url":"https://www.agentui.pro/r/approval-card.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/approval-card.json"},{"name":"file-diff","title":"File Diff","description":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.","type":"registry:component","source_url":"https://www.agentui.pro/r/file-diff.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/file-diff.json"},{"name":"tool-result","title":"Tool Result","description":"A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.","type":"registry:component","source_url":"https://www.agentui.pro/r/tool-result.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/tool-result.json"},{"name":"streaming-response","title":"Streaming Response","description":"A stable response surface with completion actions, rendered content, and an expandable source summary.","type":"registry:component","source_url":"https://www.agentui.pro/r/streaming-response.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/streaming-response.json"},{"name":"image-generation","title":"Image Generation","description":"A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.","type":"registry:component","source_url":"https://www.agentui.pro/r/image-generation.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/image-generation.json"},{"name":"tool-approval","title":"Tool Approval","description":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.","type":"registry:component","source_url":"https://www.agentui.pro/r/tool-approval.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/tool-approval.json"},{"name":"citations","title":"Citations","description":"Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.","type":"registry:component","source_url":"https://www.agentui.pro/r/citations.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/citations.json"},{"name":"agent-activity","title":"Agent Activity","description":"One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.","type":"registry:component","source_url":"https://www.agentui.pro/r/agent-activity.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/agent-activity.json"},{"name":"reasoning-text","title":"Agent Loading States Reasoning Text","description":"Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.","type":"registry:component","source_url":"https://www.agentui.pro/r/reasoning-text.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/reasoning-text.json"},{"name":"thinking-shimmer","title":"Agent Loading States Thinking Shimmer","description":"A quiet shimmer that keeps the agent's current status readable while work continues.","type":"registry:component","source_url":"https://www.agentui.pro/r/thinking-shimmer.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/thinking-shimmer.json"},{"name":"agent-progress","title":"Agent Loading States Agent Progress","description":"A compact activity glyph, action verb, and live tabular timer for longer-running agent work.","type":"registry:component","source_url":"https://www.agentui.pro/r/agent-progress.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/agent-progress.json"},{"name":"ai-sidebar","title":"AI Sidebar","description":"A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware la…","type":"registry:component","source_url":"https://www.agentui.pro/r/ai-sidebar.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/ai-sidebar.json"},{"name":"chat-app","title":"Chat App","description":"A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and promp…","type":"registry:component","source_url":"https://www.agentui.pro/r/chat-app.json","install_command":"npx shadcn@latest add https://www.agentui.pro/r/chat-app.json"}]},{"id":"ai-blocks","name":"@ai-blocks","slug":"ai-blocks","description":"50+ browser-native AI UI components powered by WebLLM — runs large language models directly in the browser with no server and no API keys required. Categories include: chat interfaces (simple chat, personas, voice chat, tool use), text generation (streaming, rewriter, expander, autocomplete), structured output (sentiment analysis, entity extraction, JSON generation), content tools (summarization, translation), forms (smart validation, autofill), e-commerce (product search, reviews, size advisor), education (flashcards, quizzes, Socratic tutoring), and accessibility helpers. Requires the webllm npm package, React 18+, and shadcn/ui. Free, open-source. Use for: privacy-first AI features where all inference must stay client-side, with zero backend infrastructure.","author":"webllm-org","framework":"react","license":null,"tags":["accessibility","ai","audio","blocks","cards","developer-tools","e-commerce","forms","hooks","pro-available"],"categories":["AI/chat UI"],"labels":["featured","pro"],"urls":{"website":"https://webllm.org/blocks","github":"https://github.com/webllm-org/ai-blocks","registry":"https://webllm.org/r/{name}.json","source":"https://webllm.org/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/ai-blocks","markdown":"https://sh4dcn.netlify.app/md/ai-blocks.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='var(--foreground)' d='M19.5 4.783v2.888L22 9.114v5.773l-2.501 1.444l.001 2.887l-5 2.887L12 20.66l-2.5 1.444l-5-2.887V16.33L2 14.888l.001-5.775L4.5 7.67V4.784l5-2.887l2.499 1.444l2.502-1.445zm-4.765 8.377a.253.253 0 0 0-.47 0l-.127.305a2.18 2.18 0 0 1-1.125 1.163l-.359.16a.265.265 0 0 0 0 .48l.38.17c.494.22.89.62 1.11 1.124l.123.283c.09.207.376.207.466 0l.123-.282a2.18 2.18 0 0 1 1.11-1.125l.38-.17a.265.265 0 0 0 0-.48l-.359-.16a2.18 2.18 0 0 1-1.126-1.163zm-4.323-5.38a.444.444 0 0 0-.824 0l-.222.534a3.82 3.82 0 0 1-1.969 2.037l-.627.279a.464.464 0 0 0 0 .843l.665.295a3.82 3.82 0 0 1 1.941 1.97l.216.494a.442.442 0 0 0 .816 0l.216-.495a3.82 3.82 0 0 1 1.941-1.97l.665-.294a.464.464 0 0 0 0-.843l-.628-.28a3.82 3.82 0 0 1-1.97-2.036z'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://webllm.org/blocks/pricing-explainer/preview"},"metrics":{"github_stars":10,"open_issues":0,"last_commit":"2025-12-09T15:22:25Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/webllm-org/ai-blocks.git","clone_degit":"npx degit webllm-org/ai-blocks","registry_fetch":"curl -s https://webllm.org/r/{name}.json"},"component_count":0,"components":[]},{"id":"ai-elements","name":"@ai-elements","slug":"ai-elements","description":"Official Vercel AI SDK component registry (also distributed as ai-elements CLI) for building AI-native Next.js applications. Components span: Chatbot, Conversation, Message, Prompt Input, Model Selector, Reasoning/Chain-of-Thought display, Inline Citation, Confirmation, Checkpoint, Context, Suggestion, Task, Queue, Tool display, Code Block, Commit, File Tree, JSX Preview, Package Info, Sandbox, Schema Display, Snippet, Stack Trace, Terminal, Test Results, Web Preview, Audio Player, Mic Selector, and more. Requires Vercel AI SDK + shadcn/ui + Tailwind CSS. Free, open-source. Use for: AI-first Next.js apps that need a full suite of streaming-ready chat and agentic display components wired to the Vercel AI SDK out of the box.","author":"vercel","framework":"react","license":null,"tags":["accessibility","ai","audio","blocks","cards","developer-tools","forms","loaders","media","overlays","retro"],"categories":["AI/chat UI"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://ai-sdk.dev/elements","github":"https://github.com/vercel/ai-elements","registry":"https://ai-sdk.dev/elements/api/registry/registry.json","source":"https://ai-sdk.dev/elements/api/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/ai-elements","markdown":"https://sh4dcn.netlify.app/md/ai-elements.md"},"logo":"<svg stroke-linejoin='round' viewBox='0 0 16 16' width='18' style='color:currentcolor'><path fill-rule='evenodd' clip-rule='evenodd' d='M8 1L16 15H0L8 1Z' fill='currentColor'></path></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2499,"open_issues":124,"last_commit":"2026-10-14T17:04:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ai-sdk.dev/elements/api/registry/registry.json","install_bun":"bunx shadcn@latest add https://ai-sdk.dev/elements/api/registry/registry.json","clone":"git clone https://github.com/vercel/ai-elements.git","clone_degit":"npx degit vercel/ai-elements","registry_fetch":"curl -s https://ai-sdk.dev/elements/api/registry/registry.json"},"component_count":141,"components":[{"name":"agent","title":"Agent","description":"AI-powered agent component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/agent.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/agent.json"},{"name":"artifact","title":"Artifact","description":"AI-powered artifact component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/artifact.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/artifact.json"},{"name":"attachments","title":"Attachments","description":"AI-powered attachments component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/attachments.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/attachments.json"},{"name":"audio-player","title":"Audio Player","description":"AI-powered audio player component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/audio-player.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/audio-player.json"},{"name":"canvas","title":"Canvas","description":"AI-powered canvas component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/canvas.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/canvas.json"},{"name":"chain-of-thought","title":"Chain Of Thought","description":"AI-powered chain of-thought component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/chain-of-thought.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/chain-of-thought.json"},{"name":"checkpoint","title":"Checkpoint","description":"AI-powered checkpoint component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/checkpoint.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/checkpoint.json"},{"name":"code-block","title":"Code Block","description":"AI-powered code block component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/code-block.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/code-block.json"},{"name":"commit","title":"Commit","description":"AI-powered commit component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/commit.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/commit.json"},{"name":"confirmation","title":"Confirmation","description":"AI-powered confirmation component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/confirmation.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/confirmation.json"},{"name":"connection","title":"Connection","description":"AI-powered connection component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/connection.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/connection.json"},{"name":"context","title":"Context","description":"AI-powered context component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/context.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/context.json"},{"name":"controls","title":"Controls","description":"AI-powered controls component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/controls.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/controls.json"},{"name":"conversation","title":"Conversation","description":"AI-powered conversation component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/conversation.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/conversation.json"},{"name":"edge","title":"Edge","description":"AI-powered edge component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/edge.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/edge.json"},{"name":"environment-variables","title":"Environment Variables","description":"AI-powered environment variables component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/environment-variables.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/environment-variables.json"},{"name":"file-tree","title":"File Tree","description":"AI-powered file tree component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/file-tree.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/file-tree.json"},{"name":"image","title":"Image","description":"AI-powered image component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/image.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/image.json"},{"name":"inline-citation","title":"Inline Citation","description":"AI-powered inline citation component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/inline-citation.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/inline-citation.json"},{"name":"jsx-preview","title":"Jsx Preview","description":"AI-powered jsx preview component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/jsx-preview.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/jsx-preview.json"},{"name":"message","title":"Message","description":"AI-powered message component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/message.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/message.json"},{"name":"mic-selector","title":"Mic Selector","description":"AI-powered mic selector component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/mic-selector.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/mic-selector.json"},{"name":"model-selector","title":"Model Selector","description":"AI-powered model selector component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/model-selector.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/model-selector.json"},{"name":"node","title":"Node","description":"AI-powered node component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/node.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/node.json"},{"name":"open-in-chat","title":"Open In Chat","description":"AI-powered open in-chat component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/open-in-chat.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/open-in-chat.json"},{"name":"package-info","title":"Package Info","description":"AI-powered package info component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/package-info.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/package-info.json"},{"name":"panel","title":"Panel","description":"AI-powered panel component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/panel.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/panel.json"},{"name":"persona","title":"Persona","description":"AI-powered persona component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/persona.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/persona.json"},{"name":"plan","title":"Plan","description":"AI-powered plan component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/plan.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/plan.json"},{"name":"prompt-input","title":"Prompt Input","description":"AI-powered prompt input component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/prompt-input.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/prompt-input.json"},{"name":"question","title":"Question","description":"AI-powered question component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/question.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/question.json"},{"name":"queue","title":"Queue","description":"AI-powered queue component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/queue.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/queue.json"},{"name":"reasoning","title":"Reasoning","description":"AI-powered reasoning component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/reasoning.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/reasoning.json"},{"name":"sandbox","title":"Sandbox","description":"AI-powered sandbox component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/sandbox.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/sandbox.json"},{"name":"schema-display","title":"Schema Display","description":"AI-powered schema display component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/schema-display.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/schema-display.json"},{"name":"shimmer","title":"Shimmer","description":"AI-powered shimmer component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/shimmer.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/shimmer.json"},{"name":"snippet","title":"Snippet","description":"AI-powered snippet component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/snippet.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/snippet.json"},{"name":"sources","title":"Sources","description":"AI-powered sources component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/sources.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/sources.json"},{"name":"speech-input","title":"Speech Input","description":"AI-powered speech input component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/speech-input.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/speech-input.json"},{"name":"stack-trace","title":"Stack Trace","description":"AI-powered stack trace component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/stack-trace.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/stack-trace.json"},{"name":"suggestion","title":"Suggestion","description":"AI-powered suggestion component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/suggestion.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/suggestion.json"},{"name":"task","title":"Task","description":"AI-powered task component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/task.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/task.json"},{"name":"terminal","title":"Terminal","description":"AI-powered terminal component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/terminal.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/terminal.json"},{"name":"test-results","title":"Test Results","description":"AI-powered test results component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/test-results.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/test-results.json"},{"name":"tool","title":"Tool","description":"AI-powered tool component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/tool.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/tool.json"},{"name":"toolbar","title":"Toolbar","description":"AI-powered toolbar component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/toolbar.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/toolbar.json"},{"name":"transcription","title":"Transcription","description":"AI-powered transcription component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/transcription.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/transcription.json"},{"name":"voice-selector","title":"Voice Selector","description":"AI-powered voice selector component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/voice-selector.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/voice-selector.json"},{"name":"web-preview","title":"Web Preview","description":"AI-powered web preview component.","type":"registry:component","source_url":"https://ai-sdk.dev/elements/api/registry/web-preview.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/web-preview.json"},{"name":"example-agent","title":"Agent Example","description":"Example implementation of agent.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-agent.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-agent.json"},{"name":"example-artifact","title":"Artifact Example","description":"Example implementation of artifact.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-artifact.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-artifact.json"},{"name":"example-attachments-inline","title":"Attachments Inline Example","description":"Example implementation of attachments inline.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-attachments-inline.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-attachments-inline.json"},{"name":"example-attachments-list","title":"Attachments List Example","description":"Example implementation of attachments list.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-attachments-list.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-attachments-list.json"},{"name":"example-attachments","title":"Attachments Example","description":"Example implementation of attachments.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-attachments.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-attachments.json"},{"name":"example-audio-player-remote","title":"Audio Player Remote Example","description":"Example implementation of audio player-remote.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-audio-player-remote.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-audio-player-remote.json"},{"name":"example-audio-player","title":"Audio Player Example","description":"Example implementation of audio player.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-audio-player.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-audio-player.json"},{"name":"example-chain-of-thought","title":"Chain Of Thought Example","description":"Example implementation of chain of-thought.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-chain-of-thought.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-chain-of-thought.json"},{"name":"example-chatbot","title":"Chatbot Example","description":"Example implementation of chatbot.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-chatbot.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-chatbot.json"},{"name":"example-checkpoint","title":"Checkpoint Example","description":"Example implementation of checkpoint.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-checkpoint.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-checkpoint.json"},{"name":"example-code-block-dark","title":"Code Block Dark Example","description":"Example implementation of code block-dark.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-code-block-dark.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-code-block-dark.json"},{"name":"example-code-block","title":"Code Block Example","description":"Example implementation of code block.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-code-block.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-code-block.json"},{"name":"example-commit","title":"Commit Example","description":"Example implementation of commit.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-commit.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-commit.json"},{"name":"example-confirmation-accepted","title":"Confirmation Accepted Example","description":"Example implementation of confirmation accepted.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-confirmation-accepted.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-confirmation-accepted.json"},{"name":"example-confirmation-rejected","title":"Confirmation Rejected Example","description":"Example implementation of confirmation rejected.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-confirmation-rejected.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-confirmation-rejected.json"},{"name":"example-confirmation-request","title":"Confirmation Request Example","description":"Example implementation of confirmation request.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-confirmation-request.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-confirmation-request.json"},{"name":"example-confirmation","title":"Confirmation Example","description":"Example implementation of confirmation.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-confirmation.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-confirmation.json"},{"name":"example-context","title":"Context Example","description":"Example implementation of context.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-context.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-context.json"},{"name":"example-conversation","title":"Conversation Example","description":"Example implementation of conversation.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-conversation.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-conversation.json"},{"name":"example-demo-chatgpt","title":"Demo Chatgpt Example","description":"Example implementation of demo chatgpt.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-demo-chatgpt.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-demo-chatgpt.json"},{"name":"example-demo-claude","title":"Demo Claude Example","description":"Example implementation of demo claude.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-demo-claude.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-demo-claude.json"},{"name":"example-demo-cursor","title":"Demo Cursor Example","description":"Example implementation of demo cursor.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-demo-cursor.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-demo-cursor.json"},{"name":"example-demo-grok","title":"Demo Grok Example","description":"Example implementation of demo grok.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-demo-grok.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-demo-grok.json"},{"name":"example-demo-workflow","title":"Demo Workflow Example","description":"Example implementation of demo workflow.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-demo-workflow.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-demo-workflow.json"},{"name":"example-environment-variables","title":"Environment Variables Example","description":"Example implementation of environment variables.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-environment-variables.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-environment-variables.json"},{"name":"example-file-tree-basic","title":"File Tree Basic Example","description":"Example implementation of file tree-basic.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-file-tree-basic.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-file-tree-basic.json"},{"name":"example-file-tree-expanded","title":"File Tree Expanded Example","description":"Example implementation of file tree-expanded.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-file-tree-expanded.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-file-tree-expanded.json"},{"name":"example-file-tree-selection","title":"File Tree Selection Example","description":"Example implementation of file tree-selection.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-file-tree-selection.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-file-tree-selection.json"},{"name":"example-file-tree","title":"File Tree Example","description":"Example implementation of file tree.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-file-tree.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-file-tree.json"},{"name":"example-image","title":"Image Example","description":"Example implementation of image.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-image.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-image.json"},{"name":"example-inline-citation","title":"Inline Citation Example","description":"Example implementation of inline citation.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-inline-citation.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-inline-citation.json"},{"name":"example-jsx-preview","title":"Jsx Preview Example","description":"Example implementation of jsx preview.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-jsx-preview.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-jsx-preview.json"},{"name":"example-message","title":"Message Example","description":"Example implementation of message.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-message.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-message.json"},{"name":"example-mic-selector","title":"Mic Selector Example","description":"Example implementation of mic selector.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-mic-selector.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-mic-selector.json"},{"name":"example-model-selector","title":"Model Selector Example","description":"Example implementation of model selector.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-model-selector.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-model-selector.json"},{"name":"example-open-in-chat","title":"Open In Chat Example","description":"Example implementation of open in-chat.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-open-in-chat.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-open-in-chat.json"},{"name":"example-package-info","title":"Package Info Example","description":"Example implementation of package info.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-package-info.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-package-info.json"},{"name":"example-persona-command","title":"Persona Command Example","description":"Example implementation of persona command.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-persona-command.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-persona-command.json"},{"name":"example-persona-glint","title":"Persona Glint Example","description":"Example implementation of persona glint.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-persona-glint.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-persona-glint.json"},{"name":"example-persona-halo","title":"Persona Halo Example","description":"Example implementation of persona halo.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-persona-halo.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-persona-halo.json"},{"name":"example-persona-mana","title":"Persona Mana Example","description":"Example implementation of persona mana.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-persona-mana.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-persona-mana.json"},{"name":"example-persona-obsidian","title":"Persona Obsidian Example","description":"Example implementation of persona obsidian.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-persona-obsidian.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-persona-obsidian.json"},{"name":"example-persona-opal","title":"Persona Opal Example","description":"Example implementation of persona opal.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-persona-opal.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-persona-opal.json"},{"name":"example-plan","title":"Plan Example","description":"Example implementation of plan.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-plan.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-plan.json"},{"name":"example-prompt-input-cursor","title":"Prompt Input Cursor Example","description":"Example implementation of prompt input-cursor.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-prompt-input-cursor.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-prompt-input-cursor.json"},{"name":"example-prompt-input-tooltip","title":"Prompt Input Tooltip Example","description":"Example implementation of prompt input-tooltip.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-prompt-input-tooltip.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-prompt-input-tooltip.json"},{"name":"example-prompt-input","title":"Prompt Input Example","description":"Example implementation of prompt input.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-prompt-input.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-prompt-input.json"},{"name":"example-question-freeform","title":"Question Freeform Example","description":"Example implementation of question freeform.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-question-freeform.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-question-freeform.json"},{"name":"example-question-multi-select","title":"Question Multi Select Example","description":"Example implementation of question multi-select.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-question-multi-select.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-question-multi-select.json"},{"name":"example-question-single-select","title":"Question Single Select Example","description":"Example implementation of question single-select.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-question-single-select.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-question-single-select.json"},{"name":"example-question","title":"Question Example","description":"Example implementation of question.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-question.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-question.json"},{"name":"example-queue-prompt-input","title":"Queue Prompt Input Example","description":"Example implementation of queue prompt-input.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-queue-prompt-input.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-queue-prompt-input.json"},{"name":"example-queue","title":"Queue Example","description":"Example implementation of queue.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-queue.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-queue.json"},{"name":"example-reasoning","title":"Reasoning Example","description":"Example implementation of reasoning.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-reasoning.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-reasoning.json"},{"name":"example-sandbox","title":"Sandbox Example","description":"Example implementation of sandbox.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-sandbox.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-sandbox.json"},{"name":"example-schema-display-basic","title":"Schema Display Basic Example","description":"Example implementation of schema display-basic.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-schema-display-basic.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-schema-display-basic.json"},{"name":"example-schema-display-body","title":"Schema Display Body Example","description":"Example implementation of schema display-body.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-schema-display-body.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-schema-display-body.json"},{"name":"example-schema-display-nested","title":"Schema Display Nested Example","description":"Example implementation of schema display-nested.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-schema-display-nested.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-schema-display-nested.json"},{"name":"example-schema-display-params","title":"Schema Display Params Example","description":"Example implementation of schema display-params.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-schema-display-params.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-schema-display-params.json"},{"name":"example-schema-display","title":"Schema Display Example","description":"Example implementation of schema display.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-schema-display.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-schema-display.json"},{"name":"example-shimmer-duration","title":"Shimmer Duration Example","description":"Example implementation of shimmer duration.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-shimmer-duration.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-shimmer-duration.json"},{"name":"example-shimmer-elements","title":"Shimmer Elements Example","description":"Example implementation of shimmer elements.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-shimmer-elements.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-shimmer-elements.json"},{"name":"example-shimmer","title":"Shimmer Example","description":"Example implementation of shimmer.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-shimmer.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-shimmer.json"},{"name":"example-snippet-plain","title":"Snippet Plain Example","description":"Example implementation of snippet plain.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-snippet-plain.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-snippet-plain.json"},{"name":"example-snippet","title":"Snippet Example","description":"Example implementation of snippet.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-snippet.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-snippet.json"},{"name":"example-sources-custom","title":"Sources Custom Example","description":"Example implementation of sources custom.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-sources-custom.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-sources-custom.json"},{"name":"example-sources","title":"Sources Example","description":"Example implementation of sources.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-sources.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-sources.json"},{"name":"example-speech-input","title":"Speech Input Example","description":"Example implementation of speech input.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-speech-input.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-speech-input.json"},{"name":"example-stack-trace-collapsed","title":"Stack Trace Collapsed Example","description":"Example implementation of stack trace-collapsed.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-stack-trace-collapsed.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-stack-trace-collapsed.json"},{"name":"example-stack-trace-no-internal","title":"Stack Trace No Internal Example","description":"Example implementation of stack trace-no-internal.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-stack-trace-no-internal.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-stack-trace-no-internal.json"},{"name":"example-stack-trace","title":"Stack Trace Example","description":"Example implementation of stack trace.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-stack-trace.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-stack-trace.json"},{"name":"example-suggestion-input","title":"Suggestion Input Example","description":"Example implementation of suggestion input.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-suggestion-input.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-suggestion-input.json"},{"name":"example-suggestion","title":"Suggestion Example","description":"Example implementation of suggestion.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-suggestion.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-suggestion.json"},{"name":"example-task","title":"Task Example","description":"Example implementation of task.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-task.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-task.json"},{"name":"example-terminal-basic","title":"Terminal Basic Example","description":"Example implementation of terminal basic.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-terminal-basic.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-terminal-basic.json"},{"name":"example-terminal-clear","title":"Terminal Clear Example","description":"Example implementation of terminal clear.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-terminal-clear.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-terminal-clear.json"},{"name":"example-terminal-streaming","title":"Terminal Streaming Example","description":"Example implementation of terminal streaming.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-terminal-streaming.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-terminal-streaming.json"},{"name":"example-terminal","title":"Terminal Example","description":"Example implementation of terminal.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-terminal.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-terminal.json"},{"name":"example-test-results-basic","title":"Test Results Basic Example","description":"Example implementation of test results-basic.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-test-results-basic.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-test-results-basic.json"},{"name":"example-test-results-errors","title":"Test Results Errors Example","description":"Example implementation of test results-errors.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-test-results-errors.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-test-results-errors.json"},{"name":"example-test-results-suites","title":"Test Results Suites Example","description":"Example implementation of test results-suites.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-test-results-suites.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-test-results-suites.json"},{"name":"example-test-results","title":"Test Results Example","description":"Example implementation of test results.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-test-results.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-test-results.json"},{"name":"example-tool-input-available","title":"Tool Input Available Example","description":"Example implementation of tool input-available.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-tool-input-available.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-tool-input-available.json"},{"name":"example-tool-input-streaming","title":"Tool Input Streaming Example","description":"Example implementation of tool input-streaming.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-tool-input-streaming.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-tool-input-streaming.json"},{"name":"example-tool-output-available","title":"Tool Output Available Example","description":"Example implementation of tool output-available.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-tool-output-available.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-tool-output-available.json"},{"name":"example-tool-output-error","title":"Tool Output Error Example","description":"Example implementation of tool output-error.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-tool-output-error.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-tool-output-error.json"},{"name":"example-tool","title":"Tool Example","description":"Example implementation of tool.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-tool.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-tool.json"},{"name":"example-transcription","title":"Transcription Example","description":"Example implementation of transcription.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-transcription.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-transcription.json"},{"name":"example-v0-clone","title":"V0 Clone Example","description":"Example implementation of v0 clone.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-v0-clone.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-v0-clone.json"},{"name":"example-voice-selector","title":"Voice Selector Example","description":"Example implementation of voice selector.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-voice-selector.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-voice-selector.json"},{"name":"example-web-preview","title":"Web Preview Example","description":"Example implementation of web preview.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-web-preview.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-web-preview.json"},{"name":"example-workflow","title":"Workflow Example","description":"Example implementation of workflow.","type":"registry:block","source_url":"https://ai-sdk.dev/elements/api/registry/example-workflow.json","install_command":"npx shadcn@latest add https://ai-sdk.dev/elements/api/registry/example-workflow.json"}]},{"id":"aicanvas","name":"@aicanvas","slug":"aicanvas","description":"Growing open-source collection of 64+ animated React components (TypeScript, Motion/Framer Motion, Tailwind CSS) aimed at designers and developers. Notable component groups include: Label Cards, Cards & Modals (Travel Deck, AI Job Cards, Task Cards), Backgrounds (Particle Sphere), and more. Each component ships with full source code and expert-crafted AI reproduction prompts for Claude Code, Lovable, and v0. Free, MIT-licensed. Install via shadcn CLI. Use for: quickly grabbing a polished animated card or background component and immediately being able to remix or extend it with an AI coding tool.","author":"uiNerd16","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","charts","crypto","dashboard","design-system","forms","glassmorphism","icons","loaders","media","navigation","overlays","payments","pro-available","tables"],"categories":["Animated components"],"labels":["featured","pro","recently-updated"],"urls":{"website":"https://aicanvas.me","github":"https://github.com/uiNerd16/aicanvas","registry":"https://aicanvas.me/r/registry.json","source":"https://aicanvas.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/aicanvas","markdown":"https://sh4dcn.netlify.app/md/aicanvas.md"},"logo":"<svg width=\"28\" height=\"24\" viewBox=\"0 0 28 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.8513 0C20.5626 0 21.2204 0.377823 21.5788 0.992258L22.75 3L26.8243 9.98452C27.5508 11.23 27.5508 12.77 26.8243 14.0155L22.75 21L21.5788 23.0077C21.2204 23.6222 20.5626 24 19.8513 24H8.14874C7.43741 24 6.7796 23.6222 6.42118 23.0077L0.587849 13.0077C0.224593 12.385 0.224593 11.615 0.58785 10.9923L6.42118 0.992257C6.7796 0.377822 7.43741 0 8.14874 0H19.8513ZM4 12L9 21H18.25L13 12L18.25 3H9L4 12Z\" fill=\"#FAFAF0\"/></svg>","preview_image":"https://aicanvas.me/og-aug2026-aicanvas.me.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://aicanvas.me/pricing"},"metrics":{"github_stars":68,"open_issues":0,"last_commit":"2026-10-23T18:45:33Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://aicanvas.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://aicanvas.me/r/registry.json","install_bun":"bunx shadcn@latest add https://aicanvas.me/r/registry.json","clone":"git clone https://github.com/uiNerd16/aicanvas.git","clone_degit":"npx degit uiNerd16/aicanvas","registry_fetch":"curl -s https://aicanvas.me/r/registry.json"},"component_count":205,"components":[{"name":"ai-job-cards","title":"AI Job Cards","description":"Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/ai-job-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/ai-job-cards.json"},{"name":"meet-the-crew","title":"Meet the Crew","description":"A swipeable portrait card stack perfect for introducing a team, showcasing crew members, or picking an avatar. Four stacked cards fan out with soft rotations: …","type":"registry:ui","source_url":"https://aicanvas.me/r/meet-the-crew.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/meet-the-crew.json"},{"name":"blind-pull-toggle","title":"Blind Pull Toggle","description":"A dark/light mode toggle styled as a window-blind pull cord. Click to yank the cord and watch the icon swap through a venetian-blind slat animation. Free accou…","type":"registry:ui","source_url":"https://aicanvas.me/r/blind-pull-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/blind-pull-toggle.json"},{"name":"bubble-field","title":"Bubble Field","description":"An animated bubble background. A monochrome grid of outline circles bursts near the cursor, expanding and fading, then reforming. Free account required to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/bubble-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/bubble-field.json"},{"name":"charging-widget","title":"Charging Widget","description":"Circular battery indicator with animated liquid waves that rise as the percentage counts up, looping continuously. Free account required to install; source is …","type":"registry:ui","source_url":"https://aicanvas.me/r/charging-widget.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/charging-widget.json"},{"name":"crypto-swap","title":"Crypto Swap","description":"A crypto token-swap widget with live exchange rates, price impact, and an animated swap button. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/crypto-swap.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/crypto-swap.json"},{"name":"cube-carousel","title":"Cube Carousel","description":"An interactive 3D photo cube with six placeholder images on its faces. Drag with your cursor to spin it freely on both axes; release and it coasts naturally to…","type":"registry:ui","source_url":"https://aicanvas.me/r/cube-carousel.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/cube-carousel.json"},{"name":"curious-ai","title":"Curious AI","description":"A morphing 3D AI orb in Three.js with cyan and magenta rim lights, iridescent pink speckles on a wrinkled surface, and glowing pink robot-eye pills that follow…","type":"registry:ui","source_url":"https://aicanvas.me/r/curious-ai.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/curious-ai.json"},{"name":"danger-stripes","title":"Danger Stripes","description":"Three crossing caution-tape stripes on orange. Hover to shake, click to intensify. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/danger-stripes.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/danger-stripes.json"},{"name":"delete-button","title":"Delete Button","description":"A red button that starts a five-second delete countdown, with a one-tap undo. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/delete-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/delete-button.json"},{"name":"diamond-grid","title":"Diamond Grid","description":"A faint canvas grid of diamonds. Seeded sparks send light outward until fronts meet. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/diamond-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/diamond-grid.json"},{"name":"distortion-grid","title":"Distortion Grid","description":"An animated grid background. Thin lines undulate in slow sweeping waves, and hovering repels the grid fabric outward from your cursor. Free account required to…","type":"registry:ui","source_url":"https://aicanvas.me/r/distortion-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/distortion-grid.json"},{"name":"dot-grid","title":"Dot Grid","description":"An animated dot grid background. Hovering lights up nearby dots with a smooth glow and an organic fade. Free account required to install; source is free to rea…","type":"registry:ui","source_url":"https://aicanvas.me/r/dot-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/dot-grid.json"},{"name":"emoji-burst","title":"Emoji Burst","description":"A button that explodes emojis outward in all directions. Five emoji sets cycle on each click. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/emoji-burst.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/emoji-burst.json"},{"name":"expanding-tabs","title":"Expanding Tabs","description":"A monochrome tab bar of icon circles. Click one and it expands into a labeled pill. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/expanding-tabs.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/expanding-tabs.json"},{"name":"flip-calendar","title":"Flip Calendar","description":"A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/flip-calendar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/flip-calendar.json"},{"name":"traveldeck","title":"Travel Deck","description":"A swipeable deck of destination cards. Drag the front card down to fling it off-screen and reveal the next. Each card reveals an animated hotels counter as it …","type":"registry:ui","source_url":"https://aicanvas.me/r/traveldeck.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/traveldeck.json"},{"name":"glass-ai-compose","title":"Glass AI Composer","description":"Glassmorphism AI chat input with image upload, web search toggle, and model switcher. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-ai-compose.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-ai-compose.json"},{"name":"glass-card","title":"Glass Card","description":"Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight. Free account required to install; source is free to …","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-card.json"},{"name":"glass-dock","title":"Glass Dock","description":"Glassmorphism macOS-style dock with cursor-proximity magnification. Icons scale with spring physics as the mouse approaches. Free account required to install; …","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-dock.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-dock.json"},{"name":"glass-modal","title":"Glass Modal","description":"Centered dialog with deep glass blur, scale-spring entrance, and staggered content reveal. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-modal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-modal.json"},{"name":"glass-music-player","title":"Glass Music Player","description":"Mini music player with glass surface, spinning vinyl art, animated progress bar, and ambient glow. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-music-player.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-music-player.json"},{"name":"glass-navbar","title":"Glass Navbar","description":"Frosted glass navigation bar with animated active tab indicator, ambient color blobs, and spring-physics entrance. Free account required to install; source is …","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-navbar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-navbar.json"},{"name":"glass-notification","title":"Glass Notifications","description":"Swipe-to-dismiss notification stack with glass cards and spring-animated layout transitions. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-notification.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-notification.json"},{"name":"glass-progress","title":"Glass Progress","description":"Glassmorphism progress bar panel with glowing gradient fills, spring-animated counters, staggered reveal, and replay button. Free account required to install; …","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-progress.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-progress.json"},{"name":"glass-search-bar","title":"Glass Search Bar","description":"Glassmorphism search bar with animated suggestion dropdown, active state glow, and reduced-motion support. Free account required to install; source is free to …","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-search-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-search-bar.json"},{"name":"glass-sidebar","title":"Glass Sidebar","description":"Collapsible glassmorphism sidebar with icon-only and full label states, spring-animated expand and collapse. Free account required to install; source is free t…","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-sidebar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-sidebar.json"},{"name":"glass-slider","title":"Glass Slider","description":"Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-slider.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-slider.json"},{"name":"glass-stepper","title":"Glass Stepper","description":"Glassmorphism numeric stepper with spring number flip, notification-style tinted buttons, and configurable min/max/step. Free account required to install; sour…","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-stepper.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-stepper.json"},{"name":"glass-tab-bar","title":"Glass Tab Bar","description":"Frosted glass pill tab bar with a sliding active indicator. Edge tabs snap flush to the container wall. Free account required to install; source is free to rea…","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-tab-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-tab-bar.json"},{"name":"glass-tags","title":"Glass Tags","description":"Selectable pill-shaped tags with glass surfaces, unique color accents, and spring-animated check marks. Free account required to install; source is free to rea…","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-tags.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-tags.json"},{"name":"glass-toast","title":"Glass Toast","description":"Frosted glassmorphism toast notification stack with 4 variants, auto-dismiss progress bar, and spring-animated stacking. Free account required to install; sour…","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-toast.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-toast.json"},{"name":"glass-toggle","title":"Glass Toggle","description":"On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-toggle.json"},{"name":"glass-user-menu","title":"Glass User Menu","description":"Frosted glass user avatar trigger with animated dropdown, grouped menu items, and Log Out. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glass-user-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glass-user-menu.json"},{"name":"glitch-button","title":"Glitch Button","description":"A terminal-inspired button with a text scramble glitch effect on hover. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/glitch-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/glitch-button.json"},{"name":"good-vibes","title":"Good Vibes","description":"Interactive typography where letters scale 2x and become bold on hover. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/good-vibes.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/good-vibes.json"},{"name":"grid-lines","title":"Grid Lines","description":"A grid background of dots connected by thin lines. The cursor lights a radial glow and bulges the grid outward like a lens as it moves. Free account required t…","type":"registry:ui","source_url":"https://aicanvas.me/r/grid-lines.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/grid-lines.json"},{"name":"halo-type","title":"Halo Type","description":"Rotating 3D ring text animation: the front arc reads upright, the back arc upside-down. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/halo-type.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/halo-type.json"},{"name":"interactive-card-stack","title":"Interactive Card Stack","description":"A scattered stack of photo cards. Drag, click, or arrow keys to focus any card. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/interactive-card-stack.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/interactive-card-stack.json"},{"name":"jar-of-emotions","title":"Emoji Reaction Jar","description":"Glass jar widget. Click a reaction to spring the lid and watch the emoji bounce down. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/jar-of-emotions.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/jar-of-emotions.json"},{"name":"label-cards","title":"Label Cards","description":"Colour-blocked label cards scattered at random angles. Tap one to spring it to centre. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/label-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/label-cards.json"},{"name":"magnetic-dots","title":"Magnetic Dots","description":"An interactive dot background. A dense grid of dots is magnetically pulled toward your cursor, snapping back with an elastic bounce. Free account required to i…","type":"registry:ui","source_url":"https://aicanvas.me/r/magnetic-dots.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/magnetic-dots.json"},{"name":"magnetic-logo-cluster","title":"Magnetic Logo Cluster","description":"An interactive swarm of your logo. Marks fly in from off-screen, drift endlessly, and bend toward the cursor. Free account required to install; source is free …","type":"registry:ui","source_url":"https://aicanvas.me/r/magnetic-logo-cluster.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/magnetic-logo-cluster.json"},{"name":"mark-toggle","title":"Mark Toggle","description":"An iOS-style pill toggle in warm earth and sand tones: the thumb carries a small icon that morphs from X to checkmark as it slides across. Free account require…","type":"registry:ui","source_url":"https://aicanvas.me/r/mark-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/mark-toggle.json"},{"name":"mood-tracker","title":"Mood Tracker","description":"A feelings check-in card with six expressive faces. Drag the segmented slider and the face, label, and liquid color wash shift with your mood. Free account req…","type":"registry:ui","source_url":"https://aicanvas.me/r/mood-tracker.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/mood-tracker.json"},{"name":"neon-clock","title":"Seven-Segment Clock","description":"A retro 7-segment LCD clock with pixel-grid overlay. Shows live HH:MM:SS with blinking colon, AM/PM indicator, day of week row, and full date. Free account req…","type":"registry:ui","source_url":"https://aicanvas.me/r/neon-clock.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/neon-clock.json"},{"name":"new-project-modal","title":"New Project Modal","description":"A pill button that morphs into a soft-UI project creation form: title, description, 7-swatch color label picker, Private toggle, and a checkmark-confirm Create…","type":"registry:ui","source_url":"https://aicanvas.me/r/new-project-modal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/new-project-modal.json"},{"name":"noise-bg","title":"Grain Background","description":"A grain background of randomly scattered dots. Hover to illuminate them with a soft Gaussian glow and organic connection lines. Free account required to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/noise-bg.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/noise-bg.json"},{"name":"noise-field","title":"Noise Field","description":"An animated flow field background. A grid of arrows driven by layered sine-wave noise drifts like wind. Hover and they turn to point at your cursor. Free accou…","type":"registry:ui","source_url":"https://aicanvas.me/r/noise-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/noise-field.json"},{"name":"orbit","title":"Orbit","description":"Kinetic text animation arranged in a circle. Hover slows the spin; letters push outward. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/orbit.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/orbit.json"},{"name":"particle-constellation","title":"Spider Web","description":"An animated spider web background. Silk strands bow slowly at rest, and hovering pushes each node so it bounces back under tension. Free account required to in…","type":"registry:ui","source_url":"https://aicanvas.me/r/particle-constellation.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/particle-constellation.json"},{"name":"particle-sphere","title":"Particle Sphere","description":"A 3D particle background built with Three.js. 9,000 particles sit on a slowly spinning sphere in warm gold and cool silver. Free account required to install; s…","type":"registry:ui","source_url":"https://aicanvas.me/r/particle-sphere.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/particle-sphere.json"},{"name":"peel-corner-reveal","title":"Peel to Scan","description":"A portrait card whose corner peels on tap, revealing a scannable Wi-Fi QR code. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/peel-corner-reveal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/peel-corner-reveal.json"},{"name":"pill-toggle","title":"Pill Toggle","description":"A minimal iOS-style slider toggle: thumb glides between off (grey) and on (green) with a snappy spring. Fully responsive. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/pill-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/pill-toggle.json"},{"name":"playful","title":"Playful","description":"Kinetic typography where letters jump, drop, and rotate on cursor proximity. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/playful.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/playful.json"},{"name":"polaroid-stack","title":"Polaroid Stack","description":"Five polaroid photo cards stacked in a casual pile. Click to fan them out in a spring-animated arc, hover to lift, click a card to spotlight it. Free account r…","type":"registry:ui","source_url":"https://aicanvas.me/r/polaroid-stack.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/polaroid-stack.json"},{"name":"product-card-deck","title":"Product Card Deck","description":"A draggable card deck you flick through one card at a time. The top card leans toward your drag, then spins away with momentum to reveal the next, and the deck…","type":"registry:ui","source_url":"https://aicanvas.me/r/product-card-deck.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/product-card-deck.json"},{"name":"radial-cards","title":"Radial Cards","description":"Seven health-metric cards bloom into a slowly rotating flower. Tap any petal to pull it forward and read your stats up close. Free account required to install;…","type":"registry:ui","source_url":"https://aicanvas.me/r/radial-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/radial-cards.json"},{"name":"radial-toolbar","title":"Radial Toolbar","description":"A radial context menu that fans out formatting tools around a centre button, with active toggle states and an animated label pill. Free account required to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/radial-toolbar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/radial-toolbar.json"},{"name":"responsive-letters","title":"Responsive Letters","description":"Interactive text where each letter responds to cursor proximity, animating variable font properties (weight, stretch, italic, letter-spacing, skew) to create a…","type":"registry:ui","source_url":"https://aicanvas.me/r/responsive-letters.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/responsive-letters.json"},{"name":"ripple-type","title":"Ripple Type","description":"SVG text animation warped by a turbulence filter. Toggle the fan and letters ripple. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/ripple-type.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/ripple-type.json"},{"name":"runway-loader","title":"Runway Loader","description":"An airplane taxis down a runway progress bar, nose tilting up and taking off at 100%. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/runway-loader.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/runway-loader.json"},{"name":"scramble-text","title":"Scramble Text","description":"Two words scramble continuously in a pixel cipher. Hover the container to decrypt them one by one. Mouse out and they snap back to noise. Free account required…","type":"registry:ui","source_url":"https://aicanvas.me/r/scramble-text.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/scramble-text.json"},{"name":"scroll-wipe-gallery","title":"Scroll Wipe Gallery","description":"A full-bleed, scroll-driven photo gallery. Each photo wipes in from a different edge. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/scroll-wipe-gallery.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/scroll-wipe-gallery.json"},{"name":"signature-pad","title":"Signature Pad","description":"A signature pad widget: pill button morphs into a canvas to draw with mouse or touch. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/signature-pad.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/signature-pad.json"},{"name":"slice-type","title":"Slice Type","description":"A typographic magic trick. At rest you read one ambiguous word; hover and it splits into two: LIGHT lifting up, NIGHT sinking down, the shared letters resolvin…","type":"registry:ui","source_url":"https://aicanvas.me/r/slice-type.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/slice-type.json"},{"name":"slide-deck","title":"Slide Deck","description":"Swipeable card deck with four editorial slides. Navigate forward and back by drag or tap. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/slide-deck.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/slide-deck.json"},{"name":"sphere-lines","title":"Wireframe Globe","description":"An animated wireframe globe background. A narrow wave band drifts slowly across the surface, and hovering ripples the lines under your cursor. Free account req…","type":"registry:ui","source_url":"https://aicanvas.me/r/sphere-lines.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/sphere-lines.json"},{"name":"stack-tower","title":"Stack Tower","description":"A column of 12 stacked words that reads as a rotating 3D cylinder. 2D transforms skew, scale and shift each row so the rotation travels down the stack. Hover l…","type":"registry:ui","source_url":"https://aicanvas.me/r/stack-tower.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/stack-tower.json"},{"name":"sticker-wall","title":"Sticker Wall","description":"A draggable sticker card wall. Drop notes, toss emoji, pile them up with real 2D physics. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/sticker-wall.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/sticker-wall.json"},{"name":"taga-toggle","title":"Taga Toggle","description":"A playful pill toggle with an expressive face on the thumb: dead (×× eyes, flat mouth) when off, happy (arc eyes, big smile) when on. Track warms from grey to …","type":"registry:ui","source_url":"https://aicanvas.me/r/taga-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/taga-toggle.json"},{"name":"task-cards","title":"Task Cards","description":"A swipeable project task card stack where each card has a unique accent colour, status badge, and due date. Drag left or right to cycle through tasks. The dism…","type":"registry:ui","source_url":"https://aicanvas.me/r/task-cards.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/task-cards.json"},{"name":"text-blur-reveal","title":"Text Blur Reveal","description":"Words animate into view one by one with a satisfying blur-to-sharp entrance, auto-replaying in a loop. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/text-blur-reveal.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/text-blur-reveal.json"},{"name":"tilted-coverflow","title":"Tilted Coverflow","description":"3D coverflow card carousel of seven tilted photos. Drag or arrows to focus any card. Free account required to install; source is free to read.","type":"registry:ui","source_url":"https://aicanvas.me/r/tilted-coverflow.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/tilted-coverflow.json"},{"name":"upload-progress","title":"Upload Progress","description":"A collapsible file upload widget with a shimmer progress bar (indigo while uploading, amber on pause). Expand to see per-file rows with live progress, time rem…","type":"registry:ui","source_url":"https://aicanvas.me/r/upload-progress.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/upload-progress.json"},{"name":"voice-chat-pill","title":"Live Session Pill","description":"A compact live-session presence pill with an animated speaking indicator and overlapping avatars. Clicks open a soft-UI modal showing all participants with a J…","type":"registry:ui","source_url":"https://aicanvas.me/r/voice-chat-pill.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/voice-chat-pill.json"},{"name":"wave-lines","title":"Wave Lines","description":"An animated line background. Dense vertical lines ripple with two layered sine waves, bunching and breathing. Hover to send waves across the canvas. Free accou…","type":"registry:ui","source_url":"https://aicanvas.me/r/wave-lines.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/wave-lines.json"},{"name":"x-grid","title":"X Grid","description":"An animated X grid background. Marks illuminate and connect to their neighbors with constellation lines as your cursor passes. Free account required to install…","type":"registry:ui","source_url":"https://aicanvas.me/r/x-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/x-grid.json"},{"name":"andromeda-tokens","title":"Andromeda Legacy tokens","description":"Foundation files for the Andromeda Legacy design system: tokens, shared utilities, and the system mark. Required by every Andromeda Legacy component and templa…","type":"registry:lib","source_url":"https://aicanvas.me/r/andromeda-tokens.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-tokens.json"},{"name":"andromeda","title":"Andromeda Legacy design system","description":"Every Andromeda Legacy component (42 files). Installs the foundation tokens automatically. Free account required to install; source is free to read.","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda.json"},{"name":"andromeda-alert","title":"Alert (Andromeda Legacy)","description":"Andromeda Legacy Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-alert.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-alert.json"},{"name":"andromeda-avatar","title":"Avatar (Andromeda Legacy)","description":"Andromeda Legacy Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-avatar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-avatar.json"},{"name":"andromeda-badge","title":"Badge (Andromeda Legacy)","description":"Andromeda Legacy Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-badge.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-badge.json"},{"name":"andromeda-button-system","title":"Button (Andromeda Legacy)","description":"Andromeda Legacy Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-button-system.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-button-system.json"},{"name":"andromeda-card","title":"Card (Andromeda Legacy)","description":"Andromeda Legacy Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sour…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-card.json"},{"name":"andromeda-checkbox","title":"Checkbox (Andromeda Legacy)","description":"Andromeda Legacy Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-checkbox.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-checkbox.json"},{"name":"andromeda-corner-markers","title":"Corner Markers (Andromeda Legacy)","description":"Andromeda Legacy Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-corner-markers.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-corner-markers.json"},{"name":"andromeda-date-range-picker","title":"Date Range Picker (Andromeda Legacy)","description":"Andromeda Legacy Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-date-range-picker.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-date-range-picker.json"},{"name":"andromeda-drawer","title":"Drawer (Andromeda Legacy)","description":"Andromeda Legacy Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-drawer.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-drawer.json"},{"name":"andromeda-empty-state","title":"Empty State (Andromeda Legacy)","description":"Andromeda Legacy Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-empty-state.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-empty-state.json"},{"name":"andromeda-heat-grid","title":"Heat Grid (Andromeda Legacy)","description":"Andromeda Legacy Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-heat-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-heat-grid.json"},{"name":"andromeda-icon-button","title":"Icon Button (Andromeda Legacy)","description":"Andromeda Legacy Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-icon-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-icon-button.json"},{"name":"andromeda-input","title":"Input (Andromeda Legacy)","description":"Andromeda Legacy Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-input.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-input.json"},{"name":"andromeda-nav-item","title":"Nav Item (Andromeda Legacy)","description":"Andromeda Legacy Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-nav-item.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-nav-item.json"},{"name":"andromeda-panel-header","title":"Panel Header (Andromeda Legacy)","description":"Andromeda Legacy Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-panel-header.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-panel-header.json"},{"name":"andromeda-panel-menu","title":"Panel Menu (Andromeda Legacy)","description":"Andromeda Legacy Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-panel-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-panel-menu.json"},{"name":"andromeda-planet","title":"Planet (Andromeda Legacy)","description":"Andromeda Legacy Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-planet.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-planet.json"},{"name":"andromeda-progress-bar","title":"Progress Bar (Andromeda Legacy)","description":"Andromeda Legacy Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-progress-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-progress-bar.json"},{"name":"andromeda-radar-chart","title":"Radar Chart (Andromeda Legacy)","description":"Andromeda Legacy Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-radar-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-radar-chart.json"},{"name":"andromeda-radio","title":"Radio (Andromeda Legacy)","description":"Andromeda Legacy Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-radio.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-radio.json"},{"name":"andromeda-search-field","title":"Search Field (Andromeda Legacy)","description":"Andromeda Legacy Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-search-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-search-field.json"},{"name":"andromeda-segmented-control","title":"Segmented Control (Andromeda Legacy)","description":"Andromeda Legacy Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-segmented-control.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-segmented-control.json"},{"name":"andromeda-slider","title":"Slider (Andromeda Legacy)","description":"Andromeda Legacy Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-slider.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-slider.json"},{"name":"andromeda-spinner","title":"Spinner (Andromeda Legacy)","description":"Andromeda Legacy Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; s…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-spinner.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-spinner.json"},{"name":"andromeda-stat-tile","title":"Stat Tile (Andromeda Legacy)","description":"Andromeda Legacy Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-stat-tile.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-stat-tile.json"},{"name":"andromeda-table","title":"Table (Andromeda Legacy)","description":"Andromeda Legacy Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-table.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-table.json"},{"name":"andromeda-tag","title":"Tag (Andromeda Legacy)","description":"Andromeda Legacy Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sourc…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-tag.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-tag.json"},{"name":"andromeda-textarea","title":"Textarea (Andromeda Legacy)","description":"Andromeda Legacy Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-textarea.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-textarea.json"},{"name":"andromeda-toggle","title":"Toggle (Andromeda Legacy)","description":"Andromeda Legacy Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; so…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-toggle.json"},{"name":"andromeda-tooltip","title":"Tooltip (Andromeda Legacy)","description":"Andromeda Legacy Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; s…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-tooltip.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-tooltip.json"},{"name":"andromeda-trend-chart","title":"Trend Chart (Andromeda Legacy)","description":"Andromeda Legacy Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-trend-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-trend-chart.json"},{"name":"andromeda-user-card","title":"User Card (Andromeda Legacy)","description":"Andromeda Legacy User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-user-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-user-card.json"},{"name":"andromeda-user-menu","title":"User Menu (Andromeda Legacy)","description":"Andromeda Legacy User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install;…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-user-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-user-menu.json"},{"name":"andromeda-metric-chart","title":"Metric Chart (Andromeda Legacy)","description":"Andromeda Legacy Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-metric-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-metric-chart.json"},{"name":"andromeda-gauge","title":"Gauge (Andromeda Legacy)","description":"Andromeda Legacy Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; sou…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-gauge.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-gauge.json"},{"name":"andromeda-waveform","title":"Waveform (Andromeda Legacy)","description":"Andromeda Legacy Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install; …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-waveform.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-waveform.json"},{"name":"andromeda-media-card","title":"Media Card (Andromeda Legacy)","description":"Andromeda Legacy Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-media-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-media-card.json"},{"name":"andromeda-data-table","title":"Data Table (Andromeda Legacy)","description":"Andromeda Legacy Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to install…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-data-table.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-data-table.json"},{"name":"andromeda-music-player","title":"Music Player (Andromeda Legacy)","description":"Andromeda Legacy Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Free account required to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-music-player.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-music-player.json"},{"name":"andromeda-mission-control","title":"Mission Control (Andromeda Legacy)","description":"Mission Control composition from Andromeda Legacy (Dashboard template). Pulls in the 14 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Pr…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-mission-control.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-mission-control.json"},{"name":"andromeda-service-order","title":"Service Order (Andromeda Legacy)","description":"Service Order composition from Andromeda Legacy (CRM template). Pulls in the 16 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-service-order.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-service-order.json"},{"name":"andromeda-resource-planning","title":"Resource Planning (Andromeda Legacy)","description":"Resource Planning composition from Andromeda Legacy (Scheduling template). Pulls in the 15 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-resource-planning.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-resource-planning.json"},{"name":"andromeda-signal-room","title":"Signal Room (Andromeda Legacy)","description":"Signal Room composition from Andromeda Legacy (Media template). Pulls in the 21 Andromeda Legacy components it uses, plus tokens. Requires AI Canvas Premium to…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-signal-room.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-signal-room.json"},{"name":"andromeda-all","title":"Andromeda Legacy: full system","description":"Every Andromeda Legacy component, token, and template, plus the Andromeda Legacy brain, in one install. Requires AI Canvas Premium to install.","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-all.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-all.json"},{"name":"andromeda-pro-tokens","title":"Andromeda Pro tokens","description":"Foundation files for the Andromeda Pro design system: tokens, shared utilities, and the system mark. Required by every Andromeda Pro component and template. Re…","type":"registry:lib","source_url":"https://aicanvas.me/r/andromeda-pro-tokens.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tokens.json"},{"name":"andromeda-pro","title":"Andromeda Pro design system","description":"Every Andromeda Pro component (72 files). Installs the foundation tokens automatically. Requires AI Canvas Premium to install.","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro.json"},{"name":"andromeda-pro-accordion","title":"Accordion (Andromeda Pro)","description":"Andromeda Pro Accordion component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-accordion.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-accordion.json"},{"name":"andromeda-pro-alert","title":"Alert (Andromeda Pro)","description":"Andromeda Pro Alert component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-alert.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-alert.json"},{"name":"andromeda-pro-artifact","title":"Artifact (Andromeda Pro)","description":"Andromeda Pro Artifact component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-artifact.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-artifact.json"},{"name":"andromeda-pro-avatar","title":"Avatar (Andromeda Pro)","description":"Andromeda Pro Avatar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requires…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-avatar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-avatar.json"},{"name":"andromeda-pro-badge","title":"Badge (Andromeda Pro)","description":"Andromeda Pro Badge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-badge.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-badge.json"},{"name":"andromeda-pro-bento-grid","title":"Bento Grid (Andromeda Pro)","description":"Andromeda Pro Bento Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-bento-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-bento-grid.json"},{"name":"andromeda-pro-burst","title":"Burst (Andromeda Pro)","description":"Andromeda Pro Burst component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-burst.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-burst.json"},{"name":"andromeda-pro-button","title":"Button (Andromeda Pro)","description":"Andromeda Pro Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-button.json"},{"name":"andromeda-pro-card","title":"Card (Andromeda Pro)","description":"Andromeda Pro Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-card.json"},{"name":"andromeda-pro-checkbox","title":"Checkbox (Andromeda Pro)","description":"Andromeda Pro Checkbox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-checkbox.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-checkbox.json"},{"name":"andromeda-pro-choice-card","title":"Choice Card (Andromeda Pro)","description":"Andromeda Pro Choice Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-choice-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-choice-card.json"},{"name":"andromeda-pro-collapsible","title":"Collapsible (Andromeda Pro)","description":"Andromeda Pro Collapsible component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-collapsible.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-collapsible.json"},{"name":"andromeda-pro-combobox","title":"Combobox (Andromeda Pro)","description":"Andromeda Pro Combobox component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-combobox.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-combobox.json"},{"name":"andromeda-pro-corner-markers","title":"Corner Markers (Andromeda Pro)","description":"Andromeda Pro Corner Markers component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to i…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-corner-markers.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-corner-markers.json"},{"name":"andromeda-pro-cube","title":"Cube (Andromeda Pro)","description":"Andromeda Pro Cube component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-cube.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-cube.json"},{"name":"andromeda-pro-data-table","title":"Data Table (Andromeda Pro)","description":"Andromeda Pro Data Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-data-table.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-data-table.json"},{"name":"andromeda-pro-date-range-picker","title":"Date Range Picker (Andromeda Pro)","description":"Andromeda Pro Date Range Picker component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium t…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-date-range-picker.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-date-range-picker.json"},{"name":"andromeda-pro-drawer","title":"Drawer (Andromeda Pro)","description":"Andromeda Pro Drawer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-drawer.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-drawer.json"},{"name":"andromeda-pro-empty-state","title":"Empty State (Andromeda Pro)","description":"Andromeda Pro Empty State component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-empty-state.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-empty-state.json"},{"name":"andromeda-pro-footer","title":"Footer (Andromeda Pro)","description":"Andromeda Pro Footer component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-footer.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-footer.json"},{"name":"andromeda-pro-funnel-chart","title":"Funnel Chart (Andromeda Pro)","description":"Andromeda Pro Funnel Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-funnel-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-funnel-chart.json"},{"name":"andromeda-pro-gauge","title":"Gauge (Andromeda Pro)","description":"Andromeda Pro Gauge component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-gauge.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-gauge.json"},{"name":"andromeda-pro-heat-grid","title":"Heat Grid (Andromeda Pro)","description":"Andromeda Pro Heat Grid component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-heat-grid.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-heat-grid.json"},{"name":"andromeda-pro-icon-button","title":"Icon Button (Andromeda Pro)","description":"Andromeda Pro Icon Button component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-icon-button.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-icon-button.json"},{"name":"andromeda-pro-input","title":"Input (Andromeda Pro)","description":"Andromeda Pro Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-input.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-input.json"},{"name":"andromeda-pro-item","title":"Item (Andromeda Pro)","description":"Andromeda Pro Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-item.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-item.json"},{"name":"andromeda-pro-logo-cloud","title":"Logo Cloud (Andromeda Pro)","description":"Andromeda Pro Logo Cloud component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-logo-cloud.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-logo-cloud.json"},{"name":"andromeda-pro-marquee","title":"Marquee (Andromeda Pro)","description":"Andromeda Pro Marquee component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-marquee.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-marquee.json"},{"name":"andromeda-pro-media-card","title":"Media Card (Andromeda Pro)","description":"Andromeda Pro Media Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requ…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-media-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-media-card.json"},{"name":"andromeda-pro-message","title":"Message (Andromeda Pro)","description":"Andromeda Pro Message component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-message.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-message.json"},{"name":"andromeda-pro-metric-chart","title":"Metric Chart (Andromeda Pro)","description":"Andromeda Pro Metric Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-metric-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-metric-chart.json"},{"name":"andromeda-pro-music-player","title":"Music Player (Andromeda Pro)","description":"Andromeda Pro Music Player component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-music-player.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-music-player.json"},{"name":"andromeda-pro-nav-item","title":"Nav Item (Andromeda Pro)","description":"Andromeda Pro Nav Item component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-nav-item.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-nav-item.json"},{"name":"andromeda-pro-navbar","title":"Navbar (Andromeda Pro)","description":"Andromeda Pro Navbar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-navbar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-navbar.json"},{"name":"andromeda-pro-nodes","title":"Nodes (Andromeda Pro)","description":"Andromeda Pro Nodes component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-nodes.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-nodes.json"},{"name":"andromeda-pro-orb","title":"Orb (Andromeda Pro)","description":"Andromeda Pro Orb component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-orb.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-orb.json"},{"name":"andromeda-pro-panel-header","title":"Panel Header (Andromeda Pro)","description":"Andromeda Pro Panel Header component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-panel-header.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-panel-header.json"},{"name":"andromeda-pro-panel-menu","title":"Panel Menu (Andromeda Pro)","description":"Andromeda Pro Panel Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-panel-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-panel-menu.json"},{"name":"andromeda-pro-payment-card","title":"Payment Card (Andromeda Pro)","description":"Andromeda Pro Payment Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-payment-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-payment-card.json"},{"name":"andromeda-pro-planet","title":"Planet (Andromeda Pro)","description":"Andromeda Pro Planet component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-planet.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-planet.json"},{"name":"andromeda-pro-popover","title":"Popover (Andromeda Pro)","description":"Andromeda Pro Popover component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-popover.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-popover.json"},{"name":"andromeda-pro-progress-bar","title":"Progress Bar (Andromeda Pro)","description":"Andromeda Pro Progress Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-progress-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-progress-bar.json"},{"name":"andromeda-pro-pricing-card","title":"Pricing Card (Andromeda Pro)","description":"Andromeda Pro Pricing Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-pricing-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-pricing-card.json"},{"name":"andromeda-pro-prompt-input","title":"Prompt Input (Andromeda Pro)","description":"Andromeda Pro Prompt Input component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-prompt-input.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-prompt-input.json"},{"name":"andromeda-pro-radar-chart","title":"Radar Chart (Andromeda Pro)","description":"Andromeda Pro Radar Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-radar-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-radar-chart.json"},{"name":"andromeda-pro-radio","title":"Radio (Andromeda Pro)","description":"Andromeda Pro Radio component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-radio.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-radio.json"},{"name":"andromeda-pro-search-field","title":"Search Field (Andromeda Pro)","description":"Andromeda Pro Search Field component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to ins…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-search-field.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-search-field.json"},{"name":"andromeda-pro-section-heading","title":"Section Heading (Andromeda Pro)","description":"Andromeda Pro Section Heading component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to …","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-section-heading.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-section-heading.json"},{"name":"andromeda-pro-segmented-control","title":"Segmented Control (Andromeda Pro)","description":"Andromeda Pro Segmented Control component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium t…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-segmented-control.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-segmented-control.json"},{"name":"andromeda-pro-sidebar","title":"Sidebar (Andromeda Pro)","description":"Andromeda Pro Sidebar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-sidebar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-sidebar.json"},{"name":"andromeda-pro-skeleton","title":"Skeleton (Andromeda Pro)","description":"Andromeda Pro Skeleton component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-skeleton.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-skeleton.json"},{"name":"andromeda-pro-slider","title":"Slider (Andromeda Pro)","description":"Andromeda Pro Slider component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-slider.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-slider.json"},{"name":"andromeda-pro-spinner","title":"Spinner (Andromeda Pro)","description":"Andromeda Pro Spinner component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-spinner.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-spinner.json"},{"name":"andromeda-pro-stat-tile","title":"Stat Tile (Andromeda Pro)","description":"Andromeda Pro Stat Tile component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to instal…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-stat-tile.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-stat-tile.json"},{"name":"andromeda-pro-stepper","title":"Stepper (Andromeda Pro)","description":"Andromeda Pro Stepper component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-stepper.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-stepper.json"},{"name":"andromeda-pro-strength-meter","title":"Strength Meter (Andromeda Pro)","description":"Andromeda Pro Strength Meter component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to i…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-strength-meter.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-strength-meter.json"},{"name":"andromeda-pro-suggestion","title":"Suggestion (Andromeda Pro)","description":"Andromeda Pro Suggestion component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to insta…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-suggestion.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-suggestion.json"},{"name":"andromeda-pro-table","title":"Table (Andromeda Pro)","description":"Andromeda Pro Table component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-table.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-table.json"},{"name":"andromeda-pro-tabs","title":"Tabs (Andromeda Pro)","description":"Andromeda Pro Tabs component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-tabs.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tabs.json"},{"name":"andromeda-pro-tag","title":"Tag (Andromeda Pro)","description":"Andromeda Pro Tag component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-tag.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tag.json"},{"name":"andromeda-pro-textarea","title":"Textarea (Andromeda Pro)","description":"Andromeda Pro Textarea component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-textarea.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-textarea.json"},{"name":"andromeda-pro-toggle","title":"Toggle (Andromeda Pro)","description":"Andromeda Pro Toggle component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-toggle.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-toggle.json"},{"name":"andromeda-pro-tool","title":"Tool (Andromeda Pro)","description":"Andromeda Pro Tool component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-tool.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tool.json"},{"name":"andromeda-pro-tooltip","title":"Tooltip (Andromeda Pro)","description":"Andromeda Pro Tooltip component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-tooltip.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-tooltip.json"},{"name":"andromeda-pro-top-bar","title":"Top Bar (Andromeda Pro)","description":"Andromeda Pro Top Bar component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-top-bar.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-top-bar.json"},{"name":"andromeda-pro-trend-chart","title":"Trend Chart (Andromeda Pro)","description":"Andromeda Pro Trend Chart component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to inst…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-trend-chart.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-trend-chart.json"},{"name":"andromeda-pro-user-card","title":"User Card (Andromeda Pro)","description":"Andromeda Pro User Card component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requi…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-user-card.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-user-card.json"},{"name":"andromeda-pro-user-menu","title":"User Menu (Andromeda Pro)","description":"Andromeda Pro User Menu component. Install just this piece. Tokens and any sibling components are pulled in automatically. Includes a ready-made example. Requi…","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-user-menu.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-user-menu.json"},{"name":"andromeda-pro-waveform","title":"Waveform (Andromeda Pro)","description":"Andromeda Pro Waveform component. Install just this piece. Tokens and any sibling components are pulled in automatically. Requires AI Canvas Premium to install.","type":"registry:ui","source_url":"https://aicanvas.me/r/andromeda-pro-waveform.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-waveform.json"},{"name":"andromeda-pro-city-operations","title":"City Operations (Andromeda Pro)","description":"City Operations composition from Andromeda Pro (Dashboard template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium …","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-city-operations.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-city-operations.json"},{"name":"andromeda-pro-ai-chat","title":"AI Chat (Andromeda Pro)","description":"AI Chat composition from Andromeda Pro (CRM template). Pulls in the 37 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to install.","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-ai-chat.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-ai-chat.json"},{"name":"andromeda-pro-sign-in","title":"Sign In (Andromeda Pro)","description":"Sign In composition from Andromeda Pro (Authentication template). Pulls in the 4 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to i…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-sign-in.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-sign-in.json"},{"name":"andromeda-pro-signal-room","title":"Signal Room (Andromeda Pro)","description":"Signal Room composition from Andromeda Pro (Media template). Pulls in the 21 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to insta…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-signal-room.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-signal-room.json"},{"name":"andromeda-pro-mission-control","title":"Mission Control (Andromeda Pro)","description":"Mission Control composition from Andromeda Pro (Dashboard template). Pulls in the 16 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium …","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-mission-control.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-mission-control.json"},{"name":"andromeda-pro-service-order","title":"Service Order (Andromeda Pro)","description":"Service Order composition from Andromeda Pro (CRM template). Pulls in the 18 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to insta…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-service-order.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-service-order.json"},{"name":"andromeda-pro-resource-planning","title":"Resource Planning (Andromeda Pro)","description":"Resource Planning composition from Andromeda Pro (Scheduling template). Pulls in the 19 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premi…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-resource-planning.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-resource-planning.json"},{"name":"andromeda-pro-sign-up","title":"Sign Up (Andromeda Pro)","description":"Sign Up composition from Andromeda Pro (Authentication template). Pulls in the 6 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium to i…","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-sign-up.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-sign-up.json"},{"name":"andromeda-pro-fintech-landing","title":"Fintech Landing (Andromeda Pro)","description":"Fintech Landing composition from Andromeda Pro (Marketing template). Pulls in the 30 Andromeda Pro components it uses, plus tokens. Requires AI Canvas Premium …","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-fintech-landing.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-fintech-landing.json"},{"name":"andromeda-pro-all","title":"Andromeda Pro: full system","description":"Every Andromeda Pro component, token, and template, plus the Andromeda Pro brain, in one install. Requires AI Canvas Premium to install.","type":"registry:block","source_url":"https://aicanvas.me/r/andromeda-pro-all.json","install_command":"npx shadcn@latest add https://aicanvas.me/r/andromeda-pro-all.json"}]},{"id":"akoder","name":"@akoder","slug":"akoder","description":"Motion-rich React components and data visualizations — dotted world maps, GitHub activity maps, sliders, carousels, and terminal-style blocks built on Tailwind CSS v4 and Radix UI.","author":"AdityaKodez","framework":"react","license":"MIT","tags":["ai","animation","blocks","buttons","cards","charts","icons","loaders","maps","marketing","media","retro","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://akoder.xyz","github":"https://github.com/AdityaKodez/adityaojha","registry":"https://akoder.xyz/r/registry.json","source":"https://akoder.xyz/r/registry.json","page":"https://sh4dcn.netlify.app/registry/akoder","markdown":"https://sh4dcn.netlify.app/md/akoder.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='10' fill='#18181b'/><path d='M16 8 L22 24 L19 24 L16 14.5 L13 24 L10 24 Z' fill='white' stroke='white' stroke-width='2' stroke-linejoin='round'/></svg>","preview_image":"https://akoder.xyz/opengraph-image?99e408b246582291","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":41,"open_issues":1,"last_commit":"2026-10-24T15:04:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://akoder.xyz/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://akoder.xyz/r/registry.json","install_bun":"bunx shadcn@latest add https://akoder.xyz/r/registry.json","clone":"git clone https://github.com/AdityaKodez/adityaojha.git","clone_degit":"npx degit AdityaKodez/adityaojha","registry_fetch":"curl -s https://akoder.xyz/r/registry.json"},"component_count":22,"components":[{"name":"fluid-testimonial-card","title":"Fluid testimonial card","description":"A compact testimonial card that lifts on hover, with a warm, flowing gradient behind its serif quote and author.","type":"registry:ui","source_url":"https://akoder.xyz/r/fluid-testimonial-card.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/fluid-testimonial-card.json"},{"name":"emoji-reactions","title":"Emoji reactions","description":"A compact emoji reaction picker that swaps the emoji on your message with a short spring bounce, persistent selection, and keyboard navigation.","type":"registry:ui","source_url":"https://akoder.xyz/r/emoji-reactions.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/emoji-reactions.json"},{"name":"todo-list","title":"Todo list","description":"Content-sized task rows with completion checks in your primary color, an animated strike-through, and spring reordering that moves finished tasks to the bottom.","type":"registry:ui","source_url":"https://akoder.xyz/r/todo-list.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/todo-list.json"},{"name":"theme-switcher","title":"Theme switcher","description":"A visual Light, Dark, and System theme selector with textured previews, an animated selection outline, and keyboard navigation.","type":"registry:ui","source_url":"https://akoder.xyz/r/theme-switcher.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/theme-switcher.json"},{"name":"ask-ai","title":"Ask AI","description":"A popover prompt launcher with an animated mascot trigger, one-click query links for major AI providers, and instant clipboard fallback.","type":"registry:ui","source_url":"https://akoder.xyz/r/ask-ai.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/ask-ai.json"},{"name":"model-picker","title":"Model Picker","description":"A chat-style model switcher. Provider icons on a side rail filter the list to models available from that provider.","type":"registry:ui","source_url":"https://akoder.xyz/r/model-picker.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/model-picker.json"},{"name":"command-palette","title":"Command Palette","description":"A keyboard-first ⌘K palette with grouped actions, drill-down pages, recent items, and directional motion, built on cmdk inside a self-contained dialog shell.","type":"registry:ui","source_url":"https://akoder.xyz/r/command-palette.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/command-palette.json"},{"name":"dotted-world-map","title":"Dotted World Map","description":"A dependency-free SVG world map drawn with dots, tinted by heat value. Ships with interactive markers, tooltips, and a GitHub-style legend.","type":"registry:ui","source_url":"https://akoder.xyz/r/dotted-world-map.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/dotted-world-map.json"},{"name":"copy-command-block","title":"Copy Command Block","description":"A multi-package manager terminal command box with tab switcher (npm, pnpm, yarn, bun), persistent storage, copy feedback animation, and blueprint styling.","type":"registry:ui","source_url":"https://akoder.xyz/r/copy-command-block.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/copy-command-block.json"},{"name":"github-map","title":"GitHub Heatmap","description":"An interactive 52-week contribution activity graph with date-fns interval calculation, theme-aware level colors, and date tooltips.","type":"registry:ui","source_url":"https://akoder.xyz/r/github-map.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/github-map.json"},{"name":"project-explorer","title":"Interactive Project Explorer","description":"An IDE-style project showcase with collapsible year folders, status badges, and floating cursor image hover previews.","type":"registry:ui","source_url":"https://akoder.xyz/r/project-explorer.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/project-explorer.json"},{"name":"carousel","title":"Fluid Carousel","description":"Accessible touch-swipeable slide carousel with directional spring animations, keyboard arrow navigation, and pagination indicators.","type":"registry:ui","source_url":"https://akoder.xyz/r/carousel.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/carousel.json"},{"name":"mode-toggler","title":"Mode Toggler","description":"A minimal Sun / Moon theme toggle button built on next-themes. Supports an optional click sound, composable className, and dynamic aria-label.","type":"registry:ui","source_url":"https://akoder.xyz/r/mode-toggler.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/mode-toggler.json"},{"name":"interactive-skill-cloud","title":"Interactive Skill Cloud","description":"A draggable physics pill cloud powered by matter.js, pills rain down, pile at the bottom, and collide; grab one and fling it.","type":"registry:ui","source_url":"https://akoder.xyz/r/interactive-skill-cloud.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/interactive-skill-cloud.json"},{"name":"contact-channels","title":"Contact Channels","description":"A hairline grid of contact cells with copy-to-clipboard actions, single-key shortcuts, tooltips, and blueprint hover styling.","type":"registry:ui","source_url":"https://akoder.xyz/r/contact-channels.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/contact-channels.json"},{"name":"section-rail","title":"Section Rail","description":"A responsive section navigation rail with scroll tracking, smooth anchor jumps, link mode, and optional rich hover previews.","type":"registry:ui","source_url":"https://akoder.xyz/r/section-rail.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/section-rail.json"},{"name":"progress-bars","title":"Progress Bars","description":"A minimal textured bar chart with vertical and horizontal layouts, shipping a line fill and a dot matrix fill, driven by nothing more than a value per item.","type":"registry:ui","source_url":"https://akoder.xyz/r/progress-bars.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/progress-bars.json"},{"name":"workflow-status","title":"Workflow Status","description":"Compact workflow badges with semantic defaults, custom states, icon and colour overrides, two sizes, and an icon-only form.","type":"registry:ui","source_url":"https://akoder.xyz/r/workflow-status.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/workflow-status.json"},{"name":"glyph-card","title":"Glyph Card","description":"A hairline card whose background resolves into tiny plus marks on hover, gathering inside the glyph. Draws itself from a single SVG path on a 24x24 grid.","type":"registry:ui","source_url":"https://akoder.xyz/r/glyph-card.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/glyph-card.json"},{"name":"snake","title":"Snake","description":"A monochrome snake game on a dot-lattice field. Steer with the arrow keys, WASD, or a swipe, eat to grow by one segment, and wrap around the edges.","type":"registry:ui","source_url":"https://akoder.xyz/r/snake.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/snake.json"},{"name":"stack-rolodex","title":"Stack Rolodex","description":"A rotating vertical pill stack that cycles through a list rolodex-style, with depth scaling, edge fading, and an optional side label.","type":"registry:ui","source_url":"https://akoder.xyz/r/stack-rolodex.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/stack-rolodex.json"},{"name":"prompt-bar","title":"Prompt Bar","description":"A compact prompt input with removable context chips, a toolbar slot for your model picker, and async send, stop, and retry states.","type":"registry:ui","source_url":"https://akoder.xyz/r/prompt-bar.json","install_command":"npx shadcn@latest add https://akoder.xyz/r/prompt-bar.json"}]},{"id":"alexandrejoly","name":"@alexandrejoly","slug":"alexandrejoly","description":"Composable shadcn components that cover the details: a notification badge, an onboarding flow, a hint, infinite scroll and a CSS-only marquee.","author":"AlexDemzz","framework":"react","license":"MIT","tags":["animation","onboarding","overlays"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://alexandrejoly.me","github":"https://github.com/AlexDemzz/alexandrejoly.me","registry":"https://alexandrejoly.me/r/registry.json","source":"https://alexandrejoly.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/alexandrejoly","markdown":"https://sh4dcn.netlify.app/md/alexandrejoly.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='var(--foreground)'/><path d='M3 12A9 9 0 1 1 12 21M9.5 12H14.5' fill='none' stroke='var(--background)' stroke-width='2' stroke-linecap='round'/></svg>","preview_image":"https://alexandrejoly.me/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":2,"last_commit":"2026-10-26T21:46:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://alexandrejoly.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://alexandrejoly.me/r/registry.json","install_bun":"bunx shadcn@latest add https://alexandrejoly.me/r/registry.json","clone":"git clone https://github.com/AlexDemzz/alexandrejoly.me.git","clone_degit":"npx degit AlexDemzz/alexandrejoly.me","registry_fetch":"curl -s https://alexandrejoly.me/r/registry.json"},"component_count":10,"components":[{"name":"notification-badge","title":"Notification Badge","description":"A counter or dot on an icon or avatar, cut out with CSS shape() so it reads on any background","type":"registry:ui","source_url":"https://alexandrejoly.me/r/notification-badge.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/notification-badge.json"},{"name":"onboarding","title":"Onboarding","description":"A step-by-step flow with a segmented progress bar and CSS-only step transitions","type":"registry:ui","source_url":"https://alexandrejoly.me/r/onboarding.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/onboarding.json"},{"name":"hint","title":"Hint","description":"A labeled trigger that opens a help bubble, its hit area stretched by a pseudo-element","type":"registry:ui","source_url":"https://alexandrejoly.me/r/hint.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/hint.json"},{"name":"infinite-scroll","title":"Infinite Scroll","description":"A list that loads more as you scroll, down or up, with a reverse mode held in place by CSS alone","type":"registry:ui","source_url":"https://alexandrejoly.me/r/infinite-scroll.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/infinite-scroll.json"},{"name":"marquee","title":"Marquee","description":"A strip that loops its items only once CSS scroll-driven animations detect they overflow","type":"registry:ui","source_url":"https://alexandrejoly.me/r/marquee.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/marquee.json"},{"name":"item-inset-separator","title":"Item Inset Separator","description":"A divider under an Item that starts at its content, past the media, placed with CSS anchor positioning","type":"registry:ui","source_url":"https://alexandrejoly.me/r/item-inset-separator.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/item-inset-separator.json"},{"name":"dialog-drawer","title":"Dialog Drawer","description":"A responsive Dialog: a centered Dialog at desktop that becomes a swipeable Drawer below 768px. Drop-in replacement for the shadcn Dialog on Base UI or Radix: d…","type":"registry:ui","source_url":"https://alexandrejoly.me/r/dialog-drawer.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/dialog-drawer.json"},{"name":"sheet-drawer","title":"Sheet Drawer","description":"A responsive Sheet: a side Sheet at desktop that becomes a swipeable Drawer below 768px, opening from the edge set with side. Drop-in replacement for the shadc…","type":"registry:ui","source_url":"https://alexandrejoly.me/r/sheet-drawer.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/sheet-drawer.json"},{"name":"popover-drawer","title":"Popover Drawer","description":"A responsive Popover: an anchored Popover at desktop that becomes a swipeable Drawer below 768px. Drop-in replacement for the shadcn Popover on Base UI or Radi…","type":"registry:ui","source_url":"https://alexandrejoly.me/r/popover-drawer.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/popover-drawer.json"},{"name":"easy-modal","title":"Easy Modal","description":"Modal component for react-easy-modals with Base UI Dialog. Supports nested modals.","type":"registry:ui","source_url":"https://alexandrejoly.me/r/easy-modal.json","install_command":"npx shadcn@latest add https://alexandrejoly.me/r/easy-modal.json"}]},{"id":"algolia","name":"@algolia","slug":"algolia","description":"Official Algolia SiteSearch shadcn registry providing opinionated, production-ready search UI components backed by Algolia's infrastructure. Ships two primary experiences: an Instant Search component (keyboard-navigation, sub-50ms results) and a Search with Ask AI component (conversational natural-language search powered by Algolia Ask AI). Built with React and also bundled as vanilla JS for framework-agnostic use. WCAG 2.1 AA compliant. Requires an Algolia account and API keys; free to use as open-source components. Use for: adding a polished modal search or AI chat-search to any app already indexed in Algolia, without building InstantSearch UI from scratch.","author":"algolia","framework":"react","license":"MIT","tags":["accessibility","ai","developer-tools","navigation","overlays"],"categories":["Niche/single-purpose"],"labels":["featured"],"urls":{"website":"https://sitesearch.algolia.com","github":"https://github.com/algolia/sitesearch","registry":"https://sitesearch.algolia.com/r/registry.json","source":"https://sitesearch.algolia.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/algolia","markdown":"https://sh4dcn.netlify.app/md/algolia.md"},"logo":"<svg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>Algolia</title><path d='M12 0C5.445 0 .103 5.285.01 11.817c-.097 6.634 5.285 12.131 11.92 12.17a11.91 11.91 0 0 0 5.775-1.443.281.281 0 0 0 .052-.457l-1.122-.994a.79.79 0 0 0-.833-.14 9.693 9.693 0 0 1-3.923.77c-5.36-.067-9.692-4.527-9.607-9.888.084-5.293 4.417-9.573 9.73-9.573h9.73v17.296l-5.522-4.907a.407.407 0 0 0-.596.063 4.52 4.52 0 0 1-3.934 1.793 4.538 4.538 0 0 1-4.192-4.168 4.53 4.53 0 0 1 4.512-4.872 4.532 4.532 0 0 1 4.509 4.126c.018.205.11.397.265.533l1.438 1.275a.28.28 0 0 0 .462-.158 6.82 6.82 0 0 0 .099-1.725c-.232-3.376-2.966-6.092-6.345-6.3-3.873-.24-7.11 2.79-7.214 6.588-.1 3.7 2.933 6.892 6.634 6.974a6.75 6.75 0 0 0 4.136-1.294l7.212 6.394a.48.48 0 0 0 .797-.36V.456A.456.456 0 0 0 23.54 0Z'/></svg>","preview_image":"http://localhost:3000/open-graph.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":25,"open_issues":4,"last_commit":"2026-07-29T11:13:33Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sitesearch.algolia.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sitesearch.algolia.com/r/registry.json","install_bun":"bunx shadcn@latest add https://sitesearch.algolia.com/r/registry.json","clone":"git clone https://github.com/algolia/sitesearch.git","clone_degit":"npx degit algolia/sitesearch","registry_fetch":"curl -s https://sitesearch.algolia.com/r/registry.json"},"component_count":5,"components":[{"name":"dropdown-search","title":"Algolia dropdown search experience","description":"Inline autocomplete dropdown search experience, powered by Algolia's InstantSearch","type":"registry:block","source_url":"https://sitesearch.algolia.com/r/dropdown-search.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/dropdown-search.json"},{"name":"search","title":"Algolia crafted search experience","description":"Opinionated site search experience, powered by Algolia's InstantSearch","type":"registry:block","source_url":"https://sitesearch.algolia.com/r/search.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/search.json"},{"name":"search-ai","title":"Search with Ask AI","description":"Opinionated search experience with Ask AI, powered by Algolia's InstantSearch and Ask AI","type":"registry:block","source_url":"https://sitesearch.algolia.com/r/search-ai.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/search-ai.json"},{"name":"highlight-to-askai","title":"Highlight to Ask AI [Experimental]","description":"🚧 [Experimental] Highlight any text and ask Algolia Ask AI with an inline tooltip","type":"registry:block","source_url":"https://sitesearch.algolia.com/r/highlight-to-askai.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/highlight-to-askai.json"},{"name":"sidepanel-askai","title":"Sidepanel Ask AI","description":"Sidepanel chat experience with Ask AI, powered by Algolia's Ask AI","type":"registry:block","source_url":"https://sitesearch.algolia.com/r/sidepanel-askai.json","install_command":"npx shadcn@latest add https://sitesearch.algolia.com/r/sidepanel-askai.json"}]},{"id":"amap","name":"@amap","slug":"amap","description":"Beautiful map components with amap. 100% Free, Zero config, one command setup.","author":"hustcc","framework":"react","license":"MIT","tags":["maps"],"categories":["Maps"],"labels":[],"urls":{"website":"https://map.ling.pub","github":"https://github.com/hustcc/amapcn","registry":"https://map.ling.pub/r/registry.json","source":"https://map.ling.pub/r/registry.json","page":"https://sh4dcn.netlify.app/registry/amap","markdown":"https://sh4dcn.netlify.app/md/amap.md"},"logo":"<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M4.837 1.418c-.363 0-3.064.002-3.545 0-.188 0-.446.1-.62.2-.538.305-.855 1.123-.558 1.735L10.69 21.71c.357.617.801.87 1.324.871.63.001 1.038-.454 1.18-.7.635-1.088 6.214-10.707 6.214-10.707a1.285 1.285 0 0 0-.497-1.694c-.596-.348-1.397-.197-1.744.388-.307.517-4.58 7.888-4.886 8.413-.156.267-.463.2-.585-.017-.216-.383-5.255-9.13-7.833-13.605l.005.004c-.066-.103-.15-.328-.043-.509.09-.155.279-.138.372-.138h9.535a1.3 1.3 0 0 0 0-2.6zm12.737.029v.003a1.3 1.3 0 0 0 0 2.593v.003l2.386.002c.309 0 .406.3.28.514L19.053 6.59l.002.002a1.3 1.3 0 0 0 2.243 1.303l.002.002 2.425-4.2c.354-.62.349-1.13.086-1.582-.315-.544-.915-.667-1.2-.667Zm-2.839 5.642-.038.002H9.71a.54.54 0 0 0-.523.55c0 .12.037.23.098.32l2.505 4.275q.014.028.032.055l.003.005a.47.47 0 0 0 .39.207c.194 0 .36-.12.435-.294l2.506-4.306a.515.515 0 0 0-.42-.814'/></svg>","preview_image":"https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*KpQ6TY5Y1OIAAAAAgBAAAAgAemJ7AQ/fmt.avif","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":38,"open_issues":0,"last_commit":"2026-05-28T05:20:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://map.ling.pub/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://map.ling.pub/r/registry.json","install_bun":"bunx shadcn@latest add https://map.ling.pub/r/registry.json","clone":"git clone https://github.com/hustcc/amapcn.git","clone_degit":"npx degit hustcc/amapcn","registry_fetch":"curl -s https://map.ling.pub/r/registry.json"},"component_count":1,"components":[{"name":"amap","title":"Map","description":"An AMap (高德地图)-powered map component with markers, popups, tooltips, routes, and controls.","type":"registry:ui","source_url":"https://map.ling.pub/r/amap.json","install_command":"npx shadcn@latest add https://map.ling.pub/r/amap.json"}]},{"id":"amarjay-ui","name":"@amarjay-ui","slug":"amarjay-ui","description":"Customizable UI components and interactive blocks built with React, Tailwind CSS, and shadcn/ui.","author":null,"framework":"react","license":null,"tags":["audio","blocks","buttons","cards","charts","forms","media","navigation","overlays","pro-available"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://ui.amarjay.com","github":null,"registry":"https://ui.amarjay.com/r/registry.json","source":"https://ui.amarjay.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/amarjay-ui","markdown":"https://sh4dcn.netlify.app/md/amarjay-ui.md"},"logo":"<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='m12 3 9 18h-3.5l-1.8-3.8H8.3L6.5 21H3L12 3Zm0 6.5-2.2 4.7h4.4L12 9.5Z' fill='currentColor'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.amarjay.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.amarjay.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.amarjay.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.amarjay.com/r/registry.json","registry_fetch":"curl -s https://ui.amarjay.com/r/registry.json"},"component_count":18,"components":[{"name":"utils","title":null,"description":"Class name utility used by Amarjay UI components.","type":"registry:lib","source_url":"https://ui.amarjay.com/r/utils.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/utils.json"},{"name":"button","title":null,"description":"Customizable button component.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/button.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/button.json"},{"name":"alert","title":null,"description":"Callout component for important information or status.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/alert.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/alert.json"},{"name":"badge","title":null,"description":"Compact label for status, metadata, and counts.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/badge.json"},{"name":"card","title":null,"description":"Container for grouping related content and actions.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/card.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/card.json"},{"name":"input","title":null,"description":"Text field for short-form input.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/input.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/input.json"},{"name":"avatar","title":null,"description":"Avatar component with image and fallback support.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/avatar.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/avatar.json"},{"name":"popover","title":null,"description":"Floating popover component.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/popover.json"},{"name":"dialog","title":null,"description":"Accessible modal dialog component.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/dialog.json"},{"name":"dropdown-menu","title":null,"description":"Menu of actions triggered by a button.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/dropdown-menu.json"},{"name":"context-menu","title":null,"description":"Contextual action menu for a right click or long press.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/context-menu.json"},{"name":"slider","title":null,"description":"Range slider component.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/slider.json"},{"name":"tooltip","title":null,"description":"Accessible tooltip component.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/tooltip.json"},{"name":"chart","title":null,"description":"Composable chart primitives built on Recharts.","type":"registry:ui","source_url":"https://ui.amarjay.com/r/chart.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/chart.json"},{"name":"audio-player","title":"Audio Player","description":"Inline and floating audio-player controls.","type":"registry:block","source_url":"https://ui.amarjay.com/r/audio-player.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/audio-player.json"},{"name":"image-comparison-slider","title":"Image Comparison Slider","description":"Draggable before-and-after image comparison control.","type":"registry:block","source_url":"https://ui.amarjay.com/r/image-comparison-slider.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/image-comparison-slider.json"},{"name":"chart-examples","title":"Chart Examples","description":"Bar, line, scatter, candlestick, donut, and pie chart examples.","type":"registry:block","source_url":"https://ui.amarjay.com/r/chart-examples.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/chart-examples.json"},{"name":"settings-dialog","title":"Settings Dialog","description":"A settings dialog with sidebar navigation and focused controls.","type":"registry:block","source_url":"https://ui.amarjay.com/r/settings-dialog.json","install_command":"npx shadcn@latest add https://ui.amarjay.com/r/settings-dialog.json"}]},{"id":"animateicons","name":"@animateicons","slug":"animateicons","description":"Animated Lucide and Huge style icons for React, built with motion/react. Each icon installs as a single editable file.","author":"Avijit07x","framework":"react","license":"MIT","tags":["ai","animation","audio","blocks","cards","charts","cms","icons","media","tables"],"categories":["Animated components"],"labels":["popular","recently-updated"],"urls":{"website":"https://animateicons.in","github":"https://github.com/Avijit07x/animateicons","registry":"https://animateicons.in/r/registry.json","source":"https://animateicons.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/animateicons","markdown":"https://sh4dcn.netlify.app/md/animateicons.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024' viewBox='0 0 1024 1024'><path d='M -527.13 147.42 C -525.932 145.452 -506.766 131.222 -484.718 112.365 C -474.161 103.335 -457.064 91.628 -442.587 84.312 C -426.244 76.053 -404.665 68.44 -385.349 64.804 C -369.026 61.731 -351.94 59.828 -336.125 59.726 C -285.304 59.4 -241.934 73.98 -231.746 78.22 C -196.554 92.868 -136.94 127.597 -136.94 127.597 L -136.704 127.735 L -136.947 127.593 L -137.204 127.479 L -136.964 127.585 C -136.964 127.585 -109.687 139.828 -80.362 143.139 C -65.892 144.772 -20.299 127.392 -19.217 141.096 C -18.385 151.629 -27.735 179.139 -30.252 185.107 C -40.48 209.359 -64.845 228.853 -65.719 229.976 C -76.991 244.931 -104.628 264.41 -129.752 279.316 C -142.321 286.765 -154.248 293.06 -163.152 297.056 C -167.607 299.049 -171.465 300.022 -173.947 301.169 C -174.141 301.259 -184.578 287.511 -202.094 272.456 C -209.788 265.842 -218.537 258.663 -228.91 252.822 C -251.086 240.334 -279.321 232.64 -301.455 235.104 C -380.197 243.87 -451.299 333.247 -457.669 344.855 C -467.57 362.899 -472.262 371.68 -480.137 395.046 C -488.012 418.412 -488.929 444.71 -492.149 472.371 C -496.163 506.851 -491.267 548.052 -476.826 583.302 C -465.799 610.22 -447.372 632.795 -433.984 651.441 C -425.755 662.902 -399.79 688.186 -380.239 704.89 C -362.085 720.401 -349.229 728.225 -367.046 717.976 C -376.805 713.576 -402.206 694.739 -408.325 690.051 C -409.969 688.789 -412.395 687.081 -414.058 685.837 C -424.585 677.954 -435.271 669.79 -444.566 660.741 C -445.923 659.423 -446.723 658.366 -448.562 656.751 C -453.779 652.168 -475.057 630.07 -479.427 624.96 C -480.377 623.88 -481.338 622.787 -482.294 621.702 C -490.092 612.763 -497.337 603.47 -504.426 593.961 C -504.827 593.43 -505.025 593.168 -505.224 592.905 C -505.432 592.631 -505.648 592.345 -506.052 591.813 C -515.403 579.381 -523.583 566.37 -531.43 552.953 C -531.776 552.366 -531.944 552.081 -532.118 551.787 C -532.292 551.492 -532.48 551.175 -532.832 550.578 C -561.587 501.25 -580.622 444.045 -584.426 386.941 C -584.516 385.741 -584.605 384.546 -584.696 383.321 C -585.436 372.574 -585.586 361.841 -585.555 351.074 C -585.555 348.264 -585.555 345.452 -585.565 342.644 C -585.575 329.507 -585.146 316.547 -583.245 303.521 C -583.15 302.875 -583.102 302.552 -583.055 302.228 C -583.008 301.904 -582.957 301.554 -582.862 300.906 C -577.236 263.85 -566.989 228.821 -552.371 195.685 C -545.047 179.123 -536.625 163.039 -527.13 147.42 Z' fill='#36383b' transform='translate(672.43 143.04)'/><path d='M 3.06 522.91 C -11.7 518.39 -59.879 487.317 -94.366 448.091 C -124.919 413.34 -147.132 377.454 -157.188 335.756 C -170.151 282.004 -164.536 232.665 -156.576 206.304 C -141.384 155.995 -110.081 107.613 -69 75.083 C -16.535 33.54 40.065 13.517 45 23 C 45.32 23.616 46.12 23.82 46.69 24.24 C 58.58 33.02 69.11 43.17 78.67 54.45 C 80.34 56.4 82.14 58.22 84 60 C 82.02 61.48 26.4 78.68 4.94 99.24 C 2.96 101.13 0.94 102.91 -1.18 104.64 C -4.93 107.77 -7.89 111.25 -11 115 C -11.43 115.52 -11.875 116.028 -12.31 116.57 C -34.898 144.705 -34.014 144.698 -49 175 C -94.405 266.81 -63.294 341.839 -6.116 395.062 C 79.921 475.148 198.675 483.63 257.187 470.087 C 285.108 463.624 377.454 425.31 385.19 418.88 C 390.372 414.573 375.26 427.8 370 432 C 368.88 432.93 367.75 433.85 366.63 434.78 C 357.46 442.31 347.86 449.03 338.01 455.64 C 335.66 457.23 333.36 458.89 331.06 460.56 C 311.24 474.45 289.16 486.33 267 496 C 266.32 496.3 265.64 496.6 264.93 496.91 C 251.21 502.97 237.19 508.15 223 513 C 222.07 513.32 221.15 513.64 220.19 513.97 C 165.97 532.3 104.68 538.06 48 531 C 47.07 530.89 46.15 530.79 45.2 530.68 C 33.39 529.3 21.85 527.34 10.3 524.55 C 7.89 523.97 5.429 523.635 3.06 522.91 Z' fill='#333436' transform='translate(414 383)'/><path d='M -123.472 388.999 C -117.285 392.33 -36.198 442.223 12.708 443.803 C 49.933 445.005 92.455 437.105 121.921 418.861 C 164.259 392.647 205.472 319.145 207.497 298.147 C 212.971 241.374 196.001 164.116 190.456 158.693 C 178.057 146.566 153.806 99.247 155.51 101.004 C 160.72 106.375 165.698 111.783 169 116 C 170.37 117.65 171.75 119.29 173.12 120.94 C 183.58 133.75 193.43 146.95 201.9 161.16 C 202.95 162.91 204.03 164.64 205.12 166.38 C 236.104 215.978 257.25 276.833 263.171 341.216 C 266.459 376.967 250.491 422.845 238.447 455.933 C 228.02 480.759 158.808 533.176 106.961 540.884 C 69.156 546.504 52.825 552.804 3.207 546.428 C -10.99 544.604 -41.245 539.31 -71.327 524.245 C -106.119 506.821 -153.676 464.685 -196.001 434.768 C -234.148 407.804 -297.955 413.664 -272 390 C -271.027 389.113 -270.26 388.02 -269.37 387 C -264.54 381.57 -259.59 376.63 -254 372 C -253.12 371.23 -252.24 370.46 -251.33 369.67 C -232.26 353.25 -209.96 341.72 -185.12 337.31 C -181.54 338.1 -181.12 338.71 -178.88 341.45 C -174.74 346.36 -170.29 350.9 -165.75 355.44 C -164.91 356.28 -164.07 357.12 -163.2 357.98 C -157.39 363.74 -151.47 369 -145 374 C -143.17 375.54 -141.33 377.08 -139.5 378.62 C -134.508 382.673 -129.069 385.986 -123.472 388.999 Z' fill='#E1061D' transform='translate(676 106)'/><path d='M 0 0 C 0.33 0 1.231 -8.648 1.571 -8.648 C 2.053 -1.128 0.114 14.42 -1.69 21.75 C -2.005 23.03 -2.23 24.32 -2.51 25.65 C -9.18 56.91 -18.23 88.06 -32 117 C -32.29 117.61 -32.58 118.22 -32.88 118.85 C -40.94 135.69 -49.85 152.32 -60 168 C -60.37 168.58 -60.75 169.15 -61.13 169.75 C -71.17 185.23 -82.2 199.82 -94 214 C -94.5 214.61 -95 215.21 -95.52 215.84 C -101.73 223.34 -108.21 230.42 -115.19 237.21 C -117.83 239.78 -120.074 242.579 -122.67 245.2 C -124.752 247.302 -126.59 249.165 -128.689 251.561 C -130.925 254.113 -134.34 256.73 -137.06 259.12 C -141.691 263.19 -137.147 259.114 -141.559 262.643 C -144.26 264.803 -156.367 270.644 -159.02 272.72 C -164.022 276.635 -227.756 301.939 -230.56 302.85 C -304.943 327.031 -390.14 317.02 -458.08 283.48 C -478.31 273.13 -497.32 261.27 -515 247 C -515.59 246.53 -516.18 246.05 -516.79 245.57 C -531.95 233.31 -546.35 219.42 -557.81 203.62 C -558.98 202.02 -560.2 200.46 -561.43 198.91 C -586.22 166.76 -598.97 124.16 -594.13 83.79 C -591.07 60.66 -585.1 33.66 -572 14 C -602.057 57.531 -486.44 188.898 -344.926 222.129 C -319.979 227.987 -304.803 228.42 -292.126 229.1 C -274.459 230.047 -234.802 221.63 -214.906 218.724 C -132.378 206.671 -6.94 82.924 0 0 Z' fill='#5a5a5a' transform='translate(936 543)'/><path d='M 0 0 C 3.24 2.94 6.41 5.94 9.57 8.96 C 10.39 9.74 11.21 10.53 12.06 11.33 C 45.13 43.48 65.8 88.87 66.97 134.9 C 67.27 164.98 59.65 192.02 44.57 217.96 C 43.97 218.99 43.38 220.03 42.76 221.09 C 35.23 233.47 25.6 244.55 15.57 254.96 C 14.98 255.57 14.4 256.17 13.8 256.79 C 6.12 264.72 -1.65 272.25 -10.43 278.96 C -11.11 279.49 -11.8 280.02 -12.5 280.57 C -46.54 307.05 -84.44 327.09 -124.43 342.96 C -125.3 343.33 -126.17 343.7 -127.07 344.08 C -130.12 345.22 -131.37 345.09 -134.43 343.96 C -136.75 342.23 -138.86 340.51 -141 338.59 C -141.61 338.04 -142.23 337.5 -142.86 336.94 C -144.73 335.29 -146.58 333.63 -148.43 331.96 C -149.91 330.65 -149.91 330.65 -151.42 329.32 C -160.43 321.21 -179.807 301.405 -178.847 301.015 C -170.127 297.405 -149.67 289.29 -141.3 284.93 C -139.45 283.97 -137.6 283.04 -135.75 282.11 C -116.64 272.37 -99.63 259.42 -83.41 245.5 C -81.35 243.74 -79.28 242.01 -77.18 240.29 C -74.51 238.03 -72.57 235.72 -70.43 232.96 C -68.78 231.29 -67.11 229.62 -65.43 227.96 C -43.94 206.04 -20.718 172.854 -19.338 141.114 C -19.408 136.144 -21.69 133.84 -23.81 129.4 C -24.17 128.62 -24.53 127.85 -24.9 127.05 C -37.54 100.51 -58.45 77 -81.43 58.96 C -82.41 58.18 -83.38 57.4 -84.39 56.6 C -141.43 11.67 -213.06 -16.33 -285.87 -16.23 C -286.75 -16.23 -287.64 -16.22 -288.55 -16.22 C -311.77 -16.16 -332.47 -14.279 -355.02 -8.519 C -356.36 -8.179 -372.43 -1.043 -373.76 -0.713 C -371.2 -3.703 -354.03 -11.35 -350.48 -12.97 C -349.89 -13.25 -349.29 -13.52 -348.68 -13.8 C -346.7 -14.7 -344.73 -15.59 -342.75 -16.48 C -342.06 -16.78 -341.37 -17.09 -340.67 -17.41 C -298.59 -36.22 -252.49 -51.37 -206.56 -56.78 C -204.48 -57.03 -202.4 -57.34 -200.32 -57.65 C -131.39 -67.47 -52.19 -46.59 0 0 Z' fill='#7c7c7c' transform='translate(672.43 143.04)'/><path d='M 0 0 C 1.23 0.35 2.47 0.7 3.74 1.05 C 18.98 5.73 32.19 13.67 45 23 C 46.44 23.98 47.87 24.96 49.31 25.94 C 50.2 26.62 53.234 28.992 54.079 29.812 C 54.532 30.25 53.101 30.22 52.537 30.195 C 51.675 30.157 50.98 30.1 49.95 30.2 C -3.98 35.49 -50.45 57.47 -89.25 95.29 C -90.84 96.84 -92.44 98.37 -94.05 99.9 C -100.58 106.2 -106.19 112.95 -111.63 120.19 C -112.97 121.97 -114.34 123.73 -115.71 125.49 C -139.27 156.13 -155.26 194.5 -161.12 232.62 C -161.29 233.68 -164.24 258.76 -164.25 270.5 C -164.25 271.22 -164.25 271.94 -164.25 272.69 C -164.19 345.26 -133.42 409.38 -82.81 460.31 C -78.36 464.74 -73.83 468.99 -69 473 C -68.49 473.44 -67.97 473.88 -67.44 474.33 C -44.98 493.46 -18.585 512.666 9.765 521.606 C 10.425 521.826 23.083 526.338 22.743 527.018 C -19.337 523.067 -68.011 501.111 -104.491 480.231 C -105.229 479.808 -105.765 479.041 -106.48 478.54 C -110.272 475.887 -113.649 473.509 -117.291 470.296 C -118.881 468.986 -120.19 467.4 -121.81 466.12 C -128.17 460.98 -134.07 455.4 -140 449.77 C -143.03 446.9 -146.1 444.08 -149.19 441.28 C -155.89 435.21 -162.04 428.79 -168 422 C -168.48 421.46 -168.969 420.928 -169.45 420.37 C -181.214 406.718 -192.19 392.26 -201.86 376.81 C -202.807 375.298 -203.77 373.8 -204.74 372.3 C -226.04 338.43 -235.09 295.55 -236 256 C -236.02 255.22 -236.04 254.44 -236.06 253.63 C -237.74 180.88 -213.72 109.75 -164 56 C -163.09 54.99 -162.18 53.98 -161.28 52.96 C -156.15 47.25 -150.93 41.9 -145 37 C -144.13 36.24 -143.26 35.49 -142.37 34.71 C -102.32 0.27 -51.4 -14.71 0 0 Z' fill='#575757' transform='translate(414 383)'/><path d='M 0 0 C 0.33 0 0.66 0 1 0 C 6.779 67.95 1.046 137.347 -44.93 191.59 C -50.354 197.989 -56.06 204.08 -62 210 C -62.65 210.68 -63.3 211.37 -63.96 212.07 C -96.71 246.18 -144.09 264.2 -190 271 C -190.78 271.12 -191.56 271.24 -192.36 271.36 C -218.9 275.29 -247.62 274.35 -274 270 C -275.02 269.83 -276.05 269.67 -277.1 269.5 C -325.94 261.27 -374.68 240.22 -414.26 210.3 C -417.06 208.21 -419.91 206.18 -422.75 204.14 C -429.49 199.31 -436.17 194.4 -442.79 189.41 C -454.06 180.93 -465.43 172.63 -477 164.56 C -477.93 163.91 -478.86 163.26 -479.82 162.59 C -486.11 158.23 -492.52 154.08 -499 150 C -500.82 148.83 -502.64 147.66 -504.46 146.5 C -521.08 135.92 -538.2 126.49 -556.05 118.18 C -557.11 117.68 -558.16 117.19 -559.25 116.68 C -561.34 115.7 -563.44 114.73 -565.55 113.77 C -566.5 113.32 -567.45 112.88 -568.43 112.42 C -569.72 111.83 -569.72 111.83 -571.03 111.22 C -573 110 -573.98 111.332 -574.98 108.332 C -574.29 106.422 -573.31 105.09 -572.16 102.94 C -571.53 101.75 -571.53 101.75 -570.89 100.54 C -570.43 99.7 -569.97 98.86 -569.5 98 C -568.8 96.71 -568.8 96.71 -568.09 95.39 C -564.66 89.07 -561.07 82.93 -557 77 C -556.55 76.34 -556.1 75.68 -555.63 75.01 C -554.07 72.75 -552.51 70.5 -550.94 68.25 C -550.2 67.19 -550.2 67.19 -549.44 66.1 C -547.99 64.05 -546.49 62.02 -545 60 C -544.53 59.3 -544.06 58.61 -543.57 57.89 C -542.16 55.96 -540.91 54.44 -539 53 C -532.22 52.62 -526.2 55.67 -520.06 58.31 C -519.02 58.76 -517.97 59.2 -516.89 59.66 C -475.49 77.5 -438.32 101.27 -403.57 129.89 C -401.11 131.91 -398.62 133.9 -396.12 135.88 C -392.88 138.45 -389.72 141.1 -386.59 143.82 C -372.79 155.74 -357.78 165.9 -342 175 C -341.32 175.4 -340.63 175.79 -339.93 176.2 C -321.16 186.97 -300.96 193.92 -280 199 C -279.32 199.17 -278.64 199.33 -277.94 199.51 C -213.19 215.24 -139.84 200.12 -83 167 C -77.11 163.3 -71.51 159.23 -66 155 C -64.52 153.88 -64.52 153.88 -63 152.74 C -49.3 141.98 -38.45 129.59 -29 115 C -28.33 113.98 -27.67 112.97 -26.98 111.92 C -8.59 82.2 -2.84 46.23 -1.34 11.91 C -1.16 7.87 -0.75 4.98 0 0 Z' fill='#C50118' transform='translate(938 449)'/><path d='M 0 0 C 0.85 0.12 1.69 0.24 2.56 0.36 C 40.55 5.73 76.04 19.6 110 37 C 110.88 37.45 111.77 37.9 112.67 38.37 C 147.7 56.56 181.41 82.14 205 114 C 205.43 114.57 205.87 115.14 206.31 115.73 C 227 143.09 227.108 143.239 227.108 156.149 C 185.418 166.699 136.29 157.29 98 140 C 96.87 139.5 96.87 139.5 95.72 138.98 C 82.09 132.82 69.5 124.58 57.02 116.4 C 23.61 94.64 -14.48 81.52 -54 77 C -55.25 76.85 -55.25 76.85 -56.53 76.69 C -92.3 72.32 -127.5 75.88 -162 86 C -162.81 86.23 -163.61 86.47 -164.45 86.71 C -196.23 96.2 -226.08 115.27 -250 138 C -251.31 139.13 -252.62 140.26 -253.94 141.38 C -264.42 150.5 -273.75 160.72 -282.25 171.69 C -282.67 172.23 -283.1 172.78 -283.54 173.35 C -285.41 175.8 -287.13 178.22 -288.67 180.89 C -289.11 181.59 -289.55 182.28 -290 183 C -290.66 183 -291.32 183 -292 183 C -290.49 177.52 -287.86 173.15 -284.88 168.38 C -284.38 167.58 -283.88 166.78 -283.37 165.95 C -272.83 149.02 -261.38 132.64 -249 117 C -248.26 116.07 -247.53 115.14 -246.77 114.18 C -241.57 107.72 -236.06 101.6 -230.42 95.54 C -228.98 93.98 -227.56 92.4 -226.14 90.82 C -221.62 85.8 -217.07 80.98 -211.88 76.63 C -209.87 74.89 -208.04 73.04 -206.19 71.12 C -202.26 67.13 -198 63.64 -193.64 60.14 C -191.46 58.38 -189.38 56.57 -187.31 54.69 C -172.58 41.7 -155.78 31.08 -138.9 21.13 C -136.94 19.96 -134.99 18.77 -133.04 17.58 C -121.9 10.75 -111.73 6.38 -98.99 3.46 C -97.21 3.05 -95.44 2.6 -93.66 2.15 C -64.48 -4.88 -29.61 -4.55 0 0 Z' fill='#42444b' transform='translate(426 128)'/><path d='M 0.104 0.059 C 44.744 21.019 44.64 20.96 65 34 C 65.97 34.62 65.97 34.62 66.97 35.26 C 72 38.48 77 41.73 82 45 C 82.64 45.42 83.28 45.84 83.95 46.27 C 98.25 55.66 112.17 65.55 125.83 75.86 C 138.07 85.1 150.43 94.21 163 103 C 163.54 103.38 164.08 103.76 164.63 104.15 C 199.75 128.8 239.69 147.49 281.56 157.06 C 282.68 157.32 283.8 157.58 284.96 157.84 C 304.91 162.31 324.64 164.24 345.06 164.25 C 346.31 164.25 346.31 164.25 347.59 164.25 C 400.88 164.18 456.68 149.75 498.02 114.56 C 499.94 113.05 509.058 105.005 511.278 104.005 C 510.918 109.125 500.8 118.82 497.38 122.31 C 496.27 123.47 495.16 124.63 494.05 125.79 C 493.52 126.35 492.99 126.9 492.44 127.47 C 490.72 129.3 489.1 131.2 487.5 133.12 C 474.19 148.41 457.07 161.25 440 172 C 438.94 172.68 437.87 173.37 436.77 174.07 C 391.29 202.79 339.73 215.33 286.31 215.44 C 285.36 215.44 284.41 215.45 283.44 215.46 C 234.89 215.66 184.88 201.56 142.04 179.07 C 139.83 177.91 137.61 176.79 135.39 175.66 C 125.13 170.43 115.42 164.66 105.86 158.24 C 104.2 157.13 102.52 156.04 100.84 154.95 C 87.49 146.26 74.99 136.47 63 126 C 62.2 125.31 61.4 124.62 60.57 123.91 C 48.44 113.27 36.86 101.79 27 89 C 26.14 87.94 25.27 86.88 24.41 85.82 C 11.3 69.69 -9 44.28 -9 22.69 C -7.52 17.23 -5.546 12.046 -3.266 6.886 C -2.266 4.556 -0.896 2.389 0.104 0.059 Z' fill='#4f5057' transform='translate(363 557)'/><path d='M 0 0 C 6.31 1.15 11.76 2.99 17.52 5.78 C 18.3 6.15 19.08 6.52 19.89 6.9 C 22.39 8.09 24.88 9.29 27.38 10.5 C 29.1 11.33 30.83 12.16 32.56 12.99 C 51.39 22.04 69.39 31.73 87 43 C 87.62 43.39 88.24 43.79 88.88 44.2 C 101.75 52.42 113.45 62.04 125 72 C 125.72 72.61 126.43 73.23 127.17 73.86 C 133.23 79.11 139.13 84.54 145 90 C 146.19 91.11 146.19 91.11 147.41 92.24 C 150.95 95.64 154.358 98.555 156.578 102.945 C 157.808 104.791 158.891 106.771 160.551 108.726 C 164.003 112.792 166.83 116.86 169.75 121.31 C 170.26 122.09 170.77 122.86 171.3 123.66 C 180.76 138.17 188.98 153.16 196 169 C 196.29 169.64 196.57 170.29 196.87 170.95 C 201.72 181.96 205.07 193.35 208 205 C 208.21 205.81 208.43 206.62 208.65 207.46 C 215.7 235.13 214.87 269.35 208 297 C 207.82 297.78 207.64 298.56 207.45 299.37 C 199.71 332.25 183.84 361.84 161.08 386.7 C 159.35 388.61 157.73 390.56 156.12 392.56 C 152.02 397.38 146.95 401.11 142 405 C 140.53 406.21 140.53 406.21 139.03 407.45 C 119.09 423.51 95.64 432.84 71 439 C 70.09 439.23 69.18 439.46 68.24 439.69 C 41.93 445.94 10.43 445.59 -16 440 C -16.81 439.83 -17.62 439.67 -18.45 439.5 C -55.61 431.63 -89.402 413.599 -120.462 392.209 C -128.673 385.351 -120.49 390.973 -114.589 392.984 C -113.883 393.225 -113.221 393.583 -112.49 393.84 C -85.133 403.476 -52.599 404.801 -24.33 399.49 C -21.78 399.011 -19.25 398.48 -16.7 398 C -3.3 395.37 8.71 390.91 21 385 C 21.7 384.67 22.39 384.34 23.11 384 C 38.61 376.61 51.71 365.86 64 354 C 64.78 353.28 65.55 352.55 66.35 351.8 C 88.81 330.29 104.14 301.15 114 272 C 114.28 271.18 114.56 270.36 114.85 269.51 C 119.31 256.26 122.02 242.83 124 229 C 124.11 228.29 124.21 227.58 124.32 226.84 C 129.5 187.2 121.98 145.51 104 110 C 103.45 108.84 102.89 107.67 102.32 106.47 C 93.37 87.85 81.05 71.1 67 56 C 65.89 54.71 64.79 53.42 63.69 52.12 C 55.56 42.84 46.7 34.61 37 27 C 35.91 26.12 34.82 25.24 33.73 24.35 C 23.97 16.49 13.73 9.5 3.06 2.94 C 2.05 2.3 1.04 1.66 0 1 C 0 0.67 0 0.34 0 0 Z' fill='#F2930C' transform='translate(676 106)'/></svg>","preview_image":"https://animateicons.in/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1481,"open_issues":0,"last_commit":"2026-10-27T06:00:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://animateicons.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://animateicons.in/r/registry.json","install_bun":"bunx shadcn@latest add https://animateicons.in/r/registry.json","clone":"git clone https://github.com/Avijit07x/animateicons.git","clone_degit":"npx degit Avijit07x/animateicons","registry_fetch":"curl -s https://animateicons.in/r/registry.json"},"component_count":250,"components":[{"name":"hu-activity","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-activity.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-activity.json"},{"name":"hu-add-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-add-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-add-0-1.json"},{"name":"hu-add-circle","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-add-circle.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-add-circle.json"},{"name":"hu-add-square","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-add-square.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-add-square.json"},{"name":"hu-alert-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-alert-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-alert-0-2.json"},{"name":"hu-alert-circle","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-alert-circle.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-alert-circle.json"},{"name":"hu-alert-diamond","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-alert-diamond.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-alert-diamond.json"},{"name":"hu-alert-square","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-alert-square.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-alert-square.json"},{"name":"hu-analytics-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-analytics-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-analytics-0-1.json"},{"name":"hu-analytics-down","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-analytics-down.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-analytics-down.json"},{"name":"hu-analytics-up","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-analytics-up.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-analytics-up.json"},{"name":"hu-angry","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-angry.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-angry.json"},{"name":"hu-api","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-api.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-api.json"},{"name":"hu-apple-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-0-1.json"},{"name":"hu-apple-finder","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-finder.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-finder.json"},{"name":"hu-apple","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple.json"},{"name":"hu-apple-intelligence","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-intelligence.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-intelligence.json"},{"name":"hu-apple-music","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-music.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-music.json"},{"name":"hu-apple-news","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-news.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-news.json"},{"name":"hu-apple-reminder","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-reminder.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-reminder.json"},{"name":"hu-apple-stocks","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-stocks.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-stocks.json"},{"name":"hu-apple-vision-pro","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-apple-vision-pro.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-apple-vision-pro.json"},{"name":"hu-arrow-all-direction","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-all-direction.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-all-direction.json"},{"name":"hu-arrow-down-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-down-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-down-0-2.json"},{"name":"hu-arrow-down-double","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-down-double.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-down-double.json"},{"name":"hu-arrow-down-left-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-down-left-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-down-left-0-1.json"},{"name":"hu-arrow-down-right-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-down-right-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-down-right-0-1.json"},{"name":"hu-arrow-down-to-line","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-down-to-line.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-down-to-line.json"},{"name":"hu-arrow-left-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-left-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-left-0-2.json"},{"name":"hu-arrow-left-double","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-left-double.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-left-double.json"},{"name":"hu-arrow-left-right","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-left-right.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-left-right.json"},{"name":"hu-arrow-left-to-line","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-left-to-line.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-left-to-line.json"},{"name":"hu-arrow-right-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-right-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-right-0-2.json"},{"name":"hu-arrow-right-double","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-right-double.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-right-double.json"},{"name":"hu-arrow-up-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-up-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-up-0-2.json"},{"name":"hu-arrow-up-double","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-up-double.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-up-double.json"},{"name":"hu-arrow-up-down","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-up-down.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-up-down.json"},{"name":"hu-arrow-up-left-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-up-left-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-up-left-0-1.json"},{"name":"hu-arrow-up-right-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-up-right-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-up-right-0-1.json"},{"name":"hu-arrow-up-to-line","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-arrow-up-to-line.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-arrow-up-to-line.json"},{"name":"hu-attachment-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-attachment-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-attachment-0-1.json"},{"name":"hu-award-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-award-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-award-0-1.json"},{"name":"hu-backward-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-backward-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-backward-0-1.json"},{"name":"hu-badge-alert","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-alert.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-alert.json"},{"name":"hu-badge-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-check.json"},{"name":"hu-badge-info","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-info.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-info.json"},{"name":"hu-badge-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-minus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-minus.json"},{"name":"hu-badge-plus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-plus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-plus.json"},{"name":"hu-badge-question-mark","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-question-mark.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-question-mark.json"},{"name":"hu-badge-x","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-badge-x.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-badge-x.json"},{"name":"hu-bank","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bank.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bank.json"},{"name":"hu-barcode","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-barcode.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-barcode.json"},{"name":"hu-behance-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-behance-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-behance-0-2.json"},{"name":"hu-bell-dot","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bell-dot.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bell-dot.json"},{"name":"hu-bell-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bell-minus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bell-minus.json"},{"name":"hu-bell-plus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bell-plus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bell-plus.json"},{"name":"hu-bell-ring","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bell-ring.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bell-ring.json"},{"name":"hu-blocks","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-blocks.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-blocks.json"},{"name":"hu-blogger","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-blogger.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-blogger.json"},{"name":"hu-bluesky","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bluesky.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bluesky.json"},{"name":"hu-book-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-book-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-book-0-1.json"},{"name":"hu-book-open-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-book-open-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-book-open-0-1.json"},{"name":"hu-bookmark-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bookmark-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bookmark-check.json"},{"name":"hu-bookmark","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bookmark.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bookmark.json"},{"name":"hu-bookmark-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bookmark-minus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bookmark-minus.json"},{"name":"hu-bookmark-remove","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bookmark-remove.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bookmark-remove.json"},{"name":"hu-bot","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bot.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bot.json"},{"name":"hu-bot-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bot-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bot-off.json"},{"name":"hu-braces","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-braces.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-braces.json"},{"name":"hu-briefcase-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-briefcase-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-briefcase-0-1.json"},{"name":"hu-browser","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-browser.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-browser.json"},{"name":"hu-bug-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-bug-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-bug-0-1.json"},{"name":"hu-building-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-building-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-building-0-1.json"},{"name":"hu-calculator","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calculator.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calculator.json"},{"name":"hu-calendar-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calendar-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calendar-0-1.json"},{"name":"hu-calendar-add-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calendar-add-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calendar-add-0-1.json"},{"name":"hu-calendar-check-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calendar-check-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calendar-check-0-1.json"},{"name":"hu-calendar-minus-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calendar-minus-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calendar-minus-0-1.json"},{"name":"hu-calendar-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calendar-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calendar-off.json"},{"name":"hu-calendar-remove-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-calendar-remove-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-calendar-remove-0-1.json"},{"name":"hu-camera-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-camera-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-camera-0-1.json"},{"name":"hu-camera-off-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-camera-off-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-camera-off-0-1.json"},{"name":"hu-cancel-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cancel-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cancel-0-1.json"},{"name":"hu-cancel-circle","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cancel-circle.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cancel-circle.json"},{"name":"hu-cancel-square","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cancel-square.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cancel-square.json"},{"name":"hu-chart-line","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chart-line.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chart-line.json"},{"name":"hu-chat-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chat-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chat-0-1.json"},{"name":"hu-chat-gpt","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chat-gpt.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chat-gpt.json"},{"name":"hu-check-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-check-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-check-check.json"},{"name":"hu-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-check.json"},{"name":"hu-check-list","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-check-list.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-check-list.json"},{"name":"hu-checkmark-circle-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-checkmark-circle-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-checkmark-circle-0-1.json"},{"name":"hu-checkmark-square-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-checkmark-square-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-checkmark-square-0-1.json"},{"name":"hu-chevron-down","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chevron-down.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chevron-down.json"},{"name":"hu-chevron-left","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chevron-left.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chevron-left.json"},{"name":"hu-chevron-right","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chevron-right.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chevron-right.json"},{"name":"hu-chevron-up","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-chevron-up.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-chevron-up.json"},{"name":"hu-claude","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-claude.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-claude.json"},{"name":"hu-clock-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-clock-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-clock-0-1.json"},{"name":"hu-code","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-code.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-code.json"},{"name":"hu-code-xml","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-code-xml.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-code-xml.json"},{"name":"hu-coffee-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-coffee-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-coffee-0-1.json"},{"name":"hu-coffee-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-coffee-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-coffee-0-2.json"},{"name":"hu-coffee-0-3","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-coffee-0-3.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-coffee-0-3.json"},{"name":"hu-coffee-beans","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-coffee-beans.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-coffee-beans.json"},{"name":"hu-collapse","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-collapse.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-collapse.json"},{"name":"hu-command","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-command.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-command.json"},{"name":"hu-command-line","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-command-line.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-command-line.json"},{"name":"hu-compass-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-compass-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-compass-0-1.json"},{"name":"hu-compass-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-compass-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-compass-0-2.json"},{"name":"hu-component","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-component.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-component.json"},{"name":"hu-confused","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-confused.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-confused.json"},{"name":"hu-cookie","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cookie.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cookie.json"},{"name":"hu-copilot","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-copilot.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-copilot.json"},{"name":"hu-copy-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-copy-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-copy-check.json"},{"name":"hu-copy","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-copy.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-copy.json"},{"name":"hu-corner-down-left","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-down-left.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-down-left.json"},{"name":"hu-corner-down-right","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-down-right.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-down-right.json"},{"name":"hu-corner-left-down","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-left-down.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-left-down.json"},{"name":"hu-corner-left-up","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-left-up.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-left-up.json"},{"name":"hu-corner-right-down","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-right-down.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-right-down.json"},{"name":"hu-corner-right-up","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-right-up.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-right-up.json"},{"name":"hu-corner-up-left","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-up-left.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-up-left.json"},{"name":"hu-corner-up-right","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-corner-up-right.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-corner-up-right.json"},{"name":"hu-coupon-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-coupon-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-coupon-0-1.json"},{"name":"hu-cpu","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cpu.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cpu.json"},{"name":"hu-credit-card","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-credit-card.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-credit-card.json"},{"name":"hu-cursor-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cursor-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cursor-0-1.json"},{"name":"hu-cursor-pointer-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-cursor-pointer-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-cursor-pointer-0-1.json"},{"name":"hu-dashboard-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-dashboard-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-dashboard-0-1.json"},{"name":"hu-dashboard-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-dashboard-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-dashboard-0-2.json"},{"name":"hu-dashboard-0-3","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-dashboard-0-3.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-dashboard-0-3.json"},{"name":"hu-database-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-database-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-database-0-1.json"},{"name":"hu-deepseek","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-deepseek.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-deepseek.json"},{"name":"hu-delete-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-delete-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-delete-0-2.json"},{"name":"hu-delivery-box-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-delivery-box-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-delivery-box-0-1.json"},{"name":"hu-delivery-tracking-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-delivery-tracking-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-delivery-tracking-0-1.json"},{"name":"hu-delivery-truck-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-delivery-truck-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-delivery-truck-0-1.json"},{"name":"hu-discord","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-discord.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-discord.json"},{"name":"hu-discount-tag-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-discount-tag-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-discount-tag-0-1.json"},{"name":"hu-download","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-download.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-download.json"},{"name":"hu-dribbble","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-dribbble.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-dribbble.json"},{"name":"hu-edit-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-edit-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-edit-0-2.json"},{"name":"hu-expand","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-expand.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-expand.json"},{"name":"hu-eye","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-eye.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-eye.json"},{"name":"hu-eye-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-eye-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-eye-off.json"},{"name":"hu-facebook-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-facebook-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-facebook-0-1.json"},{"name":"hu-facebook","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-facebook.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-facebook.json"},{"name":"hu-figma","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-figma.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-figma.json"},{"name":"hu-file-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-0-1.json"},{"name":"hu-file-add","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-add.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-add.json"},{"name":"hu-file-block","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-block.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-block.json"},{"name":"hu-file-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-check.json"},{"name":"hu-file-down","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-down.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-down.json"},{"name":"hu-file-remove","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-remove.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-remove.json"},{"name":"hu-file-up","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-file-up.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-file-up.json"},{"name":"hu-film-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-film-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-film-0-1.json"},{"name":"hu-filter-add","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-filter-add.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-filter-add.json"},{"name":"hu-filter","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-filter.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-filter.json"},{"name":"hu-filter-remove","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-filter-remove.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-filter-remove.json"},{"name":"hu-finger-print-add","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-finger-print-add.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-finger-print-add.json"},{"name":"hu-finger-print-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-finger-print-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-finger-print-check.json"},{"name":"hu-finger-print","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-finger-print.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-finger-print.json"},{"name":"hu-finger-print-remove","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-finger-print-remove.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-finger-print-remove.json"},{"name":"hu-finger-print-scan","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-finger-print-scan.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-finger-print-scan.json"},{"name":"hu-fire","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-fire.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-fire.json"},{"name":"hu-flag-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-flag-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-flag-0-1.json"},{"name":"hu-flag-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-flag-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-flag-off.json"},{"name":"hu-flash","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-flash.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-flash.json"},{"name":"hu-flash-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-flash-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-flash-off.json"},{"name":"hu-folder-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-folder-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-folder-0-1.json"},{"name":"hu-folder-add","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-folder-add.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-folder-add.json"},{"name":"hu-folder-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-folder-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-folder-check.json"},{"name":"hu-folder-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-folder-minus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-folder-minus.json"},{"name":"hu-folder-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-folder-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-folder-off.json"},{"name":"hu-folder-remove","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-folder-remove.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-folder-remove.json"},{"name":"hu-forward-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-forward-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-forward-0-1.json"},{"name":"hu-full-screen","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-full-screen.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-full-screen.json"},{"name":"hu-gift","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-gift.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-gift.json"},{"name":"hu-git-branch","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-git-branch.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-git-branch.json"},{"name":"hu-git-commit","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-git-commit.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-git-commit.json"},{"name":"hu-git-fork","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-git-fork.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-git-fork.json"},{"name":"hu-git-merge","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-git-merge.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-git-merge.json"},{"name":"hu-git-pull-request","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-git-pull-request.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-git-pull-request.json"},{"name":"hu-github","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-github.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-github.json"},{"name":"hu-globe-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-globe-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-globe-0-2.json"},{"name":"hu-google-doc","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-doc.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-doc.json"},{"name":"hu-google-drive","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-drive.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-drive.json"},{"name":"hu-google-gemini","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-gemini.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-gemini.json"},{"name":"hu-google-home","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-home.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-home.json"},{"name":"hu-google","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google.json"},{"name":"hu-google-lens","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-lens.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-lens.json"},{"name":"hu-google-maps","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-maps.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-maps.json"},{"name":"hu-google-photos","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-photos.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-photos.json"},{"name":"hu-google-sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-google-sheet.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-google-sheet.json"},{"name":"hu-grid-view","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-grid-view.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-grid-view.json"},{"name":"hu-grok-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-grok-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-grok-0-2.json"},{"name":"hu-grok","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-grok.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-grok.json"},{"name":"hu-handshake","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-handshake.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-handshake.json"},{"name":"hu-headphone-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-headphone-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-headphone-off.json"},{"name":"hu-headphones","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-headphones.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-headphones.json"},{"name":"hu-heart-add","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-heart-add.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-heart-add.json"},{"name":"hu-heart-check","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-heart-check.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-heart-check.json"},{"name":"hu-heart","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-heart.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-heart.json"},{"name":"hu-heart-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-heart-minus.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-heart-minus.json"},{"name":"hu-heart-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-heart-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-heart-off.json"},{"name":"hu-heart-remove","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-heart-remove.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-heart-remove.json"},{"name":"hu-help-circle","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-help-circle.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-help-circle.json"},{"name":"hu-help-square","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-help-square.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-help-square.json"},{"name":"hu-home-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-home-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-home-0-1.json"},{"name":"hu-home-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-home-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-home-0-2.json"},{"name":"hu-hourglass","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-hourglass.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-hourglass.json"},{"name":"hu-hourglass-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-hourglass-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-hourglass-off.json"},{"name":"hu-id","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-id.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-id.json"},{"name":"hu-id-verified","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-id-verified.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-id-verified.json"},{"name":"hu-idea-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-idea-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-idea-0-1.json"},{"name":"hu-image-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-image-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-image-0-1.json"},{"name":"hu-image-add-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-image-add-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-image-add-0-1.json"},{"name":"hu-image-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-image-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-image-off.json"},{"name":"hu-image-remove-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-image-remove-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-image-remove-0-1.json"},{"name":"hu-information-circle","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-information-circle.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-information-circle.json"},{"name":"hu-information-diamond","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-information-diamond.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-information-diamond.json"},{"name":"hu-information-square","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-information-square.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-information-square.json"},{"name":"hu-instagram","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-instagram.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-instagram.json"},{"name":"hu-invoice-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-invoice-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-invoice-0-1.json"},{"name":"hu-kanban","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-kanban.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-kanban.json"},{"name":"hu-key-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-key-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-key-0-1.json"},{"name":"hu-key-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-key-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-key-0-2.json"},{"name":"hu-keyboard","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-keyboard.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-keyboard.json"},{"name":"hu-keyboard-off","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-keyboard-off.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-keyboard-off.json"},{"name":"hu-kimi-ai","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-kimi-ai.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-kimi-ai.json"},{"name":"hu-laugh","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-laugh.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-laugh.json"},{"name":"hu-layers-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layers-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layers-0-1.json"},{"name":"hu-layout-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-1.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-1.json"},{"name":"hu-layout-0-2","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-2.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-2.json"},{"name":"hu-layout-0-3","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-3.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-3.json"},{"name":"hu-layout-0-4","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-4.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-4.json"},{"name":"hu-layout-0-5","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-5.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-5.json"},{"name":"hu-layout-0-6","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-6.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-6.json"},{"name":"hu-layout-0-7","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-0-7.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-0-7.json"},{"name":"hu-layout-align-bottom","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-align-bottom.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-align-bottom.json"},{"name":"hu-layout-align-left","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-align-left.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-align-left.json"},{"name":"hu-layout-align-right","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-align-right.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-align-right.json"},{"name":"hu-layout-align-top","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-align-top.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-align-top.json"},{"name":"hu-layout-dashboard","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-dashboard.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-dashboard.json"},{"name":"hu-layout-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-grid.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-grid.json"},{"name":"hu-layout-list","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-list.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-list.json"},{"name":"hu-layout-panel-left","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-panel-left.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-panel-left.json"},{"name":"hu-layout-panel-top","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-panel-top.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-panel-top.json"},{"name":"hu-layout-template","title":null,"description":null,"type":"registry:ui","source_url":"https://animateicons.in/r/hu-layout-template.json","install_command":"npx shadcn@latest add https://animateicons.in/r/hu-layout-template.json"}]},{"id":"astryx","name":"@astryx","slug":"astryx","description":"Meta's open source design system: accessible React components, hooks, examples, and page templates. Components install as re-exports of the Astryx package; examples and pages copy editable source.","author":"facebook","framework":"react","license":"MIT","tags":["accessibility","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","tables","theming"],"categories":["Forms"],"labels":["popular","recently-updated"],"urls":{"website":"https://astryx.atmeta.com","github":"https://github.com/facebook/astryx","registry":"https://astryx.atmeta.com/shadcn/registry.json","source":"https://astryx.atmeta.com/shadcn/registry.json","page":"https://sh4dcn.netlify.app/registry/astryx","markdown":"https://sh4dcn.netlify.app/md/astryx.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><path d='M26.4095 15.141C29.4959 15.141 32 12.6369 32 9.5505V3.51738C32 1.57816 30.4277 0 28.4826 0H22.4495C19.3631 0 16.859 2.50409 16.859 5.59054V6.86588C16.6377 7.76269 15.3623 7.76269 15.141 6.86588V5.59054C15.141 2.50409 12.6369 0 9.5505 0H3.51738C1.57234 0 0 1.57234 0 3.51738V9.5505C0 12.6369 2.50409 15.141 5.59054 15.141H6.86588C7.76269 15.3623 7.76269 16.6377 6.86588 16.859H5.59054C2.50409 16.859 0 19.3631 0 22.4495V28.4826C0 30.4218 1.57234 32 3.51738 32H9.5505C12.6369 32 15.141 29.4959 15.141 26.4095V25.1341C15.3623 24.2373 16.6377 24.2373 16.859 25.1341V26.4095C16.859 29.4959 19.3631 32 22.4495 32H28.4826C30.4218 32 32 30.4277 32 28.4826V22.4495C32 19.3631 29.4959 16.859 26.4095 16.859H23.1425V15.141H26.4095Z'/></svg>","preview_image":"https://astryx.atmeta.com/images/Astryx-Banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":13762,"open_issues":835,"last_commit":"2026-10-27T06:31:35Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://astryx.atmeta.com/shadcn/registry.json","install_bun":"bunx shadcn@latest add https://astryx.atmeta.com/shadcn/registry.json","clone":"git clone https://github.com/facebook/astryx.git","clone_degit":"npx degit facebook/astryx","registry_fetch":"curl -s https://astryx.atmeta.com/shadcn/registry.json"},"component_count":250,"components":[{"name":"component-alert-dialog","title":"Alert Dialog","description":"A modal dialog that asks the user to confirm a destructive action.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-alert-dialog.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-alert-dialog.json"},{"name":"component-app-shell","title":"App Shell","description":"AppShell is the page shell for an application. It provides slots for top navigation, side navigation, banners, and main content. Use it as the root wrapper for…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-app-shell.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-app-shell.json"},{"name":"component-aspect-ratio","title":"Aspect Ratio","description":"Maintains a fixed width-to-height ratio for its children as its container resizes. Use it for media containers like videos, images, thumbnails, or any content …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-aspect-ratio.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-aspect-ratio.json"},{"name":"component-avatar","title":"Avatar","description":"Displays a user avatar with image, initials fallback, and optional status indicator.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-avatar.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-avatar.json"},{"name":"component-avatar-group","title":"Avatar Group","description":"Stacked avatar display with overlapping layout and optional overflow indicator. Children are Avatar elements.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-avatar-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-avatar-group.json"},{"name":"component-avatar-group-overflow","title":"Avatar Group Overflow","description":"Overflow indicator for AvatarGroup. Shows a compact count for hidden avatars and can render custom count text or act as a button.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-avatar-group-overflow.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-avatar-group-overflow.json"},{"name":"component-avatar-status-dot","title":"Avatar Status Dot","description":"Size-aware status indicator dot that reads avatar size from context and scales proportionally. Each variant pairs a colour with a distinct built-in shape (fill…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-avatar-status-dot.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-avatar-status-dot.json"},{"name":"component-badge","title":"Badge","description":"Badge highlights a status or category at a glance. Use it sparingly: only when a value represents a distinct state (Active, Failed) or a grouping tag (Engineer…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-badge.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-badge.json"},{"name":"component-banner","title":"Banner","description":"Banner shows a persistent message at the top of a page or section. Use it for form errors, system updates, maintenance notices, or success confirmations that t…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-banner.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-banner.json"},{"name":"component-base-typeahead","title":"Base Typeahead","description":"Composable combobox engine providing a bare input, search, keyboard navigation, and a styled result dropdown. It renders no input wrapper, border, or selected-…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-base-typeahead.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-base-typeahead.json"},{"name":"component-blockquote","title":"Blockquote","description":"A quotation block with a rule on its inline-start edge and secondary text color. Use to highlight quoted content, testimonials, or excerpts. The rule and paddi…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-blockquote.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-blockquote.json"},{"name":"component-bottom-sheet","title":"Bottom Sheet","description":"A mobile touch surface for filters, actions, forms, and detail views that should rise from the bottom of the viewport; use BottomSheetSwitcher for multi-step f…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-bottom-sheet.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-bottom-sheet.json"},{"name":"component-bottom-sheet-switcher","title":"Bottom Sheet Switcher","description":"Coordinates a multi-step bottom-sheet flow, one native dialog per sheet; set activeSheet to a nested BottomSheet's sheetId to open or switch steps, and to null…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-bottom-sheet-switcher.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-bottom-sheet-switcher.json"},{"name":"component-breadcrumb-item","title":"Breadcrumb Item","description":"Individual breadcrumb item that renders as a link when href is provided, or as plain text for the current page.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-breadcrumb-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-breadcrumb-item.json"},{"name":"component-breadcrumbs","title":"Breadcrumbs","description":"Navigation container that renders a <nav> with an ordered list of breadcrumb items.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-breadcrumbs.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-breadcrumbs.json"},{"name":"component-button","title":"Button","description":"Button triggers an action when clicked. Use it for form submissions, confirmations, navigation, or any interaction that needs a clear call to action.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-button.json"},{"name":"component-button-group","title":"Button Group","description":"Groups multiple buttons together with connected styling: shared borders, proper border-radius handling (only on outer edges), and horizontal or vertical orient…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-button-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-button-group.json"},{"name":"component-calendar","title":"Calendar","description":"Calendar lets the user pick a date or date range from a month grid. Use it in booking flows, scheduling UIs, date filters, or anywhere the user needs to see su…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-calendar.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-calendar.json"},{"name":"component-card","title":"Card","description":"Card is a bordered, elevated container for discrete, self-contained items: things you could reorder, remove, or interact with independently. Cards are NOT the …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-card.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-card.json"},{"name":"component-carousel","title":"Carousel","description":"Carousel scrolls a row of items horizontally when they overflow the available width. Use it for card grids, image galleries, product lists, or any set of items…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-carousel.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-carousel.json"},{"name":"component-center","title":"Center","description":"Center aligns content to the middle of its container. Use it for empty states, loading screens, login forms, or any content that should sit in the center of th…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-center.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-center.json"},{"name":"component-chat-composer","title":"Chat Composer","description":"Layout shell for a chat composer. Arranges named slots (drawer, header, input, footer, send) with page-radius container, elevation, a keyboard-only editor focu…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-composer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-composer.json"},{"name":"component-chat-composer-drawer","title":"Chat Composer Drawer","description":"Collapsible drawer panel that sits above the chat input inside ChatComposer. Pass it to the composer's `drawer` slot to show attachments, context chips, or any…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-composer-drawer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-composer-drawer.json"},{"name":"component-chat-composer-input","title":"Chat Composer Input","description":"Rich text input for the chat composer. Supports trigger menus (type @ or / to open a typeahead), inline tokens rendered as badges, message history recall with …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-composer-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-composer-input.json"},{"name":"component-chat-composer-token-element","title":"Chat Composer Token Element","description":"Renders a single token chip outside the contentEditable input. Wraps a badge config or custom render function in the correct data-astryx-token span so the toke…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-composer-token-element.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-composer-token-element.json"},{"name":"component-chat-dictation-button","title":"Chat Dictation Button","description":"ChatDictationButton is a toggle button that starts and stops voice dictation inside a chat composer. It pairs with useChatDictation to show a microphone icon w…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-dictation-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-dictation-button.json"},{"name":"component-chat-layout","title":"Chat Layout","description":"Layout shell for full chat interfaces. Messages flow in normal page flow, composer is fixed to the bottom with a frosted glass dock. Set density (compact/balan…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-layout.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-layout.json"},{"name":"component-chat-layout-scroll-button","title":"Chat Layout Scroll Button","description":"Floating scroll-to-bottom button that appears when the user scrolls away from the latest messages. It fades in as a compact icon button and expands to show a l…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-layout-scroll-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-layout-scroll-button.json"},{"name":"component-chat-message","title":"Chat Message","description":"Sender context wrapper: handles avatar, name, metadata, and alignment based on sender role.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-message.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-message.json"},{"name":"component-chat-message-bubble","title":"Chat Message Bubble","description":"Styled content container for the chat \"bubble.\" Reads sender from parent ChatMessage context to auto-style the background. Use filled for standard messages and…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-message-bubble.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-message-bubble.json"},{"name":"component-chat-message-list","title":"Chat Message List","description":"Presentational message container with density context and infinite scroll support. Provides role=\"log\" with aria-live=\"polite\" for accessibility. A flex spacer…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-message-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-message-list.json"},{"name":"component-chat-message-metadata","title":"Chat Message Metadata","description":"Composable metadata row for chat messages. Renders timestamp, footer content, and delivery status in a single row. Direction reverses for user sender. Omits th…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-message-metadata.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-message-metadata.json"},{"name":"component-chat-send-button","title":"Chat Send Button","description":"Circular send/stop toggle button for the chat composer. Place it inside ChatComposer where it reads context automatically: no wiring needed. When streaming sta…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-send-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-send-button.json"},{"name":"component-chat-system-message","title":"Chat System Message","description":"Centered system message for non-sender content like date separators, membership changes, and status notices. It is not a chat bubble; it has no avatar, no alig…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-system-message.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-system-message.json"},{"name":"component-chat-tokenized-text","title":"Chat Tokenized Text","description":"Renders a text string with token patterns replaced by inline token content. Wrap any message body inside ChatMessageBubble to turn raw @mentions, #tags, or /co…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-tokenized-text.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-tokenized-text.json"},{"name":"component-chat-tool-calls","title":"Chat Tool Calls","description":"ChatToolCalls displays tool or function call invocations from an LLM response. Pass an array of calls and the component handles the rest: a single call renders…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-chat-tool-calls.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-chat-tool-calls.json"},{"name":"component-check-indicator","title":"Check Indicator","description":"The mark on a chosen option: a checkmark by default, and nothing at all when unchosen, so a listbox shows no empty box beside every row. This is the indicator …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-check-indicator.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-check-indicator.json"},{"name":"component-checkbox-indicator","title":"Checkbox Indicator","description":"The checkbox visual: a square box with a checkmark or an indeterminate bar. Decorative (aria-hidden); the owning control keeps the input, role, accessible name…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-checkbox-indicator.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-checkbox-indicator.json"},{"name":"component-checkbox-input","title":"Checkbox Input","description":"CheckboxInput toggles a single on/off value. Use it for settings like \"Enable notifications\", terms acceptance, or opt-in choices. For multiple checkboxes in a…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-checkbox-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-checkbox-input.json"},{"name":"component-checkbox-list","title":"Checkbox List","description":"Checkbox group container with field integration for label, description, and status.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-checkbox-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-checkbox-list.json"},{"name":"component-checkbox-list-item","title":"Checkbox List Item","description":"Individual checkbox item with label, description, and end content slot. Works in collection mode (inside a CheckboxList with a value array) or standalone mode …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-checkbox-list-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-checkbox-list-item.json"},{"name":"component-citation","title":"Citation","description":"Citations display inline references to external sources. Use them to attribute information within AI-generated responses, articles, or anywhere provenance and …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-citation.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-citation.json"},{"name":"component-clickable-card","title":"Clickable Card","description":"An interactive card for navigation or action targets. Nested interactive elements work independently.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-clickable-card.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-clickable-card.json"},{"name":"component-code","title":"Code","description":"Code marks short inline references such as function names, variables, file paths, and command-line flags. Use CodeBlock for standalone or multi-line snippets.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-code.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-code.json"},{"name":"component-code-block","title":"Code Block","description":"Fenced code block with syntax highlighting. Use for multi-line code snippets.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-code-block.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-code-block.json"},{"name":"component-collapsible","title":"Collapsible","description":"A primitive that makes any content collapsible: a trigger button toggles visibility of the content area, managing its own state or deferring to a parent Collap…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-collapsible.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-collapsible.json"},{"name":"component-collapsible-group","title":"Collapsible Group","description":"Coordinates multiple Collapsible instances so only one (single mode) or any number (multiple mode) can be open at a time. Renders no wrapper DOM element unless…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-collapsible-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-collapsible-group.json"},{"name":"component-command-palette","title":"Command Palette","description":"Root component. Manages open state, search, keyboard navigation, and composition slots.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette.json"},{"name":"component-command-palette-empty","title":"Command Palette Empty","description":"Empty state display for the results area. Rendered automatically by CommandPalette for no-results and no-query states.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette-empty.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette-empty.json"},{"name":"component-command-palette-footer","title":"Command Palette Footer","description":"Footer with keyboard guidance. CommandPalette renders the default arrow, Enter, and Escape hints automatically.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette-footer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette-footer.json"},{"name":"component-command-palette-group","title":"Command Palette Group","description":"Visual grouping with a heading label. Place inside CommandPaletteList.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette-group.json"},{"name":"component-command-palette-input","title":"Command Palette Input","description":"Search input slot. Auto-focuses on mount. Wires to command palette context when used inside CommandPalette.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette-input.json"},{"name":"component-command-palette-item","title":"Command Palette Item","description":"One option in a command palette result list. CommandPalette context supplies selection, highlight, identity, and close behavior.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette-item.json"},{"name":"component-command-palette-list","title":"Command Palette List","description":"Scrollable results container. Renders as a listbox standalone, and inside CommandPalette while selectable results exist. Contains CommandPaletteItem and Comman…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-command-palette-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-command-palette-list.json"},{"name":"component-complex-selector","title":"Complex Selector","description":"An input or toolbar trigger and dialog-popover shell for custom selector content.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-complex-selector.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-complex-selector.json"},{"name":"component-context-menu","title":"Context Menu","description":"A context menu that appears on right-click at the cursor position. Wraps trigger content as children.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-context-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-context-menu.json"},{"name":"component-context-menu-item","title":"Context Menu Item","description":"Menu item component for compound mode. Re-exported from DropdownMenuItem for discoverability.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-context-menu-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-context-menu-item.json"},{"name":"component-date-input","title":"Date Input","description":"DateInput lets the user type or pick a date from a calendar popover. Use it for scheduling, deadlines, booking dates, or any form field that needs a specific c…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-date-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-date-input.json"},{"name":"component-date-range-input","title":"Date Range Input","description":"DateRangeInput lets users select a start and end date from a dual-month calendar popover. Use it for filtering data by time period, report generation, analytic…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-date-range-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-date-range-input.json"},{"name":"component-date-time-input","title":"Date Time Input","description":"DateTimeInput combines date and time selection in one field. With presentation=\"adaptive-native\" (the default), mouse/trackpad devices use Astryx typed fields …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-date-time-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-date-time-input.json"},{"name":"component-dialog","title":"Dialog","description":"Modal dialog using the native <dialog> element. Modal and inline content starts with theme body text defaults. Ancestor surface/group membership ends as a whol…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dialog.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dialog.json"},{"name":"component-dialog-header","title":"Dialog Header","description":"Header for dialogs with a title, optional subtitle, close button, and start/end content slots.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dialog-header.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dialog-header.json"},{"name":"component-divider","title":"Divider","description":"A visual separator that divides content into distinct sections. Use to create clear boundaries between groups of related content, or to demarcate interactive r…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-divider.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-divider.json"},{"name":"component-drawer","title":"Drawer","description":"A side panel that floats above page content for inspectors and detail views: the \"click a table row, see its details\" pattern. Unlike a docked panel it overlay…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-drawer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-drawer.json"},{"name":"component-drawer-header","title":"Drawer Header","description":"Header for drawers with a title, optional subtitle, close button, and start/end content slots. Same API as DialogHeader.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-drawer-header.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-drawer-header.json"},{"name":"component-dropdown-menu","title":"Dropdown Menu","description":"Action menu with a trigger button and anchored, bottom-sheet, or adaptive presentation.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu.json"},{"name":"component-dropdown-menu-checkbox-item","title":"Dropdown Menu Checkbox Item","description":"A checkable menu item (role=\"menuitemcheckbox\") that toggles an independent boolean. Use for on/off options inside a DropdownMenu; for a one-of-N choice use Dr…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-checkbox-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-checkbox-item.json"},{"name":"component-dropdown-menu-divider","title":"Dropdown Menu Divider","description":"A horizontal rule separating groups of rows in a compound menu. Renders role=\"separator\", so it is never a stop in the arrow-key order. The data-driven equival…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-divider.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-divider.json"},{"name":"component-dropdown-menu-group","title":"Dropdown Menu Group","description":"A group of rows in a compound menu. A visible title names role=\"group\" through aria-labelledby; an omitted title leaves the group unnamed. The heading is not a…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-group.json"},{"name":"component-dropdown-menu-item","title":"Dropdown Menu Item","description":"One action or destination row in the pointer presentation of DropdownMenu. The parent menu owns keyboard navigation; the row owns activation, disabled state, d…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-item.json"},{"name":"component-dropdown-menu-radio-group","title":"Dropdown Menu Radio Group","description":"A controlled, named single-select group of DropdownMenuRadioItem children (role=\"group\" of menuitemradio). Owns value propagation, close policy, root compositi…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-radio-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-radio-group.json"},{"name":"component-dropdown-menu-radio-item","title":"Dropdown Menu Radio Item","description":"A single option in a DropdownMenuRadioGroup (role=\"menuitemradio\"). Must be used inside a DropdownMenuRadioGroup.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-radio-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-radio-item.json"},{"name":"component-dropdown-menu-sub-menu","title":"Dropdown Menu Submenu","description":"A single menu row that reveals a nested flyout of its own items. The row adopts DropdownMenuItem semantics (label / icon / description / isDisabled); its child…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-dropdown-menu-sub-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-dropdown-menu-sub-menu.json"},{"name":"component-empty-state","title":"Empty State","description":"EmptyState shows a placeholder when a content area has no data. Use it for empty lists, zero search results, first-time setups, or cleared inboxes. Always incl…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-empty-state.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-empty-state.json"},{"name":"component-field","title":"Field","description":"Low-level form field wrapper for custom controls that need a label, description, and optional/required indicators.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-field.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-field.json"},{"name":"component-field-label","title":"Field Label","description":"Standalone label group for one control or a caller-labelled group, with optional supporting text, optionality indicators, icon, and tooltip.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-field-label.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-field-label.json"},{"name":"component-field-status","title":"Field Status","description":"FieldStatus renders validation feedback for fields and field-like controls. Use it directly for custom controls that need the same error, warning, or success p…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-field-status.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-field-status.json"},{"name":"component-file-input","title":"File Input","description":"FileInput provides file upload with optional drag-and-drop support. Use it for single or multiple file selection with built-in validation for file type, size, …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-file-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-file-input.json"},{"name":"component-form-layout","title":"Form Layout","description":"A layout container that arranges form fields with consistent spacing and direction. FormLayout handles where fields go, not state or submission. Wrap it in a <…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-form-layout.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-form-layout.json"},{"name":"component-grid","title":"Grid","description":"Grid container with fixed or responsive columns; `{minWidth, max}` reflows, a number never does.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-grid.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-grid.json"},{"name":"component-grid-span","title":"Grid Span","description":"Grid item that spans multiple columns or rows.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-grid-span.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-grid-span.json"},{"name":"component-h-stack","title":"H Stack","description":"Horizontal stack for arranging items left-to-right. Supports polymorphic rendering.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-h-stack.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-h-stack.json"},{"name":"component-heading","title":"Heading","description":"Semantic heading component that renders h1-h6 elements with themed styling, themed sizing via type scale tokens, and line-clamp truncation.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-heading.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-heading.json"},{"name":"component-hover-card","title":"Hover Card","description":"Component wrapper for hover card display: a richer, larger overlay triggered on hover or focus.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-hover-card.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-hover-card.json"},{"name":"component-icon","title":"Icon","description":"Icons are small visual symbols that represent actions, objects, or concepts. They improve scannability and reinforce meaning alongside text. Supports both dire…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-icon.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-icon.json"},{"name":"component-icon-button","title":"Icon Button","description":"A button that shows only an icon with no visible text. Use IconButton in toolbars, table rows, and compact UI where space is tight and the icon is universally …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-icon-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-icon-button.json"},{"name":"component-input-group","title":"Input Group","description":"Groups an input with prefix/suffix addons in a visually connected container with shared border and focus ring.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-input-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-input-group.json"},{"name":"component-input-group-text","title":"Input Group Text","description":"A prefix or suffix text element rendered inside InputGroup. Displays text or icons.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-input-group-text.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-input-group-text.json"},{"name":"component-internationalization-provider","title":"Internationalization Provider","description":"Wraps your app to set the active locale and (optionally) merge additional translation catalogs + per-locale overrides. Astryx components inside the subtree res…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-internationalization-provider.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-internationalization-provider.json"},{"name":"component-item","title":"Item","description":"A universal item primitive that unifies the \"start content + label + description + end content\" layout pattern. Use as a building block for list items, menu it…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-item.json"},{"name":"component-kbd","title":"Kbd","description":"Renders a keyboard shortcut as styled key badges. Use Kbd in tooltips, menus, and help text to show key combinations.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-kbd.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-kbd.json"},{"name":"component-layer-provider","title":"Layer Provider","description":"App-level provider for layer systems such as toast viewports and imperative modals. Nested providers pass through.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-layer-provider.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-layer-provider.json"},{"name":"component-layout","title":"Layout","description":"General five-slot layout primitive for arranging header, start, content, end, and footer regions.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-layout.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-layout.json"},{"name":"component-layout-content","title":"Layout Content","description":"Scrollable main content area.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-layout-content.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-layout-content.json"},{"name":"component-layout-footer","title":"Layout Footer","description":"Bottom bar for action bars, pagination, and status bars.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-layout-footer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-layout-footer.json"},{"name":"component-layout-header","title":"Layout Header","description":"Top bar for page titles, app bars, and toolbars.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-layout-header.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-layout-header.json"},{"name":"component-layout-panel","title":"Layout Panel","description":"Sidebar for navigation, settings, or inspector panels.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-layout-panel.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-layout-panel.json"},{"name":"component-lightbox","title":"Lightbox","description":"A fullscreen overlay for viewing images and videos at full resolution. Supports single-item and gallery modes with prev/next navigation, optional zoom and pan …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-lightbox.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-lightbox.json"},{"name":"component-link","title":"Link","description":"Styled anchor link with variants, external link support, and polymorphic rendering.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-link.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-link.json"},{"name":"component-link-provider","title":"Link Provider","description":"Wraps your app to replace the default <a> tag with a framework-specific link component (e.g. Next.js Link) for client-side routing across all Astryx components.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-link-provider.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-link-provider.json"},{"name":"component-list","title":"List","description":"List container with density, dividers, and header support.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-list.json"},{"name":"component-list-item","title":"List Item","description":"List item with label, description, start/end content slots, and interactive patterns.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-list-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-list-item.json"},{"name":"component-markdown","title":"Markdown","description":"Renders a markdown string as Astryx-styled components. Use Markdown for user-generated content, AI responses, and documentation; it handles headings, lists, ta…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-markdown.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-markdown.json"},{"name":"component-media-theme","title":"Media Theme","description":"Provides token overrides for content rendered on inverted surfaces: media overlays, scrims, toasts, and tooltips. The base behavior flips color-scheme so all l…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-media-theme.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-media-theme.json"},{"name":"component-metadata-list","title":"Metadata List","description":"Container for metadata items with column layout, orientation, and collapse support.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-metadata-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-metadata-list.json"},{"name":"component-metadata-list-item","title":"Metadata List Item","description":"A single labeled metadata value within an MetadataList.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-metadata-list-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-metadata-list-item.json"},{"name":"component-mobile-nav","title":"Mobile Nav","description":"A slide-out drawer for mobile navigation. Accepts SideNav children.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-mobile-nav.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-mobile-nav.json"},{"name":"component-mobile-nav-toggle","title":"Mobile Nav Toggle","description":"Hamburger button that opens/closes the mobile nav drawer. Reads open state from AppShell context automatically: does NOT accept isOpen or onOpenChange props. R…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-mobile-nav-toggle.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-mobile-nav-toggle.json"},{"name":"component-more-menu","title":"More Menu","description":"MoreMenu is a three-dot button that opens a list of actions. Use it for secondary actions that don't need to be always visible, like in table rows, card header…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-more-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-more-menu.json"},{"name":"component-multi-selector","title":"Multi Selector","description":"Multi-select dropdown with checkboxes for choosing multiple items.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-multi-selector.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-multi-selector.json"},{"name":"component-nav-heading-menu","title":"Nav Heading Menu","description":"Accessible menu container and items for nav heading popovers. NavHeadingMenu provides role=\"menu\" with keyboard navigation; NavHeadingMenuItem renders individu…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-nav-heading-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-nav-heading-menu.json"},{"name":"component-nav-icon","title":"Nav Icon","description":"NavIcon is a circular icon container with an accent-colored background. Use it in navigation headers such as TopNavHeading and PageNavHeader to visually identi…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-nav-icon.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-nav-icon.json"},{"name":"component-number-input","title":"Number Input","description":"A form input for numeric values with built-in validation, min/max constraints, and step controls. Use NumberInput for quantities, measurements, percentages, an…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-number-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-number-input.json"},{"name":"component-outline","title":"Outline","description":"Document outline navigation with sliding indicator track. Renders a flat heading list as anchor links with a density variant and scroll-spy active state when u…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-outline.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-outline.json"},{"name":"component-overflow-list","title":"Overflow List","description":"A horizontal list that automatically hides items when they exceed the available width. Use OverflowList for breadcrumbs, toolbars, tag lists, or any row that n…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-overflow-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-overflow-list.json"},{"name":"component-overlay","title":"Overlay","description":"Overlay layers action or supporting content over media, cards, video, or other bounded surfaces with an optional scrim and reveal behavior.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-overlay.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-overlay.json"},{"name":"component-pagination","title":"Pagination","description":"Pagination lets users step through pages of content. Place it below a table, list, or card grid so users can move forward and backward through results. Pick a …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-pagination.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-pagination.json"},{"name":"component-popover","title":"Popover","description":"A click-triggered popover for displaying interactive content anchored to a trigger element.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-popover.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-popover.json"},{"name":"component-power-search","title":"Power Search","description":"PowerSearch is a structured filter bar where each token represents a field, operator, and value. Use it for complex multi-dimensional filtering when users need…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-power-search.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-power-search.json"},{"name":"component-progress-bar","title":"Progress Bar","description":"A horizontal bar showing the completion progress of a task. Use it for operations where the duration is known, or as an animated indicator when progress can't …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-progress-bar.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-progress-bar.json"},{"name":"component-radio-indicator","title":"Radio Indicator","description":"The radio visual: a circle with a filled inner dot when selected. Draws in both states; an unselected radio is an empty circle, which is what lets it stand in …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-radio-indicator.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-radio-indicator.json"},{"name":"component-radio-list","title":"Radio List","description":"Radio group container with field integration for label, description, and status.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-radio-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-radio-list.json"},{"name":"component-radio-list-item","title":"Radio List Item","description":"Individual radio item with label, description, and content slots.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-radio-list-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-radio-list-item.json"},{"name":"component-resize-handle","title":"Resize Handle","description":"Draggable separator between panels. Pill-grip design: invisible at rest, visible on hover (0.6 opacity), fully opaque during drag (1.0). Keyboard-accessible.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-resize-handle.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-resize-handle.json"},{"name":"component-richtext-rich-text-editor","title":"Rich Text Editor","description":"A WYSIWYG rich-text editor built on Lexical, styled with Astryx design tokens. Its field container shares TextArea input visuals for the resting border, hover …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-richtext-rich-text-editor.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-richtext-rich-text-editor.json"},{"name":"component-scrollable-area","title":"Scrollable Area","description":"Provides a native scroll viewport and a real observed content box. The viewport enters the tab order only while a requested logical axis is effectively scrolla…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-scrollable-area.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-scrollable-area.json"},{"name":"component-section","title":"Section","description":"Section is the correct way to create page regions and group related content on a page. Use it for settings groups, form sections, sidebar areas, or any time yo…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-section.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-section.json"},{"name":"component-segmented-control","title":"Segmented Control","description":"Container wrapper providing context (value, onChange, size, isDisabled) to SegmentedControlItem children.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-segmented-control.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-segmented-control.json"},{"name":"component-segmented-control-item","title":"Segmented Control Item","description":"Individual segment item rendering as a radio button within the segmented control.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-segmented-control-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-segmented-control-item.json"},{"name":"component-selectable-card","title":"Selectable Card","description":"A card that toggles between selected and unselected states with an accent border. For navigation use ClickableCard.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-selectable-card.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-selectable-card.json"},{"name":"component-selector","title":"Selector","description":"Dropdown selector for choosing from a list of options.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-selector.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-selector.json"},{"name":"component-selector-option","title":"Selector Option","description":"Helper component for custom item rendering inside an Selector renderOption prop.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-selector-option.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-selector-option.json"},{"name":"component-side-nav","title":"Side Nav","description":"Container with five zones: header, topContent, children (scrollable), footer, and footerIcons. Supports collapsible and resizable modes.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-side-nav.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-side-nav.json"},{"name":"component-side-nav-collapse-button","title":"Side Nav Collapse Button","description":"Toggle button for sidenav collapse. Place inside SideNav (reads context automatically) or outside it (hand the same controlled collapsible config to both). Ren…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-side-nav-collapse-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-side-nav-collapse-button.json"},{"name":"component-side-nav-heading","title":"Side Nav Heading","description":"Product/suite/account heading with smart interaction boundary logic for links and a menu popover.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-side-nav-heading.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-side-nav-heading.json"},{"name":"component-side-nav-item","title":"Side Nav Item","description":"Navigation item with icon, selected state, optional end content, and nesting support via children.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-side-nav-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-side-nav-item.json"},{"name":"component-side-nav-section","title":"Side Nav Section","description":"Section grouping with an optional title, subtitle, and end content.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-side-nav-section.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-side-nav-section.json"},{"name":"component-skeleton","title":"Skeleton","description":"An animated shimmer placeholder that previews the shape of content while it loads. Use it to build loading screens that match the layout of the real content. F…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-skeleton.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-skeleton.json"},{"name":"component-slider","title":"Slider","description":"A draggable control for selecting a numeric value or range within defined bounds. Supports single value and range selection, tick marks, custom value formattin…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-slider.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-slider.json"},{"name":"component-spinner","title":"Spinner","description":"An animated loading indicator for processes with unknown duration, such as data fetching or form submission. Supports visible labels, multiple sizes, and a dar…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-spinner.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-spinner.json"},{"name":"component-stack","title":"Stack","description":"Unified stack layout component with a direction prop. Use direction=\"horizontal\" for left-to-right flow or direction=\"vertical\" (default) for top-to-bottom. Fo…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-stack.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-stack.json"},{"name":"component-stack-item","title":"Stack Item","description":"Stack item for controlling individual item behavior within a stack. Supports polymorphic rendering.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-stack-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-stack-item.json"},{"name":"component-status-dot","title":"Status Dot","description":"A small colored dot that communicates status like online/offline presence or severity levels. Supports five semantic variants and an optional pulse animation. …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-status-dot.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-status-dot.json"},{"name":"component-step","title":"Step","description":"Individual step within a Stepper. Renders a progress-bar segment, an indicator, and a label with optional description. Progress (completed/active/not-started) …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-step.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-step.json"},{"name":"component-stepper","title":"Stepper","description":"Container component that manages step state and renders steps in horizontal or vertical orientation as an ordered list.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-stepper.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-stepper.json"},{"name":"component-switch","title":"Switch","description":"A toggle control for on/off states that take effect immediately. Supports labels, descriptions, loading states, and validation. Use it for settings or preferen…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-switch.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-switch.json"},{"name":"component-syntax-theme","title":"Syntax Theme","description":"Applies syntax highlighting colors to CodeBlock and any code component in the subtree. By default, code components use the theme-level syntax colors (set via d…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-syntax-theme.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-syntax-theme.json"},{"name":"component-tab","title":"Tab","description":"Individual tab item that renders as a button or an anchor link, with selected-state styling and optional icons.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-tab.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-tab.json"},{"name":"component-tab-list","title":"Tab List","description":"Tab strip that provides TabListContext (value, onChange, size) to Tab and TabMenu children; a nav landmark, or the WAI-ARIA tabs pattern where role=\"tablist\" a…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-tab-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-tab-list.json"},{"name":"component-tab-menu","title":"Tab Menu","description":"Overflow menu trigger that opens a dropdown of additional tab options, showing the selected option's label as the trigger text. Host attributes and DOM event h…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-tab-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-tab-menu.json"},{"name":"component-table","title":"Table","description":"Styled, data-driven table with density, dividers, hover highlight, striped rows, and named plugin support. T must extend Record<string, unknown>.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table.json"},{"name":"component-table-body","title":"Table Body","description":"<tbody> wrapper for children mode. Holds the data rows. A row must sit inside a section: <table> cannot contain a <tr> directly, because the HTML parser insert…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-body.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-body.json"},{"name":"component-table-cell","title":"Table Cell","description":"<td> wrapper that reads TableContext to apply density padding, font size, and divider borders when used inside Table.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-cell.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-cell.json"},{"name":"component-table-footer","title":"Table Footer","description":"<tfoot> wrapper for children mode. Holds summary or total rows beneath the body. A row must sit inside a section: <table> cannot contain a <tr> directly, becau…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-footer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-footer.json"},{"name":"component-table-header","title":"Table Header","description":"<thead> wrapper for children mode. Holds the header row, whose cells are TableHeaderCell. A row must sit inside a section: <table> cannot contain a <tr> direct…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-header.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-header.json"},{"name":"component-table-header-cell","title":"Table Header Cell","description":"<th> wrapper that reads TableContext to apply density padding, semibold weight, secondary text color, and divider borders when used inside Table.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-header-cell.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-header-cell.json"},{"name":"component-table-row","title":"Table Row","description":"<tr> wrapper that reads TableContext to apply striped, hover, and divider styles when used inside Table.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-row.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-row.json"},{"name":"component-table-selection-toolbar","title":"Table Selection Toolbar","description":"Selection-aware bulk-action surface built on Toolbar. Pass selectionState from useTableSelectionState so count, visibility, and complete clearing stay synchron…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-table-selection-toolbar.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-table-selection-toolbar.json"},{"name":"component-text","title":"Text","description":"Semantic body text component that renders text with type-based styling from the theme, with optional truncation, decoration, and layout props.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-text.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-text.json"},{"name":"component-text-area","title":"Text Area","description":"TextArea is a multi-line text input for collecting longer-form content like comments, descriptions, or messages. Use it when the expected input spans multiple …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-text-area.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-text-area.json"},{"name":"component-text-input","title":"Text Input","description":"TextInput collects short-form text like names, emails, or search queries. Use it for single-line values where the expected input is brief. Pair it with validat…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-text-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-text-input.json"},{"name":"component-theme","title":"Theme","description":"Wraps a subtree with a specific Astryx theme. For static production themes, use `astryx theme build` and import the generated CSS plus built theme object for f…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-theme.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-theme.json"},{"name":"component-thumbnail","title":"Thumbnail","description":"Thumbnail displays a compact, square preview of an image attachment. It shows a shimmer effect while uploading, the image on success, and a placeholder icon wh…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-thumbnail.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-thumbnail.json"},{"name":"component-time-input","title":"Time Input","description":"TimeInput uses a browser/OS time picker on coarse pointers by default and Astryx's typed field on fine pointers. It converts values to a standard format and su…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-time-input.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-time-input.json"},{"name":"component-timer","title":"Timer","description":"Displays a standardized elapsed duration for active work without scheduling a React render on every tick. Elapsed format updates by second below one hour and b…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-timer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-timer.json"},{"name":"component-timestamp","title":"Timestamp","description":"Timestamp formats a date or time value into human-readable text. Use it to show when something was created, updated, or is scheduled; picking relative for rece…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-timestamp.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-timestamp.json"},{"name":"component-toast","title":"Toast","description":"Toast shows a brief, non-blocking notification to confirm an action or present temporary information. Use it for scenarios where the user needs feedback but no…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-toast.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-toast.json"},{"name":"component-toggle-button","title":"Toggle Button","description":"A button that toggles between pressed and unpressed states. Thin wrapper over Button with controlled toggle pattern, icon swap, and font weight emphasis.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-toggle-button.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-toggle-button.json"},{"name":"component-toggle-button-group","title":"Toggle Button Group","description":"Groups toggle buttons for exclusive (single) or multi-select behavior. Uses discriminated union on type for type-safe value/onChange.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-toggle-button-group.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-toggle-button-group.json"},{"name":"component-token","title":"Token","description":"Token is a small, inline element for representing discrete pieces of associated data, like tags, categories, or selections. Use it to label content, show activ…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-token.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-token.json"},{"name":"component-tokenizer","title":"Tokenizer","description":"Tokenizer is a multi-select input that lets users search, select, and manage multiple items displayed as removable chips. Use it when users need to build a set…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-tokenizer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-tokenizer.json"},{"name":"component-toolbar","title":"Toolbar","description":"General-purpose toolbar container with three content slots and roving tabindex.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-toolbar.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-toolbar.json"},{"name":"component-tooltip","title":"Tooltip","description":"Component wrapper for tooltip display triggered on hover or focus.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-tooltip.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-tooltip.json"},{"name":"component-top-nav","title":"Top Nav","description":"Main navigation bar container with slot-based layout. Children are accepted as an alias for startContent.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav.json"},{"name":"component-top-nav-heading","title":"Top Nav Heading","description":"Product/suite/account heading for the TopNav heading slot. Supports smart interaction boundary logic: logo, heading text, superheading/subheading with independ…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav-heading.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav-heading.json"},{"name":"component-top-nav-item","title":"Top Nav Item","description":"Navigation link item for use in TopNav startContent: renders as an anchor with hover and selected states.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav-item.json"},{"name":"component-top-nav-mega-menu","title":"Top Nav Mega Menu","description":"Navigation item that displays a full-width mega menu panel on hover. Uses a slots API with items and featured props. TopNavMegaMenuItem renders itself in both …","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav-mega-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav-mega-menu.json"},{"name":"component-top-nav-mega-menu-featured-card","title":"Top Nav Mega Menu Featured Card","description":"Standard featured card for the TopNavMegaMenu featured slot. Provides a consistent card with optional image, title, description, and CTA link.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav-mega-menu-featured-card.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav-mega-menu-featured-card.json"},{"name":"component-top-nav-mega-menu-item","title":"Top Nav Mega Menu Item","description":"An individual item inside an TopNavMegaMenu. Renders itself in both desktop (popover grid) and mobile drawer modes via render mode context.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav-mega-menu-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav-mega-menu-item.json"},{"name":"component-top-nav-menu","title":"Top Nav Menu","description":"Navigation item that displays a hover-triggered popover menu with rich items containing an icon, title, and optional description.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-top-nav-menu.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-top-nav-menu.json"},{"name":"component-tree-list","title":"Tree List","description":"Tree list container. Accepts items data and rendering configuration. Expansion state is managed internally.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-tree-list.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-tree-list.json"},{"name":"component-typeahead","title":"Typeahead","description":"Styled typeahead with label, description, validation, and all field features. Wraps BaseTypeahead with Field for the primary use case.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-typeahead.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-typeahead.json"},{"name":"component-typeahead-item","title":"Typeahead Item","description":"Default dropdown item renderer for typeahead results. Shows label with optional icon, description, and avatar. Exported for use in custom renderItem implementa…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-typeahead-item.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-typeahead-item.json"},{"name":"component-v-stack","title":"V Stack","description":"Vertical stack for arranging items top-to-bottom. Supports polymorphic rendering.","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-v-stack.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-v-stack.json"},{"name":"component-visually-hidden","title":"VisuallyHidden","description":"Renders content in the accessibility tree while hiding it visually. Use for accessible names on icon-only controls, aria-live announcement regions, and supplem…","type":"registry:component","source_url":"https://astryx.atmeta.com/shadcn/component-visually-hidden.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/component-visually-hidden.json"},{"name":"hook-use-announce","title":"useAnnounce","description":"Imperatively announces a message to screen readers through a visually-hidden live region. Use it for state that is only conveyed visually; search result counts…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-announce.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-announce.json"},{"name":"hook-use-app-shell-mobile","title":"useAppShellMobile","description":"Hook for reading and controlling AppShell mobile navigation state from descendants of AppShell. Use it for custom mobile nav triggers, closing the drawer after…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-app-shell-mobile.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-app-shell-mobile.json"},{"name":"hook-use-clickable-container","title":"useClickableContainer","description":"Makes a container element clickable while preserving nested interactive element behavior. Solves the \"nested interactive elements\" problem: when a card is clic…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-clickable-container.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-clickable-container.json"},{"name":"hook-use-clipboard","title":"useClipboard","description":"Copy-to-clipboard behavior: the clipboard write, a transient isCopied flag with its own reset timer, and an optional polite screen-reader announcement. Extract…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-clipboard.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-clipboard.json"},{"name":"hook-use-collapsible","title":"useCollapsible","description":"Reusable hook that encapsulates the collapsible state machine. Supports three modes: group-controlled (inside CollapsibleGroup), controlled (isOpen + onOpenCha…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-collapsible.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-collapsible.json"},{"name":"hook-use-collator","title":"useCollator","description":"Returns the sanctioned locale-aware comparator for custom sorting. The collator is recreated when the provider locale or an option changes.","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-collator.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-collator.json"},{"name":"hook-use-combobox","title":"useCombobox","description":"Tracks the active option of a single-select combobox and handles its keys, while DOM focus stays on the control. It powers Selector and CommandPalette; use it …","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-combobox.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-combobox.json"},{"name":"hook-use-container-reveal","title":"useContainerReveal","description":"A headless hover/focus reveal primitive. Gives a container a scoped trigger that reveals (or conceals) content inside it when the container is hovered or recei…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-container-reveal.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-container-reveal.json"},{"name":"hook-use-dev-warning","title":"useDevWarning","description":"Fires a dev-only \"Component: message\" console warning once per mount while the condition holds. It is the render-safe way for a component to flag misuse: warni…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-dev-warning.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-dev-warning.json"},{"name":"hook-use-entry-animation","title":"useEntryAnimation","description":"Returns a StyleX style for animating an element on mount. Only animates when the element is dynamically inserted after the initial page paint; elements rendere…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-entry-animation.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-entry-animation.json"},{"name":"hook-use-focus-trap","title":"useFocusTrap","description":"Traps focus within a container element following the WAI-ARIA dialog focus trap pattern. Listens to focus events on the document and redirects focus back into …","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-focus-trap.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-focus-trap.json"},{"name":"hook-use-grid-focus","title":"useGridFocus","description":"Manages keyboard navigation within a 2D grid following the WAI-ARIA grid pattern. Supports arrow keys for cell-to-cell navigation, Home/End for row boundaries,…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-grid-focus.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-grid-focus.json"},{"name":"hook-use-hotkeys","title":"useHotkeys","description":"Registers global keyboard shortcuts with a single window keydown listener per hook instance. Handlers live in a ref, so re-renders never re-subscribe. Skips ev…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-hotkeys.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-hotkeys.json"},{"name":"hook-use-hover-card","title":"useHoverCard","description":"Headless hook for hover-triggered floating cards. Builds on useLayer with hover/focus intent detection, configurable delays, safe hover behavior, and accessibl…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-hover-card.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-hover-card.json"},{"name":"hook-use-image-mode","title":"useImageMode","description":"Detects whether an image is predominantly dark or light by sampling pixels via OffscreenCanvas. Uses APCA perceptual lightness (sRGB linearization + power curv…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-image-mode.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-image-mode.json"},{"name":"hook-use-imperative-alert-dialog","title":"useImperativeAlertDialog","description":"Hook for showing an alert dialog without managing open state. Call alert.show(options) to open and alert.hide() to close. Render alert.element in your JSX tree.","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-imperative-alert-dialog.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-imperative-alert-dialog.json"},{"name":"hook-use-imperative-dialog","title":"useImperativeDialog","description":"Hook for showing a dialog without managing open state. Call dialog.show(content, options) to open and dialog.hide() to close. Render dialog.element in your JSX…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-imperative-dialog.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-imperative-dialog.json"},{"name":"hook-use-indicator-focus-ring","title":"useIndicatorFocusRing","description":"Draws the standard focus ring on the indicator of a control whose real input is visually hidden; a checkbox or radio focuses an opacity-0 input, so the ring ha…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-indicator-focus-ring.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-indicator-focus-ring.json"},{"name":"hook-use-input-container","title":"useInputContainer","description":"Makes an input container wrapper clickable, delegating focus to the inner input/textarea when the user clicks non-interactive areas (icons, padding, status ind…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-input-container.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-input-container.json"},{"name":"hook-use-input-status-icon","title":"useInputStatusIcon","description":"Builds the on-field status affordance for a bordered input and its accessibility wiring, so every input in the family behaves the same for a given status. The …","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-input-status-icon.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-input-status-icon.json"},{"name":"hook-use-interactive-role","title":"useInteractiveRole","description":"Resolves what a polymorphic component should render as, in one place: href wins, then onClick, then an interactive trigger context supplied by a parent (Popove…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-interactive-role.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-interactive-role.json"},{"name":"hook-use-keyboard-hint","title":"useKeyboardHint","description":"Shows an ephemeral \"← → to navigate\" hint anchored to the focused item the first time a roving-tabindex composite (Toolbar, TabList, SegmentedControl, etc.) re…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-keyboard-hint.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-keyboard-hint.json"},{"name":"hook-use-layer","title":"useLayer","description":"Core positioning hook for rendering overlay content using CSS Anchor Positioning and the Popover API. Use it as the foundation for custom popovers, hover cards…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-layer.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-layer.json"},{"name":"hook-use-list-focus","title":"useListFocus","description":"Manages keyboard navigation within a linear list following WAI-ARIA menu/listbox/toolbar patterns. Supports arrow key navigation (vertical, horizontal, or both…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-list-focus.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-list-focus.json"},{"name":"hook-use-locale","title":"useLocale","description":"Reads the authoritative Astryx locale. Use it to thread the provider locale into pure formatting helpers and sibling-package APIs; do not derive a second local…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-locale.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-locale.json"},{"name":"hook-use-long-press","title":"useLongPress","description":"Detects a single-finger press-and-hold and reports where it happened, so touch users can reach affordances that a pointer gets from right-click. iOS Safari nev…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-long-press.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-long-press.json"},{"name":"hook-use-media-query","title":"useMediaQuery","description":"SSR-safe media query hook that subscribes to window.matchMedia changes. Returns whether the given media query matches. Always returns false on first render for…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-media-query.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-media-query.json"},{"name":"hook-use-menu-press","title":"useMenuPress","description":"The press model of macOS and iOS menus, for any pointer: the row under the pointer when it is RELEASED is the row that acts, the highlight follows the pointer …","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-menu-press.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-menu-press.json"},{"name":"hook-use-merged-refs","title":"useMergedRefs","description":"Combines multiple object or callback refs into one stable callback ref. Use it when a component must forward a consumer ref while also attaching internal refs.…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-merged-refs.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-merged-refs.json"},{"name":"hook-use-multi-combobox","title":"useMultiCombobox","description":"Tracks the active option of a multi-select combobox and handles its keys, while DOM focus stays on the control. It powers MultiSelector; unlike useCombobox, to…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-multi-combobox.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-multi-combobox.json"},{"name":"hook-use-overflow","title":"useOverflow","description":"Measures children rendered in a hidden container to determine how many fit in the available width without flickering. Uses ResizeObserver to react to container…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-overflow.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-overflow.json"},{"name":"hook-use-popover","title":"usePopover","description":"Headless hook for click-triggered popovers with focus trapping. Combines useLayer with useFocusTrap, auto-focus, light dismiss, Escape handling, and an optiona…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-popover.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-popover.json"},{"name":"hook-use-press-feedback","title":"usePressFeedback","description":"The touch press model every Astryx pressable uses, for a local component that paints its own press. Under a finger, CSS `:active` paints on the touch itself an…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-press-feedback.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-press-feedback.json"},{"name":"hook-use-resizable","title":"useResizable","description":"Hook for adding drag-to-resize behavior to layout regions. Supports single-region and multi-region configurations with snap points, collapsible panels, localSt…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-resizable.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-resizable.json"},{"name":"hook-use-scroll-lock","title":"useScrollLock","description":"Locks body scroll when active by pinning the body with position: fixed. This prevents background scrolling behind modals and dialogs, which is necessary for iO…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-scroll-lock.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-scroll-lock.json"},{"name":"hook-use-scroll-overflow","title":"useScrollOverflow","description":"Tracks scroll overflow state for a horizontally scrollable container. Returns a ref callback and state booleans that update as the user scrolls or the containe…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-scroll-overflow.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-scroll-overflow.json"},{"name":"hook-use-scrollable-area","title":"useScrollableArea","description":"Adds canonical axis-aware scroll behavior to structure owned by the caller. An axis is effective only when its computed overflow is scroll-capable and geometry…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-scrollable-area.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-scrollable-area.json"},{"name":"hook-use-streaming-text","title":"useStreamingText","description":"Smooths bursty streamed text into a steady character-by-character reveal using requestAnimationFrame. Decouples arrival rate from display rate. Advances on wor…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-streaming-text.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-streaming-text.json"},{"name":"hook-use-table-column-resize","title":"useTableColumnResize","description":"Hook that returns a TablePlugin adding draggable resize handles to column header borders. Supports pointer + keyboard (WAI-ARIA window splitter) resizing, RTL,…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-column-resize.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-column-resize.json"},{"name":"hook-use-table-column-settings","title":"useTableColumnSettings","description":"Headless column visibility and ordering management for Table. Provides filtered columns, toggle helpers, and pre-built MultiSelector options for a column picke…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-column-settings.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-column-settings.json"},{"name":"hook-use-table-filter-state","title":"useTableFilterState","description":"Managed state hook for table filtering. Returns the current filter map and an onChange handler. Pass the result directly to useTableFiltering.","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-filter-state.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-filter-state.json"},{"name":"hook-use-table-filtering","title":"useTableFiltering","description":"Table plugin that adds inline column filters with popover or inline controls. Pairs with useTableFilterState for managed state. Supports text, select, multi-se…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-filtering.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-filtering.json"},{"name":"hook-use-table-grouped-rows","title":"useTableGroupedRows","description":"Hook that groups a flat data array into collapsible section rows. Each distinct groupBy value becomes a full-width section-header row with a chevron toggle, th…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-grouped-rows.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-grouped-rows.json"},{"name":"hook-use-table-pagination","title":"useTablePagination","description":"Headless pagination plugin for Table. Call with a config object: `useTablePagination({ page, onPageChange, totalItems })`. Returns a TablePlugin to pass to `<T…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-pagination.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-pagination.json"},{"name":"hook-use-table-row-expansion","title":"useTableRowExpansion","description":"Hook that returns a TablePlugin which expands a full-width detail panel below a row, rendered by the consumer via renderExpanded(item). Adds a leading chevron …","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-row-expansion.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-row-expansion.json"},{"name":"hook-use-table-row-index","title":"useTableRowIndex","description":"Hook that returns a TablePlugin which prepends a right-aligned, monospaced row-number column. Numbering follows the rendered data order (reflecting the current…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-row-index.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-row-index.json"},{"name":"hook-use-table-row-status","title":"useTableRowStatus","description":"Hook that returns a TablePlugin which prepends a narrow column signaling per-row status. Return {status, label} for a semantic success, warning, or error: Tabl…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-row-status.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-row-status.json"},{"name":"hook-use-table-selection","title":"useTableSelection","description":"Hook that returns a TablePlugin implementing row selection with checkboxes, select-all, and aria-selected. Uses React Context for independent checkbox re-rende…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-selection.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-selection.json"},{"name":"hook-use-table-selection-state","title":"useTableSelectionState","description":"State management companion for useTableSelection. Returns selectionConfig for the behaviour plugin plus selectionState for selection-aware UI such as TableSele…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-selection-state.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-selection-state.json"},{"name":"hook-use-table-sortable","title":"useTableSortable","description":"Headless multi-sort plugin for Table. Call with a config object: `useTableSortable({ sort, onSortChange })`. Returns a TablePlugin to pass to `<Table plugins={…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-sortable.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-sortable.json"},{"name":"hook-use-table-sticky-columns","title":"useTableStickyColumns","description":"Hook that returns a TablePlugin which pins a contiguous run of columns to the start and/or end edge of the table. Pinned columns get cumulative offsets and a s…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-sticky-columns.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-sticky-columns.json"},{"name":"hook-use-table-tree-data","title":"useTableTreeData","description":"Headless tree plugin for Table: renders nested rows with per-level indentation and expand/collapse chevrons in the tree column (the first column by default), a…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-tree-data.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-tree-data.json"},{"name":"hook-use-table-tree-state","title":"useTableTreeState","description":"State management companion for useTableTreeData. Owns the expanded set (controlled or uncontrolled) and flattens nested data into the visible row array; collap…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-table-tree-state.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-table-tree-state.json"},{"name":"hook-use-theme","title":"useTheme","description":"Programmatic access to theme tokens for non-CSS consumers like SVG, canvas, Vega, D3, maps, or chart libraries that need values in JavaScript instead of CSS cu…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-theme.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-theme.json"},{"name":"hook-use-toast","title":"useToast","description":"Hook for showing toast notifications from anywhere in your component tree. Returns a function that accepts toast options and shows the notification. Works auto…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-toast.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-toast.json"},{"name":"hook-use-tooltip","title":"useTooltip","description":"Headless hook for hover/focus-triggered tooltips. Builds on useLayer with hover intent, keyboard focus handling, and accessible aria-describedby linking. Use f…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-tooltip.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-tooltip.json"},{"name":"hook-use-translator","title":"useTranslator","description":"Returns a translator function that resolves keys against the current locale, provider overrides, and the shipped English fallback catalog. Call inside a compon…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-translator.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-translator.json"},{"name":"hook-use-tree-focus","title":"useTreeFocus","description":"Manages roving-tabindex focus and the WAI-ARIA tree keyboard model. ArrowUp/ArrowDown/Home/End roam linearly over the visible treeitems (skipping disabled ones…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-tree-focus.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-tree-focus.json"},{"name":"hook-use-typeahead","title":"useTypeahead","description":"Adds APG type-to-focus search to a collection: printable keystrokes are buffered (resetting after a pause), and the first item whose label starts with the buff…","type":"registry:hook","source_url":"https://astryx.atmeta.com/shadcn/hook-use-typeahead.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/hook-use-typeahead.json"},{"name":"example-alert-dialog-loading","title":"AlertDialog — Loading","description":"A confirmation dialog that shows a spinner while the action runs.","type":"registry:block","source_url":"https://astryx.atmeta.com/shadcn/example-alert-dialog-loading.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/example-alert-dialog-loading.json"},{"name":"example-app-shell-content-only","title":"AppShell — Content Only","description":"Minimal shell with no navigation, useful for full-bleed pages, auth screens, or embedded views.","type":"registry:block","source_url":"https://astryx.atmeta.com/shadcn/example-app-shell-content-only.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/example-app-shell-content-only.json"},{"name":"example-app-shell-side-nav-only","title":"AppShell — Side Nav Only","description":"App shell with SideNav header providing app identity, no TopNav needed.","type":"registry:block","source_url":"https://astryx.atmeta.com/shadcn/example-app-shell-side-nav-only.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/example-app-shell-side-nav-only.json"},{"name":"example-app-shell-top-nav-only","title":"AppShell — Top Nav Only","description":"Simple layout with TopNav and no side navigation, suitable for landing pages.","type":"registry:block","source_url":"https://astryx.atmeta.com/shadcn/example-app-shell-top-nav-only.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/example-app-shell-top-nav-only.json"},{"name":"example-app-shell-top-nav-with-side-nav","title":"AppShell — Top Nav with Side Nav","description":"The most common layout with TopNav for app identity and SideNav for page-level navigation.","type":"registry:block","source_url":"https://astryx.atmeta.com/shadcn/example-app-shell-top-nav-with-side-nav.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/example-app-shell-top-nav-with-side-nav.json"},{"name":"example-app-shell-with-banner","title":"AppShell — With Banner","description":"Full layout with TopNav, SideNav, and a dismissable info banner between the nav and content.","type":"registry:block","source_url":"https://astryx.atmeta.com/shadcn/example-app-shell-with-banner.json","install_command":"npx shadcn@latest add https://astryx.atmeta.com/shadcn/example-app-shell-with-banner.json"}]},{"id":"audio-ui","name":"@audio-ui","slug":"audio-ui","description":"Accessible audio controls for React: knobs, faders, XY pads, meters, waveforms, timelines, sequencers and piano rolls, on headless primitives from @audio-ui/react.","author":"ouestlabs","framework":"react","license":"MIT","tags":["accessibility","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","editor","forms","hooks","navigation"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.audio-ui.dev","github":"https://github.com/ouestlabs/audio-ui","registry":"https://www.audio-ui.dev/r/registry/registry.json","source":"https://www.audio-ui.dev/r/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/audio-ui","markdown":"https://sh4dcn.netlify.app/md/audio-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><path d='M13.799 11.884L18.243 4.188A10 10 0 1 1 15.645 2.688L11.201 10.384Z'/></svg>","preview_image":"https://www.audio-ui.dev/og/home.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":196,"open_issues":1,"last_commit":"2026-10-26T23:13:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.audio-ui.dev/r/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.audio-ui.dev/r/registry/registry.json","install_bun":"bunx shadcn@latest add https://www.audio-ui.dev/r/registry/registry.json","clone":"git clone https://github.com/ouestlabs/audio-ui.git","clone_degit":"npx degit ouestlabs/audio-ui","registry_fetch":"curl -s https://www.audio-ui.dev/r/registry/registry.json"},"component_count":235,"components":[{"name":"envelope","title":null,"description":"An editor for a breakpoint ramp, such as an ADSR shape or an automation curve.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/envelope.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/envelope.json"},{"name":"automation-envelope","title":null,"description":"A track's automation over its lane in a timeline: an envelope along the whole arrangement, under the same zoom and scroll as the clips, whose line and points a…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/automation-envelope.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/automation-envelope.json"},{"name":"arranged-clip","title":null,"description":"A clip of an arrangement on its track's lane: move it, trim and fade it, pick a fade's curve, rename it in place and act on it from its menu. A MIDI clip draws…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/arranged-clip.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/arranged-clip.json"},{"name":"timeline-markers","title":null,"description":"Locators and time-signature changes on a timeline's lane: press one to jump there, rename or retype it in place, move a signature with the arrows, delete eithe…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/timeline-markers.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/timeline-markers.json"},{"name":"track-automation","title":null,"description":"A track's automation: a chooser of the parameter its lane shows, Volume or Pan, for its header, and that parameter's envelope over its lane, standing faint at …","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/track-automation.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/track-automation.json"},{"name":"knob","title":null,"description":"A rotary control for continuous parameters, with pointer, wheel and keyboard input.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/knob.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/knob.json"},{"name":"fader","title":null,"description":"A linear slider for gain and other continuous parameters.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/fader.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/fader.json"},{"name":"xypad","title":null,"description":"A two-dimensional control for two parameters at once, with pointer, wheel and keyboard input.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/xypad.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/xypad.json"},{"name":"pad","title":null,"description":"A grid of drum pads struck by pointer, touch or keyboard, with velocity and choke groups.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/pad.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pad.json"},{"name":"piano","title":null,"description":"A piano keyboard for a MIDI pitch range, played with the pointer, touch or the keyboard.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/piano.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano.json"},{"name":"piano-roll","title":null,"description":"A note editor on a grid: draw, move, resize and select notes, with a playable keyboard and a velocity lane.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/piano-roll.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano-roll.json"},{"name":"scale-menu","title":null,"description":"A menu that picks a root and a scale and turns the scale on or off, in parts you place, beside items of your own.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/scale-menu.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/scale-menu.json"},{"name":"note-find","title":null,"description":"Finds notes by what they are: a pitch, ranges of velocity, length and chance, in or out of the scale, active or not, every few, or the rest. A form, or the for…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/note-find.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/note-find.json"},{"name":"note-edit-menu","title":null,"description":"A menu of commands over a piano roll's notes (split, join, quantize, legato, time commands, fit to scale, chance, velocity), with their keys: items and submenu…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/note-edit-menu.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/note-edit-menu.json"},{"name":"tuner","title":null,"description":"The note and the pitch of a sound, live from the microphone, with a needle on a scale of cents.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/tuner.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/tuner.json"},{"name":"device-panel","title":null,"description":"A panel for any device: a knob per number and a toggle per switch, from its descriptors, controlled by a state a host owns.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/device-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/device-panel.json"},{"name":"compressor-panel","title":null,"description":"The face of the compressor device: the transfer curve it plays, with the threshold and the level going in on it, over the device's knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/compressor-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/compressor-panel.json"},{"name":"pocket-synth-panel","title":null,"description":"The face of the Pocket Synth device: a pad that plays it, its waveform and filter, and its volume. Controlled, with the notes leaving through onNoteOn and onNo…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/pocket-synth-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pocket-synth-panel.json"},{"name":"waveform-select","title":null,"description":"A row of buttons, one per waveform, each drawn as its shape: pick one. Fed by the options of a device's choice parameter.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/waveform-select.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform-select.json"},{"name":"filter-type-select","title":null,"description":"A row of buttons, one per filter type, each drawn as the response it has: low-pass, high-pass, band-pass, notch, low and high cut, low and high shelf, bell. Fe…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/filter-type-select.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/filter-type-select.json"},{"name":"curve-select","title":null,"description":"A row of buttons, one per transfer curve, each drawn from the curve itself: you give it the function of each option, so the icon is what the device does and ne…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/curve-select.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/curve-select.json"},{"name":"play-toggle","title":null,"description":"A play and pause button for a demo signal: the icon follows the state, the name says what pressing it does.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/play-toggle.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/play-toggle.json"},{"name":"wave-shaper-panel","title":null,"description":"The face of the Wave Shaper device: a pad that plays it, its waveform and its knobs. Controlled, with the notes leaving through onNoteOn and onNoteOff.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/wave-shaper-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/wave-shaper-panel.json"},{"name":"delay-panel","title":null,"description":"The face of the delay device: the echoes it makes, one line each and fainter as they fade, with a handle on the first to drag its time and feedback, over the d…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/delay-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/delay-panel.json"},{"name":"reverb-panel","title":null,"description":"The face of the reverb device: the tail it makes, its level falling to -60 dB, with a handle where it ends to drag the decay time, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/reverb-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/reverb-panel.json"},{"name":"filter-panel","title":null,"description":"The face of the filter device: the curve it plays with a handle on the cutoff to drag its frequency and resonance, an optional live spectrum behind it, over th…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/filter-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/filter-panel.json"},{"name":"distortion-panel","title":null,"description":"The face of the distortion device: its transfer curve against the straight line of a clean sound, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/distortion-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/distortion-panel.json"},{"name":"chorus-panel","title":null,"description":"The face of the chorus device: the delay time as the oscillator sweeps it over two seconds, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/chorus-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/chorus-panel.json"},{"name":"utility-panel","title":null,"description":"The face of the utility device: its gain, pan and width as knobs and its mono and invert switches.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/utility-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/utility-panel.json"},{"name":"limiter-panel","title":null,"description":"The face of the limiter device: its transfer curve against the straight line of a clean sound with a handle for the ceiling and the input gain, over the device…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/limiter-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/limiter-panel.json"},{"name":"gate-panel","title":null,"description":"The face of the gate device: its transfer curve against the straight line of a clean sound with a handle on the threshold, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/gate-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/gate-panel.json"},{"name":"saturator-panel","title":null,"description":"The face of the saturator device: its transfer curve against the straight line of a clean sound, over the device knobs and the choice of curve.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/saturator-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/saturator-panel.json"},{"name":"phaser-panel","title":null,"description":"The face of the phaser-flanger device: the sweep of its oscillator over two seconds, over the device knobs, with the ones the mode does not use drawn off.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/phaser-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/phaser-panel.json"},{"name":"auto-pan-panel","title":null,"description":"The face of the auto pan device: what the oscillator does to the pan or the level over two seconds, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/auto-pan-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/auto-pan-panel.json"},{"name":"channel-eq-panel","title":null,"description":"The face of the channel EQ device: the curve it plays with a handle on the mid band and an optional live spectrum, over the shelf knobs and the high-pass switc…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/channel-eq-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/channel-eq-panel.json"},{"name":"overdrive-panel","title":null,"description":"The face of the overdrive device: the band that reaches the clip with a handle on its centre, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/overdrive-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/overdrive-panel.json"},{"name":"deesser-panel","title":null,"description":"The face of the de-esser device: what it does at each frequency with a handle at the frequency to drag across and up or down for the range, over the device kno…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/deesser-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/deesser-panel.json"},{"name":"multiband-panel","title":null,"description":"The face of the multiband compressor device: the three bands drawn against frequency with a handle on each split, over the knobs of each band.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/multiband-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/multiband-panel.json"},{"name":"transient-panel","title":null,"description":"The face of the transient shaper device: a square with the sustain across and the attack up, and a handle to drag to both at once, over the output knob.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/transient-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/transient-panel.json"},{"name":"mid-side-panel","title":null,"description":"The face of the mid/side device: a square with the side level across and the mid level up, and a handle to drag to both at once, over the bass mono knob.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/mid-side-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/mid-side-panel.json"},{"name":"redux-panel","title":null,"description":"The face of the redux device: the stairs the bits make against the straight line of a clean sound, over the device knobs.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/redux-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/redux-panel.json"},{"name":"equalizer-panel","title":null,"description":"The face of the equalizer device: the curve it plays with a handle on each band to drag its frequency and gain, an optional live spectrum behind it, over the d…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/equalizer-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/equalizer-panel.json"},{"name":"spectrum-analyzer","title":null,"description":"The level of a sound across frequencies, live, on a log axis in hertz, with held peaks.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/spectrum-analyzer.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/spectrum-analyzer.json"},{"name":"plot","title":null,"description":"Curves and draggable points, for equalizers, filters and compressors.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/plot.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/plot.json"},{"name":"meter","title":null,"description":"A level meter in decibels for one or more channels, with peak hold.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/meter.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/meter.json"},{"name":"needle-meter","title":null,"description":"A needle meter: a dial in dB that a live level moves, with the VU or the PPM ballistics of @audio-ui/core/meter. The needle turns outside React, so the dial do…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/needle-meter.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/needle-meter.json"},{"name":"waveform","title":null,"description":"Draws audio: a seekable waveform with regions and markers, a live waveform that scrolls with the signal, and a bar visualizer.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/waveform.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform.json"},{"name":"clip-panel","title":null,"description":"The clip view of an arrangement's audio clip: a strip with its switch and name that rolls the view up, then Clip (start, end), Loop (switch, position, length, …","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/clip-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/clip-panel.json"},{"name":"clip-view","title":null,"description":"The frame of a clip's detail view: a strip along its top (the caret that rolls the view up to it, the clip's switch, its name to rename, a status, actions), bo…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/clip-view.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/clip-view.json"},{"name":"midi-clip-panel","title":null,"description":"The clip view of an arrangement's MIDI clip: a strip with its switch and name that rolls the view up, then Clip (start, end), Loop (switch, position, length, ÷…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/midi-clip-panel.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/midi-clip-panel.json"},{"name":"timeline","title":null,"description":"A zoomable timeline for arrangement views and editors, with a ruler that seeks, lanes and a playhead.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/timeline.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/timeline.json"},{"name":"bpm-control","title":null,"description":"A tempo field on its own: type it, step it with the arrows, or drag its unit to scrub the value.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/bpm-control.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/bpm-control.json"},{"name":"midi-connect-control","title":null,"description":"A button that connects the page's MIDI input, with the device's name beside it. Renders nothing when the browser has no Web MIDI.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/midi-connect-control.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/midi-connect-control.json"},{"name":"sequencer","title":null,"description":"A step grid: press a step, or drag across several, to draw a pattern.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/sequencer.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/sequencer.json"},{"name":"scrubber","title":null,"description":"A compact player: play and pause, the position, a seek bar and the length.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/scrubber.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/scrubber.json"},{"name":"transport","title":null,"description":"DAW transport controls: play, pause and stop, the position in bars, beats and sixteenths, loop and metronome toggles, tempo and time signature.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/transport.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/transport.json"},{"name":"auto-pan","title":null,"description":"The auto pan device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/auto-pan/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/auto-pan.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/auto-pan.json"},{"name":"channel-eq","title":null,"description":"The channel eq device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/channel-eq/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/channel-eq.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/channel-eq.json"},{"name":"chorus","title":null,"description":"The chorus device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/chorus/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/chorus.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/chorus.json"},{"name":"compressor","title":null,"description":"The compressor device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/compressor/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/compressor.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/compressor.json"},{"name":"deesser","title":null,"description":"The deesser device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/deesser/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/deesser.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/deesser.json"},{"name":"delay","title":null,"description":"The delay device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/delay/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/delay.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/delay.json"},{"name":"distortion","title":null,"description":"The distortion device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/distortion/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/distortion.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/distortion.json"},{"name":"equalizer","title":null,"description":"The equalizer device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/equalizer/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/equalizer.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/equalizer.json"},{"name":"filter","title":null,"description":"The filter device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/filter/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/filter.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/filter.json"},{"name":"gate","title":null,"description":"The gate device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/gate/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/gate.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/gate.json"},{"name":"limiter","title":null,"description":"The limiter device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/limiter/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/limiter.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/limiter.json"},{"name":"mid-side","title":null,"description":"The mid side device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/mid-side/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/mid-side.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/mid-side.json"},{"name":"multiband","title":null,"description":"The multiband device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/multiband/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/multiband.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/multiband.json"},{"name":"overdrive","title":null,"description":"The overdrive device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/overdrive/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/overdrive.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/overdrive.json"},{"name":"phaser","title":null,"description":"The phaser device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/phaser/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/phaser.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/phaser.json"},{"name":"pocket-synth","title":null,"description":"The pocket synth device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/pocket-synth/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/pocket-synth.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pocket-synth.json"},{"name":"redux","title":null,"description":"The redux device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/redux/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/redux.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/redux.json"},{"name":"reverb","title":null,"description":"The reverb device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/reverb/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/reverb.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/reverb.json"},{"name":"saturator","title":null,"description":"The saturator device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/saturator/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/saturator.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/saturator.json"},{"name":"transient","title":null,"description":"The transient device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/transient/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/transient.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/transient.json"},{"name":"utility","title":null,"description":"The utility device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/utility/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/utility.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/utility.json"},{"name":"wave-shaper","title":null,"description":"The wave shaper device in one install: its state, its Web Audio engine and its panel, to components/audio-ui/devices/wave-shaper/.","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/wave-shaper.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/wave-shaper.json"},{"name":"arrangement-editor","title":null,"description":"The parts of an arrangement editor in one install: the timeline, the arrangement's state, its clips, markers and automation, track reordering and MIDI playback…","type":"registry:ui","source_url":"https://www.audio-ui.dev/r/{style}/arrangement-editor.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/arrangement-editor.json"},{"name":"use-web-audio","title":null,"description":"Gone: the page's one AudioContext is the webAudio of the web-audio lib, imported where it is used. Installs that lib.","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-web-audio.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-web-audio.json"},{"name":"use-playback-clock","title":null,"description":"Renamed to use-simulated-clock: installs it. It is a clock for a timeline that makes no sound, not one on the audio clock.","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-playback-clock.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-playback-clock.json"},{"name":"use-simulated-clock","title":null,"description":"A clock for a timeline that makes no sound: it runs while playing, loops between two points, and the playhead follows it without re-rendering React. Not on the…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-simulated-clock.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-simulated-clock.json"},{"name":"use-marquee-selection","title":null,"description":"A selection rectangle for the clips of a timeline: drag across bare lane (with Shift, or in a multi-select mode) and the clips it touches join the selection","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-marquee-selection.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-marquee-selection.json"},{"name":"use-arrangement","title":null,"description":"The state of an arrangement of clips on tracks, with its operations: selection, group moves and copies, split, duplicate, delete, adding and removing tracks, p…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-arrangement.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-arrangement.json"},{"name":"use-midi-playback","title":null,"description":"Plays an arrangement's MIDI clips while it plays: notes scheduled ahead on the audio clock, each MIDI track through a channel whose gain and pan follow its mix…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-midi-playback.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-midi-playback.json"},{"name":"use-track-reorder","title":null,"description":"Reorders tracks: drag a track's grip to move it, with the view scrolling at its edges and a copy of its header under the pointer, or press Up and Down on the g…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-track-reorder.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-track-reorder.json"},{"name":"use-transport-clock","title":null,"description":"A look-ahead transport clock on the audio clock: it calls back with the audio time of each step so notes are scheduled sample-accurately, with a loop region, s…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-transport-clock.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-transport-clock.json"},{"name":"use-piano-roll-playback","title":null,"description":"Plays a piano roll's notes, which you own: play, pause and stop, a loop or once through, a metronome, seeking, and the notes the roll auditions, with a playhea…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-piano-roll-playback.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-piano-roll-playback.json"},{"name":"use-undo-history","title":null,"description":"Undo and redo over a value you own: an edit made in one go, or a gesture that undoes as one.","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-undo-history.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-undo-history.json"},{"name":"use-master-bus","title":null,"description":"A master output bus with a safety limiter: every source connects into one gain node that a single fader governs.","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-master-bus.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-master-bus.json"},{"name":"use-synth-voices","title":null,"description":"Polyphonic synth voices on the Web Audio API: start and release notes with an envelope, a velocity and a pitch bend.","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-synth-voices.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-synth-voices.json"},{"name":"use-midi-input","title":null,"description":"The notes of the page's MIDI input, with velocity and pitch bend: every component that calls it hears the same devices.","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-midi-input.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-midi-input.json"},{"name":"use-audio-signal","title":null,"description":"An AnalyserNode as live signals for a waveform: the loudest sample of the moment, frequency bands and the raw samples, read every frame without re-rendering","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-audio-signal.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-audio-signal.json"},{"name":"use-demo-source","title":null,"description":"The sound a device plays: the one chosen in its session, such as from a preview's bar, else the one that shows best what the device does. It tells the session …","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-demo-source.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-demo-source.json"},{"name":"use-audio-session","title":null,"description":"A session of its own for a demo and its controls: a play switch and a microphone switch that nothing outside it follows. Holds no audio, so two previews on a p…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-audio-session.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-audio-session.json"},{"name":"use-play-switch","title":null,"description":"The play switch of the nearest session: a button in its bar flips it, every component inside the session that reads it follows. Holds no audio, so a demo can l…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-play-switch.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-play-switch.json"},{"name":"use-microphone","title":null,"description":"The microphone as an AnalyserNode on the shared AudioContext: raw signal, never connected to the speakers, released on stop and on unmount. The session's switc…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-microphone.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-microphone.json"},{"name":"use-pitch","title":null,"description":"The pitch of a signal as a live source: the note nearest the sound and its offset in cents, steadied by a median and held a moment after the sound stops, with …","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-pitch.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-pitch.json"},{"name":"use-audio-levels","title":null,"description":"The live levels of a signal from its AnalyserNodes, in the shape a Meter paints from: RMS in dB per channel with a peak that holds and falls, refreshed every f…","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-audio-levels.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-audio-levels.json"},{"name":"use-simulated-levels","title":null,"description":"Levels that move on their own, with a peak that holds and falls, in the shape a Meter paints from: a demo meter that is never at rest","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-simulated-levels.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-simulated-levels.json"},{"name":"use-spectrum","title":null,"description":"The spectrum of an AnalyserNode as a live source for Plot.Trace: dB per point on a logarithmic frequency axis, refreshed every frame without re-rendering, and …","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-spectrum.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-spectrum.json"},{"name":"use-noise-through-eq","title":null,"description":"Pink noise played through an equalizer that follows your bands, with the analyser after it: what a plot draws is what is heard","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-noise-through-eq.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-noise-through-eq.json"},{"name":"use-device-loop","title":null,"description":"A short loop of drums and plucked notes played through an effect's engine and out to a destination, for a block to show what a device does: it plays while the …","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-device-loop.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-device-loop.json"},{"name":"use-pulses-through-compressor","title":null,"description":"A looping pulse played through a compressor that follows your controls, with the level going in as a live source in dB: pair it with a transfer curve's Plot.Dot","type":"registry:hook","source_url":"https://www.audio-ui.dev/r/{style}/use-pulses-through-compressor.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/use-pulses-through-compressor.json"},{"name":"block-pocket-synth","title":null,"description":"A synth you can plug in: its state, a panel that draws and plays it and a Web Audio engine that makes the sound, each its own file. Press the pad: pitch goes a…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-pocket-synth.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-pocket-synth.json"},{"name":"block-wave-shaper","title":null,"description":"A wave shaper synth you can plug in: its state, a panel that draws and plays it and a Web Audio engine that makes the sound, each its own file. Press the pad: …","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-wave-shaper.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-wave-shaper.json"},{"name":"fader-vertical-demo","title":null,"description":"Vertical fader","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/fader-vertical-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/fader-vertical-demo.json"},{"name":"fader-horizontal-demo","title":null,"description":"Fader component example with horizontal orientation","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/fader-horizontal-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/fader-horizontal-demo.json"},{"name":"fader-pan-demo","title":null,"description":"Pan fader filling from the center: anchored at 0 on a -1…1 range","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/fader-pan-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/fader-pan-demo.json"},{"name":"knob-vertical-drag-demo","title":null,"description":"A knob turned by dragging up and down, like a fader: 150px of travel spans the whole range","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/knob-vertical-drag-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/knob-vertical-drag-demo.json"},{"name":"knob-demo","title":null,"description":"Knob component example","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/knob-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/knob-demo.json"},{"name":"knob-filter-control-demo","title":null,"description":"Filter cutoff knob on a logarithmic scale, 20 Hz to 20 kHz, every decade the same share of the dial","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/knob-filter-control-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/knob-filter-control-demo.json"},{"name":"knob-arc-and-anchor-demo","title":null,"description":"Knob value arc (rail + highlight) and optional anchor range","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/knob-arc-and-anchor-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/knob-arc-and-anchor-demo.json"},{"name":"envelope-size-default-demo","title":null,"description":"Envelope size default example","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/envelope-size-default-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/envelope-size-default-demo.json"},{"name":"envelope-adsr-demo","title":null,"description":"Controlled envelope with a live point count","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/envelope-adsr-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/envelope-adsr-demo.json"},{"name":"piano-size-default-demo","title":null,"description":"Piano size default example","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/piano-size-default-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano-size-default-demo.json"},{"name":"piano-active-notes-demo","title":null,"description":"Piano lit from an external source via activeNotes","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/piano-active-notes-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano-active-notes-demo.json"},{"name":"block-piano-roll","title":null,"description":"A MIDI clip editor: a scrolling roll with a playable keyboard down its side, a loop brace and a ruler that labels bars, beats and sixteenths as you zoom, and a…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-piano-roll.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-piano-roll.json"},{"name":"scale-menu-demo","title":null,"description":"A scale menu lighting the keys of the scale it picks","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/scale-menu-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/scale-menu-demo.json"},{"name":"note-find-demo","title":null,"description":"Find notes on a piano roll by pitch, scale, state, velocity, length or chance, and select them","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/note-find-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/note-find-demo.json"},{"name":"note-edit-menu-demo","title":null,"description":"A menu of note edits over a piano roll's selection, beside an item of its own","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/note-edit-menu-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/note-edit-menu-demo.json"},{"name":"piano-roll-playback-demo","title":null,"description":"A one-bar piano roll on loop with a metronome, played by a synth, which hears edits on its next pass","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/piano-roll-playback-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano-roll-playback-demo.json"},{"name":"piano-roll-midi-file-demo","title":null,"description":"A piano roll that exports its clip as a .mid file and imports one onto its grid, with the file's tempo","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/piano-roll-midi-file-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano-roll-midi-file-demo.json"},{"name":"meter-size-default-demo","title":null,"description":"Meter size default example","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/meter-size-default-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/meter-size-default-demo.json"},{"name":"needle-meter-demo","title":null,"description":"A VU needle that follows the microphone when it is on, and a moving signal when it is not","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/needle-meter-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/needle-meter-demo.json"},{"name":"meter-horizontal-demo","title":null,"description":"Horizontal meter example","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/meter-horizontal-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/meter-horizontal-demo.json"},{"name":"xypad-live-value-demo","title":null,"description":"XYPad with live x/y readout","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/xypad-live-value-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/xypad-live-value-demo.json"},{"name":"xypad-bipolar-range-demo","title":null,"description":"XYPad with bipolar pan/mix style ranges","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/xypad-bipolar-range-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/xypad-bipolar-range-demo.json"},{"name":"block-waveform-player","title":null,"description":"A waveform player that shows what the waveform does: seek and hover, a loop region with handles, markers and zoom that follows the playhead. It starts on a syn…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-waveform-player.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-waveform-player.json"},{"name":"timeline-clips-demo","title":null,"description":"A timeline with a loop range, a ruler and two tracks, each with a clip you move, trim and fade, and a playhead on a clock: the timeline alone, with no arrangem…","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/timeline-clips-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/timeline-clips-demo.json"},{"name":"block-timeline","title":null,"description":"An arrangement timeline made for a whole screen: a bar ruler that seeks on the grid, a loop strip, a lane per track with clips to move between tracks, trim and…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-timeline.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-timeline.json"},{"name":"waveform-demo","title":null,"description":"Waveform default example","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/waveform-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform-demo.json"},{"name":"waveform-region-demo","title":null,"description":"Waveform with a resizable loop region, markers and a hover time","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/waveform-region-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform-region-demo.json"},{"name":"waveform-live-demo","title":null,"description":"Live waveform scrolling with the microphone, or with a speech-like signal while it is off","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/waveform-live-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform-live-demo.json"},{"name":"plot-demo","title":null,"description":"An equalizer: drag each band to set its frequency and gain, and the curve is the response of all three","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/plot-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/plot-demo.json"},{"name":"plot-filter-demo","title":null,"description":"A low-pass filter: one handle on the resonance peak sets the cutoff and how much it rings","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/plot-filter-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/plot-filter-demo.json"},{"name":"plot-compressor-demo","title":null,"description":"A compressor transfer curve: one handle sets the threshold, the other the ratio","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/plot-compressor-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/plot-compressor-demo.json"},{"name":"block-compressor","title":null,"description":"A compressor you can plug in: its state, a panel that draws it and a Web Audio engine that plays it, side by side. Play a pulsing signal and turn the knobs","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-compressor.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-compressor.json"},{"name":"block-equalizer","title":null,"description":"An equalizer you can plug in: its state, a panel that draws it with a handle on each band and an engine that plays it, side by side. Play pink noise and the sp…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-equalizer.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-equalizer.json"},{"name":"device-contract-demo","title":null,"description":"A device of your own, defined by its parameters alone: the panel, the state and the tool an agent calls come from that one description. Turn a knob, or send th…","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/device-contract-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/device-contract-demo.json"},{"name":"block-delay","title":null,"description":"A delay you can plug in: its state, a panel that draws the echoes it makes with a handle for the time and the feedback, and an engine that plays it. Play a loo…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-delay.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-delay.json"},{"name":"block-reverb","title":null,"description":"A reverb you can plug in: its state, a panel that draws the tail it makes with a handle for the decay time, and an engine that plays it. Play a loop through it…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-reverb.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-reverb.json"},{"name":"block-filter","title":null,"description":"A filter you can plug in: its state, a panel that draws the curve it plays with a handle for the cutoff and the resonance, and an engine that plays it. Play a …","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-filter.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-filter.json"},{"name":"block-distortion","title":null,"description":"A distortion you can plug in: its state, a panel that draws its transfer curve and an engine that plays it. Play a loop through it and turn the drive","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-distortion.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-distortion.json"},{"name":"block-chorus","title":null,"description":"A chorus you can plug in: its state, a panel that draws the sweep of its delay and an engine that plays it. Play a loop through it and turn the rate and the de…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-chorus.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-chorus.json"},{"name":"block-utility","title":null,"description":"A utility you can plug in: its state, a panel and an engine that plays it. Play a loop through it and move the pan and the width","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-utility.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-utility.json"},{"name":"block-limiter","title":null,"description":"A limiter you can plug in: its state, a panel that draws its transfer curve with a handle on the ceiling and an engine that plays it. Play a loop through it, p…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-limiter.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-limiter.json"},{"name":"block-gate","title":null,"description":"A gate you can plug in: its state, a panel that draws its transfer curve with a handle on the threshold and an engine that plays it. Play a loop through it and…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-gate.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-gate.json"},{"name":"block-saturator","title":null,"description":"A saturator you can plug in: its state, a panel that draws its transfer curve and an engine that plays it. Play a loop through it, pick a curve and turn the dr…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-saturator.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-saturator.json"},{"name":"block-phaser","title":null,"description":"A phaser and flanger you can plug in: its state, a panel that draws the sweep and an engine that plays it. Play a loop through it, switch the mode and turn the…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-phaser.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-phaser.json"},{"name":"block-auto-pan","title":null,"description":"An auto pan you can plug in: its state, a panel that draws the movement and an engine that plays it. Play a loop through it, pick a waveform and switch to trem…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-auto-pan.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-auto-pan.json"},{"name":"block-channel-eq","title":null,"description":"A channel EQ you can plug in: its state, a panel that draws the curve with a handle on the mid band and an engine that plays it. Play a loop through it and dra…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-channel-eq.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-channel-eq.json"},{"name":"block-overdrive","title":null,"description":"An overdrive you can plug in: its state, a panel that draws the band that reaches the clip and an engine that plays it. Play a loop through it, drag the handle…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-overdrive.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-overdrive.json"},{"name":"block-deesser","title":null,"description":"A de-esser you can plug in: its state, a panel that draws what it does at each frequency and an engine that plays it. Play a voice through it, lower the thresh…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-deesser.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-deesser.json"},{"name":"block-multiband","title":null,"description":"A multiband compressor you can plug in: its state, a panel that draws the three bands and an engine that plays it. Play a loop through it and hold one band down","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-multiband.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-multiband.json"},{"name":"block-transient","title":null,"description":"A transient shaper you can plug in: its state, a panel with a handle for the attack and the sustain and an engine that plays it. Play a loop through it and dra…","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-transient.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-transient.json"},{"name":"block-mid-side","title":null,"description":"A mid/side device you can plug in: its state, a panel with a handle for the mid and the side and an engine that plays it. Play a wide loop through it and take …","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-mid-side.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-mid-side.json"},{"name":"block-redux","title":null,"description":"A redux you can plug in: its state, a panel that draws the stairs the bits make and an engine that plays it. Play a loop through it and take the bits down","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-redux.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-redux.json"},{"name":"block-mixer","title":null,"description":"Mixing console: four tracks of a loop with pan, fader, meter, mute and solo, into a master with a stereo meter, every meter reading its real signal","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-mixer.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-mixer.json"},{"name":"block-drum-rack","title":null,"description":"Drum rack: sixteen pads, each its own sound, shaped with tune, decay and level knobs","type":"registry:block","source_url":"https://www.audio-ui.dev/r/{style}/block-drum-rack.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/block-drum-rack.json"},{"name":"pad-demo","title":null,"description":"Four drum pads that play harder near the top; the closed hat cuts the open one short","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/pad-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pad-demo.json"},{"name":"tuner-demo","title":null,"description":"A chromatic tuner on the microphone: the nearest note, a needle on a scale of cents and the frequency, in the primary color when in tune","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/tuner-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/tuner-demo.json"},{"name":"spectrum-analyzer-demo","title":null,"description":"Press play, or play a MIDI keyboard, and watch the spectrum: each sawtooth note lights its pitch and every harmonic above it, and the peaks hold a moment","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/spectrum-analyzer-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/spectrum-analyzer-demo.json"},{"name":"sequencer-demo","title":null,"description":"A drum machine: draw a pattern and hear it. Press a step or drag across several; the playing column lights up","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/sequencer-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/sequencer-demo.json"},{"name":"scrubber-demo","title":null,"description":"A bar to seek on, with play or pause, the position and the length: a clock stands in for a player, and the bar and the time follow it","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/scrubber-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/scrubber-demo.json"},{"name":"transport-demo","title":null,"description":"The transport of a DAW as joined clusters: play or pause, stop and the position in bars, beats and sixteenths; loop and metronome toggles; the tempo and the ti…","type":"registry:example","source_url":"https://www.audio-ui.dev/r/{style}/transport-demo.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/transport-demo.json"},{"name":"web-audio","title":null,"description":"Web Audio Lib","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/web-audio.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/web-audio.json"},{"name":"envelope-ramp","title":null,"description":"Envelope curves to gain automation: slicing an envelope at its sustain and scheduling its ramps on a GainNode's AudioParam, for synth voices","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/envelope-ramp.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/envelope-ramp.json"},{"name":"audio-decode","title":null,"description":"Decoding an audio file into samples with the Web Audio API (decodeAudioData), the step before the waveform maths of @audio-ui/core/analysis","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/audio-decode.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/audio-decode.json"},{"name":"compressor-device","title":null,"description":"The compressor as a device: its parameters and what they mean, the numbers that go on the nodes for a state, and the curve a state plays, with no panel and no …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/compressor-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/compressor-device.json"},{"name":"compressor-engine","title":null,"description":"A compressor on the Web Audio API for a compressor state: the node, its make-up taken back out or kept, a dry and compressed mix aligned to the node's lookahea…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/compressor-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/compressor-engine.json"},{"name":"pocket-synth-device","title":null,"description":"The Pocket Synth as an instrument device: its waveform, filter and volume, and the pitch and filter cutoff a position on a pad plays, with no panel and no audi…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/pocket-synth-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pocket-synth-device.json"},{"name":"pocket-synth-engine","title":null,"description":"A monophonic synth on the Web Audio API for a Pocket Synth state: noteOn starts a note or glides the held one, noteOff releases it, and the wave, filter and vo…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/pocket-synth-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pocket-synth-engine.json"},{"name":"wave-shaper-device","title":null,"description":"The Wave Shaper as an instrument device: its waveform, drive, tone, detune, mix and volume, the pitch and resonance a pad position plays, and the distortion cu…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/wave-shaper-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/wave-shaper-device.json"},{"name":"wave-shaper-engine","title":null,"description":"A wave shaper synth on the Web Audio API for a Wave Shaper state: two detuned oscillators, a distortion mixed in parallel and a low-pass filter; noteOn starts …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/wave-shaper-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/wave-shaper-engine.json"},{"name":"delay-device","title":null,"description":"The delay as a device: its time, feedback, tone and mix, the numbers that go on the nodes for a state and the echoes a state makes, with no panel and no audio …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/delay-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/delay-device.json"},{"name":"delay-engine","title":null,"description":"A delay on the Web Audio API for a delay state: an echo that goes round a tone filter so each repeat is darker, mixed with the dry sound, with a time that bend…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/delay-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/delay-engine.json"},{"name":"reverb-device","title":null,"description":"The reverb as a device: its decay, pre-delay, damping and mix, the numbers that go on the nodes for a state, the decay a state draws and the impulse response o…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/reverb-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/reverb-device.json"},{"name":"reverb-engine","title":null,"description":"A reverb on the Web Audio API for a reverb state: a convolver fed a room made from the decay and the damping, two of them cross-faded so a new room never click…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/reverb-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/reverb-engine.json"},{"name":"filter-device","title":null,"description":"The filter as a device: a type, a cutoff and a resonance, the numbers that go on the node for a state and the curve a state plays, with no panel and no audio i…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/filter-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/filter-device.json"},{"name":"filter-engine","title":null,"description":"A filter on the Web Audio API for a filter state: the node the curve draws, with the resonance in the unit it wants, and the signal going round it when it is o…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/filter-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/filter-engine.json"},{"name":"distortion-device","title":null,"description":"The distortion as a device: a drive, a tone, a mix and an output level, the numbers that go on the nodes for a state, the soft clip and the transfer curve a st…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/distortion-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/distortion-device.json"},{"name":"distortion-engine","title":null,"description":"A distortion on the Web Audio API for a distortion state: a drive gain into a fixed soft-clip table at 4x oversampling, a tone filter, mixed with the clean sou…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/distortion-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/distortion-engine.json"},{"name":"chorus-device","title":null,"description":"The chorus as a device: a rate, a depth, a delay and a mix, the numbers that go on the nodes for a state and the sweep of the delay time, with no panel and no …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/chorus-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/chorus-device.json"},{"name":"chorus-engine","title":null,"description":"A chorus on the Web Audio API for a chorus state: a short delay whose time an oscillator sweeps, mixed with the dry sound, moving without a click.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/chorus-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/chorus-engine.json"},{"name":"utility-device","title":null,"description":"The utility as a device: a gain, a pan, a stereo width, a mono switch and a phase invert, the numbers that go on the nodes for a state, with no panel and no au…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/utility-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/utility-device.json"},{"name":"utility-engine","title":null,"description":"A utility on the Web Audio API for a utility state: the signal split into mid and side, the side scaled by the width, then a pan and a gain with an optional ph…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/utility-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/utility-engine.json"},{"name":"limiter-device","title":null,"description":"The limiter as a device: an input gain, a ceiling and a release, the numbers that go on the nodes for a state and the curve a state plays, with no panel and no…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/limiter-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/limiter-device.json"},{"name":"limiter-engine","title":null,"description":"A limiter on the Web Audio API for a limiter state: the browser compressor node at a ratio of 20 with no knee, its make-up taken back out, the signal going rou…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/limiter-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/limiter-engine.json"},{"name":"gate-device","title":null,"description":"The gate as a device: a threshold, a floor, an attack, a hold, a release and a look-ahead, the numbers that go on the nodes for a state, the detector worklet a…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/gate-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/gate-device.json"},{"name":"gate-engine","title":null,"description":"A gate on the Web Audio API for a gate state: a worklet detector reads the key and writes the gain (threshold, attack, hold, release), and a delay in front of …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/gate-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/gate-engine.json"},{"name":"saturator-device","title":null,"description":"The saturator as a device: a curve, a drive, a mix and an output level, the numbers that go on the nodes for a state, the four curves and the transfer curve a …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/saturator-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/saturator-device.json"},{"name":"saturator-engine","title":null,"description":"A saturator on the Web Audio API for a saturator state: a drive gain into the table of the chosen curve at 4x oversampling, mixed with the clean sound at an ou…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/saturator-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/saturator-engine.json"},{"name":"phaser-device","title":null,"description":"The phaser-flanger as a device: a mode, a rate, a depth, a centre frequency, a delay, a feedback and a mix, the numbers that go on the nodes for a state and th…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/phaser-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/phaser-device.json"},{"name":"phaser-engine","title":null,"description":"A phaser and flanger on the Web Audio API for a phaser state: four all-pass filters and a short delay swept by one oscillator, crossfaded by the mode, with fee…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/phaser-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/phaser-engine.json"},{"name":"auto-pan-device","title":null,"description":"The auto pan as a device: a mode, a waveform, a rate and a depth, the numbers that go on the nodes for a state and the movement the oscillator makes, with no p…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/auto-pan-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/auto-pan-device.json"},{"name":"auto-pan-engine","title":null,"description":"An auto pan and tremolo on the Web Audio API for an auto pan state: one oscillator that moves a stereo panner or the level of a gain, by the mode, at a rate, a…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/auto-pan-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/auto-pan-engine.json"},{"name":"channel-eq-device","title":null,"description":"The channel EQ as a device: a low shelf, a sweepable mid bell, a high shelf, a high-pass switch and an output level, their filters as a state describes them an…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/channel-eq-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/channel-eq-device.json"},{"name":"channel-eq-engine","title":null,"description":"A channel EQ on the Web Audio API for a channel EQ state: a high-pass, a low shelf, a mid bell and a high shelf in series with an output trim, the same filters…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/channel-eq-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/channel-eq-engine.json"},{"name":"overdrive-device","title":null,"description":"The overdrive as a device: a band-pass before a soft clip with a drive, a tone and a mix, the numbers that go on the nodes for a state and the band that reache…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/overdrive-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/overdrive-device.json"},{"name":"overdrive-engine","title":null,"description":"An overdrive on the Web Audio API for an overdrive state: a band-pass, a drive gain, a soft-clip table at 4x oversampling and a tone filter, mixed with the cle…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/overdrive-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/overdrive-engine.json"},{"name":"deesser-device","title":null,"description":"The de-esser as a device: a frequency, a threshold, a ratio and a range, the numbers that go on the nodes for a state, the table that keeps the highs above the…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/deesser-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/deesser-device.json"},{"name":"deesser-engine","title":null,"description":"A de-esser on the Web Audio API for a de-esser state: a Linkwitz-Riley split at the frequency, the highs read by the compressor's detector and taken down over …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/deesser-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/deesser-engine.json"},{"name":"multiband-device","title":null,"description":"The multiband compressor as a device: two splits and a threshold and ratio for each of the three bands, with an attack, a release and an output gain, the numbe…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/multiband-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/multiband-device.json"},{"name":"multiband-engine","title":null,"description":"A multiband compressor on the Web Audio API for a multiband state: a Linkwitz-Riley split in three bands that add back flat, and for each band the compressor's…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/multiband-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/multiband-engine.json"},{"name":"transient-device","title":null,"description":"The transient shaper as a device: an attack and a sustain, each up or down by 12 dB, and an output gain, the numbers that go on the nodes for a state and the s…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/transient-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/transient-device.json"},{"name":"transient-engine","title":null,"description":"A transient shaper on the Web Audio API for a transient state: a worklet detector reads the shape of the envelope and writes the gain, and the audio waits a mi…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/transient-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/transient-engine.json"},{"name":"mid-side-device","title":null,"description":"The mid/side device as a device: a level for the mid, a level for the side and a bass mono frequency, the numbers that go on the nodes for a state, with no pan…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/mid-side-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/mid-side-device.json"},{"name":"mid-side-engine","title":null,"description":"A mid/side device on the Web Audio API for a mid/side state: the signal split into mid and side, a level for each, a high-pass on the side for bass mono, and t…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/mid-side-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/mid-side-engine.json"},{"name":"key-detector","title":null,"description":"The detector of a key: an AudioWorklet loaded once per context from a blob, which reads a signal and writes the gain a compressor would apply to it. The compre…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/key-detector.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/key-detector.json"},{"name":"redux-device","title":null,"description":"The redux as a device: a number of bits, a downsample factor and a mix, the numbers that go on the nodes for a state, the stairs of the quantizer and the sourc…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/redux-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/redux-device.json"},{"name":"redux-engine","title":null,"description":"A redux on the Web Audio API for a redux state: a sample hold in an AudioWorklet loaded from a blob and a quantizer table for the bits, mixed with the clean so…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/redux-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/redux-engine.json"},{"name":"device-measure","title":null,"description":"Measure an engine against what its device claims, in an offline audio context: how far its frequency response is from the curve the panel draws, how long it de…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/device-measure.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/device-measure.json"},{"name":"oversampling","title":null,"description":"What a waveshaper that oversamples costs in time, and a delay that holds a dry path back by it, so a distortion mixed with its dry sound does not comb. Measure…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/oversampling.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/oversampling.json"},{"name":"synced-rate","title":null,"description":"The rate of an oscillator that is either free, in hertz, or synced: one cycle per note value of the host's tempo. The two parameters a device adds for it, and …","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/synced-rate.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/synced-rate.json"},{"name":"demo-sound","title":null,"description":"The sounds the previews play, by name: Boom bap and Drone, with the kick that goes with the first. Drawn once in code and looped as a buffer, no samples.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/demo-sound.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/demo-sound.json"},{"name":"equalizer-device","title":null,"description":"The equalizer as a device: a low shelf, two bells and a high shelf with an output trim, their filters as a state describes them, and the curve a state plays, w…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/equalizer-device.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/equalizer-device.json"},{"name":"equalizer-engine","title":null,"description":"An equalizer on the Web Audio API for an equalizer state: four biquad filters in series with an output trim, the same filters its curve draws, moving without a…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/equalizer-engine.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/equalizer-engine.json"},{"name":"arrangement","title":null,"description":"The document of an arrangement of clips on tracks: its clips, tracks and mixes, how far a clip reaches, where a MIDI clip's notes play, and what a track's volu…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/arrangement.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/arrangement.json"},{"name":"undo-history","title":null,"description":"Undo and redo as a value: a pure history of any document, with bursts (a drag is one entry), redo that drops on a new change, and a depth limit","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/undo-history.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/undo-history.json"},{"name":"midi-file","title":null,"description":"MIDI files to and from notes on a grid of steps: read one, with its tempo, write one, or download one","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/midi-file.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/midi-file.json"},{"name":"piano-roll-tools","title":null,"description":"AI-native tool surface for a piano roll, createPianoRollTools builds typed, agent-agnostic tools (setNotes/addNotes/removeNotes/transpose/clear/setTempo) an LL…","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/piano-roll-tools.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/piano-roll-tools.json"},{"name":"drum-synthesis","title":null,"description":"One-shot percussion synthesis (kick, snare, hihat) built from oscillators and noise bursts, each with its own tune and decay","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/drum-synthesis.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/drum-synthesis.json"},{"name":"waveform-peaks","title":null,"description":"Moved: the peaks are in @audio-ui/core/analysis and the decoding is audio-decode, as this lib gave both.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/waveform-peaks.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform-peaks.json"},{"name":"midi","title":null,"description":"Moved to @audio-ui/core/midi: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/midi.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/midi.json"},{"name":"midi-input","title":null,"description":"Moved to @audio-ui/core/midi: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/midi-input.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/midi-input.json"},{"name":"pitch-detection","title":null,"description":"Moved to @audio-ui/core/pitch: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/pitch-detection.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/pitch-detection.json"},{"name":"musical-time","title":null,"description":"Moved to @audio-ui/core/time: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/musical-time.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/musical-time.json"},{"name":"lookahead-scheduler","title":null,"description":"Moved to @audio-ui/core/time: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/lookahead-scheduler.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/lookahead-scheduler.json"},{"name":"spectrum","title":null,"description":"Moved to @audio-ui/core/analysis: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/spectrum.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/spectrum.json"},{"name":"filter-response","title":null,"description":"Moved to @audio-ui/core/analysis: installs the package.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/filter-response.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/filter-response.json"},{"name":"web","title":null,"description":"Renamed to web-audio: installs it.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/web.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/web.json"},{"name":"waveform-dsp","title":null,"description":"Renamed to waveform-peaks: installs it.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/waveform-dsp.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/waveform-dsp.json"},{"name":"history","title":null,"description":"Renamed to undo-history: installs it.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/history.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/history.json"},{"name":"synth-voice","title":null,"description":"Renamed to envelope-ramp: installs it.","type":"registry:lib","source_url":"https://www.audio-ui.dev/r/{style}/synth-voice.json","install_command":"npx shadcn@latest add https://www.audio-ui.dev/r/{style}/synth-voice.json"}]},{"id":"audiocn","name":"@audiocn","slug":"audiocn","description":"Audio components for React, built the shadcn way. Level meters, visualizers, faders, knobs, channel strips, a complete mixer, players and sound pads.","author":"audiocn","framework":"react","license":null,"tags":["animation","audio","buttons","cards","forms","hooks","overlays"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://audiocn.dev","github":"https://github.com/audiocn/ui","registry":"https://www.audiocn.dev/r/registry.json","source":"https://www.audiocn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/audiocn","markdown":"https://sh4dcn.netlify.app/md/audiocn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128' fill='none' stroke='var(--foreground)' stroke-linecap='round'><path d='M38.4 102.9a43.5 43.5 0 1 1 51.2 0' stroke-width='8.6'/><path d='m63.3 70 20.5-23.8' stroke-width='8'/></svg>","preview_image":"https://audiocn.dev/og/home-87da3e4c733d.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":294,"open_issues":11,"last_commit":"2026-10-25T11:17:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.audiocn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.audiocn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.audiocn.dev/r/registry.json","clone":"git clone https://github.com/audiocn/ui.git","clone_degit":"npx degit audiocn/ui","registry_fetch":"curl -s https://www.audiocn.dev/r/registry.json"},"component_count":51,"components":[{"name":"core","title":"Audio core","description":"Decibel maths, meter ballistics, zones, fader tapers, band resampling, bar level smoothing, wave line shapes, time formatting, the shared frame loop, frame emi…","type":"registry:lib","source_url":"https://www.audiocn.dev/r/core.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/core.json"},{"name":"use-frame-source","title":"useFrameSource","description":"Subscribe a callback to a frame source, with a stable callback and automatic cleanup.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-frame-source.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-frame-source.json"},{"name":"use-level","title":"useLevel","description":"Read a meter source into React state at a low rate, for labels and conditional UI.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-level.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-level.json"},{"name":"use-clip-hold","title":"useClipHold","description":"Clip detection with a hold time, a clip count and a reset.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-clip-hold.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-clip-hold.json"},{"name":"use-reduced-motion","title":"useReducedMotion","description":"True when the user asked the system to reduce motion.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-reduced-motion.json"},{"name":"use-visibility","title":"useVisibility","description":"Whether an element is on screen, in a ref, so animation loops can skip frames nobody sees.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-visibility.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-visibility.json"},{"name":"use-demo-signal","title":"useDemoSignal","description":"A synthetic speech, music, tone or noise signal as frame sources, for previews, prototypes and tests.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-demo-signal.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-demo-signal.json"},{"name":"use-audio-context","title":"useAudioContext","description":"One shared AudioContext that resumes on the first user gesture, plus a provider to supply your own.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-audio-context.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-audio-context.json"},{"name":"use-gain-node","title":"useGainNode","description":"A gain node on the shared AudioContext, wired from an input to a destination, with click-free level changes.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-gain-node.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-gain-node.json"},{"name":"use-audio-analyser","title":"useAudioAnalyser","description":"Meter and visual frame sources from a MediaStream, media element or AudioNode, using the Web Audio AnalyserNode.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-audio-analyser.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-audio-analyser.json"},{"name":"use-audio-devices","title":"useAudioDevices","description":"The list of audio input or output devices, with permission state and live updates when devices change.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-audio-devices.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-audio-devices.json"},{"name":"use-microphone","title":"useMicrophone","description":"Open a microphone as a MediaStream, with browser processing off by default so meters show the real signal.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-microphone.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-microphone.json"},{"name":"use-system-audio","title":"useSystemAudio","description":"Capture system or tab audio through the browser's screen-share picker.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-system-audio.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-system-audio.json"},{"name":"use-audio-config","title":"useAudioConfig","description":"The context a mixer or channel strip uses to pass orientation, size, range, zones and ballistics down to the components inside it.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-audio-config.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-audio-config.json"},{"name":"db-scale","title":"dB Scale","description":"Tick marks and labels for a decibel range, shared by meters and faders.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/db-scale.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/db-scale.json"},{"name":"db-readout","title":"dB Readout","description":"A numeric level label that updates at a readable rate, with a reserved width so the layout never shifts.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/db-readout.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/db-readout.json"},{"name":"clip-indicator","title":"Clip Indicator","description":"A clip light that holds after the signal clips, with an optional count and click to reset.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/clip-indicator.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/clip-indicator.json"},{"name":"level-meter","title":"Level Meter","description":"A peak and RMS level meter: mono or stereo, horizontal or vertical, solid, segmented or gradient, with zones, peak hold, a scale, a readout and a clip light.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/level-meter.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/level-meter.json"},{"name":"lcd-meter","title":"LCD Meter","description":"A recorder-style level meter on an LCD Display's screen: block segments in the display's ink that light whole, a held peak segment, per-channel dB readouts, a …","type":"registry:ui","source_url":"https://www.audiocn.dev/r/lcd-meter.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/lcd-meter.json"},{"name":"bar-visualizer","title":"Bar Visualizer","description":"A row of bars driven by frequency bands, with idle, loading and mirrored modes. Bars paint without re-rendering React.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/bar-visualizer.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/bar-visualizer.json"},{"name":"electric","title":"Electric drawing","description":"Shared drawing for the electric visualizers: repeatable crackle, a spark pool, canvas sizing and theme colours read from CSS.","type":"registry:lib","source_url":"https://www.audiocn.dev/r/electric.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/electric.json"},{"name":"electric-bar-visualizer","title":"Electric Bar Visualizer","description":"Frequency-band bars drawn as crackling filaments, with arcs between loud neighbours and sparks on sudden rises. Takes its colour from the theme.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/electric-bar-visualizer.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/electric-bar-visualizer.json"},{"name":"electric-waveform","title":"Electric Waveform","description":"One electric line across the width: a crackling, white-hot trace with a tall glow, forks off the peaks and sparks. Follows the frequency bands as a smooth wave…","type":"registry:ui","source_url":"https://www.audiocn.dev/r/electric-waveform.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/electric-waveform.json"},{"name":"smooth-waveform","title":"Smooth Waveform","description":"One clean line across the width that follows the sound, as a smooth wave shaped by the frequency bands or a triggered oscilloscope trace.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/smooth-waveform.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/smooth-waveform.json"},{"name":"live-waveform","title":"Live Waveform","description":"A canvas waveform of a live signal: scrolling level history or the current frame, as bars, a mirrored shape or a line.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/live-waveform.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/live-waveform.json"},{"name":"fader","title":"Fader","description":"A volume fader in decibels: linear or console taper, detents, a scale, reset, an editable value, silence at the bottom, horizontal or vertical.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/fader.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/fader.json"},{"name":"parameter-slider","title":"Parameter Slider","description":"A labelled slider with a numeric input, unit, marks, reset and a linear or log scale, for gain trims, delays, thresholds and frequencies.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/parameter-slider.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/parameter-slider.json"},{"name":"knob","title":"Knob","description":"A rotary control drawn in SVG, with vertical, horizontal or circular dragging, fine adjustment, reset, a bipolar origin, an optional click sound and a volume d…","type":"registry:ui","source_url":"https://www.audiocn.dev/r/knob.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/knob.json"},{"name":"lcd-display","title":"LCD Display","description":"A dot-matrix screen in a bezel, backlit in the light theme and glowing in the dark one: rows of dim labels and bright values in the theme colour or amber, gree…","type":"registry:ui","source_url":"https://www.audiocn.dev/r/lcd-display.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/lcd-display.json"},{"name":"pan-control","title":"Pan Control","description":"Left and right balance with a fill from the centre, a centre detent and reset.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/pan-control.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/pan-control.json"},{"name":"channel-toggle","title":"Channel Toggle","description":"Mute, solo and monitor toggle buttons with their own pressed colours.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/channel-toggle.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/channel-toggle.json"},{"name":"volume-control","title":"Volume Control","description":"A 0..1 volume slider with a mute button and a perceptual curve, for players.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/volume-control.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/volume-control.json"},{"name":"audio-device-select","title":"Audio Device Select","description":"A microphone, speaker or source picker with loading, permission, None and disconnected-device states, and a slot for a live preview.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/audio-device-select.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/audio-device-select.json"},{"name":"use-mixer","title":"useMixer","description":"Mixer state with no audio attached: gain, mute, solo, pan and monitor per channel, a master, persistence and a controlled mode.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-mixer.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-mixer.json"},{"name":"use-web-audio-mixer","title":"useWebAudioMixer","description":"Binds mixer state to a Web Audio graph: per-channel gain, ducking, pan and monitor sends, a limited master bus, post-fader meters and a mixed output stream.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-web-audio-mixer.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-web-audio-mixer.json"},{"name":"channel-strip","title":"Channel Strip","description":"One channel of a mixer: header, status, meter, fader, value, controls and a notice, as a row or a console strip. The master strip is a variant.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/channel-strip.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/channel-strip.json"},{"name":"mixer","title":"Mixer","description":"The container for channel strips: shared meter settings, keyboard navigation between strips, a master area and an empty state.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/mixer.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/mixer.json"},{"name":"use-audio-player","title":"useAudioPlayer","description":"Playback state for an audio element the hook owns: status, time, duration, buffering, volume, rate and loop, plus a smooth time source.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-audio-player.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-audio-player.json"},{"name":"use-sound","title":"useSound","description":"Low-latency playback of short sounds decoded into memory, with voices, looping, progress and a routable output node.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-sound.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-sound.json"},{"name":"use-waveform-data","title":"useWaveformData","description":"Decode an audio file, or take an AudioBuffer, and reduce it to cached waveform peaks.","type":"registry:hook","source_url":"https://www.audiocn.dev/r/use-waveform-data.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/use-waveform-data.json"},{"name":"waveform","title":"Waveform","description":"A static waveform of a clip with a smooth playhead, seeking by pointer and keyboard, hover time, draggable regions and markers.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/waveform.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/waveform.json"},{"name":"audio-player","title":"Audio Player","description":"A composable audio player: transport, seek bar with buffering, time, volume, playback rate, loop and keyboard shortcuts.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/audio-player.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/audio-player.json"},{"name":"track-list","title":"Track List","description":"A list of tracks with active and playing states, arrow-key navigation and slots for artwork, duration and actions.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/track-list.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/track-list.json"},{"name":"sound-pad","title":"Sound Pad","description":"A trigger pad with one-shot, toggle, hold and loop modes, a hotkey, playback progress and an accent colour, plus a grid with hotkeys and arrow navigation.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/sound-pad.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/sound-pad.json"},{"name":"spectrum","title":"Spectrum","description":"A frequency spectrum analyser drawn on canvas as bars, a line or an area, with peak hold, a grid and frequency and level axes.","type":"registry:ui","source_url":"https://www.audiocn.dev/r/spectrum.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/spectrum.json"},{"name":"system-audio-mixer","title":"System Audio Mixer","description":"The complete mixer: microphone, system audio, music and sound pads with meters, faders, mute, solo, monitor and ducking, a limited master and a mixed output st…","type":"registry:block","source_url":"https://www.audiocn.dev/r/system-audio-mixer.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/system-audio-mixer.json"},{"name":"mic-setup","title":"Microphone Setup","description":"Choose and check a microphone: device select with a live preview, a level meter, gain, mute and a level check that says whether you sound right.","type":"registry:block","source_url":"https://www.audiocn.dev/r/mic-setup.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/mic-setup.json"},{"name":"system-audio-settings","title":"System Audio Settings","description":"Turn system audio capture on, set its level, watch its meter and explain what the browser will capture.","type":"registry:block","source_url":"https://www.audiocn.dev/r/system-audio-settings.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/system-audio-settings.json"},{"name":"quick-audio-popover","title":"Quick Audio Popover","description":"Compact microphone and system audio controls behind one toolbar button that shows a live level.","type":"registry:block","source_url":"https://www.audiocn.dev/r/quick-audio-popover.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/quick-audio-popover.json"},{"name":"soundboard","title":"Soundboard","description":"A grid of sound pads with global hotkeys, per-pad mode and volume in a context menu, master volume, stop all, and drag-and-drop to add sounds.","type":"registry:block","source_url":"https://www.audiocn.dev/r/soundboard.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/soundboard.json"},{"name":"music-player","title":"Music Player","description":"A playlist player with a waveform seek bar, shuffle, repeat, volume and optional ducking under the microphone.","type":"registry:block","source_url":"https://www.audiocn.dev/r/music-player.json","install_command":"npx shadcn@latest add https://www.audiocn.dev/r/music-player.json"}]},{"id":"audiocn-solid","name":"@audiocn-solid","slug":"audiocn-solid","description":"Audio components for Solid, distributed as source through shadcn.","author":"jhomra21","framework":"react","license":null,"tags":["animation","audio","buttons","cards","forms","hooks","navigation","overlays"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://audiocn-solid.jhonra121.workers.dev","github":"https://github.com/jhomra21/audiocn-solid","registry":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json","source":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json","page":"https://sh4dcn.netlify.app/registry/audiocn-solid","markdown":"https://sh4dcn.netlify.app/md/audiocn-solid.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128' fill='none' stroke='var(--foreground)' stroke-linecap='round'><path d='M38.4 102.9a43.5 43.5 0 1 1 51.2 0' stroke-width='8.6'/><path d='m63.3 70 20.5-23.8' stroke-width='8'/></svg>","preview_image":"https://audiocn-solid.jhonra121.workers.dev/og/home-14a5416dabae.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-22T22:45:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json","install_bun":"bunx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json","clone":"git clone https://github.com/jhomra21/audiocn-solid.git","clone_degit":"npx degit jhomra21/audiocn-solid","registry_fetch":"curl -s https://audiocn-solid.jhonra121.workers.dev/r/solid1/registry.json"},"component_count":66,"components":[{"name":"core","title":"Audio core","description":"Framework-neutral audio primitives plus the Solid compatibility helpers used by the installable components.","type":"registry:lib","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/core.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/core.json"},{"name":"button","title":"Button","description":"Solid button primitive using the same base-rhea styling as the site.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/button.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/button.json"},{"name":"use-frame-source","title":"useFrameSource","description":"Subscribe to a frame source with automatic Solid lifecycle cleanup.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-frame-source.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-frame-source.json"},{"name":"use-clip-hold","title":"useClipHold","description":"Clip detection with hold time, count, and reset.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-clip-hold.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-clip-hold.json"},{"name":"use-reduced-motion","title":"useReducedMotion","description":"Tracks the operating system reduced-motion preference.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-reduced-motion.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-reduced-motion.json"},{"name":"use-visibility","title":"useVisibility","description":"Tracks whether an element intersects the viewport.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-visibility.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-visibility.json"},{"name":"use-demo-signal","title":"useDemoSignal","description":"Synthetic speech, music, tone, or noise frame sources for demos and tests.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-demo-signal.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-demo-signal.json"},{"name":"use-audio-context","title":"useAudioContext","description":"A shared AudioContext with a provider for supplying an existing context.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-context.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-context.json"},{"name":"use-audio-analyser","title":"useAudioAnalyser","description":"Meter and visual frame sources backed by Web Audio AnalyserNode.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-analyser.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-analyser.json"},{"name":"use-microphone","title":"useMicrophone","description":"Open a microphone MediaStream with browser processing disabled by default.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-microphone.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-microphone.json"},{"name":"use-audio-config","title":"useAudioConfig","description":"Shared meter and control configuration context.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-config.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-config.json"},{"name":"db-scale","title":"dB Scale","description":"Tick marks and labels for a decibel range.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/db-scale.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/db-scale.json"},{"name":"db-readout","title":"dB Readout","description":"A stable-width numeric level readout.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/db-readout.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/db-readout.json"},{"name":"clip-indicator","title":"Clip Indicator","description":"A clip light with hold, count, and reset behavior.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/clip-indicator.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/clip-indicator.json"},{"name":"level-meter","title":"Level Meter","description":"Composable peak and RMS level meter with stereo, hold, scale, readout, and clip indication.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/level-meter.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/level-meter.json"},{"name":"fader","title":"Fader","description":"A composable decibel fader with tapering, detents, keyboard stepping, reset, editable values, and optional wheel control.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/fader.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/fader.json"},{"name":"parameter-slider","title":"Parameter Slider","description":"A labelled parameter slider with a numeric input, units, marks, reset, linear or log scaling, and unit scrubbing.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/parameter-slider.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/parameter-slider.json"},{"name":"knob","title":"Knob","description":"A composable rotary parameter control with linear or circular dragging, keyboard and wheel input, editable values, scales, metal caps, and optional detent clic…","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/knob.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/knob.json"},{"name":"lcd-display","title":"LCD Display","description":"A themeable dot-matrix screen in a bezel, backlit in light themes and glowing in dark themes, with dropdown rows.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/lcd-display.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/lcd-display.json"},{"name":"pan-control","title":"Pan Control","description":"A left/right pan slider with a center fill, center detent, keyboard controls, accessible pan text, and double-click reset.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/pan-control.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/pan-control.json"},{"name":"channel-toggle","title":"Channel Toggle","description":"Audio channel toggle buttons with neutral, mute, solo, and monitor tones plus inherited disabled state.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/channel-toggle.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/channel-toggle.json"},{"name":"volume-control","title":"Volume Control","description":"A composable volume control with mute restore, perceptual or linear curves, horizontal and vertical sliders, and accessible level text.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/volume-control.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/volume-control.json"},{"name":"badge","title":"Badge","description":"A compact status badge with default, secondary, destructive, outline, ghost, and link variants.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/badge.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/badge.json"},{"name":"channel-strip","title":"Channel Strip","description":"A composable horizontal or console-style channel strip with shared audio config, status parts, responsive layout, and clipping reflection.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/channel-strip.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/channel-strip.json"},{"name":"mixer","title":"Mixer","description":"A horizontal or console-style mixer layout with shared audio configuration, empty state, master area, and keyboard focus navigation between channel controls.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/mixer.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/mixer.json"},{"name":"popover","title":"Popover","description":"Accessible popover with focus restoration and outside dismissal.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/popover.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/popover.json"},{"name":"bar-visualizer","title":"Bar Visualizer","description":"Frequency-band bars with idle, loading and mirrored modes.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/bar-visualizer.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/bar-visualizer.json"},{"name":"smooth-waveform","title":"Smooth Waveform","description":"A smooth frequency-band wave or oscilloscope trace.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/smooth-waveform.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/smooth-waveform.json"},{"name":"live-waveform","title":"Live Waveform","description":"Live signal canvas with scrolling history, bars, mirrors and lines.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/live-waveform.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/live-waveform.json"},{"name":"electric","title":"Electric drawing","description":"Shared electric canvas colors, sparks and geometry.","type":"registry:lib","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric.json"},{"name":"electric-bar-visualizer","title":"Electric Bar Visualizer","description":"Frequency-band bars drawn as crackling filaments.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric-bar-visualizer.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric-bar-visualizer.json"},{"name":"electric-waveform","title":"Electric Waveform","description":"An electric wave or oscilloscope trace with forks and sparks.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric-waveform.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/electric-waveform.json"},{"name":"spectrum","title":"Spectrum","description":"A frequency spectrum analyser with axes, grid and peak hold.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/spectrum.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/spectrum.json"},{"name":"waveform","title":"Waveform","description":"A clip waveform with seeking, hover, regions and markers.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/waveform.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/waveform.json"},{"name":"track-list","title":"Track List","description":"Track rows with active, playing and disabled states.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/track-list.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/track-list.json"},{"name":"kbd","title":"Keyboard shortcut","description":"Keyboard shortcut labels and groups.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/kbd.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/kbd.json"},{"name":"sound-pad","title":"Sound Pad","description":"Sound triggers with modes, hotkeys and progress.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/sound-pad.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/sound-pad.json"},{"name":"use-audio-player","title":"useAudioPlayer","description":"Owned media playback with reactive controls and smooth time frames.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-player.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-player.json"},{"name":"use-sound","title":"useSound","description":"Cached decoding and low-latency short sound playback.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-sound.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-sound.json"},{"name":"use-waveform-data","title":"useWaveformData","description":"Decode files or audio buffers into cached waveform peaks.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-waveform-data.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-waveform-data.json"},{"name":"use-web-audio-mixer","title":"useWebAudioMixer","description":"Mixer graph with gain, pan, monitoring, limiting and ducking.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-web-audio-mixer.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-web-audio-mixer.json"},{"name":"use-level","title":"useLevel","description":"Samples a meter source for reactive level labels.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-level.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-level.json"},{"name":"use-gain-node","title":"useGainNode","description":"Stable gain routing with click-free changes and connection cleanup.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-gain-node.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-gain-node.json"},{"name":"use-audio-devices","title":"useAudioDevices","description":"Audio devices and permission state with live updates.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-devices.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-audio-devices.json"},{"name":"use-system-audio","title":"useSystemAudio","description":"Capture system or tab audio with cancellation and track cleanup.","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-system-audio.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-system-audio.json"},{"name":"use-mixer","title":"useMixer","description":"Mixer state controller for channel gain, mute, solo, pan, monitoring, master controls, audibility, dynamic channels, reset, controlled state, and optional loca…","type":"registry:hook","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-mixer.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/use-mixer.json"},{"name":"select","title":"Select","description":"Accessible selection with Kobalte keyboard navigation.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/select.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/select.json"},{"name":"audio-device-select","title":"Audio Device Select","description":"Audio device picker with permission, loading and disconnected states.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/audio-device-select.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/audio-device-select.json"},{"name":"audio-player","title":"Audio Player","description":"Composable transport, seeking, time, volume, rate and loop controls.","type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/audio-player.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/audio-player.json"},{"name":"card","title":"Card","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/card.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/card.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/alert.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/alert.json"},{"name":"empty","title":"Empty","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/empty.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/empty.json"},{"name":"label","title":"Label","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/label.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/label.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/separator.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/separator.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/switch.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/switch.json"},{"name":"toggle","title":"Toggle","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/toggle.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/toggle.json"},{"name":"field","title":"Field","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/field.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/field.json"},{"name":"kobalte-dom-collection","title":"Kobalte Dom Collection","description":null,"type":"registry:lib","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/kobalte-dom-collection.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/kobalte-dom-collection.json"},{"name":"context-menu","title":"Context Menu","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/context-menu.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/context-menu.json"},{"name":"tabs","title":"Tabs","description":null,"type":"registry:ui","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/tabs.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/tabs.json"},{"name":"music-player","title":"Music Player","description":null,"type":"registry:block","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/music-player.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/music-player.json"},{"name":"soundboard","title":"Soundboard","description":null,"type":"registry:block","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/soundboard.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/soundboard.json"},{"name":"mic-setup","title":"Mic Setup","description":null,"type":"registry:block","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/mic-setup.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/mic-setup.json"},{"name":"system-audio-settings","title":"System Audio Settings","description":null,"type":"registry:block","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/system-audio-settings.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/system-audio-settings.json"},{"name":"quick-audio-popover","title":"Quick Audio Popover","description":null,"type":"registry:block","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/quick-audio-popover.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/quick-audio-popover.json"},{"name":"system-audio-mixer","title":"System Audio Mixer","description":null,"type":"registry:block","source_url":"https://audiocn-solid.jhonra121.workers.dev/r/solid1/system-audio-mixer.json","install_command":"npx shadcn@latest add https://audiocn-solid.jhonra121.workers.dev/r/solid1/system-audio-mixer.json"}]},{"id":"babelize","name":"@babelize","slug":"babelize","description":"Open-source localization components for shadcn/ui: language switchers, locale-aware number and relative-time formatters, phone input, localized navbar, and a translation widget.","author":"babelize","framework":"react","license":"MIT","tags":["buttons","cards","forms","hooks","navigation"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://elements.babelize.co","github":"https://github.com/babelize/babelize-elements","registry":"https://elements.babelize.co/r/registry.json","source":"https://elements.babelize.co/r/registry.json","page":"https://sh4dcn.netlify.app/registry/babelize","markdown":"https://sh4dcn.netlify.app/md/babelize.md"},"logo":"<svg viewBox='0 0 57 52' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16.38 51.9C13.22 51.9 10.72 50.94 8.88 49.02C7.08 47.1 6.18 44.62 6.18 41.58V36.6C6.18 34.88 5.94 33.42 5.46 32.22C4.98 30.98 4.28 30.04 3.36 29.4C2.68125 28.9278 1.89363 28.6298 0.997152 28.506C0.45006 28.4305 0 27.9923 0 27.44V24.46C0 23.9077 0.45006 23.4696 0.997151 23.394C1.89363 23.2702 2.68125 22.9722 3.36 22.5C4.28 21.86 4.98 20.94 5.46 19.74C5.94 18.5 6.18 17.02 6.18 15.3V10.32C6.18 7.28 7.08 4.8 8.88 2.88C10.72 0.960001 13.22 0 16.38 0H18.74C19.2923 0 19.74 0.447715 19.74 1V3.6413C19.74 4.20847 19.2681 4.65986 18.701 4.6577C16.0796 4.6477 14.166 5.01514 12.96 5.76C11.64 6.6 10.98 8.08 10.98 10.2V15.72C10.98 18.72 10.32 21.06 9 22.74C7.6869 24.3714 6.11651 25.4091 4.28883 25.8531C4.27196 25.8572 4.26 25.8723 4.26 25.8896C4.26 25.9073 4.27245 25.9226 4.28977 25.9264C6.15668 26.3312 7.72676 27.3891 9 29.1C10.32 30.82 10.98 33.18 10.98 36.18V41.7C10.98 43.78 11.64 45.24 12.96 46.08C14.1679 46.8261 16.0859 47.2093 18.7138 47.2296C19.276 47.2339 19.74 47.6834 19.74 48.2456V50.9C19.74 51.4523 19.2923 51.9 18.74 51.9H16.38Z' fill='var(--foreground)'/><path d='M39.8803 51.9H37.5203C36.968 51.9 36.5203 51.4523 36.5203 50.9V48.2453C36.5203 47.6832 36.9842 47.2337 37.5462 47.2297C40.2081 47.2105 42.1261 46.8272 43.3003 46.08C44.6203 45.24 45.2803 43.78 45.2803 41.7V36.18C45.2803 33.18 45.9203 30.82 47.2003 29.1C48.5133 27.3891 50.1034 26.3312 51.9706 25.9264C51.9879 25.9226 52.0003 25.9073 52.0003 25.8896C52.0003 25.8723 51.9884 25.8572 51.9715 25.8531C50.1438 25.4091 48.5734 24.3714 47.2603 22.74C45.9403 21.06 45.2803 18.72 45.2803 15.72V10.2C45.2803 8.08 44.6203 6.6 43.3003 5.76C42.128 5.01397 40.2142 4.64655 37.5589 4.65775C36.9919 4.66014 36.5203 4.20878 36.5203 3.6418V1C36.5203 0.447716 36.968 0 37.5203 0H39.8803C43.0803 0 45.5803 0.960001 47.3803 2.88C49.1803 4.8 50.0803 7.28 50.0803 10.32V15.3C50.0803 17.02 50.3203 18.5 50.8003 19.74C51.2803 20.94 51.9803 21.86 52.9003 22.5C53.5791 22.9722 54.3667 23.2702 55.2632 23.394C55.8103 23.4696 56.2603 23.9077 56.2603 24.46V27.44C56.2603 27.9923 55.8103 28.4305 55.2632 28.506C54.3667 28.6298 53.5791 28.9278 52.9003 29.4C51.9803 30.04 51.2803 30.98 50.8003 32.22C50.3203 33.42 50.0803 34.88 50.0803 36.6V41.58C50.0803 44.62 49.1803 47.1 47.3803 49.02C45.5803 50.94 43.0803 51.9 39.8803 51.9Z' fill='var(--foreground)'/><path d='M28.5245 17.78C26.6523 17.78 25.1345 16.2622 25.1345 14.39C25.1345 12.5178 26.6523 11 28.5245 11C30.3968 11 31.9145 12.5178 31.9145 14.39C31.9145 16.2622 30.3968 17.78 28.5245 17.78Z' fill='var(--foreground)'/><path d='M28.5245 29.56C26.6523 29.56 25.1345 28.0422 25.1345 26.17C25.1345 24.2978 26.6523 22.78 28.5245 22.78C30.3968 22.78 31.9145 24.2978 31.9145 26.17C31.9145 28.0422 30.3968 29.56 28.5245 29.56Z' fill='#05A46C'/><path d='M28.5245 41.34C26.6523 41.34 25.1345 39.8222 25.1345 37.95C25.1345 36.0778 26.6523 34.56 28.5245 34.56C30.3968 34.56 31.9145 36.0778 31.9145 37.95C31.9145 39.8222 30.3968 41.34 28.5245 41.34Z' fill='var(--foreground)'/></svg>","preview_image":"https://elements.babelize.co/opengraph-image.png?opengraph-image.3im289tf0ltb8.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":43,"open_issues":11,"last_commit":"2026-10-24T20:12:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://elements.babelize.co/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://elements.babelize.co/r/registry.json","install_bun":"bunx shadcn@latest add https://elements.babelize.co/r/registry.json","clone":"git clone https://github.com/babelize/babelize-elements.git","clone_degit":"npx degit babelize/babelize-elements","registry_fetch":"curl -s https://elements.babelize.co/r/registry.json"},"component_count":11,"components":[{"name":"language-switcher","title":"Language Switcher","description":"Copy-paste language switcher component for React with dropdown, search, RTL support, and full accessibility.","type":"registry:ui","source_url":"https://elements.babelize.co/r/language-switcher.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/language-switcher.json"},{"name":"language-switcher-pill","title":"Language Switcher Pill","description":"Animated pill-style language switcher with keyboard navigation and RTL support.","type":"registry:ui","source_url":"https://elements.babelize.co/r/language-switcher-pill.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/language-switcher-pill.json"},{"name":"phone-input","title":"Phone Input","description":"International phone number input with country selector, flag emojis, and dial code search for 50 countries.","type":"registry:ui","source_url":"https://elements.babelize.co/r/phone-input.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/phone-input.json"},{"name":"navbar","title":"NavBar","description":"Responsive navigation bar with built-in language selector, mobile menu, CTA button, and GitHub link.","type":"registry:ui","source_url":"https://elements.babelize.co/r/navbar.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/navbar.json"},{"name":"translation-widget","title":"Translation Widget","description":"Side-by-side translation view with editable target, swap, copy, character count, and RTL-aware layout.","type":"registry:ui","source_url":"https://elements.babelize.co/r/translation-widget.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/translation-widget.json"},{"name":"locale-data","title":"Locale Data","description":"Shared flag, language-name and RTL lookups for locale-aware components.","type":"registry:ui","source_url":"https://elements.babelize.co/r/locale-data.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/locale-data.json"},{"name":"locale-types","title":"Locale Types","description":"The shared `Locale` interface used by every locale-aware component.","type":"registry:ui","source_url":"https://elements.babelize.co/r/locale-types.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/locale-types.json"},{"name":"use-controllable-state","title":"useControllableState","description":"Hook backing the `value` / `defaultValue` / `onValueChange` trio on every component.","type":"registry:lib","source_url":"https://elements.babelize.co/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/use-controllable-state.json"},{"name":"use-listbox-navigation","title":"useListboxNavigation","description":"Keyboard navigation for listbox popups: arrow keys, Home / End, Enter, Escape, and focus management.","type":"registry:lib","source_url":"https://elements.babelize.co/r/use-listbox-navigation.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/use-listbox-navigation.json"},{"name":"utils","title":"Utilities","description":"The `cn` helper used across Babelize Elements components.","type":"registry:lib","source_url":"https://elements.babelize.co/r/utils.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/utils.json"},{"name":"locale-picker","title":"Locale Picker","description":"Region picker with locale-derived defaults: currency, date and number formats, and first day of week.","type":"registry:ui","source_url":"https://elements.babelize.co/r/locale-picker.json","install_command":"npx shadcn@latest add https://elements.babelize.co/r/locale-picker.json"}]},{"id":"bevel","name":"@bevel","slug":"bevel","description":"Tactile, skeuomorphic React components for real product work: guarded switches, annunciators, motorized faders, split-flap boards. Base UI and Tailwind CSS v4.","author":"hiteshbandhu","framework":"react","license":"MIT","tags":["accessibility","ai","animation","buttons","cards","charts","crypto","e-commerce","icons","media","navigation","overlays","payments","retro","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://bevel-ui.vercel.app","github":"https://github.com/hiteshbandhu/bevel","registry":"https://bevel-ui.vercel.app/r/registry.json","source":"https://bevel-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/bevel","markdown":"https://sh4dcn.netlify.app/md/bevel.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><rect x='3' y='3' width='26' height='26' rx='7' fill-opacity='.22'/><rect x='8' y='6.5' width='16' height='16' rx='4.5'/></svg>","preview_image":"https://bevel-ui.vercel.app/og/bevel.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-25T20:34:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://bevel-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://bevel-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://bevel-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/hiteshbandhu/bevel.git","clone_degit":"npx degit hiteshbandhu/bevel","registry_fetch":"curl -s https://bevel-ui.vercel.app/r/registry.json"},"component_count":121,"components":[{"name":"bevel","title":"Bevel foundation","description":"Light, depth, materials, motion and shape tokens, plus the utilities components use to apply them.","type":"registry:item","source_url":"https://bevel-ui.vercel.app/r/bevel.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/bevel.json"},{"name":"theme-transition","title":"Theme transition","description":"Switch light and dark as a change in lighting: the room dims, or the lights come up. Uses View Transitions.","type":"registry:lib","source_url":"https://bevel-ui.vercel.app/r/theme-transition.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/theme-transition.json"},{"name":"themes","title":"Material themes","description":"Brass, bakelite and anodized aluminium. Set data-bevel-theme on <html> or any container; build your own at /themes.","type":"registry:item","source_url":"https://bevel-ui.vercel.app/r/themes.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/themes.json"},{"name":"feedback","title":"Sound and haptics","description":"Opt-in sound and haptics for Bevel controls: <BevelFeedback sound haptics> and useBevelFeedback(). Synthesised with Web Audio; silent outside the provider.","type":"registry:lib","source_url":"https://bevel-ui.vercel.app/r/feedback.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/feedback.json"},{"name":"key","title":"Key","description":"A button made as a keycap: a cap with a lit top edge on a visible side, which travels down by the side's depth when pressed by pointer, Space or Enter. While i…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/key.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/key.json"},{"name":"icon-key","title":"Icon key","description":"A square keycap for a single icon: copy, close, toolbar actions. It must be given an aria-label, and is secondary by default so a row of them stays quiet.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/icon-key.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/icon-key.json"},{"name":"kbd","title":"Kbd","description":"A keycap printed in a line of text, for shortcuts and docs. Symbols such as ⌘ are read aloud by name. With listen, the cap goes down when the reader presses th…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/kbd.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/kbd.json"},{"name":"badge","title":"Badge","description":"A small printed plate with an indicator lamp, for status in tables, lists and headings. Five tones; a lamp is lit while its condition holds and dark when it do…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/badge.json"},{"name":"wallet","title":"Wallet","description":"A customer's stored balance, shown as a leather wallet. Saved cards sit in it, and picking one pulls it out of the pocket.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/wallet.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/wallet.json"},{"name":"payment-card","title":"Payment card","description":"A plastic payment card at real proportions. Use it on its own, as a radio in a picker, or inside a Wallet.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/payment-card.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/payment-card.json"},{"name":"amount","title":"Amount","description":"A formatted figure with steady digits, in any currency and locale. Every amount in Bevel is one of these.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/amount.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/amount.json"},{"name":"number-wheel","title":"Number wheel","description":"Mechanical rolling digits. Each digit is a printed drum that turns to its figure, lowest digit first.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/number-wheel.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/number-wheel.json"},{"name":"meter","title":"Meter","description":"A brass metering instrument with a rolling reading: live spend that ticks up, or a prepaid balance that counts down.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/meter.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/meter.json"},{"name":"stamp","title":"Stamp and seal","description":"A rubber-stamp impression in ink for statuses, and an embossed seal for the moment something becomes official.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/stamp.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/stamp.json"},{"name":"receipt","title":"Receipt","description":"Thermal paper with torn edges. Lines print in as they're added; a stamp or seal lands when it's paid.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/receipt.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/receipt.json"},{"name":"ticket-sheet","title":"Ticket sheet","description":"A sheet of perforated tickets, one per option. Picking one tears it off. A radio group underneath.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/ticket-sheet.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/ticket-sheet.json"},{"name":"dial","title":"Gauge and dial","description":"A needle on a brass-bezelled scale. Gauge reads a value; Dial sets one, turned by drag or keyboard.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/dial.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dial.json"},{"name":"breaker","title":"Breaker","description":"A circuit breaker: on, off, or tripped until someone resets it. For spending caps, kill switches and feature flags.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/breaker.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/breaker.json"},{"name":"ledger","title":"Ledger","description":"A ruled page of numbered entries with a red margin. History and audit logs that read like a passbook.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/ledger.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/ledger.json"},{"name":"keycard","title":"Keycard","description":"An API key on a plastic card that slides into a brass reader. For bring-your-own-key and credential screens.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/keycard.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/keycard.json"},{"name":"name-tag","title":"Name tag","description":"Who someone is: an agent, a person, a guest. The “HELLO my name is” sticker, a visitor badge for outside collaborators, and a plain tag for lists.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/name-tag.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/name-tag.json"},{"name":"citation","title":"Citation","description":"An exhibit sticker in the text that opens the exact passage it cites, with a stamp saying whether the source checks out.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/citation.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/citation.json"},{"name":"task-plan","title":"Task plan","description":"An agent's plan on a legal pad. Finished steps are ticked in ink, the current one is underlined in red pen, the rest are still in pencil.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/task-plan.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/task-plan.json"},{"name":"activity-log","title":"Activity log","description":"A docket of what an agent did: thoughts, actions, questions, responses and errors, each timed. Questions waiting on you are highlighted.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/activity-log.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/activity-log.json"},{"name":"approval","title":"Approval","description":"An action an agent wants to take, waiting for a person. Say what it does and what can't be undone; press and hold the brass seal to approve.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/approval.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/approval.json"},{"name":"delegation-board","title":"Delegation board","description":"Pigeonholes for delegated work, one per subagent: its task slip, a lamp and a word for its status, and its progress. Finished work rises out of its cubby.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/delegation-board.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/delegation-board.json"},{"name":"redline","title":"Redline","description":"Proposed edits in proofreader's red ink, each with a sign-here flag to accept or reject it. Nothing is applied until someone decides.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/redline.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/redline.json"},{"name":"redaction","title":"Redaction","description":"A black marker bar over withheld text, read as “Redacted” with the reason. Hidden text is never rendered; revealed text keeps a trace of the marker.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/redaction.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/redaction.json"},{"name":"guarded-switch","title":"Guarded switch","description":"A critical switch under a flip-up cover, as in a cockpit. Lift the cover, then flip it; closing the cover returns it to safe, and the cover closes itself if le…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/guarded-switch.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/guarded-switch.json"},{"name":"vigilance","title":"Dead man's switch","description":"A train cab's vigilance control for supervised agent runs: the run keeps going only while someone checks in. Miss the window and it warns, then pauses.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/vigilance.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/vigilance.json"},{"name":"lockout","title":"Lockout","description":"A lockout-tagout hasp: everyone working on something hangs their own padlock and tag, and it can't start until the last lock comes off. For freezes and holds.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/lockout.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/lockout.json"},{"name":"take-a-number","title":"Take a number","description":"A ticket dispenser and a Now Serving sign: your place in the queue is the number in your hand. For support queues, waitlists and jobs waiting their turn.","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/take-a-number.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/take-a-number.json"},{"name":"engine-telegraph","title":"Engine telegraph","description":"A ship's engine order telegraph: you set an order, the other side answers by moving its own pointer to match. Both show on one dial, so a pending order is visi…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/engine-telegraph.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/engine-telegraph.json"},{"name":"annunciator","title":"Annunciator","description":"A panel of alarm lamps from a control room. A new alarm flashes until someone acknowledges it, then stays lit while its condition lasts; one that clears unseen…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/annunciator.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/annunciator.json"},{"name":"detent-knob","title":"Detent knob","description":"A rotary switch that clicks into fixed positions and stops hard at both ends. For a few ordered settings where the order matters: reasoning effort, quality pre…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/detent-knob.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/detent-knob.json"},{"name":"push-to-talk","title":"Push to talk","description":"A radio's push-to-talk key: it listens only while held, and letting go stops it. Nothing records by accident. For voice input to agents, walkie-talkie chat and…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/push-to-talk.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/push-to-talk.json"},{"name":"motorized-fader","title":"Motorized fader","description":"A console fader with a motor: when someone else sets it, the cap travels there on its own and says who moved it. Grab it and it's yours. For settings an agent,…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/motorized-fader.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/motorized-fader.json"},{"name":"mixer-strip","title":"Mixer strip","description":"One channel of a mixing console per agent or source: its name, mute and solo keys, and a motorized fader that an orchestrator can move and you can take. For ba…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/mixer-strip.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/mixer-strip.json"},{"name":"dip-switch","title":"DIP switches","description":"A bank of tiny numbered slide switches, ON at the top, as on a circuit board. Every flag is visible at once and the bank reads as one value. For feature flags,…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/dip-switch.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dip-switch.json"},{"name":"patch-bay","title":"Patch bay","description":"A rack of jacks joined by patch cables: every route from a source to a destination is a cable you can see and pull. For webhook events to handlers, agent tools…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/patch-bay.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/patch-bay.json"},{"name":"keysort-filter","title":"Keysort filter","description":"Edge-notched cards from the 1950s office: each hole along the top is an attribute, notched open if the card has it. Push needles down the columns and the cards…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/keysort-filter.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/keysort-filter.json"},{"name":"visible-file","title":"Visible file","description":"A Kardex visible-index tray: each record shows only its edge, and coloured signal clips slide along it to mark where it stands, so a whole tray reads at a glan…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/visible-file.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/visible-file.json"},{"name":"contact-sheet","title":"Contact sheet","description":"A photographer's contact sheet: every frame at once on a strip of film, marked with a grease pencil. Circle the keepers, cross out the rest. For reviewing gene…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/contact-sheet.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/contact-sheet.json"},{"name":"split-flap","title":"Split-flap board","description":"A station departure board: each character is a pair of flaps that falls to the next value, column by column. The text is the truth and changes are announced on…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/split-flap.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/split-flap.json"},{"name":"time-card","title":"Time card","description":"A punch clock's time card: each session is a row with its date, time in, time out and how long it ran, and the key stamps the time now onto the next line. For …","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/time-card.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/time-card.json"},{"name":"due-date-slip","title":"Due-date slip","description":"The library card in the back of a book: each loan or renewal stamps the next ruled line, and the last date is when it's due. Overdue dates are stamped red. For…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/due-date-slip.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/due-date-slip.json"},{"name":"text-field","title":"Text field","description":"A text input cut into the panel as a slot, with a printed label above and description and error lines below. Focus lights the slot's edge amber, the colour of …","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/text-field.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/text-field.json"},{"name":"toggle-lever","title":"Toggle lever","description":"An everyday on/off switch, as a bat-handle toggle on a small plate. The lever swings through its bushing toward the side that's on and settles with a little sp…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/toggle-lever.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/toggle-lever.json"},{"name":"latch-checkbox","title":"Latch checkbox","description":"A checkbox as a latching push-key. Press it and it sinks and stays down with its mark lit amber; press again and it springs back up. Mixed holds it half-down w…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/latch-checkbox.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/latch-checkbox.json"},{"name":"preset-keys","title":"Preset keys","description":"Tabs and segmented controls as interlocked preset keys, like a car radio's: press one and it latches down while the one that was down springs back up. Only one…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/preset-keys.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/preset-keys.json"},{"name":"tooltip","title":"Tooltip","description":"A label-maker strip: dark embossing tape with raised pale letters and a tab pointing at the trigger. It feeds out a short way from the trigger's side; in a gro…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/tooltip.json"},{"name":"popover","title":"Popover","description":"A sheet of panel stock lifted off the page on the shared light, with a folded tab at its trigger. It lifts toward you and settles; Escape or a click outside pu…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/popover.json"},{"name":"menu","title":"Menu","description":"A selector plate: items engraved into brushed metal, the highlighted one pressed in, a lamp for checked settings, engraved rules between groups and keycaps for…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/menu.json"},{"name":"dialog","title":"Dialog","description":"The lights go down and a panel rises onto the desk, screwed or stitched at its corners. Content has no padding of its own, so it hosts forms and command palett…","type":"registry:ui","source_url":"https://bevel-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dialog.json"},{"name":"agent-console","title":"Relay, AI agent control room","description":"Supervise a coding agent and its subagents: set its autonomy, balance effort between subagents, hold the dead man's switch, and lift the cover to ship. A whole…","type":"registry:block","source_url":"https://bevel-ui.vercel.app/r/agent-console.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/agent-console.json"},{"name":"billing-desk","title":"Meterline, Usage billing","description":"A usage-based account page: the balance in a wallet, spend running on a meter, caps on breakers, the ledger, and API keys that expire on a library slip. A whol…","type":"registry:block","source_url":"https://bevel-ui.vercel.app/r/billing-desk.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/billing-desk.json"},{"name":"release-hall","title":"Shipyard, Release coordination","description":"A release board for a team: regions on a split-flap board, services moving through stages, a deploy queue, a freeze everyone must lift, and the promote switch.…","type":"registry:block","source_url":"https://bevel-ui.vercel.app/r/release-hall.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/release-hall.json"},{"name":"review-desk","title":"Casefile, Legal review desk","description":"A lawyer's desk with an AI assistant: pull contracts with needles, mark up a clause, check the answer's sources, redact, and seal before it leaves. A whole scr…","type":"registry:block","source_url":"https://bevel-ui.vercel.app/r/review-desk.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/review-desk.json"},{"name":"key-demo","title":"Key: Saving a form","description":"Cancel and Save at the foot of a settings form. Save latches down with its lamp lit while the request runs, then pops back up. An example of Key.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/key-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/key-demo.json"},{"name":"key-demo-variants","title":"Key: Variants and sizes","description":"Primary, secondary, ghost and danger at sm, md and lg, with icons, and disabled. An example of Key.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/key-demo-variants.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/key-demo-variants.json"},{"name":"icon-key-demo","title":"Icon key: Toolbar and copy button","description":"Ghost keys in a formatting toolbar, and a copy key that latches while it writes to the clipboard. An example of Icon key.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/icon-key-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/icon-key-demo.json"},{"name":"kbd-demo","title":"Kbd: Keyboard shortcuts","description":"A shortcuts sheet whose caps go down as you press them. Try ⌘K or Esc. An example of Kbd.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/kbd-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/kbd-demo.json"},{"name":"badge-demo","title":"Badge: Deployments","description":"A deployments table: the lamp is lit while a build runs or a release is live, and dark once it's superseded. An example of Badge.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/badge-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/badge-demo.json"},{"name":"wallet-demo","title":"Wallet: Checkout","description":"Pay from stored balance. Pay once to drain it, then pick the card that covers the rest. An example of Wallet.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/wallet-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/wallet-demo.json"},{"name":"wallet-demo-billing","title":"Wallet: Billing","description":"Account credit and saved cards. Add a card and it slides into the wallet. An example of Wallet.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/wallet-demo-billing.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/wallet-demo-billing.json"},{"name":"wallet-demo-usage","title":"Wallet: Usage","description":"Prepaid credits running down over a billing cycle. Low balance turns the light and meter amber. An example of Wallet.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/wallet-demo-usage.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/wallet-demo-usage.json"},{"name":"payment-card-demo","title":"Payment card: Saved payment methods","description":"Cards as a radio group, without a wallet. The chosen card lifts; arrow keys move between them. An example of Payment card.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/payment-card-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/payment-card-demo.json"},{"name":"amount-demo","title":"Amount: Currencies and locales","description":"Digits are tabular so columns line up; separators keep their natural width in any font. An example of Amount.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/amount-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/amount-demo.json"},{"name":"number-wheel-demo","title":"Number wheel: Counter","description":"Change the value and the drums roll to it. Sized by font size. An example of Number wheel.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/number-wheel-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/number-wheel-demo.json"},{"name":"meter-demo","title":"Meter: Live usage","description":"The cost of a chat turn, ticking while the model writes. Run it, stop it, clear it. An example of Meter.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/meter-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/meter-demo.json"},{"name":"meter-demo-prepaid","title":"Meter: Prepaid balance","description":"Like a postage meter: each call stamps a little off; add credit to refill. An example of Meter.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/meter-demo-prepaid.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/meter-demo-prepaid.json"},{"name":"stamp-demo","title":"Stamp and seal: Statuses","description":"Stamps replace badges: Received, Refunded, Held, Auto. The seal marks something verified. An example of Stamp and seal.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/stamp-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/stamp-demo.json"},{"name":"receipt-demo","title":"Receipt: Buying credits","description":"Pick a pack and the receipt reprints; pay and it's stamped. Ticket sheet, receipt and stamp together. An example of Receipt.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/receipt-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/receipt-demo.json"},{"name":"ticket-sheet-demo","title":"Ticket sheet: Plans","description":"Plans as tickets. Arrow keys move between them; a sold-out one is disabled. An example of Ticket sheet.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/ticket-sheet-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/ticket-sheet-demo.json"},{"name":"ticket-sheet-demo-credits-checkout","title":"Ticket sheet: Credit packs with a receipt","description":"The sheet driving a receipt. An example of Ticket sheet.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/ticket-sheet-demo-credits-checkout.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/ticket-sheet-demo-credits-checkout.json"},{"name":"dial-demo","title":"Gauge and dial: Runway","description":"Days of credit left, with the auto top-up level marked. An example of Gauge and dial.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/dial-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dial-demo.json"},{"name":"dial-demo-auto-top-up","title":"Gauge and dial: Auto top-up","description":"Set like a thermostat: the level to keep above, and how much to add. An example of Gauge and dial.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/dial-demo-auto-top-up.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dial-demo-auto-top-up.json"},{"name":"breaker-demo","title":"Breaker: Spending caps","description":"The per-person cap has tripped; switch it to reset. Overage is locked to owners. An example of Breaker.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/breaker-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/breaker-demo.json"},{"name":"ledger-demo","title":"Ledger: Credit history","description":"Numbered entries with the balance after each, and stamped statuses. An example of Ledger.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/ledger-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/ledger-demo.json"},{"name":"keycard-demo","title":"Keycard: Bring your own key","description":"Switch the breaker and the key goes into the reader: usage bills to it instead of credits. An example of Keycard.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/keycard-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/keycard-demo.json"},{"name":"keycard-demo-swipe","title":"Keycard: Swipe to use","description":"Drag the card through the reader, or flick it. A short drag springs back. Keyboard: focus the card, press Enter. An example of Keycard.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/keycard-demo-swipe.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/keycard-demo-swipe.json"},{"name":"name-tag-demo","title":"Name tag: Agents and guests","description":"Rename the agent by writing on its sticker. Guests get a visitor badge; lists use the plain tag. An example of Name tag.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/name-tag-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/name-tag-demo.json"},{"name":"citation-demo","title":"Citation: An answer with sources","description":"Open a sticker to read the cited passage. The third source has been appealed. An example of Citation.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/citation-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/citation-demo.json"},{"name":"task-plan-demo","title":"Task plan: An agent at work","description":"The plan advances on its own. Each step is ticked in ink as it finishes. An example of Task plan.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/task-plan-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/task-plan-demo.json"},{"name":"activity-log-demo","title":"Activity log: Two agents on a matter","description":"Entries arrive as the agents work. Who acted is a plain Name tag. An example of Activity log.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/activity-log-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/activity-log-demo.json"},{"name":"approval-demo","title":"Approval: Before an agent sends email","description":"Hold the seal until it presses. Let go early and nothing happens. An example of Approval.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/approval-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/approval-demo.json"},{"name":"delegation-board-demo","title":"Delegation board: A coordinator's subagents","description":"Four agents working in parallel. Drafting stops to ask you a question; answer it to unblock Review. An example of Delegation board.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/delegation-board-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/delegation-board-demo.json"},{"name":"redline-demo","title":"Redline: A notice clause","description":"Three suggested edits. Decide each one, or all at once. An example of Redline.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/redline-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/redline-demo.json"},{"name":"redaction-demo","title":"Redaction: Privilege marks","description":"A privileged memo, stamped. Switch who's reading: opposing counsel sees the redactions. An example of Redaction.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/redaction-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/redaction-demo.json"},{"name":"guarded-switch-demo","title":"Guarded switch: Agent permissions and deploys","description":"Lift a cover, then flip the switch. Leave it and the cover closes, turning it off. An example of Guarded switch.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/guarded-switch-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/guarded-switch-demo.json"},{"name":"vigilance-demo","title":"Dead man's switch: A supervised agent run","description":"Check in every 12 seconds to keep it going. Stop checking in and watch it warn, then pause. An example of Dead man's switch.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/vigilance-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/vigilance-demo.json"},{"name":"lockout-demo","title":"Lockout: A migration on hold","description":"Three locks hold the migration. Remove yours; the others come off as their work finishes. An example of Lockout.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/lockout-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/lockout-demo.json"},{"name":"take-a-number-demo","title":"Take a number: A support queue","description":"Take a number; the sign rolls on every two seconds until it's your turn. An example of Take a number.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/take-a-number-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/take-a-number-demo.json"},{"name":"engine-telegraph-demo","title":"Engine telegraph: Agent autonomy","description":"Set how much the agent may do alone. It answers once its current step is done. An example of Engine telegraph.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/engine-telegraph-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/engine-telegraph-demo.json"},{"name":"annunciator-demo","title":"Annunciator: An agent's alert panel","description":"Conditions come and go on their own. Acknowledge them one by one, or all at once. An example of Annunciator.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/annunciator-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/annunciator-demo.json"},{"name":"detent-knob-demo","title":"Detent knob: Reasoning effort","description":"Turn the knob to trade speed and cost for how hard the model thinks. An example of Detent knob.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/detent-knob-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/detent-knob-demo.json"},{"name":"push-to-talk-demo","title":"Push to talk: Voice notes to an agent","description":"Hold the key, or Space, to record a note. Let go to send it. An example of Push to talk.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/push-to-talk-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/push-to-talk-demo.json"},{"name":"motorized-fader-demo","title":"Motorized fader: Temperature the agent tunes","description":"The agent adjusts its own temperature; grab the fader to take over, then hand it back. An example of Motorized fader.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/motorized-fader-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/motorized-fader-demo.json"},{"name":"mixer-strip-demo","title":"Mixer strip: Subagents on a console","description":"A lead agent rebalances effort as it goes. Take a fader to override it; mute pauses a subagent, solo runs one alone. An example of Mixer strip.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/mixer-strip-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/mixer-strip-demo.json"},{"name":"dip-switch-demo","title":"DIP switches: Feature flags","description":"Flip a workspace's flags; the bank is also the config value you ship. One is locked by the organisation. An example of DIP switches.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/dip-switch-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dip-switch-demo.json"},{"name":"patch-bay-demo","title":"Patch bay: Webhook routing","description":"Patch a billing provider's events to your handlers. One event can feed several handlers. An example of Patch bay.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/patch-bay-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/patch-bay-demo.json"},{"name":"keysort-filter-demo","title":"Keysort filter: A drawer of contracts","description":"Push needles through to find the contracts with every attribute. An example of Keysort filter.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/keysort-filter-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/keysort-filter-demo.json"},{"name":"visible-file-demo","title":"Visible file: Agent tasks by stage","description":"Signals slide along each card as its task moves through the stages. An example of Visible file.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/visible-file-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/visible-file-demo.json"},{"name":"contact-sheet-demo","title":"Contact sheet: Generated variants","description":"Eight variants of one prompt. Circle the keepers, cross out the rest. An example of Contact sheet.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/contact-sheet-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/contact-sheet-demo.json"},{"name":"split-flap-demo","title":"Split-flap board: A deploy board","description":"Each region's status flips over as its rollout moves on. An example of Split-flap board.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/split-flap-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/split-flap-demo.json"},{"name":"time-card-demo","title":"Time card: A contractor's timesheet","description":"Three sessions on the card already. Punch in, then out, and watch the clock stamp each time. An example of Time card.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/time-card-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/time-card-demo.json"},{"name":"due-date-slip-demo","title":"Due-date slip: An expiring API key","description":"The key lapsed four days ago. Renew it, and again, until the renewals run out. An example of Due-date slip.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/due-date-slip-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/due-date-slip-demo.json"},{"name":"text-field-demo","title":"Text field: Workspace settings","description":"Fields validate as you leave them and again on save; the server's answer comes back on the field it's about. Save as is: the URL is taken. An example of Text f…","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/text-field-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/text-field-demo.json"},{"name":"text-field-demo-search","title":"Text field: Search box","description":"An icon and a key hint in the slot. ⌘K or / focuses it from anywhere on the page. An example of Text field.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/text-field-demo-search.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/text-field-demo-search.json"},{"name":"toggle-lever-demo","title":"Toggle lever: Notification settings","description":"A lever per row, and a master lever that pauses them all. An example of Toggle lever.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/toggle-lever-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/toggle-lever-demo.json"},{"name":"latch-checkbox-demo","title":"Latch checkbox: Agent permissions","description":"Which tools an agent may use. The top key presses them all, and sits half-down while only some are on. An example of Latch checkbox.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/latch-checkbox-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/latch-checkbox-demo.json"},{"name":"preset-keys-demo","title":"Preset keys: Preview and code","description":"The tabs over a docs example, at the small size. An example of Preset keys.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/preset-keys-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/preset-keys-demo.json"},{"name":"preset-keys-demo-range","title":"Preset keys: Time range","description":"A segmented range picker over a usage chart. An example of Preset keys.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/preset-keys-demo-range.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/preset-keys-demo-range.json"},{"name":"tooltip-demo","title":"Tooltip: Icon buttons","description":"An editor toolbar. Hover one button and slide along: each label prints at once. An example of Tooltip.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/tooltip-demo.json"},{"name":"tooltip-demo-tapes","title":"Tooltip: Sides and tapes","description":"Each label feeds out from its own side. Red and blue tape are for the label that must stand out. An example of Tooltip.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/tooltip-demo-tapes.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/tooltip-demo-tapes.json"},{"name":"popover-demo","title":"Popover: Share a page","description":"A link to copy and who can see it. An example of Popover.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/popover-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/popover-demo.json"},{"name":"menu-demo","title":"Menu: Copy page","description":"The menu on a docs page with a Markdown version: copy it, view it, or open it in ChatGPT or Claude. Pass markdownUrl. An example of Menu.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/menu-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/menu-demo.json"},{"name":"menu-demo-file-actions","title":"Menu: File actions","description":"Shortcuts as keycaps, a submenu, a setting with a lamp, a sort order and a destructive item. An example of Menu.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/menu-demo-file-actions.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/menu-demo-file-actions.json"},{"name":"dialog-demo","title":"Dialog: Delete a project","description":"An alert dialog with a red key. Cancel takes focus, and a stray click outside does nothing. An example of Dialog.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/dialog-demo.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dialog-demo.json"},{"name":"dialog-demo-rename","title":"Dialog: A form","description":"Rename a document. Enter saves; Escape, × or Cancel leave it. An example of Dialog.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/dialog-demo-rename.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dialog-demo-rename.json"},{"name":"dialog-demo-command","title":"Dialog: Command palette","description":"⌘K opens a palette in the dialog: top-aligned, no padding, no fasteners. An example of Dialog.","type":"registry:example","source_url":"https://bevel-ui.vercel.app/r/dialog-demo-command.json","install_command":"npx shadcn@latest add https://bevel-ui.vercel.app/r/dialog-demo-command.json"}]},{"id":"blobz","name":"@blobz","slug":"blobz","description":"Playful, deterministic blob avatars for React.","author":"lirena00","framework":"react","license":"MIT","tags":["cards","forms","marketing","media","navigation","tables"],"categories":["Uncategorized"],"labels":["recently-updated"],"urls":{"website":"https://blobz.lirena.in","github":"https://github.com/lirena00/blobz","registry":"https://blobz.lirena.in/r/registry.json","source":"https://blobz.lirena.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/blobz","markdown":"https://sh4dcn.netlify.app/md/blobz.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80' role='img' aria-label='Blob avatar for custom avatar'><defs><clipPath id='fpc1zxka1dfy0d'><rect width='80' height='80' rx='18'/></clipPath><mask id='fpc1zxka1dfy0ds' maskUnits='userSpaceOnUse' x='0' y='0' width='80' height='80'><path d='M20 20Q40 29 60 20Q51 40 60 60Q40 51 20 60Q29 40 20 20Z' fill='#fff' stroke='#fff' stroke-width='12' stroke-linejoin='round'/></mask></defs><g clip-path='url(#fpc1zxka1dfy0d)'><rect width='80' height='80' fill='#eef9ff'/><g transform='translate(40 42) rotate(-2) scale(1.15) translate(-40 -42)'><g><path d='M20 20Q40 29 60 20Q51 40 60 60Q40 51 20 60Q29 40 20 20Z' fill='#38bdf8' stroke='#38bdf8' stroke-width='12' stroke-linejoin='round'/><g mask='url(#fpc1zxka1dfy0ds)' fill='none' stroke='#fff' stroke-linecap='round' stroke-linejoin='round' opacity='.62'><path d='M19.4 23.1L19.7 21.8L20.5 20.5L21.4 19.9L23.1 19.4L24.4 19.6L25.9 20.1L27.3 20.6L28.4 20.9' stroke-width='2.3'/><path d='M20.7 27.7L21.3 30.3' stroke-width='2'/></g></g><g><g transform='translate(39 41) scale(0.95) rotate(5)'><g transform='translate(0 -3)'><path d='M-15 -15.5L-5 -11.5' fill='none' stroke='#14365c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/><path d='M15 -15.5L5 -11.5' fill='none' stroke='#14365c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></g><path transform='translate(-10.9 -3.4) scale(1.04 1.04)' d='M-7.5 2.9C-7.6 -3.5 -4.2 -8.8 -0.5 -9.2C2.8 -9.5 6.2 -8.2 7 -5.6C7.9 -2.8 7.6 1.2 5.8 4.8C4 8.2 0.8 9.4 -1.2 9.3C-4.8 9.2 -7.3 6.2 -7.5 2.9Z' fill='#fff'/><ellipse cx='-12.700000000000001' cy='-5.92' rx='2.6' ry='4.3' fill='#14365c' transform='rotate(25 -12.700000000000001 -5.92)'/><path transform='translate(10.9 -3.4) scale(-1.04 1.04)' d='M-7.5 2.9C-7.6 -3.5 -4.2 -8.8 -0.5 -9.2C2.8 -9.5 6.2 -8.2 7 -5.6C7.9 -2.8 7.6 1.2 5.8 4.8C4 8.2 0.8 9.4 -1.2 9.3C-4.8 9.2 -7.3 6.2 -7.5 2.9Z' fill='#fff'/><ellipse cx='12.700000000000001' cy='-5.92' rx='2.6' ry='4.3' fill='#14365c' transform='rotate(-25 12.700000000000001 -5.92)'/><path d='M-7 5.4Q0 14.6 7 5.4' fill='none' stroke='#14365c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></g></g></g></g></svg>","preview_image":"https://blobz.lirena.in/opengraph-image?5a28d1ace338723c","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":52,"open_issues":2,"last_commit":"2026-10-24T16:11:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://blobz.lirena.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blobz.lirena.in/r/registry.json","install_bun":"bunx shadcn@latest add https://blobz.lirena.in/r/registry.json","clone":"git clone https://github.com/lirena00/blobz.git","clone_degit":"npx degit lirena00/blobz","registry_fetch":"curl -s https://blobz.lirena.in/r/registry.json"},"component_count":10,"components":[{"name":"avatar","title":"Avatar","description":"Shadcn avatar primitives with deterministic Blobz fallbacks, images, status, and groups.","type":"registry:ui","source_url":"https://blobz.lirena.in/r/avatar.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/avatar.json"},{"name":"avatar-profile","title":"Avatar Profile","description":"Compound profile-row primitives for an avatar, identity text, metadata, and actions.","type":"registry:component","source_url":"https://blobz.lirena.in/r/avatar-profile.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/avatar-profile.json"},{"name":"avatar-chip","title":"Avatar Chip","description":"A compact identity chip with a Blobz avatar and an optional accessible remove action.","type":"registry:component","source_url":"https://blobz.lirena.in/r/avatar-chip.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/avatar-chip.json"},{"name":"testimonial-card","title":"Testimonial Card","description":"Editorial and compact testimonials with image or generated avatars.","type":"registry:component","source_url":"https://blobz.lirena.in/r/testimonial-card.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/testimonial-card.json"},{"name":"profile-card","title":"Profile Card","description":"Compact and featured profile cards with thoughtful defaults and composable actions.","type":"registry:component","source_url":"https://blobz.lirena.in/r/profile-card.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/profile-card.json"},{"name":"avatar-account-menu","title":"Avatar Account Menu","description":"A ready-to-ship account menu with a Blobz avatar trigger, identity summary, and typed actions.","type":"registry:block","source_url":"https://blobz.lirena.in/r/avatar-account-menu.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/avatar-account-menu.json"},{"name":"avatar-team-list","title":"Avatar Team List","description":"A responsive team roster with Blobz avatars, status, roles, descriptions, and action slots.","type":"registry:block","source_url":"https://blobz.lirena.in/r/avatar-team-list.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/avatar-team-list.json"},{"name":"avatar-select","title":"Avatar Select","description":"A ready-to-ship person selector with Blobz avatars in the trigger and option list.","type":"registry:block","source_url":"https://blobz.lirena.in/r/avatar-select.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/avatar-select.json"},{"name":"group-chat","title":"Group Chat","description":"A conversation panel with Blobz avatars for messages, participants, and typing presence.","type":"registry:block","source_url":"https://blobz.lirena.in/r/group-chat.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/group-chat.json"},{"name":"user-table","title":"User Table","description":"A responsive people table with generated avatars, roles, statuses, and last-seen details.","type":"registry:block","source_url":"https://blobz.lirena.in/r/user-table.json","install_command":"npx shadcn@latest add https://blobz.lirena.in/r/user-table.json"}]},{"id":"blockdex","name":"@blockdex","slug":"blockdex","description":"Discover a verified open-source cohort from Magic UI and EvilCharts through BlockDex; installs resolve to the original publishers.","author":null,"framework":"react","license":null,"tags":["3d","accessibility","animation","backgrounds","blocks","buttons","cards","charts","icons","loaders","maps","media","mobile","navigation","overlays","payments","pro-available","retro","text-effects","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://blockdex.dev","github":null,"registry":"https://blockdex.dev/shadcn/registry.json","source":"https://blockdex.dev/shadcn/registry.json","page":"https://sh4dcn.netlify.app/registry/blockdex","markdown":"https://sh4dcn.netlify.app/md/blockdex.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\"> <g transform=\"translate(2.5 4.188) scale(0.84375)\"><rect x=\"1.5\" y=\"1\" width=\"13\" height=\"11.5\" rx=\"2\" fill=\"#00ddef\" fill-opacity=\"0.34\"></rect><rect x=\"17.5\" y=\"1\" width=\"13\" height=\"11.5\" rx=\"2\" fill=\"#00ddef\" fill-opacity=\"0.62\"></rect><rect x=\"1.5\" y=\"15.5\" width=\"13\" height=\"11.5\" rx=\"2\" fill=\"#00ddef\" fill-opacity=\"0.34\"></rect><rect x=\"17.5\" y=\"15.5\" width=\"13\" height=\"11.5\" rx=\"2\" fill=\"#00ddef\" fill-opacity=\"1\"></rect></g> </svg>","preview_image":"https://blockdex.dev/og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://blockdex.dev/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://blockdex.dev/shadcn/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blockdex.dev/shadcn/registry.json","install_bun":"bunx shadcn@latest add https://blockdex.dev/shadcn/registry.json","registry_fetch":"curl -s https://blockdex.dev/shadcn/registry.json"},"component_count":250,"components":[{"name":"magicui--index","title":"Magic UI: index","description":"From Magic UI. Source and installation remain with the original publisher.","type":"registry:style","source_url":"https://blockdex.dev/shadcn/magicui--index.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--index.json"},{"name":"magicui--magic-card","title":"Magic UI: Magic Card","description":"A spotlight effect that follows your mouse cursor and highlights borders on hover.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--magic-card.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--magic-card.json"},{"name":"magicui--android","title":"Magic UI: Android","description":"A mockup of an Android device.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--android.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--android.json"},{"name":"magicui--warp-background","title":"Magic UI: Warp Background","description":"A card with a time warping background effect.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--warp-background.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--warp-background.json"},{"name":"magicui--line-shadow-text","title":"Magic UI: Line Shadow Text","description":"A text component with a moving line shadow.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--line-shadow-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--line-shadow-text.json"},{"name":"magicui--aurora-text","title":"Magic UI: Aurora Text","description":"A beautiful aurora text effect","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--aurora-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--aurora-text.json"},{"name":"magicui--morphing-text","title":"Magic UI: Morphing Text","description":"A dynamic text morphing component for Magic UI.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--morphing-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--morphing-text.json"},{"name":"magicui--scroll-progress","title":"Magic UI: Scroll Progress","description":"Animated Scroll Progress for your pages","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--scroll-progress.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--scroll-progress.json"},{"name":"magicui--lens","title":"Magic UI: Lens","description":"A interactive component that enables zooming into images, videos and other elements.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--lens.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--lens.json"},{"name":"magicui--pointer","title":"Magic UI: Pointer","description":"A component that displays a pointer when hovering over an element","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--pointer.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--pointer.json"},{"name":"magicui--smooth-cursor","title":"Magic UI: smooth-cursor","description":"A customizable, physics-based smooth cursor animation component with spring animations and rotation effects","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--smooth-cursor.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--smooth-cursor.json"},{"name":"magicui--progressive-blur","title":"Magic UI: Progressive Blur","description":"The Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below or above.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--progressive-blur.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--progressive-blur.json"},{"name":"magicui--neon-gradient-card","title":"Magic UI: Neon Gradient Card","description":"A beautiful neon card effect","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--neon-gradient-card.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--neon-gradient-card.json"},{"name":"magicui--noise-texture","title":"Magic UI: Noise Texture","description":"An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for subtle texture overlays.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--noise-texture.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--noise-texture.json"},{"name":"magicui--meteors","title":"Magic UI: Meteors","description":"A meteor shower effect.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--meteors.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--meteors.json"},{"name":"magicui--grid-pattern","title":"Magic UI: Grid Pattern","description":"A background grid pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--grid-pattern.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--grid-pattern.json"},{"name":"magicui--hexagon-pattern","title":"Magic UI: Hexagon Pattern","description":"A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--hexagon-pattern.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--hexagon-pattern.json"},{"name":"magicui--striped-pattern","title":"Magic UI: Striped Pattern","description":"A background striped pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--striped-pattern.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--striped-pattern.json"},{"name":"magicui--interactive-grid-pattern","title":"Magic UI: Interactive Grid Pattern","description":"A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--interactive-grid-pattern.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--interactive-grid-pattern.json"},{"name":"magicui--dot-pattern","title":"Magic UI: Dot Pattern","description":"A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--dot-pattern.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--dot-pattern.json"},{"name":"magicui--flickering-grid","title":"Magic UI: Flickering Grid","description":"A flickering grid background made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--flickering-grid.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--flickering-grid.json"},{"name":"magicui--hero-video-dialog","title":"Magic UI: Hero Video Dialog","description":"A hero video dialog component.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--hero-video-dialog.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--hero-video-dialog.json"},{"name":"magicui--code-comparison","title":"Magic UI: Code Comparison","description":"A component which compares two code snippets.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--code-comparison.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--code-comparison.json"},{"name":"magicui--marquee","title":"Magic UI: Marquee","description":"An infinite scrolling component that can be used to display text, images, or videos.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--marquee.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--marquee.json"},{"name":"magicui--globe","title":"Magic UI: Globe","description":"An autorotating, interactive, and highly performant globe made using WebGL.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--globe.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--globe.json"},{"name":"magicui--glyph-matrix","title":"Magic UI: Glyph Matrix","description":"An animated grid of subtly shifting glyphs with fade effect and theme support.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--glyph-matrix.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--glyph-matrix.json"},{"name":"magicui--glare-hover","title":"Magic UI: Glare Hover","description":"A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--glare-hover.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--glare-hover.json"},{"name":"magicui--shimmer-button","title":"Magic UI: Shimmer Button","description":"A button with a shimmering light which travels around the perimeter.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--shimmer-button.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--shimmer-button.json"},{"name":"magicui--tweet-card","title":"Magic UI: Tweet Card","description":"A card that displays a tweet with the author's name, handle, and profile picture.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--tweet-card.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--tweet-card.json"},{"name":"magicui--client-tweet-card","title":"Magic UI: Client Tweet Card","description":"A client-side version of the tweet card that displays a tweet with the author's name, handle, and profile picture.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--client-tweet-card.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--client-tweet-card.json"},{"name":"magicui--bento-grid","title":"Magic UI: Bento Grid","description":"Bento grid is a layout used to showcase the features of a product in a simple and elegant way.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--bento-grid.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--bento-grid.json"},{"name":"magicui--particles","title":"Magic UI: Particles","description":"Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--particles.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--particles.json"},{"name":"magicui--number-ticker","title":"Magic UI: Number Ticker","description":"Animate numbers to count up or down to a target number","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--number-ticker.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--number-ticker.json"},{"name":"magicui--ripple","title":"Magic UI: Ripple","description":"An animated ripple effect typically used behind elements to emphasize them.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--ripple.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--ripple.json"},{"name":"magicui--retro-grid","title":"Magic UI: Retro Grid","description":"An animated scrolling retro grid effect","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--retro-grid.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--retro-grid.json"},{"name":"magicui--animated-list","title":"Magic UI: Animated List","description":"A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-list.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-list.json"},{"name":"magicui--animated-shiny-text","title":"Magic UI: Animated Shiny Text","description":"A light glare effect which pans across text making it appear as if it is shimmering.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-shiny-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-shiny-text.json"},{"name":"magicui--animated-grid-pattern","title":"Magic UI: Animated Grid Pattern","description":"A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-grid-pattern.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-grid-pattern.json"},{"name":"magicui--border-beam","title":"Magic UI: Border Beam","description":"An animated beam of light which travels along the border of its container.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--border-beam.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--border-beam.json"},{"name":"magicui--animated-beam","title":"Magic UI: Animated Beam","description":"An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-beam.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-beam.json"},{"name":"magicui--text-reveal","title":"Magic UI: Text Reveal","description":"Fade in text as you scroll down the page.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--text-reveal.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--text-reveal.json"},{"name":"magicui--dia-text-reveal","title":"Magic UI: Dia Text Reveal","description":"A horizontal color band sweeps across text, revealing a gradient shine before settling on the base color.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--dia-text-reveal.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--dia-text-reveal.json"},{"name":"magicui--hyper-text","title":"Magic UI: Hyper Text","description":"A text animation that scrambles letters before revealing the final text.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--hyper-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--hyper-text.json"},{"name":"magicui--animated-gradient-text","title":"Magic UI: Animated Gradient Text","description":"An animated gradient background which transitions between colors for text.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-gradient-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-gradient-text.json"},{"name":"magicui--orbiting-circles","title":"Magic UI: Orbiting Circles","description":"A collection of circles which move in orbit along a circular path","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--orbiting-circles.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--orbiting-circles.json"},{"name":"magicui--dock","title":"Magic UI: Dock","description":"An implementation of the MacOS dock using react + tailwindcss + motion","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--dock.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--dock.json"},{"name":"magicui--word-rotate","title":"Magic UI: Word Rotate","description":"A vertical rotation of words","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--word-rotate.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--word-rotate.json"},{"name":"magicui--avatar-circles","title":"Magic UI: Avatar Circles","description":"Overlapping circles of avatars.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--avatar-circles.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--avatar-circles.json"},{"name":"magicui--typing-animation","title":"Magic UI: Typing Animation","description":"Characters appearing in typed animation","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--typing-animation.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--typing-animation.json"},{"name":"magicui--sparkles-text","title":"Magic UI: Sparkles Text","description":"A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--sparkles-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--sparkles-text.json"},{"name":"magicui--spinning-text","title":"Magic UI: Spinning Text","description":"The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--spinning-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--spinning-text.json"},{"name":"magicui--comic-text","title":"Magic UI: Comic Text","description":"Comic text animation","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--comic-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--comic-text.json"},{"name":"magicui--icon-cloud","title":"Magic UI: Icon Cloud","description":"An interactive 3D tag cloud component","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--icon-cloud.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--icon-cloud.json"},{"name":"magicui--text-animate","title":"Magic UI: Text Animate","description":"A text animation component that animates text using a variety of different animations.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--text-animate.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--text-animate.json"},{"name":"magicui--scroll-based-velocity","title":"Magic UI: Scroll Based Velocity","description":"Scrolling text whose speed changes based on scroll speed","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--scroll-based-velocity.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--scroll-based-velocity.json"},{"name":"magicui--shiny-button","title":"Magic UI: Shiny Button","description":"A shiny button component with dynamic styles in the dark mode or light mode.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--shiny-button.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--shiny-button.json"},{"name":"magicui--shine-border","title":"Magic UI: Shine Border","description":"Shine border is an animated background border effect.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--shine-border.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--shine-border.json"},{"name":"magicui--animated-circular-progress-bar","title":"Magic UI: Animated Circular Progress Bar","description":"Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-circular-progress-bar.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-circular-progress-bar.json"},{"name":"magicui--confetti","title":"Magic UI: Confetti","description":"Confetti animations are best used to delight your users when something special happens","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--confetti.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--confetti.json"},{"name":"magicui--cool-mode","title":"Magic UI: Cool Mode","description":"Cool mode effect for buttons, links, and other DOMs","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--cool-mode.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--cool-mode.json"},{"name":"magicui--pulsating-button","title":"Magic UI: Pulsating Button","description":"An animated pulsating button useful for capturing attention of users.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--pulsating-button.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--pulsating-button.json"},{"name":"magicui--ripple-button","title":"Magic UI: Ripple Button","description":"An animated button with ripple useful for user engagement.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--ripple-button.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--ripple-button.json"},{"name":"magicui--file-tree","title":"Magic UI: File Tree","description":"A component used to showcase the folder and file structure of a directory.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--file-tree.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--file-tree.json"},{"name":"magicui--blur-fade","title":"Magic UI: Blur Fade","description":"Blur fade in and out animation. Used to smoothly fade in and out content.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--blur-fade.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--blur-fade.json"},{"name":"magicui--safari","title":"Magic UI: Safari","description":"A safari browser mockup to showcase your website.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--safari.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--safari.json"},{"name":"magicui--iphone","title":"Magic UI: iPhone","description":"A mockup of the iPhone","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--iphone.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--iphone.json"},{"name":"magicui--rainbow-button","title":"Magic UI: Rainbow Button","description":"An animated button with a rainbow effect.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--rainbow-button.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--rainbow-button.json"},{"name":"magicui--interactive-hover-button","title":"Magic UI: interactive-hover-button","description":"From Magic UI. Source and installation remain with the original publisher.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--interactive-hover-button.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--interactive-hover-button.json"},{"name":"magicui--terminal","title":"Magic UI: Terminal","description":"A terminal component","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--terminal.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--terminal.json"},{"name":"magicui--video-text","title":"Magic UI: Video Text","description":"A component that displays text with a video playing in the background.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--video-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--video-text.json"},{"name":"magicui--pixel-image","title":"Magic UI: Pixel Image","description":"A component that displays an image with a pixelated effect, creating a retro aesthetic.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--pixel-image.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--pixel-image.json"},{"name":"magicui--highlighter","title":"Magic UI: Highlighter","description":"A text highlighter that mimics the effect of a human-drawn marker stroke.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--highlighter.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--highlighter.json"},{"name":"magicui--animated-theme-toggler","title":"Magic UI: Theme Toggler","description":"Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), optional viewport-centered origin.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--animated-theme-toggler.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--animated-theme-toggler.json"},{"name":"magicui--light-rays","title":"Magic UI: Light Rays","description":"A component with animated light rays which shine down from above.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--light-rays.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--light-rays.json"},{"name":"magicui--dotted-map","title":"Magic UI: Dotted Map","description":"A component with a dotted map.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--dotted-map.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--dotted-map.json"},{"name":"magicui--backlight","title":"Magic UI: Backlight","description":"A backlight glow effect for videos, images, and SVGs.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--backlight.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--backlight.json"},{"name":"magicui--kinetic-text","title":"Magic UI: Kinetic Text","description":"A text component that animates font weight of characters on hover.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--kinetic-text.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--kinetic-text.json"},{"name":"magicui--text-3d-flip","title":"Magic UI: Text 3D Flip","description":"A text effect that flips each letter in 3D with a staggered animation on hover.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--text-3d-flip.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--text-3d-flip.json"},{"name":"magicui--floating-3d-particles","title":"Magic UI: Floating 3D Particles","description":"A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.","type":"registry:ui","source_url":"https://blockdex.dev/shadcn/magicui--floating-3d-particles.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--floating-3d-particles.json"},{"name":"magicui--utils","title":"Magic UI: utils","description":"From Magic UI. Source and installation remain with the original publisher.","type":"registry:lib","source_url":"https://blockdex.dev/shadcn/magicui--utils.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/magicui--utils.json"},{"name":"evilcharts--recharts-chart","title":"EvilCharts: recharts-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-chart.json"},{"name":"evilcharts--recharts-tooltip","title":"EvilCharts: recharts-tooltip","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-tooltip.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-tooltip.json"},{"name":"evilcharts--recharts-legend","title":"EvilCharts: recharts-legend","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-legend.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-legend.json"},{"name":"evilcharts--recharts-dot","title":"EvilCharts: recharts-dot","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-dot.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-dot.json"},{"name":"evilcharts--recharts-brush","title":"EvilCharts: recharts-brush","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-brush.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-brush.json"},{"name":"evilcharts--recharts-background","title":"EvilCharts: recharts-background","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-background.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-background.json"},{"name":"evilcharts--echarts-chart","title":"EvilCharts: echarts-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-chart.json"},{"name":"evilcharts--echarts-tooltip","title":"EvilCharts: echarts-tooltip","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-tooltip.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-tooltip.json"},{"name":"evilcharts--echarts-legend","title":"EvilCharts: echarts-legend","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-legend.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-legend.json"},{"name":"evilcharts--echarts-dot","title":"EvilCharts: echarts-dot","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-dot.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-dot.json"},{"name":"evilcharts--echarts-brush","title":"EvilCharts: echarts-brush","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-brush.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-brush.json"},{"name":"evilcharts--echarts-area-chart","title":"EvilCharts: echarts-area-chart","description":"Area chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-area-chart.json"},{"name":"evilcharts--echarts-line-chart","title":"EvilCharts: echarts-line-chart","description":"Line chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-line-chart.json"},{"name":"evilcharts--echarts-bar-chart","title":"EvilCharts: echarts-bar-chart","description":"Bar chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-bar-chart.json"},{"name":"evilcharts--echarts-composed-chart","title":"EvilCharts: echarts-composed-chart","description":"Composed chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-composed-chart.json"},{"name":"evilcharts--echarts-radar-chart","title":"EvilCharts: echarts-radar-chart","description":"Radar chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-radar-chart.json"},{"name":"evilcharts--echarts-pie-chart","title":"EvilCharts: echarts-pie-chart","description":"Pie chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-pie-chart.json"},{"name":"evilcharts--echarts-radial-chart","title":"EvilCharts: echarts-radial-chart","description":"Radial chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-radial-chart.json"},{"name":"evilcharts--echarts-sankey-chart","title":"EvilCharts: echarts-sankey-chart","description":"Sankey chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--echarts-sankey-chart.json"},{"name":"evilcharts--recharts-area-chart","title":"EvilCharts: recharts-area-chart","description":"Area chart component","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-area-chart.json"},{"name":"evilcharts--recharts-line-chart","title":"EvilCharts: recharts-line-chart","description":"Line chart component","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-line-chart.json"},{"name":"evilcharts--recharts-bar-chart","title":"EvilCharts: recharts-bar-chart","description":"Bar chart component","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-bar-chart.json"},{"name":"evilcharts--recharts-composed-chart","title":"EvilCharts: recharts-composed-chart","description":"Composed chart component combining bar and line charts","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-composed-chart.json"},{"name":"evilcharts--recharts-pie-chart","title":"EvilCharts: recharts-pie-chart","description":"Pie chart component with donut, gradient, and glow effects","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-pie-chart.json"},{"name":"evilcharts--recharts-radial-chart","title":"EvilCharts: recharts-radial-chart","description":"Radial bar chart component with full and semi-circle variants","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-radial-chart.json"},{"name":"evilcharts--recharts-radar-chart","title":"EvilCharts: recharts-radar-chart","description":"Radar chart component with filled and lines variants","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-radar-chart.json"},{"name":"evilcharts--recharts-sankey-chart","title":"EvilCharts: recharts-sankey-chart","description":"Sankey chart component for visualizing flow data with nodes and links","type":"registry:component","source_url":"https://blockdex.dev/shadcn/evilcharts--recharts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--recharts-sankey-chart.json"},{"name":"evilcharts--ex-hover-highlight-echarts-area-chart","title":"EvilCharts: ex-hover-highlight-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hover-highlight-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hover-highlight-echarts-area-chart.json"},{"name":"evilcharts--ex-echarts-area-chart","title":"EvilCharts: ex-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-area-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-area-chart","title":"EvilCharts: ex-svg-renderer-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-area-chart.json"},{"name":"evilcharts--ex-brush-echarts-area-chart","title":"EvilCharts: ex-brush-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-brush-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-brush-echarts-area-chart.json"},{"name":"evilcharts--ex-buffer-echarts-area-chart","title":"EvilCharts: ex-buffer-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-buffer-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-buffer-echarts-area-chart.json"},{"name":"evilcharts--ex-hover-reveal-echarts-area-chart","title":"EvilCharts: ex-hover-reveal-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hover-reveal-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hover-reveal-echarts-area-chart.json"},{"name":"evilcharts--ex-animated-dashed-stroke-echarts-area-chart","title":"EvilCharts: ex-animated-dashed-stroke-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-echarts-area-chart.json"},{"name":"evilcharts--ex-bump-curve-type-echarts-area-chart","title":"EvilCharts: ex-bump-curve-type-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-type-echarts-area-chart.json"},{"name":"evilcharts--ex-dashed-stroke-echarts-area-chart","title":"EvilCharts: ex-dashed-stroke-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-echarts-area-chart.json"},{"name":"evilcharts--ex-default-type-echarts-area-chart","title":"EvilCharts: ex-default-type-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-default-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-default-type-echarts-area-chart.json"},{"name":"evilcharts--ex-dotted-area-variant-echarts-area-chart","title":"EvilCharts: ex-dotted-area-variant-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dotted-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dotted-area-variant-echarts-area-chart.json"},{"name":"evilcharts--ex-expanded-type-echarts-area-chart","title":"EvilCharts: ex-expanded-type-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-expanded-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-expanded-type-echarts-area-chart.json"},{"name":"evilcharts--ex-gradient-area-variant-echarts-area-chart","title":"EvilCharts: ex-gradient-area-variant-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-area-variant-echarts-area-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-area-chart","title":"EvilCharts: ex-gradient-colors-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-area-chart.json"},{"name":"evilcharts--ex-gradient-colors-bump-echarts-area-chart","title":"EvilCharts: ex-gradient-colors-bump-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-echarts-area-chart.json"},{"name":"evilcharts--ex-gradient-reverse-area-variant-echarts-area-chart","title":"EvilCharts: ex-gradient-reverse-area-variant-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-reverse-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-reverse-area-variant-echarts-area-chart.json"},{"name":"evilcharts--ex-hatched-area-variant-echarts-area-chart","title":"EvilCharts: ex-hatched-area-variant-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hatched-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hatched-area-variant-echarts-area-chart.json"},{"name":"evilcharts--ex-lines-area-variant-echarts-area-chart","title":"EvilCharts: ex-lines-area-variant-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-lines-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-lines-area-variant-echarts-area-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-area-chart","title":"EvilCharts: ex-loading-state-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-area-chart.json"},{"name":"evilcharts--ex-monotoney-curve-type-echarts-area-chart","title":"EvilCharts: ex-monotoney-curve-type-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-monotoney-curve-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-monotoney-curve-type-echarts-area-chart.json"},{"name":"evilcharts--ex-solid-area-variant-echarts-area-chart","title":"EvilCharts: ex-solid-area-variant-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-area-variant-echarts-area-chart.json"},{"name":"evilcharts--ex-solid-stroke-echarts-area-chart","title":"EvilCharts: ex-solid-stroke-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-stroke-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-stroke-echarts-area-chart.json"},{"name":"evilcharts--ex-stacked-type-echarts-area-chart","title":"EvilCharts: ex-stacked-type-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-stacked-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-stacked-type-echarts-area-chart.json"},{"name":"evilcharts--ex-step-curve-type-echarts-area-chart","title":"EvilCharts: ex-step-curve-type-echarts-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-step-curve-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-step-curve-type-echarts-area-chart.json"},{"name":"evilcharts--ex-echarts-line-chart","title":"EvilCharts: ex-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-line-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-line-chart","title":"EvilCharts: ex-svg-renderer-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-line-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-line-chart","title":"EvilCharts: ex-gradient-colors-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-line-chart.json"},{"name":"evilcharts--ex-gradient-colors-bump-echarts-line-chart","title":"EvilCharts: ex-gradient-colors-bump-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-echarts-line-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-line-chart","title":"EvilCharts: ex-loading-state-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-line-chart.json"},{"name":"evilcharts--ex-bump-curve-type-echarts-line-chart","title":"EvilCharts: ex-bump-curve-type-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-type-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-type-echarts-line-chart.json"},{"name":"evilcharts--ex-step-curve-type-echarts-line-chart","title":"EvilCharts: ex-step-curve-type-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-step-curve-type-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-step-curve-type-echarts-line-chart.json"},{"name":"evilcharts--ex-monotoney-curve-type-echarts-line-chart","title":"EvilCharts: ex-monotoney-curve-type-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-monotoney-curve-type-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-monotoney-curve-type-echarts-line-chart.json"},{"name":"evilcharts--ex-solid-stroke-echarts-line-chart","title":"EvilCharts: ex-solid-stroke-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-stroke-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-stroke-echarts-line-chart.json"},{"name":"evilcharts--ex-dashed-stroke-echarts-line-chart","title":"EvilCharts: ex-dashed-stroke-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-echarts-line-chart.json"},{"name":"evilcharts--ex-animated-dashed-stroke-echarts-line-chart","title":"EvilCharts: ex-animated-dashed-stroke-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-echarts-line-chart.json"},{"name":"evilcharts--ex-glowing-desktop-echarts-line-chart","title":"EvilCharts: ex-glowing-desktop-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-glowing-desktop-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-glowing-desktop-echarts-line-chart.json"},{"name":"evilcharts--ex-glowing-mobile-echarts-line-chart","title":"EvilCharts: ex-glowing-mobile-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-glowing-mobile-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-glowing-mobile-echarts-line-chart.json"},{"name":"evilcharts--ex-buffer-echarts-line-chart","title":"EvilCharts: ex-buffer-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-buffer-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-buffer-echarts-line-chart.json"},{"name":"evilcharts--ex-hover-reveal-echarts-line-chart","title":"EvilCharts: ex-hover-reveal-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hover-reveal-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hover-reveal-echarts-line-chart.json"},{"name":"evilcharts--ex-dot-default-echarts-line-chart","title":"EvilCharts: ex-dot-default-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-default-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-default-echarts-line-chart.json"},{"name":"evilcharts--ex-dot-border-echarts-line-chart","title":"EvilCharts: ex-dot-border-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-border-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-border-echarts-line-chart.json"},{"name":"evilcharts--ex-dot-colored-border-echarts-line-chart","title":"EvilCharts: ex-dot-colored-border-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-colored-border-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-colored-border-echarts-line-chart.json"},{"name":"evilcharts--ex-dot-ping-echarts-line-chart","title":"EvilCharts: ex-dot-ping-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-ping-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-ping-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-square-echarts-line-chart","title":"EvilCharts: ex-legend-square-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-square-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-square-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-circle-echarts-line-chart","title":"EvilCharts: ex-legend-circle-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-circle-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-circle-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-circle-outline-echarts-line-chart","title":"EvilCharts: ex-legend-circle-outline-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-circle-outline-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-circle-outline-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-rounded-square-echarts-line-chart","title":"EvilCharts: ex-legend-rounded-square-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-rounded-square-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-rounded-square-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-rounded-square-outline-echarts-line-chart","title":"EvilCharts: ex-legend-rounded-square-outline-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-rounded-square-outline-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-rounded-square-outline-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-vertical-bar-echarts-line-chart","title":"EvilCharts: ex-legend-vertical-bar-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-vertical-bar-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-vertical-bar-echarts-line-chart.json"},{"name":"evilcharts--ex-legend-horizontal-bar-echarts-line-chart","title":"EvilCharts: ex-legend-horizontal-bar-echarts-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-legend-horizontal-bar-echarts-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-legend-horizontal-bar-echarts-line-chart.json"},{"name":"evilcharts--ex-echarts-bar-chart","title":"EvilCharts: ex-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-bar-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-bar-chart","title":"EvilCharts: ex-svg-renderer-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-bar-chart.json"},{"name":"evilcharts--ex-buffer-echarts-bar-chart","title":"EvilCharts: ex-buffer-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-buffer-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-buffer-echarts-bar-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-bar-chart","title":"EvilCharts: ex-gradient-colors-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-bar-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-bar-chart","title":"EvilCharts: ex-loading-state-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-bar-chart.json"},{"name":"evilcharts--ex-default-variant-echarts-bar-chart","title":"EvilCharts: ex-default-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-default-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-default-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-expandable-variant-echarts-bar-chart","title":"EvilCharts: ex-expandable-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-expandable-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-expandable-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-max-highlight-echarts-bar-chart","title":"EvilCharts: ex-max-highlight-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-max-highlight-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-max-highlight-echarts-bar-chart.json"},{"name":"evilcharts--ex-blocks-variant-echarts-bar-chart","title":"EvilCharts: ex-blocks-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-blocks-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-blocks-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-hatched-variant-echarts-bar-chart","title":"EvilCharts: ex-hatched-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hatched-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hatched-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-duotone-variant-echarts-bar-chart","title":"EvilCharts: ex-duotone-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-duotone-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-duotone-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-duotone-reverse-variant-echarts-bar-chart","title":"EvilCharts: ex-duotone-reverse-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-duotone-reverse-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-duotone-reverse-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-gradient-variant-echarts-bar-chart","title":"EvilCharts: ex-gradient-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-stripped-variant-echarts-bar-chart","title":"EvilCharts: ex-stripped-variant-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-stripped-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-stripped-variant-echarts-bar-chart.json"},{"name":"evilcharts--ex-stacked-type-echarts-bar-chart","title":"EvilCharts: ex-stacked-type-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-stacked-type-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-stacked-type-echarts-bar-chart.json"},{"name":"evilcharts--ex-percent-type-echarts-bar-chart","title":"EvilCharts: ex-percent-type-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-percent-type-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-percent-type-echarts-bar-chart.json"},{"name":"evilcharts--ex-horizontal-layout-echarts-bar-chart","title":"EvilCharts: ex-horizontal-layout-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-horizontal-layout-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-horizontal-layout-echarts-bar-chart.json"},{"name":"evilcharts--ex-hover-highlight-echarts-bar-chart","title":"EvilCharts: ex-hover-highlight-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hover-highlight-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hover-highlight-echarts-bar-chart.json"},{"name":"evilcharts--ex-glowing-desktop-echarts-bar-chart","title":"EvilCharts: ex-glowing-desktop-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-glowing-desktop-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-glowing-desktop-echarts-bar-chart.json"},{"name":"evilcharts--ex-glowing-mobile-echarts-bar-chart","title":"EvilCharts: ex-glowing-mobile-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-glowing-mobile-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-glowing-mobile-echarts-bar-chart.json"},{"name":"evilcharts--ex-tooltip-default-echarts-bar-chart","title":"EvilCharts: ex-tooltip-default-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-tooltip-default-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-tooltip-default-echarts-bar-chart.json"},{"name":"evilcharts--ex-tooltip-frosted-glass-echarts-bar-chart","title":"EvilCharts: ex-tooltip-frosted-glass-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-tooltip-frosted-glass-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-tooltip-frosted-glass-echarts-bar-chart.json"},{"name":"evilcharts--ex-chart-config-default-echarts-bar-chart","title":"EvilCharts: ex-chart-config-default-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-chart-config-default-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-chart-config-default-echarts-bar-chart.json"},{"name":"evilcharts--ex-chart-config-icons-echarts-bar-chart","title":"EvilCharts: ex-chart-config-icons-echarts-bar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-chart-config-icons-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-chart-config-icons-echarts-bar-chart.json"},{"name":"evilcharts--ex-echarts-composed-chart","title":"EvilCharts: ex-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-composed-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-composed-chart","title":"EvilCharts: ex-svg-renderer-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-composed-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-composed-chart","title":"EvilCharts: ex-gradient-colors-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-composed-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-composed-chart","title":"EvilCharts: ex-loading-state-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-composed-chart.json"},{"name":"evilcharts--ex-hatched-variant-echarts-composed-chart","title":"EvilCharts: ex-hatched-variant-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hatched-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hatched-variant-echarts-composed-chart.json"},{"name":"evilcharts--ex-duotone-variant-echarts-composed-chart","title":"EvilCharts: ex-duotone-variant-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-duotone-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-duotone-variant-echarts-composed-chart.json"},{"name":"evilcharts--ex-gradient-variant-echarts-composed-chart","title":"EvilCharts: ex-gradient-variant-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-variant-echarts-composed-chart.json"},{"name":"evilcharts--ex-stripped-variant-echarts-composed-chart","title":"EvilCharts: ex-stripped-variant-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-stripped-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-stripped-variant-echarts-composed-chart.json"},{"name":"evilcharts--ex-dashed-stroke-echarts-composed-chart","title":"EvilCharts: ex-dashed-stroke-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-echarts-composed-chart.json"},{"name":"evilcharts--ex-animated-dashed-stroke-echarts-composed-chart","title":"EvilCharts: ex-animated-dashed-stroke-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-echarts-composed-chart.json"},{"name":"evilcharts--ex-bump-curve-echarts-composed-chart","title":"EvilCharts: ex-bump-curve-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-echarts-composed-chart.json"},{"name":"evilcharts--ex-dots-echarts-composed-chart","title":"EvilCharts: ex-dots-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dots-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dots-echarts-composed-chart.json"},{"name":"evilcharts--ex-hover-highlight-echarts-composed-chart","title":"EvilCharts: ex-hover-highlight-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hover-highlight-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hover-highlight-echarts-composed-chart.json"},{"name":"evilcharts--ex-glowing-echarts-composed-chart","title":"EvilCharts: ex-glowing-echarts-composed-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-glowing-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-glowing-echarts-composed-chart.json"},{"name":"evilcharts--ex-echarts-radar-chart","title":"EvilCharts: ex-echarts-radar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-radar-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-radar-chart","title":"EvilCharts: ex-svg-renderer-echarts-radar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-radar-chart.json"},{"name":"evilcharts--ex-lines-variant-echarts-radar-chart","title":"EvilCharts: ex-lines-variant-echarts-radar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-lines-variant-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-lines-variant-echarts-radar-chart.json"},{"name":"evilcharts--ex-circle-grid-echarts-radar-chart","title":"EvilCharts: ex-circle-grid-echarts-radar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-circle-grid-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-circle-grid-echarts-radar-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-radar-chart","title":"EvilCharts: ex-gradient-colors-echarts-radar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-radar-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-radar-chart","title":"EvilCharts: ex-loading-state-echarts-radar-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-radar-chart.json"},{"name":"evilcharts--ex-echarts-pie-chart","title":"EvilCharts: ex-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-pie-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-pie-chart","title":"EvilCharts: ex-svg-renderer-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-pie-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-pie-chart","title":"EvilCharts: ex-gradient-colors-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-pie-chart.json"},{"name":"evilcharts--ex-donut-echarts-pie-chart","title":"EvilCharts: ex-donut-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-donut-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-donut-echarts-pie-chart.json"},{"name":"evilcharts--ex-padded-echarts-pie-chart","title":"EvilCharts: ex-padded-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-padded-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-padded-echarts-pie-chart.json"},{"name":"evilcharts--ex-overlapping-padded-echarts-pie-chart","title":"EvilCharts: ex-overlapping-padded-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-overlapping-padded-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-overlapping-padded-echarts-pie-chart.json"},{"name":"evilcharts--ex-labels-echarts-pie-chart","title":"EvilCharts: ex-labels-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-labels-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-labels-echarts-pie-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-pie-chart","title":"EvilCharts: ex-loading-state-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-pie-chart.json"},{"name":"evilcharts--ex-outside-labels-echarts-pie-chart","title":"EvilCharts: ex-outside-labels-echarts-pie-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-outside-labels-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-outside-labels-echarts-pie-chart.json"},{"name":"evilcharts--ex-echarts-radial-chart","title":"EvilCharts: ex-echarts-radial-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-radial-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-radial-chart","title":"EvilCharts: ex-svg-renderer-echarts-radial-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-radial-chart.json"},{"name":"evilcharts--ex-semi-variant-echarts-radial-chart","title":"EvilCharts: ex-semi-variant-echarts-radial-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-semi-variant-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-semi-variant-echarts-radial-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-radial-chart","title":"EvilCharts: ex-gradient-colors-echarts-radial-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-radial-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-radial-chart","title":"EvilCharts: ex-loading-state-echarts-radial-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-radial-chart.json"},{"name":"evilcharts--ex-echarts-sankey-chart","title":"EvilCharts: ex-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-echarts-sankey-chart.json"},{"name":"evilcharts--ex-svg-renderer-echarts-sankey-chart","title":"EvilCharts: ex-svg-renderer-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-svg-renderer-echarts-sankey-chart.json"},{"name":"evilcharts--ex-gradient-colors-echarts-sankey-chart","title":"EvilCharts: ex-gradient-colors-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-echarts-sankey-chart.json"},{"name":"evilcharts--ex-loading-state-echarts-sankey-chart","title":"EvilCharts: ex-loading-state-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-echarts-sankey-chart.json"},{"name":"evilcharts--ex-solid-link-variant-echarts-sankey-chart","title":"EvilCharts: ex-solid-link-variant-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-link-variant-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-link-variant-echarts-sankey-chart.json"},{"name":"evilcharts--ex-source-link-variant-echarts-sankey-chart","title":"EvilCharts: ex-source-link-variant-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-source-link-variant-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-source-link-variant-echarts-sankey-chart.json"},{"name":"evilcharts--ex-labeled-nodes-echarts-sankey-chart","title":"EvilCharts: ex-labeled-nodes-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-labeled-nodes-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-labeled-nodes-echarts-sankey-chart.json"},{"name":"evilcharts--ex-outside-labels-echarts-sankey-chart","title":"EvilCharts: ex-outside-labels-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-outside-labels-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-outside-labels-echarts-sankey-chart.json"},{"name":"evilcharts--ex-solid-labeled-nodes-echarts-sankey-chart","title":"EvilCharts: ex-solid-labeled-nodes-echarts-sankey-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-labeled-nodes-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-labeled-nodes-echarts-sankey-chart.json"},{"name":"evilcharts--ex-area-chart","title":"EvilCharts: ex-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-area-chart.json"},{"name":"evilcharts--ex-brush-area-chart","title":"EvilCharts: ex-brush-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-brush-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-brush-area-chart.json"},{"name":"evilcharts--ex-gradient-colors-area-chart","title":"EvilCharts: ex-gradient-colors-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-area-chart.json"},{"name":"evilcharts--ex-gradient-colors-bump-area-chart","title":"EvilCharts: ex-gradient-colors-bump-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-area-chart.json"},{"name":"evilcharts--ex-loading-state-area-chart","title":"EvilCharts: ex-loading-state-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-loading-state-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-loading-state-area-chart.json"},{"name":"evilcharts--ex-default-type-area-chart","title":"EvilCharts: ex-default-type-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-default-type-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-default-type-area-chart.json"},{"name":"evilcharts--ex-stacked-type-area-chart","title":"EvilCharts: ex-stacked-type-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-stacked-type-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-stacked-type-area-chart.json"},{"name":"evilcharts--ex-expanded-type-area-chart","title":"EvilCharts: ex-expanded-type-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-expanded-type-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-expanded-type-area-chart.json"},{"name":"evilcharts--ex-bump-curve-type-area-chart","title":"EvilCharts: ex-bump-curve-type-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-type-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-bump-curve-type-area-chart.json"},{"name":"evilcharts--ex-step-curve-type-area-chart","title":"EvilCharts: ex-step-curve-type-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-step-curve-type-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-step-curve-type-area-chart.json"},{"name":"evilcharts--ex-monotoney-curve-type-area-chart","title":"EvilCharts: ex-monotoney-curve-type-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-monotoney-curve-type-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-monotoney-curve-type-area-chart.json"},{"name":"evilcharts--ex-solid-stroke-area-chart","title":"EvilCharts: ex-solid-stroke-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-stroke-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-stroke-area-chart.json"},{"name":"evilcharts--ex-dashed-stroke-area-chart","title":"EvilCharts: ex-dashed-stroke-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dashed-stroke-area-chart.json"},{"name":"evilcharts--ex-animated-dashed-stroke-area-chart","title":"EvilCharts: ex-animated-dashed-stroke-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-animated-dashed-stroke-area-chart.json"},{"name":"evilcharts--ex-gradient-area-variant-area-chart","title":"EvilCharts: ex-gradient-area-variant-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-area-variant-area-chart.json"},{"name":"evilcharts--ex-gradient-reverse-area-variant-area-chart","title":"EvilCharts: ex-gradient-reverse-area-variant-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-reverse-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-reverse-area-variant-area-chart.json"},{"name":"evilcharts--ex-solid-area-variant-area-chart","title":"EvilCharts: ex-solid-area-variant-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-solid-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-solid-area-variant-area-chart.json"},{"name":"evilcharts--ex-dotted-area-variant-area-chart","title":"EvilCharts: ex-dotted-area-variant-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dotted-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dotted-area-variant-area-chart.json"},{"name":"evilcharts--ex-lines-area-variant-area-chart","title":"EvilCharts: ex-lines-area-variant-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-lines-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-lines-area-variant-area-chart.json"},{"name":"evilcharts--ex-hatched-area-variant-area-chart","title":"EvilCharts: ex-hatched-area-variant-area-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-hatched-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-hatched-area-variant-area-chart.json"},{"name":"evilcharts--ex-line-chart","title":"EvilCharts: ex-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-line-chart.json"},{"name":"evilcharts--ex-dot-default-line-chart","title":"EvilCharts: ex-dot-default-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-default-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-default-line-chart.json"},{"name":"evilcharts--ex-dot-border-line-chart","title":"EvilCharts: ex-dot-border-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-border-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-border-line-chart.json"},{"name":"evilcharts--ex-dot-colored-border-line-chart","title":"EvilCharts: ex-dot-colored-border-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-dot-colored-border-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-dot-colored-border-line-chart.json"},{"name":"evilcharts--ex-gradient-colors-line-chart","title":"EvilCharts: ex-gradient-colors-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-line-chart.json"},{"name":"evilcharts--ex-gradient-colors-bump-line-chart","title":"EvilCharts: ex-gradient-colors-bump-line-chart","description":"From EvilCharts. Source and installation remain with the original publisher.","type":"registry:block","source_url":"https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-line-chart.json","install_command":"npx shadcn@latest add https://blockdex.dev/shadcn/evilcharts--ex-gradient-colors-bump-line-chart.json"}]},{"id":"bricked","name":"@bricked","slug":"bricked","description":"A chunky pixel-art kit for React and Svelte apps. Pick any of the 91 pieces.","author":null,"framework":"svelte","license":null,"tags":["auth","blocks","buttons","cards","charts","dashboard","forms","icons","loaders","media","navigation","overlays","retro","tables","text-effects"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://bricked-ui.vercel.app","github":null,"registry":"https://bricked-ui.vercel.app/r/registry.json","source":"https://bricked-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/bricked","markdown":"https://sh4dcn.netlify.app/md/bricked.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"76\" height=\"68\"><path fill=\"#f9c68f\" d=\"M0 0h76v68H0z\"/><path fill=\"#e27515\" d=\"M20 35h34v16H20zM2 17h34v16H2zm36 36h34v15H38zM2 53h34v15H2z\"/><path fill=\"#fff6ea\" d=\"M41 20h31v13H41zM23 2h31v13H23z\"/><path fill=\"#e27515\" d=\"M56 35h20v16H56z\"/><path fill=\"#fb871d\" d=\"M0 35h18v16H0z\"/><path fill=\"#fff6ea\" d=\"M0 2h18v13H0zm59 0h17v13H59z\"/><path fill=\"#ff8a1f\" d=\"M39 54h30v7H39zM3 54h30v7H3zm18-18h30v7H21zM3 18h30v7H3z\"/><path fill=\"#c25a00\" d=\"M51 35h3v16H20v-3h31zM33 17h3v16H2v-3h31zm5 0h34v3H41v13h-3z\"/><path fill=\"#ff8a1f\" d=\"M57 36h19v7H57z\"/><path fill=\"#c25a00\" d=\"M69 53h3v15H38v-2h31zm-36 0h3v15H2v-2h31zM20 0h34v2H23v13h-3zm-5 35h3v16H0v-3h15zM56 0h20v2H59v13h-3z\"/><path fill=\"#e37615\" d=\"M0 43h15v5H0z\"/><path fill=\"#c25a00\" d=\"M56 48h20v3H56z\"/><path fill=\"#ff8a1f\" d=\"M38 63h17v3H38zM2 63h17v3H2zm54-18h17v3H56zm-36 0h17v3H20zM2 27h17v3H2zm55 36h12v3H57zm-36 0h12v3H21zm18-18h12v3H39zM3 45h12v3H3zm18-18h12v3H21z\"/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://bricked-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://bricked-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://bricked-ui.vercel.app/r/registry.json","registry_fetch":"curl -s https://bricked-ui.vercel.app/r/registry.json"},"component_count":93,"components":[{"name":"pixel-icon","title":"Pixel Icon","description":"930 pixel icons as SVG paths (7x7 grids, 16x16 brand marks, 42x42 Streamline Pixel set — CC BY 4.0, credit: Streamline, streamlinehq.com). Every component take…","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/pixel-icon.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/pixel-icon.json"},{"name":"accordion","title":"Accordion","description":"Field headers, orange when open.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/accordion.json"},{"name":"alert","title":"Alert","description":"Dark alert with title and body.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/alert.json"},{"name":"alert-dialog","title":"Alert dialog","description":"Blocking confirm with destructive action.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect ratio","description":"Content locked to a ratio.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"File row with metadata and actions.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/attachment.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"Orange or dark 48px avatar.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"Orange or dark pixel badge.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/badge.json"},{"name":"banner","title":"Banner","description":"Orange announcement bar.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/banner.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/banner.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"Links with separators, current page tag.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/breadcrumbs.json"},{"name":"bubble","title":"Bubble","description":"Chat bubble with variants and alignment.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/bubble.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/bubble.json"},{"name":"button","title":"Button","description":"Brick button + square icon-button variant. sm/md/lg, primary/dark, left/right icon slots.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/button.json"},{"name":"button-group","title":"Button group","description":"Related buttons with shared styling.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"Month grid with selected day.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/calendar.json"},{"name":"card","title":"Card","description":"Peach card with brick header and body.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/card.json"},{"name":"carousel","title":"Carousel","description":"Slides with prev/next and dots.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/carousel.json"},{"name":"chart","title":"Chart","description":"Pixel bars from plain divs.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"28px sunken box, orange when checked.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/checkbox.json"},{"name":"chips","title":"Chips","description":"Removable field tags.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/chips.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/chips.json"},{"name":"clock","title":"Clock","description":"Live 24h dark clock.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/clock.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/clock.json"},{"name":"code-block","title":"Code block","description":"Dark code with keyword/string tinting.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/code-block.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/code-block.json"},{"name":"coin-flip","title":"Coin flip","description":"Orange/ink flip square.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/coin-flip.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/coin-flip.json"},{"name":"collapsible","title":"Collapsible","description":"Single expand/collapse panel.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/collapsible.json"},{"name":"color-picker","title":"Color picker","description":"Swatch grid of the brick palette.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/color-picker.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/color-picker.json"},{"name":"combo-box","title":"Combobox","description":"Searchable select with list.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/combo-box.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/combo-box.json"},{"name":"command-palette","title":"Command palette","description":"Filterable search plus list dialog.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/command-palette.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/command-palette.json"},{"name":"context-menu","title":"Context menu","description":"Right-click action menu.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/context-menu.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/context-menu.json"},{"name":"copy-button","title":"Copy button","description":"Copies text, flips to a check on success.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/copy-button.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/copy-button.json"},{"name":"countdown","title":"Countdown","description":"Ticking d/h/m/s boxes.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/countdown.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/countdown.json"},{"name":"counter","title":"Counter","description":"Minus/plus stepper around a value box.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/counter.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/counter.json"},{"name":"data-table","title":"Data table","description":"Orange header table.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/data-table.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/data-table.json"},{"name":"date-picker","title":"Date picker","description":"Input opening a calendar.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"Accessible window over inert content.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/dialog.json"},{"name":"dice","title":"Dice","description":"Rollable 72px die.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/dice.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/dice.json"},{"name":"direction","title":"Direction","description":"Sets text direction for a subtree.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/direction.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/direction.json"},{"name":"divider","title":"Divider","description":"Pixel dashed divider with label.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/divider.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/divider.json"},{"name":"drawer","title":"Drawer","description":"Side slide-over panel.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"Trigger plus dark menu list.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/dropdown-menu.json"},{"name":"dropzone","title":"Dropzone","description":"File drop label plus compact file input.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/dropzone.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/dropzone.json"},{"name":"empty-state","title":"Empty state","description":"Sunken empty slot with icon, text and action.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/empty-state.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/empty-state.json"},{"name":"field","title":"Field","description":"Label, control wrapper and hint/error line.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/field.json"},{"name":"fortune","title":"Ask the wall","description":"Random answer box.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/fortune.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/fortune.json"},{"name":"health-meter","title":"Health meter","description":"Ten-segment HP bar.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/health-meter.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/health-meter.json"},{"name":"hover-card","title":"Hover card","description":"Preview card behind a link.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/hover-card.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/hover-card.json"},{"name":"input","title":"Input","description":"Sunken field input plus search and date variants.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/input.json"},{"name":"input-group","title":"Input group","description":"Input with addons and buttons.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/input-group.json"},{"name":"item","title":"Item","description":"Media plus title, description, actions.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/item.json"},{"name":"keycap","title":"Keycap","description":"Field kbd chips with separators.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/keycap.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/keycap.json"},{"name":"launch-pad","title":"Launch pad","description":"Sky box with flying rocket.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/launch-pad.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/launch-pad.json"},{"name":"leaderboard","title":"Leaderboard","description":"Ranked list with scores.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/leaderboard.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/leaderboard.json"},{"name":"like-button","title":"Like button","description":"Field-surface like with heart burst and count.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/like-button.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/like-button.json"},{"name":"list-group","title":"List group","description":"Selectable field list.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/list-group.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/list-group.json"},{"name":"marker","title":"Marker","description":"Inline status row or labeled separator.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/marker.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/marker.json"},{"name":"menubar","title":"Menubar","description":"Desktop-style persistent menu bar.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/menubar.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/menubar.json"},{"name":"message","title":"Message","description":"Conversation message with avatar slot.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/message.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/message.json"},{"name":"message-scroller","title":"Message scroller","description":"Chat scroll container.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/message-scroller.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/message-scroller.json"},{"name":"modal","title":"Modal","description":"Overlay dialog. See also sheet, drawer, alert-dialog.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/modal.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/modal.json"},{"name":"navigation-menu","title":"Navigation menu","description":"Collection of site links.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/navigation-menu.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/navigation-menu.json"},{"name":"otp-input","title":"OTP input","description":"Segmented code boxes.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/otp-input.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/otp-input.json"},{"name":"pagination","title":"Pagination","description":"Page buttons with prev/next.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/pagination.json"},{"name":"popover","title":"Popover","description":"Dark bubble panel.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/popover.json"},{"name":"progress","title":"Progress","description":"Segmented bar plus square ring gauge.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/progress.json"},{"name":"questionnaire","title":"Questionnaire","description":"Multi-step questions.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/questionnaire.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/questionnaire.json"},{"name":"radio","title":"Radio","description":"Octagon radio with dot icon.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/radio.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/radio.json"},{"name":"radio-group","title":"Radio group","description":"Set of exclusive radio buttons.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/radio-group.json"},{"name":"rating","title":"Rating","description":"Five star radio buttons.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/rating.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/rating.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel groups.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/resizable.json"},{"name":"ring-loader","title":"Ring loader","description":"Blinking 8-cube ring, plain or with label.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/ring-loader.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/ring-loader.json"},{"name":"scroll-area","title":"Scroll area","description":"Sunken scroll container.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/scroll-area.json"},{"name":"select","title":"Select","description":"Native select plus styled native-select variant.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/select.json"},{"name":"separator","title":"Separator","description":"Plain pixel rule.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Sheet complementing the main content.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"Composable side navigation.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/sidebar.json"},{"name":"sidebar-rail","title":"Sidebar rail","description":"Narrow icon rail for tight layouts.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/sidebar-rail.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/sidebar-rail.json"},{"name":"skeleton","title":"Skeleton","description":"Pulsing box plus lines.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Range with orange fill and ink thumb.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/slider.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator with label.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/spinner.json"},{"name":"stacking-loader","title":"Stacking loader","description":"Three dropping bricks.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/stacking-loader.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/stacking-loader.json"},{"name":"stat-card","title":"Stat card","description":"Dark stat with label, value and badge slot.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/stat-card.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/stat-card.json"},{"name":"stepper","title":"Stepper","description":"Numbered steps with connectors.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/stepper.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/stepper.json"},{"name":"switch","title":"Switch","description":"Off/On two-half track switch plus single toggle.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Brick tabs with sunken field panel.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Sunken multiline field.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/textarea.json"},{"name":"timeline","title":"Timeline","description":"Markers with shade connectors.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/timeline.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/timeline.json"},{"name":"toast","title":"Toast","description":"Dark toast with icon and dismiss.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/toast.json"},{"name":"toggle-group","title":"Toggle group","description":"Set of two-state buttons.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Dark bubble on hover/focus.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/tooltip.json"},{"name":"trace","title":"Trace","description":"Reasoning, tool calls and sources block.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/trace.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/trace.json"},{"name":"typewriter","title":"Typewriter","description":"Char reveal with caret.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/typewriter.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/typewriter.json"},{"name":"typography","title":"Typography","description":"Headings, paragraphs and lists.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/typography.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/typography.json"},{"name":"wall-builder","title":"Wall builder","description":"Layable brick wall with counter.","type":"registry:ui","source_url":"https://bricked-ui.vercel.app/r/wall-builder.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/wall-builder.json"},{"name":"bricked-css","title":"Bricked CSS","description":"Full bk-* stylesheet. Installs automatically as a dependency of every component - import it once in your CSS entry.","type":"registry:lib","source_url":"https://bricked-ui.vercel.app/r/bricked-css.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/bricked-css.json"},{"name":"bricked-globals","title":"Bricked globals","description":"Tailwind v4 theme tokens and bk-cut / bk-bricks utilities.","type":"registry:lib","source_url":"https://bricked-ui.vercel.app/r/bricked-globals.json","install_command":"npx shadcn@latest add https://bricked-ui.vercel.app/r/bricked-globals.json"}]},{"id":"brio","name":"@brio","slug":"brio","description":"Everyday React components with the edge cases handled: FAQ, pricing toggle, code input and more. One file each.","author":null,"framework":"react","license":null,"tags":["buttons","developer-tools","forms","media","pro-available"],"categories":["Forms"],"labels":["pro"],"urls":{"website":"https://brioui.com","github":null,"registry":"https://brioui.com/r/registry.json","source":"https://brioui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/brio","markdown":"https://sh4dcn.netlify.app/md/brio.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='4 4 56 56'><rect x='4' y='4' width='56' height='56' rx='14' fill='#17140f'/><path d='M38.4 20.531L49.869 32L38.4 43.469L26.930999999999997 32Z' fill='#d4452b' stroke='#d4452b' stroke-width='1.6' stroke-linejoin='round'/><path d='M25.6 20.000999999999998L37.599000000000004 32L25.6 43.999L13.601 32Z' fill='#17140f' stroke='#17140f' stroke-width='5.800000000000001' stroke-linejoin='round'/><path d='M25.6 20.531L37.069 32L25.6 43.469L14.131000000000002 32Z' fill='#f1ece2' stroke='#f1ece2' stroke-width='1.6' stroke-linejoin='round'/></svg>","preview_image":"https://brioui.com/opengraph-image-12gd74?9e7dda04309d070f","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://brioui.com/docs/components/pricing-toggle"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://brioui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://brioui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://brioui.com/r/registry.json","registry_fetch":"curl -s https://brioui.com/r/registry.json"},"component_count":6,"components":[{"name":"install-command","title":"Install Command","description":"npm / pnpm / yarn / bun tabs where only the words that differ change. Every block on the page follows your pick, in a cascade, and remembers it.","type":"registry:ui","source_url":"https://brioui.com/r/install-command.json","install_command":"npx shadcn@latest add https://brioui.com/r/install-command.json"},{"name":"pricing-toggle","title":"Pricing Toggle","description":"Monthly / yearly switch with odometer prices. Drag halfway and prices sit halfway; land on yearly and the badge peels, the old price strikes through.","type":"registry:ui","source_url":"https://brioui.com/r/pricing-toggle.json","install_command":"npx shadcn@latest add https://brioui.com/r/pricing-toggle.json"},{"name":"faq","title":"FAQ","description":"Accordion with deep links, ⌘F that finds text in closed answers, optional search with highlights, and FAQPage structured data for Google.","type":"registry:ui","source_url":"https://brioui.com/r/faq.json","install_command":"npx shadcn@latest add https://brioui.com/r/faq.json"},{"name":"changelog","title":"Changelog","description":"Remembers what each visitor has read: unread dots, a “since your last visit” line, dots that fade as you read, and a mark-all sweep. Releases hang off a measur…","type":"registry:ui","source_url":"https://brioui.com/r/changelog.json","install_command":"npx shadcn@latest add https://brioui.com/r/changelog.json"},{"name":"code-input","title":"Code Input","description":"A calm code field with a caret that glides between underlined slots. Digits rise into place, pasted codes stream in, a line runs while checking, and on success…","type":"registry:ui","source_url":"https://brioui.com/r/code-input.json","install_command":"npx shadcn@latest add https://brioui.com/r/code-input.json"},{"name":"contact-form","title":"Contact Form","description":"The contact form: topic chips with a sliding pill that reshape the fields (Sales adds company and team size) while the card's height glides; company filled fro…","type":"registry:ui","source_url":"https://brioui.com/r/contact-form.json","install_command":"npx shadcn@latest add https://brioui.com/r/contact-form.json"}]},{"id":"chewypixel","name":"@chewypixel","slug":"chewypixel","description":"Animated components from the Chewypixel templates, built with Motion.","author":null,"framework":"react","license":null,"tags":["animation","blocks","buttons","charts","forms","loaders","media","navigation","overlays","retro"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://chewypixel.io/components","github":null,"registry":"https://chewypixel.io/r/registry.json","source":"https://chewypixel.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/chewypixel","markdown":"https://sh4dcn.netlify.app/md/chewypixel.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs><linearGradient id='chewypixel-fill' x1='0' y1='3' x2='0' y2='29' gradientUnits='userSpaceOnUse'><stop stop-color='#a78bfa'/><stop offset='1' stop-color='#7c3aed'/></linearGradient><mask id='chewypixel-bite'><rect width='32' height='32' fill='white'/><circle cx='28' cy='4' r='6' fill='black'/></mask></defs><rect x='3' y='3' width='26' height='26' rx='7' fill='url(#chewypixel-fill)' mask='url(#chewypixel-bite)'/><rect x='9' y='11' width='5' height='5' rx='1.5' fill='white' fill-opacity='0.9'/></svg>","preview_image":"https://chewypixel.io/components/opengraph-image?bb1276131020aa25","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://chewypixel.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://chewypixel.io/r/registry.json","install_bun":"bunx shadcn@latest add https://chewypixel.io/r/registry.json","registry_fetch":"curl -s https://chewypixel.io/r/registry.json"},"component_count":25,"components":[{"name":"segmented-control","title":"Segmented Control","description":"Mutually exclusive options with a highlight that slides to the selected one.","type":"registry:ui","source_url":"https://chewypixel.io/r/segmented-control.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/segmented-control.json"},{"name":"tabs","title":"Tabs","description":"Underline tabs. The underline slides to the active tab and resizes to fit its label.","type":"registry:ui","source_url":"https://chewypixel.io/r/tabs.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/tabs.json"},{"name":"switch","title":"Switch","description":"A switch whose thumb springs across when toggled and stretches while pressed.","type":"registry:ui","source_url":"https://chewypixel.io/r/switch.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/switch.json"},{"name":"checkbox","title":"Checkbox","description":"A checkbox that draws its check mark and squishes when pressed.","type":"registry:ui","source_url":"https://chewypixel.io/r/checkbox.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/checkbox.json"},{"name":"status","title":"Status","description":"A colored dot and a label for showing state, with an optional pulse.","type":"registry:ui","source_url":"https://chewypixel.io/r/status.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/status.json"},{"name":"animated-number","title":"Animated Number","description":"A number that counts to its new value when it changes.","type":"registry:ui","source_url":"https://chewypixel.io/r/animated-number.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/animated-number.json"},{"name":"radio-group","title":"Radio Group","description":"Radio buttons that squish when pressed, with a dot that springs in when picked.","type":"registry:ui","source_url":"https://chewypixel.io/r/radio-group.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/radio-group.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip on a frosted panel that scales in from its trigger and fades out when you move away.","type":"registry:ui","source_url":"https://chewypixel.io/r/tooltip.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/tooltip.json"},{"name":"dialog","title":"Dialog","description":"A dialog that springs up over a light overlay and animates out before it closes.","type":"registry:ui","source_url":"https://chewypixel.io/r/dialog.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/dialog.json"},{"name":"sheet","title":"Sheet","description":"A side panel that slides in from any edge of the screen over a light overlay.","type":"registry:ui","source_url":"https://chewypixel.io/r/sheet.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/sheet.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A frosted menu that scales out of its trigger and animates out when it closes.","type":"registry:ui","source_url":"https://chewypixel.io/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/dropdown-menu.json"},{"name":"command","title":"Command","description":"A command palette whose highlight glides between results as you move through them.","type":"registry:ui","source_url":"https://chewypixel.io/r/command.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/command.json"},{"name":"collapsible","title":"Collapsible","description":"A section that opens and closes by animating its height.","type":"registry:ui","source_url":"https://chewypixel.io/r/collapsible.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/collapsible.json"},{"name":"image-lightbox","title":"Image Lightbox","description":"A thumbnail that flies out to a larger view in the middle of the screen, over a lightly blurred page.","type":"registry:ui","source_url":"https://chewypixel.io/r/image-lightbox.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/image-lightbox.json"},{"name":"select","title":"Select","description":"A select whose list pops open on a frosted panel, with a soft halo on the trigger while it's open.","type":"registry:ui","source_url":"https://chewypixel.io/r/select.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/select.json"},{"name":"popover","title":"Popover","description":"A frosted panel that scales in from its trigger and animates out before it closes.","type":"registry:ui","source_url":"https://chewypixel.io/r/popover.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/popover.json"},{"name":"date-picker","title":"Date Picker","description":"A date field that opens a calendar. Months slide in the direction you page, and arrow keys move between days.","type":"registry:ui","source_url":"https://chewypixel.io/r/date-picker.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/date-picker.json"},{"name":"password-input","title":"Password Input","description":"A password field with a button that shows or hides what you typed. The eye icon swaps with a quick pop.","type":"registry:ui","source_url":"https://chewypixel.io/r/password-input.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/password-input.json"},{"name":"code-input","title":"Code Input","description":"One box per digit for verification codes, with a blinking caret in the next box. Pasting a code and autofill from SMS both work.","type":"registry:ui","source_url":"https://chewypixel.io/r/code-input.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/code-input.json"},{"name":"copy-button","title":"Copy Button","description":"An icon button that copies text. The copy icon pops into a check, then back.","type":"registry:ui","source_url":"https://chewypixel.io/r/copy-button.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/copy-button.json"},{"name":"shimmer","title":"Shimmer","description":"Text with a band of light sweeping across it, for loading and thinking states.","type":"registry:ui","source_url":"https://chewypixel.io/r/shimmer.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/shimmer.json"},{"name":"status-graphic","title":"Status Graphic","description":"Illustrations for error pages: a wandering search icon for 404, a pulsing lock for 403 and a spinning ring for 500.","type":"registry:ui","source_url":"https://chewypixel.io/r/status-graphic.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/status-graphic.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping avatars with a +N count once there are more than fit.","type":"registry:ui","source_url":"https://chewypixel.io/r/avatar-group.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/avatar-group.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"Three dots that bob in turn while someone is typing.","type":"registry:ui","source_url":"https://chewypixel.io/r/typing-indicator.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/typing-indicator.json"},{"name":"emoji-picker","title":"Emoji Picker","description":"A searchable emoji picker with categories and a preview of the emoji you're on.","type":"registry:ui","source_url":"https://chewypixel.io/r/emoji-picker.json","install_command":"npx shadcn@latest add https://chewypixel.io/r/emoji-picker.json"}]},{"id":"creance","name":"@creance","slug":"creance","description":"React components for supervising AI agents: approvals, tool calls, run timelines, diff review and handoffs. 109 components, light and dark.","author":"amitshrivastavaa","framework":"react","license":"MIT","tags":["ai","buttons","cards","charts","dashboard","editor","forms","icons","loaders","media","navigation","overlays","tables","theming"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://creance.pages.dev","github":"https://github.com/amitshrivastavaa/creance","registry":"https://creance.pages.dev/r/registry.json","source":"https://creance.pages.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/creance","markdown":"https://sh4dcn.netlify.app/md/creance.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='1' y='1' width='30' height='30' rx='9' fill='var(--foreground)'/><path d='M21.6 11.3A7.4 7.4 0 1 0 21.6 20.7' fill='none' stroke='var(--background)' stroke-width='2.6' stroke-linecap='round'/><circle cx='21.6' cy='11.3' r='2.3' fill='var(--background)'/></svg>","preview_image":"https://creance.pages.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-14T13:06:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://creance.pages.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://creance.pages.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://creance.pages.dev/r/registry.json","clone":"git clone https://github.com/amitshrivastavaa/creance.git","clone_degit":"npx degit amitshrivastavaa/creance","registry_fetch":"curl -s https://creance.pages.dev/r/registry.json"},"component_count":112,"components":[{"name":"avatar","title":"Avatar","description":"Agents are rounded squares; people are circles.","type":"registry:ui","source_url":"https://creance.pages.dev/r/avatar.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"A status as tone, icon and word.","type":"registry:ui","source_url":"https://creance.pages.dev/r/badge.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/badge.json"},{"name":"button","title":"Button","description":"A glass capsule. Blue is for the one primary action; red text marks refusal.","type":"registry:ui","source_url":"https://creance.pages.dev/r/button.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/button.json"},{"name":"checkbox","title":"Checkbox","description":"A native checkbox with its label.","type":"registry:ui","source_url":"https://creance.pages.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/checkbox.json"},{"name":"code","title":"Code","description":"Inline code, or a scrollable block.","type":"registry:ui","source_url":"https://creance.pages.dev/r/code.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/code.json"},{"name":"error-message","title":"ErrorMessage","description":"What went wrong and what to do next.","type":"registry:ui","source_url":"https://creance.pages.dev/r/error-message.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/error-message.json"},{"name":"gauge","title":"Gauge","description":"A ring that fills to a percentage. Red only past a limit you set.","type":"registry:ui","source_url":"https://creance.pages.dev/r/gauge.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/gauge.json"},{"name":"icon-button","title":"IconButton","description":"A button with only an icon. Its label is required and shows as a tooltip.","type":"registry:ui","source_url":"https://creance.pages.dev/r/icon-button.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/icon-button.json"},{"name":"input","title":"Input","description":"A text field.","type":"registry:ui","source_url":"https://creance.pages.dev/r/input.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/input.json"},{"name":"kbd","title":"Kbd","description":"A keyboard key.","type":"registry:ui","source_url":"https://creance.pages.dev/r/kbd.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/kbd.json"},{"name":"loading-dots","title":"LoadingDots","description":"Three dots beside what is happening.","type":"registry:ui","source_url":"https://creance.pages.dev/r/loading-dots.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/loading-dots.json"},{"name":"middle-truncate","title":"MiddleTruncate","description":"Shortens the middle of a path or ID and keeps both ends.","type":"registry:ui","source_url":"https://creance.pages.dev/r/middle-truncate.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/middle-truncate.json"},{"name":"progress-bar","title":"ProgressBar","description":"Progress toward a known total.","type":"registry:ui","source_url":"https://creance.pages.dev/r/progress-bar.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/progress-bar.json"},{"name":"radio","title":"Radio","description":"A native radio with its label.","type":"registry:ui","source_url":"https://creance.pages.dev/r/radio.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/radio.json"},{"name":"select","title":"Select","description":"The native select, styled. The operating system draws the menu.","type":"registry:ui","source_url":"https://creance.pages.dev/r/select.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/select.json"},{"name":"separator","title":"Separator","description":"A hairline between groups.","type":"registry:ui","source_url":"https://creance.pages.dev/r/separator.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder while content loads.","type":"registry:ui","source_url":"https://creance.pages.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/skeleton.json"},{"name":"sparkline","title":"Sparkline","description":"A trend with no axes, for a table cell or a stat card.","type":"registry:ui","source_url":"https://creance.pages.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/sparkline.json"},{"name":"spinner","title":"Spinner","description":"Something is happening, with no known end.","type":"registry:ui","source_url":"https://creance.pages.dev/r/spinner.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/spinner.json"},{"name":"status-dot","title":"StatusDot","description":"A small mark and a word. Each status has its own shape as well as tone.","type":"registry:ui","source_url":"https://creance.pages.dev/r/status-dot.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/status-dot.json"},{"name":"switch","title":"Switch","description":"An on/off setting that applies immediately.","type":"registry:ui","source_url":"https://creance.pages.dev/r/switch.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/switch.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text field.","type":"registry:ui","source_url":"https://creance.pages.dev/r/textarea.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"A button that stays on or off.","type":"registry:ui","source_url":"https://creance.pages.dev/r/toggle.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"Extra text on hover and keyboard focus.","type":"registry:ui","source_url":"https://creance.pages.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/tooltip.json"},{"name":"alert","title":"Alert","description":"A message in the page: what happened and what to do.","type":"registry:ui","source_url":"https://creance.pages.dev/r/alert.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/alert.json"},{"name":"banner","title":"Banner","description":"A full-width notice in three tones.","type":"registry:ui","source_url":"https://creance.pages.dev/r/banner.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/banner.json"},{"name":"bar-chart","title":"BarChart","description":"Amounts across categories. More than one series stacks.","type":"registry:ui","source_url":"https://creance.pages.dev/r/bar-chart.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/bar-chart.json"},{"name":"bar-list","title":"BarList","description":"A ranking: a name, a bar and a value on every row.","type":"registry:ui","source_url":"https://creance.pages.dev/r/bar-list.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/bar-list.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"Where you are. Long trails fold the middle.","type":"registry:ui","source_url":"https://creance.pages.dev/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/breadcrumbs.json"},{"name":"browser-frame","title":"BrowserFrame","description":"A browser window drawn around a preview.","type":"registry:ui","source_url":"https://creance.pages.dev/r/browser-frame.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/browser-frame.json"},{"name":"budget-meter","title":"BudgetMeter","description":"Spend against a limit. It warns at 80% and flags going over.","type":"registry:ui","source_url":"https://creance.pages.dev/r/budget-meter.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/budget-meter.json"},{"name":"calendar","title":"Calendar","description":"A day or a range. Arrow keys move by day, Page Up and Down by month.","type":"registry:ui","source_url":"https://creance.pages.dev/r/calendar.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/calendar.json"},{"name":"card","title":"Card","description":"A glass tile for grouping related content.","type":"registry:ui","source_url":"https://creance.pages.dev/r/card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/card.json"},{"name":"choicebox","title":"Choicebox","description":"Card-sized options for a choice that needs a sentence each.","type":"registry:ui","source_url":"https://creance.pages.dev/r/choicebox.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/choicebox.json"},{"name":"clearable-input","title":"ClearableInput","description":"A text field with a clear button that puts focus back in the field.","type":"registry:ui","source_url":"https://creance.pages.dev/r/clearable-input.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/clearable-input.json"},{"name":"collapse","title":"Collapse","description":"Sections that open and close.","type":"registry:ui","source_url":"https://creance.pages.dev/r/collapse.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/collapse.json"},{"name":"combobox","title":"Combobox","description":"Type to filter and pick one. Arrow keys move, Enter picks, Escape closes.","type":"registry:ui","source_url":"https://creance.pages.dev/r/combobox.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/combobox.json"},{"name":"command-menu","title":"CommandMenu","description":"Search everything and act from the keyboard. Press ⌘K or Ctrl+K to see it in use: the search on this site is a CommandMenu.","type":"registry:ui","source_url":"https://creance.pages.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/command-menu.json"},{"name":"confidence-meter","title":"ConfidenceMeter","description":"How sure the agent is: a range in words with reasons, never a percentage.","type":"registry:ui","source_url":"https://creance.pages.dev/r/confidence-meter.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/confidence-meter.json"},{"name":"context-card","title":"ContextCard","description":"A preview on hover or keyboard focus. Focus never moves into it.","type":"registry:ui","source_url":"https://creance.pages.dev/r/context-card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/context-card.json"},{"name":"context-menu","title":"ContextMenu","description":"Opens on right-click, long-press, or Shift+F10.","type":"registry:ui","source_url":"https://creance.pages.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/context-menu.json"},{"name":"copy-button","title":"CopyButton","description":"Copies text, shows a check for two seconds, and tells screen readers.","type":"registry:ui","source_url":"https://creance.pages.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/copy-button.json"},{"name":"description","title":"Description","description":"Terms and their values.","type":"registry:ui","source_url":"https://creance.pages.dev/r/description.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/description.json"},{"name":"destructive-action-modal","title":"DestructiveActionModal","description":"For actions that cannot be undone. The red button stays off until the name is typed.","type":"registry:ui","source_url":"https://creance.pages.dev/r/destructive-action-modal.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/destructive-action-modal.json"},{"name":"dialog","title":"Dialog","description":"A question over a dimmed page. It traps focus and returns it when closed.","type":"registry:ui","source_url":"https://creance.pages.dev/r/dialog.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/dialog.json"},{"name":"diff-line","title":"DiffLine","description":"One line of a diff, with line numbers and screen-reader text.","type":"registry:ui","source_url":"https://creance.pages.dev/r/diff-line.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/diff-line.json"},{"name":"donut-chart","title":"DonutChart","description":"Parts of a whole, with each slice’s value and share in the legend.","type":"registry:ui","source_url":"https://creance.pages.dev/r/donut-chart.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/donut-chart.json"},{"name":"dots-menu","title":"DotsMenu","description":"A \"…\" button with secondary actions for one row.","type":"registry:ui","source_url":"https://creance.pages.dev/r/dots-menu.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/dots-menu.json"},{"name":"empty-state","title":"EmptyState","description":"An empty list as an invitation to act.","type":"registry:ui","source_url":"https://creance.pages.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/empty-state.json"},{"name":"entity","title":"Entity","description":"An agent or a person as a row.","type":"registry:ui","source_url":"https://creance.pages.dev/r/entity.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/entity.json"},{"name":"error-card","title":"ErrorCard","description":"A failure that needs a decision: what broke, the error, and what you can do.","type":"registry:ui","source_url":"https://creance.pages.dev/r/error-card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/error-card.json"},{"name":"feedback","title":"Feedback","description":"Thumbs up or down, then an optional comment.","type":"registry:ui","source_url":"https://creance.pages.dev/r/feedback.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/feedback.json"},{"name":"field","title":"Field","description":"A label, a control, and the hint or error that describes it, wired for screen readers.","type":"registry:ui","source_url":"https://creance.pages.dev/r/field.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/field.json"},{"name":"file-tree","title":"FileTree","description":"Files and folders with change markers. Arrow keys walk the tree.","type":"registry:ui","source_url":"https://creance.pages.dev/r/file-tree.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/file-tree.json"},{"name":"footer","title":"Footer","description":"The end of a page: brand, groups of links, and a line for copyright.","type":"registry:ui","source_url":"https://creance.pages.dev/r/footer.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/footer.json"},{"name":"json-view","title":"JsonView","description":"JSON as a tree you can fold.","type":"registry:ui","source_url":"https://creance.pages.dev/r/json-view.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/json-view.json"},{"name":"keyboard-hint","title":"KeyboardHint","description":"A shortcut and what it does.","type":"registry:ui","source_url":"https://creance.pages.dev/r/keyboard-hint.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/keyboard-hint.json"},{"name":"line-chart","title":"LineChart","description":"A trend over time. Point at it, or focus it and press the arrow keys.","type":"registry:ui","source_url":"https://creance.pages.dev/r/line-chart.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/line-chart.json"},{"name":"load-more-button","title":"LoadMoreButton","description":"A full-width button under a list that says when it is loading.","type":"registry:ui","source_url":"https://creance.pages.dev/r/load-more-button.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/load-more-button.json"},{"name":"menu","title":"Menu","description":"Actions behind a button. Put destructive ones last, after a separator.","type":"registry:ui","source_url":"https://creance.pages.dev/r/menu.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/menu.json"},{"name":"message","title":"Message","description":"One turn. Yours sit right in a tile; the agent’s are plain text under its name.","type":"registry:ui","source_url":"https://creance.pages.dev/r/message.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/message.json"},{"name":"message-list","title":"MessageList","description":"A scrolling column that follows new messages until you scroll up.","type":"registry:ui","source_url":"https://creance.pages.dev/r/message-list.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/message-list.json"},{"name":"model-picker","title":"ModelPicker","description":"Chooses which model answers.","type":"registry:ui","source_url":"https://creance.pages.dev/r/model-picker.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/model-picker.json"},{"name":"multi-select","title":"MultiSelect","description":"Pick several. Picks become chips; Backspace removes the last one.","type":"registry:ui","source_url":"https://creance.pages.dev/r/multi-select.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/multi-select.json"},{"name":"navbar","title":"Navbar","description":"The bar across the top. When it gets narrow, the links move into a menu.","type":"registry:ui","source_url":"https://creance.pages.dev/r/navbar.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/navbar.json"},{"name":"pagination","title":"Pagination","description":"Page numbers, or a compact previous and next.","type":"registry:ui","source_url":"https://creance.pages.dev/r/pagination.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/pagination.json"},{"name":"phone-frame","title":"PhoneFrame","description":"A phone drawn around content, to show a component at phone size.","type":"registry:ui","source_url":"https://creance.pages.dev/r/phone-frame.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/phone-frame.json"},{"name":"project-banner","title":"ProjectBanner","description":"A project-wide notice with one action.","type":"registry:ui","source_url":"https://creance.pages.dev/r/project-banner.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/project-banner.json"},{"name":"prompt-input","title":"PromptInput","description":"Where you write to an agent. Enter sends; Send becomes Stop while it works.","type":"registry:ui","source_url":"https://creance.pages.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/prompt-input.json"},{"name":"radio-group","title":"RadioGroup","description":"One choice from a short list.","type":"registry:ui","source_url":"https://creance.pages.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/radio-group.json"},{"name":"reasoning","title":"Reasoning","description":"The agent’s thinking, folded away behind how long it took.","type":"registry:ui","source_url":"https://creance.pages.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/reasoning.json"},{"name":"relative-time-card","title":"RelativeTimeCard","description":"\"2 hours ago\", with the exact local and UTC time on hover or focus.","type":"registry:ui","source_url":"https://creance.pages.dev/r/relative-time-card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/relative-time-card.json"},{"name":"risk-label","title":"RiskLabel","description":"How risky an action is, in words.","type":"registry:ui","source_url":"https://creance.pages.dev/r/risk-label.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/risk-label.json"},{"name":"scroller","title":"Scroller","description":"A horizontal strip that fades where there is more.","type":"registry:ui","source_url":"https://creance.pages.dev/r/scroller.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/scroller.json"},{"name":"search-input","title":"SearchInput","description":"A search field with a shortcut hint, a spinner and a clear button.","type":"registry:ui","source_url":"https://creance.pages.dev/r/search-input.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/search-input.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from an edge.","type":"registry:ui","source_url":"https://creance.pages.dev/r/sheet.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/sheet.json"},{"name":"show-more","title":"ShowMore","description":"Long content cut to a few lines, with a button to show the rest.","type":"registry:ui","source_url":"https://creance.pages.dev/r/show-more.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/show-more.json"},{"name":"sidebar","title":"Sidebar","description":"Links down the side, in groups. Collapses to icons that keep their names.","type":"registry:ui","source_url":"https://creance.pages.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/sidebar.json"},{"name":"slider","title":"Slider","description":"One value, a range, or steps, read out in words.","type":"registry:ui","source_url":"https://creance.pages.dev/r/slider.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/slider.json"},{"name":"snippet","title":"Snippet","description":"Shell commands with a copy button. The prompt sign is never copied.","type":"registry:ui","source_url":"https://creance.pages.dev/r/snippet.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/snippet.json"},{"name":"sources","title":"Sources","description":"What an answer is based on, with numbered markers in the text.","type":"registry:ui","source_url":"https://creance.pages.dev/r/sources.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/sources.json"},{"name":"split-button","title":"SplitButton","description":"The common action, with alternatives in a menu.","type":"registry:ui","source_url":"https://creance.pages.dev/r/split-button.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/split-button.json"},{"name":"stat-card","title":"StatCard","description":"One number, what it is, and how it moved.","type":"registry:ui","source_url":"https://creance.pages.dev/r/stat-card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/stat-card.json"},{"name":"status-badge","title":"StatusBadge","description":"A status with a running clock.","type":"registry:ui","source_url":"https://creance.pages.dev/r/status-badge.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/status-badge.json"},{"name":"steps","title":"Steps","description":"Where someone is in a fixed sequence. Each status has a shape and a spoken label.","type":"registry:ui","source_url":"https://creance.pages.dev/r/steps.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/steps.json"},{"name":"suggestions","title":"Suggestions","description":"Starting points above the input. Choosing one sends it.","type":"registry:ui","source_url":"https://creance.pages.dev/r/suggestions.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/suggestions.json"},{"name":"table","title":"Table","description":"Sortable columns, row selection with Shift-click ranges, and bulk actions.","type":"registry:ui","source_url":"https://creance.pages.dev/r/table.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A segmented control and its panels. Arrow keys move between tabs.","type":"registry:ui","source_url":"https://creance.pages.dev/r/tabs.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/tabs.json"},{"name":"text-with-copy","title":"TextWithCopy","description":"Text with a copy button beside it.","type":"registry:ui","source_url":"https://creance.pages.dev/r/text-with-copy.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/text-with-copy.json"},{"name":"theme-switcher","title":"ThemeSwitcher","description":"Light, dark or match the system. This one really switches this page, starting from its current theme.","type":"registry:ui","source_url":"https://creance.pages.dev/r/theme-switcher.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/theme-switcher.json"},{"name":"toast","title":"Toast","description":"A short message that rises from the bottom. Call toast() from anywhere.","type":"registry:ui","source_url":"https://creance.pages.dev/r/toast.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/toast.json"},{"name":"toggle-group","title":"ToggleGroup","description":"A segmented control: pick one, or any.","type":"registry:ui","source_url":"https://creance.pages.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/toggle-group.json"},{"name":"tool-call-header","title":"ToolCallHeader","description":"Names a tool call and shows its state and attempt.","type":"registry:ui","source_url":"https://creance.pages.dev/r/tool-call-header.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/tool-call-header.json"},{"name":"video","title":"Video","description":"A player with glass controls. It starts muted and never autoplays.","type":"registry:ui","source_url":"https://creance.pages.dev/r/video.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/video.json"},{"name":"agent-handoff-banner","title":"AgentHandoffBanner","description":"The point where the agent hands control back: outcome, summary, next actions.","type":"registry:ui","source_url":"https://creance.pages.dev/r/agent-handoff-banner.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/agent-handoff-banner.json"},{"name":"approval-prompt","title":"ApprovalPrompt","description":"One specific action to allow or deny. A, Shift+A and D work while focus is inside it.","type":"registry:ui","source_url":"https://creance.pages.dev/r/approval-prompt.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/approval-prompt.json"},{"name":"chat","title":"Chat","description":"A whole conversation with an agent: messages, suggestions and the input. Type something to try it.","type":"registry:ui","source_url":"https://creance.pages.dev/r/chat.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/chat.json"},{"name":"checkpoint-rewind","title":"CheckpointRewind","description":"Pick a point to roll back to and see what it undoes before confirming.","type":"registry:ui","source_url":"https://creance.pages.dev/r/checkpoint-rewind.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/checkpoint-rewind.json"},{"name":"diff-review","title":"DiffReview","description":"A decision per hunk before anything lands. J and K move, Y and N decide.","type":"registry:ui","source_url":"https://creance.pages.dev/r/diff-review.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/diff-review.json"},{"name":"fleet-sky","title":"FleetSky","description":"Many agents at once, as birds on lines back to you. The one that needs you flies in on a taut line.","type":"registry:ui","source_url":"https://creance.pages.dev/r/fleet-sky.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/fleet-sky.json"},{"name":"kill-switch","title":"KillSwitch","description":"Hold for a second to stop the agent. Letting go early does nothing. Space or Enter held does the same.","type":"registry:ui","source_url":"https://creance.pages.dev/r/kill-switch.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/kill-switch.json"},{"name":"needs-you-inbox","title":"NeedsYouInbox","description":"Everything blocked on a person, across agents, most urgent first.","type":"registry:ui","source_url":"https://creance.pages.dev/r/needs-you-inbox.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/needs-you-inbox.json"},{"name":"permission-ledger","title":"PermissionLedger","description":"Everything you said \"Always allow\" to, how often it has been used, and a way to take it back.","type":"registry:ui","source_url":"https://creance.pages.dev/r/permission-ledger.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/permission-ledger.json"},{"name":"plan-editor","title":"PlanEditor","description":"Reorder, edit, remove and add steps before anything runs. Alt+Up and Alt+Down move a step.","type":"registry:ui","source_url":"https://creance.pages.dev/r/plan-editor.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/plan-editor.json"},{"name":"question-card","title":"QuestionCard","description":"When the agent needs information rather than permission.","type":"registry:ui","source_url":"https://creance.pages.dev/r/question-card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/question-card.json"},{"name":"run-timeline","title":"RunTimeline","description":"The run's steps and tool calls. It follows the newest step until you scroll up.","type":"registry:ui","source_url":"https://creance.pages.dev/r/run-timeline.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/run-timeline.json"},{"name":"tool-call-card","title":"ToolCallCard","description":"One tool call's whole life: input, result, errors and retries.","type":"registry:ui","source_url":"https://creance.pages.dev/r/tool-call-card.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/tool-call-card.json"},{"name":"agent-run-layout","title":"AgentRunLayout","description":"The run screen. It takes organisms as slots, so your app decides what goes where.","type":"registry:ui","source_url":"https://creance.pages.dev/r/agent-run-layout.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/agent-run-layout.json"},{"name":"app-shell","title":"AppShell","description":"The frame of an app: sidebar, header, content and an optional aside.","type":"registry:ui","source_url":"https://creance.pages.dev/r/app-shell.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/app-shell.json"},{"name":"creance-base","title":"Creance base","description":"Shared helpers, base styles and the design tokens every Creance component uses.","type":"registry:lib","source_url":"https://creance.pages.dev/r/creance-base.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/creance-base.json"},{"name":"creance-chart","title":"Creance chart helpers","description":"Shared layout and styles for the chart components.","type":"registry:lib","source_url":"https://creance.pages.dev/r/creance-chart.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/creance-chart.json"},{"name":"agent-run","title":"Agent run","description":"The agent event model, useAgentRun and its selectors: turn events from any agent into run state for the agent components.","type":"registry:lib","source_url":"https://creance.pages.dev/r/agent-run.json","install_command":"npx shadcn@latest add https://creance.pages.dev/r/agent-run.json"}]},{"id":"creative-ui","name":"@creative-ui","slug":"creative-ui","description":"Creative components and Claude Code skills by Krutik Raut. Install UI blocks or drop a full design skill into .claude/skills with one shadcn command.","author":"krutikkkkkkkkk","framework":"react","license":"MIT","tags":["blocks","icons","media"],"categories":["Icons/logos"],"labels":["recently-updated"],"urls":{"website":"https://ui.krutikraut.com","github":"https://github.com/krutikkkkkkkkk/creative-ui","registry":"https://ui.krutikraut.com/r/registry.json","source":"https://ui.krutikraut.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/creative-ui","markdown":"https://sh4dcn.netlify.app/md/creative-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='var(--foreground)'/><path d='M14.8017 23C13.011 23 11.5939 22.5082 10.5502 21.5246C9.51673 20.541 9 19.1427 9 17.3298C9 16.1244 9.19441 14.972 9.58323 13.8727C9.98229 12.7637 10.5348 11.7801 11.2408 10.9219C11.9469 10.0636 12.8371 9.36451 13.9115 8.82449C14.9961 8.27483 16.1983 8 17.5183 8C18.9815 8 20.0917 8.29412 20.8489 8.88235C21.6163 9.46095 22 10.1938 22 11.081C22 11.7464 21.8312 12.3298 21.4935 12.8312C21.1661 13.3327 20.6698 13.5834 20.0047 13.5834C19.4522 13.5834 19.0378 13.4532 18.7615 13.1929C18.4852 12.9325 18.3471 12.6432 18.3471 12.325C18.3471 12.0164 18.4597 11.5969 18.6848 11.0665C18.9099 10.5265 19.0889 10.0926 19.222 9.76471C19.1094 9.50434 18.8587 9.3163 18.4699 9.20058C18.0811 9.07522 17.6769 9.01254 17.2574 9.01254C15.8658 9.01254 14.6635 9.77917 13.6505 11.3124C12.6478 12.8361 12.1464 14.7068 12.1464 16.9248C12.1464 18.2941 12.4687 19.3838 13.1133 20.1938C13.7682 20.9942 14.6482 21.3944 15.7532 21.3944C16.7458 21.3944 17.6257 21.1437 18.3932 20.6422C19.1708 20.1408 19.9126 19.432 20.6187 18.5159L21.4935 19.1234C20.7875 20.1745 19.8257 21.0858 18.608 21.8573C17.4006 22.6191 16.1318 23 14.8017 23Z' fill='var(--background)'/><circle cx='24.5' cy='24.5' r='2.5' fill='#fbbf24'/></svg>","preview_image":"https://ui.krutikraut.com/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":25,"open_issues":0,"last_commit":"2026-10-24T13:44:09Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.krutikraut.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.krutikraut.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.krutikraut.com/r/registry.json","clone":"git clone https://github.com/krutikkkkkkkkk/creative-ui.git","clone_degit":"npx degit krutikkkkkkkkk/creative-ui","registry_fetch":"curl -s https://ui.krutikraut.com/r/registry.json"},"component_count":10,"components":[{"name":"halftone-image","title":"Halftone Image","description":"Renders any image as a print-style dot, line or square halftone on a canvas, with controls for dot size, screen angle, ink colour, contrast and inversion. Expo…","type":"registry:component","source_url":"https://ui.krutikraut.com/r/halftone-image.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/halftone-image.json"},{"name":"grain-overlay","title":"Grain & Paper Overlay","description":"A lightweight, pointer-transparent film grain, paper or fibre texture you can drop on any section or fix over the whole page. SVG noise, optional tint and flic…","type":"registry:component","source_url":"https://ui.krutikraut.com/r/grain-overlay.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/grain-overlay.json"},{"name":"collage-frame","title":"Masked Collage Frame","description":"Image cut-outs as an arch, oval, torn paper or museum frame, with a tilt and an overlay slot for layering a modern UI card on top of a classical picture.","type":"registry:component","source_url":"https://ui.krutikraut.com/r/collage-frame.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/collage-frame.json"},{"name":"duotone-image","title":"Duotone & Print Filter","description":"Two-ink colour treatment for photos in the spirit of risograph and screen prints: seven ink presets or any two colours, a mix slider and optional misregistrati…","type":"registry:component","source_url":"https://ui.krutikraut.com/r/duotone-image.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/duotone-image.json"},{"name":"classical-collage-web-design","title":"Classical Collage Web Design (Claude skill)","description":"Use when designing or building a website, landing page, Framer template, pitch visual or brand system in the \"classical painting × modern tech\" art direction (…","type":"registry:item","source_url":"https://ui.krutikraut.com/r/classical-collage-web-design.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/classical-collage-web-design.json"},{"name":"dna-carousel","title":"DNA Carousel","description":"A cinematic 3D image carousel where cards travel along two intertwined helix strands. Drag, swipe, scroll or use the arrow keys, with momentum, snapping, infin…","type":"registry:component","source_url":"https://ui.krutikraut.com/r/dna-carousel.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/dna-carousel.json"},{"name":"dithering-hover","title":"Dithering Hover","description":"Any image turns into a black-and-white Bayer dither under the cursor. The dithered zone follows the pointer with a ragged rim and radial streaks that break up …","type":"registry:component","source_url":"https://ui.krutikraut.com/r/dithering-hover.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/dithering-hover.json"},{"name":"rotunda-carousel","title":"Rotunda Carousel","description":"Square images and videos arranged on a spinning ring, largest at a focus angle and tapering to small tiles opposite it. Auto-spins in either direction, eases t…","type":"registry:component","source_url":"https://ui.krutikraut.com/r/rotunda-carousel.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/rotunda-carousel.json"},{"name":"image-trail","title":"Image Trail","description":"Moving the pointer leaves a trail of images behind it. Each card rises under the cursor, tilts with the direction of travel, hangs for a moment and drifts away…","type":"registry:component","source_url":"https://ui.krutikraut.com/r/image-trail.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/image-trail.json"},{"name":"lasting-logo-design","title":"Lasting Logo Design (Claude skill)","description":"Use when someone gives a brand name and wants brand nouns, logo concept directions or AI logo prompts (Figma AI, ChatGPT, Midjourney, Ideogram), or wants help …","type":"registry:item","source_url":"https://ui.krutikraut.com/r/lasting-logo-design.json","install_command":"npx shadcn@latest add https://ui.krutikraut.com/r/lasting-logo-design.json"}]},{"id":"crucible","name":"@crucible","slug":"crucible","description":"Animated React components with real heat: 100+ free, MIT-licensed WebGL and canvas backgrounds, text effects, cards, data viz, and AI chat UI. TypeScript, Tailwind v4, reduced-motion safe.","author":null,"framework":"react","license":null,"tags":["3d","ai","animation","backgrounds","cards","charts","gaming","hooks","maps","onboarding","pro-available","retro","text-effects"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://crucibleui.com","github":null,"registry":"https://crucibleui.com/r/registry.json","source":"https://crucibleui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/crucible","markdown":"https://sh4dcn.netlify.app/md/crucible.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='var(--foreground)' d='M24.78 9.37A11 11 0 1 0 24.78 22.63A8.6 8.6 0 1 1 24.78 9.37Z'/><path fill='#ff6b35' d='M24.78 11.6C24.78 11.6 21.98 14.9 21.98 16.9A2.8 2.8 0 0 0 27.58 16.9C27.58 14.9 24.78 11.6 24.78 11.6Z'/></svg>","preview_image":"https://crucibleui.com/opengraph-image?38722a4bcd878701","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://crucibleui.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://crucibleui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://crucibleui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://crucibleui.com/r/registry.json","registry_fetch":"curl -s https://crucibleui.com/r/registry.json"},"component_count":118,"components":[{"name":"annals","title":"Annals","description":"Changelog section block: release entries on a scroll-linked spine with sticky version and date, change items grouped into colored New / Improved / Fixed / Depr…","type":"registry:block","source_url":"https://crucibleui.com/r/annals.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/annals.json"},{"name":"anneal","title":"Anneal","description":"Text that resolves from a soft blur into sharp focus, staggered by word or character, when it scrolls into view. Falls back to a fade under reduced motion.","type":"registry:ui","source_url":"https://crucibleui.com/r/anneal.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/anneal.json"},{"name":"arc","title":"Arc","description":"An electric-storm background: seeded midpoint-displacement lightning bolts fork down from a faint cloud glow toward random ground points, drawn as layered stro…","type":"registry:ui","source_url":"https://crucibleui.com/r/arc.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/arc.json"},{"name":"arcade","title":"Arcade","description":"8-bit attract-mode background: a chunky pixel starfield drifting on three parallax depth layers, seeded space-shooter sprites gliding across on a two-frame fla…","type":"registry:ui","source_url":"https://crucibleui.com/r/arcade.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/arcade.json"},{"name":"argon","title":"Argon","description":"SVG gas-discharge tube lettering — ignition travels along each glyph's tube with a seeded strike flicker, then holds with a faint mains hum; the letter under t…","type":"registry:ui","source_url":"https://crucibleui.com/r/argon.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/argon.json"},{"name":"armature","title":"Armature","description":"Orbiting icon rings around a fixed center slot. Compose Armature + ArmatureRing for a multi-radius orbital system with per-ring speed, direction, and an option…","type":"registry:ui","source_url":"https://crucibleui.com/r/armature.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/armature.json"},{"name":"bevel","title":"Bevel","description":"A glass-refraction surface card: backdrop-blurred glass with a multi-layer bevel edge, a slow glacial-cyan caustic drifting along the top rim, and a refracted …","type":"registry:ui","source_url":"https://crucibleui.com/r/bevel.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/bevel.json"},{"name":"billet","title":"Billet","description":"Content-shaped skeleton placeholder — matte graphite blocks crossed by a single cool-white light pass (heat-pass timing, not a conveyor). Card / text / circle …","type":"registry:ui","source_url":"https://crucibleui.com/r/billet.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/billet.json"},{"name":"bitmap","title":"Bitmap","description":"Chunky 8-bit pixel loader — a hard-edged grid that fills cell-by-cell. Determinate bar (with a pulsing frontier) or an indeterminate marching band, plus a cris…","type":"registry:ui","source_url":"https://crucibleui.com/r/bitmap.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/bitmap.json"},{"name":"bokeh","title":"Bokeh","description":"Dreamy out-of-focus lights: a parallax field of soft circular light discs — each with a brighter aperture rim — drifting slowly through the dark, sized and lay…","type":"registry:ui","source_url":"https://crucibleui.com/r/bokeh.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/bokeh.json"},{"name":"brutal","title":"Brutal","description":"A self-contained neo-brutalist theme preset — a flat white card with hard 3px black borders, a solid blur-free offset drop-shadow, chunky mono type, a loud acc…","type":"registry:ui","source_url":"https://crucibleui.com/r/brutal.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/brutal.json"},{"name":"buoy","title":"Buoy","description":"Floating action button that springs open an arc of glass bubble actions — buoyant overshoot with a bottom-up stagger, asynchronous idle bob, liquid squash on t…","type":"registry:ui","source_url":"https://crucibleui.com/r/buoy.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/buoy.json"},{"name":"caliper","title":"Caliper","description":"Before/after comparison slider that clips a leading layer with a draggable divider. Machinist's-caliper hairline with tick marks, a knurled grip, a live vernie…","type":"registry:ui","source_url":"https://crucibleui.com/r/caliper.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/caliper.json"},{"name":"cascade","title":"Cascade","description":"Digital code rain: monospace glyph columns fall with bright white-hot heads and exponentially-fading cyan-steel trails, glyphs scrambling as the light passes, …","type":"registry:ui","source_url":"https://crucibleui.com/r/cascade.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/cascade.json"},{"name":"casement","title":"Casement","description":"A list or grid of dark-glass cards that morph into a centered overlay via a genuine shared-element FLIP — media, title, and action travel continuously, radii s…","type":"registry:ui","source_url":"https://crucibleui.com/r/casement.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/casement.json"},{"name":"cathode","title":"Cathode","description":"A CRT / VHS tube background: a synthetic phosphor signal rolls under dense scanlines while a slow vertical tracking bar sweeps down and shears the picture, the…","type":"registry:ui","source_url":"https://crucibleui.com/r/cathode.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/cathode.json"},{"name":"cinder","title":"Cinder","description":"A falling-ember background: a parallax field of hot embers, each an incandescent core in an additive-glow halo, stretched into a soft motion-blur streak as it …","type":"registry:ui","source_url":"https://crucibleui.com/r/cinder.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/cinder.json"},{"name":"cipher","title":"Cipher","description":"Characters churn through scrambled forge-rune glyphs before quenching into the final text, one at a time. Triggerable on mount, hover, or scroll into view; res…","type":"registry:ui","source_url":"https://crucibleui.com/r/cipher.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/cipher.json"},{"name":"cleave","title":"Cleave","description":"Masked line, word, or character reveal that draws text clear of hiding as it scrolls into view, each segment trailing a soft white edge glow along its baseline.","type":"registry:ui","source_url":"https://crucibleui.com/r/cleave.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/cleave.json"},{"name":"coalesce","title":"Coalesce","description":"A metaball field: drifting cores fuse and split through smooth iso-surface blending, shaded as one mercury-chrome liquid with a circling glint and a silvery ri…","type":"registry:ui","source_url":"https://crucibleui.com/r/coalesce.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/coalesce.json"},{"name":"cohort","title":"Cohort","description":"Scripted multiplayer cursors over any content: named pointers glide on curved, slightly overshooting springs to percent or [data-cohort] targets, then click wi…","type":"registry:ui","source_url":"https://crucibleui.com/r/cohort.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/cohort.json"},{"name":"conduit","title":"Conduit","description":"An animated beam connecting two DOM nodes via refs — a dark groove path carrying a blue-to-white slug of light that travels into the destination and flashes a …","type":"registry:ui","source_url":"https://crucibleui.com/r/conduit.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/conduit.json"},{"name":"confetti","title":"Confetti","description":"Celebration confetti: seeded chips and streamers fall under gravity with per-piece spin, tumble (foreshortening flip with a shadowed backface) and flutter. Ope…","type":"registry:ui","source_url":"https://crucibleui.com/r/confetti.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/confetti.json"},{"name":"contour","title":"Contour","description":"Living topographic map: marching-squares contour lines over an evolving 3D value-noise terrain, thin minor strokes with a bold accent index line every fifth le…","type":"registry:ui","source_url":"https://crucibleui.com/r/contour.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/contour.json"},{"name":"corona","title":"Corona","description":"A classic aurora: draping vertical light curtains fold and sway with height, threaded with shimmering ray filaments over a faint twinkling starfield, in teal, …","type":"registry:ui","source_url":"https://crucibleui.com/r/corona.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/corona.json"},{"name":"detent","title":"Detent","description":"Animated tabs with a shared-layout sliding pill indicator that flashes white as it lands and rests as a neutral pill with a subtle top hairline. Full roving-ta…","type":"registry:ui","source_url":"https://crucibleui.com/r/detent.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/detent.json"},{"name":"draft","title":"Draft","description":"A soft fluid gradient mesh: domain-warped fbm shader swirling slate, indigo, and violet fields in a slow cloud-like drift. Original OGL fragment shader, dither…","type":"registry:ui","source_url":"https://crucibleui.com/r/draft.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/draft.json"},{"name":"eclipse","title":"Eclipse","description":"A total solar eclipse: a black moon disk occludes a dead-center sun ringed by a white-hot corona of writhing radial streamers, a razor limb ring, and one warm …","type":"registry:ui","source_url":"https://crucibleui.com/r/eclipse.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/eclipse.json"},{"name":"ember","title":"Ember","description":"A field of glowing embers rising from below in molten forge tones, each with its own phase, flicker, wind drift and color ramp; the cursor stirs a gentle updra…","type":"registry:ui","source_url":"https://crucibleui.com/r/ember.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/ember.json"},{"name":"escapement","title":"Escapement","description":"Ratcheting numeric stepper — digits roll with an overshoot-click spring settle, a brass pawl flicks on every step, and hold-to-repeat accelerates like a wound …","type":"registry:ui","source_url":"https://crucibleui.com/r/escapement.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/escapement.json"},{"name":"facet","title":"Facet","description":"A pointer-tracked 3D tilt card with spring-damped rotation and a hard-edged white-silver glare streak that sweeps the surface like light across brushed metal. …","type":"registry:ui","source_url":"https://crucibleui.com/r/facet.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/facet.json"},{"name":"fallow","title":"Fallow","description":"Empty-state block with five presets (no results, first run, error, offline, inbox zero) and a custom mode. Each preset has an original 1.5px line illustration …","type":"registry:block","source_url":"https://crucibleui.com/r/fallow.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/fallow.json"},{"name":"filament","title":"Filament","description":"An animated conic-gradient border — a white-hot filament head trailing a cool silver-blue tail that desaturates and fades to a faint slate trace. Pure CSS @pro…","type":"registry:ui","source_url":"https://crucibleui.com/r/filament.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/filament.json"},{"name":"filings","title":"Filings","description":"An iron-filing field: a grid of short segments aligning to a slow magnetic-dipole field when idle and bending toward the cursor, brightening from silver to whi…","type":"registry:ui","source_url":"https://crucibleui.com/r/filings.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/filings.json"},{"name":"fireflies","title":"Fireflies","description":"A calm, magical night: warm glowing points drift along gentle seeded wandering paths, each softly breathing inside an additive-glow halo and trailing a short f…","type":"registry:ui","source_url":"https://crucibleui.com/r/fireflies.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/fireflies.json"},{"name":"flurry","title":"Flurry","description":"Quantized pixel snowfall: chunky flakes locked to a crisp unsmoothed pixel grid fall on three parallax depth layers with distinct speeds, sizes and ice-blue ti…","type":"registry:ui","source_url":"https://crucibleui.com/r/flurry.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/flurry.json"},{"name":"flywheel","title":"Flywheel","description":"Four machined CSS spinners — ring, dots-orbit, segmented, dual-ring — selected by variant. Conic-gradient comet head cooling to a blue-silver tail over a reces…","type":"registry:ui","source_url":"https://crucibleui.com/r/flywheel.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/flywheel.json"},{"name":"fold","title":"Fold","description":"A neutral-elegant FAQ accordion of soft stacked cards: the open row lifts a hair off the stack, its chevron spins up in one accent hue, and the answer unfolds …","type":"registry:block","source_url":"https://crucibleui.com/r/fold.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/fold.json"},{"name":"fracture","title":"Fracture","description":"Text glitches with classic red and cyan channel ghosts sheared apart by jump-cut clip-path slices, sparking at each shear line. Hover, continuous, or timed-int…","type":"registry:ui","source_url":"https://crucibleui.com/r/fracture.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/fracture.json"},{"name":"frieze","title":"Frieze","description":"A calm, always-on brand marquee / logo cloud. Loops horizontally or vertically, reversible, with gradient edge-fade masks, a hairline baseline, an optional 3D-…","type":"registry:ui","source_url":"https://crucibleui.com/r/frieze.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/frieze.json"},{"name":"galvanize","title":"Galvanize","description":"An animated gradient border cycling silver to blue to violet, like electroplating in progress. Hover accelerates the rotation and thickens the ring by a pixel.…","type":"registry:ui","source_url":"https://crucibleui.com/r/galvanize.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/galvanize.json"},{"name":"gauge","title":"Gauge","description":"A radial sweep gauge whose arc springs to its value with a calibrated overshoot-and-settle while the center count ticks up in lockstep. Continuous, segmented-t…","type":"registry:ui","source_url":"https://crucibleui.com/r/gauge.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/gauge.json"},{"name":"gild","title":"Gild","description":"A metallic light sweep crosses glyphs on a deliberate slow interval — a white core edged in refined champagne gold over a brushed-bronze base. Pure CSS, driven…","type":"registry:ui","source_url":"https://crucibleui.com/r/gild.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/gild.json"},{"name":"guild","title":"Guild","description":"About & team section block: a mission statement with an oversized stat row rolling in on Tally digit drums, a team grid of seeded generative portraits that res…","type":"registry:block","source_url":"https://crucibleui.com/r/guild.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/guild.json"},{"name":"gyre","title":"Gyre","description":"Text flowing along an SVG path on a seamless loop — circle, wave, figure-eight, arc or a custom path. Scroll velocity boosts or flips the drift, drag scrubs it…","type":"registry:ui","source_url":"https://crucibleui.com/r/gyre.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/gyre.json"},{"name":"hatch","title":"Hatch","description":"Bottom sheet that closes by physics: pull the machined handle down and release past a distance or velocity threshold to dismiss along your throw, else it sprin…","type":"registry:ui","source_url":"https://crucibleui.com/r/hatch.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/hatch.json"},{"name":"haze","title":"Haze","description":"A progressive blur edge — stacked backdrop-filter layers with overlapping mask gradients ramp content from sharp to fully blurred through a container or viewpo…","type":"registry:ui","source_url":"https://crucibleui.com/r/haze.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/haze.json"},{"name":"hopper","title":"Hopper","description":"A file-upload dropzone over a faint coordinate grid: dragging a file over it lifts the zone and brightens the grid, and dropped files seat in as stacked cards …","type":"registry:ui","source_url":"https://crucibleui.com/r/hopper.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/hopper.json"},{"name":"imprint","title":"Imprint","description":"Letterpress image trail: pointer travel stamps a pile of proofs that land with a settle, a seeded tilt, a registration double and an ink-spread shadow, then fa…","type":"registry:ui","source_url":"https://crucibleui.com/r/imprint.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/imprint.json"},{"name":"ingot-grid","title":"Ingot Grid","description":"A responsive bento layout primitive — IngotGrid and IngotCell compose column/row spans into magazine-style tiles with beveled borders that brighten on hover wh…","type":"registry:ui","source_url":"https://crucibleui.com/r/ingot-grid.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/ingot-grid.json"},{"name":"kindle","title":"Kindle","description":"A cursor-following radial spotlight card — a soft white glow that breathes gently and brightens the nearest border edge as it passes. Pure CSS, works with arbi…","type":"registry:ui","source_url":"https://crucibleui.com/r/kindle.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/kindle.json"},{"name":"lantern","title":"Lantern","description":"A spotlight cursor: wraps any content, dims the surface, and cuts a soft radial light that spring-follows the pointer to reveal what's beneath — ringed by a fa…","type":"registry:ui","source_url":"https://crucibleui.com/r/lantern.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/lantern.json"},{"name":"latticework","title":"Latticework","description":"An interactive dot grid: cool-steel silver dots heat white → cyan as the cursor approaches, with a configurable falloff curve; a click or tap sends a hammer-st…","type":"registry:ui","source_url":"https://crucibleui.com/r/latticework.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/latticework.json"},{"name":"ledger","title":"Ledger","description":"The atomic KPI stat card, animated in three beats: the value rolls up on odometer digit drums, the sparkline scores itself in, and the delta badge stamps down …","type":"registry:ui","source_url":"https://crucibleui.com/r/ledger.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/ledger.json"},{"name":"lodestar","title":"Lodestar","description":"A floating pill navbar — a frosted near-black bar with a subtle white bottom hairline — that hides on scroll down and reveals on scroll up. Scroll-velocity awa…","type":"registry:ui","source_url":"https://crucibleui.com/r/lodestar.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/lodestar.json"},{"name":"loupe","title":"Loupe","description":"Magnifier lens that turns any child — image, SVG, or subtree — into an inspectable surface. Spring-smoothed pointer follow or a pinned mode, a machined bezel w…","type":"registry:ui","source_url":"https://crucibleui.com/r/loupe.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/loupe.json"},{"name":"louver","title":"Louver","description":"Gradient blinds: angled slats tilt open around the cursor to reveal a brighter rosewood-to-indigo field behind, each open slat catching a 1px lit edge, with a …","type":"registry:ui","source_url":"https://crucibleui.com/r/louver.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/louver.json"},{"name":"manifold","title":"Manifold","description":"Integrations directory section block: searchable, Detent-filtered grid of seeded geometric app marks with badges and connected chips that re-flows on layout sp…","type":"registry:block","source_url":"https://crucibleui.com/r/manifold.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/manifold.json"},{"name":"meniscus","title":"Meniscus","description":"A scroll-progress bar that reads as liquid filling a channel — a cool blue-to-white gradient with a white leading bead that glows while scrolling and settles t…","type":"registry:ui","source_url":"https://crucibleui.com/r/meniscus.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/meniscus.json"},{"name":"meridian","title":"Meridian","description":"A day/night theme switch built as a miniature diorama: the sun sets and the moon rises along a shallow arc, the sky crossfades through dusk, clouds drift out, …","type":"registry:ui","source_url":"https://crucibleui.com/r/meridian.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/meridian.json"},{"name":"millrace","title":"Millrace","description":"An infinite marquee whose speed and skew react to scroll velocity, smoothed so it never jitters. Stamped outline text fills bright white past a velocity thresh…","type":"registry:ui","source_url":"https://crucibleui.com/r/millrace.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/millrace.json"},{"name":"mono","title":"Mono","description":"A self-contained Swiss-minimal theme preset — a stark black-and-white (or paper-and-ink) panel on a strict grid: tight neo-grotesque heading, numbered hairline…","type":"registry:ui","source_url":"https://crucibleui.com/r/mono.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/mono.json"},{"name":"murmur","title":"Murmur","description":"Streaming assistant message — each arriving word fades up into place behind a breathing caret, with paragraphs, bullet lists and inline code chips, plus a shim…","type":"registry:ui","source_url":"https://crucibleui.com/r/murmur.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/murmur.json"},{"name":"ogl-canvas","title":"OGL Canvas","description":"A reusable client harness for fullscreen fragment-shader backgrounds. Manages uTime/uResolution/uPointer uniforms, clamps DPR, pauses offscreen and on hidden t…","type":"registry:lib","source_url":"https://crucibleui.com/r/ogl-canvas.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/ogl-canvas.json"},{"name":"pantograph","title":"Pantograph","description":"Morphing flyout nav where one shared dark-glass panel slides and resizes between triggers instead of closing and reopening — an anticipation-stretch morph with…","type":"registry:ui","source_url":"https://crucibleui.com/r/pantograph.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/pantograph.json"},{"name":"parley","title":"Parley","description":"Contact section that routes before it asks: topic chips (Sales / Support / Press / Other) reshape the form with layout animation — fields glide in and out, the…","type":"registry:block","source_url":"https://crucibleui.com/r/parley.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/parley.json"},{"name":"passcode","title":"Passcode","description":"A segmented one-time-code input: a row of single-character cells backed by real inputs. Typing seats each digit with a soft pop and advances focus, Backspace r…","type":"registry:ui","source_url":"https://crucibleui.com/r/passcode.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/passcode.json"},{"name":"pastel","title":"Pastel","description":"A self-contained soft-pastel theme preset — a generously rounded card with heading, body, stat, tag, and buttons in a low-contrast candy palette over a dreamy …","type":"registry:ui","source_url":"https://crucibleui.com/r/pastel.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/pastel.json"},{"name":"pennant","title":"Pennant","description":"Announcement bar + cookie consent. Pennant is a slim top bar that rotates short messages with a vertical slide (paused on hover/focus, hairline progress meter)…","type":"registry:block","source_url":"https://crucibleui.com/r/pennant.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/pennant.json"},{"name":"phosphor","title":"Phosphor","description":"A themed panel styled as a monochrome CRT monitor: a dark vignetted screen with glowing selectable monospace text, fine scanlines, a slow refresh-bar roll, and…","type":"registry:ui","source_url":"https://crucibleui.com/r/phosphor.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/phosphor.json"},{"name":"piston","title":"Piston","description":"A stateful submit button that runs its async lifecycle like a piston stroke: label and spinner slide along one axis while the width breathes, a check draws its…","type":"registry:ui","source_url":"https://crucibleui.com/r/piston.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/piston.json"},{"name":"placard","title":"Placard","description":"An animated tooltip / hover-card that springs up on hover or focus. The dark-glass card follows the pointer with a subtle velocity-keyed 3D tilt, scales in fro…","type":"registry:ui","source_url":"https://crucibleui.com/r/placard.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/placard.json"},{"name":"plasma","title":"Plasma","description":"A classic 90s demoscene plasma background: layered sine/cosine fields over space and time sum into a scalar that indexes a smooth looping palette, so flowing c…","type":"registry:ui","source_url":"https://crucibleui.com/r/plasma.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/plasma.json"},{"name":"press","title":"Press","description":"A variable-font pressure headline — the line behaves as a press bed under the cursor: glyph weight swells with a gaussian falloff while nearby letters rise and…","type":"registry:ui","source_url":"https://crucibleui.com/r/press.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/press.json"},{"name":"quench","title":"Quench","description":"A click ripple that expands from the exact point of contact, like hot metal hitting water: a thin shockwave, a briefly desaturated cooled core, and ejected spa…","type":"registry:ui","source_url":"https://crucibleui.com/r/quench.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/quench.json"},{"name":"quorum","title":"Quorum","description":"A segmented control: 2–5 options with a single shared-layout pill that springs behind the active choice while its label ignites to full contrast and a faint ac…","type":"registry:ui","source_url":"https://crucibleui.com/r/quorum.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/quorum.json"},{"name":"quota","title":"Quota","description":"A context-window / credits meter card: rolling digit headline over one segmented bar that splits usage by category, each slice springing to its width independe…","type":"registry:ui","source_url":"https://crucibleui.com/r/quota.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/quota.json"},{"name":"ratchet","title":"Ratchet","description":"Hold-to-confirm button for destructive actions: pressing and holding (pointer or Space/Enter) advances a 24-tooth SVG ring tooth by tooth with a click-scale, r…","type":"registry:ui","source_url":"https://crucibleui.com/r/ratchet.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/ratchet.json"},{"name":"recast","title":"Recast","description":"A word that re-forms into a new one: shared letters slide along the baseline to their new home while unique letters iris in and out, then tighten a hair into t…","type":"registry:ui","source_url":"https://crucibleui.com/r/recast.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/recast.json"},{"name":"relay","title":"Relay","description":"Tool-call card for agent UIs — a status glyph spins an accent arc while running, closes into a drawn check on success or a rust shake on error, with a ticking …","type":"registry:ui","source_url":"https://crucibleui.com/r/relay.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/relay.json"},{"name":"retro-forge","title":"Retro Forge","description":"A synthwave horizon: a perspective plane of glowing magenta grid lines scrolling toward the viewer, melting into a layered violet horizon bloom, with an option…","type":"registry:ui","source_url":"https://crucibleui.com/r/retro-forge.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/retro-forge.json"},{"name":"rigging","title":"Rigging","description":"Settings page block: schema-driven sections with a sliding section nav (tabs or scroll-spy), validated inputs, a counted bio, avatar uploader, spring switches,…","type":"registry:block","source_url":"https://crucibleui.com/r/rigging.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/rigging.json"},{"name":"ripple","title":"Ripple","description":"A Material-style ink ripple that blooms from the exact point of contact, with a spring press-dip and rebound. Concurrent ripples stack; keyboard activation blo…","type":"registry:ui","source_url":"https://crucibleui.com/r/ripple.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/ripple.json"},{"name":"roster","title":"Roster","description":"A tag / multi-select input over a real <input>. Type and press Enter or comma to pop in a removable chip; an optional suggestion pool filters as you type into …","type":"registry:ui","source_url":"https://crucibleui.com/r/roster.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/roster.json"},{"name":"runnel","title":"Runnel","description":"A vertical tracing beam that draws itself along your content as the user scrolls, its white-to-blue-violet stroke tipped with a glowing white head.","type":"registry:ui","source_url":"https://crucibleui.com/r/runnel.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/runnel.json"},{"name":"sateen","title":"Sateen","description":"Flowing lit fabric: broad domain-drifted folds carry fine silky striations while a satin specular band — an orbiting light caught by the cloth's gradient — swe…","type":"registry:ui","source_url":"https://crucibleui.com/r/sateen.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sateen.json"},{"name":"scriber","title":"Scriber","description":"A tiny inline sparkline — line, gradient area, or micro-bars — that scores itself in left to right with a bright cooling tip, and can stream live data from the…","type":"registry:ui","source_url":"https://crucibleui.com/r/scriber.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/scriber.json"},{"name":"semaphore","title":"Semaphore","description":"The uptime bar, alive — labeled status-tracker rows that stack into an ops wall with a shared time axis. Boots with a sub-second left-to-right ignition cascade…","type":"registry:ui","source_url":"https://crucibleui.com/r/semaphore.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/semaphore.json"},{"name":"sheen","title":"Sheen","description":"A shimmer-sweep button. A white-silver light periodically crosses the face and brightens the rim, settling through a subtle neutral afterglow back to matte. Pu…","type":"registry:ui","source_url":"https://crucibleui.com/r/sheen.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sheen.json"},{"name":"shingle","title":"Shingle","description":"A scroll-pinned card stack: full-width cards slide up and seat at a fixed point with a 2px settle-and-lock, then pile into a receding deck as later cards pin o…","type":"registry:ui","source_url":"https://crucibleui.com/r/shingle.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/shingle.json"},{"name":"sift","title":"Sift","description":"Structured filter bar for any list or table: a + Filter popover that slides property → operator → value (type-ahead fields, per-type operators, checkbox listbo…","type":"registry:block","source_url":"https://crucibleui.com/r/sift.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sift.json"},{"name":"sightline","title":"Sightline","description":"A pinned scroll section where an inline media card grows to full-bleed through a shaped SVG aperture (rounded, circle, pill or any custom path) — corners relax…","type":"registry:ui","source_url":"https://crucibleui.com/r/sightline.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sightline.json"},{"name":"slag","title":"Slag","description":"Animated film-grain / noise overlay: fine, neutral-gray speckle that blends over any content via low opacity and mix-blend-mode, with an fps throttle for a slo…","type":"registry:ui","source_url":"https://crucibleui.com/r/slag.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/slag.json"},{"name":"slipstream","title":"Slipstream","description":"A spring-smoothed cursor follower: a soft bead of light that stretches into a teardrop at speed, brightening to white in motion and settling neutral at rest. S…","type":"registry:ui","source_url":"https://crucibleui.com/r/slipstream.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/slipstream.json"},{"name":"sluice","title":"Sluice","description":"Prompt composer for chat UIs — an auto-growing textarea in a glass capsule with spring-in attachment chips, an optional model pill, and a send disc that morphs…","type":"registry:ui","source_url":"https://crucibleui.com/r/sluice.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sluice.json"},{"name":"sonar","title":"Sonar","description":"Phosphor radar scope: a rotating sweep beam with a soft angular-gradient afterglow over concentric range rings and faint azimuth spokes; seeded contacts blip a…","type":"registry:ui","source_url":"https://crucibleui.com/r/sonar.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sonar.json"},{"name":"sparks","title":"Sparks","description":"A celebratory spark burst fired imperatively via ref: elongated white, silver, and pale-blue streaks fan outward, fall under gravity, and burn out bright-to-da…","type":"registry:ui","source_url":"https://crucibleui.com/r/sparks.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/sparks.json"},{"name":"stencil","title":"Stencil","description":"Canvas headline spray-painted through a cut stencil plate: seeded S-curve sweeps deposit grainy paint inside the letter cutouts with faint overspray and a few …","type":"registry:ui","source_url":"https://crucibleui.com/r/stencil.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/stencil.json"},{"name":"stipple","title":"Stipple","description":"An ordered-dither shader field: a drifting noise field quantized through an 8x8 Bayer matrix into chunky retro dot patterning, in risograph sepia duotone with …","type":"registry:ui","source_url":"https://crucibleui.com/r/stipple.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/stipple.json"},{"name":"strand","title":"Strand","description":"A converging thread field: silver filaments strung between two off-screen loom anchors — ends pinned, free middles bowing under noise like threads at uneven te…","type":"registry:ui","source_url":"https://crucibleui.com/r/strand.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/strand.json"},{"name":"stratum","title":"Stratum","description":"A scroll-linked vertical timeline: dated entries with sticky pinned titles, a progress beam that draws down the spine, and node dots that ignite with an escape…","type":"registry:ui","source_url":"https://crucibleui.com/r/stratum.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/stratum.json"},{"name":"surface","title":"Surface","description":"A composable in-view reveal wrapper with fade/slide/scale/blur presets and staggered children. Default melt preset rises and sharpens with a soft white under-g…","type":"registry:ui","source_url":"https://crucibleui.com/r/surface.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/surface.json"},{"name":"swell","title":"Swell","description":"Sprung wave lattice: depth-graded rows of smooth lines ride an orbital noise field with woven coherence while a slow autonomous swell front rolls through every…","type":"registry:ui","source_url":"https://crucibleui.com/r/swell.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/swell.json"},{"name":"tally","title":"Tally","description":"A count-up number built from odometer-style digit drums that enter with a soft white-blue cast and settle to white as they seat, with a brief neutral underline…","type":"registry:ui","source_url":"https://crucibleui.com/r/tally.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/tally.json"},{"name":"telegraph","title":"Telegraph","description":"A self-contained terminal that types a scripted session on its own — macOS window chrome, command lines typing behind a cool prompt sigil with a blinking block…","type":"registry:ui","source_url":"https://crucibleui.com/r/telegraph.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/telegraph.json"},{"name":"throw","title":"Throw","description":"Slide-to-commit track and swipe-action rows. Throw: drag the knob (or arrow to 100% and press Enter) past the threshold and it snaps home, floods the track and…","type":"registry:ui","source_url":"https://crucibleui.com/r/throw.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/throw.json"},{"name":"tumbler","title":"Tumbler","description":"3D drum picker — rows ride a perspective cylinder, flick to spin with momentum that lands on a detent, the centred row lit between accent rule lines. Drag, tou…","type":"registry:ui","source_url":"https://crucibleui.com/r/tumbler.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/tumbler.json"},{"name":"umbra","title":"Umbra","description":"A dark veil: black-on-black volumetric drape of domain-warped ridged fbm where only the fold crests catch a whisper of light and a deep violet undertone breath…","type":"registry:ui","source_url":"https://crucibleui.com/r/umbra.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/umbra.json"},{"name":"use-dpr-cap","title":"useDprCap","description":"Subtree-wide devicePixelRatio ceiling for GPU components. Wrap a gallery of shaders in DprCapContext to trade sharpness for fill rate without touching each com…","type":"registry:hook","source_url":"https://crucibleui.com/r/use-dpr-cap.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/use-dpr-cap.json"},{"name":"use-reduced-motion","title":"useReducedMotion","description":"SSR-safe hook that tracks prefers-reduced-motion. Required by every animated Crucible component.","type":"registry:hook","source_url":"https://crucibleui.com/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/use-reduced-motion.json"},{"name":"use-visibility-pause","title":"useVisibilityPause","description":"RAF loop that pauses offscreen (IntersectionObserver) and on hidden tabs. Required by every shader/canvas/R3F component.","type":"registry:hook","source_url":"https://crucibleui.com/r/use-visibility-pause.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/use-visibility-pause.json"},{"name":"vice","title":"Vice","description":"A self-contained synthwave theme preset — card, buttons, stat, and tag in hot-magenta → cyan neon on deep indigo, with a sunset gradient, a scanlined sun risin…","type":"registry:ui","source_url":"https://crucibleui.com/r/vice.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/vice.json"},{"name":"voltaic","title":"Voltaic","description":"An electric turbulence border — the card's perimeter is a living arc: an SVG rounded-rect stroke deformed by animated procedural turbulence so it writhes, crac…","type":"registry:ui","source_url":"https://crucibleui.com/r/voltaic.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/voltaic.json"},{"name":"warp","title":"Warp","description":"A jump-to-light-speed hyperspace background: layered star-streaks accelerate radially from a vanishing point, their length breathing with a slow warp surge, th…","type":"registry:ui","source_url":"https://crucibleui.com/r/warp.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/warp.json"},{"name":"weld","title":"Weld","description":"A light beam traveling the border in a continuous loop like a welding arc: a blinding white-hot head with a cool blue-white tail, corner sparks, and a fading h…","type":"registry:ui","source_url":"https://crucibleui.com/r/weld.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/weld.json"},{"name":"wicket","title":"Wicket","description":"Auth card block covering every flow — sign in, sign up, magic link, OTP/2FA, forgot and reset password — morphing between steps with direction-aware slides and…","type":"registry:block","source_url":"https://crucibleui.com/r/wicket.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/wicket.json"},{"name":"winnow","title":"Winnow","description":"A search input whose empty placeholder cycles (each sliding up as the next arrives), and whose typed text — on submit — rasterizes into fine grains that pour o…","type":"registry:ui","source_url":"https://crucibleui.com/r/winnow.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/winnow.json"},{"name":"wire","title":"Wire","description":"A self-looping activity feed for marketing heroes: entries land with one confident spring and a hairline flash that cools in 400ms, siblings shuffle down, and …","type":"registry:ui","source_url":"https://crucibleui.com/r/wire.json","install_command":"npx shadcn@latest add https://crucibleui.com/r/wire.json"}]},{"id":"designali","name":"@designali","slug":"designali","description":"Where thoughtful design meets production-ready code. I design and build digital experiences that look great, feel intuitive, and work beautifully.","author":null,"framework":"react","license":null,"tags":[],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://designali.com","github":null,"registry":"https://designali.com/r/{name}.json","source":"https://designali.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/designali","markdown":"https://sh4dcn.netlify.app/md/designali.md"},"logo":"<svg width='658' height='376' viewBox='0 0 658 376' xmlns='http://www.w3.org/2000/svg'><path d='M326.063 0L376.777 137.054L513.831 187.768L376.777 238.482L326.063 375.536L275.349 238.482L138.295 187.768L275.349 137.054L326.063 0Z' fill='#00A8FF'/> <path d='M420.049 321.622V277.733L627.998 184.731V189.956L420.049 96.9536V53.0649L657.257 159.652V215.035L420.049 321.622Z' fill='#00A8FF'/> <path d='M237.208 321.622L0 215.035V159.652L237.208 53.0649V96.9536L29.2591 189.956V184.731L237.208 277.733V321.622Z' fill='#00A8FF'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://designali.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"amicro","name":"@amicro","slug":"amicro","description":"Open-source React micro-interactions and UI component registry powered by Motion.","author":null,"framework":"react","license":null,"tags":["animation"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://amicro.vercel.app","github":null,"registry":"https://amicro.vercel.app/r/{name}.json","source":"https://amicro.vercel.app/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/amicro","markdown":"https://sh4dcn.netlify.app/md/amicro.md"},"logo":"<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 6L14 12L7 18' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.4'/><path d='M13 6L20 12L13 18' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://amicro.vercel.app/r/{name}.json"},"component_count":0,"components":[]},{"id":"amplo","name":"@amplo","slug":"amplo","description":"Highly specialized single-component registry: a Radix-style composable OKLCH-native color picker for shadcn/ui. Supports sRGB, Display-P3, Rec.2020-stretched color spaces with lossless format switching (hex, rgb, hsl, hsb, oklch, oklab, p3), live WCAG 2.1 and APCA contrast metrics, gamut-warning lines, eyedropper, alpha slider, swatches, and full keyboard accessibility. Built for Next.js + Tailwind CSS v4 with shadcn/ui semantic tokens. MIT-licensed. Use for: design tools, theme builders, or any product feature where users need to pick colors with accurate wide-gamut rendering and accessibility feedback.","author":"TheAleSch","framework":"react","license":"MIT","tags":["accessibility","backgrounds","buttons","cards","components","forms","theming"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"urls":{"website":"https://amplo.ale.design","github":"https://github.com/TheAleSch/amplo-picker","registry":"https://amplo.ale.design/r/registry.json","source":"https://amplo.ale.design/r/registry.json","page":"https://sh4dcn.netlify.app/registry/amplo","markdown":"https://sh4dcn.netlify.app/md/amplo.md"},"logo":"<svg width='895' height='895' viewBox='0 0 895 895' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='895' height='895' fill='black'/><path d='M380.79 189.029C421.229 162.325 473.701 162.325 514.14 189.029C531.143 200.258 545.035 215.598 554.528 233.628L781.952 665.571C791.275 683.278 790.861 704.531 780.855 721.861C770.445 739.892 751.206 751 730.385 751H662.099C656.813 751 651.551 750.307 646.445 748.939C629.806 744.481 615.857 733.139 608.099 717.759L470.471 444.948C461.059 425.882 433.871 425.882 424.459 444.948L286.831 717.759C279.072 733.139 265.124 744.481 248.485 748.939C243.379 750.307 238.116 751 232.83 751H164.545C143.724 751 124.485 739.892 114.075 721.861C104.069 704.531 103.654 683.278 112.978 665.571L340.401 233.628C349.894 215.598 363.786 200.258 380.79 189.029Z' fill='var(--foreground)' fill-opacity='0.4'/><path d='M407.522 193.008C432.972 181.802 461.958 181.802 487.407 193.008C506.787 201.541 522.924 216.055 533.456 234.426L780.597 665.528C790.709 683.166 790.676 704.852 780.51 722.459C770.313 740.12 751.469 751 731.076 751H692.359C687.18 751 682.024 750.321 677.021 748.98C660.322 744.506 646.41 732.963 638.931 717.377L505.376 439.081C502.394 432.869 498.773 426.985 494.57 421.524C470.776 390.606 424.153 390.606 400.359 421.524C396.157 426.985 392.535 432.869 389.554 439.082L255.999 717.378C248.519 732.963 234.607 744.506 217.909 748.98C212.906 750.321 207.749 751 202.57 751H163.854C143.461 751 124.617 740.12 114.42 722.459C104.254 704.852 104.221 683.166 114.333 665.528L361.474 234.426C372.005 216.055 388.143 201.541 407.522 193.008Z' fill='var(--foreground)' stroke='black' stroke-opacity='0.2' stroke-width='1.6795'/></svg>","preview_image":"https://amplo.ale.design/opengraph-image.jpg?opengraph-image.16elo4xlu0dze.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":29,"open_issues":1,"last_commit":"2026-10-03T06:01:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://amplo.ale.design/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://amplo.ale.design/r/registry.json","install_bun":"bunx shadcn@latest add https://amplo.ale.design/r/registry.json","clone":"git clone https://github.com/TheAleSch/amplo-picker.git","clone_degit":"npx degit TheAleSch/amplo-picker","registry_fetch":"curl -s https://amplo.ale.design/r/registry.json"},"component_count":9,"components":[{"name":"color-picker","title":"Amplo Color Picker","description":"OKLCH-native, Display-P3-aware color picker built on Base UI primitives — Hue/Lightness/Alpha on Slider, FormatSwitcher on Select, ChannelInput on NumberField,…","type":"registry:ui","source_url":"https://amplo.ale.design/r/color-picker.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/color-picker.json"},{"name":"gradient-picker","title":"Amplo Gradient Picker","description":"Linear / radial / conic gradient editing on Base UI primitives — TypeSwitcher/InterpSwitcher/RadialSizeSelect on Select, ReverseStops and the StopList editor a…","type":"registry:ui","source_url":"https://amplo.ale.design/r/gradient-picker.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/gradient-picker.json"},{"name":"fill-picker","title":"Amplo Fill Picker","description":"Color + gradient + the solid/gradient mode switcher (FillPicker.Root/Tabs/Tab/Pane) — the \"give me everything\" entry point, Base UI variant. Pulls the Base UI …","type":"registry:ui","source_url":"https://amplo.ale.design/r/fill-picker.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/fill-picker.json"},{"name":"color-picker-radix","title":"Amplo Color Picker (Radix)","description":"Radix/shadcn-classic shells for the Amplo color picker — Hue, Lightness, Alpha, FormatSwitcher, ChannelInput, Swatches, GamutBadge and ContrastReadout built on…","type":"registry:ui","source_url":"https://amplo.ale.design/r/color-picker-radix.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/color-picker-radix.json"},{"name":"gradient-picker-radix","title":"Amplo Gradient Picker (Radix)","description":"Radix/shadcn-classic shells for the Amplo gradient picker — TypeSwitcher, InterpSwitcher and RadialSizeSelect on shadcn's Select, plus the popover stop editor.…","type":"registry:ui","source_url":"https://amplo.ale.design/r/gradient-picker-radix.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/gradient-picker-radix.json"},{"name":"fill-picker-radix","title":"Amplo Fill Picker (Radix)","description":"Radix/shadcn-classic entry point for the Amplo fill picker — the barrel that composes the Radix color and gradient pickers with the shared solid/gradient mode …","type":"registry:ui","source_url":"https://amplo.ale.design/r/fill-picker-radix.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/fill-picker-radix.json"},{"name":"color-picker-engine","title":"Amplo Color Picker Engine","description":"Dialect-agnostic core of the Amplo color picker: the OKLCH state engine (types, conversions, gamut math, CSS Color 4 chroma reduction, WCAG + APCA contrast), t…","type":"registry:ui","source_url":"https://amplo.ale.design/r/color-picker-engine.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/color-picker-engine.json"},{"name":"gradient-picker-engine","title":"Amplo Gradient Picker Engine","description":"Dialect-agnostic core of the Amplo gradient picker: CSS gradient parsing/serialization with per-stop format state, the gradient context and hook, and the point…","type":"registry:ui","source_url":"https://amplo.ale.design/r/gradient-picker-engine.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/gradient-picker-engine.json"},{"name":"fill-picker-engine","title":"Amplo Fill Picker Engine","description":"Dialect-agnostic core of the Amplo fill picker: the solid/gradient mode state (fill context + `useFillPicker`) and the FillPicker.Root/Tabs/Tab/Pane parts both…","type":"registry:ui","source_url":"https://amplo.ale.design/r/fill-picker-engine.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/fill-picker-engine.json"}]},{"id":"animate-ui","name":"@animate-ui","slug":"animate-ui","description":"Fully animated open-source React component distribution built with TypeScript, Tailwind CSS, and Motion (formerly Framer Motion). Three component tiers: animated Radix-wrapped primitives (accordion, alert-dialog, checkbox, dialog, dropdown-menu, files, hover-card, popover, progress, radio-group, sheet, sidebar, switch, tabs, toggle, tooltip), Base UI-backed variants of the same set, and custom Animate components (avatar-group, code, code-tabs, cursor, github-stars-wheel, tabs, tooltip). Also includes animated Lucide icons. MCP server available. Free, MIT-licensed. Use for: any React app that wants smooth, physics-based transitions on standard shadcn/ui primitives without writing animation logic manually.","author":"imskyleen","framework":"react","license":null,"tags":["accessibility","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","charts","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","theming"],"categories":["Animated components"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://animate-ui.com","github":"https://github.com/imskyleen/animate-ui","registry":"https://animate-ui.com/r/registry.json","source":"https://animate-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/animate-ui","markdown":"https://sh4dcn.netlify.app/md/animate-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' role='img' viewBox='0 0 24 24'><path fill='currentColor' d='M17.453 23.09H6.547a6.43 6.43 0 0 1-3.32-.914 6.5 6.5 0 0 1-2.262-2.32 6.406 6.406 0 0 1 .031-6.45L6.45 4.094a6.4 6.4 0 0 1 2.442-2.387 6.47 6.47 0 0 1 6.218 0 6.4 6.4 0 0 1 2.442 2.387l5.453 9.312a6.4 6.4 0 0 1 .031 6.45 6.5 6.5 0 0 1-2.262 2.32 6.43 6.43 0 0 1-3.32.914M11.336 6.953 5.879 16.27a.75.75 0 0 0-.004.773.74.74 0 0 0 .672.387h10.906a.74.74 0 0 0 .672-.387.75.75 0 0 0-.004-.773l-5.457-9.317A.73.73 0 0 0 12 6.57a.73.73 0 0 0-.664.383m0 0'/></svg>","preview_image":"https://animate-ui.com/og-image.png?v=2","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4698,"open_issues":1,"last_commit":"2026-10-25T16:16:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://animate-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://animate-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://animate-ui.com/r/registry.json","clone":"git clone https://github.com/imskyleen/animate-ui.git","clone_degit":"npx degit imskyleen/animate-ui","registry_fetch":"curl -s https://animate-ui.com/r/registry.json"},"component_count":250,"components":[{"name":"backgrounds-bubble","title":"Bubble Background","description":"An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-bubble.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-bubble.json"},{"name":"backgrounds-fireworks","title":"Fireworks Background","description":"A background component that displays a fireworks animation.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-fireworks.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-fireworks.json"},{"name":"backgrounds-glyph","title":"Glyph Background","description":"A background component featuring a field of characters lit by drifting glows, a cursor trail and waves on click.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-glyph.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-glyph.json"},{"name":"backgrounds-gradient","title":"Gradient Background","description":"A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-gradient.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-gradient.json"},{"name":"backgrounds-gravity-stars","title":"Gravity Stars Background","description":"A background component featuring a subtle yet engaging animated gravity stars effect.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-gravity-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-gravity-stars.json"},{"name":"backgrounds-hexagon","title":"Hexagon Background","description":"A background component featuring an interactive hexagon grid.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-hexagon.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-hexagon.json"},{"name":"backgrounds-hole","title":"Hole Background","description":"A background component featuring an animated hole grid.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-hole.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-hole.json"},{"name":"backgrounds-stars","title":"Stars Background","description":"An interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-stars.json"},{"name":"backgrounds-topography","title":"Topography Background","description":"A background component featuring living contour lines that rise under the cursor and ripple on click.","type":"registry:ui","source_url":"https://animate-ui.com/r/backgrounds-topography.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/backgrounds-topography.json"},{"name":"buttons-flip","title":"Flip Button","description":"A button that flips over on hover to reveal its back face.","type":"registry:ui","source_url":"https://animate-ui.com/r/buttons-flip.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/buttons-flip.json"},{"name":"buttons-github-stars","title":"GitHub Stars Button","description":"A button showing a repository's GitHub stars, counted up with a filling star.","type":"registry:ui","source_url":"https://animate-ui.com/r/buttons-github-stars.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/buttons-github-stars.json"},{"name":"buttons-liquid","title":"Liquid Button","description":"A button that fills with color from the bottom on hover.","type":"registry:ui","source_url":"https://animate-ui.com/r/buttons-liquid.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/buttons-liquid.json"},{"name":"buttons-theme-toggler","title":"Theme Toggler Button","description":"A button that cycles the theme, its icon turning into the next one.","type":"registry:ui","source_url":"https://animate-ui.com/r/buttons-theme-toggler.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/buttons-theme-toggler.json"},{"name":"components-code-block","title":"Code Block","description":"A highlighted code block that types itself out, with a cursor and a copy button.","type":"registry:ui","source_url":"https://animate-ui.com/r/components-code-block.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-code-block.json"},{"name":"components-page-transition-react-router","title":"Page Transition (React Router)","description":"Animated transitions between the pages of a React Router app, built on view transitions.","type":"registry:ui","source_url":"https://animate-ui.com/r/components-page-transition-react-router.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-page-transition-react-router.json"},{"name":"components-page-transition-tanstack-router","title":"Page Transition (TanStack Router)","description":"Animated transitions between the pages of a TanStack Router app, built on view transitions.","type":"registry:ui","source_url":"https://animate-ui.com/r/components-page-transition-tanstack-router.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-page-transition-tanstack-router.json"},{"name":"components-page-transition","title":"Page Transition","description":"Animated transitions between the pages of a Next.js App Router app, built on view transitions.","type":"registry:ui","source_url":"https://animate-ui.com/r/components-page-transition.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/components-page-transition.json"},{"name":"icons-hugeicons-accessibility","title":"Accessibility Icon","description":"Accessibility icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-accessibility.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-accessibility.json"},{"name":"icons-hugeicons-activity-01","title":"Activity 01 Icon","description":"Activity 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-activity-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-activity-01.json"},{"name":"icons-hugeicons-add-01","title":"Add 01 Icon","description":"Add 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-add-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-add-01.json"},{"name":"icons-hugeicons-airplay","title":"Airplay Icon","description":"Airplay icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-airplay.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-airplay.json"},{"name":"icons-hugeicons-alarm-clock","title":"Alarm Clock Icon","description":"Alarm Clock icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-alarm-clock.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-alarm-clock.json"},{"name":"icons-hugeicons-arrow-down-01","title":"Arrow Down 01 Icon","description":"Arrow Down 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-down-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-down-01.json"},{"name":"icons-hugeicons-arrow-down-02","title":"Arrow Down 02 Icon","description":"Arrow Down 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-down-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-down-02.json"},{"name":"icons-hugeicons-arrow-left-01","title":"Arrow Left 01 Icon","description":"Arrow Left 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-left-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-left-01.json"},{"name":"icons-hugeicons-arrow-left-02","title":"Arrow Left 02 Icon","description":"Arrow Left 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-left-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-left-02.json"},{"name":"icons-hugeicons-arrow-right-01","title":"Arrow Right 01 Icon","description":"Arrow Right 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-right-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-right-01.json"},{"name":"icons-hugeicons-arrow-right-02","title":"Arrow Right 02 Icon","description":"Arrow Right 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-right-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-right-02.json"},{"name":"icons-hugeicons-arrow-up-01","title":"Arrow Up 01 Icon","description":"Arrow Up 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-up-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-up-01.json"},{"name":"icons-hugeicons-arrow-up-02","title":"Arrow Up 02 Icon","description":"Arrow Up 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-up-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-up-02.json"},{"name":"icons-hugeicons-arrow-up-down","title":"Arrow Up Down Icon","description":"Arrow up down icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-arrow-up-down.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-arrow-up-down.json"},{"name":"icons-hugeicons-attachment-01","title":"Attachment 01 Icon","description":"Attachment 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-attachment-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-attachment-01.json"},{"name":"icons-hugeicons-audio-lines","title":"Audio Lines Icon","description":"Audio Lines icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-audio-lines.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-audio-lines.json"},{"name":"icons-hugeicons-axe","title":"Axe Icon","description":"Axe icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-axe.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-axe.json"},{"name":"icons-hugeicons-badge-check","title":"Badge Check Icon","description":"Badge check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-badge-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-badge-check.json"},{"name":"icons-hugeicons-battery-charging","title":"Battery Charging Icon","description":"Battery Charging icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-battery-charging.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-charging.json"},{"name":"icons-hugeicons-battery-full","title":"Battery Full Icon","description":"Battery Full icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-battery-full.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-full.json"},{"name":"icons-hugeicons-battery-low","title":"Battery Low Icon","description":"Battery Low icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-battery-low.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-low.json"},{"name":"icons-hugeicons-battery-medium-01","title":"Battery Medium 01 Icon","description":"Battery Medium 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-battery-medium-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-battery-medium-01.json"},{"name":"icons-hugeicons-bell-off","title":"Bell Off Icon","description":"Bell off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bell-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bell-off.json"},{"name":"icons-hugeicons-bell-ring","title":"Bell Ring Icon","description":"Bell ring icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bell-ring.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bell-ring.json"},{"name":"icons-hugeicons-between-horizontal-end","title":"Between Horizontal End Icon","description":"Between horizontal end icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-between-horizontal-end.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-horizontal-end.json"},{"name":"icons-hugeicons-between-horizontal-start","title":"Between Horizontal Start Icon","description":"Between horizontal start icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-between-horizontal-start.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-horizontal-start.json"},{"name":"icons-hugeicons-between-vertical-end","title":"Between Vertical End Icon","description":"Between vertical end icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-between-vertical-end.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-vertical-end.json"},{"name":"icons-hugeicons-between-vertical-start","title":"Between Vertical Start Icon","description":"Between vertical start icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-between-vertical-start.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-between-vertical-start.json"},{"name":"icons-hugeicons-binary","title":"Binary Icon","description":"Binary icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-binary.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-binary.json"},{"name":"icons-hugeicons-blend","title":"Blend Icon","description":"Blend icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-blend.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-blend.json"},{"name":"icons-hugeicons-blocks","title":"Blocks Icon","description":"Blocks icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-blocks.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-blocks.json"},{"name":"icons-hugeicons-bluetooth","title":"Bluetooth Icon","description":"Bluetooth icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bluetooth.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bluetooth.json"},{"name":"icons-hugeicons-bookmark-check","title":"Bookmark Check Icon","description":"Bookmark Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bookmark-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bookmark-check.json"},{"name":"icons-hugeicons-bookmark-plus","title":"Bookmark Plus Icon","description":"Bookmark Plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bookmark-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bookmark-plus.json"},{"name":"icons-hugeicons-bookmark","title":"Bookmark Icon","description":"Bookmark icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bookmark.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bookmark.json"},{"name":"icons-hugeicons-bot-message-square","title":"Bot Message Square Icon","description":"Bot message square icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bot-message-square.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bot-message-square.json"},{"name":"icons-hugeicons-bot-off","title":"Bot Off Icon","description":"Bot off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bot-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bot-off.json"},{"name":"icons-hugeicons-bot","title":"Bot Icon","description":"Bot icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-bot.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-bot.json"},{"name":"icons-hugeicons-brush-cleaning","title":"Brush Cleaning Icon","description":"Brush cleaning icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-brush-cleaning.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-brush-cleaning.json"},{"name":"icons-hugeicons-brush","title":"Brush Icon","description":"Brush icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-brush.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-brush.json"},{"name":"icons-hugeicons-calendar-check","title":"Calendar Check Icon","description":"Calendar Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-calendar-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar-check.json"},{"name":"icons-hugeicons-calendar-clock","title":"Calendar Clock Icon","description":"Calendar Clock icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-calendar-clock.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar-clock.json"},{"name":"icons-hugeicons-calendar-plus","title":"Calendar Plus Icon","description":"Calendar Plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-calendar-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar-plus.json"},{"name":"icons-hugeicons-calendar","title":"Calendar Icon","description":"Calendar icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-calendar.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-calendar.json"},{"name":"icons-hugeicons-camera","title":"Camera Icon","description":"Camera icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-camera.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-camera.json"},{"name":"icons-hugeicons-cancel-01","title":"Cancel 01 Icon","description":"Cancel 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cancel-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cancel-01.json"},{"name":"icons-hugeicons-cast","title":"Cast Icon","description":"Cast icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cast.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cast.json"},{"name":"icons-hugeicons-cctv","title":"CCTV Icon","description":"CCTV icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cctv.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cctv.json"},{"name":"icons-hugeicons-chart-bar-decreasing","title":"Chart Bar Decreasing Icon","description":"Chart bar decreasing icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-bar-decreasing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-bar-decreasing.json"},{"name":"icons-hugeicons-chart-bar-increasing","title":"Chart Bar Increasing Icon","description":"Chart bar increasing icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-bar-increasing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-bar-increasing.json"},{"name":"icons-hugeicons-chart-column-decreasing","title":"Chart Column Decreasing Icon","description":"Chart column decreasing icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-column-decreasing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-column-decreasing.json"},{"name":"icons-hugeicons-chart-column-increasing","title":"Chart Column Increasing Icon","description":"Chart column increasing icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-column-increasing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-column-increasing.json"},{"name":"icons-hugeicons-chart-column","title":"Chart Column Icon","description":"Chart column icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-column.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-column.json"},{"name":"icons-hugeicons-chart-line","title":"Chart Line Icon","description":"Chart line icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-line.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-line.json"},{"name":"icons-hugeicons-chart-no-axes-column-decreasing","title":"Chart No Axes Column Decreasing Icon","description":"Chart no axes column decreasing icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column-decreasing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column-decreasing.json"},{"name":"icons-hugeicons-chart-no-axes-column-increasing","title":"Chart No Axes Column Increasing Icon","description":"Chart no axes column increasing icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column-increasing.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column-increasing.json"},{"name":"icons-hugeicons-chart-no-axes-column","title":"Chart No Axes Column Icon","description":"Chart no axes column icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-no-axes-column.json"},{"name":"icons-hugeicons-chart-scatter","title":"Chart Scatter Icon","description":"Chart scatter icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-scatter.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-scatter.json"},{"name":"icons-hugeicons-chart-spline","title":"Chart Spline Icon","description":"Chart spline icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-chart-spline.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-chart-spline.json"},{"name":"icons-hugeicons-check-check","title":"Check Check Icon","description":"Check check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-check-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-check-check.json"},{"name":"icons-hugeicons-check-line","title":"Check Line Icon","description":"Check line icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-check-line.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-check-line.json"},{"name":"icons-hugeicons-check","title":"Check Icon","description":"Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-check.json"},{"name":"icons-hugeicons-checkmark-circle-02","title":"Checkmark Circle 02 Icon","description":"Checkmark Circle 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-checkmark-circle-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-checkmark-circle-02.json"},{"name":"icons-hugeicons-cherry","title":"Cherry Icon","description":"Cherry icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cherry.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cherry.json"},{"name":"icons-hugeicons-circle-check-big","title":"Circle Check Big Icon","description":"Circle check big icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-circle-check-big.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-check-big.json"},{"name":"icons-hugeicons-circle-plus","title":"Circle Plus Icon","description":"Circle plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-circle-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-plus.json"},{"name":"icons-hugeicons-circle-question-mark","title":"Circle Question Mark Icon","description":"Circle Question Mark icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-circle-question-mark.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-question-mark.json"},{"name":"icons-hugeicons-circle-x","title":"Circle X Icon","description":"Circle x icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-circle-x.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circle-x.json"},{"name":"icons-hugeicons-circuit-board","title":"Circuit Board Icon","description":"Circuit Board icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-circuit-board.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-circuit-board.json"},{"name":"icons-hugeicons-clapperboard","title":"Clapperboard Icon","description":"Clapperboard icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clapperboard.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clapperboard.json"},{"name":"icons-hugeicons-clipboard-check","title":"Clipboard Check Icon","description":"Clipboard Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clipboard-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clipboard-check.json"},{"name":"icons-hugeicons-clipboard-list","title":"Clipboard List Icon","description":"Clipboard List icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clipboard-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clipboard-list.json"},{"name":"icons-hugeicons-clipboard","title":"Clipboard Icon","description":"Clipboard icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clipboard.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clipboard.json"},{"name":"icons-hugeicons-clock-01","title":"Clock 01 Icon","description":"Clock 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-01.json"},{"name":"icons-hugeicons-clock-02","title":"Clock 02 Icon","description":"Clock 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-02.json"},{"name":"icons-hugeicons-clock-03","title":"Clock 03 Icon","description":"Clock 03 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-03.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-03.json"},{"name":"icons-hugeicons-clock-04","title":"Clock 04 Icon","description":"Clock 04 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-04.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-04.json"},{"name":"icons-hugeicons-clock-05","title":"Clock 05 Icon","description":"Clock 05 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-05.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-05.json"},{"name":"icons-hugeicons-clock-add","title":"Clock Add Icon","description":"Clock Add icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-add.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-add.json"},{"name":"icons-hugeicons-clock-alert","title":"Clock Alert Icon","description":"Clock Alert icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-alert.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-alert.json"},{"name":"icons-hugeicons-clock-arrow-down","title":"Clock Arrow Down Icon","description":"Clock Arrow Down icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-arrow-down.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-arrow-down.json"},{"name":"icons-hugeicons-clock-arrow-up","title":"Clock Arrow Up Icon","description":"Clock Arrow Up icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-arrow-up.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-arrow-up.json"},{"name":"icons-hugeicons-clock-check","title":"Clock Check Icon","description":"Clock Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-check.json"},{"name":"icons-hugeicons-clock-fading","title":"Clock Fading Icon","description":"Clock Fading icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-fading.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-fading.json"},{"name":"icons-hugeicons-clock-hour-1","title":"Clock Hour 1 Icon","description":"Clock Hour 1 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-1.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-1.json"},{"name":"icons-hugeicons-clock-hour-10","title":"Clock Hour 10 Icon","description":"Clock Hour 10 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-10.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-10.json"},{"name":"icons-hugeicons-clock-hour-11","title":"Clock Hour 11 Icon","description":"Clock Hour 11 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-11.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-11.json"},{"name":"icons-hugeicons-clock-hour-12","title":"Clock Hour 12 Icon","description":"Clock Hour 12 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-12.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-12.json"},{"name":"icons-hugeicons-clock-hour-2","title":"Clock Hour 2 Icon","description":"Clock Hour 2 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-2.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-2.json"},{"name":"icons-hugeicons-clock-hour-3","title":"Clock Hour 3 Icon","description":"Clock Hour 3 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-3.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-3.json"},{"name":"icons-hugeicons-clock-hour-4","title":"Clock Hour 4 Icon","description":"Clock Hour 4 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-4.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-4.json"},{"name":"icons-hugeicons-clock-hour-5","title":"Clock Hour 5 Icon","description":"Clock Hour 5 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-5.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-5.json"},{"name":"icons-hugeicons-clock-hour-6","title":"Clock Hour 6 Icon","description":"Clock Hour 6 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-6.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-6.json"},{"name":"icons-hugeicons-clock-hour-7","title":"Clock Hour 7 Icon","description":"Clock Hour 7 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-7.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-7.json"},{"name":"icons-hugeicons-clock-hour-8","title":"Clock Hour 8 Icon","description":"Clock Hour 8 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-8.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-8.json"},{"name":"icons-hugeicons-clock-hour-9","title":"Clock Hour 9 Icon","description":"Clock Hour 9 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-hour-9.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-hour-9.json"},{"name":"icons-hugeicons-clock-plus","title":"Clock Plus Icon","description":"Clock Plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-clock-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-clock-plus.json"},{"name":"icons-hugeicons-cloud-download","title":"Cloud Download Icon","description":"Cloud download icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-download.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-download.json"},{"name":"icons-hugeicons-cloud-drizzle","title":"Cloud Drizzle Icon","description":"Cloud drizzle icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-drizzle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-drizzle.json"},{"name":"icons-hugeicons-cloud-hail","title":"Cloud Hail Icon","description":"Cloud hail icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-hail.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-hail.json"},{"name":"icons-hugeicons-cloud-lightning","title":"Cloud Lightning Icon","description":"Cloud lightning icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-lightning.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-lightning.json"},{"name":"icons-hugeicons-cloud-moon-rain","title":"Cloud Moon Rain Icon","description":"Cloud moon rain icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-moon-rain.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-moon-rain.json"},{"name":"icons-hugeicons-cloud-rain-wind","title":"Cloud Rain Wind Icon","description":"Cloud rain wind icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-rain-wind.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-rain-wind.json"},{"name":"icons-hugeicons-cloud-rain","title":"Cloud Rain Icon","description":"Cloud rain icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-rain.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-rain.json"},{"name":"icons-hugeicons-cloud-snow","title":"Cloud Snow Icon","description":"Cloud snow icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-snow.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-snow.json"},{"name":"icons-hugeicons-cloud-sun-rain","title":"Cloud Sun Rain Icon","description":"Cloud sun rain icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-sun-rain.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-sun-rain.json"},{"name":"icons-hugeicons-cloud-upload","title":"Cloud Upload Icon","description":"Cloud upload icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cloud-upload.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cloud-upload.json"},{"name":"icons-hugeicons-coffee-02","title":"Coffee 02 Icon","description":"Coffee 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-coffee-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-coffee-02.json"},{"name":"icons-hugeicons-cog","title":"Cog Icon","description":"Cog icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cog.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cog.json"},{"name":"icons-hugeicons-compass","title":"Compass Icon","description":"Compass icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-compass.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-compass.json"},{"name":"icons-hugeicons-computer-terminal-01","title":"Computer Terminal 01 Icon","description":"Computer Terminal 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-computer-terminal-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-computer-terminal-01.json"},{"name":"icons-hugeicons-contrast","title":"Contrast Icon","description":"Contrast icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-contrast.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-contrast.json"},{"name":"icons-hugeicons-copy-01","title":"Copy 01 Icon","description":"Copy 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-copy-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-copy-01.json"},{"name":"icons-hugeicons-credit-card","title":"Credit Card Icon","description":"Credit Card icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-credit-card.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-credit-card.json"},{"name":"icons-hugeicons-crop","title":"Crop Icon","description":"Crop icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-crop.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-crop.json"},{"name":"icons-hugeicons-cross","title":"Cross Icon","description":"Cross icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-cross.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-cross.json"},{"name":"icons-hugeicons-crown","title":"Crown Icon","description":"Crown icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-crown.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-crown.json"},{"name":"icons-hugeicons-delete-02","title":"Delete 02 Icon","description":"Delete 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-delete-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-delete-02.json"},{"name":"icons-hugeicons-disc-3","title":"Disc 3 Icon","description":"Disc 3 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-disc-3.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-disc-3.json"},{"name":"icons-hugeicons-download-01","title":"Download 01 Icon","description":"Download 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-download-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-download-01.json"},{"name":"icons-hugeicons-download-04","title":"Download 04 Icon","description":"Download 04 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-download-04.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-download-04.json"},{"name":"icons-hugeicons-droplet","title":"Droplet Icon","description":"Droplet icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-droplet.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-droplet.json"},{"name":"icons-hugeicons-equal-not","title":"Equal Not Icon","description":"Equal not icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-equal-not.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-equal-not.json"},{"name":"icons-hugeicons-ev-charger","title":"EV Charger Icon","description":"EV Charger icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-ev-charger.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-ev-charger.json"},{"name":"icons-hugeicons-expand","title":"Expand Icon","description":"Expand icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-expand.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-expand.json"},{"name":"icons-hugeicons-eye-closed","title":"Eye Closed Icon","description":"Eye Closed icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-eye-closed.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-eye-closed.json"},{"name":"icons-hugeicons-eye-off","title":"Eye Off Icon","description":"Eye Off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-eye-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-eye-off.json"},{"name":"icons-hugeicons-fan","title":"Fan Icon","description":"Fan icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-fan.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-fan.json"},{"name":"icons-hugeicons-fast-forward","title":"Fast Forward Icon","description":"Fast Forward icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-fast-forward.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-fast-forward.json"},{"name":"icons-hugeicons-favourite","title":"Favourite Icon","description":"Favourite icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-favourite.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-favourite.json"},{"name":"icons-hugeicons-file-check","title":"File Check Icon","description":"File Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-file-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-check.json"},{"name":"icons-hugeicons-file-clock","title":"File Clock Icon","description":"File Clock icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-file-clock.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-clock.json"},{"name":"icons-hugeicons-file-plus","title":"File Plus Icon","description":"File Plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-file-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-plus.json"},{"name":"icons-hugeicons-file-sliders","title":"File Sliders Icon","description":"File Sliders icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-file-sliders.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-sliders.json"},{"name":"icons-hugeicons-file-x","title":"File X Icon","description":"File X icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-file-x.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-file-x.json"},{"name":"icons-hugeicons-filter-horizontal","title":"Filter Horizontal Icon","description":"Filter Horizontal icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-filter-horizontal.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-filter-horizontal.json"},{"name":"icons-hugeicons-finger-print","title":"Finger Print Icon","description":"Finger Print icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-finger-print.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-finger-print.json"},{"name":"icons-hugeicons-flag","title":"Flag Icon","description":"Flag icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-flag.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-flag.json"},{"name":"icons-hugeicons-flame","title":"Flame Icon","description":"Flame icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-flame.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-flame.json"},{"name":"icons-hugeicons-flash","title":"Flash Icon","description":"Flash icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-flash.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-flash.json"},{"name":"icons-hugeicons-folder-clock","title":"Folder Clock Icon","description":"Folder Clock icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-folder-clock.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-folder-clock.json"},{"name":"icons-hugeicons-folder-open","title":"Folder Open Icon","description":"Folder Open icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-folder-open.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-folder-open.json"},{"name":"icons-hugeicons-forklift","title":"Forklift Icon","description":"Forklift icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-forklift.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-forklift.json"},{"name":"icons-hugeicons-frame","title":"Frame Icon","description":"Frame icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-frame.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-frame.json"},{"name":"icons-hugeicons-gallery-horizontal-end","title":"Gallery Horizontal End Icon","description":"Gallery horizontal end icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gallery-horizontal-end.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-horizontal-end.json"},{"name":"icons-hugeicons-gallery-horizontal","title":"Gallery Horizontal Icon","description":"Gallery horizontal icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gallery-horizontal.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-horizontal.json"},{"name":"icons-hugeicons-gallery-vertical-end","title":"Gallery Vertical End Icon","description":"Gallery vertical end icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gallery-vertical-end.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-vertical-end.json"},{"name":"icons-hugeicons-gallery-vertical","title":"Gallery Vertical Icon","description":"Gallery vertical icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gallery-vertical.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gallery-vertical.json"},{"name":"icons-hugeicons-gauge","title":"Gauge Icon","description":"Gauge icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gauge.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gauge.json"},{"name":"icons-hugeicons-gavel","title":"Gavel Icon","description":"Gavel icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gavel.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gavel.json"},{"name":"icons-hugeicons-ghost","title":"Ghost Icon","description":"Ghost icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-ghost.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-ghost.json"},{"name":"icons-hugeicons-gift","title":"Gift Icon","description":"Gift icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-gift.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-gift.json"},{"name":"icons-hugeicons-globe-02","title":"Globe 02 Icon","description":"Globe 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-globe-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-globe-02.json"},{"name":"icons-hugeicons-hammer","title":"Hammer Icon","description":"Hammer icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-hammer.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-hammer.json"},{"name":"icons-hugeicons-headphones","title":"Headphones Icon","description":"Headphones icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-headphones.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-headphones.json"},{"name":"icons-hugeicons-home-03","title":"Home 03 Icon","description":"Home 03 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-home-03.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-home-03.json"},{"name":"icons-hugeicons-hourglass","title":"Hourglass Icon","description":"Hourglass icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-hourglass.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-hourglass.json"},{"name":"icons-hugeicons-house-wifi","title":"House Wifi Icon","description":"House wifi icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-house-wifi.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-house-wifi.json"},{"name":"icons-hugeicons-infinity","title":"Infinity Icon","description":"Infinity icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-infinity.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-infinity.json"},{"name":"icons-hugeicons-info","title":"Info Icon","description":"Info icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-info.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-info.json"},{"name":"icons-hugeicons-kanban","title":"Kanban Icon","description":"Kanban icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-kanban.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-kanban.json"},{"name":"icons-hugeicons-key-01","title":"Key 01 Icon","description":"Key 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-key-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-key-01.json"},{"name":"icons-hugeicons-key-round","title":"Key Round Icon","description":"Key Round icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-key-round.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-key-round.json"},{"name":"icons-hugeicons-layers-01","title":"Layers 01 Icon","description":"Layers 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-layers-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-layers-01.json"},{"name":"icons-hugeicons-layout-dashboard","title":"Layout Dashboard Icon","description":"Layout dashboard icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-layout-dashboard.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-layout-dashboard.json"},{"name":"icons-hugeicons-leaf","title":"Leaf Icon","description":"Leaf icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-leaf.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-leaf.json"},{"name":"icons-hugeicons-lightbulb-off","title":"Lightbulb Off Icon","description":"Lightbulb off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-lightbulb-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lightbulb-off.json"},{"name":"icons-hugeicons-lightbulb","title":"Lightbulb Icon","description":"Lightbulb icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-lightbulb.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lightbulb.json"},{"name":"icons-hugeicons-link-01","title":"Link 01 Icon","description":"Link 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-link-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-link-01.json"},{"name":"icons-hugeicons-link-square-02","title":"Link Square 02 Icon","description":"Link Square 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-link-square-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-link-square-02.json"},{"name":"icons-hugeicons-list","title":"List Icon","description":"List icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-list.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-list.json"},{"name":"icons-hugeicons-loading-01","title":"Loading 01 Icon","description":"Loading 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-loading-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-loading-01.json"},{"name":"icons-hugeicons-loading-02","title":"Loading 02 Icon","description":"Loading 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-loading-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-loading-02.json"},{"name":"icons-hugeicons-loading-03","title":"Loading 03 Icon","description":"Loading 03 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-loading-03.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-loading-03.json"},{"name":"icons-hugeicons-location-01","title":"Location 01 Icon","description":"Location 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-location-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-location-01.json"},{"name":"icons-hugeicons-lock-keyhole-open","title":"Lock Keyhole Open Icon","description":"Lock keyhole open icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-lock-keyhole-open.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lock-keyhole-open.json"},{"name":"icons-hugeicons-lock-keyhole","title":"Lock Keyhole Icon","description":"Lock keyhole icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-lock-keyhole.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-lock-keyhole.json"},{"name":"icons-hugeicons-login-01","title":"Login 01 Icon","description":"Login 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-login-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-login-01.json"},{"name":"icons-hugeicons-logout-01","title":"Logout 01 Icon","description":"Logout 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-logout-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-logout-01.json"},{"name":"icons-hugeicons-mail-01","title":"Mail 01 Icon","description":"Mail 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-mail-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mail-01.json"},{"name":"icons-hugeicons-mail-check","title":"Mail Check Icon","description":"Mail Check icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-mail-check.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mail-check.json"},{"name":"icons-hugeicons-mail-open","title":"Mail Open Icon","description":"Mail Open icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-mail-open.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mail-open.json"},{"name":"icons-hugeicons-map-pin-off","title":"Map Pin Off Icon","description":"Map pin off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-map-pin-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-map-pin-off.json"},{"name":"icons-hugeicons-maximize-01","title":"Maximize 01 Icon","description":"Maximize 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-maximize-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-maximize-01.json"},{"name":"icons-hugeicons-megaphone","title":"Megaphone Icon","description":"Megaphone icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-megaphone.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-megaphone.json"},{"name":"icons-hugeicons-menu-01","title":"Menu 01 Icon","description":"Menu 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-menu-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-menu-01.json"},{"name":"icons-hugeicons-message-01","title":"Message 01 Icon","description":"Message 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-01.json"},{"name":"icons-hugeicons-message-circle-code","title":"Message Circle Code Icon","description":"Message circle code icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-code.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-code.json"},{"name":"icons-hugeicons-message-circle-dashed","title":"Message Circle Dashed Icon","description":"Message circle dashed icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-dashed.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-dashed.json"},{"name":"icons-hugeicons-message-circle-heart","title":"Message Circle Heart Icon","description":"Message circle heart icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-heart.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-heart.json"},{"name":"icons-hugeicons-message-circle-more","title":"Message Circle More Icon","description":"Message circle more icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-more.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-more.json"},{"name":"icons-hugeicons-message-circle-off","title":"Message Circle Off Icon","description":"Message circle off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-off.json"},{"name":"icons-hugeicons-message-circle-plus","title":"Message Circle Plus Icon","description":"Message circle plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-plus.json"},{"name":"icons-hugeicons-message-circle-warning","title":"Message Circle Warning Icon","description":"Message circle warning icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-warning.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-warning.json"},{"name":"icons-hugeicons-message-circle-x","title":"Message Circle X Icon","description":"Message circle x icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle-x.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle-x.json"},{"name":"icons-hugeicons-message-circle","title":"Message Circle Icon","description":"Message circle icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-circle.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-circle.json"},{"name":"icons-hugeicons-message-square-code","title":"Message Square Code Icon","description":"Message square code icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-code.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-code.json"},{"name":"icons-hugeicons-message-square-dashed","title":"Message Square Dashed Icon","description":"Message square dashed icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-dashed.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-dashed.json"},{"name":"icons-hugeicons-message-square-diff","title":"Message Square Diff Icon","description":"Message square diff icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-diff.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-diff.json"},{"name":"icons-hugeicons-message-square-dot","title":"Message Square Dot Icon","description":"Message square dot icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-dot.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-dot.json"},{"name":"icons-hugeicons-message-square-heart","title":"Message Square Heart Icon","description":"Message square heart icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-heart.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-heart.json"},{"name":"icons-hugeicons-message-square-more","title":"Message Square More Icon","description":"Message square more icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-more.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-more.json"},{"name":"icons-hugeicons-message-square-off","title":"Message Square Off Icon","description":"Message square off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-off.json"},{"name":"icons-hugeicons-message-square-plus","title":"Message Square Plus Icon","description":"Message square plus icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-plus.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-plus.json"},{"name":"icons-hugeicons-message-square-quote","title":"Message Square Quote Icon","description":"Message square quote icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-quote.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-quote.json"},{"name":"icons-hugeicons-message-square-share","title":"Message Square Share Icon","description":"Message square share icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-share.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-share.json"},{"name":"icons-hugeicons-message-square-text","title":"Message Square Text Icon","description":"Message square text icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-text.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-text.json"},{"name":"icons-hugeicons-message-square-warning","title":"Message Square Warning Icon","description":"Message square warning icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-warning.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-warning.json"},{"name":"icons-hugeicons-message-square-x","title":"Message Square X Icon","description":"Message square x icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-message-square-x.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-message-square-x.json"},{"name":"icons-hugeicons-mic-off","title":"Mic Off Icon","description":"Mic Off icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-mic-off.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mic-off.json"},{"name":"icons-hugeicons-mic","title":"Mic Icon","description":"Mic icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-mic.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-mic.json"},{"name":"icons-hugeicons-minimize-01","title":"Minimize 01 Icon","description":"Minimize 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-minimize-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-minimize-01.json"},{"name":"icons-hugeicons-minus-sign","title":"Minus Sign Icon","description":"Minus Sign icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-minus-sign.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-minus-sign.json"},{"name":"icons-hugeicons-moon-02","title":"Moon 02 Icon","description":"Moon 02 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-moon-02.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-moon-02.json"},{"name":"icons-hugeicons-moon-star","title":"Moon Star Icon","description":"Moon star icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-moon-star.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-moon-star.json"},{"name":"icons-hugeicons-more-horizontal","title":"More Horizontal Icon","description":"More Horizontal icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-more-horizontal.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-more-horizontal.json"},{"name":"icons-hugeicons-more-vertical","title":"More Vertical Icon","description":"More Vertical icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-more-vertical.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-more-vertical.json"},{"name":"icons-hugeicons-move-down","title":"Move Down Icon","description":"Move down icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-move-down.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-down.json"},{"name":"icons-hugeicons-move-left","title":"Move Left Icon","description":"Move left icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-move-left.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-left.json"},{"name":"icons-hugeicons-move-right","title":"Move Right Icon","description":"Move right icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-move-right.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-right.json"},{"name":"icons-hugeicons-move-up","title":"Move Up Icon","description":"Move up icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-move-up.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-move-up.json"},{"name":"icons-hugeicons-music-3","title":"Music 3 Icon","description":"Music 3 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-music-3.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-music-3.json"},{"name":"icons-hugeicons-nfc","title":"Nfc Icon","description":"Nfc icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-nfc.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-nfc.json"},{"name":"icons-hugeicons-notification-01","title":"Notification 01 Icon","description":"Notification 01 icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-notification-01.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-notification-01.json"},{"name":"icons-hugeicons-octagon-alert","title":"Octagon Alert Icon","description":"Octagon Alert icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-octagon-alert.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-octagon-alert.json"},{"name":"icons-hugeicons-orbit","title":"Orbit Icon","description":"Orbit icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-orbit.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-orbit.json"},{"name":"icons-hugeicons-paintbrush","title":"Paintbrush Icon","description":"Paintbrush icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-paintbrush.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-paintbrush.json"},{"name":"icons-hugeicons-panel-bottom-close","title":"Panel Bottom Close Icon","description":"Panel bottom close icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-panel-bottom-close.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-bottom-close.json"},{"name":"icons-hugeicons-panel-bottom-open","title":"Panel Bottom Open Icon","description":"Panel bottom open icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-panel-bottom-open.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-bottom-open.json"},{"name":"icons-hugeicons-panel-bottom","title":"Panel Bottom Icon","description":"Panel bottom icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-panel-bottom.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-bottom.json"},{"name":"icons-hugeicons-panel-left-close","title":"Panel Left Close Icon","description":"Panel left close icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-panel-left-close.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-left-close.json"},{"name":"icons-hugeicons-panel-left-open","title":"Panel Left Open Icon","description":"Panel left open icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-panel-left-open.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-left-open.json"},{"name":"icons-hugeicons-panel-left","title":"Panel Left Icon","description":"Panel left icon component.","type":"registry:ui","source_url":"https://animate-ui.com/r/icons-hugeicons-panel-left.json","install_command":"npx shadcn@latest add https://animate-ui.com/r/icons-hugeicons-panel-left.json"}]},{"id":"animbits","name":"@animbits","slug":"animbits","description":"Production-ready Framer Motion animation component library for React (Next.js 15, TypeScript 5.9). Ships 50+ copy-paste animation components organized into: Icons (heartbeat, pulse, bounce, spin, wiggle, shake, pop, rotate, stroke-draw, fade-in, scale-in), Buttons (lift, ripple, magnetic, glow), Cards, Loaders, Lists, and Page Transitions, plus animation hooks. All components respect prefers-reduced-motion. Install via shadcn CLI. Free, MIT-licensed, dark-mode ready. Use for: adding tasteful, non-flashy micro-interactions to existing components — particularly icons and buttons — in Next.js or Vite projects.","author":"Garvit1000","framework":"react","license":"MIT","tags":["aesthetic","animation","backgrounds","buttons","cards","design-system","glassmorphism","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://animbits.dev","github":"https://github.com/Garvit1000/AnimBits","registry":"https://animbits.dev/r/registry.json","source":"https://animbits.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/animbits","markdown":"https://sh4dcn.netlify.app/md/animbits.md"},"logo":"<svg  xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'><path d='m46.942 19.951 0.102 0.093c0.092 0.078 0.185 0.138 0.288 0.201 0.234 0.162 0.361 0.393 0.511 0.63 0.119 0.181 0.25 0.344 0.388 0.511 0.322 0.398 0.519 0.855 0.72 1.322 0.048 0.107 0.048 0.107 0.158 0.206 0.156 0.419 0.336 0.921 0.219 1.367 -0.214 0.23 -0.472 0.346 -0.783 0.368q-0.159 0.002 -0.318 -0.002l-0.172 0a27.48 27.48 0 0 1 -0.357 -0.004 32.566 32.566 0 0 0 -0.545 -0.003q-0.174 -0.001 -0.348 -0.003l-0.163 -0.001c-0.378 -0.008 -0.648 -0.059 -0.95 -0.3 -0.16 -0.191 -0.285 -0.395 -0.416 -0.606 -0.697 -1.074 -1.649 -1.712 -2.898 -1.99 -0.108 -0.017 -0.213 -0.024 -0.322 -0.029l-0.166 -0.009c-1.183 -0.032 -2.282 0.345 -3.192 1.103 -0.884 0.842 -1.299 2.043 -1.673 3.172l-0.051 0.154a164.145 164.145 0 0 0 -0.356 1.082q-0.061 0.186 -0.122 0.371a73.828 73.828 0 0 0 -0.172 0.53l-0.053 0.16c-0.112 0.354 -0.194 0.699 -0.078 1.065 0.14 0.232 0.294 0.435 0.47 0.641 0.751 0.901 1.113 2.219 1.018 3.38 -0.164 1.265 -0.803 2.537 -1.793 3.357 -1.322 0.965 -2.699 1.14 -4.277 1.018H31.5v-0.219l-0.178 -0.01c-0.619 -0.082 -1.101 -0.422 -1.572 -0.81l-0.143 -0.117c-0.23 -0.197 -0.425 -0.38 -0.568 -0.648v-0.164l-0.092 -0.01c-0.247 -0.087 -0.358 -0.233 -0.47 -0.461 -0.568 -1.394 -0.672 -2.947 -0.114 -4.361 0.531 -1.133 1.397 -1.908 2.55 -2.372l0.154 -0.063c0.239 -0.092 0.438 -0.168 0.696 -0.18 0.242 -0.015 0.399 -0.039 0.613 -0.154 0.248 -0.336 0.335 -0.777 0.448 -1.172q0.054 -0.176 0.109 -0.351a53.402 53.402 0 0 0 0.216 -0.71c0.129 -0.43 0.269 -0.856 0.413 -1.282q0.061 -0.182 0.122 -0.364c0.656 -1.963 1.528 -3.677 3.286 -4.871l0.144 -0.099c3.046 -2.026 7.093 -1.785 9.83 0.636' fill='var(--foreground)'/><path d='M57.912 40.831c0.248 0.195 0.497 0.392 0.713 0.623v0.109l0.094 0.007c0.184 0.07 0.263 0.21 0.367 0.369l0.066 0.098c0.687 1.047 0.945 2.325 0.724 3.556a5.732 5.732 0 0 1 -1.416 2.65l-0.105 0.112 -0.094 0.095c-0.186 0.288 -0.125 0.605 -0.06 0.924l0.02 0.111c0.048 0.239 0.048 0.239 0.239 0.392a4.348 4.348 0 0 1 0.096 0.396c0.081 0.378 0.184 0.743 0.304 1.111 0.739 2.274 1.228 4.537 0.304 6.844 -0.085 0.215 -0.118 0.387 -0.103 0.618l-0.1 0.006c-0.135 0.041 -0.135 0.041 -0.194 0.199l-0.071 0.195c-0.251 0.64 -0.703 1.125 -1.166 1.624q-0.081 0.091 -0.162 0.183c-1.09 1.223 -2.612 2.123 -4.213 2.497l-0.204 0.049c-2.128 0.456 -4.165 -0.1 -6.048 -1.071l-0.116 -0.059c-0.229 -0.121 -0.409 -0.248 -0.578 -0.45 -0.04 -0.222 -0.05 -0.347 0.059 -0.544 0.21 -0.284 0.436 -0.471 0.73 -0.663 0.319 -0.21 0.587 -0.431 0.851 -0.708 0.705 -0.658 0.705 -0.658 1.148 -0.656 0.208 0.037 0.409 0.095 0.612 0.154q0.17 0.046 0.34 0.092l0.162 0.044c1.193 0.318 2.466 0.21 3.551 -0.388 1.081 -0.629 1.861 -1.575 2.212 -2.78 0.276 -1.111 0.119 -2.248 -0.229 -3.322l-0.048 -0.149c-0.089 -0.259 -0.168 -0.404 -0.366 -0.596 -0.036 -0.156 -0.036 -0.156 -0.051 -0.338 -0.042 -0.361 -0.126 -0.69 -0.235 -1.036 -0.053 -0.17 -0.098 -0.332 -0.125 -0.509l-0.026 -0.14 -0.109 -0.055c-0.056 -0.163 -0.102 -0.327 -0.148 -0.493 -0.089 -0.205 -0.151 -0.266 -0.344 -0.382 -0.267 -0.102 -0.542 -0.182 -0.816 -0.264 -0.375 -0.118 -0.675 -0.264 -0.989 -0.502l-0.146 -0.108 -0.114 -0.09 -0.115 -0.091 -0.117 -0.094 -0.132 -0.098c-0.174 -0.149 -0.309 -0.314 -0.449 -0.494l-0.079 -0.098c-0.126 -0.161 -0.228 -0.311 -0.305 -0.501 -0.059 -0.173 -0.059 -0.173 -0.158 -0.259 -0.513 -0.521 -0.484 -1.706 -0.484 -2.375 0.024 -1.326 0.609 -2.341 1.528 -3.262 1.656 -1.574 4.222 -1.848 6.093 -0.482' fill='var(--foreground)'/><path d='m50.725 27.158 0.134 0.131v0.164l0.109 0.031c0.575 0.276 0.927 0.867 1.258 1.391l0.039 0.116c0.108 0.159 0.273 0.175 0.453 0.212 0.151 0.016 0.297 0.027 0.448 0.033l0.129 0.006c0.448 0.02 0.897 0.024 1.345 0.026q0.224 0.001 0.448 0.003c0.424 0.003 0.847 0.006 1.271 0.008 2.309 0.011 2.309 0.011 3.249 0.197l0.208 0.039c0.166 0.033 0.331 0.069 0.496 0.108l0.165 0.037q0.194 0.044 0.388 0.089v0.164l0.099 0.019c1.474 0.335 2.581 1.5 3.456 2.661l0.099 0.126c1.082 1.394 1.499 3.23 1.504 4.963l0.001 0.11c0.001 0.432 -0.023 0.834 -0.127 1.253l-0.032 0.142c-0.295 1.309 -0.839 2.73 -1.828 3.686l-0.117 0.026 -0.102 0.029a7.219 7.219 0 0 0 -0.109 0.273c-0.388 0.461 -0.741 0.767 -1.349 0.827 -0.153 -0.008 -0.22 -0.028 -0.346 -0.116 -0.079 -0.157 -0.079 -0.157 -0.151 -0.356l-0.039 -0.107q-0.041 -0.112 -0.08 -0.225a28.711 28.711 0 0 0 -0.123 -0.341c-0.12 -0.332 -0.222 -0.644 -0.263 -0.994l-0.273 -0.055c-0.087 -0.464 -0.137 -0.856 0 -1.313h0.164l0.04 -0.114c0.082 -0.188 0.191 -0.349 0.305 -0.518 0.42 -0.637 0.638 -1.289 0.694 -2.047l0.009 -0.11c0.041 -0.974 -0.344 -2.009 -0.894 -2.796 -0.097 -0.116 -0.097 -0.116 -0.263 -0.157l-0.065 -0.14c-0.357 -0.677 -1.157 -1.145 -1.87 -1.374 -0.842 -0.255 -1.738 -0.262 -2.61 -0.26l-0.334 -0.001q-0.346 -0.001 -0.692 0c-0.295 0.001 -0.59 0 -0.885 -0.002q-0.343 -0.001 -0.686 -0.001a51.516 51.516 0 0 1 -0.326 -0.001 39.293 39.293 0 0 0 -0.455 0.001l-0.134 -0.002c-0.343 0.004 -0.64 0.091 -0.891 0.334 -0.084 0.095 -0.162 0.195 -0.239 0.296 -1.173 1.517 -1.173 1.517 -1.901 1.613L49.875 35.273l-0.052 0.107c-0.058 0.112 -0.058 0.112 -0.158 0.157l-0.123 0.024 -0.139 0.028 -0.15 0.026 -0.155 0.028c-1.304 0.216 -2.583 0.015 -3.708 -0.698 -0.212 -0.153 -0.407 -0.318 -0.602 -0.492l-0.154 -0.129c-0.834 -0.748 -1.223 -2.012 -1.282 -3.105 -0.045 -1.282 0.372 -2.499 1.241 -3.452a21.41 21.41 0 0 1 0.304 -0.314l0.105 -0.111c1.439 -1.401 4.18 -1.389 5.722 -0.184' fill='var(--foreground)'/><path d='M26.305 29.531c0.12 0.452 0.029 0.922 -0.041 1.374 -0.042 0.277 -0.076 0.551 -0.094 0.831l-0.012 0.171q-0.01 0.163 -0.017 0.326c-0.022 0.341 -0.071 0.512 -0.328 0.743 -0.163 0.092 -0.163 0.092 -0.345 0.164l-0.1 0.04a15.914 15.914 0 0 1 -0.542 0.204c-1.084 0.39 -2.036 0.999 -2.585 2.049 -0.558 1.194 -0.717 2.528 -0.307 3.793 0.153 0.389 0.36 0.735 0.598 1.078l0.084 0.121c0.566 0.785 1.41 1.403 2.192 1.96 0.262 0.187 0.504 0.392 0.747 0.601a5.66 5.66 0 0 0 0.647 0.477c0.133 0.086 0.254 0.185 0.376 0.285 0.256 0.128 0.597 0.084 0.866 0.015 0.289 -0.1 0.289 -0.1 0.473 -0.33l0.082 -0.123c0.13 -0.016 0.25 -0.01 0.38 0.001 0.153 -0.001 0.273 -0.021 0.421 -0.054 1.058 -0.224 2.174 -0.037 3.136 0.436l0.182 0.086c1.146 0.593 1.873 1.65 2.292 2.843 0.136 0.432 0.17 0.848 0.165 1.299l-0.002 0.168c-0.02 1.266 -0.469 2.511 -1.388 3.41 -0.586 0.543 -1.389 1.03 -2.179 1.162l-0.055 0.109q-0.383 0.008 -0.767 0.012 -0.13 0.002 -0.259 0.005c-0.786 0.017 -1.573 -0.054 -2.276 -0.44l-0.108 -0.057c-0.544 -0.294 -1.013 -0.677 -1.457 -1.105l-0.106 -0.1c-0.331 -0.341 -0.599 -0.849 -0.691 -1.317l-0.023 -0.115 -0.109 -0.055v-0.547l-0.164 -0.055 -0.007 -0.133a77.684 77.684 0 0 0 -0.034 -0.602l-0.01 -0.209c-0.03 -0.471 -0.075 -0.865 -0.407 -1.218l-0.144 -0.108 -0.16 -0.123 -0.168 -0.123 -0.166 -0.127a19.441 19.441 0 0 0 -0.777 -0.564c-0.208 -0.144 -0.396 -0.299 -0.585 -0.467 -0.421 -0.374 -0.814 -0.682 -1.37 -0.811l0.109 -0.273 -0.097 -0.043c-0.128 -0.069 -0.211 -0.143 -0.313 -0.247l-0.106 -0.107 -0.109 -0.112 -0.109 -0.11q-0.105 -0.107 -0.21 -0.214c-0.161 -0.164 -0.322 -0.327 -0.49 -0.484 -0.389 -0.39 -0.634 -0.832 -0.887 -1.319l-0.086 -0.162 -0.075 -0.146c-0.106 -0.142 -0.194 -0.177 -0.361 -0.228l0.032 -0.113c0.028 -0.198 -0.006 -0.341 -0.052 -0.535l-0.051 -0.221 -0.027 -0.116c-0.158 -0.67 -0.3 -1.333 -0.339 -2.022l-0.013 -0.195c-0.058 -1.606 0.499 -3.261 1.326 -4.618l0.062 -0.103c0.267 -0.443 0.56 -0.837 0.922 -1.209l0.095 -0.101c0.273 -0.285 0.578 -0.531 0.89 -0.774l0.169 -0.132c0.691 -0.524 1.481 -0.937 2.293 -1.241 0.118 -0.04 0.118 -0.04 0.163 -0.159h0.109v0.109l0.117 -0.036c0.573 -0.15 1.635 -0.345 2.179 -0.073' fill='var(--foreground)'/><path d='M43.074 50.406c0.12 0.002 0.239 0.002 0.359 0.003 0.366 0.002 0.721 0.017 1.083 0.068l0.055 0.219 0.15 0.01c0.771 0.116 1.497 0.653 1.982 1.248v0.109l0.098 0.04c0.441 0.254 0.732 0.973 0.887 1.437q0.003 0.191 0 0.383l0.164 0.055c0.335 1.256 0.035 2.62 -0.591 3.736 -0.189 0.298 -0.424 0.549 -0.667 0.803l-0.09 0.102c-0.668 0.732 -1.761 1.215 -2.738 1.274 -0.941 0.037 -1.774 -0.084 -2.674 -0.35 -0.294 -0.067 -0.51 -0.094 -0.771 0.07a10.418 10.418 0 0 0 -0.212 0.154l-0.115 0.082a30.105 30.105 0 0 0 -0.233 0.17 23.379 23.379 0 0 1 -0.319 0.229 68.906 68.906 0 0 0 -0.85 0.612 75.715 75.715 0 0 1 -0.786 0.564l-0.116 0.083a12.879 12.879 0 0 1 -0.678 0.447c-0.123 0.077 -0.24 0.161 -0.357 0.246 -0.427 0.301 -0.865 0.565 -1.356 0.747 -0.14 0.054 -0.27 0.119 -0.405 0.186 -1.348 0.62 -3.32 0.835 -4.761 0.468a6.809 6.809 0 0 1 -0.273 -0.109l-0.109 0.109 -0.055 -0.164c-0.107 -0.049 -0.107 -0.049 -0.239 -0.079l-0.152 -0.042 -0.156 -0.043c-1.084 -0.329 -2.005 -0.986 -2.85 -1.722a7.629 7.629 0 0 0 -0.281 -0.233c-0.329 -0.263 -0.556 -0.598 -0.789 -0.944a24.609 24.609 0 0 0 -0.148 -0.217c-0.689 -1.003 -1.217 -2.044 -1.309 -3.272a6.809 6.809 0 0 0 -0.037 -0.338l-0.109 -0.055c-0.031 -2.79 -0.031 -2.79 0.383 -3.391 0.23 -0.175 0.427 -0.198 0.711 -0.164 0.326 0.11 0.587 0.327 0.86 0.531 0.289 0.202 0.594 0.376 0.9 0.552l0.11 0.064c0.084 0.048 0.168 0.093 0.254 0.138 0.182 0.127 0.267 0.28 0.313 0.497l0.013 0.149 0.016 0.168 0.016 0.178c0.157 1.456 0.616 2.827 1.784 3.794 0.212 0.141 0.431 0.264 0.656 0.383l0.112 0.065c1.067 0.59 2.597 0.623 3.747 0.298C33.633 59.719 33.633 59.719 33.797 59.719l0.002 -0.097c0.084 -0.196 0.267 -0.244 0.452 -0.327 0.638 -0.303 1.192 -0.71 1.758 -1.129a19.113 19.113 0 0 1 0.477 -0.34 19.113 19.113 0 0 0 1.045 -0.777c0.173 -0.137 0.307 -0.237 0.524 -0.286 0.181 -0.033 0.181 -0.033 0.246 -0.188l0.034 -0.137 0.055 -0.109c0.006 -0.127 0.009 -0.254 0.01 -0.381l0.003 -0.237 0.002 -0.126c0.028 -1.592 0.353 -2.863 1.482 -4.059 0.361 -0.345 0.777 -0.554 1.227 -0.759l0.102 -0.047c0.604 -0.264 1.207 -0.323 1.857 -0.313' fill='var(--foreground)'/><path d='m30.352 37.242 0.273 0.055v0.055H30.352z' fill='var(--foreground)'/></svg>","preview_image":"https://animbits.dev/animbits.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":36,"open_issues":0,"last_commit":"2026-06-07T05:01:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://animbits.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://animbits.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://animbits.dev/r/registry.json","clone":"git clone https://github.com/Garvit1000/AnimBits.git","clone_degit":"npx degit Garvit1000/AnimBits","registry_fetch":"curl -s https://animbits.dev/r/registry.json"},"component_count":99,"components":[{"name":"hooks-use-hover-lift","title":"Use Hover Lift","description":"The use-hover-lift hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-hover-lift.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-hover-lift.json"},{"name":"hooks-use-hover-glow","title":"Use Hover Glow","description":"The use-hover-glow hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-hover-glow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-hover-glow.json"},{"name":"hooks-use-press","title":"Use Press","description":"The use-press hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-press.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-press.json"},{"name":"hooks-use-fade-in","title":"Use Fade In","description":"The use-fade-in hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-fade-in.json"},{"name":"hooks-use-scale-in","title":"Use Scale In","description":"The use-scale-in hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-scale-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-scale-in.json"},{"name":"hooks-use-slide-in","title":"Use Slide In","description":"The use-slide-in hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-slide-in.json"},{"name":"hooks-use-pulse","title":"Use Pulse","description":"The use-pulse hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-pulse.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-pulse.json"},{"name":"hooks-use-bounce","title":"Use Bounce","description":"The use-bounce hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-bounce.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-bounce.json"},{"name":"hooks-use-shimmer","title":"Use Shimmer","description":"The use-shimmer hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-shimmer.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-shimmer.json"},{"name":"hooks-use-scramble","title":"Use Scramble","description":"The use-scramble hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-scramble.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-scramble.json"},{"name":"hooks-use-word-carousel","title":"Use Word Carousel","description":"The use-word-carousel hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-word-carousel.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-word-carousel.json"},{"name":"hooks-use-magnetic","title":"Use Magnetic","description":"The use-magnetic hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-magnetic.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-magnetic.json"},{"name":"hooks-use-parallax-tilt","title":"Use Parallax Tilt","description":"The use-parallax-tilt hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-parallax-tilt.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-parallax-tilt.json"},{"name":"hooks-use-stroke-draw","title":"Use Stroke Draw","description":"The use-stroke-draw hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-use-stroke-draw.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-use-stroke-draw.json"},{"name":"hooks-index","title":"Index","description":"The index hook.","type":"registry:lib","source_url":"https://animbits.dev/r/hooks-index.json","install_command":"npx shadcn@latest add https://animbits.dev/r/hooks-index.json"},{"name":"icons-pulse","title":"Pulse Icon","description":"Continuous pulsing animation for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-pulse.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-pulse.json"},{"name":"icons-bounce","title":"Bounce Icon","description":"One-shot bounce animation for icons with configurable triggers","type":"registry:component","source_url":"https://animbits.dev/r/icons-bounce.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-bounce.json"},{"name":"icons-bounce-continuous","title":"Bounce Continuous","description":"Continuous bouncing animation for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-bounce-continuous.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-bounce-continuous.json"},{"name":"icons-spin","title":"Spin Icon","description":"Continuous rotation animation for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-spin.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-spin.json"},{"name":"icons-wiggle","title":"Wiggle Icon","description":"One-shot wiggle animation (rotate left-right) for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-wiggle.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-wiggle.json"},{"name":"icons-shake","title":"Shake Icon","description":"One-shot shake animation (horizontal shake) for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-shake.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-shake.json"},{"name":"icons-heartbeat","title":"Heartbeat Icon","description":"Continuous heartbeat rhythm animation for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-heartbeat.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-heartbeat.json"},{"name":"icons-fade-in","title":"Fade In Icon","description":"Entrance animation with fade effect for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-fade-in.json"},{"name":"icons-scale-in","title":"Scale In Icon","description":"Entrance animation with scale effect for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-scale-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-scale-in.json"},{"name":"icons-pop","title":"Pop Icon","description":"One-shot pop effect (scale from 0 to 1) for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-pop.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-pop.json"},{"name":"icons-rotate","title":"Rotate Icon","description":"One-shot 360° rotation animation for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-rotate.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-rotate.json"},{"name":"icons-stroke-draw","title":"Stroke Draw Icon","description":"SVG path stroke drawing animation for icons","type":"registry:component","source_url":"https://animbits.dev/r/icons-stroke-draw.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-stroke-draw.json"},{"name":"specials-reaction-dock","title":"Reaction Dock","description":"A smooth, scaling dock of reaction emojis with magnification effect","type":"registry:component","source_url":"https://animbits.dev/r/specials-reaction-dock.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-reaction-dock.json"},{"name":"specials-reaction-dock-demo","title":"Reaction Dock Demo","description":"Demo for the Reaction Dock component","type":"registry:component","source_url":"https://animbits.dev/r/specials-reaction-dock-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-reaction-dock-demo.json"},{"name":"specials-animated-toast","title":"Animated Toast","description":"Detailed toast notification with slide-in animation, icon, and auto-dismiss progress bar","type":"registry:component","source_url":"https://animbits.dev/r/specials-animated-toast.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-animated-toast.json"},{"name":"spotlight-card","title":null,"description":"An interactive card with a spotlight effect.","type":"registry:ui","source_url":"https://animbits.dev/r/spotlight-card.json","install_command":"npx shadcn@latest add https://animbits.dev/r/spotlight-card.json"},{"name":"reaction-button","title":null,"description":null,"type":"registry:ui","source_url":"https://animbits.dev/r/reaction-button.json","install_command":"npx shadcn@latest add https://animbits.dev/r/reaction-button.json"},{"name":"specials-border-beam","title":"Border Beam","description":"An animated gradient border effect that travels around a container","type":"registry:component","source_url":"https://animbits.dev/r/specials-border-beam.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-border-beam.json"},{"name":"specials-border-beam-demo","title":"Border Beam Demo","description":"Demo for the Border Beam component","type":"registry:component","source_url":"https://animbits.dev/r/specials-border-beam-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-border-beam-demo.json"},{"name":"buttons-press","title":"Press Button","description":"Button with press-down effect on tap","type":"registry:component","source_url":"https://animbits.dev/r/buttons-press.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-press.json"},{"name":"buttons-glow","title":"Glow Button","description":"Button with glow effect on hover","type":"registry:component","source_url":"https://animbits.dev/r/buttons-glow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-glow.json"},{"name":"buttons-lift","title":"Lift Button","description":"Button that lifts up on hover","type":"registry:component","source_url":"https://animbits.dev/r/buttons-lift.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-lift.json"},{"name":"buttons-shine","title":"Shine Button","description":"Button with shine sweep effect on hover","type":"registry:component","source_url":"https://animbits.dev/r/buttons-shine.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-shine.json"},{"name":"buttons-fade-in","title":"Fade In Button","description":"Button with fade-in entrance animation","type":"registry:component","source_url":"https://animbits.dev/r/buttons-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-fade-in.json"},{"name":"buttons-slide-in","title":"Slide In Button","description":"Button with slide-in entrance animation","type":"registry:component","source_url":"https://animbits.dev/r/buttons-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-slide-in.json"},{"name":"buttons-ripple","title":"Ripple Button","description":"Button with touch-aware ripple effect on click","type":"registry:component","source_url":"https://animbits.dev/r/buttons-ripple.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-ripple.json"},{"name":"buttons-magnetic","title":"Magnetic Button","description":"Button with cursor-following magnetic attraction effect","type":"registry:component","source_url":"https://animbits.dev/r/buttons-magnetic.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-magnetic.json"},{"name":"buttons-border-gradient","title":"Border Gradient Button","description":"Button with animated gradient border","type":"registry:component","source_url":"https://animbits.dev/r/buttons-border-gradient.json","install_command":"npx shadcn@latest add https://animbits.dev/r/buttons-border-gradient.json"},{"name":"cards-hover-lift","title":"Hover Lift Card","description":"Card that lifts with shadow on hover","type":"registry:component","source_url":"https://animbits.dev/r/cards-hover-lift.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-hover-lift.json"},{"name":"cards-hover-glow","title":"Hover Glow Card","description":"Card with glow effect on hover","type":"registry:component","source_url":"https://animbits.dev/r/cards-hover-glow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-hover-glow.json"},{"name":"cards-fade-in","title":"Fade In Card","description":"Card with fade-in animation on mount","type":"registry:component","source_url":"https://animbits.dev/r/cards-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-fade-in.json"},{"name":"cards-scale-in","title":"Scale In Card","description":"Card with scale-in animation on mount","type":"registry:component","source_url":"https://animbits.dev/r/cards-scale-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-scale-in.json"},{"name":"cards-slide-in","title":"Slide In Card","description":"Card that slides in from any direction on mount","type":"registry:component","source_url":"https://animbits.dev/r/cards-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-slide-in.json"},{"name":"cards-flip","title":"Flip Card","description":"Card with 3D flip animation on hover","type":"registry:component","source_url":"https://animbits.dev/r/cards-flip.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-flip.json"},{"name":"cards-tilt","title":"Tilt Card","description":"Card with mouse-tracking tilt effect","type":"registry:component","source_url":"https://animbits.dev/r/cards-tilt.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-tilt.json"},{"name":"cards-parallax-tilt","title":"Parallax Tilt Card","description":"Card with 3D parallax tilt effect and depth","type":"registry:component","source_url":"https://animbits.dev/r/cards-parallax-tilt.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-parallax-tilt.json"},{"name":"cards-background-zoom","title":"Background Zoom Card","description":"Card with background image zoom on hover","type":"registry:component","source_url":"https://animbits.dev/r/cards-background-zoom.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-background-zoom.json"},{"name":"text-fade-in","title":"Fade In Text","description":"Text that fades in word by word or character by character","type":"registry:component","source_url":"https://animbits.dev/r/text-fade-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-fade-in.json"},{"name":"text-slide-up","title":"Slide Up Text","description":"Text that slides up word by word or character by character","type":"registry:component","source_url":"https://animbits.dev/r/text-slide-up.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-slide-up.json"},{"name":"text-typewriter","title":"Typewriter Text","description":"Text with typewriter effect and optional blinking cursor","type":"registry:component","source_url":"https://animbits.dev/r/text-typewriter.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-typewriter.json"},{"name":"text-gradient","title":"Gradient Text","description":"Text with animated gradient effect","type":"registry:component","source_url":"https://animbits.dev/r/text-gradient.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-gradient.json"},{"name":"text-blur-in","title":"Blur In Text","description":"Text that blurs in word by word or character by character","type":"registry:component","source_url":"https://animbits.dev/r/text-blur-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-blur-in.json"},{"name":"text-dia","title":"Dia Text","description":"Scroll-driven text reveal with precision blur and spring physics","type":"registry:component","source_url":"https://animbits.dev/r/text-dia.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-dia.json"},{"name":"text-shimmer","title":"Shimmer Text","description":"Text with gradient shimmer sweep animation","type":"registry:component","source_url":"https://animbits.dev/r/text-shimmer.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-shimmer.json"},{"name":"text-scramble","title":"Scramble Text","description":"Hacker-style text scramble decode animation","type":"registry:component","source_url":"https://animbits.dev/r/text-scramble.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-scramble.json"},{"name":"text-word-carousel","title":"Word Carousel Text","description":"Rotating word carousel animation","type":"registry:component","source_url":"https://animbits.dev/r/text-word-carousel.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-word-carousel.json"},{"name":"text-split-reveal","title":"Split Reveal Text","description":"Text reveals with vertical split effect","type":"registry:component","source_url":"https://animbits.dev/r/text-split-reveal.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-split-reveal.json"},{"name":"text-svg-text-draw","title":"SVG Text Draw","description":"SVG path drawing animation that reveals text letter by letter with stroke animation","type":"registry:component","source_url":"https://animbits.dev/r/text-svg-text-draw.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-svg-text-draw.json"},{"name":"loaders-spinner","title":"Spinner Loader","description":"Circular spinning loader","type":"registry:component","source_url":"https://animbits.dev/r/loaders-spinner.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-spinner.json"},{"name":"loaders-dots","title":"Dots Loader","description":"Bouncing dots loader","type":"registry:component","source_url":"https://animbits.dev/r/loaders-dots.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-dots.json"},{"name":"loaders-bars","title":"Bars Loader","description":"Animated height bars loader","type":"registry:component","source_url":"https://animbits.dev/r/loaders-bars.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-bars.json"},{"name":"loaders-pulse","title":"Pulse Loader","description":"Pulsing circle loader","type":"registry:component","source_url":"https://animbits.dev/r/loaders-pulse.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-pulse.json"},{"name":"loaders-skeleton","title":"Skeleton Loader","description":"Shimmer skeleton loader for content placeholders","type":"registry:component","source_url":"https://animbits.dev/r/loaders-skeleton.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-skeleton.json"},{"name":"loaders-orbit","title":"Orbit Loader","description":"Spinning particles in orbit animation","type":"registry:component","source_url":"https://animbits.dev/r/loaders-orbit.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-orbit.json"},{"name":"loaders-gooey-blobs","title":"Gooey Blobs Loader","description":"Organic merging blobs animation","type":"registry:component","source_url":"https://animbits.dev/r/loaders-gooey-blobs.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-gooey-blobs.json"},{"name":"loaders-morphing","title":"Morphing Loader","description":"Shape-shifting morphing animation","type":"registry:component","source_url":"https://animbits.dev/r/loaders-morphing.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-morphing.json"},{"name":"lists-slide-in","title":"Slide In List","description":"List with staggered slide-in animation for items","type":"registry:component","source_url":"https://animbits.dev/r/lists-slide-in.json","install_command":"npx shadcn@latest add https://animbits.dev/r/lists-slide-in.json"},{"name":"lists-stagger-fade","title":"Stagger Fade List","description":"List with staggered fade-in animation for items","type":"registry:component","source_url":"https://animbits.dev/r/lists-stagger-fade.json","install_command":"npx shadcn@latest add https://animbits.dev/r/lists-stagger-fade.json"},{"name":"icons-morph","title":"Morph Icon","description":"An icon that morphs between different states (e.g., play → pause).","type":"registry:component","source_url":"https://animbits.dev/r/icons-morph.json","install_command":"npx shadcn@latest add https://animbits.dev/r/icons-morph.json"},{"name":"cards-grayscale","title":"Grayscale Card","description":"A card with grayscale to color transition effect on hover.","type":"registry:component","source_url":"https://animbits.dev/r/cards-grayscale.json","install_command":"npx shadcn@latest add https://animbits.dev/r/cards-grayscale.json"},{"name":"loaders-liquid-progress","title":"Liquid Progress Loader","description":"A liquid-style progress bar that fills vertically.","type":"registry:component","source_url":"https://animbits.dev/r/loaders-liquid-progress.json","install_command":"npx shadcn@latest add https://animbits.dev/r/loaders-liquid-progress.json"},{"name":"pages-page-transition-fade","title":"Page Transition Fade","description":"Page transition component with fade effect using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/pages-page-transition-fade.json","install_command":"npx shadcn@latest add https://animbits.dev/r/pages-page-transition-fade.json"},{"name":"pages-page-transition-link","title":"Page Transition Link","description":"Navigation link component with View Transitions API support.","type":"registry:component","source_url":"https://animbits.dev/r/pages-page-transition-link.json","install_command":"npx shadcn@latest add https://animbits.dev/r/pages-page-transition-link.json"},{"name":"pages-page-transition-slide","title":"Page Transition Slide","description":"Page transition component with slide effect using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/pages-page-transition-slide.json","install_command":"npx shadcn@latest add https://animbits.dev/r/pages-page-transition-slide.json"},{"name":"transitions-shared-modal","title":"Shared Modal","description":"A trigger that morphs into a modal with multiple animation styles.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-shared-modal.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-shared-modal.json"},{"name":"transitions-expanding-card","title":"Expanding Card","description":"Smoothly expand a card into a detail view with multiple animation styles.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-expanding-card.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-expanding-card.json"},{"name":"transitions-tab-switcher","title":"Tab Switcher","description":"Animated tab navigation with multiple visual styles.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-tab-switcher.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-tab-switcher.json"},{"name":"transitions-view-toggle","title":"View Toggle","description":"Smoothly rearrange items with multiple animation styles when switching views.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-view-toggle.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-view-toggle.json"},{"name":"transitions-zoom-hollow","title":"Zoom Hollow Text","description":"A beautiful text transition that zooms in with a hollow outline effect.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-zoom-hollow.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-zoom-hollow.json"},{"name":"transitions-theme-toggle-circular","title":"Theme Toggle Circular","description":"Circular ripple animation for theme toggle using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-theme-toggle-circular.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-theme-toggle-circular.json"},{"name":"transitions-theme-toggle-slide-bottom","title":"Theme Toggle Slide Bottom","description":"Bottom to top slide animation for theme toggle using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-theme-toggle-slide-bottom.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-theme-toggle-slide-bottom.json"},{"name":"transitions-theme-toggle-slide-left","title":"Theme Toggle Slide Left","description":"Left to right slide animation for theme toggle using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-theme-toggle-slide-left.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-theme-toggle-slide-left.json"},{"name":"transitions-theme-toggle-slide-right","title":"Theme Toggle Slide Right","description":"Right to left slide animation for theme toggle using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-theme-toggle-slide-right.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-theme-toggle-slide-right.json"},{"name":"transitions-theme-toggle-slide-top","title":"Theme Toggle Slide Top","description":"Top to bottom slide animation for theme toggle using View Transitions API.","type":"registry:component","source_url":"https://animbits.dev/r/transitions-theme-toggle-slide-top.json","install_command":"npx shadcn@latest add https://animbits.dev/r/transitions-theme-toggle-slide-top.json"},{"name":"text-highlight","title":"Text Highlight","description":"A smooth, hand-drawn marker highlight animation for text.","type":"registry:component","source_url":"https://animbits.dev/r/text-highlight.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-highlight.json"},{"name":"text-highlight-demo","title":"Text Highlight Demo","description":"Demo for the Text Highlight component.","type":"registry:component","source_url":"https://animbits.dev/r/text-highlight-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/text-highlight-demo.json"},{"name":"specials-swipeable-stack","title":"Swipeable Stack","description":"A deck of interactive cards with swipe gestures","type":"registry:component","source_url":"https://animbits.dev/r/specials-swipeable-stack.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-swipeable-stack.json"},{"name":"specials-swipeable-stack-demo","title":"Swipeable Stack Demo","description":"Demo for the Swipeable Stack component","type":"registry:component","source_url":"https://animbits.dev/r/specials-swipeable-stack-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-swipeable-stack-demo.json"},{"name":"specials-magnetic-drawer","title":"Magnetic Drawer","description":"A physics-based drawer with magnetic snap points","type":"registry:component","source_url":"https://animbits.dev/r/specials-magnetic-drawer.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-magnetic-drawer.json"},{"name":"specials-magnetic-drawer-demo","title":"Magnetic Drawer Demo","description":"Demo for the Magnetic Drawer component","type":"registry:component","source_url":"https://animbits.dev/r/specials-magnetic-drawer-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-magnetic-drawer-demo.json"},{"name":"specials-spotlight-card","title":"Spotlight Card","description":"Interactive card with mouse-tracking spotlight effect","type":"registry:component","source_url":"https://animbits.dev/r/specials-spotlight-card.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-spotlight-card.json"},{"name":"specials-spotlight-card-demo","title":"Spotlight Card Demo","description":"Demo for the Spotlight Card component","type":"registry:component","source_url":"https://animbits.dev/r/specials-spotlight-card-demo.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-spotlight-card-demo.json"},{"name":"image-text","title":"Image Text","description":"Text with a dynamic, animated image mask background.","type":"registry:component","source_url":"https://animbits.dev/r/image-text.json","install_command":"npx shadcn@latest add https://animbits.dev/r/image-text.json"},{"name":"specials-linear-carousel","title":"Linear Carousel","description":"A stunning, smooth-scrolling 3D carousel inspired by Linear.","type":"registry:component","source_url":"https://animbits.dev/r/specials-linear-carousel.json","install_command":"npx shadcn@latest add https://animbits.dev/r/specials-linear-carousel.json"}]},{"id":"approvals-ui","name":"@approvals-ui","slug":"approvals-ui","description":"Approval workflow components for React Flow: quorum gates, amount thresholds, a policy lint (segregation of duties, single approver on high value), and plain-language editing behind a human review gate.","author":"DylanMerigaud","framework":"react","license":"MIT","tags":["forms","retro"],"categories":["Forms"],"labels":[],"urls":{"website":"https://approvals-ui.vercel.app","github":"https://github.com/DylanMerigaud/approvals-ui","registry":"https://approvals-ui.vercel.app/r/registry.json","source":"https://approvals-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/approvals-ui","markdown":"https://sh4dcn.netlify.app/md/approvals-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)' width='24' height='24'><rect x='5' y='3' width='14' height='7' rx='2'/><rect x='11' y='10' width='2' height='4'/><circle cx='12' cy='18' r='3.5'/></svg>","preview_image":"https://approvals-ui.vercel.app/opengraph-image.png?opengraph-image.2bx__-ad3nl0q.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":21,"open_issues":0,"last_commit":"2026-09-14T20:22:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://approvals-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://approvals-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://approvals-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/DylanMerigaud/approvals-ui.git","clone_degit":"npx degit DylanMerigaud/approvals-ui","registry_fetch":"curl -s https://approvals-ui.vercel.app/r/registry.json"},"component_count":6,"components":[{"name":"approvals-core","title":"Approvals core","description":"Headless core for approval policies: Zod schema (gates, quorums, conditions, SLAs), a policy lint with structural errors and best-practice warnings, a step-lev…","type":"registry:lib","source_url":"https://approvals-ui.vercel.app/r/approvals-core.json","install_command":"npx shadcn@latest add https://approvals-ui.vercel.app/r/approvals-core.json"},{"name":"approval-node","title":"Approval node","description":"The approval gate card for React Flow: approvers with unassigned seats, quorum badge, condition pill, SLA badge, plus diff, validation, and live-status rings.","type":"registry:component","source_url":"https://approvals-ui.vercel.app/r/approval-node.json","install_command":"npx shadcn@latest add https://approvals-ui.vercel.app/r/approval-node.json"},{"name":"terminal-node","title":"Terminal node","description":"Approved and rejected outcome pills for React Flow.","type":"registry:component","source_url":"https://approvals-ui.vercel.app/r/terminal-node.json","install_command":"npx shadcn@latest add https://approvals-ui.vercel.app/r/terminal-node.json"},{"name":"workflow-canvas","title":"Workflow canvas","description":"Renders an ApprovalPolicy as a laid-out React Flow graph: automatic layout on real node sizes (react-flow-auto-layout), aligned step edges, diff and status ove…","type":"registry:component","source_url":"https://approvals-ui.vercel.app/r/workflow-canvas.json","install_command":"npx shadcn@latest add https://approvals-ui.vercel.app/r/workflow-canvas.json"},{"name":"validation-panel","title":"Validation panel","description":"Lists policy issues with severities: structural errors that should block activation and best-practice warnings (segregation of duties, single approver on high …","type":"registry:component","source_url":"https://approvals-ui.vercel.app/r/validation-panel.json","install_command":"npx shadcn@latest add https://approvals-ui.vercel.app/r/validation-panel.json"},{"name":"nl-edit-panel","title":"Plain-language edit panel","description":"Edit the policy in plain English behind a human gate: a proposer (your LLM, or the bundled deterministic demo parser) returns a proposed policy plus its diff, …","type":"registry:component","source_url":"https://approvals-ui.vercel.app/r/nl-edit-panel.json","install_command":"npx shadcn@latest add https://approvals-ui.vercel.app/r/nl-edit-panel.json"}]},{"id":"arc","name":"@arc","slug":"arc","description":"Minimal shadcn registry from Arc Studio (design agency) exposing two animated, accessible React components: Logo Carousel and Showreel. Built with React and Tailwind CSS using Motion/Framer Motion. No GitHub source listed; documentation is minimal. Free to use. Use for: quickly adding a smooth logo carousel (client/partner logos) or a reel/video showcase section to a marketing landing page without building scroll-animated carousels from scratch.","author":null,"framework":"react","license":null,"tags":["accessibility","aesthetic","animation","blocks","cards","icons","marketing","media","mobile","pro-available","saas"],"categories":["Niche/single-purpose"],"labels":["pro"],"urls":{"website":"https://witharc.co/components","github":"N/A","registry":"https://witharc.co/r/{name}.json","source":"https://witharc.co/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/arc","markdown":"https://sh4dcn.netlify.app/md/arc.md"},"logo":"<svg viewBox='0 0 58 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.3996 25.6826V36.5368H25.1037V33.773C24.5003 34.7557 23.6959 35.5207 22.6904 36.0678C21.6849 36.615 20.5342 36.8886 19.2382 36.8886C17.5624 36.8886 16.1938 36.4363 15.1324 35.5318C14.0822 34.6161 13.5571 33.438 13.5571 31.9975C13.5571 30.6686 14.0096 29.5966 14.9145 28.7814C15.8195 27.9662 17.0764 27.4916 18.6852 27.3576L24.2657 26.9054C24.8243 26.8607 25.1037 26.576 25.1037 26.0511V25.5486C25.1037 24.2867 24.7014 23.2817 23.897 22.5335C23.0926 21.7854 22.0033 21.4113 20.6292 21.4113C18.0595 21.4113 16.6406 22.6955 16.3725 25.2638H13.9928C14.071 24.1025 14.4062 23.0863 14.9983 22.2153C15.5905 21.3331 16.3781 20.6463 17.3613 20.155C18.3444 19.6636 19.4616 19.418 20.7129 19.418C22.0201 19.418 23.1764 19.686 24.1819 20.222C25.1874 20.758 25.9751 21.5006 26.5449 22.4498C27.1147 23.3878 27.3996 24.4654 27.3996 25.6826ZM15.8698 31.8635C15.8698 32.7792 16.2105 33.505 16.892 34.041C17.5735 34.577 18.5064 34.845 19.6907 34.845C21.3218 34.845 22.629 34.3425 23.6122 33.3375C24.6065 32.3325 25.1037 30.9981 25.1037 29.3342V28.7814L19.1041 29.2002C16.9479 29.3565 15.8698 30.2443 15.8698 31.8635ZM29.6389 19.7865H31.9348V22.2823C32.4934 21.3778 33.2029 20.6798 34.0631 20.1885C34.9346 19.6971 35.8172 19.4515 36.7109 19.4515H37.398V21.8468H36.6942C35.3312 21.8468 34.1972 22.2599 33.2922 23.0863C32.3873 23.9126 31.9348 24.9735 31.9348 26.2689V36.5368H29.6389V19.7865ZM37.6173 28.0947C37.6173 26.3526 37.9413 24.8339 38.5893 23.5386C39.2485 22.232 40.159 21.2214 41.3209 20.5067C42.494 19.7809 43.857 19.418 45.41 19.418C46.8065 19.418 48.0522 19.6916 49.1471 20.2387C50.2531 20.7747 51.1358 21.5341 51.7949 22.5168C52.4653 23.4995 52.8451 24.6497 52.9345 25.9674H50.5883C50.5213 24.5938 50.0185 23.5162 49.0801 22.7345C48.1416 21.9417 46.9182 21.5453 45.41 21.5453C43.6783 21.5453 42.3376 22.1204 41.3879 23.2706C40.4383 24.4096 39.9635 26.0176 39.9635 28.0947C39.9635 30.194 40.4383 31.8244 41.3879 32.9858C42.3488 34.136 43.6894 34.7111 45.41 34.7111C46.9071 34.7111 48.1248 34.3481 49.0633 33.6223C50.0018 32.8853 50.5101 31.8691 50.5883 30.5737H52.9345C52.8228 31.8579 52.4317 32.969 51.7614 33.907C51.1022 34.8451 50.2252 35.5709 49.1303 36.0846C48.0355 36.5871 46.7953 36.8383 45.41 36.8383C43.857 36.8383 42.494 36.4754 41.3209 35.7496C40.159 35.0237 39.2485 34.0075 38.5893 32.701C37.9413 31.3833 37.6173 29.8479 37.6173 28.0947ZM54.4305 33.639H57.1789V36.5368H54.4305V33.639Z' fill='var(--foreground)'/><path d='M5.06551 48L8.02934 43.1319L3.15893 40.1696L0.195095 45.0376L5.06551 48ZM50.2625 5.65177L47.3581 0.748277L42.4521 3.65164L45.3569 8.55517L50.2625 5.65177ZM4.79067 43.9199C2.39579 34.0839 1.21275 26.086 1.41968 19.7892C1.62658 13.4943 3.21856 8.99099 6.27854 6.02516C9.34062 3.05731 13.9959 1.50944 20.5956 1.40189C27.1949 1.2943 35.6457 2.6292 46.184 5.32779L46.5307 3.97562C35.9463 1.26523 27.3552 -0.104352 20.5729 0.00620019C13.791 0.116753 8.72503 1.70957 5.30634 5.02311C1.8855 8.33867 0.237096 13.2574 0.0239147 19.7434C-0.189197 26.2277 1.02806 34.3694 3.43376 44.25L4.79067 43.9199Z' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://witharc.co/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://witharc.co/r/{name}.json"},"component_count":0,"components":[]},{"id":"ark-cn","name":"@ark-cn","slug":"ark-cn","description":"Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable. Built by ARK UI.","author":"RajaARK99","framework":"react","license":null,"tags":["accessibility","animation","buttons","cards","dashboard","forms","loaders","media","navigation","onboarding","overlays","tables"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ark-cn.vercel.app","github":"https://github.com/RajaARK99/ark-cn","registry":"https://ark-cn.vercel.app/r/registry.json","source":"https://ark-cn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ark-cn","markdown":"https://sh4dcn.netlify.app/md/ark-cn.md"},"logo":"<svg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'><circle cx='128' cy='128' r='128' fill='white'/><line x1='94' y1='178' x2='128' y2='82' stroke-width='15' stroke-linecap='round' stroke='#1a1a1a'/><line x1='162' y1='178' x2='128' y2='82' stroke-width='15' stroke-linecap='round' stroke='#1a1a1a'/><path d='M 104 143 Q 128 118 152 143' fill='none' stroke-width='13' stroke-linecap='round' stroke='#1a1a1a'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-04-29T10:12:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ark-cn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ark-cn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://ark-cn.vercel.app/r/registry.json","clone":"git clone https://github.com/RajaARK99/ark-cn.git","clone_degit":"npx degit RajaARK99/ark-cn","registry_fetch":"curl -s https://ark-cn.vercel.app/r/registry.json"},"component_count":76,"components":[{"name":"accordion","title":"Accordion","description":"A shadcn-style accordion component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/accordion.json"},{"name":"alert","title":"Alert","description":"A shadcn-style alert component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A shadcn-style alert dialog component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/alert-dialog.json"},{"name":"angle-slider","title":"Angle Slider","description":"A shadcn-style angle slider component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/angle-slider.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/angle-slider.json"},{"name":"avatar","title":"Avatar","description":"A shadcn-style avatar component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"A shadcn-style badge component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A shadcn-style breadcrumb component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A shadcn-style button component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/button.json"},{"name":"button-group","title":"Button Group","description":"A shadcn-style button group component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/button-group.json"},{"name":"card","title":"Card","description":"A flexible container for grouping related content and actions.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/card.json"},{"name":"carousel","title":"Carousel","description":"A shadcn-style carousel component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"A shadcn-style checkbox component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/checkbox.json"},{"name":"clipboard","title":"Clipboard","description":"A shadcn-style clipboard component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/clipboard.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/clipboard.json"},{"name":"collapsible","title":"Collapsible","description":"A shadcn-style collapsible component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/collapsible.json"},{"name":"color-picker","title":"Color Picker","description":"A shadcn-style color picker component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/color-picker.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/color-picker.json"},{"name":"combobox","title":"Combobox","description":"A shadcn-style combobox component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/combobox.json"},{"name":"command","title":"Command","description":"A shadcn-style command component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/command.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/command.json"},{"name":"date-picker","title":"Date Picker","description":"A shadcn-style date picker component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"A shadcn-style dialog component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/dialog.json"},{"name":"editable","title":"Editable","description":"A shadcn-style editable component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/editable.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/editable.json"},{"name":"empty","title":"Empty","description":"Empty state placeholder with icon, title, description, and action slots.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/empty.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/empty.json"},{"name":"field","title":"Field","description":"A shadcn-style field component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"A shadcn-style fieldset component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/fieldset.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/fieldset.json"},{"name":"file-upload","title":"File Upload","description":"A shadcn-style file upload component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/file-upload.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/file-upload.json"},{"name":"floating-panel","title":"Floating Panel","description":"A shadcn-style floating panel component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/floating-panel.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/floating-panel.json"},{"name":"hover-card","title":"Hover Card","description":"A shadcn-style hover card component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/hover-card.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/hover-card.json"},{"name":"image-cropper","title":"Image Cropper","description":"A shadcn-style image cropper component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/image-cropper.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/image-cropper.json"},{"name":"input","title":"Input","description":"A shadcn-style input component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/input.json"},{"name":"input-group","title":"Input Group","description":"A shadcn-style input group component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/input-group.json"},{"name":"item","title":"Item","description":"Composable list item with media, content, title, description, and action slots.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/item.json"},{"name":"kbd","title":"Kbd","description":"A shadcn-style keyboard shortcut component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/kbd.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/kbd.json"},{"name":"label","title":"Label","description":"A shadcn-style label component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/label.json"},{"name":"listbox","title":"Listbox","description":"A shadcn-style listbox component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/listbox.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/listbox.json"},{"name":"marquee","title":"Marquee","description":"A shadcn-style marquee component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/marquee.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/marquee.json"},{"name":"menu","title":"Menu","description":"A shadcn-style menu component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/menu.json"},{"name":"number-field","title":"Number Field","description":"A shadcn-style number field component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/number-field.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/number-field.json"},{"name":"pagination","title":"Pagination","description":"A shadcn-style pagination component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/pagination.json"},{"name":"password-input","title":"Password Input","description":"A shadcn-style password input component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/password-input.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/password-input.json"},{"name":"pin-input","title":"Pin Input","description":"A shadcn-style pin input component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/pin-input.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/pin-input.json"},{"name":"popover","title":"Popover","description":"A shadcn-style popover component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/popover.json"},{"name":"progress-circular","title":"Progress Circular","description":"A shadcn-style progress circular component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/progress-circular.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/progress-circular.json"},{"name":"progress-linear","title":"Progress Linear","description":"A shadcn-style progress linear component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/progress-linear.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/progress-linear.json"},{"name":"qr-code","title":"Qr Code","description":"A shadcn-style qr code component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/qr-code.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/qr-code.json"},{"name":"radio-group","title":"Radio Group","description":"A shadcn-style radio group component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/radio-group.json"},{"name":"rating-group","title":"Rating Group","description":"A shadcn-style rating group component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/rating-group.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/rating-group.json"},{"name":"scroll-area","title":"Scroll Area","description":"A shadcn-style scroll area component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/scroll-area.json"},{"name":"segment-group","title":"Segment Group","description":"A shadcn-style segment group component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/segment-group.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/segment-group.json"},{"name":"select","title":"Select","description":"A shadcn-style select component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/select.json"},{"name":"separator","title":"Separator","description":"A shadcn-style separator component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A shadcn-style sheet component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A shadcn-style sidebar component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/sidebar.json"},{"name":"signature-pad","title":"Signature Pad","description":"A shadcn-style signature pad component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/signature-pad.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/signature-pad.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholder to show a loading state before content loads.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A shadcn-style slider component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/slider.json"},{"name":"spinner","title":"Spinner","description":"A shadcn-style spinner component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/spinner.json"},{"name":"splitter","title":"Splitter","description":"A shadcn-style splitter component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/splitter.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/splitter.json"},{"name":"steps","title":"Steps","description":"A shadcn-style steps component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/steps.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/steps.json"},{"name":"swap","title":"Swap","description":"A shadcn-style swap component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/swap.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/swap.json"},{"name":"switch","title":"Switch","description":"A shadcn-style switch component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A shadcn-style tabs component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/tabs.json"},{"name":"tags-input","title":"Tags Input","description":"A shadcn-style tags input component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/tags-input.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/tags-input.json"},{"name":"textarea","title":"Textarea","description":"A shadcn-style textarea component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/textarea.json"},{"name":"timer","title":"Timer","description":"A shadcn-style timer component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/timer.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/timer.json"},{"name":"toast","title":"Toast","description":"A shadcn-style toast component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A shadcn-style toggle component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A shadcn-style toggle group component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A shadcn-style tooltip component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/tooltip.json"},{"name":"tour","title":"Tour","description":"A shadcn-style tour component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/tour.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/tour.json"},{"name":"tree-view","title":"Tree View","description":"A shadcn-style tree view component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/tree-view.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/tree-view.json"},{"name":"zoom-image","title":"Zoom Image","description":"A shadcn-style zoom image component built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/zoom-image.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/zoom-image.json"},{"name":"download-trigger","title":"Download Trigger","description":"A shadcn-style download trigger utility built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/download-trigger.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/download-trigger.json"},{"name":"focus-trap","title":"Focus Trap","description":"A shadcn-style focus trap utility built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/focus-trap.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/focus-trap.json"},{"name":"format","title":"Format","description":"Shadcn-style format utilities (Byte, Time, RelativeTime) built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/format.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/format.json"},{"name":"highlight","title":"Highlight","description":"A shadcn-style text highlight utility built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/highlight.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/highlight.json"},{"name":"locale","title":"Locale Provider","description":"A shadcn-style locale provider utility built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/locale.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/locale.json"},{"name":"presence","title":"Presence","description":"A shadcn-style presence utility built with Ark UI primitives.","type":"registry:ui","source_url":"https://ark-cn.vercel.app/r/presence.json","install_command":"npx shadcn@latest add https://ark-cn.vercel.app/r/presence.json"}]},{"id":"asanshay","name":"@asanshay","slug":"asanshay","description":"Personal React component registry by Asanshay focused on LLM-ready UI primitives and AI elements. Components include: Window, Badge, Button (including Long Press Button), Code Block, Markdown renderer (ReactMarkdown-based), Select, Input, Number Input, Command Prompt, Invisible Input, Textarea, Card, Description List, Page Header, Loader, Color Picker, Chat, Chat Input, Chat Message, Chat Reasoning, Chat Tool, JSX Preview, Pointer, Reveal, Motion Blur Text, Morphing Text, and ASCII Wave. Tailwind CSS + shadcn/ui based. Free. Use for: assembling an AI chat or agent UI that needs both standard form primitives and specialized LLM output components (reasoning display, tool calls, markdown) in one cohesive visual style.","author":null,"framework":"react","license":null,"tags":["aesthetic","ai","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","loaders"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://ds.asanshay.com","github":"N/A","registry":"https://ds.asanshay.com/r/registry.json","source":"https://ds.asanshay.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/asanshay","markdown":"https://sh4dcn.netlify.app/md/asanshay.md"},"logo":"<svg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'><rect x='1.5' y='36' width='60' height='14' rx='7' transform='rotate(-4 31.5 43)' stroke='var(--foreground)' stroke-width='1.3' fill='none'/><rect x='5' y='12' width='54' height='15' rx='7' transform='rotate(13 32 19.5)' stroke='var(--foreground)' stroke-width='1.3' fill='none'/></svg>","preview_image":"https://ds.asanshay.com/opengraph-image.png?opengraph-image.fd08e35a.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ds.asanshay.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ds.asanshay.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ds.asanshay.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://ds.asanshay.com/r/registry.json"},"component_count":27,"components":[{"name":"command-prompt","title":"Command Prompt","description":"A keyboard-first command prompt with history and autocomplete.","type":"registry:component","source_url":"https://ds.asanshay.com/r/command-prompt.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/command-prompt.json"},{"name":"pointer","title":"Pointer","description":"A controllable on-screen pointer that moves to coordinates and shows thoughts.","type":"registry:component","source_url":"https://ds.asanshay.com/r/pointer.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/pointer.json"},{"name":"chat","title":"Chat","description":"A complete chat component that composes chat-message and chat-input and wires to /api/chat.","type":"registry:component","source_url":"https://ds.asanshay.com/r/chat.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat.json"},{"name":"window","title":"Window","description":"A draggable, resizable window inside a container.","type":"registry:component","source_url":"https://ds.asanshay.com/r/window.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/window.json"},{"name":"jsx-preview","title":"JSX Preview","description":"A preview of a JSX component rendered from a string. Useful for LLM-generated UIs.","type":"registry:component","source_url":"https://ds.asanshay.com/r/jsx-preview.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/jsx-preview.json"},{"name":"select","title":"Select","description":"A lightly skinned select component.","type":"registry:component","source_url":"https://ds.asanshay.com/r/select.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/select.json"},{"name":"input","title":"Input","description":"A simple input component with a tactile feel.","type":"registry:component","source_url":"https://ds.asanshay.com/r/input.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/input.json"},{"name":"textarea","title":"Textarea","description":"An input that can increase in height to accommodate more text.","type":"registry:component","source_url":"https://ds.asanshay.com/r/textarea.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/textarea.json"},{"name":"chat-input","title":"Chat Input","description":"A chat input component for a nice chatbot experience. Ready for useChat().","type":"registry:component","source_url":"https://ds.asanshay.com/r/chat-input.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-input.json"},{"name":"chat-message","title":"Chat Message","description":"A chat message component compatible with the Vercel AI SDK including markdown support, copying, etc.","type":"registry:component","source_url":"https://ds.asanshay.com/r/chat-message.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-message.json"},{"name":"chat-tool","title":"Chat Tool","description":"A chat tool component that displays tool calls and their results.","type":"registry:component","source_url":"https://ds.asanshay.com/r/chat-tool.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-tool.json"},{"name":"chat-reasoning","title":"Chat Reasoning","description":"A chat reasoning component for a nice chatbot experience. Ready for useChat().","type":"registry:component","source_url":"https://ds.asanshay.com/r/chat-reasoning.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/chat-reasoning.json"},{"name":"badge","title":"Badge","description":"A clean set of badge components with an edible look.","type":"registry:component","source_url":"https://ds.asanshay.com/r/badge.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/badge.json"},{"name":"button","title":"Button","description":"A button component that *feels* good to use.","type":"registry:component","source_url":"https://ds.asanshay.com/r/button.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/button.json"},{"name":"long-press-button","title":"Long Press Button","description":"A long-press action button with animated hold progress.","type":"registry:component","source_url":"https://ds.asanshay.com/r/long-press-button.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/long-press-button.json"},{"name":"reveal","title":"Reveal","description":"A simple wrapper that reveals content when it scrolls into view.","type":"registry:component","source_url":"https://ds.asanshay.com/r/reveal.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/reveal.json"},{"name":"card","title":"Card","description":"A variety of clean cards, from minimal to flashy.","type":"registry:component","source_url":"https://ds.asanshay.com/r/card.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/card.json"},{"name":"description-list","title":"Description List","description":"Quickly display a json object in an aesthetically pleasing way.","type":"registry:component","source_url":"https://ds.asanshay.com/r/description-list.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/description-list.json"},{"name":"page-header","title":"Page Header","description":"A clean page header so your pages look consistent.","type":"registry:component","source_url":"https://ds.asanshay.com/r/page-header.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/page-header.json"},{"name":"motion-blur-text","title":"Motion Blur Text","description":"A cool motion blur text effect.","type":"registry:component","source_url":"https://ds.asanshay.com/r/motion-blur-text.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/motion-blur-text.json"},{"name":"code-block","title":"Code Block","description":"A code block with syntax highlighting and quick copying.","type":"registry:component","source_url":"https://ds.asanshay.com/r/code-block.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/code-block.json"},{"name":"markdown","title":"Markdown","description":"A markdown component with a clean look and no-frills parsing.","type":"registry:component","source_url":"https://ds.asanshay.com/r/markdown.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/markdown.json"},{"name":"invisible-input","title":"Invisible Input","description":"An unstyled input that looks like text; fully styleable.","type":"registry:component","source_url":"https://ds.asanshay.com/r/invisible-input.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/invisible-input.json"},{"name":"loader","title":"Loader","description":"Custom WebGL shader loaders with 3 shapes (sphere, swirl, ripple) × 3 styles (plain, blur, dither).","type":"registry:component","source_url":"https://ds.asanshay.com/r/loader.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/loader.json"},{"name":"morphing-text","title":"Morphing Text","description":"Text that smoothly animates character changes when the value updates.","type":"registry:component","source_url":"https://ds.asanshay.com/r/morphing-text.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/morphing-text.json"},{"name":"ascii-wave","title":"ASCII Wave","description":"A flowing ASCII animation with wave-based coloring. Inspired by exa.ai.","type":"registry:component","source_url":"https://ds.asanshay.com/r/ascii-wave.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/ascii-wave.json"},{"name":"color-picker","title":"Color Picker","description":"A color picker with OKLCH, HSL, RGB, and HEX support, plus Tailwind CSS presets.","type":"registry:component","source_url":"https://ds.asanshay.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ds.asanshay.com/r/color-picker.json"}]},{"id":"assistant-ui","name":"@assistant-ui","slug":"assistant-ui","description":"Production-grade open-source React toolkit for building ChatGPT-style AI chat interfaces. Provides Radix-style composable primitives: Thread, Message, Composer, ThreadList, ActionBar, and more — all with streaming, auto-scroll, retries, attachments, markdown, code highlighting, voice dictation, and keyboard shortcuts built in. Adapter packages for Vercel AI SDK, LangGraph/LangChain, AG-UI, A2A, Google ADK, and custom data-stream backends. Supports generative UI (tool-call rendering, inline human approvals). Optional paid Cloud tier for managed thread history, telemetry, and file storage. Y Combinator-backed. Use for: any production AI chat or copilot UI that needs a fully featured, themeable, framework-agnostic chat shell wired to the Vercel AI SDK or LangGraph in minutes.","author":"assistant-ui","framework":"react","license":"MIT","tags":["ai","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","maps","marketing","media","mobile","navigation","onboarding","overlays","pro-available","retro","tables","theming"],"categories":["AI/chat UI"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://www.assistant-ui.com","github":"https://github.com/assistant-ui/assistant-ui","registry":"https://r.assistant-ui.com/registry.json","source":"https://r.assistant-ui.com/registry.json","page":"https://sh4dcn.netlify.app/registry/assistant-ui","markdown":"https://sh4dcn.netlify.app/md/assistant-ui.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><rect width=\"32\" height=\"32\" fill=\"var(--foreground)\" /><g transform=\"translate(4,4)\" fill=\"var(--foreground)\" stroke=\"var(--background)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z\" /><path d=\"M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1\" /></g></svg>","preview_image":"https://www.assistant-ui.com/api/og?variant=home","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.assistant-ui.com/pricing"},"metrics":{"github_stars":12769,"open_issues":41,"last_commit":"2026-10-27T04:45:28Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://r.assistant-ui.com/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://r.assistant-ui.com/registry.json","install_bun":"bunx shadcn@latest add https://r.assistant-ui.com/registry.json","clone":"git clone https://github.com/assistant-ui/assistant-ui.git","clone_degit":"npx degit assistant-ui/assistant-ui","registry_fetch":"curl -s https://r.assistant-ui.com/registry.json"},"component_count":172,"components":[{"name":"utils","title":"Utils","description":"The cn class name helper that every assistant-ui component imports from @/lib/utils.","type":"registry:lib","source_url":"https://r.assistant-ui.com/utils.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/utils.json"},{"name":"elements-collapsible-root","title":"Collapsible Root","description":"Ref-bearing disclosure root for assistant-ui components.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-collapsible-root.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-collapsible-root.json"},{"name":"elements-surfaces","title":"Elements Surfaces","description":"Shared design language for the elements family: surface, ink, and motion class recipes plus the shimmer utility.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-surfaces.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-surfaces.json"},{"name":"elements-range","title":"Elements Range","description":"Range normalization for the elements family: clamping a caller's counts, indexes, and shares to what the element can render.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-range.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-range.json"},{"name":"elements-tokens","title":"Elements Tokens","description":"Token count formatting for the elements family: a count in the unit that keeps it short, such as 48.2k or 912.5M.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-tokens.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-tokens.json"},{"name":"elements-href","title":"Elements Href","description":"Link safety for the elements family: reducing a model's or a tool's URL to a target a browser can follow without running script.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-href.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-href.json"},{"name":"elements-task","title":"Elements Task","description":"Shared task state, labels, timing, and elapsed time for task elements.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-task.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-task.json"},{"name":"elements-loading-state","title":"Loading state","description":"A pixel matrix that keeps time while the model has nothing to show yet.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-loading-state.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-loading-state.json"},{"name":"elements-thinking-indicator","title":"Thinking indicator","description":"A live status line that names what the agent is doing right now, with elapsed time.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-thinking-indicator.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-thinking-indicator.json"},{"name":"elements-reasoning-panel","title":"Reasoning panel","description":"A collapsible trace that streams reasoning steps along a timeline, then settles into a summary.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-reasoning-panel.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-reasoning-panel.json"},{"name":"elements-streaming-text","title":"Streaming text","description":"Tokens arrive softly: the newest words land in blue and settle into ink.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-streaming-text.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-streaming-text.json"},{"name":"elements-typing-indicator","title":"Typing indicator","description":"The classic three dots, tuned to read as presence rather than noise.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-typing-indicator.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-typing-indicator.json"},{"name":"elements-message-pair","title":"Message pair","description":"A user bubble and a streaming assistant reply, with actions that appear on hover.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-message-pair.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-message-pair.json"},{"name":"elements-message-branches","title":"Message branches","description":"Navigate between regenerated versions of the same answer without losing your place.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-message-branches.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-message-branches.json"},{"name":"elements-message-actions","title":"Message actions","description":"Copy, rate, and regenerate. Each action confirms itself with a small state change.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-message-actions.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-message-actions.json"},{"name":"elements-suggestions","title":"Follow-up suggestions","description":"Prompt pills that stagger in after a reply and invite the next turn.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-suggestions.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-suggestions.json"},{"name":"elements-error-state","title":"Error state","description":"A quiet failure banner with a retry path, not a modal in your face.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-error-state.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-error-state.json"},{"name":"elements-tool-call","title":"Tool call","description":"One tool invocation with its request and result tucked behind a disclosure.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-tool-call.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-tool-call.json"},{"name":"elements-run-activity","title":"Run activity","description":"Ordered commentary and tools, with a live summary and a final answer that stays visible.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-run-activity.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-run-activity.json"},{"name":"elements-tool-timeline","title":"Tool timeline","description":"A whole working session summarized as verbs, targets, and file stats.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-tool-timeline.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-tool-timeline.json"},{"name":"elements-terminal-block","title":"Terminal block","description":"Command output that streams line by line and ends with an exit status.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-terminal-block.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-terminal-block.json"},{"name":"elements-code-diff","title":"Code diff","description":"A unified diff with tinted additions and removals, sized for chat.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-code-diff.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-code-diff.json"},{"name":"elements-web-search","title":"Web search","description":"A search query and its results landing one by one as the agent reads.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-web-search.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-web-search.json"},{"name":"elements-sources","title":"Sources","description":"Citations collapsed into a pill, expanding into scannable source cards.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-sources.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-sources.json"},{"name":"elements-inline-citation","title":"Inline citation","description":"Numbered references inside a sentence, each with a hover preview of its source.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-inline-citation.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-inline-citation.json"},{"name":"elements-link-preview","title":"Link preview","description":"A returned URL unfurled into a card with enough context to decide whether to open it.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-link-preview.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-link-preview.json"},{"name":"elements-image-generation","title":"Image generation","description":"A dot grid holds the frame while the image resolves out of a blur.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-image-generation.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-image-generation.json"},{"name":"elements-image-gallery","title":"Image gallery","description":"A compact grid of returned images that opens each one in a shared lightbox.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-image-gallery.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-image-gallery.json"},{"name":"elements-data-table","title":"Data table","description":"A tool's rows and columns with formatting, sorting, and a card layout in narrow columns.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-data-table.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-data-table.json"},{"name":"elements-number-ticker","title":"Number ticker","description":"Digits that roll into place as a count updates in real time.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-number-ticker.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-number-ticker.json"},{"name":"elements-agent-plan","title":"Agent plan","description":"A checklist the agent works through, with progress you can glance.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-agent-plan.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-agent-plan.json"},{"name":"elements-subagent-list","title":"Subagent list","description":"Parallel workers with their own progress, models, and completions.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-subagent-list.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-subagent-list.json"},{"name":"elements-agent-status","title":"Agent status","description":"One pill that always answers: what is it doing, and for how long.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-agent-status.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-agent-status.json"},{"name":"elements-task-card","title":"Task card","description":"A delegated task with its state, timing, result, and transcript in one card.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-task-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-task-card.json"},{"name":"elements-approval-card","title":"Approval card","description":"Human in the loop: the agent asks before it runs anything with side effects.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-approval-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-approval-card.json"},{"name":"elements-receipt-focus","title":"Receipt focus","description":"Keeps focus on a receipt when the focused answer is replaced.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-receipt-focus.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-receipt-focus.json"},{"name":"elements-option-list","title":"Option list","description":"The agent asks a question with a few answers; the pick returns to it and stays as a receipt.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-option-list.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-option-list.json"},{"name":"elements-question-flow","title":"Question flow","description":"A few short questions asked one at a time, answered together and kept as a receipt.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-question-flow.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-question-flow.json"},{"name":"elements-recommendation-card","title":"Recommendation card","description":"The agent proposes a change with its confidence, and waits for a yes.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-recommendation-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-recommendation-card.json"},{"name":"elements-artifact-card","title":"Artifact card","description":"A generated document as a tangible object, written live and versioned.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-artifact-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-artifact-card.json"},{"name":"elements-composer","title":"Composer","description":"The unified input: attachments, commands, mentions, models, voice, and context in one surface.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-composer.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-composer.json"},{"name":"elements-chat-panel","title":"Chat panel","description":"The whole family working together: a message, a pause, a streamed reply.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-chat-panel.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-chat-panel.json"},{"name":"elements-empty-state","title":"Empty state","description":"The first screen: a greeting, three ways in, and the composer front and center.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-empty-state.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-empty-state.json"},{"name":"elements-thread-list","title":"Thread list","description":"Conversation history with unread marks and actions that wait for hover.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-thread-list.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-thread-list.json"},{"name":"elements-scroll-anchor","title":"Scroll anchor","description":"Streaming never steals your scroll position; a pill offers the way back down.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-scroll-anchor.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-scroll-anchor.json"},{"name":"elements-conversation-map","title":"Conversation map","description":"A rail of the whole thread: one tick per turn, the turn being read marked and the ones on screen deepened, and a hover preview of what it says.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-conversation-map.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-conversation-map.json"},{"name":"elements-todo-list","title":"Todo list","description":"The agent's own working list, rewritten mid-run as it discovers what else is needed.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-todo-list.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-todo-list.json"},{"name":"elements-message-queue","title":"Message queue","description":"Turns you typed while a run was in flight, stacked and cancelable until it finishes.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-message-queue.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-message-queue.json"},{"name":"elements-message-attachment","title":"Attachments in a message","description":"Files as received rather than staged: an image to open, a document with its page count.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-message-attachment.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-message-attachment.json"},{"name":"elements-reviewable-diff","title":"Reviewable diff","description":"The same diff, but each hunk is a decision: keep it, discard it, apply what survived.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-reviewable-diff.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-reviewable-diff.json"},{"name":"elements-file-tree","title":"File tree","description":"Everything a run touched, as a tree, with the churn spelled out per file.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-file-tree.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-file-tree.json"},{"name":"elements-elicitation-form","title":"Elicitation form","description":"A server pausing mid-tool-call to ask you for the fields it still needs.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-elicitation-form.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-elicitation-form.json"},{"name":"elements-retrieval-chunks","title":"Retrieval chunks","description":"The passages a retrieval answer stands on, scored, before the answer itself arrives.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-retrieval-chunks.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-retrieval-chunks.json"},{"name":"elements-chart","title":"Chart","description":"Area, line, and bars, with points landing one at a time as the series streams in.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-chart.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-chart.json"},{"name":"elements-media-player","title":"Media player","description":"Audio and video a tool returned, played inline without leaving the thread.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-media-player.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-media-player.json"},{"name":"elements-trace-waterfall","title":"Trace waterfall","description":"Every span in a run on one time axis, nested, so you can see where it actually went.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-trace-waterfall.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-trace-waterfall.json"},{"name":"elements-canvas-split","title":"Canvas","description":"The thread steps aside and the document takes the room, still being written as you read.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-canvas-split.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-canvas-split.json"},{"name":"elements-voice-conversation","title":"Voice conversation","description":"A live call: the orb tracks your voice, the caption names the turn, the transcript follows.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-voice-conversation.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-voice-conversation.json"},{"name":"elements-read-aloud","title":"Read aloud","description":"An answer played back, the spoken word lit as it goes, speed under your thumb.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-read-aloud.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-read-aloud.json"},{"name":"elements-mcp-server-panel","title":"Server panel","description":"Which servers are connected, what each one brought, and which is still waiting on you.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-mcp-server-panel.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-mcp-server-panel.json"},{"name":"elements-feedback-dialog","title":"Feedback dialog","description":"A thumbs-down that asks why, so the signal arrives with a reason attached.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-feedback-dialog.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-feedback-dialog.json"},{"name":"elements-quote-reply","title":"Quote reply","description":"Select a phrase in an answer and a toolbar offers to quote, explain, or rewrite it.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-quote-reply.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-quote-reply.json"},{"name":"elements-edit-message","title":"Edit a sent message","description":"Rewrite a turn in place, told up front how many replies the edit throws away.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-edit-message.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-edit-message.json"},{"name":"elements-stopped-run","title":"Stopped run","description":"You pressed stop. The half-written answer stays, and continuing is one tap away.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-stopped-run.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-stopped-run.json"},{"name":"elements-message-timing","title":"Timing footer","description":"What the turn cost: time to first token, throughput, tokens, money.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-message-timing.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-message-timing.json"},{"name":"elements-connection-state","title":"Connection state","description":"The socket drops, the run keeps going on the server, and the stream is picked back up.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-connection-state.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-connection-state.json"},{"name":"elements-agent-card","title":"Agent card","description":"Who you are about to talk to: its skills, its model, and the endpoint behind it.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-agent-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-agent-card.json"},{"name":"elements-web-preview","title":"Web preview","description":"Chrome for a sandboxed preview: a URL bar, reload, and open-in-new around a frame you isolate.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-web-preview.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-web-preview.json"},{"name":"elements-draft-restore","title":"Draft restore","description":"Come back to a thread and the sentence you never sent is still waiting.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-draft-restore.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-draft-restore.json"},{"name":"elements-diagram","title":"Diagram","description":"A drawn answer with zoom, reset, and a full-bleed view; you hand it the rendered graphic.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-diagram.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-diagram.json"},{"name":"elements-flow-graph","title":"Flow graph","description":"Work as a graph rather than a list: branches that fan out and rejoin.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-flow-graph.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-flow-graph.json"},{"name":"elements-activity-graph","title":"Activity graph","description":"A half-year of runs as a calendar of cells, dense where the work was.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-activity-graph.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-activity-graph.json"},{"name":"elements-tool-group","title":"Parallel tools","description":"Calls that went out together, collapsed to one row until you want the detail.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-tool-group.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-tool-group.json"},{"name":"elements-context-breakdown","title":"Context breakdown","description":"Where the window actually went: prompt, tools, files, conversation, and what's left.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-context-breakdown.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-context-breakdown.json"},{"name":"elements-model-picker","title":"Model picker","description":"The full list rather than the rail: grouped by family, priced, with what each one can do.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-model-picker.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-model-picker.json"},{"name":"elements-reasoning-effort","title":"Reasoning effort","description":"How hard to think, and how much of that budget the run actually spent.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-reasoning-effort.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-reasoning-effort.json"},{"name":"elements-guardrail-notice","title":"Guardrail notice","description":"A refusal in its own shape, with the nearest thing it can do instead.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-guardrail-notice.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-guardrail-notice.json"},{"name":"elements-day-separator","title":"Timestamps","description":"Chronology in a long thread: days marked, times on hover.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-day-separator.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-day-separator.json"},{"name":"elements-speaker-identity","title":"Speaker identity","description":"Who is talking, once a thread holds more than a user and one model.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-speaker-identity.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-speaker-identity.json"},{"name":"elements-regenerate-menu","title":"Regenerate with","description":"Fork the same turn to a different model instead of rolling the same dice.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-regenerate-menu.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-regenerate-menu.json"},{"name":"elements-confidence-marker","title":"Confidence","description":"Which claims came from a source, which were inferred, and which are guesses.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-confidence-marker.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-confidence-marker.json"},{"name":"elements-tool-error","title":"Tool failure","description":"One call failed. The error, the attempt count, and a retry that doesn't restart the turn.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-tool-error.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-tool-error.json"},{"name":"elements-permission-grant","title":"Permission grant","description":"Granting a capability rather than approving one action, with the reach spelled out.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-permission-grant.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-permission-grant.json"},{"name":"elements-computer-use","title":"Computer use","description":"The screen the agent is driving, with a cursor trail and what it is doing right now.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-computer-use.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-computer-use.json"},{"name":"elements-code-runner","title":"Code runner","description":"A snippet with a run button, and the output it produced attached below it.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-code-runner.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-code-runner.json"},{"name":"elements-document-reference","title":"Document reference","description":"A document the answer leans on, with the quoted passage and the page to jump to.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-document-reference.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-document-reference.json"},{"name":"elements-memory-chips","title":"Memory","description":"What it now remembers about you, written during the turn and removable.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-memory-chips.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-memory-chips.json"},{"name":"elements-research-report","title":"Research report","description":"An outline that fills in section by section, each carrying the sources behind it.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-research-report.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-research-report.json"},{"name":"elements-map-answer","title":"Map","description":"A location answer: pins, a route between them, and the list they came from.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-map-answer.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-map-answer.json"},{"name":"elements-geo-map","title":"Geo map","description":"Places and routes on a real tiled map, with an accessible list of every place.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-geo-map.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-geo-map.json"},{"name":"elements-math-block","title":"Math","description":"Rendered expressions with the working shown, one step at a time.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-math-block.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-math-block.json"},{"name":"elements-spec-sheet","title":"Spec sheet","description":"The most common structured answer after a table: one object, labeled.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-spec-sheet.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-spec-sheet.json"},{"name":"elements-comparison-card","title":"Comparison","description":"Two options weighed side by side, with the pick named and argued.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-comparison-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-comparison-card.json"},{"name":"elements-timeline","title":"Timeline","description":"Events on a time axis, with what already happened and what is still coming.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-timeline.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-timeline.json"},{"name":"elements-job-progress","title":"Long job","description":"Work measured in minutes: weighted stages, an ETA, and a way out.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-job-progress.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-job-progress.json"},{"name":"elements-score-breakdown","title":"Score breakdown","description":"A verdict with its arithmetic shown: criteria, weights, and what pulled it down.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-score-breakdown.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-score-breakdown.json"},{"name":"elements-cost-meter","title":"Cost meter","description":"What the run spent, split by model, against the session total.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-cost-meter.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-cost-meter.json"},{"name":"elements-quota-banner","title":"Quota","description":"How much is left, when it comes back, and the way to get more.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-quota-banner.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-quota-banner.json"},{"name":"elements-agent-handoff","title":"Handoff","description":"Control passing between agents, with the reason and what came along.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-agent-handoff.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-agent-handoff.json"},{"name":"elements-background-inbox","title":"Background runs","description":"Work still going somewhere else, and the results waiting to be collected.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-background-inbox.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-background-inbox.json"},{"name":"elements-checkpoint-history","title":"Checkpoints","description":"Points you can fall back to, with what each one would give back.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-checkpoint-history.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-checkpoint-history.json"},{"name":"elements-schedule-card","title":"Schedule","description":"A run that repeats on its own, with its cadence and how it has been doing.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-schedule-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-schedule-card.json"},{"name":"elements-prompt-library","title":"Prompt library","description":"Prompts you saved, searchable, with their variables shown before you insert one.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-prompt-library.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-prompt-library.json"},{"name":"elements-command-palette","title":"Command palette","description":"Everything the app can do, one keystroke away and grouped by where it acts.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-command-palette.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-command-palette.json"},{"name":"elements-shared-conversation","title":"Shared conversation","description":"A read-only transcript someone sent you, with a way to pick it up yourself.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-shared-conversation.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-shared-conversation.json"},{"name":"elements-conversation-search","title":"Search in conversation","description":"Find inside a long thread, with every hit marked down the scrollbar.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-conversation-search.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-conversation-search.json"},{"name":"elements-thread-search","title":"Thread search","description":"History you can actually get back into: pinned first, then grouped by when.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-thread-search.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-thread-search.json"},{"name":"elements-launcher-bubble","title":"Launcher","description":"The floating entry point, and the panel it opens into.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-launcher-bubble.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-launcher-bubble.json"},{"name":"elements-settings-panel","title":"Settings","description":"Model, system prompt, temperature, and what the assistant is allowed to do.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-settings-panel.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-settings-panel.json"},{"name":"elements-onboarding","title":"Onboarding","description":"First run: three moves that teach what this assistant is actually for.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-onboarding.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-onboarding.json"},{"name":"elements-mobile-composer","title":"Mobile composer","description":"The bottom sheet: keyboard-aware, quick actions above, thumb-sized targets.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-mobile-composer.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-mobile-composer.json"},{"name":"shimmer-style","title":"Shimmer Style","description":"Keyframes and theme variables for the streaming shimmer animation.","type":"registry:style","source_url":"https://r.assistant-ui.com/shimmer-style.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/shimmer-style.json"},{"name":"chat/b/ai-sdk-quick-start/json","title":"AI SDK Quick Start","description":"Assistant page wired to the AI SDK chat route, with the thread component installed.","type":"registry:page","source_url":"https://r.assistant-ui.com/chat/b/ai-sdk-quick-start/json.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/chat/b/ai-sdk-quick-start/json.json"},{"name":"ai-sdk-backend","title":"AI SDK Backend","description":"Next.js route handler that streams chat completions through the AI SDK.","type":"registry:page","source_url":"https://r.assistant-ui.com/ai-sdk-backend.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/ai-sdk-backend.json"},{"name":"ai-sdk-backend-resumable","title":"AI SDK Resumable Backend","description":"AI SDK route handlers with resumable stream context, so a run survives a reload.","type":"registry:page","source_url":"https://r.assistant-ui.com/ai-sdk-backend-resumable.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/ai-sdk-backend-resumable.json"},{"name":"eve-chat","title":"Eve Chat","description":"Chat page for an Eve agent, rendering the session through an assistant-ui thread.","type":"registry:item","source_url":"https://r.assistant-ui.com/eve-chat.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/eve-chat.json"},{"name":"eve-ask-question","title":"Eve Ask Question","description":"Renders Eve's built-in ask_question tool as a standalone question with answer controls, outside the collapsed tool group.","type":"registry:component","source_url":"https://r.assistant-ui.com/eve-ask-question.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/eve-ask-question.json"},{"name":"thread","title":"Thread","description":"Chat container with message list, composer, auto scroll, and accessibility built in.","type":"registry:component","source_url":"https://r.assistant-ui.com/thread.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/thread.json"},{"name":"elements-voice","title":"Voice Orb","description":"The props-driven voice orb: five session states and four palettes, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-voice.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-voice.json"},{"name":"elements-context-display","title":"Context Display Core","description":"The props-driven context usage display: ring, bar, and text presets with the usage popover, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-context-display.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-context-display.json"},{"name":"elements-context-usage","title":"Elements Context Usage","description":"Shared usage colors and segment labels for context displays.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-context-usage.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-context-usage.json"},{"name":"voice","title":"Voice","description":"Realtime voice session controls with connect, mute, and a status indicator.","type":"registry:component","source_url":"https://r.assistant-ui.com/voice.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/voice.json"},{"name":"voice-conversation","title":"Voice conversation","description":"The live call screen bound to the thread's voice session: orb, caption, transcript, mute, and end call.","type":"registry:component","source_url":"https://r.assistant-ui.com/voice-conversation.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/voice-conversation.json"},{"name":"task-card","title":"Task card","description":"A runtime task card with nested transcripts, timing, results, and grouped task lanes.","type":"registry:component","source_url":"https://r.assistant-ui.com/task-card.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/task-card.json"},{"name":"agent-status","title":"Agent status","description":"A runtime task summary chip with an optional tray for every task in the thread.","type":"registry:component","source_url":"https://r.assistant-ui.com/agent-status.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/agent-status.json"},{"name":"use-copy-to-clipboard","title":"Use Copy To Clipboard","description":"Copy text to the clipboard with a temporary copied state.","type":"registry:hook","source_url":"https://r.assistant-ui.com/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/use-copy-to-clipboard.json"},{"name":"markdown-text","title":"Markdown Text","description":"Render assistant markdown with headings, lists, links, and code blocks.","type":"registry:component","source_url":"https://r.assistant-ui.com/markdown-text.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/markdown-text.json"},{"name":"reasoning","title":"Reasoning","description":"Collapsible panel for assistant reasoning and thinking content.","type":"registry:component","source_url":"https://r.assistant-ui.com/reasoning.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/reasoning.json"},{"name":"conversation-map","title":"Conversation Map","description":"Runtime-backed thread rail: a tick per turn, the turn being read marked and the ones on screen deepened, a hover preview, and a click that scrolls there.","type":"registry:component","source_url":"https://r.assistant-ui.com/conversation-map.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/conversation-map.json"},{"name":"elements-reasoning","title":"Reasoning Panel","description":"The props-driven reasoning disclosure: streaming preview, fades, and variants, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-reasoning.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-reasoning.json"},{"name":"message-timing","title":"Message Timing","description":"Badge with streaming stats: time to first token, total time, and tokens per second.","type":"registry:component","source_url":"https://r.assistant-ui.com/message-timing.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/message-timing.json"},{"name":"context-display","title":"Context Display","description":"Token usage against a model's context window as a ring, bar, or text, with a hover popover.","type":"registry:component","source_url":"https://r.assistant-ui.com/context-display.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/context-display.json"},{"name":"thread-list","title":"Thread List","description":"Sidebar or dropdown for switching conversations, with search and active selection.","type":"registry:component","source_url":"https://r.assistant-ui.com/thread-list.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/thread-list.json"},{"name":"mcp-config","title":"MCP Config Dialog","description":"Dialog listing MCP connectors and custom servers, with OAuth and bearer auth controls.","type":"registry:component","source_url":"https://r.assistant-ui.com/mcp-config.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/mcp-config.json"},{"name":"elements-mcp-config-state","title":"Elements MCP Config State","description":"Shared focus and announcement state for MCP config dialogs.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-mcp-config-state.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-mcp-config-state.json"},{"name":"use-attachment-src","title":"Use Attachment Src","description":"Resolve an image attachment to a preview source URL.","type":"registry:hook","source_url":"https://r.assistant-ui.com/use-attachment-src.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/use-attachment-src.json"},{"name":"attachment","title":"Attachment","description":"Attach files from the composer and view them inside messages.","type":"registry:component","source_url":"https://r.assistant-ui.com/attachment.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/attachment.json"},{"name":"follow-up-suggestions","title":"Follow Up Suggestions","description":"Prompt chips rendered from runtime generated follow up suggestions.","type":"registry:component","source_url":"https://r.assistant-ui.com/follow-up-suggestions.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/follow-up-suggestions.json"},{"name":"tooltip-icon-button","title":"Tooltip Icon Button","description":"Icon button with an accessible tooltip label, shared across the assistant UI components.","type":"registry:component","source_url":"https://r.assistant-ui.com/tooltip-icon-button.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tooltip-icon-button.json"},{"name":"syntax-highlighter","title":"Syntax Highlighter","description":"Code block highlighting powered by react-syntax-highlighter.","type":"registry:component","source_url":"https://r.assistant-ui.com/syntax-highlighter.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/syntax-highlighter.json"},{"name":"elements-modal-size","title":"Elements Modal Size","description":"Shared resizing and stored size for the assistant modal.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-modal-size.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-modal-size.json"},{"name":"assistant-modal","title":"Assistant Modal","description":"Floating chat bubble for support widgets and help desks, with a thread list and a resizable window.","type":"registry:component","source_url":"https://r.assistant-ui.com/assistant-modal.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/assistant-modal.json"},{"name":"assistant-sidebar","title":"Assistant Sidebar","description":"Side panel chat for copilot experiences and inline assistance.","type":"registry:component","source_url":"https://r.assistant-ui.com/assistant-sidebar.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/assistant-sidebar.json"},{"name":"tool-fallback","title":"Tool Fallback","description":"Default renderer for tool calls that have no dedicated UI.","type":"registry:component","source_url":"https://r.assistant-ui.com/tool-fallback.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tool-fallback.json"},{"name":"tool-group","title":"Tool Group","description":"Collapsible wrapper around consecutive tool calls.","type":"registry:component","source_url":"https://r.assistant-ui.com/tool-group.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tool-group.json"},{"name":"shiki-highlighter","title":"Shiki Highlighter","description":"Code block highlighting powered by react-shiki.","type":"registry:component","source_url":"https://r.assistant-ui.com/shiki-highlighter.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/shiki-highlighter.json"},{"name":"elements-shiki-highlighter","title":"Shiki Highlighter","description":"The props-driven Shiki code block: streaming-aware highlighting, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-shiki-highlighter.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-shiki-highlighter.json"},{"name":"mermaid-diagram","title":"Mermaid Diagram","description":"Render Mermaid diagrams in messages, including while they stream.","type":"registry:component","source_url":"https://r.assistant-ui.com/mermaid-diagram.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/mermaid-diagram.json"},{"name":"elements-mermaid-diagram","title":"Mermaid Diagram","description":"The props-driven Mermaid renderer: zoom overlay, skeleton, and error fallback, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-mermaid-diagram.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-mermaid-diagram.json"},{"name":"diff-viewer","title":"Diff Viewer","description":"Render code diffs with highlighted additions and deletions.","type":"registry:ui","source_url":"https://r.assistant-ui.com/diff-viewer.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/diff-viewer.json"},{"name":"threadlist-sidebar","title":"Thread List Sidebar","description":"Sidebar shell that hosts the thread list beside a thread.","type":"registry:component","source_url":"https://r.assistant-ui.com/threadlist-sidebar.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/threadlist-sidebar.json"},{"name":"quote","title":"Quote","description":"Select and quote message text with a floating toolbar and a composer preview.","type":"registry:component","source_url":"https://r.assistant-ui.com/quote.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/quote.json"},{"name":"sources","title":"Sources","description":"Display URL sources with favicon, title, and an external link.","type":"registry:component","source_url":"https://r.assistant-ui.com/sources.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/sources.json"},{"name":"image","title":"Image","description":"Display image parts with preview, loading states, and a fullscreen dialog.","type":"registry:component","source_url":"https://r.assistant-ui.com/image.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/image.json"},{"name":"file","title":"File","description":"Display file parts with icon, name, size, and a download button, playing audio and video inline.","type":"registry:component","source_url":"https://r.assistant-ui.com/file.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/file.json"},{"name":"model-selector","title":"Model Selector","description":"Model picker with reasoning effort levels, search, and runtime integration.","type":"registry:component","source_url":"https://r.assistant-ui.com/model-selector.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/model-selector.json"},{"name":"elements-model-selector","title":"Model Selector","description":"The props-driven model picker: search, groups, and reasoning effort levels, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-model-selector.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-model-selector.json"},{"name":"elements-model-selection","title":"Elements Model Selection","description":"Shared model selection state and effort resolution for model selectors.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-model-selection.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-model-selection.json"},{"name":"logos","title":"Logos","description":"Model provider logos as inline SVG components.","type":"registry:component","source_url":"https://r.assistant-ui.com/logos.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/logos.json"},{"name":"select","title":"Select","description":"Dropdown select with composable trigger, content, and item components.","type":"registry:ui","source_url":"https://r.assistant-ui.com/select.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/select.json"},{"name":"direction","title":"Direction Provider","description":"Direction provider and hook for right to left layouts.","type":"registry:ui","source_url":"https://r.assistant-ui.com/direction.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/direction.json"},{"name":"badge","title":"Badge","description":"Small label for status, categories, and metadata.","type":"registry:ui","source_url":"https://r.assistant-ui.com/badge.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/badge.json"},{"name":"tabs","title":"Tabs","description":"Tabs for organizing content into switchable panels.","type":"registry:ui","source_url":"https://r.assistant-ui.com/tabs.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/tabs.json"},{"name":"accordion","title":"Accordion","description":"Stacked headings that reveal or hide content sections.","type":"registry:ui","source_url":"https://r.assistant-ui.com/accordion.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/accordion.json"},{"name":"dot-matrix","title":"Dot Matrix","description":"5x5 dot matrix indicator with state specific blink patterns.","type":"registry:ui","source_url":"https://r.assistant-ui.com/dot-matrix.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/dot-matrix.json"},{"name":"number-roll","title":"Number Roll","description":"Animated number that rolls its digits odometer style when the value changes.","type":"registry:ui","source_url":"https://r.assistant-ui.com/number-roll.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/number-roll.json"},{"name":"heat-graph","title":"Heat Graph","description":"Activity heat map with month and weekday labels.","type":"registry:component","source_url":"https://r.assistant-ui.com/heat-graph.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/heat-graph.json"},{"name":"composer-trigger-popover","title":"Composer Trigger Popover","description":"Character triggered picker for @ mentions, / commands, and similar popovers.","type":"registry:component","source_url":"https://r.assistant-ui.com/composer-trigger-popover.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/composer-trigger-popover.json"},{"name":"directive-text","title":"Directive Text","description":"Render mention directives as inline chips in user messages.","type":"registry:component","source_url":"https://r.assistant-ui.com/directive-text.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/directive-text.json"},{"name":"elements-directive-text","title":"Directive Text","description":"The props-driven directive chip renderer: bring your own formatter, no runtime required.","type":"registry:component","source_url":"https://r.assistant-ui.com/elements-directive-text.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/elements-directive-text.json"},{"name":"generative-ui-style","title":"Generative UI Style","description":"Theme variables and vocabulary CSS for generative UI output.","type":"registry:style","source_url":"https://r.assistant-ui.com/generative-ui-style.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/generative-ui-style.json"},{"name":"generative-ui","title":"Generative UI","description":"Styled component library for rendering generative UI output.","type":"registry:component","source_url":"https://r.assistant-ui.com/generative-ui.json","install_command":"npx shadcn@latest add https://r.assistant-ui.com/generative-ui.json"}]},{"id":"auth0","name":"@auth0","slug":"auth0","description":"Official Auth0 Universal Components registry providing pre-built embeddable UI for enterprise-grade authentication flows: SSO login, MFA enrollment, and organization management screens. Designed to accelerate integration of Auth0's identity platform directly into React/Next.js apps with shadcn/ui styling. Requires an Auth0 account; components shell out to Auth0's authentication APIs. Free to use as components; Auth0 platform costs apply per MAU. Use for: enterprise SaaS applications that need fully branded, compliant SSO and MFA flows without building custom OAuth/SAML UI from scratch.","author":"auth0","framework":"react","license":null,"tags":["ai","auth","forms","pro-available","saas","tables","theming"],"categories":["Auth/identity"],"labels":["pro"],"urls":{"website":"https://auth0.com","github":"https://github.com/auth0","registry":"https://ui.auth0.com/r/registry.json","source":"https://ui.auth0.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/auth0","markdown":"https://sh4dcn.netlify.app/md/auth0.md"},"logo":"<svg width='53' height='64' viewBox='0 0 53 64' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3.37163 27.7823C13.8466 26.0536 22.0585 17.3818 23.7786 6.88966L24.3558 1.84681C24.4986 1.04545 23.9557 -0.0707301 22.9442 0.00940596C15.0295 0.627599 7.56046 3.24347 3.40592 4.9435C1.34294 5.79065 0 7.79405 0 10.0264V26.4772C0 27.4503 0.874338 28.1944 1.8344 28.0399L3.37163 27.788V27.7823Z' fill='var(--foreground)'/><path d='M28.8312 6.89002C30.557 17.3821 38.7689 26.054 49.2381 27.7826L50.7753 28.0345C51.7354 28.1948 52.6097 27.4507 52.6097 26.4718V10.0211C52.6097 7.78869 51.2668 5.78529 49.2038 4.93814C45.0436 3.23238 37.5803 0.622239 29.6655 0.00404612C28.6483 -0.07609 28.1282 1.05154 28.2483 1.84145L28.8254 6.8843L28.8312 6.89002Z' fill='var(--foreground)'/><path d='M49.2301 32.3907C34.915 35.2184 28.2689 44.7488 28.2689 62.7909C28.2689 63.6953 29.166 64.3249 29.9204 63.8212C36.5036 59.3737 50.9902 47.7654 52.4818 33.2436C52.5389 31.4176 50.2588 32.2762 49.2301 32.3907Z' fill='var(--foreground)'/><path d='M3.37691 32.3907C17.6921 35.2184 24.3382 44.7488 24.3382 62.7909C24.3382 63.6953 23.441 64.3249 22.6867 63.8212C16.1034 59.3737 1.6168 47.7654 0.125285 33.2436C0.0681382 31.4176 2.34828 32.2762 3.37691 32.3907Z' fill='var(--foreground)'/></svg>","preview_image":"https://cdn.auth0.com/website/homepage/sharecard.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://auth0.com/pricing/"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.auth0.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.auth0.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.auth0.com/r/registry.json","clone":"git clone https://github.com/auth0.git","clone_degit":"npx degit auth0","registry_fetch":"curl -s https://ui.auth0.com/r/registry.json"},"component_count":6,"components":[{"name":"my-account/user-mfa-management","title":"User MFA Management","description":"A block for managing Multi-Factor Authentication (MFA) factors, including enrollment and deletion.","type":"registry:block","source_url":"https://ui.auth0.com/r/my-account/user-mfa-management.json","install_command":"npx shadcn@latest add https://ui.auth0.com/r/my-account/user-mfa-management.json"},{"name":"my-organization/organization-details-edit","title":"Organization Management","description":"A block for managing organization details, including editing organization settings and branding, with delete functionality.","type":"registry:block","source_url":"https://ui.auth0.com/r/my-organization/organization-details-edit.json","install_command":"npx shadcn@latest add https://ui.auth0.com/r/my-organization/organization-details-edit.json"},{"name":"my-organization/domain-table","title":"Domain Management Table","description":"A block for managing organization domains, including creating, verifying, configuring identity providers, and deleting domains.","type":"registry:block","source_url":"https://ui.auth0.com/r/my-organization/domain-table.json","install_command":"npx shadcn@latest add https://ui.auth0.com/r/my-organization/domain-table.json"},{"name":"my-organization/sso-provider-table","title":"SSO Provider Table","description":"A block for managing SSO identity providers in a table format, including create, edit, delete, enable/disable, and remove from organization capabilities.","type":"registry:block","source_url":"https://ui.auth0.com/r/my-organization/sso-provider-table.json","install_command":"npx shadcn@latest add https://ui.auth0.com/r/my-organization/sso-provider-table.json"},{"name":"my-organization/sso-provider-create","title":"SSO Provider Creation Wizard","description":"A multi-step wizard for creating SSO identity providers with support for multiple strategies including SAMLP, OIDC, ADFS, Okta, Google Workspace, Azure AD, and…","type":"registry:block","source_url":"https://ui.auth0.com/r/my-organization/sso-provider-create.json","install_command":"npx shadcn@latest add https://ui.auth0.com/r/my-organization/sso-provider-create.json"},{"name":"my-organization/sso-provider-edit","title":"SSO Provider Edit","description":"A comprehensive block for editing SSO identity providers with tabs for provider configuration, SCIM provisioning settings, and domain management. Includes toke…","type":"registry:block","source_url":"https://ui.auth0.com/r/my-organization/sso-provider-edit.json","install_command":"npx shadcn@latest add https://ui.auth0.com/r/my-organization/sso-provider-edit.json"}]},{"id":"avertra-ui","name":"@avertra-ui","slug":"avertra-ui","description":"A collection of React components built with Tailwind CSS, designed to help you create beautiful and responsive user interfaces with ease.","author":null,"framework":"react","license":null,"tags":["auth","buttons","cards","editor","forms","loaders","media","navigation","overlays","tables"],"categories":["Forms"],"labels":[],"urls":{"website":"https://micomponents.micustomer.io","github":null,"registry":"https://micomponents.micustomer.io/r/registry.json","source":"https://micomponents.micustomer.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/avertra-ui","markdown":"https://sh4dcn.netlify.app/md/avertra-ui.md"},"logo":"<svg width='324' height='109' viewBox='0 0 324 109' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_2_2593)'><path fill-rule='evenodd' clip-rule='evenodd' d='M67.3601 23.1618C63.4984 21.2277 59.1138 20.0891 54.5151 20.0891C38.518 20.0891 25.4844 33.1731 25.4844 49.1592C25.4844 57.7705 29.2972 65.5752 35.288 70.8971C36.3715 71.8854 38.7608 73.5359 38.7608 73.5359L41.1653 69.9338L44.9955 64.2071L41.4092 61.7925L37.728 67.2344C32.8626 62.7645 29.813 56.2976 29.813 49.1592C29.813 35.5714 40.926 24.5205 54.5151 24.5205C58.2184 24.5205 61.7809 25.326 64.895 26.7872L61.2627 32.2728L64.895 34.692L68.6613 28.9805L71.1379 25.379C69.8897 24.524 68.6613 23.8013 67.3601 23.1618Z' fill='#BBBBBF'/><path fill-rule='evenodd' clip-rule='evenodd' d='M16.9472 16.3804C16.9472 15.0234 15.8975 13.9827 14.5707 13.9827C13.263 13.9827 12.1225 15.0234 12.1225 16.3804C12.1225 17.7076 13.263 18.7938 14.5707 18.7938C15.8975 18.7938 16.9472 17.7076 16.9472 16.3804ZM9.36814 20.8986C8.03316 20.8986 6.96017 21.9725 6.96017 23.2963C6.96017 24.6049 8.03316 25.6922 9.36814 25.6922C10.6717 25.6922 11.7394 24.6049 11.7394 23.2963C11.7394 21.9725 10.6717 20.8986 9.36814 20.8986ZM22.1084 20.1671C21.2211 20.1671 20.5603 20.8986 20.5003 21.7407C20.5003 21.7972 20.4526 23.7337 18.7939 25.8972C17.3402 27.8454 15.1453 28.0282 15.0481 28.0282C14.1748 28.0282 13.5029 28.7463 13.5239 29.6234C13.5809 30.4975 14.2598 31.1656 15.0801 31.1656C15.1453 31.1656 15.1453 31.1656 15.1453 31.1656C15.2996 31.1656 18.9342 31.0502 21.369 27.7667C23.5912 24.8105 23.6669 22.0394 23.6669 21.7884C23.6669 20.8985 22.9496 20.1671 22.1084 20.1671ZM15.476 7.69396C6.96017 7.69396 0 14.6017 0 23.1617C0 31.7113 6.96017 38.6219 15.476 38.6219C24.0395 38.6219 30.9484 31.7113 30.9484 23.1617C30.9484 14.6017 24.0395 7.69396 15.476 7.69396ZM15.476 34.7106C9.09101 34.7106 4.00202 29.5069 4.00202 23.1617C4.00202 16.7892 9.09101 11.6513 15.476 11.6513C21.844 11.6513 27.011 16.7892 27.011 23.1617C27.011 29.5069 21.844 34.7106 15.476 34.7106Z' fill='#00AAF0'/><path fill-rule='evenodd' clip-rule='evenodd' d='M138.463 67.921C137.363 67.3619 136.47 66.6322 135.805 65.652C135.097 64.7621 134.594 63.6317 134.331 62.4127C134.043 61.1851 133.857 59.69 133.857 57.9423V42.9381C133.857 42.8536 133.876 42.7459 133.949 42.6463C133.978 42.5892 134.103 42.5036 134.189 42.4204C134.331 42.3953 134.521 42.315 134.688 42.2847C134.949 42.2719 135.174 42.2718 135.47 42.2718C135.805 42.2718 136.086 42.2719 136.266 42.2847C136.511 42.315 136.657 42.3953 136.776 42.4204C136.891 42.5036 136.983 42.5892 137.055 42.6463C137.105 42.7459 137.142 42.8536 137.142 42.9381V57.6354C137.142 59.1729 137.247 60.3994 137.517 61.3865C137.727 62.383 138.056 63.1803 138.55 63.86C139.04 64.5216 139.613 65.0667 140.348 65.4173C141.115 65.8244 141.953 65.995 142.953 65.995C144.173 65.995 145.464 65.5682 146.686 64.6387C147.975 63.7557 149.295 62.4663 150.669 60.7098V42.9381C150.669 42.8536 150.718 42.7459 150.78 42.6463C150.801 42.5892 150.903 42.5036 151.025 42.4204C151.179 42.3953 151.34 42.315 151.507 42.2847C151.732 42.2719 151.996 42.2718 152.309 42.2718C152.652 42.2718 152.893 42.2719 153.099 42.2847C153.325 42.315 153.472 42.3953 153.589 42.4204C153.698 42.5036 153.768 42.5892 153.907 42.6463C153.907 42.7459 153.94 42.8536 153.94 42.9381V67.7661C153.94 67.8377 153.907 67.9554 153.907 68.0235C153.809 68.1173 153.752 68.239 153.628 68.285C153.472 68.3281 153.325 68.3735 153.099 68.3735C152.893 68.4335 152.672 68.469 152.389 68.469C152.073 68.469 151.775 68.4335 151.57 68.3735C151.4 68.3735 151.243 68.3281 151.116 68.285C151.025 68.239 150.922 68.1173 150.912 68.0235C150.85 67.9554 150.85 67.8377 150.85 67.7661V64.2059C149.396 65.8244 148.021 66.9653 146.671 67.649C145.254 68.3735 143.979 68.755 142.627 68.755C140.969 68.755 139.59 68.469 138.463 67.921ZM164.361 68.5337C163.638 68.3962 162.934 68.239 162.303 68.0235C161.669 67.7888 161.135 67.5832 160.731 67.3619C160.251 67.1115 160.005 66.9175 159.773 66.7207C159.601 66.5366 159.422 66.302 159.339 66.0346C159.25 65.7621 159.198 65.4173 159.198 64.9421C159.198 64.6684 159.198 64.4977 159.263 64.3032C159.263 64.1092 159.339 63.9823 159.392 63.8279C159.433 63.7179 159.514 63.6317 159.601 63.5927C159.698 63.4966 159.773 63.4832 159.93 63.4832C160.129 63.4832 160.399 63.6101 160.817 63.8279C161.182 64.1092 161.669 64.3597 162.257 64.6683C162.789 64.9729 163.503 65.2746 164.296 65.4796C165.102 65.7621 165.987 65.9386 167.033 65.9386C167.847 65.9386 168.633 65.8058 169.329 65.6171C169.994 65.4173 170.63 65.1529 171.125 64.8C171.675 64.4628 172.038 63.9584 172.341 63.3976C172.609 62.8408 172.771 62.1297 172.771 61.3865C172.771 60.6259 172.575 59.9626 172.197 59.4472C171.834 58.8887 171.351 58.4437 170.765 58.05C170.177 57.6755 169.514 57.2865 168.718 57.0407C167.964 56.6802 167.203 56.396 166.394 56.1136C165.593 55.7636 164.84 55.3902 164.099 55.0361C163.32 54.6587 162.647 54.162 162.061 53.6495C161.464 53.0997 160.955 52.4474 160.636 51.635C160.251 50.8988 160.1 49.974 160.1 48.91C160.1 48.0713 160.251 47.1977 160.566 46.3794C160.929 45.5705 161.412 44.8041 162.104 44.1617C162.789 43.4611 163.643 42.9381 164.695 42.5892C165.814 42.1851 167.052 41.9696 168.527 41.9696C169.147 41.9696 169.732 42.0529 170.358 42.1362C170.965 42.2468 171.526 42.3307 172.005 42.5036C172.524 42.6463 172.959 42.8536 173.313 43.0517C173.702 43.2636 173.923 43.4122 174.135 43.5473C174.32 43.6987 174.474 43.7901 174.528 43.9229C174.613 44.008 174.63 44.1029 174.671 44.2788C174.717 44.351 174.717 44.4721 174.729 44.627C174.746 44.775 174.746 44.9555 174.746 45.1634C174.746 45.4133 174.729 45.6148 174.717 45.7947C174.717 45.9421 174.63 46.097 174.613 46.2338C174.547 46.3666 174.479 46.4633 174.388 46.514C174.32 46.6112 174.225 46.6357 174.065 46.6357C173.923 46.6357 173.715 46.514 173.433 46.32C173.166 46.097 172.801 45.9048 172.341 45.6649C171.834 45.4202 171.259 45.1634 170.591 45.0149C169.97 44.8041 169.186 44.6748 168.341 44.6748C167.475 44.6748 166.714 44.8041 166.079 45.0149C165.428 45.1634 164.891 45.4657 164.493 45.8326C164.066 46.2339 163.762 46.6637 163.565 47.1593C163.32 47.6235 163.225 48.115 163.225 48.7719C163.225 49.5768 163.401 50.2075 163.762 50.7829C164.156 51.3187 164.657 51.7881 165.218 52.1906C165.853 52.625 166.51 52.9541 167.295 53.2534C168.028 53.5796 168.815 53.89 169.633 54.162C170.425 54.5161 171.205 54.8853 171.918 55.2039C172.771 55.5737 173.378 56.014 174.029 56.5667C174.613 57.0926 175.088 57.7449 175.439 58.4437C175.847 59.2154 175.991 60.1053 175.991 61.1361C175.991 62.3527 175.773 63.3975 175.334 64.3032C174.916 65.2746 174.254 66.0655 173.453 66.7207C172.67 67.3619 171.716 67.8704 170.555 68.239C169.453 68.582 168.201 68.755 166.834 68.755C165.958 68.755 165.156 68.6682 164.361 68.5337ZM201.708 67.7888C200.289 67.2175 199.082 66.3189 198.102 65.1908C197.119 64.1093 196.412 62.6603 195.883 61.0342C195.412 59.4472 195.19 57.5783 195.19 55.5335C195.19 53.5796 195.427 51.7881 195.956 50.087C196.43 48.4336 197.245 47.0143 198.208 45.8111C199.257 44.5933 200.495 43.6713 201.999 42.9381C203.516 42.2846 205.259 41.9696 207.331 41.9696C209.232 41.9696 210.959 42.2719 212.359 42.8537C213.811 43.4419 215.009 44.3428 216.004 45.4657C216.961 46.6357 217.657 47.9956 218.219 49.6007C218.701 51.2785 218.922 53.049 218.922 55.0559C218.922 57.0652 218.701 58.8887 218.175 60.5695C217.657 62.2048 216.914 63.6317 215.878 64.8512C214.86 66.0923 213.603 67.0282 212.075 67.7073C210.621 68.3962 208.804 68.755 206.816 68.755C204.88 68.755 203.213 68.4691 201.708 67.7888ZM272.337 67.8756C270.86 67.3142 269.622 66.4429 268.609 65.3719C267.609 64.2059 266.838 62.8408 266.328 61.1851C265.855 59.5375 265.538 57.5503 265.538 55.3903C265.538 53.2966 265.855 51.4143 266.328 49.7603C266.859 48.115 267.686 46.7062 268.683 45.5414C269.632 44.4046 270.897 43.4611 272.283 42.8804C273.704 42.2718 275.282 41.9696 277.013 41.9696C278.852 41.9696 280.46 42.2718 281.771 42.9026C283.061 43.4611 284.157 44.351 285.031 45.4133C285.855 46.4633 286.479 47.6456 286.854 49.0456C287.299 50.4236 287.453 51.8755 287.453 53.3909V54.0513C287.453 54.7211 287.299 55.2016 286.959 55.4281C286.589 55.6954 286.28 55.7973 285.931 55.7973H269.068C269.068 57.3244 269.203 58.7029 269.497 59.9626C269.783 61.1851 270.29 62.2724 270.97 63.1302C271.711 64.0475 272.607 64.7248 273.704 65.1908C274.81 65.652 276.208 65.9386 277.825 65.9386C278.963 65.9386 279.983 65.8058 280.886 65.6037C281.813 65.4173 282.611 65.1908 283.267 64.9421C283.963 64.6684 284.448 64.4791 284.907 64.2764C285.338 64.0475 285.613 63.9584 285.807 63.9584C285.931 63.9584 286.003 63.9986 286.115 64.0475C286.188 64.1093 286.309 64.1925 286.323 64.2764C286.372 64.3841 286.419 64.5588 286.479 64.7248C286.479 64.9421 286.53 65.1529 286.53 65.4173C286.53 65.5681 286.529 65.652 286.479 65.8058C286.479 65.9385 286.419 66.0346 286.406 66.1267C286.372 66.235 286.323 66.3189 286.309 66.4254C286.201 66.5093 286.153 66.5856 286.047 66.6968C285.977 66.7795 285.673 66.9653 285.203 67.1709C284.747 67.4079 284.157 67.5832 283.34 67.8377C282.611 68.0614 281.683 68.3281 280.706 68.469C279.704 68.6356 278.604 68.755 277.445 68.755C275.511 68.755 273.826 68.469 272.337 67.8756ZM185.479 68.239C184.657 67.8704 183.903 67.3619 183.368 66.7207C182.82 66.0655 182.432 65.1907 182.174 64.1925C181.949 63.1302 181.773 61.9695 181.773 60.5695V45.1634H178.107C177.858 45.1634 177.639 45.0668 177.51 44.8041C177.394 44.5933 177.316 44.3009 177.316 43.7901C177.316 43.5473 177.316 43.3632 177.37 43.1559C177.445 42.9859 177.445 42.8537 177.51 42.7459C177.586 42.63 177.656 42.538 177.777 42.4629C177.887 42.4203 177.979 42.3953 178.107 42.3953H181.773V36.3361C181.773 36.2342 181.834 36.1066 181.893 36.0233C181.893 35.9371 181.99 35.8457 182.124 35.8457C182.273 35.7508 182.432 35.664 182.647 35.632C182.879 35.632 183.111 35.6081 183.403 35.6081C183.767 35.6081 183.996 35.632 184.242 35.632C184.438 35.664 184.592 35.7508 184.724 35.8457C184.851 35.8457 184.951 35.9371 184.984 36.0233C185.055 36.1066 185.076 36.2342 185.076 36.3361V42.3953H191.929C192.038 42.3953 192.122 42.4203 192.243 42.4629C192.372 42.538 192.41 42.63 192.515 42.7459C192.566 42.8537 192.653 42.9859 192.669 43.1559C192.74 43.3632 192.74 43.5473 192.74 43.7901C192.74 44.3009 192.653 44.5933 192.499 44.8041C192.372 45.0668 192.122 45.1634 191.929 45.1634H185.076V60.1053C185.076 62.0022 185.312 63.4162 185.848 64.3841C186.402 65.4173 187.406 65.9386 188.815 65.9386C189.225 65.9386 189.651 65.864 190.005 65.7621C190.333 65.652 190.663 65.5681 190.962 65.4581C191.183 65.3719 191.472 65.2746 191.655 65.1529C191.838 65.0667 191.989 65.0341 192.122 65.0341C192.243 65.0341 192.348 65.0341 192.372 65.0667C192.466 65.0877 192.515 65.1908 192.523 65.2746C192.61 65.4173 192.653 65.4796 192.74 65.652C192.74 65.8244 192.74 65.995 192.74 66.2728C192.74 66.6322 192.74 66.9653 192.653 67.1709C192.523 67.4283 192.466 67.5832 192.348 67.7661C192.178 67.8756 191.989 68.0049 191.738 68.1173C191.472 68.285 191.183 68.3735 190.807 68.4335C190.476 68.5337 190.115 68.582 189.714 68.6356C189.31 68.6682 188.958 68.6682 188.618 68.6682C187.38 68.6682 186.318 68.5337 185.479 68.239ZM112.564 67.4894C110.729 66.6968 109.233 65.5682 107.92 64.1093C106.649 62.5519 105.721 60.7098 105.013 58.541C104.333 56.3617 103.977 53.8423 103.977 51.0555C103.977 48.115 104.394 45.6148 105.101 43.2747C105.817 41.0034 106.878 39.0722 108.176 37.4741C109.502 35.8457 111.056 34.6483 112.906 33.7707C114.767 32.9454 116.82 32.5214 119.046 32.5214C120.125 32.5214 121.126 32.6402 122.142 32.8295C123.132 33.0135 124.038 33.3036 124.877 33.5715C125.729 33.9 126.474 34.2453 127.143 34.6483C127.806 35.0688 128.216 35.3868 128.499 35.632C128.76 35.8457 128.915 36.042 128.958 36.1614C129.071 36.2947 129.086 36.399 129.143 36.5393C129.163 36.6779 129.182 36.848 129.182 37C129.213 37.1707 129.213 37.3477 129.213 37.5614C129.213 37.8713 129.213 38.0495 129.182 38.2469C129.163 38.4653 129.1 38.5853 129.076 38.781C128.985 38.8852 128.915 38.9633 128.811 39.0722C128.755 39.142 128.636 39.1933 128.499 39.1933C128.216 39.1933 127.93 38.9633 127.414 38.5853C126.943 38.2469 126.328 37.8713 125.611 37.3477C124.831 36.9027 123.918 36.5149 122.822 36.1323C121.692 35.7508 120.457 35.5324 118.893 35.5324C117.231 35.5324 115.735 35.9045 114.303 36.5393C112.99 37.233 111.76 38.2108 110.768 39.516C109.767 40.7815 108.998 42.3953 108.467 44.3009C107.896 46.157 107.566 48.3835 107.566 50.8359C107.566 53.1673 107.841 55.2714 108.37 57.0926C108.871 58.8887 109.611 60.4454 110.587 61.7028C111.544 62.9468 112.745 63.9066 114.178 64.5589C115.581 65.2397 117.194 65.5443 118.987 65.5443C120.506 65.5443 121.768 65.3719 122.873 64.9729C124.006 64.595 124.914 64.1925 125.729 63.7557C126.474 63.2811 127.143 62.8874 127.612 62.5042C128.138 62.1099 128.499 61.8699 128.811 61.8699C128.915 61.8699 128.985 61.9695 129.086 62.0021C129.143 62.0534 129.182 62.1099 129.246 62.2456C129.275 62.383 129.299 62.5042 129.302 62.7115C129.383 62.9229 129.383 63.1704 129.383 63.4832C129.383 63.6317 129.383 63.828 129.383 64.0172C129.302 64.1925 129.299 64.3032 129.275 64.4628C129.246 64.5589 129.182 64.6683 129.143 64.8C129.086 64.9421 128.952 65.0341 128.779 65.2525C128.588 65.4173 128.216 65.652 127.627 66.0655C127.078 66.4429 126.328 66.8389 125.428 67.2175C124.588 67.5832 123.526 67.9554 122.366 68.239C121.256 68.4743 119.988 68.6356 118.631 68.6356C116.37 68.6356 114.341 68.285 112.564 67.4894ZM49.4692 68.3735C49.17 68.3281 48.9115 68.285 48.7392 68.239C48.5692 68.1581 48.4283 68.0614 48.3968 67.9554C48.313 67.8377 48.313 67.7073 48.313 67.5722V35.0362C48.313 34.2453 48.4638 33.7008 48.9115 33.3828C49.308 33.0502 49.7772 32.872 50.2878 32.872H53.1534C53.728 32.872 54.2322 32.9314 54.6857 33.0502C55.1107 33.1475 55.513 33.3333 55.8967 33.5715C56.1825 33.7707 56.4649 34.1195 56.7292 34.4829C56.9214 34.8388 57.0634 35.2895 57.2852 35.7508L67.3893 61.3865H67.5412L78.0604 35.8457C78.2769 35.3082 78.4708 34.8388 78.7276 34.4288C78.9808 34.0298 79.2201 33.7654 79.5415 33.5255C79.8279 33.3036 80.1266 33.1149 80.466 33.0136C80.8689 32.9314 81.2298 32.872 81.6939 32.872H84.73C85.0188 32.872 85.2878 32.9076 85.5364 33.0136C85.771 33.091 85.9782 33.2069 86.1721 33.3828C86.3503 33.5715 86.4714 33.7707 86.6076 34.0298C86.6856 34.2913 86.7578 34.6483 86.7578 35.0362V67.5722C86.7578 67.7073 86.6856 67.8377 86.6507 67.9554C86.5797 68.0614 86.4562 68.1581 86.2728 68.239C86.0702 68.285 85.8077 68.3281 85.5602 68.3735C85.2621 68.4335 84.8674 68.469 84.4017 68.469C83.9266 68.469 83.5767 68.4335 83.3089 68.3735C82.9718 68.3281 82.7476 68.285 82.5747 68.239C82.3756 68.1581 82.2877 68.0614 82.1544 67.9554C82.0571 67.8377 82.0571 67.7073 82.0571 67.5722V36.7333H82.0333L69.5446 67.6834C69.5096 67.8377 69.3932 67.9554 69.3181 68.0235C69.1621 68.1173 69.0852 68.239 68.8442 68.285C68.6614 68.3281 68.4337 68.3735 68.1671 68.3962C67.9371 68.4335 67.5703 68.469 67.2437 68.469C66.8798 68.469 66.5218 68.4335 66.233 68.3735C65.9443 68.3735 65.7591 68.3281 65.5379 68.285C65.4051 68.1767 65.2462 68.0911 65.1327 68.0049C65.0407 67.921 64.9813 67.7888 64.9341 67.6834L53.0294 36.7333H52.9863V67.5722C52.9863 67.7073 52.9461 67.8377 52.846 67.9554C52.8407 68.0614 52.6678 68.1581 52.4955 68.239C52.3232 68.285 52.0635 68.3281 51.7776 68.3735C51.4685 68.4335 51.0615 68.469 50.5964 68.469C50.1772 68.469 49.7772 68.4335 49.4692 68.3735ZM95.1717 68.3735C94.8888 68.3735 94.6373 68.3281 94.469 68.239C94.3124 68.1581 94.2123 68.0614 94.1471 67.9554C94.0789 67.8704 94.0067 67.7661 94.0067 67.5832V42.9381C94.0067 42.8536 94.0789 42.7459 94.1471 42.63C94.2123 42.5036 94.3124 42.3953 94.469 42.3307C94.6373 42.2718 94.8888 42.2468 95.1717 42.1851C95.45 42.1361 95.8622 42.1362 96.2802 42.1362C96.7361 42.1362 97.0918 42.1361 97.3858 42.1851C97.7177 42.2468 97.9168 42.2718 98.0658 42.3307C98.2382 42.3953 98.3249 42.5036 98.4367 42.63C98.5054 42.7459 98.5426 42.8536 98.5426 42.9381V67.5832C98.5426 67.7661 98.5054 67.8704 98.4367 67.9554C98.3249 68.0614 98.2382 68.1581 98.0658 68.239C97.9168 68.3281 97.7177 68.3735 97.3858 68.3735C97.0918 68.4335 96.7361 68.469 96.2802 68.469C95.8622 68.469 95.45 68.4335 95.1717 68.3735ZM225.473 68.3735C225.24 68.3735 225.072 68.3281 224.946 68.285C224.804 68.239 224.758 68.1173 224.669 68.0235C224.669 67.9554 224.584 67.8377 224.584 67.7661V42.9381C224.584 42.8536 224.669 42.7459 224.669 42.6463C224.758 42.5892 224.804 42.5036 224.946 42.4204C225.072 42.3953 225.24 42.315 225.448 42.2847C225.596 42.2719 225.846 42.2718 226.186 42.2718C226.454 42.2718 226.738 42.2719 226.888 42.2847C227.112 42.315 227.296 42.3953 227.406 42.4204C227.492 42.5036 227.6 42.5892 227.633 42.6463C227.67 42.7459 227.697 42.8536 227.697 42.9381V46.4633C229.146 44.9072 230.442 43.7732 231.774 43.0517C233.013 42.3149 234.298 41.9696 235.54 41.9696C236.577 41.9696 237.503 42.0797 238.323 42.315C239.105 42.5893 239.827 42.9381 240.493 43.3633C241.046 43.7901 241.626 44.351 242.025 44.9555C242.478 45.6148 242.85 46.2909 243.109 47.0143C243.959 46.0883 244.797 45.2607 245.499 44.627C246.31 43.9497 247.012 43.4419 247.699 43.0674C248.393 42.6463 249.035 42.3953 249.666 42.2468C250.293 42.0529 250.952 41.9696 251.583 41.9696C253.109 41.9696 254.438 42.2719 255.496 42.7913C256.555 43.3254 257.426 44.079 258.036 45.0149C258.715 45.9048 259.18 47.0143 259.478 48.2466C259.734 49.4656 259.91 50.8359 259.91 52.1906V67.7661C259.91 67.8377 259.859 67.9554 259.797 68.0235C259.734 68.1173 259.672 68.239 259.518 68.285C259.408 68.3281 259.26 68.3735 259.042 68.3735C258.848 68.4335 258.573 68.469 258.263 68.469C257.963 68.469 257.671 68.4335 257.473 68.3735C257.241 68.3735 257.081 68.3281 256.975 68.285C256.831 68.239 256.747 68.1173 256.709 68.0235C256.674 67.9554 256.674 67.8377 256.674 67.7661V52.4928C256.674 51.3187 256.509 50.257 256.305 49.313C256.113 48.3835 255.785 47.5582 255.329 46.8174C254.898 46.157 254.341 45.6386 253.611 45.2554C252.939 44.9072 252.119 44.6748 251.191 44.6748C250.083 44.6748 248.9 45.139 247.732 46.0288C246.562 46.9415 245.263 48.2466 243.854 49.974V67.7661C243.854 67.8377 243.827 67.9554 243.773 68.0235C243.721 68.1173 243.627 68.239 243.506 68.285C243.425 68.3281 243.226 68.3735 243.031 68.3735C242.809 68.4335 242.57 68.469 242.27 68.469C241.925 68.469 241.685 68.4335 241.459 68.3735C241.287 68.3735 241.046 68.3281 240.963 68.285C240.852 68.239 240.727 68.1173 240.669 68.0235C240.669 67.9554 240.631 67.8377 240.631 67.7661V52.4928C240.631 51.3187 240.52 50.257 240.291 49.313C240.068 48.3835 239.73 47.5582 239.326 46.8174C238.87 46.157 238.323 45.6386 237.605 45.2554C236.912 44.9072 236.117 44.6748 235.199 44.6748C234.002 44.6748 232.875 45.139 231.709 46.0288C230.531 46.9415 229.25 48.2466 227.878 49.974V67.7661C227.878 67.8377 227.854 67.9554 227.778 68.0235C227.739 68.1173 227.633 68.239 227.513 68.285C227.406 68.3281 227.26 68.3735 227.018 68.3735C226.859 68.4335 226.54 68.469 226.21 68.469C225.936 68.469 225.644 68.4335 225.473 68.3735ZM294.161 68.3735C293.967 68.3735 293.796 68.3281 293.611 68.285C293.517 68.239 293.45 68.1173 293.393 68.0235C293.38 67.9554 293.345 67.8377 293.345 67.7661V42.9381C293.345 42.8536 293.38 42.7459 293.393 42.6463C293.45 42.5892 293.517 42.5036 293.611 42.4204C293.796 42.3953 293.922 42.315 294.132 42.2847C294.337 42.2719 294.607 42.2718 294.89 42.2718C295.16 42.2718 295.449 42.2719 295.634 42.2847C295.883 42.315 295.971 42.3953 296.107 42.4204C296.23 42.5036 296.264 42.5892 296.357 42.6463C296.395 42.7459 296.419 42.8536 296.419 42.9381V46.9112C297.099 45.8326 297.773 45.0149 298.38 44.351C299 43.7733 299.55 43.2636 300.117 42.8804C300.635 42.538 301.174 42.2847 301.69 42.1362C302.217 42.0529 302.748 41.9696 303.337 41.9696C303.501 41.9696 303.814 41.99 304.124 41.99C304.44 42.0529 304.805 42.0797 305.139 42.1362C305.503 42.2468 305.812 42.315 306.081 42.3953C306.348 42.5037 306.556 42.6096 306.654 42.7081C306.797 42.7459 306.84 42.8537 306.88 42.9026C306.936 42.9381 306.982 43.0517 307.004 43.132C307.004 43.2636 307.039 43.4122 307.039 43.5473C307.039 43.7732 307.039 43.9229 307.039 44.2788C307.039 44.5158 307.039 44.7336 307.004 44.9282C307.004 45.1116 307.004 45.2607 306.936 45.4133C306.88 45.4913 306.84 45.6148 306.779 45.6649C306.668 45.7243 306.643 45.7947 306.522 45.7947C306.33 45.7947 306.168 45.7243 305.937 45.6387C305.706 45.5705 305.464 45.4657 305.173 45.4133C304.866 45.3003 304.607 45.2124 304.21 45.1116C303.884 45.0668 303.479 45.0149 303.034 45.0149C302.595 45.0149 302.104 45.1116 301.608 45.3294C301.144 45.4913 300.635 45.8326 300.117 46.32C299.601 46.7796 299.089 47.4196 298.449 48.115C297.891 48.942 297.283 49.8843 296.586 50.9984V67.7661C296.586 67.8377 296.546 67.9554 296.541 68.0235C296.436 68.1173 296.357 68.239 296.247 68.285C296.107 68.3281 295.926 68.3735 295.742 68.3735C295.534 68.4335 295.251 68.469 294.936 68.469C294.643 68.469 294.381 68.4335 294.161 68.3735ZM210.812 65.0341C211.94 64.4977 212.779 63.807 213.488 62.8874C214.199 61.8699 214.688 60.8507 215.009 59.5561C215.311 58.2556 215.469 56.8742 215.469 55.3903C215.469 53.9867 215.384 52.625 215.101 51.4008C214.806 50.087 214.34 48.9729 213.719 47.9956C213.072 47.0143 212.223 46.2339 211.168 45.6649C210.079 45.1116 208.712 44.8041 207.129 44.8041C205.662 44.8041 204.356 45.0667 203.292 45.6148C202.248 46.097 201.342 46.9112 200.681 47.8226C199.937 48.7719 199.446 49.8517 199.143 51.1196C198.81 52.3979 198.635 53.7927 198.635 55.2714C198.635 56.6802 198.777 58.05 199.074 59.3103C199.338 60.6184 199.745 61.7028 200.436 62.7016C201.091 63.6317 201.927 64.4628 202.947 64.9729C204.03 65.5681 205.449 65.864 207.022 65.864C208.493 65.864 209.766 65.6037 210.812 65.0341ZM282.293 46.9764C281.024 45.4913 279.206 44.775 276.776 44.775C275.552 44.775 274.471 44.9642 273.542 45.4657C272.607 45.9048 271.771 46.514 271.137 47.295C270.542 48.0713 269.999 48.942 269.632 49.974C269.3 50.9984 269.109 52.0345 269.068 53.1049H284.108C284.157 50.4644 283.531 48.4336 282.293 46.9764ZM312.269 40.6015C312.196 40.5981 312.139 40.5829 312.095 40.5637C312.05 40.5427 312.017 40.5206 311.994 40.5014C311.974 40.481 311.963 40.4559 311.963 40.4233V35.13H310.335C310.289 35.13 310.252 35.1165 310.224 35.0956C310.194 35.074 310.168 35.0414 310.146 35.0059C310.118 34.968 310.106 34.9232 310.095 34.8626C310.083 34.812 310.078 34.7467 310.078 34.6827C310.078 34.6093 310.083 34.5423 310.095 34.4829C310.106 34.42 310.118 34.3723 310.146 34.3321C310.168 34.2913 310.194 34.2564 310.224 34.2348C310.252 34.2162 310.289 34.1993 310.335 34.1993H314.717C314.753 34.1993 314.785 34.2162 314.809 34.2348C314.833 34.2564 314.859 34.2913 314.876 34.3321C314.895 34.3723 314.909 34.42 314.919 34.4829C314.933 34.5423 314.936 34.6093 314.936 34.6827C314.936 34.7467 314.933 34.812 314.919 34.8626C314.909 34.9232 314.895 34.968 314.876 35.0059C314.859 35.0414 314.833 35.074 314.809 35.0956C314.785 35.1165 314.753 35.13 314.717 35.13H313.044V40.4233C313.044 40.4559 313.035 40.481 313.012 40.5014C312.997 40.5206 312.969 40.5427 312.926 40.5637C312.886 40.5829 312.829 40.5981 312.766 40.6015C312.693 40.6068 312.619 40.6155 312.517 40.6155C312.425 40.6155 312.339 40.6068 312.269 40.6015ZM316.465 40.6015C316.4 40.5981 316.343 40.5829 316.302 40.5637C316.259 40.5427 316.235 40.5206 316.217 40.5014C316.206 40.481 316.198 40.4559 316.198 40.4233V34.6827C316.198 34.5347 316.244 34.4148 316.33 34.3321C316.424 34.2436 316.524 34.1993 316.654 34.1993H317.208C317.351 34.1993 317.473 34.2109 317.567 34.2296C317.664 34.2453 317.749 34.2808 317.815 34.3321C317.888 34.3775 317.95 34.4474 317.999 34.5312C318.053 34.618 318.106 34.7264 318.156 34.8609L319.754 39.096L321.448 34.8609C321.542 34.6285 321.652 34.4614 321.783 34.356C321.906 34.254 322.088 34.1993 322.316 34.1993H322.872C323.004 34.1993 323.115 34.2436 323.2 34.3321C323.287 34.4148 323.331 34.5347 323.331 34.6827V40.4233C323.331 40.4559 323.322 40.481 323.306 40.5014C323.292 40.5206 323.268 40.5427 323.228 40.5637C323.193 40.5829 323.139 40.5981 323.072 40.6015C323.004 40.6068 322.92 40.6155 322.817 40.6155C322.714 40.6155 322.627 40.6068 322.564 40.6015C322.505 40.5981 322.454 40.5829 322.416 40.5637C322.381 40.5427 322.352 40.5206 322.335 40.5014C322.322 40.481 322.316 40.4559 322.316 40.4233V35.2732H322.296L320.264 40.467C320.247 40.5206 320.192 40.5585 320.094 40.58C319.989 40.6016 319.863 40.6155 319.706 40.6155C319.582 40.6155 319.474 40.6016 319.382 40.58C319.296 40.5585 319.237 40.5206 319.218 40.467L317.233 35.2732H317.208V40.4233C317.208 40.4559 317.207 40.481 317.189 40.5014C317.176 40.5206 317.15 40.5427 317.109 40.5637C317.074 40.5829 317.026 40.5981 316.957 40.6015C316.898 40.6068 316.815 40.6155 316.72 40.6155C316.617 40.6155 316.531 40.6068 316.465 40.6015ZM94.0789 36.848C93.6563 36.4572 93.516 35.7508 93.516 34.7013C93.516 33.6769 93.6563 32.9314 94.0789 32.54C94.469 32.1661 95.2154 31.9821 96.3128 31.9821C97.3264 31.9821 98.0658 32.1662 98.4675 32.5214C98.8826 32.9075 99.0684 33.5866 99.0684 34.6483C99.0684 35.7508 98.8826 36.4444 98.4675 36.848C98.0658 37.1969 97.3183 37.3832 96.2057 37.3832C95.1717 37.3832 94.469 37.1969 94.0789 36.848Z' fill='white'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://micomponents.micustomer.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://micomponents.micustomer.io/r/registry.json","install_bun":"bunx shadcn@latest add https://micomponents.micustomer.io/r/registry.json","registry_fetch":"curl -s https://micomponents.micustomer.io/r/registry.json"},"component_count":31,"components":[{"name":"accordion","title":"Accordion","description":"A collapsible accordion component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/accordion.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/accordion.json"},{"name":"alert","title":"Alert","description":"An alert component for displaying messages.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/alert.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/alert.json"},{"name":"avatar","title":"Avatar","description":"An avatar component for displaying user images.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/avatar.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/avatar.json"},{"name":"badge","title":"Badge","description":"A badge component for displaying status or labels.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/badge.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A breadcrumb navigation component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/breadcrumb.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A reusable button component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/button.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/button.json"},{"name":"calendar","title":"Calendar","description":"A calendar component for date selection.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/calendar.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/calendar.json"},{"name":"card","title":"Card","description":"A card component for containing content.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/card.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"A checkbox component for toggling options.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/checkbox.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/checkbox.json"},{"name":"componentfooter","title":"Component Footer","description":"A footer component for component documentation.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/componentfooter.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/componentfooter.json"},{"name":"edgecases","title":"Edge Cases","description":"Edge case components and examples.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/edgecases.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/edgecases.json"},{"name":"floating-label-input","title":"Floating Label Input","description":"An input component with floating label.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/floating-label-input.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/floating-label-input.json"},{"name":"heading","title":"Heading","description":"A heading component with various sizes.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/heading.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/heading.json"},{"name":"info-tooltip","title":"Info Tooltip","description":"A tooltip component for displaying information.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/info-tooltip.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/info-tooltip.json"},{"name":"input","title":"Input","description":"A text input component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/input.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/input.json"},{"name":"label","title":"Label","description":"A label component for form inputs.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/label.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/label.json"},{"name":"links","title":"Links","description":"A links component for navigation.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/links.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/links.json"},{"name":"otp-input","title":"OTP Input","description":"An OTP (One-Time Password) input component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/otp-input.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/otp-input.json"},{"name":"pagination","title":"Pagination","description":"A pagination component for navigating pages.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/pagination.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/pagination.json"},{"name":"popover","title":"Popover","description":"A popover component for displaying content.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/popover.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/popover.json"},{"name":"progress","title":"Progress","description":"A progress bar component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/progress.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A radio button group component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/radio-group.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/radio-group.json"},{"name":"social-link","title":"Social Link","description":"A social media link component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/social-link.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/social-link.json"},{"name":"spinner","title":"Spinner","description":"A loading spinner component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/spinner.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/spinner.json"},{"name":"stepper","title":"Stepper","description":"A stepper component for multi-step processes.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/stepper.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/stepper.json"},{"name":"table","title":"Table","description":"A table component for displaying data.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/table.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabs component for organizing content.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/tabs.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/tabs.json"},{"name":"tag","title":"Tag","description":"A tag component for labeling content.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/tag.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/tag.json"},{"name":"toggle","title":"Toggle","description":"A toggle component for switching states.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/toggle.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip component for displaying help text.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/tooltip.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/tooltip.json"},{"name":"wysiwyg-viewer","title":"WYSIWYG Viewer","description":"A WYSIWYG content viewer component.","type":"registry:ui","source_url":"https://micomponents.micustomer.io/r/wysiwyg-viewer.json","install_command":"npx shadcn@latest add https://micomponents.micustomer.io/r/wysiwyg-viewer.json"}]},{"id":"awwwardedui","name":"@awwwardedui","slug":"awwwardedui","description":"A curated registry of production-ready creative components and motion effects for React.","author":"SimonAmable","framework":"react","license":null,"tags":["animation","backgrounds"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://awwwardedui.vercel.app","github":"https://github.com/SimonAmable/awwwardedui","registry":"https://awwwardedui.vercel.app/r/registry.json","source":"https://awwwardedui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/awwwardedui","markdown":"https://sh4dcn.netlify.app/md/awwwardedui.md"},"logo":null,"preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-08-10T00:25:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://awwwardedui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://awwwardedui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://awwwardedui.vercel.app/r/registry.json","clone":"git clone https://github.com/SimonAmable/awwwardedui.git","clone_degit":"npx degit SimonAmable/awwwardedui","registry_fetch":"curl -s https://awwwardedui.vercel.app/r/registry.json"},"component_count":5,"components":[{"name":"marquee-strip","title":"Marquee Strip","description":"A responsive, pauseable content ribbon for statements, logos, and editorial details.","type":"registry:component","source_url":"https://awwwardedui.vercel.app/r/marquee-strip.json","install_command":"npx shadcn@latest add https://awwwardedui.vercel.app/r/marquee-strip.json"},{"name":"smoke-shader-background","title":"Smoke Shader Background","description":"A self-contained WebGL smoke background with cursor effects and an expansive prop surface.","type":"registry:block","source_url":"https://awwwardedui.vercel.app/r/smoke-shader-background.json","install_command":"npx shadcn@latest add https://awwwardedui.vercel.app/r/smoke-shader-background.json"},{"name":"caustics-shader-background","title":"Caustics Shader Background","description":"A self-contained WebGL caustics background with cursor effects and an expansive prop surface.","type":"registry:block","source_url":"https://awwwardedui.vercel.app/r/caustics-shader-background.json","install_command":"npx shadcn@latest add https://awwwardedui.vercel.app/r/caustics-shader-background.json"},{"name":"imposter-syndrome-shader","title":"Imposter Syndrome Shader","description":"An atmospheric interactive sky shader with clouds, sun, moon, rain, aurora, and weather effects.","type":"registry:block","source_url":"https://awwwardedui.vercel.app/r/imposter-syndrome-shader.json","install_command":"npx shadcn@latest add https://awwwardedui.vercel.app/r/imposter-syndrome-shader.json"},{"name":"clouds-shader-background","title":"Clouds Shader Background","description":"A self-contained WebGL cloudscape built from the supplied Shadertoy-style noise shader.","type":"registry:block","source_url":"https://awwwardedui.vercel.app/r/clouds-shader-background.json","install_command":"npx shadcn@latest add https://awwwardedui.vercel.app/r/clouds-shader-background.json"}]},{"id":"axicharts","name":"@axicharts","slug":"axicharts","description":"MIT React chart blocks for dashboards — composable ChartContainer + shadcn-compatible chartConfig, live uPlot canvas, and ECharts adapters. Six installable registry items.","author":null,"framework":"react","license":null,"tags":["blocks","charts","dashboard"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://axidify.github.io/axicharts/shadcn/registry","github":null,"registry":"https://axidify.github.io/axicharts/registry/registry.json","source":"https://axidify.github.io/axicharts/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/axicharts","markdown":"https://sh4dcn.netlify.app/md/axicharts.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' role='img' aria-label='AxiCharts'><rect x='6' y='24' width='7' height='14' rx='1.5' fill='var(--foreground)'/><rect x='18' y='16' width='7' height='22' rx='1.5' fill='var(--foreground)'/><rect x='30' y='8' width='7' height='30' rx='1.5' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://axidify.github.io/axicharts/registry/registry.json","install_bun":"bunx shadcn@latest add https://axidify.github.io/axicharts/registry/registry.json","registry_fetch":"curl -s https://axidify.github.io/axicharts/registry/registry.json"},"component_count":10,"components":[{"name":"chart-axi-bar","title":"AxiCharts Bar","description":"Composable bar chart via ChartContainer + chartConfig — shadcn Charts migration path.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-bar.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-bar.json"},{"name":"chart-axi-line","title":"AxiCharts Line","description":"Line chart with optional area fill — ChartContainer + chartConfig pattern.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-line.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-line.json"},{"name":"chart-axi-donut","title":"AxiCharts Donut","description":"Donut chart via PieChart innerRadius — browser-share style slice.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-donut.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-donut.json"},{"name":"chart-axi-area","title":"AxiCharts Area","description":"Filled area chart — SLO / trend dashboards with chartConfig labels.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-area.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-area.json"},{"name":"chart-axi-stacked-bar","title":"AxiCharts Stacked Bar","description":"Stacked bar chart — sprint velocity / multi-series totals via stacked prop.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-stacked-bar.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-stacked-bar.json"},{"name":"chart-axi-combo","title":"AxiCharts Combo","description":"Mixed bar + line on shared categories — shadcn mixed chart pattern with chartConfig.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-combo.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-combo.json"},{"name":"chart-axi-multi-line","title":"AxiCharts Multi-Line","description":"Multi-series line chart with chartConfig — burndown / trend comparison dashboards.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-multi-line.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-multi-line.json"},{"name":"chart-axi-swarm","title":"AxiCharts Swarm","description":"Beeswarm / jittered strip plot per category — distribution density without KDE.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-swarm.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-swarm.json"},{"name":"chart-axi-ridgeline","title":"AxiCharts Ridgeline","description":"Stacked horizontal KDE density curves per category — joyplot / ridgeline distribution.","type":"registry:block","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-ridgeline.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-ridgeline.json"},{"name":"chart-axi-chart-config","title":"AxiCharts chartConfig helper","description":"Shared ChartConfig labels/colors — import into registry chart blocks or your own panels.","type":"registry:lib","source_url":"https://axidify.github.io/axicharts/registry/chart-axi-chart-config.json","install_command":"npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-chart-config.json"}]},{"id":"balick","name":"@balick","slug":"balick","description":"Blocks for shadcn/ui designed to fit together: compose a page, then install it with one command.","author":"balick","framework":"react","license":"MIT","tags":["animation","backgrounds","blocks","buttons","cards","cms","icons","loaders","marketing","navigation","pro-available","retro","text-effects","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.balick.me","github":"https://github.com/balick/balick-ui","registry":"https://ui.balick.me/r/registry.json","source":"https://ui.balick.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/balick","markdown":"https://sh4dcn.netlify.app/md/balick.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2' y='2' width='13' height='13' rx='3' fill='var(--foreground)'/><rect x='9.75' y='9.75' width='12.25' height='12.25' rx='3' fill='none' stroke='var(--foreground)' stroke-width='1.5'/></svg>","preview_image":"https://ui.balick.me/opengraph-image?0dfc29561ad59531","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.balick.me/blocks/pricing#pricing-01"},"metrics":{"github_stars":1,"open_issues":1,"last_commit":"2026-10-03T13:14:01Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.balick.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.balick.me/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.balick.me/r/registry.json","clone":"git clone https://github.com/balick/balick-ui.git","clone_degit":"npx degit balick/balick-ui","registry_fetch":"curl -s https://ui.balick.me/r/registry.json"},"component_count":129,"components":[{"name":"theme","title":"Balick Theme","description":"The monochrome colour palette, radius and dark mode used by every Balick UI component and block.","type":"registry:theme","source_url":"https://ui.balick.me/r/theme.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/theme.json"},{"name":"marquee","title":"Marquee","description":"An infinite scrolling track for logos, testimonials or anything else.","type":"registry:ui","source_url":"https://ui.balick.me/r/marquee.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/marquee.json"},{"name":"blur-fade","title":"Blur Fade","description":"Reveal content with a soft blur and fade, on mount or when scrolled into view.","type":"registry:ui","source_url":"https://ui.balick.me/r/blur-fade.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/blur-fade.json"},{"name":"shimmer-button","title":"Shimmer Button","description":"A button with a beam of light travelling around its border.","type":"registry:ui","source_url":"https://ui.balick.me/r/shimmer-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/shimmer-button.json"},{"name":"grid-pattern","title":"Grid Pattern","description":"A lightweight SVG grid background with optional highlighted cells.","type":"registry:ui","source_url":"https://ui.balick.me/r/grid-pattern.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/grid-pattern.json"},{"name":"dot-pattern","title":"Dot Pattern","description":"A grid of dots, with a few that glow in turn.","type":"registry:ui","source_url":"https://ui.balick.me/r/dot-pattern.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/dot-pattern.json"},{"name":"flickering-grid","title":"Flickering Grid","description":"A field of small squares that flicker at random, drawn on a canvas.","type":"registry:ui","source_url":"https://ui.balick.me/r/flickering-grid.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/flickering-grid.json"},{"name":"retro-grid","title":"Retro Grid","description":"A grid floor in perspective that slides toward the horizon.","type":"registry:ui","source_url":"https://ui.balick.me/r/retro-grid.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/retro-grid.json"},{"name":"ripple","title":"Ripple","description":"Concentric rings that breathe from the center, behind a logo or a button.","type":"registry:ui","source_url":"https://ui.balick.me/r/ripple.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/ripple.json"},{"name":"light-rays","title":"Light Rays","description":"Soft rays of light that fan down from the top and sway slowly.","type":"registry:ui","source_url":"https://ui.balick.me/r/light-rays.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/light-rays.json"},{"name":"aurora","title":"Aurora","description":"Veils of light that drift slowly across the top of a section.","type":"registry:ui","source_url":"https://ui.balick.me/r/aurora.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/aurora.json"},{"name":"grain","title":"Grain","description":"A paper grain that gives flat surfaces some texture.","type":"registry:ui","source_url":"https://ui.balick.me/r/grain.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/grain.json"},{"name":"interactive-grid","title":"Interactive Grid","description":"A grid whose cells light up under the pointer and fade out behind it.","type":"registry:ui","source_url":"https://ui.balick.me/r/interactive-grid.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/interactive-grid.json"},{"name":"wave-lines","title":"Wave Lines","description":"Thin lines that ripple like silk and part around the pointer.","type":"registry:ui","source_url":"https://ui.balick.me/r/wave-lines.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/wave-lines.json"},{"name":"section","title":"Section","description":"Layout primitives shared by every block: Section, Container and SectionHeader.","type":"registry:ui","source_url":"https://ui.balick.me/r/section.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/section.json"},{"name":"social-icons","title":"Social icons","description":"Brand icons for social links (GitHub, LinkedIn, X, YouTube), which lucide-react no longer ships.","type":"registry:ui","source_url":"https://ui.balick.me/r/social-icons.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/social-icons.json"},{"name":"status-dot","title":"Status Dot","description":"A small live indicator with a pulsing halo, in four tones.","type":"registry:ui","source_url":"https://ui.balick.me/r/status-dot.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/status-dot.json"},{"name":"segmented-control","title":"Segmented Control","description":"A single choice between a few options, with a pill that slides to the selected one.","type":"registry:ui","source_url":"https://ui.balick.me/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/segmented-control.json"},{"name":"animated-number","title":"Animated Number","description":"A number that rolls up or down to its new value when it changes.","type":"registry:ui","source_url":"https://ui.balick.me/r/animated-number.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/animated-number.json"},{"name":"number-ticker","title":"Number Ticker","description":"Counts up to a number once, when it scrolls into view.","type":"registry:ui","source_url":"https://ui.balick.me/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/number-ticker.json"},{"name":"arrow-button","title":"Arrow Button","description":"A button or link whose arrow nudges forward on hover and focus.","type":"registry:ui","source_url":"https://ui.balick.me/r/arrow-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/arrow-button.json"},{"name":"copy-button","title":"Copy Button","description":"Copies a text to the clipboard; the icon turns into a check mark.","type":"registry:ui","source_url":"https://ui.balick.me/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/copy-button.json"},{"name":"status-button","title":"Status Button","description":"A button that shows the progress of its action: idle, loading, success or error.","type":"registry:ui","source_url":"https://ui.balick.me/r/status-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/status-button.json"},{"name":"hold-button","title":"Hold Button","description":"Hold to confirm, for actions that are hard to undo.","type":"registry:ui","source_url":"https://ui.balick.me/r/hold-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/hold-button.json"},{"name":"text-roll-button","title":"Text Roll Button","description":"On hover, the label rolls up and an identical copy takes its place.","type":"registry:ui","source_url":"https://ui.balick.me/r/text-roll-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/text-roll-button.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"A button that leans a few pixels towards the pointer.","type":"registry:ui","source_url":"https://ui.balick.me/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/magnetic-button.json"},{"name":"ripple-button","title":"Ripple Button","description":"A button that sends a soft ripple out from where it is pressed.","type":"registry:ui","source_url":"https://ui.balick.me/r/ripple-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/ripple-button.json"},{"name":"spotlight-button","title":"Spotlight Button","description":"A soft light follows the pointer inside the button.","type":"registry:ui","source_url":"https://ui.balick.me/r/spotlight-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/spotlight-button.json"},{"name":"expand-button","title":"Expand Button","description":"An icon button whose label slides out on hover and focus.","type":"registry:ui","source_url":"https://ui.balick.me/r/expand-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/expand-button.json"},{"name":"theme-toggle-button","title":"Theme Toggle Button","description":"Switches between light and dark; the sun grows into a moon.","type":"registry:ui","source_url":"https://ui.balick.me/r/theme-toggle-button.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/theme-toggle-button.json"},{"name":"word-rotate","title":"Word Rotate","description":"Cycles through words in place, each one sliding up into view.","type":"registry:ui","source_url":"https://ui.balick.me/r/word-rotate.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/word-rotate.json"},{"name":"text-reveal","title":"Text Reveal","description":"Reveals a line word by word, each part fading in from a light blur.","type":"registry:ui","source_url":"https://ui.balick.me/r/text-reveal.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/text-reveal.json"},{"name":"typewriter","title":"Typewriter","description":"Types phrases character by character, with a blinking caret.","type":"registry:ui","source_url":"https://ui.balick.me/r/typewriter.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/typewriter.json"},{"name":"scramble-text","title":"Scramble Text","description":"Letters start scrambled and settle one after the other.","type":"registry:ui","source_url":"https://ui.balick.me/r/scramble-text.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/scramble-text.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"A light sweeps across the text, for work in progress.","type":"registry:ui","source_url":"https://ui.balick.me/r/shimmer-text.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/shimmer-text.json"},{"name":"highlight-text","title":"Highlight Text","description":"A marker stroke draws behind the words once they scroll into view.","type":"registry:ui","source_url":"https://ui.balick.me/r/highlight-text.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/highlight-text.json"},{"name":"underline-link","title":"Underline Link","description":"A link whose underline draws in on hover and focus.","type":"registry:ui","source_url":"https://ui.balick.me/r/underline-link.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/underline-link.json"},{"name":"expandable-text","title":"Expandable Text","description":"Long text clamped to a few lines, with a button that unfolds the rest.","type":"registry:ui","source_url":"https://ui.balick.me/r/expandable-text.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/expandable-text.json"},{"name":"countdown","title":"Countdown","description":"Days, hours, minutes and seconds left until a date, each rolling to its new value.","type":"registry:ui","source_url":"https://ui.balick.me/r/countdown.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/countdown.json"},{"name":"marquee-demo","title":"Marquee Demo","description":"Example usage of Marquee.","type":"registry:example","source_url":"https://ui.balick.me/r/marquee-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/marquee-demo.json"},{"name":"blur-fade-demo","title":"Blur Fade Demo","description":"Example usage of Blur Fade.","type":"registry:example","source_url":"https://ui.balick.me/r/blur-fade-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/blur-fade-demo.json"},{"name":"shimmer-button-demo","title":"Shimmer Button Demo","description":"Example usage of Shimmer Button.","type":"registry:example","source_url":"https://ui.balick.me/r/shimmer-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/shimmer-button-demo.json"},{"name":"status-dot-demo","title":"Status Dot Demo","description":"Example usage of Status Dot.","type":"registry:example","source_url":"https://ui.balick.me/r/status-dot-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/status-dot-demo.json"},{"name":"segmented-control-demo","title":"Segmented Control Demo","description":"Example usage of Segmented Control.","type":"registry:example","source_url":"https://ui.balick.me/r/segmented-control-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/segmented-control-demo.json"},{"name":"animated-number-demo","title":"Animated Number Demo","description":"Example usage of Animated Number.","type":"registry:example","source_url":"https://ui.balick.me/r/animated-number-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/animated-number-demo.json"},{"name":"number-ticker-demo","title":"Number Ticker Demo","description":"Example usage of Number Ticker.","type":"registry:example","source_url":"https://ui.balick.me/r/number-ticker-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/number-ticker-demo.json"},{"name":"grid-pattern-demo","title":"Grid Pattern Demo","description":"Example usage of Grid Pattern.","type":"registry:example","source_url":"https://ui.balick.me/r/grid-pattern-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/grid-pattern-demo.json"},{"name":"dot-pattern-demo","title":"Dot Pattern Demo","description":"Example usage of Dot Pattern.","type":"registry:example","source_url":"https://ui.balick.me/r/dot-pattern-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/dot-pattern-demo.json"},{"name":"flickering-grid-demo","title":"Flickering Grid Demo","description":"Example usage of Flickering Grid.","type":"registry:example","source_url":"https://ui.balick.me/r/flickering-grid-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/flickering-grid-demo.json"},{"name":"retro-grid-demo","title":"Retro Grid Demo","description":"Example usage of Retro Grid.","type":"registry:example","source_url":"https://ui.balick.me/r/retro-grid-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/retro-grid-demo.json"},{"name":"ripple-demo","title":"Ripple Demo","description":"Example usage of Ripple.","type":"registry:example","source_url":"https://ui.balick.me/r/ripple-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/ripple-demo.json"},{"name":"light-rays-demo","title":"Light Rays Demo","description":"Example usage of Light Rays.","type":"registry:example","source_url":"https://ui.balick.me/r/light-rays-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/light-rays-demo.json"},{"name":"aurora-demo","title":"Aurora Demo","description":"Example usage of Aurora.","type":"registry:example","source_url":"https://ui.balick.me/r/aurora-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/aurora-demo.json"},{"name":"grain-demo","title":"Grain Demo","description":"Example usage of Grain.","type":"registry:example","source_url":"https://ui.balick.me/r/grain-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/grain-demo.json"},{"name":"interactive-grid-demo","title":"Interactive Grid Demo","description":"Example usage of Interactive Grid.","type":"registry:example","source_url":"https://ui.balick.me/r/interactive-grid-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/interactive-grid-demo.json"},{"name":"wave-lines-demo","title":"Wave Lines Demo","description":"Example usage of Wave Lines.","type":"registry:example","source_url":"https://ui.balick.me/r/wave-lines-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/wave-lines-demo.json"},{"name":"section-demo","title":"Section Demo","description":"Example usage of Section.","type":"registry:example","source_url":"https://ui.balick.me/r/section-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/section-demo.json"},{"name":"arrow-button-demo","title":"Arrow Button Demo","description":"Example usage of Arrow Button.","type":"registry:example","source_url":"https://ui.balick.me/r/arrow-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/arrow-button-demo.json"},{"name":"copy-button-demo","title":"Copy Button Demo","description":"Example usage of Copy Button.","type":"registry:example","source_url":"https://ui.balick.me/r/copy-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/copy-button-demo.json"},{"name":"status-button-demo","title":"Status Button Demo","description":"Example usage of Status Button.","type":"registry:example","source_url":"https://ui.balick.me/r/status-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/status-button-demo.json"},{"name":"hold-button-demo","title":"Hold Button Demo","description":"Example usage of Hold Button.","type":"registry:example","source_url":"https://ui.balick.me/r/hold-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/hold-button-demo.json"},{"name":"text-roll-button-demo","title":"Text Roll Button Demo","description":"Example usage of Text Roll Button.","type":"registry:example","source_url":"https://ui.balick.me/r/text-roll-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/text-roll-button-demo.json"},{"name":"magnetic-button-demo","title":"Magnetic Button Demo","description":"Example usage of Magnetic Button.","type":"registry:example","source_url":"https://ui.balick.me/r/magnetic-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/magnetic-button-demo.json"},{"name":"ripple-button-demo","title":"Ripple Button Demo","description":"Example usage of Ripple Button.","type":"registry:example","source_url":"https://ui.balick.me/r/ripple-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/ripple-button-demo.json"},{"name":"spotlight-button-demo","title":"Spotlight Button Demo","description":"Example usage of Spotlight Button.","type":"registry:example","source_url":"https://ui.balick.me/r/spotlight-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/spotlight-button-demo.json"},{"name":"expand-button-demo","title":"Expand Button Demo","description":"Example usage of Expand Button.","type":"registry:example","source_url":"https://ui.balick.me/r/expand-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/expand-button-demo.json"},{"name":"theme-toggle-button-demo","title":"Theme Toggle Button Demo","description":"Example usage of Theme Toggle Button.","type":"registry:example","source_url":"https://ui.balick.me/r/theme-toggle-button-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/theme-toggle-button-demo.json"},{"name":"word-rotate-demo","title":"Word Rotate Demo","description":"Example usage of Word Rotate.","type":"registry:example","source_url":"https://ui.balick.me/r/word-rotate-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/word-rotate-demo.json"},{"name":"text-reveal-demo","title":"Text Reveal Demo","description":"Example usage of Text Reveal.","type":"registry:example","source_url":"https://ui.balick.me/r/text-reveal-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/text-reveal-demo.json"},{"name":"typewriter-demo","title":"Typewriter Demo","description":"Example usage of Typewriter.","type":"registry:example","source_url":"https://ui.balick.me/r/typewriter-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/typewriter-demo.json"},{"name":"scramble-text-demo","title":"Scramble Text Demo","description":"Example usage of Scramble Text.","type":"registry:example","source_url":"https://ui.balick.me/r/scramble-text-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/scramble-text-demo.json"},{"name":"shimmer-text-demo","title":"Shimmer Text Demo","description":"Example usage of Shimmer Text.","type":"registry:example","source_url":"https://ui.balick.me/r/shimmer-text-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/shimmer-text-demo.json"},{"name":"highlight-text-demo","title":"Highlight Text Demo","description":"Example usage of Highlight Text.","type":"registry:example","source_url":"https://ui.balick.me/r/highlight-text-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/highlight-text-demo.json"},{"name":"underline-link-demo","title":"Underline Link Demo","description":"Example usage of Underline Link.","type":"registry:example","source_url":"https://ui.balick.me/r/underline-link-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/underline-link-demo.json"},{"name":"expandable-text-demo","title":"Expandable Text Demo","description":"Example usage of Expandable Text.","type":"registry:example","source_url":"https://ui.balick.me/r/expandable-text-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/expandable-text-demo.json"},{"name":"countdown-demo","title":"Countdown Demo","description":"Example usage of Countdown.","type":"registry:example","source_url":"https://ui.balick.me/r/countdown-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/countdown-demo.json"},{"name":"navbar-01","title":"Navbar with mobile menu","description":"Sticky navigation bar that turns translucent on scroll, with an accessible mobile menu.","type":"registry:block","source_url":"https://ui.balick.me/r/navbar-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/navbar-01.json"},{"name":"hero-01","title":"Hero with product preview","description":"Centred hero with announcement pill, animated headline, product preview and a scrolling logo cloud.","type":"registry:block","source_url":"https://ui.balick.me/r/hero-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/hero-01.json"},{"name":"hero-02","title":"Split hero with deploy terminal","description":"Left-aligned hero with key figures and an animated deploy terminal. No logo strip, so it pairs with logos-01.","type":"registry:block","source_url":"https://ui.balick.me/r/hero-02.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/hero-02.json"},{"name":"hero-03","title":"Personal hero","description":"Personal introduction with availability status, social links and a scrolling list of tools. Made for portfolios.","type":"registry:block","source_url":"https://ui.balick.me/r/hero-03.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/hero-03.json"},{"name":"logos-01","title":"Logo grid","description":"Hairline grid of customer logos with a short introduction.","type":"registry:block","source_url":"https://ui.balick.me/r/logos-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/logos-01.json"},{"name":"about-01","title":"About with key figures","description":"Two-column introduction with paragraphs, key figures and skills.","type":"registry:block","source_url":"https://ui.balick.me/r/about-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/about-01.json"},{"name":"features-01","title":"Bento features","description":"Bento grid of four illustrated features, followed by a row of secondary features.","type":"registry:block","source_url":"https://ui.balick.me/r/features-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/features-01.json"},{"name":"features-02","title":"Feature grid","description":"Six features in a hairline grid, with a left-aligned header.","type":"registry:block","source_url":"https://ui.balick.me/r/features-02.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/features-02.json"},{"name":"integrations-01","title":"Integrations grid","description":"Twelve integrations in a hairline grid, next to a sticky header and a link to the full list.","type":"registry:block","source_url":"https://ui.balick.me/r/integrations-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/integrations-01.json"},{"name":"projects-01","title":"Project grid","description":"Grid of projects with screenshots, summary, year and stack. Draws a placeholder when a project has no image.","type":"registry:block","source_url":"https://ui.balick.me/r/projects-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/projects-01.json"},{"name":"testimonials-01","title":"Testimonial wall","description":"Masonry wall of customer quotes with names, roles and initials avatars.","type":"registry:block","source_url":"https://ui.balick.me/r/testimonials-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/testimonials-01.json"},{"name":"pricing-01","title":"Pricing with billing toggle","description":"Three-tier pricing with an animated monthly / yearly toggle and a highlighted plan.","type":"registry:block","source_url":"https://ui.balick.me/r/pricing-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/pricing-01.json"},{"name":"pricing-02","title":"Single plan","description":"One all-inclusive plan: what's included on one side, price and call to action on the other.","type":"registry:block","source_url":"https://ui.balick.me/r/pricing-02.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/pricing-02.json"},{"name":"pricing-03","title":"Plan comparison table","description":"Accessible feature comparison across three plans, grouped by category, with the featured plan highlighted.","type":"registry:block","source_url":"https://ui.balick.me/r/pricing-03.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/pricing-03.json"},{"name":"faq-01","title":"FAQ with accordion","description":"Two-column FAQ: sticky header with a contact link, and an accessible accordion built on native disclosure elements.","type":"registry:block","source_url":"https://ui.balick.me/r/faq-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/faq-01.json"},{"name":"blog-01","title":"Latest posts","description":"Three recent articles with a cover, category, date, author and reading time.","type":"registry:block","source_url":"https://ui.balick.me/r/blog-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/blog-01.json"},{"name":"newsletter-01","title":"Newsletter signup","description":"Email signup card with a confirmation state; posts to a configurable endpoint.","type":"registry:block","source_url":"https://ui.balick.me/r/newsletter-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/newsletter-01.json"},{"name":"cta-01","title":"Inverted call to action","description":"High-contrast call to action panel with a subtle grid and two actions.","type":"registry:block","source_url":"https://ui.balick.me/r/cta-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/cta-01.json"},{"name":"contact-01","title":"Contact with channels","description":"Contact panel with a copyable email address and a list of channels.","type":"registry:block","source_url":"https://ui.balick.me/r/contact-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/contact-01.json"},{"name":"contact-02","title":"Contact form with details","description":"Contact form with a confirmation state, next to email, phone, address and opening hours.","type":"registry:block","source_url":"https://ui.balick.me/r/contact-02.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/contact-02.json"},{"name":"stats-01","title":"Stats grid","description":"Four key figures with short descriptions, in a hairline grid.","type":"registry:block","source_url":"https://ui.balick.me/r/stats-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/stats-01.json"},{"name":"timeline-01","title":"Timeline","description":"Company story as a vertical timeline, with a sticky header.","type":"registry:block","source_url":"https://ui.balick.me/r/timeline-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/timeline-01.json"},{"name":"services-01","title":"Services list","description":"Numbered list of services with a starting price, deliverables and a link.","type":"registry:block","source_url":"https://ui.balick.me/r/services-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/services-01.json"},{"name":"steps-01","title":"How it works steps","description":"Four numbered steps joined by a connector, horizontal on desktop and vertical on mobile.","type":"registry:block","source_url":"https://ui.balick.me/r/steps-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/steps-01.json"},{"name":"team-01","title":"Team grid","description":"Team members with an avatar, role, short bio and social links.","type":"registry:block","source_url":"https://ui.balick.me/r/team-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/team-01.json"},{"name":"footer-01","title":"Footer with newsletter","description":"Multi-column footer with newsletter form, status indicator, social links and an oversized wordmark.","type":"registry:block","source_url":"https://ui.balick.me/r/footer-01.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/footer-01.json"},{"name":"footer-02","title":"Compact footer","description":"Single-row footer with links and socials, and a legal line.","type":"registry:block","source_url":"https://ui.balick.me/r/footer-02.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/footer-02.json"},{"name":"stagger","title":"Stagger","description":"Brings a list or a grid in one item after the other, on mount or when scrolled into view.","type":"registry:ui","source_url":"https://ui.balick.me/r/stagger.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/stagger.json"},{"name":"stagger-demo","title":"Stagger Demo","description":"Example usage of Stagger.","type":"registry:example","source_url":"https://ui.balick.me/r/stagger-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/stagger-demo.json"},{"name":"mask-reveal","title":"Mask Reveal","description":"Uncovers an image or a card with a mask that slides across it.","type":"registry:ui","source_url":"https://ui.balick.me/r/mask-reveal.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/mask-reveal.json"},{"name":"mask-reveal-demo","title":"Mask Reveal Demo","description":"Example usage of Mask Reveal.","type":"registry:example","source_url":"https://ui.balick.me/r/mask-reveal-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/mask-reveal-demo.json"},{"name":"orbit","title":"Orbit","description":"Items that circle around a center while staying upright.","type":"registry:ui","source_url":"https://ui.balick.me/r/orbit.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/orbit.json"},{"name":"orbit-demo","title":"Orbit Demo","description":"Example usage of Orbit.","type":"registry:example","source_url":"https://ui.balick.me/r/orbit-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/orbit-demo.json"},{"name":"tilt-card","title":"Tilt Card","description":"A card that leans toward the pointer in 3D, with a soft glare.","type":"registry:ui","source_url":"https://ui.balick.me/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/tilt-card.json"},{"name":"tilt-card-demo","title":"Tilt Card Demo","description":"Example usage of Tilt Card.","type":"registry:example","source_url":"https://ui.balick.me/r/tilt-card-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/tilt-card-demo.json"},{"name":"parallax","title":"Parallax","description":"A layer that moves at its own pace while the page scrolls.","type":"registry:ui","source_url":"https://ui.balick.me/r/parallax.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/parallax.json"},{"name":"parallax-demo","title":"Parallax Demo","description":"Example usage of Parallax.","type":"registry:example","source_url":"https://ui.balick.me/r/parallax-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/parallax-demo.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"A bar that fills as you scroll the page or a panel.","type":"registry:ui","source_url":"https://ui.balick.me/r/scroll-progress.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/scroll-progress.json"},{"name":"scroll-progress-demo","title":"Scroll Progress Demo","description":"Example usage of Scroll Progress.","type":"registry:example","source_url":"https://ui.balick.me/r/scroll-progress-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/scroll-progress-demo.json"},{"name":"gauge","title":"Gauge","description":"A three-quarter ring for a percentage, colored past its thresholds.","type":"registry:ui","source_url":"https://ui.balick.me/r/gauge.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/gauge.json"},{"name":"gauge-demo","title":"Gauge Demo","description":"Example usage of Gauge.","type":"registry:example","source_url":"https://ui.balick.me/r/gauge-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/gauge-demo.json"},{"name":"segment-meter","title":"Segment Meter","description":"A level in a few segments, such as the strength of a password.","type":"registry:ui","source_url":"https://ui.balick.me/r/segment-meter.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/segment-meter.json"},{"name":"segment-meter-demo","title":"Segment Meter Demo","description":"Example usage of Segment Meter.","type":"registry:example","source_url":"https://ui.balick.me/r/segment-meter-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/segment-meter-demo.json"},{"name":"spinner","title":"Spinner","description":"Twelve bars that fade in turn, for waits the size of an icon.","type":"registry:ui","source_url":"https://ui.balick.me/r/spinner.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/spinner.json"},{"name":"spinner-demo","title":"Spinner Demo","description":"Example usage of Spinner.","type":"registry:example","source_url":"https://ui.balick.me/r/spinner-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/spinner-demo.json"},{"name":"uptime-bar","title":"Uptime Bar","description":"The history of a service, one bar per day, colored by how the day went.","type":"registry:ui","source_url":"https://ui.balick.me/r/uptime-bar.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/uptime-bar.json"},{"name":"uptime-bar-demo","title":"Uptime Bar Demo","description":"Example usage of Uptime Bar.","type":"registry:example","source_url":"https://ui.balick.me/r/uptime-bar-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/uptime-bar-demo.json"},{"name":"status-badge","title":"Status Badge","description":"A pill that names the state of a service, with a live dot.","type":"registry:ui","source_url":"https://ui.balick.me/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/status-badge.json"},{"name":"status-badge-demo","title":"Status Badge Demo","description":"Example usage of Status Badge.","type":"registry:example","source_url":"https://ui.balick.me/r/status-badge-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/status-badge-demo.json"},{"name":"loading-dots","title":"Loading Dots","description":"Three dots that pulse in turn, sized like the text around them.","type":"registry:ui","source_url":"https://ui.balick.me/r/loading-dots.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/loading-dots.json"},{"name":"loading-dots-demo","title":"Loading Dots Demo","description":"Example usage of Loading Dots.","type":"registry:example","source_url":"https://ui.balick.me/r/loading-dots-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/loading-dots-demo.json"},{"name":"count-badge","title":"Count Badge","description":"A count pinned to an icon or an avatar, which pops when it changes.","type":"registry:ui","source_url":"https://ui.balick.me/r/count-badge.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/count-badge.json"},{"name":"count-badge-demo","title":"Count Badge Demo","description":"Example usage of Count Badge.","type":"registry:example","source_url":"https://ui.balick.me/r/count-badge-demo.json","install_command":"npx shadcn@latest add https://ui.balick.me/r/count-badge-demo.json"}]},{"id":"ballmac","name":"@ballmac","slug":"ballmac","description":"Accessible React and Tailwind v4 components, blocks and templates with native-app motion, built-in keyboard, RTL and translation support, and an MCP server for AI agents.","author":"vamsiy78","framework":"react","license":"MIT","tags":["accessibility","ai","animation","blocks","buttons","cards","cms","developer-tools","forms","loaders","media","mobile","navigation","overlays","payments","pro-available"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.ballmac.com","github":"https://github.com/vamsiy78/ballmac-ui","registry":"https://ui.ballmac.com/r/registry/registry.json","source":"https://ui.ballmac.com/r/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/ballmac","markdown":"https://sh4dcn.netlify.app/md/ballmac.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><g fill='none' stroke='var(--foreground)' stroke-width='2.25' stroke-linecap='round'><circle cx='16' cy='16' r='12.5'/><path d='M16.00 21.68C15.93 21.67 15.72 21.66 15.58 21.65C15.44 21.63 15.30 21.62 15.17 21.60C15.03 21.58 14.89 21.56 14.75 21.53C14.61 21.51 14.48 21.48 14.34 21.45C14.20 21.43 14.06 21.39 13.92 21.36C13.78 21.33 13.64 21.29 13.50 21.25C13.37 21.21 13.22 21.17 13.08 21.12C12.94 21.07 12.80 21.03 12.66 20.97C12.52 20.92 12.37 20.86 12.23 20.80C12.09 20.74 11.94 20.68 11.80 20.61C11.65 20.54 11.51 20.46 11.36 20.38C11.22 20.30 11.07 20.22 10.93 20.13C10.79 20.04 10.64 19.94 10.50 19.84C10.36 19.74 10.21 19.63 10.07 19.52C9.93 19.40 9.79 19.28 9.65 19.16C9.52 19.03 9.38 18.90 9.25 18.76C9.12 18.62 8.99 18.47 8.86 18.31C8.74 18.16 8.61 18.00 8.50 17.83C8.38 17.67 8.27 17.49 8.16 17.31C8.06 17.13 7.95 16.94 7.86 16.75C7.77 16.55 7.68 16.35 7.60 16.15C7.52 15.94 7.45 15.73 7.38 15.52C7.32 15.30 7.26 15.08 7.21 14.85C7.17 14.62 7.13 14.39 7.10 14.16C7.08 13.92 7.06 13.69 7.05 13.45C7.04 13.20 7.05 12.96 7.06 12.72C7.08 12.47 7.10 12.23 7.14 11.98C7.18 11.73 7.22 11.48 7.28 11.24C7.34 10.99 7.42 10.75 7.50 10.50C7.58 10.26 7.68 10.02 7.78 9.78C7.89 9.55 8.01 9.31 8.14 9.08C8.27 8.85 8.41 8.63 8.56 8.41C8.71 8.19 8.88 7.97 9.05 7.77C9.22 7.56 9.41 7.36 9.60 7.17C9.80 6.98 10.00 6.80 10.21 6.62C10.42 6.45 10.64 6.29 10.87 6.13C11.10 5.98 11.34 5.83 11.58 5.70C11.82 5.56 12.07 5.44 12.33 5.33C12.58 5.22 12.85 5.12 13.11 5.03C13.38 4.94 13.65 4.86 13.92 4.79C14.19 4.73 14.47 4.68 14.75 4.63C15.03 4.59 15.31 4.56 15.59 4.54C15.87 4.53 16.16 4.52 16.44 4.52C16.72 4.53 17.01 4.55 17.29 4.58C17.57 4.60 17.85 4.64 18.13 4.69C18.41 4.74 18.69 4.80 18.96 4.87C19.24 4.94 19.51 5.02 19.78 5.11C20.05 5.20 20.32 5.30 20.58 5.41C20.84 5.52 21.10 5.63 21.36 5.76C21.62 5.88 21.87 6.02 22.12 6.15C22.37 6.29 22.62 6.43 22.88 6.57C23.13 6.71 23.40 6.83 23.66 6.98C23.92 7.12 24.18 7.28 24.43 7.45C24.67 7.62 24.92 7.80 25.16 7.99C25.39 8.18 25.62 8.38 25.84 8.60C26.06 8.81 26.27 9.04 26.47 9.28C26.66 9.52 26.85 9.77 27.01 10.03C27.17 10.29 27.32 10.56 27.45 10.85C27.57 11.13 27.70 11.58 27.75 11.72'/></g></svg>","preview_image":"https://ui.ballmac.com/opengraph-image?c83bedc3540f0cf6","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.ballmac.com/pricing"},"metrics":{"github_stars":11,"open_issues":0,"last_commit":"2026-10-24T19:58:44Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.ballmac.com/r/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.ballmac.com/r/registry/registry.json","install_bun":"bunx shadcn@latest add https://ui.ballmac.com/r/registry/registry.json","clone":"git clone https://github.com/vamsiy78/ballmac-ui.git","clone_degit":"npx degit vamsiy78/ballmac-ui","registry_fetch":"curl -s https://ui.ballmac.com/r/registry/registry.json"},"component_count":250,"components":[{"name":"accordion","title":"Accordion","description":"Vertically stacked disclosure sections on Radix Accordion, single or multiple open, with hairline dividers, a rotating plus and height animation.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/accordion.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/accordion.json"},{"name":"accordion-demo","title":"Accordion: Default","description":"Default example of Accordion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/accordion-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/accordion-demo.json"},{"name":"accordion-multiple","title":"Accordion: Multiple open","description":"Multiple open example of Accordion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/accordion-multiple.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/accordion-multiple.json"},{"name":"agent-roster","title":"Agent Roster","description":"Every agent on a team of agents as a card: name and role, a status in words (working, waiting, blocked, idle, offline), what it is doing, a load meter and when…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/agent-roster.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/agent-roster.json"},{"name":"agent-roster-demo","title":"Agent Roster: A team of six","description":"A team of six example of Agent Roster.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/agent-roster-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/agent-roster-demo.json"},{"name":"agent-roster-select","title":"Agent Roster: Select to open a run","description":"Select to open a run example of Agent Roster.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/agent-roster-select.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/agent-roster-select.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Focus-managed confirmation for consequential actions, with a clear cancel path, optional media, and a token-based destructive action.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-dialog.json"},{"name":"alert-dialog-demo","title":"Alert Dialog: Remove a project","description":"Remove a project example of Alert Dialog.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-dialog-demo.json"},{"name":"alert-dialog-states","title":"Alert Dialog: Confirmation styles","description":"Confirmation styles example of Alert Dialog.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alert-dialog-states.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-dialog-states.json"},{"name":"alert","title":"Alert","description":"A semantic callout with five theme-aware tones, clear icon placement, an action row, and opt-in urgent announcements.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/alert.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert.json"},{"name":"alert-demo","title":"Alert: Overview","description":"Overview example of Alert.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alert-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-demo.json"},{"name":"alert-states","title":"Alert: States and variants","description":"States and variants example of Alert.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alert-states.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alert-states.json"},{"name":"android-frame","title":"Android Frame","description":"A modern Android phone drawn in CSS: satin frame in porcelain, obsidian or sage, centered punch-hole camera, Material-style status bar and gesture or three-but…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/android-frame.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/android-frame.json"},{"name":"android-frame-demo","title":"Android Frame: Home screen","description":"Home screen example of Android Frame.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/android-frame-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/android-frame-demo.json"},{"name":"android-frame-buttons","title":"Android Frame: Three-button navigation","description":"Three-button navigation example of Android Frame.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/android-frame-buttons.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/android-frame-buttons.json"},{"name":"animated-beam","title":"Animated Beam","description":"An SVG beam that connects two elements with a curved path and sends a glowing gradient pulse along it. Follows layout changes, pauses off-screen, static under …","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/animated-beam.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-beam.json"},{"name":"animated-beam-demo","title":"Animated Beam: Agent integrations","description":"Agent integrations example of Animated Beam.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-beam-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-beam-demo.json"},{"name":"animated-beam-bidirectional","title":"Animated Beam: Two-way sync","description":"Two-way sync example of Animated Beam.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-beam-bidirectional.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-beam-bidirectional.json"},{"name":"animated-grid","title":"Animated Grid","description":"A decorative hairline grid background where a few random cells softly light up and fade, like instrument lights. SVG, hydration-safe, static under reduced moti…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/animated-grid.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-grid.json"},{"name":"animated-grid-demo","title":"Animated Grid: Hero background","description":"Hero background example of Animated Grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-grid-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-grid-demo.json"},{"name":"animated-list","title":"Animated List","description":"A live feed where new items spring in at the top and the rest glide down, with leave animations, an item cap, an optional fading tail and a polite announcement…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/animated-list.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-list.json"},{"name":"animated-list-demo","title":"Animated List: Live notification feed","description":"Live notification feed example of Animated List.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-list-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-list-demo.json"},{"name":"animated-list-log","title":"Animated List: Capped activity log","description":"Capped activity log example of Animated List.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-list-log.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-list-log.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Radix Tabs with a pill or underline indicator that slides between triggers on a spring, and panels that fade in. Keeps full keyboard support and ARIA; controll…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/animated-tabs.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-tabs.json"},{"name":"animated-tabs-demo","title":"Animated Tabs: Pill with icons","description":"Pill with icons example of Animated Tabs.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-tabs-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-tabs-demo.json"},{"name":"animated-tabs-underline","title":"Animated Tabs: Underline","description":"Underline example of Animated Tabs.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/animated-tabs-underline.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/animated-tabs-underline.json"},{"name":"api-key-field","title":"API Key Field","description":"Displays a secret such as an API key, masked by default (sk-live-••••••••a1b2), with a reveal toggle, a copy button that copies the full key, and an optional r…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/api-key-field.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-key-field.json"},{"name":"api-key-field-demo","title":"API Key Field: Default","description":"Default example of API Key Field.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/api-key-field-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-key-field-demo.json"},{"name":"app-shell","title":"App Shell","description":"The frame of an application page: skip link, sticky header, sidebar that becomes a sheet on small screens, main area, optional aside and footer.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/app-shell.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell.json"},{"name":"app-shell-demo","title":"App Shell: Dashboard frame","description":"Dashboard frame example of App Shell.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/app-shell-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-demo.json"},{"name":"app-shell-states","title":"App Shell: Compact shell","description":"Compact shell example of App Shell.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/app-shell-states.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-states.json"},{"name":"app-window","title":"App Window","description":"The window chrome of a real desktop app (Tauri or Electron): a title bar that drags the window, double-click to maximize, and the controls the platform draws: …","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/app-window.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-window.json"},{"name":"app-window-demo","title":"App Window: Notes app, in any feel","description":"Notes app, in any feel example of App Window.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/app-window-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-window-demo.json"},{"name":"app-window-feels","title":"App Window: One window, three feels","description":"One window, three feels example of App Window.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/app-window-feels.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-window-feels.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A CSS-native ratio frame that reserves space for media and safely handles invalid ratio values.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/aspect-ratio.json"},{"name":"aspect-ratio-demo","title":"Aspect Ratio: Overview","description":"Overview example of Aspect Ratio.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/aspect-ratio-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/aspect-ratio-demo.json"},{"name":"aspect-ratio-states","title":"Aspect Ratio: States and variants","description":"States and variants example of Aspect Ratio.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/aspect-ratio-states.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/aspect-ratio-states.json"},{"name":"avatar","title":"Avatar","description":"A Radix avatar with image and initials fallback, three sizes, an optional presence dot, and AvatarGroup for overlapping stacks with a +N overflow counter.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/avatar.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/avatar.json"},{"name":"avatar-demo","title":"Avatar: Default","description":"Default example of Avatar.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/avatar-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/avatar-demo.json"},{"name":"avatar-group","title":"Avatar: Group","description":"Group example of Avatar.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/avatar-group.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/avatar-group.json"},{"name":"back-to-top","title":"Back To Top","description":"A floating button that appears after scrolling, draws a progress ring, scrolls smoothly (instantly under reduced motion) and moves focus to the content.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/back-to-top.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/back-to-top.json"},{"name":"back-to-top-demo","title":"Back To Top: Progress ring","description":"Progress ring example of Back To Top.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/back-to-top-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/back-to-top-demo.json"},{"name":"back-to-top-states","title":"Back To Top: Labelled","description":"Labelled example of Back To Top.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/back-to-top-states.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/back-to-top-states.json"},{"name":"badge","title":"Badge","description":"A small pill label in four variants with an optional status dot and success, warning and error tones. Style links with badgeVariants().","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/badge.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/badge.json"},{"name":"badge-demo","title":"Badge: Default","description":"Default example of Badge.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/badge-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/badge-demo.json"},{"name":"badge-status","title":"Badge: Status","description":"Status example of Badge.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/badge-status.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/badge-status.json"},{"name":"banner","title":"Banner","description":"A page-wide announcement with semantic tones, optional action, and controlled or local dismissal.","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/banner.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/banner.json"},{"name":"banner-demo","title":"Banner: Overview","description":"Overview example of Banner.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/banner-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/banner-demo.json"},{"name":"banner-states","title":"Banner: States and variants","description":"States and variants example of Banner.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/banner-states.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/banner-states.json"},{"name":"bar-list","title":"Bar List","description":"A ranked list of bars with the name and number on top of the bar, so both stay readable at any width. Rows can be links or buttons, a long list folds to its to…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/bar-list.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/bar-list.json"},{"name":"bar-list-demo","title":"Bar List: Top pages with links and a fold","description":"Top pages with links and a fold example of Bar List.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/bar-list-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/bar-list-demo.json"},{"name":"bar-list-select","title":"Bar List: Rows as filter buttons","description":"Rows as filter buttons example of Bar List.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/bar-list-select.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/bar-list-select.json"},{"name":"bento-grid","title":"Bento Grid","description":"A responsive bento layout of feature cards that span columns and rows. Each BentoCard has a background visual slot, icon, title and description, and a link tha…","type":"registry:ui","source_url":"https://ui.ballmac.com/r/{style}/bento-grid.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/bento-grid.json"},{"name":"bento-grid-demo","title":"Bento Grid: Live feature grid","description":"Live feature grid example of Bento Grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/bento-grid-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/bento-grid-demo.json"},{"name":"bento-grid-features","title":"Bento Grid: Two columns","description":"Two columns example of Bento Grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/bento-grid-features.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/bento-grid-features.json"},{"name":"about-1","title":"About 1: company story","description":"A company story page: a large two-tone statement and a wide picture, numbers that count up, the story beside a pull quote, value cards that light up under the …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/about-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/about-1.json"},{"name":"about-1-demo","title":"About 1: company story: Default","description":"Default example of About 1: company story.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/about-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/about-1-demo.json"},{"name":"about-1-short","title":"About 1: company story: Just the story","description":"Just the story example of About 1: company story.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/about-1-short.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/about-1-short.json"},{"name":"access-1","title":"Access 1: access review","description":"A periodic access review: each person's role and last use, Keep, Reduce or Remove with lower roles only, people idle for months flagged in words, a keep-everyo…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/access-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1.json"},{"name":"access-1-demo","title":"Access 1: access review: Default","description":"Default example of Access 1: access review.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/access-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-demo.json"},{"name":"access-1-flagged","title":"Access 1: access review: Reviewing the flagged first","description":"Reviewing the flagged first example of Access 1: access review.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/access-1-flagged.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-flagged.json"},{"name":"access-1-loading","title":"Access 1: access review: Loading","description":"Loading example of Access 1: access review.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/access-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-loading.json"},{"name":"access-1-empty","title":"Access 1: access review: Nobody to review","description":"Nobody to review example of Access 1: access review.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/access-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-empty.json"},{"name":"access-1-error","title":"Access 1: access review: Could not load","description":"Could not load example of Access 1: access review.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/access-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/access-1-error.json"},{"name":"alerts-1","title":"Alerts 1: alert rules","description":"The alert rules of a monitoring setup: what each watches, severity, where it notifies, and firing, muted or fine in words, firing first, switch off, mute for a…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/alerts-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1.json"},{"name":"alerts-1-demo","title":"Alerts 1: alert rules: Default","description":"Default example of Alerts 1: alert rules.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alerts-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-demo.json"},{"name":"alerts-1-quiet","title":"Alerts 1: alert rules: Nothing firing","description":"Nothing firing example of Alerts 1: alert rules.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alerts-1-quiet.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-quiet.json"},{"name":"alerts-1-loading","title":"Alerts 1: alert rules: Loading","description":"Loading example of Alerts 1: alert rules.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alerts-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-loading.json"},{"name":"alerts-1-empty","title":"Alerts 1: alert rules: No alert rules yet","description":"No alert rules yet example of Alerts 1: alert rules.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alerts-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-empty.json"},{"name":"alerts-1-error","title":"Alerts 1: alert rules: Could not load","description":"Could not load example of Alerts 1: alert rules.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/alerts-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/alerts-1-error.json"},{"name":"analytics-1","title":"Analytics 1: product analytics","description":"A product analytics page that reads like a report: four metrics with their change and trend, the visit-to-purchase funnel with the biggest drop flagged, a tabb…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/analytics-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1.json"},{"name":"analytics-1-demo","title":"Analytics 1: product analytics: Default","description":"Default example of Analytics 1: product analytics.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/analytics-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-demo.json"},{"name":"analytics-1-week","title":"Analytics 1: product analytics: Last 7 days","description":"Last 7 days example of Analytics 1: product analytics.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/analytics-1-week.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-week.json"},{"name":"analytics-1-loading","title":"Analytics 1: product analytics: Loading","description":"Loading example of Analytics 1: product analytics.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/analytics-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-loading.json"},{"name":"analytics-1-empty","title":"Analytics 1: product analytics: No data for this period","description":"No data for this period example of Analytics 1: product analytics.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/analytics-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-empty.json"},{"name":"analytics-1-error","title":"Analytics 1: product analytics: Could not load","description":"Could not load example of Analytics 1: product analytics.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/analytics-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/analytics-1-error.json"},{"name":"api-1","title":"API 1: request explorer","description":"An API explorer: a method, an address, headers and a JSON body, then the answer with its status in words, time and size and the body as a tree; a broken body i…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/api-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1.json"},{"name":"api-1-demo","title":"API 1: request explorer: Ready to send","description":"Ready to send example of API 1: request explorer.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/api-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-demo.json"},{"name":"api-1-created","title":"API 1: request explorer: A POST answered 201","description":"A POST answered 201 example of API 1: request explorer.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/api-1-created.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-created.json"},{"name":"api-1-notfound","title":"API 1: request explorer: An error answer","description":"An error answer example of API 1: request explorer.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/api-1-notfound.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-notfound.json"},{"name":"api-1-loading","title":"API 1: request explorer: Loading","description":"Loading example of API 1: request explorer.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/api-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-loading.json"},{"name":"api-1-error","title":"API 1: request explorer: Could not load","description":"Could not load example of API 1: request explorer.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/api-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/api-1-error.json"},{"name":"app-shell-1","title":"App Shell 1: collapsible sidebar with command menu","description":"A product frame: workspace switcher, grouped navigation with badges that collapses to an icon rail, top bar with search, notifications and a ⌘K command menu, a…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/app-shell-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-1.json"},{"name":"app-shell-1-demo","title":"App Shell 1: collapsible sidebar with command menu: Default","description":"Default example of App Shell 1: collapsible sidebar with command menu.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/app-shell-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-1-demo.json"},{"name":"app-shell-1-collapsed","title":"App Shell 1: collapsible sidebar with command menu: Collapsed, custom pages","description":"Collapsed, custom pages example of App Shell 1: collapsible sidebar with command menu.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/app-shell-1-collapsed.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/app-shell-1-collapsed.json"},{"name":"audit-1","title":"Audit 1: audit log","description":"An audit log you can search: who did what to what, when and from where, filters with counts, failed attempts written out, rows that open to show exactly which …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/audit-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1.json"},{"name":"audit-1-demo","title":"Audit 1: audit log: Default","description":"Default example of Audit 1: audit log.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/audit-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-demo.json"},{"name":"audit-1-failed","title":"Audit 1: audit log: Search with no match","description":"Search with no match example of Audit 1: audit log.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/audit-1-failed.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-failed.json"},{"name":"audit-1-loading","title":"Audit 1: audit log: Loading","description":"Loading example of Audit 1: audit log.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/audit-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-loading.json"},{"name":"audit-1-empty","title":"Audit 1: audit log: No activity yet","description":"No activity yet example of Audit 1: audit log.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/audit-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-empty.json"},{"name":"audit-1-error","title":"Audit 1: audit log: Could not load","description":"Could not load example of Audit 1: audit log.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/audit-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/audit-1-error.json"},{"name":"billing-2","title":"Billing 2: change plan with proration","description":"A change-plan flow: billing interval, plan cards as radios, a seat stepper that respects the current team, and a sticky summary that works out the prorated cha…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/billing-2.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2.json"},{"name":"billing-2-demo","title":"Billing 2: change plan with proration: Default","description":"Default example of Billing 2: change plan with proration.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/billing-2-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-demo.json"},{"name":"billing-2-yearly","title":"Billing 2: change plan with proration: Yearly account","description":"Yearly account example of Billing 2: change plan with proration.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/billing-2-yearly.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-yearly.json"},{"name":"billing-2-loading","title":"Billing 2: change plan with proration: Loading","description":"Loading example of Billing 2: change plan with proration.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/billing-2-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-loading.json"},{"name":"billing-2-error","title":"Billing 2: change plan with proration: Could not load","description":"Could not load example of Billing 2: change plan with proration.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/billing-2-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-error.json"},{"name":"billing-2-no-plans","title":"Billing 2: change plan with proration: No plans","description":"No plans example of Billing 2: change plan with proration.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/billing-2-no-plans.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/billing-2-no-plans.json"},{"name":"blog-1","title":"Blog 1: featured post with filterable grid","description":"A blog index with a large featured post, topic filter chips and a three-column grid. Posts without a photo get a generated cover drawn from theme tokens, in fi…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/blog-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1.json"},{"name":"blog-1-demo","title":"Blog 1: featured post with filterable grid: Default","description":"Default example of Blog 1: featured post with filterable grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/blog-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-demo.json"},{"name":"blog-1-compact","title":"Blog 1: featured post with filterable grid: Three posts","description":"Three posts example of Blog 1: featured post with filterable grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/blog-1-compact.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-compact.json"},{"name":"blog-1-loading","title":"Blog 1: featured post with filterable grid: Loading","description":"Loading example of Blog 1: featured post with filterable grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/blog-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-loading.json"},{"name":"blog-1-error","title":"Blog 1: featured post with filterable grid: Could not load","description":"Could not load example of Blog 1: featured post with filterable grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/blog-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-error.json"},{"name":"blog-1-no-posts","title":"Blog 1: featured post with filterable grid: No posts","description":"No posts example of Blog 1: featured post with filterable grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/blog-1-no-posts.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/blog-1-no-posts.json"},{"name":"booking-1","title":"Booking 1: class timetable","description":"A weekly class timetable people book from: classes grouped by day, places left written out, one button that does the right thing (book, join the waiting list, …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/booking-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1.json"},{"name":"booking-1-demo","title":"Booking 1: class timetable: Default","description":"Default example of Booking 1: class timetable.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/booking-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-demo.json"},{"name":"booking-1-loading","title":"Booking 1: class timetable: Loading","description":"Loading example of Booking 1: class timetable.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/booking-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-loading.json"},{"name":"booking-1-empty","title":"Booking 1: class timetable: No classes this week","description":"No classes this week example of Booking 1: class timetable.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/booking-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-empty.json"},{"name":"booking-1-error","title":"Booking 1: class timetable: Could not load","description":"Could not load example of Booking 1: class timetable.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/booking-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/booking-1-error.json"},{"name":"calendar-1","title":"Calendar 1: week view with mini month","description":"A week calendar: a time grid with overlapping events placed side by side, an all-day row, a now line, a mini month and calendar toggles, event popovers and a n…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/calendar-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1.json"},{"name":"calendar-1-demo","title":"Calendar 1: week view with mini month: Default","description":"Default example of Calendar 1: week view with mini month.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/calendar-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-demo.json"},{"name":"calendar-1-compact","title":"Calendar 1: week view with mini month: Work hours, your calendars","description":"Work hours, your calendars example of Calendar 1: week view with mini month.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/calendar-1-compact.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-compact.json"},{"name":"calendar-1-loading","title":"Calendar 1: week view with mini month: Loading","description":"Loading example of Calendar 1: week view with mini month.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/calendar-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-loading.json"},{"name":"calendar-1-error","title":"Calendar 1: week view with mini month: Could not load","description":"Could not load example of Calendar 1: week view with mini month.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/calendar-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-error.json"},{"name":"calendar-1-no-events","title":"Calendar 1: week view with mini month: No events","description":"No events example of Calendar 1: week view with mini month.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/calendar-1-no-events.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/calendar-1-no-events.json"},{"name":"careers-1","title":"Careers 1: open roles with filters and perks","description":"Open roles grouped by team with team filter chips, live search and an empty state, then a hairline grid of perks. Every role row is one large link with locatio…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/careers-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/careers-1.json"},{"name":"careers-1-demo","title":"Careers 1: open roles with filters and perks: Default","description":"Default example of Careers 1: open roles with filters and perks.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/careers-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/careers-1-demo.json"},{"name":"careers-1-small","title":"Careers 1: open roles with filters and perks: A few roles","description":"A few roles example of Careers 1: open roles with filters and perks.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/careers-1-small.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/careers-1-small.json"},{"name":"changelog-1","title":"Changelog 1: release notes timeline","description":"A release-notes page: a sticky version and date beside each release card, optional banner art for headline releases, typed changes with filters and counts, and…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/changelog-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1.json"},{"name":"changelog-1-demo","title":"Changelog 1: release notes timeline: Default","description":"Default example of Changelog 1: release notes timeline.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/changelog-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-demo.json"},{"name":"changelog-1-minimal","title":"Changelog 1: release notes timeline: Minimal","description":"Minimal example of Changelog 1: release notes timeline.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/changelog-1-minimal.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-minimal.json"},{"name":"changelog-1-loading","title":"Changelog 1: release notes timeline: Loading","description":"Loading example of Changelog 1: release notes timeline.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/changelog-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-loading.json"},{"name":"changelog-1-error","title":"Changelog 1: release notes timeline: Could not load","description":"Could not load example of Changelog 1: release notes timeline.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/changelog-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-error.json"},{"name":"changelog-1-no-releases","title":"Changelog 1: release notes timeline: No releases","description":"No releases example of Changelog 1: release notes timeline.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/changelog-1-no-releases.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/changelog-1-no-releases.json"},{"name":"chat-1","title":"Chat 1: team chat with threads","description":"A team chat: channels and direct messages with unread counts and presence, messages grouped by person and day with a New divider, reactions, threads, @mentions…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/chat-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1.json"},{"name":"chat-1-demo","title":"Chat 1: team chat with threads: Default","description":"Default example of Chat 1: team chat with threads.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/chat-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-demo.json"},{"name":"chat-1-thread","title":"Chat 1: team chat with threads: Thread open","description":"Thread open example of Chat 1: team chat with threads.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/chat-1-thread.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-thread.json"},{"name":"chat-1-loading","title":"Chat 1: team chat with threads: Loading","description":"Loading example of Chat 1: team chat with threads.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/chat-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-loading.json"},{"name":"chat-1-empty","title":"Chat 1: team chat with threads: New channel","description":"New channel example of Chat 1: team chat with threads.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/chat-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-empty.json"},{"name":"chat-1-error","title":"Chat 1: team chat with threads: Could not load","description":"Could not load example of Chat 1: team chat with threads.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/chat-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/chat-1-error.json"},{"name":"comments-1","title":"Comments 1: threaded discussion","description":"A threaded discussion: a composer where @ offers people, replies, emoji reactions that count and toggle, editing and deleting your own, resolving a thread, and…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/comments-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1.json"},{"name":"comments-1-demo","title":"Comments 1: threaded discussion: A live thread","description":"A live thread example of Comments 1: threaded discussion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comments-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-demo.json"},{"name":"comments-1-failed","title":"Comments 1: threaded discussion: Posting fails","description":"Posting fails example of Comments 1: threaded discussion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comments-1-failed.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-failed.json"},{"name":"comments-1-loading","title":"Comments 1: threaded discussion: Loading","description":"Loading example of Comments 1: threaded discussion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comments-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-loading.json"},{"name":"comments-1-empty","title":"Comments 1: threaded discussion: No comments yet","description":"No comments yet example of Comments 1: threaded discussion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comments-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-empty.json"},{"name":"comments-1-error","title":"Comments 1: threaded discussion: Could not load","description":"Could not load example of Comments 1: threaded discussion.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comments-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comments-1-error.json"},{"name":"comparison-1","title":"Comparison 1: us versus the alternatives","description":"A product-versus-alternatives table where your column is lifted into its own card, with yes, partly, no and text values and a row of headline results. Phones s…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/comparison-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comparison-1.json"},{"name":"comparison-1-demo","title":"Comparison 1: us versus the alternatives: Default","description":"Default example of Comparison 1: us versus the alternatives.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comparison-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comparison-1-demo.json"},{"name":"comparison-1-single","title":"Comparison 1: us versus the alternatives: One alternative","description":"One alternative example of Comparison 1: us versus the alternatives.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/comparison-1-single.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/comparison-1-single.json"},{"name":"contact-1","title":"Contact 1: form with contact methods","description":"A contact section with a validated form (name, email, topic, message with counter, consent), loading, error and thank-you states, beside tiles for email, chat,…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/contact-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1.json"},{"name":"contact-1-demo","title":"Contact 1: form with contact methods: Default","description":"Default example of Contact 1: form with contact methods.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/contact-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-demo.json"},{"name":"contact-1-support","title":"Contact 1: form with contact methods: Support form","description":"Support form example of Contact 1: form with contact methods.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/contact-1-support.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-support.json"},{"name":"contact-1-sending","title":"Contact 1: form with contact methods: Sending","description":"Sending example of Contact 1: form with contact methods.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/contact-1-sending.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-sending.json"},{"name":"contact-1-sent","title":"Contact 1: form with contact methods: Message sent","description":"Message sent example of Contact 1: form with contact methods.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/contact-1-sent.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-sent.json"},{"name":"contact-1-error","title":"Contact 1: form with contact methods: Could not send","description":"Could not send example of Contact 1: form with contact methods.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/contact-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/contact-1-error.json"},{"name":"crm-1","title":"CRM 1: contact and deal record","description":"A contact record for a sales team: the pipeline stage you can move, deal value, last contact and an overdue follow-up worked out from the day you pass, and a t…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/crm-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1.json"},{"name":"crm-1-demo","title":"CRM 1: contact and deal record: A follow-up overdue","description":"A follow-up overdue example of CRM 1: contact and deal record.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/crm-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-demo.json"},{"name":"crm-1-won","title":"CRM 1: contact and deal record: A won deal","description":"A won deal example of CRM 1: contact and deal record.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/crm-1-won.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-won.json"},{"name":"crm-1-loading","title":"CRM 1: contact and deal record: Loading","description":"Loading example of CRM 1: contact and deal record.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/crm-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-loading.json"},{"name":"crm-1-empty","title":"CRM 1: contact and deal record: Contact not found","description":"Contact not found example of CRM 1: contact and deal record.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/crm-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-empty.json"},{"name":"crm-1-error","title":"CRM 1: contact and deal record: Could not load","description":"Could not load example of CRM 1: contact and deal record.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/crm-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/crm-1-error.json"},{"name":"cron-1","title":"Cron 1: scheduled jobs","description":"The scheduled jobs of a product: each schedule in plain words beside its cron expression, an on and off switch, the last run written out, the next runs, and a …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/cron-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1.json"},{"name":"cron-1-demo","title":"Cron 1: scheduled jobs: Default","description":"Default example of Cron 1: scheduled jobs.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/cron-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-demo.json"},{"name":"cron-1-loading","title":"Cron 1: scheduled jobs: Loading","description":"Loading example of Cron 1: scheduled jobs.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/cron-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-loading.json"},{"name":"cron-1-empty","title":"Cron 1: scheduled jobs: No scheduled jobs","description":"No scheduled jobs example of Cron 1: scheduled jobs.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/cron-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-empty.json"},{"name":"cron-1-error","title":"Cron 1: scheduled jobs: Could not load","description":"Could not load example of Cron 1: scheduled jobs.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/cron-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cron-1-error.json"},{"name":"cta-1","title":"CTA 1: framed call to action","description":"A closing call-to-action panel: large heading, one line of reassurance and two buttons, over a softly lit animated grid.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/cta-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cta-1.json"},{"name":"cta-1-demo","title":"CTA 1: framed call to action: Default","description":"Default example of CTA 1: framed call to action.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/cta-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/cta-1-demo.json"},{"name":"dashboard-1","title":"Dashboard 1: sales overview","description":"A sales dashboard page: a date-range switch that recomputes everything, four KPI cards with change and trend, a revenue area chart against the previous period,…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/dashboard-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1.json"},{"name":"dashboard-1-demo","title":"Dashboard 1: sales overview: Default","description":"Default example of Dashboard 1: sales overview.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/dashboard-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-demo.json"},{"name":"dashboard-1-week","title":"Dashboard 1: sales overview: Seven days, your data","description":"Seven days, your data example of Dashboard 1: sales overview.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/dashboard-1-week.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-week.json"},{"name":"dashboard-1-loading","title":"Dashboard 1: sales overview: Loading","description":"Loading example of Dashboard 1: sales overview.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/dashboard-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-loading.json"},{"name":"dashboard-1-error","title":"Dashboard 1: sales overview: Could not load","description":"Could not load example of Dashboard 1: sales overview.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/dashboard-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-error.json"},{"name":"dashboard-1-no-data","title":"Dashboard 1: sales overview: No sales yet","description":"No sales yet example of Dashboard 1: sales overview.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/dashboard-1-no-data.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/dashboard-1-no-data.json"},{"name":"deploys-1","title":"Deploys 1: deploy history","description":"The deploy history of a product: version, what changed, who shipped it and when, how it ended in words, one environment at a time, the live version marked, and…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/deploys-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1.json"},{"name":"deploys-1-demo","title":"Deploys 1: deploy history: Default","description":"Default example of Deploys 1: deploy history.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/deploys-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-demo.json"},{"name":"deploys-1-failing","title":"Deploys 1: deploy history: Rollback fails","description":"Rollback fails example of Deploys 1: deploy history.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/deploys-1-failing.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-failing.json"},{"name":"deploys-1-loading","title":"Deploys 1: deploy history: Loading","description":"Loading example of Deploys 1: deploy history.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/deploys-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-loading.json"},{"name":"deploys-1-empty","title":"Deploys 1: deploy history: Nothing deployed yet","description":"Nothing deployed yet example of Deploys 1: deploy history.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/deploys-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-empty.json"},{"name":"deploys-1-error","title":"Deploys 1: deploy history: Could not load","description":"Could not load example of Deploys 1: deploy history.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/deploys-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/deploys-1-error.json"},{"name":"directory-1","title":"Directory 1: people directory","description":"A people directory: search across names, roles, teams and cities, department chips with live counts, a location filter, a grid and a compact list, each person …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/directory-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1.json"},{"name":"directory-1-demo","title":"Directory 1: people directory: Grid","description":"Grid example of Directory 1: people directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/directory-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-demo.json"},{"name":"directory-1-list","title":"Directory 1: people directory: List","description":"List example of Directory 1: people directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/directory-1-list.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-list.json"},{"name":"directory-1-loading","title":"Directory 1: people directory: Loading","description":"Loading example of Directory 1: people directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/directory-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-loading.json"},{"name":"directory-1-empty","title":"Directory 1: people directory: Nobody listed","description":"Nobody listed example of Directory 1: people directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/directory-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-empty.json"},{"name":"directory-1-error","title":"Directory 1: people directory: Could not load","description":"Could not load example of Directory 1: people directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/directory-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/directory-1-error.json"},{"name":"download-1","title":"Download 1: Mac app download with release notes","description":"A Mac app download section: app icon and version, an Apple silicon or Intel choice that swaps the file, copyable checksum and Homebrew command, install steps a…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/download-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/download-1.json"},{"name":"download-1-demo","title":"Download 1: Mac app download with release notes: Default","description":"Default example of Download 1: Mac app download with release notes.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/download-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/download-1-demo.json"},{"name":"download-1-simple","title":"Download 1: Mac app download with release notes: One build, no notes","description":"One build, no notes example of Download 1: Mac app download with release notes.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/download-1-simple.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/download-1-simple.json"},{"name":"error-1","title":"Error 1: friendly 404, 403 and 500 page","description":"An error page with giant fading numerals whose zero is a ring with an orbiting moon, plain-language copy per status, home and back buttons, site search and hel…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/error-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/error-1.json"},{"name":"error-1-demo","title":"Error 1: friendly 404, 403 and 500 page: 404","description":"404 example of Error 1: friendly 404, 403 and 500 page.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/error-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/error-1-demo.json"},{"name":"error-1-server","title":"Error 1: friendly 404, 403 and 500 page: 500 with reference","description":"500 with reference example of Error 1: friendly 404, 403 and 500 page.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/error-1-server.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/error-1-server.json"},{"name":"event-1","title":"Event 1: agenda and my schedule","description":"An event page with its agenda: dates, venue and a countdown, the schedule by day with a filter per track, a star on each session to build your own schedule, a …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/event-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/event-1.json"},{"name":"event-1-demo","title":"Event 1: agenda and my schedule: Default","description":"Default example of Event 1: agenda and my schedule.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/event-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/event-1-demo.json"},{"name":"event-1-saved","title":"Event 1: agenda and my schedule: A schedule with an overlap","description":"A schedule with an overlap example of Event 1: agenda and my schedule.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/event-1-saved.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/event-1-saved.json"},{"name":"faq-1","title":"FAQ 1: accordion with heading","description":"Frequently asked questions in an accessible accordion, with the heading and a help line in a side column on desktop.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/faq-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/faq-1.json"},{"name":"faq-1-demo","title":"FAQ 1: accordion with heading: Default","description":"Default example of FAQ 1: accordion with heading.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/faq-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/faq-1-demo.json"},{"name":"features-1","title":"Features 1: bento grid","description":"Bento feature grid of spotlight cards in two sizes, with an animated stat and keyboard-shortcut hints mixed in for texture.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/features-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/features-1.json"},{"name":"features-1-demo","title":"Features 1: bento grid: Default","description":"Default example of Features 1: bento grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/features-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/features-1-demo.json"},{"name":"footer-1","title":"Footer 1: columns with newsletter","description":"Site footer with brand and tagline, an optional newsletter form, up to four link columns and a legal bar.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/footer-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/footer-1.json"},{"name":"footer-1-demo","title":"Footer 1: columns with newsletter: Default","description":"Default example of Footer 1: columns with newsletter.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/footer-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/footer-1-demo.json"},{"name":"forgot-password-1","title":"Forgot Password 1: request, resend and reset","description":"The whole password-recovery flow in one card: request a link, check-your-email with a resend countdown, choose a new password with confirmation and strength, a…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/forgot-password-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1.json"},{"name":"forgot-password-1-demo","title":"Forgot Password 1: request, resend and reset: Request a link","description":"Request a link example of Forgot Password 1: request, resend and reset.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/forgot-password-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-demo.json"},{"name":"forgot-password-1-reset","title":"Forgot Password 1: request, resend and reset: Choose a new password","description":"Choose a new password example of Forgot Password 1: request, resend and reset.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/forgot-password-1-reset.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-reset.json"},{"name":"forgot-password-1-submitting","title":"Forgot Password 1: request, resend and reset: Sending the link","description":"Sending the link example of Forgot Password 1: request, resend and reset.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/forgot-password-1-submitting.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-submitting.json"},{"name":"forgot-password-1-success","title":"Forgot Password 1: request, resend and reset: Check your email","description":"Check your email example of Forgot Password 1: request, resend and reset.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/forgot-password-1-success.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-success.json"},{"name":"forgot-password-1-error","title":"Forgot Password 1: request, resend and reset: Could not send","description":"Could not send example of Forgot Password 1: request, resend and reset.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/forgot-password-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/forgot-password-1-error.json"},{"name":"header-1","title":"Header 1: sticky with mobile menu","description":"Sticky site header with brand, main links, sign-in and primary action, and an accessible mobile menu that closes on Escape or link tap.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/header-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/header-1.json"},{"name":"header-1-demo","title":"Header 1: sticky with mobile menu: Default","description":"Default example of Header 1: sticky with mobile menu.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/header-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/header-1-demo.json"},{"name":"hero-4","title":"Hero 4: split with interactive globe","description":"Split hero with a live pill, headline, two actions and headline stats beside a large draggable WebGL globe marking your regions.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/hero-4.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/hero-4.json"},{"name":"hero-4-demo","title":"Hero 4: split with interactive globe: Default","description":"Default example of Hero 4: split with interactive globe.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/hero-4-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/hero-4-demo.json"},{"name":"invoice-1","title":"Invoice 1: invoice you can pay","description":"An invoice you can read, print and pay: parties, dates and line items, totals worked out from the lines, a status from the dates (paid, due in N days, overdue …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/invoice-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1.json"},{"name":"invoice-1-demo","title":"Invoice 1: invoice you can pay: Overdue","description":"Overdue example of Invoice 1: invoice you can pay.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/invoice-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-demo.json"},{"name":"invoice-1-due","title":"Invoice 1: invoice you can pay: Due soon, with tax","description":"Due soon, with tax example of Invoice 1: invoice you can pay.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/invoice-1-due.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-due.json"},{"name":"invoice-1-paid","title":"Invoice 1: invoice you can pay: Paid","description":"Paid example of Invoice 1: invoice you can pay.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/invoice-1-paid.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-paid.json"},{"name":"invoice-1-loading","title":"Invoice 1: invoice you can pay: Loading","description":"Loading example of Invoice 1: invoice you can pay.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/invoice-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-loading.json"},{"name":"invoice-1-error","title":"Invoice 1: invoice you can pay: Could not load","description":"Could not load example of Invoice 1: invoice you can pay.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/invoice-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/invoice-1-error.json"},{"name":"kanban-1","title":"Kanban 1: project board with drag and keyboard moves","description":"A project board: columns with counts, rich task cards (tags, priority, due date, comments, assignee), drag and drop with a drop indicator, keyboard pick-up and…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/kanban-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1.json"},{"name":"kanban-1-demo","title":"Kanban 1: project board with drag and keyboard moves: Default","description":"Default example of Kanban 1: project board with drag and keyboard moves.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/kanban-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-demo.json"},{"name":"kanban-1-simple","title":"Kanban 1: project board with drag and keyboard moves: Three columns","description":"Three columns example of Kanban 1: project board with drag and keyboard moves.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/kanban-1-simple.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-simple.json"},{"name":"kanban-1-loading","title":"Kanban 1: project board with drag and keyboard moves: Loading","description":"Loading example of Kanban 1: project board with drag and keyboard moves.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/kanban-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-loading.json"},{"name":"kanban-1-error","title":"Kanban 1: project board with drag and keyboard moves: Could not load","description":"Could not load example of Kanban 1: project board with drag and keyboard moves.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/kanban-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-error.json"},{"name":"kanban-1-no-cards","title":"Kanban 1: project board with drag and keyboard moves: No cards","description":"No cards example of Kanban 1: project board with drag and keyboard moves.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/kanban-1-no-cards.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/kanban-1-no-cards.json"},{"name":"login-1","title":"Login 1: card with SSO and magic link","description":"Centered sign-in card: SSO and email-link buttons, an email and password form with remember me, a loading submit and an inline error.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/login-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1.json"},{"name":"login-1-demo","title":"Login 1: card with SSO and magic link: Default","description":"Default example of Login 1: card with SSO and magic link.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/login-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1-demo.json"},{"name":"login-1-submitting","title":"Login 1: card with SSO and magic link: Signing in","description":"Signing in example of Login 1: card with SSO and magic link.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/login-1-submitting.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1-submitting.json"},{"name":"login-1-error","title":"Login 1: card with SSO and magic link: Wrong password","description":"Wrong password example of Login 1: card with SSO and magic link.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/login-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/login-1-error.json"},{"name":"logo-cloud-1","title":"Logo Cloud 1: marquee or grid","description":"Customer logos as an endlessly scrolling row with faded edges, or a static grid with hairline dividers. Wordmarks brighten on hover.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/logo-cloud-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/logo-cloud-1.json"},{"name":"logo-cloud-1-demo","title":"Logo Cloud 1: marquee or grid: Marquee","description":"Marquee example of Logo Cloud 1: marquee or grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/logo-cloud-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/logo-cloud-1-demo.json"},{"name":"logo-cloud-1-grid","title":"Logo Cloud 1: marquee or grid: Grid","description":"Grid example of Logo Cloud 1: marquee or grid.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/logo-cloud-1-grid.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/logo-cloud-1-grid.json"},{"name":"mail-1","title":"Mail 1: three-pane inbox","description":"A working inbox: folders with an unread count, a searchable message list with stars and keyboard navigation, a reading pane with archive, delete, mark unread a…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/mail-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1.json"},{"name":"mail-1-demo","title":"Mail 1: three-pane inbox: Default","description":"Default example of Mail 1: three-pane inbox.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/mail-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-demo.json"},{"name":"mail-1-empty","title":"Mail 1: three-pane inbox: Empty inbox","description":"Empty inbox example of Mail 1: three-pane inbox.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/mail-1-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-empty.json"},{"name":"mail-1-loading","title":"Mail 1: three-pane inbox: Loading","description":"Loading example of Mail 1: three-pane inbox.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/mail-1-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-loading.json"},{"name":"mail-1-error","title":"Mail 1: three-pane inbox: Could not load","description":"Could not load example of Mail 1: three-pane inbox.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/mail-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-error.json"},{"name":"mail-1-no-messages","title":"Mail 1: three-pane inbox: No messages","description":"No messages example of Mail 1: three-pane inbox.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/mail-1-no-messages.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/mail-1-no-messages.json"},{"name":"newsletter-1","title":"Newsletter 1: signup with topics and sample issue","description":"An editorial newsletter signup: topic chips, an email field with validation, loading, error and success states, avatar social proof, and a tilted sample issue …","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/newsletter-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1.json"},{"name":"newsletter-1-demo","title":"Newsletter 1: signup with topics and sample issue: Default","description":"Default example of Newsletter 1: signup with topics and sample issue.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/newsletter-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-demo.json"},{"name":"newsletter-1-simple","title":"Newsletter 1: signup with topics and sample issue: Email only","description":"Email only example of Newsletter 1: signup with topics and sample issue.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/newsletter-1-simple.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-simple.json"},{"name":"newsletter-1-subscribing","title":"Newsletter 1: signup with topics and sample issue: Subscribing","description":"Subscribing example of Newsletter 1: signup with topics and sample issue.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/newsletter-1-subscribing.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-subscribing.json"},{"name":"newsletter-1-subscribed","title":"Newsletter 1: signup with topics and sample issue: Subscribed","description":"Subscribed example of Newsletter 1: signup with topics and sample issue.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/newsletter-1-subscribed.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-subscribed.json"},{"name":"newsletter-1-error","title":"Newsletter 1: signup with topics and sample issue: Could not subscribe","description":"Could not subscribe example of Newsletter 1: signup with topics and sample issue.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/newsletter-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/newsletter-1-error.json"},{"name":"onboarding-1","title":"Onboarding 1: workspace setup wizard","description":"A four-step setup wizard with a progress rail: name and address a workspace (auto-filled), pick goals as cards, invite teammates as removable chips, review, th…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/onboarding-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1.json"},{"name":"onboarding-1-demo","title":"Onboarding 1: workspace setup wizard: Default","description":"Default example of Onboarding 1: workspace setup wizard.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/onboarding-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-demo.json"},{"name":"onboarding-1-custom","title":"Onboarding 1: workspace setup wizard: Custom goals","description":"Custom goals example of Onboarding 1: workspace setup wizard.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/onboarding-1-custom.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-custom.json"},{"name":"onboarding-1-creating","title":"Onboarding 1: workspace setup wizard: Creating the workspace","description":"Creating the workspace example of Onboarding 1: workspace setup wizard.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/onboarding-1-creating.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-creating.json"},{"name":"onboarding-1-ready","title":"Onboarding 1: workspace setup wizard: Workspace ready","description":"Workspace ready example of Onboarding 1: workspace setup wizard.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/onboarding-1-ready.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-ready.json"},{"name":"onboarding-1-error","title":"Onboarding 1: workspace setup wizard: Could not create","description":"Could not create example of Onboarding 1: workspace setup wizard.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/onboarding-1-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/onboarding-1-error.json"},{"name":"pricing-1","title":"Pricing 1: two tiers","description":"Two pricing cards side by side with included and excluded features, a highlighted plan with a border beam and badge, and small print.","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/pricing-1.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/pricing-1.json"},{"name":"pricing-1-demo","title":"Pricing 1: two tiers: Default","description":"Default example of Pricing 1: two tiers.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/pricing-1-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/pricing-1-demo.json"},{"name":"reviews-2","title":"Reviews 2: ratings with insights","description":"Reviews with the whole picture: the average and the shape of the ratings (which filter the list), what people keep mentioning, and whether the mood is positive…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/reviews-2.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2.json"},{"name":"reviews-2-demo","title":"Reviews 2: ratings with insights: Default","description":"Default example of Reviews 2: ratings with insights.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/reviews-2-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-demo.json"},{"name":"reviews-2-few","title":"Reviews 2: ratings with insights: Two reviews","description":"Two reviews example of Reviews 2: ratings with insights.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/reviews-2-few.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-few.json"},{"name":"reviews-2-loading","title":"Reviews 2: ratings with insights: Loading","description":"Loading example of Reviews 2: ratings with insights.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/reviews-2-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-loading.json"},{"name":"reviews-2-empty","title":"Reviews 2: ratings with insights: No reviews yet","description":"No reviews yet example of Reviews 2: ratings with insights.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/reviews-2-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-empty.json"},{"name":"reviews-2-error","title":"Reviews 2: ratings with insights: Could not load","description":"Could not load example of Reviews 2: ratings with insights.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/reviews-2-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/reviews-2-error.json"},{"name":"settings-4","title":"Settings 4: integrations directory","description":"An integrations page: search, category filters, connected ones first, Connect with progress and the reason when it fails, Manage, Disconnect after a confirmati…","type":"registry:block","source_url":"https://ui.ballmac.com/r/{style}/settings-4.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4.json"},{"name":"settings-4-demo","title":"Settings 4: integrations directory: Default","description":"Default example of Settings 4: integrations directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/settings-4-demo.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-demo.json"},{"name":"settings-4-loading","title":"Settings 4: integrations directory: Loading","description":"Loading example of Settings 4: integrations directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/settings-4-loading.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-loading.json"},{"name":"settings-4-empty","title":"Settings 4: integrations directory: No integrations","description":"No integrations example of Settings 4: integrations directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/settings-4-empty.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-empty.json"},{"name":"settings-4-error","title":"Settings 4: integrations directory: Could not load","description":"Could not load example of Settings 4: integrations directory.","type":"registry:example","source_url":"https://ui.ballmac.com/r/{style}/settings-4-error.json","install_command":"npx shadcn@latest add https://ui.ballmac.com/r/{style}/settings-4-error.json"}]},{"id":"baraile-loader","name":"@baraile-loader","slug":"baraile-loader","description":"A simple braille-inspired loader components for shadcn/ui.","author":null,"framework":"react","license":null,"tags":["loaders"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://shadcn-braille-loader.vercel.app","github":null,"registry":"https://shadcn-braille-loader.vercel.app/r/registry.json","source":"https://shadcn-braille-loader.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/baraile-loader","markdown":"https://sh4dcn.netlify.app/md/baraile-loader.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 160 160' role='img' aria-labelledby='title desc'><title id='title'>Braille Loader mark</title><desc id='desc'>A rounded square logo mark with braille dots forming a loading path.</desc><defs><linearGradient id='accent' x1='44' y1='126' x2='124' y2='36' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#14b8a6' /><stop offset='1' stop-color='#84cc16' /></linearGradient><filter id='soft-shadow' x='-20%' y='-20%' width='140%' height='140%' color-interpolation-filters='sRGB'><feDropShadow dx='0' dy='10' stdDeviation='14' flood-color='#020617' flood-opacity='0.16' /></filter><style>.shell { fill: #0b0f14; } .dot { fill: #f8fafc; } .quiet { fill: #64748b; opacity: 0.34; } .accent { fill: url(#accent); } .path { stroke: url(#accent); } @media (prefers-color-scheme: dark) { .shell { fill: #f8fafc; } .dot { fill: #0b0f14; } .quiet { fill: #64748b; opacity: 0.42; } }</style></defs><rect class='shell' x='12' y='12' width='136' height='136' rx='34' filter='url(#soft-shadow)' /><path class='path' d='M42 113C54 127 78 131 98 120C120 108 128 83 116 63C105 45 82 38 62 47' fill='none' stroke-width='8' stroke-linecap='round' /><g transform='translate(43 37)'><circle class='quiet' cx='0' cy='0' r='8' /><circle class='dot' cx='37' cy='0' r='8' /><circle class='quiet' cx='74' cy='0' r='8' /><circle class='dot' cx='0' cy='30' r='8' /><circle class='quiet' cx='37' cy='30' r='8' /><circle class='accent' cx='74' cy='30' r='10' /><circle class='quiet' cx='0' cy='60' r='8' /><circle class='dot' cx='37' cy='60' r='8' /><circle class='quiet' cx='74' cy='60' r='8' /><circle class='accent' cx='0' cy='90' r='10' /><circle class='dot' cx='37' cy='90' r='8' /><circle class='dot' cx='74' cy='90' r='8' /></g></svg>","preview_image":"https://braille-loader.dev/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-braille-loader.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-braille-loader.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-braille-loader.vercel.app/r/registry.json","registry_fetch":"curl -s https://shadcn-braille-loader.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"braille-loader","title":"Braille Loader","description":"Accessible braille-inspired loading indicator with 25 animation variants.","type":"registry:ui","source_url":"https://shadcn-braille-loader.vercel.app/r/braille-loader.json","install_command":"npx shadcn@latest add https://shadcn-braille-loader.vercel.app/r/braille-loader.json"}]},{"id":"basecn","name":"@basecn","slug":"basecn","description":"Shadcn/ui component set re-implemented on top of MUI's Base UI headless primitives (instead of Radix). Offers 50+ components: accordion, alert, alert-dialog, aspect-ratio, autocomplete, avatar, badge, breadcrumb, button-group, button, calendar, card, carousel, chart, checkbox, collapsible, combobox (Radix + Base UI variants), command, context-menu, data-table, date-picker, dialog, drawer, dropdown-menu, empty, field, forms (React Hook Form + TanStack Form), hover-card, input-group, input-otp, item, kbd, label, menubar, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, and more. Tailwind CSS, TypeScript. Free, MIT-licensed. Use for: teams that prefer MUI Base UI's accessibility model over Radix but still want the shadcn/ui copy-paste workflow and visual style.","author":"akash3444","framework":"react","license":"MIT","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://basecn.dev","github":"https://github.com/akash3444/basecn","registry":"https://basecn.dev/r/registry.json","source":"https://basecn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/basecn","markdown":"https://sh4dcn.netlify.app/md/basecn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-bolt-icon lucide-bolt fill-none!'><path d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/><circle cx='12' cy='12' r='4'/></svg>","preview_image":"https://basecn.dev/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":287,"open_issues":5,"last_commit":"2026-03-14T03:48:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://basecn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://basecn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://basecn.dev/r/registry.json","clone":"git clone https://github.com/akash3444/basecn.git","clone_degit":"npx degit akash3444/basecn","registry_fetch":"curl -s https://basecn.dev/r/registry.json"},"component_count":56,"components":[{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:ui","source_url":"https://basecn.dev/r/alert.json","install_command":"npx shadcn@latest add https://basecn.dev/r/alert.json"},{"name":"accordion","title":"Accordion","description":"A set of collapsible panels with headings.","type":"registry:ui","source_url":"https://basecn.dev/r/accordion.json","install_command":"npx shadcn@latest add https://basecn.dev/r/accordion.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests options as you type.","type":"registry:ui","source_url":"https://basecn.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://basecn.dev/r/autocomplete.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A dialog that requires user response to proceed.","type":"registry:ui","source_url":"https://basecn.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://basecn.dev/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","source_url":"https://basecn.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://basecn.dev/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"An easily stylable avatar component.","type":"registry:ui","source_url":"https://basecn.dev/r/avatar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","source_url":"https://basecn.dev/r/badge.json","install_command":"npx shadcn@latest add https://basecn.dev/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","source_url":"https://basecn.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://basecn.dev/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:ui","source_url":"https://basecn.dev/r/button.json","install_command":"npx shadcn@latest add https://basecn.dev/r/button.json"},{"name":"button-group","title":"Button Group","description":"A container that groups related buttons together with consistent styling.","type":"registry:ui","source_url":"https://basecn.dev/r/button-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/button-group.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://basecn.dev/r/card.json","install_command":"npx shadcn@latest add https://basecn.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:ui","source_url":"https://basecn.dev/r/carousel.json","install_command":"npx shadcn@latest add https://basecn.dev/r/carousel.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date.","type":"registry:ui","source_url":"https://basecn.dev/r/calendar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/calendar.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://basecn.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://basecn.dev/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","source_url":"https://basecn.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://basecn.dev/r/collapsible.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:ui","source_url":"https://basecn.dev/r/command.json","install_command":"npx shadcn@latest add https://basecn.dev/r/command.json"},{"name":"combobox","title":"Combobox","description":"An input combined with a list of predefined items to select.","type":"registry:ui","source_url":"https://basecn.dev/r/combobox.json","install_command":"npx shadcn@latest add https://basecn.dev/r/combobox.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","type":"registry:ui","source_url":"https://basecn.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://basecn.dev/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","type":"registry:ui","source_url":"https://basecn.dev/r/dialog.json","install_command":"npx shadcn@latest add https://basecn.dev/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A drawer component for React.","type":"registry:ui","source_url":"https://basecn.dev/r/drawer.json","install_command":"npx shadcn@latest add https://basecn.dev/r/drawer.json"},{"name":"drawer-base","title":"Drawer (Base UI)","description":"A panel that slides in from the edge of the screen.","type":"registry:ui","source_url":"https://basecn.dev/r/drawer-base.json","install_command":"npx shadcn@latest add https://basecn.dev/r/drawer-base.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","type":"registry:ui","source_url":"https://basecn.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://basecn.dev/r/dropdown-menu.json"},{"name":"field","title":"Field","description":"Combine labels, controls, and help text to compose accessible form fields and grouped inputs.","type":"registry:ui","source_url":"https://basecn.dev/r/field.json","install_command":"npx shadcn@latest add https://basecn.dev/r/field.json"},{"name":"form","title":"Form","description":"Renders a form built with React Hook Form.","type":"registry:ui","source_url":"https://basecn.dev/r/form.json","install_command":"npx shadcn@latest add https://basecn.dev/r/form.json"},{"name":"empty","title":"Empty","description":"Use the Empty component to display an empty state.","type":"registry:ui","source_url":"https://basecn.dev/r/empty.json","install_command":"npx shadcn@latest add https://basecn.dev/r/empty.json"},{"name":"form-tanstack","title":"Form","description":"Renders a form built with Tanstack Form.","type":"registry:ui","source_url":"https://basecn.dev/r/form-tanstack.json","install_command":"npx shadcn@latest add https://basecn.dev/r/form-tanstack.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:ui","source_url":"https://basecn.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://basecn.dev/r/hover-card.json"},{"name":"input","title":"Input","description":"Displays a form input field or a component that looks like an input field.","type":"registry:ui","source_url":"https://basecn.dev/r/input.json","install_command":"npx shadcn@latest add https://basecn.dev/r/input.json"},{"name":"input-group","title":"Input Group","description":"Display additional information or actions to an input or textarea.","type":"registry:ui","source_url":"https://basecn.dev/r/input-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/input-group.json"},{"name":"item","title":"Item","description":"A versatile component that you can use to display any content.","type":"registry:ui","source_url":"https://basecn.dev/r/item.json","install_command":"npx shadcn@latest add https://basecn.dev/r/item.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","source_url":"https://basecn.dev/r/label.json","install_command":"npx shadcn@latest add https://basecn.dev/r/label.json"},{"name":"menubar","title":"Menubar","description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","type":"registry:ui","source_url":"https://basecn.dev/r/menubar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/menubar.json"},{"name":"kbd","title":"Kbd","description":"Used to display textual user input from keyboard.","type":"registry:ui","source_url":"https://basecn.dev/r/kbd.json","install_command":"npx shadcn@latest add https://basecn.dev/r/kbd.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites.","type":"registry:ui","source_url":"https://basecn.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://basecn.dev/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:ui","source_url":"https://basecn.dev/r/pagination.json","install_command":"npx shadcn@latest add https://basecn.dev/r/pagination.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:ui","source_url":"https://basecn.dev/r/popover.json","install_command":"npx shadcn@latest add https://basecn.dev/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","type":"registry:ui","source_url":"https://basecn.dev/r/progress.json","install_command":"npx shadcn@latest add https://basecn.dev/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.","type":"registry:ui","source_url":"https://basecn.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:ui","source_url":"https://basecn.dev/r/resizable.json","install_command":"npx shadcn@latest add https://basecn.dev/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling.","type":"registry:ui","source_url":"https://basecn.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://basecn.dev/r/scroll-area.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button.","type":"registry:ui","source_url":"https://basecn.dev/r/select.json","install_command":"npx shadcn@latest add https://basecn.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","source_url":"https://basecn.dev/r/separator.json","install_command":"npx shadcn@latest add https://basecn.dev/r/separator.json"},{"name":"separator-extended","title":"Separator (Extended)","description":"Visually or semantically separates content.","type":"registry:ui","source_url":"https://basecn.dev/r/separator-extended.json","install_command":"npx shadcn@latest add https://basecn.dev/r/separator-extended.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content of the screen.","type":"registry:ui","source_url":"https://basecn.dev/r/sheet.json","install_command":"npx shadcn@latest add https://basecn.dev/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component.","type":"registry:item","source_url":"https://basecn.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://basecn.dev/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:ui","source_url":"https://basecn.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://basecn.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:ui","source_url":"https://basecn.dev/r/slider.json","install_command":"npx shadcn@latest add https://basecn.dev/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for React.","type":"registry:ui","source_url":"https://basecn.dev/r/sonner.json","install_command":"npx shadcn@latest add https://basecn.dev/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"An indicator that can be used to show a loading state.","type":"registry:ui","source_url":"https://basecn.dev/r/spinner.json","install_command":"npx shadcn@latest add https://basecn.dev/r/spinner.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://basecn.dev/r/switch.json","install_command":"npx shadcn@latest add https://basecn.dev/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component.","type":"registry:ui","source_url":"https://basecn.dev/r/table.json","install_command":"npx shadcn@latest add https://basecn.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content, known as tab panels, that are displayed one at a time.","type":"registry:ui","source_url":"https://basecn.dev/r/tabs.json","install_command":"npx shadcn@latest add https://basecn.dev/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea or a component that looks like a textarea.","type":"registry:ui","source_url":"https://basecn.dev/r/textarea.json","install_command":"npx shadcn@latest add https://basecn.dev/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:ui","source_url":"https://basecn.dev/r/toggle.json","install_command":"npx shadcn@latest add https://basecn.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:ui","source_url":"https://basecn.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://basecn.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.","type":"registry:ui","source_url":"https://basecn.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://basecn.dev/r/tooltip.json"}]},{"id":"baselayer","name":"@baselayer","slug":"baselayer","description":"React component library built on React Aria Components (Adobe) and styled with Tailwind CSS + tailwind-variants, delivering ~25 fully accessible primitives: accordion, badge, breadcrumbs, button, calendar, card, checkbox, combobox, command, date-field, date-picker, input, menu, meter, modal, popover, radio-group, select, slider, switch, table, tabs, tag-group, time-field, toggle, and tooltip. Shadcn CLI compatible; components copy directly to your codebase. MIT-licensed, open-source. MCP server support for Cursor/Claude integration. Use for: accessibility-critical products that require React Aria's WCAG-first primitives but prefer a Tailwind utility styling model over Material Design or Radix.","author":"zwgnr","framework":"react","license":"MIT","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://www.baselayer.dev","github":"https://github.com/zwgnr/BaseLayer","registry":"https://www.baselayer.dev/r/registry.json","source":"https://www.baselayer.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/baselayer","markdown":"https://sh4dcn.netlify.app/md/baselayer.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'><path fill='var(--foreground)' d='M12 16c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0-12c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2M6 16c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m12 12c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2Z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":204,"open_issues":0,"last_commit":"2025-12-24T19:45:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.baselayer.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.baselayer.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.baselayer.dev/r/registry.json","clone":"git clone https://github.com/zwgnr/BaseLayer.git","clone_degit":"npx degit zwgnr/BaseLayer","registry_fetch":"curl -s https://www.baselayer.dev/r/registry.json"},"component_count":26,"components":[{"name":"accordion","title":"accordion","description":"An accordion allows users to toggle the display of sections of content. Each accordion consists of a header with a title and content area.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/accordion.json"},{"name":"badge","title":"badge","description":"A badge is a small label that can be used to display information or status.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/badge.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/badge.json"},{"name":"breadcrumbs","title":"breadcrumbs","description":"Breadcrumbs display a heirarchy of links to the current page or resource in an application.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/breadcrumbs.json"},{"name":"button","title":"button","description":"A button allows a user to perform an action, with mouse, touch, and keyboard interactions.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/button.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/button.json"},{"name":"calendar","title":"calendar","description":"A calendar displays one or more date grids and allows users to select either a single date or a contiguous range of dates.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/calendar.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/calendar.json"},{"name":"card","title":"card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/card.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/card.json"},{"name":"checkbox","title":"checkbox","description":"A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/checkbox.json"},{"name":"combobox","title":"combobox","description":"A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/combobox.json"},{"name":"command","title":"command","description":"A command palette that allows users to quickly search and execute commands using keyboard shortcuts.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/command.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/command.json"},{"name":"date-field","title":"date-field","description":"A date field allows users to enter and edit date and time values using a keyboard. Each part of a date value is displayed in an individually editable segment.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/date-field.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/date-field.json"},{"name":"date-picker","title":"date-picker","description":"A date picker combines one or more DateFields with a calendar popover, allowing users to enter or select a single date/time or a range.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/date-picker.json"},{"name":"input","title":"input","description":"Allows a user to enter a plain text value with a keyboard.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/input.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/input.json"},{"name":"menu","title":"menu","description":"A menu displays a list of actions or options that a user can choose.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/menu.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/menu.json"},{"name":"meter","title":"meter","description":"A meter represents a quantity within a known range, or a fractional value.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/meter.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/meter.json"},{"name":"modal","title":"modal","description":"A modal is an overlay element which blocks interaction with elements outside it.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/modal.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/modal.json"},{"name":"popover","title":"popover","description":"A popover is an overlay element positioned relative to a trigger.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/popover.json"},{"name":"radio-group","title":"radio-group","description":"A radio group allows a user to select a single option from a list of mutually exclusive options.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/radio-group.json"},{"name":"select","title":"select","description":"A select displays a collapsible list of options and allows a user to select one of them.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/select.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/select.json"},{"name":"slider","title":"slider","description":"A slider allows a user to select one or more values within a range.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/slider.json"},{"name":"switch","title":"switch","description":"A switch allows a user to turn a setting on or off.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/switch.json"},{"name":"table","title":"table","description":"A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection an…","type":"registry:ui","source_url":"https://www.baselayer.dev/r/table.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/table.json"},{"name":"tabs","title":"tabs","description":"Tabs organize content into multiple sections and allow users to navigate between them.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/tabs.json"},{"name":"tag-group","title":"tag-group","description":"A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/tag-group.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/tag-group.json"},{"name":"time-field","title":"time-field","description":"A time field allows users to enter and edit time values using a keyboard. Each part of a time value is displayed in an individually editable segment.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/time-field.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/time-field.json"},{"name":"toggle","title":"toggle","description":"A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/toggle.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/toggle.json"},{"name":"tooltip","title":"tooltip","description":"A tooltip displays a description of an element on hover or focus.","type":"registry:ui","source_url":"https://www.baselayer.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.baselayer.dev/r/tooltip.json"}]},{"id":"beadkit","name":"@beadkit","slug":"beadkit","description":"Learning primitives for AI-native interfaces: inline quizzes, flashcards, sequences, and mastery meters with streaming support and xAPI telemetry.","author":"ale-alejandro","framework":"react","license":null,"tags":["ai","blocks","cards","dashboard","design-system","forms","hooks","loaders","tables"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://beadkit.dev","github":"https://github.com/ale-alejandro/beadkit","registry":"https://beadkit.dev/r/registry.json","source":"https://beadkit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/beadkit","markdown":"https://sh4dcn.netlify.app/md/beadkit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><circle cx='8' cy='10' r='5'/><circle cx='24' cy='10' r='5'/><circle cx='16' cy='24' r='5'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://beadkit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://beadkit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://beadkit.dev/r/registry.json","clone":"git clone https://github.com/ale-alejandro/beadkit.git","clone_degit":"npx degit ale-alejandro/beadkit","registry_fetch":"curl -s https://beadkit.dev/r/registry.json"},"component_count":27,"components":[{"name":"learning-core","title":"Learning core","description":"Shared card shell and xAPI telemetry. Every learning component depends on this; installing a component pulls it in automatically.","type":"registry:component","source_url":"https://beadkit.dev/r/learning-core.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/learning-core.json"},{"name":"quiz","title":"Quiz","description":"Inline concept check with immediate feedback and an xAPI answered statement.","type":"registry:component","source_url":"https://beadkit.dev/r/quiz.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/quiz.json"},{"name":"flashcard","title":"Flashcard","description":"Two-sided card with an xAPI experienced statement on first reveal.","type":"registry:component","source_url":"https://beadkit.dev/r/flashcard.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/flashcard.json"},{"name":"sequence","title":"Sequence builder","description":"Shuffled steps the learner drags back into order, with equivalent keyboard reordering, live-region announcements, and an xAPI answered statement carrying the s…","type":"registry:component","source_url":"https://beadkit.dev/r/sequence.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/sequence.json"},{"name":"mastery","title":"Mastery meter","description":"Per-skill mastery bars plus a learner self-rating, emitting an xAPI rated statement.","type":"registry:component","source_url":"https://beadkit.dev/r/mastery.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/mastery.json"},{"name":"learning-stream","title":"Learning stream","description":"Parses <LEARNING_COMPONENT> payloads out of streaming model output and hydrates them inline. Pulls in every component it can render.","type":"registry:component","source_url":"https://beadkit.dev/r/learning-stream.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/learning-stream.json"},{"name":"ai-core","title":"AI interface core","description":"Shared motion styles and the upstream Beautiful UI MIT notice used by Beadkit's AI interface primitives.","type":"registry:component","source_url":"https://beadkit.dev/r/ai-core.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/ai-core.json"},{"name":"loading-state","title":"Loading state","description":"Pixel-grid AI loading state with Drive, Dots, and Orbit variants, a shimmer label, elapsed time, and reduced-motion support.","type":"registry:component","source_url":"https://beadkit.dev/r/loading-state.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/loading-state.json"},{"name":"thinking","title":"Thinking","description":"Expandable AI trace for step, reasoning, search, and coding progress with reusable row data and reduced-motion support.","type":"registry:component","source_url":"https://beadkit.dev/r/thinking.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/thinking.json"},{"name":"thinking-examples","title":"Thinking examples","description":"Approved deterministic Thinking scenarios used by the Beadkit workbench.","type":"registry:example","source_url":"https://beadkit.dev/r/thinking-examples.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/thinking-examples.json"},{"name":"approval-card","title":"Approval card","description":"Paged human-in-the-loop questions with single- and multi-select answers, custom input, and submission state.","type":"registry:component","source_url":"https://beadkit.dev/r/approval-card.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/approval-card.json"},{"name":"tool-chips","title":"Tool chips","description":"Progressively revealed tool calls with expandable details and file diff summaries.","type":"registry:component","source_url":"https://beadkit.dev/r/tool-chips.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/tool-chips.json"},{"name":"task-rows","title":"Task rows","description":"Expandable agent task rows with pending, running, failed, and completed states plus Capsule and List layouts.","type":"registry:component","source_url":"https://beadkit.dev/r/task-rows.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/task-rows.json"},{"name":"recommendation-card","title":"Recommendation card","description":"Agent recommendation with confidence meter, alternatives drawer, and acceptance callback.","type":"registry:component","source_url":"https://beadkit.dev/r/recommendation-card.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/recommendation-card.json"},{"name":"context-cards","title":"Context cards","description":"Retrieved context chunks with metadata and linked source attribution.","type":"registry:component","source_url":"https://beadkit.dev/r/context-cards.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/context-cards.json"},{"name":"code-block","title":"Code block","description":"Line-streaming code surface with typed syntax tokens, static output mode, and accessible copy feedback.","type":"registry:component","source_url":"https://beadkit.dev/r/code-block.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/code-block.json"},{"name":"streaming-text","title":"Streaming text","description":"Paced response text with inline citations, sources, actions, follow-ups, and reduced-motion behavior.","type":"registry:component","source_url":"https://beadkit.dev/r/streaming-text.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/streaming-text.json"},{"name":"prompt-bar","title":"Prompt bar","description":"Rounded or Pill composer with source mentions, slash commands, attachments, model selection, and dictation state.","type":"registry:component","source_url":"https://beadkit.dev/r/prompt-bar.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/prompt-bar.json"},{"name":"selection-actions","title":"Selection actions","description":"Async rewrite actions for selected text with custom instructions, retry, keep, and discard controls.","type":"registry:component","source_url":"https://beadkit.dev/r/selection-actions.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/selection-actions.json"},{"name":"chat","title":"Chat","description":"Tabbed AI SDK chat with a reusable prompt bar, typed learning tools, streamed Markdown, and compatibility with the learning-component protocol.","type":"registry:component","source_url":"https://beadkit.dev/r/chat.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/chat.json"},{"name":"diff-table","title":"Diff table","description":"AI-proposed table changes with staged reveal and row-level or bulk accept/reject decisions.","type":"registry:component","source_url":"https://beadkit.dev/r/diff-table.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/diff-table.json"},{"name":"records-table","title":"Records table","description":"CRM-style sortable and selectable records grid with tags, relationship status, and links.","type":"registry:component","source_url":"https://beadkit.dev/r/records-table.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/records-table.json"},{"name":"filter-table","title":"Filter table","description":"Controlled or uncontrolled status chips that filter a responsive semantic data table.","type":"registry:component","source_url":"https://beadkit.dev/r/filter-table.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/filter-table.json"},{"name":"sidebar-nav","title":"Sidebar navigation","description":"Expanded or collapsed workspace navigation with sections, counts, actions, and quick search.","type":"registry:component","source_url":"https://beadkit.dev/r/sidebar-nav.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/sidebar-nav.json"},{"name":"search","title":"Search","description":"Live command search with keyboard navigation, result callbacks, clearing, and an empty state.","type":"registry:component","source_url":"https://beadkit.dev/r/search.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/search.json"},{"name":"insight-cards","title":"Insight cards","description":"Paged agent insights with responsive, pointer- and keyboard-scrubbable SVG charts.","type":"registry:component","source_url":"https://beadkit.dev/r/insight-cards.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/insight-cards.json"},{"name":"fine-tune-card","title":"Fine-tune card","description":"Controlled or uncontrolled design inspector for layout, dimensions, radius, opacity, and type.","type":"registry:component","source_url":"https://beadkit.dev/r/fine-tune-card.json","install_command":"npx shadcn@latest add https://beadkit.dev/r/fine-tune-card.json"}]},{"id":"benday","name":"@benday","slug":"benday","description":"Turn any logo into an animated Ben-Day dot field: a thinking indicator for AI and agent interfaces, baked from your own mark.","author":"KacemMathlouthi","framework":"react","license":"MIT","tags":["ai","animation","icons"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://benday.kacemmathlouthi.dev","github":"https://github.com/KacemMathlouthi/benday","registry":"https://benday.kacemmathlouthi.dev/r/registry.json","source":"https://benday.kacemmathlouthi.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/benday","markdown":"https://sh4dcn.netlify.app/md/benday.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='1.4 5.99 67 68' fill='currentColor'><path d='m55 23.3c-.6-1.7-1.7-3.3-3.1-4.3L32.7 7.7c-1-.6-2.4-.7-3.5 0L16 15.1c-1 .6-1.6 1.7-1.6 2.9v44c0 1.2.6 2.4 1.7 3.1l12.8 7h.1c-1-.7.9 1.2 3.7.3L51.4 59c2.2-1.4 3.9-4.4 4-8s-1.2-6.9-4.5-8.5L42.7 38l8.1-4.2c2.1-1.2 3.5-2.8 4.2-5.2.4-1.7.5-3.6 0-5.3Zm-4.2 8.8c-1.6 1.1-3.5 2-4.8 2.7l-6 3.1c-.3.2-.2.7.1.8l10.3 5.5c2.3 1.3 3.3 3.7 3.3 6.2-.1 3.5-1.9 6.2-3.6 7.3-.2.1-.3.1-.5 0L20.1 42.3c-1.3-.7-2.2-2.1-2.2-3.8 0-1.6 1-3.2 2.5-3.9l28.3-14.1c2.3-1.4 4.9 1.3 5.1 4.5.2 2.7-1 5.6-3 7.1Z'/></svg>","preview_image":"https://benday.kacemmathlouthi.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":42,"open_issues":0,"last_commit":"2026-08-30T16:11:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://benday.kacemmathlouthi.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://benday.kacemmathlouthi.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://benday.kacemmathlouthi.dev/r/registry.json","clone":"git clone https://github.com/KacemMathlouthi/benday.git","clone_degit":"npx degit KacemMathlouthi/benday","registry_fetch":"curl -s https://benday.kacemmathlouthi.dev/r/registry.json"},"component_count":1,"components":[{"name":"benday","title":"Benday","description":"Turn any logo into a customizable animated Ben-Day dot field.","type":"registry:ui","source_url":"https://benday.kacemmathlouthi.dev/r/benday.json","install_command":"npx shadcn@latest add https://benday.kacemmathlouthi.dev/r/benday.json"}]},{"id":"beste-ui","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.","author":"beste-co","framework":"react","license":"MIT","tags":["auth","blocks","buttons","cms","dashboard","e-commerce","marketing","onboarding","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro","recently-updated"],"urls":{"website":"https://ui.beste.co","github":"https://github.com/beste-co/beste-ui","registry":"https://ui.beste.co/r/registry.json","source":"https://ui.beste.co/r/registry.json","page":"https://sh4dcn.netlify.app/registry/beste-ui","markdown":"https://sh4dcn.netlify.app/md/beste-ui.md"},"logo":"<svg width='40' height='40' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M26.0654 20.4591C26.0654 21.2317 25.2265 21.7125 24.5599 21.3219L7.92682 11.5768C7.4534 11.2994 7.2919 10.6923 7.56491 10.2164L8.42702 8.71343C8.70389 8.23075 9.32153 8.06692 9.80124 8.34893L20.8425 14.8398C21.5091 15.2317 22.3493 14.7511 22.3493 13.9778V1C22.3493 0.447716 22.797 0 23.3493 0H25.0654C25.6177 0 26.0654 0.447715 26.0654 1V20.4591ZM38.7193 21.3219C38.0526 21.7125 37.2137 21.2317 37.2137 20.4591V1C37.2137 0.447715 37.6615 0 38.2137 0H39.9298C40.4821 0 40.9298 0.447715 40.9298 1V13.9778C40.9298 14.7511 41.77 15.2317 42.4366 14.8398L53.4778 8.34896C53.9575 8.06694 54.5752 8.23079 54.8521 8.71351L55.714 10.2164C55.987 10.6923 55.8255 11.2994 55.3521 11.5767L38.7193 21.3219ZM44.214 32.8372C43.5533 32.4511 43.5533 31.4964 44.214 31.1103L60.9113 21.3542C61.3908 21.074 62.0068 21.2383 62.2832 21.72L63.1465 23.2251C63.4196 23.7012 63.258 24.3083 62.7845 24.5856L51.642 31.1108C50.9825 31.4971 50.9825 32.4504 51.642 32.8367L62.7845 39.3618C63.258 39.6392 63.4196 40.2463 63.1465 40.7223L62.2832 42.2275C62.0068 42.7092 61.3908 42.8735 60.9113 42.5933L44.214 32.8372ZM37.2137 43.4884C37.2137 42.7157 38.0526 42.235 38.7193 42.6256L55.3521 52.3707C55.8255 52.6481 55.987 53.2551 55.714 53.7311L54.8506 55.2365C54.5743 55.7182 53.9584 55.8825 53.4789 55.6025L42.4341 49.1525C41.7675 48.7632 40.9298 49.2441 40.9298 50.0161V62.9477C40.9298 63.5 40.4821 63.9477 39.9298 63.9477H38.2137C37.6615 63.9477 37.2137 63.5 37.2137 62.9477V43.4884ZM24.5598 42.6255C25.2265 42.235 26.0654 42.7157 26.0654 43.4884V62.9477C26.0654 63.5 25.6177 63.9477 25.0654 63.9477H23.3493C22.797 63.9477 22.3493 63.5 22.3493 62.9477V50.0161C22.3493 49.2441 21.5116 48.7632 20.845 49.1525L9.80019 55.6025C9.32065 55.8826 8.70478 55.7183 8.42847 55.2366L7.56491 53.7311C7.2919 53.2551 7.45339 52.6481 7.92682 52.3707L24.5598 42.6255ZM19.0185 31.1109C19.6778 31.4972 19.6778 32.4503 19.0185 32.8366L2.36849 42.5917C1.88887 42.8727 1.27213 42.7086 0.995546 42.2264L0.132762 40.7223C-0.140291 40.2463 0.0212938 39.6391 0.494843 39.3618L11.6371 32.8367C12.2966 32.4504 12.2966 31.4971 11.6371 31.1108L0.494846 24.5856C0.0212955 24.3083 -0.140287 23.7012 0.132771 23.2251L0.995544 21.7211C1.27213 21.2389 1.88886 21.0748 2.36848 21.3558L19.0185 31.1109ZM3.78864 47.1992C3.51994 46.7232 3.68321 46.1197 4.15523 45.8441L26.344 32.888C27.0044 32.5024 27.0051 31.5483 26.3453 31.1617L4.15309 18.1562C3.68204 17.8801 3.51948 17.2773 3.78788 16.8018L4.66272 15.2521C4.93728 14.7657 5.557 14.5985 6.03894 14.8808L28.2761 27.9051C28.9428 28.2955 29.7815 27.8148 29.7815 27.0422V0.999999C29.7815 0.447714 30.2292 0 30.7815 0H32.4976C33.0499 0 33.4976 0.447715 33.4976 1V26.9913C33.4976 27.7636 34.3358 28.2444 35.0025 27.8545L57.1951 14.8763C57.6747 14.5959 58.2909 14.7601 58.5673 15.242L59.4301 16.746C59.7033 17.2223 59.5413 17.8299 59.0672 18.1069L36.7323 31.1611C36.0712 31.5475 36.0719 32.5032 36.7337 32.8886L59.0651 45.8933C59.5401 46.17 59.7028 46.7782 59.4293 47.255L58.5665 48.7591C58.2904 49.2405 57.6752 49.4049 57.1957 49.1256L35.0011 36.1934C34.3344 35.805 33.4976 36.2859 33.4976 37.0575V63C33.4976 63.5523 33.0499 64 32.4976 64H30.7815C30.2292 64 29.7815 63.5523 29.7815 63V37.0066C29.7815 36.2347 28.9442 35.7538 28.2775 36.1429L6.03837 49.1211C5.55652 49.4023 4.93776 49.2349 4.66351 48.749L3.78864 47.1992Z' fill='var(--foreground)'/></svg>","preview_image":"https://beste.dev/assets/images/beste-ui.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.beste.co/pricing"},"metrics":{"github_stars":38,"open_issues":0,"last_commit":"2026-10-15T11:33:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.beste.co/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.beste.co/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.beste.co/r/registry.json","clone":"git clone https://github.com/beste-co/beste-ui.git","clone_degit":"npx degit beste-co/beste-ui","registry_fetch":"curl -s https://ui.beste.co/r/registry.json"},"component_count":250,"components":[{"name":"about1","title":"Team & Mission","description":"Two-column about section with mission statement, company stats, and team member grid. Perfect for company pages and landing sections.","type":"registry:block","source_url":"https://ui.beste.co/r/about1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about1.json"},{"name":"about2","title":"Values with Team Photo","description":"Full-width team photo with a three-column values grid below. Great for culture pages and brand storytelling.","type":"registry:block","source_url":"https://ui.beste.co/r/about2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about2.json"},{"name":"about3","title":"Timeline & Milestones","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/about3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about3.json"},{"name":"about4","title":"Founder Quote & Team","description":"Founder blockquote with avatar, followed by a horizontal team member row. Ideal for leadership pages and company introductions.","type":"registry:block","source_url":"https://ui.beste.co/r/about4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about4.json"},{"name":"about5","title":"Image & Text Split","description":"Side-by-side layout with a tall image on the left and company story, inline stats, and CTAs on the right.","type":"registry:block","source_url":"https://ui.beste.co/r/about5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about5.json"},{"name":"about6","title":"Numbered Principles","description":"Asymmetric two-column layout with heading on the left and numbered company principles on the right. Clean and editorial.","type":"registry:block","source_url":"https://ui.beste.co/r/about6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about6.json"},{"name":"about7","title":"Team Cards with Bios","description":"Three-column grid of team member cards with avatars, roles, and short bios. Great for leadership and team pages.","type":"registry:block","source_url":"https://ui.beste.co/r/about7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about7.json"},{"name":"about8","title":"Stats with Descriptions","description":"Four-column stats grid with large numbers, titles, and supporting descriptions. Perfect for impact and results sections.","type":"registry:block","source_url":"https://ui.beste.co/r/about8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about8.json"},{"name":"about9","title":"Mission & Trust Logos","description":"Centered mission statement with a logo strip of trusted partners below. Ideal for building credibility on landing and about pages.","type":"registry:block","source_url":"https://ui.beste.co/r/about9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about9.json"},{"name":"about10","title":"Bento Grid About","description":"Asymmetric bento grid combining a mission card, team photo, stats, and stacked avatars. A modern, compact about section.","type":"registry:block","source_url":"https://ui.beste.co/r/about10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about10.json"},{"name":"about11","title":"Hero Banner with Avatars","description":"Wide hero image with gradient overlay text, inline stats, and a stacked avatar strip of team members.","type":"registry:block","source_url":"https://ui.beste.co/r/about11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about11.json"},{"name":"about12","title":"Process Steps","description":"Four-column numbered process cards showing how your company works. Each step has a large number, title, and description.","type":"registry:block","source_url":"https://ui.beste.co/r/about12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about12.json"},{"name":"about13","title":"Company Profile","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/about13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about13.json"},{"name":"about14","title":"Stats Bar with Story Card","description":"Horizontal stats row at the top followed by a centered story card with heading, body text, and CTAs.","type":"registry:block","source_url":"https://ui.beste.co/r/about14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about14.json"},{"name":"about15","title":"Letter from the CEO","description":"Editorial-style open letter with paragraphs, a personal signature with avatar, and a call-to-action. Great for founder stories.","type":"registry:block","source_url":"https://ui.beste.co/r/about15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about15.json"},{"name":"about16","title":"Vision Mission Values","description":"Three-column cards for vision, mission, and values with labeled headers. Clean editorial layout for company positioning.","type":"registry:block","source_url":"https://ui.beste.co/r/about16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about16.json"},{"name":"about17","title":"Awards & Recognition","description":"Vertical list of awards and accolades with icons, titles, organizations, and years. Ideal for press and credibility sections.","type":"registry:block","source_url":"https://ui.beste.co/r/about17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about17.json"},{"name":"about18","title":"Office Locations Grid","description":"Four-column grid of office cards with city, country, address, and team size. Ideal for global companies.","type":"registry:block","source_url":"https://ui.beste.co/r/about18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about18.json"},{"name":"about19","title":"Company At a Glance","description":"Full company overview with panoramic image, story paragraph, key facts list, leadership quote, and stats row. A rich, multi-section layout for company landing …","type":"registry:block","source_url":"https://ui.beste.co/r/about19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about19.json"},{"name":"about20","title":"Team Photo & List","description":"Wide team photo, member list with avatars, team stats grid, and a culture quote. A rich team showcase layout.","type":"registry:block","source_url":"https://ui.beste.co/r/about20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about20.json"},{"name":"about21","title":"Checklist & Image Split","description":"Two-column layout with checklist highlights on the left, featured image and testimonial quote on the right, plus a full-width stats row.","type":"registry:block","source_url":"https://ui.beste.co/r/about21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about21.json"},{"name":"about22","title":"Q&A About Us","description":"Asymmetric two-column layout with heading on the left and question-answer pairs on the right. A conversational way to introduce your company.","type":"registry:block","source_url":"https://ui.beste.co/r/about22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about22.json"},{"name":"about23","title":"Story, Image & Team Row","description":"Two-column layout with company story, stats, and leadership quote on the left, team photo and avatar row on the right.","type":"registry:block","source_url":"https://ui.beste.co/r/about23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about23.json"},{"name":"about24","title":"Company Heritage & Features","description":"Company story with image, border-accented feature highlights, and stats row. Great for craft, heritage, and product-focused brands.","type":"registry:block","source_url":"https://ui.beste.co/r/about24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about24.json"},{"name":"about25","title":"Animated Stats & Value Cards","description":"Side-by-side intro with animated number counters on scroll, expanding accent bars, and hover-lift value cards. For impact-driven companies.","type":"registry:block","source_url":"https://ui.beste.co/r/about25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about25.json"},{"name":"about26","title":"Interactive Pillar Tabs & Image","description":"Centered header with interactive hover tabs that crossfade a side image. Accordion descriptions and sliding accent line. For studios and agencies.","type":"registry:block","source_url":"https://ui.beste.co/r/about26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about26.json"},{"name":"about27","title":"Split Intro & Animated Timeline","description":"Left intro with image, right vertical timeline with staggered scroll-reveal animation. Numbered steps with sliding content. For startup journeys.","type":"registry:block","source_url":"https://ui.beste.co/r/about27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about27.json"},{"name":"about28","title":"Marquee Stats & Team Split","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about28.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about28.json"},{"name":"about29","title":"Wide Banner & Product Cards","description":"Centered header with wide panoramic image, product cards with layered attributes, and sourcing grid.","type":"registry:block","source_url":"https://ui.beste.co/r/about29.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about29.json"},{"name":"about30","title":"Banner Split & Process Steps","description":"Panoramic image with split header showing numbered process steps alongside. For studios and creative agencies.","type":"registry:block","source_url":"https://ui.beste.co/r/about30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about30.json"},{"name":"about31","title":"Hero Overlay & Suite Cards","description":"Dark-overlay hero image with heading, suite/room cards with temperature and capacity badges. For hotels and hospitality.","type":"registry:block","source_url":"https://ui.beste.co/r/about31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about31.json"},{"name":"about32","title":"Two Image Layout","description":"Centered heading with description, followed by two images side-by-side. Configurable image ratio (equal, left larger, right larger). Always horizontal on mobil…","type":"registry:block","source_url":"https://ui.beste.co/r/about32.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about32.json"},{"name":"about33","title":"About With Stats Band","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about33.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about33.json"},{"name":"about34","title":"About Stats Grid","description":"About section: eyebrow label, two-tone heading, two portraits beside a 2x2 stats grid.","type":"registry:block","source_url":"https://ui.beste.co/r/about34.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about34.json"},{"name":"about35","title":"About Media Reel","description":"About section with eyebrow, stacked stats and a read-more CTA beside a media card with a watch-reel play button.","type":"registry:block","source_url":"https://ui.beste.co/r/about35.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about35.json"},{"name":"about36","title":"Edge Label About","description":"Asymmetric about with a bleeding image, vertical edge label, offset copy and an inline stats row.","type":"registry:block","source_url":"https://ui.beste.co/r/about36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about36.json"},{"name":"about37","title":"Index Columns About","description":"Three uneven columns: a studio fact index, an oversized statement, and a portrait with signature.","type":"registry:block","source_url":"https://ui.beste.co/r/about37.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about37.json"},{"name":"about38","title":"Overlap Heading About","description":"About where a large heading overlaps a portrait, with a paragraph, CTA and a bottom stat ribbon.","type":"registry:block","source_url":"https://ui.beste.co/r/about38.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about38.json"},{"name":"about39","title":"Numeral About","description":"About anchored by an oversized numeral with a paragraph and a horizontal image strip.","type":"registry:block","source_url":"https://ui.beste.co/r/about39.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about39.json"},{"name":"about40","title":"Interleaved About","description":"Magazine about where copy is interleaved between two staggered offset images.","type":"registry:block","source_url":"https://ui.beste.co/r/about40.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about40.json"},{"name":"about41","title":"Story Rail About","description":"Sticky eyebrow rail beside a story column and an offset captioned image.","type":"registry:block","source_url":"https://ui.beste.co/r/about41.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about41.json"},{"name":"about42","title":"Framed Studio Card","description":"About composed inside a bordered studio card with header marks, portrait and a stats strip.","type":"registry:block","source_url":"https://ui.beste.co/r/about42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about42.json"},{"name":"about43","title":"Heading Hero About","description":"An oversized about statement hero above three heterogeneous zones: portrait, values and a CTA with stats.","type":"registry:block","source_url":"https://ui.beste.co/r/about43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about43.json"},{"name":"about44","title":"Marquee Accent About","description":"Layered about over a faint scrolling studio-word marquee with offset images and stats.","type":"registry:block","source_url":"https://ui.beste.co/r/about44.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about44.json"},{"name":"about45","title":"Founder Quote About","description":"A founder-led pull-quote about with a portrait, signature and a facts strip.","type":"registry:block","source_url":"https://ui.beste.co/r/about45.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about45.json"},{"name":"about46","title":"About Strip","description":"An about intro followed by a horizontally scrollable strip mixing image, stat, quote and values cards.","type":"registry:block","source_url":"https://ui.beste.co/r/about46.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about46.json"},{"name":"about47","title":"Split Panel About","description":"A hard light/dark split about panel: dark statement side and a light image-and-facts side.","type":"registry:block","source_url":"https://ui.beste.co/r/about47.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about47.json"},{"name":"about48","title":"Principles About","description":"About pairing a sticky studio statement and image with a numbered list of operating principles.","type":"registry:block","source_url":"https://ui.beste.co/r/about48.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about48.json"},{"name":"about49","title":"Founder Statement About","description":"About built around a dark founder portrait card with a pull-quote, signature, and supporting stats.","type":"registry:block","source_url":"https://ui.beste.co/r/about49.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about49.json"},{"name":"about50","title":"Chaptered About","description":"A pinned studio image beside a numbered, chaptered about story.","type":"registry:block","source_url":"https://ui.beste.co/r/about50.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about50.json"},{"name":"about51","title":"Beliefs About","description":"A statement heading over a belief list punctuated by intermittent inline thumbnails.","type":"registry:block","source_url":"https://ui.beste.co/r/about51.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about51.json"},{"name":"about52","title":"Spec Sheet About","description":"About styled as a technical spec sheet with coordinate marks, a data column and a portrait.","type":"registry:block","source_url":"https://ui.beste.co/r/about52.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about52.json"},{"name":"about53","title":"Pinned Photos About","description":"About with two subtly rotated, captioned studio photos clustered beside the statement.","type":"registry:block","source_url":"https://ui.beste.co/r/about53.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about53.json"},{"name":"about54","title":"Inset Card About","description":"A cinematic wide image with an overlapping inset content card and a stat ribbon.","type":"registry:block","source_url":"https://ui.beste.co/r/about54.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about54.json"},{"name":"about55","title":"Four Parts About","description":"A type-led about with an oversized statement and a four-part Who/What/How/Why grid.","type":"registry:block","source_url":"https://ui.beste.co/r/about55.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about55.json"},{"name":"about56","title":"Showcase Hero With Video","description":"Large heading with dual CTAs and a rating card, a playable video with floating metric cards, and a labelled about block with large paragraphs.","type":"registry:block","source_url":"https://ui.beste.co/r/about56.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about56.json"},{"name":"about57","title":"Values And Mission Statement","description":"Two centered statements on a dark surface, each with an accent heading, an uppercase paragraph, and a small label beneath.","type":"registry:block","source_url":"https://ui.beste.co/r/about57.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about57.json"},{"name":"about58","title":"About Statement Card","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about58.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about58.json"},{"name":"about59","title":"About Statement With Pillars","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about59.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about59.json"},{"name":"about60","title":"Team Member Grid","description":"Team section with an eyebrow, big heading, description and CTA above a responsive grid of people cards (portrait image, name, role).","type":"registry:block","source_url":"https://ui.beste.co/r/about60.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about60.json"},{"name":"about61","title":"Belief Statement Values","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/about61.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about61.json"},{"name":"about62","title":"Milestone Timeline","description":"About section with a header and a vertical timeline of milestones on a left rail, each marked by a year, title, and description.","type":"registry:block","source_url":"https://ui.beste.co/r/about62.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about62.json"},{"name":"about63","title":"Studio Story Split","description":"Image-led about split with a tall portrait, an offset statement heading, supporting copy, mono studio facts, and a seal CTA.","type":"registry:block","source_url":"https://ui.beste.co/r/about63.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about63.json"},{"name":"about64","title":"Principles Card Grid","description":"Principles section with a header and a three-column grid of six bordered cards, each pairing a circular icon with a title and description.","type":"registry:block","source_url":"https://ui.beste.co/r/about64.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about64.json"},{"name":"about65","title":"Centered Manifesto","description":"Centered manifesto with a very large multi-line statement heading, muted emphasis phrases, a closing line, and a single CTA.","type":"registry:block","source_url":"https://ui.beste.co/r/about65.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about65.json"},{"name":"about66","title":"About with Stats Grid","description":"Two-column about with a tall image on one side and an eyebrow, heading, description, and 2x2 stats grid on the other.","type":"registry:block","source_url":"https://ui.beste.co/r/about66.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about66.json"},{"name":"about67","title":"Founder Statement","description":"Founder statement with a large blockquote followed by an avatar, name, role, and a monospace signature line.","type":"registry:block","source_url":"https://ui.beste.co/r/about67.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about67.json"},{"name":"about68","title":"Team Portrait Grid","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/about68.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about68.json"},{"name":"about69","title":"Mission Band With Principles","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/about69.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about69.json"},{"name":"about70","title":"Company History Rows","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/about70.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about70.json"},{"name":"about71","title":"Founders' Letter","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about71.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about71.json"},{"name":"about72","title":"Open Company Facts","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/about72.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about72.json"},{"name":"about73","title":"Colophon Definition Rows","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about73.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about73.json"},{"name":"about74","title":"Philosophy Statement","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about74.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about74.json"},{"name":"about75","title":"Practitioner Portraits","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about75.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about75.json"},{"name":"about76","title":"Slow Timeline","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about76.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about76.json"},{"name":"about77","title":"The Rooms Grid","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about77.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about77.json"},{"name":"about78","title":"Manifesto Lines","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about78.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about78.json"},{"name":"about79","title":"Founder Letter","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about79.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about79.json"},{"name":"about80","title":"Story Split","description":"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,…","type":"registry:block","source_url":"https://ui.beste.co/r/about80.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about80.json"},{"name":"about81","title":"Three Values","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about81.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about81.json"},{"name":"about82","title":"Band and Figures","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about82.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about82.json"},{"name":"about83","title":"Linked Resource Cards","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/about83.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about83.json"},{"name":"about84","title":"Studio Process With Offset Photo Pair","description":"An about section for a photography and retouching studio laid out as two equal columns. The left column holds the eyebrow, heading and description above the fi…","type":"registry:block","source_url":"https://ui.beste.co/r/about84.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/about84.json"},{"name":"agency10","title":"Case Study Hero","description":"A case study header with project metadata grid, service tags, and featured image. Perfect for agency portfolio pages showcasing client work details.","type":"registry:block","source_url":"https://ui.beste.co/r/agency10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency10.json"},{"name":"agency11","title":"Studio Manifesto","description":"Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature.","type":"registry:block","source_url":"https://ui.beste.co/r/agency11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency11.json"},{"name":"agency12","title":"Studio Values","description":"Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.","type":"registry:block","source_url":"https://ui.beste.co/r/agency12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency12.json"},{"name":"agency13","title":"How We Think","description":"Sticky studio intro with a portrait beside a stack of numbered principles.","type":"registry:block","source_url":"https://ui.beste.co/r/agency13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency13.json"},{"name":"agency14","title":"Studio Team","description":"A studio team grid of member portraits with names and roles.","type":"registry:block","source_url":"https://ui.beste.co/r/agency14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency14.json"},{"name":"agency15","title":"Awards List","description":"Editorial list of studio awards by year with project and recognition details.","type":"registry:block","source_url":"https://ui.beste.co/r/agency15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency15.json"},{"name":"agency16","title":"Studio At A Glance","description":"Studio overview pairing facts, copy and highlight stats with a clean studio image.","type":"registry:block","source_url":"https://ui.beste.co/r/agency16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency16.json"},{"name":"agency17","title":"Principles Selector","description":"Interactive principle list that swaps a detail panel with image as each is hovered.","type":"registry:block","source_url":"https://ui.beste.co/r/agency17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency17.json"},{"name":"agency18","title":"Studio Ethos","description":"A bold ethos statement beside a list of concrete studio commitments.","type":"registry:block","source_url":"https://ui.beste.co/r/agency18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency18.json"},{"name":"agency19","title":"Why Polaris","description":"A two-column comparison contrasting the Polaris way with a typical agency.","type":"registry:block","source_url":"https://ui.beste.co/r/agency19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency19.json"},{"name":"agency20","title":"Clients & Outcomes","description":"Client logo cloud paired with measurable engagement outcomes.","type":"registry:block","source_url":"https://ui.beste.co/r/agency20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency20.json"},{"name":"agency21","title":"Capabilities Accordion","description":"Ruled, expandable capability rows with oversized type, detail copy, and monospace tag chips.","type":"registry:block","source_url":"https://ui.beste.co/r/agency21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency21.json"},{"name":"agency22","title":"Horizontal Process Timeline","description":"A connected left-to-right sequence of numbered project phases with a ruled timeline and step dots.","type":"registry:block","source_url":"https://ui.beste.co/r/agency22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency22.json"},{"name":"agency23","title":"Numbered Services List","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/agency23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency23.json"},{"name":"agency24","title":"Studio Brief With Changing Plate","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/agency24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency24.json"},{"name":"agency25","title":"Services With Published Starting Prices","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/agency25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/agency25.json"},{"name":"auth1","title":"Centered Sign In Card","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth1.json"},{"name":"auth2","title":"Split-Screen Sign Up","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth2.json"},{"name":"auth3","title":"Email Verification Code","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth3.json"},{"name":"auth4","title":"Forgot Password Request","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth4.json"},{"name":"auth5","title":"Set New Password","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth5.json"},{"name":"auth6","title":"Magic Link Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth6.json"},{"name":"auth7","title":"Account Chooser","description":"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,…","type":"registry:block","source_url":"https://ui.beste.co/r/auth7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth7.json"},{"name":"auth8","title":"Welcome Back Unlock","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth8.json"},{"name":"auth9","title":"Split-Screen Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth9.json"},{"name":"auth10","title":"Face ID Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth10.json"},{"name":"auth11","title":"Account Type Selection","description":"Full-height onboarding step where the user picks an account type from selectable radio cards with icons and descriptions, then continues. Perfect for tailoring…","type":"registry:block","source_url":"https://ui.beste.co/r/auth11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth11.json"},{"name":"auth12","title":"Email Confirmed Success","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth12.json"},{"name":"auth13","title":"Centered Sign Up Card","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/auth13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth13.json"},{"name":"auth14","title":"Enterprise SSO Sign In","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/auth14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth14.json"},{"name":"auth15","title":"Phone Number Sign In","description":"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-…","type":"registry:block","source_url":"https://ui.beste.co/r/auth15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth15.json"},{"name":"auth16","title":"Team Invitation Accept","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth16.json"},{"name":"auth17","title":"Signed Out Confirmation","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/auth17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth17.json"},{"name":"auth18","title":"New Sign-In Security Alert","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth18.json"},{"name":"auth19","title":"OAuth Authorize App","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth19.json"},{"name":"auth20","title":"Check Your Inbox","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth20.json"},{"name":"auth21","title":"Passkey Sign In","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/auth21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth21.json"},{"name":"auth22","title":"Recovery Codes","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth22.json"},{"name":"auth23","title":"Account Locked","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth23.json"},{"name":"auth24","title":"Complete Your Profile","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth24.json"},{"name":"auth25","title":"Claim Your Username","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth25.json"},{"name":"auth26","title":"Choose Your Plan","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/auth26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth26.json"},{"name":"auth27","title":"Sign-In Error","description":"Full-height authentication error screen with a warning icon, an explanation, an optional error code, and try-again, back, and contact-support actions. Perfect …","type":"registry:block","source_url":"https://ui.beste.co/r/auth27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth27.json"},{"name":"auth28","title":"Link Expired","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth28.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth28.json"},{"name":"auth29","title":"Terminal Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth29.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth29.json"},{"name":"auth30","title":"PIN Keypad Unlock","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/auth30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth30.json"},{"name":"auth31","title":"QR Code Device Login","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth31.json"},{"name":"auth32","title":"Editorial Split Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth32.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth32.json"},{"name":"auth33","title":"Multi-Step Sign Up Wizard","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth33.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth33.json"},{"name":"auth34","title":"Email-First Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth34.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth34.json"},{"name":"auth35","title":"Number Match Approval","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth35.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth35.json"},{"name":"auth36","title":"Workspace Switcher","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth36.json"},{"name":"auth37","title":"Connect Wallet","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth37.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth37.json"},{"name":"auth38","title":"Pattern Lock Unlock","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth38.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth38.json"},{"name":"auth39","title":"Enable Two-Factor","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth39.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth39.json"},{"name":"auth40","title":"Change Password","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth40.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth40.json"},{"name":"auth41","title":"Delete Account","description":"Full-height destructive confirmation screen that lists the consequences and requires the user to type a confirmation word before the delete button enables. Per…","type":"registry:block","source_url":"https://ui.beste.co/r/auth41.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth41.json"},{"name":"auth42","title":"Invite Code Gate","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/auth42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth42.json"},{"name":"auth43","title":"Join the Waitlist","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth43.json"},{"name":"auth44","title":"Redirecting to SSO","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth44.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth44.json"},{"name":"auth45","title":"Human Verification","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth45.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth45.json"},{"name":"auth46","title":"Confirm It's You","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth46.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth46.json"},{"name":"auth47","title":"Recovery Phrase Entry","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth47.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth47.json"},{"name":"auth48","title":"Security Question Setup","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth48.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth48.json"},{"name":"auth49","title":"Split Sign In With Quote","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth49.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth49.json"},{"name":"auth50","title":"Split Sign Up With Proof","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth50.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth50.json"},{"name":"auth51","title":"Passwordless Code Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth51.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth51.json"},{"name":"auth52","title":"Password Reset With Live Strength","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth52.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth52.json"},{"name":"auth53","title":"Passwordless Sign-In Card","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth53.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth53.json"},{"name":"auth54","title":"Quiet Sign In","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/auth54.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/auth54.json"},{"name":"bento1","title":"Studio Bento Grid","description":"A hand-tiled monochrome bento grid mixing a statement, a stat, an image, a quote, and a CTA into one composition.","type":"registry:block","source_url":"https://ui.beste.co/r/bento1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento1.json"},{"name":"bento2","title":"Studio Summary Bento","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento2.json"},{"name":"bento3","title":"Selected Work Bento","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento3.json"},{"name":"bento4","title":"Service Bento With Figure","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/bento4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento4.json"},{"name":"bento5","title":"Phase Bento With Photographs","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento5.json"},{"name":"bento6","title":"Object Study Bento","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento6.json"},{"name":"bento7","title":"Studio People Bento","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento7.json"},{"name":"bento8","title":"Figures On Photographs Bento","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento8.json"},{"name":"bento9","title":"Editorial Issue Bento","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento9.json"},{"name":"bento10","title":"Visit The Studio Bento","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/bento10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento10.json"},{"name":"bento11","title":"Product Surface Mosaic","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento11.json"},{"name":"bento12","title":"Evidence Mosaic","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento12.json"},{"name":"bento13","title":"Onboarding Mosaic","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento13.json"},{"name":"bento14","title":"Publication Hub Mosaic","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/bento14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento14.json"},{"name":"bento15","title":"Practice Bento","description":"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, …","type":"registry:block","source_url":"https://ui.beste.co/r/bento15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento15.json"},{"name":"bento16","title":"Isometric Scene Bento","description":"An asymmetric bento grid of cards whose media areas are live isometric scenes. One large lead cell sits beside two stacked cells, and a closing row of two wide…","type":"registry:block","source_url":"https://ui.beste.co/r/bento16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/bento16.json"},{"name":"blog3","title":"Card Grid with Authors","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/blog3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog3.json"},{"name":"blog4","title":"Featured Hero with Grid","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/blog4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog4.json"},{"name":"blog5","title":"Horizontal List with Icons","description":"Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges.","type":"registry:block","source_url":"https://ui.beste.co/r/blog5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog5.json"},{"name":"blog8","title":"Category Tabs Filter","description":"Filterable blog grid with tab navigation for categories. Posts automatically filter by category selection with smooth content switching.","type":"registry:block","source_url":"https://ui.beste.co/r/blog8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog8.json"},{"name":"blog10","title":"Alternating Feature Cards","description":"Large alternating left-right blog cards with full article summaries. Image and content switch sides for visual variety. Read more buttons included.","type":"registry:block","source_url":"https://ui.beste.co/r/blog10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog10.json"},{"name":"blog11","title":"Compact Thumbnail List","description":"Two-column compact blog list with small square thumbnails. Space-efficient design showing many posts at once with minimal metadata.","type":"registry:block","source_url":"https://ui.beste.co/r/blog11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog11.json"},{"name":"blog12","title":"Masonry Pinterest Grid","description":"Pinterest-style masonry layout with varying content heights. CSS columns create organic flow with cards of different summary lengths.","type":"registry:block","source_url":"https://ui.beste.co/r/blog12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog12.json"},{"name":"blog13","title":"Sidebar with Categories","description":"Main content area with horizontal post cards plus sidebar. Categories show post counts and popular tags section with clickable badges.","type":"registry:block","source_url":"https://ui.beste.co/r/blog13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog13.json"},{"name":"blog14","title":"Grid with Newsletter Card","description":"Four-column grid mixing blog cards with an integrated newsletter signup card. Email input and subscribe button embedded in the layout.","type":"registry:block","source_url":"https://ui.beste.co/r/blog14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog14.json"},{"name":"blog15","title":"Minimal Text List","description":"Clean text-only blog list with arrow icons. No images, just titles, dates, and authors. Lightweight design with hover arrow animation.","type":"registry:block","source_url":"https://ui.beste.co/r/blog15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog15.json"},{"name":"blog18","title":"Month-Grouped Archive","description":"Blog archive organized by month with compact list entries. Small thumbnails and formatted dates create a scannable chronological view.","type":"registry:block","source_url":"https://ui.beste.co/r/blog18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog18.json"},{"name":"blog22","title":"Full-Width Stacked Cards","description":"Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with author avatars and read more buttons. Long-form content showcase.","type":"registry:block","source_url":"https://ui.beste.co/r/blog22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog22.json"},{"name":"blog25","title":"Split Image with List","description":"Two-column layout with featured image on left and article list on right. Divider-separated entries with arrow hover effects.","type":"registry:block","source_url":"https://ui.beste.co/r/blog25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog25.json"},{"name":"blog26","title":"Polaroid Photo Gallery","description":"Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel.","type":"registry:block","source_url":"https://ui.beste.co/r/blog26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog26.json"},{"name":"blog27","title":"Newspaper Editorial Style","description":"Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers.","type":"registry:block","source_url":"https://ui.beste.co/r/blog27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog27.json"},{"name":"blog30","title":"Hover Reveal Overlay","description":"Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-height animation. Titles always visible with white text.","type":"registry:block","source_url":"https://ui.beste.co/r/blog30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog30.json"},{"name":"blog31","title":"Full-Width Hero Banners","description":"Wide cinematic banners with centered text overlay. Large bold titles on semi-transparent backgrounds. Immersive visual storytelling format.","type":"registry:block","source_url":"https://ui.beste.co/r/blog31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog31.json"},{"name":"blog36","title":"Tutorial Series Cards","description":"Multi-part tutorial series with numbered parts. Book icon, part count, and progress-style list. Perfect for step-by-step learning content.","type":"registry:block","source_url":"https://ui.beste.co/r/blog36.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog36.json"},{"name":"blog42","title":"Timeline Year Archive","description":"Vertical timeline archive organized by year and month. Calendar icon with border line connecting entries. Compact text-only format.","type":"registry:block","source_url":"https://ui.beste.co/r/blog42.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog42.json"},{"name":"blog43","title":"Editorial Article Grid","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog43.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog43.json"},{"name":"blog44","title":"Newsroom Lead and Index","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog44.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog44.json"},{"name":"blog45","title":"Press Room Digest","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog45.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog45.json"},{"name":"blog46","title":"Front Page Columns","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog46.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog46.json"},{"name":"blog47","title":"Bulletin Columns","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog47.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog47.json"},{"name":"blog48","title":"Quad Grid","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog48.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog48.json"},{"name":"blog49","title":"Quad Ledger","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/blog49.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog49.json"},{"name":"blog50","title":"Magazine Mosaic","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog50.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog50.json"},{"name":"blog51","title":"Mixed Tile Mosaic","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog51.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog51.json"},{"name":"blog52","title":"Newsroom Masonry","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog52.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog52.json"},{"name":"blog53","title":"Mixed Release Masonry","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog53.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog53.json"},{"name":"blog54","title":"Pinned Lead Newsroom","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog54.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog54.json"},{"name":"blog55","title":"Press Release Wall","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog55.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog55.json"},{"name":"blog56","title":"Category Mosaic","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/blog56.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog56.json"},{"name":"blog57","title":"Journal Lead And Index","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog57.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog57.json"},{"name":"blog58","title":"Ruled Writing Index","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/blog58.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog58.json"},{"name":"blog59","title":"Journal Card Trio","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog59.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog59.json"},{"name":"blog60","title":"Featured Article With Recent List","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog60.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog60.json"},{"name":"blog61","title":"Filterable Archive Index","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog61.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog61.json"},{"name":"blog62","title":"Newsletter Panel With Back Issues","description":"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,…","type":"registry:block","source_url":"https://ui.beste.co/r/blog62.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog62.json"},{"name":"blog63","title":"Topic Hub Card With Resource List","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/blog63.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog63.json"},{"name":"blog64","title":"Curated Reading List With Thumbnails","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog64.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog64.json"},{"name":"blog65","title":"Lead Story With Thumbnail Rail","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog65.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog65.json"},{"name":"blog66","title":"Topic Cards With Resource Counts","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog66.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog66.json"},{"name":"blog67","title":"Series Index With Standing State","description":"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.","type":"registry:block","source_url":"https://ui.beste.co/r/blog67.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog67.json"},{"name":"blog68","title":"Slow Journal","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog68.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog68.json"},{"name":"blog69","title":"Long Read and Shorts","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog69.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog69.json"},{"name":"blog70","title":"Post Index Rows","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/blog70.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/blog70.json"},{"name":"booking1","title":"Date & Time Picker","description":"Split-panel booking interface with interactive monthly calendar on the left and time slot grid on the right. Features today highlight, disabled dates, selected…","type":"registry:block","source_url":"https://ui.beste.co/r/booking1.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking1.json"},{"name":"booking2","title":"Reservation Summary","description":"Booking confirmation card with service details, date/time, provider info with avatar, price breakdown with subtotal/tax/discount/total, promo code input, cance…","type":"registry:block","source_url":"https://ui.beste.co/r/booking2.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking2.json"},{"name":"booking3","title":"Appointment List","description":"Upcoming and past appointments list grouped by date, with service name, provider avatar, time, duration, status badges (confirmed/pending/cancelled), and resch…","type":"registry:block","source_url":"https://ui.beste.co/r/booking3.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking3.json"},{"name":"booking4","title":"Service Selector","description":"Service selection grid with category filter tabs, service cards showing icon, name, description, duration, price, and selected state. Ideal for spa, salon, cli…","type":"registry:block","source_url":"https://ui.beste.co/r/booking4.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking4.json"},{"name":"booking5","title":"Provider Picker","description":"Staff/provider selection cards with avatar, name, specialty, star rating, review count, availability badge, experience years, and selected state. Grid layout w…","type":"registry:block","source_url":"https://ui.beste.co/r/booking5.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking5.json"},{"name":"booking6","title":"Restaurant Reservation","description":"Restaurant table reservation with guest count selector, date/time picker, seating preference (indoor/outdoor/bar), special requests textarea, and booking summa…","type":"registry:block","source_url":"https://ui.beste.co/r/booking6.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking6.json"},{"name":"booking7","title":"Hotel Room Booking","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking7.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking7.json"},{"name":"booking8","title":"Flight Booking","description":"Flight search results with airline logos, departure/arrival times, duration, stops, class selector (economy/business/first), baggage info, and price comparison…","type":"registry:block","source_url":"https://ui.beste.co/r/booking8.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking8.json"},{"name":"booking9","title":"Event Ticket Booking","description":"Event ticket selection with event banner, date/venue info, ticket tier cards (General/VIP/Backstage) with perks list, quantity selector, and order total. Conce…","type":"registry:block","source_url":"https://ui.beste.co/r/booking9.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking9.json"},{"name":"booking10","title":"Meeting Room Booking","description":"Coworking meeting room reservation with room cards showing capacity, equipment icons, hourly pricing, time range selector, attendee count, and total cost. Offi…","type":"registry:block","source_url":"https://ui.beste.co/r/booking10.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking10.json"},{"name":"booking11","title":"Price Calendar","description":"Google Flights-style price calendar with per-day pricing, cheapest day highlights, expensive day indicators, date range selection, and best deal summary banner…","type":"registry:block","source_url":"https://ui.beste.co/r/booking11.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking11.json"},{"name":"booking12","title":"Search Bar Hero","description":"Airbnb/Booking.com-style search bar with location autocomplete, date range picker, guest counter dropdown, and search CTA. Responsive — inline on desktop, stac…","type":"registry:block","source_url":"https://ui.beste.co/r/booking12.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking12.json"},{"name":"booking13","title":"Live Social Proof Bar","description":"Booking.com-style social proof ticker with rotating messages: live viewers, recent bookings, scarcity alerts, and location-based activity. Animated transitions…","type":"registry:block","source_url":"https://ui.beste.co/r/booking13.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking13.json"},{"name":"booking14","title":"Activity Experience Booking","description":"Tours and experiences booking card with hero image overlay, rating, duration, difficulty badge, date picker, traveler counter, language selector, highlights li…","type":"registry:block","source_url":"https://ui.beste.co/r/booking14.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking14.json"},{"name":"booking15","title":"Booking Confirmation Receipt","description":"Post-booking success screen with animated check icon, confirmation number, booking summary (service, date/time, location, total), scannable QR code ticket, act…","type":"registry:block","source_url":"https://ui.beste.co/r/booking15.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking15.json"},{"name":"booking16","title":"Home Cleaning Service Booking","description":"Residential cleaning service booking with service type tabs (standard/deep/move-out), bedroom/bathroom selectors, recurring frequency pills, add-ons checklist,…","type":"registry:block","source_url":"https://ui.beste.co/r/booking16.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking16.json"},{"name":"booking17","title":"Ride Booking","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking17.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking17.json"},{"name":"booking18","title":"Cinema Seat Picker","description":"Interactive seat selection grid for cinemas, theaters, and events. Row/column layout with an aisle gap, tier-based pricing (standard/premium/VIP), occupied sea…","type":"registry:block","source_url":"https://ui.beste.co/r/booking18.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking18.json"},{"name":"booking19","title":"Multi-step Booking Wizard","description":"Stepper-based booking flow with numbered progress dots, animated progress bar, and four steps: service selection, schedule, contact details, and review. Back/N…","type":"registry:block","source_url":"https://ui.beste.co/r/booking19.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking19.json"},{"name":"booking20","title":"Car Rental Booking","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking20.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking20.json"},{"name":"booking21","title":"Weekly Class Schedule","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking21.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking21.json"},{"name":"booking22","title":"Spa Day Package Builder","description":"Multi-service booking composer. Customers assemble their own wellness day by adding services across categories (massage/facial/body/nails/add-ons), with live p…","type":"registry:block","source_url":"https://ui.beste.co/r/booking22.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking22.json"},{"name":"booking23","title":"Cancellation Flow","description":"Booking cancellation screen with the original booking summary, cancellation reason picker (radio list with optional notes), live refund breakdown based on canc…","type":"registry:block","source_url":"https://ui.beste.co/r/booking23.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking23.json"},{"name":"booking24","title":"Service And Slot Picker","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking24.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking24.json"},{"name":"booking25","title":"Booking Confirmed","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking25.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking25.json"},{"name":"booking26","title":"Minimal Service Picker","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/booking26.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking26.json"},{"name":"booking27","title":"Choose Your Clinician","description":"A clinician picker whose hairline list of practitioners, each showing their next opening, swaps an image tile floating a live availability card alongside their…","type":"registry:block","source_url":"https://ui.beste.co/r/booking27.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking27.json"},{"name":"booking28","title":"Waiting List Capture","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking28.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking28.json"},{"name":"booking29","title":"Appointment Intake Match","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/booking29.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking29.json"},{"name":"booking30","title":"Session Request","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking30.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking30.json"},{"name":"booking31","title":"Visit Sheet","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/booking31.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking31.json"},{"name":"booking32","title":"Plain Contact","description":"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…","type":"registry:block","source_url":"https://ui.beste.co/r/booking32.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking32.json"},{"name":"booking33","title":"Session Picker","description":"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 …","type":"registry:block","source_url":"https://ui.beste.co/r/booking33.json","install_command":"npx shadcn@latest add https://ui.beste.co/r/booking33.json"}]},{"id":"better-auth-ui","name":"@better-auth-ui","slug":"better-auth-ui","description":"Drop-in authentication components for Better Auth applications.","author":"better-auth-ui","framework":"react","license":"MIT","tags":["ai","auth","buttons","dashboard","forms","media","payments","pro-available","theming"],"categories":["AI/chat UI"],"labels":["popular","pro","recently-updated"],"urls":{"website":"https://better-auth-ui.com","github":"https://github.com/better-auth-ui/better-auth-ui","registry":"https://better-auth-ui.com/r/registry/registry.json","source":"https://better-auth-ui.com/r/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/better-auth-ui","markdown":"https://sh4dcn.netlify.app/md/better-auth-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 -7.5 60 60' fill='none'><path fill='currentColor' d='M0 0H15V45H0V0ZM45 0H60V45H45V0ZM20 0H40V15H20V0ZM20 30H40V45H20V30Z'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://better-auth-ui.com/pricing"},"metrics":{"github_stars":1730,"open_issues":17,"last_commit":"2026-10-25T18:51:33Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://better-auth-ui.com/r/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://better-auth-ui.com/r/registry/registry.json","install_bun":"bunx shadcn@latest add https://better-auth-ui.com/r/registry/registry.json","clone":"git clone https://github.com/better-auth-ui/better-auth-ui.git","clone_degit":"npx degit better-auth-ui/better-auth-ui","registry_fetch":"curl -s https://better-auth-ui.com/r/registry/registry.json"},"component_count":54,"components":[{"name":"auth-provider","title":"Auth Provider","description":"Wraps the Better Auth UI provider and mounts an ErrorToaster that surfaces query and mutation failures via sonner.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/auth-provider.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/auth-provider.json"},{"name":"additional-field","title":"Additional Field","description":"Renders a configured additional user field on the sign-up form and user profile, with support for string, number, boolean, date, datetime, select, combobox, sl…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/additional-field.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/additional-field.json"},{"name":"sign-in","title":"Sign In","description":"A complete sign-in form component with email/password and social provider support.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/sign-in.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/sign-in.json"},{"name":"anonymous","title":"Anonymous","description":"Adds a Continue as guest button backed by Better Auth's anonymous plugin.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/anonymous.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/anonymous.json"},{"name":"agent-auth","title":"Agent Auth","description":"Capability approval and grant revocation UI for Better Auth Agent Auth.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/agent-auth.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/agent-auth.json"},{"name":"sso","title":"SSO and Email-First Sign In","description":"Discovers organization SSO from an email address and manages organization identity providers and domain verification.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/sso.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/sso.json"},{"name":"last-login-method","title":"Last Login Method","description":"Adds a localized last-used indicator to email and social sign-in methods tracked by Better Auth.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/last-login-method.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/last-login-method.json"},{"name":"one-tap","title":"Google One Tap","description":"Updates the authentication surfaces with the headless prompt slot used by the Google One Tap UI plugin.","type":"registry:item","source_url":"https://better-auth-ui.com/r/{style}/one-tap.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/one-tap.json"},{"name":"sign-up","title":"Sign Up","description":"A complete sign-up form component with name, email, password fields, and social provider support.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/sign-up.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/sign-up.json"},{"name":"email-otp","title":"Email OTP","description":"Email OTP plugin: passwordless sign-in with an emailed code, plus code-based replacements for email verification, password reset, and email changes.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/email-otp.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/email-otp.json"},{"name":"phone-number","title":"Phone Number","description":"Phone-number plugin with verification-code and password sign-in, password recovery, and verified phone-number management.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/phone-number.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/phone-number.json"},{"name":"magic-link","title":"Magic Link","description":"Magic-link plugin: passwordless email sign-in form, toggle button between password and magic-link routes, and the AuthPlugin scaffolding that registers the vie…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/magic-link.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/magic-link.json"},{"name":"billing","title":"Billing","description":"Provider-neutral plans, subscription, portal, seats, cancellation, restoration, and usage settings with Stripe and Polar adapters.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/billing.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/billing.json"},{"name":"dash","title":"Dash Activity","description":"Filtered personal, organization, and administrator audit logs backed by Better Auth Infrastructure Dash.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/dash.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/dash.json"},{"name":"oauth-provider","title":"OAuth Provider","description":"OAuth Provider plugin: authorization screens, connected applications, and personal or organization OAuth client management.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/oauth-provider.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/oauth-provider.json"},{"name":"device-authorization","title":"Device Authorization","description":"Device authorization plugin: code entry, sign-in continuation, and approve or deny actions for Better Auth device requests.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/device-authorization.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/device-authorization.json"},{"name":"username","title":"Username","description":"Username plugin: username-based sign-in form and availability checking field. Registers a sign-in view that accepts both username and email, and a username fie…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/username.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/username.json"},{"name":"passkey","title":"Passkey","description":"Passkey plugin: WebAuthn sign-in button and passkey management card. Registers a passkey sign-in button on the sign-in form and a Passkeys security card in acc…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/passkey.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/passkey.json"},{"name":"siwe","title":"Sign in with Ethereum","description":"ERC-4361 wallet sign-in with optional email collection and server-authorized wallet account management.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/siwe.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/siwe.json"},{"name":"two-factor","title":"Two-Factor","description":"Two-factor plugin: the post-password challenge for authenticator, emailed, and backup codes, plus the settings card for enrollment and backup-code management.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/two-factor.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/two-factor.json"},{"name":"api-key","title":"API Key","description":"API Key plugin: list, create, copy, and revoke API keys. Registers an API Keys security card in account settings.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/api-key.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/api-key.json"},{"name":"admin","title":"Admin","description":"Static administration shell with user management, a user inspector, session controls, and the stop-impersonating action.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/admin.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/admin.json"},{"name":"multi-session","title":"Multi Session","description":"Multi-session plugin: Enable multiple concurrent sessions with account switching. Registers account management cards in account settings and a switch account s…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/multi-session.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/multi-session.json"},{"name":"organization","title":"Organization","description":"Organization plugin: multi-tenant organization management with members, invitations, and roles. Registers direct invitation acceptance, an organizations settin…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/organization.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/organization.json"},{"name":"theme","title":"Theme","description":"Theme plugin: theme-library agnostic theme selection. Registers an Appearance card in account settings and a theme toggle in the user button. Pass `useTheme` f…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/theme.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/theme.json"},{"name":"delete-user","title":"Delete User","description":"Delete-user plugin: danger zone with DeleteAccount card and confirmation dialog. Registers a DangerZone security card in account settings when the plugin is re…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/delete-user.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/delete-user.json"},{"name":"forgot-password","title":"Forgot Password","description":"A form component for requesting a password reset link via email.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/forgot-password.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/forgot-password.json"},{"name":"reset-password","title":"Reset Password","description":"A form component for resetting password with a token from the URL.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/reset-password.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/reset-password.json"},{"name":"verify-email","title":"Verify Email","description":"A page prompting the user to verify their email, with a button to open their email provider and a resend button rate-limited by a cooldown timer.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/verify-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/verify-email.json"},{"name":"auth-redirect","title":"Auth Redirect","description":"A session-aware redirect view that safely continues authenticated users to a same-origin target or sends them through sign in first.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/auth-redirect.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/auth-redirect.json"},{"name":"sign-out","title":"Sign Out","description":"A component that signs the user out when mounted and displays a loading state.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/sign-out.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/sign-out.json"},{"name":"auth","title":"Auth","description":"A unified authentication component that renders the appropriate auth view based on path or view prop.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/auth.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/auth.json"},{"name":"user-avatar","title":"User Avatar","description":"Renders the current user's avatar using session data. Shows a skeleton while loading and falls back to initials when no image is available.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/user-avatar.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-avatar.json"},{"name":"user-view","title":"User View","description":"Renders a user view that shows the user's avatar alongside their name and email.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/user-view.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-view.json"},{"name":"user-button","title":"User Button","description":"Renders a user button with dropdown menu showing user info, settings link, plugin-contributed menu items (e.g. theme toggle, account switcher), and sign-in/sig…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/user-button.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-button.json"},{"name":"user-profile","title":"User Profile","description":"A form component for editing user profile information including name and avatar.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/user-profile.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/user-profile.json"},{"name":"change-email","title":"Change Email","description":"A form component for changing the user's email address with verification.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/change-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/change-email.json"},{"name":"account-settings","title":"Account Settings","description":"A container component that displays account settings including user profile, change email, and plugin-contributed account cards (e.g. appearance from the theme…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/account-settings.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/account-settings.json"},{"name":"change-password","title":"Change Password","description":"A form component for users to change their password with current password verification.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/change-password.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/change-password.json"},{"name":"linked-accounts","title":"Linked Accounts","description":"Display and manage linked social accounts. Shows all linked social accounts with the ability to unlink them, followed by available providers that can be linked.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/linked-accounts.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/linked-accounts.json"},{"name":"active-sessions","title":"Active Sessions","description":"Display and manage all active sessions for the current user with revoke controls. Shows each session's browser, OS, and creation time.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/active-sessions.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/active-sessions.json"},{"name":"security-settings","title":"Security Settings","description":"A container component that displays security settings including password management, linked accounts, plugin-contributed security cards (e.g. passkeys), active…","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/security-settings.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/security-settings.json"},{"name":"settings","title":"Settings","description":"A unified settings component that renders the appropriate settings view based on path or view prop with tab navigation.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/settings.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/settings.json"},{"name":"email-verification-email","title":"Email Verification Email","description":"Email template component that sends email verification links to users.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/email-verification-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/email-verification-email.json"},{"name":"magic-link-email","title":"Magic Link Email","description":"Email template component that sends magic link authentication emails for passwordless sign-in.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/magic-link-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/magic-link-email.json"},{"name":"reset-password-email","title":"Reset Password Email","description":"Email template component that sends password reset links to users.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/reset-password-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/reset-password-email.json"},{"name":"change-email-confirmation-email","title":"Change Email Confirmation Email","description":"Email template component for approving an email address change from the current address.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/change-email-confirmation-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/change-email-confirmation-email.json"},{"name":"delete-account-verification-email","title":"Delete Account Verification Email","description":"Email template component for verifying a permanent account deletion request.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/delete-account-verification-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/delete-account-verification-email.json"},{"name":"password-changed-email","title":"Password Changed Email","description":"Email template component that notifies users when their password has been changed.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/password-changed-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/password-changed-email.json"},{"name":"email-changed-email","title":"Email Changed Email","description":"Email template component that notifies users when their email address has been changed.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/email-changed-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/email-changed-email.json"},{"name":"otp-email","title":"OTP Email","description":"Email template component that sends one-time password (OTP) verification codes to users.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/otp-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/otp-email.json"},{"name":"new-device-email","title":"New Device Email","description":"Email template component that notifies users when a new device signs in to their account.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/new-device-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/new-device-email.json"},{"name":"organization-invitation-email","title":"Organization Invitation Email","description":"Email template component that invites a user to join an organization.","type":"registry:component","source_url":"https://better-auth-ui.com/r/{style}/organization-invitation-email.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/organization-invitation-email.json"},{"name":"all","title":"All","description":"Installs every Better Auth UI component, plugin, and email template in one shot.","type":"registry:item","source_url":"https://better-auth-ui.com/r/{style}/all.json","install_command":"npx shadcn@latest add https://better-auth-ui.com/r/{style}/all.json"}]},{"id":"better-upload","name":"@better-upload","slug":"better-upload","description":"A React file-upload library that handles direct-to-S3 (and S3-compatible) uploads with minimal setup. Provides an UploadButton, UploadDropzone, PasteUploadArea components, upload-progress indicators, and React hooks (including TanStack Query integration). Works with Next.js, TanStack Start, and any React framework. MIT-licensed, free. Use for: adding drag-and-drop or button-triggered file uploads to any React app without a dedicated file-storage backend.","author":"Nic13Gamer","framework":"react","license":"MIT","tags":["buttons","components","hooks","loaders","media"],"categories":["Niche/single-purpose"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://better-upload.com","github":"https://github.com/Nic13Gamer/better-upload","registry":"https://better-upload.com/r/registry.json","source":"https://better-upload.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/better-upload","markdown":"https://sh4dcn.netlify.app/md/better-upload.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='none' viewBox='0 0 512 512'><rect id='a' width='512' height='512' x='0' y='0' fill='var(--foreground)' stroke='var(--background)' stroke-opacity='100%' stroke-width='0' paint-order='stroke' rx='128'/><svg xmlns='http://www.w3.org/2000/svg' width='385' height='385' x='63.5' y='63.5' alignment-baseline='middle' style='color:var(--background);width:385px;height:385px' viewBox='0 0 16 16'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.75 11.75v.5a2 2 0 0 0 2 2h8.5a2 2 0 0 0 2-2v-.5M8 10.25v-8.5m0 0 3.25 3.5M8 1.75l-3.25 3.5'/></svg></svg>","preview_image":"https://better-upload.com/opengraph-image.png?opengraph-image.0lditbf_4yl_h.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1289,"open_issues":6,"last_commit":"2026-10-19T22:32:21Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://better-upload.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://better-upload.com/r/registry.json","install_bun":"bunx shadcn@latest add https://better-upload.com/r/registry.json","clone":"git clone https://github.com/Nic13Gamer/better-upload.git","clone_degit":"npx degit Nic13Gamer/better-upload","registry_fetch":"curl -s https://better-upload.com/r/registry.json"},"component_count":4,"components":[{"name":"upload-button","title":"Upload Button","description":null,"type":"registry:ui","source_url":"https://better-upload.com/r/upload-button.json","install_command":"npx shadcn@latest add https://better-upload.com/r/upload-button.json"},{"name":"upload-dropzone","title":"Upload Dropzone","description":null,"type":"registry:ui","source_url":"https://better-upload.com/r/upload-dropzone.json","install_command":"npx shadcn@latest add https://better-upload.com/r/upload-dropzone.json"},{"name":"upload-progress","title":"Upload Progress","description":null,"type":"registry:ui","source_url":"https://better-upload.com/r/upload-progress.json","install_command":"npx shadcn@latest add https://better-upload.com/r/upload-progress.json"},{"name":"paste-upload-area","title":"Paste Upload Area","description":null,"type":"registry:ui","source_url":"https://better-upload.com/r/paste-upload-area.json","install_command":"npx shadcn@latest add https://better-upload.com/r/paste-upload-area.json"}]},{"id":"beui","name":"@beui","slug":"beui","description":"Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.","author":"starc007","framework":"react","license":"MIT","tags":["ai","animation","audio","backgrounds","blocks","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","maps","media","navigation","overlays","pro-available","tables","text-effects","theming"],"categories":["Animated components"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://beui.dev","github":"https://github.com/starc007/ui-components","registry":"https://beui.dev/r/registry.json","source":"https://beui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/beui","markdown":"https://sh4dcn.netlify.app/md/beui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='none' viewBox='0 0 512 512'><rect width='512' height='512' fill='var(--foreground)' rx='128'/><rect x='86' y='86' width='340' height='340' fill='var(--background)' rx='122'/><rect x='171' y='171' width='170' height='170' fill='var(--foreground)' rx='46'/></svg>","preview_image":"https://beui.dev/api/og","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.beui.dev/mobile?utm_source=beui&amp;utm_medium=referral&amp;utm_campaign=mobile_presale&amp;utm_content=strip"},"metrics":{"github_stars":1884,"open_issues":1,"last_commit":"2026-10-26T06:52:51Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://beui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://beui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://beui.dev/r/registry.json","clone":"git clone https://github.com/starc007/ui-components.git","clone_degit":"npx degit starc007/ui-components","registry_fetch":"curl -s https://beui.dev/r/registry.json"},"component_count":146,"components":[{"name":"timeline","title":"Timeline","description":"A draggable timeline of dated events around a focused card.","type":"registry:component","source_url":"https://beui.dev/r/timeline.json","install_command":"npx shadcn@latest add https://beui.dev/r/timeline.json"},{"name":"alert","title":"Animated Alert","description":"Composable feedback with smooth transitions.","type":"registry:component","source_url":"https://beui.dev/r/alert.json","install_command":"npx shadcn@latest add https://beui.dev/r/alert.json"},{"name":"collapsible","title":"Animated Collapsible","description":"Expandable content with a smooth reveal.","type":"registry:component","source_url":"https://beui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://beui.dev/r/collapsible.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Responsive media with smooth aspect ratio transitions.","type":"registry:component","source_url":"https://beui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://beui.dev/r/aspect-ratio.json"},{"name":"arc-picker","title":"Arc Picker","description":"Radial text picker with top, bottom, left or right curves, smooth wheel movement and live selection on each scroll step. One persistent bracket frame grows and…","type":"registry:component","source_url":"https://beui.dev/r/arc-picker.json","install_command":"npx shadcn@latest add https://beui.dev/r/arc-picker.json"},{"name":"sortable-stack","title":"Sortable List","description":"Composable sortable list with group, item, drag handle, content and undo parts, plus a shared state hook. Spring layout, keyboard reordering, accessible positi…","type":"registry:component","source_url":"https://beui.dev/r/sortable-stack.json","install_command":"npx shadcn@latest add https://beui.dev/r/sortable-stack.json"},{"name":"morphing-lightbox","title":"Image Viewer Morphing","description":"A thumbnail-connected image viewer with composable gallery, thumbnail, content, caption and navigation parts, plus a shared state hook. Expand into the full-si…","type":"registry:component","source_url":"https://beui.dev/r/morphing-lightbox.json","install_command":"npx shadcn@latest add https://beui.dev/r/morphing-lightbox.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Composable date range picker with root, trigger, popover content, calendar, header, grid, summary, footer, clear and preset parts, plus a shared state hook. Co…","type":"registry:component","source_url":"https://beui.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://beui.dev/r/date-range-picker.json"},{"name":"card","title":"Card","description":"Composable card with header, title, description, action, content and footer parts. Outlined or muted surfaces, standard or compact spacing, and an opt-in selec…","type":"registry:component","source_url":"https://beui.dev/r/card.json","install_command":"npx shadcn@latest add https://beui.dev/r/card.json"},{"name":"color-picker","title":"Color Picker","description":"Composable color picker whose trigger chip morphs into the saturation and brightness area. A loupe lifts off each thumb while you drag. Includes hue and opacit…","type":"registry:component","source_url":"https://beui.dev/r/color-picker.json","install_command":"npx shadcn@latest add https://beui.dev/r/color-picker.json"},{"name":"color-selector","title":"Animated Color Selector","description":"Composable color swatches with a spring-gliding selection ring, press feedback, native radio keyboard navigation, and controlled or uncontrolled state.","type":"registry:component","source_url":"https://beui.dev/r/color-selector.json","install_command":"npx shadcn@latest add https://beui.dev/r/color-selector.json"},{"name":"breadcrumb","title":"Animated Breadcrumb","description":"Composable breadcrumb navigation with soft path transitions, a hoverable overflow dropdown for long trails, custom separators, and router-link support.","type":"registry:component","source_url":"https://beui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://beui.dev/r/breadcrumb.json"},{"name":"tilt-card","title":"Tilt Card","description":"3D perspective tilt on hover with cursor-tracked glare.","type":"registry:component","source_url":"https://beui.dev/r/tilt-card.json","install_command":"npx shadcn@latest add https://beui.dev/r/tilt-card.json"},{"name":"button-metallic","title":"Button Metallic Button","description":"A neutral button surface framed by a pronounced chrome rim with a straight traveling reflection.","type":"registry:component","source_url":"https://beui.dev/r/button-metallic.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-metallic.json"},{"name":"button-base","title":"Button Button","description":"Press scale, hover lift, variants and sizes.","type":"registry:component","source_url":"https://beui.dev/r/button-base.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-base.json"},{"name":"button-stateful","title":"Button Stateful Button","description":"Idle → loading → success / error with blur-swap slots and morphing width.","type":"registry:component","source_url":"https://beui.dev/r/button-stateful.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-stateful.json"},{"name":"button-magnetic","title":"Button Magnetic Button","description":"Button composed with the Magnetic wrapper for cursor-attracted pull.","type":"registry:component","source_url":"https://beui.dev/r/button-magnetic.json","install_command":"npx shadcn@latest add https://beui.dev/r/button-magnetic.json"},{"name":"expanding-arrow-button","title":"Animated CTA Buttons Expanding Arrow Button","description":"An accent tile that expands into a dotted-arrow trail on hover or focus.","type":"registry:component","source_url":"https://beui.dev/r/expanding-arrow-button.json","install_command":"npx shadcn@latest add https://beui.dev/r/expanding-arrow-button.json"},{"name":"hold-action-button","title":"Animated CTA Buttons Hold Action Button","description":"Hold to complete with a vertical or horizontal liquid fill; release early to cancel.","type":"registry:component","source_url":"https://beui.dev/r/hold-action-button.json","install_command":"npx shadcn@latest add https://beui.dev/r/hold-action-button.json"},{"name":"slide-action-button","title":"Animated CTA Buttons Slide Action Button","description":"Drag the thumb to the end to confirm an action; release early to spring back.","type":"registry:component","source_url":"https://beui.dev/r/slide-action-button.json","install_command":"npx shadcn@latest add https://beui.dev/r/slide-action-button.json"},{"name":"expandable-control","title":"Expandable Control","description":"Click-to-expand button and chip controls that reveal a label or trailing action through spring layout continuity.","type":"registry:component","source_url":"https://beui.dev/r/expandable-control.json","install_command":"npx shadcn@latest add https://beui.dev/r/expandable-control.json"},{"name":"adaptive-stepper","title":"Adaptive Stepper","description":"Composable numeric stepper whose fixed footprint adapts at its minimum and maximum while the value rolls between steps.","type":"registry:component","source_url":"https://beui.dev/r/adaptive-stepper.json","install_command":"npx shadcn@latest add https://beui.dev/r/adaptive-stepper.json"},{"name":"marquee","title":"Marquee","description":"Infinite horizontal or vertical scroll with pause-on-hover.","type":"registry:component","source_url":"https://beui.dev/r/marquee.json","install_command":"npx shadcn@latest add https://beui.dev/r/marquee.json"},{"name":"tabs","title":"Tabs","description":"Pill, segment or underline tabs with a spring layoutId indicator and optional icons.","type":"registry:component","source_url":"https://beui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://beui.dev/r/tabs.json"},{"name":"switch","title":"Switch","description":"Toggle with a spring-driven thumb and press feedback.","type":"registry:component","source_url":"https://beui.dev/r/switch.json","install_command":"npx shadcn@latest add https://beui.dev/r/switch.json"},{"name":"input","title":"Input","description":"Text input with label, left/right icons, optional stable error row, error shake and success check draw.","type":"registry:component","source_url":"https://beui.dev/r/input.json","install_command":"npx shadcn@latest add https://beui.dev/r/input.json"},{"name":"select","title":"Select Select","description":"Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with a short, shared ro…","type":"registry:component","source_url":"https://beui.dev/r/select.json","install_command":"npx shadcn@latest add https://beui.dev/r/select.json"},{"name":"select-morph","title":"Select Morph Select","description":"Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a sh…","type":"registry:component","source_url":"https://beui.dev/r/select-morph.json","install_command":"npx shadcn@latest add https://beui.dev/r/select-morph.json"},{"name":"combobox","title":"Combobox","description":"Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and controlled or uncontrolled state.","type":"registry:component","source_url":"https://beui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://beui.dev/r/combobox.json"},{"name":"multi-select","title":"Multi Select","description":"Composable multi-select primitives with searchable options, removable animated tokens, and a morphing collision-aware panel.","type":"registry:component","source_url":"https://beui.dev/r/multi-select.json","install_command":"npx shadcn@latest add https://beui.dev/r/multi-select.json"},{"name":"checkbox","title":"Checkbox","description":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.","type":"registry:component","source_url":"https://beui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://beui.dev/r/checkbox.json"},{"name":"radio","title":"Radio Group","description":"Single-select choice control with a gliding layoutId indicator dot and spring press feedback.","type":"registry:component","source_url":"https://beui.dev/r/radio.json","install_command":"npx shadcn@latest add https://beui.dev/r/radio.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","type":"registry:component","source_url":"https://beui.dev/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://beui.dev/r/bottom-sheet.json"},{"name":"pull-to-refresh","title":"Pull to Refresh","description":"Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.","type":"registry:component","source_url":"https://beui.dev/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://beui.dev/r/pull-to-refresh.json"},{"name":"shared-layout-bg","title":"Shared Layout Background","description":"A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","type":"registry:component","source_url":"https://beui.dev/r/shared-layout-bg.json","install_command":"npx shadcn@latest add https://beui.dev/r/shared-layout-bg.json"},{"name":"bounce-sidebar","title":"Bounce Sidebar","description":"A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path.","type":"registry:component","source_url":"https://beui.dev/r/bounce-sidebar.json","install_command":"npx shadcn@latest add https://beui.dev/r/bounce-sidebar.json"},{"name":"animated-sidebar","title":"Animated Sidebar","description":"A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile.","type":"registry:component","source_url":"https://beui.dev/r/animated-sidebar.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-sidebar.json"},{"name":"file-tree","title":"File Tree","description":"Composable file and folder primitives with springing branches, a gliding selection, and complete keyboard navigation.","type":"registry:component","source_url":"https://beui.dev/r/file-tree.json","install_command":"npx shadcn@latest add https://beui.dev/r/file-tree.json"},{"name":"preview-rail","title":"Preview Rail","description":"Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.","type":"registry:component","source_url":"https://beui.dev/r/preview-rail.json","install_command":"npx shadcn@latest add https://beui.dev/r/preview-rail.json"},{"name":"dock","title":"Dock","description":"macOS-style dock with grouped actions and a gliding active pill.","type":"registry:component","source_url":"https://beui.dev/r/dock.json","install_command":"npx shadcn@latest add https://beui.dev/r/dock.json"},{"name":"tooltip","title":"Tooltip","description":"Composable hover, focus and tap tooltip with a subtle scale and fade, collision-aware side and alignment, an optional arrow, a pointer corridor onto hoverable …","type":"registry:component","source_url":"https://beui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://beui.dev/r/tooltip.json"},{"name":"context-menu","title":"Animated Context Menu","description":"Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long…","type":"registry:component","source_url":"https://beui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://beui.dev/r/context-menu.json"},{"name":"popover","title":"Popover Gooey Popover","description":"Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on…","type":"registry:component","source_url":"https://beui.dev/r/popover.json","install_command":"npx shadcn@latest add https://beui.dev/r/popover.json"},{"name":"popover-morph","title":"Popover Morph Popover","description":"Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent. The full-size panel reveals from the corner nearest the trigger on one synchronized spring c…","type":"registry:component","source_url":"https://beui.dev/r/popover-morph.json","install_command":"npx shadcn@latest add https://beui.dev/r/popover-morph.json"},{"name":"morphing-modal","title":"Morphing Modal","description":"Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.","type":"registry:component","source_url":"https://beui.dev/r/morphing-modal.json","install_command":"npx shadcn@latest add https://beui.dev/r/morphing-modal.json"},{"name":"center-morph-modal","title":"Center Morph Modal","description":"A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.","type":"registry:component","source_url":"https://beui.dev/r/center-morph-modal.json","install_command":"npx shadcn@latest add https://beui.dev/r/center-morph-modal.json"},{"name":"text-scramble","title":"Text Animation Text Scramble","description":"A controlled character scramble that resolves changed text while keeping its final value accessible.","type":"registry:component","source_url":"https://beui.dev/r/text-scramble.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-scramble.json"},{"name":"chromatic-text-reveal","title":"Text Animation Dia Text Animation","description":"A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep.","type":"registry:component","source_url":"https://beui.dev/r/chromatic-text-reveal.json","install_command":"npx shadcn@latest add https://beui.dev/r/chromatic-text-reveal.json"},{"name":"text-reveal","title":"Text Animation Text Reveal","description":"Word or character reveal with spring slide-up and blur.","type":"registry:component","source_url":"https://beui.dev/r/text-reveal.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-reveal.json"},{"name":"text-shimmer","title":"Text Animation Text Shimmer","description":"Gradient sweep across text for loading or emphasis.","type":"registry:component","source_url":"https://beui.dev/r/text-shimmer.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-shimmer.json"},{"name":"text-cascade","title":"Text Animation Text Cascade","description":"Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, left to right.","type":"registry:component","source_url":"https://beui.dev/r/text-cascade.json","install_command":"npx shadcn@latest add https://beui.dev/r/text-cascade.json"},{"name":"digit-swap","title":"Number Animation Digit Swap","description":"Fixed-slot digits and mask glyphs that roll on change with controllable direction, stagger, replay, and suffix emphasis.","type":"registry:component","source_url":"https://beui.dev/r/digit-swap.json","install_command":"npx shadcn@latest add https://beui.dev/r/digit-swap.json"},{"name":"number-ticker","title":"Number Animation Number Ticker","description":"Slot-machine rolling digits with staggered entry.","type":"registry:component","source_url":"https://beui.dev/r/number-ticker.json","install_command":"npx shadcn@latest add https://beui.dev/r/number-ticker.json"},{"name":"animated-number","title":"Number Animation Animated Number","description":"Spring-driven count-up triggered when in view.","type":"registry:component","source_url":"https://beui.dev/r/animated-number.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-number.json"},{"name":"animated-badge","title":"Animated Badge","description":"Status badge with animated state icons, pulse feedback and compact size variants.","type":"registry:component","source_url":"https://beui.dev/r/animated-badge.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-badge.json"},{"name":"action-swap-cascade","title":"Action Swap Cascade","description":"Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left to right.","type":"registry:component","source_url":"https://beui.dev/r/action-swap-cascade.json","install_command":"npx shadcn@latest add https://beui.dev/r/action-swap-cascade.json"},{"name":"action-swap-blur","title":"Action Swap Blur","description":"Copy-button style swap with blur, opacity and scale.","type":"registry:component","source_url":"https://beui.dev/r/action-swap-blur.json","install_command":"npx shadcn@latest add https://beui.dev/r/action-swap-blur.json"},{"name":"action-swap-roll","title":"Action Swap Roll","description":"The next text or icon rolls in from below with blur.","type":"registry:component","source_url":"https://beui.dev/r/action-swap-roll.json","install_command":"npx shadcn@latest add https://beui.dev/r/action-swap-roll.json"},{"name":"animated-toast-stack","title":"Animated Toast Stack","description":"Stacked toasts with status morphs, swipe dismissal, actions and layout-aware motion.","type":"registry:component","source_url":"https://beui.dev/r/animated-toast-stack.json","install_command":"npx shadcn@latest add https://beui.dev/r/animated-toast-stack.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen…","type":"registry:component","source_url":"https://beui.dev/r/theme-toggle.json","install_command":"npx shadcn@latest add https://beui.dev/r/theme-toggle.json"},{"name":"bouncy-accordion","title":"Bouncy Accordion","description":"Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.","type":"registry:component","source_url":"https://beui.dev/r/bouncy-accordion.json","install_command":"npx shadcn@latest add https://beui.dev/r/bouncy-accordion.json"},{"name":"drawer","title":"Drawer","description":"Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.","type":"registry:component","source_url":"https://beui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://beui.dev/r/drawer.json"},{"name":"smooth-scroll","title":"Scroll Animation Smooth Scroll","description":"Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe.","type":"registry:component","source_url":"https://beui.dev/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://beui.dev/r/smooth-scroll.json"},{"name":"scroll-progress","title":"Scroll Animation Scroll Progress","description":"Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing.","type":"registry:component","source_url":"https://beui.dev/r/scroll-progress.json","install_command":"npx shadcn@latest add https://beui.dev/r/scroll-progress.json"},{"name":"parallax","title":"Scroll Animation Parallax","description":"Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe.","type":"registry:component","source_url":"https://beui.dev/r/parallax.json","install_command":"npx shadcn@latest add https://beui.dev/r/parallax.json"},{"name":"scroll-to","title":"Scroll Animation Scroll To","description":"Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly.","type":"registry:component","source_url":"https://beui.dev/r/scroll-to.json","install_command":"npx shadcn@latest add https://beui.dev/r/scroll-to.json"},{"name":"scroll-reveal","title":"Scroll Animation Scroll Reveal","description":"Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.","type":"registry:component","source_url":"https://beui.dev/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://beui.dev/r/scroll-reveal.json"},{"name":"range-slider-inline","title":"Range Slider Inline Slider","description":"An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts ar…","type":"registry:component","source_url":"https://beui.dev/r/range-slider-inline.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider-inline.json"},{"name":"range-slider","title":"Range Slider Range Slider","description":"Tick dots, and a vertical-bar thumb that bounces as it lands on each step.","type":"registry:component","source_url":"https://beui.dev/r/range-slider.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider.json"},{"name":"range-slider-fluid","title":"Range Slider Fluid Slider","description":"No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it.","type":"registry:component","source_url":"https://beui.dev/r/range-slider-fluid.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider-fluid.json"},{"name":"range-slider-wave","title":"Range Slider Wave Slider","description":"Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave.","type":"registry:component","source_url":"https://beui.dev/r/range-slider-wave.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider-wave.json"},{"name":"range-slider-bubble","title":"Range Slider Bubble Slider","description":"Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.","type":"registry:component","source_url":"https://beui.dev/r/range-slider-bubble.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider-bubble.json"},{"name":"range-slider-ruler","title":"Range Slider Ruler Slider","description":"The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.","type":"registry:component","source_url":"https://beui.dev/r/range-slider-ruler.json","install_command":"npx shadcn@latest add https://beui.dev/r/range-slider-ruler.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for d…","type":"registry:component","source_url":"https://beui.dev/r/wheel-picker.json","install_command":"npx shadcn@latest add https://beui.dev/r/wheel-picker.json"},{"name":"table","title":"Table Data Table","description":"10k virtualized rows with sortable headers, row selection, column resize and reorder.","type":"registry:component","source_url":"https://beui.dev/r/table.json","install_command":"npx shadcn@latest add https://beui.dev/r/table.json"},{"name":"table-editable","title":"Table Editable Table","description":"Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.","type":"registry:component","source_url":"https://beui.dev/r/table-editable.json","install_command":"npx shadcn@latest add https://beui.dev/r/table-editable.json"},{"name":"table-async","title":"Table Async Table","description":"Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.","type":"registry:component","source_url":"https://beui.dev/r/table-async.json","install_command":"npx shadcn@latest add https://beui.dev/r/table-async.json"},{"name":"shader-background","title":"Shader Background","description":"Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated va…","type":"registry:component","source_url":"https://beui.dev/r/shader-background.json","install_command":"npx shadcn@latest add https://beui.dev/r/shader-background.json"},{"name":"cylinder-carousel","title":"Cylinder Carousel","description":"A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a sprin…","type":"registry:component","source_url":"https://beui.dev/r/cylinder-carousel.json","install_command":"npx shadcn@latest add https://beui.dev/r/cylinder-carousel.json"},{"name":"loader","title":"Loader","description":"Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five termina…","type":"registry:component","source_url":"https://beui.dev/r/loader.json","install_command":"npx shadcn@latest add https://beui.dev/r/loader.json"},{"name":"sankey-chart","title":"Sankey Chart","description":"Weighted flows between stages that draw in and morph with your data.","type":"registry:component","source_url":"https://beui.dev/r/sankey-chart.json","install_command":"npx shadcn@latest add https://beui.dev/r/sankey-chart.json"},{"name":"treemap","title":"Treemap","description":"Proportional tiles that morph with your data, with value and share tooltips.","type":"registry:component","source_url":"https://beui.dev/r/treemap.json","install_command":"npx shadcn@latest add https://beui.dev/r/treemap.json"},{"name":"candlestick-chart","title":"Candlestick Chart","description":"Live OHLC candles with volume, a last-price line, and a crosshair readout.","type":"registry:component","source_url":"https://beui.dev/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://beui.dev/r/candlestick-chart.json"},{"name":"donut-chart","title":"Donut Chart","description":"Rounded share segments with a linked center readout and legend.","type":"registry:component","source_url":"https://beui.dev/r/donut-chart.json","install_command":"npx shadcn@latest add https://beui.dev/r/donut-chart.json"},{"name":"volume-profile","title":"Volume Profile","description":"Animated volume by price, with point of control and value area highlights.","type":"registry:component","source_url":"https://beui.dev/r/volume-profile.json","install_command":"npx shadcn@latest add https://beui.dev/r/volume-profile.json"},{"name":"status-bar","title":"Status Bar","description":"Animated status history with rounded bars and period tooltips.","type":"registry:component","source_url":"https://beui.dev/r/status-bar.json","install_command":"npx shadcn@latest add https://beui.dev/r/status-bar.json"},{"name":"composition-chart","title":"Composition Chart","description":"Stacked bar and area shares with period tooltips and a compact interactive legend.","type":"registry:component","source_url":"https://beui.dev/r/composition-chart.json","install_command":"npx shadcn@latest add https://beui.dev/r/composition-chart.json"},{"name":"funnel-chart","title":"Funnel Chart","description":"Vertical and horizontal funnels with curved stages and animated number tooltips.","type":"registry:component","source_url":"https://beui.dev/r/funnel-chart.json","install_command":"npx shadcn@latest add https://beui.dev/r/funnel-chart.json"},{"name":"liquidity-heatmap","title":"Liquidity Heatmap","description":"Animated liquidity bands across price and time, with a price trace and depth tooltips.","type":"registry:component","source_url":"https://beui.dev/r/liquidity-heatmap.json","install_command":"npx shadcn@latest add https://beui.dev/r/liquidity-heatmap.json"},{"name":"bump-chart","title":"Bump Chart","description":"Animated rankings with curved paths, interactive rank dots, and tooltips.","type":"registry:component","source_url":"https://beui.dev/r/bump-chart.json","install_command":"npx shadcn@latest add https://beui.dev/r/bump-chart.json"},{"name":"order-book","title":"Order Book","description":"Animated order book with bid and ask depth, spread, and volume balance.","type":"registry:component","source_url":"https://beui.dev/r/order-book.json","install_command":"npx shadcn@latest add https://beui.dev/r/order-book.json"},{"name":"heat-calendar","title":"Heat Calendar","description":"Composable activity calendar with Grid, Legend, and Tooltip parts, controlled range selection, and UTC calendar dates. Supply weekly intensities to visualize a…","type":"registry:component","source_url":"https://beui.dev/r/heat-calendar.json","install_command":"npx shadcn@latest add https://beui.dev/r/heat-calendar.json"},{"name":"returns-calendar","title":"Returns Calendar","description":"Composable monthly returns calendar with Grid and Tooltip parts, controlled month or year selections, and compounded totals. Supply your own years and monthly …","type":"registry:component","source_url":"https://beui.dev/r/returns-calendar.json","install_command":"npx shadcn@latest add https://beui.dev/r/returns-calendar.json"},{"name":"price-target-fan","title":"Price Target Fan","description":"Composable price target chart with Header, Plot, SVG, Axes, History, Targets, Now, Cursor, and Tooltip parts. Supply dated price history and targets; scrub wit…","type":"registry:component","source_url":"https://beui.dev/r/price-target-fan.json","install_command":"npx shadcn@latest add https://beui.dev/r/price-target-fan.json"},{"name":"voice-orb","title":"Voice Orb","description":"Breathing liquid voice visualization with flowing highlights, custom pigments and a soft, voice-reactive silhouette. Accepts a normalized level, MotionValue or…","type":"registry:component","source_url":"https://beui.dev/r/voice-orb.json","install_command":"npx shadcn@latest add https://beui.dev/r/voice-orb.json"},{"name":"message-bubble","title":"Message Bubble","description":"A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.","type":"registry:component","source_url":"https://beui.dev/r/message-bubble.json","install_command":"npx shadcn@latest add https://beui.dev/r/message-bubble.json"},{"name":"message","title":"Message","description":"Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent row…","type":"registry:component","source_url":"https://beui.dev/r/message.json","install_command":"npx shadcn@latest add https://beui.dev/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.","type":"registry:component","source_url":"https://beui.dev/r/message-scroller.json","install_command":"npx shadcn@latest add https://beui.dev/r/message-scroller.json"},{"name":"prompt-input","title":"Prompt Input","description":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.","type":"registry:component","source_url":"https://beui.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://beui.dev/r/prompt-input.json"},{"name":"todo-list","title":"Todo List","description":"A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.","type":"registry:component","source_url":"https://beui.dev/r/todo-list.json","install_command":"npx shadcn@latest add https://beui.dev/r/todo-list.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.","type":"registry:component","source_url":"https://beui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://beui.dev/r/code-block.json"},{"name":"approval-card","title":"Approval Card","description":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.","type":"registry:component","source_url":"https://beui.dev/r/approval-card.json","install_command":"npx shadcn@latest add https://beui.dev/r/approval-card.json"},{"name":"file-diff","title":"File Diff","description":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.","type":"registry:component","source_url":"https://beui.dev/r/file-diff.json","install_command":"npx shadcn@latest add https://beui.dev/r/file-diff.json"},{"name":"tool-result","title":"Tool Result","description":"A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.","type":"registry:component","source_url":"https://beui.dev/r/tool-result.json","install_command":"npx shadcn@latest add https://beui.dev/r/tool-result.json"},{"name":"streaming-response","title":"Streaming Response","description":"A stable response surface with completion actions, rendered content, and an expandable source summary.","type":"registry:component","source_url":"https://beui.dev/r/streaming-response.json","install_command":"npx shadcn@latest add https://beui.dev/r/streaming-response.json"},{"name":"image-generation","title":"Image Generation","description":"A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.","type":"registry:component","source_url":"https://beui.dev/r/image-generation.json","install_command":"npx shadcn@latest add https://beui.dev/r/image-generation.json"},{"name":"tool-approval","title":"Tool Approval","description":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.","type":"registry:component","source_url":"https://beui.dev/r/tool-approval.json","install_command":"npx shadcn@latest add https://beui.dev/r/tool-approval.json"},{"name":"citations","title":"Citations","description":"Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.","type":"registry:component","source_url":"https://beui.dev/r/citations.json","install_command":"npx shadcn@latest add https://beui.dev/r/citations.json"},{"name":"agent-activity","title":"Agent Activity","description":"One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.","type":"registry:component","source_url":"https://beui.dev/r/agent-activity.json","install_command":"npx shadcn@latest add https://beui.dev/r/agent-activity.json"},{"name":"reasoning-text","title":"Agent Loading States Reasoning Text","description":"Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.","type":"registry:component","source_url":"https://beui.dev/r/reasoning-text.json","install_command":"npx shadcn@latest add https://beui.dev/r/reasoning-text.json"},{"name":"thinking-shimmer","title":"Agent Loading States Thinking Shimmer","description":"A quiet shimmer that keeps the agent's current status readable while work continues.","type":"registry:component","source_url":"https://beui.dev/r/thinking-shimmer.json","install_command":"npx shadcn@latest add https://beui.dev/r/thinking-shimmer.json"},{"name":"agent-progress","title":"Agent Loading States Agent Progress","description":"A compact activity glyph, action verb, and live tabular timer for longer-running agent work.","type":"registry:component","source_url":"https://beui.dev/r/agent-progress.json","install_command":"npx shadcn@latest add https://beui.dev/r/agent-progress.json"},{"name":"ai-sidebar","title":"AI Sidebar","description":"A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware la…","type":"registry:component","source_url":"https://beui.dev/r/ai-sidebar.json","install_command":"npx shadcn@latest add https://beui.dev/r/ai-sidebar.json"},{"name":"chat-app","title":"Chat App","description":"A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and promp…","type":"registry:component","source_url":"https://beui.dev/r/chat-app.json","install_command":"npx shadcn@latest add https://beui.dev/r/chat-app.json"},{"name":"infinite-masonry","title":"Infinite Masonry","description":"Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.","type":"registry:block","source_url":"https://beui.dev/r/infinite-masonry.json","install_command":"npx shadcn@latest add https://beui.dev/r/infinite-masonry.json"},{"name":"notification-stack","title":"Notification Stack","description":"Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.","type":"registry:block","source_url":"https://beui.dev/r/notification-stack.json","install_command":"npx shadcn@latest add https://beui.dev/r/notification-stack.json"},{"name":"project-folder","title":"Project Folder","description":"An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.","type":"registry:block","source_url":"https://beui.dev/r/project-folder.json","install_command":"npx shadcn@latest add https://beui.dev/r/project-folder.json"},{"name":"card-folder","title":"Card Folder","description":"A landscape card tucked into a stitched purse pocket that lifts forward as the purse compresses into its bottom seam, with controlled open and card-detail visi…","type":"registry:block","source_url":"https://beui.dev/r/card-folder.json","install_command":"npx shadcn@latest add https://beui.dev/r/card-folder.json"},{"name":"knockout-wheel","title":"Fixtures Knockout Wheel","description":"The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by rin…","type":"registry:block","source_url":"https://beui.dev/r/knockout-wheel.json","install_command":"npx shadcn@latest add https://beui.dev/r/knockout-wheel.json"},{"name":"knockout-bracket","title":"Fixtures Knockout Bracket","description":"Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, h…","type":"registry:block","source_url":"https://beui.dev/r/knockout-bracket.json","install_command":"npx shadcn@latest add https://beui.dev/r/knockout-bracket.json"},{"name":"availability-scheduler","title":"Availability Scheduler","description":"Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrol…","type":"registry:block","source_url":"https://beui.dev/r/availability-scheduler.json","install_command":"npx shadcn@latest add https://beui.dev/r/availability-scheduler.json"},{"name":"swap","title":"Multi-chain Swap","description":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.","type":"registry:block","source_url":"https://beui.dev/r/swap.json","install_command":"npx shadcn@latest add https://beui.dev/r/swap.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.","type":"registry:block","source_url":"https://beui.dev/r/dynamic-island.json","install_command":"npx shadcn@latest add https://beui.dev/r/dynamic-island.json"},{"name":"command-palette","title":"Command Palette","description":"⌘K palette with fuzzy filter, spring-animated active row and glass surface.","type":"registry:block","source_url":"https://beui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://beui.dev/r/command-palette.json"},{"name":"morphing-search-chips","title":"Morphing Search Chip Search","description":"Docked search bar that springs wider on focus and unfolds a recent-searches panel out of its own edge. Terms become removable chips, the bar grows with them, a…","type":"registry:block","source_url":"https://beui.dev/r/morphing-search-chips.json","install_command":"npx shadcn@latest add https://beui.dev/r/morphing-search-chips.json"},{"name":"morphing-search","title":"Morphing Search Morphing Search","description":"Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.","type":"registry:block","source_url":"https://beui.dev/r/morphing-search.json","install_command":"npx shadcn@latest add https://beui.dev/r/morphing-search.json"},{"name":"expandable-action-bar","title":"Expandable Action Bar","description":"Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","type":"registry:block","source_url":"https://beui.dev/r/expandable-action-bar.json","install_command":"npx shadcn@latest add https://beui.dev/r/expandable-action-bar.json"},{"name":"overflow-actions","title":"Overflow Actions","description":"Connected pill rail for primary actions that springs open to reveal extra controls.","type":"registry:block","source_url":"https://beui.dev/r/overflow-actions.json","install_command":"npx shadcn@latest add https://beui.dev/r/overflow-actions.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.","type":"registry:block","source_url":"https://beui.dev/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://beui.dev/r/expandable-tabs.json"},{"name":"morphing-tabs","title":"Morphing Tabs","description":"Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.","type":"registry:block","source_url":"https://beui.dev/r/morphing-tabs.json","install_command":"npx shadcn@latest add https://beui.dev/r/morphing-tabs.json"},{"name":"swipeable-list","title":"Swipeable List","description":"Mobile-style list rows that swipe left or right to reveal contextual action buttons.","type":"registry:block","source_url":"https://beui.dev/r/swipeable-list.json","install_command":"npx shadcn@latest add https://beui.dev/r/swipeable-list.json"},{"name":"attachment-upload","title":"File Upload Attachment Upload","description":"A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image…","type":"registry:block","source_url":"https://beui.dev/r/attachment-upload.json","install_command":"npx shadcn@latest add https://beui.dev/r/attachment-upload.json"},{"name":"file-upload","title":"File Upload Upload Queue","description":"A drag-and-drop upload queue with progress rows, upload states, retry, and removal.","type":"registry:block","source_url":"https://beui.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://beui.dev/r/file-upload.json"},{"name":"prediction-market-card","title":"Prediction Market Market Cards","description":"Compact market listings with consistent outcome rows, animated odds CTAs, payout multipliers and bookmarks. Odds CTAs use green/red backgrounds and roll into Y…","type":"registry:block","source_url":"https://beui.dev/r/prediction-market-card.json","install_command":"npx shadcn@latest add https://beui.dev/r/prediction-market-card.json"},{"name":"prediction-market","title":"Prediction Market Trade Ticket","description":"Buy and sell outcomes with rolling amount entry, quick add chips and trade states.","type":"registry:block","source_url":"https://beui.dev/r/prediction-market.json","install_command":"npx shadcn@latest add https://beui.dev/r/prediction-market.json"},{"name":"wallet-card","title":"Wallet Card","description":"Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, c…","type":"registry:block","source_url":"https://beui.dev/r/wallet-card.json","install_command":"npx shadcn@latest add https://beui.dev/r/wallet-card.json"},{"name":"otp-input","title":"OTP Input","description":"One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.","type":"registry:block","source_url":"https://beui.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://beui.dev/r/otp-input.json"},{"name":"signup-form","title":"Sign Up Form","description":"Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and a…","type":"registry:block","source_url":"https://beui.dev/r/signup-form.json","install_command":"npx shadcn@latest add https://beui.dev/r/signup-form.json"},{"name":"card-dealer","title":"Card Dealer","description":"A card table with a face-down deck, a fanned hand and a discard pile. Cards arc across the table between them and flip in flight, hop over each other when the …","type":"registry:block","source_url":"https://beui.dev/r/card-dealer.json","install_command":"npx shadcn@latest add https://beui.dev/r/card-dealer.json"},{"name":"bloom-menu","title":"Bloom Menu","description":"A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.","type":"registry:block","source_url":"https://beui.dev/r/bloom-menu.json","install_command":"npx shadcn@latest add https://beui.dev/r/bloom-menu.json"},{"name":"feedback-widget","title":"Feedback Widget","description":"Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.","type":"registry:block","source_url":"https://beui.dev/r/feedback-widget.json","install_command":"npx shadcn@latest add https://beui.dev/r/feedback-widget.json"},{"name":"not-found-glitch","title":"404 / Not Found Glitch","description":"Digits scramble through random glyphs before resolving, with a chromatic split on hover.","type":"registry:block","source_url":"https://beui.dev/r/not-found-glitch.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-glitch.json"},{"name":"not-found-magnetic","title":"404 / Not Found Magnetic","description":"Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.","type":"registry:block","source_url":"https://beui.dev/r/not-found-magnetic.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-magnetic.json"},{"name":"not-found-spotlight","title":"404 / Not Found Spotlight","description":"A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.","type":"registry:block","source_url":"https://beui.dev/r/not-found-spotlight.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-spotlight.json"},{"name":"not-found-stacked","title":"404 / Not Found Stacked","description":"A code card over a hidden stack that fans out with a spring on hover.","type":"registry:block","source_url":"https://beui.dev/r/not-found-stacked.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-stacked.json"},{"name":"not-found-terminal","title":"404 / Not Found Terminal","description":"A terminal window that types a failed cd command and a 404 status, with a blinking caret.","type":"registry:block","source_url":"https://beui.dev/r/not-found-terminal.json","install_command":"npx shadcn@latest add https://beui.dev/r/not-found-terminal.json"}]},{"id":"billingsdk","name":"@billingsdk","slug":"billingsdk","description":"Open-source, TypeScript-first React component library for SaaS billing flows. Contains 30+ components including eight pricing-table variants, subscription management, usage meters (linear and circular), banner notifications, plan upgrade/downgrade cards, cancellation flows, invoice history, payment-method selector, payment success/failure dialogs, and trial-expiry cards. Built with Tailwind CSS v4, Motion animations, and shadcn/ui; supports Dodo Payments and Stripe. Part of the Vercel OSS Program. Use for: wiring up an end-to-end billing and subscription UI without designing payment flows from scratch.","author":"dodopayments","framework":"react","license":"GPL-3.0","tags":["accessibility","aesthetic","animation","audio","cards","design-system","forms","overlays","payments","pro-available","saas","tables"],"categories":["E-commerce/payments"],"labels":["pro","recently-updated"],"urls":{"website":"https://billingsdk.com","github":"https://github.com/dodopayments/billingsdk","registry":"https://billingsdk.com/r/registry.json","source":"https://billingsdk.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/billingsdk","markdown":"https://sh4dcn.netlify.app/md/billingsdk.md"},"logo":"<svg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_1226_311)'><path d='M26.5418 33.649C23.0418 32.349 19.4418 32.149 16.1418 33.049C13.8418 33.649 11.6418 34.849 9.64182 36.349L8.24179 37.549L7.8418 37.949L8.74179 38.749C8.84179 38.749 8.8418 38.849 8.9418 38.949C9.1418 39.149 9.34182 39.249 9.64182 39.449L10.2418 39.849L10.8418 39.349C10.9418 39.249 11.1418 39.049 11.3418 38.949C13.1418 37.449 15.1418 36.449 17.2418 35.949C19.9418 35.249 22.8418 35.349 25.7418 36.449C28.1418 37.349 33.0418 38.449 38.9418 35.949L39.1418 35.849L39.4418 35.549C39.4418 35.449 39.5418 35.449 39.6418 35.349C40.1418 34.749 40.6418 34.149 41.0418 33.449L43.0418 30.349L39.8418 32.149C35.1418 34.749 30.8418 35.249 26.5418 33.649Z' fill='var(--foreground)'/><path d='M12.8422 22.849C15.5422 22.149 18.4422 22.249 21.3422 23.349C24.5422 24.549 32.7422 26.249 41.9422 17.949L43.4422 16.449L43.5422 16.349L43.9422 15.949L43.7422 15.449C43.6422 15.049 43.4422 14.549 43.2422 14.049L42.7422 12.649L41.7422 13.649C41.6422 13.849 41.4422 13.949 41.2422 14.149C36.8422 18.649 30.0422 23.249 22.2422 20.449C18.7422 19.149 15.1422 18.949 11.8422 19.849C8.6422 20.749 5.84219 22.449 3.24219 24.849V24.749L1.74219 26.349C1.74219 26.449 1.64221 26.449 1.54221 26.549L1.24219 26.849L1.3422 27.249C1.4422 27.749 1.64219 28.249 1.74219 28.749L2.3422 30.349L3.3422 29.049C3.4422 28.849 3.64219 28.749 3.74219 28.549C5.84219 26.649 8.7422 23.949 12.8422 22.849Z' fill='var(--foreground)'/><path d='M3.14222 21.0491C5.44222 18.6491 8.0422 17.1491 10.8422 16.3491C13.5422 15.6491 16.4422 15.7491 19.3422 16.8491C28.3422 20.1491 36.1422 14.7491 39.5422 11.8491L40.8422 10.5491L41.3422 10.1491L40.9422 9.54907C40.6422 9.24907 40.4422 8.84907 40.1422 8.44907L39.5422 7.64905L38.8422 8.34906C38.7422 8.44906 38.5422 8.64905 38.4422 8.74905C34.2422 12.7491 27.7422 16.8491 20.3422 14.0491C16.8422 12.7491 13.2422 12.5491 9.9422 13.4491C7.8422 14.0491 5.8422 15.0491 3.8422 16.3491L1.74219 18.0491C1.54219 18.2491 1.44219 18.3491 1.24219 18.5491L1.04221 18.7491V19.0491C0.942206 19.7491 0.942194 20.4491 0.842194 21.0491L0.742188 23.5491L2.4422 21.7491C2.6422 21.5491 2.84222 21.2491 3.14222 21.0491Z' fill='var(--foreground)'/><path d='M29.4426 40.449C29.1426 40.349 28.9426 40.249 28.6426 40.149C25.1426 38.849 21.5426 38.649 18.2426 39.549C17.5426 39.749 16.8426 39.949 16.1426 40.249L13.7426 41.349L13.1426 41.649L15.1426 42.349C15.7426 42.549 16.3426 42.749 16.9426 42.949L17.2426 43.049L17.5426 42.949C17.8426 42.849 18.1426 42.649 18.4426 42.649C18.6426 42.649 18.8426 42.549 19.0426 42.449C21.4426 41.849 24.0426 41.849 26.8426 42.749C27.1426 42.849 27.3426 42.949 27.6426 43.049L28.1426 43.249L28.4426 43.149C29.1426 42.949 29.9426 42.749 30.5426 42.449L33.3426 41.449L30.4426 40.749C30.1426 40.649 29.7426 40.549 29.4426 40.449Z' fill='var(--foreground)'/><path d='M44.741 19.749L43.241 21.249C43.041 21.449 42.841 21.649 42.641 21.849C38.541 25.749 31.941 29.949 24.541 27.149C21.041 25.849 17.441 25.649 14.141 26.549C11.041 27.449 8.241 29.049 5.741 31.449L4.44101 32.849L4.04102 33.349L4.44101 33.949C4.74101 34.349 4.94103 34.649 5.14103 35.049L5.741 35.949L6.44101 35.049C6.54101 34.949 6.74101 34.749 6.84101 34.649C9.24101 32.049 11.841 30.449 14.841 29.649C17.541 28.949 20.441 29.049 23.341 30.149C25.841 31.049 28.441 31.349 31.041 31.049C35.641 30.549 40.241 27.949 43.641 25.049C43.841 24.849 44.041 24.749 44.241 24.549L44.541 24.249V23.949C44.541 23.349 44.641 22.649 44.641 22.049L44.741 19.749Z' fill='var(--foreground)'/><path d='M6.7414 10.549C7.3414 10.249 8.04143 10.049 8.64143 9.84896C11.3414 9.14896 14.2414 9.24896 17.1414 10.349C19.0414 11.049 20.9414 11.349 23.0414 11.349C27.2414 11.349 31.4414 9.84897 35.3414 6.94897L36.8414 5.74895L37.3414 5.34896L36.4414 4.64895C36.1414 4.34895 35.7414 4.04896 35.3414 3.84896L34.7414 3.44897L34.2414 3.84896C34.0414 3.94896 33.9414 4.14895 33.7414 4.24895C28.4414 8.24895 23.1414 9.34897 18.1414 7.44897C14.5414 6.14897 10.9414 5.84897 7.34141 6.94897C7.04141 7.04897 6.74141 7.14895 6.34141 7.24895L6.14143 7.34896L5.84141 7.64895C5.84141 7.74895 5.74143 7.74896 5.64143 7.84896C5.24143 8.44896 4.74141 8.94897 4.34141 9.54897L2.44141 12.449L5.54142 10.849C6.04142 10.849 6.4414 10.649 6.7414 10.549Z' fill='var(--foreground)'/><path d='M14.9422 3.74893L15.2422 3.84894C16.5422 4.34894 18.5422 4.84894 21.0422 4.84894C23.6422 4.84894 26.1422 4.24893 28.6422 3.24893L31.7422 1.74893L29.6422 1.04895C29.0422 0.84895 28.4422 0.64895 27.7422 0.54895H27.4422L27.1422 0.648926C26.8422 0.748926 26.5422 0.94895 26.2422 1.04895C23.2422 2.14895 20.2422 2.34895 17.3422 1.54895C17.0422 1.44895 16.7422 1.34893 16.4422 1.24893L16.1422 1.14893L15.8422 1.24893C15.2422 1.44893 14.6422 1.64895 14.0422 1.94895L11.7422 2.94895L14.1422 3.64893C14.3422 3.54893 14.6422 3.64893 14.9422 3.74893Z' fill='var(--foreground)'/></g><defs><clipPath id='clip0_1226_311'><rect width='44' height='44' fill='white'/></clipPath></defs></svg>","preview_image":"https://billingsdk.com/landing/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://billingsdk.com/docs/components/pricing-table/pricing-table-one"},"metrics":{"github_stars":508,"open_issues":32,"last_commit":"2026-10-26T01:18:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://billingsdk.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://billingsdk.com/r/registry.json","install_bun":"bunx shadcn@latest add https://billingsdk.com/r/registry.json","clone":"git clone https://github.com/dodopayments/billingsdk.git","clone_degit":"npx degit dodopayments/billingsdk","registry_fetch":"curl -s https://billingsdk.com/r/registry.json"},"component_count":35,"components":[{"name":"index","title":"BillingSDK Config","description":"Config for BillingSDK components","type":"registry:lib","source_url":"https://billingsdk.com/r/index.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/index.json"},{"name":"all","title":"All Components","description":"All components in the BillingSDK","type":"registry:block","source_url":"https://billingsdk.com/r/all.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/all.json"},{"name":"hello-world","title":"Hello World Component","description":"A simple hello world component","type":"registry:block","source_url":"https://billingsdk.com/r/hello-world.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/hello-world.json"},{"name":"invoice-history","title":"Invoice History","description":"A read-only invoice history table","type":"registry:block","source_url":"https://billingsdk.com/r/invoice-history.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/invoice-history.json"},{"name":"pricing-table-one","title":"Pricing Table One","description":"A pricing table component","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-one.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-one.json"},{"name":"pricing-table-two","title":"Pricing Table Two","description":"A pricing table component with a feature table","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-two.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-two.json"},{"name":"pricing-table-three","title":"Pricing Table Three","description":"A pricing table component with a feature table","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-three.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-three.json"},{"name":"pricing-table-four","title":"Pricing Table Four","description":"A modern pricing table component with gradient design","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-four.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-four.json"},{"name":"pricing-table-five","title":"Pricing Table Five","description":"A modern pricing table component with contact us plan","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-five.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-five.json"},{"name":"pricing-table-six","title":"Pricing Table Six","description":"A modern pricing table component with contact us plan","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-six.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-six.json"},{"name":"pricing-table-seven","title":"Pricing Table Seven","description":"A modern pricing table component with contact us plan","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-seven.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-seven.json"},{"name":"pricing-table-eight","title":"Pricing Table Eight","description":"A modern pricing table component with a clean design.","type":"registry:block","source_url":"https://billingsdk.com/r/pricing-table-eight.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/pricing-table-eight.json"},{"name":"cancel-subscription-dialog","title":"Cancel Subscription Dialog","description":"A cancel subscription dialog component","type":"registry:block","source_url":"https://billingsdk.com/r/cancel-subscription-dialog.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/cancel-subscription-dialog.json"},{"name":"cancel-subscription-card","title":"Cancel Subscription Card","description":"A cancel subscription card component","type":"registry:block","source_url":"https://billingsdk.com/r/cancel-subscription-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/cancel-subscription-card.json"},{"name":"usage-based-pricing","title":"Usage Based Pricing","description":"A usage based pricing component","type":"registry:block","source_url":"https://billingsdk.com/r/usage-based-pricing.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-based-pricing.json"},{"name":"update-plan-dialog","title":"Update Plan Dialog","description":"A update plan dialog component","type":"registry:block","source_url":"https://billingsdk.com/r/update-plan-dialog.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/update-plan-dialog.json"},{"name":"update-plan-card","title":"Update Plan Card","description":"A update plan card component","type":"registry:block","source_url":"https://billingsdk.com/r/update-plan-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/update-plan-card.json"},{"name":"subscription-management","title":"Subscription Management","description":"A subscription management component","type":"registry:block","source_url":"https://billingsdk.com/r/subscription-management.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/subscription-management.json"},{"name":"usage-meter-linear","title":"Usage Meter Linear","description":"A usage meter linear component","type":"registry:block","source_url":"https://billingsdk.com/r/usage-meter-linear.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-meter-linear.json"},{"name":"usage-meter-circle","title":"Usage Meter Circle","description":"A usage meter circle component","type":"registry:block","source_url":"https://billingsdk.com/r/usage-meter-circle.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-meter-circle.json"},{"name":"banner","title":"Top Banner","description":"A banner component","type":"registry:block","source_url":"https://billingsdk.com/r/banner.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/banner.json"},{"name":"payment-method-selector","title":"Payment Method Selector","description":"A payment method selector component with support for cards, digital wallets, UPI, and BNPL services","type":"registry:block","source_url":"https://billingsdk.com/r/payment-method-selector.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-method-selector.json"},{"name":"payment-details","title":"Payment Details","description":"A comprehensive payment details form component with card details, billing information, and country selection","type":"registry:block","source_url":"https://billingsdk.com/r/payment-details.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-details.json"},{"name":"payment-details-two","title":"Payment Details Two","description":"A comprehensive payment details form component with card details, billing information, and country selection built using React Hook Form and custom validation","type":"registry:block","source_url":"https://billingsdk.com/r/payment-details-two.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-details-two.json"},{"name":"billing-settings","title":"Billing Settings","description":"A comprehensive billing settings component with tabs for general, payment methods, invoices, and usage limits","type":"registry:block","source_url":"https://billingsdk.com/r/billing-settings.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/billing-settings.json"},{"name":"billing-settings-2","title":"Billing Settings 2","description":"A comprehensive billing settings component with tabs for general, payment methods, invoices, and usage limits","type":"registry:block","source_url":"https://billingsdk.com/r/billing-settings-2.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/billing-settings-2.json"},{"name":"proration-preview","title":"Proration Preview","description":"Interactive component that shows billing adjustments when users change subscription plans, featuring cost breakdowns, credits, and prorated charges","type":"registry:block","source_url":"https://billingsdk.com/r/proration-preview.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/proration-preview.json"},{"name":"detailed-usage-table","title":"Detailed Usage Table","description":"A detailed usage table component with resource consumption breakdown","type":"registry:block","source_url":"https://billingsdk.com/r/detailed-usage-table.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/detailed-usage-table.json"},{"name":"usage-table","title":"Usage Table","description":"A usage table component with resource consumption breakdown","type":"registry:block","source_url":"https://billingsdk.com/r/usage-table.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/usage-table.json"},{"name":"upcoming-charges","title":"Upcoming Charges","description":"A component that displays information about upcoming billing cycles, including the next billing date, total amount, and a breakdown of individual charges","type":"registry:block","source_url":"https://billingsdk.com/r/upcoming-charges.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/upcoming-charges.json"},{"name":"payment-card","title":"Payment Card","description":"A payment card component","type":"registry:block","source_url":"https://billingsdk.com/r/payment-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-card.json"},{"name":"limited-offer-dialog","title":"Limited Offer Dialog","description":"A dialog component for displaying limited-time offers with customizable content and actions","type":"registry:block","source_url":"https://billingsdk.com/r/limited-offer-dialog.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/limited-offer-dialog.json"},{"name":"trial-expiry-card","title":"Trial Expiry Card","description":"A card component that displays trial expiration countdown with progress indicator and feature list","type":"registry:block","source_url":"https://billingsdk.com/r/trial-expiry-card.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/trial-expiry-card.json"},{"name":"payment-failure","title":"Payment Failure","description":"A payment failure card component with retry, home, and support actions.","type":"registry:block","source_url":"https://billingsdk.com/r/payment-failure.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/payment-failure.json"},{"name":"billing-screen","title":"Billing Screen","description":"Complete billing dashboard with credit balance, plan details, and interactive credit card visual","type":"registry:block","source_url":"https://billingsdk.com/r/billing-screen.json","install_command":"npx shadcn@latest add https://billingsdk.com/r/billing-screen.json"}]},{"id":"bits-ui","name":"@bits-ui","slug":"bits-ui","description":"Bits UI — a curated, open-source registry of reusable React & Next.js components, hooks, and utilities (shadcn-compatible). Focused on accessibility, composability, and production-ready primitives to accelerate design systems and developer workflows.","author":"chisomuma","framework":"react","license":null,"tags":["accessibility","blocks","design-system","forms","hooks","media"],"categories":["Forms"],"labels":[],"urls":{"website":"https://bits-ui.netlify.app","github":"https://github.com/chisomuma/bits-ui","registry":"https://bits-ui.netlify.app/r/registry.json","source":"https://bits-ui.netlify.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/bits-ui","markdown":"https://sh4dcn.netlify.app/md/bits-ui.md"},"logo":"<svg width='800px' height='800px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='none'><path fill='#000000' d='M8 3a5 5 0 100 10A5 5 0 008 3z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2025-12-22T19:08:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://bits-ui.netlify.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://bits-ui.netlify.app/r/registry.json","install_bun":"bunx shadcn@latest add https://bits-ui.netlify.app/r/registry.json","clone":"git clone https://github.com/chisomuma/bits-ui.git","clone_degit":"npx degit chisomuma/bits-ui","registry_fetch":"curl -s https://bits-ui.netlify.app/r/registry.json"},"component_count":6,"components":[{"name":"complex-component","title":"Complex Component","description":"A complex component showing hooks, libs and components.","type":"registry:component","source_url":"https://bits-ui.netlify.app/r/complex-component.json","install_command":"npx shadcn@latest add https://bits-ui.netlify.app/r/complex-component.json"},{"name":"example-with-css","title":"Example with CSS","description":"A login form with a CSS file.","type":"registry:component","source_url":"https://bits-ui.netlify.app/r/example-with-css.json","install_command":"npx shadcn@latest add https://bits-ui.netlify.app/r/example-with-css.json"},{"name":"color-palette","title":"Color Palette Generator","description":"Generate and copy curated color palettes for design work.","type":"registry:component","source_url":"https://bits-ui.netlify.app/r/color-palette.json","install_command":"npx shadcn@latest add https://bits-ui.netlify.app/r/color-palette.json"},{"name":"json-formatter","title":"JSON Formatter","description":"A simple, fast tool to format, minify, copy, or download JSON payloads for debugging and sharing.","type":"registry:component","source_url":"https://bits-ui.netlify.app/r/json-formatter.json","install_command":"npx shadcn@latest add https://bits-ui.netlify.app/r/json-formatter.json"},{"name":"star-rating","title":"Star Rating","description":"A small, accessible star rating component for reviews and feedback collection.","type":"registry:component","source_url":"https://bits-ui.netlify.app/r/star-rating.json","install_command":"npx shadcn@latest add https://bits-ui.netlify.app/r/star-rating.json"},{"name":"hero-carousel","title":"Hero Carousel","description":"A 3-step hero carousel with animated step cards for landing pages.","type":"registry:component","source_url":"https://bits-ui.netlify.app/r/hero-carousel.json","install_command":"npx shadcn@latest add https://bits-ui.netlify.app/r/hero-carousel.json"}]},{"id":"bjork-ui","name":"@bjork-ui","slug":"bjork-ui","description":"Production-ready animated interface components, primitives, and WebGL shader studies for React and Tailwind CSS.","author":null,"framework":"react","license":null,"tags":["3d","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","design-system","developer-tools","forms","hooks","icons","loaders","maps","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://ui.isaiahbjork.com","github":null,"registry":"https://ui.isaiahbjork.com/registry.json","source":"https://ui.isaiahbjork.com/registry.json","page":"https://sh4dcn.netlify.app/registry/bjork-ui","markdown":"https://sh4dcn.netlify.app/md/bjork-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'><rect width='64' height='64' rx='14' fill='var(--foreground)'/><path d='M18 18h14.5c7.2 0 11.5 3.6 11.5 9.4 0 3.6-1.7 6.2-4.6 7.6 3.8 1.2 6.1 4.2 6.1 8.2 0 6.3-4.8 10.8-12.8 10.8H18V18Zm13.2 14.4c3.2 0 5.1-1.5 5.1-4.1s-1.9-4-5.1-4h-5.5v8.1h5.5Zm.9 15.3c3.6 0 5.8-1.8 5.8-4.8 0-2.9-2.2-4.7-5.8-4.7h-6.4v9.5h6.4Z' fill='var(--background)'/><circle cx='50' cy='32' r='3.4' fill='var(--background)'/></svg>","preview_image":"https://ui.isaiahbjork.com/og/home.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.isaiahbjork.com/tables/pricing-table"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.isaiahbjork.com/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.isaiahbjork.com/registry.json","install_bun":"bunx shadcn@latest add https://ui.isaiahbjork.com/registry.json","registry_fetch":"curl -s https://ui.isaiahbjork.com/registry.json"},"component_count":188,"components":[{"name":"animated-radial-chart","title":"Animated radial chart","description":"Animated radial chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/animated-radial-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/animated-radial-chart.json"},{"name":"message-dock","title":"Message dock","description":"Message dock is a production-ready interactive component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/message-dock.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/message-dock.json"},{"name":"voice-powered-orb","title":"Voice powered orb","description":"Voice powered orb is a production-ready interactive component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/voice-powered-orb.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/voice-powered-orb.json"},{"name":"ruler-carousel","title":"Ruler carousel","description":"Ruler carousel is a production-ready galleries component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/ruler-carousel.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/ruler-carousel.json"},{"name":"video-scroll-hero","title":"Video scroll hero","description":"Video scroll hero is a production-ready heroes component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/video-scroll-hero.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/video-scroll-hero.json"},{"name":"financial-table","title":"Financial table","description":"Financial table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/financial-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/financial-table.json"},{"name":"draggable-rope","title":"Draggable rope","description":"Draggable rope is a production-ready interactive component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/draggable-rope.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/draggable-rope.json"},{"name":"hud-frame","title":"HUD frame","description":"HUD frame is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hud-frame.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hud-frame.json"},{"name":"portfolio-gallery","title":"Portfolio gallery","description":"Portfolio gallery is a production-ready galleries component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/portfolio-gallery.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/portfolio-gallery.json"},{"name":"video-upload-card","title":"Video upload card","description":"Video upload card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/video-upload-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/video-upload-card.json"},{"name":"ai-voice-input","title":"AI voice input","description":"AI voice input is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/ai-voice-input.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/ai-voice-input.json"},{"name":"animated-status-badge","title":"Animated status badge","description":"Animated status badge is a production-ready badges component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/animated-status-badge.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/animated-status-badge.json"},{"name":"animated-download","title":"Animated download","description":"Animated download is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/animated-download.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/animated-download.json"},{"name":"animated-card-options","title":"Animated card options","description":"Animated card options is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/animated-card-options.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/animated-card-options.json"},{"name":"animated-card-status-list","title":"Animated card status list","description":"Animated card status list is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/animated-card-status-list.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/animated-card-status-list.json"},{"name":"audio-upload-card","title":"Audio upload card","description":"Audio upload card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/audio-upload-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/audio-upload-card.json"},{"name":"bonuses-incentives-card","title":"Bonuses incentives card","description":"Bonuses incentives card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/bonuses-incentives-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/bonuses-incentives-card.json"},{"name":"coach-scheduling","title":"Coach scheduling","description":"Coach scheduling is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/coach-scheduling.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/coach-scheduling.json"},{"name":"dashboard-card-modal","title":"Dashboard card modal","description":"Dashboard card modal is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/dashboard-card-modal.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/dashboard-card-modal.json"},{"name":"event-countdown-card","title":"Event countdown card","description":"Event countdown card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/event-countdown-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/event-countdown-card.json"},{"name":"hover-detail-card","title":"Hover detail card","description":"Hover detail card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hover-detail-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hover-detail-card.json"},{"name":"news-cards","title":"News cards","description":"News cards is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/news-cards.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/news-cards.json"},{"name":"onboarding-stages","title":"Onboarding stages","description":"Onboarding stages is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/onboarding-stages.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/onboarding-stages.json"},{"name":"prediction-market-card","title":"Prediction market card","description":"Prediction market card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/prediction-market-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/prediction-market-card.json"},{"name":"product-reveal-card","title":"Product reveal card","description":"Product reveal card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/product-reveal-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/product-reveal-card.json"},{"name":"profile-hover-card","title":"Profile hover card","description":"Profile hover card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/profile-hover-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/profile-hover-card.json"},{"name":"project-cards","title":"Project cards","description":"Project cards is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/project-cards.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/project-cards.json"},{"name":"gradient-selector","title":"Gradient selector","description":"Gradient selector is a production-ready controls component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/gradient-selector.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/gradient-selector.json"},{"name":"hover-image-gallery","title":"Hover image gallery","description":"Hover image gallery is a production-ready galleries component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hover-image-gallery.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hover-image-gallery.json"},{"name":"reveal-text","title":"Reveal text","description":"Reveal text is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/reveal-text.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/reveal-text.json"},{"name":"glitchy-404","title":"Glitchy 404","description":"Glitchy 404 is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/glitchy-404.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/glitchy-404.json"},{"name":"hud-2","title":"Overlay 2","description":"Overlay 2 is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hud-2.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hud-2.json"},{"name":"hud-button","title":"HUD button","description":"HUD button is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hud-button.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hud-button.json"},{"name":"hud-graph","title":"HUD graph","description":"HUD graph is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hud-graph.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hud-graph.json"},{"name":"hud-status","title":"HUD status","description":"HUD status is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/hud-status.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/hud-status.json"},{"name":"warning-graphic","title":"Warning graphic","description":"Warning graphic is a production-ready hud component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/warning-graphic.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/warning-graphic.json"},{"name":"periodic-table","title":"Periodic table","description":"Periodic table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/periodic-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/periodic-table.json"},{"name":"contacts-table","title":"Contacts table","description":"Contacts table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/contacts-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/contacts-table.json"},{"name":"leads-table","title":"Leads table","description":"Leads table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/leads-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/leads-table.json"},{"name":"resizable-table","title":"Resizable table","description":"Resizable table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/resizable-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/resizable-table.json"},{"name":"server-management","title":"Server management","description":"Server management is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/server-management.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/server-management.json"},{"name":"primitive-accordion","title":"Accordion","description":"Accordion is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-accordion.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-accordion.json"},{"name":"primitive-alerts","title":"Alerts","description":"Alerts is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-alerts.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-alerts.json"},{"name":"primitive-avatar","title":"Avatar","description":"Avatar is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-avatar.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-avatar.json"},{"name":"primitive-badge","title":"Badge","description":"Badge is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-badge.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-badge.json"},{"name":"primitive-breadcrumb","title":"Breadcrumb","description":"Breadcrumb is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-breadcrumb.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-breadcrumb.json"},{"name":"primitive-button","title":"Button","description":"Button is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-button.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-button.json"},{"name":"primitive-button-group","title":"Button Group","description":"Button Group is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-button-group.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-button-group.json"},{"name":"primitive-calendar","title":"Calendar","description":"Calendar is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-calendar.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-calendar.json"},{"name":"primitive-card","title":"Card","description":"Card is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-card.json"},{"name":"primitive-checkbox","title":"Checkbox","description":"Checkbox is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-checkbox.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-checkbox.json"},{"name":"primitive-collapsible","title":"Collapsible","description":"Collapsible is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-collapsible.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-collapsible.json"},{"name":"primitive-combobox","title":"Combobox","description":"Combobox is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-combobox.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-combobox.json"},{"name":"primitive-data-table","title":"Data Table","description":"Data Table is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-data-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-data-table.json"},{"name":"primitive-date-picker","title":"Date Picker","description":"Date Picker is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-date-picker.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-date-picker.json"},{"name":"primitive-dialog","title":"Dialog","description":"Dialog is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-dialog.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-dialog.json"},{"name":"primitive-dropdown-menu","title":"Dropdown Menu","description":"Dropdown Menu is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-dropdown-menu.json"},{"name":"primitive-form","title":"Form","description":"Form is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-form.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-form.json"},{"name":"primitive-input","title":"Input","description":"Input is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-input.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-input.json"},{"name":"primitive-input-mask","title":"Input Mask","description":"Input Mask is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-input-mask.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-input-mask.json"},{"name":"primitive-input-otp","title":"Input OTP","description":"Input OTP is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-input-otp.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-input-otp.json"},{"name":"primitive-pagination","title":"Pagination","description":"Pagination is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-pagination.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-pagination.json"},{"name":"primitive-popover","title":"Popover","description":"Popover is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-popover.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-popover.json"},{"name":"primitive-radio-group","title":"Radio Group","description":"Radio Group is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-radio-group.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-radio-group.json"},{"name":"primitive-select","title":"Select","description":"Select is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-select.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-select.json"},{"name":"primitive-sheet","title":"Sheet","description":"Sheet is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-sheet.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-sheet.json"},{"name":"primitive-slider","title":"Slider","description":"Slider is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-slider.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-slider.json"},{"name":"primitive-sonner","title":"Sonner","description":"Sonner is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-sonner.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-sonner.json"},{"name":"primitive-switch","title":"Switch","description":"Switch is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-switch.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-switch.json"},{"name":"primitive-table","title":"Table","description":"Table is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-table.json"},{"name":"primitive-tabs","title":"Tabs","description":"Tabs is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-tabs.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-tabs.json"},{"name":"primitive-textarea","title":"Textarea","description":"Textarea is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-textarea.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-textarea.json"},{"name":"primitive-tooltip","title":"Tooltip","description":"Tooltip is a production-ready ui component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/primitive-tooltip.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/primitive-tooltip.json"},{"name":"shader-aurora-veil","title":"Aurora veil","description":"Aurora veil is a compact WebGL website shader from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/shader-aurora-veil.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/shader-aurora-veil.json"},{"name":"shader-kinetic-dots","title":"Kinetic dots","description":"Kinetic dots is a compact WebGL website shader from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/shader-kinetic-dots.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/shader-kinetic-dots.json"},{"name":"timer","title":"Timer","description":"Timer is a production-ready interactive component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/timer.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/timer.json"},{"name":"project-index","title":"Project index","description":"Project index is a production-ready galleries component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/project-index.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/project-index.json"},{"name":"glow-rules","title":"Glow rules","description":"Glow rules is a production-ready utilities component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/glow-rules.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/glow-rules.json"},{"name":"radial-command-ring","title":"Radial command ring","description":"Radial command ring is a production-ready navigation component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/radial-command-ring.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/radial-command-ring.json"},{"name":"adaptive-precision-slider","title":"Adaptive precision slider","description":"Adaptive precision slider is a production-ready controls component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/adaptive-precision-slider.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/adaptive-precision-slider.json"},{"name":"click-wheel","title":"Click wheel","description":"Click wheel is a production-ready controls component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/click-wheel.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/click-wheel.json"},{"name":"velocity-ink","title":"Velocity ink","description":"Velocity ink is a production-ready controls component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/velocity-ink.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/velocity-ink.json"},{"name":"spring-tuner","title":"Spring tuner","description":"Spring tuner is a production-ready utilities component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/spring-tuner.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/spring-tuner.json"},{"name":"live-line","title":"Live line","description":"Live line is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/live-line.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/live-line.json"},{"name":"flap-ledger","title":"Flap ledger","description":"Flap ledger is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/flap-ledger.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/flap-ledger.json"},{"name":"route-trace","title":"Route trace","description":"Route trace is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/route-trace.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/route-trace.json"},{"name":"solar-sky-panel","title":"Solar sky panel","description":"Solar sky panel is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/solar-sky-panel.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/solar-sky-panel.json"},{"name":"agent-trace","title":"Agent trace","description":"Agent trace is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/agent-trace.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/agent-trace.json"},{"name":"handoff-beam","title":"Handoff beam","description":"Handoff beam is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/handoff-beam.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/handoff-beam.json"},{"name":"lattice-orb","title":"Lattice orb","description":"Lattice orb is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/lattice-orb.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/lattice-orb.json"},{"name":"torn-edge-reveal","title":"Torn edge reveal","description":"Torn edge reveal is a production-ready galleries component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/torn-edge-reveal.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/torn-edge-reveal.json"},{"name":"mosaic-settle","title":"Mosaic settle","description":"Mosaic settle is a production-ready galleries component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/mosaic-settle.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/mosaic-settle.json"},{"name":"minimap-scrollbar","title":"Minimap scrollbar","description":"Minimap scrollbar is a production-ready navigation component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/minimap-scrollbar.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/minimap-scrollbar.json"},{"name":"morph-loader","title":"Morph loader","description":"Morph loader is a production-ready feedback component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/morph-loader.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/morph-loader.json"},{"name":"stroke-morph-icon","title":"Stroke-morph icon","description":"Stroke-morph icon is a production-ready utilities component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/stroke-morph-icon.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/stroke-morph-icon.json"},{"name":"scatter-rewind","title":"Scatter rewind","description":"Scatter rewind is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/scatter-rewind.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/scatter-rewind.json"},{"name":"plane-type","title":"Plane type","description":"Plane type is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/plane-type.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/plane-type.json"},{"name":"elastic-frame","title":"Elastic frame","description":"Elastic frame is a production-ready interactive component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/elastic-frame.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/elastic-frame.json"},{"name":"aperture-dive","title":"Aperture dive","description":"Aperture dive is a production-ready heroes component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/aperture-dive.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/aperture-dive.json"},{"name":"scene-states","title":"Scene states","description":"Scene states is a production-ready interactive component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/scene-states.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/scene-states.json"},{"name":"sortable-table","title":"Sortable table","description":"Sortable table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/sortable-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/sortable-table.json"},{"name":"pricing-table","title":"Pricing table","description":"Pricing table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/pricing-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/pricing-table.json"},{"name":"invoice-table","title":"Invoice table","description":"Invoice table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/invoice-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/invoice-table.json"},{"name":"leaderboard-table","title":"Leaderboard","description":"Leaderboard is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/leaderboard-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/leaderboard-table.json"},{"name":"changelog-table","title":"Changelog table","description":"Changelog table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/changelog-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/changelog-table.json"},{"name":"api-reference-table","title":"API reference table","description":"API reference table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/api-reference-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/api-reference-table.json"},{"name":"file-tree-table","title":"File tree table","description":"File tree table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/file-tree-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/file-tree-table.json"},{"name":"timetable","title":"Timetable","description":"Timetable is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/timetable.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/timetable.json"},{"name":"shortcuts-table","title":"Shortcuts table","description":"Shortcuts table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/shortcuts-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/shortcuts-table.json"},{"name":"spec-sheet","title":"Spec sheet","description":"Spec sheet is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/spec-sheet.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/spec-sheet.json"},{"name":"transactions-table","title":"Transactions table","description":"Transactions table is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/transactions-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/transactions-table.json"},{"name":"spreadsheet-grid","title":"Spreadsheet grid","description":"Spreadsheet grid is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/spreadsheet-grid.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/spreadsheet-grid.json"},{"name":"permissions-matrix","title":"Permissions matrix","description":"Permissions matrix is a production-ready tables component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/permissions-matrix.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/permissions-matrix.json"},{"name":"glyph-morph","title":"Glyph morph","description":"Glyph morph is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/glyph-morph.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/glyph-morph.json"},{"name":"weight-wave","title":"Weight wave","description":"Weight wave is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/weight-wave.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/weight-wave.json"},{"name":"decode-text","title":"Decode text","description":"Decode text is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/decode-text.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/decode-text.json"},{"name":"magnetic-letters","title":"Magnetic letters","description":"Magnetic letters is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/magnetic-letters.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/magnetic-letters.json"},{"name":"slice-shift","title":"Slice shift","description":"Slice shift is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/slice-shift.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/slice-shift.json"},{"name":"stroke-draw-type","title":"Stroke draw type","description":"Stroke draw type is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/stroke-draw-type.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/stroke-draw-type.json"},{"name":"ink-bleed-text","title":"Ink bleed text","description":"Ink bleed text is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/ink-bleed-text.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/ink-bleed-text.json"},{"name":"liquid-text","title":"Liquid text","description":"Liquid text is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/liquid-text.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/liquid-text.json"},{"name":"marketing-hero-product","title":"Marketing hero with product shot","description":"Marketing hero with product shot is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/marketing-hero-product.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/marketing-hero-product.json"},{"name":"marketing-feature-bento","title":"Marketing feature bento","description":"Marketing feature bento is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/marketing-feature-bento.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/marketing-feature-bento.json"},{"name":"marketing-pricing","title":"Marketing pricing","description":"Marketing pricing is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/marketing-pricing.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/marketing-pricing.json"},{"name":"marketing-testimonials-wall","title":"Marketing testimonials wall","description":"Marketing testimonials wall is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/marketing-testimonials-wall.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/marketing-testimonials-wall.json"},{"name":"marketing-cta-footer","title":"Marketing CTA and footer","description":"Marketing CTA and footer is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/marketing-cta-footer.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/marketing-cta-footer.json"},{"name":"chromatic-text","title":"Chromatic text","description":"Chromatic text is a production-ready text component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/chromatic-text.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/chromatic-text.json"},{"name":"candlestick-chart","title":"Candlestick chart","description":"Candlestick chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/candlestick-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/candlestick-chart.json"},{"name":"forecast-fan","title":"Forecast fan","description":"Forecast fan is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/forecast-fan.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/forecast-fan.json"},{"name":"state-timeline","title":"State timeline","description":"State timeline is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/state-timeline.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/state-timeline.json"},{"name":"spark-table","title":"Spark table","description":"Spark table is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/spark-table.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/spark-table.json"},{"name":"distribution-plot","title":"Distribution plot","description":"Distribution plot is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/distribution-plot.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/distribution-plot.json"},{"name":"violin-plot","title":"Violin plot","description":"Violin plot is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/violin-plot.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/violin-plot.json"},{"name":"beeswarm","title":"Beeswarm","description":"Beeswarm is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/beeswarm.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/beeswarm.json"},{"name":"slope-chart","title":"Slope chart","description":"Slope chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/slope-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/slope-chart.json"},{"name":"dumbbell-chart","title":"Dumbbell chart","description":"Dumbbell chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/dumbbell-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/dumbbell-chart.json"},{"name":"waterfall-chart","title":"Waterfall chart","description":"Waterfall chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/waterfall-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/waterfall-chart.json"},{"name":"treemap","title":"Treemap","description":"Treemap is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/treemap.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/treemap.json"},{"name":"streamgraph","title":"Streamgraph","description":"Streamgraph is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/streamgraph.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/streamgraph.json"},{"name":"scatter-brush","title":"Scatter brush","description":"Scatter brush is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/scatter-brush.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/scatter-brush.json"},{"name":"correlation-matrix","title":"Correlation matrix","description":"Correlation matrix is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/correlation-matrix.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/correlation-matrix.json"},{"name":"sankey-flow","title":"Sankey flow","description":"Sankey flow is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/sankey-flow.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/sankey-flow.json"},{"name":"drawdown-chart","title":"Drawdown chart","description":"Drawdown chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/drawdown-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/drawdown-chart.json"},{"name":"depth-chart","title":"Depth chart","description":"Depth chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/depth-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/depth-chart.json"},{"name":"order-book","title":"Order book","description":"Order book is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/order-book.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/order-book.json"},{"name":"calibration-plot","title":"Calibration plot","description":"Calibration plot is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/calibration-plot.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/calibration-plot.json"},{"name":"stacked-area-chart","title":"Stacked area chart","description":"Stacked area chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/stacked-area-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/stacked-area-chart.json"},{"name":"grouped-bar-chart","title":"Grouped bar chart","description":"Grouped bar chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/grouped-bar-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/grouped-bar-chart.json"},{"name":"donut-chart","title":"Donut chart","description":"Donut chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/donut-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/donut-chart.json"},{"name":"funnel-chart","title":"Funnel chart","description":"Funnel chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/funnel-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/funnel-chart.json"},{"name":"cohort-retention","title":"Cohort retention","description":"Cohort retention is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/cohort-retention.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/cohort-retention.json"},{"name":"calendar-heatmap","title":"Calendar heatmap","description":"Calendar heatmap is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/calendar-heatmap.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/calendar-heatmap.json"},{"name":"bullet-chart","title":"Bullet chart","description":"Bullet chart is a production-ready charts component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/bullet-chart.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/bullet-chart.json"},{"name":"streaming-message","title":"Streaming message","description":"Streaming message is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/streaming-message.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/streaming-message.json"},{"name":"reasoning-disclosure","title":"Reasoning disclosure","description":"Reasoning disclosure is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/reasoning-disclosure.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/reasoning-disclosure.json"},{"name":"stream-status","title":"Stream status","description":"Stream status is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/stream-status.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/stream-status.json"},{"name":"message-branch","title":"Message branch","description":"Message branch is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/message-branch.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/message-branch.json"},{"name":"response-feedback","title":"Response feedback","description":"Response feedback is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/response-feedback.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/response-feedback.json"},{"name":"prompt-composer","title":"Prompt composer","description":"Prompt composer is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/prompt-composer.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/prompt-composer.json"},{"name":"model-selector","title":"Model selector","description":"Model selector is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/model-selector.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/model-selector.json"},{"name":"attachment-chips","title":"Attachment chips","description":"Attachment chips is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/attachment-chips.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/attachment-chips.json"},{"name":"suggested-prompts","title":"Suggested prompts","description":"Suggested prompts is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/suggested-prompts.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/suggested-prompts.json"},{"name":"context-meter","title":"Context meter","description":"Context meter is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/context-meter.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/context-meter.json"},{"name":"tool-call-card","title":"Tool call card","description":"Tool call card is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/tool-call-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/tool-call-card.json"},{"name":"approval-gate","title":"Approval gate","description":"Approval gate is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/approval-gate.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/approval-gate.json"},{"name":"diff-review","title":"Diff review","description":"Diff review is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/diff-review.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/diff-review.json"},{"name":"artifact-panel","title":"Artifact panel","description":"Artifact panel is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/artifact-panel.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/artifact-panel.json"},{"name":"inline-ai-edit","title":"Inline AI edit","description":"Inline AI edit is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/inline-ai-edit.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/inline-ai-edit.json"},{"name":"citation-chips","title":"Citation chips","description":"Citation chips is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/citation-chips.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/citation-chips.json"},{"name":"retrieval-inspector","title":"Retrieval inspector","description":"Retrieval inspector is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/retrieval-inspector.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/retrieval-inspector.json"},{"name":"memory-viewer","title":"Memory viewer","description":"Memory viewer is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/memory-viewer.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/memory-viewer.json"},{"name":"response-compare","title":"Response compare","description":"Response compare is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/response-compare.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/response-compare.json"},{"name":"cost-meter","title":"Cost meter","description":"Cost meter is a production-ready ai component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/cost-meter.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/cost-meter.json"},{"name":"plan-usage-card","title":"Plan usage card","description":"Plan usage card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/plan-usage-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/plan-usage-card.json"},{"name":"payment-method-card","title":"Payment method card","description":"Payment method card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/payment-method-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/payment-method-card.json"},{"name":"integration-card","title":"Integration card","description":"Integration card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/integration-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/integration-card.json"},{"name":"metric-card","title":"Metric card","description":"Metric card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/metric-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/metric-card.json"},{"name":"shipment-card","title":"Shipment card","description":"Shipment card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/shipment-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/shipment-card.json"},{"name":"now-playing-card","title":"Now playing card","description":"Now playing card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/now-playing-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/now-playing-card.json"},{"name":"deployment-card","title":"Deployment card","description":"Deployment card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/deployment-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/deployment-card.json"},{"name":"team-invite-card","title":"Team invite card","description":"Team invite card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/team-invite-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/team-invite-card.json"},{"name":"streak-card","title":"Streak card","description":"Streak card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/streak-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/streak-card.json"},{"name":"link-preview-card","title":"Link preview card","description":"Link preview card is a production-ready cards component from BJORK UI, packaged for shadcn registries.","type":"registry:component","source_url":"https://ui.isaiahbjork.com/link-preview-card.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/link-preview-card.json"},{"name":"app-dashboard-shell","title":"Dashboard shell","description":"Dashboard shell is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/app-dashboard-shell.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/app-dashboard-shell.json"},{"name":"app-sign-in","title":"Sign in","description":"Sign in is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/app-sign-in.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/app-sign-in.json"},{"name":"app-settings","title":"Settings page","description":"Settings page is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/app-settings.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/app-settings.json"},{"name":"app-inbox","title":"Inbox","description":"Inbox is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/app-inbox.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/app-inbox.json"},{"name":"app-ai-chat","title":"AI chat app","description":"AI chat app is a production-ready blocks component from BJORK UI, packaged for shadcn registries.","type":"registry:block","source_url":"https://ui.isaiahbjork.com/app-ai-chat.json","install_command":"npx shadcn@latest add https://ui.isaiahbjork.com/app-ai-chat.json"}]},{"id":"bklit","name":"@bklit","slug":"bklit","description":"Open-source shadcn/ui chart extension with 16 composable chart types: area, bar, candlestick, choropleth (map), composed, funnel, gauge, line, live-line, pie, profit-loss-line, radar, ring, sankey, scatter, and a visual Studio configurator. Built on top of Visx and Motion with Tailwind CSS and React. Free, MIT-licensed. Use for: dropping polished, customizable data-visualization charts into a shadcn project without reaching for a heavier charting library.","author":"bklit","framework":"react","license":"MIT","tags":["aesthetic","animation","backgrounds","cards","charts","dashboard","loaders","maps","overlays"],"categories":["Charts/data viz"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://ui.bklit.com","github":"https://github.com/bklit/bklit-ui","registry":"https://ui.bklit.com/r/registry.json","source":"https://ui.bklit.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/bklit","markdown":"https://sh4dcn.netlify.app/md/bklit.md"},"logo":"<svg class='h-auto max-h-full w-full max-w-full text-foreground' fill='none' viewBox='0 0 112 179' xmlns='http://www.w3.org/2000/svg'><title>Bklit Logo</title><path d='M11.082 88.6498C11.082 88.6498 24.4884 66.4873 55.407 66.4873C84.2319 66.4873 99.732 88.6498 99.732 88.6498C99.732 88.6498 86.1801 110.813 55.407 110.812C26.7612 110.812 11.082 88.6498 11.082 88.6498Z' fill='url(#bklit-paint0_radial_375_479)'></path><g style='mix-blend-mode:normal'><path d='M11.082 88.6498C11.082 88.6498 24.4884 66.4873 55.407 66.4873C84.2319 66.4873 99.732 88.6498 99.732 88.6498C99.732 88.6498 86.1801 110.813 55.407 110.812C26.7612 110.812 11.082 88.6498 11.082 88.6498Z' fill='url(#bklit-paint1_radial)'></path></g><g style='mix-blend-mode:normal'><path d='M110.812 121.894C110.812 148.67 90.0415 177.3 55.4062 177.3V110.812C55.4062 110.812 83.2175 112.19 99.7312 88.6499C108.153 99.9149 110.812 111.675 110.812 121.894Z' fill='url(#bklit-paint2_linear)'></path></g><g style='mix-blend-mode:normal'><path d='M0 121.894C0 148.67 20.771 177.3 55.4062 177.3V110.812C55.4062 110.812 29.4726 112.262 11.0813 88.6499C2.65942 99.9149 0 111.675 0 121.894Z' fill='url(#bklit-paint3_linear)'></path></g><g style='mix-blend-mode:normal'><path d='M0 55.4061C0 28.6295 20.771 0 55.4063 0L55.4063 66.4874C55.4063 66.4874 27.595 65.1102 11.0813 88.6499C2.65942 77.3849 0 65.6252 0 55.4061Z' fill='url(#bklit-paint4_linear)'></path></g><g style='mix-blend-mode:normal'><path d='M110.812 55.4062C110.813 28.6295 90.0415 0 55.4063 0L55.4063 66.4874C55.4063 66.4874 81.5638 65.1362 99.7312 88.6499C108.153 77.3849 110.812 65.6252 110.812 55.4062Z' fill='url(#bklit-paint5_linear)'></path></g><defs><radialGradient id='bklit-paint0_radial_375_479' cx='50%' cy='50%' r='50%' gradientUnits='objectBoundingBox'><stop offset='0' stop-color='currentColor'></stop><stop offset='1' stop-color='currentColor' stop-opacity='0.75'></stop></radialGradient><linearGradient gradientUnits='objectBoundingBox' id='bklit-paint1_radial' x1='0' x2='1' y1='0' y2='0'><stop offset='0' stop-color='rgba(255, 255, 255)'></stop><stop offset='0.5' stop-color='rgba(255, 255, 255, 0.8)'></stop><stop offset='1' stop-color='rgba(255, 255, 255)'></stop></linearGradient><linearGradient gradientUnits='userSpaceOnUse' id='bklit-paint2_linear' x1='55.4062' x2='110.813' y1='177.3' y2='66.6642'><stop stop-color='currentColor'></stop><stop offset='1' stop-color='rgba(255, 255, 255, 0.5)'></stop></linearGradient><linearGradient gradientUnits='userSpaceOnUse' id='bklit-paint3_linear' x1='55.4063' x2='0' y1='177.3' y2='66.6642'><stop stop-color='currentColor' stop-opacity='0'></stop><stop offset='0.745192' stop-color='rgba(120,120,120, 0.5)'></stop></linearGradient><linearGradient gradientUnits='userSpaceOnUse' id='bklit-paint4_linear' x1='55.4063' x2='0' y1='0' y2='110.636'><stop stop-color='currentColor'></stop><stop offset='1' stop-color='rgba(255, 255, 255, 0.5)'></stop></linearGradient><linearGradient gradientUnits='userSpaceOnUse' id='bklit-paint5_linear' x1='55.4063' x2='110.813' y1='0' y2='110.636'><stop stop-color='currentColor' stop-opacity='0'></stop><stop offset='0.75' stop-color='rgba(120,120,120, 0.5)'></stop></linearGradient></defs></svg>","preview_image":"https://bklit.com/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1820,"open_issues":0,"last_commit":"2026-10-26T14:23:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.bklit.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.bklit.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.bklit.com/r/registry.json","clone":"git clone https://github.com/bklit/bklit-ui.git","clone_degit":"npx degit bklit/bklit-ui","registry_fetch":"curl -s https://ui.bklit.com/r/registry.json"},"component_count":64,"components":[{"name":"utils","title":"Utilities","description":"Utility functions for className merging with clsx and tailwind-merge","type":"registry:lib","source_url":"https://ui.bklit.com/r/utils.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/utils.json"},{"name":"shimmering-text","title":"Shimmering Text","description":"Per-character shimmer animation for loading labels and badges","type":"registry:component","source_url":"https://ui.bklit.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/shimmering-text.json"},{"name":"chart-utils","title":"Chart Utilities","description":"Shared Intl formatters, time-series decimation, and RAF tooltip scheduling for Bklit charts","type":"registry:lib","source_url":"https://ui.bklit.com/r/chart-utils.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-utils.json"},{"name":"chart-context","title":"Chart Context","description":"Shared context and hooks for Bklit chart components","type":"registry:component","source_url":"https://ui.bklit.com/r/chart-context.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-context.json"},{"name":"chart-parent-size","title":"Chart Parent Size","description":"Responsive size wrapper for charts: measures before first paint, then tracks resizes (no overflow clipping).","type":"registry:component","source_url":"https://ui.bklit.com/r/chart-parent-size.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-parent-size.json"},{"name":"chart-animation","title":"Chart Animation","description":"Shared motion helpers for chart enter transitions, clip reveals, and staggered animations","type":"registry:component","source_url":"https://ui.bklit.com/r/chart-animation.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-animation.json"},{"name":"chart-series","title":"Chart Series Layer","description":"Shared line and area series rendering helpers (paths, markers, highlights, dash tails)","type":"registry:component","source_url":"https://ui.bklit.com/r/chart-series.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-series.json"},{"name":"grid","title":"Chart Grid","description":"Grid lines for charts","type":"registry:component","source_url":"https://ui.bklit.com/r/grid.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/grid.json"},{"name":"reference-area","title":"Reference Area","description":"Shaded data-coordinate band for target ranges and thresholds on time-series charts","type":"registry:component","source_url":"https://ui.bklit.com/r/reference-area.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/reference-area.json"},{"name":"projection-line","title":"Projection Line","description":"Forecast segment extending a line series past the last data point","type":"registry:component","source_url":"https://ui.bklit.com/r/projection-line.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/projection-line.json"},{"name":"band","title":"Band","description":"Shaded range between per-row upper and lower values on a line chart, with a Bollinger bands helper","type":"registry:component","source_url":"https://ui.bklit.com/r/band.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/band.json"},{"name":"weekends","title":"Weekends","description":"Diagonal-stripe or solid weekend shading behind series on date x axes (line, area, composed, bar)","type":"registry:component","source_url":"https://ui.bklit.com/r/weekends.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/weekends.json"},{"name":"deadline","title":"Deadline","description":"Due-date marker line with a fading solid, gradient, or striped region to its right on date x axes","type":"registry:component","source_url":"https://ui.bklit.com/r/deadline.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/deadline.json"},{"name":"trend-line","title":"Trend Line","description":"Linear least-squares trend line for a series on line, area, bar, and composed charts","type":"registry:component","source_url":"https://ui.bklit.com/r/trend-line.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/trend-line.json"},{"name":"patterns","title":"Patterns","description":"SVG pattern primitives (lines, circles, waves, hexagons, path) vendored from @visx/pattern (MIT).","type":"registry:component","source_url":"https://ui.bklit.com/r/patterns.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/patterns.json"},{"name":"background","title":"Chart Background","description":"Pattern fill for the plot area when grid lines are hidden","type":"registry:component","source_url":"https://ui.bklit.com/r/background.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/background.json"},{"name":"x-axis","title":"X Axis","description":"X-axis component for time-series charts","type":"registry:component","source_url":"https://ui.bklit.com/r/x-axis.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/x-axis.json"},{"name":"y-axis","title":"Y Axis","description":"Y-axis component for value labels in line and area charts","type":"registry:component","source_url":"https://ui.bklit.com/r/y-axis.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/y-axis.json"},{"name":"chart-tooltip","title":"Chart Tooltip","description":"Composable tooltip components for charts","type":"registry:component","source_url":"https://ui.bklit.com/r/chart-tooltip.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-tooltip.json"},{"name":"legend","title":"Chart Legend","description":"Composable legend components for charts","type":"registry:component","source_url":"https://ui.bklit.com/r/legend.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/legend.json"},{"name":"markers","title":"Chart Markers","description":"Marker components for highlighting data points on charts","type":"registry:component","source_url":"https://ui.bklit.com/r/markers.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/markers.json"},{"name":"area-chart","title":"Area Chart","description":"A composable area chart with gradient fills and animations","type":"registry:component","source_url":"https://ui.bklit.com/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/area-chart.json"},{"name":"composed-chart","title":"Composed Chart","description":"Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style)","type":"registry:component","source_url":"https://ui.bklit.com/r/composed-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/composed-chart.json"},{"name":"bar-chart","title":"Bar Chart","description":"A composable bar chart with horizontal/vertical orientations and animations","type":"registry:component","source_url":"https://ui.bklit.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/bar-chart.json"},{"name":"line-chart","title":"Line Chart","description":"A composable line chart with multiple series support","type":"registry:component","source_url":"https://ui.bklit.com/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/line-chart.json"},{"name":"profit-loss-line","title":"Profit/Loss Line","description":"Sign-colored line segments for profit and loss on LineChart","type":"registry:component","source_url":"https://ui.bklit.com/r/profit-loss-line.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/profit-loss-line.json"},{"name":"bar-depth","title":"Bar Depth","description":"3D depth and glossy glass surfaces for BarChart bars","type":"registry:component","source_url":"https://ui.bklit.com/r/bar-depth.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/bar-depth.json"},{"name":"scatter-chart","title":"Scatter Chart","description":"A composable time-series scatter chart with hover dimming, optional offset rings, jitter, and animated enter","type":"registry:component","source_url":"https://ui.bklit.com/r/scatter-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/scatter-chart.json"},{"name":"live-line-chart","title":"Live Line Chart","description":"Real-time streaming line chart with smooth scrolling, crosshair, and animated axes","type":"registry:component","source_url":"https://ui.bklit.com/r/live-line-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/live-line-chart.json"},{"name":"candlestick-chart","title":"Candlestick Chart","description":"A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions","type":"registry:component","source_url":"https://ui.bklit.com/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/candlestick-chart.json"},{"name":"pie-chart","title":"Pie Chart","description":"A composable pie chart with animations and customizable slices","type":"registry:component","source_url":"https://ui.bklit.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/pie-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"A composable radar/spider chart with multiple data series","type":"registry:component","source_url":"https://ui.bklit.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/radar-chart.json"},{"name":"ring-chart","title":"Ring Chart","description":"A composable donut/ring chart with progress indicators","type":"registry:component","source_url":"https://ui.bklit.com/r/ring-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/ring-chart.json"},{"name":"gauge-chart","title":"Gauge","description":"Notch-based radial or linear gauge with optional center label, patterns, and optional gradients","type":"registry:component","source_url":"https://ui.bklit.com/r/gauge-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/gauge-chart.json"},{"name":"heatmap-chart","title":"Heatmap Chart","description":"A contribution heatmap with animated cells and configurable level colors","type":"registry:component","source_url":"https://ui.bklit.com/r/heatmap-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/heatmap-chart.json"},{"name":"choropleth-chart","title":"Choropleth Map","description":"A geographic map chart with zoom, pan, and data visualization","type":"registry:component","source_url":"https://ui.bklit.com/r/choropleth-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/choropleth-chart.json"},{"name":"funnel-chart","title":"Funnel Chart","description":"An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations","type":"registry:component","source_url":"https://ui.bklit.com/r/funnel-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/funnel-chart.json"},{"name":"sankey-chart","title":"Sankey Diagram","description":"A flow diagram for visualizing data transfers between nodes","type":"registry:component","source_url":"https://ui.bklit.com/r/sankey-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sankey-chart.json"},{"name":"sunburst-chart","title":"Sunburst Chart","description":"A composable hierarchical sunburst chart with drill-down zoom and animated segments","type":"registry:component","source_url":"https://ui.bklit.com/r/sunburst-chart.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sunburst-chart.json"},{"name":"sparkline","title":"Sparkline","description":"Tiny inline line, area, and bar charts for tables, KPI cards, and dense dashboards, with hover sync and a shared resize observer","type":"registry:component","source_url":"https://ui.bklit.com/r/sparkline.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sparkline.json"},{"name":"area-chart-example","title":"Area Chart Example","description":"Composable area-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/area-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/area-chart-example.json"},{"name":"bar-chart-example","title":"Bar Chart Example","description":"Composable bar-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/bar-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/bar-chart-example.json"},{"name":"line-chart-example","title":"Line Chart Example","description":"Composable line-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/line-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/line-chart-example.json"},{"name":"scatter-chart-example","title":"Scatter Chart Example","description":"Composable scatter-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/scatter-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/scatter-chart-example.json"},{"name":"pie-chart-example","title":"Pie Chart Example","description":"Composable pie-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/pie-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/pie-chart-example.json"},{"name":"gauge-chart-example","title":"Gauge Chart Example","description":"Composable gauge-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/gauge-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/gauge-chart-example.json"},{"name":"heatmap-chart-example","title":"Heatmap Chart Example","description":"Composable heatmap-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/heatmap-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/heatmap-chart-example.json"},{"name":"ring-chart-example","title":"Ring Chart Example","description":"Composable ring-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/ring-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/ring-chart-example.json"},{"name":"radar-chart-example","title":"Radar Chart Example","description":"Composable radar-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/radar-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/radar-chart-example.json"},{"name":"composed-chart-example","title":"Composed Chart Example","description":"Composable composed-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/composed-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/composed-chart-example.json"},{"name":"funnel-chart-example","title":"Funnel Chart Example","description":"Composable funnel-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/funnel-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/funnel-chart-example.json"},{"name":"sankey-chart-example","title":"Sankey Chart Example","description":"Composable sankey-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/sankey-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sankey-chart-example.json"},{"name":"sunburst-chart-example","title":"Sunburst Chart Example","description":"Composable sunburst-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/sunburst-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sunburst-chart-example.json"},{"name":"candlestick-chart-example","title":"Candlestick Chart Example","description":"Composable candlestick-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/candlestick-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/candlestick-chart-example.json"},{"name":"choropleth-chart-example","title":"Choropleth Chart Example","description":"Composable choropleth-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/choropleth-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/choropleth-chart-example.json"},{"name":"live-line-chart-example","title":"Live Line Chart Example","description":"Composable live-line-chart demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/live-line-chart-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/live-line-chart-example.json"},{"name":"sparkline-example","title":"Sparkline Example","description":"Composable sparkline demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/sparkline-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/sparkline-example.json"},{"name":"chart-stat-flow","title":"Chart Stat Flow","description":"Animated stat value and label for chart overlays","type":"registry:component","source_url":"https://ui.bklit.com/r/chart-stat-flow.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/chart-stat-flow.json"},{"name":"stat-card-area-01","title":"Stat Card Area","description":"Revenue stat card with a gradient area sparkline, hover-to-read values, NumberFlow, and trend badge","type":"registry:block","source_url":"https://ui.bklit.com/r/stat-card-area-01.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/stat-card-area-01.json"},{"name":"stat-card-area-01-example","title":"Stat Card Area Example","description":"Revenue stat card with a gradient area sparkline, hover-to-read values, NumberFlow, and trend badge — demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/stat-card-area-01-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/stat-card-area-01-example.json"},{"name":"stat-card-line-01","title":"Stat Card Line","description":"Sessions stat card with a line sparkline, hover-to-read values, overlaid NumberFlow, and trend badge","type":"registry:block","source_url":"https://ui.bklit.com/r/stat-card-line-01.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/stat-card-line-01.json"},{"name":"stat-card-line-01-example","title":"Stat Card Line Example","description":"Sessions stat card with a line sparkline, hover-to-read values, overlaid NumberFlow, and trend badge — demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/stat-card-line-01-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/stat-card-line-01-example.json"},{"name":"stat-card-choropleth-01","title":"Stat Card Choropleth","description":"Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge","type":"registry:block","source_url":"https://ui.bklit.com/r/stat-card-choropleth-01.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/stat-card-choropleth-01.json"},{"name":"stat-card-choropleth-01-example","title":"Stat Card Choropleth Example","description":"Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge — demo for Open in v0","type":"registry:example","source_url":"https://ui.bklit.com/r/stat-card-choropleth-01-example.json","install_command":"npx shadcn@latest add https://ui.bklit.com/r/stat-card-choropleth-01-example.json"}]},{"id":"blobatar","name":"@blobatar","slug":"blobatar","description":"Deterministic geometric avatars generated from any string — an Avatar that falls back to a blobatar when a user has no picture.","author":"Alain00","framework":"react","license":"MIT","tags":["ai","cards","maps","media","tables"],"categories":["AI/chat UI"],"labels":["popular","recently-updated"],"urls":{"website":"https://blobatar.dev","github":"https://github.com/Alain00/blobatar","registry":"https://blobatar.dev/r/registry.json","source":"https://blobatar.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/blobatar","markdown":"https://sh4dcn.netlify.app/md/blobatar.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='11.5 11.5 77 77'><g fill='#a5ddff'><path d='M82.41 51.21C82.41 71.76 71.1 82.21 48.84 82.21C26.59 82.21 15.27 71.76 15.27 51.21C15.27 30.65 26.59 20.21 48.84 20.21C71.1 20.21 82.41 30.65 82.41 51.21Z'/></g><g fill='#071117'><path d='M42.55 46.86C44.58 56.44 44.58 56.46 41.2 57.17C37.82 57.89 37.81 57.87 35.78 48.29C33.75 38.71 33.75 38.69 37.13 37.98C40.51 37.26 40.52 37.28 42.55 46.86Z'/><path d='M66.96 47.27C68.85 56.16 68.85 56.18 65.19 56.95C61.53 57.73 61.52 57.72 59.64 48.83C57.75 39.94 57.75 39.93 61.41 39.15C65.06 38.37 65.07 38.39 66.96 47.27Z'/></g></svg>","preview_image":"https://blobatar.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1592,"open_issues":5,"last_commit":"2026-10-18T13:19:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://blobatar.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blobatar.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://blobatar.dev/r/registry.json","clone":"git clone https://github.com/Alain00/blobatar.git","clone_degit":"npx degit Alain00/blobatar","registry_fetch":"curl -s https://blobatar.dev/r/registry.json"},"component_count":6,"components":[{"name":"avatar","title":"Blobatar","description":"An Avatar that falls back to a deterministic geometric blobatar generated from the user's name.","type":"registry:ui","source_url":"https://blobatar.dev/r/avatar.json","install_command":"npx shadcn@latest add https://blobatar.dev/r/avatar.json"},{"name":"presence-avatar","title":"Presence avatar","description":"A blobatar with a presence dot and an unread badge. Online, away, offline, and a thinking state, on a face that blinks and breathes.","type":"registry:ui","source_url":"https://blobatar.dev/r/presence-avatar.json","install_command":"npx shadcn@latest add https://blobatar.dev/r/presence-avatar.json"},{"name":"agent-list","title":"Agent list","description":"A sidebar group of running agents, each with a face derived from its name, a presence dot and a line of what it is doing. Drops into shadcn's Sidebar.","type":"registry:ui","source_url":"https://blobatar.dev/r/agent-list.json","install_command":"npx shadcn@latest add https://blobatar.dev/r/agent-list.json"},{"name":"user-table","title":"User table","description":"A table of people with a blobatar per row, rendered as static images so that a long list stays one node per face.","type":"registry:ui","source_url":"https://blobatar.dev/r/user-table.json","install_command":"npx shadcn@latest add https://blobatar.dev/r/user-table.json"},{"name":"group-chat","title":"Group chat","description":"A thread with several people in it: consecutive messages grouped under one face, an overlapping facepile, and a typing indicator.","type":"registry:ui","source_url":"https://blobatar.dev/r/group-chat.json","install_command":"npx shadcn@latest add https://blobatar.dev/r/group-chat.json"},{"name":"password-field","title":"Password field","description":"A password input with a face above it. It watches the caret while you type, and goes sleepy when you reveal what you typed.","type":"registry:ui","source_url":"https://blobatar.dev/r/password-field.json","install_command":"npx shadcn@latest add https://blobatar.dev/r/password-field.json"}]},{"id":"blocks-so","name":"@blocks-so","slug":"blocks-so","description":"Free, open-source collection of 60+ shadcn/ui application blocks covering login, dialogs, sidebars, stats, AI chat, command menus, file upload, form layouts, grid/list views, onboarding, and tables — all with live previews. Built with React, Tailwind CSS, and Next.js, accessible by default via Radix UI. Use for: grabbing polished, functional app-shell blocks (auth screens, sidebars, dashboards) that go beyond pure marketing sections.","author":"ephraimduncan","framework":"react","license":"MIT","tags":["accessibility","ai","auth","blocks","cards","dashboard","forms","marketing","media","navigation","onboarding","overlays","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://blocks.so","github":"https://github.com/ephraimduncan/blocks","registry":"https://blocks.so/r/registry.json","source":"https://blocks.so/r/registry.json","page":"https://sh4dcn.netlify.app/registry/blocks-so","markdown":"https://sh4dcn.netlify.app/md/blocks-so.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><path stroke='none' d='M0 0h24v24H0z' fill='none'/><path d='M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001z'/></svg>","preview_image":"https://blocks.so/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1852,"open_issues":3,"last_commit":"2026-10-07T21:57:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://blocks.so/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blocks.so/r/registry.json","install_bun":"bunx shadcn@latest add https://blocks.so/r/registry.json","clone":"git clone https://github.com/ephraimduncan/blocks.git","clone_degit":"npx degit ephraimduncan/blocks","registry_fetch":"curl -s https://blocks.so/r/registry.json"},"component_count":82,"components":[{"name":"ai-01","title":"AI Chat with Voice Input","description":"A ai chat with voice input block.","type":"registry:block","source_url":"https://blocks.so/r/ai-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-01.json"},{"name":"ai-02","title":"AI Chat with Model Selection","description":"A ai chat with model selection block.","type":"registry:block","source_url":"https://blocks.so/r/ai-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-02.json"},{"name":"ai-03","title":"AI Chat Compact Interface","description":"A ai chat compact interface block.","type":"registry:block","source_url":"https://blocks.so/r/ai-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-03.json"},{"name":"ai-04","title":"AI Chat with File Attachments","description":"A ai chat with file attachments block.","type":"registry:block","source_url":"https://blocks.so/r/ai-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-04.json"},{"name":"ai-05","title":"AI Elements Chat","description":"A ai elements chat block.","type":"registry:block","source_url":"https://blocks.so/r/ai-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/ai-05.json"},{"name":"chat-01","title":"Chat Basic","description":"A chat basic block.","type":"registry:block","source_url":"https://blocks.so/r/chat-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/chat-01.json"},{"name":"chat-02","title":"Chat with Model Menu","description":"A chat with model menu block.","type":"registry:block","source_url":"https://blocks.so/r/chat-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/chat-02.json"},{"name":"chat-03","title":"Chat Application","description":"A chat application block.","type":"registry:block","source_url":"https://blocks.so/r/chat-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/chat-03.json"},{"name":"command-menu-01","title":"Command Menu with Groups","description":"A command menu with groups block.","type":"registry:block","source_url":"https://blocks.so/r/command-menu-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-01.json"},{"name":"command-menu-02","title":"Command Menu with Keyboard Shortcuts","description":"A command menu with keyboard shortcuts block.","type":"registry:block","source_url":"https://blocks.so/r/command-menu-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-02.json"},{"name":"command-menu-03","title":"Command Menu with Documentation Search","description":"A command menu with documentation search block.","type":"registry:block","source_url":"https://blocks.so/r/command-menu-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-03.json"},{"name":"command-menu-04","title":"Command Menu with Global Search","description":"A command menu with global search block.","type":"registry:block","source_url":"https://blocks.so/r/command-menu-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/command-menu-04.json"},{"name":"dashboard-01","title":"Dashboard with Revenue and Customers","description":"A dashboard with revenue and customers block.","type":"registry:block","source_url":"https://blocks.so/r/dashboard-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/dashboard-01.json"},{"name":"dialog-01","title":"Dialog Confirmation","description":"A dialog confirmation block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-01.json"},{"name":"dialog-02","title":"Dialog with Warning Icon","description":"A dialog with warning icon block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-02.json"},{"name":"dialog-03","title":"Dialog with Input Field","description":"A dialog with input field block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-03.json"},{"name":"dialog-04","title":"Dialog with Two Buttons","description":"A dialog with two buttons block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-04.json"},{"name":"dialog-05","title":"Dialog with Password Confirmation","description":"A dialog with password confirmation block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-05.json"},{"name":"dialog-06","title":"Dialog with Privacy Toggle","description":"A dialog with privacy toggle block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-06.json"},{"name":"dialog-07","title":"Dialog with Member List","description":"A dialog with member list block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-07.json"},{"name":"dialog-08","title":"Dialog with Email and Password Fields","description":"A dialog with email and password fields block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-08.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-08.json"},{"name":"dialog-09","title":"Dialog with Link Share and Toggles","description":"A dialog with link share and toggles block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-09.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-09.json"},{"name":"dialog-10","title":"Dialog with Calendar and Time Picker","description":"A dialog with calendar and time picker block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-10.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-10.json"},{"name":"dialog-11","title":"Dialog Multi-Step Wizard","description":"A dialog multi-step wizard block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-11.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-11.json"},{"name":"dialog-12","title":"Dialog with Avatar Upload","description":"A dialog with avatar upload block.","type":"registry:block","source_url":"https://blocks.so/r/dialog-12.json","install_command":"npx shadcn@latest add https://blocks.so/r/dialog-12.json"},{"name":"file-upload-01","title":"File Upload with Preview","description":"A file upload with preview block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-01.json"},{"name":"file-upload-01","title":"File Upload with Preview","description":"A file upload with preview block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-01.json"},{"name":"file-upload-02","title":"File Upload Simple","description":"A file upload simple block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-02.json"},{"name":"file-upload-03","title":"File Upload Multi-File Dropzone","description":"A file upload multi-file dropzone block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-03.json"},{"name":"file-upload-04","title":"File Upload Drag & Drop","description":"A file upload drag & drop block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-04.json"},{"name":"file-upload-05","title":"File Upload with Progress","description":"A file upload with progress block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-05.json"},{"name":"file-upload-06","title":"File Upload with Status Sections","description":"A file upload with status sections block.","type":"registry:block","source_url":"https://blocks.so/r/file-upload-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/file-upload-06.json"},{"name":"form-layout-01","title":"Form with Workspace Fields","description":"A form with workspace fields block.","type":"registry:block","source_url":"https://blocks.so/r/form-layout-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-01.json"},{"name":"form-layout-02","title":"Form with Side Labels","description":"A form with side labels block.","type":"registry:block","source_url":"https://blocks.so/r/form-layout-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-02.json"},{"name":"form-layout-03","title":"Form with Checkbox Settings","description":"A form with checkbox settings block.","type":"registry:block","source_url":"https://blocks.so/r/form-layout-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-03.json"},{"name":"form-layout-04","title":"Form with Package Selection","description":"A form with package selection block.","type":"registry:block","source_url":"https://blocks.so/r/form-layout-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-04.json"},{"name":"form-layout-05","title":"Form with Plan Selection","description":"A form with plan selection block.","type":"registry:block","source_url":"https://blocks.so/r/form-layout-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/form-layout-05.json"},{"name":"grid-list-01","title":"Grid List with Dropdown","description":"A grid list with dropdown block.","type":"registry:block","source_url":"https://blocks.so/r/grid-list-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/grid-list-01.json"},{"name":"grid-list-02","title":"Grid List with Links","description":"A grid list with links block.","type":"registry:block","source_url":"https://blocks.so/r/grid-list-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/grid-list-02.json"},{"name":"grid-list-03","title":"Grid List with Icons","description":"A grid list with icons block.","type":"registry:block","source_url":"https://blocks.so/r/grid-list-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/grid-list-03.json"},{"name":"login-01","title":"Login with Email and Google","description":"A login with email and google block.","type":"registry:block","source_url":"https://blocks.so/r/login-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-01.json"},{"name":"login-02","title":"Login with Email, Password and Google","description":"A login with email, password and google block.","type":"registry:block","source_url":"https://blocks.so/r/login-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-02.json"},{"name":"login-03","title":"Login with Email and Password","description":"A login with email and password block.","type":"registry:block","source_url":"https://blocks.so/r/login-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-03.json"},{"name":"login-04","title":"Login with Social Buttons","description":"A login with social buttons block.","type":"registry:block","source_url":"https://blocks.so/r/login-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-04.json"},{"name":"login-05","title":"Login Card Signup Form","description":"A login card signup form block.","type":"registry:block","source_url":"https://blocks.so/r/login-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-05.json"},{"name":"login-06","title":"Login with Magic Link and SSO","description":"A login with magic link and sso block.","type":"registry:block","source_url":"https://blocks.so/r/login-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-06.json"},{"name":"login-07","title":"Login Full Page with Icons","description":"A login full page with icons block.","type":"registry:block","source_url":"https://blocks.so/r/login-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-07.json"},{"name":"login-08","title":"Login with SSO","description":"A login with sso block.","type":"registry:block","source_url":"https://blocks.so/r/login-08.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-08.json"},{"name":"login-09","title":"Login Signup with Role Selection","description":"A login signup with role selection block.","type":"registry:block","source_url":"https://blocks.so/r/login-09.json","install_command":"npx shadcn@latest add https://blocks.so/r/login-09.json"},{"name":"onboarding-01","title":"Onboarding","description":"A onboarding block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-01.json"},{"name":"onboarding-02","title":"Onboarding Workspace Setup","description":"A onboarding workspace setup block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-02.json"},{"name":"onboarding-03","title":"Onboarding Steps with Progress","description":"A onboarding steps with progress block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-03.json"},{"name":"onboarding-04","title":"Onboarding Accordion","description":"A onboarding accordion block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-04.json"},{"name":"onboarding-05","title":"Onboarding Activity Feed","description":"A onboarding activity feed block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-05.json"},{"name":"onboarding-06","title":"Onboarding Timeline","description":"A onboarding timeline block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-06.json"},{"name":"onboarding-07","title":"Onboarding Deploy Pipeline","description":"A onboarding deploy pipeline block.","type":"registry:block","source_url":"https://blocks.so/r/onboarding-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/onboarding-07.json"},{"name":"sidebar-01","title":"Sidebar Collapsible Sections","description":"A sidebar collapsible sections block.","type":"registry:block","source_url":"https://blocks.so/r/sidebar-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-01.json"},{"name":"sidebar-02","title":"Sidebar Dashboard Inset","description":"A sidebar dashboard inset block.","type":"registry:block","source_url":"https://blocks.so/r/sidebar-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-02.json"},{"name":"sidebar-03","title":"Sidebar Dashboard Floating","description":"A sidebar dashboard floating block.","type":"registry:block","source_url":"https://blocks.so/r/sidebar-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-03.json"},{"name":"sidebar-04","title":"Sidebar Double-Sided Mail","description":"A sidebar double-sided mail block.","type":"registry:block","source_url":"https://blocks.so/r/sidebar-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-04.json"},{"name":"sidebar-05","title":"Sidebar Double-Sided","description":"A sidebar double-sided block.","type":"registry:block","source_url":"https://blocks.so/r/sidebar-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-05.json"},{"name":"sidebar-06","title":"Sidebar Replacement","description":"A sidebar replacement block.","type":"registry:block","source_url":"https://blocks.so/r/sidebar-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/sidebar-06.json"},{"name":"stats-01","title":"Stats with Trending","description":"A stats with trending block.","type":"registry:block","source_url":"https://blocks.so/r/stats-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-01.json"},{"name":"stats-02","title":"Stats with Borders","description":"A stats with borders block.","type":"registry:block","source_url":"https://blocks.so/r/stats-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-02.json"},{"name":"stats-03","title":"Stats with Card Layout","description":"A stats with card layout block.","type":"registry:block","source_url":"https://blocks.so/r/stats-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-03.json"},{"name":"stats-04","title":"Stats with Badges","description":"A stats with badges block.","type":"registry:block","source_url":"https://blocks.so/r/stats-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-04.json"},{"name":"stats-05","title":"Stats with Links","description":"A stats with links block.","type":"registry:block","source_url":"https://blocks.so/r/stats-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-05.json"},{"name":"stats-06","title":"Stats with Status","description":"A stats with status block.","type":"registry:block","source_url":"https://blocks.so/r/stats-06.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-06.json"},{"name":"stats-07","title":"Stats with Circular Progress","description":"A stats with circular progress block.","type":"registry:block","source_url":"https://blocks.so/r/stats-07.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-07.json"},{"name":"stats-08","title":"Stats with Circular Progress and Links","description":"A stats with circular progress and links block.","type":"registry:block","source_url":"https://blocks.so/r/stats-08.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-08.json"},{"name":"stats-09","title":"Stats with Progress","description":"A stats with progress block.","type":"registry:block","source_url":"https://blocks.so/r/stats-09.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-09.json"},{"name":"stats-10","title":"Stats with Area Chart","description":"A stats with area chart block.","type":"registry:block","source_url":"https://blocks.so/r/stats-10.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-10.json"},{"name":"stats-11","title":"Stats Dashboard with Progress Bars","description":"A stats dashboard with progress bars block.","type":"registry:block","source_url":"https://blocks.so/r/stats-11.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-11.json"},{"name":"stats-12","title":"Stats Usage Dashboard","description":"A stats usage dashboard block.","type":"registry:block","source_url":"https://blocks.so/r/stats-12.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-12.json"},{"name":"stats-13","title":"Stats with Segmented Progress","description":"A stats with segmented progress block.","type":"registry:block","source_url":"https://blocks.so/r/stats-13.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-13.json"},{"name":"stats-14","title":"Stats with Usage Breakdown","description":"A stats with usage breakdown block.","type":"registry:block","source_url":"https://blocks.so/r/stats-14.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-14.json"},{"name":"stats-15","title":"Stats with Value Breakdown","description":"A stats with value breakdown block.","type":"registry:block","source_url":"https://blocks.so/r/stats-15.json","install_command":"npx shadcn@latest add https://blocks.so/r/stats-15.json"},{"name":"table-01","title":"Table with Accordion","description":"A table with accordion block.","type":"registry:block","source_url":"https://blocks.so/r/table-01.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-01.json"},{"name":"table-02","title":"Table with Actions","description":"A table with actions block.","type":"registry:block","source_url":"https://blocks.so/r/table-02.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-02.json"},{"name":"table-03","title":"Table with Filters","description":"A table with filters block.","type":"registry:block","source_url":"https://blocks.so/r/table-03.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-03.json"},{"name":"table-04","title":"Table with Grouped Rows","description":"A table with grouped rows block.","type":"registry:block","source_url":"https://blocks.so/r/table-04.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-04.json"},{"name":"table-05","title":"Data Table","description":"A data table block.","type":"registry:block","source_url":"https://blocks.so/r/table-05.json","install_command":"npx shadcn@latest add https://blocks.so/r/table-05.json"}]},{"id":"blockforge","name":"@blockforge","slug":"blockforge","description":"170+ production-grade shadcn/ui blocks, forged to ship. Full source in TypeScript + Tailwind CSS, plus a page builder and starter pages. Copy, paste, ship.","author":null,"framework":"react","license":null,"tags":["animation","auth","blocks","buttons","cards","cms","developer-tools","editor","forms","icons","maps","marketing","media","mobile","onboarding","overlays","pro-available","retro","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://blockforge.terravidhal.me","github":null,"registry":"https://blockforge.terravidhal.me/r/registry.json","source":"https://blockforge.terravidhal.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/blockforge","markdown":"https://sh4dcn.netlify.app/md/blockforge.md"},"logo":"<svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'><path d='M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2'/><rect x='14.5' y='2.5' width='7' height='7' rx='1' transform='rotate(-8 18 6)'/></svg>","preview_image":"https://blockforge.terravidhal.me/opengraph-image?695d4430f840cdab","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://blockforge.terravidhal.me/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://blockforge.terravidhal.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blockforge.terravidhal.me/r/registry.json","install_bun":"bunx shadcn@latest add https://blockforge.terravidhal.me/r/registry.json","registry_fetch":"curl -s https://blockforge.terravidhal.me/r/registry.json"},"component_count":134,"components":[{"name":"hero-centered","title":"Hero Centered","description":"Badge, headline and dual CTAs over a blueprint grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-centered.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-centered.json"},{"name":"hero-split","title":"Hero Split","description":"Copy and highlights beside a live deploy-log panel.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-split.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-split.json"},{"name":"hero-simple","title":"Hero Simple","description":"Quiet left-aligned opener with a single CTA.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-simple.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-simple.json"},{"name":"pricing-spec-sheet","title":"Pricing Spec Sheet","description":"One-price offer laid out like a technical spec card.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-spec-sheet.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-spec-sheet.json"},{"name":"pricing-tiers","title":"Pricing Tiers","description":"Three plans with an inverted featured tier.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-tiers.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-tiers.json"},{"name":"pricing-simple","title":"Pricing Simple","description":"A single price, centered, nothing to compare.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-simple.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-simple.json"},{"name":"cta-banner","title":"CTA Banner","description":"Full-width inverted band with one decisive action.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/cta-banner.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-banner.json"},{"name":"cta-boxed","title":"CTA Boxed","description":"Bordered call-to-action card over a fading grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/cta-boxed.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-boxed.json"},{"name":"cta-minimal","title":"CTA Minimal","description":"A headline and a single link. Confidence as design.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/cta-minimal.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-minimal.json"},{"name":"testimonials-grid","title":"Testimonials Grid","description":"Six quotes in a balanced three-column grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/testimonials-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonials-grid.json"},{"name":"testimonial-featured","title":"Testimonial Featured","description":"One oversized quote given the room it deserves.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/testimonial-featured.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonial-featured.json"},{"name":"footer-columns","title":"Footer Columns","description":"Brand column plus three link groups.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/footer-columns.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-columns.json"},{"name":"footer-minimal","title":"Footer Minimal","description":"Copyright and links in a single quiet row.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/footer-minimal.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-minimal.json"},{"name":"hero-terminal","title":"Hero Terminal","description":"Dev-tool opener with a live terminal card and copyable install command.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-terminal.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-terminal.json"},{"name":"bento-product-grid","title":"Bento Product Grid","description":"Asymmetric feature grid anchored by a live analytics panel and deploy log.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/bento-product-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-product-grid.json"},{"name":"bento-feature-cells","title":"Bento Feature Cells","description":"Four principles in a balanced two-row bento.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/bento-feature-cells.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-feature-cells.json"},{"name":"faq-accordion","title":"FAQ Accordion","description":"Expandable answers with a human escape hatch at the end.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/faq-accordion.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-accordion.json"},{"name":"faq-columns","title":"FAQ Columns","description":"Scannable two-column Q&A grouped by topic.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/faq-columns.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-columns.json"},{"name":"contact-split","title":"Contact Split","description":"Accessible form beside a direct-contact panel on a fading grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/contact-split.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-split.json"},{"name":"contact-minimal","title":"Contact Minimal","description":"One email address, one promise, one median response time.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/contact-minimal.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-minimal.json"},{"name":"blog-featured-grid","title":"Blog Featured Grid","description":"One lead story with three compact posts beside it.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/blog-featured-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-featured-grid.json"},{"name":"blog-list","title":"Blog List","description":"Editorial index with a monospaced date column.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/blog-list.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-list.json"},{"name":"header-simple","title":"Header Simple","description":"Sticky-ready navbar: logo, links and two actions.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/header-simple.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/header-simple.json"},{"name":"header-status","title":"Header Status","description":"Navbar with announcement bar and a pulsing live-status indicator.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/header-status.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/header-status.json"},{"name":"stats-hairline","title":"Stats Hairline","description":"Four key numbers separated by construction hairlines.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/stats-hairline.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/stats-hairline.json"},{"name":"stats-panel","title":"Stats Panel","description":"Inverted metrics band with miniature bar charts.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/stats-panel.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/stats-panel.json"},{"name":"logos-marquee","title":"Logos Marquee","description":"Edge-faded wordmark marquee that gracefully freezes under reduced motion.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/logos-marquee.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/logos-marquee.json"},{"name":"testimonial-spotlight","title":"Testimonial Spotlight","description":"One customer story paired with the outcomes it produced.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/testimonial-spotlight.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonial-spotlight.json"},{"name":"shoutout-trophy","title":"Shoutout Trophy","description":"The day someone featured you, framed as an unlocked achievement — holo trophy, the post, locked slots for the next.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/shoutout-trophy.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/shoutout-trophy.json"},{"name":"about-story","title":"About Story","description":"Origin story beside the milestones that prove it.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/about-story.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/about-story.json"},{"name":"about-values","title":"About Values","description":"Four commitments in a hairline-divided grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/about-values.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/about-values.json"},{"name":"team-grid","title":"Team Grid","description":"The whole team, monogram avatars, no stock photos.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/team-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/team-grid.json"},{"name":"team-hiring","title":"Team Hiring","description":"Open roles as a clean list with a human fallback line.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/team-hiring.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/team-hiring.json"},{"name":"how-steps","title":"How Steps","description":"Three numbered steps on a vertical connector rail.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/how-steps.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/how-steps.json"},{"name":"how-timeline","title":"How Timeline","description":"A four-phase horizontal timeline with node markers.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/how-timeline.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/how-timeline.json"},{"name":"banner-announcement","title":"Banner Announcement","description":"Inverted announcement bar with dismiss affordance.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/banner-announcement.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/banner-announcement.json"},{"name":"banner-countdown","title":"Banner Countdown","description":"Deadline banner with segmented countdown on hatching.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/banner-countdown.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/banner-countdown.json"},{"name":"login-card","title":"Login Card","description":"Centered sign-in: email, password, one social fallback.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/login-card.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/login-card.json"},{"name":"login-split","title":"Login Split","description":"Sign-up form beside an inverted proof panel.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/login-split.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/login-split.json"},{"name":"features-list","title":"Features List","description":"Six capabilities in a calm three-column rhythm.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/features-list.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/features-list.json"},{"name":"features-comparison","title":"Features Comparison","description":"With-us versus do-it-yourself, row by honest row.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/features-comparison.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/features-comparison.json"},{"name":"app-showcase","title":"App Showcase","description":"A detailed phone mockup beside offline-first feature copy.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-showcase.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-showcase.json"},{"name":"coverage-map","title":"Coverage Map","description":"An abstract region network with live beacons and a stat strip.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/coverage-map.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/coverage-map.json"},{"name":"gallery-showcase","title":"Gallery Showcase","description":"Product surfaces as CSS-drawn browser frames — no images needed.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/gallery-showcase.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/gallery-showcase.json"},{"name":"gallery-grid","title":"Gallery Grid","description":"Captioned tile gallery — swap the pattern tiles for real shots.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/gallery-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/gallery-grid.json"},{"name":"integrations-grid","title":"Integrations Grid","description":"Connectable services with installed states and monogram marks.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/integrations-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/integrations-grid.json"},{"name":"integrations-hub","title":"Integrations Hub","description":"Sources and destinations wired through one pulsing hub node.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/integrations-hub.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/integrations-hub.json"},{"name":"cta-newsletter","title":"CTA Newsletter","description":"Newsletter capture with an accessible form and honest numbers.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/cta-newsletter.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-newsletter.json"},{"name":"contact-offices","title":"Contact Offices","description":"Offices with mono coordinates, addresses and local hours.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/contact-offices.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-offices.json"},{"name":"timeline-roadmap","title":"Timeline Roadmap","description":"Quarterly roadmap with shipped/building/planned statuses.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/timeline-roadmap.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/timeline-roadmap.json"},{"name":"timeline-milestones","title":"Timeline Milestones","description":"Company history on a vertical rail of year markers.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/timeline-milestones.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/timeline-milestones.json"},{"name":"newsletter-split","title":"Newsletter Split","description":"Signup beside a CSS-drawn preview of the actual email.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/newsletter-split.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/newsletter-split.json"},{"name":"newsletter-inline","title":"Newsletter Inline","description":"A slim capture band that slots between any two sections.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/newsletter-inline.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/newsletter-inline.json"},{"name":"hero-metrics","title":"Hero Metrics","description":"Claim up top, the proof rail of production numbers below.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-metrics.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-metrics.json"},{"name":"hero-waitlist","title":"Hero Waitlist","description":"Pre-launch capture with a queue count and avatar stack.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-waitlist.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-waitlist.json"},{"name":"pricing-comparison","title":"Pricing Comparison","description":"Full plan-by-plan table with grouped feature rows.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-comparison.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-comparison.json"},{"name":"bento-showcase","title":"Bento Showcase","description":"Kanban, calendar, command palette and threads — all CSS.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/bento-showcase.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-showcase.json"},{"name":"testimonials-marquee","title":"Testimonials Marquee","description":"Two counter-scrolling rows, paused on hover, frozen on reduced motion.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/testimonials-marquee.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonials-marquee.json"},{"name":"cta-download","title":"CTA Download","description":"Inverted app-download panel with store buttons and QR.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/cta-download.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-download.json"},{"name":"footer-newsletter","title":"Footer Newsletter","description":"Link columns plus a capture form and a status line.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/footer-newsletter.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-newsletter.json"},{"name":"logos-grid","title":"Logos Grid","description":"Wordmark cells in a hairline grid, muted until hovered.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/logos-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/logos-grid.json"},{"name":"hero-video","title":"Hero Video","description":"Demo-first opener with a CSS video player frame.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-video.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-video.json"},{"name":"hero-editorial","title":"Hero Editorial","description":"Manifesto-sized type with ruled meta lines, zero imagery.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-editorial.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-editorial.json"},{"name":"hero-app","title":"Hero App","description":"Store buttons beside a CSS phone running the actual app.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-app.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-app.json"},{"name":"pricing-usage","title":"Pricing Usage","description":"A screenshot-able rate card with a worked monthly example.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-usage.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-usage.json"},{"name":"pricing-enterprise","title":"Pricing Enterprise","description":"The security checklist plus a three-step path to a pilot.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-enterprise.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-enterprise.json"},{"name":"bento-stats","title":"Bento Stats","description":"KPIs as tiles: big number, sparkline, uptime dots, regions.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/bento-stats.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-stats.json"},{"name":"bento-mobile","title":"Bento Mobile","description":"Mobile-first story: smart alerts, offline mode, biometrics.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/bento-mobile.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-mobile.json"},{"name":"integrations-orbit","title":"Integrations Orbit","description":"Satellites orbiting the hub — pure CSS, still under reduced motion.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/integrations-orbit.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/integrations-orbit.json"},{"name":"video-chapters","title":"Video Chapters","description":"A chaptered walkthrough player with jump-to timestamps.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/video-chapters.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/video-chapters.json"},{"name":"video-testimonial","title":"Video Testimonial","description":"A pull quote beside its 90-second video proof.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/video-testimonial.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/video-testimonial.json"},{"name":"blog-magazine","title":"Blog Magazine","description":"Journal front page: one featured story, ruled sections.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/blog-magazine.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-magazine.json"},{"name":"blog-author","title":"Blog Author","description":"An author's bio and stats beside their essay archive.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/blog-author.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-author.json"},{"name":"contact-booking","title":"Contact Booking","description":"A working-session pitch beside a week of pickable slots.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/contact-booking.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-booking.json"},{"name":"faq-cards","title":"FAQ Cards","description":"Tagged question cards you can scan in any order.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/faq-cards.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-cards.json"},{"name":"features-beam","title":"Features Beam","description":"A light pulse rides the live card's border — pure CSS.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/features-beam.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/features-beam.json"},{"name":"hero-rotating","title":"Hero Rotating","description":"A headline whose key word takes turns — pure CSS cycle.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-rotating.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-rotating.json"},{"name":"app-shell","title":"App Shell","description":"Sidebar, topbar and a live overview — the whole app frame.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-shell.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-shell.json"},{"name":"app-command","title":"App Command","description":"A working command palette over a dimmed app — typing filters.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-command.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-command.json"},{"name":"app-settings","title":"App Settings","description":"Settings sections with real labels, switches and save state.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-settings.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-settings.json"},{"name":"changelog-list","title":"Changelog List","description":"Releases on a timeline rail — versions, dates, no fluff.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/changelog-list.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/changelog-list.json"},{"name":"error-404","title":"Error 404","description":"A blueprint 404 with search and escape routes.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/error-404.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/error-404.json"},{"name":"empty-state","title":"Empty State","description":"First-run dashboard state: ghost rows, two clear actions.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/empty-state.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/empty-state.json"},{"name":"header-mega","title":"Header Mega","description":"Navbar with its mega-menu open: link groups + feature card.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/header-mega.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/header-mega.json"},{"name":"footer-big","title":"Footer Big","description":"Newsletter band, four columns, status line and locale.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/footer-big.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-big.json"},{"name":"stats-cards","title":"Stats Cards","description":"Six live metrics with directional deltas.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/stats-cards.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/stats-cards.json"},{"name":"faq-split","title":"FAQ Split","description":"Sticky pitch on the left, accordion answers on the right.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/faq-split.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-split.json"},{"name":"login-otp","title":"Login OTP","description":"The 2FA screen — six cells, one blinking caret.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/login-otp.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/login-otp.json"},{"name":"banner-cookie","title":"Banner Cookie","description":"A cookie notice with two honest choices, zero dark patterns.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/banner-cookie.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/banner-cookie.json"},{"name":"hero-flux","title":"Hero Flux","description":"The Blockforge signature: energy pulses riding a blueprint grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/hero-flux.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-flux.json"},{"name":"careers-listings","title":"Careers Listings","description":"Open roles by department — locations and types in mono.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/careers-listings.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/careers-listings.json"},{"name":"careers-perks","title":"Careers Perks","description":"The deal in writing: six policies, hairline grid.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/careers-perks.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/careers-perks.json"},{"name":"team-spotlight","title":"Team Spotlight","description":"One teammate, their story, and the numbers of their tenure.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/team-spotlight.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/team-spotlight.json"},{"name":"video-grid","title":"Video Grid","description":"A wall of walkthroughs with durations and view counts.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/video-grid.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/video-grid.json"},{"name":"gallery-masonry","title":"Gallery Masonry","description":"Uneven columns, numbered captions — swap tiles for shots.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/gallery-masonry.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/gallery-masonry.json"},{"name":"pricing-toggle","title":"Pricing Toggle","description":"Monthly/annual switch rendered on annual, struck-through savings.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/pricing-toggle.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-toggle.json"},{"name":"app-onboarding","title":"App Onboarding","description":"Three detailed CSS phones walking the first-run flow.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-onboarding.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-onboarding.json"},{"name":"dev-contributions","title":"Dev Contributions","description":"Activity heatmap with clickable project milestones and map-pin bubbles.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-contributions.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-contributions.json"},{"name":"dev-achievements","title":"Dev Achievements","description":"A wall of mascot badges in dark showcase tiles — bring your own art.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-achievements.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-achievements.json"},{"name":"dev-profile","title":"Dev Profile","description":"Identity card, language bars and pinned repos for a dev portfolio.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-profile.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-profile.json"},{"name":"dev-stack","title":"Dev Stack","description":"The tools you reach for, grouped by family.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-stack.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-stack.json"},{"name":"dev-activity","title":"Dev Activity","description":"A reverse-chronological feed of commits, merges and releases.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-activity.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-activity.json"},{"name":"dev-now","title":"Dev Now","description":"A “right now” panel: what you're building, reading and hearing.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-now.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-now.json"},{"name":"dev-badges","title":"Dev Badges","description":"Hexagon-gem achievement frames with a four-tier rarity system.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-badges.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-badges.json"},{"name":"dev-snake","title":"Dev Snake","description":"A decorative snake grazing a contribution grid — reduced-motion safe.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/dev-snake.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-snake.json"},{"name":"app-kanban","title":"App Kanban","description":"A sprint board you can drag — or drive from the keyboard — with WIP limits.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-kanban.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-kanban.json"},{"name":"app-data-table","title":"App Data Table","description":"An invoices table with status tabs, search, sorting, bulk actions and CSV export.","type":"registry:block","source_url":"https://blockforge.terravidhal.me/r/app-data-table.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/app-data-table.json"},{"name":"page-saas-landing","title":"SaaS Landing — full page","description":"The full-funnel landing: proof, features, pricing, FAQ. (9 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-saas-landing.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-saas-landing.json"},{"name":"page-dev-tool","title":"Dev Tool — full page","description":"Terminal-first hero, hard numbers, spec-sheet pricing. (8 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-dev-tool.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-dev-tool.json"},{"name":"page-startup-launch","title":"Startup Launch — full page","description":"Announce, prove momentum, capture the first believers. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-startup-launch.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-startup-launch.json"},{"name":"page-pricing-page","title":"Pricing Page — full page","description":"A standalone pricing route that answers every objection. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-pricing-page.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-pricing-page.json"},{"name":"page-portfolio","title":"Personal Site — full page","description":"Quiet opener, writing index, one strong testimonial. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-portfolio.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-portfolio.json"},{"name":"page-agency","title":"Agency & Studio — full page","description":"Credentials up front, work stories, a real contact path. (7 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-agency.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-agency.json"},{"name":"page-blog-home","title":"Blog Home — full page","description":"A content-first home: featured story plus the archive. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-blog-home.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-blog-home.json"},{"name":"page-waitlist","title":"Waitlist — full page","description":"One promise, one field's worth of attention, no leaks. (4 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-waitlist.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-waitlist.json"},{"name":"page-about-page","title":"About Page — full page","description":"Story, values, faces — the page investors actually read. (7 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-about-page.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-about-page.json"},{"name":"page-careers","title":"Careers — full page","description":"Culture first, open roles second, humans throughout. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-careers.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-careers.json"},{"name":"page-product-tour","title":"Product Tour — full page","description":"How it works, proven step by step, ending on a push. (8 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-product-tour.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-product-tour.json"},{"name":"page-campaign-launch","title":"Campaign Launch — full page","description":"A deadline, a promise, and every reason to act now. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-campaign-launch.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-campaign-launch.json"},{"name":"page-corporate","title":"Corporate Site — full page","description":"Credibility in order: story, numbers, team, contact. (7 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-corporate.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-corporate.json"},{"name":"page-auth-pages","title":"Auth Pages — full page","description":"Sign-up and sign-in screens that feel like the product. (3 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-auth-pages.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-auth-pages.json"},{"name":"page-ecommerce-drop","title":"Product Drop — full page","description":"Scarcity, proof and a single product to want. (8 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-ecommerce-drop.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-ecommerce-drop.json"},{"name":"page-changelog","title":"Changelog — full page","description":"Every release on a rail, with a subscribe hook at the end. (4 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-changelog.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-changelog.json"},{"name":"page-content-hub","title":"Content Hub — full page","description":"A journal, a walkthrough and a reason to subscribe. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-content-hub.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-content-hub.json"},{"name":"page-mobile-app","title":"Mobile App — full page","description":"Store-ready: phone in hand, proof below, download everywhere. (7 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-mobile-app.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-mobile-app.json"},{"name":"page-roadmap","title":"Roadmap Page — full page","description":"Build in the open: statuses, history and a subscribe hook. (6 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-roadmap.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-roadmap.json"},{"name":"page-launch-week","title":"Launch Week — full page","description":"Five days of announcements deserve a page this loud. (7 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-launch-week.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-launch-week.json"},{"name":"page-platform-overview","title":"Platform Overview — full page","description":"Features, integrations and proof — the full product story. (10 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-platform-overview.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-platform-overview.json"},{"name":"page-community-event","title":"Community Event — full page","description":"Announce the date, show the plan, gather the crowd. (8 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-community-event.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-community-event.json"},{"name":"page-developer-portfolio","title":"Developer Portfolio — full page","description":"A dev's home: profile, contributions, badges and writing. (10 blocks, ready-made page)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/page-developer-portfolio.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/page-developer-portfolio.json"},{"name":"template-meridian","title":"Meridian — full template","description":"Product-analytics marketing site: home, pricing, about, changelog and contact — one cohesive brand across every route. (6 routes, complete multi-page template)","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/template-meridian.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/template-meridian.json"},{"name":"template-folio","title":"Folio — full template","description":"A monochrome, square-card portfolio: hero, selected work, experience, trophies and writing — editorial, understated, entirely yours. (5 routes, complete multi-…","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/template-folio.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/template-folio.json"},{"name":"template-ledger","title":"Ledger — full template","description":"A billing dashboard app: sidebar shell, revenue charts, customers, invoices, payments and settings — indigo, dense, product-grade. (9 routes, complete multi-pa…","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/template-ledger.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/template-ledger.json"},{"name":"template-foundry","title":"Foundry — full template","description":"A documentation site: collapsible nav, scroll-spy contents, ⌘K search, API reference, guides and a filterable changelog — warm amber, interactive. (9 routes, c…","type":"registry:page","source_url":"https://blockforge.terravidhal.me/r/template-foundry.json","install_command":"npx shadcn@latest add https://blockforge.terravidhal.me/r/template-foundry.json"}]},{"id":"blockus","name":"@blockus","slug":"blockus","description":"Small collection of hand-crafted React blocks built on shadcn/ui and Tailwind CSS, covering hero, pricing, and footer sections. Designed for drop-in use with minimal customization needed — swap copy and deploy. No GitHub repository listed; site was unreachable at time of research. Based on the official description the focus is marketing-page sections. Use for: grabbing hero, pricing, and footer blocks when building a simple SaaS landing page on top of shadcn.","author":null,"framework":"react","license":null,"tags":["blocks","cards","marketing","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["pro"],"urls":{"website":"https://blockus.lndevui.com","github":"N/A","registry":"https://blockus.lndevui.com/r/{name}.json","source":"https://blockus.lndevui.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/blockus","markdown":"https://sh4dcn.netlify.app/md/blockus.md"},"logo":"<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M0 24 A24 24 0 0 1 24 0 L24 24 Z' fill='var(--foreground)'/></svg>","preview_image":"https://cdn.shadcnblocks.com/shadcnblocks/images/og/og-default.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://blockus.lndevui.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://blockus.lndevui.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"blode","name":"@blode","slug":"blode","description":"An open-source registry of accessible React components built on Base UI and Tailwind CSS v4. Install with one command, then own the source.","author":"mblode","framework":"react","license":"MIT","tags":["accessibility","ai","auth","buttons","cards","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://blode.co/ui","github":"https://github.com/mblode/ui","registry":"https://blode.co/ui/r/registry.json","source":"https://blode.co/ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/blode","markdown":"https://sh4dcn.netlify.app/md/blode.md"},"logo":"<svg viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg' fill='var(--foreground)'><path d='M379.712 166H388.667V834H379.711C349.838 834 325.183 834 305.099 832.359C284.239 830.656 265.063 826.997 247.052 817.819C219.12 803.587 196.411 780.879 182.18 752.949C173.002 734.935 169.344 715.76 167.64 694.9C165.999 674.815 166 650.163 166 620.288V379.712C166 349.839 165.999 325.183 167.64 305.099C169.344 284.239 173.002 265.063 182.18 247.052C196.411 219.12 219.12 196.411 247.052 182.18C265.063 173.002 284.239 169.344 305.099 167.64C325.183 165.999 349.839 166 379.712 166Z'/><path d='M462.889 834H620.288C650.163 834 674.816 834 694.9 832.36C715.76 830.656 734.936 826.997 752.949 817.82C780.879 803.588 803.588 780.879 817.82 752.949C826.997 734.936 830.656 715.76 832.36 694.9C834 674.816 834 650.163 834 620.288V537.111H462.889V834Z'/><path d='M834 462.889V379.711C834 349.838 834 325.183 832.36 305.099C830.656 284.239 826.997 265.063 817.82 247.052C803.588 219.12 780.879 196.411 752.949 182.18C734.936 173.002 715.76 169.344 694.9 167.64C674.816 165.999 650.163 166 620.288 166H462.889V462.889H834Z'/></svg>","preview_image":"https://blode.co/ui/opengraph-image","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":1,"last_commit":"2026-10-23T01:16:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://blode.co/ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://blode.co/ui/r/registry.json","install_bun":"bunx shadcn@latest add https://blode.co/ui/r/registry.json","clone":"git clone https://github.com/mblode/ui.git","clone_degit":"npx degit mblode/ui","registry_fetch":"curl -s https://blode.co/ui/r/registry.json"},"component_count":100,"components":[{"name":"ui","title":"Blode UI","description":"Blode UI design-system base built on Base UI.","type":"registry:base","source_url":"https://blode.co/ui/r/ui.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/ui.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that reveal or hide associated content.","type":"registry:ui","source_url":"https://blode.co/ui/r/accordion.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/accordion.json"},{"name":"add-to-homescreen","title":"Add to Homescreen","description":"A sheet of platform-aware instructions for installing a web app to the home screen.","type":"registry:ui","source_url":"https://blode.co/ui/r/add-to-homescreen.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/add-to-homescreen.json"},{"name":"alert","title":"Alert","description":"A callout that displays a short, important message to attract attention.","type":"registry:ui","source_url":"https://blode.co/ui/r/alert.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:ui","source_url":"https://blode.co/ui/r/alert-dialog.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A component that maintains a consistent width-to-height ratio.","type":"registry:ui","source_url":"https://blode.co/ui/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/aspect-ratio.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests matching values while typing.","type":"registry:ui","source_url":"https://blode.co/ui/r/autocomplete.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://blode.co/ui/r/avatar.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/avatar.json"},{"name":"bar-list","title":"Bar List","description":"A compact comparison list that visualises values as horizontal bars.","type":"registry:ui","source_url":"https://blode.co/ui/r/bar-list.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/bar-list.json"},{"name":"badge","title":"Badge","description":"A small status indicator for labelling and categorising items.","type":"registry:ui","source_url":"https://blode.co/ui/r/badge.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A navigation aid that shows the current page location within a hierarchy.","type":"registry:ui","source_url":"https://blode.co/ui/r/breadcrumb.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/breadcrumb.json"},{"name":"bulk-action-bar","title":"Bulk Action Bar","description":"A sticky bar that surfaces actions for the currently selected rows.","type":"registry:ui","source_url":"https://blode.co/ui/r/bulk-action-bar.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/bulk-action-bar.json"},{"name":"button","title":"Button","description":"An interactive element that triggers an action when clicked.","type":"registry:ui","source_url":"https://blode.co/ui/r/button.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/button.json"},{"name":"button-group","title":"Button Group","description":"A container that groups related buttons together with shared styling.","type":"registry:ui","source_url":"https://blode.co/ui/r/button-group.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to pick dates.","type":"registry:ui","source_url":"https://blode.co/ui/r/calendar.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/calendar.json"},{"name":"card","title":"Card","description":"A container for grouping related content and actions.","type":"registry:ui","source_url":"https://blode.co/ui/r/card.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/card.json"},{"name":"carousel","title":"Carousel","description":"A slideshow component for cycling through a set of content.","type":"registry:ui","source_url":"https://blode.co/ui/r/carousel.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/carousel.json"},{"name":"circular-progress","title":"Circular Progress","description":"A circular indicator that shows the progress of a task.","type":"registry:ui","source_url":"https://blode.co/ui/r/circular-progress.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/circular-progress.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and unchecked states.","type":"registry:ui","source_url":"https://blode.co/ui/r/checkbox.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"A grouped set of related checkboxes managed with shared state.","type":"registry:ui","source_url":"https://blode.co/ui/r/checkbox-group.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/checkbox-group.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component that expands and collapses a panel of content.","type":"registry:ui","source_url":"https://blode.co/ui/r/collapsible.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/collapsible.json"},{"name":"color-picker","title":"Color Picker","description":"A saturation area, hue slider, hex input and suggested swatches for choosing a color.","type":"registry:ui","source_url":"https://blode.co/ui/r/color-picker.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/color-picker.json"},{"name":"currency-input","title":"Currency Input","description":"A formatted input field for entering monetary values.","type":"registry:ui","source_url":"https://blode.co/ui/r/currency-input.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/currency-input.json"},{"name":"combobox","title":"Combobox","description":"An autocomplete input that combines a text field with a filterable dropdown list.","type":"registry:ui","source_url":"https://blode.co/ui/r/combobox.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/combobox.json"},{"name":"font-picker","title":"Font Picker","description":"A searchable picker for Google Fonts with live previews.","type":"registry:ui","source_url":"https://blode.co/ui/r/font-picker.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/font-picker.json"},{"name":"image-comparison","title":"Image Comparison","description":"A draggable slider that wipes between a before and after image.","type":"registry:ui","source_url":"https://blode.co/ui/r/image-comparison.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/image-comparison.json"},{"name":"multi-combobox","title":"Multi Combobox","description":"A combobox that allows selecting multiple items with tag-style badges.","type":"registry:ui","source_url":"https://blode.co/ui/r/multi-combobox.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/multi-combobox.json"},{"name":"command","title":"Command","description":"A command palette for fast, keyboard-driven searching and navigation.","type":"registry:ui","source_url":"https://blode.co/ui/r/command.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"A menu that appears on right-click, providing contextual actions.","type":"registry:ui","source_url":"https://blode.co/ui/r/context-menu.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/context-menu.json"},{"name":"copy-button","title":"Copy Button","description":"A button that copies text to the clipboard with animated feedback.","type":"registry:ui","source_url":"https://blode.co/ui/r/copy-button.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/copy-button.json"},{"name":"dialog","title":"Dialog","description":"A modal window that overlays the main content and requires user interaction.","type":"registry:ui","source_url":"https://blode.co/ui/r/dialog.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from the edge of the screen.","type":"registry:ui","source_url":"https://blode.co/ui/r/drawer.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A menu that opens from a trigger button, displaying a list of actions.","type":"registry:ui","source_url":"https://blode.co/ui/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"A placeholder displayed when there is no content or data to show.","type":"registry:ui","source_url":"https://blode.co/ui/r/empty.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/empty.json"},{"name":"field","title":"Field","description":"A form field wrapper that pairs a label, input, and helper text.","type":"registry:ui","source_url":"https://blode.co/ui/r/field.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/field.json"},{"name":"form","title":"Form","description":"A form component with validation powered by React Hook Form and Zod.","type":"registry:ui","source_url":"https://blode.co/ui/r/form.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/form.json"},{"name":"hover-card","title":"Hover Card","description":"A popup card that appears when hovering over a trigger element.","type":"registry:ui","source_url":"https://blode.co/ui/r/hover-card.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/hover-card.json"},{"name":"input","title":"Input","description":"A text input field for capturing user data.","type":"registry:ui","source_url":"https://blode.co/ui/r/input.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/input.json"},{"name":"input-group","title":"Input Group","description":"A wrapper that combines an input with addons like icons or buttons.","type":"registry:ui","source_url":"https://blode.co/ui/r/input-group.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"A one-time password input with individual character fields.","type":"registry:ui","source_url":"https://blode.co/ui/r/input-otp.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/input-otp.json"},{"name":"item","title":"Item","description":"A flexible list item component for menus, settings, and data rows.","type":"registry:ui","source_url":"https://blode.co/ui/r/item.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/item.json"},{"name":"label","title":"Label","description":"An accessible label that associates text with a form control.","type":"registry:ui","source_url":"https://blode.co/ui/r/label.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/label.json"},{"name":"menubar","title":"Menubar","description":"A horizontal menu bar with dropdown menus, commonly used for application navigation.","type":"registry:ui","source_url":"https://blode.co/ui/r/menubar.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/menubar.json"},{"name":"meter","title":"Meter","description":"A meter that shows a scalar value within a bounded range.","type":"registry:ui","source_url":"https://blode.co/ui/r/meter.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A responsive navigation component with support for dropdown panels.","type":"registry:ui","source_url":"https://blode.co/ui/r/navigation-menu.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":"A numeric input with increment, decrement, and scrubbing interactions.","type":"registry:ui","source_url":"https://blode.co/ui/r/number-field.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/number-field.json"},{"name":"pagination","title":"Pagination","description":"A navigation component for paging through content across multiple pages.","type":"registry:ui","source_url":"https://blode.co/ui/r/pagination.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/pagination.json"},{"name":"password-input","title":"Password Input","description":"A password input with a toggle button to show or hide the password.","type":"registry:ui","source_url":"https://blode.co/ui/r/password-input.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/password-input.json"},{"name":"phone-input","title":"Phone Input","description":"An international phone number input with country code selector.","type":"registry:ui","source_url":"https://blode.co/ui/r/phone-input.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/phone-input.json"},{"name":"popover","title":"Popover","description":"A floating panel that appears next to a trigger element.","type":"registry:ui","source_url":"https://blode.co/ui/r/popover.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/popover.json"},{"name":"progress","title":"Progress","description":"A horizontal bar that indicates the completion progress of a task.","type":"registry:ui","source_url":"https://blode.co/ui/r/progress.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/progress.json"},{"name":"progress-list","title":"Progress List","description":"A vertical list of progress items with completed and pending states.","type":"registry:ui","source_url":"https://blode.co/ui/r/progress-list.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/progress-list.json"},{"name":"prompt","title":"Prompt","description":"A confirmation dialog that asks the user for input before proceeding.","type":"registry:ui","source_url":"https://blode.co/ui/r/prompt.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/prompt.json"},{"name":"radio-group","title":"Radio Group","description":"A set of mutually exclusive options where only one can be selected.","type":"registry:ui","source_url":"https://blode.co/ui/r/radio-group.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"A layout component with draggable handles for resizing panels.","type":"registry:ui","source_url":"https://blode.co/ui/r/resizable.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/resizable.json"},{"name":"responsive-dialog","title":"Responsive Dialog","description":"A dialog on desktop that becomes a drawer on small screens.","type":"registry:ui","source_url":"https://blode.co/ui/r/responsive-dialog.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/responsive-dialog.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrollable container with custom styled scrollbars.","type":"registry:ui","source_url":"https://blode.co/ui/r/scroll-area.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/scroll-area.json"},{"name":"search-input","title":"Search Input","description":"A search field with a clear button and an optional cycling placeholder.","type":"registry:ui","source_url":"https://blode.co/ui/r/search-input.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/search-input.json"},{"name":"select","title":"Select","description":"A dropdown control for choosing a single value from a list of options.","type":"registry:ui","source_url":"https://blode.co/ui/r/select.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/select.json"},{"name":"separator","title":"Separator","description":"A visual divider that separates content into distinct sections.","type":"registry:ui","source_url":"https://blode.co/ui/r/separator.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/separator.json"},{"name":"share","title":"Share","description":"A button that opens the native share sheet and falls back to copying the link.","type":"registry:ui","source_url":"https://blode.co/ui/r/share.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/share.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from the edge of the viewport with an overlay.","type":"registry:ui","source_url":"https://blode.co/ui/r/sheet.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible side navigation component with multiple layout variants.","type":"registry:ui","source_url":"https://blode.co/ui/r/sidebar.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder animation that indicates content is loading.","type":"registry:ui","source_url":"https://blode.co/ui/r/skeleton.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A draggable control for selecting a numeric value within a range.","type":"registry:ui","source_url":"https://blode.co/ui/r/slider.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/slider.json"},{"name":"sonner","title":"Sonner","description":"A toast notification component powered by Sonner.","type":"registry:ui","source_url":"https://blode.co/ui/r/sonner.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"An animated loading indicator for asynchronous operations.","type":"registry:ui","source_url":"https://blode.co/ui/r/spinner.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/spinner.json"},{"name":"stat","title":"Stat","description":"A compact metric card for showing a headline value and label.","type":"registry:ui","source_url":"https://blode.co/ui/r/stat.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/stat.json"},{"name":"stepper","title":"Stepper","description":"A numbered progress indicator for a multi-step flow.","type":"registry:ui","source_url":"https://blode.co/ui/r/stepper.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/stepper.json"},{"name":"switch","title":"Switch","description":"A toggle control for switching between on and off states.","type":"registry:ui","source_url":"https://blode.co/ui/r/switch.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table for displaying structured data in rows and columns.","type":"registry:ui","source_url":"https://blode.co/ui/r/table.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabbed interface that organises content into switchable panels.","type":"registry:ui","source_url":"https://blode.co/ui/r/tabs.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text input field for longer form content.","type":"registry:ui","source_url":"https://blode.co/ui/r/textarea.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/textarea.json"},{"name":"time-picker","title":"Time Picker","description":"A select of times at a fixed interval, formatted for the locale.","type":"registry:ui","source_url":"https://blode.co/ui/r/time-picker.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/time-picker.json"},{"name":"timezone-picker","title":"Timezone Picker","description":"A searchable list of IANA time zones with their current offset and time.","type":"registry:ui","source_url":"https://blode.co/ui/r/timezone-picker.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/timezone-picker.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be toggled on or off.","type":"registry:ui","source_url":"https://blode.co/ui/r/toggle.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of toggle buttons where one or more can be active.","type":"registry:ui","source_url":"https://blode.co/ui/r/toggle-group.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays helpful information when hovering or focusing an element.","type":"registry:ui","source_url":"https://blode.co/ui/r/tooltip.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/tooltip.json"},{"name":"kbd","title":"Kbd","description":"A styled keyboard key indicator for displaying shortcuts and key combinations.","type":"registry:ui","source_url":"https://blode.co/ui/r/kbd.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/kbd.json"},{"name":"native-select","title":"Native Select","description":"A styled wrapper around the native HTML select element.","type":"registry:ui","source_url":"https://blode.co/ui/r/native-select.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/native-select.json"},{"name":"direction","title":"Direction","description":"A context provider for managing text direction (LTR/RTL) across components.","type":"registry:ui","source_url":"https://blode.co/ui/r/direction.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/direction.json"},{"name":"file-thumbnail","title":"File Thumbnail","description":"A square preview tile for an attached file — an image thumbnail or a file icon with name.","type":"registry:ui","source_url":"https://blode.co/ui/r/file-thumbnail.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/file-thumbnail.json"},{"name":"chat-message","title":"Chat Message","description":"A chat transcript entry for user and assistant messages, with attachments and a hover meta row.","type":"registry:ui","source_url":"https://blode.co/ui/r/chat-message.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/chat-message.json"},{"name":"input-message","title":"Input Message","description":"A chat composer with an auto-resizing textarea, action slots, a send button, and drag-and-drop attachments.","type":"registry:ui","source_url":"https://blode.co/ui/r/input-message.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/input-message.json"},{"name":"thinking-indicator","title":"Thinking Indicator","description":"An animated status indicator with a morphing glyph and cycling text for thinking states.","type":"registry:ui","source_url":"https://blode.co/ui/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/thinking-indicator.json"},{"name":"thinking-steps","title":"Thinking Steps","description":"A collapsible chain-of-thought stepper with steps, sources, details, and images.","type":"registry:ui","source_url":"https://blode.co/ui/r/thinking-steps.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/thinking-steps.json"},{"name":"ask-user-questions","title":"Ask User Questions","description":"A stepped questionnaire with single- or multi-select options, free-form answers, and skip.","type":"registry:ui","source_url":"https://blode.co/ui/r/ask-user-questions.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/ask-user-questions.json"},{"name":"bubble","title":"Bubble","description":"A message surface for chat interfaces, with variants, alignment, reactions, and composable content.","type":"registry:ui","source_url":"https://blode.co/ui/r/bubble.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/bubble.json"},{"name":"message","title":"Message","description":"A row primitive for chat transcripts, pairing an avatar with content, header, and footer, aligned to the start or end.","type":"registry:ui","source_url":"https://blode.co/ui/r/message.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"A chat scroll container that anchors turns, opens saved transcripts, follows streamed responses, loads history without jumping, and jumps to any message.","type":"registry:ui","source_url":"https://blode.co/ui/r/message-scroller.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/message-scroller.json"},{"name":"attachment","title":"Attachment","description":"A card for files and images with upload, processing, error, and done states, an optional full-card trigger, and a scrollable group.","type":"registry:ui","source_url":"https://blode.co/ui/r/attachment.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/attachment.json"},{"name":"marker","title":"Marker","description":"A compact inline status line for activity feeds and transcripts, with optional icon, separator, and border variants.","type":"registry:ui","source_url":"https://blode.co/ui/r/marker.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/marker.json"},{"name":"weekly-hours","title":"Weekly Hours","description":"An editor for opening hours across the days of the week.","type":"registry:ui","source_url":"https://blode.co/ui/r/weekly-hours.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/weekly-hours.json"},{"name":"utils","title":"Utils","description":"Utility functions including cn() for merging Tailwind CSS classes.","type":"registry:lib","source_url":"https://blode.co/ui/r/utils.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/utils.json"},{"name":"google-fonts","title":"Google Fonts","description":"Fetch and preview Google Fonts, with stylesheet injection and cleanup.","type":"registry:lib","source_url":"https://blode.co/ui/r/google-fonts.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/google-fonts.json"},{"name":"live-stats","title":"Live Stats","description":"Cached server fetches for GitHub stars and npm downloads that fail closed to null.","type":"registry:lib","source_url":"https://blode.co/ui/r/live-stats.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/live-stats.json"},{"name":"use-copy-to-clipboard","title":"Use Copy To Clipboard","description":"A hook that copies text to the clipboard and resets after a timeout.","type":"registry:lib","source_url":"https://blode.co/ui/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/use-copy-to-clipboard.json"},{"name":"use-install-prompt","title":"Use Install Prompt","description":"A hook that exposes Chromium's deferred install prompt.","type":"registry:lib","source_url":"https://blode.co/ui/r/use-install-prompt.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/use-install-prompt.json"},{"name":"use-mobile","title":"Use Mobile","description":"A hook that detects whether the viewport matches a mobile breakpoint.","type":"registry:lib","source_url":"https://blode.co/ui/r/use-mobile.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/use-mobile.json"},{"name":"use-tab-observer","title":"Use Tab Observer","description":"A hook that observes and tracks the active tab indicator position.","type":"registry:lib","source_url":"https://blode.co/ui/r/use-tab-observer.json","install_command":"npx shadcn@latest add https://blode.co/ui/r/use-tab-observer.json"}]},{"id":"boldkit","name":"@boldkit","slug":"boldkit","description":"Free, open-source neubrutalism UI library supporting both React and Vue 3/Nuxt, installable via the shadcn CLI. Contains 56+ components, 15 section blocks, 7 full-page templates, 64 SVG shapes, and 14 chart types. Distinctive aesthetic: thick borders, hard shadows, and bold accent colors. Built on shadcn/ui (Radix UI) and shadcn-vue (Reka UI), Tailwind CSS v4, TypeScript. Use for: projects requiring a bold neubrutalism visual identity across both React and Vue stacks without switching libraries.","author":"ANIBIT14","framework":"vue","license":"MIT","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","retro","tables","theming"],"categories":["Component library (general)"],"labels":["pro","recently-updated"],"urls":{"website":"https://boldkit.dev","github":"https://github.com/ANIBIT14/boldkit","registry":"https://boldkit.dev/r/registry.json","source":"https://boldkit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/boldkit","markdown":"https://sh4dcn.netlify.app/md/boldkit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'><rect x='5' y='5' width='90' height='90' fill='var(--background)' stroke='var(--foreground)' stroke-width='6'/><rect x='20' y='20' width='25' height='25' fill='var(--foreground)'/><rect x='55' y='20' width='25' height='25' fill='var(--foreground)'/><rect x='20' y='55' width='25' height='25' fill='var(--foreground)'/><rect x='55' y='55' width='25' height='25' fill='var(--foreground)'/></svg>","preview_image":"https://ik.imagekit.io/fincalfy/Screenshot%202026-03-21%20at%209.48.00%E2%80%AFPM.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://boldkit.dev/pricing"},"metrics":{"github_stars":127,"open_issues":1,"last_commit":"2026-10-20T15:18:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://boldkit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://boldkit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://boldkit.dev/r/registry.json","clone":"git clone https://github.com/ANIBIT14/boldkit.git","clone_degit":"npx degit ANIBIT14/boldkit","registry_fetch":"curl -s https://boldkit.dev/r/registry.json"},"component_count":117,"components":[{"name":"theme","title":"Theme","description":"BoldKit neubrutalism theme with bold colors and CSS variables","type":"registry:theme","source_url":"https://boldkit.dev/r/theme.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme.json"},{"name":"theme-coral","title":"Theme: Coral","description":"BoldKit Coral preset (warm & bold). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-coral.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-coral.json"},{"name":"theme-purple","title":"Theme: Purple","description":"BoldKit Purple preset (vivid & dramatic). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-purple.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-purple.json"},{"name":"theme-forest","title":"Theme: Forest","description":"BoldKit Forest preset (earthy & fresh). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-forest.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-forest.json"},{"name":"theme-ocean","title":"Theme: Ocean","description":"BoldKit Ocean preset (cool & serene). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-ocean.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-ocean.json"},{"name":"theme-sunset","title":"Theme: Sunset","description":"BoldKit Sunset preset (fiery & expressive). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-sunset.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-sunset.json"},{"name":"theme-mono","title":"Theme: Mono","description":"BoldKit Mono preset (clean & minimal). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-mono.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-mono.json"},{"name":"theme-neon","title":"Theme: Neon","description":"BoldKit Neon preset (electric & raw). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-neon.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-neon.json"},{"name":"theme-electric","title":"Theme: Electric","description":"BoldKit Electric preset (punchy & vibrant). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-electric.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-electric.json"},{"name":"theme-candy","title":"Theme: Candy","description":"BoldKit Candy preset (sweet & playful). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-candy.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-candy.json"},{"name":"theme-cyberpunk","title":"Theme: Cyberpunk","description":"BoldKit Cyberpunk preset (toxic & dystopian). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-cyberpunk.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-cyberpunk.json"},{"name":"theme-retro","title":"Theme: Retro","description":"BoldKit Retro preset (vintage & gritty). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-retro.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-retro.json"},{"name":"theme-pastel","title":"Theme: Pastel","description":"BoldKit Pastel preset (soft & kawaii). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-pastel.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-pastel.json"},{"name":"theme-gold","title":"Theme: Gold","description":"BoldKit Gold preset (luxury & refined). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-gold.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-gold.json"},{"name":"theme-cherry","title":"Theme: Cherry","description":"BoldKit Cherry preset (bold & japanese). Swaps brand colours and the tinted neutral palette; needs BoldKit's base styles already installed.","type":"registry:theme","source_url":"https://boldkit.dev/r/theme-cherry.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/theme-cherry.json"},{"name":"font-outfit","title":"Font: Outfit","description":"BoldKit's body face (Outfit, variable). Self-hosted via Fontsource; sets --font-sans.","type":"registry:font","source_url":"https://boldkit.dev/r/font-outfit.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/font-outfit.json"},{"name":"font-dm-mono","title":"Font: DM Mono","description":"BoldKit's mono face (DM Mono). Self-hosted via Fontsource; sets --font-mono.","type":"registry:font","source_url":"https://boldkit.dev/r/font-dm-mono.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/font-dm-mono.json"},{"name":"boldkit","title":"BoldKit base","description":"Everything a project needs before adding BoldKit components: the neubrutalism stylesheet + motion system, the default theme, cn() utils, and the Outfit / DM Mo…","type":"registry:base","source_url":"https://boldkit.dev/r/boldkit.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/boldkit.json"},{"name":"utils","title":"Utils","description":"Utility functions for className merging","type":"registry:lib","source_url":"https://boldkit.dev/r/utils.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/utils.json"},{"name":"use-theme","title":"Use Theme","description":"Theme provider hook with light/dark/system support and localStorage persistence. Used by Sonner toast for theme-aware rendering.","type":"registry:hook","source_url":"https://boldkit.dev/r/use-theme.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/use-theme.json"},{"name":"error-boundary","title":"Error Boundary","description":"Error boundary wrapper with neubrutalism-styled fallback UI. Used by math-curve components to catch runtime errors gracefully.","type":"registry:component","source_url":"https://boldkit.dev/r/error-boundary.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/error-boundary.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/accordion.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention with bold neubrutalism borders","type":"registry:ui","source_url":"https://boldkit.dev/r/alert.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio","type":"registry:ui","source_url":"https://boldkit.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user","type":"registry:ui","source_url":"https://boldkit.dev/r/avatar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/badge.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links","type":"registry:ui","source_url":"https://boldkit.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Displays a button with neubrutalism styling and press-down animation","type":"registry:ui","source_url":"https://boldkit.dev/r/button.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer with thick borders and shadows","type":"registry:ui","source_url":"https://boldkit.dev/r/card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked","type":"registry:ui","source_url":"https://boldkit.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel","type":"registry:ui","source_url":"https://boldkit.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Searchable dropdown built by composing Popover and Command with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/combobox.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/combobox.json"},{"name":"command","title":"Command","description":"Fast, composable, command menu for React with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/command.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/command.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on the primary window with neubrutalism borders and shadows","type":"registry:ui","source_url":"https://boldkit.dev/r/dialog.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu of actions/options with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/dropdown-menu.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu triggered by right-click with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/context-menu.json"},{"name":"menubar","title":"Menubar","description":"A horizontal menu bar of desktop-style dropdown menus with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/menubar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links and dropdown panels for site navigation with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/navigation-menu.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel groups and handles with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/resizable.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/resizable.json"},{"name":"button-group","title":"Button Group","description":"Visually joins a row or column of buttons into one bordered unit","type":"registry:ui","source_url":"https://boldkit.dev/r/button-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/button-group.json"},{"name":"input-group","title":"Input Group","description":"An input joined with leading/trailing addons in a single bordered field","type":"registry:ui","source_url":"https://boldkit.dev/r/input-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/input-group.json"},{"name":"field","title":"Field","description":"Form field composition: label, control, description and error","type":"registry:ui","source_url":"https://boldkit.dev/r/field.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/field.json"},{"name":"native-select","title":"Native Select","description":"A styled wrapper around the native select element, a11y-first","type":"registry:ui","source_url":"https://boldkit.dev/r/native-select.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/native-select.json"},{"name":"number-field","title":"Number Field","description":"Numeric input with stepper buttons, min/max/step, keyboard control and Intl number formatting","type":"registry:ui","source_url":"https://boldkit.dev/r/number-field.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/number-field.json"},{"name":"date-picker","title":"Date Picker","description":"A single-date picker: a button trigger that opens a calendar popover","type":"registry:ui","source_url":"https://boldkit.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/date-picker.json"},{"name":"input","title":"Input","description":"Displays a form input field with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/input.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/input.json"},{"name":"label","title":"Label","description":"Renders an accessible label for form controls","type":"registry:ui","source_url":"https://boldkit.dev/r/label.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/label.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/popover.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task","type":"registry:ui","source_url":"https://boldkit.dev/r/progress.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons where only one can be checked at a time","type":"registry:ui","source_url":"https://boldkit.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom styling","type":"registry:ui","source_url":"https://boldkit.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/scroll-area.json"},{"name":"select","title":"Select","description":"Displays a list of options with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/select.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visually separates content with a thick border","type":"registry:ui","source_url":"https://boldkit.dev/r/separator.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Extends Dialog to display content that complements the main page","type":"registry:ui","source_url":"https://boldkit.dev/r/sheet.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Used to show a placeholder while content is loading","type":"registry:ui","source_url":"https://boldkit.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A jelly slider with spring physics and bouncy animations","type":"registry:ui","source_url":"https://boldkit.dev/r/slider.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/sonner.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sonner.json"},{"name":"toast","title":"Toast","description":"First-party brutalist toast stacks with an imperative toast() API, promise toasts, swipe and stacking","type":"registry:ui","source_url":"https://boldkit.dev/r/toast.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/toast.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between on and off","type":"registry:ui","source_url":"https://boldkit.dev/r/switch.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/table.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabbed interface component with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/tabs.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/textarea.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off","type":"registry:ui","source_url":"https://boldkit.dev/r/toggle.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A group of toggle buttons where only one can be pressed at a time","type":"registry:ui","source_url":"https://boldkit.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element","type":"registry:ui","source_url":"https://boldkit.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tooltip.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog for important confirmations with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/alert-dialog.json"},{"name":"calendar","title":"Calendar","description":"A date picker calendar with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/calendar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/calendar.json"},{"name":"drawer","title":"Drawer","description":"A drawer component that slides in from the edge of the screen","type":"registry:ui","source_url":"https://boldkit.dev/r/drawer.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/drawer.json"},{"name":"hover-card","title":"Hover Card","description":"A card that appears on hover with additional information","type":"registry:ui","source_url":"https://boldkit.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/hover-card.json"},{"name":"input-otp","title":"Input OTP","description":"One-time password input with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/input-otp.json"},{"name":"pagination","title":"Pagination","description":"Pagination controls for navigating through pages","type":"registry:ui","source_url":"https://boldkit.dev/r/pagination.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/pagination.json"},{"name":"chart","title":"Chart","description":"Beautiful charts with neubrutalism styling built on Recharts","type":"registry:ui","source_url":"https://boldkit.dev/r/chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chart.json"},{"name":"marquee","title":"Marquee","description":"Auto-scrolling text ticker with neubrutalism styling - a common brutalist design element","type":"registry:ui","source_url":"https://boldkit.dev/r/marquee.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/marquee.json"},{"name":"sticker","title":"Sticker","description":"Rotated labels and stamps with tape effect and double borders - neubrutalist decorative elements","type":"registry:ui","source_url":"https://boldkit.dev/r/sticker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sticker.json"},{"name":"layered-card","title":"Layered Card","description":"Card component with stacked layers effect showing offset depth - neubrutalist depth illusion","type":"registry:ui","source_url":"https://boldkit.dev/r/layered-card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/layered-card.json"},{"name":"shapes","title":"Shapes","description":"55 neubrutalist SVG shapes organized by category for badges, decorations, and visual accents","type":"registry:ui","source_url":"https://boldkit.dev/r/shapes.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/shapes.json"},{"name":"styles","title":"Styles","description":"BoldKit neubrutalism CSS variables and utilities","type":"registry:style","source_url":"https://boldkit.dev/r/styles.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/styles.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner with multiple animation variants - dots, bars, blocks, and brutal shadow spin","type":"registry:ui","source_url":"https://boldkit.dev/r/spinner.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/spinner.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key indicator for displaying shortcuts and hotkeys with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/kbd.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/kbd.json"},{"name":"stat-card","title":"Stat Card","description":"Statistics card with trend indicators, icons, and optional progress bars","type":"registry:ui","source_url":"https://boldkit.dev/r/stat-card.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/stat-card.json"},{"name":"stepper","title":"Stepper","description":"Multi-step form wizard with progress indicators, compound components pattern","type":"registry:ui","source_url":"https://boldkit.dev/r/stepper.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/stepper.json"},{"name":"multi-step-form","title":"Multi Step Form","description":"Dependency-free multi-step form state layer with per-step validation, designed to compose with Stepper","type":"registry:ui","source_url":"https://boldkit.dev/r/multi-step-form.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/multi-step-form.json"},{"name":"questionnaire","title":"Questionnaire","description":"Multi-step question flow with single/multiple/free-text questions, skip, conditional logic and keyboard shortcuts","type":"registry:ui","source_url":"https://boldkit.dev/r/questionnaire.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/questionnaire.json"},{"name":"dropzone","title":"Dropzone","description":"Drag-and-drop file upload with validation, progress tracking, and file list","type":"registry:ui","source_url":"https://boldkit.dev/r/dropzone.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/dropzone.json"},{"name":"sparkline","title":"Sparkline","description":"Tiny inline trend charts for tables and stat cards - line, area, and bar variants","type":"registry:ui","source_url":"https://boldkit.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sparkline.json"},{"name":"donut-chart","title":"Donut Chart","description":"Pie chart with center hole for KPI display, supports center content slot","type":"registry:ui","source_url":"https://boldkit.dev/r/donut-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/donut-chart.json"},{"name":"radial-bar-chart","title":"Radial Bar Chart","description":"Circular progress bars with nested rings for multiple metrics","type":"registry:ui","source_url":"https://boldkit.dev/r/radial-bar-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/radial-bar-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"Multi-variable comparison chart for skills, metrics, and feature comparisons","type":"registry:ui","source_url":"https://boldkit.dev/r/radar-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/radar-chart.json"},{"name":"gauge-chart","title":"Gauge Chart","description":"Speedometer-style gauge with color zones and animated needle - custom SVG implementation","type":"registry:ui","source_url":"https://boldkit.dev/r/gauge-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/gauge-chart.json"},{"name":"funnel-chart","title":"Funnel Chart","description":"Funnel chart for conversion flows and pipeline stages with neubrutalism styling","type":"registry:ui","source_url":"https://boldkit.dev/r/funnel-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/funnel-chart.json"},{"name":"treemap-chart","title":"Treemap Chart","description":"Treemap for hierarchical data visualization with proportional rectangles","type":"registry:ui","source_url":"https://boldkit.dev/r/treemap-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/treemap-chart.json"},{"name":"heatmap-chart","title":"Heatmap Chart","description":"Heatmap grid for correlation and intensity data - custom CSS Grid implementation","type":"registry:ui","source_url":"https://boldkit.dev/r/heatmap-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/heatmap-chart.json"},{"name":"sankey-chart","title":"Sankey Chart","description":"Sankey flow diagram for showing proportional flows between nodes - custom SVG implementation","type":"registry:ui","source_url":"https://boldkit.dev/r/sankey-chart.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sankey-chart.json"},{"name":"rating","title":"Rating","description":"Star rating component with half-values, multiple icons, and keyboard navigation","type":"registry:ui","source_url":"https://boldkit.dev/r/rating.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/rating.json"},{"name":"tag-input","title":"Tag Input","description":"Multi-tag input with suggestions, validation, and keyboard support","type":"registry:ui","source_url":"https://boldkit.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tag-input.json"},{"name":"time-picker","title":"Time Picker","description":"Popover-based time picker with 12h/24h format and scrollable columns","type":"registry:ui","source_url":"https://boldkit.dev/r/time-picker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/time-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Date range picker with presets, dual calendars, and customizable options","type":"registry:ui","source_url":"https://boldkit.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/date-range-picker.json"},{"name":"data-table","title":"Data Table","description":"Powerful data table with sorting, filtering, pagination, and row selection","type":"registry:ui","source_url":"https://boldkit.dev/r/data-table.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/data-table.json"},{"name":"carousel","title":"Carousel","description":"Carousel component with navigation, dots, and touch support built on Embla","type":"registry:ui","source_url":"https://boldkit.dev/r/carousel.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/carousel.json"},{"name":"chat","title":"Chat","description":"Chat / AI-assistant kit: MessageScroller (auto-follow, jump-to-latest, prepend anchoring), Message, Bubble, Attachment and Marker","type":"registry:ui","source_url":"https://boldkit.dev/r/chat.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chat.json"},{"name":"timeline","title":"Timeline","description":"Composable timeline for activity feeds, order tracking, and version history","type":"registry:ui","source_url":"https://boldkit.dev/r/timeline.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/timeline.json"},{"name":"tree-view","title":"Tree View","description":"Hierarchical tree view with expand/collapse, selection, and checkboxes","type":"registry:ui","source_url":"https://boldkit.dev/r/tree-view.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tree-view.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible sidebar with mobile drawer, tooltips, and keyboard shortcut","type":"registry:ui","source_url":"https://boldkit.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/sidebar.json"},{"name":"tour","title":"Tour","description":"Step-by-step product tour with spotlight highlighting and progress indicators","type":"registry:ui","source_url":"https://boldkit.dev/r/tour.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/tour.json"},{"name":"empty-state","title":"Empty State","description":"Empty state component with icon, title, description, and optional actions","type":"registry:ui","source_url":"https://boldkit.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/empty-state.json"},{"name":"math-curves","title":"Math Curves","description":"Framework-agnostic math engine for parametric curve animations (rose, lissajous, butterfly, hypotrochoid, cardioid, lemniscate, fourier, spiral, heart)","type":"registry:lib","source_url":"https://boldkit.dev/r/math-curves.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curves.json"},{"name":"math-curve-loader","title":"Math Curve Loader","description":"Animated mathematical curve loader with neubrutalism aesthetics — 8 curve variants including rose, lissajous, butterfly, and more","type":"registry:ui","source_url":"https://boldkit.dev/r/math-curve-loader.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curve-loader.json"},{"name":"math-curve-progress","title":"Math Curve Progress","description":"Progress indicator that traces a mathematical curve — value-driven head moves along the curve path from 0 to 100%","type":"registry:ui","source_url":"https://boldkit.dev/r/math-curve-progress.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curve-progress.json"},{"name":"math-curve-background","title":"Math Curve Background","description":"Ambient animated mathematical curve background layer with neubrutalism aesthetics — wraps content with a slow-moving curve animation","type":"registry:ui","source_url":"https://boldkit.dev/r/math-curve-background.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/math-curve-background.json"},{"name":"ascii-shapes","title":"ASCII Shapes","description":"7 animated ASCII art components (Spiral, Rose, Wave, Vortex, Pulse, Matrix, Grid) with 5 character sets, 4 sizes, and SSR-safe static mode","type":"registry:ui","source_url":"https://boldkit.dev/r/ascii-shapes.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/ascii-shapes.json"},{"name":"motion","title":"Motion","description":"BoldKit Motion System — framework-agnostic CSS tokens, keyframes, and six signature recipes (press, stamp-in, shake, reveal, slide-hard, pulse-shadow). Mobile-…","type":"registry:style","source_url":"https://boldkit.dev/r/motion.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/motion.json"},{"name":"motion-core","title":"Motion Core","description":"BoldKit Motion core — framework-agnostic, SSR-safe primitives (observeReveal, staggerChildren, triggerAnimation, startViewTransition, prefersReducedMotion) sha…","type":"registry:lib","source_url":"https://boldkit.dev/r/motion-core.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/motion-core.json"},{"name":"canvas-effect-core","title":"Canvas Effect Core","description":"BoldKit Canvas Effect core — framework-agnostic canvas lifecycle shared by every CanvasEffect: DPR-aware sizing with a pixel-count cap, pausing when off-screen…","type":"registry:lib","source_url":"https://boldkit.dev/r/canvas-effect-core.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/canvas-effect-core.json"},{"name":"use-canvas-effect","title":"Use Canvas Effect","description":"React hook that mounts an animated 2D canvas effect with a managed lifecycle — sizing, off-screen/background pausing, and reduced-motion — so a component only …","type":"registry:hook","source_url":"https://boldkit.dev/r/use-canvas-effect.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/use-canvas-effect.json"},{"name":"motion-react","title":"Motion React","description":"BoldKit Motion React adapter — <Motion>/<Reveal>/<Stagger> components plus useShake and useViewTransition hooks over a framework-agnostic core.","type":"registry:ui","source_url":"https://boldkit.dev/r/motion-react.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/motion-react.json"},{"name":"chart-export","title":"Chart Export","description":"BoldKit chart export helpers — framework-agnostic, SSR-safe CSV / PNG / SVG download and fullscreen toggle. Works with any chart engine that renders an <svg> (…","type":"registry:lib","source_url":"https://boldkit.dev/r/chart-export.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chart-export.json"},{"name":"chart-toolbar","title":"Chart Toolbar","description":"Brutalist chart toolbar overlay — export the wrapped chart as PNG or SVG, download its data as CSV, and toggle fullscreen.","type":"registry:ui","source_url":"https://boldkit.dev/r/chart-toolbar.json","install_command":"npx shadcn@latest add https://boldkit.dev/r/chart-toolbar.json"}]},{"id":"brainless","name":"@brainless","slug":"brainless","description":"Claude Code, Codex, and Grok interfaces as shadcn components — accessible React terminal-agent UI for docs, demos, and product surfaces.","author":"theswerd","framework":"react","license":"MIT","tags":["accessibility","ai","auth","cards","navigation","onboarding","retro"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://brainless.swerdlow.dev","github":"https://github.com/theswerd/brainless","registry":"https://brainless.swerdlow.dev/r/registry.json","source":"https://brainless.swerdlow.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/brainless","markdown":"https://sh4dcn.netlify.app/md/brainless.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='var(--foreground)'><rect x='5' y='5' width='14' height='14'/></svg>","preview_image":"https://brainless.swerdlow.dev/opengraph-image?234ed435f7768d62","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":842,"open_issues":1,"last_commit":"2026-09-25T18:06:25Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://brainless.swerdlow.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://brainless.swerdlow.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://brainless.swerdlow.dev/r/registry.json","clone":"git clone https://github.com/theswerd/brainless.git","clone_degit":"npx degit theswerd/brainless","registry_fetch":"curl -s https://brainless.swerdlow.dev/r/registry.json"},"component_count":40,"components":[{"name":"claude-header","title":"Claude Header","description":"Claude Code's welcome box — logo, tips, and model/cwd lines — with the title as a semantic fieldset legend.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-header.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-header.json"},{"name":"claude-message","title":"Claude Message","description":"A conversation turn — Claude Code's ❯ chip for the user, plain text for the assistant.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-message.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-message.json"},{"name":"claude-thinking","title":"Claude Thinking","description":"The working line — pulsing sparkle, rotating verb, elapsed/interrupt hint — as an aria-live status region.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-thinking.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-thinking.json"},{"name":"claude-tool-call","title":"Claude Tool Call","description":"The ⏺ / ⎿ tool line as a real, keyboard-operable <details> disclosure.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-tool-call.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-tool-call.json"},{"name":"claude-todo-list","title":"Claude Todo List","description":"The Update Todos block as a real list, with state labels and a struck-through done style.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-todo-list.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-todo-list.json"},{"name":"claude-diff","title":"Claude Diff","description":"An inline edit hunk with tinted +/- rows, line numbers, and off-screen added/removed labels.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-diff.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-diff.json"},{"name":"claude-permission","title":"Claude Permission","description":"The 'Do you want to proceed?' approval prompt as an arrow-key radiogroup.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-permission.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-permission.json"},{"name":"claude-prompt","title":"Claude Prompt","description":"The input composer — dual CSS rules around a real text input, effort chips (low ○ / medium ◐ / high ● / xhigh ◉ / max ◈ / ultracode ✦), and shift+tab modes (au…","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-prompt.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-prompt.json"},{"name":"claude-slash-menu","title":"Claude Slash Menu","description":"Slash-command palette above the real ClaudePrompt composer — type after / to filter, arrow keys to move.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/claude-slash-menu.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-slash-menu.json"},{"name":"codex-header","title":"Codex Header","description":"Codex CLI's monochrome launch card with its model / directory rows.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-header.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-header.json"},{"name":"codex-message","title":"Codex Message","description":"A Codex conversation turn — bold › user marker or plain assistant text.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-message.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-message.json"},{"name":"codex-exec","title":"Codex Exec","description":"A Codex action/exec line with a status dot and expandable output, as a real <details> disclosure.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-exec.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-exec.json"},{"name":"codex-working","title":"Codex Working","description":"Codex's Working line — a • bullet, grayscale shimmer on Working, and live elapsed/interrupt hint, as an aria-live status region.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-working.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-working.json"},{"name":"codex-prompt","title":"Codex Prompt","description":"Codex's › text input with warm model / green cwd status line and Plan mode tag (#bb9af7).","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-prompt.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-prompt.json"},{"name":"codex-diff","title":"Codex Diff","description":"Codex's full-screen /diff pager — spaced DIFF title bar, unified git hunks, ~ fillers, and quit footer.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-diff.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-diff.json"},{"name":"codex-permissions","title":"Codex Permissions","description":"The /permissions chooser — numbered Default / Auto-review / Full Access options as a real radiogroup.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-permissions.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-permissions.json"},{"name":"codex-slash-menu","title":"Codex Slash Menu","description":"Slash-command palette under the real CodexPrompt composer — type after / to filter, arrow keys to move.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/codex-slash-menu.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-slash-menu.json"},{"name":"grok-header","title":"Grok Header","description":"Grok CLI's launch card — the braille mark drawn as a crisp dot-matrix SVG with its resting grayscale-shimmer sweep (reduced-motion aware), build banner, and a …","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-header.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-header.json"},{"name":"grok-status","title":"Grok Status","description":"Top status bar — branch glyph, cwd, context usage (16K / 500K), and optional turn progress (2/3 ✓).","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-status.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-status.json"},{"name":"grok-message","title":"Grok Message","description":"A Grok conversation turn — the ❯ user marker or plain assistant text, with optional wall-clock timestamp.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-message.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-message.json"},{"name":"grok-event","title":"Grok Event","description":"A ◆ diamond event line — Thought, user_prompt_submit, stop — with optional [hooks: N/M] badge.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-event.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-event.json"},{"name":"grok-thought","title":"Grok Thought","description":"Completed or streaming thought — ◆ Thought for 0.2s, or a bordered Thinking… body.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-thought.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thought.json"},{"name":"grok-thinking","title":"Grok Thinking","description":"Grok's idle working line — a braille spinner and rotating verb in amber, as an aria-live status region.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-thinking.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-thinking.json"},{"name":"grok-working","title":"Grok Working","description":"In-turn status line — Waiting for response… with elapsed, ⇣token count, and [stop].","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-working.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-working.json"},{"name":"grok-tool","title":"Grok Tool","description":"A Grok action — compact verb+path, or a ┃ ◆ card with [hooks: N].","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-tool.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-tool.json"},{"name":"grok-write","title":"Grok Write","description":"Grok's inline write/edit chrome — line-numbered before/after inside a ┃ gutter, with optional hook ✓/✗ lines.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-write.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-write.json"},{"name":"grok-permission","title":"Grok Permission","description":"Grok's left-border approval card with (●)/(○) radios and a 1/3:select hint bar.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-permission.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-permission.json"},{"name":"grok-plan","title":"Grok Plan","description":"Grok's plan.md approval card — framed viewer, a/s/c/q actions, Waiting on plan approval, and plan-approval composer.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-plan.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-plan.json"},{"name":"grok-project-picker","title":"Grok Project Picker","description":"Run Grok Build in a project directory? — left-border chooser with recent dirs and a free-text option.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-project-picker.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-project-picker.json"},{"name":"grok-shortcuts","title":"Grok Shortcuts","description":"Keyboard Shortcuts modal (Ctrl+x) — nested ◆/› categories with key bindings.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-shortcuts.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-shortcuts.json"},{"name":"grok-settings","title":"Grok Settings","description":"Settings modal (F2) — Appearance / Mouse sections with ▸ rows, on/off values, and nested › pickers.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-settings.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-settings.json"},{"name":"grok-turn-end","title":"Grok Turn End","description":"Post-turn footer — Turn completed in 8.0s.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-turn-end.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-turn-end.json"},{"name":"grok-slash-menu","title":"Grok Slash Menu","description":"Slash-command overlay above the real GrokPrompt composer — ❯ active row, type after / to filter.","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-slash-menu.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-slash-menu.json"},{"name":"grok-prompt","title":"Grok Prompt","description":"Grok's rounded CSS-border composer with a real text input and model · mode legend (normal / plan / auto / always-approve / plan approval).","type":"registry:ui","source_url":"https://brainless.swerdlow.dev/r/grok-prompt.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-prompt.json"},{"name":"claude-session","title":"Claude Session","description":"A complete Claude Code screen: header, a full turn (plan, tool calls, diff, approval, working line) and the input composer.","type":"registry:block","source_url":"https://brainless.swerdlow.dev/r/claude-session.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/claude-session.json"},{"name":"codex-session","title":"Codex Session","description":"A complete Codex CLI screen: header, a full turn (messages, exec lines, working) and the › composer.","type":"registry:block","source_url":"https://brainless.swerdlow.dev/r/codex-session.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/codex-session.json"},{"name":"grok-session","title":"Grok Session","description":"A complete Grok CLI screen: status bar, header, and a full turn (events, thought, tools, write, approval, turn end) with the rounded composer.","type":"registry:block","source_url":"https://brainless.swerdlow.dev/r/grok-session.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session.json"},{"name":"grok-session-active","title":"Grok Session Active","description":"A mid-turn Grok CLI screen: status bar, streaming thought, tool card, write preview, and the working footer with ⇣tokens / [stop].","type":"registry:block","source_url":"https://brainless.swerdlow.dev/r/grok-session-active.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/grok-session-active.json"},{"name":"pied-piper-onboarding","title":"Pied Piper Onboarding","description":"An interactive sign-up flow — Pied Piper header, typed assistant lines, thinking between turns, and the Claude composer for name + intent.","type":"registry:block","source_url":"https://brainless.swerdlow.dev/r/pied-piper-onboarding.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/pied-piper-onboarding.json"},{"name":"index","title":"brainless","description":"Default brainless install — Claude, Codex, and Grok session blocks.","type":"registry:block","source_url":"https://brainless.swerdlow.dev/r/index.json","install_command":"npx shadcn@latest add https://brainless.swerdlow.dev/r/index.json"}]},{"id":"brut-ui","name":"@brut-ui","slug":"brut-ui","description":"Production-minded neo-brutalist shadcn components with three configurable flavours, strengths, and radius modes.","author":"devkit-labs","framework":"react","license":"MIT","tags":["auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","retro","tables"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://www.brut-ui.site","github":"https://github.com/devkit-labs/brut-ui","registry":"https://www.brut-ui.site/r/registry.json","source":"https://www.brut-ui.site/r/registry.json","page":"https://sh4dcn.netlify.app/registry/brut-ui","markdown":"https://sh4dcn.netlify.app/md/brut-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='7' y='7' width='22' height='22' fill='var(--foreground)'/><rect x='3' y='3' width='22' height='22' fill='#efd34b' stroke='var(--foreground)' stroke-width='2'/><text x='14' y='20' text-anchor='middle' font-family='Arial, sans-serif' font-size='14' font-weight='900' fill='var(--foreground)'>B</text></svg>","preview_image":"https://www.brut-ui.site/brut-ui-og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10,"open_issues":0,"last_commit":"2026-08-21T10:26:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.brut-ui.site/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.brut-ui.site/r/registry.json","install_bun":"bunx shadcn@latest add https://www.brut-ui.site/r/registry.json","clone":"git clone https://github.com/devkit-labs/brut-ui.git","clone_degit":"npx degit devkit-labs/brut-ui","registry_fetch":"curl -s https://www.brut-ui.site/r/registry.json"},"component_count":59,"components":[{"name":"base","title":"BRUT/UI Base","description":"Project-wide neo-brutalist tokens, flavours, strength levels, radii, focus states, and interaction utilities.","type":"registry:base","source_url":"https://www.brut-ui.site/r/base.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/base.json"},{"name":"accordion","title":"Accordion","description":"The BRUT/UI Accordion component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/accordion.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/accordion.json"},{"name":"alert","title":"Alert","description":"A structured alert that never relies on color alone.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/alert.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"The BRUT/UI Alert Dialog component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"The BRUT/UI Aspect Ratio component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"The BRUT/UI Attachment component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/attachment.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"The BRUT/UI Avatar component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/avatar.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/avatar.json"},{"name":"badge","title":"Badge","description":"A compact uppercase status marker.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/badge.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"The BRUT/UI Breadcrumb component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/breadcrumb.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"The BRUT/UI Bubble component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/bubble.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/bubble.json"},{"name":"button","title":"Button","description":"A tactile neo-brutalist button with the standard shadcn API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/button.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/button.json"},{"name":"button-group","title":"Button Group","description":"The BRUT/UI Button Group component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/button-group.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"The BRUT/UI Calendar component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/calendar.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/calendar.json"},{"name":"card","title":"Card","description":"A weighted panel with stronger elevation than controls.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/card.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/card.json"},{"name":"carousel","title":"Carousel","description":"The BRUT/UI Carousel component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/carousel.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/carousel.json"},{"name":"chart","title":"Chart","description":"The BRUT/UI Chart component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/chart.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"An accessible checkbox with clear checked and disabled states.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/checkbox.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"The BRUT/UI Collapsible component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/collapsible.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"The BRUT/UI Combobox component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/combobox.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/combobox.json"},{"name":"command","title":"Command","description":"The BRUT/UI Command component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/command.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"The BRUT/UI Context Menu component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/context-menu.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A strongly elevated modal that preserves Base UI focus and keyboard behavior.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/dialog.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"The BRUT/UI Drawer component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/drawer.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"The BRUT/UI Dropdown Menu component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"The BRUT/UI Empty component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/empty.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/empty.json"},{"name":"field","title":"Field","description":"The BRUT/UI Field component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/field.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/field.json"},{"name":"hover-card","title":"Hover Card","description":"The BRUT/UI Hover Card component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/hover-card.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/hover-card.json"},{"name":"input","title":"Input","description":"A high-contrast input with visible focus and invalid states.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/input.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/input.json"},{"name":"input-group","title":"Input Group","description":"The BRUT/UI Input Group component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/input-group.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/input-group.json"},{"name":"input-otp","title":"Input Otp","description":"The BRUT/UI Input Otp component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/input-otp.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/input-otp.json"},{"name":"item","title":"Item","description":"The BRUT/UI Item component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/item.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/item.json"},{"name":"kbd","title":"Kbd","description":"The BRUT/UI Kbd component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/kbd.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/kbd.json"},{"name":"label","title":"Label","description":"A bold accessible form label.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/label.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/label.json"},{"name":"marker","title":"Marker","description":"The BRUT/UI Marker component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/marker.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/marker.json"},{"name":"menubar","title":"Menubar","description":"The BRUT/UI Menubar component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/menubar.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/menubar.json"},{"name":"native-select","title":"Native Select","description":"The BRUT/UI Native Select component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/native-select.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"The BRUT/UI Navigation Menu component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"The BRUT/UI Pagination component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/pagination.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/pagination.json"},{"name":"popover","title":"Popover","description":"A compact neo-brutalist overlay with Base UI positioning and focus behavior.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/popover.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/popover.json"},{"name":"progress","title":"Progress","description":"A compact, high-contrast progress indicator.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/progress.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/progress.json"},{"name":"questionnaire","title":"Questionnaire","description":"The BRUT/UI Questionnaire component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/questionnaire.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/questionnaire.json"},{"name":"radio-group","title":"Radio Group","description":"The BRUT/UI Radio Group component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/radio-group.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"The BRUT/UI Resizable component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/resizable.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"The BRUT/UI Scroll Area component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/scroll-area.json"},{"name":"select","title":"Select","description":"A tactile neo-brutalist select with accessible keyboard navigation.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/select.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/select.json"},{"name":"separator","title":"Separator","description":"A structural separator keyed to the active strength level.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/separator.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/separator.json"},{"name":"sheet","title":"Sheet","description":"The BRUT/UI Sheet component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/sheet.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"The BRUT/UI Sidebar component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/sidebar.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"The BRUT/UI Skeleton component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/skeleton.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/skeleton.json"},{"name":"slider","title":"Slider","description":"The BRUT/UI Slider component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/slider.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/slider.json"},{"name":"spinner","title":"Spinner","description":"The BRUT/UI Spinner component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/spinner.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/spinner.json"},{"name":"switch","title":"Switch","description":"A chunky binary control with unmistakable state.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/switch.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/switch.json"},{"name":"table","title":"Table","description":"The BRUT/UI Table component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/table.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/table.json"},{"name":"tabs","title":"Tabs","description":"The BRUT/UI Tabs component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/tabs.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A grounded neo-brutalist multiline input.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/textarea.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/textarea.json"},{"name":"toast","title":"Toast","description":"The BRUT/UI Toast component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/toast.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/toast.json"},{"name":"toggle","title":"Toggle","description":"The BRUT/UI Toggle component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/toggle.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"The BRUT/UI Toggle Group component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"The BRUT/UI Tooltip component with the current shadcn behavior and API.","type":"registry:ui","source_url":"https://www.brut-ui.site/r/tooltip.json","install_command":"npx shadcn@latest add https://www.brut-ui.site/r/tooltip.json"}]},{"id":"bundui","name":"@bundui","slug":"bundui","description":"A curated collection of 200+ handcrafted UI components and blocks built with Tailwind CSS, Motion (Framer Motion), and shadcn/ui. Categories span marketing (hero sections, navbars, newsletters, bento grids, pricing), e-commerce (shopping carts, checkout forms), real-estate property listings, dashboard UI, base components, text effects, animated/motion components, and decorative backgrounds. Free and MIT-licensed. Use for: enriching a shadcn project with animated marketing, e-commerce, and dashboard blocks in a single registry.","author":"bundui","framework":"react","license":"MIT","tags":["aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","cms","components","dashboard","e-commerce","forms","icons","loaders","marketing","media","navigation","overlays","pro-available","saas","tables","text-effects"],"categories":["Component library (general)"],"labels":["featured","pro"],"urls":{"website":"https://bundui.io","github":"https://github.com/bundui/components","registry":"https://bundui.io/r/registry.json","source":"https://bundui.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/bundui","markdown":"https://sh4dcn.netlify.app/md/bundui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='277' height='292' viewBox='0 0 277 292' fill='none'><path d='M97 0C114.673 0 129 14.3269 129 32V39C129 52.8071 117.807 64 104 64C90.1929 64 79 75.1929 79 89V160C79 192.585 105.415 219 138 219H167C183.569 219 197 205.569 197 189C197 172.431 183.569 159 167 159H146C128.327 159 114 144.673 114 127C114 109.327 128.327 95 146 95H195.5C240.511 95 277 131.489 277 176.5V193.5C277 247.9 232.9 292 178.5 292H122C54.6213 292 0 237.379 0 170V64.5C0 28.8776 28.8776 0 64.5 0H97Z' fill='var(--foreground)'/></svg>","preview_image":"https://bundui.io/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://bundui.io/blocks/marketing/pricing-sections"},"metrics":{"github_stars":408,"open_issues":5,"last_commit":"2025-10-04T21:03:09Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://bundui.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://bundui.io/r/registry.json","install_bun":"bunx shadcn@latest add https://bundui.io/r/registry.json","clone":"git clone https://github.com/bundui/components.git","clone_degit":"npx degit bundui/components","registry_fetch":"curl -s https://bundui.io/r/registry.json"},"component_count":217,"components":[{"name":"accordion-default","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:component","source_url":"https://bundui.io/r/accordion-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/accordion-default.json"},{"name":"accordion-collapsible","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:component","source_url":"https://bundui.io/r/accordion-collapsible.json","install_command":"npx shadcn@latest add https://bundui.io/r/accordion-collapsible.json"},{"name":"accordion-with-plus-icon","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:component","source_url":"https://bundui.io/r/accordion-with-plus-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/accordion-with-plus-icon.json"},{"name":"alert-default","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-default.json"},{"name":"alert-with-icon","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-icon.json"},{"name":"alert-with-title","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-with-title.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-title.json"},{"name":"alert-with-action-button","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-with-action-button.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-action-button.json"},{"name":"alert-with-dismiss","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-with-dismiss.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-with-dismiss.json"},{"name":"alert-success","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-success.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-success.json"},{"name":"alert-warning","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-warning.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-warning.json"},{"name":"alert-danger","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://bundui.io/r/alert-danger.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-danger.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:component","source_url":"https://bundui.io/r/alert-dialog.json","install_command":"npx shadcn@latest add https://bundui.io/r/alert-dialog.json"},{"name":"avatar-default","title":"Avatar","description":"An image element with fallbacks for representing the user.","type":"registry:component","source_url":"https://bundui.io/r/avatar-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-default.json"},{"name":"avatar-fallback-only","title":"Avatar","description":"An image element with fallbacks for representing the user.","type":"registry:component","source_url":"https://bundui.io/r/avatar-fallback-only.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-fallback-only.json"},{"name":"avatar-with-status-indicator","title":"Avatar","description":"An image element with fallbacks for representing the user.","type":"registry:component","source_url":"https://bundui.io/r/avatar-with-status-indicator.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-with-status-indicator.json"},{"name":"avatar-avatar-group","title":"Avatar","description":"An image element with fallbacks for representing the user.","type":"registry:component","source_url":"https://bundui.io/r/avatar-avatar-group.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-avatar-group.json"},{"name":"avatar-sizes","title":"Avatar","description":"An image element with fallbacks for representing the user.","type":"registry:component","source_url":"https://bundui.io/r/avatar-sizes.json","install_command":"npx shadcn@latest add https://bundui.io/r/avatar-sizes.json"},{"name":"badge-default","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-default.json"},{"name":"badge-secondary","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-secondary.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-secondary.json"},{"name":"badge-destructive","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-destructive.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-destructive.json"},{"name":"badge-outline","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-outline.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-outline.json"},{"name":"badge-indicator","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-indicator.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-indicator.json"},{"name":"badge-with-icon","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-with-icon.json"},{"name":"badge-with-dismiss","title":"Badge","description":"Displays a badge or status indicator.","type":"registry:component","source_url":"https://bundui.io/r/badge-with-dismiss.json","install_command":"npx shadcn@latest add https://bundui.io/r/badge-with-dismiss.json"},{"name":"breadcrumb-default","title":"Breadcrumb","description":"Displays a breadcrumb navigation.","type":"registry:component","source_url":"https://bundui.io/r/breadcrumb-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/breadcrumb-default.json"},{"name":"breadcrumb-with-icon","title":"Breadcrumb","description":"Displays a breadcrumb navigation.","type":"registry:component","source_url":"https://bundui.io/r/breadcrumb-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/breadcrumb-with-icon.json"},{"name":"breadcrumb-with-dropdown","title":"Breadcrumb","description":"Displays a breadcrumb navigation.","type":"registry:component","source_url":"https://bundui.io/r/breadcrumb-with-dropdown.json","install_command":"npx shadcn@latest add https://bundui.io/r/breadcrumb-with-dropdown.json"},{"name":"button-default","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-default.json"},{"name":"button-secondary","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-secondary.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-secondary.json"},{"name":"button-destructive","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-destructive.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-destructive.json"},{"name":"button-outline","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-outline.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-outline.json"},{"name":"button-ghost","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-ghost.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-ghost.json"},{"name":"button-link","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-link.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-link.json"},{"name":"button-with-icon","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-with-icon.json"},{"name":"button-only-icon","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-only-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-only-icon.json"},{"name":"button-icon-sizes","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-icon-sizes.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-icon-sizes.json"},{"name":"button-sizes","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-sizes.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-sizes.json"},{"name":"button-disabled","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-disabled.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-disabled.json"},{"name":"button-loading","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-loading.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-loading.json"},{"name":"button-loading-with-icon","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://bundui.io/r/button-loading-with-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/button-loading-with-icon.json"},{"name":"calendar","title":"Calendar","description":"A date picker component with range and single date selection.","type":"registry:component","source_url":"https://bundui.io/r/calendar.json","install_command":"npx shadcn@latest add https://bundui.io/r/calendar.json"},{"name":"card-default","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-default.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-default.json"},{"name":"card-with-header","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-with-header.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-header.json"},{"name":"card-with-header-description","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-with-header-description.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-header-description.json"},{"name":"card-with-header-icon","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-with-header-icon.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-header-icon.json"},{"name":"card-with-action","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-with-action.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-action.json"},{"name":"card-with-footer","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-with-footer.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-with-footer.json"},{"name":"card-colored","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://bundui.io/r/card-colored.json","install_command":"npx shadcn@latest add https://bundui.io/r/card-colored.json"},{"name":"carousel-01","title":"Carousel","description":"A carousel component for cycling through a series of content.","type":"registry:component","source_url":"https://bundui.io/r/carousel-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/carousel-01.json"},{"name":"carousel-02","title":"Carousel","description":"A carousel component for cycling through a series of content.","type":"registry:component","source_url":"https://bundui.io/r/carousel-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/carousel-02.json"},{"name":"carousel-03","title":"Carousel","description":"A carousel component for cycling through a series of content.","type":"registry:component","source_url":"https://bundui.io/r/carousel-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/carousel-03.json"},{"name":"chart","title":"Chart","description":"Beautiful charts. Built using Recharts. Copy and paste into your apps.","type":"registry:component","source_url":"https://bundui.io/r/chart.json","install_command":"npx shadcn@latest add https://bundui.io/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:component","source_url":"https://bundui.io/r/checkbox.json","install_command":"npx shadcn@latest add https://bundui.io/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"Used to hide and show content with a smooth animation.","type":"registry:component","source_url":"https://bundui.io/r/collapsible.json","install_command":"npx shadcn@latest add https://bundui.io/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Combines a text input with a list of options.","type":"registry:component","source_url":"https://bundui.io/r/combobox.json","install_command":"npx shadcn@latest add https://bundui.io/r/combobox.json"},{"name":"command","title":"Command","description":"Fast, composable command palette component.","type":"registry:component","source_url":"https://bundui.io/r/command.json","install_command":"npx shadcn@latest add https://bundui.io/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu to the user — triggered by a right click.","type":"registry:component","source_url":"https://bundui.io/r/context-menu.json","install_command":"npx shadcn@latest add https://bundui.io/r/context-menu.json"},{"name":"data-table-01","title":"Data Table","description":"Display complex data in a table format with filtering, sorting and pagination.","type":"registry:component","source_url":"https://bundui.io/r/data-table-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/data-table-01.json"},{"name":"data-table-02","title":"Data Table","description":"Display complex data in a table format with filtering, sorting and pagination.","type":"registry:component","source_url":"https://bundui.io/r/data-table-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/data-table-02.json"},{"name":"data-table-03","title":"Data Table","description":"Display complex data in a table format with filtering, sorting and pagination.","type":"registry:component","source_url":"https://bundui.io/r/data-table-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/data-table-03.json"},{"name":"date-picker","title":"Date Picker","description":"A styled date picker component built using calendar.","type":"registry:component","source_url":"https://bundui.io/r/date-picker.json","install_command":"npx shadcn@latest add https://bundui.io/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:component","source_url":"https://bundui.io/r/dialog.json","install_command":"npx shadcn@latest add https://bundui.io/r/dialog.json"},{"name":"divider-01","title":"Divider","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:component","source_url":"https://bundui.io/r/divider-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/divider-01.json"},{"name":"divider-02","title":"Divider","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:component","source_url":"https://bundui.io/r/divider-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/divider-02.json"},{"name":"divider-03","title":"Divider","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:component","source_url":"https://bundui.io/r/divider-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/divider-03.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides out from the edge of the screen.","type":"registry:component","source_url":"https://bundui.io/r/drawer.json","install_command":"npx shadcn@latest add https://bundui.io/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — triggered by a button.","type":"registry:component","source_url":"https://bundui.io/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://bundui.io/r/dropdown-menu.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:component","source_url":"https://bundui.io/r/hover-card.json","install_command":"npx shadcn@latest add https://bundui.io/r/hover-card.json"},{"name":"input","title":"Input","description":"Displays a form input field or a component that looks like an input field.","type":"registry:component","source_url":"https://bundui.io/r/input.json","install_command":"npx shadcn@latest add https://bundui.io/r/input.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time password component with copy paste functionality.","type":"registry:component","source_url":"https://bundui.io/r/input-otp.json","install_command":"npx shadcn@latest add https://bundui.io/r/input-otp.json"},{"name":"menubar","title":"Menubar","description":"Displays a menu bar with nested menus.","type":"registry:component","source_url":"https://bundui.io/r/menubar.json","install_command":"npx shadcn@latest add https://bundui.io/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A set of layered menu items—triggered by hover or click.","type":"registry:component","source_url":"https://bundui.io/r/navigation-menu.json","install_command":"npx shadcn@latest add https://bundui.io/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:component","source_url":"https://bundui.io/r/pagination.json","install_command":"npx shadcn@latest add https://bundui.io/r/pagination.json"},{"name":"popover","title":"Popover","description":"A pop-up element that appears next to a trigger element.","type":"registry:component","source_url":"https://bundui.io/r/popover.json","install_command":"npx shadcn@latest add https://bundui.io/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:component","source_url":"https://bundui.io/r/progress.json","install_command":"npx shadcn@latest add https://bundui.io/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons—only one can be selected at a time.","type":"registry:component","source_url":"https://bundui.io/r/radio-group.json","install_command":"npx shadcn@latest add https://bundui.io/r/radio-group.json"},{"name":"select-01","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button.","type":"registry:component","source_url":"https://bundui.io/r/select-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-01.json"},{"name":"select-02","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button.","type":"registry:component","source_url":"https://bundui.io/r/select-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-02.json"},{"name":"select-03","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button.","type":"registry:component","source_url":"https://bundui.io/r/select-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-03.json"},{"name":"select-04","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button.","type":"registry:component","source_url":"https://bundui.io/r/select-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-04.json"},{"name":"select-05","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button.","type":"registry:component","source_url":"https://bundui.io/r/select-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/select-05.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to create panels that slide in from the edge of the screen.","type":"registry:component","source_url":"https://bundui.io/r/sheet.json","install_command":"npx shadcn@latest add https://bundui.io/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component.","type":"registry:component","source_url":"https://bundui.io/r/sidebar.json","install_command":"npx shadcn@latest add https://bundui.io/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Displays a placeholder preview of your content before it loads.","type":"registry:component","source_url":"https://bundui.io/r/skeleton.json","install_command":"npx shadcn@latest add https://bundui.io/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:component","source_url":"https://bundui.io/r/slider.json","install_command":"npx shadcn@latest add https://bundui.io/r/slider.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:component","source_url":"https://bundui.io/r/switch.json","install_command":"npx shadcn@latest add https://bundui.io/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","type":"registry:component","source_url":"https://bundui.io/r/tabs.json","install_command":"npx shadcn@latest add https://bundui.io/r/tabs.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:component","source_url":"https://bundui.io/r/toggle-group.json","install_command":"npx shadcn@latest add https://bundui.io/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element when hovered.","type":"registry:component","source_url":"https://bundui.io/r/tooltip.json","install_command":"npx shadcn@latest add https://bundui.io/r/tooltip.json"},{"name":"hero-sections-01","title":"Hero Sections","description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist…","type":"registry:component","source_url":"https://bundui.io/r/hero-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-01.json"},{"name":"hero-sections-02","title":"Hero Sections","description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist…","type":"registry:component","source_url":"https://bundui.io/r/hero-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-02.json"},{"name":"hero-sections-03","title":"Hero Sections","description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist…","type":"registry:component","source_url":"https://bundui.io/r/hero-sections-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-03.json"},{"name":"hero-sections-04","title":"Hero Sections","description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist…","type":"registry:component","source_url":"https://bundui.io/r/hero-sections-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-04.json"},{"name":"hero-sections-05","title":"Hero Sections","description":"Explore beautifully crafted Tailwind CSS hero sections designed to deliver a powerful first impression with clarity and purpose. These layouts blend minimalist…","type":"registry:component","source_url":"https://bundui.io/r/hero-sections-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/hero-sections-05.json"},{"name":"cta-sections-01","title":"CTA Sections","description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent b…","type":"registry:component","source_url":"https://bundui.io/r/cta-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-01.json"},{"name":"cta-sections-02","title":"CTA Sections","description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent b…","type":"registry:component","source_url":"https://bundui.io/r/cta-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-02.json"},{"name":"cta-sections-03","title":"CTA Sections","description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent b…","type":"registry:component","source_url":"https://bundui.io/r/cta-sections-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-03.json"},{"name":"cta-sections-04","title":"CTA Sections","description":"Craft compelling Tailwind CSS CTA sections that guide users toward your key actions. These designs combine minimalist layouts, clear messaging, and prominent b…","type":"registry:component","source_url":"https://bundui.io/r/cta-sections-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/cta-sections-04.json"},{"name":"pricing-sections-01","title":"Pricing Sections","description":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sections. These layouts highlight features, pricing tiers, and value propos…","type":"registry:component","source_url":"https://bundui.io/r/pricing-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/pricing-sections-01.json"},{"name":"pricing-sections-02","title":"Pricing Sections","description":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sections. These layouts highlight features, pricing tiers, and value propos…","type":"registry:component","source_url":"https://bundui.io/r/pricing-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/pricing-sections-02.json"},{"name":"pricing-sections-03","title":"Pricing Sections","description":"Showcase your product or service plans with elegantly designed Tailwind CSS pricing sections. These layouts highlight features, pricing tiers, and value propos…","type":"registry:component","source_url":"https://bundui.io/r/pricing-sections-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/pricing-sections-03.json"},{"name":"newsletter-sections","title":"Newsletter Sections","description":"Engage and grow your audience with beautifully designed Tailwind CSS newsletter sections. These layouts combine clean forms, compelling copy, and subtle visual…","type":"registry:component","source_url":"https://bundui.io/r/newsletter-sections.json","install_command":"npx shadcn@latest add https://bundui.io/r/newsletter-sections.json"},{"name":"testimonials-01","title":"Testimonials","description":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testimonial sections. These layouts feature user quotes, ratings, and profi…","type":"registry:component","source_url":"https://bundui.io/r/testimonials-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/testimonials-01.json"},{"name":"testimonials-02","title":"Testimonials","description":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testimonial sections. These layouts feature user quotes, ratings, and profi…","type":"registry:component","source_url":"https://bundui.io/r/testimonials-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/testimonials-02.json"},{"name":"testimonials-03","title":"Testimonials","description":"Highlight customer experiences and build trust with elegantly designed Tailwind CSS testimonial sections. These layouts feature user quotes, ratings, and profi…","type":"registry:component","source_url":"https://bundui.io/r/testimonials-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/testimonials-03.json"},{"name":"blog-sections-01","title":"Blog Sections","description":"Showcase your articles and content in beautifully structured Tailwind CSS blog sections. These layouts combine clear headings, featured images, and engaging ex…","type":"registry:component","source_url":"https://bundui.io/r/blog-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/blog-sections-01.json"},{"name":"blog-sections-02","title":"Blog Sections","description":"Showcase your articles and content in beautifully structured Tailwind CSS blog sections. These layouts combine clear headings, featured images, and engaging ex…","type":"registry:component","source_url":"https://bundui.io/r/blog-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/blog-sections-02.json"},{"name":"team-sections-01","title":"Team Sections","description":"Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member profiles, roles, and social links with clean layouts and subtle visuals…","type":"registry:component","source_url":"https://bundui.io/r/team-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/team-sections-01.json"},{"name":"team-sections-02","title":"Team Sections","description":"Showcase your team with elegantly designed Tailwind CSS team sections. Highlight member profiles, roles, and social links with clean layouts and subtle visuals…","type":"registry:component","source_url":"https://bundui.io/r/team-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/team-sections-02.json"},{"name":"stats-section-01","title":"Stats Section","description":"Highlight key metrics and performance figures with Tailwind CSS stats sections. These layouts showcase numbers, percentages, and visual indicators in a clean, …","type":"registry:component","source_url":"https://bundui.io/r/stats-section-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/stats-section-01.json"},{"name":"stats-section-02","title":"Stats Section","description":"Highlight key metrics and performance figures with Tailwind CSS stats sections. These layouts showcase numbers, percentages, and visual indicators in a clean, …","type":"registry:component","source_url":"https://bundui.io/r/stats-section-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/stats-section-02.json"},{"name":"integrations","title":"Integrations","description":"Showcase your product’s compatibility and connected services with Tailwind CSS integrations sections. These layouts feature logos, brief descriptions, and visu…","type":"registry:component","source_url":"https://bundui.io/r/integrations.json","install_command":"npx shadcn@latest add https://bundui.io/r/integrations.json"},{"name":"footers","title":"Footers","description":"Create polished, functional Tailwind CSS footer sections that organize links, contact info, and calls-to-action elegantly. These layouts provide clear navigati…","type":"registry:component","source_url":"https://bundui.io/r/footers.json","install_command":"npx shadcn@latest add https://bundui.io/r/footers.json"},{"name":"promotional-01","title":"Promotional","description":"Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional sections. These layouts combine bold visuals, concise messaging, and…","type":"registry:component","source_url":"https://bundui.io/r/promotional-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/promotional-01.json"},{"name":"promotional-02","title":"Promotional","description":"Highlight special offers, product launches, or key campaigns with Tailwind CSS promotional sections. These layouts combine bold visuals, concise messaging, and…","type":"registry:component","source_url":"https://bundui.io/r/promotional-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/promotional-02.json"},{"name":"feature-sections","title":"Feature Sections","description":"Showcase your product’s key features with elegantly designed Tailwind CSS feature sections. These layouts highlight benefits, functionalities, and unique selli…","type":"registry:component","source_url":"https://bundui.io/r/feature-sections.json","install_command":"npx shadcn@latest add https://bundui.io/r/feature-sections.json"},{"name":"contact-sections","title":"Contact Sections","description":"Facilitate communication with elegantly designed Tailwind CSS contact sections. These layouts combine clean forms, contact details, and subtle visuals to encou…","type":"registry:component","source_url":"https://bundui.io/r/contact-sections.json","install_command":"npx shadcn@latest add https://bundui.io/r/contact-sections.json"},{"name":"logo-clouds-01","title":"Logo Clouds","description":"Showcase your brand partnerships, clients, or featured companies with Tailwind CSS logo cloud sections. These layouts present logos in clean, organized, and vi…","type":"registry:component","source_url":"https://bundui.io/r/logo-clouds-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/logo-clouds-01.json"},{"name":"logo-clouds-02","title":"Logo Clouds","description":"Showcase your brand partnerships, clients, or featured companies with Tailwind CSS logo cloud sections. These layouts present logos in clean, organized, and vi…","type":"registry:component","source_url":"https://bundui.io/r/logo-clouds-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/logo-clouds-02.json"},{"name":"navbars-01","title":"Navbars","description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide …","type":"registry:component","source_url":"https://bundui.io/r/navbars-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-01.json"},{"name":"navbars-02","title":"Navbars","description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide …","type":"registry:component","source_url":"https://bundui.io/r/navbars-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-02.json"},{"name":"navbars-03","title":"Navbars","description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide …","type":"registry:component","source_url":"https://bundui.io/r/navbars-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-03.json"},{"name":"navbars-04","title":"Navbars","description":"Create clean, responsive navigation with Tailwind CSS navbar sections. These layouts provide intuitive menus, clear branding, and subtle interactions to guide …","type":"registry:component","source_url":"https://bundui.io/r/navbars-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/navbars-04.json"},{"name":"banners-01","title":"Banners","description":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-t…","type":"registry:component","source_url":"https://bundui.io/r/banners-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/banners-01.json"},{"name":"banners-02","title":"Banners","description":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-t…","type":"registry:component","source_url":"https://bundui.io/r/banners-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/banners-02.json"},{"name":"banners-03","title":"Banners","description":"Highlight promotions, announcements, or key messages with Tailwind CSS banner sections. These layouts combine bold visuals, concise copy, and strategic calls-t…","type":"registry:component","source_url":"https://bundui.io/r/banners-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/banners-03.json"},{"name":"cookie-consent-01","title":"Cookie Consent","description":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject opt…","type":"registry:component","source_url":"https://bundui.io/r/cookie-consent-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/cookie-consent-01.json"},{"name":"cookie-consent-02","title":"Cookie Consent","description":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject opt…","type":"registry:component","source_url":"https://bundui.io/r/cookie-consent-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/cookie-consent-02.json"},{"name":"cookie-consent-03","title":"Cookie Consent","description":"Ensure compliance and build trust with elegantly designed Tailwind CSS cookie consent sections. These layouts provide clear messaging, simple accept/reject opt…","type":"registry:component","source_url":"https://bundui.io/r/cookie-consent-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/cookie-consent-03.json"},{"name":"product-details","title":"Product Details","description":"Showcase detailed product information with Tailwind CSS e-commerce product detail sections. These layouts highlight images, descriptions, specifications, prici…","type":"registry:component","source_url":"https://bundui.io/r/product-details.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-details.json"},{"name":"product-list-01","title":"Product List","description":"Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsin…","type":"registry:component","source_url":"https://bundui.io/r/product-list-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-list-01.json"},{"name":"product-list-02","title":"Product List","description":"Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsin…","type":"registry:component","source_url":"https://bundui.io/r/product-list-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-list-02.json"},{"name":"product-list-03","title":"Product List","description":"Display products in clean and engaging Tailwind CSS product list sections. These layouts feature images, titles, prices, and brief descriptions, making browsin…","type":"registry:component","source_url":"https://bundui.io/r/product-list-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-list-03.json"},{"name":"category-previews-01","title":"Category Previews","description":"Highlight product categories with visually engaging Tailwind CSS category preview sections. These layouts showcase images, titles, and brief descriptions to gu…","type":"registry:component","source_url":"https://bundui.io/r/category-previews-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/category-previews-01.json"},{"name":"category-previews-02","title":"Category Previews","description":"Highlight product categories with visually engaging Tailwind CSS category preview sections. These layouts showcase images, titles, and brief descriptions to gu…","type":"registry:component","source_url":"https://bundui.io/r/category-previews-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/category-previews-02.json"},{"name":"shopping-carts-01","title":"Shopping Carts","description":"Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These layouts display selected products, quantities, prices, and total amounts…","type":"registry:component","source_url":"https://bundui.io/r/shopping-carts-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/shopping-carts-01.json"},{"name":"shopping-carts-02","title":"Shopping Carts","description":"Provide a seamless shopping experience with Tailwind CSS shopping cart sections. These layouts display selected products, quantities, prices, and total amounts…","type":"registry:component","source_url":"https://bundui.io/r/shopping-carts-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/shopping-carts-02.json"},{"name":"category-filters","title":"Category Filters","description":"Enable shoppers to quickly find products with Tailwind CSS category filter sections. These layouts provide checkboxes, dropdowns, and tags to refine searches, …","type":"registry:component","source_url":"https://bundui.io/r/category-filters.json","install_command":"npx shadcn@latest add https://bundui.io/r/category-filters.json"},{"name":"product-quickviews-01","title":"Product Quickviews","description":"Allow shoppers to preview product details instantly with Tailwind CSS product quickview sections. These layouts showcase images, key features, pricing, and cal…","type":"registry:component","source_url":"https://bundui.io/r/product-quickviews-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-quickviews-01.json"},{"name":"product-quickviews-02","title":"Product Quickviews","description":"Allow shoppers to preview product details instantly with Tailwind CSS product quickview sections. These layouts showcase images, key features, pricing, and cal…","type":"registry:component","source_url":"https://bundui.io/r/product-quickviews-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-quickviews-02.json"},{"name":"product-cards-01","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-01.json"},{"name":"product-cards-02","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-02.json"},{"name":"product-cards-03","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-03.json"},{"name":"product-cards-04","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-04.json"},{"name":"product-cards-05","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-05.json"},{"name":"product-cards-06","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-06.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-06.json"},{"name":"product-cards-07","title":"Product Cards","description":"Showcase products elegantly with Tailwind CSS product card sections. These layouts combine images, titles, prices, and brief descriptions in visually appealing…","type":"registry:component","source_url":"https://bundui.io/r/product-cards-07.json","install_command":"npx shadcn@latest add https://bundui.io/r/product-cards-07.json"},{"name":"store-navigations","title":"Store Navigations","description":"Create intuitive and responsive navigation for online stores with Tailwind CSS store navigation sections. These layouts feature menus, categories, and search o…","type":"registry:component","source_url":"https://bundui.io/r/store-navigations.json","install_command":"npx shadcn@latest add https://bundui.io/r/store-navigations.json"},{"name":"promo-sections-01","title":"Promo Sections","description":"“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sections. These layouts combine bold visuals, concise messaging, and promin…","type":"registry:component","source_url":"https://bundui.io/r/promo-sections-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/promo-sections-01.json"},{"name":"promo-sections-02","title":"Promo Sections","description":"“Highlight special offers, discounts, or limited-time deals with Tailwind CSS promo sections. These layouts combine bold visuals, concise messaging, and promin…","type":"registry:component","source_url":"https://bundui.io/r/promo-sections-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/promo-sections-02.json"},{"name":"checkout-forms-01","title":"Checkout Forms","description":"Streamline the purchasing process with Tailwind CSS checkout form sections. These layouts feature organized fields, clear labels, and responsive design to ensu…","type":"registry:component","source_url":"https://bundui.io/r/checkout-forms-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/checkout-forms-01.json"},{"name":"checkout-forms-02","title":"Checkout Forms","description":"Streamline the purchasing process with Tailwind CSS checkout form sections. These layouts feature organized fields, clear labels, and responsive design to ensu…","type":"registry:component","source_url":"https://bundui.io/r/checkout-forms-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/checkout-forms-02.json"},{"name":"customer-reviews","title":"Customer Reviews","description":"Showcase authentic customer feedback with Tailwind CSS customer review sections. These layouts feature ratings, user comments, and profile visuals to build tru…","type":"registry:component","source_url":"https://bundui.io/r/customer-reviews.json","install_command":"npx shadcn@latest add https://bundui.io/r/customer-reviews.json"},{"name":"order-summaries-01","title":"Order Summaries","description":"Provide clear and organized order details with Tailwind CSS order summary sections. These layouts display purchased items, quantities, prices, and totals in a …","type":"registry:component","source_url":"https://bundui.io/r/order-summaries-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/order-summaries-01.json"},{"name":"order-summaries-02","title":"Order Summaries","description":"Provide clear and organized order details with Tailwind CSS order summary sections. These layouts display purchased items, quantities, prices, and totals in a …","type":"registry:component","source_url":"https://bundui.io/r/order-summaries-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/order-summaries-02.json"},{"name":"page-layouts-01","title":"Page Layouts","description":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These sections combine sidebars, headers, content areas, and responsive gr…","type":"registry:component","source_url":"https://bundui.io/r/page-layouts-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/page-layouts-01.json"},{"name":"page-layouts-02","title":"Page Layouts","description":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These sections combine sidebars, headers, content areas, and responsive gr…","type":"registry:component","source_url":"https://bundui.io/r/page-layouts-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/page-layouts-02.json"},{"name":"page-layouts-03","title":"Page Layouts","description":"Design organized and intuitive dashboard experiences with Tailwind CSS page layouts. These sections combine sidebars, headers, content areas, and responsive gr…","type":"registry:component","source_url":"https://bundui.io/r/page-layouts-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/page-layouts-03.json"},{"name":"sidebar-layouts","title":"Sidebar Layouts","description":"Create organized and accessible dashboard interfaces with Tailwind CSS sidebar layouts. These sections feature collapsible menus, clear navigation, and respons…","type":"registry:component","source_url":"https://bundui.io/r/sidebar-layouts.json","install_command":"npx shadcn@latest add https://bundui.io/r/sidebar-layouts.json"},{"name":"stat-cards-01","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-01.json"},{"name":"stat-cards-02","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-02.json"},{"name":"stat-cards-03","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-03.json"},{"name":"stat-cards-04","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-04.json"},{"name":"stat-cards-05","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-05.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-05.json"},{"name":"stat-cards-06","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-06.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-06.json"},{"name":"stat-cards-07","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-07.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-07.json"},{"name":"stat-cards-08","title":"Stats Cards","description":"Display key metrics and performance indicators with Tailwind CSS stats cards. These layouts use clean typography, icons, and visual cues to make data easily di…","type":"registry:component","source_url":"https://bundui.io/r/stat-cards-08.json","install_command":"npx shadcn@latest add https://bundui.io/r/stat-cards-08.json"},{"name":"tables","title":"Tables","description":"Organize and present data efficiently with Tailwind CSS dashboard tables. These layouts feature sortable columns, clean typography, and responsive design to ma…","type":"registry:component","source_url":"https://bundui.io/r/tables.json","install_command":"npx shadcn@latest add https://bundui.io/r/tables.json"},{"name":"form-layouts-01","title":"Form Layouts","description":"Design clean and efficient dashboard forms with Tailwind CSS form layouts. These sections feature organized fields, clear labels, and responsive design to enha…","type":"registry:component","source_url":"https://bundui.io/r/form-layouts-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/form-layouts-01.json"},{"name":"form-layouts-02","title":"Form Layouts","description":"Design clean and efficient dashboard forms with Tailwind CSS form layouts. These sections feature organized fields, clear labels, and responsive design to enha…","type":"registry:component","source_url":"https://bundui.io/r/form-layouts-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/form-layouts-02.json"},{"name":"sign-in-forms-01","title":"Sign-in Forms","description":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual c…","type":"registry:component","source_url":"https://bundui.io/r/sign-in-forms-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/sign-in-forms-01.json"},{"name":"sign-in-forms-02","title":"Sign-in Forms","description":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual c…","type":"registry:component","source_url":"https://bundui.io/r/sign-in-forms-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/sign-in-forms-02.json"},{"name":"sign-in-forms-03","title":"Sign-in Forms","description":"Create secure and user-friendly sign-in experiences with Tailwind CSS sign-in forms. These layouts combine clear fields, prominent buttons, and subtle visual c…","type":"registry:component","source_url":"https://bundui.io/r/sign-in-forms-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/sign-in-forms-03.json"},{"name":"modal-dialogs-01","title":"Modal Dialogs","description":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialogs. These layouts use overlays, clear headings, and responsive design…","type":"registry:component","source_url":"https://bundui.io/r/modal-dialogs-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/modal-dialogs-01.json"},{"name":"modal-dialogs-02","title":"Modal Dialogs","description":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialogs. These layouts use overlays, clear headings, and responsive design…","type":"registry:component","source_url":"https://bundui.io/r/modal-dialogs-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/modal-dialogs-02.json"},{"name":"modal-dialogs-03","title":"Modal Dialogs","description":"Present important content, alerts, or interactions elegantly with Tailwind CSS modal dialogs. These layouts use overlays, clear headings, and responsive design…","type":"registry:component","source_url":"https://bundui.io/r/modal-dialogs-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/modal-dialogs-03.json"},{"name":"property-list-01","title":"Property List","description":"Showcase available properties with Tailwind CSS property list sections. These layouts feature images, titles, prices, and brief details to help users browse op…","type":"registry:component","source_url":"https://bundui.io/r/property-list-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-list-01.json"},{"name":"property-list-02","title":"Property List","description":"Showcase available properties with Tailwind CSS property list sections. These layouts feature images, titles, prices, and brief details to help users browse op…","type":"registry:component","source_url":"https://bundui.io/r/property-list-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-list-02.json"},{"name":"property-detail","title":"Property Details","description":"Showcase detailed property information with Tailwind CSS property detail sections. These layouts highlight images, descriptions, features, pricing, and calls-t…","type":"registry:component","source_url":"https://bundui.io/r/property-detail.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-detail.json"},{"name":"property-filters","title":"Property Filters","description":"Enable users to quickly find properties with Tailwind CSS property filter sections. These layouts offer checkboxes, dropdowns, and tags to refine searches, imp…","type":"registry:component","source_url":"https://bundui.io/r/property-filters.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-filters.json"},{"name":"property-cards-01","title":"Property Cards","description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layo…","type":"registry:component","source_url":"https://bundui.io/r/property-cards-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-01.json"},{"name":"property-cards-02","title":"Property Cards","description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layo…","type":"registry:component","source_url":"https://bundui.io/r/property-cards-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-02.json"},{"name":"property-cards-03","title":"Property Cards","description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layo…","type":"registry:component","source_url":"https://bundui.io/r/property-cards-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-03.json"},{"name":"property-cards-04","title":"Property Cards","description":"Showcase your properties elegantly with Tailwind CSS property cards. These cards combine images, titles, prices, and brief details into visually appealing layo…","type":"registry:component","source_url":"https://bundui.io/r/property-cards-04.json","install_command":"npx shadcn@latest add https://bundui.io/r/property-cards-04.json"},{"name":"animated-text","title":"Animated Text","description":"Bring text to life by adding animations to letters or words.","type":"registry:component","source_url":"https://bundui.io/r/animated-text.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-text.json"},{"name":"animated-gradient-text","title":"Animated Gradient Text","description":"Discover the allure of animated gradient text, a dynamic UI component that enhances user engagement with smooth color transitions.","type":"registry:component","source_url":"https://bundui.io/r/animated-gradient-text.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-gradient-text.json"},{"name":"text-morph-animation","title":"Text Morph Animation","description":"A beautiful text transformation effect. The animation uses SVG filters and blur effects to create smooth transitions between words.","type":"registry:component","source_url":"https://bundui.io/r/text-morph-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/text-morph-animation.json"},{"name":"text-gradient-scroll","title":"Text Gradient Scroll","description":"Discover the allure of animated gradient text, a dynamic UI component that enhances user engagement with smooth color transitions. Built with Tailwind CSS and …","type":"registry:component","source_url":"https://bundui.io/r/text-gradient-scroll.json","install_command":"npx shadcn@latest add https://bundui.io/r/text-gradient-scroll.json"},{"name":"circle-path","title":"Circle Path","description":"Animated display of objects or images placed at regular intervals along a circular path. You can use this in integration sections, on pages that list your bran…","type":"registry:component","source_url":"https://bundui.io/r/circle-path.json","install_command":"npx shadcn@latest add https://bundui.io/r/circle-path.json"},{"name":"flip-card","title":"Flip Card","description":"Experience smooth, fluid card navigation with natural drag interactions and beautiful animations.","type":"registry:component","source_url":"https://bundui.io/r/flip-card.json","install_command":"npx shadcn@latest add https://bundui.io/r/flip-card.json"},{"name":"magnetic-hover-effect-01","title":"Magnetic Hover Effect","description":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards th…","type":"registry:component","source_url":"https://bundui.io/r/magnetic-hover-effect-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/magnetic-hover-effect-01.json"},{"name":"magnetic-hover-effect-02","title":"Magnetic Hover Effect","description":"A Magnetic Button is a UI component designed to enhance user interaction. When a user's cursor or touch input approaches the button, it subtly moves towards th…","type":"registry:component","source_url":"https://bundui.io/r/magnetic-hover-effect-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/magnetic-hover-effect-02.json"},{"name":"tilt-effect","title":"Tilt Effect","description":"Tilt Effect is an interactive component that creates a perspective effect by making buttons, cards or images respond to mouse movements.","type":"registry:component","source_url":"https://bundui.io/r/tilt-effect.json","install_command":"npx shadcn@latest add https://bundui.io/r/tilt-effect.json"},{"name":"ripple-effect-01","title":"Ripple Effect","description":"Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML elem…","type":"registry:component","source_url":"https://bundui.io/r/ripple-effect-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/ripple-effect-01.json"},{"name":"ripple-effect-02","title":"Ripple Effect","description":"Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML elem…","type":"registry:component","source_url":"https://bundui.io/r/ripple-effect-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/ripple-effect-02.json"},{"name":"ripple-effect-03","title":"Ripple Effect","description":"Ripple effect is a modern animation component designed to enrich user interaction by creating a dynamic ripple effect when clicking on buttons or any HTML elem…","type":"registry:component","source_url":"https://bundui.io/r/ripple-effect-03.json","install_command":"npx shadcn@latest add https://bundui.io/r/ripple-effect-03.json"},{"name":"mouse-trail","title":"Mouse Trail","description":"A cursor-trail animation that leaves small dots behind the mouse as it moves, with the dots fading out sequentially to create a snake-tail-like effect. Built w…","type":"registry:component","source_url":"https://bundui.io/r/mouse-trail.json","install_command":"npx shadcn@latest add https://bundui.io/r/mouse-trail.json"},{"name":"animated-beam","title":"Animated Beam","description":"It's a visual effect that creates a moving beam or connection between user interface elements for dynamic visual emphasis. Tailwind is built with CSS, React, a…","type":"registry:component","source_url":"https://bundui.io/r/animated-beam.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-beam.json"},{"name":"animated-tab","title":"Animated Tab","description":"An animated tab is a ui component that switches between content panels with smooth animated transitions.","type":"registry:component","source_url":"https://bundui.io/r/animated-tab.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-tab.json"},{"name":"animated-gradient-border","title":"Animated Gradient Border","description":"An Animated Gradient Border is a decorative ui element that displays moving color gradients around a component’s edge.","type":"registry:component","source_url":"https://bundui.io/r/animated-gradient-border.json","install_command":"npx shadcn@latest add https://bundui.io/r/animated-gradient-border.json"},{"name":"counter-animation","title":"Counter Animation","description":"Enhance user experience with count animation, dynamically animating numbers to draw attention to key data points.","type":"registry:component","source_url":"https://bundui.io/r/counter-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/counter-animation.json"},{"name":"floating-button","title":"Floating Button","description":"Use these Tailwind CSS hero section examples to showcase messaging, product images, and calls-to-action at the top of your site, featuring various styles and l…","type":"registry:component","source_url":"https://bundui.io/r/floating-button.json","install_command":"npx shadcn@latest add https://bundui.io/r/floating-button.json"},{"name":"image-comparison","title":"Image Comparison","description":"Interactively compare two images with a draggable slider to reveal differences.","type":"registry:component","source_url":"https://bundui.io/r/image-comparison.json","install_command":"npx shadcn@latest add https://bundui.io/r/image-comparison.json"},{"name":"interactive-image-slider","title":"Interactive Image Slider","description":"The Interactive Image Slider is a dynamic, motion-driven gallery that reacts to mouse movement. As users move their cursor from left to right, stacked images s…","type":"registry:component","source_url":"https://bundui.io/r/interactive-image-slider.json","install_command":"npx shadcn@latest add https://bundui.io/r/interactive-image-slider.json"},{"name":"image-reveal","title":"Image Reveal","description":"An interactive image reveal component where images appear and follow the cursor when hovering over any div element.","type":"registry:component","source_url":"https://bundui.io/r/image-reveal.json","install_command":"npx shadcn@latest add https://bundui.io/r/image-reveal.json"},{"name":"marquee-effect","title":"Marquee Effect","description":"Add dynamic movement to your UI with Marquee effect, ideal for highlighting important information with smooth, continuous scrolling. Built with Tailwind CSS an…","type":"registry:component","source_url":"https://bundui.io/r/marquee-effect.json","install_command":"npx shadcn@latest add https://bundui.io/r/marquee-effect.json"},{"name":"parallax-cards","title":"Parallax Cards","description":"Parallax scrolling effect using overlapping cards.","type":"registry:component","source_url":"https://bundui.io/r/parallax-cards.json","install_command":"npx shadcn@latest add https://bundui.io/r/parallax-cards.json"},{"name":"scroll-progress-bar-01","title":"Scroll Progress Bar","description":"The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion and Tailwind CSS, enhancing user experience with smooth transitions.","type":"registry:component","source_url":"https://bundui.io/r/scroll-progress-bar-01.json","install_command":"npx shadcn@latest add https://bundui.io/r/scroll-progress-bar-01.json"},{"name":"scroll-progress-bar-02","title":"Scroll Progress Bar","description":"The scroll progress bar adds a dynamic, interactive scrolling indicator, built with Motion and Tailwind CSS, enhancing user experience with smooth transitions.","type":"registry:component","source_url":"https://bundui.io/r/scroll-progress-bar-02.json","install_command":"npx shadcn@latest add https://bundui.io/r/scroll-progress-bar-02.json"},{"name":"sliding-number","title":"Sliding Number","description":"A component that slides numbers.","type":"registry:component","source_url":"https://bundui.io/r/sliding-number.json","install_command":"npx shadcn@latest add https://bundui.io/r/sliding-number.json"},{"name":"countdown","title":"Countdown","description":"A countdown is a component that displays the remaining time until a specific event or deadline.","type":"registry:component","source_url":"https://bundui.io/r/countdown.json","install_command":"npx shadcn@latest add https://bundui.io/r/countdown.json"},{"name":"meteor-shower-animation","title":"Meteor Shower Animation","description":"Beautiful meteor shower animation background built with React and Canvas. Add dynamic falling meteors to your site with smooth, customizable visuals and minima…","type":"registry:component","source_url":"https://bundui.io/r/meteor-shower-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/meteor-shower-animation.json"},{"name":"snowfall-animation","title":"Snowfall Animation","description":"Enhance your website with the peaceful atmosphere of the Snowfall Animation Background. Create a captivating design with gently falling snowflakes for a serene…","type":"registry:component","source_url":"https://bundui.io/r/snowfall-animation.json","install_command":"npx shadcn@latest add https://bundui.io/r/snowfall-animation.json"},{"name":"fireworks","title":"Fireworks","description":"Add animated fireworks to your site background with this festive component. Perfect for celebrations. Built with Tailwind CSS and Framer Motion.","type":"registry:component","source_url":"https://bundui.io/r/fireworks.json","install_command":"npx shadcn@latest add https://bundui.io/r/fireworks.json"},{"name":"floating-paths","title":"Floating Paths","description":"Floating Paths Background is a decorative background animation component that creates soft, looping path shapes floating across the screen.","type":"registry:component","source_url":"https://bundui.io/r/floating-paths.json","install_command":"npx shadcn@latest add https://bundui.io/r/floating-paths.json"},{"name":"fluid-particles","title":"Fluid Particles","description":"The Geometric Background component features a modern and sophisticated design, incorporating dynamic geometric shapes like triangles, squares, and polygons. Th…","type":"registry:component","source_url":"https://bundui.io/r/fluid-particles.json","install_command":"npx shadcn@latest add https://bundui.io/r/fluid-particles.json"},{"name":"stars","title":"Stars","description":"A minimalist animated stars background component for React. It creates a smooth and subtle starfield animation behind your content, perfect for landing pages, …","type":"registry:component","source_url":"https://bundui.io/r/stars.json","install_command":"npx shadcn@latest add https://bundui.io/r/stars.json"}]},{"id":"buzzform","name":"@buzzform","slug":"buzzform","description":"Type-safe, schema-based forms for shadcn/ui apps. Auto-generate UI with validation and state out-of-the-box with minimal boilerplate.","author":"buildnbuzz","framework":"react","license":"MIT","tags":["auth","buttons","cards","cms","e-commerce","forms","media","navigation","overlays"],"categories":["Forms"],"labels":[],"urls":{"website":"https://form.buildnbuzz.com","github":"https://github.com/buildnbuzz/buzzform","registry":"https://form.buildnbuzz.com/r/registry.json","source":"https://form.buildnbuzz.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/buzzform","markdown":"https://sh4dcn.netlify.app/md/buzzform.md"},"logo":"<svg width='1080' height='1080' viewBox='0 0 1080 1080' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M527.79 116.405C517.356 122.991 480.06 146.04 468.96 152.391C463.41 155.683 453.42 161.799 446.76 166.032C440.1 170.266 428.112 177.792 420.12 182.496C393.924 198.019 387.93 201.783 385.71 203.664C384.6 204.605 377.94 208.603 371.28 212.367C364.62 216.365 346.638 227.184 331.32 236.592C316.002 246 300.018 255.643 295.8 258.231C291.582 260.818 287.142 263.875 285.81 264.816C284.7 265.757 278.04 269.755 271.38 273.519C244.296 289.277 203.448 314.914 199.896 318.206C196.122 321.734 195.9 335.376 195.9 540C195.9 744.624 196.122 758.266 199.896 761.558C201.894 763.44 209.22 768.144 215.88 772.142C222.54 776.141 235.638 783.667 244.74 789.312C253.842 794.722 266.94 802.483 273.6 806.482C280.26 810.245 287.808 814.949 290.25 816.83C300.684 824.357 300.24 833.059 300.24 603.974C300.24 400.997 300.462 387.59 304.236 384.298C306.234 382.416 321.996 372.538 339.09 362.424C356.184 352.31 373.944 341.491 378.384 338.669C383.046 335.611 387.042 333.024 387.486 333.024C387.93 333.024 397.254 327.614 408.132 321.029C419.01 314.208 432.33 306.211 437.88 302.918C443.43 299.626 464.298 287.16 484.056 275.165C504.036 262.935 521.13 253.056 521.796 253.056C522.684 253.056 525.792 250.939 528.9 248.352C532.008 245.765 535.782 243.648 537.558 243.648C539.334 243.648 548.214 248.352 557.538 253.997C566.862 259.642 586.398 271.402 601.05 280.104C625.248 294.687 642.342 305.035 689.85 333.73C698.508 338.904 707.61 344.314 710.274 345.725C721.374 351.605 720.708 352.31 678.75 378.888C668.982 385.003 656.994 392.53 652.11 395.117C647.226 397.939 639.012 403.114 633.906 406.642C628.578 410.17 623.916 412.992 623.472 412.992C623.028 412.992 613.704 418.637 602.826 425.693C580.626 439.805 552.21 457.68 545.55 461.208C541.332 463.56 541.11 466.382 540.444 527.77C540.222 568.694 540.666 591.744 542.22 591.744C543.33 591.744 547.548 589.862 551.544 587.275C555.54 584.923 565.974 578.573 574.854 573.163C583.512 567.989 594.612 561.168 599.274 558.346C608.598 552.701 633.018 538.118 649.224 528.475C672.534 514.598 694.734 501.427 702.06 496.958C706.278 494.371 716.268 488.256 724.26 483.552C732.252 478.848 742.464 472.733 747.126 469.91C781.092 449.213 797.52 439.334 815.946 428.515L830.82 419.578V354.192V288.807L817.278 280.339C809.952 275.635 803.292 271.872 802.626 271.872C801.96 271.872 798.852 269.991 795.744 267.639C792.414 265.051 784.2 259.877 777.54 256.114C765.552 249.058 732.474 228.831 692.07 203.664C681.192 196.843 666.54 188.141 659.88 184.143C653.22 180.379 645.006 175.205 641.676 172.618C638.568 170.266 635.46 168.384 634.794 168.384C634.35 168.384 625.026 162.975 614.148 156.154C603.27 149.568 589.506 141.101 583.29 137.338C577.296 133.575 570.636 129.576 568.86 128.4C555.762 119.698 541.332 111.936 538.224 111.936C536.226 111.936 531.564 114.053 527.79 116.405Z' fill='var(--foreground)'/><path d='M450.09 374.419C440.322 380.299 425.448 389.237 416.79 394.176C383.268 413.227 373.056 419.578 368.838 423.106C364.842 426.869 364.62 432.984 364.62 644.194C364.62 814.478 365.286 862.224 367.506 865.046C369.948 868.104 383.712 877.042 413.46 894.682C419.01 897.739 426.558 902.208 430.11 904.56C433.884 906.912 441.21 911.381 446.76 914.674C452.31 917.731 474.288 931.138 495.822 944.309C517.356 957.245 536.448 968.064 538.224 968.064C540 968.064 548.658 963.83 557.538 958.656C579.294 945.72 601.494 932.314 612.15 925.728C617.034 922.67 627.468 916.32 635.46 911.616C643.452 906.912 653.886 900.562 658.77 897.504C663.654 894.446 674.31 887.861 682.746 882.922C690.96 877.982 704.28 869.986 712.716 865.046C720.93 860.107 731.586 853.522 736.47 850.464C741.354 847.406 751.788 841.056 759.78 836.352C767.772 831.648 780.204 823.886 787.53 819.418C794.856 814.949 805.956 808.128 811.95 804.6C825.048 796.838 848.358 782.726 860.79 775.435C865.674 772.378 873 767.909 876.996 765.322L884.1 760.618L883.656 656.894L882.99 553.171L871.668 546.115C852.576 533.885 818.832 511.776 815.058 508.954C811.95 506.837 802.182 512.246 760.002 538.824C731.808 556.699 708.72 572.222 708.72 573.163C708.72 574.104 715.38 578.808 723.816 583.747C732.03 588.686 742.242 594.566 746.46 597.154C750.678 599.741 758.226 604.21 763.11 606.797C767.994 609.619 772.656 612.677 773.544 614.088C774.432 615.264 775.32 633.139 775.32 653.366C775.32 689.352 775.098 690.528 770.436 693.586C764.664 697.349 651.222 769.085 641.01 775.2C637.458 777.552 613.482 792.84 587.952 809.069C562.422 825.298 540.666 838.704 539.556 838.704C536.448 838.704 523.128 830.707 498.93 814.478L476.73 799.661L475.62 582.336C474.732 391.354 474.066 364.776 471.18 364.306C469.404 364.07 459.858 368.539 450.09 374.419Z' fill='var(--foreground)'/></svg>","preview_image":"https://form.buildnbuzz.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":103,"open_issues":26,"last_commit":"2026-06-09T19:21:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://form.buildnbuzz.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://form.buildnbuzz.com/r/registry.json","install_bun":"bunx shadcn@latest add https://form.buildnbuzz.com/r/registry.json","clone":"git clone https://github.com/buildnbuzz/buzzform.git","clone_degit":"npx degit buildnbuzz/buzzform","registry_fetch":"curl -s https://form.buildnbuzz.com/r/registry.json"},"component_count":48,"components":[{"name":"form","title":"Form","description":"The core Form component for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/form.json"},{"name":"init","title":"BuzzForm (v2)","description":"Core BuzzForm v2 components using @buildnbuzz/form-react and the new field registry.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/init.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/init.json"},{"name":"copy","title":"CopyButton","description":"Copy-to-clipboard button used by BuzzForm v2 fields.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/copy.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/copy.json"},{"name":"text","title":"TextField","description":"Text input field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/text.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/text.json"},{"name":"email","title":"EmailField","description":"Email input field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/email.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/email.json"},{"name":"textarea","title":"TextareaField","description":"Textarea field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/textarea.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/textarea.json"},{"name":"password","title":"PasswordField","description":"Password field for BuzzForm v2 with strength UI.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/password.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/password.json"},{"name":"number","title":"NumberField","description":"Number input field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/number.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/number.json"},{"name":"select","title":"SelectField","description":"Select and multi-select field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/select.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/select.json"},{"name":"checkbox","title":"CheckboxField","description":"Checkbox, checkbox-group, and tristate checkbox field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/checkbox.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/checkbox.json"},{"name":"switch","title":"SwitchField","description":"Switch field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/switch.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/switch.json"},{"name":"radio","title":"RadioField","description":"Radio group field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/radio.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/radio.json"},{"name":"row","title":"RowField","description":"Row layout field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/row.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/row.json"},{"name":"group","title":"GroupField","description":"Group field for BuzzForm v2 with card/collapsible variants.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/group.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/group.json"},{"name":"collapsible","title":"CollapsibleField","description":"Collapsible layout field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/collapsible.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/collapsible.json"},{"name":"tabs","title":"TabsField","description":"Tabs field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/tabs.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/tabs.json"},{"name":"array","title":"ArrayField","description":"Repeatable array field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/array.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/array.json"},{"name":"date","title":"DateField","description":"Date and datetime field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/date.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/date.json"},{"name":"tags","title":"TagsField","description":"Tag input field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/tags.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/tags.json"},{"name":"upload","title":"UploadField","description":"File upload field for BuzzForm v2 with dropzone, avatar, gallery, and inline variants.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/upload.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/upload.json"},{"name":"ui","title":"UiField","description":"UI layout field for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/ui.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/ui.json"},{"name":"form-builder","title":"FormBuilder","description":"Visual drag-and-drop form builder primitives for BuzzForm v2.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/form-builder.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/form-builder.json"},{"name":"all","title":"BuzzForm All (v2)","description":"One-command setup for BuzzForm v2. Installs core form and all field components.","type":"registry:ui","source_url":"https://form.buildnbuzz.com/r/all.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/all.json"},{"name":"login-form","title":"Login Form","description":"A standard login card with email and password fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/login-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/login-form.json"},{"name":"register-form","title":"Register Form","description":"Registration form inside a modal dialog with password strength indicator.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/register-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/register-form.json"},{"name":"contact-form","title":"Contact Form","description":"A simple contact form with text, email, and textarea fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/contact-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/contact-form.json"},{"name":"newsletter-dialog","title":"Newsletter Subscription","description":"A newsletter subscription form in a dialog.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/newsletter-dialog.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/newsletter-dialog.json"},{"name":"feedback-sheet","title":"Feedback Sheet","description":"A slide-out sheet for gathering user feedback.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/feedback-sheet.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/feedback-sheet.json"},{"name":"quick-add","title":"Quick Add Popover","description":"A small form inside a popover for quickly adding items.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/quick-add.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/quick-add.json"},{"name":"notification-settings","title":"Notification Settings","description":"Preferences for email and push notifications using switch fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/notification-settings.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/notification-settings.json"},{"name":"product-form","title":"Product Form","description":"Product quantity and pricing form with number field variants.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/product-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/product-form.json"},{"name":"pricing-form","title":"Pricing Form","description":"Pricing plan selection with radio card variants.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/pricing-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/pricing-form.json"},{"name":"blog-post-form","title":"Blog Post Form","description":"Blog post form with tags and textarea fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/blog-post-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/blog-post-form.json"},{"name":"booking-form","title":"Booking Form","description":"Hotel booking form with date pickers, number fields, and time selection.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/booking-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/booking-form.json"},{"name":"support-ticket-form","title":"Support Ticket Form","description":"Support ticket form with select and multi-select fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/support-ticket-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/support-ticket-form.json"},{"name":"country-state-form","title":"Country + State Form","description":"Cascading Country and State dropdowns using registry-based loaders.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/country-state-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/country-state-form.json"},{"name":"contact-layout-form","title":"Contact Layout Form","description":"Contact form with responsive row layout for side-by-side fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/contact-layout-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/contact-layout-form.json"},{"name":"coupon-layout-form","title":"Coupon Layout Form","description":"Coupon creation form with row layout and checkbox fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/coupon-layout-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/coupon-layout-form.json"},{"name":"account-settings-form","title":"Account Settings Form","description":"Tabbed account settings with profile, account, notification, and billing tabs.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/account-settings-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/account-settings-form.json"},{"name":"checkout-form","title":"Checkout Form","description":"Multi-step checkout process with tabbed navigation.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/checkout-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/checkout-form.json"},{"name":"array-field-form","title":"Array Field Form","description":"Dynamic team members and milestones with drag-and-drop reordering.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/array-field-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/array-field-form.json"},{"name":"minimal-array-form","title":"Minimal Array Form","description":"Sleek inline lists using the minimal variant.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/minimal-array-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/minimal-array-form.json"},{"name":"group-field-form","title":"Group Field Form","description":"Grouped address fields with collapsible billing section.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/group-field-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/group-field-form.json"},{"name":"collapsible-settings-form","title":"Collapsible Settings Form","description":"Settings organized in collapsible sections.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/collapsible-settings-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/collapsible-settings-form.json"},{"name":"profile-upload-form","title":"Profile Upload Form","description":"Avatar upload with circle preview layout.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/profile-upload-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/profile-upload-form.json"},{"name":"gallery-upload-form","title":"Product Gallery","description":"Multi-file upload with thumbnail grid preview.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/gallery-upload-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/gallery-upload-form.json"},{"name":"document-upload-form","title":"Document Upload Form","description":"Drag-and-drop file upload with validation.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/document-upload-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/document-upload-form.json"},{"name":"ui-and-custom-fields-form","title":"UI Layout & Custom Fields","description":"Mixing inline UI components with completely custom registered fields.","type":"registry:block","source_url":"https://form.buildnbuzz.com/r/ui-and-custom-fields-form.json","install_command":"npx shadcn@latest add https://form.buildnbuzz.com/r/ui-and-custom-fields-form.json"}]},{"id":"caliper","name":"@caliper","slug":"caliper","description":"React components, blocks and complete product screens drawn to one specification. Accessible by default, with every state designed. Free parts are MIT and install as source you own.","author":"sarmaasis","framework":"react","license":"MIT","tags":["accessibility","animation","auth","blocks","buttons","cards","charts","cms","dashboard","developer-tools","forms","loaders","marketing","media","navigation","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://caliperui.site","github":"https://github.com/sarmaasis/caliperui","registry":"https://caliperui.site/r/registry.json","source":"https://caliperui.site/r/registry.json","page":"https://sh4dcn.netlify.app/registry/caliper","markdown":"https://sh4dcn.netlify.app/md/caliper.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><path d='M9.5 22.5v-13h13' stroke='var(--foreground)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/><circle cx='20.5' cy='20.5' r='4.5' fill='var(--foreground)'/></svg>","preview_image":"https://caliperui.site/opengraph-image","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://caliperui.site/docs/pro"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-25T22:24:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://caliperui.site/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://caliperui.site/r/registry.json","install_bun":"bunx shadcn@latest add https://caliperui.site/r/registry.json","clone":"git clone https://github.com/sarmaasis/caliperui.git","clone_degit":"npx degit sarmaasis/caliperui","registry_fetch":"curl -s https://caliperui.site/r/registry.json"},"component_count":93,"components":[{"name":"styles","title":"Caliper UI tokens and base styles","description":"Colour, radius, motion and density tokens, the Tailwind adapter and a small base stylesheet. Every part needs them; import them once in your global CSS. Each p…","type":"registry:style","source_url":"https://caliperui.site/r/styles.json","install_command":"npx shadcn@latest add https://caliperui.site/r/styles.json"},{"name":"about-template","title":"About template","description":"Who is behind the product, in the order buyers and candidates check: the belief, how you got here, the numbers, how you work, the people and the next step.","type":"registry:ui","source_url":"https://caliperui.site/r/about-template.json","install_command":"npx shadcn@latest add https://caliperui.site/r/about-template.json"},{"name":"accordion","title":"Accordion","description":"A stack of headings that each reveal their content, one open at a time.","type":"registry:ui","source_url":"https://caliperui.site/r/accordion.json","install_command":"npx shadcn@latest add https://caliperui.site/r/accordion.json"},{"name":"alert","title":"Alert","description":"An inline message that keeps context and recovery beside the work.","type":"registry:ui","source_url":"https://caliperui.site/r/alert.json","install_command":"npx shadcn@latest add https://caliperui.site/r/alert.json"},{"name":"alert-dialog","title":"Alert dialog","description":"The Dialog surface for a decision that cannot be undone: no close button, no outside dismiss, focus starting on the safe choice.","type":"registry:ui","source_url":"https://caliperui.site/r/alert-dialog.json","install_command":"npx shadcn@latest add https://caliperui.site/r/alert-dialog.json"},{"name":"animated-counter","title":"Animated counter","description":"A number that counts to its value, with prefix, suffix and locale.","type":"registry:ui","source_url":"https://caliperui.site/r/animated-counter.json","install_command":"npx shadcn@latest add https://caliperui.site/r/animated-counter.json"},{"name":"aspect-ratio","title":"Aspect ratio","description":"A box that keeps a fixed ratio so images and video never shift the layout.","type":"registry:ui","source_url":"https://caliperui.site/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://caliperui.site/r/aspect-ratio.json"},{"name":"auth-page","title":"Auth page","description":"A centred sign-in or sign-up page with a brand header and legal links.","type":"registry:ui","source_url":"https://caliperui.site/r/auth-page.json","install_command":"npx shadcn@latest add https://caliperui.site/r/auth-page.json"},{"name":"avatar","title":"Avatar","description":"A person's photo, falling back to initials when there is no image.","type":"registry:ui","source_url":"https://caliperui.site/r/avatar.json","install_command":"npx shadcn@latest add https://caliperui.site/r/avatar.json"},{"name":"avatar-group","title":"Avatar group","description":"A compact stack of avatars with an overflow count and presence.","type":"registry:ui","source_url":"https://caliperui.site/r/avatar-group.json","install_command":"npx shadcn@latest add https://caliperui.site/r/avatar-group.json"},{"name":"badge","title":"Badge","description":"A small label for status, category or count.","type":"registry:ui","source_url":"https://caliperui.site/r/badge.json","install_command":"npx shadcn@latest add https://caliperui.site/r/badge.json"},{"name":"bar-chart","title":"Bar chart","description":"A compact bar series with an accessible label.","type":"registry:ui","source_url":"https://caliperui.site/r/bar-chart.json","install_command":"npx shadcn@latest add https://caliperui.site/r/bar-chart.json"},{"name":"blog-grid","title":"Blog grid","description":"A grid of article cards with date, tag and summary.","type":"registry:ui","source_url":"https://caliperui.site/r/blog-grid.json","install_command":"npx shadcn@latest add https://caliperui.site/r/blog-grid.json"},{"name":"blog-post-template","title":"Blog post template","description":"One article at a reading measure: a progress line under the header, an outline that marks where you are, linkable headings, the author and three related posts.","type":"registry:ui","source_url":"https://caliperui.site/r/blog-post-template.json","install_command":"npx shadcn@latest add https://caliperui.site/r/blog-post-template.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"The path to the current page, with each parent linked.","type":"registry:ui","source_url":"https://caliperui.site/r/breadcrumb.json","install_command":"npx shadcn@latest add https://caliperui.site/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A familiar action with immediate focus, a tactile press, and optional pending or label feedback that stays on the button itself.","type":"registry:ui","source_url":"https://caliperui.site/r/button.json","install_command":"npx shadcn@latest add https://caliperui.site/r/button.json"},{"name":"button-group","title":"Button group","description":"A toolbar of related tools in one raised shell; toggled tools sink into it.","type":"registry:ui","source_url":"https://caliperui.site/r/button-group.json","install_command":"npx shadcn@latest add https://caliperui.site/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A month grid for choosing a day or a range, usable on its own or inside a picker.","type":"registry:ui","source_url":"https://caliperui.site/r/calendar.json","install_command":"npx shadcn@latest add https://caliperui.site/r/calendar.json"},{"name":"calendar-app","title":"Calendar app","description":"A full calendar: day, week, month and agenda, a month picker and calendar toggles, a now line, and events you create by dragging, move by dragging or with Alt …","type":"registry:ui","source_url":"https://caliperui.site/r/calendar-app.json","install_command":"npx shadcn@latest add https://caliperui.site/r/calendar-app.json"},{"name":"call-to-action","title":"Call to action","description":"A closing band with one clear action.","type":"registry:ui","source_url":"https://caliperui.site/r/call-to-action.json","install_command":"npx shadcn@latest add https://caliperui.site/r/call-to-action.json"},{"name":"card","title":"Card","description":"A titled container with media, status, meta and optional expandable details.","type":"registry:ui","source_url":"https://caliperui.site/r/card.json","install_command":"npx shadcn@latest add https://caliperui.site/r/card.json"},{"name":"changelog-template","title":"Changelog template","description":"What shipped, newest first: dates that stay in view, linkable versions, tag filters with a count and a product view per release.","type":"registry:ui","source_url":"https://caliperui.site/r/changelog-template.json","install_command":"npx shadcn@latest add https://caliperui.site/r/changelog-template.json"},{"name":"checkbox","title":"Checkbox","description":"A native checkbox with a clear checked, unchecked and indeterminate state.","type":"registry:ui","source_url":"https://caliperui.site/r/checkbox.json","install_command":"npx shadcn@latest add https://caliperui.site/r/checkbox.json"},{"name":"chip-group","title":"Chip group","description":"A set of toggleable chips for single or multiple choices.","type":"registry:ui","source_url":"https://caliperui.site/r/chip-group.json","install_command":"npx shadcn@latest add https://caliperui.site/r/chip-group.json"},{"name":"collapsible","title":"Collapsible","description":"A single disclosure for optional detail.","type":"registry:ui","source_url":"https://caliperui.site/r/collapsible.json","install_command":"npx shadcn@latest add https://caliperui.site/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A searchable select with grouped options and keywords.","type":"registry:ui","source_url":"https://caliperui.site/r/combobox.json","install_command":"npx shadcn@latest add https://caliperui.site/r/combobox.json"},{"name":"command-palette","title":"Command palette","description":"A searchable list of destinations and actions opened from the keyboard.","type":"registry:ui","source_url":"https://caliperui.site/r/command-palette.json","install_command":"npx shadcn@latest add https://caliperui.site/r/command-palette.json"},{"name":"contact-section","title":"Contact section","description":"A contact form beside the ways to reach a team.","type":"registry:ui","source_url":"https://caliperui.site/r/contact-section.json","install_command":"npx shadcn@latest add https://caliperui.site/r/contact-section.json"},{"name":"contact-template","title":"Contact template","description":"A contact page that routes the message first: pick the topic and it says who answers and how soon. The form keeps what you typed if sending fails and confirms …","type":"registry:ui","source_url":"https://caliperui.site/r/contact-template.json","install_command":"npx shadcn@latest add https://caliperui.site/r/contact-template.json"},{"name":"context-menu","title":"Context menu","description":"A menu opened with a right-click or long press on a piece of content.","type":"registry:ui","source_url":"https://caliperui.site/r/context-menu.json","install_command":"npx shadcn@latest add https://caliperui.site/r/context-menu.json"},{"name":"copy-button","title":"Copy button","description":"Copies a value and confirms what was copied, with a fallback when the clipboard is blocked.","type":"registry:ui","source_url":"https://caliperui.site/r/copy-button.json","install_command":"npx shadcn@latest add https://caliperui.site/r/copy-button.json"},{"name":"cta-block","title":"CTA block","description":"The closing call to action: the promise again, one specific next step and a reassurance line.","type":"registry:ui","source_url":"https://caliperui.site/r/cta-block.json","install_command":"npx shadcn@latest add https://caliperui.site/r/cta-block.json"},{"name":"data-table","title":"Data table","description":"Accessible table markup with consistent cell styling and a scrollable region.","type":"registry:ui","source_url":"https://caliperui.site/r/data-table.json","install_command":"npx shadcn@latest add https://caliperui.site/r/data-table.json"},{"name":"date-picker","title":"Date picker","description":"A date field that opens a calendar, with min, max and today shortcuts.","type":"registry:ui","source_url":"https://caliperui.site/r/date-picker.json","install_command":"npx shadcn@latest add https://caliperui.site/r/date-picker.json"},{"name":"date-range-picker","title":"Date range picker","description":"Choose a start and end date with preset ranges.","type":"registry:ui","source_url":"https://caliperui.site/r/date-range-picker.json","install_command":"npx shadcn@latest add https://caliperui.site/r/date-range-picker.json"},{"name":"description-list","title":"Description list","description":"A record's details as label and value pairs, side by side when there is room, with copy and edit where the value sits.","type":"registry:ui","source_url":"https://caliperui.site/r/description-list.json","install_command":"npx shadcn@latest add https://caliperui.site/r/description-list.json"},{"name":"dialog","title":"Dialog","description":"A modal window that asks for a decision or a short form, with focus kept inside.","type":"registry:ui","source_url":"https://caliperui.site/r/dialog.json","install_command":"npx shadcn@latest add https://caliperui.site/r/dialog.json"},{"name":"direction","title":"Direction","description":"Sets reading direction for everything inside it. Spacing, borders, affixes and the selected edge follow on their own; icons that point somewhere flip when mark…","type":"registry:ui","source_url":"https://caliperui.site/r/direction.json","install_command":"npx shadcn@latest add https://caliperui.site/r/direction.json"},{"name":"donut-chart","title":"Donut chart","description":"Parts of a whole as a ring, with the total in the centre.","type":"registry:ui","source_url":"https://caliperui.site/r/donut-chart.json","install_command":"npx shadcn@latest add https://caliperui.site/r/donut-chart.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from the left or right for editing alongside the page.","type":"registry:ui","source_url":"https://caliperui.site/r/drawer.json","install_command":"npx shadcn@latest add https://caliperui.site/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"A menu of actions anchored to a trigger, with groups, shortcuts and separators.","type":"registry:ui","source_url":"https://caliperui.site/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://caliperui.site/r/dropdown-menu.json"},{"name":"empty-state","title":"Empty state","description":"A message with an icon and a next step for when there is nothing to show.","type":"registry:ui","source_url":"https://caliperui.site/r/empty-state.json","install_command":"npx shadcn@latest add https://caliperui.site/r/empty-state.json"},{"name":"error-template","title":"Error template","description":"The pages people land on when something goes wrong, each with the way out that fits: search, ask for access, retry with a reference, wait out maintenance, reco…","type":"registry:ui","source_url":"https://caliperui.site/r/error-template.json","install_command":"npx shadcn@latest add https://caliperui.site/r/error-template.json"},{"name":"faq-block","title":"FAQ block","description":"Searchable questions with one answer open at a time, each linking to the exact doc, and a way to ask when nothing matches.","type":"registry:ui","source_url":"https://caliperui.site/r/faq-block.json","install_command":"npx shadcn@latest add https://caliperui.site/r/faq-block.json"},{"name":"field","title":"Field","description":"Wraps a control with its label, hint, error and optional action, wired for assistive tech.","type":"registry:ui","source_url":"https://caliperui.site/r/field.json","install_command":"npx shadcn@latest add https://caliperui.site/r/field.json"},{"name":"footer-block","title":"Footer block","description":"The page's last word: link columns, a newsletter that confirms in place, the legal line, status and the name as a full-width wordmark.","type":"registry:ui","source_url":"https://caliperui.site/r/footer-block.json","install_command":"npx shadcn@latest add https://caliperui.site/r/footer-block.json"},{"name":"hold-to-confirm","title":"Hold to confirm","description":"Hold to confirm, part of the Actions family.","type":"registry:ui","source_url":"https://caliperui.site/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://caliperui.site/r/hold-to-confirm.json"},{"name":"hover-card","title":"Hover card","description":"A preview card that appears when hovering or focusing a link or name.","type":"registry:ui","source_url":"https://caliperui.site/r/hover-card.json","install_command":"npx shadcn@latest add https://caliperui.site/r/hover-card.json"},{"name":"input","title":"Input","description":"A recessed text field with optional leading and trailing affixes; it never jumps when validation appears.","type":"registry:ui","source_url":"https://caliperui.site/r/input.json","install_command":"npx shadcn@latest add https://caliperui.site/r/input.json"},{"name":"kbd","title":"Kbd","description":"Keys as small raised caps: one shortcut per kbd, ⌘ on a Mac and Ctrl elsewhere, with spoken names for symbols.","type":"registry:ui","source_url":"https://caliperui.site/r/kbd.json","install_command":"npx shadcn@latest add https://caliperui.site/r/kbd.json"},{"name":"label","title":"Label","description":"The visible name for a field, tied to it so a click focuses the control.","type":"registry:ui","source_url":"https://caliperui.site/r/label.json","install_command":"npx shadcn@latest add https://caliperui.site/r/label.json"},{"name":"legal-template","title":"Legal template","description":"A policy people can read: the short version first, numbered sections with an outline that follows you, linkable clauses, a change history and a print layout.","type":"registry:ui","source_url":"https://caliperui.site/r/legal-template.json","install_command":"npx shadcn@latest add https://caliperui.site/r/legal-template.json"},{"name":"line-chart","title":"Line chart","description":"One or more series over time, with hover readout and an optional band.","type":"registry:ui","source_url":"https://caliperui.site/r/line-chart.json","install_command":"npx shadcn@latest add https://caliperui.site/r/line-chart.json"},{"name":"loader","title":"Loader","description":"A small indeterminate indicator in four shapes.","type":"registry:ui","source_url":"https://caliperui.site/r/loader.json","install_command":"npx shadcn@latest add https://caliperui.site/r/loader.json"},{"name":"metric","title":"Metric","description":"A number with its context, change and a small trend line.","type":"registry:ui","source_url":"https://caliperui.site/r/metric.json","install_command":"npx shadcn@latest add https://caliperui.site/r/metric.json"},{"name":"navigation-menu","title":"Navigation menu","description":"A site header whose items open frosted panels of links. Hover waits for intent, the panel resizes from one item to the next, and every link is reachable by key…","type":"registry:ui","source_url":"https://caliperui.site/r/navigation-menu.json","install_command":"npx shadcn@latest add https://caliperui.site/r/navigation-menu.json"},{"name":"newsletter-signup","title":"Newsletter signup","description":"An email field with consent and success states.","type":"registry:ui","source_url":"https://caliperui.site/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://caliperui.site/r/newsletter-signup.json"},{"name":"not-found-page","title":"Not found page","description":"A friendly 404 with suggestions and search.","type":"registry:ui","source_url":"https://caliperui.site/r/not-found-page.json","install_command":"npx shadcn@latest add https://caliperui.site/r/not-found-page.json"},{"name":"number-field","title":"Number field","description":"A numeric field with steppers, limits, a suffix and optional drag-to-scrub.","type":"registry:ui","source_url":"https://caliperui.site/r/number-field.json","install_command":"npx shadcn@latest add https://caliperui.site/r/number-field.json"},{"name":"otp-input","title":"OTP input","description":"A segmented field for one-time codes with paste support and status.","type":"registry:ui","source_url":"https://caliperui.site/r/otp-input.json","install_command":"npx shadcn@latest add https://caliperui.site/r/otp-input.json"},{"name":"page-header","title":"Page header","description":"A title with description, breadcrumbs and actions.","type":"registry:ui","source_url":"https://caliperui.site/r/page-header.json","install_command":"npx shadcn@latest add https://caliperui.site/r/page-header.json"},{"name":"pagination","title":"Pagination","description":"Page links with previous and next, sized for touch.","type":"registry:ui","source_url":"https://caliperui.site/r/pagination.json","install_command":"npx shadcn@latest add https://caliperui.site/r/pagination.json"},{"name":"password-field","title":"Password field","description":"A password input with a show and hide control.","type":"registry:ui","source_url":"https://caliperui.site/r/password-field.json","install_command":"npx shadcn@latest add https://caliperui.site/r/password-field.json"},{"name":"popover","title":"Popover","description":"A small panel anchored to a trigger for quick settings or details.","type":"registry:ui","source_url":"https://caliperui.site/r/popover.json","install_command":"npx shadcn@latest add https://caliperui.site/r/popover.json"},{"name":"progress","title":"Progress","description":"A measured bar for work with a known size, such as an upload.","type":"registry:ui","source_url":"https://caliperui.site/r/progress.json","install_command":"npx shadcn@latest add https://caliperui.site/r/progress.json"},{"name":"prose","title":"Prose","description":"Spacing, a readable measure and quiet links for long-form markup you do not control, such as a Markdown render, release notes or a legal page.","type":"registry:ui","source_url":"https://caliperui.site/r/prose.json","install_command":"npx shadcn@latest add https://caliperui.site/r/prose.json"},{"name":"radio","title":"Radio","description":"A native radio for choosing exactly one option from a short group.","type":"registry:ui","source_url":"https://caliperui.site/r/radio.json","install_command":"npx shadcn@latest add https://caliperui.site/r/radio.json"},{"name":"rating","title":"Rating","description":"Stars that are a native radio group: arrows change the value, a pointer previews, half steps when you need them, and a read-only average that says how many rat…","type":"registry:ui","source_url":"https://caliperui.site/r/rating.json","install_command":"npx shadcn@latest add https://caliperui.site/r/rating.json"},{"name":"scroll-area","title":"Scroll area","description":"A labelled, keyboard-focusable scroll region with a quiet scrollbar.","type":"registry:ui","source_url":"https://caliperui.site/r/scroll-area.json","install_command":"npx shadcn@latest add https://caliperui.site/r/scroll-area.json"},{"name":"search","title":"Search","description":"A search field with a clear button and the right keyboard on phones.","type":"registry:ui","source_url":"https://caliperui.site/r/search.json","install_command":"npx shadcn@latest add https://caliperui.site/r/search.json"},{"name":"segmented-control","title":"Segmented control","description":"Segmented control, part of the Blocks family.","type":"registry:ui","source_url":"https://caliperui.site/r/segmented-control.json","install_command":"npx shadcn@latest add https://caliperui.site/r/segmented-control.json"},{"name":"select","title":"Select","description":"A styled native select for choosing one option from a short list.","type":"registry:ui","source_url":"https://caliperui.site/r/select.json","install_command":"npx shadcn@latest add https://caliperui.site/r/select.json"},{"name":"select-menu","title":"Select menu","description":"A select whose list opens with the chosen option over the trigger; the platform picker on touch.","type":"registry:ui","source_url":"https://caliperui.site/r/select-menu.json","install_command":"npx shadcn@latest add https://caliperui.site/r/select-menu.json"},{"name":"separator","title":"Separator","description":"A 1px divider in the toolbar's own hairline, with a labelled form for “or continue with email”. Decoration unless you say otherwise.","type":"registry:ui","source_url":"https://caliperui.site/r/separator.json","install_command":"npx shadcn@latest add https://caliperui.site/r/separator.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible navigation rail for an app's main sections.","type":"registry:ui","source_url":"https://caliperui.site/r/sidebar.json","install_command":"npx shadcn@latest add https://caliperui.site/r/sidebar.json"},{"name":"sign-in-form","title":"Sign in form","description":"An email and password form with provider buttons and clear errors.","type":"registry:ui","source_url":"https://caliperui.site/r/sign-in-form.json","install_command":"npx shadcn@latest add https://caliperui.site/r/sign-in-form.json"},{"name":"site-footer","title":"Site footer","description":"Link columns, social links and legal text.","type":"registry:ui","source_url":"https://caliperui.site/r/site-footer.json","install_command":"npx shadcn@latest add https://caliperui.site/r/site-footer.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder with the shape of the content it stands in for.","type":"registry:ui","source_url":"https://caliperui.site/r/skeleton.json","install_command":"npx shadcn@latest add https://caliperui.site/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A native range input styled to match, with accessible value text.","type":"registry:ui","source_url":"https://caliperui.site/r/slider.json","install_command":"npx shadcn@latest add https://caliperui.site/r/slider.json"},{"name":"sparkline","title":"Sparkline","description":"A tiny trend line with no axes, for use inside text and tables.","type":"registry:ui","source_url":"https://caliperui.site/r/sparkline.json","install_command":"npx shadcn@latest add https://caliperui.site/r/sparkline.json"},{"name":"split-button","title":"Split button","description":"A primary action joined to its alternatives; the chosen option becomes the label.","type":"registry:ui","source_url":"https://caliperui.site/r/split-button.json","install_command":"npx shadcn@latest add https://caliperui.site/r/split-button.json"},{"name":"stat-card","title":"Stat card","description":"A bordered figure with a label, description and change.","type":"registry:ui","source_url":"https://caliperui.site/r/stat-card.json","install_command":"npx shadcn@latest add https://caliperui.site/r/stat-card.json"},{"name":"stepper","title":"Stepper","description":"Shows where someone is in a multi-step flow and lets them go back.","type":"registry:ui","source_url":"https://caliperui.site/r/stepper.json","install_command":"npx shadcn@latest add https://caliperui.site/r/stepper.json"},{"name":"switch","title":"Switch","description":"Switch, part of the Inputs family.","type":"registry:ui","source_url":"https://caliperui.site/r/switch.json","install_command":"npx shadcn@latest add https://caliperui.site/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Switch between related views of the same content without leaving the page.","type":"registry:ui","source_url":"https://caliperui.site/r/tabs.json","install_command":"npx shadcn@latest add https://caliperui.site/r/tabs.json"},{"name":"team-block","title":"Team block","description":"People introduced by what they own and how to reach them, with their photo or, when there is none, their initials.","type":"registry:ui","source_url":"https://caliperui.site/r/team-block.json","install_command":"npx shadcn@latest add https://caliperui.site/r/team-block.json"},{"name":"textarea","title":"Textarea","description":"A recessed multi-line field that grows with the draft from 3 to 8 lines.","type":"registry:ui","source_url":"https://caliperui.site/r/textarea.json","install_command":"npx shadcn@latest add https://caliperui.site/r/textarea.json"},{"name":"theme-switch","title":"Theme switch","description":"A light and dark toggle that changes at once or reveals the new theme with a circle, seam or wipe.","type":"registry:ui","source_url":"https://caliperui.site/r/theme-switch.json","install_command":"npx shadcn@latest add https://caliperui.site/r/theme-switch.json"},{"name":"toast","title":"Toast","description":"A short, dismissible message that confirms an action, with an optional undo.","type":"registry:ui","source_url":"https://caliperui.site/r/toast.json","install_command":"npx shadcn@latest add https://caliperui.site/r/toast.json"},{"name":"toggle","title":"Toggle and toggle group","description":"A button that stays pressed, alone or in a raised group that holds one choice or many and moves with the arrow keys as a single tab stop.","type":"registry:ui","source_url":"https://caliperui.site/r/toggle.json","install_command":"npx shadcn@latest add https://caliperui.site/r/toggle.json"},{"name":"toolbar","title":"Toolbar","description":"Tools with one tab stop: arrows move between them, toggles sit recessed, and when the row runs out of width the last tools fold into a More menu with their sta…","type":"registry:ui","source_url":"https://caliperui.site/r/toolbar.json","install_command":"npx shadcn@latest add https://caliperui.site/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A short hint that appears on hover or focus, never the only way to learn something.","type":"registry:ui","source_url":"https://caliperui.site/r/tooltip.json","install_command":"npx shadcn@latest add https://caliperui.site/r/tooltip.json"},{"name":"user-menu","title":"User menu","description":"A dropdown for the signed-in person's identity and account actions.","type":"registry:ui","source_url":"https://caliperui.site/r/user-menu.json","install_command":"npx shadcn@latest add https://caliperui.site/r/user-menu.json"}]},{"id":"canvas-ui","name":"@canvas-ui","slug":"canvas-ui","description":"Creative html-in-canvas components. React, Vue, Svelte, TS.","author":"DavidHDev","framework":"vue","license":null,"tags":[],"categories":["Uncategorized"],"labels":["popular","recently-updated"],"urls":{"website":"https://canvasui.dev/","github":"https://github.com/DavidHDev/canvas-ui","registry":"https://canvasui.dev/r/registry.json","source":"https://canvasui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/canvas-ui","markdown":"https://sh4dcn.netlify.app/md/canvas-ui.md"},"logo":"<svg width='289' height='268' viewBox='0 0 289 268' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#canvasui_clip0)'><path d='M0 130.943C25.9972 130.883 47.0916 130.391 53.5655 129.095C74.3847 124.927 90.6708 108.644 94.8393 87.8247C96.733 78.3667 96.8988 39.5491 96.5238 0.00014012H0V130.943Z' fill='currentColor'/><path d='M145.914 129.35C167.891 129.35 184.309 108.993 188.548 87.8247C190.471 78.2197 190.643 39.4688 190.264 0.00014012H101.563C101.184 39.4667 101.357 78.2144 103.28 87.8208C107.517 108.99 123.574 129.35 145.914 129.35Z' fill='currentColor'/><path d='M288.207 0.00014012H195.304C194.929 39.5468 195.095 78.3613 196.988 87.8208C201.156 108.641 217.442 124.927 238.262 129.095C244.468 130.337 263.935 130.837 288.207 130.929V0.00014012Z' fill='currentColor'/><path d='M94.8393 178.811C90.6719 157.99 74.3859 141.703 53.5655 137.535C47.091 136.239 25.9967 135.75 0 135.69V265.904H94.8393V178.811Z' fill='currentColor'/><path d='M288.207 135.704C263.935 135.796 244.468 136.293 238.262 137.535C217.441 141.703 201.155 157.99 196.988 178.811V265.904H288.207V135.704Z' fill='currentColor'/><path d='M188.548 178.811C184.311 157.641 167.967 141.713 145.603 141.712C123.239 141.712 107.517 157.641 103.28 178.811V265.904H188.548V178.811Z' fill='currentColor'/></g><g clip-path='url(#canvasui_clip1)'><path d='M0 136.207C25.9972 136.267 47.0916 136.76 53.5655 138.055C74.3847 142.223 90.6708 158.506 94.8393 179.325C96.733 188.783 96.8988 227.601 96.5238 267.15H0V136.207Z' fill='currentColor'/><path d='M145.914 137.8C167.891 137.801 184.309 158.157 188.548 179.325C190.471 188.93 190.643 227.681 190.264 267.15H101.563C101.184 227.683 101.357 188.936 103.28 179.329C107.517 158.16 123.574 137.8 145.914 137.8Z' fill='currentColor'/><path d='M288.207 267.15H195.304C194.929 227.603 195.095 188.789 196.988 179.329C201.156 158.509 217.442 142.224 238.262 138.055C244.468 136.813 263.935 136.313 288.207 136.221V267.15Z' fill='currentColor'/><path d='M94.8393 88.3394C90.6719 109.16 74.3859 125.447 53.5655 129.615C47.091 130.911 25.9967 131.4 0 131.46V1.24634H94.8393V88.3394Z' fill='currentColor'/><path d='M288.207 131.446C263.935 131.354 244.468 130.857 238.262 129.615C217.441 125.447 201.155 109.16 196.988 88.3394V1.24634H288.207V131.446Z' fill='currentColor'/><path d='M188.548 88.3394C184.311 109.509 167.967 125.437 145.603 125.438C123.239 125.438 107.517 109.509 103.28 88.3394V1.24634H188.548V88.3394Z' fill='currentColor'/></g><defs><clipPath id='canvasui_clip0'><rect width='288.207' height='132.952'/></clipPath><clipPath id='canvasui_clip1'><rect width='288.207' height='132.952' transform='matrix(1 0 0 -1 0 267.15)'/></clipPath></defs></svg>","preview_image":"https://canvasui.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5117,"open_issues":4,"last_commit":"2026-10-03T14:24:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://canvasui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://canvasui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://canvasui.dev/r/registry.json","clone":"git clone https://github.com/DavidHDev/canvas-ui.git","clone_degit":"npx degit DavidHDev/canvas-ui","registry_fetch":"curl -s https://canvasui.dev/r/registry.json"},"component_count":250,"components":[{"name":"ascii-object-react","title":"AsciiObject (React)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-react.json"},{"name":"ascii-object-vue","title":"AsciiObject (Vue)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-vue.json"},{"name":"ascii-object-svelte","title":"AsciiObject (Svelte)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-svelte.json"},{"name":"ascii-object-solid","title":"AsciiObject (Solid)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-solid.json"},{"name":"ascii-object-preact","title":"AsciiObject (Preact)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-preact.json"},{"name":"ascii-object-vanilla","title":"AsciiObject (Vanilla)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-vanilla.json"},{"name":"ascii-object-react-webgpu","title":"AsciiObject (React, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-react-webgpu.json"},{"name":"ascii-object-vue-webgpu","title":"AsciiObject (Vue, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-vue-webgpu.json"},{"name":"ascii-object-svelte-webgpu","title":"AsciiObject (Svelte, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-svelte-webgpu.json"},{"name":"ascii-object-solid-webgpu","title":"AsciiObject (Solid, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-solid-webgpu.json"},{"name":"ascii-object-preact-webgpu","title":"AsciiObject (Preact, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-preact-webgpu.json"},{"name":"ascii-object-vanilla-webgpu","title":"AsciiObject (Vanilla, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene as ASCII characters chosen by shape, so glyphs trace the object's edges. Built on three.js…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-object-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-object-vanilla-webgpu.json"},{"name":"ascii-sweep-react","title":"AsciiSweep (React)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-react.json"},{"name":"ascii-sweep-vue","title":"AsciiSweep (Vue)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-vue.json"},{"name":"ascii-sweep-svelte","title":"AsciiSweep (Svelte)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-svelte.json"},{"name":"ascii-sweep-solid","title":"AsciiSweep (Solid)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-solid.json"},{"name":"ascii-sweep-preact","title":"AsciiSweep (Preact)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-preact.json"},{"name":"ascii-sweep-vanilla","title":"AsciiSweep (Vanilla)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-vanilla.json"},{"name":"ascii-sweep-react-webgpu","title":"AsciiSweep (React, WebGPU)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-react-webgpu.json"},{"name":"ascii-sweep-vue-webgpu","title":"AsciiSweep (Vue, WebGPU)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-vue-webgpu.json"},{"name":"ascii-sweep-svelte-webgpu","title":"AsciiSweep (Svelte, WebGPU)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-svelte-webgpu.json"},{"name":"ascii-sweep-solid-webgpu","title":"AsciiSweep (Solid, WebGPU)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-solid-webgpu.json"},{"name":"ascii-sweep-preact-webgpu","title":"AsciiSweep (Preact, WebGPU)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-preact-webgpu.json"},{"name":"ascii-sweep-vanilla-webgpu","title":"AsciiSweep (Vanilla, WebGPU)","description":"Swaps two panels of live HTML with a band of glowing ascii characters that sweeps across the exact text lines, tearing rows and trailing phosphor as it passes.…","type":"registry:component","source_url":"https://canvasui.dev/r/ascii-sweep-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/ascii-sweep-vanilla-webgpu.json"},{"name":"asciify-react","title":"Asciify (React)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-react.json"},{"name":"asciify-vue","title":"Asciify (Vue)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-vue.json"},{"name":"asciify-svelte","title":"Asciify (Svelte)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-svelte.json"},{"name":"asciify-solid","title":"Asciify (Solid)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-solid.json"},{"name":"asciify-preact","title":"Asciify (Preact)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-preact.json"},{"name":"asciify-vanilla","title":"Asciify (Vanilla)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-vanilla.json"},{"name":"asciify-react-webgpu","title":"Asciify (React, WebGPU)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-react-webgpu.json"},{"name":"asciify-vue-webgpu","title":"Asciify (Vue, WebGPU)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-vue-webgpu.json"},{"name":"asciify-svelte-webgpu","title":"Asciify (Svelte, WebGPU)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-svelte-webgpu.json"},{"name":"asciify-solid-webgpu","title":"Asciify (Solid, WebGPU)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-solid-webgpu.json"},{"name":"asciify-preact-webgpu","title":"Asciify (Preact, WebGPU)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-preact-webgpu.json"},{"name":"asciify-vanilla-webgpu","title":"Asciify (Vanilla, WebGPU)","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive in Ch…","type":"registry:component","source_url":"https://canvasui.dev/r/asciify-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/asciify-vanilla-webgpu.json"},{"name":"bend-react","title":"Bend (React)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/bend-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-react.json"},{"name":"bend-vue","title":"Bend (Vue)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/bend-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-vue.json"},{"name":"bend-svelte","title":"Bend (Svelte)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/bend-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-svelte.json"},{"name":"bend-solid","title":"Bend (Solid)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/bend-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-solid.json"},{"name":"bend-preact","title":"Bend (Preact)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/bend-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-preact.json"},{"name":"bend-vanilla","title":"Bend (Vanilla)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/bend-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-vanilla.json"},{"name":"bend-react-webgpu","title":"Bend (React, WebGPU)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. WebG…","type":"registry:component","source_url":"https://canvasui.dev/r/bend-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-react-webgpu.json"},{"name":"bend-vue-webgpu","title":"Bend (Vue, WebGPU)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. WebG…","type":"registry:component","source_url":"https://canvasui.dev/r/bend-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-vue-webgpu.json"},{"name":"bend-svelte-webgpu","title":"Bend (Svelte, WebGPU)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. WebG…","type":"registry:component","source_url":"https://canvasui.dev/r/bend-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-svelte-webgpu.json"},{"name":"bend-solid-webgpu","title":"Bend (Solid, WebGPU)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. WebG…","type":"registry:component","source_url":"https://canvasui.dev/r/bend-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-solid-webgpu.json"},{"name":"bend-preact-webgpu","title":"Bend (Preact, WebGPU)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. WebG…","type":"registry:component","source_url":"https://canvasui.dev/r/bend-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-preact-webgpu.json"},{"name":"bend-vanilla-webgpu","title":"Bend (Vanilla, WebGPU)","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies. WebG…","type":"registry:component","source_url":"https://canvasui.dev/r/bend-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bend-vanilla-webgpu.json"},{"name":"grid-react","title":"Grid (React)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-react.json"},{"name":"grid-vue","title":"Grid (Vue)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-vue.json"},{"name":"grid-svelte","title":"Grid (Svelte)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-svelte.json"},{"name":"grid-solid","title":"Grid (Solid)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-solid.json"},{"name":"grid-preact","title":"Grid (Preact)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-preact.json"},{"name":"grid-vanilla","title":"Grid (Vanilla)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-vanilla.json"},{"name":"grid-react-webgpu","title":"Grid (React, WebGPU)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-react-webgpu.json"},{"name":"grid-vue-webgpu","title":"Grid (Vue, WebGPU)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-vue-webgpu.json"},{"name":"grid-svelte-webgpu","title":"Grid (Svelte, WebGPU)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-svelte-webgpu.json"},{"name":"grid-solid-webgpu","title":"Grid (Solid, WebGPU)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-solid-webgpu.json"},{"name":"grid-preact-webgpu","title":"Grid (Preact, WebGPU)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-preact-webgpu.json"},{"name":"grid-vanilla-webgpu","title":"Grid (Vanilla, WebGPU)","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/grid-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/grid-vanilla-webgpu.json"},{"name":"blaze-react","title":"Blaze (React)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-react.json"},{"name":"blaze-vue","title":"Blaze (Vue)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-vue.json"},{"name":"blaze-svelte","title":"Blaze (Svelte)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-svelte.json"},{"name":"blaze-solid","title":"Blaze (Solid)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-solid.json"},{"name":"blaze-preact","title":"Blaze (Preact)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-preact.json"},{"name":"blaze-vanilla","title":"Blaze (Vanilla)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-vanilla.json"},{"name":"blaze-react-webgpu","title":"Blaze (React, WebGPU)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-react-webgpu.json"},{"name":"blaze-vue-webgpu","title":"Blaze (Vue, WebGPU)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-vue-webgpu.json"},{"name":"blaze-svelte-webgpu","title":"Blaze (Svelte, WebGPU)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-svelte-webgpu.json"},{"name":"blaze-solid-webgpu","title":"Blaze (Solid, WebGPU)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-solid-webgpu.json"},{"name":"blaze-preact-webgpu","title":"Blaze (Preact, WebGPU)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-preact-webgpu.json"},{"name":"blaze-vanilla-webgpu","title":"Blaze (Vanilla, WebGPU)","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/blaze-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/blaze-vanilla-webgpu.json"},{"name":"bubble-react","title":"Bubble (React)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-react.json"},{"name":"bubble-vue","title":"Bubble (Vue)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-vue.json"},{"name":"bubble-svelte","title":"Bubble (Svelte)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-svelte.json"},{"name":"bubble-solid","title":"Bubble (Solid)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-solid.json"},{"name":"bubble-preact","title":"Bubble (Preact)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-preact.json"},{"name":"bubble-vanilla","title":"Bubble (Vanilla)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-vanilla.json"},{"name":"bubble-react-webgpu","title":"Bubble (React, WebGPU)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-react-webgpu.json"},{"name":"bubble-vue-webgpu","title":"Bubble (Vue, WebGPU)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-vue-webgpu.json"},{"name":"bubble-svelte-webgpu","title":"Bubble (Svelte, WebGPU)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-svelte-webgpu.json"},{"name":"bubble-solid-webgpu","title":"Bubble (Solid, WebGPU)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-solid-webgpu.json"},{"name":"bubble-preact-webgpu","title":"Bubble (Preact, WebGPU)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-preact-webgpu.json"},{"name":"bubble-vanilla-webgpu","title":"Bubble (Vanilla, WebGPU)","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:component","source_url":"https://canvasui.dev/r/bubble-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/bubble-vanilla-webgpu.json"},{"name":"canvas-react","title":"Canvas (React)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-react.json"},{"name":"canvas-vue","title":"Canvas (Vue)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-vue.json"},{"name":"canvas-svelte","title":"Canvas (Svelte)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-svelte.json"},{"name":"canvas-solid","title":"Canvas (Solid)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-solid.json"},{"name":"canvas-preact","title":"Canvas (Preact)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-preact.json"},{"name":"canvas-vanilla","title":"Canvas (Vanilla)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-vanilla.json"},{"name":"canvas-react-webgpu","title":"Canvas (React, WebGPU)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-react-webgpu.json"},{"name":"canvas-vue-webgpu","title":"Canvas (Vue, WebGPU)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-vue-webgpu.json"},{"name":"canvas-svelte-webgpu","title":"Canvas (Svelte, WebGPU)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-svelte-webgpu.json"},{"name":"canvas-solid-webgpu","title":"Canvas (Solid, WebGPU)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-solid-webgpu.json"},{"name":"canvas-preact-webgpu","title":"Canvas (Preact, WebGPU)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-preact-webgpu.json"},{"name":"canvas-vanilla-webgpu","title":"Canvas (Vanilla, WebGPU)","description":"Paints your page onto woven artist canvas, with fiber texture, paper tint, grain, a dotted halftone screen, and a soft intro crossfade. Text stays crisp and re…","type":"registry:component","source_url":"https://canvasui.dev/r/canvas-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/canvas-vanilla-webgpu.json"},{"name":"cloth-react","title":"Cloth (React)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-react.json"},{"name":"cloth-vue","title":"Cloth (Vue)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-vue.json"},{"name":"cloth-svelte","title":"Cloth (Svelte)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-svelte.json"},{"name":"cloth-solid","title":"Cloth (Solid)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-solid.json"},{"name":"cloth-preact","title":"Cloth (Preact)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-preact.json"},{"name":"cloth-vanilla","title":"Cloth (Vanilla)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-vanilla.json"},{"name":"cloth-react-webgpu","title":"Cloth (React, WebGPU)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-react-webgpu.json"},{"name":"cloth-vue-webgpu","title":"Cloth (Vue, WebGPU)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-vue-webgpu.json"},{"name":"cloth-svelte-webgpu","title":"Cloth (Svelte, WebGPU)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-svelte-webgpu.json"},{"name":"cloth-solid-webgpu","title":"Cloth (Solid, WebGPU)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-solid-webgpu.json"},{"name":"cloth-preact-webgpu","title":"Cloth (Preact, WebGPU)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-preact-webgpu.json"},{"name":"cloth-vanilla-webgpu","title":"Cloth (Vanilla, WebGPU)","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:component","source_url":"https://canvasui.dev/r/cloth-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/cloth-vanilla-webgpu.json"},{"name":"clouds-react","title":"Clouds (React)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-react.json"},{"name":"clouds-vue","title":"Clouds (Vue)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-vue.json"},{"name":"clouds-svelte","title":"Clouds (Svelte)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-svelte.json"},{"name":"clouds-solid","title":"Clouds (Solid)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-solid.json"},{"name":"clouds-preact","title":"Clouds (Preact)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-preact.json"},{"name":"clouds-vanilla","title":"Clouds (Vanilla)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-vanilla.json"},{"name":"clouds-react-webgpu","title":"Clouds (React, WebGPU)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-react-webgpu.json"},{"name":"clouds-vue-webgpu","title":"Clouds (Vue, WebGPU)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-vue-webgpu.json"},{"name":"clouds-svelte-webgpu","title":"Clouds (Svelte, WebGPU)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-svelte-webgpu.json"},{"name":"clouds-solid-webgpu","title":"Clouds (Solid, WebGPU)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-solid-webgpu.json"},{"name":"clouds-preact-webgpu","title":"Clouds (Preact, WebGPU)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-preact-webgpu.json"},{"name":"clouds-vanilla-webgpu","title":"Clouds (Vanilla, WebGPU)","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/clouds-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/clouds-vanilla-webgpu.json"},{"name":"decrypt-reveal-react","title":"DecryptReveal (React)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-react.json"},{"name":"decrypt-reveal-vue","title":"DecryptReveal (Vue)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-vue.json"},{"name":"decrypt-reveal-svelte","title":"DecryptReveal (Svelte)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-svelte.json"},{"name":"decrypt-reveal-solid","title":"DecryptReveal (Solid)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-solid.json"},{"name":"decrypt-reveal-preact","title":"DecryptReveal (Preact)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-preact.json"},{"name":"decrypt-reveal-vanilla","title":"DecryptReveal (Vanilla)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-vanilla.json"},{"name":"decrypt-reveal-react-webgpu","title":"DecryptReveal (React, WebGPU)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-react-webgpu.json"},{"name":"decrypt-reveal-vue-webgpu","title":"DecryptReveal (Vue, WebGPU)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-vue-webgpu.json"},{"name":"decrypt-reveal-svelte-webgpu","title":"DecryptReveal (Svelte, WebGPU)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-svelte-webgpu.json"},{"name":"decrypt-reveal-solid-webgpu","title":"DecryptReveal (Solid, WebGPU)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-solid-webgpu.json"},{"name":"decrypt-reveal-preact-webgpu","title":"DecryptReveal (Preact, WebGPU)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-preact-webgpu.json"},{"name":"decrypt-reveal-vanilla-webgpu","title":"DecryptReveal (Vanilla, WebGPU)","description":"Renders your page as real ASCII cipher text that decodes back into crisp UI around the cursor behind a flickering wavefront. The HTML stays interactive. No dep…","type":"registry:component","source_url":"https://canvasui.dev/r/decrypt-reveal-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/decrypt-reveal-vanilla-webgpu.json"},{"name":"liquid-react","title":"Liquid (React)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-react.json"},{"name":"liquid-vue","title":"Liquid (Vue)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-vue.json"},{"name":"liquid-svelte","title":"Liquid (Svelte)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-svelte.json"},{"name":"liquid-solid","title":"Liquid (Solid)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-solid.json"},{"name":"liquid-preact","title":"Liquid (Preact)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-preact.json"},{"name":"liquid-vanilla","title":"Liquid (Vanilla)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-vanilla.json"},{"name":"liquid-react-webgpu","title":"Liquid (React, WebGPU)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-react-webgpu.json"},{"name":"liquid-vue-webgpu","title":"Liquid (Vue, WebGPU)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-vue-webgpu.json"},{"name":"liquid-svelte-webgpu","title":"Liquid (Svelte, WebGPU)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-svelte-webgpu.json"},{"name":"liquid-solid-webgpu","title":"Liquid (Solid, WebGPU)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-solid-webgpu.json"},{"name":"liquid-preact-webgpu","title":"Liquid (Preact, WebGPU)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-preact-webgpu.json"},{"name":"liquid-vanilla-webgpu","title":"Liquid (Vanilla, WebGPU)","description":"A pointer-driven GPU fluid simulation over your page. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/liquid-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/liquid-vanilla-webgpu.json"},{"name":"magnify-react","title":"Magnify (React)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-react.json"},{"name":"magnify-vue","title":"Magnify (Vue)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-vue.json"},{"name":"magnify-svelte","title":"Magnify (Svelte)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-svelte.json"},{"name":"magnify-solid","title":"Magnify (Solid)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-solid.json"},{"name":"magnify-preact","title":"Magnify (Preact)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-preact.json"},{"name":"magnify-vanilla","title":"Magnify (Vanilla)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-vanilla.json"},{"name":"magnify-react-webgpu","title":"Magnify (React, WebGPU)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-react-webgpu.json"},{"name":"magnify-vue-webgpu","title":"Magnify (Vue, WebGPU)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-vue-webgpu.json"},{"name":"magnify-svelte-webgpu","title":"Magnify (Svelte, WebGPU)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-svelte-webgpu.json"},{"name":"magnify-solid-webgpu","title":"Magnify (Solid, WebGPU)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-solid-webgpu.json"},{"name":"magnify-preact-webgpu","title":"Magnify (Preact, WebGPU)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-preact-webgpu.json"},{"name":"magnify-vanilla-webgpu","title":"Magnify (Vanilla, WebGPU)","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:component","source_url":"https://canvasui.dev/r/magnify-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/magnify-vanilla-webgpu.json"},{"name":"dithered-object-react","title":"DitheredObject (React)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-react.json"},{"name":"dithered-object-vue","title":"DitheredObject (Vue)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-vue.json"},{"name":"dithered-object-svelte","title":"DitheredObject (Svelte)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-svelte.json"},{"name":"dithered-object-solid","title":"DitheredObject (Solid)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-solid.json"},{"name":"dithered-object-preact","title":"DitheredObject (Preact)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-preact.json"},{"name":"dithered-object-vanilla","title":"DitheredObject (Vanilla)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-vanilla.json"},{"name":"dithered-object-react-webgpu","title":"DitheredObject (React, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU buil…","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-react-webgpu.json"},{"name":"dithered-object-vue-webgpu","title":"DitheredObject (Vue, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU buil…","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-vue-webgpu.json"},{"name":"dithered-object-svelte-webgpu","title":"DitheredObject (Svelte, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU buil…","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-svelte-webgpu.json"},{"name":"dithered-object-solid-webgpu","title":"DitheredObject (Solid, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU buil…","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-solid-webgpu.json"},{"name":"dithered-object-preact-webgpu","title":"DitheredObject (Preact, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU buil…","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-preact-webgpu.json"},{"name":"dithered-object-vanilla-webgpu","title":"DitheredObject (Vanilla, WebGPU)","description":"Renders any GLB/glTF model, SVG, or image in a floating studio scene through a 1-bit Bayer, halftone, or Floyd–Steinberg dither. Built on three.js. WebGPU buil…","type":"registry:component","source_url":"https://canvasui.dev/r/dithered-object-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/dithered-object-vanilla-webgpu.json"},{"name":"displacement-react","title":"Displacement (React)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-react.json"},{"name":"displacement-vue","title":"Displacement (Vue)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-vue.json"},{"name":"displacement-svelte","title":"Displacement (Svelte)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-svelte.json"},{"name":"displacement-solid","title":"Displacement (Solid)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-solid.json"},{"name":"displacement-preact","title":"Displacement (Preact)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-preact.json"},{"name":"displacement-vanilla","title":"Displacement (Vanilla)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-vanilla.json"},{"name":"displacement-react-webgpu","title":"Displacement (React, WebGPU)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-react-webgpu.json"},{"name":"displacement-vue-webgpu","title":"Displacement (Vue, WebGPU)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-vue-webgpu.json"},{"name":"displacement-svelte-webgpu","title":"Displacement (Svelte, WebGPU)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-svelte-webgpu.json"},{"name":"displacement-solid-webgpu","title":"Displacement (Solid, WebGPU)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-solid-webgpu.json"},{"name":"displacement-preact-webgpu","title":"Displacement (Preact, WebGPU)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-preact-webgpu.json"},{"name":"displacement-vanilla-webgpu","title":"Displacement (Vanilla, WebGPU)","description":"Warps your live HTML on a displacement grid that ripples away from the cursor, with chromatic fringing and film grain in the disturbed areas. The HTML stays in…","type":"registry:component","source_url":"https://canvasui.dev/r/displacement-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/displacement-vanilla-webgpu.json"},{"name":"droplets-react","title":"Droplets (React)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-react.json"},{"name":"droplets-vue","title":"Droplets (Vue)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-vue.json"},{"name":"droplets-svelte","title":"Droplets (Svelte)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-svelte.json"},{"name":"droplets-solid","title":"Droplets (Solid)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-solid.json"},{"name":"droplets-preact","title":"Droplets (Preact)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-preact.json"},{"name":"droplets-vanilla","title":"Droplets (Vanilla)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-vanilla.json"},{"name":"droplets-react-webgpu","title":"Droplets (React, WebGPU)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-react-webgpu.json"},{"name":"droplets-vue-webgpu","title":"Droplets (Vue, WebGPU)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-vue-webgpu.json"},{"name":"droplets-svelte-webgpu","title":"Droplets (Svelte, WebGPU)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-svelte-webgpu.json"},{"name":"droplets-solid-webgpu","title":"Droplets (Solid, WebGPU)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-solid-webgpu.json"},{"name":"droplets-preact-webgpu","title":"Droplets (Preact, WebGPU)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-preact-webgpu.json"},{"name":"droplets-vanilla-webgpu","title":"Droplets (Vanilla, WebGPU)","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies. WebGPU build, rendered with vgpu.","type":"registry:component","source_url":"https://canvasui.dev/r/droplets-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/droplets-vanilla-webgpu.json"},{"name":"flame-wrap-react","title":"FlameWrap (React)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-react.json"},{"name":"flame-wrap-vue","title":"FlameWrap (Vue)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-vue.json"},{"name":"flame-wrap-svelte","title":"FlameWrap (Svelte)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-svelte.json"},{"name":"flame-wrap-solid","title":"FlameWrap (Solid)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-solid.json"},{"name":"flame-wrap-preact","title":"FlameWrap (Preact)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-preact.json"},{"name":"flame-wrap-vanilla","title":"FlameWrap (Vanilla)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-vanilla.json"},{"name":"flame-wrap-react-webgpu","title":"FlameWrap (React, WebGPU)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-react-webgpu.json"},{"name":"flame-wrap-vue-webgpu","title":"FlameWrap (Vue, WebGPU)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-vue-webgpu.json"},{"name":"flame-wrap-svelte-webgpu","title":"FlameWrap (Svelte, WebGPU)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-svelte-webgpu.json"},{"name":"flame-wrap-solid-webgpu","title":"FlameWrap (Solid, WebGPU)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-solid-webgpu.json"},{"name":"flame-wrap-preact-webgpu","title":"FlameWrap (Preact, WebGPU)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-preact-webgpu.json"},{"name":"flame-wrap-vanilla-webgpu","title":"FlameWrap (Vanilla, WebGPU)","description":"Wraps any element in a perfectly aligned border of fire: flames rise from the top edge, the outline glows molten, sparks fly, and the content shimmers with hea…","type":"registry:component","source_url":"https://canvasui.dev/r/flame-wrap-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/flame-wrap-vanilla-webgpu.json"},{"name":"force-field-react","title":"ForceField (React)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-react.json"},{"name":"force-field-vue","title":"ForceField (Vue)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-vue.json"},{"name":"force-field-svelte","title":"ForceField (Svelte)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-svelte.json"},{"name":"force-field-solid","title":"ForceField (Solid)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-solid.json"},{"name":"force-field-preact","title":"ForceField (Preact)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-preact.json"},{"name":"force-field-vanilla","title":"ForceField (Vanilla)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-vanilla.json"},{"name":"force-field-react-webgpu","title":"ForceField (React, WebGPU)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-react-webgpu.json"},{"name":"force-field-vue-webgpu","title":"ForceField (Vue, WebGPU)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-vue-webgpu.json"},{"name":"force-field-svelte-webgpu","title":"ForceField (Svelte, WebGPU)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-svelte-webgpu.json"},{"name":"force-field-solid-webgpu","title":"ForceField (Solid, WebGPU)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-solid-webgpu.json"},{"name":"force-field-preact-webgpu","title":"ForceField (Preact, WebGPU)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-preact-webgpu.json"},{"name":"force-field-vanilla-webgpu","title":"ForceField (Vanilla, WebGPU)","description":"Projects an energy shield lattice over your live HTML. The cursor charges cells as it crosses them and every click detonates a shockwave ripple that refracts t…","type":"registry:component","source_url":"https://canvasui.dev/r/force-field-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/force-field-vanilla-webgpu.json"},{"name":"particle-object-react","title":"ParticleObject (React)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-react.json"},{"name":"particle-object-vue","title":"ParticleObject (Vue)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-vue.json"},{"name":"particle-object-svelte","title":"ParticleObject (Svelte)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-svelte.json"},{"name":"particle-object-solid","title":"ParticleObject (Solid)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-solid.json"},{"name":"particle-object-preact","title":"ParticleObject (Preact)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-preact.json"},{"name":"particle-object-vanilla","title":"ParticleObject (Vanilla)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-vanilla.json"},{"name":"particle-object-react-webgpu","title":"ParticleObject (React, WebGPU)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-react-webgpu.json"},{"name":"particle-object-vue-webgpu","title":"ParticleObject (Vue, WebGPU)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-vue-webgpu.json"},{"name":"particle-object-svelte-webgpu","title":"ParticleObject (Svelte, WebGPU)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-svelte-webgpu.json"},{"name":"particle-object-solid-webgpu","title":"ParticleObject (Solid, WebGPU)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-solid-webgpu.json"},{"name":"particle-object-preact-webgpu","title":"ParticleObject (Preact, WebGPU)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-preact-webgpu.json"},{"name":"particle-object-vanilla-webgpu","title":"ParticleObject (Vanilla, WebGPU)","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js. WebGPU build…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-object-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-object-vanilla-webgpu.json"},{"name":"particle-reveal-react","title":"ParticleReveal (React)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-react.json"},{"name":"particle-reveal-vue","title":"ParticleReveal (Vue)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-vue.json"},{"name":"particle-reveal-svelte","title":"ParticleReveal (Svelte)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-svelte.json"},{"name":"particle-reveal-solid","title":"ParticleReveal (Solid)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-solid.json"},{"name":"particle-reveal-preact","title":"ParticleReveal (Preact)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-preact.json"},{"name":"particle-reveal-vanilla","title":"ParticleReveal (Vanilla)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-vanilla.json"},{"name":"particle-reveal-react-webgpu","title":"ParticleReveal (React, WebGPU)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered …","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-react-webgpu.json"},{"name":"particle-reveal-vue-webgpu","title":"ParticleReveal (Vue, WebGPU)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered …","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-vue-webgpu.json"},{"name":"particle-reveal-svelte-webgpu","title":"ParticleReveal (Svelte, WebGPU)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered …","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-svelte-webgpu.json"},{"name":"particle-reveal-solid-webgpu","title":"ParticleReveal (Solid, WebGPU)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered …","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-solid-webgpu.json"},{"name":"particle-reveal-preact-webgpu","title":"ParticleReveal (Preact, WebGPU)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered …","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-preact-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-preact-webgpu.json"},{"name":"particle-reveal-vanilla-webgpu","title":"ParticleReveal (Vanilla, WebGPU)","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies. WebGPU build, rendered …","type":"registry:component","source_url":"https://canvasui.dev/r/particle-reveal-vanilla-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-reveal-vanilla-webgpu.json"},{"name":"particle-scroll-react","title":"ParticleScroll (React)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-react.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-react.json"},{"name":"particle-scroll-vue","title":"ParticleScroll (Vue)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-vue.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-vue.json"},{"name":"particle-scroll-svelte","title":"ParticleScroll (Svelte)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-svelte.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-svelte.json"},{"name":"particle-scroll-solid","title":"ParticleScroll (Solid)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-solid.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-solid.json"},{"name":"particle-scroll-preact","title":"ParticleScroll (Preact)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-preact.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-preact.json"},{"name":"particle-scroll-vanilla","title":"ParticleScroll (Vanilla)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-vanilla.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-vanilla.json"},{"name":"particle-scroll-react-webgpu","title":"ParticleScroll (React, WebGPU)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies. WebGPU build, rendered…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-react-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-react-webgpu.json"},{"name":"particle-scroll-vue-webgpu","title":"ParticleScroll (Vue, WebGPU)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies. WebGPU build, rendered…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-vue-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-vue-webgpu.json"},{"name":"particle-scroll-svelte-webgpu","title":"ParticleScroll (Svelte, WebGPU)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies. WebGPU build, rendered…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-svelte-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-svelte-webgpu.json"},{"name":"particle-scroll-solid-webgpu","title":"ParticleScroll (Solid, WebGPU)","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies. WebGPU build, rendered…","type":"registry:component","source_url":"https://canvasui.dev/r/particle-scroll-solid-webgpu.json","install_command":"npx shadcn@latest add https://canvasui.dev/r/particle-scroll-solid-webgpu.json"}]},{"id":"cardcn","name":"@cardcn","slug":"cardcn","description":"A focused registry of beautifully styled shadcn/ui Card-component variations built with React, Tailwind CSS, and TypeScript. Each card variant is individually copy-pasteable. Built using TanStack Start, deployed on Cloudflare Workers. Free and open source. Use for: browsing and pulling distinct card layout patterns (stat cards, profile cards, etc.) when the default shadcn Card is too plain for a design.","author":"Ali-Hussein-dev","framework":"react","license":"MIT","tags":["accessibility","cards","components","media"],"categories":["Niche/single-purpose"],"labels":["featured"],"urls":{"website":"https://cardcn.dev","github":"https://github.com/Ali-Hussein-dev/cardcn","registry":"https://cardcn.dev/r/registry.json","source":"https://cardcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/cardcn","markdown":"https://sh4dcn.netlify.app/md/cardcn.md"},"logo":"<svg fill='none' viewBox='0 0 388 440' xmlns='http://www.w3.org/2000/svg'><rect x='25.867' width='336.27' height='336.27' rx='96' fill='color(display-p3 0.9804 0.9804 0.9804)'/><rect x='29.867' y='4' width='328.27' height='328.27' rx='92' stroke='color(display-p3 0.0392 0.0392 0.0392)' stroke-opacity='.9' stroke-width='8'/><rect x='12.933' y='25.867' width='362.13' height='362.13' rx='96' fill='color(display-p3 0.9804 0.9804 0.9804)'/><rect x='16.933' y='29.867' width='354.13' height='354.13' rx='92' stroke='color(display-p3 0.0392 0.0392 0.0392)' stroke-opacity='.95' stroke-width='8'/><rect x='4' y='55.733' width='380' height='380' rx='92' fill='color(display-p3 0.9804 0.9804 0.9804)' stroke='color(display-p3 0.0392 0.0392 0.0392)' stroke-width='8'/><line x1='129.33' x2='229.51' y1='281.25' y2='181.07' stroke='color(display-p3 0.0392 0.0392 0.0392)' stroke-linecap='round' stroke-width='25'/><line x1='212.67' x2='253.92' y1='305.66' y2='264.4' stroke='color(display-p3 0.0392 0.0392 0.0392)' stroke-linecap='round' stroke-width='25'/></svg>","preview_image":"https://cardcn.dev/opengraph-image.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":49,"open_issues":0,"last_commit":"2026-08-29T11:21:29Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://cardcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://cardcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://cardcn.dev/r/registry.json","clone":"git clone https://github.com/Ali-Hussein-dev/cardcn.git","clone_degit":"npx degit Ali-Hussein-dev/cardcn","registry_fetch":"curl -s https://cardcn.dev/r/registry.json"},"component_count":27,"components":[{"name":"card-1","title":"Card 1","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-1.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-1.json"},{"name":"card-2","title":"Card 2","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-2.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-2.json"},{"name":"card-3","title":"Card 3","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-3.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-3.json"},{"name":"card-4","title":"Card 4","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-4.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-4.json"},{"name":"card-5","title":"Card 5","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-5.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-5.json"},{"name":"card-6","title":"Card 6","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-6.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-6.json"},{"name":"card-7","title":"Card 7","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-7.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-7.json"},{"name":"card-8","title":"Card 8","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-8.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-8.json"},{"name":"card-9","title":"Card 9","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-9.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-9.json"},{"name":"card-10","title":"Card 10","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-10.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-10.json"},{"name":"card-11","title":"Card 11","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-11.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-11.json"},{"name":"card-12","title":"Card 12","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-12.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-12.json"},{"name":"card-13","title":"Card 13","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-13.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-13.json"},{"name":"card-14","title":"Card 14","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-14.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-14.json"},{"name":"card-15","title":"Card 15","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-15.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-15.json"},{"name":"card-16","title":"Card 16","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-16.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-16.json"},{"name":"card-17","title":"Card 17","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-17.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-17.json"},{"name":"card-18","title":"Card 18","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-18.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-18.json"},{"name":"card-19","title":"Card 19","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-19.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-19.json"},{"name":"card-20","title":"Card 20","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-20.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-20.json"},{"name":"card-21","title":"Card 21","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-21.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-21.json"},{"name":"card-22","title":"Card 22","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-22.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-22.json"},{"name":"card-23","title":"Card 23","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-23.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-23.json"},{"name":"card-24","title":"Card 24","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-24.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-24.json"},{"name":"card-25","title":"Card 25","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-25.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-25.json"},{"name":"card-26","title":"Card 26","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-26.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-26.json"},{"name":"card-27","title":"Card 27","description":"Card component","type":"registry:component","source_url":"https://cardcn.dev/r/card-27.json","install_command":"npx shadcn@latest add https://cardcn.dev/r/card-27.json"}]},{"id":"catalogs","name":"@catalogs","slug":"catalogs","description":"Discover components, blocks, and more from independent teams. Browse previews and bring the source into your project.","author":null,"framework":"react","license":null,"tags":["accessibility","animation","audio","auth","backgrounds","blocks","cards","charts","forms","maps","media","overlays","retro","text-effects"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://catalogs.dev","github":null,"registry":"https://api.catalogs.dev/shadcn/registry.json","source":"https://api.catalogs.dev/shadcn/registry.json","page":"https://sh4dcn.netlify.app/registry/catalogs","markdown":"https://sh4dcn.netlify.app/md/catalogs.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 359' fill='var(--foreground)'><path d='M0 37.2407C0 16.6732 16.8372 0 37.6068 0L220.392 0C230.862 0 240.858 4.32199 247.974 11.9261L283.565 49.9536C290.682 57.5577 300.678 61.8797 311.148 61.8797H474.393C495.163 61.8797 512 78.5529 512 99.1203L498.556 321.759C498.556 342.327 481.718 359 460.949 359H53.2917C32.5221 359 15.6849 342.327 15.6849 321.759L0 37.2407Z'/></svg>","preview_image":"https://catalogs.dev/og-home.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://api.catalogs.dev/shadcn/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://api.catalogs.dev/shadcn/registry.json","install_bun":"bunx shadcn@latest add https://api.catalogs.dev/shadcn/registry.json","registry_fetch":"curl -s https://api.catalogs.dev/shadcn/registry.json"},"component_count":250,"components":[{"name":"alamenai/animated-circle","title":"Map Animated Circle","description":"Animated circle with drawing and fill effects.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/animated-circle.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-circle.json"},{"name":"alamenai/animated-footprint","title":"Map Animated Footprint","description":"Animated footprint steps that walk along a path on the map.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/animated-footprint.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-footprint.json"},{"name":"alamenai/animated-polygon","title":"Map Animated Polygon","description":"Animated polygon with draw, fill, and draw-then-fill effects.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/animated-polygon.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-polygon.json"},{"name":"alamenai/animated-pulse","title":"Map Animated Pulse","description":"Pulsing dot animation for map markers.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/animated-pulse.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/animated-pulse.json"},{"name":"alamenai/arc-animated","title":"Map Arc Animated","description":"Animated curved arc between two points for flights, deliveries, and connections.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/arc-animated.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/arc-animated.json"},{"name":"alamenai/blur-area","title":"Map Blur Area","description":"Blur sensitive areas on the map with customizable styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/blur-area.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/blur-area.json"},{"name":"alamenai/camera-follow","title":"Map Camera Follow","description":"Animate camera along a path for immersive fly-through experiences.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/camera-follow.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/camera-follow.json"},{"name":"alamenai/choropleth","title":"Map Choropleth","description":"Thematic choropleth map with color-coded regions based on data values.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/choropleth.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/choropleth.json"},{"name":"alamenai/circle","title":"Map Circle","description":"Draggable geographic circle with customizable fill and stroke.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/circle.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/circle.json"},{"name":"alamenai/circle-cluster","title":"Map Circle Cluster","description":"Marker clustering with circle visualization.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/circle-cluster.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/circle-cluster.json"},{"name":"alamenai/compare","title":"Map Compare","description":"Side-by-side map comparison component.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/compare.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/compare.json"},{"name":"alamenai/compass","title":"Map Compass","description":"Interactive compass overlay with bearing display and click-to-reset.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/compass.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/compass.json"},{"name":"alamenai/controls","title":"Map Controls","description":"Interactive map controls (zoom, fullscreen, etc).","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/controls.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/controls.json"},{"name":"alamenai/cyclone","title":"Map Cyclone","description":"Animated cyclone funnel with swirling particles and debris.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/cyclone.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/cyclone.json"},{"name":"alamenai/explosion","title":"Map Explosion","description":"Animated explosion burst effect with radial particles and flash.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/explosion.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/explosion.json"},{"name":"alamenai/fire","title":"Map Fire","description":"Realistic animated fire effect with particle simulation.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/fire.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/fire.json"},{"name":"alamenai/grid","title":"Map Grid","description":"Coordinate grid overlay with latitude/longitude lines and labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/grid.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/grid.json"},{"name":"alamenai/image","title":"Map Image","description":"Image overlay layers on the map.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/image.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/image.json"},{"name":"alamenai/lightning","title":"Map Lightning","description":"Animated lightning bolt strikes with branching and flash effects.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/lightning.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/lightning.json"},{"name":"alamenai/line","title":"Map Line","description":"Static routes and paths on the map.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/line.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/line.json"},{"name":"alamenai/line-animated","title":"Map Line Animated","description":"Animated path and route animations on the map.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/line-animated.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/line-animated.json"},{"name":"alamenai/line-radial","title":"Map Line Radial","description":"Radial lines from a center point to multiple destinations with optional markers.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/line-radial.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/line-radial.json"},{"name":"alamenai/map/mapbox","title":"Map","description":"Core map component with Mapbox GL and MapLibre GL support.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/map/mapbox.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/map/mapbox.json"},{"name":"alamenai/marker","title":"Map Marker","description":"Customizable map markers with popup support.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/marker.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/marker.json"},{"name":"alamenai/marker-animated","title":"Map Marker Animated","description":"Animated marker that moves along a path with trail visualization.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/marker-animated.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/marker-animated.json"},{"name":"alamenai/meteor","title":"Map Meteor","description":"Animated meteor falling from sky with fiery trail and impact effect.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/meteor.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/meteor.json"},{"name":"alamenai/mini-map","title":"Map Mini Map","description":"Minimap overview navigation component.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/mini-map.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/mini-map.json"},{"name":"alamenai/music-disc","title":"Map Music Disc","description":"Rotating music disc with floating notes animation.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/music-disc.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/music-disc.json"},{"name":"alamenai/polygon","title":"Map Polygon","description":"Geographic polygon with customizable fill and stroke styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/polygon.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/polygon.json"},{"name":"alamenai/popup","title":"Map Popup","description":"Info popups and tooltips for map locations.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/popup.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/popup.json"},{"name":"alamenai/radar","title":"Map Radar","description":"Animated radar sweep signal overlay on map coordinates.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/radar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/radar.json"},{"name":"alamenai/rain","title":"Map Rain","description":"Animated rain effect layer.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/rain.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/rain.json"},{"name":"alamenai/raster-video","title":"Map Raster Video","description":"Video overlay layers on the map.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/raster-video.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/raster-video.json"},{"name":"alamenai/sandstorm","title":"Map Sandstorm","description":"Atmospheric sandstorm effect with horizontal particle movement and reduced visibility.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/sandstorm.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/sandstorm.json"},{"name":"alamenai/snow","title":"Map Snow","description":"Falling snowflakes effect with gentle drift and wind.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/snow.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/snow.json"},{"name":"alamenai/steam","title":"Map Steam","description":"Rising steam effect with wispy particle animation.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/steam.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/steam.json"},{"name":"alamenai/sync","title":"Map Sync","description":"Synchronized multi-map component with bidirectional movement sync.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/sync.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/sync.json"},{"name":"alamenai/targeting-reticle","title":"Map Targeting Reticle","description":"Military-style targeting brackets with tracking and lock-on capabilities.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/targeting-reticle.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/targeting-reticle.json"},{"name":"alamenai/tsunami","title":"Map Tsunami","description":"Animated tsunami wave effect with incoming wave, crashing foam, and debris.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/tsunami.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/tsunami.json"},{"name":"alamenai/watermark","title":"Map Watermark","description":"Text watermark overlay for maps with configurable position and styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/alamenai/watermark.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/alamenai/watermark.json"},{"name":"anmolsaini16/analytics-card","title":"Analytics Card","description":"A compact visitor metric card layered over a world map with proportional location markers and a growth badge.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/analytics-card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/analytics-card.json"},{"name":"anmolsaini16/analytics-map","title":"Analytics Map","description":"A full-page real-time analytics dashboard with a world map, overview metrics, traffic breakdown cards, and device statistics.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/analytics-map.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/analytics-map.json"},{"name":"anmolsaini16/choropleth","title":"Choropleth","description":"An interactive world choropleth that shades countries by a metric and includes a theme-aware legend and hover details.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/choropleth.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/choropleth.json"},{"name":"anmolsaini16/delivery-tracker","title":"Delivery Tracker","description":"A responsive delivery tracking screen with order details, a routed map, pickup and drop-off markers, and courier progress.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/delivery-tracker.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/delivery-tracker.json"},{"name":"anmolsaini16/heatmap","title":"Heatmap","description":"A globe-projected earthquake density heatmap with zoom-responsive intensity, color, radius, and point layers.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/heatmap.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/heatmap.json"},{"name":"anmolsaini16/logistics-network","title":"Logistics Network","description":"A domestic logistics dashboard with globe-projected routes, hub markers, operational stats, and sidebar filters.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/logistics-network.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/logistics-network.json"},{"name":"anmolsaini16/map","title":"Map","description":"A composable MapLibre map with theme-aware styles, markers, popups, controls, routes, arcs, GeoJSON layers, and point clustering.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/map.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/map.json"},{"name":"anmolsaini16/store-locator","title":"Store Locator","description":"A searchable store locator with a synchronized results sidebar, interactive markers, fly-to selection, tooltips, and details popups.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/store-locator.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/store-locator.json"},{"name":"anmolsaini16/uptime-monitor","title":"Uptime Monitor","description":"A status dashboard mapping edge network locations with live health, latency, uptime, and a node detail sidebar.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/anmolsaini16/uptime-monitor.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/anmolsaini16/uptime-monitor.json"},{"name":"bklit/area-chart","title":"Area Chart","description":"A composable area chart with gradient fills and animations","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/area-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/area-chart.json"},{"name":"bklit/background","title":"Background","description":"Pattern fill for the plot area when grid lines are hidden","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/background.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/background.json"},{"name":"bklit/bar-chart","title":"Bar Chart","description":"A composable bar chart with horizontal/vertical orientations and animations","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/bar-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/bar-chart.json"},{"name":"bklit/bar-depth","title":"Bar Depth","description":"3D depth and glossy glass surfaces for BarChart bars","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/bar-depth.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/bar-depth.json"},{"name":"bklit/candlestick-chart","title":"Candlestick Chart","description":"A composable OHLC candlestick chart with gradients, patterns, tooltips, and hover interactions","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/candlestick-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/candlestick-chart.json"},{"name":"bklit/chart-context","title":"Chart Context","description":"Shared context and hooks for Bklit chart components","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/chart-context.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/chart-context.json"},{"name":"bklit/chart-tooltip","title":"Tooltip","description":"Composable tooltip components for charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/chart-tooltip.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/chart-tooltip.json"},{"name":"bklit/choropleth-chart","title":"Choropleth Chart","description":"A geographic map chart with zoom, pan, and data visualization","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/choropleth-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/choropleth-chart.json"},{"name":"bklit/composed-chart","title":"Composed Chart","description":"Time-series chart composing Line, Area, and SeriesBar on one shared scale (Recharts ComposedChart-style)","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/composed-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/composed-chart.json"},{"name":"bklit/funnel-chart","title":"Funnel Chart","description":"An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/funnel-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/funnel-chart.json"},{"name":"bklit/gauge-chart","title":"Gauge","description":"Notch-based radial or linear gauge with optional center label, patterns, and optional gradients","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/gauge-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/gauge-chart.json"},{"name":"bklit/grid","title":"Grid","description":"Grid lines for charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/grid.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/grid.json"},{"name":"bklit/heatmap-chart","title":"Heatmap Chart","description":"A contribution heatmap with animated cells and configurable level colors","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/heatmap-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/heatmap-chart.json"},{"name":"bklit/legend","title":"Legend","description":"Composable legend components for charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/legend.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/legend.json"},{"name":"bklit/line-chart","title":"Line Chart","description":"A composable line chart with multiple series support","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/line-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/line-chart.json"},{"name":"bklit/live-line-chart","title":"Live Line Chart","description":"Real-time streaming line chart with smooth scrolling, crosshair, and animated axes","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/live-line-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/live-line-chart.json"},{"name":"bklit/markers","title":"Chart Markers","description":"Marker components for highlighting data points on charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/markers.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/markers.json"},{"name":"bklit/pie-chart","title":"Pie Chart","description":"A composable pie chart with animations and customizable slices","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/pie-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/pie-chart.json"},{"name":"bklit/profit-loss-line","title":"Profit/Loss Line","description":"Sign-colored line segments for profit and loss on LineChart","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/profit-loss-line.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/profit-loss-line.json"},{"name":"bklit/projection-line","title":"Projection Line","description":"Forecast segment extending a line series past the last data point","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/projection-line.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/projection-line.json"},{"name":"bklit/radar-chart","title":"Radar Chart","description":"A composable radar/spider chart with multiple data series","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/radar-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/radar-chart.json"},{"name":"bklit/reference-area","title":"Reference Area","description":"Shaded data-coordinate band for target ranges and thresholds on time-series charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/reference-area.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/reference-area.json"},{"name":"bklit/ring-chart","title":"Ring Chart","description":"A composable donut/ring chart with progress indicators","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/ring-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/ring-chart.json"},{"name":"bklit/sankey-chart","title":"Sankey Chart","description":"A flow diagram for visualizing data transfers between nodes","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/sankey-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/sankey-chart.json"},{"name":"bklit/scatter-chart","title":"Scatter Chart","description":"A composable time-series scatter chart with offset rings, hover dimming, and animated enter","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/scatter-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/scatter-chart.json"},{"name":"bklit/stat-card-area-01","title":"Stat Card Area","description":"Revenue stat card with gradient area sparkline, NumberFlow, and trend badge","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/stat-card-area-01.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/stat-card-area-01.json"},{"name":"bklit/stat-card-choropleth-01","title":"Stat Card Choropleth","description":"Visitor map stat card with choropleth sparkline, NumberFlow, and trend badge","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/stat-card-choropleth-01.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/stat-card-choropleth-01.json"},{"name":"bklit/stat-card-line-01","title":"Stat Card Line","description":"Sessions stat card with line sparkline, overlaid NumberFlow, and trend badge","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/stat-card-line-01.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/stat-card-line-01.json"},{"name":"bklit/sunburst-chart","title":"Sunburst Chart","description":"A composable hierarchical sunburst chart with drill-down zoom and animated segments","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/sunburst-chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/sunburst-chart.json"},{"name":"bklit/x-axis","title":"X Axis","description":"X-axis component for time-series charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/x-axis.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/x-axis.json"},{"name":"bklit/y-axis","title":"Y Axis","description":"Y-axis component for value labels in line and area charts","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/bklit/y-axis.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/bklit/y-axis.json"},{"name":"danielpetho/animated-gradient-with-svg","title":"Animated Gradient With SVG","description":"An animated mesh gradient rendered with SVG filters and configurable color stops.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/animated-gradient-with-svg.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/animated-gradient-with-svg.json"},{"name":"danielpetho/basic-number-ticker","title":"Basic Number Ticker","description":"A numeric ticker that animates between changing values.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/basic-number-ticker.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/basic-number-ticker.json"},{"name":"danielpetho/box-carousel","title":"Box Carousel","description":"A 3D box carousel for image or video slides with controls and autoplay support.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/box-carousel.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/box-carousel.json"},{"name":"danielpetho/breathing-text","title":"Breathing Text","description":"Text whose variable-font axes animate in a repeating breathing rhythm.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/breathing-text.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/breathing-text.json"},{"name":"danielpetho/circling-elements","title":"Circling Elements","description":"Elements that orbit a shared center along configurable circular paths.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/circling-elements.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/circling-elements.json"},{"name":"danielpetho/css-box","title":"CSS Box","description":"A transformable 3D CSS box with hover, drag, and scroll-driven presentation options.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/css-box.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/css-box.json"},{"name":"danielpetho/cursor-attractor-and-gravity","title":"Cursor Attractor and Gravity","description":"Matter.js bodies attracted to the cursor with gravity, SVG, and image support.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/cursor-attractor-and-gravity.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/cursor-attractor-and-gravity.json"},{"name":"danielpetho/drag-elements","title":"Drag Elements","description":"A container for draggable elements with optional momentum and bounded movement.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/drag-elements.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/drag-elements.json"},{"name":"danielpetho/elastic-line","title":"Elastic Line","description":"An interactive line that bends toward the pointer and springs back on release.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/elastic-line.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/elastic-line.json"},{"name":"danielpetho/element-along-svg-path","title":"Element Along SVG Path","description":"A Motion component that moves an element along a supplied SVG path.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/element-along-svg-path.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/element-along-svg-path.json"},{"name":"danielpetho/float","title":"Float","description":"A wrapper that gives content a configurable continuous floating motion.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/float.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/float.json"},{"name":"danielpetho/gooey-svg-filter","title":"Gooey SVG Filter","description":"A reusable SVG filter that merges nearby shapes into a gooey visual surface.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/gooey-svg-filter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/gooey-svg-filter.json"},{"name":"danielpetho/gravity","title":"Gravity","description":"A configurable Matter.js gravity scene with draggable image, SVG, and HTML bodies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/gravity.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/gravity.json"},{"name":"danielpetho/image-trail","title":"Image Trail","description":"Images or arbitrary elements that follow pointer movement as a layered trail.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/image-trail.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/image-trail.json"},{"name":"danielpetho/letter-3d-swap","title":"Letter 3D Swap","description":"A 3D letter swap that rotates between the original and replacement text.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/letter-3d-swap.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/letter-3d-swap.json"},{"name":"danielpetho/letter-swap-forward-anim","title":"Letter Swap Forward Anim","description":"A forward letter-swap animation for hoverable labels and links.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/letter-swap-forward-anim.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/letter-swap-forward-anim.json"},{"name":"danielpetho/letter-swap-pingpong-anim","title":"Letter Swap Pingpong Anim","description":"A ping-pong letter-swap animation that alternates its travel direction.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/letter-swap-pingpong-anim.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/letter-swap-pingpong-anim.json"},{"name":"danielpetho/marquee-along-svg-path","title":"Marquee Along SVG Path","description":"A repeated marquee that follows an SVG path with configurable spacing and direction.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/marquee-along-svg-path.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/marquee-along-svg-path.json"},{"name":"danielpetho/media-between-text","title":"Media Between Text","description":"A text layout that reveals and positions media between words on hover or scroll.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/media-between-text.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/media-between-text.json"},{"name":"danielpetho/parallax-floating","title":"Parallax Floating","description":"A layered image composition that floats and shifts with pointer movement.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/parallax-floating.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/parallax-floating.json"},{"name":"danielpetho/pixel-trail","title":"Pixel Trail","description":"A pointer-driven grid that leaves a fading, optionally gooey trail of colored pixels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/pixel-trail.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/pixel-trail.json"},{"name":"danielpetho/pixelate-svg-filter","title":"Pixelate SVG Filter","description":"A reusable SVG filter that pixelates text, images, and animated elements.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/pixelate-svg-filter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/pixelate-svg-filter.json"},{"name":"danielpetho/random-letter-swap-forward-anim","title":"Random Letter Swap Forward Anim","description":"A forward letter swap with characters animated in randomized order.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/random-letter-swap-forward-anim.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/random-letter-swap-forward-anim.json"},{"name":"danielpetho/random-letter-swap-pingpong-anim","title":"Random Letter Swap Pingpong Anim","description":"A randomized letter swap that alternates forward and reverse motion.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/random-letter-swap-pingpong-anim.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/random-letter-swap-pingpong-anim.json"},{"name":"danielpetho/scramble-hover","title":"Scramble Hover","description":"Text that scrambles and resolves when the pointer enters or leaves.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/scramble-hover.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/scramble-hover.json"},{"name":"danielpetho/scramble-in","title":"Scramble In","description":"Text that scrambles into its final readable value on entry.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/scramble-in.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/scramble-in.json"},{"name":"danielpetho/screensaver","title":"Screensaver","description":"A bouncing screensaver element constrained to its measured container.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/screensaver.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/screensaver.json"},{"name":"danielpetho/scroll-and-swap-text","title":"Scroll and Swap Text","description":"Text whose words swap through a configured sequence as the page scrolls.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/scroll-and-swap-text.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/scroll-and-swap-text.json"},{"name":"danielpetho/simple-marquee","title":"Simple Marquee","description":"A flexible looping marquee with drag, easing, axis, and perspective options.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/simple-marquee.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/simple-marquee.json"},{"name":"danielpetho/stacking-cards","title":"Stacking Cards","description":"Cards that stack and scale as the page scrolls through their container.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/stacking-cards.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/stacking-cards.json"},{"name":"danielpetho/text-along-path","title":"Text Along Path","description":"Text laid out and animated along a configurable SVG path.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/text-along-path.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-along-path.json"},{"name":"danielpetho/text-cursor-proximity","title":"Text Cursor Proximity","description":"Text characters that react independently to cursor distance and falloff.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/text-cursor-proximity.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-cursor-proximity.json"},{"name":"danielpetho/text-highlighter","title":"Text Highlighter","description":"An animated marker-style highlight triggered by view, hover, scroll, or a ref.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/text-highlighter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-highlighter.json"},{"name":"danielpetho/text-rotate","title":"Text Rotate","description":"A rotating text sequence with configurable animation, staggering, mapping, and scroll steps.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/text-rotate.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/text-rotate.json"},{"name":"danielpetho/typewriter","title":"Typewriter","description":"A typewriter effect with configurable typing, deletion, delay, and looping behavior.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/typewriter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/typewriter.json"},{"name":"danielpetho/underline-center","title":"Underline Center","description":"An underline animation that expands outward from the center.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/underline-center.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-center.json"},{"name":"danielpetho/underline-comes-in-goes-out","title":"Underline Comes In Goes Out","description":"An underline that enters from one side and exits through the other.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/underline-comes-in-goes-out.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-comes-in-goes-out.json"},{"name":"danielpetho/underline-goes-out-comes-in","title":"Underline Goes Out Comes In","description":"An underline that retracts and returns from the opposite side.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/underline-goes-out-comes-in.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-goes-out-comes-in.json"},{"name":"danielpetho/underline-to-background","title":"Underline To Background","description":"An underline that grows into a full text background on interaction.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/underline-to-background.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/underline-to-background.json"},{"name":"danielpetho/variable-font-and-cursor","title":"Variable Font and Cursor","description":"Variable-font axes driven by the cursor across the full text run.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/variable-font-and-cursor.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-and-cursor.json"},{"name":"danielpetho/variable-font-cursor-proximity","title":"Variable Font Cursor Proximity","description":"Variable-font characters that respond independently to cursor proximity.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/variable-font-cursor-proximity.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-cursor-proximity.json"},{"name":"danielpetho/variable-font-hover-by-letter","title":"Variable Font Hover By Letter","description":"Variable-font axes animated per letter during hover.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/variable-font-hover-by-letter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-hover-by-letter.json"},{"name":"danielpetho/variable-font-hover-by-random-letter","title":"Variable Font Hover By Random Letter","description":"Variable-font letters animated in randomized order during hover.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/variable-font-hover-by-random-letter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/variable-font-hover-by-random-letter.json"},{"name":"danielpetho/vertical-cut-reveal","title":"Vertical Cut Reveal","description":"A vertically sliced text reveal with line, word, letter, stagger, and scroll modes.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/danielpetho/vertical-cut-reveal.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/danielpetho/vertical-cut-reveal.json"},{"name":"davidhdev/asciify/react","title":"Asciify","description":"Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive. No d…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/asciify/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/asciify/react.json"},{"name":"davidhdev/bend/react","title":"Bend","description":"Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/bend/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/bend/react.json"},{"name":"davidhdev/blaze/react","title":"Blaze","description":"Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/blaze/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/blaze/react.json"},{"name":"davidhdev/bubble/react","title":"Bubble","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML …","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/bubble/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/bubble/react.json"},{"name":"davidhdev/cloth/react","title":"Cloth","description":"Hangs your live HTML on a piece of fabric rippling in the wind, with softly lit folds. Cursor strokes send waves across the cloth. The HTML stays interactive. …","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/cloth/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/cloth/react.json"},{"name":"davidhdev/clouds/react","title":"Clouds","description":"Procedural fog that drifts over your page and blurs what it covers. Cursor movement parts the clouds. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/clouds/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/clouds/react.json"},{"name":"davidhdev/dithered-object/react","title":"DitheredObject","description":"Renders any GLB or glTF model in a floating studio scene through a 1-bit Bayer dither. Built on three.js.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/dithered-object/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/dithered-object/react.json"},{"name":"davidhdev/droplets/react","title":"Droplets","description":"Rain droplets that run down the screen and refract your page behind them. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/droplets/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/droplets/react.json"},{"name":"davidhdev/glass-object/react","title":"GlassObject","description":"Turns any GLB/glTF model, SVG, or image into a floating liquid-glass object with real refraction, chromatic dispersion, frost, and tinted absorption, lit by a …","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/glass-object/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/glass-object/react.json"},{"name":"davidhdev/glass/react","title":"Glass","description":"A cursor-following glass lens that refracts your page like real glass, with a crystal ball zoom over target elements. The HTML stays interactive. No dependenci…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/glass/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/glass/react.json"},{"name":"davidhdev/glitch/react","title":"Glitch","description":"Broadcast glitch bursts that tear the page into shifted slices with RGB splits, corrupted blocks, and analog noise, then settle back to a clean read. The HTML …","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/glitch/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/glitch/react.json"},{"name":"davidhdev/grid/react","title":"Grid","description":"Splits your page into a grid of 3D tiles that ripple in waves around the cursor. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/grid/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/grid/react.json"},{"name":"davidhdev/hex-float/react","title":"HexFloat","description":"Renders the live page onto a floor of shiny beveled hex tiles that lean back in perspective, bob gently, and rise toward the cursor. The HTML stays interactive…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/hex-float/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/hex-float/react.json"},{"name":"davidhdev/laser/react","title":"Laser","description":"Hides everything below a glowing laser beam near the bottom of the viewport. Scrolling prints new content in from behind it. The HTML stays interactive. No dep…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/laser/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/laser/react.json"},{"name":"davidhdev/liquid/react","title":"Liquid","description":"A pointer-driven WebGL fluid simulation over your page. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/liquid/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/liquid/react.json"},{"name":"davidhdev/magnify/react","title":"Magnify","description":"A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples t…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/magnify/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/magnify/react.json"},{"name":"davidhdev/particle-object/react","title":"ParticleObject","description":"Rebuilds any GLB/glTF model, SVG, or image as a cloud of particles that the cursor pushes, swirls, and springs back into shape. Built on three.js.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/particle-object/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/particle-object/react.json"},{"name":"davidhdev/particle-reveal/react","title":"ParticleReveal","description":"Renders your page as fine grayscale dust that merges back into crisp UI around the cursor. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/particle-reveal/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/particle-reveal/react.json"},{"name":"davidhdev/particle-scroll/react","title":"ParticleScroll","description":"Dissolves everything below a chosen line into drifting sand that reassembles as you scroll. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/particle-scroll/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/particle-scroll/react.json"},{"name":"davidhdev/peel/react","title":"Peel","description":"Peels your page back from a chosen edge as the cursor approaches, revealing a second layer underneath. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/peel/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/peel/react.json"},{"name":"davidhdev/retro-dither/react","title":"RetroDither","description":"A retro dither lens that pixelates and quantizes your page around the cursor. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/retro-dither/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/retro-dither/react.json"},{"name":"davidhdev/ripple/react","title":"Ripple","description":"Water ripples that spread from every click and refract the live page like a pond surface, with dispersion and light glints on the crests. The HTML stays intera…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/ripple/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/ripple/react.json"},{"name":"davidhdev/shatter/react","title":"Shatter","description":"Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. T…","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/shatter/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/shatter/react.json"},{"name":"davidhdev/vhs/react","title":"VHS","description":"Plays your page back like a worn VHS tape, with tape wave, head-switch noise, chroma bleed, and grain. The HTML stays interactive. No dependencies.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/davidhdev/vhs/react.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/davidhdev/vhs/react.json"},{"name":"educlopez/agent-avatar","title":"Agent Avatar","description":"An agent avatar with status indicators, glowing rings, and optional pulse animation.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/agent-avatar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/agent-avatar.json"},{"name":"educlopez/announcement-bar","title":"Announcement Bar","description":"A dismissible announcement strip with an action link, scanlines, and HUD-style glow.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/announcement-bar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/announcement-bar.json"},{"name":"educlopez/anomaly-banner","title":"Anomaly Banner","description":"An animated anomaly warning banner with amber scan effects and a technical HUD readout.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/anomaly-banner.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/anomaly-banner.json"},{"name":"educlopez/arrival-panel","title":"Arrival Panel","description":"A gridded HUD panel for displaying an arrival title, subtitle, time, and unit.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/arrival-panel.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/arrival-panel.json"},{"name":"educlopez/avatar-group","title":"Avatar Group","description":"An overlapping avatar stack with colored status glows and an overflow count.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/avatar-group.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/avatar-group.json"},{"name":"educlopez/beam-marker","title":"Beam Marker","description":"A map-style beam marker with coordinates, labels, glowing accents, and HUD corners.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/beam-marker.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/beam-marker.json"},{"name":"educlopez/bento-grid","title":"Bento Grid","description":"A responsive bento layout with glowing borders, scanlines, and HUD-style corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/bento-grid.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/bento-grid.json"},{"name":"educlopez/boot-sequence","title":"Boot Sequence","description":"An animated boot sequence that reveals system steps inside a scanlined HUD frame.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/boot-sequence.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/boot-sequence.json"},{"name":"educlopez/breadcrumb-nav","title":"Breadcrumb Nav","description":"A monospace breadcrumb trail with uppercase labels and Tron-style active accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/breadcrumb-nav.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/breadcrumb-nav.json"},{"name":"educlopez/changelog","title":"Changelog","description":"A chronological change feed with status glows, scanlines, and HUD-style framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/changelog.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/changelog.json"},{"name":"educlopez/chip","title":"Chip","description":"A compact selectable or removable chip with monospace HUD styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/chip.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/chip.json"},{"name":"educlopez/circuit-background","title":"Circuit Background","description":"A decorative circuit-board background with animated paths and primary-color accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/circuit-background.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/circuit-background.json"},{"name":"educlopez/command-menu","title":"Command Menu","description":"A searchable command palette with scanlines, glowing accents, and HUD corner details.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/command-menu.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/command-menu.json"},{"name":"educlopez/comparison-table","title":"Comparison Table","description":"A feature comparison table with scanlines, monospace labels, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/comparison-table.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/comparison-table.json"},{"name":"educlopez/countdown","title":"Countdown","description":"A segmented countdown readout with uppercase labels and Tron-style color variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/countdown.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/countdown.json"},{"name":"educlopez/crt-effect","title":"CRT Effect","description":"CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation. * Wrap any content to give it a retro CRT monitor appearance.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/crt-effect.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/crt-effect.json"},{"name":"educlopez/cta-banner","title":"CTA Banner","description":"A call-to-action banner with glowing controls, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/cta-banner.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/cta-banner.json"},{"name":"educlopez/data-card","title":"Data Card","description":"A HUD-style card for labeled data fields, subtitles, and status indicators.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/data-card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/data-card.json"},{"name":"educlopez/data-stream","title":"Data Stream","description":"A streaming event feed with staggered entries, status glows, scanlines, and HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/data-stream.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/data-stream.json"},{"name":"educlopez/data-table","title":"Data Table","description":"A sortable data table with staggered row reveals, scanlines, and HUD corner accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/data-table.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/data-table.json"},{"name":"educlopez/derez-timer","title":"Derez Timer","description":"A glowing digital countdown for minutes, seconds, and milliseconds with a derez effect.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/derez-timer.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/derez-timer.json"},{"name":"educlopez/diagnostics-panel","title":"Diagnostics Panel","description":"A diagnostics panel for status metrics with colored glows, scanlines, and HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/diagnostics-panel.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/diagnostics-panel.json"},{"name":"educlopez/divider","title":"Divider","description":"A horizontal or vertical divider with optional labels and Tron-style glow variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/divider.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/divider.json"},{"name":"educlopez/dropdown","title":"Dropdown","description":"A trigger-based action menu with scanlines, monospace labels, and HUD corner details.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/dropdown.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/dropdown.json"},{"name":"educlopez/empty-state","title":"Empty State","description":"An empty-state panel with an icon, description, action, and HUD-style corner accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/empty-state.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/empty-state.json"},{"name":"educlopez/energy-meter","title":"Energy Meter","description":"A segmented energy meter with status colors, glow, scanlines, and optional value labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/energy-meter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/energy-meter.json"},{"name":"educlopez/faq","title":"FAQ","description":"An accordion-based FAQ with a subtle grid, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/faq.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/faq.json"},{"name":"educlopez/feature-card","title":"Feature Card","description":"A feature card with glowing accents, scanlines, and HUD-style corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/feature-card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/feature-card.json"},{"name":"educlopez/file-upload","title":"File Upload","description":"A drag-and-drop file picker with validation, glowing borders, and HUD corner accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/file-upload.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/file-upload.json"},{"name":"educlopez/floating-panel","title":"Floating Panel","description":"A positioned data panel with compact monospace labels and HUD corner brackets.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/floating-panel.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/floating-panel.json"},{"name":"educlopez/gauge","title":"Gauge","description":"A radial value gauge with configurable ranges, status variants, glow, and pulse effects.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/gauge.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/gauge.json"},{"name":"educlopez/glow-container","title":"Glow Container","description":"A wrapper that adds configurable glow intensity, pulsing, and hover effects to content.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/glow-container.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/glow-container.json"},{"name":"educlopez/grid-scan-overlay","title":"Grid Scan Overlay","description":"An animated grid overlay with a sweeping primary-color scan line.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/grid-scan-overlay.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/grid-scan-overlay.json"},{"name":"educlopez/heatmap","title":"Heatmap","description":"A labeled heatmap with glowing intensity cells, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/heatmap.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/heatmap.json"},{"name":"educlopez/hud-corner-frame","title":"Hud Corner Frame","description":"A decorative HUD corner bracket that can be positioned around framed content.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/hud-corner-frame.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/hud-corner-frame.json"},{"name":"educlopez/hud-frame","title":"HUD Frame","description":"A reusable HUD frame with corner brackets, an optional label, and a subtle grid.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/hud-frame.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/hud-frame.json"},{"name":"educlopez/identity-disc","title":"Identity Disc","description":"A glowing identity profile display with avatar, designation, access level, and status.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/identity-disc.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/identity-disc.json"},{"name":"educlopez/kanban-board","title":"Kanban Board","description":"A draggable kanban board with scanlined columns, status accents, and HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/kanban-board.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/kanban-board.json"},{"name":"educlopez/location-display","title":"Location Display","description":"A compact location HUD for sector, grid, coordinates, and connection status.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/location-display.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/location-display.json"},{"name":"educlopez/logo-cloud","title":"Logo Cloud","description":"An animated logo marquee with scanlines, uppercase labels, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/logo-cloud.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/logo-cloud.json"},{"name":"educlopez/marquee","title":"Marquee","description":"An infinitely scrolling row with direction, speed, style, and pause-on-hover controls.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/marquee.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/marquee.json"},{"name":"educlopez/modal","title":"Modal","description":"A controlled modal with title, description, footer, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/modal.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/modal.json"},{"name":"educlopez/notification","title":"Notification","description":"A dismissible notification card with status variants, glow, scanlines, and HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/notification.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/notification.json"},{"name":"educlopez/number-input","title":"Number Input","description":"A numeric input with increment and decrement controls and compact monospace labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/number-input.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/number-input.json"},{"name":"educlopez/pricing-card","title":"Pricing Card","description":"A pricing plan card with feature lists, glowing emphasis, scanlines, and HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/pricing-card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/pricing-card.json"},{"name":"educlopez/progress-bar","title":"Progress Bar","description":"A labeled progress bar with status glows, animated stripes, and scanline styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/progress-bar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/progress-bar.json"},{"name":"educlopez/progress-ring","title":"Progress Ring","description":"A circular progress indicator with configurable size, status color, glow, and pulse.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/progress-ring.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/progress-ring.json"},{"name":"educlopez/radar","title":"Radar","description":"An animated radar display with targets, range rings, glow, and a sweeping beam.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/radar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/radar.json"},{"name":"educlopez/rating","title":"Rating","description":"A configurable rating display with selectable values, status colors, and optional glow.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/rating.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/rating.json"},{"name":"educlopez/regen-indicator","title":"Regen Indicator","description":"A pulsing regeneration status readout with cyan bars and monospace labeling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/regen-indicator.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/regen-indicator.json"},{"name":"educlopez/reticle","title":"Reticle","description":"An animated targeting reticle with configurable size and status-color variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/reticle.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/reticle.json"},{"name":"educlopez/sidebar","title":"Sidebar","description":"A composable responsive sidebar with providers, triggers, navigation groups, and menus.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/sidebar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/sidebar.json"},{"name":"educlopez/signal-indicator","title":"Signal Indicator","description":"A signal-strength display with status colors, glowing bars, and optional value labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/signal-indicator.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/signal-indicator.json"},{"name":"educlopez/sparkline","title":"Sparkline","description":"A compact line or area chart with status colors, glow, and optional draw animation.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/sparkline.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/sparkline.json"},{"name":"educlopez/speed-indicator","title":"Speed Indicator","description":"A compact speed readout with a segmented bar, numeric value, and monospace HUD labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/speed-indicator.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/speed-indicator.json"},{"name":"educlopez/stat","title":"Stat","description":"A compact HUD statistic with a label, value, unit, and directional indicator.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/stat.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stat.json"},{"name":"educlopez/stat-card","title":"Stat Card","description":"A metric card with value, unit, trend, sparkline, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/stat-card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stat-card.json"},{"name":"educlopez/stats-counter","title":"Stats Counter","description":"A responsive metric grid with scanlines, monospace labels, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/stats-counter.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stats-counter.json"},{"name":"educlopez/status-bar","title":"Status Bar","description":"A collection of system status, uplink, information, and progress HUD displays.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/status-bar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/status-bar.json"},{"name":"educlopez/stepper","title":"Stepper","description":"A horizontal or vertical step indicator with glowing progress and scanlined HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/stepper.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/stepper.json"},{"name":"educlopez/tag","title":"Tag","description":"A dismissible status tag with size, color, and optional glow variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/tag.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/tag.json"},{"name":"educlopez/terminal","title":"Terminal","description":"A terminal window with typed lines, status variants, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/terminal.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/terminal.json"},{"name":"educlopez/testimonial-card","title":"Testimonial Card","description":"A testimonial card with quote, author details, rating, scanlines, and HUD corner framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/testimonial-card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/testimonial-card.json"},{"name":"educlopez/text-input","title":"Text Input","description":"A labeled text input with hint, error, icon, and compact Tron-style accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/text-input.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/text-input.json"},{"name":"educlopez/thegridcn-alert","title":"Tron Alert","description":"A Tron-styled alert and banner pair with monospace text, status colors, and optional pulse.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-alert.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-alert.json"},{"name":"educlopez/thegridcn-badge","title":"Badge","description":"A compact HUD-style badge with dot, pulse, size, and status variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-badge.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-badge.json"},{"name":"educlopez/thegridcn-pagination","title":"Pagination","description":"Pagination controls with glowing active states and compact monospace HUD labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-pagination.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-pagination.json"},{"name":"educlopez/thegridcn-select","title":"Select","description":"A select control with monospace labels, glowing focus states, and a scanlined menu.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-select.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-select.json"},{"name":"educlopez/thegridcn-skeleton","title":"Skeleton","description":"A loading placeholder with shape variants and animated primary-color HUD accents.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-skeleton.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-skeleton.json"},{"name":"educlopez/thegridcn-slider","title":"Slider","description":"A numeric slider with a glowing track, value label, and compact monospace styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-slider.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-slider.json"},{"name":"educlopez/thegridcn-tabs","title":"Tabs","description":"A tabbed interface with size and layout variants, glowing active states, and HUD labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-tabs.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-tabs.json"},{"name":"educlopez/thegridcn-timeline","title":"Timeline","description":"A chronological timeline with glowing markers, status colors, and monospace HUD labels.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-timeline.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-timeline.json"},{"name":"educlopez/thegridcn-toggle","title":"Toggle","description":"A binary toggle with glowing checked state, size variants, and monospace labeling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-toggle.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-toggle.json"},{"name":"educlopez/thegridcn-tooltip","title":"Tooltip","description":"A compact tooltip with monospace text, primary-color accents, and HUD corner details.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/thegridcn-tooltip.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/thegridcn-tooltip.json"},{"name":"educlopez/timeline-bar","title":"Timeline Bar","description":"A timeline progress bar with labeled endpoints, markers, and compact monospace styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/timeline-bar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/timeline-bar.json"},{"name":"educlopez/timer","title":"Timer","description":"A digital hours, minutes, and seconds display with size and status-color variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/timer.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/timer.json"},{"name":"educlopez/toast","title":"Toast","description":"A toast provider and notification stack with status colors, scanlines, and HUD corners.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/toast.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/toast.json"},{"name":"educlopez/tunnel","title":"Tunnel","description":"Animated instanced rings form a neon 3D tunnel while keeping draw calls low.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/tunnel.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/tunnel.json"},{"name":"educlopez/uplink-header","title":"Uplink Header","description":"A compact uplink status header with left and right labels and signal-color variants.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/uplink-header.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/uplink-header.json"},{"name":"educlopez/video-player","title":"Video Player","description":"A video control panel with playback actions, time status, scanlines, and HUD framing.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/video-player.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/video-player.json"},{"name":"educlopez/video-progress","title":"Video Progress","description":"A video timeline with current and end times, progress fill, and labeled markers.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/video-progress.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/video-progress.json"},{"name":"educlopez/waveform","title":"Waveform","description":"An animated audio waveform with playback, status-color, glow, and scanline options.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/educlopez/waveform.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/educlopez/waveform.json"},{"name":"ekmas/accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/accordion.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/accordion.json"},{"name":"ekmas/alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/alert.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/alert.json"},{"name":"ekmas/alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/alert-dialog.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/alert-dialog.json"},{"name":"ekmas/attachment","title":"Attachment","description":"Displays a file attachment with media, title, description and actions.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/attachment.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/attachment.json"},{"name":"ekmas/avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/avatar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/avatar.json"},{"name":"ekmas/badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/badge.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/badge.json"},{"name":"ekmas/breadcrumb","title":"Breadcrumb","description":"Displays the current page location within a hierarchical structure.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/breadcrumb.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/breadcrumb.json"},{"name":"ekmas/bubble","title":"Bubble","description":"A chat bubble for displaying a message in a conversation.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/bubble.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/bubble.json"},{"name":"ekmas/button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/button.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/button.json"},{"name":"ekmas/button-group","title":"Button Group","description":"A container that groups related buttons together with consistent styling.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/button-group.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/button-group.json"},{"name":"ekmas/calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/calendar.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/calendar.json"},{"name":"ekmas/card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/card.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/card.json"},{"name":"ekmas/carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/carousel.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/carousel.json"},{"name":"ekmas/chart","title":"Chart","description":"Beautiful charts. Built using Recharts. Copy and paste into your apps.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/chart.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/chart.json"},{"name":"ekmas/checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/checkbox.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/checkbox.json"},{"name":"ekmas/collapsible","title":"Collapsible","description":"An interactive component that expands/collapses a panel.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/collapsible.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/collapsible.json"},{"name":"ekmas/command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/command.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/command.json"},{"name":"ekmas/context-menu","title":"Context Menu","description":"Opens a neobrutalist action menu from a right-click or long press.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/context-menu.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/context-menu.json"},{"name":"ekmas/dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/dialog.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/dialog.json"},{"name":"ekmas/direction","title":"Direction","description":"Provides the reading direction (LTR or RTL) to Base UI components.","type":"registry:item","source_url":"https://api.catalogs.dev/shadcn/ekmas/direction.json","install_command":"npx shadcn@latest add https://api.catalogs.dev/shadcn/ekmas/direction.json"}]},{"id":"chamaac","name":"@chamaac","slug":"chamaac","description":"A premium collection of high-performance animated and shader-driven components for React. Includes GLSL/WebGL shader backgrounds, React Three Fiber interactive scenes, and Framer Motion-animated elements. Components emphasize visual impact — particle effects, liquid shaders, scroll-triggered animations. Built with Tailwind CSS and Motion; copy-paste model. Free, MIT-licensed. Use for: adding GPU-accelerated shader backgrounds or cinematic scroll animations to a landing page or portfolio where visual differentiation matters.","author":"amarnathdhumal","framework":"react","license":"MIT","tags":["3d","aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","e-commerce","forms","glassmorphism","icons","loaders","maps","marketing","media","navigation","pro-available","retro","saas"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://chamaac.com","github":"https://github.com/amarnathdhumal/chamaacui","registry":"https://chamaac.com/r/registry.json","source":"https://chamaac.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/chamaac","markdown":"https://sh4dcn.netlify.app/md/chamaac.md"},"logo":"<svg width='25' height='25' viewBox='0 0 355 426' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='var(--foreground)' d='M184.467 0.319128C163.534 2.05246 140.201 8.1858 120.334 17.5191C101.534 26.3191 76.2007 43.5191 77.934 46.3191C78.334 46.9858 80.8673 47.5191 83.8007 47.5191C91.4007 47.5191 117.001 52.1858 134.734 56.7191C166.601 64.9858 197.801 78.8525 224.601 96.7191C266.467 124.452 293.934 162.852 299.934 202.186C301.534 212.319 301.001 220.452 297.667 237.519C297.001 240.986 297.534 240.586 301.934 234.186C328.067 196.452 346.067 146.986 353.801 92.4525C356.201 74.7191 356.201 74.7191 340.067 58.7191C311.534 30.1858 278.334 11.7858 240.867 3.65246C228.201 0.985795 198.867 -0.747539 184.467 0.319128Z'/><path fill='var(--foreground)' d='M57.534 63.6524C44.0673 78.0524 30.4673 98.1858 21.134 117.519C5.26732 150.319 -1.26602 182.986 0.200651 221.519C1.40065 253.252 7.80065 279.252 21.2673 307.519C29.2673 324.186 49.2673 354.719 51.0007 352.719C51.2673 352.452 52.2007 346.186 53.0007 338.852C60.6007 275.652 81.0007 219.919 112.601 176.719C121.401 164.719 136.867 149.119 149.134 139.919C158.067 133.119 176.334 124.319 187.134 121.519C198.067 118.586 219.801 118.719 229.667 121.519C233.934 122.719 237.667 123.519 238.067 123.119C238.867 122.186 227.534 113.252 214.867 104.586C201.667 95.7858 173.801 82.0524 157.134 76.1858C131.667 67.3858 98.2007 60.1858 75.934 58.7191L63.0007 57.7858L57.534 63.6524Z'/><path fill='var(--foreground)' d='M118.201 190.452C91.934 229.386 77.534 266.586 67.134 322.186C64.6006 335.653 62.0673 361.786 63.0006 365.386C64.334 370.853 90.0673 390.586 111.801 402.853C173.934 437.653 253.134 432.853 313.134 390.453C326.334 381.119 327.534 379.519 321.534 379.519C313.934 379.519 278.734 371.253 261.267 365.519C236.467 357.253 206.467 342.186 189.001 329.386C161.934 309.253 140.334 283.786 130.467 259.786C120.467 235.919 117.801 215.119 121.934 194.852C123.134 189.252 123.801 184.452 123.534 184.052C123.134 183.786 120.734 186.719 118.201 190.452Z'/></svg>","preview_image":"https://chamaac.com/images/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://chamaac.com/components/buttons/premium-button"},"metrics":{"github_stars":48,"open_issues":0,"last_commit":"2026-06-30T02:32:57Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://chamaac.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://chamaac.com/r/registry.json","install_bun":"bunx shadcn@latest add https://chamaac.com/r/registry.json","clone":"git clone https://github.com/amarnathdhumal/chamaacui.git","clone_degit":"npx degit amarnathdhumal/chamaacui","registry_fetch":"curl -s https://chamaac.com/r/registry.json"},"component_count":90,"components":[{"name":"electric-mist","title":"Electric Mist","description":"A high-energy glowing lightning shader with waves and smoke effects.","type":"registry:component","source_url":"https://chamaac.com/r/electric-mist.json","install_command":"npx shadcn@latest add https://chamaac.com/r/electric-mist.json"},{"name":"waves","title":"Waves","description":"A smooth, shader-based wave animation component.","type":"registry:component","source_url":"https://chamaac.com/r/waves.json","install_command":"npx shadcn@latest add https://chamaac.com/r/waves.json"},{"name":"liquid-chrome","title":"Liquid Chrome","description":"A smooth, mesmerizing liquid metal shader effect.","type":"registry:component","source_url":"https://chamaac.com/r/liquid-chrome.json","install_command":"npx shadcn@latest add https://chamaac.com/r/liquid-chrome.json"},{"name":"nebula","title":"Nebula","description":"A deep space nebula effect with fractional distortion.","type":"registry:component","source_url":"https://chamaac.com/r/nebula.json","install_command":"npx shadcn@latest add https://chamaac.com/r/nebula.json"},{"name":"astral-flow","title":"Astral Flow","description":"A majestic, constantly breathing radial shader with deep cosmic wisps.","type":"registry:component","source_url":"https://chamaac.com/r/astral-flow.json","install_command":"npx shadcn@latest add https://chamaac.com/r/astral-flow.json"},{"name":"synthesis","title":"Synthesis","description":"A professional, multi-layered cosmic flow background with extensive warping customization.","type":"registry:component","source_url":"https://chamaac.com/r/synthesis.json","install_command":"npx shadcn@latest add https://chamaac.com/r/synthesis.json"},{"name":"light-speed","title":"Light Speed","description":"A Warp/Light-Speed hyperspace animation inspired by the Ducky3D Blender tutorial.","type":"registry:component","source_url":"https://chamaac.com/r/light-speed.json","install_command":"npx shadcn@latest add https://chamaac.com/r/light-speed.json"},{"name":"stats-cards","title":"Stats Cards","description":"A set of animated statistic cards with hover effects.","type":"registry:component","source_url":"https://chamaac.com/r/stats-cards.json","install_command":"npx shadcn@latest add https://chamaac.com/r/stats-cards.json"},{"name":"interactive-grid-background","title":"Interactive Grid Background","description":"A highly interactive, mouse-sensitive grid background.","type":"registry:component","source_url":"https://chamaac.com/r/interactive-grid-background.json","install_command":"npx shadcn@latest add https://chamaac.com/r/interactive-grid-background.json"},{"name":"text-loop","title":"Text Loop","description":"An animated text loop with typewriter and gradient effect.","type":"registry:component","source_url":"https://chamaac.com/r/text-loop.json","install_command":"npx shadcn@latest add https://chamaac.com/r/text-loop.json"},{"name":"gif-text","title":"Gif Text","description":"A stunning text effect that uses a GIF as the fill color.","type":"registry:component","source_url":"https://chamaac.com/r/gif-text.json","install_command":"npx shadcn@latest add https://chamaac.com/r/gif-text.json"},{"name":"dancing-letters","title":"Dancing Letters","description":"Physics-based interactive text animations with multiple animation styles.","type":"registry:component","source_url":"https://chamaac.com/r/dancing-letters.json","install_command":"npx shadcn@latest add https://chamaac.com/r/dancing-letters.json"},{"name":"premium-button","title":"Premium Button","description":"An animated button with a dynamic arrow grid animation.","type":"registry:component","source_url":"https://chamaac.com/r/premium-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/premium-button.json"},{"name":"shimmer-button","title":"Shimmer Button","description":"A button with a shimmer animation effect.","type":"registry:component","source_url":"https://chamaac.com/r/shimmer-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/shimmer-button.json"},{"name":"slideup-button","title":"Slide Up Button","description":"A button with a smooth slide-up text animation on hover.","type":"registry:component","source_url":"https://chamaac.com/r/slideup-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/slideup-button.json"},{"name":"hover-arrow-button","title":"Hover Arrow Button","description":"A button with a smooth hover arrow swap animation.","type":"registry:component","source_url":"https://chamaac.com/r/hover-arrow-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/hover-arrow-button.json"},{"name":"focus-button","title":"Focus Button","description":"A button with a focus ring animation effect.","type":"registry:component","source_url":"https://chamaac.com/r/focus-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/focus-button.json"},{"name":"neo-brutalist-button","title":"Neo Brutalist Button","description":"A bold, retro-styled button with skewed design, offset shadow, and shimmer effect.","type":"registry:component","source_url":"https://chamaac.com/r/neo-brutalist-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/neo-brutalist-button.json"},{"name":"glowing-border-button","title":"Glowing Border Button","description":"A stylish button with a glowing border animation.","type":"registry:component","source_url":"https://chamaac.com/r/glowing-border-button.json","install_command":"npx shadcn@latest add https://chamaac.com/r/glowing-border-button.json"},{"name":"gauge","title":"Gauge","description":"A customizable semi-circular gauge component for visualizing metrics and performance scores.","type":"registry:component","source_url":"https://chamaac.com/r/gauge.json","install_command":"npx shadcn@latest add https://chamaac.com/r/gauge.json"},{"name":"carousel","title":"Carousel","description":"A smooth, auto-playing 3D carousel component with layout animations.","type":"registry:component","source_url":"https://chamaac.com/r/carousel.json","install_command":"npx shadcn@latest add https://chamaac.com/r/carousel.json"},{"name":"feature-steps","title":"Feature Steps","description":"A dynamic feature showcase with auto-playing steps and synchronized image transitions.","type":"registry:component","source_url":"https://chamaac.com/r/feature-steps.json","install_command":"npx shadcn@latest add https://chamaac.com/r/feature-steps.json"},{"name":"dock","title":"Dock","description":"A navigation dock component with smooth animations and hover effects, perfect for desktop interfaces.","type":"registry:component","source_url":"https://chamaac.com/r/dock.json","install_command":"npx shadcn@latest add https://chamaac.com/r/dock.json"},{"name":"copy-icon","title":"Copy Icon","description":"An animated copy icon with smooth motion effects.","type":"registry:component","source_url":"https://chamaac.com/r/copy-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/copy-icon.json"},{"name":"wavy-icon","title":"Wavy Icon","description":"An animated wavy icon with smooth motion effects.","type":"registry:component","source_url":"https://chamaac.com/r/wavy-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/wavy-icon.json"},{"name":"adjustments-icon","title":"Adjustments Icon","description":"An animated adjustments/settings icon with smooth motion effects.","type":"registry:component","source_url":"https://chamaac.com/r/adjustments-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/adjustments-icon.json"},{"name":"ai-input","title":"AI Input","description":"A polished AI input component with model selection, tools, file uploads, and smooth animations.","type":"registry:component","source_url":"https://chamaac.com/r/ai-input.json","install_command":"npx shadcn@latest add https://chamaac.com/r/ai-input.json"},{"name":"scan-icon","title":"Scan Icon","description":"An animated scan icon with a moving scan line.","type":"registry:component","source_url":"https://chamaac.com/r/scan-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/scan-icon.json"},{"name":"bell-icon","title":"Bell Icon","description":"An animated bell icon that rings.","type":"registry:component","source_url":"https://chamaac.com/r/bell-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/bell-icon.json"},{"name":"settings-icon","title":"Settings Icon","description":"An animated settings icon that rotates.","type":"registry:component","source_url":"https://chamaac.com/r/settings-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/settings-icon.json"},{"name":"activity-icon","title":"Activity Icon","description":"An animated activity icon with a heartbeat line.","type":"registry:component","source_url":"https://chamaac.com/r/activity-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/activity-icon.json"},{"name":"refresh-icon","title":"Refresh Icon","description":"An animated refresh icon that rotates.","type":"registry:component","source_url":"https://chamaac.com/r/refresh-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/refresh-icon.json"},{"name":"wifi-icon","title":"Wifi Icon","description":"An animated wifi icon with pulsing signal bars.","type":"registry:component","source_url":"https://chamaac.com/r/wifi-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/wifi-icon.json"},{"name":"arrow-right-icon","title":"Arrow Right Icon","description":"An animated arrow right icon that moves horizontally.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-right-icon.json"},{"name":"download-icon","title":"Download Icon","description":"An animated download icon with a bouncing arrow.","type":"registry:component","source_url":"https://chamaac.com/r/download-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/download-icon.json"},{"name":"globe-icon","title":"Globe Icon","description":"An animated globe icon that rotates continuously.","type":"registry:component","source_url":"https://chamaac.com/r/globe-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/globe-icon.json"},{"name":"star-icon","title":"Star Icon","description":"An animated star icon that twinkles and rotates.","type":"registry:component","source_url":"https://chamaac.com/r/star-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/star-icon.json"},{"name":"hourglass-icon","title":"Hourglass Icon","description":"An animated hourglass icon that rotates.","type":"registry:component","source_url":"https://chamaac.com/r/hourglass-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/hourglass-icon.json"},{"name":"lightbulb-icon","title":"Lightbulb Icon","description":"An animated lightbulb icon with pulsing rays.","type":"registry:component","source_url":"https://chamaac.com/r/lightbulb-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/lightbulb-icon.json"},{"name":"music-icon","title":"Music Icon","description":"An animated music icon with dancing notes.","type":"registry:component","source_url":"https://chamaac.com/r/music-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/music-icon.json"},{"name":"heart-icon","title":"Heart Icon","description":"An animated heart icon that beats.","type":"registry:component","source_url":"https://chamaac.com/r/heart-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/heart-icon.json"},{"name":"mail-icon","title":"Mail Icon","description":"An animated mail icon with a moving envelope flap.","type":"registry:component","source_url":"https://chamaac.com/r/mail-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/mail-icon.json"},{"name":"location-icon","title":"Location Icon","description":"An animated location icon that rotates like a compass.","type":"registry:component","source_url":"https://chamaac.com/r/location-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/location-icon.json"},{"name":"lock-icon","title":"Lock Icon","description":"An animated lock icon that locks and unlocks.","type":"registry:component","source_url":"https://chamaac.com/r/lock-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/lock-icon.json"},{"name":"rocket-icon","title":"Rocket Icon","description":"An animated rocket icon with launch thrust animation.","type":"registry:component","source_url":"https://chamaac.com/r/rocket-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/rocket-icon.json"},{"name":"zap-icon","title":"Zap Icon","description":"An animated zap icon with electric flash effect.","type":"registry:component","source_url":"https://chamaac.com/r/zap-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/zap-icon.json"},{"name":"eye-icon","title":"Eye Icon","description":"An animated eye icon with blinking and looking animation.","type":"registry:component","source_url":"https://chamaac.com/r/eye-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/eye-icon.json"},{"name":"send-icon","title":"Send Icon","description":"An animated send icon with paper airplane flying motion.","type":"registry:component","source_url":"https://chamaac.com/r/send-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/send-icon.json"},{"name":"volume-icon","title":"Volume Icon","description":"An animated volume icon with pulsing sound waves.","type":"registry:component","source_url":"https://chamaac.com/r/volume-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/volume-icon.json"},{"name":"check-icon","title":"Check Icon","description":"An animated check icon with drawing circle and checkmark.","type":"registry:component","source_url":"https://chamaac.com/r/check-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/check-icon.json"},{"name":"sparkle-icon","title":"Sparkle Icon","description":"An animated sparkle icon with twinkling stars.","type":"registry:component","source_url":"https://chamaac.com/r/sparkle-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/sparkle-icon.json"},{"name":"menu-icon","title":"Menu Icon","description":"An animated menu icon.","type":"registry:component","source_url":"https://chamaac.com/r/menu-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/menu-icon.json"},{"name":"alert-circle-icon","title":"Alert Icon","description":"An animated alert icon.","type":"registry:component","source_url":"https://chamaac.com/r/alert-circle-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/alert-circle-icon.json"},{"name":"external-link-icon","title":"External Link Icon","description":"An animated external link icon.","type":"registry:component","source_url":"https://chamaac.com/r/external-link-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/external-link-icon.json"},{"name":"cloud-icon","title":"Cloud Icon","description":"An animated cloud icon.","type":"registry:component","source_url":"https://chamaac.com/r/cloud-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/cloud-icon.json"},{"name":"credit-card-icon","title":"Credit Card Icon","description":"An animated credit card icon.","type":"registry:component","source_url":"https://chamaac.com/r/credit-card-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/credit-card-icon.json"},{"name":"cart-icon","title":"Cart Icon","description":"An animated cart icon.","type":"registry:component","source_url":"https://chamaac.com/r/cart-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/cart-icon.json"},{"name":"arrow-left-icon","title":"Arrow Left Icon","description":"An animated arrow left icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-left-icon.json"},{"name":"arrow-up-icon","title":"Arrow Up Icon","description":"An animated arrow up icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-up-icon.json"},{"name":"arrow-down-icon","title":"Arrow Down Icon","description":"An animated arrow down icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-down-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-down-icon.json"},{"name":"arrow-up-right-icon","title":"Arrow Up Right Icon","description":"An animated arrow up right icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-up-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-up-right-icon.json"},{"name":"arrow-up-left-icon","title":"Arrow Up Left Icon","description":"An animated arrow up left icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-up-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-up-left-icon.json"},{"name":"arrow-down-left-icon","title":"Arrow Down Left Icon","description":"An animated arrow down left icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-down-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-down-left-icon.json"},{"name":"arrow-down-right-icon","title":"Arrow Down Right Icon","description":"An animated arrow down right icon.","type":"registry:component","source_url":"https://chamaac.com/r/arrow-down-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/arrow-down-right-icon.json"},{"name":"chevron-right-icon","title":"Chevron Right Icon","description":"An animated chevron right icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevron-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-right-icon.json"},{"name":"chevron-left-icon","title":"Chevron Left Icon","description":"An animated chevron left icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevron-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-left-icon.json"},{"name":"chevron-up-icon","title":"Chevron Up Icon","description":"An animated chevron up icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevron-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-up-icon.json"},{"name":"chevron-down-icon","title":"Chevron Down Icon","description":"An animated chevron down icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevron-down-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevron-down-icon.json"},{"name":"chevrons-right-icon","title":"Chevrons Right Icon","description":"An animated chevrons right icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevrons-right-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-right-icon.json"},{"name":"chevrons-left-icon","title":"Chevrons Left Icon","description":"An animated chevrons left icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevrons-left-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-left-icon.json"},{"name":"chevrons-up-icon","title":"Chevrons Up Icon","description":"An animated chevrons up icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevrons-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-up-icon.json"},{"name":"chevrons-down-icon","title":"Chevrons Down Icon","description":"An animated chevrons down icon.","type":"registry:component","source_url":"https://chamaac.com/r/chevrons-down-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/chevrons-down-icon.json"},{"name":"calendar-icon","title":"Calendar Icon","description":"An animated calendar icon.","type":"registry:component","source_url":"https://chamaac.com/r/calendar-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/calendar-icon.json"},{"name":"shield-icon","title":"Shield Icon","description":"An animated shield icon.","type":"registry:component","source_url":"https://chamaac.com/r/shield-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/shield-icon.json"},{"name":"upload-icon","title":"Upload Icon","description":"An animated upload icon.","type":"registry:component","source_url":"https://chamaac.com/r/upload-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/upload-icon.json"},{"name":"message-icon","title":"Message Icon","description":"An animated message icon.","type":"registry:component","source_url":"https://chamaac.com/r/message-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/message-icon.json"},{"name":"search-icon","title":"Search Icon","description":"An animated search icon.","type":"registry:component","source_url":"https://chamaac.com/r/search-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/search-icon.json"},{"name":"close-icon","title":"Close Icon","description":"An animated close icon.","type":"registry:component","source_url":"https://chamaac.com/r/close-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/close-icon.json"},{"name":"clock-icon","title":"Clock Icon","description":"An animated clock icon.","type":"registry:component","source_url":"https://chamaac.com/r/clock-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/clock-icon.json"},{"name":"layers-icon","title":"Layers Icon","description":"An animated layers icon.","type":"registry:component","source_url":"https://chamaac.com/r/layers-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/layers-icon.json"},{"name":"moon-icon","title":"Moon Icon","description":"An animated moon icon.","type":"registry:component","source_url":"https://chamaac.com/r/moon-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/moon-icon.json"},{"name":"sun-icon","title":"Sun Icon","description":"An animated sun icon.","type":"registry:component","source_url":"https://chamaac.com/r/sun-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/sun-icon.json"},{"name":"trash-icon","title":"Trash Icon","description":"An animated trash icon.","type":"registry:component","source_url":"https://chamaac.com/r/trash-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/trash-icon.json"},{"name":"battery-icon","title":"Battery Icon","description":"An animated battery icon.","type":"registry:component","source_url":"https://chamaac.com/r/battery-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/battery-icon.json"},{"name":"gift-icon","title":"Gift Icon","description":"An animated gift icon.","type":"registry:component","source_url":"https://chamaac.com/r/gift-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/gift-icon.json"},{"name":"crown-icon","title":"Crown Icon","description":"An animated crown icon.","type":"registry:component","source_url":"https://chamaac.com/r/crown-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/crown-icon.json"},{"name":"thumbs-up-icon","title":"Thumbs Up Icon","description":"An animated thumbs up icon.","type":"registry:component","source_url":"https://chamaac.com/r/thumbs-up-icon.json","install_command":"npx shadcn@latest add https://chamaac.com/r/thumbs-up-icon.json"},{"name":"how-it-works","title":"How It Works","description":"A visual flow component showing a step-by-step process with connected cards.","type":"registry:component","source_url":"https://chamaac.com/r/how-it-works.json","install_command":"npx shadcn@latest add https://chamaac.com/r/how-it-works.json"},{"name":"water-caustic","title":"Water Caustic","description":"A stunning, tileable water caustic lighting shader using wave interference.","type":"registry:component","source_url":"https://chamaac.com/r/water-caustic.json","install_command":"npx shadcn@latest add https://chamaac.com/r/water-caustic.json"},{"name":"grid-bloom","title":"Grid Bloom","description":"A mesmerizing grid pattern with pulsing wave interference.","type":"registry:component","source_url":"https://chamaac.com/r/grid-bloom.json","install_command":"npx shadcn@latest add https://chamaac.com/r/grid-bloom.json"}]},{"id":"channel3","name":"@channel3","slug":"channel3","description":"Open-source React components for building shopping experiences on the Channel3 product API: search, filters, product detail, offer comparison, and price history.","author":"channel3-ai","framework":"react","license":"MIT","tags":["accessibility","cards","charts","e-commerce","forms","hooks","media"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://trychannel3.com/developers/ui","github":"https://github.com/channel3-ai/channel3-ui","registry":"https://ui.trychannel3.com/r/registry.json","source":"https://ui.trychannel3.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/channel3","markdown":"https://sh4dcn.netlify.app/md/channel3.md"},"logo":"<svg width='24' height='24' viewBox='0 0 341 341' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_106_2)'><path d='M69.5 117.5C49 102.5 88.4999 75.5 91 90.5' stroke='var(--foreground)' stroke-width='7'/><path d='M146.725 77.1106L301.512 166.477C303.665 167.72 304.402 170.472 303.16 172.624L239.66 282.61C238.417 284.762 235.665 285.499 233.512 284.257L76.5902 193.658C75.6718 193.127 74.9699 192.29 74.6089 191.292L56.2925 140.701C55.8406 139.453 55.963 138.069 56.6267 136.919L80.8952 94.8847C81.4903 93.854 82.4695 93.1015 83.6184 92.791L143.301 76.664C144.456 76.3518 145.688 76.5123 146.725 77.1106Z' stroke='var(--foreground)' stroke-width='3'/><circle cx='93.0001' cy='131.573' r='15' stroke='var(--foreground)' stroke-width='3'/><path d='M86.5 130.603C82.4615 156.16 47.0577 16.0709 41 -15.5' stroke='var(--foreground)' stroke-width='7'/><path d='M97.5 128.603C93.5769 154.16 57.8846 12.5709 52 -19' stroke='var(--foreground)' stroke-width='7'/><path d='M159.896 149.127L159.971 148.997C162.381 144.823 165.214 141.516 168.469 139.077C171.735 136.621 175.333 135.049 179.263 134.362C183.22 133.668 187.469 133.869 192.009 134.966C196.558 136.046 201.336 138.03 206.342 140.92C211.001 143.61 214.942 146.544 218.165 149.721C221.416 152.891 223.872 156.157 225.534 159.518C227.196 162.88 228.028 166.258 228.03 169.654C228.033 173.05 227.139 176.299 225.349 179.399C223.919 181.876 222.15 183.88 220.042 185.411C217.934 186.942 215.639 187.996 213.159 188.573C210.688 189.133 208.082 189.187 205.34 188.736C202.626 188.277 199.935 187.278 197.267 185.738L197.372 185.556C200.767 187.516 203.581 189.683 205.813 192.057C208.062 194.441 209.687 196.926 210.687 199.513C211.705 202.11 212.087 204.79 211.831 207.552C211.603 210.307 210.704 213.044 209.134 215.764C207.164 219.176 204.6 221.818 201.441 223.689C198.309 225.553 194.736 226.642 190.721 226.957C186.733 227.264 182.411 226.789 177.755 225.533C173.11 224.26 168.301 222.188 163.33 219.318C158.065 216.278 153.738 212.972 150.351 209.399C146.98 205.837 144.559 202.072 143.085 198.103C141.63 194.145 141.15 190.035 141.648 185.773C142.163 181.521 143.691 177.195 146.231 172.795L146.306 172.666L164.7 183.286L164.25 184.065C163.31 185.693 162.793 187.369 162.698 189.093C162.631 190.809 162.946 192.503 163.643 194.176C164.35 195.831 165.429 197.424 166.878 198.954C168.355 200.476 170.184 201.867 172.367 203.127C174.48 204.347 176.568 205.229 178.632 205.774C180.696 206.32 182.623 206.543 184.412 206.444C186.211 206.328 187.814 205.891 189.222 205.133C190.639 204.358 191.753 203.269 192.563 201.866C193.803 199.718 193.769 197.597 192.461 195.503C191.153 193.408 188.481 191.196 184.445 188.866L172.053 181.711L180.483 167.11L192.018 173.77C193.508 174.63 194.904 175.251 196.207 175.634C197.528 176.027 198.736 176.193 199.833 176.134C200.94 176.057 201.912 175.752 202.751 175.22C203.616 174.681 204.334 173.917 204.904 172.93C205.644 171.648 205.994 170.303 205.953 168.894C205.922 167.467 205.541 166.047 204.811 164.632C204.108 163.21 203.062 161.821 201.674 160.465C200.303 159.119 198.639 157.881 196.682 156.751C194.707 155.611 192.816 154.808 191.007 154.341C189.215 153.884 187.543 153.761 185.989 153.973C184.452 154.194 183.053 154.737 181.792 155.602C180.547 156.477 179.48 157.686 178.59 159.227L178.29 159.747L159.896 149.127Z' fill='var(--foreground)'/></g><defs><clipPath id='clip0_106_2'><rect width='341' height='341' fill='white'/></clipPath></defs></svg>","preview_image":"https://trychannel3.com/logos/channel3/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":13,"last_commit":"2026-10-27T05:59:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.trychannel3.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.trychannel3.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.trychannel3.com/r/registry.json","clone":"git clone https://github.com/channel3-ai/channel3-ui.git","clone_degit":"npx degit channel3-ai/channel3-ui","registry_fetch":"curl -s https://ui.trychannel3.com/r/registry.json"},"component_count":23,"components":[{"name":"format","title":"Format helpers","description":"Price, currency, discount, domain, availability, and image helpers for Channel3 product data.","type":"registry:lib","source_url":"https://ui.trychannel3.com/r/format.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/format.json"},{"name":"variants","title":"Variant helpers","description":"Classifies variant option values into display tiers from `exists` and `available`.","type":"registry:lib","source_url":"https://ui.trychannel3.com/r/variants.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/variants.json"},{"name":"use-in-viewport","title":"useInViewport","description":"Fires a callback when an element enters the viewport via IntersectionObserver, with one-shot and repeating modes for lazy sections and infinite-scroll sentinel…","type":"registry:hook","source_url":"https://ui.trychannel3.com/r/use-in-viewport.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-in-viewport.json"},{"name":"use-variant-selection","title":"useVariantSelection","description":"Manages variant selection and server-side re-resolution via an injected resolver, keeping the API key on your server.","type":"registry:hook","source_url":"https://ui.trychannel3.com/r/use-variant-selection.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-variant-selection.json"},{"name":"search","title":"Search filter helpers","description":"UI-friendly search filter state, conversion to the SDK SearchFilters payload, option lists, color presets, and hex helpers.","type":"registry:lib","source_url":"https://ui.trychannel3.com/r/search.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/search.json"},{"name":"use-product-recommendations","title":"useProductRecommendations","description":"Lazily fetches similar products when the section scrolls into view, via an injected fetcher, so it never blocks the PDP.","type":"registry:hook","source_url":"https://ui.trychannel3.com/r/use-product-recommendations.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-product-recommendations.json"},{"name":"use-async-options","title":"useAsyncOptions","description":"Debounced typeahead loader for brand/category suggestions, delegating to an injected server-side fetcher.","type":"registry:hook","source_url":"https://ui.trychannel3.com/r/use-async-options.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-async-options.json"},{"name":"use-product-search","title":"useProductSearch","description":"Query + filter state, debounced search, and infinite-scroll pagination via TanStack Query and an injected search fetcher.","type":"registry:hook","source_url":"https://ui.trychannel3.com/r/use-product-search.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/use-product-search.json"},{"name":"price-range-gauge","title":"Price Range Gauge","description":"Plots the current price against its historical range as low/typical/high zones with a tick at the current price.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/price-range-gauge.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/price-range-gauge.json"},{"name":"price-history-chart","title":"Price History Chart","description":"Area chart of a product's price over time, built on the shadcn chart wrapper.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/price-history-chart.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/price-history-chart.json"},{"name":"product-card","title":"Product Card","description":"Borderless, image-forward product tile with hover image-swap and color swatches, for grids and carousels. Includes a loading skeleton.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/product-card.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-card.json"},{"name":"offers-list","title":"Offers List","description":"Compares merchant offers for a product, cheapest first, with affiliate-tracked buy links.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/offers-list.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/offers-list.json"},{"name":"image-gallery","title":"Image Gallery","description":"Product image carousel with a synced thumbnail strip.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/image-gallery.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/image-gallery.json"},{"name":"variant-selector","title":"Variant Selector","description":"Renders every variant dimension as pills or swatches with three tiers of emphasis (purchasable, out-of-stock, not-offered).","type":"registry:component","source_url":"https://ui.trychannel3.com/r/variant-selector.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/variant-selector.json"},{"name":"product-attributes","title":"Product Attributes","description":"Renders a product's extracted attributes (structured_attributes plus materials, gender, and age) as a two-column definition list.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/product-attributes.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-attributes.json"},{"name":"product-grid","title":"Product Grid","description":"Responsive grid of product cards with loading skeletons and an empty state.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/product-grid.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-grid.json"},{"name":"product-carousel","title":"Product Carousel","description":"Horizontally scrollable row of product cards with nav controls (e.g. \"More like this\").","type":"registry:component","source_url":"https://ui.trychannel3.com/r/product-carousel.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-carousel.json"},{"name":"product-details","title":"Product Details (PDP)","description":"Compound product detail page: gallery, header (all brands), variant selection, offers, price history, description, attributes, and an optional 'you might also …","type":"registry:block","source_url":"https://ui.trychannel3.com/r/product-details.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-details.json"},{"name":"product-recommendations","title":"Product Recommendations","description":"Lazy \"you might also like\" carousel for a PDP: defers the findSimilar fetch until it scrolls into view and hides itself when empty.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/product-recommendations.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-recommendations.json"},{"name":"search-bar","title":"Search Bar","description":"Controlled search input with submit-on-Enter, a clear button, and an optional image-search trigger.","type":"registry:component","source_url":"https://ui.trychannel3.com/r/search-bar.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/search-bar.json"},{"name":"product-filters","title":"Product Filters","description":"Compound, configurable filter panel (stacked sidebar or horizontal popover bar): price, gender, age, condition, availability, hex color palette with opt-in per…","type":"registry:component","source_url":"https://ui.trychannel3.com/r/product-filters.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-filters.json"},{"name":"product-search","title":"Product Search","description":"Batteries-included search experience: search bar, configurable filters, and an infinite-scroll results grid wired to useProductSearch.","type":"registry:block","source_url":"https://ui.trychannel3.com/r/product-search.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/product-search.json"},{"name":"all","title":"Channel3 — everything","description":"Installs the full Channel3 UI kit: every component, hook, and lib in the registry.","type":"registry:block","source_url":"https://ui.trychannel3.com/r/all.json","install_command":"npx shadcn@latest add https://ui.trychannel3.com/r/all.json"}]},{"id":"clerk","name":"@clerk","slug":"clerk","description":"Official Clerk authentication components distributed through the shadcn CLI. Provides pre-built, themeable React sign-in, sign-up, user-profile, and organization-management UI components that integrate directly with Clerk's authentication backend. Designed for Next.js, Remix, and other React frameworks. Not open-source in the traditional sense — requires a Clerk account. Use for: adding Clerk-powered auth flows with shadcn-compatible styling without manually building every auth screen.","author":null,"framework":"react","license":null,"tags":["auth","cards","components","marketing","media","onboarding","pro-available","theming"],"categories":["Auth/identity"],"labels":["featured","pro"],"urls":{"website":"https://clerk.com/docs/guides/development/shadcn-cli","github":"N/A","registry":"https://clerk.com/r/registry.json","source":"https://clerk.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/clerk","markdown":"https://sh4dcn.netlify.app/md/clerk.md"},"logo":"<svg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>Clerk</title><path d='m21.47 20.829-2.881-2.881a.572.572 0 0 0-.7-.084 6.854 6.854 0 0 1-7.081 0 .576.576 0 0 0-.7.084l-2.881 2.881a.576.576 0 0 0-.103.69.57.57 0 0 0 .166.186 12 12 0 0 0 14.113 0 .58.58 0 0 0 .239-.423.576.576 0 0 0-.172-.453Zm.002-17.668-2.88 2.88a.569.569 0 0 1-.701.084A6.857 6.857 0 0 0 8.724 8.08a6.862 6.862 0 0 0-1.222 3.692 6.86 6.86 0 0 0 .978 3.764.573.573 0 0 1-.083.699l-2.881 2.88a.567.567 0 0 1-.864-.063A11.993 11.993 0 0 1 6.771 2.7a11.99 11.99 0 0 1 14.637-.405.566.566 0 0 1 .232.418.57.57 0 0 1-.168.448Zm-7.118 12.261a3.427 3.427 0 1 0 0-6.854 3.427 3.427 0 0 0 0 6.854Z'/></svg>","preview_image":"https://clerk.com/og-image?params=%7B%22title%22%3A%22Install+Clerk+with+shadcn%2Fui+CLI%22%2C%22description%22%3A%22Use+the+shadcn%2Fui+CLI+to+bootstrap+your+Next.js+app+with+Clerk.%22%2C%22breadcrumbs%22%3A%5B%22Development%22%5D%7D&amp;token=9442ae6d84a8a1989b1e04036442d52920ab4406acd2bf4eb47105334d7e43a1","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://clerk.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://clerk.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://clerk.com/r/registry.json","install_bun":"bunx shadcn@latest add https://clerk.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://clerk.com/r/registry.json"},"component_count":12,"components":[{"name":"nextjs-clerk-provider","title":"Clerk Provider (App Router)","description":"The <ClerkProvider> component is required to integrate Clerk into your React application, providing session and user context to Clerk's hooks and components.","type":"registry:component","source_url":"https://clerk.com/r/nextjs-clerk-provider.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-clerk-provider.json"},{"name":"nextjs-middleware","title":"Clerk Next.js Middleware","description":"The clerkMiddleware() helper integrates Clerk authentication into your Next.js application through Proxy. clerkMiddleware() is compatible with both the App and…","type":"registry:file","source_url":"https://clerk.com/r/nextjs-middleware.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-middleware.json"},{"name":"nextjs-theme-provider","title":"Theme Provider","description":"A theme provider component using next-themes for dark mode support.","type":"registry:component","source_url":"https://clerk.com/r/nextjs-theme-provider.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-theme-provider.json"},{"name":"nextjs-header","title":"Header Component","description":"A header component with Clerk authentication buttons and user button.","type":"registry:component","source_url":"https://clerk.com/r/nextjs-header.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-header.json"},{"name":"nextjs-layout-with-header","title":"Layout with Header","description":"A root layout component with Clerk provider, theme provider, and header.","type":"registry:page","source_url":"https://clerk.com/r/nextjs-layout-with-header.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-layout-with-header.json"},{"name":"nextjs-quickstart","title":"Clerk Next.js Quickstart (App Router)","description":"A quickstart for Next.js App Router with Clerk authentication.","type":"registry:block","source_url":"https://clerk.com/r/nextjs-quickstart.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-quickstart.json"},{"name":"nextjs-quickstart-sign-in-or-up","title":"Clerk Next.js Quickstart — Sign-in-or-up (App Router)","description":"A minimal Clerk quickstart for Next.js App Router with a single combined sign-in-or-up page (no separate sign-up route).","type":"registry:block","source_url":"https://clerk.com/r/nextjs-quickstart-sign-in-or-up.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-quickstart-sign-in-or-up.json"},{"name":"nextjs-sign-in-page","title":"Clerk Next.js Sign In Page (App Router)","description":"A sign in page for Next.js App Router with Clerk authentication.","type":"registry:page","source_url":"https://clerk.com/r/nextjs-sign-in-page.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-sign-in-page.json"},{"name":"nextjs-sign-up-page","title":"Clerk Next.js Sign Up Page (App Router)","description":"A sign up page for Next.js App Router with Clerk authentication.","type":"registry:page","source_url":"https://clerk.com/r/nextjs-sign-up-page.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-sign-up-page.json"},{"name":"nextjs-waitlist-page","title":"Clerk Next.js Waitlist Page (App Router)","description":"A waitlist page for Next.js App Router with Clerk authentication.","type":"registry:page","source_url":"https://clerk.com/r/nextjs-waitlist-page.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-waitlist-page.json"},{"name":"nextjs-aio-multistep-onboarding","title":"Multistep Onboarding Flow (AIO)","description":"A multistep onboarding flow using Clerk's prebuilt <SignIn> component with embedded session tasks.","type":"registry:block","source_url":"https://clerk.com/r/nextjs-aio-multistep-onboarding.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-aio-multistep-onboarding.json"},{"name":"nextjs-custom-flows-multistep-onboarding","title":"Multistep Onboarding Flow","description":"A custom sign-up and sign-in onboarding flow using Clerk's useSignIn and useSignUp hooks with animated step transitions.","type":"registry:block","source_url":"https://clerk.com/r/nextjs-custom-flows-multistep-onboarding.json","install_command":"npx shadcn@latest add https://clerk.com/r/nextjs-custom-flows-multistep-onboarding.json"}]},{"id":"cligentic","name":"@cligentic","slug":"cligentic","description":"Copy-paste TypeScript primitives for agent-first CLIs: trust ladders, killswitches, JSON mode, audit logs, and cross-platform utilities.","author":"Railly","framework":"react","license":"MIT","tags":["ai","auth","buttons","design-system","forms","hooks","maps","overlays"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://cligentic.railly.dev","github":"https://github.com/Railly/cligentic","registry":"https://cligentic.railly.dev/r/registry.json","source":"https://cligentic.railly.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/cligentic","markdown":"https://sh4dcn.netlify.app/md/cligentic.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' fill='#000000'/><rect x='8' y='8' width='16' height='16' fill='#FF6B1A'/><rect x='12' y='12' width='8' height='8' fill='#000000'/></svg>","preview_image":"https://cligentic.railly.dev/opengraph-image?3fdba103a6270d14","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":8,"last_commit":"2026-08-13T19:44:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://cligentic.railly.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://cligentic.railly.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://cligentic.railly.dev/r/registry.json","clone":"git clone https://github.com/Railly/cligentic.git","clone_degit":"npx degit Railly/cligentic","registry_fetch":"curl -s https://cligentic.railly.dev/r/registry.json"},"component_count":24,"components":[{"name":"detect","title":"detect","description":"Environment detection helpers: `isWsl`, `isCi`, `isHeadlessLinux`, `hasCommand`, `detectMode`, `shouldColor`. Shared across platform and agent blocks. Auto-ins…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/detect.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/detect.json"},{"name":"open-url","title":"open-url","description":"Open a URL in the user's default browser across macOS, Linux, Windows, WSL, SSH, and headless CI. Respects `BROWSER` env var. Fallback chain with manual print.…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/open-url.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/open-url.json"},{"name":"json-mode","title":"json-mode","description":"Dual-rendering output for CLIs serving humans and agents. Auto-detects TTY vs piped, enforces `stdout`/`stderr` discipline, respects `NO_COLOR`. Never calls `p…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/json-mode.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/json-mode.json"},{"name":"next-steps","title":"next-steps","description":"Post-command guidance for agents and humans. Emit structured `next-step` hints to `stderr` as NDJSON for agents, formatted block for humans. Chains with `json-…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/next-steps.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/next-steps.json"},{"name":"trust-ladder","title":"trust-ladder","description":"Approval gate and structured preview renderer for T2/T3 CLI actions. Handles `--yes`, T3 `--confirm`, JSON/non-TTY refusal, and machine-readable AppError failu…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/trust-ladder.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/trust-ladder.json"},{"name":"copy-clipboard","title":"copy-clipboard","description":"Copy text to the system clipboard across macOS, Linux (X11 + Wayland), Windows, and WSL. Detects `pbcopy`, `xclip`, `xsel`, `wl-copy`, `clip.exe` automatically…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/copy-clipboard.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/copy-clipboard.json"},{"name":"notify-os","title":"notify-os","description":"Fire a system notification across macOS (`osascript`), Linux (`notify-send`), Windows and WSL (PowerShell). Silently skips in CI. Typed verdict, never throws.","type":"registry:file","source_url":"https://cligentic.railly.dev/r/notify-os.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/notify-os.json"},{"name":"xdg-paths","title":"xdg-paths","description":"XDG Base Directory Spec resolver with macOS (`~/Library`) and Windows (`%APPDATA%`) fallbacks. Gives your CLI canonical `config`/`state`/`cache`/`audit`/`sessi…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/xdg-paths.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/xdg-paths.json"},{"name":"atomic-write","title":"atomic-write","description":"Write files atomically: temp file, `fsync`, rename. Prevents corruption from crashes or concurrent CLI processes. Windows-aware (unlink before rename). Include…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/atomic-write.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/atomic-write.json"},{"name":"audit-log","title":"audit-log","description":"Append-only JSONL audit trail with per-day rotation. Every action gets a timestamped record. Mode `0o600`. Includes `tailAudit` for reading recent records. Bat…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/audit-log.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/audit-log.json"},{"name":"audit-lifecycle","title":"audit-lifecycle","description":"Two-phase append-only audit lifecycle for dangerous or retryable operations: `beginAudit()` writes pending, then `complete()` or `fail()` appends the final rec…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/audit-lifecycle.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/audit-lifecycle.json"},{"name":"banner","title":"banner","description":"Gradient ASCII wordmark for your CLI. Shown on bare invoke or `--help`. Vertical gradient between two hex colors. Respects `NO_COLOR`. Includes minimal block-l…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/banner.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/banner.json"},{"name":"config","title":"config","description":"Profile-aware JSON config loader. Reads from the app's config directory with multi-profile support (`--profile production`). Merge precedence: defaults < profi…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/config.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/config.json"},{"name":"session","title":"session","description":"Auth token persistence. Load on boot, save after login, clear on logout, check expiry. Atomic writes, `0o600` permissions. The companion of every `login` comma…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/session.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/session.json"},{"name":"error-map","title":"error-map","description":"Typed `AppError` class with `code`, `name`, `human` message, and `hint`. Maps upstream API errors to actionable messages. `fromHttp()` maps status codes direct…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/error-map.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/error-map.json"},{"name":"argv","title":"argv","description":"Minimal POSIX argv parser for zero-framework CLIs. Zero dependencies. Handles `--flag`, `--flag value`, `--flag=value`, `-f`, combined short flags, positional …","type":"registry:file","source_url":"https://cligentic.railly.dev/r/argv.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/argv.json"},{"name":"global-flags","title":"global-flags","description":"Standard global flags for agent-first CLIs: `--json`, `--dry-run`, `--profile`, `--no-input`, `--quiet`, `--verbose`. Normalizes raw argv into typed `GlobalFla…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/global-flags.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/global-flags.json"},{"name":"telemetry","title":"telemetry","description":"Anonymous usage tracking. Opt-out via `CLI_NO_TELEMETRY=1` or `DO_NOT_TRACK=1`. Local JSONL logging + optional remote POST. Never throws, never blocks. Disable…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/telemetry.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/telemetry.json"},{"name":"doctor","title":"doctor","description":"Health-check pattern for CLI `doctor` commands. Run named checks sequentially with per-check error isolation. Dual output via `json-mode`: structured JSON for …","type":"registry:file","source_url":"https://cligentic.railly.dev/r/doctor.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/doctor.json"},{"name":"killswitch","title":"killswitch","description":"Binary safety gate. If `~/.app/KILLSWITCH` exists, all write operations refuse. File exists = stopped. File gone = resumed. One `existsSync` call. Battle-teste…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/killswitch.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/killswitch.json"},{"name":"api-key-wizard","title":"api-key-wizard","description":"Interactive first-run wizard for API-key-authenticated CLIs. Masked prompt, live validation against your API, then save via your callback. Generic over validat…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/api-key-wizard.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/api-key-wizard.json"},{"name":"skill-installer-prompt","title":"skill-installer-prompt","description":"Post-init hook that offers to install a companion agent skill (Claude Code / Cursor / MCP-aware). Clack confirm plus a subprocess spawn with inherited stdio. R…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/skill-installer-prompt.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/skill-installer-prompt.json"},{"name":"prompt-secret","title":"prompt-secret","description":"Read a secret from the TTY without echoing it. Raw mode, one dot per keystroke, handles backspace and Ctrl-C. Returns null when there is no TTY so the caller c…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/prompt-secret.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/prompt-secret.json"},{"name":"style","title":"style","description":"Terminal styling that respects NO_COLOR and non-TTY in one place, plus the width helpers a table needs once cells contain escape codes: visibleWidth, padVisibl…","type":"registry:file","source_url":"https://cligentic.railly.dev/r/style.json","install_command":"npx shadcn@latest add https://cligentic.railly.dev/r/style.json"}]},{"id":"cnippet","name":"@cnippet","slug":"cnippet","description":"Cnippet UI is a production-ready, curated set of accessible and composable React components—built with Base UI and Tailwind CSS. Copy, paste, and ship stunning interfaces faster.","author":"cnippet-dev","framework":"react","license":"MIT","tags":["accessibility","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Charts/data viz"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.cnippet.dev/","github":"https://github.com/cnippet-dev/ui-cnippet","registry":"https://ui.cnippet.dev/r/registry.json","source":"https://ui.cnippet.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/cnippet","markdown":"https://sh4dcn.netlify.app/md/cnippet.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg'  width='100' height='100' viewBox='0 0 2000 2000'> <path fill='#000000' opacity='1.000000' stroke='none' d=' M1115.137573,759.848267   C1079.761841,724.495972 1044.627197,689.402100 1009.545654,654.255310   C969.283386,613.918213 929.063416,573.539001 888.838135,533.165039   C883.264648,527.570923 877.502258,522.231934 869.503967,520.407288   C853.003784,516.642944 837.848450,527.652832 835.578491,545.090759   C835.107422,548.709473 835.116638,552.407166 835.115784,556.068420   C835.076965,727.563660 835.095642,899.058960 834.994080,1070.554199   C834.983215,1088.851196 840.851013,1103.772339 856.931091,1113.791870   C864.626587,1118.587036 873.046143,1119.711060 881.847839,1119.692749   C944.845581,1119.561157 1007.843506,1119.373291 1070.841309,1119.397827   C1221.170410,1119.456421 1371.499390,1119.620239 1521.828491,1119.752930   C1526.160889,1119.756836 1530.496582,1119.805908 1534.825317,1119.974487   C1557.493530,1120.857910 1576.137817,1140.012817 1576.607910,1162.819824   C1576.928711,1178.381348 1571.151733,1191.341309 1560.180298,1202.231812   C1539.126587,1223.130127 1518.139160,1244.095093 1497.161255,1265.069458   C1413.721802,1348.494873 1330.300903,1431.938843 1246.857178,1515.359985   C1240.964966,1521.250488 1234.860718,1526.929932 1228.998657,1532.849609   C1218.196045,1543.758179 1205.210205,1548.670166 1189.852905,1548.641602   C1131.688354,1548.533325 1073.523193,1548.775269 1015.358276,1548.764282   C965.359863,1548.754761 915.361389,1548.513306 865.362976,1548.526489   C854.109863,1548.529419 844.073608,1545.755981 835.218506,1538.539429   C823.107971,1528.669922 817.561401,1515.762695 817.278992,1500.519165   C816.957947,1483.192017 817.079346,1465.855957 817.072266,1448.523804   C817.036865,1362.026245 817.033020,1275.528687 816.985718,1189.031128   C816.980530,1179.501831 816.710876,1169.927490 812.148438,1161.235352   C803.526489,1144.809204 789.804749,1136.625488 771.246887,1136.599731   C692.249146,1136.489990 613.251404,1136.406494 534.253723,1136.267700   C515.255005,1136.234253 496.252533,1136.227905 477.258911,1135.850952   C446.138214,1135.233276 425.925659,1115.343628 425.766296,1084.103638   C425.413513,1014.941040 425.695557,945.775452 425.587341,876.611267   C425.558533,858.183228 433.620300,843.781006 446.307678,831.127991   C488.435730,789.114197 530.345947,746.882019 572.426025,704.820068   C638.668396,638.606201 704.974731,572.456299 771.269653,506.295074   C782.593750,494.993774 794.196594,483.964417 805.307068,472.458374   C817.080078,460.266205 831.214783,454.038208 848.082886,453.934998   C887.412781,453.694336 926.742981,453.314880 966.073059,453.317505   C1154.401245,453.330109 1342.729370,453.472961 1531.057495,453.484741   C1543.616699,453.485535 1555.327515,455.367950 1564.650513,464.698059   C1577.496094,477.553009 1580.793335,498.087036 1571.829590,514.569153   C1568.304077,521.051819 1563.611938,527.181641 1558.394287,532.419373   C1499.941040,591.097229 1441.296265,649.584290 1382.672119,708.091736   C1342.570801,748.113037 1302.438721,788.103455 1262.263916,828.050964   C1258.492310,831.801270 1254.519775,835.412781 1250.291016,838.629272   C1231.569702,852.869141 1207.987183,851.352295 1191.221069,834.856873   C1167.463867,811.483093 1143.797974,788.016602 1120.088623,764.594360   C1118.546265,763.070557 1116.965210,761.586060 1115.137573,759.848267  z'/></svg>","preview_image":"https://ui.cnippet.dev/opengraph-image.png?opengraph-image.09e-p7-vjnlso.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://blocks.cnippet.dev/sections/pricing"},"metrics":{"github_stars":12,"open_issues":0,"last_commit":"2026-10-26T14:57:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.cnippet.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.cnippet.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.cnippet.dev/r/registry.json","clone":"git clone https://github.com/cnippet-dev/ui-cnippet.git","clone_degit":"npx degit cnippet-dev/ui-cnippet","registry_fetch":"curl -s https://ui.cnippet.dev/r/registry.json"},"component_count":250,"components":[{"name":"ui","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/ui.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/ui.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/accordion.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/alert.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/alert-dialog.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/avatar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/badge.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/badge.json"},{"name":"banner","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/banner.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/banner.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/button.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/button.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/calendar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/card.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/carousel.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/chart.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/checkbox.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/checkbox-group.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/collapsible.json"},{"name":"color-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/color-picker.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/combobox.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/command.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/context-menu.json"},{"name":"data-table","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/data-table.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/data-table.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/dialog.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/drawer.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/empty.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/field.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/field.json"},{"name":"fieldset","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/fieldset.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/fieldset.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/file-upload.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/form.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/form.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/frame.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/frame.json"},{"name":"group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/group.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/input.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/input.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/item.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/item.json"},{"name":"otp-field","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/otp-field.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/input-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/input-group.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/kbd.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/label.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/label.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/menu.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/menu.json"},{"name":"meter","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/meter.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/meter.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/navigation-menu.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/number-field.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/pagination.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/popover.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/popover.json"},{"name":"preview-card","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/preview-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/progress.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/radio-group.json"},{"name":"rating","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/rating.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/rating.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/resizable.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/select.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/separator.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/sheet.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/slider.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/slider.json"},{"name":"sortable","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/sortable.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/sortable.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/spinner.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/spinner.json"},{"name":"stepper","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/stepper.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/stepper.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/switch.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/table.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/tabs.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/tabs.json"},{"name":"tag-input","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/tag-input.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/textarea.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/textarea.json"},{"name":"time-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/time-picker.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/time-picker.json"},{"name":"timeline","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/timeline.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/timeline.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/toast.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/toggle.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toggle-group.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/toolbar.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://ui.cnippet.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/tooltip.json"},{"name":"v-accordion-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-1.json"},{"name":"v-accordion-2","title":null,"description":"Single Accordion","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-2.json"},{"name":"v-accordion-3","title":null,"description":"Multiple Accordion","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-3.json"},{"name":"v-accordion-4","title":null,"description":"Controlled Accordion","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-4.json"},{"name":"v-accordion-5","title":null,"description":"With plus/minus indicators","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-5.json"},{"name":"v-accordion-6","title":null,"description":"With borders and rounded corners","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-6.json"},{"name":"v-accordion-7","title":null,"description":"Embedded within a Card","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-7.json"},{"name":"v-accordion-8","title":null,"description":"Nested accordion example with bordered items","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-8.json"},{"name":"v-accordion-9","title":null,"description":"User list accordion with avatars and role indicators","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-9.json"},{"name":"v-accordion-10","title":null,"description":"Changelog / Release Notes with versioned entries","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-10.json"},{"name":"v-accordion-11","title":null,"description":"Searchable FAQ with live keyword filter","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-11.json"},{"name":"v-accordion-12","title":null,"description":"Settings sidebar navigation with icon sections","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-12.json"},{"name":"v-accordion-13","title":null,"description":"Job board listings with requirements and apply action","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-13.json"},{"name":"v-accordion-14","title":null,"description":"Onboarding step tracker with completion state","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-14.json"},{"name":"v-accordion-15","title":null,"description":"Product specifications table by category","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-15.json"},{"name":"v-accordion-16","title":null,"description":"Showcase: single and multiple","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-accordion-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-accordion-16.json"},{"name":"v-alert-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-1.json"},{"name":"v-alert-2","title":null,"description":"With Icon","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-2.json"},{"name":"v-alert-3","title":null,"description":"With Icon and Action Buttons","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-3.json"},{"name":"v-alert-4","title":null,"description":"Info Alert","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-4.json"},{"name":"v-alert-5","title":null,"description":"Success Alert","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-5.json"},{"name":"v-alert-6","title":null,"description":"Warning Alert","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-6.json"},{"name":"v-alert-7","title":null,"description":"Error Alert","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-7.json"},{"name":"v-alert-8","title":null,"description":"Stacked alerts within a Frame","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-8.json"},{"name":"v-alert-9","title":null,"description":"Alert with actions integrated within a Frame","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-9.json"},{"name":"v-alert-10","title":null,"description":"Feature discovery alert","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-10.json"},{"name":"v-alert-11","title":null,"description":"Dismissible announcement banner with CTA","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-11.json"},{"name":"v-alert-12","title":null,"description":"Cookie consent banner with accept and decline","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-12.json"},{"name":"v-alert-13","title":null,"description":"Storage limit warning with usage progress bar","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-13.json"},{"name":"v-alert-14","title":null,"description":"Update available with async install feedback","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-14.json"},{"name":"v-alert-15","title":null,"description":"Email verification with resend countdown","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-15.json"},{"name":"v-alert-dialog-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-1.json"},{"name":"v-alert-dialog-2","title":null,"description":"Small Size Alert Dialog","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-2.json"},{"name":"v-alert-dialog-3","title":null,"description":"Alert Dialog Within A Standard Dialog","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-3.json"},{"name":"v-alert-dialog-4","title":null,"description":"Task Success Confirmation","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-4.json"},{"name":"v-alert-dialog-5","title":null,"description":"Account Deactivation Confirmation","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-5.json"},{"name":"v-alert-dialog-6","title":null,"description":"Warning For Unsaved Changes","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-6.json"},{"name":"v-alert-dialog-7","title":null,"description":"Confirmation For Successful e-ticket Registration","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-7.json"},{"name":"v-alert-dialog-8","title":null,"description":"System Update Notification","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-8.json"},{"name":"v-alert-dialog-9","title":null,"description":"Billing Warning For Expired Subscriptions","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-9.json"},{"name":"v-alert-dialog-10","title":null,"description":"Logout Confirmation Dialog","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-10.json"},{"name":"v-alert-dialog-11","title":null,"description":"File Overwrite Confirmation with three-way choice","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-11.json"},{"name":"v-alert-dialog-12","title":null,"description":"Subscription Downgrade Warning with feature loss list","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-12.json"},{"name":"v-alert-dialog-13","title":null,"description":"Transfer Ownership with typed confirmation input","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-13.json"},{"name":"v-alert-dialog-14","title":null,"description":"Clear All Data with checkbox consent gate","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-14.json"},{"name":"v-alert-dialog-15","title":null,"description":"Rate Limit Exceeded with live countdown timer","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-alert-dialog-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-alert-dialog-15.json"},{"name":"v-autocomplete-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-1.json"},{"name":"v-autocomplete-2","title":null,"description":"Disabled","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-2.json"},{"name":"v-autocomplete-3","title":null,"description":"Sizes","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-3.json"},{"name":"v-autocomplete-4","title":null,"description":"With Label","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-4.json"},{"name":"v-autocomplete-5","title":null,"description":"Inline Autocomplete","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-5.json"},{"name":"v-autocomplete-6","title":null,"description":"Auto Highlight","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-6.json"},{"name":"v-autocomplete-7","title":null,"description":"With Clear Button","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-7.json"},{"name":"v-autocomplete-8","title":null,"description":"With Trigger and Clear Buttons","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-8.json"},{"name":"v-autocomplete-9","title":null,"description":"With Search Icon","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-9.json"},{"name":"v-autocomplete-10","title":null,"description":"Grouped Items","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-10.json"},{"name":"v-autocomplete-11","title":null,"description":"Limit Results","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-11.json"},{"name":"v-autocomplete-12","title":null,"description":"Async Search","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-12.json"},{"name":"v-autocomplete-13","title":null,"description":"Form Integration","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-13.json"},{"name":"v-autocomplete-14","title":null,"description":"Timezone Picker","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-14.json"},{"name":"v-autocomplete-15","title":null,"description":"Person Picker","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-15.json"},{"name":"v-autocomplete-16","title":null,"description":"Country picker with flag and ISO code","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-16.json"},{"name":"v-autocomplete-17","title":null,"description":"Repository picker with language and star count","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-17.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-17.json"},{"name":"v-autocomplete-18","title":null,"description":"Multi-select tag input with dismissible chip pills","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-18.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-18.json"},{"name":"v-autocomplete-19","title":null,"description":"Priority selector with icon and description","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-19.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-19.json"},{"name":"v-autocomplete-20","title":null,"description":"Tech stack picker grouped by category","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-20.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-20.json"},{"name":"v-autocomplete-21","title":null,"description":"Showcase: clear, trigger, groups, sizes and disabled","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-autocomplete-21.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-autocomplete-21.json"},{"name":"v-avatar-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-1.json"},{"name":"v-avatar-2","title":null,"description":"With Fallback","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-2.json"},{"name":"v-avatar-3","title":null,"description":"Different Sizes","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-3.json"},{"name":"v-avatar-4","title":null,"description":"Different Radius","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-4.json"},{"name":"v-avatar-5","title":null,"description":"Avatar Group","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-5.json"},{"name":"v-avatar-6","title":null,"description":"Avatar Group With Numeric Count","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-6.json"},{"name":"v-avatar-7","title":null,"description":"With Details and Badge","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-7.json"},{"name":"v-avatar-8","title":null,"description":"Avatar Social Proof With Text Label","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-8.json"},{"name":"v-avatar-9","title":null,"description":"Compact Social Proof With Initials","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-9.json"},{"name":"v-avatar-10","title":null,"description":"With Hover Effect","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-10.json"},{"name":"v-avatar-11","title":null,"description":"With Hover Effect & Tooltips","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-11.json"},{"name":"v-avatar-12","title":null,"description":"Avatar Inside An Empty State Example","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-12.json"},{"name":"v-avatar-13","title":null,"description":"With Loading State Demonstration","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-13.json"},{"name":"v-avatar-14","title":null,"description":"With Custom Badge","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-14.json"},{"name":"v-avatar-15","title":null,"description":"With Ring Animation","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-15.json"},{"name":"v-avatar-16","title":null,"description":"With Dropdown Menu","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-16.json"},{"name":"v-avatar-17","title":null,"description":"Team grid with online presence status dots","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-17.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-17.json"},{"name":"v-avatar-18","title":null,"description":"Pull request comment thread","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-18.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-18.json"},{"name":"v-avatar-19","title":null,"description":"Interactive assignee picker with selection state","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-19.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-19.json"},{"name":"v-avatar-20","title":null,"description":"Contributor leaderboard with rank and commit count","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-20.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-20.json"},{"name":"v-avatar-21","title":null,"description":"Profile card with stats and action buttons","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-21.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-21.json"},{"name":"v-avatar-22","title":null,"description":"Showcase: sizes, radius, fallback and group","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-avatar-22.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-avatar-22.json"},{"name":"v-badge-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-1.json"},{"name":"v-badge-2","title":null,"description":"Outline","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-2.json"},{"name":"v-badge-3","title":null,"description":"Secondary","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-3.json"},{"name":"v-badge-4","title":null,"description":"Destructive","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-4.json"},{"name":"v-badge-5","title":null,"description":"Info","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-5.json"},{"name":"v-badge-6","title":null,"description":"Success","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-6.json"},{"name":"v-badge-7","title":null,"description":"Warning","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-7.json"},{"name":"v-badge-8","title":null,"description":"Error","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-8.json"},{"name":"v-badge-9","title":null,"description":"Size Variations","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-9.json"},{"name":"v-badge-10","title":null,"description":"With Icon","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-10.json"},{"name":"v-badge-11","title":null,"description":"With Link","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-11.json"},{"name":"v-badge-12","title":null,"description":"With Count","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-12.json"},{"name":"v-badge-13","title":null,"description":"Status dot indicators (Online, Busy, Away, Offline)","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-13.json"},{"name":"v-badge-14","title":null,"description":"Release channel tags (Stable, Beta, Experimental, Deprecated)","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-14.json"},{"name":"v-badge-15","title":null,"description":"Subscription plan tiers with pricing","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-15.json"},{"name":"v-badge-16","title":null,"description":"Notification category badges with unread counts","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-16.json"},{"name":"v-badge-17","title":null,"description":"Priority labels in a task list","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-17.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-17.json"},{"name":"v-badge-18","title":null,"description":"Showcase: variants, sizes, icons and counts","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-badge-18.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-badge-18.json"},{"name":"v-banner-1","title":null,"description":"Dismissible promo and maintenance banners above a page","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-banner-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-banner-1.json"},{"name":"v-banner-2","title":null,"description":"Banner tones: default, info, success, warning, error","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-banner-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-banner-2.json"},{"name":"v-banner-3","title":null,"description":"Cookie consent bar with two actions","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-banner-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-banner-3.json"},{"name":"v-breadcrumb-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-1.json"},{"name":"v-breadcrumb-2","title":null,"description":"With custom separator","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-2.json"},{"name":"v-breadcrumb-3","title":null,"description":"With Dropdown Menu","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-3.json"},{"name":"v-breadcrumb-4","title":null,"description":"With Next.js Link","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-4.json"},{"name":"v-breadcrumb-5","title":null,"description":"With Icons For Each Item","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-5.json"},{"name":"v-breadcrumb-6","title":null,"description":"With Avatar","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-6.json"},{"name":"v-breadcrumb-7","title":null,"description":"Inside Card","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-7.json"},{"name":"v-breadcrumb-8","title":null,"description":"Starting With Home Icon","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-8.json"},{"name":"v-breadcrumb-9","title":null,"description":"Button-style","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-9.json"},{"name":"v-breadcrumb-10","title":null,"description":"With Project, Sser and Document Info","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-10.json"},{"name":"v-breadcrumb-11","title":null,"description":"File path breadcrumb with folder and file icons in monospace","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-11.json"},{"name":"v-breadcrumb-12","title":null,"description":"Checkout step progress breadcrumb with numbered circles and navigation buttons","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-12.json"},{"name":"v-breadcrumb-13","title":null,"description":"Admin hierarchy breadcrumb with colored icon badges per level","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-13.json"},{"name":"v-breadcrumb-14","title":null,"description":"Page header breadcrumb with edit and share action buttons","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-14.json"},{"name":"v-breadcrumb-15","title":null,"description":"Compact breadcrumb with ellipsis and hidden-items count badge","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-15.json"},{"name":"v-breadcrumb-16","title":null,"description":"Showcase: separators, home icon and ellipsis","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-breadcrumb-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-breadcrumb-16.json"},{"name":"v-button-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-1.json"},{"name":"v-button-2","title":null,"description":"Outline","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-2.json"},{"name":"v-button-3","title":null,"description":"Secondary","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-3.json"},{"name":"v-button-4","title":null,"description":"Destructive","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-4.json"},{"name":"v-button-5","title":null,"description":"Destructive Outline","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-5.json"},{"name":"v-button-6","title":null,"description":"Ghost","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-6.json"},{"name":"v-button-7","title":null,"description":"Link","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-7.json"},{"name":"v-button-8","title":null,"description":"Extra-small Size","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-8.json"},{"name":"v-button-9","title":null,"description":"Small Size","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-9.json"},{"name":"v-button-10","title":null,"description":"Large Size","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-10.json"},{"name":"v-button-11","title":null,"description":"Extra-large Size","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-11.json"},{"name":"v-button-12","title":null,"description":"Disabled","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-12.json"},{"name":"v-button-13","title":null,"description":"Icon","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-13.json"},{"name":"v-button-14","title":null,"description":"Button with an icon on the right","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-14.json"},{"name":"v-button-15","title":null,"description":"Button with an icon on the left","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-15.json"},{"name":"v-button-16","title":null,"description":"Outline button with an icon on the left","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-16.json"},{"name":"v-button-17","title":null,"description":"Ghost button with an icon on the right","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-17.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-17.json"},{"name":"v-button-18","title":null,"description":"Destructive button with an icon on the left","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-18.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-18.json"},{"name":"v-button-19","title":null,"description":"Link button with an icon on the right","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-19.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-19.json"},{"name":"v-button-20","title":null,"description":"Star button with count","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-20.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-20.json"},{"name":"v-button-21","title":null,"description":"Button with an unread badge","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-21.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-21.json"},{"name":"v-button-22","title":null,"description":"Button with icon, label, and shortcut keys","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-22.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-22.json"},{"name":"v-button-23","title":null,"description":"Icon-only copy button with feedback","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-23.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-23.json"},{"name":"v-button-24","title":null,"description":"Animated hamburger / close toggle button","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-24.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-24.json"},{"name":"v-button-25","title":null,"description":"Sliding Icon Button (Hover reveal)","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-25.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-25.json"},{"name":"v-button-26","title":null,"description":"Social login buttons with GitHub, Google, and email options","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-26.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-26.json"},{"name":"v-button-27","title":null,"description":"Loading and success state button with animated icon swap","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-27.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-27.json"},{"name":"v-button-28","title":null,"description":"File upload button with attachment preview and clear action","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-28.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-28.json"},{"name":"v-button-29","title":null,"description":"Split button with primary action and dropdown menu via Group","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-29.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-29.json"},{"name":"v-button-30","title":null,"description":"Segmented view toggle with list, table, and kanban options","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-30.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-30.json"},{"name":"v-button-31","title":null,"description":"Showcase: variants, sizes, icons and states","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-button-31.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-button-31.json"},{"name":"v-calendar-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-1.json"},{"name":"v-calendar-2","title":null,"description":"Larger cell size","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-2.json"},{"name":"v-calendar-3","title":null,"description":"Different Sizes","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-3.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-3.json"},{"name":"v-calendar-4","title":null,"description":"Dropdown Navigation","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-4.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-4.json"},{"name":"v-calendar-5","title":null,"description":"Custom Select Dropdown","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-5.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-5.json"},{"name":"v-calendar-6","title":null,"description":"Custom Combobox Dropdown","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-6.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-6.json"},{"name":"v-calendar-7","title":null,"description":"Multiple Selection","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-7.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-7.json"},{"name":"v-calendar-8","title":null,"description":"Appointment Booking","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-8.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-8.json"},{"name":"v-calendar-9","title":null,"description":"Two-Month Range Picker","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-9.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-9.json"},{"name":"v-calendar-10","title":null,"description":"Event Indicators","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-10.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-10.json"},{"name":"v-calendar-11","title":null,"description":"Date Picker with Presets","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-11.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-11.json"},{"name":"v-calendar-12","title":null,"description":"Date of Birth","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-12.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-12.json"},{"name":"v-calendar-13","title":null,"description":"Week Picker","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-13.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-13.json"},{"name":"v-calendar-14","title":null,"description":"Holiday highlights with name on select","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-14.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-14.json"},{"name":"v-calendar-15","title":null,"description":"Hotel stay check-in and check-out","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-15.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-15.json"},{"name":"v-calendar-16","title":null,"description":"Habit tracker with completion indicators and monthly streak counter","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-16.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-16.json"},{"name":"v-calendar-17","title":null,"description":"Sprint planner with two-month range selection and duration stats","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-17.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-17.json"},{"name":"v-calendar-18","title":null,"description":"Time off request with leave type selector and range picker","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-18.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-18.json"},{"name":"v-calendar-19","title":null,"description":"Mini year view with all 12 months in a compact grid","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-19.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-19.json"},{"name":"v-calendar-20","title":null,"description":"Time slot booking with available/booked slot grid and confirmation","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-20.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-20.json"},{"name":"v-calendar-21","title":null,"description":"Showcase: single date and range with dropdowns","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-calendar-21.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-calendar-21.json"},{"name":"v-card-1","title":null,"description":"Default","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-card-1.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-1.json"},{"name":"v-card-2","title":null,"description":"With Border","type":"registry:block","source_url":"https://ui.cnippet.dev/r/v-card-2.json","install_command":"npx shadcn@latest add https://ui.cnippet.dev/r/v-card-2.json"}]},{"id":"cognicatch","name":"@cognicatch","slug":"cognicatch","description":"Production-grade React error-boundary infrastructure built for generative-UI applications. Provides AIBoundary for catching LLM hallucinations and malformed JSON payloads, BannerFallback, ModalFallback, and ToastFallback recovery UIs. Features zero-PII client-side scrubbing (emails, JWTs, API keys, credit cards redacted before telemetry), OpenTelemetry/OTLP vendor-agnostic error forwarding, and WCAG-compliant focus traps. Free for manual mode; API key required for managed telemetry. Use for: wrapping AI-generated UI trees so runtime crashes degrade gracefully instead of showing a blank screen.","author":"CogniCatch","framework":"react","license":"MIT","tags":["accessibility","ai","cards","cms","developer-tools","forms","overlays","pro-available"],"categories":["AI/chat UI"],"labels":["pro"],"urls":{"website":"https://cognicatch.dev","github":"https://github.com/CogniCatch/react","registry":"https://cognicatch.dev/registry/registry.json","source":"https://cognicatch.dev/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/cognicatch","markdown":"https://sh4dcn.netlify.app/md/cognicatch.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z'/><path d='M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z'/><path d='M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4'/><path d='M17.599 6.5a3 3 0 0 0 .399-1.375'/><path d='M6.002 5.125A3 3 0 0 0 6.401 6.5'/><path d='M3.477 10.896a4 4 0 0 1 .585-.396'/><path d='M19.938 10.5a4 4 0 0 1 .585.396'/><path d='M6 18a4 4 0 0 1-1.967-.516'/><path d='M19.967 17.484A4 4 0 0 1 18 18'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://cognicatch.dev/pricing"},"metrics":{"github_stars":8,"open_issues":5,"last_commit":"2026-07-15T17:34:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://cognicatch.dev/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://cognicatch.dev/registry/registry.json","install_bun":"bunx shadcn@latest add https://cognicatch.dev/registry/registry.json","clone":"git clone https://github.com/CogniCatch/react.git","clone_degit":"npx degit CogniCatch/react","registry_fetch":"curl -s https://cognicatch.dev/registry/registry.json"},"component_count":4,"components":[{"name":"adaptive-banner","title":"Adaptive Banner","description":"A graceful fallback UI banner for error handling and alerts.","type":"registry:component","source_url":"https://cognicatch.dev/registry/adaptive-banner.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-banner.json"},{"name":"adaptive-fatal-error","title":"Adaptive Fatal Error","description":"A full-screen, accessible modal for unrecoverable crashes.","type":"registry:component","source_url":"https://cognicatch.dev/registry/adaptive-fatal-error.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-fatal-error.json"},{"name":"adaptive-toast","title":"Adaptive Toast","description":"A pre-styled, recovery-ready wrapper around Sonner for error notifications.","type":"registry:component","source_url":"https://cognicatch.dev/registry/adaptive-toast.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-toast.json"},{"name":"adaptive-error-boundary","title":"Adaptive Error Boundary","description":"A ready-to-use Error Boundary that degrades UI gracefully using toasts, banners, or modals.","type":"registry:component","source_url":"https://cognicatch.dev/registry/adaptive-error-boundary.json","install_command":"npx shadcn@latest add https://cognicatch.dev/registry/adaptive-error-boundary.json"}]},{"id":"colorshot","name":"@colorshot","slug":"colorshot","description":"Color and gradient picker for React with linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui tokens.","author":"rishimohan","framework":"react","license":"MIT","tags":["backgrounds","pro-available","theming"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://orshot.com/open-source/colorshot","github":"https://github.com/rishimohan/colorshot","registry":"https://orshot.com/r/registry.json","source":"https://orshot.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/colorshot","markdown":"https://sh4dcn.netlify.app/md/colorshot.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect width='512' height='512' rx='96' fill='#111111'/><path d='M281.003 278.046C285.762 284.142 291.202 289.22 297.324 293.258C289.822 303.739 281.918 313.708 273.613 323.167C264.666 333.116 255.387 341.741 245.776 349.053C236.178 356.356 226.378 362.103 216.378 366.315C206.469 370.49 196.489 372.56 186.419 372.56C173.453 372.56 164.297 368.698 158.346 361.437C152.241 353.748 148.994 342.743 148.994 328.04C148.994 311.648 152.25 294.729 158.815 277.267C165.657 259.463 174.268 242.367 184.652 225.979C195.29 209.566 206.985 194.47 219.735 180.688C232.747 166.881 245.481 155.498 257.934 146.513L260.424 144.717L258.571 142.269L247.123 127.149L245.668 125.228L243.479 126.234C232.311 131.364 221.173 137.947 210.063 145.968C198.973 153.973 188.253 162.944 177.903 172.875C167.539 182.82 157.9 193.61 148.988 205.243C140.069 216.646 132.23 228.539 125.473 240.923L125.462 240.943L125.452 240.963C118.93 253.359 113.729 265.893 109.855 278.563C105.96 291.302 104 303.838 104 316.16C104 328.458 105.833 339.62 109.555 349.608C113.258 359.544 118.464 368.168 125.189 375.437C131.924 382.716 139.915 388.246 149.135 392.01C158.587 396.012 168.76 398 179.622 398C190.218 398 201.594 396.142 213.732 392.48C225.967 389.03 238.265 383.381 250.626 375.577C263.018 367.752 275.123 357.755 286.948 345.613L286.958 345.602L286.968 345.592C298.411 333.607 309.142 319.281 319.173 302.64C322.727 303.341 326.658 303.68 330.947 303.68C345.04 303.68 358.403 300.316 370.994 293.608C383.717 286.829 395.85 275.029 407.456 258.483L409.091 256.152L406.849 254.398L393.97 244.318L391.303 242.23L389.553 245.13C385.583 251.71 381.526 257.302 377.39 261.931C373.269 266.304 368.955 269.835 364.455 272.552L364.426 272.57L364.397 272.588C360.158 275.282 355.458 277.317 350.279 278.683C345.055 279.82 339.212 280.4 332.736 280.4H332.729H332.722H332.715H332.708H332.701H332.694H332.687H332.68H332.673H332.666H332.659H332.652H332.645H332.638H332.631H332.624H332.617H332.611H332.604H332.597H332.59H332.583H332.576H332.569H332.562H332.555H332.548H332.541H332.534H332.527H332.521H332.514H332.507H332.5H332.493H332.486H332.479H332.472H332.465H332.459H332.452H332.445H332.438H332.431H332.424H332.417H332.411H332.404H332.397H332.39H332.383H332.376H332.369H332.363H332.356H332.349H332.342H332.335H332.328H332.322H332.315H332.308H332.301H332.294H332.287H332.281H332.274H332.267H332.26H332.253H332.247H332.24H332.233H332.226H332.22H332.213H332.206H332.199H332.192H332.186H332.179H332.172H332.165H332.159H332.152H332.145H332.138H332.132H332.125H332.118H332.111H332.105H332.098H332.091H332.084H332.078H332.071H332.064H332.058H332.051H332.044H332.037H332.031H332.024H332.017H332.011H332.004H331.997H331.99H331.984H331.977H331.97H331.964H331.957H331.95H331.944H331.937H331.93H331.924H331.917H331.91H331.904H331.897H331.89H331.884H331.877H331.871H331.864H331.857H331.851H331.844H331.837H331.831H331.824H331.817H331.811H331.804H331.798H331.791H331.784H331.778H331.771H331.765H331.761C335.092 274.602 338.02 268.273 340.551 261.42C343.926 252.684 346.702 243.941 348.877 235.191C351.289 226.206 353.101 217.332 354.31 208.57C355.518 199.822 356.127 191.762 356.127 184.4C356.127 174.602 355.154 165.377 353.191 156.736C351.231 148.107 348.392 140.607 344.627 134.286C340.858 127.718 336.147 122.552 330.458 118.899C324.696 114.957 318.149 113 310.914 113C302.932 113 295.562 115.213 288.873 119.614C282.283 123.95 276.523 129.9 271.565 137.383L271.558 137.393L271.552 137.403C266.829 144.657 263.137 153.106 260.445 162.71C257.742 172.356 256.399 182.59 256.399 193.4C256.399 204.119 257.246 214.603 258.943 224.85L258.949 224.884L258.955 224.918C260.897 235.177 263.692 244.847 267.348 253.921L267.354 253.934L267.359 253.948C271.027 262.805 275.561 270.829 280.972 278.006L280.987 278.026L281.003 278.046ZM318.456 250.371L318.448 250.394L318.44 250.417C315.977 257.852 312.973 265.203 309.426 272.469C305.054 269.145 301.273 264.956 298.087 259.87C294.152 253.345 290.907 246.347 288.353 238.87C285.79 231.367 283.925 223.627 282.758 215.646C281.583 207.604 281.001 200.191 281.001 193.4C281.001 185.92 281.697 178.816 283.079 172.081C284.7 165.101 286.879 159.137 289.582 154.15L289.595 154.125L289.608 154.101C292.311 148.888 295.508 144.939 299.149 142.138L299.192 142.104L299.234 142.07C302.81 139.106 306.559 137.72 310.556 137.72C313.31 137.72 315.82 138.707 318.181 140.885L318.276 140.973L318.379 141.052C320.975 143.062 323.201 146.074 324.96 150.278L324.998 150.368L325.041 150.455C327.043 154.484 328.64 159.379 329.793 165.185C330.942 170.962 331.525 177.363 331.525 184.4C331.525 189.51 331.062 195.612 330.12 202.726L330.114 202.77L330.109 202.813C329.413 209.592 328.014 216.997 325.899 225.037L325.889 225.077L325.88 225.117C323.998 233.162 321.525 241.579 318.456 250.371Z' fill='#ffffff'/></svg>","preview_image":"https://api.orshot.com/v1/studio/dynamic-url/colorshot.jpg?templateId=21596&amp;sign=47a41f369a85ab20&amp;v=20261002","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://orshot.com/pricing"},"metrics":{"github_stars":15,"open_issues":0,"last_commit":"2026-10-20T16:53:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://orshot.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://orshot.com/r/registry.json","install_bun":"bunx shadcn@latest add https://orshot.com/r/registry.json","clone":"git clone https://github.com/rishimohan/colorshot.git","clone_degit":"npx degit rishimohan/colorshot","registry_fetch":"curl -s https://orshot.com/r/registry.json"},"component_count":1,"components":[{"name":"color-picker","title":"Color Picker","description":"Color and gradient picker for React: solid colors plus linear, radial and conic gradients, OKLCH, an eyedropper and swatch groups, themed with your shadcn/ui t…","type":"registry:ui","source_url":"https://orshot.com/r/color-picker.json","install_command":"npx shadcn@latest add https://orshot.com/r/color-picker.json"}]},{"id":"commercn","name":"@commercn","slug":"commercn","description":"A focused set of shadcn/ui blocks specifically for e-commerce UIs. Current catalog includes cart-item variants (cart-item-01, cart-item-02) with further blocks in progress. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, Motion animations, and Fumadocs for docs. Free and MIT-licensed. Use for: adding styled shopping-cart and checkout UI blocks to a Next.js e-commerce storefront without building cart components from scratch.","author":"Logging-Studio","framework":"react","license":null,"tags":["accessibility","aesthetic","animation","blocks","cards","e-commerce","loaders"],"categories":["E-commerce/payments"],"labels":[],"urls":{"website":"https://commercn.com","github":"https://github.com/Logging-Studio/Commercn","registry":"https://commercn.com/r/registry.json","source":"https://commercn.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/commercn","markdown":"https://sh4dcn.netlify.app/md/commercn.md"},"logo":null,"preview_image":"https://commercn-five.vercel.app/opengraph-image.png?opengraph-image.3tn-siv_r8gsp.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":81,"open_issues":1,"last_commit":"2026-08-07T09:21:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://commercn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://commercn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://commercn.com/r/registry.json","clone":"git clone https://github.com/Logging-Studio/Commercn.git","clone_degit":"npx degit Logging-Studio/Commercn","registry_fetch":"curl -s https://commercn.com/r/registry.json"},"component_count":17,"components":[{"name":"cart-01","title":"Cart 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/cart-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/cart-01.json"},{"name":"checkout-01","title":"Checkout 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/checkout-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/checkout-01.json"},{"name":"checkout-02","title":"Checkout 02","description":null,"type":"registry:block","source_url":"https://commercn.com/r/checkout-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/checkout-02.json"},{"name":"checkout-03","title":"Checkout 03","description":null,"type":"registry:block","source_url":"https://commercn.com/r/checkout-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/checkout-03.json"},{"name":"cart-02","title":"Cart 02","description":null,"type":"registry:block","source_url":"https://commercn.com/r/cart-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/cart-02.json"},{"name":"category-01","title":"Category 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/category-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-01.json"},{"name":"category-02","title":"Category 02","description":null,"type":"registry:block","source_url":"https://commercn.com/r/category-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-02.json"},{"name":"category-03","title":"Category 03","description":null,"type":"registry:block","source_url":"https://commercn.com/r/category-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-03.json"},{"name":"category-04","title":"Category 04","description":null,"type":"registry:block","source_url":"https://commercn.com/r/category-04.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-04.json"},{"name":"order-01","title":"Order 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/order-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/order-01.json"},{"name":"product-card-01","title":"Product Card 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/product-card-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-card-01.json"},{"name":"product-card-02","title":"Product Card 02","description":null,"type":"registry:block","source_url":"https://commercn.com/r/product-card-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-card-02.json"},{"name":"product-card-03","title":"Product Card 03","description":null,"type":"registry:block","source_url":"https://commercn.com/r/product-card-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-card-03.json"},{"name":"product-detail-01","title":"Product Detail 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/product-detail-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-detail-01.json"},{"name":"review-01","title":"Review 01","description":null,"type":"registry:block","source_url":"https://commercn.com/r/review-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/review-01.json"},{"name":"review-02","title":"Review 02","description":null,"type":"registry:block","source_url":"https://commercn.com/r/review-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/review-02.json"},{"name":"review-03","title":"Review 03","description":null,"type":"registry:block","source_url":"https://commercn.com/r/review-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/review-03.json"}]},{"id":"componentry","name":"@componentry","slug":"componentry","description":"Free, open-source React component library by Harsh Jadhav featuring beautiful, animated copy-paste components built with Tailwind CSS, TypeScript, and Framer Motion. Includes cursor-driven particle typography, dither-gradient effects, image trails, WebGL liquid backgrounds, scroll choreography, split-flap displays, pixel canvas, magnet lines, magnetic dock, and 30+ interactive components. Shadcn-compatible, MIT-licensed. Use for: adding high-visual-impact interactive animations and creative cursor/scroll effects to a product landing page or portfolio.","author":"harshjdhv","framework":"react","license":"MIT","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","cards","charts","design-system","glassmorphism","icons","maps","marketing","media","navigation","retro","saas"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://componentry.fun","github":"https://github.com/harshjdhv/componentry","registry":"https://componentry.fun/r/registry.json","source":"https://componentry.fun/r/registry.json","page":"https://sh4dcn.netlify.app/registry/componentry","markdown":"https://sh4dcn.netlify.app/md/componentry.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='120 120 272 272' fill='currentColor'><path d='M120 160Q120 120 160 120H260Q300 120 300 160V220H352Q392 220 392 260V352Q392 392 352 392H260Q220 392 220 352V292H160Q120 292 120 252Z'/></svg>","preview_image":"https://componentry.dev/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":621,"open_issues":1,"last_commit":"2026-10-12T18:36:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://componentry.fun/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://componentry.fun/r/registry.json","install_bun":"bunx shadcn@latest add https://componentry.fun/r/registry.json","clone":"git clone https://github.com/harshjdhv/componentry.git","clone_degit":"npx degit harshjdhv/componentry","registry_fetch":"curl -s https://componentry.fun/r/registry.json"},"component_count":57,"components":[{"name":"animated-gradient","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/animated-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/animated-gradient.json"},{"name":"ascii-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/ascii-effect.json","install_command":"npx shadcn@latest add https://componentry.fun/r/ascii-effect.json"},{"name":"aurora-flow","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/aurora-flow.json","install_command":"npx shadcn@latest add https://componentry.fun/r/aurora-flow.json"},{"name":"case-study-flip-stack","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/case-study-flip-stack.json","install_command":"npx shadcn@latest add https://componentry.fun/r/case-study-flip-stack.json"},{"name":"circuit-board","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/circuit-board.json","install_command":"npx shadcn@latest add https://componentry.fun/r/circuit-board.json"},{"name":"closing-plasma","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/closing-plasma.json","install_command":"npx shadcn@latest add https://componentry.fun/r/closing-plasma.json"},{"name":"collection-surfer","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/collection-surfer.json","install_command":"npx shadcn@latest add https://componentry.fun/r/collection-surfer.json"},{"name":"cursor-driven-particle-typography","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/cursor-driven-particle-typography.json","install_command":"npx shadcn@latest add https://componentry.fun/r/cursor-driven-particle-typography.json"},{"name":"dither-gradient","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/dither-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/dither-gradient.json"},{"name":"dither-prism-hero","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/dither-prism-hero.json","install_command":"npx shadcn@latest add https://componentry.fun/r/dither-prism-hero.json"},{"name":"dithered-logo","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/dithered-logo.json","install_command":"npx shadcn@latest add https://componentry.fun/r/dithered-logo.json"},{"name":"eye-tracking","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/eye-tracking.json","install_command":"npx shadcn@latest add https://componentry.fun/r/eye-tracking.json"},{"name":"fisheye-infinite-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/fisheye-infinite-grid.json","install_command":"npx shadcn@latest add https://componentry.fun/r/fisheye-infinite-grid.json"},{"name":"flight-status-card","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/flight-status-card.json","install_command":"npx shadcn@latest add https://componentry.fun/r/flight-status-card.json"},{"name":"flipping-word-swap","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/flipping-word-swap.json","install_command":"npx shadcn@latest add https://componentry.fun/r/flipping-word-swap.json"},{"name":"github-calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/github-calendar.json","install_command":"npx shadcn@latest add https://componentry.fun/r/github-calendar.json"},{"name":"hero-geometric","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/hero-geometric.json","install_command":"npx shadcn@latest add https://componentry.fun/r/hero-geometric.json"},{"name":"hover-transition","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/hover-transition.json","install_command":"npx shadcn@latest add https://componentry.fun/r/hover-transition.json"},{"name":"image-ripple-effect","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/image-ripple-effect.json","install_command":"npx shadcn@latest add https://componentry.fun/r/image-ripple-effect.json"},{"name":"image-trail","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/image-trail.json","install_command":"npx shadcn@latest add https://componentry.fun/r/image-trail.json"},{"name":"infinite-image-field","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/infinite-image-field.json","install_command":"npx shadcn@latest add https://componentry.fun/r/infinite-image-field.json"},{"name":"kinetic-text-reveal","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/kinetic-text-reveal.json","install_command":"npx shadcn@latest add https://componentry.fun/r/kinetic-text-reveal.json"},{"name":"layered-stack","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/layered-stack.json","install_command":"npx shadcn@latest add https://componentry.fun/r/layered-stack.json"},{"name":"letter-cascade","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/letter-cascade.json","install_command":"npx shadcn@latest add https://componentry.fun/r/letter-cascade.json"},{"name":"liquid-chrome","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/liquid-chrome.json","install_command":"npx shadcn@latest add https://componentry.fun/r/liquid-chrome.json"},{"name":"mac-keyboard","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/mac-keyboard.json","install_command":"npx shadcn@latest add https://componentry.fun/r/mac-keyboard.json"},{"name":"magnet-lines","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/magnet-lines.json","install_command":"npx shadcn@latest add https://componentry.fun/r/magnet-lines.json"},{"name":"magnetic-dock","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/magnetic-dock.json","install_command":"npx shadcn@latest add https://componentry.fun/r/magnetic-dock.json"},{"name":"matrix-rain","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/matrix-rain.json","install_command":"npx shadcn@latest add https://componentry.fun/r/matrix-rain.json"},{"name":"music-player","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/music-player.json","install_command":"npx shadcn@latest add https://componentry.fun/r/music-player.json"},{"name":"newsletter-bookshelf","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/newsletter-bookshelf.json","install_command":"npx shadcn@latest add https://componentry.fun/r/newsletter-bookshelf.json"},{"name":"orbit-card-stack","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/orbit-card-stack.json","install_command":"npx shadcn@latest add https://componentry.fun/r/orbit-card-stack.json"},{"name":"pixel-canvas","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/pixel-canvas.json","install_command":"npx shadcn@latest add https://componentry.fun/r/pixel-canvas.json"},{"name":"pixel-image-trail","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/pixel-image-trail.json","install_command":"npx shadcn@latest add https://componentry.fun/r/pixel-image-trail.json"},{"name":"prism-gradient","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/prism-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/prism-gradient.json"},{"name":"ripple-transition","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/ripple-transition.json","install_command":"npx shadcn@latest add https://componentry.fun/r/ripple-transition.json"},{"name":"scroll-based-velocity","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/scroll-based-velocity.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-based-velocity.json"},{"name":"scroll-choreography","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/scroll-choreography.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-choreography.json"},{"name":"scroll-split-card","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/scroll-split-card.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-split-card.json"},{"name":"scroll-tilted-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/scroll-tilted-grid.json","install_command":"npx shadcn@latest add https://componentry.fun/r/scroll-tilted-grid.json"},{"name":"signature","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/signature.json","install_command":"npx shadcn@latest add https://componentry.fun/r/signature.json"},{"name":"silk-aurora","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/silk-aurora.json","install_command":"npx shadcn@latest add https://componentry.fun/r/silk-aurora.json"},{"name":"spiral-3d-slider","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/spiral-3d-slider.json","install_command":"npx shadcn@latest add https://componentry.fun/r/spiral-3d-slider.json"},{"name":"split-flap-display","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/split-flap-display.json","install_command":"npx shadcn@latest add https://componentry.fun/r/split-flap-display.json"},{"name":"sticky-scroll-cards","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/sticky-scroll-cards.json","install_command":"npx shadcn@latest add https://componentry.fun/r/sticky-scroll-cards.json"},{"name":"text-morph","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/text-morph.json","install_command":"npx shadcn@latest add https://componentry.fun/r/text-morph.json"},{"name":"text-repel","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/text-repel.json","install_command":"npx shadcn@latest add https://componentry.fun/r/text-repel.json"},{"name":"webgl-liquid","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/webgl-liquid.json","install_command":"npx shadcn@latest add https://componentry.fun/r/webgl-liquid.json"},{"name":"wheel-carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/wheel-carousel.json","install_command":"npx shadcn@latest add https://componentry.fun/r/wheel-carousel.json"},{"name":"annotated-text","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/annotated-text.json","install_command":"npx shadcn@latest add https://componentry.fun/r/annotated-text.json"},{"name":"grain-gradient","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/grain-gradient.json","install_command":"npx shadcn@latest add https://componentry.fun/r/grain-gradient.json"},{"name":"spectral-ribbon","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/spectral-ribbon.json","install_command":"npx shadcn@latest add https://componentry.fun/r/spectral-ribbon.json"},{"name":"liquid-glass-carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/liquid-glass-carousel.json","install_command":"npx shadcn@latest add https://componentry.fun/r/liquid-glass-carousel.json"},{"name":"lens-clock","title":null,"description":null,"type":"registry:ui","source_url":"https://componentry.fun/r/lens-clock.json","install_command":"npx shadcn@latest add https://componentry.fun/r/lens-clock.json"},{"name":"gradient-hero-01","title":null,"description":null,"type":"registry:block","source_url":"https://componentry.fun/r/gradient-hero-01.json","install_command":"npx shadcn@latest add https://componentry.fun/r/gradient-hero-01.json"},{"name":"pricing-01","title":null,"description":null,"type":"registry:block","source_url":"https://componentry.fun/r/pricing-01.json","install_command":"npx shadcn@latest add https://componentry.fun/r/pricing-01.json"},{"name":"pricing-02","title":null,"description":null,"type":"registry:block","source_url":"https://componentry.fun/r/pricing-02.json","install_command":"npx shadcn@latest add https://componentry.fun/r/pricing-02.json"}]},{"id":"contentbit","name":"@contentbit","slug":"contentbit","description":"React components that render Content Blocks: plain Markdown with schema-validated directive blocks. Built for content written by humans, CMSes, and LLMs.","author":"agonist","framework":"react","license":"MIT","tags":["ai","blocks","cms","navigation"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://contentbit.dev","github":"https://github.com/agonist/contentbit","registry":"https://contentbit.dev/r/registry.json","source":"https://contentbit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/contentbit","markdown":"https://sh4dcn.netlify.app/md/contentbit.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"400\" height=\"400\" viewBox=\"0 0 512 512\"><rect width=\"512\" height=\"512\" fill=\"var(--foreground)\"/><g fill=\"var(--background)\"><rect x=\"128\" y=\"160\" width=\"64\" height=\"64\"/><rect x=\"128\" y=\"288\" width=\"64\" height=\"64\"/><rect x=\"224\" y=\"160\" width=\"64\" height=\"64\"/><rect x=\"224\" y=\"288\" width=\"64\" height=\"64\"/><rect x=\"320\" y=\"160\" width=\"64\" height=\"64\"/><rect x=\"320\" y=\"288\" width=\"64\" height=\"64\"/></g></svg>","preview_image":"https://contentbit.dev/opengraph-image?bed602d72de384ee","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":17,"open_issues":1,"last_commit":"2026-09-29T05:14:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://contentbit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://contentbit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://contentbit.dev/r/registry.json","clone":"git clone https://github.com/agonist/contentbit.git","clone_degit":"npx degit agonist/contentbit","registry_fetch":"curl -s https://contentbit.dev/r/registry.json"},"component_count":20,"components":[{"name":"content-renderer","title":"Content Renderer","description":"Renders a validated Content Blocks document with the styled component pack.","type":"registry:component","source_url":"https://contentbit.dev/r/content-renderer.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/content-renderer.json"},{"name":"callout","title":"Callout Block","description":"Note, tip, warning, important, and TLDR callouts.","type":"registry:component","source_url":"https://contentbit.dev/r/callout.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/callout.json"},{"name":"steps","title":"Steps Block","description":"Numbered process steps.","type":"registry:component","source_url":"https://contentbit.dev/r/steps.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/steps.json"},{"name":"key-metrics","title":"Key Metrics Block","description":"Stat cards for scannable numbers.","type":"registry:component","source_url":"https://contentbit.dev/r/key-metrics.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/key-metrics.json"},{"name":"quick-ref","title":"Quick Reference Block","description":"Compact key/value reference card.","type":"registry:component","source_url":"https://contentbit.dev/r/quick-ref.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/quick-ref.json"},{"name":"comparison","title":"Comparison Block","description":"Two-option comparison table.","type":"registry:component","source_url":"https://contentbit.dev/r/comparison.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/comparison.json"},{"name":"pros-cons","title":"Pros & Cons Block","description":"Paired advantages and disadvantages.","type":"registry:component","source_url":"https://contentbit.dev/r/pros-cons.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/pros-cons.json"},{"name":"tabs","title":"Tabs Block","description":"Tabbed switcher for alternative methods.","type":"registry:component","source_url":"https://contentbit.dev/r/tabs.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/tabs.json"},{"name":"faq","title":"FAQ Block","description":"Accordion of question/answer pairs.","type":"registry:component","source_url":"https://contentbit.dev/r/faq.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/faq.json"},{"name":"generic-pack","title":"Generic Pack","description":"All Content Blocks components plus the renderer.","type":"registry:block","source_url":"https://contentbit.dev/r/generic-pack.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/generic-pack.json"},{"name":"astro-content-renderer","title":"Content Renderer (Astro)","description":"Renders a validated Content Blocks document with the styled component pack.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-content-renderer.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-content-renderer.json"},{"name":"astro-callout","title":"Callout Block (Astro)","description":"Note, tip, warning, important, and TLDR callouts.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-callout.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-callout.json"},{"name":"astro-steps","title":"Steps Block (Astro)","description":"Numbered process steps.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-steps.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-steps.json"},{"name":"astro-key-metrics","title":"Key Metrics Block (Astro)","description":"Stat cards for scannable numbers.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-key-metrics.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-key-metrics.json"},{"name":"astro-quick-ref","title":"Quick Reference Block (Astro)","description":"Compact key/value reference card.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-quick-ref.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-quick-ref.json"},{"name":"astro-comparison","title":"Comparison Block (Astro)","description":"Two-option comparison table.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-comparison.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-comparison.json"},{"name":"astro-pros-cons","title":"Pros & Cons Block (Astro)","description":"Paired advantages and disadvantages.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-pros-cons.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-pros-cons.json"},{"name":"astro-tabs","title":"Tabs Block (Astro)","description":"Tabbed switcher for alternative methods.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-tabs.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-tabs.json"},{"name":"astro-faq","title":"FAQ Block (Astro)","description":"Accordion of question/answer pairs.","type":"registry:component","source_url":"https://contentbit.dev/r/astro-faq.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-faq.json"},{"name":"astro-pack","title":"Astro Generic Pack","description":"The full styled Astro pack: all 8 generic blocks plus the content renderer.","type":"registry:block","source_url":"https://contentbit.dev/r/astro-pack.json","install_command":"npx shadcn@latest add https://contentbit.dev/r/astro-pack.json"}]},{"id":"corecn","name":"@corecn","slug":"corecn","description":"A collection of shadcn-based React components, charts, animated components, and blocks built by corecn.","author":null,"framework":"react","license":null,"tags":["animation","auth","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","tables"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://corecn.vercel.app","github":null,"registry":"https://corecn.vercel.app/r/registry.json","source":"https://corecn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/corecn","markdown":"https://sh4dcn.netlify.app/md/corecn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z'/><path d='M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z'/><path d='M15 13a4.5 4.5 0 0 1-3-4A4.5 4.5 0 0 1-3-4'/><path d='M17.5999,6.5a3,3,0,0,0,.3999-1.375'/><path d='M6.002,5.125A3,3,0,0,0,6.401,6.5'/><path d='M3.477,10.896a4,4,0,0,1,.585-.396'/><path d='M19.938,10.5a4,4,0,0,1,.5859.396'/><path d='M6,18a4,4,0,0,1-1.967-.516'/><path d='M19.967,17.484A4,4,0,0,1,18,18'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://corecn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://corecn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://corecn.vercel.app/r/registry.json","registry_fetch":"curl -s https://corecn.vercel.app/r/registry.json"},"component_count":67,"components":[{"name":"accordion","title":"Accordion","description":"CoreCN Accordion primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"CoreCN Alert Dialog primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/alert-dialog.json"},{"name":"alert","title":"Alert","description":"CoreCN Alert primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"CoreCN Aspect Ratio primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"CoreCN Attachment primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/attachment.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"CoreCN Avatar primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"CoreCN Badge primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/badge.json"},{"name":"brand-button","title":"Brand Button","description":"CoreCN Brand Button built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/brand-button.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/brand-button.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"CoreCN Breadcrumb primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"CoreCN Bubble primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/bubble.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/bubble.json"},{"name":"button-group","title":"Button Group","description":"CoreCN Button Group primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/button-group.json"},{"name":"button","title":"Button","description":"CoreCN Button primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/button.json"},{"name":"calendar","title":"Calendar","description":"CoreCN Calendar primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/calendar.json"},{"name":"card","title":"Card","description":"CoreCN Card primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/card.json"},{"name":"carousel","title":"Carousel","description":"CoreCN Carousel primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/carousel.json"},{"name":"chart","title":"Chart","description":"CoreCN Chart primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"CoreCN Checkbox primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"CoreCN Collapsible primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"CoreCN Combobox primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/combobox.json"},{"name":"command","title":"Command","description":"CoreCN Command primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/command.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"CoreCN Context Menu primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/context-menu.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"CoreCN Dialog primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/dialog.json"},{"name":"direction","title":"Direction","description":"CoreCN Direction primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/direction.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/direction.json"},{"name":"drawer","title":"Drawer","description":"CoreCN Drawer primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"CoreCN Dropdown Menu primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"CoreCN Empty primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/empty.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/empty.json"},{"name":"field","title":"Field","description":"CoreCN Field primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/field.json"},{"name":"form","title":"Form","description":"CoreCN Form primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/form.json"},{"name":"hover-card","title":"Hover Card","description":"CoreCN Hover Card primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/hover-card.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/hover-card.json"},{"name":"input-group","title":"Input Group","description":"CoreCN Input Group primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/input-group.json"},{"name":"input-otp","title":"Input Otp","description":"CoreCN Input Otp primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/input-otp.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/input-otp.json"},{"name":"input","title":"Input","description":"CoreCN Input primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/input.json"},{"name":"item","title":"Item","description":"CoreCN Item primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/item.json"},{"name":"kbd","title":"Kbd","description":"CoreCN Kbd primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/kbd.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/kbd.json"},{"name":"label","title":"Label","description":"CoreCN Label primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/label.json"},{"name":"marker","title":"Marker","description":"CoreCN Marker primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/marker.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/marker.json"},{"name":"menubar","title":"Menubar","description":"CoreCN Menubar primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/menubar.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/menubar.json"},{"name":"message-scroller","title":"Message Scroller","description":"CoreCN Message Scroller primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/message-scroller.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/message-scroller.json"},{"name":"message","title":"Message","description":"CoreCN Message primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/message.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/message.json"},{"name":"native-select","title":"Native Select","description":"CoreCN Native Select primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/native-select.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"CoreCN Navigation Menu primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/navigation-menu.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"CoreCN Pagination primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/pagination.json"},{"name":"popover","title":"Popover","description":"CoreCN Popover primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/popover.json"},{"name":"progress","title":"Progress","description":"CoreCN Progress primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"CoreCN Radio Group primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"CoreCN Resizable primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"CoreCN Scroll Area primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/scroll-area.json"},{"name":"select","title":"Select","description":"CoreCN Select primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/select.json"},{"name":"separator","title":"Separator","description":"CoreCN Separator primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/separator.json"},{"name":"sheet","title":"Sheet","description":"CoreCN Sheet primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"CoreCN Sidebar primitive built on shadcn/ui.","type":"registry:block","source_url":"https://corecn.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"CoreCN Skeleton primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/skeleton.json"},{"name":"slider","title":"Slider","description":"CoreCN Slider primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/slider.json"},{"name":"sonner","title":"Sonner","description":"CoreCN Sonner primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/sonner.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"CoreCN Spinner primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/spinner.json"},{"name":"switch","title":"Switch","description":"CoreCN Switch primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/switch.json"},{"name":"table","title":"Table","description":"CoreCN Table primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/table.json"},{"name":"tabs","title":"Tabs","description":"CoreCN Tabs primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"CoreCN Textarea primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/textarea.json"},{"name":"toggle-group","title":"Toggle Group","description":"CoreCN Toggle Group primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/toggle-group.json"},{"name":"toggle","title":"Toggle","description":"CoreCN Toggle primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"CoreCN Tooltip primitive built on shadcn/ui.","type":"registry:ui","source_url":"https://corecn.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/tooltip.json"},{"name":"stat-card","title":"Stat Card","description":"Dashboard metric card with title, value, and optional trend.","type":"registry:block","source_url":"https://corecn.vercel.app/r/stat-card.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/stat-card.json"},{"name":"hello-world","title":"Hello World","description":"A simple hello world component","type":"registry:component","source_url":"https://corecn.vercel.app/r/hello-world.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/hello-world.json"},{"name":"example-form","title":"Example Form","description":"A contact form with Zod validation.","type":"registry:component","source_url":"https://corecn.vercel.app/r/example-form.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/example-form.json"},{"name":"complex-component","title":"Complex Component","description":"A complex component showing hooks, libs and components.","type":"registry:component","source_url":"https://corecn.vercel.app/r/complex-component.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/complex-component.json"},{"name":"example-with-css","title":"Example with CSS","description":"A login form with a CSS file.","type":"registry:component","source_url":"https://corecn.vercel.app/r/example-with-css.json","install_command":"npx shadcn@latest add https://corecn.vercel.app/r/example-with-css.json"}]},{"id":"corr","name":"@corr","slug":"corr","description":"A personal shadcn-based registry by lcorrigan704 containing React components, charts, animated elements, and blocks accumulated over time. Built as a shared scratch-pad for reusable patterns; component list is modest and evolving. Stack is standard shadcn/ui + Tailwind CSS. Free and open source. Use for: referencing a small personal design-system's implementation patterns rather than as a comprehensive production library.","author":"lcorrigan704","framework":"react","license":"MIT","tags":["aesthetic","animation","blocks","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Personal/portfolio registry"],"labels":["pro"],"urls":{"website":"https://ui.corr.sh","github":"https://github.com/lcorrigan704/ui","registry":"https://ui.corr.sh/r/registry.json","source":"https://ui.corr.sh/r/registry.json","page":"https://sh4dcn.netlify.app/registry/corr","markdown":"https://sh4dcn.netlify.app/md/corr.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"><rect fill=\"#111111\" x=\"6\" y=\"6\" width=\"52\" height=\"52\" rx=\"14\"/><path fill=\"none\" stroke=\"#ffffff\" stroke-width=\"4.5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" d=\"M32 17 45 24.5v15L32 47 19 39.5v-15L32 17Z\"/><path fill=\"none\" stroke=\"#ffffff\" stroke-width=\"4.5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" d=\"M19 24.5 32 32l13-7.5\"/><path fill=\"none\" stroke=\"#ffffff\" stroke-width=\"4.5\" stroke-linejoin=\"round\" stroke-linecap=\"round\" d=\"M32 32v15\"/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.corr.sh/pricing"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-05-16T17:37:05Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.corr.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.corr.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.corr.sh/r/registry.json","clone":"git clone https://github.com/lcorrigan704/ui.git","clone_degit":"npx degit lcorrigan704/ui","registry_fetch":"curl -s https://ui.corr.sh/r/registry.json"},"component_count":60,"components":[{"name":"accordion-list","title":"Accordion List","description":"A clean accordion list wrapper for FAQs, settings, and dense help content.","type":"registry:component","source_url":"https://ui.corr.sh/r/accordion-list.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/accordion-list.json"},{"name":"animated-buttons","title":"Animated Buttons","description":"Animated action buttons that transition through hover, loading, and complete states.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-buttons.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-buttons.json"},{"name":"animated-copy-button","title":"Animated Copy Button","description":"A copy button that animates between idle and copied states.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-copy-button.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-copy-button.json"},{"name":"animated-dialog","title":"Animated Dialog","description":"A dialog wrapper with subtle Motion transitions for confirmation and form flows.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-dialog.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-dialog.json"},{"name":"animated-disclosure","title":"Animated Disclosure","description":"An expandable disclosure panel with vertical and horizontal motion directions.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-disclosure.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-disclosure.json"},{"name":"animated-list","title":"Animated List","description":"A generic list wrapper with Motion entry, exit, and reorder transitions.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-list.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-list.json"},{"name":"animated-number","title":"Animated Number","description":"A NumberFlow-powered animated number primitive for counters, timers, and metrics.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-number.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-number.json"},{"name":"animated-progress","title":"Animated Progress","description":"A smooth progress bar with determinate, semantic, and pending states.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-progress.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-progress.json"},{"name":"animated-spinner","title":"Animated Spinner","description":"A restrained Motion-powered spinner for buttons, cards, and async loading states.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-spinner.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-spinner.json"},{"name":"animated-toggle-card","title":"Animated Toggle Card","description":"Selectable cards with a shared animated active state.","type":"registry:component","source_url":"https://ui.corr.sh/r/animated-toggle-card.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/animated-toggle-card.json"},{"name":"area-chart","title":"Area Chart","description":"A styled EvilCharts area chart for showing trends with filled ranges, gradients, brushes, and selection states.","type":"registry:component","source_url":"https://ui.corr.sh/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/area-chart.json"},{"name":"audit-log","title":"Audit Log","description":"A timestamped activity log block for registry and product events.","type":"registry:block","source_url":"https://ui.corr.sh/r/audit-log.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/audit-log.json"},{"name":"availability","title":"Availability","description":"A draggable weekly availability scheduler for creating, resizing, moving, disabling, and deleting time spans.","type":"registry:component","source_url":"https://ui.corr.sh/r/availability.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/availability.json"},{"name":"bar-chart","title":"Bar Chart","description":"A styled EvilCharts bar chart for comparing categories with stacked, gradient, hatched, and horizontal variants.","type":"registry:component","source_url":"https://ui.corr.sh/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/bar-chart.json"},{"name":"carousel","title":"Carousel","description":"A center-snapping carousel primitive with responsive edge blur and button controls.","type":"registry:component","source_url":"https://ui.corr.sh/r/carousel.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/carousel.json"},{"name":"chart-empty-loading-error","title":"Chart Empty Loading Error","description":"A standardized chart state frame for ready, loading, empty, and error states.","type":"registry:component","source_url":"https://ui.corr.sh/r/chart-empty-loading-error.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/chart-empty-loading-error.json"},{"name":"code-block","title":"Code Block","description":"A copyable code block with line numbers, language selection, and lightweight language-aware syntax highlighting.","type":"registry:component","source_url":"https://ui.corr.sh/r/code-block.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/code-block.json"},{"name":"command-palette","title":"Command Palette","description":"A reusable command dialog wrapper for grouped actions, app navigation, and searchable command menus.","type":"registry:component","source_url":"https://ui.corr.sh/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/command-palette.json"},{"name":"component-health-panel","title":"Component Health Panel","description":"A registry health panel for dependencies, source files, JSON URLs, and install commands.","type":"registry:component","source_url":"https://ui.corr.sh/r/component-health-panel.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/component-health-panel.json"},{"name":"composed-chart","title":"Composed Chart","description":"A styled EvilCharts composed chart for mixing bars and lines in a single operational view.","type":"registry:component","source_url":"https://ui.corr.sh/r/composed-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/composed-chart.json"},{"name":"data-table","title":"Data Table","description":"A generic data table with search, sorting, row selection, CSV export, pagination, row actions, and destructive action confirmation.","type":"registry:component","source_url":"https://ui.corr.sh/r/data-table.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/data-table.json"},{"name":"date-picker-field","title":"Date Picker Field","description":"A date picker field with local-safe date normalization and optional ISO date string output.","type":"registry:component","source_url":"https://ui.corr.sh/r/date-picker-field.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/date-picker-field.json"},{"name":"destructive-gate","title":"Destructive Gate","description":"A dialog and mobile drawer confirmation that gates destructive actions behind a generated three-word phrase.","type":"registry:component","source_url":"https://ui.corr.sh/r/destructive-gate.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/destructive-gate.json"},{"name":"action-dialog","title":"Dialog","description":"A compact dialog wrapper for focused confirmation and form actions.","type":"registry:component","source_url":"https://ui.corr.sh/r/action-dialog.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/action-dialog.json"},{"name":"action-drawer","title":"Drawer","description":"A mobile-friendly drawer wrapper with title, description, content, and footer actions.","type":"registry:component","source_url":"https://ui.corr.sh/r/action-drawer.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/action-drawer.json"},{"name":"empty-state","title":"Empty State","description":"A small empty-state wrapper around the shadcn empty primitive with action slots and visual variants.","type":"registry:component","source_url":"https://ui.corr.sh/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/empty-state.json"},{"name":"file-manager","title":"File Manager","description":"A file manager block with upload, list/grid layout, and item actions.","type":"registry:block","source_url":"https://ui.corr.sh/r/file-manager.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/file-manager.json"},{"name":"file-upload-dropzone","title":"File Upload Dropzone","description":"A controlled drag-and-drop file upload field with selected file rows.","type":"registry:component","source_url":"https://ui.corr.sh/r/file-upload-dropzone.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/file-upload-dropzone.json"},{"name":"filters","title":"Filters","description":"A composable filter builder with searchable fields, operators, select and multiselect values, text validation, keyboard shortcuts, and i18n labels.","type":"registry:component","source_url":"https://ui.corr.sh/r/filters.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/filters.json"},{"name":"form-builder","title":"Form Builder","description":"A reusable form builder block with drag-and-drop fields, JSON definitions, previews, and keyed response data.","type":"registry:block","source_url":"https://ui.corr.sh/r/form-builder.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/form-builder.json"},{"name":"kanban","title":"Kanban","description":"A composable drag-and-drop kanban board with sortable columns, sortable cards, handles, overlays, and move callbacks.","type":"registry:component","source_url":"https://ui.corr.sh/r/kanban.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/kanban.json"},{"name":"key-value-list","title":"Key Value List","description":"A small definition-list component for metadata and registry payload details.","type":"registry:component","source_url":"https://ui.corr.sh/r/key-value-list.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/key-value-list.json"},{"name":"line-chart","title":"Line Chart","description":"A styled EvilCharts line chart for tracking change over time with dots, glow states, brushes, and buffer lines.","type":"registry:component","source_url":"https://ui.corr.sh/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/line-chart.json"},{"name":"mailbox","title":"Mailbox","description":"A responsive mailbox block with folders, message lists, compose flow, confirmations, and toast feedback.","type":"registry:block","source_url":"https://ui.corr.sh/r/mailbox.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/mailbox.json"},{"name":"metric-badge","title":"Metric Badge","description":"A small badge for counts, states, and operational tags with semantic tones.","type":"registry:component","source_url":"https://ui.corr.sh/r/metric-badge.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/metric-badge.json"},{"name":"metric-chart-card","title":"Metric Chart Card","description":"A compact metric card with animated numbers, deltas, and a small line, bar, or area chart.","type":"registry:component","source_url":"https://ui.corr.sh/r/metric-chart-card.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/metric-chart-card.json"},{"name":"notice-alert","title":"Notice Alert","description":"A restrained alert wrapper with info, success, warning, and destructive tones.","type":"registry:component","source_url":"https://ui.corr.sh/r/notice-alert.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/notice-alert.json"},{"name":"pie-chart","title":"Pie Chart","description":"A styled EvilCharts pie chart for showing parts of a whole with labels, legends, and donut variants.","type":"registry:component","source_url":"https://ui.corr.sh/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/pie-chart.json"},{"name":"presence-fade","title":"Presence Fade","description":"A tiny mount and unmount wrapper for fade, scale, and slide transitions.","type":"registry:component","source_url":"https://ui.corr.sh/r/presence-fade.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/presence-fade.json"},{"name":"preview-data-provider","title":"Preview Data Provider","description":"A shared mock data provider for consistent registry demos and examples.","type":"registry:component","source_url":"https://ui.corr.sh/r/preview-data-provider.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/preview-data-provider.json"},{"name":"preview-link","title":"Preview Link","description":"A link wrapper that shows a static page preview card on hover.","type":"registry:component","source_url":"https://ui.corr.sh/r/preview-link.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/preview-link.json"},{"name":"profile-avatar","title":"Profile Avatar","description":"An animated profile avatar preview that morphs from the trigger into a focused overlay.","type":"registry:component","source_url":"https://ui.corr.sh/r/profile-avatar.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/profile-avatar.json"},{"name":"project-card-carousel","title":"Project Card Carousel","description":"A responsive project carousel block with preview cards, edge blur, controls, stack badges, and contact-link handling.","type":"registry:block","source_url":"https://ui.corr.sh/r/project-card-carousel.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/project-card-carousel.json"},{"name":"radar-chart","title":"Radar Chart","description":"A styled EvilCharts radar chart for comparing multi-metric profiles across radial axes.","type":"registry:component","source_url":"https://ui.corr.sh/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/radar-chart.json"},{"name":"radial-chart","title":"Radial Chart","description":"A styled EvilCharts radial chart for circular totals, progress groups, and semi-radial layouts.","type":"registry:component","source_url":"https://ui.corr.sh/r/radial-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/radial-chart.json"},{"name":"registry-install-card","title":"Registry Install Card","description":"A registry install surface with copy actions, JSON links, and compact usage metrics.","type":"registry:component","source_url":"https://ui.corr.sh/r/registry-install-card.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/registry-install-card.json"},{"name":"resource-wiki","title":"Resource Wiki","description":"A reusable Markdown resource/wiki block with search, SPA-style page navigation, copy and download actions, and a curved table-of-contents indicator.","type":"registry:block","source_url":"https://ui.corr.sh/r/resource-wiki.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/resource-wiki.json"},{"name":"responsive-preview-shell","title":"Responsive Preview Shell","description":"A responsive preview utility with viewport controls and a smooth carousel with soft blurred edges.","type":"registry:component","source_url":"https://ui.corr.sh/r/responsive-preview-shell.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/responsive-preview-shell.json"},{"name":"sankey-chart","title":"Sankey Chart","description":"A styled EvilCharts sankey chart for weighted flows between stages.","type":"registry:component","source_url":"https://ui.corr.sh/r/sankey-chart.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/sankey-chart.json"},{"name":"screen-size-guard","title":"Screen Size Guard","description":"A responsive fallback wrapper for components that are not ready for smaller screens yet.","type":"registry:component","source_url":"https://ui.corr.sh/r/screen-size-guard.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/screen-size-guard.json"},{"name":"scroll-blur","title":"Scroll Blur","description":"A scroll utility with top, bottom, left, and right edge blurs plus optional snap-item helpers.","type":"registry:component","source_url":"https://ui.corr.sh/r/scroll-blur.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/scroll-blur.json"},{"name":"section-tabs","title":"Section Tabs","description":"A compact tabs wrapper for switching between related panels.","type":"registry:component","source_url":"https://ui.corr.sh/r/section-tabs.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/section-tabs.json"},{"name":"settings-page","title":"Settings Page","description":"A responsive settings page block with profile, notification, and security sections.","type":"registry:block","source_url":"https://ui.corr.sh/r/settings-page.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/settings-page.json"},{"name":"shimmer-skeleton","title":"Shimmer Skeleton","description":"A subtle shimmer skeleton for loading cards, lists, and table rows.","type":"registry:component","source_url":"https://ui.corr.sh/r/shimmer-skeleton.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/shimmer-skeleton.json"},{"name":"status-page","title":"Status Page","description":"A status page block with uptime metrics, GitHub-style day bars, service filtering, and incident history.","type":"registry:block","source_url":"https://ui.corr.sh/r/status-page.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/status-page.json"},{"name":"status-pill","title":"Status Pill","description":"A compact status badge with semantic color, icon, and label variants for operational interfaces.","type":"registry:component","source_url":"https://ui.corr.sh/r/status-pill.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/status-pill.json"},{"name":"stepper","title":"Stepper","description":"A compact horizontal or vertical stepper for install, publish, and form flows.","type":"registry:component","source_url":"https://ui.corr.sh/r/stepper.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/stepper.json"},{"name":"timeline","title":"Timeline","description":"A composable horizontal timeline with draggable slots, rows, drop validation, current-time markers, and custom slot rendering.","type":"registry:component","source_url":"https://ui.corr.sh/r/timeline.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/timeline.json"},{"name":"toast-action","title":"Toast Action","description":"A simple sonner toast trigger with title, description, and undo action.","type":"registry:component","source_url":"https://ui.corr.sh/r/toast-action.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/toast-action.json"},{"name":"typography-effects","title":"Typography Effects","description":"Motion typography utilities for shimmer text, cycling loading messages, and lyric-style active word emphasis.","type":"registry:component","source_url":"https://ui.corr.sh/r/typography-effects.json","install_command":"npx shadcn@latest add https://ui.corr.sh/r/typography-effects.json"}]},{"id":"coss","name":"@coss","slug":"coss","description":"The official Cal.com design system, formerly known as Origin UI, now under coss.com/ui. A modern, TypeScript-first component library built on Base UI (not Radix UI), designed for developers and AI-assisted tooling. Covers standard UI primitives with Cal.com's visual language — clean, minimal, developer-focused. Monorepo includes apps/origin legacy components. Free and open source. Use for: adopting the Cal.com design system's Base UI primitives when you want an alternative to Radix-based shadcn with a battle-tested real-world design system behind it.","author":"cosscom","framework":"react","license":"AGPL-3.0","tags":["ai","auth","buttons","cards","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","pro-available","tables"],"categories":["Design system"],"labels":["featured","pro","recently-updated"],"urls":{"website":"https://coss.com/ui","github":"https://github.com/cosscom/coss","registry":"https://coss.com/ui/r/registry.json","source":"https://coss.com/ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/coss","markdown":"https://sh4dcn.netlify.app/md/coss.md"},"logo":"<svg width='400' height='400' viewBox='0 0 400 400' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='400' height='400' fill='var(--foreground)'/><path d='M94.7002 158.006C102.05 157.902 108.623 159.196 114.42 161.888C120.217 164.579 124.823 168.306 128.239 173.067L112.091 186.266C110.228 183.471 107.795 181.245 104.793 179.589C101.895 177.933 98.6337 177.104 95.0107 177.104C90.5596 177.104 86.6777 178.191 83.3652 180.365C80.0528 182.435 77.4648 185.23 75.6016 188.75C73.8418 192.269 72.9619 196.151 72.9619 200.395C72.9619 204.536 73.8936 208.418 75.7568 212.041C77.7236 215.56 80.3634 218.407 83.6758 220.581C87.0918 222.651 91.0254 223.686 95.4766 223.686C99.5137 223.686 102.93 222.807 105.725 221.047C108.52 219.183 110.952 216.854 113.022 214.059L128.239 227.258C124.409 232.123 119.647 235.953 113.954 238.748C108.364 241.439 101.584 242.785 93.6133 242.785C87.8164 242.785 82.3818 241.698 77.3096 239.524C72.3409 237.35 67.9414 234.348 64.1113 230.518C60.2813 226.585 57.2793 222.082 55.1055 217.01C53.0352 211.834 52 206.296 52 200.395C52 192.528 53.8115 185.437 57.4346 179.123C61.1611 172.705 66.2334 167.581 72.6514 163.751C79.1728 159.921 86.5225 158.006 94.7002 158.006ZM171.283 158.161C179.668 158.161 187.069 160.076 193.487 163.906C200.009 167.736 205.081 172.86 208.704 179.278C212.431 185.696 214.294 192.787 214.294 200.551C214.294 208.314 212.431 215.405 208.704 221.823C205.081 228.138 200.009 233.21 193.487 237.04C187.069 240.87 179.668 242.785 171.283 242.785C163.002 242.785 155.601 240.87 149.079 237.04C142.558 233.21 137.434 228.138 133.707 221.823C130.084 215.405 128.272 208.314 128.272 200.551C128.272 192.787 130.084 185.696 133.707 179.278C137.434 172.86 142.558 167.736 149.079 163.906C155.601 160.076 163.002 158.161 171.283 158.161ZM250.784 158.006C257.306 158.006 262.896 158.989 267.555 160.956C272.213 162.923 276.612 166.598 280.753 171.98L265.535 183.626C263.568 180.52 261.343 178.295 258.858 176.949C256.478 175.604 253.941 174.931 251.25 174.931C248.352 174.931 245.919 175.5 243.952 176.639C242.089 177.777 241.157 179.589 241.157 182.073C241.157 183.419 241.778 184.765 243.021 186.11C244.263 187.352 247.265 188.595 252.026 189.837C259.894 191.804 265.898 194.133 270.039 196.824C274.179 199.412 277.026 202.362 278.579 205.675C280.132 208.987 280.908 212.662 280.908 216.699C280.908 221.668 279.511 226.119 276.716 230.053C274.024 233.986 270.297 237.092 265.535 239.369C260.877 241.646 255.546 242.785 249.542 242.785C235.982 242.785 224.802 238.075 216.003 228.655L230.133 215.767C236.033 222.392 242.348 225.705 249.076 225.705C252.699 225.705 255.442 224.928 257.306 223.376C259.272 221.72 260.256 219.701 260.256 217.32C260.256 215.871 259.894 214.629 259.169 213.594C258.548 212.559 257.15 211.575 254.977 210.643C252.906 209.712 249.749 208.78 245.505 207.849C238.259 206.089 232.876 203.915 229.356 201.327C225.837 198.739 223.508 195.841 222.369 192.632C221.23 189.423 220.661 186.11 220.661 182.694C220.661 175.655 223.301 169.807 228.58 165.148C233.963 160.387 241.364 158.006 250.784 158.006ZM317.959 158.006C324.48 158.006 330.07 158.989 334.729 160.956C339.387 162.923 343.786 166.598 347.927 171.98L332.71 183.626C330.743 180.52 328.518 178.295 326.033 176.949C323.652 175.603 321.116 174.931 318.425 174.931C315.526 174.931 313.094 175.5 311.127 176.639C309.264 177.777 308.332 179.589 308.332 182.073C308.332 183.419 308.953 184.765 310.195 186.11C311.438 187.352 314.44 188.595 319.201 189.837C327.068 191.804 333.072 194.133 337.213 196.824C341.354 199.412 344.2 202.362 345.753 205.675C347.306 208.987 348.082 212.662 348.082 216.699C348.082 221.668 346.685 226.119 343.89 230.053C341.198 233.986 337.472 237.092 332.71 239.369C328.052 241.646 322.721 242.785 316.717 242.785C303.156 242.785 291.977 238.075 283.178 228.655L297.308 215.767C303.208 222.392 309.522 225.705 316.251 225.705C319.874 225.705 322.617 224.929 324.48 223.376C326.447 221.72 327.431 219.701 327.431 217.32C327.431 215.871 327.068 214.629 326.344 213.594C325.723 212.558 324.325 211.575 322.151 210.643C320.081 209.712 316.924 208.78 312.68 207.849C305.434 206.089 300.051 203.915 296.531 201.327C293.012 198.739 290.683 195.841 289.544 192.632C288.405 189.423 287.836 186.11 287.836 182.694C287.836 175.655 290.476 169.807 295.755 165.148C301.138 160.387 308.539 158.006 317.959 158.006ZM171.283 177.26C166.832 177.26 162.95 178.347 159.638 180.52C156.325 182.591 153.737 185.386 151.874 188.905C150.114 192.425 149.234 196.307 149.234 200.551C149.234 204.691 150.114 208.521 151.874 212.041C153.737 215.56 156.325 218.407 159.638 220.581C162.95 222.651 166.832 223.686 171.283 223.686C175.734 223.686 179.616 222.651 182.929 220.581C186.241 218.407 188.777 215.56 190.537 212.041C192.4 208.521 193.332 204.691 193.332 200.551C193.332 196.307 192.4 192.425 190.537 188.905C188.777 185.386 186.241 182.591 182.929 180.52C179.616 178.347 175.734 177.26 171.283 177.26Z' fill='var(--background)'/></svg>","preview_image":"https://coss.com/ui/opengraph-image.png?opengraph-image.1ugkjktwqlc9_.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://coss.com/pricing"},"metrics":{"github_stars":5,"open_issues":1,"last_commit":"2026-10-26T21:05:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://coss.com/ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://coss.com/ui/r/registry.json","install_bun":"bunx shadcn@latest add https://coss.com/ui/r/registry.json","clone":"git clone https://github.com/cosscom/coss.git","clone_degit":"npx degit cosscom/coss","registry_fetch":"curl -s https://coss.com/ui/r/registry.json"},"component_count":250,"components":[{"name":"ui","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/ui.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/ui.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/accordion.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/alert.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/alert-dialog.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/alert-dialog.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/autocomplete.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/avatar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/badge.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/breadcrumb.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/button.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/button.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/calendar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/card.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/card.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/checkbox.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/checkbox.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/checkbox-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/checkbox-group.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/collapsible.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/combobox.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/combobox.json"},{"name":"composer","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/composer.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/composer.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/command.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/context-menu.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/dialog.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/drawer.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/empty.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/field.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/field.json"},{"name":"fieldset","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/fieldset.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/fieldset.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/form.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/form.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/frame.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/frame.json"},{"name":"group","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/group.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/input.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/input.json"},{"name":"otp-field","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/otp-field.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/otp-field.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/input-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/input-group.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/kbd.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/label.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/label.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/menu.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/menu.json"},{"name":"meter","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/meter.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/meter.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/number-field.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/pagination.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/popover.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/popover.json"},{"name":"preview-card","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/preview-card.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/preview-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/progress.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/radio-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/radio-group.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/scroll-area.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/select.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/select.json"},{"name":"segmented-control","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/segmented-control.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/segmented-control.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/separator.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/sheet.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/sidebar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/skeleton.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/slider.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/spinner.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/switch.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/table.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/tabs.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/textarea.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/toast.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/toggle.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/toggle-group.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toggle-group.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/toolbar.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/toolbar.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://coss.com/ui/r/tooltip.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/tooltip.json"},{"name":"chat","title":null,"description":"Composable chat components with messages, reactions, replies, and delivery states.","type":"registry:ui","source_url":"https://coss.com/ui/r/chat.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/chat.json"},{"name":"chat-demo","title":null,"description":"An interactive group chat with a responsive drawer and conversation states.","type":"registry:block","source_url":"https://coss.com/ui/r/chat-demo.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/chat-demo.json"},{"name":"p-accordion-1","title":null,"description":"Basic accordion","type":"registry:block","source_url":"https://coss.com/ui/r/p-accordion-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-accordion-1.json"},{"name":"p-accordion-2","title":null,"description":"Accordion with one panel open","type":"registry:block","source_url":"https://coss.com/ui/r/p-accordion-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-accordion-2.json"},{"name":"p-accordion-3","title":null,"description":"Accordion allowing multiple panels open","type":"registry:block","source_url":"https://coss.com/ui/r/p-accordion-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-accordion-3.json"},{"name":"p-accordion-4","title":null,"description":"Controlled accordion","type":"registry:block","source_url":"https://coss.com/ui/r/p-accordion-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-accordion-4.json"},{"name":"p-alert-1","title":null,"description":"Basic alert","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-1.json"},{"name":"p-alert-2","title":null,"description":"Alert with icon","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-2.json"},{"name":"p-alert-3","title":null,"description":"Alert with icon and action buttons","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-3.json"},{"name":"p-alert-4","title":null,"description":"Info alert","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-4.json"},{"name":"p-alert-5","title":null,"description":"Success alert","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-5.json"},{"name":"p-alert-6","title":null,"description":"Warning alert","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-6.json"},{"name":"p-alert-7","title":null,"description":"Error alert","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-7.json"},{"name":"p-alert-dialog-1","title":null,"description":"Alert dialog","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-dialog-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-dialog-1.json"},{"name":"p-alert-dialog-2","title":null,"description":"Alert dialog with bare footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-alert-dialog-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-alert-dialog-2.json"},{"name":"p-autocomplete-1","title":null,"description":"Basic autocomplete","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-1.json"},{"name":"p-autocomplete-2","title":null,"description":"Disabled autocomplete","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-2.json"},{"name":"p-autocomplete-3","title":null,"description":"Small autocomplete","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-3.json"},{"name":"p-autocomplete-4","title":null,"description":"Large autocomplete","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-4.json"},{"name":"p-autocomplete-5","title":null,"description":"Autocomplete with label","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-5.json"},{"name":"p-autocomplete-6","title":null,"description":"Autocomplete autofilling the input with the highlighted item","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-6.json"},{"name":"p-autocomplete-7","title":null,"description":"Autocomplete auto highlighting the first option","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-7.json"},{"name":"p-autocomplete-8","title":null,"description":"Autocomplete with clear button","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-8.json"},{"name":"p-autocomplete-9","title":null,"description":"Autocomplete with trigger and clear buttons","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-9.json"},{"name":"p-autocomplete-10","title":null,"description":"Autocomplete with grouped items","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-10.json"},{"name":"p-autocomplete-11","title":null,"description":"Autocomplete with limited number of results","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-11.json"},{"name":"p-autocomplete-12","title":null,"description":"Autocomplete with async items loading","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-12.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-12.json"},{"name":"p-autocomplete-13","title":null,"description":"Autocomplete form","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-13.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-13.json"},{"name":"p-autocomplete-14","title":null,"description":"Autocomplete form","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-14.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-14.json"},{"name":"p-autocomplete-15","title":null,"description":"Pill-shaped autocomplete","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-15.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-15.json"},{"name":"p-autocomplete-16","title":null,"description":"Address autocomplete with Google Maps Places API","type":"registry:block","source_url":"https://coss.com/ui/r/p-autocomplete-16.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-autocomplete-16.json"},{"name":"p-avatar-1","title":null,"description":"Avatar with image and fallback","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-1.json"},{"name":"p-avatar-2","title":null,"description":"Fallback-only avatar","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-2.json"},{"name":"p-avatar-6","title":null,"description":"Avatar with user icon fallback","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-6.json"},{"name":"p-avatar-3","title":null,"description":"Avatars with different sizes","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-3.json"},{"name":"p-avatar-19","title":null,"description":"Avatars sized from a parent element","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-19.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-19.json"},{"name":"p-avatar-4","title":null,"description":"Avatars with different radii","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-4.json"},{"name":"p-avatar-17","title":null,"description":"Avatar rendered as a button","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-17.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-17.json"},{"name":"p-avatar-18","title":null,"description":"Avatar rendered as a link","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-18.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-18.json"},{"name":"p-avatar-20","title":null,"description":"Avatar with a tooltip","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-20.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-20.json"},{"name":"p-avatar-7","title":null,"description":"Avatar with emerald status dot","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-7.json"},{"name":"p-avatar-8","title":null,"description":"Avatar with muted status dot","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-8.json"},{"name":"p-avatar-9","title":null,"description":"Rounded avatar with top-right emerald status","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-9.json"},{"name":"p-avatar-10","title":null,"description":"Avatar with notification badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-10.json"},{"name":"p-avatar-11","title":null,"description":"Rounded avatar with notification badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-11.json"},{"name":"p-avatar-12","title":null,"description":"Avatar with verified badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-12.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-12.json"},{"name":"p-avatar-5","title":null,"description":"Overlapping avatar group","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-5.json"},{"name":"p-avatar-16","title":null,"description":"Avatar group with a count and the last avatar on top","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-16.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-16.json"},{"name":"p-avatar-15","title":null,"description":"Avatar group with the last avatar on top","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-15.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-15.json"},{"name":"p-avatar-21","title":null,"description":"Avatar group with a tooltip per member","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-21.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-21.json"},{"name":"p-avatar-13","title":null,"description":"Small overlapping avatar group","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-13.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-13.json"},{"name":"p-avatar-14","title":null,"description":"Large overlapping avatar group","type":"registry:block","source_url":"https://coss.com/ui/r/p-avatar-14.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-avatar-14.json"},{"name":"p-badge-1","title":null,"description":"Basic badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-1.json"},{"name":"p-badge-2","title":null,"description":"Outline badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-2.json"},{"name":"p-badge-3","title":null,"description":"Secondary badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-3.json"},{"name":"p-badge-4","title":null,"description":"Destructive badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-4.json"},{"name":"p-badge-5","title":null,"description":"Info badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-5.json"},{"name":"p-badge-6","title":null,"description":"Success badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-6.json"},{"name":"p-badge-7","title":null,"description":"Warning badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-7.json"},{"name":"p-badge-8","title":null,"description":"Error badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-8.json"},{"name":"p-badge-9","title":null,"description":"Small badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-9.json"},{"name":"p-badge-10","title":null,"description":"Large badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-10.json"},{"name":"p-badge-11","title":null,"description":"Badge with icon","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-11.json"},{"name":"p-badge-12","title":null,"description":"Badge with link","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-12.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-12.json"},{"name":"p-badge-13","title":null,"description":"Badge with count","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-13.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-13.json"},{"name":"p-badge-14","title":null,"description":"Full rounded badge (pill)","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-14.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-14.json"},{"name":"p-badge-15","title":null,"description":"Badge with number after text","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-15.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-15.json"},{"name":"p-badge-16","title":null,"description":"Status badge - Paid","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-16.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-16.json"},{"name":"p-badge-17","title":null,"description":"Status badge - Pending","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-17.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-17.json"},{"name":"p-badge-18","title":null,"description":"Status badge - Failed","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-18.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-18.json"},{"name":"p-badge-19","title":null,"description":"Selectable badge with checkbox","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-19.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-19.json"},{"name":"p-badge-20","title":null,"description":"Removable badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-badge-20.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-badge-20.json"},{"name":"p-breadcrumb-1","title":null,"description":"Breadcrumb with menu example","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-1.json"},{"name":"p-breadcrumb-2","title":null,"description":"Breadcrumb with custom separator","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-2.json"},{"name":"p-breadcrumb-3","title":null,"description":"Breadcrumb with home icon for home link only","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-3.json"},{"name":"p-breadcrumb-4","title":null,"description":"Breadcrumb with folders icon menu","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-4.json"},{"name":"p-breadcrumb-5","title":null,"description":"Breadcrumb with icons before text","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-5.json"},{"name":"p-breadcrumb-6","title":null,"description":"Breadcrumb with dot separators","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-6.json"},{"name":"p-breadcrumb-7","title":null,"description":"Breadcrumb with select dropdown","type":"registry:block","source_url":"https://coss.com/ui/r/p-breadcrumb-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-breadcrumb-7.json"},{"name":"p-button-1","title":null,"description":"Default button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-1.json"},{"name":"p-button-2","title":null,"description":"Outline button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-2.json"},{"name":"p-button-3","title":null,"description":"Secondary button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-3.json"},{"name":"p-button-4","title":null,"description":"Destructive button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-4.json"},{"name":"p-button-5","title":null,"description":"Destructive outline button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-5.json"},{"name":"p-button-6","title":null,"description":"Ghost button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-6.json"},{"name":"p-button-7","title":null,"description":"Link button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-7.json"},{"name":"p-button-8","title":null,"description":"Extra-small button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-8.json"},{"name":"p-button-9","title":null,"description":"Small button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-9.json"},{"name":"p-button-10","title":null,"description":"Large button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-10.json"},{"name":"p-button-11","title":null,"description":"Extra-large button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-11.json"},{"name":"p-button-12","title":null,"description":"Disabled button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-12.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-12.json"},{"name":"p-button-13","title":null,"description":"Icon button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-13.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-13.json"},{"name":"p-button-14","title":null,"description":"Small icon button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-14.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-14.json"},{"name":"p-button-15","title":null,"description":"Large icon button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-15.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-15.json"},{"name":"p-button-16","title":null,"description":"Button with icon","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-16.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-16.json"},{"name":"p-button-17","title":null,"description":"Link rendered as button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-17.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-17.json"},{"name":"p-button-41","title":null,"description":"Button using the built-in loading prop","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-41.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-41.json"},{"name":"p-button-18","title":null,"description":"Custom loading button with manual Spinner","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-18.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-18.json"},{"name":"p-button-19","title":null,"description":"Expandable show more/less toggle button","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-19.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-19.json"},{"name":"p-button-20","title":null,"description":"Back link button with chevron","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-20.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-20.json"},{"name":"p-button-21","title":null,"description":"Card-style button with heading and description","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-21.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-21.json"},{"name":"p-button-22","title":null,"description":"Directional pad control buttons","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-22.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-22.json"},{"name":"p-button-23","title":null,"description":"Outline like button with count","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-23.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-23.json"},{"name":"p-button-24","title":null,"description":"Social login icon buttons","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-24.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-24.json"},{"name":"p-button-26","title":null,"description":"Star button with count badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-26.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-26.json"},{"name":"p-button-27","title":null,"description":"Button group with QR code icon and sign in","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-27.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-27.json"},{"name":"p-button-28","title":null,"description":"Button with avatar","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-28.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-28.json"},{"name":"p-button-29","title":null,"description":"Pill-shaped button with rounded-full styling","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-29.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-29.json"},{"name":"p-button-30","title":null,"description":"Button with animated arrow on hover","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-30.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-30.json"},{"name":"p-button-31","title":null,"description":"Button with keyboard shortcut indicator","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-31.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-31.json"},{"name":"p-button-32","title":null,"description":"Button with notification badge","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-32.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-32.json"},{"name":"p-button-33","title":null,"description":"Paired buttons (Cancel/Save)","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-33.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-33.json"},{"name":"p-button-34","title":null,"description":"Button with animated status dot","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-34.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-34.json"},{"name":"p-button-35","title":null,"description":"Icon-only copy button with feedback","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-35.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-35.json"},{"name":"p-button-36","title":null,"description":"Copy button with feedback","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-36.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-36.json"},{"name":"p-button-37","title":null,"description":"Rotating icon button (FAB-style toggle)","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-37.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-37.json"},{"name":"p-button-39","title":null,"description":"Hamburger menu button with animated icon","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-39.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-39.json"},{"name":"p-button-40","title":null,"description":"Download button with progress and cancel action","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-40.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-40.json"},{"name":"p-button-38","title":null,"description":"Social login buttons (Google, X, GitHub)","type":"registry:block","source_url":"https://coss.com/ui/r/p-button-38.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-button-38.json"},{"name":"p-calendar-1","title":null,"description":"Basic calendar","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-1.json"},{"name":"p-calendar-3","title":null,"description":"Calendar with date range selection","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-3.json"},{"name":"p-calendar-4","title":null,"description":"Calendar with month/year dropdown navigation","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-4.json"},{"name":"p-calendar-5","title":null,"description":"Calendar with custom Select dropdown for month/year","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-5.json"},{"name":"p-calendar-6","title":null,"description":"Calendar with Combobox dropdown for month/year","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-6.json"},{"name":"p-calendar-7","title":null,"description":"Calendar with disabled dates","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-7.json"},{"name":"p-calendar-8","title":null,"description":"Calendar with multiple date selection","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-8.json"},{"name":"p-calendar-2","title":null,"description":"Calendar with custom cell size","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-2.json"},{"name":"p-calendar-9","title":null,"description":"Calendar with rounded day buttons","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-9.json"},{"name":"p-calendar-10","title":null,"description":"Calendar with rounded range selection style","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-10.json"},{"name":"p-calendar-11","title":null,"description":"Calendar with right-aligned navigation","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-11.json"},{"name":"p-calendar-12","title":null,"description":"Calendar with week numbers","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-12.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-12.json"},{"name":"p-calendar-13","title":null,"description":"Calendar with year-only combobox dropdown","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-13.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-13.json"},{"name":"p-calendar-14","title":null,"description":"Calendar without arrow navigation (dropdown only)","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-14.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-14.json"},{"name":"p-calendar-15","title":null,"description":"Calendar with current month button","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-15.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-15.json"},{"name":"p-calendar-16","title":null,"description":"Calendar with today button","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-16.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-16.json"},{"name":"p-calendar-17","title":null,"description":"Calendar with date input","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-17.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-17.json"},{"name":"p-calendar-18","title":null,"description":"Calendar with time input","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-18.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-18.json"},{"name":"p-calendar-19","title":null,"description":"Calendar with time slots (appointment picker)","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-19.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-19.json"},{"name":"p-calendar-20","title":null,"description":"Calendar with date presets","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-20.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-20.json"},{"name":"p-calendar-21","title":null,"description":"Range calendar with date presets","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-21.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-21.json"},{"name":"p-calendar-22","title":null,"description":"Two months calendar","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-22.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-22.json"},{"name":"p-calendar-23","title":null,"description":"Three months calendar","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-23.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-23.json"},{"name":"p-calendar-24","title":null,"description":"Pricing calendar with custom day buttons","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-24.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-24.json"},{"name":"p-calendar-25","title":null,"description":"Calendar with 24-hour autocomplete time input","type":"registry:block","source_url":"https://coss.com/ui/r/p-calendar-25.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-calendar-25.json"},{"name":"p-date-picker-1","title":null,"description":"Basic date picker","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-1.json"},{"name":"p-date-picker-2","title":null,"description":"Date range picker","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-2.json"},{"name":"p-date-picker-9","title":null,"description":"Two months calendar with range date","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-9.json"},{"name":"p-date-picker-3","title":null,"description":"Date picker with field and dropdown navigation","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-3.json"},{"name":"p-date-picker-4","title":null,"description":"Date picker with presets","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-4.json"},{"name":"p-date-picker-5","title":null,"description":"Date picker with input","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-5.json"},{"name":"p-date-picker-6","title":null,"description":"Date picker that closes on select","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-6.json"},{"name":"p-date-picker-7","title":null,"description":"Multiple dates picker","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-7.json"},{"name":"p-date-picker-8","title":null,"description":"Date picker with select-like trigger","type":"registry:block","source_url":"https://coss.com/ui/r/p-date-picker-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-date-picker-8.json"},{"name":"p-card-1","title":null,"description":"A basic card with header and footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-1.json"},{"name":"p-card-2","title":null,"description":"Authentication card with actions","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-2.json"},{"name":"p-card-3","title":null,"description":"Authentication card with separators","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-3.json"},{"name":"p-card-4","title":null,"description":"Framed card with footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-4.json"},{"name":"p-card-5","title":null,"description":"Framed card with header","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-5.json"},{"name":"p-card-6","title":null,"description":"Framed card with header and footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-6.json"},{"name":"p-card-7","title":null,"description":"Framed card with no rounded bottom","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-7.json"},{"name":"p-card-8","title":null,"description":"Card within a frame and footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-8.json"},{"name":"p-card-9","title":null,"description":"Card within a frame and footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-9.json"},{"name":"p-card-10","title":null,"description":"Card within a frame with header and footer","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-10.json"},{"name":"p-card-11","title":null,"description":"CardFrame with header action","type":"registry:block","source_url":"https://coss.com/ui/r/p-card-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-card-11.json"},{"name":"p-checkbox-1","title":null,"description":"Basic checkbox","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-1.json"},{"name":"p-checkbox-2","title":null,"description":"Disabled checkbox","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-2.json"},{"name":"p-checkbox-3","title":null,"description":"Checkbox with description","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-3.json"},{"name":"p-checkbox-4","title":null,"description":"Card-style checkbox","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-4.json"},{"name":"p-checkbox-5","title":null,"description":"Checkbox form","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-5.json"},{"name":"p-checkbox-group-1","title":null,"description":"Basic checkbox group","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-group-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-group-1.json"},{"name":"p-checkbox-group-2","title":null,"description":"Checkbox group with disabled items","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-group-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-group-2.json"},{"name":"p-checkbox-group-3","title":null,"description":"Checkbox group with parent checkbox","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-group-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-group-3.json"},{"name":"p-checkbox-group-4","title":null,"description":"Nested checkbox group with parent","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-group-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-group-4.json"},{"name":"p-checkbox-group-5","title":null,"description":"Checkbox group form","type":"registry:block","source_url":"https://coss.com/ui/r/p-checkbox-group-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-checkbox-group-5.json"},{"name":"p-collapsible-1","title":null,"description":"Basic collapsible","type":"registry:block","source_url":"https://coss.com/ui/r/p-collapsible-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-collapsible-1.json"},{"name":"p-combobox-1","title":null,"description":"Basic combobox","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-1.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-1.json"},{"name":"p-combobox-2","title":null,"description":"Disabled combobox","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-2.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-2.json"},{"name":"p-combobox-3","title":null,"description":"Small combobox","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-3.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-3.json"},{"name":"p-combobox-4","title":null,"description":"Large combobox","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-4.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-4.json"},{"name":"p-combobox-5","title":null,"description":"Combobox with label","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-5.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-5.json"},{"name":"p-combobox-6","title":null,"description":"Combobox auto highlighting the first option","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-6.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-6.json"},{"name":"p-combobox-7","title":null,"description":"Combobox with clear button","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-7.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-7.json"},{"name":"p-combobox-8","title":null,"description":"Combobox with grouped items","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-8.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-8.json"},{"name":"p-combobox-9","title":null,"description":"Combobox with multiple selection","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-9.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-9.json"},{"name":"p-combobox-10","title":null,"description":"Combobox with input inside popup","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-10.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-10.json"},{"name":"p-combobox-11","title":null,"description":"Combobox form","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-11.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-11.json"},{"name":"p-combobox-12","title":null,"description":"Combobox multiple form","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-12.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-12.json"},{"name":"p-combobox-13","title":null,"description":"Combobox with start addon","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-13.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-13.json"},{"name":"p-combobox-14","title":null,"description":"Combobox multiple with start addon","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-14.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-14.json"},{"name":"p-combobox-15","title":null,"description":"Pill-shaped combobox","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-15.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-15.json"},{"name":"p-combobox-16","title":null,"description":"Timezone combobox","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-16.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-16.json"},{"name":"p-combobox-17","title":null,"description":"Timezone combobox with search input","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-17.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-17.json"},{"name":"p-combobox-18","title":null,"description":"Combobox with select trigger","type":"registry:block","source_url":"https://coss.com/ui/r/p-combobox-18.json","install_command":"npx shadcn@latest add https://coss.com/ui/r/p-combobox-18.json"}]},{"id":"crafterui","name":"@crafterui","slug":"crafterui","description":"Motion and interaction components for React and Tailwind. 3D carousels, scroll letter reveals, a Dynamic Island, cursor hit-testing and rolling countdowns, installed with the CLI and owned as source.","author":"SriSomanaath","framework":"react","license":"MIT","tags":["3d","animation","blocks","cards","glassmorphism","media","navigation","overlays"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://crafterui.com","github":"https://github.com/SriSomanaath/crafterui","registry":"https://crafterui.com/r/registry.json","source":"https://crafterui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/crafterui","markdown":"https://sh4dcn.netlify.app/md/crafterui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor' role='img' aria-label='crafterui'><g transform='translate(0,256) scale(0.1,-0.1)'><path d='M1060 2208 l-10 -23 -17 -55 -18 -55 -100 -3 -99 -3 -17 -15 -17 -15 -16 -59 -17 -60 -98 0 -99 0 -21 -17 -20 -18 -136 -441 -135 -440 0 -25 0 -24 318 -318 318 -317 296 0 296 0 9 12 10 13 22 72 22 73 102 0 103 0 16 13 16 12 22 73 21 72 108 0 109 0 9 13 10 12 146 462 147 463 0 17 0 18 -293 293 -292 292 -343 0 -342 0 -10 -22z m660 -25 l0 -8 -24 -77 -24 -78 104 0 104 0 0 -14 0 -13 -13 -39 -14 -39 -7 -27 -6 -27 108 -3 108 -3 -131 -440 -132 -440 -121 -3 -121 -3 -23 -77 -24 -77 -126 -3 -126 -3 -20 -67 -21 -67 -6 -27 -7 -28 -299 0 -299 0 0 8 0 7 25 80 25 80 0 8 0 7 -105 0 -105 0 0 8 0 7 20 65 20 65 0 8 0 7 -95 0 -95 0 0 10 0 11 104 337 104 337 31 103 32 102 113 0 112 0 24 75 23 74 110 3 110 3 24 70 23 70 5 13 4 12 306 0 305 0 0 -7z'/><path d='M1125 1895 l-16 -55 -84 0 -83 0 -19 -62 -19 -63 -83 -5 -84 -5 -86 -285 -87 -285 68 -3 68 -3 0 -13 0 -13 -15 -49 -15 -49 0 -2 0 -3 75 0 75 0 0 -4 0 -3 -15 -43 -15 -43 0 -8 0 -9 194 0 193 0 17 60 17 59 82 3 82 3 18 58 18 57 84 0 84 0 35 113 35 112 55 175 54 175 -79 3 -79 3 0 13 0 13 15 43 15 43 0 8 0 9 -70 0 -70 0 6 28 7 27 8 23 9 23 0 5 0 4 -190 0 -189 0 -16 -55z m421 -163 l-7 -27 15 -20 14 -20 60 -5 59 -5 -32 -105 -33 -105 -42 -132 -41 -133 -72 0 -72 0 -15 -10 -15 -9 -16 -48 -16 -48 -73 -3 -74 -3 -12 -10 -12 -10 -12 -49 -12 -50 -139 0 -139 0 0 3 0 2 9 32 9 31 -15 21 -14 21 -30 0 -29 0 0 12 0 12 41 135 40 136 25 83 25 82 68 0 67 0 18 13 18 13 17 50 16 49 80 5 80 5 18 58 18 57 115 0 116 0 -6 -28z'/></g></svg>","preview_image":"https://crafterui.com/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-08-19T19:21:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://crafterui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://crafterui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://crafterui.com/r/registry.json","clone":"git clone https://github.com/SriSomanaath/crafterui.git","clone_degit":"npx degit SriSomanaath/crafterui","registry_fetch":"curl -s https://crafterui.com/r/registry.json"},"component_count":18,"components":[{"name":"arrow-tooltip","title":"Arrow Tooltip","description":"A tooltip with a fully outlined border arrow that stays seamlessly connected to the panel on every side, built on Radix UI.","type":"registry:ui","source_url":"https://crafterui.com/r/arrow-tooltip.json","install_command":"npx shadcn@latest add https://crafterui.com/r/arrow-tooltip.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"An Apple-style Dynamic Island that morphs between idle, ring, silent, and timer states with spring physics and blurred content cross-fades using Motion.","type":"registry:ui","source_url":"https://crafterui.com/r/dynamic-island.json","install_command":"npx shadcn@latest add https://crafterui.com/r/dynamic-island.json"},{"name":"countdown-timer","title":"Countdown Timer","description":"A full-screen countdown with fluid rolling digits, play/pause and reset controls, and auto-loop, built with NumberFlow and Motion.","type":"registry:ui","source_url":"https://crafterui.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://crafterui.com/r/countdown-timer.json"},{"name":"super-hover","title":"Super Hover","description":"Headless cursor hit-testing engine: tracks which element is under the pointer frame-by-frame, so hover keeps following the cursor even while the list scrolls b…","type":"registry:ui","source_url":"https://crafterui.com/r/super-hover.json","install_command":"npx shadcn@latest add https://crafterui.com/r/super-hover.json"},{"name":"super-hover-list","title":"Super Hover List","description":"A scrollable index whose active row — and its revealed artwork — keeps tracking the cursor while the list scrolls beneath it, unlike native hover, via frame-by…","type":"registry:ui","source_url":"https://crafterui.com/r/super-hover-list.json","install_command":"npx shadcn@latest add https://crafterui.com/r/super-hover-list.json"},{"name":"username-reel","title":"Username Reel","description":"A slot-machine handle picker that spins a vertical reel of names past a fixed prefix, highlighting the centered one, then decelerates and lands on a final user…","type":"registry:ui","source_url":"https://crafterui.com/r/username-reel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/username-reel.json"},{"name":"handwritten-response","title":"Handwritten Response","description":"An AI answer written out in marker pen: Caveat handwriting, a highlighter swipe, a hand-drawn circle and a crossed-out correction, with each word inking in as …","type":"registry:ui","source_url":"https://crafterui.com/r/handwritten-response.json","install_command":"npx shadcn@latest add https://crafterui.com/r/handwritten-response.json"},{"name":"letter-reveal","title":"Letter Reveal","description":"Headline type that writes itself in on scroll, one letter at a time, with a synthesised tick as each lands. Letters take no space until they arrive, so a centr…","type":"registry:ui","source_url":"https://crafterui.com/r/letter-reveal.json","install_command":"npx shadcn@latest add https://crafterui.com/r/letter-reveal.json"},{"name":"hero-carousel","title":"Hero Carousel","description":"A full-bleed editorial hero driven by a filmstrip: cards share one top edge, the focused card unfurls to full height while its neighbours stay clipped to half,…","type":"registry:ui","source_url":"https://crafterui.com/r/hero-carousel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/hero-carousel.json"},{"name":"works-wheel","title":"Works Wheel","description":"A portfolio index that rests as a ring of cards around a title and, on the first notch of scroll, blows open into a vertical 3D drum you turn through - front c…","type":"registry:ui","source_url":"https://crafterui.com/r/works-wheel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/works-wheel.json"},{"name":"glass-lens-carousel","title":"Glass Lens Carousel","description":"A looping image strip that is never drawn straight to screen: it renders to an offscreen texture, then a fullscreen pass samples it back through a thick optica…","type":"registry:ui","source_url":"https://crafterui.com/r/glass-lens-carousel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/glass-lens-carousel.json"},{"name":"dither-helix-carousel","title":"Dither Helix Carousel","description":"A spiral column of cards, each mapped onto the surface of the cylinder it orbits so its outer edges retreat in depth. As cards travel away they pass through a …","type":"registry:ui","source_url":"https://crafterui.com/r/dither-helix-carousel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/dither-helix-carousel.json"},{"name":"molten-ring-carousel","title":"Molten Ring Carousel","description":"A carousel with no mesh and no image elements: every card is a rounded-box distance field, and one fullscreen pass takes a smooth minimum across all of them. C…","type":"registry:ui","source_url":"https://crafterui.com/r/molten-ring-carousel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/molten-ring-carousel.json"},{"name":"corridor-carousel","title":"Corridor Carousel","description":"A gallery you fly down instead of scroll through: four walls - left, right, ceiling and floor - papered with the same run of pictures, drifting out of the vani…","type":"registry:ui","source_url":"https://crafterui.com/r/corridor-carousel.json","install_command":"npx shadcn@latest add https://crafterui.com/r/corridor-carousel.json"},{"name":"spine-accordion","title":"Spine Accordion","description":"A shelf of work you open one piece at a time. Closed, every project is a hairline spine with its name set bottom-to-top along the edge; hover, tap or focus one…","type":"registry:ui","source_url":"https://crafterui.com/r/spine-accordion.json","install_command":"npx shadcn@latest add https://crafterui.com/r/spine-accordion.json"},{"name":"mercury-surface","title":"Mercury Surface","description":"Headless gooey-surface engine: an SVG metaball filter whose border never swells, because every working blur carries its own solved pair of alpha thresholds, pl…","type":"registry:ui","source_url":"https://crafterui.com/r/mercury-surface.json","install_command":"npx shadcn@latest add https://crafterui.com/r/mercury-surface.json"},{"name":"mercury-dial","title":"Mercury Dial","description":"A speed dial that bursts into droplets. The trigger swells while the drops gather inside it, each one oozes out under surface tension and then fires past full …","type":"registry:ui","source_url":"https://crafterui.com/r/mercury-dial.json","install_command":"npx shadcn@latest add https://crafterui.com/r/mercury-dial.json"},{"name":"mercury-menu","title":"Mercury Menu","description":"A dropdown the button pours out of itself. The trigger swells, the panel oozes up under its own weight and then fires into place on a pop spring with the rows …","type":"registry:ui","source_url":"https://crafterui.com/r/mercury-menu.json","install_command":"npx shadcn@latest add https://crafterui.com/r/mercury-menu.json"}]},{"id":"craftui","name":"@craftui","slug":"craftui","description":"Animated, interaction-first components for React: 70+ loaders, interactive SVG icons, plus blocks, sections and UI primitives. Built with Tailwind CSS v4 and Motion, with every animation hand-tuned rather than generated.","author":"craftUI012","framework":"react","license":"MIT","tags":["animation","blocks","design-system","hooks","icons","loaders","pro-available","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://www.craftui.space","github":"https://github.com/craftUI012/craftUI-Pro","registry":"https://www.craftui.space/r/registry.json","source":"https://www.craftui.space/r/registry.json","page":"https://sh4dcn.netlify.app/registry/craftui","markdown":"https://sh4dcn.netlify.app/md/craftui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='#24a0ed' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'><path d='M18.4 16.3c9.6-.7 18.6-.6 27.7.2 7 .6 10.8 5.1 10.7 11.2-.1 6.3-4 10.7-11 11.2-9 .6-17.9.6-27.2-.1-7-.6-10.8-5-10.7-11.2.1-6.1 3.8-10.7 10.5-11.3Z' /><path d='M45.6 20.3a7.3 7.3 0 0 1 .3 14.6 7.3 7.3 0 0 1-.3-14.6Z' /><path d='M8.3 52.6c15.6-.9 33.1-.8 48.7.1' stroke-width='2.6' /><path d='M8.1 49.6v5.6M56.9 49.8v5.6' stroke-width='2.6' /></svg>","preview_image":"https://www.craftui.space/og","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.craftui.space/pricing"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-26T14:15:30Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.craftui.space/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.craftui.space/r/registry.json","install_bun":"bunx shadcn@latest add https://www.craftui.space/r/registry.json","clone":"git clone https://github.com/craftUI012/craftUI-Pro.git","clone_degit":"npx degit craftUI012/craftUI-Pro","registry_fetch":"curl -s https://www.craftui.space/r/registry.json"},"component_count":7,"components":[{"name":"your-component","title":"Your Component","description":"A placeholder component. Replace this with your custom shadcn component.","type":"registry:ui","source_url":"https://www.craftui.space/r/your-component.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/your-component.json"},{"name":"hero-section","title":"Data panel hero","description":"Marketing hero with a cluster of data panels, rolling CTAs and a logo wall that cycles on scroll.","type":"registry:block","source_url":"https://www.craftui.space/r/hero-section.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/hero-section.json"},{"name":"benchmarks-section","title":"Competitor benchmarks","description":"Four metrics against competitors, each drawn as its own chart: isometric bars, unit field, radar and stacked slabs.","type":"registry:block","source_url":"https://www.craftui.space/r/benchmarks-section.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/benchmarks-section.json"},{"name":"team-section","title":"Team avatar grid","description":"Clustered avatars synced to a list of roles and bios.","type":"registry:block","source_url":"https://www.craftui.space/r/team-section.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/team-section.json"},{"name":"tables-section","title":"API keys table","description":"Search, filters, row selection, pagination, and create, rotate and delete dialogs.","type":"registry:block","source_url":"https://www.craftui.space/r/tables-section.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/tables-section.json"},{"name":"tables-section-02","title":"Support tickets table","description":"Help-desk queue with saved views, live SLA timers, inline status, priority and assignee, sorting, CSV export and a ticket detail sheet.","type":"registry:block","source_url":"https://www.craftui.space/r/tables-section-02.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/tables-section-02.json"},{"name":"hero-section-02","title":"Showreel wheel hero","description":"A hero with your work on a turning film wheel: drag, swipe or use the keys to spin it, with a live caption and a scrolling client row.","type":"registry:block","source_url":"https://www.craftui.space/r/hero-section-02.json","install_command":"npx shadcn@latest add https://www.craftui.space/r/hero-section-02.json"}]},{"id":"creative-tim","name":"@creative-tim","slug":"creative-tim","description":"Component library from Creative Tim built on top of shadcn/ui, providing pre-built React components and blocks organized into Application UI (modals, account settings, etc.) and additional marketing sections. Installable via a dedicated CLI or the standard shadcn CLI. Includes an AI Agents section with v0/Lovable/Claude integration guidance. Free to use; Creative Tim's broader ecosystem includes paid premium products. Use for: teams already familiar with Creative Tim's design aesthetic who want shadcn-compatible components with AI-workflow integration.","author":"creativetimofficial","framework":"react","license":"MIT","tags":["aesthetic","ai","blocks","components","design-system","marketing","overlays","pro-available"],"categories":["Component library (general)"],"labels":["featured","popular","pro"],"urls":{"website":"https://www.creative-tim.com/ui","github":"https://github.com/creativetimofficial/ui","registry":"https://www.creative-tim.com/ui/r/{name}.json","source":"https://www.creative-tim.com/ui/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/creative-tim","markdown":"https://sh4dcn.netlify.app/md/creative-tim.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 100 100' fill='none'><g clip-path='url(#clip0_95079_935)'><path d='M81.4347 17H18.5697C16.5982 17 15 18.5982 15 20.5697V50.5035C15 52.475 16.5982 54.0732 18.5697 54.0732H31.4678V83.4347C31.4666 84.381 31.8417 85.289 32.5105 85.9586C33.1792 86.6281 34.0867 87.0044 35.0331 87.0044H64.9669C66.9384 87.0044 68.5366 85.4062 68.5366 83.4347V54.0863H81.4347C82.381 54.0863 83.2885 53.7101 83.9573 53.0405C84.626 52.3709 85.0012 51.463 85 50.5166V20.5697C85.0012 19.6234 84.626 18.7154 83.9573 18.0458C83.2885 17.3762 82.381 17 81.4347 17ZM19.1377 21.1421H47.9311V49.9355H19.1377V21.1421ZM64.3989 82.8667H35.6055V54.0863H64.3989V82.8667ZM80.8623 49.9355H52.0688V21.1421H80.8623V49.9355Z' fill='var(--foreground)'/><path d='M38.6989 40.3057C39.5142 41.0709 40.7898 41.0507 41.5806 40.2599C42.3713 39.4692 42.3915 38.1936 41.6263 37.3782L35.0156 30.7676C34.205 29.9645 32.8987 29.9645 32.0882 30.7676L25.46 37.3782C24.909 37.8953 24.6834 38.6714 24.8712 39.4032C25.0591 40.1351 25.6305 40.7066 26.3624 40.8944C27.0943 41.0822 27.8703 40.8566 28.3874 40.3057L33.5344 35.1587L38.6989 40.3057Z' fill='var(--foreground)'/><path d='M61.3186 40.3057L66.4656 35.1587L71.6126 40.3057C72.428 41.0709 73.7036 41.0507 74.4943 40.2599C75.285 39.4692 75.3052 38.1936 74.54 37.3782L67.9293 30.7676C67.1187 29.9645 65.8125 29.9645 65.0019 30.7676L58.3912 37.3782C57.626 38.1936 57.6462 39.4692 58.4369 40.2599C59.2276 41.0507 60.5032 41.0709 61.3186 40.3057Z' fill='var(--foreground)'/><path d='M44.8508 63.6987C44.0343 62.9347 42.7587 62.9568 41.9692 63.7487C41.1796 64.5406 41.1613 65.8163 41.9278 66.6305L48.5385 73.2368C48.9263 73.6258 49.4529 73.8445 50.0022 73.8445C50.5515 73.8445 51.0781 73.6258 51.4659 73.2368L58.0766 66.6305C58.6003 66.1076 58.8053 65.345 58.6142 64.6299C58.4232 63.9149 57.8653 63.3561 57.1505 63.1641C56.4358 62.972 55.6729 63.1758 55.1492 63.6987L50.0022 68.8501L44.8508 63.6987Z' fill='var(--foreground)'/></g><defs><clipPath id='clip0_95079_935'><rect width='100' height='100' fill='white'/></clipPath></defs></svg>","preview_image":"https://raw.githubusercontent.com/creativetimofficial/ui/refs/heads/main/apps/www/public/opengraph-image.png","pro":{"has_pro":true,"pro_url":"https://www.creative-tim.com/pricing","pricing_url":"https://www.creative-tim.com/pricing"},"metrics":{"github_stars":12088,"open_issues":19,"last_commit":"2026-03-14T20:41:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/creativetimofficial/ui.git","clone_degit":"npx degit creativetimofficial/ui","registry_fetch":"curl -s https://www.creative-tim.com/ui/r/{name}.json"},"component_count":0,"components":[]},{"id":"cubby-ui","name":"@cubby-ui","slug":"cubby-ui","description":"An opinionated component library with curated styling and simplified patterns for common use cases. Built on Base UI and Tailwind CSS 4.","author":"joncoronel","framework":"react","license":"MIT","tags":["animation","auth","blocks","buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.cubby-ui.dev","github":"https://github.com/joncoronel/cubby-ui","registry":"https://www.cubby-ui.dev/r/registry.json","source":"https://www.cubby-ui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/cubby-ui","markdown":"https://sh4dcn.netlify.app/md/cubby-ui.md"},"logo":"<svg width='354' height='354' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 354 354'><rect width='354' height='354' rx='70' ry='70' fill='#000000'/><g transform='translate(27, 70) scale(0.85)'><path d='m147.19,89.78a0.43,0.43 0 0 1 -0.65,0.37q-14.33,-8.4 -22.08,-13.59q-6.46,-4.32 -10.41,-5.08q-8.76,-1.68 -16.33,3.03q-20.02,12.45 -26.69,16.28q-7.52,4.32 -9.49,11.18q-0.74,2.58 -0.69,14.88q0.10,27.43 0.11,29.51q0.05,7.62 4.6,13.74q1.72,2.32 11.22,7.87q6.51,3.80 20.62,13.36q8.31,5.63 18.66,3.01q2.79,-0.71 9.20,-4.81q9.98,-6.38 17.89,-11.60c7.83,-5.17 14.43,-2.39 22.28,3.01q3.42,2.36 44.02,28.40a0.63,0.62 45.6 0 1 -0.01,1.06q-23.55,14.55 -75.18,46.15q-8.68,5.31 -14.07,6.82q-16.23,4.54 -30.73,-4.48q-64.66,-40.24 -67.20,-41.79q-8.36,-5.12 -11.28,-8.09c-6.43,-6.53 -9.97,-14.91 -10.88,-23.94q-0.10,-0.99 -0.10,-12.87q0,-71.48 0.12,-81.25q0.21,-15.83 9.92,-26.28q3.25,-3.49 16.03,-10.89q35.15,-20.32 65.60,-38.81c7.83,-4.74 18.85,-6.19 27.77,-3.91q3.67,0.94 10.20,4.79q8.94,5.27 16.58,10.78a2.35,2.34 -72.2 0 1 0.97,1.90l0,71.25z' fill='#ffffff'/><path d='m222.62,127.27q1.64,1.9 -0.03,0.24a0.15,0.15 0 0 1 0.18,-0.24q6.04,3.63 15.31,9.78c7.81,5.18 12.95,7.20 21.13,5.01q3.20,-0.86 8.85,-4.65q5.52,-3.70 11.51,-7.17q7.44,-4.30 9.57,-7.41q3.84,-5.59 3.86,-11.45q0.11,-40.11 0.56,-63.50q0.12,-5.92 0.45,-8.77c0.91,-8.08 5.65,-13.17 12.52,-17.06q23.02,-13.06 27.80,-15.91c5.09,-3.03 9.60,-4.45 14.55,-1.86c4.29,2.25 5.26,5.68 5.27,10.79q0.15,104.17 0.18,108.69q0.11,14.14 -0.34,17.21c-1.52,10.23 -6.18,20.67 -15.39,26.13q-30,17.78 -43.77,26.25q-19.42,11.95 -22.76,13.72c-12.98,6.89 -26.18,6 -38.05,-2.08q-1.39,-0.94 -11.46,-7.18a1.81,1.78 16.2 0 1 -0.85,-1.52l0,-68.68a0.52,0.52 0 0 1 0.91,-0.34z' fill='#ffffff'/><path d='m154.49,23.48a0.34,0.34 0 0 1 0.5,-0.25q8.92,4.96 19.32,11.88c11.38,7.59 15.60,9.96 27.71,17.35c6.23,3.81 11.74,8.90 12.50,16.69q0.67,6.76 0.58,15.48q-0.48,50.40 -0.23,107.33a0.34,0.34 0 0 1 -0.52,0.29q-38.91,-24.59 -43.58,-27.54c-10.24,-6.46 -16.18,-16.24 -16.27,-28.57c-0.25,-39.27 0.15,-69.33 -0.09,-110.76q-0.01,-1.14 0.08,-1.90z' fill='#ffffff'/></g></svg>","preview_image":"https://cubby-ui.dev/opengraph-image?82ba23759303584d","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":43,"open_issues":1,"last_commit":"2026-10-20T15:54:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.cubby-ui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.cubby-ui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.cubby-ui.dev/r/registry.json","clone":"git clone https://github.com/joncoronel/cubby-ui.git","clone_degit":"npx degit joncoronel/cubby-ui","registry_fetch":"curl -s https://www.cubby-ui.dev/r/registry.json"},"component_count":83,"components":[{"name":"accordion","title":"Accordion","description":"A accordion component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"A alert component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/alert.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/alert.json"},{"name":"alert-dialog","title":"Alert-dialog","description":"A alert-dialog component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/alert-dialog.json"},{"name":"all","title":"All Components","description":"Install all Cubby UI components with a single command.","type":"registry:block","source_url":"https://www.cubby-ui.dev/r/all.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/all.json"},{"name":"aspect-ratio","title":"Aspect-ratio","description":"A aspect-ratio component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/aspect-ratio.json"},{"name":"autocomplete","title":"Autocomplete","description":"A autocomplete component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"A avatar component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"A badge component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/badge.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/badge.json"},{"name":"base-drawer","title":"Base Drawer","description":"A base-drawer component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/base-drawer.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/base-drawer.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"A breadcrumbs component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/breadcrumbs.json"},{"name":"button","title":"Button","description":"A simple button component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/button.json"},{"name":"button-group","title":"Button Group","description":"A button-group component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/button-group.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A calendar component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/calendar.json"},{"name":"card","title":"Card","description":"A card component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/card.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"A checkbox component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox-group","description":"A checkbox-group component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/checkbox-group.json"},{"name":"circular-slider","title":"Circular Slider","description":"A circular-slider component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/circular-slider.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/circular-slider.json"},{"name":"code-block","title":"Code-block","description":"A code-block component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"A collapsible component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A combobox component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/combobox.json"},{"name":"command","title":"Command","description":"A command component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/command.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/command.json"},{"name":"context-menu","title":"Context-menu","description":"A context-menu component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/context-menu.json"},{"name":"copy-button","title":"Copy Button","description":"A copy-button component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/copy-button.json"},{"name":"data-table","title":"Data Table","description":"A data-table component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/data-table.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/data-table.json"},{"name":"date-picker","title":"Date-picker","description":"A date-picker component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/date-picker.json"},{"name":"date-range-picker","title":"Date-range-picker","description":"A date-range-picker component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/date-range-picker.json"},{"name":"date-utils","title":"dateUtils","description":"Small local-time date helpers shared by the calendar, the date pickers, and parse-date.","type":"registry:lib","source_url":"https://www.cubby-ui.dev/r/date-utils.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/date-utils.json"},{"name":"dialog","title":"Dialog","description":"A dialog component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A drawer component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown-menu","description":"A dropdown-menu component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/dropdown-menu.json"},{"name":"elevated","title":"elevated","description":"A utility function for elevated.","type":"registry:lib","source_url":"https://www.cubby-ui.dev/r/elevated.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/elevated.json"},{"name":"fancy-button","title":"Fancy Button","description":"A fancy-button component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/fancy-button.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/fancy-button.json"},{"name":"field","title":"Field","description":"A field component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/field.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"A fieldset component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/fieldset.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/fieldset.json"},{"name":"filters","title":"Filters","description":"A filter bar of sentence-like chips with per-field operators and a two-step add menu.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/filters.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/filters.json"},{"name":"form","title":"Form","description":"A form component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/form.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/form.json"},{"name":"highlight-text","title":"highlightText","description":"A utility function for highlight text.","type":"registry:lib","source_url":"https://www.cubby-ui.dev/r/highlight-text.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/highlight-text.json"},{"name":"input","title":"Input","description":"A input component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/input.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/input.json"},{"name":"input-group","title":"Input Group","description":"A input-group component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/input-group.json"},{"name":"kbd","title":"Kbd","description":"A kbd component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/kbd.json"},{"name":"label","title":"Label","description":"A label component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/label.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/label.json"},{"name":"marching-border","title":"Marching Border","description":"A marching-border component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/marching-border.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/marching-border.json"},{"name":"menubar","title":"Menubar","description":"A menubar component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/menubar.json"},{"name":"meter","title":"Meter","description":"A meter component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/meter.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/meter.json"},{"name":"navigation-menu","title":"Navigation-menu","description":"A navigation-menu component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":"A number-field component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/number-field.json"},{"name":"otp-field","title":"Otp Field","description":"A otp-field component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/otp-field.json"},{"name":"pagination","title":"Pagination","description":"A pagination component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/pagination.json"},{"name":"parse-date","title":"parseDate","description":"Forgiving parsers for dates people type: \"tomorrow\", \"next fri\", \"in 3 weeks\", \"mar 14\", \"14 March 2027\", \"3/14\", \"2026-03-14\", and ranges such as \"Oct 1 – 8, …","type":"registry:lib","source_url":"https://www.cubby-ui.dev/r/parse-date.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/parse-date.json"},{"name":"popover","title":"Popover","description":"A popover component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/popover.json"},{"name":"popup-search","title":"popupSearch","description":"Shared classes for popup list rows and the search field above them, so menus, Select, Combobox, Autocomplete and Filters can't drift.","type":"registry:lib","source_url":"https://www.cubby-ui.dev/r/popup-search.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/popup-search.json"},{"name":"preview-card","title":"Preview-card","description":"A preview-card component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/preview-card.json"},{"name":"progress","title":"Progress","description":"A progress component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/progress.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/progress.json"},{"name":"qr-code","title":"QR Code","description":"A from-scratch, zero-dependency QR code generator rendered as pure scalable SVG.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/qr-code.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/qr-code.json"},{"name":"radio-group","title":"Radio-group","description":"A radio-group component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"A resizable component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/resizable.json"},{"name":"scroll-area","title":"Scroll-area","description":"A scroll-area component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/scroll-area.json"},{"name":"scroll-fade","title":"Scroll Fade","description":"A CSS utility that fades the edges of any scroll container as you scroll, with no component required.","type":"registry:component","source_url":"https://www.cubby-ui.dev/r/scroll-fade.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/scroll-fade.json"},{"name":"select","title":"Select","description":"A select component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/select.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/select.json"},{"name":"separator","title":"Separator","description":"A separator component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/separator.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A sheet component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/sheet.json"},{"name":"shimmer","title":"Shimmer","description":"A CSS utility that sweeps an animated highlight across text for live status and streaming states, with no component required.","type":"registry:component","source_url":"https://www.cubby-ui.dev/r/shimmer.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/shimmer.json"},{"name":"skeleton","title":"Skeleton","description":"A skeleton component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A slider component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/slider.json"},{"name":"style","title":"Cubby UI Theme","description":"Initialize your project with Cubby UI's theme system including OKLCH colors and CSS variables.","type":"registry:style","source_url":"https://www.cubby-ui.dev/r/style.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/style.json"},{"name":"switch","title":"Switch","description":"A switch component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/switch.json"},{"name":"table","title":"Table","description":"A table component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/table.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabs component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/tabs.json"},{"name":"text-morph","title":"Text Morph","description":"Animates a label from one value to the next, glyph by glyph.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/text-morph.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/text-morph.json"},{"name":"textarea","title":"Textarea","description":"A textarea component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/textarea.json"},{"name":"timeline","title":"Timeline","description":"A timeline component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/timeline.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/timeline.json"},{"name":"toast","title":"Toast","description":"A toast component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/toast.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A toggle component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle-group","description":"A toggle-group component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"A toolbar component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/tooltip.json"},{"name":"transition-panel","title":"Transition Panel","description":"A transition-panel component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/transition-panel.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/transition-panel.json"},{"name":"tree","title":"Tree","description":"A tree component.","type":"registry:ui","source_url":"https://www.cubby-ui.dev/r/tree.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/tree.json"},{"name":"use-animated-height","title":"useAnimatedHeight","description":"A custom React hook for animated height.","type":"registry:hook","source_url":"https://www.cubby-ui.dev/r/use-animated-height.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/use-animated-height.json"},{"name":"use-controllable-state","title":"useControllableState","description":"A custom React hook for controllable state.","type":"registry:hook","source_url":"https://www.cubby-ui.dev/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/use-controllable-state.json"},{"name":"use-fuzzy-filter","title":"useFuzzyFilter","description":"A custom React hook for fuzzy filter.","type":"registry:hook","source_url":"https://www.cubby-ui.dev/r/use-fuzzy-filter.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/use-fuzzy-filter.json"},{"name":"use-list-virtualizer","title":"useListVirtualizer","description":"A custom React hook for list virtualizer.","type":"registry:hook","source_url":"https://www.cubby-ui.dev/r/use-list-virtualizer.json","install_command":"npx shadcn@latest add https://www.cubby-ui.dev/r/use-list-virtualizer.json"}]},{"id":"cult-ui","name":"@cult-ui","slug":"cult-ui","description":"A curated, shadcn-compatible open-source library with 60+ tastefully animated components (direction-aware tabs, dynamic island, family button/drawer, dock, distorted glass, dither effects, canvas fractal grid, color picker, code block, lightboard, and more) and 92+ full-stack AI agent UI patterns covering streaming chat, evaluator-optimizer, orchestrator, and routing patterns. Framer Motion-driven animations. Also offers Cult Pro (premium blocks) and 6 starter templates (Next.js + Supabase/Better Auth/Stripe). Free core; freemium for Pro/templates. Use for: adding carefully crafted animated primitives or full AI-chat UI patterns to a Next.js project.","author":"nolly-studio","framework":"react","license":"MIT","tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","retro","tables","text-effects"],"categories":["Animated components"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://www.cult-ui.com","github":"https://github.com/nolly-studio/cult-ui","registry":"https://cult-ui.com/r/registry.json","source":"https://cult-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/cult-ui","markdown":"https://sh4dcn.netlify.app/md/cult-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><style>.cls-1{fill:none;}</style></defs><g><rect class='cls-1' width='200' height='200'/><g><circle cx='100.18' cy='86.7' r='10.7'/><circle cx='78.79' cy='54.62' r='10.7'/><circle cx='121.57' cy='54.62' r='10.7'/><circle cx='100.18' cy='151.32' r='10.7'/><circle cx='78.79' cy='119.24' r='10.7'/><circle cx='121.57' cy='119.24' r='10.7'/></g></g></svg>","preview_image":"https://www.cult-ui.com/og","pro":{"has_pro":true,"pro_url":"https://pro.cult-ui.com","pricing_url":"https://pro.cult-ui.com"},"metrics":{"github_stars":6767,"open_issues":16,"last_commit":"2026-10-14T06:08:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://cult-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://cult-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://cult-ui.com/r/registry.json","clone":"git clone https://github.com/nolly-studio/cult-ui.git","clone_degit":"npx degit nolly-studio/cult-ui","registry_fetch":"curl -s https://cult-ui.com/r/registry.json"},"component_count":250,"components":[{"name":"text-animate","title":null,"description":"Animated text component with customizable reveal effects and timing","type":"registry:ui","source_url":"https://cult-ui.com/r/text-animate.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/text-animate.json"},{"name":"cosmic-button","title":null,"description":"Animated button/link with cosmic gradient border effect, renders as anchor or button","type":"registry:ui","source_url":"https://cult-ui.com/r/cosmic-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/cosmic-button.json"},{"name":"texture-button","title":null,"description":"Button component with texture overlay effects and customizable variants","type":"registry:ui","source_url":"https://cult-ui.com/r/texture-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-button.json"},{"name":"texture-card","title":null,"description":"Card component with texture background and customizable styling options","type":"registry:ui","source_url":"https://cult-ui.com/r/texture-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-card.json"},{"name":"timer","title":null,"description":"Countdown timer component with customizable duration and visual styles","type":"registry:ui","source_url":"https://cult-ui.com/r/timer.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/timer.json"},{"name":"shift-card","title":null,"description":"Card component with shift animation effects and hover interactions","type":"registry:ui","source_url":"https://cult-ui.com/r/shift-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shift-card.json"},{"name":"minimal-card","title":null,"description":"Clean and minimal card component with subtle styling and hover effects","type":"registry:ui","source_url":"https://cult-ui.com/r/minimal-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/minimal-card.json"},{"name":"cutout-card","title":null,"description":"Image card with cutout corners, hover motion, inset labels, pins, and reveal actions","type":"registry:ui","source_url":"https://cult-ui.com/r/cutout-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/cutout-card.json"},{"name":"dynamic-island","title":null,"description":"iOS-style dynamic island component with expandable content and smooth animations","type":"registry:ui","source_url":"https://cult-ui.com/r/dynamic-island.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dynamic-island.json"},{"name":"direction-aware-tabs","title":null,"description":"Tab component with direction-aware animations and smooth transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/direction-aware-tabs.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/direction-aware-tabs.json"},{"name":"bg-animate-button","title":null,"description":"Button component with animated background effects and gradient transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/bg-animate-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animate-button.json"},{"name":"border-beam-button","title":null,"description":"Shadcn Button wrapped in Border Beam: animated border glow with compact icon and text variants","type":"registry:ui","source_url":"https://cult-ui.com/r/border-beam-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/border-beam-button.json"},{"name":"family-button","title":null,"description":"Button component with family-style design and interactive hover effects","type":"registry:ui","source_url":"https://cult-ui.com/r/family-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/family-button.json"},{"name":"side-panel","title":null,"description":"Sliding side panel component with customizable positioning and animations","type":"registry:ui","source_url":"https://cult-ui.com/r/side-panel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/side-panel.json"},{"name":"bg-media","title":null,"description":"Background media component with video/image support and overlay effects","type":"registry:ui","source_url":"https://cult-ui.com/r/bg-media.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-media.json"},{"name":"three-d-carousel","title":null,"description":"3D carousel component with perspective effects and smooth item transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/three-d-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/three-d-carousel.json"},{"name":"tweet-grid","title":null,"description":"Grid layout component for displaying tweet-like content cards","type":"registry:ui","source_url":"https://cult-ui.com/r/tweet-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/tweet-grid.json"},{"name":"gradient-heading","title":null,"description":"Heading component with gradient text effects and customizable styling","type":"registry:ui","source_url":"https://cult-ui.com/r/gradient-heading.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gradient-heading.json"},{"name":"typewriter","title":null,"description":"Typewriter effect component with customizable typing speed and cursor animation","type":"registry:ui","source_url":"https://cult-ui.com/r/typewriter.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/typewriter.json"},{"name":"rolling-number","title":null,"description":"Number component with smooth counting animations and customizable formatting","type":"registry:ui","source_url":"https://cult-ui.com/r/rolling-number.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/rolling-number.json"},{"name":"sortable-list","title":null,"description":"Drag-and-drop sortable list component with smooth animations and reordering","type":"registry:ui","source_url":"https://cult-ui.com/r/sortable-list.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/sortable-list.json"},{"name":"dock","title":null,"description":"macOS-style dock component with hover effects and smooth animations","type":"registry:ui","source_url":"https://cult-ui.com/r/dock.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dock.json"},{"name":"lightboard","title":null,"description":"Interactive lightboard component with customizable grid and lighting effects","type":"registry:ui","source_url":"https://cult-ui.com/r/lightboard.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/lightboard.json"},{"name":"canvas-fractal-grid","title":null,"description":"Interactive canvas-based fractal dot grid with mouse tracking and wave effects","type":"registry:ui","source_url":"https://cult-ui.com/r/canvas-fractal-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/canvas-fractal-grid.json"},{"name":"bg-animated-fractal-dot-grid","title":null,"description":"Background animated fractal dot grid with performance optimization and responsive design","type":"registry:ui","source_url":"https://cult-ui.com/r/bg-animated-fractal-dot-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animated-fractal-dot-grid.json"},{"name":"bg-animated-gradient","title":null,"description":"Animated gradient background component with customizable color transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/bg-animated-gradient.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animated-gradient.json"},{"name":"bg-image-texture","title":null,"description":"Background texture component with multiple texture variants and customizable opacity","type":"registry:ui","source_url":"https://cult-ui.com/r/bg-image-texture.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-image-texture.json"},{"name":"popover","title":null,"description":"Animated popover component with form support and smooth transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/popover.json"},{"name":"floating-panel","title":null,"description":"Floating panel component with backdrop blur and position-aware animations","type":"registry:ui","source_url":"https://cult-ui.com/r/floating-panel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/floating-panel.json"},{"name":"color-picker","title":null,"description":"Interactive color picker component with HSL support and preset colors","type":"registry:ui","source_url":"https://cult-ui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/color-picker.json"},{"name":"shader-lens-blur","title":null,"description":"WebGL shader component with lens blur effects and mouse interaction","type":"registry:ui","source_url":"https://cult-ui.com/r/shader-lens-blur.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shader-lens-blur.json"},{"name":"edge-blur","title":null,"description":"Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges","type":"registry:ui","source_url":"https://cult-ui.com/r/edge-blur.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/edge-blur.json"},{"name":"dither-image","title":null,"description":"Compound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal overlays, and typed tuning props","type":"registry:ui","source_url":"https://cult-ui.com/r/dither-image.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dither-image.json"},{"name":"popover-form","title":null,"description":"Form popover component with success states and animated transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/popover-form.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/popover-form.json"},{"name":"expandable","title":null,"description":"Expandable component system with smooth animations and customizable presets","type":"registry:ui","source_url":"https://cult-ui.com/r/expandable.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/expandable.json"},{"name":"logo-carousel","title":null,"description":"Animated logo carousel with staggered animations and customizable columns","type":"registry:ui","source_url":"https://cult-ui.com/r/logo-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/logo-carousel.json"},{"name":"loading-carousel","title":null,"description":"Loading carousel component with smooth transitions and customizable content","type":"registry:ui","source_url":"https://cult-ui.com/r/loading-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/loading-carousel.json"},{"name":"hover-video-player","title":null,"description":"Video player component that plays on hover with smooth animations","type":"registry:ui","source_url":"https://cult-ui.com/r/hover-video-player.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hover-video-player.json"},{"name":"neumorph-eyebrow","title":null,"description":"Neumorphic eyebrow component with soft shadow effects and modern styling","type":"registry:ui","source_url":"https://cult-ui.com/r/neumorph-eyebrow.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/neumorph-eyebrow.json"},{"name":"neumorph-button","title":null,"description":"Neumorphic button component with soft shadows and tactile interaction effects","type":"registry:ui","source_url":"https://cult-ui.com/r/neumorph-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/neumorph-button.json"},{"name":"feature-carousel","title":null,"description":"Feature carousel component with smooth transitions and customizable layouts","type":"registry:ui","source_url":"https://cult-ui.com/r/feature-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-carousel.json"},{"name":"choice-poll","title":null,"description":"Poll component with single or multiple selection, optional results, and keyboard navigation","type":"registry:ui","source_url":"https://cult-ui.com/r/choice-poll.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/choice-poll.json"},{"name":"feature-poll","title":null,"description":"Feature poll component with single or multiple selection, optional results, and keyboard navigation","type":"registry:ui","source_url":"https://cult-ui.com/r/feature-poll.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-poll.json"},{"name":"feature-voting","title":null,"description":"List of features with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","type":"registry:ui","source_url":"https://cult-ui.com/r/feature-voting.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-voting.json"},{"name":"vote-tally","title":null,"description":"List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","type":"registry:ui","source_url":"https://cult-ui.com/r/vote-tally.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/vote-tally.json"},{"name":"poll-widget","title":null,"description":"Poll widget with inline, popover, and dialog modes, optional results, and animations","type":"registry:ui","source_url":"https://cult-ui.com/r/poll-widget.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/poll-widget.json"},{"name":"prompt-library","title":null,"description":"Browse, insert, and manage prompt templates with categories and custom prompts","type":"registry:ui","source_url":"https://cult-ui.com/r/prompt-library.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/prompt-library.json"},{"name":"ai-instructions","title":null,"description":"Manage and toggle AI instructions with a popover, search, and create-dialog","type":"registry:ui","source_url":"https://cult-ui.com/r/ai-instructions.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/ai-instructions.json"},{"name":"intro-disclosure","title":null,"description":"Intro disclosure component with expandable content and smooth animations","type":"registry:ui","source_url":"https://cult-ui.com/r/intro-disclosure.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/intro-disclosure.json"},{"name":"text-gif","title":null,"description":"Text component with GIF-like animation effects and customizable styling","type":"registry:ui","source_url":"https://cult-ui.com/r/text-gif.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/text-gif.json"},{"name":"stripe-bg-guides","title":null,"description":"Stripe-style background guides component with animated patterns and effects","type":"registry:ui","source_url":"https://cult-ui.com/r/stripe-bg-guides.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/stripe-bg-guides.json"},{"name":"svg-shapes","title":null,"description":"Wide-aspect SVG shape and panel components for backgrounds and hero decorations","type":"registry:ui","source_url":"https://cult-ui.com/r/svg-shapes.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-shapes.json"},{"name":"svg-shapes-animated","title":null,"description":"Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion","type":"registry:ui","source_url":"https://cult-ui.com/r/svg-shapes-animated.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-shapes-animated.json"},{"name":"svg-bands","title":null,"description":"Wide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames","type":"registry:ui","source_url":"https://cult-ui.com/r/svg-bands.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-bands.json"},{"name":"grid-beam","title":null,"description":"Canvas grid beam animation with palette presets, SVG dividers, and composable headless pieces via useGridBeam","type":"registry:ui","source_url":"https://cult-ui.com/r/grid-beam.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/grid-beam.json"},{"name":"youtube-video-player","title":null,"description":"YouTube video player component with custom controls and smooth animations","type":"registry:ui","source_url":"https://cult-ui.com/r/youtube-video-player.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/youtube-video-player.json"},{"name":"toolbar-expandable","title":null,"description":"Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling","type":"registry:ui","source_url":"https://cult-ui.com/r/toolbar-expandable.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/toolbar-expandable.json"},{"name":"texture-overlay","title":null,"description":"Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds","type":"registry:ui","source_url":"https://cult-ui.com/r/texture-overlay.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-overlay.json"},{"name":"squiggle-arrow","title":null,"description":"A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes","type":"registry:ui","source_url":"https://cult-ui.com/r/squiggle-arrow.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/squiggle-arrow.json"},{"name":"code-block","title":null,"description":"A beautiful code block component with tabs, copy functionality, and smooth animations","type":"registry:ui","source_url":"https://cult-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/code-block.json"},{"name":"mock-browser-window","title":null,"description":"A customizable browser window mockup component with support for Chrome, Safari, and generic styles, customizable sidebars, and themes","type":"registry:ui","source_url":"https://cult-ui.com/r/mock-browser-window.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/mock-browser-window.json"},{"name":"metal-button","title":null,"description":"Shadcn Button wrapped in MetalFx: animated liquid metal ring with text and icon variants","type":"registry:ui","source_url":"https://cult-ui.com/r/metal-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/metal-button.json"},{"name":"morph-surface","title":null,"description":"A morphing surface component with smooth animations, customizable dimensions, and configurable content","type":"registry:ui","source_url":"https://cult-ui.com/r/morph-surface.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/morph-surface.json"},{"name":"distorted-glass","title":null,"description":"A glass morphism effect component using SVG filters with fractal noise to create visual transitions between sections","type":"registry:ui","source_url":"https://cult-ui.com/r/distorted-glass.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/distorted-glass.json"},{"name":"family-drawer","title":null,"description":"A multi-view drawer component with smooth animations, view navigation, and customizable content views","type":"registry:ui","source_url":"https://cult-ui.com/r/family-drawer.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/family-drawer.json"},{"name":"expandable-screen","title":null,"description":"A full-screen expandable component with morphing animations using shared layout IDs for smooth transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/expandable-screen.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/expandable-screen.json"},{"name":"pixel-heading-character","title":null,"description":"Per-character pixel-font heading with four animation modes using Geist pixel fonts","type":"registry:ui","source_url":"https://cult-ui.com/r/pixel-heading-character.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-heading-character.json"},{"name":"pixel-heading-word","title":null,"description":"Whole-word pixel-font heading that swaps or cycles fonts on hover using Geist pixel fonts","type":"registry:ui","source_url":"https://cult-ui.com/r/pixel-heading-word.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-heading-word.json"},{"name":"pixel-paragraph-words-inverse","title":null,"description":"Paragraph in pixel font where specific words escape into interactive sans/mono with hover swap or cycle","type":"registry:ui","source_url":"https://cult-ui.com/r/pixel-paragraph-words-inverse.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-paragraph-words-inverse.json"},{"name":"pixel-paragraph-words","title":null,"description":"Paragraph where specific words render in an interactive pixel font that swaps or cycles on hover","type":"registry:ui","source_url":"https://cult-ui.com/r/pixel-paragraph-words.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-paragraph-words.json"},{"name":"onboarding","title":null,"description":"Composable multi-step onboarding primitives: Onboarding root with step navigation, FeatureCarousel, ChoiceGroup radio selector, TipsList, and StepIndicator wit…","type":"registry:ui","source_url":"https://cult-ui.com/r/onboarding.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/onboarding.json"},{"name":"gradient-button-group","title":null,"description":"Premium layered button group with animated active state, gradient ring accents, and theme toggle underlay","type":"registry:ui","source_url":"https://cult-ui.com/r/gradient-button-group.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gradient-button-group.json"},{"name":"terminal-animation","title":null,"description":"Composable terminal animation primitives with typed command playback, tabbed scenarios, and customizable output rendering","type":"registry:ui","source_url":"https://cult-ui.com/r/terminal-animation.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/terminal-animation.json"},{"name":"hero-dithering","title":null,"description":"Split-layout hero section with responsive dithering shader visuals, CTA, and tech stack badges","type":"registry:ui","source_url":"https://cult-ui.com/r/hero-dithering.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-dithering.json"},{"name":"hero-color-panel","title":null,"description":"Split-layout hero section with responsive ColorPanels shader visuals, CTA, and tech stack badges","type":"registry:ui","source_url":"https://cult-ui.com/r/hero-color-panel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-color-panel.json"},{"name":"hero-static-radial-gradient","title":null,"description":"Split-layout hero section with responsive StaticRadialGradient shader visuals, CTA, and tech stack badges","type":"registry:ui","source_url":"https://cult-ui.com/r/hero-static-radial-gradient.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-static-radial-gradient.json"},{"name":"hero-heatmap","title":null,"description":"Split-layout hero section with responsive Heatmap shader visuals, CTA, and tech stack badges","type":"registry:ui","source_url":"https://cult-ui.com/r/hero-heatmap.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-heatmap.json"},{"name":"hero-liquid-metal","title":null,"description":"Split-layout hero section with responsive LiquidMetal shader visuals, CTA, and tech stack badges","type":"registry:ui","source_url":"https://cult-ui.com/r/hero-liquid-metal.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-liquid-metal.json"},{"name":"base-select","title":null,"description":"Base UI select primitives used by Halo Select","type":"registry:ui","source_url":"https://cult-ui.com/r/base-select.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/base-select.json"},{"name":"base-tooltip","title":null,"description":"Base UI tooltip primitives used by Apple Pro Display XDR","type":"registry:ui","source_url":"https://cult-ui.com/r/base-tooltip.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/base-tooltip.json"},{"name":"gateway-endpoint-illustration","title":null,"description":"Illustration for gateway endpoint concepts","type":"registry:ui","source_url":"https://cult-ui.com/r/gateway-endpoint-illustration.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gateway-endpoint-illustration.json"},{"name":"gateway-route-illustration","title":null,"description":"Illustration for gateway routing","type":"registry:ui","source_url":"https://cult-ui.com/r/gateway-route-illustration.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gateway-route-illustration.json"},{"name":"gateway-svg-illustration","title":null,"description":"SVG illustration for gateway overhead","type":"registry:ui","source_url":"https://cult-ui.com/r/gateway-svg-illustration.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gateway-svg-illustration.json"},{"name":"illustration-card-grid","title":null,"description":"Grid of cards with gateway illustrations","type":"registry:ui","source_url":"https://cult-ui.com/r/illustration-card-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-card-grid.json"},{"name":"illustration-cursor","title":null,"description":"Cursor illustration and demo for collaboration UI","type":"registry:ui","source_url":"https://cult-ui.com/r/illustration-cursor.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-cursor.json"},{"name":"illustration-comment-bubble","title":null,"description":"Comment bubble illustration for code or chat UI","type":"registry:ui","source_url":"https://cult-ui.com/r/illustration-comment-bubble.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-comment-bubble.json"},{"name":"illustration-fluid-rendering","title":null,"description":"Fluid rendering illustration","type":"registry:ui","source_url":"https://cult-ui.com/r/illustration-fluid-rendering.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-fluid-rendering.json"},{"name":"illustration-globe-vercel","title":null,"description":"Globe deployment illustration","type":"registry:ui","source_url":"https://cult-ui.com/r/illustration-globe-vercel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-globe-vercel.json"},{"name":"illustration-graph","title":null,"description":"Graph illustration component","type":"registry:ui","source_url":"https://cult-ui.com/r/illustration-graph.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-graph.json"},{"name":"tabs-illustration-vercel","title":null,"description":"Tabs with Vercel-style illustrations","type":"registry:ui","source_url":"https://cult-ui.com/r/tabs-illustration-vercel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/tabs-illustration-vercel.json"},{"name":"circuit-board","title":null,"description":"Animated SVG circuit illustration with glowing traces and a central chip, for hero or product sections","type":"registry:ui","source_url":"https://cult-ui.com/r/circuit-board.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/circuit-board.json"},{"name":"fluid-ai-workloads","title":null,"description":"Fluid visualization for AI workload states","type":"registry:ui","source_url":"https://cult-ui.com/r/fluid-ai-workloads.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/fluid-ai-workloads.json"},{"name":"security-checkpoint","title":null,"description":"Security checkpoint illustration or component","type":"registry:ui","source_url":"https://cult-ui.com/r/security-checkpoint.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/security-checkpoint.json"},{"name":"merging-bubbles","title":null,"description":"Merging bubbles visualization","type":"registry:ui","source_url":"https://cult-ui.com/r/merging-bubbles.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/merging-bubbles.json"},{"name":"ai-blob-warp","title":null,"description":"Circular avatar with Paper Design Warp shader; motion-safe pulse, pauses off-screen and when reduced motion is preferred","type":"registry:ui","source_url":"https://cult-ui.com/r/ai-blob-warp.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/ai-blob-warp.json"},{"name":"folded-card","title":null,"description":"Card with folded corner clip-path accent","type":"registry:ui","source_url":"https://cult-ui.com/r/folded-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/folded-card.json"},{"name":"shadow-card","title":null,"description":"Composable marketing card with L-shaped extrusion, optional pixel gradient mesh, and Radix Slot on the root","type":"registry:ui","source_url":"https://cult-ui.com/r/shadow-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shadow-card.json"},{"name":"organic-card","title":null,"description":"Composable marketing card with optional link root, image slot, eyebrow/title/body, accent band, and footer CTA","type":"registry:ui","source_url":"https://cult-ui.com/r/organic-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/organic-card.json"},{"name":"organic-card-small","title":null,"description":"Compact card with SVG silhouette, category and date, motion morph on hover, and optional link","type":"registry:ui","source_url":"https://cult-ui.com/r/organic-card-small.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/organic-card-small.json"},{"name":"organic-button","title":null,"description":"Anchor-based CTA with fixed SVG end caps, shared surface colors via CSS variables, and size and animation variants","type":"registry:ui","source_url":"https://cult-ui.com/r/organic-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/organic-button.json"},{"name":"fluted-glass","title":null,"description":"Paper Design fluted-glass image shader with sensible defaults — ribbed, streaked distortions over a source image","type":"registry:ui","source_url":"https://cult-ui.com/r/fluted-glass.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/fluted-glass.json"},{"name":"speech-bubble","title":null,"description":"Speech bubble component","type":"registry:ui","source_url":"https://cult-ui.com/r/speech-bubble.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/speech-bubble.json"},{"name":"apple-iphone-17-pro","title":null,"description":"iPhone-style device frame with Dynamic Island, status bar, and configurable frame colors","type":"registry:ui","source_url":"https://cult-ui.com/r/apple-iphone-17-pro.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/apple-iphone-17-pro.json"},{"name":"apple-keyboard","title":null,"description":"Compact Apple-style keyboard with labeled keys and media row","type":"registry:ui","source_url":"https://cult-ui.com/r/apple-keyboard.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/apple-keyboard.json"},{"name":"apple-watch-ultra","title":null,"description":"Watch Ultra–style case, complications, crown, and action button","type":"registry:ui","source_url":"https://cult-ui.com/r/apple-watch-ultra.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/apple-watch-ultra.json"},{"name":"mac-screen","title":null,"description":"Classic Mac frame with an image or GIF composited into the CRT","type":"registry:ui","source_url":"https://cult-ui.com/r/mac-screen.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/mac-screen.json"},{"name":"apple-pro-display-xdr","title":null,"description":"Studio Display–style aluminum frame, screen modes, and interactive macOS dock","type":"registry:ui","source_url":"https://cult-ui.com/r/apple-pro-display-xdr.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/apple-pro-display-xdr.json"},{"name":"marketing-hero-analytics","title":null,"description":"Analytics hero section for marketing pages","type":"registry:ui","source_url":"https://cult-ui.com/r/marketing-hero-analytics.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/marketing-hero-analytics.json"},{"name":"marketing-feature-code","title":null,"description":"Marketing section for code or network policy features","type":"registry:ui","source_url":"https://cult-ui.com/r/marketing-feature-code.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/marketing-feature-code.json"},{"name":"feature-sticky-section","title":null,"description":"Sticky section with controllable panels and scroll behavior","type":"registry:ui","source_url":"https://cult-ui.com/r/feature-sticky-section.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-sticky-section.json"},{"name":"analytics-chart","title":null,"description":"Vercel-style gradient line chart with floating tooltip cards","type":"registry:ui","source_url":"https://cult-ui.com/r/analytics-chart.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/analytics-chart.json"},{"name":"kanban-board","title":null,"description":"Kanban board with drag-and-drop columns and cards","type":"registry:ui","source_url":"https://cult-ui.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/kanban-board.json"},{"name":"agent-suggest-card-stack","title":null,"description":"Stack of suggestion cards for AI agent responses","type":"registry:ui","source_url":"https://cult-ui.com/r/agent-suggest-card-stack.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/agent-suggest-card-stack.json"},{"name":"collab-avatar","title":null,"description":"Collaboration avatar with initials and color","type":"registry:ui","source_url":"https://cult-ui.com/r/collab-avatar.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/collab-avatar.json"},{"name":"collab-toolbar","title":null,"description":"Toolbar component for collaborative editing UI","type":"registry:ui","source_url":"https://cult-ui.com/r/collab-toolbar.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/collab-toolbar.json"},{"name":"halo-dropzone","title":null,"description":"File dropzone with animated rim, frosted fill, moving border trail, and file-type glyphs","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-dropzone.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-dropzone.json"},{"name":"halo-search","title":null,"description":"Search input with animated gradient border, staggered placeholder, blur deletion on clear, loading line, and Warp shader avatar","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-search.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-search.json"},{"name":"globe","title":null,"description":"COBE-powered 3D globe with showcase presets, markers, arcs, DOM overlays, and theme-aware styling","type":"registry:ui","source_url":"https://cult-ui.com/r/globe.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/globe.json"},{"name":"file-icons","title":null,"description":"Icon set for file types and languages","type":"registry:ui","source_url":"https://cult-ui.com/r/file-icons.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/file-icons.json"},{"name":"halo-button","title":null,"description":"Primary action button with animated gradient rim, frosted fill, staggered label, and loading spinner","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-button.json"},{"name":"copy-button","title":null,"description":"Button that copies content to clipboard with feedback","type":"registry:ui","source_url":"https://cult-ui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/copy-button.json"},{"name":"halo-card","title":null,"description":"Composable card with animated gradient rim, frosted fill, layered shadow, and Base UI button actions","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-card.json"},{"name":"border-beam-card","title":null,"description":"border-beam around compound Card API with balanced title and description","type":"registry:ui","source_url":"https://cult-ui.com/r/border-beam-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/border-beam-card.json"},{"name":"halo-tabs","title":null,"description":"Base UI tabs with gradient indicator: underline or pill variant aligned with Halo Card rim colors","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-tabs.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-tabs.json"},{"name":"halo-segmented","title":null,"description":"Segmented control with frosted track, gradient rim, and spring sliding thumb","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-segmented.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-segmented.json"},{"name":"halo-toggle-group","title":null,"description":"Segmented single-select control with frosted track, gradient rim, and spring-driven sliding thumb (aligned with Halo Button)","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-toggle-group.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-toggle-group.json"},{"name":"halo-notification","title":null,"description":"Polished notification surface for local AnimatePresence use with rim variants and glyph stagger","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-notification.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-notification.json"},{"name":"halo-toast","title":null,"description":"Sonner-backed polished toasts with rim variants; mount PolishedToaster once in the root layout","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-toast.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-toast.json"},{"name":"halo-switch","title":null,"description":"Toggle switch with spring thumb, frosted track, and extended touch hit area","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-switch.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-switch.json"},{"name":"halo-input","title":null,"description":"Single-line and multiline inputs with frosted fill and gradient rim for generic forms","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-input.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-input.json"},{"name":"halo-field","title":null,"description":"Form field layout (label, description, error) for HaloInput and HaloTextarea","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-field.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-field.json"},{"name":"halo-progress","title":null,"description":"Progress bar with spring-driven determinate fill and indeterminate gradient strip","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-progress.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-progress.json"},{"name":"border-beam-input","title":null,"description":"border-beam on Base UI input and input-group primitives with line or full border glow","type":"registry:ui","source_url":"https://cult-ui.com/r/border-beam-input.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/border-beam-input.json"},{"name":"halo-badge","title":null,"description":"Badge with optional layout animation, live status dot, and gradient rim aligned with Halo Button / Card","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-badge.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-badge.json"},{"name":"halo-select","title":null,"description":"Composable animated select with gradient rim, frosted fill, and staggered label","type":"registry:ui","source_url":"https://cult-ui.com/r/halo-select.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/halo-select.json"},{"name":"prompt-composer","title":null,"description":"Multiline prompt field with shader avatar, staggered placeholder, loading line, and send/attach chrome","type":"registry:ui","source_url":"https://cult-ui.com/r/prompt-composer.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/prompt-composer.json"},{"name":"wizard-expandable","title":null,"description":"Expandable multi-step wizard with optional forward validation, scrollable step rail, and Motion height transitions","type":"registry:ui","source_url":"https://cult-ui.com/r/wizard-expandable.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/wizard-expandable.json"},{"name":"animated-badge","title":null,"description":"Deprecated alias for halo-badge. Prefer npx shadcn add https://cult-ui.com/r/halo-badge.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-badge.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-badge.json"},{"name":"animated-button","title":null,"description":"Deprecated alias for halo-button. Prefer npx shadcn add https://cult-ui.com/r/halo-button.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-button.json"},{"name":"animated-card","title":null,"description":"Deprecated alias for halo-card. Prefer npx shadcn add https://cult-ui.com/r/halo-card.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-card.json"},{"name":"animated-composer","title":null,"description":"Deprecated alias for prompt-composer. Prefer npx shadcn add https://cult-ui.com/r/prompt-composer.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-composer.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-composer.json"},{"name":"animated-dropzone","title":null,"description":"Deprecated alias for halo-dropzone. Prefer npx shadcn add https://cult-ui.com/r/halo-dropzone.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-dropzone.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-dropzone.json"},{"name":"animated-field","title":null,"description":"Deprecated alias for halo-field. Prefer npx shadcn add https://cult-ui.com/r/halo-field.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-field.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-field.json"},{"name":"animated-input","title":null,"description":"Deprecated alias for halo-input. Prefer npx shadcn add https://cult-ui.com/r/halo-input.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-input.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-input.json"},{"name":"animated-notification","title":null,"description":"Deprecated alias for halo-notification. Prefer npx shadcn add https://cult-ui.com/r/halo-notification.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-notification.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-notification.json"},{"name":"animated-number","title":null,"description":"Deprecated alias for rolling-number. Prefer npx shadcn add https://cult-ui.com/r/rolling-number.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-number.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-number.json"},{"name":"animated-progress","title":null,"description":"Deprecated alias for halo-progress. Prefer npx shadcn add https://cult-ui.com/r/halo-progress.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-progress.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-progress.json"},{"name":"animated-search","title":null,"description":"Deprecated alias for halo-search. Prefer npx shadcn add https://cult-ui.com/r/halo-search.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-search.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-search.json"},{"name":"animated-segmented","title":null,"description":"Deprecated alias for halo-segmented. Prefer npx shadcn add https://cult-ui.com/r/halo-segmented.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-segmented.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-segmented.json"},{"name":"animated-select","title":null,"description":"Deprecated alias for halo-select. Prefer npx shadcn add https://cult-ui.com/r/halo-select.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-select.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-select.json"},{"name":"animated-switch","title":null,"description":"Deprecated alias for halo-switch. Prefer npx shadcn add https://cult-ui.com/r/halo-switch.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-switch.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-switch.json"},{"name":"animated-tabs","title":null,"description":"Deprecated alias for halo-tabs. Prefer npx shadcn add https://cult-ui.com/r/halo-tabs.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-tabs.json"},{"name":"animated-toast","title":null,"description":"Deprecated alias for halo-toast. Prefer npx shadcn add https://cult-ui.com/r/halo-toast.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-toast.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-toast.json"},{"name":"animated-toggle-group","title":null,"description":"Deprecated alias for halo-toggle-group. Prefer npx shadcn add https://cult-ui.com/r/halo-toggle-group.json","type":"registry:ui","source_url":"https://cult-ui.com/r/animated-toggle-group.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-toggle-group.json"},{"name":"text-animate-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/text-animate-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/text-animate-demo.json"},{"name":"cosmic-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/cosmic-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/cosmic-button-demo.json"},{"name":"texture-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/texture-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-button-demo.json"},{"name":"texture-card-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/texture-card-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-card-demo.json"},{"name":"timer-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/timer-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/timer-demo.json"},{"name":"shift-card-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/shift-card-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shift-card-demo.json"},{"name":"minimal-card-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/minimal-card-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/minimal-card-demo.json"},{"name":"cutout-card-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/cutout-card-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/cutout-card-demo.json"},{"name":"dynamic-island-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/dynamic-island-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dynamic-island-demo.json"},{"name":"direction-aware-tabs-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/direction-aware-tabs-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/direction-aware-tabs-demo.json"},{"name":"bg-animate-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/bg-animate-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animate-button-demo.json"},{"name":"border-beam-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/border-beam-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/border-beam-button-demo.json"},{"name":"family-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/family-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/family-button-demo.json"},{"name":"side-panel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/side-panel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/side-panel-demo.json"},{"name":"bg-media-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/bg-media-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-media-demo.json"},{"name":"bg-image-texture-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/bg-image-texture-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-image-texture-demo.json"},{"name":"three-d-carousel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/three-d-carousel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/three-d-carousel-demo.json"},{"name":"tweet-grid-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/tweet-grid-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/tweet-grid-demo.json"},{"name":"gradient-heading-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/gradient-heading-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gradient-heading-demo.json"},{"name":"typewriter-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/typewriter-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/typewriter-demo.json"},{"name":"rolling-number-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/rolling-number-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/rolling-number-demo.json"},{"name":"sortable-list-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/sortable-list-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/sortable-list-demo.json"},{"name":"dock-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/dock-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dock-demo.json"},{"name":"lightboard-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/lightboard-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/lightboard-demo.json"},{"name":"canvas-fractal-grid-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/canvas-fractal-grid-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/canvas-fractal-grid-demo.json"},{"name":"bg-animated-fractal-dot-grid-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/bg-animated-fractal-dot-grid-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animated-fractal-dot-grid-demo.json"},{"name":"bg-animated-gradient-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/bg-animated-gradient-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animated-gradient-demo.json"},{"name":"popover-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/popover-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/popover-demo.json"},{"name":"floating-panel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/floating-panel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/floating-panel-demo.json"},{"name":"color-picker-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/color-picker-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/color-picker-demo.json"},{"name":"shader-lens-blur-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/shader-lens-blur-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shader-lens-blur-demo.json"},{"name":"edge-blur-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/edge-blur-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/edge-blur-demo.json"},{"name":"dither-image-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/dither-image-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dither-image-demo.json"},{"name":"dither-image-demo-upload","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/dither-image-demo-upload.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dither-image-demo-upload.json"},{"name":"popover-form-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/popover-form-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/popover-form-demo.json"},{"name":"expandable-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/expandable-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/expandable-demo.json"},{"name":"logo-carousel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/logo-carousel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/logo-carousel-demo.json"},{"name":"loading-carousel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/loading-carousel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/loading-carousel-demo.json"},{"name":"hover-video-player-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/hover-video-player-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hover-video-player-demo.json"},{"name":"neumorph-eyebrow-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/neumorph-eyebrow-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/neumorph-eyebrow-demo.json"},{"name":"neumorph-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/neumorph-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/neumorph-button-demo.json"},{"name":"feature-carousel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/feature-carousel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-carousel-demo.json"},{"name":"choice-poll-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/choice-poll-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/choice-poll-demo.json"},{"name":"feature-poll-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/feature-poll-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-poll-demo.json"},{"name":"feature-voting-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/feature-voting-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-voting-demo.json"},{"name":"vote-tally-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/vote-tally-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/vote-tally-demo.json"},{"name":"poll-widget-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/poll-widget-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/poll-widget-demo.json"},{"name":"prompt-library-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/prompt-library-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/prompt-library-demo.json"},{"name":"ai-instructions-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/ai-instructions-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/ai-instructions-demo.json"},{"name":"intro-disclosure-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/intro-disclosure-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/intro-disclosure-demo.json"},{"name":"text-gif-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/text-gif-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/text-gif-demo.json"},{"name":"stripe-bg-guides-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/stripe-bg-guides-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/stripe-bg-guides-demo.json"},{"name":"svg-shapes-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/svg-shapes-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-shapes-demo.json"},{"name":"svg-shapes-animated-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/svg-shapes-animated-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-shapes-animated-demo.json"},{"name":"svg-bands-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/svg-bands-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-bands-demo.json"},{"name":"grid-beam-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/grid-beam-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/grid-beam-demo.json"},{"name":"youtube-video-player-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/youtube-video-player-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/youtube-video-player-demo.json"},{"name":"toolbar-expandable-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/toolbar-expandable-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/toolbar-expandable-demo.json"},{"name":"texture-overlay-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/texture-overlay-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-overlay-demo.json"},{"name":"squiggle-arrow-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/squiggle-arrow-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/squiggle-arrow-demo.json"},{"name":"code-block-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/code-block-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/code-block-demo.json"},{"name":"metal-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/metal-button-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/metal-button-demo.json"},{"name":"mock-browser-window-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/mock-browser-window-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/mock-browser-window-demo.json"},{"name":"morph-surface-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/morph-surface-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/morph-surface-demo.json"},{"name":"distorted-glass-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/distorted-glass-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/distorted-glass-demo.json"},{"name":"family-drawer-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/family-drawer-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/family-drawer-demo.json"},{"name":"expandable-screen-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/expandable-screen-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/expandable-screen-demo.json"},{"name":"pixel-heading-character-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/pixel-heading-character-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-heading-character-demo.json"},{"name":"pixel-heading-word-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/pixel-heading-word-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-heading-word-demo.json"},{"name":"pixel-paragraph-words-inverse-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/pixel-paragraph-words-inverse-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-paragraph-words-inverse-demo.json"},{"name":"pixel-paragraph-words-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/pixel-paragraph-words-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/pixel-paragraph-words-demo.json"},{"name":"onboarding-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/onboarding-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/onboarding-demo.json"},{"name":"gradient-button-group-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/gradient-button-group-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gradient-button-group-demo.json"},{"name":"terminal-animation-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/terminal-animation-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/terminal-animation-demo.json"},{"name":"hero-dithering-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/hero-dithering-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-dithering-demo.json"},{"name":"hero-color-panels-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/hero-color-panels-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-color-panels-demo.json"},{"name":"hero-static-radial-gradient-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/hero-static-radial-gradient-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-static-radial-gradient-demo.json"},{"name":"hero-heatmap-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/hero-heatmap-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-heatmap-demo.json"},{"name":"hero-liquid-metal-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/hero-liquid-metal-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hero-liquid-metal-demo.json"},{"name":"gateway-endpoint-illustration-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/gateway-endpoint-illustration-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gateway-endpoint-illustration-demo.json"},{"name":"gateway-route-illustration-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/gateway-route-illustration-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gateway-route-illustration-demo.json"},{"name":"gateway-svg-illustration-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/gateway-svg-illustration-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gateway-svg-illustration-demo.json"},{"name":"illustration-card-grid-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/illustration-card-grid-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-card-grid-demo.json"},{"name":"illustration-cursor-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/illustration-cursor-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-cursor-demo.json"},{"name":"illustration-comment-bubble-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/illustration-comment-bubble-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-comment-bubble-demo.json"},{"name":"illustration-fluid-rendering-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/illustration-fluid-rendering-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-fluid-rendering-demo.json"},{"name":"illustration-globe-vercel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/illustration-globe-vercel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-globe-vercel-demo.json"},{"name":"illustration-graph-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/illustration-graph-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/illustration-graph-demo.json"},{"name":"tabs-illustration-vercel-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/tabs-illustration-vercel-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/tabs-illustration-vercel-demo.json"},{"name":"circuit-board-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/circuit-board-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/circuit-board-demo.json"},{"name":"fluid-ai-workloads-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/fluid-ai-workloads-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/fluid-ai-workloads-demo.json"},{"name":"security-checkpoint-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/security-checkpoint-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/security-checkpoint-demo.json"},{"name":"merging-bubbles-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/merging-bubbles-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/merging-bubbles-demo.json"},{"name":"ai-blob-warp-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/ai-blob-warp-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/ai-blob-warp-demo.json"},{"name":"folded-card-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/folded-card-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/folded-card-demo.json"},{"name":"shadow-card-demo","title":null,"description":null,"type":"registry:component","source_url":"https://cult-ui.com/r/shadow-card-demo.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shadow-card-demo.json"}]},{"id":"d2","name":"@d2","slug":"d2","description":"Ultra modern monospace component library for React and Tailwind CSS v4 — AI cards, bento grids, dashboards, hero sections and animated pixel spinners.","author":"rajaaltus","framework":"react","license":"MIT","tags":["ai","animation","auth","blocks","buttons","cards","charts","dashboard","design-system","e-commerce","forms","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.d2studio.dev","github":"https://github.com/rajaaltus/d2studio-ui","registry":"https://ui.d2studio.dev/r/registry.json","source":"https://ui.d2studio.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/d2","markdown":"https://sh4dcn.netlify.app/md/d2.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41 30' fill='none'><rect x='0.5' y='0.5' width='40' height='29' rx='5.5' fill='var(--foreground)'/><path d='M9.86 22V7.8H13.52C14.8533 7.8 15.9867 8.07333 16.92 8.62C17.8667 9.16667 18.5933 9.97333 19.1 11.04C19.6067 12.0933 19.86 13.38 19.86 14.9C19.86 16.42 19.6067 17.7067 19.1 18.76C18.5933 19.8133 17.8667 20.62 16.92 21.18C15.9867 21.7267 14.8533 22 13.52 22H9.86ZM12.72 19.44H13.54C14.6467 19.44 15.4867 19.0667 16.06 18.32C16.6467 17.56 16.94 16.42 16.94 14.9C16.94 13.3933 16.6467 12.26 16.06 11.5C15.4867 10.74 14.6467 10.36 13.54 10.36H12.72V19.44ZM20.5722 22C20.5722 20.8533 20.7189 19.8467 21.0122 18.98C21.3189 18.1 21.8455 17.3 22.5922 16.58C23.3522 15.86 24.3855 15.16 25.6922 14.48C26.1855 14.2267 26.5922 13.98 26.9122 13.74C27.2322 13.5 27.4722 13.2333 27.6322 12.94C27.7922 12.6467 27.8722 12.2867 27.8722 11.86C27.8722 11.4733 27.7989 11.1467 27.6522 10.88C27.5055 10.6 27.2922 10.3867 27.0122 10.24C26.7322 10.08 26.3789 10 25.9522 10C25.2322 10 24.6855 10.2067 24.3122 10.62C23.9522 11.02 23.7055 11.6 23.5722 12.36L20.6322 12.18C20.7789 10.7267 21.2989 9.58 22.1922 8.74C23.0989 7.9 24.3655 7.48 25.9922 7.48C27.0589 7.48 27.9455 7.66 28.6522 8.02C29.3722 8.36667 29.9122 8.85333 30.2722 9.48C30.6322 10.1067 30.8122 10.8467 30.8122 11.7C30.8122 12.46 30.6922 13.1133 30.4522 13.66C30.2122 14.2067 29.8189 14.7067 29.2722 15.16C28.7255 15.6133 27.9789 16.1 27.0322 16.62C26.2722 17.0333 25.6589 17.4133 25.1922 17.76C24.7389 18.0933 24.4055 18.4 24.1922 18.68C23.9789 18.9467 23.8589 19.2 23.8322 19.44H30.8122V22H20.5722Z' fill='var(--background)'/></svg>","preview_image":"https://ui.d2studio.dev/og-ui.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.d2studio.dev/blocks?utm_source=ui.d2studio.dev&amp;utm_medium=nav&amp;utm_campaign=pro-showcase"},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-10-20T16:27:19Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.d2studio.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.d2studio.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.d2studio.dev/r/registry.json","clone":"git clone https://github.com/rajaaltus/d2studio-ui.git","clone_degit":"npx degit rajaaltus/d2studio-ui","registry_fetch":"curl -s https://ui.d2studio.dev/r/registry.json"},"component_count":101,"components":[{"name":"ai-block","title":"AI Block","description":"AI prompt template grid with creative prompts, summarizer, story, poetry and study presets.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/ai-block.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/ai-block.json"},{"name":"ai-content-creator-card-v2","title":"AI Content Creator Card v2","description":"Glassmorphic AI content generator card with content type and tone pickers and a prompt field.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/ai-content-creator-card-v2.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/ai-content-creator-card-v2.json"},{"name":"ai-content-creator-card","title":"AI Content Creator Card","description":"Pro version content creation card","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/ai-content-creator-card.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/ai-content-creator-card.json"},{"name":"dashboard-01","title":"Dashboard 01","description":"Hotel booking dashboard with guest and vacancy stats, booking search and a check-in and check-out table.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/dashboard-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/dashboard-01.json"},{"name":"bento-01","title":"Bento 01","description":"Bento grid for an education program platform with admin overview, faculty view and a program form.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/bento-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/bento-01.json"},{"name":"ai-v2","title":"Siri Prompt Input","description":"Tabbed AI prompt input with assistant, blog and pro modes plus file upload.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/ai-v2.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/ai-v2.json"},{"name":"github-repos","title":"Top GitHub Repos","description":"A responsive grid of GitHub repositories with language, stars and forks — pass your own list or leave the sample rows in.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/github-repos.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/github-repos.json"},{"name":"hero-01","title":"Hero 01","description":"Startup mentorship landing hero with a headline, call to action and mentor avatar group.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/hero-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/hero-01.json"},{"name":"card-ecommerce-01","title":"Product Card","description":"E-commerce product card on the D2 card primitive: colour swatches that cross-fade the photo, a wishlist heart that swaps with a blur, a derived sale badge and …","type":"registry:component","source_url":"https://ui.d2studio.dev/r/card-ecommerce-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/card-ecommerce-01.json"},{"name":"pricing-01","title":"Pricing Cards","description":"Responsive three-tier pricing cards with feature comparison and popular plan highlighting","type":"registry:component","source_url":"https://ui.d2studio.dev/r/pricing-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/pricing-01.json"},{"name":"hero-section-01","title":"Hero Section 01","description":"Premium landing page hero with a serif accent headline, badge and mentor avatar group.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/hero-section-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/hero-section-01.json"},{"name":"hero-section-02","title":"Hero Section 02","description":"Modern landing page hero section with badge, headline and avatar social proof.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/hero-section-02.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/hero-section-02.json"},{"name":"ai-writing-assistance","title":"AI Writing Assistant","description":"AI writing assistant panel with assistant, blog and pro modes and a prompt field.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/ai-writing-assistance.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/ai-writing-assistance.json"},{"name":"block-01","title":"Block 01","description":"AI feature showcase with smart summarizer, creative prompts, document analysis and engagement metrics cards.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/block-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/block-01.json"},{"name":"notification-bento","title":"Notification Bento","description":"A four-panel notification bento: a pure-CSS metallic bell on a lit dot-matrix field, recent activity feed, unread counter and delivery-channel toggles, with dr…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/notification-bento.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/notification-bento.json"},{"name":"bento-02","title":"Bento 02","description":"A five-card feature bento with metallic-gradient glyphs on lifting icon tiles, a dot-matrix texture and color-dodged glow revealed on hover, and a holographic …","type":"registry:component","source_url":"https://ui.d2studio.dev/r/bento-02.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/bento-02.json"},{"name":"bento-03","title":"Bento 03","description":"A flat 3×2 feature grid on thin edge-masked rules — no cards, no fills. Each cell pairs a recessed keycap icon tile with a sans-serif title and monospace descr…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/bento-03.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/bento-03.json"},{"name":"bento-04","title":"Bento 04","description":"A four-card services bento on marching dashed blueprint frames. Hover blooms each card's icon from blue to the D2 holographic gradient, scrambles the Clean Cod…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/bento-04.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/bento-04.json"},{"name":"bento-05","title":"Bento 05","description":"A four-card studio bento on a masked dot field. Each card is a Figma gradient export carrying its own glass fill and 16px border; an ambilight sampled from the…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/bento-05.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/bento-05.json"},{"name":"metallic-shimmer","title":"Metallic Shimmer","description":"Brushed-metal text: a bright band travels across the glyphs like a reflection, not a glow. Wraps any inline content, flips its stops per theme, and holds still…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/metallic-shimmer.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/metallic-shimmer.json"},{"name":"progress-bar","title":"Progress Bar","description":"A frosted-glass progress pill with technical-drawing leader lines bracketing a monospace readout. Three levels of chrome — full, bar, plain — and two fill styl…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/progress-bar.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/progress-bar.json"},{"name":"button-matt","title":"Matte Button","description":"A matte chip button with a holographic rim: three blurred glows pinned under the top edge, a bounce light along the bottom, and a gradient-clipped label and ma…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/button-matt.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/button-matt.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/accordion.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/alert.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"A file attachment chip with a preview, name, size and a remove action.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/attachment.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/avatar.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/badge.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"A chat message bubble that aligns and colours itself by sender.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/bubble.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/bubble.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/button.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/button.json"},{"name":"button-group","title":"Button Group","description":"A container that groups related buttons together with consistent styling.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/button-group.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to enter and edit a date.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/calendar.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/calendar.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/card.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/carousel.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/carousel.json"},{"name":"chart","title":"Chart","description":"Beautiful charts built using Recharts, themed from CSS variables.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/chart.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands and collapses a panel.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Autocomplete input and command palette with a list of suggestions.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/combobox.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/combobox.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/command.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu to the user, such as a set of actions or functions, triggered by a right click.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/dialog.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/dialog.json"},{"name":"direction","title":"Direction","description":"A provider that sets the reading direction, left-to-right or right-to-left, for the components beneath it.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/direction.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/direction.json"},{"name":"drawer","title":"Drawer","description":"A drawer component that slides in from the bottom or sides of the screen.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/drawer.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user, such as a set of actions or functions, triggered by a button.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"Use the Empty component to display an empty state.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/empty.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/empty.json"},{"name":"field","title":"Field","description":"Combine labels, controls, and help text to compose accessible form fields and grouped inputs.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/field.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/field.json"},{"name":"form","title":"Form","description":"Building forms with React Hook Form and Zod.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/form.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/form.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/hover-card.json"},{"name":"input","title":"Input","description":"Displays a form input field or a component that looks like an input field.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/input.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/input.json"},{"name":"input-group","title":"Input Group","description":"Add addons, buttons and helper content to inputs.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/input-group.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time password component with copy paste functionality.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/input-otp.json"},{"name":"item","title":"Item","description":"A versatile component to display any content: media, title, description and actions.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/item.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/item.json"},{"name":"kbd","title":"Kbd","description":"Used to display textual user input from a keyboard.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/kbd.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/kbd.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/label.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/label.json"},{"name":"marker","title":"Marker","description":"A small inline marker for flagging state, such as unread, new or pinned.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/marker.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/marker.json"},{"name":"menubar","title":"Menubar","description":"A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/menubar.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/menubar.json"},{"name":"message","title":"Message","description":"A chat message row: avatar, author, timestamp and content.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/message.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"A chat transcript scroller that sticks to the newest message and offers a jump-to-latest button.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/message-scroller.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/message-scroller.json"},{"name":"native-select","title":"Native Select","description":"A styled native HTML select element with consistent design system integration.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/native-select.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/pagination.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/pagination.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/popover.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/progress.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons, known as radio buttons, where no more than one can be checked at a time.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/resizable.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/scroll-area.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from, triggered by a button.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/select.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/separator.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content of the screen.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/sheet.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable and customizable sidebar component.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/slider.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for React.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/sonner.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"An indicator that can be used to show a loading state.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/spinner.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/switch.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/table.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content, known as tab panels, that are displayed one at a time.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/tabs.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea or a component that looks like a textarea.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/textarea.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/toggle.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/tooltip.json"},{"name":"use-mobile","title":"Use Mobile","description":"A hook that reports whether the viewport is below the mobile breakpoint.","type":"registry:hook","source_url":"https://ui.d2studio.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/use-mobile.json"},{"name":"d2-card","title":"D2 Card","description":"The card surface pricing-01 is built on: header, content, footer and a title/description pair.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/d2-card.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/d2-card.json"},{"name":"pixel-spinner","title":"Pixel Spinner","description":"The pixel-grid spinner engine every spinner preset builds on.","type":"registry:ui","source_url":"https://ui.d2studio.dev/r/pixel-spinner.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/pixel-spinner.json"},{"name":"power-chip","title":"Power Chip","description":"An animated SVG illustration: a RAW chip charges and sends power along six wires to the tiles around it. Plain SVG and CSS, light and dark.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/power-chip.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/power-chip.json"},{"name":"raw-chip","title":"RAW Chip","description":"The RAW chip from Power Chip on its own: a static SVG illustration with no dependencies.","type":"registry:component","source_url":"https://ui.d2studio.dev/r/raw-chip.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/raw-chip.json"},{"name":"moon-tile-01","title":"Moon Tile","description":"A night tile: a crescent moon rises over a bank of clouds, then the clouds sway in parallax while a sparkle twinkles and two stars blink. Plays twice once it s…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/moon-tile-01.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/moon-tile-01.json"},{"name":"moon-tile-02","title":"Moon Window","description":"A night window: a pale moon rises from behind dark hills in a round pane of stars, then the hills roll like a swell, the stars twinkle in three sets and the ha…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/moon-tile-02.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/moon-tile-02.json"},{"name":"moon-tile-03","title":"Moon Card","description":"A tipped night card on dashed layout guides: a crescent moon rises from behind a bank of clouds, then a small cloud drifts across it while the banks sway in pa…","type":"registry:component","source_url":"https://ui.d2studio.dev/r/moon-tile-03.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/moon-tile-03.json"},{"name":"spinner-spiral-in-5","title":"Spinner Spiral In 5","description":"A 5×5 pixel-grid loading spinner: 25 frames at 75ms (1875ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-spiral-in-5.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-spiral-in-5.json"},{"name":"spinner-ring-4-cw","title":"Spinner Ring 4 Cw","description":"A 4×4 pixel-grid loading spinner: 12 frames at 110ms (1320ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-ring-4-cw.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-ring-4-cw.json"},{"name":"spinner-dual-ring-5","title":"Spinner Dual Ring 5","description":"A 5×5 pixel-grid loading spinner: 16 frames at 110ms (1760ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-dual-ring-5.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-dual-ring-5.json"},{"name":"spinner-vortex-in","title":"Spinner Vortex In","description":"A 4×4 pixel-grid loading spinner: 16 frames at 90ms (1440ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-vortex-in.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-vortex-in.json"},{"name":"spinner-col-wave-5","title":"Spinner Col Wave 5","description":"A 5×5 pixel-grid loading spinner: 8 frames at 120ms (960ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-col-wave-5.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-col-wave-5.json"},{"name":"spinner-swell-roll","title":"Spinner Swell Roll","description":"A 4×4 pixel-grid loading spinner: 4 frames at 160ms (640ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-swell-roll.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-swell-roll.json"},{"name":"spinner-rain-4","title":"Spinner Rain 4","description":"A 4×4 pixel-grid loading spinner: 4 frames at 180ms (720ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-rain-4.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-rain-4.json"},{"name":"spinner-tide-roll","title":"Spinner Tide Roll","description":"A 4×4 pixel-grid loading spinner: 6 frames at 180ms (1080ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-tide-roll.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-tide-roll.json"},{"name":"spinner-billboard-tiles","title":"Spinner Billboard Tiles","description":"A 4×4 pixel-grid loading spinner: 5 frames at 180ms (900ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-billboard-tiles.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-billboard-tiles.json"},{"name":"spinner-ripple-out","title":"Spinner Ripple Out","description":"A 3×3 pixel-grid loading spinner: 3 frames at 260ms (780ms loop).","type":"registry:component","source_url":"https://ui.d2studio.dev/r/spinner-ripple-out.json","install_command":"npx shadcn@latest add https://ui.d2studio.dev/r/spinner-ripple-out.json"}]},{"id":"darx","name":"@darx","slug":"darx","description":"A single showcase component — Magic 3D Tabs — from Darshit's personal portfolio. Features mouse-interactive 3D rotation via spring physics, floating particle background effects, and smooth spring animations. Built as a React component with Tailwind CSS. Minimal scope: one experimental interactive pattern. Free and open source. Use for: pulling a specific 3D tab interaction effect when you want mouse-reactive depth without building it yourself.","author":"Darshh09","framework":"react","license":null,"tags":["3d","aesthetic","animation","backgrounds","hooks","navigation"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://darshitdev.in/arts","github":"https://github.com/Darshh09/darshit-portfolio","registry":"https://darshitdev.in/r/{name}.json","source":"https://darshitdev.in/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/darx","markdown":"https://sh4dcn.netlify.app/md/darx.md"},"logo":"<svg width='75' height='43' viewBox='0 0 75 43' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 5H6.23601V37H0V5Z' fill='var(--foreground)'/><rect x='6.23602' y='37' width='23.1623' height='5' fill='var(--foreground)'/><rect x='6.23602' width='23.1623' height='5' fill='var(--foreground)'/><rect width='4.8923' height='17.1299' transform='matrix(0.932438 -0.361329 0.293952 0.95582 29.4029 4.76758)' fill='var(--foreground)'/><rect width='4.88783' height='17.1429' transform='matrix(0.937045 0.349208 -0.283616 0.958938 34.2604 21)' fill='var(--foreground)'/><rect x='49' width='22' height='5' fill='var(--foreground)'/><rect x='44' y='5' width='5' height='17' fill='var(--foreground)'/><path d='M49 22H71V27H49V22Z' fill='var(--foreground)'/><rect x='71' y='25' width='4' height='13' fill='var(--foreground)'/><rect x='49' y='38' width='22' height='5' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/Darshh09/darshit-portfolio.git","clone_degit":"npx degit Darshh09/darshit-portfolio","registry_fetch":"curl -s https://darshitdev.in/r/{name}.json"},"component_count":0,"components":[]},{"id":"dashboardblocks","name":"@dashboardblocks","slug":"dashboardblocks","description":"Dashboard blocks for shadcn/ui: KPIs, charts, tables, funnels, heatmaps and full dashboards. Works with Base UI, Radix UI and React Aria, and every style and icon library.","author":"LGLabGreg","framework":"react","license":"MIT","tags":["accessibility","ai","animation","audio","auth","blocks","cards","charts","dashboard","forms","icons","loaders","maps","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://www.dashboardblocks.com","github":"https://github.com/LGLabGreg/dashboardblocks","registry":"https://www.dashboardblocks.com/r/registry.json","source":"https://www.dashboardblocks.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dashboardblocks","markdown":"https://sh4dcn.netlify.app/md/dashboardblocks.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.87868 2.87868C2 3.75736 2 5.17157 2 8V16C2 18.8284 2 20.2426 2.87868 21.1213C3.75736 22 5.17157 22 8 22H16C18.8284 22 20.2426 22 21.1213 21.1213C22 20.2426 22 18.8284 22 16V8C22 5.17157 22 3.75736 21.1213 2.87868C20.2426 2 18.8284 2 16 2H8C5.17157 2 3.75736 2 2.87868 2.87868ZM17.8321 9.5547C18.1384 9.09517 18.0142 8.4743 17.5547 8.16795C17.0952 7.8616 16.4743 7.98577 16.1679 8.4453L13.1238 13.0115L12.6651 12.094C11.9783 10.7205 10.0639 10.6013 9.2121 11.8791L6.16795 16.4453C5.8616 16.9048 5.98577 17.5257 6.4453 17.8321C6.90483 18.1384 7.5257 18.0142 7.83205 17.5547L10.8762 12.9885L11.3349 13.906C12.0217 15.2795 13.9361 15.3987 14.7879 14.1209L17.8321 9.5547Z'/></svg>","preview_image":"https://www.dashboardblocks.com/og/image.png?v=1a5mftn","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.dashboardblocks.com/pricing"},"metrics":{"github_stars":24,"open_issues":0,"last_commit":"2026-10-26T22:27:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.dashboardblocks.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.dashboardblocks.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.dashboardblocks.com/r/registry.json","clone":"git clone https://github.com/LGLabGreg/dashboardblocks.git","clone_degit":"npx degit LGLabGreg/dashboardblocks","registry_fetch":"curl -s https://www.dashboardblocks.com/r/registry.json"},"component_count":250,"components":[{"name":"activity-feed","title":"Activity Feed","description":"Primitives for activity feeds: a list with connectors that line up with the markers, tinted icons by tone, an unread dot, relative times and \"Today\" and \"Yeste…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/activity-feed.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed.json"},{"name":"ai-usage","title":"AI Usage","description":"Primitives for LLM usage: token cost at per-million prices with cached input billed separately, cache savings and hit rate, compact token and dollar formatting…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/ai-usage.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage.json"},{"name":"alerts","title":"Alerts","description":"Primitives for alerts: critical, warning, info and resolved severities written as coloured words, plus relative time formatting.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/alerts.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts.json"},{"name":"animated-number","title":"Animated Number","description":"An animated number component.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/animated-number.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/animated-number.json"},{"name":"animated-wave","title":"Animated Wave","description":"An animated wave component.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/animated-wave.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/animated-wave.json"},{"name":"app-shell","title":"App Shell","description":"Primitives for app shells built on the shadcn sidebar: navigation sections from data with active links, badges and collapsible child links, a brand link, a wor…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/app-shell.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/app-shell.json"},{"name":"chart","title":"Chart","description":"Chart components.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart.json"},{"name":"auth","title":"Auth","description":"Primitives for signing in and joining a workspace: a full-page frame with one narrow centred column, a one-time code input with a box per digit that handles pa…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/auth.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/auth.json"},{"name":"billing","title":"Billing","description":"Primitives for subscription billing: billing dates, MRR movement from starting to ending MRR, net revenue retention, a waterfall chart of the movement and an i…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/billing.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing.json"},{"name":"block-state","title":"Block State","description":"Primitives for loading, refreshing, empty and error states: a skeleton, a dimmed frame that keeps its layout while it refreshes, a message with an action, and …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/block-state.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/block-state.json"},{"name":"breakdown","title":"Breakdown","description":"Primitives for part-to-whole breakdowns: a segmented 100% bar, legend keys and share formatting.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/breakdown.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown.json"},{"name":"chart-panel","title":"Chart Panel","description":"Primitives for full-size chart panels: tooltip, legend, axis defaults and an accessible data table.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel.json"},{"name":"checklist","title":"Checklist","description":"Primitives for checklists and steppers: done, in progress, to do and skipped states, each with a marker shape and a status word, progress maths and wording tha…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/checklist.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist.json"},{"name":"table","title":"Table","description":"The parts every table is drawn with: rows, headers, row headers, group headers and cells that pad the edges of the table, numbers aligned to the end, a compact…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/table.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/table.json"},{"name":"data-table","title":"Data Table","description":"Dashboard tables on TanStack Table: sorting, search, facet filters, pagination, row selection and column visibility, with inline bars, scrolling sideways when …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table.json"},{"name":"command-menu","title":"Command Menu","description":"Primitives for a command menu: a search dialog of pages, actions and records that filters as you type or shows results you fetch, with descriptions, shortcuts …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/command-menu.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/command-menu.json"},{"name":"comparison","title":"Comparison","description":"Primitives for comparisons: deltas, a two-proportion test with a 95% interval, diverging bars, dumbbells and an interval bar.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/comparison.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison.json"},{"name":"dashboard-header","title":"Dashboard Header","description":"Primitives for dashboard headers: a date range preset menu, a compare switch, filter menus, filter chips and an export menu.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-header.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header.json"},{"name":"deployments","title":"Deployments","description":"Primitives for deployments: ready, failed, building, queued and rolled back statuses written as coloured words, duration and short commit formatting, DORA band…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/deployments.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments.json"},{"name":"distribution","title":"Distribution","description":"Primitives for distributions: quantiles from raw values or from binned counts, binning, a five-number summary, the share above a limit, round ticks, a histogra…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/distribution.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution.json"},{"name":"error-pages","title":"Error Pages","description":"Primitives for error and interruption pages: a full-page frame with your brand, a centred message, an optional code and icon, actions and footer links, plus UT…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/error-pages.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/error-pages.json"},{"name":"feedback","title":"Feedback","description":"Primitives for customer feedback: a rating summary with the average and share of each rating, CSAT as the share of 4 and 5 ratings, net sentiment, stars filled…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/feedback.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback.json"},{"name":"flow","title":"Flow","description":"Primitives for flows: a recharts Sankey chart that keeps each flow's colour downstream, draws drop-offs muted and highlights what a hovered node or band connec…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/flow.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow.json"},{"name":"forecast","title":"Forecast","description":"Primitives for forecasts: a straight-line fit with a prediction interval that widens with the horizon, run-rate projection, date-to-target solving, a striped p…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/forecast.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast.json"},{"name":"forms","title":"Forms","description":"Primitives for forms without a form library: a form state hook with validation on blur and submit, server errors, dirty and submitting flags, a titled form sec…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/forms.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forms.json"},{"name":"format","title":"Format","description":"en-US formatting for numbers, compact numbers, currency, percentages from ratios, signed differences with a real minus, percentage points, UTC date ranges and …","type":"registry:lib","source_url":"https://www.dashboardblocks.com/r/{style}/format.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/format.json"},{"name":"funnel","title":"Funnel","description":"Primitives for conversion funnels: step conversion maths, the biggest drop and a stage bar.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/funnel.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel.json"},{"name":"gauge","title":"Gauge","description":"Primitives for gauges and scores: a semicircle or three-quarter arc gauge built as a meter, with labelled bands, a target tick and an animated fill, band label…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/gauge.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge.json"},{"name":"geo","title":"Geo","description":"Primitives for location metrics: a US state tile map and a dotted world map from an embedded land mask with markers sized by value, both with the shared chart …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/geo.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo.json"},{"name":"goals","title":"Goals","description":"Primitives for goals and targets: pace against a straight line to the target, a progress bar with an expected-by-now marker and the projection hatched, and the…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/goals.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals.json"},{"name":"heatmap","title":"Heatmap","description":"Primitives for heatmaps: a single-hue colour scale, a keyboard-readable grid of squares or dots with the shared chart tooltip, optional bars above its columns,…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/heatmap.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap.json"},{"name":"icon","title":"Icon","description":"An icon component.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/icon.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/icon.json"},{"name":"insights","title":"Insights","description":"Primitives for insights: positive, negative, neutral and anomaly kinds, each named by a coloured word, sentences with their metrics picked out in colour, and a…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/insights.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights.json"},{"name":"inventory","title":"Inventory","description":"Primitives for inventory: out of stock, low, in stock and overstock from on-hand stock and the reorder point, each as a coloured label, days of cover, a reorde…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/inventory.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory.json"},{"name":"kpi","title":"KPI","description":"Primitives for KPIs: a block with a top rule, a value that counts up with the final value read out, the change vs the previous period written as a sentence, in…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kpi.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi.json"},{"name":"kpi-provenance","title":"KPI Provenance","description":"A button beside a number that shows how it was computed: what’s counted, the date range, the filters, the query’s name and a link to the rows.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kpi-provenance.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-provenance.json"},{"name":"leaderboard","title":"Leaderboard","description":"Primitives for composing ranked lists and leaderboards.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/leaderboard.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard.json"},{"name":"link","title":"Link","description":"A link provider that makes every primitive render your router's link, for client-side navigation, with plain anchors as the default.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/link.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/link.json"},{"name":"metric-list","title":"Metric List","description":"Primitives for compact lists of metrics: a row with value, the change written as words and a sparkline, a bar against a target with its status, and value forma…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/metric-list.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list.json"},{"name":"notifications","title":"Notifications","description":"Primitives for notifications: a bell with an unread count that opens a panel, a header with an action, and a notification row that opens as a whole while its o…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/notifications.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/notifications.json"},{"name":"page-header","title":"Page Header","description":"Primitives for page headers: a heading with a badge, media and description, actions that wrap, a row of key numbers, a back link, section tabs that put what do…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/page-header.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/page-header.json"},{"name":"pipeline","title":"Pipeline","description":"Primitives for pipelines of work in flight: stage summaries with count, value and weighted value, days in stage with a stuck state, a stage header, an item car…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/pipeline.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline.json"},{"name":"progress-bar","title":"Progress Bar","description":"A progress bar component.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/progress-bar.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-bar.json"},{"name":"realtime","title":"Realtime","description":"Primitives for live data: an interval hook, a seeded random generator for demo streams, a rolling window, a pulsing live label that stays still for reduced mot…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/realtime.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime.json"},{"name":"record-detail","title":"Record Detail","description":"Primitives for a record's page or panel: a layout with a details column beside the main content, the number that leads the record, titled sections under a rule…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/record-detail.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/record-detail.json"},{"name":"retention","title":"Retention","description":"Primitives for retention: rates per cohort, a size-weighted average curve, where the curve levels off, the growth accounting quick ratio, a shaded cohort table…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/retention.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention.json"},{"name":"ring","title":"Ring","description":"A ring component.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/ring.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ring.json"},{"name":"scatter","title":"Scatter","description":"Primitives for scatter plots and matrices: a least-squares line with the correlation coefficient described in words, a median, categorical colours in a fixed o…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/scatter.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter.json"},{"name":"schedule","title":"Schedule","description":"Primitives for schedules: date helpers that take a fixed now and a time zone, an event row, urgency labels and badges, and a keyboard-navigable month calendar.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/schedule.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule.json"},{"name":"security","title":"Security","description":"Primitives for security: info, warning and critical audit severities and passing, attention and failing check results as coloured words, a desktop or phone dev…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security.json"},{"name":"settings","title":"Settings","description":"Primitives for settings pages: owner, admin, member and viewer roles with what each can do and a menu to pick one, a row that puts a label and description besi…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/settings.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings.json"},{"name":"spend","title":"Spend","description":"Primitives for spend and budgets: pace against an even spend of the budget with a projected total and a status, runway at the current net burn, a budget bar wi…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/spend.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend.json"},{"name":"option-select","title":"Option Select","description":"A select for one value from a list of options, with a placeholder, built on the shadcn Select so its menu follows your style and font.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/option-select.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/option-select.json"},{"name":"details","title":"Details","description":"Two or three short facts about one subject on one line, joined by a middle dot that screen readers skip and that never ends a line.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/details.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/details.json"},{"name":"status-label","title":"Status Label","description":"A status written as a coloured word: good, warning, bad, info and neutral tones in the shades every block uses.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status-label.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-label.json"},{"name":"stat-group","title":"Stat Group","description":"Primitives for a row of related stats: ruled columns, labels, light values, the change vs the previous period as a sentence or an arrow, and sparklines.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/stat-group.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group.json"},{"name":"status","title":"Status","description":"Primitives for service status: status levels written as a coloured dot and word, a legend, and a 90-day uptime bar with a tooltip for each day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status.json"},{"name":"team","title":"Team","description":"Primitives for people: avatars with initials and a colour picked from the name, presence as a dot on the avatar and a coloured word, and an avatar stack with a…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team.json"},{"name":"timeline","title":"Timeline","description":"Primitives for timelines on recharts: a UTC date scale, week, month and quarter ticks, days between dates, done, in progress, planned and at risk statuses each…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/timeline.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline.json"},{"name":"trend","title":"Trend","description":"A trend indicator component.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/trend.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/trend.json"},{"name":"usage-meter","title":"Usage Meter","description":"Primitives for usage against a limit: within limit, nearing it, critical and over limit, each with a label (a coloured word, or a badge with an icon), the shar…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter.json"},{"name":"kanban","title":"Kanban","description":"Primitives for kanban boards: a board of columns with drag and drop by mouse, touch and keyboard and announced moves, columns with counts, WIP limits that warn…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kanban.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kanban.json"},{"name":"comments","title":"Comments","description":"Primitives for comments: threads with one level of replies joined by a line, a composer that suggests people after @ and submits with ⌘ Enter, highlighted ment…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/comments.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comments.json"},{"name":"calendar","title":"Calendar","description":"Primitives for calendars: a toolbar with today, previous, next and a view switch, a keyboard-navigable month grid with event chips, multi-day bars and \"+N more…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/calendar.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/calendar.json"},{"name":"files","title":"Files","description":"Primitives for files: a dropzone around a real file input that checks type, size and count, a provider-agnostic upload hook with progress, cancel, retry and a …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/files.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/files.json"},{"name":"disclosure","title":"Disclosure","description":"A line of muted text with a chevron that shows or hides what is under it, such as a tool call’s input and output or a model’s reasoning.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/disclosure.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/disclosure.json"},{"name":"highlighted-code","title":"Highlighted Code","description":"Code in a code block with copy, highlighted with Shiki in the theme’s own colours: syntax muted, values in the chart colour, and any text you name marked, such…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/highlighted-code.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/highlighted-code.json"},{"name":"ai-chat","title":"AI Chat","description":"The parts every AI block shares: message types that take the Vercel AI SDK’s useChat and UIMessage as they are, Markdown from a model drawn with safe links and…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/ai-chat.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-chat.json"},{"name":"ai-assistant","title":"AI Assistant","description":"Primitives for AI chat that take the Vercel AI SDK’s useChat as it is: a scrolling log that puts each new question at the top with its reply growing below, ope…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/ai-assistant.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-assistant.json"},{"name":"invoice","title":"Invoice","description":"Primitives for printable documents such as invoices, receipts, quotes and packing slips: totals that add up to the cent with discounts, tax per rate, shipping …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/invoice.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/invoice.json"},{"name":"onboarding","title":"Onboarding","description":"Primitives for first-run setup: a full-page frame with step progress and Back, Skip and Continue actions that moves focus to each new step, radio and checkbox …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/onboarding.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/onboarding.json"},{"name":"kpi-01","title":null,"description":"A single value with its change and what it is compared with.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kpi-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-01.json"},{"name":"kpi-02","title":null,"description":"A value with its change written beside the label, for a tight grid of KPIs.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kpi-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-02.json"},{"name":"kpi-03","title":null,"description":"A rate beside its previous value, with the change in percentage points.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kpi-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-03.json"},{"name":"kpi-04","title":null,"description":"A value with its change and a button beside it that shows the date range, filters and query behind the number.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/kpi-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-04.json"},{"name":"progress-kpi-01","title":null,"description":"Progress to a monthly target, with the projected total hatched ahead of it and a line where an even pace would be by today.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/progress-kpi-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-kpi-01.json"},{"name":"progress-kpi-02","title":null,"description":"The share of work done, as one bar split by status with a count for each.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/progress-kpi-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-kpi-02.json"},{"name":"progress-kpi-03","title":null,"description":"A count against a goal as a ring, with how many are left and how many a day that takes.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/progress-kpi-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-kpi-03.json"},{"name":"bar-chart-kpi-01","title":null,"description":"The week's total with a bar for each day and the change on the week before.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/bar-chart-kpi-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/bar-chart-kpi-01.json"},{"name":"bar-chart-kpi-02","title":null,"description":"Each day's value with its goal marked on the bar, the share of the goal reached and how many days met it.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/bar-chart-kpi-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/bar-chart-kpi-02.json"},{"name":"line-chart-kpi-01","title":null,"description":"This week as a filled area over last week as a dashed line, with the days it fell behind.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/line-chart-kpi-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/line-chart-kpi-01.json"},{"name":"area-chart-kpi-01","title":null,"description":"Gross profit with its margin, and profit inside revenue by day, with the best margin day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/area-chart-kpi-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/area-chart-kpi-01.json"},{"name":"area-chart-kpi-02","title":null,"description":"A large total with an area chart along the bottom, as a hero number at the top of a dashboard.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/area-chart-kpi-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/area-chart-kpi-02.json"},{"name":"activity-feed-01","title":null,"description":"What people did across a workspace, newest first and grouped by day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/activity-feed-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-01.json"},{"name":"activity-feed-02","title":null,"description":"The history of one record as a timeline, with each change shown from the old value to the new one and comments quoted in full.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/activity-feed-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-02.json"},{"name":"activity-feed-03","title":null,"description":"Notifications in All, Mentions and Unread tabs, with each marked read when opened or all at once.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/activity-feed-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-03.json"},{"name":"activity-feed-04","title":null,"description":"A week of activity as daily bars with the busiest day labelled, by kind, with the most active people.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/activity-feed-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-04.json"},{"name":"activity-feed-05","title":null,"description":"Slack and GitHub activity in one timeline, with quoted messages and actions such as starting a review.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/activity-feed-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-05.json"},{"name":"usage-meter-01","title":null,"description":"An API quota with its status, when it resets and the usage it is on pace for, with the date it would hit the limit.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-01.json"},{"name":"usage-meter-02","title":null,"description":"Storage used as a ring in its status colour, with the space that is free.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-02.json"},{"name":"usage-meter-03","title":null,"description":"Usage against what the plan includes, with the overage past the limit and what it will cost.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-03.json"},{"name":"usage-meter-04","title":null,"description":"A credit balance with the days left, the date it runs out and recent daily use against the average.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-04.json"},{"name":"usage-meter-05","title":null,"description":"Storage split into categories as one segmented bar, with each category's size and share, and the space that is free.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-05.json"},{"name":"usage-meter-06","title":null,"description":"Every limit on a plan, flagging the ones nearly reached and prompting an upgrade.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-06.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-06.json"},{"name":"usage-meter-07","title":null,"description":"What is left as a liquid that drains as usage grows, turning orange and then red.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-07.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-07.json"},{"name":"usage-meter-08","title":null,"description":"What is left as a round wave that drains as usage grows, with used, free and days until reset below.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/usage-meter-08.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-08.json"},{"name":"leaderboard-01","title":null,"description":"Ranked rows with a background bar sized relative to the leader.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/leaderboard-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-01.json"},{"name":"leaderboard-02","title":null,"description":"People ranked by revenue with a bar to their quota and the change since the last period.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/leaderboard-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-02.json"},{"name":"leaderboard-03","title":null,"description":"The top three on a podium sized by their totals, with the rest of the field listed below.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/leaderboard-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-03.json"},{"name":"leaderboard-04","title":null,"description":"Products ranked by revenue with how far each moved in the ranking since the last period.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/leaderboard-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-04.json"},{"name":"leaderboard-05","title":null,"description":"A ranked list that can be reversed and expanded to show every entry.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/leaderboard-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-05.json"},{"name":"chart-panel-01","title":null,"description":"This period's area against the previous period's dashed line, with the change written as a sentence.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-01.json"},{"name":"chart-panel-02","title":null,"description":"Tabs for related metrics, each showing its total and change, over a chart of the chosen one with its average.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-02.json"},{"name":"chart-panel-03","title":null,"description":"Monthly totals as stacked bars split by category, with the average and the latest total labelled.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-03.json"},{"name":"chart-panel-04","title":null,"description":"A single series of bars with the latest period highlighted and labelled, against a goal line.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-04.json"},{"name":"chart-panel-05","title":null,"description":"A donut splitting a total into parts, with each value and share listed beside it.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-05.json"},{"name":"chart-panel-06","title":null,"description":"Several ordered lines, such as percentiles, in one hue from light to full strength, labelled at their ends, against an SLO line.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/chart-panel-06.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-06.json"},{"name":"breakdown-01","title":null,"description":"A single 100% bar splitting a total into categories, with each value and share listed below.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/breakdown-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-01.json"},{"name":"breakdown-02","title":null,"description":"One bar per group showing its mix of categories, sorted by a chosen category's share, which is labelled on every row.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/breakdown-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-02.json"},{"name":"breakdown-03","title":null,"description":"A 10 by 10 grid of squares where each square is 1% of the total, coloured by category.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/breakdown-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-03.json"},{"name":"breakdown-04","title":null,"description":"How each category's share of a total moved between two periods, as a dot for each period joined by a line.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/breakdown-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-04.json"},{"name":"funnel-01","title":null,"description":"Each stage as a bar sized against the first, with the conversion at each step and overall.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/funnel-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-01.json"},{"name":"funnel-02","title":null,"description":"Stages as columns against a 0 to 100% axis, each topped by the share that left at that step, with the biggest drop named.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/funnel-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-02.json"},{"name":"funnel-03","title":null,"description":"A vertical stepper through the stages that calls out the step with the biggest drop-off.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/funnel-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-03.json"},{"name":"funnel-04","title":null,"description":"Two segments as lines through every stage, each as a share of its first step, with the gap between them shaded.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/funnel-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-04.json"},{"name":"status-01","title":null,"description":"Each service with its current status, the worst one above the title, and a sentence naming the services that are not operational.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-01.json"},{"name":"status-02","title":null,"description":"Ninety days of daily status for each service as a row of bars, with a tooltip for any day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-02.json"},{"name":"status-03","title":null,"description":"An active incident with its severity, affected components and a timeline of updates.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-03.json"},{"name":"status-04","title":null,"description":"Regions, each with its status, p95 latency bar and error rate.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-04.json"},{"name":"status-05","title":null,"description":"One service's uptime, incident count and downtime, with its daily history and recent incidents.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/status-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-05.json"},{"name":"stat-group-01","title":null,"description":"Metrics side by side, each with its change written as a sentence.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/stat-group-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-01.json"},{"name":"stat-group-02","title":null,"description":"A row of metrics, each with its change and a 14-day sparkline, under a sentence saying how many improved.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/stat-group-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-02.json"},{"name":"stat-group-03","title":null,"description":"A row of metrics where picking one charts it by day against the previous period.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/stat-group-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-03.json"},{"name":"stat-group-04","title":null,"description":"Five metrics in a slim row with their changes, wrapping to two columns when narrow.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/stat-group-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-04.json"},{"name":"stat-group-05","title":null,"description":"Four metrics, each with a bar for this period over a bar for the one before.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/stat-group-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-05.json"},{"name":"dashboard-header-01","title":null,"description":"A dashboard header with a title, date range presets, a compare switch, removable filter chips, an add filter menu and export.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-header-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-01.json"},{"name":"dashboard-header-02","title":null,"description":"A short dashboard header with a title, a date range menu and an export button.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-header-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-02.json"},{"name":"dashboard-header-03","title":null,"description":"A dashboard header with date range presets as a segmented control, a compare switch and a filter chip.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-header-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-03.json"},{"name":"dashboard-header-04","title":null,"description":"A dashboard header with a description, the time of the last update and a refresh button beside the date range and export.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-header-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-04.json"},{"name":"data-table-01","title":null,"description":"A table of rows with sortable column headers.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-01.json"},{"name":"data-table-02","title":null,"description":"Revenue by product, each with a bar scaled to the top product and its share of the total.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-02.json"},{"name":"data-table-03","title":null,"description":"Campaign conversions and cost per conversion, each with its change and a 14-day sparkline.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-03.json"},{"name":"data-table-04","title":null,"description":"Services in a table with their status, latency and error rate, worst status first.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-04.json"},{"name":"data-table-05","title":null,"description":"A table of recent orders split into pages of five, with controls to move between them.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-05.json"},{"name":"data-table-06","title":null,"description":"A searchable table with status and plan filters, a column menu, page sizes and row selection to export or email.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/data-table-06.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-06.json"},{"name":"heatmap-01","title":null,"description":"When visitors arrive, as a grid of weekday by hour, darker where there are more.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/heatmap-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-01.json"},{"name":"heatmap-02","title":null,"description":"The share of each weekly signup cohort still active in each week after signup, as a shaded grid.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/heatmap-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-02.json"},{"name":"heatmap-03","title":null,"description":"A year of daily values as a calendar grid, darker on busier days.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/heatmap-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-03.json"},{"name":"heatmap-04","title":null,"description":"The p95 latency of each endpoint by hour over the last day, darker where it is slower.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/heatmap-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-04.json"},{"name":"states-01","title":null,"description":"Grey placeholders shaped like a row of stats, shown while data loads so nothing shifts when it arrives.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/states-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-01.json"},{"name":"states-02","title":null,"description":"A chart that stays in place at reduced opacity while it refreshes, with an updating indicator in the header.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/states-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-02.json"},{"name":"states-03","title":null,"description":"A filtered table with no matching rows, explaining why it is empty and offering a way out.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/states-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-03.json"},{"name":"states-04","title":null,"description":"A chart that loads its own data and, when the request fails, says so where the number and the chart go.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/states-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-04.json"},{"name":"dashboard-01","title":"Store dashboard","description":"A store dashboard: header filters scope stats, revenue, channels, products, a checkout funnel and month-to-date revenue, with low stock alongside.","type":"registry:block","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-01.json"},{"name":"dashboard-02","title":"SaaS dashboard","description":"A SaaS dashboard: metric tabs, an activity heatmap, MRR by region, MRR movement, retention milestones and service status, filtered by plan.","type":"registry:block","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-02.json"},{"name":"dashboard-03","title":"Web analytics dashboard","description":"A web analytics dashboard: traffic tabs, visitors right now, a traffic flow, top pages, top countries and browsers, filtered by device.","type":"registry:block","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-03.json"},{"name":"dashboard-04","title":"CRM dashboard","description":"A CRM dashboard: sales stats, open pipeline by stage, monthly bookings, lead conversion, a quarter forecast by rep, deal activity and stuck deals, filtered by …","type":"registry:block","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-04.json"},{"name":"dashboard-05","title":"DevOps dashboard","description":"A DevOps dashboard: live throughput, delivery performance, response time percentiles, open alerts, uptime, build health and recent deployments, filtered by ser…","type":"registry:block","source_url":"https://www.dashboardblocks.com/r/{style}/dashboard-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-05.json"},{"name":"goals-01","title":null,"description":"One target with an expected-by-today marker, the projection at the current pace hatched on the bar, and what is left to do each day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/goals-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-01.json"},{"name":"goals-02","title":null,"description":"Several goals for the same period, each with its own pace.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/goals-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-02.json"},{"name":"goals-03","title":null,"description":"Cumulative progress this month, projected to the end of the month at the current daily rate, with the day it reaches the target or how far short it ends.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/goals-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-03.json"},{"name":"goals-04","title":null,"description":"Small daily goals as rings, with what is left to do or how far past the goal each one is.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/goals-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-04.json"},{"name":"comparison-01","title":null,"description":"Each metric this period and last, with the difference and the change, under a sentence saying how many improved.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/comparison-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-01.json"},{"name":"comparison-02","title":null,"description":"The lift of a variant over the control, with a 95% confidence interval drawn against zero and what it means.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/comparison-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-02.json"},{"name":"comparison-03","title":null,"description":"The net change, then the change in each segment as bars either side of zero, from the biggest gain to the biggest drop.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/comparison-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-03.json"},{"name":"comparison-04","title":null,"description":"Two values per row on a shared scale, a hollow dot for before and a filled one for after, with the rows that got worse in grey.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/comparison-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-04.json"},{"name":"alerts-01","title":null,"description":"Open alerts, most recent first, each with a button to acknowledge it.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/alerts-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-01.json"},{"name":"alerts-02","title":null,"description":"A metric over the last hour against its threshold line, with the current value, the peak and actions to take.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/alerts-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-02.json"},{"name":"alerts-03","title":null,"description":"A table of alert rules with their conditions, severities and channels, and a switch to pause or resume each one.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/alerts-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-03.json"},{"name":"alerts-04","title":null,"description":"A slim strip with open alerts by severity and the latest one, for the top of a dashboard.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/alerts-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-04.json"},{"name":"geo-01","title":null,"description":"Revenue by US state as a tile map on a single-hue scale, with the total and the top five states.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/geo-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-01.json"},{"name":"geo-02","title":null,"description":"The leading countries with flags, values and shares, and the rest summed into one row.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/geo-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-02.json"},{"name":"geo-03","title":null,"description":"Active users by city right now as markers sized by value on a dotted world map, with the busiest city named.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/geo-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-03.json"},{"name":"geo-04","title":null,"description":"Revenue split across regions, each with its share and its change on the previous quarter.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/geo-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-04.json"},{"name":"billing-01","title":null,"description":"Starting to ending monthly recurring revenue as a waterfall chart, with ending MRR against the start of the month, net new revenue and net revenue retention.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/billing-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-01.json"},{"name":"billing-02","title":null,"description":"The current plan and its price, when it renews, the next invoice and the payment method on file, with actions to manage them.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/billing-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-02.json"},{"name":"billing-03","title":null,"description":"Recent invoices with their status and amount, what is outstanding and a PDF download for each one.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/billing-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-03.json"},{"name":"billing-04","title":null,"description":"Monthly and annual recurring revenue, revenue per account and net revenue retention, each with its change from the previous month.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/billing-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-04.json"},{"name":"billing-05","title":null,"description":"Plans side by side, monthly or yearly, with seats, what is due today and what a downgrade takes away.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/billing-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-05.json"},{"name":"insights-01","title":null,"description":"A list of plain-language insights, each with its kind as a coloured word, its topic, the key figures picked out, an optional line on the drivers and a link to …","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/insights-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-01.json"},{"name":"insights-02","title":null,"description":"An unusual reading against the range it was expected to fall in, with the days outside it shaded, the worst day labelled on the chart, the explanation and like…","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/insights-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-02.json"},{"name":"insights-03","title":null,"description":"What contributed to a change, as bars either side of zero, with a sentence naming the biggest driver and the biggest drag.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/insights-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-03.json"},{"name":"insights-04","title":null,"description":"A short weekly summary with a headline, three takeaways and buttons to say whether it helped.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/insights-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-04.json"},{"name":"pipeline-01","title":null,"description":"A board with a column for each stage showing its item count and total value, and a card for each item that can be moved from its menu.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/pipeline-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-01.json"},{"name":"pipeline-02","title":null,"description":"Open value across stages, with each stage as a segment sized by value or by count.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/pipeline-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-02.json"},{"name":"pipeline-03","title":null,"description":"Items that have been in a stage longer than expected, longest first, with how long they have waited and who owns them.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/pipeline-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-03.json"},{"name":"pipeline-04","title":null,"description":"Closed and open deals weighted by the chance each stage closes, per owner, against their quota.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/pipeline-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-04.json"},{"name":"schedule-01","title":null,"description":"Upcoming events grouped by day, as Today, Tomorrow and then weekdays, with the event in progress marked.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/schedule-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-01.json"},{"name":"schedule-02","title":null,"description":"A month calendar with a dot on each day that has events, and a list of the events on the selected day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/schedule-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-02.json"},{"name":"schedule-03","title":null,"description":"Deadlines and renewals in date order, each with a countdown and an urgency badge.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/schedule-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-03.json"},{"name":"schedule-04","title":null,"description":"The next seven days on a shared time axis, with how many events each day holds and how much of it is booked.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/schedule-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-04.json"},{"name":"team-01","title":null,"description":"A list of members with their role, whether they are online and when they were last active.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-01.json"},{"name":"team-02","title":null,"description":"Work assigned to each person against their capacity on a shared scale, with anyone over capacity flagged and listed first.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-02.json"},{"name":"team-03","title":null,"description":"How many people are online, with their avatars and the team split by presence.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-03.json"},{"name":"team-04","title":null,"description":"Who is on call now and until when, who is next, and the rest of the rota.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-04.json"},{"name":"team-05","title":null,"description":"A grid of what each role can do, with permissions in rows and roles in columns, unsaved changes highlighted and a save bar that shows once something changes.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-05.json"},{"name":"team-06","title":null,"description":"A share panel for inviting people with view or edit access, changing or removing it, and choosing who the link works for.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/team-06.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-06.json"},{"name":"checklist-01","title":null,"description":"Setup steps with a progress bar, where each step expands to show what it involves and the current step has its action.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/checklist-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-01.json"},{"name":"checklist-02","title":null,"description":"The stages of a multi-stage setup as a row of rules, side by side when wide and stacked when narrow.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/checklist-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-02.json"},{"name":"checklist-03","title":null,"description":"A small block with how many setup steps are done and the next one, to bring people back to finish.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/checklist-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-03.json"},{"name":"checklist-04","title":null,"description":"Tasks grouped by team with owners, due dates and checkboxes, with overdue and due-soon tasks written in colour.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/checklist-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-04.json"},{"name":"gauge-01","title":null,"description":"A net promoter score on its full −100 to 100 scale, with the split of promoters, passives and detractors.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/gauge-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-01.json"},{"name":"gauge-02","title":null,"description":"A health score weighted from its contributing factors, marked on poor, fair and good bands, with the factors that pull it down most.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/gauge-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-02.json"},{"name":"gauge-03","title":null,"description":"CPU, memory and disk as small gauges, each in the colour of its band with warning and critical thresholds marked.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/gauge-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-03.json"},{"name":"gauge-04","title":null,"description":"A satisfaction score on an arc with a target tick, the change since last period and the gap to target.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/gauge-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-04.json"},{"name":"metric-list-01","title":null,"description":"A list of metrics with their change and a 14-day sparkline each.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/metric-list-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-01.json"},{"name":"metric-list-02","title":null,"description":"Metrics grouped into sections, each with a header and a count of how many improved.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/metric-list-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-02.json"},{"name":"metric-list-03","title":null,"description":"Metrics against their targets, each with a bar, a tick at the target and a status.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/metric-list-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-03.json"},{"name":"metric-list-04","title":null,"description":"A list of metrics where picking one charts it beside the list, against its 30-day average.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/metric-list-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-04.json"},{"name":"forecast-01","title":null,"description":"Weekly actuals continuing into a dashed forecast, with a shaded 80% range and a marker for today.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/forecast-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-01.json"},{"name":"forecast-02","title":null,"description":"The running total heading for a goal line, with the forecast, its 80% range, the deadline and the date it gets there.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/forecast-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-02.json"},{"name":"forecast-03","title":null,"description":"Month to date, projected to the end of the month at the daily run-rate, with what is needed per day to hit the target.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/forecast-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-03.json"},{"name":"forecast-04","title":null,"description":"Low, base and high growth scenarios from the last actual, as a chart and a table with when each one reaches the target.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/forecast-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-04.json"},{"name":"retention-01","title":null,"description":"A retention triangle with a row per cohort and a weighted average row, shaded by share.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/retention-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-01.json"},{"name":"retention-02","title":null,"description":"Every cohort's retention curve, with one highlighted against the average and where the average levels off.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/retention-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-02.json"},{"name":"retention-03","title":null,"description":"Day 1, 7 and 30 retention for the latest cohort, with the change against the cohort before written out.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/retention-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-03.json"},{"name":"retention-04","title":null,"description":"Users gained above the axis and lost below it, with the net change and the quick ratio.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/retention-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-04.json"},{"name":"distribution-01","title":null,"description":"Response times in buckets that widen as times grow, with p50, p95 and p99 lines, the buckets over the target in red and the share over it as the headline.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/distribution-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-01.json"},{"name":"distribution-02","title":null,"description":"A box and whiskers per group on a shared axis, to compare spread and median across groups.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/distribution-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-02.json"},{"name":"distribution-03","title":null,"description":"The median, mean and percentiles of a set of values, with a note when a long tail pulls the mean away.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/distribution-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-03.json"},{"name":"distribution-04","title":null,"description":"This week's distribution against last week's as a dashed line, with both medians and the change at the median and p90.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/distribution-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-04.json"},{"name":"spend-01","title":null,"description":"Spend so far against the month's budget, with the projected month end and what is left to spend per day.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/spend-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-01.json"},{"name":"spend-02","title":null,"description":"The total spent and where it is heading, then one budget bar per service, naming the ones over budget.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/spend-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-02.json"},{"name":"spend-03","title":null,"description":"Monthly spend as bars against a stepped budget line, with months over budget in red and labelled with the overspend, and the year-to-date variance.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/spend-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-03.json"},{"name":"spend-04","title":null,"description":"The cash balance, the average net burn and the months of runway left, with the balance projected to the month it runs out.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/spend-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-04.json"},{"name":"flow-01","title":null,"description":"Sessions from each source through the landing page, to signing up, browsing on or bouncing.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/flow-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-01.json"},{"name":"flow-02","title":null,"description":"Where visitors go in their first pages after landing, with the ones who left at each step.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/flow-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-02.json"},{"name":"flow-03","title":null,"description":"Revenue streams into total revenue, then out to costs and profit, with each part's share of revenue.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/flow-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-03.json"},{"name":"flow-04","title":null,"description":"The most common routes as steps, ranked by how many people took them, with how often each reaches the goal.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/flow-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-04.json"},{"name":"timeline-01","title":null,"description":"Projects grouped by team, each a bar from start to end filled to its progress, with a line for today.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/timeline-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-01.json"},{"name":"timeline-02","title":null,"description":"A launch plan as a list on a rail, with the next milestone highlighted and how soon or how late each one is.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/timeline-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-02.json"},{"name":"timeline-03","title":null,"description":"Every release on one line, sized as major, minor or patch, with the median gap and when the next one is due.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/timeline-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-03.json"},{"name":"timeline-04","title":null,"description":"Each phase's plan as a dashed outline with what actually happened as a bar beneath it, and how many days it slipped.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/timeline-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-04.json"},{"name":"realtime-01","title":null,"description":"Active users now, page views per second over the last minute and the pages with the most people on them.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/realtime-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-01.json"},{"name":"realtime-02","title":null,"description":"Requests per second over the last five minutes, with the peak, the error rate and errors on their own scale.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/realtime-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-02.json"},{"name":"realtime-03","title":null,"description":"Orders, sign-ups, refunds and messages as they arrive, newest first, with a pause button.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/realtime-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-03.json"},{"name":"realtime-04","title":null,"description":"Running totals since midnight against yesterday at the same time, with orders per hour beside yesterday as a dashed line.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/realtime-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-04.json"},{"name":"feedback-01","title":null,"description":"The average rating as stars, the number of ratings and the share of each star, with the change on the last period and the share rating 4 or 5.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/feedback-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-01.json"},{"name":"feedback-02","title":null,"description":"A diverging bar chart of negative and positive mentions for each topic, sorted by net sentiment, with the best and worst topic in a sentence.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/feedback-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-02.json"},{"name":"feedback-03","title":null,"description":"The latest reviews with their rating and source, flagging low ratings still waiting for a reply.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/feedback-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-03.json"},{"name":"feedback-04","title":null,"description":"Weekly customer satisfaction against a target, with the change on the week before and how many weeks met it.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/feedback-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-04.json"},{"name":"deployments-01","title":null,"description":"The latest builds, each with its commit, environment, author, duration and status.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/deployments-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-01.json"},{"name":"deployments-02","title":null,"description":"What each environment is running, and how many commits are waiting to be promoted to the next one.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/deployments-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-02.json"},{"name":"deployments-03","title":null,"description":"The four DORA delivery metrics, each with its performance band and the change on the previous period.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/deployments-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-03.json"},{"name":"deployments-04","title":null,"description":"The latest runs of each pipeline as a strip of results, with the pass rate and median duration.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/deployments-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-04.json"},{"name":"scatter-01","title":null,"description":"Pages plotted by load time and conversion rate, grouped by section, with a trend line and how strong the link is.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/scatter-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-01.json"},{"name":"scatter-02","title":null,"description":"Features plotted by usage and satisfaction, split into four labelled quadrants with each point named.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/scatter-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-02.json"},{"name":"scatter-03","title":null,"description":"Campaigns plotted by cost per acquisition and conversion rate, sized by spend and coloured by channel, against a target cost.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/scatter-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-03.json"},{"name":"scatter-04","title":null,"description":"Open risks on a likelihood by impact grid, shaded by level, with the risks in a selected cell listed.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/scatter-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-04.json"},{"name":"security-01","title":null,"description":"Failed and blocked sign-ins per day against a typical day, with the failure rate, the spike in blocked attempts called out, and two-factor coverage.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-01.json"},{"name":"security-02","title":null,"description":"Changes to access, keys and settings, newest first, with a switch to show warnings only.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-02.json"},{"name":"security-03","title":null,"description":"The devices signed in to an account, with where and when each was last active, and buttons to sign them out.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-03.json"},{"name":"security-04","title":null,"description":"A security score on a banded gauge, built from workspace checks, with failing checks first and what to do about each.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-04.json"},{"name":"security-05","title":null,"description":"Setting up two-factor sign-in with an authenticator app, security keys and passkeys, and recovery codes shown once.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security-05.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-05.json"},{"name":"security-06","title":null,"description":"A single sign-on connection with details to copy into your identity provider, verified domains, and a switch to require it.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/security-06.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-06.json"},{"name":"inventory-01","title":null,"description":"Items at or near their reorder point, soonest to run out first, with how much to order and which will run out before an order arrives.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/inventory-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-01.json"},{"name":"inventory-02","title":null,"description":"Units stored against capacity in each warehouse, with what arrives this week and which will be nearly full.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/inventory-02.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-02.json"},{"name":"inventory-03","title":null,"description":"Every SKU by stock status, with the value of stock on hand and how many times a year it turns over.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/inventory-03.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-03.json"},{"name":"inventory-04","title":null,"description":"One item's stock day by day at its current demand, with incoming orders, the reorder point and when it runs out.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/inventory-04.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-04.json"},{"name":"ai-usage-01","title":null,"description":"Tokens per day stacked by model against the daily average, with the total cost and the cost per million tokens; hovering a day splits it by model.","type":"registry:component","source_url":"https://www.dashboardblocks.com/r/{style}/ai-usage-01.json","install_command":"npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage-01.json"}]},{"id":"dashboardcn","name":"@dashboardcn","slug":"dashboardcn","description":"Dashboard and analytics components for shadcn/ui. KPI cards, charts, funnels, ranked lists, heatmaps, data tables, and the cards that combine them. Free and MIT licensed.","author":"NoahGdev","framework":"react","license":null,"tags":["cards","charts","dashboard","e-commerce","forms","loaders","maps","navigation","payments","tables"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://dashboardcn.com","github":"https://github.com/NoahGdev/dashboardcn","registry":"https://dashboardcn.com/r/registry.json","source":"https://dashboardcn.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dashboardcn","markdown":"https://sh4dcn.netlify.app/md/dashboardcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><rect width='1024' height='1024' rx='160' fill='var(--foreground)'/><path fill='var(--background)' d='M304 212H545C680 212 789 321 789 455C789 557 738 646 658 700V421C658 397 639 378 615 378H611C587 378 568 397 568 421V739H541V513C541 488 521 468 496 468H495C470 468 450 488 450 513V739H429V608C429 584 410 565 386 565H381C357 565 338 584 338 608V739H304C288 739 275 726 275 710V241C275 225 288 212 304 212Z'/></svg>","preview_image":"https://dashboardcn.com/opengraph-image?69dbc8bd8e915e8d","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":18,"open_issues":0,"last_commit":"2026-09-19T07:32:31Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://dashboardcn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://dashboardcn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://dashboardcn.com/r/registry.json","clone":"git clone https://github.com/NoahGdev/dashboardcn.git","clone_degit":"npx degit NoahGdev/dashboardcn","registry_fetch":"curl -s https://dashboardcn.com/r/registry.json"},"component_count":54,"components":[{"name":"format","title":"Format","description":"Number, currency, percent, and delta formatters for analytics UI.","type":"registry:lib","source_url":"https://dashboardcn.com/r/format.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/format.json"},{"name":"sparkline","title":"Sparkline","description":"A tiny inline area or line chart for showing a trend at a glance.","type":"registry:ui","source_url":"https://dashboardcn.com/r/sparkline.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/sparkline.json"},{"name":"kpi-card","title":"KPI Card","description":"A metric card with value, period-over-period delta, and an optional sparkline.","type":"registry:ui","source_url":"https://dashboardcn.com/r/kpi-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/kpi-card.json"},{"name":"bar-list","title":"Bar List","description":"A ranked list with proportional bars, for top pages, referrers, or countries.","type":"registry:ui","source_url":"https://dashboardcn.com/r/bar-list.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/bar-list.json"},{"name":"distribution-bar","title":"Distribution Bar","description":"A single stacked bar showing how a total splits across categories.","type":"registry:ui","source_url":"https://dashboardcn.com/r/distribution-bar.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/distribution-bar.json"},{"name":"funnel-chart","title":"Funnel Chart","description":"Step-by-step conversion, as stacked bars with drop-off or as a flow of tapering stages with a tile per step.","type":"registry:ui","source_url":"https://dashboardcn.com/r/funnel-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/funnel-chart.json"},{"name":"activity-heatmap","title":"Activity Heatmap","description":"A calendar heatmap of daily activity, in the style of a contribution graph.","type":"registry:ui","source_url":"https://dashboardcn.com/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/activity-heatmap.json"},{"name":"trend-chart","title":"Trend Chart","description":"Area, line, or bar chart over time with tooltips and legend, built on shadcn's chart primitives.","type":"registry:ui","source_url":"https://dashboardcn.com/r/trend-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/trend-chart.json"},{"name":"bar-chart","title":"Bar Chart","description":"A single-series bar chart with gradient or striped fills, highlighted bars, and a hover marker.","type":"registry:ui","source_url":"https://dashboardcn.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/bar-chart.json"},{"name":"data-table","title":"Data Table","description":"A sortable, filterable, paginated table with column visibility, row selection, sticky and reorderable columns, and loading states, built on TanStack Table v9.","type":"registry:ui","source_url":"https://dashboardcn.com/r/data-table.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/data-table.json"},{"name":"delta-badge","title":"Delta Badge","description":"A signed percentage change with a trend icon, colored by whether the change is good.","type":"registry:ui","source_url":"https://dashboardcn.com/r/delta-badge.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/delta-badge.json"},{"name":"metric-value","title":"Metric Value","description":"A formatted number that abbreviates large values and shows the full value in a tooltip on hover.","type":"registry:ui","source_url":"https://dashboardcn.com/r/metric-value.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/metric-value.json"},{"name":"radial-gauge","title":"Radial Gauge","description":"A semicircular or ring gauge, continuous or segmented, with content in the middle.","type":"registry:ui","source_url":"https://dashboardcn.com/r/radial-gauge.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/radial-gauge.json"},{"name":"donut-chart","title":"Donut Chart","description":"A donut, pie, or half-donut with a center label, tooltip, and legend, on shadcn's chart primitives.","type":"registry:ui","source_url":"https://dashboardcn.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/donut-chart.json"},{"name":"composed-chart","title":"Composed Chart","description":"Mix areas, lines, and bars in one chart with dual axes, reference lines, peak markers, and hatched bars.","type":"registry:ui","source_url":"https://dashboardcn.com/r/composed-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/composed-chart.json"},{"name":"segmented-meter","title":"Segmented Meter","description":"A zoned bar meter with a marker at the current value, for heart-rate zones, allocations, or thresholds.","type":"registry:ui","source_url":"https://dashboardcn.com/r/segmented-meter.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/segmented-meter.json"},{"name":"period-tabs","title":"Period Tabs","description":"A small segmented control for switching a chart between week, month, and year.","type":"registry:ui","source_url":"https://dashboardcn.com/r/period-tabs.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/period-tabs.json"},{"name":"metric-list","title":"Metric List","description":"Compact rows of label, sparkline, value, and delta.","type":"registry:ui","source_url":"https://dashboardcn.com/r/metric-list.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/metric-list.json"},{"name":"tick-bar","title":"Tick Bar","description":"A progress bar drawn as a row of ticks, lit up to the current value.","type":"registry:ui","source_url":"https://dashboardcn.com/r/tick-bar.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/tick-bar.json"},{"name":"dot-plot","title":"Dot Plot","description":"A distribution drawn as columns of stacked dots, with the peak columns at full strength.","type":"registry:ui","source_url":"https://dashboardcn.com/r/dot-plot.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/dot-plot.json"},{"name":"timeline","title":"Timeline","description":"A vertical chronology of events, each with a marker, connector, and free-form content. Use it for audit logs, activity feeds, and version history.","type":"registry:ui","source_url":"https://dashboardcn.com/r/timeline.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/timeline.json"},{"name":"activity-rings","title":"Activity Rings","description":"Concentric progress rings, one per goal, in the style of a fitness watch.","type":"registry:ui","source_url":"https://dashboardcn.com/r/activity-rings.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/activity-rings.json"},{"name":"heatmap-chart","title":"Heatmap Chart","description":"A matrix heatmap with a row per line and a column per label, e.g. weekday by hour, with hover highlighting and tooltips.","type":"registry:ui","source_url":"https://dashboardcn.com/r/heatmap-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/heatmap-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"A filled, outlined, or dotted radar chart with polygon or circle grids, for scores and multi-series comparisons.","type":"registry:ui","source_url":"https://dashboardcn.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/radar-chart.json"},{"name":"scatter-chart","title":"Scatter Chart","description":"Correlation dots per series that become bubbles when a size key is set, with a per-point tooltip and legend.","type":"registry:ui","source_url":"https://dashboardcn.com/r/scatter-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/scatter-chart.json"},{"name":"sankey-chart","title":"Sankey Chart","description":"A flow diagram with tinted links, colored node bars, and share labels, on shadcn's chart primitives.","type":"registry:ui","source_url":"https://dashboardcn.com/r/sankey-chart.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/sankey-chart.json"},{"name":"kpi-row-card","title":"KPI Row Card","description":"A card with a period switcher, a row of KPI tiles with sparklines and deltas, and a footer summary.","type":"registry:block","source_url":"https://dashboardcn.com/r/kpi-row-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/kpi-row-card.json"},{"name":"balance-chart-card","title":"Balance Chart Card","description":"A balance or price card with a big value, delta, stat row, and a line chart with reference line and peak marker.","type":"registry:block","source_url":"https://dashboardcn.com/r/balance-chart-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/balance-chart-card.json"},{"name":"status-gauge-card","title":"Status Gauge Card","description":"A status card with a headline word, a metric, an avatar stack, and a segmented semicircular gauge.","type":"registry:block","source_url":"https://dashboardcn.com/r/status-gauge-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/status-gauge-card.json"},{"name":"ring-kpi-card","title":"Ring KPI Card","description":"A card with a row of KPI tiles, each with a segmented ring next to the value and a comparison to the previous value.","type":"registry:block","source_url":"https://dashboardcn.com/r/ring-kpi-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/ring-kpi-card.json"},{"name":"distribution-card","title":"Distribution Card","description":"A total with delta, a stacked share bar, and a ranked list of the contributors with their values.","type":"registry:block","source_url":"https://dashboardcn.com/r/distribution-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/distribution-card.json"},{"name":"tick-kpi-card","title":"Tick KPI Card","description":"A card with a row of KPI tiles, each with a value out of a whole and a tick bar showing how far along it is.","type":"registry:block","source_url":"https://dashboardcn.com/r/tick-kpi-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/tick-kpi-card.json"},{"name":"allocation-card","title":"Allocation Card","description":"A share-of-total card with a period switcher, a big percentage with delta, a tick bar, and a footer stat with an avatar stack.","type":"registry:block","source_url":"https://dashboardcn.com/r/allocation-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/allocation-card.json"},{"name":"dual-metric-card","title":"Dual Metric Card","description":"A card with two metrics side by side, each with a value, share badge, meter, and a supporting fact.","type":"registry:block","source_url":"https://dashboardcn.com/r/dual-metric-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/dual-metric-card.json"},{"name":"period-bar-chart-card","title":"Period Bar Chart Card","description":"A card with a total for the selected period, a range switcher, and a bar chart that highlights that period.","type":"registry:block","source_url":"https://dashboardcn.com/r/period-bar-chart-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/period-bar-chart-card.json"},{"name":"progress-card","title":"Progress Card","description":"A compact progress card with an icon title, a pill tick bar, and a count with a secondary stat.","type":"registry:block","source_url":"https://dashboardcn.com/r/progress-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/progress-card.json"},{"name":"breakdown-card","title":"Breakdown Card","description":"A total with delta and a list of contributors, each with a value and a hatched bar showing its share.","type":"registry:block","source_url":"https://dashboardcn.com/r/breakdown-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/breakdown-card.json"},{"name":"dot-plot-card","title":"Dot Plot Card","description":"A metric card with a big value, a dot-plot distribution with its peak called out, and the change vs the previous period.","type":"registry:block","source_url":"https://dashboardcn.com/r/dot-plot-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/dot-plot-card.json"},{"name":"insight-card","title":"Insight Card","description":"A hero card with a badge, a very large number, a headline, and a paged set of insights over a soft gradient.","type":"registry:block","source_url":"https://dashboardcn.com/r/insight-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/insight-card.json"},{"name":"metric-tabs-chart-card","title":"Metric Tabs Chart Card","description":"A row of metric tabs, each with a value and delta, above a line chart of the selected metric against the previous period.","type":"registry:block","source_url":"https://dashboardcn.com/r/metric-tabs-chart-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/metric-tabs-chart-card.json"},{"name":"data-table-card","title":"Data Table Card","description":"A card around a data table: title, toolbar, rows, and pagination in the footer.","type":"registry:block","source_url":"https://dashboardcn.com/r/data-table-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/data-table-card.json"},{"name":"activity-rings-card","title":"Activity Rings Card","description":"A card with concentric goal rings and a tile per ring with its value. Hovering a tile or a ring focuses the pair.","type":"registry:block","source_url":"https://dashboardcn.com/r/activity-rings-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/activity-rings-card.json"},{"name":"funnel-chart-card","title":"Funnel Chart Card","description":"A conversion card with a flow funnel: a headline value with delta, a range picker that carries its own steps, and a tile per stage. Hovering a stage swaps the …","type":"registry:block","source_url":"https://dashboardcn.com/r/funnel-chart-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/funnel-chart-card.json"},{"name":"stage-bars-card","title":"Stage Bars Card","description":"The funnel as a list: a rounded bar per stage with its name, value, and share of the first stage, a range picker, and a tile per stage.","type":"registry:block","source_url":"https://dashboardcn.com/r/stage-bars-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/stage-bars-card.json"},{"name":"contributions-card","title":"Contributions Card","description":"A contribution-graph card: a headline total with delta, a row of stat tiles, a period switcher, and a year of daily activity.","type":"registry:block","source_url":"https://dashboardcn.com/r/contributions-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/contributions-card.json"},{"name":"heatmap-chart-card","title":"Heatmap Chart Card","description":"A card with a headline total, a delta, an optional period switcher, and a matrix heatmap whose hovered cell swaps into the headline.","type":"registry:block","source_url":"https://dashboardcn.com/r/heatmap-chart-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/heatmap-chart-card.json"},{"name":"score-gauge-card","title":"Score Gauge Card","description":"A score card with a headline word, a radial gauge around the score, and a breakdown list of labelled bars.","type":"registry:block","source_url":"https://dashboardcn.com/r/score-gauge-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/score-gauge-card.json"},{"name":"goal-chart-card","title":"Goal Chart Card","description":"A card with a total, a period switcher, and a bar chart with a dashed goal line that colors the bars reaching it.","type":"registry:block","source_url":"https://dashboardcn.com/r/goal-chart-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/goal-chart-card.json"},{"name":"corner-frame","title":"Corner Frame","description":"A content frame with configurable registration marks at every corner.","type":"registry:ui","source_url":"https://dashboardcn.com/r/corner-frame.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/corner-frame.json"},{"name":"command-palette","title":"Command Palette","description":"A data-driven Command+K menu with dialog and inline variants, grouped results, metadata, shortcuts, and a replaceable footer.","type":"registry:ui","source_url":"https://dashboardcn.com/r/command-palette.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/command-palette.json"},{"name":"revenue-ring-card","title":"Revenue Ring Card","description":"A centered revenue metric inside a dense segmented ring, with a legend and full-width action.","type":"registry:block","source_url":"https://dashboardcn.com/r/revenue-ring-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/revenue-ring-card.json"},{"name":"payment-summary-card","title":"Payment Summary Card","description":"A segmented customer metric above a compact payment or record summary with status and action.","type":"registry:block","source_url":"https://dashboardcn.com/r/payment-summary-card.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/payment-summary-card.json"},{"name":"commerce-kpi-row","title":"Commerce KPI Row","description":"A responsive metric strip with dotted sparklines, semantic deltas, and registration-mark corners.","type":"registry:block","source_url":"https://dashboardcn.com/r/commerce-kpi-row.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/commerce-kpi-row.json"},{"name":"skill","title":"Agent skill","description":"A skill that teaches coding agents how to pick, install, and compose dashboardcn components.","type":"registry:file","source_url":"https://dashboardcn.com/r/skill.json","install_command":"npx shadcn@latest add https://dashboardcn.com/r/skill.json"}]},{"id":"data-table-filters","name":"@data-table-filters","slug":"data-table-filters","description":"Data tables for React and shadcn/ui: faceted filters, sorting, infinite scroll, row detail sheet, and server-side filtering with Drizzle. Built on TanStack Table. Powered by openstatus.","author":"openstatusHQ","framework":"react","license":"MIT","tags":["ai","charts","overlays","tables"],"categories":["AI/chat UI"],"labels":["popular","recently-updated"],"urls":{"website":"https://data-table.openstatus.dev","github":"https://github.com/openstatusHQ/data-table-filters","registry":"https://data-table.openstatus.dev/r/registry.json","source":"https://data-table.openstatus.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/data-table-filters","markdown":"https://sh4dcn.netlify.app/md/data-table-filters.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"330\" height=\"330\" viewBox=\"0 0 330 330\" fill=\"none\"><g clip-path=\"url(#clip0_1543_179)\"><mask id=\"mask0_1543_179\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"330\" height=\"330\"><circle cx=\"165\" cy=\"165\" r=\"165\" fill=\"#D9D9D9\"/></mask><g mask=\"url(#mask0_1543_179)\"><path d=\"M165 330C256.127 330 330 256.127 330 165C330 73.873 256.127 0 165 0C73.873 0 0 73.873 0 165C0 256.127 73.873 330 165 330Z\" fill=\"black\"/><path d=\"M330 96H122V111H330V96Z\" fill=\"white\"/><path d=\"M208 219H0V234H208V219Z\" fill=\"white\"/><circle cx=\"165\" cy=\"165\" r=\"157.5\" stroke=\"white\" stroke-width=\"15\" fill=\"none\"/></g></g><defs><clipPath id=\"clip0_1543_179\"><rect width=\"330\" height=\"330\" fill=\"white\"/></clipPath></defs></svg>","preview_image":"https://data-table.openstatus.dev/assets/data-table-infinite.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2284,"open_issues":10,"last_commit":"2026-10-02T08:00:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://data-table.openstatus.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://data-table.openstatus.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://data-table.openstatus.dev/r/registry.json","clone":"git clone https://github.com/openstatusHQ/data-table-filters.git","clone_degit":"npx degit openstatusHQ/data-table-filters","registry_fetch":"curl -s https://data-table.openstatus.dev/r/registry.json"},"component_count":15,"components":[{"name":"data-table","title":"Data Table with Filters","description":"Data table with search, checkbox, slider, date range filters, sorting, infinite scroll, virtualization, and in-memory state management.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table.json"},{"name":"data-table-filter-command","title":"Data Table Filter Command Palette","description":"Command palette for power-user filter input with history and keyboard shortcuts.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-filter-command.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-filter-command.json"},{"name":"data-table-cell","title":"Data Table Cell Renderers","description":"Cell renderer system with 12 types: text, code, badge, boolean, star, number, status-code, level-indicator, timestamp, heatmap, bar, and gauge.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-cell.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-cell.json"},{"name":"data-table-sheet","title":"Data Table Sheet Detail Panel","description":"Row detail side panel with cell renderers, keyboard navigation, and copy-to-clipboard.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-sheet.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-sheet.json"},{"name":"data-table-nuqs","title":"Data Table nuqs Store Adapter","description":"URL-based state management adapter using nuqs for shareable, bookmarkable filter state.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-nuqs.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-nuqs.json"},{"name":"data-table-zustand","title":"Data Table zustand Store Adapter","description":"Client-side state management adapter using zustand for app-level filter persistence.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-zustand.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-zustand.json"},{"name":"data-table-schema","title":"Data Table Schema System","description":"Declarative table definitions with col.* factories, presets, and generators for columns, filters, and sheet fields.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-schema.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-schema.json"},{"name":"data-table-drizzle","title":"Data Table Drizzle ORM Helpers","description":"Server-side filtering, faceted search, cursor pagination, and sorting helpers for Drizzle ORM.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-drizzle.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-drizzle.json"},{"name":"data-table-query","title":"Data Table Query Layer","description":"React Query infinite query integration with a pluggable transport (base URL, headers, credentials, response parsing), cursor and offset pagination strategies, …","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-query.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-query.json"},{"name":"data-table-filter-command-ai","title":"Data Table AI Filter Command Palette","description":"AI-powered command palette that translates natural language queries into structured table filters. Provider-agnostic — works with any LLM via Vercel AI SDK.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-filter-command-ai.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-filter-command-ai.json"},{"name":"data-table-mcp","title":"Data Table MCP Server","description":"Expose your data table as an MCP endpoint for AI agents. Auto-generates tool schema from BYOS field definitions. Stateless, serverless-compatible.","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-mcp.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-mcp.json"},{"name":"data-table-actions","title":"Data Table Row Actions","description":"Row, bulk, and filter-scoped actions declared next to their Drizzle handlers and rendered from JSON: the list endpoint advertises what can be done to each row,…","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-actions.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-actions.json"},{"name":"data-table-remote","title":"Data Table Remote","description":"A headless data table that renders from an API endpoint: point it at a table manifest and a list endpoint and it derives columns, filters, sheet fields, row id…","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-remote.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-remote.json"},{"name":"data-table-chart","title":"Timeline Chart","description":"Stacked timeline bar chart above the table: one bar per time bucket, one series per level, drag to select a range and zoom the table's time filter to it. Ships…","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-chart.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-chart.json"},{"name":"data-table-example-infinite","title":"Example: infinite table","description":"A complete /example route to see the table running before wiring your own data: a table schema, a mock API that filters, computes facets and cursor-paginates i…","type":"registry:block","source_url":"https://data-table.openstatus.dev/r/data-table-example-infinite.json","install_command":"npx shadcn@latest add https://data-table.openstatus.dev/r/data-table-example-infinite.json"}]},{"id":"delego","name":"@delego","slug":"delego","description":"Design-system registry for Delego — intent-bound action authorization for AI agents. Theme (OKLCH) plus signature components: decision pill, signed receipt, status badge, field.","author":"Delego-Dev","framework":"react","license":"MIT","tags":["ai","auth","buttons","pro-available","theming"],"categories":["AI/chat UI"],"labels":["pro"],"urls":{"website":"https://github.com/Delego-Dev/registry","github":"https://github.com/Delego-Dev/registry","registry":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/registry.json","source":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/registry.json","page":"https://sh4dcn.netlify.app/registry/delego","markdown":"https://sh4dcn.netlify.app/md/delego.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1.5' y='1.5' width='37' height='37' rx='11' fill='#4B3DF5'/><rect x='1.5' y='1.5' width='37' height='37' rx='11' fill='url(#dg_sheen)' fill-opacity='0.55'/><rect x='2' y='2' width='36' height='36' rx='10.5' stroke='#fff' stroke-opacity='0.12'/><path d='M11 21.2L17.4 27.4' stroke='#fff' stroke-opacity='0.94' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.4 27.4L29 12.4' stroke='#15E0A0' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/><defs><linearGradient id='dg_sheen' x1='2' y1='2' x2='38' y2='38' gradientUnits='userSpaceOnUse'><stop stop-color='#6A5FF6'/><stop offset='1' stop-color='#3A2DE0'/></linearGradient></defs></svg>","preview_image":"https://opengraph.githubassets.com/01373238ec7ae930f4076e80e1e0cbad32b474ecca255585cfc764bb72c6af5a/Delego-Dev/registry","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-06-10T12:46:45Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/registry.json","install_bun":"bunx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/registry.json","clone":"git clone https://github.com/Delego-Dev/registry.git","clone_degit":"npx degit Delego-Dev/registry","registry_fetch":"curl -s https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/registry.json"},"component_count":6,"components":[{"name":"delego-theme","title":"Delego Theme","description":"Delego design tokens mapped onto shadcn variables (OKLCH, light + dark). Electric-indigo primary, signal-mint accent, and the protocol decision palette (allow …","type":"registry:theme","source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/delego-theme.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/delego-theme.json"},{"name":"button","title":"Button","description":"Delego button — primary (indigo glow), secondary, ghost, outline, link, plus protocol-semantic allow/deny actions.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/button.json"},{"name":"status-badge","title":"Status Badge","description":"Mono pill with leading icon + status color. Variants: allow, approval, deny, indigo (principal/audit), neutral.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/status-badge.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/status-badge.json"},{"name":"decision-pill","title":"Decision Pill","description":"The signature Delego element: renders a Decision outcome (allow / needs_approval / deny) with its canonical icon, mono label, and color.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/decision-pill.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/decision-pill.json"},{"name":"signed-receipt","title":"Signed Receipt","description":"The ownable audit visual — one hash-chained, Ed25519-signed ledger record, with the signal bar, seal, and mono kv grid.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/signed-receipt.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/signed-receipt.json"},{"name":"field","title":"Field","description":"Labeled input with optional leading icon and mono hint, lit by the indigo focus halo. Drop-in over a native input.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/field.json"}]},{"id":"delta","name":"@delta","slug":"delta","description":"A modern shadcn/ui registry by Patrick Prunty covering AI and media-rich interface components: streaming LLM chat widget, zoomable images, swipeable card deck, Mapbox map pointer, QR code generator, OTP input, code block, admonition/callout, scroll-fade effect, tabs, product card, and X (Twitter) card. Also includes dashboard and landing-page section blocks. Built with React and Tailwind CSS; v0-compatible. Free and MIT-licensed. Use for: adding a curated set of AI chat, media display, and map components to a shadcn project in one registry pull.","author":"pprunty","framework":"react","license":"MIT","tags":["ai","animation","audio","auth","blocks","buttons","cards","components","dashboard","developer-tools","e-commerce","editor","forms","icons","maps","media","navigation","overlays"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://deltacomponents.dev","github":"https://github.com/pprunty/deltacomponents.dev","registry":"https://deltacomponents.dev/r/registry.json","source":"https://deltacomponents.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/delta","markdown":"https://sh4dcn.netlify.app/md/delta.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 372 380' fill='currentColor'><path d='M369.94 364.449L200.665 6.98404C200.043 4.77778 198.643 2.86421 196.712 1.59516C194.792 0.326118 192.459 -0.213167 190.152 0.0764161H158.638C156.331 -0.213167 153.998 0.326118 152.078 1.59516C150.147 2.86421 148.747 4.77778 148.125 6.98404L1.02996 364.449C0.226237 366.15 -0.110755 368.025 0.0318411 369.895C0.174438 371.767 0.79676 373.569 1.85975 375.129C2.90978 376.691 4.36165 377.958 6.04688 378.808C7.74507 379.66 9.63766 380.066 11.5433 379.991H360.022C368.189 379.991 375.773 370.781 369.94 364.449ZM161.555 157.224L234.512 309.188C235.315 310.995 235.666 312.962 235.536 314.927C235.406 316.893 234.797 318.799 233.773 320.489C232.736 322.177 231.324 323.599 229.624 324.638C227.927 325.676 226.009 326.3 224.011 326.457H89.751C87.7157 326.322 85.7193 325.738 83.9304 324.743C82.1415 323.75 80.6118 322.374 79.4321 320.719C78.2525 319.06 77.4746 317.164 77.1376 315.17C76.8005 313.174 76.9302 311.131 77.5006 309.188L140.541 157.224C141.5 155.277 142.992 153.635 144.845 152.486C146.699 151.337 148.85 150.728 151.041 150.728C153.246 150.728 155.384 151.337 157.251 152.486C159.105 153.635 160.595 155.277 161.555 157.224Z'/></svg>","preview_image":"https://www.deltacomponents.dev/og?title=Delta%20Components&amp;description=A%20curated%20collection%20of%20UI%20components%2C%20free%20and%20open%20source%2C%20via%20the%20shadcn%20registry","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":12,"open_issues":13,"last_commit":"2026-06-29T13:21:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://deltacomponents.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://deltacomponents.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://deltacomponents.dev/r/registry.json","clone":"git clone https://github.com/pprunty/deltacomponents.dev.git","clone_degit":"npx degit pprunty/deltacomponents.dev","registry_fetch":"curl -s https://deltacomponents.dev/r/registry.json"},"component_count":22,"components":[{"name":"surfaces","title":"Surfaces","description":"Eight-level surface and shadow ladder for elevation. Light: two color steps then flat white, differentiated by shadow. Dark: additive white-opacity ladder with…","type":"registry:theme","source_url":"https://deltacomponents.dev/r/surfaces.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/surfaces.json"},{"name":"tokens","title":"Interaction Tokens","description":"Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-active), the selected fill, the destructive-light ground, the --overlay R…","type":"registry:theme","source_url":"https://deltacomponents.dev/r/tokens.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tokens.json"},{"name":"utils","title":"Utilities","description":"Utility function for merging Tailwind CSS classes with clsx and tailwind-merge.","type":"registry:lib","source_url":"https://deltacomponents.dev/r/utils.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/utils.json"},{"name":"motion","title":"Motion Tiers","description":"Three duration tiers and one easing, as CSS custom properties: --motion-fast/moderate/slow with a matching -exit for each, and --motion-ease, the settle curve …","type":"registry:lib","source_url":"https://deltacomponents.dev/r/motion.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/motion.json"},{"name":"font-weight","title":"Font Weight Tokens","description":"Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variation-settings.","type":"registry:lib","source_url":"https://deltacomponents.dev/r/font-weight.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/font-weight.json"},{"name":"surface-context","title":"Surface Context","description":"React context that tracks the current substrate elevation level. Elevated components (Dropdown, Select, etc.) read it via useSurface() and render at substrate …","type":"registry:lib","source_url":"https://deltacomponents.dev/r/surface-context.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/surface-context.json"},{"name":"surface-classes","title":"Surface Class Lookup","description":"Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tailwind v4 cannot detect template-literal class names.","type":"registry:lib","source_url":"https://deltacomponents.dev/r/surface-classes.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/surface-classes.json"},{"name":"icon-context","title":"Icon Context","description":"Named icon slots with a Lucide default set; swap any icon via IconProvider.","type":"registry:lib","source_url":"https://deltacomponents.dev/r/icon-context.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/icon-context.json"},{"name":"clipboard","title":"Clipboard","description":"Copy text to the clipboard, falling back to a selection and execCommand where the async Clipboard API is unavailable — which includes any page served over plai…","type":"registry:lib","source_url":"https://deltacomponents.dev/r/clipboard.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/clipboard.json"},{"name":"button","title":"Button","description":"Versatile button with variants, sizes, loading state, and icon support.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/button.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/button.json"},{"name":"tooltip","title":"Tooltip","description":"Floating tooltip with configurable placement, a follow-cursor mode, and rich content support.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tooltip.json"},{"name":"tabs","title":"Tabs","description":"Tab navigation with underline, background, and ghost variants, and an indicator that follows the shape system.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/tabs.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/tabs.json"},{"name":"bottom-nav","title":"Bottom Nav","description":"Fixed bottom tab bar for phones: icon and label per item, a gradient that fades the page into the background behind it, and an active item you hand it from you…","type":"registry:ui","source_url":"https://deltacomponents.dev/r/bottom-nav.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/bottom-nav.json"},{"name":"switch","title":"Switch","description":"A toggle whose thumb slides with a double bounce, ported from transitions.dev: past the end, back, settle. A wide pill thumb on a 44x22 track, hover and press …","type":"registry:ui","source_url":"https://deltacomponents.dev/r/switch.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/switch.json"},{"name":"code","title":"Code","description":"Syntax-highlighted code with a copy button, a filename bar, and a package-manager tab strip.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/code.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/code.json"},{"name":"product-card","title":"Product Card","description":"Compound card for commerce rows — image well and a title/subtitle/metric footer.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/product-card.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/product-card.json"},{"name":"glyph","title":"Glyph","description":"The Twitter/X-style verified checkmark, with the check cut out of the rosette as a real hole via an SVG mask so whatever sits behind it shows through.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/glyph.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/glyph.json"},{"name":"alert","title":"Alert","description":"Inline callout carried by a pastel fill alone, no border or icon, that turns into pastel ink on a faint wash in dark mode.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/alert.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/alert.json"},{"name":"editor","title":"Editor","description":"Always-on live-preview markdown editor: one surface that is both the rendered document and the text you type into, with debounced autosave and a per-construct …","type":"registry:ui","source_url":"https://deltacomponents.dev/r/editor.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/editor.json"},{"name":"embed","title":"Embed","description":"Turns a URL into what it points to: a YouTube facade, a lazy Spotify player, an image, a video, or a plain link card, decided from the URL alone.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/embed.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/embed.json"},{"name":"image","title":"Image","description":"A figure with an optional caption, a native-dialog zoom sized from the picture's own proportions, and an edge-to-edge bleed for a landscape image.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/image.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/image.json"},{"name":"mp3-player","title":"MP3 Player","description":"Inline audio player with a transport, an elapsed/remaining clock, and a seek bar that renders as a line or a waveform of precomputed peaks.","type":"registry:ui","source_url":"https://deltacomponents.dev/r/mp3-player.json","install_command":"npx shadcn@latest add https://deltacomponents.dev/r/mp3-player.json"}]},{"id":"devl","name":"@devl","slug":"devl","description":"A personal design scratchpad by Sean Brydon containing 159+ UI experiments built on coss-ui (Cal.com's Base UI design system) and Tailwind v4, all exposed on the shadcn registry. Components are organized by category with one-keypress source-copy. Stack: TanStack Start, coss-ui package, Base UI primitives, Tailwind CSS v4. Not a polished production library — raw POC designs from two years of UI exploration. Free and open source. Use for: browsing unconventional layout and interaction ideas built on Base UI when you want patterns that diverge from the standard Radix/shadcn ecosystem.","author":"sean-brydon","framework":"react","license":"MIT","tags":["components","design-system","hooks","mobile","pro-available"],"categories":["Personal/portfolio registry"],"labels":["pro","recently-updated"],"urls":{"website":"https://devl.dev","github":"https://github.com/sean-brydon/devl.dev","registry":"https://devl.dev/r/{name}.json","source":"https://devl.dev/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/devl","markdown":"https://sh4dcn.netlify.app/md/devl.md"},"logo":null,"preview_image":"https://devl.dev/og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://devl.dev/pricing"},"metrics":{"github_stars":209,"open_issues":1,"last_commit":"2026-10-26T13:44:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/sean-brydon/devl.dev.git","clone_degit":"npx degit sean-brydon/devl.dev","registry_fetch":"curl -s https://devl.dev/r/{name}.json"},"component_count":0,"components":[]},{"id":"dgit","name":"@dgit","slug":"dgit","description":"Quiet, sharp React components for dashboards and sign-in screens: a neutral light and dark theme, pill buttons, menus, an account menu, an app header, a sidebar layout, and a sign-in page.","author":"dgitco","framework":"react","license":"MIT","tags":["auth","buttons","dashboard","hooks","navigation","pro-available","theming"],"categories":["Auth/identity"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.dgit.co","github":"https://github.com/dgitco/ui","registry":"https://ui.dgit.co/r/registry.json","source":"https://ui.dgit.co/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dgit","markdown":"https://sh4dcn.netlify.app/md/dgit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='currentColor'><rect x='2.18' y='41.5' width='59.65' height='6.5' rx='3.25'/><rect x='4.4' y='33' width='55.21' height='6.5' rx='3.25'/><rect x='9.87' y='24.5' width='44.27' height='6.5' rx='3.25'/><rect x='23.43' y='16' width='17.14' height='6.5' rx='3.25'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.dgit.co/pricing"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-15T10:26:26Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.dgit.co/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.dgit.co/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.dgit.co/r/registry.json","clone":"git clone https://github.com/dgitco/ui.git","clone_degit":"npx degit dgitco/ui","registry_fetch":"curl -s https://ui.dgit.co/r/registry.json"},"component_count":12,"components":[{"name":"theme","title":"Theme","description":"Neutral gray scale (light and dark), shadcn's color names on it, type scale, menu animation. Import after Tailwind.","type":"registry:file","source_url":"https://ui.dgit.co/r/theme.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/theme.json"},{"name":"use-theme","title":"useTheme","description":"System, light or dark, kept in localStorage and applied as <html data-theme>. Includes the first-paint script.","type":"registry:lib","source_url":"https://ui.dgit.co/r/use-theme.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/use-theme.json"},{"name":"docs","title":"Docs","description":"Docs pages as HTML strings, no framework: Markdown with Mintlify's components (Steps, Accordion, callouts, Card, Frame, Columns, Tabs, CodeGroup, Icon, Tooltip…","type":"registry:lib","source_url":"https://ui.dgit.co/r/docs.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/docs.json"},{"name":"button","title":"Button","description":"Pill buttons, 40px tall by default.","type":"registry:ui","source_url":"https://ui.dgit.co/r/button.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/button.json"},{"name":"menu","title":"Menu","description":"A floating panel from a trigger: 12px corners, 36px rows, grows from the trigger. No positioning library.","type":"registry:ui","source_url":"https://ui.dgit.co/r/menu.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/menu.json"},{"name":"account-menu","title":"Account menu","description":"Avatar button and menu: name and email, a system/light/dark switch, your links, log out.","type":"registry:ui","source_url":"https://ui.dgit.co/r/account-menu.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/account-menu.json"},{"name":"page","title":"Page","description":"PageHeader, Section, List (rounded rows), Notice, and ago() for relative times.","type":"registry:ui","source_url":"https://ui.dgit.co/r/page.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/page.json"},{"name":"copy","title":"Copy","description":"CopyButton and CopyField (a monospace value with a copy button).","type":"registry:ui","source_url":"https://ui.dgit.co/r/copy.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/copy.json"},{"name":"segmented","title":"Segmented","description":"Two or three choices in one small pill.","type":"registry:ui","source_url":"https://ui.dgit.co/r/segmented.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/segmented.json"},{"name":"app-header","title":"App header","description":"Dashboard top bar: brand, pill navigation, and a slot for the account menu.","type":"registry:block","source_url":"https://ui.dgit.co/r/app-header.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/app-header.json"},{"name":"sidebar-layout","title":"Sidebar layout","description":"Dashboard with a sidebar: drill-in groups and route layers that slide in with a back row, a top bar with a scope switcher and breadcrumbs, a drawer on phones.","type":"registry:block","source_url":"https://ui.dgit.co/r/sidebar-layout.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/sidebar-layout.json"},{"name":"auth-page","title":"Sign-in page","description":"Centered 384px column, 30px title, stacked 40px pill choices, code field, 'Signing in to <app>'.","type":"registry:block","source_url":"https://ui.dgit.co/r/auth-page.json","install_command":"npx shadcn@latest add https://ui.dgit.co/r/auth-page.json"}]},{"id":"diarmuradi","name":"@diarmuradi","slug":"diarmuradi","description":"A shadcn/ui registry for blocks & templates.","author":null,"framework":"react","license":null,"tags":["animation","auth","blocks","buttons","cards","charts","forms","hooks","media","navigation","overlays","pro-available"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://diarmuradi.com","github":null,"registry":"https://diarmuradi.com/r/registry.json","source":"https://diarmuradi.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/diarmuradi","markdown":"https://sh4dcn.netlify.app/md/diarmuradi.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" fill=\"none\"><rect width=\"32\" height=\"32\" rx=\"8\" fill=\"var(--foreground)\"/><path d=\"M11 8.5h6.2c4.1 0 6.8 2.5 6.8 6.5S21.3 21.5 17.2 21.5H14.2V23.5H11V8.5Zm3.2 2.7v7.6h2.8c2.4 0 3.8-1.4 3.8-3.8s-1.4-3.8-3.8-3.8h-2.8Z\" fill=\"var(--background)\"/></svg>","preview_image":"https://diarmuradi.com/opengraph-image","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://diarmuradi.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://diarmuradi.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://diarmuradi.com/r/registry.json","install_bun":"bunx shadcn@latest add https://diarmuradi.com/r/registry.json","registry_fetch":"curl -s https://diarmuradi.com/r/registry.json"},"component_count":168,"components":[{"name":"auto-resize","title":"Auto Resize","description":null,"type":"registry:hook","source_url":"https://diarmuradi.com/r/auto-resize.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/auto-resize.json"},{"name":"use-media-query","title":"Use Media Query","description":null,"type":"registry:hook","source_url":"https://diarmuradi.com/r/use-media-query.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/use-media-query.json"},{"name":"use-mounted","title":"Use Mounted","description":null,"type":"registry:hook","source_url":"https://diarmuradi.com/r/use-mounted.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/use-mounted.json"},{"name":"use-reduced-motion","title":"Use Reduced Motion","description":null,"type":"registry:hook","source_url":"https://diarmuradi.com/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/use-reduced-motion.json"},{"name":"faq-1","title":"Faq 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-1.json"},{"name":"faq-10","title":"Faq 10","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-10.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-10.json"},{"name":"faq-11","title":"Faq 11","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-11.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-11.json"},{"name":"faq-12","title":"Faq 12","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-12.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-12.json"},{"name":"faq-13","title":"Faq 13","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-13.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-13.json"},{"name":"faq-14","title":"Faq 14","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-14.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-14.json"},{"name":"faq-15","title":"Faq 15","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-15.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-15.json"},{"name":"faq-16","title":"Faq 16","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-16.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-16.json"},{"name":"faq-17","title":"Faq 17","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-17.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-17.json"},{"name":"faq-18","title":"Faq 18","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-18.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-18.json"},{"name":"faq-19","title":"Faq 19","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-19.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-19.json"},{"name":"faq-2","title":"Faq 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-2.json"},{"name":"faq-20","title":"Faq 20","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-20.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-20.json"},{"name":"faq-3","title":"Faq 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-3.json"},{"name":"faq-4","title":"Faq 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-4.json"},{"name":"faq-5","title":"Faq 5","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-5.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-5.json"},{"name":"faq-6","title":"Faq 6","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-6.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-6.json"},{"name":"faq-7","title":"Faq 7","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-7.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-7.json"},{"name":"faq-8","title":"Faq 8","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-8.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-8.json"},{"name":"faq-9","title":"Faq 9","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/faq-9.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/faq-9.json"},{"name":"header-1","title":"Header 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-1.json"},{"name":"header-2","title":"Header 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-2.json"},{"name":"header-3","title":"Header 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-3.json"},{"name":"header-4","title":"Header 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-4.json"},{"name":"header-5","title":"Header 5","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-5.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-5.json"},{"name":"header-6","title":"Header 6","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-6.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-6.json"},{"name":"header-7","title":"Header 7","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-7.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-7.json"},{"name":"header-8","title":"Header 8","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/header-8.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/header-8.json"},{"name":"integrations-1","title":"Integrations 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-1.json"},{"name":"integrations-10","title":"Integrations 10","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-10.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-10.json"},{"name":"integrations-13","title":"Integrations 13","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-13.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-13.json"},{"name":"integrations-14","title":"Integrations 14","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-14.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-14.json"},{"name":"integrations-16","title":"Integrations 16","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-16.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-16.json"},{"name":"integrations-17","title":"Integrations 17","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-17.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-17.json"},{"name":"integrations-18","title":"Integrations 18","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-18.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-18.json"},{"name":"integrations-2","title":"Integrations 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-2.json"},{"name":"integrations-3","title":"Integrations 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-3.json"},{"name":"integrations-4","title":"Integrations 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-4.json"},{"name":"integrations-5","title":"Integrations 5","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-5.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-5.json"},{"name":"integrations-6","title":"Integrations 6","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-6.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-6.json"},{"name":"integrations-7","title":"Integrations 7","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-7.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-7.json"},{"name":"integrations-8","title":"Integrations 8","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-8.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-8.json"},{"name":"integrations-9","title":"Integrations 9","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/integrations-9.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/integrations-9.json"},{"name":"new-password-1","title":"New Password 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/new-password-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/new-password-1.json"},{"name":"new-password-2","title":"New Password 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/new-password-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/new-password-2.json"},{"name":"new-password-3","title":"New Password 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/new-password-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/new-password-3.json"},{"name":"new-password-4","title":"New Password 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/new-password-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/new-password-4.json"},{"name":"pricing-1","title":"Pricing 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-1.json"},{"name":"pricing-10","title":"Pricing 10","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-10.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-10.json"},{"name":"pricing-11","title":"Pricing 11","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-11.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-11.json"},{"name":"pricing-12","title":"Pricing 12","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-12.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-12.json"},{"name":"pricing-13","title":"Pricing 13","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-13.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-13.json"},{"name":"pricing-14","title":"Pricing 14","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-14.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-14.json"},{"name":"pricing-2","title":"Pricing 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-2.json"},{"name":"pricing-3","title":"Pricing 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-3.json"},{"name":"pricing-4","title":"Pricing 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-4.json"},{"name":"pricing-5","title":"Pricing 5","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-5.json"},{"name":"pricing-6","title":"Pricing 6","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-6.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-6.json"},{"name":"pricing-7","title":"Pricing 7","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-7.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-7.json"},{"name":"pricing-8","title":"Pricing 8","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-8.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-8.json"},{"name":"pricing-9","title":"Pricing 9","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/pricing-9.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pricing-9.json"},{"name":"recovery-code-1","title":"Recovery Code 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/recovery-code-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/recovery-code-1.json"},{"name":"recovery-code-2","title":"Recovery Code 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/recovery-code-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/recovery-code-2.json"},{"name":"recovery-code-3","title":"Recovery Code 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/recovery-code-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/recovery-code-3.json"},{"name":"recovery-code-4","title":"Recovery Code 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/recovery-code-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/recovery-code-4.json"},{"name":"reset-password-1","title":"Reset Password 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/reset-password-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/reset-password-1.json"},{"name":"reset-password-2","title":"Reset Password 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/reset-password-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/reset-password-2.json"},{"name":"reset-password-3","title":"Reset Password 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/reset-password-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/reset-password-3.json"},{"name":"reset-password-4","title":"Reset Password 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/reset-password-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/reset-password-4.json"},{"name":"sign-in-1","title":"Sign In 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-in-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-in-1.json"},{"name":"sign-in-2","title":"Sign In 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-in-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-in-2.json"},{"name":"sign-in-3","title":"Sign In 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-in-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-in-3.json"},{"name":"sign-in-4","title":"Sign In 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-in-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-in-4.json"},{"name":"sign-up-1","title":"Sign Up 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-up-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-up-1.json"},{"name":"sign-up-2","title":"Sign Up 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-up-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-up-2.json"},{"name":"sign-up-3","title":"Sign Up 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-up-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-up-3.json"},{"name":"sign-up-4","title":"Sign Up 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/sign-up-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sign-up-4.json"},{"name":"two-factor-1","title":"Two Factor 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/two-factor-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/two-factor-1.json"},{"name":"two-factor-2","title":"Two Factor 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/two-factor-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/two-factor-2.json"},{"name":"two-factor-3","title":"Two Factor 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/two-factor-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/two-factor-3.json"},{"name":"two-factor-4","title":"Two Factor 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/two-factor-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/two-factor-4.json"},{"name":"verification-1","title":"Verification 1","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/verification-1.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/verification-1.json"},{"name":"verification-2","title":"Verification 2","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/verification-2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/verification-2.json"},{"name":"verification-3","title":"Verification 3","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/verification-3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/verification-3.json"},{"name":"verification-4","title":"Verification 4","description":null,"type":"registry:block","source_url":"https://diarmuradi.com/r/verification-4.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/verification-4.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/accordion.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/alert.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/aspect-ratio.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/avatar.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/badge.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/button.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/button-group.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/calendar.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/card.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/carousel.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/chart.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/checkbox.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/collapsible.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/combobox.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/command.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/context-menu.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/dialog.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/drawer.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/empty.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/field.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/field.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/hover-card.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/input.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/input-group.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/input-otp.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/item.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/item.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/label.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/menubar.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/menubar.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/navigation-menu.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/pagination.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/popover.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/progress.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/radio-group.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/resizable.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/select.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/separator.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/sheet.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/sidebar.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/skeleton.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/slider.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/sonner.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/spinner.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/switch.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/table.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/tabs.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/textarea.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/toast.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/toggle.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/tooltip.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/tooltip.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/kbd.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/kbd.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/native-select.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/native-select.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/direction.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/direction.json"},{"name":"attachment","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/attachment.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/attachment.json"},{"name":"bubble","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/bubble.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/bubble.json"},{"name":"message-scroller","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/message-scroller.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/message-scroller.json"},{"name":"questionnaire","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/questionnaire.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/questionnaire.json"},{"name":"marker","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/marker.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/marker.json"},{"name":"trace","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/trace.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/trace.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/code-block.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/code-block.json"},{"name":"message","title":null,"description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/message.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/message.json"},{"name":"bevel-button-v2","title":"Bevel Button V2","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/bevel-button-v2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/bevel-button-v2.json"},{"name":"bevel-button","title":"Bevel Button","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/bevel-button.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/bevel-button.json"},{"name":"fancy-button-v2","title":"Fancy Button V2","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/fancy-button-v2.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/fancy-button-v2.json"},{"name":"fancy-button-v3","title":"Fancy Button V3","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/fancy-button-v3.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/fancy-button-v3.json"},{"name":"fancy-button","title":"Fancy Button","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/fancy-button.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/fancy-button.json"},{"name":"gloss-button","title":"Gloss Button","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/gloss-button.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/gloss-button.json"},{"name":"glow-button","title":"Glow Button","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/glow-button.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/glow-button.json"},{"name":"icons","title":"Icons","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/icons.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/icons.json"},{"name":"infinite-slider","title":"Infinite Slider","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/infinite-slider.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/infinite-slider.json"},{"name":"logo-orbit","title":"Logo Orbit","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/logo-orbit.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/logo-orbit.json"},{"name":"pill-button","title":"Pill Button","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/pill-button.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/pill-button.json"},{"name":"spinning-logos","title":"Spinning Logos","description":null,"type":"registry:ui","source_url":"https://diarmuradi.com/r/spinning-logos.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/spinning-logos.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://diarmuradi.com/r/utils.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://diarmuradi.com/r/use-mobile.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/use-mobile.json"},{"name":"use-highlighted-code","title":null,"description":null,"type":"registry:hook","source_url":"https://diarmuradi.com/r/use-highlighted-code.json","install_command":"npx shadcn@latest add https://diarmuradi.com/r/use-highlighted-code.json"}]},{"id":"diceui","name":"@diceui","slug":"diceui","description":"Dice UI is an accessible shadcn/ui extension built with Radix UI primitives, React, TypeScript, and Tailwind CSS. It ships ~40 advanced components not found in the base shadcn set, including action-bar, angle-slider, avatar-group, badge-overflow, color-picker, color-swatch, combobox, compare-slider, cropper, data-grid, data-table, editable, file-upload, gauge, kanban, listbox, marquee, mask-input, masonry, media-player, mention, phone-input, QR-code, rating, responsive-dialog, scroll-spy, segmented-input, selection-toolbar, sortable, speed-dial, stepper, tags-input, time-picker, timeline, and tour. Also includes utility components (client-only, hitbox, portal, presence). All components are copy-paste installable via the shadcn CLI. Use for: filling gaps in a shadcn/ui project where complex interactive primitives like kanban boards, media players, sortable lists, or color pickers are needed without adopting a full third-party library.","author":"sadmann7","framework":"react","license":"MIT","tags":["accessibility","animation","audio","cards","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://www.diceui.com/","github":"https://github.com/sadmann7/diceui","registry":"https://diceui.com/r/registry.json","source":"https://diceui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/diceui","markdown":"https://sh4dcn.netlify.app/md/diceui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' class='fill-none!' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' aria-hidden='true' viewBox='0 0 24 24'><rect width='18' height='18' x='3' y='3' rx='2' ry='2'/><path d='M16 8h.01M8 8h.01M8 16h.01M16 16h.01'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2099,"open_issues":67,"last_commit":"2026-10-21T15:01:47Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://diceui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://diceui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://diceui.com/r/registry.json","clone":"git clone https://github.com/sadmann7/diceui.git","clone_degit":"npx degit sadmann7/diceui","registry_fetch":"curl -s https://diceui.com/r/registry.json"},"component_count":250,"components":[{"name":"action-bar","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/action-bar.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/action-bar.json"},{"name":"angle-slider","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/angle-slider.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider.json"},{"name":"avatar-group","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/avatar-group.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group.json"},{"name":"badge-overflow","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/badge-overflow.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/badge-overflow.json"},{"name":"banner","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/banner.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/banner.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/checkbox-group.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group.json"},{"name":"circular-progress","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/circular-progress.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/circular-progress.json"},{"name":"color-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/color-picker.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-picker.json"},{"name":"color-swatch","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/color-swatch.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-swatch.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/combobox.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox.json"},{"name":"command-stack","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/command-stack.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/command-stack.json"},{"name":"compare-slider","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/compare-slider.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compare-slider.json"},{"name":"cropper","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/cropper.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper.json"},{"name":"editable","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/editable.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable.json"},{"name":"faceted","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/faceted.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/faceted.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/file-upload.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload.json"},{"name":"fps","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/fps.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/fps.json"},{"name":"gauge","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/gauge.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge.json"},{"name":"kanban","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/kanban.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/kanban.json"},{"name":"key-value","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/key-value.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/key-value.json"},{"name":"listbox","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/listbox.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/listbox.json"},{"name":"marquee","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/marquee.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee.json"},{"name":"mask-input","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/mask-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input.json"},{"name":"masonry","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/masonry.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/masonry.json"},{"name":"media-player","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/media-player.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player.json"},{"name":"mention","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/mention.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mention.json"},{"name":"phone-input","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/phone-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/phone-input.json"},{"name":"presentation","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/presentation.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/presentation.json"},{"name":"qr-code","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/qr-code.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/qr-code.json"},{"name":"rating","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/rating.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating.json"},{"name":"relative-time-card","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/relative-time-card.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/relative-time-card.json"},{"name":"responsive-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/responsive-dialog.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/responsive-dialog.json"},{"name":"scroll-spy","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/scroll-spy.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroll-spy.json"},{"name":"scroller","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/scroller.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller.json"},{"name":"segmented-input","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/segmented-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/segmented-input.json"},{"name":"selection-toolbar","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/selection-toolbar.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/selection-toolbar.json"},{"name":"sortable","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/sortable.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable.json"},{"name":"speed-dial","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/speed-dial.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial.json"},{"name":"stack","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/stack.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stack.json"},{"name":"stat","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/stat.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stat.json"},{"name":"status","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/status.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status.json"},{"name":"stepper","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/stepper.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper.json"},{"name":"swap","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/swap.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/swap.json"},{"name":"timeline","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/timeline.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline.json"},{"name":"tags-input","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/tags-input.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tags-input.json"},{"name":"time-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/time-picker.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker.json"},{"name":"tour","title":null,"description":null,"type":"registry:ui","source_url":"https://diceui.com/r/{style}/tour.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tour.json"},{"name":"action-bar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/action-bar-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/action-bar-demo.json"},{"name":"action-bar-position-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/action-bar-position-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/action-bar-position-demo.json"},{"name":"angle-slider-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/angle-slider-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider-demo.json"},{"name":"angle-slider-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/angle-slider-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider-controlled-demo.json"},{"name":"angle-slider-range-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/angle-slider-range-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider-range-demo.json"},{"name":"angle-slider-themes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/angle-slider-themes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider-themes-demo.json"},{"name":"angle-slider-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/angle-slider-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/angle-slider-form-demo.json"},{"name":"compare-slider-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/compare-slider-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compare-slider-demo.json"},{"name":"compare-slider-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/compare-slider-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compare-slider-controlled-demo.json"},{"name":"compare-slider-customization-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/compare-slider-customization-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compare-slider-customization-demo.json"},{"name":"compare-slider-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/compare-slider-vertical-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compare-slider-vertical-demo.json"},{"name":"cropper-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/cropper-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper-demo.json"},{"name":"cropper-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/cropper-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper-controlled-demo.json"},{"name":"cropper-file-upload-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/cropper-file-upload-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper-file-upload-demo.json"},{"name":"cropper-shapes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/cropper-shapes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper-shapes-demo.json"},{"name":"data-grid-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/data-grid-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/data-grid-demo.json"},{"name":"data-table-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/data-table-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/data-table-demo.json"},{"name":"cropper-video-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/cropper-video-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/cropper-video-demo.json"},{"name":"file-upload-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-demo.json"},{"name":"file-upload-chat-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-chat-input-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-chat-input-demo.json"},{"name":"file-upload-circular-progress-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-circular-progress-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-circular-progress-demo.json"},{"name":"file-upload-direct-upload-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-direct-upload-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-direct-upload-demo.json"},{"name":"file-upload-fill-progress-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-fill-progress-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-fill-progress-demo.json"},{"name":"file-upload-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-form-demo.json"},{"name":"file-upload-uploadthing-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-uploadthing-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-uploadthing-demo.json"},{"name":"file-upload-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/file-upload-validation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/file-upload-validation-demo.json"},{"name":"avatar-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/avatar-group-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group-demo.json"},{"name":"avatar-group-truncation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/avatar-group-truncation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group-truncation-demo.json"},{"name":"avatar-group-rtl-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/avatar-group-rtl-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group-rtl-demo.json"},{"name":"avatar-group-icons-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/avatar-group-icons-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group-icons-demo.json"},{"name":"avatar-group-custom-overflow-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/avatar-group-custom-overflow-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/avatar-group-custom-overflow-demo.json"},{"name":"badge-overflow-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/badge-overflow-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/badge-overflow-demo.json"},{"name":"badge-overflow-multiline-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/badge-overflow-multiline-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/badge-overflow-multiline-demo.json"},{"name":"badge-overflow-interactive-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/badge-overflow-interactive-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/badge-overflow-interactive-demo.json"},{"name":"banner-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/banner-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/banner-demo.json"},{"name":"banner-stacked-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/banner-stacked-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/banner-stacked-demo.json"},{"name":"circular-progress-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/circular-progress-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/circular-progress-demo.json"},{"name":"circular-progress-interactive-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/circular-progress-interactive-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/circular-progress-interactive-demo.json"},{"name":"circular-progress-colors-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/circular-progress-colors-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/circular-progress-colors-demo.json"},{"name":"color-swatch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-swatch-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-swatch-demo.json"},{"name":"color-swatch-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-swatch-sizes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-swatch-sizes-demo.json"},{"name":"color-swatch-transparency-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-swatch-transparency-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-swatch-transparency-demo.json"},{"name":"color-picker-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-picker-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-picker-demo.json"},{"name":"color-picker-inline-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-picker-inline-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-picker-inline-demo.json"},{"name":"color-picker-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-picker-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-picker-controlled-demo.json"},{"name":"color-picker-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/color-picker-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/color-picker-form-demo.json"},{"name":"editable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/editable-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable-demo.json"},{"name":"editable-double-click-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/editable-double-click-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable-double-click-demo.json"},{"name":"editable-autosize-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/editable-autosize-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable-autosize-demo.json"},{"name":"editable-todo-list-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/editable-todo-list-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable-todo-list-demo.json"},{"name":"editable-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/editable-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/editable-form-demo.json"},{"name":"fps-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/fps-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/fps-demo.json"},{"name":"fps-strategy-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/fps-strategy-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/fps-strategy-demo.json"},{"name":"gauge-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/gauge-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge-demo.json"},{"name":"gauge-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/gauge-sizes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge-sizes-demo.json"},{"name":"gauge-colors-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/gauge-colors-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge-colors-demo.json"},{"name":"gauge-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/gauge-variants-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/gauge-variants-demo.json"},{"name":"hitbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/hitbox-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox-demo.json"},{"name":"hitbox-debug-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/hitbox-debug-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox-debug-demo.json"},{"name":"hitbox-positions-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/hitbox-positions-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox-positions-demo.json"},{"name":"hitbox-radii-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/hitbox-radii-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox-radii-demo.json"},{"name":"hitbox-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/hitbox-sizes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox-sizes-demo.json"},{"name":"kanban-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/kanban-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/kanban-demo.json"},{"name":"kanban-dynamic-overlay-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/kanban-dynamic-overlay-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/kanban-dynamic-overlay-demo.json"},{"name":"key-value-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/key-value-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/key-value-demo.json"},{"name":"key-value-paste-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/key-value-paste-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/key-value-paste-demo.json"},{"name":"key-value-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/key-value-validation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/key-value-validation-demo.json"},{"name":"key-value-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/key-value-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/key-value-form-demo.json"},{"name":"scroller-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroller-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller-demo.json"},{"name":"scroller-hidden-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroller-hidden-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller-hidden-demo.json"},{"name":"scroller-horizontal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroller-horizontal-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller-horizontal-demo.json"},{"name":"scroller-navigation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroller-navigation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroller-navigation-demo.json"},{"name":"scroll-spy-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroll-spy-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroll-spy-demo.json"},{"name":"scroll-spy-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroll-spy-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroll-spy-controlled-demo.json"},{"name":"scroll-spy-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/scroll-spy-vertical-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/scroll-spy-vertical-demo.json"},{"name":"segmented-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/segmented-input-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/segmented-input-demo.json"},{"name":"segmented-input-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/segmented-input-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/segmented-input-form-demo.json"},{"name":"segmented-input-rgb-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/segmented-input-rgb-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/segmented-input-rgb-demo.json"},{"name":"segmented-input-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/segmented-input-vertical-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/segmented-input-vertical-demo.json"},{"name":"skip-nav-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/skip-nav-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/skip-nav-demo.json"},{"name":"sortable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/sortable-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable-demo.json"},{"name":"sortable-dynamic-overlay-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/sortable-dynamic-overlay-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable-dynamic-overlay-demo.json"},{"name":"sortable-handle-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/sortable-handle-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable-handle-demo.json"},{"name":"sortable-primitive-values-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/sortable-primitive-values-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/sortable-primitive-values-demo.json"},{"name":"stack-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stack-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stack-demo.json"},{"name":"stack-no-expand-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stack-no-expand-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stack-no-expand-demo.json"},{"name":"stack-side-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stack-side-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stack-side-demo.json"},{"name":"stepper-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stepper-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper-demo.json"},{"name":"stepper-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stepper-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper-form-demo.json"},{"name":"stepper-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stepper-validation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper-validation-demo.json"},{"name":"stepper-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stepper-vertical-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stepper-vertical-demo.json"},{"name":"stat-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stat-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stat-demo.json"},{"name":"stat-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stat-variants-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stat-variants-demo.json"},{"name":"stat-layout-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/stat-layout-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/stat-layout-demo.json"},{"name":"status-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/status-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status-demo.json"},{"name":"status-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/status-variants-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status-variants-demo.json"},{"name":"status-text-only-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/status-text-only-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status-text-only-demo.json"},{"name":"status-list-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/status-list-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/status-list-demo.json"},{"name":"swap-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/swap-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/swap-demo.json"},{"name":"swap-animations-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/swap-animations-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/swap-animations-demo.json"},{"name":"qr-code-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/qr-code-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/qr-code-demo.json"},{"name":"qr-code-customization-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/qr-code-customization-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/qr-code-customization-demo.json"},{"name":"qr-code-overlay-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/qr-code-overlay-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/qr-code-overlay-demo.json"},{"name":"qr-code-formats-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/qr-code-formats-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/qr-code-formats-demo.json"},{"name":"relative-time-card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/relative-time-card-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/relative-time-card-demo.json"},{"name":"relative-time-card-basic-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/relative-time-card-basic-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/relative-time-card-basic-demo.json"},{"name":"relative-time-card-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/relative-time-card-variants-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/relative-time-card-variants-demo.json"},{"name":"relative-time-card-timezones-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/relative-time-card-timezones-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/relative-time-card-timezones-demo.json"},{"name":"rating-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/rating-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating-demo.json"},{"name":"rating-themes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/rating-themes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating-themes-demo.json"},{"name":"rating-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/rating-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating-controlled-demo.json"},{"name":"rating-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/rating-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/rating-form-demo.json"},{"name":"responsive-dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/responsive-dialog-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/responsive-dialog-demo.json"},{"name":"responsive-dialog-confirm-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/responsive-dialog-confirm-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/responsive-dialog-confirm-demo.json"},{"name":"mask-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mask-input-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input-demo.json"},{"name":"mask-input-custom-pattern-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mask-input-custom-pattern-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input-custom-pattern-demo.json"},{"name":"mask-input-validation-modes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mask-input-validation-modes-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input-validation-modes-demo.json"},{"name":"mask-input-card-information-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mask-input-card-information-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input-card-information-demo.json"},{"name":"mask-input-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mask-input-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mask-input-form-demo.json"},{"name":"media-player-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/media-player-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player-demo.json"},{"name":"media-player-audio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/media-player-audio-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player-audio-demo.json"},{"name":"media-player-error-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/media-player-error-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player-error-demo.json"},{"name":"media-player-hls-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/media-player-hls-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player-hls-demo.json"},{"name":"media-player-playlist-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/media-player-playlist-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player-playlist-demo.json"},{"name":"media-player-settings-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/media-player-settings-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/media-player-settings-demo.json"},{"name":"masonry-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/masonry-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/masonry-demo.json"},{"name":"masonry-linear-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/masonry-linear-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/masonry-linear-demo.json"},{"name":"masonry-ssr-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/masonry-ssr-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/masonry-ssr-demo.json"},{"name":"pending-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/pending-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending-demo.json"},{"name":"pending-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/pending-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending-form-demo.json"},{"name":"pending-link-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/pending-link-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending-link-demo.json"},{"name":"pending-switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/pending-switch-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending-switch-demo.json"},{"name":"pending-wrapper-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/pending-wrapper-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending-wrapper-demo.json"},{"name":"phone-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/phone-input-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/phone-input-demo.json"},{"name":"phone-input-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/phone-input-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/phone-input-form-demo.json"},{"name":"phone-input-custom-countries-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/phone-input-custom-countries-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/phone-input-custom-countries-demo.json"},{"name":"presentation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/presentation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/presentation-demo.json"},{"name":"presentation-editing-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/presentation-editing-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/presentation-editing-demo.json"},{"name":"marquee-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/marquee-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee-demo.json"},{"name":"marquee-logo-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/marquee-logo-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee-logo-demo.json"},{"name":"marquee-rtl-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/marquee-rtl-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee-rtl-demo.json"},{"name":"marquee-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/marquee-vertical-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/marquee-vertical-demo.json"},{"name":"timeline-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/timeline-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-demo.json"},{"name":"timeline-alternate-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/timeline-alternate-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-alternate-demo.json"},{"name":"timeline-custom-dot-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/timeline-custom-dot-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-custom-dot-demo.json"},{"name":"timeline-horizontal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/timeline-horizontal-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-horizontal-demo.json"},{"name":"timeline-horizontal-alternate-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/timeline-horizontal-alternate-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-horizontal-alternate-demo.json"},{"name":"timeline-rtl-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/timeline-rtl-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/timeline-rtl-demo.json"},{"name":"time-picker-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-demo.json"},{"name":"time-picker-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-controlled-demo.json"},{"name":"time-picker-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-form-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-form-demo.json"},{"name":"time-picker-input-group-click-action-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-input-group-click-action-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-input-group-click-action-demo.json"},{"name":"time-picker-open-on-focus-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-open-on-focus-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-open-on-focus-demo.json"},{"name":"time-picker-placeholder-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-placeholder-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-placeholder-demo.json"},{"name":"time-picker-seconds-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-seconds-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-seconds-demo.json"},{"name":"time-picker-step-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/time-picker-step-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/time-picker-step-demo.json"},{"name":"selection-toolbar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/selection-toolbar-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/selection-toolbar-demo.json"},{"name":"selection-toolbar-info-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/selection-toolbar-info-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/selection-toolbar-info-demo.json"},{"name":"speed-dial-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/speed-dial-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial-demo.json"},{"name":"speed-dial-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/speed-dial-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial-controlled-demo.json"},{"name":"speed-dial-hover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/speed-dial-hover-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial-hover-demo.json"},{"name":"speed-dial-labels-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/speed-dial-labels-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial-labels-demo.json"},{"name":"speed-dial-side-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/speed-dial-side-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/speed-dial-side-demo.json"},{"name":"tour-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/tour-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tour-demo.json"},{"name":"tour-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/tour-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tour-controlled-demo.json"},{"name":"checkbox-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/checkbox-group-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group-demo.json"},{"name":"checkbox-group-animated-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/checkbox-group-animated-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group-animated-demo.json"},{"name":"checkbox-group-horizontal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/checkbox-group-horizontal-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group-horizontal-demo.json"},{"name":"checkbox-group-multi-selection-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/checkbox-group-multi-selection-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group-multi-selection-demo.json"},{"name":"checkbox-group-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/checkbox-group-validation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/checkbox-group-validation-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-demo.json"},{"name":"combobox-custom-filter-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-custom-filter-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-custom-filter-demo.json"},{"name":"combobox-debounced-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-debounced-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-debounced-demo.json"},{"name":"combobox-groups-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-groups-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-groups-demo.json"},{"name":"combobox-multiple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-multiple-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-multiple-demo.json"},{"name":"combobox-tags-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-tags-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-tags-demo.json"},{"name":"combobox-virtualized-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/combobox-virtualized-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/combobox-virtualized-demo.json"},{"name":"listbox-grid-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/listbox-grid-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/listbox-grid-demo.json"},{"name":"listbox-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/listbox-group-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/listbox-group-demo.json"},{"name":"listbox-horizontal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/listbox-horizontal-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/listbox-horizontal-demo.json"},{"name":"mention-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mention-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mention-demo.json"},{"name":"mention-custom-filter-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mention-custom-filter-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mention-custom-filter-demo.json"},{"name":"mention-custom-trigger-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/mention-custom-trigger-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/mention-custom-trigger-demo.json"},{"name":"tags-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/tags-input-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tags-input-demo.json"},{"name":"tags-input-editable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/tags-input-editable-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tags-input-editable-demo.json"},{"name":"tags-input-sortable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/tags-input-sortable-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tags-input-sortable-demo.json"},{"name":"tags-input-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/tags-input-validation-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/tags-input-validation-demo.json"},{"name":"faceted-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/faceted-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/faceted-demo.json"},{"name":"faceted-multiple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/faceted-multiple-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/faceted-multiple-demo.json"},{"name":"faceted-groups-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/faceted-groups-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/faceted-groups-demo.json"},{"name":"faceted-async-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/faceted-async-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/faceted-async-demo.json"},{"name":"faceted-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/faceted-controlled-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/faceted-controlled-demo.json"},{"name":"command-stack-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/command-stack-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/command-stack-demo.json"},{"name":"command-stack-dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/command-stack-dialog-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/command-stack-dialog-demo.json"},{"name":"command-stack-popover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/command-stack-popover-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/command-stack-popover-demo.json"},{"name":"command-stack-async-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/command-stack-async-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/command-stack-async-demo.json"},{"name":"command-stack-workspace-demo","title":null,"description":null,"type":"registry:example","source_url":"https://diceui.com/r/{style}/command-stack-workspace-demo.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/command-stack-workspace-demo.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://diceui.com/r/{style}/utils.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/utils.json"},{"name":"compose-refs","title":null,"description":null,"type":"registry:lib","source_url":"https://diceui.com/r/{style}/compose-refs.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/compose-refs.json"},{"name":"client-only","title":null,"description":null,"type":"registry:component","source_url":"https://diceui.com/r/{style}/client-only.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/client-only.json"},{"name":"direction-provider","title":null,"description":null,"type":"registry:component","source_url":"https://diceui.com/r/{style}/direction-provider.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/direction-provider.json"},{"name":"hitbox","title":null,"description":null,"type":"registry:component","source_url":"https://diceui.com/r/{style}/hitbox.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/hitbox.json"},{"name":"pending","title":null,"description":null,"type":"registry:component","source_url":"https://diceui.com/r/{style}/pending.json","install_command":"npx shadcn@latest add https://diceui.com/r/{style}/pending.json"}]},{"id":"diklein","name":"@diklein","slug":"diklein","description":"A growing collection of design-forward React components by Dave Klein, extracted from the components powering diklein.com.","author":"diklein","framework":"react","license":"MIT","tags":["cards"],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://diklein.com/components","github":"https://github.com/diklein/dkproductcard","registry":"https://diklein.com/r/registry.json","source":"https://diklein.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/diklein","markdown":"https://sh4dcn.netlify.app/md/diklein.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' width='24' height='24'><circle cx='62' cy='38' r='28' fill='#e10000'/><rect x='12' y='32' width='56' height='56' fill='var(--foreground)'/></svg>","preview_image":"https://diklein.com/og?title=Components&amp;type=page&amp;path=%2Fcomponents&amp;v=4","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-09-01T04:27:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://diklein.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://diklein.com/r/registry.json","install_bun":"bunx shadcn@latest add https://diklein.com/r/registry.json","clone":"git clone https://github.com/diklein/dkproductcard.git","clone_degit":"npx degit diklein/dkproductcard","registry_fetch":"curl -s https://diklein.com/r/registry.json"},"component_count":3,"components":[{"name":"dk-product-card","title":"DKProductCard","description":"A product card for MDX blogs. Title, description, image, status strip, and note-style bodies. Pairs with the @diklein/dkproductcard remark plugin, which turns …","type":"registry:component","source_url":"https://diklein.com/r/dk-product-card.json","install_command":"npx shadcn@latest add https://diklein.com/r/dk-product-card.json"},{"name":"dk-media-viewer","title":"DKMediaViewer","description":"A minimalist, performant, and elegant photo and video viewer for React. Masonry grid, fly-in lightbox, a crossfading carousel, captions and camera EXIF data, l…","type":"registry:component","source_url":"https://diklein.com/r/dk-media-viewer.json","install_command":"npx shadcn@latest add https://diklein.com/r/dk-media-viewer.json"},{"name":"dk-bezeler","title":"DKBezeler","description":"Display components for DKBezeler's baked device frames: a framed still as a plain image, and the light and dark video versions swapped with CSS. Bake the asset…","type":"registry:component","source_url":"https://diklein.com/r/dk-bezeler.json","install_command":"npx shadcn@latest add https://diklein.com/r/dk-bezeler.json"}]},{"id":"docscn","name":"@docscn","slug":"docscn","description":"Documentation components built on Fumadocs Core: docs layouts, sidebars, tables of contents, search and MDX components. A drop-in replacement for Fumadocs UI.","author":"ruiyuwg","framework":"react","license":"MIT","tags":["ai","blocks","buttons","cards","charts","cms","dashboard","forms","media","navigation","overlays","tables","theming"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://docscn.dev","github":"https://github.com/ruiyuwg/docscn","registry":"https://docscn.dev/r/registry.json","source":"https://docscn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/docscn","markdown":"https://sh4dcn.netlify.app/md/docscn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><path d='M16 0H24V8H16V0Z'/><path d='M8 8H16V16H8V8Z'/><path d='M0 16H8V24H0V16Z'/><path d='M16 16H24V24H16V16Z'/></svg>","preview_image":"https://docscn.dev/opengraph-image-12gd74?44e2d8422bbd6c18","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":5,"last_commit":"2026-10-26T19:22:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://docscn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://docscn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://docscn.dev/r/registry.json","clone":"git clone https://github.com/ruiyuwg/docscn.git","clone_degit":"npx degit ruiyuwg/docscn","registry_fetch":"curl -s https://docscn.dev/r/registry.json"},"component_count":43,"components":[{"name":"docs-utils","title":"Docs utilities","description":"Shared helpers used by docscn components: URL matching, ref merging, hotkeys, copy-button state and tab groups that share a selection.","type":"registry:lib","source_url":"https://docscn.dev/r/docs-utils.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs-utils.json"},{"name":"search-context","title":"Search context","description":"SearchProvider and useSearchContext: the search dialog's open state, its Meta/Ctrl+K hotkey and shared dialog types.","type":"registry:component","source_url":"https://docscn.dev/r/search-context.json","install_command":"npx shadcn@latest add https://docscn.dev/r/search-context.json"},{"name":"i18n-context","title":"I18n context","description":"I18nProvider and useI18n: the current locale, the available locales and the UI string translations, which RootProvider's i18n prop sets.","type":"registry:component","source_url":"https://docscn.dev/r/i18n-context.json","install_command":"npx shadcn@latest add https://docscn.dev/r/i18n-context.json"},{"name":"i18n","title":"I18n","description":"defineI18nUI, i18nProvider and uiTranslations: build RootProvider's i18n prop from a Fumadocs Core i18n config, with translations of the UI strings keyed as in…","type":"registry:lib","source_url":"https://docscn.dev/r/i18n.json","install_command":"npx shadcn@latest add https://docscn.dev/r/i18n.json"},{"name":"root-provider","title":"Root provider","description":"RootProvider for the root layout: theme (next-themes) with a `d` hotkey, the default search dialog, tooltips, text direction and Next.js framework adapters.","type":"registry:component","source_url":"https://docscn.dev/r/root-provider.json","install_command":"npx shadcn@latest add https://docscn.dev/r/root-provider.json"},{"name":"theme-switch","title":"Theme switch","description":"ThemeSwitch: a light/dark toggle, or a light/dark/system toggle group.","type":"registry:component","source_url":"https://docscn.dev/r/theme-switch.json","install_command":"npx shadcn@latest add https://docscn.dev/r/theme-switch.json"},{"name":"search-trigger","title":"Search trigger","description":"SearchTrigger (icon button) and FullSearchTrigger (search field with hotkey hint) that open the search dialog.","type":"registry:component","source_url":"https://docscn.dev/r/search-trigger.json","install_command":"npx shadcn@latest add https://docscn.dev/r/search-trigger.json"},{"name":"language-select","title":"Language select","description":"LanguageSelect and LanguageSelectText: a popover listing the locales from RootProvider's i18n prop, shown by the layouts when there is more than one.","type":"registry:component","source_url":"https://docscn.dev/r/language-select.json","install_command":"npx shadcn@latest add https://docscn.dev/r/language-select.json"},{"name":"layout-shared","title":"Shared layout options","description":"BaseLayoutProps, link items, layout tabs, the AI chat panel and helpers shared by the docs, notebook and home layouts.","type":"registry:component","source_url":"https://docscn.dev/r/layout-shared.json","install_command":"npx shadcn@latest add https://docscn.dev/r/layout-shared.json"},{"name":"typography","title":"Typography","description":"The docs-typeset class for MDX content, built from your shadcn/ui theme tokens. Add not-docs-typeset to opt an element out.","type":"registry:item","source_url":"https://docscn.dev/r/typography.json","install_command":"npx shadcn@latest add https://docscn.dev/r/typography.json"},{"name":"heading","title":"Heading","description":"Heading with an anchor link and a button that copies the link to the section.","type":"registry:component","source_url":"https://docscn.dev/r/heading.json","install_command":"npx shadcn@latest add https://docscn.dev/r/heading.json"},{"name":"codeblock","title":"Code block","description":"CodeBlock and CodeBlockTabs for Fumadocs MDX's Shiki output: title, icon, copy button, code tabs, and the styles for dual themes, highlights, diffs, focus and …","type":"registry:component","source_url":"https://docscn.dev/r/codeblock.json","install_command":"npx shadcn@latest add https://docscn.dev/r/codeblock.json"},{"name":"card","title":"Card","description":"Cards and Card: a grid of link cards with an icon, title and description.","type":"registry:component","source_url":"https://docscn.dev/r/card.json","install_command":"npx shadcn@latest add https://docscn.dev/r/card.json"},{"name":"callout","title":"Callout","description":"Callout for notes and warnings, with info, warning, error, success and idea types.","type":"registry:component","source_url":"https://docscn.dev/r/callout.json","install_command":"npx shadcn@latest add https://docscn.dev/r/callout.json"},{"name":"mdx","title":"MDX components","description":"defaultMdxComponents for Fumadocs MDX content (code blocks, headings, links, images, tables, cards and callouts) and createRelativeLink.","type":"registry:component","source_url":"https://docscn.dev/r/mdx.json","install_command":"npx shadcn@latest add https://docscn.dev/r/mdx.json"},{"name":"tree-context","title":"Page tree context","description":"TreeContextProvider and hooks for the current page tree, the path to the current page, layout tab groups and the linear page list used for previous/next links.","type":"registry:component","source_url":"https://docscn.dev/r/tree-context.json","install_command":"npx shadcn@latest add https://docscn.dev/r/tree-context.json"},{"name":"docs-sidebar","title":"Docs sidebar","description":"SidebarPageTree renders a Fumadocs page tree (pages, folders, separators, icons, external links) with the shadcn/ui sidebar menu, and SidebarLinkItem renders l…","type":"registry:component","source_url":"https://docscn.dev/r/docs-sidebar.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs-sidebar.json"},{"name":"sidebar-tabs","title":"Sidebar tabs","description":"getSidebarTabs and SidebarTabsDropdown: switch between root folders of the page tree from a dropdown in the sidebar.","type":"registry:component","source_url":"https://docscn.dev/r/sidebar-tabs.json","install_command":"npx shadcn@latest add https://docscn.dev/r/sidebar-tabs.json"},{"name":"docs-layout","title":"Docs layout","description":"DocsLayout: the docs layout on the shadcn/ui sidebar, with the page tree, search, layout tabs, links, a theme switch and a mobile navbar.","type":"registry:component","source_url":"https://docscn.dev/r/docs-layout.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs-layout.json"},{"name":"toc","title":"Table of contents","description":"TOCProvider, TOCScrollArea and the TOC items in three styles: the default, with a thumb that follows the headings in view, clerk and block.","type":"registry:component","source_url":"https://docscn.dev/r/toc.json","install_command":"npx shadcn@latest add https://docscn.dev/r/toc.json"},{"name":"page-actions","title":"Page actions","description":"MarkdownCopyButton copies the page as Markdown, and ViewOptionsPopover links to the source on GitHub, the Markdown, and ChatGPT, Claude, Cursor and Scira.","type":"registry:component","source_url":"https://docscn.dev/r/page-actions.json","install_command":"npx shadcn@latest add https://docscn.dev/r/page-actions.json"},{"name":"docs-page","title":"Docs page","description":"DocsPage, DocsTitle, DocsDescription and DocsBody, with the breadcrumb, previous/next links, the table of contents (a popover on small screens), EditOnGitHub a…","type":"registry:component","source_url":"https://docscn.dev/r/docs-page.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs-page.json"},{"name":"notebook-layout","title":"Notebook layout","description":"DocsLayout from layouts/notebook: a more compact docs layout on the shadcn/ui sidebar, with a navbar beside or above the sidebar, and layout tabs in the sideba…","type":"registry:component","source_url":"https://docscn.dev/r/notebook-layout.json","install_command":"npx shadcn@latest add https://docscn.dev/r/notebook-layout.json"},{"name":"notebook-page","title":"Notebook page","description":"DocsPage and the other page components from layouts/notebook/page, for pages in the notebook layout: the breadcrumb, previous/next links, the table of contents…","type":"registry:component","source_url":"https://docscn.dev/r/notebook-page.json","install_command":"npx shadcn@latest add https://docscn.dev/r/notebook-page.json"},{"name":"search-dialog","title":"Search dialog","description":"The search dialog's parts (SearchDialog, SearchDialogContent, SearchDialogInput, SearchDialogList, TagsList, ...) for building a search dialog for any Fumadocs…","type":"registry:component","source_url":"https://docscn.dev/r/search-dialog.json","install_command":"npx shadcn@latest add https://docscn.dev/r/search-dialog.json"},{"name":"search-dialog-default","title":"Default search dialog","description":"DefaultSearchDialog: the search dialog for Fumadocs' built-in search server (createFromSource), with tag filters and default links. RootProvider loads it by de…","type":"registry:component","source_url":"https://docscn.dev/r/search-dialog-default.json","install_command":"npx shadcn@latest add https://docscn.dev/r/search-dialog-default.json"},{"name":"home-layout","title":"Home layout","description":"HomeLayout: a layout for landing pages with a navbar (links, navigation menus, search, theme switch) and a mobile menu, plus DefaultNotFound for 404 pages.","type":"registry:component","source_url":"https://docscn.dev/r/home-layout.json","install_command":"npx shadcn@latest add https://docscn.dev/r/home-layout.json"},{"name":"og","title":"OG image","description":"generateOGImage: a default Open Graph image for docs pages, rendered with next/og.","type":"registry:component","source_url":"https://docscn.dev/r/og.json","install_command":"npx shadcn@latest add https://docscn.dev/r/og.json"},{"name":"docs-tabs","title":"Tabs","description":"Tabs and Tab for MDX content: tabs from a list of items or with explicit values, with selections shared between tab groups, persisted, or linked from the URL h…","type":"registry:component","source_url":"https://docscn.dev/r/docs-tabs.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs-tabs.json"},{"name":"steps","title":"Steps","description":"Steps and Step: numbered steps on a line, plus the styles for the fd-steps and fd-step classes that remark-steps adds.","type":"registry:component","source_url":"https://docscn.dev/r/steps.json","install_command":"npx shadcn@latest add https://docscn.dev/r/steps.json"},{"name":"docs-accordion","title":"Accordion","description":"Accordions and Accordion: collapsible sections that open from the URL hash and have a copy-link button.","type":"registry:component","source_url":"https://docscn.dev/r/docs-accordion.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs-accordion.json"},{"name":"files","title":"Files","description":"Files, Folder and File: a file tree with collapsible folders, also rendered from remark-mdx-files output.","type":"registry:component","source_url":"https://docscn.dev/r/files.json","install_command":"npx shadcn@latest add https://docscn.dev/r/files.json"},{"name":"type-table","title":"Type table","description":"TypeTable: a table of props or fields, each expanding to its description, full type, default, parameters and return value, and linkable from the URL hash.","type":"registry:component","source_url":"https://docscn.dev/r/type-table.json","install_command":"npx shadcn@latest add https://docscn.dev/r/type-table.json"},{"name":"image-zoom","title":"Image zoom","description":"ImageZoom: an image that zooms in to fill the screen when clicked, built on react-medium-image-zoom.","type":"registry:component","source_url":"https://docscn.dev/r/image-zoom.json","install_command":"npx shadcn@latest add https://docscn.dev/r/image-zoom.json"},{"name":"inline-toc","title":"Inline TOC","description":"InlineTOC: a collapsible table of contents to place inside a page.","type":"registry:component","source_url":"https://docscn.dev/r/inline-toc.json","install_command":"npx shadcn@latest add https://docscn.dev/r/inline-toc.json"},{"name":"banner","title":"Banner","description":"Banner: an announcement bar above the layout, optionally dismissible and with a rainbow variant, that offsets docscn's layouts by its height.","type":"registry:component","source_url":"https://docscn.dev/r/banner.json","install_command":"npx shadcn@latest add https://docscn.dev/r/banner.json"},{"name":"github-info","title":"GitHub info","description":"GithubInfo: a link to a GitHub repository with its star and fork counts, fetched on the server.","type":"registry:component","source_url":"https://docscn.dev/r/github-info.json","install_command":"npx shadcn@latest add https://docscn.dev/r/github-info.json"},{"name":"dynamic-codeblock","title":"Dynamic code block","description":"DynamicCodeBlock: a code block highlighted with Shiki in the browser, for code that's only known at runtime.","type":"registry:component","source_url":"https://docscn.dev/r/dynamic-codeblock.json","install_command":"npx shadcn@latest add https://docscn.dev/r/dynamic-codeblock.json"},{"name":"server-codeblock","title":"Server code block","description":"ServerCodeBlock: a code block highlighted with Shiki in a React Server Component.","type":"registry:component","source_url":"https://docscn.dev/r/server-codeblock.json","install_command":"npx shadcn@latest add https://docscn.dev/r/server-codeblock.json"},{"name":"ai-chat","title":"AI chat","description":"The AI chat UI for the layouts' aiChat option, built on the AI SDK: AIChatProvider, AIChatPanel, AIChatTrigger and AIChatSearch, with streamed Markdown answers…","type":"registry:component","source_url":"https://docscn.dev/r/ai-chat.json","install_command":"npx shadcn@latest add https://docscn.dev/r/ai-chat.json"},{"name":"docs","title":"Docs","description":"Docs for a new Next.js project: every docscn component, Fumadocs MDX content in content/docs, the /docs routes and a search API.","type":"registry:block","source_url":"https://docscn.dev/r/docs.json","install_command":"npx shadcn@latest add https://docscn.dev/r/docs.json"},{"name":"ai-chat-openrouter","title":"AI chat (OpenRouter)","description":"Ask AI for your docs: the AI chat wired into DocsLayout, with a chat route that searches your pages and answers through OpenRouter.","type":"registry:block","source_url":"https://docscn.dev/r/ai-chat-openrouter.json","install_command":"npx shadcn@latest add https://docscn.dev/r/ai-chat-openrouter.json"},{"name":"fumadocs-ui","title":"Fumadocs UI","description":"Every docscn component, for migrating from Fumadocs UI: replace fumadocs-ui/ with @/components/docs/ in your imports.","type":"registry:item","source_url":"https://docscn.dev/r/fumadocs-ui.json","install_command":"npx shadcn@latest add https://docscn.dev/r/fumadocs-ui.json"}]},{"id":"dominik-ui","name":"@dominik-ui","slug":"dominik-ui","description":"A minimal personal registry from developer Dominik Koch, currently containing a single component: a Braille Loader — an animated braille-pattern loading indicator with wave, typewriter, shimmer, and pulse variants rendered in React. Built with the shadcn registry format and Tailwind CSS. The registry name is dominik-portfolio, reflecting its origin as a personal project built for Dominik's AI startup Notra. Use for: adding a distinctive, accessibility-themed animated loading indicator to an AI or content-focused app where a standard spinner would feel generic.","author":null,"framework":"react","license":null,"tags":["accessibility","aesthetic","ai","animation","forms","loaders","marketing","navigation","saas","text-effects","theming"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://dominikkoch.dev/ui","github":"N/A","registry":"https://dominikkoch.dev/r/registry.json","source":"https://dominikkoch.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dominik-ui","markdown":"https://sh4dcn.netlify.app/md/dominik-ui.md"},"logo":"<svg width='800' height='800' viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'><Title>Dominik UI 10x Logo</Title><path d='M197.966 254.091V545h-70.171V319.716h-1.704l-65.057 39.773v-60.796l71.733-44.602zm184.623 298.011q-38.067 0-65.625-18.04-27.556-18.182-42.471-52.13-14.915-34.091-14.773-81.96.142-47.87 14.915-81.25 14.915-33.523 42.329-50.995 27.558-17.613 65.625-17.613 38.069 0 65.625 17.613 27.7 17.472 42.614 50.995 14.915 33.522 14.773 81.25 0 48.011-14.915 82.102t-42.472 52.131q-27.414 17.897-65.625 17.897m0-57.528q22.728 0 36.79-23.154 14.062-23.295 13.921-71.448 0-31.535-6.392-51.989-6.393-20.596-17.756-30.682-11.364-10.085-26.563-10.085-22.584 0-36.505 22.869-13.92 22.727-14.063 69.887-.141 31.959 6.108 52.983 6.393 21.022 17.898 31.392 11.506 10.227 26.562 10.227M605.53 326.818l35.937 71.875 37.216-71.875h70.029l-60.938 109.091L750.984 545h-69.46l-40.057-72.443L602.405 545H531.95l63.353-109.091-60.228-109.091z' fill='#fdc700'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://dominikkoch.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://dominikkoch.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://dominikkoch.dev/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://dominikkoch.dev/r/registry.json"},"component_count":4,"components":[{"name":"expandable-tabs","title":"Expandable Tabs","description":"Animated icon tabs with a sliding active pill and an expanding label, built on the shadcn tooltip.","type":"registry:ui","source_url":"https://dominikkoch.dev/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/expandable-tabs.json"},{"name":"command-tabs","title":"Command Tabs","description":"A copyable command block with attached agent tabs and a sliding active pill — tabs can sit above or below the command.","type":"registry:ui","source_url":"https://dominikkoch.dev/r/command-tabs.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/command-tabs.json"},{"name":"permission-selector","title":"Permission Selector","description":"A composable segmented permission control with an animated sliding pill — read/write levels and deny/neutral/allow toggles.","type":"registry:ui","source_url":"https://dominikkoch.dev/r/permission-selector.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/permission-selector.json"},{"name":"braille-loader","title":"Braille Loader","description":"An animated braille loading indicator with wave, typewriter, shimmer, and pulse variants.","type":"registry:ui","source_url":"https://dominikkoch.dev/r/braille-loader.json","install_command":"npx shadcn@latest add https://dominikkoch.dev/r/braille-loader.json"}]},{"id":"doras-ui","name":"@doras-ui","slug":"doras-ui","description":"Doras UI is a React component library offering copy-paste UI blocks built on the shadcn/ui registry pattern. The site advertises full customizability and live previews, and the meta keywords reference TanStack Router, indicating modern routing support. The GitHub repo was still under construction at research time, limiting available component details. Built with React and Tailwind CSS. Use for: pulling individual shadcn-compatible blocks into a project when the library matures; currently early-stage, so verify component availability before relying on it for production work.","author":"dorasto","framework":"react","license":null,"tags":["blocks","components","design-system"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://ui.doras.to/","github":"https://github.com/dorasto/ui","registry":"https://ui.doras.to/r/{name}.json","source":"https://ui.doras.to/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/doras-ui","markdown":"https://sh4dcn.netlify.app/md/doras-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><rect width='24' height='24' rx='2' fill='#8763B3'/><g transform='rotate(-12 12 12)'><path d='M3 7c3 -2 6 -2 9 0s6 2 9 0' stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M3 17c3 -2 6 -2 9 0s6 2 9 0' stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='M3 12c3 -2 6 -2 9 0s6 2 9 0' stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/></g></svg>","preview_image":"https://ui.doras.to/og/index.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2025-12-06T11:19:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/dorasto/ui.git","clone_degit":"npx degit dorasto/ui","registry_fetch":"curl -s https://ui.doras.to/r/{name}.json"},"component_count":0,"components":[]},{"id":"dotmatrix","name":"@dotmatrix","slug":"dotmatrix","description":"Dotmatrix is a focused shadcn registry of dot-matrix-style loading animations for React. Components are organized in a single Next.js app with loaders available in three geometric shapes — square, circular, and triangle — each with polished motion. Install via npx shadcn add from the public registry or copy-paste from the docs site. The project also exposes a public/r/registry.json for tooling discovery. Free and open source. Use for: adding a retro, high-contrast dot-matrix loading indicator to any React/Next.js app where a visually distinctive spinner is preferred over a generic spinner or skeleton.","author":"zzzzshawn","framework":"react","license":null,"tags":["aesthetic","animation","cms","loaders","maps","mobile","retro"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://dotmatrix.zzzzshawn.cloud","github":"https://github.com/zzzzshawn/matrix","registry":"https://dotmatrix.zzzzshawn.cloud/r/registry.json","source":"https://dotmatrix.zzzzshawn.cloud/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dotmatrix","markdown":"https://sh4dcn.netlify.app/md/dotmatrix.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"190\" height=\"190\" viewBox=\"0 0 190 190\" fill=\"none\">\n<g filter=\"url(#filter0_ii_1415_4245)\">\n<rect width=\"190\" height=\"190\" rx=\"44\" fill=\"url(#paint0_linear_1415_4245)\"/>\n<circle cx=\"50\" cy=\"50\" r=\"44.6\" stroke=\"black\" stroke-opacity=\"0.1\" stroke-width=\"0.8\" stroke-dasharray=\"1.6 1.6\"/>\n<circle cx=\"140\" cy=\"50\" r=\"44.6\" stroke=\"black\" stroke-opacity=\"0.1\" stroke-width=\"0.8\" stroke-dasharray=\"1.6 1.6\"/>\n<circle cx=\"140\" cy=\"140\" r=\"44.6\" stroke=\"black\" stroke-opacity=\"0.1\" stroke-width=\"0.8\" stroke-dasharray=\"1.6 1.6\"/>\n<circle cx=\"50\" cy=\"140\" r=\"44.6\" stroke=\"black\" stroke-opacity=\"0.1\" stroke-width=\"0.8\" stroke-dasharray=\"1.6 1.6\"/>\n<circle cx=\"95\" cy=\"95\" r=\"44.6\" stroke=\"black\" stroke-opacity=\"0.1\" stroke-width=\"0.8\" stroke-dasharray=\"1.6 1.6\"/>\n<g filter=\"url(#filter1_di_1415_4245)\">\n<rect x=\"90\" y=\"74.2134\" width=\"30\" height=\"29.9988\" rx=\"14.9994\" transform=\"rotate(-45 90 74.2134)\" fill=\"#202020\"/>\n</g>\n<g filter=\"url(#filter2_di_1415_4245)\">\n<rect width=\"30\" height=\"29.9988\" rx=\"14.9994\" transform=\"matrix(-0.707107 -0.707107 -0.707107 0.707107 99.5674 74.2134)\" fill=\"#202020\"/>\n</g>\n<g filter=\"url(#filter3_di_1415_4245)\">\n<rect x=\"90\" y=\"116.213\" width=\"30\" height=\"29.9988\" rx=\"14.9994\" transform=\"rotate(-45 90 116.213)\" fill=\"#202020\"/>\n</g>\n<g filter=\"url(#filter4_di_1415_4245)\">\n<rect width=\"30\" height=\"29.9988\" rx=\"14.9994\" transform=\"matrix(-0.707107 -0.707107 -0.707107 0.707107 99.5674 116.213)\" fill=\"#202020\"/>\n</g>\n<g filter=\"url(#filter5_di_1415_4245)\">\n<rect x=\"114.142\" y=\"95.2847\" width=\"30\" height=\"29.9988\" rx=\"14.9994\" transform=\"rotate(-45 114.142 95.2847)\" fill=\"#202020\"/>\n</g>\n<g filter=\"url(#filter6_di_1415_4245)\">\n<rect width=\"30\" height=\"29.9988\" rx=\"14.9994\" transform=\"matrix(-0.707107 -0.707107 -0.707107 0.707107 75.4256 95.2847)\" fill=\"#202020\"/>\n</g>\n<rect x=\"17.7071\" y=\"94.7891\" width=\"109.011\" height=\"109.011\" rx=\"54.5053\" transform=\"rotate(-45 17.7071 94.7891)\" stroke=\"black\" stroke-opacity=\"0.1\" stroke-dasharray=\"2 2\"/>\n</g>\n<defs>\n<filter id=\"filter0_ii_1415_4245\" x=\"0\" y=\"0\" width=\"190\" height=\"192\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"3\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect1_innerShadow_1415_4245\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset/>\n<feGaussianBlur stdDeviation=\"20\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0\"/>\n<feBlend mode=\"normal\" in2=\"effect1_innerShadow_1415_4245\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<filter id=\"filter1_di_1415_4245\" x=\"93.2132\" y=\"58.2134\" width=\"35.9992\" height=\"35.999\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"1.5\"/>\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1415_4245\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1415_4245\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"4\"/>\n<feGaussianBlur stdDeviation=\"2\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<filter id=\"filter2_di_1415_4245\" x=\"60.355\" y=\"58.2134\" width=\"35.9992\" height=\"35.999\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"1.5\"/>\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1415_4245\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1415_4245\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"4\"/>\n<feGaussianBlur stdDeviation=\"2\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<filter id=\"filter3_di_1415_4245\" x=\"93.2132\" y=\"100.213\" width=\"35.9992\" height=\"35.999\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"1.5\"/>\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1415_4245\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1415_4245\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"4\"/>\n<feGaussianBlur stdDeviation=\"2\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<filter id=\"filter4_di_1415_4245\" x=\"60.355\" y=\"100.213\" width=\"35.9992\" height=\"35.999\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"1.5\"/>\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1415_4245\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1415_4245\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"4\"/>\n<feGaussianBlur stdDeviation=\"2\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<filter id=\"filter5_di_1415_4245\" x=\"117.355\" y=\"79.2847\" width=\"35.9992\" height=\"35.999\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"1.5\"/>\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1415_4245\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1415_4245\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"4\"/>\n<feGaussianBlur stdDeviation=\"2\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<filter id=\"filter6_di_1415_4245\" x=\"36.2132\" y=\"79.2847\" width=\"35.9992\" height=\"35.999\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n<feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"2\"/>\n<feGaussianBlur stdDeviation=\"1.5\"/>\n<feComposite in2=\"hardAlpha\" operator=\"out\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_1415_4245\"/>\n<feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1415_4245\" result=\"shape\"/>\n<feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\"/>\n<feOffset dy=\"4\"/>\n<feGaussianBlur stdDeviation=\"2\"/>\n<feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\"/>\n<feColorMatrix type=\"matrix\" values=\"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0\"/>\n<feBlend mode=\"normal\" in2=\"shape\" result=\"effect2_innerShadow_1415_4245\"/>\n</filter>\n<linearGradient id=\"paint0_linear_1415_4245\" x1=\"0\" y1=\"190\" x2=\"343.583\" y2=\"-147.25\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"1\" stop-color=\"#808080\"/>\n</linearGradient>\n</defs>\n</svg>","preview_image":"https://dotmatrix.zzzzshawn.cloud/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":627,"open_issues":3,"last_commit":"2026-09-26T09:10:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.json","install_bun":"bunx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.json","clone":"git clone https://github.com/zzzzshawn/matrix.git","clone_degit":"npx degit zzzzshawn/matrix","registry_fetch":"curl -s https://dotmatrix.zzzzshawn.cloud/r/registry.json"},"component_count":91,"components":[{"name":"dotm-square-1","title":"Neon Drift","description":"Same ripple family as the icon, with a wave that sweeps from the top-right toward the bottom-left.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-1.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-1.json"},{"name":"dotm-square-2","title":"Pulse Ladder","description":"Clockwise snake route: starts bottom-left up column 1, jumps to column 3 down, then column 2 up, and continues the same cycle to the right.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-2.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-2.json"},{"name":"dotm-square-3","title":"Core Spiral","description":"A 4-dot tail spirals clockwise from the outer border toward the center of the 5x5 grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-3.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-3.json"},{"name":"dotm-square-4","title":"Twin Orbit","description":"Outer ring snake moves clockwise, middle ring snake moves anticlockwise, and the center dot stays inactive.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-4.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-4.json"},{"name":"dotm-square-5","title":"Prism Sweep","description":"Snake-style trail that traverses the 5x5 grid on alternating diagonals.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-5.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-5.json"},{"name":"dotm-square-6","title":"Flux Columns","description":"Five simultaneous snakes: columns 1/3/5 move up while columns 2/4 move down.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-6.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-6.json"},{"name":"dotm-square-7","title":"Block Drop","description":"Tetromino-like frames drop and stack in a 5x5 matrix, then flash a row-clear beat.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-7.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-7.json"},{"name":"dotm-square-8","title":"Strobe Stack","description":"Each column stacks upward on a stagger (Tetris-style), the full grid blinks twice, then columns drain downward with the same stagger.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-8.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-8.json"},{"name":"dotm-square-9","title":"Glyph Pulse","description":"Two synced 2×3 cells (Unicode dot order) step through clear motifs: rails, full grid, three rows, checker, horseshoes, and alternating columns.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-9.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-9.json"},{"name":"dotm-square-10","title":"CRT Glide","description":"A CRT-style horizontal scanline moves down the matrix; swept rows leave a soft phosphor trail with a slight column-wise warp.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-10.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-10.json"},{"name":"dotm-square-11","title":"Echo Ring","description":"Concentric diamond ripple with a soft secondary echo pulse per ring.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-11.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-11.json"},{"name":"dotm-square-12","title":"Origin Wave","description":"Ripple starts at cell (2,2) and expands outward in concentric rings.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-12.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-12.json"},{"name":"dotm-square-13","title":"Core Rotor","description":"Single fan blade rotating around a center hub for a clean, readable loop.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-13.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-13.json"},{"name":"dotm-square-14","title":"Prism Bloom","description":"A symmetric kaleidoscope bloom cycling through clean radial motifs.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-14.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-14.json"},{"name":"dotm-square-15","title":"Helix Glow","description":"Two mirrored strands with periodic bridges pulse like a compact DNA helix.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-15.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-15.json"},{"name":"dotm-square-16","title":"Helix Core","description":"A narrower helix variant that stays in the center band while preserving strand/rung rhythm.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-16.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-16.json"},{"name":"dotm-square-17","title":"Half Helix","description":"Single-strand helix variant that shows one side of the DNA wave.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-17.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-17.json"},{"name":"dotm-square-18","title":"Sound Bars","description":"Equalizer-style vertical bars that pulse like live music levels.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-18.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-18.json"},{"name":"dotm-square-19","title":"Infinity Run","description":"Dual counter-rotating heads trace a figure-eight with a soft crossover pulse at center.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-19.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-19.json"},{"name":"dotm-square-20","title":"Mobius Run","description":"A bright head and tail run around the outer ring; a dimmer second train stays half a lap behind, with inner corner flashes for the twist.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-20.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-20.json"},{"name":"dotm-circular-1","title":"Halo Drift","description":"A circular-masked half-helix that travels diagonally from top-left to bottom-right with a bright strand and soft adjacent trail.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-1.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-1.json"},{"name":"dotm-circular-2","title":"Tri Orbit","description":"Three luminous heads orbit the circular ring at equal offsets, creating a triad chase that never overlaps into the old snake rhythm.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-2.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-2.json"},{"name":"dotm-circular-3","title":"Plasma Veil","description":"A plasma-like diagonal sweep and pulsing core weave through the circular mask for a distinctly different motion signature.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-3.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-3.json"},{"name":"dotm-circular-4","title":"Radar Arc","description":"A rotating radar arm scans the circular grid with a bright beam front, soft wake, and faint perimeter ring echo.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-4.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-4.json"},{"name":"dotm-circular-5","title":"Nova Wheel","description":"Four rotating pinwheel blades spin through the circular matrix with a glowing center and soft trailing halo.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-5.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-5.json"},{"name":"dotm-circular-6","title":"Phase Orb","description":"An off-center orbiting energy point traces a phase-shifted loop, creating a drifting orbital glow inside the circular matrix.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-6.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-6.json"},{"name":"dotm-circular-7","title":"Gate Shift","description":"A scanning gate flips between vertical and horizontal sweeps, producing a crisp alternating shutter rhythm in the circular grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-7.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-7.json"},{"name":"dotm-circular-8","title":"Heart Pulse","description":"Pulse bursts from the center with a dual-beat cadence, sending soft concentric pressure waves across the circular matrix.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-8.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-8.json"},{"name":"dotm-circular-9","title":"Star Compass","description":"A cardinal beacon pattern: N/E/S/W sectors pulse in sequence with a dim opposite echo, creating a clear directional rhythm in the circular mask.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-9.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-9.json"},{"name":"dotm-circular-10","title":"Binary Bloom","description":"Binary-style opacity tiers pulse in modular steps so only a few cells peak at once while others stay low, producing a crisp coded bloom.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-10.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-10.json"},{"name":"dotm-circular-11","title":"Lunar Breathe","description":"A rotating crescent moon silhouette: bright lunar body, soft rim, and faint directional halo moving around the circular mask.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-11.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-11.json"},{"name":"dotm-circular-12","title":"Arc Beacon","description":"A stepped 8-direction beacon beam sweeps around the circle with a dim opposite echo and diagonal spoke accents.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-12.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-12.json"},{"name":"dotm-circular-13","title":"Twin Helix","description":"A circular-masked twin-helix: mirrored side strands weave inward and outward with intermittent interior bridge pulses.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-13.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-13.json"},{"name":"dotm-circular-14","title":"Rung Shift","description":"A shifting DNA ladder where a bright horizontal rung steps row-by-row while side anchors sway and leave soft ghost echoes.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-14.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-14.json"},{"name":"dotm-circular-15","title":"Glyph Cluster","description":"Braille-inspired grouped dot motifs cycle through rails, bridges, and cross forms inside the circular mask with crisp tiered opacity.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-15.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-15.json"},{"name":"dotm-circular-16","title":"Rail Scan","description":"A braille rail scanline sweeps row-by-row between left and right cells, with near-column accents and soft trail falloff.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-16.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-16.json"},{"name":"dotm-circular-17","title":"Checker Shift","description":"Braille-biased checker phases alternate in stepped shifts, keeping rails pronounced while the center cross supports readability.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-17.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-17.json"},{"name":"dotm-circular-18","title":"Pulse Pair","description":"Mirrored braille dot pairs pulse from top and bottom toward the center, with a connective center-column accent.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-18.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-18.json"},{"name":"dotm-circular-19","title":"Orbit Cell","description":"A bright braille cell head orbits the inner ring with a dim tail while rail columns remain softly active.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-19.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-19.json"},{"name":"dotm-circular-20","title":"Glyph Cycle","description":"Distinct braille-like glyphs cycle in sequence with previous-frame ghosting for a crisp readable symbol transition.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-20.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-20.json"},{"name":"dotm-triangle-1","title":"Core Spokes","description":"A triangle-masked matrix where three spoke lines originate at the center and travel outward to each triangle edge.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-1.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-1.json"},{"name":"dotm-triangle-2","title":"Altitude Wave","description":"A soft altitude wave travels between apex and base while the center column remains gently present for shape readability.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-2.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-2.json"},{"name":"dotm-triangle-3","title":"Corner Bounce","description":"A single head bounces between triangle corners along the perimeter path with a short fading tail.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-3.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-3.json"},{"name":"dotm-triangle-4","title":"Vertex Chase","description":"Three staggered heads chase around the triangle perimeter, leaving short fading tails while all dots stay fixed in place.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-4.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-4.json"},{"name":"dotm-triangle-5","title":"Row Sweep","description":"A reflected scanline sweeps from apex to base and back, animating only opacity bands across triangle rows.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-5.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-5.json"},{"name":"dotm-triangle-6","title":"Braille Beat","description":"Triangle-masked braille dots fill down the left rail, then the right, then blink full and empty.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-6.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-6.json"},{"name":"dotm-triangle-7","title":"Oblique Weave","description":"Diagonal harmonics keyed on row + col: bright bands glide along oblique lines through the triangle with a subtle second harmonic for texture.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-7.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-7.json"},{"name":"dotm-triangle-8","title":"Wing Metronome","description":"The lower triangle splits into left and right wings that trade emphasis on a pendulum beat; apex and center pulse brightest when both sides meet in the middle.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-8.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-8.json"},{"name":"dotm-triangle-9","title":"Corona Tier","description":"Eight-connected distance rings from the heart cell: a bright corona sweeps outward through discrete tiers then back, so depth reads as concentric energy shells.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-9.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-9.json"},{"name":"dotm-triangle-10","title":"Column Rake","description":"A stepped head and tail snake the mask in strict column order (bottom to top per column, columns left to right), unlike perimeter chases or diagonal waves.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-10.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-10.json"},{"name":"dotm-triangle-11","title":"Shelf Descent","description":"Cosine bands keyed on Manhattan distance from the apex (not the center): energy reads as horizontal tiers dropping through the triangle.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-11.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-11.json"},{"name":"dotm-triangle-12","title":"Skew Drift","description":"Traveling harmonics on `row - col` so bright ridges move along NE–SW obliques, orthogonal in feel to diagonal loaders that use `row + col`.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-12.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-12.json"},{"name":"dotm-triangle-13","title":"Serpent Zip","description":"A stepped snake follows row-wise serpentine order (base left→right, then alternating row directions) with a long tail — zigzag motion, not a column path.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-13.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-13.json"},{"name":"dotm-triangle-14","title":"Pillar Sweep","description":"A smooth vertical beam sweeps grid columns 0→6; only triangle-masked dots respond so the silhouette lights one vertical slice at a time.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-14.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-14.json"},{"name":"dotm-triangle-15","title":"Tripod Handoff","description":"Brightness hands off smoothly among the three silhouette vertices (apex, left base, right base) with Manhattan falloff — a corner-to-corner orbit, not a mod-3 …","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-15.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-15.json"},{"name":"dotm-triangle-16","title":"Updraft","description":"A V-shaped thermal ridge moves through row-and-column space: brightness peaks along an inverted V so the front climbs the two lower flanks toward the apex, not…","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-16.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-16.json"},{"name":"dotm-triangle-17","title":"Infinity Trace","description":"A stepped head and tail follow a single 10-cell path: left base up to the apex, down the right rim, then through (4,4) → center → (4,2) for a crossing loop.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-17.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-17.json"},{"name":"dotm-triangle-18","title":"Hollow Shell","description":"The heart cell stays locked dim while every other triangle dot breathes together in phase — a hollow, ring-like pulse.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-18.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-18.json"},{"name":"dotm-triangle-19","title":"Pivot Ray","description":"A Gaussian wedge of brightness rotates around the heart cell using each dot’s polar angle — a clear pivoting searchlight, not a cosine-product moiré field.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-19.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-19.json"},{"name":"dotm-triangle-20","title":"Twin Perimeter","description":"Two stepped heads chase the outer perimeter path half a lap apart, each with its own tail; the heart cell stays quietly dim off the loop.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-20.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-20.json"},{"name":"dotm-hex-1","title":"Hex Orbit","description":"A 3-4-5-4-3 hexagonal dot field with two soft perimeter heads chasing around the shell while the center stays quietly lit.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-1.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-1.json"},{"name":"dotm-hex-2","title":"Prism Bloom","description":"Three rotating spokes sweep through the hex field with a soft outer shell pulse and a breathing center point.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-2.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-2.json"},{"name":"dotm-hex-3","title":"Honey Gate","description":"Two diagonal bands slide through the honeycomb from opposite sides, meeting in a bright center flash before opening again.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-3.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-3.json"},{"name":"dotm-hex-4","title":"Vertex Relay","description":"A bright signal hands off around the hex vertices while inner echo dots answer each corner and the center keeps a quick pulse.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-4.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-4.json"},{"name":"dotm-hex-5","title":"Spiral Lattice","description":"Counter-rotating spiral waves cross through the hex lattice, creating a fast core pulse and softer outer wake.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-5.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-5.json"},{"name":"dotm-hex-6","title":"Chevron March","description":"Smooth chevron bands flow through the hex field in a wrapped loop, keeping an obvious arrow pattern without a reset snap.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-6.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-6.json"},{"name":"dotm-hex-7","title":"Hourglass Flip","description":"Top and bottom bars squeeze into a bright center hourglass, then flip into side rails and a diamond.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-7.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-7.json"},{"name":"dotm-hex-8","title":"Glyph Flip","description":"Crisp symbolic masks flip between stars, chevrons, and rails for a snappy pixel-glyph loader.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-8.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-8.json"},{"name":"dotm-hex-9","title":"Petal Shimmer","description":"A four-petal highlight rotates through the hex with a soft shell sheen and steady center glow.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-9.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-9.json"},{"name":"dotm-hex-10","title":"Liquid Vortex","description":"Refined swirl bands and a slower lens highlight create a smoother liquid shimmer through the hex lattice.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-10.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-10.json"},{"name":"dotm-3x3-1","title":"Square Spiral","description":"A compact 3×3 grid with a four-dot tail spiraling clockwise from the outer border toward the center.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-1.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-1.json"},{"name":"dotm-3x3-2","title":"Drift TR","description":"Diagonal bands pulse in sequence across the 3×3 grid from the top-right corner toward the bottom-left.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-2.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-2.json"},{"name":"dotm-3x3-3","title":"Drift TL","description":"Diagonal bands pulse in sequence across the 3×3 grid from the top-left corner toward the bottom-right.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-3.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-3.json"},{"name":"dotm-3x3-4","title":"Drift BR","description":"Diagonal bands pulse in sequence across the 3×3 grid from the bottom-right corner toward the top-left.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-4.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-4.json"},{"name":"dotm-3x3-5","title":"Drift BL","description":"Diagonal bands pulse in sequence across the 3×3 grid from the bottom-left corner toward the top-right.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-5.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-5.json"},{"name":"dotm-3x3-6","title":"Core Echo","description":"Manhattan rings ripple outward from the center cell, expanding through the 3×3 grid in even steps.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-6.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-6.json"},{"name":"dotm-3x3-7","title":"Column Flux","description":"Vertical bands pulse in sequence from the left column through the right, lighting all three rows in each column together.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-7.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-7.json"},{"name":"dotm-3x3-8","title":"Row Sweep","description":"Horizontal bands pulse in sequence from the top row down through the bottom of the 3×3 matrix.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-8.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-8.json"},{"name":"dotm-3x3-9","title":"Serpent","description":"A narrow pulse travels the full serpentine path across all nine cells, row by row.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-9.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-9.json"},{"name":"dotm-3x3-10","title":"Frame Chase","description":"A highlight runs clockwise around the outer frame while the center cell holds a steady pulse.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-10.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-10.json"},{"name":"dotm-3x3-11","title":"Glyph Pulse","description":"Bold symbol motifs flash in sequence — corners, cross, full grid, center, ring, X, and side rails — like a tiny pixel display.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-11.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-11.json"},{"name":"dotm-3x3-12","title":"Drop Ripple","description":"Concentric ripples expand from the center of the 3×3 grid, like a stone dropped in still water.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-12.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-12.json"},{"name":"dotm-3x3-13","title":"Right Surge","description":"A vertical wave pulse sweeps from the right column toward the left, illuminating every row in each band together.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-13.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-13.json"},{"name":"dotm-3x3-14","title":"Comet Trail","description":"A bright comet with a two-dot tail races clockwise around the outer frame while the center cell softly breathes.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-14.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-14.json"},{"name":"dotm-3x3-15","title":"Echo Rings","description":"Soft square ripples echo outward from the center through Manhattan rings, with a gentle alternating shimmer.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-15.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-15.json"},{"name":"dotm-3x3-16","title":"Smiley Spin","description":"A pixel smiley face rotates continuously in the 3×3 grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-16.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-16.json"},{"name":"dotm-3x3-18","title":"Check Spin","description":"A pixel checkmark rotates continuously in the 3×3 grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-18.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-18.json"},{"name":"dotm-3x3-19","title":"Arrow Spin","description":"A pixel right arrow rotates continuously in the 3×3 grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-19.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-19.json"},{"name":"dotm-3x3-20","title":"Corner Spin","description":"An L-shaped pixel corner rotates continuously in the 3×3 grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-20.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-20.json"},{"name":"dotm-3x3-21","title":"Play Spin","description":"A pixel play triangle rotates continuously in the 3×3 grid.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-21.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-21.json"},{"name":"all","title":"All Dot Matrix Loaders","description":"Installs every Dot Matrix loader and shared runtime files in one command.","type":"registry:ui","source_url":"https://dotmatrix.zzzzshawn.cloud/r/all.json","install_command":"npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/all.json"}]},{"id":"dsikeres1","name":"@dsikeres1","slug":"dsikeres1","description":"A headless-first, composable date and range picker library for React distributed via the shadcn registry. Offers five picker types: DatePicker, DateRangePicker, DateTimePicker, DateRangeTimePicker, and TimePicker. Supports 15 locales, keyboard navigation, ARIA accessibility, dark mode, four sizes, date constraints, range presets, and inline mode. Zero dependencies in the headless package (uses native Date/Intl). Available in four consumption modes: Tailwind v4 + shadcn/ui, Tailwind v3, built-in CSS (no Tailwind), and headless hooks. Fully TypeScript-typed. Use for: replacing a heavy date-picker dependency in a shadcn/ui project with an accessible, locale-aware solution that gives full source ownership via registry install.","author":"dsikeres1","framework":"react","license":"MIT","tags":["accessibility","components","hooks","navigation","theming"],"categories":["Forms"],"labels":[],"urls":{"website":"https://dsikeres1.github.io/react-date-range-picker/","github":"https://github.com/dsikeres1/react-date-range-picker","registry":"https://dsikeres1.github.io/react-date-range-picker/r/registry.json","source":"https://dsikeres1.github.io/react-date-range-picker/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dsikeres1","markdown":"https://sh4dcn.netlify.app/md/dsikeres1.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'><rect x='20' y='20' width='160' height='160' rx='24' fill='var(--foreground)'/><rect x='30' y='62' width='140' height='110' rx='16' fill='var(--background)'/><circle cx='54' cy='84' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='78' cy='84' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='122' cy='84' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='146' cy='84' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='54' cy='108' r='7' fill='var(--foreground)' opacity='0.3'/><rect x='78' y='102' width='44' height='12' rx='6' fill='var(--foreground)'/><circle cx='78' cy='108' r='10' fill='var(--foreground)'/><circle cx='122' cy='108' r='10' fill='var(--foreground)'/><circle cx='146' cy='108' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='54' cy='132' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='78' cy='132' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='100' cy='132' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='122' cy='132' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='146' cy='132' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='54' cy='156' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='78' cy='156' r='7' fill='var(--foreground)' opacity='0.3'/><circle cx='100' cy='156' r='7' fill='var(--foreground)' opacity='0.3'/></svg>","preview_image":"https://dsikeres1.github.io/react-date-range-picker/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-03-14T22:04:01Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/registry.json","install_bun":"bunx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/registry.json","clone":"git clone https://github.com/dsikeres1/react-date-range-picker.git","clone_degit":"npx degit dsikeres1/react-date-range-picker","registry_fetch":"curl -s https://dsikeres1.github.io/react-date-range-picker/r/registry.json"},"component_count":1,"components":[{"name":"date-range-picker","title":"Date Range Picker","description":"Compound component date range picker suite.","type":"registry:component","source_url":"https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.json","install_command":"npx shadcn@latest add https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.json"}]},{"id":"dualkit","name":"@dualkit","slug":"dualkit","description":"Bilingual Arabic and English components for Gulf products: RTL-aware buttons, sheets, tabs and toasts, Gulf money, Hijri dates and Arabic digit input.","author":"dualkit","framework":"react","license":"MIT","tags":["buttons","forms","navigation","overlays"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://dualkit.dev","github":"https://github.com/dualkit/dualkit","registry":"https://dualkit.dev/r/registry.json","source":"https://dualkit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/dualkit","markdown":"https://sh4dcn.netlify.app/md/dualkit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 24 24' fill='var(--foreground)'><path d='M8.99 18.55C8.99 19.47 8.21 20.2 7.35 19.95C3.11 18.75 0 14.75 0 10C0 5.25 3.11 1.25 7.35.05C8.21-.2 8.99.53 8.99 1.45Z'/><path fill-opacity='.35' d='M11.01 1.45C11.01.53 11.79-.2 12.65.05C16.89 1.25 20 5.25 20 10C20 14.75 16.89 18.75 12.65 19.95C11.79 20.2 11.01 19.47 11.01 18.55Z'/></svg>","preview_image":"https://dualkit.dev/opengraph-image.png?d2d608713f564d6a","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-10-26T07:37:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://dualkit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://dualkit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://dualkit.dev/r/registry.json","clone":"git clone https://github.com/dualkit/dualkit.git","clone_degit":"npx degit dualkit/dualkit","registry_fetch":"curl -s https://dualkit.dev/r/registry.json"},"component_count":9,"components":[{"name":"base","title":"Dualkit base","description":"Tokens, component styles, icons and the direction helpers every Dualkit component shares.","type":"registry:lib","source_url":"https://dualkit.dev/r/base.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/base.json"},{"name":"amount","title":"Amount","description":"Money in all six Gulf currencies, isolated from the sentence, with Arabic-Indic digits in Arabic.","type":"registry:ui","source_url":"https://dualkit.dev/r/amount.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/amount.json"},{"name":"button","title":"Button","description":"Forward and back icons flip with the reading direction; close and check never do.","type":"registry:ui","source_url":"https://dualkit.dev/r/button.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/button.json"},{"name":"date-display","title":"Date display","description":"Gregorian with Umm al-Qura Hijri, pinned to Gulf time.","type":"registry:ui","source_url":"https://dualkit.dev/r/date-display.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/date-display.json"},{"name":"digit-input","title":"Digit input","description":"One-time code boxes that read Western, Arabic-Indic and Persian digits, typed or pasted.","type":"registry:ui","source_url":"https://dualkit.dev/r/digit-input.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/digit-input.json"},{"name":"field","title":"Field","description":"A text field whose value keeps its own direction, so an email or IBAN stays left to right in an Arabic form.","type":"registry:ui","source_url":"https://dualkit.dev/r/field.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/field.json"},{"name":"sheet","title":"Sheet","description":"A modal side sheet from the inline end: right in English, left in Arabic. Traps focus and swipes back to close.","type":"registry:ui","source_url":"https://dualkit.dev/r/sheet.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/sheet.json"},{"name":"tabs","title":"Tabs","description":"WAI-ARIA tabs where the arrow keys follow the reading direction.","type":"registry:ui","source_url":"https://dualkit.dev/r/tabs.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/tabs.json"},{"name":"toast","title":"Toast","description":"A status toast that swipes away towards the inline end and pauses on hover and focus.","type":"registry:ui","source_url":"https://dualkit.dev/r/toast.json","install_command":"npx shadcn@latest add https://dualkit.dev/r/toast.json"}]},{"id":"eased","name":"@eased","slug":"eased","description":"Motion-first React components and blocks for shadcn, with tuned springs, light and dark themes, and an MCP server for AI agents.","author":"easedui","framework":"react","license":"MIT","tags":["ai","animation","blocks","buttons","cards","charts","forms","loaders","media","navigation","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://eased.dev","github":"https://github.com/easedui/ui","registry":"https://eased.dev/r/registry.json","source":"https://eased.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/eased","markdown":"https://sh4dcn.netlify.app/md/eased.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='var(--foreground)' stroke-width='5' stroke-linecap='round'><path d='M12 52C19.68 12 26.4 12 52 12'/></svg>","preview_image":"https://eased.dev/opengraph-image?35c8581a97b5f592","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://eased.dev/pricing"},"metrics":{"github_stars":0,"open_issues":1,"last_commit":"2026-10-21T20:23:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://eased.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://eased.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://eased.dev/r/registry.json","clone":"git clone https://github.com/easedui/ui.git","clone_degit":"npx degit easedui/ui","registry_fetch":"curl -s https://eased.dev/r/registry.json"},"component_count":202,"components":[{"name":"eased-tokens","title":"Eased stylesheet","description":"The colours, shadows, radius roles, UI type sizes, springs, utilities (radius-nested, hit-area, focus-ring …) and variants (hover-fine, reduced) every Eased co…","type":"registry:item","source_url":"https://eased.dev/r/eased-tokens.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-tokens.json"},{"name":"eased-motion","title":"Eased motion","description":"The named springs (snappy, smooth, bouncy), tweens, a hydration-safe useSafeReducedMotion and press classes every Eased component shares, matching the springs …","type":"registry:lib","source_url":"https://eased.dev/r/eased-motion.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-motion.json"},{"name":"eased-demo-frame","title":"Demo frame","description":"The shell every Eased demo renders in: 420px tall, shrinks to its container, one 48px header style.","type":"registry:component","source_url":"https://eased.dev/r/eased-demo-frame.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-demo-frame.json"},{"name":"undo-pill","title":"Undo Pill","description":"Undo toast for React and shadcn: a pill with a draining countdown ring that commits the destructive action only when it runs out.","type":"registry:ui","source_url":"https://eased.dev/r/undo-pill.json","install_command":"npx shadcn@latest add https://eased.dev/r/undo-pill.json"},{"name":"undo-pill-demo","title":"Undo Pill demo","description":"A file list where deleting a row shows the Undo Pill.","type":"registry:example","source_url":"https://eased.dev/r/undo-pill-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/undo-pill-demo.json"},{"name":"concentric-frame","title":"Concentric Frame","description":"Concentric border radius frame for React and shadcn: nested corners take the outer radius minus padding and border, through CSS variables.","type":"registry:ui","source_url":"https://eased.dev/r/concentric-frame.json","install_command":"npx shadcn@latest add https://eased.dev/r/concentric-frame.json"},{"name":"concentric-frame-demo","title":"Concentric Frame demo","description":"Demo for Concentric Frame.","type":"registry:example","source_url":"https://eased.dev/r/concentric-frame-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/concentric-frame-demo.json"},{"name":"accordion-demo","title":"Accordion demo","description":"A billing FAQ with answers of different lengths.","type":"registry:example","source_url":"https://eased.dev/r/accordion-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/accordion-demo.json"},{"name":"accordion","title":"Accordion","description":"Animated accordion for React and shadcn: panels open to their real height, one or several at a time, built on Base UI.","type":"registry:ui","source_url":"https://eased.dev/r/accordion.json","install_command":"npx shadcn@latest add https://eased.dev/r/accordion.json"},{"name":"avatar-demo","title":"Avatar demo","description":"A members card: a stacked group with a rolling +N, a list with photos, initials and a failed image, and Invite.","type":"registry:example","source_url":"https://eased.dev/r/avatar-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/avatar-demo.json"},{"name":"avatar","title":"Avatar","description":"Animated avatar for React and shadcn: images fade in from a soft blur, initials fill in when they fail, and avatar groups spread apart on hover.","type":"registry:ui","source_url":"https://eased.dev/r/avatar.json","install_command":"npx shadcn@latest add https://eased.dev/r/avatar.json"},{"name":"badge-demo","title":"Badge demo","description":"A mail sidebar with rolling unread counts (98 → 99+) and service status badges with a live dot.","type":"registry:example","source_url":"https://eased.dev/r/badge-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/badge-demo.json"},{"name":"badge","title":"Badge","description":"Animated badge for React and shadcn for statuses and counts: counts roll their digits, and a count-only badge leaves at zero.","type":"registry:ui","source_url":"https://eased.dev/r/badge.json","install_command":"npx shadcn@latest add https://eased.dev/r/badge.json"},{"name":"button-demo","title":"Button demo","description":"An invoice with Send (loading, then “Sent”), Download and a two-step Void.","type":"registry:example","source_url":"https://eased.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/button-demo.json"},{"name":"button","title":"Button","description":"Animated button for React and shadcn: labels swap while the width springs, and the loading spinner keeps its width.","type":"registry:ui","source_url":"https://eased.dev/r/button.json","install_command":"npx shadcn@latest add https://eased.dev/r/button.json"},{"name":"eased-auto-height","title":"Auto Height","description":"The height:auto spring primitive: a wrapper whose height springs to its content, opens and closes with the content fading in after the height lands, and rests …","type":"registry:ui","source_url":"https://eased.dev/r/eased-auto-height.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-auto-height.json"},{"name":"eased-field","title":"Field shell primitive","description":"Label, description ⇄ error message slot and the bordered input group, on Base UI Field. Focus is the border alone; turning invalid shakes the group once, 6px, …","type":"registry:ui","source_url":"https://eased.dev/r/eased-field.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-field.json"},{"name":"eased-floating-demo","title":"Floating layer demo","description":"One popover per side; each enters toward its trigger and flips on collision.","type":"registry:example","source_url":"https://eased.dev/r/eased-floating-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-floating-demo.json"},{"name":"eased-floating","title":"Floating layer","description":"The motion and material every Eased popup shares: grows from the trigger's transform-origin, enters a few pixels toward the trigger, closes at half the distanc…","type":"registry:ui","source_url":"https://eased.dev/r/eased-floating.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-floating.json"},{"name":"eased-gesture-demo","title":"Gesture kit demo","description":"A three-detent sheet over a map: flicks project onto detents, pulls past the top rubber-band, and the list hands its scroll over to the sheet.","type":"registry:example","source_url":"https://eased.dev/r/eased-gesture-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-gesture-demo.json"},{"name":"eased-gesture","title":"Gesture kit","description":"useDrag: one-axis drag with Apple's rubber-band past the ends, velocity projection onto snap points, scroll handoff from an inner scroller, interruptible relea…","type":"registry:ui","source_url":"https://eased.dev/r/eased-gesture.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-gesture.json"},{"name":"eased-indicator","title":"Indicator","description":"The shared-layout highlight primitive: render <Indicator> inside whichever item is active and it glides there on the snappy spring, with corners kept round whi…","type":"registry:ui","source_url":"https://eased.dev/r/eased-indicator.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-indicator.json"},{"name":"eased-number-roll","title":"Number Roll primitive","description":"The rolling-digits engine every Eased number uses: Intl-formatted parts, each digit a ten-face cylinder on a spring that rolls in the direction of change, with…","type":"registry:ui","source_url":"https://eased.dev/r/eased-number-roll.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-number-roll.json"},{"name":"eased-scroll-fade","title":"Scroll fades and blur ramp","description":"Edge feathers that appear only where there is more to scroll (scrollFadeMask, useScrollEdges) and the stacked masked backdrop layers behind Progressive Blur (b…","type":"registry:ui","source_url":"https://eased.dev/r/eased-scroll-fade.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-scroll-fade.json"},{"name":"eased-text-swap","title":"Text Swap primitive","description":"The text-change engine: outgoing text lifts 3px and blurs out, incoming rises 4px and sharpens, and the box springs to the new width. Shared by Button, Field m…","type":"registry:ui","source_url":"https://eased.dev/r/eased-text-swap.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-text-swap.json"},{"name":"field-demo","title":"Field demo","description":"A sign-up form on Base UI Form: submit focuses the first invalid field and a server error routes to its field.","type":"registry:example","source_url":"https://eased.dev/r/field-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/field-demo.json"},{"name":"field","title":"Field","description":"Form field for React and shadcn: a label, a control and one message line where help text and errors swap in place.","type":"registry:ui","source_url":"https://eased.dev/r/field.json","install_command":"npx shadcn@latest add https://eased.dev/r/field.json"},{"name":"input-demo","title":"Input demo","description":"Workspace settings with a URL prefix, live validation and a disabled field.","type":"registry:example","source_url":"https://eased.dev/r/input-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/input-demo.json"},{"name":"input","title":"Input","description":"Text input for React and shadcn on Base UI, with leading and trailing addons and an error state that shakes once.","type":"registry:ui","source_url":"https://eased.dev/r/input.json","install_command":"npx shadcn@latest add https://eased.dev/r/input.json"},{"name":"kbd-demo","title":"Kbd demo","description":"A keyboard shortcuts list whose keycaps press and rows light up as you hold the real keys.","type":"registry:example","source_url":"https://eased.dev/r/kbd-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/kbd-demo.json"},{"name":"kbd","title":"Kbd","description":"Keyboard shortcut keycap (kbd) for React and shadcn that presses down while the real key is held.","type":"registry:ui","source_url":"https://eased.dev/r/kbd.json","install_command":"npx shadcn@latest add https://eased.dev/r/kbd.json"},{"name":"number-roll-demo","title":"Number Roll demo","description":"A revenue card: switch the range or the number format and every figure rolls; live orders tick the total up.","type":"registry:example","source_url":"https://eased.dev/r/number-roll-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/number-roll-demo.json"},{"name":"number-roll","title":"Number Roll","description":"Animated number counter for React and shadcn: each digit rolls to its new value, formatted for the user's locale.","type":"registry:ui","source_url":"https://eased.dev/r/number-roll.json","install_command":"npx shadcn@latest add https://eased.dev/r/number-roll.json"},{"name":"popover-demo","title":"Popover demo","description":"A Share popover with an invite field, people with access and a concentric footer.","type":"registry:example","source_url":"https://eased.dev/r/popover-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/popover-demo.json"},{"name":"popover","title":"Popover","description":"Animated popover for React and shadcn that grows out of its trigger, moves focus inside and closes on Esc, built on Base UI.","type":"registry:ui","source_url":"https://eased.dev/r/popover.json","install_command":"npx shadcn@latest add https://eased.dev/r/popover.json"},{"name":"progress-demo","title":"Progress demo","description":"An upload list: uneven chunks, an indeterminate processing step, then complete; plus a storage meter.","type":"registry:example","source_url":"https://eased.dev/r/progress-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/progress-demo.json"},{"name":"progress","title":"Progress","description":"Animated progress bar for React and shadcn on Base UI, with a spring-driven bar, a rolling value and an indeterminate sweep.","type":"registry:ui","source_url":"https://eased.dev/r/progress.json","install_command":"npx shadcn@latest add https://eased.dev/r/progress.json"},{"name":"progressive-blur-demo","title":"Progressive Blur demo","description":"A music library whose header and mini player blur the covers scrolling under them, with a flat-blur comparison.","type":"registry:example","source_url":"https://eased.dev/r/progressive-blur-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/progressive-blur-demo.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"Progressive blur for React and shadcn: a backdrop blur that ramps up to 20px toward an edge, under sticky headers, bottom bars and composers.","type":"registry:ui","source_url":"https://eased.dev/r/progressive-blur.json","install_command":"npx shadcn@latest add https://eased.dev/r/progressive-blur.json"},{"name":"radio-group-demo","title":"Radio Group demo","description":"A checkout delivery step: speed as radio cards, drop-off as radios that depend on it.","type":"registry:example","source_url":"https://eased.dev/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/radio-group-demo.json"},{"name":"radio-group","title":"Radio Group","description":"Radio group for React and shadcn, with plain radios or selectable cards whose selected border travels between them.","type":"registry:ui","source_url":"https://eased.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://eased.dev/r/radio-group.json"},{"name":"scroll-area-demo","title":"Scroll Area demo","description":"An activity feed with a horizontally scrolling filter row and a vertical list.","type":"registry:example","source_url":"https://eased.dev/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/scroll-area-demo.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom scrollbar for React and shadcn: a thin overlay bar on a native scroller, with edge fades only where more remains.","type":"registry:ui","source_url":"https://eased.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://eased.dev/r/scroll-area.json"},{"name":"segmented-demo","title":"Segmented demo","description":"A traffic card: a metric switch in the header and a date-range control that redraws the chart.","type":"registry:example","source_url":"https://eased.dev/r/segmented-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/segmented-demo.json"},{"name":"segmented","title":"Segmented","description":"Segmented control for React and shadcn: a thumb glides to the chosen option, with radio semantics that submit with a form.","type":"registry:ui","source_url":"https://eased.dev/r/segmented.json","install_command":"npx shadcn@latest add https://eased.dev/r/segmented.json"},{"name":"skeleton-demo","title":"Skeleton demo","description":"An activity feed that loads behind skeletons shaped by its own content, then hands off without moving a pixel.","type":"registry:example","source_url":"https://eased.dev/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/skeleton-demo.json"},{"name":"skeleton","title":"Skeleton","description":"Skeleton loader for React and shadcn: every placeholder on the page shares one shimmer, and the real content fades in in place.","type":"registry:ui","source_url":"https://eased.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://eased.dev/r/skeleton.json"},{"name":"spinner-demo","title":"Spinner demo","description":"A deploy that walks its steps, each spinner swapping to a check, with the size scale underneath.","type":"registry:example","source_url":"https://eased.dev/r/spinner-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/spinner-demo.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner for React and shadcn: a CSS arc that keeps turning while the main thread is busy and announces itself to screen readers.","type":"registry:ui","source_url":"https://eased.dev/r/spinner.json","install_command":"npx shadcn@latest add https://eased.dev/r/spinner.json"},{"name":"tabs-demo","title":"Tabs demo","description":"A project page with Overview, Activity, Members and Settings tabs of different heights.","type":"registry:example","source_url":"https://eased.dev/r/tabs-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/tabs-demo.json"},{"name":"tabs","title":"Tabs","description":"Animated tabs for React and shadcn: an underline or pill indicator glides to the active tab and panels cross-fade.","type":"registry:ui","source_url":"https://eased.dev/r/tabs.json","install_command":"npx shadcn@latest add https://eased.dev/r/tabs.json"},{"name":"text-swap-demo","title":"Text Swap demo","description":"An order tracker, a billing toggle and a copy button, each changing text with Text Swap.","type":"registry:example","source_url":"https://eased.dev/r/text-swap-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/text-swap-demo.json"},{"name":"text-swap","title":"Text Swap","description":"Animated text change for React and shadcn: a label or value swaps with a lift and blur while the width springs to fit.","type":"registry:ui","source_url":"https://eased.dev/r/text-swap.json","install_command":"npx shadcn@latest add https://eased.dev/r/text-swap.json"},{"name":"textarea-demo","title":"Textarea demo","description":"A support reply that springs open as you write, with a rolling counter.","type":"registry:example","source_url":"https://eased.dev/r/textarea-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/textarea-demo.json"},{"name":"textarea","title":"Textarea","description":"Auto-resizing textarea for React and shadcn: it grows with its text on a spring, with a character counter whose digits roll.","type":"registry:ui","source_url":"https://eased.dev/r/textarea.json","install_command":"npx shadcn@latest add https://eased.dev/r/textarea.json"},{"name":"toggle-group-demo","title":"Toggle Group demo","description":"An editor toolbar: bold, italic, underline and strikethrough (multiple) beside text alignment (single).","type":"registry:example","source_url":"https://eased.dev/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/toggle-group-demo.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle button group for React and shadcn, single or multiple selection, for toolbars like bold, italic and underline.","type":"registry:ui","source_url":"https://eased.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://eased.dev/r/toggle-group.json"},{"name":"tooltip-demo","title":"Tooltip demo","description":"An editor toolbar whose tooltips form one delay group, with keyboard shortcuts.","type":"registry:example","source_url":"https://eased.dev/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/tooltip-demo.json"},{"name":"tooltip","title":"Tooltip","description":"Animated tooltip for React and shadcn with an optional keyboard shortcut; after the first, neighbours open instantly.","type":"registry:ui","source_url":"https://eased.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://eased.dev/r/tooltip.json"},{"name":"cells-demo","title":"Cells kit demo","description":"An accounts table: advance a month and MRR rolls, deltas recolour, onboarding meters glide, and active accounts breathe.","type":"registry:example","source_url":"https://eased.dev/r/cells-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/cells-demo.json"},{"name":"cells","title":"Cells kit","description":"Table cells for React and shadcn: avatars with names, status badges, rolling numbers with coloured deltas, progress meters, times and IDs.","type":"registry:ui","source_url":"https://eased.dev/r/cells.json","install_command":"npx shadcn@latest add https://eased.dev/r/cells.json"},{"name":"eased-table-core","title":"Table core primitive","description":"The layer under every Eased table: a TanStack Table v9 feature set with typed column meta, hairline rules, dense and comfortable densities, a hover-revealed so…","type":"registry:ui","source_url":"https://eased.dev/r/eased-table-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-table-core.json"},{"name":"table-demo","title":"Table demo","description":"An invoices table with mono IDs you can copy, avatars, status badges, amounts and relative dates, with a density toggle.","type":"registry:example","source_url":"https://eased.dev/r/table-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/table-demo.json"},{"name":"table","title":"Table","description":"Data table for React and shadcn on TanStack Table, with half-pixel row rules, a sticky header and 36px or 48px rows.","type":"registry:ui","source_url":"https://eased.dev/r/table.json","install_command":"npx shadcn@latest add https://eased.dev/r/table.json"},{"name":"attachment-demo","title":"Attachment Chip demo","description":"A message draft with an upload in flight, a finished deck and a failed CSV with Retry.","type":"registry:example","source_url":"https://eased.dev/r/attachment-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/attachment-demo.json"},{"name":"attachment","title":"Attachment Chip","description":"File attachment chip for React and shadcn: image thumbnails sharpen as they load, a ring tracks the upload, and failures offer Retry.","type":"registry:ui","source_url":"https://eased.dev/r/attachment.json","install_command":"npx shadcn@latest add https://eased.dev/r/attachment.json"},{"name":"composer-demo","title":"Composer demo","description":"A working mini chat: send, attach, stop mid-reply, scroll up while it streams.","type":"registry:example","source_url":"https://eased.dev/r/composer-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/composer-demo.json"},{"name":"composer","title":"Composer","description":"AI chat input for React and shadcn: the box grows as you type, files drop or paste in, and Send morphs into Stop while a reply streams.","type":"registry:ui","source_url":"https://eased.dev/r/composer.json","install_command":"npx shadcn@latest add https://eased.dev/r/composer.json"},{"name":"eased-chat-core","title":"Chat core primitive","description":"The chat model and hooks behind Eased's chat components: AI SDK UIMessage-compatible types, useStickToBottom, message grouping, the attachment model with useAt…","type":"registry:ui","source_url":"https://eased.dev/r/eased-chat-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-chat-core.json"},{"name":"message-demo","title":"Message demo","description":"Follow-ups that merge into one run of bubbles, corners tightening as each lands.","type":"registry:example","source_url":"https://eased.dev/r/message-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/message-demo.json"},{"name":"message","title":"Message","description":"Chat message bubble for React and shadcn that renders AI SDK messages, tightening the corners where consecutive bubbles meet.","type":"registry:ui","source_url":"https://eased.dev/r/message.json","install_command":"npx shadcn@latest add https://eased.dev/r/message.json"},{"name":"eased-thinking-core","title":"Thinking Core primitive","description":"The clocks, models and contracts behind Eased's thinking states: useElapsed (seconds on the start's own grid), useTokenRate (a smoothed stream rate as motion v…","type":"registry:ui","source_url":"https://eased.dev/r/eased-thinking-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-thinking-core.json"},{"name":"shimmer-text-demo","title":"Shimmer Text demo","description":"An agent's activity: a research status rotating mid-sweep, and a task list whose running row shimmers and settles as each task finishes.","type":"registry:example","source_url":"https://eased.dev/r/shimmer-text-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/shimmer-text-demo.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Shimmer text effect for React and shadcn: a band of light sweeps a loading label, in one phase shared by every shimmer on the page.","type":"registry:ui","source_url":"https://eased.dev/r/shimmer-text.json","install_command":"npx shadcn@latest add https://eased.dev/r/shimmer-text.json"},{"name":"thinking-bar-demo","title":"Thinking Bar demo","description":"A billing question: the assistant thinks for six seconds with its reasoning streaming in, then answers while the bar settles to \"Thought for 6s\" and folds away.","type":"registry:example","source_url":"https://eased.dev/r/thinking-bar-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/thinking-bar-demo.json"},{"name":"thinking-bar","title":"Thinking Bar","description":"AI reasoning indicator for React and shadcn: \"Thinking 4s\" counts up while the model reasons, then reads \"Thought for 12s\" and folds away.","type":"registry:ui","source_url":"https://eased.dev/r/thinking-bar.json","install_command":"npx shadcn@latest add https://eased.dev/r/thinking-bar.json"},{"name":"agent-orb-demo","title":"Agent Orb demo","description":"A voice assistant: switch between idle, listening, thinking and speaking; speaking streams a reply in bursts and the orb speeds up and slows with the token rat…","type":"registry:example","source_url":"https://eased.dev/r/agent-orb-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/agent-orb-demo.json"},{"name":"agent-orb","title":"Agent Orb","description":"AI agent orb for React and shadcn showing idle, listening, thinking or speaking, with a swirl that speeds up with the token rate.","type":"registry:ui","source_url":"https://eased.dev/r/agent-orb.json","install_command":"npx shadcn@latest add https://eased.dev/r/agent-orb.json"},{"name":"eased-chart-core","title":"Chart core primitive","description":"The engine under every Eased chart: nice scales, container sizing, path morphs on shared x samples, keyed arc layouts and morphs, a sequential colour scale, ro…","type":"registry:ui","source_url":"https://eased.dev/r/eased-chart-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-chart-core.json"},{"name":"eased-layout","title":"Eased layout","description":"Alignment recipes for repeating rows: rowGrid and rowGridRow share a leading, a flexible and a fixed trailing track, so every row's role or value starts on one…","type":"registry:lib","source_url":"https://eased.dev/r/eased-layout.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-layout.json"},{"name":"sparkline-demo","title":"Sparkline demo","description":"A product-health card: a scrubbable daily-active-users line over four metric rows, all morphing with the range.","type":"registry:example","source_url":"https://eased.dev/r/sparkline-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/sparkline-demo.json"},{"name":"sparkline","title":"Sparkline","description":"Sparkline chart for React and shadcn: a word-sized line that draws in once and morphs to new values, with an optional scrub readout.","type":"registry:ui","source_url":"https://eased.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://eased.dev/r/sparkline.json"},{"name":"code-block-demo","title":"Code Block demo","description":"A docs excerpt: a 34-line debounce hook with line numbers and highlighted lines, collapsed after 12.","type":"registry:example","source_url":"https://eased.dev/r/code-block-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/code-block-demo.json"},{"name":"code-block","title":"Code Block","description":"Code block for React and shadcn with Shiki syntax highlighting, a copy button, line highlights and long blocks that collapse under a blur.","type":"registry:ui","source_url":"https://eased.dev/r/code-block.json","install_command":"npx shadcn@latest add https://eased.dev/r/code-block.json"},{"name":"code-tabs-demo","title":"Code Tabs demo","description":"An install block synced across package managers, then three files of different heights and languages.","type":"registry:example","source_url":"https://eased.dev/r/code-tabs-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/code-tabs-demo.json"},{"name":"code-tabs","title":"Code Tabs","description":"Code tabs for React and shadcn: several files or one install command per package manager, with the pnpm or npm choice synced across the page.","type":"registry:ui","source_url":"https://eased.dev/r/code-tabs.json","install_command":"npx shadcn@latest add https://eased.dev/r/code-tabs.json"},{"name":"eased-code-core","title":"Code core primitive","description":"The engine behind Eased code components: a lazily loaded Shiki singleton (shiki/core + the JavaScript regex engine, grammars for tsx, ts, js, jsx, json, css, b…","type":"registry:ui","source_url":"https://eased.dev/r/eased-code-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-code-core.json"},{"name":"snippet-demo","title":"Snippet demo","description":"An install card: a package-manager switch drives two commands, plus a long git clone that scrolls under edge fades.","type":"registry:example","source_url":"https://eased.dev/r/snippet-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/snippet-demo.json"},{"name":"snippet","title":"Snippet","description":"Copyable command snippet for React and shadcn: one shell line with a $ prompt that is never copied, and a copy button that turns into a check.","type":"registry:ui","source_url":"https://eased.dev/r/snippet.json","install_command":"npx shadcn@latest add https://eased.dev/r/snippet.json"},{"name":"eased-skill","title":"Eased design skill","description":"The design skill Eased is built with, as an agent skill: alignment, the 1:2 spacing ratio, concentric radii, springs per role, enter and exit, focus rings, red…","type":"registry:item","source_url":"https://eased.dev/r/eased-skill.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-skill.json"},{"name":"eased-mac","title":"Eased Mac","description":"The macOS look the Mac pack shares: the San Francisco font stack, frosted popover and HUD materials in light and dark, hairlines and macOS corner radii, with a…","type":"registry:lib","source_url":"https://eased.dev/r/eased-mac.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-mac.json"},{"name":"mac-hud-demo","title":"Mac HUD demo","description":"A small macOS desktop with media keys: nudge volume, brightness and keyboard backlight (hold to repeat, or use the arrow keys) and switch between the classic a…","type":"registry:example","source_url":"https://eased.dev/r/mac-hud-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/mac-hud-demo.json"},{"name":"mac-hud","title":"Mac HUD","description":"macOS volume and brightness HUD for React and shadcn, square or macOS 26 pill, updating in place and holding 1.1s after each change.","type":"registry:ui","source_url":"https://eased.dev/r/mac-hud.json","install_command":"npx shadcn@latest add https://eased.dev/r/mac-hud.json"},{"name":"mac-menu-popover-demo","title":"Mac menu popover demo","description":"A menu bar usage tracker: session and weekly plan usage, a reset countdown and app actions, over a frosted desktop.","type":"registry:example","source_url":"https://eased.dev/r/mac-menu-popover-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/mac-menu-popover-demo.json"},{"name":"mac-menu-popover","title":"Mac menu popover","description":"macOS menu bar popover for React and shadcn, for Tauri and Electron apps: the panel grows from its arrow tip and reverses mid-flight.","type":"registry:ui","source_url":"https://eased.dev/r/mac-menu-popover.json","install_command":"npx shadcn@latest add https://eased.dev/r/mac-menu-popover.json"},{"name":"eased-mac-desktop","title":"Mac desktop","description":"The small macOS screen the Mac pack demos share: a soft wallpaper with a few files, a translucent menu bar with the app's menus, status items, Wi-Fi, battery a…","type":"registry:component","source_url":"https://eased.dev/r/eased-mac-desktop.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-mac-desktop.json"},{"name":"eased-inertia-core","title":"Inertia core","description":"useInertia: hand a MotionValue the release velocity and it coasts with UIScrollView friction onto the snap point the flick would reach (points, a step or a fun…","type":"registry:ui","source_url":"https://eased.dev/r/eased-inertia-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-inertia-core.json"},{"name":"image-compare-demo","title":"Image Compare demo","description":"Plain vs Eased: the same share card as a default kit draws it and as Eased does, with a Loading mode that compares the skeleton with the loaded card.","type":"registry:example","source_url":"https://eased.dev/r/image-compare-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/image-compare-demo.json"},{"name":"image-compare","title":"Image Compare","description":"Before and after image comparison slider for React and shadcn: drag the divider, flick it to 0, 50 or 100, or move it by keyboard.","type":"registry:ui","source_url":"https://eased.dev/r/image-compare.json","install_command":"npx shadcn@latest add https://eased.dev/r/image-compare.json"},{"name":"like-button-demo","title":"Like Button demo","description":"A changelog post with replies: like it for the burst while other readers keep the count rolling.","type":"registry:example","source_url":"https://eased.dev/r/like-button-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/like-button-demo.json"},{"name":"like-button","title":"Like Button","description":"Animated like button for React and shadcn: the heart pops with a burst of sparks, and the optimistic count reverts if saving fails.","type":"registry:ui","source_url":"https://eased.dev/r/like-button.json","install_command":"npx shadcn@latest add https://eased.dev/r/like-button.json"},{"name":"eased-calendar-core","title":"Calendar core primitive","description":"Month, week and day grids, click-click and drag range selection over days or time slots with disabled units and length limits, WAI-ARIA grid keyboard movement,…","type":"registry:lib","source_url":"https://eased.dev/r/eased-calendar-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-calendar-core.json"},{"name":"eased-doc-core","title":"Doc core primitive","description":"Documents for contract review and docs: a paragraph/clause model with numbering and a text parser, word redlines on the diff package grouped into accept-or-rej…","type":"registry:lib","source_url":"https://eased.dev/r/eased-doc-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-doc-core.json"},{"name":"eased-fixtures","title":"Industry fixtures","description":"Realistic, deterministic sample data per industry (AI, devtools, finance, crypto, SaaS, legal, e-commerce, real estate, health, HR), seeded and anchored to a f…","type":"registry:lib","source_url":"https://eased.dev/r/eased-fixtures.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-fixtures.json"},{"name":"eased-flow-core","title":"Flow core primitive","description":"Node/edge graphs for CI pipelines, agent runs, payment routes and approval flows: a typed graph on thinking-core's StepStatus, a small-DAG auto layout (ranks, …","type":"registry:lib","source_url":"https://eased.dev/r/eased-flow-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-flow-core.json"},{"name":"eased-realtime-core","title":"Realtime core primitive","description":"Deterministic live data: a seeded RNG and tick stream (prices, rates, vitals), useClock and useTicker that pause off-screen and in hidden tabs and slow under r…","type":"registry:lib","source_url":"https://eased.dev/r/eased-realtime-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-realtime-core.json"},{"name":"eased-timeline-core","title":"Timeline core primitive","description":"Events and timelines for matter histories, ledgers, deploy logs and activity feeds: a typed event model, Intl day grouping (Today, Yesterday, weekday), relativ…","type":"registry:lib","source_url":"https://eased.dev/r/eased-timeline-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-timeline-core.json"},{"name":"alert-demo","title":"Alert demo","description":"Billing: a failed payment that retries into a success, and a note you can dismiss.","type":"registry:example","source_url":"https://eased.dev/r/alert-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/alert-demo.json"},{"name":"alert","title":"Alert","description":"Inline alert for React and shadcn for info, success, warning and error messages, with optional actions and a dismiss button.","type":"registry:ui","source_url":"https://eased.dev/r/alert.json","install_command":"npx shadcn@latest add https://eased.dev/r/alert.json"},{"name":"checkbox-demo","title":"Checkbox demo","description":"An export dialog: All columns follows the columns below it.","type":"registry:example","source_url":"https://eased.dev/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/checkbox-demo.json"},{"name":"checkbox","title":"Checkbox","description":"Animated checkbox for React and shadcn: the check draws itself and morphs into a dash for indeterminate parent checkboxes.","type":"registry:ui","source_url":"https://eased.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://eased.dev/r/checkbox.json"},{"name":"eased-overlay-core","title":"Overlay core","description":"What every Eased overlay shares: panel, menu and modal surfaces, the blurred scrim, menu rows on shared tracks with a gliding highlight, a drawn check and shor…","type":"registry:ui","source_url":"https://eased.dev/r/eased-overlay-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-overlay-core.json"},{"name":"heading-demo","title":"Heading demo","description":"A type scale from 48 to 16px, each size with its own weight and tracking.","type":"registry:example","source_url":"https://eased.dev/r/heading-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/heading-demo.json"},{"name":"heading","title":"Heading","description":"Heading component for React and shadcn: size, weight, tracking and leading set together from 16 to 60px, separate from the h1–h6 level.","type":"registry:ui","source_url":"https://eased.dev/r/heading.json","install_command":"npx shadcn@latest add https://eased.dev/r/heading.json"},{"name":"prose-demo","title":"Prose demo","description":"Release notes that switch between chat and document density.","type":"registry:example","source_url":"https://eased.dev/r/prose-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/prose-demo.json"},{"name":"prose","title":"Prose","description":"Prose typography for rendered markdown in React and shadcn, with a chat density for AI replies and a document density for long reads.","type":"registry:ui","source_url":"https://eased.dev/r/prose.json","install_command":"npx shadcn@latest add https://eased.dev/r/prose.json"},{"name":"slider-demo","title":"Slider demo","description":"Usage limits: a spend cap, a price range and an alert threshold.","type":"registry:example","source_url":"https://eased.dev/r/slider-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/slider-demo.json"},{"name":"slider","title":"Slider","description":"Range slider for React and shadcn, single or two-thumb, with a value readout whose digits roll as it steps.","type":"registry:ui","source_url":"https://eased.dev/r/slider.json","install_command":"npx shadcn@latest add https://eased.dev/r/slider.json"},{"name":"switch-demo","title":"Switch demo","description":"Notification settings with switches on one right edge.","type":"registry:example","source_url":"https://eased.dev/r/switch-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/switch-demo.json"},{"name":"switch","title":"Switch","description":"Toggle switch for React and shadcn: the thumb stretches toward where it is going, and a label turns it into a settings row.","type":"registry:ui","source_url":"https://eased.dev/r/switch.json","install_command":"npx shadcn@latest add https://eased.dev/r/switch.json"},{"name":"dialog-demo","title":"Dialog demo","description":"API keys: a create-key dialog whose Cancel asks in a nested alert dialog, and a revoke alert dialog per key.","type":"registry:example","source_url":"https://eased.dev/r/dialog-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/dialog-demo.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog for React and shadcn, with confirm (alert) dialogs and nested dialogs, built on Base UI.","type":"registry:ui","source_url":"https://eased.dev/r/dialog.json","install_command":"npx shadcn@latest add https://eased.dev/r/dialog.json"},{"name":"command-palette-demo","title":"Command Palette demo","description":"An issue tracker header whose search trigger (and ⌘K, while the demo is on screen) opens a palette of suggestions, navigation, theme and team commands.","type":"registry:example","source_url":"https://eased.dev/r/command-palette-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/command-palette-demo.json"},{"name":"command-palette","title":"Command Palette","description":"Command palette for React and shadcn: ⌘K opens it at once, commands filter as you type, and Enter runs the first match.","type":"registry:ui","source_url":"https://eased.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://eased.dev/r/command-palette.json"},{"name":"context-menu-demo","title":"Context Menu demo","description":"A grid of brand assets: right-click or press and hold a file to open, duplicate, tag, star or move it to Trash with undo.","type":"registry:example","source_url":"https://eased.dev/r/context-menu-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/context-menu-demo.json"},{"name":"context-menu","title":"Context Menu","description":"Right-click context menu for React and shadcn on Base UI: it opens at the pointer, or on a 500ms long press on touch, with submenus.","type":"registry:ui","source_url":"https://eased.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://eased.dev/r/context-menu.json"},{"name":"dropdown-menu-demo","title":"Dropdown Menu demo","description":"A document's options menu: duplicate, rename, a Move to submenu, copy link, Show completed, Sort by and a danger Delete with undo.","type":"registry:example","source_url":"https://eased.dev/r/dropdown-menu-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/dropdown-menu-demo.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown menu for React and shadcn: one highlight glides between rows, and a chosen row blinks before the menu closes, as on macOS.","type":"registry:ui","source_url":"https://eased.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://eased.dev/r/dropdown-menu.json"},{"name":"sheet-demo","title":"Sheet demo","description":"An orders list whose Filters open a right sheet (a bottom sheet on phones) with a nested Ship to sheet, and each order opens a bottom sheet.","type":"registry:example","source_url":"https://eased.dev/r/sheet-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/sheet-demo.json"},{"name":"sheet","title":"Sheet","description":"Sheet and side drawer for React and shadcn on Base UI Drawer: swipe to dismiss, and side sheets become bottom sheets under 640px.","type":"registry:ui","source_url":"https://eased.dev/r/sheet.json","install_command":"npx shadcn@latest add https://eased.dev/r/sheet.json"},{"name":"combobox-demo","title":"Combobox demo","description":"A pull request's sidebar: a repository combobox, reviewers with avatars in grouped teams, and colour-dotted labels as chips.","type":"registry:example","source_url":"https://eased.dev/r/combobox-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/combobox-demo.json"},{"name":"combobox","title":"Combobox","description":"Searchable select (combobox) for React and shadcn, with filtering, a clear button and multi-select chips, on Base UI.","type":"registry:ui","source_url":"https://eased.dev/r/combobox.json","install_command":"npx shadcn@latest add https://eased.dev/r/combobox.json"},{"name":"select-demo","title":"Select demo","description":"Workspace settings: a grouped data-region select, a timezone list that scrolls, and a fixed-width role select per member.","type":"registry:example","source_url":"https://eased.dev/r/select-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/select-demo.json"},{"name":"select","title":"Select","description":"Select dropdown for React and shadcn that opens with the chosen option over its trigger, like a macOS pop-up button.","type":"registry:ui","source_url":"https://eased.dev/r/select.json","install_command":"npx shadcn@latest add https://eased.dev/r/select.json"},{"name":"toast-demo","title":"Toast demo","description":"A project screen whose Deploy, Move to Done and Retry buttons fire a promise toast, an Undo toast and an error toast into the frame.","type":"registry:example","source_url":"https://eased.dev/r/toast-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/toast-demo.json"},{"name":"toast","title":"Toast","description":"Toast notifications for React and shadcn: toasts stack behind the newest, fan out on hover and pause their timers, with an Undo action.","type":"registry:ui","source_url":"https://eased.dev/r/toast.json","install_command":"npx shadcn@latest add https://eased.dev/r/toast.json"},{"name":"eased-crypto-core","title":"Crypto core primitive","description":"Shared pieces for Eased crypto blocks: a monochrome token glyph, chain tints as tokens with a ≤10% glow, address truncation, and USD price, token amount and si…","type":"registry:ui","source_url":"https://eased.dev/r/eased-crypto-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-crypto-core.json"},{"name":"eased-copy","title":"Copy primitive","description":"The copy → check morph: a clipboard write with a textarea fallback, a useCopy hook that holds the copied state for 1.6s, the copy icon that swaps to a check wi…","type":"registry:ui","source_url":"https://eased.dev/r/eased-copy.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-copy.json"},{"name":"eased-hold-core","title":"Hold Core primitive","description":"Hold-to-confirm: a time-true linear fill while the pointer, Space or Enter is held, a quick no-overshoot drain when let go early, and a button that reveals its…","type":"registry:ui","source_url":"https://eased.dev/r/eased-hold-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-hold-core.json"},{"name":"breadcrumb-demo","title":"Breadcrumb demo","description":"A file browser five folders deep: open folders to grow the trail, click a crumb or the … menu to climb back.","type":"registry:example","source_url":"https://eased.dev/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/breadcrumb-demo.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Animated breadcrumb for React and shadcn that folds the middle crumbs into a menu when the trail runs out of room.","type":"registry:ui","source_url":"https://eased.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://eased.dev/r/breadcrumb.json"},{"name":"pagination-demo","title":"Pagination demo","description":"An invoices list whose footer pages through 64 invoices, numbered in a wide tile and compact in a narrow one.","type":"registry:example","source_url":"https://eased.dev/r/pagination-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/pagination-demo.json"},{"name":"pagination","title":"Pagination","description":"Animated pagination for React and shadcn: the selected page chip glides on a spring, and the width never changes as you page.","type":"registry:ui","source_url":"https://eased.dev/r/pagination.json","install_command":"npx shadcn@latest add https://eased.dev/r/pagination.json"},{"name":"rating-demo","title":"Rating demo","description":"A recipe's reviews: an average with a count that rolls when you rate, a large rating with a word that follows the pointer, and recent reviews.","type":"registry:example","source_url":"https://eased.dev/r/rating-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/rating-demo.json"},{"name":"rating","title":"Rating","description":"Star rating for React and shadcn on Base UI RadioGroup, with hover preview, half stars and a read-only mode for any fraction.","type":"registry:ui","source_url":"https://eased.dev/r/rating.json","install_command":"npx shadcn@latest add https://eased.dev/r/rating.json"},{"name":"carousel-demo","title":"Carousel demo","description":"Customer stories for a finance product, one metric and quote per slide.","type":"registry:example","source_url":"https://eased.dev/r/carousel-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/carousel-demo.json"},{"name":"carousel","title":"Carousel","description":"Carousel for React and shadcn on native scroll snapping, with mouse drag, arrow keys and a dot that stretches between pages.","type":"registry:ui","source_url":"https://eased.dev/r/carousel.json","install_command":"npx shadcn@latest add https://eased.dev/r/carousel.json"},{"name":"file-upload-demo","title":"File Upload demo","description":"Lease documents with a simulated upload: one file is too large, one drops its connection once.","type":"registry:example","source_url":"https://eased.dev/r/file-upload-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/file-upload-demo.json"},{"name":"file-upload","title":"File Upload","description":"Drag and drop file upload for React and shadcn: the dropzone wakes when files cross the page, with per-file progress and retry.","type":"registry:ui","source_url":"https://eased.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://eased.dev/r/file-upload.json"},{"name":"tree-demo","title":"Tree demo","description":"A Next.js repository with git status markers and the selected path in the footer.","type":"registry:example","source_url":"https://eased.dev/r/tree-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/tree-demo.json"},{"name":"tree","title":"Tree","description":"React file tree for shadcn: folders spring open, one selection glides between rows, and arrow keys and typeahead follow WAI-ARIA.","type":"registry:ui","source_url":"https://eased.dev/r/tree.json","install_command":"npx shadcn@latest add https://eased.dev/r/tree.json"},{"name":"date-picker-demo","title":"Date Picker demo","description":"Time off: an away range that can't start in the past, and a typed handover date that must fall before it on a weekday.","type":"registry:example","source_url":"https://eased.dev/r/date-picker-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/date-picker-demo.json"},{"name":"date-picker","title":"Date Picker","description":"Date picker for React and shadcn with a calendar popover and ranges, reading typed dates such as 24 Oct or tomorrow in the field's locale.","type":"registry:ui","source_url":"https://eased.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://eased.dev/r/date-picker.json"},{"name":"number-field-demo","title":"Number Field demo","description":"A limit order: shares with split steppers, a USD limit price and a scrubbable percent stop loss, with a rolling cost summary.","type":"registry:example","source_url":"https://eased.dev/r/number-field-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/number-field-demo.json"},{"name":"number-field","title":"Number Field","description":"Number input for React and shadcn on Base UI: steppers speed up the longer you hold them, and each step rolls the digits.","type":"registry:ui","source_url":"https://eased.dev/r/number-field.json","install_command":"npx shadcn@latest add https://eased.dev/r/number-field.json"},{"name":"otp-field-demo","title":"OTP Field demo","description":"Email verification with a 3-3 code, auto-verify on the last digit, a wrong-code error and a resend countdown.","type":"registry:example","source_url":"https://eased.dev/r/otp-field-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/otp-field-demo.json"},{"name":"otp-field","title":"OTP Field","description":"OTP input for React and shadcn on Base UI: SMS autofill, password managers and a pasted code fill every cell at once.","type":"registry:ui","source_url":"https://eased.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://eased.dev/r/otp-field.json"},{"name":"eased-commerce-core","title":"Commerce core primitive","description":"Shared pieces for Eased e-commerce blocks: drawn product art, colour swatches, the price line, a rolling quantity stepper, the bag button and money and stock f…","type":"registry:ui","source_url":"https://eased.dev/r/eased-commerce-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-commerce-core.json"},{"name":"variant-picker-demo","title":"Variant Picker demo","description":"The Ridgeline Down Jacket in three colourways, one marked down, with thin stock and a sold-out size.","type":"registry:example","source_url":"https://eased.dev/r/variant-picker-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/variant-picker-demo.json"},{"name":"variant-picker","title":"Variant Picker","description":"Product variant picker for React and shadcn: colour swatches and sizes on Base UI radio groups, with sold-out sizes struck through.","type":"registry:ui","source_url":"https://eased.dev/r/variant-picker.json","install_command":"npx shadcn@latest add https://eased.dev/r/variant-picker.json"},{"name":"eased-saas-core","title":"SaaS core primitive","description":"Shared pieces for Eased SaaS-admin blocks: a rolling delta chip that falls in warning, a usage meter that turns warning at 80%, relative times and compact mone…","type":"registry:ui","source_url":"https://eased.dev/r/eased-saas-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-saas-core.json"},{"name":"eased-property-core","title":"Property core primitive","description":"Shared pieces for Eased real-estate blocks: CRE units (SF, $/SF, terms, cap rates), lease-expiry status and its tints, the vacancy hatch and an expiry legend.","type":"registry:ui","source_url":"https://eased.dev/r/eased-property-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-property-core.json"},{"name":"eased-hr-core","title":"HR core primitive","description":"Shared pieces for Eased HR and recruiting blocks: the 1–4 interview scale and its labels, four pips that fill to a rating, and the short time-in-stage clock.","type":"registry:ui","source_url":"https://eased.dev/r/eased-hr-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-hr-core.json"},{"name":"eased-legal-core","title":"Legal core primitive","description":"Shared pieces for Eased legal blocks: the inline redline, the clause number track, deadline countdown wording, legal date and confidence formats, and the AI ma…","type":"registry:ui","source_url":"https://eased.dev/r/eased-legal-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-legal-core.json"},{"name":"eased-health-core","title":"Health core primitive","description":"Shared pieces for Eased health blocks: where a value sits against its range, a warning flag that pops in and out, and clinic clock times.","type":"registry:ui","source_url":"https://eased.dev/r/eased-health-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-health-core.json"},{"name":"area-chart-demo","title":"Area Chart demo","description":"Weekly signups against the previous period, with a headline that follows the crosshair and a range switch that morphs the area.","type":"registry:example","source_url":"https://eased.dev/r/area-chart-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/area-chart-demo.json"},{"name":"area-chart","title":"Area Chart","description":"Area chart for React and shadcn that draws in once, morphs to new data while its scale springs, and has a crosshair tooltip.","type":"registry:ui","source_url":"https://eased.dev/r/area-chart.json","install_command":"npx shadcn@latest add https://eased.dev/r/area-chart.json"},{"name":"card-demo","title":"Card demo","description":"A workspace overview: a plan card with an action, a plain stat, two project cards that are links, and an activity card that grows.","type":"registry:example","source_url":"https://eased.dev/r/card-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/card-demo.json"},{"name":"card","title":"Card","description":"Card component for React and shadcn with shadcn's parts and slots, plus a CardLink that makes the whole card one clickable link.","type":"registry:ui","source_url":"https://eased.dev/r/card.json","install_command":"npx shadcn@latest add https://eased.dev/r/card.json"},{"name":"appointment-scheduler-demo","title":"Appointment Scheduler demo","description":"Booking a 20-minute follow-up at Willow Health across three clinicians and the next five weekdays.","type":"registry:example","source_url":"https://eased.dev/r/appointment-scheduler-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/appointment-scheduler-demo.json"},{"name":"appointment-scheduler","title":"Appointment Scheduler","description":"Appointment booking for React and shadcn: pick a provider, day and time, and the chosen slot lifts into the confirmation card.","type":"registry:ui","source_url":"https://eased.dev/r/appointment-scheduler.json","install_command":"npx shadcn@latest add https://eased.dev/r/appointment-scheduler.json"},{"name":"caption-ticker-demo","title":"Caption Ticker demo","description":"Four onboarding captions on their own clock, each with its own timing, lighting the step they describe.","type":"registry:example","source_url":"https://eased.dev/r/caption-ticker-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/caption-ticker-demo.json"},{"name":"caption-ticker","title":"Caption Ticker","description":"An animated caption ticker for React and shadcn, stepping short captions in under a scene one line at a time.","type":"registry:ui","source_url":"https://eased.dev/r/caption-ticker.json","install_command":"npx shadcn@latest add https://eased.dev/r/caption-ticker.json"},{"name":"click-ripple-demo","title":"Click Ripple demo","description":"A settings panel where every press rings at the point you click, on the canvas and on the buttons, played once on its own first.","type":"registry:example","source_url":"https://eased.dev/r/click-ripple-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/click-ripple-demo.json"},{"name":"click-ripple","title":"Click Ripple","description":"An animated click ripple for React and shadcn, a ring that spreads from the exact press point.","type":"registry:ui","source_url":"https://eased.dev/r/click-ripple.json","install_command":"npx shadcn@latest add https://eased.dev/r/click-ripple.json"},{"name":"demo-cursor-demo","title":"Demo Cursor demo","description":"An attachments panel played by Ama's cursor: it picks up a file, drags it into the drop zone, then glides to Attach and presses it.","type":"registry:example","source_url":"https://eased.dev/r/demo-cursor-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/demo-cursor-demo.json"},{"name":"demo-cursor","title":"Demo Cursor","description":"An animated demo cursor for React and shadcn, a scripted pointer that glides to real elements and presses them.","type":"registry:ui","source_url":"https://eased.dev/r/demo-cursor.json","install_command":"npx shadcn@latest add https://eased.dev/r/demo-cursor.json"},{"name":"demo-scene","title":"Product demo scene","description":"The Product demo set on one timeline: a cursor presses Deploy, a ripple rings, the label swaps, the build count rolls, a caption steps on and the view pushes i…","type":"registry:example","source_url":"https://eased.dev/r/demo-scene.json","install_command":"npx shadcn@latest add https://eased.dev/r/demo-scene.json"},{"name":"eased-demo-core","title":"Demo core primitive","description":"What the Product demo set shares: useDemoTimeline, one drift-free clock of named steps that plays, loops, seeks, pauses off-screen and in hidden tabs, and rest…","type":"registry:lib","source_url":"https://eased.dev/r/eased-demo-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-demo-core.json"},{"name":"zoom-spotlight-demo","title":"Zoom Spotlight demo","description":"Fathom's usage overview pushing in on p95 latency, springing back, then lighting the latest deploy.","type":"registry:example","source_url":"https://eased.dev/r/zoom-spotlight-demo.json","install_command":"npx shadcn@latest add https://eased.dev/r/zoom-spotlight-demo.json"},{"name":"zoom-spotlight","title":"Zoom Spotlight","description":"An animated zoom spotlight for React and shadcn, pushing in on one region of live UI and dimming the rest.","type":"registry:ui","source_url":"https://eased.dev/r/zoom-spotlight.json","install_command":"npx shadcn@latest add https://eased.dev/r/zoom-spotlight.json"},{"name":"agency-clients","title":"Agency: Clients","description":"Client names as wordmarks in a ruled grid, then three numbers that roll up once.","type":"registry:block","source_url":"https://eased.dev/r/agency-clients.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-clients.json"},{"name":"agency-contact","title":"Agency: Contact","description":"The question, a line on how the studio replies, and the email set large with a copy button.","type":"registry:block","source_url":"https://eased.dev/r/agency-contact.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-contact.json"},{"name":"agency-core","title":"Agency: content and kit","description":"Every word of the agency template and its client projects, plus the palette, tile mark, column, section labels, page heading, entrance, the drawn client sites …","type":"registry:lib","source_url":"https://eased.dev/r/agency-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-core.json"},{"name":"agency-footer","title":"Agency: Footer","description":"A newsletter sign-up, the studio's links and address, and the legal line with its local time.","type":"registry:block","source_url":"https://eased.dev/r/agency-footer.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-footer.json"},{"name":"agency-header","title":"Agency: Header","description":"One line with the studio's availability, its pages as a list and the way in, then its name set bold, edge to edge.","type":"registry:block","source_url":"https://eased.dev/r/agency-header.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-header.json"},{"name":"agency-intro","title":"Agency: Intro","description":"What the studio is in one serif sentence, the page's heading, with one way into the work.","type":"registry:block","source_url":"https://eased.dev/r/agency-intro.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-intro.json"},{"name":"agency-latest","title":"Agency: Latest and careers","description":"News, writing and a role as cards with drawn covers, then the open roles as a ruled list.","type":"registry:block","source_url":"https://eased.dev/r/agency-latest.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-latest.json"},{"name":"agency-reel","title":"Agency: Reel","description":"An ink-blue panel with a browser and a rail of projects: the address bar types each client's domain and the site loads line by line.","type":"registry:block","source_url":"https://eased.dev/r/agency-reel.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-reel.json"},{"name":"agency-services","title":"Agency: Services","description":"The studio's claim beside its four services as an accordion, each with what it delivers.","type":"registry:block","source_url":"https://eased.dev/r/agency-services.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-services.json"},{"name":"agency-work-page","title":"Agency: Work index","description":"Every project in one ruled grid: a small cover, the client, the project, its disciplines and its year.","type":"registry:block","source_url":"https://eased.dev/r/agency-work-page.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-work-page.json"},{"name":"agency-work","title":"Agency: Selected work","description":"A grid of project covers with a filter by discipline; the grid reflows on a spring.","type":"registry:block","source_url":"https://eased.dev/r/agency-work.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-work.json"},{"name":"agency","title":"Agency","description":"A site for an independent design studio: its name across the page, a reel of client sites, the work, services, clients, news and contact, plus case studies, se…","type":"registry:block","source_url":"https://eased.dev/r/agency.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency.json"},{"name":"agency-careers","title":"Agency: Careers","description":"The open roles as one ruled grid with what everyone gets and how the studio hires, and a job post per role with its facts and an apply link.","type":"registry:block","source_url":"https://eased.dev/r/agency-careers.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-careers.json"},{"name":"agency-case-study","title":"Agency: Case study","description":"A project's story on its own page: the client's site drawn as wide as the page, the challenge beside the facts, what the studio made, three outcomes, the credi…","type":"registry:block","source_url":"https://eased.dev/r/agency-case-study.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-case-study.json"},{"name":"agency-enquiry","title":"Agency: Contact page","description":"The email and the studio's address beside a project enquiry form with budget and timeline, checked on submit, that gives way to a sent state.","type":"registry:block","source_url":"https://eased.dev/r/agency-enquiry.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-enquiry.json"},{"name":"agency-journal","title":"Agency: Journal","description":"The journal index as a ruled list with drawn covers, and a post page with its author, a wide cover, the text in one reading column and more posts.","type":"registry:block","source_url":"https://eased.dev/r/agency-journal.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-journal.json"},{"name":"agency-legal","title":"Agency: Legal page","description":"Privacy and imprint as a ruled list of parts, under a note that the text is a sample to replace.","type":"registry:block","source_url":"https://eased.dev/r/agency-legal.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-legal.json"},{"name":"agency-not-found","title":"Agency: Not found","description":"The template's 404: the code beside the studio's mark with its tile missing, a line and the pages people usually want.","type":"registry:block","source_url":"https://eased.dev/r/agency-not-found.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-not-found.json"},{"name":"agency-services-page","title":"Agency: Services pages","description":"The services index as one ruled list, and a page per service with a typical project's facts, what it delivers, how it runs week by week and recent work.","type":"registry:block","source_url":"https://eased.dev/r/agency-services-page.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-services-page.json"},{"name":"agency-studio","title":"Agency: Studio","description":"What the studio is, its people with initials avatars and how a project runs, with a line to the open roles.","type":"registry:block","source_url":"https://eased.dev/r/agency-studio.json","install_command":"npx shadcn@latest add https://eased.dev/r/agency-studio.json"},{"name":"eased-onboarding-core","title":"Onboarding core primitive","description":"The headless step engine under Eased onboarding flows: useSteps holds the open step, the direction of the last move, the data, per-step validity, branching, sk…","type":"registry:lib","source_url":"https://eased.dev/r/eased-onboarding-core.json","install_command":"npx shadcn@latest add https://eased.dev/r/eased-onboarding-core.json"}]},{"id":"easeui","name":"@easeui","slug":"easeui","description":"Open-source React components with natural motion, installable as source.","author":"rjcuff","framework":"react","license":null,"tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","charts","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://easeui.dev","github":"https://github.com/rjcuff/easeui","registry":"https://easeui.dev/r/registry.json","source":"https://easeui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/easeui","markdown":"https://sh4dcn.netlify.app/md/easeui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><polygon points='8.27,3 15.73,3 21,8.27 21,15.73 15.73,21 8.27,21 3,15.73 3,8.27' stroke='#18181b' stroke-width='3.5' stroke-linejoin='round'/></svg>","preview_image":"https://easeui.dev/api/og","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.easeui.dev/?utm_source=easeui&amp;utm_medium=header"},"metrics":{"github_stars":17,"open_issues":0,"last_commit":"2026-10-22T12:18:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://easeui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://easeui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://easeui.dev/r/registry.json","clone":"git clone https://github.com/rjcuff/easeui.git","clone_degit":"npx degit rjcuff/easeui","registry_fetch":"curl -s https://easeui.dev/r/registry.json"},"component_count":54,"components":[{"name":"accordion","title":"Accordion","description":"Expanding sections that grow to their natural height with no measuring, with arrow key navigation and closed panels skipped by Tab.","type":"registry:component","source_url":"https://easeui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://easeui.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"Banner with a colored accent stripe. Body text stays neutral so contrast never depends on the variant.","type":"registry:component","source_url":"https://easeui.dev/r/alert.json","install_command":"npx shadcn@latest add https://easeui.dev/r/alert.json"},{"name":"avatar","title":"Avatar","description":"Round avatar in three sizes with an optional status dot. The image fades in on load and falls back to initials, and a group stacks them and fans them out on ho…","type":"registry:component","source_url":"https://easeui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://easeui.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"Small status pill in five colors, with a crossfade for when its variant changes.","type":"registry:component","source_url":"https://easeui.dev/r/badge.json","install_command":"npx shadcn@latest add https://easeui.dev/r/badge.json"},{"name":"button","title":"Button","description":"Button with a quick press, hairline rings instead of borders, four variants, and a 44px tap area even at small sizes.","type":"registry:component","source_url":"https://easeui.dev/r/button.json","install_command":"npx shadcn@latest add https://easeui.dev/r/button.json"},{"name":"card","title":"Card","description":"Bordered surface with header, content, and footer parts for grouping related content.","type":"registry:component","source_url":"https://easeui.dev/r/card.json","install_command":"npx shadcn@latest add https://easeui.dev/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox on a real checkbox input, with a check mark that pops in rather than just appearing.","type":"registry:component","source_url":"https://easeui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://easeui.dev/r/checkbox.json"},{"name":"command-palette","title":"Command Palette","description":"Command-K style search overlay that filters as you type, with arrow keys to move the highlight and Enter to select.","type":"registry:component","source_url":"https://easeui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://easeui.dev/r/command-palette.json"},{"name":"copy-button","title":"Copy Button","description":"Copies text to the clipboard and trades its icon for a check for a moment, with a label or as a single icon.","type":"registry:component","source_url":"https://easeui.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://easeui.dev/r/copy-button.json"},{"name":"diff-view","title":"Diff View","description":"A line-by-line diff with an added or removed mark in the gutter and a tinted row for each side. Renders a diff, doesn't compute one.","type":"registry:component","source_url":"https://easeui.dev/r/diff-view.json","install_command":"npx shadcn@latest add https://easeui.dev/r/diff-view.json"},{"name":"drawer","title":"Drawer","description":"Sheet that slides up from the bottom edge on the native dialog element. Drag the handle down, or flick it, to dismiss.","type":"registry:component","source_url":"https://easeui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://easeui.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Action menu that opens from a trigger, flips upward when there is no room below, and supports a destructive item.","type":"registry:component","source_url":"https://easeui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://easeui.dev/r/dropdown-menu.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A pill that morphs between a compact status line and any number of named live-activity views, the same element reshaping via layout animation each time.","type":"registry:component","source_url":"https://easeui.dev/r/dynamic-island.json","install_command":"npx shadcn@latest add https://easeui.dev/r/dynamic-island.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"A row of icon tabs where the selected one expands to reveal its label, sliding a shared background pill to match.","type":"registry:component","source_url":"https://easeui.dev/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://easeui.dev/r/expandable-tabs.json"},{"name":"file-upload","title":"File Upload","description":"Dropzone that also opens the native file picker, with a list below it that pops each file in and collapses smoothly on remove.","type":"registry:component","source_url":"https://easeui.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://easeui.dev/r/file-upload.json"},{"name":"gradient-text","title":"Gradient Text","description":"Text filled with a slowly drifting rainbow. It pauses while off screen and holds still when reduced motion is on.","type":"registry:component","source_url":"https://easeui.dev/r/gradient-text.json","install_command":"npx shadcn@latest add https://easeui.dev/r/gradient-text.json"},{"name":"hold-to-confirm","title":"Hold to Confirm","description":"Button for destructive actions that fills while you hold it and only fires once the fill completes. Letting go early drains it back quickly.","type":"registry:component","source_url":"https://easeui.dev/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://easeui.dev/r/hold-to-confirm.json"},{"name":"input","title":"Input","description":"Text input whose focus ring grows from a hairline to two px, with a destructive ring for aria-invalid.","type":"registry:component","source_url":"https://easeui.dev/r/input.json","install_command":"npx shadcn@latest add https://easeui.dev/r/input.json"},{"name":"insight-card","title":"Insight Card","description":"A stat tile: a label, a headline value, and an optional trend pill. Pass a Number Ticker as the value to have it roll in on change.","type":"registry:component","source_url":"https://easeui.dev/r/insight-card.json","install_command":"npx shadcn@latest add https://easeui.dev/r/insight-card.json"},{"name":"modal","title":"Modal","description":"Centered dialog on the native dialog element that fades and scales in, leaves faster than it arrives, and keeps focus inside while open.","type":"registry:component","source_url":"https://easeui.dev/r/modal.json","install_command":"npx shadcn@latest add https://easeui.dev/r/modal.json"},{"name":"morphing-search","title":"Morphing Search","description":"A circular search button that morphs into a text field: the same element grows and reshapes via a layout animation, rather than a new one popping in beside it.","type":"registry:component","source_url":"https://easeui.dev/r/morphing-search.json","install_command":"npx shadcn@latest add https://easeui.dev/r/morphing-search.json"},{"name":"notification-stack","title":"Notification Stack","description":"A deck of notification cards: collapsed to the top card with peeking edges behind it, fanning into a readable list on hover or focus.","type":"registry:component","source_url":"https://easeui.dev/r/notification-stack.json","install_command":"npx shadcn@latest add https://easeui.dev/r/notification-stack.json"},{"name":"number-ticker","title":"Number Ticker","description":"Number that rolls to a new value like an odometer, one changed digit at a time.","type":"registry:component","source_url":"https://easeui.dev/r/number-ticker.json","install_command":"npx shadcn@latest add https://easeui.dev/r/number-ticker.json"},{"name":"otp-input","title":"OTP Input","description":"One box per digit for a verification code, with paste and SMS autofill support and a shake for a wrong code.","type":"registry:component","source_url":"https://easeui.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://easeui.dev/r/otp-input.json"},{"name":"popover","title":"Popover","description":"A panel of arbitrary content anchored to a trigger, opening on click and flipping above it when there's no room below.","type":"registry:component","source_url":"https://easeui.dev/r/popover.json","install_command":"npx shadcn@latest add https://easeui.dev/r/popover.json"},{"name":"progress","title":"Progress","description":"Progress bar that fills with scale instead of width, plus an indeterminate state for unknown durations.","type":"registry:component","source_url":"https://easeui.dev/r/progress.json","install_command":"npx shadcn@latest add https://easeui.dev/r/progress.json"},{"name":"pull-to-refresh","title":"Pull to Refresh","description":"A pull-down gesture over scrollable content: the indicator tracks the finger 1:1, then resists past the trigger distance and spins while refreshing.","type":"registry:component","source_url":"https://easeui.dev/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://easeui.dev/r/pull-to-refresh.json"},{"name":"range-slider","title":"Range Slider","description":"Native range input with a filled track and tick dots, so keyboard and screen reader support come built in.","type":"registry:component","source_url":"https://easeui.dev/r/range-slider.json","install_command":"npx shadcn@latest add https://easeui.dev/r/range-slider.json"},{"name":"rating","title":"Rating","description":"A row of stars that previews the score on hover, fills up to the pick in a quick wave, and moves one star at a time with the arrow keys.","type":"registry:component","source_url":"https://easeui.dev/r/rating.json","install_command":"npx shadcn@latest add https://easeui.dev/r/rating.json"},{"name":"select","title":"Select","description":"Composable select whose menu fades and scales out of the trigger, and opens upward when there is no room below.","type":"registry:component","source_url":"https://easeui.dev/r/select.json","install_command":"npx shadcn@latest add https://easeui.dev/r/select.json"},{"name":"selection-actions","title":"Selection Actions","description":"A floating bar of bulk actions that fades and rises in once a selection leaves zero, for pairing with Table or any selectable list.","type":"registry:component","source_url":"https://easeui.dev/r/selection-actions.json","install_command":"npx shadcn@latest add https://easeui.dev/r/selection-actions.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder with one shimmer shared across the page. Wrap real content and it takes the same shape, then crossfades away.","type":"registry:component","source_url":"https://easeui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://easeui.dev/r/skeleton.json"},{"name":"stepper","title":"Stepper","description":"Numbered steps joined by a line that fills as you move forward. Finished steps trade their number for a check and can be clicked to go back.","type":"registry:component","source_url":"https://easeui.dev/r/stepper.json","install_command":"npx shadcn@latest add https://easeui.dev/r/stepper.json"},{"name":"switch","title":"Switch","description":"On and off switch with a quick slide and no bounce. Inside a label, the whole row is the tap target.","type":"registry:component","source_url":"https://easeui.dev/r/switch.json","install_command":"npx shadcn@latest add https://easeui.dev/r/switch.json"},{"name":"table","title":"Table","description":"A plain, composable data table: sortable headers with an arrow that only shows on hover until active, and rows that tint when selected.","type":"registry:component","source_url":"https://easeui.dev/r/table.json","install_command":"npx shadcn@latest add https://easeui.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"Pill, segment, or underline tabs with an indicator that slides to the selected tab.","type":"registry:component","source_url":"https://easeui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://easeui.dev/r/tabs.json"},{"name":"tag-input","title":"Tag Input","description":"A field that turns what you type into tags. Enter or a comma adds one, Backspace marks then removes the last, and a duplicate shakes the tag that already exist…","type":"registry:component","source_url":"https://easeui.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://easeui.dev/r/tag-input.json"},{"name":"text-animation","title":"Text Animation","description":"One component, three ways to animate text: a scramble that resolves into place, a word or character reveal out of a blur, and a loading shimmer sweep.","type":"registry:component","source_url":"https://easeui.dev/r/text-animation.json","install_command":"npx shadcn@latest add https://easeui.dev/r/text-animation.json"},{"name":"textarea","title":"Textarea","description":"Textarea that grows with its content instead of scrolling, down to three rows and up to a scrollable cap.","type":"registry:component","source_url":"https://easeui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://easeui.dev/r/textarea.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Light and dark switch that reveals the new theme as a circle growing from the center of the screen or from the button itself.","type":"registry:component","source_url":"https://easeui.dev/r/theme-toggle.json","install_command":"npx shadcn@latest add https://easeui.dev/r/theme-toggle.json"},{"name":"toast","title":"Toast","description":"Toasts that stay long enough to read based on their word count, and pause while hovered or while the tab is in the background.","type":"registry:component","source_url":"https://easeui.dev/r/toast.json","install_command":"npx shadcn@latest add https://easeui.dev/r/toast.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip that shows a label with its keyboard shortcut, using Command on Mac and Ctrl elsewhere. Moving along a toolbar crossfades to the next tooltip with no d…","type":"registry:component","source_url":"https://easeui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://easeui.dev/r/tooltip.json"},{"name":"agent-loading-states","title":"Agent Loading States","description":"Three loading states for AI interfaces: shimmering status text, live agent progress, and cycling reasoning phrases.","type":"registry:component","source_url":"https://easeui.dev/r/agent-loading-states.json","install_command":"npx shadcn@latest add https://easeui.dev/r/agent-loading-states.json"},{"name":"code-block","title":"Code Block","description":"A code block with a label, a copy button, and light coloring for keywords, strings, comments and numbers, with no highlighter dependency.","type":"registry:component","source_url":"https://easeui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://easeui.dev/r/code-block.json"},{"name":"flowchart","title":"Flowchart","description":"A sequence of steps on a dotted canvas, connected by curves that measure the actual cards and follow as you drag one. Click a step to light up its connectors, …","type":"registry:component","source_url":"https://easeui.dev/r/flowchart.json","install_command":"npx shadcn@latest add https://easeui.dev/r/flowchart.json"},{"name":"message-bubble","title":"Message Bubble","description":"A focused conversational surface with visual tones, independent alignment, and a speech-bubble tail that pops in on arrival.","type":"registry:component","source_url":"https://easeui.dev/r/message-bubble.json","install_command":"npx shadcn@latest add https://easeui.dev/r/message-bubble.json"},{"name":"pixel-loader","title":"Pixel Loader","description":"A 3x3 grid of cells that twinkle on independent, randomized cycles, paired with a shimmering label and an optional live elapsed timer.","type":"registry:component","source_url":"https://easeui.dev/r/pixel-loader.json","install_command":"npx shadcn@latest add https://easeui.dev/r/pixel-loader.json"},{"name":"prompt-input","title":"Prompt Input","description":"A chat composer that grows with its content, submits on Enter, and crossfades its send button into a stop button while a reply streams.","type":"registry:component","source_url":"https://easeui.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://easeui.dev/r/prompt-input.json"},{"name":"reasoning-disclosure","title":"Reasoning Disclosure","description":"A model's reasoning, shimmering \"Thinking\" while it streams and folding into \"Thought for 8s\" once the answer starts. Reopen it any time.","type":"registry:component","source_url":"https://easeui.dev/r/reasoning-disclosure.json","install_command":"npx shadcn@latest add https://easeui.dev/r/reasoning-disclosure.json"},{"name":"streaming-response","title":"Streaming Response","description":"Wraps a response with the actions people expect once it settles: copy, replay, share, a thumbs up or down, and a list of suggested follow-up prompts. No card o…","type":"registry:component","source_url":"https://easeui.dev/r/streaming-response.json","install_command":"npx shadcn@latest add https://easeui.dev/r/streaming-response.json"},{"name":"streaming-text","title":"Streaming Text","description":"Reveals a model response as it streams in, fading each newly arrived word in on its own without replaying what's already on screen.","type":"registry:component","source_url":"https://easeui.dev/r/streaming-text.json","install_command":"npx shadcn@latest add https://easeui.dev/r/streaming-text.json"},{"name":"todo-list","title":"Todo List","description":"A collapsible agent task plan with morphing status marks and a completion count.","type":"registry:component","source_url":"https://easeui.dev/r/todo-list.json","install_command":"npx shadcn@latest add https://easeui.dev/r/todo-list.json"},{"name":"tool-approval","title":"Tool Approval","description":"A card for an agent action waiting on approval, with Approve and Deny that collapse into a single status pill once resolved.","type":"registry:component","source_url":"https://easeui.dev/r/tool-approval.json","install_command":"npx shadcn@latest add https://easeui.dev/r/tool-approval.json"},{"name":"tool-chip","title":"Tool Chip","description":"A small pill naming a tool an agent used, with a spinner, check, or error mark that crossfades in place as its status changes.","type":"registry:component","source_url":"https://easeui.dev/r/tool-chip.json","install_command":"npx shadcn@latest add https://easeui.dev/r/tool-chip.json"}]},{"id":"ecomcn","name":"@ecomcn","slug":"ecomcn","description":"E-commerce blocks for shadcn/ui, organised by the purchase funnel — product cards and grids, URL-driven filters, sort, load more, quick view, empty states and the order summary.","author":"its-Inbarajan","framework":"react","license":"MIT","tags":["accessibility","blocks","cards","e-commerce","editor","forms","media","navigation","onboarding","overlays","payments","theming"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://ecomcn.vercel.app","github":"https://github.com/its-Inbarajan/ecomcn","registry":"https://ecomcn.vercel.app/r/registry.json","source":"https://ecomcn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ecomcn","markdown":"https://sh4dcn.netlify.app/md/ecomcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 26 26'><path transform='translate(7.401 25.254) scale(0.03848 -0.03848)' d='M129 -9Q76 -9 44.0 32.5Q12 74 12 150Q12 216 35.5 281.0Q59 346 97.0 399.0Q135 452 180.5 484.0Q226 516 269 516Q316 516 336.5 493.5Q357 471 357 433Q357 388 325.5 343.5Q294 299 237.5 264.0Q181 229 105 212Q83 207 82 187Q81 180 81.0 172.5Q81 165 81 158Q81 101 100.5 72.0Q120 43 154 43Q192 43 227.5 78.0Q263 113 287 177Q290 186 299 186Q305 186 306.5 181.0Q308 176 306 169Q274 81 228.5 36.0Q183 -9 129 -9ZM92 250Q90 243 94.5 238.5Q99 234 106 236Q168 253 210.0 287.5Q252 322 273.5 365.0Q295 408 295 449Q295 491 262 491Q233 491 199.0 457.0Q165 423 136.0 368.0Q107 313 92 250Z' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='36' stroke-linejoin='round'/><circle cx='24.3' cy='23.3' r='2.5' fill='#e0451f'/></svg>","preview_image":"https://ecomcn.vercel.app/opengraph-image.png?opengraph-image.3f2mqyk55903w.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-10-19T15:32:51Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ecomcn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ecomcn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://ecomcn.vercel.app/r/registry.json","clone":"git clone https://github.com/its-Inbarajan/ecomcn.git","clone_degit":"npx degit its-Inbarajan/ecomcn","registry_fetch":"curl -s https://ecomcn.vercel.app/r/registry.json"},"component_count":31,"components":[{"name":"announcement-bar","title":"Announcement Bar","description":"The thin inverted ink bar above everything — free-shipping thresholds, sale windows, drops — with a brand dot between messages. Static, or a marquee at 26s a l…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/announcement-bar.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/announcement-bar.json"},{"name":"hero-editorial","title":"Editorial Hero","description":"An asymmetric split hero: an oversized serif headline on the left, a campaign image on the right with a product caption sitting on it. 1.05fr / 0.95fr, not 50/…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/hero-editorial.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/hero-editorial.json"},{"name":"category-rail","title":"Category Rail","description":"Numbered category tiles with a photo and an item count, snapping along your shadcn Carousel. Tiles sit 1px apart over a track in your border colour, so the rai…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/category-rail.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/category-rail.json"},{"name":"collection-grid","title":"Collection Grid","description":"Three collections as a magazine spread: one dominant tile spanning both rows on a 7/5 split, two supporting it, the type scaling with the tile. On a phone the …","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/collection-grid.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/collection-grid.json"},{"name":"lookbook-strip","title":"Lookbook Strip","description":"A campaign photo you can shop: numbered hairline-ring hotspots, placed by percentage with their own positions for a mobile crop, each opening its product on yo…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/lookbook-strip.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/lookbook-strip.json"},{"name":"price-tag","title":"Price Tag","description":"Locale-aware price with compare-at strike, computed discount badge and a screen-reader announcement. No dependencies.","type":"registry:ui","source_url":"https://ecomcn.vercel.app/r/price-tag.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/price-tag.json"},{"name":"product-card","title":"Product Card","description":"Catalogue tile with badges, compare-at pricing, colour swatches that swap the image, rating, a keyboard-reachable quick-add, and a wishlist heart under the bad…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/product-card.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/product-card.json"},{"name":"product-grid","title":"Product Grid","description":"Responsive catalogue grid with box-matched loading skeletons, appended skeletons while more results load, a density switch, a renderCard slot for composed card…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/product-grid.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/product-grid.json"},{"name":"sort-toolbar","title":"Sort Toolbar","description":"The rule above a listing: a result count announced to screen readers once results settle, a native sort select, a density switch and a slot for the mobile filt…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/sort-toolbar.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/sort-toolbar.json"},{"name":"empty-results","title":"Empty Results","description":"A no-match state that names the filters that emptied the grid, offers the single change that brings the most back, and lets shoppers remove filters one at a ti…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/empty-results.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/empty-results.json"},{"name":"filter-panel","title":"Filter Panel","description":"Faceted filters with state that lives in the URL: applied-filter chips, checkbox lists with counts, a dual-handle range with typed inputs, colour swatches and …","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/filter-panel.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/filter-panel.json"},{"name":"filter-sheet","title":"Filter Sheet","description":"The filter panel in a slide-over for small screens. Changes are staged and applied once — on Show or on close — with a live result count on the button and focu…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/filter-sheet.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/filter-sheet.json"},{"name":"load-more","title":"Load More","description":"Progressive loading for a product list: a progress rule and “Showing 24 of 312” count, a Load more button, optional hybrid or infinite auto-loading, focus move…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/load-more.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/load-more.json"},{"name":"product-quick-view","title":"Product Quick View","description":"Quick view with a shared-element morph: the card image grows into the dialog and shrinks back on close. Motion's layoutId drives the morph, a native <dialog> d…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/product-quick-view.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/product-quick-view.json"},{"name":"product-details-accordion","title":"Product Details Accordion","description":"Materials, care, shipping and maker sections on your shadcn Accordion, first section open. Each closed row carries a one-line summary, so shoppers get the answ…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/product-details-accordion.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/product-details-accordion.json"},{"name":"size-guide-dialog","title":"Size Guide Dialog","description":"A measurement table in your shadcn Dialog that morphs out of a quiet link beside the size label, and back into it (Motion; a fade under reduced motion). Centim…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/size-guide-dialog.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/size-guide-dialog.json"},{"name":"variant-swatches","title":"Variant Swatches","description":"Colour swatches and a ruled size grid that work out stock from your variants: with a colour picked, sizes it has none of are struck through with a diagonal rul…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/variant-swatches.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/variant-swatches.json"},{"name":"product-buy-box","title":"Product Buy Box","description":"The buy box: brand, name, a rating that links to the reviews, the price (the variant's own when it has one), stock-aware variant swatches, a quantity stepper, …","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/product-buy-box.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/product-buy-box.json"},{"name":"review-summary","title":"Review Summary","description":"The reviews section: the average set large, a star histogram whose rows are buttons that filter the list (and read out as \"5 stars, 226 reviews, 72%\"), a fit s…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/review-summary.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/review-summary.json"},{"name":"related-products","title":"Related Products","description":"A \"pairs well with\" rail of the exact product card on your shadcn Carousel, with the Carousel's own previous / next buttons in the header and a progress rule u…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/related-products.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/related-products.json"},{"name":"product-gallery","title":"Product Gallery","description":"The product's photos: a main image on your shadcn Carousel with a counter, and thumbnails beside it on a desktop and under it on a phone (scrolling without a s…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/product-gallery.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/product-gallery.json"},{"name":"cart-line-item","title":"Cart Line Item","description":"One line in a bag: thumbnail, name and variant, a quantity stepper, a right-aligned tabular line total, and save-for-later / remove. Removing never asks — the …","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/cart-line-item.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/cart-line-item.json"},{"name":"cart-sheet","title":"Cart Sheet","description":"The mini cart on your shadcn Sheet: a bag button with a count that turns over, and a sheet that grows out of it as a circle and folds back into it (Motion; a f…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/cart-sheet.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/cart-sheet.json"},{"name":"order-summary","title":"Order Summary","description":"Free-shipping progress, promo code field with applied state, itemised totals and the checkout CTA. Totals logic lives in a separate hook you can test.","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/order-summary.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/order-summary.json"},{"name":"checkout-stepper","title":"Checkout Stepper","description":"Where the shopper is in checkout: a rail of equal ruled cells, edge to edge. Done steps carry a check and are buttons back to them; the current step is aria-cu…","type":"registry:component","source_url":"https://ecomcn.vercel.app/r/checkout-stepper.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/checkout-stepper.json"},{"name":"delivery-options","title":"Delivery Options","description":"How it gets there: one ruled list of delivery methods, each with its arrival dates and price. Arrival is a date range from business days and a dispatch cut-off…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/delivery-options.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/delivery-options.json"},{"name":"address-form","title":"Address Form","description":"A shipping or billing address whose fields follow the country: a state and ZIP code for the US, a town and postcode for the UK, family name first for Japan, a …","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/address-form.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/address-form.json"},{"name":"payment-selector","title":"Payment Selector","description":"How the shopper pays: one ruled list of methods (card, wallet, pay in instalments, bank) where the chosen one opens onto your payment provider's own fields. It…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/payment-selector.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/payment-selector.json"},{"name":"order-confirmation","title":"Order Confirmation","description":"The page after Pay: the receipt people screenshot, print and come back to. A thank-you set large in your serif on a grained band, with a check that draws itsel…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/order-confirmation.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/order-confirmation.json"},{"name":"order-tracking","title":"Order Tracking","description":"Where the parcel is: a status chip, the arrival window, a vertical timeline of milestones and the carrier's updates. Carrier webhooks arrive out of order and t…","type":"registry:block","source_url":"https://ecomcn.vercel.app/r/order-tracking.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/order-tracking.json"},{"name":"theme-editorial","title":"Editorial Theme","description":"The ecomcn house style — warm paper, near-black ink, a single vermilion signal colour, and a 2px radius so nothing reads as a rounded card. Ships the complete …","type":"registry:theme","source_url":"https://ecomcn.vercel.app/r/theme-editorial.json","install_command":"npx shadcn@latest add https://ecomcn.vercel.app/r/theme-editorial.json"}]},{"id":"efferd","name":"@efferd","slug":"efferd","description":"Efferd is a growing collection of production-ready shadcn/ui-based UI blocks organized into marketing and dashboard categories. Marketing blocks cover Auth, Hero, Features, Blog Sections, Contact, Call to Action, FAQs, Testimonials, Pricing, Footer, Header, Image Gallery, Integrations, Logo Cloud, and Not Found pages. Dashboard blocks include App Shell. Built on Radix UI and Tailwind CSS, TypeScript-first, WAI-ARIA compliant. Pricing is freemium with a one-time payment model (Free, Hobby, and Pro tiers). Use for: quickly assembling marketing pages or SaaS landing sites using polished, copy-paste sections without a recurring subscription cost.","author":"shabanhr","framework":"react","license":null,"tags":["accessibility","animation","auth","blocks","buttons","cms","dashboard","forms","hooks","icons","loaders","marketing","media","payments","pro-available","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro"],"urls":{"website":"https://efferd.com/","github":"https://github.com/shabanhr/efferd-ui","registry":"https://efferd.com/r/registry.json","source":"https://efferd.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/efferd","markdown":"https://sh4dcn.netlify.app/md/efferd.md"},"logo":"<svg fill='currentColor' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' version='1.1'><path d='M 15.03125 23.851562 C 14.117188 23.609375 13.417969 23 13 22.101562 C 12.808594 21.691406 12.808594 21.613281 12.808594 18.375 C 12.808594 15.066406 12.808594 15.066406 13.097656 14.484375 C 13.429688 13.8125 13.898438 13.351562 14.585938 13.027344 C 15.074219 12.800781 15.074219 12.800781 18.386719 12.800781 C 21.699219 12.800781 21.699219 12.800781 22.28125 13.089844 C 22.953125 13.421875 23.414062 13.890625 23.738281 14.578125 C 23.964844 15.066406 23.964844 15.066406 23.988281 18.140625 C 24.015625 20.769531 24 21.285156 23.875 21.710938 C 23.5625 22.789062 22.769531 23.582031 21.699219 23.863281 C 20.964844 24.042969 15.746094 24.042969 15.03125 23.851562 Z M 21.679688 22.390625 C 21.863281 22.304688 22.117188 22.085938 22.246094 21.917969 C 22.480469 21.613281 22.480469 21.613281 22.480469 18.375 C 22.480469 15.136719 22.480469 15.136719 22.238281 14.824219 C 21.757812 14.1875 21.792969 14.195312 18.386719 14.195312 C 15.667969 14.195312 15.308594 14.214844 15.066406 14.34375 C 14.691406 14.542969 14.359375 14.960938 14.246094 15.355469 C 14.144531 15.753906 14.132812 20.847656 14.246094 21.328125 C 14.386719 21.9375 14.847656 22.398438 15.441406 22.519531 C 15.625 22.554688 17.027344 22.582031 18.5625 22.574219 C 21.105469 22.554688 21.375 22.539062 21.679688 22.390625 Z M 21.679688 22.390625 ' opacity='50%'/><path d='M 2.859375 23.085938 C 2.089844 22.84375 1.324219 22.15625 0.976562 21.398438 C 0.792969 20.996094 0.785156 20.882812 0.785156 17.636719 C 0.785156 14.28125 0.785156 14.28125 1.019531 13.785156 C 1.296875 13.1875 1.855469 12.609375 2.441406 12.324219 C 2.875 12.105469 2.875 12.105469 6.195312 12.078125 C 9.4375 12.054688 9.523438 12.0625 10.03125 12.246094 C 10.71875 12.507812 11.441406 13.21875 11.730469 13.933594 C 11.9375 14.457031 11.9375 14.472656 11.9375 17.636719 C 11.9375 21.136719 11.9375 21.128906 11.371094 21.953125 C 11.03125 22.433594 10.550781 22.800781 9.925781 23.035156 C 9.480469 23.199219 9.261719 23.207031 6.335938 23.199219 C 4.035156 23.199219 3.128906 23.164062 2.859375 23.085938 Z M 2.859375 23.085938 '/><path d='M 13.898438 11.695312 C 13.226562 11.4375 12.503906 10.703125 12.25 10.023438 C 12.070312 9.519531 12.058594 9.433594 12.085938 6.195312 C 12.113281 2.929688 12.113281 2.867188 12.3125 2.476562 C 12.636719 1.824219 13.070312 1.386719 13.707031 1.074219 C 14.289062 0.785156 14.289062 0.785156 17.644531 0.785156 C 20.90625 0.785156 21.007812 0.792969 21.410156 0.976562 C 21.984375 1.238281 22.65625 1.890625 22.933594 2.476562 C 23.179688 2.964844 23.179688 2.964844 23.179688 6.316406 C 23.179688 9.667969 23.179688 9.667969 22.890625 10.25 C 22.578125 10.886719 22.140625 11.324219 21.488281 11.644531 C 21.097656 11.84375 21.042969 11.84375 17.734375 11.863281 C 14.492188 11.878906 14.359375 11.878906 13.898438 11.695312 Z M 13.898438 11.695312 '/><path d='M 2.214844 11.078125 C 1.324219 10.824219 0.609375 10.207031 0.199219 9.3125 C 0 8.894531 0 8.832031 0 5.574219 C 0 2.265625 0 2.265625 0.234375 1.769531 C 0.53125 1.132812 1.132812 0.535156 1.769531 0.238281 C 2.265625 0.00390625 2.265625 0.00390625 5.578125 0.00390625 C 8.886719 0.00390625 8.886719 0.00390625 9.386719 0.238281 C 10.019531 0.535156 10.621094 1.132812 10.917969 1.769531 C 11.152344 2.265625 11.152344 2.265625 11.152344 5.574219 C 11.152344 8.882812 11.152344 8.882812 10.925781 9.371094 C 10.605469 10.058594 10.144531 10.53125 9.472656 10.859375 C 8.886719 11.148438 8.886719 11.148438 5.75 11.164062 C 3.441406 11.183594 2.507812 11.15625 2.214844 11.078125 Z M 8.898438 9.605469 C 9.238281 9.425781 9.613281 8.988281 9.699219 8.683594 C 9.734375 8.554688 9.757812 7.117188 9.757812 5.488281 C 9.757812 2.179688 9.769531 2.207031 9.132812 1.726562 C 8.820312 1.484375 8.820312 1.484375 5.804688 1.457031 C 4.148438 1.4375 2.65625 1.457031 2.5 1.484375 C 2.34375 1.507812 2.066406 1.683594 1.882812 1.855469 C 1.375 2.335938 1.34375 2.632812 1.421875 5.976562 C 1.480469 8.816406 1.480469 8.816406 1.726562 9.128906 C 2.214844 9.773438 2.316406 9.789062 5.75 9.773438 C 8.285156 9.753906 8.660156 9.738281 8.898438 9.605469 Z M 8.898438 9.605469 '/></svg>","preview_image":"https://storage.efferd.com/og.jpeg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://efferd.com/pricing"},"metrics":{"github_stars":149,"open_issues":1,"last_commit":"2025-12-10T12:53:51Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://efferd.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://efferd.com/r/registry.json","install_bun":"bunx shadcn@latest add https://efferd.com/r/registry.json","clone":"git clone https://github.com/shabanhr/efferd-ui.git","clone_degit":"npx degit shabanhr/efferd-ui","registry_fetch":"curl -s https://efferd.com/r/registry.json"},"component_count":231,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://efferd.com/r/index.json","install_command":"npx shadcn@latest add https://efferd.com/r/index.json"},{"name":"logo","title":null,"description":"Efferd logo component.","type":"registry:component","source_url":"https://efferd.com/r/logo.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo.json"},{"name":"copy-button","title":null,"description":"Copy button component.","type":"registry:component","source_url":"https://efferd.com/r/copy-button.json","install_command":"npx shadcn@latest add https://efferd.com/r/copy-button.json"},{"name":"full-width-divider","title":null,"description":"Full-width divider component.","type":"registry:component","source_url":"https://efferd.com/r/full-width-divider.json","install_command":"npx shadcn@latest add https://efferd.com/r/full-width-divider.json"},{"name":"decor-icon","title":null,"description":"Decor icon component.","type":"registry:component","source_url":"https://efferd.com/r/decor-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/decor-icon.json"},{"name":"grid-filler","title":null,"description":"Grid filler component.","type":"registry:component","source_url":"https://efferd.com/r/grid-filler.json","install_command":"npx shadcn@latest add https://efferd.com/r/grid-filler.json"},{"name":"indicator","title":null,"description":"Indicator component.","type":"registry:component","source_url":"https://efferd.com/r/indicator.json","install_command":"npx shadcn@latest add https://efferd.com/r/indicator.json"},{"name":"lazy-image","title":null,"description":"Lazy image component.","type":"registry:component","source_url":"https://efferd.com/r/lazy-image.json","install_command":"npx shadcn@latest add https://efferd.com/r/lazy-image.json"},{"name":"outline-text","title":null,"description":"Outline text component.","type":"registry:component","source_url":"https://efferd.com/r/outline-text.json","install_command":"npx shadcn@latest add https://efferd.com/r/outline-text.json"},{"name":"portal","title":null,"description":"react portal component.","type":"registry:component","source_url":"https://efferd.com/r/portal.json","install_command":"npx shadcn@latest add https://efferd.com/r/portal.json"},{"name":"auth-divider","title":null,"description":"Auth divider component.","type":"registry:component","source_url":"https://efferd.com/r/auth-divider.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-divider.json"},{"name":"infinite-slider","title":null,"description":"Infinite slider component.","type":"registry:component","source_url":"https://efferd.com/r/infinite-slider.json","install_command":"npx shadcn@latest add https://efferd.com/r/infinite-slider.json"},{"name":"progressive-blur","title":null,"description":"Progressive blur component.","type":"registry:component","source_url":"https://efferd.com/r/progressive-blur.json","install_command":"npx shadcn@latest add https://efferd.com/r/progressive-blur.json"},{"name":"text-effect","title":null,"description":"Text effect component.","type":"registry:component","source_url":"https://efferd.com/r/text-effect.json","install_command":"npx shadcn@latest add https://efferd.com/r/text-effect.json"},{"name":"use-scroll","title":null,"description":"Use scroll hook.","type":"registry:hook","source_url":"https://efferd.com/r/use-scroll.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-scroll.json"},{"name":"use-media-query","title":null,"description":"Use media query hook.","type":"registry:hook","source_url":"https://efferd.com/r/use-media-query.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-media-query.json"},{"name":"use-copy-to-clipboard","title":null,"description":"Use copy to clipboard hook.","type":"registry:hook","source_url":"https://efferd.com/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-copy-to-clipboard.json"},{"name":"use-keypress","title":null,"description":"Use keypress hook.","type":"registry:hook","source_url":"https://efferd.com/r/use-keypress.json","install_command":"npx shadcn@latest add https://efferd.com/r/use-keypress.json"},{"name":"apple-icon","title":null,"description":"Apple icon","type":"registry:component","source_url":"https://efferd.com/r/apple-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/apple-icon.json"},{"name":"claude-icon","title":null,"description":"Claude icon","type":"registry:component","source_url":"https://efferd.com/r/claude-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/claude-icon.json"},{"name":"deepseek-icon","title":null,"description":"DeepSeek icon","type":"registry:component","source_url":"https://efferd.com/r/deepseek-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/deepseek-icon.json"},{"name":"discord-icon","title":null,"description":"Discord icon","type":"registry:component","source_url":"https://efferd.com/r/discord-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/discord-icon.json"},{"name":"facebook-icon","title":null,"description":"Facebook icon","type":"registry:component","source_url":"https://efferd.com/r/facebook-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/facebook-icon.json"},{"name":"figma-icon","title":null,"description":"Figma icon","type":"registry:component","source_url":"https://efferd.com/r/figma-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/figma-icon.json"},{"name":"framer-icon","title":null,"description":"Framer icon","type":"registry:component","source_url":"https://efferd.com/r/framer-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/framer-icon.json"},{"name":"gemini-icon","title":null,"description":"Gemini icon","type":"registry:component","source_url":"https://efferd.com/r/gemini-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/gemini-icon.json"},{"name":"github-icon","title":null,"description":"GitHub icon","type":"registry:component","source_url":"https://efferd.com/r/github-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/github-icon.json"},{"name":"gitlab-icon","title":null,"description":"GitLab icon","type":"registry:component","source_url":"https://efferd.com/r/gitlab-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/gitlab-icon.json"},{"name":"google-icon","title":null,"description":"Google icon","type":"registry:component","source_url":"https://efferd.com/r/google-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/google-icon.json"},{"name":"google-play-icon","title":null,"description":"Google Play icon","type":"registry:component","source_url":"https://efferd.com/r/google-play-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/google-play-icon.json"},{"name":"groq-icon","title":null,"description":"Groq icon","type":"registry:component","source_url":"https://efferd.com/r/groq-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/groq-icon.json"},{"name":"instagram-icon","title":null,"description":"Instagram icon","type":"registry:component","source_url":"https://efferd.com/r/instagram-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/instagram-icon.json"},{"name":"kimi-icon","title":null,"description":"Kimi icon","type":"registry:component","source_url":"https://efferd.com/r/kimi-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/kimi-icon.json"},{"name":"linkedin-icon","title":null,"description":"LinkedIn icon","type":"registry:component","source_url":"https://efferd.com/r/linkedin-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/linkedin-icon.json"},{"name":"ollama-icon","title":null,"description":"Ollama icon","type":"registry:component","source_url":"https://efferd.com/r/ollama-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/ollama-icon.json"},{"name":"openai-icon","title":null,"description":"OpenAI icon","type":"registry:component","source_url":"https://efferd.com/r/openai-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/openai-icon.json"},{"name":"perplexity-icon","title":null,"description":"Perplexity icon","type":"registry:component","source_url":"https://efferd.com/r/perplexity-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/perplexity-icon.json"},{"name":"polar-icon","title":null,"description":"Polar icon","type":"registry:component","source_url":"https://efferd.com/r/polar-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/polar-icon.json"},{"name":"qwen-icon","title":null,"description":"Qwen icon","type":"registry:component","source_url":"https://efferd.com/r/qwen-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/qwen-icon.json"},{"name":"react-icon","title":null,"description":"React icon","type":"registry:component","source_url":"https://efferd.com/r/react-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/react-icon.json"},{"name":"shadcn-icon","title":null,"description":"shadcn/ui icon","type":"registry:component","source_url":"https://efferd.com/r/shadcn-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/shadcn-icon.json"},{"name":"sidebar-icon","title":null,"description":"Sidebar icon","type":"registry:component","source_url":"https://efferd.com/r/sidebar-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/sidebar-icon.json"},{"name":"slack-icon","title":null,"description":"Slack icon","type":"registry:component","source_url":"https://efferd.com/r/slack-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/slack-icon.json"},{"name":"vercel-icon","title":null,"description":"Vercel icon","type":"registry:component","source_url":"https://efferd.com/r/vercel-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/vercel-icon.json"},{"name":"x-icon","title":null,"description":"X (Twitter) icon","type":"registry:component","source_url":"https://efferd.com/r/x-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/x-icon.json"},{"name":"xai-icon","title":null,"description":"xAI icon","type":"registry:component","source_url":"https://efferd.com/r/xai-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/xai-icon.json"},{"name":"youtube-icon","title":null,"description":"YouTube icon","type":"registry:component","source_url":"https://efferd.com/r/youtube-icon.json","install_command":"npx shadcn@latest add https://efferd.com/r/youtube-icon.json"},{"name":"formater","title":null,"description":"Formater utilities.","type":"registry:component","source_url":"https://efferd.com/r/formater.json","install_command":"npx shadcn@latest add https://efferd.com/r/formater.json"},{"name":"app-shell-1","title":null,"description":"Dashboard shell with max-width bordered frame, full-width divider, sidebar, breadcrumb header, and skeleton content grid.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-1.json"},{"name":"app-shell-2","title":null,"description":"Full-viewport sidebar layout with breadcrumb navbar, keyboard shortcut hints, and dashboard skeleton grid.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-2.json"},{"name":"app-shell-3","title":null,"description":"Scrollable main column with collapsible sidebar groups, breadcrumb bar, and dashboard placeholder content.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-3.json"},{"name":"app-shell-4","title":null,"description":"Inset sidebar layout with collapsible navigation and padded main shell.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-4.json"},{"name":"app-shell-5","title":null,"description":"Sidebar workspace with command-style search, custom trigger and theme controls, navbar strip, and latest-change row.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-5.json"},{"name":"app-shell-6","title":null,"description":"Animated inset sidebar with org switcher, shared row, dedicated header trigger, mobile navbar, and skeleton body.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-6.json"},{"name":"app-shell-7","title":null,"description":"Inset shell with progressive blur footer, command search, notifications popover, shared nav user, and org menu.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-7.json"},{"name":"app-shell-8","title":null,"description":"Top app header over sidebar with projects and notifications, search, tooltip-rich trigger, and skeleton main area.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-8.json"},{"name":"app-shell-9","title":null,"description":"Inset dashboard shell with hover-expand icon sidebar, breadcrumb header, command search, notifications popover, and user menu.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-9.json"},{"name":"app-shell-10","title":null,"description":"App shell with project-switching sidebar, command search, latest-change footer row, custom rail, and bordered content area.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-10.json"},{"name":"app-shell-11","title":null,"description":"Max-width seller shell with store switcher, collapsible nav, plan-usage footer, breadcrumb header, and custom rail.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-11.json"},{"name":"app-shell-12","title":null,"description":"Inset icon-collapsible sidebar with command search, what's-new card, mobile header, and dashboard skeleton grid.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-12.json"},{"name":"app-shell-13","title":null,"description":"Inset sidebar with business switcher, command search, theme-aware user menu, and mobile title header.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-13.json"},{"name":"app-shell-14","title":null,"description":"Top header over floating sidebar with workspace switcher, theme toggle, new-chat action, and skeleton main area.","type":"registry:block","source_url":"https://efferd.com/r/app-shell-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/app-shell-14.json"},{"name":"auth-1","title":null,"description":"Modern sign-in page with particle background and social buttons.","type":"registry:block","source_url":"https://efferd.com/r/auth-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-1.json"},{"name":"auth-2","title":null,"description":"Split sign-in layout with social buttons and email form.","type":"registry:block","source_url":"https://efferd.com/r/auth-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-2.json"},{"name":"auth-3","title":null,"description":"Minimal sign-in page with logo header and focused form.","type":"registry:block","source_url":"https://efferd.com/r/auth-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-3.json"},{"name":"auth-4","title":null,"description":"Clean sign-in screen with full-width divider and social actions.","type":"registry:block","source_url":"https://efferd.com/r/auth-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-4.json"},{"name":"auth-5","title":null,"description":"Modern signup page with testimonial sidebar and social sign-in.","type":"registry:block","source_url":"https://efferd.com/r/auth-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-5.json"},{"name":"auth-6","title":null,"description":"Sign-in layout with modern branding and compact form.","type":"registry:block","source_url":"https://efferd.com/r/auth-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-6.json"},{"name":"auth-7","title":null,"description":"Split sign-in page with decorative icons and social login.","type":"registry:block","source_url":"https://efferd.com/r/auth-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-7.json"},{"name":"auth-8","title":null,"description":"Sign-in page with flickering grid backdrop and clean form.","type":"registry:block","source_url":"https://efferd.com/r/auth-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-8.json"},{"name":"auth-9","title":null,"description":"Sign-in layout with subtle grid pattern and social actions.","type":"registry:block","source_url":"https://efferd.com/r/auth-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-9.json"},{"name":"auth-10","title":null,"description":"Sign-in page with testimonial card and email form.","type":"registry:block","source_url":"https://efferd.com/r/auth-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-10.json"},{"name":"auth-11","title":null,"description":"Sign-in screen with patterned backdrop and centered form.","type":"registry:block","source_url":"https://efferd.com/r/auth-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-11.json"},{"name":"auth-12","title":null,"description":"Signup page with avatar accents, social buttons, and email form.","type":"registry:block","source_url":"https://efferd.com/r/auth-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-12.json"},{"name":"auth-13","title":null,"description":"Minimal sign-in layout with logo header and clean fields.","type":"registry:block","source_url":"https://efferd.com/r/auth-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-13.json"},{"name":"auth-14","title":null,"description":"Sign-in page with avatar accents and polished social flow.","type":"registry:block","source_url":"https://efferd.com/r/auth-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/auth-14.json"},{"name":"blogs-1","title":null,"description":"Minimalist list with dashed dividers.","type":"registry:block","source_url":"https://efferd.com/r/blogs-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-1.json"},{"name":"blogs-2","title":null,"description":"Clean grid layout with bordered cards.","type":"registry:block","source_url":"https://efferd.com/r/blogs-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-2.json"},{"name":"blogs-3","title":null,"description":"Immersive grid with images and gradients.","type":"registry:block","source_url":"https://efferd.com/r/blogs-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-3.json"},{"name":"blogs-4","title":null,"description":"Bento-style grid with spanning items.","type":"registry:block","source_url":"https://efferd.com/r/blogs-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-4.json"},{"name":"blogs-5","title":null,"description":"Magazine layout with featured post.","type":"registry:block","source_url":"https://efferd.com/r/blogs-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/blogs-5.json"},{"name":"contact-1","title":null,"description":"Compact contact strip with phone, email, and office details.","type":"registry:block","source_url":"https://efferd.com/r/contact-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-1.json"},{"name":"contact-2","title":null,"description":"Three-card contact layout with email, community, and social links.","type":"registry:block","source_url":"https://efferd.com/r/contact-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-2.json"},{"name":"contact-3","title":null,"description":"Elegant contact page with office info, email, phone, and social links.","type":"registry:block","source_url":"https://efferd.com/r/contact-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-3.json"},{"name":"contact-4","title":null,"description":"Modern contact card with info section and built-in form area.","type":"registry:block","source_url":"https://efferd.com/r/contact-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-4.json"},{"name":"contact-5","title":null,"description":"Bordered contact section with key details and a two-column form.","type":"registry:block","source_url":"https://efferd.com/r/contact-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-5.json"},{"name":"contact-6","title":null,"description":"Full contact page with support cards, details panel, and lead form.","type":"registry:block","source_url":"https://efferd.com/r/contact-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-6.json"},{"name":"contact-7","title":null,"description":"Two-column contact page with intro content and a card-based form.","type":"registry:block","source_url":"https://efferd.com/r/contact-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-7.json"},{"name":"contact-8","title":null,"description":"Split contact page with company details, social links, and form panel.","type":"registry:block","source_url":"https://efferd.com/r/contact-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-8.json"},{"name":"contact-9","title":null,"description":"Centered contact page with team form, chat links, and map section.","type":"registry:block","source_url":"https://efferd.com/r/contact-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-9.json"},{"name":"contact-10","title":null,"description":"Sidebar-style contact layout with brand links and a detailed form.","type":"registry:block","source_url":"https://efferd.com/r/contact-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-10.json"},{"name":"contact-11","title":null,"description":"Editorial contact page with direct links, map embed, and message form.","type":"registry:block","source_url":"https://efferd.com/r/contact-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/contact-11.json"},{"name":"cta-1","title":null,"description":"Centered call-to-action bar with bold heading and dual action buttons.","type":"registry:block","source_url":"https://efferd.com/r/cta-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-1.json"},{"name":"cta-2","title":null,"description":"Minimal call-to-action section with headline, short description, and dual buttons for sales contact and getting started.","type":"registry:block","source_url":"https://efferd.com/r/cta-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-2.json"},{"name":"cta-3","title":null,"description":"Stylish call-to-action block featuring bordered layout, decorative icons, and clear buttons for contacting sales or getting started.","type":"registry:block","source_url":"https://efferd.com/r/cta-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-3.json"},{"name":"cta-4","title":null,"description":"Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contacting sales or getting started.","type":"registry:block","source_url":"https://efferd.com/r/cta-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-4.json"},{"name":"cta-5","title":null,"description":"Newsletter subscription section with email input, submit button, and expert avatars for added trust and engagement.","type":"registry:block","source_url":"https://efferd.com/r/cta-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-5.json"},{"name":"cta-6","title":null,"description":"A call-to-action Block with a heading and an animated 'Join Now!' button with hover effects.","type":"registry:block","source_url":"https://efferd.com/r/cta-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-6.json"},{"name":"cta-7","title":null,"description":"CTA with heading and animated 'Join Now!' button.","type":"registry:block","source_url":"https://efferd.com/r/cta-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-7.json"},{"name":"cta-8","title":null,"description":"Grid pattern background with email input and 'Join Now' button.","type":"registry:block","source_url":"https://efferd.com/r/cta-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-8.json"},{"name":"cta-9","title":null,"description":"Ethereal shadow effect with number ticker and dual action buttons.","type":"registry:block","source_url":"https://efferd.com/r/cta-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-9.json"},{"name":"cta-10","title":null,"description":"Animated border lines with 'Get Started' button.","type":"registry:block","source_url":"https://efferd.com/r/cta-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-10.json"},{"name":"cta-11","title":null,"description":"Social proof with star ratings, number ticker, and dual action buttons.","type":"registry:block","source_url":"https://efferd.com/r/cta-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-11.json"},{"name":"cta-12","title":null,"description":"Installation command with animated border lines and copy button.","type":"registry:block","source_url":"https://efferd.com/r/cta-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-12.json"},{"name":"cta-13","title":null,"description":"Animated circular border with centered heading and action button.","type":"registry:block","source_url":"https://efferd.com/r/cta-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-13.json"},{"name":"cta-14","title":null,"description":"Bold inverted design with large typography and email/calendar buttons.","type":"registry:block","source_url":"https://efferd.com/r/cta-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-14.json"},{"name":"cta-15","title":null,"description":"Open-source showcase with animated notification cards and GitHub link.","type":"registry:block","source_url":"https://efferd.com/r/cta-15.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-15.json"},{"name":"cta-16","title":null,"description":"Logo branding with animated expanding border frame.","type":"registry:block","source_url":"https://efferd.com/r/cta-16.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-16.json"},{"name":"cta-17","title":null,"description":"Custom clip-path shape with pulsing dot and corner action button.","type":"registry:block","source_url":"https://efferd.com/r/cta-17.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-17.json"},{"name":"cta-18","title":null,"description":"Event registration with animated floating cards and emoji badges.","type":"registry:block","source_url":"https://efferd.com/r/cta-18.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-18.json"},{"name":"cta-19","title":null,"description":"Floating tool icons surrounding centered headline and action buttons.","type":"registry:block","source_url":"https://efferd.com/r/cta-19.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-19.json"},{"name":"cta-20","title":null,"description":"Concentric animated circles with pricing headline and button.","type":"registry:block","source_url":"https://efferd.com/r/cta-20.json","install_command":"npx shadcn@latest add https://efferd.com/r/cta-20.json"},{"name":"dashboard-1","title":null,"description":"Welcome header with KPI stats, sales area chart, and recent invoices in a bordered three-column grid.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-1.json"},{"name":"dashboard-2","title":null,"description":"Dense KPI grid with net revenue, channel sales lines, invoices table, billing health, and activity feed.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-2.json"},{"name":"dashboard-3","title":null,"description":"Customer support dashboard with conversation charts, CSAT scores, on-duty team, and recent tickets.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-3.json"},{"name":"dashboard-4","title":null,"description":"Commerce dashboard with revenue trends, refund rates, category ranking pie, and quick action items.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-4.json"},{"name":"dashboard-5","title":null,"description":"Web analytics dashboard with visitors chart, live users, top pages, traffic sources, and Core Web Vitals.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-5.json"},{"name":"dashboard-6","title":null,"description":"Finance overview with date toolbar, KPI stats, MOR chart, budget insights, orders chart, and attention list.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-6.json"},{"name":"dashboard-7","title":null,"description":"Marketing dashboard with time-range toggles, main revenue chart, lead breakdowns, and transactions table.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-7.json"},{"name":"dashboard-8","title":null,"description":"Store ops today view with gross revenue hero, peak hours, date toolbar, and conversion metric cards.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-8.json"},{"name":"dashboard-9","title":null,"description":"Ecommerce growth dashboard with sales charts, funnel, channel orders pie, heatmap, and team roster.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-9.json"},{"name":"dashboard-10","title":null,"description":"Observability dashboard with period toolbar, sparkline KPIs, latency cards, AI insight, and active deployments.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-10.json"},{"name":"dashboard-11","title":null,"description":"Store dashboard with KPI stats, revenue area chart, AI insight, conversion bars, payout balance, and order lists.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-11.json"},{"name":"dashboard-12","title":null,"description":"CRM dashboard with Ask AI toolbar, KPI stats, revenue chart, agenda calendar, retention bars, leads funnel, and at-risk deals.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-12.json"},{"name":"dashboard-13","title":null,"description":"Membership dashboard with add-client toolbar, KPI stats, revenue area charts, conversion trend, and client renewal lists.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-13.json"},{"name":"dashboard-14","title":null,"description":"AI usage dashboard with billing meters, activity heatmap, token charts, model usage bars, quick actions, and git integrations.","type":"registry:block","source_url":"https://efferd.com/r/dashboard-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/dashboard-14.json"},{"name":"faqs-1","title":null,"description":"Elegant FAQ section with accordion-style questions, smooth transitions, and clear support call-to-action.","type":"registry:block","source_url":"https://efferd.com/r/faqs-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-1.json"},{"name":"faqs-2","title":null,"description":"Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to-action footer.","type":"registry:block","source_url":"https://efferd.com/r/faqs-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-2.json"},{"name":"faqs-3","title":null,"description":"Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.","type":"registry:block","source_url":"https://efferd.com/r/faqs-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-3.json"},{"name":"faqs-4","title":null,"description":"Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant interactive transitions.","type":"registry:block","source_url":"https://efferd.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-4.json"},{"name":"faqs-5","title":null,"description":"Responsive FAQ section with filters, search, and accordions for quick answers.","type":"registry:block","source_url":"https://efferd.com/r/faqs-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-5.json"},{"name":"faqs-6","title":null,"description":"Two-column FAQ layout with a heading panel, outline button, and card-style accordion list.","type":"registry:block","source_url":"https://efferd.com/r/faqs-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-6.json"},{"name":"faqs-7","title":null,"description":"Split FAQ section with numbered accordion rows and full-width dividers for visual structure.","type":"registry:block","source_url":"https://efferd.com/r/faqs-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-7.json"},{"name":"faqs-8","title":null,"description":"Centered FAQ page with grouped categories, bordered sections, and accordion-based answers.","type":"registry:block","source_url":"https://efferd.com/r/faqs-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/faqs-8.json"},{"name":"logo-cloud-1","title":null,"description":"Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-1.json"},{"name":"logo-cloud-2","title":null,"description":"Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-2.json"},{"name":"logo-cloud-3","title":null,"description":"Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking and elegant motion effects.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-3.json"},{"name":"logo-cloud-4","title":null,"description":"Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand showcase.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-4.json"},{"name":"logo-cloud-5","title":null,"description":"Clean, centered logo grid with flexible wrapping layout showcasing brand partners in a simple, elegant format.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-5.json"},{"name":"logo-cloud-6","title":null,"description":"Rotating logo carousel with fade-in blur animations, automatically cycling through brand partners with smooth transitions.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-6.json"},{"name":"logo-cloud-7","title":null,"description":"Animated logo rotation with scale and blur transitions, displaying partner brands in timed batches with popLayout animation.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-7.json"},{"name":"logo-cloud-8","title":null,"description":"Dynamic grid layout with randomized logo swapping, featuring smooth transitions as brands randomly rotate in and out.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-8.json"},{"name":"logo-cloud-9","title":null,"description":"Responsive grid with continuous random logo rotation, showcasing partner brands with fast-paced blur and scale animations.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-9.json"},{"name":"logo-cloud-10","title":null,"description":"Interactive bordered logo grid with hover case study badges, featuring clickable brand cards with decorative corner accents.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-10.json"},{"name":"logo-cloud-11","title":null,"description":"Two-column split layout with vertical infinite scrolling logo sliders and highlighted cards, paired with heading and CTA.","type":"registry:block","source_url":"https://efferd.com/r/logo-cloud-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/logo-cloud-11.json"},{"name":"pricing-1","title":null,"description":"Side-by-side monthly and yearly pricing cards with discount badges.","type":"registry:block","source_url":"https://efferd.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-1.json"},{"name":"pricing-2","title":null,"description":"Grid layout pricing with full-width dividers and feature lists.","type":"registry:block","source_url":"https://efferd.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-2.json"},{"name":"pricing-3","title":null,"description":"Three-card pricing with plan icons and feature comparison.","type":"registry:block","source_url":"https://efferd.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-3.json"},{"name":"pricing-4","title":null,"description":"Interactive pricing with frequency toggle and numeric animations.","type":"registry:block","source_url":"https://efferd.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-4.json"},{"name":"pricing-5","title":null,"description":"Three-column pricing with toggle and decorative elements.","type":"registry:block","source_url":"https://efferd.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-5.json"},{"name":"pricing-6","title":null,"description":"Clean grid pricing with best value highlights and secure indicators.","type":"registry:block","source_url":"https://efferd.com/r/pricing-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-6.json"},{"name":"pricing-7","title":null,"description":"Credit-based pricing with auto-recharge options and billing toggle.","type":"registry:block","source_url":"https://efferd.com/r/pricing-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/pricing-7.json"},{"name":"testimonials-1","title":null,"description":"Testimonial with centered quote, author details, and company logo.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-1.json"},{"name":"testimonials-2","title":null,"description":"Minimalist testimonial with decorative cross-hair lines around the avatar.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-2.json"},{"name":"testimonials-3","title":null,"description":"Staggered grid layout of testimonial cards with quote icons.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-3.json"},{"name":"testimonials-4","title":null,"description":"Multi-column testimonial layout with quote icons, warm gradient background, and vertical divider.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-4.json"},{"name":"testimonials-5","title":null,"description":"Clean grid layout with full-width dividers and auto-filled grid cells.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-5.json"},{"name":"testimonials-6","title":null,"description":"Infinite vertical testimonial scroller with smooth motion and repeated card animation.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-6.json"},{"name":"testimonials-7","title":null,"description":"Infinite horizontal scroll of testimonial cards with full-width dividers.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-7.json"},{"name":"testimonials-8","title":null,"description":"Dual-row infinite slider moving in opposite directions.","type":"registry:block","source_url":"https://efferd.com/r/testimonials-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/testimonials-8.json"},{"name":"footer-1","title":null,"description":"Simple layout with logo, nav links, and social icons.","type":"registry:block","source_url":"https://efferd.com/r/footer-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-1.json"},{"name":"footer-2","title":null,"description":"Clean footer with company links, resources, and social icons.","type":"registry:block","source_url":"https://efferd.com/r/footer-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-2.json"},{"name":"footer-3","title":null,"description":"Animated footer with link sections, brand logo, and social icons.","type":"registry:block","source_url":"https://efferd.com/r/footer-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-3.json"},{"name":"footer-4","title":null,"description":"Grid-based footer with social cards, link groups, and copyright bar.","type":"registry:block","source_url":"https://efferd.com/r/footer-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-4.json"},{"name":"footer-5","title":null,"description":"Multi-column footer with app store buttons, social icons, and link groups.","type":"registry:block","source_url":"https://efferd.com/r/footer-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-5.json"},{"name":"footer-6","title":null,"description":"Sticky layered footer with gradient background, social icons, and animated link groups.","type":"registry:block","source_url":"https://efferd.com/r/footer-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-6.json"},{"name":"footer-7","title":null,"description":"Grid layout with status indicator and detailed links.","type":"registry:block","source_url":"https://efferd.com/r/footer-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-7.json"},{"name":"footer-8","title":null,"description":"Newsletter signup form with theme toggle.","type":"registry:block","source_url":"https://efferd.com/r/footer-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-8.json"},{"name":"footer-9","title":null,"description":"Prominent newsletter section with theme toggle.","type":"registry:block","source_url":"https://efferd.com/r/footer-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-9.json"},{"name":"footer-10","title":null,"description":"Minimalist footer with newsletter subscription.","type":"registry:block","source_url":"https://efferd.com/r/footer-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-10.json"},{"name":"footer-11","title":null,"description":"Clean footer with newsletter form and social links.","type":"registry:block","source_url":"https://efferd.com/r/footer-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-11.json"},{"name":"footer-12","title":null,"description":"CTA section with newsletter and quick links.","type":"registry:block","source_url":"https://efferd.com/r/footer-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-12.json"},{"name":"footer-13","title":null,"description":"Centered layout with navigation and social icons.","type":"registry:block","source_url":"https://efferd.com/r/footer-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-13.json"},{"name":"footer-14","title":null,"description":"Large typography footer with status indicator.","type":"registry:block","source_url":"https://efferd.com/r/footer-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/footer-14.json"},{"name":"image-gallery-1","title":null,"description":"Masonry-style responsive gallery using random images with dynamic aspect ratios.","type":"registry:block","source_url":"https://efferd.com/r/image-gallery-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/image-gallery-1.json"},{"name":"header-1","title":null,"description":"Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.","type":"registry:block","source_url":"https://efferd.com/r/header-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-1.json"},{"name":"header-2","title":null,"description":"Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.","type":"registry:block","source_url":"https://efferd.com/r/header-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-2.json"},{"name":"header-3","title":null,"description":"Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus.","type":"registry:block","source_url":"https://efferd.com/r/header-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-3.json"},{"name":"header-4","title":null,"description":"A sticky responsive header with logo, navigation menu, and scroll-aware animations that adapts seamlessly between mobile and desktop views.","type":"registry:block","source_url":"https://efferd.com/r/header-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-4.json"},{"name":"header-5","title":null,"description":"A sticky animated header with dropdown navigation menus for courses and community, featuring smooth scroll-triggered morphing between expanded and compact pill…","type":"registry:block","source_url":"https://efferd.com/r/header-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-5.json"},{"name":"header-6","title":null,"description":"A sticky header with multi-column dropdown menus for product and company navigation, featuring grid and list layouts with responsive design for mobile and desk…","type":"registry:block","source_url":"https://efferd.com/r/header-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-6.json"},{"name":"header-7","title":null,"description":"Floating squircle navigation with popover menu and social links.","type":"registry:block","source_url":"https://efferd.com/r/header-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-7.json"},{"name":"header-8","title":null,"description":"Compact navigation with dropdown menus and separated action buttons.","type":"registry:block","source_url":"https://efferd.com/r/header-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-8.json"},{"name":"header-9","title":null,"description":"Scroll-aware navigation with featured cards and affiliate section.","type":"registry:block","source_url":"https://efferd.com/r/header-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-9.json"},{"name":"header-10","title":null,"description":"Fixed navigation with dropdown menus and mobile accordion.","type":"registry:block","source_url":"https://efferd.com/r/header-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-10.json"},{"name":"header-11","title":null,"description":"Centered navigation with dropdown menus and action buttons.","type":"registry:block","source_url":"https://efferd.com/r/header-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-11.json"},{"name":"header-12","title":null,"description":"Bordered navigation with GitHub stars counter and dropdown menus.","type":"registry:block","source_url":"https://efferd.com/r/header-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-12.json"},{"name":"header-13","title":null,"description":"Scroll-triggered navigation with featured customer stories and open-source cards.","type":"registry:block","source_url":"https://efferd.com/r/header-13.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-13.json"},{"name":"header-14","title":null,"description":"Sticky header with scroll-based resizing and multi-column dropdowns.","type":"registry:block","source_url":"https://efferd.com/r/header-14.json","install_command":"npx shadcn@latest add https://efferd.com/r/header-14.json"},{"name":"hero-1","title":null,"description":"Centered hero with radial gradient background and announcement badge","type":"registry:block","source_url":"https://efferd.com/r/hero-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-1.json"},{"name":"hero-2","title":null,"description":"Hero with vertical border accents and gradient text effect","type":"registry:block","source_url":"https://efferd.com/r/hero-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-2.json"},{"name":"hero-3","title":null,"description":"Left-aligned hero with dashboard screenshot preview","type":"registry:block","source_url":"https://efferd.com/r/hero-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-3.json"},{"name":"hero-4","title":null,"description":"Centered hero with outline text effect and dot grid pattern","type":"registry:block","source_url":"https://efferd.com/r/hero-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-4.json"},{"name":"hero-5","title":null,"description":"Modern hero page with particle background and social login buttons.","type":"registry:block","source_url":"https://efferd.com/r/hero-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-5.json"},{"name":"hero-6","title":null,"description":"Hero with animated gradient bars visualization","type":"registry:block","source_url":"https://efferd.com/r/hero-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-6.json"},{"name":"hero-7","title":null,"description":"Left-aligned hero with 3D perspective dashboard mockup","type":"registry:block","source_url":"https://efferd.com/r/hero-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-7.json"},{"name":"hero-8","title":null,"description":"Centered hero with animated multi-screen card display","type":"registry:block","source_url":"https://efferd.com/r/hero-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-8.json"},{"name":"hero-9","title":null,"description":"Centered hero with announcement tag and dashboard preview frame","type":"registry:block","source_url":"https://efferd.com/r/hero-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/hero-9.json"},{"name":"features-1","title":null,"description":"Linear feature grid with icons and descriptions, separated by vertical lines.","type":"registry:block","source_url":"https://efferd.com/r/features-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-1.json"},{"name":"features-2","title":null,"description":"Three-column grid with decorative corner icons and dashed lines highlighting workflow features.","type":"registry:block","source_url":"https://efferd.com/r/features-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-2.json"},{"name":"features-3","title":null,"description":"Grid layout with full-width dividers, showcasing features with icons and concise text.","type":"registry:block","source_url":"https://efferd.com/r/features-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-3.json"},{"name":"features-4","title":null,"description":"Modern feature cards with extended borders, corner decorators, and detailed feature breakdown.","type":"registry:block","source_url":"https://efferd.com/r/features-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-4.json"},{"name":"features-5","title":null,"description":"Minimal feature card with icon, title, and subtle grid background.","type":"registry:block","source_url":"https://efferd.com/r/features-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-5.json"},{"name":"features-6","title":null,"description":"Bento grid layout with varying card sizes, featuring interactive visuals like a globe, charts, and dashboard preview.","type":"registry:block","source_url":"https://efferd.com/r/features-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-6.json"},{"name":"features-7","title":null,"description":"Three interactive feature cards with animated visual elements showcasing integration, analytics, and usability.","type":"registry:block","source_url":"https://efferd.com/r/features-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-7.json"},{"name":"features-8","title":null,"description":"Bento grid for AI agent features, including model selection, knowledge base, memory, and tools.","type":"registry:block","source_url":"https://efferd.com/r/features-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-8.json"},{"name":"features-9","title":null,"description":"Comprehensive feature grid showcasing collaboration tools like comments, text editor, AI copilot, and real-time presence.","type":"registry:block","source_url":"https://efferd.com/r/features-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-9.json"},{"name":"features-10","title":null,"description":"Interactive feature grid with hover effects, showcasing dashboard, analytics, shortcuts, and security.","type":"registry:block","source_url":"https://efferd.com/r/features-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/features-10.json"},{"name":"integrations-1","title":null,"description":"Grid layout with integration cards and view all link.","type":"registry:block","source_url":"https://efferd.com/r/integrations-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-1.json"},{"name":"integrations-2","title":null,"description":"Grid layout with bordered integration cards and decorative plus icons.","type":"registry:block","source_url":"https://efferd.com/r/integrations-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-2.json"},{"name":"integrations-3","title":null,"description":"Split layout with text content and scattered grid-based integration logos.","type":"registry:block","source_url":"https://efferd.com/r/integrations-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-3.json"},{"name":"integrations-4","title":null,"description":"Split layout with heading and scattered rounded integration cards with mask.","type":"registry:block","source_url":"https://efferd.com/r/integrations-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-4.json"},{"name":"integrations-5","title":null,"description":"Horizontal scrolling row of overlapping circular integration logos with mask.","type":"registry:block","source_url":"https://efferd.com/r/integrations-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-5.json"},{"name":"integrations-6","title":null,"description":"Three-column layout with centered text and connector lines to integration cards.","type":"registry:block","source_url":"https://efferd.com/r/integrations-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-6.json"},{"name":"integrations-7","title":null,"description":"Stacked circular integration cards with hover expand effect and vertical mask.","type":"registry:block","source_url":"https://efferd.com/r/integrations-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-7.json"},{"name":"integrations-8","title":null,"description":"Bento-style grid with mixed aspect ratios and integration logos.","type":"registry:block","source_url":"https://efferd.com/r/integrations-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-8.json"},{"name":"integrations-9","title":null,"description":"Floating animated integration boxes around centered heading text.","type":"registry:block","source_url":"https://efferd.com/r/integrations-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-9.json"},{"name":"integrations-10","title":null,"description":"Animated integration boxes with center logo and connecting SVG pattern lines.","type":"registry:block","source_url":"https://efferd.com/r/integrations-10.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-10.json"},{"name":"integrations-11","title":null,"description":"Split layout with infinite vertical slider columns of integration logos.","type":"registry:block","source_url":"https://efferd.com/r/integrations-11.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-11.json"},{"name":"integrations-12","title":null,"description":"Circular orbit layout with integration logos positioned around central circle.","type":"registry:block","source_url":"https://efferd.com/r/integrations-12.json","install_command":"npx shadcn@latest add https://efferd.com/r/integrations-12.json"},{"name":"not-found-1","title":null,"description":"Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","type":"registry:block","source_url":"https://efferd.com/r/not-found-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/not-found-1.json"},{"name":"not-found-2","title":null,"description":"Minimalist 404 page featuring large masked typography and clear navigation actions.","type":"registry:block","source_url":"https://efferd.com/r/not-found-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/not-found-2.json"},{"name":"team-1","title":null,"description":"Centered team grid with grayscale avatars, names, and roles, split by vertical column lines.","type":"registry:block","source_url":"https://efferd.com/r/team-1.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-1.json"},{"name":"team-2","title":null,"description":"Compact team list with avatars, names, roles, and social links in a bordered layout with a hiring call-to-action.","type":"registry:block","source_url":"https://efferd.com/r/team-2.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-2.json"},{"name":"team-3","title":null,"description":"Three-column team grid with centered avatars, names, roles, and social icons, plus a hiring call-to-action.","type":"registry:block","source_url":"https://efferd.com/r/team-3.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-3.json"},{"name":"team-4","title":null,"description":"Staggered photo columns with a name list, hover highlight, and social icons.","type":"registry:block","source_url":"https://efferd.com/r/team-4.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-4.json"},{"name":"team-5","title":null,"description":"Department-grouped team list with avatars, first names, and hiring slots in a four-column grid.","type":"registry:block","source_url":"https://efferd.com/r/team-5.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-5.json"},{"name":"team-6","title":null,"description":"Square portraits grouped under team headings, with a closing call-to-action for open roles.","type":"registry:block","source_url":"https://efferd.com/r/team-6.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-6.json"},{"name":"team-7","title":null,"description":"Split credits layout with a made-by label, name-to-role table, and social links at the end of each row.","type":"registry:block","source_url":"https://efferd.com/r/team-7.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-7.json"},{"name":"team-8","title":null,"description":"Centered team intro with stats and rounded portraits that lift on hover to reveal social links.","type":"registry:block","source_url":"https://efferd.com/r/team-8.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-8.json"},{"name":"team-9","title":null,"description":"Split team intro with three grayscale portraits, names, roles, and social icons beside each name.","type":"registry:block","source_url":"https://efferd.com/r/team-9.json","install_command":"npx shadcn@latest add https://efferd.com/r/team-9.json"}]},{"id":"einui","name":"@einui","slug":"einui","description":"Ein UI is a liquid-glass glassmorphism component library built with Radix UI primitives, Tailwind CSS v4, TypeScript, and React 19 (Next.js 16). It ships base components (glass-card, glass-button, glass-dialog, glass-input, glass-tabs, glass-badge, glass-avatar, glass-progress, glass-switch, glass-slider) and advanced glass components (command-palette, notification, morph-card, ripple, timeline, gauge, dock) plus calendar and clock widgets. Distributed via the shadcn registry format. Also includes an example admin panel block. Free and open source (ISC). Use for: adding a cohesive frosted-glass visual aesthetic with full dark mode to a Next.js app without hand-building every blur/backdrop-filter surface.","author":"ehsanghaffar","framework":"react","license":"MIT","tags":["aesthetic","audio","auth","blocks","buttons","cards","charts","dashboard","design-system","forms","glassmorphism","hooks","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"labels":["recently-updated"],"urls":{"website":"https://ui.eindev.ir","github":"https://github.com/ehsanghaffar/einui","registry":"https://ui.eindev.ir/r/registry.json","source":"https://ui.eindev.ir/r/registry.json","page":"https://sh4dcn.netlify.app/registry/einui","markdown":"https://sh4dcn.netlify.app/md/einui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><rect width='24' height='24' rx='4' fill='url(#glass-gradient)'/><defs><linearGradient id='glass-gradient' x1='0' y1='0' x2='24' y2='24'><stop offset='0%' stop-color='var(--foreground)' stop-opacity='0.8'/><stop offset='100%' stop-color='var(--foreground)' stop-opacity='0.8'/></linearGradient></defs><path d='M7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h6v2H7v-2z' fill='white' opacity='0.9'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":155,"open_issues":5,"last_commit":"2026-10-18T04:44:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.eindev.ir/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.eindev.ir/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.eindev.ir/r/registry.json","clone":"git clone https://github.com/ehsanghaffar/einui.git","clone_degit":"npx degit ehsanghaffar/einui","registry_fetch":"curl -s https://ui.eindev.ir/r/registry.json"},"component_count":46,"components":[{"name":"glass-avatar","title":"Glass Avatar","description":"Circular profile images with gradient glow effects and fallback initials for user representation.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-avatar.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-avatar.json"},{"name":"glass-badge","title":"Glass Badge","description":"Small visual indicators for status, labels, or categories with frosted glass styling and color variants.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-badge.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-badge.json"},{"name":"glass-button","title":"Glass Button","description":"Interactive button components with multiple variants, sizes, and optional glow effects.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-button.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-button.json"},{"name":"glass-card","title":"Glass Card","description":"Flexible container components with frosted glass morphism effect, perfect for displaying grouped content.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-card.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-card.json"},{"name":"glass-dialog","title":"Glass Dialog","description":"Modal dialog components with backdrop blur and smooth animations for confirmations and forms.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-dialog.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-dialog.json"},{"name":"glass-input","title":"Glass Input","description":"Form input components with focus glow animations and glass morphism styling.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-input.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-input.json"},{"name":"glass-progress","title":"Glass Progress","description":"Visual indicators for task completion with animated gradient fill and glow effects.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-progress.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-progress.json"},{"name":"glass-slider","title":"Glass Slider","description":"Range input controls with gradient track, glow effects, and smooth thumb interaction.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-slider.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-slider.json"},{"name":"glass-switch","title":"Glass Switch","description":"Toggle controls for binary options with smooth transitions and glow effects when activated.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-switch.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-switch.json"},{"name":"glass-tabs","title":"Glass Tabs","description":"Tabbed interface components with smooth transitions and glass morphism styling.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-tabs.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-tabs.json"},{"name":"glass-tooltip","title":"Glass Tooltip","description":"Contextual information popups with glass morphism styling and smooth animations on hover.","type":"registry:ui","source_url":"https://ui.eindev.ir/r/glass-tooltip.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-tooltip.json"},{"name":"glass-command-palette","title":"Glass Command Palette","description":"A spotlight-style command palette with keyboard navigation, search filtering, customizable positioning, and glass morphism styling.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-command-palette.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-command-palette.json"},{"name":"glass-notification","title":"Glass Notification","description":"A customizable notification system with glass morphism styling, allowing for different types of messages and actions.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-notification.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-notification.json"},{"name":"glass-dock","title":"Glass Dock","description":"A dock component with glass morphism styling and smooth animations.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-dock.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-dock.json"},{"name":"glass-gauge","title":"Glass Gauge","description":"A gauge component with glass morphism styling, suitable for displaying progress or performance metrics.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-gauge.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-gauge.json"},{"name":"glass-morph-card","title":"Glass Morph Card","description":"A card component with a morphing glass effect, suitable for displaying content in a visually appealing way.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-morph-card.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-morph-card.json"},{"name":"glass-ripple","title":"Glass Ripple","description":"A ripple effect component that can be applied to various elements for a dynamic interaction experience.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-ripple.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-ripple.json"},{"name":"glass-spotlight","title":"Glass Spotlight","description":"A spotlight component that highlights specific areas of the UI with a glass morphism effect.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-spotlight.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-spotlight.json"},{"name":"glass-orb","title":"Glass Orb","description":"An interactive ambient orb that follows the cursor, emits soft glass particle trails, and updates its glow based on status.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-orb.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-orb.json"},{"name":"glass-waveform","title":"Glass Waveform","description":"An audio visualizer with liquid glass bars, gradient fills, and a frozen glass paused state.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-waveform.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-waveform.json"},{"name":"glass-timeline","title":"Glass Timeline","description":"A timeline component with glass morphism styling, suitable for displaying events or processes in a chronological order.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-timeline.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-timeline.json"},{"name":"base-widget","title":"Base Widget","description":"base widgets component","type":"registry:ui","source_url":"https://ui.eindev.ir/r/base-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/base-widget.json"},{"name":"calendar-widget","title":"Calendar Widgets","description":"Calendar widgets for displaying dates, events, and scheduling information.","type":"registry:component","source_url":"https://ui.eindev.ir/r/calendar-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/calendar-widget.json"},{"name":"clock-widget","title":"Clock Widgets","description":"Clock widgets including analog, digital, world clock, stopwatch, and timer with liquid glass styling.","type":"registry:component","source_url":"https://ui.eindev.ir/r/clock-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/clock-widget.json"},{"name":"weather-widget","title":"Weather Widgets","description":"Weather widgets for displaying temperature, conditions, forecasts, and hourly data with liquid glass styling.","type":"registry:component","source_url":"https://ui.eindev.ir/r/weather-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/weather-widget.json"},{"name":"stats-widget","title":"Stats Widgets","description":"Statistics and metrics widgets for displaying data, comparisons, and progress with liquid glass styling.","type":"registry:component","source_url":"https://ui.eindev.ir/r/stats-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/stats-widget.json"},{"name":"stock-widget","title":"Stock Widgets","description":"Stock market widgets for displaying stock prices, trends, and news with liquid glass styling.","type":"registry:component","source_url":"https://ui.eindev.ir/r/stock-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/stock-widget.json"},{"name":"admin-panel","title":"Admin Panel","description":"A complete admin dashboard built with liquid glass components.","type":"registry:block","source_url":"https://ui.eindev.ir/r/admin-panel.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/admin-panel.json"},{"name":"glass-select","title":"Glass Select","description":"A liquid glass styled select dropdown with frosted glass styling.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-select.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-select.json"},{"name":"glass-textarea","title":"Glass Textarea","description":"A liquid glass styled textarea with focus glow effects.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-textarea.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-textarea.json"},{"name":"glass-checkbox","title":"Glass Checkbox","description":"A liquid glass styled checkbox with animated check indicator.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-checkbox.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-checkbox.json"},{"name":"glass-radio","title":"Glass Radio Group","description":"A liquid glass styled radio group with animated selection.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-radio.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-radio.json"},{"name":"glass-skeleton","title":"Glass Skeleton","description":"A liquid glass styled skeleton loading component with shimmer.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-skeleton.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-skeleton.json"},{"name":"glass-table","title":"Glass Table","description":"A liquid glass styled table for displaying tabular data.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-table.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-table.json"},{"name":"glass-breadcrumb","title":"Glass Breadcrumb","description":"A liquid glass styled breadcrumb navigation component.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-breadcrumb.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-breadcrumb.json"},{"name":"glass-sheet","title":"Glass Sheet","description":"A liquid glass styled sheet/drawer with slide animations.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-sheet.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-sheet.json"},{"name":"glass-popover","title":"Glass Popover","description":"A liquid glass styled popover for floating content.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-popover.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-popover.json"},{"name":"glass-alert-dialog","title":"Glass Alert Dialog","description":"A liquid glass styled alert dialog for confirmations.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-alert-dialog.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-alert-dialog.json"},{"name":"glass-separator","title":"Glass Separator","description":"A liquid glass styled separator/divider component.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-separator.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-separator.json"},{"name":"glass-scroll-area","title":"Glass Scroll Area","description":"A liquid glass styled custom scrollbar component.","type":"registry:component","source_url":"https://ui.eindev.ir/r/glass-scroll-area.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/glass-scroll-area.json"},{"name":"forgot-password-page","title":"Forgot Password Page","description":"A forgot password recovery page with email submission and confirmation state, including helpful tips and support contact.","type":"registry:block","source_url":"https://ui.eindev.ir/r/forgot-password-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/forgot-password-page.json"},{"name":"login-page","title":"Login Page","description":"A complete login page with email and password authentication, password visibility toggle, remember me option, and social login buttons.","type":"registry:block","source_url":"https://ui.eindev.ir/r/login-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/login-page.json"},{"name":"signup-page","title":"Sign Up Page","description":"A complete sign up page with multi-step validation, password strength indicator, confirm password matching, and terms agreement checkbox.","type":"registry:block","source_url":"https://ui.eindev.ir/r/signup-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/signup-page.json"},{"name":"pricing-page","title":"Pricing Page","description":"A modern pricing page with multiple plan tiers, monthly and yearly billing, highlighted recommendations, and call-to-action buttons.","type":"registry:block","source_url":"https://ui.eindev.ir/r/pricing-page.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/pricing-page.json"},{"name":"map-widget","title":"Glass Map Widget","description":"A liquid glass styled map widget with dotted geographic grid visualization, active node badges, and region statistics.","type":"registry:component","source_url":"https://ui.eindev.ir/r/map-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/map-widget.json"},{"name":"area-chart-widget","title":"Glass Area Chart Widget","description":"A liquid glass styled area chart widget with glowing multi-layer gradient fills, smooth curves, and metric summary.","type":"registry:component","source_url":"https://ui.eindev.ir/r/area-chart-widget.json","install_command":"npx shadcn@latest add https://ui.eindev.ir/r/area-chart-widget.json"}]},{"id":"eldoraui","name":"@eldoraui","slug":"eldoraui","description":"Eldora UI is an animation-focused React component library supported by Vercel OSS. Built with TypeScript, Tailwind CSS, and Framer Motion. Components span device mockups (browser, iPad, iPhone 17 Pro, MacBook Pro, Safari), animated badges, animated lists, card-flip hover, Clerk OTP, Cobe globe, GitHub inline comments, grids, integrations, terminal, testimonial slider, animated frameworks, logo timeline, map, several text animation primitives (blur-in, fade, font-weight, gradual spacing, letter pull-up, multi-direction slide, scale-letter, separate-away, wavy, word pull-up), and animated backgrounds (hacker, novatrix, photon beam). Free and open source (MIT). Use for: building visually rich SaaS landing pages or portfolio sites where Framer Motion animations and device mockup components are core to the design.","author":"karthikmudunuri","framework":"react","license":"MIT","tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","charts","design-system","forms","hooks","icons","maps","marketing","navigation","retro","saas"],"categories":["Animated components"],"labels":["featured","popular"],"urls":{"website":"https://eldoraui.site","github":"https://github.com/karthikmudunuri/eldoraui","registry":"https://eldoraui.site/r/registry.json","source":"https://eldoraui.site/r/registry.json","page":"https://sh4dcn.netlify.app/registry/eldoraui","markdown":"https://sh4dcn.netlify.app/md/eldoraui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 38 38'><g><path d='M19.5986 18.5005C18.7702 19.9354 16.9354 20.427 15.5005 19.5986C14.0656 18.7701 13.574 16.9354 14.4024 15.5005C15.2309 14.0656 17.0656 13.574 18.5005 14.4024C19.9354 15.2308 20.427 17.0656 19.5986 18.5005Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/></g><g><path d='M23.2324 10.2074C22.6801 11.1639 21.4569 11.4917 20.5003 10.9394C19.5437 10.3871 19.216 9.16395 19.7683 8.20736C20.3205 7.25078 21.5437 6.92303 22.5003 7.47531C23.4569 8.0276 23.7846 9.25078 23.2324 10.2074Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M19.7683 25.7933C19.216 24.8367 19.5437 23.6135 20.5003 23.0612C21.4569 22.5089 22.6801 22.8367 23.2324 23.7933C23.7847 24.7498 23.4569 25.973 22.5003 26.5253C21.5437 27.0776 20.3206 26.7498 19.7683 25.7933Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M26 19C24.8954 19 24 18.1046 24 17C24 15.8955 24.8954 15 26 15C27.1046 15 28 15.8955 28 17C28 18.1046 27.1046 19 26 19Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M14.2324 25.7933C13.6801 26.7499 12.4569 27.0777 11.5003 26.5254C10.5437 25.9731 10.216 24.7499 10.7683 23.7933C11.3205 22.8367 12.5437 22.509 13.5003 23.0613C14.4569 23.6136 14.7846 24.8367 14.2324 25.7933Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M10.7682 10.2073C10.216 9.25078 10.5437 8.0276 11.5003 7.47532C12.4569 6.92303 13.6801 7.25078 14.2323 8.20737C14.7846 9.16395 14.4569 10.3871 13.5003 10.9394C12.5437 11.4917 11.3205 11.1639 10.7682 10.2073Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M8 19C6.89543 19 6 18.1045 6 17C6 15.8954 6.89543 15 8 15C9.10457 15 10 15.8954 10 17C10 18.1045 9.10457 19 8 19Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/></g><g><path d='M25.8662 3.6447C25.5901 4.12299 24.9785 4.28686 24.5002 4.01072C24.0219 3.73458 23.858 3.12299 24.1342 2.6447C24.4103 2.1664 25.0219 2.00253 25.5002 2.27867C25.9785 2.55481 26.1424 3.1664 25.8662 3.6447Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M33 18C32.4477 18 32 17.5522 32 17C32 16.4477 32.4477 16 33 16C33.5522 16 34 16.4477 34 17C34 17.5523 33.5522 18 33 18Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M31.3556 9.86619C30.8773 10.1424 30.2658 9.97846 29.9896 9.50017C29.7135 9.02187 29.8773 8.41028 30.3556 8.13414C30.8339 7.858 31.4455 8.02187 31.7217 8.50017C31.9978 8.97846 31.8339 9.59005 31.3556 9.86619Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M30.3556 25.8662C29.8773 25.5901 29.7134 24.9785 29.9896 24.5002C30.2657 24.0219 30.8773 23.858 31.3556 24.1342C31.8339 24.4103 31.9978 25.0219 31.7216 25.5002C31.4455 25.9785 30.8339 26.1424 30.3556 25.8662Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M16 33C16 32.4477 16.4477 32 17 32C17.5523 32 18 32.4477 18 33C18 33.5523 17.5523 34 17 34C16.4477 34 16 33.5523 16 33Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M24.1341 31.3557C23.858 30.8774 24.0219 30.2658 24.5002 29.9896C24.9785 29.7135 25.5901 29.8774 25.8662 30.3557C26.1423 30.834 25.9785 31.4455 25.5002 31.7217C25.0219 31.9978 24.4103 31.834 24.1341 31.3557Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M9.8662 31.3556C9.59005 31.8339 8.97846 31.9978 8.50017 31.7216C8.02188 31.4455 7.858 30.8339 8.13415 30.3556C8.41029 29.8773 9.02188 29.7134 9.50017 29.9896C9.97846 30.2657 10.1424 30.8773 9.8662 31.3556Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M1 18C0.447715 18 -3.44684e-08 17.5523 0 17C3.44684e-08 16.4477 0.447715 16 1 16C1.55228 16 2 16.4477 2 17C2 17.5523 1.55228 18 1 18Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M3.6447 25.8662C3.1664 26.1424 2.55481 25.9785 2.27867 25.5002C2.00253 25.0219 2.1664 24.4103 2.6447 24.1342C3.12299 23.858 3.73458 24.0219 4.01072 24.5002C4.28686 24.9785 4.12299 25.5901 3.6447 25.8662Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M2.6447 9.8662C3.1664 9.59005 2.00253 8.97846 2.27867 8.50017C2.55481 8.02188 3.1664 7.858 3.6447 8.13415C4.12299 8.41029 4.28686 9.02188 4.01072 9.50017C3.73458 9.97846 3.12299 10.1424 2.6447 9.8662Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M16 1C16 0.447715 16.4477 -4.87226e-08 17 0C17.5523 4.87226e-08 18 0.447715 18 1C18 1.55228 17.5523 2 17 2C16.4477 2 16 1.55228 16 1Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/><path d='M8.13415 3.6447C7.858 3.16641 8.02188 2.55482 8.50017 2.27867C8.97846 2.00253 9.59005 2.16641 9.8662 2.6447C10.1424 3.12299 9.97846 3.73458 9.50017 4.01072C9.02188 4.28687 8.41029 4.12299 8.13415 3.6447Z' fill='var(--foreground)' stroke='#22d3ee' stroke-width='1'/></g></svg>","preview_image":"https://www.eldoraui.site//og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1972,"open_issues":0,"last_commit":"2026-09-26T17:39:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://eldoraui.site/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://eldoraui.site/r/registry.json","install_bun":"bunx shadcn@latest add https://eldoraui.site/r/registry.json","clone":"git clone https://github.com/karthikmudunuri/eldoraui.git","clone_degit":"npx degit karthikmudunuri/eldoraui","registry_fetch":"curl -s https://eldoraui.site/r/registry.json"},"component_count":115,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://eldoraui.site/r/index.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/index.json"},{"name":"safari-browser","title":"safari-browser","description":"A safari browser component.","type":"registry:ui","source_url":"https://eldoraui.site/r/safari-browser.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/safari-browser.json"},{"name":"macbook-pro","title":"macbook-pro","description":"A MacBook Pro SVG component.","type":"registry:ui","source_url":"https://eldoraui.site/r/macbook-pro.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/macbook-pro.json"},{"name":"iphone-17-pro","title":"iphone-17-pro","description":"An iPhone 17 Pro SVG component.","type":"registry:ui","source_url":"https://eldoraui.site/r/iphone-17-pro.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro.json"},{"name":"ipad","title":"ipad","description":"An iPad SVG component.","type":"registry:ui","source_url":"https://eldoraui.site/r/ipad.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/ipad.json"},{"name":"browser","title":"browser","description":"A browser SVG component.","type":"registry:ui","source_url":"https://eldoraui.site/r/browser.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/browser.json"},{"name":"cobe-globe","title":"cobe-globe","description":"A cobe globe component.","type":"registry:ui","source_url":"https://eldoraui.site/r/cobe-globe.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe.json"},{"name":"github-inline-comments","title":"github-inline-comments","description":"A github inline comments component.","type":"registry:ui","source_url":"https://eldoraui.site/r/github-inline-comments.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/github-inline-comments.json"},{"name":"animated-badge","title":"animated-badge","description":"An animated badge component.","type":"registry:ui","source_url":"https://eldoraui.site/r/animated-badge.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-badge.json"},{"name":"grid","title":"grid","description":"A grid component.","type":"registry:ui","source_url":"https://eldoraui.site/r/grid.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid.json"},{"name":"clerk-otp","title":"clerk-otp","description":"A clerk OTP component.","type":"registry:ui","source_url":"https://eldoraui.site/r/clerk-otp.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/clerk-otp.json"},{"name":"marquee","title":"marquee","description":"A performant, customizable marquee (scrolling text/content) component.","type":"registry:ui","source_url":"https://eldoraui.site/r/marquee.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/marquee.json"},{"name":"integrations","title":"integrations","description":"An integrations component.","type":"registry:ui","source_url":"https://eldoraui.site/r/integrations.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/integrations.json"},{"name":"terminal","title":"terminal","description":"A terminal component.","type":"registry:ui","source_url":"https://eldoraui.site/r/terminal.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/terminal.json"},{"name":"testimonal-slider","title":"testimonal-slider","description":"A testimonial slider component.","type":"registry:ui","source_url":"https://eldoraui.site/r/testimonal-slider.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-slider.json"},{"name":"map","title":"map","description":"An animated map component with location markers.","type":"registry:ui","source_url":"https://eldoraui.site/r/map.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/map.json"},{"name":"svg-ripple-effect","title":"svg-ripple-effect","description":"An SVG ripple effect component.","type":"registry:ui","source_url":"https://eldoraui.site/r/svg-ripple-effect.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect.json"},{"name":"animated-frameworks","title":"animated-frameworks","description":"An animated frameworks component.","type":"registry:ui","source_url":"https://eldoraui.site/r/animated-frameworks.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-frameworks.json"},{"name":"blur-in-text","title":"blur-in-text","description":"A blur in text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/blur-in-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/blur-in-text.json"},{"name":"fade-text","title":"fade-text","description":"A combined fade text component with support for in, up, and down directions.","type":"registry:ui","source_url":"https://eldoraui.site/r/fade-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/fade-text.json"},{"name":"gradual-spacing-text","title":"gradual-spacing-text","description":"A gradual spacing text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/gradual-spacing-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/gradual-spacing-text.json"},{"name":"letter-pull-up-text","title":"letter-pull-up-text","description":"A letter pull up text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/letter-pull-up-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/letter-pull-up-text.json"},{"name":"multi-direction-slide-text","title":"multi-direction-slide-text","description":"A multi direction slide text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/multi-direction-slide-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/multi-direction-slide-text.json"},{"name":"seperate-away-text","title":"seperate-away-text","description":"A seperate away text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/seperate-away-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/seperate-away-text.json"},{"name":"wavy-text","title":"wavy-text","description":"A wavy text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/wavy-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/wavy-text.json"},{"name":"word-pull-up-text","title":"word-pull-up-text","description":"A word pull up text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/word-pull-up-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/word-pull-up-text.json"},{"name":"novatrix-background","title":"novatrix-background","description":"A novatrix background component.","type":"registry:ui","source_url":"https://eldoraui.site/r/novatrix-background.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/novatrix-background.json"},{"name":"photon-beam","title":"photon-beam","description":"A photon beam background component with animated light trails.","type":"registry:ui","source_url":"https://eldoraui.site/r/photon-beam.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/photon-beam.json"},{"name":"hacker-background","title":"hacker-background","description":"A hacker background component.","type":"registry:ui","source_url":"https://eldoraui.site/r/hacker-background.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/hacker-background.json"},{"name":"card-flip-hover","title":"card-flip-hover","description":"A card flip hover component.","type":"registry:ui","source_url":"https://eldoraui.site/r/card-flip-hover.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/card-flip-hover.json"},{"name":"scale-letter-text","title":"scale-letter-text","description":"A scale letter text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/scale-letter-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/scale-letter-text.json"},{"name":"font-weight-text","title":"font-weight-text","description":"A font weight text component.","type":"registry:ui","source_url":"https://eldoraui.site/r/font-weight-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/font-weight-text.json"},{"name":"animated-grid-pattern","title":"animated-grid-pattern","description":"An animated grid pattern component.","type":"registry:ui","source_url":"https://eldoraui.site/r/animated-grid-pattern.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-grid-pattern.json"},{"name":"live-button","title":"live-button","description":"A live button component.","type":"registry:ui","source_url":"https://eldoraui.site/r/live-button.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/live-button.json"},{"name":"animated-shiny-button","title":"animated-shiny-button","description":"An animated shiny button component.","type":"registry:ui","source_url":"https://eldoraui.site/r/animated-shiny-button.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-shiny-button.json"},{"name":"animated-list","title":"animated-list","description":"An animated list component.","type":"registry:ui","source_url":"https://eldoraui.site/r/animated-list.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-list.json"},{"name":"orbit-rotation","title":"orbit-rotation","description":"An orbit rotation component with customizable icons.","type":"registry:ui","source_url":"https://eldoraui.site/r/orbit-rotation.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/orbit-rotation.json"},{"name":"logo-timeline","title":"logo-timeline","description":"An animated logo timeline component with horizontal scrolling logos.","type":"registry:ui","source_url":"https://eldoraui.site/r/logo-timeline.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-timeline.json"},{"name":"dock-text","title":"dock-text","description":"A dock text component with interactive hover effects.","type":"registry:ui","source_url":"https://eldoraui.site/r/dock-text.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/dock-text.json"},{"name":"holographic-card","title":"holographic-card","description":"An interactive card with a holographic gradient and mouse‑reactive tilt effect.","type":"registry:ui","source_url":"https://eldoraui.site/r/holographic-card.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/holographic-card.json"},{"name":"safari-browser-demo","title":"safari-browser-demo","description":"Example showing a safari-browser-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/safari-browser-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/safari-browser-demo.json"},{"name":"macbook-pro-demo","title":"macbook-pro-demo","description":"Example showing a macbook-pro-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/macbook-pro-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/macbook-pro-demo.json"},{"name":"iphone-17-pro-demo","title":"iphone-17-pro-demo","description":"Example showing a iphone-17-pro-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/iphone-17-pro-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/iphone-17-pro-demo.json"},{"name":"ipad-demo","title":"ipad-demo","description":"Example showing a ipad-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/ipad-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/ipad-demo.json"},{"name":"browser-demo","title":"browser-demo","description":"Example showing a browser-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/browser-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/browser-demo.json"},{"name":"browser-demo-2","title":"browser-demo-2","description":"Example showing a browser-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/browser-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/browser-demo-2.json"},{"name":"cobe-globe-demo","title":"cobe-globe-demo","description":"Example showing a cobe-globe-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/cobe-globe-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo.json"},{"name":"cobe-globe-demo-2","title":"cobe-globe-demo-2","description":"Example showing a cobe-globe-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/cobe-globe-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-2.json"},{"name":"cobe-globe-demo-3","title":"cobe-globe-demo-3","description":"Example showing a cobe-globe-demo-3 component.","type":"registry:example","source_url":"https://eldoraui.site/r/cobe-globe-demo-3.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-3.json"},{"name":"cobe-globe-demo-4","title":"cobe-globe-demo-4","description":"Example showing a cobe-globe-demo-4 component.","type":"registry:example","source_url":"https://eldoraui.site/r/cobe-globe-demo-4.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-4.json"},{"name":"cobe-globe-demo-5","title":"cobe-globe-demo-5","description":"Example showing a cobe-globe-demo-5 component.","type":"registry:example","source_url":"https://eldoraui.site/r/cobe-globe-demo-5.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cobe-globe-demo-5.json"},{"name":"github-inline-comments-demo","title":"github-inline-comments-demo","description":"Example showing a github-inline-comments-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/github-inline-comments-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/github-inline-comments-demo.json"},{"name":"animated-badge-demo","title":"animated-badge-demo","description":"Example showing a animated-badge-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/animated-badge-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-badge-demo.json"},{"name":"grid-demo","title":"grid-demo","description":"Example showing a grid-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/grid-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo.json"},{"name":"grid-demo-2","title":"grid-demo-2","description":"Example showing a grid-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/grid-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-2.json"},{"name":"grid-demo-3","title":"grid-demo-3","description":"Example showing a grid-demo-3 component.","type":"registry:example","source_url":"https://eldoraui.site/r/grid-demo-3.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-3.json"},{"name":"grid-demo-4","title":"grid-demo-4","description":"Example showing a grid-demo-4 component.","type":"registry:example","source_url":"https://eldoraui.site/r/grid-demo-4.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-4.json"},{"name":"grid-demo-5","title":"grid-demo-5","description":"Example showing a grid-demo-5 component.","type":"registry:example","source_url":"https://eldoraui.site/r/grid-demo-5.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/grid-demo-5.json"},{"name":"clerk-otp-demo","title":"clerk-otp-demo","description":"Example showing a clerk-otp-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/clerk-otp-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo.json"},{"name":"clerk-otp-demo-2","title":"clerk-otp-demo-2","description":"Example showing a clerk-otp-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/clerk-otp-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/clerk-otp-demo-2.json"},{"name":"integrations-demo","title":"integrations-demo","description":"Example showing a integrations-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/integrations-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/integrations-demo.json"},{"name":"integrations-demo-2","title":"integrations-demo-2","description":"Example showing a integrations-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/integrations-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/integrations-demo-2.json"},{"name":"terminal-demo","title":"terminal-demo","description":"Example showing a terminal-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/terminal-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/terminal-demo.json"},{"name":"testimonal-slider-demo","title":"testimonal-slider-demo","description":"Example showing a testimonal-slider-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/testimonal-slider-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-slider-demo.json"},{"name":"map-demo","title":"map-demo","description":"Example showing a map component.","type":"registry:example","source_url":"https://eldoraui.site/r/map-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/map-demo.json"},{"name":"svg-ripple-effect-demo","title":"svg-ripple-effect-demo","description":"Example showing a svg-ripple-effect component.","type":"registry:example","source_url":"https://eldoraui.site/r/svg-ripple-effect-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect-demo.json"},{"name":"svg-ripple-effect-demo-2","title":"svg-ripple-effect-demo-2","description":"Example showing a svg-ripple-effect-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/svg-ripple-effect-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/svg-ripple-effect-demo-2.json"},{"name":"animated-frameworks-demo","title":"animated-frameworks-demo","description":"Example showing a animated-frameworks-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/animated-frameworks-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-frameworks-demo.json"},{"name":"blur-in-text-demo","title":"blur-in-text-demo","description":"Example showing a blur-in-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/blur-in-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/blur-in-text-demo.json"},{"name":"fade-text-demo","title":"fade-text-demo","description":"Example showing a fade-text-demo component with all directions.","type":"registry:example","source_url":"https://eldoraui.site/r/fade-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/fade-text-demo.json"},{"name":"fade-text-demo-2","title":"fade-text-demo-2","description":"Example showing a fade-text-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/fade-text-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/fade-text-demo-2.json"},{"name":"fade-text-demo-3","title":"fade-text-demo-3","description":"Example showing a fade-text-demo-3 component.","type":"registry:example","source_url":"https://eldoraui.site/r/fade-text-demo-3.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/fade-text-demo-3.json"},{"name":"gradual-spacing-text-demo","title":"gradual-spacing-text-demo","description":"Example showing a gradual-spacing-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/gradual-spacing-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/gradual-spacing-text-demo.json"},{"name":"letter-pull-up-text-demo","title":"letter-pull-up-text-demo","description":"Example showing a letter-pull-up-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/letter-pull-up-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/letter-pull-up-text-demo.json"},{"name":"multi-direction-slide-text-demo","title":"multi-direction-slide-text-demo","description":"Example showing a multi-direction-slide-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/multi-direction-slide-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/multi-direction-slide-text-demo.json"},{"name":"seperate-away-text-demo","title":"seperate-away-text-demo","description":"Example showing a seperate-away-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/seperate-away-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/seperate-away-text-demo.json"},{"name":"wavy-text-demo","title":"wavy-text-demo","description":"Example showing a wavy-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/wavy-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/wavy-text-demo.json"},{"name":"word-pull-up-text-demo","title":"word-pull-up-text-demo","description":"Example showing a word-pull-up-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/word-pull-up-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/word-pull-up-text-demo.json"},{"name":"novatrix-background-demo","title":"novatrix-background-demo","description":"Example showing a novatrix-background-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/novatrix-background-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/novatrix-background-demo.json"},{"name":"novatrix-background-demo-2","title":"novatrix-background-demo-2","description":"Example showing a novatrix-background-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/novatrix-background-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/novatrix-background-demo-2.json"},{"name":"photon-beam-demo","title":"photon-beam-demo","description":"Example showing a photon-beam-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/photon-beam-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/photon-beam-demo.json"},{"name":"hacker-background-demo","title":"hacker-background-demo","description":"Example showing a hacker-background-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/hacker-background-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/hacker-background-demo.json"},{"name":"hacker-background-demo-2","title":"hacker-background-demo-2","description":"Example showing a hacker-background-demo-2 component.","type":"registry:example","source_url":"https://eldoraui.site/r/hacker-background-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/hacker-background-demo-2.json"},{"name":"card-flip-hover-demo","title":"card-flip-hover-demo","description":"Example showing a card-flip-hover-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/card-flip-hover-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/card-flip-hover-demo.json"},{"name":"scale-letter-text-demo","title":"scale-letter-text-demo","description":"Example showing a scale-letter-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/scale-letter-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/scale-letter-text-demo.json"},{"name":"font-weight-text-demo","title":"font-weight-text-demo","description":"Example showing a font-weight-text-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/font-weight-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/font-weight-text-demo.json"},{"name":"animated-grid-pattern-demo","title":"animated-grid-pattern-demo","description":"Example showing a animated-grid-pattern-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/animated-grid-pattern-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-grid-pattern-demo.json"},{"name":"live-button-demo","title":"live-button-demo","description":"Example showing a live-button-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/live-button-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/live-button-demo.json"},{"name":"animated-shiny-button-demo","title":"animated-shiny-button-demo","description":"Example showing a animated-shiny-button-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/animated-shiny-button-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-shiny-button-demo.json"},{"name":"animated-list-demo","title":"animated-list-demo","description":"Example showing a animated-list-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/animated-list-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/animated-list-demo.json"},{"name":"orbit-rotation-demo","title":"orbit-rotation-demo","description":"Example showing a orbit-rotation-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/orbit-rotation-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/orbit-rotation-demo.json"},{"name":"logo-timeline-demo","title":"logo-timeline-demo","description":"Example showing a logo-timeline-demo component.","type":"registry:example","source_url":"https://eldoraui.site/r/logo-timeline-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-timeline-demo.json"},{"name":"logo-timeline-demo-2","title":"logo-timeline-demo-2","description":"Example showing a logo-timeline-demo-2 component with hover animation.","type":"registry:example","source_url":"https://eldoraui.site/r/logo-timeline-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-timeline-demo-2.json"},{"name":"dock-text-demo","title":"dock-text-demo","description":"Example showing a dock-text component.","type":"registry:example","source_url":"https://eldoraui.site/r/dock-text-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/dock-text-demo.json"},{"name":"dock-text-demo-2","title":"dock-text-demo-2","description":"Example showing a dock-text component with down prop.","type":"registry:example","source_url":"https://eldoraui.site/r/dock-text-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/dock-text-demo-2.json"},{"name":"holographic-card-demo","title":"holographic-card-demo","description":"Example showing a holographic-card component.","type":"registry:example","source_url":"https://eldoraui.site/r/holographic-card-demo.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo.json"},{"name":"holographic-card-demo-2","title":"holographic-card-demo","description":"Example showing a holographic-card component.","type":"registry:example","source_url":"https://eldoraui.site/r/holographic-card-demo-2.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo-2.json"},{"name":"holographic-card-demo-3","title":"holographic-card-demo","description":"Example showing a holographic-card component.","type":"registry:example","source_url":"https://eldoraui.site/r/holographic-card-demo-3.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/holographic-card-demo-3.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://eldoraui.site/r/utils.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/utils.json"},{"name":"header-01","title":null,"description":"A simple header.","type":"registry:block","source_url":"https://eldoraui.site/r/header-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/header-01.json"},{"name":"header-02","title":null,"description":"A simple header.","type":"registry:block","source_url":"https://eldoraui.site/r/header-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/header-02.json"},{"name":"logo-cloud-01","title":null,"description":"A simple logo cloud.","type":"registry:block","source_url":"https://eldoraui.site/r/logo-cloud-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-01.json"},{"name":"logo-cloud-02","title":null,"description":"A logo cloud with flex wrap layout.","type":"registry:block","source_url":"https://eldoraui.site/r/logo-cloud-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-02.json"},{"name":"logo-cloud-03","title":null,"description":"A logo cloud with marquee effect.","type":"registry:block","source_url":"https://eldoraui.site/r/logo-cloud-03.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-03.json"},{"name":"logo-cloud-04","title":null,"description":"A logo cloud with motion.","type":"registry:block","source_url":"https://eldoraui.site/r/logo-cloud-04.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/logo-cloud-04.json"},{"name":"testimonal-01","title":null,"description":"A testimonial slider.","type":"registry:block","source_url":"https://eldoraui.site/r/testimonal-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-01.json"},{"name":"testimonal-02","title":null,"description":"A testimonial marquee.","type":"registry:block","source_url":"https://eldoraui.site/r/testimonal-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-02.json"},{"name":"testimonal-03","title":null,"description":"A testimonial card grid.","type":"registry:block","source_url":"https://eldoraui.site/r/testimonal-03.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/testimonal-03.json"},{"name":"features-01","title":null,"description":"Features section with accordion and image carousel.","type":"registry:block","source_url":"https://eldoraui.site/r/features-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/features-01.json"},{"name":"cta-01","title":null,"description":"CTA with heading, grid background, and animated side lines.","type":"registry:block","source_url":"https://eldoraui.site/r/cta-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cta-01.json"},{"name":"cta-02","title":null,"description":"CTA with heading, button, and orbiting app icons.","type":"registry:block","source_url":"https://eldoraui.site/r/cta-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cta-02.json"},{"name":"cta-03","title":null,"description":"CTA with heading, button, and ripple background.","type":"registry:block","source_url":"https://eldoraui.site/r/cta-03.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/cta-03.json"},{"name":"pricing-01","title":null,"description":"A pricing section.","type":"registry:block","source_url":"https://eldoraui.site/r/pricing-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/pricing-01.json"},{"name":"pricing-02","title":null,"description":"A pricing table with a dropdown menu.","type":"registry:block","source_url":"https://eldoraui.site/r/pricing-02.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/pricing-02.json"},{"name":"footer-01","title":null,"description":"A footer.","type":"registry:block","source_url":"https://eldoraui.site/r/footer-01.json","install_command":"npx shadcn@latest add https://eldoraui.site/r/footer-01.json"}]},{"id":"elements","name":"@elements","slug":"elements","description":"Elements by Crafter Station is a full-stack shadcn registry for Next.js and TypeScript that goes beyond visual UI. It bundles 154 theme-adaptive brand logos, 6 Clerk auth flow components (sign-in, sign-up, org switcher, waitlist), 37 AI/chat elements for the Vercel AI SDK (chat, reasoning, tool calls, streaming), 12 Claude Code automation components, 5 Polar monetization components (pricing cards, badges, license keys), 7 UploadThing upload components, 5 Upstash rate-limiting/caching components, 7 GitHub stats components, 9 dev-tool components (JSON viewer, webhook tester), 24 CC0 sound effects, 6 theme switchers, 6 loaders, and 2 PDF utilities. Free, MIT licensed. Use for: rapidly wiring auth, payments, AI chat, and file uploads into a Next.js app using registry-installed, source-owned blocks rather than npm packages.","author":"crafter-station","framework":"react","license":"MIT","tags":["ai","audio","auth","blocks","buttons","cards","components","crypto","developer-tools","editor","forms","hooks","icons","loaders","marketing","media","mobile","navigation","payments","saas","theming"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://www.tryelements.dev","github":"https://github.com/crafter-station/elements","registry":"https://www.tryelements.dev/r/registry.json","source":"https://www.tryelements.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/elements","markdown":"https://sh4dcn.netlify.app/md/elements.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><g clip-path='url(#clip0_18_8)'><path d='M0.248535 7.05071V0.353027H8.03229V7.05071H0.248535ZM8.03229 7.05071V0.353027H15.8161V7.05071H8.03229ZM15.8161 7.05071V0.353027H23.5999V7.05071H15.8161ZM0.248535 15.4228V8.72513H8.03229V15.4228H0.248535ZM8.03229 15.4228V8.72513H15.8161V15.4228H8.03229ZM0.248535 23.7949V17.0972H8.03229V23.7949H0.248535ZM8.03229 23.7949V17.0972H15.8161V23.7949H8.03229ZM15.8161 23.7949V17.0972H23.5999V23.7949H15.8161Z' fill='var(--foreground)'/></g><defs><clipPath id='clip0_18_8'><rect width='24' height='24' fill='var(--background)'/></clipPath></defs></svg>","preview_image":"https://tryelements.dev/opengraph-image?42c2a35e0b861516","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":526,"open_issues":17,"last_commit":"2026-08-14T06:10:34Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.tryelements.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.tryelements.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.tryelements.dev/r/registry.json","clone":"git clone https://github.com/crafter-station/elements.git","clone_degit":"npx degit crafter-station/elements","registry_fetch":"curl -s https://www.tryelements.dev/r/registry.json"},"component_count":250,"components":[{"name":"ably-logo","title":"Ably Logo","description":"Ably logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/ably-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ably-logo.json"},{"name":"agent-context","title":"AI Agent Context","description":"Display and optionally edit agent context data with type indicators, nested object support, and collapsible sections. Visualizes user/team context for AI agent…","type":"registry:ui","source_url":"https://www.tryelements.dev/r/agent-context.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agent-context.json"},{"name":"agent-roster","title":"AI Agent Roster","description":"Display a directory of AI agents with status indicators, match patterns, and selection support. Supports grid and list layouts for multi-agent orchestration UI…","type":"registry:ui","source_url":"https://www.tryelements.dev/r/agent-roster.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agent-roster.json"},{"name":"agent-status","title":"AI Agent Status","description":"Display current agent handling a request with status indicators, animated pulse for active states, and handoff visualization for multi-agent workflows.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/agent-status.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agent-status.json"},{"name":"agentic-coding","title":"Agentic Coding","description":"AI coding agents, IDEs, and copilots","type":"registry:block","source_url":"https://www.tryelements.dev/r/agentic-coding.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agentic-coding.json"},{"name":"agentmail-logo","title":"AgentMail Logo","description":"AgentMail logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/agentmail-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/agentmail-logo.json"},{"name":"ai-badge","title":"AI Badge","description":"Interactive 3D badge component with Atropos effect, customizable branding, QR code, and AI avatar support","type":"registry:block","source_url":"https://www.tryelements.dev/r/ai-badge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ai-badge.json"},{"name":"ai-services","title":"AI Services","description":"Major AI service providers and LLM platforms","type":"registry:block","source_url":"https://www.tryelements.dev/r/ai-services.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ai-services.json"},{"name":"algolia-logo","title":"Algolia Logo","description":"Algolia logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/algolia-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/algolia-logo.json"},{"name":"amp-logo","title":"Amp Logo","description":"Amp (by Sourcegraph) coding agent logo with icon and wordmark variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/amp-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/amp-logo.json"},{"name":"anthropic-logo","title":"Anthropic Logo","description":"Anthropic logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/anthropic-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/anthropic-logo.json"},{"name":"antigravity-logo","title":"Antigravity Logo","description":"Google Antigravity agentic IDE logo with icon and color variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/antigravity-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/antigravity-logo.json"},{"name":"api-response-viewer","title":"API Response Viewer","description":"HTTP response viewer with tabbed Body, Headers, and Timing display","type":"registry:ui","source_url":"https://www.tryelements.dev/r/api-response-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/api-response-viewer.json"},{"name":"apple-logo","title":"Apple Logo","description":"Apple logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/apple-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/apple-logo.json"},{"name":"artifact","title":"Ai Artifact","description":"TODO: Add description","type":"registry:ui","source_url":"https://www.tryelements.dev/r/artifact.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/artifact.json"},{"name":"astro-logo","title":"Astro Logo","description":"Astro web framework logo with icon and icon-mono variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/astro-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/astro-logo.json"},{"name":"auth0-logo","title":"Auth0 Logo","description":"Auth0 logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/auth0-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/auth0-logo.json"},{"name":"aws-all","title":"AWS All Services","description":"Complete collection of AWS service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-all.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-all.json"},{"name":"aws-amplify","title":"AWS Amplify Logo","description":"AWS Amplify service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-amplify.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-amplify.json"},{"name":"aws-analytics","title":"AWS Analytics","description":"AWS analytics service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-analytics.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-analytics.json"},{"name":"aws-api-gateway","title":"Amazon API Gateway Logo","description":"Amazon API Gateway service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-api-gateway.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-api-gateway.json"},{"name":"aws-appsync","title":"AWS AppSync Logo","description":"AWS AppSync service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-appsync.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-appsync.json"},{"name":"aws-athena","title":"Amazon Athena Logo","description":"Amazon Athena service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-athena.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-athena.json"},{"name":"aws-bedrock","title":"Amazon Bedrock Logo","description":"Amazon Bedrock service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-bedrock.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-bedrock.json"},{"name":"aws-cloudformation","title":"AWS CloudFormation Logo","description":"AWS CloudFormation service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-cloudformation.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudformation.json"},{"name":"aws-cloudfront","title":"Amazon CloudFront Logo","description":"Amazon CloudFront service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-cloudfront.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudfront.json"},{"name":"aws-cloudwatch","title":"Amazon CloudWatch Logo","description":"Amazon CloudWatch service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-cloudwatch.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cloudwatch.json"},{"name":"aws-codebuild","title":"AWS CodeBuild Logo","description":"AWS CodeBuild service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-codebuild.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codebuild.json"},{"name":"aws-codecommit","title":"AWS CodeCommit Logo","description":"AWS CodeCommit service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-codecommit.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codecommit.json"},{"name":"aws-codedeploy","title":"AWS CodeDeploy Logo","description":"AWS CodeDeploy service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-codedeploy.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codedeploy.json"},{"name":"aws-codepipeline","title":"AWS CodePipeline Logo","description":"AWS CodePipeline service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-codepipeline.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-codepipeline.json"},{"name":"aws-cognito","title":"Amazon Cognito Logo","description":"Amazon Cognito service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-cognito.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-cognito.json"},{"name":"aws-compute","title":"AWS Compute","description":"AWS compute service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-compute.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-compute.json"},{"name":"aws-database","title":"AWS Database","description":"AWS database service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-database.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-database.json"},{"name":"aws-devtools","title":"AWS Developer Tools","description":"AWS developer tool logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-devtools.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-devtools.json"},{"name":"aws-dynamodb","title":"Amazon DynamoDB Logo","description":"Amazon DynamoDB service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-dynamodb.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-dynamodb.json"},{"name":"aws-ec2","title":"Amazon EC2 Logo","description":"Amazon EC2 service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-ec2.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-ec2.json"},{"name":"aws-ecs","title":"Amazon ECS Logo","description":"Amazon ECS service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-ecs.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-ecs.json"},{"name":"aws-eks","title":"Amazon EKS Logo","description":"Amazon EKS service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-eks.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-eks.json"},{"name":"aws-elastic-beanstalk","title":"AWS Elastic Beanstalk Logo","description":"AWS Elastic Beanstalk service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-elastic-beanstalk.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-elastic-beanstalk.json"},{"name":"aws-eventbridge","title":"Amazon EventBridge Logo","description":"Amazon EventBridge service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-eventbridge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-eventbridge.json"},{"name":"aws-fargate","title":"AWS Fargate Logo","description":"AWS Fargate service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-fargate.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-fargate.json"},{"name":"aws-glue","title":"AWS Glue Logo","description":"AWS Glue service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-glue.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-glue.json"},{"name":"aws-iam","title":"AWS IAM Logo","description":"AWS IAM service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-iam.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-iam.json"},{"name":"aws-kinesis","title":"Amazon Kinesis Logo","description":"Amazon Kinesis service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-kinesis.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-kinesis.json"},{"name":"aws-kms","title":"AWS KMS Logo","description":"AWS KMS service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-kms.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-kms.json"},{"name":"aws-lambda","title":"AWS Lambda Logo","description":"AWS Lambda service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-lambda.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-lambda.json"},{"name":"aws-logo","title":"AWS Logo","description":"AWS logo component with brand orange and white","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-logo.json"},{"name":"aws-messaging","title":"AWS Messaging","description":"AWS messaging service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-messaging.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-messaging.json"},{"name":"aws-ml","title":"AWS Machine Learning","description":"AWS ML service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-ml.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-ml.json"},{"name":"aws-monitoring","title":"AWS Monitoring","description":"AWS monitoring service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-monitoring.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-monitoring.json"},{"name":"aws-networking","title":"AWS Networking","description":"AWS networking service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-networking.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-networking.json"},{"name":"aws-rds","title":"Amazon RDS Logo","description":"Amazon RDS service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-rds.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-rds.json"},{"name":"aws-redshift","title":"Amazon Redshift Logo","description":"Amazon Redshift service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-redshift.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-redshift.json"},{"name":"aws-route53","title":"Amazon Route 53 Logo","description":"Amazon Route 53 service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-route53.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-route53.json"},{"name":"aws-s3","title":"Amazon S3 Logo","description":"Amazon S3 service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-s3.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-s3.json"},{"name":"aws-sagemaker","title":"Amazon SageMaker Logo","description":"Amazon SageMaker service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-sagemaker.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-sagemaker.json"},{"name":"aws-secrets-manager","title":"AWS Secrets Manager Logo","description":"AWS Secrets Manager service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-secrets-manager.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-secrets-manager.json"},{"name":"aws-security","title":"AWS Security","description":"AWS security service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-security.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-security.json"},{"name":"aws-serverless","title":"AWS Serverless","description":"AWS serverless service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-serverless.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-serverless.json"},{"name":"aws-sns","title":"Amazon SNS Logo","description":"Amazon SNS service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-sns.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-sns.json"},{"name":"aws-sqs","title":"Amazon SQS Logo","description":"Amazon SQS service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-sqs.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-sqs.json"},{"name":"aws-step-functions","title":"AWS Step Functions Logo","description":"AWS Step Functions service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-step-functions.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-step-functions.json"},{"name":"aws-storage","title":"AWS Storage","description":"AWS storage service logos","type":"registry:block","source_url":"https://www.tryelements.dev/r/aws-storage.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-storage.json"},{"name":"aws-vpc","title":"Amazon VPC Logo","description":"Amazon VPC service logo component with official brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/aws-vpc.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/aws-vpc.json"},{"name":"axiom-logo","title":"Axiom Logo","description":"Axiom logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/axiom-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/axiom-logo.json"},{"name":"bash-logo","title":"Bash Logo","description":"Bash shell logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/bash-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/bash-logo.json"},{"name":"beincrypto-logo","title":"BeInCrypto Logo","description":"BeInCrypto logo component with icon and wordmark variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/beincrypto-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/beincrypto-logo.json"},{"name":"better-auth-logo","title":"Better Auth Logo","description":"Better Auth logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/better-auth-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/better-auth-logo.json"},{"name":"biome-logo","title":"Biome Logo","description":"Biome - One toolchain for your web project","type":"registry:ui","source_url":"https://www.tryelements.dev/r/biome-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/biome-logo.json"},{"name":"braintrust-logo","title":"Braintrust Logo","description":"Braintrust logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/braintrust-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/braintrust-logo.json"},{"name":"browser-use-logo","title":"Browser Use Logo","description":"Browser Use logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/browser-use-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/browser-use-logo.json"},{"name":"browserbase-logo","title":"Browserbase Logo","description":"Browserbase logo with icon and wordmark variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/browserbase-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/browserbase-logo.json"},{"name":"bun-logo","title":"Bun Logo","description":"Bun logo component - fast all-in-one JavaScript runtime","type":"registry:ui","source_url":"https://www.tryelements.dev/r/bun-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/bun-logo.json"},{"name":"bytedance-logo","title":"ByteDance Logo","description":"ByteDance logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/bytedance-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/bytedance-logo.json"},{"name":"cerebras-logo","title":"Cerebras Logo","description":"Cerebras logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cerebras-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cerebras-logo.json"},{"name":"chain-of-thought","title":"AI Chain of Thought","description":"Visualize AI reasoning steps with search results and images for step-by-step thinking display.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/chain-of-thought.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/chain-of-thought.json"},{"name":"chat","title":"AI Chat","description":"Main chat container with header, body, and footer sections for building AI chat interfaces","type":"registry:ui","source_url":"https://www.tryelements.dev/r/chat.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/chat.json"},{"name":"chat-input","title":"AI Chat Input","description":"Expandable chat input with send button, file attachments, and keyboard shortcuts","type":"registry:ui","source_url":"https://www.tryelements.dev/r/chat-input.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/chat-input.json"},{"name":"claude-code-logo","title":"Claude Code Logo","description":"Claude Code logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/claude-code-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/claude-code-logo.json"},{"name":"claude-logo","title":"Claude Logo","description":"Claude logo component with brand orange","type":"registry:ui","source_url":"https://www.tryelements.dev/r/claude-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/claude-logo.json"},{"name":"clerk-logo","title":"Clerk Logo","description":"Clerk logo component with variants, color schemes, modes, and backgrounds","type":"registry:ui","source_url":"https://www.tryelements.dev/r/clerk-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-logo.json"},{"name":"clerk-oauth-buttons","title":"Clerk OAuth Buttons","description":"Social login button group with Google, GitHub, Apple, and Microsoft. Supports default, outline, and icon-only variants with horizontal/vertical layouts.","type":"registry:block","source_url":"https://www.tryelements.dev/r/clerk-oauth-buttons.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-oauth-buttons.json"},{"name":"clerk-org-switcher","title":"Clerk Organization Switcher","description":"Organization switcher dropdown with personal account, org list with role badges, and create organization option.","type":"registry:block","source_url":"https://www.tryelements.dev/r/clerk-org-switcher.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-org-switcher.json"},{"name":"clerk-sign-in","title":"Clerk Sign In","description":"Multi-step sign-in form with email/password and social OAuth buttons. Features step transitions, forgot password link, and clean Clerk aesthetic.","type":"registry:block","source_url":"https://www.tryelements.dev/r/clerk-sign-in.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-sign-in.json"},{"name":"clerk-sign-up","title":"Clerk Sign Up","description":"Multi-step sign-up form with name, email, password and email verification via OTP input. Includes password strength indicator.","type":"registry:block","source_url":"https://www.tryelements.dev/r/clerk-sign-up.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-sign-up.json"},{"name":"clerk-user-button","title":"Clerk User Button","description":"User avatar with dropdown menu showing profile, settings, and sign-out options. Features initials fallback and click-outside-to-close.","type":"registry:block","source_url":"https://www.tryelements.dev/r/clerk-user-button.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-user-button.json"},{"name":"clerk-waitlist","title":"Clerk Waitlist","description":"Waitlist signup form with email input, animated success state, and queue position display. Built for Clerk Core 3's useWaitlist() hook.","type":"registry:block","source_url":"https://www.tryelements.dev/r/clerk-waitlist.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/clerk-waitlist.json"},{"name":"cli-output","title":"CLI Output","description":"Terminal-style output display with ANSI color support and controls","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cli-output.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cli-output.json"},{"name":"cline-logo","title":"Cline Logo","description":"Cline autonomous coding agent logo","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cline-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cline-logo.json"},{"name":"cloud-infrastructure","title":"Cloud & Infrastructure","description":"Cloud services, infrastructure, and backend platforms","type":"registry:block","source_url":"https://www.tryelements.dev/r/cloud-infrastructure.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cloud-infrastructure.json"},{"name":"cloudflare-logo","title":"Cloudflare Logo","description":"Cloudflare brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cloudflare-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cloudflare-logo.json"},{"name":"cloudinary-logo","title":"Cloudinary Logo","description":"Cloudinary logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cloudinary-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cloudinary-logo.json"},{"name":"code-diff-viewer","title":"Code Diff Viewer","description":"Side-by-side or unified diff view with syntax highlighting via Shiki","type":"registry:ui","source_url":"https://www.tryelements.dev/r/code-diff-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/code-diff-viewer.json"},{"name":"codex-logo","title":"Codex Logo","description":"OpenAI Codex coding agent logo with mono, color, and wordmark variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/codex-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/codex-logo.json"},{"name":"cohere-logo","title":"Cohere Logo","description":"Cohere logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cohere-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cohere-logo.json"},{"name":"composio-logo","title":"Composio Logo","description":"Composio logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/composio-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/composio-logo.json"},{"name":"confirmation","title":"AI Confirmation","description":"Human-in-the-loop tool approval workflow with accept/reject states for agentic AI applications.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/confirmation.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/confirmation.json"},{"name":"continue-logo","title":"Continue Logo","description":"Continue open-source AI code agent logo","type":"registry:ui","source_url":"https://www.tryelements.dev/r/continue-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/continue-logo.json"},{"name":"conversation-tree","title":"AI Conversation Tree","description":"Visualize branching conversations with a tree structure. Shows node types (user, assistant, system, tool), expandable branches, active path highlighting, and c…","type":"registry:ui","source_url":"https://www.tryelements.dev/r/conversation-tree.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/conversation-tree.json"},{"name":"convex-logo","title":"Convex Logo","description":"Convex logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/convex-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/convex-logo.json"},{"name":"cplusplus-logo","title":"C++ Logo","description":"C++ programming language logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cplusplus-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cplusplus-logo.json"},{"name":"crafter-station-logo","title":"Crafter Station Logo","description":"Crafter Station logo component with icon, wordmark, and logo variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/crafter-station-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/crafter-station-logo.json"},{"name":"css-logo","title":"CSS Logo","description":"CSS programming language logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/css-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/css-logo.json"},{"name":"cursor-logo","title":"Cursor Logo","description":"Cursor - The AI Code Editor","type":"registry:ui","source_url":"https://www.tryelements.dev/r/cursor-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/cursor-logo.json"},{"name":"datadog-logo","title":"Datadog Logo","description":"Datadog logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/datadog-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/datadog-logo.json"},{"name":"daytona-logo","title":"Daytona Logo","description":"Daytona logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/daytona-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/daytona-logo.json"},{"name":"deepl-logo","title":"DeepL Logo","description":"DeepL logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/deepl-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/deepl-logo.json"},{"name":"deepseek-logo","title":"DeepSeek Logo","description":"DeepSeek logo component with brand purple","type":"registry:ui","source_url":"https://www.tryelements.dev/r/deepseek-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/deepseek-logo.json"},{"name":"developer-tools","title":"Developer Tools & Platforms","description":"Development platforms, productivity tools, and workflows","type":"registry:block","source_url":"https://www.tryelements.dev/r/developer-tools.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/developer-tools.json"},{"name":"dify-logo","title":"Dify Logo","description":"Dify logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/dify-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/dify-logo.json"},{"name":"discord-logo","title":"Discord Logo","description":"Discord logo component with brand purple","type":"registry:ui","source_url":"https://www.tryelements.dev/r/discord-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/discord-logo.json"},{"name":"docker-logo","title":"Docker Logo","description":"Docker container platform logo with dark/light mode support","type":"registry:block","source_url":"https://www.tryelements.dev/r/docker-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/docker-logo.json"},{"name":"drizzle-logo","title":"Drizzle Logo","description":"Drizzle ORM brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/drizzle-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/drizzle-logo.json"},{"name":"e2b-logo","title":"E2B Logo","description":"E2B logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/e2b-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/e2b-logo.json"},{"name":"elevenlabs-logo","title":"ElevenLabs Logo","description":"ElevenLabs AI voice platform logo with icon and wordmark variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/elevenlabs-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/elevenlabs-logo.json"},{"name":"env-editor","title":"Env Editor","description":"Environment variable editor with key-value grid, masked values, and import/export","type":"registry:ui","source_url":"https://www.tryelements.dev/r/env-editor.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/env-editor.json"},{"name":"error-boundary-ui","title":"Error Boundary UI","description":"Error display component for React error boundaries with stack trace and retry","type":"registry:ui","source_url":"https://www.tryelements.dev/r/error-boundary-ui.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/error-boundary-ui.json"},{"name":"exa-logo","title":"Exa Logo","description":"Exa logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/exa-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/exa-logo.json"},{"name":"expo-logo","title":"Expo Logo","description":"Expo logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/expo-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/expo-logo.json"},{"name":"fal-logo","title":"fal Logo","description":"fal logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/fal-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/fal-logo.json"},{"name":"figma-logo","title":"Figma Logo","description":"Figma brand logo with icon, icon-mono, wordmark, and logo variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/figma-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/figma-logo.json"},{"name":"fireworks-logo","title":"Fireworks Logo","description":"Fireworks logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/fireworks-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/fireworks-logo.json"},{"name":"flyio-logo","title":"Fly.io Logo","description":"Fly.io logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/flyio-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/flyio-logo.json"},{"name":"gemini-logo","title":"Gemini Logo","description":"Gemini logo component with brand gradient colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/gemini-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/gemini-logo.json"},{"name":"generate-badge","title":"Generate Badge","description":"Hook and utilities for generating badge images from SVG, with PNG/JPEG export support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/generate-badge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/generate-badge.json"},{"name":"ghostty-logo","title":"Ghostty Logo","description":"Ghostty - A fast, feature-rich terminal emulator","type":"registry:ui","source_url":"https://www.tryelements.dev/r/ghostty-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ghostty-logo.json"},{"name":"github-activity-calendar","title":"GitHub Activity Calendar","description":"The iconic GitHub contribution calendar showing activity levels throughout the year with customizable color schemes.","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-activity-calendar.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-activity-calendar.json"},{"name":"github-contributions","title":"GitHub Contributions","description":"Display contribution activity grid like GitHub's profile","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-contributions.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-contributions.json"},{"name":"github-copilot-logo","title":"GitHub Copilot Logo","description":"GitHub Copilot AI coding assistant logo","type":"registry:ui","source_url":"https://www.tryelements.dev/r/github-copilot-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-copilot-logo.json"},{"name":"github-languages","title":"GitHub Languages","description":"A visual language breakdown bar showing the programming languages used in a GitHub repository with percentage labels.","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-languages.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-languages.json"},{"name":"github-logo","title":"GitHub Logo","description":"GitHub logo component with theme-aware variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/github-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-logo.json"},{"name":"github-profile-card","title":"GitHub Profile Card","description":"A comprehensive profile card displaying GitHub user information including avatar, bio, location, company, and follower stats.","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-profile-card.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-profile-card.json"},{"name":"github-repo-card","title":"GitHub Repo Card","description":"A card component displaying GitHub repository information including name, description, stars, forks, and primary language.","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-repo-card.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-repo-card.json"},{"name":"github-star-button","title":"GitHub Star Button","description":"An interactive star button with live star count that links to a GitHub repository. Perfect for call-to-action elements.","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-star-button.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-star-button.json"},{"name":"github-stars","title":"GitHub Stars","description":"Display repository star history with area chart visualization","type":"registry:block","source_url":"https://www.tryelements.dev/r/github-stars.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/github-stars.json"},{"name":"gitlab-logo","title":"GitLab Logo","description":"GitLab logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/gitlab-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/gitlab-logo.json"},{"name":"go-logo","title":"Go Logo","description":"Go programming language logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/go-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/go-logo.json"},{"name":"google-logo","title":"Google Logo","description":"Google logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/google-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/google-logo.json"},{"name":"goose-logo","title":"Goose Logo","description":"Goose by Block open-source AI agent logo","type":"registry:ui","source_url":"https://www.tryelements.dev/r/goose-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/goose-logo.json"},{"name":"grafana-logo","title":"Grafana Logo","description":"Grafana logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/grafana-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/grafana-logo.json"},{"name":"grok-logo","title":"Grok Logo","description":"Grok logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/grok-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/grok-logo.json"},{"name":"groq-logo","title":"Groq Logo","description":"Groq logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/groq-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/groq-logo.json"},{"name":"guardrails","title":"AI Guardrails","description":"Display content moderation and safety check results with blocked/modified/approved states, before/after comparison, and override actions for AI safety workflow…","type":"registry:ui","source_url":"https://www.tryelements.dev/r/guardrails.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/guardrails.json"},{"name":"handoff-chain","title":"AI Handoff Chain","description":"Visualize agent transition breadcrumbs showing the chain of agents with arrows, active agent highlighting, and clickable nodes for handoff details.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/handoff-chain.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/handoff-chain.json"},{"name":"herdr-logo","title":"Herdr Logo","description":"Herdr coding agent runtime logo","type":"registry:ui","source_url":"https://www.tryelements.dev/r/herdr-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/herdr-logo.json"},{"name":"hook-auto-format","title":"Auto Format","description":"Automatically run your project formatter (Biome, Prettier, Black, rustfmt) after Claude edits a file.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-auto-format.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-auto-format.json"},{"name":"hook-cat-sounds","title":"Cat Sounds","description":"Play cat meow sounds when Claude Code needs your attention. Fun personality hook.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-cat-sounds.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-cat-sounds.json"},{"name":"hook-context-monitor","title":"Context Monitor","description":"Warn when Claude Code context window is running low. Alerts at 40%, 25%, and 15%.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-context-monitor.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-context-monitor.json"},{"name":"hook-guard-branch","title":"Branch Guard","description":"Block pushes to protected branches (main, master, production).","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-guard-branch.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-guard-branch.json"},{"name":"hook-guard-destructive","title":"Destructive Command Guard","description":"Block dangerous commands like rm -rf, git reset --hard, and DROP TABLE.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-guard-destructive.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-guard-destructive.json"},{"name":"hook-guard-secrets","title":"Secrets Guard","description":"Block edits to .env files and credential files.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-guard-secrets.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-guard-secrets.json"},{"name":"hook-notify-discord","title":"Discord Notification","description":"Send a Discord notification when Claude Code needs input or finishes a task.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-notify-discord.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-notify-discord.json"},{"name":"hook-notify-macos","title":"macOS Notification","description":"Native macOS notification when Claude Code needs input or finishes a task.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-notify-macos.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-notify-macos.json"},{"name":"hook-notify-slack","title":"Slack Notification","description":"Send a Slack notification when Claude Code needs input or finishes a task.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-notify-slack.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-notify-slack.json"},{"name":"hook-notify-sound","title":"Sound Notification","description":"Play a system sound when Claude Code needs input or finishes a task. Cross-platform.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-notify-sound.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-notify-sound.json"},{"name":"hook-notify-telegram","title":"Telegram Notification","description":"Send a Telegram notification when Claude Code needs input or finishes a task.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-notify-telegram.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-notify-telegram.json"},{"name":"hook-session-summary","title":"Session Summary","description":"Generate a summary of your Claude Code session when it ends.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hook-session-summary.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hook-session-summary.json"},{"name":"html-logo","title":"HTML Logo","description":"HTML5 programming language logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/html-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/html-logo.json"},{"name":"hugging-face-logo","title":"Hugging Face Logo","description":"Hugging Face logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/hugging-face-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hugging-face-logo.json"},{"name":"hyperbrowser-logo","title":"Hyperbrowser Logo","description":"Hyperbrowser logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/hyperbrowser-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/hyperbrowser-logo.json"},{"name":"inngest-logo","title":"Inngest Logo","description":"Inngest logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/inngest-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/inngest-logo.json"},{"name":"instagram-logo","title":"Instagram Logo","description":"Instagram logo component with brand gradient and theme-aware icon","type":"registry:ui","source_url":"https://www.tryelements.dev/r/instagram-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/instagram-logo.json"},{"name":"java-logo","title":"Java Logo","description":"Java programming language logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/java-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/java-logo.json"},{"name":"javascript-logo","title":"JavaScript Logo","description":"JavaScript programming language logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/javascript-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/javascript-logo.json"},{"name":"json-logo","title":"JSON Logo","description":"JSON data format logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/json-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/json-logo.json"},{"name":"json-viewer","title":"JSON Viewer","description":"Collapsible JSON tree viewer with syntax highlighting, search, and copy path","type":"registry:ui","source_url":"https://www.tryelements.dev/r/json-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/json-viewer.json"},{"name":"kapso-logo","title":"Kapso Logo","description":"Kapso WhatsApp notifications platform logo with icon, wordmark, and logo variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/kapso-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kapso-logo.json"},{"name":"kebo-logo","title":"Kebo Logo","description":"Kebo logo component with brand purple","type":"registry:ui","source_url":"https://www.tryelements.dev/r/kebo-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kebo-logo.json"},{"name":"kilo-code-logo","title":"Kilo Code Logo","description":"Kilo Code agentic coding platform logo with brand yellow","type":"registry:ui","source_url":"https://www.tryelements.dev/r/kilo-code-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kilo-code-logo.json"},{"name":"kimi-logo","title":"Kimi Logo","description":"Kimi logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/kimi-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kimi-logo.json"},{"name":"kite-logo","title":"Kite Logo","description":"Kite logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/kite-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kite-logo.json"},{"name":"kotlin-logo","title":"Kotlin Logo","description":"Kotlin programming language logo component","type":"registry:ui","source_url":"https://www.tryelements.dev/r/kotlin-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/kotlin-logo.json"},{"name":"langchain-logo","title":"LangChain Logo","description":"LangChain logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/langchain-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/langchain-logo.json"},{"name":"langfuse-logo","title":"Langfuse Logo","description":"Langfuse logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/langfuse-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/langfuse-logo.json"},{"name":"latency-meter","title":"AI Latency Meter","description":"Response time visualization with TTFB and total duration display, color-coded performance indicators, animated progress bar, and compact/expanded variants.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/latency-meter.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/latency-meter.json"},{"name":"launchdarkly-logo","title":"LaunchDarkly Logo","description":"LaunchDarkly logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/launchdarkly-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/launchdarkly-logo.json"},{"name":"linear-logo","title":"Linear Logo","description":"Linear issue tracking and project management platform logo with multiple variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/linear-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/linear-logo.json"},{"name":"linkedin-logo","title":"LinkedIn Logo","description":"LinkedIn logo component with color schemes and variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/linkedin-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/linkedin-logo.json"},{"name":"loader-cli-spinner","title":"CLI Spinner Loader","description":"90 terminal-style text spinners in a single React component. Zero dependencies, keyboard-safe, tabular-nums for stable layout.","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-cli-spinner.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-cli-spinner.json"},{"name":"loader-dot-matrix","title":"Dot Matrix Loader","description":"A grid of dots with ripple, wave, and cascade animation effects","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-dot-matrix.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-dot-matrix.json"},{"name":"loader-glitch-text","title":"Glitch Text Loader","description":"Text with RGB channel splitting, clip-path distortion, and character scrambling","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-glitch-text.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-glitch-text.json"},{"name":"loader-helix","title":"Helix Loader","description":"DNA double-helix with dots traveling along sinusoidal paths creating a 3D illusion","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-helix.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-helix.json"},{"name":"loader-morphing-blob","title":"Morphing Blob Loader","description":"Polished liquid sphere with subtle organic deformation and specular highlights","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-morphing-blob.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-morphing-blob.json"},{"name":"loader-signal-bars","title":"Signal Bars Loader","description":"Audio waveform / frequency spectrum bars that pulse rhythmically as a loading indicator","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-signal-bars.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-signal-bars.json"},{"name":"loader-terminal-decode","title":"Terminal Decode Loader","description":"Terminal-style text decoder that cycles through random characters before resolving","type":"registry:block","source_url":"https://www.tryelements.dev/r/loader-terminal-decode.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/loader-terminal-decode.json"},{"name":"logos","title":"Brand Logos Collection","description":"All popular tech companies and services","type":"registry:block","source_url":"https://www.tryelements.dev/r/logos.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/logos.json"},{"name":"lovable-logo","title":"Lovable Logo","description":"Lovable logo component with brand gradient colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/lovable-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/lovable-logo.json"},{"name":"luma-logo","title":"Luma Logo","description":"Luma logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/luma-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/luma-logo.json"},{"name":"meilisearch-logo","title":"Meilisearch Logo","description":"Meilisearch logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/meilisearch-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/meilisearch-logo.json"},{"name":"mem0-logo","title":"Mem0 Logo","description":"Mem0 logo with icon and wordmark variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/mem0-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/mem0-logo.json"},{"name":"memory-viewer","title":"AI Memory Viewer","description":"Display and manage working memory and conversation history with source badges, timestamps, search/filter, and add/remove functionality for agent memory systems.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/memory-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/memory-viewer.json"},{"name":"message-bubble","title":"AI Message Bubble","description":"Chat message component with user/assistant variants and copy functionality","type":"registry:ui","source_url":"https://www.tryelements.dev/r/message-bubble.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/message-bubble.json"},{"name":"messages","title":"AI Messages","description":"Scrollable message list with auto-scroll to bottom and scroll-to-bottom button","type":"registry:ui","source_url":"https://www.tryelements.dev/r/messages.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/messages.json"},{"name":"meta-logo","title":"Meta Logo","description":"Meta logo component with brand gradient blue","type":"registry:ui","source_url":"https://www.tryelements.dev/r/meta-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/meta-logo.json"},{"name":"microsoft-logo","title":"Microsoft Logo","description":"Microsoft logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/microsoft-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/microsoft-logo.json"},{"name":"mistral-logo","title":"Mistral Logo","description":"Mistral logo component with brand colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/mistral-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/mistral-logo.json"},{"name":"modal-logo","title":"Modal Logo","description":"Modal logo with icon variant and dark/light modes","type":"registry:block","source_url":"https://www.tryelements.dev/r/modal-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/modal-logo.json"},{"name":"model-info","title":"AI Model Info","description":"Display AI model metadata including provider, context window, capabilities badges (vision, tools, streaming, JSON, functions), pricing info, and release date. …","type":"registry:ui","source_url":"https://www.tryelements.dev/r/model-info.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/model-info.json"},{"name":"model-selector","title":"AI Model Selector","description":"A functional AI model selector with provider logos and popular models from Vercel AI Gateway. Features searchable combobox, provider icons, and model grouping.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/model-selector.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/model-selector.json"},{"name":"mongodb-logo","title":"MongoDB Logo","description":"MongoDB database logo with dark/light mode support","type":"registry:block","source_url":"https://www.tryelements.dev/r/mongodb-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/mongodb-logo.json"},{"name":"moonshot-ai-logo","title":"MoonshotAI Logo","description":"MoonshotAI logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/moonshot-ai-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/moonshot-ai-logo.json"},{"name":"n8n-logo","title":"n8n Logo","description":"n8n logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/n8n-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/n8n-logo.json"},{"name":"neon-logo","title":"Neon Logo","description":"Neon database brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/neon-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/neon-logo.json"},{"name":"nextjs-logo","title":"Next.js Logo","description":"Next.js brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/nextjs-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/nextjs-logo.json"},{"name":"nodejs-logo","title":"Node.js Logo","description":"Node.js brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/nodejs-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/nodejs-logo.json"},{"name":"notion-logo","title":"Notion Logo","description":"Notion logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/notion-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/notion-logo.json"},{"name":"npm-logo","title":"npm Logo","description":"npm logo component - Node package manager","type":"registry:ui","source_url":"https://www.tryelements.dev/r/npm-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/npm-logo.json"},{"name":"nvidia-logo","title":"Nvidia Logo","description":"Nvidia logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/nvidia-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/nvidia-logo.json"},{"name":"obsidian-logo","title":"Obsidian Logo","description":"Obsidian - A knowledge base that works on local Markdown files","type":"registry:ui","source_url":"https://www.tryelements.dev/r/obsidian-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/obsidian-logo.json"},{"name":"og-image-explorer","title":"OG Image Explorer","description":"A dev tool to audit and preview Open Graph images from all routes in your app. Visual gallery with status indicators for broken images.","type":"registry:block","source_url":"https://www.tryelements.dev/r/og-image-explorer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/og-image-explorer.json"},{"name":"ollama-logo","title":"Ollama Logo","description":"Ollama logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/ollama-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/ollama-logo.json"},{"name":"openai-logo","title":"OpenAI Logo","description":"OpenAI logo with icon and wordmark variants","type":"registry:ui","source_url":"https://www.tryelements.dev/r/openai-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/openai-logo.json"},{"name":"opencode-logo","title":"OpenCode Logo","description":"OpenCode terminal AI coding agent pixelated wordmark","type":"registry:ui","source_url":"https://www.tryelements.dev/r/opencode-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/opencode-logo.json"},{"name":"openhands-logo","title":"OpenHands Logo","description":"OpenHands AI-driven development platform logo","type":"registry:ui","source_url":"https://www.tryelements.dev/r/openhands-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/openhands-logo.json"},{"name":"package-managers","title":"Package Managers","description":"JavaScript package managers: npm, pnpm, Yarn, and Bun","type":"registry:block","source_url":"https://www.tryelements.dev/r/package-managers.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/package-managers.json"},{"name":"page-comments","title":"Page Comments","description":"Figma-style commenting overlay with text selection highlights, pin comments, keyboard navigation, and replies. Includes adapters for Vercel KV, Upstash, Supaba…","type":"registry:block","source_url":"https://www.tryelements.dev/r/page-comments.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/page-comments.json"},{"name":"pagerduty-logo","title":"PagerDuty Logo","description":"PagerDuty logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/pagerduty-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pagerduty-logo.json"},{"name":"payload-logo","title":"Payload Logo","description":"Payload logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/payload-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/payload-logo.json"},{"name":"pdf-utils","title":"PDF Utils","description":"Utility functions for PDF manipulation: extract pages, screenshots, search text, and more","type":"registry:ui","source_url":"https://www.tryelements.dev/r/pdf-utils.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pdf-utils.json"},{"name":"pdf-viewer","title":"PDF Viewer","description":"Multi-mode PDF viewer with single page, continuous scroll, and book layout modes","type":"registry:ui","source_url":"https://www.tryelements.dev/r/pdf-viewer.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pdf-viewer.json"},{"name":"perplexity-logo","title":"Perplexity Logo","description":"Perplexity logo component with brand teal","type":"registry:ui","source_url":"https://www.tryelements.dev/r/perplexity-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/perplexity-logo.json"},{"name":"pika-logo","title":"Pika Logo","description":"Pika logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/pika-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pika-logo.json"},{"name":"pipeline","title":"AI Pipeline","description":"Multi-stage workflow visualization with horizontal or vertical layout, stage status indicators, progress tracking, and expandable stage details.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/pipeline.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pipeline.json"},{"name":"plan","title":"Ai Plan","description":"TODO: Add description","type":"registry:ui","source_url":"https://www.tryelements.dev/r/plan.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/plan.json"},{"name":"planetscale-logo","title":"PlanetScale Logo","description":"PlanetScale logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/planetscale-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/planetscale-logo.json"},{"name":"pnpm-logo","title":"pnpm Logo","description":"pnpm logo component - Fast, disk space efficient package manager","type":"registry:ui","source_url":"https://www.tryelements.dev/r/pnpm-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/pnpm-logo.json"},{"name":"polar-license-key","title":"Polar License Key","description":"Styled license key display with masking, copy functionality, and status indicators.","type":"registry:block","source_url":"https://www.tryelements.dev/r/polar-license-key.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-license-key.json"},{"name":"polar-logo","title":"Polar Logo","description":"Polar logo component with brand blue","type":"registry:ui","source_url":"https://www.tryelements.dev/r/polar-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-logo.json"},{"name":"polar-pricing-card","title":"Polar Pricing Card","description":"Product pricing card with features list, price display, and checkout CTA. Supports monthly/yearly/one-time pricing.","type":"registry:block","source_url":"https://www.tryelements.dev/r/polar-pricing-card.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-pricing-card.json"},{"name":"polar-revenue-card","title":"Polar Revenue Card","description":"MRR/ARR metric card with trend sparkline and percentage change indicator.","type":"registry:block","source_url":"https://www.tryelements.dev/r/polar-revenue-card.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-revenue-card.json"},{"name":"polar-sponsor-grid","title":"Polar Sponsor Grid","description":"Grid of sponsor avatars grouped by tier with customizable colors and avatar sizes.","type":"registry:block","source_url":"https://www.tryelements.dev/r/polar-sponsor-grid.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-sponsor-grid.json"},{"name":"polar-subscription-badge","title":"Polar Subscription Badge","description":"Subscription tier badge with status indicators and automatic tier-based coloring.","type":"registry:block","source_url":"https://www.tryelements.dev/r/polar-subscription-badge.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/polar-subscription-badge.json"},{"name":"postgresql-logo","title":"PostgreSQL Logo","description":"PostgreSQL database logo with dark/light mode support","type":"registry:block","source_url":"https://www.tryelements.dev/r/postgresql-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/postgresql-logo.json"},{"name":"posthog-logo","title":"PostHog Logo","description":"PostHog logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/posthog-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/posthog-logo.json"},{"name":"prisma-logo","title":"Prisma Logo","description":"Prisma brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/prisma-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/prisma-logo.json"},{"name":"programming-languages","title":"Programming Languages","description":"Popular programming language logos: TypeScript, JavaScript, Python, Rust, Go, and more","type":"registry:block","source_url":"https://www.tryelements.dev/r/programming-languages.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/programming-languages.json"},{"name":"prompt-diff","title":"AI Prompt Diff","description":"Compare system prompts with side-by-side or unified diff views. Shows added/removed line highlighting, line numbers, and copy buttons. Essential for prompt eng…","type":"registry:ui","source_url":"https://www.tryelements.dev/r/prompt-diff.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/prompt-diff.json"},{"name":"python-logo","title":"Python Logo","description":"Python programming language logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/python-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/python-logo.json"},{"name":"qwen-logo","title":"Qwen Logo","description":"Qwen logo component with theme-adaptive colors","type":"registry:ui","source_url":"https://www.tryelements.dev/r/qwen-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/qwen-logo.json"},{"name":"railway-logo","title":"Railway Logo","description":"Railway logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/railway-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/railway-logo.json"},{"name":"raycast-logo","title":"Raycast Logo","description":"Raycast - A blazingly fast, totally extendable launcher","type":"registry:ui","source_url":"https://www.tryelements.dev/r/raycast-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/raycast-logo.json"},{"name":"react-logo","title":"React Logo","description":"React brand logo component with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/react-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/react-logo.json"},{"name":"reasoning","title":"AI Reasoning","description":"Collapsible reasoning content with streaming awareness for DeepSeek R1-style thinking visualization.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/reasoning.json"},{"name":"redis-logo","title":"Redis Logo","description":"Redis in-memory data store logo with dark/light mode support","type":"registry:block","source_url":"https://www.tryelements.dev/r/redis-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/redis-logo.json"},{"name":"render-logo","title":"Render Logo","description":"Render logo with dark/light mode support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/render-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/render-logo.json"},{"name":"replicate-logo","title":"Replicate Logo","description":"Replicate logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/replicate-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/replicate-logo.json"},{"name":"replit-logo","title":"Replit Logo","description":"Replit logo with variant support","type":"registry:ui","source_url":"https://www.tryelements.dev/r/replit-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/replit-logo.json"},{"name":"request-inspector","title":"AI Request Inspector","description":"Display raw AI request/response data with collapsible sections, JSON syntax highlighting, copy buttons, and status code badges for debugging API calls.","type":"registry:ui","source_url":"https://www.tryelements.dev/r/request-inspector.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/request-inspector.json"},{"name":"resend-logo","title":"Resend Logo","description":"Resend brand logo with icon and wordmark variants","type":"registry:block","source_url":"https://www.tryelements.dev/r/resend-logo.json","install_command":"npx shadcn@latest add https://www.tryelements.dev/r/resend-logo.json"}]},{"id":"elevenlabs-ui","name":"@elevenlabs-ui","slug":"elevenlabs-ui","description":"ElevenLabs UI is an open-source shadcn-compatible component library by ElevenLabs purpose-built for audio and AI agent applications. It ships orbs, waveform visualizers, voice-agent interfaces, audio players, and related interactive components. Installable via the official @elevenlabs/cli or via npx shadcn add. Requires Node 18+, shadcn/ui initialized, and Tailwind CSS. Built with React and Next.js. Free and MIT licensed. Use for: building AI voice agent UIs or conversational audio apps that need ready-made waveform and orb components tightly integrated with the ElevenLabs speech platform.","author":"elevenlabs","framework":"react","license":"MIT","tags":["ai","audio","design-system","forms"],"categories":["AI/chat UI"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://ui.elevenlabs.io","github":"https://github.com/elevenlabs/ui","registry":"https://ui.elevenlabs.io/r/{name}.json","source":"https://ui.elevenlabs.io/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/elevenlabs-ui","markdown":"https://sh4dcn.netlify.app/md/elevenlabs-ui.md"},"logo":"<svg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>ElevenLabs</title><path d='M4.6035 0v24h4.9317V0zm9.8613 0v24h4.9317V0z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2432,"open_issues":29,"last_commit":"2026-10-16T06:10:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/elevenlabs/ui.git","clone_degit":"npx degit elevenlabs/ui","registry_fetch":"curl -s https://ui.elevenlabs.io/r/{name}.json"},"component_count":0,"components":[]},{"id":"elsecase","name":"@elsecase","slug":"elsecase","description":"Production React workflows for loading, empty, error, responsive data, form validation, retry, and recovery.","author":"heysinghaaa","framework":"react","license":"MIT","tags":["forms","loaders"],"categories":["Forms"],"labels":[],"urls":{"website":"https://elsecase.vercel.app","github":"https://github.com/heysinghaaa/Elsecase","registry":"https://elsecase.vercel.app/r/registry.json","source":"https://elsecase.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/elsecase","markdown":"https://sh4dcn.netlify.app/md/elsecase.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 4h14v3H8v3h8v3H8v4h11v3H5V4Z' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-08-19T21:19:03Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://elsecase.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://elsecase.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://elsecase.vercel.app/r/registry.json","clone":"git clone https://github.com/heysinghaaa/Elsecase.git","clone_degit":"npx degit heysinghaaa/Elsecase","registry_fetch":"curl -s https://elsecase.vercel.app/r/registry.json"},"component_count":3,"components":[{"name":"async-state","title":"AsyncState","description":"A declarative boundary for loading, refreshing, empty, error, offline, forbidden, and successful content.","type":"registry:component","source_url":"https://elsecase.vercel.app/r/async-state.json","install_command":"npx shadcn@latest add https://elsecase.vercel.app/r/async-state.json"},{"name":"data-explorer","title":"ResponsiveDataExplorer","description":"A responsive data-management workflow with search, filters, sorting, pagination, selection, URL state, desktop tables, and mobile cards.","type":"registry:component","source_url":"https://elsecase.vercel.app/r/data-explorer.json","install_command":"npx shadcn@latest add https://elsecase.vercel.app/r/data-explorer.json"},{"name":"form-workflow","title":"FormWorkflow","description":"A validated, recoverable form workflow with server errors, autosave, unsaved-change warnings, and multi-step flows.","type":"registry:component","source_url":"https://elsecase.vercel.app/r/form-workflow.json","install_command":"npx shadcn@latest add https://elsecase.vercel.app/r/form-workflow.json"}]},{"id":"emailcn","name":"@emailcn","slug":"emailcn","description":"Beautiful emails, made simple. Ready to use, customizable email components for React.","author":null,"framework":"react","license":null,"tags":[],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://emailcn.vercel.app","github":null,"registry":"https://emailcn.vercel.app/r/{name}.json","source":"https://emailcn.vercel.app/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/emailcn","markdown":"https://sh4dcn.netlify.app/md/emailcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round'><rect width='24' height='24' rx='5'/><g stroke='var(--foreground, currentColor)' stroke-width='1.275'><path d='M20.5 16.25a1.7 1.7 0 0 1-1.7 1.7H5.2a1.7 1.7 0 0 1-1.7-1.7V9.875A3.81 3.81 0 0 1 7.325 6.05H17.1c1.87 0 3.4 1.53 3.4 3.4z'/><path d='M7.325 6.05a3.81 3.81 0 0 1 3.825 3.825v6.375a1.7 1.7 0 0 1-1.7 1.7M6.9 10.3h.85m10.115 3.4-2.04 2.04m1.632-4.284-3.876 3.876'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://emailcn.vercel.app/r/{name}.json"},"component_count":0,"components":[]},{"id":"emend","name":"@emend","slug":"emend","description":"AI editing components for Tiptap. Add reviewable AI edits to an existing editor or start with a full editor.","author":"amittam104","framework":"react","license":"MIT","tags":["ai","editor","navigation"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://getemend.vercel.app","github":"https://github.com/amittam104/emend","registry":"https://getemend.vercel.app/r/registry.json","source":"https://getemend.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/emend","markdown":"https://sh4dcn.netlify.app/md/emend.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><defs><linearGradient id='_2jyroc0' x1='3.724' x2='35.74' y1='3.132' y2='36.21' gradientUnits='userSpaceOnUse'><stop stop-color='#575757' offset='0'/><stop offset='1'/></linearGradient><linearGradient id='_2jyroc1' x1='7.421' x2='31.97' y1='6.434' y2='31.8' gradientUnits='userSpaceOnUse'><stop offset='0'/><stop stop-color='#515151' offset='1'/></linearGradient></defs><rect x='1.719' y='1.652' width='36.56' height='36.72' rx='4.738' fill='url(#_2jyroc0)'/><path d='m6.18 8.74c0-1.96 1.58-3.53 3.53-3.53h20.72c1.96 0 3.53 1.57 3.53 3.53v20.52c0 2.04-1.65 3.63-3.62 3.63h-20.54c-2.02 0-3.62-1.63-3.62-3.68v-20.47z' fill='url(#_2jyroc1)' stroke='#484848' stroke-width='0.1579'/><path d='m20.02 13.06c-3.47 0-5.82 2.68-5.82 5.94 0 3.66 2.76 5.63 5.82 5.63 2.66 0 4.95-1.72 5.33-3.64h-2.5c-0.47 0.96-1.74 1.53-2.92 1.53-1.72-0.03-3.27-1.22-3.29-2.93h9.02c0.15-3.01-1.45-6.53-5.64-6.53zm-3.28 4.73c0.23-1.52 1.58-2.66 3.19-2.66 1.68 0 2.99 1.17 3.14 2.66h-6.33z' fill='#FFFFFF'/></svg>","preview_image":"https://getemend.vercel.app/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-23T08:15:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://getemend.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://getemend.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://getemend.vercel.app/r/registry.json","clone":"git clone https://github.com/amittam104/emend.git","clone_degit":"npx degit amittam104/emend","registry_fetch":"curl -s https://getemend.vercel.app/r/registry.json"},"component_count":9,"components":[{"name":"ai-bubble-menu","title":"AI Bubble Menu","description":"Selection-aware AI actions for an existing Tiptap editor.","type":"registry:block","source_url":"https://getemend.vercel.app/r/ai-bubble-menu.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/ai-bubble-menu.json"},{"name":"ai-composer","title":"AI Composer","description":"Prompt and review controls for an existing Tiptap editor.","type":"registry:block","source_url":"https://getemend.vercel.app/r/ai-composer.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/ai-composer.json"},{"name":"ai-assistant","title":"AI Assistant","description":"Floating AI assistant with document-aware writing actions and local chat history.","type":"registry:block","source_url":"https://getemend.vercel.app/r/ai-assistant.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/ai-assistant.json"},{"name":"color-picker","title":"Color Picker","description":"A color picker with a color canvas, hue and opacity sliders, eyedropper and editable formats. Adapted from Kibo UI.","type":"registry:component","source_url":"https://getemend.vercel.app/r/color-picker.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/color-picker.json"},{"name":"emend-editor-base","title":"Emend Editor without AI","description":"A Tiptap editor with formatting and save support, without AI.","type":"registry:block","source_url":"https://getemend.vercel.app/r/emend-editor-base.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/emend-editor-base.json"},{"name":"emend-editor","title":"Emend Editor with AI Bubble Menu","description":"A Tiptap editor with AI Bubble Menu. The default starter.","type":"registry:block","source_url":"https://getemend.vercel.app/r/emend-editor.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/emend-editor.json"},{"name":"emend-editor-assistant","title":"Emend Editor with AI Assistant","description":"A Tiptap editor with AI Assistant.","type":"registry:block","source_url":"https://getemend.vercel.app/r/emend-editor-assistant.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/emend-editor-assistant.json"},{"name":"emend-editor-composer","title":"Emend Editor with AI Composer","description":"A Tiptap editor with AI Composer.","type":"registry:block","source_url":"https://getemend.vercel.app/r/emend-editor-composer.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/emend-editor-composer.json"},{"name":"recipe-vercel-ai-gateway","title":"Vercel AI Gateway Route","description":"An Emend AI route backed by Vercel AI Gateway.","type":"registry:item","source_url":"https://getemend.vercel.app/r/recipe-vercel-ai-gateway.json","install_command":"npx shadcn@latest add https://getemend.vercel.app/r/recipe-vercel-ai-gateway.json"}]},{"id":"emerald-ui","name":"@emerald-ui","slug":"emerald-ui","description":"Emerald UI is a dual-purpose platform combining an inspirational website-design gallery with a CLI-installable shadcn component registry. Motion (Framer Motion) components include 3D marquee, animated dropdown, animated input, animated number, buttons, cards, flip-card, tooltip-cat, footer, gradient file upload, hero, parallax image, pricing, subscribe input, and text animations. GSAP components add color text reveal, fancy text hover, interactive team, link hover, magnetic effect, and scroll text reveal variants. The gallery uses Payload CMS v3, Supabase auth, and Cloudflare R2. Built on Next.js + React 19, Tailwind CSS v4. Free, MIT licensed. Use for: sourcing GSAP and Framer Motion-powered interactive components for high-motion marketing or portfolio sites, or browsing curated site designs for creative inspiration.","author":"Shatlyk1011","framework":"react","license":"MIT","tags":["3d","accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","cms","forms","marketing","media","overlays","pro-available","text-effects"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://emerald-ui.com","github":"https://github.com/Shatlyk1011/emerald-ui","registry":"https://emerald-ui.com/r/{name}.json","source":"https://emerald-ui.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/emerald-ui","markdown":"https://sh4dcn.netlify.app/md/emerald-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'><rect width='80' height='80' fill='white'/><g clip-path='url(#clip0_595_36)'><path d='M24.0805 33.0063C24.0806 34.1027 24.0891 35.1306 24.0787 36.1583C24.0639 37.6024 23.0121 38.2398 21.7448 37.5214C19.0636 36.0015 16.4085 34.4364 13.7403 32.8938C13.123 32.537 12.4933 32.2012 11.8745 31.847C11.0054 31.3496 10.5789 30.6428 10.5886 29.6043C10.6209 26.1329 10.6493 22.6597 10.5673 19.1898C10.5302 17.6206 11.6254 16.7907 13.1718 17.6763C15.9664 19.2769 18.7463 20.9025 21.5327 22.517C21.9904 22.7822 22.4504 23.0437 22.9086 23.308C23.7454 23.7907 24.1063 24.5073 24.0964 25.4691C24.0709 27.9584 24.0832 30.4482 24.0805 33.0063Z' fill='black'/><path d='M10.5936 57.5526C10.5935 55.9539 10.5883 54.4237 10.5945 52.8935C10.6002 51.5036 11.6471 50.835 12.8832 51.5182C15.1176 52.753 17.308 54.0659 19.516 55.3477C20.5703 55.9597 21.6111 56.5958 22.6795 57.1826C23.6658 57.7242 24.1172 58.4947 24.1049 59.6318C24.0683 63.0344 24.0943 66.4376 24.0893 69.8405C24.0867 71.6056 23.0684 72.1982 21.5221 71.319C18.283 69.4773 15.0554 67.6159 11.8187 65.7703C10.9854 65.2952 10.5656 64.6369 10.5841 63.6504C10.6218 61.6413 10.5942 59.631 10.5936 57.5526Z' fill='black'/><path d='M65.118 52.658C65.8826 52.2257 66.5838 51.778 67.3307 51.4249C68.4283 50.9061 69.5036 51.552 69.5094 52.752C69.527 56.4052 69.5037 60.0587 69.4954 63.7121C69.4931 64.7298 68.8843 65.3277 68.0564 65.8007C65.3011 67.375 62.5543 68.9637 59.8045 70.5474C59.2468 70.8686 58.7065 71.2244 58.1297 71.5074C56.9857 72.0686 56.0234 71.47 56.021 70.2046C56.0139 66.5055 56.031 62.8063 56.0113 59.1074C56.0061 58.1427 56.5538 57.607 57.3086 57.1715C59.6991 55.7924 62.0878 54.4102 64.4773 53.0293C64.6764 52.9142 64.8759 52.7996 65.118 52.658Z' fill='black'/><path d='M20.0154 9.92146C21.1933 9.23838 22.3319 8.58795 23.4562 7.914C24.4687 7.30701 25.442 7.34392 26.454 7.9404C29.4461 9.70405 32.4534 11.4424 35.4542 13.1916C36.9367 14.0558 36.9824 15.2764 35.5139 16.1435C32.4839 17.9326 29.4226 19.6696 26.3891 21.4529C25.3672 22.0536 24.4202 22.0373 23.4018 21.4342C20.4532 19.688 17.4823 17.9787 14.5208 16.2536C14.3818 16.1727 14.248 16.0825 14.1149 15.9922C12.8809 15.1557 12.8888 14.0457 14.1712 13.2889C16.0928 12.1551 18.0359 11.0571 20.0154 9.92146Z' fill='black'/><path d='M20.397 53.6549C18.3373 52.4319 16.3141 51.2456 14.3066 50.0339C12.9779 49.2319 12.9873 48.0584 14.3333 47.2632C17.3022 45.5092 20.2952 43.795 23.2553 42.0265C24.4541 41.3103 25.5461 41.3275 26.7451 42.0534C29.6946 43.8393 32.6855 45.5582 35.6567 47.3092C37.0402 48.1246 37.0965 49.1566 35.7313 49.9721C32.5344 51.8818 29.3089 53.7447 26.0872 55.6136C25.3342 56.0504 24.5503 56.0528 23.7842 55.612C22.6685 54.97 21.5548 54.3247 20.397 53.6549Z' fill='black'/><path d='M40.9425 64.4996C40.7907 64.1193 40.8045 63.7755 40.8054 63.4326C40.8128 60.4163 40.8145 57.4 40.83 54.3837C40.8331 53.7909 40.8836 53.1981 40.92 52.6057C40.9827 51.5833 41.953 50.9526 42.8908 51.3845C43.6622 51.7398 44.3908 52.1893 45.1262 52.6176C47.5918 54.0536 50.0365 55.5259 52.5212 56.9286C53.6812 57.5835 54.2233 58.4208 54.1893 59.7996C54.1065 63.1567 54.156 66.5172 54.1687 69.8763C54.1713 70.5545 54.071 71.1593 53.4187 71.5255C52.7626 71.8937 52.179 71.6465 51.5993 71.3082C48.5188 69.5104 45.4357 67.717 42.351 65.9263C41.765 65.5862 41.2164 65.2168 40.9425 64.4996Z' fill='black'/><path d='M61.229 44.615C62.7425 45.4997 64.2125 46.359 65.6814 47.2202C67.1558 48.0847 67.1855 49.2301 65.7188 50.0865C62.6193 51.8963 59.5031 53.6781 56.394 55.4717C55.5484 55.9595 54.7055 56.0085 53.8415 55.5006C50.6679 53.635 47.4848 51.7853 44.3153 49.913C43.023 49.1497 42.9793 48.1529 44.2551 47.394C47.4586 45.4887 50.6879 43.6257 53.9204 41.7688C54.7077 41.3166 55.5554 41.2965 56.3618 41.7634C57.9746 42.6972 59.5778 43.6472 61.229 44.615Z' fill='black'/><path d='M62.0452 11.0333C63.3013 11.7655 64.5154 12.4696 65.7217 13.1867C65.9968 13.3502 66.27 13.5324 66.5006 13.751C67.1208 14.3388 67.1107 15.0882 66.4811 15.6685C65.8317 16.2671 65.017 16.617 64.2664 17.0615C61.9702 18.4211 59.6347 19.7188 57.3792 21.1412C55.9937 22.0149 54.7777 22.089 53.3493 21.2035C50.6134 19.5075 47.7882 17.9535 45.0162 16.3136C43.1336 15.1998 43.1299 14.2145 44.9941 13.1228C47.9324 11.4021 50.8932 9.71901 53.8275 7.99161C54.8457 7.39221 55.7897 7.3667 56.8118 7.98615C58.5233 9.02339 60.2691 10.005 62.0452 11.0333Z' fill='black'/><path d='M54.1773 24.3933C54.3414 24.8444 54.3111 25.2593 54.3114 25.6691C54.3136 29.097 54.3067 32.525 54.3157 35.953C54.3174 36.6152 54.3003 37.2563 53.6248 37.622C52.9553 37.9845 52.3733 37.6627 51.8097 37.3333C49.1276 35.766 46.467 34.1616 43.7637 32.6311C40.6091 30.8451 41.1423 30.8975 41.0458 28.0381C40.9464 25.0906 40.9971 22.1436 40.9627 19.1965C40.9424 17.4535 41.9973 16.8053 43.5313 17.6731C46.7365 19.4862 49.9091 21.3561 53.0889 23.2129C53.5481 23.4811 53.9581 23.8202 54.1773 24.3933Z' fill='black'/><path d='M63.6121 19.6277C64.7284 18.9755 65.8009 18.3487 66.8739 17.7227C67.2543 17.5008 67.6419 17.3095 68.1043 17.324C68.7894 17.3455 69.2474 17.6556 69.4026 18.328C69.4687 18.6145 69.5021 18.9146 69.5027 19.2087C69.5096 22.5433 69.4772 25.8784 69.5231 29.2124C69.5399 30.4337 69.0293 31.2525 68.0101 31.8467C64.97 33.6191 61.9389 35.4067 58.8927 37.1688C58.2865 37.5195 57.6408 37.9824 56.8997 37.5267C56.1701 37.0782 56.1763 36.3106 56.1761 35.5703C56.175 32.2585 56.2037 28.9463 56.1576 25.6352C56.1418 24.4965 56.5785 23.7154 57.5448 23.1577C59.5568 21.9966 61.5611 20.8224 63.6121 19.6277Z' fill='black'/><path d='M37.9025 65.7743C34.7519 67.5947 31.6449 69.3898 28.5355 71.1807C28.2574 71.3409 27.9759 71.5101 27.6742 71.6126C26.9102 71.872 26.0905 71.3596 25.9758 70.5691C25.9464 70.367 25.9563 70.1588 25.9549 69.9534C25.9309 66.4835 25.9176 63.0136 25.8787 59.544C25.8674 58.5423 26.2093 57.8046 27.1184 57.281C30.368 55.4098 33.6146 53.5319 36.8239 51.5942C38.146 50.796 39.1791 51.8422 39.1817 52.9191C39.1905 56.5509 39.1879 60.1828 39.1777 63.8147C39.1752 64.7002 38.6844 65.3084 37.9025 65.7743Z' fill='black'/><path d='M39.2 20.1183C39.1979 23.1313 39.1305 26.0782 39.2215 29.0203C39.266 30.4579 38.664 31.3353 37.4815 32.0086C34.6444 33.624 31.8254 35.2704 28.9985 36.9033C28.6006 37.1332 28.2147 37.3912 27.7966 37.5775C26.8443 38.002 25.9653 37.4884 25.9602 36.4522C25.941 32.5717 25.9582 28.6909 25.9719 24.8103C25.975 23.925 26.6227 23.5036 27.2952 23.1156C29.665 21.7482 32.0359 20.3828 34.404 19.0126C35.1801 18.5635 35.9355 18.0778 36.7238 17.6514C38.0875 16.9137 39.1897 17.5653 39.2006 19.0913C39.2028 19.4109 39.2003 19.7305 39.2 20.1183Z' fill='black'/><path d='M40.8035 33.1163C43.423 34.4812 45.8677 36.0376 48.39 37.4616C49.1707 37.9024 49.95 38.3479 50.7082 38.8253C51.9174 39.5868 51.9322 40.6406 50.7061 41.4041C49.341 42.2541 47.9302 43.0319 46.5393 43.8413C44.8504 44.8241 43.1497 45.7878 41.4771 46.7972C40.4331 47.4272 39.4928 47.3766 38.4454 46.7428C35.6334 45.0413 32.7804 43.4063 29.9379 41.7547C27.9731 40.6131 27.9738 39.6945 29.9442 38.5538C32.8095 36.8952 35.669 35.2269 38.5324 33.565C39.2182 33.1669 39.9168 32.8123 40.8035 33.1163Z' fill='black'/></g><defs><clipPath id='clip0_595_36'><rect width='59' height='65' fill='white' transform='translate(10.5 7.5)'/></clipPath></defs></svg>","preview_image":"https://emerald-ui.com/opengraph-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://emerald-ui.com/docs/components/pricing"},"metrics":{"github_stars":30,"open_issues":0,"last_commit":"2026-09-13T18:00:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/Shatlyk1011/emerald-ui.git","clone_degit":"npx degit Shatlyk1011/emerald-ui","registry_fetch":"curl -s https://emerald-ui.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"emstein-ui","name":"@emstein-ui","slug":"emstein-ui","description":"Virtualized table components for shadcn/ui with sorting, resizing, and row selection.","author":null,"framework":"react","license":null,"tags":["forms","tables"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://ui.emstein.com","github":null,"registry":"https://ui.emstein.com/r/registry.json","source":"https://ui.emstein.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/emstein-ui","markdown":"https://sh4dcn.netlify.app/md/emstein-ui.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><g fill=\"var(--foreground)\"><path d=\"M16.5098 5.01L14.5498 3.05C13.1498 1.65 10.8498 1.65 9.44977 3.05L7.48977 5.01C7.09977 5.4 7.09977 6.04 7.48977 6.43L11.2998 10.24C11.6898 10.63 12.3198 10.63 12.7098 10.24L16.5198 6.43C16.8998 6.04 16.8998 5.4 16.5098 5.01Z\"/><path d=\"M5.01 7.49172L3.05 9.45172C1.65 10.8517 1.65 13.1517 3.05 14.5517L5.01 16.5117C5.4 16.9017 6.03 16.9017 6.42 16.5117L10.23 12.7017C10.62 12.3117 10.62 11.6817 10.23 11.2917L6.43 7.49172C6.04 7.10172 5.4 7.10172 5.01 7.49172Z\"/><path d=\"M20.9491 9.45172L18.9891 7.49172C18.5991 7.10172 17.9691 7.10172 17.5791 7.49172L13.7691 11.3017C13.3791 11.6917 13.3791 12.3217 13.7691 12.7117L17.5791 16.5217C17.9691 16.9117 18.5991 16.9117 18.9891 16.5217L20.9491 14.5617C22.3491 13.1517 22.3491 10.8517 20.9491 9.45172Z\"/><path d=\"M7.48907 18.9891L9.44907 20.9491C10.8491 22.3491 13.1491 22.3491 14.5491 20.9491L16.5091 18.9891C16.8991 18.5991 16.8991 17.9691 16.5091 17.5791L12.6991 13.7691C12.3091 13.3791 11.6791 13.3791 11.2891 13.7691L7.47907 17.5791C7.09907 17.9591 7.09907 18.5991 7.48907 18.9891Z\"/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.emstein.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.emstein.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.emstein.com/r/registry.json","registry_fetch":"curl -s https://ui.emstein.com/r/registry.json"},"component_count":1,"components":[{"name":"table","title":"Table","description":"A virtualized shadcn-compatible table with sorting, resizing, and optional selection.","type":"registry:component","source_url":"https://ui.emstein.com/r/table.json","install_command":"npx shadcn@latest add https://ui.emstein.com/r/table.json"}]},{"id":"ephemera","name":"@ephemera","slug":"ephemera","description":"A paper UI design system: shadcn/ui-compatible components styled as stationery, with six paper themes, fonts and theme CSS that install in one step.","author":"kerrshift","framework":"react","license":"MIT","tags":["buttons","cards","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://ephemera.kerrshift.com","github":"https://github.com/kerrshift/ephemera","registry":"https://ephemera.kerrshift.com/r/registry.json","source":"https://ephemera.kerrshift.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ephemera","markdown":"https://sh4dcn.netlify.app/md/ephemera.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect x='14' y='14' width='40' height='40' rx='7' fill='#ffe94d' transform='rotate(-6 34 34)'/><rect x='10' y='10' width='40' height='40' rx='7' fill='#2a3cf5' transform='rotate(-6 30 30)'/></svg>","preview_image":"https://ephemera.kerrshift.com/opengraph-image?8e1477bc33acf237","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":3,"last_commit":"2026-10-19T05:56:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ephemera.kerrshift.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ephemera.kerrshift.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ephemera.kerrshift.com/r/registry.json","clone":"git clone https://github.com/kerrshift/ephemera.git","clone_degit":"npx degit kerrshift/ephemera","registry_fetch":"curl -s https://ephemera.kerrshift.com/r/registry.json"},"component_count":43,"components":[{"name":"paper-theme","title":"Paper Theme","description":"Six paper types as CSS variables (Cream, Kraft, Ledger, Blueprint, Newsprint, Carbon), merged into your global CSS, plus the five Ephemera fonts. Also re-skins…","type":"registry:theme","source_url":"https://ephemera.kerrshift.com/r/paper-theme.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/paper-theme.json"},{"name":"font-fraunces","title":"Fraunces (font)","description":"Display serif for titles, letters and cards.","type":"registry:font","source_url":"https://ephemera.kerrshift.com/r/font-fraunces.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/font-fraunces.json"},{"name":"font-ibm-plex-mono","title":"IBM Plex Mono (font)","description":"Thermal-receipt monospace for receipts, toasts and code.","type":"registry:font","source_url":"https://ephemera.kerrshift.com/r/font-ibm-plex-mono.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/font-ibm-plex-mono.json"},{"name":"font-courier-prime","title":"Courier Prime (font)","description":"Typewriter face for labels, buttons and inputs.","type":"registry:font","source_url":"https://ephemera.kerrshift.com/r/font-courier-prime.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/font-courier-prime.json"},{"name":"font-caveat","title":"Caveat (font)","description":"Handwriting for sticky notes, tooltips and captions.","type":"registry:font","source_url":"https://ephemera.kerrshift.com/r/font-caveat.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/font-caveat.json"},{"name":"font-anton","title":"Anton (font)","description":"Condensed capitals for rubber stamps.","type":"registry:font","source_url":"https://ephemera.kerrshift.com/r/font-anton.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/font-anton.json"},{"name":"button","title":"Button","description":"Typewriter keys that press down. Ink, paper, ghost and danger.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/button.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/button.json"},{"name":"input","title":"Input","description":"Type on a ruled line. Includes a notebook Textarea and Label.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/input.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/input.json"},{"name":"checkbox","title":"Checkbox","description":"A box ticked in pen, with an animated stroke.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/checkbox.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"Pencil circles that fill with a blot of ink.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/radio-group.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/radio-group.json"},{"name":"switch","title":"Switch","description":"A typewriter lever that slides between OFF and ON.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/switch.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/switch.json"},{"name":"select","title":"Select","description":"A card-catalogue drawer of options.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/select.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/select.json"},{"name":"slider","title":"Slider","description":"A ruler with a pen-nib marker.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/slider.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/slider.json"},{"name":"date-picker","title":"Date Picker","description":"A ruled field that opens a desk calendar.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/date-picker.json"},{"name":"card","title":"Card","description":"An index card, optionally ruled with a red header line.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/card.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/card.json"},{"name":"tabs","title":"Tabs","description":"File-folder tabs on top of a sheet.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/tabs.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Index-card dividers that open to reveal their notes.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/accordion.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/accordion.json"},{"name":"separator","title":"Separator","description":"Rules, double rules and tear-here perforations.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/separator.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/separator.json"},{"name":"table","title":"Table","description":"Ledger paper with a red margin and double-ruled totals.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/table.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/table.json"},{"name":"dialog","title":"Dialog","description":"A letter that slides up out of its envelope.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/dialog.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/dialog.json"},{"name":"sheet","title":"Sheet","description":"A folder that slides in from the edge, with a tab.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/sheet.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/sheet.json"},{"name":"popover","title":"Popover","description":"A slip of paper with a folded corner.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/popover.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/popover.json"},{"name":"tooltip","title":"Tooltip","description":"A sticky note that appears on hover.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/tooltip.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A typed menu on an index card.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/dropdown-menu.json"},{"name":"toast","title":"Toast","description":"Notifications that print as receipt slips and tear away.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/toast.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/toast.json"},{"name":"badge","title":"Badge","description":"Embossed label-maker tape.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/badge.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/badge.json"},{"name":"avatar","title":"Avatar","description":"A postage-stamp or postmark avatar.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/avatar.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/avatar.json"},{"name":"alert","title":"Alert","description":"A memo with a note in the margin.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/alert.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/alert.json"},{"name":"progress","title":"Progress","description":"A punch card that fills hole by hole.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/progress.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"A light pencil sketch while content loads.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/skeleton.json"},{"name":"kbd","title":"Kbd","description":"Round typewriter keys for shortcuts.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/kbd.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/kbd.json"},{"name":"calendar","title":"Calendar","description":"A desk calendar page. The chosen day gets circled in pen.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/calendar.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/calendar.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A typed file path.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Notebook page numbers, the current one circled.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/pagination.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/pagination.json"},{"name":"receipt","title":"Receipt","description":"A thermal-paper receipt with torn edges that prints line by line.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/receipt.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/receipt.json"},{"name":"ticket","title":"Ticket","description":"An admission ticket with a perforated stub you can tear off.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/ticket.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/ticket.json"},{"name":"boarding-pass","title":"Boarding Pass","description":"A boarding pass for trips, itineraries and invitations.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/boarding-pass.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/boarding-pass.json"},{"name":"polaroid","title":"Polaroid","description":"An instant photo that develops as it scrolls into view. Click to shake it.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/polaroid.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/polaroid.json"},{"name":"postage-stamp","title":"Postage Stamp","description":"A perforated stamp with an optional inked postmark.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/postage-stamp.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/postage-stamp.json"},{"name":"rubber-stamp","title":"Rubber Stamp","description":"A speckled ink stamp that thuds onto the page.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/rubber-stamp.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/rubber-stamp.json"},{"name":"envelope","title":"Envelope","description":"An envelope that opens to reveal a letter.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/envelope.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/envelope.json"},{"name":"wax-seal","title":"Wax Seal","description":"A hand-poured wax seal with your initials.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/wax-seal.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/wax-seal.json"},{"name":"sticky-note","title":"Sticky Note","description":"A sticky note with a curled corner, tape or a push pin.","type":"registry:ui","source_url":"https://ephemera.kerrshift.com/r/sticky-note.json","install_command":"npx shadcn@latest add https://ephemera.kerrshift.com/r/sticky-note.json"}]},{"id":"ericts","name":"@ericts","slug":"ericts","description":"Motion-focused shadcn-compatible components, hooks, and blocks for polished React interfaces.","author":"EricTsai83","framework":"react","license":"MIT","tags":["animation","audio","auth","blocks","buttons","cards","forms","hooks","icons","loaders","maps","navigation","overlays"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.ericts.com","github":"https://github.com/EricTsai83/ericts-ui","registry":"https://ui.ericts.com/r/registry.json","source":"https://ui.ericts.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ericts","markdown":"https://sh4dcn.netlify.app/md/ericts.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><rect width='256' height='256' fill='none'/><path d='M128 224.6l-8.8-7.8C54 158.8 16 124 16 78.4 16 46 39.2 24 72 24c22.8 0 41.8 13.2 56 36 14.2-22.8 33.2-36 56-36 32.8 0 56 22 56 54.4 0 45.6-38 80.4-103.2 138.4L128 224.6z' fill='none' stroke='var(--foreground)' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/><line x1='192' y1='112' x2='144' y2='160' fill='none' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/><line x1='192' y1='64' x2='96' y2='160' fill='none' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/></svg>","preview_image":"https://ui.ericts.com/opengraph-image","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2026-10-20T03:31:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.ericts.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.ericts.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.ericts.com/r/registry.json","clone":"git clone https://github.com/EricTsai83/ericts-ui.git","clone_degit":"npx degit EricTsai83/ericts-ui","registry_fetch":"curl -s https://ui.ericts.com/r/registry.json"},"component_count":59,"components":[{"name":"ring-hud","title":"Ring HUD","description":"A transient heads-up ring: it fills to a level around an icon, holds with a caption, then sweeps away. Hold for a set time or until dismissed, and update the v…","type":"registry:ui","source_url":"https://ui.ericts.com/r/ring-hud.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/ring-hud.json"},{"name":"download-button","title":"Download Button","description":"A circular download action whose outline becomes the progress ring, then settles into a download-again arrow with a check badge. The done state can persist, re…","type":"registry:ui","source_url":"https://ui.ericts.com/r/download-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/download-button.json"},{"name":"expandable-subscribe","title":"Expandable Subscribe","description":"A compact button that expands into an email form, with async submission, loading, confirmation, and error recovery.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-subscribe.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-subscribe.json"},{"name":"smooth-height","title":"Smooth Height","description":"A Motion-powered layout primitive that observes content size and animates height changes.","type":"registry:ui","source_url":"https://ui.ericts.com/r/smooth-height.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/smooth-height.json"},{"name":"copy-button","title":"Copy Button","description":"A shadcn Button-based clipboard control with animated copy and success states.","type":"registry:ui","source_url":"https://ui.ericts.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/copy-button.json"},{"name":"icon-swap","title":"Icon Swap","description":"A controlled binary icon transition with stable layout, interruptible state changes, and reduced-motion support.","type":"registry:ui","source_url":"https://ui.ericts.com/r/icon-swap.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/icon-swap.json"},{"name":"like","title":"Like","description":"A composable like toggle whose heart fills from a chosen origin while miniature hearts scatter, with controlled and uncontrolled state.","type":"registry:ui","source_url":"https://ui.ericts.com/r/like.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/like.json"},{"name":"like-button","title":"Like Button","description":"A ready-made labeled action built from the composable Like primitive.","type":"registry:ui","source_url":"https://ui.ericts.com/r/like-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/like-button.json"},{"name":"like-burst","title":"Like Burst","description":"A like toggle with the same props as Like, whose outline collapses into a bubble that hollows into a ring as the heart pops back amid paired confetti dots.","type":"registry:ui","source_url":"https://ui.ericts.com/r/like-burst.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/like-burst.json"},{"name":"status-button","title":"Status Button","description":"A shadcn Button-based action that transitions through idle, loading, and success states.","type":"registry:ui","source_url":"https://ui.ericts.com/r/status-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/status-button.json"},{"name":"expandable-toggle-button","title":"Expandable Toggle Button","description":"A shadcn toggle button that expands from an icon into an icon-and-label action while keeping the icon anchored.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-toggle-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-toggle-button.json"},{"name":"play-button","title":"Play Button","description":"A circular media toggle whose glyph morphs between a play triangle and pause bars, with a ghost or frosted over-video surface.","type":"registry:ui","source_url":"https://ui.ericts.com/r/play-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/play-button.json"},{"name":"sliding-play-button","title":"Sliding Play Button","description":"A circular media toggle built from three overlapping SVG elements that compress, slide, expand, and settle together with an optional duration override.","type":"registry:ui","source_url":"https://ui.ericts.com/r/sliding-play-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/sliding-play-button.json"},{"name":"seek-button","title":"Seek Button","description":"A circular media skip control whose ring spins one full turn per press while the seconds it jumps stay upright at the centre.","type":"registry:ui","source_url":"https://ui.ericts.com/r/seek-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/seek-button.json"},{"name":"floating-shortcut-button","title":"Floating Shortcut Button","description":"A configurable floating action menu with coordinated size presets, a shrinking trigger, crossfading icon states, and staggered shortcuts.","type":"registry:ui","source_url":"https://ui.ericts.com/r/floating-shortcut-button.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/floating-shortcut-button.json"},{"name":"arc-menu","title":"Arc Menu","description":"A bottom-anchored shortcut menu that fans actions along a configurable arc while its trigger shrinks and swaps from a shortcut grid to a close icon.","type":"registry:ui","source_url":"https://ui.ericts.com/r/arc-menu.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/arc-menu.json"},{"name":"status-badge","title":"Status Badge","description":"A compact animated badge for status labels with icon and text slot transitions.","type":"registry:ui","source_url":"https://ui.ericts.com/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/status-badge.json"},{"name":"floating-select","title":"Floating Select","description":"A single-button floating select that expands into an animated option list.","type":"registry:ui","source_url":"https://ui.ericts.com/r/floating-select.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/floating-select.json"},{"name":"expandable-slider","title":"Expandable Slider","description":"A composable slider that stays expanded on mobile and grows from an icon button on desktop hover, focus, or drag.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-slider.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-slider.json"},{"name":"expandable-toolbar","title":"Expandable Toolbar","description":"A controlled or uncontrolled toolbar primitive that measures its action slot and expands from either side.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-toolbar.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-toolbar.json"},{"name":"check-mark","title":"Check Mark","description":"A pure SVG checkmark animation that draws a square or circle before the check.","type":"registry:ui","source_url":"https://ui.ericts.com/r/check-mark.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/check-mark.json"},{"name":"shy-heart","title":"Shy Heart","description":"A resizable brand-outline heart that leans left on hover before revealing soft blush marks.","type":"registry:ui","source_url":"https://ui.ericts.com/r/shy-heart.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/shy-heart.json"},{"name":"jitter","title":"Jitter","description":"A jitter animation primitive plus a ready-made vibration icon.","type":"registry:ui","source_url":"https://ui.ericts.com/r/jitter.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/jitter.json"},{"name":"squeeze","title":"Squeeze","description":"A squeeze animation primitive plus a ready-made SVG card icon.","type":"registry:ui","source_url":"https://ui.ericts.com/r/squeeze.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/squeeze.json"},{"name":"heartbeat","title":"Heartbeat","description":"A Motion-powered heartbeat primitive with a projected shadow layer and reduced-motion support.","type":"registry:ui","source_url":"https://ui.ericts.com/r/heartbeat.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/heartbeat.json"},{"name":"projected-shadow","title":"Projected Shadow","description":"A CSS-powered primitive that layers an element with projected and contact shadows, supports an animation opt-out, and gathers on hover or active state.","type":"registry:ui","source_url":"https://ui.ericts.com/r/projected-shadow.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/projected-shadow.json"},{"name":"otp-input","title":"OTP Input","description":"A fixed-slot one-time passcode input with paste, autofill, an error shake, and a staggered success wave.","type":"registry:ui","source_url":"https://ui.ericts.com/r/otp-input.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/otp-input.json"},{"name":"adaptive-switch","title":"Adaptive Switch","description":"An accessible switch with optional state labels, three sizes, and configurable motion.","type":"registry:ui","source_url":"https://ui.ericts.com/r/adaptive-switch.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/adaptive-switch.json"},{"name":"nav-link","title":"Nav Link","description":"Adds active, exact, and pending route state to Next.js App Router links, with typed routes, nested matching, and Cache Components support.","type":"registry:ui","source_url":"https://ui.ericts.com/r/nav-link.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/nav-link.json"},{"name":"highlight-tabs","title":"Highlight Tabs","description":"A Motion-powered tab list with a shared highlight indicator and keyboard navigation.","type":"registry:ui","source_url":"https://ui.ericts.com/r/highlight-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/highlight-tabs.json"},{"name":"filter-tags","title":"Filter Tags","description":"A horizontally scrollable multi-select tag row that groups selected tags first in selection order, with responsive controls and reduced-motion support.","type":"registry:ui","source_url":"https://ui.ericts.com/r/filter-tags.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/filter-tags.json"},{"name":"sliding-list","title":"Sliding List","description":"A controlled or uncontrolled vertical list with optional initial selection, mirrored alignment, and a dot, dash, or custom icon indicator.","type":"registry:ui","source_url":"https://ui.ericts.com/r/sliding-list.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/sliding-list.json"},{"name":"rail-list","title":"Rail List","description":"A controlled or uncontrolled horizontal selector rail with centered labels, roving focus, and an edge-underline indicator on the active item.","type":"registry:ui","source_url":"https://ui.ericts.com/r/rail-list.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/rail-list.json"},{"name":"rail-stage","title":"Rail Stage","description":"A composed content browser that pairs a scalable vertical rail with one focused stage, collapsing to a scrollable strip on small screens.","type":"registry:block","source_url":"https://ui.ericts.com/r/rail-stage.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/rail-stage.json"},{"name":"mermaid-diagram","title":"Mermaid Diagram","description":"A responsive Mermaid rendering surface with streaming and error states, repair hooks, and accessible pan and zoom both inline and in a fullscreen viewer.","type":"registry:block","source_url":"https://ui.ericts.com/r/mermaid-diagram.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/mermaid-diagram.json"},{"name":"expandable-segmented-tabs","title":"Expandable Segmented Tabs","description":"A Motion-powered segmented tab list for switching modes or views, with an active tab that expands from icon-only into a label.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-segmented-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-segmented-tabs.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"A DynamicIsland-style toolbar whose icon tabs expand into actionable menu or content panels, with full keyboard and ARIA support.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-tabs.json"},{"name":"expandable-panel","title":"Expandable Panel","description":"A floating panel that grows from a compact icon trigger and holds arbitrary content.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-panel.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-panel.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A Base UI navigation menu with centered popups, animated viewport sizing, and shadcn-style composition.","type":"registry:ui","source_url":"https://ui.ericts.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/navigation-menu.json"},{"name":"text-morph","title":"Text Morph","description":"A Motion-powered text primitive that morphs matching characters between string updates.","type":"registry:ui","source_url":"https://ui.ericts.com/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/text-morph.json"},{"name":"timer","title":"Timer","description":"Countdown and count-up timers with optional controls, accurate deadline tracking, customizable digit slots, and opt-out motion.","type":"registry:ui","source_url":"https://ui.ericts.com/r/timer.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/timer.json"},{"name":"expandable-dialog","title":"Expandable Dialog","description":"A shared-layout dialog that expands list items into an accessible detail view.","type":"registry:ui","source_url":"https://ui.ericts.com/r/expandable-dialog.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/expandable-dialog.json"},{"name":"context-cursor","title":"Context Cursor","description":"A scoped custom cursor for pointer-rich surfaces where each target can register its own label, icon, and interaction intent.","type":"registry:ui","source_url":"https://ui.ericts.com/r/context-cursor.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/context-cursor.json"},{"name":"feedback-popover","title":"Feedback Popover","description":"A Motion-powered feedback popover that expands from a trigger, supports keyboard submission, and confirms receipt inline.","type":"registry:ui","source_url":"https://ui.ericts.com/r/feedback-popover.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/feedback-popover.json"},{"name":"multi-step","title":"Multi-Step Flow","description":"A Motion-powered multi-step container that slides between steps and animates height changes.","type":"registry:ui","source_url":"https://ui.ericts.com/r/multi-step.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/multi-step.json"},{"name":"adaptive-drawer","title":"Adaptive Drawer","description":"A shadcn Drawer that measures panel content and animates height changes.","type":"registry:ui","source_url":"https://ui.ericts.com/r/adaptive-drawer.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/adaptive-drawer.json"},{"name":"staggered-entrance","title":"Staggered Entrance","description":"A CSS-powered staggered entrance primitive for lists, cards, steps, rows, and search results.","type":"registry:ui","source_url":"https://ui.ericts.com/r/staggered-entrance.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/staggered-entrance.json"},{"name":"scroll-expand","title":"Scroll Expand & Focus Hero","description":"An art-directed scroll hero that expands a detail into context or focuses a full-bleed scene into a discovery.","type":"registry:block","source_url":"https://ui.ericts.com/r/scroll-expand.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/scroll-expand.json"},{"name":"ripple-scene","title":"Ripple Scene Gallery","description":"An immersive scene selector whose photo lifts into a travelling corrugated wave, swapping to the next scene at the crest before settling flat.","type":"registry:block","source_url":"https://ui.ericts.com/r/ripple-scene.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/ripple-scene.json"},{"name":"vertical-scene","title":"Vertical Scene Gallery","description":"A direction-aware gallery that reveals later scenes from below and earlier scenes from above with a paired vertical image transition.","type":"registry:block","source_url":"https://ui.ericts.com/r/vertical-scene.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/vertical-scene.json"},{"name":"deck-lift","title":"Deck Lift","description":"A screen whose resting card deck lifts to the top, drops the sheet away, and pulls a full page of detail up behind it, then swipes card by card.","type":"registry:block","source_url":"https://ui.ericts.com/r/deck-lift.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/deck-lift.json"},{"name":"use-scroll-progress","title":"useScrollProgress","description":"A render-free vertical scroll progress hook for window or element scrollers with optional time-based smoothing.","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-scroll-progress.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-scroll-progress.json"},{"name":"use-swipe-navigation","title":"useSwipeNavigation","description":"A touch-first React hook for previous and next navigation with configurable feedback, live gesture progress, direction locking, ownership, and reduced-motion s…","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-swipe-navigation.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-swipe-navigation.json"},{"name":"use-sequence-player","title":"useSequencePlayer","description":"A client-safe React hook that spotlights one scripted animation sequence at a time, pausing off-screen, on hidden tabs, while focused, and under reduced motion.","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-sequence-player.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-sequence-player.json"},{"name":"use-reduced-motion","title":"useReducedMotion","description":"A client-safe React hook for reading prefers-reduced-motion and reacting to preference changes.","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-reduced-motion.json"},{"name":"use-element-height","title":"useElementHeight","description":"A client-safe React hook that measures an element's height with ResizeObserver so a container can animate between content heights.","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-element-height.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-element-height.json"},{"name":"use-element-size-map","title":"useElementSizeMap","description":"A client-safe React hook that measures multiple keyed element sizes with ResizeObserver so animated shells can morph to active content.","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-element-size-map.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-element-size-map.json"},{"name":"use-scroll-anchor","title":"useScrollAnchor","description":"A client-safe React hook that parks a selected item at a fixed anchor point in a scroll container, with a configurable easing and duration — the click-to-scrol…","type":"registry:hook","source_url":"https://ui.ericts.com/r/use-scroll-anchor.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/use-scroll-anchor.json"},{"name":"demo-tabs","title":"Demo Tabs","description":"A tabbed product demo with a shared playback timeline, progress underline, and customizable scenes. Includes three synchronized terminal-and-result examples.","type":"registry:block","source_url":"https://ui.ericts.com/r/demo-tabs.json","install_command":"npx shadcn@latest add https://ui.ericts.com/r/demo-tabs.json"}]},{"id":"esuiss","name":"@esuiss","slug":"esuiss","description":"Copy-paste components, patterns, interactions, charts and blocks for React with Next.js and Vite, React Native with Expo, SwiftUI and Jetpack Compose.","author":"e-suiss","framework":"react","license":"MIT","tags":["auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://suiss.app/ui","github":"https://github.com/e-suiss/ui","registry":"https://suiss.app/ui/r/registry/registry.json","source":"https://suiss.app/ui/r/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/esuiss","markdown":"https://sh4dcn.netlify.app/md/esuiss.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><circle cx='12' cy='12' r='9'/></svg>","preview_image":"https://suiss.app/ui/opengraph-image?8daf91aa16b8430e","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":15,"open_issues":0,"last_commit":"2026-10-26T08:14:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://suiss.app/ui/r/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://suiss.app/ui/r/registry/registry.json","install_bun":"bunx shadcn@latest add https://suiss.app/ui/r/registry/registry.json","clone":"git clone https://github.com/e-suiss/ui.git","clone_degit":"npx degit e-suiss/ui","registry_fetch":"curl -s https://suiss.app/ui/r/registry/registry.json"},"component_count":232,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of headings that each reveal a section of content.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/accordion.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user to confirm an important action or acknowledge information.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/alert-dialog.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/alert-dialog.json"},{"name":"alert-sheet","title":"Alert Sheet","description":"An action sheet that slides up from the bottom of the screen to confirm or choose an action.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/alert-sheet.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/alert-sheet.json"},{"name":"alert","title":"Alert","description":"A static callout that draws attention to an important message without interrupting the user.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/alert.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A container that keeps its content at a fixed width-to-height ratio.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/aspect-ratio.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"A compact file card that shows a document or image with its name, details, upload state and actions.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/attachment.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/attachment.json"},{"name":"avatar","title":"Avatar","description":"A circular image that represents a person, with initials or an icon when no image is available.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/avatar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/avatar.json"},{"name":"badge","title":"Badge","description":"A small inline label for status, counts or metadata.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/badge.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A trail of links that shows where the current page sits in the site hierarchy.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/breadcrumb.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"A chat-style message bubble with variants, alignment, a tail and optional reactions.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/bubble.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bubble.json"},{"name":"button-group","title":"Button Group","description":"A container that joins related buttons, inputs and menus into a single connected control.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/button-group.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/button-group.json"},{"name":"button","title":"Button","description":"A pill-shaped button that triggers an action, with variants for every level of emphasis.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/button.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/button.json"},{"name":"calendar","title":"Calendar","description":"A month-grid date picker for selecting a single date, several dates or a date range.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/calendar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/calendar.json"},{"name":"card","title":"Card","description":"A raised container that groups related content and actions about a single subject.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/card.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/card.json"},{"name":"carousel","title":"Carousel","description":"A swipeable track of slides with buttons, dots and optional autoplay, built on Embla Carousel.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/carousel.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/carousel.json"},{"name":"chart","title":"Chart","description":"Themed building blocks for Recharts charts, with a shared color config, tooltip and legend.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/chart.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A control that lets people turn a single option on or off.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/checkbox.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/checkbox.json"},{"name":"code-block","title":"Code Block","description":"A surface for code, terminal output and diffs, with copy, line numbers, line states and streaming syntax highlighting.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/code-block.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"A section that people can expand and collapse to show or hide its content.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/collapsible.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A text input with a filterable list of options, for choosing one or more values by typing.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/combobox.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/combobox.json"},{"name":"command","title":"Command","description":"A searchable menu of commands, used inline or as a command palette in a dialog.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/command.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/command.json"},{"name":"context-menu","title":"Context Menu","description":"A menu of actions that opens at the pointer when people right-click an area.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/context-menu.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A modal window that appears above the page to focus people on a task or message.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/dialog.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/dialog.json"},{"name":"direction","title":"Direction","description":"A provider that sets the reading direction, left-to-right or right-to-left, for the components inside it.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/direction.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/direction.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from an edge of the screen and can be dismissed with a swipe.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/drawer.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A menu of actions or options that opens from a button.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/dropdown-menu.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"A placeholder that explains why a view has no content and what people can do next.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/empty.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/empty.json"},{"name":"field","title":"Field","description":"Building blocks for form fields that pair controls with labels, descriptions and error messages.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/field.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/field.json"},{"name":"fullscreen-menu","title":"Fullscreen Menu","description":"A navigation menu that covers the whole screen, for site links on small viewports.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/fullscreen-menu.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/fullscreen-menu.json"},{"name":"hover-card","title":"Hover Card","description":"A card that previews content behind a link when people hover over or focus it.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/hover-card.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/hover-card.json"},{"name":"input-group","title":"Input Group","description":"A text field with icons, text, buttons or keyboard hints attached inside its border.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/input-group.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"A segmented field for entering one-time passcodes, one character per slot.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/input-otp.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/input-otp.json"},{"name":"input","title":"Input","description":"A single-line text field for entering and editing short values.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/input.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/input.json"},{"name":"item","title":"Item","description":"A flexible row that pairs media, a title, a description and actions, for lists and settings.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/item.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/item.json"},{"name":"kbd","title":"Kbd","description":"Displays a keyboard key or shortcut, with a platform-aware modifier symbol.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/kbd.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/kbd.json"},{"name":"label","title":"Label","description":"An accessible text label that names a form control.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/label.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/label.json"},{"name":"marker","title":"Marker","description":"An inline annotation for timelines and conversations, such as a date divider or system event.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/marker.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/marker.json"},{"name":"menubar","title":"Menubar","description":"A horizontal bar of menus, like a desktop application's menu bar.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/menubar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/menubar.json"},{"name":"message-scroller","title":"Message Scroller","description":"A scroll container for chat transcripts that opens at the latest message and keeps scroll position stable.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/message-scroller.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/message-scroller.json"},{"name":"message","title":"Message","description":"Lays out a single chat message with an optional avatar, header and footer.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/message.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/message.json"},{"name":"native-select","title":"Native Select","description":"A styled native select element for choosing one option from a list.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/native-select.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A site navigation bar whose items open popover or full-width panels of links.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/navigation-menu.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Navigation links for moving between pages of content, such as table results.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/pagination.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pagination.json"},{"name":"popover","title":"Popover","description":"A floating panel anchored to a trigger, for supplementary content and lightweight controls.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/popover.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/popover.json"},{"name":"progress","title":"Progress","description":"A horizontal bar that shows the completion of a task.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/progress.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/progress.json"},{"name":"questionnaire","title":"Questionnaire","description":"A step-by-step form that shows one question at a time, with validation, skipping and keyboard shortcuts.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/questionnaire.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/questionnaire.json"},{"name":"radio-group","title":"Radio Group","description":"A set of radio buttons where only one option can be selected at a time.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/radio-group.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Panels separated by draggable handles that let users resize sections of a layout.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/resizable.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrollable region with slim, custom-styled scrollbars.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/scroll-area.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/scroll-area.json"},{"name":"select","title":"Select","description":"A button that opens a list of options so people can pick one value.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/select.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/select.json"},{"name":"separator","title":"Separator","description":"A thin line that visually divides content, horizontally or vertically.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/separator.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/separator.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from an edge of the screen over the page.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/sheet.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible app sidebar for navigation, with icon, off-canvas and mobile sheet modes.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/sidebar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A pulsing placeholder block that stands in for content while it loads.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/skeleton.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/skeleton.json"},{"name":"slider","title":"Slider","description":"A track with one or more draggable thumbs for choosing a value or range.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/slider.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/slider.json"},{"name":"spinner","title":"Spinner","description":"An eight-spoke activity indicator that shows an indeterminate wait.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/spinner.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/spinner.json"},{"name":"switch","title":"Switch","description":"A toggle control that turns a single setting on or off.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/switch.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/switch.json"},{"name":"tab-bar","title":"Tab Bar","description":"A floating bottom navigation bar whose overflow and extra sections expand from a More button.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/tab-bar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tab-bar.json"},{"name":"table","title":"Table","description":"Styled native table elements for displaying rows of structured data.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/table.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/table.json"},{"name":"tabs","title":"Tabs","description":"A set of tabs that switches between panels of related content in the same place.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/tabs.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tabs.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text field that grows with its content, with an optional resize handle.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/textarea.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/textarea.json"},{"name":"theme","title":"Theme","description":"A theme provider with a light, dark and system toggle and an animated switch between them.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/theme.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/theme.json"},{"name":"toast","title":"Toast","description":"Brief, stacked notifications that appear at the bottom of the screen and dismiss themselves.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/toast.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/toast.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of toggle buttons for choosing one or several related options, including segmented controls.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/toggle-group.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/toggle-group.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that stays pressed until it's pressed again.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/toggle.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"A small label that appears next to an element on hover or keyboard focus.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/tooltip.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip.json"},{"name":"trace","title":"Trace","description":"Rows for the steps an agent takes: reasoning, tool calls, sources, plans and file edits.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/trace.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/trace.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"A scrolling, 3D-curved wheel of options, like the iOS picker, for choosing values such as dates and times.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/wheel-picker.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/wheel-picker.json"},{"name":"widget","title":"Widget","description":"A rounded card in the style of home screen widgets, with fixed sizes and optional drag-to-resize.","type":"registry:ui","source_url":"https://suiss.app/ui/r/{style}/widget.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/widget.json"},{"name":"action-bar","title":"Action Bar","description":"A row of menus that renders as a menubar on desktop and a single More actions sheet on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/action-bar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/action-bar.json"},{"name":"action-menu","title":"Action Menu","description":"A list of actions that opens as a dropdown menu on desktop and an action sheet on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/action-menu.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/action-menu.json"},{"name":"app-shell","title":"App Shell","description":"An application frame with a collapsible sidebar on desktop and a floating tab bar on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/app-shell.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/app-shell.json"},{"name":"command-palette","title":"Command Palette","description":"A searchable command menu that opens in a dialog on desktop and a drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/command-palette.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/command-palette.json"},{"name":"confirm","title":"Confirm","description":"A confirmation prompt that opens as an alert dialog on desktop and an action sheet on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/confirm.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/confirm.json"},{"name":"context-actions","title":"Context Actions","description":"Actions for an element that open as a context menu on right click, or an action sheet on long press on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/context-actions.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/context-actions.json"},{"name":"date-picker","title":"Date Picker","description":"A date field that opens a calendar popover on desktop and wheel pickers in a drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/date-picker.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/date-picker.json"},{"name":"flyout","title":"Flyout","description":"A non-modal panel anchored to a trigger on desktop that becomes a bottom drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/flyout.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/flyout.json"},{"name":"modal","title":"Modal","description":"A modal window that opens as a centered dialog on desktop and a bottom drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/modal.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/modal.json"},{"name":"navbar","title":"Navbar","description":"A site header that renders a navigation menu on wide screens and a fullscreen menu when space runs out.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/navbar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/navbar.json"},{"name":"paged-list","title":"Paged List","description":"A list that pages through items with numbered pagination on desktop and a Load more button on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/paged-list.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/paged-list.json"},{"name":"panel","title":"Panel","description":"A side panel that renders as a Sheet on desktop and a swipeable Drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/panel.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/panel.json"},{"name":"picker","title":"Picker","description":"A single-choice picker that renders a custom Select on desktop and a native select on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/picker.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/picker.json"},{"name":"preview","title":"Preview","description":"A link preview that shows a hover card on desktop and a drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/preview.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/preview.json"},{"name":"search-picker","title":"Search Picker","description":"A searchable single-choice picker that renders a Combobox on desktop and a search drawer on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/search-picker.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/search-picker.json"},{"name":"segment-picker","title":"Segment Picker","description":"A segmented control for one exclusive choice that becomes a native select on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/segment-picker.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/segment-picker.json"},{"name":"split-view","title":"Split View","description":"A two- or three-column sidebar, list and detail layout that becomes a push navigation stack on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/split-view.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/split-view.json"},{"name":"table-list","title":"Table List","description":"Tabular data that renders as a table on desktop and a grouped list on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/table-list.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/table-list.json"},{"name":"trail","title":"Trail","description":"A navigation trail that shows breadcrumbs on desktop and a back link with history on mobile.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/trail.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/trail.json"},{"name":"island","title":"Island","description":"A floating pill at the top of the screen that shows live activities and brief notifications, like the Dynamic Island.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/island.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/island.json"},{"name":"otp-autofill","title":"OTP Autofill","description":"A one-time code field that offers an incoming code, fills it digit by digit, and verifies it automatically.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/otp-autofill.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/otp-autofill.json"},{"name":"preview-menu","title":"Preview Menu","description":"A context menu that lifts the pressed item into an enlarged preview above its actions, like iOS context menus.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/preview-menu.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/preview-menu.json"},{"name":"pull-to-refresh","title":"Pull to Refresh","description":"A scroll container that refreshes its content when the user pulls down from the top.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/pull-to-refresh.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pull-to-refresh.json"},{"name":"search-reveal","title":"Search Reveal","description":"A scrolling list with a search field tucked above it that appears when the user scrolls up.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/search-reveal.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/search-reveal.json"},{"name":"section-index","title":"Section Index","description":"An A to Z index bar for jumping between sections of a long list by tapping, dragging, or typing.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/section-index.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/section-index.json"},{"name":"selection-list","title":"Selection List","description":"A list with an edit mode for selecting multiple rows and acting on them from a floating toolbar.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/selection-list.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/selection-list.json"},{"name":"stepper","title":"Stepper","description":"A numeric field with minus and plus buttons that step the value, accelerating while held.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/stepper.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/stepper.json"},{"name":"swipe-actions","title":"Swipe Actions","description":"A list row that reveals action buttons when swiped sideways, with optional full swipe to run an action.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/swipe-actions.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/swipe-actions.json"},{"name":"tip","title":"Tip","description":"A dismissible feature tip shown inline or as a popover, remembered once dismissed and sequenced in groups.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/tip.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tip.json"},{"name":"undo-bar","title":"Undo Bar","description":"A floating bar that offers to undo the last action for a few seconds before committing it.","type":"registry:component","source_url":"https://suiss.app/ui/r/{style}/undo-bar.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/undo-bar.json"},{"name":"area-chart-axes","title":"Area Chart Axes","description":"A gradient area with visible dots and a value axis on the right edge of the plot.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-axes.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-axes.json"},{"name":"area-chart-default","title":"Area Chart Default","description":"A single filled area with a smooth curve showing one series across six months.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-default.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-default.json"},{"name":"area-chart-gradient","title":"Area Chart Gradient","description":"Two overlapping areas whose fills fade out toward the bottom using SVG linear gradients.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-gradient.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-gradient.json"},{"name":"area-chart-interactive","title":"Area Chart Interactive","description":"A stock price chart with time-range toggles, a scrubbing cursor that updates the header, and animated transitions between ranges.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-interactive.json"},{"name":"area-chart-linear","title":"Area Chart Linear","description":"A single filled area whose points are joined by straight segments instead of a smoothed curve.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-linear.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-linear.json"},{"name":"area-chart-range","title":"Area Chart Range","description":"A heart-rate band showing each hour's low-to-high range as a shaded area with an average line through it.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-range.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-range.json"},{"name":"area-chart-sparkline","title":"Area Chart Sparkline","description":"A watchlist with a tiny gradient area chart beside each price, colored by whether the stock is rising or falling.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-sparkline.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-sparkline.json"},{"name":"area-chart-stacked-expand","title":"Area Chart Stacked Expand","description":"Two stacked areas normalized so every month fills 100%, showing each series' share rather than its value.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-stacked-expand.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-stacked-expand.json"},{"name":"area-chart-stacked","title":"Area Chart Stacked","description":"Two areas stacked on top of each other so the top edge shows the combined total, with a legend.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-stacked.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-stacked.json"},{"name":"area-chart-step","title":"Area Chart Step","description":"A single filled area drawn as steps, holding each value flat until the next reading.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/area-chart-step.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/area-chart-step.json"},{"name":"bar-chart-active","title":"Bar Chart Active","description":"A week of step counts where clicking a bar selects it, dims the others and updates the header.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-active.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-active.json"},{"name":"bar-chart-default","title":"Bar Chart Default","description":"A single series of rounded vertical bars, one per month.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-default.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-default.json"},{"name":"bar-chart-horizontal","title":"Bar Chart Horizontal","description":"Horizontal bars with category names on the left and a distinct color for each category.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-horizontal.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-horizontal.json"},{"name":"bar-chart-hourly","title":"Bar Chart Hourly","description":"Twenty-four thin bars of screen time per hour, with a dashed line marking the hourly average.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-hourly.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-hourly.json"},{"name":"bar-chart-interactive","title":"Bar Chart Interactive","description":"A screen-time report with stacked category bars, a week and day toggle, selectable days and a most-used apps list.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-interactive.json"},{"name":"bar-chart-labeled","title":"Bar Chart Labeled","description":"A single bar series with each value printed above its bar and no grid lines.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-labeled.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-labeled.json"},{"name":"bar-chart-multiple","title":"Bar Chart Multiple","description":"Two series drawn as grouped bars side by side for each month.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-multiple.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-multiple.json"},{"name":"bar-chart-negative","title":"Bar Chart Negative","description":"Monthly cash flow bars that turn green above zero and red below it, with a zero baseline.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-negative.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-negative.json"},{"name":"bar-chart-range","title":"Bar Chart Range","description":"A weather forecast where each horizontal pill spans the day's low and high on a shared gradient scale.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-range.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-range.json"},{"name":"bar-chart-stacked","title":"Bar Chart Stacked","description":"Two series stacked into one bar per month, with a legend below the plot.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bar-chart-stacked.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bar-chart-stacked.json"},{"name":"line-chart-default","title":"Line Chart Default","description":"A single smooth line through six months of values, without point markers.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-default.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-default.json"},{"name":"line-chart-dots","title":"Line Chart Dots","description":"A weight trend with a dot at every monthly reading and a fixed value axis on the right.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-dots.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-dots.json"},{"name":"line-chart-forecast","title":"Line Chart Forecast","description":"A solid line for actual values that continues as a dashed forecast over a shaded future range.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-forecast.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-forecast.json"},{"name":"line-chart-goal-dots","title":"Line Chart Goal Dots","description":"Nightly sleep hours with a goal line and dots colored green or orange depending on whether the goal was met.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-goal-dots.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-goal-dots.json"},{"name":"line-chart-goal","title":"Line Chart Goal","description":"Daily step counts plotted against a labeled dashed goal line at 10,000 steps.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-goal.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-goal.json"},{"name":"line-chart-interactive","title":"Line Chart Interactive","description":"Monthly temperatures for several cities, with chips to show or hide each city and an average, high or low switch.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-interactive.json"},{"name":"line-chart-labeled","title":"Line Chart Labeled","description":"A single line with a dot and a printed value at every point, and no grid.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-labeled.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-labeled.json"},{"name":"line-chart-linear","title":"Line Chart Linear","description":"A single line drawn with straight segments between readings instead of a smoothed curve.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-linear.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-linear.json"},{"name":"line-chart-multiple","title":"Line Chart Multiple","description":"Two lines compared on the same axes, with a legend identifying each series.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-multiple.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-multiple.json"},{"name":"line-chart-step","title":"Line Chart Step","description":"A single line drawn as horizontal steps, holding each value until the next reading.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/line-chart-step.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/line-chart-step.json"},{"name":"pie-chart-active","title":"Pie Chart Active","description":"A donut where one slice is enlarged and outlined with an outer arc to highlight it.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-active.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-active.json"},{"name":"pie-chart-default","title":"Pie Chart Default","description":"A full pie split into five device slices, separated by thin card-colored borders.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-default.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-default.json"},{"name":"pie-chart-donut-text","title":"Pie Chart Donut Text","description":"A donut with the total number of users displayed in the center of the ring.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-donut-text.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-donut-text.json"},{"name":"pie-chart-donut","title":"Pie Chart Donut","description":"A donut chart with a hollow center and small gaps between slices.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-donut.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-donut.json"},{"name":"pie-chart-half","title":"Pie Chart Half","description":"A semicircular gauge-style pie showing battery share by device, with a caption under the arc.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-half.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-half.json"},{"name":"pie-chart-interactive","title":"Pie Chart Interactive","description":"A storage breakdown donut with a device switch, hover-linked list and lifted slices, plus a linear usage bar.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-interactive.json"},{"name":"pie-chart-label","title":"Pie Chart Label","description":"A pie with each category name drawn outside its slice and joined by a leader line.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-label.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-label.json"},{"name":"pie-chart-legend","title":"Pie Chart Legend","description":"A donut with a legend beneath it that lists every category and its color.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-legend.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-legend.json"},{"name":"pie-chart-nested","title":"Pie Chart Nested","description":"Two concentric pies: an inner ring of grouped totals surrounded by an outer ring of individual categories.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-nested.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-nested.json"},{"name":"pie-chart-separated","title":"Pie Chart Separated","description":"A donut whose slices are pulled apart with wide gaps and rounded corners.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/pie-chart-separated.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/pie-chart-separated.json"},{"name":"radar-chart-default","title":"Radar Chart Default","description":"A single filled radar shape showing this month's scores across six training skills.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-default.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-default.json"},{"name":"radar-chart-dots","title":"Radar Chart Dots","description":"A single radar shape with a solid dot marking the value on every axis.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-dots.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-dots.json"},{"name":"radar-chart-grid-circle","title":"Radar Chart Grid Circle","description":"A single radar shape drawn over circular rings instead of polygonal grid lines.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-grid-circle.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-grid-circle.json"},{"name":"radar-chart-grid-filled","title":"Radar Chart Grid Filled","description":"A borderless radar shape over shaded circular rings separated by card-colored lines.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-grid-filled.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-grid-filled.json"},{"name":"radar-chart-grid-none","title":"Radar Chart Grid None","description":"A single solid radar shape with no grid and no outline, leaving only the shape and axis labels.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-grid-none.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-grid-none.json"},{"name":"radar-chart-interactive","title":"Radar Chart Interactive","description":"A phone model comparison where toggle chips show up to three models, which grow in and out of the radar.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-interactive.json"},{"name":"radar-chart-legend","title":"Radar Chart Legend","description":"Two overlapping radar shapes with a legend beneath that names each series.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-legend.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-legend.json"},{"name":"radar-chart-lines-only","title":"Radar Chart Lines Only","description":"Two radar outlines with no fill, comparing this month and last month by stroke alone.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-lines-only.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-lines-only.json"},{"name":"radar-chart-multiple","title":"Radar Chart Multiple","description":"Two overlapping radar shapes comparing this month with last month.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-multiple.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-multiple.json"},{"name":"radar-chart-radius-axis","title":"Radar Chart Radius Axis","description":"A single radar shape with a visible 0 to 100 value scale along the vertical axis.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radar-chart-radius-axis.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radar-chart-radius-axis.json"},{"name":"radial-chart-batteries","title":"Radial Chart Batteries","description":"A row of small battery rings, one per device, that turn red when charge is at or below 20%.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-batteries.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-batteries.json"},{"name":"radial-chart-default","title":"Radial Chart Default","description":"Concentric radial bars, one per device, each running around a gray background track.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-default.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-default.json"},{"name":"radial-chart-gauge","title":"Radial Chart Gauge","description":"A 240-degree gauge arc showing an air quality reading with its value and rating below the center.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-gauge.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-gauge.json"},{"name":"radial-chart-interactive","title":"Radial Chart Interactive","description":"A weekly activity view where picking a day animates three large rings and updates each ring's totals.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-interactive.json"},{"name":"radial-chart-label","title":"Radial Chart Label","description":"Concentric radial bars with each category's name printed at the start of its bar.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-label.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-label.json"},{"name":"radial-chart-progress","title":"Radial Chart Progress","description":"A three-quarter arc tracking progress toward a goal, with the count shown in the center.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-progress.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-progress.json"},{"name":"radial-chart-rings","title":"Radial Chart Rings","description":"Three nested activity rings for move, exercise and stand, drawn as plain SVG circles.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-rings.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-rings.json"},{"name":"radial-chart-stacked","title":"Radial Chart Stacked","description":"A half-circle arc with two series stacked end to end and the combined total beneath it.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-stacked.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-stacked.json"},{"name":"radial-chart-text","title":"Radial Chart Text","description":"A single full-circle progress ring with a percentage and caption centered inside.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-text.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-text.json"},{"name":"radial-chart-tinted","title":"Radial Chart Tinted","description":"Concentric radial bars whose unfilled track is a soft tint of each bar's own color.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/radial-chart-tinted.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/radial-chart-tinted.json"},{"name":"tooltip-chart-custom","title":"Tooltip Chart Custom","description":"A bar chart whose tooltip is fully custom markup, showing a large total, a unit and the day.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-custom.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-custom.json"},{"name":"tooltip-chart-dashed","title":"Tooltip Chart Dashed","description":"A stacked bar chart whose tooltip marks each series with a dashed outline indicator.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-dashed.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-dashed.json"},{"name":"tooltip-chart-dot","title":"Tooltip Chart Dot","description":"A stacked bar chart showing the default tooltip indicator, a small colored square for each series.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-dot.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-dot.json"},{"name":"tooltip-chart-formatter","title":"Tooltip Chart Formatter","description":"A bar chart of daily active energy whose tooltip shows a name, value and kcal unit through a custom formatter.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-formatter.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-formatter.json"},{"name":"tooltip-chart-icons","title":"Tooltip Chart Icons","description":"A stacked bar chart whose tooltip shows an icon for each series in place of a color swatch.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-icons.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-icons.json"},{"name":"tooltip-chart-interactive","title":"Tooltip Chart Interactive","description":"A tooltip playground on quarterly revenue bars, with controls for indicator, trigger, title total and hidden parts.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-interactive.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-interactive.json"},{"name":"tooltip-chart-label-formatter","title":"Tooltip Chart Label Formatter","description":"A gradient area chart whose tooltip heading shows a longer date than the axis ticks.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-label-formatter.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-label-formatter.json"},{"name":"tooltip-chart-line","title":"Tooltip Chart Line","description":"A stacked bar chart whose tooltip marks each series with a thin vertical color bar.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-line.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-line.json"},{"name":"tooltip-chart-no-indicator","title":"Tooltip Chart No Indicator","description":"A stacked bar chart whose tooltip lists series names and values without color indicators.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-no-indicator.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-no-indicator.json"},{"name":"tooltip-chart-no-label","title":"Tooltip Chart No Label","description":"A stacked bar chart whose tooltip omits the category heading and shows only the series rows.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/tooltip-chart-no-label.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/tooltip-chart-no-label.json"},{"name":"bag-checkout","title":"Bag Checkout","description":"A three-step checkout with delivery, payment, and review steps beside an order summary.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bag-checkout.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bag-checkout.json"},{"name":"bag-configure","title":"Bag Configure","description":"A product configurator for choosing a model, finish, and storage, with a live price and Add to Bag button.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bag-configure.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bag-configure.json"},{"name":"bag-review","title":"Bag Review","description":"A shopping bag review page with quantity steppers, removable line items, and a totals summary.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bag-review.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bag-review.json"},{"name":"bento-closer-look","title":"Bento Closer Look","description":"A feature spotlight that pairs an auto-advancing accordion of features with a matching cross-fading image.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bento-closer-look.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bento-closer-look.json"},{"name":"bento-features","title":"Bento Features","description":"A bento grid of product feature tiles mixing photography, gradient figures, and short claims.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bento-features.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bento-features.json"},{"name":"bento-stats","title":"Bento Stats","description":"A dark bento grid of headline product stats, with a photo tile and an animated charging bar.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/bento-stats.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/bento-stats.json"},{"name":"chat-conversations","title":"Chat Conversations","description":"A messaging app layout with a conversation list beside the selected thread and a message composer.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/chat-conversations.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/chat-conversations.json"},{"name":"chat-support","title":"Chat Support","description":"A support landing section with a floating chat panel, quick-reply suggestions, and a launcher button.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/chat-support.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/chat-support.json"},{"name":"chat-thread","title":"Chat Thread","description":"A single message thread inside a phone frame, with heart reactions and simulated replies.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/chat-thread.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/chat-thread.json"},{"name":"dash-analytics","title":"Dash Analytics","description":"An app analytics dashboard with a metric switcher, an interactive area chart, and a regional breakdown.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/dash-analytics.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/dash-analytics.json"},{"name":"dash-health","title":"Dash Health","description":"A health summary dashboard with pinned metric cards, sparklines, and category views in a sidebar.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/dash-health.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/dash-health.json"},{"name":"dash-store","title":"Dash Store","description":"A store admin overview with sales stats, an online versus in-store bar chart, and a filterable orders list.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/dash-store.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/dash-store.json"},{"name":"empty-bag","title":"Empty Bag","description":"An empty shopping bag state with sign-in and shopping actions above a row of recommended products.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/empty-bag.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/empty-bag.json"},{"name":"empty-offline","title":"Empty Offline","description":"An offline empty state with a retry action that reconnects and reveals a grid of albums.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/empty-offline.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/empty-offline.json"},{"name":"empty-search","title":"Empty Search","description":"A search page showing live suggestions, a no-results state, and suggested queries.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/empty-search.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/empty-search.json"},{"name":"footer-compact","title":"Footer Compact","description":"A narrow site footer with a breadcrumb, a collapsible link directory, and legal lines.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/footer-compact.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/footer-compact.json"},{"name":"footer-directory","title":"Footer Directory","description":"A full site footer with footnotes, a breadcrumb, a five-column link directory, and legal links.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/footer-directory.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/footer-directory.json"},{"name":"footer-services","title":"Footer Services","description":"A footer with a band of service highlights, a newsletter signup, a link directory, and legal links.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/footer-services.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/footer-services.json"},{"name":"grid-accessories","title":"Grid Accessories","description":"A filterable accessories grid with category chips and add-to-bag buttons that update a bag counter.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/grid-accessories.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/grid-accessories.json"},{"name":"grid-carousel","title":"Grid Carousel","description":"A horizontally scrolling carousel of product cards with previous and next controls.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/grid-carousel.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/grid-carousel.json"},{"name":"grid-lineup","title":"Grid Lineup","description":"A product lineup comparing models side by side, each with finish swatches, a price, and buy actions.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/grid-lineup.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/grid-lineup.json"},{"name":"hero-cinematic","title":"Hero Cinematic","description":"A dark, centered product hero whose image, gradient title, and glow change with the selected finish.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/hero-cinematic.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/hero-cinematic.json"},{"name":"hero-product","title":"Hero Product","description":"A centered product launch hero with an eyebrow, headline, two actions, a wide image, and a pricing line.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/hero-product.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/hero-product.json"},{"name":"hero-tiles","title":"Hero Tiles","description":"A pair of promotional hero tiles, each with a title, tagline, two actions, and a product image.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/hero-tiles.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/hero-tiles.json"},{"name":"inbox-categories","title":"Inbox Categories","description":"A mail inbox sorted into Primary, Transactions, Updates, and Promotions, with a message reader and inline reply.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/inbox-categories.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/inbox-categories.json"},{"name":"inbox-mail","title":"Inbox Mail","description":"A three-column mail client with mailboxes, a searchable message list, and a message reader with reply.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/inbox-mail.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/inbox-mail.json"},{"name":"inbox-support","title":"Inbox Support","description":"A support ticket inbox with status views, a ticket list with priorities, and a detail pane for replying and resolving.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/inbox-support.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/inbox-support.json"},{"name":"log-activity","title":"Log Activity","description":"An admin activity log grouped by day, with a type filter and expandable before-and-after details.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/log-activity.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/log-activity.json"},{"name":"log-live","title":"Log Live","description":"A live admin activity feed that streams new events, with session stats and a pause control.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/log-live.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/log-live.json"},{"name":"log-security","title":"Log Security","description":"A security overview with a computed score ring, alert counts by severity, and resolvable alerts.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/log-security.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/log-security.json"},{"name":"login-account","title":"Login Account","description":"A two-step account sign-in form that asks for an email, then reveals a password field.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/login-account.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/login-account.json"},{"name":"login-passkey","title":"Login Passkey","description":"A passwordless sign-in screen that runs a simulated face scan in a dialog, then welcomes the user.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/login-passkey.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/login-passkey.json"},{"name":"login-sheet","title":"Login Sheet","description":"A mobile app welcome screen with a Sign in with suiss bottom sheet for sharing or hiding an email.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/login-sheet.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/login-sheet.json"},{"name":"nav-categories","title":"Nav Categories","description":"A store landing header with a draggable carousel of category tiles and a heading that follows the selection.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/nav-categories.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/nav-categories.json"},{"name":"nav-global","title":"Nav Global","description":"A sticky global navigation bar with mega-menu panels, search and bag actions, above a sample product hero.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/nav-global.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/nav-global.json"},{"name":"nav-local","title":"Nav Local","description":"A sticky product sub-navigation that highlights the section in view, shown on a dark product page.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/nav-local.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/nav-local.json"},{"name":"price-bundle","title":"Price Bundle","description":"A dark subscription bundle picker comparing three plans and the services each one includes.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/price-bundle.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/price-bundle.json"},{"name":"price-care","title":"Price Care","description":"A device protection plan picker with device chips, payment options, an optional theft add-on, and a live total.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/price-care.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/price-care.json"},{"name":"price-storage","title":"Price Storage","description":"A cloud storage plan picker with a monthly or yearly toggle, four plan cards, and a switch action.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/price-storage.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/price-storage.json"},{"name":"roles-editor","title":"Roles Editor","description":"A role editor that lists roles beside grouped permission switches, with save and revert for unsaved changes.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/roles-editor.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/roles-editor.json"},{"name":"roles-matrix","title":"Roles Matrix","description":"A permissions matrix with a checkbox for every permission and role, grouped by area, with a save action.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/roles-matrix.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/roles-matrix.json"},{"name":"roles-requests","title":"Roles Requests","description":"An access request queue where admins approve or deny permission requests, with an approval length setting.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/roles-requests.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/roles-requests.json"},{"name":"settings-account","title":"Settings Account","description":"An account settings page with a profile sidebar and a Sign-In and Security section of editable cards.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/settings-account.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/settings-account.json"},{"name":"settings-device","title":"Settings Device","description":"A phone-style Settings screen with a search field, an account row, and grouped rows with switches.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/settings-device.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/settings-device.json"},{"name":"settings-notifications","title":"Settings Notifications","description":"Per-app notification settings with a live lock screen preview that reflects each choice.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/settings-notifications.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/settings-notifications.json"},{"name":"signup-form","title":"Signup Form","description":"A full account creation form with name, country, birthday, email, and password fields and live password rules.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/signup-form.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/signup-form.json"},{"name":"signup-steps","title":"Signup Steps","description":"A one-question-at-a-time signup flow for name, email, and password, with a progress indicator.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/signup-steps.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/signup-steps.json"},{"name":"signup-trial","title":"Signup Trial","description":"A free trial signup split between a promotional image panel and a short form with a password strength meter.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/signup-trial.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/signup-trial.json"},{"name":"users-detail","title":"Users Detail","description":"A user directory with a member list beside a detail pane for profile, sessions, and security settings.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/users-detail.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/users-detail.json"},{"name":"users-invite","title":"Users Invite","description":"An invite form that collects several email addresses as chips, assigns a role, and lists pending invitations.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/users-invite.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/users-invite.json"},{"name":"users-table","title":"Users Table","description":"A searchable users table with role filters, row selection, and bulk role and status actions.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/users-table.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/users-table.json"},{"name":"verify-code","title":"Verify Code","description":"A two-factor authentication screen with a six-digit code entry, error feedback, and a resend countdown.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/verify-code.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/verify-code.json"},{"name":"verify-device","title":"Verify Device","description":"A trusted-device sign-in flow that pairs instructions with a simulated approval alert and code entry.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/verify-device.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/verify-device.json"},{"name":"verify-email","title":"Verify Email","description":"A check-your-inbox screen after signup, with open mail and resend actions and a cooldown timer.","type":"registry:block","source_url":"https://suiss.app/ui/r/{style}/verify-email.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/verify-email.json"},{"name":"use-highlighted-code","title":"Use Highlighted Code","description":"Highlights code with Shiki and returns the tokens for each line.","type":"registry:hook","source_url":"https://suiss.app/ui/r/{style}/use-highlighted-code.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/use-highlighted-code.json"},{"name":"use-message-scroller","title":"Use Message Scroller","description":"The scroll state and controls behind the message scroller.","type":"registry:hook","source_url":"https://suiss.app/ui/r/{style}/use-message-scroller.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/use-message-scroller.json"},{"name":"use-mobile","title":"Use Mobile","description":"Reports whether the viewport is narrower than the mobile breakpoint.","type":"registry:hook","source_url":"https://suiss.app/ui/r/{style}/use-mobile.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/use-mobile.json"},{"name":"use-platform","title":"Use Platform","description":"Detects Apple platforms so shortcuts can show the matching modifier key.","type":"registry:hook","source_url":"https://suiss.app/ui/r/{style}/use-platform.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/use-platform.json"},{"name":"use-questionnaire","title":"Use Questionnaire","description":"The state and keyboard shortcuts behind the questionnaire.","type":"registry:hook","source_url":"https://suiss.app/ui/r/{style}/use-questionnaire.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/use-questionnaire.json"},{"name":"use-scrollbar-gap","title":"Use Scrollbar Gap","description":"Keeps the page from shifting when an overlay hides the scrollbar.","type":"registry:hook","source_url":"https://suiss.app/ui/r/{style}/use-scrollbar-gap.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/use-scrollbar-gap.json"},{"name":"highlighter","title":"Highlighter","description":"A shared Shiki highlighter that loads languages and themes on demand.","type":"registry:lib","source_url":"https://suiss.app/ui/r/{style}/highlighter.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/highlighter.json"},{"name":"utils","title":"Utils","description":"The cn helper that merges Tailwind CSS class names.","type":"registry:lib","source_url":"https://suiss.app/ui/r/{style}/utils.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/utils.json"},{"name":"theme-suiss","title":"suiss/ui Theme","description":"The suiss/ui colors for light and dark mode, with the radius scale and the system font stack.","type":"registry:theme","source_url":"https://suiss.app/ui/r/{style}/theme-suiss.json","install_command":"npx shadcn@latest add https://suiss.app/ui/r/{style}/theme-suiss.json"}]},{"id":"evex","name":"@evex","slug":"evex","description":"Installable AI agent recipes for Eve apps, including PR review, data analysis, and workflow automation agents.","author":null,"framework":"react","license":null,"tags":["ai"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://evex.sh","github":null,"registry":"https://evex.sh/r/{name}.json","source":"https://evex.sh/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/evex","markdown":"https://sh4dcn.netlify.app/md/evex.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none'><rect width='180' height='180' rx='37' fill='var(--foreground)'/><rect x='43' y='42' width='28' height='28' rx='4' fill='#006BFF'/><rect x='76' y='42' width='28' height='28' rx='4' fill='var(--background)'/><rect x='109' y='42' width='28' height='28' rx='4' fill='#006BFF'/><rect x='43' y='76' width='28' height='28' rx='4' fill='var(--background)'/><rect x='76' y='76' width='28' height='28' rx='4' fill='#006BFF'/><rect x='43' y='110' width='28' height='28' rx='4' fill='#006BFF'/><rect x='76' y='110' width='28' height='28' rx='4' fill='var(--background)'/><rect x='109' y='110' width='28' height='28' rx='4' fill='#006BFF'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://evex.sh/r/{name}.json"},"component_count":0,"components":[]},{"id":"evilbuttons","name":"@evilbuttons","slug":"evilbuttons","description":"Evil Buttons is a focused shadcn registry of ~18 Motion-powered (motion.dev) animated button and interactive components. Named variants include aqua-button, brutal-button, chrome-button, click-powerup, command-button, copy-button, dither-button, evil-eye-button, frame-button, glitch-button, grid-button, highlight-button, minimal-button, movie-pass, reveal-button, shiny-button, sticky-button, and troll-button. Each is installable via npx shadcn add @evilbuttons/<name>. Built with React, Tailwind CSS, and TypeScript; dark mode ready. Free, MIT licensed. Use for: injecting punchy, motion-driven button interactions into an existing shadcn/ui project with minimal setup and zero design from scratch.","author":"radiumcoders","framework":"react","license":"Apache-2.0","tags":["3d","accessibility","aesthetic","animation","buttons","cards","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://evilbuttons.radiumcoders.com/docs","github":"https://github.com/radiumcoders/evil-buttons","registry":"https://evilbuttons.radiumcoders.com/r/index.json","source":"https://evilbuttons.radiumcoders.com/r/index.json","page":"https://sh4dcn.netlify.app/registry/evilbuttons","markdown":"https://sh4dcn.netlify.app/md/evilbuttons.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270 270' fill='var(--foreground)'><circle cx='135' cy='135' r='135' fill='black'/><path d='M161.057 161.35L186.181 221.846L164.141 231.05L139.018 170.853L102.75 207.419V52.945L211.663 161.281L161.057 161.35Z' fill='white'/><path d='M160.5 64.8521C158.1 81.2521 135.5 84.5187 126 83.3521C130.167 92.0187 140.8 112.352 156 112.352C175 112.352 163.5 44.3521 160.5 64.8521Z' fill='white' stroke='white'/><path d='M71.1794 99.9477C83.9367 110.529 102.918 97.8346 109.197 90.6108C111.9 99.8395 117.603 122.065 106.307 132.236C92.1875 144.949 55.2328 86.7206 71.1794 99.9477Z' fill='white' stroke='white'/><circle cx='121' cy='122' r='5' fill='black'/><circle cx='141' cy='112' r='5' fill='black'/></svg>","preview_image":"https://evilbuttons.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":247,"open_issues":1,"last_commit":"2026-10-26T12:19:06Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json","install_pnpm":"pnpm dlx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json","install_bun":"bunx shadcn@latest add https://evilbuttons.radiumcoders.com/r/index.json","clone":"git clone https://github.com/radiumcoders/evil-buttons.git","clone_degit":"npx degit radiumcoders/evil-buttons","registry_fetch":"curl -s https://evilbuttons.radiumcoders.com/r/index.json"},"component_count":29,"components":[{"name":"click-powerup","title":"ClickPowerUp","description":"A bracketed button that arms on hover and powers up with an accent flash and bracket burst on every click.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/click-powerup.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/click-powerup.json"},{"name":"sticky","title":"StickyButton","description":"A magnetic button whose body and label are pulled toward the cursor from a wide field, with parallax depth and tilt.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/sticky.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/sticky.json"},{"name":"thruster-button","title":"ThrusterButton","description":"A magnetic button that rests on the floor of its container, then flies to the cursor anywhere inside it on compressed-air jets, trailing WebGL smoke, and lands…","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/thruster-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/thruster-button.json"},{"name":"shiny-button","title":"ShinyButton","description":"A glossy, gradient-styled button with a layered inner glow and a glint that sweeps across on every click.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/shiny-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/shiny-button.json"},{"name":"movie-pass","title":"MoviePassButton","description":"A cinema ticket button that tears along its perforation on click, hinging open or snapping apart.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/movie-pass.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/movie-pass.json"},{"name":"minimal","title":"MinimalButton","description":"A quiet dark button with a hairline ring, inner highlight, soft drop shadow, and a chevron that nudges on hover.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/minimal.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/minimal.json"},{"name":"dither-button","title":"DitherButton","description":"A button with an animated 4x4 ordered-dither wave background and a knockout label.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/dither-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/dither-button.json"},{"name":"evil-eye-button","title":"EvilEyeButton","description":"An obsidian pill with a burning evil eye behind its label that tracks the cursor across the page, focuses on hover, and blinks.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/evil-eye-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/evil-eye-button.json"},{"name":"troll-button","title":"TrollButton","description":"A button that dodges the cursor until it runs out of stamina, then gives up and lets you click it.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/troll-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/troll-button.json"},{"name":"chrome-button","title":"ChromeButton","description":"A metallic pill whose border is a ring of flowing liquid chrome around a solid face that follows the light or dark theme, with pill, compact, and icon sizes.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/chrome-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/chrome-button.json"},{"name":"brutal-button","title":"BrutalButton","description":"A NeoBrutalism style button with sharp shadows and stark borders.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/brutal-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/brutal-button.json"},{"name":"aqua-button","title":"AquaButton","description":"A glossy pill button inspired by Apple's Aqua interface, with layered highlights and a soft inner glow.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/aqua-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/aqua-button.json"},{"name":"3d-button","title":"ThreeDButton","description":"A minimal 3D button with a clean deck-style press and sliding click sheen.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/3d-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/3d-button.json"},{"name":"frame-button","title":"FrameButton","description":"A futuristic button with springy corner markers that spread on hover and lock on when pressed, plus a scan sweep.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/frame-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/frame-button.json"},{"name":"highlight-button","title":"HighlightButton","description":"A button with a cursor spotlight, a border that lights up near the pointer, and a ripple from wherever you click.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/highlight-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/highlight-button.json"},{"name":"glitch-button","title":"GlitchButton","description":"A button with randomized RGB-split glitch bursts, a scanline overlay, and a flickering label.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/glitch-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/glitch-button.json"},{"name":"command-button","title":"CommandButton","description":"A button with a global keyboard shortcut, shown as keycaps that sink as you hold each key.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/command-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/command-button.json"},{"name":"copy-button","title":"CopyButton","description":"A copy button that briefly shows the copied text above itself, so you see exactly what landed on the clipboard.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/copy-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/copy-button.json"},{"name":"reveal-button","title":"RevealButton","description":"A button that reveals a hidden secret value on hold or toggle, with a blur-in animation and an eye icon indicator.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/reveal-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/reveal-button.json"},{"name":"demonic-button","title":"DemonicButton","description":"A hold-to-summon button: keep pressing to raise ridged devil horns from behind it while a canvas fire builds into a roar.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/demonic-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/demonic-button.json"},{"name":"hold-button","title":"HoldButton","description":"A hold-to-confirm button whose inner fill grows from 0 to 100%; release early to shake and abort, hold to the end to fire the action.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/hold-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/hold-button.json"},{"name":"doubt-button","title":"DoubtButton","description":"An escalating-confirmation button that makes you click through increasingly absurd, guilt-tripping prompts before the real action finally fires.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/doubt-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/doubt-button.json"},{"name":"slide-to-detonate","title":"SlideToDetonate","description":"A slide-to-confirm safety gate that makes you drag a handle across a fuse before the real action detonates.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/slide-to-detonate.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/slide-to-detonate.json"},{"name":"morph-status-button","title":"MorphStatusButton","description":"A single button that morphs through idle, loading, success, and error states in place, with no layout shift.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/morph-status-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/morph-status-button.json"},{"name":"cooldown-button","title":"CooldownButton","description":"A button that locks itself behind a draining radial timer after each click to stop spam and double-submits, taunting you while you wait.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/cooldown-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/cooldown-button.json"},{"name":"realistic-switch","title":"RealisticSwitch","description":"A latching push switch, a raised box that sinks into its socket when pressed, stays down and glows while on, and springs back up on the next press.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/realistic-switch.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/realistic-switch.json"},{"name":"confetti-button","title":"ConfettiButton","description":"A ringed dark button with a sparkle icon that fires a restrained confetti burst on click.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/confetti-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/confetti-button.json"},{"name":"ash-burst-button","title":"AshBurstButton","description":"A ringed dark button that glows like an ember on click and erupts ash that collides with it via Matter.js physics, piling onto its surface.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/ash-burst-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/ash-burst-button.json"},{"name":"minecraft-button","title":"MinecraftButton","description":"A pixel stone menu button that cracks every few taps, shatters into chips, and drops itself as a bobbing item you pick up to respawn it.","type":"registry:ui","source_url":"https://evilbuttons.radiumcoders.com/r/minecraft-button.json","install_command":"npx shadcn@latest add https://evilbuttons.radiumcoders.com/r/minecraft-button.json"}]},{"id":"evilcharts","name":"@evilcharts","slug":"evilcharts","description":"EvilCharts is an open-source chart UI library built on shadcn/ui and Recharts. It provides handcrafted, visually styled chart components across eight types: area, line, bar, composed, radar, pie, radial, and Sankey charts. The docs site also ships UI utilities including a background component, tooltip, and legend, plus a chart-config system for consistent theming. Free and MIT licensed, distributed via the shadcn registry. Use for: adding Recharts-powered charts with opinionated, on-brand styling to a shadcn/ui project when the default shadcn chart appearance needs more visual polish without writing custom Recharts configuration from scratch.","author":"legions-developer","framework":"react","license":"MIT","tags":["accessibility","animation","backgrounds","blocks","charts","cms","dashboard","glassmorphism","hooks","icons","loaders","mobile","overlays","theming"],"categories":["Charts/data viz"],"labels":["popular","recently-updated"],"urls":{"website":"https://evilcharts.com","github":"https://github.com/legions-developer/evilcharts","registry":"https://evilcharts.com/r/registry.json","source":"https://evilcharts.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/evilcharts","markdown":"https://sh4dcn.netlify.app/md/evilcharts.md"},"logo":"<svg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='512' height='512' rx='256' fill='#0D0D0D'/><path d='M376.267 265.545C376.267 332.071 322.421 386 256 386C189.579 386 135.733 332.071 135.733 265.545C135.733 199.02 189.579 145.091 256 145.091C322.421 145.091 376.267 199.02 376.267 265.545Z' fill='white'/><path d='M137.532 174.941C138.733 179.056 140.35 183.073 142.083 187.307C143.948 191.382 145.903 195.678 148.319 199.71C149.487 201.871 150.416 203.317 151.785 205.385C163.235 188.329 176.13 171.411 200.422 158.727C198.09 158.539 193.133 157.627 190.855 156.909C188.122 156.048 182.67 153.931 179.761 153.086C177.029 152.134 174.113 151.115 171.56 149.892L167.675 148.026L164.146 146C161.684 144.643 159.9 143.179 157.858 141.753C156.124 140.333 154.443 138.888 153.092 137.55C151.903 136.234 150.666 134.937 149.858 133.864L146.48 128.743C145.843 127.781 144.947 127.018 143.894 126.542C142.841 126.067 141.675 125.899 140.53 126.058C139.385 126.217 138.309 126.696 137.426 127.44C136.543 128.184 135.889 129.162 135.54 130.262C135.54 130.262 134.91 132.246 133.966 136.194C133.579 138.128 133.378 140.401 133.094 143.224C132.941 145.941 132.988 148.98 133.142 152.414C133.499 155.621 133.757 159.476 134.587 163.135C134.965 165.006 135.352 166.991 135.828 168.981L137.532 174.941Z' fill='white'/><path d='M374.468 174.941C373.267 179.056 371.65 183.073 369.917 187.307C368.052 191.382 366.097 195.678 363.681 199.71C362.514 201.871 361.213 203.965 359.844 206.033C349.382 186.261 329.625 171.74 311.578 158.727C313.91 158.539 318.867 157.627 321.145 156.909C323.878 156.048 329.33 153.931 332.239 153.086C334.971 152.134 337.887 151.115 340.44 149.892L344.325 148.026L347.854 146C350.316 144.643 352.1 143.179 354.142 141.753C355.876 140.333 357.557 138.888 358.908 137.55C360.097 136.234 361.333 134.937 362.142 133.864L365.52 128.743C366.157 127.781 367.053 127.018 368.106 126.542C369.159 126.067 370.325 125.899 371.47 126.058C372.615 126.217 373.691 126.696 374.574 127.44C375.457 128.184 376.111 129.162 376.46 130.262C376.46 130.262 377.09 132.246 378.034 136.194C378.421 138.128 378.622 140.401 378.907 143.224C379.06 145.941 379.012 148.98 378.858 152.414C378.501 155.621 378.243 159.476 377.413 163.135C377.035 165.006 376.648 166.991 376.172 168.981L374.468 174.941Z' fill='white'/></svg>","preview_image":"https://evilcharts.com/og/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3139,"open_issues":3,"last_commit":"2026-10-21T15:39:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://evilcharts.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://evilcharts.com/r/registry.json","install_bun":"bunx shadcn@latest add https://evilcharts.com/r/registry.json","clone":"git clone https://github.com/legions-developer/evilcharts.git","clone_degit":"npx degit legions-developer/evilcharts","registry_fetch":"curl -s https://evilcharts.com/r/registry.json"},"component_count":250,"components":[{"name":"recharts-chart","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/recharts-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-chart.json"},{"name":"recharts-tooltip","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/recharts-tooltip.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-tooltip.json"},{"name":"recharts-legend","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/recharts-legend.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-legend.json"},{"name":"recharts-dot","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/recharts-dot.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-dot.json"},{"name":"recharts-brush","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/recharts-brush.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-brush.json"},{"name":"recharts-background","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/recharts-background.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-background.json"},{"name":"echarts-chart","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/echarts-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-chart.json"},{"name":"echarts-tooltip","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/echarts-tooltip.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-tooltip.json"},{"name":"echarts-legend","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/echarts-legend.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-legend.json"},{"name":"echarts-dot","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/echarts-dot.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-dot.json"},{"name":"echarts-brush","title":null,"description":null,"type":"registry:component","source_url":"https://evilcharts.com/r/echarts-brush.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-brush.json"},{"name":"echarts-area-chart","title":null,"description":"Area chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-area-chart.json"},{"name":"echarts-line-chart","title":null,"description":"Line chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-line-chart.json"},{"name":"echarts-bar-chart","title":null,"description":"Bar chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-bar-chart.json"},{"name":"echarts-composed-chart","title":null,"description":"Composed chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-composed-chart.json"},{"name":"echarts-radar-chart","title":null,"description":"Radar chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-radar-chart.json"},{"name":"echarts-pie-chart","title":null,"description":"Pie chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-pie-chart.json"},{"name":"echarts-radial-chart","title":null,"description":"Radial chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-radial-chart.json"},{"name":"echarts-sankey-chart","title":null,"description":"Sankey chart component rendered with Apache ECharts","type":"registry:component","source_url":"https://evilcharts.com/r/echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/echarts-sankey-chart.json"},{"name":"recharts-area-chart","title":null,"description":"Area chart component","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-area-chart.json"},{"name":"recharts-line-chart","title":null,"description":"Line chart component","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-line-chart.json"},{"name":"recharts-bar-chart","title":null,"description":"Bar chart component","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-bar-chart.json"},{"name":"recharts-composed-chart","title":null,"description":"Composed chart component combining bar and line charts","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-composed-chart.json"},{"name":"recharts-pie-chart","title":null,"description":"Pie chart component with donut, gradient, and glow effects","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-pie-chart.json"},{"name":"recharts-radial-chart","title":null,"description":"Radial bar chart component with full and semi-circle variants","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-radial-chart.json"},{"name":"recharts-radar-chart","title":null,"description":"Radar chart component with filled and lines variants","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-radar-chart.json"},{"name":"recharts-sankey-chart","title":null,"description":"Sankey chart component for visualizing flow data with nodes and links","type":"registry:component","source_url":"https://evilcharts.com/r/recharts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/recharts-sankey-chart.json"},{"name":"ex-hover-highlight-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-highlight-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-highlight-echarts-area-chart.json"},{"name":"ex-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-area-chart.json"},{"name":"ex-svg-renderer-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-area-chart.json"},{"name":"ex-brush-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-brush-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-brush-echarts-area-chart.json"},{"name":"ex-buffer-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-buffer-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-buffer-echarts-area-chart.json"},{"name":"ex-hover-reveal-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-reveal-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-reveal-echarts-area-chart.json"},{"name":"ex-animated-dashed-stroke-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-animated-dashed-stroke-echarts-area-chart.json"},{"name":"ex-bump-curve-type-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bump-curve-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bump-curve-type-echarts-area-chart.json"},{"name":"ex-dashed-stroke-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dashed-stroke-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dashed-stroke-echarts-area-chart.json"},{"name":"ex-default-type-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-default-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-default-type-echarts-area-chart.json"},{"name":"ex-dotted-area-variant-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dotted-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dotted-area-variant-echarts-area-chart.json"},{"name":"ex-expanded-type-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-expanded-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-expanded-type-echarts-area-chart.json"},{"name":"ex-gradient-area-variant-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-area-variant-echarts-area-chart.json"},{"name":"ex-gradient-colors-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-area-chart.json"},{"name":"ex-gradient-colors-bump-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-bump-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-bump-echarts-area-chart.json"},{"name":"ex-gradient-reverse-area-variant-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-reverse-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-reverse-area-variant-echarts-area-chart.json"},{"name":"ex-hatched-area-variant-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hatched-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hatched-area-variant-echarts-area-chart.json"},{"name":"ex-lines-area-variant-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-lines-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-lines-area-variant-echarts-area-chart.json"},{"name":"ex-loading-state-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-area-chart.json"},{"name":"ex-monotoney-curve-type-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-monotoney-curve-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-monotoney-curve-type-echarts-area-chart.json"},{"name":"ex-solid-area-variant-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-area-variant-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-area-variant-echarts-area-chart.json"},{"name":"ex-solid-stroke-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-stroke-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-stroke-echarts-area-chart.json"},{"name":"ex-stacked-type-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stacked-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stacked-type-echarts-area-chart.json"},{"name":"ex-step-curve-type-echarts-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-step-curve-type-echarts-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-step-curve-type-echarts-area-chart.json"},{"name":"ex-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-line-chart.json"},{"name":"ex-svg-renderer-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-line-chart.json"},{"name":"ex-gradient-colors-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-line-chart.json"},{"name":"ex-gradient-colors-bump-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-bump-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-bump-echarts-line-chart.json"},{"name":"ex-loading-state-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-line-chart.json"},{"name":"ex-bump-curve-type-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bump-curve-type-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bump-curve-type-echarts-line-chart.json"},{"name":"ex-step-curve-type-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-step-curve-type-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-step-curve-type-echarts-line-chart.json"},{"name":"ex-monotoney-curve-type-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-monotoney-curve-type-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-monotoney-curve-type-echarts-line-chart.json"},{"name":"ex-solid-stroke-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-stroke-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-stroke-echarts-line-chart.json"},{"name":"ex-dashed-stroke-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dashed-stroke-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dashed-stroke-echarts-line-chart.json"},{"name":"ex-animated-dashed-stroke-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-animated-dashed-stroke-echarts-line-chart.json"},{"name":"ex-glowing-desktop-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-desktop-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-desktop-echarts-line-chart.json"},{"name":"ex-glowing-mobile-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-mobile-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-mobile-echarts-line-chart.json"},{"name":"ex-buffer-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-buffer-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-buffer-echarts-line-chart.json"},{"name":"ex-hover-reveal-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-reveal-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-reveal-echarts-line-chart.json"},{"name":"ex-dot-default-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-default-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-default-echarts-line-chart.json"},{"name":"ex-dot-border-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-border-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-border-echarts-line-chart.json"},{"name":"ex-dot-colored-border-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-colored-border-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-colored-border-echarts-line-chart.json"},{"name":"ex-dot-ping-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-ping-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-ping-echarts-line-chart.json"},{"name":"ex-legend-square-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-square-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-square-echarts-line-chart.json"},{"name":"ex-legend-circle-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-circle-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-circle-echarts-line-chart.json"},{"name":"ex-legend-circle-outline-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-circle-outline-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-circle-outline-echarts-line-chart.json"},{"name":"ex-legend-rounded-square-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-rounded-square-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-rounded-square-echarts-line-chart.json"},{"name":"ex-legend-rounded-square-outline-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-rounded-square-outline-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-rounded-square-outline-echarts-line-chart.json"},{"name":"ex-legend-vertical-bar-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-vertical-bar-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-vertical-bar-echarts-line-chart.json"},{"name":"ex-legend-horizontal-bar-echarts-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-horizontal-bar-echarts-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-horizontal-bar-echarts-line-chart.json"},{"name":"ex-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-bar-chart.json"},{"name":"ex-svg-renderer-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-bar-chart.json"},{"name":"ex-buffer-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-buffer-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-buffer-echarts-bar-chart.json"},{"name":"ex-gradient-colors-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-bar-chart.json"},{"name":"ex-loading-state-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-bar-chart.json"},{"name":"ex-default-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-default-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-default-variant-echarts-bar-chart.json"},{"name":"ex-expandable-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-expandable-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-expandable-variant-echarts-bar-chart.json"},{"name":"ex-max-highlight-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-max-highlight-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-max-highlight-echarts-bar-chart.json"},{"name":"ex-blocks-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-blocks-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-blocks-variant-echarts-bar-chart.json"},{"name":"ex-hatched-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hatched-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hatched-variant-echarts-bar-chart.json"},{"name":"ex-duotone-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-duotone-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-duotone-variant-echarts-bar-chart.json"},{"name":"ex-duotone-reverse-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-duotone-reverse-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-duotone-reverse-variant-echarts-bar-chart.json"},{"name":"ex-gradient-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-variant-echarts-bar-chart.json"},{"name":"ex-stripped-variant-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stripped-variant-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stripped-variant-echarts-bar-chart.json"},{"name":"ex-stacked-type-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stacked-type-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stacked-type-echarts-bar-chart.json"},{"name":"ex-percent-type-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-percent-type-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-percent-type-echarts-bar-chart.json"},{"name":"ex-horizontal-layout-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-horizontal-layout-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-horizontal-layout-echarts-bar-chart.json"},{"name":"ex-hover-highlight-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-highlight-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-highlight-echarts-bar-chart.json"},{"name":"ex-glowing-desktop-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-desktop-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-desktop-echarts-bar-chart.json"},{"name":"ex-glowing-mobile-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-mobile-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-mobile-echarts-bar-chart.json"},{"name":"ex-tooltip-default-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-tooltip-default-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-tooltip-default-echarts-bar-chart.json"},{"name":"ex-tooltip-frosted-glass-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-tooltip-frosted-glass-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-tooltip-frosted-glass-echarts-bar-chart.json"},{"name":"ex-chart-config-default-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-chart-config-default-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-chart-config-default-echarts-bar-chart.json"},{"name":"ex-chart-config-icons-echarts-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-chart-config-icons-echarts-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-chart-config-icons-echarts-bar-chart.json"},{"name":"ex-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-composed-chart.json"},{"name":"ex-svg-renderer-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-composed-chart.json"},{"name":"ex-gradient-colors-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-composed-chart.json"},{"name":"ex-loading-state-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-composed-chart.json"},{"name":"ex-hatched-variant-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hatched-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hatched-variant-echarts-composed-chart.json"},{"name":"ex-duotone-variant-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-duotone-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-duotone-variant-echarts-composed-chart.json"},{"name":"ex-gradient-variant-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-variant-echarts-composed-chart.json"},{"name":"ex-stripped-variant-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stripped-variant-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stripped-variant-echarts-composed-chart.json"},{"name":"ex-dashed-stroke-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dashed-stroke-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dashed-stroke-echarts-composed-chart.json"},{"name":"ex-animated-dashed-stroke-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-animated-dashed-stroke-echarts-composed-chart.json"},{"name":"ex-bump-curve-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bump-curve-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bump-curve-echarts-composed-chart.json"},{"name":"ex-dots-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dots-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dots-echarts-composed-chart.json"},{"name":"ex-hover-highlight-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-highlight-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-highlight-echarts-composed-chart.json"},{"name":"ex-glowing-echarts-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-echarts-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-echarts-composed-chart.json"},{"name":"ex-echarts-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-radar-chart.json"},{"name":"ex-svg-renderer-echarts-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-radar-chart.json"},{"name":"ex-lines-variant-echarts-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-lines-variant-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-lines-variant-echarts-radar-chart.json"},{"name":"ex-circle-grid-echarts-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-circle-grid-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-circle-grid-echarts-radar-chart.json"},{"name":"ex-gradient-colors-echarts-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-radar-chart.json"},{"name":"ex-loading-state-echarts-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-radar-chart.json"},{"name":"ex-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-pie-chart.json"},{"name":"ex-svg-renderer-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-pie-chart.json"},{"name":"ex-gradient-colors-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-pie-chart.json"},{"name":"ex-donut-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-donut-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-donut-echarts-pie-chart.json"},{"name":"ex-padded-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-padded-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-padded-echarts-pie-chart.json"},{"name":"ex-overlapping-padded-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-overlapping-padded-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-overlapping-padded-echarts-pie-chart.json"},{"name":"ex-labels-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-labels-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-labels-echarts-pie-chart.json"},{"name":"ex-loading-state-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-pie-chart.json"},{"name":"ex-outside-labels-echarts-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-outside-labels-echarts-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-outside-labels-echarts-pie-chart.json"},{"name":"ex-echarts-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-radial-chart.json"},{"name":"ex-svg-renderer-echarts-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-radial-chart.json"},{"name":"ex-semi-variant-echarts-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-semi-variant-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-semi-variant-echarts-radial-chart.json"},{"name":"ex-gradient-colors-echarts-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-radial-chart.json"},{"name":"ex-loading-state-echarts-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-radial-chart.json"},{"name":"ex-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-echarts-sankey-chart.json"},{"name":"ex-svg-renderer-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-svg-renderer-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-svg-renderer-echarts-sankey-chart.json"},{"name":"ex-gradient-colors-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-echarts-sankey-chart.json"},{"name":"ex-loading-state-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-echarts-sankey-chart.json"},{"name":"ex-solid-link-variant-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-link-variant-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-link-variant-echarts-sankey-chart.json"},{"name":"ex-source-link-variant-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-source-link-variant-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-source-link-variant-echarts-sankey-chart.json"},{"name":"ex-labeled-nodes-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-labeled-nodes-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-labeled-nodes-echarts-sankey-chart.json"},{"name":"ex-outside-labels-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-outside-labels-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-outside-labels-echarts-sankey-chart.json"},{"name":"ex-solid-labeled-nodes-echarts-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-labeled-nodes-echarts-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-labeled-nodes-echarts-sankey-chart.json"},{"name":"ex-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-area-chart.json"},{"name":"ex-brush-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-brush-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-brush-area-chart.json"},{"name":"ex-gradient-colors-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-area-chart.json"},{"name":"ex-gradient-colors-bump-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-bump-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-bump-area-chart.json"},{"name":"ex-loading-state-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-area-chart.json"},{"name":"ex-default-type-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-default-type-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-default-type-area-chart.json"},{"name":"ex-stacked-type-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stacked-type-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stacked-type-area-chart.json"},{"name":"ex-expanded-type-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-expanded-type-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-expanded-type-area-chart.json"},{"name":"ex-bump-curve-type-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bump-curve-type-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bump-curve-type-area-chart.json"},{"name":"ex-step-curve-type-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-step-curve-type-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-step-curve-type-area-chart.json"},{"name":"ex-monotoney-curve-type-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-monotoney-curve-type-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-monotoney-curve-type-area-chart.json"},{"name":"ex-solid-stroke-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-stroke-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-stroke-area-chart.json"},{"name":"ex-dashed-stroke-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dashed-stroke-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dashed-stroke-area-chart.json"},{"name":"ex-animated-dashed-stroke-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-animated-dashed-stroke-area-chart.json"},{"name":"ex-gradient-area-variant-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-area-variant-area-chart.json"},{"name":"ex-gradient-reverse-area-variant-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-reverse-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-reverse-area-variant-area-chart.json"},{"name":"ex-solid-area-variant-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-area-variant-area-chart.json"},{"name":"ex-dotted-area-variant-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dotted-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dotted-area-variant-area-chart.json"},{"name":"ex-lines-area-variant-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-lines-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-lines-area-variant-area-chart.json"},{"name":"ex-hatched-area-variant-area-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hatched-area-variant-area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hatched-area-variant-area-chart.json"},{"name":"ex-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-line-chart.json"},{"name":"ex-dot-default-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-default-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-default-line-chart.json"},{"name":"ex-dot-border-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-border-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-border-line-chart.json"},{"name":"ex-dot-colored-border-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dot-colored-border-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dot-colored-border-line-chart.json"},{"name":"ex-gradient-colors-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-line-chart.json"},{"name":"ex-gradient-colors-bump-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-bump-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-bump-line-chart.json"},{"name":"ex-loading-state-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-line-chart.json"},{"name":"ex-bump-curve-type-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bump-curve-type-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bump-curve-type-line-chart.json"},{"name":"ex-step-curve-type-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-step-curve-type-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-step-curve-type-line-chart.json"},{"name":"ex-monotoney-curve-type-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-monotoney-curve-type-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-monotoney-curve-type-line-chart.json"},{"name":"ex-solid-stroke-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-stroke-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-stroke-line-chart.json"},{"name":"ex-dashed-stroke-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dashed-stroke-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dashed-stroke-line-chart.json"},{"name":"ex-animated-dashed-stroke-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-animated-dashed-stroke-line-chart.json"},{"name":"ex-glowing-desktop-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-desktop-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-desktop-line-chart.json"},{"name":"ex-glowing-mobile-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-mobile-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-mobile-line-chart.json"},{"name":"ex-buffer-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-buffer-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-buffer-line-chart.json"},{"name":"ex-bg-dots-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-dots-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-dots-line-chart.json"},{"name":"ex-bg-grid-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-grid-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-grid-line-chart.json"},{"name":"ex-bg-cross-hatch-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-cross-hatch-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-cross-hatch-line-chart.json"},{"name":"ex-bg-diagonal-lines-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-diagonal-lines-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-diagonal-lines-line-chart.json"},{"name":"ex-bg-plus-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-plus-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-plus-line-chart.json"},{"name":"ex-bg-falling-triangles-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-falling-triangles-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-falling-triangles-line-chart.json"},{"name":"ex-bg-4-pointed-star-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-4-pointed-star-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-4-pointed-star-line-chart.json"},{"name":"ex-bg-tiny-checkers-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-tiny-checkers-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-tiny-checkers-line-chart.json"},{"name":"ex-bg-overlapping-circles-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-overlapping-circles-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-overlapping-circles-line-chart.json"},{"name":"ex-bg-wiggle-lines-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-wiggle-lines-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-wiggle-lines-line-chart.json"},{"name":"ex-bg-bubbles-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bg-bubbles-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bg-bubbles-line-chart.json"},{"name":"ex-buffer-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-buffer-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-buffer-bar-chart.json"},{"name":"ex-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bar-chart.json"},{"name":"ex-gradient-colors-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-bar-chart.json"},{"name":"ex-loading-state-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-bar-chart.json"},{"name":"ex-default-variant-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-default-variant-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-default-variant-bar-chart.json"},{"name":"ex-hatched-variant-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hatched-variant-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hatched-variant-bar-chart.json"},{"name":"ex-duotone-variant-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-duotone-variant-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-duotone-variant-bar-chart.json"},{"name":"ex-duotone-reverse-variant-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-duotone-reverse-variant-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-duotone-reverse-variant-bar-chart.json"},{"name":"ex-gradient-variant-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-variant-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-variant-bar-chart.json"},{"name":"ex-stripped-variant-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stripped-variant-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stripped-variant-bar-chart.json"},{"name":"ex-stacked-type-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stacked-type-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stacked-type-bar-chart.json"},{"name":"ex-percent-type-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-percent-type-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-percent-type-bar-chart.json"},{"name":"ex-horizontal-layout-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-horizontal-layout-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-horizontal-layout-bar-chart.json"},{"name":"ex-hover-highlight-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-highlight-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-highlight-bar-chart.json"},{"name":"ex-glowing-desktop-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-desktop-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-desktop-bar-chart.json"},{"name":"ex-glowing-mobile-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-mobile-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-mobile-bar-chart.json"},{"name":"ex-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-composed-chart.json"},{"name":"ex-gradient-colors-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-composed-chart.json"},{"name":"ex-loading-state-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-composed-chart.json"},{"name":"ex-hatched-variant-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hatched-variant-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hatched-variant-composed-chart.json"},{"name":"ex-duotone-variant-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-duotone-variant-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-duotone-variant-composed-chart.json"},{"name":"ex-gradient-variant-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-variant-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-variant-composed-chart.json"},{"name":"ex-stripped-variant-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-stripped-variant-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-stripped-variant-composed-chart.json"},{"name":"ex-dashed-stroke-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dashed-stroke-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dashed-stroke-composed-chart.json"},{"name":"ex-animated-dashed-stroke-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-animated-dashed-stroke-composed-chart.json"},{"name":"ex-bump-curve-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-bump-curve-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-bump-curve-composed-chart.json"},{"name":"ex-dots-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-dots-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-dots-composed-chart.json"},{"name":"ex-hover-highlight-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-hover-highlight-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-hover-highlight-composed-chart.json"},{"name":"ex-glowing-composed-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-composed-chart.json"},{"name":"ex-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-pie-chart.json"},{"name":"ex-gradient-colors-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-pie-chart.json"},{"name":"ex-donut-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-donut-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-donut-pie-chart.json"},{"name":"ex-padded-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-padded-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-padded-pie-chart.json"},{"name":"ex-overlapping-padded-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-overlapping-padded-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-overlapping-padded-pie-chart.json"},{"name":"ex-labels-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-labels-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-labels-pie-chart.json"},{"name":"ex-loading-state-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-pie-chart.json"},{"name":"ex-glowing-pie-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-pie-chart.json"},{"name":"ex-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-radial-chart.json"},{"name":"ex-semi-variant-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-semi-variant-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-semi-variant-radial-chart.json"},{"name":"ex-gradient-colors-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-radial-chart.json"},{"name":"ex-loading-state-radial-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-radial-chart.json"},{"name":"ex-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-radar-chart.json"},{"name":"ex-lines-variant-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-lines-variant-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-lines-variant-radar-chart.json"},{"name":"ex-circle-grid-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-circle-grid-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-circle-grid-radar-chart.json"},{"name":"ex-gradient-colors-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-radar-chart.json"},{"name":"ex-loading-state-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-radar-chart.json"},{"name":"ex-glowing-radar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-glowing-radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-glowing-radar-chart.json"},{"name":"ex-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-sankey-chart.json"},{"name":"ex-gradient-colors-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-gradient-colors-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-gradient-colors-sankey-chart.json"},{"name":"ex-loading-state-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-loading-state-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-loading-state-sankey-chart.json"},{"name":"ex-solid-link-variant-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-link-variant-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-link-variant-sankey-chart.json"},{"name":"ex-source-link-variant-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-source-link-variant-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-source-link-variant-sankey-chart.json"},{"name":"ex-labeled-nodes-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-labeled-nodes-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-labeled-nodes-sankey-chart.json"},{"name":"ex-outside-labels-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-outside-labels-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-outside-labels-sankey-chart.json"},{"name":"ex-solid-labeled-nodes-sankey-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-solid-labeled-nodes-sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-solid-labeled-nodes-sankey-chart.json"},{"name":"ex-tooltip-default-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-tooltip-default-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-tooltip-default-bar-chart.json"},{"name":"ex-tooltip-frosted-glass-bar-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-tooltip-frosted-glass-bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-tooltip-frosted-glass-bar-chart.json"},{"name":"ex-legend-square-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-square-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-square-line-chart.json"},{"name":"ex-legend-circle-line-chart","title":null,"description":null,"type":"registry:block","source_url":"https://evilcharts.com/r/ex-legend-circle-line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/ex-legend-circle-line-chart.json"}]},{"id":"exabase","name":"@exabase","slug":"exabase","description":"ExaBase Design is the official UI component collection from ExaWizards (a Japanese AI company), built as a shadcn-compatible registry. It covers a comprehensive set of ~50+ components organized into styles (colors, elevation, rounded) and components: accordion, alert, alert-dialog, aspect-ratio, autocomplete, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, checkbox, collapsible, combobox, command, context-menu, data-table, date-picker, dialog, drawer, dropdown-menu, empty, field, hover-card, input, input-group, input-otp, item, kbd, label, menubar, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, spinner, switch, table, tabs, textarea, toast, toggle, toggle-group, and tooltip. Built on Radix UI and Tailwind CSS v4. Use for: adopting a professionally maintained, enterprise-grade shadcn design system with a complete component set and documented theming tokens.","author":null,"framework":"react","license":null,"tags":["ai","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Design system"],"labels":[],"urls":{"website":"https://exawizards.com/exabase/design/","github":"N/A","registry":"https://exawizards.com/exabase/design/registry/registry.json","source":"https://exawizards.com/exabase/design/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/exabase","markdown":"https://sh4dcn.netlify.app/md/exabase.md"},"logo":"<svg width='189' height='287' viewBox='0 0 189 287' fill='#1400C8'><path d='M15.077 103.074L14.579 104.228C-4.78838 149.063 -4.78838 152.305 14.579 197.167C21.5789 213.431 47.7538 274.025 47.7538 274.025L48.2518 272.872C67.6192 228.036 67.6192 224.795 48.2518 179.959C41.2519 163.696 15.077 103.074 15.077 103.074Z'></path><path d='M53.0599 0.607147L52.6725 1.76099C33.3052 46.5962 33.3052 49.8379 52.6725 94.7006L135.288 286.321L135.786 285.168C155.154 240.332 155.154 237.091 135.786 192.256L53.0599 0.607147Z'></path><path d='M140.594 12.9031L140.096 14.057C120.729 58.8922 120.729 62.1339 140.096 106.997C147.096 123.26 173.271 183.855 173.271 183.855L173.769 182.701C193.137 137.866 193.137 134.624 173.769 89.7889C166.769 73.5252 140.594 12.9031 140.594 12.9031Z'></path></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json","install_bun":"bunx shadcn@latest add https://exawizards.com/exabase/design/registry/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://exawizards.com/exabase/design/registry/registry.json"},"component_count":61,"components":[{"name":"base","title":null,"description":null,"type":"registry:base","source_url":"https://exawizards.com/exabase/design/registry/base.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/base.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/accordion.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/alert.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/alert-dialog.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/aspect-ratio.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/aspect-ratio.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/autocomplete.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/avatar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/badge.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/breadcrumb.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/button.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/button-group.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/calendar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/card.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/carousel.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/chart.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/checkbox.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/collapsible.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/combobox.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/command.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/context-menu.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/dialog.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/drawer.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/dropdown-menu.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/empty.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/field.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/field.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/hover-card.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/hover-card.json"},{"name":"icon","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/icon.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/icon.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/input.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/input-group.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/input-otp.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/item.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/kbd.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/label.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/menubar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/menubar.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/navigation-menu.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/navigation-menu.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/pagination.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/popover.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/progress.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/radio-group.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/resizable.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/scroll-area.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/select.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/separator.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/sheet.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/sidebar.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/skeleton.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/slider.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/spinner.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/switch.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/table.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/tabs.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/textarea.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/toast.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/toggle.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/toggle-group.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/tooltip.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/tooltip.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://exawizards.com/exabase/design/registry/use-mobile.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/use-mobile.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://exawizards.com/exabase/design/registry/utils.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/utils.json"},{"name":"font-inter","title":"Inter","description":null,"type":"registry:font","source_url":"https://exawizards.com/exabase/design/registry/font-inter.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/font-inter.json"},{"name":"font-noto-sans-jp","title":"Noto Sans JP","description":null,"type":"registry:font","source_url":"https://exawizards.com/exabase/design/registry/font-noto-sans-jp.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/font-noto-sans-jp.json"},{"name":"fonts","title":null,"description":null,"type":"registry:ui","source_url":"https://exawizards.com/exabase/design/registry/fonts.json","install_command":"npx shadcn@latest add https://exawizards.com/exabase/design/registry/fonts.json"}]},{"id":"extend","name":"@extend","slug":"extend","description":"A collection of UI components for building document agents and human-in-the-loop review workflows.","author":"extend-hq","framework":"react","license":null,"tags":["ai","blocks","buttons","cards","dashboard","editor","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://ui.extend.ai","github":"https://github.com/extend-hq/ui","registry":"https://ui.extend.ai/r/registry.json","source":"https://ui.extend.ai/r/registry.json","page":"https://sh4dcn.netlify.app/registry/extend","markdown":"https://sh4dcn.netlify.app/md/extend.md"},"logo":"<svg width='754' height='579' viewBox='0 0 754 579' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M753.097 401.315C730.424 412.462 708.147 423.455 685.805 434.403C621.262 466.041 556.719 497.634 492.176 529.271C463.28 543.43 434.429 557.721 405.467 571.747C386.511 580.915 367.357 581.047 348.357 571.747C254.412 525.732 160.512 479.672 66.5672 433.656C46.0498 423.609 25.4884 413.605 4.94905 403.558C3.49766 402.832 2.09026 401.997 0.550903 401.117V340.833C35.0764 323.882 69.6019 306.953 105.315 289.431C69.5799 271.842 35.0324 254.891 0.550903 237.962V177.48C12.294 171.698 23.9051 165.938 35.5602 160.221C107.316 125.022 179.072 89.8455 250.828 54.6686C283.682 38.5752 316.47 22.4158 349.434 6.54217C367.884 -2.34 386.687 -2.12015 405.027 6.84997C474.21 40.6198 543.305 74.5875 612.422 108.489C657.085 130.387 701.77 152.241 746.433 174.138C748.566 175.172 750.634 176.293 752.987 177.502V238.006C718.747 254.803 684.2 271.776 648.355 289.365C683.936 306.843 718.461 323.772 753.053 340.767V401.315H753.097ZM376.351 507.791C381.893 506.252 387.5 505.571 392.294 503.218C472.846 463.974 553.289 424.51 633.775 385.156C639.668 382.276 643.737 378.12 643.869 371.371C644 364.357 639.998 359.938 633.863 356.992C617.546 349.143 601.47 340.811 584.955 333.424C580.249 331.313 574.114 330.368 569.122 331.357C561.359 332.918 553.706 335.952 546.537 339.448C499.653 362.203 452.923 385.288 406.082 408.131C386.994 417.431 367.709 417.826 348.467 408.438C311.984 390.608 275.589 372.646 239.085 354.926C223.625 347.428 208.056 340.195 192.354 333.204C183.294 329.158 174.3 330.192 165.394 334.721C150.066 342.504 134.585 349.979 119.103 357.432C113.671 360.048 110.219 364.072 109.845 370.008C109.427 376.911 112.88 381.66 119.169 384.738C199.303 423.982 279.394 463.336 359.572 502.493C364.718 504.999 370.589 506.032 376.329 507.813L376.351 507.791ZM376.373 70.828C370.15 72.9386 363.508 74.4336 357.571 77.3357C278.206 116.074 198.952 155.033 119.609 193.837C113.605 196.783 109.801 201.005 109.823 207.732C109.845 214.174 113.298 218.549 119.169 221.363C135.486 229.19 151.693 237.237 167.967 245.152C174.696 248.427 181.799 249.153 188.77 246.625C197.346 243.503 205.835 240.051 214.037 236.072C259.096 214.152 303.979 191.925 349.06 170.027C367.841 160.903 386.907 161.321 405.665 170.467C440.344 187.395 474.936 204.456 509.615 221.363C525.888 229.278 542.205 237.127 558.654 244.646C567.011 248.471 575.851 249.988 584.647 245.745C601.448 237.655 618.293 229.63 634.852 221.033C638.239 219.275 641.428 215.603 642.945 212.063C645.958 205.028 642.329 197.883 634.654 194.101C612.51 183.174 590.321 172.379 568.154 161.518C509.857 132.981 451.581 104.378 393.218 75.9946C388.248 73.5762 382.552 72.6748 376.373 70.828ZM258.854 289.255C260.02 290.046 260.68 290.64 261.449 291.014C294.765 307.393 328.037 323.838 361.441 340.019C371.733 345.01 382.42 344.79 392.734 339.778C425.632 323.794 458.464 307.701 491.319 291.607C492.484 291.035 493.496 290.156 494.837 289.233C493.65 288.463 493.078 288.001 492.418 287.672C458.904 271.292 425.456 254.781 391.832 238.6C381.321 233.543 370.457 234.203 360.012 239.303C327.641 255.133 295.337 271.051 263.011 286.968C261.757 287.584 260.57 288.309 258.832 289.255H258.854Z' fill='var(--foreground)'/></svg>","preview_image":"https://www.extend.ai/ui/og?title=Open%20source%20UI%20kit%20for%20modern%20document%20apps&amp;description=React%20components%20for%20PDF%2C%20DOCX%2C%20XLSX%2C%20and%20CSV%20viewers%2C%20with%20bounding%20box%20citations%2C%20file%20upload%2C%20e-signing%2C%20and%20more.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1604,"open_issues":7,"last_commit":"2026-10-20T15:31:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.extend.ai/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.extend.ai/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.extend.ai/r/registry.json","clone":"git clone https://github.com/extend-hq/ui.git","clone_degit":"npx degit extend-hq/ui","registry_fetch":"curl -s https://ui.extend.ai/r/registry.json"},"component_count":68,"components":[{"name":"utils","title":"Utils","description":"Shared class name helper used by Extend UI registry components.","type":"registry:lib","source_url":"https://ui.extend.ai/r/utils.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/utils.json"},{"name":"use-mobile","title":"Use Mobile","description":"A media query hook for mobile responsive UI.","type":"registry:hook","source_url":"https://ui.extend.ai/r/use-mobile.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/use-mobile.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of expandable content panels.","type":"registry:ui","source_url":"https://ui.extend.ai/r/accordion.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/accordion.json"},{"name":"alert","title":"Alert","description":"A callout for displaying contextual messages.","type":"registry:ui","source_url":"https://ui.extend.ai/r/alert.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A small wrapper for preserving media aspect ratios.","type":"registry:ui","source_url":"https://ui.extend.ai/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/aspect-ratio.json"},{"name":"autocomplete","title":"Autocomplete","description":"An autocomplete input built on Base UI primitives.","type":"registry:ui","source_url":"https://ui.extend.ai/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/autocomplete.json"},{"name":"badge","title":"Badge","description":"A compact label for status, metadata, and categorization.","type":"registry:ui","source_url":"https://ui.extend.ai/r/badge.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation breadcrumbs for page hierarchy.","type":"registry:ui","source_url":"https://ui.extend.ai/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A polymorphic button primitive with variants, sizes, and loading state.","type":"registry:ui","source_url":"https://ui.extend.ai/r/button.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/button.json"},{"name":"card","title":"Card","description":"A flexible container primitive for grouped content.","type":"registry:ui","source_url":"https://ui.extend.ai/r/card.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/card.json"},{"name":"collapsible","title":"Collapsible","description":"A disclosure primitive for expandable content.","type":"registry:ui","source_url":"https://ui.extend.ai/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/collapsible.json"},{"name":"color-picker","title":"Color Picker","description":"An OKLCH-aware popover color picker with OKLCH, HSL, RGB, and hex input formats.","type":"registry:ui","source_url":"https://ui.extend.ai/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/color-picker.json"},{"name":"command","title":"Command","description":"A command menu surface powered by cmdk.","type":"registry:ui","source_url":"https://ui.extend.ai/r/command.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/command.json"},{"name":"dialog","title":"Dialog","description":"An accessible modal dialog built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/dialog.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/dialog.json"},{"name":"context-menu","title":"Context Menu","description":"A context menu built on Base UI with nested menus and keyboard navigation.","type":"registry:ui","source_url":"https://ui.extend.ai/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/context-menu.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A dropdown menu built on Base UI menu primitives.","type":"registry:ui","source_url":"https://ui.extend.ai/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"A styled text input built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/input.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/input.json"},{"name":"group","title":"Group","description":"A connected control group primitive for buttons, inputs, separators, and text addons.","type":"registry:ui","source_url":"https://ui.extend.ai/r/group.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/group.json"},{"name":"kbd","title":"Kbd","description":"A keyboard shortcut display primitive.","type":"registry:ui","source_url":"https://ui.extend.ai/r/kbd.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/kbd.json"},{"name":"popover","title":"Popover","description":"A floating popover built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/popover.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/popover.json"},{"name":"scroll-area","title":"Scroll Area","description":"A custom scroll area built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/scroll-area.json"},{"name":"select","title":"Select","description":"A select control built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/select.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/select.json"},{"name":"separator","title":"Separator","description":"A visual separator built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/separator.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A side sheet built on Base UI dialog primitives.","type":"registry:ui","source_url":"https://ui.extend.ai/r/sheet.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A responsive application sidebar with menu, rail, and provider primitives.","type":"registry:ui","source_url":"https://ui.extend.ai/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A loading placeholder with shimmer animation.","type":"registry:ui","source_url":"https://ui.extend.ai/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/skeleton.json"},{"name":"sonner","title":"Sonner","description":"A themed toast provider for Sonner.","type":"registry:ui","source_url":"https://ui.extend.ai/r/sonner.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"A compact loading spinner using Hugeicons.","type":"registry:ui","source_url":"https://ui.extend.ai/r/spinner.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/spinner.json"},{"name":"switch","title":"Switch","description":"A binary toggle control built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/switch.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A tabs primitive built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/tabs.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/tabs.json"},{"name":"toast","title":"Toast","description":"A toast provider built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/toast.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/toast.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip primitive built on Base UI.","type":"registry:ui","source_url":"https://ui.extend.ai/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/tooltip.json"},{"name":"toggle","title":"Toggle","description":"A two-state command button and grouped toggle controls.","type":"registry:ui","source_url":"https://ui.extend.ai/r/toggle.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/toggle.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel primitives using react-resizable-panels.","type":"registry:ui","source_url":"https://ui.extend.ai/r/resizable.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/resizable.json"},{"name":"pdf-block-resizable-shell","title":"PDF Block Resizable Shell","description":"A reusable resizable left document viewer and right review panel shell for PDF-style blocks.","type":"registry:component","source_url":"https://ui.extend.ai/r/pdf-block-resizable-shell.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-block-resizable-shell.json"},{"name":"file-upload","title":"File Upload","description":"A drag-and-drop file upload surface with accepted file type icons and a compact file list.","type":"registry:ui","source_url":"https://ui.extend.ai/r/file-upload.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/file-upload.json"},{"name":"file-thumbnail","title":"File Thumbnail","description":"A compact file preview thumbnail shell for externally generated images, loading states, and fallback states.","type":"registry:ui","source_url":"https://ui.extend.ai/r/file-thumbnail.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/file-thumbnail.json"},{"name":"file-system","title":"File System (Finder)","description":"A macOS Finder-style file browser for flat object-store manifests with icon, list, column, and gallery views.","type":"registry:ui","source_url":"https://ui.extend.ai/r/file-system.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/file-system.json"},{"name":"file-system-block","title":"File System (Finder)","description":"A Finder-style file browser block that opens PDF, DOCX, PowerPoint, XLSX, and image files in large viewer dialogs.","type":"registry:block","source_url":"https://ui.extend.ai/r/file-system-block.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/file-system-block.json"},{"name":"pdf-viewer","title":"PDF Viewer","description":"A PDF viewer with page virtualization, thumbnails, search, zoom, rotation, upload, and page overlay hooks.","type":"registry:ui","source_url":"https://ui.extend.ai/r/pdf-viewer.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-viewer.json"},{"name":"pdf-editor","title":"PDF Editor","description":"A PDF editor with annotations, comments, redaction, form filling and design, signatures, rubber stamps, page organization, security, printing, and export.","type":"registry:ui","source_url":"https://ui.extend.ai/r/pdf-editor.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-editor.json"},{"name":"pdf-editor-core","title":"PDF Editor Core","description":"Shared PDF editor behavior and state for the Base UI and Radix UI artifacts.","type":"registry:ui","source_url":"https://ui.extend.ai/r/pdf-editor-core.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-editor-core.json"},{"name":"docx-viewer","title":"DOCX Viewer","description":"A DOCX viewer with upload, zoom, theme controls, and read-only rendering.","type":"registry:ui","source_url":"https://ui.extend.ai/r/docx-viewer.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/docx-viewer.json"},{"name":"docx-editor","title":"DOCX Editor","description":"An experimental DOCX editor with a Word-style toolbar, page thumbnails, import, export, and live document mutation.","type":"registry:ui","source_url":"https://ui.extend.ai/r/docx-editor.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/docx-editor.json"},{"name":"xlsx-viewer","title":"Excel Viewer","description":"An XLSX viewer with workbook loading, thumbnails, sheet tabs, upload, zoom, and theme controls.","type":"registry:ui","source_url":"https://ui.extend.ai/r/xlsx-viewer.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/xlsx-viewer.json"},{"name":"pptx-viewer","title":"PowerPoint Viewer","description":"A PowerPoint viewer with slide navigation, zoom, upload, download, custom scroll areas, and virtualized thumbnails.","type":"registry:ui","source_url":"https://ui.extend.ai/r/pptx-viewer.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pptx-viewer.json"},{"name":"xlsx-editor","title":"Excel Editor","description":"An experimental XLSX editor with formula input, undo and redo, sheet controls, export, and live workbook mutation.","type":"registry:ui","source_url":"https://ui.extend.ai/r/xlsx-editor.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/xlsx-editor.json"},{"name":"csv-viewer","title":"CSV Viewer","description":"A CSV and TSV viewer with parsing, upload, search, zoom, theme-aware grid rendering, and Glide Data Grid.","type":"registry:ui","source_url":"https://ui.extend.ai/r/csv-viewer.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/csv-viewer.json"},{"name":"pdf-dropzone","title":"PDF Dropzone","description":"A PDF-only upload dropzone that opens the dropped file in the shared PDF viewer.","type":"registry:block","source_url":"https://ui.extend.ai/r/pdf-dropzone.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-dropzone.json"},{"name":"layout-blocks","title":"Layout Blocks","description":"A structured layout review panel with typed blocks and confidence cards.","type":"registry:ui","source_url":"https://ui.extend.ai/r/layout-blocks.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/layout-blocks.json"},{"name":"layout-blocks-block","title":"Layout Blocks","description":"A structured layout review block with confidence cards and PDF region overlays.","type":"registry:block","source_url":"https://ui.extend.ai/r/layout-blocks-block.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/layout-blocks-block.json"},{"name":"e-signature","title":"E-Signature","description":"A PDF signature review block with field overlays and signing actions.","type":"registry:block","source_url":"https://ui.extend.ai/r/e-signature.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/e-signature.json"},{"name":"bounding-box-citations","title":"Bounding Box Citations","description":"An extraction citation panel connected to source bounding boxes and editable values.","type":"registry:ui","source_url":"https://ui.extend.ai/r/bounding-box-citations.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/bounding-box-citations.json"},{"name":"schema-builder","title":"Schema Builder","description":"A JSON schema builder with form and JSON views for extraction schemas.","type":"registry:ui","source_url":"https://ui.extend.ai/r/schema-builder.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/schema-builder.json"},{"name":"bounding-box-citations-block","title":"Bounding Box Citations","description":"An extraction citation block linked to source PDF bounding boxes.","type":"registry:block","source_url":"https://ui.extend.ai/r/bounding-box-citations-block.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/bounding-box-citations-block.json"},{"name":"document-splits","title":"Document Splits","description":"A split-group review panel for organizing pages into output documents.","type":"registry:ui","source_url":"https://ui.extend.ai/r/document-splits.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-splits.json"},{"name":"document-splits-block","title":"Document Splits","description":"A split-group review block for organizing PDF pages into output documents.","type":"registry:block","source_url":"https://ui.extend.ai/r/document-splits-block.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-splits-block.json"},{"name":"excel-editor","title":"Excel Editor","description":"A full Excel editor block with workbook upload, cell formatting, merge tools, sheets, zoom, and export controls.","type":"registry:block","source_url":"https://ui.extend.ai/r/excel-editor.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/excel-editor.json"},{"name":"docx-editor-block","title":"DOCX Editor","description":"A full DOCX editor block with a Word-style toolbar, page thumbnails, and export controls.","type":"registry:block","source_url":"https://ui.extend.ai/r/docx-editor-block.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/docx-editor-block.json"},{"name":"pdf-editor-block","title":"PDF Editor","description":"A full PDF editor block with annotation, redaction, form, signature, stamp, page organization, security, print, and export tools.","type":"registry:block","source_url":"https://ui.extend.ai/r/pdf-editor-block.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/pdf-editor-block.json"},{"name":"document-viewer-sidebar","title":"Document Viewer Sidebar","description":"Shared thumbnail sidebar behavior for document viewers, including viewer-width responsive overlay and inline modes.","type":"registry:ui","source_url":"https://ui.extend.ai/r/document-viewer-sidebar.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-viewer-sidebar.json"},{"name":"document-color-popover","title":"Color Picker Popover","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/document-color-popover.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-color-popover.json"},{"name":"document-controls","title":"document-controls","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/document-controls.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-controls.json"},{"name":"document-scroll-area","title":"document-scroll-area","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/document-scroll-area.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-scroll-area.json"},{"name":"document-preview-card","title":"document-preview-card","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/document-preview-card.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-preview-card.json"},{"name":"document-color-picker","title":"document-color-picker","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/document-color-picker.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-color-picker.json"},{"name":"document-toast","title":"document-toast","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/document-toast.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/document-toast.json"},{"name":"registry-icon-props","title":"registry-icon-props","description":null,"type":"registry:ui","source_url":"https://ui.extend.ai/r/registry-icon-props.json","install_command":"npx shadcn@latest add https://ui.extend.ai/r/registry-icon-props.json"}]},{"id":"fab-ui","name":"@fab-ui","slug":"fab-ui","description":"Fab UI is a shadcn-compatible component registry built entirely on Base UI (headless, accessible primitives) rather than Radix UI, with Tailwind CSS v4 and React 19. Offers 39 components across four categories: Form (button, checkbox, checkbox-group, combobox, field, fieldset, form, input, input-group, label, number-field, radio, select, slider, switch, textarea, toggle), Overlay (alert-dialog, context-menu, dialog, dropdown-menu, popover, preview-card, tooltip), Layout (accordion, card, collapsible, scroll-area, separator, tabs, toolbar), and Data Display (avatar, badge, meter, progress). Special components include autocomplete, toggle-group, and two liquid-metal animated components (button and avatar) using Paper Design shaders. WCAG-compliant, copy-paste owned. Free, MIT licensed. Use for: building an accessible, Base UI-based component set with Tailwind v4 that bypasses Radix UI while still following the shadcn copy-paste ownership model.","author":"triatetarta","framework":"react","license":"MIT","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","components","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"labels":["recently-updated"],"urls":{"website":"https://fab-ui.com","github":"https://github.com/triatetarta/fab-ui","registry":"https://fab-ui.com/r/registry.json","source":"https://fab-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/fab-ui","markdown":"https://sh4dcn.netlify.app/md/fab-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='var(--foreground)'><rect width='32' height='32' rx='4'/></svg>","preview_image":"https://www.fab-ui.com/opengraph-image-12gd74.png?opengraph-image.0m.o3~5rzjd-r.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":54,"open_issues":11,"last_commit":"2026-10-26T21:33:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://fab-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://fab-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://fab-ui.com/r/registry.json","clone":"git clone https://github.com/triatetarta/fab-ui.git","clone_degit":"npx degit triatetarta/fab-ui","registry_fetch":"curl -s https://fab-ui.com/r/registry.json"},"component_count":44,"components":[{"name":"accordion","title":"Accordion","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/accordion.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/alert-dialog.json"},{"name":"autocomplete","title":"Autocomplete","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/avatar.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/avatar.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/badge.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/badge.json"},{"name":"button","title":"Button","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/button.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/button.json"},{"name":"card","title":"Card","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/card.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/card.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/checkbox-group.json"},{"name":"collapsible","title":"Collapsible","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/combobox.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/combobox.json"},{"name":"context-menu","title":"Context Menu","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/dialog.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/drawer.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/dropdown-menu.json"},{"name":"field","title":"Field","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/field.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/field.json"},{"name":"fieldset","title":"Fieldset","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/fieldset.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/fieldset.json"},{"name":"form","title":"Form","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/form.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/form.json"},{"name":"input","title":"Input","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/input.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/input.json"},{"name":"input-group","title":"Input Group","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/input-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/input-group.json"},{"name":"label","title":"Label","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/label.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/label.json"},{"name":"liquid-metal-avatar","title":"Liquid Metal Avatar","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/liquid-metal-avatar.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/liquid-metal-avatar.json"},{"name":"liquid-metal-button","title":"Liquid Metal Button","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/liquid-metal-button.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/liquid-metal-button.json"},{"name":"liquid-metal-card","title":"Liquid Metal Card","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/liquid-metal-card.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/liquid-metal-card.json"},{"name":"mesh-gradient-card","title":"Mesh Gradient Card","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/mesh-gradient-card.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/mesh-gradient-card.json"},{"name":"meter","title":"Meter","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/meter.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/number-field.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/number-field.json"},{"name":"popover","title":"Popover","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/popover.json"},{"name":"hover-card","title":"Hover Card","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/hover-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/progress.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/scroll-area.json"},{"name":"select","title":"Select","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/select.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/select.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/separator.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/separator.json"},{"name":"slider","title":"Slider","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/slider.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/slider.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/switch.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/switch.json"},{"name":"tabs","title":"Tabs","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/tabs.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/textarea.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/textarea.json"},{"name":"toggle-group","title":"Toggle Group","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/toggle-group.json"},{"name":"toggle","title":"Toggle","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/toggle.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/toggle.json"},{"name":"toolbar","title":"Toolbar","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":null,"type":"registry:ui","source_url":"https://fab-ui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/tooltip.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://fab-ui.com/r/utils.json","install_command":"npx shadcn@latest add https://fab-ui.com/r/utils.json"}]},{"id":"facade","name":"@facade","slug":"facade","description":"Accessible sections and page templates for marketing websites: heroes, feature grids, pricing tables, FAQs and footers. Built with Base UI and Tailwind CSS v4.","author":"facade-ui","framework":"react","license":"MIT","tags":["accessibility","animation","blocks","buttons","cards","design-system","developer-tools","forms","hooks","icons","marketing","navigation","overlays","payments","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://facadeui.dev","github":"https://github.com/facade-ui/facade-ui","registry":"https://facadeui.dev/r/registry.json","source":"https://facadeui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/facade","markdown":"https://sh4dcn.netlify.app/md/facade.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><rect width='48' height='48' rx='9' fill='#f54900'/><rect x='9' y='9' width='30' height='6' rx='2' fill='#0c0a09'/><rect x='9' y='21' width='21' height='6' rx='2' fill='#0c0a09'/><rect x='9' y='33' width='12' height='6' rx='2' fill='#0c0a09'/></svg>","preview_image":"https://facadeui.dev/opengraph-image?76d531a4e740f85c","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-11T20:51:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://facadeui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://facadeui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://facadeui.dev/r/registry.json","clone":"git clone https://github.com/facade-ui/facade-ui.git","clone_degit":"npx degit facade-ui/facade-ui","registry_fetch":"curl -s https://facadeui.dev/r/registry.json"},"component_count":135,"components":[{"name":"tokens","title":"Design tokens","description":"The design tokens Facade UI needs: shadcn colour names, plus --facade-* variables for heading sizes, section spacing and animation. The default colours are Tai…","type":"registry:file","source_url":"https://facadeui.dev/r/tokens.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/tokens.json"},{"name":"themes","title":"Theme presets","description":"Three more colour themes: neutral, warm and vivid. Apply one with the data-facade-theme attribute. The default orange theme is in the tokens file.","type":"registry:file","source_url":"https://facadeui.dev/r/themes.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/themes.json"},{"name":"utils","title":"cn","description":"A helper that merges class names, using clsx and tailwind-merge. It is the same as the one in shadcn/ui, so installing it changes nothing if you already have i…","type":"registry:lib","source_url":"https://facadeui.dev/r/utils.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/utils.json"},{"name":"types","title":"Shared types","description":"Types that every section uses: heading levels, image and link components you can replace, and call-to-action items.","type":"registry:lib","source_url":"https://facadeui.dev/r/types.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/types.json"},{"name":"motion-primitives","title":"Motion primitives","description":"Animation building blocks: FacadeMotionProvider, FadeIn, Reveal, Stagger and Collapse. They animate only opacity and transform, and follow the reduced-motion s…","type":"registry:component","source_url":"https://facadeui.dev/r/motion-primitives.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/motion-primitives.json"},{"name":"button","title":"Button","description":"A button built on Base UI, with Facade styles. Every size is at least 44 by 44 pixels.","type":"registry:ui","source_url":"https://facadeui.dev/r/button.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/button.json"},{"name":"badge","title":"Badge","description":"A small label for a status or category. You can add a prefix that only screen readers announce.","type":"registry:ui","source_url":"https://facadeui.dev/r/badge.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/badge.json"},{"name":"heading","title":"Heading","description":"Renders an h1 to h6 from a number, so you set the heading level and the visual size separately.","type":"registry:ui","source_url":"https://facadeui.dev/r/heading.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/heading.json"},{"name":"eyebrow","title":"Eyebrow","description":"The small label above a section heading. It is a paragraph, not a heading.","type":"registry:ui","source_url":"https://facadeui.dev/r/eyebrow.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/eyebrow.json"},{"name":"container","title":"Container","description":"Sets the maximum width and side padding that every section uses. Both come from the container tokens.","type":"registry:ui","source_url":"https://facadeui.dev/r/container.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/container.json"},{"name":"section","title":"Section","description":"The outer wrapper of a section. It sets the element, the vertical spacing, and the link to the heading that names the section.","type":"registry:ui","source_url":"https://facadeui.dev/r/section.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/section.json"},{"name":"section-header","title":"Section header","description":"An eyebrow, a heading and a description. It also sets the heading id that a section uses for its accessible name.","type":"registry:ui","source_url":"https://facadeui.dev/r/section-header.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/section-header.json"},{"name":"cta-group","title":"CTA group","description":"A row of call-to-action links styled as buttons. Because they are links, people can open them in a new tab.","type":"registry:ui","source_url":"https://facadeui.dev/r/cta-group.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/cta-group.json"},{"name":"stat","title":"Stat","description":"One number with its label, as part of a description list. You can give a spoken form for abbreviated values.","type":"registry:ui","source_url":"https://facadeui.dev/r/stat.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/stat.json"},{"name":"logo-mark","title":"Logo mark","description":"One customer logo, with an optional link. Logos get the same visual height, and the company name is available to screen readers.","type":"registry:ui","source_url":"https://facadeui.dev/r/logo-mark.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/logo-mark.json"},{"name":"feature-icon","title":"Feature icon","description":"A tinted box that holds an icon. You pass an icon component, and it is hidden from screen readers.","type":"registry:ui","source_url":"https://facadeui.dev/r/feature-icon.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-icon.json"},{"name":"testimonial","title":"Testimonial","description":"A quote with the name of the person who said it, and an optional star rating that screen readers announce as text.","type":"registry:ui","source_url":"https://facadeui.dev/r/testimonial.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonial.json"},{"name":"pricing-tier","title":"Pricing tier","description":"One pricing plan as a card. The price has a spoken form, a feature that is not included says so in words, and you can mark a plan as recommended.","type":"registry:ui","source_url":"https://facadeui.dev/r/pricing-tier.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-tier.json"},{"name":"input","title":"Input","description":"A text field built on Base UI's Field, which connects the label, help text and error message to the input. The border has a contrast of at least 3:1.","type":"registry:ui","source_url":"https://facadeui.dev/r/input.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/input.json"},{"name":"select","title":"Select","description":"A drop-down list built on Base UI's Select and Field. The label, help text and error message are connected to the control, and a hidden input carries the chose…","type":"registry:ui","source_url":"https://facadeui.dev/r/select.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/select.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text field built on Base UI's Field, so the label, help text and error message are connected to the control. Same border and focus ring as Input.","type":"registry:ui","source_url":"https://facadeui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/textarea.json"},{"name":"prose","title":"Prose","description":"Styles for an article body: headings, paragraphs, lists, links, code, quotes and tables on the Facade type scale. Wrap rendered markdown or hand-written HTML i…","type":"registry:ui","source_url":"https://facadeui.dev/r/prose.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/prose.json"},{"name":"nav-top","title":"Top navigation","description":"A site header and navigation bar built from one list of links. Large screens get dropdown menus. Small screens get a drawer that keeps keyboard focus inside it.","type":"registry:block","source_url":"https://facadeui.dev/r/nav-top.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/nav-top.json"},{"name":"hero-centered","title":"Hero — centred","description":"A centred landing page hero: eyebrow, headline, text and buttons, with optional media below.","type":"registry:block","source_url":"https://facadeui.dev/r/hero-centered.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-centered.json"},{"name":"hero-centered-motion","title":"Hero — centred (motion)","description":"The centred hero, with its parts appearing one after another when the page loads.","type":"registry:block","source_url":"https://facadeui.dev/r/hero-centered-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-centered-motion.json"},{"name":"hero-split","title":"Hero — split","description":"A landing page hero with text on one side and media on the other. The text comes first in reading order on every screen size.","type":"registry:block","source_url":"https://facadeui.dev/r/hero-split.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-split.json"},{"name":"hero-split-motion","title":"Hero — split (motion)","description":"The split hero, with its parts appearing one after another when the page loads.","type":"registry:block","source_url":"https://facadeui.dev/r/hero-split-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-split-motion.json"},{"name":"hero-with-media","title":"Hero — with media","description":"A landing page hero with centred text over a full-width background image, or above a framed screenshot. Over a background, a dark layer keeps the text readable.","type":"registry:block","source_url":"https://facadeui.dev/r/hero-with-media.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-with-media.json"},{"name":"hero-with-media-motion","title":"Hero — with media (motion)","description":"The media hero, with its parts appearing one after another when the page loads.","type":"registry:block","source_url":"https://facadeui.dev/r/hero-with-media-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-with-media-motion.json"},{"name":"logo-cloud","title":"Logo cloud","description":"A \"trusted by\" row of customer logos. Company names are available as text, so screen readers announce a list of names, not unlabelled images.","type":"registry:block","source_url":"https://facadeui.dev/r/logo-cloud.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/logo-cloud.json"},{"name":"logo-cloud-motion","title":"Logo cloud (motion)","description":"The logo cloud, with logos fading in one after another.","type":"registry:block","source_url":"https://facadeui.dev/r/logo-cloud-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/logo-cloud-motion.json"},{"name":"usp-list","title":"USP list","description":"Three or four short selling points or benefits, each with an icon and a line of text.","type":"registry:block","source_url":"https://facadeui.dev/r/usp-list.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/usp-list.json"},{"name":"usp-list-motion","title":"USP list (motion)","description":"The USP list, with items appearing one after another.","type":"registry:block","source_url":"https://facadeui.dev/r/usp-list-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/usp-list-motion.json"},{"name":"feature-grid","title":"Feature grid","description":"A features section: a grid of feature cards, two to four per row. A whole card can be a link while its accessible name stays short.","type":"registry:block","source_url":"https://facadeui.dev/r/feature-grid.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-grid.json"},{"name":"feature-grid-motion","title":"Feature grid (motion)","description":"The feature grid, with cards appearing one after another.","type":"registry:block","source_url":"https://facadeui.dev/r/feature-grid-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-grid-motion.json"},{"name":"feature-rows","title":"Feature rows","description":"Rows of media and text that alternate sides. Only the layout alternates: in reading order, the text always comes first.","type":"registry:block","source_url":"https://facadeui.dev/r/feature-rows.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-rows.json"},{"name":"feature-rows-motion","title":"Feature rows (motion)","description":"The feature rows, each appearing as you scroll to it.","type":"registry:block","source_url":"https://facadeui.dev/r/feature-rows-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-rows-motion.json"},{"name":"bento-grid","title":"Bento grid","description":"Feature tiles in mixed sizes. Tiles are placed in the order you give, so reading order matches what you see.","type":"registry:block","source_url":"https://facadeui.dev/r/bento-grid.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/bento-grid.json"},{"name":"bento-grid-motion","title":"Bento grid (motion)","description":"The bento grid, with tiles appearing one after another.","type":"registry:block","source_url":"https://facadeui.dev/r/bento-grid-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/bento-grid-motion.json"},{"name":"faq-accordion","title":"FAQ accordion","description":"A FAQ section: questions and answers built on Base UI's Accordion. Each question is a button inside a heading, browser search finds text in closed answers, and…","type":"registry:block","source_url":"https://facadeui.dev/r/faq-accordion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/faq-accordion.json"},{"name":"faq-accordion-motion","title":"FAQ accordion (motion)","description":"The FAQ accordion, with rows appearing as you scroll to them. The open and close animation works without JavaScript.","type":"registry:block","source_url":"https://facadeui.dev/r/faq-accordion-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/faq-accordion-motion.json"},{"name":"cta-band","title":"CTA band","description":"A closing call to action band. Choose a muted, card, plain or primary-coloured background.","type":"registry:block","source_url":"https://facadeui.dev/r/cta-band.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/cta-band.json"},{"name":"cta-band-motion","title":"CTA band (motion)","description":"The CTA band, appearing as you scroll to it.","type":"registry:block","source_url":"https://facadeui.dev/r/cta-band-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/cta-band-motion.json"},{"name":"footer","title":"Footer","description":"A site footer with link groups in columns, a brand area, social links and a legal line. Each link group is a separately named navigation landmark.","type":"registry:block","source_url":"https://facadeui.dev/r/footer.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/footer.json"},{"name":"stats","title":"Stats","description":"A row of key numbers or metrics as a description list. You can give a spoken form for abbreviated values.","type":"registry:block","source_url":"https://facadeui.dev/r/stats.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/stats.json"},{"name":"stats-motion","title":"Stats (motion)","description":"The stats, with numbers appearing one after another as you scroll to them.","type":"registry:block","source_url":"https://facadeui.dev/r/stats-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/stats-motion.json"},{"name":"testimonials-grid","title":"Testimonials grid","description":"A social proof section: a grid of customer quotes and reviews. It can use columns of uneven height and still be read in the order you give.","type":"registry:block","source_url":"https://facadeui.dev/r/testimonials-grid.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonials-grid.json"},{"name":"testimonials-grid-motion","title":"Testimonials grid (motion)","description":"The testimonials grid, with quotes appearing one after another as you scroll to it.","type":"registry:block","source_url":"https://facadeui.dev/r/testimonials-grid-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonials-grid-motion.json"},{"name":"testimonial-single","title":"Testimonial — single","description":"One large customer quote, with an optional portrait beside it or a tinted background.","type":"registry:block","source_url":"https://facadeui.dev/r/testimonial-single.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonial-single.json"},{"name":"pricing-tiers","title":"Pricing tiers","description":"A pricing table: plans as a row of cards. Each price has a spoken form, and a feature that is not included says so in words.","type":"registry:block","source_url":"https://facadeui.dev/r/pricing-tiers.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-tiers.json"},{"name":"pricing-tiers-motion","title":"Pricing tiers (motion)","description":"The pricing tiers, with plans appearing one after another as you scroll to them.","type":"registry:block","source_url":"https://facadeui.dev/r/pricing-tiers-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-tiers-motion.json"},{"name":"pricing-comparison","title":"Pricing comparison","description":"A pricing comparison table with row and column headers. Each cell states its value in text, not only with a tick.","type":"registry:block","source_url":"https://facadeui.dev/r/pricing-comparison.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-comparison.json"},{"name":"card-list","title":"Card list","description":"A grid of linked cards for blog posts, changelog entries or case studies. Dates are marked up so that software can read them.","type":"registry:block","source_url":"https://facadeui.dev/r/card-list.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/card-list.json"},{"name":"card-list-motion","title":"Card list (motion)","description":"The card list, with cards appearing one after another as you scroll to it.","type":"registry:block","source_url":"https://facadeui.dev/r/card-list-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/card-list-motion.json"},{"name":"feature-tabs","title":"Feature tabs","description":"Features shown in tabs, built on Base UI. A tab opens when you press Enter, not when you move to it with the arrow keys.","type":"registry:block","source_url":"https://facadeui.dev/r/feature-tabs.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-tabs.json"},{"name":"steps","title":"Steps","description":"A \"how it works\" sequence as an ordered list, so the order is in the markup and not only in the visible numbers.","type":"registry:block","source_url":"https://facadeui.dev/r/steps.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/steps.json"},{"name":"steps-motion","title":"Steps (motion)","description":"The steps, appearing in order. Here the order of the animation matches the meaning.","type":"registry:block","source_url":"https://facadeui.dev/r/steps-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/steps-motion.json"},{"name":"team","title":"Team","description":"An \"about us\" team section. Each social link names the person as well as the network.","type":"registry:block","source_url":"https://facadeui.dev/r/team.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/team.json"},{"name":"team-motion","title":"Team (motion)","description":"The team grid, with people appearing one after another as you scroll to it.","type":"registry:block","source_url":"https://facadeui.dev/r/team-motion.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/team-motion.json"},{"name":"newsletter","title":"Newsletter","description":"An email sign-up (newsletter subscribe) form. It announces the result to screen readers through a live region that is on the page from the start.","type":"registry:block","source_url":"https://facadeui.dev/r/newsletter.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/newsletter.json"},{"name":"banner","title":"Banner","description":"An announcement bar at the top of the page that people can dismiss. It is a named landmark, and it is announced to screen readers only if you turn that on.","type":"registry:block","source_url":"https://facadeui.dev/r/banner.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/banner.json"},{"name":"nav-side","title":"Side navigation","description":"Side navigation for documentation, with collapsible groups and one named landmark. On small screens it becomes a drawer.","type":"registry:block","source_url":"https://facadeui.dev/r/nav-side.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/nav-side.json"},{"name":"changelog-list","title":"Changelog list","description":"A list of releases. Each has a version, a date and its changes, labelled Added, Changed, Fixed, Removed, Deprecated or Security. Every release is its own artic…","type":"registry:block","source_url":"https://facadeui.dev/r/changelog-list.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/changelog-list.json"},{"name":"contact-form","title":"Contact form","description":"A contact form built from Input, Select and Textarea, with your contact details beside it. It checks required fields, shows errors from your server on the righ…","type":"registry:block","source_url":"https://facadeui.dev/r/contact-form.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/contact-form.json"},{"name":"saas-landing","title":"SaaS landing page","description":"A complete SaaS landing page built from Facade UI sections. You supply one content object.","type":"registry:block","source_url":"https://facadeui.dev/r/saas-landing.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/saas-landing.json"},{"name":"agency","title":"Agency site","description":"An agency or studio website: a hero over an image, a grid of work, process steps, a featured quote and the team.","type":"registry:block","source_url":"https://facadeui.dev/r/agency.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/agency.json"},{"name":"product-launch","title":"Product launch","description":"A product launch landing page: an announcement banner, a bento grid of highlights, details in tabs and an email sign-up.","type":"registry:block","source_url":"https://facadeui.dev/r/product-launch.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/product-launch.json"},{"name":"changelog","title":"Changelog page","description":"A complete changelog page built from Facade UI sections: a header, the releases with their changes, and an optional email sign-up. You supply one content objec…","type":"registry:block","source_url":"https://facadeui.dev/r/changelog.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/changelog.json"},{"name":"docs-site","title":"Documentation page","description":"A documentation page built from Facade UI sections: top navigation, side navigation, the article, an 'On this page' list and previous and next links. You suppl…","type":"registry:block","source_url":"https://facadeui.dev/r/docs-site.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/docs-site.json"},{"name":"examples-content","title":"Example content","description":"Sample content and placeholders shared by the Facade UI examples. Installed with any *-demo item.","type":"registry:component","source_url":"https://facadeui.dev/r/examples-content.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/examples-content.json"},{"name":"agency-demo","title":"Agency site example","description":"Usage example (demo) for Agency site: the code behind the preview on https://facadeui.dev/components/agency. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/agency-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/agency-demo.json"},{"name":"badge-demo","title":"Badge example","description":"Usage example (demo) for Badge: the code behind the preview on https://facadeui.dev/components/badge. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/badge-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/badge-demo.json"},{"name":"banner-demo","title":"Banner example","description":"Usage example (demo) for Banner: the code behind the preview on https://facadeui.dev/components/banner. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/banner-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/banner-demo.json"},{"name":"bento-grid-motion-demo","title":"Bento grid (motion) example","description":"Usage example (demo) for Bento grid (motion): the code behind the preview on https://facadeui.dev/components/bento-grid-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/bento-grid-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/bento-grid-motion-demo.json"},{"name":"bento-grid-demo","title":"Bento grid example","description":"Usage example (demo) for Bento grid: the code behind the preview on https://facadeui.dev/components/bento-grid. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/bento-grid-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/bento-grid-demo.json"},{"name":"button-demo","title":"Button example","description":"Usage example (demo) for Button: the code behind the preview on https://facadeui.dev/components/button. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/button-demo.json"},{"name":"card-list-motion-demo","title":"Card list (motion) example","description":"Usage example (demo) for Card list (motion): the code behind the preview on https://facadeui.dev/components/card-list-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/card-list-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/card-list-motion-demo.json"},{"name":"card-list-demo","title":"Card list example","description":"Usage example (demo) for Card list: the code behind the preview on https://facadeui.dev/components/card-list. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/card-list-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/card-list-demo.json"},{"name":"changelog-list-demo","title":"Changelog list example","description":"Usage example (demo) for Changelog list: the code behind the preview on https://facadeui.dev/components/changelog-list. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/changelog-list-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/changelog-list-demo.json"},{"name":"changelog-demo","title":"Changelog page example","description":"Usage example (demo) for Changelog page: the code behind the preview on https://facadeui.dev/components/changelog. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/changelog-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/changelog-demo.json"},{"name":"contact-form-demo","title":"Contact form example","description":"Usage example (demo) for Contact form: the code behind the preview on https://facadeui.dev/components/contact-form. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/contact-form-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/contact-form-demo.json"},{"name":"container-demo","title":"Container example","description":"Usage example (demo) for Container: the code behind the preview on https://facadeui.dev/components/container. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/container-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/container-demo.json"},{"name":"cta-band-motion-demo","title":"CTA band (motion) example","description":"Usage example (demo) for CTA band (motion): the code behind the preview on https://facadeui.dev/components/cta-band-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/cta-band-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/cta-band-motion-demo.json"},{"name":"cta-band-demo","title":"CTA band example","description":"Usage example (demo) for CTA band: the code behind the preview on https://facadeui.dev/components/cta-band. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/cta-band-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/cta-band-demo.json"},{"name":"cta-group-demo","title":"CTA group example","description":"Usage example (demo) for CTA group: the code behind the preview on https://facadeui.dev/components/cta-group. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/cta-group-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/cta-group-demo.json"},{"name":"docs-site-demo","title":"Documentation page example","description":"Usage example (demo) for Documentation page: the code behind the preview on https://facadeui.dev/components/docs-site. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/docs-site-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/docs-site-demo.json"},{"name":"eyebrow-demo","title":"Eyebrow example","description":"Usage example (demo) for Eyebrow: the code behind the preview on https://facadeui.dev/components/eyebrow. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/eyebrow-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/eyebrow-demo.json"},{"name":"faq-accordion-motion-demo","title":"FAQ accordion (motion) example","description":"Usage example (demo) for FAQ accordion (motion): the code behind the preview on https://facadeui.dev/components/faq-accordion-motion. Installs the items it use…","type":"registry:component","source_url":"https://facadeui.dev/r/faq-accordion-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/faq-accordion-motion-demo.json"},{"name":"faq-accordion-demo","title":"FAQ accordion example","description":"Usage example (demo) for FAQ accordion: the code behind the preview on https://facadeui.dev/components/faq-accordion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/faq-accordion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/faq-accordion-demo.json"},{"name":"feature-grid-motion-demo","title":"Feature grid (motion) example","description":"Usage example (demo) for Feature grid (motion): the code behind the preview on https://facadeui.dev/components/feature-grid-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/feature-grid-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-grid-motion-demo.json"},{"name":"feature-grid-demo","title":"Feature grid example","description":"Usage example (demo) for Feature grid: the code behind the preview on https://facadeui.dev/components/feature-grid. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/feature-grid-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-grid-demo.json"},{"name":"feature-icon-demo","title":"Feature icon example","description":"Usage example (demo) for Feature icon: the code behind the preview on https://facadeui.dev/components/feature-icon. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/feature-icon-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-icon-demo.json"},{"name":"feature-rows-motion-demo","title":"Feature rows (motion) example","description":"Usage example (demo) for Feature rows (motion): the code behind the preview on https://facadeui.dev/components/feature-rows-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/feature-rows-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-rows-motion-demo.json"},{"name":"feature-rows-demo","title":"Feature rows example","description":"Usage example (demo) for Feature rows: the code behind the preview on https://facadeui.dev/components/feature-rows. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/feature-rows-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-rows-demo.json"},{"name":"feature-tabs-demo","title":"Feature tabs example","description":"Usage example (demo) for Feature tabs: the code behind the preview on https://facadeui.dev/components/feature-tabs. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/feature-tabs-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/feature-tabs-demo.json"},{"name":"footer-demo","title":"Footer example","description":"Usage example (demo) for Footer: the code behind the preview on https://facadeui.dev/components/footer. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/footer-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/footer-demo.json"},{"name":"heading-demo","title":"Heading example","description":"Usage example (demo) for Heading: the code behind the preview on https://facadeui.dev/components/heading. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/heading-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/heading-demo.json"},{"name":"hero-centered-motion-demo","title":"Hero — centred (motion) example","description":"Usage example (demo) for Hero — centred (motion): the code behind the preview on https://facadeui.dev/components/hero-centered-motion. Installs the items it us…","type":"registry:component","source_url":"https://facadeui.dev/r/hero-centered-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-centered-motion-demo.json"},{"name":"hero-centered-demo","title":"Hero — centred example","description":"Usage example (demo) for Hero — centred: the code behind the preview on https://facadeui.dev/components/hero-centered. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/hero-centered-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-centered-demo.json"},{"name":"hero-split-motion-demo","title":"Hero — split (motion) example","description":"Usage example (demo) for Hero — split (motion): the code behind the preview on https://facadeui.dev/components/hero-split-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/hero-split-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-split-motion-demo.json"},{"name":"hero-split-demo","title":"Hero — split example","description":"Usage example (demo) for Hero — split: the code behind the preview on https://facadeui.dev/components/hero-split. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/hero-split-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-split-demo.json"},{"name":"hero-with-media-motion-demo","title":"Hero — with media (motion) example","description":"Usage example (demo) for Hero — with media (motion): the code behind the preview on https://facadeui.dev/components/hero-with-media-motion. Installs the items …","type":"registry:component","source_url":"https://facadeui.dev/r/hero-with-media-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-with-media-motion-demo.json"},{"name":"hero-with-media-demo","title":"Hero — with media example","description":"Usage example (demo) for Hero — with media: the code behind the preview on https://facadeui.dev/components/hero-with-media. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/hero-with-media-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/hero-with-media-demo.json"},{"name":"input-demo","title":"Input example","description":"Usage example (demo) for Input: the code behind the preview on https://facadeui.dev/components/input. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/input-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/input-demo.json"},{"name":"logo-cloud-motion-demo","title":"Logo cloud (motion) example","description":"Usage example (demo) for Logo cloud (motion): the code behind the preview on https://facadeui.dev/components/logo-cloud-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/logo-cloud-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/logo-cloud-motion-demo.json"},{"name":"logo-cloud-demo","title":"Logo cloud example","description":"Usage example (demo) for Logo cloud: the code behind the preview on https://facadeui.dev/components/logo-cloud. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/logo-cloud-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/logo-cloud-demo.json"},{"name":"logo-mark-demo","title":"Logo mark example","description":"Usage example (demo) for Logo mark: the code behind the preview on https://facadeui.dev/components/logo-mark. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/logo-mark-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/logo-mark-demo.json"},{"name":"motion-primitives-demo","title":"Motion primitives example","description":"Usage example (demo) for Motion primitives: the code behind the preview on https://facadeui.dev/components/motion-primitives. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/motion-primitives-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/motion-primitives-demo.json"},{"name":"nav-side-demo","title":"Side navigation example","description":"Usage example (demo) for Side navigation: the code behind the preview on https://facadeui.dev/components/nav-side. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/nav-side-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/nav-side-demo.json"},{"name":"nav-top-demo","title":"Top navigation example","description":"Usage example (demo) for Top navigation: the code behind the preview on https://facadeui.dev/components/nav-top. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/nav-top-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/nav-top-demo.json"},{"name":"newsletter-demo","title":"Newsletter example","description":"Usage example (demo) for Newsletter: the code behind the preview on https://facadeui.dev/components/newsletter. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/newsletter-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/newsletter-demo.json"},{"name":"pricing-comparison-demo","title":"Pricing comparison example","description":"Usage example (demo) for Pricing comparison: the code behind the preview on https://facadeui.dev/components/pricing-comparison. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/pricing-comparison-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-comparison-demo.json"},{"name":"pricing-tier-demo","title":"Pricing tier example","description":"Usage example (demo) for Pricing tier: the code behind the preview on https://facadeui.dev/components/pricing-tier. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/pricing-tier-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-tier-demo.json"},{"name":"pricing-tiers-motion-demo","title":"Pricing tiers (motion) example","description":"Usage example (demo) for Pricing tiers (motion): the code behind the preview on https://facadeui.dev/components/pricing-tiers-motion. Installs the items it use…","type":"registry:component","source_url":"https://facadeui.dev/r/pricing-tiers-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-tiers-motion-demo.json"},{"name":"pricing-tiers-demo","title":"Pricing tiers example","description":"Usage example (demo) for Pricing tiers: the code behind the preview on https://facadeui.dev/components/pricing-tiers. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/pricing-tiers-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/pricing-tiers-demo.json"},{"name":"product-launch-demo","title":"Product launch example","description":"Usage example (demo) for Product launch: the code behind the preview on https://facadeui.dev/components/product-launch. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/product-launch-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/product-launch-demo.json"},{"name":"prose-demo","title":"Prose example","description":"Usage example (demo) for Prose: the code behind the preview on https://facadeui.dev/components/prose. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/prose-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/prose-demo.json"},{"name":"saas-landing-demo","title":"SaaS landing page example","description":"Usage example (demo) for SaaS landing page: the code behind the preview on https://facadeui.dev/components/saas-landing. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/saas-landing-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/saas-landing-demo.json"},{"name":"section-header-demo","title":"Section header example","description":"Usage example (demo) for Section header: the code behind the preview on https://facadeui.dev/components/section-header. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/section-header-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/section-header-demo.json"},{"name":"section-demo","title":"Section example","description":"Usage example (demo) for Section: the code behind the preview on https://facadeui.dev/components/section. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/section-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/section-demo.json"},{"name":"select-demo","title":"Select example","description":"Usage example (demo) for Select: the code behind the preview on https://facadeui.dev/components/select. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/select-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/select-demo.json"},{"name":"stat-demo","title":"Stat example","description":"Usage example (demo) for Stat: the code behind the preview on https://facadeui.dev/components/stat. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/stat-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/stat-demo.json"},{"name":"stats-motion-demo","title":"Stats (motion) example","description":"Usage example (demo) for Stats (motion): the code behind the preview on https://facadeui.dev/components/stats-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/stats-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/stats-motion-demo.json"},{"name":"stats-demo","title":"Stats example","description":"Usage example (demo) for Stats: the code behind the preview on https://facadeui.dev/components/stats. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/stats-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/stats-demo.json"},{"name":"steps-motion-demo","title":"Steps (motion) example","description":"Usage example (demo) for Steps (motion): the code behind the preview on https://facadeui.dev/components/steps-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/steps-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/steps-motion-demo.json"},{"name":"steps-demo","title":"Steps example","description":"Usage example (demo) for Steps: the code behind the preview on https://facadeui.dev/components/steps. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/steps-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/steps-demo.json"},{"name":"team-motion-demo","title":"Team (motion) example","description":"Usage example (demo) for Team (motion): the code behind the preview on https://facadeui.dev/components/team-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/team-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/team-motion-demo.json"},{"name":"team-demo","title":"Team example","description":"Usage example (demo) for Team: the code behind the preview on https://facadeui.dev/components/team. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/team-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/team-demo.json"},{"name":"testimonial-single-demo","title":"Testimonial — single example","description":"Usage example (demo) for Testimonial — single: the code behind the preview on https://facadeui.dev/components/testimonial-single. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/testimonial-single-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonial-single-demo.json"},{"name":"testimonial-demo","title":"Testimonial example","description":"Usage example (demo) for Testimonial: the code behind the preview on https://facadeui.dev/components/testimonial. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/testimonial-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonial-demo.json"},{"name":"testimonials-grid-motion-demo","title":"Testimonials grid (motion) example","description":"Usage example (demo) for Testimonials grid (motion): the code behind the preview on https://facadeui.dev/components/testimonials-grid-motion. Installs the item…","type":"registry:component","source_url":"https://facadeui.dev/r/testimonials-grid-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonials-grid-motion-demo.json"},{"name":"testimonials-grid-demo","title":"Testimonials grid example","description":"Usage example (demo) for Testimonials grid: the code behind the preview on https://facadeui.dev/components/testimonials-grid. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/testimonials-grid-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/testimonials-grid-demo.json"},{"name":"textarea-demo","title":"Textarea example","description":"Usage example (demo) for Textarea: the code behind the preview on https://facadeui.dev/components/textarea. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/textarea-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/textarea-demo.json"},{"name":"usp-list-motion-demo","title":"USP list (motion) example","description":"Usage example (demo) for USP list (motion): the code behind the preview on https://facadeui.dev/components/usp-list-motion. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/usp-list-motion-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/usp-list-motion-demo.json"},{"name":"usp-list-demo","title":"USP list example","description":"Usage example (demo) for USP list: the code behind the preview on https://facadeui.dev/components/usp-list. Installs the items it uses.","type":"registry:component","source_url":"https://facadeui.dev/r/usp-list-demo.json","install_command":"npx shadcn@latest add https://facadeui.dev/r/usp-list-demo.json"}]},{"id":"fancy-ui","name":"@fancy-ui","slug":"fancy-ui","description":"145 animated React components with motion, glow and sound effects, built with Tailwind CSS v4.","author":"RamaHerbin","framework":"react","license":"MIT","tags":["3d","ai","animation","audio","backgrounds","buttons","cards","editor","forms","glassmorphism","icons","loaders","marketing","media","navigation","overlays","retro","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://fancy-ui.rama.app","github":"https://github.com/RamaHerbin/fancy-ui","registry":"https://fancy-ui.rama.app/r/registry.json","source":"https://fancy-ui.rama.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/fancy-ui","markdown":"https://sh4dcn.netlify.app/md/fancy-ui.md"},"logo":null,"preview_image":"https://fancy-ui.rama.app/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":24,"open_issues":20,"last_commit":"2026-10-26T21:22:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://fancy-ui.rama.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://fancy-ui.rama.app/r/registry.json","install_bun":"bunx shadcn@latest add https://fancy-ui.rama.app/r/registry.json","clone":"git clone https://github.com/RamaHerbin/fancy-ui.git","clone_degit":"npx degit RamaHerbin/fancy-ui","registry_fetch":"curl -s https://fancy-ui.rama.app/r/registry.json"},"component_count":161,"components":[{"name":"accordion","title":"Accordion","description":"A stack of headed sections where one or several open at a time, with a collapse that animates without measuring, arrow-key navigation between headers and label…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/accordion.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/accordion.json"},{"name":"agent-plan","title":"AgentPlan","description":"Glanceable checklist of an agent's plan: a done/total count and completion bar over one row per step, with a status glyph, an optional detail line, and substep…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/agent-plan.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/agent-plan.json"},{"name":"ai-data-table","title":"AiDataTable","description":"Compact comparison table for a model's structured answer: real table semantics, tabular numeric columns, check-or-dash booleans, and one tintable column — rend…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/ai-data-table.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/ai-data-table.json"},{"name":"alert-dialog","title":"AlertDialog","description":"A confirmation dialog for consequential, hard-to-undo actions — fixed confirm/cancel actions, never dismissed by an outside click","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/alert-dialog.json"},{"name":"animated-beam","title":"AnimatedBeam","description":"Fibre-optic connector between two elements: a light packet with a dispersing chromatic tail runs along a glass fibre and blooms behind the destination on arriv…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/animated-beam.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/animated-beam.json"},{"name":"animated-testimonials","title":"AnimatedTestimonials","description":"Testimonial carousel with smooth slide animations and optional autoplay","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/animated-testimonials.json"},{"name":"animated-tooltip","title":"AnimatedTooltip","description":"Presence stack of overlapping avatars with a thin, dimmed ring each that lights up on hover or focus while the avatar lifts, its neighbours part to make room, …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/animated-tooltip.json"},{"name":"apple-card-carousel","title":"AppleCardCarousel","description":"Horizontal card carousel where the focused card expands into a spring-animated full-screen view","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/apple-card-carousel.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/apple-card-carousel.json"},{"name":"approval-card","title":"ApprovalCard","description":"A human-in-the-loop gate before a side effect: the agent states what it is about to do, and the footer swaps its approve and deny buttons for a one-line verdic…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/approval-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/approval-card.json"},{"name":"artifact-card","title":"ArtifactCard","description":"A generated document as a tangible object: title, kind, a version navigator, and the first six lines of the text itself streaming in behind a fade","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/artifact-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/artifact-card.json"},{"name":"autocomplete","title":"Autocomplete","description":"A free-text field with a portalled panel of matching suggestions — any typed value is valid; the panel only ever helps finish it faster.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/autocomplete.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"A person or account as an image that shows a skeleton while it loads and falls back to one or two initials on a colour fixed by the name, as a circle or a roun…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/avatar.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"A short pill of status text in five treatments and two sizes, with native span attributes passed through","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/badge.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/badge.json"},{"name":"bento-grid","title":"BentoGrid","description":"Grid of framed tiles, each a hairline frame around a softly top-lit panel, where an accent glow rises from below on hover while the content lifts and the call …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/bento-grid.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/bento-grid.json"},{"name":"bg-falling-stars","title":"FallingStarsBg","description":"Canvas-based 3D starfield with perspective projection, motion trails, and glow","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/bg-falling-stars.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/bg-falling-stars.json"},{"name":"bg-stars","title":"StarsBackground","description":"Three-layer starfield background that scrolls continuously while parallax-shifting in response to cursor movement via spring physics, with stars rendered as bo…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/bg-stars.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/bg-stars.json"},{"name":"blur-reveal","title":"BlurReveal","description":"Scroll-triggered reveal that unblurs and slides each direct child into place as the container enters the viewport, staggering up to 10 children via CSS nth-chi…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/blur-reveal.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/blur-reveal.json"},{"name":"book","title":"Book","description":"3D book component with cover, spine, and back face that opens on hover","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/book.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/book.json"},{"name":"border-beam","title":"BorderBeam","description":"A single comet of light riding a container's border: a white-hot head, a long feathered tail fading between two colours, a dim hairline that lights up only wit…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/border-beam.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/border-beam.json"},{"name":"box-reveal","title":"BoxReveal","description":"Reveal animation where a solid color box slides left to right across content on viewport entry, unveiling it as it fades up into place underneath, triggered on…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/box-reveal.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/box-reveal.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A data-driven trail of links with automatic truncation, a decorative separator, and the current page marked for assistive tech.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/breadcrumb.json"},{"name":"button","title":"Button","description":"The foundational push-button: six variants, three sizes, a loading state, and a polymorphic href/anchor mode","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/button.json"},{"name":"button-group","title":"ButtonGroup","description":"Joins a row of adjacent actions into one seamless control — one border, one divider, no doubled edges","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/button-group.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/button-group.json"},{"name":"card-3d","title":"Card3D","description":"Interactive 3D perspective card with depth effects on child elements","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/card-3d.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/card-3d.json"},{"name":"card-spotlight","title":"CardSpotlight","description":"Card whose radial-gradient spotlight tracks the cursor as it moves inside, fading in on hover and parking itself off-canvas when the pointer leaves, with confi…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/card-spotlight.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/card-spotlight.json"},{"name":"chat-error","title":"ChatError","description":"Quiet inline failure banner for a chat turn: the error, an optional detail line, and a retry button that disables itself while the retry is in flight","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/chat-error.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/chat-error.json"},{"name":"chat-message","title":"ChatMessage","description":"One conversation turn, aligned and dressed by its role, streaming its body while the answer arrives, with an action rail that fades in on hover and a version n…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/chat-message.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/chat-message.json"},{"name":"chat-panel","title":"ChatPanel","description":"The shell a conversation lives in: a sticky header, a transcript that pins itself to the bottom while an answer arrives and offers the way back once you scroll…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/chat-panel.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/chat-panel.json"},{"name":"checkbox","title":"Checkbox","description":"A tri-look checkbox — unchecked, checked, indeterminate and disabled — built on a native checkbox input","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/checkbox.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/checkbox.json"},{"name":"code-diff","title":"CodeDiff","description":"Unified diff tuned for chat width: one foldable card per file, tinted add/delete rows, and a copy-safe gutter","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/code-diff.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/code-diff.json"},{"name":"collapsible","title":"Collapsible","description":"A single disclosure: a trigger that expands and collapses a region, animated without measuring so an interrupted toggle simply reverses, with the closed conten…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/collapsible.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/collapsible.json"},{"name":"colourful-text","title":"ColourfulText","description":"Per-character text animation where each glyph transitions to a new color from a shuffled palette, staggered across characters and reshuffling automatically eve…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/colourful-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/colourful-text.json"},{"name":"combobox","title":"Combobox","description":"A single-choice text field over a closed set of options — typing filters a portalled listbox, and a value outside the list can never be selected.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/combobox.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/combobox.json"},{"name":"command-menu","title":"CommandMenu","description":"A modal search palette over a flat vocabulary of items — grouped results, diacritic-insensitive filtering, match highlighting, and full keyboard navigation wit…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/command-menu.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/command-menu.json"},{"name":"compare","title":"Compare","description":"Before/after image comparison slider split by a blade of light: a white-hot seam with a chromatic fringe, pulses running along it and a trail that stretches wi…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/compare.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/compare.json"},{"name":"composer","title":"Composer","description":"The input at the bottom of a chat, taken apart: a root that owns the draft and eight parts that read it — a growing textarea, a send button that becomes a stop…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/composer.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/composer.json"},{"name":"confetti","title":"Confetti","description":"Confetti celebration effect powered by canvas-confetti with button trigger support","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/confetti.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/confetti.json"},{"name":"container-scroll","title":"ContainerScroll","description":"Scroll-driven aperture: the card opens from a bright seam as it enters the viewport while its content settles into focus and the title blurs away, with no 3D t…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/container-scroll.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/container-scroll.json"},{"name":"container-text-flip","title":"ContainerTextFlip","description":"Text container that cycles through words with per-character blur animation","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/container-text-flip.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/container-text-flip.json"},{"name":"context-menu","title":"ContextMenu","description":"A menu that opens at the pointer on right-click, sharing DropdownMenu's item, submenu and keyboard behaviour but anchored to a virtual point instead of a trigg…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/context-menu.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/context-menu.json"},{"name":"context-ring","title":"ContextRing","description":"How much of the context window is gone, in the space of a favicon: a donut that fills as the conversation grows, the compact count beside it, and an optional p…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/context-ring.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/context-ring.json"},{"name":"copy-button","title":"CopyButton","description":"Button preset wired to the clipboard, morphing its icon and label to a success or failure state for a moment after each copy attempt","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/copy-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/copy-button.json"},{"name":"datamosh-transition","title":"DatamoshTransition","description":"Page-transition overlay that looks like a corrupted video decode: a fixed grid of columns, narrow on the left and wide on the right, fills with flat blocks of …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/datamosh-transition.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/datamosh-transition.json"},{"name":"date-picker","title":"DatePicker","description":"A field that opens a floating month grid, with full keyboard navigation (arrow keys across days, Page Up/Down across months, Shift for years), min/max and per-…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/date-picker.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"A modal panel with a title, description, body and free-form footer — portals out, traps focus, and locks the page's scroll while open","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/dialog.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/dialog.json"},{"name":"dim-siblings","title":"DimSiblings","description":"Wraps a group of cards, links, or list items so hovering or keyboard-focusing one dims (or blurs) every other one — a pure CSS :has() affordance with zero poin…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/dim-siblings.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/dim-siblings.json"},{"name":"direction-aware-hover","title":"DirectionAwareHover","description":"Image card with overlay that slides in from the mouse entry direction","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/direction-aware-hover.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/direction-aware-hover.json"},{"name":"displacement-text","title":"DisplacementText","description":"3D text with WebGL displacement that follows the cursor using Three.js shaders","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/displacement-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/displacement-text.json"},{"name":"dock","title":"Dock","description":"Icon dock on a lit glass shelf: icons swell on a smooth cosine curve toward the pointer, a soft pool of light and a brightening edge follow it across the shelf…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/dock.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/dock.json"},{"name":"drawer","title":"Drawer","description":"A modal bottom sheet with a grab handle, draggable shut with a downward swipe — for filters, quick actions, or any touch-first task","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/drawer.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/drawer.json"},{"name":"dropdown-menu","title":"DropdownMenu","description":"A menu of actions or options that opens from a trigger button, with full keyboard navigation, submenus and real DOM focus on every item.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/dropdown-menu.json"},{"name":"editorial-engine","title":"EditorialEngine","description":"Live magazine layout: multi-column text flowing around draggable orbs with zero DOM reads, powered by pretext","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/editorial-engine.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/editorial-engine.json"},{"name":"file-upload","title":"FileUpload","description":"A drop zone backed by a native file input, with per-file progress, JS-side validation and a removable file list","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/file-upload.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/file-upload.json"},{"name":"fireworks-hdr","title":"FireworksHdr","description":"GPU fireworks background with a deterministic, DOM-free physics core (rockets, peony/willow/ring/glyph shells, sparks, embers, smoke) rendered by a WebGPU engi…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/fireworks-hdr.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/fireworks-hdr.json"},{"name":"flickering-grid","title":"FlickeringGrid","description":"Canvas grid of squares that flicker in and out of opacity at random each frame, pausing automatically via IntersectionObserver when scrolled off-screen and res…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/flickering-grid.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/flickering-grid.json"},{"name":"flip-card","title":"FlipCard","description":"Card that flips in 3D to reveal its back, on hover (plus focus and tap) or as a click toggle; it lifts and lands with a slight overshoot, keeps turning the way…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/flip-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/flip-card.json"},{"name":"flip-words","title":"FlipWords","description":"Cycling word animation with per-letter fade-in and blur effects","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/flip-words.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/flip-words.json"},{"name":"fluid-cursor","title":"FluidCursor","description":"Full Navier-Stokes fluid simulation that swirls color in response to cursor and touch movement, running on WebGL2 with a WebGL1 fallback and an optional WebGPU…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/fluid-cursor.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/fluid-cursor.json"},{"name":"focus","title":"Focus","description":"Text component that cycles focus through words with blur and corner frame","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/focus.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/focus.json"},{"name":"follow-button","title":"FollowButton","description":"A follow toggle that shows the result at once, then commits when the server agrees or rolls back and says so, with the width held steady across every label","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/follow-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/follow-button.json"},{"name":"form-field","title":"FormField","description":"Wraps a control with a label, help/error text and id wiring, so a screen reader gets the full picture without manual aria plumbing","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/form-field.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/form-field.json"},{"name":"frosted-glass","title":"FrostedGlass","description":"Frosted glass surface with organic turbulence-noise refraction, an alternative to LiquidGlass","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/frosted-glass.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/frosted-glass.json"},{"name":"glare-card","title":"GlareCard","description":"Holographic trading card effect with mouse-tracking glare and rainbow foil","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/glare-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/glare-card.json"},{"name":"glow-border","title":"GlowBorder","description":"Liquid-metal ring for a container's edge: two metallic conic fields turning against each other make iridescent reflections flow along a dark chrome border, whi…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/glow-border.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/glow-border.json"},{"name":"glowing-effect","title":"GlowingEffect","description":"Mouse-proximity based glowing border effect with animated conic gradient","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/glowing-effect.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/glowing-effect.json"},{"name":"gradient-button","title":"GradientButton","description":"Dark button with a beam of light that travels around its border and casts a soft coloured glow inside the face; the glow brightens on hover","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/gradient-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/gradient-button.json"},{"name":"hover-card","title":"HoverCard","description":"An anchored panel that opens on hover or focus with a short delay, for richer previews than a tooltip — a profile card, a link preview","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/hover-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/hover-card.json"},{"name":"hyper-text","title":"HyperText","description":"Text that scrambles into random uppercase letters and resolves character-by-character back to the original on hover, with a staggered per-letter reveal and an …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/hyper-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/hyper-text.json"},{"name":"icon-button","title":"IconButton","description":"Square or circular icon-only button built on Button, with a required accessible label","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/icon-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/icon-button.json"},{"name":"image-generation","title":"ImageGeneration","description":"Fixed frame that holds its place while a model draws: an empty outline, then a pixel grid working over a drifting dot field, then the finished image easing out…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/image-generation.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/image-generation.json"},{"name":"image-trail-cursor","title":"ImageTrailCursor","description":"Trail of images that spawn and animate along the cursor's path, powered by GSAP timelines, with 18 selectable variants: fades, momentum drift, rotation flings,…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/image-trail-cursor.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/image-trail-cursor.json"},{"name":"inline-citation","title":"InlineCitation","description":"A numbered reference that sits inside a sentence and reveals the document behind it — title, domain and snippet — in a floating card on hover or focus","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/inline-citation.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/inline-citation.json"},{"name":"input","title":"Input","description":"A single-line text field with resting, focus, error and disabled looks, built on a native input","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/input.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/input.json"},{"name":"interactive-grid-pattern","title":"InteractiveGridPattern","description":"SVG grid of squares that highlight on hover with smooth fade transitions","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/interactive-grid-pattern.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/interactive-grid-pattern.json"},{"name":"interactive-hover-button","title":"InteractiveHoverButton","description":"Button whose dot opens into a circle that fills it on hover, while the label rolls up and out and returns with an arrow","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/interactive-hover-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/interactive-hover-button.json"},{"name":"internals","title":"Shared internals","description":"Hooks and helpers the components share: positioning, focus, dismissal, ids, text streaming and portals.","type":"registry:lib","source_url":"https://fancy-ui.rama.app/r/internals.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/internals.json"},{"name":"internals-dom","title":"Shared internals (DOM)","description":"Ref, context and server-rendering helpers for DOM-bound components.","type":"registry:lib","source_url":"https://fancy-ui.rama.app/r/internals-dom.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/internals-dom.json"},{"name":"internals-markdown","title":"Shared internals (markdown)","description":"The streaming-safe markdown renderer and its styles.","type":"registry:lib","source_url":"https://fancy-ui.rama.app/r/internals-markdown.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/internals-markdown.json"},{"name":"internals-motion","title":"Shared internals (motion)","description":"Animation primitives: easing, presence, stagger, in-view and motion tokens.","type":"registry:lib","source_url":"https://fancy-ui.rama.app/r/internals-motion.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/internals-motion.json"},{"name":"label","title":"Label","description":"A form label with a decorative required asterisk, wired to a FormField's context when it has one","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/label.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/label.json"},{"name":"letter-pullup","title":"LetterPullup","description":"Staggered letter pull-up animation with wave entrance effect","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/letter-pullup.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/letter-pullup.json"},{"name":"line-hover-link","title":"LineHoverLink","description":"Link component with 12 animated underline hover effects — pure CSS, no JS on hover","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/line-hover-link.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/line-hover-link.json"},{"name":"line-reveal","title":"LineReveal","description":"Staggered line-by-line text reveal with lines computed by pretext instead of DOM splitting","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/line-reveal.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/line-reveal.json"},{"name":"line-shadow-text","title":"LineShadowText","description":"Text with animated diagonal line shadow pattern that scrolls continuously","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/line-shadow-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/line-shadow-text.json"},{"name":"link","title":"Link","description":"Inline text link with a muted variant, configurable underline, and a safe external-link mode with a new-tab arrow","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/link.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/link.json"},{"name":"liquid-glass","title":"LiquidGlass","description":"Glass-like visual effect using SVG filters for chromatic displacement","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/liquid-glass.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/liquid-glass.json"},{"name":"liquid-text","title":"LiquidText","description":"Big text that liquefies along the cursor's path via a raw-WebGL fluid solver, with chromatic-aberration fringing that relaxes back over time","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/liquid-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/liquid-text.json"},{"name":"logo-cloud","title":"LogoCloud","description":"Logo display with animated marquee, static grid, and icon variants","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/logo-cloud.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/logo-cloud.json"},{"name":"magnetic","title":"Magnetic","description":"A generic wrapper that pulls its child toward the pointer once it enters an activation field larger than the child's own box, and springs back to rest the inst…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/magnetic.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/magnetic.json"},{"name":"magnetic-field","title":"MagneticField","description":"Items are pulled toward a magnet and lean toward it, light ones more than heavy ones, then spring home. The magnet is the pointer or a draggable puck.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/magnetic-field.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/magnetic-field.json"},{"name":"marquee","title":"Marquee","description":"An eased conveyor of repeated content that dissolves into soft edge fades and, on hover or focus, brakes smoothly to a stop and pulls away again instead of fre…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/marquee.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/marquee.json"},{"name":"matrix-rain","title":"MatrixRain","description":"Canvas-based falling glyph rain with configurable color, speed, and density","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/matrix-rain.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/matrix-rain.json"},{"name":"meteors","title":"Meteors","description":"Meteor shower in depth: seeded meteors with glowing heads and tapering tails fall diagonally in parallax (near ones larger, brighter and faster), fading in and…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/meteors.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/meteors.json"},{"name":"mosaic-glow","title":"MosaicGlow","description":"Canvas mosaic of small tiles on a dark surface where a soft halo follows the cursor with a lag, lighting tiles to random gold intensities that decay into a com…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/mosaic-glow.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/mosaic-glow.json"},{"name":"navbar","title":"Navbar","description":"A horizontal top-of-page bar with a brand mark, navigation links, and actions on the right.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/navbar.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/navbar.json"},{"name":"navigation-menu","title":"NavigationMenu","description":"A horizontal row of triggers that each open a rich, multi-column panel below the row — disclosure-pattern site navigation, not an application menu.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/navigation-menu.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/navigation-menu.json"},{"name":"neon-border","title":"NeonBorder","description":"Two-colour neon tube around its content: two beams with white-hot cores chase each other along a faint tube, their glow spilling inside and outside the edge, h…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/neon-border.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/neon-border.json"},{"name":"noise-reveal","title":"NoiseReveal","description":"WebGL image reveal with a Perlin-noise dissolve mask, contracting radial gradient, and wave displacement","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/noise-reveal.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/noise-reveal.json"},{"name":"number-input","title":"NumberInput","description":"Numeric field with decrement/increment buttons that clamp to min/max, disable themselves at the bounds, and step fractional values without float drift","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/number-input.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/number-input.json"},{"name":"number-ticker","title":"NumberTicker","description":"Animated number counter with easing, triggered on viewport entry","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/number-ticker.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/number-ticker.json"},{"name":"pagination","title":"Pagination","description":"A page-number control with Previous/Next, ellipsis collapsing for long runs, and optional First/Last jump buttons; the current-page pill slides between numbers…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/pagination.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/pagination.json"},{"name":"password-input","title":"PasswordInput","description":"A password field with a show/hide reveal toggle and an optional strength meter that never relies on colour alone","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/password-input.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/password-input.json"},{"name":"pixel-loader","title":"PixelLoader","description":"Grid of pixels pulsing in a diagonal wave as a pre-token loading indicator for AI responses","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/pixel-loader.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/pixel-loader.json"},{"name":"pixel-scene","title":"PixelScene","description":"An animated pixel-art landscape on a dot grid: sparse ink dots at rest, full colour under a round lens that follows the pointer, separate day and night palette…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/pixel-scene.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/pixel-scene.json"},{"name":"popover","title":"Popover","description":"An anchored panel that opens next to a trigger and holds interactive content — quick settings, a small form, more than a tooltip can carry","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/popover.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/popover.json"},{"name":"presence","title":"Presence","description":"Mounts and unmounts content with a real entrance and exit through one direction-aware transition, tracking opening/open/closing state, marking the panel inert …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/presence.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/presence.json"},{"name":"pressable","title":"Pressable","description":"A wrapper that gives any interactive child a consistent, cross-browser press animation — scale down on pointerdown/keydown, back to rest on release, with a sta…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/pressable.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/pressable.json"},{"name":"prompt-suggestions","title":"PromptSuggestions","description":"Row of prompt pills that cascade in after a reply lands, offering the user a next turn without composing one","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/prompt-suggestions.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/prompt-suggestions.json"},{"name":"pulse-beam","title":"PulseBeam","description":"Breathing border glow that wraps any card: colour blobs drift along the edges as a crisp 1px ring, a feathered inner glow and a blurred bloom, with slow hue ro…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/pulse-beam.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/pulse-beam.json"},{"name":"radio-group","title":"RadioGroup","description":"A set of mutually exclusive options, built on real input type=radio elements sharing one name so the browser gives the roving tab stop and keyboard navigation …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/radio-group.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/radio-group.json"},{"name":"rainbow-button","title":"RainbowButton","description":"Animated button with a rainbow gradient border; on hover or focus a rainbow beam rides around the border with a soft halo. Other native attributes are forwarde…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/rainbow-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/rainbow-button.json"},{"name":"reasoning-panel","title":"ReasoningPanel","description":"Collapsible reasoning trace that streams while the model thinks, then folds itself into a one-line summary","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/reasoning-panel.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/reasoning-panel.json"},{"name":"recommendation-card","title":"RecommendationCard","description":"An agent's proposal awaiting an answer: a kicker, the recommendation, a confidence figure counted up beside a ring that fills to match, and two buttons that co…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/recommendation-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/recommendation-card.json"},{"name":"reveal","title":"Reveal","description":"Content-agnostic entrance animation triggered by scroll, mount, or a manual switch, with six directional/scale presets and an arbitrary-length JS-computed stag…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/reveal.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/reveal.json"},{"name":"ripple","title":"Ripple","description":"Set of concentric circles that pulse in a staggered wave, each ring larger, more transparent, and more delayed than the last, with the outermost ring rendered …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/ripple.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/ripple.json"},{"name":"ripple-button","title":"RippleButton","description":"Button that answers each click with a ripple of light from the click point, a soft glow and two fine rings spreading out like a wave; on hover a glow follows t…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/ripple-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/ripple-button.json"},{"name":"scroll-anchor","title":"ScrollAnchor","description":"A scroll region that stays pinned to its last line while content streams in, lets go when the reader scrolls up, and floats a pill offering the way back down","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/scroll-anchor.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/scroll-anchor.json"},{"name":"scroll-progress","title":"ScrollProgress","description":"Thin reading-progress bar that fills as the page — or a target element — scrolls, driven by a zero-JS CSS scroll-timeline where supported and a throttled scrol…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/scroll-progress.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/scroll-progress.json"},{"name":"search-input","title":"SearchInput","description":"A pill-shaped search field with a leading icon, a clear button once there's something to clear, and optional debounced search","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/search-input.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/search-input.json"},{"name":"select","title":"Select","description":"A single-choice dropdown built on a real button and a portalled listbox panel, with full keyboard navigation, typeahead and focus that never leaves the trigger.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/select.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/select.json"},{"name":"sheet","title":"Sheet","description":"A modal panel that slides in from an edge of the viewport, for settings, filters, or any focused task that doesn't need a full page","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sheet.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sheet.json"},{"name":"shimmer-button","title":"ShimmerButton","description":"Pill button with a satin sheen: a soft band of light sweeps across the face and lifts the label, then rests; on hover the highlight follows the pointer","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/shimmer-button.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/shimmer-button.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible, grouped navigation rail with labelled sections, a current-item accent, and badges folded into each item's accessible name.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sidebar.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholder bones — a block, one or more text lines, or a circular avatar — with a phase-synced shimmer sweep or opacity pulse, that swaps to real content once…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/skeleton.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Restyled native range input with a purple-to-cyan gradient fill that tracks the current value and a glowing thumb","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/slider.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/slider.json"},{"name":"smooth-cursor","title":"SmoothCursor","description":"Multiplayer-style cursor: an upright coloured arrow with a white rim follows the pointer on a spring, and a name pill trails it on a softer spring and dims whe…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/smooth-cursor.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/smooth-cursor.json"},{"name":"sound","title":"Sound","description":"The opt-in interface sound engine, its themes, hooks and toggle.","type":"registry:lib","source_url":"https://fancy-ui.rama.app/r/sound.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sound.json"},{"name":"sources","title":"Sources","description":"The citations under an answer: a pill carrying a stack of domain monograms and a count, expanding into scannable source cards with title, host, and the line wo…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sources.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sources.json"},{"name":"sparkles","title":"Sparkles","description":"Canvas-based floating particle sparkle effect with configurable density and colors","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sparkles.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sparkles.json"},{"name":"sparkles-text","title":"SparklesText","description":"Text overlaid with small SVG star sparkles that scale, rotate, and fade in a continuous loop, each one regenerating at a random position once its lifespan expi…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sparkles-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sparkles-text.json"},{"name":"status-morph","title":"StatusMorph","description":"A 1em SVG status icon that morphs between idle, loading, success, and error, closing its spinning ring into a drawn check or cross with a portalled live region…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/status-morph.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/status-morph.json"},{"name":"stepper","title":"Stepper","description":"A multi-step progress indicator on light rails: each completed step sends a single sweep of light down the rail to the next, the current bullet breathes a soft…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/stepper.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/stepper.json"},{"name":"sticky-scroll","title":"StickyScroll","description":"Two-column scroll narrative with a scrolling item list and a sticky panel that swaps its content to the item centred in view, stacking to a single top-sticky p…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sticky-scroll.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sticky-scroll.json"},{"name":"story-thread","title":"StoryThread","description":"A narrative thread for scroll stories: the page pans sideways through your sections while a dotted line draws itself from node to node, a glowing head rides it…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/story-thread.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/story-thread.json"},{"name":"streaming-text","title":"StreamingText","description":"Renders a growing string as a live token stream: the appended delta lands tinted and settles, with an optional block cursor while the response is in flight","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/streaming-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/streaming-text.json"},{"name":"subagent-list","title":"SubagentList","description":"Fan-out panel for parallel workers: one row per delegated agent with its status dot, model badge, task, and its own progress bar","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/subagent-list.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/subagent-list.json"},{"name":"sun-switch","title":"SunSwitch","description":"A theme switch drawn as a pixel sun. Hover it for a lens on its true colours; click it and the new theme spreads from the sun in a dithered, grid-aligned wave.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/sun-switch.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/sun-switch.json"},{"name":"switch","title":"Switch","description":"A sliding on/off control that takes effect immediately, built on a native checkbox input","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/switch.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A tablist compound with roving-tabindex keyboard navigation, automatic or manual activation, and an accent-underline or segmented visual style.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/tabs.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/tabs.json"},{"name":"terminal-block","title":"TerminalBlock","description":"Live command transcript: the prompt line, output as it streams in with its ANSI colours read, a block cursor while it runs, and an exit-status footer when it s…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/terminal-block.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/terminal-block.json"},{"name":"terminal-text","title":"TerminalText","description":"Terminal-style text streamer with per-character animation, blinking cursor, and glitch effect","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/terminal-text.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/terminal-text.json"},{"name":"text-generate-effect","title":"TextGenerateEffect","description":"Typewriter-style text reveal that fades in words one by one with optional blur","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/text-generate-effect.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/text-generate-effect.json"},{"name":"text-reveal-card","title":"TextRevealCard","description":"Card that reveals text on horizontal mouse drag with animated star particles","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/text-reveal-card.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/text-reveal-card.json"},{"name":"text-roll","title":"TextRoll","description":"Single-line text that rolls to its new value per grapheme, odometer-style, whenever the value prop changes — while the real, unsplit text stays selectable and …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/text-roll.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/text-roll.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text field with an optional live character counter and auto-growing height, built on a native textarea","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/textarea.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/textarea.json"},{"name":"thinking-indicator","title":"ThinkingIndicator","description":"Live agent status line with a shimmering activity label and an elapsed timer, as a bare inline row or a bordered status pill","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/thinking-indicator.json"},{"name":"thread-list","title":"ThreadList","description":"Conversation history for a chat sidebar: one row per thread with an unread dot, its last message, and a relative timestamp, plus selection and per-row delete","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/thread-list.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/thread-list.json"},{"name":"tick-nav","title":"TickNav","description":"A navigation list on a ruler of tick marks: every line the pointer crosses plucks like a string, neighbouring lines and ticks stretch and light up on springs, …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/tick-nav.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/tick-nav.json"},{"name":"time-picker","title":"TimePicker","description":"A field that opens a floating listbox of time slots generated at a configurable step, fully keyboard-navigable, with the highlighted slot always scrolled into …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/time-picker.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/time-picker.json"},{"name":"timeline","title":"Timeline","description":"Vertical timeline drawn as a light rail: a glowing head travels a hairline track as you scroll, leaving a soft trail and igniting each entry's dot as it arrive…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/timeline.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/timeline.json"},{"name":"toast","title":"Toast","description":"A notification system: call toast() from anywhere to queue one, mount <Toaster /> once to render the stack — success, error, info and loading variants, an opti…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/toast.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/toast.json"},{"name":"toggle","title":"Toggle","description":"Two-state button carrying aria-pressed, for a single on/off option like a formatting mark or a filter","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/toggle.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/toggle.json"},{"name":"toggle-group","title":"ToggleGroup","description":"A segmented row of toggle buttons with roving-tabindex keyboard navigation and single or multiple selection.","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/toggle-group.json"},{"name":"tool-call","title":"ToolCall","description":"One tool invocation in a disclosure card: status dot, tool name, duration, and the request and result payloads pretty-printed on expand","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/tool-call.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/tool-call.json"},{"name":"tool-timeline","title":"ToolTimeline","description":"Compact session summary of an agent's tool calls: one row per action on a vertical rail, with the target it touched, its diff stats, and when it ran","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/tool-timeline.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/tool-timeline.json"},{"name":"tooltip","title":"Tooltip","description":"A small anchored label that explains a control on hover or focus — plain text only, never interactive content","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/tooltip.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/tooltip.json"},{"name":"tracing-beam","title":"TracingBeam","description":"A reading lamp on a rail beside long-form content: it trails the reader's eye on a spring, leaves what has been read softly lit, and ticks off each heading as …","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/tracing-beam.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/tracing-beam.json"},{"name":"typing-indicator","title":"TypingIndicator","description":"Animated three-dot presence indicator with a staggered CSS wave, tuned to signal activity without pulling focus","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/typing-indicator.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/typing-indicator.json"},{"name":"utils","title":"Shared utilities","description":"The class-name merge helper every component styles itself with.","type":"registry:lib","source_url":"https://fancy-ui.rama.app/r/utils.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/utils.json"},{"name":"voice-input","title":"VoiceInput","description":"A mic button that opens into a recording panel: a live waveform painted from amplitude levels you supply, a stopwatch, the transcript as it arrives, and a cros…","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/voice-input.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/voice-input.json"},{"name":"web-search","title":"WebSearch","description":"A search the agent ran: the query in a search-bar header, an indeterminate scanning bar while it runs, and results that land one row at a time","type":"registry:ui","source_url":"https://fancy-ui.rama.app/r/web-search.json","install_command":"npx shadcn@latest add https://fancy-ui.rama.app/r/web-search.json"}]},{"id":"fewtone","name":"@fewtone","slug":"fewtone","description":"Accessible, customizable React components for Next.js and Tailwind CSS, built on Radix with smooth motion.","author":"FewTone","framework":"react","license":"MIT","tags":["accessibility","animation","auth","buttons","cards","dashboard","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.fewtone.com","github":"https://github.com/FewTone/ui","registry":"https://ui.fewtone.com/r/registry.json","source":"https://ui.fewtone.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/fewtone","markdown":"https://sh4dcn.netlify.app/md/fewtone.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 30' fill='var(--foreground)'><path d='M0.01 29.99L0.01 10.42C0.01 10.42 10.1 10.15 11.19 11.49C12.29 12.83 8.03 13.84 8.03 16.09C8.03 18.34 11.19 20.48 11.19 20.48L11.19 29.99L0.01 29.99Z'/><path d='M0 12.96L0 0L29.27 0C29.27 0 29.82 7.09 25.21 8.73C20.59 10.36 14.49 7.21 10.97 8.73C7.45 10.24 12.82 11.03 10.97 12.63C9.11 14.23 0 12.96 0 12.96Z'/><path d='M41.7 0V19.58C41.7 19.58 31.61 19.85 30.52 18.5C29.42 17.16 33.68 16.15 33.68 13.9C33.68 11.65 30.52 9.51 30.52 9.51L30.52 0L41.7 0Z'/><path d='M41.7 17.03V30L12.43 30C12.43 30 11.88 22.91 16.49 21.27C21.11 19.63 27.21 22.79 30.73 21.27C34.25 19.76 28.88 18.97 30.73 17.37C32.59 15.77 41.7 17.03 41.7 17.03Z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-23T09:05:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.fewtone.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.fewtone.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.fewtone.com/r/registry.json","clone":"git clone https://github.com/FewTone/ui.git","clone_degit":"npx degit FewTone/ui","registry_fetch":"curl -s https://ui.fewtone.com/r/registry.json"},"component_count":48,"components":[{"name":"tokens","title":"FewTone UI tokens","description":"Sizes, motion durations, easing, focus ring and popover animations that FewTone UI components use. Adds only what your project does not define yet.","type":"registry:lib","source_url":"https://ui.fewtone.com/r/tokens.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/tokens.json"},{"name":"motion","title":"Motion presets","description":"The spring, duration and easing presets FewTone UI components animate with, for motion/react.","type":"registry:lib","source_url":"https://ui.fewtone.com/r/motion.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/motion.json"},{"name":"accordion","title":"Accordion","description":"An accessible React accordion for Next.js: sections that open and close with a smooth height change, as one card, separate cards or plain rows. Built on Radix.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"An accessible React alert dialog for Next.js that asks people to confirm destructive actions, with focus starting on Cancel, built on Radix Alert Dialog.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/alert-dialog.json"},{"name":"avatar","title":"Avatar","description":"An accessible React avatar for Next.js and Tailwind CSS: a picture or initials in three sizes, alone or in an overlapping group, built on Radix Avatar.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/avatar.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"An accessible React badge for Next.js and Tailwind CSS: small status labels in five variants, including one with a light travelling round its edge.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"An accessible React breadcrumb for Next.js and Tailwind CSS: a trail of links whose levels animate as you move, with custom separators and a collapsed middle.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":"An accessible React button for Next.js and Tailwind CSS with six variants, three sizes, icons and a soft tint on hover and press, built on a native button.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/button.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/button.json"},{"name":"calendar","title":"Calendar","description":"An accessible React calendar for Next.js and Tailwind CSS: pick a day or a range, with full keyboard support, disabled days and Intl names. No date library.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/calendar.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/calendar.json"},{"name":"card","title":"Card","description":"A React card for Next.js and Tailwind CSS: a surface for grouped content with header, action, content and footer parts, a small size and a link style.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/card.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"An accessible React checkbox for Next.js forms, with a check that draws itself in and an indeterminate state, built on Radix Checkbox.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/checkbox.json"},{"name":"combobox","title":"Combobox","description":"An accessible React combobox for Next.js and Tailwind CSS: type in the field to filter and pick one option, or several as chips, with a gliding highlight.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/combobox.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/combobox.json"},{"name":"command","title":"Command","description":"An accessible React command menu for Next.js and Tailwind CSS: a ⌘K palette that filters and ranks as you type, with groups, shortcuts and a gliding highlight.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/command.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"An accessible React context menu for Next.js: a right-click menu with a gliding highlight, shortcuts, checkbox and radio items and sub-menus, built on Radix.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/context-menu.json"},{"name":"copy-button","title":"Copy Button","description":"An accessible React copy to clipboard button for Next.js: the copy icon turns into a check, and screen readers hear \"Copied\".","type":"registry:ui","source_url":"https://ui.fewtone.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/copy-button.json"},{"name":"date-picker","title":"Date Picker","description":"An accessible React date picker for Next.js and Tailwind CSS: a calendar in a popover for a date or a date range, with presets and Intl formatting.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"An accessible React dialog for Next.js and Tailwind CSS: a modal window that grows out of its trigger, keeps focus inside and returns it, built on Radix Dialog.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"An accessible React dropdown menu for Next.js with a highlight that glides between items, shortcuts, checkbox and radio items and sub-menus, built on Radix.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/dropdown-menu.json"},{"name":"hover-card","title":"Hover Card","description":"An accessible React hover card for Next.js and Tailwind CSS: a preview card for a link, like a profile on an @mention, built on Radix Hover Card.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/hover-card.json"},{"name":"input","title":"Input","description":"An accessible React text input with three sizes and clear invalid, disabled and file states, built on a native input.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/input.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/input.json"},{"name":"input-otp","title":"Input OTP","description":"An accessible React one-time code input for Next.js and Tailwind: boxes that move on as you type and take a pasted code, built on Radix.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/input-otp.json"},{"name":"loading-button","title":"Loading Button","description":"An accessible React loading button for Next.js that shows loading, success and error states for async actions, without changing width.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/loading-button.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/loading-button.json"},{"name":"marquee","title":"Marquee","description":"An accessible React marquee for Next.js and Tailwind CSS: an endless, seamless row of logos or cards that pauses on hover and stops with reduced motion.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/marquee.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"An accessible React navigation menu for Next.js and Tailwind CSS: a top bar with rich dropdown panels that glide between sizes, built on Radix Navigation Menu.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/navigation-menu.json"},{"name":"number-input","title":"Number Input","description":"An accessible React number input for Next.js and Tailwind with step buttons, keyboard control, min and max, and Intl number formatting.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/number-input.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/number-input.json"},{"name":"number-ticker","title":"Number Ticker","description":"An accessible React number ticker for Next.js and Tailwind CSS: digits roll like an odometer and glide as the number changes length, with Intl formatting.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/number-ticker.json"},{"name":"pagination","title":"Pagination","description":"An accessible React pagination for Next.js and Tailwind CSS: page links with ellipses, Previous and Next, and a pill that slides to the current page.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/pagination.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/pagination.json"},{"name":"popover","title":"Popover","description":"An accessible React popover for Next.js and Tailwind CSS: forms, settings and other rich content anchored to a button, built on Radix Popover.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/popover.json"},{"name":"progress","title":"Progress","description":"An accessible React progress bar and ring for Next.js and Tailwind CSS that show how far along a task is, with an indeterminate state.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/progress.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"An accessible React radio group for Next.js forms, where the selected dot travels to the new choice, built on Radix Radio Group.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":"An accessible React scroll area for Next.js and Tailwind CSS: native scrolling with a slim scrollbar and soft fades at the edges, built on Radix.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/scroll-area.json"},{"name":"select","title":"Select","description":"An accessible React select with a gliding highlight, groups, labels and a scrollable list, built on Radix Select.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/select.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/select.json"},{"name":"sheet","title":"Sheet","description":"An accessible React sheet for Next.js: a side panel that slides in from any edge of the screen, for forms, filters and navigation, built on Radix Dialog.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/sheet.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"An accessible React sidebar for Next.js and Tailwind CSS: collapses to icons or off canvas, with a gliding active indicator and a sheet on phones.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A React skeleton loader for Next.js and Tailwind CSS: placeholder blocks while content loads, with a calm sheen that sweeps every skeleton in step.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An accessible React slider for Next.js and Tailwind: one value or a range, with a thumb that grows into a pill showing its value as you reach for it.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/slider.json"},{"name":"spinner","title":"Spinner","description":"An accessible React spinner for Next.js and Tailwind CSS: one line going round an infinity that fills it once the task is done.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/spinner.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/spinner.json"},{"name":"stepper","title":"Stepper","description":"An accessible React stepper for Next.js and Tailwind CSS: the steps of a checkout or setup, with a line that fills as you advance and checks that draw in.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/stepper.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/stepper.json"},{"name":"switch","title":"Switch","description":"An accessible React switch for on/off settings, with a spring-animated thumb, built on Radix Switch.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/switch.json"},{"name":"switcher","title":"Switcher","description":"An accessible React segmented control for Next.js: one choice from a few options, with a pill that slides to the one you pick.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/switcher.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/switcher.json"},{"name":"table","title":"Table","description":"An accessible React table for Next.js and Tailwind CSS: rows and columns with sortable headers, selectable rows and rows that glide when sorted.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/table.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Accessible React tabs for Next.js, with an underline or pill that slides to the active tab and panels that glide in, built on Radix Tabs.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/tabs.json"},{"name":"text-effects","title":"Text Effects","description":"Accessible React text effects for Next.js and Tailwind CSS: a shimmer, a word-by-word reveal and a typewriter, all real text and off with reduced motion.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/text-effects.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/text-effects.json"},{"name":"textarea","title":"Textarea","description":"An accessible React textarea for Next.js that grows smoothly with its content, with min and max rows, styled like Input with Tailwind CSS.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/textarea.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/textarea.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"An accessible React dark mode toggle for Next.js that reveals the new theme from the button with a View Transition: a circle, ink, a wave or a page turn.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/theme-toggle.json"},{"name":"toast","title":"Toast","description":"An accessible React toast for Next.js: notifications that slide in, stack like a deck and swipe away, with a toast() function and Radix Toast parts.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/toast.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/toast.json"},{"name":"toggle-group","title":"Toggle Group","description":"An accessible React toggle group for Next.js: buttons you switch on and off independently, like Bold, Italic and Underline in a toolbar.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"An accessible React tooltip for Next.js and Tailwind CSS: a short hint on hover and keyboard focus, fast across a toolbar, built on Radix Tooltip.","type":"registry:ui","source_url":"https://ui.fewtone.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.fewtone.com/r/tooltip.json"}]},{"id":"fibo","name":"@fibo","slug":"fibo","description":"An achromatic design system on Base UI: the standard parts plus playful niche components, with semantic tokens that match Figma variables one to one.","author":null,"framework":"react","license":null,"tags":["accessibility","audio","buttons","cards","design-system","editor","forms","loaders","maps","media","navigation","overlays","retro","tables","theming"],"categories":["Forms"],"labels":[],"urls":{"website":"https://fibo.toribryan.com","github":null,"registry":"https://fibo.toribryan.com/r/registry.json","source":"https://fibo.toribryan.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/fibo","markdown":"https://sh4dcn.netlify.app/md/fibo.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 13a6 6 0 1 0 12 0 4 4 0 1 0-8 0 2 2 0 0 0 4 0'/><circle cx='10' cy='13' r='8'/><path d='M2 21h12c4.4 0 8-3.6 8-8V7a2 2 0 1 0-4 0v6'/><path d='M18 3 19.1 5.2'/><path d='M22 3 20.9 5.2'/></svg>","preview_image":"https://fibo.toribryan.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://fibo.toribryan.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://fibo.toribryan.com/r/registry.json","install_bun":"bunx shadcn@latest add https://fibo.toribryan.com/r/registry.json","registry_fetch":"curl -s https://fibo.toribryan.com/r/registry.json"},"component_count":56,"components":[{"name":"alert-dialog","title":"Alert dialog","description":"Asks for a decision before something that can't be undone, with Cancel focused and no click-outside dismiss.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/alert-dialog.json"},{"name":"annotated-text","title":"Annotated text","description":"Hand-drawn marks on a word or phrase, from underlines and circles to a highlighter, plus sticker chips that can cycle through words.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/annotated-text.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/annotated-text.json"},{"name":"avatar","title":"Avatar","description":"A person's photo, or their initials when there's no photo.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/avatar.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"A short label for status, category or count.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/badge.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/badge.json"},{"name":"button","title":"Button","description":"Triggers an action or event on click.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/button.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/button.json"},{"name":"calendar","title":"Calendar","description":"A month grid for picking a day or a range, with full keyboard use; pages side by side, scrolls on phones, or fills a page with a month of events.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/calendar.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/calendar.json"},{"name":"chapter-scrubber","title":"Chapter scrubber","description":"A rail of marks that swell under the pointer like the Dock, previewing the chapter at the crest.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/chapter-scrubber.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/chapter-scrubber.json"},{"name":"chat-composer","title":"Chat composer","description":"A message box built from parts around one draft, so each chat surface composes its own.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/chat-composer.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/chat-composer.json"},{"name":"checkbox","title":"Checkbox","description":"Turns a single option on or off, or picks many from a list.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/checkbox.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/checkbox.json"},{"name":"command-menu","title":"Command menu","description":"A Cmd+K palette with nested pages, recent commands, ranked search and a preview pane.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/command-menu.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/command-menu.json"},{"name":"count","title":"Count","description":"A number at a glance: capped at 99+, shortened to 1.2K or signed as +4, read out in full.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/count.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/count.json"},{"name":"data-table","title":"Data table","description":"A table for lists people work through, on TanStack Table: sorting, search, filters with counts, pages, selection, cell types, locked rows and pinned columns.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/data-table.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/data-table.json"},{"name":"date-picker","title":"Date picker","description":"A field that opens a calendar to pick a day, or a range with presets and Apply; a popover on desktop, a drawer on phones.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/date-picker.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"A window over the page for a short task, such as editing a few fields, that keeps focus until it's done or dismissed.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/dialog.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/dialog.json"},{"name":"empty-state","title":"Empty state","description":"What shows where content would be: a title, why it's empty, and what to do next.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/empty-state.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/empty-state.json"},{"name":"field","title":"Field","description":"A label, description and error wired to one form control, with a group that sets the size of a whole form.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/field.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/field.json"},{"name":"filter-menu","title":"Filter menu","description":"A filter menu of fields and values that turns into a search as you type.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/filter-menu.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/filter-menu.json"},{"name":"floating-nav","title":"Floating nav","description":"A pill of destinations floating above the bottom of a phone screen that steps aside on scroll.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/floating-nav.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/floating-nav.json"},{"name":"input-group","title":"Input group","description":"An input with an icon, text or button beside it, drawn as one field.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/input-group.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/input-group.json"},{"name":"input","title":"Input","description":"A single line of free text.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/input.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/input.json"},{"name":"integration-visual","title":"Integration visual","description":"A hub and the tools wired into it, with pulses along the routes.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/integration-visual.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/integration-visual.json"},{"name":"jump-bar","title":"Jump bar","description":"Takes people to unread messages, new messages or the present in a conversation.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/jump-bar.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/jump-bar.json"},{"name":"kbd","title":"Kbd","description":"Shows a key or a keyboard shortcut in text.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/kbd.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/kbd.json"},{"name":"label","title":"Label","description":"Names a form control and widens its hit area.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/label.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/label.json"},{"name":"map-pin","title":"Map pin","description":"A pin for a point on a map, with a preview that opens on click or tap.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/map-pin.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/map-pin.json"},{"name":"menu","title":"Menu","description":"A short list of actions that opens from a button.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/menu.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/menu.json"},{"name":"message-list","title":"Message list","description":"A conversation that groups each person's messages under one heading, with a single tab stop.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/message-list.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/message-list.json"},{"name":"pagination","title":"Pagination","description":"Moves through a long list one page at a time.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/pagination.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/pagination.json"},{"name":"pixel-snail","title":"Pixel snail","description":"A one-color pixel snail that crawls on a loop while something loads.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/pixel-snail.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/pixel-snail.json"},{"name":"progress","title":"Progress","description":"Shows how far a task has got, or that it's under way.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/progress.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/progress.json"},{"name":"radio-group","title":"Radio group","description":"Picks exactly one option from a short list.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/radio-group.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/radio-group.json"},{"name":"reactions","title":"Reactions","description":"Emoji responses to content, in one tap.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/reactions.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/reactions.json"},{"name":"rich-text-editor","title":"Rich text editor","description":"Formatted writing on Tiptap: headings, marks, lists, quotes and links from a toolbar or Markdown shortcuts, with an optional character limit.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/rich-text-editor.json"},{"name":"search-input","title":"Search input","description":"A search box with a Cmd+K shortcut and a clear button, and a compact trigger for a header whose search opens in a command menu.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/search-input.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/search-input.json"},{"name":"select","title":"Select","description":"Picks one option from a list that opens on demand.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/select.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/select.json"},{"name":"separator","title":"Separator","description":"A thin rule between groups of content, across or down, with an optional label.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/separator.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from an edge for a focused task.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/sheet.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder in the shape of content that's still loading.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/skeleton.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Picks a number, or a range, by dragging along a track.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/slider.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/slider.json"},{"name":"status-dot","title":"Status dot","description":"A small mark for whether someone is present, away or offline, told apart by shape.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/status-dot.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/status-dot.json"},{"name":"sticker-avatar","title":"Sticker avatar","description":"An avatar cut out like a die-cut sticker, with a paper edge that follows its shape and a status told by shape.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/sticker-avatar.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/sticker-avatar.json"},{"name":"switch","title":"Switch","description":"Turns a setting on or off, taking effect at once.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/switch.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/switch.json"},{"name":"table","title":"Table","description":"Rows and columns of data, at one compact density.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/table.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Switches between views of one subject in place, as a segmented control or a row of tabs with an underline; scrolls sideways when it runs out of room.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/tabs.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Several lines of free text that grow with the content.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/textarea.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/textarea.json"},{"name":"toast","title":"Toast","description":"A brief message in the corner about something that just happened.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/toast.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/toast.json"},{"name":"token-flow","title":"Token flow","description":"Walks a color token from raw value to primitive to semantic role.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/token-flow.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/token-flow.json"},{"name":"tooltip","title":"Tooltip","description":"A short label that appears when a control is hovered or focused.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/tooltip.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/tooltip.json"},{"name":"typing-indicator","title":"Typing indicator","description":"Says who's typing in a conversation, naming up to three people.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/typing-indicator.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/typing-indicator.json"},{"name":"voice-memo","title":"Voice memo","description":"An aluminum recorder with a live transcript beside it.","type":"registry:ui","source_url":"https://fibo.toribryan.com/r/voice-memo.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/voice-memo.json"},{"name":"app-shell","title":"App shell","description":"A workspace app's frame: a header with Command menu on Cmd+K, pages for home, projects and an inbox, and Floating nav to move between them.","type":"registry:block","source_url":"https://fibo.toribryan.com/r/app-shell.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/app-shell.json"},{"name":"settings-page","title":"Settings page","description":"A settings screen in tabs for profile, notifications and account, with a save bar that appears on change and a confirmed danger zone.","type":"registry:block","source_url":"https://fibo.toribryan.com/r/settings-page.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/settings-page.json"},{"name":"sitemap","title":"Sitemap","description":"A human-readable sitemap: a location search, popular picks, and every destination grouped by job, in columns that fold to cards on a phone.","type":"registry:block","source_url":"https://fibo.toribryan.com/r/sitemap.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/sitemap.json"},{"name":"theme","title":"Theme","description":"fibo's full token set, light and dark: the achromatic roles, status colors and named -subtle, -hover and -ring roles.","type":"registry:theme","source_url":"https://fibo.toribryan.com/r/theme.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/theme.json"},{"name":"theme-mechanical","title":"Mechanical theme","description":"A warm, tactile theme: a beige page, a terracotta primary, and raised controls that press onto a solid bottom edge like keys. Applies under data-theme=\"mechani…","type":"registry:theme","source_url":"https://fibo.toribryan.com/r/theme-mechanical.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/theme-mechanical.json"},{"name":"theme-electrical","title":"Electrical theme","description":"A flat, ledger-like theme: a sage page, white cards, ink buttons and one yellow highlight on whatever is selected. Applies under data-theme=\"electrical\", in li…","type":"registry:theme","source_url":"https://fibo.toribryan.com/r/theme-electrical.json","install_command":"npx shadcn@latest add https://fibo.toribryan.com/r/theme-electrical.json"}]},{"id":"flagcn","name":"@flagcn","slug":"flagcn","description":"Accessible, source-owned flag components for shadcn/ui with 306 flags in SVG, PNG, WebP, and JPEG plus 4:3, 1:1, and original ratios.","author":"shadi-almilhem","framework":"react","license":"MIT","tags":["accessibility","ai","forms","media","mobile"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://flagcn.dev","github":"https://github.com/shadi-almilhem/flagcn","registry":"https://flagcn.dev/r/registry.json","source":"https://flagcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/flagcn","markdown":"https://sh4dcn.netlify.app/md/flagcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' fill='black'/><g transform='translate(7.36 7.36) scale(.77)'><rect x='13' y='7' width='6' height='50' rx='3' fill='white'/><path d='M19 15c8-2 14-4 22-2 7 2 10 5 17 3v23c-7 3-12 0-18-2-8-3-13-1-21 1V15Z' fill='white'/></g></svg>","preview_image":"https://flagcn.dev/og-v2.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":22,"open_issues":0,"last_commit":"2026-08-19T12:55:09Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://flagcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://flagcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://flagcn.dev/r/registry.json","clone":"git clone https://github.com/shadi-almilhem/flagcn.git","clone_degit":"npx degit shadi-almilhem/flagcn","registry_fetch":"curl -s https://flagcn.dev/r/registry.json"},"component_count":250,"components":[{"name":"flag","title":"Flag","description":"An accessible no-crop flag image primitive with 4:3, 1:1, and original frames in SVG, PNG, WebP, or JPEG.","type":"registry:ui","source_url":"https://flagcn.dev/r/flag.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/flag.json"},{"name":"flag-picker","title":"Flag Picker","description":"A searchable, keyboard-accessible flag combobox with typed country codes.","type":"registry:block","source_url":"https://flagcn.dev/r/flag-picker.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/flag-picker.json"},{"name":"all","title":"All Flagcn Components","description":"The flag primitive, picker, typed catalog, and all 306 individually named flag components.","type":"registry:block","source_url":"https://flagcn.dev/r/all.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/all.json"},{"name":"country-data","title":"Country Data","description":"A generated and validated typed country dataset with ISO identifiers, native names, aliases, emoji, calling codes, currencies, and languages.","type":"registry:block","source_url":"https://flagcn.dev/r/country-data.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/country-data.json"},{"name":"calling-codes","title":"Calling Code Utilities","description":"Typed country calling-code helpers that correctly return every country sharing a calling code.","type":"registry:block","source_url":"https://flagcn.dev/r/calling-codes.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/calling-codes.json"},{"name":"country-picker","title":"Country Picker","description":"A searchable country-only picker with flags, aliases, native names, ISO-3 codes, and calling-code search.","type":"registry:block","source_url":"https://flagcn.dev/r/country-picker.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/country-picker.json"},{"name":"country-select","title":"Country Select","description":"A lightweight native country select with emoji and optional calling codes.","type":"registry:block","source_url":"https://flagcn.dev/r/country-select.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/country-select.json"},{"name":"country-badge","title":"Country Badge","description":"A shadcn Badge composed with a flag and country name, ISO code, or calling code.","type":"registry:block","source_url":"https://flagcn.dev/r/country-badge.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/country-badge.json"},{"name":"flag-avatar","title":"Flag Avatar","description":"A shadcn Avatar that renders a circular, resilient flag image with a typed fallback.","type":"registry:block","source_url":"https://flagcn.dev/r/flag-avatar.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/flag-avatar.json"},{"name":"phone-input","title":"Phone Input","description":"A design-system-native international phone input with compact country search, inferred flags, as-you-type formatting, E.164 output, and validity metadata.","type":"registry:block","source_url":"https://flagcn.dev/r/phone-input.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/phone-input.json"},{"name":"language-picker","title":"Language Picker","description":"A searchable language picker with native names and RTL metadata.","type":"registry:block","source_url":"https://flagcn.dev/r/language-picker.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/language-picker.json"},{"name":"currency-picker","title":"Currency Picker","description":"A searchable currency picker with ISO codes, localized names, and native symbols.","type":"registry:block","source_url":"https://flagcn.dev/r/currency-picker.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/currency-picker.json"},{"name":"currency","title":"Currency Components","description":"Typed currency labels and Intl.NumberFormat-backed currency values.","type":"registry:block","source_url":"https://flagcn.dev/r/currency.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/currency.json"},{"name":"gcc","title":"GCC Country Collection","description":"The six current Gulf Cooperation Council member country codes as a typed collection.","type":"registry:block","source_url":"https://flagcn.dev/r/gcc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gcc.json"},{"name":"eu-collection","title":"EU Country Collection","description":"The 27 current European Union member country codes as a typed collection.","type":"registry:block","source_url":"https://flagcn.dev/r/eu-collection.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/eu-collection.json"},{"name":"ad","title":"Andorra Flag","description":"A typed Andorra flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ad.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ad.json"},{"name":"ae","title":"United Arab Emirates Flag","description":"A typed United Arab Emirates flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ae.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ae.json"},{"name":"af","title":"Afghanistan Flag","description":"A typed Afghanistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/af.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/af.json"},{"name":"ag","title":"Antigua and Barbuda Flag","description":"A typed Antigua and Barbuda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ag.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ag.json"},{"name":"ai","title":"Anguilla Flag","description":"A typed Anguilla flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ai.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ai.json"},{"name":"al","title":"Albania Flag","description":"A typed Albania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/al.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/al.json"},{"name":"am","title":"Armenia Flag","description":"A typed Armenia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/am.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/am.json"},{"name":"ao","title":"Angola Flag","description":"A typed Angola flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ao.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ao.json"},{"name":"aq","title":"Antarctica Flag","description":"A typed Antarctica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/aq.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/aq.json"},{"name":"ar","title":"Argentina Flag","description":"A typed Argentina flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ar.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ar.json"},{"name":"as","title":"American Samoa Flag","description":"A typed American Samoa flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/as.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/as.json"},{"name":"at","title":"Austria Flag","description":"A typed Austria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/at.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/at.json"},{"name":"au","title":"Australia Flag","description":"A typed Australia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/au.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/au.json"},{"name":"aw","title":"Aruba Flag","description":"A typed Aruba flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/aw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/aw.json"},{"name":"ax","title":"Åland Islands Flag","description":"A typed Åland Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ax.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ax.json"},{"name":"az","title":"Azerbaijan Flag","description":"A typed Azerbaijan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/az.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/az.json"},{"name":"ba","title":"Bosnia and Herzegovina Flag","description":"A typed Bosnia and Herzegovina flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ba.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ba.json"},{"name":"bb","title":"Barbados Flag","description":"A typed Barbados flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bb.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bb.json"},{"name":"bd","title":"Bangladesh Flag","description":"A typed Bangladesh flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bd.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bd.json"},{"name":"be","title":"Belgium Flag","description":"A typed Belgium flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/be.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/be.json"},{"name":"bf","title":"Burkina Faso Flag","description":"A typed Burkina Faso flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bf.json"},{"name":"bg","title":"Bulgaria Flag","description":"A typed Bulgaria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bg.json"},{"name":"bh","title":"Bahrain Flag","description":"A typed Bahrain flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bh.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bh.json"},{"name":"bi","title":"Burundi Flag","description":"A typed Burundi flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bi.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bi.json"},{"name":"bj","title":"Benin Flag","description":"A typed Benin flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bj.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bj.json"},{"name":"bl","title":"Saint Barthélemy Flag","description":"A typed Saint Barthélemy flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bl.json"},{"name":"bm","title":"Bermuda Flag","description":"A typed Bermuda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bm.json"},{"name":"bn","title":"Brunei Flag","description":"A typed Brunei flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bn.json"},{"name":"bo","title":"Bolivia Flag","description":"A typed Bolivia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bo.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bo.json"},{"name":"bq","title":"Caribbean Netherlands Flag","description":"A typed Caribbean Netherlands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bq.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bq.json"},{"name":"br","title":"Brazil Flag","description":"A typed Brazil flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/br.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/br.json"},{"name":"bs","title":"Bahamas Flag","description":"A typed Bahamas flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bs.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bs.json"},{"name":"bt","title":"Bhutan Flag","description":"A typed Bhutan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bt.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bt.json"},{"name":"bv","title":"Bouvet Island Flag","description":"A typed Bouvet Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bv.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bv.json"},{"name":"bw","title":"Botswana Flag","description":"A typed Botswana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bw.json"},{"name":"by","title":"Belarus Flag","description":"A typed Belarus flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/by.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/by.json"},{"name":"bz","title":"Belize Flag","description":"A typed Belize flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/bz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/bz.json"},{"name":"ca","title":"Canada Flag","description":"A typed Canada flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ca.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ca.json"},{"name":"cc","title":"Cocos (Keeling) Islands Flag","description":"A typed Cocos (Keeling) Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cc.json"},{"name":"cd","title":"DR Congo Flag","description":"A typed DR Congo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cd.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cd.json"},{"name":"cf","title":"Central African Republic Flag","description":"A typed Central African Republic flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cf.json"},{"name":"cg","title":"Republic of the Congo Flag","description":"A typed Republic of the Congo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cg.json"},{"name":"ch","title":"Switzerland Flag","description":"A typed Switzerland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ch.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ch.json"},{"name":"ci","title":"Côte d'Ivoire (Ivory Coast) Flag","description":"A typed Côte d'Ivoire (Ivory Coast) flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ci.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ci.json"},{"name":"ck","title":"Cook Islands Flag","description":"A typed Cook Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ck.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ck.json"},{"name":"cl","title":"Chile Flag","description":"A typed Chile flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cl.json"},{"name":"cm","title":"Cameroon Flag","description":"A typed Cameroon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cm.json"},{"name":"cn","title":"China Flag","description":"A typed China flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cn.json"},{"name":"co","title":"Colombia Flag","description":"A typed Colombia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/co.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/co.json"},{"name":"cr","title":"Costa Rica Flag","description":"A typed Costa Rica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cr.json"},{"name":"cu","title":"Cuba Flag","description":"A typed Cuba flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cu.json"},{"name":"cv","title":"Cape Verde Flag","description":"A typed Cape Verde flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cv.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cv.json"},{"name":"cw","title":"Curaçao Flag","description":"A typed Curaçao flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cw.json"},{"name":"cx","title":"Christmas Island Flag","description":"A typed Christmas Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cx.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cx.json"},{"name":"cy","title":"Cyprus Flag","description":"A typed Cyprus flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cy.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cy.json"},{"name":"cz","title":"Czechia Flag","description":"A typed Czechia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/cz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/cz.json"},{"name":"de","title":"Germany Flag","description":"A typed Germany flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/de.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/de.json"},{"name":"dj","title":"Djibouti Flag","description":"A typed Djibouti flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/dj.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/dj.json"},{"name":"dk","title":"Denmark Flag","description":"A typed Denmark flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/dk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/dk.json"},{"name":"dm","title":"Dominica Flag","description":"A typed Dominica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/dm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/dm.json"},{"name":"do","title":"Dominican Republic Flag","description":"A typed Dominican Republic flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/do.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/do.json"},{"name":"dz","title":"Algeria Flag","description":"A typed Algeria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/dz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/dz.json"},{"name":"ec","title":"Ecuador Flag","description":"A typed Ecuador flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ec.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ec.json"},{"name":"ee","title":"Estonia Flag","description":"A typed Estonia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ee.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ee.json"},{"name":"eg","title":"Egypt Flag","description":"A typed Egypt flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/eg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/eg.json"},{"name":"eh","title":"Western Sahara Flag","description":"A typed Western Sahara flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/eh.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/eh.json"},{"name":"er","title":"Eritrea Flag","description":"A typed Eritrea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/er.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/er.json"},{"name":"es","title":"Spain Flag","description":"A typed Spain flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/es.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/es.json"},{"name":"et","title":"Ethiopia Flag","description":"A typed Ethiopia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/et.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/et.json"},{"name":"eu","title":"European Union Flag","description":"A typed European Union flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/eu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/eu.json"},{"name":"fi","title":"Finland Flag","description":"A typed Finland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/fi.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/fi.json"},{"name":"fj","title":"Fiji Flag","description":"A typed Fiji flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/fj.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/fj.json"},{"name":"fk","title":"Falkland Islands Flag","description":"A typed Falkland Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/fk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/fk.json"},{"name":"fm","title":"Micronesia Flag","description":"A typed Micronesia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/fm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/fm.json"},{"name":"fo","title":"Faroe Islands Flag","description":"A typed Faroe Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/fo.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/fo.json"},{"name":"fr","title":"France Flag","description":"A typed France flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/fr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/fr.json"},{"name":"ga","title":"Gabon Flag","description":"A typed Gabon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ga.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ga.json"},{"name":"gb","title":"United Kingdom Flag","description":"A typed United Kingdom flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gb.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gb.json"},{"name":"gb-eng","title":"England Flag","description":"A typed England flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gb-eng.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gb-eng.json"},{"name":"gb-nir","title":"Northern Ireland Flag","description":"A typed Northern Ireland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gb-nir.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gb-nir.json"},{"name":"gb-sct","title":"Scotland Flag","description":"A typed Scotland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gb-sct.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gb-sct.json"},{"name":"gb-wls","title":"Wales Flag","description":"A typed Wales flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gb-wls.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gb-wls.json"},{"name":"gd","title":"Grenada Flag","description":"A typed Grenada flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gd.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gd.json"},{"name":"ge","title":"Georgia Flag","description":"A typed Georgia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ge.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ge.json"},{"name":"gf","title":"French Guiana Flag","description":"A typed French Guiana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gf.json"},{"name":"gg","title":"Guernsey Flag","description":"A typed Guernsey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gg.json"},{"name":"gh","title":"Ghana Flag","description":"A typed Ghana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gh.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gh.json"},{"name":"gi","title":"Gibraltar Flag","description":"A typed Gibraltar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gi.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gi.json"},{"name":"gl","title":"Greenland Flag","description":"A typed Greenland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gl.json"},{"name":"gm","title":"Gambia Flag","description":"A typed Gambia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gm.json"},{"name":"gn","title":"Guinea Flag","description":"A typed Guinea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gn.json"},{"name":"gp","title":"Guadeloupe Flag","description":"A typed Guadeloupe flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gp.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gp.json"},{"name":"gq","title":"Equatorial Guinea Flag","description":"A typed Equatorial Guinea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gq.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gq.json"},{"name":"gr","title":"Greece Flag","description":"A typed Greece flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gr.json"},{"name":"gs","title":"South Georgia Flag","description":"A typed South Georgia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gs.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gs.json"},{"name":"gt","title":"Guatemala Flag","description":"A typed Guatemala flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gt.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gt.json"},{"name":"gu","title":"Guam Flag","description":"A typed Guam flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gu.json"},{"name":"gw","title":"Guinea-Bissau Flag","description":"A typed Guinea-Bissau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gw.json"},{"name":"gy","title":"Guyana Flag","description":"A typed Guyana flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/gy.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/gy.json"},{"name":"hk","title":"Hong Kong Flag","description":"A typed Hong Kong flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/hk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/hk.json"},{"name":"hm","title":"Heard Island and McDonald Islands Flag","description":"A typed Heard Island and McDonald Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/hm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/hm.json"},{"name":"hn","title":"Honduras Flag","description":"A typed Honduras flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/hn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/hn.json"},{"name":"hr","title":"Croatia Flag","description":"A typed Croatia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/hr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/hr.json"},{"name":"ht","title":"Haiti Flag","description":"A typed Haiti flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ht.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ht.json"},{"name":"hu","title":"Hungary Flag","description":"A typed Hungary flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/hu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/hu.json"},{"name":"id","title":"Indonesia Flag","description":"A typed Indonesia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/id.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/id.json"},{"name":"ie","title":"Ireland Flag","description":"A typed Ireland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ie.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ie.json"},{"name":"il","title":"Israel Flag","description":"A typed Israel flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/il.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/il.json"},{"name":"im","title":"Isle of Man Flag","description":"A typed Isle of Man flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/im.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/im.json"},{"name":"in","title":"India Flag","description":"A typed India flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/in.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/in.json"},{"name":"io","title":"British Indian Ocean Territory Flag","description":"A typed British Indian Ocean Territory flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/io.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/io.json"},{"name":"iq","title":"Iraq Flag","description":"A typed Iraq flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/iq.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/iq.json"},{"name":"ir","title":"Iran Flag","description":"A typed Iran flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ir.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ir.json"},{"name":"is","title":"Iceland Flag","description":"A typed Iceland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/is.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/is.json"},{"name":"it","title":"Italy Flag","description":"A typed Italy flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/it.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/it.json"},{"name":"je","title":"Jersey Flag","description":"A typed Jersey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/je.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/je.json"},{"name":"jm","title":"Jamaica Flag","description":"A typed Jamaica flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/jm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/jm.json"},{"name":"jo","title":"Jordan Flag","description":"A typed Jordan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/jo.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/jo.json"},{"name":"jp","title":"Japan Flag","description":"A typed Japan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/jp.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/jp.json"},{"name":"ke","title":"Kenya Flag","description":"A typed Kenya flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ke.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ke.json"},{"name":"kg","title":"Kyrgyzstan Flag","description":"A typed Kyrgyzstan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kg.json"},{"name":"kh","title":"Cambodia Flag","description":"A typed Cambodia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kh.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kh.json"},{"name":"ki","title":"Kiribati Flag","description":"A typed Kiribati flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ki.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ki.json"},{"name":"km","title":"Comoros Flag","description":"A typed Comoros flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/km.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/km.json"},{"name":"kn","title":"Saint Kitts and Nevis Flag","description":"A typed Saint Kitts and Nevis flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kn.json"},{"name":"kp","title":"North Korea Flag","description":"A typed North Korea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kp.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kp.json"},{"name":"kr","title":"South Korea Flag","description":"A typed South Korea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kr.json"},{"name":"kw","title":"Kuwait Flag","description":"A typed Kuwait flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kw.json"},{"name":"ky","title":"Cayman Islands Flag","description":"A typed Cayman Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ky.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ky.json"},{"name":"kz","title":"Kazakhstan Flag","description":"A typed Kazakhstan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/kz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/kz.json"},{"name":"la","title":"Laos Flag","description":"A typed Laos flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/la.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/la.json"},{"name":"lb","title":"Lebanon Flag","description":"A typed Lebanon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lb.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lb.json"},{"name":"lc","title":"Saint Lucia Flag","description":"A typed Saint Lucia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lc.json"},{"name":"li","title":"Liechtenstein Flag","description":"A typed Liechtenstein flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/li.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/li.json"},{"name":"lk","title":"Sri Lanka Flag","description":"A typed Sri Lanka flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lk.json"},{"name":"lr","title":"Liberia Flag","description":"A typed Liberia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lr.json"},{"name":"ls","title":"Lesotho Flag","description":"A typed Lesotho flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ls.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ls.json"},{"name":"lt","title":"Lithuania Flag","description":"A typed Lithuania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lt.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lt.json"},{"name":"lu","title":"Luxembourg Flag","description":"A typed Luxembourg flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lu.json"},{"name":"lv","title":"Latvia Flag","description":"A typed Latvia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/lv.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/lv.json"},{"name":"ly","title":"Libya Flag","description":"A typed Libya flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ly.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ly.json"},{"name":"ma","title":"Morocco Flag","description":"A typed Morocco flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ma.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ma.json"},{"name":"mc","title":"Monaco Flag","description":"A typed Monaco flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mc.json"},{"name":"md","title":"Moldova Flag","description":"A typed Moldova flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/md.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/md.json"},{"name":"me","title":"Montenegro Flag","description":"A typed Montenegro flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/me.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/me.json"},{"name":"mf","title":"Saint Martin Flag","description":"A typed Saint Martin flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mf.json"},{"name":"mg","title":"Madagascar Flag","description":"A typed Madagascar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mg.json"},{"name":"mh","title":"Marshall Islands Flag","description":"A typed Marshall Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mh.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mh.json"},{"name":"mk","title":"North Macedonia Flag","description":"A typed North Macedonia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mk.json"},{"name":"ml","title":"Mali Flag","description":"A typed Mali flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ml.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ml.json"},{"name":"mm","title":"Myanmar Flag","description":"A typed Myanmar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mm.json"},{"name":"mn","title":"Mongolia Flag","description":"A typed Mongolia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mn.json"},{"name":"mo","title":"Macau Flag","description":"A typed Macau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mo.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mo.json"},{"name":"mp","title":"Northern Mariana Islands Flag","description":"A typed Northern Mariana Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mp.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mp.json"},{"name":"mq","title":"Martinique Flag","description":"A typed Martinique flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mq.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mq.json"},{"name":"mr","title":"Mauritania Flag","description":"A typed Mauritania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mr.json"},{"name":"ms","title":"Montserrat Flag","description":"A typed Montserrat flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ms.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ms.json"},{"name":"mt","title":"Malta Flag","description":"A typed Malta flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mt.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mt.json"},{"name":"mu","title":"Mauritius Flag","description":"A typed Mauritius flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mu.json"},{"name":"mv","title":"Maldives Flag","description":"A typed Maldives flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mv.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mv.json"},{"name":"mw","title":"Malawi Flag","description":"A typed Malawi flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mw.json"},{"name":"mx","title":"Mexico Flag","description":"A typed Mexico flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mx.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mx.json"},{"name":"my","title":"Malaysia Flag","description":"A typed Malaysia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/my.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/my.json"},{"name":"mz","title":"Mozambique Flag","description":"A typed Mozambique flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/mz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/mz.json"},{"name":"na","title":"Namibia Flag","description":"A typed Namibia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/na.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/na.json"},{"name":"nc","title":"New Caledonia Flag","description":"A typed New Caledonia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/nc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/nc.json"},{"name":"ne","title":"Niger Flag","description":"A typed Niger flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ne.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ne.json"},{"name":"nf","title":"Norfolk Island Flag","description":"A typed Norfolk Island flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/nf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/nf.json"},{"name":"ng","title":"Nigeria Flag","description":"A typed Nigeria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ng.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ng.json"},{"name":"ni","title":"Nicaragua Flag","description":"A typed Nicaragua flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ni.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ni.json"},{"name":"nl","title":"Netherlands Flag","description":"A typed Netherlands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/nl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/nl.json"},{"name":"no","title":"Norway Flag","description":"A typed Norway flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/no.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/no.json"},{"name":"np","title":"Nepal Flag","description":"A typed Nepal flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/np.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/np.json"},{"name":"nr","title":"Nauru Flag","description":"A typed Nauru flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/nr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/nr.json"},{"name":"nu","title":"Niue Flag","description":"A typed Niue flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/nu.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/nu.json"},{"name":"nz","title":"New Zealand Flag","description":"A typed New Zealand flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/nz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/nz.json"},{"name":"om","title":"Oman Flag","description":"A typed Oman flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/om.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/om.json"},{"name":"pa","title":"Panama Flag","description":"A typed Panama flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pa.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pa.json"},{"name":"pe","title":"Peru Flag","description":"A typed Peru flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pe.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pe.json"},{"name":"pf","title":"French Polynesia Flag","description":"A typed French Polynesia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pf.json"},{"name":"pg","title":"Papua New Guinea Flag","description":"A typed Papua New Guinea flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pg.json"},{"name":"ph","title":"Philippines Flag","description":"A typed Philippines flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ph.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ph.json"},{"name":"pk","title":"Pakistan Flag","description":"A typed Pakistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pk.json"},{"name":"pl","title":"Poland Flag","description":"A typed Poland flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pl.json"},{"name":"pm","title":"Saint Pierre and Miquelon Flag","description":"A typed Saint Pierre and Miquelon flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pm.json"},{"name":"pn","title":"Pitcairn Islands Flag","description":"A typed Pitcairn Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pn.json"},{"name":"pr","title":"Puerto Rico Flag","description":"A typed Puerto Rico flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pr.json"},{"name":"ps","title":"Palestine Flag","description":"A typed Palestine flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ps.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ps.json"},{"name":"pt","title":"Portugal Flag","description":"A typed Portugal flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pt.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pt.json"},{"name":"pw","title":"Palau Flag","description":"A typed Palau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/pw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/pw.json"},{"name":"py","title":"Paraguay Flag","description":"A typed Paraguay flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/py.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/py.json"},{"name":"qa","title":"Qatar Flag","description":"A typed Qatar flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/qa.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/qa.json"},{"name":"re","title":"Réunion Flag","description":"A typed Réunion flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/re.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/re.json"},{"name":"ro","title":"Romania Flag","description":"A typed Romania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ro.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ro.json"},{"name":"rs","title":"Serbia Flag","description":"A typed Serbia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/rs.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/rs.json"},{"name":"ru","title":"Russia Flag","description":"A typed Russia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ru.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ru.json"},{"name":"rw","title":"Rwanda Flag","description":"A typed Rwanda flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/rw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/rw.json"},{"name":"sa","title":"Saudi Arabia Flag","description":"A typed Saudi Arabia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sa.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sa.json"},{"name":"sb","title":"Solomon Islands Flag","description":"A typed Solomon Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sb.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sb.json"},{"name":"sc","title":"Seychelles Flag","description":"A typed Seychelles flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sc.json"},{"name":"sd","title":"Sudan Flag","description":"A typed Sudan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sd.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sd.json"},{"name":"se","title":"Sweden Flag","description":"A typed Sweden flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/se.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/se.json"},{"name":"sg","title":"Singapore Flag","description":"A typed Singapore flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sg.json"},{"name":"sh","title":"Saint Helena, Ascension and Tristan da Cunha Flag","description":"A typed Saint Helena, Ascension and Tristan da Cunha flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sh.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sh.json"},{"name":"si","title":"Slovenia Flag","description":"A typed Slovenia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/si.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/si.json"},{"name":"sj","title":"Svalbard and Jan Mayen Flag","description":"A typed Svalbard and Jan Mayen flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sj.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sj.json"},{"name":"sk","title":"Slovakia Flag","description":"A typed Slovakia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sk.json"},{"name":"sl","title":"Sierra Leone Flag","description":"A typed Sierra Leone flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sl.json"},{"name":"sm","title":"San Marino Flag","description":"A typed San Marino flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sm.json"},{"name":"sn","title":"Senegal Flag","description":"A typed Senegal flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sn.json"},{"name":"so","title":"Somalia Flag","description":"A typed Somalia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/so.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/so.json"},{"name":"sr","title":"Suriname Flag","description":"A typed Suriname flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sr.json"},{"name":"ss","title":"South Sudan Flag","description":"A typed South Sudan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ss.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ss.json"},{"name":"st","title":"São Tomé and Príncipe Flag","description":"A typed São Tomé and Príncipe flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/st.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/st.json"},{"name":"sv","title":"El Salvador Flag","description":"A typed El Salvador flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sv.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sv.json"},{"name":"sx","title":"Sint Maarten Flag","description":"A typed Sint Maarten flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sx.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sx.json"},{"name":"sy","title":"Syria Flag","description":"A typed Syria flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sy.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sy.json"},{"name":"sz","title":"Eswatini (Swaziland) Flag","description":"A typed Eswatini (Swaziland) flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/sz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/sz.json"},{"name":"tc","title":"Turks and Caicos Islands Flag","description":"A typed Turks and Caicos Islands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tc.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tc.json"},{"name":"td","title":"Chad Flag","description":"A typed Chad flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/td.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/td.json"},{"name":"tf","title":"French Southern and Antarctic Lands Flag","description":"A typed French Southern and Antarctic Lands flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tf.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tf.json"},{"name":"tg","title":"Togo Flag","description":"A typed Togo flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tg.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tg.json"},{"name":"th","title":"Thailand Flag","description":"A typed Thailand flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/th.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/th.json"},{"name":"tj","title":"Tajikistan Flag","description":"A typed Tajikistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tj.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tj.json"},{"name":"tk","title":"Tokelau Flag","description":"A typed Tokelau flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tk.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tk.json"},{"name":"tl","title":"Timor-Leste Flag","description":"A typed Timor-Leste flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tl.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tl.json"},{"name":"tm","title":"Turkmenistan Flag","description":"A typed Turkmenistan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tm.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tm.json"},{"name":"tn","title":"Tunisia Flag","description":"A typed Tunisia flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tn.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tn.json"},{"name":"to","title":"Tonga Flag","description":"A typed Tonga flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/to.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/to.json"},{"name":"tr","title":"Turkey Flag","description":"A typed Turkey flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tr.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tr.json"},{"name":"tt","title":"Trinidad and Tobago Flag","description":"A typed Trinidad and Tobago flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tt.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tt.json"},{"name":"tv","title":"Tuvalu Flag","description":"A typed Tuvalu flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tv.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tv.json"},{"name":"tw","title":"Taiwan Flag","description":"A typed Taiwan flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tw.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tw.json"},{"name":"tz","title":"Tanzania Flag","description":"A typed Tanzania flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/tz.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/tz.json"},{"name":"ua","title":"Ukraine Flag","description":"A typed Ukraine flag component with no-crop 4:3 and 1:1 frames plus SVG, PNG, WebP, and JPEG support.","type":"registry:component","source_url":"https://flagcn.dev/r/ua.json","install_command":"npx shadcn@latest add https://flagcn.dev/r/ua.json"}]},{"id":"flightcn","name":"@flightcn","slug":"flightcn","description":"Flightcn is a specialized shadcn registry component set for rendering flight-route and satellite-orbit visualizations on MapLibre-powered maps via the mapcn ecosystem. It provides FlightAirport (single airport marker from IATA code), FlightRoute (great-circle arc between two airports), FlightRoutes (multiple independent routes), FlightMultileg (connected multi-leg journeys), and SatelliteOrbit (globe-based orbital ground tracks with animated markers and custom SVG support). Includes a built-in airport registry with IATA code, name, city, country, and coordinates. Handles antimeridian, hover states, animated paths, and optional airport labels. Use for: adding interactive great-circle flight maps or satellite orbit overlays to a Next.js/MapLibre project that already uses mapcn, with minimal custom geographic math.","author":"ridemountainpig","framework":"react","license":"MIT","tags":["3d","aesthetic","ai","animation","charts","dashboard","maps"],"categories":["Maps"],"labels":["recently-updated"],"urls":{"website":"https://flightcn.yencheng.dev","github":"https://github.com/ridemountainpig/flightcn","registry":"https://flightcn.yencheng.dev/r/registry.json","source":"https://flightcn.yencheng.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/flightcn","markdown":"https://sh4dcn.netlify.app/md/flightcn.md"},"logo":"<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_434_651)'><path d='M24 0H8C3.58172 0 0 3.58172 0 8V24C0 28.4183 3.58172 32 8 32H24C28.4183 32 32 28.4183 32 24V8C32 3.58172 28.4183 0 24 0Z' fill='black'/><path d='M16 16C17.6569 16 19 14.6569 19 13C19 11.3431 17.6569 10 16 10C14.3431 10 13 11.3431 13 13C13 14.6569 14.3431 16 16 16Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M12.8171 17.5257C12.8659 17.519 12.9155 17.5222 12.9629 17.5353C13.0103 17.5483 13.0546 17.5709 13.0929 17.6017C13.1313 17.6324 13.163 17.6707 13.1861 17.7142C13.2092 17.7576 13.2231 17.8053 13.2271 17.8543C13.37 19.5972 13.67 21.4829 13.9514 23.0014C13.9636 23.067 13.9573 23.1346 13.933 23.1967C13.9088 23.2588 13.8677 23.3129 13.8143 23.3529L12 24.7143C11.8801 24.8042 11.7915 24.9296 11.7468 25.0727C11.7021 25.2158 11.7035 25.3694 11.7509 25.5116C11.7983 25.6538 11.8893 25.7775 12.0109 25.8652C12.1325 25.9528 12.2787 26 12.4286 26H19.5714C19.7213 26 19.8675 25.9528 19.9891 25.8652C20.1107 25.7775 20.2017 25.6538 20.2491 25.5116C20.2965 25.3694 20.2979 25.2158 20.2532 25.0727C20.2085 24.9296 20.1199 24.8042 20 24.7143L18.1857 23.3529C18.1323 23.3129 18.0912 23.2588 18.067 23.1967C18.0427 23.1346 18.0364 23.067 18.0486 23.0014C18.33 21.4843 18.6314 19.5972 18.7729 17.8543C18.7769 17.8053 18.7908 17.7576 18.8139 17.7142C18.837 17.6707 18.8687 17.6324 18.9071 17.6017C18.9454 17.5709 18.9897 17.5483 19.0371 17.5353C19.0845 17.5222 19.1341 17.519 19.1829 17.5257L25.1843 18.3829C25.2855 18.3974 25.3887 18.39 25.4868 18.3612C25.5849 18.3324 25.6757 18.2829 25.7531 18.216C25.8304 18.1491 25.8925 18.0664 25.9351 17.9734C25.9777 17.8805 25.9998 17.7794 26 17.6772V17.2686C26 16.9962 25.9221 16.7296 25.7756 16.5C25.629 16.2704 25.4199 16.0875 25.1729 15.9729L18.8357 13.03C18.7806 13.0043 18.7329 12.965 18.6972 12.9157C18.6614 12.8665 18.6388 12.809 18.6314 12.7486C18.3886 10.7243 18.0029 8.69148 17.7314 7.39291C17.6475 6.9968 17.4293 6.64183 17.1138 6.38804C16.7984 6.13424 16.4049 5.99719 16 6.00005C15.5949 5.99685 15.2011 6.13376 14.8853 6.38758C14.5695 6.64141 14.3511 6.99656 14.2671 7.39291C13.895 9.16519 13.5952 10.9519 13.3686 12.7486C13.3614 12.8092 13.3389 12.8671 13.3032 12.9166C13.2674 12.9661 13.2196 13.0056 13.1643 13.0315L6.82714 15.9743C6.58054 16.0888 6.37172 16.2712 6.2252 16.5002C6.07869 16.7292 6.00056 16.9953 6 17.2672V17.6757C6.00022 17.7779 6.02233 17.8787 6.06485 17.9716C6.10737 18.0644 6.1693 18.1471 6.24648 18.214C6.32365 18.2809 6.41426 18.3304 6.51221 18.3593C6.61016 18.3882 6.71317 18.3957 6.81429 18.3814L12.8171 17.5257Z' fill='white'/></g><defs><clipPath id='clip0_434_651'><rect width='32' height='32' fill='white'/></clipPath></defs></svg>","preview_image":"https://flightcn.yencheng.dev/flightcn-og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":152,"open_issues":0,"last_commit":"2026-10-15T03:24:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://flightcn.yencheng.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://flightcn.yencheng.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://flightcn.yencheng.dev/r/registry.json","clone":"git clone https://github.com/ridemountainpig/flightcn.git","clone_degit":"npx degit ridemountainpig/flightcn","registry_fetch":"curl -s https://flightcn.yencheng.dev/r/registry.json"},"component_count":13,"components":[{"name":"flight","title":"Flight","description":"Composable flight map components for routes, live tracking, weighted networks, geodesic ranges, aircraft trails, traffic flow, and a built-in 515-airport datab…","type":"registry:ui","source_url":"https://flightcn.yencheng.dev/r/flight.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/flight.json"},{"name":"satellite","title":"Satellite","description":"A globe-based satellite orbit overlay with animated motion, ground tracks, and custom SVG marker support.","type":"registry:ui","source_url":"https://flightcn.yencheng.dev/r/satellite.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/satellite.json"},{"name":"flight-route-picker","title":"Flight Route Picker","description":"Search airports, explore featured routes, and arrange multiple stopovers to compare flight legs, distance and estimated time in the air.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/flight-route-picker.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/flight-route-picker.json"},{"name":"flight-tracker-dashboard","title":"Flight Tracker Dashboard","description":"Live flight progress on the map beside an operations card with altitude, speed, remaining distance, and a playback scrubber.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/flight-tracker-dashboard.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/flight-tracker-dashboard.json"},{"name":"airline-network-dashboard","title":"Airline Network Dashboard","description":"Weighted hub-and-spoke route network with a ranked destination sidebar and two-way airport highlighting.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/airline-network-dashboard.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/airline-network-dashboard.json"},{"name":"airport-search-map","title":"Airport Search Map","description":"Searchable panel over the built-in 500+ airport database with fly-to markers on selection.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/airport-search-map.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/airport-search-map.json"},{"name":"aircraft-trail-replay","title":"Aircraft Trail Replay","description":"Recorded flight track replay with an altitude-graded trail, dashed planned continuation, and a playback scrubber.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/aircraft-trail-replay.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/aircraft-trail-replay.json"},{"name":"flight-ops-overview","title":"Flight Ops Overview","description":"Operations dashboard with live KPI cards, a multi-flight tracking map, and an en-route sidebar that focuses flights on selection.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/flight-ops-overview.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/flight-ops-overview.json"},{"name":"live-traffic-flow","title":"Live Traffic Flow","description":"Animated aircraft flowing along weighted global corridors with density presets and toggleable route guides.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/live-traffic-flow.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/live-traffic-flow.json"},{"name":"departures-board","title":"Departures Board","description":"Status-filterable departure list that draws the selected flight on the map — live progress for airborne flights, dashed routes for the rest.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/departures-board.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/departures-board.json"},{"name":"aircraft-range-explorer","title":"Aircraft Range Explorer","description":"Compare aircraft reach from a departure airport, with labeled 75% and maximum-range boundaries and a live destination count.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/aircraft-range-explorer.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/aircraft-range-explorer.json"},{"name":"network-coverage-grid","title":"Network Coverage Grid","description":"Region-filtered airport coverage map above a stats card grid with two-way selection between cards and markers.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/network-coverage-grid.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/network-coverage-grid.json"},{"name":"satellite-orbit-tracker","title":"Satellite Orbit Tracker","description":"Multi-satellite orbit constellation on a globe with per-satellite visibility toggles and orbital metadata.","type":"registry:block","source_url":"https://flightcn.yencheng.dev/r/satellite-orbit-tracker.json","install_command":"npx shadcn@latest add https://flightcn.yencheng.dev/r/satellite-orbit-tracker.json"}]},{"id":"flowui","name":"@flowui","slug":"flowui","description":"Everyday use react components to make the development flow easier for the devs.","author":"KushalXCoder","framework":"react","license":"MIT","tags":["auth","buttons","forms","media"],"categories":["Forms"],"labels":[],"urls":{"website":"https://flowui-registry.vercel.app","github":"https://github.com/KushalXCoder/flowui","registry":"https://flowui-registry.vercel.app/r/registry.json","source":"https://flowui-registry.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/flowui","markdown":"https://sh4dcn.netlify.app/md/flowui.md"},"logo":"<svg width='32' height='32' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 41'><g transform='translate(0,0) rotate(0 21 20.5)'><path fill-rule='evenodd' clip-rule='evenodd' d='M23.4822 1.69633C22.0194 0.234143 19.6482 0.234623 18.1861 1.69742L5.98295 13.9055L5.97255 13.9025L5.93399 13.9066C5.94987 13.9142 5.96546 13.9218 5.98074 13.9294C3.84006 14.1537 2.9318 14.797 2.92152 15.6231C2.92514 15.9304 3.05122 16.2623 3.28281 16.6068L3.27168 16.6179C5.21778 19.5531 14.8587 23.4251 21.6793 20.8017C16.5675 23.3576 4.52892 23.8642 0.992995 18.9016C0.225104 19.7323 -0.0961769 20.824 0.0248128 21.8731C0.958907 27.0216 11.4021 28.4262 21.8454 20.9667L24.1053 23.2266C21.2932 26.1157 17.1394 42.897 23.3115 40.3349C23.4579 40.2355 23.5822 40.1465 23.7512 40.0187L24.0263 39.7589C24.0104 39.7629 23.9947 39.7666 23.979 39.7703L40.5092 24.1648C42.044 22.7158 42.0788 20.2853 40.5859 18.793L23.4822 1.69633ZM21.6821 6.782L22.247 4.52213L22.812 6.782L24.5069 7.34698L22.812 7.91196L22.247 10.1718L21.6821 7.91196L19.9872 7.34698L21.6821 6.782ZM14.6892 14.1593L15.0658 12.6526L15.4424 14.1593L16.5724 14.5359L15.4424 14.9125L15.0658 16.4191L14.6892 14.9125L13.5593 14.5359L14.6892 14.1593ZM27.8072 26.8673L27.4305 28.3738L26.3007 28.7505L27.4305 29.1271L27.8072 30.6336L28.1838 29.1271L29.3138 28.7505L28.1838 28.3738L27.8072 26.8673Z' fill='#4845D2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M41.7822 3.19183C38.2483 3.19183 34.8969 4.76153 32.6344 7.47638L24.5858 17.1349L29.2334 10.1633L21.5187 13.4697C20.5389 13.8896 20.2931 15.1661 21.0467 15.9198L23.5294 18.4024L22.2618 19.9235L25.0505 22.7121L26.5715 21.4445L29.0542 23.9272C29.8079 24.6808 31.0844 24.435 31.5043 23.4554L34.8106 15.7406L27.8391 20.3883L37.4976 12.3395C40.2125 10.0772 41.7822 6.72577 41.7822 3.19183ZM34.1135 10.8607C34.8835 11.6307 36.132 11.6307 36.9021 10.8607C37.6721 10.0906 37.6721 8.84209 36.9021 8.07208C36.132 7.30199 34.8835 7.30199 34.1135 8.07208C33.3434 8.84209 33.3434 10.0906 34.1135 10.8607Z' fill='#A3A2FF'/><path opacity='0.6' d='M0.903381 18.7718C2.74977 25.0977 13.9754 24.7679 21.6773 20.8027C16.52 23.3797 4.3201 23.8719 0.903381 18.7718Z' fill='#424242'/><path opacity='0.6' d='M23.3115 40.3349C18.1107 42.4938 20.2416 30.9184 22.7235 25.4932C20.9144 30.3153 19.3701 40.9455 24.0262 39.759L23.7512 40.0187C23.5821 40.1466 23.4579 40.2355 23.3115 40.3349Z' fill='#424242'/></g></svg>","preview_image":"https://flowui-registry.vercel.app/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":0,"last_commit":"2026-07-21T14:17:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://flowui-registry.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://flowui-registry.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://flowui-registry.vercel.app/r/registry.json","clone":"git clone https://github.com/KushalXCoder/flowui.git","clone_degit":"npx degit KushalXCoder/flowui","registry_fetch":"curl -s https://flowui-registry.vercel.app/r/registry.json"},"component_count":10,"components":[{"name":"changing-text","title":"Changing Text","description":"A component that changes text with fade and slide transitions.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/changing-text.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/changing-text.json"},{"name":"debounced-input","title":"Debounced Input","description":"An input component with optional debouncing support.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/debounced-input.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/debounced-input.json"},{"name":"auth-buttons","title":"Auth Buttons","description":"A set of authentication buttons (Google, Github) based on shadcn Button.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/auth-buttons.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/auth-buttons.json"},{"name":"copy-button","title":"Copy Button","description":"A copy button component with two types: normal and animated.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/copy-button.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/copy-button.json"},{"name":"file-select","title":"File Select","description":"A customized file selection component.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/file-select.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/file-select.json"},{"name":"lift-button","title":"Lift Button","description":"A scroll-to-top button with custom triggers and target containers.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/lift-button.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/lift-button.json"},{"name":"password-input","title":"Password Input","description":"An input component for passwords with a visibility toggle.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/password-input.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/password-input.json"},{"name":"slider-captcha","title":"Slider Captcha","description":"A slider-based puzzle captcha verification component.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/slider-captcha.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/slider-captcha.json"},{"name":"speaker","title":"Speaker","description":"A text-to-speech speaker button component.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/speaker.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/speaker.json"},{"name":"text-divider","title":"Text Divider","description":"A divider line with text in the middle.","type":"registry:component","source_url":"https://flowui-registry.vercel.app/r/text-divider.json","install_command":"npx shadcn@latest add https://flowui-registry.vercel.app/r/text-divider.json"}]},{"id":"fluent2-react-kit","name":"@fluent2-react-kit","slug":"fluent2-react-kit","description":"Fluent 2-inspired React components with shadcn-style APIs. Design tokens with light, dark, and high-contrast themes, Base UI primitives, Tailwind CSS v4. Independent open-source project, not affiliated with Microsoft.","author":null,"framework":"react","license":null,"tags":["buttons","cards","design-system","forms","hooks","loaders","media","navigation","overlays","theming"],"categories":["Forms"],"labels":[],"urls":{"website":"https://fluent2-react-kit.graund.io","github":null,"registry":"https://fluent2-react-kit.graund.io/r/registry.json","source":"https://fluent2-react-kit.graund.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/fluent2-react-kit","markdown":"https://sh4dcn.netlify.app/md/fluent2-react-kit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect fill='var(--foreground)' x='40' y='72' width='432' height='400' rx='60'/><path fill='var(--background)' d='M216 200h40v112h-40a32 32 0 0 1-32-32v-48a32 32 0 0 1 32-32Z'/><path fill='var(--background)' d='M256 200h40a32 32 0 0 1 32 32v48a32 32 0 0 1-32 32h-40V200Z'/><rect fill='var(--foreground)' x='249' y='200' width='14' height='112'/></svg>","preview_image":"https://fluent2-react-kit.graund.io/opengraph-image.png?opengraph-image.364re1ww-p4hw.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://fluent2-react-kit.graund.io/r/registry.json","install_bun":"bunx shadcn@latest add https://fluent2-react-kit.graund.io/r/registry.json","registry_fetch":"curl -s https://fluent2-react-kit.graund.io/r/registry.json"},"component_count":37,"components":[{"name":"accordion","title":"Accordion","description":"Fluent 2-styled accordion (expand/collapse groups) with a shadcn API. Built on @base-ui/react's Accordion for open/close state and a height-animated collapsibl…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/accordion.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/accordion.json"},{"name":"alert","title":"Alert","description":"Fluent 2 MessageBar-styled alert with shadcn APIs. Three composable parts (Alert, AlertTitle, AlertDescription), five variants (default, destructive, success, …","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/alert.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/alert.json"},{"name":"avatar","title":"Avatar","description":"Fluent 2-styled avatar with shadcn APIs. Built on @base-ui/react's Avatar primitive for genuine image-loading state; renders brand-tinted initials as a fallbac…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/avatar.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/avatar.json"},{"name":"badge","title":"Badge","description":"Fluent 2-styled badge with shadcn APIs. Six variants (default, secondary, destructive, outline, success, warning) as a compact pill, with icon support and asCh…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/badge.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Fluent 2-styled breadcrumb with shadcn APIs. Seven composable parts (Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSepa…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/breadcrumb.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Fluent 2-styled button with shadcn APIs. Six variants (default, secondary, outline, ghost, destructive, link) and six sizes, brand state ramp, asChild support,…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/button.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/button.json"},{"name":"card","title":"Card","description":"Fluent 2-styled card with shadcn APIs. Seven composable parts (Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter), Fluent resti…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/card.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"Fluent 2-styled checkbox with shadcn APIs. Built on @base-ui/react's Checkbox primitive for real form participation and keyboard behavior; supports checked, un…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/checkbox.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/checkbox.json"},{"name":"combobox","title":"Combobox","description":"Fluent 2-styled filterable select with shadcn-style composable APIs. Built on @base-ui/react's Combobox for portalled positioning, focus management, keyboard n…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/combobox.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/combobox.json"},{"name":"command","title":"Command","description":"Fluent 2-styled command palette (cmdk surface) with shadcn-style composable APIs, built on @base-ui/react's Autocomplete with NO cmdk dependency. An always-vis…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/command.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/command.json"},{"name":"dialog","title":"Dialog","description":"Fluent 2-styled modal dialog with shadcn APIs. Built on @base-ui/react's Dialog for focus trapping, portalling, scroll locking and Escape/outside-press dismiss…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/dialog.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Fluent 2-styled dropdown menu with shadcn APIs. Built on @base-ui/react's Menu for portalled positioning, focus management, keyboard navigation, type-ahead and…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"Fluent 2-styled text input with shadcn APIs. 32px medium field, file-input styling, and the signature Fluent bottom brand accent on focus (inset box-shadow, no…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/input.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/input.json"},{"name":"label","title":"Label","description":"Fluent 2-styled form label with shadcn APIs. Native <label> (no JS primitive needed), 14px/600 Fluent type ramp, peer/group disabled ergonomics, and an optiona…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/label.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/label.json"},{"name":"link","title":"Link","description":"Fluent 2-styled link with shadcn APIs. Brand-colored text with a hover-only underline for standalone use or a persistent underline for links inline in prose, a…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/link.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/link.json"},{"name":"multi-select","title":"Multi Select","description":"Fluent 2-styled multiple-selection combobox with a chips field, built on the kit's Combobox. Selected values render as removable secondary chips in a wrapping …","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/multi-select.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/multi-select.json"},{"name":"overflow","title":"Overflow","description":"Headless priority-overflow system — the core mechanism behind a single-line Fluent 2 Ribbon. A row of controls that cannot fit hides its lowest-priority items …","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/overflow.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/overflow.json"},{"name":"pagination","title":"Pagination","description":"Fluent 2-styled pagination with shadcn APIs. Seven composable parts (Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, Paginat…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/pagination.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/pagination.json"},{"name":"popover","title":"Popover","description":"Fluent 2-styled non-modal popover with shadcn APIs. Built on @base-ui/react's Popover for portalled positioning, focus management, and outside-press/Escape dis…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/popover.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/popover.json"},{"name":"progress","title":"Progress","description":"Fluent 2-styled progress bar with a shadcn API. Wraps Base UI's Progress primitive (Root/Track/Indicator) into a single `Progress` component: a thin 2px determ…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/progress.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"Fluent 2-styled radio group with shadcn APIs. Built on @base-ui/react's RadioGroup and Radio primitives for roving-tabindex keyboard navigation and native form…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/radio-group.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/radio-group.json"},{"name":"ribbon-collapse","title":"Ribbon collapse","description":"Headless group-collapse system — the mechanism behind a classic (expanded) Fluent 2 Ribbon. When a two-row band cannot fit its container it collapses whole gro…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/ribbon-collapse.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/ribbon-collapse.json"},{"name":"ribbon","title":"Ribbon","description":"Fluent 2-styled, Office-like Ribbon — the kit's flagship composite, with two layouts from one tree. **single-line** (Word's 'Faixa de Opções de Linha Única') c…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/ribbon.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/ribbon.json"},{"name":"select","title":"Select","description":"Fluent 2-styled select (dropdown listbox) with shadcn APIs. Built on @base-ui/react's Select for portalled positioning, focus management, keyboard navigation a…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/select.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/select.json"},{"name":"separator","title":"Separator","description":"Fluent 2-styled 1px divider with shadcn APIs. Horizontal or vertical orientation, decorative by default with native WAI-ARIA separator semantics when set to no…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/separator.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":"Fluent 2-styled loading placeholder: a pulsing bg-accent block with rounded-md corners, resized/reshaped via className (line, avatar circle, card block).","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/skeleton.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/skeleton.json"},{"name":"spinner","title":"Spinner","description":"Fluent 2-styled loading indicator: a rotating brand-colored arc (not a full ring) over an optional faint track, four sizes, and an optional visible label that …","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/spinner.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/spinner.json"},{"name":"split-button","title":"Split Button","description":"Fluent 2-styled split button with shadcn-style APIs. Three composable parts (SplitButton, SplitButtonAction, SplitButtonTrigger) join a primary command to an i…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/split-button.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/split-button.json"},{"name":"switch","title":"Switch","description":"Fluent 2-styled on/off toggle with shadcn APIs. Built on @base-ui/react's Switch primitive for real form participation, keyboard behavior, and label associatio…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/switch.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Fluent 2-styled tabs with shadcn APIs. Built on @base-ui/react's Tabs for roving-tabindex keyboard navigation and a layout-measured sliding active-tab indicato…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/tabs.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Fluent 2-styled multi-line text field with shadcn APIs. Grows with content (field-sizing-content) and shares the signature Fluent bottom brand accent on focus …","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/textarea.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/textarea.json"},{"name":"theme","title":"Fluent 2 Theme","description":"The Fluent 2-inspired design token layer for @graundtech/fluent2-react-kit: light, dark, and high-contrast CSS custom properties plus a Tailwind v4 @theme brid…","type":"registry:theme","source_url":"https://fluent2-react-kit.graund.io/r/theme.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/theme.json"},{"name":"toast","title":"Toast","description":"Fluent 2-styled, shadcn-API toast notifications on Base UI's toast manager. A Provider + portalled Viewport with a stacked, swipeable, auto-dismissing toast su…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/toast.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/toast.json"},{"name":"toggle","title":"Toggle","description":"Fluent 2-styled toggle button with shadcn APIs. Two variants (default, outline) and three sizes matching Button's height scale, aria-pressed/data-pressed state…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/toggle.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/toggle.json"},{"name":"toolbar","title":"Toolbar","description":"Fluent 2-styled toolbar part family built on @base-ui/react's Toolbar for a single tab stop, roving-tabindex arrow-key navigation, and composite focus. Six par…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/toolbar.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"Fluent 2-styled tooltip with shadcn APIs. Built on @base-ui/react's Tooltip for hover/focus delay, portalled positioning and dismiss-on-Escape; the flyout is a…","type":"registry:ui","source_url":"https://fluent2-react-kit.graund.io/r/tooltip.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/tooltip.json"},{"name":"utils","title":"Utils","description":"Class name helper that composes clsx and tailwind-merge for conflict-free Tailwind class composition. The canonical shadcn-style cn() utility.","type":"registry:lib","source_url":"https://fluent2-react-kit.graund.io/r/utils.json","install_command":"npx shadcn@latest add https://fluent2-react-kit.graund.io/r/utils.json"}]},{"id":"flowkit-ui","name":"@flowkit-ui","slug":"flowkit-ui","description":"Flowkit UI is a small, opinionated shadcn-compatible component registry built on Base UI (not Radix UI) primitives, targeting UI patterns that standard shadcn does not cover. Currently it ships a Creatable Combobox — a combobox where users can type to create new options on the fly. The project is positioned as a growing library of reusable patterns for common team-level rebuilds. Built with React, Tailwind CSS, and TypeScript. Free and MIT licensed. Use for: dropping a fully accessible Base UI-backed creatable combobox into a shadcn project without writing the create-new-option logic from scratch, and watching for future Base UI primitive patterns as the registry grows.","author":"vzkiss","framework":"react","license":"MIT","tags":["accessibility","components","design-system","forms","hooks","tables"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://flowkit-ui.vzkiss.com","github":"https://github.com/vzkiss/flowkit-ui","registry":"https://flowkit-ui.vzkiss.com/r/registry.json","source":"https://flowkit-ui.vzkiss.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/flowkit-ui","markdown":"https://sh4dcn.netlify.app/md/flowkit-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 446 539' width='446' height='539'><g transform='translate(-557, -212)'><path fill='#000000' d='M0 0 C0.11683596 15.03806088 0.20498934 30.07608657 0.25906086 45.11450481 C0.28483539 52.0972429 0.31997088 59.07969886 0.37719727 66.06225586 C0.43238307 72.79904376 0.46141034 79.53547783 0.47438622 86.27250099 C0.48363498 88.84458852 0.50169539 91.41665975 0.52865028 93.98862267 C0.56487149 97.58741494 0.56994795 101.18499075 0.56762695 104.78393555 C0.58560333 105.85064484 0.60357971 106.91735413 0.62210083 108.01638794 C0.57162982 115.23396362 0.57162982 115.23396362 -2.2999115 119.08209229 C-4.46659006 120.62111204 -6.32256315 121.90825814 -8.76904297 122.90258789 C-9.4797142 123.1988205 -10.19038544 123.4950531 -10.92259216 123.80026245 C-11.68805862 124.1046524 -12.45352509 124.40904236 -13.2421875 124.72265625 C-14.06135147 125.06056183 -14.88051544 125.39846741 -15.72450256 125.74661255 C-17.5026413 126.47850231 -19.28312334 127.20471919 -21.06564331 127.9258728 C-24.91915596 129.48495118 -28.76134873 131.07109256 -32.60453796 132.65541077 C-34.63334148 133.49141619 -36.66274103 134.32597648 -38.69270325 135.15916443 C-48.82313505 139.32095588 -58.89734164 143.6109948 -68.96697998 147.9173584 C-84.58816674 154.59670041 -100.23516617 161.20820199 -115.92858887 167.71591187 C-128.62708413 172.98363116 -141.2732612 178.3678628 -153.89550781 183.81567383 C-160.85020235 186.81403618 -167.82098723 189.76055207 -174.83203125 192.625 C-179.45349142 194.51321879 -184.041462 196.4362144 -188.57421875 198.53125 C-194.84727132 201.42995501 -201.24631286 204.01246667 -207.64508057 206.61706543 C-219.69801533 211.52703007 -231.69701791 216.54380384 -243.625 221.75 C-255.39604142 226.88571111 -267.21520909 231.88750264 -279.08349609 236.79394531 C-284.12084265 238.87702684 -289.15437409 240.9692459 -294.1875 243.0625 C-295.06390137 243.42561279 -295.94030273 243.78872559 -296.84326172 244.1628418 C-303.22290171 246.81496741 -309.57430447 249.53011635 -315.921875 252.2578125 C-327.53288864 257.24513357 -339.19101341 262.11676606 -350.85598755 266.97622681 C-360.22025238 270.87868548 -369.57918481 274.78588957 -378.8671875 278.8671875 C-379.52788742 279.15625473 -380.18858734 279.44532196 -380.86930847 279.7431488 C-383.87841083 281.06012691 -386.88187936 282.38750068 -389.87719727 283.7355957 C-390.90643311 284.18765381 -391.93566895 284.63971191 -392.99609375 285.10546875 C-393.87450928 285.49887451 -394.7529248 285.89228027 -395.65795898 286.29760742 C-398.29108781 287.08729903 -399.42266056 286.75625634 -402 286 C-402.07004451 270.79694568 -402.12296579 255.59389879 -402.15543652 240.39071941 C-402.1709132 233.33179522 -402.19201788 226.27297122 -402.22631836 219.21411133 C-402.25938446 212.40604003 -402.27683734 205.59807305 -402.28463173 198.78992653 C-402.29018864 196.18830537 -402.30103941 193.58669011 -402.31719017 190.98511314 C-402.33886492 187.35021871 -402.34197105 183.71575886 -402.34057617 180.08081055 C-402.351362 178.99755997 -402.36214783 177.91430939 -402.3732605 176.79823303 C-402.36913651 175.80965302 -402.36501251 174.821073 -402.36076355 173.80253601 C-402.36352893 172.94250316 -402.36629431 172.0824703 -402.36914349 171.19637585 C-401.91599517 168.50017763 -401.12273664 167.66775742 -399 166 C-396.69213867 164.81176758 -396.69213867 164.81176758 -393.91796875 163.64453125 C-392.86109863 163.19561523 -391.80422852 162.74669922 -390.71533203 162.28417969 C-388.96905518 161.55569824 -388.96905518 161.55569824 -387.1875 160.8125 C-385.94357956 160.28741851 -384.69993455 159.76168416 -383.45654297 159.23535156 C-380.75034399 158.09151654 -378.04220539 156.95244429 -375.33251953 155.81689453 C-370.89433537 153.95693164 -366.46065283 152.08639066 -362.02734375 150.21484375 C-354.83565828 147.18030989 -347.64074417 144.15351321 -340.44456482 141.12965393 C-334.61787028 138.68095245 -328.79284299 136.22831973 -322.96875 133.7734375 C-295.38525836 122.14791762 -295.38525836 122.14791762 -283 117 C-260.34603787 107.58137998 -237.73587029 98.05748046 -215.19750977 88.36547852 C-202.82373319 83.05164738 -190.40025064 77.85763999 -177.97607422 72.66308594 C-171.88461431 70.11584725 -165.79594376 67.56195441 -159.70718384 65.00827026 C-157.84353817 64.22672644 -155.97975608 63.44550794 -154.1159668 62.66430664 C-144.85973478 58.78364134 -135.60912977 54.88969469 -126.359375 50.99362183 C-122.711245 49.45725665 -119.06264108 47.92201823 -115.4140625 46.38671875 C-112.48434116 45.15372623 -109.55466601 43.92062399 -106.625 42.6875 C-105.83329407 42.35428741 -105.04158813 42.02107483 -104.22589111 41.67776489 C-93.46337204 37.1476642 -82.70440139 32.60926231 -71.9493103 28.06155396 C-64.38888538 24.86497266 -56.82582124 21.67468122 -49.2616272 18.48703003 C-43.81309304 16.18994208 -38.36874065 13.8832936 -32.92764282 11.56864929 C-29.57522539 10.14439081 -26.21979925 8.72733052 -22.86358643 7.31204224 C-21.30327691 6.65219953 -19.74428334 5.98923527 -18.18670654 5.32296753 C-16.054925 4.41151236 -13.91878853 3.51113433 -11.78125 2.61328125 C-10.58564453 2.10579346 -9.39003906 1.59830566 -8.15820312 1.07543945 C-5.13507038 0.04599451 -3.13933925 -0.09163965 0 0 Z ' transform='translate(1002,213)'/><path fill='#000000' d='M0 0 C0.09343248 14.92498601 0.16397381 29.84994936 0.20724869 44.77516556 C0.2278759 51.70519028 0.2559992 58.6350333 0.30175781 65.56494141 C0.34587758 72.24983984 0.36912265 78.9345103 0.37950897 85.61956024 C0.38691284 88.17291998 0.40137041 90.72626911 0.42292023 93.27954865 C0.45186017 96.84968093 0.4559598 100.41902755 0.45410156 103.98925781 C0.46848267 105.05021164 0.48286377 106.11116547 0.49768066 107.20426941 C0.45728316 114.35362955 0.45728316 114.35362955 -1.8299408 117.58662415 C-4.73999038 119.48196129 -7.75729259 120.89741866 -10.95703125 122.21484375 C-11.64365341 122.50667038 -12.33027557 122.79849701 -13.03770447 123.09916687 C-15.29215228 124.0546204 -17.55215433 124.99609443 -19.8125 125.9375 C-21.39716265 126.60577221 -22.98146818 127.27489183 -24.56542969 127.94482422 C-28.60418859 129.650272 -32.64764376 131.34425199 -36.69268799 133.034729 C-40.17126963 134.49000421 -43.64607933 135.95420155 -47.12109375 137.41796875 C-54.11598547 140.36173435 -61.11740613 143.28976197 -68.12017822 146.21472168 C-73.72713959 148.55697841 -79.33277684 150.90239296 -84.9375 153.25 C-85.56207092 153.51152863 -86.18664185 153.77305725 -86.83013916 154.04251099 C-99.14668188 159.20194149 -111.43208291 164.4338367 -123.7175293 169.66677856 C-135.58233052 174.71868928 -147.47154346 179.70239669 -159.39624023 184.61132812 C-171.9773342 189.79809143 -184.49693003 195.12796338 -197.01817322 200.45710754 C-201.52624097 202.37520294 -206.03731154 204.28605896 -210.55078125 206.19140625 C-212.31578979 206.93668579 -212.31578979 206.93668579 -214.11645508 207.69702148 C-216.29181954 208.61510409 -218.46741874 209.53263081 -220.64331055 210.44946289 C-221.61695557 210.86059326 -222.59060059 211.27172363 -223.59375 211.6953125 C-224.51285156 212.08106445 -225.43195313 212.46681641 -226.37890625 212.86425781 C-228.08944702 213.60544966 -229.78615236 214.37968293 -231.46484375 215.19042969 C-232.22925781 215.55813477 -232.99367188 215.92583984 -233.78125 216.3046875 C-234.43158203 216.63194824 -235.08191406 216.95920898 -235.75195312 217.29638672 C-240.16093006 218.6763467 -243.79820449 218.51854318 -248.02832031 216.69335938 C-249.03475586 216.08298828 -250.04119141 215.47261719 -251.078125 214.84375 C-251.91839989 214.34316826 -251.91839989 214.34316826 -252.77565002 213.83247375 C-254.60930503 212.73569182 -256.42924351 211.6180396 -258.25 210.5 C-259.54034508 209.72333183 -260.83162113 208.94820848 -262.1237793 208.17456055 C-264.78483884 206.57871432 -267.4409377 204.97506759 -270.09326172 203.36474609 C-275.97144402 199.79967777 -281.89427068 196.31055698 -287.8125 192.8125 C-290.04431119 191.48834927 -292.27608241 190.16413116 -294.5078125 188.83984375 C-306.83533497 181.5377054 -319.22989972 174.34961946 -331.62109375 167.15625 C-332.70946533 166.52348145 -333.79783691 165.89071289 -334.91918945 165.23876953 C-336.99878889 164.02974797 -339.07930165 162.8222955 -341.16088867 161.61669922 C-343.78258952 160.09192646 -346.39271945 158.54925366 -349 157 C-349.66225586 156.62262695 -350.32451172 156.24525391 -351.00683594 155.85644531 C-352.6796875 154.8515625 -352.6796875 154.8515625 -355 153 C-355 151.68 -355 150.36 -355 149 C-341.76802039 143.1033927 -328.49466771 137.3272477 -315.125 131.75 C-303.93230499 127.08038747 -292.76766369 122.35031509 -281.625 117.5625 C-269.26665355 112.2530973 -256.89552597 106.97529003 -244.51016235 101.72921753 C-236.60285551 98.37977481 -228.7002384 95.02034096 -220.8125 91.625 C-210.37147418 87.13317923 -199.88831099 82.74184237 -189.40951538 78.33911133 C-177.45997805 73.31690821 -165.5332631 68.24425813 -153.625 63.125 C-144.24975594 59.09471204 -134.86819126 55.08686569 -125.4375 51.1875 C-114.39452128 46.62066296 -103.41691968 41.90445373 -92.4375 37.1875 C-79.95756937 31.82638169 -67.47012449 26.48688489 -54.9375 21.25 C-43.84129657 16.61327711 -32.7588105 11.94581518 -21.6875 7.25 C-20.95788055 6.94082642 -20.22826111 6.63165283 -19.47653198 6.31311035 C-17.42545094 5.44384364 -15.374761 4.5736618 -13.32421875 3.703125 C-12.14947998 3.20458008 -10.97474121 2.70603516 -9.7644043 2.19238281 C-6.07185971 0.59966112 -4.05501851 -0.10671101 0 0 Z ' transform='translate(912,434)'/><path fill='#000000' d='M0 0 C0 37.29 0 74.58 0 113 C-5.73256379 114.14651276 -6.3568562 113.68284594 -11.12890625 110.80078125 C-11.71128555 110.4545723 -12.29366486 110.10836334 -12.89369202 109.75166321 C-14.79181653 108.61884171 -16.67686071 107.46596191 -18.5625 106.3125 C-19.87663606 105.52323436 -21.19158445 104.73531975 -22.50732422 103.94873047 C-25.75948646 102.00043882 -29.00192224 100.03662386 -32.24139404 98.06732178 C-35.55866049 96.05402783 -38.88911053 94.0627264 -42.21777344 92.06835938 C-43.81722924 91.10933476 -45.41554657 90.14840874 -47.01269531 89.18554688 C-53.37138564 85.35501054 -59.78803095 81.63055827 -66.22045898 77.92553711 C-70.90418889 75.22430233 -75.56031154 72.48438698 -80.1875 69.6875 C-87.02289039 65.55714207 -93.91421882 61.52429387 -100.8125 57.5 C-101.88201904 56.87569092 -102.95153809 56.25138184 -104.0534668 55.6081543 C-108.9684481 52.69735048 -108.9684481 52.69735048 -114 50 C-113.72729492 48.11889648 -113.72729492 48.11889648 -113 46 C-111.43481445 44.92602539 -111.43481445 44.92602539 -109.36328125 44.09765625 C-108.57445557 43.7718457 -107.78562988 43.44603516 -106.97290039 43.11035156 C-106.09496826 42.76456055 -105.21703613 42.41876953 -104.3125 42.0625 C-102.37964046 41.26830774 -100.44738298 40.47264916 -98.515625 39.67578125 C-97.46568359 39.2473291 -96.41574219 38.81887695 -95.33398438 38.37744141 C-90.01013068 36.17788205 -84.7322805 33.87379567 -79.45169067 31.57269287 C-76.89443706 30.45907616 -74.33528356 29.34986174 -71.77613831 28.24060059 C-67.24286614 26.275631 -62.71055527 24.30844414 -58.17822266 22.34130859 C-57.55289139 22.06992065 -56.92756012 21.79853271 -56.28327942 21.5189209 C-55.02421669 20.97249738 -53.76517331 20.42602929 -52.50614929 19.8795166 C-49.39475005 18.52930053 -46.28256316 17.18095345 -43.16870117 15.83642578 C-41.93536736 15.30374973 -40.70205029 14.77103491 -39.46875 14.23828125 C-38.859814 13.97527222 -38.25087799 13.71226318 -37.62348938 13.44128418 C-33.74939473 11.76513824 -29.8844287 10.06940067 -26.02438354 8.36116028 C-23.43148693 7.21545577 -20.83475501 6.07862218 -18.23736572 4.94314575 C-16.41495717 4.14255337 -14.59778679 3.33007071 -12.78076172 2.51733398 C-11.68521973 2.03981689 -10.58967773 1.5622998 -9.4609375 1.0703125 C-8.49978027 0.64508301 -7.53862305 0.21985352 -6.54833984 -0.21826172 C-4 -1 -4 -1 0 0 Z ' transform='translate(838,637)'/></g></svg>","preview_image":"https://flowkit-ui.vzkiss.com/og/docs/image.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":11,"open_issues":1,"last_commit":"2026-04-22T20:11:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://flowkit-ui.vzkiss.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://flowkit-ui.vzkiss.com/r/registry.json","install_bun":"bunx shadcn@latest add https://flowkit-ui.vzkiss.com/r/registry.json","clone":"git clone https://github.com/vzkiss/flowkit-ui.git","clone_degit":"npx degit vzkiss/flowkit-ui","registry_fetch":"curl -s https://flowkit-ui.vzkiss.com/r/registry.json"},"component_count":1,"components":[{"name":"creatable-combobox","title":"Creatable Combobox","description":"Combobox with creatable items, built on Base UI and shadcn-style primitives (combobox, input group, button).","type":"registry:component","source_url":"https://flowkit-ui.vzkiss.com/r/creatable-combobox.json","install_command":"npx shadcn@latest add https://flowkit-ui.vzkiss.com/r/creatable-combobox.json"}]},{"id":"fluid","name":"@fluid","slug":"fluid","description":"Fluid Functionalism is a ~22-component shadcn registry focused on motion-as-information: every animation makes a state change legible rather than decorative. Components use Framer Motion springs, proximity-hover highlights, and font-weight transitions. Notable AI-oriented components include ThinkingIndicator (morphing SVG status), ThinkingSteps (chain-of-thought display), InputMessage (auto-resizing chat composer), and AskUserQuestions (stepped single/multi-select question flow). Also includes accordion, badge, button, checkbox-group, color-picker (HEX/RGB/HSL/OKLCH, eyedropper), dialog, dropdown, input-group, radio-group, select, slider, surfaces (8 elevation levels), switch, table, tabs, tabs-subtle, and tooltip. Built on Radix UI, Tailwind CSS v4, and React 19. Free, MIT licensed. Use for: building AI chat and agent interfaces where interaction feedback needs to feel calm and precise, or adding a spring-physics design language to a shadcn project.","author":"mickadesign","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","buttons","cards","charts","dashboard","forms","hooks","icons","media","mobile","navigation","overlays","tables"],"categories":["AI/chat UI"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://www.fluidfunctionalism.com","github":"https://github.com/mickadesign/fluid-functionalism","registry":"https://www.fluidfunctionalism.com/r/registry.json","source":"https://www.fluidfunctionalism.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/fluid","markdown":"https://sh4dcn.netlify.app/md/fluid.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='8' fill='var(--foreground)'/><text x='20' y='26' text-anchor='middle' font-size='20' font-weight='700' font-family='system-ui' fill='var(--background)'>F</text></svg>","preview_image":"https://www.fluidfunctionalism.com/metadata/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1104,"open_issues":20,"last_commit":"2026-10-27T04:31:46Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.fluidfunctionalism.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.fluidfunctionalism.com/r/registry.json","clone":"git clone https://github.com/mickadesign/fluid-functionalism.git","clone_degit":"npx degit mickadesign/fluid-functionalism","registry_fetch":"curl -s https://www.fluidfunctionalism.com/r/registry.json"},"component_count":84,"components":[{"name":"surfaces","title":"Surfaces","description":"Eight-level surface and shadow ladder for elevation. Light: two color steps then flat white, differentiated by shadow. Dark: additive white-opacity ladder with…","type":"registry:theme","source_url":"https://www.fluidfunctionalism.com/r/surfaces.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/surfaces.json"},{"name":"tokens","title":"Interaction Tokens","description":"Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-active), the selected fill, the see-through secondary-button tint (--tint…","type":"registry:theme","source_url":"https://www.fluidfunctionalism.com/r/tokens.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tokens.json"},{"name":"type-scale","title":"Type Scale","description":"Six type roles (display, title, subtitle, body, caption, micro), each a font size and a line height, at the default and compact steps of the size ladder. Adds …","type":"registry:item","source_url":"https://www.fluidfunctionalism.com/r/type-scale.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/type-scale.json"},{"name":"typography","title":"Typography","description":"The type scale and prose styles in one install. size-context brings the 6 roles, typeClass(), and the --fs-* / --lh-* tokens; the prose styles set rendered mar…","type":"registry:item","source_url":"https://www.fluidfunctionalism.com/r/typography.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/typography.json"},{"name":"utils","title":"Utilities","description":"Utility function for merging Tailwind CSS classes with clsx and tailwind-merge.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/utils.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/utils.json"},{"name":"springs","title":"Spring Animations","description":"Spring animation token presets for Motion (fast, moderate, slow).","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/springs.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/springs.json"},{"name":"font-weight","title":"Font Weight Tokens","description":"Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variation-settings.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/font-weight.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/font-weight.json"},{"name":"surface-context","title":"Surface Context","description":"React context that tracks the current substrate elevation level. Elevated components (Dropdown, Select, etc.) read it via useSurface() and render at substrate …","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/surface-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/surface-context.json"},{"name":"surface-classes","title":"Surface Class Lookup","description":"Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tailwind v4 cannot detect template-literal class names.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/surface-classes.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/surface-classes.json"},{"name":"elevated","title":"Elevated","description":"Elevation primitive. Wraps the read-substrate / compute-level / apply-classes / re-provide-context pattern into one component. Pulls in the surface theme token…","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/elevated.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/elevated.json"},{"name":"popup","title":"Popup chrome","description":"Shared popup chrome for the dropdown, select, and combobox popups: side-aware enter/exit motion classes driven by the positioner's resolved data-side, the Scro…","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/popup.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/popup.json"},{"name":"omit","title":"Omit","description":"Copies an object without the given keys. Components use it to drop props before spreading the rest onto an element, without leaving unused bindings behind.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/omit.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/omit.json"},{"name":"shape-context","title":"Shape Context","description":"React context provider for runtime shape variant switching (pill or rounded). Controls border-radius across all Fluid Functionalism components.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/shape-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/shape-context.json"},{"name":"size-context","title":"Size Context","description":"React context provider for the two-step size ladder (36px default, 28px compact). Controls control heights, text, icon, and padding scale across all Fluid Func…","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/size-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/size-context.json"},{"name":"icon-context","title":"Icon Context","description":"Named icon slots with a Lucide default set; swap any icon via IconProvider.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/icon-context.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icon-context.json"},{"name":"icons-tabler","title":"Tabler Icon Set","description":"Tabler glyphs for every icon slot the components look up. Pass the map to IconProvider (or FluidProvider's icons prop) and every component draws Tabler.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/icons-tabler.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icons-tabler.json"},{"name":"icons-phosphor","title":"Phosphor Icon Set","description":"Phosphor glyphs for every icon slot the components look up. Pass the map to IconProvider (or FluidProvider's icons prop) and every component draws Phosphor.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/icons-phosphor.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icons-phosphor.json"},{"name":"icons-hugeicons","title":"HugeIcons Icon Set","description":"HugeIcons glyphs for every icon slot the components look up. Pass the map to IconProvider (or FluidProvider's icons prop) and every component draws HugeIcons.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/icons-hugeicons.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icons-hugeicons.json"},{"name":"icons-untitledui","title":"Untitled UI Icon Set","description":"Untitled UI glyphs for every icon slot the components look up. Pass the map to IconProvider (or FluidProvider's icons prop) and every component draws Untitled …","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/icons-untitledui.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icons-untitledui.json"},{"name":"fluid-provider","title":"Fluid Provider","description":"One wrapper for the whole system: reduced motion that follows the OS, the radius (rounded or pill), the size step (default or compact), and the icon set.","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/fluid-provider.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/fluid-provider.json"},{"name":"use-fluid-hover","title":"useFluidHover + FluidHoverHighlight","description":"Fluid hover: the hook that tracks the item nearest the cursor within a container, and the one highlight component that springs between the rects it measures.","type":"registry:hook","source_url":"https://www.fluidfunctionalism.com/r/use-fluid-hover.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/use-fluid-hover.json"},{"name":"use-touch-primary","title":"useTouchPrimary","description":"Detects touch-primary devices (coarse pointer + touch points), updating live on pointer-mode and media-query changes. Adapted from Lina (https://lina.sameer.sh…","type":"registry:hook","source_url":"https://www.fluidfunctionalism.com/r/use-touch-primary.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/use-touch-primary.json"},{"name":"use-keyboard-nav-gate","title":"useKeyboardNavGate","description":"Gates a popup's keyboard focus ring on keyboard use: seeded at open from the focused element's :focus-visible state, then earned by navigation keys inside the …","type":"registry:hook","source_url":"https://www.fluidfunctionalism.com/r/use-keyboard-nav-gate.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/use-keyboard-nav-gate.json"},{"name":"use-merge-split","title":"useMergeSplitBlocks","description":"React hook + renderer for the selected-background merge/split animation. When one row bridges or splits two contiguous selected runs, their inner edges glide t…","type":"registry:hook","source_url":"https://www.fluidfunctionalism.com/r/use-merge-split.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/use-merge-split.json"},{"name":"accordion","title":"Accordion","description":"Collapsible accordion with animated height transitions, spring-animated chevron, and fluid hover in grouped mode. Built on Radix UI Accordion.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/accordion.json"},{"name":"base/accordion","title":"Accordion (Base UI)","description":"Collapsible accordion with animated height transitions, spring-animated chevron, and fluid hover in grouped mode. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/accordion.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/accordion.json"},{"name":"ask-user-questions","title":"Ask User Questions","description":"Stepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text input, optional skip, fluid hover, and multi…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/ask-user-questions.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/ask-user-questions.json"},{"name":"badge","title":"Badge","description":"Compact label with solid and dot variants, Tailwind color palette, and three sizes.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/badge.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/badge.json"},{"name":"banner","title":"Banner","description":"Status message built from parts (Banner, BannerTitle, BannerDescription, BannerActions, BannerAction): 5 statuses (filled glyphs for info, success, warning and…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/banner.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/banner.json"},{"name":"button","title":"Button","description":"Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/button.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/button.json"},{"name":"base/button","title":"Button (Base UI)","description":"Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/button.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/button.json"},{"name":"dropdown","title":"Dropdown","description":"Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select.…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/dropdown.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dropdown.json"},{"name":"base/dropdown","title":"Dropdown","description":"Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select.…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/dropdown.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/dropdown.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Animated checkbox group with fluid hover, contiguous selection merging, and spring-animated check marks. Built on Radix UI Checkbox.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/checkbox-group.json"},{"name":"base/checkbox-group","title":"Checkbox Group (Base UI)","description":"Animated checkbox group with fluid hover, contiguous selection merging, and spring-animated check marks. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/checkbox-group.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/checkbox-group.json"},{"name":"radio-group","title":"Radio Group","description":"Animated radio group with fluid hover, spring-animated selection dot, and optional Radix UI integration. Supports both controlled index and value-based APIs.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/radio-group.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/radio-group.json"},{"name":"base/radio-group","title":"Radio Group (Base UI)","description":"Animated radio group with fluid hover, spring-animated selection dot. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/radio-group.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/radio-group.json"},{"name":"dialog","title":"Dialog","description":"Animated modal dialog with spring-based scale and opacity transitions in three widths (sm, lg, and an xl canvas for composed layouts such as a sidebar), plus a…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/dialog.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dialog.json"},{"name":"base/dialog","title":"Dialog (Base UI)","description":"Animated modal dialog with spring-based scale and opacity transitions in three widths (sm, lg, and an xl canvas for composed layouts such as a sidebar), plus a…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/dialog.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/dialog.json"},{"name":"mobile-drawer","title":"Mobile Drawer","description":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Radix flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/mobile-drawer.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/mobile-drawer.json"},{"name":"base/mobile-drawer","title":"Mobile Drawer","description":"Slide-in navigation drawer with scrim, focus trap, and scroll lock. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/mobile-drawer.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/mobile-drawer.json"},{"name":"input-copy","title":"Input Copy","description":"Read-only input with a copy-to-clipboard button and animated check feedback. Supports optional label and shape context.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/input-copy.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/input-copy.json"},{"name":"input-group","title":"Input Group","description":"Grouped input fields with fluid hover highlighting, animated label transitions, optional icons, and error states.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/input-group.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/input-group.json"},{"name":"input-message","title":"Input Message","description":"Chat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible left/right action slots, and a built-in se…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/input-message.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/input-message.json"},{"name":"file-thumbnail","title":"File Thumbnail","description":"Read-only square preview of a File. Images render via object-cover; PDFs render their first page via pdfjs; a spinner shows while either resolves. Adapts its c…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/file-thumbnail.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/file-thumbnail.json"},{"name":"queued-stack","title":"Queued message stack","description":"Sonner-style stack of queued composer messages: collapsed cards fan out on hover (tap on touch), drag to reorder, a gutter arrow counts the overflow, edit/remo…","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/queued-stack.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/queued-stack.json"},{"name":"chat-message","title":"Chat Message","description":"A single chat transcript entry with baked-in entrance and layout motion. Right-aligned accent bubble for the user, left-aligned muted bubble for the assistant,…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/chat-message.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/chat-message.json"},{"name":"tabs-subtle","title":"Tabs Subtle","description":"Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid font-weight transitions. Radix flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/tabs-subtle.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tabs-subtle.json"},{"name":"base/tabs-subtle","title":"Tabs Subtle","description":"Horizontal tab navigation with fluid hover, animated pill selection indicator, and fluid font-weight transitions. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/tabs-subtle.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/tabs-subtle.json"},{"name":"switch","title":"Switch","description":"Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Built on Radix UI Switch.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/switch.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/switch.json"},{"name":"base/switch","title":"Switch (Base UI)","description":"Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/switch.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/switch.json"},{"name":"carousel-dots","title":"Carousel Dots","description":"Carousel dots, static or on autoplay: fluid-hover click areas, and a current pill that fills over each slide's duration.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/carousel-dots.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/carousel-dots.json"},{"name":"table","title":"Table","description":"Animated table with fluid hover row highlighting and fluid border transitions. Includes TableHeader, TableBody, TableRow, TableHead, and TableCell sub-componen…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/table.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/table.json"},{"name":"card","title":"Card","description":"shadcn's compositional card (Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with the Fluid Functionalism layer: transparent…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/card.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/card.json"},{"name":"sidebar","title":"Sidebar","description":"Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mobile drawer, cookie-persisted state, keyboard shortcut, and fluid-hov…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/sidebar.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar.json"},{"name":"base/sidebar","title":"Sidebar","description":"Refined, composable app sidebar with offcanvas collapse, floating and inset variants, a mobile drawer, cookie-persisted state, keyboard shortcut, and fluid-hov…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/sidebar.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/sidebar.json"},{"name":"sidebar-menu-grid","title":"Sidebar Menu Grid","description":"Shared popup geometry for sidebar-anchored dropdown menus: trigger width +10px shifted -4px, items on the rows' leading and text axes, trailing glyphs on the t…","type":"registry:lib","source_url":"https://www.fluidfunctionalism.com/r/sidebar-menu-grid.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar-menu-grid.json"},{"name":"sidebar-workspace-header","title":"Sidebar Workspace Header","description":"Workspace brand row for a sidebar header: 20px tile on the rows' leading axis, name pinned to the 32px text axis, trigger cross-fading into the tile's slot whi…","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/sidebar-workspace-header.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar-workspace-header.json"},{"name":"sidebar-user-footer","title":"Sidebar User Footer","description":"Footer identity row: a 20px avatar centred on the rows' leading icon axis, chevron on the trailing action axis, and an upward user menu on the shared sidebar g…","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/sidebar-user-footer.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar-user-footer.json"},{"name":"sidebar-search-field","title":"Sidebar Search Field","description":"Header search on the menu rows' rhythm: leading icon on the rows' 16px axis, text on the 32px axis, and a hover-revealed keystroke chip at the trailing edge.","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/sidebar-search-field.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar-search-field.json"},{"name":"sidebar-inset-topbar","title":"Sidebar Inset Topbar","description":"The main region's topbar: h-12 with the trigger that hides while the rail peeks and fades back in at its settled spot after a pin.","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/sidebar-inset-topbar.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar-inset-topbar.json"},{"name":"sidebar-app","title":"App Sidebar","description":"A complete app shell: workspace header with the peek cross-fade, search on the menu rows' rhythm with a hover-revealed shortcut chip, collapsible sections with…","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/sidebar-app.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/sidebar-app.json"},{"name":"dialog-sidebar","title":"Settings Dialog (Sidebar in a Dialog)","description":"A settings dialog: the xl Dialog as a canvas, a non-collapsing Sidebar of sections down its left edge, and a scrolling panel of controls — switches, selects, a…","type":"registry:block","source_url":"https://www.fluidfunctionalism.com/r/dialog-sidebar.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/dialog-sidebar.json"},{"name":"slider","title":"Slider","description":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Built on Radix UI Slider.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/slider.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/slider.json"},{"name":"base/slider","title":"Slider (Base UI)","description":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/slider.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/slider.json"},{"name":"tabs","title":"Tabs","description":"Segmented control tabs with sliding active indicator, fluid hover, and spring animations. Built on Radix UI Tabs.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tabs.json"},{"name":"base/tabs","title":"Tabs (Base UI)","description":"Segmented control tabs with sliding active indicator, fluid hover, and spring animations. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/tabs.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/tabs.json"},{"name":"thinking-indicator","title":"Thinking Indicator","description":"Animated loading indicator with morphing SVG path (circle to infinity loop) and shimmer text rotation. Cycles through customizable status words.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/thinking-indicator.json"},{"name":"reveal","title":"Reveal","description":"Page reveals in 1 class, on the existing spring tiers: slow for landing, moderate for product. .reveal-landing for a page read once: the hero rises and scales …","type":"registry:item","source_url":"https://www.fluidfunctionalism.com/r/reveal.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/reveal.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on to…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/scroll-area.json"},{"name":"base/scroll-area","title":"Scroll Area (Base UI)","description":"Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on to…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/scroll-area.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/scroll-area.json"},{"name":"select","title":"Select","description":"Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-animated popover, and animated checkmark. Radix flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/select.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/select.json"},{"name":"base/select","title":"Select","description":"Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-animated popover, and animated checkmark. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/select.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/select.json"},{"name":"combobox","title":"Combobox","description":"Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) selection: a text field that filters a list as you type, with keyboard hi…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/combobox.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/combobox.json"},{"name":"base/combobox","title":"Combobox","description":"Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) selection: a text field that filters a list as you type, with keyboard hi…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/combobox.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/combobox.json"},{"name":"command-menu","title":"Command Menu","description":"Search field over a list of actions: type to filter, arrows to move the fluid hover highlight, Enter to run. Grouped rows with icons, descriptions, and shortcu…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/command-menu.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/command-menu.json"},{"name":"calendar","title":"Calendar","description":"Month grid on DayPicker v10 for a single day or a range: one fluid hover highlight across one or two months that follows keyboard focus, a range band that prev…","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/calendar.json"},{"name":"date-picker","title":"Date Picker","description":"Field or ghost trigger for a date, a range, or a date and a time: a calendar popover that opens on the selected day, optional range presets, and editable time …","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/date-picker.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/date-picker.json"},{"name":"base/date-picker","title":"Date Picker","description":"Field or ghost trigger for a date, a range, or a date and a time: a calendar popover that opens on the selected day, optional range presets, and editable time …","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/date-picker.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/date-picker.json"},{"name":"tooltip","title":"Tooltip","description":"Floating tooltip with spring-based animations, configurable placement, and rich content support.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/tooltip.json"},{"name":"base/tooltip","title":"Tooltip (Base UI)","description":"Floating tooltip with spring-based animations, configurable placement, and rich content support. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/tooltip.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/tooltip.json"},{"name":"thinking-steps","title":"Thinking Steps","description":"Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Radix flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/thinking-steps.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/thinking-steps.json"},{"name":"base/thinking-steps","title":"Thinking Steps","description":"Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Base UI flavor.","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/base/thinking-steps.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/base/thinking-steps.json"},{"name":"color-picker","title":"Color Picker","description":"Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on Base UI's Popover, Menu, and NumberField …","type":"registry:ui","source_url":"https://www.fluidfunctionalism.com/r/color-picker.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/color-picker.json"}]},{"id":"flx","name":"@flx","slug":"flx","description":"Flexnative (flx) is an open-source library of UI blocks and patterns for product interfaces, built on shadcn/ui and Tailwind CSS. Blocks cover page sections — hero, content, carousel, showcase, bento-grids, logos, testimonials, scroll effects, and sticky-scroll-media. Patterns provide smaller UI compositions: avatar, breadcrumb, button, dialog, input, item, popover, select, tabs, and tooltip. All components include interactive live previews and are copy-paste installable via the shadcn registry. Free, MIT licensed. Use for: assembling SaaS or product marketing pages quickly by combining pre-built page sections with composable UI patterns, without starting layout from zero.","author":"felipemenezes098","framework":"react","license":"AGPL-3.0","tags":["animation","blocks","buttons","cards","forms","icons","marketing","media","navigation","overlays","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","recently-updated"],"urls":{"website":"https://ui.flexnative.com","github":"https://github.com/felipemenezes098/ui-flx","registry":"https://ui.flexnative.com/r/registry.json","source":"https://ui.flexnative.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/flx","markdown":"https://sh4dcn.netlify.app/md/flx.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid meet' viewBox='395.17 381.07 217.75 213.93' fill='currentColor'><g transform='translate(0.000000,1024.000000) scale(0.100000,-0.100000)' stroke='none'><path d='M5035 6237 c-160 -105 -427 -282 -595 -391 -168 -110 -317 -211 -332 -225 -55 -49 -24 -141 47 -141 25 0 285 168 1202 774 70 46 88 78 71 126 -5 17 -18 35 -28 40 -46 25 -73 11 -365 -183z'/><path d='M5970 6353 c-64 -43 -1062 -699 -1575 -1036 -192 -126 -361 -240 -374 -253 -36 -34 -34 -89 4 -121 19 -17 37 -23 54 -21 14 3 329 205 698 449 370 244 819 540 998 658 179 117 332 223 340 234 22 32 18 75 -10 102 -34 35 -71 32 -135 -12z'/><path d='M5874 5761 c-105 -70 -913 -603 -1653 -1090 -276 -181 -288 -193 -258 -256 17 -36 50 -51 89 -41 13 3 220 135 460 293 241 158 676 445 967 636 658 432 611 399 611 441 0 19 -3 42 -6 51 -7 17 -54 45 -77 45 -8 0 -68 -36 -133 -79z'/><path d='M5614 5087 c-187 -123 -483 -317 -659 -431 -176 -114 -330 -219 -342 -232 -46 -51 -11 -134 55 -134 31 0 51 13 702 440 179 117 395 259 481 316 86 56 166 113 178 125 21 22 27 62 15 94 -7 17 -54 45 -77 45 -8 0 -167 -100 -353 -223z'/></g></svg>","preview_image":"https://ui.flexnative.com/og?title=Open+source+shadcn%2Fui+blocks+for+landing+pages&amp;description=Copy+a+prompt+into+your+AI+agent%2C+or+add+it+with+the+shadcn+CLI.+The+code+is+yours.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":44,"open_issues":0,"last_commit":"2026-10-25T22:03:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.flexnative.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.flexnative.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.flexnative.com/r/registry.json","clone":"git clone https://github.com/felipemenezes098/ui-flx.git","clone_degit":"npx degit felipemenezes098/ui-flx","registry_fetch":"curl -s https://ui.flexnative.com/r/registry.json"},"component_count":250,"components":[{"name":"bento-grids-01","title":"Bento grids 01","description":"Three-column bento: primary tile (two-thirds) with title, description, CTA and media, plus supporting image cards.","type":"registry:block","source_url":"https://ui.flexnative.com/r/bento-grids-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-01.json"},{"name":"bento-grids-02","title":"Bento grids 02","description":"A row of collection cards, one twice as wide, each with a product photo bleeding off the top, a title, a short description and a link.","type":"registry:block","source_url":"https://ui.flexnative.com/r/bento-grids-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-02.json"},{"name":"bento-grids-03","title":"Bento grids 03","description":"A product grid with a tall featured item in the center, four smaller items around it, category badges, prices and names.","type":"registry:block","source_url":"https://ui.flexnative.com/r/bento-grids-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-03.json"},{"name":"bento-grids-04","title":"Bento grids 04","description":"Two stacked cards with a two-tone title, a paragraph and a pill button beside a product photo surrounded by short feature callouts on a faint grid.","type":"registry:block","source_url":"https://ui.flexnative.com/r/bento-grids-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-04.json"},{"name":"bento-grids-05","title":"Bento grids 05","description":"A mosaic of rounded tiles that mixes photos with two short text tiles, one with a detail photo at its base and one wide photo as the closing tile.","type":"registry:block","source_url":"https://ui.flexnative.com/r/bento-grids-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-05.json"},{"name":"bento-grids-06","title":"Bento grids 06","description":"A brand mosaic of square tiles around one large central photo, mixing photographs with spaced-out taglines and a small mark.","type":"registry:block","source_url":"https://ui.flexnative.com/r/bento-grids-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/bento-grids-06.json"},{"name":"content-06","title":"Content 06","description":"Two-column split with serif headline, supporting copy, optional CTA, and a media panel.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-06.json"},{"name":"content-02","title":"Content 02","description":"A grid of media cards with a section header and item details below each image.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-02.json"},{"name":"content-07","title":"Content 07","description":"Two-column grid with serif header, media on top, copy, and optional CTA per column.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-07.json"},{"name":"content-04","title":"Content 04","description":"Two-column card grid with a serif section header and copy above each image.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-04.json"},{"name":"content-11","title":"Content 11","description":"A billing overview split with a dashboard preview card and two feature highlights, built for the app-shell preset.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-11.json"},{"name":"content-12","title":"Content 12","description":"A centered section header with supporting copy and a CTA, followed by two large side-by-side photos.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-12.json"},{"name":"content-13","title":"Content 13","description":"An editorial layout with a large photo, a short title and paragraph beside it, and two smaller photos offset below.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-13.json"},{"name":"content-14","title":"Content 14","description":"A two-weight studio title with a short intro and link beside a square photo, followed by a bordered row of client marks.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-14.json"},{"name":"content-15","title":"Content 15","description":"A labeled collection intro with a short headline, a row of three product photos with names, and a CTA, framed by thin rules.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-15.json"},{"name":"content-16","title":"Content 16","description":"A large square photo with a thin circular guide and crosshair, a smaller photo beside it and a short title with a paragraph on the side.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-16.json"},{"name":"content-17","title":"Content 17","description":"A short headline above two photos staggered on a diagonal, one landscape on the left and one portrait lower on the right.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-17.json"},{"name":"content-18","title":"Content 18","description":"A centered headline over a wide photo with a text and link card in its corner, beside a short paragraph and a tall photo.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-18.json"},{"name":"content-19","title":"Content 19","description":"A journal index with a small label and title, a large photo, three short articles with thumbnails and a tall photo in an offset grid.","type":"registry:block","source_url":"https://ui.flexnative.com/r/content-19.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/content-19.json"},{"name":"cta-01","title":"Call to Action 01","description":"A centered text block with a title, description, and CTA.","type":"registry:block","source_url":"https://ui.flexnative.com/r/cta-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/cta-01.json"},{"name":"cta-02","title":"Call to Action 02","description":"An oversized two-word headline split around a full-bleed photo, with a bracketed call to action at its center.","type":"registry:block","source_url":"https://ui.flexnative.com/r/cta-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/cta-02.json"},{"name":"feature-01","title":"Feature 01","description":"List of items: select one to reveal its description and media.","type":"registry:block","source_url":"https://ui.flexnative.com/r/feature-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/feature-01.json"},{"name":"feature-02","title":"Feature 02","description":"A process section with a split title/description header and a portrait image flanked by two columns of numbered step cards.","type":"registry:block","source_url":"https://ui.flexnative.com/r/feature-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/feature-02.json"},{"name":"feature-03","title":"Feature 03","description":"A sticky title/description column paired with a scrolling list of features, each with its own title, description, and media.","type":"registry:block","source_url":"https://ui.flexnative.com/r/feature-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/feature-03.json"},{"name":"feature-04","title":"Feature 04","description":"A title with a two-column list of ruled milestones below it, beside a tall photo.","type":"registry:block","source_url":"https://ui.flexnative.com/r/feature-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/feature-04.json"},{"name":"feature-05","title":"Feature 05","description":"A centered product title over three icon features, a large product photo and a product card with finish swatches and a CTA.","type":"registry:block","source_url":"https://ui.flexnative.com/r/feature-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/feature-05.json"},{"name":"feature-06","title":"Feature 06","description":"A short title and a numbered list of four features beside a large photo overlapped by a smaller one.","type":"registry:block","source_url":"https://ui.flexnative.com/r/feature-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/feature-06.json"},{"name":"hero-01","title":"Hero 01","description":"A centered serif hero with a soft gradient wash, pill CTA, and a floating integration cloud.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-01.json"},{"name":"hero-02","title":"Hero 02","description":"A left-aligned serif hero with a media panel: an image backdrop with a floating dashboard mockup on top.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-02.json"},{"name":"hero-03","title":"Hero 03","description":"A centered hero with dual CTAs and an image that fades into the page below the copy.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-03.json"},{"name":"hero-04","title":"Hero 04","description":"A two-column editorial hero with a soft background wash and a layered collage of two overlapping images.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-04.json"},{"name":"hero-05","title":"Hero 05","description":"An editorial hero with a left tagline, right-aligned headline and copy, and a full-width image below.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-05.json"},{"name":"hero-06","title":"Hero 06","description":"A split product hero with dual CTA, a compact logo row, and the Spot 01 illustration.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-06.json"},{"name":"hero-07","title":"Hero 07","description":"An editorial hero with a full-width image above, a top-aligned tagline, and right-aligned headline and copy below.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-07.json"},{"name":"hero-08","title":"Hero 08","description":"A split hero with a bold headline, avatar social proof, and two image cards with invertible overlay text and CTAs.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-08.json"},{"name":"hero-09","title":"Hero 09","description":"A centered real-estate hero with a search bar, a masked architecture image that fades into the page, and a split closing statement.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-09.json"},{"name":"hero-10","title":"Hero 10","description":"A centered hero with a highlighted headline, dual CTAs, social proof, and a fanned collage of three overlapping images.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-10.json"},{"name":"hero-11","title":"Hero 11","description":"A split-copy hero with a light product studio mock — issue feed, properties, and a floating agent panel that fades into the page.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-11.json"},{"name":"hero-12","title":"Hero 12","description":"A full-bleed image hero with an oversized name, an established label, and a floating pill CTA anchored to the corner.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-12.json"},{"name":"hero-13","title":"Hero 13","description":"Asymmetric editorial hero with serif brand title, supporting copy, and two overlapping media frames.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-13.json"},{"name":"hero-14","title":"Hero 14","description":"A centered product hero with dual CTAs, a full-width photo with a floating block-builder demo panel, and a logo strip.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-14.json"},{"name":"hero-15","title":"Hero 15","description":"A directory-style hero with an oversized title, split intro with dual CTAs, and a row of wordmark cards with minimal imagery.","type":"registry:block","source_url":"https://ui.flexnative.com/r/hero-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/hero-15.json"},{"name":"lists-01","title":"Lists 01","description":"A filterable list of projects with a row of line tabs, then ruled rows pairing a title and meta, a short description with a pill button, and a wide photo.","type":"registry:block","source_url":"https://ui.flexnative.com/r/lists-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/lists-01.json"},{"name":"lists-02","title":"Lists 02","description":"A centered title with a year, a column of boxed tags beside a large paragraph, and a ruled description list of labelled details.","type":"registry:block","source_url":"https://ui.flexnative.com/r/lists-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/lists-02.json"},{"name":"testimonials-01","title":"Testimonials 01","description":"A single testimonial with quote, avatar, author name and role.","type":"registry:block","source_url":"https://ui.flexnative.com/r/testimonials-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/testimonials-01.json"},{"name":"accordion-01","title":"Basic","description":"Only one section open at a time, type=\"single\" collapsible. The default behavior.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-01.json"},{"name":"accordion-02","title":"Multiple","description":"type=\"multiple\" keeps several sections open at once.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-02.json"},{"name":"accordion-03","title":"With icons","description":"Leading icon beside each trigger label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-03.json"},{"name":"accordion-04","title":"FAQ","description":"A titled question-and-answer list.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-04.json"},{"name":"accordion-05","title":"Separated cards","description":"Each item is a bordered card with spacing between them.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-05.json"},{"name":"accordion-06","title":"Plus / minus icon","description":"Plus icon on each trigger that turns into a minus when open, instead of a chevron.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-06.json"},{"name":"accordion-07","title":"Left chevron","description":"Rotating chevron placed before the label instead of after it.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-07.json"},{"name":"accordion-09","title":"Rich content","description":"Lists, links, and a button inside the panel body.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-09.json"},{"name":"accordion-10","title":"Disabled item","description":"One trigger disabled while the others stay interactive.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-10.json"},{"name":"accordion-11","title":"Nested","description":"An accordion rendered inside another panel body.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-11.json"},{"name":"accordion-12","title":"Ghost","description":"Borderless minimal rows with an active color on open.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-12.json"},{"name":"accordion-13","title":"Filled trigger","description":"Each trigger sits on a muted, rounded background.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-13.json"},{"name":"accordion-14","title":"Expand all","description":"Controlled value with expand-all / collapse-all buttons.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-14.json"},{"name":"accordion-15","title":"Settings sections","description":"Grouped switch rows revealed inside each panel.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-15.json"},{"name":"accordion-16","title":"With subtitle","description":"Two-line trigger pairing a title with helper text.","type":"registry:block","source_url":"https://ui.flexnative.com/r/accordion-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/accordion-16.json"},{"name":"avatar-01","title":"Basic","description":"Image avatar with an initials fallback.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-01.json"},{"name":"avatar-02","title":"Fallback initials","description":"Missing image falls back to initials.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-02.json"},{"name":"avatar-03","title":"Icon fallback","description":"Generic user icon when there is no image or name.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-03.json"},{"name":"avatar-04","title":"Sizes","description":"Small, default, and large sizes side-by-side.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-04.json"},{"name":"avatar-05","title":"Colored fallback","description":"Tinted initials fallbacks using semantic tokens.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-05.json"},{"name":"avatar-06","title":"Status badge","description":"Presence dot in the corner showing online, away, or offline.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-06.json"},{"name":"avatar-07","title":"Badge with icon","description":"Verified check icon inside the AvatarBadge.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-07.json"},{"name":"avatar-08","title":"With name","description":"Avatar beside a name and email, forming a user row.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-08.json"},{"name":"avatar-09","title":"Group","description":"Overlapping AvatarGroup stack of members.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-09.json"},{"name":"avatar-10","title":"Group with count","description":"Overlapping group with a +N count for the remaining members.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-10.json"},{"name":"avatar-11","title":"Group with tooltip","description":"Hover each avatar in the group to reveal its name.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-11.json"},{"name":"avatar-12","title":"Loading skeleton","description":"Skeleton placeholder while the avatar loads.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-12.json"},{"name":"avatar-13","title":"Icon on top","description":"Icon badge pinned to the top-right corner.","type":"registry:block","source_url":"https://ui.flexnative.com/r/avatar-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/avatar-13.json"},{"name":"badge-01","title":"Basic","description":"A single default badge.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-01.json"},{"name":"badge-02","title":"Variants","description":"All six variants side-by-side: default, secondary, destructive, outline, ghost, link.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-02.json"},{"name":"badge-03","title":"With icon","description":"Leading verified icon before the label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-03.json"},{"name":"badge-04","title":"With status dot","description":"A colored presence dot beside an outline label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-04.json"},{"name":"badge-05","title":"Status colors","description":"Tinted success, warning, error, and info states.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-05.json"},{"name":"badge-06","title":"Count","description":"Pill-shaped numeric counts with tabular figures.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-06.json"},{"name":"badge-07","title":"As link","description":"render prop renders the badge as an anchor with a trailing icon.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-07.json"},{"name":"badge-08","title":"Removable","description":"Dismissible tag chips with a trailing remove button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-08.json"},{"name":"badge-09","title":"With avatar","description":"Assignee chip with a leading avatar inside the badge.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-09.json"},{"name":"badge-10","title":"Sizes","description":"Small, default, and large sizes via className.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-10.json"},{"name":"badge-11","title":"Trend delta","description":"Up and down arrows with tinted gain / loss percentages.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-11.json"},{"name":"badge-12","title":"Icon only","description":"Round icon-only badges across variants.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-12.json"},{"name":"badge-13","title":"Tag list","description":"A wrapping group of outline badges as tags.","type":"registry:block","source_url":"https://ui.flexnative.com/r/badge-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/badge-13.json"},{"name":"banner-01","title":"Basic","description":"Icon, message, and a subtle bordered surface.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-01.json"},{"name":"banner-02","title":"Variants","description":"Info, success, warning, and error tones stacked.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-02.json"},{"name":"banner-03","title":"Dismissible","description":"A close button hides the banner with a restore link.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-03.json"},{"name":"banner-04","title":"With actions","description":"Message paired with Later and Update now buttons.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-04.json"},{"name":"banner-06","title":"Announcement bar","description":"Full-width gradient promo with a New tag and arrow.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-06.json"},{"name":"banner-07","title":"Expandable","description":"Collapsible release notes that reveal highlights.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-07.json"},{"name":"banner-09","title":"Maintenance","description":"Amber system notice with a pulsing status dot.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-09.json"},{"name":"banner-11","title":"Email verification","description":"Blue prompt with a Resend email button that switches to a sent confirmation.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-11.json"},{"name":"banner-12","title":"Stacked","description":"A list of dismissible notices, each removed on its own.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-12.json"},{"name":"banner-14","title":"With progress","description":"Live import banner with a spinner and a progress bar.","type":"registry:block","source_url":"https://ui.flexnative.com/r/banner-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/banner-14.json"},{"name":"breadcrumb-01","title":"Basic","description":"Links with a current page and chevron separators.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-01.json"},{"name":"breadcrumb-02","title":"With icons","description":"Each crumb prefixed with a small icon, such as a house, folder, or file.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-02.json"},{"name":"breadcrumb-03","title":"Custom separator","description":"Swap the chevron for a slash via separator children.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-03.json"},{"name":"breadcrumb-04","title":"Dot separator","description":"Lighter middle dot divider between crumbs.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-04.json"},{"name":"breadcrumb-05","title":"With ellipsis","description":"Middle levels replaced by a static ellipsis icon, showing only the first and last crumbs.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-05.json"},{"name":"breadcrumb-06","title":"With dropdown","description":"Ghost icon Button opens a menu of the hidden levels.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-06.json"},{"name":"breadcrumb-07","title":"Responsive collapse","description":"Dropdown on small screens, full inline path from sm up.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-07.json"},{"name":"breadcrumb-08","title":"As link","description":"Breadcrumb links that open in a new tab, with an external-link icon on the outbound crumb.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-08.json"},{"name":"breadcrumb-09","title":"Dropdown at end","description":"Last crumb is a Button switcher for sibling pages.","type":"registry:block","source_url":"https://ui.flexnative.com/r/breadcrumb-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/breadcrumb-09.json"},{"name":"button-01","title":"Basic","description":"Default button with text label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-01.json"},{"name":"button-02","title":"Variants","description":"All six variants side-by-side: default, secondary, outline, ghost, destructive, link.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-02.json"},{"name":"button-03","title":"Sizes","description":"Extra small, small, default, and large sizes.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-03.json"},{"name":"button-04","title":"With leading icon","description":"Button with an icon placed before the text label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-04.json"},{"name":"button-05","title":"With trailing icon","description":"Button with an icon placed after the text label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-05.json"},{"name":"button-06","title":"Icon only","description":"Square icon-only buttons in every icon size.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-06.json"},{"name":"button-07","title":"Disabled","description":"Button in the disabled state, visually dimmed and non-interactive.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-07.json"},{"name":"button-08","title":"Loading","description":"Button with a spinning loader icon and label, indicating an in-progress async action.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-08.json"},{"name":"button-09","title":"As link","description":"Link-styled button that navigates to an external URL, rendered as an anchor with a trailing external-link icon.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-09.json"},{"name":"button-10","title":"With avatar","description":"User picker style button with a small avatar image leading the text label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-10.json"},{"name":"button-11","title":"Hover slide arrow","description":"CTA arrow nudges right on hover.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-11.json"},{"name":"button-12","title":"With badge","description":"Notification count badge overlapping an icon button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-12.json"},{"name":"button-13","title":"Copy to clipboard","description":"Icon and label swap to a check on copy.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-13.json"},{"name":"button-14","title":"Hover rotate refresh","description":"Refresh button whose icon rotates a full 360° on each click.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-14.json"},{"name":"button-15","title":"Hamburger toggle","description":"Three bars morph into an X on press.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-15.json"},{"name":"button-16","title":"Basic group","description":"Horizontal row of buttons with merged borders, used for segmented controls like date range pickers.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-16.json"},{"name":"button-17","title":"Vertical group","description":"Stacked column of buttons with merged borders, used for vertical navigation menus.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-17.json"},{"name":"button-18","title":"Icon toolbar","description":"Compact toolbar of icon-only buttons with merged borders, used for text formatting actions.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-18.json"},{"name":"button-20","title":"With label prefix","description":"Static text label leading a group of action buttons, useful for labelled sort or filter controls.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-20.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-20.json"},{"name":"button-21","title":"Split button","description":"Primary action button paired with a chevron that opens a dropdown of secondary actions.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-21.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-21.json"},{"name":"button-22","title":"Pagination","description":"Prev arrow, numbered page buttons, and Next arrow in a merged-border row.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-22.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-22.json"},{"name":"button-23","title":"Copy field","description":"Read-only text value paired with a trailing icon button that copies it to the clipboard, with an animated check on success.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-23.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-23.json"},{"name":"button-24","title":"Group with disabled","description":"Merged-border button row where one step is visually disabled and non-interactive.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-24.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-24.json"},{"name":"button-25","title":"Destructive pair","description":"Cancel + Delete spaced action pair.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-25.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-25.json"},{"name":"button-26","title":"With select","description":"Sort dropdown paired with a direction-toggle icon button in a merged-border row.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-26.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-26.json"},{"name":"button-27","title":"With popover swatch","description":"Color swatch button that opens a grid of color swatches, paired with a hex value label in a merged-border row.","type":"registry:block","source_url":"https://ui.flexnative.com/r/button-27.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/button-27.json"},{"name":"card-01","title":"Basic","description":"Header, action, content, and a bordered footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-01.json"},{"name":"card-02","title":"With image","description":"Top media banner above title, body, and a CTA footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-02.json"},{"name":"card-03","title":"Horizontal","description":"Image on the left beside a category, title, and link.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-03.json"},{"name":"card-04","title":"With action menu","description":"Three-dot icon button in the header corner opens a dropdown with rename, share, and delete options.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-04.json"},{"name":"card-05","title":"Stat","description":"KPI value with an icon and a tinted trend badge.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-05.json"},{"name":"card-06","title":"Login form","description":"Email and password fields with sign-in and OAuth buttons.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-06.json"},{"name":"card-07","title":"Opens in dialog","description":"A footer button launches a modal with subscription detail.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-07.json"},{"name":"card-08","title":"Profile","description":"Centered avatar, stats row, and follow / message actions.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-08.json"},{"name":"card-09","title":"Pricing","description":"Highlighted plan with a Popular badge and feature checklist.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-09.json"},{"name":"card-10","title":"Product","description":"Square image with a sale badge, price, and add-to-cart.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-10.json"},{"name":"card-11","title":"Notification settings","description":"Horizontal field rows each toggled with a switch.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-11.json"},{"name":"card-12","title":"Selectable","description":"Clickable plan cards with a ring and check on the active one.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-12.json"},{"name":"card-13","title":"Image overlay","description":"Text and a CTA over a gradient-darkened cover image.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-13.json"},{"name":"card-14","title":"Payment form","description":"Name on card, card number with icon, expiry, CVC, and country select fields with a pay button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/card-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/card-14.json"},{"name":"checkbox-01","title":"Basic","description":"Single checkbox with a label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-01.json"},{"name":"checkbox-02","title":"With description","description":"Checkbox with a label and helper description.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-02.json"},{"name":"checkbox-03","title":"Disabled","description":"Disabled unchecked and disabled checked states.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-03.json"},{"name":"checkbox-04","title":"Group","description":"Grouped list of notification checkboxes, each with a label and helper description, inside a labelled fieldset.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-04.json"},{"name":"checkbox-06","title":"Select all","description":"Parent checkbox with an indeterminate mixed state.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-06.json"},{"name":"checkbox-07","title":"Nested tree","description":"Multi-level file tree; parents derive checked / indeterminate from children.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-07.json"},{"name":"checkbox-08","title":"Choice cards","description":"Bordered add-on cards that highlight when checked.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-08.json"},{"name":"checkbox-09","title":"Payment methods","description":"Selectable saved credit cards with brand and last four.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-09.json"},{"name":"checkbox-10","title":"Table row selection","description":"Data table with a select-all header, per-row checkboxes, and a count.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-10.json"},{"name":"checkbox-11","title":"Invalid / required","description":"Checkbox with an inline error message that appears when the form is submitted without checking it.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-11.json"},{"name":"checkbox-12","title":"React Hook Form + Zod","description":"Controller binds a checkbox group to React Hook Form; Zod requires at least one selection.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-12.json"},{"name":"checkbox-13","title":"TanStack Form + Zod","description":"form.Field wires a checkbox group to TanStack Form; Zod validates on submit and shows an error when none are selected.","type":"registry:block","source_url":"https://ui.flexnative.com/r/checkbox-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/checkbox-13.json"},{"name":"collapsible-01","title":"Basic","description":"Canonical starred-repos toggle with a chevron trigger.","type":"registry:block","source_url":"https://ui.flexnative.com/r/collapsible-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-01.json"},{"name":"collapsible-02","title":"FAQ list","description":"Stacked question rows; each answer expands with an animated chevron.","type":"registry:block","source_url":"https://ui.flexnative.com/r/collapsible-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-02.json"},{"name":"collapsible-03","title":"File tree","description":"Nested folders built from collapsible rows, with folder icons that swap on open.","type":"registry:block","source_url":"https://ui.flexnative.com/r/collapsible-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-03.json"},{"name":"collapsible-04","title":"Read more","description":"Truncated paragraph reveals the rest; trigger label swaps to Show less.","type":"registry:block","source_url":"https://ui.flexnative.com/r/collapsible-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-04.json"},{"name":"collapsible-05","title":"Sidebar nav group","description":"Collapsible navigation sections with sub-items and a rotating chevron.","type":"registry:block","source_url":"https://ui.flexnative.com/r/collapsible-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-05.json"},{"name":"collapsible-06","title":"Advanced options","description":"Form reveals extra fields behind an Advanced options toggle.","type":"registry:block","source_url":"https://ui.flexnative.com/r/collapsible-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/collapsible-06.json"},{"name":"command-01","title":"Basic","description":"Canonical command menu with grouped items, icons, and shortcuts.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-01.json"},{"name":"command-02","title":"Command dialog","description":"Spotlight-style ⌘K palette toggled by a button or keyboard shortcut.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-02.json"},{"name":"command-03","title":"Global search","description":"Rich search dialog with recent, pages, and people plus a hint footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-03.json"},{"name":"command-04","title":"Async loading","description":"Debounced search with skeleton rows while loading, an empty state, and shouldFilter disabled for server-driven results.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-04.json"},{"name":"command-05","title":"Combobox","description":"Popover + Command framework picker with a check mark.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-05.json"},{"name":"command-06","title":"Combobox with clear","description":"Selected value shows an inline X that clears without reopening.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-06.json"},{"name":"command-07","title":"Multiple — chips","description":"Multi-select showing every choice as a removable badge chip in the trigger.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-07.json"},{"name":"command-14","title":"Multiple — count summary","description":"Trigger shows \"first, +N\" with a separate button to clear all.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-14.json"},{"name":"command-15","title":"Multiple — faceted filter","description":"Dashed trigger with count badges, checkbox rows, facet counts, and a clear footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-15.json"},{"name":"command-08","title":"Grouped picker","description":"Options split into labeled groups with separators, demonstrated with timezones organized by region.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-08.json"},{"name":"command-09","title":"Assignee picker","description":"Avatars with name and email subtext in the trigger and options.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-09.json"},{"name":"command-10","title":"Status picker","description":"Ghost trigger with a colored status dot, issue-tracker style.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-10.json"},{"name":"command-11","title":"With label","description":"Combobox composed with an accessible field Label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-11.json"},{"name":"command-12","title":"React Hook Form + Zod","description":"Controller binds the combobox to RHF; Zod resolver drives FieldError on submit.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-12.json"},{"name":"command-13","title":"TanStack Form + Zod","description":"form.Field wires the combobox; Zod onSubmit validator surfaces FieldError when touched.","type":"registry:block","source_url":"https://ui.flexnative.com/r/command-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/command-13.json"},{"name":"dialog-01","title":"Confirm action","description":"Polished yes/no with icon and clear hierarchy.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-01.json"},{"name":"dialog-02","title":"Edit profile","description":"FieldGroup form with Save and Cancel footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-02.json"},{"name":"dialog-03","title":"Delete account","description":"Destructive warning with icon and emphasized copy.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-03.json"},{"name":"dialog-04","title":"Terms, sticky footer","description":"Long scroll body; Accept and Decline pinned footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-04.json"},{"name":"dialog-05","title":"Share link","description":"Readonly URL with copy control; minimal footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-05.json"},{"name":"dialog-06","title":"Sticky header","description":"Header fixed; scrollable changelog-style body.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-06.json"},{"name":"dialog-08","title":"Verify code (OTP)","description":"6-digit InputOTP with separator; Verify footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-08.json"},{"name":"dialog-09","title":"Onboarding welcome","description":"Compact hero image, title, and description; dual CTAs.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-09.json"},{"name":"dialog-10","title":"Footer-only dismiss","description":"No corner close button; dismiss only through the footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-10.json"},{"name":"dialog-11","title":"Pick teammates","description":"Scrollable avatar rows with selection; Invite footer.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-11.json"},{"name":"dialog-12","title":"Success","description":"Completion check icon and Continue action.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-12.json"},{"name":"dialog-13","title":"Type to confirm","description":"Type delete to enable destructive button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-13.json"},{"name":"dialog-14","title":"Settings sections","description":"Notifications and Security blocks via Separator.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-14.json"},{"name":"dialog-15","title":"Choose image","description":"Thumbnail grid with selection ring.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-15.json"},{"name":"dialog-16","title":"Invite team","description":"Icon header plus email field.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-16.json"},{"name":"dialog-17","title":"Long form, sticky footer","description":"Many fields in scroll; footer-only sticky.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-17.json"},{"name":"dialog-18","title":"Stacked actions","description":"Full-width footer buttons for mobile-friendly CTAs.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-18.json"},{"name":"dialog-19","title":"React Hook Form","description":"Dialog form with RHF, Zod resolver, and FieldError on invalid fields.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-19.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-19.json"},{"name":"dialog-20","title":"TanStack Form","description":"Dialog form with TanStack Form and Zod onSubmit validation.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-20.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-20.json"},{"name":"dialog-21","title":"Nested dialog","description":"Dialog stacked inside another dialog, e.g. avatar picker from profile.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-21.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-21.json"},{"name":"dialog-22","title":"From dropdown","description":"Dialog triggered by a DropdownMenuItem with onSelect preventDefault.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dialog-22.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dialog-22.json"},{"name":"dropdown-01","title":"Basic","description":"Label, separator, and a list of action items.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-01.json"},{"name":"dropdown-02","title":"With icons and shortcuts","description":"Leading icons paired with trailing keyboard shortcuts.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-02.json"},{"name":"dropdown-03","title":"Grouped","description":"Multiple labeled groups divided by separators.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-03.json"},{"name":"dropdown-04","title":"Destructive item","description":"A red destructive Delete action separated from the regular items.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-04.json"},{"name":"dropdown-05","title":"Disabled items","description":"Non-interactive items dimmed with the disabled prop.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-05.json"},{"name":"dropdown-06","title":"Checkbox items","description":"Toggle multiple view options with checkbox items.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-06.json"},{"name":"dropdown-07","title":"Radio group","description":"Radio items that keep exactly one option selected at a time.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-07.json"},{"name":"dropdown-08","title":"Submenu","description":"A menu item that reveals a nested flyout panel with more options.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-08.json"},{"name":"dropdown-09","title":"Account menu","description":"Avatar trigger with a name and email header block.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-09.json"},{"name":"dropdown-10","title":"Icon button actions","description":"Ghost ellipsis trigger opens a compact actions menu.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-10.json"},{"name":"dropdown-11","title":"Table row actions","description":"Per-row ellipsis menu with edit, copy, and remove.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-11.json"},{"name":"dropdown-12","title":"Sides and alignment","description":"Align start or end and open the menu to the side.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-12.json"},{"name":"dropdown-13","title":"Controlled open","description":"Menu whose open/closed state is managed externally and reflected in the trigger label.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-13.json"},{"name":"dropdown-14","title":"Theme switcher","description":"Radio group toggling light, dark, and system themes.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-14.json"},{"name":"dropdown-15","title":"Multi-select filter","description":"Checkbox items with a count badge and a clear action.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-15.json"},{"name":"dropdown-16","title":"Notifications","description":"Bell trigger with an unread badge and an activity list.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-16.json"},{"name":"dropdown-17","title":"With dialog","description":"A menu item opens a controlled confirmation dialog.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-17.json"},{"name":"dropdown-18","title":"React Hook Form + Zod","description":"Controller binds a radio group to RHF; Zod requires a selection.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-18.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-18.json"},{"name":"dropdown-19","title":"TanStack Form + Zod","description":"form.Field wires the radio group; Zod onSubmit surfaces FieldError.","type":"registry:block","source_url":"https://ui.flexnative.com/r/dropdown-19.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/dropdown-19.json"},{"name":"empty-01","title":"Basic","description":"Icon, title, and description for an empty list.","type":"registry:block","source_url":"https://ui.flexnative.com/r/empty-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-01.json"},{"name":"empty-02","title":"With actions","description":"First-run state with primary and secondary CTAs.","type":"registry:block","source_url":"https://ui.flexnative.com/r/empty-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-02.json"},{"name":"empty-03","title":"No results","description":"Search empty state with a clear-filters action.","type":"registry:block","source_url":"https://ui.flexnative.com/r/empty-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-03.json"},{"name":"empty-04","title":"Avatar group","description":"Bordered empty team card with an avatar stack and invite.","type":"registry:block","source_url":"https://ui.flexnative.com/r/empty-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-04.json"},{"name":"empty-05","title":"In dialog","description":"Empty inbox state composed inside a Dialog.","type":"registry:block","source_url":"https://ui.flexnative.com/r/empty-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/empty-05.json"},{"name":"input-01","title":"Basic","description":"Plain text input with a placeholder, no addons.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-01.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-01.json"},{"name":"input-02","title":"With Addon","description":"Input with trailing search icon addon.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-02.json"},{"name":"input-03","title":"Disabled","description":"Text input rendered in a disabled, non-interactive state.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-03.json"},{"name":"input-04","title":"With Addon in the end","description":"Password input with a trailing eye-off icon to indicate visibility toggle.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-04.json"},{"name":"input-05","title":"With prefix and suffix","description":"URL input with a fixed \"https://\" prefix and \".com\" suffix text addons.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-05.json"},{"name":"input-06","title":"With loading spinner","description":"Spinning loader in the trailing addon while searching.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-06.json"},{"name":"input-07","title":"With clear button","description":"Clear button appears in the trailing addon when the field has text.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-07.json"},{"name":"input-08","title":"With tooltip","description":"Help icon in the trailing addon opens a tooltip on hover.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-08.json"},{"name":"input-09","title":"With popover","description":"Info button in the trailing addon opens a popover with helper content.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-09.json"},{"name":"input-10","title":"With dropdown menu","description":"Trailing addon button opens a menu to choose search scope.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-10.json"},{"name":"input-11","title":"In Form","description":"Labeled text input with a supporting description line below the field.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-11.json"},{"name":"input-12","title":"React Hook Form + Zod","description":"Controller binds Input to RHF; Zod resolver drives FieldError on submit.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-12.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-12.json"},{"name":"input-13","title":"TanStack Form + Zod","description":"form.Field wires Input; Zod onSubmit validator surfaces FieldError when touched.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-13.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-13.json"},{"name":"input-14","title":"With search button","description":"ButtonGroup pairs a text input with a trailing search action button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-14.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-14.json"},{"name":"input-16","title":"With email domain","description":"Username field with a fixed @company.com suffix addon, locking the email domain.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-16.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-16.json"},{"name":"input-15","title":"With currency select","description":"Nested ButtonGroup: currency Select, amount input, and submit icon button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-15.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-15.json"},{"name":"input-17","title":"With nested input group","description":"Attach button plus InputGroup message field and send action in a ButtonGroup.","type":"registry:block","source_url":"https://ui.flexnative.com/r/input-17.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/input-17.json"},{"name":"item-02","title":"Basic","description":"Title plus supporting description.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-02.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-02.json"},{"name":"item-03","title":"Variants","description":"Default, outline, and muted variants side-by-side.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-03.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-03.json"},{"name":"item-04","title":"Sizes","description":"Default, sm, and xs sizes side-by-side.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-04.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-04.json"},{"name":"item-05","title":"With icon","description":"Leading icon placed before the title and description.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-05.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-05.json"},{"name":"item-06","title":"With avatar","description":"User avatar photo placed before the name and subtitle.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-06.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-06.json"},{"name":"item-07","title":"With thumbnail","description":"Small image thumbnail placed before the title and subtitle.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-07.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-07.json"},{"name":"item-08","title":"With actions","description":"Avatar, name, role, and a trailing action button.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-08.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-08.json"},{"name":"item-09","title":"Header and footer","description":"Status badge above the title and a metadata row below the description.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-09.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-09.json"},{"name":"item-10","title":"As link","description":"The entire row is clickable, navigating to a URL with a trailing arrow icon.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-10.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-10.json"},{"name":"item-11","title":"Group","description":"Multiple rows grouped together with thin dividers between each row.","type":"registry:block","source_url":"https://ui.flexnative.com/r/item-11.json","install_command":"npx shadcn@latest add https://ui.flexnative.com/r/item-11.json"}]},{"id":"fonttrio","name":"@fonttrio","slug":"fonttrio","description":"Fonttrio is a curated font-pairing registry for shadcn/ui projects. It offers 49 font pairings, each bundling a heading font, body font, and monospace font that work together harmoniously. Installing a pairing (e.g., npx shadcn add @fonttrio/editorial) sets up --font-heading, --font-body, and --font-mono CSS variables plus an editorial-grade type scale with predefined heading sizes, line heights, letter-spacing, and font weights. Covers styles from editorial to corporate and minimal to bold. Integrates with Next.js font loading and Google Fonts. Free and open source. Use for: instantly establishing a professional, cohesive typography system in a shadcn/ui project with a single CLI command instead of manually configuring Next.js font imports, CSS variables, and type scales.","author":"kapishdima","framework":"react","license":"MIT","tags":["accessibility","aesthetic","charts","crypto","editor","loaders","theming"],"categories":["Theming/styling"],"labels":["featured"],"urls":{"website":"https://www.fonttrio.xyz","github":"https://github.com/kapishdima/fonttrio","registry":"https://www.fonttrio.xyz/r/{name}.json","source":"https://www.fonttrio.xyz/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/fonttrio","markdown":"https://sh4dcn.netlify.app/md/fonttrio.md"},"logo":"<svg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='64' height='64' rx='8' fill='#141414'/><path d='M23.66 47.616C20.5507 47.616 18.204 46.868 16.62 45.372C15.0653 43.8467 14.288 41.2947 14.288 37.716V29.752H12.352V22.536C13.4667 22.536 14.3027 22.2573 14.86 21.7C15.4173 21.1133 15.696 20.3213 15.696 19.324V17.344H25.024V22.536H30.964V29.752H25.024V36.968C25.024 37.936 25.2293 38.6547 25.64 39.124C26.08 39.564 26.7253 39.784 27.576 39.784C28.6907 39.784 29.908 39.652 31.228 39.388V46.296C30.4067 46.6187 29.292 46.912 27.884 47.176C26.5053 47.4693 25.0973 47.616 23.66 47.616ZM43.5116 47.616C40.4022 47.616 38.0556 46.868 36.4716 45.372C34.9169 43.8467 34.1396 41.2947 34.1396 37.716V29.752H32.2036V22.536C33.3182 22.536 34.1542 22.2573 34.7116 21.7C35.2689 21.1133 35.5476 20.3213 35.5476 19.324V17.344H44.8756V22.536H50.8156V29.752H44.8756V36.968C44.8756 37.936 45.0809 38.6547 45.4916 39.124C45.9316 39.564 46.5769 39.784 47.4276 39.784C48.5422 39.784 49.7596 39.652 51.0796 39.388V46.296C50.2582 46.6187 49.1436 46.912 47.7356 47.176C46.3569 47.4693 44.9489 47.616 43.5116 47.616Z' fill='white'/><rect x='29.5' y='22.536' width='5' height='7.20545' fill='white'/><path d='M35.9548 43.8232C34.883 44.6496 31.2651 45.7749 31.2651 45.7749L31.1765 39.9152C31.1765 39.9152 34.6401 39.2419 36.8651 38.0282C38.2077 37.2959 38.9932 41.5015 38.9932 41.5015C38.9932 41.5015 36.9525 43.054 35.9548 43.8232Z' fill='white' stroke='white'/></svg>","preview_image":"https://www.fonttrio.xyz/opengraph-image?f9e6e75089f71bc5","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":454,"open_issues":2,"last_commit":"2026-05-27T08:47:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/kapishdima/fonttrio.git","clone_degit":"npx degit kapishdima/fonttrio","registry_fetch":"curl -s https://www.fonttrio.xyz/r/{name}.json"},"component_count":0,"components":[]},{"id":"forgeui","name":"@forgeui","slug":"forgeui","description":"ForgeUI is an animation-first React component library built with Next.js, TypeScript, Tailwind CSS, and Framer Motion. Components include animated-form, animated-otp, bot-detection, framework-agnostic, fraud-card, notification-center, security-card, vault-lock, and visual background effects (auralis, chromatic-fluid, cloudscape, cosmicrift, lumadrift, velaris, velora). Also provides animated-tabs, expandable-card, notification-panel, onboard-card, social-card, spectrum-switcher, stack-ripple, stats-card, text-morph, text-reveal, and text-shimmer. Distributed via the shadcn registry. Source is available for personal and commercial use but redistribution as a UI library is prohibited. Use for: adding distinctive motion-enhanced forms, OTP inputs, and animated background effects to product landing pages or dashboards when visual differentiation and micro-interactions are the priority.","author":"AmanShakya0018","framework":"react","license":null,"tags":["accessibility","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","dashboard","design-system","forms","loaders","marketing","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"labels":["featured","pro"],"urls":{"website":"https://forgeui.in/","github":"https://github.com/AmanShakya0018/forgeui","registry":"https://forgeui.in/r/registry.json","source":"https://forgeui.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/forgeui","markdown":"https://sh4dcn.netlify.app/md/forgeui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'><path d='M65.5869 52.0195C59.6064 62.7446 48.1517 70 35 70C28.4081 70 22.2428 68.1761 16.9785 65.0078C24.0411 65.0505 30.5152 64.4499 36.8809 63.0947C46.275 61.0948 55.321 57.476 65.5869 52.0195Z' fill='var(--foreground)'/><path d='M69.9023 37.6084C69.7246 40.0209 69.3033 42.3653 68.6611 44.6172C56.2627 51.6688 46.1988 55.9988 35.8398 58.2041C27.9699 59.8795 19.8406 60.3467 10.2822 59.7793C8.48159 57.9831 6.87607 55.9917 5.49902 53.8398C17.5379 55.0275 27.6247 54.6653 37.4609 52.3047C48.0044 49.7743 58.1043 44.9844 69.9023 37.6084Z' fill='var(--foreground)'/><path d='M35 0C53.225 0 68.1937 13.9301 69.8457 31.7236C57.1262 39.9078 46.8552 44.9089 36.2949 47.4434C26.3045 49.841 15.895 50.0686 2.70117 48.5059C0.961337 44.35 0 39.7873 0 35C0 15.67 15.67 0 35 0Z' fill='var(--foreground)'/></svg>","preview_image":"https://forgeui.in/forgeui-ogimage-v3.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://forgeui.in/pricing"},"metrics":{"github_stars":209,"open_issues":3,"last_commit":"2026-07-20T15:24:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://forgeui.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://forgeui.in/r/registry.json","install_bun":"bunx shadcn@latest add https://forgeui.in/r/registry.json","clone":"git clone https://github.com/AmanShakya0018/forgeui.git","clone_degit":"npx degit AmanShakya0018/forgeui","registry_fetch":"curl -s https://forgeui.in/r/registry.json"},"component_count":24,"components":[{"name":"animated-form","title":"Animated Form","description":"Animated form mimicking account creation with progressive name/password animation and completion checkmarks.","type":"registry:ui","source_url":"https://forgeui.in/r/animated-form.json","install_command":"npx shadcn@latest add https://forgeui.in/r/animated-form.json"},{"name":"animated-otp","title":"Animated OTP","description":"Animated OTP input with glowing digit transitions, inspired by Clerk’s authentication UI and rebuilt with custom behavior.","type":"registry:ui","source_url":"https://forgeui.in/r/animated-otp.json","install_command":"npx shadcn@latest add https://forgeui.in/r/animated-otp.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Switch tabs smoothly with motion-based underline or highlight effects.","type":"registry:ui","source_url":"https://forgeui.in/r/animated-tabs.json","install_command":"npx shadcn@latest add https://forgeui.in/r/animated-tabs.json"},{"name":"auralis","title":"Auralis","description":"A WebGL-powered animated background featuring layered simplex noise, glowing light effects, vignette, and subtle film grain for a dramatic ambiance.","type":"registry:ui","source_url":"https://forgeui.in/r/auralis.json","install_command":"npx shadcn@latest add https://forgeui.in/r/auralis.json"},{"name":"bot-detection","title":"Bot Detection","description":"Animated radar-style component that simulates real-time bot detection using glowing pulses and scanning motion.","type":"registry:ui","source_url":"https://forgeui.in/r/bot-detection.json","install_command":"npx shadcn@latest add https://forgeui.in/r/bot-detection.json"},{"name":"chromatic-fluid","title":"Chromatic Fluid","description":"A WebGL-powered animated fluid effect featuring procedural noise, chromatic glint highlights, and dynamic lighting with film grain.","type":"registry:ui","source_url":"https://forgeui.in/r/chromatic-fluid.json","install_command":"npx shadcn@latest add https://forgeui.in/r/chromatic-fluid.json"},{"name":"cloudscape","title":"Cloudscape","description":"A WebGL-powered animated cloud gradient that creates a soft, flowing sky-like background using layered noise and color blending.","type":"registry:ui","source_url":"https://forgeui.in/r/cloudscape.json","install_command":"npx shadcn@latest add https://forgeui.in/r/cloudscape.json"},{"name":"cosmicrift","title":"Cosmic Rift","description":"A WebGL-powered animated cosmic background featuring a procedural starfield with twinkling effects and flowing nebula-like wave distortions, rendered in real t…","type":"registry:ui","source_url":"https://forgeui.in/r/cosmicrift.json","install_command":"npx shadcn@latest add https://forgeui.in/r/cosmicrift.json"},{"name":"framework-agnostic","title":"Framework Agnostic","description":"Visually demonstrates cross-framework adaptability using animated stack icons and a glowing pipeline effect.","type":"registry:ui","source_url":"https://forgeui.in/r/framework-agnostic.json","install_command":"npx shadcn@latest add https://forgeui.in/r/framework-agnostic.json"},{"name":"fraud-card","title":"Fraud Card","description":"A security alert card inspired by Clerk's landing page, showcasing blocked emails with smooth hover animations.","type":"registry:ui","source_url":"https://forgeui.in/r/fraud-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/fraud-card.json"},{"name":"lumadrift","title":"Luma Drift","description":"A WebGL-powered animated gradient that produces smooth, flowing light patterns using procedural noise and color blending.","type":"registry:ui","source_url":"https://forgeui.in/r/lumadrift.json","install_command":"npx shadcn@latest add https://forgeui.in/r/lumadrift.json"},{"name":"noctylis","title":"Noctylis","description":"A WebGL-powered nocturnal glow background with layered simplex noise, soft violet blooms, and a gentle drifting warp.","type":"registry:ui","source_url":"https://forgeui.in/r/noctylis.json","install_command":"npx shadcn@latest add https://forgeui.in/r/noctylis.json"},{"name":"notification-center","title":"Notification Center","description":"Beautifully animated mobile UI inspired by Clerk’s product design, showcasing notifications with hover-triggered transitions and customizable content blocks.","type":"registry:ui","source_url":"https://forgeui.in/r/notification-center.json","install_command":"npx shadcn@latest add https://forgeui.in/r/notification-center.json"},{"name":"progress-stack","title":"Progress Stack","description":"Animated onboarding progress card showing three steps with visual loaders, transitions, and completion indicators.","type":"registry:ui","source_url":"https://forgeui.in/r/progress-stack.json","install_command":"npx shadcn@latest add https://forgeui.in/r/progress-stack.json"},{"name":"security-card","title":"Security Card","description":"Dynamic security identity card with animated verification, glowing avatar outline, and infinite character scramble stream, inspired by Clerk’s product design.","type":"registry:ui","source_url":"https://forgeui.in/r/security-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/security-card.json"},{"name":"spectrum-switcher","title":"Spectrum Switcher","description":"Interactive spectrum switcher with animated gradients, smooth dropdown transitions, and selectable themed color palettes.","type":"registry:ui","source_url":"https://forgeui.in/r/spectrum-switcher.json","install_command":"npx shadcn@latest add https://forgeui.in/r/spectrum-switcher.json"},{"name":"stack-ripple","title":"Stack Ripple","description":"Animated stacked notification cards ripple open with smooth transitions, showing messages, signups, and billing reminders.","type":"registry:ui","source_url":"https://forgeui.in/r/stack-ripple.json","install_command":"npx shadcn@latest add https://forgeui.in/r/stack-ripple.json"},{"name":"stats-card","title":"Stats Card","description":"A dynamic stats card comparing two individuals with avatars, data points, and animated background graph.","type":"registry:ui","source_url":"https://forgeui.in/r/stats-card.json","install_command":"npx shadcn@latest add https://forgeui.in/r/stats-card.json"},{"name":"text-morph","title":"Text Morph","description":"A React component that animates rotating text characters using Motion, customizable by words, interval, styling, and animation timing.","type":"registry:ui","source_url":"https://forgeui.in/r/text-morph.json","install_command":"npx shadcn@latest add https://forgeui.in/r/text-morph.json"},{"name":"text-reveal","title":"Text Reveal","description":"A stylish effect that sequentially fades in text on page load, creating a dynamic reveal.","type":"registry:ui","source_url":"https://forgeui.in/r/text-reveal.json","install_command":"npx shadcn@latest add https://forgeui.in/r/text-reveal.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"A React component that creates an animated text shimmer effect using Motion, customizable by tag, duration, spread, delay, and repeat delay.","type":"registry:ui","source_url":"https://forgeui.in/r/text-shimmer.json","install_command":"npx shadcn@latest add https://forgeui.in/r/text-shimmer.json"},{"name":"vault-lock","title":"Vault Lock","description":"Animated vault showcasing secure password input with motion effects and interactive hover-based unlock behavior, inspired by Clerk’s product design.","type":"registry:ui","source_url":"https://forgeui.in/r/vault-lock.json","install_command":"npx shadcn@latest add https://forgeui.in/r/vault-lock.json"},{"name":"velaris","title":"Velaris","description":"A WebGL-powered animated background featuring layered simplex noise, multi-color blending, vignette glow, and subtle film grain effects.","type":"registry:ui","source_url":"https://forgeui.in/r/velaris.json","install_command":"npx shadcn@latest add https://forgeui.in/r/velaris.json"},{"name":"velora","title":"Velora","description":"A WebGL-powered animated radial light effect featuring swirling color streaks, 3D noise-based flow, and dynamic color transitions with film grain.","type":"registry:ui","source_url":"https://forgeui.in/r/velora.json","install_command":"npx shadcn@latest add https://forgeui.in/r/velora.json"}]},{"id":"formcn","name":"@formcn","slug":"formcn","description":"A shadcn/ui-based form builder that generates production-ready single-step and multi-step form code without AI inconsistency. Outputs React components using shadcn primitives, Zod validation (client and server), and Tailwind CSS. Includes Formcn AI scaffolding to auto-generate field configurations, support for stepper, tag-input, and standard form controls, plus a one-command shadcn registry install. Free and open-source. Use for: rapidly scaffolding validated, accessible forms in Next.js projects without hand-writing repetitive form boilerplate.","author":"Ali-Hussein-dev","framework":"react","license":null,"tags":["accessibility","ai","design-system","forms","hooks","media","navigation"],"categories":["Forms"],"labels":[],"urls":{"website":"https://formcn.dev","github":"https://github.com/Ali-Hussein-dev/formcn","registry":"https://formcn.dev/r/registry.json","source":"https://formcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/formcn","markdown":"https://sh4dcn.netlify.app/md/formcn.md"},"logo":"<svg width='128' height='148' viewBox='0 0 128 148' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='10.5' width='127' height='127' rx='0.5' fill='var(--foreground)' stroke='var(--background)'/><line x1='97' y1='128.92' x2='118.92' y2='107' stroke='var(--background)' stroke-linecap='round' stroke-width='2'/><line x1='110' y1='130.607' x2='120.607' y2='120' stroke='var(--background)' stroke-linecap='round' stroke-width='2'/><path d='M44.692 59.06H53.528V58.026C53.528 52.6993 53.904 48.6573 54.656 45.9C55.408 43.1427 56.7867 41.1373 58.792 39.884C60.672 38.6933 63.2727 37.9413 66.594 37.628C69.9153 37.3147 75.1793 37.158 82.386 37.158V49.19C79.1273 49.19 76.9967 49.2213 75.994 49.284C74.49 49.3467 73.3307 49.566 72.516 49.942C71.764 50.318 71.3253 50.882 71.2 51.634C71.012 52.386 70.918 53.4513 70.918 54.83V59.06H82.386V72.314H44.692V59.06ZM53.528 76.074H70.918V107H53.528V76.074Z' fill='var(--background)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":494,"open_issues":11,"last_commit":"2026-08-29T11:41:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://formcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://formcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://formcn.dev/r/registry.json","clone":"git clone https://github.com/Ali-Hussein-dev/formcn.git","clone_degit":"npx degit Ali-Hussein-dev/formcn","registry_fetch":"curl -s https://formcn.dev/r/registry.json"},"component_count":9,"components":[{"name":"tag-input","title":"Tag Input","description":"Tag input component","type":"registry:component","source_url":"https://formcn.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://formcn.dev/r/tag-input.json"},{"name":"password","title":"Password","description":"Password input with show/hide toggle","type":"registry:component","source_url":"https://formcn.dev/r/password.json","install_command":"npx shadcn@latest add https://formcn.dev/r/password.json"},{"name":"multi-select","title":"Multi-select","description":"Multi-select dropdown","type":"registry:component","source_url":"https://formcn.dev/r/multi-select.json","install_command":"npx shadcn@latest add https://formcn.dev/r/multi-select.json"},{"name":"rating","title":"Rating","description":"Rating component","type":"registry:component","source_url":"https://formcn.dev/r/rating.json","install_command":"npx shadcn@latest add https://formcn.dev/r/rating.json"},{"name":"file-upload","title":"File Input","description":"File upload component","type":"registry:component","source_url":"https://formcn.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://formcn.dev/r/file-upload.json"},{"name":"use-file-upload","title":"file upload hook","description":"state management hook for file upload component","type":"registry:hook","source_url":"https://formcn.dev/r/use-file-upload.json","install_command":"npx shadcn@latest add https://formcn.dev/r/use-file-upload.json"},{"name":"use-multi-step-viewer","title":"Multi-step viewer hook","description":"Multi-step viewer hook","type":"registry:hook","source_url":"https://formcn.dev/r/use-multi-step-viewer.json","install_command":"npx shadcn@latest add https://formcn.dev/r/use-multi-step-viewer.json"},{"name":"multi-step-viewer","title":"Multi-step form","description":"Multi-step form","type":"registry:component","source_url":"https://formcn.dev/r/multi-step-viewer.json","install_command":"npx shadcn@latest add https://formcn.dev/r/multi-step-viewer.json"},{"name":"stepper","title":"Stepper","description":"Stepper component","type":"registry:component","source_url":"https://formcn.dev/r/stepper.json","install_command":"npx shadcn@latest add https://formcn.dev/r/stepper.json"}]},{"id":"formscn","name":"@formscn","slug":"formscn","description":"Production-ready shadcn/ui forms visually with drag-and-drop.","author":"AbdullahMukadam","framework":"react","license":null,"tags":["auth","buttons","cards","e-commerce","forms","loaders","marketing","onboarding","overlays"],"categories":["Forms"],"labels":[],"urls":{"website":"https://www.formscn.space","github":"https://github.com/AbdullahMukadam/formscn","registry":"https://www.formscn.space/r/registry.json","source":"https://www.formscn.space/r/registry.json","page":"https://sh4dcn.netlify.app/registry/formscn","markdown":"https://sh4dcn.netlify.app/md/formscn.md"},"logo":"<svg width='100%' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'><rect width='180' height='180' fill='#020202'/><path fill='#FDFDFD' d='M32.2 43.8H81l-1.7 15.2H50.6v24.4h23.3l-1.7 15.6H50.3v39.5H32.2zM150.4 44.1v93.5l-10.7 1.6-7.1-4.4L109.2 81.3v57.2H92.3V44.7l1.8-.5 14-.7 6.1 12.6L132.7 97.7V44.1z'/></svg>","preview_image":"https://formscn.space/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":73,"open_issues":4,"last_commit":"2026-08-22T08:32:09Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.formscn.space/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.formscn.space/r/registry.json","install_bun":"bunx shadcn@latest add https://www.formscn.space/r/registry.json","clone":"git clone https://github.com/AbdullahMukadam/formscn.git","clone_degit":"npx degit AbdullahMukadam/formscn","registry_fetch":"curl -s https://www.formscn.space/r/registry.json"},"component_count":30,"components":[{"name":"base-form","title":null,"description":"Base form dependencies","type":"registry:block","source_url":"https://www.formscn.space/r/base-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/base-form.json"},{"name":"button","title":null,"description":"Button component","type":"registry:ui","source_url":"https://www.formscn.space/r/button.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/button.json"},{"name":"card","title":null,"description":"Card component","type":"registry:ui","source_url":"https://www.formscn.space/r/card.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/card.json"},{"name":"input","title":null,"description":"Input component","type":"registry:ui","source_url":"https://www.formscn.space/r/input.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/input.json"},{"name":"switch","title":null,"description":"Switch component","type":"registry:ui","source_url":"https://www.formscn.space/r/switch.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/switch.json"},{"name":"textarea","title":null,"description":"Textarea component","type":"registry:ui","source_url":"https://www.formscn.space/r/textarea.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/textarea.json"},{"name":"label","title":null,"description":"Label component","type":"registry:ui","source_url":"https://www.formscn.space/r/label.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/label.json"},{"name":"select","title":null,"description":"Select component","type":"registry:ui","source_url":"https://www.formscn.space/r/select.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/select.json"},{"name":"checkbox","title":null,"description":"Checkbox component","type":"registry:ui","source_url":"https://www.formscn.space/r/checkbox.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/checkbox.json"},{"name":"radio-group","title":null,"description":"Radio Group component","type":"registry:ui","source_url":"https://www.formscn.space/r/radio-group.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/radio-group.json"},{"name":"phone-input","title":null,"description":"Phone input component with country selection","type":"registry:ui","source_url":"https://www.formscn.space/r/phone-input.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/phone-input.json"},{"name":"field","title":null,"description":"Field components for TanStack Form (Field, FieldLabel, FieldError, FieldDescription)","type":"registry:ui","source_url":"https://www.formscn.space/r/field.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/field.json"},{"name":"popover","title":null,"description":"Popover component","type":"registry:ui","source_url":"https://www.formscn.space/r/popover.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/popover.json"},{"name":"calendar","title":null,"description":"Calendar component","type":"registry:ui","source_url":"https://www.formscn.space/r/calendar.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/calendar.json"},{"name":"progress","title":null,"description":"Progress component","type":"registry:ui","source_url":"https://www.formscn.space/r/progress.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/progress.json"},{"name":"auth-client","title":null,"description":"Better Auth React client utilities","type":"registry:lib","source_url":"https://www.formscn.space/r/auth-client.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/auth-client.json"},{"name":"login-form","title":null,"description":"Simple email and password login form","type":"registry:block","source_url":"https://www.formscn.space/r/login-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/login-form.json"},{"name":"signup-form","title":null,"description":"User registration form with email and password","type":"registry:block","source_url":"https://www.formscn.space/r/signup-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/signup-form.json"},{"name":"contact-form","title":null,"description":"Contact form with name, email, subject, and message","type":"registry:block","source_url":"https://www.formscn.space/r/contact-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/contact-form.json"},{"name":"newsletter-form","title":null,"description":"Newsletter subscription form with email frequency selection","type":"registry:block","source_url":"https://www.formscn.space/r/newsletter-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/newsletter-form.json"},{"name":"job-application-form","title":null,"description":"Job application form with resume and cover letter","type":"registry:block","source_url":"https://www.formscn.space/r/job-application-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/job-application-form.json"},{"name":"feedback-form","title":null,"description":"Product feedback form with rating and comments","type":"registry:block","source_url":"https://www.formscn.space/r/feedback-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/feedback-form.json"},{"name":"event-registration-form","title":null,"description":"Event registration form with attendee details","type":"registry:block","source_url":"https://www.formscn.space/r/event-registration-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/event-registration-form.json"},{"name":"waitlist-form","title":null,"description":"Waitlist signup form","type":"registry:block","source_url":"https://www.formscn.space/r/waitlist-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/waitlist-form.json"},{"name":"support-ticket-form","title":null,"description":"Support ticket submission form","type":"registry:block","source_url":"https://www.formscn.space/r/support-ticket-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/support-ticket-form.json"},{"name":"booking-request-form","title":null,"description":"Booking request form with date and service selection","type":"registry:block","source_url":"https://www.formscn.space/r/booking-request-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/booking-request-form.json"},{"name":"ecommerce-checkout-form","title":null,"description":"Checkout form with shipping and payment details","type":"registry:block","source_url":"https://www.formscn.space/r/ecommerce-checkout-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/ecommerce-checkout-form.json"},{"name":"onboarding-wizard-form","title":null,"description":"Multi-step user onboarding wizard","type":"registry:block","source_url":"https://www.formscn.space/r/onboarding-wizard-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/onboarding-wizard-form.json"},{"name":"detailed-application-form","title":null,"description":"Multi-step detailed application form","type":"registry:block","source_url":"https://www.formscn.space/r/detailed-application-form.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/detailed-application-form.json"},{"name":"form-generator","title":null,"description":"Form code generation utilities","type":"registry:lib","source_url":"https://www.formscn.space/r/form-generator.json","install_command":"npx shadcn@latest add https://www.formscn.space/r/form-generator.json"}]},{"id":"frame","name":"@frame","slug":"frame","description":"React components for AI agent and conversational interfaces, including chat, messages, confirmations, and workflow states.","author":"BeibeiZhang","framework":"react","license":"MIT","tags":["ai","blocks","buttons","cards","forms","hooks","icons","navigation"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://system.beibeidesign.com","github":"https://github.com/BeibeiZhang/frame-design-system","registry":"https://system.beibeidesign.com/r/registry.json","source":"https://system.beibeidesign.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/frame","markdown":"https://sh4dcn.netlify.app/md/frame.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><image width='40' height='40' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAACU9JREFUeAGdWEtsXFcZ/v9zZpw0SZvJwwkC2jiEQJ7EjUSkiEcmCxYsWGRZQCIpZMGC2gaKWglkOxsWBOx0A1IWzgbBBgWQEAgJ4rKpCIu6YsECoTpQqHioGbfEre2Z8/d/nXPvjN28TjK+d869c8/3f//3P+5BeMhxY+rbbSAcxUY8gxFHQ8DtEHAHIAJE7ASERb62SECvhAbMn/7q8/PwEAMf5OYbU1OttLo6hiGMCZgQkQADYmCofED9rkeeDgSBvwU5508Mi/yIedrUnD59YWLxfte8L4ACrLu8MsnkjBPKYgjBFmVAvL4cM5AgN0AGJUeS+4XZYEeMMVyLIUw/eR9A7wnwt888O8Yum2JErcIGMwYxMEkowApLBpIfGiPpnECNdi24MQLaDFBGp099+RvX7rZ+uNvF33ztmzMJYJYIWkD8l4ccSJbKR/mrH3azWoxyASkl1J/oFf6feM6OPkcj/GfuT3Pfn4EHZfD6+Hhr00q8zpa3mQVlg5lgpoKaFFhfwpQyZnrD7OI+VmPFrDGYdVppU0EgLDQwnmWXd+6LwaFlvMHWt50tMRiVFyNRTpDMOFQWk9xoTPkNxnSiwpgd+ZNUxeT3kpzz9Iku0fWNsKwD+MuvfH2GEoxC5Qp9eHK3YvJHJ8ebKtR6n7vS5jJeMqOywfkncq9g5MeyJNo3N3B3H8CfPf3c+R7FcZMW6IKmM/3mBIi+yBxjRqAt7nJxo+QXzir50xxwQWl6zWYIzB6N35y7PFbHVDT4k/NTIxFXbzRCGmnAGgXsgeU2TSEiF43cEsVymnOdpZO+1JLTj+psIJptLudLu9dM0WOnGeP+rMdGDewkr7ZP5aSZV7SilurhYxe/5AlOzZLHm4F+kP//uvlHWPr7ojhGDUkcyduG99KuQ0fgkVYLQnMIVt5awqVbf4O3Xv+Hs104kmeKUFpdSJP8faK4eO78d0cShPNEDIw/PebPzmvidhPLGNBZ37wHye5DR+HxT3wat+wahtBo6uVNj26HPcdPwvDRkxZElDyUXQ2oa46/PDfTKgCZrMnEgBJzzkCVwUQIRewepZgVQQNggQDqOY/PN29vwfDhI1WguPzyeOwDT8D2fQcqEjyi8/XVbne8AGS22iImYU0AJmVP6A45uWBhcCPmyCkAj1D+v/PDBx0Pvsf9AK3HDwCkmnE+BCgr6BkFePWLM+1EcZ8BE36DBmWCKGAxmRRp3SJQpYu8KpUcQtTcshX62B0AJyeNR7aUS5ZbyWVPkulbL139XlvqwhkuZ5gye6xVBabgNFwrKwdYxEHQ5GmHH9JdWYVBo3L2yVJIa6sl65SKWQgnKV4nQsIwqrpzFxNFyi7O7haw66oi1RasfU++0PJ//wNA62OoPv7/79eLJHgx6KtGGhrQDj1OLR69fGugnlY1A2VVzF1fB7Le1+VaBtp59VVYW75TXR7Q7tryMrzx17+wL3ndlComa4O1OBp6CfdTzbUaKJQDhX+sWRmrxmVw1KZ6q6sFZHdlBRZ//zt485+vQc0yHe8s3YbXXvoDrN65A9RLWAxwCSPmWk0tfOHzP6LIVSNiFxrIhQ66eh5xjYuCzPMH1vx6qlWTXFGCVwTrcnJPKPO5s9m8cyds27tHKwYnanj7jf/1N7Ta5Mp3fYbmbj0y2IZqTjsqYS1phbB/AYKmmCQtsbo1iSqzZlTPoVZ/URsFrTDWo5T0s9Lp0OqbS5bUZHFpWq3RsNScQLtt0aH1SVgyROghLon2PGJJgwUiH6PC9sjWX2pE54Am7Vy8GtRSTM68dglztdAGNnnnQdVv3Jl8uU+HWdS3GRl2Ui0wGCiZHhF6yZN3SUFRibG+yasolfD1TlvZ1A5nMHDQs2TmGLTL0u6ovxNK1prx9VtMWVggj1T9CDivyRrFYMlb5pRFa/fwifYncefBA1QHAM5Oykwkt8SNUCDWxmFKxupgsGWPeEwtBl73xVTcKiKxY6rnRK8qPf80t26lnR85AHtPnsDYbJI1iVR6RuPGi6TktwRVN67ACrPaCXvXrfeUblvu7/E7dZdgYbAOZz1m1/fUq+j6DPC+j59Uy4ce3Qa7jx/WHJRTBVZ61KpiKAjrDs6sugwMDqkLreQ5YFbYfHj+pxfmeVHRoQLrS9TkQaORHtX1zW2P0a6PHtQ2UR49fOwIhKGmNTtElN2TKL/FQSmVKbdImT2LJ6xaJyTvbORRt05ffHZeuxl+2JVcd4seVX8CMpagkevvP3UC6+k6chM6fPQwQIloT7ZUeyOlmktNlsYuVXrLTUJ+2eJv85pm1FWb06wFh4KyCuIu75EBAwaqLj30IfMcVE3O8HFjsQJSpZB6SoH8FljmwNlONpWoVlFpugCcuHahgxRnNfeJe9E6GQs6i2px/QdPHRsIOpNQHGIWjx2GvDgUYMlBelLuy5dAQFR/kS9P5N9c482mxQJQRmNlbZrB3TY5uLtdf8Lolt07YM+h/c6cA/RKkbUYh5r+JpgFb/kwawK9M3eQmHNidq9pGBaZjemMqwCc+PmFDifzS9m1lZtVf7jv1JEsm2xn7TupFnccPGCvUNn3iXLs5KB2hr2Wlapk7iWL1OnTE8ZeXqlvXH5qbpbvGmtow9DTBiJw46DfWZExdDHaOdg9XZ7raQlGbw60SYi2LSe7IhRs2yT4ptO6ZqPaGbvyqW99Z7yOZ8O9mR88NXcDodtuSLcI3QyEn83n0PNupytdEINdEyOse5RGRBqBdTteBgYNjG3HOWjZq/FdsIUzz00+OYhlw70Z3ATn2LSXPUjc5ZGqkijuj+7i6FUHSp9Qin5OKaoCxCyHqmZb3WXb5tM7dHZDLHCXMfuFqzORemOVW5VNdSmfM4NdbFRMKhPaG2K1syXNJzZC3tTMO7GlH+T5K2cnL42/F4a77g+O//jiBNv7NHc8ix4w+lJfmgorjeisItTSCZRsAqV0eWueM0oHumn8buBkRLjH+PWff7XwmaOf+wVLZQeTcMK2VexdFNXCZPswllTUI7o97LVL9xd9gG0vyvwLnNjPnb106cV7rf9Am+g/PD8z0uylSe5p2hwY+wLYa0Gj5n7ddJJI1c0miQkLCj5ZYm1cWd62efbc1FTnftd8IID1wfs57SFIZ/h9ZTRgl3fGeiMMcrvolcF1eKO8w7QuMGXz1MBXPjt7eR4eYrwLq8bZrYIfOVEAAAAASUVORK5CYII='/></svg>","preview_image":"https://system.beibeidesign.com/apple-touch-icon.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-13T09:06:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://system.beibeidesign.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://system.beibeidesign.com/r/registry.json","install_bun":"bunx shadcn@latest add https://system.beibeidesign.com/r/registry.json","clone":"git clone https://github.com/BeibeiZhang/frame-design-system.git","clone_degit":"npx degit BeibeiZhang/frame-design-system","registry_fetch":"curl -s https://system.beibeidesign.com/r/registry.json"},"component_count":24,"components":[{"name":"frame","title":"Frame Design System","description":"React components and design foundation for AI agent, chat, message and confirmation interfaces.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/frame.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/frame.json"},{"name":"chat-message","title":"ChatMessage","description":"User and assistant message presentation with a visual streaming state. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/chat-message.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/chat-message.json"},{"name":"chat-panel","title":"ChatPanel","description":"Conversation layout with message and composer slots and near-bottom scrolling. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/chat-panel.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/chat-panel.json"},{"name":"chat-input","title":"ChatInput","description":"Prompt composer with callback-based sending, optional attachments and mentions. No model provider is included. A React component for AI agent and conversationa…","type":"registry:component","source_url":"https://system.beibeidesign.com/r/chat-input.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/chat-input.json"},{"name":"message-card","title":"MessageCard","description":"Inline event notice with information, success or warning tone and an optional action slot. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/message-card.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/message-card.json"},{"name":"status-tag","title":"StatusTag","description":"Semantic status pill for pending, processing, review and completed states. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/status-tag.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/status-tag.json"},{"name":"tag","title":"Tag","description":"Compact neutral label with an optional outline and tooltip. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/tag.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/tag.json"},{"name":"side-panel-body","title":"SidePanelBody","description":"Scrollable conversation inspector body with spacing and an automatic scrollbar. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/side-panel-body.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/side-panel-body.json"},{"name":"section-count","title":"SectionCount","description":"Compact count label for grouped messages, references or workflow steps. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/section-count.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/section-count.json"},{"name":"time-pill","title":"TimePill","description":"Compact time or effort label using the shared status presentation. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/time-pill.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/time-pill.json"},{"name":"step-indicator","title":"StepIndicator","description":"Visual pending, active and completed workflow step marker; pair with a text label. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/step-indicator.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/step-indicator.json"},{"name":"secondary-button","title":"SecondaryButton","description":"Secondary action button for prompt or workflow decisions. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/secondary-button.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/secondary-button.json"},{"name":"tertiary-button","title":"TertiaryButton","description":"Bordered action button or native link; links support a white outline tone on media. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/tertiary-button.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/tertiary-button.json"},{"name":"ghost-pill-button","title":"GhostPillButton","description":"Pill-shaped secondary action with optional icon and disabled state. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/ghost-pill-button.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/ghost-pill-button.json"},{"name":"header-icon-button","title":"HeaderIconButton","description":"Named icon action for conversation headers; size the mobile hit area to at least 44 pixels. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/header-icon-button.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/header-icon-button.json"},{"name":"menu-row","title":"MenuRow","description":"Workflow or conversation selection row with optional secondary text and current state. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/menu-row.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/menu-row.json"},{"name":"icon-badge","title":"IconBadge","description":"Decorative icon badge for message context or workflow groups; not an interactive control. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/icon-badge.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/icon-badge.json"},{"name":"text-button","title":"TextButton","description":"Quiet text action with disabled and disclosure attributes. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/text-button.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/text-button.json"},{"name":"utility-chip","title":"UtilityChip","description":"Compact context action with optional pressed state for prompt toolbars. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/utility-chip.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/utility-chip.json"},{"name":"summary-footer","title":"SummaryFooter","description":"Compact elapsed-time or summary line beneath a conversation result. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/summary-footer.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/summary-footer.json"},{"name":"choice-card","title":"ChoiceCard","description":"Selectable title and description card for choosing a prompt or workflow option. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/choice-card.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/choice-card.json"},{"name":"review-item-card","title":"ReviewItemCard","description":"Presentational review-result row with type, time and completed state; does not implement a review workflow. A React component for AI agent and conversational U…","type":"registry:component","source_url":"https://system.beibeidesign.com/r/review-item-card.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/review-item-card.json"},{"name":"empty-state","title":"EmptyState","description":"Icon and explanation for an empty message, result or reference area. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/empty-state.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/empty-state.json"},{"name":"version-row","title":"VersionRow","description":"Version comparison and update-status presentation without a network or update client. A React component for AI agent and conversational UI.","type":"registry:component","source_url":"https://system.beibeidesign.com/r/version-row.json","install_command":"npx shadcn@latest add https://system.beibeidesign.com/r/version-row.json"}]},{"id":"framecn","name":"@framecn","slug":"framecn","description":"A shadcn-compatible registry of 64 programmatic video compositions for React, built on the Editframe rendering engine. Compositions include Hero Device Assemble, AI Generation Canvas, Browser Flow, Terminal to Browser Deploy, Product Launch Trailer, Pricing Tier Focus, Changelog Bite, and more — all covering SaaS and developer storytelling scenarios. Free and open-source, TypeScript/Next.js, installable via npx shadcn add. Use for: embedding high-quality animated video sequences or motion narratives inside React/Next.js apps without a video editing tool.","author":"shadcn-labs","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","e-commerce","editor","forms","glassmorphism","icons","loaders","media","mobile","navigation","overlays","retro","saas","text-effects"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://framecn.vercel.app","github":"https://github.com/shadcn-labs/framecn","registry":"https://framecn.vercel.app/r/registry.json","source":"https://framecn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/framecn","markdown":"https://sh4dcn.netlify.app/md/framecn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='4'/><g stroke='var(--foreground)' fill='none' stroke-linecap='round' stroke-linejoin='round'><path d='M6.72 4.36v2.36M27.96 25.6H25.6m-4.13 0H13.8c-3.337 0-5.007 0-6.043-1.037S6.72 21.857 6.72 18.52v-7.67M25.6 27.96v-11.8c0-4.45 0-6.675-1.383-8.057S20.61 6.72 16.16 6.72H4.36' stroke-width='1.77'/><path d='m21.824 16.16-5.664 5.664M20.691 9.93 9.93 20.69' stroke-width='2.266'/></g></svg>","preview_image":"https://www.framecn.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":157,"open_issues":0,"last_commit":"2026-10-07T08:59:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://framecn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://framecn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://framecn.vercel.app/r/registry.json","clone":"git clone https://github.com/shadcn-labs/framecn.git","clone_degit":"npx degit shadcn-labs/framecn","registry_fetch":"curl -s https://framecn.vercel.app/r/registry.json"},"component_count":148,"components":[{"name":"blur-reveal","title":"Blur Reveal","description":"Text fades in from a heavy blur into sharp focus.","type":"registry:component","source_url":"https://framecn.vercel.app/r/blur-reveal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/blur-reveal.json"},{"name":"typewriter","title":"Typewriter","description":"Character-by-character text reveal with a deterministic blinking cursor.","type":"registry:component","source_url":"https://framecn.vercel.app/r/typewriter.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/typewriter.json"},{"name":"inline-highlight","title":"Inline Highlight","description":"Animates one word inside a sentence from a base color to a brand color.","type":"registry:component","source_url":"https://framecn.vercel.app/r/inline-highlight.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/inline-highlight.json"},{"name":"text-fade-replace","title":"Text Fade Replace","description":"Cross-fades between two strings on the same line without layout shift.","type":"registry:component","source_url":"https://framecn.vercel.app/r/text-fade-replace.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/text-fade-replace.json"},{"name":"strikethrough-replace","title":"Strikethrough Replace","description":"Draws a strike line across old text then reveals new text in its place.","type":"registry:component","source_url":"https://framecn.vercel.app/r/strikethrough-replace.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/strikethrough-replace.json"},{"name":"staggered-fade-up","title":"Staggered Fade Up","description":"Words fade in and slide up one after another with a configurable delay.","type":"registry:component","source_url":"https://framecn.vercel.app/r/staggered-fade-up.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/staggered-fade-up.json"},{"name":"masked-slide-reveal","title":"Masked Slide Reveal","description":"Words slide up out of an invisible horizontal mask, one after another.","type":"registry:component","source_url":"https://framecn.vercel.app/r/masked-slide-reveal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/masked-slide-reveal.json"},{"name":"tracking-in","title":"Tracking In","description":"Letter-spacing collapses and blur clears with a springy motion.","type":"registry:component","source_url":"https://framecn.vercel.app/r/tracking-in.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/tracking-in.json"},{"name":"shimmer-sweep","title":"Shimmer Sweep","description":"Light shine sweeps across muted text via background-clip:text.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shimmer-sweep.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shimmer-sweep.json"},{"name":"marker-highlight","title":"Marker Highlight","description":"Colored marker block draws behind a phrase as the text color shifts.","type":"registry:component","source_url":"https://framecn.vercel.app/r/marker-highlight.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/marker-highlight.json"},{"name":"slot-machine-roll","title":"Slot Machine Roll","description":"Vertical reel scrolls characters from one value to another.","type":"registry:component","source_url":"https://framecn.vercel.app/r/slot-machine-roll.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/slot-machine-roll.json"},{"name":"matrix-decode","title":"Matrix Decode","description":"Random scramble resolves left-to-right into the target text.","type":"registry:component","source_url":"https://framecn.vercel.app/r/matrix-decode.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/matrix-decode.json"},{"name":"rgb-glitch-text","title":"RGB Glitch Text","description":"Three RGB-offset text copies jitter for a brief glitch window.","type":"registry:component","source_url":"https://framecn.vercel.app/r/rgb-glitch-text.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/rgb-glitch-text.json"},{"name":"infinite-marquee","title":"Infinite Marquee","description":"Seamlessly looping horizontal text strip with optional stroke style.","type":"registry:component","source_url":"https://framecn.vercel.app/r/infinite-marquee.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/infinite-marquee.json"},{"name":"mesh-gradient-bg","title":"Mesh Gradient Background","description":"Living gradient with amorphous color blobs slowly drifting across the frame.","type":"registry:component","source_url":"https://framecn.vercel.app/r/mesh-gradient-bg.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/mesh-gradient-bg.json"},{"name":"dynamic-grid","title":"Dynamic Grid","description":"Subtle moving grid background with configurable cell size and direction.","type":"registry:component","source_url":"https://framecn.vercel.app/r/dynamic-grid.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dynamic-grid.json"},{"name":"spring-pop-in","title":"Spring Pop In","description":"Elastic spring-driven scale-in wrapper for any child element.","type":"registry:component","source_url":"https://framecn.vercel.app/r/spring-pop-in.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/spring-pop-in.json"},{"name":"simulated-cursor","title":"Simulated Cursor","description":"Animated mouse cursor moving between waypoints with click ripple feedback.","type":"registry:component","source_url":"https://framecn.vercel.app/r/simulated-cursor.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/simulated-cursor.json"},{"name":"pulsing-indicator","title":"Pulsing Indicator","description":"Continuous pulsing dot with ping ring for loading or live states.","type":"registry:component","source_url":"https://framecn.vercel.app/r/pulsing-indicator.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/pulsing-indicator.json"},{"name":"directional-wipe","title":"Directional Wipe","description":"Slide one scene in while pushing the other out.","type":"registry:component","source_url":"https://framecn.vercel.app/r/directional-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/directional-wipe.json"},{"name":"device-mockup-zoom","title":"Device Mockup Zoom","description":"Pull back from a UI to reveal it inside a device frame.","type":"registry:component","source_url":"https://framecn.vercel.app/r/device-mockup-zoom.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/device-mockup-zoom.json"},{"name":"zoom-through-transition","title":"Zoom Through Transition","description":"Aggressively scale into the center of an element.","type":"registry:component","source_url":"https://framecn.vercel.app/r/zoom-through-transition.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/zoom-through-transition.json"},{"name":"staggered-bento-grid","title":"Staggered Bento Grid","description":"Cards pop into a bento grid one after another with a spring.","type":"registry:component","source_url":"https://framecn.vercel.app/r/staggered-bento-grid.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/staggered-bento-grid.json"},{"name":"chat-to-preview-layout","title":"Chat to Preview Layout","description":"Two-column layout where chat shrinks and preview expands.","type":"registry:component","source_url":"https://framecn.vercel.app/r/chat-to-preview-layout.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/chat-to-preview-layout.json"},{"name":"bounding-box-selector","title":"Bounding Box Selector","description":"Figma-style selection rectangle appears around any element.","type":"registry:component","source_url":"https://framecn.vercel.app/r/bounding-box-selector.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/bounding-box-selector.json"},{"name":"animated-line-chart","title":"Animated Line Chart","description":"Line chart whose SVG path draws on from left to right with a leading dot.","type":"registry:component","source_url":"https://framecn.vercel.app/r/animated-line-chart.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/animated-line-chart.json"},{"name":"animated-bar-chart","title":"Animated Bar Chart","description":"Bars spring up from the baseline in a staggered cascade.","type":"registry:component","source_url":"https://framecn.vercel.app/r/animated-bar-chart.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/animated-bar-chart.json"},{"name":"terminal-simulator","title":"Terminal Simulator","description":"Terminal window that types out commands and rolls old lines off the top.","type":"registry:component","source_url":"https://framecn.vercel.app/r/terminal-simulator.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/terminal-simulator.json"},{"name":"code-diff-wipe","title":"Code Diff Wipe","description":"Before/after code reveal via clip-path wipe with a handle marker.","type":"registry:component","source_url":"https://framecn.vercel.app/r/code-diff-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/code-diff-wipe.json"},{"name":"toast-notification","title":"Toast Notification","description":"System-style toast pops in, holds, then slides out.","type":"registry:component","source_url":"https://framecn.vercel.app/r/toast-notification.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/toast-notification.json"},{"name":"drag-and-drop-flow","title":"Drag and Drop Flow","description":"Simulated file drag into a dropzone followed by upload progress.","type":"registry:component","source_url":"https://framecn.vercel.app/r/drag-and-drop-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/drag-and-drop-flow.json"},{"name":"progress-steps","title":"Progress Steps","description":"Multi-step pipeline with sequentially activating nodes and filling lines.","type":"registry:component","source_url":"https://framecn.vercel.app/r/progress-steps.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/progress-steps.json"},{"name":"morphing-modal","title":"Morphing Modal","description":"A bento card lifts off the grid and blooms into a full-screen modal driven by a single heavy spring.","type":"registry:component","source_url":"https://framecn.vercel.app/r/morphing-modal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/morphing-modal.json"},{"name":"data-flow-pipes","title":"Data Flow Pipes","description":"Glowing data packets travel along SVG bezier pipes between system nodes, leaving fading trails.","type":"registry:component","source_url":"https://framecn.vercel.app/r/data-flow-pipes.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/data-flow-pipes.json"},{"name":"cursor-flow","title":"Cursor Flow","description":"A realistic mouse that arcs along cubic Bezier paths, pauses, and clicks targets that dip in response.","type":"registry:component","source_url":"https://framecn.vercel.app/r/cursor-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/cursor-flow.json"},{"name":"code-accordion","title":"Code Accordion","description":"A code window that springs a range of lines closed and replaces them with a \"N lines collapsed\" placeholder.","type":"registry:component","source_url":"https://framecn.vercel.app/r/code-accordion.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/code-accordion.json"},{"name":"glass-code-block","title":"Glass Code Block","description":"A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger reveal.","type":"registry:component","source_url":"https://framecn.vercel.app/r/glass-code-block.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/glass-code-block.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A card with a moonlight-cool radial spotlight that follows a synthetic cursor and lights up its microborder.","type":"registry:component","source_url":"https://framecn.vercel.app/r/spotlight-card.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/spotlight-card.json"},{"name":"perspective-marquee","title":"Perspective Marquee","description":"A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.","type":"registry:component","source_url":"https://framecn.vercel.app/r/perspective-marquee.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/perspective-marquee.json"},{"name":"success-confetti","title":"Success Confetti","description":"Deterministic seeded confetti burst with optional headline.","type":"registry:component","source_url":"https://framecn.vercel.app/r/success-confetti.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/success-confetti.json"},{"name":"frosted-glass-wipe","title":"Frosted Glass Wipe","description":"Elegant scene transition through a sliding pane of frosted glass.","type":"registry:component","source_url":"https://framecn.vercel.app/r/frosted-glass-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/frosted-glass-wipe.json"},{"name":"kinetic-type-mask","title":"Kinetic Type Mask","description":"Use giant typography as a window into the next scene.","type":"registry:component","source_url":"https://framecn.vercel.app/r/kinetic-type-mask.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/kinetic-type-mask.json"},{"name":"spatial-push","title":"Spatial Push","description":"A new scene physically presses the old one back into the frame.","type":"registry:component","source_url":"https://framecn.vercel.app/r/spatial-push.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/spatial-push.json"},{"name":"grid-pixelate-wipe","title":"Grid Pixelate Wipe","description":"Dissolve from one scene to the next through a deterministic grid of mask cells.","type":"registry:component","source_url":"https://framecn.vercel.app/r/grid-pixelate-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/grid-pixelate-wipe.json"},{"name":"chromatic-aberration-wipe","title":"Chromatic Aberration Wipe","description":"An ultra-fast slide transition with an RGB glitch on the peak frames.","type":"registry:component","source_url":"https://framecn.vercel.app/r/chromatic-aberration-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/chromatic-aberration-wipe.json"},{"name":"hero-device-assemble","title":"Hero Device Assemble","description":"Floating device layers spring together into a laptop or phone mockup, then the screen wakes with a shimmer.","type":"registry:component","source_url":"https://framecn.vercel.app/r/hero-device-assemble.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/hero-device-assemble.json"},{"name":"ecosystem-constellation","title":"Ecosystem Constellation","description":"A central logo orbited by integration satellites with pulsing data lines.","type":"registry:component","source_url":"https://framecn.vercel.app/r/ecosystem-constellation.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/ecosystem-constellation.json"},{"name":"ai-generation-canvas","title":"AI Generation Canvas","description":"A prompt input transforms into a header, then a skeleton dashboard flips into populated cards.","type":"registry:component","source_url":"https://framecn.vercel.app/r/ai-generation-canvas.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/ai-generation-canvas.json"},{"name":"live-code-compilation","title":"Live Code Compilation","description":"Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style.","type":"registry:component","source_url":"https://framecn.vercel.app/r/live-code-compilation.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/live-code-compilation.json"},{"name":"landing-code-showcase","title":"Landing Code Showcase","description":"Magical split-screen: code types itself on the left while the preview reactively re-renders on the right with sparks and tactile bounce.","type":"registry:component","source_url":"https://framecn.vercel.app/r/landing-code-showcase.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/landing-code-showcase.json"},{"name":"pipeline-journey","title":"Pipeline Journey","description":"A Kanban ticket arcs across columns triggering landings and a final confetti burst.","type":"registry:component","source_url":"https://framecn.vercel.app/r/pipeline-journey.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/pipeline-journey.json"},{"name":"dashboard-populate","title":"Dashboard Populate","description":"An empty dashboard cascades to life with KPI count-ups, bar bounces, line traces, and a donut fill.","type":"registry:component","source_url":"https://framecn.vercel.app/r/dashboard-populate.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dashboard-populate.json"},{"name":"terminal-to-browser-deploy","title":"Terminal to Browser Deploy","description":"A CLI deploy completes, the terminal blurs back, and a browser window springs from the deploy URL.","type":"registry:component","source_url":"https://framecn.vercel.app/r/terminal-to-browser-deploy.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/terminal-to-browser-deploy.json"},{"name":"browser-flow","title":"Browser Flow","description":"Full Safari/Chrome simulation: typed URL, progress bar, page render, scroll, and a virtual cursor click.","type":"registry:component","source_url":"https://framecn.vercel.app/r/browser-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/browser-flow.json"},{"name":"pricing-tier-focus","title":"Pricing Tier Focus","description":"Three pricing cards where the focused tier rises and brightens while siblings dim and blur.","type":"registry:component","source_url":"https://framecn.vercel.app/r/pricing-tier-focus.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/pricing-tier-focus.json"},{"name":"infinite-bento-pan","title":"Infinite Bento Pan","description":"A camera diagonally drifts across an oversized bento grid behind a soft vignette.","type":"registry:component","source_url":"https://framecn.vercel.app/r/infinite-bento-pan.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/infinite-bento-pan.json"},{"name":"ai-generate-overlay","title":"AI Generate Overlay","description":"Source image blurs under a shimmering dot grid and a pulsing 'Generating…' pill before a new image fades in.","type":"registry:component","source_url":"https://framecn.vercel.app/r/ai-generate-overlay.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/ai-generate-overlay.json"},{"name":"node-reveal","title":"Node Reveal","description":"A wordmark splits apart as a design node scales up from nothing between the two words.","type":"registry:component","source_url":"https://framecn.vercel.app/r/node-reveal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/node-reveal.json"},{"name":"format-morph","title":"Format Morph","description":"One asset reframes itself through every aspect ratio while the headline stretches and compresses around it.","type":"registry:component","source_url":"https://framecn.vercel.app/r/format-morph.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/format-morph.json"},{"name":"image-expand-to-fullscreen","title":"Image Expand To Fullscreen","description":"An image lifts out of a feed post and morphs into a fullscreen editor with toolbars sliding in.","type":"registry:component","source_url":"https://framecn.vercel.app/r/image-expand-to-fullscreen.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/image-expand-to-fullscreen.json"},{"name":"swipe-transition-wipe","title":"Swipe Transition Wipe","description":"Two scenes laid out side-by-side flick across the screen with a parallax background and a darkening outgoing layer.","type":"registry:component","source_url":"https://framecn.vercel.app/r/swipe-transition-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/swipe-transition-wipe.json"},{"name":"product-launch-trailer","title":"Product Launch Trailer","description":"Cinematic Product Hunt teaser: pulsing logo, zoom-through transition, 3D bento fly-over, and a confetti version drop.","type":"registry:component","source_url":"https://framecn.vercel.app/r/product-launch-trailer.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/product-launch-trailer.json"},{"name":"caption-highlight","title":"Caption Highlight","description":"Word-by-word captions with an accent-colored highlight background that sweeps in behind each spoken word.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-highlight.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-highlight.json"},{"name":"caption-pill-karaoke","title":"Caption Pill Karaoke","description":"Karaoke-style captions where each word sits inside a pill-shaped background.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-pill-karaoke.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-pill-karaoke.json"},{"name":"caption-kinetic-slam","title":"Caption Kinetic Slam","description":"Dynamic word-by-word captions: each word pops in with a springy scale/opacity entrance, then drops out in an overlapping ripple.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-kinetic-slam.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-kinetic-slam.json"},{"name":"caption-clip-wipe","title":"Caption Clip Wipe","description":"Words reveal left-to-right via clip-path; keywords turn gold on speak; the group exits with a wipe.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-clip-wipe.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-clip-wipe.json"},{"name":"caption-editorial-emphasis","title":"Caption Editorial Emphasis","description":"Headline-style captions that emphasise specific words using accent colors and weight shifts.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-editorial-emphasis.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-editorial-emphasis.json"},{"name":"caption-emoji-pop","title":"Caption Emoji Pop","description":"Captions with emoji that pop in alongside words.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-emoji-pop.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-emoji-pop.json"},{"name":"caption-glitch-rgb","title":"Caption Glitch RGB","description":"Captions with a glitchy RGB-split effect on each word.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-glitch-rgb.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-glitch-rgb.json"},{"name":"caption-gradient-fill","title":"Caption Gradient Fill","description":"Captions where words fill with a horizontal gradient from left to right.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-gradient-fill.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-gradient-fill.json"},{"name":"caption-matrix-decode","title":"Caption Matrix Decode","description":"Matrix-style green text decodes from blur to sharp on each word.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-matrix-decode.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-matrix-decode.json"},{"name":"caption-neon-accent","title":"Caption Neon Accent","description":"Captions where words glow with a bright neon accent border and subtle glow.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-neon-accent.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-neon-accent.json"},{"name":"caption-neon-glow","title":"Caption Neon Glow","description":"Captions with a neon glow effect on each word.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-neon-glow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-neon-glow.json"},{"name":"caption-parallax-layers","title":"Caption Parallax Layers","description":"Multi-layer captions where background and foreground words move at different depths, creating a parallax depth effect.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-parallax-layers.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-parallax-layers.json"},{"name":"caption-particle-burst","title":"Caption Particle Burst","description":"Captions where each word explodes into particles as it exits.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-particle-burst.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-particle-burst.json"},{"name":"caption-texture","title":"Caption Texture","description":"Captions filled with a rich gradient texture that animates across words.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-texture.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-texture.json"},{"name":"caption-weight-shift","title":"Caption Weight Shift","description":"Font weight animates from 100 to 900 when each word is spoken, back to thin after.","type":"registry:component","source_url":"https://framecn.vercel.app/r/caption-weight-shift.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caption-weight-shift.json"},{"name":"confetti","title":"Confetti","description":"Deterministic CSS-animated particle burst celebration effect.","type":"registry:component","source_url":"https://framecn.vercel.app/r/confetti.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/confetti.json"},{"name":"logo-enter","title":"Logo Enter","description":"Row of overlapping logo circles that spring in one by one.","type":"registry:component","source_url":"https://framecn.vercel.app/r/logo-enter.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/logo-enter.json"},{"name":"backdrop","title":"Backdrop","description":"Layout wrapper providing a background fill with optional padding, radius, and shadow.","type":"registry:component","source_url":"https://framecn.vercel.app/r/backdrop.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/backdrop.json"},{"name":"top-down-letters","title":"Top Down Letters","description":"Letters animate in from top to bottom.","type":"registry:component","source_url":"https://framecn.vercel.app/r/top-down-letters.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/top-down-letters.json"},{"name":"blur-out-up","title":"Blur Out Up","description":"Words blur and drift upward while fading out, staggered per word.","type":"registry:component","source_url":"https://framecn.vercel.app/r/blur-out-up.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/blur-out-up.json"},{"name":"focus-blur-resolve","title":"Focus Blur Resolve","description":"Text resolves into focus from a blurred, shifted state, then blurs back out on exit.","type":"registry:component","source_url":"https://framecn.vercel.app/r/focus-blur-resolve.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/focus-blur-resolve.json"},{"name":"per-character-rise","title":"Per Character Rise","description":"Characters rise from below with a smooth spring-like easing, staggered one frame apart.","type":"registry:component","source_url":"https://framecn.vercel.app/r/per-character-rise.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/per-character-rise.json"},{"name":"scale-down-fade","title":"Scale Down Fade","description":"Text enters scaling down into place with a fade, then shrinks and fades out.","type":"registry:component","source_url":"https://framecn.vercel.app/r/scale-down-fade.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/scale-down-fade.json"},{"name":"shader-color-panels","title":"Shader Color Panels","description":"Overlapping translucent color panels sliding past each other.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-color-panels.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-color-panels.json"},{"name":"shader-dithering","title":"Shader Dithering","description":"Ordered-dither shading over an animated gradient field.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-dithering.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-dithering.json"},{"name":"shader-dot-orbit","title":"Shader Dot Orbit","description":"Dots orbiting on concentric paths across the frame.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-dot-orbit.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-dot-orbit.json"},{"name":"shader-god-rays","title":"Shader God Rays","description":"Volumetric light rays radiating from an off-screen source.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-god-rays.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-god-rays.json"},{"name":"shader-grain-gradient","title":"Shader Grain Gradient","description":"Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-grain-gradient.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-grain-gradient.json"},{"name":"shader-liquid-metal","title":"Shader Liquid Metal","description":"Molten metallic surface with flowing specular highlights.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-liquid-metal.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-liquid-metal.json"},{"name":"shader-mesh-gradient","title":"Shader Mesh Gradient","description":"WebGL mesh gradient backdrop driven per-frame for deterministic Editframe renders.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-mesh-gradient.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-mesh-gradient.json"},{"name":"shader-metaballs","title":"Shader Metaballs","description":"Organic blobs merging and splitting like lava.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-metaballs.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-metaballs.json"},{"name":"shader-neuro-noise","title":"Shader Neuro Noise","description":"Organic neural-web noise field that slowly morphs.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-neuro-noise.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-neuro-noise.json"},{"name":"shader-perlin-noise","title":"Shader Perlin Noise","description":"Classic Perlin noise clouds drifting across the frame.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-perlin-noise.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-perlin-noise.json"},{"name":"shader-pulsing-border","title":"Shader Pulsing Border","description":"Glowing border frame that pulses around the edges.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-pulsing-border.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-pulsing-border.json"},{"name":"shader-simplex-noise","title":"Shader Simplex Noise","description":"Simplex noise flow field, smoother than Perlin.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-simplex-noise.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-simplex-noise.json"},{"name":"shader-smoke-ring","title":"Shader Smoke Ring","description":"Soft smoke ring curling and dissipating in place.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-smoke-ring.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-smoke-ring.json"},{"name":"shader-spiral","title":"Shader Spiral","description":"Rotating spiral arms radiating from the center.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-spiral.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-spiral.json"},{"name":"shader-swirl","title":"Shader Swirl","description":"Concentric bands swirling around a center point.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-swirl.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-swirl.json"},{"name":"shader-voronoi","title":"Shader Voronoi","description":"Animated Voronoi cells shifting and re-tessellating.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-voronoi.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-voronoi.json"},{"name":"shader-warp","title":"Shader Warp","description":"Domain-warped color field that folds and stretches like liquid.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-warp.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-warp.json"},{"name":"shader-water","title":"Shader Water","description":"Caustic water-surface ripples with subtle refraction.","type":"registry:component","source_url":"https://framecn.vercel.app/r/shader-water.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/shader-water.json"},{"name":"framecn-ui","title":"Framecn UI Core","description":"Frame context, timeline transitions, official shadcn theme palettes, and selectable icons.","type":"registry:lib","source_url":"https://framecn.vercel.app/r/framecn-ui.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/framecn-ui.json"},{"name":"accordion","title":"Accordion","description":"Timeline-driven accordion.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/accordion.json"},{"name":"ai-prompt-flow","title":"Ai Prompt Flow","description":"Timeline-driven ai prompt flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/ai-prompt-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/ai-prompt-flow.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Timeline-driven alert dialog.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/alert-dialog.json"},{"name":"blur-in","title":"Blur In","description":"Timeline-driven blur in.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/blur-in.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/blur-in.json"},{"name":"button","title":"Button","description":"Timeline-driven button.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/button.json"},{"name":"caret","title":"Caret","description":"Timeline-driven caret.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/caret.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/caret.json"},{"name":"chat-flow","title":"Chat Flow","description":"Timeline-driven chat flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/chat-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/chat-flow.json"},{"name":"checkbox","title":"Checkbox","description":"Timeline-driven checkbox.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/checkbox.json"},{"name":"checkout-flow","title":"Checkout Flow","description":"Timeline-driven checkout flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/checkout-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/checkout-flow.json"},{"name":"combobox","title":"Combobox","description":"Timeline-driven combobox.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/combobox.json"},{"name":"command-menu","title":"Command Menu","description":"Timeline-driven command menu.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/command-menu.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/command-menu.json"},{"name":"command-menu-item","title":"command-menu-item","description":"Timeline-driven command menu item.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/command-menu-item.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/command-menu-item.json"},{"name":"context-menu","title":"Context Menu","description":"Timeline-driven context menu.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/context-menu.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/context-menu.json"},{"name":"cursor","title":"Cursor","description":"Timeline-driven cursor.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/cursor.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/cursor.json"},{"name":"dialog","title":"Dialog","description":"Timeline-driven dialog.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Timeline-driven drawer.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Timeline-driven dropdown menu.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dropdown-menu.json"},{"name":"dropdown-menu-item","title":"dropdown-menu-item","description":"Timeline-driven dropdown menu item.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/dropdown-menu-item.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/dropdown-menu-item.json"},{"name":"field","title":"field","description":"Timeline-driven field.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/field.json"},{"name":"imessage-chat-flow","title":"Imessage Chat Flow","description":"Timeline-driven imessage chat flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/imessage-chat-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/imessage-chat-flow.json"},{"name":"input","title":"Input","description":"Timeline-driven input.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/input.json"},{"name":"message-bubble","title":"Message Bubble","description":"Timeline-driven message bubble.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/message-bubble.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/message-bubble.json"},{"name":"onboarding-stepper-flow","title":"Onboarding Stepper Flow","description":"Timeline-driven onboarding stepper flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/onboarding-stepper-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/onboarding-stepper-flow.json"},{"name":"popover","title":"Popover","description":"Timeline-driven popover.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/popover.json"},{"name":"progress","title":"Progress","description":"Timeline-driven progress.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/progress.json"},{"name":"radio","title":"Radio","description":"Timeline-driven radio.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/radio.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/radio.json"},{"name":"resizable","title":"Resizable","description":"Timeline-driven resizable.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/resizable.json"},{"name":"select","title":"Select","description":"Timeline-driven select.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/select.json"},{"name":"select-item","title":"select-item","description":"Timeline-driven select item.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/select-item.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/select-item.json"},{"name":"settings-toggle-flow","title":"Settings Toggle Flow","description":"Timeline-driven settings toggle flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/settings-toggle-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/settings-toggle-flow.json"},{"name":"sheet","title":"Sheet","description":"Timeline-driven sheet.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/sheet.json"},{"name":"signup-flow","title":"Signup Flow","description":"Timeline-driven signup flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/signup-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/signup-flow.json"},{"name":"skeleton","title":"Skeleton","description":"Timeline-driven skeleton.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/skeleton.json"},{"name":"skeleton-block","title":"skeleton-block","description":"Timeline-driven skeleton block.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/skeleton-block.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/skeleton-block.json"},{"name":"slider","title":"Slider","description":"Timeline-driven slider.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/slider.json"},{"name":"spinner","title":"Spinner","description":"Timeline-driven spinner.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/spinner.json"},{"name":"stepper","title":"Stepper","description":"Timeline-driven stepper.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/stepper.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/stepper.json"},{"name":"switch","title":"Switch","description":"Timeline-driven switch.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Timeline-driven tabs.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/tabs.json"},{"name":"telegram-chat-flow","title":"Telegram Chat Flow","description":"Timeline-driven telegram chat flow.","type":"registry:block","source_url":"https://framecn.vercel.app/r/telegram-chat-flow.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/telegram-chat-flow.json"},{"name":"toast","title":"Toast","description":"Timeline-driven toast.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/toast.json"},{"name":"toggle-group","title":"Toggle Group","description":"Timeline-driven toggle group.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Timeline-driven tooltip.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/tooltip.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"Timeline-driven typing indicator.","type":"registry:ui","source_url":"https://framecn.vercel.app/r/typing-indicator.json","install_command":"npx shadcn@latest add https://framecn.vercel.app/r/typing-indicator.json"}]},{"id":"gaia","name":"@gaia","slug":"gaia","description":"Production-ready, open-source React components from the GAIA AI assistant team, built on Radix UI and Tailwind CSS. Includes ~30 components: Chat Demo, Chat Composer, iOS Message Bubbles, Model Selector, Tool Calls Section, AI streaming-oriented cards, Code Block, Knowledge Graph, File Dropzone, File Preview, and supporting data-viz (Area, Bar, Line, Pie, Scatter, Gauge, Radar charts) plus utility components like Navbar Menu, Slash Command Dropdown, and Workflow Card. Use for: assembling conversational AI assistant UIs and chatbot interfaces that need a polished, ready-to-ship look with minimal setup.","author":"heygaia","framework":"react","license":"MIT","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","hooks","icons","loaders","media","mobile","navigation","overlays"],"categories":["AI/chat UI"],"labels":["featured"],"urls":{"website":"https://ui.heygaia.io","github":"https://github.com/heygaia/ui","registry":"https://ui.heygaia.io/r/registry.json","source":"https://ui.heygaia.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gaia","markdown":"https://sh4dcn.netlify.app/md/gaia.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2441.45 2400'><defs><style>.cls-1{fill:#0f537c}.cls-2{fill:#02bdff}.cls-3{fill:#059cda}</style></defs><g id='Layer_1' data-name='Layer 1'><g><path class='cls-3' d='M2294.76,754.91c52.05,40.47,71.76,93.13,90.55,154.88,197.81,650.16-261.39,1391.76-935.7,1488.14-21.8,3.12-71.79-10.84-92.82-19.75,56.56,5.45,107.78-12.37,158.53-34.53,231.32-101.03,347.34-289.02,356.36-540.29,2.82-78.64-6.26-139.1-15.36-215-.17-1.41.2-2.97,0-4.36,10.57.02,20.27-4.54,29.83-8.35,160.58-63.98,349.04-190.78,416.22-356.05,43.56-107.16,57.02-244.62,35.39-358.23-7.47-39.21-20.03-73.69-42.99-106.46Z'/><path class='cls-3' d='M148.33,759.27c-66.61,93.84-55.47,288.96-25.54,395.37,53.37,189.75,213.09,315.21,384.68,396.32,24.67,11.66,53.12,24.23,79.31,30.86l2.18,4.36c-1.66,6.59-5.46,14.39-6.37,20.9-21.41,152.78-12.44,330.19,53.98,471.49,64.34,136.89,285.66,307.41,441.01,301.8-49.61,22.02-102.16,12.47-153.1,1.5C286.1,2244.42-134.68,1528.46,62.69,901.61c14.68-46.61,31.08-89.68,64.6-126.3l21.04-16.04Z'/><path class='cls-3' d='M290.12,514.91c5.34-52.72,39.4-94.96,73.04-133.12,426.06-483.19,1252.51-488.16,1697.43-27.57,43.5,45.03,89.12,97.14,98.92,160.69-42.11-71.19-117.1-125.07-189.73-162.59-204.09-105.44-387.41-82.71-583.93,24.76-47.65,26.06-104.22,61.67-145.71,96.44-4.4,3.69-8.87,8.24-12.06,13.03h-6.54c-29.89-30.53-68.56-56.62-104.89-79.45-149.66-94.07-319.77-154.18-497.17-109.29-97.33,24.63-290.5,119.22-329.37,217.1ZM547.52,233.44c1.45,1.35,8.65-1.02,8.67-3.26.06-6.51-12.83-.61-8.67,3.26Z'/><path class='cls-1' d='M1856.31,1584c-5.67-40.19-5.48-89.09-4.45-129.91,5.15-203.81,70.21-488.23,209.55-643.49,58.33-65,152.18-118.81,233.35-55.69,22.96,32.77,35.52,67.24,42.99,106.46,21.63,113.62,8.17,251.08-35.39,358.23-67.18,165.27-255.63,292.07-416.22,356.05-9.56,3.81-19.26,8.37-29.83,8.35Z'/><path class='cls-1' d='M588.96,1586.18c131.16,59.49,255.06,148.11,356.9,249.61,95.16,94.85,235.97,275.99,227.8,417.03-3,51.75-34.83,114.47-89.54,125.35-1.76.35-3.74-.05-4.36,2.18-.72.06-1.46-.03-2.18,0-155.36,5.62-376.67-164.91-441.01-301.8-66.41-141.3-75.38-318.71-53.98-471.49.91-6.51,4.71-14.31,6.37-20.9Z'/><path class='cls-1' d='M1221.55,486.55c-117.35,84.94-258.36,147.92-398.71,184.83-132.56,34.87-378.72,69.78-490.24-27.69-32.68-28.56-59.45-86.04-42.48-128.78,38.87-97.88,232.04-192.47,329.37-217.1,177.4-44.9,347.51,15.22,497.17,109.29,36.33,22.84,75,48.92,104.89,79.45Z'/><path class='cls-2' d='M1856.31,1588.36c9.1,75.9,18.18,136.36,15.36,215-9.02,251.27-125.04,439.26-356.36,540.29-50.75,22.16-101.96,39.98-158.53,34.53-126.94-53.77-87.47-203.8-38.27-301.19,95.44-188.97,303.5-371.35,490.07-467.64,15.29-7.89,31.28-16.21,47.73-20.99Z'/><path class='cls-2' d='M148.33,759.27c1.09-1.54,1.16-4.77,2.73-5.94,51.61-33.19,101.95-35.59,156.6-6.16,144.17,77.63,232.06,337.61,261.03,489.46,21.52,112.79,30.38,230.97,18.09,345.18-26.19-6.63-54.64-19.2-79.31-30.86-171.59-81.11-331.31-206.57-384.68-396.32-29.93-106.41-41.07-301.52,25.54-395.37Z'/><path class='cls-2' d='M2159.52,514.91c18.04,116.94-78.85,167.98-178.46,184.77-146.36,24.67-319.01-11.4-457.43-60.36-103.63-36.66-207.05-87.74-295.53-152.77,3.19-4.79,7.66-9.34,12.06-13.03,41.49-34.77,98.06-70.38,145.71-96.44,196.52-107.47,379.84-130.2,583.93-24.76,72.63,37.52,147.62,91.41,189.73,162.59Z'/><path class='cls-3' d='M1084.12,2378.18c-.68,2.09-2.49,2.04-4.36,2.18.63-2.23,2.6-1.83,4.36-2.18Z'/><path class='cls-1' d='M547.52,233.44c-4.16-3.87,8.74-9.77,8.67-3.26-.02,2.24-7.22,4.61-8.67,3.26Z'/></g></g><g id='Layer_2' data-name='Layer 2'><path class='cls-3' d='M568.24,221.98c.9,7.44,1.13,14.95.68,22.43-.07,1.15-.25,2.47-1.22,3.09-.59.38-1.34.39-2.05.4-7.23.02-14.47.03-21.7.05-2.1,0-4.57-.18-5.69-1.96-.61-.98-.64-2.2-.65-3.35-.01-2.17-.03-4.33-.04-6.5-.07-11.62,30.13-18.53,30.67-14.16Z'/></g></svg>","preview_image":"https://ui.heygaia.io/api/og?type=docs&amp;title=GAIA%20UI%20-%20Open%20Source%20Components%20for%20AI%20Assistants","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":223,"open_issues":4,"last_commit":"2026-09-03T10:21:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.heygaia.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.heygaia.io/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.heygaia.io/r/registry.json","clone":"git clone https://github.com/heygaia/ui.git","clone_degit":"npx degit heygaia/ui","registry_fetch":"curl -s https://ui.heygaia.io/r/registry.json"},"component_count":29,"components":[{"name":"icons","title":"Icons","description":"Hugeicons wrapper for all components. Uses free icons by default - upgrade to Pro by changing imports.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/icons.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/icons.json"},{"name":"holo-card","title":"Holo Card","description":"An interactive 3D holographic profile card with tilt effects, sparkle animations, and flip functionality.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/holo-card.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/holo-card.json"},{"name":"nested-menu","title":"Nested Menu","description":"A hover-activated nested menu component for multi-level navigation with smooth animations.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/nested-menu.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/nested-menu.json"},{"name":"raised-button","title":"Raised Button","description":"A beautiful 3D raised button with customizable colors and dynamic text contrast.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/raised-button.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/raised-button.json"},{"name":"navbar-menu","title":"Navbar Menu","description":"A beautiful animated dropdown menu for navigation with support for icons, descriptions, and custom layouts.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/navbar-menu.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/navbar-menu.json"},{"name":"github-stars-button","title":"GitHub Stars Button","description":"A beautiful button that displays your GitHub repository's star count with real-time data fetching.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/github-stars-button.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/github-stars-button.json"},{"name":"author-tooltip","title":"Author Tooltip","description":"An interactive avatar with tooltip showing author information and social links.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/author-tooltip.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/author-tooltip.json"},{"name":"link-preview","title":"Link Preview","description":"An interactive link component with rich preview tooltip showing website metadata like title, description, and images.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/link-preview.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/link-preview.json"},{"name":"email-compose-card","title":"Email Compose Card","description":"An AI-powered email composition card with recipient validation, smart inputs, and beautiful styling.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/email-compose-card.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/email-compose-card.json"},{"name":"search-results-tabs","title":"Search Results Tabs","description":"A beautiful component for displaying search results with web pages, images, and news in an organized, interactive layout.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/search-results-tabs.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/search-results-tabs.json"},{"name":"message-bubble","title":"iOS Message Bubbles","description":"Beautiful iOS-style message bubbles with authentic iMessage appearance, message grouping, and tail effects.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/message-bubble.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/message-bubble.json"},{"name":"iphone-mockup","title":"iPhone Mockup","description":"Pixel-perfect iPhone Pro mockup with Dynamic Island, side buttons, status bar and home indicator. Geometry matched to orchid.ai (390 x 815 chassis, 56/46 px co…","type":"registry:ui","source_url":"https://ui.heygaia.io/r/iphone-mockup.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/iphone-mockup.json"},{"name":"chat-demo","title":"Chat Demo","description":"Reusable platform-aware chat preview with pixel-accurate bubbles, headers and composers for iMessage, WhatsApp, Slack, Discord and Telegram. Designed to drop i…","type":"registry:ui","source_url":"https://ui.heygaia.io/r/chat-demo.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/chat-demo.json"},{"name":"weather-card","title":"Weather Card","description":"A beautiful, interactive weather card component with forecast, detailed metrics, and multiple weather conditions support.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/weather-card.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/weather-card.json"},{"name":"slash-command-dropdown","title":"Slash Command Dropdown","description":"A slash command dropdown for selecting tools and actions with categorization and search.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/slash-command-dropdown.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/slash-command-dropdown.json"},{"name":"composer","title":"Composer","description":"A chat message input component with file attachments, auto-growing textarea, and tool integration support.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/composer.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/composer.json"},{"name":"pricing-card","title":"Pricing Card","description":"A beautiful glassmorphism pricing card component with nested card design, feature lists, and customizable accent colors.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/pricing-card.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/pricing-card.json"},{"name":"knowledge-graph","title":"Knowledge Graph","description":"An interactive D3.js-powered knowledge graph visualization with zoom, pan, drag, tooltips, and export functionality.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/knowledge-graph.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/knowledge-graph.json"},{"name":"tool-calls-section","title":"Tool Calls Section","description":"An expandable section showing AI agent tool usage with icons, inputs, and outputs.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/tool-calls-section.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/tool-calls-section.json"},{"name":"wave-spinner","title":"Wave Spinner","description":"A beautiful animated loading spinner with wave effects, multiple patterns, colors, and highly customizable animations.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/wave-spinner.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/wave-spinner.json"},{"name":"stat-row","title":"Stat Row","description":"A compact KPI tile with optional trend indicator for dashboards and summary panels.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/stat-row.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/stat-row.json"},{"name":"bar-chart","title":"Bar Chart","description":"A bar chart for comparisons and distributions, with stacked, horizontal, and grouped variants.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/bar-chart.json"},{"name":"line-chart","title":"Line Chart","description":"A line chart for trends over time with optional dots, labels, and multiple series.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/line-chart.json"},{"name":"area-chart","title":"Area Chart","description":"A filled area chart with gradient fills for cumulative trends and stacked totals.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/area-chart.json"},{"name":"pie-chart","title":"Pie Chart","description":"A pie chart for proportions with donut, label, and legend display modes.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/pie-chart.json"},{"name":"scatter-chart","title":"Scatter Chart","description":"A scatter chart for exploring correlation between two numeric variables.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/scatter-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/scatter-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"A radar chart for multi-axis comparisons across several dimensions.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/radar-chart.json"},{"name":"gauge-chart","title":"Gauge Chart","description":"A radial gauge for a single value with thresholds, plus text and stacked variants.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/gauge-chart.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/gauge-chart.json"},{"name":"footer-glow","title":"Footer Glow","description":"A glowing footer backdrop with an interactive halftone wordmark.","type":"registry:ui","source_url":"https://ui.heygaia.io/r/footer-glow.json","install_command":"npx shadcn@latest add https://ui.heygaia.io/r/footer-glow.json"}]},{"id":"gamekitui","name":"@gamekitui","slug":"gamekitui","description":"Drop-in, themeable browser games for shadcn — Snake, 2048, Minesweeper, and more. Each is a single self-contained file with zero dependencies.","author":"slarity","framework":"react","license":"MIT","tags":["gaming","media","theming"],"categories":["Theming/styling"],"labels":[],"urls":{"website":"https://gamekitui.com","github":"https://github.com/slarity/gamekit-ui","registry":"https://gamekitui.com/r/registry.json","source":"https://gamekitui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gamekitui","markdown":"https://sh4dcn.netlify.app/md/gamekitui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='#0d0e13'/><rect x='18' y='16' width='4' height='4' fill='#57f2a4'/><rect x='42' y='16' width='4' height='4' fill='#57f2a4'/><rect x='22' y='20' width='4' height='4' fill='#57f2a4'/><rect x='38' y='20' width='4' height='4' fill='#57f2a4'/><rect x='18' y='24' width='4' height='4' fill='#57f2a4'/><rect x='22' y='24' width='4' height='4' fill='#57f2a4'/><rect x='26' y='24' width='4' height='4' fill='#57f2a4'/><rect x='30' y='24' width='4' height='4' fill='#57f2a4'/><rect x='34' y='24' width='4' height='4' fill='#57f2a4'/><rect x='38' y='24' width='4' height='4' fill='#57f2a4'/><rect x='42' y='24' width='4' height='4' fill='#57f2a4'/><rect x='14' y='28' width='4' height='4' fill='#57f2a4'/><rect x='18' y='28' width='4' height='4' fill='#57f2a4'/><rect x='26' y='28' width='4' height='4' fill='#57f2a4'/><rect x='30' y='28' width='4' height='4' fill='#57f2a4'/><rect x='34' y='28' width='4' height='4' fill='#57f2a4'/><rect x='42' y='28' width='4' height='4' fill='#57f2a4'/><rect x='46' y='28' width='4' height='4' fill='#57f2a4'/><rect x='10' y='32' width='4' height='4' fill='#57f2a4'/><rect x='14' y='32' width='4' height='4' fill='#57f2a4'/><rect x='18' y='32' width='4' height='4' fill='#57f2a4'/><rect x='22' y='32' width='4' height='4' fill='#57f2a4'/><rect x='26' y='32' width='4' height='4' fill='#57f2a4'/><rect x='30' y='32' width='4' height='4' fill='#57f2a4'/><rect x='34' y='32' width='4' height='4' fill='#57f2a4'/><rect x='38' y='32' width='4' height='4' fill='#57f2a4'/><rect x='42' y='32' width='4' height='4' fill='#57f2a4'/><rect x='46' y='32' width='4' height='4' fill='#57f2a4'/><rect x='50' y='32' width='4' height='4' fill='#57f2a4'/><rect x='10' y='36' width='4' height='4' fill='#57f2a4'/><rect x='18' y='36' width='4' height='4' fill='#57f2a4'/><rect x='22' y='36' width='4' height='4' fill='#57f2a4'/><rect x='26' y='36' width='4' height='4' fill='#57f2a4'/><rect x='30' y='36' width='4' height='4' fill='#57f2a4'/><rect x='34' y='36' width='4' height='4' fill='#57f2a4'/><rect x='38' y='36' width='4' height='4' fill='#57f2a4'/><rect x='42' y='36' width='4' height='4' fill='#57f2a4'/><rect x='50' y='36' width='4' height='4' fill='#57f2a4'/><rect x='10' y='40' width='4' height='4' fill='#57f2a4'/><rect x='18' y='40' width='4' height='4' fill='#57f2a4'/><rect x='42' y='40' width='4' height='4' fill='#57f2a4'/><rect x='50' y='40' width='4' height='4' fill='#57f2a4'/><rect x='22' y='44' width='4' height='4' fill='#57f2a4'/><rect x='26' y='44' width='4' height='4' fill='#57f2a4'/><rect x='34' y='44' width='4' height='4' fill='#57f2a4'/><rect x='38' y='44' width='4' height='4' fill='#57f2a4'/></svg>","preview_image":"https://gamekitui.com/opengraph-image.png?opengraph-image.1n4-ubn_padaw.png?dpl=dpl_AbDETbP8GR27eXcZ38AMPqotQyx5","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":36,"open_issues":0,"last_commit":"2026-06-10T10:30:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gamekitui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gamekitui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://gamekitui.com/r/registry.json","clone":"git clone https://github.com/slarity/gamekit-ui.git","clone_degit":"npx degit slarity/gamekit-ui","registry_fetch":"curl -s https://gamekitui.com/r/registry.json"},"component_count":12,"components":[{"name":"snake","title":"Snake","description":"A tiny, themeable Snake game. ≤6KB gzipped, zero external assets.","type":"registry:component","source_url":"https://gamekitui.com/r/snake.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/snake.json"},{"name":"tic-tac-toe","title":"Tic-Tac-Toe","description":"Classic 3×3 Tic-Tac-Toe with an unbeatable CPU. Pure DOM, fully themeable.","type":"registry:component","source_url":"https://gamekitui.com/r/tic-tac-toe.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/tic-tac-toe.json"},{"name":"2048","title":"2048","description":"The addictive sliding-tile puzzle. Reach 2048. Swipe or arrow keys.","type":"registry:component","source_url":"https://gamekitui.com/r/2048.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/2048.json"},{"name":"memory-match","title":"Memory Match","description":"Flip cards to find matching pairs in as few moves as possible.","type":"registry:component","source_url":"https://gamekitui.com/r/memory-match.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/memory-match.json"},{"name":"whack-a-mole","title":"Whack-a-Mole","description":"Tap the moles before they duck. 30-second pointer-only arcade game.","type":"registry:component","source_url":"https://gamekitui.com/r/whack-a-mole.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/whack-a-mole.json"},{"name":"minesweeper","title":"Minesweeper","description":"Deterministic 9×9 Minesweeper. Left-click reveals, right-click / long-press flags.","type":"registry:component","source_url":"https://gamekitui.com/r/minesweeper.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/minesweeper.json"},{"name":"pong","title":"Pong","description":"The original. Player vs CPU. First to 7. W/S or arrow keys.","type":"registry:component","source_url":"https://gamekitui.com/r/pong.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/pong.json"},{"name":"breakout","title":"Breakout","description":"Bounce the ball, clear the bricks, don't drop. Endless levels.","type":"registry:component","source_url":"https://gamekitui.com/r/breakout.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/breakout.json"},{"name":"dino-runner","title":"Dino Runner","description":"The offline-dino endless runner. Jump the cacti. Perfect for 404 pages.","type":"registry:component","source_url":"https://gamekitui.com/r/dino-runner.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/dino-runner.json"},{"name":"flappy","title":"Flappy","description":"Tap to flap through the pipes. A tiny infinite runner for loading screens.","type":"registry:component","source_url":"https://gamekitui.com/r/flappy.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/flappy.json"},{"name":"fruit-ninja","title":"Fruit Ninja","description":"Slice the flying fruit, dodge the bombs, beat the clock. A juicy 60-second arcade run.","type":"registry:component","source_url":"https://gamekitui.com/r/fruit-ninja.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/fruit-ninja.json"},{"name":"stack","title":"Stack","description":"The one-tap tower builder. Drop the sliding block, keep the overlap, stack as high as you can — every layer a shade of your theme.","type":"registry:component","source_url":"https://gamekitui.com/r/stack.json","install_command":"npx shadcn@latest add https://gamekitui.com/r/stack.json"}]},{"id":"gamifykit","name":"@gamifykit","slug":"gamifykit","description":"A small, focused shadcn/ui extension registry providing composable gamification UI components: Achievements, Daily Streak, and Leaderboard (3 components visible in docs). Built with React, TypeScript, Tailwind CSS, and Radix UI primitives, following the same copy-paste pattern as shadcn/ui. Free and open-source; minimal setup beyond an existing shadcn project. Use for: adding gamification elements — streaks, achievement badges, and ranked leaderboards — to SaaS dashboards or social apps without building them from scratch.","author":"gamifykit","framework":"react","license":"MIT","tags":["dashboard","design-system","gaming","hooks","saas"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://gamifykit.com","github":"https://github.com/gamifykit/ui","registry":"https://gamifykit.com/r/registry.json","source":"https://gamifykit.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gamifykit","markdown":"https://sh4dcn.netlify.app/md/gamifykit.md"},"logo":"<svg fill='none' height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='2.58298' x2='37.3592' y1='.693007' y2='.693008'><stop offset='0' stop-color='#fff' stop-opacity='.35'/><stop offset='.046875' stop-color='#fff' stop-opacity='0'/><stop offset='.364583' stop-color='#fff' stop-opacity='0'/><stop offset='.458333' stop-color='#fff' stop-opacity='.5'/><stop offset='.505208' stop-color='#fff' stop-opacity='.5'/><stop offset='.734375' stop-opacity='.35'/></linearGradient><clipPath id='b'><path d='m2.57434.671898h34.8004v38.6562h-34.8004z'/></clipPath><clipPath id='c'><path d='m0 0h13.0411v17.7525h-13.0411z' transform='matrix(.83205 -.5547 .830139 .557556 7.245 11.294)'/></clipPath><mask id='d' height='15' maskUnits='userSpaceOnUse' width='22' x='11' y='6'><path d='m21.0597 19.3405c.5122-.3415 1.3382-.3416 1.8458-.001.507.3408.5042.8937-.0082 1.2353-.5089.338-1.3317.3363-1.8395-.0035-.5058-.341-.5051-.8916.0019-1.2308zm9.3933-6.007c.1999-.1339.4664-.2019.7287-.1991.2625.0019.5242.0734.7217.2064.1984.1328.3033.3085.3025.4837.0006.1751-.1049.3505-.3035.4826l-6.8696 4.5797c-.1983.1324-.46.2027-.7224.2036-.2624.0018-.5286-.067-.7284-.2019-.2004-.1343-.3032-.3121-.3024-.4881-.0004-.176.1029-.3536.3038-.4871zm-12.3509 4.0206c.5123-.3416 1.3384-.3415 1.8461-.0009.255.1711.3847.3968.3838.6205.0003.2239-.1299.4491-.3853.6193-.5088.3387-1.3348.3355-1.8462-.008-.506-.3411-.5056-.8916.0016-1.2309zm9.4001-6.0024c.1981-.1324.4605-.2024.7222-.2015.2618.0001.5241.0711.7217.2044.2.1338.3079.3101.3084.4862.0018.1764-.104.3525-.3027.4845l-6.8696 4.5797c-.1983.1323-.461.203-.7252.203-.2639.001-.5309-.0698-.7324-.2058-.2009-.1342-.3027-.3126-.2991-.488.0023-.1758.1086-.3507.3071-.4828zm-14.1-3.87691 3.5677 1.22423 2.8351-1.89054c.2997-.19984.8075-.02577.7406.25403l-.6305 2.64665 3.5681 1.22364c.3773.1294.2878.5059-.1308.5494l-3.9577.4116-.6296 2.6466c-.0665.2799-.6298.3386-.8216.0856l-1.8152-2.3923-3.9577.4122c-.4183.0436-.6765-.2968-.3768-.4967l2.8358-1.89-1.8162-2.39188c-.192-.25291.2115-.52192.5888-.39253z' fill='#fff'/></mask><g clip-path='url(#b)'><path d='m17.8839 13.0234c1.277-.3288 2.6559-.3406 3.9385-.0342 1.458.3484 2.7283 1.3009 5.2686 3.2061l5.6445 4.2334c.5924.4443 1.1148.8386 1.5752 1.1933l2.7646-.0244c.1399-.0012.2547.1121.2549.252l.002 3.6865c.0662.6258-.0256 1.2597-.2774 1.8662-.463 1.1154-1.7162 2.0906-4.2226 4.04l-5.5694 4.3321c-2.5066 1.9495-3.7601 2.924-5.2119 3.2978-1.277.3289-2.6559.3406-3.9385.0342-1.458-.3484-2.7283-1.3009-5.2685-3.206l-5.64455-4.2334c-2.5401-1.9051-3.81034-2.8579-4.29297-3.9649-.19346-.4439-.29951-.9047-.32031-1.3672-.0015-.0111-.0039-.0226-.0039-.0342v-.0683c-.00056-.0319-.00027-.0638 0-.0957v-3.9922c-.00001-.1383.11166-.2508.25-.252l2.72167-.0234c.45269-.3615.96679-.7621 1.54883-1.2148l5.56933-4.3321c2.5066-1.9496 3.7601-2.925 5.2119-3.2988z' fill='#ffce5c'/><path d='m17.8834 8.99213c1.2769-.32881 2.6559-.34147 3.9385-.03515 1.458.34829 2.7284 1.30102 5.2685 3.20602l5.6455 4.2344c.5966.4474 1.1223.8435 1.585 1.2002l2.7549-.0244c.1397-.0011.2536.1122.2539.2519l.0029 3.6885c.0643.6226-.0269 1.253-.2773 1.8565-.463 1.1154-1.7162 2.0905-4.2227 4.04l-5.5703 4.332c-2.5062 1.9493-3.7594 2.924-5.211 3.2979-1.2769.3288-2.6559.3415-3.9384.0351-1.4581-.3483-2.7282-1.3017-5.2686-3.207l-5.64549-4.2334c-2.54023-1.9052-3.81048-2.8577-4.29297-3.9648-.19186-.4403-.29729-.8969-.31934-1.3555-.00186-.0124-.00488-.0252-.00488-.0381v-.0801c-.0004-.0247-.00009-.0494 0-.0742v-4.0019c-.00001-.1384.11167-.2508.25-.252l2.71094-.0225c.4553-.3638.97287-.7673 1.55957-1.2236l5.57027-4.332c2.5062-1.9493 3.7594-2.92393 5.211-3.29787z' fill='#f7f7f8'/><path d='m17.8946 4.87749c1.2745-.32992 2.6507-.34166 3.9307-.03417 1.4552.34957 2.7234 1.30486 5.2588 3.21679l5.6816 4.28519c.59.4449 1.1106.8389 1.5694 1.1943l2.7549-.0244c.1398-.0012.2537.1121.2539.2519l.0029 3.6514c.0768.6446-.0125 1.2986-.2705 1.9238-.462 1.1193-1.7125 2.0976-4.2139 4.0537l-5.6074 4.3848c-2.5015 1.9562-3.7523 2.9345-5.2012 3.3096-1.2743.3298-2.6498.3416-3.9297.0342-1.4552-.3496-2.7235-1.305-5.2588-3.2168l-5.6816-4.2852c-2.53533-1.9119-3.80357-2.8675-4.28516-3.9785-.2477-.5715-.35233-1.1702-.3164-1.7656v-3.8155c.0002-.138.11101-.2505.24902-.2519l2.71387-.0234c.45076-.362.96291-.763 1.54199-1.2159l5.60738-4.38473c2.5012-1.95594 3.7516-2.93445 5.2002-3.30958z' fill='#4316ca'/><path d='m2.58205 18.0055-.00027-3.8463c-.01236-.5258.08685-1.0533.2978-1.5615.463-1.1154 1.7163-2.0902 4.2229-4.03979l5.56972-4.33199c2.5066-1.94958 3.7599-2.92437 5.2117-3.298218 1.277-.328841 2.6556-.340933 3.9382-.034543 1.4582.348321 2.7284 1.300971 5.2688 3.206291l5.6448 4.23362c2.5404 1.90533 3.8107 2.85793 4.2931 3.96513.2755.6319.376 1.2972.3014 1.9545l.0029 3.2173c.0289.271.0279.5436-.0029.8148l.0029 3.2173c.0289.2709.0279.5434-.0029.8145l.003 3.2177c.0666.6263-.026 1.2609-.278 1.868-.463 1.1154-1.7163 2.0902-4.2229 4.0398l-5.5697 4.332c-2.5066 1.9496-3.7599 2.9244-5.2117 3.2982-1.277.3288-2.6556.3409-3.9382.0345-1.4582-.3483-2.7284-1.3009-5.2688-3.2062l-5.64482-4.2337c-2.54041-1.9053-3.81062-2.8579-4.29312-3.9651-.19359-.4442-.3008-.9049-.3215-1.3677-.0014-.0108-.00213-.0218-.00213-.033v-.0248c-.0021-.0721-.00211-.1441-.00002-.2162l-.00027-3.8262c-.00172-.0654-.00172-.1309.00001-.1963l-.00027-3.8464c-.00146-.0618-.00137-.1237.00027-.1857z' fill='url(#a)' fill-opacity='.7'/><path d='m7.19908 19.5709c-2.54042-1.9054-3.81062-2.858-4.29312-3.9652-.42441-.9738-.43365-2.0268-.02638-3.008.463-1.1154 1.7163-2.0902 4.2229-4.03979l5.56972-4.33199c2.5066-1.94958 3.7599-2.92437 5.2117-3.298218 1.277-.328841 2.6556-.340933 3.9382-.034543 1.4582.348321 2.7284 1.300971 5.2688 3.206291l5.6448 4.23362c2.5404 1.90533 3.8107 2.85793 4.2931 3.96513.4245.9739.4337 2.0268.0264 3.008-.463 1.1154-1.7163 2.0902-4.2229 4.0398l-5.5697 4.332c-2.5066 1.9496-3.7599 2.9244-5.2117 3.2982-1.277.3289-2.6556.341-3.9382.0346-1.4582-.3484-2.7284-1.301-5.2688-3.2063z' fill='#5423e7'/><g clip-path='url(#c)'><g mask='url(#d)'><path d='m18.0906 4.06356-10.8456 7.23044 14.7318 9.8945 10.8456-7.2304z' fill='#ffda85'/></g></g></g></svg>","preview_image":"https://gamifykit.com/gamifykit-opengraph.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-07-26T13:53:19Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gamifykit.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gamifykit.com/r/registry.json","install_bun":"bunx shadcn@latest add https://gamifykit.com/r/registry.json","clone":"git clone https://github.com/gamifykit/ui.git","clone_degit":"npx degit gamifykit/ui","registry_fetch":"curl -s https://gamifykit.com/r/registry.json"},"component_count":3,"components":[{"name":"daily-streak","title":"Daily Streak","description":"A card component that displays a user's daily streak with a 7-day dot grid","type":"registry:component","source_url":"https://gamifykit.com/r/daily-streak.json","install_command":"npx shadcn@latest add https://gamifykit.com/r/daily-streak.json"},{"name":"achievements","title":"Achievements","description":"A card component that displays a user's achievements and unlockable achievements","type":"registry:component","source_url":"https://gamifykit.com/r/achievements.json","install_command":"npx shadcn@latest add https://gamifykit.com/r/achievements.json"},{"name":"leaderboard","title":"Leaderboard","description":"A card component that displays a user ranking with scores and avatars","type":"registry:component","source_url":"https://gamifykit.com/r/leaderboard.json","install_command":"npx shadcn@latest add https://gamifykit.com/r/leaderboard.json"}]},{"id":"gammaui","name":"@gammaui","slug":"gammaui","description":"A shadcn-compatible registry of ~27 production-ready animated components and interactive blocks for landing pages and SaaS UIs, built with React, Tailwind CSS v4, and Motion (Framer Motion). Includes Logo Cloud, Animated List, Pricing Interaction, Wavy Text Block, Magnetize Button, Logo Timeline/Loop, Activity Dropdown, Cloud Flow, CPU Architecture, Location Map, 3D Folder, Usage Card, and more. Free and MIT-licensed. Use for: adding polished micro-interactions and motion-rich marketing UI elements to landing pages and product sites.","author":"mazyar-kawa","framework":"react","license":"MIT","tags":["3d","aesthetic","animation","audio","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","maps","marketing","retro","saas"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://www.gammaui.com","github":"https://github.com/mazyar-kawa/gamma-ui","registry":"https://www.gammaui.com/r/registry.json","source":"https://www.gammaui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gammaui","markdown":"https://sh4dcn.netlify.app/md/gammaui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'><g><g><path d='M561.27,349.76v-54.72H342.36c-11.96,0-23.77,3.15-33.89,9.51c-21.73,14.52-29.14,36.49-31.32,44.1H561.27z' /><path d='M275.43,358.4s-2.88,38.88,13.68,56.88l65.52,102.96s67.52,41.04,145-5.76s61.64-136.08,61.64-136.08H423.03l-0.72,54.72l74.16,0.72s0,29.52-61.2,48.24c0,0-73.44,14.4-99.36-72c0,0,5.04-37.44-21.6-45.36c-26.64-7.92-38.88-4.32-38.88-4.32z' /></g><path d='M444.63,562.16h-61.92l79.92,130.32s29.52-45.36,12.96-79.2l-30.96-51.12z' /><path d='M471.99,698.24l115.92-186.48V295.04h55.44v229.68l-85.68,138.96s-35.28,61.2-85.68,34.56z' /><path d='M669.27,480.08V295.04h55.44v78.48s2.16,24.48-19.44,51.84l-36,54.72z' /></g></svg>","preview_image":"https://gammaui.com/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":19,"open_issues":1,"last_commit":"2026-08-16T06:23:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.gammaui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.gammaui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.gammaui.com/r/registry.json","clone":"git clone https://github.com/mazyar-kawa/gamma-ui.git","clone_degit":"npx degit mazyar-kawa/gamma-ui","registry_fetch":"curl -s https://www.gammaui.com/r/registry.json"},"component_count":63,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://www.gammaui.com/r/index.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/index.json"},{"name":"data-feeding-in","title":"Data Feeding In","description":"An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.","type":"registry:ui","source_url":"https://www.gammaui.com/r/data-feeding-in.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/data-feeding-in.json"},{"name":"aurora-glass","title":"Aurora Glass","description":"A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.","type":"registry:ui","source_url":"https://www.gammaui.com/r/aurora-glass.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/aurora-glass.json"},{"name":"live-waveform","title":"Live Waveform","description":"A customizable live audio waveform visualizer using the Web Audio API.","type":"registry:ui","source_url":"https://www.gammaui.com/r/live-waveform.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/live-waveform.json"},{"name":"support-box","title":"Support Box","description":"A collapsible animated support widget for quick help actions using Framer Motion.","type":"registry:ui","source_url":"https://www.gammaui.com/r/support-box.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/support-box.json"},{"name":"overlay-button","title":"Overlay Button","description":"An animated gradient button using Framer Motion with looping motion and spring transitions.","type":"registry:ui","source_url":"https://www.gammaui.com/r/overlay-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/overlay-button.json"},{"name":"border-button","title":"Border Button","description":"A reactive border animation button that follows cursor movement using Framer Motion and CSS masks.","type":"registry:ui","source_url":"https://www.gammaui.com/r/border-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/border-button.json"},{"name":"wavy-text-block","title":"Wavy Text Block","description":"A scroll-triggered wavy text animation component that creates flowing motion effects using Framer Motion and scroll context.","type":"registry:ui","source_url":"https://www.gammaui.com/r/wavy-text-block.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/wavy-text-block.json"},{"name":"inverted-cursor","title":"Inverted Cursor","description":"A smooth, animated custom cursor component with blend mode effects.","type":"registry:ui","source_url":"https://www.gammaui.com/r/inverted-cursor.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/inverted-cursor.json"},{"name":"pixel-button","title":"Pixel Button","description":"A pixelated button animation effect built with Tailwind CSS and React.","type":"registry:ui","source_url":"https://www.gammaui.com/r/pixel-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/pixel-button.json"},{"name":"plasma","title":"Plasma","description":"A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.","type":"registry:ui","source_url":"https://www.gammaui.com/r/plasma.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/plasma.json"},{"name":"radial-intro","title":"Radial Intro","description":"A dynamic radial orbit animation built with Motion and React, featuring upright spinning image nodes.","type":"registry:ui","source_url":"https://www.gammaui.com/r/radial-intro.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/radial-intro.json"},{"name":"logo-cloud","title":"Logo Cloud","description":"A responsive logo grid component supporting dark mode, decorations, and flexible layout.","type":"registry:ui","source_url":"https://www.gammaui.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-cloud.json"},{"name":"wave-path","title":"Wave Path","description":"A dynamic interactive SVG wave component that responds to pointer movement.","type":"registry:ui","source_url":"https://www.gammaui.com/r/wave-path.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/wave-path.json"},{"name":"magnetize-button","title":"Magnetize Button","description":"A magnetic particle-attraction button built with Framer Motion.","type":"registry:ui","source_url":"https://www.gammaui.com/r/magnetize-button.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/magnetize-button.json"},{"name":"text-roll","title":"Text Roll","description":"A rolling hover-animated text component built with Motion One.","type":"registry:ui","source_url":"https://www.gammaui.com/r/text-roll.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/text-roll.json"},{"name":"activity-dropdown","title":"Activity Dropdown","description":"A modern activity/notification dropdown with smooth animations and responsive motion.","type":"registry:ui","source_url":"https://www.gammaui.com/r/activity-dropdown.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/activity-dropdown.json"},{"name":"badge","title":"Badge","description":"A flexible and customizable Badge component for labels, statuses, and indicators.","type":"registry:ui","source_url":"https://www.gammaui.com/r/badge.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/badge.json"},{"name":"animated-list","title":"Animated List","description":"A dynamic list component with smooth animations that forms a column and scrolls through items continuously.","type":"registry:ui","source_url":"https://www.gammaui.com/r/animated-list.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/animated-list.json"},{"name":"logo-timeline","title":"Logo Timeline","description":"A multi-row infinitely scrolling logo timeline built with Motion One, supporting hover-activated animations and row grouping.","type":"registry:ui","source_url":"https://www.gammaui.com/r/logo-timeline.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-timeline.json"},{"name":"logo-loop","title":"Logo Timeline","description":"A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.","type":"registry:ui","source_url":"https://www.gammaui.com/r/logo-loop.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-loop.json"},{"name":"pricing-interaction","title":"Pricing Interaction","description":"An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.","type":"registry:ui","source_url":"https://www.gammaui.com/r/pricing-interaction.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/pricing-interaction.json"},{"name":"cloud-flow","title":"Cloud Flow","description":"An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layere…","type":"registry:ui","source_url":"https://www.gammaui.com/r/cloud-flow.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/cloud-flow.json"},{"name":"macbook-keyboard","title":"Macbook Keyboard","description":"Interactive animated MacBook keyboard component.","type":"registry:ui","source_url":"https://www.gammaui.com/r/macbook-keyboard.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/macbook-keyboard.json"},{"name":"cpu-architecture","title":"CPU Architecture","description":"A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.","type":"registry:ui","source_url":"https://www.gammaui.com/r/cpu-architecture.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/cpu-architecture.json"},{"name":"shadcn-ui","title":"Shadcn UI","description":"Animated ShadCN UI SVG with glowing masked paths, motion shapes, and dynamic shimmering text with customizable props.","type":"registry:ui","source_url":"https://www.gammaui.com/r/shadcn-ui.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/shadcn-ui.json"},{"name":"location-map","title":"Location Map","description":"An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.","type":"registry:ui","source_url":"https://www.gammaui.com/r/location-map.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/location-map.json"},{"name":"3d-folder","title":"3D Folder","description":"A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.","type":"registry:ui","source_url":"https://www.gammaui.com/r/3d-folder.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/3d-folder.json"},{"name":"usage-card","title":"Usage Card","description":"An animated system monitor card that displays a title, percentage, and neon-lit pill indicators driven by Motion.","type":"registry:ui","source_url":"https://www.gammaui.com/r/usage-card.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/usage-card.json"},{"name":"voxel-wall","title":"Voxel Wall","description":"A dark voxel tunnel with volumetric light rays, drifting cubes, and mouse-driven camera parallax.","type":"registry:ui","source_url":"https://www.gammaui.com/r/voxel-wall.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/voxel-wall.json"},{"name":"rabbit-mascot","title":"Rabbit Mascot","description":"An expressive rabbit boy mascot with round glasses and mood-driven face animations.","type":"registry:ui","source_url":"https://www.gammaui.com/r/rabbit-mascot.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/rabbit-mascot.json"},{"name":"data-feeding-in-demo","title":"Data Feeding In Demo","description":"An animated data ingestion visualization with flowing SVG paths, pulsing gradient beams, and a staggered table reveal using Framer Motion.","type":"registry:example","source_url":"https://www.gammaui.com/r/data-feeding-in-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/data-feeding-in-demo.json"},{"name":"aurora-glass-demo","title":"Aurora Glass Demo","description":"A shimmering glass tile background with ripple layers, bevel shading, and chromatic spread.","type":"registry:example","source_url":"https://www.gammaui.com/r/aurora-glass-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/aurora-glass-demo.json"},{"name":"live-waveform-demo","title":"Live Waveform Demo","description":"A customizable live audio waveform visualizer using the Web Audio API.","type":"registry:example","source_url":"https://www.gammaui.com/r/live-waveform-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/live-waveform-demo.json"},{"name":"support-box-demo","title":"Support Box Demo","description":"An expandable and animated support widget with quick help actions using Framer Motion.","type":"registry:example","source_url":"https://www.gammaui.com/r/support-box-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/support-box-demo.json"},{"name":"overlay-button-demo","title":"Overlay Button Demo","description":"A looping animated gradient button using Framer Motion’s spring transitions for smooth motion effects.","type":"registry:example","source_url":"https://www.gammaui.com/r/overlay-button-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/overlay-button-demo.json"},{"name":"border-button-demo","title":"Border Button Demo","description":"An interactive button that animates its border dynamically based on cursor position using Framer Motion.","type":"registry:example","source_url":"https://www.gammaui.com/r/border-button-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/border-button-demo.json"},{"name":"wavy-text-block-demo","title":"Wavy Text Block Demo","description":"An example demonstrating the Wavy Block scroll-triggered animation with multiple text lines.","type":"registry:example","source_url":"https://www.gammaui.com/r/wavy-text-block-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/wavy-text-block-demo.json"},{"name":"inverted-cursor-demo","title":"Inverted Cursor Demo","description":"A smooth, animated custom cursor component with blend mode effects.","type":"registry:example","source_url":"https://www.gammaui.com/r/inverted-cursor-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/inverted-cursor-demo.json"},{"name":"pixel-button-demo","title":"Pixel Button Demo","description":"A pixelated button animation effect built with Tailwind CSS and React.","type":"registry:example","source_url":"https://www.gammaui.com/r/pixel-button-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/pixel-button-demo.json"},{"name":"plasma-demo","title":"Plasma Demo","description":"A mesmerizing plasma shader animation rendered with WebGL, perfect for dynamic backgrounds and previews.","type":"registry:example","source_url":"https://www.gammaui.com/r/plasma-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/plasma-demo.json"},{"name":"radial-intro-demo","title":"Radial Intro Demo","description":"A rotating radial orbit animation demo showcasing spinning profile images.","type":"registry:example","source_url":"https://www.gammaui.com/r/radial-intro-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/radial-intro-demo.json"},{"name":"logo-cloud-demo","title":"Logo Cloud Demo","description":"A responsive logo grid demo showcasing brand logos with optional plus icons.","type":"registry:example","source_url":"https://www.gammaui.com/r/logo-cloud-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-cloud-demo.json"},{"name":"wave-path-demo","title":"Wave Path Demo","description":"An interactive SVG wave animation that reacts to cursor movement.","type":"registry:example","source_url":"https://www.gammaui.com/r/wave-path-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/wave-path-demo.json"},{"name":"magnetize-button-demo","title":"Magnetize Button Demo","description":"An interactive demo showcasing the Magnetize Button component with particle attraction effects.","type":"registry:example","source_url":"https://www.gammaui.com/r/magnetize-button-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/magnetize-button-demo.json"},{"name":"text-roll-demo","title":"Text Roll Demo","description":"An interactive demo showcasing the TextRoll hover animation component.","type":"registry:example","source_url":"https://www.gammaui.com/r/text-roll-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/text-roll-demo.json"},{"name":"activity-dropdown-demo","title":"Activity Dropdown Demo","description":"A demo showcasing the animated ActivityDropdown component with staggered item reveal.","type":"registry:example","source_url":"https://www.gammaui.com/r/activity-dropdown-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/activity-dropdown-demo.json"},{"name":"badge-demo","title":"Badge Demo","description":"A demo showcasing the GammaUI Badge component with customizable colors, sizes, and variants.","type":"registry:example","source_url":"https://www.gammaui.com/r/badge-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/badge-demo.json"},{"name":"animated-list-demo","title":"Animated List Demo","description":"A demo showcasing the Animated List component with smooth formation and scrolling animations.","type":"registry:example","source_url":"https://www.gammaui.com/r/animated-list-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/animated-list-demo.json"},{"name":"logo-timeline-demo","title":"Logo Timeline Demo","description":"A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.","type":"registry:example","source_url":"https://www.gammaui.com/r/logo-timeline-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-timeline-demo.json"},{"name":"logo-timeline-demo-2","title":"Logo Timeline Demo 2","description":"A demo showcasing the animated multi-row Logo Timeline component with infinite scrolling and staggered item motion.","type":"registry:example","source_url":"https://www.gammaui.com/r/logo-timeline-demo-2.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-timeline-demo-2.json"},{"name":"logo-loop-demo","title":"Logo Timeline Demo 2","description":"A looping logo marquee component with horizontal and vertical motion, hover effects, fading edges, and responsive behavior.","type":"registry:example","source_url":"https://www.gammaui.com/r/logo-loop-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/logo-loop-demo.json"},{"name":"pricing-interaction-demo","title":"Pricing Interaction Demo","description":"An interactive pricing switcher with animated numbers, selectable plans, and monthly/yearly billing modes.","type":"registry:example","source_url":"https://www.gammaui.com/r/pricing-interaction-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/pricing-interaction-demo.json"},{"name":"cloud-flow-demo","title":"Cloud Flow Demo","description":"An interactive cloud architecture visualization component featuring animated SVG flow paths, glowing data particles, node badges, and a central hub with layere…","type":"registry:example","source_url":"https://www.gammaui.com/r/cloud-flow-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/cloud-flow-demo.json"},{"name":"macbook-keyboard-demo","title":"Macbook Keyboard Demo","description":"Interactive animated MacBook keyboard component.","type":"registry:example","source_url":"https://www.gammaui.com/r/macbook-keyboard-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/macbook-keyboard-demo.json"},{"name":"cpu-architecture-demo","title":"CPU Architecture Demo","description":"A fully animated CPU architecture SVG component with dynamic paths, gradients, and optional CPU connections.","type":"registry:example","source_url":"https://www.gammaui.com/r/cpu-architecture-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/cpu-architecture-demo.json"},{"name":"shadcn-ui-demo","title":"Shadcn UI Demo","description":"Animated ShadCN UI SVG with glowing masked paths, motion shapes, and dynamic shimmering text with customizable props.","type":"registry:example","source_url":"https://www.gammaui.com/r/shadcn-ui-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/shadcn-ui-demo.json"},{"name":"location-map-demo","title":"Location Map Demo","description":"An interactive 3D-tilting location card with expandable animated map, live indicator, and motion-based hover effects.","type":"registry:example","source_url":"https://www.gammaui.com/r/location-map-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/location-map-demo.json"},{"name":"3d-folder-demo","title":"3D Folder Demo","description":"A 3D animated folder component that reveals project cards on hover and expands into a smooth image lightbox with keyboard navigation.","type":"registry:example","source_url":"https://www.gammaui.com/r/3d-folder-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/3d-folder-demo.json"},{"name":"usage-card-demo","title":"Usage Card Demo","description":"An animated system monitor card that displays a title, percentage, and neon-lit pill indicators driven by Motion.","type":"registry:example","source_url":"https://www.gammaui.com/r/usage-card-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/usage-card-demo.json"},{"name":"voxel-wall-demo","title":"Voxel Wall Demo","description":"A dark voxel tunnel with volumetric light rays, drifting cubes, and subtle camera parallax — ideal for hero backgrounds.","type":"registry:example","source_url":"https://www.gammaui.com/r/voxel-wall-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/voxel-wall-demo.json"},{"name":"rabbit-mascot-demo","title":"Rabbit Mascot Demo","description":"Interactive rabbit boy mascot with moods like happy, sad, love, winky, and more.","type":"registry:example","source_url":"https://www.gammaui.com/r/rabbit-mascot-demo.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/rabbit-mascot-demo.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://www.gammaui.com/r/utils.json","install_command":"npx shadcn@latest add https://www.gammaui.com/r/utils.json"}]},{"id":"gauge-ui","name":"@gauge-ui","slug":"gauge-ui","description":"Composable SVG gauge primitives for React: arcs, zones, ticks, needles and nested gauges, with spring or tween animation.","author":"thordursk","framework":"react","license":"MIT","tags":["animation","design-system","hooks"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.gauge-ui.dev","github":"https://github.com/thordursk/gauge-ui","registry":"https://www.gauge-ui.dev/r/registry.json","source":"https://www.gauge-ui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gauge-ui","markdown":"https://sh4dcn.netlify.app/md/gauge-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-linecap='round'><path d='M6.34 18.66A8 8 0 1 1 17.66 18.66' stroke-width='2.5' opacity='.3'/><path d='M6.34 18.66A8 8 0 1 1 17.66 18.66' stroke-width='2.5' stroke-dasharray='37.7' stroke-dashoffset='14.66'/><path d='M12 13 14.75 8.24' stroke-width='2'/><circle cx='12' cy='13' r='1.75' fill='var(--foreground)' stroke='none'/></svg>","preview_image":"https://gauge-ui.dev/opengraph-image.png?opengraph-image.3k4sjlxxa-glu.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":162,"open_issues":0,"last_commit":"2026-10-26T14:56:25Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.gauge-ui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.gauge-ui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.gauge-ui.dev/r/registry.json","clone":"git clone https://github.com/thordursk/gauge-ui.git","clone_degit":"npx degit thordursk/gauge-ui","registry_fetch":"curl -s https://www.gauge-ui.dev/r/registry.json"},"component_count":1,"components":[{"name":"gauge","title":"Gauge","description":"Composable SVG gauge primitives: track, arc, zones, ticks, tick fills, labels, needle, hub, dot, tooltip and value text, with optional spring or tween animatio…","type":"registry:ui","source_url":"https://www.gauge-ui.dev/r/gauge.json","install_command":"npx shadcn@latest add https://www.gauge-ui.dev/r/gauge.json"}]},{"id":"gc-solid","name":"@gc-solid","slug":"gc-solid","description":"A SolidJS port of shadcn/ui built on Kobalte primitives, covering 57+ components including Accordion, Alert Dialog, Avatar, Breadcrumb, Button, Calendar, Carousel, Chart, Command, Combobox, Data Picker, Dialog, Drawer, Dropdown Menu, Form, Hover Card, Input OTP, Menubar, Navigation Menu, Pagination, Resizable, Sidebar, Skeleton, Sonner, Spinner, and more. Ships with a Vega theme, full TypeScript support, and Tailwind CSS v4. Installed via direct URL until official registry index inclusion. Use for: building fully accessible, shadcn-equivalent UIs in SolidJS/Vite projects.","author":"binnodon","framework":"react","license":null,"tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://binnodon.github.io/gc-solid-ui","github":"https://github.com/binnodon/gc-solid-ui","registry":"https://binnodon.github.io/gc-solid-ui/r/registry.json","source":"https://binnodon.github.io/gc-solid-ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gc-solid","markdown":"https://sh4dcn.netlify.app/md/gc-solid.md"},"logo":"<svg width='21.273001mm' height='21.814894mm' viewBox='0 0 21.273001 21.814894' xmlns='http://www.w3.org/2000/svg'> <g transform='translate(-80.962498,-79.639585)'> <g transform='matrix(0.26458333,0,0,0.26458333,-43.02125,66.000312)'> <path d='m 485.2,109.2 c -6.7,-2.9 -9.8,-10.6 -7,-17.4 2.9,-6.7 10.6,-9.8 17.4,-7 6.7,2.9 9.8,10.6 7,17.4 -2.9,6.7 -10.6,9.8 -17.4,7' style='fill:#ffffff;stroke-width:0px'/> <path d='m 482.2,95.8 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 484.9,101.2 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 487.8,101.6 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 481.9,101 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 483.8,103.5 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 480.8,98.4 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 486.6,104.2 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 483.7,98.3 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> <path d='m 486.6,98.9 c 0,-0.4 0.3,-0.8 0.8,-0.8 0.5,0 0.8,0.3 0.8,0.8 0,0.5 -0.3,0.8 -0.8,0.8 -0.5,0 -0.8,-0.3 -0.8,-0.8 z' style='fill:#26683b;fill-rule:evenodd;stroke-width:0px'/> </g> <g transform='matrix(0.26458333,0,0,0.26458333,-43.02125,66.000312)'> <path d='m 473.1,130.1 c -1.7,-0.6 -2.7,-2 -2.7,-3.8 0,-1.8 1.8,-4 4.1,-4 2.3,0 1.3,0.2 1.8,0.4 3.8,2.2 8.1,3.4 13,3.4 8.7,0 13.4,-4.5 13.4,-13 v -1.8 c -3.5,4.6 -7.9,6.3 -14.9,6.3 -9.9,0 -19.2,-7.4 -19.2,-19.8 v -0.2 c 0,-12.5 9.4,-19.9 19.2,-19.9 9.8,0 11.5,2.3 14.8,6.2 v -1 c 0,-2.6 2.2,-4.8 4.8,-4.8 2.6,0 4.9,2.2 4.9,4.9 v 29.3 c 0,7.1 -1.8,12.4 -5.4,16 -3.8,3.8 -9.8,5.7 -17.4,5.7 -7.6,0 -11.2,-1.3 -16.4,-3.8 z m 29.6,-32.4 v -0.2 c 0,-6.9 -5.7,-11.6 -12.4,-11.6 -6.7,0 -12,4.7 -12,11.6 v 0.2 c 0,6.9 5.4,11.6 12,11.6 6.6,0 12.4,-4.7 12.4,-11.6 z' style='fill:#26683b;stroke-width:0px'/> <path d='m 510.1,100 v -0.2 c 0,-12 9.3,-22.1 22.1,-22.1 12.8,0 15.85215,6.725273 15.13834,5.3 0.6,0.6 1.16166,1.8 1.16166,3.4 0,2.5 -2.04229,4.526877 -4.5,4.4 -2.49668,-0.128888 -2.2,-0.5 -2.9,-1 -2.5,-2.1 -5.2,-3.6 -9.1,-3.6 -7.1,0 -12.3,6.1 -12.3,13.5 v 0.2 c 0,7.5 5.2,13.6 12.7,13.6 7.5,0 6.8,-1.5 9.5,-3.8 0.6,-0.5 1.5,-1 2.6,-1 2.3,0 4.24229,1.90037 4.2,4.3 -0.0423,2.4 -0.3257,2.00307 -1.31542,3.21146 C 544.70602,118.8844 539,122 531.9,122 519.3,122 510,112.1 510,100.1 Z' style='fill:#26683b;stroke-width:0px'/> </g> <line x1='97.710632' y1='79.970314' x2='97.710632' y2='92.617393' style='fill:none;stroke:#4b2c78;stroke-width:0.661458px;stroke-linecap:round;stroke-miterlimit:10'/> <path d='m 98.028123,80.711145 c 0,0 2.487087,1.137708 4.206877,0.9525 v 3.942292 c -1.03188,0.105833 -2.831043,0 -4.206877,-0.899584 z' style='fill:#4b2c78;stroke-width:0px'/> </g> </svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-04-24T16:07:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/registry.json","install_bun":"bunx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/registry.json","clone":"git clone https://github.com/binnodon/gc-solid-ui.git","clone_degit":"npx degit binnodon/gc-solid-ui","registry_fetch":"curl -s https://binnodon.github.io/gc-solid-ui/r/registry.json"},"component_count":61,"components":[{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://binnodon.github.io/gc-solid-ui/r/utils.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/utils.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/accordion.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/alert.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/alert-dialog.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/aspect-ratio.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/avatar.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/badge.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/breadcrumb.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/button.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/button.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/card.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/card.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/button-group.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/calendar.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/calendar.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/carousel.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/chart.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/checkbox.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/collapsible.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/combobox.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/command.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/context-menu.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/context-menu.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/date-picker.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/date-picker.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/dialog.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/dialog.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/direction.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/direction.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/drawer.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/empty.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/field.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/field.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/form.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/form.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/hover-card.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/input.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/input-group.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/input-otp.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/item.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/kbd.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/label.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/menubar.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/menubar.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/navigation-menu.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/navigation-menu.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/native-select.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/native-select.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/pagination.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/popover.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/progress.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/radio-group.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/resizable.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/scroll-area.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/select.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/separator.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/sheet.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/sidebar.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/skeleton.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/slider.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/sonner.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/spinner.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/switch.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/switch.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/tabs.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/tabs.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/table.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/table.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/textarea.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/textarea.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/toggle.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/toggle-group.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://binnodon.github.io/gc-solid-ui/r/tooltip.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/tooltip.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://binnodon.github.io/gc-solid-ui/r/use-mobile.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/use-mobile.json"},{"name":"vega","title":null,"description":null,"type":"registry:style","source_url":"https://binnodon.github.io/gc-solid-ui/r/vega.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/vega.json"},{"name":"grasscup","title":null,"description":null,"type":"registry:style","source_url":"https://binnodon.github.io/gc-solid-ui/r/grasscup.json","install_command":"npx shadcn@latest add https://binnodon.github.io/gc-solid-ui/r/grasscup.json"}]},{"id":"getitdone","name":"@getitdone","slug":"getitdone","description":"React primitives for complex business software from the Get IT Done design system. Radix UI based, Tailwind CSS 3, light and dark theme included.","author":"getitdone-gmbh","framework":"react","license":"MIT","tags":["blocks","buttons","cards","charts","dashboard","design-system","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","overlays","pro-available","theming"],"categories":["Charts/data viz"],"labels":["pro","recently-updated"],"urls":{"website":"https://github.com/getitdone-gmbh/kette-design","github":"https://github.com/getitdone-gmbh/kette-design-community","registry":"https://zero-design.itdone.de/r/registry.json","source":"https://zero-design.itdone.de/r/registry.json","page":"https://sh4dcn.netlify.app/registry/getitdone","markdown":"https://sh4dcn.netlify.app/md/getitdone.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><rect x='4' y='4' width='5' height='24'/><rect x='13' y='4' width='15' height='5'/><rect x='13' y='4' width='5' height='24'/></svg>","preview_image":"https://opengraph.githubassets.com/535c6ef082646444c835b1232cf7292a4405127a79e0d194a65c08f1476b6589/getitdone-gmbh/kette-design-community","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-26T14:26:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://zero-design.itdone.de/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://zero-design.itdone.de/r/registry.json","install_bun":"bunx shadcn@latest add https://zero-design.itdone.de/r/registry.json","clone":"git clone https://github.com/getitdone-gmbh/kette-design-community.git","clone_degit":"npx degit getitdone-gmbh/kette-design-community","registry_fetch":"curl -s https://zero-design.itdone.de/r/registry.json"},"component_count":152,"components":[{"name":"theme","title":"zero theme","description":"CSS variables (light and dark), animations and the Tailwind CSS 3 preset of the Get IT Done design system. Import styles/getitdone/theme.css, animation.css and…","type":"registry:style","source_url":"https://zero-design.itdone.de/r/theme.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/theme.json"},{"name":"accordion","title":"Accordion","description":"Accordion from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/accordion.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/accordion.json"},{"name":"action-bar","title":"Action Bar","description":"Action Bar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/action-bar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/action-bar.json"},{"name":"activity-feed","title":"Activity Feed","description":"Activity Feed from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/activity-feed.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/activity-feed.json"},{"name":"alert","title":"Alert","description":"Alert from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/alert.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/alert.json"},{"name":"autosave-status","title":"Autosave Status","description":"Autosave Status from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/autosave-status.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/autosave-status.json"},{"name":"avatar","title":"Avatar","description":"Avatar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/avatar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/avatar.json"},{"name":"badge","title":"Badge","description":"Badge from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/badge.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/badge.json"},{"name":"blockquote","title":"Blockquote","description":"Blockquote from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/blockquote.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/blockquote.json"},{"name":"bottom-navigation","title":"Bottom Navigation","description":"Bottom Navigation from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/bottom-navigation.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/bottom-navigation.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Breadcrumb from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/breadcrumb.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/breadcrumb.json"},{"name":"button-close","title":"Button Close","description":"Button Close from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/button-close.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/button-close.json"},{"name":"button-group","title":"Button Group","description":"Button Group from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/button-group.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/button-group.json"},{"name":"button","title":"Button","description":"Button from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/button.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/button.json"},{"name":"calendar-grid","title":"Calendar Grid","description":"Calendar Grid from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/calendar-grid.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/calendar-grid.json"},{"name":"calendar","title":"Calendar","description":"Calendar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/calendar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/calendar.json"},{"name":"card-default","title":"Card Default","description":"Card Default from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/card-default.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/card-default.json"},{"name":"card","title":"Card","description":"Card from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/card.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/card.json"},{"name":"carousel","title":"Carousel","description":"Carousel from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/carousel.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/carousel.json"},{"name":"cell-grid","title":"Cell Grid","description":"Cell Grid from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/cell-grid.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/cell-grid.json"},{"name":"chart","title":"Chart","description":"Chart from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/chart.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/chart.json"},{"name":"chat-window","title":"Chat Window","description":"Chat Window from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/chat-window.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/chat-window.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Checkbox Group from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/checkbox-group.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/checkbox-group.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/checkbox.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/checkbox.json"},{"name":"chip","title":"Chip","description":"Chip from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/chip.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/chip.json"},{"name":"code-highlight","title":"Code Highlight","description":"Helper used by the Get IT Done components.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/code-highlight.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/code-highlight.json"},{"name":"code-snippet","title":"Code Snippet","description":"Code Snippet from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/code-snippet.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/code-snippet.json"},{"name":"collapsible","title":"Collapsible","description":"Collapsible from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/collapsible.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/collapsible.json"},{"name":"color-picker","title":"Color Picker","description":"Color Picker from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/color-picker.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/color-picker.json"},{"name":"command","title":"Command","description":"Command from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/command.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/command.json"},{"name":"confirm-dialog","title":"Confirm Dialog","description":"Confirm Dialog from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/confirm-dialog.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/confirm-dialog.json"},{"name":"content-divider","title":"Content Divider","description":"Content Divider from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/content-divider.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/content-divider.json"},{"name":"cookie-consent","title":"Cookie Consent","description":"Cookie Consent from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/cookie-consent.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/cookie-consent.json"},{"name":"countdown","title":"Countdown","description":"Countdown from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/countdown.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/countdown.json"},{"name":"data-grid","title":"Data Grid","description":"Data Grid from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/data-grid.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/data-grid.json"},{"name":"data-state-panel","title":"Data State Panel","description":"Data State Panel from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/data-state-panel.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/data-state-panel.json"},{"name":"date-picker","title":"Date Picker","description":"Date Picker from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/date-picker.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/date-picker.json"},{"name":"description-list","title":"Description List","description":"Description List from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/description-list.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/description-list.json"},{"name":"design-system-provider","title":"Design System Provider","description":"Design System Provider from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/design-system-provider.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/design-system-provider.json"},{"name":"dialog","title":"Dialog","description":"Dialog from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/dialog.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/dialog.json"},{"name":"document-surface","title":"Document Surface","description":"Document Surface from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/document-surface.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/document-surface.json"},{"name":"drawer","title":"Drawer","description":"Drawer from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/drawer.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown Menu from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/dropdown-menu.json"},{"name":"edge","title":"Edge","description":"Helper used by the Get IT Done components.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/edge.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/edge.json"},{"name":"empty-state","title":"Empty State","description":"Empty State from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/empty-state.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/empty-state.json"},{"name":"facet-filter","title":"Facet Filter","description":"Facet Filter from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/facet-filter.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/facet-filter.json"},{"name":"featured-icon","title":"Featured Icon","description":"Featured Icon from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/featured-icon.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/featured-icon.json"},{"name":"feed-item","title":"Feed Item","description":"Feed Item from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/feed-item.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/feed-item.json"},{"name":"file-icon","title":"File Icon","description":"File Icon from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/file-icon.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/file-icon.json"},{"name":"file-upload","title":"File Upload","description":"File Upload from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/file-upload.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/file-upload.json"},{"name":"filter-chip-bar","title":"Filter Chip Bar","description":"Filter Chip Bar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/filter-chip-bar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/filter-chip-bar.json"},{"name":"form-section","title":"Form Section","description":"Form Section from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/form-section.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/form-section.json"},{"name":"form","title":"Form","description":"Form from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/form.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/form.json"},{"name":"grid","title":"Grid","description":"Grid from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/grid.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/grid.json"},{"name":"heading-tag","title":"Heading Tag","description":"Helper used by the Get IT Done components.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/heading-tag.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/heading-tag.json"},{"name":"heatmap","title":"Heatmap","description":"Heatmap from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/heatmap.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/heatmap.json"},{"name":"help-icon","title":"Help Icon","description":"Help Icon from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/help-icon.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/help-icon.json"},{"name":"hero-section","title":"Hero Section","description":"Hero Section from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/hero-section.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/hero-section.json"},{"name":"hover-card","title":"Hover Card","description":"Hover Card from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/hover-card.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/hover-card.json"},{"name":"illustration","title":"Illustration","description":"Illustration from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/illustration.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/illustration.json"},{"name":"inline-cta","title":"Inline Cta","description":"Inline Cta from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/inline-cta.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/inline-cta.json"},{"name":"inline-edit","title":"Inline Edit","description":"Inline Edit from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/inline-edit.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/inline-edit.json"},{"name":"input-digit","title":"Input Digit","description":"Input Digit from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/input-digit.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/input-digit.json"},{"name":"input","title":"Input","description":"Input from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/input.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/input.json"},{"name":"kanban-move-to-menu","title":"Kanban Move To Menu","description":"Kanban Move To Menu from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/kanban-move-to-menu.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/kanban-move-to-menu.json"},{"name":"kanban-move","title":"Kanban Move","description":"Kanban Move from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/kanban-move.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/kanban-move.json"},{"name":"kanban","title":"Kanban","description":"Kanban from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/kanban.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/kanban.json"},{"name":"kbd","title":"Kbd","description":"Kbd from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/kbd.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/kbd.json"},{"name":"label","title":"Label","description":"Label from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/label.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/label.json"},{"name":"labels-context","title":"Labels Context","description":"Labels Context from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/labels-context.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/labels-context.json"},{"name":"labels-de","title":"Labels De","description":"Labels De from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/labels-de.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/labels-de.json"},{"name":"labels-en","title":"Labels En","description":"Labels En from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/labels-en.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/labels-en.json"},{"name":"labels","title":"Labels","description":"Labels from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/labels.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/labels.json"},{"name":"layout","title":"Layout","description":"Layout from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/layout.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/layout.json"},{"name":"link-card","title":"Link Card","description":"Link Card from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/link-card.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/link-card.json"},{"name":"link","title":"Link","description":"Link from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/link.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/link.json"},{"name":"list","title":"List","description":"List from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/list.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/list.json"},{"name":"list-item","title":"List Item","description":"List Item from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/list-item.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/list-item.json"},{"name":"loading-overlay","title":"Loading Overlay","description":"Loading Overlay from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/loading-overlay.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/loading-overlay.json"},{"name":"loading-spinner","title":"Loading Spinner","description":"Loading Spinner from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/loading-spinner.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/loading-spinner.json"},{"name":"logo-tile","title":"Logo Tile","description":"Logo Tile from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/logo-tile.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/logo-tile.json"},{"name":"message","title":"Message","description":"Message from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/message.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/message.json"},{"name":"metric-panel","title":"Metric Panel","description":"Metric Panel from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/metric-panel.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/metric-panel.json"},{"name":"metric","title":"Metric","description":"Metric from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/metric.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/metric.json"},{"name":"multiselect","title":"Multiselect","description":"Multiselect from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/multiselect.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/multiselect.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Navigation Menu from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/navigation-menu.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/navigation-menu.json"},{"name":"notification-matrix","title":"Notification Matrix","description":"Notification Matrix from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/notification-matrix.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/notification-matrix.json"},{"name":"notification","title":"Notification","description":"Notification from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/notification.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/notification.json"},{"name":"object-icon","title":"Object Icon","description":"Object Icon from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/object-icon.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/object-icon.json"},{"name":"page-header","title":"Page Header","description":"Page Header from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/page-header.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/page-header.json"},{"name":"pagination-dot-group","title":"Pagination Dot Group","description":"Pagination Dot Group from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/pagination-dot-group.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/pagination-dot-group.json"},{"name":"pagination","title":"Pagination","description":"Pagination from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/pagination.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/pagination.json"},{"name":"phone-input","title":"Phone Input","description":"Phone Input from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/phone-input.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/phone-input.json"},{"name":"popover","title":"Popover","description":"Popover from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/popover.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/popover.json"},{"name":"progress-circle","title":"Progress Circle","description":"Progress Circle from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/progress-circle.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/progress-circle.json"},{"name":"progress","title":"Progress","description":"Progress from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/progress.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/progress.json"},{"name":"radio-cards","title":"Radio Cards","description":"Radio Cards from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/radio-cards.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/radio-cards.json"},{"name":"radio-group","title":"Radio Group","description":"Radio Group from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/radio-group.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/radio-group.json"},{"name":"rating-input","title":"Rating Input","description":"Rating Input from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/rating-input.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/rating-input.json"},{"name":"rich-text-editor","title":"Rich Text Editor","description":"Rich Text Editor from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/rich-text-editor.json"},{"name":"rich-text-markdown","title":"Rich Text Markdown","description":"Rich Text Markdown from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/rich-text-markdown.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/rich-text-markdown.json"},{"name":"rich-text-toolbar","title":"Rich Text Toolbar","description":"Rich Text Toolbar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/rich-text-toolbar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/rich-text-toolbar.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll Area from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/scroll-area.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/scroll-area.json"},{"name":"secondary-nav","title":"Secondary Nav","description":"Secondary Nav from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/secondary-nav.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/secondary-nav.json"},{"name":"secret-field","title":"Secret Field","description":"Secret Field from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/secret-field.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/secret-field.json"},{"name":"section","title":"Section","description":"Section from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/section.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/section.json"},{"name":"section-footer","title":"Section Footer","description":"Section Footer from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/section-footer.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/section-footer.json"},{"name":"section-header","title":"Section Header","description":"Section Header from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/section-header.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/section-header.json"},{"name":"section-label","title":"Section Label","description":"Section Label from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/section-label.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/section-label.json"},{"name":"select","title":"Select","description":"Select from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/select.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/select.json"},{"name":"separator","title":"Separator","description":"Separator from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/separator.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Sheet from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/sheet.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/sheet.json"},{"name":"sidebar-nav","title":"Sidebar Nav","description":"Sidebar Nav from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/sidebar-nav.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/sidebar-nav.json"},{"name":"sidebar","title":"Sidebar","description":"Sidebar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/sidebar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/sidebar.json"},{"name":"signature-box","title":"Signature Box","description":"Signature Box from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/signature-box.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/signature-box.json"},{"name":"signature-pad","title":"Signature Pad","description":"Signature Pad from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/signature-pad.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/signature-pad.json"},{"name":"singleselect","title":"Singleselect","description":"Singleselect from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/singleselect.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/singleselect.json"},{"name":"skeleton","title":"Skeleton","description":"Skeleton from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/skeleton.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/skeleton.json"},{"name":"skill-category","title":"Skill Category","description":"Helper used by the Get IT Done components.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/skill-category.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/skill-category.json"},{"name":"slider","title":"Slider","description":"Slider from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/slider.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/slider.json"},{"name":"spacing","title":"Spacing","description":"Spacing from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/spacing.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/spacing.json"},{"name":"status-dot","title":"Status Dot","description":"Status Dot from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/status-dot.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/status-dot.json"},{"name":"step-marker","title":"Step Marker","description":"Step Marker from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/step-marker.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/step-marker.json"},{"name":"stepper","title":"Stepper","description":"Stepper from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/stepper.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/stepper.json"},{"name":"switch","title":"Switch","description":"Switch from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/switch.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/switch.json"},{"name":"table-cells","title":"Table Cells","description":"Table Cells from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/table-cells.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/table-cells.json"},{"name":"table-of-contents","title":"Table Of Contents","description":"Table Of Contents from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/table-of-contents.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/table-of-contents.json"},{"name":"table","title":"Table","description":"Table from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/table.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/table.json"},{"name":"tabs","title":"Tabs","description":"Tabs from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/tabs.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/tabs.json"},{"name":"tag-input","title":"Tag Input","description":"Tag Input from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/tag-input.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/tag-input.json"},{"name":"textarea","title":"Textarea","description":"Textarea from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/textarea.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/textarea.json"},{"name":"toast","title":"Toast","description":"Toast from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/toast.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/toast.json"},{"name":"toaster","title":"Toaster","description":"Toaster from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/toaster.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/toaster.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle Group from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/toggle-group.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/toggle-group.json"},{"name":"toggle","title":"Toggle","description":"Toggle from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/toggle.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/tooltip.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/tooltip.json"},{"name":"topbar","title":"Topbar","description":"Topbar from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/topbar.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/topbar.json"},{"name":"use-scroll-region","title":"Use Scroll Region","description":"Use Scroll Region from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/use-scroll-region.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/use-scroll-region.json"},{"name":"use-toast","title":"Use Toast","description":"Use Toast from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/use-toast.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/use-toast.json"},{"name":"verified-tick","title":"Verified Tick","description":"Verified Tick from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/verified-tick.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/verified-tick.json"},{"name":"versions","title":"Versions","description":"Versions from the Get IT Done design system.","type":"registry:ui","source_url":"https://zero-design.itdone.de/r/versions.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/versions.json"},{"name":"dangling-controls","title":"Dangling Controls","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/dangling-controls.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/dangling-controls.json"},{"name":"is-mobile","title":"Is Mobile","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/is-mobile.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/is-mobile.json"},{"name":"modal-inert","title":"Modal Inert","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/modal-inert.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/modal-inert.json"},{"name":"nested-layer","title":"Nested Layer","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/nested-layer.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/nested-layer.json"},{"name":"recipes","title":"Recipes","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/recipes.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/recipes.json"},{"name":"return-focus","title":"Return Focus","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/return-focus.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/return-focus.json"},{"name":"sticky-inset","title":"Sticky Inset","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/sticky-inset.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/sticky-inset.json"},{"name":"toast-inset","title":"Toast Inset","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/toast-inset.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/toast-inset.json"},{"name":"use-collapse-empty","title":"Use Collapse Empty","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/use-collapse-empty.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/use-collapse-empty.json"},{"name":"use-escape-key","title":"Use Escape Key","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/use-escape-key.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/use-escape-key.json"},{"name":"utils","title":"Utils","description":"Helper used by the Get IT Done components.","type":"registry:lib","source_url":"https://zero-design.itdone.de/r/utils.json","install_command":"npx shadcn@latest add https://zero-design.itdone.de/r/utils.json"}]},{"id":"geturui","name":"@geturui","slug":"geturui","description":"Animated React components, blocks, charts and AI-chat UI built with Tailwind CSS v4 and Motion. Free MIT library with an MCP server so coding agents can install them.","author":"geturui","framework":"react","license":null,"tags":["ai","animation","auth","backgrounds","blocks","buttons","cards","charts","cms","dashboard","editor","forms","icons","loaders","marketing","media","navigation","onboarding","overlays","pro-available","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://geturui.com","github":"https://github.com/geturui/geturui","registry":"https://geturui.com/r/registry.json","source":"https://geturui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/geturui","markdown":"https://sh4dcn.netlify.app/md/geturui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='9' fill='#c8f031'/><path d='M9.5 11l5.5 5-5.5 5' fill='none' stroke='#0e0e0f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/><path d='M17.5 21.5h6' fill='none' stroke='#0e0e0f' stroke-width='3' stroke-linecap='round'/></svg>","preview_image":"https://geturui.com/opengraph-image?v=2","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://geturui.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://geturui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://geturui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://geturui.com/r/registry.json","clone":"git clone https://github.com/geturui/geturui.git","clone_degit":"npx degit geturui/geturui","registry_fetch":"curl -s https://geturui.com/r/registry.json"},"component_count":119,"components":[{"name":"theme","title":"GetUrUI theme","description":"Design tokens","type":"registry:file","source_url":"https://geturui.com/r/theme.json","install_command":"npx shadcn@latest add https://geturui.com/r/theme.json"},{"name":"alert","title":"Alert","description":"Inline alert that stays in the page flow in six tones, as a floating card or full-width banner; it unrolls with a spring, each tone icon moves once, and dismis…","type":"registry:ui","source_url":"https://geturui.com/r/alert.json","install_command":"npx shadcn@latest add https://geturui.com/r/alert.json"},{"name":"badge","title":"Animated Badge","description":"Small uppercase status label in nine tones, with an optional pulsing dot for live states and a lock glyph on Pro.","type":"registry:ui","source_url":"https://geturui.com/r/badge.json","install_command":"npx shadcn@latest add https://geturui.com/r/badge.json"},{"name":"context-menu","title":"Animated Context Menu","description":"Right-click or long-press menu that opens at the pointer: it scales from the nearest corner, items stagger in, a highlight glides between rows and submenus sli…","type":"registry:ui","source_url":"https://geturui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://geturui.com/r/context-menu.json"},{"name":"avatar","title":"Avatar","description":"Avatar in six sizes with an image to initials to icon fallback chain, presence, verified and logo corners, plus a stack that fans out on hover; photos blur up …","type":"registry:ui","source_url":"https://geturui.com/r/avatar.json","install_command":"npx shadcn@latest add https://geturui.com/r/avatar.json"},{"name":"blog-cards","title":"Blog cards","description":"Four ways to present a post — editorial cover, compact list, featured series and author-led quote — each with its own motion moment, from layered parallax to a…","type":"registry:component","source_url":"https://geturui.com/r/blog-cards.json","install_command":"npx shadcn@latest add https://geturui.com/r/blog-cards.json"},{"name":"blog-cards-editorial","title":"Blog cards · Editorial","description":"Cover card with a drawn type specimen whose layers drift under the pointer, plus category, excerpt and byline.","type":"registry:component","source_url":"https://geturui.com/r/blog-cards-editorial.json","install_command":"npx shadcn@latest add https://geturui.com/r/blog-cards-editorial.json"},{"name":"blog-cards-compact-list","title":"Blog cards · Compact list","description":"List of posts with reading-progress rings, a highlight that glides between rows and arrow-key navigation.","type":"registry:component","source_url":"https://geturui.com/r/blog-cards-compact-list.json","install_command":"npx shadcn@latest add https://geturui.com/r/blog-cards-compact-list.json"},{"name":"blog-cards-featured-split","title":"Blog cards · Featured series","description":"Split card for a multi-part series: step through parts while the art and copy crossfade in the direction of travel.","type":"registry:component","source_url":"https://geturui.com/r/blog-cards-featured-split.json","install_command":"npx shadcn@latest add https://geturui.com/r/blog-cards-featured-split.json"},{"name":"blog-cards-author","title":"Blog cards · Author-led","description":"Byline-first card with a pull quote, a bookmark that pops and ticks its count, and a copy-link action.","type":"registry:component","source_url":"https://geturui.com/r/blog-cards-author.json","install_command":"npx shadcn@latest add https://geturui.com/r/blog-cards-author.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"Draggable glass sheet with snap points; release velocity is projected forward to pick the detent and the scrim fades with the sheet's height.","type":"registry:ui","source_url":"https://geturui.com/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://geturui.com/r/bottom-sheet.json"},{"name":"accordion","title":"Bouncy Accordion","description":"Single-open accordion whose panels open on a weighted height spring while the body rises out of a blur and the plus turns into a cross.","type":"registry:ui","source_url":"https://geturui.com/r/accordion.json","install_command":"npx shadcn@latest add https://geturui.com/r/accordion.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"Location trail with chevron, slash or dot separators, a home crumb and long middles collapsed into a menu; in button style a hover pill glides between crumbs.","type":"registry:ui","source_url":"https://geturui.com/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://geturui.com/r/breadcrumbs.json"},{"name":"button","title":"Button","description":"Pill button in twelve styles and five sizes with a spring press, leading and trailing icons, inline links whose underline draws in, a Spinner loading state, an…","type":"registry:ui","source_url":"https://geturui.com/r/button.json","install_command":"npx shadcn@latest add https://geturui.com/r/button.json"},{"name":"calendar","title":"Calendar","description":"Month grid for a single date or a range, one or two months wide; months slide in with a blur in the direction of travel and the range band sweeps out from the …","type":"registry:ui","source_url":"https://geturui.com/r/calendar.json","install_command":"npx shadcn@latest add https://geturui.com/r/calendar.json"},{"name":"card-input","title":"Card Input","description":"Card number, expiry and CVC in one well: digits group as you type, the brand is detected from the prefix and its mark flips in, focus advances field to field, …","type":"registry:ui","source_url":"https://geturui.com/r/card-input.json","install_command":"npx shadcn@latest add https://geturui.com/r/card-input.json"},{"name":"chat-bubbles","title":"Chat bubbles","description":"Four message threads — support with typing indicator, group chat with reactions, file and voice attachments, and delivery receipts — where every new message sp…","type":"registry:component","source_url":"https://geturui.com/r/chat-bubbles.json","install_command":"npx shadcn@latest add https://geturui.com/r/chat-bubbles.json"},{"name":"chat-bubbles-support-thread","title":"Chat bubbles · Support thread","description":"Support conversation with grouped bubbles, quick-reply chips and a typing indicator before each answer.","type":"registry:component","source_url":"https://geturui.com/r/chat-bubbles-support-thread.json","install_command":"npx shadcn@latest add https://geturui.com/r/chat-bubbles-support-thread.json"},{"name":"chat-bubbles-group-reactions","title":"Chat bubbles · Group reactions","description":"Group chat with grouped senders, toggleable reaction pills whose counts roll and an inline reaction picker.","type":"registry:component","source_url":"https://geturui.com/r/chat-bubbles-group-reactions.json","install_command":"npx shadcn@latest add https://geturui.com/r/chat-bubbles-group-reactions.json"},{"name":"chat-bubbles-attachments","title":"Chat bubbles · Attachments","description":"File message with a ring-progress download and a voice note with a seekable waveform and speed control.","type":"registry:component","source_url":"https://geturui.com/r/chat-bubbles-attachments.json","install_command":"npx shadcn@latest add https://geturui.com/r/chat-bubbles-attachments.json"},{"name":"chat-bubbles-delivery-states","title":"Chat bubbles · Delivery states","description":"Direct-message thread where sent messages animate through sending, sent, delivered and read, with retry on failure.","type":"registry:component","source_url":"https://geturui.com/r/chat-bubbles-delivery-states.json","install_command":"npx shadcn@latest add https://geturui.com/r/chat-bubbles-delivery-states.json"},{"name":"checkbox","title":"Checkbox","description":"Native checkbox whose tick draws itself with a spring, morphs to a dash when indeterminate, and groups under a select-all parent.","type":"registry:ui","source_url":"https://geturui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://geturui.com/r/checkbox.json"},{"name":"citations","title":"Citations","description":"Inline numbered citation chips that open a source card with a spring on hover or focus, plus a sources list that highlights the cited item.","type":"registry:component","source_url":"https://geturui.com/r/citations.json","install_command":"npx shadcn@latest add https://geturui.com/r/citations.json"},{"name":"code-block","title":"Code Block","description":"AI-style code block with filename header, copy button, line numbers, line highlights and a tiny highlighter; long code collapses behind a height spring.","type":"registry:component","source_url":"https://geturui.com/r/code-block.json","install_command":"npx shadcn@latest add https://geturui.com/r/code-block.json"},{"name":"combobox","title":"Combobox","description":"Type-to-filter combobox: matched text lights up in volt, a create row offers what you typed, async results load behind a spinner, and an empty state wobbles in…","type":"registry:ui","source_url":"https://geturui.com/r/combobox.json","install_command":"npx shadcn@latest add https://geturui.com/r/combobox.json"},{"name":"command-palette","title":"Command Palette","description":"A ⌘K palette on frosted glass with fuzzy search and grouped results; a spring highlight glides to the active row as you arrow through.","type":"registry:ui","source_url":"https://geturui.com/r/command-palette.json","install_command":"npx shadcn@latest add https://geturui.com/r/command-palette.json"},{"name":"copy-button","title":"Copy Button","description":"Icon button that copies a value to the clipboard and morphs its glyph into a check with a scale-and-blur swap.","type":"registry:ui","source_url":"https://geturui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://geturui.com/r/copy-button.json"},{"name":"cta-banner","title":"CTA Banner","description":"Large rounded call-to-action panel on a faded dot grid with a headline, two buttons and a soft volt spotlight that trails the cursor.","type":"registry:block","source_url":"https://geturui.com/r/cta-banner.json","install_command":"npx shadcn@latest add https://geturui.com/r/cta-banner.json"},{"name":"date-picker","title":"Date picker","description":"Date and range pickers on a sunken trigger: a popover holds the calendar, presets like Last 7 days and Apply/Cancel, plus a segmented date field whose digits r…","type":"registry:ui","source_url":"https://geturui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://geturui.com/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"Accessible base modal with a featured icon, four widths and stacked phone actions; it springs in over a blurred scrim and turns into a drag-to-dismiss bottom s…","type":"registry:ui","source_url":"https://geturui.com/r/dialog.json","install_command":"npx shadcn@latest add https://geturui.com/r/dialog.json"},{"name":"dock","title":"Dock","description":"A macOS-style dock whose icons swell on springs as the cursor nears; labels rise above and the active dot glides between apps.","type":"registry:ui","source_url":"https://geturui.com/r/dock.json","install_command":"npx shadcn@latest add https://geturui.com/r/dock.json"},{"name":"donut-chart","title":"Donut Chart","description":"Donut whose arcs sweep in on springs; hovering a segment or legend row expands it and swaps the rolling centre total for that segment's share.","type":"registry:component","source_url":"https://geturui.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://geturui.com/r/donut-chart.json"},{"name":"drawer","title":"Drawer","description":"A side panel that springs in from the left or right over a blurred scrim; drag it toward its edge, press Escape or click outside to dismiss.","type":"registry:ui","source_url":"https://geturui.com/r/drawer.json","install_command":"npx shadcn@latest add https://geturui.com/r/drawer.json"},{"name":"dropdown","title":"Dropdown Menu","description":"Menu button with button, icon, avatar or account-card triggers, an account header or filtering search, sections, checkbox and radio rows and submenus; it sprin…","type":"registry:ui","source_url":"https://geturui.com/r/dropdown.json","install_command":"npx shadcn@latest add https://geturui.com/r/dropdown.json"},{"name":"faq-section","title":"FAQ","description":"FAQ section with a heading, a spring accordion of questions and a \"still have questions\" contact card whose avatar stack pops in.","type":"registry:block","source_url":"https://geturui.com/r/faq-section.json","install_command":"npx shadcn@latest add https://geturui.com/r/faq-section.json"},{"name":"feature-grid","title":"Feature Grid","description":"Bento grid of six features where each tile runs a small live micro-animation — a typing command, a theme toggle, a moving focus ring, a rolling counter, spring…","type":"registry:block","source_url":"https://geturui.com/r/feature-grid.json","install_command":"npx shadcn@latest add https://geturui.com/r/feature-grid.json"},{"name":"field","title":"Field","description":"Label, control and hint line with ids wired for screen readers; errors shake the control once and blur in under it.","type":"registry:ui","source_url":"https://geturui.com/r/field.json","install_command":"npx shadcn@latest add https://geturui.com/r/field.json"},{"name":"file-tree","title":"File Tree","description":"Collapsible file tree where folders spring open, chevrons rotate, indent guides light up for the active folder and a selection pill glides between rows.","type":"registry:ui","source_url":"https://geturui.com/r/file-tree.json","install_command":"npx shadcn@latest add https://geturui.com/r/file-tree.json"},{"name":"footer-block","title":"Footer","description":"Site footer with a brand blurb, four link columns, a newsletter field that swaps to an inline success state, and a base row with legal links and a pulsing stat…","type":"registry:block","source_url":"https://geturui.com/r/footer-block.json","install_command":"npx shadcn@latest add https://geturui.com/r/footer-block.json"},{"name":"funnel-chart","title":"Funnel Chart","description":"Horizontal funnel whose centred bars grow in stage by stage, with conversion from the top and drop-off labelled between stages.","type":"registry:component","source_url":"https://geturui.com/r/funnel-chart.json","install_command":"npx shadcn@latest add https://geturui.com/r/funnel-chart.json"},{"name":"hero-section","title":"Hero","description":"Marketing hero with a pulsing announcement pill, a word-by-word headline with a volt-marked word, two CTAs, a copyable install command and a floating product s…","type":"registry:block","source_url":"https://geturui.com/r/hero-section.json","install_command":"npx shadcn@latest add https://geturui.com/r/hero-section.json"},{"name":"input","title":"Input","description":"Text field on a sunken well in three sizes with a volt focus halo, leading icon, joined text, select and button add-ons, a help tooltip, a clear button and a s…","type":"registry:ui","source_url":"https://geturui.com/r/input.json","install_command":"npx shadcn@latest add https://geturui.com/r/input.json"},{"name":"integration-cards","title":"Integration cards","description":"App connect grid, single-integration consent and sync health cards — optimistic connect, spring permission switches and a failed sync that heals on retry.","type":"registry:component","source_url":"https://geturui.com/r/integration-cards.json","install_command":"npx shadcn@latest add https://geturui.com/r/integration-cards.json"},{"name":"integration-cards-connect-grid","title":"Integration cards · Connect grid","description":"Grid of apps with All and Connected filters, a connect flow that spins then springs to Connected, and layout-animated filtering.","type":"registry:component","source_url":"https://geturui.com/r/integration-cards-connect-grid.json","install_command":"npx shadcn@latest add https://geturui.com/r/integration-cards-connect-grid.json"},{"name":"integration-cards-detail","title":"Integration cards · Integration consent","description":"Two linked marks, a permissions list with spring switches and locked required scopes, and an authorize flow that ends in a drawn check.","type":"registry:component","source_url":"https://geturui.com/r/integration-cards-detail.json","install_command":"npx shadcn@latest add https://geturui.com/r/integration-cards-detail.json"},{"name":"integration-cards-sync-status","title":"Integration cards · Sync status","description":"Sync health with run-history bars, a failure notice that collapses on retry, a live record counter and an auto-sync switch.","type":"registry:component","source_url":"https://geturui.com/r/integration-cards-sync-status.json","install_command":"npx shadcn@latest add https://geturui.com/r/integration-cards-sync-status.json"},{"name":"line-charts","title":"Line charts","description":"Four hand-drawn SVG line charts — multi-series, single metric, period comparison and annotated steps — that reveal left to right, morph with springs and read o…","type":"registry:component","source_url":"https://geturui.com/r/line-charts.json","install_command":"npx shadcn@latest add https://geturui.com/r/line-charts.json"},{"name":"line-charts-multi-series","title":"Line charts · Multi-series","description":"Up to four series, volt first and the rest neutral or dashed; legend toggles rescale the axis with a spring morph and the crosshair reads every visible line.","type":"registry:component","source_url":"https://geturui.com/r/line-charts-multi-series.json","install_command":"npx shadcn@latest add https://geturui.com/r/line-charts-multi-series.json"},{"name":"line-charts-gradient-metric","title":"Line charts · Gradient metric","description":"One metric under a volt gradient with labelled peak and low markers, an average guide, a glowing latest point and a headline that follows the crosshair.","type":"registry:component","source_url":"https://geturui.com/r/line-charts-gradient-metric.json","install_command":"npx shadcn@latest add https://geturui.com/r/line-charts-gradient-metric.json"},{"name":"line-charts-period-comparison","title":"Line charts · Period comparison","description":"This period in solid volt against the last in dashed neutral, the gap shaded, with week, month and quarter tabs that morph both lines together.","type":"registry:component","source_url":"https://geturui.com/r/line-charts-period-comparison.json","install_command":"npx shadcn@latest add https://geturui.com/r/line-charts-period-comparison.json"},{"name":"line-charts-step-annotations","title":"Line charts · Step with annotations","description":"A step line for values that change in jumps, a dashed plan limit and numbered notes that pop a callout on hover or focus and step with arrow keys.","type":"registry:component","source_url":"https://geturui.com/r/line-charts-step-annotations.json","install_command":"npx shadcn@latest add https://geturui.com/r/line-charts-step-annotations.json"},{"name":"logo-cloud","title":"Logo Cloud","description":"Customer logo strip of text wordmarks in varied weights and spacing, as an endless marquee or a bordered grid where each logo lifts to reveal a caption on hove…","type":"registry:block","source_url":"https://geturui.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://geturui.com/r/logo-cloud.json"},{"name":"marquee","title":"Marquee","description":"Infinite horizontal scroller with faded edges that loops any content, runs in either direction and pauses on hover.","type":"registry:ui","source_url":"https://geturui.com/r/marquee.json","install_command":"npx shadcn@latest add https://geturui.com/r/marquee.json"},{"name":"masonry-gallery","title":"Masonry Gallery","description":"Masonry wall of tiles with mixed aspect ratios that keeps source order left to right, with category chips that filter the wall and tiles that glide into their …","type":"registry:block","source_url":"https://geturui.com/r/masonry-gallery.json","install_command":"npx shadcn@latest add https://geturui.com/r/masonry-gallery.json"},{"name":"message-bubble","title":"Message Bubble","description":"User and assistant chat bubbles that spring in, group consecutive messages and reveal copy, retry and feedback actions on hover or focus.","type":"registry:component","source_url":"https://geturui.com/r/message-bubble.json","install_command":"npx shadcn@latest add https://geturui.com/r/message-bubble.json"},{"name":"morph-label","title":"Morph Label","description":"A button that confirms in place: its label and icon morph through pending, done or error (Add to cart → Added → back) while the width springs to fit, plus a Sw…","type":"registry:ui","source_url":"https://geturui.com/r/morph-label.json","install_command":"npx shadcn@latest add https://geturui.com/r/morph-label.json"},{"name":"number-input","title":"Number Input","description":"Number field with steppers on both sides or stacked on the right, min/max/step, full keyboard control and press-and-hold that speeds up; digits roll to each ne…","type":"registry:ui","source_url":"https://geturui.com/r/number-input.json","install_command":"npx shadcn@latest add https://geturui.com/r/number-input.json"},{"name":"number-ticker","title":"Odometer Number","description":"Number that rolls each digit on its own spring reel, staggered left to right, when it scrolls into view or the value changes.","type":"registry:ui","source_url":"https://geturui.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://geturui.com/r/number-ticker.json"},{"name":"morphing-modal","title":"Origin Modal","description":"A multi-view modal that opens from the button that launched it and returns there on close; the panel height springs between views and content crossfades throug…","type":"registry:ui","source_url":"https://geturui.com/r/morphing-modal.json","install_command":"npx shadcn@latest add https://geturui.com/r/morphing-modal.json"},{"name":"otp-input","title":"OTP Input","description":"A one-time-code field where a focus ring glides between slots and digits roll in; wrong codes shake, right ones draw a check.","type":"registry:ui","source_url":"https://geturui.com/r/otp-input.json","install_command":"npx shadcn@latest add https://geturui.com/r/otp-input.json"},{"name":"pagination","title":"Pagination","description":"Pure page-window engine plus numbered, compact, card-footer and carousel-dot paginators; the volt marker glides to the active page and numbers slide as the win…","type":"registry:ui","source_url":"https://geturui.com/r/pagination.json","install_command":"npx shadcn@latest add https://geturui.com/r/pagination.json"},{"name":"password-input","title":"Password Input","description":"Password field with an eye toggle that blinks and draws its slash, a four-segment strength meter that springs in, and an optional requirements checklist.","type":"registry:ui","source_url":"https://geturui.com/r/password-input.json","install_command":"npx shadcn@latest add https://geturui.com/r/password-input.json"},{"name":"popover","title":"Popover","description":"Click-to-open panel anchored to its trigger that scales from the trigger edge with a spring and flips above or below to stay in the viewport.","type":"registry:ui","source_url":"https://geturui.com/r/popover.json","install_command":"npx shadcn@latest add https://geturui.com/r/popover.json"},{"name":"pricing-section","title":"Pricing","description":"Pricing table with a volt billing toggle, a seat slider with volume-discount tiers and plan prices that roll digit by digit whenever billing or seats change; t…","type":"registry:block","source_url":"https://geturui.com/r/pricing-section.json","install_command":"npx shadcn@latest add https://geturui.com/r/pricing-section.json"},{"name":"prompt-input","title":"Prompt Input","description":"Chat composer with an auto-growing textarea, model picker and attachment chips; the send button morphs into a stop button while a reply streams.","type":"registry:component","source_url":"https://geturui.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://geturui.com/r/prompt-input.json"},{"name":"radio-group","title":"Radio group","description":"Single-choice group with roving focus and a selected dot that glides between options on a spring; card mode turns options into tiles a volt ring slides across.","type":"registry:ui","source_url":"https://geturui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://geturui.com/r/radio-group.json"},{"name":"range-slider","title":"Range Slider","description":"Slider with a volt fill, step ticks and a bar-shaped thumb that springs to each step and stretches while you drag.","type":"registry:ui","source_url":"https://geturui.com/r/range-slider.json","install_command":"npx shadcn@latest add https://geturui.com/r/range-slider.json"},{"name":"review-cards","title":"Review cards","description":"Five review cards — rating summary, standout quote, review composer, compact list and photo review — with count-ups, star pops, rolling vote counts and a share…","type":"registry:component","source_url":"https://geturui.com/r/review-cards.json","install_command":"npx shadcn@latest add https://geturui.com/r/review-cards.json"},{"name":"review-cards-summary","title":"Review cards · Rating summary","description":"Average that counts up over a star histogram whose bars grow in and filter the list.","type":"registry:component","source_url":"https://geturui.com/r/review-cards-summary.json","install_command":"npx shadcn@latest add https://geturui.com/r/review-cards-summary.json"},{"name":"review-cards-quote","title":"Review cards · Standout quote","description":"Single verified review with popping stars, a body that springs open with Read more, and a helpful toggle.","type":"registry:component","source_url":"https://geturui.com/r/review-cards-quote.json","install_command":"npx shadcn@latest add https://geturui.com/r/review-cards-quote.json"},{"name":"review-cards-write","title":"Review cards · Write a review","description":"Star radio group with hover preview and spring pop, quick tags, counted text box and a thank-you crossfade.","type":"registry:component","source_url":"https://geturui.com/r/review-cards-write.json","install_command":"npx shadcn@latest add https://geturui.com/r/review-cards-write.json"},{"name":"review-cards-compact","title":"Review cards · Compact list","description":"Dense rows with star lines and optimistic helpful votes whose counts roll.","type":"registry:component","source_url":"https://geturui.com/r/review-cards-compact.json","install_command":"npx shadcn@latest add https://geturui.com/r/review-cards-compact.json"},{"name":"review-cards-photos","title":"Review cards · Photo review","description":"Review with a drawn photo strip; a thumbnail grows into an in-card viewer with arrow keys and Escape.","type":"registry:component","source_url":"https://geturui.com/r/review-cards-photos.json","install_command":"npx shadcn@latest add https://geturui.com/r/review-cards-photos.json"},{"name":"select","title":"Select","description":"Single-choice select on the field well with avatars, status dots, icons, groups and an optional search box; a volt highlight glides between options and the pan…","type":"registry:ui","source_url":"https://geturui.com/r/select.json","install_command":"npx shadcn@latest add https://geturui.com/r/select.json"},{"name":"composition-chart","title":"Share of Total Chart","description":"100% stacked bars or areas showing each series' share per period; toggling between them re-stacks with springs, with a period tooltip and a legend that hides s…","type":"registry:component","source_url":"https://geturui.com/r/composition-chart.json","install_command":"npx shadcn@latest add https://geturui.com/r/composition-chart.json"},{"name":"sign-up-form","title":"Sign Up Form","description":"Sign-up card with a GitHub button, an email field that validates and shakes, an animated password-strength meter, a stateful submit and a success state that mo…","type":"registry:block","source_url":"https://geturui.com/r/sign-up-form.json","install_command":"npx shadcn@latest add https://geturui.com/r/sign-up-form.json"},{"name":"social-posts","title":"Social posts","description":"Four feed posts — text, photo grid, poll and link preview — with optimistic toggles, rolling counts, a shared-layout photo viewer and results that count up.","type":"registry:component","source_url":"https://geturui.com/r/social-posts.json","install_command":"npx shadcn@latest add https://geturui.com/r/social-posts.json"},{"name":"social-posts-text-post","title":"Social posts · Text post","description":"Text post with optimistic like, repost and bookmark: icons pop, the like bursts and counts roll.","type":"registry:component","source_url":"https://geturui.com/r/social-posts-text-post.json","install_command":"npx shadcn@latest add https://geturui.com/r/social-posts-text-post.json"},{"name":"social-posts-image-grid","title":"Social posts · Photo grid","description":"Photo post whose drawn grid tiles expand into a viewer with a shared-layout morph, arrow paging and Escape to close.","type":"registry:component","source_url":"https://geturui.com/r/social-posts-image-grid.json","install_command":"npx shadcn@latest add https://geturui.com/r/social-posts-image-grid.json"},{"name":"social-posts-poll","title":"Social posts · Poll","description":"Poll post where voting grows the result bars and counts percentages up, with your choice marked and undo.","type":"registry:component","source_url":"https://geturui.com/r/social-posts-poll.json","install_command":"npx shadcn@latest add https://geturui.com/r/social-posts-poll.json"},{"name":"social-posts-link-preview","title":"Social posts · Link preview","description":"Post with an expandable body and a rich link preview whose drawn image drifts on hover, plus like and copy link.","type":"registry:component","source_url":"https://geturui.com/r/social-posts-link-preview.json","install_command":"npx shadcn@latest add https://geturui.com/r/social-posts-link-preview.json"},{"name":"sparkline-stats","title":"Sparkline Stats","description":"KPI cards with rolling numbers, an up/down delta badge and a sparkline that draws in, with a crosshair on hover or arrow keys.","type":"registry:component","source_url":"https://geturui.com/r/sparkline-stats.json","install_command":"npx shadcn@latest add https://geturui.com/r/sparkline-stats.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator as a ring, dots or equaliser bars in five sizes; it announces itself as a status and slows to a pulse for reduced motion.","type":"registry:ui","source_url":"https://geturui.com/r/spinner.json","install_command":"npx shadcn@latest add https://geturui.com/r/spinner.json"},{"name":"stat-cards","title":"Stat cards","description":"Four metric cards — headline KPI, scrubbable sparkline, goal ring and two-period comparison — with count-ups, redrawn lines, springing arcs and bars.","type":"registry:component","source_url":"https://geturui.com/r/stat-cards.json","install_command":"npx shadcn@latest add https://geturui.com/r/stat-cards.json"},{"name":"stat-cards-kpi","title":"Stat cards · KPI","description":"Headline figure that counts up with its delta, and a breakdown that springs open into a stacked bar.","type":"registry:component","source_url":"https://geturui.com/r/stat-cards-kpi.json","install_command":"npx shadcn@latest add https://geturui.com/r/stat-cards-kpi.json"},{"name":"stat-cards-sparkline","title":"Stat cards · Sparkline","description":"Period tabs redraw the line; pointer or arrow keys scrub to any point and the figure crossfades.","type":"registry:component","source_url":"https://geturui.com/r/stat-cards-sparkline.json","install_command":"npx shadcn@latest add https://geturui.com/r/stat-cards-sparkline.json"},{"name":"stat-cards-goal","title":"Stat cards · Goal ring","description":"Progress ring and percentage spring to each logged step; milestones tick and the goal swaps to a done state.","type":"registry:component","source_url":"https://geturui.com/r/stat-cards-goal.json","install_command":"npx shadcn@latest add https://geturui.com/r/stat-cards-goal.json"},{"name":"stat-cards-comparison","title":"Stat cards · Comparison","description":"Metric tabs swap two period bars that spring to new lengths while the delta crossfades.","type":"registry:component","source_url":"https://geturui.com/r/stat-cards-comparison.json","install_command":"npx shadcn@latest add https://geturui.com/r/stat-cards-comparison.json"},{"name":"stats-section","title":"Stats","description":"Four headline numbers that roll in digit by digit, each with a sparkline that draws itself, fills its area and drops an end dot when scrolled into view.","type":"registry:block","source_url":"https://geturui.com/r/stats-section.json","install_command":"npx shadcn@latest add https://geturui.com/r/stats-section.json"},{"name":"stepper","title":"Stepper","description":"Progress steps, horizontal or vertical, with number, icon, dot or bar markers; connectors fill with a spring, numbers morph into drawn checks and the current s…","type":"registry:ui","source_url":"https://geturui.com/r/stepper.json","install_command":"npx shadcn@latest add https://geturui.com/r/stepper.json"},{"name":"switch","title":"Switch","description":"Toggle switch whose thumb slides on a stiff spring and stretches while pressed.","type":"registry:ui","source_url":"https://geturui.com/r/switch.json","install_command":"npx shadcn@latest add https://geturui.com/r/switch.json"},{"name":"switch-cards","title":"Switch cards","description":"Three settings cards built on a springy switch — notification preferences with a saved cue, plan features with dependent options and a save bar, and privacy to…","type":"registry:component","source_url":"https://geturui.com/r/switch-cards.json","install_command":"npx shadcn@latest add https://geturui.com/r/switch-cards.json"},{"name":"switch-cards-notifications","title":"Switch cards · Notifications","description":"Email and push preferences in labelled groups; the thumb stretches on press and a Saved chip blurs in after each change.","type":"registry:component","source_url":"https://geturui.com/r/switch-cards-notifications.json","install_command":"npx shadcn@latest add https://geturui.com/r/switch-cards-notifications.json"},{"name":"switch-cards-plan-features","title":"Switch cards · Plan features","description":"Workspace feature toggles where child options unlock with their parent, a locked row names its plan, and a save bar springs in once anything changes.","type":"registry:component","source_url":"https://geturui.com/r/switch-cards-plan-features.json","install_command":"npx shadcn@latest add https://geturui.com/r/switch-cards-plan-features.json"},{"name":"switch-cards-privacy","title":"Switch cards · Privacy","description":"Privacy and security switches with a Protected or At risk badge; turning off a sensitive one opens an inline confirmation first.","type":"registry:component","source_url":"https://geturui.com/r/switch-cards-privacy.json","install_command":"npx shadcn@latest add https://geturui.com/r/switch-cards-privacy.json"},{"name":"tabs","title":"Tabs","description":"Segmented tabs in pill, volt and underline styles; a shared spring indicator glides to the active tab and resizes to fit it.","type":"registry:ui","source_url":"https://geturui.com/r/tabs.json","install_command":"npx shadcn@latest add https://geturui.com/r/tabs.json"},{"name":"tag-group","title":"Tag group","description":"Chips with dots, avatars, flags, icons, counts and remove buttons, selectable singly or in sets; a removed chip blurs out while its neighbours slide closed.","type":"registry:ui","source_url":"https://geturui.com/r/tag-group.json","install_command":"npx shadcn@latest add https://geturui.com/r/tag-group.json"},{"name":"tag-input","title":"Tag input","description":"Text field that turns entries into chips on Enter, comma or paste, validates each one, and springs new chips in while removed ones slide out.","type":"registry:ui","source_url":"https://geturui.com/r/tag-input.json","install_command":"npx shadcn@latest add https://geturui.com/r/tag-input.json"},{"name":"tag-select","title":"Tag select","description":"Multi-select whose picks become chips in the field: chips pop in with a spring and fold into “+N”, options tick a drawn checkbox, arrows walk the chips and Bac…","type":"registry:ui","source_url":"https://geturui.com/r/tag-select.json","install_command":"npx shadcn@latest add https://geturui.com/r/tag-select.json"},{"name":"testimonials-wall","title":"Testimonials","description":"Wall of quote cards with initials avatars: two marquee rows drifting in opposite directions, or a masonry layout whose cards blur up into view.","type":"registry:block","source_url":"https://geturui.com/r/testimonials-wall.json","install_command":"npx shadcn@latest add https://geturui.com/r/testimonials-wall.json"},{"name":"text-animation","title":"Text Animation","description":"Four text effects: a word-by-word blur reveal with a volt underline, a shimmer sweep, a glyph scramble and a rotating word swap.","type":"registry:ui","source_url":"https://geturui.com/r/text-animation.json","install_command":"npx shadcn@latest add https://geturui.com/r/text-animation.json"},{"name":"textarea","title":"Textarea","description":"Multi-line field on the sunken well that grows with a spring between min and max rows, with a ring-gauge character counter, a resize handle and a toolbar slot.","type":"registry:ui","source_url":"https://geturui.com/r/textarea.json","install_command":"npx shadcn@latest add https://geturui.com/r/textarea.json"},{"name":"theme-switchers","title":"Theme switchers","description":"Three appearance controls — a light/dark/system segmented switch with a sliding thumb, an appearance card with live mini previews, and an accent and density pi…","type":"registry:component","source_url":"https://geturui.com/r/theme-switchers.json","install_command":"npx shadcn@latest add https://geturui.com/r/theme-switchers.json"},{"name":"theme-switchers-segmented","title":"Theme switchers · Segmented","description":"Light, dark and system options with a thumb that slides between them and an icon that turns as it lands; text or icon-only.","type":"registry:component","source_url":"https://geturui.com/r/theme-switchers-segmented.json","install_command":"npx shadcn@latest add https://geturui.com/r/theme-switchers-segmented.json"},{"name":"theme-switchers-appearance-card","title":"Theme switchers · Appearance card","description":"Theme cards with tiny app windows drawn in each theme's real tokens, a check that pops onto the chosen one and a stepped text-size slider.","type":"registry:component","source_url":"https://geturui.com/r/theme-switchers-appearance-card.json","install_command":"npx shadcn@latest add https://geturui.com/r/theme-switchers-appearance-card.json"},{"name":"theme-switchers-accent-density","title":"Theme switchers · Accent and density","description":"Accent swatches and a density control beside a live preview whose rows re-space with a layout spring and repaint in the chosen accent.","type":"registry:component","source_url":"https://geturui.com/r/theme-switchers-accent-density.json","install_command":"npx shadcn@latest add https://geturui.com/r/theme-switchers-accent-density.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"A sun/moon button that flips the whole page between dark and light with a View Transition reveal from the button, as a circle or staggered slats.","type":"registry:ui","source_url":"https://geturui.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://geturui.com/r/theme-toggle.json"},{"name":"tilt-card","title":"Tilt Card","description":"A card that tilts in 3D toward the pointer on a spring, with a glare that tracks the cursor and layers that float at different depths.","type":"registry:ui","source_url":"https://geturui.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://geturui.com/r/tilt-card.json"},{"name":"toast","title":"Toasts","description":"Imperative toasts that stack in the corner, fan out on hover, update in place from loading to done, and blur away on dismiss.","type":"registry:ui","source_url":"https://geturui.com/r/toast.json","install_command":"npx shadcn@latest add https://geturui.com/r/toast.json"},{"name":"streaming-response","title":"Token Stream","description":"Renders an AI reply token by token from a string or async stream, fading each chunk in behind a blinking caret, with safe markdown.","type":"registry:component","source_url":"https://geturui.com/r/streaming-response.json","install_command":"npx shadcn@latest add https://geturui.com/r/streaming-response.json"},{"name":"tooltip","title":"Tooltip","description":"Hover and focus label rendered in a portal: it scales in from its trigger on a soft spring, flips to the side with room, carries a title, description, arrow an…","type":"registry:ui","source_url":"https://geturui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://geturui.com/r/tooltip.json"},{"name":"user-menus","title":"User menus","description":"Three account menus — an avatar dropdown with workspace switcher and theme row, a sidebar footer menu that opens upward, and a searchable command-style profile…","type":"registry:component","source_url":"https://geturui.com/r/user-menus.json","install_command":"npx shadcn@latest add https://geturui.com/r/user-menus.json"},{"name":"user-menus-avatar-dropdown","title":"User menus · Avatar dropdown","description":"Top-bar avatar menu with a workspace switcher whose check glides between rows, a light/dark/system row and shortcut hints.","type":"registry:component","source_url":"https://geturui.com/r/user-menus-avatar-dropdown.json","install_command":"npx shadcn@latest add https://geturui.com/r/user-menus-avatar-dropdown.json"},{"name":"user-menus-sidebar-footer","title":"User menus · Sidebar footer","description":"User button for the bottom of a sidebar; the menu opens upward with a seat meter, and ArrowUp opens it on the last item.","type":"registry:component","source_url":"https://geturui.com/r/user-menus-sidebar-footer.json","install_command":"npx shadcn@latest add https://geturui.com/r/user-menus-sidebar-footer.json"},{"name":"user-menus-command-profile","title":"User menus · Command profile","description":"Profile menu with a search field: type to filter grouped actions, a highlight slides between rows and every action shows its shortcut.","type":"registry:component","source_url":"https://geturui.com/r/user-menus-command-profile.json","install_command":"npx shadcn@latest add https://geturui.com/r/user-menus-command-profile.json"},{"name":"welcome-cards","title":"Welcome cards","description":"Three dashboard welcome cards — today at a glance, onboarding checklist and what’s new — with staggered count-ups, one-at-a-time steps and a swipeable release …","type":"registry:component","source_url":"https://geturui.com/r/welcome-cards.json","install_command":"npx shadcn@latest add https://geturui.com/r/welcome-cards.json"},{"name":"welcome-cards-today","title":"Welcome cards · Today","description":"Time-aware greeting, today’s numbers counting up in a stagger and an up-next strip you can step through.","type":"registry:component","source_url":"https://geturui.com/r/welcome-cards-today.json","install_command":"npx shadcn@latest add https://geturui.com/r/welcome-cards-today.json"},{"name":"welcome-cards-onboarding","title":"Welcome cards · Onboarding checklist","description":"One step open at a time; completing a step ticks, fills its segment and advances, then the card celebrates.","type":"registry:component","source_url":"https://geturui.com/r/welcome-cards-onboarding.json","install_command":"npx shadcn@latest add https://geturui.com/r/welcome-cards-onboarding.json"},{"name":"welcome-cards-whats-new","title":"Welcome cards · What’s new","description":"Swipeable release carousel with drawn art; a Pro feature turns the button into an ember upgrade.","type":"registry:component","source_url":"https://geturui.com/r/welcome-cards-whats-new.json","install_command":"npx shadcn@latest add https://geturui.com/r/welcome-cards-whats-new.json"}]},{"id":"glass-ui","name":"@glass-ui","slug":"glass-ui","description":"A shadcn-compatible registry of 49 glassmorphic React/TypeScript components with an Apple-inspired dark-glass aesthetic. Covers the full shadcn primitive set (Accordion through Tooltip) in glass variants, plus unique additions: Cropper, Date Picker Input, Empty State, Spinner, and Input Group. Components default to glass styling via Tailwind CSS v4 and include a Liquid Glass variant with SVG displacement refraction. Includes MCP server configuration for AI-assisted integration. Free and open-source. Use for: building apps that need a cohesive frosted-glass or liquid-glass visual identity across all interactive controls.","author":"crenspire","framework":"react","license":null,"tags":["accessibility","aesthetic","ai","auth","buttons","cards","charts","dashboard","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"labels":["recently-updated"],"urls":{"website":"https://glass-ui.crenspire.com","github":"https://github.com/crenspire/glass-ui","registry":"https://glass-ui.crenspire.com/r/registry.json","source":"https://glass-ui.crenspire.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/glass-ui","markdown":"https://sh4dcn.netlify.app/md/glass-ui.md"},"logo":"<svg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100%' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'> <path fill='#000000' opacity='1.000000' stroke='none' d=' M329.000000,501.000000 C219.333359,501.000000 110.166718,501.000000 1.000059,501.000000 C1.000039,334.333405 1.000039,167.666794 1.000020,1.000148 C167.666565,1.000099 334.333130,1.000099 500.999756,1.000049 C500.999847,167.666519 500.999847,334.333038 500.999939,500.999786 C443.833344,501.000000 386.666656,501.000000 329.000000,501.000000 M166.321991,359.138977 C164.579941,358.797577 162.787094,358.617981 161.103760,358.089539 C145.684174,353.249023 133.022003,344.691895 123.038490,331.703491 C107.590088,311.605347 104.044098,288.874695 108.131042,264.860931 C111.220581,246.707657 119.729202,231.022293 134.328445,218.929657 C153.405426,203.128113 175.508270,198.624832 198.934479,203.222687 C220.394897,207.434753 237.708954,219.020401 248.147903,239.278168 C249.484055,241.871078 252.197968,245.558792 254.372223,245.627701 C270.849030,246.149811 287.351105,245.950851 303.842316,245.740234 C304.785706,245.728195 306.731445,243.246368 306.475647,242.583969 C303.264801,234.269012 300.371887,225.731476 296.140594,217.932968 C289.172729,205.090942 280.348053,193.571548 269.302490,183.734390 C258.423553,174.045593 246.152802,166.914047 232.782333,161.433517 C210.525513,152.310516 187.254562,150.446411 163.744965,153.249924 C146.286133,155.331879 129.660339,161.080353 114.508659,170.290543 C100.529625,178.787918 88.619011,189.638596 78.749939,202.751358 C64.338989,221.898773 56.504494,243.805527 54.371265,267.247406 C52.504013,287.766449 54.112434,308.313538 61.905869,328.010315 C67.226875,341.458374 73.572189,354.279755 82.988197,365.173645 C92.125275,375.744781 102.525192,385.064819 114.734146,392.263031 C133.137222,403.113220 153.094025,409.099731 174.180237,410.647430 C183.916336,411.362030 193.848145,409.705750 203.670547,408.878815 C217.892487,407.681488 231.202850,402.860657 243.692673,396.490631 C258.532257,388.922119 271.411987,378.595764 282.136536,365.501740 C293.023529,352.209442 300.469452,337.308319 305.997131,321.229126 C307.011658,318.278076 306.687408,317.047760 303.325104,317.058685 C286.832031,317.112213 270.337738,316.995087 253.846848,317.190491 C252.388672,317.207794 250.216476,318.721039 249.618698,320.084381 C243.363297,334.351624 232.801514,344.590576 219.430679,351.884949 C203.017883,360.838867 185.390640,363.095612 166.321991,359.138977 M357.099396,213.500000 C357.099396,279.247650 357.099396,344.995270 357.099396,410.820251 C374.293213,410.820251 390.784332,410.840729 407.275391,410.811554 C415.373138,410.797211 414.861664,411.960632 414.864532,403.388000 C414.889465,329.056213 414.889526,254.724457 414.888336,180.392685 C414.888214,173.226685 414.838074,166.060638 414.792877,158.894730 C414.776398,156.282730 414.586304,154.116028 410.902435,154.078445 C394.796509,153.914139 378.691284,153.590820 362.589478,153.181137 C358.679993,153.081665 357.023376,154.284775 357.062561,158.501938 C357.230042,176.499847 357.112793,194.500381 357.099396,213.500000 M171.500000,128.914352 C190.321899,128.915283 209.143799,128.916794 227.965698,128.917053 C288.262268,128.917908 348.558899,128.896805 408.855377,128.969833 C412.656464,128.974442 414.996826,128.792282 414.905792,123.784302 C414.588135,106.305946 414.787659,88.818573 414.735413,71.334778 C414.721405,66.643929 413.242798,65.466621 408.576355,66.267235 C405.189545,66.848305 401.837585,67.635849 398.447571,68.194725 C384.060730,70.566551 369.653503,72.816742 355.276794,75.247711 C342.208282,77.457474 329.186859,79.946831 316.113525,82.126053 C299.316467,84.925972 282.455109,87.349442 265.681824,90.280403 C244.097336,94.052055 222.601593,98.332321 201.013992,102.085014 C180.360977,105.675232 159.632263,108.827835 138.949631,112.250214 C114.877762,116.233421 90.814362,120.268723 66.760994,124.361977 C62.573341,125.074600 58.453506,126.185745 54.302349,127.112823 C54.365429,127.713287 54.428505,128.313751 54.491585,128.914215 C93.161057,128.914215 131.830536,128.914215 171.500000,128.914352 z'/> <path fill='#FDFDFD' opacity='1.000000' stroke='none' d=' M166.675034,359.401550 C185.390640,363.095612 203.017883,360.838867 219.430679,351.884949 C232.801514,344.590576 243.363297,334.351624 249.618698,320.084381 C250.216476,318.721039 252.388672,317.207794 253.846848,317.190491 C270.337738,316.995087 286.832031,317.112213 303.325104,317.058685 C306.687408,317.047760 307.011658,318.278076 305.997131,321.229126 C300.469452,337.308319 293.023529,352.209442 282.136536,365.501740 C271.411987,378.595764 258.532257,388.922119 243.692673,396.490631 C231.202850,402.860657 217.892487,407.681488 203.670547,408.878815 C193.848145,409.705750 183.916336,411.362030 174.180237,410.647430 C153.094025,409.099731 133.137222,403.113220 114.734146,392.263031 C102.525192,385.064819 92.125275,375.744781 82.988197,365.173645 C73.572189,354.279755 67.226875,341.458374 61.905869,328.010315 C54.112434,308.313538 52.504013,287.766449 54.371265,267.247406 C56.504494,243.805527 64.338989,221.898773 78.749939,202.751358 C88.619011,189.638596 100.529625,178.787918 114.508659,170.290543 C129.660339,161.080353 146.286133,155.331879 163.744965,153.249924 C187.254562,150.446411 210.525513,152.310516 232.782333,161.433517 C246.152802,166.914047 258.423553,174.045593 269.302490,183.734390 C280.348053,193.571548 289.172729,205.090942 296.140594,217.932968 C300.371887,225.731476 303.264801,234.269012 306.475647,242.583969 C306.731445,243.246368 304.785706,245.728195 303.842316,245.740234 C287.351105,245.950851 270.849030,246.149811 254.372223,245.627701 C252.197968,245.558792 249.484055,241.871078 248.147903,239.278168 C237.708954,219.020401 220.394897,207.434753 198.934479,203.222687 C175.508270,198.624832 153.405426,203.128113 134.328445,218.929657 C119.729202,231.022293 111.220581,246.707657 108.131042,264.860931 C104.044098,288.874695 107.590088,311.605347 123.038490,331.703491 C133.022003,344.691895 145.684174,353.249023 161.103760,358.089539 C162.787094,358.617981 164.579941,358.797577 166.675034,359.401550 z'/> <path fill='#FCFBFB' opacity='1.000000' stroke='none' d=' M357.099426,212.999985 C357.112793,194.500381 357.230042,176.499847 357.062561,158.501938 C357.023376,154.284775 358.679993,153.081665 362.589478,153.181137 C378.691284,153.590820 394.796509,153.914139 410.902435,154.078445 C414.586304,154.116028 414.776398,156.282730 414.792877,158.894730 C414.838074,166.060638 414.888214,173.226685 414.888336,180.392685 C414.889526,254.724457 414.889465,329.056213 414.864532,403.388000 C414.861664,411.960632 415.373138,410.797211 407.275391,410.811554 C390.784332,410.840729 374.293213,410.820251 357.099396,410.820251 C357.099396,344.995270 357.099396,279.247650 357.099426,212.999985 z'/> <path fill='#803ADD' opacity='1.000000' stroke='none' d=' M171.000000,128.914276 C131.830536,128.914215 93.161057,128.914215 54.491585,128.914215 C54.428505,128.313751 54.365429,127.713287 54.302349,127.112823 C58.453506,126.185745 62.573341,125.074600 66.760994,124.361977 C90.814362,120.268723 114.877762,116.233421 138.949631,112.250214 C159.632263,108.827835 180.360977,105.675232 201.013992,102.085014 C222.601593,98.332321 244.097336,94.052055 265.681824,90.280403 C282.455109,87.349442 299.316467,84.925972 316.113525,82.126053 C329.186859,79.946831 342.208282,77.457474 355.276794,75.247711 C369.653503,72.816742 384.060730,70.566551 398.447571,68.194725 C401.837585,67.635849 405.189545,66.848305 408.576355,66.267235 C413.242798,65.466621 414.721405,66.643929 414.735413,71.334778 C414.787659,88.818573 414.588135,106.305946 414.905792,123.784302 C414.996826,128.792282 412.656464,128.974442 408.855377,128.969833 C348.558899,128.896805 288.262268,128.917908 227.965698,128.917053 C209.143799,128.916794 190.321899,128.915283 171.000000,128.914276 z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":96,"open_issues":0,"last_commit":"2026-10-14T12:25:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://glass-ui.crenspire.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://glass-ui.crenspire.com/r/registry.json","install_bun":"bunx shadcn@latest add https://glass-ui.crenspire.com/r/registry.json","clone":"git clone https://github.com/crenspire/glass-ui.git","clone_degit":"npx degit crenspire/glass-ui","registry_fetch":"curl -s https://glass-ui.crenspire.com/r/registry.json"},"component_count":50,"components":[{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/button.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/card.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/card.json"},{"name":"input","title":"Input","description":"Displays a form input field with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/input.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/input.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/textarea.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/textarea.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/label.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/label.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge with glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/badge.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/badge.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/avatar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/avatar.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/dialog.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/alert-dialog.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/separator.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/separator.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/switch.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/switch.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/checkbox.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/checkbox.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels—that are displayed one at a time with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/tabs.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/tabs.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/tooltip.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/tooltip.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/popover.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/popover.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/dropdown-menu.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from—triggered by a button with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/select.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/select.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/radio-group.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/radio-group.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/skeleton.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/skeleton.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/alert.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/alert.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/accordion.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/accordion.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/breadcrumb.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/calendar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/calendar.json"},{"name":"chart","title":"Chart","description":"Chart components built with Recharts with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/chart.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/chart.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/collapsible.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/collapsible.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/command.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/command.json"},{"name":"cropper","title":"Cropper","description":"An image cropper component with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/cropper.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/cropper.json"},{"name":"drawer","title":"Drawer","description":"A drawer component for mobile with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/drawer.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/drawer.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/hover-card.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/hover-card.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time password component with copy paste functionality.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/input-otp.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/input-otp.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/pagination.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/pagination.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/scroll-area.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content of the screen.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/sheet.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A sidebar component with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/sidebar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/sidebar.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/slider.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for React.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/sonner.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/sonner.json"},{"name":"table","title":"Table","description":"A responsive table component with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/table.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/table.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/toggle.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/toggle-group.json"},{"name":"mode-toggle","title":"Mode Toggle","description":"A theme switcher component with optional glassy variant.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/mode-toggle.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/mode-toggle.json"},{"name":"spinner","title":"Spinner","description":"A loading spinner component with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/spinner.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/spinner.json"},{"name":"button-group","title":"Button Group","description":"A group of buttons with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/button-group.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/button-group.json"},{"name":"input-group","title":"Input Group","description":"A group of inputs with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/input-group.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/input-group.json"},{"name":"empty-state","title":"Empty State","description":"An empty state component with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/empty-state.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/empty-state.json"},{"name":"menu-bar","title":"Menu Bar","description":"A menu bar component with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/menu-bar.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/menu-bar.json"},{"name":"date-picker-input","title":"Date Picker Input","description":"A date picker input component with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/date-picker-input.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/date-picker-input.json"},{"name":"context-menu","title":"Context Menu","description":"A context menu component with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/context-menu.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/context-menu.json"},{"name":"carousel","title":"Carousel","description":"A carousel component with glassy variants.","type":"registry:component","source_url":"https://glass-ui.crenspire.com/r/carousel.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/carousel.json"},{"name":"liquid-glass","title":"Liquid Glass","description":"WebGL refractive glass close to Apple's Liquid Glass: provider, engine and components (button, bar, card, search, switch, slider, tabs, dialog).","type":"registry:ui","source_url":"https://glass-ui.crenspire.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://glass-ui.crenspire.com/r/liquid-glass.json"}]},{"id":"glasscn","name":"@glasscn","slug":"glasscn","description":"A glassmorphism component library layered on shadcn/ui, offering ~20 glass-variant primitives (Glass Alert, Alert Dialog, Badge, Button, Button Group, Calendar, Card, Checkbox, Code Block Command, Command, Combobox, Input, Item, Popover, Radio Group, Select, Separator, Sidebar, Skeleton) plus Glass Variants utility and liquid-glass button variants (clear, frosted, subtle, liquid, liquid-refract via SVG displacement). Installable via npx shadcn add @glasscn/<component>. Free and open-source for Next.js/React. Use for: applying a consistent translucent glass aesthetic to a subset of shadcn UI controls with minimal friction.","author":"kostyniuk","framework":"react","license":"MIT","tags":["accessibility","aesthetic","blocks","buttons","cards","dashboard","design-system","developer-tools","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays"],"categories":["Theming/styling"],"labels":["featured"],"urls":{"website":"https://glasscn-components.vercel.app/","github":"https://github.com/kostyniuk/glasscn-components","registry":"https://glasscn-components.vercel.app/r/registry.json","source":"https://glasscn-components.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/glasscn","markdown":"https://sh4dcn.netlify.app/md/glasscn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none'><rect x='0.5' y='0.5' width='51' height='51' rx='13.5' fill='var(--background)' fill-opacity='.08' stroke='var(--foreground)' stroke-opacity='.2'/><rect x='14.5' y='14.5' width='51' height='51' rx='13.5' fill='var(--background)' fill-opacity='.12' stroke='var(--foreground)' stroke-opacity='.3'/><rect x='28.5' y='28.5' width='51' height='51' rx='13.5' fill='var(--background)' fill-opacity='.18' stroke='var(--foreground)' stroke-opacity='.45'/><line x1='34' y1='36' x2='34' y2='56' stroke='var(--foreground)' stroke-opacity='.35' stroke-width='1.5' stroke-linecap='round'/></svg>","preview_image":"https://glasscn-components.vercel.app/glasscn-social-card.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":84,"open_issues":0,"last_commit":"2026-09-17T21:50:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://glasscn-components.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://glasscn-components.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://glasscn-components.vercel.app/r/registry.json","clone":"git clone https://github.com/kostyniuk/glasscn-components.git","clone_degit":"npx degit kostyniuk/glasscn-components","registry_fetch":"curl -s https://glasscn-components.vercel.app/r/registry.json"},"component_count":65,"components":[{"name":"utils","title":"Utils","description":null,"type":"registry:lib","source_url":"https://glasscn-components.vercel.app/r/utils.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/utils.json"},{"name":"highlight-text","title":"Highlight Text","description":"Inline text highlight with preset color variants and custom background class support.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/highlight-text.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/highlight-text.json"},{"name":"button","title":"Button","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/button.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/badge.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/avatar.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/checkbox.json"},{"name":"input","title":"Input","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/input.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/textarea.json"},{"name":"input-group","title":"Input Group","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/input-group.json"},{"name":"item","title":"Item","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/item.json"},{"name":"combobox","title":"Combobox","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/combobox.json"},{"name":"command","title":"Command","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/command.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/command.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/dropdown-menu.json"},{"name":"select","title":"Select","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/select.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/switch.json"},{"name":"progress","title":"Progress","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/progress.json"},{"name":"glass-button","title":"Glass Button","description":"Glass Button with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-button.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-button.json"},{"name":"glass-badge","title":"Glass Badge","description":"Glass Badge with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-badge.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-badge.json"},{"name":"glass-checkbox","title":"Glass Checkbox","description":"Glass Checkbox with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-checkbox.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-checkbox.json"},{"name":"glass-command","title":"Glass Command","description":"Glass Command with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-command.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-command.json"},{"name":"glass-dropdown-menu","title":"Glass Dropdown Menu","description":"Glass Dropdown Menu with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-dropdown-menu.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-dropdown-menu.json"},{"name":"glass-combobox","title":"Glass Combobox","description":"Glass Combobox with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-combobox.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-combobox.json"},{"name":"glass-select","title":"Glass Select","description":"Glass Select with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-select.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-select.json"},{"name":"card","title":"Card","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/card.json"},{"name":"liquid-glass","title":"Liquid Glass","description":"Low-level refractive glass wrapper used by liquid-refract components.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/liquid-glass.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/liquid-glass.json"},{"name":"glass-card","title":"Glass Card","description":"Glass Card with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-card.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-card.json"},{"name":"glass-scrim-card","title":"Glass Scrim Card","description":"Siri-style liquid-refract card with a black scrim that eases from one edge into clear glass","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-scrim-card.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-scrim-card.json"},{"name":"glance","title":"Glance","description":"CSS-only hover shine. Add the glance class to any element and a diagonal highlight sweeps across it once per hover","type":"registry:item","source_url":"https://glasscn-components.vercel.app/r/glance.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glance.json"},{"name":"glass-contact-pill","title":"Glass Contact Pill","description":"Liquid-glass contact chip with an avatar (image or initials fallback) and name, for messaging apps","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-contact-pill.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-contact-pill.json"},{"name":"glass-icon","title":"Glass Icon","description":"A circular glass chip that wraps any icon, iOS-control-center style. Preset sizes scale the circle and icon together so grids of icons stay uniform.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-icon.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-icon.json"},{"name":"calendar","title":"Calendar","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/calendar.json"},{"name":"glass-calendar","title":"Glass Calendar","description":"Glass Calendar with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-calendar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-calendar.json"},{"name":"glass-variants","title":"Glass Variants","description":null,"type":"registry:lib","source_url":"https://glasscn-components.vercel.app/r/glass-variants.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-variants.json"},{"name":"wavy-border","title":"Wavy Border","description":"A global CSS class that applies a small, even wavy border shape.","type":"registry:style","source_url":"https://glasscn-components.vercel.app/r/wavy-border.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/wavy-border.json"},{"name":"sheet","title":"Sheet","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/sheet.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/skeleton.json"},{"name":"button-group","title":"Button Group","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/button-group.json"},{"name":"popover","title":"Popover","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/popover.json"},{"name":"radio-group","title":"Radio Group","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/radio-group.json"},{"name":"tooltip","title":"Tooltip","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/tooltip.json"},{"name":"sidebar","title":"Sidebar","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/sidebar.json"},{"name":"glass-separator","title":"Glass Separator","description":"Glass Separator with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-separator.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-separator.json"},{"name":"glass-sidebar","title":"Glass Sidebar","description":"Glass Sidebar with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-sidebar.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-sidebar.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/alert-dialog.json"},{"name":"dialog","title":"Dialog","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/dialog.json"},{"name":"glass-alert","title":"Glass Alert","description":"Glass Alert with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-alert.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-alert.json"},{"name":"glass-alert-dialog","title":"Glass Alert Dialog","description":"Glass Alert Dialog with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-alert-dialog.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-alert-dialog.json"},{"name":"code-block-command","title":"Code Block Command","description":null,"type":"registry:ui","source_url":"https://glasscn-components.vercel.app/r/code-block-command.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/code-block-command.json"},{"name":"glass-code-block-command","title":"Glass Code Block Command","description":"Glass Code Block Command with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-code-block-command.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-code-block-command.json"},{"name":"component-preview","title":"Component Preview","description":"A preview shell for component demos with switchable default and glass variants.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/component-preview.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/component-preview.json"},{"name":"glass-button-group","title":"Glass Button Group","description":"Glass Button Group with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-button-group.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-button-group.json"},{"name":"glass-toggle-group","title":"Glass Toggle Group","description":"A segmented control with a sliding glass puck indicator supporting icons, text, or any React content.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-toggle-group.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-toggle-group.json"},{"name":"glass-input","title":"Glass Input","description":"Glass Input with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-input.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-input.json"},{"name":"glass-item","title":"Glass Item","description":"Glass Item with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-item.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-item.json"},{"name":"glass-popover","title":"Glass Popover","description":"Glass Popover with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-popover.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-popover.json"},{"name":"glass-progress","title":"Glass Progress","description":"Glass Progress with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-progress.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-progress.json"},{"name":"glass-radio-group","title":"Glass Radio Group","description":"Glass Radio Group with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-radio-group.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-radio-group.json"},{"name":"glass-skeleton","title":"Glass Skeleton","description":"Glass Skeleton with five variants: clear, frosted, subtle, liquid, and liquid-refract","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/glass-skeleton.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/glass-skeleton.json"},{"name":"liquid-text","title":"Liquid Text","description":"Animated text filled with a liquid shader mask.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/liquid-text.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/liquid-text.json"},{"name":"liquid-watch","title":"Liquid Watch","description":"Compact watch-style stacked time display built from liquid text inspired by Apple Watch.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/liquid-watch.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/liquid-watch.json"},{"name":"liquid-switch","title":"Liquid Switch","description":"A liquid-glass switch wrapper built on top of the default switch component.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/liquid-switch.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/liquid-switch.json"},{"name":"liquid-badge","title":"Liquid Badge","description":"A liquid-glass badge wrapper that keeps the base badge fill and applies the effect to the border.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/liquid-badge.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/liquid-badge.json"},{"name":"preference","title":"Preference","description":"A weighted preference bar with icon badges, hover tinting, and tooltip descriptions.","type":"registry:component","source_url":"https://glasscn-components.vercel.app/r/preference.json","install_command":"npx shadcn@latest add https://glasscn-components.vercel.app/r/preference.json"}]},{"id":"glassyui","name":"@glassyui","slug":"glassyui","description":"Glassy UI for React and Next.js: 37 glass components, a CSS glass theme, and drop-in component sets.","author":"alexburlis","framework":"react","license":"MIT","tags":["buttons","forms","glassmorphism","icons","loaders","media","navigation","overlays","pro-available","theming"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://glassyui.com","github":"https://github.com/alexburlis/glassyui","registry":"https://glassyui.com/r/registry.json","source":"https://glassyui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/glassyui","markdown":"https://sh4dcn.netlify.app/md/glassyui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='var(--foreground)'><path d='M13.21 13.21C13.21 13.19 13.21 13.16 13.22 13.08C13.23 13 13.24 12.87 13.27 12.7C13.3 12.53 13.34 12.31 13.41 12.06C13.48 11.8 13.56 11.5 13.69 11.17C13.83 10.84 14 10.46 14.23 10.07C14.46 9.68 14.74 9.25 15.09 8.84C15.44 8.43 15.85 8 16.32 7.62C16.78 7.24 17.31 6.86 17.86 6.55C18.42 6.23 19.03 5.95 19.64 5.72C20.25 5.5 20.9 5.33 21.54 5.19C22.18 5.06 22.84 4.99 23.49 4.92C24.14 4.86 24.79 4.85 25.44 4.83C26.09 4.81 26.73 4.81 27.38 4.81C28.03 4.8 28.68 4.8 29.33 4.8C29.99 4.8 30.65 4.8 31.32 4.8C32 4.8 32.68 4.8 33.38 4.8C34.09 4.8 34.8 4.8 35.55 4.8C36.3 4.8 37.07 4.8 37.89 4.81C38.71 4.83 39.56 4.83 40.49 4.87C41.41 4.91 42.38 4.94 43.44 5.06C44.5 5.18 45.64 5.28 46.86 5.58C48.07 5.89 49.44 6.23 50.71 6.89C51.97 7.54 53.4 8.46 54.47 9.53C55.54 10.6 56.46 12.03 57.11 13.29C57.77 14.56 58.11 15.93 58.42 17.14C58.72 18.36 58.82 19.5 58.94 20.56C59.06 21.62 59.09 22.59 59.13 23.51C59.17 24.44 59.17 25.29 59.19 26.11C59.2 26.93 59.2 27.7 59.2 28.45C59.2 29.2 59.2 29.91 59.2 30.62C59.2 31.32 59.2 32 59.2 32.68C59.2 33.35 59.2 34.01 59.2 34.67C59.2 35.32 59.2 35.97 59.19 36.62C59.19 37.27 59.19 37.91 59.17 38.56C59.15 39.21 59.14 39.86 59.08 40.51C59.01 41.16 58.94 41.82 58.81 42.46C58.67 43.1 58.5 43.75 58.28 44.36C58.05 44.97 57.77 45.58 57.45 46.14C57.14 46.69 56.76 47.22 56.38 47.68C56 48.15 55.57 48.56 55.16 48.91C54.75 49.26 54.32 49.54 53.93 49.77C53.54 50 53.16 50.17 52.83 50.31C52.5 50.44 52.2 50.52 51.94 50.59C51.69 50.66 51.47 50.7 51.3 50.73C51.13 50.76 51 50.77 50.92 50.78C50.84 50.79 50.81 50.79 50.79 50.79L50.79 50.79C50.8 50.68 50.85 50.55 50.82 50.14C50.79 49.73 50.78 49.04 50.61 48.33C50.45 47.62 50.1 46.76 49.83 45.86C49.57 44.96 49.19 44.02 49.02 42.92C48.84 41.82 48.81 40.59 48.78 39.28C48.74 37.97 48.8 36.52 48.8 35.05C48.8 33.57 48.8 32.03 48.8 30.41C48.8 28.78 48.84 27.03 48.77 25.3C48.7 23.57 48.66 21.42 48.38 20.01C48.11 18.61 47.85 17.62 47.12 16.88C46.38 16.15 45.39 15.89 43.99 15.62C42.58 15.34 40.43 15.3 38.7 15.23C36.97 15.16 35.22 15.2 33.59 15.2C31.97 15.2 30.43 15.2 28.95 15.2C27.48 15.2 26.03 15.26 24.72 15.22C23.41 15.19 22.18 15.16 21.08 14.98C19.98 14.81 19.04 14.43 18.14 14.17C17.24 13.9 16.38 13.55 15.67 13.39C14.96 13.22 14.27 13.21 13.86 13.18C13.45 13.15 13.32 13.2 13.21 13.21Z' transform='rotate(180 32 32)'/><path d='M13.21 13.21C13.21 13.19 13.21 13.16 13.22 13.08C13.23 13 13.24 12.87 13.27 12.7C13.3 12.53 13.34 12.31 13.41 12.06C13.48 11.8 13.56 11.5 13.69 11.17C13.83 10.84 14 10.46 14.23 10.07C14.46 9.68 14.74 9.25 15.09 8.84C15.44 8.43 15.85 8 16.32 7.62C16.78 7.24 17.31 6.86 17.86 6.55C18.42 6.23 19.03 5.95 19.64 5.72C20.25 5.5 20.9 5.33 21.54 5.19C22.18 5.06 22.84 4.99 23.49 4.92C24.14 4.86 24.79 4.85 25.44 4.83C26.09 4.81 26.73 4.81 27.38 4.81C28.03 4.8 28.68 4.8 29.33 4.8C29.99 4.8 30.65 4.8 31.32 4.8C32 4.8 32.68 4.8 33.38 4.8C34.09 4.8 34.8 4.8 35.55 4.8C36.3 4.8 37.07 4.8 37.89 4.81C38.71 4.83 39.56 4.83 40.49 4.87C41.41 4.91 42.38 4.94 43.44 5.06C44.5 5.18 45.64 5.28 46.86 5.58C48.07 5.89 49.44 6.23 50.71 6.89C51.97 7.54 53.4 8.46 54.47 9.53C55.54 10.6 56.46 12.03 57.11 13.29C57.77 14.56 58.11 15.93 58.42 17.14C58.72 18.36 58.82 19.5 58.94 20.56C59.06 21.62 59.09 22.59 59.13 23.51C59.17 24.44 59.17 25.29 59.19 26.11C59.2 26.93 59.2 27.7 59.2 28.45C59.2 29.2 59.2 29.91 59.2 30.62C59.2 31.32 59.2 32 59.2 32.68C59.2 33.35 59.2 34.01 59.2 34.67C59.2 35.32 59.2 35.97 59.19 36.62C59.19 37.27 59.19 37.91 59.17 38.56C59.15 39.21 59.14 39.86 59.08 40.51C59.01 41.16 58.94 41.82 58.81 42.46C58.67 43.1 58.5 43.75 58.28 44.36C58.05 44.97 57.77 45.58 57.45 46.14C57.14 46.69 56.76 47.22 56.38 47.68C56 48.15 55.57 48.56 55.16 48.91C54.75 49.26 54.32 49.54 53.93 49.77C53.54 50 53.16 50.17 52.83 50.31C52.5 50.44 52.2 50.52 51.94 50.59C51.69 50.66 51.47 50.7 51.3 50.73C51.13 50.76 51 50.77 50.92 50.78C50.84 50.79 50.81 50.79 50.79 50.79L50.79 50.79C50.8 50.68 50.85 50.55 50.82 50.14C50.79 49.73 50.78 49.04 50.61 48.33C50.45 47.62 50.1 46.76 49.83 45.86C49.57 44.96 49.19 44.02 49.02 42.92C48.84 41.82 48.81 40.59 48.78 39.28C48.74 37.97 48.8 36.52 48.8 35.05C48.8 33.57 48.8 32.03 48.8 30.41C48.8 28.78 48.84 27.03 48.77 25.3C48.7 23.57 48.66 21.42 48.38 20.01C48.11 18.61 47.85 17.62 47.12 16.88C46.38 16.15 45.39 15.89 43.99 15.62C42.58 15.34 40.43 15.3 38.7 15.23C36.97 15.16 35.22 15.2 33.59 15.2C31.97 15.2 30.43 15.2 28.95 15.2C27.48 15.2 26.03 15.26 24.72 15.22C23.41 15.19 22.18 15.16 21.08 14.98C19.98 14.81 19.04 14.43 18.14 14.17C17.24 13.9 16.38 13.55 15.67 13.39C14.96 13.22 14.27 13.21 13.86 13.18C13.45 13.15 13.32 13.2 13.21 13.21Z'/></g></svg>","preview_image":"https://glassyui.com/share/home.jpg?v=70cdd66f24","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.glassyui.com/"},"metrics":{"github_stars":111,"open_issues":1,"last_commit":"2026-10-26T15:59:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://glassyui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://glassyui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://glassyui.com/r/registry.json","clone":"git clone https://github.com/alexburlis/glassyui.git","clone_degit":"npx degit alexburlis/glassyui","registry_fetch":"curl -s https://glassyui.com/r/registry.json"},"component_count":41,"components":[{"name":"glass-provider","title":"Glass Provider","description":"Sets the theme and accessibility preferences that every Glassy UI component follows.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-provider.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-provider.json"},{"name":"glass-surface","title":"Glass Surface","description":"The glass material as a plain div, for building your own glass components.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-surface.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-surface.json"},{"name":"glass-button","title":"Glass Button","description":"A glass button with four variants, three sizes and an asChild mode for links.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-button.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-button.json"},{"name":"glass-panel","title":"Glass Panel","description":"A glass container in a panel, card or pill shape.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-panel.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-panel.json"},{"name":"glass-header","title":"Glass Header","description":"A floating glass header with a brand, navigation links, actions and a compact menu.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-header.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-header.json"},{"name":"glass-input","title":"Glass Input","description":"A recessed glass text field with an optional label and hint.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-input.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-input.json"},{"name":"glass-checkbox","title":"Glass Checkbox","description":"A glass checkbox with an optional label, description and indeterminate state.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-checkbox.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-checkbox.json"},{"name":"glass-radio-group","title":"Glass Radio Group","description":"A group of glass radio buttons where exactly one option is chosen.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-radio-group.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-radio-group.json"},{"name":"glass-textarea","title":"Glass Textarea","description":"A recessed glass text area that can grow with its text.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-textarea.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-textarea.json"},{"name":"glass-select","title":"Glass Select","description":"A select field whose options open on a raised glass panel.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-select.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-select.json"},{"name":"glass-tabs","title":"Glass Tabs","description":"Tabs on a glass pill, with one indicator that moves to the selected tab.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-tabs.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-tabs.json"},{"name":"glass-dialog","title":"Glass Dialog","description":"A modal glass dialog with an overlay, a focus trap and a close button.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-dialog.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-dialog.json"},{"name":"glass-popover","title":"Glass Popover","description":"A glass popover anchored to the control that opens it.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-popover.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-popover.json"},{"name":"glass-tooltip","title":"Glass Tooltip","description":"A small glass label that appears on hover and keyboard focus.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-tooltip.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-tooltip.json"},{"name":"glass-toast","title":"Glass Toast","description":"A glass notification for brief updates that screen readers announce.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-toast.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-toast.json"},{"name":"glass-accordion","title":"Glass Accordion","description":"Collapsible glass sections that open one at a time or several at once.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-accordion.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-accordion.json"},{"name":"glass-switch","title":"Glass Switch","description":"A glass on/off switch in two sizes.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-switch.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-switch.json"},{"name":"glass-slider","title":"Glass Slider","description":"A glass slider for one value or a range, with one named thumb per value.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-slider.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-slider.json"},{"name":"glass-segmented-control","title":"Glass Segmented Control","description":"A single-choice glass control for two to six options, with a draggable selection.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-segmented-control.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-segmented-control.json"},{"name":"glass-badge","title":"Glass Badge","description":"A small tinted glass label for status, counts and categories.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-badge.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-badge.json"},{"name":"glass-progress","title":"Glass Progress","description":"A glass progress bar for known values, with a sweeping state for unknown lengths.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-progress.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-progress.json"},{"name":"glass-spinner","title":"Glass Spinner","description":"A small spinning ring that tells screen readers something is loading.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-spinner.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-spinner.json"},{"name":"glass-skeleton","title":"Glass Skeleton","description":"A glass placeholder block, circle or set of text lines shown while content loads.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-skeleton.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-skeleton.json"},{"name":"glass-alert","title":"Glass Alert","description":"A tinted glass message with four tones, an icon and an optional dismiss button.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-alert.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-alert.json"},{"name":"glass-avatar","title":"Glass Avatar","description":"A round photo that falls back to initials, with a presence dot and stacked groups.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-avatar.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-avatar.json"},{"name":"glass-kbd","title":"Glass Kbd","description":"A keycap for showing keyboard shortcuts in menus, hints and docs.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-kbd.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-kbd.json"},{"name":"glass-scroll-area","title":"Glass Scroll Area","description":"A scroll container with a thin glass scrollbar that shows on hover and while scrolling.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-scroll-area.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-scroll-area.json"},{"name":"glass-dock","title":"Glass Dock","description":"A row of app icons on a glass shelf, with labels on hover and focus.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-dock.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-dock.json"},{"name":"glass-breadcrumb","title":"Glass Breadcrumb","description":"A breadcrumb trail to the current page, with an ellipsis for folded steps.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-breadcrumb.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-breadcrumb.json"},{"name":"glass-pagination","title":"Glass Pagination","description":"Numbered page buttons with previous and next, folding long runs into an ellipsis.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-pagination.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-pagination.json"},{"name":"glass-sheet","title":"Glass Sheet","description":"A modal glass panel that slides in from a screen edge; bottom sheets drag down to close.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-sheet.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-sheet.json"},{"name":"glass-menu","title":"Glass Menu","description":"A glass dropdown menu with shortcuts, checkbox and radio items, and submenus.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-menu.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-menu.json"},{"name":"glass-command","title":"Glass Command","description":"A searchable command list that filters as you type, alone or in a dialog.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-command.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-command.json"},{"name":"glass-lens","title":"Glass Lens","description":"A draggable magnifier with a glass rim that bends the content beneath it.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-lens.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-lens.json"},{"name":"glass-scene","title":"Glass Scene","description":"A WebGL2 canvas that refracts a backdrop image through the glass components inside it.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-scene.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-scene.json"},{"name":"glass-logo-reveal","title":"Glass Logo Reveal","description":"A WebGL2 logo sting: a ball of thick glass swells around your mark, squares into a glass tile and clears, leaving the real mark.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-logo-reveal.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-logo-reveal.json"},{"name":"glass-laptop","title":"Glass Laptop","description":"A CSS 3D laptop mockup whose screen shows your screenshot or React content.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-laptop.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-laptop.json"},{"name":"glass-phone-duo","title":"Glass Phone Duo","description":"A WebGL2 folding phone mockup with your screenshots on both displays.","type":"registry:ui","source_url":"https://glassyui.com/r/glass-phone-duo.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glass-phone-duo.json"},{"name":"glassy-theme","title":"Glassy UI theme for shadcn/ui","description":"Gives stock shadcn/ui components the Glassy UI look, tinted from your own palette, with one command.","type":"registry:theme","source_url":"https://glassyui.com/r/glassy-theme.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glassy-theme.json"},{"name":"glassy-ui-new-york","title":"Glassy UI components for shadcn/ui (new-york)","description":"Replaces shadcn/ui's new-york components (Radix (radix-ui)) with Glassy UI versions that keep their API, so your imports stay as they are.","type":"registry:ui","source_url":"https://glassyui.com/r/glassy-ui-new-york.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glassy-ui-new-york.json"},{"name":"glassy-ui-base-nova","title":"Glassy UI components for shadcn/ui (base-nova)","description":"Replaces shadcn/ui's base-nova components (Base UI (@base-ui/react)) with Glassy UI versions that keep their API, so your imports stay as they are.","type":"registry:ui","source_url":"https://glassyui.com/r/glassy-ui-base-nova.json","install_command":"npx shadcn@latest add https://glassyui.com/r/glassy-ui-base-nova.json"}]},{"id":"glassyui-native","name":"@glassyui-native","slug":"glassyui-native","description":"Glassy UI for Expo: 29 React Native components, drawing the system's own glass on iOS 26 and blur elsewhere.","author":"alexburlis","framework":"react","license":"MIT","tags":["buttons","cards","forms","glassmorphism","loaders","media","mobile","navigation","overlays","pro-available"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://glassyui.com/mobile","github":"https://github.com/alexburlis/glassyui","registry":"https://glassyui.com/r/native/registry.json","source":"https://glassyui.com/r/native/registry.json","page":"https://sh4dcn.netlify.app/registry/glassyui-native","markdown":"https://sh4dcn.netlify.app/md/glassyui-native.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='var(--foreground)'><path d='M13.21 13.21C13.21 13.19 13.21 13.16 13.22 13.08C13.23 13 13.24 12.87 13.27 12.7C13.3 12.53 13.34 12.31 13.41 12.06C13.48 11.8 13.56 11.5 13.69 11.17C13.83 10.84 14 10.46 14.23 10.07C14.46 9.68 14.74 9.25 15.09 8.84C15.44 8.43 15.85 8 16.32 7.62C16.78 7.24 17.31 6.86 17.86 6.55C18.42 6.23 19.03 5.95 19.64 5.72C20.25 5.5 20.9 5.33 21.54 5.19C22.18 5.06 22.84 4.99 23.49 4.92C24.14 4.86 24.79 4.85 25.44 4.83C26.09 4.81 26.73 4.81 27.38 4.81C28.03 4.8 28.68 4.8 29.33 4.8C29.99 4.8 30.65 4.8 31.32 4.8C32 4.8 32.68 4.8 33.38 4.8C34.09 4.8 34.8 4.8 35.55 4.8C36.3 4.8 37.07 4.8 37.89 4.81C38.71 4.83 39.56 4.83 40.49 4.87C41.41 4.91 42.38 4.94 43.44 5.06C44.5 5.18 45.64 5.28 46.86 5.58C48.07 5.89 49.44 6.23 50.71 6.89C51.97 7.54 53.4 8.46 54.47 9.53C55.54 10.6 56.46 12.03 57.11 13.29C57.77 14.56 58.11 15.93 58.42 17.14C58.72 18.36 58.82 19.5 58.94 20.56C59.06 21.62 59.09 22.59 59.13 23.51C59.17 24.44 59.17 25.29 59.19 26.11C59.2 26.93 59.2 27.7 59.2 28.45C59.2 29.2 59.2 29.91 59.2 30.62C59.2 31.32 59.2 32 59.2 32.68C59.2 33.35 59.2 34.01 59.2 34.67C59.2 35.32 59.2 35.97 59.19 36.62C59.19 37.27 59.19 37.91 59.17 38.56C59.15 39.21 59.14 39.86 59.08 40.51C59.01 41.16 58.94 41.82 58.81 42.46C58.67 43.1 58.5 43.75 58.28 44.36C58.05 44.97 57.77 45.58 57.45 46.14C57.14 46.69 56.76 47.22 56.38 47.68C56 48.15 55.57 48.56 55.16 48.91C54.75 49.26 54.32 49.54 53.93 49.77C53.54 50 53.16 50.17 52.83 50.31C52.5 50.44 52.2 50.52 51.94 50.59C51.69 50.66 51.47 50.7 51.3 50.73C51.13 50.76 51 50.77 50.92 50.78C50.84 50.79 50.81 50.79 50.79 50.79L50.79 50.79C50.8 50.68 50.85 50.55 50.82 50.14C50.79 49.73 50.78 49.04 50.61 48.33C50.45 47.62 50.1 46.76 49.83 45.86C49.57 44.96 49.19 44.02 49.02 42.92C48.84 41.82 48.81 40.59 48.78 39.28C48.74 37.97 48.8 36.52 48.8 35.05C48.8 33.57 48.8 32.03 48.8 30.41C48.8 28.78 48.84 27.03 48.77 25.3C48.7 23.57 48.66 21.42 48.38 20.01C48.11 18.61 47.85 17.62 47.12 16.88C46.38 16.15 45.39 15.89 43.99 15.62C42.58 15.34 40.43 15.3 38.7 15.23C36.97 15.16 35.22 15.2 33.59 15.2C31.97 15.2 30.43 15.2 28.95 15.2C27.48 15.2 26.03 15.26 24.72 15.22C23.41 15.19 22.18 15.16 21.08 14.98C19.98 14.81 19.04 14.43 18.14 14.17C17.24 13.9 16.38 13.55 15.67 13.39C14.96 13.22 14.27 13.21 13.86 13.18C13.45 13.15 13.32 13.2 13.21 13.21Z' transform='rotate(180 32 32)'/><path d='M13.21 13.21C13.21 13.19 13.21 13.16 13.22 13.08C13.23 13 13.24 12.87 13.27 12.7C13.3 12.53 13.34 12.31 13.41 12.06C13.48 11.8 13.56 11.5 13.69 11.17C13.83 10.84 14 10.46 14.23 10.07C14.46 9.68 14.74 9.25 15.09 8.84C15.44 8.43 15.85 8 16.32 7.62C16.78 7.24 17.31 6.86 17.86 6.55C18.42 6.23 19.03 5.95 19.64 5.72C20.25 5.5 20.9 5.33 21.54 5.19C22.18 5.06 22.84 4.99 23.49 4.92C24.14 4.86 24.79 4.85 25.44 4.83C26.09 4.81 26.73 4.81 27.38 4.81C28.03 4.8 28.68 4.8 29.33 4.8C29.99 4.8 30.65 4.8 31.32 4.8C32 4.8 32.68 4.8 33.38 4.8C34.09 4.8 34.8 4.8 35.55 4.8C36.3 4.8 37.07 4.8 37.89 4.81C38.71 4.83 39.56 4.83 40.49 4.87C41.41 4.91 42.38 4.94 43.44 5.06C44.5 5.18 45.64 5.28 46.86 5.58C48.07 5.89 49.44 6.23 50.71 6.89C51.97 7.54 53.4 8.46 54.47 9.53C55.54 10.6 56.46 12.03 57.11 13.29C57.77 14.56 58.11 15.93 58.42 17.14C58.72 18.36 58.82 19.5 58.94 20.56C59.06 21.62 59.09 22.59 59.13 23.51C59.17 24.44 59.17 25.29 59.19 26.11C59.2 26.93 59.2 27.7 59.2 28.45C59.2 29.2 59.2 29.91 59.2 30.62C59.2 31.32 59.2 32 59.2 32.68C59.2 33.35 59.2 34.01 59.2 34.67C59.2 35.32 59.2 35.97 59.19 36.62C59.19 37.27 59.19 37.91 59.17 38.56C59.15 39.21 59.14 39.86 59.08 40.51C59.01 41.16 58.94 41.82 58.81 42.46C58.67 43.1 58.5 43.75 58.28 44.36C58.05 44.97 57.77 45.58 57.45 46.14C57.14 46.69 56.76 47.22 56.38 47.68C56 48.15 55.57 48.56 55.16 48.91C54.75 49.26 54.32 49.54 53.93 49.77C53.54 50 53.16 50.17 52.83 50.31C52.5 50.44 52.2 50.52 51.94 50.59C51.69 50.66 51.47 50.7 51.3 50.73C51.13 50.76 51 50.77 50.92 50.78C50.84 50.79 50.81 50.79 50.79 50.79L50.79 50.79C50.8 50.68 50.85 50.55 50.82 50.14C50.79 49.73 50.78 49.04 50.61 48.33C50.45 47.62 50.1 46.76 49.83 45.86C49.57 44.96 49.19 44.02 49.02 42.92C48.84 41.82 48.81 40.59 48.78 39.28C48.74 37.97 48.8 36.52 48.8 35.05C48.8 33.57 48.8 32.03 48.8 30.41C48.8 28.78 48.84 27.03 48.77 25.3C48.7 23.57 48.66 21.42 48.38 20.01C48.11 18.61 47.85 17.62 47.12 16.88C46.38 16.15 45.39 15.89 43.99 15.62C42.58 15.34 40.43 15.3 38.7 15.23C36.97 15.16 35.22 15.2 33.59 15.2C31.97 15.2 30.43 15.2 28.95 15.2C27.48 15.2 26.03 15.26 24.72 15.22C23.41 15.19 22.18 15.16 21.08 14.98C19.98 14.81 19.04 14.43 18.14 14.17C17.24 13.9 16.38 13.55 15.67 13.39C14.96 13.22 14.27 13.21 13.86 13.18C13.45 13.15 13.32 13.2 13.21 13.21Z'/></g></svg>","preview_image":"https://glassyui.com/share/mobile.jpg?v=5233e4b6e2","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.glassyui.com/"},"metrics":{"github_stars":111,"open_issues":1,"last_commit":"2026-10-26T15:59:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://glassyui.com/r/native/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://glassyui.com/r/native/registry.json","install_bun":"bunx shadcn@latest add https://glassyui.com/r/native/registry.json","clone":"git clone https://github.com/alexburlis/glassyui.git","clone_degit":"npx degit alexburlis/glassyui","registry_fetch":"curl -s https://glassyui.com/r/native/registry.json"},"component_count":29,"components":[{"name":"glass-provider","title":"Glass Provider","description":"Follows the device's appearance and accessibility settings and lets your app override them.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-provider.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-provider.json"},{"name":"glass-surface","title":"Glass Surface","description":"The glass material on its own, with the backdrop Android blurs: the system’s own glass on iOS 26 and later, a lit blur elsewhere.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-surface.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-surface.json"},{"name":"glass-button","title":"Glass Button","description":"A glass button that sets down under a press and lights up from the point you press.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-button.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-button.json"},{"name":"glass-panel","title":"Glass Panel","description":"Glass cards, panels and pills for anything that floats above your content.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-panel.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-panel.json"},{"name":"glass-input","title":"Glass Input","description":"A recessed glass text field with a label and an optional hint.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-input.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-input.json"},{"name":"glass-textarea","title":"Glass Textarea","description":"A recessed glass field for longer text that can grow as you type.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-textarea.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-textarea.json"},{"name":"glass-checkbox","title":"Glass Checkbox","description":"A glass checkbox whose mark draws itself in, with an indeterminate state.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-checkbox.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-checkbox.json"},{"name":"glass-radio-group","title":"Glass Radio Group","description":"Options where exactly one is chosen, with a dot that pops in.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-radio-group.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-radio-group.json"},{"name":"glass-switch","title":"Glass Switch","description":"An on/off switch whose knob turns to glass under a finger as it slides.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-switch.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-switch.json"},{"name":"glass-slider","title":"Glass Slider","description":"A slider whose knob turns to glass while you drag it, for one value or a range.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-slider.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-slider.json"},{"name":"glass-segmented-control","title":"Glass Segmented Control","description":"A single-choice control whose glass bubble springs between options.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-segmented-control.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-segmented-control.json"},{"name":"glass-tabs","title":"Glass Tabs","description":"Tabs whose glass bubble springs to the selected tab.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-tabs.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-tabs.json"},{"name":"glass-badge","title":"Glass Badge","description":"A small tinted label for status, counts and categories.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-badge.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-badge.json"},{"name":"glass-progress","title":"Glass Progress","description":"A glass track with a fill that slides to its value, or sweeps when the length is unknown.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-progress.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-progress.json"},{"name":"glass-spinner","title":"Glass Spinner","description":"A ring with a fading tail, for waiting on something short.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-spinner.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-spinner.json"},{"name":"glass-skeleton","title":"Glass Skeleton","description":"A quiet placeholder with a slow sheen, shaped like what will replace it.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-skeleton.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-skeleton.json"},{"name":"glass-alert","title":"Glass Alert","description":"A short message set in tinted glass, with four tones and an optional dismiss.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-alert.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-alert.json"},{"name":"glass-avatar","title":"Glass Avatar","description":"A round photo that falls back to coloured initials, with a presence dot and stacked groups.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-avatar.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-avatar.json"},{"name":"glass-accordion","title":"Glass Accordion","description":"Sections that expand and collapse on glass, one at a time or several.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-accordion.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-accordion.json"},{"name":"glass-dock","title":"Glass Dock","description":"A row of icons on a glass shelf for an app's main destinations.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-dock.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-dock.json"},{"name":"glass-dialog","title":"Glass Dialog","description":"A modal on raised glass that rises into place and holds focus until it closes.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-dialog.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-dialog.json"},{"name":"glass-sheet","title":"Glass Sheet","description":"A glass panel that slides in from an edge. Bottom sheets drag down to dismiss.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-sheet.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-sheet.json"},{"name":"glass-toast","title":"Glass Toast","description":"A glass notification for brief updates, announced to screen readers.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-toast.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-toast.json"},{"name":"glass-menu","title":"Glass Menu","description":"A menu on glass that grows from its trigger, with checkbox and radio items.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-menu.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-menu.json"},{"name":"glass-select","title":"Glass Select","description":"A glass trigger that opens a slab of glass to choose from.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-select.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-select.json"},{"name":"glass-popover","title":"Glass Popover","description":"Floating glass content anchored to the control that opens it.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-popover.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-popover.json"},{"name":"glass-picker","title":"Glass Picker","description":"A labelled glass picker: a native menu or wheel on iOS, a dropdown on Android and a select on the web.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-picker.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-picker.json"},{"name":"glass-swipe-row","title":"Glass Swipe Row","description":"A row that reveals action buttons on swipe, for iOS, Android and the web.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-swipe-row.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-swipe-row.json"},{"name":"glass-card-stack","title":"Glass Card Stack","description":"A swipeable card deck with Previous and Next buttons, for iOS, Android and the web.","type":"registry:ui","source_url":"https://glassyui.com/r/native/glass-card-stack.json","install_command":"npx shadcn@latest add https://glassyui.com/r/native/glass-card-stack.json"}]},{"id":"glint-ui","name":"@glint-ui","slug":"glint-ui","description":"354 animated React components you copy, paste and own: text effects, cursors, WebGL backgrounds, micro-interactions, UI primitives and mascots. Built with Tailwind CSS v4 and shadcn tokens.","author":"gabbygab18","framework":"react","license":null,"tags":["3d","animation","backgrounds","blocks","buttons","cards","dashboard","design-system","glassmorphism","hooks","maps","marketing","media","navigation","onboarding","overlays","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://glint-ui-seven.vercel.app","github":"https://github.com/gabbygab18/glint-ui","registry":"https://glint-ui-seven.vercel.app/r/registry.json","source":"https://glint-ui-seven.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/glint-ui","markdown":"https://sh4dcn.netlify.app/md/glint-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs><clipPath id='glint-ui-head'><rect x='1.5' y='4' width='29' height='24' rx='6'/></clipPath></defs><rect x='1.5' y='4' width='29' height='24' rx='6' fill='#b5e61d'/><rect x='1.5' y='6.2' width='29' height='2.4' fill='#f4b860' clip-path='url(#glint-ui-head)'/><rect x='4.5' y='10.5' width='23' height='14.5' rx='3.2' fill='#141a0f'/><circle cx='11.2' cy='16.3' r='4.1' fill='#0b0f08' stroke='#cfd3c5' stroke-width='0.9'/><circle cx='20.8' cy='16.3' r='4.1' fill='#0b0f08' stroke='#cfd3c5' stroke-width='0.9'/><circle cx='11.2' cy='16.3' r='2.5' fill='#d9ff6b'/><circle cx='20.8' cy='16.3' r='2.5' fill='#d9ff6b'/><circle cx='11.2' cy='16.3' r='0.8' fill='#141a0f'/><circle cx='20.8' cy='16.3' r='0.8' fill='#141a0f'/><circle cx='13.6' cy='22.4' r='0.75' fill='#d9ff6b'/><circle cx='16' cy='22.4' r='0.75' fill='#d9ff6b'/><circle cx='18.4' cy='22.4' r='0.75' fill='#d9ff6b'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-10-19T09:19:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://glint-ui-seven.vercel.app/r/registry.json","clone":"git clone https://github.com/gabbygab18/glint-ui.git","clone_degit":"npx degit gabbygab18/glint-ui","registry_fetch":"curl -s https://glint-ui-seven.vercel.app/r/registry.json"},"component_count":250,"components":[{"name":"accordion","title":"Accordion","description":"Stacked disclosure sections with smooth auto-height animation, a springy chevron and full arrow/Home/End keyboard support.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/accordion.json"},{"name":"after-cursor","title":"After Cursor","description":"Translucent, drifting echoes of the cursor trail behind the pointer like afterimages.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/after-cursor.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/after-cursor.json"},{"name":"afterimage-type","title":"Afterimage Type","description":"A headline trailed by fading echo copies that lag behind it, drifting on a loop or chasing the pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/afterimage-type.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/afterimage-type.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Confirmation modal on the native <dialog> with a springy scale-in, focus starting on Cancel, async confirm with spinner and destructive styling.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/alert-dialog.json"},{"name":"animated-button","title":"Animated Button","description":"On hover a slanted fill sweeps across while the label slides out and an arrow slides in.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/animated-button.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/animated-button.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Tab bar with a springy shared-layout indicator and panels that slide and blur in the direction of travel.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/animated-tabs.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/animated-tabs.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"A stack of tilted photo cards that shuffles to the active person while their quote blurs in word by word.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/animated-testimonials.json"},{"name":"announcement","title":"Announcement","description":"Pill-shaped news link with a highlighted tag, a periodic shine sweep and a chevron that extends into an arrow on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/announcement.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/announcement.json"},{"name":"arc-frame","title":"Arc Frame","description":"Wraps any element in crackling, glowing arcs of electricity that crawl around its edge.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/arc-frame.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/arc-frame.json"},{"name":"arc-marquee","title":"Arc Marquee","description":"An endless marquee flowing along a curved path. Grab it to scrub, and flick to send it the other way.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/arc-marquee.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/arc-marquee.json"},{"name":"arc-sidebar","title":"Arc Sidebar","description":"A sectioned nav whose active marker arcs between rows, shoves the label aside on landing and crossfades into each section's ink. Works as a static rail or a dr…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/arc-sidebar.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/arc-sidebar.json"},{"name":"ascii-text","title":"ASCII Text","description":"Text rasterized into shimmering ASCII glyphs on a canvas, rippling in a slow wave and bulging under the pointer like a lens.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ascii-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ascii-text.json"},{"name":"ask-box","title":"Ask Box","description":"AI prompt input that grows with your text, holds springy attachment chips, and morphs its send arrow into a stop button ringed by a spinner while generating.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ask-box.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ask-box.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Box locked to a width/height ratio, with a shimmer placeholder that dissolves into the image once it loads.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/aspect-ratio.json"},{"name":"aurora-dots","title":"Aurora Dots","description":"A dot matrix lit by drifting aurora ribbons; each dot takes its color from the moving light field and glows near the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/aurora-dots.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/aurora-dots.json"},{"name":"avatar","title":"Avatar","description":"Profile picture that fades in once loaded, falls back to colorful initials, and shows an optional presence dot.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/avatar.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping avatar stack that fans apart on hover, with name tooltips and a +N overflow chip.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/avatar-group.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/avatar-group.json"},{"name":"background-paths","title":"Background Paths","description":"Two layered ribbons of flowing SVG curves with light running along their strokes. Pure SVG + CSS.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/background-paths.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/background-paths.json"},{"name":"badge","title":"Badge","description":"Compact status label in six variants with an optional live dot, pulse ring and a glinting shine sweep.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/badge.json"},{"name":"badge-strap","title":"Badge Strap","description":"An ID badge hanging from a woven strap with verlet rope physics. Grab it, fling it and watch it swing back.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/badge-strap.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/badge-strap.json"},{"name":"bars-wave","title":"Bars Wave","description":"A row of glowing equalizer bars whose heights roll across the screen as a layered wave. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bars-wave.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bars-wave.json"},{"name":"bayer-waves","title":"Bayer Waves","description":"Flowing waves rendered with 8x8 ordered Bayer dithering in two colors; the cursor sends ripples through them. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bayer-waves.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bayer-waves.json"},{"name":"bead-bin","title":"Bead Bin","description":"Glossy colored balls tumble in with gravity, collide and pile up; sweep the cursor through to shove them around. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bead-bin.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bead-bin.json"},{"name":"bead-tray","title":"Bead Tray","description":"A segmented tray where the active item pulls out on a liquid metaball thread and drops a bead when it snaps.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bead-tray.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bead-tray.json"},{"name":"beam-pour","title":"Beam Pour","description":"A glowing laser beam pours down into a misty splash, with volumetric haze, flicker and drifting motes. Raw WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/beam-pour.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/beam-pour.json"},{"name":"beam-splitter","title":"Beam Splitter","description":"A slowly rotating glass prism splitting a white beam into a shimmering rainbow fan. Aim the beam with the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/beam-splitter.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/beam-splitter.json"},{"name":"beams-upstream","title":"Beams Upstream","description":"Thin light beams rise along the vertical lines of a softly masked grid, trailing a glowing tail. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/beams-upstream.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/beams-upstream.json"},{"name":"bend-ribbon","title":"Bend Ribbon","description":"An endless ribbon of images bent along an arc that you scroll, drag or arrow through, easing to a snap.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bend-ribbon.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bend-ribbon.json"},{"name":"bento-grid","title":"Bento Grid","description":"Responsive bento layout of feature tiles with hover lifts, playful icons and a cursor spotlight that glows across tile borders.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bento-grid.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bento-grid.json"},{"name":"bit-flurry","title":"Bit Flurry","description":"Chunky pixel-art snowflakes drifting down in parallax layers, swaying in the wind. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bit-flurry.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bit-flurry.json"},{"name":"bitmask-veil","title":"Bitmask Veil","description":"A flowing 1-bit ordered-dither veil that dissolves around the cursor to reveal what is underneath.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bitmask-veil.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bitmask-veil.json"},{"name":"bleed-reveal","title":"Bleed Reveal","description":"A media card that grows from an inset, rounded frame to full-bleed as you scroll, splitting its headline apart.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bleed-reveal.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bleed-reveal.json"},{"name":"blind-light","title":"Blind Light","description":"Warm light slanting in from one side through window blinds, with dust motes glinting in the beams. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/blind-light.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/blind-light.json"},{"name":"blob-lamp","title":"Blob Lamp","description":"Glossy liquid blobs that drift, merge and split, with one that follows your cursor. Raw WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/blob-lamp.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/blob-lamp.json"},{"name":"block-dissolve","title":"Block Dissolve","description":"On hover or focus, an image dissolves into a second one through a wave of pixel blocks spreading from the pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/block-dissolve.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/block-dissolve.json"},{"name":"bob-shapes","title":"Bob Shapes","description":"Rows of small circles, squares and triangles bobbing and turning in rolling waves; they swell near the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bob-shapes.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bob-shapes.json"},{"name":"bolt-strike","title":"Bolt Strike","description":"A night storm where procedural, forking lightning bolts strike at random spots and light up the clouds. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bolt-strike.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bolt-strike.json"},{"name":"bracket-focus","title":"Bracket Focus","description":"One word at a time snaps into focus inside gliding corner brackets while the rest of the sentence blurs.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/bracket-focus.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/bracket-focus.json"},{"name":"brick-gallery","title":"Brick Gallery","description":"Animated masonry image grid: tiles fly in with a staggered blur-to-focus, glide to new slots on resize and zoom on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/brick-gallery.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/brick-gallery.json"},{"name":"burn-button","title":"Burn Button","description":"Hold to light a spark that burns along the border; if it makes it all the way round, it bursts. Works with Space and Enter.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/burn-button.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/burn-button.json"},{"name":"button","title":"Button","description":"shadcn-style button with six variants, a tactile press, icon slots and a loading spinner that slides the label aside.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/button.json"},{"name":"calendar","title":"Calendar","description":"Dependency-free date picker grid with single or range selection, springy month slides, range preview on hover and full keyboard navigation.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/calendar.json"},{"name":"card","title":"Card","description":"Composable card surface (header, title, description, content, footer) with an optional hover lift and a rotating gradient border.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/card.json"},{"name":"card-flip","title":"Card Flip","description":"A 3D card that springs over to reveal its back on hover or click, with Enter/Space to toggle.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/card-flip.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/card-flip.json"},{"name":"cascade-list","title":"Cascade List","description":"Items drop in one at a time, like a live notification feed.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/cascade-list.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cascade-list.json"},{"name":"charge-band","title":"Charge Band","description":"A glowing horizontal band of plasma wrapped in flickering electric filaments; it bends toward the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/charge-band.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/charge-band.json"},{"name":"checkbox","title":"Checkbox","description":"Native checkbox restyled with a hand-drawn tick animation, indeterminate dash, label and description.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/checkbox.json"},{"name":"checklist-cell","title":"Checklist Cell","description":"A checklist card whose ticks draw in, labels strike through, finished items glide to the bottom and a progress ring fills toward a celebratory check.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/checklist-cell.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/checklist-cell.json"},{"name":"chrome-pour","title":"Chrome Pour","description":"Liquid chrome flows inside a beveled star, heart, ring or glyph, with reflections that lean toward the cursor. Raw WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/chrome-pour.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/chrome-pour.json"},{"name":"cipher-reveal","title":"Cipher Reveal","description":"Scrambled glyphs resolve into the real text, on view or on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/cipher-reveal.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cipher-reveal.json"},{"name":"clock","title":"Clock","description":"An elegant analog clock with a smooth sweeping (or bouncy ticking) second hand, minute ticks, a digital readout and any IANA time zone.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/clock.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/clock.json"},{"name":"cloth-wire","title":"Cloth Wire","description":"A wireframe mesh that stretches around the cursor like cloth and springs back; click to send a shockwave.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/cloth-wire.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cloth-wire.json"},{"name":"cobweb","title":"Cobweb","description":"A spider web of silk threads swaying in a breeze; the cursor stretches them and they ripple as they spring back.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/cobweb.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cobweb.json"},{"name":"code-block","title":"Code Block","description":"Code display with a filename tab, line numbers, highlighted lines that sweep in, lightweight built-in token coloring and a copy button that springs into a chec…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/code-block.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"Show-more region whose height, opacity and blur ease open smoothly, controlled or uncontrolled.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/collapsible.json"},{"name":"column-drift","title":"Column Drift","description":"A tilted wall of image columns drifting up and down at different speeds, pausing on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/column-drift.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/column-drift.json"},{"name":"column-lines","title":"Column Lines","description":"Evenly spaced column lines with colored light pulses falling down them at random. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/column-lines.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/column-lines.json"},{"name":"contour-map","title":"Contour Map","description":"Animated topographic contour lines over slowly shifting terrain, with a hill that rises under the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/contour-map.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/contour-map.json"},{"name":"cosmic-background","title":"Cosmic Background","description":"Deep-space nebula clouds with parallax star layers, twinkling flares and the odd shooting star. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/cosmic-background.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cosmic-background.json"},{"name":"crease-type","title":"Crease Type","description":"Lines or letters swing open like creased paper in 3D, with a soft shadow lifting as each piece unfolds.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/crease-type.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/crease-type.json"},{"name":"crt-warp","title":"CRT Warp","description":"A glowing gradient seen through an old CRT: barrel curvature, scanlines, RGB mask, flicker and a rolling bar. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/crt-warp.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/crt-warp.json"},{"name":"crumple-delete","title":"Crumple Delete","description":"Deleting a note scrunches it into a paper ball that arcs into a bin, whose lid flips open and wobbles shut. Undo tosses it back out and smooths it flat.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/crumple-delete.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/crumple-delete.json"},{"name":"current-trace","title":"Current Trace","description":"Pulses of glowing current race along any SVG outline, flickering and arcing as they go.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/current-trace.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/current-trace.json"},{"name":"cursor-highlight","title":"Cursor Highlight","description":"A soft glow follows the cursor and springs into a pill that wraps whatever link or card you hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/cursor-highlight.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/cursor-highlight.json"},{"name":"deck-cycle","title":"Deck Cycle","description":"A skewed 3D stack of cards that cycles on its own: the front card drops away and springs back in behind the others.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/deck-cycle.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/deck-cycle.json"},{"name":"decorated-text","title":"Decorated Text","description":"Frames a word with corner brackets, a dashed selection box and twinkling sparkles that draw in on view or hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/decorated-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/decorated-text.json"},{"name":"departure-board","title":"Departure Board","description":"An airport departures board: every tile flips through the drum until it lands on the next word.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/departure-board.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/departure-board.json"},{"name":"dialog","title":"Dialog","description":"Modal built on the native <dialog>: blurred backdrop, spring scale-in and fade-out, Escape to close and focus returned to the trigger.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dialog.json"},{"name":"dot-terrain","title":"Dot Terrain","description":"A perspective field of glowing dots rolling toward you in terrain-like waves; the camera leans with the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/dot-terrain.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dot-terrain.json"},{"name":"dot-wave","title":"Dot Wave","description":"A perspective field of dots rolling in layered sine waves, fading into the horizon. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/dot-wave.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dot-wave.json"},{"name":"draggable-avatar","title":"Draggable Avatar","description":"An avatar you can drag and fling around its container; it springs to the nearest corner with the throw's momentum.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/draggable-avatar.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/draggable-avatar.json"},{"name":"drawer","title":"Drawer","description":"Bottom sheet on the native <dialog> that springs up, drags with a rubber-band feel, snaps to heights, and flicks down to dismiss while the backdrop fades with …","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drawer.json"},{"name":"drift-card","title":"Drift Card","description":"A card whose photo, text and chips drift at different parallax depths as the pointer moves, with a soft tilt and glare.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/drift-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drift-card.json"},{"name":"drip-range","title":"Drip Range","description":"Range slider whose thumb stretches with drag speed and drips a gooey value bubble while you slide.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/drip-range.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drip-range.json"},{"name":"droop-field","title":"Droop Field","description":"A text field whose words and underline droop along an arc while idle, then spring flat the moment you focus it.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/droop-field.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/droop-field.json"},{"name":"drop-nav","title":"Drop Nav","description":"A compact navbar that springs open downward into a row of colorful link cards.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/drop-nav.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drop-nav.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Menu button on the native Popover API with a highlight that glides between items, shortcuts, checkbox and radio items, submenus, typeahead and full keyboard su…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dropdown-menu.json"},{"name":"droplet-tabs","title":"Droplet Tabs","description":"A segmented control whose highlight stretches like a drop of liquid as it glides to the new option, then snaps tight. Arrow keys move it.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/droplet-tabs.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/droplet-tabs.json"},{"name":"drum-picker","title":"Drum Picker","description":"iOS-style picker wheel: rows curve around a 3D cylinder, snap into place and respond to wheel, drag, touch and arrow keys.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/drum-picker.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/drum-picker.json"},{"name":"dual-sparks","title":"Dual Sparks","description":"Two streams of sparks rush in from opposite edges and burst against each other in a glowing core. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/dual-sparks.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dual-sparks.json"},{"name":"duration-picker","title":"Duration Picker","description":"Hours, minutes and a save button fused into one bar that pulls apart on a liquid thread while you edit.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/duration-picker.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/duration-picker.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A squircle pill that eases into a slab when tapped, swaps its content on the way, and glows red on alert.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/dynamic-island.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/dynamic-island.json"},{"name":"edge-fog","title":"Edge Fog","description":"A progressive edge blur built from stacked, masked backdrop-filter layers. Drop it over any scrolling area.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/edge-fog.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/edge-fog.json"},{"name":"electric-text","title":"Electric Text","description":"Text wrapped in a crackling electric outline, driven by animated SVG turbulence displacement.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/electric-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/electric-text.json"},{"name":"ellipse-photos","title":"Ellipse Photos","description":"Photos circle a tilted ellipse in pseudo-3D, scaling and dimming with depth, and glide to a stop on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ellipse-photos.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ellipse-photos.json"},{"name":"ember-cells","title":"Ember Cells","description":"A grid of cells that light up under the cursor and cool into a fading color trail.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ember-cells.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ember-cells.json"},{"name":"ember-path","title":"Ember Path","description":"Grid pixels ignite along the cursor path, burn white-hot and shrink away as they fade.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ember-path.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ember-path.json"},{"name":"enter-view","title":"Enter View","description":"Slides, scales and fades its children into place when they scroll into view.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/enter-view.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/enter-view.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"A list of cards where the one you pick morphs into a detail view with a shared-layout spring, closing on Escape or backdrop click.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/expandable-cards.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/expandable-cards.json"},{"name":"expandable-dock","title":"Expandable Dock","description":"A compact pill of actions that springs open into a panel (search, quick actions, inbox, player), morphing its size and corners between states.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/expandable-dock.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/expandable-dock.json"},{"name":"extrude-type","title":"Extrude Type","description":"Chunky extruded 3D lettering built from stacked layers that tilts toward the pointer and sways gently when idle.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/extrude-type.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/extrude-type.json"},{"name":"facescape","title":"Facescape","description":"A little face built from simple shapes that watches your cursor, lifts its brows and grins as you get close. Click to boop.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/facescape.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/facescape.json"},{"name":"fancy-text","title":"Fancy Text","description":"Outlined letters that lift and fill with a sweeping gradient, one after another, on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/fancy-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fancy-text.json"},{"name":"feature-showcase","title":"Feature Showcase","description":"Feature list with an expanding description and a filling progress bar that auto-advances, crossfading a matching visual on the side.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/feature-showcase.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/feature-showcase.json"},{"name":"file-lift","title":"File Lift","description":"A folder whose flap tips open on hover or focus so its files float up and fan out, then settle back in; click pins it open.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/file-lift.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/file-lift.json"},{"name":"file-pocket","title":"File Pocket","description":"A folder that springs open on hover or click, fanning out the paper cards tucked inside.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/file-pocket.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/file-pocket.json"},{"name":"filings","title":"Filings","description":"A field of short lines that swing to point at the cursor like iron filings, glowing and stretching as it nears.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/filings.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/filings.json"},{"name":"film-grain","title":"Film Grain","description":"An animated film-grain overlay. Pre-baked canvas frames, so it costs almost nothing to run.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/film-grain.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/film-grain.json"},{"name":"fizz-menu","title":"Fizz Menu","description":"A pill navbar whose toggle bursts into a cloud of springy bubble links that pop in one after another.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/fizz-menu.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fizz-menu.json"},{"name":"flashy-card","title":"Flashy Card","description":"A card with a comet of gradient light sweeping its border that brightens, blooms into a glow and flashes across the surface on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/flashy-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flashy-card.json"},{"name":"flex-navbar","title":"Flex Navbar","description":"Icon navbar whose items spring open to reveal a tinted label on hover or focus while their neighbours flex aside.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/flex-navbar.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flex-navbar.json"},{"name":"fling-confirm","title":"Fling Confirm","description":"Slide-to-confirm track: the knob stretches as you fling it, commits past the threshold with a popping check, and springs home with a wobble if you let go early.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/fling-confirm.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fling-confirm.json"},{"name":"fling-toast","title":"Fling Toast","description":"Stacked toasts that fan out on hover, pause their progress timers while you read, and fling away when swiped sideways.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/fling-toast.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fling-toast.json"},{"name":"flip-flow","title":"Flip Flow","description":"Split-flap tiles that flip through their items like a flip clock, the top half falling over a hinge; stagger several to make a flipping stream.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/flip-flow.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flip-flow.json"},{"name":"flip-stack","title":"Flip Stack","description":"A pile of cards where clicking tosses the top card up, flips it end over end and drops it behind the pile as the rest step forward.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/flip-stack.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flip-stack.json"},{"name":"flock-trail","title":"Flock Trail","description":"A flock of boids that separates, aligns and swirls around the cursor, leaving luminous trails.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/flock-trail.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flock-trail.json"},{"name":"flood-pills","title":"Flood Pills","description":"Pill navigation whose items flood with a rising circle of color on hover, with a sliding active dot and a compact menu on narrow containers.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/flood-pills.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/flood-pills.json"},{"name":"focus-outline","title":"Focus Outline","description":"A soft, glowing outline that snaps into razor focus wherever the cursor comes near. WebGL signed distance fields.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/focus-outline.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/focus-outline.json"},{"name":"focus-pull","title":"Focus Pull","description":"Fades and un-blurs its children as they scroll into view, like a lens pulling focus.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/focus-pull.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/focus-pull.json"},{"name":"fog-deck","title":"Fog Deck","description":"A looping carousel where cards recede into 3D depth and blur the further they sit from center. Drag, click, arrows or keys.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/fog-deck.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fog-deck.json"},{"name":"foil-sweep","title":"Foil Sweep","description":"A glossy band of light sweeps across the card on hover or focus, like light catching foil.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/foil-sweep.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/foil-sweep.json"},{"name":"folder-tree","title":"Folder Tree","description":"File explorer tree with springy expand/collapse, a highlight that glides to the selected row, file-type icons and full keyboard navigation.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/folder-tree.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/folder-tree.json"},{"name":"follow-cursor","title":"Follow Cursor","description":"A pill label that trails the cursor across a card on a spring, leans into motion and squishes on click.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/follow-cursor.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/follow-cursor.json"},{"name":"fork-flash","title":"Fork Flash","description":"A crackling procedural lightning bolt with forking branches, strobing strikes and storm clouds lit from within. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/fork-flash.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/fork-flash.json"},{"name":"frost-tiles","title":"Frost Tiles","description":"Icon tiles with a colored backplate behind a frosted glass front that lifts and tilts toward the pointer on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/frost-tiles.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/frost-tiles.json"},{"name":"github-activity","title":"GitHub Activity","description":"A contribution calendar on a squircle card whose busiest repos stack as avatars and expand into a drawer over the grid.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/github-activity.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/github-activity.json"},{"name":"glass-card","title":"Glass Card","description":"Frosted glassmorphism card with a refractive edge light, film grain and a pointer-follow sheen.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glass-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glass-card.json"},{"name":"glass-drift","title":"Glass Drift","description":"Translucent glass shards drift in layers over soft glowing color, bending the light with refraction, dispersion and slow cursor parallax. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glass-drift.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glass-drift.json"},{"name":"glint-bot","title":"Glint Bot","description":"A retro robot with a lit CSS-3D visor head that turns toward your cursor, spinning reel eyes and jointed arms. It blinks, smiles when booped, blushes when pett…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glint-bot.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glint-bot.json"},{"name":"globe","title":"Globe","description":"A rotating dotted globe drawn on canvas, with pulsing city markers, great-circle arcs carrying travelling light, drag-to-spin inertia and a soft atmosphere.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/globe.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/globe.json"},{"name":"globe-menu","title":"Globe Menu","description":"Menu items wrapped around a sphere you drag to spin; it settles on the disc facing you and reveals its title.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/globe-menu.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/globe-menu.json"},{"name":"globe-wireframe","title":"Globe Wireframe","description":"A rotating wireframe globe of latitude and longitude lines with depth-faded hidden lines and a glowing scan that sweeps pole to pole or across the face. Drag t…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/globe-wireframe.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/globe-wireframe.json"},{"name":"gloss-pill","title":"Gloss Pill","description":"A glossy glass pill with a specular hotspot and rim light that glide after the pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/gloss-pill.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/gloss-pill.json"},{"name":"glow-border","title":"Glow Border","description":"A comet of light orbits the element's border.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glow-border.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glow-border.json"},{"name":"glow-eddies","title":"Glow Eddies","description":"Luminous, colorful ether that flows on its own and swirls into eddies wherever the cursor moves. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glow-eddies.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glow-eddies.json"},{"name":"glow-sphere","title":"Glow Sphere","description":"A glowing iridescent orb whose film of color slides around its rim; it wobbles and brightens when hovered. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glow-sphere.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glow-sphere.json"},{"name":"glyph-hover","title":"Glyph Hover","description":"Letters near the cursor dissolve into flickering glyphs and settle back into the original text, strongest right under the pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glyph-hover.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glyph-hover.json"},{"name":"glyph-spill","title":"Glyph Spill","description":"A trail of glyphs or emoji that spills from the pointer inside its container, spinning and fading as it drifts.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glyph-spill.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glyph-spill.json"},{"name":"glyph-storm","title":"Glyph Storm","description":"A full grid of monospace glyphs that keep swapping characters and colors, framed by a soft vignette. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/glyph-storm.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/glyph-storm.json"},{"name":"god-rays","title":"God Rays","description":"Soft god rays streaming from an edge or corner, swaying gently and leaning toward the cursor. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/god-rays.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/god-rays.json"},{"name":"goo-chaser","title":"Goo Chaser","description":"A trail of gooey blobs that stretch, merge and split as they chase the pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/goo-chaser.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/goo-chaser.json"},{"name":"goo-radio","title":"Goo Radio","description":"A radio group with one gooey dot that stretches as it slides to the new option, splats on landing and jiggles back into shape.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/goo-radio.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/goo-radio.json"},{"name":"grain-gradient","title":"Grain Gradient","description":"A slowly morphing mesh gradient of four colors under a layer of moving film grain.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/grain-gradient.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grain-gradient.json"},{"name":"gravity","title":"Gravity","description":"Drops any elements into a real physics box where they tumble, stack, and can be grabbed and thrown.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/gravity.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/gravity.json"},{"name":"grid-background","title":"Grid Background","description":"A fine grid where random cells softly light up and fade out, framed by a radial fade. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/grid-background.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grid-background.json"},{"name":"grow-panels","title":"Grow Panels","description":"Row of photo panels where the active one flex-grows open while the rest shrink, auto-advancing with a progress bar.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/grow-panels.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/grow-panels.json"},{"name":"hairline-coords","title":"Hairline Coords","description":"Full-bleed crosshair lines with live coordinates that tear and glitch when you hover a link.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hairline-coords.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hairline-coords.json"},{"name":"halo-follow","title":"Halo Follow","description":"A soft colored glow trails the cursor inside its container and swells over interactive children.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/halo-follow.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/halo-follow.json"},{"name":"halo-rings","title":"Halo Rings","description":"Concentric glowing rings spin at their own pace, breathe, and bend toward the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/halo-rings.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/halo-rings.json"},{"name":"haze-shafts","title":"Haze Shafts","description":"Soft volumetric light beams slanting across a dark scene, drifting and breathing through noisy haze. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/haze-shafts.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/haze-shafts.json"},{"name":"heat-haze","title":"Heat Haze","description":"Type that ripples like heat haze through an SVG turbulence filter on hover, with an optional RGB fringe, then eases back to crisp.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/heat-haze.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/heat-haze.json"},{"name":"helix-cards","title":"Helix Cards","description":"Cards wound around an endless 3D helix that keeps turning, and spins faster when you scroll or drag.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/helix-cards.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/helix-cards.json"},{"name":"hold-to-confirm","title":"Hold To Confirm","description":"Destructive action guard: press and hold until the bar fills. Works with Space and Enter.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hold-to-confirm.json"},{"name":"holo-badge","title":"Holo Badge","description":"Holographic profile card that tilts toward the pointer while rainbow foil, glitter and glare slide across it, with a glass contact bar.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/holo-badge.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/holo-badge.json"},{"name":"hover-card","title":"Hover Card","description":"Rich preview card that blooms out of a link on hover or focus, with open/close delays, an arrow, smart flipping and a top-layer render.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hover-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hover-card.json"},{"name":"hover-shelf","title":"Hover Shelf","description":"macOS-style toolbar where icons magnify as the cursor passes.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hover-shelf.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hover-shelf.json"},{"name":"hud-type","title":"HUD Type","description":"HUD-style lettering that flickers on inside bracket frames, with a scan line, live readouts and a blinking caret.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hud-type.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hud-type.json"},{"name":"hue-folds","title":"Hue Folds","description":"Smooth ribbons of color that bend, fold and drift; the cursor gently warps them like a lens. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hue-folds.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hue-folds.json"},{"name":"hyperlink","title":"Hyperlink","description":"An inline link whose underline draws in from the left and exits to the right, with a springy arrow nudge and a hover or focus preview card for the destination.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/hyperlink.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/hyperlink.json"},{"name":"infinite-canvas","title":"Infinite Canvas","description":"A bounded moodboard-style canvas on a dotted grid: drag to pan with inertia, scroll or pinch to zoom around the pointer, keyboard friendly.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/infinite-canvas.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/infinite-canvas.json"},{"name":"ink-fluid","title":"Ink Fluid","description":"Real-time fluid ink that swirls off the cursor in shifting colors. A compact WebGL2 stable-fluids solver, scoped to its container.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ink-fluid.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ink-fluid.json"},{"name":"input","title":"Input","description":"Text input with icon slots, three sizes, a focus line that sweeps out from the center and an error state that shakes and slides in its message.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/input.json"},{"name":"input-otp","title":"Input OTP","description":"One-time-code field: slots that pop each digit in, a blinking caret, paste and SMS autofill, a wave on completion and a shake on error.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/input-otp.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/input-otp.json"},{"name":"interactive-input","title":"Interactive Input","description":"A text field with a floating label, a focus ring that blooms out of the border, a spring-in clear button, a character-count ring and a shake on error.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/interactive-input.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/interactive-input.json"},{"name":"iphone-mockup","title":"iPhone Mockup","description":"A realistic, pure-CSS titanium phone frame with dynamic island, side buttons, status bar and a moving glass glare that tilts toward the pointer. Renders any ch…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/iphone-mockup.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/iphone-mockup.json"},{"name":"iso-pulse","title":"Iso Pulse","description":"A tiny isometric lattice of cubes or dots that pulses in a diagonal wave while the whole grid sways in 3D. Pure CSS.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/iso-pulse.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/iso-pulse.json"},{"name":"kbd","title":"Kbd","description":"Keyboard keys drawn as 3D keycaps that physically sink when the matching key is pressed, plus a group for shortcuts.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/kbd.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/kbd.json"},{"name":"keyboard","title":"Keyboard","description":"A realistic compact keyboard whose keycaps sink and glow with backlight when you press the matching physical keys or click them, with a live typing strip and c…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/keyboard.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/keyboard.json"},{"name":"kinetic-testimonials","title":"Kinetic Testimonials","description":"Rows of testimonial cards drifting in opposite directions, pausing on hover with soft edge fades.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/kinetic-testimonials.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/kinetic-testimonials.json"},{"name":"label","title":"Label","description":"Form label with a required asterisk, optional tag and hint text that lights up while its control has focus.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/label.json"},{"name":"lamp-hero","title":"Lamp Hero","description":"Hero section lit by a glowing light tube whose cone swings open and the heading rises into the light when it scrolls into view.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lamp-hero.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lamp-hero.json"},{"name":"lava-gloss","title":"Lava Gloss","description":"Smooth, glossy plasma flowing through a three-color palette; the cursor twists it into a whirlpool. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lava-gloss.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lava-gloss.json"},{"name":"layer-stack","title":"Layer Stack","description":"Translucent design layers stacked in isometric view that fan apart on hover, with a layers panel to spotlight each one.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/layer-stack.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layer-stack.json"},{"name":"layer-swells","title":"Layer Swells","description":"Stacked gradient waves rolling at different speeds, each casting a soft shadow on the layer behind.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/layer-swells.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layer-swells.json"},{"name":"layered-button","title":"Layered Button","description":"A 3D keycap of stacked offset layers that spread on hover and compress on press.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/layered-button.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layered-button.json"},{"name":"layered-text","title":"Layered Text","description":"Colored copies hide behind each letter and fan out in a springy cascade on hover, then stack back.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/layered-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/layered-text.json"},{"name":"lean-card","title":"Lean Card","description":"A card that leans and drifts toward the pointer while its shadow slides away and the content counter-leans for depth.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lean-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lean-card.json"},{"name":"lean-tip","title":"Lean Tip","description":"A tooltip that springs out of its trigger with a soft bounce, then drifts and leans after the pointer on a warm glow. Opens on focus, closes on Escape.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lean-tip.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lean-tip.json"},{"name":"lens-follow","title":"Lens Follow","description":"A liquid glass lens that trails the cursor, magnifying and refracting the content beneath it with chromatic edges.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lens-follow.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lens-follow.json"},{"name":"letter-rise","title":"Letter Rise","description":"Reveals text character by character or word by word when it scrolls into view.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/letter-rise.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/letter-rise.json"},{"name":"like-pop","title":"Like Pop","description":"Like button whose heart squashes, pops and bursts into particles while the count rolls up digit by digit.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/like-pop.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/like-pop.json"},{"name":"line-roll","title":"Line Roll","description":"Lines of text roll endlessly through a soft-masked window, the active line sharp and its neighbours blurred.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/line-roll.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/line-roll.json"},{"name":"lit-bento","title":"Lit Bento","description":"Bento grid whose cards light up with a cursor-following border glow, tilt gently and fill with drifting particles on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lit-bento.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lit-bento.json"},{"name":"loader","title":"Loader","description":"Five small, clean loaders in one component: a stretching arc spinner, squashy hopping dots, equalizer bars, a heartbeat pulse and bunching orbit dots.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/loader.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/loader.json"},{"name":"lock-on","title":"Lock On","description":"A spinning reticle cursor whose corner brackets snap around any element you mark as a target.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lock-on.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lock-on.json"},{"name":"login-form","title":"Login Form","description":"A polished sign-in card with social buttons, password reveal, remember me, animated inline validation, a shake on error and a loading-to-success flow.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/login-form.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/login-form.json"},{"name":"logo-stepper","title":"Logo Stepper","description":"A row of logos that steps through one at a time, with a spring focus ring sliding between them and a caption per logo.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/logo-stepper.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/logo-stepper.json"},{"name":"luminescent-flows","title":"Luminescent Flows","description":"Glowing currents drift like bioluminescent tides, with light pulses traveling along them and specks of plankton. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/luminescent-flows.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/luminescent-flows.json"},{"name":"lustre-text","title":"Lustre Text","description":"Polished metal lettering with a bevel and a specular glint that sweeps across, or follows your pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/lustre-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/lustre-text.json"},{"name":"magma-crust","title":"Magma Crust","description":"Slowly drifting plates of dark crust split by white-hot, pulsing cracks of molten metal. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/magma-crust.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/magma-crust.json"},{"name":"marquee","title":"Marquee","description":"Infinite logo loop that eases to a stop on hover, grows the logo under the cursor and fades its edges. Works with any content.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/marquee.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/marquee.json"},{"name":"mask-wipe","title":"Mask Wipe","description":"A big heading wiped into view by a feathered mask sweep, with a gradient or photo flowing through the letters.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/mask-wipe.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mask-wipe.json"},{"name":"matrix-orb","title":"Matrix Orb","description":"A liquid metaball orb for voice or AI status: it breathes when idle, ripples when listening and churns off droplets when thinking.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/matrix-orb.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/matrix-orb.json"},{"name":"media-card","title":"Media Card","description":"Music player card with cover art, a scrubbable progress bar, a morphing play/pause icon and a live equalizer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/media-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/media-card.json"},{"name":"melt-card","title":"Melt Card","description":"An image card that leans toward the cursor and melts into noisy SVG displacement the faster you move.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/melt-card.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/melt-card.json"},{"name":"memo-pill","title":"Memo Pill","description":"A voice-note recorder pill that springs open into live waveform bars and a timer, then collapses the take into a playable, sendable waveform. Input is simulate…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/memo-pill.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/memo-pill.json"},{"name":"meteor-orbit","title":"Meteor Orbit","description":"Icons circling a center on concentric rings while glowing meteor streaks race along each orbit.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/meteor-orbit.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/meteor-orbit.json"},{"name":"meteors","title":"Meteors","description":"Shooting stars streak across the container. Pure CSS, SSR-safe.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/meteors.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/meteors.json"},{"name":"mirror-ripple","title":"Mirror Ripple","description":"A slowly folding mirror-like chrome surface that ripples wherever the cursor moves or clicks. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/mirror-ripple.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mirror-ripple.json"},{"name":"model-studio","title":"Model Studio","description":"Three.js studio viewer for a procedural model: physical clearcoat material, soft shadows, drag to orbit, auto-rotate and clamped zoom.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/model-studio.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/model-studio.json"},{"name":"modern-loader","title":"Modern Loader","description":"A gradient comet arc orbits with a glowing head while the ring breathes between circle and squircle, around a counter-spinning inner arc and a morphing core.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/modern-loader.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/modern-loader.json"},{"name":"mono-spotlight","title":"Mono Spotlight","description":"A grid of profile cards drained to grayscale, with a soft spotlight of full color that trails the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/mono-spotlight.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mono-spotlight.json"},{"name":"morning-widget","title":"Morning Widget","description":"A squircle card on a drifting sunrise mesh that greets you by name, rolls a live clock digit by digit and rotates motivational lines.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/morning-widget.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/morning-widget.json"},{"name":"morph-text","title":"Morph Text","description":"Cycles through words that melt into one another through a gooey blur-and-threshold crossfade.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/morph-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/morph-text.json"},{"name":"morphy-button","title":"Morphy Button","description":"A pill that morphs into a spinning circle while loading, then pops a drawn check on success.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/morphy-button.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/morphy-button.json"},{"name":"mosaic-flip","title":"Mosaic Flip","description":"A card that dissolves into a random pixel grid on hover and reassembles as its second face.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/mosaic-flip.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mosaic-flip.json"},{"name":"mote-field","title":"Mote Field","description":"A drifting constellation that links nearby points and flees the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/mote-field.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/mote-field.json"},{"name":"motion-cards","title":"Motion Cards","description":"A card grid that springs in with a stagger and, when filtered by tag, shrinks leaving cards away while the rest glide into their new cells.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/motion-cards.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/motion-cards.json"},{"name":"motion-grid","title":"Motion Grid","description":"A grid of tiles that shrink, spin and flash in rolling waves radiating from whichever tile you click.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/motion-grid.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/motion-grid.json"},{"name":"motion-navbar","title":"Motion Navbar","description":"Site navbar with a hover pill that glides between links and a single dropdown that morphs its size and position between menus.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/motion-navbar.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/motion-navbar.json"},{"name":"moving-lines","title":"Moving Lines","description":"Fine diagonal lines drift sideways while bright comets of light race along them. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/moving-lines.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/moving-lines.json"},{"name":"navbar-flow","title":"Navbar Flow","description":"A full-width navbar that flows into a floating glass pill as you scroll, with a sliding hover highlight, scroll progress line and an animated mobile menu.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/navbar-flow.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/navbar-flow.json"},{"name":"near-bold","title":"Near Bold","description":"Letters grow bolder, larger and brighter the closer the pointer gets, with a tunable radius and falloff.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/near-bold.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/near-bold.json"},{"name":"neon-checker","title":"Neon Checker","description":"A grid of rounded squares cycling through acid neon colors in interfering waves; the cursor lights them up. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/neon-checker.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/neon-checker.json"},{"name":"neon-floor","title":"Neon Floor","description":"A neon perspective grid floor swept by a glowing scan line, with a horizon that follows the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/neon-floor.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/neon-floor.json"},{"name":"night-fold","title":"Night Fold","description":"A dark, moody veil of slowly folding noise with a soft color tint and film grain. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/night-fold.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/night-fold.json"},{"name":"north-glow","title":"North Glow","description":"Slow drifting color blobs, blurred into a northern-lights glow. Pure CSS.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/north-glow.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/north-glow.json"},{"name":"not-found","title":"Not Found","description":"Drop-in 404 section: a huge parallax code with RGB-split glitch bursts, a friendly message and a home button.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/not-found.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/not-found.json"},{"name":"number-ticker","title":"Number Ticker","description":"An odometer-style number in a squircle window: every digit is a 0-9 strip that rolls to its new value.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/number-ticker.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/number-ticker.json"},{"name":"odometer","title":"Odometer","description":"An odometer-style number where every digit column rolls on a spring, with − / + controls and soft faded edges.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/odometer.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/odometer.json"},{"name":"oil-film","title":"Oil Film","description":"An oil-slick film of flowing interference colors that swirls around the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/oil-film.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/oil-film.json"},{"name":"orb-button","title":"Orb Button","description":"A glowing gradient orb drifts inside the button and swells to chase the pointer on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/orb-button.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/orb-button.json"},{"name":"otp-reels","title":"OTP Reels","description":"A one-time code input where each digit spins in like a slot reel, shakes on a wrong code and glows on success.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/otp-reels.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/otp-reels.json"},{"name":"outline-fill","title":"Outline Fill","description":"Outlined lettering that draws its stroke, then wipes in a solid fill on view or on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/outline-fill.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/outline-fill.json"},{"name":"page-transition","title":"Page Transition","description":"A staggered, layered column curtain that covers the old view, swaps content, then sweeps away to reveal the new one.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/page-transition.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/page-transition.json"},{"name":"pagination","title":"Pagination","description":"Page controls with fixed-width ellipsis logic, a spring-sliding active pill, and ellipses that turn into skip buttons on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pagination.json"},{"name":"panel-glide","title":"Panel Glide","description":"A row of image panels where the hovered or focused one glides open with its caption while the rest compress.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/panel-glide.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/panel-glide.json"},{"name":"panorama-sphere","title":"Panorama Sphere","description":"Photos tiled across the inside of a sphere that you drag to look around, with inertia and click-to-enlarge.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/panorama-sphere.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/panorama-sphere.json"},{"name":"parallax-cards","title":"Parallax Cards","description":"A draggable, snapping row of photo cards whose images drift inside their frames as the row scrolls and tilt toward the pointer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/parallax-cards.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/parallax-cards.json"},{"name":"parallax-strings","title":"Parallax Strings","description":"Three depth layers of thin glowing wave lines drifting with parallax and parting around the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/parallax-strings.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/parallax-strings.json"},{"name":"pastel-curtains","title":"Pastel Curtains","description":"Gentle pastel aurora curtains that sway in slow vertical folds, with soft light rays. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pastel-curtains.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pastel-curtains.json"},{"name":"peekaboo-stars","title":"Peekaboo Stars","description":"Star rating with a little character that peeks over the card, rising and grinning wider the higher you hover. Arrow keys, Home/End and digits work too.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/peekaboo-stars.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/peekaboo-stars.json"},{"name":"peel-decal","title":"Peel Decal","description":"A glossy sticker whose corner curls back on hover and follows your drag, showing its paper back and a soft lifted shadow.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/peel-decal.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/peel-decal.json"},{"name":"phosphor-wall","title":"Phosphor Wall","description":"A scrolling wall of phosphor glyphs on a worn CRT, with scanlines, flicker, torn glitch bands and color fringing. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/phosphor-wall.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/phosphor-wall.json"},{"name":"photo-fan","title":"Photo Fan","description":"A fanned stack of photo cards that bounce into place when scrolled into view and spread apart on hover.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/photo-fan.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/photo-fan.json"},{"name":"photo-wake","title":"Photo Wake","description":"Photos pop in along the cursor path, then drift, shrink and fade away.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/photo-wake.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/photo-wake.json"},{"name":"pin-matrix","title":"Pin Matrix","description":"A calm dot matrix that lights up around the cursor. Redraws only on movement.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pin-matrix.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pin-matrix.json"},{"name":"pin-pile","title":"Pin Pile","description":"Cards pin to the top of a scroll container and pile onto each other, with covered cards shrinking and dimming underneath.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pin-pile.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pin-pile.json"},{"name":"pixel-background","title":"Pixel Background","description":"A coarse pixel mosaic whose tiles drift through a palette in slow waves and light up around the cursor. Canvas 2D.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pixel-background.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-background.json"},{"name":"pixel-highlight","title":"Pixel Highlight","description":"Hovering or focusing fills the element with twinkling pixels that ripple out from the pointer, and ripple away on leave.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pixel-highlight.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-highlight.json"},{"name":"pixel-shock","title":"Pixel Shock","description":"A dithered field of tiny pixels that breathes with noise and bursts into shockwave rings on click. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pixel-shock.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pixel-shock.json"},{"name":"pop-check","title":"Pop Check","description":"Checkbox that squashes on press, pops and wobbles when checked, floods with color from the center and springs its tick in with a spark burst.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pop-check.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pop-check.json"},{"name":"popover","title":"Popover","description":"Anchored popover on the native Popover API: top-layer, light dismiss and Escape for free, smart flipping, an arrow and a spring scale-in from the trigger.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/popover.json"},{"name":"poster-stream","title":"Poster Stream","description":"Posters fly through 3D space in a curving vertical stream you steer by scrolling or dragging inside the container.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/poster-stream.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/poster-stream.json"},{"name":"print-dots","title":"Print Dots","description":"Renders an image as breathing halftone dots that swell and melt into the full photo around the cursor.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/print-dots.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/print-dots.json"},{"name":"progress","title":"Progress","description":"Linear and circular progress with a spring-animated value and counting label, a moving sheen, and indeterminate slide and spin states.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/progress.json"},{"name":"pull-hover","title":"Pull Hover","description":"Pulls its children toward the cursor when it gets close.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/pull-hover.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/pull-hover.json"},{"name":"radial-flow","title":"Radial Flow","description":"A hub-and-spoke diagram where glowing data pulses stream along curved links between a central node and its connected services.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/radial-flow.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radial-flow.json"},{"name":"radial-socials","title":"Radial Socials","description":"A share button that fans social links out along a radial arc with a staggered spring, a drawn guide arc and brand-colored hovers.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/radial-socials.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radial-socials.json"},{"name":"radio-group","title":"Radio Group","description":"Native radio group restyled with a springy dot and ripple, plus a card variant whose selection outline slides between options. Arrow keys just work.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/radio-group.json"},{"name":"read-focus","title":"Read Focus","description":"A paragraph whose words sharpen from dim and blurred to crisp as it scrolls through view.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/read-focus.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/read-focus.json"},{"name":"reasoning-trace","title":"Reasoning Trace","description":"An AI reasoning indicator: the label ripples letter by letter, the current step shimmers past, and a click unfolds the full trace of steps.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/reasoning-trace.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/reasoning-trace.json"},{"name":"reel","title":"Reel","description":"A vertical short-video reel that snaps clip to clip on scroll or drag, with story-style progress bars, slow Ken Burns motion, hold-to-pause and double-tap like…","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/reel.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/reel.json"},{"name":"refract-panel","title":"Refract Panel","description":"A liquid-glass panel whose rim bends the backdrop through an SVG displacement map, with chromatic fringes, blur and a specular edge.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/refract-panel.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/refract-panel.json"},{"name":"reveal-text","title":"Reveal Text","description":"Letters rise out of a mask as they scroll into view; hover and a photo shows through the type.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/reveal-text.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/reveal-text.json"},{"name":"ring-pill","title":"Ring Pill","description":"An incoming-call pill with pulsing rings that expands into accept and decline, then morphs into a live call timer.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ring-pill.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-pill.json"},{"name":"ring-switch","title":"Ring Switch","description":"A notification switch whose bell swings and rings when enabled, and gets a drawn slash when muted.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ring-switch.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-switch.json"},{"name":"ring-tunnel","title":"Ring Tunnel","description":"An endless flight through a bending tunnel of glowing rings and spark-lit lines. WebGL.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ring-tunnel.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-tunnel.json"},{"name":"ring-type","title":"Ring Type","description":"Text wrapped around a slowly spinning ring that speeds up, slows down or stops when hovered, with optional content in the middle.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/ring-type.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/ring-type.json"},{"name":"rip-stub","title":"Rip Stub","description":"An event ticket whose perforated stub you pull against rubber-band tension until it rips free and tumbles away, stamping a confirmation onto the ticket.","type":"registry:ui","source_url":"https://glint-ui-seven.vercel.app/r/rip-stub.json","install_command":"npx shadcn@latest add https://glint-ui-seven.vercel.app/r/rip-stub.json"}]},{"id":"gooseui","name":"@gooseui","slug":"gooseui","description":"A small open-source shadcn/ui extension registry for React, styled with Tailwind CSS v4 and Motion (Framer Motion) animations. Includes Button, Card, Input, Label, Textarea, Typography, Theme Customizer (5 floating variants), Animated Timer, Border Beam effect, custom Toast/Sonner with progress bar, and a ready-made Contact Form block. Dark/light mode with next-themes; built on Radix UI primitives. Free and MIT-licensed. Use for: adding tasteful motion effects and a unified theme customizer to React/Next.js apps without heavy dependencies.","author":"goosen-x","framework":"react","license":"MIT","tags":["accessibility","aesthetic","animation","blocks","buttons","cards","charts","design-system","forms","hooks","loaders","overlays","pro-available","theming"],"categories":["Animated components"],"labels":["featured","pro"],"urls":{"website":"https://gooseui.pro","github":"https://github.com/goosen-x/gooseui","registry":"https://gooseui.pro/r/registry.json","source":"https://gooseui.pro/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gooseui","markdown":"https://sh4dcn.netlify.app/md/gooseui.md"},"logo":"<svg width='250' height='250' viewBox='0 0 250 250' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M125 0C194.036 0 250 55.9644 250 125C250 194.036 194.036 250 125 250C55.9644 250 0 194.036 0 125C0 55.9644 55.9644 0 125 0ZM157.01 104.497C155.131 95.6004 145.401 90.8275 137.216 94.7871L44.9951 139.397C31.6071 145.874 36.2193 166 51.0918 166H152.734C161.63 166 168.27 157.811 166.432 149.106L157.01 104.497ZM196 84C189.925 84 185 88.9249 185 95C185 101.075 189.925 106 196 106C202.075 106 207 101.075 207 95C207 88.9249 202.075 84 196 84Z' fill='var(--foreground)'/><path d='M137 106C137 107.657 138.343 109 140 109C141.657 109 143 107.657 143 106C143 104.343 141.657 103 140 103C138.343 103 137 104.343 137 106Z' fill='var(--foreground)'/></svg>","preview_image":"https://gooseui.pro/opengraph-image?aef840c58a58b1b6","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://gooseui.pro/pricing"},"metrics":{"github_stars":32,"open_issues":0,"last_commit":"2026-03-27T06:32:45Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gooseui.pro/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gooseui.pro/r/registry.json","install_bun":"bunx shadcn@latest add https://gooseui.pro/r/registry.json","clone":"git clone https://github.com/goosen-x/gooseui.git","clone_degit":"npx degit goosen-x/gooseui","registry_fetch":"curl -s https://gooseui.pro/r/registry.json"},"component_count":19,"components":[{"name":"theme-customizer","title":"Theme Customizer","description":"Floating theme and color picker with 5 different variants.","type":"registry:ui","source_url":"https://gooseui.pro/r/theme-customizer.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/theme-customizer.json"},{"name":"animated-timer","title":"Animated Timer","description":"A beautiful animated clock with sliding digits and gradient border.","type":"registry:ui","source_url":"https://gooseui.pro/r/animated-timer.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/animated-timer.json"},{"name":"border-beam","title":"Border Beam","description":"Animated beam of light traveling along the border of a container.","type":"registry:ui","source_url":"https://gooseui.pro/r/border-beam.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/border-beam.json"},{"name":"slot","title":"Slot","description":"Composition utility for asChild pattern. Renders child element with merged props.","type":"registry:lib","source_url":"https://gooseui.pro/r/slot.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/slot.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:ui","source_url":"https://gooseui.pro/r/button.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://gooseui.pro/r/card.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/card.json"},{"name":"input","title":"Input","description":"Displays an input field.","type":"registry:ui","source_url":"https://gooseui.pro/r/input.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/input.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","source_url":"https://gooseui.pro/r/label.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/label.json"},{"name":"textarea","title":"Textarea","description":"Displays a textarea for multiline text input.","type":"registry:ui","source_url":"https://gooseui.pro/r/textarea.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/textarea.json"},{"name":"typography","title":"Typography","description":"Consistent text styling with semantic variants and gradient effects.","type":"registry:ui","source_url":"https://gooseui.pro/r/typography.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/typography.json"},{"name":"sonner","title":"Sonner","description":"Toast notification component with theming support.","type":"registry:ui","source_url":"https://gooseui.pro/r/sonner.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/sonner.json"},{"name":"custom-toast","title":"Custom Toast","description":"Beautiful toast with progress bar and colored variants.","type":"registry:ui","source_url":"https://gooseui.pro/r/custom-toast.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/custom-toast.json"},{"name":"toast","title":"Toast Utility","description":"Helper functions to show custom toast notifications.","type":"registry:lib","source_url":"https://gooseui.pro/r/toast.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/toast.json"},{"name":"promo-banner","title":"Promo Banner","description":"Floating promotional banner with marquee animation, discount badges, and localStorage persistence.","type":"registry:ui","source_url":"https://gooseui.pro/r/promo-banner.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/promo-banner.json"},{"name":"morphing-dialog","title":"Morphing Dialog","description":"Dialog with morphing animation using native View Transitions API. Supports click-outside and Escape key.","type":"registry:ui","source_url":"https://gooseui.pro/r/morphing-dialog.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/morphing-dialog.json"},{"name":"baseline-status","title":"Baseline Status","description":"Display browser support status for web features based on the W3C WebDX Baseline specification. Includes real-time browser feature detection.","type":"registry:ui","source_url":"https://gooseui.pro/r/baseline-status.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/baseline-status.json"},{"name":"features-grid","title":"Features Grid","description":"Six-column grid showcasing product features with icons. Perfect for landing pages.","type":"registry:component","source_url":"https://gooseui.pro/r/features-grid.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/features-grid.json"},{"name":"badge","title":"Badge","description":"Small status indicator with variants for labels, tags, and status.","type":"registry:ui","source_url":"https://gooseui.pro/r/badge.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/badge.json"},{"name":"scroll-to-top","title":"Scroll To Top","description":"Floating scroll-to-top button with 4 variants: default, pill, minimal, and progress indicator.","type":"registry:ui","source_url":"https://gooseui.pro/r/scroll-to-top.json","install_command":"npx shadcn@latest add https://gooseui.pro/r/scroll-to-top.json"}]},{"id":"gpt-vis","name":"@gpt-vis","slug":"gpt-vis","description":"AI-native visualization components for LLM projects. Render 26 chart types from vis syntax strings or config objects.","author":"antvis","framework":"react","license":"MIT","tags":["ai","charts","glassmorphism","maps","tables"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://gpt-vis.antv.vision","github":"https://github.com/antvis/GPT-Vis","registry":"https://gpt-vis.antv.vision/r/registry.json","source":"https://gpt-vis.antv.vision/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gpt-vis","markdown":"https://sh4dcn.netlify.app/md/gpt-vis.md"},"logo":"<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M4.837 1.418c-.363 0-3.064.002-3.545 0-.188 0-.446.1-.62.2-.538.305-.855 1.123-.558 1.735L10.69 21.71c.357.617.801.87 1.324.871.63.001 1.038-.454 1.18-.7.635-1.088 6.214-10.707 6.214-10.707a1.285 1.285 0 0 0-.497-1.694c-.596-.348-1.397-.197-1.744.388-.307.517-4.58 7.888-4.886 8.413-.156.267-.463.2-.585-.017-.216-.383-5.255-9.13-7.833-13.605l.005.004c-.066-.103-.15-.328-.043-.509.09-.155.279-.138.372-.138h9.535a1.3 1.3 0 0 0 0-2.6zm12.737.029v.003a1.3 1.3 0 0 0 0 2.593v.003l2.386.002c.309 0 .406.3.28.514L19.053 6.59l.002.002a1.3 1.3 0 0 0 2.243 1.303l.002.002 2.425-4.2c.354-.62.349-1.13.086-1.582-.315-.544-.915-.667-1.2-.667Zm-2.839 5.642-.038.002H9.71a.54.54 0 0 0-.523.55c0 .12.037.23.098.32l2.505 4.275q.014.028.032.055l.003.005a.47.47 0 0 0 .39.207c.194 0 .36-.12.435-.294l2.506-4.306a.515.515 0 0 0-.42-.814'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":794,"open_issues":6,"last_commit":"2026-10-27T02:24:34Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gpt-vis.antv.vision/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gpt-vis.antv.vision/r/registry.json","install_bun":"bunx shadcn@latest add https://gpt-vis.antv.vision/r/registry.json","clone":"git clone https://github.com/antvis/GPT-Vis.git","clone_degit":"npx degit antvis/GPT-Vis","registry_fetch":"curl -s https://gpt-vis.antv.vision/r/registry.json"},"component_count":27,"components":[{"name":"gpt-vis","title":"GPT-Vis","description":"A React component wrapping the @antv/gpt-vis GPTVis class. Supports 26 chart types via vis syntax strings or config objects. Ideal for LLM-generated visualizat…","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/gpt-vis.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/gpt-vis.json"},{"name":"line","title":"GPT-Vis Line Chart","description":"A line chart component for @antv/gpt-vis. Visualize trends over time with optional multi-series grouping.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/line.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/line.json"},{"name":"pie","title":"GPT-Vis Pie Chart","description":"A pie chart component for @antv/gpt-vis. Show proportions of parts with optional donut style.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/pie.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/pie.json"},{"name":"bar","title":"GPT-Vis Bar Chart","description":"A horizontal bar chart component for @antv/gpt-vis. Compare categorical data with optional grouping and stacking.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/bar.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/bar.json"},{"name":"column","title":"GPT-Vis Column Chart","description":"A vertical column chart component for @antv/gpt-vis. Compare categorical data with optional grouping and stacking.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/column.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/column.json"},{"name":"area","title":"GPT-Vis Area Chart","description":"An area chart component for @antv/gpt-vis. Show data trends over time with optional stacking.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/area.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/area.json"},{"name":"scatter","title":"GPT-Vis Scatter Chart","description":"A scatter chart component for @antv/gpt-vis. Show relationships between two variables with optional grouping.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/scatter.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/scatter.json"},{"name":"radar","title":"GPT-Vis Radar Chart","description":"A radar chart component for @antv/gpt-vis. Display multidimensional data across four or more axes.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/radar.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/radar.json"},{"name":"funnel","title":"GPT-Vis Funnel Chart","description":"A funnel chart component for @antv/gpt-vis. Visualize progressive data reduction through stages.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/funnel.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/funnel.json"},{"name":"waterfall","title":"GPT-Vis Waterfall Chart","description":"A waterfall chart component for @antv/gpt-vis. Show cumulative effect of sequential positive and negative values.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/waterfall.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/waterfall.json"},{"name":"histogram","title":"GPT-Vis Histogram Chart","description":"A histogram chart component for @antv/gpt-vis. Show frequency distribution of data points within ranges.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/histogram.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/histogram.json"},{"name":"boxplot","title":"GPT-Vis Boxplot Chart","description":"A boxplot chart component for @antv/gpt-vis. Compare statistical distributions across categories.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/boxplot.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/boxplot.json"},{"name":"violin","title":"GPT-Vis Violin Chart","description":"A violin chart component for @antv/gpt-vis. Show data distribution density across categories.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/violin.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/violin.json"},{"name":"dual-axes","title":"GPT-Vis Dual Axes Chart","description":"A dual axes chart component for @antv/gpt-vis. Combine column and line charts for trend and comparison.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/dual-axes.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/dual-axes.json"},{"name":"liquid","title":"GPT-Vis Liquid Chart","description":"A liquid fill chart component for @antv/gpt-vis. Display a single percentage value with various shapes.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/liquid.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/liquid.json"},{"name":"word-cloud","title":"GPT-Vis Word Cloud Chart","description":"A word cloud chart component for @antv/gpt-vis. Visualize word frequency by text size.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/word-cloud.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/word-cloud.json"},{"name":"sankey","title":"GPT-Vis Sankey Diagram","description":"A sankey diagram component for @antv/gpt-vis. Show data flow between stages or categories.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/sankey.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/sankey.json"},{"name":"treemap","title":"GPT-Vis Treemap Chart","description":"A treemap chart component for @antv/gpt-vis. Display hierarchical data with nested rectangles.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/treemap.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/treemap.json"},{"name":"venn","title":"GPT-Vis Venn Diagram","description":"A Venn diagram component for @antv/gpt-vis. Show set relationships and intersections.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/venn.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/venn.json"},{"name":"summary","title":"GPT-Vis Summary","description":"A summary component for @antv/gpt-vis. Render rich text narratives with T8 markdown-like syntax.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/summary.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/summary.json"},{"name":"table","title":"GPT-Vis Table","description":"A table component for @antv/gpt-vis. Display tabular data with optional theming.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/table.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/table.json"},{"name":"mindmap","title":"GPT-Vis Mind Map","description":"A mind map component for @antv/gpt-vis. Organize hierarchical information with branches from a central topic.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/mindmap.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/mindmap.json"},{"name":"fishbone-diagram","title":"GPT-Vis Fishbone Diagram","description":"A fishbone diagram component for @antv/gpt-vis. Display cause-and-effect analysis with a fish skeleton structure.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/fishbone-diagram.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/fishbone-diagram.json"},{"name":"flow-diagram","title":"GPT-Vis Flow Diagram","description":"A flow diagram component for @antv/gpt-vis. Show process steps and decision points.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/flow-diagram.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/flow-diagram.json"},{"name":"network-graph","title":"GPT-Vis Network Graph","description":"A network graph component for @antv/gpt-vis. Display relationships between entities with various layouts.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/network-graph.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/network-graph.json"},{"name":"organization-chart","title":"GPT-Vis Organization Chart","description":"An organization chart component for @antv/gpt-vis. Visualize hierarchical organizational structures.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/organization-chart.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/organization-chart.json"},{"name":"indented-tree","title":"GPT-Vis Indented Tree","description":"An indented tree component for @antv/gpt-vis. Display hierarchical data with indented layout.","type":"registry:ui","source_url":"https://gpt-vis.antv.vision/r/indented-tree.json","install_command":"npx shadcn@latest add https://gpt-vis.antv.vision/r/indented-tree.json"}]},{"id":"gridcn","name":"@gridcn","slug":"gridcn","description":"An editable, composable data grid for the shadcn/ui ecosystem: range selection, spreadsheet clipboard, fill handle, pinning, undo/redo, and streaming updates. Real DOM cells, shadcn styling.","author":"DammersCode","framework":"react","license":"Apache-2.0","tags":["cards","forms","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://gridcn.vercel.app","github":"https://github.com/DammersCode/gridcn","registry":"https://gridcn.vercel.app/r/registry.json","source":"https://gridcn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gridcn","markdown":"https://sh4dcn.netlify.app/md/gridcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none'> <rect x='2.5' y='2.5' width='19' height='19' rx='2.5' stroke='currentColor' stroke-width='1.7'/> <path d='M2.5 12h19M12 2.5v19' stroke='currentColor' stroke-width='1.7'/> <path d='M12 2.5h9.5v9.5z' fill='currentColor'/> <path d='M2.5 12h9.5v9.5z' fill='currentColor' opacity='0.35'/> </svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":13,"last_commit":"2026-10-25T19:54:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gridcn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gridcn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://gridcn.vercel.app/r/registry.json","clone":"git clone https://github.com/DammersCode/gridcn.git","clone_degit":"npx degit DammersCode/gridcn","registry_fetch":"curl -s https://gridcn.vercel.app/r/registry.json"},"component_count":70,"components":[{"name":"data-grid","title":"Data Grid","description":"An editable data grid: range selection, spreadsheet clipboard, editing engine, validation, sorting, filtering, pinning, streaming updates. Real DOM cells, shad…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid.json"},{"name":"data-grid-presence","title":"Data Grid Presence","description":"Multiplayer presence add-on for the gridcn data grid: useDataGridPresence registers an overlay plugin that paints remote users' live selections as named, color…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-presence.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-presence.json"},{"name":"data-grid-fill","title":"Data Grid Fill","description":"Fill-handle add-on for the gridcn data grid: drag-to-tile with series inference (arithmetic runs, zero-padded numbers, prefix+number sequences), mod+D/mod+R ke…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-fill.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-fill.json"},{"name":"data-grid-pinned-rows","title":"Data Grid Pinned Rows","description":"Pinned top/bottom row bands add-on for the gridcn data grid: useDataGridPinnedRows registers a rowBands spec (e.g. a totals row) that stays sticky under the he…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-pinned-rows.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pinned-rows.json"},{"name":"data-grid-history","title":"Data Grid History","description":"Undo/redo add-on for the gridcn data grid: op-based, id-keyed history plus a useDataGridState quick-start wrapper.","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-history.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-history.json"},{"name":"data-grid-toolbar","title":"Data Grid Toolbar","description":"Toolbar add-on for the gridcn data grid: quick-search with match navigation, a per-column filter menu (aligned rows, join column, drag-to-reorder via @dnd-kit/…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-toolbar.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-toolbar.json"},{"name":"data-grid-context-menu","title":"Data Grid Context Menu","description":"Right-click context menus for the gridcn data grid: cut/copy/paste/clear/row operations on cells, sort/pin/hide/autosize on headers.","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-context-menu.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-context-menu.json"},{"name":"data-grid-keybindings","title":"Data Grid Keybindings","description":"Keyboard shortcuts dialog for the gridcn data grid, generated at runtime from the grid's effective keymap, grouped by category with platform-aware key chips; o…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-keybindings.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-keybindings.json"},{"name":"data-grid-url-state","title":"Data Grid URL State","description":"Syncs the gridcn data grid's sort/filter/search, pagination and column layout state with the URL via nuqs (router-agnostic — requires a NuqsAdapter above it). …","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-url-state.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-url-state.json"},{"name":"dropzone","title":"Dropzone","description":"Dependency-free file dropzone: drag and drop or click to choose, with accept, size, and count checks and a compact variant. Used by the data-grid-io import dia…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/dropzone.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/dropzone.json"},{"name":"data-grid-io","title":"Data Grid IO","description":"Import/export add-on for the gridcn data grid: xlsx and csv, with delimiter detection and preview. New user-facing strings live under `labels.io` (see lib/labe…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-io.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-io.json"},{"name":"data-grid-lazy","title":"Data Grid Lazy","description":"Virtual data fetching add-on for the gridcn data grid: useDataGridLazyRows maintains a sparse data array and fetches row windows on demand from onRenderedRowsC…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-lazy.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-lazy.json"},{"name":"data-grid-pagination","title":"Data Grid Pagination","description":"Pagination add-on for the gridcn data grid: useDataGridPagination (client mode slices data; server mode is fully controlled) plus a composable <DataGridPaginat…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-pagination.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pagination.json"},{"name":"data-grid-sort-list","title":"Data Grid Sort List","description":"Toolbar sort add-on for the gridcn data grid: a sort button + popover listing applied sorts as editable, aligned rows (column / direction / remove / drag handl…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-sort-list.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-sort-list.json"},{"name":"data-grid-status-bar","title":"Data Grid Status Bar","description":"Status-bar add-on for the gridcn data grid: <DataGridStatusBar /> shows count, sum, avg, min, and max of the selected cells under the grid (useDataGridSelectio…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-status-bar.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-status-bar.json"},{"name":"data-grid-find-replace","title":"Data Grid Find and Replace","description":"Find-and-replace add-on for the gridcn data grid: useDataGridFindReplace returns a plugin that adds a panel (Mod+F finds, Ctrl+H replaces) sharing the quick se…","type":"registry:block","source_url":"https://gridcn.vercel.app/r/data-grid-find-replace.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-find-replace.json"},{"name":"data-grid-minimal-demo","title":"Data Grid Minimal Demo","description":"The quick-start minimum: the core item alone, `defaultData`, zero app-side state.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-minimal-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-minimal-demo.json"},{"name":"data-grid-streaming-demo","title":"Data Grid Streaming Demo","description":"A live ticker: `updateCells` streams values in place. An auto-sort switch toggles between defer (rows hold position, re-sort on demand) and immediate (correct …","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-streaming-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-streaming-demo.json"},{"name":"data-grid-demo","title":"Data Grid Demo","description":"The hero demo: an editable grid with every built-in cell type, range selection, the free data-grid-fill add-on, and native clipboard, via defaultData with zero…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-demo.json"},{"name":"data-grid-cell-types-demo","title":"Data Grid Cell Types Demo","description":"Every built-in cell type in one grid, plus a read-only column, a validate rule, and a custom renderCell override.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-cell-types-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-cell-types-demo.json"},{"name":"data-grid-custom-cell-demo","title":"Data Grid Custom Cell Demo","description":"A worked custom cell type: currency storage as a plain number, cached locale-formatted display, and a symbol-stripping fromText, registered via the cellTypes p…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-custom-cell-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-custom-cell-demo.json"},{"name":"data-grid-sorting-filtering-demo","title":"Data Grid Sorting & Filtering Demo","description":"Toolbar quick-search with match navigation, a per-column filter menu, and click-to-sort headers with multi-column sort.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-sorting-filtering-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-sorting-filtering-demo.json"},{"name":"data-grid-filter-operators-demo","title":"Data Grid Filter Operators Demo","description":"Per-column filter operator overrides via operatorsForColumn and ColumnDef.filterOperators, plus a full column list (including hidden columns) in the sort popov…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-filter-operators-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-filter-operators-demo.json"},{"name":"data-grid-history-demo","title":"Data Grid History Demo","description":"Undo/redo via the useDataGridState quick start, with toolbar buttons wired to the returned history object.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-history-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-history-demo.json"},{"name":"data-grid-context-menu-demo","title":"Data Grid Context Menu Demo","description":"Right-click cell menu (cut/copy/paste/clear, row operations) and header menu (sort/pin/hide/autosize) via the header dropdown.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-context-menu-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-context-menu-demo.json"},{"name":"data-grid-context-menu-slots-demo","title":"Data Grid Context Menu Slots Demo","description":"Custom context menu items via getCellMenuItems and getHeaderMenuItems, replacing the built-in item sets.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-context-menu-slots-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-context-menu-slots-demo.json"},{"name":"data-grid-keybindings-demo","title":"Data Grid Keybindings Demo","description":"A shortcuts dialog generated at runtime from the grid's effective keymap, opened via a toolbar button or the '?' shortcut.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-keybindings-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-keybindings-demo.json"},{"name":"data-grid-io-demo","title":"Data Grid IO Demo","description":"Import/export toolbar buttons: export downloads the current view as xlsx or csv; import parses a file and replaces the grid's data through onDataChange.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-io-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-io-demo.json"},{"name":"data-grid-url-state-demo","title":"Data Grid URL State Demo","description":"Sort/filter/search/pagination state synced to the URL via nuqs; wrapped in the Next.js app-router NuqsAdapter (swap for your framework's adapter).","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-url-state-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-url-state-demo.json"},{"name":"data-grid-row-markers-demo","title":"Data Grid Row Markers Demo","description":"rowMarkers modes (none/number/checkbox/both): a pinned-left marker column outside the data index space, switchable at runtime.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-row-markers-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-row-markers-demo.json"},{"name":"data-grid-custom-headers-demo","title":"Data Grid Custom Headers Demo","description":"Column header as a React component: a three-state sort icon (minus / up / down) driven by useDataGridSortState(); header click sorts in sort mode, and a custom…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-custom-headers-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-custom-headers-demo.json"},{"name":"data-grid-custom-markers-demo","title":"Data Grid Custom Markers Demo","description":"Custom row marker renderers (renderMarker/renderMarkerHeader): a lucide icon marker reflecting the row selection state, and a select-all header button, while t…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-custom-markers-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-custom-markers-demo.json"},{"name":"data-grid-pinning-all-sides-demo","title":"Data Grid Pinning All Sides Demo","description":"All four pin zones at once: Name pinned left, Score pinned right, plus an averages row pinned to the top band and a totals row pinned to the bottom band via th…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-pinning-all-sides-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pinning-all-sides-demo.json"},{"name":"data-grid-pinning-demo","title":"Data Grid Pinning Demo","description":"Column pinning (left/right), resize (incl. a resizable:false column and a flex:1 long-content column for double-click autosize), and drag-to-reorder, with the …","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-pinning-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pinning-demo.json"},{"name":"data-grid-column-drag-demo","title":"Data Grid Column Drag Demo","description":"Drag a header to reorder columns within its pin zone (enableColumnReorder, per-column reorderable opt-out, pinned-right column), plus a column picker wired to …","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-column-drag-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-column-drag-demo.json"},{"name":"data-grid-column-groups-demo","title":"Data Grid Column Groups Demo","description":"Column groups: Contact, Work with a nested History group, and Standing sit above their columns. Click a group header to select its columns, drag a group header…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-column-groups-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-column-groups-demo.json"},{"name":"data-grid-column-layout-demo","title":"Data Grid Column Layout Demo","description":"Column layout persistence: defaultColumnLayout seeds widths/order/pins/hidden from a localStorage snapshot at mount, onColumnLayoutChange writes every resize c…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-column-layout-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-column-layout-demo.json"},{"name":"data-grid-actions-demo","title":"Data Grid Actions Demo","description":"Action-buttons column pattern: a pinned-right readOnly column whose renderCell composes shadcn Buttons over store actions (startEditing on the row's first edit…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-actions-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-actions-demo.json"},{"name":"data-grid-row-ops-demo","title":"Data Grid Row Ops Demo","description":"Row operations from two surfaces: toolbar buttons (insert above/below, duplicate, delete on the current selection) and the right-click context menu, with a sid…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-row-ops-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-row-ops-demo.json"},{"name":"data-grid-large-data-demo","title":"Data Grid Large Data Demo","description":"100k generated rows proving row virtualization: only the virtualized rows around the viewport ever mount.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-large-data-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-large-data-demo.json"},{"name":"data-grid-performance-demo","title":"Data Grid Performance Demo","description":"100k generated rows with a top-left FPS meter overlay so the scroll-performance claim is checkable live.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-performance-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-performance-demo.json"},{"name":"data-grid-pinned-rows-demo","title":"Data Grid Pinned Rows Demo","description":"Totals and averages rows pinned under the header, recomputed live from the grid's data on every edit, and filter-aware via a toolbar filter menu on the Role co…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-pinned-rows-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pinned-rows-demo.json"},{"name":"data-grid-conditional-styling-demo","title":"Data Grid Conditional Styling Demo","description":"An HR dataset showing all four value-driven styling surfaces: grid-level getRowClassName/getCellClassName plus per-column cellClassName/headerClassName, all us…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-conditional-styling-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-conditional-styling-demo.json"},{"name":"data-grid-styling-patterns-demo","title":"Data Grid Styling Patterns Demo","description":"A fully-styled brand column (per-column cellClassName/headerClassName), a fully-styled at-risk row (getRowClassName beyond a bg tint), and a live density/rowHe…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-styling-patterns-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-styling-patterns-demo.json"},{"name":"data-grid-lazy-demo","title":"Data Grid Lazy Demo","description":"100k rows, only a handful loaded up front; a simulated-latency in-memory API fetches each scrolled-into window on demand, with skeleton rows filling in as data…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-lazy-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-lazy-demo.json"},{"name":"data-grid-pagination-demo","title":"Data Grid Pagination Demo","description":"Client-mode pagination: useDataGridPagination slices a generated dataset and <DataGridPaginationBar /> renders the default footer (first/prev/pages/next/last, …","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-pagination-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pagination-demo.json"},{"name":"data-grid-sort-list-demo","title":"Data Grid Sort List Demo","description":"Toolbar sort button + popover: add/remove sorts, toggle ascending/descending, and reorder precedence via drag handle or ArrowUp/ArrowDown keyboard.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-sort-list-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-sort-list-demo.json"},{"name":"data-grid-header-filter-demo","title":"Data Grid Header Filter Demo","description":"Header filter button on each column: search the distinct values, check the ones to keep, and apply.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-header-filter-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-header-filter-demo.json"},{"name":"data-grid-find-replace-demo","title":"Data Grid Find and Replace Demo","description":"Open the find-and-replace panel with Ctrl+H, replace one match or all of them, and undo the whole replace in one step.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-find-replace-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-find-replace-demo.json"},{"name":"data-grid-checked-rows-demo","title":"Data Grid Checked Rows Demo","description":"Checked rows survive a filter with keepCheckedRows and keepHiddenCheckedRows; the status bar counts the hidden checked rows.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-checked-rows-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-checked-rows-demo.json"},{"name":"data-grid-delete-confirm-demo","title":"Data Grid Delete Confirm Demo","description":"onBeforeDeleteRows returns a promise from a confirm dialog; Cancel keeps the checked rows and Delete removes them.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-delete-confirm-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-delete-confirm-demo.json"},{"name":"data-grid-touch-demo","title":"Data Grid Touch Demo","description":"Touch gestures: tap selects, double-tap edits, selection handles extend the range, and a long press opens the context menu with Fill down and Fill right.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-touch-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-touch-demo.json"},{"name":"data-grid-status-bar-demo","title":"Data Grid Status Bar Demo","description":"Select a range, a row, or a column — the status bar below the grid aggregates count, sum, avg, min, and max of the selection in real time.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-status-bar-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-status-bar-demo.json"},{"name":"data-grid-detail-panel-demo","title":"Data Grid Detail Panel Demo","description":"Show the active row in a non-modal side panel opened from onCellClick or a custom Ctrl+Shift+Enter command.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-detail-panel-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-detail-panel-demo.json"},{"name":"data-grid-presence-demo","title":"Data Grid Presence Demo","description":"3 simulated users move cell/range selections on a timer via useDataGridPresence's setPresenceHighlights (2 in view-space range form, 1 rowId-native), with tool…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-presence-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-presence-demo.json"},{"name":"data-grid-events-demo","title":"Data Grid Events Demo","description":"Grid with a live inspector panel pretty-printing the latest payload per event: onDataChange, onSelectionChange, onSortChange, onFilterChange/join, onFill, onRe…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-events-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-events-demo.json"},{"name":"data-grid-validation-demo","title":"Data Grid Validation Demo","description":"Nine rejection paths in one grid: a sync function (Age), hand-rolled sync/async/coercing Standard Schemas (Email, SKU, Price), a soft onInvalid rule (Notes), a…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-validation-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-validation-demo.json"},{"name":"data-grid-cross-field-demo","title":"Data Grid Cross Field Demo","description":"Cross-field validation with validateRow: an End time must stay at or after its Start. The row is judged after a whole write gesture commits; a rejected row fla…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-cross-field-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-cross-field-demo.json"},{"name":"data-grid-cell-errors-demo","title":"Data Grid Cell Errors Demo","description":"A fake saveOrders rejects any committed Quantity over 100 after ~600ms; the onDataChange handler calls actions.setCellErrors to paint the exact cell with the s…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-cell-errors-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-cell-errors-demo.json"},{"name":"data-grid-i18n-demo","title":"Data Grid I18n Demo","description":"A locale Select (English/Deutsch/Arabic) where each locale carries its strings and its text direction: labels, column headers, and hint text translate via deep…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-i18n-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-i18n-demo.json"},{"name":"data-grid-fill-patterns-demo","title":"Data Grid Fill Patterns Demo","description":"A staged dataset with a numeric series (1,2,3), a zero-padded series (001,002), a text-plus-number series (Item 1,2,3), and a plain-text column — dragging the …","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-fill-patterns-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-fill-patterns-demo.json"},{"name":"data-grid-loading-demo","title":"Data Grid Loading Demo","description":"Two Switches (loading, rows present) reach all three states of the loading prop: zero rows + loading = viewport-filling skeleton, rows present + loading = a sl…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-loading-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-loading-demo.json"},{"name":"data-grid-playground-demo","title":"Data Grid Playground Demo","description":"Every add-on composed in one grid: toolbar, context menu, fill, undo/redo, keybindings, sort list, import/export, plus independent toggles (row markers, pinned…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-playground-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-playground-demo.json"},{"name":"data-grid-lazy-react-query-demo","title":"Data Grid Lazy React Query Demo","description":"10k rows fetched through a TanStack Query cache: each scrolled window becomes a fetchQuery (deduped, cached for the session, scrolling back never refetches).","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-lazy-react-query-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-lazy-react-query-demo.json"},{"name":"data-grid-lazy-swr-demo","title":"Data Grid Lazy SWR Demo","description":"10k rows fetched through SWR's global cache via preload: each scrolled window is fetched once per key and shared with any useSWR consumer.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-lazy-swr-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-lazy-swr-demo.json"},{"name":"data-grid-pagination-react-query-demo","title":"Data Grid Pagination React Query Demo","description":"Server-mode pagination backed by useQuery: the current page/pageSize is the query key, edits write through to the fake server then invalidate the cached pages.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-pagination-react-query-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pagination-react-query-demo.json"},{"name":"data-grid-pagination-swr-demo","title":"Data Grid Pagination SWR Demo","description":"Server-mode pagination backed by useSWR: the page is cached by key so paging back is instant, and edits revalidate the current key after writing through.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-pagination-swr-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-pagination-swr-demo.json"},{"name":"data-grid-server-side-demo","title":"Data Grid Server Side Demo","description":"The full remote contract: header-click sort, filter menu, quick search and pagination are all sent to the fake server in one useQuery per view state; edits wri…","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-server-side-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-server-side-demo.json"},{"name":"data-grid-global-shortcuts-demo","title":"Data Grid Global Shortcuts Demo","description":"Undo and redo keep working while focus sits on a custom toolbar - the opt-in useDataGridGlobalShortcuts hook, with the editable-target guard shown live.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-global-shortcuts-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-global-shortcuts-demo.json"},{"name":"data-grid-row-reorder-demo","title":"Data Grid Row Reorder Demo","description":"Drag rows by the reorder grip or move the active row with reorderRows - both emit one id-keyed move op (a single undo step), and row selection remaps by row id.","type":"registry:example","source_url":"https://gridcn.vercel.app/r/data-grid-row-reorder-demo.json","install_command":"npx shadcn@latest add https://gridcn.vercel.app/r/data-grid-row-reorder-demo.json"}]},{"id":"gtm","name":"@gtm","slug":"gtm","description":"Stripe billing components by PumpGTM: an in-app cancel flow with save offers, and one subscription state for every access check.","author":"gigacatalyst","framework":"react","license":null,"tags":["payments","pro-available"],"categories":["E-commerce/payments"],"labels":["pro"],"urls":{"website":"https://pumpgtm.com","github":"https://github.com/gigacatalyst/pumpgtm","registry":"https://pumpgtm.com/r/registry.json","source":"https://pumpgtm.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gtm","markdown":"https://sh4dcn.netlify.app/md/gtm.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64 64'><image width='64' height='64' href='data:image/webp;base64,UklGRsIJAABXRUJQVlA4WAoAAAAQAAAAPwAAPwAAQUxQSEcFAAAN8G1t29pG2rbtxyXLMiTFzFXNzMzcPXXT0jIzM0MxY1yJLTqPCbkSt7MCETEBIObKIMBsVkYABpKxzKZlMFhYEAhjCSPPs+wOiACFOkZgZGHJmK4MBgwYlPI8zxJtNavoGowRBjCy2axBNmC6+WBQpGQMRLlWYkAGBaBAGBCWARlkQB3l4yJThPp9tWUtWL9vUCAsC9O1sGUQBmELG4qVgey05+Sx3QVe/89f1tBsLWQAI2zJtrCZb2QDmLQySMTKqSf3VAD5/qd2/uavjar7LchGNmAAM1cBYMCQr+aK0QtPVjy49+gnN35QaroOBtkgd8wmRaBOvprBmTcaNj/6ovlpw0aNkQHZaI5s2QIjbHqrifzNh9hy/rXrv1c7gWRbshEEwghAgWxgR6J4v88CB5/+4XaaVrJBNsIWxjIoDGAY9JPeLFjoQ4f/4JjaQAAEdLDAAAbS2Dx+nMWml/4zVRkgDBgwD5QlGzHIWHmLRR+rb2d1K9lINolAYMCyhZwG0tPtwlYGdxQBRhhhEDbzjeyi753PsvA02JAhkN0JwAAG000DeKpdXFsOnGHAAAYFgEFGBEUeq0+w+LX1A04gDCIQAcKAEYYB6aHyS/j/aA8ZUoAwAiOMhGVDL0/5Uyw+fvPYQIgW5ECEkQ0YwFAkjoy/hH/de1oJ0zVgADPfgAYpnmXxZ3/08e4kMCgAAxhk0JxB8t7DW/Lvf7m+8+SRYfnf/7z/UJYlGRQgjMDCGCPQMPF4u6Vf/uxo//6NSZsdfPNolgddAwYZCxvJgPsFOx5jq9MfPrFS08zafNhLmQElgR2AAQsZFGiMn223dH3jwKwKBJKS+v2ilyUTbVOVFWDmG/p9djzB1vrjtnVdG/WK1dU8g7CQ7ajWSwCFENYYP9NurU1ZMUoQTlmeIijGO0dZdWcybY1nE0sBGHoFq0+w9f1VOywSYGg8OnTq+EpTRa9fX/z7hTpUTWzAQJH8WLmAEw/9PetlRU+ObPXUSTE3rR58+qEbP7wZqu4DyKig/zgLzL9xdGNcFMmyaza/6+1T374WWm/AlrOcXSuLYPjcHrpKbP25l795j1iXJdNLHK4X8uW+uO9nLWUAJkdHWHq9+b87bhq6KaVdy8ex8Vm7BkMijbZB78y5aANkIMu2AYdvtbQCMG7zbbCjrAl3gnp9zzYoXAdzW9qbR7ZBcmhe0+rqwWL5ItGVaYKrgwPLhxHIEDX3Jg8tn5HBBtdUlx9O20QAldPlA8OlSzZdmda6W6wsnUxXAQ5PYu/ShRBgIFpNb5xZuiZlBgO4dvvvJ/NlC5IMCFOa//QeX7ZWAJJBVe3J794bL1nZy2RskNuZ/cdrX+kt19ogZ5Oz2tWPZ1/sWqore3qpIxtiEp798Ozrz+3W0pTnTjsDg4yoJ3Z99hdrR0/s27VvdSn+nk4pAwHCqJnUjurqv66uN9mZ1x7qLaQpNUgPOPuL91d6CVDMU70xC0tNPbvz73P73nxktKWbf/nrvbT/mTN7BdO//fytRyQx14CBelqWrZQy1v789+yp5w4Vm9g4+8tzq2d2t9fOViv7RtPL2QenlAlkI6M5EG3T1E0gbZz72/WVoyf3DnOq6e1z56uHnjiQG2Y3r9ydFSdOjpQSKAALg0QgMJ5Nq5DizrlLN6YWUnHg1OkxYbrCkpyEMMjMN10j43o6ayFzVTYNWb/I1aAEVFUTIadMIIMwYJANCsCA3JTTugkpQCiyxHw3dRvMNUBChAwGGRAGZNQ0Td04EA+WZTHXzBUSOCkEIckmYZPohkJYQmCwwB05GbBsAFZQOCBUBAAAUBMAnQEqQABAAD5tLJJFpCKhlglfmEAGxLQAWo3fAtJG1u7LIXTs9yI+pDbRc7N6Ut6E3mj/NUCPmpCEpl375YDCjSvtAoDAFrDGsCjy0c10+ieYWV0f5D9IUgYGtHgRzy1aDs7PlCiV8nSJ3W3OJfpVB7l07ogdEoyqt5UX4XYUmFr5TGztC7jNmyG5AtZl8QH5nFmjwXbtDPCdhKr/GJ9QAAD+/zm9BsSZVxUUsdfnqzFreKtr4NmvDOFOm15hb8jfeKMy5MN3fIB0sCPsjD5dYNikZ/bv3n8vNEtgbfwZ3WvoXhnr2T5XsKAMdsaJT0Idqjq2Z8umwoREkmrqxykTDly1C0oxaGJ+wAnYvjdUs2ok7FzniVCX7fp4Br7RiX0GqCe5mgG+tWHeD0rEIbFjwbZ6lPOnEUB5aMXX4qF9RjM9zpyweTmQDsDSJ5yZVLi1bvhpcBRmkKnVAPalYJ3LViPQ6+h8KucVx1q53eLYytD6VukF/bYpzkPhM93qTFT7x/tohSU/Y1AO7kPlNzvsCf6wcfgxk8cMI/X7aKgf5iyqonUNyQeRpYDNCmQMfpJxCksmf+k6IxIFag13V5HZ3RVHVt/BlIbqoRMyg4UZyqxdUyfYoL/RG1emOIqGWai5EwJ1jQU0ZiFYO+oZR2g3AGeVUbIYDQ6bn5Jt/wJJBF1FbLcBawYaHlP9ZRSIXpGCwF6pO4F286ILzBglvcGwS44ziMmB0cFjhiMo7gZvK3Pv7mD3qBrn4/tEwZZ5FcVImBErEP5n4JiqUAjG8iqn7iz9jqmDMsOnu0R7usHOg9KqgHDlfzsg0CuqTxDWUxpcYqd5LeJ/fO1zSd/nq23rddXPgBC5tOfVce57knWlGiEEmgbc4ZHMPtygooRPnZsRQgnn0EfdgIJ6rJ4Mr5FgH5RSFYbjOcPxH9Zh3bQ/GKFBEXZHvukkyTahI2h2plEiVkzYb35YR7q21wSMIe5gc7NwDt4fgIfDlBnwS+Zp+LDo2nKv9XHBZU67augyDuuPLTEEKybEBSuDBfC0AqkjfFNm9Sj5QHjdsIYIFdBCFaUa443q8pwNTQMMFEtNXXuv0F/vXlJds8KR5GE6C8WJA6Pi9mrqpwJOaXXOp4ZaMqzVI1rPgyksGl8ideiV+WE+I2KLuFAZ/J20u4RPSgISoCtxxVLkMtTE+XLCKtOBxjEDtkpqxzizqEw42Low67C3VGjz4H0RUtzguHQlOLqjD86FhqXFsdiKoe8X/47G1LBIRup1rru3zTancZt9hjRu5ld3qOXcmSsMYV2fs+EU9NHEGW3hJUhz4MU3AfGYE9zSb9+qYluSGaVzQATdGbHhG6hGCGjQPJkyD1J1v10bQfjxXozLn7B9inXQH8Ps+vE+ky8b9bjuPPu/PYwQe3PzNlf1FvMeTIVtayZ8mKEw7imTyThEAV2Vb1TfjiTTkcrSD5VtZcapmmdiBw+ohwAAAA=='/></svg>","preview_image":"https://pumpgtm.com/og-pumpgtm.jpg?v=4","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pumpgtm.com/pricing"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-09-24T16:28:19Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pumpgtm.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pumpgtm.com/r/registry.json","install_bun":"bunx shadcn@latest add https://pumpgtm.com/r/registry.json","clone":"git clone https://github.com/gigacatalyst/pumpgtm.git","clone_degit":"npx degit gigacatalyst/pumpgtm","registry_fetch":"curl -s https://pumpgtm.com/r/registry.json"},"component_count":2,"components":[{"name":"subscription-state","title":"Subscription state","description":"One function that turns a Stripe subscription into the product decision: needs card, trialing, cancelling but still running, paused, past due, or ended. Schedu…","type":"registry:lib","source_url":"https://pumpgtm.com/r/subscription-state.json","install_command":"npx shadcn@latest add https://pumpgtm.com/r/subscription-state.json"},{"name":"cancel-flow","title":"Cancel flow","description":"An in-app Stripe cancel dialog: a reason with one follow-up question, then a full refund if they were charged in the last 24 hours, or one save offer picked fr…","type":"registry:block","source_url":"https://pumpgtm.com/r/cancel-flow.json","install_command":"npx shadcn@latest add https://pumpgtm.com/r/cancel-flow.json"}]},{"id":"gymnopedies","name":"@gymnopedies","slug":"gymnopedies","description":"A dark, serif, glow-leaning shadcn registry of read-only React components for blogs, essays, and long-form reading — inspired by Erik Satie's Gymnopedies. Ships 35 non-form shadcn primitives (all standard overlays, navigation, and data components) plus 5 bespoke blog components: Hero (full-bleed cover with lighting animation), Picture (grayscale/reveal figure), Content (article paragraph container), DateTime (date-fns formatted time), and Header Navigation (gradient glow header). Built with Tailwind CSS v4 and Base UI; Merriweather serif font. Use for: building editorial sites or personal blogs that want a moody, candlelit dark aesthetic out of the box.","author":"shoota","framework":"react","license":"MIT","tags":["aesthetic","animation","backgrounds","blocks","buttons","cards","charts","cms","dashboard","design-system","editor","forms","hooks","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Personal/portfolio registry"],"labels":["recently-updated"],"urls":{"website":"https://gymnopedies.shoota.work","github":"https://github.com/shoota/gymnopedies","registry":"https://gymnopedies.shoota.work/r/registry.json","source":"https://gymnopedies.shoota.work/r/registry.json","page":"https://sh4dcn.netlify.app/registry/gymnopedies","markdown":"https://sh4dcn.netlify.app/md/gymnopedies.md"},"logo":"<svg width='380' height='380' viewBox='0 0 380 380' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M172.239 0.574106C170.98 0.80884 165.311 1.46953 159.642 2.04205C146.894 3.33022 139.765 5.15657 125.844 10.702C101.78 20.286 81.9755 31.9071 65.7367 45.9705C35.4705 72.1817 13.5172 108.659 4.60532 147.547C-0.991226 171.97 -1.5329 203.105 3.23223 226.492C26.4532 340.466 141.187 406.457 252.545 369.886C270.494 363.991 296.275 349.573 310.807 337.3C319.232 330.186 333.429 315.943 339.019 308.998C356.521 287.25 370.222 258.095 376.779 228.646C379.828 214.956 381.025 180.779 378.994 165.439C370.628 102.262 331.477 47.8838 273.795 19.3242C255.129 10.0825 233.814 3.67603 212.998 1.05159C204.037 -0.0785663 177.427 -0.39002 172.239 0.574106ZM165.622 19.0162C146.419 44.1407 133.194 88.9943 128.064 146.402C126.507 163.815 126.112 203.817 127.311 222.548C128.192 236.288 128.192 236.288 125.331 232.863C122.957 230.021 113.335 211.643 109.739 203.082C102.804 186.571 98.1788 163.476 97.4997 141.965C96.2457 102.283 105.95 67.9782 127.825 34.7605C137.492 20.0811 140.24 17.6444 149.575 15.4734C161.147 12.7826 161.572 12.7093 166.293 12.565C170.656 12.4322 170.656 12.4322 165.622 19.0162ZM245.451 19.4582C309.637 40.3964 355.804 94.4287 367.617 162.433C369.612 173.921 369.626 206.386 367.642 217.967C363.026 244.907 352.982 269.949 338.024 291.823C329.455 304.353 322.774 311.667 317.759 314.01C311.915 316.741 289.747 318.55 270.675 317.854C254.14 317.251 247.51 315.936 248.983 313.552C249.834 312.177 254.193 295.999 255.3 290.105C262.91 249.629 264.718 230.266 264.657 189.914C264.579 137.873 259.439 100.545 246.997 61.669C242.662 48.1197 233.897 29.609 228.462 22.52C226.198 19.5658 224.345 16.5452 224.345 15.8055C224.345 13.8761 232.85 15.3475 245.451 19.4582ZM115.552 29.1154C115.552 29.475 112.492 35.3055 108.753 42.0739C92.3131 71.8232 84.693 101.764 84.6518 136.764C84.6334 152.829 85.0377 157.035 88.2145 173.883C93.2247 200.457 105.947 228.859 123.561 252.8C129.637 261.056 131.519 264.568 132.099 268.733C137.089 304.51 150.627 342.566 165.07 361.413C167.616 364.736 169.382 367.771 168.994 368.159C167.428 369.726 140.118 363.168 126.432 357.94C83.2523 341.446 48.3573 309.144 28.4138 267.204C21.995 253.706 17.8048 241.53 14.4242 226.555C12.3182 217.224 11.9689 212.096 11.9689 190.486C11.9689 168.656 12.3067 163.792 14.5009 154.03C19.3748 132.339 25.5978 116.715 36.9214 97.7379C50.2297 75.4347 64.4804 59.9892 85.7775 44.7842C100.066 34.5842 115.552 26.4338 115.552 29.1154ZM154.276 285.144C161.527 291.359 180.055 303.424 190.562 308.776C202.313 314.76 208.02 317.125 218.619 320.403C234.646 325.359 234.092 324.604 229.342 335.014C222.672 349.631 212.832 362.11 204.637 366.345C187.303 375.302 168.323 356.767 155.155 318.028C151.028 305.884 145.332 283.807 145.329 279.946C145.327 277.516 145.477 277.605 154.276 285.144ZM276.165 329.269C289.864 329.544 301.073 330.037 301.073 330.365C301.073 332.569 279.143 346.512 266.145 352.573C252.997 358.702 226.178 367.319 224.736 365.877C224.459 365.601 226.513 362.094 229.298 358.084C233.712 351.73 242.105 335.524 244.26 329.192C244.84 327.491 245.624 327.231 248.122 327.913C249.847 328.384 262.466 328.994 276.165 329.269Z' fill='var(--foreground)'/> <path d='M115.552 29.1154C115.552 29.475 112.492 35.3055 108.753 42.0739C92.3131 71.8232 84.693 101.764 84.6518 136.764C84.6334 152.829 85.0377 157.035 88.2145 173.883C93.2247 200.457 105.947 228.859 123.561 252.8C129.637 261.056 131.519 264.568 132.099 268.733C137.089 304.51 150.627 342.566 165.07 361.413C167.616 364.736 169.382 367.771 168.994 368.159C167.428 369.726 140.118 363.168 126.432 357.94C83.2523 341.446 48.3573 309.144 28.4138 267.204C21.995 253.706 17.8048 241.53 14.4242 226.555C12.3182 217.224 11.9689 212.096 11.9689 190.486C11.9689 168.656 12.3067 163.792 14.5009 154.03C19.3748 132.339 25.5978 116.715 36.9214 97.7379C50.2297 75.4347 64.4804 59.9892 85.7775 44.7842C100.066 34.5842 115.552 26.4338 115.552 29.1154Z' fill='#D0D0D0'/> <path d='M154.276 285.144C161.527 291.359 180.055 303.424 190.562 308.776C202.313 314.76 208.02 317.125 218.619 320.403C234.646 325.359 234.092 324.604 229.342 335.014C222.672 349.631 212.832 362.11 204.637 366.345C187.303 375.302 168.323 356.767 155.155 318.028C151.028 305.884 145.332 283.807 145.329 279.946C145.327 277.516 145.477 277.605 154.276 285.144Z' fill='#EBEBEB'/> <path d='M276.165 329.269C289.864 329.544 301.073 330.037 301.073 330.365C301.073 332.569 279.143 346.512 266.145 352.573C252.997 358.702 226.178 367.319 224.736 365.877C224.459 365.601 226.513 362.094 229.298 358.084C233.712 351.73 242.105 335.524 244.26 329.192C244.84 327.491 245.624 327.231 248.122 327.913C249.847 328.384 262.466 328.994 276.165 329.269Z' fill='#D0D0D0'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":12,"last_commit":"2026-10-24T17:52:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gymnopedies.shoota.work/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gymnopedies.shoota.work/r/registry.json","install_bun":"bunx shadcn@latest add https://gymnopedies.shoota.work/r/registry.json","clone":"git clone https://github.com/shoota/gymnopedies.git","clone_degit":"npx degit shoota/gymnopedies","registry_fetch":"curl -s https://gymnopedies.shoota.work/r/registry.json"},"component_count":49,"components":[{"name":"utils","title":"cn utility","description":"Class-name merging helper (clsx + tailwind-merge).","type":"registry:lib","source_url":"https://gymnopedies.shoota.work/r/utils.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/utils.json"},{"name":"theme","title":"Gymnopédies Theme","description":"Dark, serif, glow-leaning theme tokens — the gymnopédies identity layer.","type":"registry:style","source_url":"https://gymnopedies.shoota.work/r/theme.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/theme.json"},{"name":"accordion","title":"Accordion","description":"Accordion — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/accordion.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/accordion.json"},{"name":"alert","title":"Alert","description":"Alert — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/alert.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Alert Dialog — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/alert-dialog.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Aspect Ratio — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"Avatar — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/avatar.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/avatar.json"},{"name":"badge","title":"Badge","description":"Badge — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/badge.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Breadcrumb — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/breadcrumb.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Button — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/button.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/button.json"},{"name":"card","title":"Card","description":"Card — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/card.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/card.json"},{"name":"carousel","title":"Carousel","description":"Carousel — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/carousel.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/carousel.json"},{"name":"chart","title":"Chart","description":"Chart — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/chart.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/chart.json"},{"name":"collapsible","title":"Collapsible","description":"Collapsible — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/collapsible.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/collapsible.json"},{"name":"command","title":"Command","description":"Command — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/command.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"Context Menu — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/context-menu.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"Dialog — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/dialog.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Drawer — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/drawer.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown Menu — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/dropdown-menu.json"},{"name":"hover-card","title":"Hover Card","description":"Hover Card — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/hover-card.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/hover-card.json"},{"name":"input","title":"Input","description":"Input — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/input.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/input.json"},{"name":"input-group","title":"Input Group","description":"Input Group — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/input-group.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/input-group.json"},{"name":"menubar","title":"Menubar","description":"Menubar — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/menubar.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Navigation Menu — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/navigation-menu.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/pagination.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/pagination.json"},{"name":"popover","title":"Popover","description":"Popover — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/popover.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/popover.json"},{"name":"progress","title":"Progress","description":"Progress — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/progress.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/progress.json"},{"name":"resizable","title":"Resizable","description":"Resizable — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/resizable.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll Area — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/scroll-area.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/scroll-area.json"},{"name":"separator","title":"Separator","description":"Separator — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/separator.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Sheet — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/sheet.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"Sidebar — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/sidebar.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Skeleton — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/skeleton.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/skeleton.json"},{"name":"sonner","title":"Sonner","description":"Sonner — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/sonner.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/sonner.json"},{"name":"table","title":"Table","description":"Table — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/table.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/table.json"},{"name":"tabs","title":"Tabs","description":"Tabs — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/tabs.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Textarea — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/textarea.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"Toggle — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/toggle.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle Group — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/toggle-group.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip — gymnopédies-themed shadcn primitive.","type":"registry:ui","source_url":"https://gymnopedies.shoota.work/r/tooltip.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/tooltip.json"},{"name":"article","title":"Article","description":"Article — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/article.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/article.json"},{"name":"content","title":"Content","description":"Content — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/content.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/content.json"},{"name":"date-time","title":"Date Time","description":"Date Time — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/date-time.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/date-time.json"},{"name":"global-styles","title":"Global Styles","description":"Global Styles — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/global-styles.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/global-styles.json"},{"name":"header-navigation","title":"Header Navigation","description":"Header Navigation — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/header-navigation.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/header-navigation.json"},{"name":"hero","title":"Hero","description":"Hero — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/hero.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/hero.json"},{"name":"picture","title":"Picture","description":"Picture — gymnopédies blog reading primitive.","type":"registry:component","source_url":"https://gymnopedies.shoota.work/r/picture.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/picture.json"},{"name":"use-mobile","title":"Use Mobile","description":"Use Mobile — gymnopédies hook.","type":"registry:hook","source_url":"https://gymnopedies.shoota.work/r/use-mobile.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/use-mobile.json"},{"name":"gymnopedies","title":"Gymnopédies — read-only design system","description":"A dark, serif, glow-leaning shadcn registry preset for long-form reading experiences. Installs the theme tokens, every non-form shadcn primitive, and the bespo…","type":"registry:style","source_url":"https://gymnopedies.shoota.work/r/gymnopedies.json","install_command":"npx shadcn@latest add https://gymnopedies.shoota.work/r/gymnopedies.json"}]},{"id":"grootstudio","name":"@grootstudio","slug":"grootstudio","description":"A premium, open source component registry for SEO-friendly, high-performance React applications","author":"Subhadipjana95","framework":"react","license":"MIT","tags":["3d","animation","backgrounds","buttons","cards","forms","icons","loaders","media","overlays","pro-available","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://grootstudio.vercel.app","github":"https://github.com/Subhadipjana95/Groot-Studio","registry":"https://grootstudio.vercel.app/r/registry.json","source":"https://grootstudio.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/grootstudio","markdown":"https://sh4dcn.netlify.app/md/grootstudio.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none'><g transform='translate(11 11) scale(0.45)'><path d='M119.6 88.392C119.6 109.882 106.815 128 82.7952 128C78.349 128 74.8006 123.67 74.8006 119.224L74.8 59.2C74.7495 50.8731 84.2085 47.3824 92.1506 49.8851C108.945 55.1775 119.6 70.9306 119.6 88.392Z' fill='var(--foreground)'/><path d='M82.7951 127.5C94.6681 127.5 103.727 123.027 109.825 115.929C115.932 108.821 119.1 99.0414 119.1 88.3916C119.1 71.1314 108.571 55.584 92.0002 50.3623C88.1376 49.1452 83.9193 49.3918 80.6935 50.9326C77.4855 52.4649 75.2761 55.2604 75.3 59.1973V59.2002L75.3009 119.224C75.301 123.455 78.6829 127.5 82.7951 127.5Z' stroke='var(--muted-foreground)' stroke-opacity='0.66'/><path d='M58.6906 0C74.4032 0 88.2202 8.10982 96.1877 20.3715C99.6828 25.7503 95.1158 32 88.7011 32H87.3813C71.4755 32 58.5813 44.8942 58.5813 60.8V79.7549C58.5813 85.0659 54.2178 89.4743 49.0312 88.3315C28.9932 83.9167 14.0001 66.0552 14 44.6906C14 20.0094 34.0095 0.000418936 58.6906 0Z' fill='var(--foreground)'/><path d='M58.6904 0.5C74.2266 0.5 87.8894 8.51789 95.7686 20.6436C97.3985 23.152 97.149 25.8417 95.7461 27.9229C94.3345 30.0165 91.7462 31.5 88.7012 31.5H87.3809C71.1992 31.5002 58.0812 44.6181 58.0811 60.7998V79.7549C58.0811 84.8273 53.9388 88.9003 49.1387 87.8428C29.3251 83.4773 14.5001 65.8152 14.5 44.6904L14.5146 43.5498C15.1102 20.051 34.0511 1.11057 57.5498 0.514648L58.6904 0.5Z' stroke='var(--muted-foreground)' stroke-opacity='0.66'/></g></svg>","preview_image":"https://grootstudio.dev/opengraph-image?84240a2021628a4d","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://grootstudio.vercel.app/pricing"},"metrics":{"github_stars":60,"open_issues":1,"last_commit":"2026-09-25T04:19:46Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://grootstudio.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://grootstudio.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://grootstudio.vercel.app/r/registry.json","clone":"git clone https://github.com/Subhadipjana95/Groot-Studio.git","clone_degit":"npx degit Subhadipjana95/Groot-Studio","registry_fetch":"curl -s https://grootstudio.vercel.app/r/registry.json"},"component_count":26,"components":[{"name":"glow-card","title":"Glow Card","description":"A card with a glowing hover effect.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/glow-card.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/glow-card.json"},{"name":"github-stars","title":"GitHub Stars","description":"Displays a GitHub repo star count with auto-fetch, daily revalidation, compact formatting, and a tooltip.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/github-stars.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/github-stars.json"},{"name":"github-stars-react","title":"GitHub Stars (React / Vite)","description":"GitHub star count for Vite and non-Next.js React projects. Fetches client-side with localStorage caching for 24 hours.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/github-stars-react.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/github-stars-react.json"},{"name":"gradient-text-fill","title":"Gradient Text Fill","description":"Animated gradient fills the text itself with 3D depth. Works on any background color.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/gradient-text-fill.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/gradient-text-fill.json"},{"name":"gradient-background-text","title":"Gradient Background Text","description":"Animated gradient background orb text with 3D engraved effect. Works on any background color.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/gradient-background-text.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/gradient-background-text.json"},{"name":"discord-online","title":"Discord Online (Next.js)","description":"Shows live Discord member presence count fetched server-side with 60s revalidation. Label shown on tooltip hover. Requires Next.js App Router.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/discord-online.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/discord-online.json"},{"name":"discord-online-react","title":"Discord Online (React / Vite)","description":"Shows live Discord member presence count fetched client-side with 60s localStorage cache. Label shown on tooltip hover.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/discord-online-react.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/discord-online-react.json"},{"name":"logo-marquee","title":"Logo Marquee","description":"Infinite marquee logo slider with mask fade edges and hover speed control.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/logo-marquee.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/logo-marquee.json"},{"name":"blurred-marquee","title":"Blurred Marquee","description":"Infinite marquee logo slider with mask blurred edges and hover speed control.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/blurred-marquee.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/blurred-marquee.json"},{"name":"logo-grid","title":"Logo Grid","description":"Grid of client logos with plus-sign separators and highlighted rows.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/logo-grid.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/logo-grid.json"},{"name":"github-calendar","title":"GitHub Calendar","description":"A Next.js/React component to display GitHub contributions in a calendar grid format.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/github-calendar.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/github-calendar.json"},{"name":"avatar-tooltips","title":"Avatar Tooltips","description":"Interactive overlapping avatars that reveal animated, spring-based tooltips on hover.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/avatar-tooltips.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/avatar-tooltips.json"},{"name":"3d-button","title":"3D Button","description":"A premium 3D button component with customizable dual-tone gradients, shimmer effects and depth shadows.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/3d-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/3d-button.json"},{"name":"sliding-button","title":"Sliding Button","description":"A high-performance interactive button that slides an icon into view on hover with spring animations and depth shadows.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/sliding-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/sliding-button.json"},{"name":"drag-button","title":"Drag Button","description":"An interactive draggable button requiring a left-to-right swipe to confirm actions, featuring optional success animations and spring physics.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/drag-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/drag-button.json"},{"name":"press-button","title":"Press Button","description":"An industry-grade neobrutalist button with a 3D press effect.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/press-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/press-button.json"},{"name":"cursor-trail","title":"Cursor Trail","description":"A smooth and refined shape trail effect that beautifully interpolates along your mouse cursor path.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/cursor-trail.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/cursor-trail.json"},{"name":"image-trail","title":"Image Trail","description":"A very smooth and interactive trail of images that follows your mouse cursor with discrete step interpolation.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/image-trail.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/image-trail.json"},{"name":"text-outline-glow","title":"Text Outline Glow","description":"A very smooth and interactive trail of images that follows your mouse cursor with discrete step interpolation.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/text-outline-glow.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/text-outline-glow.json"},{"name":"animated-bars","title":"Animated Bars","description":"A dynamic background component with pulsating, gradient bars that create a fluid energy effect.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/animated-bars.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/animated-bars.json"},{"name":"animated-layout","title":"Animated Layout","description":"A modern and dynamic layout component featuring fluid animations, smooth transitions, and a responsive grid system.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/animated-layout.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/animated-layout.json"},{"name":"theme-toggler","title":"Theme Toggler","description":"A minimal theme toggle button with a cinematic full-screen curtain wipe animation. Supports vertical and horizontal directions.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/theme-toggler.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/theme-toggler.json"},{"name":"styled-button","title":"Styled Button","description":"An elegant styled button with vibrant radial gradients, shadow glows, and smooth active transitions.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/styled-button.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/styled-button.json"},{"name":"pebble-toast","title":"Pebble Toast","description":"A premium notification stack with beautiful center/corner positioning, micro-animations, and dynamic gradients.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/pebble-toast.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/pebble-toast.json"},{"name":"text-frame","title":"Text Frame","description":"A canvas boundary like frame for texts to wrap around with blur effect and dashed or solid line style.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/text-frame.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/text-frame.json"},{"name":"shimmer-text-flip","title":"Shimmer Text Flip","description":"A sequence of texts cycles through fliping transition with shimmer glow effect.","type":"registry:block","source_url":"https://grootstudio.vercel.app/r/shimmer-text-flip.json","install_command":"npx shadcn@latest add https://grootstudio.vercel.app/r/shimmer-text-flip.json"}]},{"id":"ha-components","name":"@ha-components","slug":"ha-components","description":"A shadcn/ui-inspired component framework for building custom Home Assistant dashboards in React/TypeScript. Provides styled, copy-owned components covering Home Assistant device categories: Camera, Light Toggle, Trigger, Weather, and Misc, alongside an Auth Provider for interacting with Home Assistant APIs. Unlike HA's built-in styling, users receive source files and full control. Beta software, maintained by a single developer; MIT licensed. Use for: building bespoke Home Assistant dashboard UIs using React and shadcn CLI instead of HA's native frontend or HACS card ecosystem.","author":"jchu634","framework":"react","license":"MIT","tags":["ai","auth","buttons","cards","dashboard","media","overlays","theming"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://hacomponents.keshuac.com","github":"https://github.com/jchu634/ha-components","registry":"https://hacomponents.keshuac.com/r/registry.json","source":"https://hacomponents.keshuac.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ha-components","markdown":"https://sh4dcn.netlify.app/md/ha-components.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='512' height='512' viewBox='0 0 512 512'><g style='fill:none;stroke:var(--foreground);stroke-width:1.5'><g style='stroke-width:1.9175;stroke-dasharray:none'><path d='M86.773 366.113c-3.077-1.34-2.88 3.354-2.88-68.747V232.38l43.18-43.154c24.344-24.33 43.731-43.36 44.444-43.627.696-.259 1.806-.346 2.468-.194.812.187 15.294 14.351 44.606 43.626l43.405 43.35v65.187c0 71.617.18 67.024-2.677 68.5-1.163.602-11.186.68-86.24.664-69.989-.015-85.168-.124-86.306-.62z' style='fill:var(--foreground);stroke:var(--foreground);stroke-width:25.3553;stroke-dasharray:none' transform='translate(-5.022 3.578)scale(.98599)'/><path stroke-linecap='round' stroke-linejoin='round' d='m2.25 12.381 8.954-8.955a1.126 1.126 0 0 1 1.591 0l8.526 8.526.429.429M4.5 10.131v10.125c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V10.131M8.25 21.381h8.25' style='stroke:var(--foreground);stroke-width:1.9175;stroke-dasharray:none' transform='translate(9.105 96.393)scale(13.0378)'/></g><g style='fill:none;stroke:currentColor;stroke-width:2.1539;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none'><path d='M12 22v-5M9 8V2M15 8V2M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z' style='stroke-width:2.1539;stroke-dasharray:none' transform='translate(264.636 116.717)scale(11.60688)'/></g></g></svg>","preview_image":"https://hacomponents.keshuac.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":15,"open_issues":0,"last_commit":"2026-07-24T18:08:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hacomponents.keshuac.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hacomponents.keshuac.com/r/registry.json","install_bun":"bunx shadcn@latest add https://hacomponents.keshuac.com/r/registry.json","clone":"git clone https://github.com/jchu634/ha-components.git","clone_degit":"npx degit jchu634/ha-components","registry_fetch":"curl -s https://hacomponents.keshuac.com/r/registry.json"},"component_count":12,"components":[{"name":"type-generator","title":"Type Generator","description":"Script to generate types","type":"registry:item","source_url":"https://hacomponents.keshuac.com/r/type-generator.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/type-generator.json"},{"name":"auth","title":"Auth Files and Components","description":"A complex component used to setup Auth.","type":"registry:block","source_url":"https://hacomponents.keshuac.com/r/auth.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/auth.json"},{"name":"camera","title":"Simple Camera Component","description":"A WebRTC Camera component for go2RTC","type":"registry:block","source_url":"https://hacomponents.keshuac.com/r/camera.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/camera.json"},{"name":"trigger","title":"Simple Trigger Button Component","description":"Button that with an attached Entity trigger","type":"registry:component","source_url":"https://hacomponents.keshuac.com/r/trigger.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/trigger.json"},{"name":"toggle","title":"Simple Toggle Switch Component","description":"Switch with an attached Entity trigger","type":"registry:component","source_url":"https://hacomponents.keshuac.com/r/toggle.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/toggle.json"},{"name":"light","title":"Simple Light Control Component","description":"A component which allows full control of a light","type":"registry:component","source_url":"https://hacomponents.keshuac.com/r/light.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/light.json"},{"name":"weather","title":"Simple Weather Component","description":null,"type":"registry:block","source_url":"https://hacomponents.keshuac.com/r/weather.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/weather.json"},{"name":"proxy","title":"Python Websocket Proxy Server","description":"Development websocket server for camera component","type":"registry:block","source_url":"https://hacomponents.keshuac.com/r/proxy.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/proxy.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://hacomponents.keshuac.com/r/accordion.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/accordion.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://hacomponents.keshuac.com/r/popover.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/popover.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://hacomponents.keshuac.com/r/slider.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/slider.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://hacomponents.keshuac.com/r/switch.json","install_command":"npx shadcn@latest add https://hacomponents.keshuac.com/r/switch.json"}]},{"id":"hairline","name":"@hairline","slug":"hairline","description":"Interaction-first React components where every change of state morphs: one file each, no animation library, hairline borders.","author":null,"framework":"react","license":null,"tags":["ai","animation","auth","buttons","cards","charts","developer-tools","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://hairlineui.com/ui","github":null,"registry":"https://hairlineui.com/r/registry.json","source":"https://hairlineui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hairline","markdown":"https://sh4dcn.netlify.app/md/hairline.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='var(--foreground)'><path fill-rule='evenodd' d='M32 1.5c13.6 0 21.4 0 25.9 4.6 4.6 4.5 4.6 12.3 4.6 25.9s0 21.4-4.6 25.9c-4.5 4.6-12.3 4.6-25.9 4.6s-21.4 0-25.9-4.6C1.5 53.4 1.5 45.6 1.5 32S1.5 10.6 6.1 6.1C10.6 1.5 18.4 1.5 32 1.5ZM16.5 7.5H21.2Q22.4 7.5 22.4 8.7V55.3Q22.4 56.5 21.2 56.5H16.5Q7.5 56.5 7.5 47.5V16.5Q7.5 7.5 16.5 7.5ZM42.8 7.5H47.5Q56.5 7.5 56.5 16.5V47.5Q56.5 56.5 47.5 56.5H42.8Q41.6 56.5 41.6 55.3V8.7Q41.6 7.5 42.8 7.5ZM26.2 7.5H37.8Q39 7.5 39 8.7V29.5Q39 30.7 37.8 30.7H26.2Q25 30.7 25 29.5V8.7Q25 7.5 26.2 7.5ZM26.2 33.3H37.8Q39 33.3 39 34.5V55.3Q39 56.5 37.8 56.5H26.2Q25 56.5 25 55.3V34.5Q25 33.3 26.2 33.3Z'/></svg>","preview_image":"https://hairlineui.com/og/hairline-ui.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://hairlineui.com/ui/pricing-plans"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hairlineui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hairlineui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://hairlineui.com/r/registry.json","registry_fetch":"curl -s https://hairlineui.com/r/registry.json"},"component_count":179,"components":[{"name":"button","title":"Button","description":"The base action: variants, 24–40px sizes, a 3% press, and status (pending, success, error) shown through an icon slot and a morphing label.","type":"registry:component","source_url":"https://hairlineui.com/r/button.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/button.json"},{"name":"button-group","title":"Button group","description":"Connected actions on one surface: a selection fill that is thrown to the segment you pick, dividers that fade beside it, labels that fold into icons when narro…","type":"registry:component","source_url":"https://hairlineui.com/r/button-group.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/button-group.json"},{"name":"split-button","title":"Split button","description":"Dual-action trigger: primary action on the left, trailing chevron on the right opening an aligned dropdown menu.","type":"registry:component","source_url":"https://hairlineui.com/r/split-button.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/split-button.json"},{"name":"copy-button","title":"Copy button","description":"Copies on the press: the icon blurs into a self-drawing check, the label morphs to Copied, and a failed copy shakes and says so.","type":"registry:component","source_url":"https://hairlineui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/copy-button.json"},{"name":"action-button","title":"Action button","description":"A button that runs a promise and shows it: the icon slot opens for a spinner, a check draws itself, failures shake, and the label morphs through each.","type":"registry:component","source_url":"https://hairlineui.com/r/action-button.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/action-button.json"},{"name":"expanding-button-group","title":"Expanding button group","description":"Icon toolbar where the action you point at, tab to or tap opens its label while neighbours slide aside, with ask-first and done states in place.","type":"registry:component","source_url":"https://hairlineui.com/r/expanding-button-group.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/expanding-button-group.json"},{"name":"floating-button-group","title":"Floating button group","description":"Floating canvas toolbar: one indicator thrown to the active tool, a zoom stepper whose value rolls, and a menu that grows out of its chevron.","type":"registry:component","source_url":"https://hairlineui.com/r/floating-button-group.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/floating-button-group.json"},{"name":"icon-morph","title":"Icon morph","description":"One icon becoming another: blur pop, direction-aware turn, card flip, or strokes that draw themselves. Fast toggling never jumps.","type":"registry:component","source_url":"https://hairlineui.com/r/icon-morph.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/icon-morph.json"},{"name":"input","title":"Input","description":"A one-line field with a label, hint and error that trade places, a clear button that folds in, and one shake when an error arrives.","type":"registry:component","source_url":"https://hairlineui.com/r/input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/input.json"},{"name":"textarea","title":"Textarea","description":"A text box that eases to the height of what you write, scrolls with its own thin thumb and faded edges, and turns into a composer with tools, a send button and…","type":"registry:component","source_url":"https://hairlineui.com/r/textarea.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/textarea.json"},{"name":"password-input","title":"Password input","description":"A password field with an eye that turns into eye-off, a four-step strength meter that fills and names itself, and a Caps Lock warning.","type":"registry:component","source_url":"https://hairlineui.com/r/password-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/password-input.json"},{"name":"search-input","title":"Search input","description":"The field at the top of every list: ⌘K focuses it from anywhere, search runs after a pause, the magnifier blurs into a spinner while it loads.","type":"registry:component","source_url":"https://hairlineui.com/r/search-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/search-input.json"},{"name":"select","title":"Select","description":"A choice from a list that is never the browser's dropdown: the pill grows into its list and folds back as the label morphs.","type":"registry:component","source_url":"https://hairlineui.com/r/select.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/select.json"},{"name":"multi-select","title":"Multi-select","description":"Several choices from a short list: the pill names them (\"Design, Sales +2\"), the list rises off it with ticks that draw, and it stays open while you pick.","type":"registry:component","source_url":"https://hairlineui.com/r/multi-select.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/multi-select.json"},{"name":"date-picker","title":"Date picker","description":"One date, typed or picked: the field reads \"tomorrow\", \"next fri\" or \"4 nov\", and the calendar slides by month while one mark glides between days.","type":"registry:component","source_url":"https://hairlineui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/date-picker.json"},{"name":"checkbox","title":"Checkbox","description":"A real checkbox whose fill grows from the centre and whose tick draws itself, with a mixed state that bends into the tick.","type":"registry:component","source_url":"https://hairlineui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/checkbox.json"},{"name":"radio-group","title":"Radio group","description":"One choice from a few: the dot pops into the new circle, or, as cards, one selection frame glides from card to card.","type":"registry:component","source_url":"https://hairlineui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/radio-group.json"},{"name":"switch","title":"Switch","description":"A switch with weight: the thumb stretches on press, is thrown across with a slight overshoot, and spins while an async save settles.","type":"registry:component","source_url":"https://hairlineui.com/r/switch.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/switch.json"},{"name":"slider","title":"Slider","description":"One value or a range: a press throws the nearest thumb there, a drag tracks the finger, and the value rises out of the thumb.","type":"registry:component","source_url":"https://hairlineui.com/r/slider.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/slider.json"},{"name":"segmented-control","title":"Segmented control","description":"One of a few options side by side: the thumb is thrown to the new segment while its width eases to the new label.","type":"registry:component","source_url":"https://hairlineui.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/segmented-control.json"},{"name":"tooltip","title":"Tooltip","description":"A name and shortcut for an icon. The first one waits; after that they glide from trigger to trigger like one label travelling along the toolbar.","type":"registry:component","source_url":"https://hairlineui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/tooltip.json"},{"name":"popover","title":"Popover","description":"A small panel that belongs to a button: it rises off the trigger from the nearest point, flips to fit, and hands focus to what is inside.","type":"registry:component","source_url":"https://hairlineui.com/r/popover.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/popover.json"},{"name":"hover-card","title":"Hover card","description":"A preview of what a link points to: it rises off the link after a rest, stays open while you move onto it, and closes after a short grace.","type":"registry:component","source_url":"https://hairlineui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/hover-card.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"Actions behind a button: the menu rises off the trigger, one highlight glides between rows, and checkbox rows draw their tick in place.","type":"registry:component","source_url":"https://hairlineui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/dropdown-menu.json"},{"name":"context-menu","title":"Context menu","description":"Actions where you right-click: the menu grows from the exact point, a long press opens it on touch, and Shift+F10 from the keyboard.","type":"registry:component","source_url":"https://hairlineui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A decision that needs the whole screen: the page fades back under a veil of its own colour and the panel rises out of a blur.","type":"registry:component","source_url":"https://hairlineui.com/r/dialog.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/dialog.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from an edge and can be thrown back: drag it toward its edge and release speed decides whether it closes.","type":"registry:component","source_url":"https://hairlineui.com/r/sheet.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/sheet.json"},{"name":"badge","title":"Badge","description":"A status, a tag or a count: statuses ease their colour and morph their word, live dots breathe, counts roll and fold away at zero.","type":"registry:component","source_url":"https://hairlineui.com/r/badge.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/badge.json"},{"name":"avatar","title":"Avatar","description":"A face, or initials until there is one: the photo rises out of a blur once it has loaded, and a stack of avatars fans open when you point at it.","type":"registry:component","source_url":"https://hairlineui.com/r/avatar.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/avatar.json"},{"name":"spinner","title":"Spinner","description":"Something is happening: a ring with one sweeping arc, three rising dots, or eight petals fading round, in currentColor.","type":"registry:component","source_url":"https://hairlineui.com/r/spinner.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/spinner.json"},{"name":"progress","title":"Progress","description":"How far along, as a bar or a ring: the fill eases to each value, the percent rolls, and at 100 it turns green and a check draws itself.","type":"registry:component","source_url":"https://hairlineui.com/r/progress.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"The shape of what's coming, with one soft band of light sweeping across, and a swap that hands over to the real content without a pop.","type":"registry:component","source_url":"https://hairlineui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/skeleton.json"},{"name":"empty-state","title":"Empty state","description":"What a list says before there is anything in it: an isometric line drawing in your theme that draws itself, changes with the state and acts out the action.","type":"registry:component","source_url":"https://hairlineui.com/r/empty-state.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/empty-state.json"},{"name":"alert","title":"Alert","description":"A message that sits in the page: its tint, line and icon ease when the tone changes, and dismissing folds it away so the content below slides up.","type":"registry:component","source_url":"https://hairlineui.com/r/alert.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/alert.json"},{"name":"kbd","title":"Kbd","description":"A keyboard shortcut written for the reader's keyboard (⌘ on a Mac, Ctrl elsewhere) whose keys sink when you press them for real.","type":"registry:component","source_url":"https://hairlineui.com/r/kbd.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/kbd.json"},{"name":"tabs","title":"Tabs","description":"Views of one thing: the underline or pill is thrown to the new tab, the panel slides in from the side you moved toward, and counts roll.","type":"registry:component","source_url":"https://hairlineui.com/r/tabs.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Sections that open in place: the height eases open, the content rises out of a blur a beat later, and opening one folds the other at the same time.","type":"registry:component","source_url":"https://hairlineui.com/r/accordion.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"\"Show 4 more\" that opens in place: the hidden part eases open through a blur while the button's words morph to \"Show less\".","type":"registry:component","source_url":"https://hairlineui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/collapsible.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Where you are and the way back: a long trail folds its middle into \"…\", which opens the hidden crumbs in place one after another.","type":"registry:component","source_url":"https://hairlineui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Pages of a long list: the current-page mark is thrown to the new number, and in a narrow container it becomes \"3 of 12\" with a number that rolls.","type":"registry:component","source_url":"https://hairlineui.com/r/pagination.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/pagination.json"},{"name":"toggle-group","title":"Toggle group","description":"On/off choices side by side whose fills merge: two pressed toggles next to each other square off their inner corners and read as one shape.","type":"registry:component","source_url":"https://hairlineui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/toggle-group.json"},{"name":"steps","title":"Steps","description":"Where you are in a flow: the line to the next step fills along its length, the finished number blurs into a drawn check, and phones get \"Step 2 of 4\".","type":"registry:component","source_url":"https://hairlineui.com/r/steps.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/steps.json"},{"name":"text-morph","title":"Text morph","description":"Text that changes the way it should: shared letters slide over, new ones rise out of a blur, the width eases.","type":"registry:component","source_url":"https://hairlineui.com/r/text-morph.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/text-morph.json"},{"name":"status-button","title":"Status button","description":"Save, Saving, Saved: the spinner opens in, the check draws itself, errors shake, and the label morphs between them.","type":"registry:component","source_url":"https://hairlineui.com/r/status-button.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/status-button.json"},{"name":"number-roll","title":"Number roll","description":"Numbers that change like an odometer: every digit rolls in the direction the number moved.","type":"registry:component","source_url":"https://hairlineui.com/r/number-roll.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/number-roll.json"},{"name":"pricing-toggle","title":"Pricing toggle","description":"Monthly or yearly: the thumb slides with a little give, and every price on the page rolls to its new amount.","type":"registry:component","source_url":"https://hairlineui.com/r/pricing-toggle.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/pricing-toggle.json"},{"name":"waitlist-field","title":"Waitlist field","description":"An email field that becomes its own answer: the button stretches across it, then settles as \"You’re on the list · #1,248\".","type":"registry:component","source_url":"https://hairlineui.com/r/waitlist-field.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/waitlist-field.json"},{"name":"code-input","title":"Code input","description":"The six boxes, done properly: digits rise in, a paste cascades, a wrong code shakes and clears, the right one becomes a pill with a check.","type":"registry:component","source_url":"https://hairlineui.com/r/code-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/code-input.json"},{"name":"steps-form","title":"Steps form","description":"A multi-step form in one card that changes shape: steps slide in from the way you’re going, checks shake and explain, and Create turns into what comes next.","type":"registry:component","source_url":"https://hairlineui.com/r/steps-form.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/steps-form.json"},{"name":"date-range-picker","title":"Date range picker","description":"A range is one liquid band: it follows your pointer between days, presets flow it to their span, and the dates morph as it moves.","type":"registry:component","source_url":"https://hairlineui.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/date-range-picker.json"},{"name":"morphing-nav","title":"Morphing nav","description":"One dropdown that follows you along the menu, gliding and resizing to each item’s content.","type":"registry:component","source_url":"https://hairlineui.com/r/morphing-nav.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/morphing-nav.json"},{"name":"feature-tabs","title":"Feature tabs","description":"One panel, many features: the line slides between tabs, fills as autoplay runs, and the panel eases to each.","type":"registry:component","source_url":"https://hairlineui.com/r/feature-tabs.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/feature-tabs.json"},{"name":"scroll-story","title":"Scroll story","description":"A how-it-works section that tells itself as you scroll: steps light up at the middle, a rail fills, and one card reshapes into each step’s picture.","type":"registry:component","source_url":"https://hairlineui.com/r/scroll-story.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/scroll-story.json"},{"name":"stats-band","title":"Stats band","description":"Numbers that arrive when you do: hairlines draw themselves, then each figure rolls up from zero in turn.","type":"registry:component","source_url":"https://hairlineui.com/r/stats-band.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/stats-band.json"},{"name":"announcement-pill","title":"Announcement pill","description":"\"New: …\" above your headline that opens into the news: the pill itself grows into a changelog card.","type":"registry:component","source_url":"https://hairlineui.com/r/announcement-pill.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/announcement-pill.json"},{"name":"testimonials","title":"Testimonials","description":"One quote, chosen by its people: faces step forward, the words cross-fade through a blur, a ring keeps time.","type":"registry:component","source_url":"https://hairlineui.com/r/testimonials.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/testimonials.json"},{"name":"faq-accordion","title":"FAQ accordion","description":"Questions on hairlines that open like they mean it: the answer eases to its height, the plus folds into a minus.","type":"registry:component","source_url":"https://hairlineui.com/r/faq-accordion.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/faq-accordion.json"},{"name":"logo-marquee","title":"Logo marquee","description":"A quiet strip of logos that notices you: it eases to a stop on hover and the logo you point at stays bright.","type":"registry:component","source_url":"https://hairlineui.com/r/logo-marquee.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/logo-marquee.json"},{"name":"expanding-gallery","title":"Expanding gallery","description":"An image opens from its exact place in the grid, becomes a spacious viewer, and finds its way back.","type":"registry:component","source_url":"https://hairlineui.com/r/expanding-gallery.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/expanding-gallery.json"},{"name":"card-deck","title":"Card deck","description":"A tactile stack that fans out, follows your hand, and deals the next card with a measured flick.","type":"registry:component","source_url":"https://hairlineui.com/r/card-deck.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/card-deck.json"},{"name":"workflow-canvas","title":"Workflow canvas","description":"Connected steps you can move, inspect and follow as work flows through them.","type":"registry:component","source_url":"https://hairlineui.com/r/workflow-canvas.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/workflow-canvas.json"},{"name":"image-compare","title":"Image compare","description":"Two images, one precise divide. Drag to reveal what changed, then let the handle settle.","type":"registry:component","source_url":"https://hairlineui.com/r/image-compare.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/image-compare.json"},{"name":"magnifying-dock","title":"Magnifying dock","description":"A dock that makes room for the tool you reach for, then opens it in place.","type":"registry:component","source_url":"https://hairlineui.com/r/magnifying-dock.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/magnifying-dock.json"},{"name":"hold-to-confirm","title":"Hold to confirm","description":"A deliberate action, held for a moment: the ring fills, the label changes, and confirmation settles into a check.","type":"registry:component","source_url":"https://hairlineui.com/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/hold-to-confirm.json"},{"name":"swipe-actions","title":"Swipe actions","description":"A list row that slides over its actions: cells grow with your finger, a full swipe runs the first one, and the row folds away.","type":"registry:component","source_url":"https://hairlineui.com/r/swipe-actions.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/swipe-actions.json"},{"name":"drop-zone","title":"Drop zone","description":"A considered file uploader. Clear actions, quiet progress and useful feedback.","type":"registry:component","source_url":"https://hairlineui.com/r/drop-zone.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/drop-zone.json"},{"name":"drop-zone-membrane","title":"Drop zone · Membrane","description":"A drop zone whose border is a membrane: it reaches for the file, holds it, swallows it and passes it through to its row.","type":"registry:component","source_url":"https://hairlineui.com/r/drop-zone-membrane.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/drop-zone-membrane.json"},{"name":"wheel-picker","title":"Wheel picker","description":"Drums you can fling: each column is a real cylinder that decays onto a row, with a lens in full colour over the middle.","type":"registry:component","source_url":"https://hairlineui.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/wheel-picker.json"},{"name":"morphing-chart","title":"Morphing chart","description":"Bars, line and area as one set of marks: bars condense into beads, a thread is strung through them, the fill pours down. Drag the switch to scrub it.","type":"registry:component","source_url":"https://hairlineui.com/r/morphing-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/morphing-chart.json"},{"name":"range-ruler","title":"Range ruler","description":"Two hairline needles across a graduated scale. Thumbs glide without layout thrash and repel each other on contact.","type":"registry:component","source_url":"https://hairlineui.com/r/range-ruler.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/range-ruler.json"},{"name":"ratio-balancer","title":"Ratio balancer","description":"A multi-segment allocation track. Drag dividers to rebalance constrained percentages with zero initial jump.","type":"registry:component","source_url":"https://hairlineui.com/r/ratio-balancer.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/ratio-balancer.json"},{"name":"split-pane","title":"Split pane","description":"A desktop-grade resizable dual panel. Zero-lag drag, rubber-band spring limits, and double-click preset snapping.","type":"registry:component","source_url":"https://hairlineui.com/r/split-pane.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/split-pane.json"},{"name":"tag-input","title":"Tag input","description":"The invite field, done properly: typed letters grow a chip round themselves, pasted lists spill out of the caret, and a duplicate flies into its twin.","type":"registry:component","source_url":"https://hairlineui.com/r/tag-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/tag-input.json"},{"name":"avatar-cropper","title":"Avatar cropper","description":"The profile photo field without a modal: the avatar itself grows into the crop, and shrinks back with the face you framed.","type":"registry:component","source_url":"https://hairlineui.com/r/avatar-cropper.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/avatar-cropper.json"},{"name":"week-calendar","title":"Week calendar","description":"A scheduling week you hold in the hand: drag a slot into an event while its times roll, and anything it lands on eases aside.","type":"registry:component","source_url":"https://hairlineui.com/r/week-calendar.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/week-calendar.json"},{"name":"inline-edit","title":"Inline edit","description":"Rename a title, a project or a row where it stands: the text becomes the field without moving a pixel, and saves itself.","type":"registry:component","source_url":"https://hairlineui.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/inline-edit.json"},{"name":"combobox","title":"Combobox","description":"Pick one or several from a list your server searches: results morph between queries instead of flashing, and picks fly into chips.","type":"registry:component","source_url":"https://hairlineui.com/r/combobox.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/combobox.json"},{"name":"cron-input","title":"Cron input","description":"A schedule field people can read: cron or plain English in, the meaning in words and the next runs out, with clock changes flagged.","type":"registry:component","source_url":"https://hairlineui.com/r/cron-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/cron-input.json"},{"name":"time-range-picker","title":"Time range picker","description":"\"Last 15 minutes\" for logs, metrics and traces: type 2h or yesterday 14:00–16:00, step by the window, pause live, or drag across a chart to zoom.","type":"registry:component","source_url":"https://hairlineui.com/r/time-range-picker.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/time-range-picker.json"},{"name":"json-inspector","title":"JSON inspector","description":"Read, search and quote a webhook payload or an API response, or see exactly what changed between two versions of a record.","type":"registry:component","source_url":"https://hairlineui.com/r/json-inspector.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/json-inspector.json"},{"name":"stepper-input","title":"Stepper input","description":"A tactile incrementer: tap to step, hold to accelerate, bounds give an elastic bumper shake, and digits roll in place.","type":"registry:component","source_url":"https://hairlineui.com/r/stepper-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/stepper-input.json"},{"name":"sparkline","title":"Sparkline","description":"An ultra-compact inline trendline with magnetic scrubber and auto-trend color for table cells and stat cards.","type":"registry:component","source_url":"https://hairlineui.com/r/sparkline.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/sparkline.json"},{"name":"privacy-mask","title":"Privacy mask","description":"A frosted optical unmasker for sensitive keys, salaries and tokens, with auto-hide timeout and one-tap copy.","type":"registry:component","source_url":"https://hairlineui.com/r/privacy-mask.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/privacy-mask.json"},{"name":"data-table","title":"Data table","description":"A table whose rows travel: sort and every row glides to its rank, live data re-ranks itself, and selection turns the toolbar into its actions.","type":"registry:component","source_url":"https://hairlineui.com/r/data-table.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/data-table.json"},{"name":"kanban-board","title":"Kanban board","description":"A pipeline you rearrange by hand: the card becomes the stage it's over while still in the air, and every column's total rolls as it passes.","type":"registry:component","source_url":"https://hairlineui.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/kanban-board.json"},{"name":"filter-bar","title":"Filter bar","description":"The bar above a list, done like Linear’s: one panel from property to value, chips you change in place, and a sentence that becomes filters.","type":"registry:component","source_url":"https://hairlineui.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/filter-bar.json"},{"name":"tree-view","title":"Tree view","description":"The sidebar of pages, folders or files: carry a row up, down and sideways to nest it, and folders open as you hold them.","type":"registry:component","source_url":"https://hairlineui.com/r/tree-view.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/tree-view.json"},{"name":"doc-comments","title":"Doc comments","description":"Review threads beside the text they quote: the one you choose lines up with its line, and the rest make way.","type":"registry:component","source_url":"https://hairlineui.com/r/doc-comments.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/doc-comments.json"},{"name":"api-keys","title":"API keys","description":"The API keys screen, done properly: the secret rises in once, and Done folds it down into the \"sk_live_••••4f2a\" it leaves behind.","type":"registry:component","source_url":"https://hairlineui.com/r/api-keys.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/api-keys.json"},{"name":"team-members","title":"Team members","description":"Settings → Members, done properly: invited addresses fly out of the field onto their rows, role pills grow into the list of roles, and seats roll.","type":"registry:component","source_url":"https://hairlineui.com/r/team-members.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/team-members.json"},{"name":"settings-form","title":"Settings form","description":"A settings page that saves the way people expect: switches save themselves, text edits gather into one bar that rises with \"2 unsaved changes\".","type":"registry:component","source_url":"https://hairlineui.com/r/settings-form.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/settings-form.json"},{"name":"auth-card","title":"Auth card","description":"Sign-in that asks one thing at a time: the email field shrinks into a chip round the address, and your server decides whether a password, a code or a link come…","type":"registry:component","source_url":"https://hairlineui.com/r/auth-card.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/auth-card.json"},{"name":"webhooks","title":"Webhooks","description":"Settings → Webhooks, done properly: \"Send test\" runs a bead down the wire to the endpoint and back in the answer's colour, and every delivery opens into its re…","type":"registry:component","source_url":"https://hairlineui.com/r/webhooks.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/webhooks.json"},{"name":"domain-connect","title":"Domain connect","description":"A custom domain from typed to live: copyable records that tick green as DNS finds them, checks that wait longer each time, and a rail that runs to Live.","type":"registry:component","source_url":"https://hairlineui.com/r/domain-connect.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/domain-connect.json"},{"name":"log-stream","title":"Log stream","description":"A live tail you can actually read: scroll up and it lets go while a \"↓ 128 new\" pill counts what arrives, with pause, level counts, search and lines that open …","type":"registry:component","source_url":"https://hairlineui.com/r/log-stream.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/log-stream.json"},{"name":"csv-import","title":"CSV import","description":"Contacts → Import, done properly: your file's columns thread themselves to your fields, bad cells become fields you fix in place, and the rows go to your serve…","type":"registry:component","source_url":"https://hairlineui.com/r/csv-import.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/csv-import.json"},{"name":"notification-inbox","title":"Notification inbox","description":"The bell, done properly: its own circle grows into the inbox, new notifications swing it and roll the count, and read ones fold out of Unread.","type":"registry:component","source_url":"https://hairlineui.com/r/notification-inbox.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/notification-inbox.json"},{"name":"integrations","title":"Integrations","description":"Settings → Integrations, done properly: Connect waits on the provider's own window, then folds away as the account it connected opens in its place.","type":"registry:component","source_url":"https://hairlineui.com/r/integrations.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/integrations.json"},{"name":"status-bars","title":"Status bars","description":"A status page that reads at a glance: ninety days a service drawn up bar by bar, one card that glides between them, and incidents whose updates open in as they…","type":"registry:component","source_url":"https://hairlineui.com/r/status-bars.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/status-bars.json"},{"name":"command-palette","title":"Command palette","description":"⌘K that grows out of the search pill: fuzzy search, nested lists, and commands that run in place.","type":"registry:component","source_url":"https://hairlineui.com/r/command-palette.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/command-palette.json"},{"name":"toast-stack","title":"Toast stack","description":"Notifications that stack, fan out on hover, follow a promise in one toast, and swipe away.","type":"registry:component","source_url":"https://hairlineui.com/r/toast-stack.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/toast-stack.json"},{"name":"live-activity","title":"Live activity","description":"One pill for whatever is happening now: it updates in place, tap it and it grows into a panel, done blurs into a check.","type":"registry:component","source_url":"https://hairlineui.com/r/live-activity.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/live-activity.json"},{"name":"live-cursors","title":"Live cursors","description":"Other people’s cursors gliding over the same page: names that turn into speech bubbles, click ripples, and selections that follow them around.","type":"registry:component","source_url":"https://hairlineui.com/r/live-cursors.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/live-cursors.json"},{"name":"live-map","title":"Live map","description":"The world as dots, lighting up where things happen: pings ripple, the light lingers, and one card follows the newest event from city to city.","type":"registry:component","source_url":"https://hairlineui.com/r/live-map.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/live-map.json"},{"name":"theme-toggle","title":"Theme toggle","description":"The sun sets into a moon, and the new theme spreads from the button in a circle.","type":"registry:component","source_url":"https://hairlineui.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/theme-toggle.json"},{"name":"pricing-calculator","title":"Pricing calculator","description":"Drag to your size and watch the price roll, the plan morph and, at the top, “Let’s talk”.","type":"registry:component","source_url":"https://hairlineui.com/r/pricing-calculator.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/pricing-calculator.json"},{"name":"comparison-table","title":"Comparison table","description":"Plans side by side, with a column that glides to the plan under your pointer and prices that roll.","type":"registry:component","source_url":"https://hairlineui.com/r/comparison-table.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/comparison-table.json"},{"name":"onboarding-checklist","title":"Onboarding checklist","description":"The first five things, ticked off in place: a ring that fills, checks that draw, and a finish worth seeing.","type":"registry:component","source_url":"https://hairlineui.com/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/onboarding-checklist.json"},{"name":"sortable-list","title":"Sortable list","description":"Drag to reorder and everything moves: rows slide out of the way, the dropped one settles, every rank rolls, and presets re-sort the lot.","type":"registry:component","source_url":"https://hairlineui.com/r/sortable-list.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/sortable-list.json"},{"name":"changelog-timeline","title":"Changelog timeline","description":"What shipped, drawn as you read: a rail that fills, dots that light, filters that fold the rest away.","type":"registry:component","source_url":"https://hairlineui.com/r/changelog-timeline.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/changelog-timeline.json"},{"name":"changelog-trace","title":"Changelog trace","description":"What shipped, routed like a circuit: the line steps aside between releases, and a bead runs down it as you read.","type":"registry:component","source_url":"https://hairlineui.com/r/changelog-trace.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/changelog-trace.json"},{"name":"changelog-scrubber","title":"Changelog scrubber","description":"Your release history on a ruler you scrub: drag the playhead, or press play and watch the product ship.","type":"registry:component","source_url":"https://hairlineui.com/r/changelog-scrubber.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/changelog-scrubber.json"},{"name":"cookie-banner","title":"Cookie banner","description":"Asks once, plainly, then folds into a small cookie button in the corner that grows back into the preferences.","type":"registry:component","source_url":"https://hairlineui.com/r/cookie-banner.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/cookie-banner.json"},{"name":"newsletter-footer","title":"Newsletter footer","description":"A footer that’s still alive: a signup that becomes its own confirmation, drawn link underlines and your name in outline.","type":"registry:component","source_url":"https://hairlineui.com/r/newsletter-footer.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/newsletter-footer.json"},{"name":"prompt-composer","title":"Prompt composer","description":"The input that starts it all: grows as you type, takes files, and turns Send into Stop while answering.","type":"registry:component","source_url":"https://hairlineui.com/r/prompt-composer.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/prompt-composer.json"},{"name":"agent-composer","title":"Agent composer","description":"The taller composer for agent surfaces: branch, folder and context on a tab above, permissions and model as pills that grow into their lists.","type":"registry:component","source_url":"https://hairlineui.com/r/agent-composer.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/agent-composer.json"},{"name":"mention-menu","title":"Mentions and commands","description":"Type @ to pull in context or / for a command. The menu grows from the caret and your text becomes a chip.","type":"registry:component","source_url":"https://hairlineui.com/r/mention-menu.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/mention-menu.json"},{"name":"attachment-chip","title":"Attachment chip","description":"A file on its way into a prompt: uploading, being read, ready or failed.","type":"registry:component","source_url":"https://hairlineui.com/r/attachment-chip.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/attachment-chip.json"},{"name":"mode-switcher","title":"Mode switcher","description":"Fast, Thinking, Research: a segmented switch with a sliding pill and locked paid modes.","type":"registry:component","source_url":"https://hairlineui.com/r/mode-switcher.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/mode-switcher.json"},{"name":"model-picker","title":"Model picker","description":"The model pill in your composer grows into the menu: what each model is for, speed, smarts and thinking effort.","type":"registry:component","source_url":"https://hairlineui.com/r/model-picker.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/model-picker.json"},{"name":"voice-input","title":"Voice input","description":"Dictate a prompt: a waveform from your real mic level, a timer, then transcribing.","type":"registry:component","source_url":"https://hairlineui.com/r/voice-input.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/voice-input.json"},{"name":"voice-note","title":"Voice note","description":"A voice message you can scrub and read along with: the waveform fills, the time rolls, and the transcript highlights each word as it’s said.","type":"registry:component","source_url":"https://hairlineui.com/r/voice-note.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/voice-note.json"},{"name":"thinking-indicator","title":"Thinking indicator","description":"Four quiet loaders for the gap before the first token, with a label, a rolling timer and a finish that draws itself.","type":"registry:component","source_url":"https://hairlineui.com/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/thinking-indicator.json"},{"name":"thinking-trace","title":"Thinking trace","description":"An expandable record of what an agent did: steps, reasoning, search or tool calls.","type":"registry:component","source_url":"https://hairlineui.com/r/thinking-trace.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/thinking-trace.json"},{"name":"tool-call","title":"Tool call","description":"One tool invocation from arguments to result: preparing, running, done, failed or denied.","type":"registry:component","source_url":"https://hairlineui.com/r/tool-call.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/tool-call.json"},{"name":"clarifying-question","title":"Clarifying question","description":"The agent pauses to ask. Pick with a click or a number key, or type your own; it folds into a one-line receipt.","type":"registry:component","source_url":"https://hairlineui.com/r/clarifying-question.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/clarifying-question.json"},{"name":"approval-card","title":"Approval card","description":"The agent asks before it acts: what it wants to do, the details, Approve or Deny.","type":"registry:component","source_url":"https://hairlineui.com/r/approval-card.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/approval-card.json"},{"name":"plan","title":"Plan","description":"An agent’s checklist that ticks itself off: pending, in progress, done, skipped or failed.","type":"registry:component","source_url":"https://hairlineui.com/r/plan.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/plan.json"},{"name":"web-research","title":"Web research","description":"Watch the agent search: the query types in, page icons stack up as it reads, then it folds into a trail of searches and the pages each one found.","type":"registry:component","source_url":"https://hairlineui.com/r/web-research.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/web-research.json"},{"name":"command-output","title":"Command output","description":"A command the agent runs: the log streams in, folds away on success, and stays open on failure.","type":"registry:component","source_url":"https://hairlineui.com/r/command-output.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/command-output.json"},{"name":"task-progress","title":"Task progress","description":"For work that takes minutes: phases, a live timer, stats, cancel, and the result when it’s done.","type":"registry:component","source_url":"https://hairlineui.com/r/task-progress.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/task-progress.json"},{"name":"task-log","title":"Task log","description":"What the agent did, task by task, as it does it: steps arrive on a hairline trail, files sit in chips, titles turn past tense.","type":"registry:component","source_url":"https://hairlineui.com/r/task-log.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/task-log.json"},{"name":"streaming-answer","title":"Streaming answer","description":"An answer as it arrives, with inline citations, actions, sources and follow-ups.","type":"registry:component","source_url":"https://hairlineui.com/r/streaming-answer.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/streaming-answer.json"},{"name":"code-block","title":"Code block","description":"Code in an answer: highlighted as it streams, copy and wrap, long files folded, and an optional Apply.","type":"registry:component","source_url":"https://hairlineui.com/r/code-block.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/code-block.json"},{"name":"citation","title":"Citation","description":"An inline numbered source that previews the site, title and snippet on hover or focus.","type":"registry:component","source_url":"https://hairlineui.com/r/citation.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/citation.json"},{"name":"response-versions","title":"Response versions","description":"Step between regenerated answers with \"2 / 3\", and regenerate without losing the old ones.","type":"registry:component","source_url":"https://hairlineui.com/r/response-versions.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/response-versions.json"},{"name":"selection-actions","title":"Selection actions","description":"Select text and a pill appears under it. Pick an action or describe an edit, and the rewrite streams in place.","type":"registry:component","source_url":"https://hairlineui.com/r/selection-actions.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/selection-actions.json"},{"name":"inline-rewrite","title":"Inline rewrite","description":"Drag a dial and the paragraph rewrites itself in place: shared words glide, the rest blur out and rise in.","type":"registry:component","source_url":"https://hairlineui.com/r/inline-rewrite.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/inline-rewrite.json"},{"name":"diff-review","title":"Diff review","description":"Accept or reject what the AI changed, word by word for prose or line by line for code.","type":"registry:component","source_url":"https://hairlineui.com/r/diff-review.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/diff-review.json"},{"name":"action-receipt","title":"Action receipts","description":"What the agent actually did, one quiet line each, with Undo while a ring drains. Several stack into one.","type":"registry:component","source_url":"https://hairlineui.com/r/action-receipt.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/action-receipt.json"},{"name":"chat-notice","title":"Error and limit states","description":"Calm, specific notices for failed answers, being offline, rate limits and chats that grow too long.","type":"registry:component","source_url":"https://hairlineui.com/r/chat-notice.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/chat-notice.json"},{"name":"usage-meter","title":"Usage meter","description":"Credits, messages or context left: quiet when there’s plenty, clear before it runs out.","type":"registry:component","source_url":"https://hairlineui.com/r/usage-meter.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/usage-meter.json"},{"name":"usage-limits","title":"Usage limits","description":"What an agent has left: the context window split by what fills it, and each plan limit with its share and a live reset countdown.","type":"registry:component","source_url":"https://hairlineui.com/r/usage-limits.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/usage-limits.json"},{"name":"chat-scroll","title":"Jump to latest","description":"A chat that follows the answer as it streams, lets go the moment you scroll up, and brings you back.","type":"registry:component","source_url":"https://hairlineui.com/r/chat-scroll.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/chat-scroll.json"},{"name":"message-edit","title":"Edit and resend","description":"Fix a sent message where it sits. The bubble grows into an editor, then folds back and branches the reply.","type":"registry:component","source_url":"https://hairlineui.com/r/message-edit.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/message-edit.json"},{"name":"chat-history","title":"Chat history","description":"Past chats grouped by day, searchable, with titles that write themselves, rename in place and delete with Undo.","type":"registry:component","source_url":"https://hairlineui.com/r/chat-history.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/chat-history.json"},{"name":"earnings-chart","title":"Earnings chart","description":"A bar chart that changes instead of redrawing: bars glide between periods, the scale and the total roll, a readout follows the pointer.","type":"registry:component","source_url":"https://hairlineui.com/r/earnings-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/earnings-chart.json"},{"name":"steps-chart","title":"Steps chart","description":"A week against a daily goal: days that make it fill in, a wave runs the way you step through the weeks, the totals roll.","type":"registry:component","source_url":"https://hairlineui.com/r/steps-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/steps-chart.json"},{"name":"revenue-chart","title":"Revenue chart","description":"This year as an area, last year behind it; point at a month and the header becomes the readout, switch the measure and the lines reshape.","type":"registry:component","source_url":"https://hairlineui.com/r/revenue-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/revenue-chart.json"},{"name":"area-chart","title":"Area chart","description":"Several series stacked, overlapping or as shares: every band morphs between layouts, and the tiles are the legend, the switches and the readout.","type":"registry:component","source_url":"https://hairlineui.com/r/area-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/area-chart.json"},{"name":"trend-chart","title":"Trend chart","description":"One metric over time, the way an analytics screen needs it: the period before as a dashed line, an unfinished day drawn dashed, a readout that glides with the …","type":"registry:component","source_url":"https://hairlineui.com/r/trend-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/trend-chart.json"},{"name":"combo-chart","title":"Combo chart","description":"Every day as a bar and the trend as a line on one scale: point at a day and the header becomes its readout while the line’s dot pings where it lands.","type":"registry:component","source_url":"https://hairlineui.com/r/combo-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/combo-chart.json"},{"name":"stage-bars","title":"Stage bars","description":"A funnel you can read at a glance: every stage as a bar against the first, the drop-off between them, and widths that ease when the period changes.","type":"registry:component","source_url":"https://hairlineui.com/r/stage-bars.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/stage-bars.json"},{"name":"activity-rings","title":"Activity rings","description":"Three daily goals as concentric rings beside a tight legend, with the week underneath: pick a day and the rings sweep to it.","type":"registry:component","source_url":"https://hairlineui.com/r/activity-rings.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/activity-rings.json"},{"name":"donut-chart","title":"Donut chart","description":"Parts of a whole as a ring or a half-ring gauge: point at a slice and the centre rolls to it, hide one and the rest slide round.","type":"registry:component","source_url":"https://hairlineui.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/donut-chart.json"},{"name":"activity-heatmap","title":"Activity heatmap","description":"Every day as a square, weeks across: one readout glides to the day you point at, and new numbers ripple through week by week.","type":"registry:component","source_url":"https://hairlineui.com/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/activity-heatmap.json"},{"name":"live-line-chart","title":"Live line chart","description":"One metric as it happens: each point slides in at an even pace, the scale eases, and a Live pill pauses the view.","type":"registry:component","source_url":"https://hairlineui.com/r/live-line-chart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/live-line-chart.json"},{"name":"agent-playback","title":"Agent playback","description":"Your AI product working, hands-off and on a loop: the hero demo built from the real components.","type":"registry:component","source_url":"https://hairlineui.com/r/agent-playback.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/agent-playback.json"},{"name":"wallet","title":"Wallet","description":"A balance you can send from: the balance panel turns into the transfer, the button goes Sending → Sent, and the money visibly leaves.","type":"registry:block","source_url":"https://hairlineui.com/r/wallet.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/wallet.json"},{"name":"pricing-plans","title":"Pricing plans","description":"Plans that turn into their own checkout: pick one and its card becomes the order, seats and totals rolling, then Continue opens your checkout.","type":"registry:block","source_url":"https://hairlineui.com/r/pricing-plans.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/pricing-plans.json"},{"name":"booking","title":"Booking","description":"Book a call on one card: the time you pick prints onto the host’s ticket, then the times turn into your details and the confirmation.","type":"registry:block","source_url":"https://hairlineui.com/r/booking.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/booking.json"},{"name":"cart","title":"Cart","description":"A cart whose receipt does the maths in front of you: codes are stamped on, a rail of light fills toward free shipping and every total rolls.","type":"registry:block","source_url":"https://hairlineui.com/r/cart.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/cart.json"},{"name":"referral","title":"Referral","description":"A referral pass that fills as friends join: their faces fly up into its notches, and the last one turns the track into Claim.","type":"registry:block","source_url":"https://hairlineui.com/r/referral.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/referral.json"},{"name":"feedback","title":"Feedback","description":"A score that changes the question: pick 0–10 or stars, the score rolls into the panel, and the follow-up and its tags fit what you picked.","type":"registry:block","source_url":"https://hairlineui.com/r/feedback.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/feedback.json"},{"name":"buy-box","title":"Buy box","description":"A product buy box whose swatches repaint the product: pick a colour and size, and Add to bag throws the product into the bag.","type":"registry:block","source_url":"https://hairlineui.com/r/buy-box.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/buy-box.json"},{"name":"checkout","title":"Checkout","description":"A one-page checkout whose steps stack into a receipt: contact, address, delivery and your payment element, then Place order turns into the order number.","type":"registry:block","source_url":"https://hairlineui.com/r/checkout.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/checkout.json"},{"name":"order-status","title":"Order status","description":"An order’s route with a parcel riding it: stops light as it passes, the arrival day rolls, and the carrier’s scans slide in.","type":"registry:block","source_url":"https://hairlineui.com/r/order-status.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/order-status.json"},{"name":"subscription","title":"Subscription","description":"A billing page in one card: the plan with a ring through its billing period, usage, card and invoices, and a cancel that offers a pause first.","type":"registry:block","source_url":"https://hairlineui.com/r/subscription.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/subscription.json"},{"name":"file-share","title":"File share","description":"Drop files, watch them upload, and they fold into one share link with an expiry and an optional password.","type":"registry:block","source_url":"https://hairlineui.com/r/file-share.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/file-share.json"},{"name":"poll","title":"Poll","description":"A poll whose bars race to their share: vote, and every option fills with light while the percentages roll and live votes keep nudging them.","type":"registry:block","source_url":"https://hairlineui.com/r/poll.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/poll.json"},{"name":"cookie-consent","title":"Cookie consent","description":"A cookie banner with a mascot: every cookie you allow flies to Crumb, who catches it, nibbles it and gets rounder and happier.","type":"registry:block","source_url":"https://hairlineui.com/r/cookie-consent.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/cookie-consent.json"},{"name":"create-password","title":"Create password","description":"A password step with a chameleon: the stronger the password, the better Hide blends in, until only his eye is left.","type":"registry:block","source_url":"https://hairlineui.com/r/create-password.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/create-password.json"},{"name":"verify-code","title":"Verify code","description":"A one-time code step with a carrier pigeon: Coo naps through the resend wait with the seconds in a thought bubble, and flies every new code to your mailbox.","type":"registry:block","source_url":"https://hairlineui.com/r/verify-code.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/verify-code.json"},{"name":"delete-workspace","title":"Delete workspace","description":"A danger-zone delete with a ghost: as you type the name, Boo climbs out of the workspace’s tile, and holding Delete waves him off the stage.","type":"registry:block","source_url":"https://hairlineui.com/r/delete-workspace.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/delete-workspace.json"},{"name":"terms","title":"Terms","description":"A terms-of-service step with an owl who reads along: Skim sums up each section in one plain line, gets dizzy if you scroll too fast, and gives a thumbs up at t…","type":"registry:block","source_url":"https://hairlineui.com/r/terms.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/terms.json"},{"name":"not-found","title":"Not found","description":"A 404 with a search and a puppy: Fetch sniffs as you type, sprints off to fetch the results and comes back with a newspaper, or a stick.","type":"registry:block","source_url":"https://hairlineui.com/r/not-found.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/not-found.json"},{"name":"waitlist","title":"Waitlist","description":"A waitlist that is an actual line: you step in at the end with your number over your head, and every friend who joins lets you hop past the person ahead.","type":"registry:block","source_url":"https://hairlineui.com/r/waitlist.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/waitlist.json"},{"name":"storage","title":"Storage","description":"A storage meter with a raccoon and his suitcase: near the limit the case bulges and Pack sits on it to shut it; clean up and he hops down, upgrade and a roomy …","type":"registry:block","source_url":"https://hairlineui.com/r/storage.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/storage.json"},{"name":"username","title":"Username","description":"A username picker with a penguin holding a sign: your name appears on it as you type; if it’s taken, its smug owner slides in hugging a sign with your name on …","type":"registry:block","source_url":"https://hairlineui.com/r/username.json","install_command":"npx shadcn@latest add https://hairlineui.com/r/username.json"}]},{"id":"harshj","name":"@harshj","slug":"harshj","description":"Transfer List (dual-listbox) for moving items between two lists, with search, check-all and keyboard support. Works with Radix and Base UI.","author":null,"framework":"react","license":null,"tags":["cards"],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://shadcn-transfer-list-d4gb-two.vercel.app","github":null,"registry":"https://shadcn-transfer-list-d4gb-two.vercel.app/r/registry.json","source":"https://shadcn-transfer-list-d4gb-two.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/harshj","markdown":"https://sh4dcn.netlify.app/md/harshj.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='7' height='16' rx='1.5'/><rect x='15' y='4' width='7' height='16' rx='1.5'/><path d='m11 8.5 2 1.5-2 1.5'/><path d='m13 12.5-2 1.5 2 1.5'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-transfer-list-d4gb-two.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-transfer-list-d4gb-two.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-transfer-list-d4gb-two.vercel.app/r/registry.json","registry_fetch":"curl -s https://shadcn-transfer-list-d4gb-two.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"transfer-list","title":"Transfer List","description":"A dual-listbox for moving items between two lists, with search, check-all and keyboard support.","type":"registry:ui","source_url":"https://shadcn-transfer-list-d4gb-two.vercel.app/r/transfer-list.json","install_command":"npx shadcn@latest add https://shadcn-transfer-list-d4gb-two.vercel.app/r/transfer-list.json"}]},{"id":"hazeglow","name":"@hazeglow","slug":"hazeglow","description":"Animated, grainy gradient blocks for React: a hero, a call to action and a card, themed by your CSS variables. WebGL2, zero dependencies.","author":"hazeglow","framework":"react","license":"MIT","tags":["3d","accessibility","animation","backgrounds","blocks","buttons","cards","marketing","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://hazeglow.dev","github":"https://github.com/hazeglow/hazeglow","registry":"https://hazeglow.dev/r/registry.json","source":"https://hazeglow.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hazeglow","markdown":"https://sh4dcn.netlify.app/md/hazeglow.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><defs><linearGradient id='hazeglow-glow' x1='0.62' y1='0.12' x2='0.4' y2='0.9'><stop offset='0' stop-color='#4fc4f0'/><stop offset='0.2' stop-color='#a8e0f0'/><stop offset='0.4' stop-color='#f0d9a0'/><stop offset='0.58' stop-color='#f2a13a'/><stop offset='0.82' stop-color='#f0603c'/><stop offset='1' stop-color='#e83fd0' stop-opacity='0.7'/></linearGradient><filter id='hazeglow-blur' x='-30%' y='-30%' width='160%' height='160%'><feGaussianBlur stdDeviation='3.2'/></filter><clipPath id='hazeglow-tile'><rect width='64' height='64' rx='14'/></clipPath></defs><rect width='64' height='64' rx='14' fill='#000'/><g clip-path='url(#hazeglow-tile)'><path d='M16 22C22 17 32 19 42 26C50 31 57 38 57 44C57 50 50 52 42 49C33 46 22 39 17 33C14 29 13 25 16 22Z' fill='url(#hazeglow-glow)' filter='url(#hazeglow-blur)'/></g></svg>","preview_image":"https://hazeglow.dev/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-09T10:46:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hazeglow.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hazeglow.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://hazeglow.dev/r/registry.json","clone":"git clone https://github.com/hazeglow/hazeglow.git","clone_degit":"npx degit hazeglow/hazeglow","registry_fetch":"curl -s https://hazeglow.dev/r/registry.json"},"component_count":3,"components":[{"name":"gradient-hero","title":"Gradient hero","description":"A hero section with an animated, grainy gradient behind the headline, colored by your theme.","type":"registry:block","source_url":"https://hazeglow.dev/r/gradient-hero.json","install_command":"npx shadcn@latest add https://hazeglow.dev/r/gradient-hero.json"},{"name":"gradient-cta","title":"Gradient call to action","description":"A call-to-action band with a slow gradient glowing along its bottom edge, below centered text.","type":"registry:block","source_url":"https://hazeglow.dev/r/gradient-cta.json","install_command":"npx shadcn@latest add https://hazeglow.dev/r/gradient-cta.json"},{"name":"gradient-card","title":"Gradient card","description":"A card with a live gradient header that takes its colors from your theme.","type":"registry:block","source_url":"https://hazeglow.dev/r/gradient-card.json","install_command":"npx shadcn@latest add https://hazeglow.dev/r/gradient-card.json"}]},{"id":"headcodecms","name":"@headcodecms","slug":"headcodecms","description":"A minimalistic, self-hosted web CMS distributed as a shadcn registry, optimized for Next.js App Router cache components. The registry exposes a single starter item that scaffolds an admin + website, content schemas defined in TypeScript (TextField, TextareaField, LinkField, etc.), TanStack Forms, TipTap rich text, and Drizzle ORM. Supports SQLite, Turso Cloud, Vercel Blob storage, and Better Auth by default. Can generate layouts with AI agents. Free and open-source. Use for: adding a lightweight, code-first CMS to a Next.js site without a SaaS headless CMS subscription.","author":"headcodecms","framework":"react","license":null,"tags":["ai","auth","cards","cms","crypto","dashboard","editor","forms","mobile","payments","saas"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://headcodecms.com","github":"https://github.com/headcodecms/headcodecms","registry":"https://headcodecms.com/r/{name}.json","source":"https://headcodecms.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/headcodecms","markdown":"https://sh4dcn.netlify.app/md/headcodecms.md"},"logo":"<svg width='93' height='93' viewBox='0 0 93 93' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M46.5 93C72.1812 93 93 72.1812 93 46.5C93 20.8188 72.1812 0 46.5 0C20.8188 0 0 20.8188 0 46.5C0 72.1812 20.8188 93 46.5 93Z' fill='var(--foreground)'/><path d='M39.04 41.4L33.77 73H13.59L26.02 -1.91H45.48L40.65 27.5H41.24C43.07 23.92 45.63 21.12 48.92 19.12C52.21 17.1 55.94 16.08 60.11 16.08C64.06 16.08 67.35 16.98 69.99 18.79C72.62 20.59 74.49 23.08 75.59 26.25C76.69 29.42 76.89 33.05 76.21 37.15L70.21 73H50.02L55.29 41.4C55.73 38.62 55.38 36.44 54.23 34.85C53.11 33.27 51.27 32.47 48.71 32.47C47.05 32.47 45.54 32.84 44.17 33.57C42.83 34.28 41.71 35.3 40.8 36.64C39.92 37.96 39.34 39.54 39.04 41.39V41.4Z' fill='var(--background)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":26,"open_issues":1,"last_commit":"2026-07-02T13:35:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/headcodecms/headcodecms.git","clone_degit":"npx degit headcodecms/headcodecms","registry_fetch":"curl -s https://headcodecms.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"herocn","name":"@herocn","slug":"herocn","description":"HeroUI's design system, shadcn's abstraction.","author":"Maqed","framework":"react","license":"MIT","tags":["accessibility","animation","auth","blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://herocn.dev/","github":"https://github.com/Maqed/herocn","registry":"https://herocn.dev/r/registry.json","source":"https://herocn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/herocn","markdown":"https://sh4dcn.netlify.app/md/herocn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156 156' fill='none'><title>herocn Logo</title><path d='M25 45v35l30 20V65l25-15v85l40-15V35L80 50V10zm95 35-40 45m40-80L80 90' stroke='currentColor' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":"https://herocn.dev/og/image.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10,"open_issues":0,"last_commit":"2026-10-19T22:01:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://herocn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://herocn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://herocn.dev/r/registry.json","clone":"git clone https://github.com/Maqed/herocn.git","clone_degit":"npx degit Maqed/herocn","registry_fetch":"curl -s https://herocn.dev/r/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://herocn.dev/r/index.json","install_command":"npx shadcn@latest add https://herocn.dev/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://herocn.dev/r/style.json","install_command":"npx shadcn@latest add https://herocn.dev/r/style.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/alert.json","install_command":"npx shadcn@latest add https://herocn.dev/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://herocn.dev/r/alert-dialog.json"},{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/accordion.json","install_command":"npx shadcn@latest add https://herocn.dev/r/accordion.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://herocn.dev/r/aspect-ratio.json"},{"name":"attachment","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/attachment.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/avatar.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/button.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/button-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://herocn.dev/r/breadcrumb.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/badge.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://herocn.dev/r/breadcrumb.json"},{"name":"bubble","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/bubble.json","install_command":"npx shadcn@latest add https://herocn.dev/r/bubble.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/code-block.json","install_command":"npx shadcn@latest add https://herocn.dev/r/code-block.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/calendar.json","install_command":"npx shadcn@latest add https://herocn.dev/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/card.json","install_command":"npx shadcn@latest add https://herocn.dev/r/card.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/chart.json","install_command":"npx shadcn@latest add https://herocn.dev/r/chart.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/carousel.json","install_command":"npx shadcn@latest add https://herocn.dev/r/carousel.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://herocn.dev/r/collapsible.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/command.json","install_command":"npx shadcn@latest add https://herocn.dev/r/command.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/combobox.json","install_command":"npx shadcn@latest add https://herocn.dev/r/combobox.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://herocn.dev/r/context-menu.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/popover.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/progress.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress.json"},{"name":"questionnaire","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/questionnaire.json","install_command":"npx shadcn@latest add https://herocn.dev/r/questionnaire.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/drawer.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/empty.json","install_command":"npx shadcn@latest add https://herocn.dev/r/empty.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/dialog.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dialog.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/sheet.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sheet.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/field.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://herocn.dev/r/hover-card.json"},{"name":"surface","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/surface.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://herocn.dev/r/scroll-area.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/sheet.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sheet.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/input.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/input-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/item.json","install_command":"npx shadcn@latest add https://herocn.dev/r/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/kbd.json","install_command":"npx shadcn@latest add https://herocn.dev/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/label.json","install_command":"npx shadcn@latest add https://herocn.dev/r/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/menubar.json","install_command":"npx shadcn@latest add https://herocn.dev/r/menubar.json"},{"name":"marker","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/marker.json","install_command":"npx shadcn@latest add https://herocn.dev/r/marker.json"},{"name":"message","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/message.json","install_command":"npx shadcn@latest add https://herocn.dev/r/message.json"},{"name":"message-scroller","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/message-scroller.json","install_command":"npx shadcn@latest add https://herocn.dev/r/message-scroller.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://herocn.dev/r/navigation-menu.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/native-select.json","install_command":"npx shadcn@latest add https://herocn.dev/r/native-select.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/pagination.json","install_command":"npx shadcn@latest add https://herocn.dev/r/pagination.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/select.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/separator.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/switch.json","install_command":"npx shadcn@latest add https://herocn.dev/r/switch.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sidebar.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/slider.json","install_command":"npx shadcn@latest add https://herocn.dev/r/slider.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/spinner.json","install_command":"npx shadcn@latest add https://herocn.dev/r/spinner.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/tabs.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/table.json","install_command":"npx shadcn@latest add https://herocn.dev/r/table.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/toggle.json","install_command":"npx shadcn@latest add https://herocn.dev/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/toggle-group.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/toast.json","install_command":"npx shadcn@latest add https://herocn.dev/r/toast.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/textarea.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/resizable.json","install_command":"npx shadcn@latest add https://herocn.dev/r/resizable.json"},{"name":"trace","title":null,"description":null,"type":"registry:ui","source_url":"https://herocn.dev/r/trace.json","install_command":"npx shadcn@latest add https://herocn.dev/r/trace.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://herocn.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://herocn.dev/r/use-mobile.json"},{"name":"use-highlighted-code","title":null,"description":null,"type":"registry:hook","source_url":"https://herocn.dev/r/use-highlighted-code.json","install_command":"npx shadcn@latest add https://herocn.dev/r/use-highlighted-code.json"},{"name":"attachment-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/attachment-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment-demo.json"},{"name":"attachment-image","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/attachment-image.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment-image.json"},{"name":"attachment-states","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/attachment-states.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment-states.json"},{"name":"attachment-sizes","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/attachment-sizes.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment-sizes.json"},{"name":"attachment-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/attachment-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment-group.json"},{"name":"attachment-trigger","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/attachment-trigger.json","install_command":"npx shadcn@latest add https://herocn.dev/r/attachment-trigger.json"},{"name":"aspect-ratio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/aspect-ratio-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/aspect-ratio-demo.json"},{"name":"aspect-ratio-portrait","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/aspect-ratio-portrait.json","install_command":"npx shadcn@latest add https://herocn.dev/r/aspect-ratio-portrait.json"},{"name":"aspect-ratio-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/aspect-ratio-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/aspect-ratio-rtl.json"},{"name":"aspect-ratio-square","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/aspect-ratio-square.json","install_command":"npx shadcn@latest add https://herocn.dev/r/aspect-ratio-square.json"},{"name":"aspect-ratio-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/aspect-ratio-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/aspect-ratio-rtl.json"},{"name":"card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/card-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/card-demo.json"},{"name":"card-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/card-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/card-variants.json"},{"name":"card-small","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/card-small.json","install_command":"npx shadcn@latest add https://herocn.dev/r/card-small.json"},{"name":"card-image","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/card-image.json","install_command":"npx shadcn@latest add https://herocn.dev/r/card-image.json"},{"name":"card-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/card-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/card-rtl.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-demo.json"},{"name":"button-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-variants.json"},{"name":"button-sizes","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-sizes.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-sizes.json"},{"name":"button-icons","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-icons.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-icons.json"},{"name":"button-render","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-render.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-render.json"},{"name":"button-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-rtl.json"},{"name":"skeleton-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-demo.json"},{"name":"skeleton-avatar","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-avatar.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-avatar.json"},{"name":"skeleton-card","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-card.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-card.json"},{"name":"skeleton-text","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-text.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-text.json"},{"name":"skeleton-form","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-form.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-form.json"},{"name":"skeleton-table","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-table.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-table.json"},{"name":"skeleton-animation-types","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-animation-types.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-animation-types.json"},{"name":"skeleton-single-shimmer","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-single-shimmer.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-single-shimmer.json"},{"name":"skeleton-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/skeleton-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/skeleton-rtl.json"},{"name":"badge-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/badge-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge-rtl.json"},{"name":"input-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-rtl.json"},{"name":"field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-demo.json"},{"name":"field-input","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-input.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-input.json"},{"name":"field-textarea","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-textarea.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-textarea.json"},{"name":"field-select","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-select.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-select.json"},{"name":"field-slider","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-slider.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-slider.json"},{"name":"field-fieldset","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-fieldset.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-fieldset.json"},{"name":"field-checkbox","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-checkbox.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-checkbox.json"},{"name":"checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-demo.json"},{"name":"checkbox-basic","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-basic.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-basic.json"},{"name":"checkbox-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-variants.json"},{"name":"checkbox-description","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-description.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-description.json"},{"name":"checkbox-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-disabled.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-disabled.json"},{"name":"checkbox-invalid","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-invalid.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-invalid.json"},{"name":"checkbox-in-surface","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-in-surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-in-surface.json"},{"name":"checkbox-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/checkbox-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/checkbox-rtl.json"},{"name":"field-radio","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-radio.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-radio.json"},{"name":"radio-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-demo.json"},{"name":"radio-group-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-variants.json"},{"name":"radio-group-description","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-description.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-description.json"},{"name":"radio-group-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-disabled.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-disabled.json"},{"name":"radio-group-invalid","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-invalid.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-invalid.json"},{"name":"radio-group-in-surface","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-in-surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-in-surface.json"},{"name":"radio-group-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/radio-group-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/radio-group-rtl.json"},{"name":"field-switch","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-switch.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-switch.json"},{"name":"field-choice-card","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-choice-card.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-choice-card.json"},{"name":"field-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-group.json"},{"name":"field-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/field-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/field-rtl.json"},{"name":"textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-demo.json"},{"name":"textarea-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-variants.json"},{"name":"textarea-states","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-states.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-states.json"},{"name":"textarea-field","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-field.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-field.json"},{"name":"textarea-button","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-button.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-button.json"},{"name":"textarea-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-rtl.json"},{"name":"textarea-in-surface","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/textarea-in-surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/textarea-in-surface.json"},{"name":"avatar-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-rtl.json"},{"name":"collapsible-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/collapsible-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/collapsible-rtl.json"},{"name":"dropdown-menu-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-rtl.json"},{"name":"surface-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/surface-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/surface-rtl.json"},{"name":"collapsible-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/collapsible-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/collapsible-demo.json"},{"name":"collapsible-basic","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/collapsible-basic.json","install_command":"npx shadcn@latest add https://herocn.dev/r/collapsible-basic.json"},{"name":"collapsible-settings","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/collapsible-settings.json","install_command":"npx shadcn@latest add https://herocn.dev/r/collapsible-settings.json"},{"name":"collapsible-file-tree","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/collapsible-file-tree.json","install_command":"npx shadcn@latest add https://herocn.dev/r/collapsible-file-tree.json"},{"name":"dropdown-menu-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-demo.json"},{"name":"dropdown-menu-basic","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-basic.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-basic.json"},{"name":"dropdown-menu-submenu","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-submenu.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-submenu.json"},{"name":"dropdown-menu-shortcuts","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-shortcuts.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-shortcuts.json"},{"name":"dropdown-menu-icons","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-icons.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-icons.json"},{"name":"dropdown-menu-checkboxes","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-checkboxes.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-checkboxes.json"},{"name":"dropdown-menu-checkboxes-icons","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-checkboxes-icons.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-checkboxes-icons.json"},{"name":"dropdown-menu-radio-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-radio-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-radio-group.json"},{"name":"dropdown-menu-radio-icons","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-radio-icons.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-radio-icons.json"},{"name":"dropdown-menu-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-destructive.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-destructive.json"},{"name":"dropdown-menu-avatar","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-avatar.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-avatar.json"},{"name":"dropdown-menu-complex","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-complex.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-complex.json"},{"name":"dropdown-menu-filterable","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/dropdown-menu-filterable.json","install_command":"npx shadcn@latest add https://herocn.dev/r/dropdown-menu-filterable.json"},{"name":"drawer-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-demo.json"},{"name":"drawer-direction","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-direction.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-direction.json"},{"name":"drawer-overlay-variant","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-overlay-variant.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-overlay-variant.json"},{"name":"drawer-scrollable-content","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-scrollable-content.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-scrollable-content.json"},{"name":"drawer-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-rtl.json"},{"name":"drawer-responsive-dialog","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-responsive-dialog.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-responsive-dialog.json"},{"name":"drawer-swipe-handle","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-swipe-handle.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-swipe-handle.json"},{"name":"drawer-nested","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-nested.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-nested.json"},{"name":"drawer-non-modal","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-non-modal.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-non-modal.json"},{"name":"drawer-snap-points","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/drawer-snap-points.json","install_command":"npx shadcn@latest add https://herocn.dev/r/drawer-snap-points.json"},{"name":"avatar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-demo.json"},{"name":"avatar-basic","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-basic.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-basic.json"},{"name":"avatar-badge","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-badge.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-badge.json"},{"name":"avatar-badge-icon","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-badge-icon.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-badge-icon.json"},{"name":"avatar-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-group.json"},{"name":"avatar-group-count","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-group-count.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-group-count.json"},{"name":"avatar-group-count-icon","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-group-count-icon.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-group-count-icon.json"},{"name":"avatar-size","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-size.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-size.json"},{"name":"avatar-dropdown","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/avatar-dropdown.json","install_command":"npx shadcn@latest add https://herocn.dev/r/avatar-dropdown.json"},{"name":"badge-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/badge-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge-demo.json"},{"name":"badge-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/badge-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge-variants.json"},{"name":"badge-sizes","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/badge-sizes.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge-sizes.json"},{"name":"badge-icon","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/badge-icon.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge-icon.json"},{"name":"badge-colors","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/badge-colors.json","install_command":"npx shadcn@latest add https://herocn.dev/r/badge-colors.json"},{"name":"surface-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/surface-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/surface-demo.json"},{"name":"surface-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/surface-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/surface-variants.json"},{"name":"input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-demo.json"},{"name":"input-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-variants.json"},{"name":"input-states","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-states.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-states.json"},{"name":"input-field","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-field.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-field.json"},{"name":"input-fieldgroup","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-fieldgroup.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-fieldgroup.json"},{"name":"input-badge","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-badge.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-badge.json"},{"name":"input-input-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-input-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-input-group.json"},{"name":"input-button-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-button-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-button-group.json"},{"name":"input-in-surface","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/input-in-surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/input-in-surface.json"},{"name":"button-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-demo.json"},{"name":"button-group-orientation","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-orientation.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-orientation.json"},{"name":"button-group-size","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-size.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-size.json"},{"name":"button-group-separator","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-separator.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-separator.json"},{"name":"button-group-split","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-split.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-split.json"},{"name":"button-group-input","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-input.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-input.json"},{"name":"button-group-input-group","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-input-group.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-input-group.json"},{"name":"button-group-dropdown","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-dropdown.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-dropdown.json"},{"name":"button-group-select","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-select.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-select.json"},{"name":"button-group-popover","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-popover.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-popover.json"},{"name":"button-group-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-rtl.json"},{"name":"button-group-text","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/button-group-text.json","install_command":"npx shadcn@latest add https://herocn.dev/r/button-group-text.json"},{"name":"tabs-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-demo.json"},{"name":"tabs-line","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-line.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-line.json"},{"name":"tabs-vertical","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-vertical.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-vertical.json"},{"name":"tabs-vertical-line","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-vertical-line.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-vertical-line.json"},{"name":"tabs-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-disabled.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-disabled.json"},{"name":"tabs-icons","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-icons.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-icons.json"},{"name":"tabs-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tabs-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tabs-rtl.json"},{"name":"select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-demo.json"},{"name":"select-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-variants.json"},{"name":"select-surface","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-surface.json"},{"name":"select-groups","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-groups.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-groups.json"},{"name":"select-multiple","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-multiple.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-multiple.json"},{"name":"select-scrollable","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-scrollable.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-scrollable.json"},{"name":"select-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-disabled.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-disabled.json"},{"name":"select-invalid","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-invalid.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-invalid.json"},{"name":"select-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/select-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/select-rtl.json"},{"name":"separator-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/separator-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator-demo.json"},{"name":"separator-vertical","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/separator-vertical.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator-vertical.json"},{"name":"separator-menu","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/separator-menu.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator-menu.json"},{"name":"separator-list","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/separator-list.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator-list.json"},{"name":"separator-surface","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/separator-surface.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator-surface.json"},{"name":"separator-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/separator-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/separator-rtl.json"},{"name":"sidebar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/sidebar-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sidebar-demo.json"},{"name":"sidebar-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/sidebar-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sidebar-rtl.json"},{"name":"sidebar-floating","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/sidebar-floating.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sidebar-floating.json"},{"name":"sidebar-inset","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/sidebar-inset.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sidebar-inset.json"},{"name":"sidebar-collapsible","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/sidebar-collapsible.json","install_command":"npx shadcn@latest add https://herocn.dev/r/sidebar-collapsible.json"},{"name":"popover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/popover-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover-demo.json"},{"name":"popover-basic","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/popover-basic.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover-basic.json"},{"name":"popover-align","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/popover-align.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover-align.json"},{"name":"popover-form","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/popover-form.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover-form.json"},{"name":"popover-with-arrow","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/popover-with-arrow.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover-with-arrow.json"},{"name":"popover-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/popover-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/popover-rtl.json"},{"name":"progress-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/progress-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress-demo.json"},{"name":"progress-label","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/progress-label.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress-label.json"},{"name":"progress-controlled","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/progress-controlled.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress-controlled.json"},{"name":"progress-sizes","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/progress-sizes.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress-sizes.json"},{"name":"progress-variants","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/progress-variants.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress-variants.json"},{"name":"progress-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/progress-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/progress-rtl.json"},{"name":"tooltip-demo","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip-demo.json"},{"name":"tooltip-sides","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tooltip-sides.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip-sides.json"},{"name":"tooltip-arrow","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tooltip-arrow.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip-arrow.json"},{"name":"tooltip-keyboard","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tooltip-keyboard.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip-keyboard.json"},{"name":"tooltip-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tooltip-disabled.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip-disabled.json"},{"name":"tooltip-rtl","title":null,"description":null,"type":"registry:example","source_url":"https://herocn.dev/r/tooltip-rtl.json","install_command":"npx shadcn@latest add https://herocn.dev/r/tooltip-rtl.json"}]},{"id":"heroicons-animated","name":"@heroicons-animated","slug":"heroicons-animated","description":"An open-source library of 316 animated Heroicons for React, built with Motion (Framer Motion) and distributed as a shadcn-compatible registry. Each icon has smooth SVG animations triggered on hover or programmatically, and all are copy-paste installable via the shadcn CLI. MIT-licensed, fully customizable, free. TypeScript/React, works with Next.js and Vite. Use for: replacing static Heroicons with animated equivalents in React apps where subtle icon motion improves perceived interactivity without adding a large animation library.","author":"Aniket-508","framework":"react","license":"MIT","tags":["aesthetic","animation","blocks","buttons","cards","charts","e-commerce","icons","marketing"],"categories":["Icons/logos"],"labels":[],"urls":{"website":"https://www.heroicons-animated.com/","github":"https://github.com/Aniket-508/heroicons-animated","registry":"https://www.heroicons-animated.com/r/registry.json","source":"https://www.heroicons-animated.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/heroicons-animated","markdown":"https://sh4dcn.netlify.app/md/heroicons-animated.md"},"logo":"<svg fill='none' viewBox='0 0 156 166' xmlns='http://www.w3.org/2000/svg'><path clipRule='evenodd' d='m78.091 0 5.967 5.676c15.038 14.306 35.323 23.067 57.663 23.067.356 0 .711-.002 1.065-.006l6.363-.08 1.988 6.072a102.026 102.026 0 0 1 5.045 31.782c0 47.391-32.269 87.19-75.928 98.477l-2.163.559-2.163-.559C32.27 153.701 0 113.902 0 66.511c0-11.085 1.769-21.772 5.045-31.782l1.988-6.072 6.363.08c.354.004.71.006 1.065.006 22.34 0 42.625-8.761 57.664-23.067L78.09 0Z' fill='#8b5cf6' fillRule='evenodd'/><circle cx='58' cy='78' fill='white' r='14'/><circle cx='98' cy='78' fill='white' r='14'/><circle cx='61' cy='82' fill='black' r='5.5'/><circle cx='95' cy='82' fill='black' r='5.5'/></svg>","preview_image":"https://www.heroicons-animated.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":204,"open_issues":1,"last_commit":"2026-09-14T11:05:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.heroicons-animated.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.heroicons-animated.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.heroicons-animated.com/r/registry.json","clone":"git clone https://github.com/Aniket-508/heroicons-animated.git","clone_degit":"npx degit Aniket-508/heroicons-animated","registry_fetch":"curl -s https://www.heroicons-animated.com/r/registry.json"},"component_count":250,"components":[{"name":"academic-cap","title":"academic-cap","description":"Animated academic-cap icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/academic-cap.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/academic-cap.json"},{"name":"adjustments-horizontal","title":"adjustments-horizontal","description":"Animated adjustments-horizontal icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/adjustments-horizontal.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/adjustments-horizontal.json"},{"name":"adjustments-vertical","title":"adjustments-vertical","description":"Animated adjustments-vertical icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/adjustments-vertical.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/adjustments-vertical.json"},{"name":"archive-box-arrow-down","title":"archive-box-arrow-down","description":"Animated archive-box-arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/archive-box-arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/archive-box-arrow-down.json"},{"name":"archive-box-x-mark","title":"archive-box-x-mark","description":"Animated archive-box-x-mark icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/archive-box-x-mark.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/archive-box-x-mark.json"},{"name":"archive-box","title":"archive-box","description":"Animated archive-box icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/archive-box.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/archive-box.json"},{"name":"arrow-down-circle","title":"arrow-down-circle","description":"Animated arrow-down-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-circle.json"},{"name":"arrow-down-left","title":"arrow-down-left","description":"Animated arrow-down-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-left.json"},{"name":"arrow-down-on-square-stack","title":"arrow-down-on-square-stack","description":"Animated arrow-down-on-square-stack icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down-on-square-stack.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-on-square-stack.json"},{"name":"arrow-down-on-square","title":"arrow-down-on-square","description":"Animated arrow-down-on-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down-on-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-on-square.json"},{"name":"arrow-down-right","title":"arrow-down-right","description":"Animated arrow-down-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-right.json"},{"name":"arrow-down-tray","title":"arrow-down-tray","description":"Animated arrow-down-tray icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down-tray.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-tray.json"},{"name":"arrow-down","title":"arrow-down","description":"Animated arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down.json"},{"name":"arrow-left-circle","title":"arrow-left-circle","description":"Animated arrow-left-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-left-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left-circle.json"},{"name":"arrow-left-end-on-rectangle","title":"arrow-left-end-on-rectangle","description":"Animated arrow-left-end-on-rectangle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-left-end-on-rectangle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left-end-on-rectangle.json"},{"name":"arrow-left-start-on-rectangle","title":"arrow-left-start-on-rectangle","description":"Animated arrow-left-start-on-rectangle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-left-start-on-rectangle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left-start-on-rectangle.json"},{"name":"arrow-left","title":"arrow-left","description":"Animated arrow-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left.json"},{"name":"arrow-long-down","title":"arrow-long-down","description":"Animated arrow-long-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-long-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-down.json"},{"name":"arrow-long-left","title":"arrow-long-left","description":"Animated arrow-long-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-long-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-left.json"},{"name":"arrow-long-right","title":"arrow-long-right","description":"Animated arrow-long-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-long-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-right.json"},{"name":"arrow-long-up","title":"arrow-long-up","description":"Animated arrow-long-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-long-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-up.json"},{"name":"arrow-path-rounded-square","title":"arrow-path-rounded-square","description":"Animated arrow-path-rounded-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-path-rounded-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-path-rounded-square.json"},{"name":"arrow-path","title":"arrow-path","description":"Animated arrow-path icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-path.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-path.json"},{"name":"arrow-right-circle","title":"arrow-right-circle","description":"Animated arrow-right-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-right-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right-circle.json"},{"name":"arrow-right-end-on-rectangle","title":"arrow-right-end-on-rectangle","description":"Animated arrow-right-end-on-rectangle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-right-end-on-rectangle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right-end-on-rectangle.json"},{"name":"arrow-right-start-on-rectangle","title":"arrow-right-start-on-rectangle","description":"Animated arrow-right-start-on-rectangle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-right-start-on-rectangle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right-start-on-rectangle.json"},{"name":"arrow-right","title":"arrow-right","description":"Animated arrow-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right.json"},{"name":"arrow-top-right-on-square","title":"arrow-top-right-on-square","description":"Animated arrow-top-right-on-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-top-right-on-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-top-right-on-square.json"},{"name":"arrow-trending-down","title":"arrow-trending-down","description":"Animated arrow-trending-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-trending-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-trending-down.json"},{"name":"arrow-trending-up","title":"arrow-trending-up","description":"Animated arrow-trending-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-trending-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-trending-up.json"},{"name":"arrow-turn-down-left","title":"arrow-turn-down-left","description":"Animated arrow-turn-down-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-down-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-down-left.json"},{"name":"arrow-turn-down-right","title":"arrow-turn-down-right","description":"Animated arrow-turn-down-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-down-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-down-right.json"},{"name":"arrow-turn-left-down","title":"arrow-turn-left-down","description":"Animated arrow-turn-left-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-left-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-left-down.json"},{"name":"arrow-turn-left-up","title":"arrow-turn-left-up","description":"Animated arrow-turn-left-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-left-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-left-up.json"},{"name":"arrow-turn-right-down","title":"arrow-turn-right-down","description":"Animated arrow-turn-right-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-right-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-right-down.json"},{"name":"arrow-turn-right-up","title":"arrow-turn-right-up","description":"Animated arrow-turn-right-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-right-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-right-up.json"},{"name":"arrow-turn-up-left","title":"arrow-turn-up-left","description":"Animated arrow-turn-up-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-up-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-up-left.json"},{"name":"arrow-turn-up-right","title":"arrow-turn-up-right","description":"Animated arrow-turn-up-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-turn-up-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-up-right.json"},{"name":"arrow-up-circle","title":"arrow-up-circle","description":"Animated arrow-up-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-circle.json"},{"name":"arrow-up-left","title":"arrow-up-left","description":"Animated arrow-up-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-left.json"},{"name":"arrow-up-on-square-stack","title":"arrow-up-on-square-stack","description":"Animated arrow-up-on-square-stack icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up-on-square-stack.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-on-square-stack.json"},{"name":"arrow-up-on-square","title":"arrow-up-on-square","description":"Animated arrow-up-on-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up-on-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-on-square.json"},{"name":"arrow-up-right","title":"arrow-up-right","description":"Animated arrow-up-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-right.json"},{"name":"arrow-up-tray","title":"arrow-up-tray","description":"Animated arrow-up-tray icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up-tray.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-tray.json"},{"name":"arrow-up","title":"arrow-up","description":"Animated arrow-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up.json"},{"name":"arrow-uturn-down","title":"arrow-uturn-down","description":"Animated arrow-uturn-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-uturn-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-down.json"},{"name":"arrow-uturn-left","title":"arrow-uturn-left","description":"Animated arrow-uturn-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-uturn-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-left.json"},{"name":"arrow-uturn-right","title":"arrow-uturn-right","description":"Animated arrow-uturn-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-uturn-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-right.json"},{"name":"arrow-uturn-up","title":"arrow-uturn-up","description":"Animated arrow-uturn-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrow-uturn-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-up.json"},{"name":"arrows-pointing-in","title":"arrows-pointing-in","description":"Animated arrows-pointing-in icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrows-pointing-in.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-pointing-in.json"},{"name":"arrows-pointing-out","title":"arrows-pointing-out","description":"Animated arrows-pointing-out icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrows-pointing-out.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-pointing-out.json"},{"name":"arrows-right-left","title":"arrows-right-left","description":"Animated arrows-right-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrows-right-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-right-left.json"},{"name":"arrows-up-down","title":"arrows-up-down","description":"Animated arrows-up-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/arrows-up-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-up-down.json"},{"name":"at-symbol","title":"at-symbol","description":"Animated at-symbol icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/at-symbol.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/at-symbol.json"},{"name":"backspace","title":"backspace","description":"Animated backspace icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/backspace.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/backspace.json"},{"name":"backward","title":"backward","description":"Animated backward icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/backward.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/backward.json"},{"name":"banknotes","title":"banknotes","description":"Animated banknotes icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/banknotes.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/banknotes.json"},{"name":"bars-2","title":"bars-2","description":"Animated bars-2 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-2.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-2.json"},{"name":"bars-3-bottom-left","title":"bars-3-bottom-left","description":"Animated bars-3-bottom-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-3-bottom-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3-bottom-left.json"},{"name":"bars-3-bottom-right","title":"bars-3-bottom-right","description":"Animated bars-3-bottom-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-3-bottom-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3-bottom-right.json"},{"name":"bars-3-center-left","title":"bars-3-center-left","description":"Animated bars-3-center-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-3-center-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3-center-left.json"},{"name":"bars-3","title":"bars-3","description":"Animated bars-3 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-3.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3.json"},{"name":"bars-4","title":"bars-4","description":"Animated bars-4 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-4.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-4.json"},{"name":"bars-arrow-down","title":"bars-arrow-down","description":"Animated bars-arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-arrow-down.json"},{"name":"bars-arrow-up","title":"bars-arrow-up","description":"Animated bars-arrow-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bars-arrow-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bars-arrow-up.json"},{"name":"battery-0","title":"battery-0","description":"Animated battery-0 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/battery-0.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/battery-0.json"},{"name":"battery-100","title":"battery-100","description":"Animated battery-100 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/battery-100.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/battery-100.json"},{"name":"battery-50","title":"battery-50","description":"Animated battery-50 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/battery-50.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/battery-50.json"},{"name":"beaker","title":"beaker","description":"Animated beaker icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/beaker.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/beaker.json"},{"name":"bell-alert","title":"bell-alert","description":"Animated bell-alert icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bell-alert.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bell-alert.json"},{"name":"bell-slash","title":"bell-slash","description":"Animated bell-slash icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bell-slash.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bell-slash.json"},{"name":"bell-snooze","title":"bell-snooze","description":"Animated bell-snooze icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bell-snooze.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bell-snooze.json"},{"name":"bell","title":"bell","description":"Animated bell icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bell.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bell.json"},{"name":"bold","title":"bold","description":"Animated bold icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bold.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bold.json"},{"name":"bolt-slash","title":"bolt-slash","description":"Animated bolt-slash icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bolt-slash.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bolt-slash.json"},{"name":"bolt","title":"bolt","description":"Animated bolt icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bolt.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bolt.json"},{"name":"book-open","title":"book-open","description":"Animated book-open icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/book-open.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/book-open.json"},{"name":"bookmark-slash","title":"bookmark-slash","description":"Animated bookmark-slash icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bookmark-slash.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark-slash.json"},{"name":"bookmark-square","title":"bookmark-square","description":"Animated bookmark-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bookmark-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark-square.json"},{"name":"bookmark","title":"bookmark","description":"Animated bookmark icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bookmark.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark.json"},{"name":"briefcase","title":"briefcase","description":"Animated briefcase icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/briefcase.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/briefcase.json"},{"name":"bug-ant","title":"bug-ant","description":"Animated bug-ant icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/bug-ant.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/bug-ant.json"},{"name":"building-library","title":"building-library","description":"Animated building-library icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/building-library.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/building-library.json"},{"name":"building-office-2","title":"building-office-2","description":"Animated building-office-2 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/building-office-2.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/building-office-2.json"},{"name":"building-office","title":"building-office","description":"Animated building-office icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/building-office.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/building-office.json"},{"name":"building-storefront","title":"building-storefront","description":"Animated building-storefront icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/building-storefront.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/building-storefront.json"},{"name":"cake","title":"cake","description":"Animated cake icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cake.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cake.json"},{"name":"calculator","title":"calculator","description":"Animated calculator icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/calculator.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/calculator.json"},{"name":"calendar-date-range","title":"calendar-date-range","description":"Animated calendar-date-range icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/calendar-date-range.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/calendar-date-range.json"},{"name":"calendar-days","title":"calendar-days","description":"Animated calendar-days icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/calendar-days.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/calendar-days.json"},{"name":"calendar","title":"calendar","description":"Animated calendar icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/calendar.json"},{"name":"camera","title":"camera","description":"Animated camera icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/camera.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/camera.json"},{"name":"chart-bar-square","title":"chart-bar-square","description":"Animated chart-bar-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chart-bar-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chart-bar-square.json"},{"name":"chart-bar","title":"chart-bar","description":"Animated chart-bar icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chart-bar.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chart-bar.json"},{"name":"chart-pie","title":"chart-pie","description":"Animated chart-pie icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chart-pie.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chart-pie.json"},{"name":"chat-bubble-bottom-center-text","title":"chat-bubble-bottom-center-text","description":"Animated chat-bubble-bottom-center-text icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-bottom-center-text.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-bottom-center-text.json"},{"name":"chat-bubble-bottom-center","title":"chat-bubble-bottom-center","description":"Animated chat-bubble-bottom-center icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-bottom-center.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-bottom-center.json"},{"name":"chat-bubble-left-ellipsis","title":"chat-bubble-left-ellipsis","description":"Animated chat-bubble-left-ellipsis icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-left-ellipsis.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-left-ellipsis.json"},{"name":"chat-bubble-left-right","title":"chat-bubble-left-right","description":"Animated chat-bubble-left-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-left-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-left-right.json"},{"name":"chat-bubble-left","title":"chat-bubble-left","description":"Animated chat-bubble-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-left.json"},{"name":"chat-bubble-oval-left-ellipsis","title":"chat-bubble-oval-left-ellipsis","description":"Animated chat-bubble-oval-left-ellipsis icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-oval-left-ellipsis.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-oval-left-ellipsis.json"},{"name":"chat-bubble-oval-left","title":"chat-bubble-oval-left","description":"Animated chat-bubble-oval-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chat-bubble-oval-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-oval-left.json"},{"name":"check-badge","title":"check-badge","description":"Animated check-badge icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/check-badge.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/check-badge.json"},{"name":"check-circle","title":"check-circle","description":"Animated check-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/check-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/check-circle.json"},{"name":"check","title":"check","description":"Animated check icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/check.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/check.json"},{"name":"chevron-double-down","title":"chevron-double-down","description":"Animated chevron-double-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-double-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-down.json"},{"name":"chevron-double-left","title":"chevron-double-left","description":"Animated chevron-double-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-double-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-left.json"},{"name":"chevron-double-right","title":"chevron-double-right","description":"Animated chevron-double-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-double-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-right.json"},{"name":"chevron-double-up","title":"chevron-double-up","description":"Animated chevron-double-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-double-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-up.json"},{"name":"chevron-down","title":"chevron-down","description":"Animated chevron-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-down.json"},{"name":"chevron-left","title":"chevron-left","description":"Animated chevron-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-left.json"},{"name":"chevron-right","title":"chevron-right","description":"Animated chevron-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-right.json"},{"name":"chevron-up-down","title":"chevron-up-down","description":"Animated chevron-up-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-up-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-up-down.json"},{"name":"chevron-up","title":"chevron-up","description":"Animated chevron-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/chevron-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-up.json"},{"name":"circle-stack","title":"circle-stack","description":"Animated circle-stack icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/circle-stack.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/circle-stack.json"},{"name":"clipboard-document-check","title":"clipboard-document-check","description":"Animated clipboard-document-check icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/clipboard-document-check.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard-document-check.json"},{"name":"clipboard-document-list","title":"clipboard-document-list","description":"Animated clipboard-document-list icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/clipboard-document-list.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard-document-list.json"},{"name":"clipboard-document","title":"clipboard-document","description":"Animated clipboard-document icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/clipboard-document.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard-document.json"},{"name":"clipboard","title":"clipboard","description":"Animated clipboard icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/clipboard.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard.json"},{"name":"clock","title":"clock","description":"Animated clock icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/clock.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/clock.json"},{"name":"cloud-arrow-down","title":"cloud-arrow-down","description":"Animated cloud-arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cloud-arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cloud-arrow-down.json"},{"name":"cloud-arrow-up","title":"cloud-arrow-up","description":"Animated cloud-arrow-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cloud-arrow-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cloud-arrow-up.json"},{"name":"cloud","title":"cloud","description":"Animated cloud icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cloud.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cloud.json"},{"name":"code-bracket-square","title":"code-bracket-square","description":"Animated code-bracket-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/code-bracket-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/code-bracket-square.json"},{"name":"code-bracket","title":"code-bracket","description":"Animated code-bracket icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/code-bracket.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/code-bracket.json"},{"name":"cog-6-tooth","title":"cog-6-tooth","description":"Animated cog-6-tooth icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cog-6-tooth.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cog-6-tooth.json"},{"name":"cog-8-tooth","title":"cog-8-tooth","description":"Animated cog-8-tooth icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cog-8-tooth.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cog-8-tooth.json"},{"name":"cog","title":"cog","description":"Animated cog icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cog.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cog.json"},{"name":"command-line","title":"command-line","description":"Animated command-line icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/command-line.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/command-line.json"},{"name":"computer-desktop","title":"computer-desktop","description":"Animated computer-desktop icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/computer-desktop.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/computer-desktop.json"},{"name":"cpu-chip","title":"cpu-chip","description":"Animated cpu-chip icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cpu-chip.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cpu-chip.json"},{"name":"credit-card","title":"credit-card","description":"Animated credit-card icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/credit-card.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/credit-card.json"},{"name":"cube-transparent","title":"cube-transparent","description":"Animated cube-transparent icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cube-transparent.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cube-transparent.json"},{"name":"cube","title":"cube","description":"Animated cube icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cube.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cube.json"},{"name":"currency-bangladeshi","title":"currency-bangladeshi","description":"Animated currency-bangladeshi icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/currency-bangladeshi.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/currency-bangladeshi.json"},{"name":"currency-dollar","title":"currency-dollar","description":"Animated currency-dollar icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/currency-dollar.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/currency-dollar.json"},{"name":"currency-euro","title":"currency-euro","description":"Animated currency-euro icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/currency-euro.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/currency-euro.json"},{"name":"currency-pound","title":"currency-pound","description":"Animated currency-pound icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/currency-pound.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/currency-pound.json"},{"name":"currency-rupee","title":"currency-rupee","description":"Animated currency-rupee icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/currency-rupee.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/currency-rupee.json"},{"name":"currency-yen","title":"currency-yen","description":"Animated currency-yen icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/currency-yen.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/currency-yen.json"},{"name":"cursor-arrow-rays","title":"cursor-arrow-rays","description":"Animated cursor-arrow-rays icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cursor-arrow-rays.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cursor-arrow-rays.json"},{"name":"cursor-arrow-ripple","title":"cursor-arrow-ripple","description":"Animated cursor-arrow-ripple icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/cursor-arrow-ripple.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/cursor-arrow-ripple.json"},{"name":"device-phone-mobile","title":"device-phone-mobile","description":"Animated device-phone-mobile icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/device-phone-mobile.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/device-phone-mobile.json"},{"name":"device-tablet","title":"device-tablet","description":"Animated device-tablet icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/device-tablet.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/device-tablet.json"},{"name":"divide","title":"divide","description":"Animated divide icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/divide.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/divide.json"},{"name":"document-arrow-down","title":"document-arrow-down","description":"Animated document-arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-arrow-down.json"},{"name":"document-arrow-up","title":"document-arrow-up","description":"Animated document-arrow-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-arrow-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-arrow-up.json"},{"name":"document-chart-bar","title":"document-chart-bar","description":"Animated document-chart-bar icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-chart-bar.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-chart-bar.json"},{"name":"document-check","title":"document-check","description":"Animated document-check icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-check.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-check.json"},{"name":"document-currency-bangladeshi","title":"document-currency-bangladeshi","description":"Animated document-currency-bangladeshi icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-currency-bangladeshi.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-bangladeshi.json"},{"name":"document-currency-dollar","title":"document-currency-dollar","description":"Animated document-currency-dollar icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-currency-dollar.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-dollar.json"},{"name":"document-currency-euro","title":"document-currency-euro","description":"Animated document-currency-euro icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-currency-euro.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-euro.json"},{"name":"document-currency-pound","title":"document-currency-pound","description":"Animated document-currency-pound icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-currency-pound.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-pound.json"},{"name":"document-currency-rupee","title":"document-currency-rupee","description":"Animated document-currency-rupee icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-currency-rupee.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-rupee.json"},{"name":"document-currency-yen","title":"document-currency-yen","description":"Animated document-currency-yen icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-currency-yen.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-yen.json"},{"name":"document-duplicate","title":"document-duplicate","description":"Animated document-duplicate icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-duplicate.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-duplicate.json"},{"name":"document-magnifying-glass","title":"document-magnifying-glass","description":"Animated document-magnifying-glass icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-magnifying-glass.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-magnifying-glass.json"},{"name":"document-minus","title":"document-minus","description":"Animated document-minus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-minus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-minus.json"},{"name":"document-plus","title":"document-plus","description":"Animated document-plus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-plus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-plus.json"},{"name":"document-text","title":"document-text","description":"Animated document-text icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document-text.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document-text.json"},{"name":"document","title":"document","description":"Animated document icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/document.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/document.json"},{"name":"ellipsis-horizontal-circle","title":"ellipsis-horizontal-circle","description":"Animated ellipsis-horizontal-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/ellipsis-horizontal-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/ellipsis-horizontal-circle.json"},{"name":"ellipsis-horizontal","title":"ellipsis-horizontal","description":"Animated ellipsis-horizontal icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/ellipsis-horizontal.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/ellipsis-horizontal.json"},{"name":"ellipsis-vertical","title":"ellipsis-vertical","description":"Animated ellipsis-vertical icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/ellipsis-vertical.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/ellipsis-vertical.json"},{"name":"envelope-open","title":"envelope-open","description":"Animated envelope-open icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/envelope-open.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/envelope-open.json"},{"name":"envelope","title":"envelope","description":"Animated envelope icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/envelope.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/envelope.json"},{"name":"equals","title":"equals","description":"Animated equals icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/equals.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/equals.json"},{"name":"exclamation-circle","title":"exclamation-circle","description":"Animated exclamation-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/exclamation-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/exclamation-circle.json"},{"name":"exclamation-triangle","title":"exclamation-triangle","description":"Animated exclamation-triangle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/exclamation-triangle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/exclamation-triangle.json"},{"name":"eye-dropper","title":"eye-dropper","description":"Animated eye-dropper icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/eye-dropper.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/eye-dropper.json"},{"name":"eye-slash","title":"eye-slash","description":"Animated eye-slash icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/eye-slash.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/eye-slash.json"},{"name":"eye","title":"eye","description":"Animated eye icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/eye.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/eye.json"},{"name":"face-frown","title":"face-frown","description":"Animated face-frown icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/face-frown.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/face-frown.json"},{"name":"face-smile","title":"face-smile","description":"Animated face-smile icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/face-smile.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/face-smile.json"},{"name":"film","title":"film","description":"Animated film icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/film.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/film.json"},{"name":"finger-print","title":"finger-print","description":"Animated finger-print icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/finger-print.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/finger-print.json"},{"name":"fire","title":"fire","description":"Animated fire icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/fire.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/fire.json"},{"name":"flag","title":"flag","description":"Animated flag icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/flag.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/flag.json"},{"name":"folder-arrow-down","title":"folder-arrow-down","description":"Animated folder-arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/folder-arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/folder-arrow-down.json"},{"name":"folder-minus","title":"folder-minus","description":"Animated folder-minus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/folder-minus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/folder-minus.json"},{"name":"folder-open","title":"folder-open","description":"Animated folder-open icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/folder-open.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/folder-open.json"},{"name":"folder-plus","title":"folder-plus","description":"Animated folder-plus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/folder-plus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/folder-plus.json"},{"name":"folder","title":"folder","description":"Animated folder icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/folder.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/folder.json"},{"name":"forward","title":"forward","description":"Animated forward icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/forward.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/forward.json"},{"name":"funnel","title":"funnel","description":"Animated funnel icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/funnel.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/funnel.json"},{"name":"gif","title":"gif","description":"Animated gif icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/gif.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/gif.json"},{"name":"gift-top","title":"gift-top","description":"Animated gift-top icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/gift-top.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/gift-top.json"},{"name":"gift","title":"gift","description":"Animated gift icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/gift.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/gift.json"},{"name":"globe-alt","title":"globe-alt","description":"Animated globe-alt icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/globe-alt.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/globe-alt.json"},{"name":"globe-americas","title":"globe-americas","description":"Animated globe-americas icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/globe-americas.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/globe-americas.json"},{"name":"globe-asia-australia","title":"globe-asia-australia","description":"Animated globe-asia-australia icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/globe-asia-australia.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/globe-asia-australia.json"},{"name":"globe-europe-africa","title":"globe-europe-africa","description":"Animated globe-europe-africa icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/globe-europe-africa.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/globe-europe-africa.json"},{"name":"h1","title":"h1","description":"Animated h1 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/h1.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/h1.json"},{"name":"h2","title":"h2","description":"Animated h2 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/h2.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/h2.json"},{"name":"h3","title":"h3","description":"Animated h3 icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/h3.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/h3.json"},{"name":"hand-raised","title":"hand-raised","description":"Animated hand-raised icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/hand-raised.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/hand-raised.json"},{"name":"hand-thumb-down","title":"hand-thumb-down","description":"Animated hand-thumb-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/hand-thumb-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/hand-thumb-down.json"},{"name":"hand-thumb-up","title":"hand-thumb-up","description":"Animated hand-thumb-up icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/hand-thumb-up.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/hand-thumb-up.json"},{"name":"hashtag","title":"hashtag","description":"Animated hashtag icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/hashtag.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/hashtag.json"},{"name":"heart","title":"heart","description":"Animated heart icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/heart.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/heart.json"},{"name":"home-modern","title":"home-modern","description":"Animated home-modern icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/home-modern.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/home-modern.json"},{"name":"home","title":"home","description":"Animated home icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/home.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/home.json"},{"name":"identification","title":"identification","description":"Animated identification icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/identification.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/identification.json"},{"name":"inbox-arrow-down","title":"inbox-arrow-down","description":"Animated inbox-arrow-down icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/inbox-arrow-down.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/inbox-arrow-down.json"},{"name":"inbox-stack","title":"inbox-stack","description":"Animated inbox-stack icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/inbox-stack.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/inbox-stack.json"},{"name":"inbox","title":"inbox","description":"Animated inbox icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/inbox.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/inbox.json"},{"name":"information-circle","title":"information-circle","description":"Animated information-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/information-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/information-circle.json"},{"name":"italic","title":"italic","description":"Animated italic icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/italic.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/italic.json"},{"name":"key","title":"key","description":"Animated key icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/key.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/key.json"},{"name":"language","title":"language","description":"Animated language icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/language.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/language.json"},{"name":"lifebuoy","title":"lifebuoy","description":"Animated lifebuoy icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/lifebuoy.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/lifebuoy.json"},{"name":"light-bulb","title":"light-bulb","description":"Animated light-bulb icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/light-bulb.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/light-bulb.json"},{"name":"link-slash","title":"link-slash","description":"Animated link-slash icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/link-slash.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/link-slash.json"},{"name":"link","title":"link","description":"Animated link icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/link.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/link.json"},{"name":"list-bullet","title":"list-bullet","description":"Animated list-bullet icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/list-bullet.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/list-bullet.json"},{"name":"lock-closed","title":"lock-closed","description":"Animated lock-closed icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/lock-closed.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/lock-closed.json"},{"name":"lock-open","title":"lock-open","description":"Animated lock-open icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/lock-open.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/lock-open.json"},{"name":"magnifying-glass-circle","title":"magnifying-glass-circle","description":"Animated magnifying-glass-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/magnifying-glass-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass-circle.json"},{"name":"magnifying-glass-minus","title":"magnifying-glass-minus","description":"Animated magnifying-glass-minus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/magnifying-glass-minus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass-minus.json"},{"name":"magnifying-glass-plus","title":"magnifying-glass-plus","description":"Animated magnifying-glass-plus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/magnifying-glass-plus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass-plus.json"},{"name":"magnifying-glass","title":"magnifying-glass","description":"Animated magnifying-glass icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/magnifying-glass.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass.json"},{"name":"map-pin","title":"map-pin","description":"Animated map-pin icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/map-pin.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/map-pin.json"},{"name":"map","title":"map","description":"Animated map icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/map.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/map.json"},{"name":"megaphone","title":"megaphone","description":"Animated megaphone icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/megaphone.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/megaphone.json"},{"name":"microphone","title":"microphone","description":"Animated microphone icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/microphone.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/microphone.json"},{"name":"minus-circle","title":"minus-circle","description":"Animated minus-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/minus-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/minus-circle.json"},{"name":"minus","title":"minus","description":"Animated minus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/minus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/minus.json"},{"name":"moon","title":"moon","description":"Animated moon icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/moon.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/moon.json"},{"name":"musical-note","title":"musical-note","description":"Animated musical-note icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/musical-note.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/musical-note.json"},{"name":"newspaper","title":"newspaper","description":"Animated newspaper icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/newspaper.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/newspaper.json"},{"name":"no-symbol","title":"no-symbol","description":"Animated no-symbol icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/no-symbol.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/no-symbol.json"},{"name":"numbered-list","title":"numbered-list","description":"Animated numbered-list icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/numbered-list.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/numbered-list.json"},{"name":"paint-brush","title":"paint-brush","description":"Animated paint-brush icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/paint-brush.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/paint-brush.json"},{"name":"paper-airplane","title":"paper-airplane","description":"Animated paper-airplane icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/paper-airplane.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/paper-airplane.json"},{"name":"paper-clip","title":"paper-clip","description":"Animated paper-clip icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/paper-clip.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/paper-clip.json"},{"name":"pause-circle","title":"pause-circle","description":"Animated pause-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/pause-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/pause-circle.json"},{"name":"pause","title":"pause","description":"Animated pause icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/pause.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/pause.json"},{"name":"pencil-square","title":"pencil-square","description":"Animated pencil-square icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/pencil-square.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/pencil-square.json"},{"name":"pencil","title":"pencil","description":"Animated pencil icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/pencil.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/pencil.json"},{"name":"percent-badge","title":"percent-badge","description":"Animated percent-badge icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/percent-badge.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/percent-badge.json"},{"name":"phone-arrow-down-left","title":"phone-arrow-down-left","description":"Animated phone-arrow-down-left icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/phone-arrow-down-left.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/phone-arrow-down-left.json"},{"name":"phone-arrow-up-right","title":"phone-arrow-up-right","description":"Animated phone-arrow-up-right icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/phone-arrow-up-right.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/phone-arrow-up-right.json"},{"name":"phone-x-mark","title":"phone-x-mark","description":"Animated phone-x-mark icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/phone-x-mark.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/phone-x-mark.json"},{"name":"phone","title":"phone","description":"Animated phone icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/phone.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/phone.json"},{"name":"photo","title":"photo","description":"Animated photo icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/photo.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/photo.json"},{"name":"play-circle","title":"play-circle","description":"Animated play-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/play-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/play-circle.json"},{"name":"play-pause","title":"play-pause","description":"Animated play-pause icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/play-pause.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/play-pause.json"},{"name":"play","title":"play","description":"Animated play icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/play.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/play.json"},{"name":"plus-circle","title":"plus-circle","description":"Animated plus-circle icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/plus-circle.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/plus-circle.json"},{"name":"plus","title":"plus","description":"Animated plus icon for React","type":"registry:ui","source_url":"https://www.heroicons-animated.com/r/plus.json","install_command":"npx shadcn@latest add https://www.heroicons-animated.com/r/plus.json"}]},{"id":"heyompatil","name":"@heyompatil","slug":"heyompatil","description":"Crafted UI components, micro-interactions, and visual effects for React and Next.js.","author":"ompatil1906","framework":"react","license":"MIT","tags":["animation","audio","auth","backgrounds","blocks","buttons","cards","charts","cms","hooks","icons","loaders","maps","marketing","media","navigation","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://heyompatil.me/components","github":"https://github.com/ompatil1906/Portfolio","registry":"https://heyompatil.me/r/registry.json","source":"https://heyompatil.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/heyompatil","markdown":"https://sh4dcn.netlify.app/md/heyompatil.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 702 702' fill='var(--foreground)'><g transform='translate(0, 191.6)'><path fill='currentColor' d='M 255.05 255.04 L 255.05 318.8 L 63.77 318.8 L 63.77 255.04 Z M 0 255.04 L 0 63.77 L 63.77 63.77 L 63.77 255.04 Z M 63.77 63.77 L 63.77 0 L 255.05 0 L 255.05 63.77 Z M 255.05 255.04 L 255.05 63.77 L 318.8 63.77 L 318.8 255.04 Z'/><path fill='currentColor' d='M 382.55 318.8 L 382.55 0 L 637.6 0 L 637.6 63.77 L 446.32 63.77 L 446.32 127.52 L 637.6 127.52 L 637.6 191.29 L 446.32 191.29 L 446.32 318.8 Z M 637.6 127.52 L 637.6 63.77 L 701.35 63.77 L 701.35 127.52 Z'/></g></svg>","preview_image":"https://heyompatil.me/og/simple?title=Components&amp;description=Pixel-perfect%2C%20uniquely%20crafted.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-25T17:11:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://heyompatil.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://heyompatil.me/r/registry.json","install_bun":"bunx shadcn@latest add https://heyompatil.me/r/registry.json","clone":"git clone https://github.com/ompatil1906/Portfolio.git","clone_degit":"npx degit ompatil1906/Portfolio","registry_fetch":"curl -s https://heyompatil.me/r/registry.json"},"component_count":76,"components":[{"name":"haptic","title":"Haptic Feedback","description":"Trigger haptic feedback on mobile devices.","type":"registry:lib","source_url":"https://heyompatil.me/r/haptic.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/haptic.json"},{"name":"get-github-data","title":"Get GitHub Data","description":"Fetch a GitHub user's repositories and authored pull requests, with caching and rate-limit handling.","type":"registry:lib","source_url":"https://heyompatil.me/r/get-github-data.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/get-github-data.json"},{"name":"get-openpanel-overview","title":"Get OpenPanel Overview","description":"Fetch OpenPanel analytics overview metrics and their period-over-period changes, with caching.","type":"registry:lib","source_url":"https://heyompatil.me/r/get-openpanel-overview.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/get-openpanel-overview.json"},{"name":"use-sound","title":"useSound","description":"Hook for playing sound effects with volume, playback rate, and interrupt controls.","type":"registry:hook","source_url":"https://heyompatil.me/r/use-sound.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/use-sound.json"},{"name":"use-controllable-state","title":"useControllableState","description":null,"type":"registry:hook","source_url":"https://heyompatil.me/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/use-controllable-state.json"},{"name":"ui","title":"@heyompatil/ui","description":"A collection of crafted UI components, micro-interactions, and visual effects for React and Next.js.","type":"registry:component","source_url":"https://heyompatil.me/r/ui.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/ui.json"},{"name":"theme-switcher","title":"Theme Switcher","description":"Toggle between system, light, and dark themes in Next.js apps.","type":"registry:component","source_url":"https://heyompatil.me/r/theme-switcher.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-switcher.json"},{"name":"text-flip","title":"Text Flip","description":"Animated text that cycles through items with a smooth flip transition.","type":"registry:component","source_url":"https://heyompatil.me/r/text-flip.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/text-flip.json"},{"name":"apple-hello-effect","title":"Apple Hello Effect","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://heyompatil.me/r/apple-hello-effect.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/apple-hello-effect.json"},{"name":"apple-hello-effect-hindi","title":"Apple Hello Effect - Hindi","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://heyompatil.me/r/apple-hello-effect-hindi.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/apple-hello-effect-hindi.json"},{"name":"apple-hello-effect-spanish","title":"Apple Hello Effect - Spanish","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://heyompatil.me/r/apple-hello-effect-spanish.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/apple-hello-effect-spanish.json"},{"name":"apple-hello-effect-vietnamese","title":"Apple Hello Effect - Vietnamese","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://heyompatil.me/r/apple-hello-effect-vietnamese.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/apple-hello-effect-vietnamese.json"},{"name":"swipe-actions","title":"Swipe Actions","description":"Swipe a row in a list to reveal actions on the left or right.","type":"registry:component","source_url":"https://heyompatil.me/r/swipe-actions.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/swipe-actions.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","type":"registry:component","source_url":"https://heyompatil.me/r/wheel-picker.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/wheel-picker.json"},{"name":"chevrons-up-down-icon","title":null,"description":"Animated chevrons icon that morphs between up and down directions.","type":"registry:component","source_url":"https://heyompatil.me/r/chevrons-up-down-icon.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/chevrons-up-down-icon.json"},{"name":"typography","title":"Typography","description":"Custom prose styles for headings, links, inline code, and emphasis.","type":"registry:component","source_url":"https://heyompatil.me/r/typography.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/typography.json"},{"name":"work-experience","title":"Work Experience","description":"Display work experiences with role details, company logos, and durations.","type":"registry:component","source_url":"https://heyompatil.me/r/work-experience.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/work-experience.json"},{"name":"shimmering-text","title":"Shimmering Text","description":"Smooth, light-sweeping shimmer animation for text.","type":"registry:component","source_url":"https://heyompatil.me/r/shimmering-text.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/shimmering-text.json"},{"name":"slide-to-unlock","title":"Slide to Unlock","description":"Interactive slider inspired by the classic iPhone “slide to unlock” gesture.","type":"registry:component","source_url":"https://heyompatil.me/r/slide-to-unlock.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/slide-to-unlock.json"},{"name":"testimonials-marquee","title":"Testimonials Marquee","description":"Scrolling marquee to showcase user testimonials.","type":"registry:component","source_url":"https://heyompatil.me/r/testimonials-marquee.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/testimonials-marquee.json"},{"name":"testimonial","title":"Testimonial","description":"Display user feedback with author info, avatar, and verified badge.","type":"registry:component","source_url":"https://heyompatil.me/r/testimonial.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/testimonial.json"},{"name":"github-stars","title":"GitHub Stars","description":"Display GitHub repo star count with formatted numbers and full-count tooltip.","type":"registry:component","source_url":"https://heyompatil.me/r/github-stars.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/github-stars.json"},{"name":"scroll-fade-effect","title":"Scroll Fade Effect","description":"Fade content edges as you scroll, for both vertical and horizontal layouts.","type":"registry:component","source_url":"https://heyompatil.me/r/scroll-fade-effect.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/scroll-fade-effect.json"},{"name":"consent-manager","title":"Consent Manager","description":"Cookie and tracking consent banner for Next.js, built on c15t.","type":"registry:component","source_url":"https://heyompatil.me/r/consent-manager.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/consent-manager.json"},{"name":"copy-button","title":"Copy Button","description":"Copy text to clipboard with visual, haptic, and audio feedback.","type":"registry:component","source_url":"https://heyompatil.me/r/copy-button.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/copy-button.json"},{"name":"code-block-command","title":"Code Block Command","description":"Display install commands with package manager switcher and copy button.","type":"registry:component","source_url":"https://heyompatil.me/r/code-block-command.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/code-block-command.json"},{"name":"testimonial-spotlight","title":"Testimonial Spotlight","description":"Testimonial card with spotlight effect on hover.","type":"registry:component","source_url":"https://heyompatil.me/r/testimonial-spotlight.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/testimonial-spotlight.json"},{"name":"glow-card-grid","title":"Glow Card Grid","description":"Display cards with glowing border and background effects.","type":"registry:component","source_url":"https://heyompatil.me/r/glow-card-grid.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/glow-card-grid.json"},{"name":"middle-truncation","title":"Middle Truncation","description":"Truncate text in the middle while preserving start and end.","type":"registry:component","source_url":"https://heyompatil.me/r/middle-truncation.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/middle-truncation.json"},{"name":"twemoji","title":"Twemoji","description":"Render Unicode emoji as Twemoji SVG images inline with text.","type":"registry:component","source_url":"https://heyompatil.me/r/twemoji.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/twemoji.json"},{"name":"elastic-slider","title":"Elastic Slider","description":"Slider with elastic rubber-band drag and magnetic snap feedback.","type":"registry:component","source_url":"https://heyompatil.me/r/elastic-slider.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/elastic-slider.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"A GitHub-style contribution graph component that displays activity levels over time.","type":"registry:component","source_url":"https://heyompatil.me/r/contribution-graph.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/contribution-graph.json"},{"name":"github-contributions","title":"GitHub Contributions","description":"Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link.","type":"registry:component","source_url":"https://heyompatil.me/r/github-contributions.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/github-contributions.json"},{"name":"toc-minimap","title":"TOC Minimap","description":"Navigate page sections with a compact, hoverable TOC minimap.","type":"registry:component","source_url":"https://heyompatil.me/r/toc-minimap.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/toc-minimap.json"},{"name":"fluid-gradient-text","title":"Fluid Gradient Text","description":"Render text with a fluid gradient that shifts with pointer movement.","type":"registry:component","source_url":"https://heyompatil.me/r/fluid-gradient-text.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/fluid-gradient-text.json"},{"name":"brand-assets-menu","title":"Brand Assets Menu","description":"Context menu for copying brand SVGs and opening asset links.","type":"registry:component","source_url":"https://heyompatil.me/r/brand-assets-menu.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/brand-assets-menu.json"},{"name":"icon-swap","title":"Icon Swap","description":"Animate icon swaps with scale, blur, and fade transitions.","type":"registry:component","source_url":"https://heyompatil.me/r/icon-swap.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/icon-swap.json"},{"name":"dot-grid-spotlight","title":"Dot Grid Spotlight","description":"Interactive dot grid with a cursor-tracking spotlight effect.","type":"registry:component","source_url":"https://heyompatil.me/r/dot-grid-spotlight.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/dot-grid-spotlight.json"},{"name":"spinning-circular-text","title":"Spinning Circular Text","description":"Text arranged in a circle with a continuous spinning animation.","type":"registry:component","source_url":"https://heyompatil.me/r/spinning-circular-text.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/spinning-circular-text.json"},{"name":"mobius-loop-icon","title":"Mobius Loop Icon","description":"Animated Mobius loop icon that morphs between circles and infinity shape.","type":"registry:component","source_url":"https://heyompatil.me/r/mobius-loop-icon.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/mobius-loop-icon.json"},{"name":"logos-carousel","title":"Logos Carousel","description":"Cycle through logos column by column in a staggered wave.","type":"registry:component","source_url":"https://heyompatil.me/r/logos-carousel.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/logos-carousel.json"},{"name":"logos-flip","title":"Logos Flip","description":"Flip cards in a staggered wave to reveal the next batch of logos.","type":"registry:component","source_url":"https://heyompatil.me/r/logos-flip.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/logos-flip.json"},{"name":"testimonial-2","title":"Testimonial 2","description":"Display a testimonial quote with author attribution and source link.","type":"registry:component","source_url":"https://heyompatil.me/r/testimonial-2.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/testimonial-2.json"},{"name":"line-nav","title":"Line Nav","description":"Vertical navigation with a line marker that expands on hover and active state.","type":"registry:component","source_url":"https://heyompatil.me/r/line-nav.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/line-nav.json"},{"name":"share-menu","title":"Share Menu","description":"Share menu to copy a link or post to X, LinkedIn, and the native share sheet.","type":"registry:component","source_url":"https://heyompatil.me/r/share-menu.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/share-menu.json"},{"name":"spotlight-logo","title":"Spotlight Logo","description":"SVG logo with a cursor-tracking gradient highlight and tactile press.","type":"registry:component","source_url":"https://heyompatil.me/r/spotlight-logo.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/spotlight-logo.json"},{"name":"timescale","title":"Timescale","description":"Ruler-style timeline for plotting milestones along a horizontal or vertical axis.","type":"registry:component","source_url":"https://heyompatil.me/r/timescale.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/timescale.json"},{"name":"status-button","title":"Status Button","description":"Button that shows loading and success feedback for async actions.","type":"registry:component","source_url":"https://heyompatil.me/r/status-button.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/status-button.json"},{"name":"carbon-ads","title":"Carbon Ads","description":"Display a Carbon Ads unit in Next.js apps, styled to match your shadcn/ui theme.","type":"registry:component","source_url":"https://heyompatil.me/r/carbon-ads.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/carbon-ads.json"},{"name":"apple-carousel","title":"Apple Carousel","description":"Infinite autoplay carousel with progress dots, inspired by Apple’s website.","type":"registry:component","source_url":"https://heyompatil.me/r/apple-carousel.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/apple-carousel.json"},{"name":"jpg-card-holder","title":"JPG Card Holder","description":"Leather card holder shaped like a JPG file, with cards you can pull out.","type":"registry:component","source_url":"https://heyompatil.me/r/jpg-card-holder.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/jpg-card-holder.json"},{"name":"github-repo-list","title":"GitHub Repo List","description":"List GitHub repositories with language, fork origin, and star counts.","type":"registry:component","source_url":"https://heyompatil.me/r/github-repo-list.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/github-repo-list.json"},{"name":"github-contribution-list","title":"GitHub Contribution List","description":"List authored pull requests with merged, open, and closed states.","type":"registry:component","source_url":"https://heyompatil.me/r/github-contribution-list.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/github-contribution-list.json"},{"name":"login-01","title":"Login 01","description":"A simple login form.","type":"registry:block","source_url":"https://heyompatil.me/r/login-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/login-01.json"},{"name":"hero-01","title":"Hero 01","description":"A hero section with a golden spiral background.","type":"registry:block","source_url":"https://heyompatil.me/r/hero-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/hero-01.json"},{"name":"blog-01","title":"Blog 01","description":"A blog section with a grid layout.","type":"registry:block","source_url":"https://heyompatil.me/r/blog-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/blog-01.json"},{"name":"blog-02","title":"Blog 02","description":"A blog section with a lined grid layout.","type":"registry:block","source_url":"https://heyompatil.me/r/blog-02.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/blog-02.json"},{"name":"testimonials-01","title":"Testimonials 01","description":"A testimonials section with dual marquees.","type":"registry:block","source_url":"https://heyompatil.me/r/testimonials-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/testimonials-01.json"},{"name":"testimonials-02","title":"Testimonials 02","description":"A testimonials section with a lined layout.","type":"registry:block","source_url":"https://heyompatil.me/r/testimonials-02.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/testimonials-02.json"},{"name":"experience-01","title":"Experience 01","description":"A work experience section with a lined layout.","type":"registry:block","source_url":"https://heyompatil.me/r/experience-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/experience-01.json"},{"name":"team-01","title":"Team 01","description":"A team section with glowing cards.","type":"registry:block","source_url":"https://heyompatil.me/r/team-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/team-01.json"},{"name":"metrics-01","title":"Metrics 01","description":"A metrics section with a line chart.","type":"registry:block","source_url":"https://heyompatil.me/r/metrics-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/metrics-01.json"},{"name":"social-links-01","title":"Social Links 01","description":"A social links section with a lined grid layout.","type":"registry:block","source_url":"https://heyompatil.me/r/social-links-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/social-links-01.json"},{"name":"social-proof-01","title":"Social Proof 01","description":"A social proof section with a logos carousel.","type":"registry:block","source_url":"https://heyompatil.me/r/social-proof-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/social-proof-01.json"},{"name":"not-found-01","title":"Not Found 01","description":"A 404 page with a playable brick breaker game.","type":"registry:block","source_url":"https://heyompatil.me/r/not-found-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/not-found-01.json"},{"name":"open-source-01","title":"Open Source 01","description":"An open source section with authored pull requests and repositories.","type":"registry:block","source_url":"https://heyompatil.me/r/open-source-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/open-source-01.json"},{"name":"support-01","title":"Support 01","description":"A support call-to-action with sponsor and star actions.","type":"registry:block","source_url":"https://heyompatil.me/r/support-01.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/support-01.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/style.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/style.json"},{"name":"theme-toggle-effect-triangle","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-triangle.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-triangle.json"},{"name":"theme-toggle-effect-triangle-blur","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-triangle-blur.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-triangle-blur.json"},{"name":"theme-toggle-effect-circle","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-circle.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-circle.json"},{"name":"theme-toggle-effect-circle-blur","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-circle-blur.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-circle-blur.json"},{"name":"theme-toggle-effect-circle-blur-top-left","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-circle-blur-top-left.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-circle-blur-top-left.json"},{"name":"theme-toggle-effect-polygon","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-polygon.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-polygon.json"},{"name":"theme-toggle-effect-polygon-gradient","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/theme-toggle-effect-polygon-gradient.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/theme-toggle-effect-polygon-gradient.json"},{"name":"thin-scrollbar","title":null,"description":null,"type":"registry:style","source_url":"https://heyompatil.me/r/thin-scrollbar.json","install_command":"npx shadcn@latest add https://heyompatil.me/r/thin-scrollbar.json"}]},{"id":"hextaui","name":"@hextaui","slug":"hextaui","description":"A shadcn/ui extension registry with 139 items spanning the full primitive set (Accordion through Tooltip, plus Button Group, Command Menu, Empty, Field, Input Group, Spinner, Video Player, Native Select, and Tree) and large suites of AI chat components (14: AI Chat History, Citations, File Upload, Model Selector, Streaming Response, Thinking, etc.), Auth flows (15: Login, Signup, OTP, Social, Magic Link, Recovery Codes), Billing blocks (14: Pricing Table, Invoice List, Payment Form, Subscription Card), Settings panels (17), Team views (12), and Task management blocks (7). Tailwind CSS, shadcn-compatible. Free. Use for: scaffolding complete SaaS application UI sections — especially auth, billing, team management, and AI chat — with production-quality blocks.","author":"preetsuthar17","framework":"react","license":"MIT","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Component library (general)"],"labels":["pro","recently-updated"],"urls":{"website":"https://hextaui.com","github":"https://github.com/preetsuthar17/hextaui","registry":"https://hextaui.com/r/registry.json","source":"https://hextaui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hextaui","markdown":"https://sh4dcn.netlify.app/md/hextaui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='1082' height='1082' fill='none' viewBox='0 0 1082 1082' class='dark:brightness-200'><g filter='url(#a)'><g clip-path='url(#b)'><rect width='1066' height='1066' x='7.703' y='7.699' fill='var(--background)' rx='533'/><mask id='c' width='1067' height='1067' x='7' y='7' maskUnits='userSpaceOnUse' style='mask-type:luminance'><path fill='#fff' d='M1018.68 7.7H62.723c-30.387 0-55.02 24.632-55.02 55.019v955.961c0 30.39 24.633 55.02 55.02 55.02h955.957c30.39 0 55.02-24.63 55.02-55.02V62.719c0-30.387-24.63-55.02-55.02-55.02'/></mask><g mask='url(#c)'><mask id='d' width='1040' height='1039' x='21' y='21' maskUnits='userSpaceOnUse' style='mask-type:alpha'><path fill='#d9d9d9' stroke='#f36006' d='M540.732 1059.48c286.518 0 518.788-232.265 518.788-518.783S827.25 21.91 540.732 21.91 21.945 254.18 21.945 540.697s232.269 518.783 518.787 518.783Z'/></mask><g mask='url(#d)'><path fill='url(#e)' d='m1071.67 501.544 104.72 94.295c14.96 13.47 16.17 36.518 2.7 51.478s-36.52 16.169-51.48 2.698l-56.56-50.93a.86.86 0 0 0-1.43.545 529.6 529.6 0 0 1-13.46 73.806c-.08.31.02.639.26.853l27.25 24.536c14.96 13.47 16.16 36.518 2.69 51.478s-36.51 16.168-51.47 2.697l-3.49-3.137a.854.854 0 0 0-1.36.3 532 532 0 0 1-29.82 59.078.86.86 0 0 0 .16 1.073c9.75 8.773 10.53 23.784 1.76 33.528l-23.671 26.29c-5.094 5.658-13.81 6.114-19.468 1.02a.86.86 0 0 0-1.248.105 536 536 0 0 1-42.612 47.559.86.86 0 0 0 .029 1.25c5.593 5.036 6.044 13.653 1.008 19.247l-24.144 26.814c-8.57 9.518-23.232 10.286-32.75 1.716a.86.86 0 0 0-1.088-.05 532 532 0 0 1-55.339 36.097.863.863 0 0 0-.152 1.39l2.776 2.5c14.961 13.47 16.169 36.52 2.698 51.48s-36.518 16.17-51.478 2.7l-26.097-23.5a.86.86 0 0 0-.88-.17 526 526 0 0 1-71.518 21.53c-.681.16-.906 1.02-.387 1.48l54.934 49.46c14.961 13.48 16.169 36.52 2.698 51.48s-36.518 16.17-51.478 2.7l-102.461-92.26a.85.85 0 0 0-.608-.22c-6.701.25-13.435.38-20.197.38-27.801 0-55.101-2.13-81.749-6.24-.844-.13-1.341.92-.707 1.49l161.774 145.66c14.961 13.47 16.169 36.52 2.698 51.48s-36.518 16.17-51.479 2.7l-294.108-264.82h-.001a1 1 0 0 0-.147-.11c-66.38-37.947-123.801-89.781-168.305-151.542a1 1 0 0 0-.122-.135l-292.176-263.078c-14.961-13.47-16.168-36.518-2.698-51.478s36.517-16.168 51.477-2.697L24.75 677.762c.635.572 1.625-.033 1.407-.859-8.57-32.462-14.15-66.139-16.427-100.717a.86.86 0 0 0-.282-.583l-100.335-90.342c-14.961-13.47-16.168-36.518-2.698-51.478s36.517-16.168 51.477-2.698l52.88 47.614a.86.86 0 0 0 1.43-.54 530 530 0 0 1 13.89-73.42.86.86 0 0 0-.256-.858L1.84 382.275c-14.96-13.47-16.167-36.518-2.697-51.478S35.66 314.63 50.62 328.1l.63.568a.86.86 0 0 0 1.364-.296 530 530 0 0 1 30.114-58.814.86.86 0 0 0-.165-1.078c-8.33-7.5-9.002-20.332-1.502-28.661l27.997-31.094c3.978-4.418 10.785-4.775 15.203-.797a.86.86 0 0 0 1.246-.1 535 535 0 0 1 42.875-47.324.86.86 0 0 0-.026-1.253c-4.499-4.051-4.863-10.983-.811-15.482l27.428-30.462c7.741-8.597 20.986-9.291 29.584-1.55a.86.86 0 0 0 1.085.054 533 533 0 0 1 55.631-35.837.86.86 0 0 0 .157-1.39l-1.404-1.263c-14.96-13.47-16.168-36.518-2.698-51.478s36.518-16.168 51.478-2.698l25.124 22.621a.86.86 0 0 0 .875.167 528 528 0 0 1 71.948-21.145.86.86 0 0 0 .392-1.479l-54.391-48.973c-14.961-13.47-16.169-36.518-2.698-51.479s36.518-16.167 51.478-2.697L524.168 8.573a.86.86 0 0 0 .6.22 542 542 0 0 1 15.939-.234c29.669 0 58.771 2.428 87.116 7.096.847.14 1.353-.913.715-1.487L465.481-132.65c-14.96-13.471-16.168-36.518-2.698-51.478s36.517-16.168 51.477-2.698L817.131 85.879a1 1 0 0 0 .126.095h.001c56.696 34.555 106.423 79.416 146.577 131.979l.001.002q.048.062.107.115l305.177 274.785c14.96 13.47 16.17 36.517 2.7 51.478s-36.52 16.167-51.48 2.697l-165.1-148.654c-.63-.575-1.63.039-1.4.866a530.5 530.5 0 0 1 17.55 101.726c.01.22.11.428.28.576M909.91 267.54l-.001-.002a1 1 0 0 0-.114-.126L773.753 144.92a1 1 0 0 0-.138-.101C725.348 116.36 671.42 96.477 613.929 87.265c-.846-.135-1.349.915-.712 1.488L982.66 421.401c.637.574 1.63-.035 1.406-.863-15.13-55.958-40.57-107.678-74.156-152.998M498.593 83.642a.86.86 0 0 0-.655-.217 457.6 457.6 0 0 0-79.632 14.526.86.86 0 0 0-.348 1.468L992.36 616.613a.86.86 0 0 0 1.424-.5 462.5 462.5 0 0 0 6.131-80.705.86.86 0 0 0-.283-.629zm473.878 613.883a.86.86 0 0 0-.232-.932L340.575 127.841a.86.86 0 0 0-.95-.134 459 459 0 0 0-58.156 33.865.86.86 0 0 0-.089 1.348l662.177 596.228a.86.86 0 0 0 1.33-.23 457 457 0 0 0 27.584-61.393M223.936 209.296a.86.86 0 0 0-1.169.019 462 462 0 0 0-43.046 47.468.86.86 0 0 0 .1 1.171l679.79 612.087a.86.86 0 0 0 1.174-.024 462 462 0 0 0 42.74-47.745.86.86 0 0 0-.105-1.165zm578.518 708.798a.86.86 0 0 0 .085-1.345l-663.226-597.17a.86.86 0 0 0-1.328.224 457 457 0 0 0-27.942 61.07.86.86 0 0 0 .23.938l633.426 570.338c.261.236.64.289.956.132a459 459 0 0 0 57.799-34.187M89.637 461.328a.86.86 0 0 0-1.422.492c-4.436 25.628-6.749 51.985-6.749 78.879l.002 1.274a.86.86 0 0 0 .285.636L586.816 997.37c.18.162.421.24.662.216a457 457 0 0 0 79.011-15.085.86.86 0 0 0 .341-1.467zm383.196 533.63c.842.124 1.335-.92.702-1.489L97.372 654.771c-.633-.57-1.62.028-1.408.853 13.747 53.353 36.841 102.951 67.432 146.945a1 1 0 0 0 .13.147l156.169 140.616q.075.067.162.115a456.1 456.1 0 0 0 152.976 51.511'/></g></g></g></g><defs><linearGradient id='e' x1='-211.917' x2='1297.42' y1='-132.296' y2='1213.4' gradientUnits='userSpaceOnUse'><stop offset='.202' stop-color='#fff' stop-opacity='0'/><stop offset='.635' stop-color='#0015ff'/></linearGradient><clipPath id='b'><rect width='1066' height='1066' x='7.703' y='7.699' fill='#fff' rx='533'/></clipPath><filter id='a' width='1081.4' height='1081.4' x='.003' y='-.001' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feColorMatrix in='noise' result='alphaNoise' type='luminanceToAlpha'/><feComponentTransfer in='alphaNoise' result='coloredNoise1'><feFuncA tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0' type='discrete'/></feComponentTransfer><feComposite in='coloredNoise1' in2='effect1_foregroundBlur_132_25' operator='in' result='noise1Clipped'/><feFlood flood-color='#fff' flood-opacity='.17' result='color1Flood'/><feComposite in='color1Flood' in2='noise1Clipped' operator='in' result='color1'/><feMerge result='effect2_noise_132_25'><feMergeNode in='effect1_foregroundBlur_132_25'/><feMergeNode in='color1'/></feMerge></filter></defs></svg>","preview_image":"https://hextaui.com/og/index.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://hextaui.com/pricing"},"metrics":{"github_stars":143,"open_issues":1,"last_commit":"2026-10-26T15:15:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hextaui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hextaui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://hextaui.com/r/registry.json","clone":"git clone https://github.com/preetsuthar17/hextaui.git","clone_degit":"npx degit preetsuthar17/hextaui","registry_fetch":"curl -s https://hextaui.com/r/registry.json"},"component_count":250,"components":[{"name":"theme","title":"Theme","description":"HextaUI design tokens: status colors, easing curves, hairline borders, type scale and the keyframes every component animates with.","type":"registry:theme","source_url":"https://hextaui.com/r/theme.json","install_command":"npx shadcn@latest add https://hextaui.com/r/theme.json"},{"name":"hotkey","title":"Hotkey","description":"Parse, label, announce and match keyboard shortcuts, with ⌘ on Apple platforms and Ctrl everywhere else.","type":"registry:lib","source_url":"https://hextaui.com/r/hotkey.json","install_command":"npx shadcn@latest add https://hextaui.com/r/hotkey.json"},{"name":"motion","title":"Motion","description":"The easing curves, durations and reduced-motion check every component animates with, plus hooks for size morphs and sliding highlights.","type":"registry:lib","source_url":"https://hextaui.com/r/motion.json","install_command":"npx shadcn@latest add https://hextaui.com/r/motion.json"},{"name":"use-autosize","title":"useAutosize","description":"Grows a textarea with what you write between its minimum and maximum height, animating each change without ever touching the text.","type":"registry:hook","source_url":"https://hextaui.com/r/use-autosize.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-autosize.json"},{"name":"use-button-feedback","title":"useButtonFeedback","description":"Runs an async action through loading, success and error, skipping the spinner for fast requests and holding an error while you read it.","type":"registry:hook","source_url":"https://hextaui.com/r/use-button-feedback.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-button-feedback.json"},{"name":"use-composed-ref","title":"useComposedRef","description":"Keeps a ref to your own element while still forwarding it to whatever ref the parent passed in.","type":"registry:hook","source_url":"https://hextaui.com/r/use-composed-ref.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-composed-ref.json"},{"name":"use-delayed-loading","title":"useDelayedLoading","description":"Shows a loading state only when work is actually slow, then keeps it up long enough that it never flickers.","type":"registry:hook","source_url":"https://hextaui.com/r/use-delayed-loading.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-delayed-loading.json"},{"name":"use-held-keys","title":"useHeldKeys","description":"The keys someone is holding down right now, shared by every subscriber through a single set of window listeners.","type":"registry:hook","source_url":"https://hextaui.com/r/use-held-keys.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-held-keys.json"},{"name":"use-invalid-shake","title":"useInvalidShake","description":"Shakes a form control when a submit attempt finds it invalid, and never while someone is still typing.","type":"registry:hook","source_url":"https://hextaui.com/r/use-invalid-shake.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-invalid-shake.json"},{"name":"use-merged-ref","title":"useMergedRef","description":"Combines any number of callback and object refs into one, with React 19 ref cleanup for each of them.","type":"registry:hook","source_url":"https://hextaui.com/r/use-merged-ref.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-merged-ref.json"},{"name":"use-pagination","title":"usePagination","description":"Turns a page and a page count into the list of pages and ellipses to render, keeping its length steady as the page moves.","type":"registry:hook","source_url":"https://hextaui.com/r/use-pagination.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-pagination.json"},{"name":"use-today","title":"useToday","description":"Today's date that rolls over at midnight and when the tab comes back, without a hydration mismatch.","type":"registry:hook","source_url":"https://hextaui.com/r/use-today.json","install_command":"npx shadcn@latest add https://hextaui.com/r/use-today.json"},{"name":"accordion","title":"Accordion","description":"Stacked headings that each reveal a panel, with height motion you can reverse mid-way and panels that stay searchable while closed.","type":"registry:ui","source_url":"https://hextaui.com/r/accordion.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion.json"},{"name":"alert","title":"Alert","description":"Inline messages for status and feedback, with a neutral surface, a colored icon and a dismiss that collapses smoothly.","type":"registry:ui","source_url":"https://hextaui.com/r/alert.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert.json"},{"name":"alert-dialog","title":"Alert dialog","description":"A confirmation dialog for destructive or important actions that waits for async work, and becomes a bottom sheet on phones.","type":"registry:ui","source_url":"https://hextaui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect ratio","description":"A box that holds its shape before media loads, shimmers while loading, fades the media in and falls back when it fails.","type":"registry:ui","source_url":"https://hextaui.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"File and image cards for uploads, with progress, states, actions, a full-card trigger and names that keep their extension.","type":"registry:ui","source_url":"https://hextaui.com/r/attachment.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"User photos with an initials fallback, status badges and stacked groups that collapse into a count.","type":"registry:ui","source_url":"https://hextaui.com/r/avatar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"Status labels with colored dots, removable tags that slide closed and counts that roll to their new value.","type":"registry:ui","source_url":"https://hextaui.com/r/badge.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A trail of links to the current page that wraps safely, mirrors in right-to-left layouts and expands collapsed segments in place.","type":"registry:ui","source_url":"https://hextaui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"Chat message bubbles with variants, grouped corners, reactions and room for interactive content.","type":"registry:ui","source_url":"https://hextaui.com/r/bubble.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble.json"},{"name":"button","title":"Button","description":"Buttons in every variant and size, with a built-in loading, success and error flow that skips the spinner for fast requests.","type":"registry:ui","source_url":"https://hextaui.com/r/button.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button.json"},{"name":"button-group","title":"Button group","description":"Buttons joined into one control, with shared seams, separators, text addons, nesting and vertical stacks.","type":"registry:ui","source_url":"https://hextaui.com/r/button-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A date grid for single, range and multiple selection, with sliding months, range previews and touch-sized days.","type":"registry:ui","source_url":"https://hextaui.com/r/calendar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar.json"},{"name":"card","title":"Card","description":"A surface for grouping content, with three variants, edge-to-edge media, concentric radii and whole-card links.","type":"registry:ui","source_url":"https://hextaui.com/r/card.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card.json"},{"name":"carousel","title":"Carousel","description":"Native scroll-snap slides with momentum on touch, mouse dragging, arrow keys, dots, thumbnails and an autoplay that pauses when it should.","type":"registry:ui","source_url":"https://hextaui.com/r/carousel.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel.json"},{"name":"chart","title":"Chart","description":"Recharts charts with themed colors, a tooltip and legend that read labels from one config, and keyboard navigation with a visible focus ring.","type":"registry:ui","source_url":"https://hextaui.com/r/chart.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A checkbox whose check draws in, with indeterminate parents, groups and labels that share its hover.","type":"registry:ui","source_url":"https://hextaui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://hextaui.com/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"A panel that shows and hides with height motion you can reverse mid-way, without jumping the layout.","type":"registry:ui","source_url":"https://hextaui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://hextaui.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A filterable select with chips, groups and async results, in a popup that resizes as you type.","type":"registry:ui","source_url":"https://hextaui.com/r/combobox.json","install_command":"npx shadcn@latest add https://hextaui.com/r/combobox.json"},{"name":"command","title":"Command","description":"A searchable list of actions, inline or as a ⌘K palette, with pages, shortcuts and highlighted matches.","type":"registry:ui","source_url":"https://hextaui.com/r/command.json","install_command":"npx shadcn@latest add https://hextaui.com/r/command.json"},{"name":"context-menu","title":"Context menu","description":"A menu of actions on right click or long press, with submenus, checkbox and radio items, and hold feedback on touch.","type":"registry:ui","source_url":"https://hextaui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/context-menu.json"},{"name":"data-table","title":"Data table","description":"A table for real data, with sorting, search, row selection, pinned columns, a sticky header and pagination.","type":"registry:ui","source_url":"https://hextaui.com/r/data-table.json","install_command":"npx shadcn@latest add https://hextaui.com/r/data-table.json"},{"name":"date-picker","title":"Date picker","description":"A button that opens a calendar in a popover, or a bottom sheet on phones, for single dates and ranges.","type":"registry:ui","source_url":"https://hextaui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://hextaui.com/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"A window over the page for forms and focused tasks, with a pinned header and footer, nesting, and a swipeable bottom sheet on phones.","type":"registry:ui","source_url":"https://hextaui.com/r/dialog.json","install_command":"npx shadcn@latest add https://hextaui.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from any edge and follows your finger, with snap points, a working handle and nested drawers that stack.","type":"registry:ui","source_url":"https://hextaui.com/r/drawer.json","install_command":"npx shadcn@latest add https://hextaui.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"A menu of actions and options behind a button, with groups, submenus, checkbox and radio items, and shortcuts.","type":"registry:ui","source_url":"https://hextaui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"A placeholder for screens with nothing to show yet, with an icon, a message and the next action.","type":"registry:ui","source_url":"https://hextaui.com/r/empty.json","install_command":"npx shadcn@latest add https://hextaui.com/r/empty.json"},{"name":"field","title":"Field","description":"Labels, descriptions and errors wired to their control, with validation states and layouts for forms.","type":"registry:ui","source_url":"https://hextaui.com/r/field.json","install_command":"npx shadcn@latest add https://hextaui.com/r/field.json"},{"name":"hover-card","title":"Hover card","description":"A preview card that opens when a link is hovered or focused, for content sighted users can glance at.","type":"registry:ui","source_url":"https://hextaui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://hextaui.com/r/hover-card.json"},{"name":"input","title":"Input","description":"A text input with three sizes, invalid and read-only states, native validation styling and a 16px touch font so phones never zoom in.","type":"registry:ui","source_url":"https://hextaui.com/r/input.json","install_command":"npx shadcn@latest add https://hextaui.com/r/input.json"},{"name":"input-group","title":"Input group","description":"An input with icons, text, buttons or a keyboard hint attached, sharing one border and focus ring.","type":"registry:ui","source_url":"https://hextaui.com/r/input-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"One-time code slots that take typing, paste and SMS autofill, with an opt-in animation that cascades codes in and a status for verifying.","type":"registry:ui","source_url":"https://hextaui.com/r/input-otp.json","install_command":"npx shadcn@latest add https://hextaui.com/r/input-otp.json"},{"name":"item","title":"Item","description":"A row of media, text and actions for lists, settings and pickers, with a grouped surface and a hover highlight that glides between rows.","type":"registry:ui","source_url":"https://hextaui.com/r/item.json","install_command":"npx shadcn@latest add https://hextaui.com/r/item.json"},{"name":"kbd","title":"Kbd","description":"Key caps for shortcuts that show the right symbols on every platform, read them out properly and press down with the real keys.","type":"registry:ui","source_url":"https://hextaui.com/r/kbd.json","install_command":"npx shadcn@latest add https://hextaui.com/r/kbd.json"},{"name":"label","title":"Label","description":"A label that follows its control, dimming when it's disabled and marking it required or optional on its own.","type":"registry:ui","source_url":"https://hextaui.com/r/label.json","install_command":"npx shadcn@latest add https://hextaui.com/r/label.json"},{"name":"marker","title":"Marker","description":"Quiet notes between content, like date dividers and system events, with sticky dates and times that read as Today or Yesterday.","type":"registry:ui","source_url":"https://hextaui.com/r/marker.json","install_command":"npx shadcn@latest add https://hextaui.com/r/marker.json"},{"name":"menubar","title":"Menubar","description":"A desktop-style bar of menus with one highlight that slides between open menus and instant switching as you sweep across.","type":"registry:ui","source_url":"https://hextaui.com/r/menubar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/menubar.json"},{"name":"message","title":"Message","description":"A chat message row with an avatar, name, bubbles and status, where new messages rise in from the sender's side.","type":"registry:ui","source_url":"https://hextaui.com/r/message.json","install_command":"npx shadcn@latest add https://hextaui.com/r/message.json"},{"name":"message-scroller","title":"Message scroller","description":"A chat scroll area that follows new messages, keeps your place while you read back, and counts what you missed on the jump button.","type":"registry:ui","source_url":"https://hextaui.com/r/message-scroller.json","install_command":"npx shadcn@latest add https://hextaui.com/r/message-scroller.json"},{"name":"native-select","title":"Native select","description":"The browser's own select, styled to match Input, with a quiet placeholder, Field support and the OS picker on every device.","type":"registry:ui","source_url":"https://hextaui.com/r/native-select.json","install_command":"npx shadcn@latest add https://hextaui.com/r/native-select.json"},{"name":"navigation-menu","title":"Navigation menu","description":"Site navigation with dropdowns, or one full-width panel that stays open while its content slides between menus.","type":"registry:ui","source_url":"https://hextaui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://hextaui.com/r/navigation-menu.json"},{"name":"number-flow","title":"Number flow","description":"Animated numbers where only the changed digits spin, with any Intl format and locale.","type":"registry:ui","source_url":"https://hextaui.com/r/number-flow.json","install_command":"npx shadcn@latest add https://hextaui.com/r/number-flow.json"},{"name":"pagination","title":"Pagination","description":"Page navigation that keeps every button in place, glides to the current page and jumps to any page from the ellipsis.","type":"registry:ui","source_url":"https://hextaui.com/r/pagination.json","install_command":"npx shadcn@latest add https://hextaui.com/r/pagination.json"},{"name":"popover","title":"Popover","description":"A floating panel anchored to a trigger that resizes smoothly with its content and follows the trigger’s direction.","type":"registry:ui","source_url":"https://hextaui.com/r/popover.json","install_command":"npx shadcn@latest add https://hextaui.com/r/popover.json"},{"name":"progress","title":"Progress","description":"A bar or ring that shows how far a task has come, eases between updates and slides while the total is unknown.","type":"registry:ui","source_url":"https://hextaui.com/r/progress.json","install_command":"npx shadcn@latest add https://hextaui.com/r/progress.json"},{"name":"questionnaire","title":"Questionnaire","description":"A step-by-step form that moves between questions with a sense of direction, shows real progress and answers from the keyboard.","type":"registry:ui","source_url":"https://hextaui.com/r/questionnaire.json","install_command":"npx shadcn@latest add https://hextaui.com/r/questionnaire.json"},{"name":"radio-group","title":"Radio group","description":"Pick one option from a set, with a dot that hands off between choices and cards whose selection ring slides to the new pick.","type":"registry:ui","source_url":"https://hextaui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Panels you can drag apart, with a quiet divider that wakes up on hover, sizes that glide on reset or collapse, and layouts that persist.","type":"registry:ui","source_url":"https://hextaui.com/r/resizable.json","install_command":"npx shadcn@latest add https://hextaui.com/r/resizable.json"},{"name":"safe-area","title":"Safe area","description":"A pointer safe triangle that keeps submenus and flyouts open while the cursor travels diagonally toward them.","type":"registry:ui","source_url":"https://hextaui.com/r/safe-area.json","install_command":"npx shadcn@latest add https://hextaui.com/r/safe-area.json"},{"name":"scroll-area","title":"Scroll area","description":"Native scrolling with a minimal scrollbar, edges that fade only where there’s more to see, and an optional peek that cuts the last item in half.","type":"registry:ui","source_url":"https://hextaui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://hextaui.com/r/scroll-area.json"},{"name":"select","title":"Select","description":"Pick one or more options from a list that opens on the current value, with typeahead, groups and form support.","type":"registry:ui","source_url":"https://hextaui.com/r/select.json","install_command":"npx shadcn@latest add https://hextaui.com/r/select.json"},{"name":"separator","title":"Separator","description":"A hairline that divides content horizontally or vertically, with an optional label and a decorative mode for purely visual lines.","type":"registry:ui","source_url":"https://hextaui.com/r/separator.json","install_command":"npx shadcn@latest add https://hextaui.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from any edge, with swipe-to-dismiss, scroll lock and stacked nesting.","type":"registry:ui","source_url":"https://hextaui.com/r/sheet.json","install_command":"npx shadcn@latest add https://hextaui.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"An app sidebar that collapses to icons or off canvas, stays pinned under your header, and becomes a swipeable sheet on phones.","type":"registry:ui","source_url":"https://hextaui.com/r/sidebar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholders that wait 150ms before showing, take the exact size of the content they wrap, and fade it in without moving anything.","type":"registry:ui","source_url":"https://hextaui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://hextaui.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Pick a value or a range by dragging, tapping the track or using the keys, with jumps that glide and an optional value bubble.","type":"registry:ui","source_url":"https://hextaui.com/r/slider.json","install_command":"npx shadcn@latest add https://hextaui.com/r/slider.json"},{"name":"spinner","title":"Spinner","description":"A loading indicator with Apple-style ticks or a breathing ring that can wait before showing and stay long enough not to flicker.","type":"registry:ui","source_url":"https://hextaui.com/r/spinner.json","install_command":"npx shadcn@latest add https://hextaui.com/r/spinner.json"},{"name":"switch","title":"Switch","description":"An on/off toggle you can tap, press or drag, with a thumb that stretches under your finger and an optional pending state for saves.","type":"registry:ui","source_url":"https://hextaui.com/r/switch.json","install_command":"npx shadcn@latest add https://hextaui.com/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table with a surface style, wrapping or compact cells, sticky headers, pinned columns and scroll hints.","type":"registry:ui","source_url":"https://hextaui.com/r/table.json","install_command":"npx shadcn@latest add https://hextaui.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Switch between views with an indicator that slides to the active tab, as a segmented control or an underline, and lists that scroll when they overflow.","type":"registry:ui","source_url":"https://hextaui.com/r/tabs.json","install_command":"npx shadcn@latest add https://hextaui.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text that grows smoothly with what you write between a minimum and maximum number of rows, with counters, validation and a submit shortcut.","type":"registry:ui","source_url":"https://hextaui.com/r/textarea.json","install_command":"npx shadcn@latest add https://hextaui.com/r/textarea.json"},{"name":"toast","title":"Toast","description":"Brief messages that stack neatly, expand on hover, swipe away, and turn a loading state into success or error in place.","type":"registry:ui","source_url":"https://hextaui.com/r/toast.json","install_command":"npx shadcn@latest add https://hextaui.com/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A button that stays on or off, with a fill that settles in when pressed, a clear hover-to-on step and icons that can fill with the state.","type":"registry:ui","source_url":"https://hextaui.com/r/toggle.json","install_command":"npx shadcn@latest add https://hextaui.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle group","description":"A row of toggles for one choice or many, with a fill that slides to the picked item, joined or spaced items and arrow-key focus.","type":"registry:ui","source_url":"https://hextaui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A short hint on hover or keyboard focus that opens after a brief rest, switches instantly between neighbours and shows shortcuts.","type":"registry:ui","source_url":"https://hextaui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://hextaui.com/r/tooltip.json"},{"name":"tree","title":"Tree","description":"Nested, expandable rows for files and hierarchies, with indent guides, connector lines, cascading checkboxes, typeahead and full keyboard support.","type":"registry:ui","source_url":"https://hextaui.com/r/tree.json","install_command":"npx shadcn@latest add https://hextaui.com/r/tree.json"},{"name":"video-player","title":"Video player","description":"A video player with a scrubbable seek bar, auto-hiding controls, keyboard shortcuts, speed, picture in picture and full screen.","type":"registry:ui","source_url":"https://hextaui.com/r/video-player.json","install_command":"npx shadcn@latest add https://hextaui.com/r/video-player.json"},{"name":"all","title":"All components","description":"Every HextaUI component, the theme, shared libs and hooks in one install.","type":"registry:item","source_url":"https://hextaui.com/r/all.json","install_command":"npx shadcn@latest add https://hextaui.com/r/all.json"},{"name":"accordion-controlled","title":"Accordion: Controlled","description":"The Controlled example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-controlled.json"},{"name":"accordion-custom-icon","title":"Accordion: Custom icon","description":"The Custom icon example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-custom-icon.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-custom-icon.json"},{"name":"accordion-demo","title":"Accordion demo","description":"The main Accordion demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-demo.json"},{"name":"accordion-disabled","title":"Accordion: Disabled","description":"The Disabled example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-disabled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-disabled.json"},{"name":"accordion-ghost","title":"Accordion: Ghost","description":"The Ghost example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-ghost.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-ghost.json"},{"name":"accordion-leading-icons","title":"Accordion: Leading icons","description":"The Leading icons example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-leading-icons.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-leading-icons.json"},{"name":"accordion-long-content","title":"Accordion: Long content","description":"The Long content example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-long-content.json"},{"name":"accordion-multiple","title":"Accordion: Multiple","description":"The Multiple example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-multiple.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-multiple.json"},{"name":"accordion-nested","title":"Accordion: Nested","description":"The Nested example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-nested.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-nested.json"},{"name":"accordion-outline","title":"Accordion: Outline","description":"The Outline example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-outline.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-outline.json"},{"name":"accordion-rtl","title":"Accordion: Right to left","description":"The Right to left example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-rtl.json"},{"name":"accordion-separated","title":"Accordion: Separated","description":"The Separated example from the Accordion docs.","type":"registry:example","source_url":"https://hextaui.com/r/accordion-separated.json","install_command":"npx shadcn@latest add https://hextaui.com/r/accordion-separated.json"},{"name":"alert-actions","title":"Alert: Actions","description":"The Actions example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-actions.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-actions.json"},{"name":"alert-cancel-dismiss","title":"Alert: Cancel a dismiss","description":"The Cancel a dismiss example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-cancel-dismiss.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-cancel-dismiss.json"},{"name":"alert-controlled","title":"Alert: Controlled","description":"The Controlled example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-controlled.json"},{"name":"alert-demo","title":"Alert demo","description":"The main Alert demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-demo.json"},{"name":"alert-dismissible","title":"Alert: Dismissible","description":"The Dismissible example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dismissible.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dismissible.json"},{"name":"alert-inserted","title":"Alert: Inserted after load","description":"The Inserted after load example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-inserted.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-inserted.json"},{"name":"alert-partial-content","title":"Alert: Partial content","description":"The Partial content example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-partial-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-partial-content.json"},{"name":"alert-rich-content","title":"Alert: Rich content","description":"The Rich content example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-rich-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-rich-content.json"},{"name":"alert-rtl","title":"Alert: Right to left","description":"The Right to left example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-rtl.json"},{"name":"alert-soft","title":"Alert: Soft","description":"The Soft example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-soft.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-soft.json"},{"name":"alert-variants","title":"Alert: Variants","description":"The Variants example from the Alert docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-variants.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-variants.json"},{"name":"alert-dialog-async-action","title":"Alert dialog: Async action","description":"The Async action example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-async-action.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-async-action.json"},{"name":"alert-dialog-controlled","title":"Alert dialog: Controlled","description":"The Controlled example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-controlled.json"},{"name":"alert-dialog-demo","title":"Alert dialog demo","description":"The main Alert dialog demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-demo.json"},{"name":"alert-dialog-detached-triggers","title":"Alert dialog: Detached triggers","description":"The Detached triggers example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-detached-triggers.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-detached-triggers.json"},{"name":"alert-dialog-long-content","title":"Alert dialog: Long content","description":"The Long content example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-long-content.json"},{"name":"alert-dialog-media","title":"Alert dialog: Media","description":"The Media example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-media.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-media.json"},{"name":"alert-dialog-nested","title":"Alert dialog: Nested","description":"The Nested example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-nested.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-nested.json"},{"name":"alert-dialog-rtl","title":"Alert dialog: Right to left","description":"The Right to left example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-rtl.json"},{"name":"alert-dialog-small","title":"Alert dialog: Small","description":"The Small example from the Alert dialog docs.","type":"registry:example","source_url":"https://hextaui.com/r/alert-dialog-small.json","install_command":"npx shadcn@latest add https://hextaui.com/r/alert-dialog-small.json"},{"name":"aspect-ratio-broken-image","title":"Aspect ratio: Broken image","description":"The Broken image example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-broken-image.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-broken-image.json"},{"name":"aspect-ratio-demo","title":"Aspect ratio demo","description":"The main Aspect ratio demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-demo.json"},{"name":"aspect-ratio-figure","title":"Aspect ratio: As a figure","description":"The As a figure example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-figure.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-figure.json"},{"name":"aspect-ratio-flex-column","title":"Aspect ratio: Inside a centered flex column","description":"The Inside a centered flex column example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-flex-column.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-flex-column.json"},{"name":"aspect-ratio-invalid-ratio","title":"Aspect ratio: Invalid ratio","description":"The Invalid ratio example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-invalid-ratio.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-invalid-ratio.json"},{"name":"aspect-ratio-overlay","title":"Aspect ratio: Overlay","description":"The Overlay example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-overlay.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-overlay.json"},{"name":"aspect-ratio-ratios","title":"Aspect ratio: Ratios","description":"The Ratios example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-ratios.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-ratios.json"},{"name":"aspect-ratio-responsive","title":"Aspect ratio: Responsive","description":"The Responsive example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-responsive.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-responsive.json"},{"name":"aspect-ratio-rtl","title":"Aspect ratio: Right to left","description":"The Right to left example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-rtl.json"},{"name":"aspect-ratio-slow-load","title":"Aspect ratio: Slow load","description":"The Slow load example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-slow-load.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-slow-load.json"},{"name":"aspect-ratio-text-content","title":"Aspect ratio: Text content","description":"The Text content example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-text-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-text-content.json"},{"name":"aspect-ratio-without-placeholder","title":"Aspect ratio: Without placeholder","description":"The Without placeholder example from the Aspect ratio docs.","type":"registry:example","source_url":"https://hextaui.com/r/aspect-ratio-without-placeholder.json","install_command":"npx shadcn@latest add https://hextaui.com/r/aspect-ratio-without-placeholder.json"},{"name":"attachment-broken-image","title":"Attachment: Broken image","description":"The Broken image example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-broken-image.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-broken-image.json"},{"name":"attachment-composer","title":"Attachment: Composer","description":"The Composer example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-composer.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-composer.json"},{"name":"attachment-demo","title":"Attachment demo","description":"The main Attachment demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-demo.json"},{"name":"attachment-group","title":"Attachment: Group","description":"The Group example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-group.json"},{"name":"attachment-image","title":"Attachment: Image","description":"The Image example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-image.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-image.json"},{"name":"attachment-long-names","title":"Attachment: Long names","description":"The Long names example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-long-names.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-long-names.json"},{"name":"attachment-rtl","title":"Attachment: Right to left","description":"The Right to left example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-rtl.json"},{"name":"attachment-sizes","title":"Attachment: Sizes","description":"The Sizes example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-sizes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-sizes.json"},{"name":"attachment-states","title":"Attachment: States","description":"The States example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-states.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-states.json"},{"name":"attachment-stress","title":"Attachment: Stress","description":"The Stress example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-stress.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-stress.json"},{"name":"attachment-trigger","title":"Attachment: Trigger","description":"The Trigger example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-trigger.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-trigger.json"},{"name":"attachment-upload-flow","title":"Attachment: Upload flow","description":"The Upload flow example from the Attachment docs.","type":"registry:example","source_url":"https://hextaui.com/r/attachment-upload-flow.json","install_command":"npx shadcn@latest add https://hextaui.com/r/attachment-upload-flow.json"},{"name":"avatar-demo","title":"Avatar demo","description":"The main Avatar demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-demo.json"},{"name":"avatar-group","title":"Avatar: Group","description":"The Group example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-group.json"},{"name":"avatar-initials","title":"Avatar: Initials","description":"The Initials example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-initials.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-initials.json"},{"name":"avatar-layout","title":"Avatar: Layout","description":"The Layout example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-layout.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-layout.json"},{"name":"avatar-linked-group","title":"Avatar: Linked group","description":"The Linked group example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-linked-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-linked-group.json"},{"name":"avatar-loading","title":"Avatar: Loading","description":"The Loading example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-loading.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-loading.json"},{"name":"avatar-rtl","title":"Avatar: Right to left","description":"The Right to left example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-rtl.json"},{"name":"avatar-sizes","title":"Avatar: Sizes and shapes","description":"The Sizes and shapes example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-sizes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-sizes.json"},{"name":"avatar-status","title":"Avatar: Status","description":"The Status example from the Avatar docs.","type":"registry:example","source_url":"https://hextaui.com/r/avatar-status.json","install_command":"npx shadcn@latest add https://hextaui.com/r/avatar-status.json"},{"name":"badge-controlled","title":"Badge: Controlled","description":"The Controlled example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-controlled.json"},{"name":"badge-counts","title":"Badge: Counts","description":"The Counts example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-counts.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-counts.json"},{"name":"badge-demo","title":"Badge demo","description":"The main Badge demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-demo.json"},{"name":"badge-interactive","title":"Badge: Interactive","description":"The Interactive example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-interactive.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-interactive.json"},{"name":"badge-long-content","title":"Badge: Long content","description":"The Long content example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-long-content.json"},{"name":"badge-removable","title":"Badge: Removable","description":"The Removable example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-removable.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-removable.json"},{"name":"badge-rtl","title":"Badge: Right to left","description":"The Right to left example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-rtl.json"},{"name":"badge-sizes","title":"Badge: Sizes","description":"The Sizes example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-sizes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-sizes.json"},{"name":"badge-variants","title":"Badge: Variants and appearances","description":"The Variants and appearances example from the Badge docs.","type":"registry:example","source_url":"https://hextaui.com/r/badge-variants.json","install_command":"npx shadcn@latest add https://hextaui.com/r/badge-variants.json"},{"name":"breadcrumb-basic","title":"Breadcrumb: Basic","description":"The Basic example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-basic.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-basic.json"},{"name":"breadcrumb-controlled","title":"Breadcrumb: Collapsed","description":"The Collapsed example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-controlled.json"},{"name":"breadcrumb-custom-separator","title":"Breadcrumb: Custom separator","description":"The Custom separator example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-custom-separator.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-custom-separator.json"},{"name":"breadcrumb-demo","title":"Breadcrumb demo","description":"The main Breadcrumb demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-demo.json"},{"name":"breadcrumb-dropdown","title":"Breadcrumb: Dropdown","description":"The Dropdown example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-dropdown.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-dropdown.json"},{"name":"breadcrumb-ellipsis","title":"Breadcrumb: Ellipsis","description":"The Ellipsis example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-ellipsis.json"},{"name":"breadcrumb-link-component","title":"Breadcrumb: Link component","description":"The Link component example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-link-component.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-link-component.json"},{"name":"breadcrumb-long-content","title":"Breadcrumb: Long content","description":"The Long content example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-long-content.json"},{"name":"breadcrumb-rtl","title":"Breadcrumb: Right to left","description":"The Right to left example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-rtl.json"},{"name":"breadcrumb-with-icons","title":"Breadcrumb: With icons","description":"The With icons example from the Breadcrumb docs.","type":"registry:example","source_url":"https://hextaui.com/r/breadcrumb-with-icons.json","install_command":"npx shadcn@latest add https://hextaui.com/r/breadcrumb-with-icons.json"},{"name":"bubble-alignment","title":"Bubble: Alignment","description":"The Alignment example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-alignment.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-alignment.json"},{"name":"bubble-demo","title":"Bubble demo","description":"The main Bubble demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-demo.json"},{"name":"bubble-group","title":"Bubble: Group","description":"The Group example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-group.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-group.json"},{"name":"bubble-long-content","title":"Bubble: Long content","description":"The Long content example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-long-content.json"},{"name":"bubble-nested","title":"Bubble: Nested reply","description":"The Nested reply example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-nested.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-nested.json"},{"name":"bubble-popover","title":"Bubble: Popover","description":"The Popover example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-popover.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-popover.json"},{"name":"bubble-reactions","title":"Bubble: Reactions","description":"The Reactions example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-reactions.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-reactions.json"},{"name":"bubble-rtl","title":"Bubble: Right to left","description":"The Right to left example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-rtl.json"},{"name":"bubble-shapes","title":"Bubble: Shapes","description":"The Shapes example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-shapes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-shapes.json"},{"name":"bubble-show-more","title":"Bubble: Show more","description":"The Show more example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-show-more.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-show-more.json"},{"name":"bubble-tail","title":"Bubble: Tail","description":"The Tail example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-tail.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-tail.json"},{"name":"bubble-tooltip","title":"Bubble: Tooltip","description":"The Tooltip example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-tooltip.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-tooltip.json"},{"name":"bubble-variants","title":"Bubble: Variants","description":"The Variants example from the Bubble docs.","type":"registry:example","source_url":"https://hextaui.com/r/bubble-variants.json","install_command":"npx shadcn@latest add https://hextaui.com/r/bubble-variants.json"},{"name":"button-controlled-loading","title":"Button: Controlled loading","description":"The Controlled loading example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-controlled-loading.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-controlled-loading.json"},{"name":"button-controlled-status","title":"Button: Controlled status","description":"The Controlled status example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-controlled-status.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-controlled-status.json"},{"name":"button-custom-labels","title":"Button: Custom labels","description":"The Custom labels example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-custom-labels.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-custom-labels.json"},{"name":"button-demo","title":"Button demo","description":"The main Button demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-demo.json"},{"name":"button-disabled","title":"Button: Disabled","description":"The Disabled example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-disabled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-disabled.json"},{"name":"button-error-details","title":"Button: Error details","description":"The Error details example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-error-details.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-error-details.json"},{"name":"button-form","title":"Button: Forms","description":"The Forms example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-form.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-form.json"},{"name":"button-icon-feedback","title":"Button: Icon buttons","description":"The Icon buttons example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-icon-feedback.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-icon-feedback.json"},{"name":"button-link","title":"Button: As a link","description":"The As a link example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-link.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-link.json"},{"name":"button-pill","title":"Button: Pill","description":"The Pill example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-pill.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-pill.json"},{"name":"button-rtl","title":"Button: Right to left","description":"The Right to left example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-rtl.json"},{"name":"button-sizes","title":"Button: Sizes","description":"The Sizes example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-sizes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-sizes.json"},{"name":"button-smooth-width","title":"Button: Smooth width","description":"The Smooth width example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-smooth-width.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-smooth-width.json"},{"name":"button-variants-feedback","title":"Button: Feedback on every variant","description":"The Feedback on every variant example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-variants-feedback.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-variants-feedback.json"},{"name":"button-variants","title":"Button: Variants","description":"The Variants example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-variants.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-variants.json"},{"name":"button-with-icon","title":"Button: With icon","description":"The With icon example from the Button docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-with-icon.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-with-icon.json"},{"name":"button-group-demo","title":"Button group demo","description":"The main Button group demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-demo.json"},{"name":"button-group-disabled","title":"Button group: Disabled and invalid","description":"The Disabled and invalid example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-disabled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-disabled.json"},{"name":"button-group-feedback","title":"Button group: Feedback inside a group","description":"The Feedback inside a group example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-feedback.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-feedback.json"},{"name":"button-group-fieldset","title":"Button group: As a fieldset","description":"The As a fieldset example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-fieldset.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-fieldset.json"},{"name":"button-group-full-width","title":"Button group: Full width","description":"The Full width example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-full-width.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-full-width.json"},{"name":"button-group-input","title":"Button group: With text and an input","description":"The With text and an input example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-input.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-input.json"},{"name":"button-group-nested","title":"Button group: Nested groups","description":"The Nested groups example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-nested.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-nested.json"},{"name":"button-group-player","title":"Button group: Separators","description":"The Separators example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-player.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-player.json"},{"name":"button-group-rtl","title":"Button group: Right to left","description":"The Right to left example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-rtl.json"},{"name":"button-group-sizes","title":"Button group: Sizes","description":"The Sizes example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-sizes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-sizes.json"},{"name":"button-group-split","title":"Button group: Split button","description":"The Split button example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-split.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-split.json"},{"name":"button-group-vertical","title":"Button group: Vertical","description":"The Vertical example from the Button group docs.","type":"registry:example","source_url":"https://hextaui.com/r/button-group-vertical.json","install_command":"npx shadcn@latest add https://hextaui.com/r/button-group-vertical.json"},{"name":"calendar-bounded","title":"Calendar: Bounded","description":"The Bounded example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-bounded.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-bounded.json"},{"name":"calendar-controlled","title":"Calendar: Controlled month","description":"The Controlled month example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-controlled.json"},{"name":"calendar-demo","title":"Calendar demo","description":"The main Calendar demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-demo.json"},{"name":"calendar-dropdowns","title":"Calendar: Month and year dropdowns","description":"The Month and year dropdowns example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-dropdowns.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-dropdowns.json"},{"name":"calendar-fixed-today","title":"Calendar: Fixed today","description":"The Fixed today example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-fixed-today.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-fixed-today.json"},{"name":"calendar-multiple","title":"Calendar: Multiple","description":"The Multiple example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-multiple.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-multiple.json"},{"name":"calendar-range-limits","title":"Calendar: Range limits","description":"The Range limits example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-range-limits.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-range-limits.json"},{"name":"calendar-range","title":"Calendar: Range","description":"The Range example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-range.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-range.json"},{"name":"calendar-rtl","title":"Calendar: Right to left","description":"The Right to left example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-rtl.json"},{"name":"calendar-sheet","title":"Calendar: Inside a sheet","description":"The Inside a sheet example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-sheet.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-sheet.json"},{"name":"calendar-week-numbers","title":"Calendar: Week numbers","description":"The Week numbers example from the Calendar docs.","type":"registry:example","source_url":"https://hextaui.com/r/calendar-week-numbers.json","install_command":"npx shadcn@latest add https://hextaui.com/r/calendar-week-numbers.json"},{"name":"card-borders","title":"Card: Borders","description":"The Borders example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-borders.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-borders.json"},{"name":"card-demo","title":"Card demo","description":"The main Card demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-demo.json"},{"name":"card-link-variants","title":"Card: Clickable variants","description":"The Clickable variants example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-link-variants.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-link-variants.json"},{"name":"card-link","title":"Card: Clickable card","description":"The Clickable card example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-link.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-link.json"},{"name":"card-long-content","title":"Card: Long content","description":"The Long content example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-long-content.json"},{"name":"card-media","title":"Card: Media","description":"The Media example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-media.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-media.json"},{"name":"card-nested","title":"Card: Nested","description":"The Nested example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-nested.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-nested.json"},{"name":"card-rtl","title":"Card: Right to left","description":"The Right to left example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-rtl.json"},{"name":"card-semantics","title":"Card: Semantics","description":"The Semantics example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-semantics.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-semantics.json"},{"name":"card-sizes","title":"Card: Sizes","description":"The Sizes example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-sizes.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-sizes.json"},{"name":"card-variants","title":"Card: Variants","description":"The Variants example from the Card docs.","type":"registry:example","source_url":"https://hextaui.com/r/card-variants.json","install_command":"npx shadcn@latest add https://hextaui.com/r/card-variants.json"},{"name":"carousel-api","title":"Carousel: API","description":"The API example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-api.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-api.json"},{"name":"carousel-autoplay","title":"Carousel: Autoplay","description":"The Autoplay example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-autoplay.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-autoplay.json"},{"name":"carousel-controlled","title":"Carousel: Controlled","description":"The Controlled example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-controlled.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-controlled.json"},{"name":"carousel-demo","title":"Carousel demo","description":"The main Carousel demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-demo.json"},{"name":"carousel-dots-and-counter","title":"Carousel: Dots and counter","description":"The Dots and counter example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-dots-and-counter.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-dots-and-counter.json"},{"name":"carousel-dynamic","title":"Carousel: Adding and removing slides","description":"The Adding and removing slides example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-dynamic.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-dynamic.json"},{"name":"carousel-links","title":"Carousel: Links and focusable content","description":"The Links and focusable content example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-links.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-links.json"},{"name":"carousel-long-content","title":"Carousel: Long content and a single slide","description":"The Long content and a single slide example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-long-content.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-long-content.json"},{"name":"carousel-nested","title":"Carousel: Nested","description":"The Nested example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-nested.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-nested.json"},{"name":"carousel-rewind","title":"Carousel: Rewind and start index","description":"The Rewind and start index example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-rewind.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-rewind.json"},{"name":"carousel-rtl","title":"Carousel: Right to left","description":"The Right to left example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-rtl.json"},{"name":"carousel-several-per-view","title":"Carousel: Several per view","description":"The Several per view example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-several-per-view.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-several-per-view.json"},{"name":"carousel-thumbnails","title":"Carousel: Thumbnails","description":"The Thumbnails example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-thumbnails.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-thumbnails.json"},{"name":"carousel-vertical","title":"Carousel: Vertical","description":"The Vertical example from the Carousel docs.","type":"registry:example","source_url":"https://hextaui.com/r/carousel-vertical.json","install_command":"npx shadcn@latest add https://hextaui.com/r/carousel-vertical.json"},{"name":"chart-bar","title":"Chart: Bar chart","description":"The Bar chart example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-bar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-bar.json"},{"name":"chart-demo","title":"Chart demo","description":"The main Chart demo from the docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-demo.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-demo.json"},{"name":"chart-horizontal","title":"Chart: Horizontal bars","description":"The Horizontal bars example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-horizontal.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-horizontal.json"},{"name":"chart-icons","title":"Chart: Icons","description":"The Icons example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-icons.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-icons.json"},{"name":"chart-line","title":"Chart: Line chart","description":"The Line chart example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-line.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-line.json"},{"name":"chart-long-labels","title":"Chart: Long labels","description":"The Long labels example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-long-labels.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-long-labels.json"},{"name":"chart-negative","title":"Chart: Negative values","description":"The Negative values example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-negative.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-negative.json"},{"name":"chart-pie","title":"Chart: Donut","description":"The Donut example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-pie.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-pie.json"},{"name":"chart-radar","title":"Chart: Radar","description":"The Radar example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-radar.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-radar.json"},{"name":"chart-rtl","title":"Chart: Right to left","description":"The Right to left example from the Chart docs.","type":"registry:example","source_url":"https://hextaui.com/r/chart-rtl.json","install_command":"npx shadcn@latest add https://hextaui.com/r/chart-rtl.json"}]},{"id":"hexui","name":"@hexui","slug":"hexui","description":"A shadcn/ui registry of high-quality React blocks and templates.","author":"ri0n-dev","framework":"react","license":"MIT","tags":["animation","auth","blocks","buttons","dashboard","marketing","overlays"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://hexui.sh","github":"https://github.com/ri0n-dev/hex-ui","registry":"https://hexui.sh/r/registry.json","source":"https://hexui.sh/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hexui","markdown":"https://sh4dcn.netlify.app/md/hexui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 10 11'><path d='M4.76314 0L9.52628 2.75V8.25L4.76314 11L0 8.25V2.75L4.76314 0Z' fill='var(--foreground)' /></svg>","preview_image":"https://hexui.sh/ogp.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-07-28T01:28:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hexui.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hexui.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://hexui.sh/r/registry.json","clone":"git clone https://github.com/ri0n-dev/hex-ui.git","clone_degit":"npx degit ri0n-dev/hex-ui","registry_fetch":"curl -s https://hexui.sh/r/registry.json"},"component_count":34,"components":[{"name":"banner-1","title":"Banner-1","description":"A dismissible announcement bar","type":"registry:block","source_url":"https://hexui.sh/r/banner-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/banner-1.json"},{"name":"banner-2","title":"Banner-2","description":"A full-width dismissible announcement bar","type":"registry:block","source_url":"https://hexui.sh/r/banner-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/banner-2.json"},{"name":"cta-1","title":"Cta-1","description":"A simple full-width CTA section","type":"registry:block","source_url":"https://hexui.sh/r/cta-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-1.json"},{"name":"cta-2","title":"Cta-2","description":"A simple CTA section with spacious padding","type":"registry:block","source_url":"https://hexui.sh/r/cta-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-2.json"},{"name":"cta-3","title":"Cta-3","description":"A CTA section designed to showcase mobile product mockups","type":"registry:block","source_url":"https://hexui.sh/r/cta-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-3.json"},{"name":"cta-4","title":"Cta-4","description":"A split CTA section built to display large amounts of information","type":"registry:block","source_url":"https://hexui.sh/r/cta-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/cta-4.json"},{"name":"faq-1","title":"Faq-1","description":"A simple and professional FAQ section with collapsible questions and answers","type":"registry:block","source_url":"https://hexui.sh/r/faq-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-1.json"},{"name":"faq-2","title":"Faq-2","description":"A simple and professional FAQ section with categorized collapsible questions and answers","type":"registry:block","source_url":"https://hexui.sh/r/faq-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-2.json"},{"name":"faq-3","title":"Faq-3","description":"A simple FAQ section arranged in a clean grid layout","type":"registry:block","source_url":"https://hexui.sh/r/faq-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-3.json"},{"name":"faq-4","title":"Faq-4","description":"A simple FAQ section with icons arranged in a clean grid layout","type":"registry:block","source_url":"https://hexui.sh/r/faq-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/faq-4.json"},{"name":"footer-1","title":"Footer-1","description":"A simple, professional footer that includes a subscription form","type":"registry:block","source_url":"https://hexui.sh/r/footer-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-1.json"},{"name":"footer-2","title":"Footer-2","description":"A simple footer with social media buttons and language switching","type":"registry:block","source_url":"https://hexui.sh/r/footer-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-2.json"},{"name":"footer-3","title":"Footer-3","description":"Footer for organizations that place typography at the bottom","type":"registry:block","source_url":"https://hexui.sh/r/footer-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-3.json"},{"name":"footer-4","title":"Footer-4","description":"A simple footer for portfolios with a signature","type":"registry:block","source_url":"https://hexui.sh/r/footer-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-4.json"},{"name":"footer-5","title":"Footer-5","description":"A footer with interactive text that responds to pointer movement","type":"registry:block","source_url":"https://hexui.sh/r/footer-5.json","install_command":"npx shadcn@latest add https://hexui.sh/r/footer-5.json"},{"name":"hero-1","title":"Hero-1","description":"A simple and versatile hero section","type":"registry:block","source_url":"https://hexui.sh/r/hero-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-1.json"},{"name":"hero-2","title":"Hero-2","description":"A hero section designed to showcase media content","type":"registry:block","source_url":"https://hexui.sh/r/hero-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-2.json"},{"name":"hero-3","title":"Hero-3","description":"A simple horizontally aligned hero section","type":"registry:block","source_url":"https://hexui.sh/r/hero-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-3.json"},{"name":"hero-4","title":"Hero-4","description":"A hero section with bold visuals that emphasize brand presence","type":"registry:block","source_url":"https://hexui.sh/r/hero-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-4.json"},{"name":"hero-5","title":"Hero-5","description":"A hero section with a large background image and centered content to present a brand or product with impact","type":"registry:block","source_url":"https://hexui.sh/r/hero-5.json","install_command":"npx shadcn@latest add https://hexui.sh/r/hero-5.json"},{"name":"login-1","title":"Login-1","description":"A simple login form","type":"registry:block","source_url":"https://hexui.sh/r/login-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-1.json"},{"name":"login-2","title":"Login-2","description":"A login form with social sign-in options below the credentials","type":"registry:block","source_url":"https://hexui.sh/r/login-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-2.json"},{"name":"login-3","title":"Login-3","description":"A login form with a customizable side background","type":"registry:block","source_url":"https://hexui.sh/r/login-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-3.json"},{"name":"login-4","title":"Login-4","description":"A login form with a customizable side background and a testimonial panel","type":"registry:block","source_url":"https://hexui.sh/r/login-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/login-4.json"},{"name":"sidebar-1","title":"Sidebar-1","description":"A sidebar for a note-taking application.","type":"registry:block","source_url":"https://hexui.sh/r/sidebar-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/sidebar-1.json"},{"name":"sidebar-2","title":"Sidebar-2","description":"A sidebar built for developer app dashboards","type":"registry:block","source_url":"https://hexui.sh/r/sidebar-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/sidebar-2.json"},{"name":"sidebar-3","title":"Sidebar-3","description":"A sidebar designed for AI applications","type":"registry:block","source_url":"https://hexui.sh/r/sidebar-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/sidebar-3.json"},{"name":"social-proof-companies-1","title":"Social-Proof-Companies-1","description":"A social proof section that displays brand logos in a grid layout","type":"registry:block","source_url":"https://hexui.sh/r/social-proof-companies-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/social-proof-companies-1.json"},{"name":"social-proof-companies-2","title":"Social-Proof-Companies-2","description":"A social proof section with animated brand logos arranged in a grid layout","type":"registry:block","source_url":"https://hexui.sh/r/social-proof-companies-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/social-proof-companies-2.json"},{"name":"social-proof-companies-3","title":"Social-Proof-Companies-3","description":"A social proof section with brand logos arranged in a grid layout and hover interactions that guide user attention","type":"registry:block","source_url":"https://hexui.sh/r/social-proof-companies-3.json","install_command":"npx shadcn@latest add https://hexui.sh/r/social-proof-companies-3.json"},{"name":"social-proof-companies-4","title":"Social-Proof-Companies-4","description":"A social proof section that showcases brand logos in a marquee layout","type":"registry:block","source_url":"https://hexui.sh/r/social-proof-companies-4.json","install_command":"npx shadcn@latest add https://hexui.sh/r/social-proof-companies-4.json"},{"name":"social-proof-testimonials-1","title":"Social-Proof-Testimonials-1","description":"A social proof section with expert testimonial cards arranged in a grid layout","type":"registry:block","source_url":"https://hexui.sh/r/social-proof-testimonials-1.json","install_command":"npx shadcn@latest add https://hexui.sh/r/social-proof-testimonials-1.json"},{"name":"social-proof-testimonials-2","title":"Social-Proof-Testimonials-2","description":"A social proof section that displays expert testimonial cards in a marquee layout","type":"registry:block","source_url":"https://hexui.sh/r/social-proof-testimonials-2.json","install_command":"npx shadcn@latest add https://hexui.sh/r/social-proof-testimonials-2.json"},{"name":"marquee","title":"Marquee","description":"A marquee component that infinitely scrolls content in a horizontal or vertical direction.","type":"registry:ui","source_url":"https://hexui.sh/r/marquee.json","install_command":"npx shadcn@latest add https://hexui.sh/r/marquee.json"}]},{"id":"hirael","name":"@hirael","slug":"hirael","description":"The components shadcn/ui doesn't ship. A collection of high-utility React components built on top of shadcn/ui.","author":"MohammadShehadeh","framework":"react","license":"MIT","tags":["animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","hooks","icons","loaders","maps","marketing","media","navigation","onboarding","pro-available","tables","text-effects"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://hirael.com","github":"https://github.com/MohammadShehadeh/hirael","registry":"https://hirael.com/r/registry.json","source":"https://hirael.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hirael","markdown":"https://sh4dcn.netlify.app/md/hirael.md"},"logo":"<svg x='6' y='6' width='58' height='58' viewBox='80 104 352 352'><title>Hirael</title><path d='M160 340V235C160 171 203 128 256 128C309 128 352 171 352 235V340' fill='none' stroke='currentColor' stroke-width='18' stroke-linecap='square'></path><path d='M256 220C262 242 274 254 296 260C274 266 262 278 256 300C250 278 238 266 216 260C238 254 250 242 256 220Z' fill='currentColor'></path><path d='M95 372C160 364 352 364 417 372C352 380 160 380 95 372Z' fill='currentColor'></path><path d='M135 405C185 399 327 399 377 405C327 411 185 411 135 405Z' fill='currentColor'></path><path d='M190 438C220 434 292 434 322 438C292 442 220 442 190 438Z' fill='currentColor'></path></svg>","preview_image":"https://hirael.com/og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://hirael.com/blocks/pricing"},"metrics":{"github_stars":39,"open_issues":0,"last_commit":"2026-10-24T20:09:47Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hirael.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hirael.com/r/registry.json","install_bun":"bunx shadcn@latest add https://hirael.com/r/registry.json","clone":"git clone https://github.com/MohammadShehadeh/hirael.git","clone_degit":"npx degit MohammadShehadeh/hirael","registry_fetch":"curl -s https://hirael.com/r/registry.json"},"component_count":250,"components":[{"name":"multi-select","title":"Multi Select","description":"Chip-based multi-select with command-palette dropdown, search, select-all and a loading state. Compound and single-prop APIs.","type":"registry:component","source_url":"https://hirael.com/r/multi-select.json","install_command":"npx shadcn@latest add https://hirael.com/r/multi-select.json"},{"name":"number-range","title":"Number Range","description":"Two-thumb slider paired with synced number inputs. Min/max/step, currency or unit formatting, keyboard-first.","type":"registry:component","source_url":"https://hirael.com/r/number-range.json","install_command":"npx shadcn@latest add https://hirael.com/r/number-range.json"},{"name":"year-picker","title":"Year Picker","description":"Decade-grid year picker with keyboard nav, min/max bounds, single or range mode.","type":"registry:component","source_url":"https://hirael.com/r/year-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/year-picker.json"},{"name":"tag-input","title":"Tag Input","description":"Chip input with paste-to-split, dedupe, validation hook and max tags.","type":"registry:component","source_url":"https://hirael.com/r/tag-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/tag-input.json"},{"name":"duration-input","title":"Duration Input","description":"Segmented duration field over days, hours, minutes and seconds. Digits auto-advance, arrows step, and the value stays a plain number of seconds.","type":"registry:component","source_url":"https://hirael.com/r/duration-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/duration-input.json"},{"name":"number-field","title":"Number Field","description":"Number input with step buttons, arrow-key and hold-to-repeat stepping, min and max, and Intl formatting for currency, percent or units. Submits the raw number.","type":"registry:component","source_url":"https://hirael.com/r/number-field.json","install_command":"npx shadcn@latest add https://hirael.com/r/number-field.json"},{"name":"segmented-control","title":"Segmented Control","description":"Single-choice control with a sliding thumb. Keyboard works like a radio group and mirrors in RTL. Two sizes, icons, disabled options and a full-width mode.","type":"registry:component","source_url":"https://hirael.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://hirael.com/r/segmented-control.json"},{"name":"autocomplete","title":"Autocomplete","description":"A free-text input with suggestions from a local list or an async search, with optional inline completion, groups and recent entries. The value is whatever you …","type":"registry:component","source_url":"https://hirael.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://hirael.com/r/autocomplete.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"A group of checkboxes with a select-all parent, nested groups, min and max limits, and an optional search that narrows the list.","type":"registry:component","source_url":"https://hirael.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://hirael.com/r/checkbox-group.json"},{"name":"lazy-select","title":"Lazy Select","description":"Autocomplete single-select that defers loading until open and pages through results on scroll. Debounced server-side search with a pluggable lazy paginator hoo…","type":"registry:component","source_url":"https://hirael.com/r/lazy-select.json","install_command":"npx shadcn@latest add https://hirael.com/r/lazy-select.json"},{"name":"password-input","title":"Password Input","description":"Password field with a show/hide toggle and an optional pluggable strength meter.","type":"registry:component","source_url":"https://hirael.com/r/password-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/password-input.json"},{"name":"currency-input","title":"Currency Input","description":"Locale-aware grouping with currency-symbol prefix and configurable decimal precision.","type":"registry:component","source_url":"https://hirael.com/r/currency-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/currency-input.json"},{"name":"phone-input","title":"Phone Input","description":"Phone number field with a country dial-code picker and E.164 output from libphonenumber-js.","type":"registry:component","source_url":"https://hirael.com/r/phone-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/phone-input.json"},{"name":"file-dropzone","title":"File Dropzone","description":"Drag-and-drop or click upload zone on react-dropzone, with a file list, type and size validation, and readable rejection messages.","type":"registry:component","source_url":"https://hirael.com/r/file-dropzone.json","install_command":"npx shadcn@latest add https://hirael.com/r/file-dropzone.json"},{"name":"rating","title":"Rating","description":"Star rating with hover preview, half-star precision, read-only mode and sm / md / lg sizes.","type":"registry:component","source_url":"https://hirael.com/r/rating.json","install_command":"npx shadcn@latest add https://hirael.com/r/rating.json"},{"name":"timeline","title":"Timeline","description":"Vertical event timeline with default or icon dots, tone variants and labelled time / title / description parts.","type":"registry:component","source_url":"https://hirael.com/r/timeline.json","install_command":"npx shadcn@latest add https://hirael.com/r/timeline.json"},{"name":"kbd-button","title":"Kbd Button","description":"A pressable 3D keycap with hover lift and a pressed state, for shortcut legends and keyboard-driven UIs. Pairs with shadcn's Kbd and KbdGroup for inline shortc…","type":"registry:component","source_url":"https://hirael.com/r/kbd-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/kbd-button.json"},{"name":"callout","title":"Callout","description":"MDX-style admonition with neutral / info / success / warning / destructive variants, CalloutTitle and CalloutDescription parts, and an optional icon override. …","type":"registry:component","source_url":"https://hirael.com/r/callout.json","install_command":"npx shadcn@latest add https://hirael.com/r/callout.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"Fixed reading progress bar. Tracks document scroll by default or a scoped container ref.","type":"registry:component","source_url":"https://hirael.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://hirael.com/r/scroll-progress.json"},{"name":"hero-01","title":"Hero 01","description":"Full-bleed hero card over an animated light-beam shader, with a glass pill nav, a trust badge, a serif headline, dual CTA and a three-stat footer.","type":"registry:block","source_url":"https://hirael.com/r/hero-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-01.json"},{"name":"hero-02","title":"Hero 02","description":"Centered hero over animated gradient bars, with a release pill, a serif headline with an underlined accent, dual CTA and a wordmark strip.","type":"registry:block","source_url":"https://hirael.com/r/hero-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-02.json"},{"name":"hero-03","title":"Hero 03","description":"Editorial centered hero on a faded grid, with a serif headline, sub-copy, dual CTA and a logo cloud of customer wordmarks.","type":"registry:block","source_url":"https://hirael.com/r/hero-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-03.json"},{"name":"hero-04","title":"Hero 04","description":"Full-bleed image-banner hero with a dark scrim, a slim nav, a serif headline and dual CTA aligned to the bottom.","type":"registry:block","source_url":"https://hirael.com/r/hero-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-04.json"},{"name":"hero-05","title":"Hero 05","description":"Full-bleed hero card over an animated aurora shader, with a pill nav, a live status pill, a serif headline, dual CTA and an avatar social-proof row.","type":"registry:block","source_url":"https://hirael.com/r/hero-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-05.json"},{"name":"feature-01","title":"Feature 01","description":"One bordered card of stacked stripes: a centered intro, three alternating rows pairing an indexed layer with a small deploys, previews or release-rules mockup,…","type":"registry:block","source_url":"https://hirael.com/r/feature-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-01.json"},{"name":"feature-02","title":"Feature 02","description":"Centered header above a six-item list of what every catalog item includes, laid out on hairline rows with a tabular index kicker.","type":"registry:block","source_url":"https://hirael.com/r/feature-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-02.json"},{"name":"pricing-01","title":"Pricing 01","description":"Three-tier card row with a monthly/yearly toggle that swaps each price and billing note, a featured middle plan, feature checklist and CTA.","type":"registry:block","source_url":"https://hirael.com/r/pricing-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-01.json"},{"name":"pricing-02","title":"Pricing 02","description":"Plan comparison table with grouped feature rows and a per-plan CTA in the header; on small screens a plan picker shows one plan column at a time.","type":"registry:block","source_url":"https://hirael.com/r/pricing-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-02.json"},{"name":"pricing-03","title":"Pricing 03","description":"Three-tier card row with a monthly/yearly billing toggle that tweens the price, a featured plan, per-plan icon, feature checklist and CTA.","type":"registry:block","source_url":"https://hirael.com/r/pricing-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-03.json"},{"name":"testimonial-01","title":"Testimonial 01","description":"Centered single quote with stylized open-mark, author block (avatar, name, role, company) and a muted wordmark row below.","type":"registry:block","source_url":"https://hirael.com/r/testimonial-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-01.json"},{"name":"testimonial-02","title":"Testimonial 02","description":"Masonry quote grid (CSS columns) with ~6 bordered quote cards of varying length and author rows.","type":"registry:block","source_url":"https://hirael.com/r/testimonial-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-02.json"},{"name":"cta-01","title":"CTA 01","description":"Framed CTA card with headline and sub-copy on the left, and an install command with a copy button above a browse button on the right.","type":"registry:block","source_url":"https://hirael.com/r/cta-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-01.json"},{"name":"cta-02","title":"CTA 02","description":"Full-bleed centered CTA with framing top/bottom rules, highlight underlay on the key word, and an install command with a copy button.","type":"registry:block","source_url":"https://hirael.com/r/cta-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-02.json"},{"name":"cta-03","title":"CTA 03","description":"Full-bleed CTA card with an animated dithered shader backdrop, an eyebrow pill, a serif headline and a pill action button.","type":"registry:block","source_url":"https://hirael.com/r/cta-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-03.json"},{"name":"faq-01","title":"FAQ 01","description":"Two-column FAQ: sticky heading and a hairline help note on the start side, numbered accordion on the end side.","type":"registry:block","source_url":"https://hirael.com/r/faq-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-01.json"},{"name":"faq-02","title":"FAQ 02","description":"Centered heading with two-column accordion grid below. Each row tagged with a Qn index.","type":"registry:block","source_url":"https://hirael.com/r/faq-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-02.json"},{"name":"faq-03","title":"FAQ 03","description":"Searchable FAQ with category tabs, a live-filtered accordion, an empty state for missed queries and a support CTA strip.","type":"registry:block","source_url":"https://hirael.com/r/faq-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-03.json"},{"name":"faq-04","title":"FAQ 04","description":"Framed single-column FAQ with side rules, a centered display header with a topic jump nav, five topic groups each pairing a heading with its own accordion, and…","type":"registry:block","source_url":"https://hirael.com/r/faq-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-04.json"},{"name":"login-01","title":"Login 01","description":"Centered sign-in: logo and heading above a card with email, password and an inline forgot-password link, a passkey option, an alert for failed attempts and a c…","type":"registry:block","source_url":"https://hirael.com/r/login-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-01.json"},{"name":"login-02","title":"Login 02","description":"Split login with a testimonial pane. The form leads with Google and GitHub, then email and password with an inline forgot link and an alert for failed attempts…","type":"registry:block","source_url":"https://hirael.com/r/login-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-02.json"},{"name":"login-03","title":"Login 03","description":"Split-screen sign-in: a decorative animated-paths aside with a brand mark and a short quote, paired with a clean GitHub-only sign-in pane. A back-to-home link,…","type":"registry:block","source_url":"https://hirael.com/r/login-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-03.json"},{"name":"login-04","title":"Login 04","description":"Identifier-first sign-in in one wide card: heading on one side, fields on the other. Email first, then password, with an account chip to switch back and a hidd…","type":"registry:block","source_url":"https://hirael.com/r/login-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-04.json"},{"name":"login-05","title":"Login 05","description":"Provider-first sign-in: stacked Continue with GitHub, Google and Apple buttons, plus email and passkey options. Email sends a magic link and swaps to a check-y…","type":"registry:block","source_url":"https://hirael.com/r/login-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/login-05.json"},{"name":"signup-01","title":"Sign Up 01","description":"Centered signup card: GitHub and Google first, then name, email and a password with a strength meter and hint. Terms sit under the card as plain text, and subm…","type":"registry:block","source_url":"https://hirael.com/r/signup-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/signup-01.json"},{"name":"forgot-password-01","title":"Forgot Password 01","description":"Centered reset request: one email field with inline validation, then a check-your-email state that echoes the address, links back to sign in and offers a resen…","type":"registry:block","source_url":"https://hirael.com/r/forgot-password-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/forgot-password-01.json"},{"name":"otp-verify-01","title":"OTP Verify 01","description":"Centered verification card built on InputOTP: six slots that fit a phone screen, paste support, auto-verify on the last digit, a 30s resend countdown and a ver…","type":"registry:block","source_url":"https://hirael.com/r/otp-verify-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/otp-verify-01.json"},{"name":"two-factor-setup-01","title":"Two-Factor Setup 01","description":"Three-step 2FA enrollment card: scan a real otpauth QR or copy the key, confirm a six-digit code, then save recovery codes with copy, download and a checkbox-g…","type":"registry:block","source_url":"https://hirael.com/r/two-factor-setup-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/two-factor-setup-01.json"},{"name":"header-01","title":"Header 01","description":"Sticky top nav with brand monogram, centered anchor links, dual auth CTAs and a slide-down mobile menu.","type":"registry:block","source_url":"https://hirael.com/r/header-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/header-01.json"},{"name":"header-02","title":"Header 02","description":"Floating nav that runs full width at the top of the page and shrinks into a blurred pill once you scroll past 100px, with a spring-animated width change. Links…","type":"registry:block","source_url":"https://hirael.com/r/header-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/header-02.json"},{"name":"header-03","title":"Header 03","description":"Sticky marketing header with Product, Solutions and Resources mega menus, each a two-column link list beside a featured entry, plain Pricing and Docs links, an…","type":"registry:block","source_url":"https://hirael.com/r/header-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/header-03.json"},{"name":"footer-01","title":"Footer 01","description":"Brand + tagline column alongside Product / Company / Resources link columns, with a copyright row and social icons below a thin rule.","type":"registry:block","source_url":"https://hirael.com/r/footer-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-01.json"},{"name":"not-found-01","title":"Not Found 01","description":"Centered 404 with mono eyebrow, display headline, paired CTAs and a 'try one of these' suggested-routes list.","type":"registry:block","source_url":"https://hirael.com/r/not-found-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/not-found-01.json"},{"name":"month-picker","title":"Month Picker","description":"4×3 month grid with year stepper, keyboard nav, min/max bounds, single or range mode.","type":"registry:component","source_url":"https://hirael.com/r/month-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/month-picker.json"},{"name":"time-picker","title":"Time Picker","description":"Hour, minute and optional second scroll columns with 12/24h modes, step intervals and keyboard nav.","type":"registry:component","source_url":"https://hirael.com/r/time-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/time-picker.json"},{"name":"color-picker","title":"Color Picker","description":"Color picker on react-colorful with HEX / RGB / HSL inputs (colord), an eyedropper where supported, and recent swatches.","type":"registry:component","source_url":"https://hirael.com/r/color-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/color-picker.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"Overlapping avatar group with size (sm/md/lg) and spacing (tight/normal/loose) variants, image or fallback support, numeric overflow chip, and asChild on items…","type":"registry:component","source_url":"https://hirael.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://hirael.com/r/avatar-stack.json"},{"name":"announcement-bar","title":"Announcement Bar","description":"Top-of-page banner with default / primary / muted tones, optional dismiss button and localStorage persistence.","type":"registry:component","source_url":"https://hirael.com/r/announcement-bar.json","install_command":"npx shadcn@latest add https://hirael.com/r/announcement-bar.json"},{"name":"logo-cloud-01","title":"Logo Cloud 01","description":"Centered eyebrow + headline above a 6-column bordered wordmark grid, with stat strip and case-study link below.","type":"registry:block","source_url":"https://hirael.com/r/logo-cloud-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/logo-cloud-01.json"},{"name":"logo-cloud-02","title":"Logo Cloud 02","description":"Two full-bleed marquee rows of wordmarks running in opposite directions, edges faded into the page, each row holding still on hover.","type":"registry:block","source_url":"https://hirael.com/r/logo-cloud-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/logo-cloud-02.json"},{"name":"logo-cloud-03","title":"Logo Cloud 03","description":"Quiet single-row wordmark strip that brightens on hover, a rule, then a pull quote with an avatar and attribution.","type":"registry:block","source_url":"https://hirael.com/r/logo-cloud-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/logo-cloud-03.json"},{"name":"logo-cloud-04","title":"Logo Cloud 04","description":"Six customer wordmarks as tabs, each opening a proof panel with a metric, a short quote and a story link. It advances on its own, pauses on hover or focus, and…","type":"registry:block","source_url":"https://hirael.com/r/logo-cloud-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/logo-cloud-04.json"},{"name":"contact-01","title":"Contact 01","description":"Production contact form with controlled state, inline validation, character counter, topic select, consent checkbox and a pending/sent state machine. Channel l…","type":"registry:block","source_url":"https://hirael.com/r/contact-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/contact-01.json"},{"name":"blog-01","title":"Blog 01","description":"Editorial blog index with a featured post on top and a 4-column grid of post cards underneath. Built on Card and Badge.","type":"registry:block","source_url":"https://hirael.com/r/blog-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/blog-01.json"},{"name":"blog-02","title":"Blog 02","description":"Editorial post index as dated rows with a thumbnail that surfaces on hover, category tabs with counts that filter the list, and an empty state for a category w…","type":"registry:block","source_url":"https://hirael.com/r/blog-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/blog-02.json"},{"name":"ecommerce-01","title":"Ecommerce 01","description":"Product grid with category filter pills, sale and new badges, wishlist toggles, star ratings, compare-at pricing and add-to-cart buttons that update a live car…","type":"registry:block","source_url":"https://hirael.com/r/ecommerce-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/ecommerce-01.json"},{"name":"ecommerce-02","title":"Ecommerce 02","description":"Shopping cart with capped quantity steppers, animated line-item removal, promo-code validation, a free-shipping threshold, live totals, a checkout that confirm…","type":"registry:block","source_url":"https://hirael.com/r/ecommerce-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/ecommerce-02.json"},{"name":"ecommerce-03","title":"Ecommerce 03","description":"Product detail page with a thumbnail gallery, colour swatches, a size grid that knows what is sold out in each colour, a stock-capped quantity stepper, add to …","type":"registry:block","source_url":"https://hirael.com/r/ecommerce-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/ecommerce-03.json"},{"name":"ecommerce-04","title":"Ecommerce 04","description":"Category page with a sticky filter sidebar (category counts that react to the other filters, price range, colour, stock, rating), removable filter chips, sorti…","type":"registry:block","source_url":"https://hirael.com/r/ecommerce-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/ecommerce-04.json"},{"name":"dashboard-01","title":"Dashboard 01","description":"Operations dashboard with a Tabs date-range switcher (1d / 7d / 30d / 90d), a 4-up metric strip, a weekly bar chart and a recent-activity feed. Every metric de…","type":"registry:block","source_url":"https://hirael.com/r/dashboard-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-01.json"},{"name":"dashboard-02","title":"Dashboard 02","description":"Analytics dashboard with a date-range select, four sparkline KPI tiles, a layered two-series area chart and top-pages and channel-share side cards. Deltas carr…","type":"registry:block","source_url":"https://hirael.com/r/dashboard-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-02.json"},{"name":"dashboard-03","title":"Dashboard 03","description":"Revenue dashboard with a month stepper, a plan-mix donut and legend, an invoice status list and a paginated transactions list. Amounts are numbers formatted th…","type":"registry:block","source_url":"https://hirael.com/r/dashboard-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-03.json"},{"name":"dashboard-04","title":"Dashboard 04","description":"Commerce operations dashboard in a card-in-card style: four inset stat tiles, a Today band pairing an hourly two-series revenue chart with ad-budget and peak-h…","type":"registry:block","source_url":"https://hirael.com/r/dashboard-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-04.json"},{"name":"dashboard-05","title":"Dashboard 05","description":"Observability dashboard composed as one bordered lattice: greeting strip with range select, four sparkline KPI cells, cache and duration chart cells, an AI-ins…","type":"registry:block","source_url":"https://hirael.com/r/dashboard-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-05.json"},{"name":"integrations-01","title":"Integrations 01","description":"Two-column integrations section with copy and a linked integration list on the left, and an orbit diagram (central hub with 6 spokes) on the right that highlig…","type":"registry:block","source_url":"https://hirael.com/r/integrations-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-01.json"},{"name":"integrations-02","title":"Integrations 02","description":"Filterable connector grid: a category toggle group above a card grid, where each card connects or disconnects with a pending state and a running connected coun…","type":"registry:block","source_url":"https://hirael.com/r/integrations-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-02.json"},{"name":"integrations-03","title":"Integrations 03","description":"Two-column integrations page: a sticky intro with a request-an-integration popover form beside a ruled list of linked connectors and their status.","type":"registry:block","source_url":"https://hirael.com/r/integrations-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-03.json"},{"name":"integrations-04","title":"Integrations 04","description":"Centered integrations section: heading and copy above a hub with 6 linked tool tiles on straight spokes, with pulses travelling in and out along each line.","type":"registry:block","source_url":"https://hirael.com/r/integrations-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-04.json"},{"name":"integrations-05","title":"Integrations 05","description":"Centered integrations section with three source tools on one side and three targets on the other, joined to a central hub by curved paths that carry travelling…","type":"registry:block","source_url":"https://hirael.com/r/integrations-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-05.json"},{"name":"integrations-06","title":"Integrations 06","description":"Centered integrations section with a row of tool tiles hung on a shallow arc over a faded grid, each lifting on hover.","type":"registry:block","source_url":"https://hirael.com/r/integrations-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-06.json"},{"name":"integrations-07","title":"Integrations 07","description":"Two-column integrations section with copy and a call to action beside a 3 by 3 tile grid whose featured tile cycles on its own, pauses on hover and focus, and …","type":"registry:block","source_url":"https://hirael.com/r/integrations-07.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-07.json"},{"name":"integrations-08","title":"Integrations 08","description":"Minimal integrations section: a short heading, a single row of tool icons and a link to the full list.","type":"registry:block","source_url":"https://hirael.com/r/integrations-08.json","install_command":"npx shadcn@latest add https://hirael.com/r/integrations-08.json"},{"name":"image-gallery-01","title":"Image Gallery 01","description":"Studio-style masonry gallery with a Tabs category filter showing counts, photo tiles in varied aspect ratios that open in a lightbox with thumbnails, and an em…","type":"registry:block","source_url":"https://hirael.com/r/image-gallery-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-gallery-01.json"},{"name":"image-gallery-02","title":"Image Gallery 02","description":"Photo grid with a Grid and Rows layout switch, captions on hover or focus, and a lightbox with thumbnails that opens at the chosen photo and returns focus to i…","type":"registry:block","source_url":"https://hirael.com/r/image-gallery-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-gallery-02.json"},{"name":"app-shell-01","title":"App Shell 01","description":"Drop-in admin shell built on the shadcn Sidebar primitive: collapsible icon rail with nav badges and an account menu in the footer, sticky topbar with breadcru…","type":"registry:block","source_url":"https://hirael.com/r/app-shell-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-01.json"},{"name":"app-shell-02","title":"App Shell 02","description":"Sidebar-free admin shell with a sticky top bar over a working settings screen: vertical tabs with roving keyboard focus, a header search that filters every sec…","type":"registry:block","source_url":"https://hirael.com/r/app-shell-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-02.json"},{"name":"app-shell-03","title":"App Shell 03","description":"Split-pane inbox shell: icon rail with unread indicator, a searchable conversation listbox you can walk with the arrow keys, and a reading pane where star, arc…","type":"registry:block","source_url":"https://hirael.com/r/app-shell-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-03.json"},{"name":"app-shell-04","title":"App Shell 04","description":"Starter shell on the shadcn Sidebar primitive (inset variant): a workspace switcher that switches, a ⌘K field that filters the nav, icon-collapsible items with…","type":"registry:block","source_url":"https://hirael.com/r/app-shell-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-04.json"},{"name":"copy-button","title":"Copy Button","description":"Click-to-copy button with copied feedback, icon-only or labelled, ghost / outline variants and a non-secure-context clipboard fallback.","type":"registry:component","source_url":"https://hirael.com/r/copy-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/copy-button.json"},{"name":"icon-stack","title":"Icon Stack","description":"Isometric stack of plates with an icon skewed onto the front face, for feature headers and empty states. Layer count is a prop, and the plates take their color…","type":"registry:component","source_url":"https://hirael.com/r/icon-stack.json","install_command":"npx shadcn@latest add https://hirael.com/r/icon-stack.json"},{"name":"marquee","title":"Marquee","description":"Infinite scrolling row or column for logos and testimonials, with pause-on-hover, reverse and vertical modes. Keyframes ship inline, zero config.","type":"registry:component","source_url":"https://hirael.com/r/marquee.json","install_command":"npx shadcn@latest add https://hirael.com/r/marquee.json"},{"name":"tree-view","title":"Tree View","description":"Collapsible nested tree for file explorers and hierarchical data, with auto folder/file icons, depth indentation, selection and keyboard focus.","type":"registry:component","source_url":"https://hirael.com/r/tree-view.json","install_command":"npx shadcn@latest add https://hirael.com/r/tree-view.json"},{"name":"animated-number","title":"Animated Number","description":"Count-up number that tweens to its target with easing, Intl formatting (currency, compact, percent), prefix/suffix and reduced-motion support.","type":"registry:component","source_url":"https://hirael.com/r/animated-number.json","install_command":"npx shadcn@latest add https://hirael.com/r/animated-number.json"},{"name":"stepper","title":"Stepper","description":"Multi-step progress indicator with horizontal and vertical orientation, completed / active / inactive states, clickable steps and a compound API.","type":"registry:component","source_url":"https://hirael.com/r/stepper.json","install_command":"npx shadcn@latest add https://hirael.com/r/stepper.json"},{"name":"sortable","title":"Sortable","description":"Drag-to-reorder list on dnd-kit: pointer and keyboard sorting, handle or whole-item dragging, and controls inside items that stay clickable.","type":"registry:component","source_url":"https://hirael.com/r/sortable.json","install_command":"npx shadcn@latest add https://hirael.com/r/sortable.json"},{"name":"date-picker","title":"Date Picker","description":"Single-date picker: a trigger that formats the date, opening shadcn Calendar in a popover. Takes react-day-picker matchers for bounds and disabled days.","type":"registry:component","source_url":"https://hirael.com/r/date-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/date-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Range picker on shadcn Calendar: preset column, one or two months, and react-day-picker matchers for bounds and disabled days.","type":"registry:component","source_url":"https://hirael.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/date-range-picker.json"},{"name":"mention-input","title":"Mention Input","description":"@-mention textarea with caret-anchored autocomplete, highlighted mention chips, async search and multiple trigger characters.","type":"registry:component","source_url":"https://hirael.com/r/mention-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/mention-input.json"},{"name":"rich-text-editor","title":"Rich Text Editor","description":"Tiptap editor with a formatting toolbar (headings, lists, links, highlight, alignment) and a hover bubble to edit or unlink links inline. Outputs HTML, control…","type":"registry:component","source_url":"https://hirael.com/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://hirael.com/r/rich-text-editor.json"},{"name":"inline-edit","title":"Inline Edit","description":"Click-to-edit text with preview, validation, async submit and confirm/cancel controls. Input and textarea modes.","type":"registry:component","source_url":"https://hirael.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://hirael.com/r/inline-edit.json"},{"name":"signature-pad","title":"Signature Pad","description":"Signature capture on signature_pad: smooth ink, per-stroke undo, ink that follows the theme, and PNG/JPEG export via ref.","type":"registry:component","source_url":"https://hirael.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://hirael.com/r/signature-pad.json"},{"name":"image-cropper","title":"Image Cropper","description":"Pan-and-zoom image cropper on react-easy-crop: rect or round mask, fixed aspect, zoom slider and canvas export via ref.","type":"registry:component","source_url":"https://hirael.com/r/image-cropper.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-cropper.json"},{"name":"image-compare","title":"Image Compare","description":"Before/after comparison slider with a draggable, keyboard-accessible divider, horizontal or vertical orientation and hover-follow mode.","type":"registry:component","source_url":"https://hirael.com/r/image-compare.json","install_command":"npx shadcn@latest add https://hirael.com/r/image-compare.json"},{"name":"lightbox","title":"Lightbox","description":"Fullscreen image lightbox on Radix Dialog with gallery navigation, zoom and pan, swipe gestures, captions and a thumbnail strip.","type":"registry:component","source_url":"https://hirael.com/r/lightbox.json","install_command":"npx shadcn@latest add https://hirael.com/r/lightbox.json"},{"name":"countdown-timer","title":"Countdown Timer","description":"Count-down-to-date timer with boxed / inline / minimal variants, a useCountdown hook, digit animation and completion content.","type":"registry:component","source_url":"https://hirael.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://hirael.com/r/countdown-timer.json"},{"name":"relative-time","title":"Relative Time","description":"Live \"3 minutes ago\" label on a semantic <time>, formatted with Intl for any locale. Every instance shares one timer per refresh rate, and old dates refresh ho…","type":"registry:component","source_url":"https://hirael.com/r/relative-time.json","install_command":"npx shadcn@latest add https://hirael.com/r/relative-time.json"},{"name":"qr-code","title":"QR Code","description":"QR code on uqr, rendered as crisp SVG, with L/M/Q/H error correction, quiet-zone control and custom colors.","type":"registry:component","source_url":"https://hirael.com/r/qr-code.json","install_command":"npx shadcn@latest add https://hirael.com/r/qr-code.json"},{"name":"calendar-heatmap","title":"Calendar Heatmap","description":"GitHub-style contribution heatmap with month and weekday labels, tooltips, configurable intensity scale and a legend.","type":"registry:component","source_url":"https://hirael.com/r/calendar-heatmap.json","install_command":"npx shadcn@latest add https://hirael.com/r/calendar-heatmap.json"},{"name":"code-block","title":"Code Block","description":"Code display with built-in dependency-free syntax highlighting via theme tokens, line numbers, line highlights, diff gutters, copy button and collapsible max-h…","type":"registry:component","source_url":"https://hirael.com/r/code-block.json","install_command":"npx shadcn@latest add https://hirael.com/r/code-block.json"},{"name":"masonry","title":"Masonry","description":"True masonry layout that balances children into the shortest column by measured height, order-preserving, responsive, dependency-free.","type":"registry:component","source_url":"https://hirael.com/r/masonry.json","install_command":"npx shadcn@latest add https://hirael.com/r/masonry.json"},{"name":"audio-player","title":"Audio Player","description":"Composable audio player with play/pause, scrub-safe seek with buffered tint, skip, time readouts, volume and playback rate.","type":"registry:component","source_url":"https://hirael.com/r/audio-player.json","install_command":"npx shadcn@latest add https://hirael.com/r/audio-player.json"},{"name":"video-player","title":"Video Player","description":"Composable video player with click or Space to play, scrub-safe seek with buffered tint, time readouts, volume, full screen, and controls that fade out while i…","type":"registry:component","source_url":"https://hirael.com/r/video-player.json","install_command":"npx shadcn@latest add https://hirael.com/r/video-player.json"},{"name":"media-input","title":"Media Input","description":"Local media file picker that previews via an object URL; empty-state prompt, replace and clear, size validation. Nothing leaves the browser.","type":"registry:component","source_url":"https://hirael.com/r/media-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/media-input.json"},{"name":"tour","title":"Tour","description":"Onboarding spotlight that dims the page around a target element and walks users through steps with a positioned coach-mark card.","type":"registry:component","source_url":"https://hirael.com/r/tour.json","install_command":"npx shadcn@latest add https://hirael.com/r/tour.json"},{"name":"activity-feed","title":"Activity Feed","description":"Avatar-led event feed with a connecting rail, actor and action lines, timestamps, quoted bodies and date dividers. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/activity-feed.json","install_command":"npx shadcn@latest add https://hirael.com/r/activity-feed.json"},{"name":"audit-log","title":"Audit Log","description":"Compliance-style event log with expandable rows that reveal actor, action, status and request metadata. Composable disclosure parts.","type":"registry:block","source_url":"https://hirael.com/r/audit-log.json","install_command":"npx shadcn@latest add https://hirael.com/r/audit-log.json"},{"name":"blur-reveal","title":"Blur Reveal","description":"Reveals content with a blur, fade and lift as it scrolls into view. Configurable delay, duration and threshold; respects reduced-motion.","type":"registry:component","source_url":"https://hirael.com/r/blur-reveal.json","install_command":"npx shadcn@latest add https://hirael.com/r/blur-reveal.json"},{"name":"text-reveal","title":"Text Reveal","description":"Staggered text entrance that masks and slides each word, character or line into place on scroll. Respects reduced-motion.","type":"registry:component","source_url":"https://hirael.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://hirael.com/r/text-reveal.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"Text with a moving highlight for loading labels like \"Thinking...\". CSS only, follows the text colour, runs the other way in RTL and stays still when reduced m…","type":"registry:component","source_url":"https://hirael.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://hirael.com/r/text-shimmer.json"},{"name":"scroll-reveal","title":"Scroll Reveal","description":"Fades and slides content in from any direction as it enters the viewport. Configurable distance, delay and replay; respects reduced-motion.","type":"registry:component","source_url":"https://hirael.com/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://hirael.com/r/scroll-reveal.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"Card surface with a crisp spotlight that tracks the cursor and fades in on hover. Built on Cursor Glow and design tokens.","type":"registry:component","source_url":"https://hirael.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/spotlight-card.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"Button that pulls toward the cursor and springs back on leave. Adjustable strength, asChild to wrap a link, respects reduced-motion.","type":"registry:component","source_url":"https://hirael.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/magnetic-button.json"},{"name":"cursor-glow","title":"Cursor Glow","description":"Ambient glow layer that follows the pointer across its container and fades when it leaves. Drop it behind heroes, grids or feature panels.","type":"registry:component","source_url":"https://hirael.com/r/cursor-glow.json","install_command":"npx shadcn@latest add https://hirael.com/r/cursor-glow.json"},{"name":"sparkles","title":"Sparkles","description":"Canvas particle field that drifts and twinkles behind any container. Density scales with size, colors resolve from tokens, and it pauses offscreen and under re…","type":"registry:component","source_url":"https://hirael.com/r/sparkles.json","install_command":"npx shadcn@latest add https://hirael.com/r/sparkles.json"},{"name":"tilt-card","title":"Tilt Card","description":"3D pointer tilt with optional cursor-following glare and configurable max angle, scale and perspective. Respects reduced-motion.","type":"registry:component","source_url":"https://hirael.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/tilt-card.json"},{"name":"morphing-dialog","title":"Morphing Dialog","description":"A trigger card that morphs into a centered dialog via shared-layout animation, with focus trapping, scroll lock, Esc to close and reduced-motion support.","type":"registry:component","source_url":"https://hirael.com/r/morphing-dialog.json","install_command":"npx shadcn@latest add https://hirael.com/r/morphing-dialog.json"},{"name":"dock","title":"Dock","description":"macOS-style dock with cursor magnification: icons scale and spring as the pointer passes, with hover and focus labels. Built on motion.","type":"registry:component","source_url":"https://hirael.com/r/dock.json","install_command":"npx shadcn@latest add https://hirael.com/r/dock.json"},{"name":"floating-action-button","title":"Floating Action Button","description":"Expanding speed-dial FAB: a primary trigger that rotates open to stagger a stack of secondary actions on any side. Compound API.","type":"registry:component","source_url":"https://hirael.com/r/floating-action-button.json","install_command":"npx shadcn@latest add https://hirael.com/r/floating-action-button.json"},{"name":"floating-toolbar","title":"Floating Toolbar","description":"Floating pill toolbar for text selection and canvas actions, with toggle buttons, separators and labels. Position it anywhere.","type":"registry:component","source_url":"https://hirael.com/r/floating-toolbar.json","install_command":"npx shadcn@latest add https://hirael.com/r/floating-toolbar.json"},{"name":"split-view","title":"Split View","description":"Two-pane master/detail layout with a draggable, keyboard-accessible divider and min/max bounds, built on shadcn Resizable.","type":"registry:component","source_url":"https://hirael.com/r/split-view.json","install_command":"npx shadcn@latest add https://hirael.com/r/split-view.json"},{"name":"inspector-panel","title":"Inspector Panel","description":"Design-tool inspector with a header, collapsible sections and label/control rows. Composable parts for property panels and sidebars.","type":"registry:block","source_url":"https://hirael.com/r/inspector-panel.json","install_command":"npx shadcn@latest add https://hirael.com/r/inspector-panel.json"},{"name":"tenant-switcher","title":"Tenant Switcher","description":"Workspace, organization or project switcher for multi-tenant apps. Logo or initials, plan or role caption, grouped and searchable list, and a create action. Sh…","type":"registry:block","source_url":"https://hirael.com/r/tenant-switcher.json","install_command":"npx shadcn@latest add https://hirael.com/r/tenant-switcher.json"},{"name":"kpi-grid","title":"KPI Grid","description":"Hairline-joined grid of KPI tiles with label, value, an up/down/flat delta chip and a sparkline. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/kpi-grid.json","install_command":"npx shadcn@latest add https://hirael.com/r/kpi-grid.json"},{"name":"quick-actions","title":"Quick Actions","description":"Grid of dashboard shortcut tiles with icon, label and description; each opens a small form and shows its result in place. Each tile is a button or, via asChild…","type":"registry:block","source_url":"https://hirael.com/r/quick-actions.json","install_command":"npx shadcn@latest add https://hirael.com/r/quick-actions.json"},{"name":"notifications","title":"Notifications","description":"Notification panel with an All/Unread filter, mark all read, per-item mark read and dismiss, an empty state, and a primary-colored unread marker. Ships composa…","type":"registry:block","source_url":"https://hirael.com/r/notifications.json","install_command":"npx shadcn@latest add https://hirael.com/r/notifications.json"},{"name":"billing-card","title":"Billing Card","description":"Current-plan summary with price, a usage meter, billing detail rows and footer actions. Composable parts for billing settings.","type":"registry:block","source_url":"https://hirael.com/r/billing-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/billing-card.json"},{"name":"subscription-plans","title":"Subscription Plans","description":"In-app plan selector with featured and current states, a badge, feature checklist and per-plan action. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/subscription-plans.json","install_command":"npx shadcn@latest add https://hirael.com/r/subscription-plans.json"},{"name":"api-keys","title":"API Keys","description":"API key manager with reveal/hide, copy-to-clipboard, key metadata and a create action. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/api-keys.json","install_command":"npx shadcn@latest add https://hirael.com/r/api-keys.json"},{"name":"usage-dashboard","title":"Usage Dashboard","description":"Metered usage panel with per-resource progress bars that tint amber near the limit and red over it. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/usage-dashboard.json","install_command":"npx shadcn@latest add https://hirael.com/r/usage-dashboard.json"},{"name":"creative-studio","title":"Creative Studio","description":"Dark, cinematic creative-studio landing page: a full-viewport hero with an animated backdrop and pull-up wordmark, a scroll-revealed about section, and a stagg…","type":"registry:block","source_url":"https://hirael.com/r/creative-studio.json","install_command":"npx shadcn@latest add https://hirael.com/r/creative-studio.json"},{"name":"agency-landing","title":"Agency Landing","description":"Bright, shader-lit agency landing page: a full-viewport hero with an animated WebGL backdrop and pill navigation, an editorial about section, a featured-work g…","type":"registry:block","source_url":"https://hirael.com/r/agency-landing.json","install_command":"npx shadcn@latest add https://hirael.com/r/agency-landing.json"},{"name":"mindloop","title":"Mindloop","description":"Dark, monochrome newsletter landing page: a full-screen video hero with an inline subscribe form, an answer-engine section, scroll-revealed mission copy, a fou…","type":"registry:block","source_url":"https://hirael.com/r/mindloop.json","install_command":"npx shadcn@latest add https://hirael.com/r/mindloop.json"},{"name":"portfolio","title":"Portfolio","description":"Dark, single-page personal portfolio: a counter loading screen, an HLS video hero with a floating nav and a cycling role line, a bento work grid, a journal lis…","type":"registry:block","source_url":"https://hirael.com/r/portfolio.json","install_command":"npx shadcn@latest add https://hirael.com/r/portfolio.json"},{"name":"usd-halo","title":"USD Halo","description":"Premium fintech landing page for a stablecoin: a full-bleed video hero with a custom halo wordmark and an infinite brand marquee, a meet-the-product card grid,…","type":"registry:block","source_url":"https://hirael.com/r/usd-halo.json","install_command":"npx shadcn@latest add https://hirael.com/r/usd-halo.json"},{"name":"rivr","title":"Rivr","description":"DeFi staking landing page for a fluid-asset protocol: a video hero on a rounded card with glass stat cards and a carved documentation corner, a metrics band, a…","type":"registry:block","source_url":"https://hirael.com/r/rivr.json","install_command":"npx shadcn@latest add https://hirael.com/r/rivr.json"},{"name":"velorah","title":"Velorah","description":"Dark, premium landing page for an electric RV brand: a full-screen video hero with liquid-glass navigation, a centered tagline, a split feature card with switc…","type":"registry:block","source_url":"https://hirael.com/r/velorah.json","install_command":"npx shadcn@latest add https://hirael.com/r/velorah.json"},{"name":"asme","title":"Asme","description":"Dark, liquid-glass marketing landing page: a full-viewport hero with a cross-fading background video, a frosted glass pill nav and an inline email form, then s…","type":"registry:block","source_url":"https://hirael.com/r/asme.json","install_command":"npx shadcn@latest add https://hirael.com/r/asme.json"},{"name":"prism","title":"Prism","description":"Dark, liquid-glass landing page for an AI web design agency: a fixed glass pill nav, a full-screen video hero whose headline blurs in word by word over a partn…","type":"registry:block","source_url":"https://hirael.com/r/prism.json","install_command":"npx shadcn@latest add https://hirael.com/r/prism.json"},{"name":"akor","title":"AKOR","description":"Dark landing page for an intelligent-security firm: a fixed uppercase navbar, a full-screen video hero with copy anchored bottom-start, an inverted near-white …","type":"registry:block","source_url":"https://hirael.com/r/akor.json","install_command":"npx shadcn@latest add https://hirael.com/r/akor.json"},{"name":"nexacore","title":"NexaCore","description":"Light enterprise-infrastructure landing page: a floating pill navbar that shrinks on scroll, a full-screen video hero, a dark service-card grid that unfolds on…","type":"registry:block","source_url":"https://hirael.com/r/nexacore.json","install_command":"npx shadcn@latest add https://hirael.com/r/nexacore.json"},{"name":"aurael","title":"Aurael","description":"Bilingual (EN/AR) landing page for a home-solar brand, built around a day/night control that re-themes the whole page: a full-height photographic hero that cro…","type":"registry:block","source_url":"https://hirael.com/r/aurael.json","install_command":"npx shadcn@latest add https://hirael.com/r/aurael.json"},{"name":"novael","title":"Novael","description":"Bilingual (EN/AR) landing page for a technology services firm: a fixed scroll-spy navbar over a headline that sits on a photographic band, an overlapping intro…","type":"registry:block","source_url":"https://hirael.com/r/novael.json","install_command":"npx shadcn@latest add https://hirael.com/r/novael.json"},{"name":"hero-06","title":"Hero 06","description":"Centered personal hero: a live \"available for work\" badge, a serif headline with a primary-tinted emphasis span, a sub-line, a three-stat row with hairline div…","type":"registry:block","source_url":"https://hirael.com/r/hero-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-06.json"},{"name":"hero-07","title":"Hero 07","description":"Centered hero with a word-by-word blur-in serif headline, a glass beta badge with a live dot, dual rounded CTAs, and animated beam line-art SVGs that trace the…","type":"registry:block","source_url":"https://hirael.com/r/hero-07.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-07.json"},{"name":"hero-08","title":"Hero 08","description":"Centered hero on a framed, token-lit panel: a pill badge, a serif headline with an italic emphasis span, sub-copy, dual CTA buttons, and a window preview of a …","type":"registry:block","source_url":"https://hirael.com/r/hero-08.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-08.json"},{"name":"testimonial-03","title":"Testimonial 03","description":"Centered statement quote with a serif display, an inline quote glyph in the corner, gradient hairline dividers, and a highlighted phrase, closed by a small att…","type":"registry:block","source_url":"https://hirael.com/r/testimonial-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-03.json"},{"name":"testimonial-04","title":"Testimonial 04","description":"Three-column quote grid under a centered pill badge and word-by-word headline. Each card opens with a quote mark, then the quote and an author line. Cards rise…","type":"registry:block","source_url":"https://hirael.com/r/testimonial-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-04.json"},{"name":"testimonial-05","title":"Testimonial 05","description":"Customer stories carousel where each card leads with a measured result, then a short quote, the person behind it and a link to the case study, with a slide cou…","type":"registry:block","source_url":"https://hirael.com/r/testimonial-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/testimonial-05.json"},{"name":"cta-04","title":"CTA 04","description":"Centered get-in-touch CTA with a pill eyebrow, serif headline, mail button, a copy-to-clipboard email address, and GitHub and LinkedIn icon buttons, capped by …","type":"registry:block","source_url":"https://hirael.com/r/cta-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-04.json"},{"name":"cta-05","title":"CTA 05","description":"Contact CTA panel with a scroll-reactive radial glow, an eyebrow badge, a word-by-word reveal headline, and two contact actions (email and call) each pairing a…","type":"registry:block","source_url":"https://hirael.com/r/cta-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-05.json"},{"name":"cta-06","title":"CTA 06","description":"CTA banner on one tokenized gradient surface: an eyebrow label, a serif headline with an italic emphasis, short sub-copy, and a primary action button that rise…","type":"registry:block","source_url":"https://hirael.com/r/cta-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-06.json"},{"name":"footer-02","title":"Footer 02","description":"Rounded-top footer with a brand block beside a multi-column link grid. Each column caps at five links and shows a \"View all\" arrow when there are more. A soft …","type":"registry:block","source_url":"https://hirael.com/r/footer-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-02.json"},{"name":"footer-03","title":"Footer 03","description":"Boxed link-column footer: a two-column brand block with wordmark, blurb, and ghost social buttons, two link columns, and a divided copyright row. Sits in a sof…","type":"registry:block","source_url":"https://hirael.com/r/footer-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-03.json"},{"name":"footer-04","title":"Footer 04","description":"Four-column footer lit by slow light rays falling from the top edge: brand mark and blurb, a contact column with WhatsApp and email links, a location column, a…","type":"registry:block","source_url":"https://hirael.com/r/footer-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-04.json"},{"name":"faq-05","title":"FAQ 05","description":"Two-column FAQ block: an eyebrow, serif headline and short intro sit on the start side; a single-open accordion of five questions sits on the end side, split b…","type":"registry:block","source_url":"https://hirael.com/r/faq-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-05.json"},{"name":"faq-06","title":"FAQ 06","description":"Centered FAQ with a pill badge, a word-by-word headline reveal and a short intro above a multi-open accordion where each question is its own bordered card that…","type":"registry:block","source_url":"https://hirael.com/r/faq-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-06.json"},{"name":"contact-02","title":"Contact 02","description":"Bordered contact section with a serif header and a three-column info grid: email with a copy button, location, and social pills.","type":"registry:block","source_url":"https://hirael.com/r/contact-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/contact-02.json"},{"name":"contact-03","title":"Contact 03","description":"Centered contact panel whose bottom glow widens as the section scrolls into view, with a pill badge, a word-by-word headline reveal, two short paragraphs, and …","type":"registry:block","source_url":"https://hirael.com/r/contact-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/contact-03.json"},{"name":"contact-04","title":"Contact 04","description":"Support contact section with a live reply-time line from fixed support hours, contact channels, common questions, and a ticket form that suggests help articles…","type":"registry:block","source_url":"https://hirael.com/r/contact-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/contact-04.json"},{"name":"toc","title":"Table of Contents","description":"On-this-page navigation that tracks the active heading as you scroll and highlights it with a moving border marker. Takes a flat or nested items list, or compo…","type":"registry:component","source_url":"https://hirael.com/r/toc.json","install_command":"npx shadcn@latest add https://hirael.com/r/toc.json"},{"name":"app-shell-05","title":"App Shell 05","description":"Inset sidebar app shell: a collapsible icon sidebar with a brand header, grouped Workspace and Tools nav (with a Beta badge), and an account menu in the footer…","type":"registry:block","source_url":"https://hirael.com/r/app-shell-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-05.json"},{"name":"app-shell-06","title":"App Shell 06","description":"A nested app sidebar for shadcn/ui. Open a project or settings and the whole sidebar slides to its own links, like the Vercel dashboard, instead of expanding a…","type":"registry:block","source_url":"https://hirael.com/r/app-shell-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/app-shell-06.json"},{"name":"dashboard-06","title":"Dashboard 06","description":"Pipeline overview dashboard: four stat cards for success, failure, skipped, and live activity, a clickable latest-runs bar chart with a run breakdown panel, an…","type":"registry:block","source_url":"https://hirael.com/r/dashboard-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/dashboard-06.json"},{"name":"confirm","title":"Confirm","description":"Imperative confirmation dialog: a root provider plus a useConfirm hook that resolves a promise on confirm or cancel. Default or destructive tone, an optional i…","type":"registry:component","source_url":"https://hirael.com/r/confirm.json","install_command":"npx shadcn@latest add https://hirael.com/r/confirm.json"},{"name":"unsaved-guard","title":"Unsaved Guard","description":"Unsaved-changes guard: a root provider plus a useUnsavedGuard hook. Warns before reload, tab close and in-app link navigation, and returns a guard(proceed) to …","type":"registry:component","source_url":"https://hirael.com/r/unsaved-guard.json","install_command":"npx shadcn@latest add https://hirael.com/r/unsaved-guard.json"},{"name":"data-table","title":"Data Table","description":"TanStack-powered data table: faceted, text, range and date filters, sortable columns, column visibility, row selection and pagination, with page, sort and filt…","type":"registry:component","source_url":"https://hirael.com/r/data-table.json","install_command":"npx shadcn@latest add https://hirael.com/r/data-table.json"},{"name":"process-01","title":"Process 01","description":"Team onboarding in three indexed steps (invite, connect tools, ship the first project), each with a primary hairline, a title, a body and a short detail line.","type":"registry:block","source_url":"https://hirael.com/r/process-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/process-01.json"},{"name":"process-02","title":"Process 02","description":"Four-step install section. Picking a step fills the connector up to it and swaps in a detail panel with a short checklist, and the section closes on a copyable…","type":"registry:block","source_url":"https://hirael.com/r/process-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/process-02.json"},{"name":"feature-03","title":"Feature 03","description":"Bento explaining install: a lead tile with the shadcn add command and the files it writes, beside five indexed tiles on dependencies, aliases, npm packages, to…","type":"registry:block","source_url":"https://hirael.com/r/feature-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-03.json"},{"name":"feature-04","title":"Feature 04","description":"Services grid: a pill badge, title and intro over a three-column set of cards, each with a large thin icon, title, blurb and a three-point bullet list, lit by …","type":"registry:block","source_url":"https://hirael.com/r/feature-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-04.json"},{"name":"feature-05","title":"Feature 05","description":"Values section: a centered header over a two-column, offset grid of six glass cards, each backed by a static dot pattern in the primary color, rising in with a…","type":"registry:block","source_url":"https://hirael.com/r/feature-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-05.json"},{"name":"feature-06","title":"Feature 06","description":"About section: a centered animated header over two equal story cards, each decorated with a fading SVG grid pattern and a token-lit gradient, with a heading an…","type":"registry:block","source_url":"https://hirael.com/r/feature-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-06.json"},{"name":"comparison-01","title":"Comparison 01","description":"Two-column us-and-them panel: a featured column of checked points beside a muted column of the usual trade-offs, split by a divider that stacks on mobile.","type":"registry:block","source_url":"https://hirael.com/r/comparison-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/comparison-01.json"},{"name":"comparison-02","title":"Comparison 02","description":"Three-column feature matrix with a highlighted middle column, mixed tick and text cells, and a call to action in the footer row.","type":"registry:block","source_url":"https://hirael.com/r/comparison-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/comparison-02.json"},{"name":"comparison-03","title":"Comparison 03","description":"Before and after panels side by side, the old way muted with crosses and the new way ticked, a Before/After switch on small screens, closing on an outcome stri…","type":"registry:block","source_url":"https://hirael.com/r/comparison-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/comparison-03.json"},{"name":"comparison-04","title":"Comparison 04","description":"Three-plan feature matrix with a sticky plan header, a column highlight that follows the pointer, a switch that hides rows where every plan is equal, and a sin…","type":"registry:block","source_url":"https://hirael.com/r/comparison-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/comparison-04.json"},{"name":"newsletter-01","title":"Newsletter 01","description":"Centered subscribe panel with an inline email form, inline validation and a success state that swaps in a confirmation once a valid address is entered.","type":"registry:block","source_url":"https://hirael.com/r/newsletter-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/newsletter-01.json"},{"name":"newsletter-02","title":"Newsletter 02","description":"Waitlist form that validates the address, shows a brief loading state, then returns your place in line with an invite link to copy and the referral rewards it …","type":"registry:block","source_url":"https://hirael.com/r/newsletter-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/newsletter-02.json"},{"name":"careers-01","title":"Careers 01","description":"Open-roles list with department filter pills and rows that show title, department, location and type, each linking out with a hover arrow.","type":"registry:block","source_url":"https://hirael.com/r/careers-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/careers-01.json"},{"name":"careers-02","title":"Careers 02","description":"Single job posting with the role details, a numbered hiring process and a sticky apply form with CV upload, validation and a success state. On small screens a …","type":"registry:block","source_url":"https://hirael.com/r/careers-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/careers-02.json"},{"name":"hero-09","title":"Hero 09","description":"Full-viewport product hero on a rounded card that zooms out as the page scrolls: an inline nav with brand and actions, a serif headline, sub-copy, dual CTAs, a…","type":"registry:block","source_url":"https://hirael.com/r/hero-09.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-09.json"},{"name":"feature-07","title":"Feature 07","description":"Problem-framing trio: a badge and serif headline with a muted second half above three cards, each an orb icon in concentric rings with a soft radial glow, a ti…","type":"registry:block","source_url":"https://hirael.com/r/feature-07.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-07.json"},{"name":"feature-08","title":"Feature 08","description":"Six-card feature grid on hairline rails: each card carries an inline icon beside its title, a title and a description, corner crosshair marks, and a radial spo…","type":"registry:block","source_url":"https://hirael.com/r/feature-08.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-08.json"},{"name":"feature-09","title":"Feature 09","description":"Selectable catalog bento on a hairline grid: step cells with a large faded icon, title and description; picking one shows its sample settings in a panel below.…","type":"registry:block","source_url":"https://hirael.com/r/feature-09.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-09.json"},{"name":"feature-10","title":"Feature 10","description":"Mixed-cell overview bento: a quote with attribution, two metric tiles, a latest-drop card with a CardAction, and a three-job list, all on one hairline lattice.","type":"registry:block","source_url":"https://hirael.com/r/feature-10.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-10.json"},{"name":"feature-11","title":"Feature 11","description":"Feature switcher for a shared inbox: a vertical tab list of three capabilities beside a panel previewing each one, from assigned conversations to saved replies…","type":"registry:block","source_url":"https://hirael.com/r/feature-11.json","install_command":"npx shadcn@latest add https://hirael.com/r/feature-11.json"},{"name":"bento-01","title":"Bento 01","description":"A developer platform bento where a deploy log streams when you press Deploy, region latencies update live, and a 90-day uptime strip, install command and usage…","type":"registry:block","source_url":"https://hirael.com/r/bento-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/bento-01.json"},{"name":"bento-02","title":"Bento 02","description":"A team collaboration bento with live presence you can follow, a comment thread you can reply to and resolve, a kanban whose cards move by drag or arrows, integ…","type":"registry:block","source_url":"https://hirael.com/r/bento-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/bento-02.json"},{"name":"bento-03","title":"Bento 03","description":"An analytics bento where a range toggle, segment chips and saved reports drive one shared dataset, so the visitor count, funnel and country list always add up.","type":"registry:block","source_url":"https://hirael.com/r/bento-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/bento-03.json"},{"name":"bento-04","title":"Bento 04","description":"A security and compliance bento with a live audit trail you can pause, a role permission matrix with save and discard, a 2FA adoption meter, certificate expiry…","type":"registry:block","source_url":"https://hirael.com/r/bento-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/bento-04.json"},{"name":"pricing-04","title":"Pricing 04","description":"Three-tier pricing row with a monthly/yearly toggle, an uppercase plan label, a large price with billing note, a tagline, a full-width CTA and a check-marked q…","type":"registry:block","source_url":"https://hirael.com/r/pricing-04.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-04.json"},{"name":"pricing-05","title":"Pricing 05","description":"Usage pricing calculator with sliders for active users and build minutes, a priority support switch, and a live monthly estimate broken into line items with a …","type":"registry:block","source_url":"https://hirael.com/r/pricing-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/pricing-05.json"},{"name":"faq-07","title":"FAQ 07","description":"Split FAQ: a heading, lead and numbered topic index on the start side; picking a topic opens its answer in the single-open accordion on the end side.","type":"registry:block","source_url":"https://hirael.com/r/faq-07.json","install_command":"npx shadcn@latest add https://hirael.com/r/faq-07.json"},{"name":"cta-07","title":"CTA 07","description":"Closing CTA panel wrapped in a scroll-reactive primary rim glow that widens as the section moves through the viewport, with an eyebrow badge, a two-tone serif …","type":"registry:block","source_url":"https://hirael.com/r/cta-07.json","install_command":"npx shadcn@latest add https://hirael.com/r/cta-07.json"},{"name":"hero-10","title":"Hero 10","description":"Bordered hero card over a blurred full-bleed image: a rocket badge, a large centered headline, sub-copy and dual CTAs that rise into place on load. Reduced-mot…","type":"registry:block","source_url":"https://hirael.com/r/hero-10.json","install_command":"npx shadcn@latest add https://hirael.com/r/hero-10.json"},{"name":"footer-06","title":"Footer 06","description":"Two-part footer: a bordered CTA panel over a rotated, blurred image with a headline, sub-copy and a wide sign-up button, above a brand block with social icons,…","type":"registry:block","source_url":"https://hirael.com/r/footer-06.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-06.json"},{"name":"footer-05","title":"Footer 05","description":"Floating card footer inset from the page edge: a brand block with mark and tagline, three link columns, and a hairline-divided legal row with copyright and a s…","type":"registry:block","source_url":"https://hirael.com/r/footer-05.json","install_command":"npx shadcn@latest add https://hirael.com/r/footer-05.json"},{"name":"status-01","title":"Status 01","description":"Service status page: an operational banner with an inline check, a 90-day uptime grid of tooltip-backed day bars per service with a status legend, and a dated …","type":"registry:block","source_url":"https://hirael.com/r/status-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/status-01.json"},{"name":"status-02","title":"Status 02","description":"Service health cards in a responsive grid: each with a status dot, a response-time sparkline tinted by state, a status label, and an uptime and response stat p…","type":"registry:block","source_url":"https://hirael.com/r/status-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/status-02.json"},{"name":"metric-card","title":"Metric Card","description":"Compact metric card with a value and unit, a tone-aware sparkline and an up / down trend line. Compound API.","type":"registry:component","source_url":"https://hirael.com/r/metric-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/metric-card.json"},{"name":"yaml-editor","title":"YAML Editor","description":"Editable code field with dependency-free YAML syntax highlighting, a line-number gutter and tab-to-indent. Controlled or uncontrolled.","type":"registry:component","source_url":"https://hirael.com/r/yaml-editor.json","install_command":"npx shadcn@latest add https://hirael.com/r/yaml-editor.json"},{"name":"server-card","title":"Server Card","description":"Fleet of host cards, each with a status pill, region, CPU / memory / disk specs and threshold-tinted usage meters. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/server-card.json","install_command":"npx shadcn@latest add https://hirael.com/r/server-card.json"},{"name":"vm-table","title":"VM Table","description":"Virtual-machine instance table with live status dots, size, region, IP and uptime. Self-contained parts, no table primitive required.","type":"registry:block","source_url":"https://hirael.com/r/vm-table.json","install_command":"npx shadcn@latest add https://hirael.com/r/vm-table.json"},{"name":"k8s-pod-table","title":"Kubernetes Pod Table","description":"Kubernetes pod table with phase pills (Running, Pending, CrashLoopBackOff), ready and restart counts that flag unhealthy pods.","type":"registry:block","source_url":"https://hirael.com/r/k8s-pod-table.json","install_command":"npx shadcn@latest add https://hirael.com/r/k8s-pod-table.json"},{"name":"resource-status","title":"Resource Status","description":"Statuspage-style panel: an overall banner over a list of resources, each with an operational / degraded / outage / maintenance state and uptime.","type":"registry:block","source_url":"https://hirael.com/r/resource-status.json","install_command":"npx shadcn@latest add https://hirael.com/r/resource-status.json"},{"name":"cluster-map","title":"Cluster Map","description":"Grid heatmap of cluster nodes, each cell tinted by health and load with a hover label, plus a legend. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/cluster-map.json","install_command":"npx shadcn@latest add https://hirael.com/r/cluster-map.json"},{"name":"network-topology","title":"Network Topology","description":"Coordinate-placed topology diagram: nodes with status and icons over an SVG edge layer, with animated active links. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/network-topology.json","install_command":"npx shadcn@latest add https://hirael.com/r/network-topology.json"},{"name":"storage-browser","title":"Storage Browser","description":"Object-storage file browser with a clickable path breadcrumb, folder and file rows, sizes and modified dates, and a details row for the selected file. Ships co…","type":"registry:block","source_url":"https://hirael.com/r/storage-browser.json","install_command":"npx shadcn@latest add https://hirael.com/r/storage-browser.json"},{"name":"log-viewer","title":"Log Viewer","description":"Streaming log panel with severity-colored lines, timestamps and sources, a level filter with counts, and a Follow toggle that tails new lines and unpins when y…","type":"registry:block","source_url":"https://hirael.com/r/log-viewer.json","install_command":"npx shadcn@latest add https://hirael.com/r/log-viewer.json"},{"name":"terminal","title":"Terminal","description":"Terminal surface with a title bar, output lines and an interactive prompt input with command-history recall. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/terminal.json","install_command":"npx shadcn@latest add https://hirael.com/r/terminal.json"},{"name":"deployment-history","title":"Deployment History","description":"Deployment feed on a connecting rail: version, environment and status (deployed, failed, building, rolled back) with commit and author meta.","type":"registry:block","source_url":"https://hirael.com/r/deployment-history.json","install_command":"npx shadcn@latest add https://hirael.com/r/deployment-history.json"},{"name":"kanban","title":"Kanban","description":"Board of columns and cards on dnd-kit: pointer and keyboard drag-and-drop across columns, a drag overlay, an empty-column hint, and one commit per move.","type":"registry:component","source_url":"https://hirael.com/r/kanban.json","install_command":"npx shadcn@latest add https://hirael.com/r/kanban.json"},{"name":"sparkline","title":"Sparkline","description":"Tiny inline chart on recharts in line, area or bar form with optional curve, last-point dot, reference line and hover tooltip. Tints with currentColor.","type":"registry:component","source_url":"https://hirael.com/r/sparkline.json","install_command":"npx shadcn@latest add https://hirael.com/r/sparkline.json"},{"name":"gauge","title":"Gauge","description":"Radial SVG gauge for a single reading on a scale, with threshold bands that recolour the arc, an animated sweep and a centred value and caption. Any start and …","type":"registry:component","source_url":"https://hirael.com/r/gauge.json","install_command":"npx shadcn@latest add https://hirael.com/r/gauge.json"},{"name":"meter","title":"Meter","description":"Linear meter for how much of a limit is used, like storage or an API quota, with stacked segments, a legend and thresholds that change the colour. Unlike Progr…","type":"registry:component","source_url":"https://hirael.com/r/meter.json","install_command":"npx shadcn@latest add https://hirael.com/r/meter.json"},{"name":"json-viewer","title":"JSON Viewer","description":"Collapsible JSON tree with typed value colors, item counts on closed nodes, long-string truncation, expand or collapse all, copy, and arrow-key navigation.","type":"registry:component","source_url":"https://hirael.com/r/json-viewer.json","install_command":"npx shadcn@latest add https://hirael.com/r/json-viewer.json"},{"name":"cron-editor","title":"Cron Editor","description":"Visual cron builder kept in sync with the raw expression. Presets, per-field modes, validation, a plain-English preview, and the next run times.","type":"registry:component","source_url":"https://hirael.com/r/cron-editor.json","install_command":"npx shadcn@latest add https://hirael.com/r/cron-editor.json"},{"name":"country-select","title":"Country Select","description":"Searchable country picker with flag emoji, pinned countries, optional dial codes, and single or multiple selection. Search by name or ISO code.","type":"registry:component","source_url":"https://hirael.com/r/country-select.json","install_command":"npx shadcn@latest add https://hirael.com/r/country-select.json"},{"name":"command-palette","title":"Command Palette","description":"Keyboard-first command menu with a platform shortcut, nested pages, remembered recents and shortcut hints on each row.","type":"registry:component","source_url":"https://hirael.com/r/command-palette.json","install_command":"npx shadcn@latest add https://hirael.com/r/command-palette.json"},{"name":"address-input","title":"Address Input","description":"Postal address field group that follows the selected country: which fields appear, the order they sit in, and what they are called.","type":"registry:component","source_url":"https://hirael.com/r/address-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/address-input.json"},{"name":"credit-card-input","title":"Credit Card Input","description":"Card number, expiry, and CVC in one row with brand detection, per-brand grouping, Luhn and expiry validation, and auto-advance between fields.","type":"registry:component","source_url":"https://hirael.com/r/credit-card-input.json","install_command":"npx shadcn@latest add https://hirael.com/r/credit-card-input.json"},{"name":"emoji-picker","title":"Emoji Picker","description":"Emoji picker on frimousse: the full emoji set by category, search, skin tones, keyboard navigation and a hover preview.","type":"registry:component","source_url":"https://hirael.com/r/emoji-picker.json","install_command":"npx shadcn@latest add https://hirael.com/r/emoji-picker.json"},{"name":"avatar-upload","title":"Avatar Upload","description":"Click or drop an image, crop it to a circle or square with zoom, and preview the result. Initials fallback, size and type limits, remove control.","type":"registry:component","source_url":"https://hirael.com/r/avatar-upload.json","install_command":"npx shadcn@latest add https://hirael.com/r/avatar-upload.json"},{"name":"settings-01","title":"Settings 01","description":"Account settings page with a sticky section nav, card sections with label/control rows that stack on mobile, dirty-aware Save/Cancel footers, and a Danger zone…","type":"registry:block","source_url":"https://hirael.com/r/settings-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/settings-01.json"},{"name":"settings-02","title":"Settings 02","description":"Security and notifications settings in tabs: change password with strength meter, two-factor toggle, revocable session list, and grouped notification switches …","type":"registry:block","source_url":"https://hirael.com/r/settings-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/settings-02.json"},{"name":"members-01","title":"Members 01","description":"Team members management: live search, inline role select, status badges, row actions menu, a pending-invites list with resend/revoke, and an invite dialog that…","type":"registry:block","source_url":"https://hirael.com/r/members-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/members-01.json"},{"name":"onboarding-01","title":"Onboarding 01","description":"Four-step setup wizard on the Stepper: controlled or uncontrolled step, per-step validation gating Continue, Skip, Back, a Finish that fires onComplete, and a …","type":"registry:block","source_url":"https://hirael.com/r/onboarding-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/onboarding-01.json"},{"name":"coming-soon-01","title":"Coming Soon 01","description":"Full-viewport launch page with a live countdown, an email notify form that shows an inline success state, and a GitHub link in the footer. Ships composable par…","type":"registry:block","source_url":"https://hirael.com/r/coming-soon-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/coming-soon-01.json"},{"name":"coming-soon-02","title":"Coming Soon 02","description":"Full-viewport launch teaser: a pill badge, a word-by-word serif headline, sub-copy and an email notify form with inline validation and a confirmation, above a …","type":"registry:block","source_url":"https://hirael.com/r/coming-soon-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/coming-soon-02.json"},{"name":"maintenance-01","title":"Maintenance 01","description":"Scheduled maintenance page with a pulsing status dot, window card showing start, expected return and migration progress, a notify-me popover with email validat…","type":"registry:block","source_url":"https://hirael.com/r/maintenance-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/maintenance-01.json"},{"name":"maintenance-02","title":"Maintenance 02","description":"Full-viewport offline page with a blurred primary glow and a sparkle field behind a pill badge, a word-by-word serif headline, a short status message and a spi…","type":"registry:block","source_url":"https://hirael.com/r/maintenance-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/maintenance-02.json"},{"name":"error-01","title":"Error 01","description":"500 page with a retry action, home link, collapsible technical details (request id, timestamp, copy button) and a system status line. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/error-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/error-01.json"},{"name":"team-01","title":"Team 01","description":"Team section with a serif headline, a department filter, a grid of members with portraits or initials, roles, bios and GitHub links, and a hiring footer. Ships…","type":"registry:block","source_url":"https://hirael.com/r/team-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/team-01.json"},{"name":"team-02","title":"Team 02","description":"Single-profile experience section: a four-up metric strip, a bio card with a grid-pattern backdrop, and a competencies card that ends in three pause-on-hover m…","type":"registry:block","source_url":"https://hirael.com/r/team-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/team-02.json"},{"name":"team-03","title":"Team 03","description":"Distributed team directory grouped by department, showing each person’s live local time and whether they are inside working hours, with a department filter and…","type":"registry:block","source_url":"https://hirael.com/r/team-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/team-03.json"},{"name":"stats-01","title":"Stats 01","description":"Metrics band with four large numbers that count up on scroll, labels, optional deltas, and a two-column header on large screens. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/stats-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/stats-01.json"},{"name":"stats-02","title":"Stats 02","description":"Four metric tiles with a 4w, 12w or 52w range toggle that swaps each figure, trend chip and sparkline; one metric trends the wrong way.","type":"registry:block","source_url":"https://hirael.com/r/stats-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/stats-02.json"},{"name":"stats-03","title":"Stats 03","description":"Split stats section: a short growth story on one side, four metrics tracked against their targets on the other. Bars fill from zero on load and a Quarter / Yea…","type":"registry:block","source_url":"https://hirael.com/r/stats-03.json","install_command":"npx shadcn@latest add https://hirael.com/r/stats-03.json"},{"name":"cookie-consent","title":"Cookie Consent","description":"Floating consent banner with per-category switches, accept, reject, and save actions, and a choice persisted in localStorage. Ships composable parts.","type":"registry:block","source_url":"https://hirael.com/r/cookie-consent.json","install_command":"npx shadcn@latest add https://hirael.com/r/cookie-consent.json"},{"name":"changelog-01","title":"Changelog 01","description":"Release notes with a sticky date rail, version badges, New / Improved / Fixed tags, a subscribe button, and a filter that narrows entries. Ships composable par…","type":"registry:block","source_url":"https://hirael.com/r/changelog-01.json","install_command":"npx shadcn@latest add https://hirael.com/r/changelog-01.json"},{"name":"changelog-02","title":"Changelog 02","description":"Public roadmap board with Now, Next and Later columns. Every item can be upvoted, the board sorts by votes or by date, and on small screens tabs pick the colum…","type":"registry:block","source_url":"https://hirael.com/r/changelog-02.json","install_command":"npx shadcn@latest add https://hirael.com/r/changelog-02.json"}]},{"id":"honestui","name":"@honestui","slug":"honestui","description":"React UI components, animated interactions, shaders, and charts distributed as editable source.","author":"honestui","framework":"react","license":"MIT","tags":["animation","backgrounds","buttons","cards","charts","dashboard","forms","icons","loaders","media","navigation","overlays","tables","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.honestui.com","github":"https://github.com/honestui/honestui","registry":"https://www.honestui.com/r/registry.json","source":"https://www.honestui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/honestui","markdown":"https://sh4dcn.netlify.app/md/honestui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 530 569' fill='none'><path fill='var(--foreground)' d='M0 0h362v115H112v453H0V0Z'/><path fill='var(--foreground)' d='M419 0h111v115H419V0Z'/><path fill='var(--foreground)' d='M419 181h111v388H168V451h251V181Z'/></svg>","preview_image":"https://www.honestui.com/og/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2026-10-14T21:29:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.honestui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.honestui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.honestui.com/r/registry.json","clone":"git clone https://github.com/honestui/honestui.git","clone_degit":"npx degit honestui/honestui","registry_fetch":"curl -s https://www.honestui.com/r/registry.json"},"component_count":91,"components":[{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/accordion.json"},{"name":"action-swap","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/action-swap.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/action-swap.json"},{"name":"action-swap-blur","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/action-swap-blur.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/action-swap-blur.json"},{"name":"action-swap-cascade","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/action-swap-cascade.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/action-swap-cascade.json"},{"name":"action-swap-roll","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/action-swap-roll.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/action-swap-roll.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/alert.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/alert-dialog.json"},{"name":"analytics-dashboard","title":null,"description":null,"type":"registry:block","source_url":"https://www.honestui.com/r/analytics-dashboard.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/analytics-dashboard.json"},{"name":"async-action","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/async-action.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/async-action.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/avatar.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/badge.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/badge.json"},{"name":"blinds","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/blinds.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/blinds.json"},{"name":"bouncy-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/bouncy-accordion.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/bouncy-accordion.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/breadcrumb.json"},{"name":"brush","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/brush.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/brush.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/button.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/button.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/card.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/card.json"},{"name":"change-review","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/change-review.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/change-review.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/chart.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/checkbox.json"},{"name":"checkbox-group","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/checkbox-group.json"},{"name":"chromatic-image","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/chromatic-image.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/chromatic-image.json"},{"name":"chromatic-text-reveal","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/chromatic-text-reveal.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/chromatic-text-reveal.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/collapsible.json"},{"name":"color-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/color-picker.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/combobox.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/command.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/context-menu.json"},{"name":"data-grid","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/data-grid.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/data-grid.json"},{"name":"data-quality","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/data-quality.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/data-quality.json"},{"name":"data-table","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/data-table.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/data-table.json"},{"name":"date-range-picker","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/date-range-picker.json"},{"name":"density","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/density.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/density.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/dialog.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/dialog.json"},{"name":"dither","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/dither.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/dither.json"},{"name":"dock","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/dock.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/dock.json"},{"name":"dot","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/dot.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/dot.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/empty.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/field.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/field.json"},{"name":"fieldset","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/fieldset.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/fieldset.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/file-upload.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/file-upload.json"},{"name":"filter-bar","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/filter-bar.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/form.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/form.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/frame.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/frame.json"},{"name":"grainient","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/grainient.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/grainient.json"},{"name":"group","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/group.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/group.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/input.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/input-group.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/input-group.json"},{"name":"kanban-list","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/kanban-list.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/kanban-list.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/label.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/label.json"},{"name":"legend","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/legend.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/legend.json"},{"name":"light-rays","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/light-rays.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/light-rays.json"},{"name":"magnetic","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/magnetic.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/magnetic.json"},{"name":"marquee","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/marquee.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/marquee.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/menu.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/menu.json"},{"name":"meter","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/meter.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/meter.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/number-field.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/number-field.json"},{"name":"number-ticker","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/number-ticker.json"},{"name":"overflow-toolbar","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/overflow-toolbar.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/overflow-toolbar.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/pagination.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/pagination.json"},{"name":"paste-table","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/paste-table.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/paste-table.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/popover.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/popover.json"},{"name":"preview-card","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/preview-card.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/preview-card.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/progress.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/progress.json"},{"name":"quantity-field","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/quantity-field.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/quantity-field.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/radio-group.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/select.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/separator.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/separator.json"},{"name":"shared-layout-bg","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/shared-layout-bg.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/shared-layout-bg.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/sheet.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/sheet.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/slider.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/slider.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/switch.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/table.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/tabs.json"},{"name":"text-reveal","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/text-reveal.json"},{"name":"text-shimmer","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/text-shimmer.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/textarea.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/textarea.json"},{"name":"tilt-card","title":null,"description":null,"type":"registry:component","source_url":"https://www.honestui.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/tilt-card.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toast.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toast.json"},{"name":"toast-gooey","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toast-gooey.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toast-gooey.json"},{"name":"toast-gooey-icons","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toast-gooey-icons.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toast-gooey-icons.json"},{"name":"toast-gooey-renderer","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toast-gooey-renderer.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toast-gooey-renderer.json"},{"name":"toast-gooey-types","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toast-gooey-types.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toast-gooey-types.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toggle.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toggle-group.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/toolbar.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://www.honestui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.honestui.com/r/tooltip.json"}]},{"id":"hugeicons-animated","name":"@hugeicons-animated","slug":"hugeicons-animated","description":"An open-source collection of animated Hugeicons for React.","author":"enesgules","framework":"react","license":"MIT","tags":["ai","animation","cards","charts","dashboard","forms","glassmorphism","icons","media"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://hugeicons-animated.com","github":"https://github.com/enesgules/hugeicons-animated","registry":"https://hugeicons-animated.com/r/registry.json","source":"https://hugeicons-animated.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hugeicons-animated","markdown":"https://sh4dcn.netlify.app/md/hugeicons-animated.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='9' fill='#AFE67F'/><rect x='.75' y='.75' width='30.5' height='30.5' rx='8.25' fill='none' stroke='#79BD3E' stroke-width='1.5'/><g fill='none' stroke='#1D3208' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(4 4)'><path d='M20 18.5011L18.349 7.93407C17.8603 4.80601 15.166 2.5 12 2.5C8.83398 2.5 6.13971 4.80601 5.65098 7.93407L4 18.5011'/><path d='M20 18.5C20 16.8431 16.4183 15.5 12 15.5C7.58172 15.5 4 16.8431 4 18.5C4 20.1569 7.58172 21.5 12 21.5C16.4183 21.5 20 20.1569 20 18.5Z'/><path d='M13 18.5H11'/></g></svg>","preview_image":"https://hugeicons-animated.com/opengraph-image?397ac39d5a42f52f","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":112,"open_issues":0,"last_commit":"2026-10-21T06:36:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hugeicons-animated.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hugeicons-animated.com/r/registry.json","install_bun":"bunx shadcn@latest add https://hugeicons-animated.com/r/registry.json","clone":"git clone https://github.com/enesgules/hugeicons-animated.git","clone_degit":"npx degit enesgules/hugeicons-animated","registry_fetch":"curl -s https://hugeicons-animated.com/r/registry.json"},"component_count":227,"components":[{"name":"add-circle","title":"add-circle","description":"Animated add circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/add-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/add-circle.json"},{"name":"add-square","title":"add-square","description":"Animated add square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/add-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/add-square.json"},{"name":"airplane-take-off-01","title":"airplane-take-off-01","description":"Animated airplane take off icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/airplane-take-off-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/airplane-take-off-01.json"},{"name":"alarm-clock","title":"alarm-clock","description":"Animated alarm clock icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/alarm-clock.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/alarm-clock.json"},{"name":"alert-02","title":"alert-02","description":"Animated alert icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/alert-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/alert-02.json"},{"name":"alert-circle","title":"alert-circle","description":"Animated alert circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/alert-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/alert-circle.json"},{"name":"archive-02","title":"archive-02","description":"Animated archive icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/archive-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/archive-02.json"},{"name":"arrow-down-01","title":"arrow-down-01","description":"Animated arrow down icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-down-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-down-01.json"},{"name":"arrow-down-02","title":"arrow-down-02","description":"Animated arrow down icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-down-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-down-02.json"},{"name":"arrow-down-double","title":"arrow-down-double","description":"Animated arrow down double icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-down-double.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-down-double.json"},{"name":"arrow-down-left-01","title":"arrow-down-left-01","description":"Animated arrow down left icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-down-left-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-down-left-01.json"},{"name":"arrow-down-right-01","title":"arrow-down-right-01","description":"Animated arrow down right icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-down-right-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-down-right-01.json"},{"name":"arrow-left-01","title":"arrow-left-01","description":"Animated arrow left icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-left-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-left-01.json"},{"name":"arrow-left-02","title":"arrow-left-02","description":"Animated arrow left icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-left-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-left-02.json"},{"name":"arrow-reload-horizontal","title":"arrow-reload-horizontal","description":"Animated arrow reload horizontal icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-reload-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-reload-horizontal.json"},{"name":"arrow-right-01","title":"arrow-right-01","description":"Animated arrow right icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-right-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-right-01.json"},{"name":"arrow-right-02","title":"arrow-right-02","description":"Animated arrow right icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-right-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-right-02.json"},{"name":"arrow-up-01","title":"arrow-up-01","description":"Animated arrow up icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-up-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-up-01.json"},{"name":"arrow-up-02","title":"arrow-up-02","description":"Animated arrow up icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-up-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-up-02.json"},{"name":"arrow-up-double","title":"arrow-up-double","description":"Animated arrow up double icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-up-double.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-up-double.json"},{"name":"arrow-up-left-01","title":"arrow-up-left-01","description":"Animated arrow up left icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-up-left-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-up-left-01.json"},{"name":"arrow-up-right-01","title":"arrow-up-right-01","description":"Animated arrow up right icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/arrow-up-right-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/arrow-up-right-01.json"},{"name":"attachment","title":"attachment","description":"Animated attachment icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/attachment.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/attachment.json"},{"name":"battery-charging-01","title":"battery-charging-01","description":"Animated battery charging icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/battery-charging-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/battery-charging-01.json"},{"name":"battery-full","title":"battery-full","description":"Animated battery full icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/battery-full.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/battery-full.json"},{"name":"bluetooth","title":"bluetooth","description":"Animated bluetooth icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/bluetooth.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bluetooth.json"},{"name":"bookmark-01","title":"bookmark-01","description":"Animated bookmark icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/bookmark-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bookmark-01.json"},{"name":"bookmark-02","title":"bookmark-02","description":"Animated bookmark icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/bookmark-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bookmark-02.json"},{"name":"bookmark-add-01","title":"bookmark-add-01","description":"Animated bookmark add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/bookmark-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bookmark-add-01.json"},{"name":"bug-01","title":"bug-01","description":"Animated bug icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/bug-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bug-01.json"},{"name":"bulb","title":"bulb","description":"Animated bulb icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/bulb.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/bulb.json"},{"name":"calendar-01","title":"calendar-01","description":"Animated calendar icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/calendar-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/calendar-01.json"},{"name":"calendar-03","title":"calendar-03","description":"Animated calendar icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/calendar-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/calendar-03.json"},{"name":"calendar-add-01","title":"calendar-add-01","description":"Animated calendar add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/calendar-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/calendar-add-01.json"},{"name":"call-02","title":"call-02","description":"Animated call icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/call-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/call-02.json"},{"name":"call-end-01","title":"call-end-01","description":"Animated call end icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/call-end-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/call-end-01.json"},{"name":"call-incoming-01","title":"call-incoming-01","description":"Animated call incoming icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/call-incoming-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/call-incoming-01.json"},{"name":"call-outgoing-01","title":"call-outgoing-01","description":"Animated call outgoing icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/call-outgoing-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/call-outgoing-01.json"},{"name":"call","title":"call","description":"Animated call icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/call.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/call.json"},{"name":"camera-01","title":"camera-01","description":"Animated camera icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/camera-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/camera-01.json"},{"name":"cancel-01","title":"cancel-01","description":"Animated cancel icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cancel-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cancel-01.json"},{"name":"cancel-02","title":"cancel-02","description":"Animated cancel icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cancel-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cancel-02.json"},{"name":"cancel-circle","title":"cancel-circle","description":"Animated cancel circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cancel-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cancel-circle.json"},{"name":"chart-increase","title":"chart-increase","description":"Animated chart increase icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/chart-increase.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chart-increase.json"},{"name":"checkmark-badge-01","title":"checkmark-badge-01","description":"Animated checkmark badge icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/checkmark-badge-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/checkmark-badge-01.json"},{"name":"checkmark-circle-02","title":"checkmark-circle-02","description":"Animated checkmark circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/checkmark-circle-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/checkmark-circle-02.json"},{"name":"checkmark-square-02","title":"checkmark-square-02","description":"Animated checkmark square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/checkmark-square-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/checkmark-square-02.json"},{"name":"chevron-down","title":"chevron-down","description":"Animated chevron down icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/chevron-down.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-down.json"},{"name":"chevron-left","title":"chevron-left","description":"Animated chevron left icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/chevron-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-left.json"},{"name":"chevron-right","title":"chevron-right","description":"Animated chevron right icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/chevron-right.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-right.json"},{"name":"chevron-up","title":"chevron-up","description":"Animated chevron up icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/chevron-up.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/chevron-up.json"},{"name":"circle-check","title":"circle-check","description":"Animated circle check icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/circle-check.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/circle-check.json"},{"name":"circle-x","title":"circle-x","description":"Animated circle x icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/circle-x.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/circle-x.json"},{"name":"clipboard-paste","title":"clipboard-paste","description":"Animated clipboard paste icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/clipboard-paste.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clipboard-paste.json"},{"name":"clipboard","title":"clipboard","description":"Animated clipboard icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/clipboard.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clipboard.json"},{"name":"clock-01","title":"clock-01","description":"Animated clock icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/clock-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clock-01.json"},{"name":"clock-02","title":"clock-02","description":"Animated clock icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/clock-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/clock-02.json"},{"name":"cloud-download","title":"cloud-download","description":"Animated cloud download icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cloud-download.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-download.json"},{"name":"cloud-lightning","title":"cloud-lightning","description":"Animated cloud lightning icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cloud-lightning.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-lightning.json"},{"name":"cloud-rain","title":"cloud-rain","description":"Animated cloud rain icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cloud-rain.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-rain.json"},{"name":"cloud-upload","title":"cloud-upload","description":"Animated cloud upload icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cloud-upload.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud-upload.json"},{"name":"cloud","title":"cloud","description":"Animated cloud icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cloud.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cloud.json"},{"name":"code-xml","title":"code-xml","description":"Animated code xml icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/code-xml.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/code-xml.json"},{"name":"coffee-02","title":"coffee-02","description":"Animated coffee icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/coffee-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/coffee-02.json"},{"name":"command","title":"command","description":"Animated command icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/command.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/command.json"},{"name":"compass","title":"compass","description":"Animated compass icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/compass.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/compass.json"},{"name":"copy-01","title":"copy-01","description":"Animated copy icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/copy-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/copy-01.json"},{"name":"copy-02","title":"copy-02","description":"Animated copy icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/copy-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/copy-02.json"},{"name":"credit-card","title":"credit-card","description":"Animated credit card icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/credit-card.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/credit-card.json"},{"name":"crown","title":"crown","description":"Animated crown icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/crown.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/crown.json"},{"name":"cursor-pointer-01","title":"cursor-pointer-01","description":"Animated cursor pointer icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/cursor-pointer-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/cursor-pointer-01.json"},{"name":"dashboard-square-01","title":"dashboard-square-01","description":"Animated dashboard square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/dashboard-square-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/dashboard-square-01.json"},{"name":"database","title":"database","description":"Animated database icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/database.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/database.json"},{"name":"delete-01","title":"delete-01","description":"Animated delete icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/delete-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/delete-01.json"},{"name":"delete-02","title":"delete-02","description":"Animated delete icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/delete-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/delete-02.json"},{"name":"delete-03","title":"delete-03","description":"Animated delete icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/delete-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/delete-03.json"},{"name":"diamond-02","title":"diamond-02","description":"Animated diamond icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/diamond-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/diamond-02.json"},{"name":"document-attachment","title":"document-attachment","description":"Animated document attachment icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/document-attachment.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/document-attachment.json"},{"name":"download-01","title":"download-01","description":"Animated download icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/download-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/download-01.json"},{"name":"earth","title":"earth","description":"Animated earth icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/earth.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/earth.json"},{"name":"edit-02","title":"edit-02","description":"Animated edit icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/edit-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/edit-02.json"},{"name":"external-link","title":"external-link","description":"Animated external link icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/external-link.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/external-link.json"},{"name":"eye-off","title":"eye-off","description":"Animated eye off icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/eye-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/eye-off.json"},{"name":"eye","title":"eye","description":"Animated eye icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/eye.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/eye.json"},{"name":"favourite","title":"favourite","description":"Animated favourite icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/favourite.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/favourite.json"},{"name":"file-01","title":"file-01","description":"Animated file icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/file-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-01.json"},{"name":"file-add","title":"file-add","description":"Animated file add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/file-add.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-add.json"},{"name":"file-download","title":"file-download","description":"Animated file download icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/file-download.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-download.json"},{"name":"file-edit","title":"file-edit","description":"Animated file edit icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/file-edit.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-edit.json"},{"name":"file-search","title":"file-search","description":"Animated file search icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/file-search.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-search.json"},{"name":"file-upload","title":"file-upload","description":"Animated file upload icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/file-upload.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/file-upload.json"},{"name":"filter","title":"filter","description":"Animated filter icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/filter.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/filter.json"},{"name":"fire","title":"fire","description":"Animated fire icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/fire.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/fire.json"},{"name":"flash","title":"flash","description":"Animated flash icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/flash.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/flash.json"},{"name":"flower","title":"flower","description":"Animated flower icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/flower.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/flower.json"},{"name":"folder-01","title":"folder-01","description":"Animated folder icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/folder-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/folder-01.json"},{"name":"folder-add","title":"folder-add","description":"Animated folder add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/folder-add.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/folder-add.json"},{"name":"folder-open","title":"folder-open","description":"Animated folder open icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/folder-open.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/folder-open.json"},{"name":"full-screen","title":"full-screen","description":"Animated full screen icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/full-screen.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/full-screen.json"},{"name":"ghost","title":"ghost","description":"Animated ghost icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/ghost.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/ghost.json"},{"name":"gift","title":"gift","description":"Animated gift icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/gift.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/gift.json"},{"name":"github","title":"github","description":"Animated github icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/github.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/github.json"},{"name":"grid-view","title":"grid-view","description":"Animated grid view icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/grid-view.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/grid-view.json"},{"name":"headphone-off","title":"headphone-off","description":"Animated headphone off icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/headphone-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/headphone-off.json"},{"name":"headphones","title":"headphones","description":"Animated headphones icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/headphones.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/headphones.json"},{"name":"help-circle","title":"help-circle","description":"Animated help circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/help-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/help-circle.json"},{"name":"help-square","title":"help-square","description":"Animated help square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/help-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/help-square.json"},{"name":"history","title":"history","description":"Animated history icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/history.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/history.json"},{"name":"home-01","title":"home-01","description":"Animated home icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/home-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/home-01.json"},{"name":"hourglass","title":"hourglass","description":"Animated hourglass icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/hourglass.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/hourglass.json"},{"name":"image-01","title":"image-01","description":"Animated image icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/image-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/image-01.json"},{"name":"inbox","title":"inbox","description":"Animated inbox icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/inbox.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/inbox.json"},{"name":"information-circle","title":"information-circle","description":"Animated information circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/information-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/information-circle.json"},{"name":"information-square","title":"information-square","description":"Animated information square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/information-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/information-square.json"},{"name":"key-01","title":"key-01","description":"Animated key icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/key-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/key-01.json"},{"name":"layers-01","title":"layers-01","description":"Animated layers icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/layers-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/layers-01.json"},{"name":"leaf-01","title":"leaf-01","description":"Animated leaf icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/leaf-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/leaf-01.json"},{"name":"link-01","title":"link-01","description":"Animated link icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/link-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/link-01.json"},{"name":"link-square-02","title":"link-square-02","description":"Animated link square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/link-square-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/link-square-02.json"},{"name":"list-view","title":"list-view","description":"Animated list view icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/list-view.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/list-view.json"},{"name":"loading-03","title":"loading-03","description":"Animated loading icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/loading-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/loading-03.json"},{"name":"location-01","title":"location-01","description":"Animated location icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/location-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/location-01.json"},{"name":"location-add-01","title":"location-add-01","description":"Animated location add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/location-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/location-add-01.json"},{"name":"lock","title":"lock","description":"Animated lock icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/lock.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/lock.json"},{"name":"login-01","title":"login-01","description":"Animated login icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/login-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/login-01.json"},{"name":"login-02","title":"login-02","description":"Animated login icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/login-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/login-02.json"},{"name":"logout-01","title":"logout-01","description":"Animated logout icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/logout-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/logout-01.json"},{"name":"logout-02","title":"logout-02","description":"Animated logout icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/logout-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/logout-02.json"},{"name":"magic-wand-01","title":"magic-wand-01","description":"Animated magic wand icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/magic-wand-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/magic-wand-01.json"},{"name":"mail-01","title":"mail-01","description":"Animated mail icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mail-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-01.json"},{"name":"mail-02","title":"mail-02","description":"Animated mail icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mail-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-02.json"},{"name":"mail-add-01","title":"mail-add-01","description":"Animated mail add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mail-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-add-01.json"},{"name":"mail-open","title":"mail-open","description":"Animated mail open icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mail-open.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-open.json"},{"name":"mail-send-01","title":"mail-send-01","description":"Animated mail send icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mail-send-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mail-send-01.json"},{"name":"maximize-screen","title":"maximize-screen","description":"Animated maximize screen icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/maximize-screen.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/maximize-screen.json"},{"name":"menu-01","title":"menu-01","description":"Animated menu icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/menu-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/menu-01.json"},{"name":"message-01","title":"message-01","description":"Animated message icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/message-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/message-01.json"},{"name":"message-add-01","title":"message-add-01","description":"Animated message add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/message-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/message-add-01.json"},{"name":"mic-01","title":"mic-01","description":"Animated mic icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mic-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mic-01.json"},{"name":"minimize-screen","title":"minimize-screen","description":"Animated minimize screen icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/minimize-screen.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/minimize-screen.json"},{"name":"minus-sign-circle","title":"minus-sign-circle","description":"Animated minus sign circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/minus-sign-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/minus-sign-circle.json"},{"name":"minus-sign-square","title":"minus-sign-square","description":"Animated minus sign square icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/minus-sign-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/minus-sign-square.json"},{"name":"minus-sign","title":"minus-sign","description":"Animated minus sign icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/minus-sign.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/minus-sign.json"},{"name":"moon-02","title":"moon-02","description":"Animated moon icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/moon-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/moon-02.json"},{"name":"more-horizontal","title":"more-horizontal","description":"Animated more horizontal icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/more-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/more-horizontal.json"},{"name":"more-vertical","title":"more-vertical","description":"Animated more vertical icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/more-vertical.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/more-vertical.json"},{"name":"mouse-left-click-01","title":"mouse-left-click-01","description":"Animated mouse left click icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/mouse-left-click-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/mouse-left-click-01.json"},{"name":"music-note-01","title":"music-note-01","description":"Animated music note icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/music-note-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/music-note-01.json"},{"name":"next","title":"next","description":"Animated next icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/next.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/next.json"},{"name":"notification-01","title":"notification-01","description":"Animated notification icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/notification-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/notification-01.json"},{"name":"notification-02","title":"notification-02","description":"Animated notification icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/notification-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/notification-02.json"},{"name":"notification-03","title":"notification-03","description":"Animated notification icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/notification-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/notification-03.json"},{"name":"notification-off-01","title":"notification-off-01","description":"Animated notification off icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/notification-off-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/notification-off-01.json"},{"name":"paint-brush-02","title":"paint-brush-02","description":"Animated paint brush icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/paint-brush-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/paint-brush-02.json"},{"name":"panel-left","title":"panel-left","description":"Animated panel left icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/panel-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/panel-left.json"},{"name":"party","title":"party","description":"Animated party icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/party.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/party.json"},{"name":"pause-circle","title":"pause-circle","description":"Animated pause circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/pause-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/pause-circle.json"},{"name":"pause","title":"pause","description":"Animated pause icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/pause.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/pause.json"},{"name":"pin","title":"pin","description":"Animated pin icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/pin.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/pin.json"},{"name":"play-circle","title":"play-circle","description":"Animated play circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/play-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/play-circle.json"},{"name":"play","title":"play","description":"Animated play icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/play.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/play.json"},{"name":"plus-sign","title":"plus-sign","description":"Animated plus sign icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/plus-sign.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/plus-sign.json"},{"name":"previous","title":"previous","description":"Animated previous icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/previous.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/previous.json"},{"name":"printer","title":"printer","description":"Animated printer icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/printer.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/printer.json"},{"name":"puzzle","title":"puzzle","description":"Animated puzzle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/puzzle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/puzzle.json"},{"name":"qr-code-01","title":"qr-code-01","description":"Animated qr code icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/qr-code-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/qr-code-01.json"},{"name":"redo-02","title":"redo-02","description":"Animated redo icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/redo-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/redo-02.json"},{"name":"redo","title":"redo","description":"Animated redo icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/redo.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/redo.json"},{"name":"refresh","title":"refresh","description":"Animated refresh icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/refresh.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/refresh.json"},{"name":"repeat","title":"repeat","description":"Animated repeat icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/repeat.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/repeat.json"},{"name":"robot-01","title":"robot-01","description":"Animated robot icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/robot-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/robot-01.json"},{"name":"rocket-01","title":"rocket-01","description":"Animated rocket icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/rocket-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/rocket-01.json"},{"name":"save","title":"save","description":"Animated save icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/save.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/save.json"},{"name":"scissor-01","title":"scissor-01","description":"Animated scissor icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/scissor-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/scissor-01.json"},{"name":"search-01","title":"search-01","description":"Animated search icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/search-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/search-01.json"},{"name":"search-02","title":"search-02","description":"Animated search icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/search-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/search-02.json"},{"name":"sent","title":"sent","description":"Animated sent icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sent.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sent.json"},{"name":"settings-01","title":"settings-01","description":"Animated settings icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/settings-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/settings-01.json"},{"name":"settings-02","title":"settings-02","description":"Animated settings icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/settings-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/settings-02.json"},{"name":"share-01","title":"share-01","description":"Animated share icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/share-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/share-01.json"},{"name":"share-08","title":"share-08","description":"Animated share icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/share-08.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/share-08.json"},{"name":"shield-02","title":"shield-02","description":"Animated shield icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/shield-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/shield-02.json"},{"name":"shopping-bag-01","title":"shopping-bag-01","description":"Animated shopping bag icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/shopping-bag-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/shopping-bag-01.json"},{"name":"shopping-cart-01","title":"shopping-cart-01","description":"Animated shopping cart icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/shopping-cart-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/shopping-cart-01.json"},{"name":"shopping-cart-add-01","title":"shopping-cart-add-01","description":"Animated shopping cart add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/shopping-cart-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/shopping-cart-add-01.json"},{"name":"sleeping","title":"sleeping","description":"Animated sleeping icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sleeping.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sleeping.json"},{"name":"sliders-horizontal","title":"sliders-horizontal","description":"Animated sliders horizontal icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sliders-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sliders-horizontal.json"},{"name":"smart-phone-01","title":"smart-phone-01","description":"Animated smart phone icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/smart-phone-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/smart-phone-01.json"},{"name":"smile","title":"smile","description":"Animated smile icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/smile.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/smile.json"},{"name":"snow","title":"snow","description":"Animated snow icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/snow.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/snow.json"},{"name":"sort-by-down-01","title":"sort-by-down-01","description":"Animated sort by down icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sort-by-down-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sort-by-down-01.json"},{"name":"sort-by-up-01","title":"sort-by-up-01","description":"Animated sort by up icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sort-by-up-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sort-by-up-01.json"},{"name":"sparkles","title":"sparkles","description":"Animated sparkles icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sparkles.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sparkles.json"},{"name":"square-lock-01","title":"square-lock-01","description":"Animated square lock icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/square-lock-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/square-lock-01.json"},{"name":"square-unlock-01","title":"square-unlock-01","description":"Animated square unlock icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/square-unlock-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/square-unlock-01.json"},{"name":"star","title":"star","description":"Animated star icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/star.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/star.json"},{"name":"sun-03","title":"sun-03","description":"Animated sun icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/sun-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/sun-03.json"},{"name":"tag-01","title":"tag-01","description":"Animated tag icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/tag-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/tag-01.json"},{"name":"target-01","title":"target-01","description":"Animated target icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/target-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/target-01.json"},{"name":"thumbs-down","title":"thumbs-down","description":"Animated thumbs down icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/thumbs-down.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/thumbs-down.json"},{"name":"thumbs-up","title":"thumbs-up","description":"Animated thumbs up icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/thumbs-up.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/thumbs-up.json"},{"name":"tick-01","title":"tick-01","description":"Animated tick icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/tick-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/tick-01.json"},{"name":"tick-02","title":"tick-02","description":"Animated tick icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/tick-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/tick-02.json"},{"name":"tick-double-01","title":"tick-double-01","description":"Animated tick double icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/tick-double-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/tick-double-01.json"},{"name":"umbrella","title":"umbrella","description":"Animated umbrella icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/umbrella.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/umbrella.json"},{"name":"undo-02","title":"undo-02","description":"Animated undo icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/undo-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/undo-02.json"},{"name":"undo","title":"undo","description":"Animated undo icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/undo.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/undo.json"},{"name":"upload-01","title":"upload-01","description":"Animated upload icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/upload-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/upload-01.json"},{"name":"user-add-01","title":"user-add-01","description":"Animated user add icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user-add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-add-01.json"},{"name":"user-check-01","title":"user-check-01","description":"Animated user check icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user-check-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-check-01.json"},{"name":"user-circle","title":"user-circle","description":"Animated user circle icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-circle.json"},{"name":"user-group","title":"user-group","description":"Animated user group icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user-group.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-group.json"},{"name":"user-multiple-02","title":"user-multiple-02","description":"Animated user multiple icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user-multiple-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-multiple-02.json"},{"name":"user-remove-01","title":"user-remove-01","description":"Animated user remove icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user-remove-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user-remove-01.json"},{"name":"user","title":"user","description":"Animated user icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/user.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/user.json"},{"name":"video-01","title":"video-01","description":"Animated video icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/video-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/video-01.json"},{"name":"view-off","title":"view-off","description":"Animated view off icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/view-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/view-off.json"},{"name":"view","title":"view","description":"Animated view icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/view.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/view.json"},{"name":"volume-high","title":"volume-high","description":"Animated volume high icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/volume-high.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/volume-high.json"},{"name":"volume-low","title":"volume-low","description":"Animated volume low icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/volume-low.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/volume-low.json"},{"name":"volume-mute-01","title":"volume-mute-01","description":"Animated volume mute icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/volume-mute-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/volume-mute-01.json"},{"name":"volume-off","title":"volume-off","description":"Animated volume off icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/volume-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/volume-off.json"},{"name":"wallet-01","title":"wallet-01","description":"Animated wallet icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/wallet-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/wallet-01.json"},{"name":"waving-hand-01","title":"waving-hand-01","description":"Animated waving hand icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/waving-hand-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/waving-hand-01.json"},{"name":"wifi-01","title":"wifi-01","description":"Animated wifi icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/wifi-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/wifi-01.json"},{"name":"zoom-in-area","title":"zoom-in-area","description":"Animated zoom in area icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/zoom-in-area.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/zoom-in-area.json"},{"name":"zoom-out-area","title":"zoom-out-area","description":"Animated zoom out area icon","type":"registry:ui","source_url":"https://hugeicons-animated.com/r/zoom-out-area.json","install_command":"npx shadcn@latest add https://hugeicons-animated.com/r/zoom-out-area.json"}]},{"id":"hugeicons-animated-vue","name":"@hugeicons-animated-vue","slug":"hugeicons-animated-vue","description":"An open-source collection of animated Hugeicons for Vue 3.","author":null,"framework":"vue","license":null,"tags":["accessibility","ai","animation","audio","cards","e-commerce","gaming","icons","media","overlays","payments","pro-available"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://hugeicons-animated-vue.rebeaumickael.fr","github":null,"registry":"https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json","source":"https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json","page":"https://sh4dcn.netlify.app/registry/hugeicons-animated-vue","markdown":"https://sh4dcn.netlify.app/md/hugeicons-animated-vue.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='9' fill='#AFE67F'/><rect x='.75' y='.75' width='30.5' height='30.5' rx='8.25' fill='none' stroke='#79BD3E' stroke-width='1.5'/><g fill='none' stroke='#1D3208' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(4 4)'><path d='M20 18.5011L18.349 7.93407C17.8603 4.80601 15.166 2.5 12 2.5C8.83398 2.5 6.13971 4.80601 5.65098 7.93407L4 18.5011'/><path d='M20 18.5C20 16.8431 16.4183 15.5 12 15.5C7.58172 15.5 4 16.8431 4 18.5C4 20.1569 7.58172 21.5 12 21.5C16.4183 21.5 20 20.1569 20 18.5Z'/><path d='M13 18.5H11'/></g></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://hugeicons-animated-vue.rebeaumickael.fr/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json","install_bun":"bunx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json","registry_fetch":"curl -s https://hugeicons-animated-vue.rebeaumickael.fr/r/registry.json"},"component_count":250,"components":[{"name":"a-arrow-down","title":"a-arrow-down","description":"Animated a arrow down icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/a-arrow-down.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/a-arrow-down.json"},{"name":"a-arrow-up","title":"a-arrow-up","description":"Animated a arrow up icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/a-arrow-up.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/a-arrow-up.json"},{"name":"a-large-small","title":"a-large-small","description":"Animated a large small icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/a-large-small.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/a-large-small.json"},{"name":"abacus","title":"abacus","description":"Animated abacus icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/abacus.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/abacus.json"},{"name":"absolute","title":"absolute","description":"Animated absolute icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/absolute.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/absolute.json"},{"name":"acceleration","title":"acceleration","description":"Animated acceleration icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/acceleration.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/acceleration.json"},{"name":"access","title":"access","description":"Animated access icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/access.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/access.json"},{"name":"accessibility","title":"accessibility","description":"Animated accessibility icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/accessibility.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/accessibility.json"},{"name":"accident","title":"accident","description":"Animated accident icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/accident.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/accident.json"},{"name":"account-recovery","title":"account-recovery","description":"Animated account recovery icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/account-recovery.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-recovery.json"},{"name":"account-setting-01","title":"account-setting-01","description":"Animated account setting icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-01.json"},{"name":"account-setting-02","title":"account-setting-02","description":"Animated account setting icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-02.json"},{"name":"account-setting-03","title":"account-setting-03","description":"Animated account setting icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting-03.json"},{"name":"account-setting","title":"account-setting","description":"Animated account setting icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/account-setting.json"},{"name":"activity-01","title":"activity-01","description":"Animated activity icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-01.json"},{"name":"activity-02","title":"activity-02","description":"Animated activity icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-02.json"},{"name":"activity-03","title":"activity-03","description":"Animated activity icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-03.json"},{"name":"activity-04","title":"activity-04","description":"Animated activity icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-04.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-04.json"},{"name":"activity-05","title":"activity-05","description":"Animated activity icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-05.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-05.json"},{"name":"activity-circle","title":"activity-circle","description":"Animated activity circle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-circle.json"},{"name":"activity-spark","title":"activity-spark","description":"Animated activity spark icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-spark.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity-spark.json"},{"name":"activity","title":"activity","description":"Animated activity icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/activity.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/activity.json"},{"name":"acute","title":"acute","description":"Animated acute icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/acute.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/acute.json"},{"name":"add-01","title":"add-01","description":"Animated add icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-01.json"},{"name":"add-02","title":"add-02","description":"Animated add icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-02.json"},{"name":"add-circle-half-dot","title":"add-circle-half-dot","description":"Animated add circle half dot icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-circle-half-dot.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-circle-half-dot.json"},{"name":"add-circle","title":"add-circle","description":"Animated add circle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-circle.json"},{"name":"add-female","title":"add-female","description":"Animated add female icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-female.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-female.json"},{"name":"add-invoice","title":"add-invoice","description":"Animated add invoice icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-invoice.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-invoice.json"},{"name":"add-male","title":"add-male","description":"Animated add male icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-male.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-male.json"},{"name":"add-money-circle","title":"add-money-circle","description":"Animated add money circle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-money-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-money-circle.json"},{"name":"add-square","title":"add-square","description":"Animated add square icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-square.json"},{"name":"add-team-02","title":"add-team-02","description":"Animated add team icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-team-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-team-02.json"},{"name":"add-team","title":"add-team","description":"Animated add team icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-team.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-team.json"},{"name":"add-to-list","title":"add-to-list","description":"Animated add to list icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add-to-list.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add-to-list.json"},{"name":"add","title":"add","description":"Animated add icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/add.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/add.json"},{"name":"address-book","title":"address-book","description":"Animated address book icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/address-book.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/address-book.json"},{"name":"adjust-position","title":"adjust-position","description":"Animated adjust position icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adjust-position.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adjust-position.json"},{"name":"adobe-after-effect","title":"adobe-after-effect","description":"Animated adobe after effect icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-after-effect.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-after-effect.json"},{"name":"adobe-illustrator","title":"adobe-illustrator","description":"Animated adobe illustrator icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-illustrator.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-illustrator.json"},{"name":"adobe-indesign","title":"adobe-indesign","description":"Animated adobe indesign icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-indesign.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-indesign.json"},{"name":"adobe-photoshop","title":"adobe-photoshop","description":"Animated adobe photoshop icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-photoshop.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-photoshop.json"},{"name":"adobe-premier","title":"adobe-premier","description":"Animated adobe premier icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-premier.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-premier.json"},{"name":"adobe-xd","title":"adobe-xd","description":"Animated adobe xd icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-xd.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adobe-xd.json"},{"name":"adventure","title":"adventure","description":"Animated adventure icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adventure.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adventure.json"},{"name":"advertisiment","title":"advertisiment","description":"Animated advertisiment icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/advertisiment.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/advertisiment.json"},{"name":"adzan","title":"adzan","description":"Animated adzan icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/adzan.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/adzan.json"},{"name":"affiliate","title":"affiliate","description":"Animated affiliate icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/affiliate.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/affiliate.json"},{"name":"agreement-01","title":"agreement-01","description":"Animated agreement icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-01.json"},{"name":"agreement-02","title":"agreement-02","description":"Animated agreement icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-02.json"},{"name":"agreement-03","title":"agreement-03","description":"Animated agreement icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement-03.json"},{"name":"agreement","title":"agreement","description":"Animated agreement icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/agreement.json"},{"name":"ai-audio","title":"ai-audio","description":"Animated ai audio icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-audio.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-audio.json"},{"name":"ai-beautify","title":"ai-beautify","description":"Animated ai beautify icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-beautify.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-beautify.json"},{"name":"ai-book","title":"ai-book","description":"Animated ai book icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-book.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-book.json"},{"name":"ai-brain-01","title":"ai-brain-01","description":"Animated ai brain icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-01.json"},{"name":"ai-brain-02","title":"ai-brain-02","description":"Animated ai brain icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-02.json"},{"name":"ai-brain-03","title":"ai-brain-03","description":"Animated ai brain icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-03.json"},{"name":"ai-brain-04","title":"ai-brain-04","description":"Animated ai brain icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-04.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-04.json"},{"name":"ai-brain-05","title":"ai-brain-05","description":"Animated ai brain icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-05.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain-05.json"},{"name":"ai-brain","title":"ai-brain","description":"Animated ai brain icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-brain.json"},{"name":"ai-browser","title":"ai-browser","description":"Animated ai browser icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-browser.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-browser.json"},{"name":"ai-chat-01","title":"ai-chat-01","description":"Animated ai chat icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat-01.json"},{"name":"ai-chat-02","title":"ai-chat-02","description":"Animated ai chat icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat-02.json"},{"name":"ai-chat","title":"ai-chat","description":"Animated ai chat icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chat.json"},{"name":"ai-chemistry-01","title":"ai-chemistry-01","description":"Animated ai chemistry icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-01.json"},{"name":"ai-chemistry-02","title":"ai-chemistry-02","description":"Animated ai chemistry icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-02.json"},{"name":"ai-chemistry-03","title":"ai-chemistry-03","description":"Animated ai chemistry icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry-03.json"},{"name":"ai-chemistry","title":"ai-chemistry","description":"Animated ai chemistry icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chemistry.json"},{"name":"ai-chip","title":"ai-chip","description":"Animated ai chip icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chip.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-chip.json"},{"name":"ai-cloud-01","title":"ai-cloud-01","description":"Animated ai cloud icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud-01.json"},{"name":"ai-cloud-02","title":"ai-cloud-02","description":"Animated ai cloud icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud-02.json"},{"name":"ai-cloud","title":"ai-cloud","description":"Animated ai cloud icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-cloud.json"},{"name":"ai-computer","title":"ai-computer","description":"Animated ai computer icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-computer.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-computer.json"},{"name":"ai-content-generator-01","title":"ai-content-generator-01","description":"Animated ai content generator icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator-01.json"},{"name":"ai-content-generator-02","title":"ai-content-generator-02","description":"Animated ai content generator icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator-02.json"},{"name":"ai-content-generator","title":"ai-content-generator","description":"Animated ai content generator icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-content-generator.json"},{"name":"ai-dna","title":"ai-dna","description":"Animated ai dna icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-dna.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-dna.json"},{"name":"ai-editing","title":"ai-editing","description":"Animated ai editing icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-editing.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-editing.json"},{"name":"ai-eraser","title":"ai-eraser","description":"Animated ai eraser icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-eraser.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-eraser.json"},{"name":"ai-file","title":"ai-file","description":"Animated ai file icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-file.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-file.json"},{"name":"ai-folder-01","title":"ai-folder-01","description":"Animated ai folder icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder-01.json"},{"name":"ai-folder-02","title":"ai-folder-02","description":"Animated ai folder icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder-02.json"},{"name":"ai-folder","title":"ai-folder","description":"Animated ai folder icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-folder.json"},{"name":"ai-game","title":"ai-game","description":"Animated ai game icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-game.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-game.json"},{"name":"ai-generative","title":"ai-generative","description":"Animated ai generative icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-generative.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-generative.json"},{"name":"ai-idea","title":"ai-idea","description":"Animated ai idea icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-idea.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-idea.json"},{"name":"ai-image","title":"ai-image","description":"Animated ai image icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-image.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-image.json"},{"name":"ai-innovation-01","title":"ai-innovation-01","description":"Animated ai innovation icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-01.json"},{"name":"ai-innovation-02","title":"ai-innovation-02","description":"Animated ai innovation icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-02.json"},{"name":"ai-innovation-03","title":"ai-innovation-03","description":"Animated ai innovation icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation-03.json"},{"name":"ai-innovation","title":"ai-innovation","description":"Animated ai innovation icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-innovation.json"},{"name":"ai-laptop","title":"ai-laptop","description":"Animated ai laptop icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-laptop.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-laptop.json"},{"name":"ai-learning","title":"ai-learning","description":"Animated ai learning icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-learning.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-learning.json"},{"name":"ai-lock","title":"ai-lock","description":"Animated ai lock icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-lock.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-lock.json"},{"name":"ai-magic","title":"ai-magic","description":"Animated ai magic icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-magic.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-magic.json"},{"name":"ai-mail-01","title":"ai-mail-01","description":"Animated ai mail icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail-01.json"},{"name":"ai-mail-02","title":"ai-mail-02","description":"Animated ai mail icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail-02.json"},{"name":"ai-mail","title":"ai-mail","description":"Animated ai mail icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mail.json"},{"name":"ai-mic","title":"ai-mic","description":"Animated ai mic icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mic.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-mic.json"},{"name":"ai-network","title":"ai-network","description":"Animated ai network icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-network.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-network.json"},{"name":"ai-phone-01","title":"ai-phone-01","description":"Animated ai phone icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone-01.json"},{"name":"ai-phone-02","title":"ai-phone-02","description":"Animated ai phone icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone-02.json"},{"name":"ai-phone","title":"ai-phone","description":"Animated ai phone icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-phone.json"},{"name":"ai-programming","title":"ai-programming","description":"Animated ai programming icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-programming.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-programming.json"},{"name":"ai-scan","title":"ai-scan","description":"Animated ai scan icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-scan.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-scan.json"},{"name":"ai-scheduling","title":"ai-scheduling","description":"Animated ai scheduling icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-scheduling.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-scheduling.json"},{"name":"ai-search-02","title":"ai-search-02","description":"Animated ai search icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-search-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-search-02.json"},{"name":"ai-search","title":"ai-search","description":"Animated ai search icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-search.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-search.json"},{"name":"ai-security-01","title":"ai-security-01","description":"Animated ai security icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-01.json"},{"name":"ai-security-02","title":"ai-security-02","description":"Animated ai security icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-02.json"},{"name":"ai-security-03","title":"ai-security-03","description":"Animated ai security icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security-03.json"},{"name":"ai-security","title":"ai-security","description":"Animated ai security icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-security.json"},{"name":"ai-setting","title":"ai-setting","description":"Animated ai setting icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-setting.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-setting.json"},{"name":"ai-sheets","title":"ai-sheets","description":"Animated ai sheets icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-sheets.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-sheets.json"},{"name":"ai-smartwatch","title":"ai-smartwatch","description":"Animated ai smartwatch icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-smartwatch.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-smartwatch.json"},{"name":"ai-user","title":"ai-user","description":"Animated ai user icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-user.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-user.json"},{"name":"ai-video","title":"ai-video","description":"Animated ai video icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-video.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-video.json"},{"name":"ai-view","title":"ai-view","description":"Animated ai view icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-view.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-view.json"},{"name":"ai-vision-recognition","title":"ai-vision-recognition","description":"Animated ai vision recognition icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-vision-recognition.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-vision-recognition.json"},{"name":"ai-voice-generator","title":"ai-voice-generator","description":"Animated ai voice generator icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-voice-generator.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-voice-generator.json"},{"name":"ai-voice","title":"ai-voice","description":"Animated ai voice icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-voice.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-voice.json"},{"name":"ai-web-browsing","title":"ai-web-browsing","description":"Animated ai web browsing icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-web-browsing.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ai-web-browsing.json"},{"name":"aids","title":"aids","description":"Animated aids icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/aids.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/aids.json"},{"name":"air-vent","title":"air-vent","description":"Animated air vent icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/air-vent.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/air-vent.json"},{"name":"airbnb","title":"airbnb","description":"Animated airbnb icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airbnb.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airbnb.json"},{"name":"aircraft-game","title":"aircraft-game","description":"Animated aircraft game icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/aircraft-game.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/aircraft-game.json"},{"name":"airdrop","title":"airdrop","description":"Animated airdrop icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airdrop.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airdrop.json"},{"name":"airplane-01","title":"airplane-01","description":"Animated airplane icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-01.json"},{"name":"airplane-02","title":"airplane-02","description":"Animated airplane icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-02.json"},{"name":"airplane-landing-01","title":"airplane-landing-01","description":"Animated airplane landing icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing-01.json"},{"name":"airplane-landing-02","title":"airplane-landing-02","description":"Animated airplane landing icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing-02.json"},{"name":"airplane-landing","title":"airplane-landing","description":"Animated airplane landing icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-landing.json"},{"name":"airplane-mode-off","title":"airplane-mode-off","description":"Animated airplane mode off icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-mode-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-mode-off.json"},{"name":"airplane-mode","title":"airplane-mode","description":"Animated airplane mode icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-mode.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-mode.json"},{"name":"airplane-seat-02","title":"airplane-seat-02","description":"Animated airplane seat icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-seat-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-seat-02.json"},{"name":"airplane-seat","title":"airplane-seat","description":"Animated airplane seat icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-seat.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-seat.json"},{"name":"airplane-take-off-01","title":"airplane-take-off-01","description":"Animated airplane take off icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off-01.json"},{"name":"airplane-take-off-02","title":"airplane-take-off-02","description":"Animated airplane take off icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off-02.json"},{"name":"airplane-take-off","title":"airplane-take-off","description":"Animated airplane take off icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane-take-off.json"},{"name":"airplane","title":"airplane","description":"Animated airplane icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplane.json"},{"name":"airplay-line","title":"airplay-line","description":"Animated airplay line icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplay-line.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplay-line.json"},{"name":"airplay","title":"airplay","description":"Animated airplay icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airplay.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airplay.json"},{"name":"airpod-01","title":"airpod-01","description":"Animated airpod icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-01.json"},{"name":"airpod-02","title":"airpod-02","description":"Animated airpod icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-02.json"},{"name":"airpod-03","title":"airpod-03","description":"Animated airpod icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod-03.json"},{"name":"airpod","title":"airpod","description":"Animated airpod icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airpod.json"},{"name":"airport-02","title":"airport-02","description":"Animated airport icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airport-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airport-02.json"},{"name":"airport-tower","title":"airport-tower","description":"Animated airport tower icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airport-tower.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airport-tower.json"},{"name":"airport","title":"airport","description":"Animated airport icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/airport.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/airport.json"},{"name":"al-aqsa-mosque","title":"al-aqsa-mosque","description":"Animated al aqsa mosque icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/al-aqsa-mosque.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/al-aqsa-mosque.json"},{"name":"alarm-clock-check","title":"alarm-clock-check","description":"Animated alarm clock check icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-check.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-check.json"},{"name":"alarm-clock-minus","title":"alarm-clock-minus","description":"Animated alarm clock minus icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-minus.json"},{"name":"alarm-clock-off","title":"alarm-clock-off","description":"Animated alarm clock off icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-off.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-off.json"},{"name":"alarm-clock-plus","title":"alarm-clock-plus","description":"Animated alarm clock plus icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock-plus.json"},{"name":"alarm-clock","title":"alarm-clock","description":"Animated alarm clock icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-clock.json"},{"name":"alarm-smoke","title":"alarm-smoke","description":"Animated alarm smoke icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-smoke.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alarm-smoke.json"},{"name":"album-01","title":"album-01","description":"Animated album icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/album-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-01.json"},{"name":"album-02","title":"album-02","description":"Animated album icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/album-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-02.json"},{"name":"album-not-found-01","title":"album-not-found-01","description":"Animated album not found icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found-01.json"},{"name":"album-not-found-02","title":"album-not-found-02","description":"Animated album not found icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found-02.json"},{"name":"album-not-found","title":"album-not-found","description":"Animated album not found icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album-not-found.json"},{"name":"album","title":"album","description":"Animated album icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/album.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/album.json"},{"name":"alert-01","title":"alert-01","description":"Animated alert icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-01.json"},{"name":"alert-02","title":"alert-02","description":"Animated alert icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-02.json"},{"name":"alert-circle","title":"alert-circle","description":"Animated alert circle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-circle.json"},{"name":"alert-diamond","title":"alert-diamond","description":"Animated alert diamond icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-diamond.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-diamond.json"},{"name":"alert-square","title":"alert-square","description":"Animated alert square icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert-square.json"},{"name":"alert","title":"alert","description":"Animated alert icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alert.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alert.json"},{"name":"algorithm","title":"algorithm","description":"Animated algorithm icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/algorithm.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/algorithm.json"},{"name":"alien-01","title":"alien-01","description":"Animated alien icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alien-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alien-01.json"},{"name":"alien-02","title":"alien-02","description":"Animated alien icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alien-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alien-02.json"},{"name":"alien","title":"alien","description":"Animated alien icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alien.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alien.json"},{"name":"align-bottom","title":"align-bottom","description":"Animated align bottom icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-bottom.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-bottom.json"},{"name":"align-box-bottom-center","title":"align-box-bottom-center","description":"Animated align box bottom center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-center.json"},{"name":"align-box-bottom-left","title":"align-box-bottom-left","description":"Animated align box bottom left icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-left.json"},{"name":"align-box-bottom-right","title":"align-box-bottom-right","description":"Animated align box bottom right icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-right.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-bottom-right.json"},{"name":"align-box-middle-center","title":"align-box-middle-center","description":"Animated align box middle center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-center.json"},{"name":"align-box-middle-left","title":"align-box-middle-left","description":"Animated align box middle left icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-left.json"},{"name":"align-box-middle-right","title":"align-box-middle-right","description":"Animated align box middle right icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-right.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-middle-right.json"},{"name":"align-box-top-center","title":"align-box-top-center","description":"Animated align box top center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-center.json"},{"name":"align-box-top-left","title":"align-box-top-left","description":"Animated align box top left icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-left.json"},{"name":"align-box-top-right","title":"align-box-top-right","description":"Animated align box top right icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-right.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-box-top-right.json"},{"name":"align-end-horizontal","title":"align-end-horizontal","description":"Animated align end horizontal icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-end-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-end-horizontal.json"},{"name":"align-end-vertical","title":"align-end-vertical","description":"Animated align end vertical icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-end-vertical.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-end-vertical.json"},{"name":"align-horizontal-center","title":"align-horizontal-center","description":"Animated align horizontal center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-center.json"},{"name":"align-horizontal-distribute-center","title":"align-horizontal-distribute-center","description":"Animated align horizontal distribute center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-center.json"},{"name":"align-horizontal-distribute-end","title":"align-horizontal-distribute-end","description":"Animated align horizontal distribute end icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-end.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-end.json"},{"name":"align-horizontal-distribute-start","title":"align-horizontal-distribute-start","description":"Animated align horizontal distribute start icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-start.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-distribute-start.json"},{"name":"align-horizontal-justify-center","title":"align-horizontal-justify-center","description":"Animated align horizontal justify center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-center.json"},{"name":"align-horizontal-justify-end","title":"align-horizontal-justify-end","description":"Animated align horizontal justify end icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-end.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-end.json"},{"name":"align-horizontal-justify-start","title":"align-horizontal-justify-start","description":"Animated align horizontal justify start icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-start.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-justify-start.json"},{"name":"align-horizontal-space-around","title":"align-horizontal-space-around","description":"Animated align horizontal space around icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-space-around.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-space-around.json"},{"name":"align-horizontal-space-between","title":"align-horizontal-space-between","description":"Animated align horizontal space between icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-space-between.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-horizontal-space-between.json"},{"name":"align-key-object","title":"align-key-object","description":"Animated align key object icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-key-object.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-key-object.json"},{"name":"align-left","title":"align-left","description":"Animated align left icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-left.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-left.json"},{"name":"align-right","title":"align-right","description":"Animated align right icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-right.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-right.json"},{"name":"align-selection","title":"align-selection","description":"Animated align selection icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-selection.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-selection.json"},{"name":"align-start-horizontal","title":"align-start-horizontal","description":"Animated align start horizontal icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-start-horizontal.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-start-horizontal.json"},{"name":"align-start-vertical","title":"align-start-vertical","description":"Animated align start vertical icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-start-vertical.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-start-vertical.json"},{"name":"align-top","title":"align-top","description":"Animated align top icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-top.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-top.json"},{"name":"align-vertical-center","title":"align-vertical-center","description":"Animated align vertical center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-center.json"},{"name":"align-vertical-distribute-center","title":"align-vertical-distribute-center","description":"Animated align vertical distribute center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-center.json"},{"name":"align-vertical-distribute-end","title":"align-vertical-distribute-end","description":"Animated align vertical distribute end icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-end.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-end.json"},{"name":"align-vertical-distribute-start","title":"align-vertical-distribute-start","description":"Animated align vertical distribute start icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-start.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-distribute-start.json"},{"name":"align-vertical-justify-center","title":"align-vertical-justify-center","description":"Animated align vertical justify center icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-center.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-center.json"},{"name":"align-vertical-justify-end","title":"align-vertical-justify-end","description":"Animated align vertical justify end icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-end.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-end.json"},{"name":"align-vertical-justify-start","title":"align-vertical-justify-start","description":"Animated align vertical justify start icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-start.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-justify-start.json"},{"name":"align-vertical-space-around","title":"align-vertical-space-around","description":"Animated align vertical space around icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-space-around.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-space-around.json"},{"name":"align-vertical-space-between","title":"align-vertical-space-between","description":"Animated align vertical space between icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-space-between.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/align-vertical-space-between.json"},{"name":"all-bookmark","title":"all-bookmark","description":"Animated all bookmark icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/all-bookmark.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/all-bookmark.json"},{"name":"allah","title":"allah","description":"Animated allah icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/allah.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/allah.json"},{"name":"alms","title":"alms","description":"Animated alms icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alms.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alms.json"},{"name":"alpha-circle","title":"alpha-circle","description":"Animated alpha circle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha-circle.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha-circle.json"},{"name":"alpha-square","title":"alpha-square","description":"Animated alpha square icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha-square.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha-square.json"},{"name":"alpha","title":"alpha","description":"Animated alpha icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alpha.json"},{"name":"alphabet-arabic","title":"alphabet-arabic","description":"Animated alphabet arabic icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-arabic.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-arabic.json"},{"name":"alphabet-bangla","title":"alphabet-bangla","description":"Animated alphabet bangla icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-bangla.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-bangla.json"},{"name":"alphabet-chinese","title":"alphabet-chinese","description":"Animated alphabet chinese icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-chinese.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-chinese.json"},{"name":"alphabet-greek","title":"alphabet-greek","description":"Animated alphabet greek icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-greek.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-greek.json"},{"name":"alphabet-hebrew","title":"alphabet-hebrew","description":"Animated alphabet hebrew icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-hebrew.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-hebrew.json"},{"name":"alphabet-hindi","title":"alphabet-hindi","description":"Animated alphabet hindi icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-hindi.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-hindi.json"},{"name":"alphabet-japanese","title":"alphabet-japanese","description":"Animated alphabet japanese icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-japanese.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-japanese.json"},{"name":"alphabet-korean","title":"alphabet-korean","description":"Animated alphabet korean icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-korean.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-korean.json"},{"name":"alphabet-thai","title":"alphabet-thai","description":"Animated alphabet thai icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-thai.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/alphabet-thai.json"},{"name":"amazon","title":"amazon","description":"Animated amazon icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/amazon.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/amazon.json"},{"name":"ambulance","title":"ambulance","description":"Animated ambulance icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ambulance.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ambulance.json"},{"name":"american-football","title":"american-football","description":"Animated american football icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/american-football.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/american-football.json"},{"name":"amie","title":"amie","description":"Animated amie icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/amie.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/amie.json"},{"name":"ammo","title":"ammo","description":"Animated ammo icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ammo.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ammo.json"},{"name":"ampersand","title":"ampersand","description":"Animated ampersand icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ampersand.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ampersand.json"},{"name":"ampersands","title":"ampersands","description":"Animated ampersands icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ampersands.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ampersands.json"},{"name":"amphora","title":"amphora","description":"Animated amphora icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/amphora.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/amphora.json"},{"name":"ampoule","title":"ampoule","description":"Animated ampoule icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/ampoule.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/ampoule.json"},{"name":"analysis-text-link","title":"analysis-text-link","description":"Animated analysis text link icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analysis-text-link.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analysis-text-link.json"},{"name":"analytics-01","title":"analytics-01","description":"Animated analytics icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-01.json"},{"name":"analytics-02","title":"analytics-02","description":"Animated analytics icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-02.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-02.json"},{"name":"analytics-03","title":"analytics-03","description":"Animated analytics icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-03.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-03.json"},{"name":"analytics-down","title":"analytics-down","description":"Animated analytics down icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-down.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-down.json"},{"name":"analytics-up","title":"analytics-up","description":"Animated analytics up icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-up.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics-up.json"},{"name":"analytics","title":"analytics","description":"Animated analytics icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/analytics.json"},{"name":"anchor-point","title":"anchor-point","description":"Animated anchor point icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/anchor-point.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/anchor-point.json"},{"name":"anchor","title":"anchor","description":"Animated anchor icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/anchor.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/anchor.json"},{"name":"android","title":"android","description":"Animated android icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/android.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/android.json"},{"name":"angel","title":"angel","description":"Animated angel icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/angel.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angel.json"},{"name":"angle-01","title":"angle-01","description":"Animated angle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/angle-01.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angle-01.json"},{"name":"angle","title":"angle","description":"Animated angle icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/angle.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angle.json"},{"name":"angry-bird","title":"angry-bird","description":"Animated angry bird icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/angry-bird.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angry-bird.json"},{"name":"angry","title":"angry","description":"Animated angry icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/angry.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/angry.json"},{"name":"annoyed","title":"annoyed","description":"Animated annoyed icon for Vue","type":"registry:ui","source_url":"https://hugeicons-animated-vue.rebeaumickael.fr/r/annoyed.json","install_command":"npx shadcn@latest add https://hugeicons-animated-vue.rebeaumickael.fr/r/annoyed.json"}]},{"id":"iandefined","name":"@iandefined","slug":"iandefined","description":"Thoughtful React components, blocks, hooks, and utilities for product engineers, built with Base UI and Tailwind CSS v4.","author":"iandefined","framework":"react","license":"MIT","tags":["animation","auth","backgrounds","blocks","buttons","cards","crypto","dashboard","forms","hooks","icons","loaders","media","navigation","overlays","tables"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ui.iandefined.com","github":"https://github.com/iandefined/ui","registry":"https://ui.iandefined.com/r/registry.json","source":"https://ui.iandefined.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/iandefined","markdown":"https://sh4dcn.netlify.app/md/iandefined.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='var(--foreground)'><path d='M247.94 79.21a8 8 0 0 0-4.36-6.37L197.29 49.7C191.54 39.24 177.21 32 160 32c-22.43 0-40 12.3-40 28a20.8 20.8 0 0 0 1.06 6.53l-19.52 9.76A53.7 53.7 0 0 0 80 72c-22.43 0-40 12.3-40 28a20.8 20.8 0 0 0 1.06 6.53l-28.64 14.31A8 8 0 0 0 8 128v64a8 8 0 0 0 4.42 7.16l64 32a8 8 0 0 0 7.16 0l160-80A8 8 0 0 0 248 144V80a4.5 4.5 0 0 0-.06-.79M80 151.06L33.89 128L51 119.45c7.24 5.29 17.48 8.55 29 8.55c22.43 0 40-12.3 40-28a21.77 21.77 0 0 0-4.35-12.88L131 79.45c7.24 5.29 17.48 8.55 29 8.55c18.38 0 33.49-8.26 38.35-19.88L222.11 80ZM160 48c12.23 0 21.69 5 23.63 10.12c0 .09.07.18.11.28A5.3 5.3 0 0 1 184 60c0 5.66-10.26 12-24 12c-9.66 0-17.6-3.14-21.46-7a7 7 0 0 0-.86-.93A6.66 6.66 0 0 1 136 60c0-5.66 10.26-12 24-12M80 88a37 37 0 0 1 17.13 3.87a7.5 7.5 0 0 0 1 .56c3.69 2.21 5.87 5 5.87 7.57c0 5.66-10.26 12-24 12c-9.67 0-17.61-3.14-21.47-7a7.5 7.5 0 0 1-.84-.93A6.62 6.62 0 0 1 56 100c0-5.66 10.26-12 24-12m-56 52.94l48 24v46.12l-48-24Z'/></svg>","preview_image":"https://ui.iandefined.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-09-21T15:21:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.iandefined.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.iandefined.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.iandefined.com/r/registry.json","clone":"git clone https://github.com/iandefined/ui.git","clone_degit":"npx degit iandefined/ui","registry_fetch":"curl -s https://ui.iandefined.com/r/registry.json"},"component_count":56,"components":[{"name":"backlight","title":"Backlight","description":"An SVG filter wrapper that adds a soft, saturated backlight glow around wrapped content.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/backlight.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/backlight.json"},{"name":"calendar","title":"Calendar","description":"An Ark UI calendar with native Date values, single, multiple and range selection, and day, month and year views.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/calendar.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/calendar.json"},{"name":"date-picker","title":"Date Picker","description":"An accessible Ark UI date picker with typed inputs, a calendar popup, presets and separate time inputs.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/date-picker.json"},{"name":"date-input","title":"Date Input","description":"A segmented Ark UI date input with native Date values, range and time editing, and no calendar popup.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/date-input.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/date-input.json"},{"name":"button","title":"Button","description":"A Base UI button with oklch-tinted hover and active states, custom colors, variants, sections, and sizes.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/button.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/button.json"},{"name":"button-group","title":"Button Group","description":"A container that groups related buttons together with consistent styling.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/button-group.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/button-group.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"A responsive breadcrumb trail with surface variants, sizes, custom separators, and collapsed paths.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/breadcrumbs.json"},{"name":"card","title":"Card","description":"A compound card with default and inset frame variants.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/card.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"A Base UI checkbox component with sizes, radius variants, and a snappy indicator animation.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/checkbox.json"},{"name":"switch","title":"Switch","description":"A draggable Base UI switch with spring-based thumb animation.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/switch.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/avatar.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/avatar.json"},{"name":"slider","title":"Slider","description":"A Base UI slider with compact track and rectangular control layouts, cursor previews, and editable values.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/slider.json"},{"name":"radio-group","title":"Radio Group","description":"A Base UI radio group component with orientation, sizes, and a snappy indicator animation.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/radio-group.json"},{"name":"badge","title":"Badge","description":"A compact label with semantic and translucent variants.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/badge.json"},{"name":"drawer","title":"Drawer","description":"A swipe gesture drawer with positions, snap points, nested panels, and composed menu rows.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/drawer.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/drawer.json"},{"name":"sheet","title":"Sheet","description":"A sliding panel from a screen edge for navigation, forms, or supplementary content.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/sheet.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/sheet.json"},{"name":"kbd","title":"Kbd","description":"Displays textual keyboard input and shortcut combinations.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/kbd.json"},{"name":"label","title":"Label","description":"An accessible label for form controls.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/label.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/label.json"},{"name":"hitbox","title":"Hitbox","description":"Tailwind CSS v4 utilities that expand pointer hit areas without changing layout.","type":"registry:style","source_url":"https://ui.iandefined.com/r/hitbox.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/hitbox.json"},{"name":"icon-swap","title":"Icon Swap","description":"A consistent keyed scale, blur, and fade transition for changing icons.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/icon-swap.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/icon-swap.json"},{"name":"text-morph","title":"Text Morph","description":"The standard animated-text primitive, powered by Calligraph with smooth container resizing.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/text-morph.json"},{"name":"marquee","title":"Marquee","description":"A seamless content marquee that measures overflow and respects reduced motion.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/marquee.json"},{"name":"skeleton","title":"Skeleton","description":"A shimmer placeholder with configurable corners and animation.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/skeleton.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A keyboard-navigable menu with checkbox, radio, and submenu items.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/dropdown-menu.json"},{"name":"dialog","title":"Dialog","description":"A modal window with composed content, scroll modes, and detached triggers.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/dialog.json"},{"name":"lightbox","title":"Lightbox","description":"A composable, accessible media lightbox with shared-element transitions, gestures, zoom, captions, and thumbnails.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/lightbox.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/lightbox.json"},{"name":"spinner","title":"Spinner","description":"An SVG loading indicator with four sizes and a rotating arc.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/spinner.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/spinner.json"},{"name":"separator","title":"Separator","description":"A visual or semantic divider with horizontal and vertical orientations.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/separator.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/separator.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrollable region with optional custom scrollbars and conditional background fades.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/scroll-area.json"},{"name":"field","title":"Field","description":"An accessible form field with automatic labels, descriptions, validation state, and error messages.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/field.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/field.json"},{"name":"form","title":"Form","description":"A TanStack Form submission wrapper for composing type-safe forms with registry controls.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/form.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/form.json"},{"name":"fieldset","title":"Fieldset","description":"A semantic field group with a styled legend.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/fieldset.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/fieldset.json"},{"name":"input","title":"Input","description":"A styled Base UI text input with size variants.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/input.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/input.json"},{"name":"input-otp","title":"Input OTP","description":"An accessible one-time-code input with animated slots, invalid states, and masked entry.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/input-otp.json"},{"name":"number-field","title":"Number Field","description":"A numeric input with increment, decrement, and scrub controls.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/number-field.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/number-field.json"},{"name":"textarea","title":"Textarea","description":"A styled Base UI multiline text control with size variants.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/textarea.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/textarea.json"},{"name":"input-group","title":"Input Group","description":"Composable input and textarea controls with addons and buttons.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/input-group.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/input-group.json"},{"name":"tooltip","title":"Tooltip","description":"Contextual information shown on hover or focus.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/tooltip.json"},{"name":"toast","title":"Toast","description":"Brief, self-dismissing feedback with stacked and anchored placement.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/toast.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/toast.json"},{"name":"popover","title":"Popover","description":"An accessible popup anchored to a button.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/popover.json"},{"name":"select","title":"Select","description":"An accessible, customizable select component.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/select.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/select.json"},{"name":"sidebar-01","title":"Sidebar 01","description":"A simple sidebar with navigation grouped by section.","type":"registry:block","source_url":"https://ui.iandefined.com/r/sidebar-01.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/sidebar-01.json"},{"name":"combobox","title":"Combobox","description":"A filterable input for selecting one or more predefined values.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/combobox.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/combobox.json"},{"name":"autocomplete","title":"Autocomplete","description":"A filterable text input that suggests matching options while accepting free-form text.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/autocomplete.json"},{"name":"use-fuzzy-filter","title":"useFuzzyFilter","description":"Fuzzy matching hook for filtering and sorting items by relevance.","type":"registry:hook","source_url":"https://ui.iandefined.com/r/use-fuzzy-filter.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/use-fuzzy-filter.json"},{"name":"tabs","title":"Tabs","description":"A component for toggling between related panels on the same page.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/tabs.json"},{"name":"segmented-control","title":"Segmented Control","description":"A compact radio-group input for choosing one value from a small set of options.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/segmented-control.json"},{"name":"transition-panel","title":"Transition Panel","description":"A compound panel that swaps between named views with direction-aware transitions and automatic height animation.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/transition-panel.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/transition-panel.json"},{"name":"table","title":"Table","description":"A responsive table with sticky header, scroll area container, row dividers, striped and bordered variants.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/table.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/table.json"},{"name":"pagination","title":"Pagination","description":"Pagination navigation with page links, previous and next triggers, and ellipsis disclosure.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/pagination.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/pagination.json"},{"name":"data-table","title":"Data Table","description":"A feature-rich data table built with TanStack Table, supporting sorting, filtering, row selection, column visibility, and pagination.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/data-table.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that reveal or hide associated content sections.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands and collapses content with smooth animations.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/collapsible.json"},{"name":"shimmer","title":"Shimmer","description":"A sweeping light gradient shimmer animation for text elements.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/shimmer.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/shimmer.json"},{"name":"twemoji","title":"Twemoji","description":"Render Unicode emoji as Twemoji SVG images inline with text.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/twemoji.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/twemoji.json"},{"name":"noise-texture","title":"Noise Texture","description":"An SVG fractal noise layer using feTurbulence for subtle texture overlays.","type":"registry:ui","source_url":"https://ui.iandefined.com/r/noise-texture.json","install_command":"npx shadcn@latest add https://ui.iandefined.com/r/noise-texture.json"}]},{"id":"iconiq","name":"@iconiq","slug":"iconiq","description":"A shadcn-compatible registry of 87 motion-powered React components offering three paradigms per primitive: Base UI (b-), Radix UI (r-), and default shadcn variants — covering Accordion, Alert Dialog, Autocomplete, Button, Checkbox, Combobox, Context Menu, Dialog, Hover Card, Popover, Progress, Radio Group, Select, Selection Toolbar, Separator, Slider, Switch, Tabs, Toggle, Tooltip, and more. Also includes specialty items: Color Picker, Charts, File Upload, Infinite Ribbon, Shimmer Text, Typewriter, Text Inertia, and a theme preset. MIT-licensed, free. Use for: picking interchangeable Radix- or Base UI-backed animated primitives with consistent styling and subtle motion built in.","author":"edwinvakayil","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","tables","text-effects","theming"],"categories":["Component library (general)"],"labels":["featured","recently-updated"],"urls":{"website":"https://iconiqui.com","github":"https://github.com/edwinvakayil/iconiq","registry":"https://iconiqui.com/r/registry.json","source":"https://iconiqui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/iconiq","markdown":"https://sh4dcn.netlify.app/md/iconiq.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'><path d='M30.8574 13.4209H25.0322V24.8223H17.4414L17.4961 26.2822C17.9462 26.0015 18.5219 25.8223 19.1543 25.7988C20.6429 25.744 21.8818 26.5719 21.9219 27.6484C21.96 28.6881 20.8658 29.576 19.4502 29.6855V29.6924L17.5859 29.7617C17.043 29.7816 16.5855 29.3565 16.5654 28.8135L16.5303 27.8643H16.5312C16.531 27.8588 16.5305 27.8531 16.5303 27.8477C16.5292 27.8173 16.5324 27.787 16.5332 27.7568L16.4229 24.8223H13.2686L13.1494 27.9941C13.1502 28.0242 13.1534 28.0546 13.1523 28.085C13.1521 28.0902 13.1517 28.0963 13.1514 28.1016H13.1523L13.1172 29.0518C13.097 29.5946 12.6395 30.0188 12.0967 29.999L10.2324 29.9297V29.9238C8.81666 29.8144 7.7226 28.9265 7.76074 27.8867C7.80082 26.8101 9.03966 25.9813 10.5283 26.0361C11.1608 26.0596 11.7364 26.2396 12.1865 26.5205L12.25 24.8223H4.72266L5.2832 13.4209H0L14.0205 0L30.8574 13.4209Z' fill='#EE4822'/><circle cx='10.4573' cy='14.5408' r='2.62989' fill='white'/><circle cx='17.5155' cy='14.5408' r='2.62989' fill='white'/><circle cx='10.6948' cy='14.88' r='0.763516' fill='black'/><circle cx='17.0064' cy='14.88' r='0.763516' fill='black'/></svg>","preview_image":"https://iconiqui.com/iconiq-ui.png?v=2","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":97,"open_issues":10,"last_commit":"2026-10-19T18:07:26Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://iconiqui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://iconiqui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://iconiqui.com/r/registry.json","clone":"git clone https://github.com/edwinvakayil/iconiq.git","clone_degit":"npx degit edwinvakayil/iconiq","registry_fetch":"curl -s https://iconiqui.com/r/registry.json"},"component_count":120,"components":[{"name":"accordion","title":"Accordion","description":"Accordion with spring height, staggered text, default or quiet disclosure styles, and optional multi-open behavior. Built with Motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/accordion.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/accordion.json"},{"name":"ai-input","title":"AI Input","description":"Chat-style AI composer with agent and model chips, sent-message bubbles, and an Apple Intelligence-style gradient wave on send.","type":"registry:ui","source_url":"https://iconiqui.com/r/ai-input.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/ai-input.json"},{"name":"alert","title":"Alert","description":"Compound Alert, AlertTitle, and AlertDescription parts with optional icons, legacy prop support, polite live announcements, and inline or toast behavior.","type":"registry:ui","source_url":"https://iconiqui.com/r/alert.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/alert.json"},{"name":"avatar","title":"Avatar","description":"Compound Base UI avatar with image, fallback, variant status badge, grouped stack, overflow count, auto initials, and tooltip-enabled status hints.","type":"registry:ui","source_url":"https://iconiqui.com/r/avatar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/avatar.json"},{"name":"b-accordion","title":"Accordion (Base UI)","description":"Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered over Base UI primitives with default and quiet variants.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-accordion.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-accordion.json"},{"name":"b-alert-dialog","title":"Alert Dialog (Base UI)","description":"Alert dialog with asChild triggers, action variants, optional media, controlled async flows, and reduced-motion aware transitions layered over Base UI primitiv…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-alert-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-alert-dialog.json"},{"name":"b-autocomplete","title":"Autocomplete (Base UI)","description":"Base UI autocomplete with list filtering, suggestion highlight motion, and the same Iconiq input shell as the combobox install.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-autocomplete.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-autocomplete.json"},{"name":"b-avatar","title":"Avatar (Base UI)","description":"Avatar with the same single Iconiq API layered over Base UI primitives, keeping immediate fallback initials and a quiet image crossfade.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-avatar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-avatar.json"},{"name":"b-button","title":"Button (Base UI)","description":"Button with embedded Iconiq theme tokens, optional loading, href link rendering, ripple, press spring, hover lift, and intrinsic-width animation over the Base …","type":"registry:ui","source_url":"https://iconiqui.com/r/b-button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-button.json"},{"name":"b-checkbox-group","title":"Checkbox Group (Base UI)","description":"Checkbox group with the same Iconiq API layered over Base UI primitives, preserving the original row hover, tap spring, checkmark draw, and disclosure behavior.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-checkbox-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-checkbox-group.json"},{"name":"b-checkbox","title":"Checkbox (Base UI)","description":"Checkbox with the same Iconiq API layered over Base UI primitives, preserving the original fill spring, press scale, checkmark draw, and label fade.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-checkbox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-checkbox.json"},{"name":"b-collapsible","title":"Collapsible (Base UI)","description":"Collapsible with the same Iconiq API layered over Base UI primitives, preserving the same height, icon, and content transitions as the Radix version.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-collapsible.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-collapsible.json"},{"name":"b-combobox","title":"Combobox (Base UI)","description":"Compound Combobox parts layered over Base UI primitives, preserving the original input shell, clear action, item highlight, checkmark, and dropdown motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-combobox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-combobox.json"},{"name":"b-context-menu","title":"Context Menu (Base UI)","description":"Composable context menu layered over Base UI primitives, preserving the original panel spring, row entrance, active highlight, and shortcut layout.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-context-menu.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-context-menu.json"},{"name":"b-dialog","title":"Dialog (Base UI)","description":"Dialog with the same exported Iconiq parts layered over Base UI primitives, preserving the original dialog springs while using the softer alert-dialog card sty…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-dialog.json"},{"name":"b-hover-card","title":"Hover Card (Base UI)","description":"Hover card with the same Iconiq API layered over Base UI popover primitives, preserving delayed hover reveal, instant focus open, collision-aware placement, an…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-hover-card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-hover-card.json"},{"name":"b-popover","title":"Popover (Base UI)","description":"Popover with the same Iconiq API layered over Base UI popover primitives, preserving side-aware panel motion, optional anchor support, and size-aware content t…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-popover.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-popover.json"},{"name":"b-progress","title":"Progress (Base UI)","description":"Progress bar with the same Iconiq API layered over Base UI primitives, preserving the spring-smoothed fill, restrained inline readout, and quiet indeterminate …","type":"registry:ui","source_url":"https://iconiqui.com/r/b-progress.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-progress.json"},{"name":"b-radio-group","title":"Radio Group (Base UI)","description":"Radio group with the same Iconiq API layered over Base UI primitives, preserving the original shared highlight, spring-loaded ring and dot, and staggered row e…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-radio-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-radio-group.json"},{"name":"b-select","title":"Select (Base UI)","description":"Compound Select parts layered over Base UI primitives, preserving the original trigger press, chevron rotation, grouped rows, and panel motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-select.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-select.json"},{"name":"b-selection-toolbar","title":"Selection Toolbar (Base UI)","description":"Floating selection toolbar with the same Iconiq API layered over Base UI toolbar primitives, including viewport-aware positioning, keyboard shortcuts, and flui…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-selection-toolbar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-selection-toolbar.json"},{"name":"b-separator","title":"Separator (Base UI)","description":"Separator with line, dashed, and dotted variants layered over the Base UI primitive, supporting horizontal and vertical orientation with a decorative default.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-separator.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-separator.json"},{"name":"b-slider","title":"Slider (Base UI)","description":"Slider with the same Iconiq API layered over Base UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-slider.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-slider.json"},{"name":"b-switch","title":"Switch (Base UI)","description":"Switch with the same Iconiq API layered over Base UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-switch.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-switch.json"},{"name":"b-tabs","title":"Tabs (Base UI)","description":"Tabs with the same Iconiq API layered over Base UI primitives, preserving the measured underline, keyboard flow, and motion-smoothed panel shell from the core …","type":"registry:ui","source_url":"https://iconiqui.com/r/b-tabs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-tabs.json"},{"name":"b-toggle","title":"Toggle (Base UI)","description":"Two-state button with spring press feedback, a muted fill that bounces in when pressed, and a subtle content lift layered over Base UI toggle primitives.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-toggle.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-toggle.json"},{"name":"b-togglegroup","title":"Toggle Group (Base UI)","description":"Segmented toggle group with the same fluid wipe fill, sheen sweep, and icon press feedback as the standalone toggle, over Base UI toggle-group primitives.","type":"registry:ui","source_url":"https://iconiqui.com/r/b-togglegroup.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-togglegroup.json"},{"name":"b-tooltip","title":"Tooltip (Base UI)","description":"Tooltip with the same Iconiq API layered over Base UI primitives, preserving the original controlled delay timing, bubble shell, rotated-square arrow, and spri…","type":"registry:ui","source_url":"https://iconiqui.com/r/b-tooltip.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/b-tooltip.json"},{"name":"badge","title":"Badge","description":"Preset-color badge with tinted fills, semantic aliases, animated default shimmer, dot variant, dismiss controls, and reduced-motion aware motion. Motion + CVA …","type":"registry:ui","source_url":"https://iconiqui.com/r/badge.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/badge.json"},{"name":"banner","title":"Banner","description":"Top-of-screen announcement banner with four gradient tones, a left-aligned ringed icon and message, a right-aligned outlined action, a dismiss collapse, and a …","type":"registry:ui","source_url":"https://iconiqui.com/r/banner.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/banner.json"},{"name":"bento-builder","title":"Bento Builder","description":"Interactive bento-grid layout tool — drag tiles to reposition, tap to rename, drag a corner to resize, add tiles, then export the generated grid layout code to…","type":"registry:ui","source_url":"https://iconiqui.com/r/bento-builder.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/bento-builder.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"Compound breadcrumb trail with Base UI render composition, subtle Motion transitions, and dedicated current-page and separator parts.","type":"registry:ui","source_url":"https://iconiqui.com/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/breadcrumbs.json"},{"name":"button-group","title":"Button Group","description":"Grouped action buttons, text segments, separators, segmented button rows, and a selectable segmented control with spring-driven hover and active motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/button-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/button-group.json"},{"name":"button","title":"Button","description":"Primary action control with larger default hit targets, spring press feedback, optional intrinsic width animation, and Motion ripples. Forwards ref and native …","type":"registry:ui","source_url":"https://iconiqui.com/r/button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/button.json"},{"name":"calendar","title":"Calendar","description":"shadcn-style monthly calendar with animated month/year transitions, selectable days, and date-fns-powered grid generation.","type":"registry:ui","source_url":"https://iconiqui.com/r/calendar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/calendar.json"},{"name":"card","title":"Card","description":"Compound card surface with optional interactive lift, Motion-smoothed layout transitions, asChild link support, semantic title slots, and shared header, action…","type":"registry:ui","source_url":"https://iconiqui.com/r/card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/card.json"},{"name":"carousel","title":"Carousel","description":"Embla-powered carousel with aspect-ratio presets, responsive navigation placement, and horizontal or vertical slides. Built with embla-carousel-react and Lucid…","type":"registry:ui","source_url":"https://iconiqui.com/r/carousel.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/carousel.json"},{"name":"charts","title":"Charts","description":"Recharts shell with registry chart tokens, ease-out series growth, and calm tooltip and legend transitions.","type":"registry:ui","source_url":"https://iconiqui.com/r/charts.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/charts.json"},{"name":"checkbox-group","title":"Checkbox group","description":"Multi-select option list with bordered empty state and a primary tick only when checked, plus hover/tap motion on each row. Motion + Lucide.","type":"registry:ui","source_url":"https://iconiqui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/checkbox-group.json"},{"name":"checkbox","title":"Checkbox","description":"Single checkbox with spring-pressed feedback, a line-drawn checkmark, and an optional inline label. Motion only.","type":"registry:ui","source_url":"https://iconiqui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/checkbox.json"},{"name":"code-block","title":"Code Block","description":"Editor-style code block with a filename tab, a top-right spring-crossfade copy button, a bottom status bar with language and line count, line numbers, built-in…","type":"registry:ui","source_url":"https://iconiqui.com/r/code-block.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/code-block.json"},{"name":"color-picker","title":"Color Picker","description":"HSV panel with saturation field, hue/alpha sliders, multi-format readouts, hex input, and EyeDropper.","type":"registry:ui","source_url":"https://iconiqui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/color-picker.json"},{"name":"combobox","title":"Combobox","description":"Searchable single-select input with inline filtering, arrow-key navigation, animated dropdown motion, and an optional clear action.","type":"registry:ui","source_url":"https://iconiqui.com/r/combobox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/combobox.json"},{"name":"command-palette","title":"Command Palette","description":"Radix dialog command menu with grouped search, keyboard shortcuts, navigation items, custom triggers, and optional theme switching.","type":"registry:ui","source_url":"https://iconiqui.com/r/command-palette.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/command-palette.json"},{"name":"context-menu","title":"Context Menu","description":"Native-feeling context menu with fixed-position viewport-aware placement, per-item icons and shortcuts, and spring entrance motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/context-menu.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"GitHub-style contribution calendar with compound calendar, block, total-count, and legend parts — pass raw Activity data or just a GitHub username and it fetch…","type":"registry:ui","source_url":"https://iconiqui.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/contribution-graph.json"},{"name":"date-picker","title":"Date Picker","description":"Collapsible date picker trigger with the shared Iconiq Calendar panel, spring open motion, and month-aware selection.","type":"registry:ui","source_url":"https://iconiqui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/date-picker.json"},{"name":"dia-text","title":"Dia Text","description":"Animated inline text reveal with a sweeping gradient band, repeat controls, and optional fixed-width rotation for motion-driven typography.","type":"registry:ui","source_url":"https://iconiqui.com/r/dia-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/dia-text.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog on Radix Dialog with Motion overlay and content springs, staggered children, and an animated close control. Pass the same open boolean to DialogCo…","type":"registry:ui","source_url":"https://iconiqui.com/r/dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Compound Vaul drawer with direction-aware layout, drag gestures, snap points, size variants, styled footer actions, optional close button, and safe-area-aware …","type":"registry:ui","source_url":"https://iconiqui.com/r/drawer.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/drawer.json"},{"name":"dropdown","title":"Dropdown","description":"Animated dropdown with a selectable value mode and an action-menu mode, plus chevron rotation and spring-driven menu entry.","type":"registry:ui","source_url":"https://iconiqui.com/r/dropdown.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/dropdown.json"},{"name":"faq-pro","title":"FAQ Pro","description":"Searchable FAQ accordion with rounded cards, animated panels, automatic match expansion, and inline query highlighting. Built with Base UI Accordion, Motion, a…","type":"registry:ui","source_url":"https://iconiqui.com/r/faq-pro.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/faq-pro.json"},{"name":"favicon-badge","title":"Favicon Badge","description":"Circular website favicon badge with optional label text, spring entrance animation, and Google favicon resolution.","type":"registry:ui","source_url":"https://iconiqui.com/r/favicon-badge.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/favicon-badge.json"},{"name":"feedback","title":"Feedback Form","description":"Collapsed pill that morphs into an expanded feedback panel with a send button, loading state, and a textarea, driven by pure CSS transitions with asymmetric op…","type":"registry:ui","source_url":"https://iconiqui.com/r/feedback.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/feedback.json"},{"name":"file-tree","title":"File Tree","description":"Compound file tree with nested FileTreeItem rows, Base UI Button folder toggles, extension-aware icons, hover highlight tracking, and optional blue emphasis fo…","type":"registry:ui","source_url":"https://iconiqui.com/r/file-tree.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/file-tree.json"},{"name":"file-upload","title":"File Upload","description":"Drag-and-drop file uploader with click-to-browse fallback, queued file rows, image previews, built-in progress states, and optional change callbacks.","type":"registry:ui","source_url":"https://iconiqui.com/r/file-upload.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/file-upload.json"},{"name":"flux-button","title":"Flux Button","description":"Async button with idle, loading, and success states.","type":"registry:ui","source_url":"https://iconiqui.com/r/flux-button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/flux-button.json"},{"name":"hover-card","title":"Hover Card","description":"Inline hover card with hover-only timing delays, instant focus reveal, collision-aware Popover positioning, Slot-based custom triggers, and a spring-driven con…","type":"registry:ui","source_url":"https://iconiqui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/hover-card.json"},{"name":"icon-bar","title":"Icon Bar","description":"Row of compact icon chips that expand on hover or focus and stay open when selected. Built with Base UI Toggle Group, Motion, and Lucide.","type":"registry:ui","source_url":"https://iconiqui.com/r/icon-bar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/icon-bar.json"},{"name":"infiniteribbon","title":"Infinite Ribbon","description":"Full-width looping announcement ribbon with repeated content, optional reverse direction, and diagonal rotation controls.","type":"registry:ui","source_url":"https://iconiqui.com/r/infiniteribbon.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/infiniteribbon.json"},{"name":"input-otp","title":"Input OTP","description":"Animated one-time password field built on Base UI OTP Field with focus border motion, character entrance, caret pulse, and OTPSlots auto-layout.","type":"registry:ui","source_url":"https://iconiqui.com/r/input-otp.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/input-otp.json"},{"name":"input","title":"Input","description":"Input with a spring-animated caret.","type":"registry:ui","source_url":"https://iconiqui.com/r/input.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/input.json"},{"name":"logo-carousal","title":"Logo Carousel","description":"Multi-column logo grid that cycles through sponsor logos with a staggered wave animation.","type":"registry:ui","source_url":"https://iconiqui.com/r/logo-carousal.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/logo-carousal.json"},{"name":"marker","title":"Marker","description":"Hand-drawn text annotations — wavy, circle, highlight, underline, and more — that draw themselves in like ink as they scroll into view, with an optional animat…","type":"registry:ui","source_url":"https://iconiqui.com/r/marker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/marker.json"},{"name":"message","title":"Message","description":"Composable chat message primitives — group, row, avatar, bubble, header, and footer — where each message slides in beside its composer with a bouncy spring: se…","type":"registry:ui","source_url":"https://iconiqui.com/r/message.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/message.json"},{"name":"morph-texts","title":"Morph Text","description":"Cycling headline words with a goo-filter morph transition powered by Motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/morph-texts.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/morph-texts.json"},{"name":"popover","title":"Popover","description":"Popover built on Radix with portal-based positioning, optional anchor support, side-aware motion, and smooth size changes while content updates.","type":"registry:ui","source_url":"https://iconiqui.com/r/popover.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/popover.json"},{"name":"r-accordion","title":"Accordion (Radix UI)","description":"Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered over Radix UI primitives with Motion-heavy panel choreography.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-accordion.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-accordion.json"},{"name":"r-alert-dialog","title":"Alert Dialog (Radix UI)","description":"Alert dialog with asChild triggers, action variants, optional media, controlled async flows, and reduced-motion aware transitions layered over Radix UI primiti…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-alert-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-alert-dialog.json"},{"name":"r-avatar","title":"Avatar (Radix UI)","description":"Avatar with the same single Iconiq API layered over Radix UI primitives, preserving immediate fallback initials and the quiet image reveal.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-avatar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-avatar.json"},{"name":"r-checkbox","title":"Checkbox (Radix UI)","description":"Checkbox with the same Iconiq API layered over Radix UI primitives, preserving the original fill spring, press scale, checkmark draw, and label fade.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-checkbox.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-checkbox.json"},{"name":"r-collapsible","title":"Collapsible (Radix UI)","description":"Collapsible with the same Iconiq API layered over Radix UI primitives, preserving the same height, icon, and content transitions as the Base UI version.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-collapsible.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-collapsible.json"},{"name":"r-dialog","title":"Dialog (Radix UI)","description":"Dialog with the same exported Iconiq parts layered over Radix UI primitives, preserving the original dialog springs while using the softer alert-dialog card st…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-dialog.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-dialog.json"},{"name":"r-dropdown","title":"Dropdown (Radix UI)","description":"Dropdown with the same Iconiq trigger, grouped rows, action and select variants, and exact panel motion layered over Radix Dropdown Menu primitives.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-dropdown.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-dropdown.json"},{"name":"r-hover-card","title":"Hover Card (Radix UI)","description":"Hover card with the same Iconiq API layered over the dedicated Radix Hover Card primitive, preserving delayed hover reveal, instant focus open, collision-aware…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-hover-card.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-hover-card.json"},{"name":"r-popover","title":"Popover (Radix UI)","description":"Popover with the same Iconiq API layered over Radix UI popover primitives, preserving side-aware panel motion, optional anchor support, and size-aware content …","type":"registry:ui","source_url":"https://iconiqui.com/r/r-popover.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-popover.json"},{"name":"r-progress","title":"Progress (Radix UI)","description":"Progress bar with the same Iconiq API layered over Radix UI primitives, preserving the spring-smoothed fill, restrained inline readout, and quiet indeterminate…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-progress.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-progress.json"},{"name":"r-radio-group","title":"Radio Group (Radix UI)","description":"Radio group with the same Iconiq API layered over Radix UI primitives, preserving the original shared highlight, spring-loaded ring and dot, and staggered row …","type":"registry:ui","source_url":"https://iconiqui.com/r/r-radio-group.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-radio-group.json"},{"name":"r-select","title":"Select (Radix UI)","description":"Compound Select parts layered over Radix UI primitives, preserving the original trigger press, chevron rotation, grouped rows, and panel motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-select.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-select.json"},{"name":"r-selection-toolbar","title":"Selection Toolbar (Radix UI)","description":"Floating selection toolbar with the same Iconiq API layered over Radix UI toolbar primitives, including viewport-aware positioning, keyboard shortcuts, and flu…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-selection-toolbar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-selection-toolbar.json"},{"name":"r-separator","title":"Separator (Radix UI)","description":"Separator with line, dashed, and dotted variants layered over the Radix UI primitive, supporting horizontal and vertical orientation with a decorative default.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-separator.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-separator.json"},{"name":"r-slider","title":"Slider (Radix UI)","description":"Slider with the same Iconiq API layered over Radix UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-slider.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-slider.json"},{"name":"r-switch","title":"Switch (Radix UI)","description":"Switch with the same Iconiq API layered over Radix UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-switch.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-switch.json"},{"name":"r-tabs","title":"Tabs (Radix UI)","description":"Tabs with the same Iconiq API layered over Radix UI primitives, preserving the measured underline, keyboard flow, and motion-smoothed panel shell from the core…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-tabs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-tabs.json"},{"name":"r-toggle","title":"Toggle (Radix UI)","description":"Two-state button with spring press feedback, a muted fill that bounces in when pressed, and a subtle content lift layered over Radix UI toggle primitives.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-toggle.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-toggle.json"},{"name":"r-togglegroup","title":"Toggle Group (Radix UI)","description":"Segmented toggle group with the same fluid wipe fill, sheen sweep, and icon press feedback as the standalone toggle, over Radix UI toggle-group primitives.","type":"registry:ui","source_url":"https://iconiqui.com/r/r-togglegroup.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-togglegroup.json"},{"name":"r-tooltip","title":"Tooltip (Radix UI)","description":"Tooltip with the same Iconiq API layered over Radix Tooltip primitives, preserving the original controlled delay timing, bubble shell, rotated-square arrow, an…","type":"registry:ui","source_url":"https://iconiqui.com/r/r-tooltip.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/r-tooltip.json"},{"name":"radial-button","title":"Radial Button","description":"Rounded action button with a radial foreground fill that spreads on hover or focus-visible. Built with Motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/radial-button.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/radial-button.json"},{"name":"radiogroup","title":"Radio group","description":"Single-select option list with shared layoutId highlight, spring ring/dot on the control, staggered row entrance, and optional descriptions. Motion only — nati…","type":"registry:ui","source_url":"https://iconiqui.com/r/radiogroup.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/radiogroup.json"},{"name":"rating","title":"Rating","description":"Compound star rating built from Rating and RatingButton — hover to preview, click or use arrow keys to set the value, with configurable size on the root, a spr…","type":"registry:ui","source_url":"https://iconiqui.com/r/rating.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/rating.json"},{"name":"reasoning-steps","title":"Reasoning Steps","description":"Base UI collapsible reasoning trace for AI replies with a shimmering trigger label and no status icon, per-step dots that pop into checkmarks once done, a self…","type":"registry:ui","source_url":"https://iconiqui.com/r/reasoning-steps.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/reasoning-steps.json"},{"name":"reveal-text","title":"Reveal Text","description":"Staggered word or character reveal with spring lift, blur fade, and optional scroll-triggered playback.","type":"registry:ui","source_url":"https://iconiqui.com/r/reveal-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/reveal-text.json"},{"name":"rolling-digits","title":"Rolling Digits","description":"Spring-animated digit counter with transform, opacity, and vertical motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/rolling-digits.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/rolling-digits.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"Ruler-style scroll indicator with tick marks that fill in as the page scrolls and a live percentage readout, dockable to either side or bottom corner of the vi…","type":"registry:ui","source_url":"https://iconiqui.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/scroll-progress.json"},{"name":"select","title":"Select","description":"Animated single-select dropdown with staggered options, chevron rotation, scaleY panel, row hover slide, and check mark on the active item. Motion + Lucide.","type":"registry:ui","source_url":"https://iconiqui.com/r/select.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/select.json"},{"name":"selectiontoolbar","title":"Selection Toolbar","description":"Floating inline formatting toolbar for editable text selections with viewport-aware positioning, keyboard shortcuts, theme tokens, and bold, italic, underline,…","type":"registry:ui","source_url":"https://iconiqui.com/r/selectiontoolbar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/selectiontoolbar.json"},{"name":"setup-checklist","title":"Setup Checklist","description":"Animated onboarding checklist card with staggered task rows, a drawn checkmark badge, and a floating progress pill with a spring-smoothed pie.","type":"registry:ui","source_url":"https://iconiqui.com/r/setup-checklist.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/setup-checklist.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Animated shimmer text with a sweeping highlight band, adjustable spread, and configurable loop speed for emphasis-heavy copy.","type":"registry:ui","source_url":"https://iconiqui.com/r/shimmer-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/shimmer-text.json"},{"name":"skeleton","title":"Skeleton","description":"Shimmer or fade loading placeholder with preset helpers, configurable radius, optional animation, and embedded theme tokens.","type":"registry:ui","source_url":"https://iconiqui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Range control with spring-animated track and thumb, full-width pointer drag, and optional label and live value. Motion.","type":"registry:ui","source_url":"https://iconiqui.com/r/slider.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/slider.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator with ring, bouncing dots, or dot-matrix sweep variants. Motion; uses primary and muted theme tokens.","type":"registry:ui","source_url":"https://iconiqui.com/r/spinner.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/spinner.json"},{"name":"status-dot","title":"Status Dot","description":"Rippling inline status dot with deployment presets, generic tones, sizing, and dot-only accessibility defaults.","type":"registry:ui","source_url":"https://iconiqui.com/r/status-dot.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/status-dot.json"},{"name":"streaming-text","title":"Streaming Text","description":"Word-by-word AI text streaming where each word fades in crisply wearing a blue gradient, then crossfades into the theme foreground once settled — black in ligh…","type":"registry:ui","source_url":"https://iconiqui.com/r/streaming-text.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/streaming-text.json"},{"name":"switch","title":"Switch","description":"Animated Radix switch with spring thumb travel, pressure-like thumb squash, foreground track fill, and optional inline label.","type":"registry:ui","source_url":"https://iconiqui.com/r/switch.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/switch.json"},{"name":"table","title":"Table","description":"Composable table primitives with grid-aligned rows, optional animated sort buttons, and layout-preserving row transitions.","type":"registry:ui","source_url":"https://iconiqui.com/r/table.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Segmented tabs with a sliding active pill, mix-blend label treatment, and Radix keyboard navigation.","type":"registry:ui","source_url":"https://iconiqui.com/r/tabs.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/tabs.json"},{"name":"team-invitation","title":"Team Invitation","description":"Team invitation block with fluid morphing variants for inviting members, managing the team, assigning roles, and tracking pending invites.","type":"registry:ui","source_url":"https://iconiqui.com/r/team-invitation.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/team-invitation.json"},{"name":"testimonials","title":"Testimonials","description":"Inline testimonial wall where hovering one quote blurs and dims the rest while the author attribution reveals beside the highlighted quote. Pure CSS :has()-dri…","type":"registry:ui","source_url":"https://iconiqui.com/r/testimonials.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/testimonials.json"},{"name":"text-inertia","title":"Text Inertia","description":"Pointer-reactive word treatment that maps cursor velocity into Motion-powered spring movement.","type":"registry:ui","source_url":"https://iconiqui.com/r/text-inertia.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/text-inertia.json"},{"name":"text-loop","title":"Text Loop","description":"Cycling text with vertical slide transitions—pass your own items and interval for rotating headlines or status copy.","type":"registry:ui","source_url":"https://iconiqui.com/r/text-loop.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/text-loop.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Animated light/dark switch with a sliding knob, sun and moon icons, and bouncy track transitions. Built with Base UI Toggle; toggles the document dark class.","type":"registry:ui","source_url":"https://iconiqui.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/theme-toggle.json"},{"name":"thinking-indicator","title":"Thinking Indicator","description":"AI loading state with a sparkle glyph that wobbles through liquid blob keyframes into a circle while a companion twinkle blooms on the same timeline, cycling s…","type":"registry:ui","source_url":"https://iconiqui.com/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/thinking-indicator.json"},{"name":"timezone","title":"Timezone","description":"Inline live clock for city aliases or IANA timezones with fluid digit rolls, pulsing separators, and spring transitions.","type":"registry:ui","source_url":"https://iconiqui.com/r/timezone.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/timezone.json"},{"name":"tooltip","title":"Tooltip","description":"Animated hover/focus tooltip with collision-aware portaled positioning, Slot-based triggers, short-string content, and optional delay and side placement. Built…","type":"registry:ui","source_url":"https://iconiqui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/tooltip.json"},{"name":"typewriter","title":"Typewriter","description":"Looping typewriter text effect with brief glitch substitutions and a blinking cursor.","type":"registry:ui","source_url":"https://iconiqui.com/r/typewriter.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/typewriter.json"},{"name":"typography","title":"Typography","description":"Single typography primitive that maps the full heading, label, paragraph, subheading, and documentation scale through one variant prop.","type":"registry:ui","source_url":"https://iconiqui.com/r/typography.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/typography.json"},{"name":"verified-badge","title":"Verified Badge","description":"X-style verified scallop with shimmer or static variants, size presets, brand/gold/neutral tones, and reduced-motion aware animation.","type":"registry:ui","source_url":"https://iconiqui.com/r/verified-badge.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/verified-badge.json"},{"name":"week-calendar","title":"Week Calendar","description":"Week strip that morphs into a full month grid, with a shared-layout spring pill and a draggable grabber handle.","type":"registry:ui","source_url":"https://iconiqui.com/r/week-calendar.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/week-calendar.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-style wheel picker with a 3D barrel, drag and flick inertia, detent snapping, velocity-driven motion blur, a per-row emphasis morph into the selection lens…","type":"registry:ui","source_url":"https://iconiqui.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/wheel-picker.json"},{"name":"iconiq-theme","title":"Iconiq theme tokens","description":"Shared Tailwind arbitrary property tokens used by Iconiq registry components.","type":"registry:lib","source_url":"https://iconiqui.com/r/iconiq-theme.json","install_command":"npx shadcn@latest add https://iconiqui.com/r/iconiq-theme.json"}]},{"id":"icons-animated","name":"@icons-animated","slug":"icons-animated","description":"An open-source shadcn registry of meticulously animated SVG icons spanning three icon families: Huge Icons (4,000+ free icons), Tabler Icons (MIT-licensed), and Phosphor Icons (flexible interface icons). Each icon is individually installable via npx shadcn add @icons-animated/<library>-<name>. Inspired by lucide-animated; built with React and CSS/JS animation. Free for personal and commercial use (components cannot be redistributed as-is). Use for: adding on-demand animated icon components from Huge, Tabler, or Phosphor icon sets to any React project without manually importing animation logic.","author":"ln-dev7","framework":"react","license":null,"tags":["aesthetic","animation","icons","tables"],"categories":["Icons/logos"],"labels":["featured","recently-updated"],"urls":{"website":"https://icons.lndev.me","github":"https://github.com/ln-dev7/icons-animated","registry":"https://icons.lndev.me/r/{name}.json","source":"https://icons.lndev.me/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/icons-animated","markdown":"https://sh4dcn.netlify.app/md/icons-animated.md"},"logo":"<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16 3C16 3 7 8 7 16C7 24 12 29 16 29C20 29 25 24 25 16C25 8 16 3 16 3Z' fill='var(--foreground)'/><circle cx='12' cy='14' r='2' fill='var(--background)'/><circle cx='20' cy='14' r='2' fill='var(--background)'/><path d='M11 20C11 20 13 22 16 22C19 22 21 20 21 20' stroke='var(--background)' stroke-width='1.5' stroke-linecap='round'/><path d='M16 3V10' stroke='var(--background)' stroke-width='1.5' stroke-linecap='round' opacity='0.6'/></svg>","preview_image":"https://icons.lndev.me/_next/static/media/og.b523edb8.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":162,"open_issues":0,"last_commit":"2026-09-29T21:39:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/ln-dev7/icons-animated.git","clone_degit":"npx degit ln-dev7/icons-animated","registry_fetch":"curl -s https://icons.lndev.me/r/{name}.json"},"component_count":0,"components":[]},{"id":"ikas","name":"@ikas","slug":"ikas","description":"UI components and screen patterns for building apps on ikas.","author":null,"framework":"react","license":null,"tags":["animation","blocks","buttons","cards","charts","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://builders.ikas.com/docs/app-development/ui-kit","github":null,"registry":"https://builders.ikas.com/r/registry.json","source":"https://builders.ikas.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ikas","markdown":"https://sh4dcn.netlify.app/md/ikas.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect width='32' height='32' rx='7.25' fill='var(--foreground)'/><g fill='var(--background)' transform='translate(4.8 6.43) scale(0.03930)'><path d='M205 50V212H425L220 447V285H0Z'/><path d='M227 50H432A65 65 0 0 1 480 158L452.09 190H227Z'/><path d='M458.55 207H450A120 120 0 0 1 450 447H249.19Z'/></g></svg>","preview_image":"https://builders.ikas.com/docs-og/app-development/ui-kit/image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://builders.ikas.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://builders.ikas.com/r/registry.json","install_bun":"bunx shadcn@latest add https://builders.ikas.com/r/registry.json","registry_fetch":"curl -s https://builders.ikas.com/r/registry.json"},"component_count":72,"components":[{"name":"theme","title":"ikas Theme","description":"Light-first neutral theme tokens: surfaces, six-color palette, status colors, radius and elevation. Install first.","type":"registry:theme","source_url":"https://builders.ikas.com/r/theme.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/theme.json"},{"name":"motion","title":"Motion","description":"Shared spring and easing tokens so all animations in the app move the same way.","type":"registry:lib","source_url":"https://builders.ikas.com/r/motion.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/motion.json"},{"name":"status","title":"Status","description":"Status tint classes (info, success, warning, danger, neutral) for surfaces, text, icons and actions.","type":"registry:lib","source_url":"https://builders.ikas.com/r/status.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/status.json"},{"name":"utils","title":"Utils","description":"The cn() helper that merges Tailwind class names; used by every component.","type":"registry:lib","source_url":"https://builders.ikas.com/r/utils.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/utils.json"},{"name":"accordion","title":"Accordion","description":"Stacked sections that expand one at a time or together, as a list or cards.","type":"registry:ui","source_url":"https://builders.ikas.com/r/accordion.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Modal that asks to confirm or cancel an action, with a status-tinted icon.","type":"registry:ui","source_url":"https://builders.ikas.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/alert-dialog.json"},{"name":"alert","title":"Alert","description":"Plain inline callout in default or destructive style; use Banner for status messages.","type":"registry:ui","source_url":"https://builders.ikas.com/r/alert.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/alert.json"},{"name":"avatar","title":"Avatar","description":"Round user or store image with fallback initials, badge, and stacked groups.","type":"registry:ui","source_url":"https://builders.ikas.com/r/avatar.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"Small label for statuses (info, success, warning, danger) or counts, with optional dot.","type":"registry:ui","source_url":"https://builders.ikas.com/r/badge.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/badge.json"},{"name":"button-group","title":"Button Group","description":"Joins buttons, inputs or selects into one connected horizontal or vertical group.","type":"registry:ui","source_url":"https://builders.ikas.com/r/button-group.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/button-group.json"},{"name":"button","title":"Button","description":"Button in solid, soft, outline, ghost and link variants, any palette color, loading state.","type":"registry:ui","source_url":"https://builders.ikas.com/r/button.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/button.json"},{"name":"calendar","title":"Calendar","description":"Month grid for picking a day, range or several days; Turkish, Monday first.","type":"registry:ui","source_url":"https://builders.ikas.com/r/calendar.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/calendar.json"},{"name":"card","title":"Card","description":"Raised surface with header, title, description, action, content and footer slots.","type":"registry:ui","source_url":"https://builders.ikas.com/r/card.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/card.json"},{"name":"chart","title":"Chart","description":"Recharts container, tooltip and legend wired to theme colors; base for the ikas charts.","type":"registry:ui","source_url":"https://builders.ikas.com/r/chart.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox for on/off choices in forms and table row selection.","type":"registry:ui","source_url":"https://builders.ikas.com/r/checkbox.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/checkbox.json"},{"name":"combobox","title":"Combobox","description":"Searchable select with single or multiple choice, chips and groups; built on Base UI.","type":"registry:ui","source_url":"https://builders.ikas.com/r/combobox.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/combobox.json"},{"name":"dialog","title":"Dialog","description":"Modal window for focused tasks and confirmations, with header, footer and close button.","type":"registry:ui","source_url":"https://builders.ikas.com/r/dialog.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Panel that slides in from an edge and drags closed; suits mobile actions.","type":"registry:ui","source_url":"https://builders.ikas.com/r/drawer.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Menu of actions opened from a button, with groups, checkboxes, radios and submenus.","type":"registry:ui","source_url":"https://builders.ikas.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/dropdown-menu.json"},{"name":"field","title":"Field","description":"Form structure: label, description, error and grouping for any input control.","type":"registry:ui","source_url":"https://builders.ikas.com/r/field.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/field.json"},{"name":"input-group","title":"Input Group","description":"Input or textarea with attached addons: icons, text, prefixes and buttons.","type":"registry:ui","source_url":"https://builders.ikas.com/r/input-group.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/input-group.json"},{"name":"input","title":"Input","description":"Single-line text input styled with the theme's inset field surface.","type":"registry:ui","source_url":"https://builders.ikas.com/r/input.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/input.json"},{"name":"kbd","title":"Kbd","description":"Shows keyboard keys and shortcuts, alone or grouped.","type":"registry:ui","source_url":"https://builders.ikas.com/r/kbd.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/kbd.json"},{"name":"label","title":"Label","description":"Accessible text label for form controls.","type":"registry:ui","source_url":"https://builders.ikas.com/r/label.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/label.json"},{"name":"popover","title":"Popover","description":"Floating panel anchored to a trigger for small forms, pickers or extra details.","type":"registry:ui","source_url":"https://builders.ikas.com/r/popover.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/popover.json"},{"name":"progress","title":"Progress","description":"Thin horizontal bar showing how far a task has progressed.","type":"registry:ui","source_url":"https://builders.ikas.com/r/progress.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/progress.json"},{"name":"questionnaire","title":"Questionnaire","description":"Multi-step form, one question at a time: choices, free text, skip, validation, progress.","type":"registry:ui","source_url":"https://builders.ikas.com/r/questionnaire.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/questionnaire.json"},{"name":"radio-group","title":"Radio Group","description":"Set of radio buttons for picking exactly one option.","type":"registry:ui","source_url":"https://builders.ikas.com/r/radio-group.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/radio-group.json"},{"name":"select","title":"Select","description":"Dropdown for picking one value from a list, with groups and separators.","type":"registry:ui","source_url":"https://builders.ikas.com/r/select.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/select.json"},{"name":"separator","title":"Separator","description":"Thin horizontal or vertical line that divides content.","type":"registry:ui","source_url":"https://builders.ikas.com/r/separator.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Panel that slides in from a screen edge for side tasks and details.","type":"registry:ui","source_url":"https://builders.ikas.com/r/sheet.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Pulsing placeholder block shown while content loads.","type":"registry:ui","source_url":"https://builders.ikas.com/r/skeleton.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/skeleton.json"},{"name":"sonner","title":"Sonner","description":"Toaster for short confirmations: status types, surface or soft variant, optional countdown bar.","type":"registry:ui","source_url":"https://builders.ikas.com/r/sonner.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"Animated loading indicator for buttons and pending sections.","type":"registry:ui","source_url":"https://builders.ikas.com/r/spinner.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/spinner.json"},{"name":"switch","title":"Switch","description":"Toggle switch for settings that turn on or off immediately.","type":"registry:ui","source_url":"https://builders.ikas.com/r/switch.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/switch.json"},{"name":"table","title":"Table","description":"Basic table building blocks: header, body, rows, cells, footer and caption.","type":"registry:ui","source_url":"https://builders.ikas.com/r/table.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"Tab list for switching between views of the same screen, in pill or line style.","type":"registry:ui","source_url":"https://builders.ikas.com/r/tabs.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text input that grows with its content.","type":"registry:ui","source_url":"https://builders.ikas.com/r/textarea.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/textarea.json"},{"name":"tooltip","title":"Tooltip","description":"Short hint shown on hover or keyboard focus of an element.","type":"registry:ui","source_url":"https://builders.ikas.com/r/tooltip.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/tooltip.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-style picker wheel you drag, flick, scroll or step; groups side by side.","type":"registry:ui","source_url":"https://builders.ikas.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/wheel-picker.json"},{"name":"action-bar","title":"Action Bar","description":"Icon toolbar whose labels appear on hover or focus; saves room in dense headers.","type":"registry:component","source_url":"https://builders.ikas.com/r/action-bar.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/action-bar.json"},{"name":"animated-check","title":"Animated Check","description":"Self-drawing check icon, plus a copy-to-clipboard button that confirms with it.","type":"registry:component","source_url":"https://builders.ikas.com/r/animated-check.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/animated-check.json"},{"name":"animated-number","title":"Animated Number","description":"Number that rolls up or down when its value changes.","type":"registry:component","source_url":"https://builders.ikas.com/r/animated-number.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/animated-number.json"},{"name":"area-chart","title":"Area Chart","description":"Area or line chart over time, with stacking, legend, tooltip and estimated points.","type":"registry:component","source_url":"https://builders.ikas.com/r/area-chart.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/area-chart.json"},{"name":"banner","title":"Banner","description":"Persistent message in info, success, warning or danger, with optional actions and dismiss.","type":"registry:component","source_url":"https://builders.ikas.com/r/banner.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/banner.json"},{"name":"bar-chart","title":"Bar Chart","description":"Vertical or horizontal bar chart, grouped or stacked, with hover trace and in-progress bars.","type":"registry:component","source_url":"https://builders.ikas.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/bar-chart.json"},{"name":"bar-list","title":"Bar List","description":"Ranked list of labels with proportional bars and values, e.g. top products.","type":"registry:component","source_url":"https://builders.ikas.com/r/bar-list.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/bar-list.json"},{"name":"chart-card","title":"Chart Card","description":"Dashboard chart frame with title, headline value, change and a time range switch.","type":"registry:component","source_url":"https://builders.ikas.com/r/chart-card.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/chart-card.json"},{"name":"chart-kit","title":"Chart Kit","description":"Shared chart parts: colors, fills, legend, tooltip, loading and reveal used by ikas charts.","type":"registry:component","source_url":"https://builders.ikas.com/r/chart-kit.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/chart-kit.json"},{"name":"collapse","title":"Collapse","description":"Animates content open and closed between zero and full height.","type":"registry:component","source_url":"https://builders.ikas.com/r/collapse.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/collapse.json"},{"name":"confirm-button","title":"Confirm Button","description":"Two-click inline confirm for destructive actions that do not need a dialog.","type":"registry:component","source_url":"https://builders.ikas.com/r/confirm-button.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/confirm-button.json"},{"name":"date-picker","title":"Date Picker","description":"Outline button that opens a calendar and shows the picked date as dd.MM.yyyy.","type":"registry:component","source_url":"https://builders.ikas.com/r/date-picker.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/date-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Date range picker with presets, two months, and Apply and Clear buttons.","type":"registry:component","source_url":"https://builders.ikas.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/date-range-picker.json"},{"name":"date-wheel-picker","title":"Date Wheel Picker","description":"Day, month and year wheels in one frame, with min and max dates.","type":"registry:component","source_url":"https://builders.ikas.com/r/date-wheel-picker.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/date-wheel-picker.json"},{"name":"description-list","title":"Description List","description":"Label and value pairs for detail pages, side by side or stacked.","type":"registry:component","source_url":"https://builders.ikas.com/r/description-list.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/description-list.json"},{"name":"donut-chart","title":"Donut Chart","description":"Donut chart for part-to-whole data, with the total in the center and a legend.","type":"registry:component","source_url":"https://builders.ikas.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/donut-chart.json"},{"name":"empty-state","title":"Empty State","description":"Explains an empty or failed view and offers the next step or a retry.","type":"registry:component","source_url":"https://builders.ikas.com/r/empty-state.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/empty-state.json"},{"name":"expandable-search","title":"Expandable Search","description":"Search icon that expands into a text input and stays open while filled.","type":"registry:component","source_url":"https://builders.ikas.com/r/expandable-search.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/expandable-search.json"},{"name":"launchpad","title":"Launchpad","description":"First-run setup steps for the app home; the active step opens with its actions.","type":"registry:component","source_url":"https://builders.ikas.com/r/launchpad.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/launchpad.json"},{"name":"layout","title":"Layout","description":"Column presets (main-aside, half, third) and numbered SettingsGroup sections for settings screens.","type":"registry:component","source_url":"https://builders.ikas.com/r/layout.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/layout.json"},{"name":"meter","title":"Meter","description":"Usage against a limit as a bar or ring, with warning and danger states.","type":"registry:component","source_url":"https://builders.ikas.com/r/meter.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/meter.json"},{"name":"number-stepper","title":"Number Stepper","description":"Number input with minus and plus buttons; click the value to type it.","type":"registry:component","source_url":"https://builders.ikas.com/r/number-stepper.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/number-stepper.json"},{"name":"page","title":"Page","description":"Screen wrapper with width presets and a PageHeader with back link, badges and actions.","type":"registry:component","source_url":"https://builders.ikas.com/r/page.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/page.json"},{"name":"record-table","title":"Record Table","description":"Table for lists of records with selection, bulk actions, loading, empty, error and pagination.","type":"registry:component","source_url":"https://builders.ikas.com/r/record-table.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/record-table.json"},{"name":"script-installer","title":"Script Installer","description":"Installs, updates and removes the app's storefront script, one row per storefront.","type":"registry:component","source_url":"https://builders.ikas.com/r/script-installer.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/script-installer.json"},{"name":"segmented-control","title":"Segmented Control","description":"Pick one of two to five options, as view tabs or a radio choice.","type":"registry:component","source_url":"https://builders.ikas.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/segmented-control.json"},{"name":"setting-row","title":"Setting Row","description":"One setting row: title, description and its control aligned right.","type":"registry:component","source_url":"https://builders.ikas.com/r/setting-row.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/setting-row.json"},{"name":"sparkline","title":"Sparkline","description":"Tiny trend line without axes for stat cards and table cells.","type":"registry:component","source_url":"https://builders.ikas.com/r/sparkline.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/sparkline.json"},{"name":"stat-card","title":"Stat Card","description":"KPI card: label, value and change against the previous period.","type":"registry:component","source_url":"https://builders.ikas.com/r/stat-card.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/stat-card.json"},{"name":"toggle-section","title":"Toggle Section","description":"Feature section with an on/off switch that reveals its settings when on.","type":"registry:component","source_url":"https://builders.ikas.com/r/toggle-section.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/toggle-section.json"},{"name":"unsaved-bar","title":"Unsaved Bar","description":"Bar with save and discard that appears while a form has unsaved changes.","type":"registry:component","source_url":"https://builders.ikas.com/r/unsaved-bar.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/unsaved-bar.json"},{"name":"ui-rules","title":"UI Rules for AI agents","description":"ikas-ui.md design rules for AI coding agents; reference it from AGENTS.md or CLAUDE.md.","type":"registry:file","source_url":"https://builders.ikas.com/r/ui-rules.json","install_command":"npx shadcn@latest add https://builders.ikas.com/r/ui-rules.json"}]},{"id":"ilinxa","name":"@ilinxa","slug":"ilinxa","description":"High-level composed components for shadcn/ui — kanban, gantt, calendar, media editors, story viewers, flow canvas, forms, and more, each with optional demo fixtures.","author":"ilinxa","framework":"react","license":"MIT","tags":["audio","auth","blocks","buttons","cards","dashboard","editor","forms","gaming","loaders","media","pro-available","tables"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.ilinxa.com","github":"https://github.com/ilinxa/pro-ui","registry":"https://ui.ilinxa.com/r/registry.json","source":"https://ui.ilinxa.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ilinxa","markdown":"https://sh4dcn.netlify.app/md/ilinxa.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" fill=\"var(--foreground)\"><rect x=\"6\" y=\"6\" width=\"16\" height=\"16\" rx=\"4\"/><rect x=\"26\" y=\"6\" width=\"16\" height=\"16\" rx=\"8\"/><rect x=\"6\" y=\"26\" width=\"16\" height=\"16\" rx=\"8\"/><rect x=\"26\" y=\"26\" width=\"16\" height=\"16\" rx=\"4\"/></svg>","preview_image":"https://ui.ilinxa.com/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/ilinxa/pro-ui"},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-10-26T20:14:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.ilinxa.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.ilinxa.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.ilinxa.com/r/registry.json","clone":"git clone https://github.com/ilinxa/pro-ui.git","clone_degit":"npx degit ilinxa/pro-ui","registry_fetch":"curl -s https://ui.ilinxa.com/r/registry.json"},"component_count":186,"components":[{"name":"data-table","title":"Data Table","description":"A typed, composable table primitive with column accessors and per-cell rendering.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/data-table.json"},{"name":"data-table-fixtures","title":"Data Table — fixtures","description":"Data Table plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/data-table-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/data-table-fixtures.json"},{"name":"card-tree","title":"Card Tree","description":"JSON-driven recursive card tree with a full structural editor — drag and drop, multi-select, permissions, search, validation, and undo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/card-tree.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/card-tree.json"},{"name":"card-tree-fixtures","title":"Card Tree — fixtures","description":"Card Tree plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/card-tree-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/card-tree-fixtures.json"},{"name":"split-workspace","title":"Split Workspace","description":"Splittable, mergeable canvas of editor areas — a dynamic layout primitive for dashboards, dev tools, and data apps.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/split-workspace.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/split-workspace.json"},{"name":"split-workspace-fixtures","title":"Split Workspace — fixtures","description":"Split Workspace plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/split-workspace-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/split-workspace-fixtures.json"},{"name":"properties-form","title":"Properties Form","description":"Schema-driven read and edit form for typed records — six field types, per-field permissions, sync validation, and a custom renderer slot.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/properties-form.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/properties-form.json"},{"name":"properties-form-fixtures","title":"Properties Form — fixtures","description":"Properties Form plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/properties-form-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/properties-form-fixtures.json"},{"name":"detail-panel","title":"Detail Panel","description":"Selection-aware detail container with read and edit modes, lifecycle states, sticky header and footer actions, and a slot-based body.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/detail-panel.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/detail-panel.json"},{"name":"detail-panel-fixtures","title":"Detail Panel — fixtures","description":"Detail Panel plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/detail-panel-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/detail-panel-fixtures.json"},{"name":"empty-state","title":"Empty State","description":"The designed answer for empty surfaces — icon or illustration, title, description, capability-gated actions, and a hint, across 6 variants and 3 sizes.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/empty-state.json"},{"name":"empty-state-fixtures","title":"Empty State — fixtures","description":"Empty State plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/empty-state-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/empty-state-fixtures.json"},{"name":"filter-panel","title":"Filter Panel","description":"Schema-driven filter panel — checkbox lists, toggles, text, and custom filter types with AND composition and debounced input.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/filter-panel.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/filter-panel.json"},{"name":"filter-panel-fixtures","title":"Filter Panel — fixtures","description":"Filter Panel plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/filter-panel-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/filter-panel-fixtures.json"},{"name":"entity-picker","title":"Entity Picker","description":"Searchable picker for typed entities — single or multi select, kind badges, chip cluster with removal, and custom render slots.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/entity-picker.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/entity-picker.json"},{"name":"entity-picker-fixtures","title":"Entity Picker — fixtures","description":"Entity Picker plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/entity-picker-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/entity-picker-fixtures.json"},{"name":"markdown-editor","title":"Markdown Editor","description":"CodeMirror 6 markdown editor with GFM, wikilink autocomplete, a slot-able toolbar, and edit, split, and preview modes.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/markdown-editor.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/markdown-editor.json"},{"name":"markdown-editor-fixtures","title":"Markdown Editor — fixtures","description":"Markdown Editor plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/markdown-editor-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/markdown-editor-fixtures.json"},{"name":"news-card","title":"News Card","description":"Magazine-style news card in five sizes — role-aware editor and viewer modes, permissions matrix, badges, paywall and sensitivity gates.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/news-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/news-card.json"},{"name":"news-card-fixtures","title":"News Card — fixtures","description":"News Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/news-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/news-card-fixtures.json"},{"name":"newsletter-signup","title":"Newsletter Signup","description":"Newsletter signup card — inline email form or CTA-only variant, async status tracking, three tones, full i18n.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/newsletter-signup.json"},{"name":"newsletter-signup-fixtures","title":"Newsletter Signup — fixtures","description":"Newsletter Signup plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/newsletter-signup-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/newsletter-signup-fixtures.json"},{"name":"category-cloud","title":"Category Cloud","description":"Flex-wrapped cloud of clickable category chips with optional counts — single-select, toggleable, controlled or uncontrolled.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/category-cloud.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/category-cloud.json"},{"name":"category-cloud-fixtures","title":"Category Cloud — fixtures","description":"Category Cloud plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/category-cloud-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/category-cloud-fixtures.json"},{"name":"filter-bar","title":"Filter Bar","description":"Composite filter bar — search, category pills, date-range picker, and results count, each independently controlled or hidden.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/filter-bar.json"},{"name":"filter-bar-fixtures","title":"Filter Bar — fixtures","description":"Filter Bar plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/filter-bar-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/filter-bar-fixtures.json"},{"name":"page-hero","title":"Page Hero","description":"Full-bleed gradient hero band — badge, title, highlight, description, stats row, and a reveal-on-mount animation.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/page-hero.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/page-hero.json"},{"name":"page-hero-fixtures","title":"Page Hero — fixtures","description":"Page Hero plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/page-hero-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/page-hero-fixtures.json"},{"name":"magazine-layout","title":"Magazine Layout","description":"Slot-based magazine layout — hero, filter bar, sidebar, and a mixed-size article grid with infinite scroll and a filter hook.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/magazine-layout.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/magazine-layout.json"},{"name":"magazine-layout-fixtures","title":"Magazine Layout — fixtures","description":"Magazine Layout plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/magazine-layout-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/magazine-layout-fixtures.json"},{"name":"author-card","title":"Author Card","description":"Person identity card — avatar, name, role, optional bio, optionally clickable.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/author-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/author-card.json"},{"name":"author-card-fixtures","title":"Author Card — fixtures","description":"Author Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/author-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/author-card-fixtures.json"},{"name":"thumbnail-list","title":"Thumbnail List","description":"Linked thumbnail list — small image, title, and meta line per row, each row one link target.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/thumbnail-list.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/thumbnail-list.json"},{"name":"stat-card","title":"Stat Card","description":"Single-metric dashboard card — value, label, delta, and a dependency-free SVG sparkline with polarity-aware coloring.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/stat-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/stat-card.json"},{"name":"thumbnail-list-fixtures","title":"Thumbnail List — fixtures","description":"Thumbnail List plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/thumbnail-list-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/thumbnail-list-fixtures.json"},{"name":"stat-card-fixtures","title":"Stat Card — fixtures","description":"Stat Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/stat-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/stat-card-fixtures.json"},{"name":"article-meta","title":"Article Meta","description":"Icon-and-value metadata strip for article headers — author, date, read time, view count, or any custom pairs.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/article-meta.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/article-meta.json"},{"name":"article-meta-fixtures","title":"Article Meta — fixtures","description":"Article Meta plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/article-meta-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/article-meta-fixtures.json"},{"name":"share-bar","title":"Share Bar","description":"Social share button row — nine built-in platforms, custom targets, and copy-link with success feedback.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/share-bar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/share-bar.json"},{"name":"share-bar-fixtures","title":"Share Bar — fixtures","description":"Share Bar plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/share-bar-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/share-bar-fixtures.json"},{"name":"pricing-table","title":"Pricing Table","description":"Pricing tiers side by side — monthly and annual toggle, highlighted tier, per-feature tooltips, and a comparison layout. RTL-safe, full i18n.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/pricing-table.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/pricing-table.json"},{"name":"pricing-table-fixtures","title":"Pricing Table — fixtures","description":"Pricing Table plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/pricing-table-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/pricing-table-fixtures.json"},{"name":"rich-text-editor","title":"Rich Text Editor","description":"Plate-powered WYSIWYG editor and read-only viewer for long-form articles — code blocks, captioned images, floating toolbar, HTML export.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/rich-text-editor.json"},{"name":"rich-text-editor-fixtures","title":"Rich Text Editor — fixtures","description":"Rich Text Editor plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/rich-text-editor-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/rich-text-editor-fixtures.json"},{"name":"event-card","title":"Event Card","description":"Event preview card with six status states and four layouts — capacity-aware badges, overlay links, and soft-failure item handling.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/event-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/event-card.json"},{"name":"schedule-list","title":"Schedule List","description":"Time-anchored agenda list — time or range, title, optional description and icons, per-row links, framed or bare.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/schedule-list.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/schedule-list.json"},{"name":"progress-timeline","title":"Progress Timeline","description":"Horizontal progress bar with a current-position marker and start, state-aware center, and end captions — derives its state from three dates.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/progress-timeline.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/progress-timeline.json"},{"name":"info-list","title":"Info List","description":"Card-framed list of icon-prefixed rows — primary and secondary text, optional actions, per-row links, comfortable and compact variants.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/info-list.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/info-list.json"},{"name":"people-grid","title":"People Grid","description":"Responsive grid of person cards — avatar with initials fallback, name, title, per-card links, and a custom item renderer.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/people-grid.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/people-grid.json"},{"name":"registration-card","title":"Registration Card","description":"Event registration status card — capacity progress, spots-left counter, status-aware call to action, and a share slot.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/registration-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/registration-card.json"},{"name":"expandable-text","title":"Expandable Text","description":"Truncating text block — plain or rich children — that shows its toggle only when text overflows; configurable clamp, bidi-safe, controlled or uncontrolled.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/expandable-text.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/expandable-text.json"},{"name":"expandable-text-fixtures","title":"Expandable Text — fixtures","description":"Expandable Text plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/expandable-text-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/expandable-text-fixtures.json"},{"name":"video-player","title":"Video Player","description":"Video player — seek bar, captions, fullscreen, buffering and error states with URL refresh, autoplay groups, composable controls, and double-tap gestures.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/video-player.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/video-player.json"},{"name":"video-player-fixtures","title":"Video Player — fixtures","description":"Video Player plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/video-player-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/video-player-fixtures.json"},{"name":"media-carousel","title":"Media Carousel","description":"Embla image and video carousel — gallery or linear variants, coordinated video pause for inactive slides.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-carousel.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-carousel.json"},{"name":"media-carousel-fixtures","title":"Media Carousel — fixtures","description":"Media Carousel plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-carousel-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-carousel-fixtures.json"},{"name":"engagement-bar","title":"Engagement Bar","description":"Social action row — like, comment, share, bookmark, custom actions, and a multi-reaction picker with realtime counts and burst animation.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/engagement-bar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/engagement-bar.json"},{"name":"engagement-bar-fixtures","title":"Engagement Bar — fixtures","description":"Engagement Bar plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/engagement-bar-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/engagement-bar-fixtures.json"},{"name":"comment-thread","title":"Comment Thread","description":"Recursive comment thread with composer, optimistic add, like, and delete, inline expansion past max depth, and realtime subscription hooks.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/comment-thread.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/comment-thread.json"},{"name":"comment-thread-fixtures","title":"Comment Thread — fixtures","description":"Comment Thread plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/comment-thread-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/comment-thread-fixtures.json"},{"name":"comment-thread-moderation","title":"Comment Thread — Moderation","description":"Inline edit, tombstones and a pinned marker for Comment Thread. Wire in via the moderation prop.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/comment-thread-moderation.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/comment-thread-moderation.json"},{"name":"post-card","title":"Post Card","description":"Social post composite in four layouts — text expansion, media carousel, engagement bar, and comment thread wired together.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/post-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/post-card.json"},{"name":"post-card-fixtures","title":"Post Card — fixtures","description":"Post Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/post-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/post-card-fixtures.json"},{"name":"story-rail","title":"Story Rail","description":"Horizontal story rail with unread gradient rings, drag-free skim scrolling, optional arrows, an add-story tile, and scroll-aware edge fades.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-rail.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-rail.json"},{"name":"story-rail-fixtures","title":"Story Rail — fixtures","description":"Story Rail plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-rail-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-rail-fixtures.json"},{"name":"story-viewer","title":"Story Viewer","description":"Full-screen story viewer — segmented progress, 3D cube transitions, finger-following swipe, tap zones, and an engagement overlay.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-viewer.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-viewer.json"},{"name":"story-viewer-fixtures","title":"Story Viewer — fixtures","description":"Story Viewer plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-viewer-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-viewer-fixtures.json"},{"name":"registration-card-fixtures","title":"Registration Card — fixtures","description":"Registration Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/registration-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/registration-card-fixtures.json"},{"name":"people-grid-fixtures","title":"People Grid — fixtures","description":"People Grid plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/people-grid-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/people-grid-fixtures.json"},{"name":"info-list-fixtures","title":"Info List — fixtures","description":"Info List plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/info-list-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/info-list-fixtures.json"},{"name":"progress-timeline-fixtures","title":"Progress Timeline — fixtures","description":"Progress Timeline plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/progress-timeline-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/progress-timeline-fixtures.json"},{"name":"schedule-list-fixtures","title":"Schedule List — fixtures","description":"Schedule List plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/schedule-list-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/schedule-list-fixtures.json"},{"name":"event-card-fixtures","title":"Event Card — fixtures","description":"Event Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/event-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/event-card-fixtures.json"},{"name":"project-card","title":"Project Card","description":"Project and case-study card with editorial status states and grid or feature layouts — overlay links and soft-failure item handling.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/project-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/project-card.json"},{"name":"project-card-fixtures","title":"Project Card — fixtures","description":"Project Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/project-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/project-card-fixtures.json"},{"name":"kanban-board","title":"Kanban Board","description":"Drag-and-drop kanban board with swimlanes, tinted columns, per-column rules, and a renderer registry that hosts any card type.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/kanban-board.json"},{"name":"kanban-board-fixtures","title":"Kanban Board — fixtures","description":"Kanban Board plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/kanban-board-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/kanban-board-fixtures.json"},{"name":"flow-canvas","title":"Flow Canvas","description":"Node-and-edge canvas with typed ports, pluggable node renderers, edge and port-type registries, and JSON save and load — built on React Flow.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/flow-canvas.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/flow-canvas.json"},{"name":"flow-canvas-fixtures","title":"Flow Canvas — fixtures","description":"Flow Canvas plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/flow-canvas-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/flow-canvas-fixtures.json"},{"name":"pdf-viewer","title":"PDF Viewer","description":"Drop-in PDF reader — toolbar, zoom, selectable text, drag-drop, and a themed context menu. No commercial SDK.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/pdf-viewer.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/pdf-viewer.json"},{"name":"pdf-viewer-fixtures","title":"PDF Viewer — fixtures","description":"PDF Viewer plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/pdf-viewer-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/pdf-viewer-fixtures.json"},{"name":"file-tree","title":"File Tree","description":"VS Code-style file tree — format-aware icons, full CRUD, drag-and-drop, lazy children, and multi-select.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/file-tree.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/file-tree.json"},{"name":"file-tree-fixtures","title":"File Tree — fixtures","description":"File Tree plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/file-tree-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/file-tree-fixtures.json"},{"name":"file-clipboard","title":"File Clipboard primitive","description":"Shared clipboard provider and hook that sync cut, copy, and paste across multiple file components mounted under one provider.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/file-clipboard.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/file-clipboard.json"},{"name":"gamification-kit","title":"Gamification Kit","description":"Shared helpers for team gamification components — a numeric clamp, name-to-initials resolution, and a stable latest-value ref hook.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/gamification-kit.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/gamification-kit.json"},{"name":"file-manager","title":"File Manager","description":"Finder-style file browser — grid and list views, marquee multi-select, cut copy paste, drag-and-drop, and a shared clipboard primitive.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/file-manager.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/file-manager.json"},{"name":"file-manager-fixtures","title":"File Manager — fixtures","description":"File Manager plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/file-manager-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/file-manager-fixtures.json"},{"name":"code-block","title":"Code Block","description":"Code surface with view, edit, and terminal modes — Shiki highlighting, dual-theme CSS variables, and chrome presets for docs, chat, and terminal UIs.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/code-block.json"},{"name":"code-block-fixtures","title":"Code Block — fixtures","description":"Code Block plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/code-block-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/code-block-fixtures.json"},{"name":"json-form","title":"JSON Form","description":"Schema-driven form engine — a field DSL compiled to Zod, 25 field types including rich text, conditional and computed fields, on React Hook Form.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/json-form.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/json-form.json"},{"name":"json-form-fixtures","title":"JSON Form — fixtures","description":"JSON Form plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/json-form-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/json-form-fixtures.json"},{"name":"signup-form","title":"Signup Form","description":"Email and password signup with optional profile step, OAuth row, password strength meter, magic-link variant, consent gate, and honeypot.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/signup-form.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/signup-form.json"},{"name":"signup-form-fixtures","title":"Signup Form — fixtures","description":"Signup Form plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/signup-form-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/signup-form-fixtures.json"},{"name":"card-tree-node","title":"Card Tree Node","description":"Card-tree renderer for flow canvas nodes — read-only viewer, a consumer-owned edit dialog pattern, and a typed port editor strip.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/card-tree-node.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/card-tree-node.json"},{"name":"card-tree-node-fixtures","title":"Card Tree Node — fixtures","description":"Card Tree Node plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/card-tree-node-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/card-tree-node-fixtures.json"},{"name":"task-card","title":"Task Card","description":"Schema-driven task card with time-aware color coding, popup and inline editing, clipboard and drag-drop payloads, and permission predicates.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/task-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/task-card.json"},{"name":"task-card-fixtures","title":"Task Card — fixtures","description":"Task Card plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/task-card-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/task-card-fixtures.json"},{"name":"task-tree","title":"Task Tree","description":"Hierarchical task outline with multi-select, bulk operations, search and filter toolbar, dual drag-and-drop, and virtualization.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/task-tree.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/task-tree.json"},{"name":"task-tree-fixtures","title":"Task Tree — fixtures","description":"Task Tree plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/task-tree-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/task-tree-fixtures.json"},{"name":"app-sidebar","title":"App Sidebar","description":"App-shell sidebar with a full-label mobile drawer, labels for every string, ancestor-overridable CSS variables, RTL, and a headless state hook.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/app-sidebar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/app-sidebar.json"},{"name":"app-sidebar-fixtures","title":"App Sidebar — fixtures","description":"App Sidebar plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/app-sidebar-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/app-sidebar-fixtures.json"},{"name":"account-switcher","title":"Account Switcher","description":"Popover account and context switcher — active label trigger, switchable context list, and a footer slot for create or request actions.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/account-switcher.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/account-switcher.json"},{"name":"account-switcher-fixtures","title":"Account Switcher — fixtures","description":"Account Switcher plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/account-switcher-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/account-switcher-fixtures.json"},{"name":"story-composer","title":"Story Composer","description":"Instagram-style story creation surface — a locked 9:16 wrapper around the media editor.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-composer.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-composer.json"},{"name":"story-composer-fixtures","title":"Story Composer — fixtures","description":"Story Composer plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-composer-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-composer-fixtures.json"},{"name":"media-editor","title":"Media Editor","description":"Media capture and edit surface for photo, video, and text — capability dials and an Instagram-style chrome model.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-editor.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-editor.json"},{"name":"media-editor-fixtures","title":"Media Editor — fixtures","description":"Media Editor plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-editor-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-editor-fixtures.json"},{"name":"media-editor-capture","title":"Media Editor — Capture","description":"Camera photo/video capture for Media Editor — permission flows, shutter control, multi-instance guard. Wire in via MediaEditor's capture prop.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-editor-capture.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-editor-capture.json"},{"name":"content-composer","title":"Content Composer","description":"Multi-step content authoring shell — each content type is a JSON config composing form, rich text, and media editing steps.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/content-composer.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/content-composer.json"},{"name":"content-composer-fixtures","title":"Content Composer — fixtures","description":"Content Composer plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/content-composer-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/content-composer-fixtures.json"},{"name":"carousel-composer","title":"Carousel Composer","description":"Multi-item media post composer — drag in photos and videos, reorder them on a rail, alt text and upload status per item; image editing is an add-on.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/carousel-composer.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/carousel-composer.json"},{"name":"carousel-composer-fixtures","title":"Carousel Composer — fixtures","description":"Carousel Composer plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/carousel-composer-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/carousel-composer-fixtures.json"},{"name":"carousel-composer-editing","title":"Carousel Composer — Editing","description":"Image editing for Carousel Composer through media-editor — the edit panel and typed readers for the edit fields. Wire in via the editing prop.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/carousel-composer-editing.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/carousel-composer-editing.json"},{"name":"media-library","title":"Media Library","description":"Drive-style media library — folders and files, lazy loading, drag-drop upload, drag-to-move, context menus, and multi-type preview.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-library.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-library.json"},{"name":"media-library-fixtures","title":"Media Library — fixtures","description":"Media Library plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-library-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-library-fixtures.json"},{"name":"blackboard","title":"Blackboard","description":"Chalkboard-style team notes board — handwritten ink notes with pens, widths, pins, @mentions, auto-save, and lazy history loading.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/blackboard.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/blackboard.json"},{"name":"blackboard-fixtures","title":"Blackboard — fixtures","description":"Blackboard plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/blackboard-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/blackboard-fixtures.json"},{"name":"gantt-timeline","title":"Gantt Timeline","description":"Editable Gantt timeline — per-task bars, collapsible summary rows, milestone diamonds, continuous zoom from hours to quarters, and a today line.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/gantt-timeline.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/gantt-timeline.json"},{"name":"gantt-timeline-fixtures","title":"Gantt Timeline — fixtures","description":"Gantt Timeline plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/gantt-timeline-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/gantt-timeline-fixtures.json"},{"name":"event-calendar","title":"Event Calendar","description":"Editable event calendar with month, week, day, and agenda views — multi-day spans, drag and resize editing, clipboard support, and keyboard navigation.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/event-calendar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/event-calendar.json"},{"name":"event-calendar-fixtures","title":"Event Calendar — fixtures","description":"Event Calendar plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/event-calendar-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/event-calendar-fixtures.json"},{"name":"event-calendar-editing","title":"Event Calendar — Editing","description":"Drag-and-resize editing, quick-compose creation, keyboard mutations, cross-surface clipboard, and permission-gated actions for the event calendar.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/event-calendar-editing.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/event-calendar-editing.json"},{"name":"team-progress-bar","title":"Team Progress Bar","description":"Read-only team progress bar showing milestone completion — optional ticks and numeric readout, cooperative by design.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-progress-bar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-progress-bar.json"},{"name":"team-progress-bar-fixtures","title":"Team Progress Bar — fixtures","description":"Team Progress Bar plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-progress-bar-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-progress-bar-fixtures.json"},{"name":"team-trophy-shelf","title":"Team Trophy Shelf","description":"Gallery of earned team badges with honest locked slots, an optional count header, and a brief skippable reveal for new badges.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-trophy-shelf.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-trophy-shelf.json"},{"name":"team-trophy-shelf-fixtures","title":"Team Trophy Shelf — fixtures","description":"Team Trophy Shelf plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-trophy-shelf-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-trophy-shelf-fixtures.json"},{"name":"team-feedback-loop","title":"Team Feedback Loop","description":"Non-blocking celebration layer — a brief skippable overlay when team progress advances, plus a gentle dismissible next-task nudge.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-feedback-loop.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-feedback-loop.json"},{"name":"team-feedback-loop-fixtures","title":"Team Feedback Loop — fixtures","description":"Team Feedback Loop plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-feedback-loop-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-feedback-loop-fixtures.json"},{"name":"team-challenge","title":"Team Challenge","description":"Cooperative team challenge card — one shared goal, collective progress, a whole-team reward, and penalty-free opt-in.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-challenge.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-challenge.json"},{"name":"team-challenge-fixtures","title":"Team Challenge — fixtures","description":"Team Challenge plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-challenge-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-challenge-fixtures.json"},{"name":"team-task-claim","title":"Team Task Claim","description":"Task autonomy control — an open-for-anyone toggle, a volunteer claim button, and an assignee chip with neutral release and reassign.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-task-claim.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-task-claim.json"},{"name":"team-task-claim-fixtures","title":"Team Task Claim — fixtures","description":"Team Task Claim plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-task-claim-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-task-claim-fixtures.json"},{"name":"team-quest-log","title":"Team Quest Log","description":"Team quest overlay — an editable skippable quest name plus a milestone chapter timeline with done, current, and upcoming beats.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-quest-log.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-quest-log.json"},{"name":"team-quest-log-fixtures","title":"Team Quest Log — fixtures","description":"Team Quest Log plus the dummy-data fixtures used by the docs-site demo.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-quest-log-fixtures.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-quest-log-fixtures.json"},{"name":"article-body-01","title":"Rich Text Editor (deprecated alias)","description":"Deprecated alias — renamed to rich-text-editor in the 2026-08 naming canon. Install @ilinxa/rich-text-editor instead; this alias will be removed after a grace …","type":"registry:block","source_url":"https://ui.ilinxa.com/r/article-body-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/article-body-01.json"},{"name":"calendar-01","title":"Event Calendar (deprecated alias)","description":"Deprecated alias — renamed to event-calendar in the 2026-08 naming canon. Install @ilinxa/event-calendar instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/calendar-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/calendar-01.json"},{"name":"content-card-news-01","title":"News Card (deprecated alias)","description":"Deprecated alias — renamed to news-card in the 2026-08 naming canon. Install @ilinxa/news-card instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/content-card-news-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/content-card-news-01.json"},{"name":"rich-card","title":"Card Tree (deprecated alias)","description":"Deprecated alias — renamed to card-tree in the 2026-08 naming canon. Install @ilinxa/card-tree instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/rich-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/rich-card.json"},{"name":"rich-card-in-flow","title":"Card Tree Node (deprecated alias)","description":"Deprecated alias — renamed to card-tree-node in the 2026-08 naming canon. Install @ilinxa/card-tree-node instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/rich-card-in-flow.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/rich-card-in-flow.json"},{"name":"thumb-list-01","title":"Thumbnail List (deprecated alias)","description":"Deprecated alias — renamed to thumbnail-list in the 2026-08 naming canon. Install @ilinxa/thumbnail-list instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/thumb-list-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/thumb-list-01.json"},{"name":"todo-rich-card","title":"Task Card (deprecated alias)","description":"Deprecated alias — renamed to task-card in the 2026-08 naming canon. Install @ilinxa/task-card instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/todo-rich-card.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/todo-rich-card.json"},{"name":"todo-tree","title":"Task Tree (deprecated alias)","description":"Deprecated alias — renamed to task-tree in the 2026-08 naming canon. Install @ilinxa/task-tree instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/todo-tree.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/todo-tree.json"},{"name":"filter-stack","title":"Filter Panel (deprecated alias)","description":"Deprecated alias — renamed to filter-panel in the 2026-08 naming canon. Install @ilinxa/filter-panel instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/filter-stack.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/filter-stack.json"},{"name":"registration-form-01","title":"Signup Form (deprecated alias)","description":"Deprecated alias — renamed to signup-form in the 2026-08 naming canon. Install @ilinxa/signup-form instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/registration-form-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/registration-form-01.json"},{"name":"cooperative-challenge-01","title":"Team Challenge (deprecated alias)","description":"Deprecated alias — renamed to team-challenge in the 2026-08 naming canon. Install @ilinxa/team-challenge instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/cooperative-challenge-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/cooperative-challenge-01.json"},{"name":"task-choice-control-01","title":"Team Task Claim (deprecated alias)","description":"Deprecated alias — renamed to team-task-claim in the 2026-08 naming canon. Install @ilinxa/team-task-claim instead; this alias will be removed after a grace wi…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/task-choice-control-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/task-choice-control-01.json"},{"name":"grid-layout-news-01","title":"Magazine Layout (deprecated alias)","description":"Deprecated alias — renamed to magazine-layout in the 2026-08 naming canon. Install @ilinxa/magazine-layout instead; this alias will be removed after a grace wi…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/grid-layout-news-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/grid-layout-news-01.json"},{"name":"workspace","title":"Split Workspace (deprecated alias)","description":"Deprecated alias — renamed to split-workspace in the 2026-08 naming canon. Install @ilinxa/split-workspace instead; this alias will be removed after a grace wi…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/workspace.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/workspace.json"},{"name":"newsletter-card-01","title":"Newsletter Signup (deprecated alias)","description":"Deprecated alias — renamed to newsletter-signup in the 2026-08 naming canon. Install @ilinxa/newsletter-signup instead; this alias will be removed after a grac…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/newsletter-card-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/newsletter-card-01.json"},{"name":"page-hero-news-01","title":"Page Hero (deprecated alias)","description":"Deprecated alias — renamed to page-hero in the 2026-08 naming canon. Install @ilinxa/page-hero instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/page-hero-news-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/page-hero-news-01.json"},{"name":"media-carousel-editor-01","title":"Carousel Composer (deprecated alias)","description":"Deprecated alias — renamed to carousel-composer. Install @ilinxa/carousel-composer instead; image editing is the separate @ilinxa/carousel-composer-editing.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-carousel-editor-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-carousel-editor-01.json"},{"name":"rich-sidebar","title":"App Sidebar (deprecated alias)","description":"Deprecated alias — renamed to app-sidebar in the 2026-08 naming canon. Install @ilinxa/app-sidebar instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/rich-sidebar.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/rich-sidebar.json"},{"name":"gantt-timeline-01","title":"Gantt Timeline (deprecated alias)","description":"Deprecated alias — renamed to gantt-timeline in the 2026-08 naming canon. Install @ilinxa/gantt-timeline instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/gantt-timeline-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/gantt-timeline-01.json"},{"name":"article-meta-01","title":"Article Meta (deprecated alias)","description":"Deprecated alias — renamed to article-meta in the 2026-08 naming canon. Install @ilinxa/article-meta instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/article-meta-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/article-meta-01.json"},{"name":"blackboard-01","title":"Blackboard (deprecated alias)","description":"Deprecated alias — renamed to blackboard in the 2026-08 naming canon. Install @ilinxa/blackboard instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/blackboard-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/blackboard-01.json"},{"name":"comment-thread-01","title":"Comment Thread (deprecated alias)","description":"Deprecated alias — renamed to comment-thread in the 2026-08 naming canon. Install @ilinxa/comment-thread instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/comment-thread-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/comment-thread-01.json"},{"name":"engagement-bar-01","title":"Engagement Bar (deprecated alias)","description":"Deprecated alias — renamed to engagement-bar in the 2026-08 naming canon. Install @ilinxa/engagement-bar instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/engagement-bar-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/engagement-bar-01.json"},{"name":"event-card-01","title":"Event Card (deprecated alias)","description":"Deprecated alias — renamed to event-card in the 2026-08 naming canon. Install @ilinxa/event-card instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/event-card-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/event-card-01.json"},{"name":"expandable-text-01","title":"Expandable Text (deprecated alias)","description":"Deprecated alias — renamed to expandable-text in the 2026-08 naming canon. Install @ilinxa/expandable-text instead; this alias will be removed after a grace wi…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/expandable-text-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/expandable-text-01.json"},{"name":"flow-canvas-01","title":"Flow Canvas (deprecated alias)","description":"Deprecated alias — renamed to flow-canvas in the 2026-08 naming canon. Install @ilinxa/flow-canvas instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/flow-canvas-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/flow-canvas-01.json"},{"name":"info-list-01","title":"Info List (deprecated alias)","description":"Deprecated alias — renamed to info-list in the 2026-08 naming canon. Install @ilinxa/info-list instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/info-list-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/info-list-01.json"},{"name":"kanban-board-01","title":"Kanban Board (deprecated alias)","description":"Deprecated alias — renamed to kanban-board in the 2026-08 naming canon. Install @ilinxa/kanban-board instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/kanban-board-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/kanban-board-01.json"},{"name":"people-grid-01","title":"People Grid (deprecated alias)","description":"Deprecated alias — renamed to people-grid in the 2026-08 naming canon. Install @ilinxa/people-grid instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/people-grid-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/people-grid-01.json"},{"name":"post-card-01","title":"Post Card (deprecated alias)","description":"Deprecated alias — renamed to post-card in the 2026-08 naming canon. Install @ilinxa/post-card instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/post-card-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/post-card-01.json"},{"name":"progress-timeline-01","title":"Progress Timeline (deprecated alias)","description":"Deprecated alias — renamed to progress-timeline in the 2026-08 naming canon. Install @ilinxa/progress-timeline instead; this alias will be removed after a grac…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/progress-timeline-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/progress-timeline-01.json"},{"name":"project-card-01","title":"Project Card (deprecated alias)","description":"Deprecated alias — renamed to project-card in the 2026-08 naming canon. Install @ilinxa/project-card instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/project-card-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/project-card-01.json"},{"name":"registration-card-01","title":"Registration Card (deprecated alias)","description":"Deprecated alias — renamed to registration-card in the 2026-08 naming canon. Install @ilinxa/registration-card instead; this alias will be removed after a grac…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/registration-card-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/registration-card-01.json"},{"name":"schedule-list-01","title":"Schedule List (deprecated alias)","description":"Deprecated alias — renamed to schedule-list in the 2026-08 naming canon. Install @ilinxa/schedule-list instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/schedule-list-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/schedule-list-01.json"},{"name":"story-rail-01","title":"Story Rail (deprecated alias)","description":"Deprecated alias — renamed to story-rail in the 2026-08 naming canon. Install @ilinxa/story-rail instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-rail-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-rail-01.json"},{"name":"category-cloud-01","title":"Category Cloud (deprecated alias)","description":"Deprecated alias — renamed to category-cloud in the 2026-08 naming canon. Install @ilinxa/category-cloud instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/category-cloud-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/category-cloud-01.json"},{"name":"filter-bar-01","title":"Filter Bar (deprecated alias)","description":"Deprecated alias — renamed to filter-bar in the 2026-08 naming canon. Install @ilinxa/filter-bar instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/filter-bar-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/filter-bar-01.json"},{"name":"team-feedback-loop-01","title":"Team Feedback Loop (deprecated alias)","description":"Deprecated alias — renamed to team-feedback-loop in the 2026-08 naming canon. Install @ilinxa/team-feedback-loop instead; this alias will be removed after a gr…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-feedback-loop-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-feedback-loop-01.json"},{"name":"team-progress-bar-01","title":"Team Progress Bar (deprecated alias)","description":"Deprecated alias — renamed to team-progress-bar in the 2026-08 naming canon. Install @ilinxa/team-progress-bar instead; this alias will be removed after a grac…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-progress-bar-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-progress-bar-01.json"},{"name":"team-quest-log-01","title":"Team Quest Log (deprecated alias)","description":"Deprecated alias — renamed to team-quest-log in the 2026-08 naming canon. Install @ilinxa/team-quest-log instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-quest-log-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-quest-log-01.json"},{"name":"team-trophy-shelf-01","title":"Team Trophy Shelf (deprecated alias)","description":"Deprecated alias — renamed to team-trophy-shelf in the 2026-08 naming canon. Install @ilinxa/team-trophy-shelf instead; this alias will be removed after a grac…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/team-trophy-shelf-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/team-trophy-shelf-01.json"},{"name":"author-card-01","title":"Author Card (deprecated alias)","description":"Deprecated alias — renamed to author-card in the 2026-08 naming canon. Install @ilinxa/author-card instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/author-card-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/author-card-01.json"},{"name":"pricing-table-01","title":"Pricing Table (deprecated alias)","description":"Deprecated alias — renamed to pricing-table in the 2026-08 naming canon. Install @ilinxa/pricing-table instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/pricing-table-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/pricing-table-01.json"},{"name":"share-bar-01","title":"Share Bar (deprecated alias)","description":"Deprecated alias — renamed to share-bar in the 2026-08 naming canon. Install @ilinxa/share-bar instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/share-bar-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/share-bar-01.json"},{"name":"content-composer-01","title":"Content Composer (deprecated alias)","description":"Deprecated alias — renamed to content-composer in the 2026-08 naming canon. Install @ilinxa/content-composer instead; this alias will be removed after a grace …","type":"registry:block","source_url":"https://ui.ilinxa.com/r/content-composer-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/content-composer-01.json"},{"name":"media-carousel-01","title":"Media Carousel (deprecated alias)","description":"Deprecated alias — renamed to media-carousel in the 2026-08 naming canon. Install @ilinxa/media-carousel instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-carousel-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-carousel-01.json"},{"name":"media-editor-01","title":"Media Editor (deprecated alias)","description":"Deprecated alias — renamed to media-editor in the 2026-08 naming canon. Install @ilinxa/media-editor instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-editor-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-editor-01.json"},{"name":"media-library-01","title":"Media Library (deprecated alias)","description":"Deprecated alias — renamed to media-library in the 2026-08 naming canon. Install @ilinxa/media-library instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/media-library-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/media-library-01.json"},{"name":"story-composer-01","title":"Story Composer (deprecated alias)","description":"Deprecated alias — renamed to story-composer in the 2026-08 naming canon. Install @ilinxa/story-composer instead; this alias will be removed after a grace wind…","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-composer-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-composer-01.json"},{"name":"story-viewer-01","title":"Story Viewer (deprecated alias)","description":"Deprecated alias — renamed to story-viewer in the 2026-08 naming canon. Install @ilinxa/story-viewer instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/story-viewer-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/story-viewer-01.json"},{"name":"video-player-01","title":"Video Player (deprecated alias)","description":"Deprecated alias — renamed to video-player in the 2026-08 naming canon. Install @ilinxa/video-player instead; this alias will be removed after a grace window.","type":"registry:block","source_url":"https://ui.ilinxa.com/r/video-player-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/video-player-01.json"},{"name":"account-switcher-01","title":"Account Switcher (deprecated alias)","description":"Deprecated alias — renamed to account-switcher in the 2026-08 naming canon. Install @ilinxa/account-switcher instead; this alias will be removed after a grace …","type":"registry:block","source_url":"https://ui.ilinxa.com/r/account-switcher-01.json","install_command":"npx shadcn@latest add https://ui.ilinxa.com/r/account-switcher-01.json"}]},{"id":"indiacn","name":"@indiacn","slug":"indiacn","description":"An open-source community design system for India's digital ecosystem, compliant with the UX4G 2.0 government design specification and WCAG 2.1 AA. Ships 25+ components (Button, Badge, Card, Modal, Tabs, Toast, Dropdown, Typography, and more) with an 8-semantic-color-scale theme (primary, secondary, neutral, success, danger, warning, info), dark mode, focus rings, and radius/keyframe tokens. Built on Radix UI, Tailwind CSS v4, CVA, React 19/Next.js 16. Distributed via shadcn registry; MIT-licensed. Use for: building accessible Indian government-style or public-service web applications that must follow UX4G 2.0 design principles.","author":"krishnaagarwal1506","framework":"react","license":"MIT","tags":["accessibility","buttons","cards","charts","components","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Design system"],"labels":[],"urls":{"website":"https://indiacn.in","github":"https://github.com/krishnaagarwal1506/Indiacn-ui","registry":"https://indiacn.in/r/registry.json","source":"https://indiacn.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/indiacn","markdown":"https://sh4dcn.netlify.app/md/indiacn.md"},"logo":"<svg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='512' height='512' rx='120' fill='var(--foreground)'/><rect x='76' y='92' width='360' height='92' rx='28' fill='#FF9933'/><rect x='76' y='210' width='360' height='92' rx='28' fill='#fff'/><rect x='76' y='328' width='360' height='92' rx='28' fill='#138808'/><circle cx='256' cy='256' r='38' stroke='#0F3D91' stroke-width='12'/><path d='M256 214V298M214 256H298' stroke='#0F3D91' stroke-width='12' stroke-linecap='round'/></svg>","preview_image":"https://indiacn.in/opengraph-image?affcc60516234529","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":13,"last_commit":"2026-09-10T18:32:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://indiacn.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://indiacn.in/r/registry.json","install_bun":"bunx shadcn@latest add https://indiacn.in/r/registry.json","clone":"git clone https://github.com/krishnaagarwal1506/Indiacn-ui.git","clone_degit":"npx degit krishnaagarwal1506/Indiacn-ui","registry_fetch":"curl -s https://indiacn.in/r/registry.json"},"component_count":48,"components":[{"name":"theme","title":"IndiaCN UX4G theme","description":"UX4G 2.0 design tokens — 8 semantic colors with 50–900 scales, focus-shadow utilities, radius ladder, and accordion/collapsible keyframes. Required by every In…","type":"registry:theme","source_url":"https://indiacn.in/r/theme.json","install_command":"npx shadcn@latest add https://indiacn.in/r/theme.json"},{"name":"typography","title":"Typography","description":"21 typography components: 6 Display, 6 Headline, 3 Title, 3 Label, 3 Body. Required by every other IndiaCN component.","type":"registry:ui","source_url":"https://indiacn.in/r/typography.json","install_command":"npx shadcn@latest add https://indiacn.in/r/typography.json"},{"name":"button","title":"Button","description":"Versatile button with filled/outlined/tonal/text variants, primary/success/destructive themes, sm/md/lg sizes, icon support, and loading state.","type":"registry:ui","source_url":"https://indiacn.in/r/button.json","install_command":"npx shadcn@latest add https://indiacn.in/r/button.json"},{"name":"button-group","title":"Button Group","description":"Groups related buttons horizontally or vertically with shared borders.","type":"registry:ui","source_url":"https://indiacn.in/r/button-group.json","install_command":"npx shadcn@latest add https://indiacn.in/r/button-group.json"},{"name":"badge","title":"Badge","description":"Compact label for status, counts, or categories. 9 themes × 3 variants × 3 sizes × 2 shapes.","type":"registry:ui","source_url":"https://indiacn.in/r/badge.json","install_command":"npx shadcn@latest add https://indiacn.in/r/badge.json"},{"name":"alert","title":"Alert","description":"Contextual feedback message. 8 themes (primary, secondary, success, danger, warning, info, light, dark) with optional dismiss button.","type":"registry:ui","source_url":"https://indiacn.in/r/alert.json","install_command":"npx shadcn@latest add https://indiacn.in/r/alert.json"},{"name":"accordion","title":"Accordion","description":"Vertically-stacked collapsible sections. Built on Radix Accordion primitive.","type":"registry:ui","source_url":"https://indiacn.in/r/accordion.json","install_command":"npx shadcn@latest add https://indiacn.in/r/accordion.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation trail showing the current page's hierarchy.","type":"registry:ui","source_url":"https://indiacn.in/r/breadcrumb.json","install_command":"npx shadcn@latest add https://indiacn.in/r/breadcrumb.json"},{"name":"card","title":"Card","description":"Composable container with header, content, footer, image, title, and description sub-parts.","type":"registry:ui","source_url":"https://indiacn.in/r/card.json","install_command":"npx shadcn@latest add https://indiacn.in/r/card.json"},{"name":"chip","title":"Chip","description":"Tags, filters, or selections. 7 themes × 3 variants × 3 sizes; supports icons, avatars, dismiss, and selected state.","type":"registry:ui","source_url":"https://indiacn.in/r/chip.json","install_command":"npx shadcn@latest add https://indiacn.in/r/chip.json"},{"name":"collapse","title":"Collapse","description":"Single collapsible region powered by Radix Collapsible.","type":"registry:ui","source_url":"https://indiacn.in/r/collapse.json","install_command":"npx shadcn@latest add https://indiacn.in/r/collapse.json"},{"name":"dropdown","title":"Dropdown","description":"Dropdown menu with items, checkbox/radio items, sub-menus, separators, and shortcuts.","type":"registry:ui","source_url":"https://indiacn.in/r/dropdown.json","install_command":"npx shadcn@latest add https://indiacn.in/r/dropdown.json"},{"name":"list-group","title":"List Group","description":"Vertical list with optional flush, horizontal, and contextual-color variants.","type":"registry:ui","source_url":"https://indiacn.in/r/list-group.json","install_command":"npx shadcn@latest add https://indiacn.in/r/list-group.json"},{"name":"modal","title":"Modal","description":"Dialog with sm/md/lg/xl/fullscreen sizes and optional scrollable body.","type":"registry:ui","source_url":"https://indiacn.in/r/modal.json","install_command":"npx shadcn@latest add https://indiacn.in/r/modal.json"},{"name":"offcanvas","title":"Offcanvas","description":"Slide-in panel from any side with optional body-scroll mode.","type":"registry:ui","source_url":"https://indiacn.in/r/offcanvas.json","install_command":"npx shadcn@latest add https://indiacn.in/r/offcanvas.json"},{"name":"pagination","title":"Pagination","description":"Page navigation with default and flat variants in 3 sizes.","type":"registry:ui","source_url":"https://indiacn.in/r/pagination.json","install_command":"npx shadcn@latest add https://indiacn.in/r/pagination.json"},{"name":"popover","title":"Popover","description":"Anchored floating panel powered by Radix Popover.","type":"registry:ui","source_url":"https://indiacn.in/r/popover.json","install_command":"npx shadcn@latest add https://indiacn.in/r/popover.json"},{"name":"progress","title":"Progress","description":"Linear progress bar with theme colors, sizes, striped + animated stripes.","type":"registry:ui","source_url":"https://indiacn.in/r/progress.json","install_command":"npx shadcn@latest add https://indiacn.in/r/progress.json"},{"name":"search","title":"Search","description":"Search input with icon, sizes, and optional clear button.","type":"registry:ui","source_url":"https://indiacn.in/r/search.json","install_command":"npx shadcn@latest add https://indiacn.in/r/search.json"},{"name":"separator","title":"Separator","description":"Horizontal or vertical divider built on Radix Separator.","type":"registry:ui","source_url":"https://indiacn.in/r/separator.json","install_command":"npx shadcn@latest add https://indiacn.in/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder with rect/circle/pill/text shapes and pulse/wave animations.","type":"registry:ui","source_url":"https://indiacn.in/r/skeleton.json","install_command":"npx shadcn@latest add https://indiacn.in/r/skeleton.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator with border/grow variants, theme colors, and sm/md/lg sizes.","type":"registry:ui","source_url":"https://indiacn.in/r/spinner.json","install_command":"npx shadcn@latest add https://indiacn.in/r/spinner.json"},{"name":"stepper","title":"Stepper","description":"Step indicator for multi-step flows with horizontal/vertical orientation and completed/active/warning/pending states.","type":"registry:ui","source_url":"https://indiacn.in/r/stepper.json","install_command":"npx shadcn@latest add https://indiacn.in/r/stepper.json"},{"name":"tabs","title":"Tabs","description":"Tab list with tabs, pills, and underline variants. Built on Radix Tabs.","type":"registry:ui","source_url":"https://indiacn.in/r/tabs.json","install_command":"npx shadcn@latest add https://indiacn.in/r/tabs.json"},{"name":"toast","title":"Toast","description":"Notification toast with provider, hook, container, and theme variants.","type":"registry:ui","source_url":"https://indiacn.in/r/toast.json","install_command":"npx shadcn@latest add https://indiacn.in/r/toast.json"},{"name":"tooltip","title":"Tooltip","description":"Hover/focus tooltip with 8 theme variants. Built on Radix Tooltip.","type":"registry:ui","source_url":"https://indiacn.in/r/tooltip.json","install_command":"npx shadcn@latest add https://indiacn.in/r/tooltip.json"},{"name":"label","title":"Label","description":"Accessible caption for a form control. Built on Radix Label.","type":"registry:ui","source_url":"https://indiacn.in/r/label.json","install_command":"npx shadcn@latest add https://indiacn.in/r/label.json"},{"name":"checkbox","title":"Checkbox","description":"Tri-state checkbox with checked, indeterminate, and unchecked types across five states. Built on Radix Checkbox.","type":"registry:ui","source_url":"https://indiacn.in/r/checkbox.json","install_command":"npx shadcn@latest add https://indiacn.in/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"Mutually exclusive options with a 40px state layer and AA focus ring. Built on Radix Radio Group.","type":"registry:ui","source_url":"https://indiacn.in/r/radio-group.json","install_command":"npx shadcn@latest add https://indiacn.in/r/radio-group.json"},{"name":"switch","title":"Switch","description":"On/off toggle in default and small sizes; the handle grows on check per UX4G. Built on Radix Switch.","type":"registry:ui","source_url":"https://indiacn.in/r/switch.json","install_command":"npx shadcn@latest add https://indiacn.in/r/switch.json"},{"name":"indicator","title":"Indicator","description":"Notification dot, count, or short status label. UX4G's Badge component.","type":"registry:ui","source_url":"https://indiacn.in/r/indicator.json","install_command":"npx shadcn@latest add https://indiacn.in/r/indicator.json"},{"name":"avatar","title":"Avatar","description":"Person or entity avatar with picture, initials, or icon fallback. Four sizes, circular or rectangular.","type":"registry:ui","source_url":"https://indiacn.in/r/avatar.json","install_command":"npx shadcn@latest add https://indiacn.in/r/avatar.json"},{"name":"empty-state","title":"Empty State","description":"Centred placeholder for empty lists and panels, with a themable UX4G illustration.","type":"registry:ui","source_url":"https://indiacn.in/r/empty-state.json","install_command":"npx shadcn@latest add https://indiacn.in/r/empty-state.json"},{"name":"input","title":"Input","description":"Text field with sizes, validation states, leading icon and clear button.","type":"registry:ui","source_url":"https://indiacn.in/r/input.json","install_command":"npx shadcn@latest add https://indiacn.in/r/input.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text field with validation states and a character counter.","type":"registry:ui","source_url":"https://indiacn.in/r/textarea.json","install_command":"npx shadcn@latest add https://indiacn.in/r/textarea.json"},{"name":"close-button","title":"Close Button","description":"Dismiss control for modals, toasts and panels, with a guaranteed accessible name.","type":"registry:ui","source_url":"https://indiacn.in/r/close-button.json","install_command":"npx shadcn@latest add https://indiacn.in/r/close-button.json"},{"name":"progress-circle","title":"Progress Circle","description":"Circular and half-circular progress indicator with an optional caption.","type":"registry:ui","source_url":"https://indiacn.in/r/progress-circle.json","install_command":"npx shadcn@latest add https://indiacn.in/r/progress-circle.json"},{"name":"carousel","title":"Carousel","description":"Slideshow with bar indicators, keyboard navigation and an accessible pause control.","type":"registry:ui","source_url":"https://indiacn.in/r/carousel.json","install_command":"npx shadcn@latest add https://indiacn.in/r/carousel.json"},{"name":"accessibility-widget","title":"Accessibility Widget","description":"Floating panel of reading adjustments that apply to the whole document and persist.","type":"registry:ui","source_url":"https://indiacn.in/r/accessibility-widget.json","install_command":"npx shadcn@latest add https://indiacn.in/r/accessibility-widget.json"},{"name":"navbar","title":"Navbar","description":"Government website header with a utility bar, brand, navigation and actions.","type":"registry:ui","source_url":"https://indiacn.in/r/navbar.json","install_command":"npx shadcn@latest add https://indiacn.in/r/navbar.json"},{"name":"chart","title":"Chart","description":"Chart.js charts with UX4G presentation defaults and a screen-reader data table.","type":"registry:ui","source_url":"https://indiacn.in/r/chart.json","install_command":"npx shadcn@latest add https://indiacn.in/r/chart.json"},{"name":"table","title":"Table","description":"Data table with a header, selectable rows, row headers and a footer.","type":"registry:ui","source_url":"https://indiacn.in/r/table.json","install_command":"npx shadcn@latest add https://indiacn.in/r/table.json"},{"name":"footer","title":"Footer","description":"Government site footer with link columns, social links and a bottom bar.","type":"registry:ui","source_url":"https://indiacn.in/r/footer.json","install_command":"npx shadcn@latest add https://indiacn.in/r/footer.json"},{"name":"feedback-widget","title":"Feedback Widget","description":"Edge tab opening a feedback form with a five-point rating.","type":"registry:ui","source_url":"https://indiacn.in/r/feedback-widget.json","install_command":"npx shadcn@latest add https://indiacn.in/r/feedback-widget.json"},{"name":"calendar","title":"Calendar","description":"Date grid with day, month and decade views and full keyboard support.","type":"registry:ui","source_url":"https://indiacn.in/r/calendar.json","install_command":"npx shadcn@latest add https://indiacn.in/r/calendar.json"},{"name":"time-picker","title":"Time Picker","description":"Hour, minute and second columns driven as listboxes.","type":"registry:ui","source_url":"https://indiacn.in/r/time-picker.json","install_command":"npx shadcn@latest add https://indiacn.in/r/time-picker.json"},{"name":"date-picker","title":"Date Picker","description":"Date, range, time and date-time pickers behind a field or icon trigger.","type":"registry:ui","source_url":"https://indiacn.in/r/date-picker.json","install_command":"npx shadcn@latest add https://indiacn.in/r/date-picker.json"},{"name":"slider","title":"Slider","description":"Single or range slider with optional value labels.","type":"registry:ui","source_url":"https://indiacn.in/r/slider.json","install_command":"npx shadcn@latest add https://indiacn.in/r/slider.json"}]},{"id":"inferencesh","name":"@inferencesh","slug":"inferencesh","description":"A batteries-included shadcn registry from inference.sh providing a complete AI agent UI runtime. Key blocks: Agent (full wired agent with streaming and tool lifecycle), Chat (container, messages, composer, status indicators), Tools (tool invocation UI: pending, in-progress, human-in-the-loop approval, results), Widgets (renders declarative JSON UI nodes as interactive components), Markdown (high-fidelity with code blocks and zoomable images), Code Block, Steps, Sidebar Light, Table of Contents, YouTube Embed, and Zoomable Image. Open-source, MIT. Use for: building production AI agent interfaces in Next.js that need streaming, tool rendering, and human-in-the-loop approvals without wiring each piece from scratch.","author":"inference-sh","framework":"react","license":null,"tags":["ai","blocks","dashboard","developer-tools","loaders","media","pro-available","tables"],"categories":["AI/chat UI"],"labels":["featured","pro"],"urls":{"website":"https://ui.inference.sh","github":"https://github.com/inference-sh/shadcn-registry","registry":"https://ui.inference.sh/r/registry.json","source":"https://ui.inference.sh/r/registry.json","page":"https://sh4dcn.netlify.app/registry/inferencesh","markdown":"https://sh4dcn.netlify.app/md/inferencesh.md"},"logo":"<svg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill='none' d='M16.837 12.659L10.105 1H8.781c-.433 0-.834.232-1.05.608L1 13.266l.662 1.146c.217.375.618.607 1.051.607h13.463l.662-1.146a1.215 1.215 0 000-1.213v-.001z' stroke='var(--foreground)' stroke-width='0.3' stroke-miterlimit='10'/><path fill='none' d='M6.057 11.515v0l3.977-6.888a.08.08 0 01.14 0l6.002 10.392' stroke='var(--foreground)' stroke-miterlimit='10' stroke-width='0.3'/><path fill='none' d='M1 13.266h12.001a.08.08 0 00.07-.122L9.09 6.256' stroke='var(--foreground)' stroke-miterlimit='10' stroke-width='0.3'/><path fill='none' d='M12.13 11.514H4.173a.08.08 0 01-.07-.121L10.105 1' stroke='var(--foreground)' stroke-miterlimit='10' stroke-width='0.3'/></svg>","preview_image":"https://inference.sh/api/og/product?product=ui","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.inference.sh/pricing"},"metrics":{"github_stars":24,"open_issues":19,"last_commit":"2026-09-02T19:49:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.inference.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.inference.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.inference.sh/r/registry.json","clone":"git clone https://github.com/inference-sh/shadcn-registry.git","clone_degit":"npx degit inference-sh/shadcn-registry","registry_fetch":"curl -s https://ui.inference.sh/r/registry.json"},"component_count":14,"components":[{"name":"agent","title":"Agent Chat","description":"Full-featured AI agent chat with state management, tools, and widgets.","type":"registry:block","source_url":"https://ui.inference.sh/r/agent.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/agent.json"},{"name":"chat","title":"Chat UI Primitives","description":"Virtualized chat with measured markdown. Auto-scroll, message strategies, typing indicators.","type":"registry:block","source_url":"https://ui.inference.sh/r/chat.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/chat.json"},{"name":"tools","title":"Tool Invocation UI","description":"Displays tool lifecycle: pending, in-progress, approval, and results.","type":"registry:block","source_url":"https://ui.inference.sh/r/tools.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/tools.json"},{"name":"task","title":"Task","description":"Real-time task display with streaming support, status indicators, and logs viewer.","type":"registry:block","source_url":"https://ui.inference.sh/r/task.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/task.json"},{"name":"widgets","title":"Widget Renderer","description":"Renders declarative UI nodes (forms, buttons, cards) from agent tool outputs.","type":"registry:block","source_url":"https://ui.inference.sh/r/widgets.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/widgets.json"},{"name":"pretext-md","title":"pretext-md","description":"Measured markdown renderer powered by pretext. DOM-free text measurement, plugin architecture, virtualizable.","type":"registry:block","source_url":"https://ui.inference.sh/r/pretext-md.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/pretext-md.json"},{"name":"virtualize","title":"Virtualize","description":"Typed virtualization with measurement strategies, incremental caching, and scroll correction.","type":"registry:block","source_url":"https://ui.inference.sh/r/virtualize.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/virtualize.json"},{"name":"markdown","title":"Markdown Renderer (legacy)","description":"react-markdown based renderer. Consider using pretext-md instead.","type":"registry:block","source_url":"https://ui.inference.sh/r/markdown.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/markdown.json"},{"name":"code-block","title":"Code Block","description":"Syntax-highlighted code block with line numbers and copy button.","type":"registry:block","source_url":"https://ui.inference.sh/r/code-block.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/code-block.json"},{"name":"youtube-embed","title":"YouTube Embed","description":"Responsive YouTube video embed with loading state.","type":"registry:block","source_url":"https://ui.inference.sh/r/youtube-embed.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/youtube-embed.json"},{"name":"zoomable-image","title":"Zoomable Image","description":"Click-to-zoom image component with medium.com-style lightbox.","type":"registry:block","source_url":"https://ui.inference.sh/r/zoomable-image.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/zoomable-image.json"},{"name":"steps","title":"Steps","description":"Numbered step component with connecting line for sequential instructions.","type":"registry:block","source_url":"https://ui.inference.sh/r/steps.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/steps.json"},{"name":"sidebar-light","title":"Sidebar Light","description":"Lightweight sidebar navigation with nested items and active state.","type":"registry:block","source_url":"https://ui.inference.sh/r/sidebar-light.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/sidebar-light.json"},{"name":"table-of-contents","title":"Table of Contents","description":"Auto-scrolling table of contents with intersection observer for active section.","type":"registry:block","source_url":"https://ui.inference.sh/r/table-of-contents.json","install_command":"npx shadcn@latest add https://ui.inference.sh/r/table-of-contents.json"}]},{"id":"initium","name":"@initium","slug":"initium","description":"Conversion-focused marketing blocks and landing page sections for shadcn/ui, with a visual style editor, agent skills, and the first block of every category free to install.","author":null,"framework":"react","license":null,"tags":["3d","ai","backgrounds","blocks","buttons","cards","cms","editor","forms","marketing","overlays"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://initium.sh","github":null,"registry":"https://app.initium.sh/r/styles/registry/registry.json","source":"https://app.initium.sh/r/styles/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/initium","markdown":"https://sh4dcn.netlify.app/md/initium.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 20'><path d='M17.5 20H0V0H17.5V20ZM10 7.5H17.5L10 0V7.5Z' fill='var(--foreground)'/></svg>","preview_image":"https://initium.sh/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://app.initium.sh/r/styles/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://app.initium.sh/r/styles/registry/registry.json","install_bun":"bunx shadcn@latest add https://app.initium.sh/r/styles/registry/registry.json","registry_fetch":"curl -s https://app.initium.sh/r/styles/registry/registry.json"},"component_count":250,"components":[{"name":"initium-styles","title":"Initium Styles","description":"Initium layout utilities, typography classes, and infinite-scroll animation for landing page sections.","type":"registry:style","source_url":"https://app.initium.sh/r/styles/{style}/initium-styles.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/initium-styles.json"},{"name":"typeset","title":"Typeset","description":"Shadcn typeset stylesheet that styles rich text article bodies. Import it after Tailwind in your global CSS.","type":"registry:file","source_url":"https://app.initium.sh/r/styles/{style}/typeset.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/typeset.json"},{"name":"initium-agent","title":"Initium Agent","description":"Portable agent workflow for building conversion-focused websites with Initium styles, strategy, and blocks.","type":"registry:file","source_url":"https://app.initium.sh/r/styles/{style}/initium-agent.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/initium-agent.json"},{"name":"media","title":"Media","description":"Custom UI component (media) required by Initium sections.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/media.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/media.json"},{"name":"button-default","title":"Button Default","description":"Button Default button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-default.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-default.json"},{"name":"button-bold","title":"Button Bold","description":"Button Bold button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-bold.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-bold.json"},{"name":"button-3d","title":"Button 3d","description":"Button 3d button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-3d.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-3d.json"},{"name":"button-gradient","title":"Button Gradient","description":"Button Gradient button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-gradient.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-gradient.json"},{"name":"button-shadow","title":"Button Shadow","description":"Button Shadow button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-shadow.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-shadow.json"},{"name":"button-clipped","title":"Button Clipped","description":"Button Clipped button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-clipped.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-clipped.json"},{"name":"button-strong-outline","title":"Button Strong Outline","description":"Button Strong Outline button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-strong-outline.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-strong-outline.json"},{"name":"button-bold-skewed","title":"Button Bold Skewed","description":"Button Bold Skewed button component that installs as the default shadcn button.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/button-bold-skewed.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-bold-skewed.json"},{"name":"form-elements-default","title":"Form Elements Default","description":"Form Elements Default style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-default.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-default.json"},{"name":"form-elements-bold","title":"Form Elements Bold","description":"Form Elements Bold style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-bold.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-bold.json"},{"name":"form-elements-outline","title":"Form Elements Outline","description":"Form Elements Outline style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-outline.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-outline.json"},{"name":"form-elements-strong-outline","title":"Form Elements Strong Outline","description":"Form Elements Strong Outline style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-strong-outline.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-strong-outline.json"},{"name":"form-elements-shadow","title":"Form Elements Shadow","description":"Form Elements Shadow style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-shadow.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-shadow.json"},{"name":"form-elements-neutral","title":"Form Elements Neutral","description":"Form Elements Neutral style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-neutral.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-neutral.json"},{"name":"form-elements-bold-skewed","title":"Form Elements Bold Skewed","description":"Form Elements Bold Skewed style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-bold-skewed.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-bold-skewed.json"},{"name":"form-elements-underline","title":"Form Elements Underline","description":"Form Elements Underline style pack that installs as the default shadcn form controls.","type":"registry:ui","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-underline.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-underline.json"},{"name":"button-showcase","title":"Button Showcase","description":"Button section with background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/button-showcase.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/button-showcase.json"},{"name":"form-elements-showcase","title":"Form Elements Showcase","description":"Form element section with form fields, textarea, checkboxes, select inputs, two-column layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/form-elements-showcase.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/form-elements-showcase.json"},{"name":"404-section-1","title":"404 Section 1","description":"404 page section 1 with 404 messaging, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/404-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-section-1.json"},{"name":"404-section-2","title":"404 Section 2","description":"404 page section 2 with media, two-column layout, 404 messaging, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/404-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-section-2.json"},{"name":"404-section-3","title":"404 Section 3","description":"404 page section 3 with media, two-column layout, 404 messaging, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/404-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-section-3.json"},{"name":"banner-1","title":"Banner 1","description":"Announcement banner section 1 with centered content, sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/banner-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-1.json"},{"name":"banner-2","title":"Banner 2","description":"Announcement banner section 2 with sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/banner-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-2.json"},{"name":"banner-3","title":"Banner 3","description":"Announcement banner section 3 with centered content, reversed column order, sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/banner-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-3.json"},{"name":"banner-4","title":"Banner 4","description":"Announcement banner section 4 with rounded visuals, sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/banner-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-4.json"},{"name":"banner-5","title":"Banner 5","description":"Announcement banner section 5 with avatars, customer quotes, rounded visuals, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/banner-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-5.json"},{"name":"banner-6","title":"Banner 6","description":"Announcement banner section 6 with sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/banner-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/banner-6.json"},{"name":"bento-grid-1","title":"Bento Grid 1","description":"Bento grid section 1 with cards, media, two-column layout, three-column grid, bento-style grid.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/bento-grid-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-1.json"},{"name":"bento-grid-2","title":"Bento Grid 2","description":"Bento grid section 2 with cards, media, three-column grid, bento-style grid, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/bento-grid-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-2.json"},{"name":"bento-grid-3","title":"Bento Grid 3","description":"Bento grid section 3 with cards, media, bento-style grid, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/bento-grid-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-3.json"},{"name":"bento-grid-4","title":"Bento Grid 4","description":"Bento grid section 4 with cards, media, two-column layout, bento-style grid, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/bento-grid-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-4.json"},{"name":"bento-grid-5","title":"Bento Grid 5","description":"Bento grid section 5 with cards, media, two-column layout, bento-style grid, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/bento-grid-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-5.json"},{"name":"bento-grid-6","title":"Bento Grid 6","description":"Bento grid section 6 with cards, media, three-column grid, bento-style grid, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/bento-grid-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/bento-grid-6.json"},{"name":"blog-section-1","title":"Blog Section 1","description":"Blog posts section 1 with media, three-column grid, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-1.json"},{"name":"blog-section-2","title":"Blog Section 2","description":"Blog posts section 2 with avatars, cards, three-column grid, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-2.json"},{"name":"blog-section-3","title":"Blog Section 3","description":"Blog posts section 3 with cards, media, three-column grid, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-3.json"},{"name":"blog-section-4","title":"Blog Section 4","description":"Blog posts section 4 with cards, media, two-column layout, bento-style grid, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-4.json"},{"name":"blog-section-5","title":"Blog Section 5","description":"Blog posts section 5 with avatars, media, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-5.json"},{"name":"blog-section-6","title":"Blog Section 6","description":"Blog posts section 6 with cards, media, bento-style grid, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-6.json"},{"name":"blog-section-7","title":"Blog Section 7","description":"Blog posts section 7 with avatars, cards, media, two-column layout, three-column grid.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-7.json"},{"name":"blog-section-8","title":"Blog Section 8","description":"Blog posts section 8 with select inputs, avatars, media, two-column layout, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-section-8.json"},{"name":"career-section-1","title":"Career Section 1","description":"Career sections section 1 with tabbed content, centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-1.json"},{"name":"career-section-2","title":"Career Section 2","description":"Career sections section 2 with centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-2.json"},{"name":"career-section-3","title":"Career Section 3","description":"Career sections section 3 with accordion FAQ, select inputs, centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-3.json"},{"name":"career-section-4","title":"Career Section 4","description":"Career sections section 4 with comparison table, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-section-4.json"},{"name":"coming-soon-section-1","title":"Coming Soon Section 1","description":"Coming soon page section 1 with form fields, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/coming-soon-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-1.json"},{"name":"coming-soon-section-2","title":"Coming Soon Section 2","description":"Coming soon page section 2 with form fields, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/coming-soon-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-2.json"},{"name":"coming-soon-section-3","title":"Coming Soon Section 3","description":"Coming soon page section 3 with media, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/coming-soon-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-3.json"},{"name":"coming-soon-section-4","title":"Coming Soon Section 4","description":"Coming soon page section 4 with form fields, media, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/coming-soon-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-4.json"},{"name":"coming-soon-section-5","title":"Coming Soon Section 5","description":"Coming soon page section 5 with form fields, centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/coming-soon-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/coming-soon-section-5.json"},{"name":"countdown-timer","title":"Countdown Timer","description":"Coming soon page section with rounded visuals.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/countdown-timer.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/countdown-timer.json"},{"name":"comparison-section-1","title":"Comparison Section 1","description":"Feature comparison section 1 with comparison table, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/comparison-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-1.json"},{"name":"comparison-section-2","title":"Comparison Section 2","description":"Feature comparison section 2 with comparison table, three-column grid, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/comparison-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-2.json"},{"name":"comparison-section-3","title":"Comparison Section 3","description":"Feature comparison section 3 with cards, two-column layout, feature checklist, brand logo strip, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/comparison-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-3.json"},{"name":"comparison-section-4","title":"Comparison Section 4","description":"Feature comparison section 4 with cards, three-column grid, feature checklist, brand logo strip, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/comparison-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-4.json"},{"name":"comparison-section-5","title":"Comparison Section 5","description":"Feature comparison section 5 with comparison table, two-column layout, bento-style grid, brand logo strip, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/comparison-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-5.json"},{"name":"comparison-section-6","title":"Comparison Section 6","description":"Feature comparison section 6 with media, two-column layout, three-column grid, bento-style grid, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/comparison-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/comparison-section-6.json"},{"name":"contact-section-1","title":"Contact Section 1","description":"Contact section 1 with form fields, textarea, checkboxes, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-1.json"},{"name":"contact-section-2","title":"Contact Section 2","description":"Contact section 2 with media, two-column layout, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-2.json"},{"name":"contact-section-3","title":"Contact Section 3","description":"Contact section 3 with media, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-3.json"},{"name":"contact-section-4","title":"Contact Section 4","description":"Contact section 4 with form fields, textarea, checkboxes, media, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-4.json"},{"name":"contact-section-5","title":"Contact Section 5","description":"Contact section 5 with media, background contrast section, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-5.json"},{"name":"contact-section-6","title":"Contact Section 6","description":"Contact section 6 with form fields, textarea, checkboxes, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-6.json"},{"name":"contact-section-7","title":"Contact Section 7","description":"Contact section 7 with media, three-column grid, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-7.json"},{"name":"contact-section-8","title":"Contact Section 8","description":"Contact section 8 with form fields, checkboxes, two-column layout, feature checklist, brand logo strip.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-8.json"},{"name":"contact-section-9","title":"Contact Section 9","description":"Contact section 9 with form fields, textarea, checkboxes, media, two-column layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-section-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-section-9.json"},{"name":"cta-section-1","title":"Cta Section 1","description":"Call-to-action section 1 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-1.json"},{"name":"cta-section-10","title":"Cta Section 10","description":"Call-to-action section 10 with form fields, media, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-10.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-10.json"},{"name":"cta-section-2","title":"Cta Section 2","description":"Call-to-action section 2 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-2.json"},{"name":"cta-section-3","title":"Cta Section 3","description":"Call-to-action section 3 with media, primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-3.json"},{"name":"cta-section-4","title":"Cta Section 4","description":"Call-to-action section 4 with form fields, media, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-4.json"},{"name":"cta-section-5","title":"Cta Section 5","description":"Call-to-action section 5 with media, primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-5.json"},{"name":"cta-section-6","title":"Cta Section 6","description":"Call-to-action section 6 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-6.json"},{"name":"cta-section-7","title":"Cta Section 7","description":"Call-to-action section 7 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-7.json"},{"name":"cta-section-8","title":"Cta Section 8","description":"Call-to-action section 8 with form fields, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-8.json"},{"name":"cta-section-9","title":"Cta Section 9","description":"Call-to-action section 9 with form fields, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/cta-section-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/cta-section-9.json"},{"name":"empty-lp-section-1","title":"Empty Lp Section 1","description":"Empty state section 1 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/empty-lp-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-1.json"},{"name":"empty-lp-section-2","title":"Empty Lp Section 2","description":"Empty state section 2 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/empty-lp-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-2.json"},{"name":"empty-lp-section-3","title":"Empty Lp Section 3","description":"Empty state section 3 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/empty-lp-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-3.json"},{"name":"empty-lp-section-4","title":"Empty Lp Section 4","description":"Empty state section 4 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/empty-lp-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-4.json"},{"name":"empty-lp-section-5","title":"Empty Lp Section 5","description":"Empty state section 5 with two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/empty-lp-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/empty-lp-section-5.json"},{"name":"faq-section-1","title":"Faq Section 1","description":"FAQ section 1 with accordion FAQ, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-1.json"},{"name":"faq-section-2","title":"Faq Section 2","description":"FAQ section 2 with accordion FAQ, two-column layout, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-2.json"},{"name":"faq-section-3","title":"Faq Section 3","description":"FAQ section 3 with two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-3.json"},{"name":"faq-section-4","title":"Faq Section 4","description":"FAQ section 4 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-4.json"},{"name":"faq-section-5","title":"Faq Section 5","description":"FAQ section 5 with accordion FAQ, tabbed content, site links and legal, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-5.json"},{"name":"faq-section-6","title":"Faq Section 6","description":"FAQ section 6 with accordion FAQ, tabbed content, select inputs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-section-6.json"},{"name":"feature-section-1","title":"Feature Section 1","description":"Features section 1 with media, two-column layout, primary and secondary CTAs, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-1.json"},{"name":"feature-section-10","title":"Feature Section 10","description":"Features section 10 with media, three-column grid, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-10.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-10.json"},{"name":"feature-section-11","title":"Feature Section 11","description":"Features section 11 with media, three-column grid, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-11.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-11.json"},{"name":"feature-section-12","title":"Feature Section 12","description":"Features section 12 with avatars, media, two-column layout, customer quotes, primary and secondary CTAs.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-12.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-12.json"},{"name":"feature-section-13","title":"Feature Section 13","description":"Features section 13 with two-column layout, bento-style grid, feature checklist, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-13.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-13.json"},{"name":"feature-section-14","title":"Feature Section 14","description":"Features section 14 with media, three-column grid, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-14.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-14.json"},{"name":"feature-section-15","title":"Feature Section 15","description":"Features section 15 with media, two-column layout, background contrast section, video aspect media, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-15.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-15.json"},{"name":"feature-section-16","title":"Feature Section 16","description":"Features section 16 with tabbed content, media, centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-16.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-16.json"},{"name":"feature-section-17","title":"Feature Section 17","description":"Features section 17 with tabbed content, media, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-17.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-17.json"},{"name":"feature-section-18","title":"Feature Section 18","description":"Features section 18 with tabbed content, feature checklist, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-18.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-18.json"},{"name":"feature-section-19","title":"Feature Section 19","description":"Features section 19 with tabbed content, cards, media, two-column layout, three-column grid.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-19.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-19.json"},{"name":"feature-section-2","title":"Feature Section 2","description":"Features section 2 with media, two-column layout, primary and secondary CTAs, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-2.json"},{"name":"feature-section-20","title":"Feature Section 20","description":"Features section 20 with accordion FAQ, tabbed content, media, two-column layout, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-20.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-20.json"},{"name":"feature-section-21","title":"Feature Section 21","description":"Features section 21 with carousel, media, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-21.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-21.json"},{"name":"feature-section-22","title":"Feature Section 22","description":"Features section 22 with media, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-22.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-22.json"},{"name":"feature-section-23","title":"Feature Section 23","description":"Features section 23 with tabbed content, media, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-23.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-23.json"},{"name":"feature-section-3","title":"Feature Section 3","description":"Features section 3 with media, two-column layout, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-3.json"},{"name":"feature-section-4","title":"Feature Section 4","description":"Features section 4 with media, two-column layout, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-4.json"},{"name":"feature-section-5","title":"Feature Section 5","description":"Features section 5 with media, two-column layout, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-5.json"},{"name":"feature-section-6","title":"Feature Section 6","description":"Features section 6 with media, two-column layout, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-6.json"},{"name":"feature-section-7","title":"Feature Section 7","description":"Features section 7 with media, primary and secondary CTAs, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-7.json"},{"name":"feature-section-8","title":"Feature Section 8","description":"Features section 8 with media, two-column layout, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-8.json"},{"name":"feature-section-9","title":"Feature Section 9","description":"Features section 9 with media, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/feature-section-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/feature-section-9.json"},{"name":"footer-1","title":"Footer 1","description":"Footer section 1 with site links and legal, centered content, reversed flex direction.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-1.json"},{"name":"footer-2","title":"Footer 2","description":"Footer section 2 with form fields, site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-2.json"},{"name":"footer-3","title":"Footer 3","description":"Footer section 3 with site links and legal, centered content, rounded visuals, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-3.json"},{"name":"footer-4","title":"Footer 4","description":"Footer section 4 with site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-4.json"},{"name":"footer-5","title":"Footer 5","description":"Footer section 5 with site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-5.json"},{"name":"footer-6","title":"Footer 6","description":"Footer section 6 with bento-style grid, site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-6.json"},{"name":"footer-7","title":"Footer 7","description":"Footer section 7 with bento-style grid, site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-7.json"},{"name":"footer-8","title":"Footer 8","description":"Footer section 8 with form fields, bento-style grid, site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-8.json"},{"name":"footer-9","title":"Footer 9","description":"Footer section 9 with site links and legal, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/footer-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/footer-9.json"},{"name":"gallery-section-1","title":"Gallery Section 1","description":"Image gallery section 1 with media, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-1.json"},{"name":"gallery-section-10","title":"Gallery Section 10","description":"Image gallery section 10 with carousel, media, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-10.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-10.json"},{"name":"gallery-section-11","title":"Gallery Section 11","description":"Image gallery section 11 with carousel, media, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-11.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-11.json"},{"name":"gallery-section-12","title":"Gallery Section 12","description":"Image gallery section 12 with media, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-12.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-12.json"},{"name":"gallery-section-2","title":"Gallery Section 2","description":"Image gallery section 2 with media, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-2.json"},{"name":"gallery-section-3","title":"Gallery Section 3","description":"Image gallery section 3 with media, three-column grid, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-3.json"},{"name":"gallery-section-4","title":"Gallery Section 4","description":"Image gallery section 4 with media, two-column layout, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-4.json"},{"name":"gallery-section-5","title":"Gallery Section 5","description":"Image gallery section 5 with media, two-column layout, three-column grid, bento-style grid, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-5.json"},{"name":"gallery-section-6","title":"Gallery Section 6","description":"Image gallery section 6 with media, two-column layout, three-column grid, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-6.json"},{"name":"gallery-section-7","title":"Gallery Section 7","description":"Image gallery section 7 with carousel, media, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-7.json"},{"name":"gallery-section-8","title":"Gallery Section 8","description":"Image gallery section 8 with carousel, media, centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-8.json"},{"name":"gallery-section-9","title":"Gallery Section 9","description":"Image gallery section 9 with carousel, media, centered content, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/gallery-section-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/gallery-section-9.json"},{"name":"header-section-1","title":"Header Section 1","description":"Page header section 1 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-1.json"},{"name":"header-section-10","title":"Header Section 10","description":"Page header section 10 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-10.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-10.json"},{"name":"header-section-11","title":"Header Section 11","description":"Page header section 11 with breadcrumbs, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-11.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-11.json"},{"name":"header-section-12","title":"Header Section 12","description":"Page header section 12 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-12.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-12.json"},{"name":"header-section-13","title":"Header Section 13","description":"Page header section 13 with form fields, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-13.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-13.json"},{"name":"header-section-14","title":"Header Section 14","description":"Page header section 14 with form fields, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-14.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-14.json"},{"name":"header-section-15","title":"Header Section 15","description":"Page header section 15 with form fields, breadcrumbs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-15.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-15.json"},{"name":"header-section-16","title":"Header Section 16","description":"Page header section 16 with form fields, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-16.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-16.json"},{"name":"header-section-17","title":"Header Section 17","description":"Page header section 17 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-17.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-17.json"},{"name":"header-section-18","title":"Header Section 18","description":"Page header section 18 with background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-18.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-18.json"},{"name":"header-section-19","title":"Header Section 19","description":"Page header section 19 with breadcrumbs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-19.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-19.json"},{"name":"header-section-2","title":"Header Section 2","description":"Page header section 2 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-2.json"},{"name":"header-section-20","title":"Header Section 20","description":"Page header section 20 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-20.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-20.json"},{"name":"header-section-3","title":"Header Section 3","description":"Page header section 3 with centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-3.json"},{"name":"header-section-4","title":"Header Section 4","description":"Page header section 4 with centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-4.json"},{"name":"header-section-5","title":"Header Section 5","description":"Page header section 5 with breadcrumbs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-5.json"},{"name":"header-section-6","title":"Header Section 6","description":"Page header section 6 with breadcrumbs.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-6.json"},{"name":"header-section-7","title":"Header Section 7","description":"Page header section 7 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-7.json"},{"name":"header-section-8","title":"Header Section 8","description":"Page header section 8 with centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-8.json"},{"name":"header-section-9","title":"Header Section 9","description":"Page header section 9 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/header-section-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/header-section-9.json"},{"name":"hero-section-1","title":"Hero Section 1","description":"Hero section 1 with media, two-column layout, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-1.json"},{"name":"hero-section-10","title":"Hero Section 10","description":"Hero section 10 with media, primary and secondary CTAs, brand logo strip, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-10.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-10.json"},{"name":"hero-section-11","title":"Hero Section 11","description":"Hero section 11 with media, two-column layout, primary and secondary CTAs, background contrast section, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-11.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-11.json"},{"name":"hero-section-12","title":"Hero Section 12","description":"Hero section 12 with avatars, media, two-column layout, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-12.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-12.json"},{"name":"hero-section-13","title":"Hero Section 13","description":"Hero section 13 with centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-13.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-13.json"},{"name":"hero-section-14","title":"Hero Section 14","description":"Hero section 14 with media, primary and secondary CTAs, brand logo strip, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-14.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-14.json"},{"name":"hero-section-15","title":"Hero Section 15","description":"Hero section 15 with media, two-column layout, primary and secondary CTAs, brand logo strip, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-15.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-15.json"},{"name":"hero-section-16","title":"Hero Section 16","description":"Hero section 16 with media, bento-style grid, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-16.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-16.json"},{"name":"hero-section-17","title":"Hero Section 17","description":"Hero section 17 with media, two-column layout, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-17.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-17.json"},{"name":"hero-section-18","title":"Hero Section 18","description":"Hero section 18 with primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-18.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-18.json"},{"name":"hero-section-19","title":"Hero Section 19","description":"Hero section 19 with media, two-column layout, primary and secondary CTAs, centered content, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-19.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-19.json"},{"name":"hero-section-2","title":"Hero Section 2","description":"Hero section 2 with media, two-column layout, feature checklist, primary and secondary CTAs, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-2.json"},{"name":"hero-section-20","title":"Hero Section 20","description":"Hero section 20 with media, primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-20.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-20.json"},{"name":"hero-section-21","title":"Hero Section 21","description":"Hero section 21 with media, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-21.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-21.json"},{"name":"hero-section-22","title":"Hero Section 22","description":"Hero section 22 with media, two-column layout, primary and secondary CTAs.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-22.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-22.json"},{"name":"hero-section-3","title":"Hero Section 3","description":"Hero section 3 with media, two-column layout, primary and secondary CTAs, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-3.json"},{"name":"hero-section-4","title":"Hero Section 4","description":"Hero section 4 with form fields, media, two-column layout, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-4.json"},{"name":"hero-section-5","title":"Hero Section 5","description":"Hero section 5 with form fields, media, two-column layout, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-5.json"},{"name":"hero-section-6","title":"Hero Section 6","description":"Hero section 6 with primary and secondary CTAs, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-6.json"},{"name":"hero-section-7","title":"Hero Section 7","description":"Hero section 7 with media, primary and secondary CTAs.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-7.json"},{"name":"hero-section-8","title":"Hero Section 8","description":"Hero section 8 with avatars, customer quotes, primary and secondary CTAs, centered content, reversed column order.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-8.json"},{"name":"hero-section-9","title":"Hero Section 9","description":"Hero section 9 with media, primary and secondary CTAs, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/hero-section-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/hero-section-9.json"},{"name":"logo-section-1","title":"Logo Section 1","description":"Client logos section 1 with bento-style grid, brand logo strip, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-1.json"},{"name":"logo-section-2","title":"Logo Section 2","description":"Client logos section 2 with two-column layout, brand logo strip, centered content, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-2.json"},{"name":"logo-section-3","title":"Logo Section 3","description":"Client logos section 3 with two-column layout, three-column grid, brand logo strip, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-3.json"},{"name":"logo-section-4","title":"Logo Section 4","description":"Client logos section 4 with two-column layout, three-column grid, brand logo strip, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-4.json"},{"name":"logo-section-5","title":"Logo Section 5","description":"Client logos section 5 with two-column layout, three-column grid, brand logo strip, background contrast section, video aspect media.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-5.json"},{"name":"logo-section-6","title":"Logo Section 6","description":"Client logos section 6 with infinite logo scroll, brand logo strip, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-6.json"},{"name":"logo-section-7","title":"Logo Section 7","description":"Client logos section 7 with infinite logo scroll, brand logo strip, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-7.json"},{"name":"logo-section-8","title":"Logo Section 8","description":"Client logos section 8 with infinite logo scroll, brand logo strip, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/logo-section-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/logo-section-8.json"},{"name":"lp-navbar-1","title":"LP Navbar 1","description":"Landing navbar section 1 with primary and secondary CTAs, navigation links, sticky elements.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-1.json"},{"name":"lp-navbar-10","title":"LP Navbar 10","description":"Landing navbar section 10 with primary and secondary CTAs, navigation links, sticky elements, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-10.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-10.json"},{"name":"lp-navbar-2","title":"LP Navbar 2","description":"Landing navbar section 2 with primary and secondary CTAs, navigation links, sticky elements.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-2.json"},{"name":"lp-navbar-3","title":"LP Navbar 3","description":"Landing navbar section 3 with navigation links, sticky elements.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-3.json"},{"name":"lp-navbar-4","title":"LP Navbar 4","description":"Landing navbar section 4 with primary and secondary CTAs, navigation links, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-4.json"},{"name":"lp-navbar-5","title":"LP Navbar 5","description":"Landing navbar section 5 with sticky elements, image zoom.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-5.json"},{"name":"lp-navbar-6","title":"LP Navbar 6","description":"Landing navbar section 6 with mobile sheet menu, sticky elements, image zoom.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-6.json"},{"name":"lp-navbar-7","title":"LP Navbar 7","description":"Landing navbar section 7 with sticky elements, rounded visuals, image zoom.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-7.json"},{"name":"lp-navbar-8","title":"LP Navbar 8","description":"Landing navbar section 8 with navigation menu, three-column grid, primary and secondary CTAs, sticky elements, rounded visuals.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-8.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-8.json"},{"name":"lp-navbar-9","title":"LP Navbar 9","description":"Landing navbar section 9 with command palette, primary and secondary CTAs, navigation links, sticky elements, split layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/lp-navbar-9.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/lp-navbar-9.json"},{"name":"404-page-1","title":"404 Page 1","description":"404 page example section 1 with site links and legal, 404 messaging, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/404-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-page-1.json"},{"name":"404-page-2","title":"404 Page 2","description":"404 page example section 2 with media, site links and legal, 404 messaging, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/404-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-page-2.json"},{"name":"404-page-3","title":"404 Page 3","description":"404 page example section 3 with site links and legal, 404 messaging, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/404-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/404-page-3.json"},{"name":"about-page-1","title":"About Page 1","description":"About page example section 1 with key metrics, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/about-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/about-page-1.json"},{"name":"about-page-2","title":"About Page 2","description":"About page example section 2 with key metrics, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/about-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/about-page-2.json"},{"name":"about-page-3","title":"About Page 3","description":"About page example section 3 with key metrics, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/about-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/about-page-3.json"},{"name":"blog-page-1","title":"Blog Page 1","description":"Blog page example section 1 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-page-1.json"},{"name":"blog-page-2","title":"Blog Page 2","description":"Blog page example section 2 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-page-2.json"},{"name":"blog-page-3","title":"Blog Page 3","description":"Blog page example section 3 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-page-3.json"},{"name":"blog-post-page-1","title":"Blog Post Page 1","description":"Blog post page example section 1 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-post-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-post-page-1.json"},{"name":"blog-post-page-2","title":"Blog Post Page 2","description":"Blog post page example section 2 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-post-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-post-page-2.json"},{"name":"blog-post-page-3","title":"Blog Post Page 3","description":"Blog post page example section 3 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/blog-post-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/blog-post-page-3.json"},{"name":"career-page-1","title":"Career Page 1","description":"Career page example section 1 with key metrics, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-page-1.json"},{"name":"career-page-2","title":"Career Page 2","description":"Career page example section 2 with key metrics, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-page-2.json"},{"name":"career-page-3","title":"Career Page 3","description":"Career page example section 3 with customer quotes, key metrics, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/career-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/career-page-3.json"},{"name":"contact-page-1","title":"Contact Page 1","description":"Contact page example section 1 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-page-1.json"},{"name":"contact-page-2","title":"Contact Page 2","description":"Contact page example section 2 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-page-2.json"},{"name":"contact-page-3","title":"Contact Page 3","description":"Contact page example section 3 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/contact-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/contact-page-3.json"},{"name":"faq-page-1","title":"Faq Page 1","description":"FAQ page example section 1 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-page-1.json"},{"name":"faq-page-2","title":"Faq Page 2","description":"FAQ page example section 2 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-page-2.json"},{"name":"faq-page-3","title":"Faq Page 3","description":"FAQ page example section 3 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/faq-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/faq-page-3.json"},{"name":"legal-page-1","title":"Legal Page 1","description":"Legal page example section 1 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/legal-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/legal-page-1.json"},{"name":"legal-page-2","title":"Legal Page 2","description":"Legal page example section 2 with site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/legal-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/legal-page-2.json"},{"name":"legal-page-3","title":"Legal Page 3","description":"Legal page example section 3 with site links and legal, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/legal-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/legal-page-3.json"},{"name":"pricing-page-1","title":"Pricing Page 1","description":"Pricing page example section 1 with customer quotes, site links and legal, primary and secondary CTAs, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-page-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-page-1.json"},{"name":"pricing-page-2","title":"Pricing Page 2","description":"Pricing page example section 2 with customer quotes, site links and legal, primary and secondary CTAs, navigation links, split layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-page-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-page-2.json"},{"name":"pricing-page-3","title":"Pricing Page 3","description":"Pricing page example section 3 with site links and legal, navigation links.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-page-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-page-3.json"},{"name":"placeholder-logo-buzzsnap","title":"Placeholder Logo Buzzsnap","description":"Placeholder SVG logo component for the buzzsnap brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-buzzsnap.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-buzzsnap.json"},{"name":"placeholder-logo-dashstar","title":"Placeholder Logo Dashstar","description":"Placeholder SVG logo component for the dashstar brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-dashstar.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-dashstar.json"},{"name":"placeholder-logo-editly","title":"Placeholder Logo Editly","description":"Placeholder SVG logo component for the editly brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-editly.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-editly.json"},{"name":"placeholder-logo-geoaura","title":"Placeholder Logo Geoaura","description":"Placeholder SVG logo component for the geoaura brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-geoaura.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-geoaura.json"},{"name":"placeholder-logo-nanodea","title":"Placeholder Logo Nanodea","description":"Placeholder SVG logo component for the nanodea brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-nanodea.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-nanodea.json"},{"name":"placeholder-logo-orionbo","title":"Placeholder Logo Orionbo","description":"Placeholder SVG logo component for the orionbo brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-orionbo.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-orionbo.json"},{"name":"placeholder-logo-revahub","title":"Placeholder Logo Revahub","description":"Placeholder SVG logo component for the revahub brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-revahub.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-revahub.json"},{"name":"placeholder-logo-starlight","title":"Placeholder Logo Starlight","description":"Placeholder SVG logo component for the starlight brand used in logo and hero sections.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/placeholder-logo-starlight.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/placeholder-logo-starlight.json"},{"name":"pricing-section-1","title":"Pricing Section 1","description":"Pricing section 1 with pricing tiers, tabbed content, cards, badges, three-column grid.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-1.json"},{"name":"pricing-section-2","title":"Pricing Section 2","description":"Pricing section 2 with pricing tiers, cards, two-column layout, feature checklist, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-2.json"},{"name":"pricing-section-3","title":"Pricing Section 3","description":"Pricing section 3 with pricing tiers, cards, feature checklist, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-3.json"},{"name":"pricing-section-4","title":"Pricing Section 4","description":"Pricing section 4 with pricing tiers, tabbed content, cards, badges, feature checklist.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-4.json"},{"name":"pricing-section-5","title":"Pricing Section 5","description":"Pricing section 5 with pricing tiers, comparison table, two-column layout, feature checklist, centered content.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/pricing-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/pricing-section-5.json"},{"name":"rich-text-section-1-demo-content","title":"Rich Text Section 1 Demo Content","description":"Demo article body content with headings, lists, tables, and code blocks for rich text section previews.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-1-demo-content.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-1-demo-content.json"},{"name":"rich-text-section-1","title":"Rich Text Section 1","description":"Rich text article section 1 with avatars, media, typeset article body, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-1.json"},{"name":"rich-text-section-2","title":"Rich Text Section 2","description":"Rich text article section 2 with avatars, media, typeset article body, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-2.json"},{"name":"rich-text-section-3","title":"Rich Text Section 3","description":"Rich text article section 3 with avatars, media, typeset article body, background contrast section, sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-3.json"},{"name":"rich-text-section-4","title":"Rich Text Section 4","description":"Rich text article section 4 with avatars, media, typeset article body, centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-4.json"},{"name":"rich-text-section-5","title":"Rich Text Section 5","description":"Rich text article section 5 with avatars, media, typeset article body, background contrast section, sidebar layout.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-5.json"},{"name":"rich-text-section-types","title":"Rich Text Section Types","description":"Shared TypeScript types for rich text article sections (author, meta, cover image).","type":"registry:lib","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-section-types.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-section-types.json"},{"name":"rich-text-toc-aside","title":"Rich Text Toc Aside","description":"Sticky table-of-contents aside navigation for long-form rich text article layouts.","type":"registry:component","source_url":"https://app.initium.sh/r/styles/{style}/rich-text-toc-aside.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/rich-text-toc-aside.json"},{"name":"stats-section-1","title":"Stats Section 1","description":"Statistics section 1 with media, two-column layout, key metrics, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-1.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-1.json"},{"name":"stats-section-2","title":"Stats Section 2","description":"Statistics section 2 with key metrics, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-2.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-2.json"},{"name":"stats-section-3","title":"Stats Section 3","description":"Statistics section 3 with media, two-column layout, key metrics, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-3.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-3.json"},{"name":"stats-section-4","title":"Stats Section 4","description":"Statistics section 4 with cards, key metrics, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-4.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-4.json"},{"name":"stats-section-5","title":"Stats Section 5","description":"Statistics section 5 with key metrics.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-5.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-5.json"},{"name":"stats-section-6","title":"Stats Section 6","description":"Statistics section 6 with centered content, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-6.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-6.json"},{"name":"stats-section-7","title":"Stats Section 7","description":"Statistics section 7 with two-column layout, key metrics, background contrast section.","type":"registry:block","source_url":"https://app.initium.sh/r/styles/{style}/stats-section-7.json","install_command":"npx shadcn@latest add https://app.initium.sh/r/styles/{style}/stats-section-7.json"}]},{"id":"intentui","name":"@intentui","slug":"intentui","description":"A large, fully accessible open-source React component library built on React Aria (Adobe) rather than Radix, offering 565+ registry items including an extensive primitive set, 10+ color themes, and categories: Buttons (Button Group, File Trigger, Toggle Group), Collections (Choice Box, Dropdown, Grid List, List Box, Menu, Table, Tag Group, Tree), Colors (Color Area, Field, Picker, Slider, Swatch, Wheel), Date/Time (Calendar, Date/Range Picker, Time Field), Forms, Drag & Drop, Charts (Area, Bar, Line, Pie), Overlays, and data visualization (Tracker, Meter, Leaderboard). Built with Tailwind CSS, TypeScript, works with Next.js, Vite, and Inertia.js. Free and MIT-licensed. Use for: building accessible, React Aria-backed UIs when Radix UI is not desired, especially date pickers, color pickers, and drag-and-drop flows.","author":"intentui","framework":"react","license":"MIT","tags":["accessibility","auth","buttons","cards","charts","components","dashboard","design-system","forms","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://intentui.com","github":"https://github.com/intentui/intentui","registry":"https://intentui.com/r/registry","source":"https://intentui.com/r/registry","page":"https://sh4dcn.netlify.app/registry/intentui","markdown":"https://sh4dcn.netlify.app/md/intentui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='122' height='122' fill='none' viewBox='0 0 122 122'><rect width='101.667' height='101.667' x='10.167' y='10.166' fill='#0d6dfd' rx='19.063'/><g fill='#fff' filter='url(#a)' shape-rendering='crispEdges'><path d='M27.243 32.083a4.84 4.84 0 0 1 4.84-4.84h9.678a4.84 4.84 0 0 1 4.839 4.84v9.678a4.84 4.84 0 0 1-4.84 4.84h-9.678a4.84 4.84 0 0 1-4.839-4.84z'/><path fill-opacity='.5' d='M51.366 32.083a4.84 4.84 0 0 1 4.839-4.84h9.678a4.84 4.84 0 0 1 4.84 4.84v9.678a4.84 4.84 0 0 1-4.84 4.84h-9.678a4.84 4.84 0 0 1-4.84-4.84z'/><path d='M75.488 32.083a4.84 4.84 0 0 1 4.84-4.84h9.678a4.84 4.84 0 0 1 4.839 4.84v9.678a4.84 4.84 0 0 1-4.84 4.84h-9.678a4.84 4.84 0 0 1-4.839-4.84z'/><path fill-opacity='.5' d='M75.488 56.205a4.84 4.84 0 0 1 4.84-4.839h9.678a4.84 4.84 0 0 1 4.839 4.84v9.678a4.84 4.84 0 0 1-4.84 4.839h-9.678a4.84 4.84 0 0 1-4.839-4.84z'/></g><defs><filter id='a' width='68.247' height='44.125' x='26.921' y='27.082' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='.161'/><feGaussianBlur stdDeviation='.161'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/><feBlend in2='BackgroundImageFix' result='effect1_dropShadow_76_525'/><feBlend in='SourceGraphic' in2='effect1_dropShadow_76_525' result='shape'/></filter></defs></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1979,"open_issues":6,"last_commit":"2026-10-26T17:49:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://intentui.com/r/registry","install_pnpm":"pnpm dlx shadcn@latest add https://intentui.com/r/registry","install_bun":"bunx shadcn@latest add https://intentui.com/r/registry","clone":"git clone https://github.com/intentui/intentui.git","clone_degit":"npx degit intentui/intentui","registry_fetch":"curl -s https://intentui.com/r/registry"},"component_count":250,"components":[{"name":"theme-default","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-default","install_command":"npx shadcn@latest add https://intentui.com/r/theme-default"},{"name":"theme-blue","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-blue","install_command":"npx shadcn@latest add https://intentui.com/r/theme-blue"},{"name":"theme-sky","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-sky","install_command":"npx shadcn@latest add https://intentui.com/r/theme-sky"},{"name":"theme-indigo","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-indigo","install_command":"npx shadcn@latest add https://intentui.com/r/theme-indigo"},{"name":"theme-emerald","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-emerald","install_command":"npx shadcn@latest add https://intentui.com/r/theme-emerald"},{"name":"theme-teal","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-teal","install_command":"npx shadcn@latest add https://intentui.com/r/theme-teal"},{"name":"theme-purple","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-purple","install_command":"npx shadcn@latest add https://intentui.com/r/theme-purple"},{"name":"theme-pink","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-pink","install_command":"npx shadcn@latest add https://intentui.com/r/theme-pink"},{"name":"theme-rose","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-rose","install_command":"npx shadcn@latest add https://intentui.com/r/theme-rose"},{"name":"theme-green","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-green","install_command":"npx shadcn@latest add https://intentui.com/r/theme-green"},{"name":"theme-lime","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-lime","install_command":"npx shadcn@latest add https://intentui.com/r/theme-lime"},{"name":"theme-cyan","title":null,"description":null,"type":"registry:style","source_url":"https://intentui.com/r/theme-cyan","install_command":"npx shadcn@latest add https://intentui.com/r/theme-cyan"},{"name":"area-chart","title":"area-chart","description":"area-chart","type":"registry:ui","source_url":"https://intentui.com/r/area-chart","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart"},{"name":"avatar","title":"avatar","description":"avatar","type":"registry:ui","source_url":"https://intentui.com/r/avatar","install_command":"npx shadcn@latest add https://intentui.com/r/avatar"},{"name":"badge","title":"badge","description":"badge","type":"registry:ui","source_url":"https://intentui.com/r/badge","install_command":"npx shadcn@latest add https://intentui.com/r/badge"},{"name":"bar-chart","title":"bar-chart","description":"bar-chart","type":"registry:ui","source_url":"https://intentui.com/r/bar-chart","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart"},{"name":"breadcrumbs","title":"breadcrumbs","description":"breadcrumbs","type":"registry:ui","source_url":"https://intentui.com/r/breadcrumbs","install_command":"npx shadcn@latest add https://intentui.com/r/breadcrumbs"},{"name":"button-group","title":"button-group","description":"button-group","type":"registry:ui","source_url":"https://intentui.com/r/button-group","install_command":"npx shadcn@latest add https://intentui.com/r/button-group"},{"name":"button","title":"button","description":"button","type":"registry:ui","source_url":"https://intentui.com/r/button","install_command":"npx shadcn@latest add https://intentui.com/r/button"},{"name":"calendar","title":"calendar","description":"calendar","type":"registry:ui","source_url":"https://intentui.com/r/calendar","install_command":"npx shadcn@latest add https://intentui.com/r/calendar"},{"name":"card","title":"card","description":"card","type":"registry:ui","source_url":"https://intentui.com/r/card","install_command":"npx shadcn@latest add https://intentui.com/r/card"},{"name":"carousel","title":"carousel","description":"carousel","type":"registry:ui","source_url":"https://intentui.com/r/carousel","install_command":"npx shadcn@latest add https://intentui.com/r/carousel"},{"name":"chart","title":"chart","description":"chart","type":"registry:ui","source_url":"https://intentui.com/r/chart","install_command":"npx shadcn@latest add https://intentui.com/r/chart"},{"name":"checkbox","title":"checkbox","description":"checkbox","type":"registry:ui","source_url":"https://intentui.com/r/checkbox","install_command":"npx shadcn@latest add https://intentui.com/r/checkbox"},{"name":"choice-box","title":"choice-box","description":"choice-box","type":"registry:ui","source_url":"https://intentui.com/r/choice-box","install_command":"npx shadcn@latest add https://intentui.com/r/choice-box"},{"name":"color-area","title":"color-area","description":"color-area","type":"registry:ui","source_url":"https://intentui.com/r/color-area","install_command":"npx shadcn@latest add https://intentui.com/r/color-area"},{"name":"color-field","title":"color-field","description":"color-field","type":"registry:ui","source_url":"https://intentui.com/r/color-field","install_command":"npx shadcn@latest add https://intentui.com/r/color-field"},{"name":"color-picker","title":"color-picker","description":"color-picker","type":"registry:ui","source_url":"https://intentui.com/r/color-picker","install_command":"npx shadcn@latest add https://intentui.com/r/color-picker"},{"name":"color-slider","title":"color-slider","description":"color-slider","type":"registry:ui","source_url":"https://intentui.com/r/color-slider","install_command":"npx shadcn@latest add https://intentui.com/r/color-slider"},{"name":"color-swatch-picker","title":"color-swatch-picker","description":"color-swatch-picker","type":"registry:ui","source_url":"https://intentui.com/r/color-swatch-picker","install_command":"npx shadcn@latest add https://intentui.com/r/color-swatch-picker"},{"name":"color-swatch","title":"color-swatch","description":"color-swatch","type":"registry:ui","source_url":"https://intentui.com/r/color-swatch","install_command":"npx shadcn@latest add https://intentui.com/r/color-swatch"},{"name":"color-thumb","title":"color-thumb","description":"color-thumb","type":"registry:ui","source_url":"https://intentui.com/r/color-thumb","install_command":"npx shadcn@latest add https://intentui.com/r/color-thumb"},{"name":"color-wheel","title":"color-wheel","description":"color-wheel","type":"registry:ui","source_url":"https://intentui.com/r/color-wheel","install_command":"npx shadcn@latest add https://intentui.com/r/color-wheel"},{"name":"combo-box","title":"combo-box","description":"combo-box","type":"registry:ui","source_url":"https://intentui.com/r/combo-box","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box"},{"name":"command-menu","title":"command-menu","description":"command-menu","type":"registry:ui","source_url":"https://intentui.com/r/command-menu","install_command":"npx shadcn@latest add https://intentui.com/r/command-menu"},{"name":"container","title":"container","description":"container","type":"registry:ui","source_url":"https://intentui.com/r/container","install_command":"npx shadcn@latest add https://intentui.com/r/container"},{"name":"date-field","title":"date-field","description":"date-field","type":"registry:ui","source_url":"https://intentui.com/r/date-field","install_command":"npx shadcn@latest add https://intentui.com/r/date-field"},{"name":"date-picker","title":"date-picker","description":"date-picker","type":"registry:ui","source_url":"https://intentui.com/r/date-picker","install_command":"npx shadcn@latest add https://intentui.com/r/date-picker"},{"name":"date-range-picker","title":"date-range-picker","description":"date-range-picker","type":"registry:ui","source_url":"https://intentui.com/r/date-range-picker","install_command":"npx shadcn@latest add https://intentui.com/r/date-range-picker"},{"name":"description-list","title":"description-list","description":"description-list","type":"registry:ui","source_url":"https://intentui.com/r/description-list","install_command":"npx shadcn@latest add https://intentui.com/r/description-list"},{"name":"dialog","title":"dialog","description":"dialog","type":"registry:ui","source_url":"https://intentui.com/r/dialog","install_command":"npx shadcn@latest add https://intentui.com/r/dialog"},{"name":"disclosure-group","title":"disclosure-group","description":"disclosure-group","type":"registry:ui","source_url":"https://intentui.com/r/disclosure-group","install_command":"npx shadcn@latest add https://intentui.com/r/disclosure-group"},{"name":"drop-zone","title":"drop-zone","description":"drop-zone","type":"registry:ui","source_url":"https://intentui.com/r/drop-zone","install_command":"npx shadcn@latest add https://intentui.com/r/drop-zone"},{"name":"dropdown","title":"dropdown","description":"dropdown","type":"registry:ui","source_url":"https://intentui.com/r/dropdown","install_command":"npx shadcn@latest add https://intentui.com/r/dropdown"},{"name":"field","title":"field","description":"field","type":"registry:ui","source_url":"https://intentui.com/r/field","install_command":"npx shadcn@latest add https://intentui.com/r/field"},{"name":"file-trigger","title":"file-trigger","description":"file-trigger","type":"registry:ui","source_url":"https://intentui.com/r/file-trigger","install_command":"npx shadcn@latest add https://intentui.com/r/file-trigger"},{"name":"grid-list","title":"grid-list","description":"grid-list","type":"registry:ui","source_url":"https://intentui.com/r/grid-list","install_command":"npx shadcn@latest add https://intentui.com/r/grid-list"},{"name":"heading","title":"heading","description":"heading","type":"registry:ui","source_url":"https://intentui.com/r/heading","install_command":"npx shadcn@latest add https://intentui.com/r/heading"},{"name":"input-otp","title":"input-otp","description":"input-otp","type":"registry:ui","source_url":"https://intentui.com/r/input-otp","install_command":"npx shadcn@latest add https://intentui.com/r/input-otp"},{"name":"input","title":"input","description":"input","type":"registry:ui","source_url":"https://intentui.com/r/input","install_command":"npx shadcn@latest add https://intentui.com/r/input"},{"name":"keyboard","title":"keyboard","description":"keyboard","type":"registry:ui","source_url":"https://intentui.com/r/keyboard","install_command":"npx shadcn@latest add https://intentui.com/r/keyboard"},{"name":"leaderboard","title":"leaderboard","description":"leaderboard","type":"registry:ui","source_url":"https://intentui.com/r/leaderboard","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard"},{"name":"line-chart","title":"line-chart","description":"line-chart","type":"registry:ui","source_url":"https://intentui.com/r/line-chart","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart"},{"name":"link","title":"link","description":"link","type":"registry:ui","source_url":"https://intentui.com/r/link","install_command":"npx shadcn@latest add https://intentui.com/r/link"},{"name":"list-box","title":"list-box","description":"list-box","type":"registry:ui","source_url":"https://intentui.com/r/list-box","install_command":"npx shadcn@latest add https://intentui.com/r/list-box"},{"name":"loader","title":"loader","description":"loader","type":"registry:ui","source_url":"https://intentui.com/r/loader","install_command":"npx shadcn@latest add https://intentui.com/r/loader"},{"name":"menu","title":"menu","description":"menu","type":"registry:ui","source_url":"https://intentui.com/r/menu","install_command":"npx shadcn@latest add https://intentui.com/r/menu"},{"name":"meter","title":"meter","description":"meter","type":"registry:ui","source_url":"https://intentui.com/r/meter","install_command":"npx shadcn@latest add https://intentui.com/r/meter"},{"name":"multiple-select","title":"multiple-select","description":"multiple-select","type":"registry:ui","source_url":"https://intentui.com/r/multiple-select","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select"},{"name":"native-select","title":"native-select","description":"native-select","type":"registry:ui","source_url":"https://intentui.com/r/native-select","install_command":"npx shadcn@latest add https://intentui.com/r/native-select"},{"name":"navbar","title":"navbar","description":"navbar","type":"registry:ui","source_url":"https://intentui.com/r/navbar","install_command":"npx shadcn@latest add https://intentui.com/r/navbar"},{"name":"note","title":"note","description":"note","type":"registry:ui","source_url":"https://intentui.com/r/note","install_command":"npx shadcn@latest add https://intentui.com/r/note"},{"name":"number-field","title":"number-field","description":"number-field","type":"registry:ui","source_url":"https://intentui.com/r/number-field","install_command":"npx shadcn@latest add https://intentui.com/r/number-field"},{"name":"pagination","title":"pagination","description":"pagination","type":"registry:ui","source_url":"https://intentui.com/r/pagination","install_command":"npx shadcn@latest add https://intentui.com/r/pagination"},{"name":"pie-chart","title":"pie-chart","description":"pie-chart","type":"registry:ui","source_url":"https://intentui.com/r/pie-chart","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart"},{"name":"popover","title":"popover","description":"popover","type":"registry:ui","source_url":"https://intentui.com/r/popover","install_command":"npx shadcn@latest add https://intentui.com/r/popover"},{"name":"preview","title":"preview","description":"preview","type":"registry:ui","source_url":"https://intentui.com/r/preview","install_command":"npx shadcn@latest add https://intentui.com/r/preview"},{"name":"progress-bar","title":"progress-bar","description":"progress-bar","type":"registry:ui","source_url":"https://intentui.com/r/progress-bar","install_command":"npx shadcn@latest add https://intentui.com/r/progress-bar"},{"name":"progress-circle","title":"progress-circle","description":"progress-circle","type":"registry:ui","source_url":"https://intentui.com/r/progress-circle","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle"},{"name":"radar-chart","title":"radar-chart","description":"radar-chart","type":"registry:ui","source_url":"https://intentui.com/r/radar-chart","install_command":"npx shadcn@latest add https://intentui.com/r/radar-chart"},{"name":"radial-bar-chart","title":"radial-bar-chart","description":"radial-bar-chart","type":"registry:ui","source_url":"https://intentui.com/r/radial-bar-chart","install_command":"npx shadcn@latest add https://intentui.com/r/radial-bar-chart"},{"name":"radio","title":"radio","description":"radio","type":"registry:ui","source_url":"https://intentui.com/r/radio","install_command":"npx shadcn@latest add https://intentui.com/r/radio"},{"name":"range-calendar","title":"range-calendar","description":"range-calendar","type":"registry:ui","source_url":"https://intentui.com/r/range-calendar","install_command":"npx shadcn@latest add https://intentui.com/r/range-calendar"},{"name":"scroll-area","title":"scroll-area","description":"scroll-area","type":"registry:ui","source_url":"https://intentui.com/r/scroll-area","install_command":"npx shadcn@latest add https://intentui.com/r/scroll-area"},{"name":"search-field","title":"search-field","description":"search-field","type":"registry:ui","source_url":"https://intentui.com/r/search-field","install_command":"npx shadcn@latest add https://intentui.com/r/search-field"},{"name":"select","title":"select","description":"select","type":"registry:ui","source_url":"https://intentui.com/r/select","install_command":"npx shadcn@latest add https://intentui.com/r/select"},{"name":"separator","title":"separator","description":"separator","type":"registry:ui","source_url":"https://intentui.com/r/separator","install_command":"npx shadcn@latest add https://intentui.com/r/separator"},{"name":"sheet","title":"sheet","description":"sheet","type":"registry:ui","source_url":"https://intentui.com/r/sheet","install_command":"npx shadcn@latest add https://intentui.com/r/sheet"},{"name":"show-more","title":"show-more","description":"show-more","type":"registry:ui","source_url":"https://intentui.com/r/show-more","install_command":"npx shadcn@latest add https://intentui.com/r/show-more"},{"name":"sidebar","title":"sidebar","description":"sidebar","type":"registry:ui","source_url":"https://intentui.com/r/sidebar","install_command":"npx shadcn@latest add https://intentui.com/r/sidebar"},{"name":"skeleton","title":"skeleton","description":"skeleton","type":"registry:ui","source_url":"https://intentui.com/r/skeleton","install_command":"npx shadcn@latest add https://intentui.com/r/skeleton"},{"name":"slider","title":"slider","description":"slider","type":"registry:ui","source_url":"https://intentui.com/r/slider","install_command":"npx shadcn@latest add https://intentui.com/r/slider"},{"name":"snippet","title":"snippet","description":"snippet","type":"registry:ui","source_url":"https://intentui.com/r/snippet","install_command":"npx shadcn@latest add https://intentui.com/r/snippet"},{"name":"switch","title":"switch","description":"switch","type":"registry:ui","source_url":"https://intentui.com/r/switch","install_command":"npx shadcn@latest add https://intentui.com/r/switch"},{"name":"table","title":"table","description":"table","type":"registry:ui","source_url":"https://intentui.com/r/table","install_command":"npx shadcn@latest add https://intentui.com/r/table"},{"name":"tabs","title":"tabs","description":"tabs","type":"registry:ui","source_url":"https://intentui.com/r/tabs","install_command":"npx shadcn@latest add https://intentui.com/r/tabs"},{"name":"tag-field","title":"tag-field","description":"tag-field","type":"registry:ui","source_url":"https://intentui.com/r/tag-field","install_command":"npx shadcn@latest add https://intentui.com/r/tag-field"},{"name":"tag-group","title":"tag-group","description":"tag-group","type":"registry:ui","source_url":"https://intentui.com/r/tag-group","install_command":"npx shadcn@latest add https://intentui.com/r/tag-group"},{"name":"text-field","title":"text-field","description":"text-field","type":"registry:ui","source_url":"https://intentui.com/r/text-field","install_command":"npx shadcn@latest add https://intentui.com/r/text-field"},{"name":"text","title":"text","description":"text","type":"registry:ui","source_url":"https://intentui.com/r/text","install_command":"npx shadcn@latest add https://intentui.com/r/text"},{"name":"textarea","title":"textarea","description":"textarea","type":"registry:ui","source_url":"https://intentui.com/r/textarea","install_command":"npx shadcn@latest add https://intentui.com/r/textarea"},{"name":"time-field","title":"time-field","description":"time-field","type":"registry:ui","source_url":"https://intentui.com/r/time-field","install_command":"npx shadcn@latest add https://intentui.com/r/time-field"},{"name":"toast","title":"toast","description":"toast","type":"registry:ui","source_url":"https://intentui.com/r/toast","install_command":"npx shadcn@latest add https://intentui.com/r/toast"},{"name":"toggle-group","title":"toggle-group","description":"toggle-group","type":"registry:ui","source_url":"https://intentui.com/r/toggle-group","install_command":"npx shadcn@latest add https://intentui.com/r/toggle-group"},{"name":"toggle","title":"toggle","description":"toggle","type":"registry:ui","source_url":"https://intentui.com/r/toggle","install_command":"npx shadcn@latest add https://intentui.com/r/toggle"},{"name":"toolbar","title":"toolbar","description":"toolbar","type":"registry:ui","source_url":"https://intentui.com/r/toolbar","install_command":"npx shadcn@latest add https://intentui.com/r/toolbar"},{"name":"tooltip","title":"tooltip","description":"tooltip","type":"registry:ui","source_url":"https://intentui.com/r/tooltip","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip"},{"name":"tracker","title":"tracker","description":"tracker","type":"registry:ui","source_url":"https://intentui.com/r/tracker","install_command":"npx shadcn@latest add https://intentui.com/r/tracker"},{"name":"tree","title":"tree","description":"tree","type":"registry:ui","source_url":"https://intentui.com/r/tree","install_command":"npx shadcn@latest add https://intentui.com/r/tree"},{"name":"tracker-example","title":"Tracker","description":"tracker-example","type":"registry:page","source_url":"https://intentui.com/r/tracker-example","install_command":"npx shadcn@latest add https://intentui.com/r/tracker-example"},{"name":"tracker-without-tooltip-example","title":"Tracker Without Tooltip","description":"tracker-without-tooltip-example","type":"registry:page","source_url":"https://intentui.com/r/tracker-without-tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/tracker-without-tooltip-example"},{"name":"radial-bar-chart-custom-colors-example","title":"Radial Bar Chart Custom Colors","description":"radial-bar-chart-custom-colors-example","type":"registry:page","source_url":"https://intentui.com/r/radial-bar-chart-custom-colors-example","install_command":"npx shadcn@latest add https://intentui.com/r/radial-bar-chart-custom-colors-example"},{"name":"radial-bar-chart-example","title":"Radial Bar Chart","description":"radial-bar-chart-example","type":"registry:page","source_url":"https://intentui.com/r/radial-bar-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/radial-bar-chart-example"},{"name":"radial-bar-chart-gauge-example","title":"Radial Bar Chart Gauge","description":"radial-bar-chart-gauge-example","type":"registry:page","source_url":"https://intentui.com/r/radial-bar-chart-gauge-example","install_command":"npx shadcn@latest add https://intentui.com/r/radial-bar-chart-gauge-example"},{"name":"radial-bar-chart-multiple-example","title":"Radial Bar Chart Multiple","description":"radial-bar-chart-multiple-example","type":"registry:page","source_url":"https://intentui.com/r/radial-bar-chart-multiple-example","install_command":"npx shadcn@latest add https://intentui.com/r/radial-bar-chart-multiple-example"},{"name":"radar-chart-circular-grid-example","title":"Radar Chart Circular Grid","description":"radar-chart-circular-grid-example","type":"registry:page","source_url":"https://intentui.com/r/radar-chart-circular-grid-example","install_command":"npx shadcn@latest add https://intentui.com/r/radar-chart-circular-grid-example"},{"name":"radar-chart-custom-colors-example","title":"Radar Chart Custom Colors","description":"radar-chart-custom-colors-example","type":"registry:page","source_url":"https://intentui.com/r/radar-chart-custom-colors-example","install_command":"npx shadcn@latest add https://intentui.com/r/radar-chart-custom-colors-example"},{"name":"radar-chart-example","title":"Radar Chart","description":"radar-chart-example","type":"registry:page","source_url":"https://intentui.com/r/radar-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/radar-chart-example"},{"name":"radar-chart-multiple-example","title":"Radar Chart Multiple","description":"radar-chart-multiple-example","type":"registry:page","source_url":"https://intentui.com/r/radar-chart-multiple-example","install_command":"npx shadcn@latest add https://intentui.com/r/radar-chart-multiple-example"},{"name":"pie-chart-custom-colors-example","title":"Pie Chart Custom Colors","description":"pie-chart-custom-colors-example","type":"registry:page","source_url":"https://intentui.com/r/pie-chart-custom-colors-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-custom-colors-example"},{"name":"pie-chart-donut-custom-label-example","title":"Pie Chart Donut Custom Label","description":"pie-chart-donut-custom-label-example","type":"registry:page","source_url":"https://intentui.com/r/pie-chart-donut-custom-label-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-donut-custom-label-example"},{"name":"pie-chart-donut-example","title":"Pie Chart Donut","description":"pie-chart-donut-example","type":"registry:page","source_url":"https://intentui.com/r/pie-chart-donut-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-donut-example"},{"name":"pie-chart-example","title":"Pie Chart","description":"pie-chart-example","type":"registry:page","source_url":"https://intentui.com/r/pie-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-example"},{"name":"pie-chart-gap-example","title":"Pie Chart Gap","description":"pie-chart-gap-example","type":"registry:page","source_url":"https://intentui.com/r/pie-chart-gap-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-gap-example"},{"name":"pie-chart-interactive-example","title":"Pie Chart Interactive","description":"pie-chart-interactive-example","type":"registry:page","source_url":"https://intentui.com/r/pie-chart-interactive-example","install_command":"npx shadcn@latest add https://intentui.com/r/pie-chart-interactive-example"},{"name":"line-chart-controlled-example","title":"Line Chart Controlled","description":"line-chart-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-controlled-example"},{"name":"line-chart-custom-colors-example","title":"Line Chart Custom Colors","description":"line-chart-custom-colors-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-custom-colors-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-custom-colors-example"},{"name":"line-chart-custom-format-example","title":"Line Chart Custom Format","description":"line-chart-custom-format-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-custom-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-custom-format-example"},{"name":"line-chart-custom-legend-example","title":"Line Chart Custom Legend","description":"line-chart-custom-legend-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-custom-legend-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-custom-legend-example"},{"name":"line-chart-custom-tooltip-example","title":"Line Chart Custom Tooltip","description":"line-chart-custom-tooltip-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-custom-tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-custom-tooltip-example"},{"name":"line-chart-example","title":"Line Chart","description":"line-chart-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-example"},{"name":"line-chart-monotone-example","title":"Line Chart Monotone","description":"line-chart-monotone-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-monotone-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-monotone-example"},{"name":"line-chart-stacked-example","title":"Line Chart Stacked","description":"line-chart-stacked-example","type":"registry:page","source_url":"https://intentui.com/r/line-chart-stacked-example","install_command":"npx shadcn@latest add https://intentui.com/r/line-chart-stacked-example"},{"name":"leaderboard-controlled-example","title":"Leaderboard Controlled","description":"leaderboard-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/leaderboard-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-controlled-example"},{"name":"leaderboard-currency-example","title":"Leaderboard Currency","description":"leaderboard-currency-example","type":"registry:page","source_url":"https://intentui.com/r/leaderboard-currency-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-currency-example"},{"name":"leaderboard-example","title":"Leaderboard","description":"leaderboard-example","type":"registry:page","source_url":"https://intentui.com/r/leaderboard-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-example"},{"name":"leaderboard-header-example","title":"Leaderboard Header","description":"leaderboard-header-example","type":"registry:page","source_url":"https://intentui.com/r/leaderboard-header-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-header-example"},{"name":"leaderboard-icon-example","title":"Leaderboard Icon","description":"leaderboard-icon-example","type":"registry:page","source_url":"https://intentui.com/r/leaderboard-icon-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-icon-example"},{"name":"leaderboard-percentage-example","title":"Leaderboard Percentage","description":"leaderboard-percentage-example","type":"registry:page","source_url":"https://intentui.com/r/leaderboard-percentage-example","install_command":"npx shadcn@latest add https://intentui.com/r/leaderboard-percentage-example"},{"name":"bar-chart-controlled-example","title":"Bar Chart Controlled","description":"bar-chart-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-controlled-example"},{"name":"bar-chart-custom-colors-example","title":"Bar Chart Custom Colors","description":"bar-chart-custom-colors-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-custom-colors-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-custom-colors-example"},{"name":"bar-chart-custom-format-example","title":"Bar Chart Custom Format","description":"bar-chart-custom-format-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-custom-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-custom-format-example"},{"name":"bar-chart-custom-legend-example","title":"Bar Chart Custom Legend","description":"bar-chart-custom-legend-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-custom-legend-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-custom-legend-example"},{"name":"bar-chart-custom-tooltip-example","title":"Bar Chart Custom Tooltip","description":"bar-chart-custom-tooltip-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-custom-tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-custom-tooltip-example"},{"name":"bar-chart-example","title":"Bar Chart","description":"bar-chart-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-example"},{"name":"bar-chart-monotone-example","title":"Bar Chart Monotone","description":"bar-chart-monotone-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-monotone-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-monotone-example"},{"name":"bar-chart-stacked-example","title":"Bar Chart Stacked","description":"bar-chart-stacked-example","type":"registry:page","source_url":"https://intentui.com/r/bar-chart-stacked-example","install_command":"npx shadcn@latest add https://intentui.com/r/bar-chart-stacked-example"},{"name":"area-chart-controlled-example","title":"Area Chart Controlled","description":"area-chart-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-controlled-example"},{"name":"area-chart-custom-colors-example","title":"Area Chart Custom Colors","description":"area-chart-custom-colors-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-custom-colors-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-custom-colors-example"},{"name":"area-chart-custom-format-example","title":"Area Chart Custom Format","description":"area-chart-custom-format-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-custom-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-custom-format-example"},{"name":"area-chart-custom-legend-example","title":"Area Chart Custom Legend","description":"area-chart-custom-legend-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-custom-legend-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-custom-legend-example"},{"name":"area-chart-custom-tooltip-example","title":"Area Chart Custom Tooltip","description":"area-chart-custom-tooltip-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-custom-tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-custom-tooltip-example"},{"name":"area-chart-example","title":"Area Chart","description":"area-chart-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-example"},{"name":"area-chart-monotone-example","title":"Area Chart Monotone","description":"area-chart-monotone-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-monotone-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-monotone-example"},{"name":"area-chart-stacked-example","title":"Area Chart Stacked","description":"area-chart-stacked-example","type":"registry:page","source_url":"https://intentui.com/r/area-chart-stacked-example","install_command":"npx shadcn@latest add https://intentui.com/r/area-chart-stacked-example"},{"name":"text-basic-example","title":"Text Basic","description":"text-basic-example","type":"registry:page","source_url":"https://intentui.com/r/text-basic-example","install_command":"npx shadcn@latest add https://intentui.com/r/text-basic-example"},{"name":"text-link-example","title":"Text Link","description":"text-link-example","type":"registry:page","source_url":"https://intentui.com/r/text-link-example","install_command":"npx shadcn@latest add https://intentui.com/r/text-link-example"},{"name":"show-more-as-text-example","title":"Show More as Text","description":"show-more-as-text-example","type":"registry:page","source_url":"https://intentui.com/r/show-more-as-text-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-as-text-example"},{"name":"show-more-controlled-example","title":"Show More Controlled","description":"show-more-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/show-more-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-controlled-example"},{"name":"show-more-example","title":"Show More","description":"show-more-example","type":"registry:page","source_url":"https://intentui.com/r/show-more-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-example"},{"name":"show-more-orientation-example","title":"Show More Orientation","description":"show-more-orientation-example","type":"registry:page","source_url":"https://intentui.com/r/show-more-orientation-example","install_command":"npx shadcn@latest add https://intentui.com/r/show-more-orientation-example"},{"name":"separator-example","title":"Separator","description":"separator-example","type":"registry:page","source_url":"https://intentui.com/r/separator-example","install_command":"npx shadcn@latest add https://intentui.com/r/separator-example"},{"name":"separator-orientation-example","title":"Separator Orientation","description":"separator-orientation-example","type":"registry:page","source_url":"https://intentui.com/r/separator-orientation-example","install_command":"npx shadcn@latest add https://intentui.com/r/separator-orientation-example"},{"name":"heading-example","title":"Heading","description":"heading-example","type":"registry:page","source_url":"https://intentui.com/r/heading-example","install_command":"npx shadcn@latest add https://intentui.com/r/heading-example"},{"name":"heading-level-example","title":"Heading Level","description":"heading-level-example","type":"registry:page","source_url":"https://intentui.com/r/heading-level-example","install_command":"npx shadcn@latest add https://intentui.com/r/heading-level-example"},{"name":"description-list-card-example","title":"Description List Card","description":"description-list-card-example","type":"registry:page","source_url":"https://intentui.com/r/description-list-card-example","install_command":"npx shadcn@latest add https://intentui.com/r/description-list-card-example"},{"name":"description-list-example","title":"Description List","description":"description-list-example","type":"registry:page","source_url":"https://intentui.com/r/description-list-example","install_command":"npx shadcn@latest add https://intentui.com/r/description-list-example"},{"name":"description-list-heading-example","title":"Description List Heading","description":"description-list-heading-example","type":"registry:page","source_url":"https://intentui.com/r/description-list-heading-example","install_command":"npx shadcn@latest add https://intentui.com/r/description-list-heading-example"},{"name":"card-action-example","title":"Card Action","description":"card-action-example","type":"registry:page","source_url":"https://intentui.com/r/card-action-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-action-example"},{"name":"card-example","title":"Card","description":"card-example","type":"registry:page","source_url":"https://intentui.com/r/card-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-example"},{"name":"card-login-form-example","title":"Card Login Form","description":"card-login-form-example","type":"registry:page","source_url":"https://intentui.com/r/card-login-form-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-login-form-example"},{"name":"card-table-example","title":"Card Table","description":"card-table-example","type":"registry:page","source_url":"https://intentui.com/r/card-table-example","install_command":"npx shadcn@latest add https://intentui.com/r/card-table-example"},{"name":"toast-action-example","title":"Toast Action","description":"toast-action-example","type":"registry:page","source_url":"https://intentui.com/r/toast-action-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-action-example"},{"name":"toast-description-example","title":"Toast Description","description":"toast-description-example","type":"registry:page","source_url":"https://intentui.com/r/toast-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-description-example"},{"name":"toast-example","title":"Toast","description":"toast-example","type":"registry:page","source_url":"https://intentui.com/r/toast-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-example"},{"name":"toast-positions-example","title":"Toast Positions","description":"toast-positions-example","type":"registry:page","source_url":"https://intentui.com/r/toast-positions-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-positions-example"},{"name":"toast-promise-example","title":"Toast Promise","description":"toast-promise-example","type":"registry:page","source_url":"https://intentui.com/r/toast-promise-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-promise-example"},{"name":"toast-status-example","title":"Toast Status","description":"toast-status-example","type":"registry:page","source_url":"https://intentui.com/r/toast-status-example","install_command":"npx shadcn@latest add https://intentui.com/r/toast-status-example"},{"name":"skeleton-dynamic-content-example","title":"Skeleton Dynamic Content","description":"skeleton-dynamic-content-example","type":"registry:page","source_url":"https://intentui.com/r/skeleton-dynamic-content-example","install_command":"npx shadcn@latest add https://intentui.com/r/skeleton-dynamic-content-example"},{"name":"skeleton-example","title":"Skeleton","description":"skeleton-example","type":"registry:page","source_url":"https://intentui.com/r/skeleton-example","install_command":"npx shadcn@latest add https://intentui.com/r/skeleton-example"},{"name":"progress-circle-color-example","title":"Progress Circle Color","description":"progress-circle-color-example","type":"registry:page","source_url":"https://intentui.com/r/progress-circle-color-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-color-example"},{"name":"progress-circle-controlled-example","title":"Progress Circle Controlled","description":"progress-circle-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/progress-circle-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-controlled-example"},{"name":"progress-circle-custom-size-example","title":"Progress Circle Custom Size","description":"progress-circle-custom-size-example","type":"registry:page","source_url":"https://intentui.com/r/progress-circle-custom-size-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-custom-size-example"},{"name":"progress-circle-example","title":"Progress Circle","description":"progress-circle-example","type":"registry:page","source_url":"https://intentui.com/r/progress-circle-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-example"},{"name":"progress-circle-indeterminate-example","title":"Progress Circle Indeterminate","description":"progress-circle-indeterminate-example","type":"registry:page","source_url":"https://intentui.com/r/progress-circle-indeterminate-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-circle-indeterminate-example"},{"name":"indeterminate-progress-bar-example","title":"Indeterminate Progress Bar","description":"indeterminate-progress-bar-example","type":"registry:page","source_url":"https://intentui.com/r/indeterminate-progress-bar-example","install_command":"npx shadcn@latest add https://intentui.com/r/indeterminate-progress-bar-example"},{"name":"progress-bar-example","title":"Progress Bar","description":"progress-bar-example","type":"registry:page","source_url":"https://intentui.com/r/progress-bar-example","install_command":"npx shadcn@latest add https://intentui.com/r/progress-bar-example"},{"name":"note-example","title":"Note","description":"note-example","type":"registry:page","source_url":"https://intentui.com/r/note-example","install_command":"npx shadcn@latest add https://intentui.com/r/note-example"},{"name":"note-intent-example","title":"Note Intent","description":"note-intent-example","type":"registry:page","source_url":"https://intentui.com/r/note-intent-example","install_command":"npx shadcn@latest add https://intentui.com/r/note-intent-example"},{"name":"meter-currency-format-example","title":"Meter Currency Format","description":"meter-currency-format-example","type":"registry:page","source_url":"https://intentui.com/r/meter-currency-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/meter-currency-format-example"},{"name":"meter-decimal-format-example","title":"Meter Decimal Format","description":"meter-decimal-format-example","type":"registry:page","source_url":"https://intentui.com/r/meter-decimal-format-example","install_command":"npx shadcn@latest add https://intentui.com/r/meter-decimal-format-example"},{"name":"meter-example","title":"Meter","description":"meter-example","type":"registry:page","source_url":"https://intentui.com/r/meter-example","install_command":"npx shadcn@latest add https://intentui.com/r/meter-example"},{"name":"loader-example","title":"Loader","description":"loader-example","type":"registry:page","source_url":"https://intentui.com/r/loader-example","install_command":"npx shadcn@latest add https://intentui.com/r/loader-example"},{"name":"loader-size-example","title":"Loader Size","description":"loader-size-example","type":"registry:page","source_url":"https://intentui.com/r/loader-size-example","install_command":"npx shadcn@latest add https://intentui.com/r/loader-size-example"},{"name":"loader-variant-example","title":"Loader Variant","description":"loader-variant-example","type":"registry:page","source_url":"https://intentui.com/r/loader-variant-example","install_command":"npx shadcn@latest add https://intentui.com/r/loader-variant-example"},{"name":"badge-example","title":"Badge","description":"badge-example","type":"registry:page","source_url":"https://intentui.com/r/badge-example","install_command":"npx shadcn@latest add https://intentui.com/r/badge-example"},{"name":"badge-intent-example","title":"Badge Intent","description":"badge-intent-example","type":"registry:page","source_url":"https://intentui.com/r/badge-intent-example","install_command":"npx shadcn@latest add https://intentui.com/r/badge-intent-example"},{"name":"badge-shape-example","title":"Badge Shape","description":"badge-shape-example","type":"registry:page","source_url":"https://intentui.com/r/badge-shape-example","install_command":"npx shadcn@latest add https://intentui.com/r/badge-shape-example"},{"name":"select-controlled-example","title":"Select Controlled","description":"select-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/select-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-controlled-example"},{"name":"select-details-description-example","title":"Select Details Description","description":"select-details-description-example","type":"registry:page","source_url":"https://intentui.com/r/select-details-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-details-description-example"},{"name":"select-disabled-example","title":"Select Disabled","description":"select-disabled-example","type":"registry:page","source_url":"https://intentui.com/r/select-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-disabled-example"},{"name":"select-example","title":"Select","description":"select-example","type":"registry:page","source_url":"https://intentui.com/r/select-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-example"},{"name":"select-multiple-example","title":"Select Multiple","description":"select-multiple-example","type":"registry:page","source_url":"https://intentui.com/r/select-multiple-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-multiple-example"},{"name":"select-searchable-example","title":"Select Searchable","description":"select-searchable-example","type":"registry:page","source_url":"https://intentui.com/r/select-searchable-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-searchable-example"},{"name":"select-section-example","title":"Select Section","description":"select-section-example","type":"registry:page","source_url":"https://intentui.com/r/select-section-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-section-example"},{"name":"select-uncontrolled-example","title":"Select Uncontrolled","description":"select-uncontrolled-example","type":"registry:page","source_url":"https://intentui.com/r/select-uncontrolled-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-uncontrolled-example"},{"name":"select-validation-example","title":"Select Validation","description":"select-validation-example","type":"registry:page","source_url":"https://intentui.com/r/select-validation-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-validation-example"},{"name":"select-with-avatar-example","title":"Select With Avatar","description":"select-with-avatar-example","type":"registry:page","source_url":"https://intentui.com/r/select-with-avatar-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-with-avatar-example"},{"name":"select-with-icon-example","title":"Select With Icon","description":"select-with-icon-example","type":"registry:page","source_url":"https://intentui.com/r/select-with-icon-example","install_command":"npx shadcn@latest add https://intentui.com/r/select-with-icon-example"},{"name":"native-select-controlled-example","title":"Native Select Controlled","description":"native-select-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-controlled-example"},{"name":"native-select-description-example","title":"Native Select Description","description":"native-select-description-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-description-example"},{"name":"native-select-disabled-example","title":"Native Select Disabled","description":"native-select-disabled-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-disabled-example"},{"name":"native-select-example","title":"Native Select","description":"native-select-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-example"},{"name":"native-select-invalid-example","title":"Native Select Invalid","description":"native-select-invalid-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-invalid-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-invalid-example"},{"name":"native-select-label-example","title":"Native Select Label","description":"native-select-label-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-label-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-label-example"},{"name":"native-select-uncontrolled-example","title":"Native Select Uncontrolled","description":"native-select-uncontrolled-example","type":"registry:page","source_url":"https://intentui.com/r/native-select-uncontrolled-example","install_command":"npx shadcn@latest add https://intentui.com/r/native-select-uncontrolled-example"},{"name":"multiple-select-controlled-example","title":"Multiple Select Controlled","description":"multiple-select-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/multiple-select-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-controlled-example"},{"name":"multiple-select-disabled-example","title":"Multiple Select Disabled","description":"multiple-select-disabled-example","type":"registry:page","source_url":"https://intentui.com/r/multiple-select-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-disabled-example"},{"name":"multiple-select-example","title":"Multiple Select","description":"multiple-select-example","type":"registry:page","source_url":"https://intentui.com/r/multiple-select-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-example"},{"name":"multiple-select-invalid-example","title":"Multiple Select Invalid","description":"multiple-select-invalid-example","type":"registry:page","source_url":"https://intentui.com/r/multiple-select-invalid-example","install_command":"npx shadcn@latest add https://intentui.com/r/multiple-select-invalid-example"},{"name":"combo-box-avatar-example","title":"Combo Box Avatar","description":"combo-box-avatar-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-avatar-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-avatar-example"},{"name":"combo-box-controlled-example","title":"Combo Box Controlled","description":"combo-box-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-controlled-example"},{"name":"combo-box-controlled-selection-example","title":"Combo Box Controlled Selection","description":"combo-box-controlled-selection-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-controlled-selection-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-controlled-selection-example"},{"name":"combo-box-custom-value-example","title":"Combo Box Custom Value","description":"combo-box-custom-value-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-custom-value-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-custom-value-example"},{"name":"combo-box-detail-description-example","title":"Combo Box Detail Description","description":"combo-box-detail-description-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-detail-description-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-detail-description-example"},{"name":"combo-box-disabled-example","title":"Combo Box Disabled","description":"combo-box-disabled-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-disabled-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-disabled-example"},{"name":"combo-box-example","title":"Combo Box","description":"combo-box-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-example"},{"name":"combo-box-invalid-example","title":"Combo Box Invalid","description":"combo-box-invalid-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-invalid-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-invalid-example"},{"name":"combo-box-multi-select-example","title":"Combo Box Multi Select","description":"combo-box-multi-select-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-multi-select-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-multi-select-example"},{"name":"combo-box-readonly-example","title":"Combo Box Readonly","description":"combo-box-readonly-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-readonly-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-readonly-example"},{"name":"combo-box-section-example","title":"Combo Box Section","description":"combo-box-section-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-section-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-section-example"},{"name":"combo-box-validation-example","title":"Combo Box Validation","description":"combo-box-validation-example","type":"registry:page","source_url":"https://intentui.com/r/combo-box-validation-example","install_command":"npx shadcn@latest add https://intentui.com/r/combo-box-validation-example"},{"name":"tooltip-delay-example","title":"Tooltip Delay","description":"tooltip-delay-example","type":"registry:page","source_url":"https://intentui.com/r/tooltip-delay-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-delay-example"},{"name":"tooltip-example","title":"Tooltip","description":"tooltip-example","type":"registry:page","source_url":"https://intentui.com/r/tooltip-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-example"},{"name":"tooltip-intent-example","title":"Tooltip Intent","description":"tooltip-intent-example","type":"registry:page","source_url":"https://intentui.com/r/tooltip-intent-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-intent-example"},{"name":"tooltip-placement-example","title":"Tooltip Placement","description":"tooltip-placement-example","type":"registry:page","source_url":"https://intentui.com/r/tooltip-placement-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-placement-example"},{"name":"tooltip-without-arrow-example","title":"Tooltip Without Arrow","description":"tooltip-without-arrow-example","type":"registry:page","source_url":"https://intentui.com/r/tooltip-without-arrow-example","install_command":"npx shadcn@latest add https://intentui.com/r/tooltip-without-arrow-example"},{"name":"sheet-controlled-example","title":"Sheet Controlled","description":"sheet-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-controlled-example"},{"name":"sheet-custom-close-example","title":"Sheet Custom Close","description":"sheet-custom-close-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-custom-close-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-custom-close-example"},{"name":"sheet-example","title":"Sheet","description":"sheet-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-example"},{"name":"sheet-float-example","title":"Sheet Float","description":"sheet-float-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-float-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-float-example"},{"name":"sheet-menu-example","title":"Sheet Menu","description":"sheet-menu-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-menu-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-menu-example"},{"name":"sheet-position-example","title":"Sheet Position","description":"sheet-position-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-position-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-position-example"},{"name":"sheet-prevent-dismissal-example","title":"Sheet Prevent Dismissal","description":"sheet-prevent-dismissal-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-prevent-dismissal-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-prevent-dismissal-example"},{"name":"sheet-snap-points-example","title":"Sheet Snap Points","description":"sheet-snap-points-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-snap-points-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-snap-points-example"},{"name":"sheet-stacking-example","title":"Sheet Stacking","description":"sheet-stacking-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-stacking-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-stacking-example"},{"name":"sheet-sticky-example","title":"Sheet Sticky","description":"sheet-sticky-example","type":"registry:page","source_url":"https://intentui.com/r/sheet-sticky-example","install_command":"npx shadcn@latest add https://intentui.com/r/sheet-sticky-example"},{"name":"preview-custom-trigger","title":"Preview Custom Trigger","description":"preview-custom-trigger","type":"registry:page","source_url":"https://intentui.com/r/preview-custom-trigger","install_command":"npx shadcn@latest add https://intentui.com/r/preview-custom-trigger"},{"name":"preview-example","title":"Preview","description":"preview-example","type":"registry:page","source_url":"https://intentui.com/r/preview-example","install_command":"npx shadcn@latest add https://intentui.com/r/preview-example"},{"name":"preview-no-delay-example","title":"Preview No Delay","description":"preview-no-delay-example","type":"registry:page","source_url":"https://intentui.com/r/preview-no-delay-example","install_command":"npx shadcn@latest add https://intentui.com/r/preview-no-delay-example"},{"name":"popover-arrow-example","title":"Popover Arrow","description":"popover-arrow-example","type":"registry:page","source_url":"https://intentui.com/r/popover-arrow-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-arrow-example"},{"name":"popover-controlled-example","title":"Popover Controlled","description":"popover-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/popover-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-controlled-example"},{"name":"popover-custom-close","title":"Popover Custom Close","description":"popover-custom-close","type":"registry:page","source_url":"https://intentui.com/r/popover-custom-close","install_command":"npx shadcn@latest add https://intentui.com/r/popover-custom-close"},{"name":"popover-example","title":"Popover","description":"popover-example","type":"registry:page","source_url":"https://intentui.com/r/popover-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-example"},{"name":"popover-placement-example","title":"Popover Placement","description":"popover-placement-example","type":"registry:page","source_url":"https://intentui.com/r/popover-placement-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-placement-example"},{"name":"popover-trigger-example","title":"Popover Trigger","description":"popover-trigger-example","type":"registry:page","source_url":"https://intentui.com/r/popover-trigger-example","install_command":"npx shadcn@latest add https://intentui.com/r/popover-trigger-example"},{"name":"alert-dialog-example","title":"Alert Dialog","description":"alert-dialog-example","type":"registry:page","source_url":"https://intentui.com/r/alert-dialog-example","install_command":"npx shadcn@latest add https://intentui.com/r/alert-dialog-example"},{"name":"dialog-controlled-example","title":"Dialog Controlled","description":"dialog-controlled-example","type":"registry:page","source_url":"https://intentui.com/r/dialog-controlled-example","install_command":"npx shadcn@latest add https://intentui.com/r/dialog-controlled-example"},{"name":"dialog-example","title":"Dialog","description":"dialog-example","type":"registry:page","source_url":"https://intentui.com/r/dialog-example","install_command":"npx shadcn@latest add https://intentui.com/r/dialog-example"},{"name":"dialog-nested-example","title":"Dialog Nested","description":"dialog-nested-example","type":"registry:page","source_url":"https://intentui.com/r/dialog-nested-example","install_command":"npx shadcn@latest add https://intentui.com/r/dialog-nested-example"}]},{"id":"interior","name":"@interior","slug":"interior","description":"Copy-paste React micro-interactions: a headless hook plus a styled example in one self-contained file, with motion as the only dependency.","author":"ddoemonn","framework":"react","license":"MIT","tags":["animation","auth","buttons","cards","forms","hooks","icons","loaders","media","navigation","overlays","tables"],"categories":["Animated components"],"labels":["popular","recently-updated"],"urls":{"website":"https://www.interior.dev","github":"https://github.com/ddoemonn/interior","registry":"https://www.interior.dev/r/registry.json","source":"https://www.interior.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/interior","markdown":"https://sh4dcn.netlify.app/md/interior.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 54'><rect x='0' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='0' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='7' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='14' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='28' width='5' height='5' rx='1.5' fill='#4568FF'/><rect x='21' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='21' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='28' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='35' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='42' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='49' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='56' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='0' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='7' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='14' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='21' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='28' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='35' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='42' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/><rect x='63' y='49' width='5' height='5' rx='1.5' fill='var(--foreground)' fill-opacity='0.13'/></svg>","preview_image":"https://www.interior.dev/opengraph-image?6157a202d3983e8c","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1184,"open_issues":5,"last_commit":"2026-10-21T21:31:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.interior.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.interior.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.interior.dev/r/registry.json","clone":"git clone https://github.com/ddoemonn/interior.git","clone_degit":"npx degit ddoemonn/interior","registry_fetch":"curl -s https://www.interior.dev/r/registry.json"},"component_count":54,"components":[{"name":"copy-button","title":"Copy Button","description":"Copy to tick, width locked, reverts after 2s.","type":"registry:ui","source_url":"https://www.interior.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/copy-button.json"},{"name":"loading-button","title":"Loading Button","description":"Label to state without layout shift.","type":"registry:ui","source_url":"https://www.interior.dev/r/loading-button.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/loading-button.json"},{"name":"hold-to-confirm","title":"Hold to Confirm","description":"A guard rail in front of destructive actions.","type":"registry:ui","source_url":"https://www.interior.dev/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/hold-to-confirm.json"},{"name":"like-burst","title":"Like Burst","description":"Optimistic like that survives rapid taps.","type":"registry:ui","source_url":"https://www.interior.dev/r/like-burst.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/like-burst.json"},{"name":"ripple","title":"Ripple","description":"Touch feedback from the pointer origin.","type":"registry:ui","source_url":"https://www.interior.dev/r/ripple.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/ripple.json"},{"name":"icon-morph","title":"Icon Morph","description":"Play/pause, menu/close as one mechanism.","type":"registry:ui","source_url":"https://www.interior.dev/r/icon-morph.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/icon-morph.json"},{"name":"press-depth","title":"Press Depth","description":"The feeling that the press landed.","type":"registry:ui","source_url":"https://www.interior.dev/r/press-depth.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/press-depth.json"},{"name":"floating-label","title":"Floating Label","description":"The label makes room instead of disappearing.","type":"registry:ui","source_url":"https://www.interior.dev/r/floating-label.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/floating-label.json"},{"name":"inline-validation","title":"Inline Validation","description":"Error message that does not shove the form.","type":"registry:ui","source_url":"https://www.interior.dev/r/inline-validation.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/inline-validation.json"},{"name":"password-strength","title":"Password Strength","description":"Strength read segment by segment.","type":"registry:ui","source_url":"https://www.interior.dev/r/password-strength.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/password-strength.json"},{"name":"otp-input","title":"OTP Input","description":"Auto advance, paste, error recovery.","type":"registry:ui","source_url":"https://www.interior.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/otp-input.json"},{"name":"tag-input","title":"Tag Input","description":"Enter adds, backspace highlights then removes.","type":"registry:ui","source_url":"https://www.interior.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/tag-input.json"},{"name":"expanding-search","title":"Expanding Search","description":"Icon to field with focus handled.","type":"registry:ui","source_url":"https://www.interior.dev/r/expanding-search.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/expanding-search.json"},{"name":"skeleton-swap","title":"Skeleton Swap","description":"Skeleton to content with zero layout shift.","type":"registry:ui","source_url":"https://www.interior.dev/r/skeleton-swap.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/skeleton-swap.json"},{"name":"progress-bar","title":"Progress Bar","description":"Indeterminate handing over to determinate.","type":"registry:ui","source_url":"https://www.interior.dev/r/progress-bar.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/progress-bar.json"},{"name":"load-more","title":"Load More","description":"Sentinel that loads before you hit the end.","type":"registry:ui","source_url":"https://www.interior.dev/r/load-more.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/load-more.json"},{"name":"streaming-text","title":"Streaming Text","description":"Token by token with a caret.","type":"registry:ui","source_url":"https://www.interior.dev/r/streaming-text.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/streaming-text.json"},{"name":"task-steps","title":"Task Steps","description":"The system narrates its work.","type":"registry:ui","source_url":"https://www.interior.dev/r/task-steps.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/task-steps.json"},{"name":"live-activity","title":"Live Activity","description":"The system's ongoing work, worn as a small object.","type":"registry:ui","source_url":"https://www.interior.dev/r/live-activity.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/live-activity.json"},{"name":"collapsible-banner","title":"Collapsible Banner","description":"Folds to its title, or lets go entirely.","type":"registry:ui","source_url":"https://www.interior.dev/r/collapsible-banner.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/collapsible-banner.json"},{"name":"presence-avatars","title":"Presence Avatars","description":"Join and leave as a layout change.","type":"registry:ui","source_url":"https://www.interior.dev/r/presence-avatars.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/presence-avatars.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"Someone is writing.","type":"registry:ui","source_url":"https://www.interior.dev/r/typing-indicator.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/typing-indicator.json"},{"name":"new-items-pill","title":"New Items Pill","description":"New content without stealing your scroll.","type":"registry:ui","source_url":"https://www.interior.dev/r/new-items-pill.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/new-items-pill.json"},{"name":"modal","title":"Modal","description":"Backdrop, scroll lock, focus trap.","type":"registry:ui","source_url":"https://www.interior.dev/r/modal.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/modal.json"},{"name":"popover","title":"Popover","description":"Knows its origin, flips on collision.","type":"registry:ui","source_url":"https://www.interior.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/popover.json"},{"name":"tooltip-group","title":"Tooltip Group","description":"Delayed once, instant after that.","type":"registry:ui","source_url":"https://www.interior.dev/r/tooltip-group.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/tooltip-group.json"},{"name":"command-palette","title":"Command Palette","description":"Results reorder as you type.","type":"registry:ui","source_url":"https://www.interior.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/command-palette.json"},{"name":"drawer","title":"Drawer","description":"Side panel that keeps its place.","type":"registry:ui","source_url":"https://www.interior.dev/r/drawer.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/drawer.json"},{"name":"context-menu","title":"Context Menu","description":"Opens from the pointer, not the corner.","type":"registry:ui","source_url":"https://www.interior.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/context-menu.json"},{"name":"dropdown","title":"Dropdown","description":"Active highlight travels between items.","type":"registry:ui","source_url":"https://www.interior.dev/r/dropdown.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/dropdown.json"},{"name":"tabs","title":"Tabs","description":"One indicator shared across tabs.","type":"registry:ui","source_url":"https://www.interior.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/tabs.json"},{"name":"segmented-control","title":"Segmented Control","description":"Thumb slides, label inverts through it.","type":"registry:ui","source_url":"https://www.interior.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/segmented-control.json"},{"name":"accordion","title":"Accordion","description":"height auto, done correctly.","type":"registry:ui","source_url":"https://www.interior.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/accordion.json"},{"name":"wizard-steps","title":"Wizard Steps","description":"Transition knows forward from back.","type":"registry:ui","source_url":"https://www.interior.dev/r/wizard-steps.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/wizard-steps.json"},{"name":"pagination","title":"Pagination","description":"The window moves, the row does not.","type":"registry:ui","source_url":"https://www.interior.dev/r/pagination.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/pagination.json"},{"name":"tree-view","title":"Tree View","description":"Disclosure the arrow keys can walk.","type":"registry:ui","source_url":"https://www.interior.dev/r/tree-view.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/tree-view.json"},{"name":"sticky-header","title":"Sticky Header","description":"Condenses as you go down.","type":"registry:ui","source_url":"https://www.interior.dev/r/sticky-header.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/sticky-header.json"},{"name":"reading-progress","title":"Reading Progress","description":"How much is left.","type":"registry:ui","source_url":"https://www.interior.dev/r/reading-progress.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/reading-progress.json"},{"name":"scroll-spy","title":"Scroll Spy","description":"The section you are actually in.","type":"registry:ui","source_url":"https://www.interior.dev/r/scroll-spy.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/scroll-spy.json"},{"name":"snap-carousel","title":"Snap Carousel","description":"Momentum that lands on a slide.","type":"registry:ui","source_url":"https://www.interior.dev/r/snap-carousel.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/snap-carousel.json"},{"name":"hide-on-scroll","title":"Hide on Scroll","description":"Toolbar yields to the content.","type":"registry:ui","source_url":"https://www.interior.dev/r/hide-on-scroll.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/hide-on-scroll.json"},{"name":"sortable-table","title":"Sortable Table","description":"Rows travel to their new order.","type":"registry:ui","source_url":"https://www.interior.dev/r/sortable-table.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/sortable-table.json"},{"name":"filter-grid","title":"Filter Grid","description":"Filtering rearranges, it does not blink.","type":"registry:ui","source_url":"https://www.interior.dev/r/filter-grid.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/filter-grid.json"},{"name":"value-flash","title":"Value Flash","description":"Marks what just changed.","type":"registry:ui","source_url":"https://www.interior.dev/r/value-flash.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/value-flash.json"},{"name":"poll-results","title":"Poll Results","description":"The winner lands last.","type":"registry:ui","source_url":"https://www.interior.dev/r/poll-results.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/poll-results.json"},{"name":"slider-detents","title":"Slider Detents","description":"Stops you can feel.","type":"registry:ui","source_url":"https://www.interior.dev/r/slider-detents.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/slider-detents.json"},{"name":"swipe-deck","title":"Swipe Deck","description":"A stack you decide through.","type":"registry:ui","source_url":"https://www.interior.dev/r/swipe-deck.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/swipe-deck.json"},{"name":"reorder-list","title":"Reorder List","description":"The gap the siblings open is the drop target.","type":"registry:ui","source_url":"https://www.interior.dev/r/reorder-list.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/reorder-list.json"},{"name":"long-press","title":"Long Press","description":"Intent confirmed by time, and cancelled by everything else.","type":"registry:ui","source_url":"https://www.interior.dev/r/long-press.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/long-press.json"},{"name":"lightbox","title":"Lightbox","description":"Zoom that returns where it started.","type":"registry:ui","source_url":"https://www.interior.dev/r/lightbox.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/lightbox.json"},{"name":"text-reveal","title":"Text Reveal","description":"Words arrive in reading order.","type":"registry:ui","source_url":"https://www.interior.dev/r/text-reveal.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/text-reveal.json"},{"name":"logo-marquee","title":"Logo Marquee","description":"Stops when you look at it.","type":"registry:ui","source_url":"https://www.interior.dev/r/logo-marquee.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/logo-marquee.json"},{"name":"blur-up-image","title":"Blur-up Image","description":"Placeholder resolves into the photo.","type":"registry:ui","source_url":"https://www.interior.dev/r/blur-up-image.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/blur-up-image.json"},{"name":"show-more","title":"Show More","description":"Height animates, text does not reflow.","type":"registry:ui","source_url":"https://www.interior.dev/r/show-more.json","install_command":"npx shadcn@latest add https://www.interior.dev/r/show-more.json"}]},{"id":"isometric","name":"@isometric","slug":"isometric","description":"Isometric line figures and UI primitives for React. SVG drawings that answer the pointer, and buttons, cards and tabs that stand on their own depth.","author":"Abhishek-Mallick","framework":"react","license":null,"tags":["blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://isometric.buildlab.in","github":"https://github.com/Abhishek-Mallick/Isometric","registry":"https://isometric.buildlab.in/r/registry.json","source":"https://isometric.buildlab.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/isometric","markdown":"https://sh4dcn.netlify.app/md/isometric.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='currentColor' stroke='currentColor' stroke-width='1.5' stroke-linejoin='round'><path d='M16 3.5 26.8 9.75 16 16 5.2 9.75z'/><path d='M5.2 9.75 16 16v12.5L5.2 22.25z' fill-opacity='.55'/><path d='M26.8 9.75 16 16v12.5l10.8-6.25z' fill-opacity='.22'/></svg>","preview_image":"https://isometric.buildlab.in/opengraph-image.png?opengraph-image.0fxxdi4jfps6r.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":12,"open_issues":0,"last_commit":"2026-10-16T17:36:05Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://isometric.buildlab.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://isometric.buildlab.in/r/registry.json","install_bun":"bunx shadcn@latest add https://isometric.buildlab.in/r/registry.json","clone":"git clone https://github.com/Abhishek-Mallick/Isometric.git","clone_degit":"npx degit Abhishek-Mallick/Isometric","registry_fetch":"curl -s https://isometric.buildlab.in/r/registry.json"},"component_count":41,"components":[{"name":"isometric-engine","title":"Isometric Engine","description":"The engine behind every figure: orthographic projection, meshes with hidden faces removed, picking, springs, one shared animation loop that sleeps offscreen, a…","type":"registry:lib","source_url":"https://isometric.buildlab.in/r/isometric-engine.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/isometric-engine.json"},{"name":"iso-depth","title":"Iso Depth","description":"The line-drawn depth every primitive stands on: an offset outline and three diagonals that fade as the face sinks.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-depth.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-depth.json"},{"name":"skyline","title":"Skyline","description":"A city block of towers on a plinth. Towers near the pointer rise, the nearer the higher.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/skyline.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/skyline.json"},{"name":"stack","title":"Stack","description":"An app window taken apart into four layers. Moving across opens the gap; moving down picks a layer.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/stack.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/stack.json"},{"name":"keys","title":"Keys","description":"A forty-key keyboard. The key under the pointer sinks and its neighbours follow; a click presses it home.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/keys.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/keys.json"},{"name":"rack","title":"Rack","description":"An open server rack of eight units. The pointer's height pulls the nearest units out and wakes their lights.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/rack.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/rack.json"},{"name":"laptop","title":"Laptop","description":"A thin laptop. The pointer's height sets how far the lid stands open; the screen lights as it opens.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/laptop.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/laptop.json"},{"name":"bars","title":"Bars","description":"An isometric bar chart drawn from your data. The bar under the pointer lifts and reads its value.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/bars.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/bars.json"},{"name":"steps","title":"Steps","description":"A staircase that reads as progress. A token rests on the current step and hops as the pointer walks it.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/steps.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/steps.json"},{"name":"files","title":"Files","description":"An upright folder of five sheets. As the pointer comes near the sheets rise; the nearest rises highest.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/files.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/files.json"},{"name":"cylinders","title":"Cylinders","description":"A database drawn as three stacked disks. The pointer's height parts the stack above the disk it picks.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/cylinders.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/cylinders.json"},{"name":"parcel","title":"Parcel","description":"A sealed box. Its flaps fold open as the pointer comes near, and a cube rises out.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/parcel.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/parcel.json"},{"name":"nodes","title":"Nodes","description":"A network of a hub and eight nodes. A pulse runs the shortest route to the node nearest the pointer.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/nodes.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/nodes.json"},{"name":"cube","title":"Cube","description":"A three by three cube. The pointer's height picks a layer and moving across twists it; it settles on a quarter turn.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/cube.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/cube.json"},{"name":"pc-case","title":"PC Case","description":"A tower you can take apart: slide the glass panel off, lift the memory out, pull the graphics card, and press power to spin every fan.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/pc-case.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/pc-case.json"},{"name":"heart","title":"Heart","description":"A heart cut from a slab, beating. Point at it to quicken the pulse; click to like it, and it fills and throws off a burst of cubes.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/heart.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/heart.json"},{"name":"pulley","title":"Pulley","description":"A block and tackle on a frame. Drag the rope's handle down and the load rises by the pull divided by the ratio, with the wheels turning as the rope runs.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/pulley.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/pulley.json"},{"name":"church","title":"Church","description":"A small stone church: a nave under a tiled roof, buttresses between pointed windows, a rose window over arched doors, and a tower with an open belfry and a spi…","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/church.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/church.json"},{"name":"reactor","title":"Reactor","description":"A ring-core reactor: a glowing core inside ten coils. The coils charge as the pointer comes near and the ring turns; click to fire a pulse.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/reactor.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/reactor.json"},{"name":"block","title":"Block","description":"One block you can mine, in nine materials. Each click cracks it; the last breaks it into fragments and drops an item, and the block grows back.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/block.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/block.json"},{"name":"chest","title":"Chest","description":"A wooden chest with an iron latch. Click to lift the lid on its hinge; what is inside floats up and turns.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/chest.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/chest.json"},{"name":"torch","title":"Torch","description":"A torch set in a stone block. Its flame flickers and lights a ring around it; click to snuff it out in a curl of smoke, and again to light it.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/torch.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/torch.json"},{"name":"tree","title":"Tree","description":"A block tree: a log trunk under a crown of leaves. It sways while the pointer is over it; click to shake a few leaves loose.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/tree.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/tree.json"},{"name":"block-icon","title":"Block Icon","description":"A block as a small static icon in its material's tint, plus the recessed slot that holds one. Plain SVG, so it renders on the server.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/block-icon.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/block-icon.json"},{"name":"hotbar","title":"Hotbar","description":"A row of nine slots. Click a slot, use the arrow keys, scroll over it, or press 1 to 9 anywhere on the page.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/hotbar.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/hotbar.json"},{"name":"inventory","title":"Inventory","description":"A grid of slots holding blocks and their counts. Click a slot, or move with the arrow keys.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/inventory.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/inventory.json"},{"name":"hearts-meter","title":"Hearts Meter","description":"Health as a row of pixel hearts, with halves. A heart that is lost blinks once.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/hearts-meter.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/hearts-meter.json"},{"name":"xp-bar","title":"XP Bar","description":"Experience: a segmented bar with the level standing over its middle.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/xp-bar.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/xp-bar.json"},{"name":"world","title":"World","description":"A small isometric town where everything works: the church, a reactor in the square, a pulley yard, a PC, a garden, trees, chests and torches. Pan, zoom, and bu…","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/world.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/world.json"},{"name":"iso-button","title":"Iso Button","description":"A button that stands on its own depth and sinks into it when pressed.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-button.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-button.json"},{"name":"iso-card","title":"Iso Card","description":"A slab: a card standing on its own depth, composed like shadcn's Card.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-card.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-card.json"},{"name":"iso-switch","title":"Iso Switch","description":"A block that slides along a recessed groove. Built on Radix Switch.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-switch.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-switch.json"},{"name":"iso-tabs","title":"Iso Tabs","description":"A row of tiles: the chosen tile stands up and the rest are pressed flat. Built on Radix Tabs.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-tabs.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-tabs.json"},{"name":"iso-slider","title":"Iso Slider","description":"A rail with a cube riding it, with optional ticks. Built on Radix Slider.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-slider.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-slider.json"},{"name":"iso-toggle-group","title":"Iso Toggle Group","description":"A row of keys; a key that is on stays pressed down. Built on Radix Toggle Group.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-toggle-group.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-toggle-group.json"},{"name":"iso-kbd","title":"Iso Kbd","description":"A keycap for shortcuts, which can be shown held down.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-kbd.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-kbd.json"},{"name":"iso-badge","title":"Iso Badge","description":"A small slab for status and counts.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-badge.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-badge.json"},{"name":"iso-progress","title":"Iso Progress","description":"Progress as a row of blocks: filled blocks stand up, empty ones lie flat.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-progress.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-progress.json"},{"name":"iso-input","title":"Iso Input","description":"A recessed well: an input whose inner walls read as depth going into the page.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-input.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-input.json"},{"name":"iso-grid","title":"Iso Grid","description":"An isometric lattice of fine lines to put behind content, fading toward its edges.","type":"registry:ui","source_url":"https://isometric.buildlab.in/r/iso-grid.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/iso-grid.json"},{"name":"all","title":"Everything","description":"Every Isometric figure and primitive in one install.","type":"registry:item","source_url":"https://isometric.buildlab.in/r/all.json","install_command":"npx shadcn@latest add https://isometric.buildlab.in/r/all.json"}]},{"id":"jalco","name":"@jalco","slug":"jalco","description":"A personal shadcn-compatible registry (jal-co/ui) of ~36 developer-facing and documentation-oriented components, zero-dependency and self-contained. Includes Code Block (shiki-powered with language icon and copy), Diff Viewer, Code Block Command (tabbed CLI switcher for pnpm/yarn/npm/bun/shadcn), GitHub Activity Graph, CI Badge, Commit Graph, Contributor Grid, GitHub Stars Button, Release Badge, Repo Card, Discord Badge, npm Badge, Download Sparkline, License Badge, AI Copy Button, API Reference Table, Color Palette, File Tree, Kbd, Stepper, Logo Cloud, Testimonial, Cron Schedule, Env Table, JSON Viewer, Log Viewer, Request Viewer, Status Indicator, and Crypto Tip Jar. Free forever. Use for: enriching developer tool documentation sites, open-source project READMEs, and SaaS developer portals with polished reference-style UI widgets.","author":"jal-co","framework":"react","license":"MIT","tags":["ai","blocks","buttons","cards","charts","crypto","developer-tools","icons","marketing","media","navigation","saas","tables","theming"],"categories":["Niche/single-purpose"],"labels":["featured"],"urls":{"website":"https://ui.justinlevine.me","github":"https://github.com/jal-co/ui","registry":"https://ui.justinlevine.me/r/{name}.json","source":"https://ui.justinlevine.me/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/jalco","markdown":"https://sh4dcn.netlify.app/md/jalco.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1415 784' fill='currentColor'><path d='M803.5,188.2v248.3c.5,55.1-31.4,104.5-65.9,144.9-8.9,10.4-20.2,26.8-32,34.2-11.9,7.5-27.4,4.2-40.8,1.8-29.1-5.3-57.2-17-83.4-30.2-55-27.7-107.1-63-155.8-101.2-21.5-16.9-64.8-44.2-65.5-75.5v-103.4c44.4-22.1,88.8-44.3,133.3-66.4v184.3c0,42.4,53.8,69.9,88.1,79.9,48,14,89.1-7,88.8-60.6V152.4c8.9-4.4,22.5-14.7,33.3-14.1,9.5.6,24.6,12.3,33.3,16.6,22.2,11.1,44.4,22.1,66.6,33.2Z'/><path d='M1042.2,474.3c-44.4,21.5-88.8,42.9-133.3,64.4V240.7c44.4,22.1,88.8,44.3,133.3,66.4v167.1Z'/></svg>","preview_image":"https://ui.justinlevine.me/opengraph-image.png?opengraph-image.013ymaiajfl71.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":152,"open_issues":3,"last_commit":"2026-04-24T16:48:26Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/jal-co/ui.git","clone_degit":"npx degit jal-co/ui","registry_fetch":"curl -s https://ui.justinlevine.me/r/{name}.json"},"component_count":0,"components":[]},{"id":"jolyui","name":"@jolyui","slug":"jolyui","description":"An open-source library of 50+ animated React components extending shadcn/ui, built with Framer Motion for 60fps animations, Tailwind CSS v4, TypeScript, and Radix UI primitives. Components visible in the registry (195 items including demos) include Animated Beam, Bento Grid, Expanded Map, Dock, Image Comparison, Animated Tooltip, Rainbow Button, File Tree, GitHub Contributors, Glitch Text, Phone Card, Rotate Text, Magnetic, Code Block, Typewriter Text, Velocity Morph, Number Counter, Highlight Text, Command Palette, AI Prompt Box, Date Wheel Picker, Liquid Metal Button, Morphing Cursor, Falling Text, and Gooey Text Morphing. Works with Next.js 14+ and React 19. Free and MIT-licensed. Use for: adding high-quality, motion-rich interactive components to React/Next.js apps that need a polished, premium feel beyond standard shadcn primitives.","author":"johuniq","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","developer-tools","forms","glassmorphism","hooks","icons","maps","marketing","media","mobile","navigation","overlays","tables","text-effects","theming"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://www.jolyui.dev","github":"https://github.com/johuniq/jolyui","registry":"https://www.jolyui.dev/r/registry.json","source":"https://www.jolyui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/jolyui","markdown":"https://sh4dcn.netlify.app/md/jolyui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill='var(--foreground)' d='M0 0 C39.93 0 79.86 0 121 0 C121.1209091 50.10114965 121.1209091 50.10114965 121.14648438 71.18359375 C121.16424757 85.70917966 121.18506799 100.23471316 121.22631836 114.76025391 C121.25635355 125.34168311 121.27560632 135.92306956 121.28226548 146.50454021 C121.28615396 152.0999562 121.29520098 157.69524996 121.31719017 163.29062653 C121.33777913 168.57324697 121.34378925 173.85569658 121.33932304 179.13835335 C121.34013834 181.06180568 121.34596893 182.98526463 121.35761642 184.90868187 C121.451058 201.15677347 120.32020838 217.55363677 115.3125 233.125 C115.05831299 233.93791504 114.80412598 234.75083008 114.54223633 235.58837891 C109.9498165 249.78213143 103.72121689 262.88992731 95 275 C94.58911133 275.57169922 94.17822266 276.14339844 93.75488281 276.73242188 C70.81449716 308.17249205 36.77577297 329.80568888 -1.75 336.25 C-13.76268103 337.78966332 -25.75589059 338.1500638 -37.85180664 338.14526367 C-39.38628215 338.14826491 -40.92075691 338.15166961 -42.45523071 338.15544128 C-46.58171726 338.16418895 -50.70818301 338.1666155 -54.83467793 338.16725707 C-57.4256246 338.16797302 -60.01656614 338.17011757 -62.60751152 338.17275429 C-71.68324996 338.18197826 -80.75897382 338.18609302 -89.8347168 338.18530273 C-98.23475258 338.18470324 -106.63472388 338.19523751 -115.03474337 338.2110464 C-122.29559406 338.22421419 -129.55642392 338.22948277 -136.81728643 338.22884732 C-141.13202437 338.22859497 -145.44670492 338.23129816 -149.76143074 338.24202538 C-191.76433013 338.33906877 -231.77856438 335.21920341 -266 308 C-266.89976562 307.30261719 -267.79953125 306.60523438 -268.7265625 305.88671875 C-292.40284771 287.11242498 -309.86267276 261.625783 -318.375 232.5625 C-318.6013916 231.80259766 -318.8277832 231.04269531 -319.06103516 230.25976562 C-324.03051855 212.05450564 -324.51169272 193.63352477 -324.44604492 174.88085938 C-324.43681038 172.11948491 -324.44390319 169.35895267 -324.46655273 166.59765625 C-324.66546019 142.21824436 -323.76698709 122.01827949 -305.85546875 103.73046875 C-293.48600031 91.90248183 -278.57734172 86.59751294 -261.6550293 86.62915039 C-244.59679486 87.07486134 -230.93381413 94.10835483 -219 106 C-218.43539062 106.54140625 -217.87078125 107.0828125 -217.2890625 107.640625 C-205.92489024 119.54594832 -202.54261408 136.21357888 -202.62890625 152.0703125 C-202.6115345 154.53776188 -202.59395002 157.00520977 -202.57617188 159.47265625 C-202.56609275 163.3081326 -202.56250821 167.14351483 -202.56420898 170.97900391 C-202.56062615 174.71805075 -202.5332516 178.45639208 -202.50390625 182.1953125 C-202.51208878 183.33098663 -202.5202713 184.46666077 -202.52870178 185.63674927 C-202.45042692 194.07354666 -201.10255316 201.24427775 -195.625 207.875 C-185.44217662 216.11823798 -176.71664834 216.29885151 -164.02197266 216.2746582 C-162.5099411 216.279011 -160.99791174 216.28419604 -159.48588562 216.29014587 C-155.39695029 216.30348638 -151.30810767 216.30412006 -147.21915483 216.30158257 C-143.79739151 216.30050945 -140.37564669 216.30540498 -136.95388734 216.310188 C-128.87679611 216.32126618 -120.79975139 216.32173018 -112.72265625 216.31567383 C-104.40882931 216.30963552 -96.09517168 216.32194528 -87.78137362 216.3432439 C-80.62611493 216.36089595 -73.47090996 216.36685556 -66.31563032 216.36360615 C-62.04975551 216.36179882 -57.78400147 216.36437432 -53.51814651 216.37832069 C-49.5043267 216.39095317 -45.49076958 216.3889041 -41.47695351 216.37590981 C-40.01049394 216.37355618 -38.54401557 216.3762348 -37.07757759 216.38453293 C-26.89503691 216.43796308 -16.896705 216.07740955 -8.53515625 209.59375 C-2.6618509 203.49627269 -0.85242104 196.39877634 -0.84178162 188.19831848 C-0.83437465 186.99390918 -0.83437465 186.99390918 -0.82681805 185.76516837 C-0.81141994 183.06585981 -0.80307616 180.36657508 -0.79467773 177.66723633 C-0.78510103 175.73578175 -0.77509107 173.80432928 -0.76467896 171.87287903 C-0.73760134 166.62117149 -0.71660724 161.36945494 -0.69667697 156.11771607 C-0.67483503 150.63239025 -0.64743758 145.14709229 -0.62062073 139.66178894 C-0.57066958 129.27085928 -0.52573974 118.87991417 -0.48259836 108.48895425 C-0.42402353 94.45027658 -0.35772366 80.41163556 -0.29184818 66.37299061 C-0.18823561 44.24868508 -0.09497163 22.12434821 0 0 Z' transform='translate(327,171)'/><path fill='var(--foreground)' d='M0 0 C1.25318527 -0.0049649 2.50637054 -0.00992981 3.79753113 -0.01504517 C7.21745969 -0.02709835 10.63732755 -0.03459788 14.05727005 -0.03905582 C16.20223496 -0.04200169 18.3471947 -0.04610934 20.49215698 -0.05056 C27.22723074 -0.06421539 33.96229248 -0.07389038 40.69737911 -0.07776189 C48.42688531 -0.08223146 56.1562137 -0.09973621 63.88566589 -0.12876248 C69.88942818 -0.15051184 75.89314095 -0.16047325 81.89694214 -0.16180301 C85.46886057 -0.16284204 89.04061145 -0.16855378 92.61248779 -0.18662262 C129.57816081 -0.36297291 129.57816081 -0.36297291 142.6328125 6.72363281 C143.28886475 7.0680542 143.94491699 7.41247559 144.62084961 7.76733398 C160.03479879 16.23680612 169.07254711 30.06828618 174.0703125 46.64941406 C177.71521395 62.1149334 175.19155652 79.02274188 167.00390625 92.64160156 C157.54357165 106.79917887 145.03078159 116.18600142 128.47299194 120.5443306 C122.6834413 121.67702034 116.90796502 121.57700645 111.02734375 121.54931641 C109.62486362 121.5533913 108.22238672 121.55873829 106.81991577 121.56524658 C103.04300804 121.57881705 99.26634867 121.5736645 95.4894371 121.56410933 C91.51744722 121.55645901 87.54547714 121.56357313 83.57348633 121.56826782 C76.90604882 121.57370985 70.23871135 121.56657473 63.57128906 121.55224609 C55.88735721 121.53592255 48.20366426 121.54121216 40.5197382 121.55772531 C33.89602409 121.57138464 27.27238146 121.5732382 20.6486578 121.5654093 C16.70417814 121.56075712 12.75981039 121.56003969 8.81533813 121.57001877 C5.10513882 121.57875127 1.3952444 121.57255335 -2.31492233 121.555336 C-4.30822086 121.54954448 -6.30154548 121.55833274 -8.29483032 121.56771851 C-25.58438964 121.44692814 -40.82723529 115.28519475 -53.05078125 103.05957031 C-66.43671798 88.301227 -69.67243646 72.05832517 -68.87939453 52.76318359 C-68.45171364 47.19078388 -66.89053953 42.29294499 -64.6796875 37.16113281 C-64.35226562 36.3090625 -64.02484375 35.45699219 -63.6875 34.57910156 C-57.63425209 20.55058906 -44.44596789 10.02223098 -30.6796875 4.16113281 C-20.50700626 0.44656285 -10.73390075 0.01024637 0 0 Z' transform='translate(333.6796875,2.8388671875)'/></svg>","preview_image":"https://jolyui.dev/opengraph-image.png?opengraph-image.2b43517d.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":268,"open_issues":1,"last_commit":"2026-10-07T06:14:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.jolyui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.jolyui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.jolyui.dev/r/registry.json","clone":"git clone https://github.com/johuniq/jolyui.git","clone_degit":"npx degit johuniq/jolyui","registry_fetch":"curl -s https://www.jolyui.dev/r/registry.json"},"component_count":199,"components":[{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://www.jolyui.dev/r/style.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/style.json"},{"name":"animated-beam","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/animated-beam.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-beam.json"},{"name":"animated-theme-toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/animated-theme-toggle.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-theme-toggle.json"},{"name":"animated-table","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/animated-table.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table.json"},{"name":"bento-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/bento-grid.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/bento-grid.json"},{"name":"expanded-map","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/expanded-map.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/expanded-map.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button.json"},{"name":"dock","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/dock.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/dock.json"},{"name":"image-comparison","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/image-comparison.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison.json"},{"name":"animated-tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip.json"},{"name":"animated-toast","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/animated-toast.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast.json"},{"name":"rainbow-button","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/rainbow-button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rainbow-button.json"},{"name":"file-tree","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/file-tree.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree.json"},{"name":"github-contributors","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/github-contributors.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-contributors.json"},{"name":"glitch-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/glitch-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/glitch-text.json"},{"name":"phone-card","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/phone-card.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/phone-card.json"},{"name":"rotate-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/rotate-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rotate-text.json"},{"name":"lazy-video","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/lazy-video.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/lazy-video.json"},{"name":"vercel-tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/vercel-tabs.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/vercel-tabs.json"},{"name":"magnetic","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/magnetic.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic.json"},{"name":"video-player","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/video-player.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player.json"},{"name":"calender","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/calender.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calender.json"},{"name":"character-morph","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/character-morph.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/character-morph.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block.json"},{"name":"text-morphing","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/text-morphing.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/text-morphing.json"},{"name":"scroll-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/scroll-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text.json"},{"name":"segmented-button","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/segmented-button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button.json"},{"name":"typewritter-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/typewritter-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/typewritter-text.json"},{"name":"velocity-morph","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/velocity-morph.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/velocity-morph.json"},{"name":"number-counter","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/number-counter.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/number-counter.json"},{"name":"highlight-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/highlight-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/highlight-text.json"},{"name":"command-palette","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/command-palette.json"},{"name":"github-star","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/github-star.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-star.json"},{"name":"gooey-text-morphing","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/gooey-text-morphing.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/gooey-text-morphing.json"},{"name":"feedback-widget","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/feedback-widget.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/feedback-widget.json"},{"name":"image-sphere","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/image-sphere.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-sphere.json"},{"name":"infinite-ribbon","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/infinite-ribbon.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/infinite-ribbon.json"},{"name":"hover-preview","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/hover-preview.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/hover-preview.json"},{"name":"ai-prompt-box","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/ai-prompt-box.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/ai-prompt-box.json"},{"name":"date-wheel-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/date-wheel-picker.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/date-wheel-picker.json"},{"name":"liquid-metal-button","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/liquid-metal-button.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/liquid-metal-button.json"},{"name":"morphing-cursor","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/morphing-cursor.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/morphing-cursor.json"},{"name":"falling-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/falling-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/falling-text.json"},{"name":"shutter-text","title":null,"description":null,"type":"registry:ui","source_url":"https://www.jolyui.dev/r/shutter-text.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/shutter-text.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://www.jolyui.dev/r/utils.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://www.jolyui.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/use-mobile.json"},{"name":"theme-daylight","title":null,"description":null,"type":"registry:theme","source_url":"https://www.jolyui.dev/r/theme-daylight.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/theme-daylight.json"},{"name":"theme-midnight","title":null,"description":null,"type":"registry:theme","source_url":"https://www.jolyui.dev/r/theme-midnight.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/theme-midnight.json"},{"name":"theme-emerald","title":null,"description":null,"type":"registry:theme","source_url":"https://www.jolyui.dev/r/theme-emerald.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/theme-emerald.json"},{"name":"animated-beam-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-beam-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-beam-demo.json"},{"name":"animated-beam-curved-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-beam-curved-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-beam-curved-demo.json"},{"name":"animated-beam-multiple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-beam-multiple-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-beam-multiple-demo.json"},{"name":"animated-beam-bidirectional-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-beam-bidirectional-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-beam-bidirectional-demo.json"},{"name":"animated-theme-toggle-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-theme-toggle-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-theme-toggle-demo.json"},{"name":"animated-theme-toggle-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-theme-toggle-sizes-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-theme-toggle-sizes-demo.json"},{"name":"animated-theme-toggle-navbar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-theme-toggle-navbar-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-theme-toggle-navbar-demo.json"},{"name":"dock-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/dock-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/dock-demo.json"},{"name":"expanded-map-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/expanded-map-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/expanded-map-demo.json"},{"name":"expanded-map-locations-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/expanded-map-locations-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/expanded-map-locations-demo.json"},{"name":"expanded-map-dark-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/expanded-map-dark-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/expanded-map-dark-demo.json"},{"name":"expanded-map-zoom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/expanded-map-zoom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/expanded-map-zoom-demo.json"},{"name":"dock-macos-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/dock-macos-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/dock-macos-demo.json"},{"name":"dock-social-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/dock-social-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/dock-social-demo.json"},{"name":"image-comparison-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-comparison-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison-demo.json"},{"name":"image-comparison-hover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-comparison-hover-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison-hover-demo.json"},{"name":"image-comparison-fade-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-comparison-fade-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison-fade-demo.json"},{"name":"image-comparison-split-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-comparison-split-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison-split-demo.json"},{"name":"image-comparison-lens-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-comparison-lens-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison-lens-demo.json"},{"name":"image-comparison-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-comparison-vertical-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-comparison-vertical-demo.json"},{"name":"animated-tooltip-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-tooltip-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip-demo.json"},{"name":"animated-tooltip-animation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-tooltip-animation-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip-animation-demo.json"},{"name":"animated-tooltip-icon-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-tooltip-icon-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip-icon-demo.json"},{"name":"animated-tooltip-status-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-tooltip-status-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip-status-demo.json"},{"name":"animated-tooltip-rich-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-tooltip-rich-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-tooltip-rich-demo.json"},{"name":"rainbow-button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/rainbow-button-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rainbow-button-demo.json"},{"name":"animated-toast-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-toast-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast-demo.json"},{"name":"animated-toast-minimal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-toast-minimal-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast-minimal-demo.json"},{"name":"animated-toast-undo-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-toast-undo-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast-undo-demo.json"},{"name":"animated-toast-notification-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-toast-notification-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast-notification-demo.json"},{"name":"animated-toast-stacked-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-toast-stacked-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast-stacked-demo.json"},{"name":"animated-toast-promise-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-toast-promise-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-toast-promise-demo.json"},{"name":"animated-table-basic-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-basic-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-basic-demo.json"},{"name":"animated-table-sort-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-sort-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-sort-demo.json"},{"name":"animated-table-search-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-search-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-search-demo.json"},{"name":"animated-table-select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-select-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-select-demo.json"},{"name":"animated-table-expand-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-expand-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-expand-demo.json"},{"name":"animated-table-column-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-column-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-column-demo.json"},{"name":"animated-table-pagination-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-pagination-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-pagination-demo.json"},{"name":"animated-table-full-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/animated-table-full-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/animated-table-full-demo.json"},{"name":"bento-grid-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/bento-grid-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/bento-grid-custom-demo.json"},{"name":"bento-grid-portfolio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/bento-grid-portfolio-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/bento-grid-portfolio-demo.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button-demo.json"},{"name":"button-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/button-variants-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button-variants-demo.json"},{"name":"button-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/button-sizes-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button-sizes-demo.json"},{"name":"button-icon-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/button-icon-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/button-icon-demo.json"},{"name":"file-tree-basic-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/file-tree-basic-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree-basic-demo.json"},{"name":"file-tree-expandable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/file-tree-expandable-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree-expandable-demo.json"},{"name":"file-tree-full-expanded-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/file-tree-full-expanded-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree-full-expanded-demo.json"},{"name":"file-tree-selectable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/file-tree-selectable-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree-selectable-demo.json"},{"name":"file-tree-custom-icons-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/file-tree-custom-icons-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/file-tree-custom-icons-demo.json"},{"name":"github-contributors-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/github-contributors-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-contributors-demo.json"},{"name":"github-contributors-limit-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/github-contributors-limit-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-contributors-limit-demo.json"},{"name":"phone-card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/phone-card-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/phone-card-demo.json"},{"name":"phone-card-image-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/phone-card-image-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/phone-card-image-demo.json"},{"name":"rotate-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/rotate-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rotate-text-demo.json"},{"name":"rotate-text-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/rotate-text-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rotate-text-custom-demo.json"},{"name":"vercel-tabs-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/vercel-tabs-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/vercel-tabs-demo.json"},{"name":"magnetic-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/magnetic-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic-demo.json"},{"name":"magnetic-intensity-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/magnetic-intensity-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic-intensity-demo.json"},{"name":"magnetic-range-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/magnetic-range-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic-range-demo.json"},{"name":"magnetic-action-area-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/magnetic-action-area-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic-action-area-demo.json"},{"name":"magnetic-cards-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/magnetic-cards-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/magnetic-cards-demo.json"},{"name":"video-player-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-demo.json"},{"name":"video-player-compact-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-compact-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-compact-demo.json"},{"name":"video-player-playlist-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-playlist-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-playlist-demo.json"},{"name":"video-player-callbacks-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-callbacks-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-callbacks-demo.json"},{"name":"video-player-quality-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-quality-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-quality-demo.json"},{"name":"video-player-captions-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-captions-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-captions-demo.json"},{"name":"video-player-timestamp-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/video-player-timestamp-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/video-player-timestamp-demo.json"},{"name":"command-palette-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/command-palette-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/command-palette-demo.json"},{"name":"command-palette-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/command-palette-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/command-palette-custom-demo.json"},{"name":"github-star-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/github-star-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/github-star-demo.json"},{"name":"calendar-basic-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-basic-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-basic-demo.json"},{"name":"calendar-range-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-range-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-range-demo.json"},{"name":"calendar-multiple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-multiple-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-multiple-demo.json"},{"name":"calendar-time-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-time-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-time-demo.json"},{"name":"calendar-presets-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-presets-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-presets-demo.json"},{"name":"calendar-constraints-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-constraints-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-constraints-demo.json"},{"name":"calendar-full-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/calendar-full-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/calendar-full-demo.json"},{"name":"character-morph-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/character-morph-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/character-morph-demo.json"},{"name":"character-morph-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/character-morph-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/character-morph-custom-demo.json"},{"name":"code-block-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-demo.json"},{"name":"code-block-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-variants-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-variants-demo.json"},{"name":"code-block-animations-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-animations-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-animations-demo.json"},{"name":"code-block-compare-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-compare-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-compare-demo.json"},{"name":"code-block-tabs-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-tabs-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-tabs-demo.json"},{"name":"code-block-terminal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-terminal-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-terminal-demo.json"},{"name":"code-block-glass-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/code-block-glass-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/code-block-glass-demo.json"},{"name":"text-morphing-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/text-morphing-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/text-morphing-demo.json"},{"name":"text-morphing-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/text-morphing-variants-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/text-morphing-variants-demo.json"},{"name":"glitch-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/glitch-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/glitch-text-demo.json"},{"name":"glitch-text-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/glitch-text-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/glitch-text-custom-demo.json"},{"name":"scroll-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text-demo.json"},{"name":"scroll-reveal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-reveal-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-reveal-demo.json"},{"name":"horizontal-scroll-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/horizontal-scroll-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/horizontal-scroll-text-demo.json"},{"name":"scroll-progress-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-progress-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-progress-text-demo.json"},{"name":"sticky-scroll-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/sticky-scroll-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/sticky-scroll-text-demo.json"},{"name":"scroll-text-fade-up-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-text-fade-up-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text-fade-up-demo.json"},{"name":"scroll-text-blur-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-text-blur-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text-blur-demo.json"},{"name":"scroll-text-scale-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-text-scale-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text-scale-demo.json"},{"name":"scroll-text-rotate-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-text-rotate-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text-rotate-demo.json"},{"name":"scroll-text-slide-left-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/scroll-text-slide-left-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/scroll-text-slide-left-demo.json"},{"name":"segmented-button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/segmented-button-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button-demo.json"},{"name":"segmented-button-theme-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/segmented-button-theme-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button-theme-demo.json"},{"name":"segmented-button-logo-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/segmented-button-logo-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button-logo-demo.json"},{"name":"segmented-button-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/segmented-button-controlled-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button-controlled-demo.json"},{"name":"segmented-button-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/segmented-button-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/segmented-button-custom-demo.json"},{"name":"typewritter-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/typewritter-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/typewritter-text-demo.json"},{"name":"typewritter-text-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/typewritter-text-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/typewritter-text-custom-demo.json"},{"name":"velocity-morph-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/velocity-morph-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/velocity-morph-demo.json"},{"name":"velocity-morph-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/velocity-morph-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/velocity-morph-custom-demo.json"},{"name":"number-counter-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/number-counter-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/number-counter-demo.json"},{"name":"rolling-counter-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/rolling-counter-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/rolling-counter-demo.json"},{"name":"circular-counter-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/circular-counter-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/circular-counter-demo.json"},{"name":"stat-counter-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/stat-counter-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/stat-counter-demo.json"},{"name":"highlight-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/highlight-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/highlight-text-demo.json"},{"name":"highlight-text-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/highlight-text-variants-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/highlight-text-variants-demo.json"},{"name":"highlight-text-colors-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/highlight-text-colors-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/highlight-text-colors-demo.json"},{"name":"gooey-text-morphing-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/gooey-text-morphing-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/gooey-text-morphing-demo.json"},{"name":"feedback-widget-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/feedback-widget-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/feedback-widget-demo.json"},{"name":"feedback-widget-custom-label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/feedback-widget-custom-label-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/feedback-widget-custom-label-demo.json"},{"name":"image-sphere-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-sphere-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-sphere-demo.json"},{"name":"image-sphere-autorotate-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-sphere-autorotate-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-sphere-autorotate-demo.json"},{"name":"image-sphere-large-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-sphere-large-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-sphere-large-demo.json"},{"name":"image-sphere-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/image-sphere-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/image-sphere-custom-demo.json"},{"name":"hover-preview-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/hover-preview-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/hover-preview-demo.json"},{"name":"hover-preview-portfolio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/hover-preview-portfolio-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/hover-preview-portfolio-demo.json"},{"name":"hover-preview-product-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/hover-preview-product-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/hover-preview-product-demo.json"},{"name":"hover-preview-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/hover-preview-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/hover-preview-custom-demo.json"},{"name":"ai-prompt-box-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/ai-prompt-box-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/ai-prompt-box-demo.json"},{"name":"ai-prompt-box-loading-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/ai-prompt-box-loading-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/ai-prompt-box-loading-demo.json"},{"name":"date-wheel-picker-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/date-wheel-picker-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/date-wheel-picker-demo.json"},{"name":"date-wheel-picker-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/date-wheel-picker-sizes-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/date-wheel-picker-sizes-demo.json"},{"name":"date-wheel-picker-locale-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/date-wheel-picker-locale-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/date-wheel-picker-locale-demo.json"},{"name":"liquid-metal-button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/liquid-metal-button-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/liquid-metal-button-demo.json"},{"name":"morphing-cursor-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/morphing-cursor-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/morphing-cursor-demo.json"},{"name":"morphing-cursor-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/morphing-cursor-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/morphing-cursor-custom-demo.json"},{"name":"morphing-cursor-styled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/morphing-cursor-styled-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/morphing-cursor-styled-demo.json"},{"name":"falling-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/falling-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/falling-text-demo.json"},{"name":"falling-text-scroll-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/falling-text-scroll-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/falling-text-scroll-demo.json"},{"name":"falling-text-click-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/falling-text-click-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/falling-text-click-demo.json"},{"name":"falling-text-custom-physics-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/falling-text-custom-physics-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/falling-text-custom-physics-demo.json"},{"name":"shutter-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/shutter-text-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/shutter-text-demo.json"},{"name":"shutter-text-scroll-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/shutter-text-scroll-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/shutter-text-scroll-demo.json"},{"name":"shutter-text-click-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/shutter-text-click-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/shutter-text-click-demo.json"},{"name":"shutter-text-hover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/shutter-text-hover-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/shutter-text-hover-demo.json"},{"name":"infinite-ribbon-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/infinite-ribbon-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/infinite-ribbon-demo.json"},{"name":"infinite-ribbon-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/infinite-ribbon-custom-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/infinite-ribbon-custom-demo.json"},{"name":"infinite-ribbon-preview-demo","title":null,"description":null,"type":"registry:example","source_url":"https://www.jolyui.dev/r/infinite-ribbon-preview-demo.json","install_command":"npx shadcn@latest add https://www.jolyui.dev/r/infinite-ribbon-preview-demo.json"}]},{"id":"joyco","name":"@joyco","slug":"joyco","description":"JOYCO Hub is the internal public registry of the JOYCO studio, hosting three content categories: 24 Components, 15 Toolbox items, and 13 Logs. Notable components include MobileMenu, ScrollArea with gradient overlays, a Chat UI, HLSVideoPlayer, Marquee, Scramble Button, Magnetic, Typewriter, Spritesheet Sequencer, Image Sequence, Infinite List, and Mention. Canvas utilities cover 2D and R3F/Three.js 3D. Built with React and Tailwind; some pieces use framer-motion/motion. Free and open source. Use for: adding studio-grade, interaction-heavy primitives (media playback, canvas, scroll effects) to a shadcn/ui project without reaching for a full component library.","author":"joyco-studio","framework":"react","license":null,"tags":["3d","aesthetic","ai","animation","audio","backgrounds","buttons","cards","charts","components","design-system","forms","gaming","hooks","media","mobile","navigation","overlays","tables","text-effects","theming"],"categories":["Component library (general)"],"labels":["featured","recently-updated"],"urls":{"website":"https://registry.joyco.studio","github":"https://github.com/joyco-studio/registry","registry":"https://registry.joyco.studio/r/registry.json","source":"https://registry.joyco.studio/r/registry.json","page":"https://sh4dcn.netlify.app/registry/joyco","markdown":"https://sh4dcn.netlify.app/md/joyco.md"},"logo":"<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><rect fill='var(--foreground)' width='32' height='32' rx='6.4'/><rect x='8' y='8' width='16' height='16' fill='var(--background)'/></svg>","preview_image":"https://hub.joyco.studio/og/docs/","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":23,"open_issues":6,"last_commit":"2026-10-20T14:10:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://registry.joyco.studio/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://registry.joyco.studio/r/registry.json","install_bun":"bunx shadcn@latest add https://registry.joyco.studio/r/registry.json","clone":"git clone https://github.com/joyco-studio/registry.git","clone_degit":"npx degit joyco-studio/registry","registry_fetch":"curl -s https://registry.joyco.studio/r/registry.json"},"component_count":48,"components":[{"name":"infinite-list","title":"Infinite List","description":"A bias-based infinite scroll wrapper and hook.","type":"registry:component","source_url":"https://registry.joyco.studio/r/infinite-list.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/infinite-list.json"},{"name":"marquee","title":"Marquee","description":"The all in one marquee component with smooth Web Animations API.","type":"registry:component","source_url":"https://registry.joyco.studio/r/marquee.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/marquee.json"},{"name":"file-button","title":"File Button","description":"A button that opens a file input when clicked.","type":"registry:component","source_url":"https://registry.joyco.studio/r/file-button.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/file-button.json"},{"name":"file-dropzone","title":"File Dropzone","description":"A drag-and-drop file upload component with image preview, validation, and error handling.","type":"registry:component","source_url":"https://registry.joyco.studio/r/file-dropzone.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/file-dropzone.json"},{"name":"mobile-menu","title":"Mobile Menu","description":"A full-screen overlay mobile menu.","type":"registry:component","source_url":"https://registry.joyco.studio/r/mobile-menu.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/mobile-menu.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrollable area component with customizable top and bottom shadows that appear when content overflows.","type":"registry:component","source_url":"https://registry.joyco.studio/r/scroll-area.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/scroll-area.json"},{"name":"chat","title":"Chat","description":"A composable chat component","type":"registry:component","source_url":"https://registry.joyco.studio/r/chat.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/chat.json"},{"name":"hls-video-player","title":"HLS Video Player","description":"A headless HLS video player with native HLS detection and error handling.","type":"registry:component","source_url":"https://registry.joyco.studio/r/hls-video-player.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/hls-video-player.json"},{"name":"action-hint","title":"Action Hint","description":"A particle emitter for showing ephemeral action feedback hints that fade out.","type":"registry:component","source_url":"https://registry.joyco.studio/r/action-hint.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/action-hint.json"},{"name":"image-sequence","title":"Responsive Image Sequence","description":"A responsive native-image sequence player with shared transfers, bounded decode readiness, and autoplay or scrub control.","type":"registry:component","source_url":"https://registry.joyco.studio/r/image-sequence.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/image-sequence.json"},{"name":"typewriter","title":"Typewriter","description":"A lightweight typewriter text component that cycles through phrases with minimal JavaScript.","type":"registry:component","source_url":"https://registry.joyco.studio/r/typewriter.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/typewriter.json"},{"name":"spritesheet-sequencer","title":"Spritesheet Sequencer","description":"A WAAPI-powered spritesheet animator for squared grid-based spritesheets with stepped frame animation.","type":"registry:component","source_url":"https://registry.joyco.studio/r/spritesheet-sequencer.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/spritesheet-sequencer.json"},{"name":"magnetic","title":"Magnetic","description":"A cursor-attraction wrapper that makes inner content subtly follow the mouse position.","type":"registry:component","source_url":"https://registry.joyco.studio/r/magnetic.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/magnetic.json"},{"name":"scramble","title":"Scramble","description":"A GSAP registered effect that decodes text with staggered character-by-character reveal animation.","type":"registry:component","source_url":"https://registry.joyco.studio/r/scramble.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/scramble.json"},{"name":"scramble-button","title":"Scramble Button","description":"A button that scrambles its text on hover using the scramble GSAP effect.","type":"registry:component","source_url":"https://registry.joyco.studio/r/scramble-button.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/scramble-button.json"},{"name":"brick-breaker","title":"Brick Breaker","description":"A fully-featured brick breaker game with multiple levels, brick types, and proper collision physics.","type":"registry:component","source_url":"https://registry.joyco.studio/r/brick-breaker.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/brick-breaker.json"},{"name":"snake-game","title":"Snake Game","description":"A minimal, themeable snake game component with highscore persistence.","type":"registry:component","source_url":"https://registry.joyco.studio/r/snake-game.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/snake-game.json"},{"name":"space-invaders","title":"Space Invaders","description":"A vertical-scrolling shoot-'em-up with enemy waves, a scaling boss (REBEL CRUSHER), pause, and highscore persistence.","type":"registry:component","source_url":"https://registry.joyco.studio/r/space-invaders.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/space-invaders.json"},{"name":"typed-emitter","title":"Typed Emitter","description":"A thin typed wrapper around tiny-emitter that lets subclasses pin an event-map type for fully typed on/emit.","type":"registry:lib","source_url":"https://registry.joyco.studio/r/typed-emitter.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/typed-emitter.json"},{"name":"canvas-2d","title":"Canvas 2D","description":"A DPR-aware 2D canvas component and hook that handles sizing, pixel ratio, and context setup automatically.","type":"registry:component","source_url":"https://registry.joyco.studio/r/canvas-2d.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/canvas-2d.json"},{"name":"debug-canvas","title":"r3f Canvas","description":"An enhanced R3F Canvas with built-in debug helpers — orbit/fly controls (mutually exclusive), grid, camera monitor, and performance stats — all toggled via a s…","type":"registry:component","source_url":"https://registry.joyco.studio/r/debug-canvas.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/debug-canvas.json"},{"name":"debug","title":"Debug Hooks","description":"A tweakpane-powered debug panel with URL-persisted state, draggable UI, and reactive hooks for binding component values.","type":"registry:component","source_url":"https://registry.joyco.studio/r/debug.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/debug.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/avatar.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/badge.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/badge.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/button.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/button.json"},{"name":"button-group","title":"Button Group","description":"Groups multiple buttons or inputs into a single visual unit.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/button-group.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/button-group.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/card.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/card.json"},{"name":"chart","title":"Chart","description":"Composable charting components built on top of Recharts.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/chart.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/chart.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/collapsible.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/collapsible.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user triggered by a button.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/dropdown-menu.json"},{"name":"input","title":"Input","description":"Displays a form input field.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/input.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/input.json"},{"name":"input-group","title":"Input Group","description":"Composable input group with addons, buttons, and textarea support.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/input-group.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/input-group.json"},{"name":"kbd","title":"Kbd","description":"Displays a keyboard key or shortcut.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/kbd.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/kbd.json"},{"name":"media-player","title":"Media Player","description":"A composable media player with controls, settings, captions, and PiP support.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/media-player.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/media-player.json"},{"name":"mention","title":"Mention","description":"An autocomplete mention input component.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/mention.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/mention.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal triggered by a button.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/popover.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/popover.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/select.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/separator.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/separator.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/slider.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/slider.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and unchecked.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/switch.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content displayed one at a time.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/tabs.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea field.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/textarea.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/textarea.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element on hover.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/tooltip.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/tooltip.json"},{"name":"cluster","title":"Cluster","description":"A flex container with the design system gap and an optional filler for space distribution.","type":"registry:ui","source_url":"https://registry.joyco.studio/r/cluster.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/cluster.json"},{"name":"joyco-theme","title":"JOYCO Theme","description":"JOYCO brand theme with light and dark mode color tokens.","type":"registry:theme","source_url":"https://registry.joyco.studio/r/joyco-theme.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/joyco-theme.json"},{"name":"joyco-fonts","title":"JOYCO Fonts","description":"JOYCO brand font configuration with Public Sans and Roboto Mono.","type":"registry:lib","source_url":"https://registry.joyco.studio/r/joyco-fonts.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/joyco-fonts.json"},{"name":"utils","title":"Utils","description":"The cn class-merge helper used by every JOYCO UI component.","type":"registry:lib","source_url":"https://registry.joyco.studio/r/utils.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/utils.json"},{"name":"ui","title":"JOYCO UI","description":"The full JOYCO UI kit — all components and brand theming.","type":"registry:style","source_url":"https://registry.joyco.studio/r/ui.json","install_command":"npx shadcn@latest add https://registry.joyco.studio/r/ui.json"}]},{"id":"jpmarques","name":"@jpmarques","slug":"jpmarques","description":"A radial pie menu for React. Press, drag toward an item, and release. Full keyboard support, ARIA menu roles, and animations.","author":"joaopmarques","framework":"react","license":"MIT","tags":["accessibility","animation","navigation"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://piemenu.jpmarqu.es","github":"https://github.com/joaopmarques/pie-menu","registry":"https://piemenu.jpmarqu.es/r/registry.json","source":"https://piemenu.jpmarqu.es/r/registry.json","page":"https://sh4dcn.netlify.app/registry/jpmarques","markdown":"https://sh4dcn.netlify.app/md/jpmarques.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><path d='M14 6A12 12 0 1 0 26 18H14Z'/><path d='M18 2A12 12 0 0 1 30 14H18Z' opacity='.5'/></svg>","preview_image":"https://piemenu.jpmarqu.es/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":3,"last_commit":"2026-10-21T14:46:34Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://piemenu.jpmarqu.es/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://piemenu.jpmarqu.es/r/registry.json","install_bun":"bunx shadcn@latest add https://piemenu.jpmarqu.es/r/registry.json","clone":"git clone https://github.com/joaopmarques/pie-menu.git","clone_degit":"npx degit joaopmarques/pie-menu","registry_fetch":"curl -s https://piemenu.jpmarqu.es/r/registry.json"},"component_count":1,"components":[{"name":"pie-menu","title":"Pie Menu","description":"A radial menu with press-drag-release selection, keyboard support, and enter and exit animations.","type":"registry:ui","source_url":"https://piemenu.jpmarqu.es/r/pie-menu.json","install_command":"npx shadcn@latest add https://piemenu.jpmarqu.es/r/pie-menu.json"}]},{"id":"json-view-cn","name":"@json-view-cn","slug":"json-view-cn","description":"A collapsible, syntax-highlighted JSON tree viewer component for React, built with Base UI","author":null,"framework":"react","license":null,"tags":[],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://json-view-cn.vercel.app","github":null,"registry":"https://json-view-cn.vercel.app/r/registry.json","source":"https://json-view-cn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/json-view-cn","markdown":"https://sh4dcn.netlify.app/md/json-view-cn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='var(--foreground, #0a0a0a)' stroke-linecap='round' stroke-linejoin='round'><g stroke-width='2.2'><path d='M12.5 6.5c-2.2 0-2.2 2.2-2.2 3.3v3.9c0 1.1-1.1 1.7-2.2 2.3 1.1.6 2.2 1.2 2.2 2.3v3.9c0 1.1 0 3.3 2.2 3.3'/><path d='M19.5 6.5c2.2 0 2.2 2.2 2.2 3.3v3.9c0 1.1 1.1 1.7 2.2 2.3-1.1.6-2.2 1.2-2.2 2.3v3.9c0 1.1 0 3.3-2.2 3.3'/></g><g stroke-width='2.4'><path d='M13.4 12.8h5.2'/><path d='M15.6 19.2h3'/></g></svg>","preview_image":"https://json-view-cn.vercel.app/opengraph-image.png?opengraph-image.2w03whglkfy-q.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://json-view-cn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://json-view-cn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://json-view-cn.vercel.app/r/registry.json","registry_fetch":"curl -s https://json-view-cn.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"json-view","title":"JSON Viewer (Base UI)","description":"A fully-customizable, collapsible, syntax-highlighted JSON tree viewer component. For projects using Base UI / base-mira style.","type":"registry:ui","source_url":"https://json-view-cn.vercel.app/r/json-view.json","install_command":"npx shadcn@latest add https://json-view-cn.vercel.app/r/json-view.json"}]},{"id":"kanpeki","name":"@kanpeki","slug":"kanpeki","description":"Kanpeki is a copy-paste component collection (not an npm package) built on React Aria Components and styled with Tailwind CSS, following the same ethos as shadcn/ui but replacing Radix UI with React Aria for superior accessibility. Ships 50+ components including Accordion, Autocomplete, Calendar, Chart, Combobox, Data Table, Date Picker, Dropzone, Input OTP, List Box, Pagination, Toast, and Toggle Group, plus full form-builder support and dark mode. Beta stage. Use for: projects that require WCAG-compliant, keyboard-navigable components grounded in React Aria rather than Radix, while keeping the shadcn copy-paste ownership model.","author":"fellipeutaka","framework":"react","license":"MIT","tags":["accessibility","aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://kanpeki.vercel.app","github":"https://github.com/fellipeutaka/kanpeki","registry":"https://kanpeki.vercel.app/r/registry.json","source":"https://kanpeki.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kanpeki","markdown":"https://sh4dcn.netlify.app/md/kanpeki.md"},"logo":"<svg fill='currentColor' role='img' viewBox='5 5 90 90' xmlns='http://www.w3.org/2000/svg'><path d='M60.033 21.233C29.688 21.233 5 45.921 5 76.267a2.5 2.5 0 105 0c0-27.588 22.445-50.033 50.033-50.033C76.557 26.233 90 39.677 90 56.201c0 9.686-7.88 17.566-17.566 17.566-5.459 0-9.901-4.442-9.901-9.901a5.17 5.17 0 015.165-5.165 2.24 2.24 0 012.237 2.237 2.5 2.5 0 105 0c0-3.99-3.247-7.237-7.237-7.237-5.605 0-10.165 4.56-10.165 10.165 0 8.217 6.685 14.901 14.901 14.901C84.877 78.767 95 68.644 95 56.201c0-19.282-15.686-34.968-34.967-34.968z'/></svg>","preview_image":"https://kanpeki.vercel.app/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":33,"open_issues":10,"last_commit":"2026-08-28T06:32:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kanpeki.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kanpeki.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://kanpeki.vercel.app/r/registry.json","clone":"git clone https://github.com/fellipeutaka/kanpeki.git","clone_degit":"npx degit fellipeutaka/kanpeki","registry_fetch":"curl -s https://kanpeki.vercel.app/r/registry.json"},"component_count":250,"components":[{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/alert.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio.json"},{"name":"autocomplete","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/autocomplete.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/combobox.json"},{"name":"date-field","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/date-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-field.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-picker.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/drawer.json"},{"name":"dropzone","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/dropzone.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field.json"},{"name":"form","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/form.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/input-otp.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp.json"},{"name":"keyboard","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/keyboard.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/keyboard.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/label.json"},{"name":"link","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/link.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/link.json"},{"name":"link-button","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/link-button.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/link-button.json"},{"name":"list-box","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/list-box.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/list-box.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/menu.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/number-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area.json"},{"name":"search-field","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/search-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/search-field.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea.json"},{"name":"text-field","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/text-field.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/text-field.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://kanpeki.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip.json"},{"name":"cva","title":null,"description":null,"type":"registry:lib","source_url":"https://kanpeki.vercel.app/r/cva.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/cva.json"},{"name":"use-is-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://kanpeki.vercel.app/r/use-is-mobile.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/use-is-mobile.json"},{"name":"accordion-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/accordion-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/accordion-demo.json"},{"name":"alert-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/alert-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert-demo.json"},{"name":"alert-destructive-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/alert-destructive-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert-destructive-demo.json"},{"name":"alert-warning-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/alert-warning-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert-warning-demo.json"},{"name":"aspect-ratio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/aspect-ratio-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio-demo.json"},{"name":"aspect-ratio-square","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/aspect-ratio-square.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio-square.json"},{"name":"aspect-ratio-portrait","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/aspect-ratio-portrait.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/aspect-ratio-portrait.json"},{"name":"autocomplete-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/autocomplete-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete-demo.json"},{"name":"autocomplete-dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/autocomplete-dialog-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/autocomplete-dialog-demo.json"},{"name":"avatar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/avatar-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/avatar-demo.json"},{"name":"avatar-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/avatar-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/avatar-group-demo.json"},{"name":"badge-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/badge-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge-demo.json"},{"name":"badge-destructive-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/badge-destructive-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge-destructive-demo.json"},{"name":"badge-outline-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/badge-outline-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge-outline-demo.json"},{"name":"badge-secondary-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/badge-secondary-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/badge-secondary-demo.json"},{"name":"breadcrumb-collapsed-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/breadcrumb-collapsed-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-collapsed-demo.json"},{"name":"breadcrumb-custom-separator-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/breadcrumb-custom-separator-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-custom-separator-demo.json"},{"name":"breadcrumb-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-demo.json"},{"name":"breadcrumb-dropdown-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/breadcrumb-dropdown-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/breadcrumb-dropdown-demo.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-demo.json"},{"name":"button-icon-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-icon-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-icon-demo.json"},{"name":"button-sizes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-sizes-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-sizes-demo.json"},{"name":"button-variants-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-variants-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-variants-demo.json"},{"name":"button-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-demo.json"},{"name":"button-group-orientation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-orientation-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-orientation-demo.json"},{"name":"button-group-size-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-size-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-size-demo.json"},{"name":"button-group-nested-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-nested-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-nested-demo.json"},{"name":"button-group-separator-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-separator-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-separator-demo.json"},{"name":"button-group-split-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-split-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-split-demo.json"},{"name":"button-group-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-input-demo.json"},{"name":"button-group-input-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-input-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-input-group-demo.json"},{"name":"button-group-dropdown-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-dropdown-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-dropdown-demo.json"},{"name":"button-group-select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-select-demo.json"},{"name":"button-group-popover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/button-group-popover-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/button-group-popover-demo.json"},{"name":"calendar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/calendar-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/calendar-demo.json"},{"name":"calendar-range-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/calendar-range-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/calendar-range-demo.json"},{"name":"card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/card-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/card-demo.json"},{"name":"carousel-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/carousel-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-demo.json"},{"name":"carousel-size-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/carousel-size-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-size-demo.json"},{"name":"carousel-spacing-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/carousel-spacing-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-spacing-demo.json"},{"name":"carousel-orientation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/carousel-orientation-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-orientation-demo.json"},{"name":"carousel-api-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/carousel-api-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-api-demo.json"},{"name":"carousel-plugin-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/carousel-plugin-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/carousel-plugin-demo.json"},{"name":"chart-area-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/chart-area-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart-area-demo.json"},{"name":"chart-bar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/chart-bar-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart-bar-demo.json"},{"name":"chart-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/chart-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart-demo.json"},{"name":"chart-line-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/chart-line-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/chart-line-demo.json"},{"name":"checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-demo.json"},{"name":"checkbox-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/checkbox-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-disabled-demo.json"},{"name":"checkbox-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/checkbox-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/checkbox-group-demo.json"},{"name":"collapsible-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/collapsible-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/collapsible-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/combobox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/combobox-demo.json"},{"name":"date-field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/date-field-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-field-demo.json"},{"name":"date-field-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/date-field-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-field-disabled-demo.json"},{"name":"date-picker-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/date-picker-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/date-picker-demo.json"},{"name":"dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/dialog-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dialog-demo.json"},{"name":"dialog-scrollable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/dialog-scrollable-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dialog-scrollable-demo.json"},{"name":"alert-dialog-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/alert-dialog-demo.json"},{"name":"drawer-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/drawer-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/drawer-demo.json"},{"name":"dropzone-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/dropzone-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-demo.json"},{"name":"dropzone-clickable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/dropzone-clickable-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-clickable-demo.json"},{"name":"dropzone-with-file-trigger-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/dropzone-with-file-trigger-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/dropzone-with-file-trigger-demo.json"},{"name":"field-checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-checkbox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-checkbox-demo.json"},{"name":"field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-demo.json"},{"name":"field-fieldset-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-fieldset-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-fieldset-demo.json"},{"name":"field-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-group-demo.json"},{"name":"field-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-input-demo.json"},{"name":"field-radio-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-radio-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-radio-demo.json"},{"name":"field-responsive-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-responsive-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-responsive-demo.json"},{"name":"field-select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-select-demo.json"},{"name":"field-switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-switch-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-switch-demo.json"},{"name":"field-textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/field-textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/field-textarea-demo.json"},{"name":"tanstack-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-demo.json"},{"name":"tanstack-form-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-input-demo.json"},{"name":"tanstack-form-textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-textarea-demo.json"},{"name":"tanstack-form-select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-select-demo.json"},{"name":"tanstack-form-checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-checkbox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-checkbox-demo.json"},{"name":"tanstack-form-switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-switch-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-switch-demo.json"},{"name":"tanstack-form-array-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-array-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-array-demo.json"},{"name":"tanstack-form-linked-fields-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tanstack-form-linked-fields-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tanstack-form-linked-fields-demo.json"},{"name":"react-aria-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-demo.json"},{"name":"react-aria-form-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-input-demo.json"},{"name":"react-aria-form-textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-textarea-demo.json"},{"name":"react-aria-form-select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-select-demo.json"},{"name":"react-aria-form-checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-checkbox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-checkbox-demo.json"},{"name":"react-aria-form-switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-switch-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-switch-demo.json"},{"name":"react-aria-form-server-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-aria-form-server-validation-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-aria-form-server-validation-demo.json"},{"name":"react-hook-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-demo.json"},{"name":"react-hook-form-input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-input-demo.json"},{"name":"react-hook-form-textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-textarea-demo.json"},{"name":"react-hook-form-select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-select-demo.json"},{"name":"react-hook-form-checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-checkbox-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-checkbox-demo.json"},{"name":"react-hook-form-switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-switch-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-switch-demo.json"},{"name":"react-hook-form-array-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-array-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-array-demo.json"},{"name":"react-hook-form-linked-fields-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/react-hook-form-linked-fields-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/react-hook-form-linked-fields-demo.json"},{"name":"hover-card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/hover-card-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/hover-card-demo.json"},{"name":"input-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-demo.json"},{"name":"input-file-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-file-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-file-demo.json"},{"name":"input-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-disabled-demo.json"},{"name":"input-with-label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-with-label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-with-label-demo.json"},{"name":"input-with-button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-with-button-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-with-button-demo.json"},{"name":"input-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-demo.json"},{"name":"input-group-icon-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-icon-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-icon-demo.json"},{"name":"input-group-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-text-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-text-demo.json"},{"name":"input-group-button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-button-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-button-demo.json"},{"name":"input-group-tooltip-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-tooltip-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-tooltip-demo.json"},{"name":"input-group-textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-textarea-demo.json"},{"name":"input-group-spinner-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-spinner-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-spinner-demo.json"},{"name":"input-group-label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-label-demo.json"},{"name":"input-group-dropdown-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-dropdown-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-dropdown-demo.json"},{"name":"input-group-button-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-group-button-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-group-button-group-demo.json"},{"name":"input-otp-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-otp-controlled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-controlled-demo.json"},{"name":"input-otp-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-otp-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-demo.json"},{"name":"input-otp-pattern-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-otp-pattern-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-pattern-demo.json"},{"name":"input-otp-separator-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/input-otp-separator-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/input-otp-separator-demo.json"},{"name":"label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/label-demo.json"},{"name":"link-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/link-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/link-demo.json"},{"name":"list-box-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/list-box-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/list-box-demo.json"},{"name":"menu-checkboxes-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/menu-checkboxes-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/menu-checkboxes-demo.json"},{"name":"menu-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/menu-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/menu-demo.json"},{"name":"menu-radio-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/menu-radio-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/menu-radio-group-demo.json"},{"name":"number-field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/number-field-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/number-field-demo.json"},{"name":"pagination-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/pagination-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-demo.json"},{"name":"pagination-simple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/pagination-simple-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-simple-demo.json"},{"name":"pagination-icons-only-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/pagination-icons-only-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/pagination-icons-only-demo.json"},{"name":"popover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/popover-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/popover-demo.json"},{"name":"popover-with-arrow-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/popover-with-arrow-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/popover-with-arrow-demo.json"},{"name":"progress-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/progress-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/progress-demo.json"},{"name":"radio-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group-demo.json"},{"name":"radio-group-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/radio-group-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group-disabled-demo.json"},{"name":"radio-group-with-description-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/radio-group-with-description-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/radio-group-with-description-demo.json"},{"name":"resizable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/resizable-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-demo.json"},{"name":"resizable-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/resizable-vertical-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-vertical-demo.json"},{"name":"resizable-handle-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/resizable-handle-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/resizable-handle-demo.json"},{"name":"scroll-area-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area-demo.json"},{"name":"scroll-area-horizontal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/scroll-area-horizontal-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/scroll-area-horizontal-demo.json"},{"name":"select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/select-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select-demo.json"},{"name":"select-infinite-scroll-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/select-infinite-scroll-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select-infinite-scroll-demo.json"},{"name":"select-scrollable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/select-scrollable-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select-scrollable-demo.json"},{"name":"select-with-label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/select-with-label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/select-with-label-demo.json"},{"name":"separator-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/separator-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/separator-demo.json"},{"name":"separator-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/separator-vertical-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/separator-vertical-demo.json"},{"name":"sheet-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/sheet-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sheet-demo.json"},{"name":"sheet-side-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/sheet-side-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/sheet-side-demo.json"},{"name":"skeleton-card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/skeleton-card-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton-card-demo.json"},{"name":"skeleton-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/skeleton-demo.json"},{"name":"slider-custom-stepping-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/slider-custom-stepping-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider-custom-stepping-demo.json"},{"name":"slider-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/slider-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider-demo.json"},{"name":"slider-multiple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/slider-multiple-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider-multiple-demo.json"},{"name":"slider-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/slider-vertical-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider-vertical-demo.json"},{"name":"slider-with-label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/slider-with-label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/slider-with-label-demo.json"},{"name":"spinner-color-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/spinner-color-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-color-demo.json"},{"name":"spinner-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/spinner-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-demo.json"},{"name":"spinner-size-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/spinner-size-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/spinner-size-demo.json"},{"name":"switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/switch-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/switch-demo.json"},{"name":"switch-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/switch-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/switch-group-demo.json"},{"name":"table-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/table-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/table-demo.json"},{"name":"tabs-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tabs-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-demo.json"},{"name":"tabs-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tabs-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-disabled-demo.json"},{"name":"tabs-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tabs-vertical-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tabs-vertical-demo.json"},{"name":"textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textarea-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-demo.json"},{"name":"textarea-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textarea-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-disabled-demo.json"},{"name":"textarea-with-label-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textarea-with-label-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-with-label-demo.json"},{"name":"textarea-with-text-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textarea-with-text-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-with-text-demo.json"},{"name":"textarea-auto-resize-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textarea-auto-resize-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textarea-auto-resize-demo.json"},{"name":"textfield-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textfield-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-demo.json"},{"name":"textfield-form-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textfield-form-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-form-demo.json"},{"name":"textfield-password-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textfield-password-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-password-demo.json"},{"name":"textfield-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textfield-validation-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-validation-demo.json"},{"name":"textfield-with-description-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textfield-with-description-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-with-description-demo.json"},{"name":"textfield-with-icon-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/textfield-with-icon-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/textfield-with-icon-demo.json"},{"name":"toast-custom-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toast-custom-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast-custom-demo.json"},{"name":"toast-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toast-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast-demo.json"},{"name":"toast-promise-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toast-promise-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast-promise-demo.json"},{"name":"toast-status-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toast-status-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast-status-demo.json"},{"name":"toast-with-description-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toast-with-description-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toast-with-description-demo.json"},{"name":"toggle-custom-fill-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-custom-fill-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-custom-fill-demo.json"},{"name":"toggle-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-demo.json"},{"name":"toggle-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-disabled-demo.json"},{"name":"toggle-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-demo.json"},{"name":"toggle-large-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-large-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-large-demo.json"},{"name":"toggle-outline-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-outline-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-outline-demo.json"},{"name":"toggle-small-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-small-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-small-demo.json"},{"name":"toggle-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-demo.json"},{"name":"toggle-group-outline-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-outline-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-outline-demo.json"},{"name":"toggle-group-single-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-single-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-single-demo.json"},{"name":"toggle-group-sm-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-sm-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-sm-demo.json"},{"name":"toggle-group-lg-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-lg-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-lg-demo.json"},{"name":"toggle-group-disabled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-disabled-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-disabled-demo.json"},{"name":"toggle-group-spacing-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/toggle-group-spacing-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/toggle-group-spacing-demo.json"},{"name":"tooltip-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip-demo.json"},{"name":"tooltip-hover-card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://kanpeki.vercel.app/r/tooltip-hover-card-demo.json","install_command":"npx shadcn@latest add https://kanpeki.vercel.app/r/tooltip-hover-card-demo.json"}]},{"id":"kapwa","name":"@kapwa","slug":"kapwa","description":"Kapwa is BetterGov Philippines' design system for public digital services, built with VitePress for documentation and Storybook for the component reference. Rooted in the Filipino value of shared selfhood (kapwa), it targets clarity, consistency, and public trust for government portals. Stack includes Tailwind CSS with a structured design-token architecture. Components are browsed via Storybook (separate from the docs site). Entirely open source and specific to the Philippine government digital-service context. Use for: building or extending government-facing Philippine web products that must conform to this official design language.","author":"bettergovph","framework":"react","license":"CC0-1.0","tags":["cards","charts","cms","components","design-system","forms","overlays","tables"],"categories":["Design system"],"labels":[],"urls":{"website":"https://kapwa-two.vercel.app","github":"https://github.com/bettergovph/kapwa","registry":"https://kapwa-two.vercel.app/r/registry.json","source":"https://kapwa-two.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kapwa","markdown":"https://sh4dcn.netlify.app/md/kapwa.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1080 1080'><defs><style>.cls-1{fill:#fff;}</style></defs><path class='cls-1' d='M156,730.46a14.41,14.41,0,0,0,6.12-4.75,13.65,13.65,0,0,0,2.56-6.55,14.35,14.35,0,0,0-.92-6.94l.53-.24a14.68,14.68,0,0,0,7.34,5.61,12.19,12.19,0,0,0,9.09-.58,13.46,13.46,0,0,0,8-9.16q1.76-6.42-2.32-15.67l-10.09-22.91-54.93,24.18,10.85,24.65a26.54,26.54,0,0,0,6.56,9.48,16.62,16.62,0,0,0,8.34,4.1A15.43,15.43,0,0,0,156,730.46Zm15.6-43.27,3.32,7.56a8.92,8.92,0,0,1,.74,6,6.38,6.38,0,0,1-8.9,3.75,9.3,9.3,0,0,1-4-4.65l-3.24-7.35Zm-30.08,23-3.61-8.2L151,696.25l3.72,8.45a9.83,9.83,0,0,1,.77,6.82,6.87,6.87,0,0,1-4.06,4.4,6,6,0,0,1-5.47,0Q143.46,714.55,141.55,710.22Z'/><polygon class='cls-1' points='174.59 747.42 187.76 768.91 197.83 762.73 184.65 741.25 195.14 734.81 209.44 758.12 219.49 751.96 197.6 716.29 146.44 747.67 168.32 783.34 178.37 777.18 164.07 753.88 174.59 747.42'/><polygon class='cls-1' points='244.62 802.01 253.72 794.53 221.51 755.34 212.41 762.82 223.98 776.9 186.72 807.53 195.8 818.58 233.06 787.95 244.62 802.01'/><polygon class='cls-1' points='284.54 838.67 292.47 829.95 254.94 795.82 247.01 804.53 260.5 816.8 228.04 852.49 238.62 862.11 271.08 826.42 284.54 838.67'/><polygon class='cls-1' points='308.28 884.17 314.94 874.42 294.13 860.21 301.07 850.05 323.65 865.47 330.3 855.74 295.73 832.14 261.89 881.7 296.45 905.3 303.09 895.57 280.51 880.15 287.47 869.96 308.28 884.17'/><path class='cls-1' d='M366.82,877.27a26.06,26.06,0,0,0-9.33-7.38L335.3,858.81l-26.81,53.7,13,6.48,9.17-18.38,6.67,3.33.62,23.27,14.16,7.07-.93-26A17,17,0,0,0,361,905.8a19.54,19.54,0,0,0,7.17-8.25,20.41,20.41,0,0,0,2.37-10.72A17.81,17.81,0,0,0,366.82,877.27Zm-12.13,13.56q-1.86,3.74-5,4.33t-7.53-1.58l-6.4-3.19,7.31-14.64,6.4,3.2Q358.4,883.42,354.69,890.83Z'/><path class='cls-1' d='M419,895.76a31.1,31.1,0,0,0-26.07-7.39,26.45,26.45,0,0,0-13.1,6.84q-5.79,5.38-8.82,14.73a34.66,34.66,0,0,0-1.6,16.7,26,26,0,0,0,6.36,13.24,29.9,29.9,0,0,0,13.2,8.21,29.6,29.6,0,0,0,14,1.33,22.64,22.64,0,0,0,11.65-5.5,26.71,26.71,0,0,0,7.5-12.09l2.45-7.55-24.61-8-3.27,10.06L408,930a9.88,9.88,0,0,1-5.48,6.16c-2.6,1.11-5.77,1.07-9.51-.15-4.27-1.38-7.1-4-8.47-7.77s-1.18-8.44.6-13.92,4.36-9.27,7.75-11.47a12.66,12.66,0,0,1,11.31-1.29,12.25,12.25,0,0,1,6.25,4.16,9.78,9.78,0,0,1,1.88,6.59l14,4.53a21.37,21.37,0,0,0-.79-11.4A24.21,24.21,0,0,0,419,895.76Z'/><path class='cls-1' d='M479.26,908.55a31.51,31.51,0,0,0-28.82-4.3,25.84,25.84,0,0,0-11.7,8.82q-4.74,6.24-6.22,16.06t1.27,17.14a25.87,25.87,0,0,0,8.61,11.88,31.4,31.4,0,0,0,28.81,4.31,26,26,0,0,0,11.73-8.82q4.79-6.25,6.25-16t-1.29-17.18A26,26,0,0,0,479.26,908.55Zm-4.74,26.85q-1.31,8.73-5.61,12.78a13.44,13.44,0,0,1-20.1-3q-3-5.14-1.65-13.86t5.63-12.78a13.45,13.45,0,0,1,20.1,3Q475.83,926.67,474.52,935.4Z'/><polygon class='cls-1' points='524.26 951.55 523.77 951.56 509.75 907.78 493.52 908 514.58 967.74 533.89 967.48 553.33 907.2 537.09 907.42 524.26 951.55'/><path class='cls-1' d='M568,952.59a7.61,7.61,0,0,0-10.65,1.15,7.07,7.07,0,0,0-1.62,5.54,7.23,7.23,0,0,0,2.77,5.13,7.55,7.55,0,0,0,10.65-1.16,7.32,7.32,0,0,0,1.72-5.61A7.21,7.21,0,0,0,568,952.59Z'/><path class='cls-1' d='M617.43,904.85a18.72,18.72,0,0,0-8.93-5.56,24.44,24.44,0,0,0-11.94-.14l-24.25,5.16L584.81,963,599,960l-3.88-18.23,9.64-2a25.88,25.88,0,0,0,11.09-5,18.48,18.48,0,0,0,6-8.65,21.08,21.08,0,0,0,.41-11.18A21.52,21.52,0,0,0,617.43,904.85ZM606.49,925.1q-2,3-6.76,4l-7,1.49-3.8-17.86,7-1.49c3.2-.68,5.79-.4,7.8.85a8.76,8.76,0,0,1,3.87,6A8.93,8.93,0,0,1,606.49,925.1Z'/><polygon class='cls-1' points='657.28 880.34 665.72 902.9 643.56 911.19 635.13 888.62 621.54 893.7 642.56 949.92 656.15 944.84 647.7 922.25 669.85 913.96 678.3 936.55 691.86 931.48 670.84 875.27 657.28 880.34'/><path class='cls-1' d='M207.86,432.72c6.24-.63,12.83-1.42,19.93-2.41,3.23-.45,6.63-.95,10.22-1.5L135.5,340.06l.86,38.09Z'/><path class='cls-1' d='M276.65,422.47c5.49-.92,11-1.86,16.47-2.72,5.11-.82,10-1.54,14.59-2.2L172.61,261.49l-38.87-.86.87,38.87Z'/><path class='cls-1' d='M736.62,669.29c1.46,2.5,2.84,5.05,4.22,7.59l172.67,23.19,27.54-26.33-211.11-15.2C732.21,662.07,734.47,665.61,736.62,669.29Z'/><path class='cls-1' d='M345.66,413.56c6.66-.42,13.23-.64,19.47-.64h.39L251.26,263.25l-38.09-.84,131,151.27Z'/><path class='cls-1' d='M970.36,591.93,727.05,609.44a232.32,232.32,0,0,0-3-29.93l217-15.63-27.54-26.34-192.8,25.9a233.39,233.39,0,0,0-27.87-67.25l154.64-118,.85-38.09L683.84,482.45a238.53,238.53,0,0,0-19-23.31L849.24,299.5l.86-38.87-38.87.86L651.59,445.89a238.32,238.32,0,0,0-23.33-19L770.67,262.41l-38.09.84-118,154.64A234.17,234.17,0,0,0,547.29,390l25.9-192.78-26.34-27.53-15.65,217a235.24,235.24,0,0,0-29.91-3.07L518.8,140.37l-26.89-28.11L465,140.37l17.51,243.29a236.12,236.12,0,0,0-29.93,3.07L437,169.69l-26.33,27.53L436.55,390a233.75,233.75,0,0,0-59.31,23.25c.6,0,1.25,0,1.86,0,64.7,3.91,137.9,43.5,146,121.24l.18,1.75-.13,1.75c-.42,5.8-.52,9.69-.49,12.31l2.34,0c2.36,0,5-.05,7.79-.1,2.3,0,4.75-.09,7.37-.12,73.29.67,138.72,37.23,182.79,101,1-7.55,1.82-15.17,2.11-22.93l243.31,17.51,28.09-26.89Z'/><path class='cls-1' d='M525.86,602.05c-25.65,3.34-49.76,6-73.52-6.63-9.51-5-16.59-14.59-25.06-21.51a189.14,189.14,0,0,0-30.83-20.38c-19.43-10.21-40.55-14.19-61.52-19.92,40.5-1.25,78.21,5.08,112.38,28.34,3.34,2.29,7.42,4.78,11.11,3.14a8.27,8.27,0,0,0,3.18-2.69c10.37-13.6-.59-40.85-7.32-54-8.12-15.69-22.46-33.77-39.45-40.45-30.24-11.9-63-11.7-96.34-7.62-12.25,1.5-24.61,3.54-37,5.73-38.71,6.87-78.33,15.93-117.84,10.73-16.27-2.14-32.93-5.55-47.53-13.29a99,99,0,0,1-19.94-13.94c-3.91-3.52-13.7-11.29-14.67-16.68a176.1,176.1,0,0,0,20.68,57.5c18.14,32,60.52,86.62,103.83,74.59,13.44-3.73,23.28-13.95,34.48-21.59,14-9.5,26.35-10.91,43-9.27,67.1,4.93,195.22,45.08,172.75,132.8C450.7,688,393.16,772,438.54,777.54c20.77.45,49.27-12.55,55.74-33.37,1.05,50.86-59.38,85.08-102.41,58-3.29,13.4,6.87,24.11,17.68,30.49,50.46,29.78,110.63,11.9,164.53,5,28.5-3.64,57.29-6.83,86-5.28a209,209,0,0,1,42.64,6.42c5.08,1.35,36.86,9.67,37.41,15.4C728,728.38,679.79,586.06,525.86,602.05Z'/><path class='cls-1' d='M354.68,581.93c-16.94-6.44-89.92-15-51.33,23.56,8.52,8.52,15.84,22.06,26.3,27.79,18.33,6.93,53.7,13.85,66.8-4.18-1.58,2.18.17,13.38-1,17.08a35.31,35.31,0,0,1-10.06,15.16c-10.88,10-26.7,14.18-40.88,16.65q-6,1-11.95,1.79c-27.82,3.51-57.87,4.42-85.2-1.59-15.45-3.41-29.46-5.67-65.55-25.53,21,29.6,52.43,42.4,59.22,44.29a232,232,0,0,0,46.66,8.12q8,.54,16,.7c15.28.31,31.15-1.88,46.28-4.12,14.94-2.22,30.28-5.88,42.58-15.1C455.83,646.51,399,598.78,354.68,581.93Z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":20,"open_issues":15,"last_commit":"2026-06-02T06:01:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kapwa-two.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kapwa-two.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://kapwa-two.vercel.app/r/registry.json","clone":"git clone https://github.com/bettergovph/kapwa.git","clone_degit":"npx degit bettergovph/kapwa","registry_fetch":"curl -s https://kapwa-two.vercel.app/r/registry.json"},"component_count":11,"components":[{"name":"article","title":"Article","description":"Article card and content components for displaying news, blog posts, and long-form content.","type":"registry:component","source_url":"https://kapwa-two.vercel.app/r/article.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/article.json"},{"name":"civic-tech-banner","title":"Civic Tech Banner","description":"Full-width banner for civic tech campaigns and community engagement with gradient background and call-to-action buttons.","type":"registry:component","source_url":"https://kapwa-two.vercel.app/r/civic-tech-banner.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/civic-tech-banner.json"},{"name":"list","title":"List","description":"List component for displaying categorized items with optional action links. Perfect for service directories, document lists, and search results.","type":"registry:component","source_url":"https://kapwa-two.vercel.app/r/list.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/list.json"},{"name":"strip-banner","title":"Strip Banner","description":"Compact notification banner for urgent announcements, alerts, and time-sensitive information. Features emoji support and dual action buttons.","type":"registry:component","source_url":"https://kapwa-two.vercel.app/r/strip-banner.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/strip-banner.json"},{"name":"table","title":"Table","description":"Data table component with status badges, hover states, and action buttons. Perfect for user management, application tracking, and directory listings.","type":"registry:component","source_url":"https://kapwa-two.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/table.json"},{"name":"tables","title":"Tables Section","description":"A section showcasing table styles for data presentation.","type":"registry:block","source_url":"https://kapwa-two.vercel.app/r/tables.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/tables.json"},{"name":"articles","title":"Articles Section","description":"A section showcasing article cards and content styles.","type":"registry:block","source_url":"https://kapwa-two.vercel.app/r/articles.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/articles.json"},{"name":"banners","title":"Banners Section","description":"A section showcasing banner and call-to-action components for community engagement.","type":"registry:block","source_url":"https://kapwa-two.vercel.app/r/banners.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/banners.json"},{"name":"biography","title":"Biography Section","description":"A section showcasing government official profile and official biography layout.","type":"registry:block","source_url":"https://kapwa-two.vercel.app/r/biography.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/biography.json"},{"name":"official-biography","title":"Official Biography","description":"A component showcasing government official profile and official biography layout.","type":"registry:component","source_url":"https://kapwa-two.vercel.app/r/official-biography.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/official-biography.json"},{"name":"lists","title":"Lists Section","description":"A section showcasing different list styles and search results.","type":"registry:block","source_url":"https://kapwa-two.vercel.app/r/lists.json","install_command":"npx shadcn@latest add https://kapwa-two.vercel.app/r/lists.json"}]},{"id":"karaui","name":"@karaui","slug":"karaui","description":"Animated React components, AI agent interfaces and app blocks built with Motion and Tailwind CSS, with ten switchable design styles.","author":"kamisama-v0","framework":"react","license":"MIT","tags":["ai","animation","audio","backgrounds","blocks","buttons","cards","charts","dashboard","editor","forms","loaders","maps","media","navigation","onboarding","overlays","pro-available","tables","text-effects","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://karaui.kamisama-v0.my.id","github":"https://github.com/kamisama-v0/Karaui","registry":"https://karaui.kamisama-v0.my.id/r/registry.json","source":"https://karaui.kamisama-v0.my.id/r/registry.json","page":"https://sh4dcn.netlify.app/registry/karaui","markdown":"https://sh4dcn.netlify.app/md/karaui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='var(--foreground)'><rect x='215' y='210' width='175' height='625' rx='87.5'/><path d='M453 522 720 272' stroke='var(--foreground)' stroke-width='175' stroke-linecap='round'/><circle cx='687' cy='737' r='102'/></svg>","preview_image":"https://karaui.kamisama-v0.my.id/api/og","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://karaui.kamisama-v0.my.id/components/blocks/pricing-table"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-20T13:23:05Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://karaui.kamisama-v0.my.id/r/registry.json","install_bun":"bunx shadcn@latest add https://karaui.kamisama-v0.my.id/r/registry.json","clone":"git clone https://github.com/kamisama-v0/Karaui.git","clone_degit":"npx degit kamisama-v0/Karaui","registry_fetch":"curl -s https://karaui.kamisama-v0.my.id/r/registry.json"},"component_count":213,"components":[{"name":"tilt-card","title":"Tilt Card","description":"3D perspective tilt on hover with cursor-tracked glare.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tilt-card.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tilt-card.json"},{"name":"button-base","title":"Button Button","description":"Press scale, hover lift, variants and sizes.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/button-base.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/button-base.json"},{"name":"button-stateful","title":"Button Stateful Button","description":"Idle → loading → success / error with blur-swap slots and morphing width.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/button-stateful.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/button-stateful.json"},{"name":"button-magnetic","title":"Button Magnetic Button","description":"Button composed with the Magnetic wrapper for cursor-attracted pull.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/button-magnetic.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/button-magnetic.json"},{"name":"expanding-arrow-button","title":"Animated CTA Buttons Expanding Arrow Button","description":"An accent tile that expands into a dotted-arrow trail on hover or focus.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/expanding-arrow-button.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/expanding-arrow-button.json"},{"name":"hold-action-button","title":"Animated CTA Buttons Hold Action Button","description":"Hold to complete with a vertical or horizontal liquid fill; release early to cancel.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/hold-action-button.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/hold-action-button.json"},{"name":"slide-action-button","title":"Animated CTA Buttons Slide Action Button","description":"Drag the thumb to the end to confirm an action; release early to spring back.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/slide-action-button.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/slide-action-button.json"},{"name":"marquee","title":"Marquee","description":"Infinite horizontal or vertical scroll with pause-on-hover.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/marquee.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/marquee.json"},{"name":"tabs","title":"Tabs","description":"Pill, segment or underline tabs with a spring layoutId indicator.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tabs.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tabs.json"},{"name":"switch","title":"Switch","description":"Toggle with a spring-driven thumb and press feedback.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/switch.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/switch.json"},{"name":"input","title":"Input","description":"Text input with label, left/right icons, error shake and success check draw.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/input.json"},{"name":"select","title":"Select Select","description":"Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with staggered items. P…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/select.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/select.json"},{"name":"select-morph","title":"Select Morph Select","description":"Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a sh…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/select-morph.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/select-morph.json"},{"name":"combobox","title":"Combobox","description":"Searchable combobox with a morphing portal, grouped filtering, keyboard navigation, and controlled or uncontrolled state.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/combobox.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/combobox.json"},{"name":"checkbox","title":"Checkbox","description":"Form choice control with a draw-on checkmark, spring press feedback and indeterminate state support.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/checkbox.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/checkbox.json"},{"name":"radio","title":"Radio Group","description":"Single-select choice control with a gliding layoutId indicator dot and spring press feedback.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/radio.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/radio.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bottom-sheet.json"},{"name":"pull-to-refresh","title":"Pull to Refresh","description":"Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/pull-to-refresh.json"},{"name":"shared-layout-bg","title":"Shared Layout Background","description":"A pill that glides between hovered items via motion's shared layout, with blur enter/exit.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/shared-layout-bg.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/shared-layout-bg.json"},{"name":"bounce-sidebar","title":"Bounce Sidebar","description":"A vertical sidebar whose active dot jumps between destinations on a curved, spring-loaded path.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/bounce-sidebar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bounce-sidebar.json"},{"name":"animated-sidebar","title":"Animated Sidebar","description":"A composable application sidebar with morphing nested navigation that folds into an animated icon rail on desktop and becomes a focus-managed sheet on mobile.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/animated-sidebar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-sidebar.json"},{"name":"preview-rail","title":"Preview Rail","description":"Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/preview-rail.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/preview-rail.json"},{"name":"dock","title":"Dock","description":"macOS-style dock with grouped actions and a gliding active pill.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/dock.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dock.json"},{"name":"tooltip","title":"Tooltip","description":"Hover or focus tooltip with blur enter/exit and spring spawn.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tooltip.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tooltip.json"},{"name":"context-menu","title":"Animated Context Menu","description":"Composable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices, keyboard navigation, typeahead, and long…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/context-menu.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/context-menu.json"},{"name":"popover","title":"Popover Gooey Popover","description":"Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/popover.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/popover.json"},{"name":"popover-morph","title":"Popover Morph Popover","description":"Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/popover-morph.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/popover-morph.json"},{"name":"morphing-modal","title":"Morphing Modal","description":"Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/morphing-modal.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/morphing-modal.json"},{"name":"center-morph-modal","title":"Center Morph Modal","description":"A composable modal whose full-size surface unfolds from its exact center toward every edge, then folds back the same way with an inset close control.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/center-morph-modal.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/center-morph-modal.json"},{"name":"text-scramble","title":"Text Animation Text Scramble","description":"A controlled character scramble that resolves changed text while keeping its final value accessible.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/text-scramble.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-scramble.json"},{"name":"chromatic-text-reveal","title":"Text Animation Dia Text Animation","description":"A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chromatic-text-reveal.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chromatic-text-reveal.json"},{"name":"text-reveal","title":"Text Animation Text Reveal","description":"Word or character reveal with spring slide-up and blur.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/text-reveal.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-reveal.json"},{"name":"text-shimmer","title":"Text Animation Text Shimmer","description":"Gradient sweep across text for loading or emphasis.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/text-shimmer.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-shimmer.json"},{"name":"text-cascade","title":"Text Animation Text Cascade","description":"Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, left to right.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/text-cascade.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/text-cascade.json"},{"name":"number-ticker","title":"Number Animation Number Ticker","description":"Slot-machine rolling digits with staggered entry.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/number-ticker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/number-ticker.json"},{"name":"animated-number","title":"Number Animation Animated Number","description":"Spring-driven count-up triggered when in view.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/animated-number.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-number.json"},{"name":"animated-badge","title":"Animated Badge","description":"Status badge with animated state icons, pulse feedback and compact size variants.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/animated-badge.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-badge.json"},{"name":"action-swap-cascade","title":"Action Swap Cascade","description":"Letter-by-letter slot roll — the old label's letters drop away as the new ones land, left to right.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/action-swap-cascade.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/action-swap-cascade.json"},{"name":"action-swap-blur","title":"Action Swap Blur","description":"Copy-button style swap with blur, opacity and scale.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/action-swap-blur.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/action-swap-blur.json"},{"name":"action-swap-roll","title":"Action Swap Roll","description":"The next text or icon rolls in from below with blur.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/action-swap-roll.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/action-swap-roll.json"},{"name":"animated-toast-stack","title":"Animated Toast Stack Animated Toast Stack","description":"Stacked toasts with status morphs, swipe dismissal, actions and six screen positions.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/animated-toast-stack.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/animated-toast-stack.json"},{"name":"toast-promise","title":"Animated Toast Stack Toast Promise","description":"One toast tracks a promise: a spinner while pending, then it morphs in place into success or error and starts its dismiss timer.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/toast-promise.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/toast-promise.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/theme-toggle.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/theme-toggle.json"},{"name":"bouncy-accordion","title":"Bouncy Accordion","description":"Single-open accordion with weighted spring layout, icon rows and reduced-motion-safe content reveals.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/bouncy-accordion.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bouncy-accordion.json"},{"name":"drawer","title":"Drawer","description":"Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/drawer.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/drawer.json"},{"name":"smooth-scroll","title":"Scroll Animation Smooth Scroll","description":"Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/smooth-scroll.json"},{"name":"scroll-progress","title":"Scroll Animation Scroll Progress","description":"Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/scroll-progress.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-progress.json"},{"name":"parallax","title":"Scroll Animation Parallax","description":"Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/parallax.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/parallax.json"},{"name":"scroll-to","title":"Scroll Animation Scroll To","description":"Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/scroll-to.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-to.json"},{"name":"scroll-reveal","title":"Scroll Animation Scroll Reveal","description":"Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-reveal.json"},{"name":"range-slider","title":"Range Slider Range Slider","description":"Tick dots, and a vertical-bar thumb that bounces as it lands on each step.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/range-slider.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider.json"},{"name":"range-slider-fluid","title":"Range Slider Fluid Slider","description":"No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/range-slider-fluid.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-fluid.json"},{"name":"range-slider-wave","title":"Range Slider Wave Slider","description":"Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/range-slider-wave.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-wave.json"},{"name":"range-slider-bubble","title":"Range Slider Bubble Slider","description":"Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/range-slider-bubble.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-bubble.json"},{"name":"range-slider-ruler","title":"Range Slider Ruler Slider","description":"The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/range-slider-ruler.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/range-slider-ruler.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for d…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/wheel-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/wheel-picker.json"},{"name":"chart-area","title":"Chart Area Chart","description":"Stacked gradient areas with a time-range switch; the reveal replays whenever the range changes.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-area.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-area.json"},{"name":"chart-bar","title":"Chart Bar Chart","description":"Grouped columns that grow from the baseline; hovering a category dims the rest and reads every series.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-bar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-bar.json"},{"name":"chart-line","title":"Chart Line Chart","description":"Smooth monotone lines with dots, a snapping cursor and one tooltip for every series.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-line.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-line.json"},{"name":"chart-donut","title":"Chart Donut Chart","description":"Slices sweep in clockwise; the hovered slice lifts and the center swaps from the total to its value and share. variant=\"pie\" for a solid pie.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-donut.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-donut.json"},{"name":"chart-radial","title":"Chart Radial Chart","description":"Concentric progress rings with rounded caps that fill clockwise toward a target.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-radial.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-radial.json"},{"name":"sparkline","title":"Chart Sparkline","description":"Word-sized trend line for stat tiles that ends on the latest value, with a spoken summary.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/sparkline.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/sparkline.json"},{"name":"chart-heatmap","title":"Chart Heatmap Chart","description":"GitHub-style contribution calendar; cells fade in week by week and arrow keys read each day.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-heatmap.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-heatmap.json"},{"name":"chart-gauge","title":"Chart Gauge Chart","description":"Arc meter with threshold bands; the fill and a springy needle swing to the value together.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-gauge.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-gauge.json"},{"name":"chart-funnel","title":"Chart Funnel Chart","description":"Horizontal conversion funnel whose stages grow in one by one; hovering a stage reads its step conversion.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chart-funnel.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chart-funnel.json"},{"name":"sortable-list","title":"Sortable List","description":"Drag-to-reorder list where only the grip handle lifts a row, the lifted row rises with a soft shadow and slight scale while its siblings spring out of the way,…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/sortable-list.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/sortable-list.json"},{"name":"tree-view","title":"Tree View","description":"Keyboard-first WAI-ARIA tree with spring-rotating chevrons, height-morphing nested groups, indent guide lines, a selection pill that glides between rows via sh…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tree-view.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tree-view.json"},{"name":"resizable-panels","title":"Resizable Panels","description":"Horizontal or vertical split panes with pointer-captured drag handles, per-panel min/max sizes, collapsible panels that spring shut below a threshold, double-c…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/resizable-panels.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/resizable-panels.json"},{"name":"image-compare","title":"Image Compare","description":"Before/after comparison whose top layer is clipped by a spring-smoothed clip-path divider, with a draggable knob, optional hover-follow mode, edge-fading label…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/image-compare.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/image-compare.json"},{"name":"timeline","title":"Timeline","description":"Vertical changelog timeline whose connector line draws with scroll progress, with dots that pop in, content that slides into view, done/current/upcoming states…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/timeline.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/timeline.json"},{"name":"tag-input","title":"Tag Input","description":"Chip field where Enter, comma or Tab adds a tag that springs in while the rest glide aside via shared layout, with Backspace-twice removal, arrow-key chip navi…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tag-input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tag-input.json"},{"name":"color-picker","title":"Color Picker","description":"HSV color picker with a 2D saturation/brightness area, hue and optional alpha sliders whose thumbs spring to a clicked point and follow drags 1:1, a validated …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/color-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/color-picker.json"},{"name":"rating","title":"Rating","description":"Star rating radiogroup with hover preview fill, a staggered spring bounce on pick, optional half-star precision from the pointer position, click-to-clear, arro…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/rating.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/rating.json"},{"name":"number-stepper","title":"Number Stepper","description":"Spinbutton with −/+ controls whose digits roll in the direction of change, press-and-hold repeat that accelerates, direct typing, arrow/Page/Home/End keys, min…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/number-stepper.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/number-stepper.json"},{"name":"pagination","title":"Pagination","description":"Page navigation with sibling and boundary ellipsis logic, a spring-gliding active pill, numbers that roll as the window shifts, arrow-nudge prev/next controls,…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/pagination.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/pagination.json"},{"name":"copy-button","title":"Copy Button","description":"Copy-to-clipboard button with a blur-and-scale copy-to-check icon morph, optional rolling Copy/Copied label, execCommand fallback, error state, and screen read…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/copy-button.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/copy-button.json"},{"name":"carousel","title":"Carousel","description":"Swipeable slide carousel driven by one motion value: momentum drag that snaps to slides with rubber-band edges, seamless loop, responsive slidesPerView, dot or…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/carousel.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/carousel.json"},{"name":"markdown-editor","title":"Markdown Editor","description":"Textarea Markdown editor with an undo-safe formatting toolbar and shortcuts, list continuation and Tab indenting, a floating selection toolbar, Write/Preview/S…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/markdown-editor.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/markdown-editor.json"},{"name":"tour","title":"Tour","description":"Onboarding tour that dims the page and cuts a rounded spotlight around each target, gliding and resizing it from step to step, with a card that flips and shift…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tour.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tour.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping avatar stack that springs apart on hover or keyboard focus, with name tooltips, online/away/busy presence dots, an optional is-typing pulse ring an…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/avatar-group.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/avatar-group.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Composable WAI-ARIA dropdown menu that springs open with a scale and fade from the trigger side, with a gliding active-row highlight, checkbox and radio items,…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dropdown-menu.json"},{"name":"hover-card","title":"Hover Card","description":"Hover card that springs out of its trigger after an open delay and stays open while the pointer travels into it; also opens on keyboard focus, closes on Escape…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/hover-card.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/hover-card.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key chips and key combos that render ⌘ or Ctrl for the visitor's platform without hydration mismatch, in two sizes, with a spring dip when pressed and…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/kbd.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/kbd.json"},{"name":"dialog","title":"Dialog","description":"Composable modal Dialog and AlertDialog that portal to the body over a blurred backdrop, scale the panel up and exit faster, trap focus, close on Escape, lock …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/dialog.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dialog.json"},{"name":"alert","title":"Alert","description":"Inline alert banner in info, success, warning and destructive tones that keep contrast in light and dark, with icons, a title, description and optional actions…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/alert.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/alert.json"},{"name":"progress","title":"Progress","description":"Progress indicators in three forms: a linear Progress bar whose fill springs smoothly with an optional label and rolling percentage, a ProgressCircle ring draw…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/progress.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholders: Skeleton blocks in rect, circle or text shapes with a gradient shimmer, SkeletonText paragraphs with a natural short last line, and Skele…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/skeleton.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/skeleton.json"},{"name":"empty-state","title":"Empty State","description":"Empty-state block with an icon or illustration slot, title, description, primary and secondary actions, three sizes and an optional dashed border; the default …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/empty-state.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/empty-state.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Composable breadcrumb trail with a hover underline that slides in from the left, links that render through your router via a render prop, and a data-driven ite…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/breadcrumb.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/breadcrumb.json"},{"name":"segmented-control","title":"Segmented Control","description":"Form-ready SegmentedControl with radiogroup semantics, a raised thumb that glides between options on a shared-layout spring, icon and/or label options, sizes, …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/segmented-control.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/segmented-control.json"},{"name":"multi-select","title":"Multi Select","description":"Searchable multi-value select whose field is the combobox input: picked options ride as chips that spring in, glide aside and collapse into a \"+N\" overflow chi…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/multi-select.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/multi-select.json"},{"name":"phone-input","title":"Phone Input","description":"International phone field with a searchable country picker (emoji flags, dial codes, ~45 built-in countries or your own list), per-country grouping applied as …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/phone-input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/phone-input.json"},{"name":"password-input","title":"Password Input","description":"Password field with an eye icon that morphs to eye-off, a caps-lock warning, a segmented strength meter whose bars spring-fill and recolor with a sliding Weak/…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/password-input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/password-input.json"},{"name":"textarea","title":"Textarea","description":"Multi-line companion to Input with the same label, error shake and message API plus a description line, auto-growing between minRows and maxRows through a meas…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/textarea.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/textarea.json"},{"name":"inline-edit","title":"Inline Edit","description":"Click-to-edit text that turns into an input or auto-growing textarea in the exact same box (no layout jump) on click, Enter or F2, saves on Enter or blur and c…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/inline-edit.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/inline-edit.json"},{"name":"toggle-group","title":"Toggle Group","description":"Composable toolbar toggles: a standalone aria-pressed Toggle plus a shadcn-shaped ToggleGroup of ToggleGroupItem children in single or multiple mode, with defa…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/toggle-group.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/toggle-group.json"},{"name":"card","title":"Card","description":"Plain, shadcn-compatible Card building block (CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with default, outline, elevated and …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/card.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/card.json"},{"name":"scroll-area","title":"Scroll Area","description":"Native-scrolling container that keeps wheel, touch momentum and keyboard scrolling but hides the browser bar behind an overlay thumb (vertical, horizontal or b…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/scroll-area.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/scroll-area.json"},{"name":"collapsible","title":"Collapsible","description":"Unstyled disclosure primitive (Collapsible, CollapsibleTrigger with asChild, CollapsibleContent) with controlled or uncontrolled open state, an in-flow height …","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/collapsible.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/collapsible.json"},{"name":"accordion","title":"Accordion","description":"Calm shadcn-compatible accordion built on Collapsible (Accordion, AccordionItem, AccordionTrigger, AccordionContent) with type single or multiple, collapsible,…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/accordion.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/accordion.json"},{"name":"menubar","title":"Menubar","description":"Desktop-app menubar (File / Edit / View) on the WAI-ARIA menubar pattern where every menu renders into one shared floating panel, so once a menu is open hoveri…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/menubar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/menubar.json"},{"name":"badge","title":"Badge","description":"General-purpose badge in default, secondary, outline, destructive, success and warning (soft or solid), three sizes, with an optional pulsing status dot or ico…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/badge.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/badge.json"},{"name":"stepper","title":"Stepper","description":"Multi-step flow with an active ring that glides between step markers, connectors that fill as steps complete, panels that slide in from the direction of travel…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/stepper.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/stepper.json"},{"name":"date-picker","title":"Date Picker Date Picker","description":"Date field whose calendar morphs open from the trigger corner and closes on pick.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/date-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/date-picker.json"},{"name":"calendar","title":"Date Picker Calendar","description":"Inline single-date calendar; the selected pill glides between days. Weekends disabled in this demo.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/calendar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/calendar.json"},{"name":"date-range-picker","title":"Date Picker Date Range Picker","description":"Range field whose two-month calendar morphs open beside one-click presets and commits once the end day is picked.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/date-range-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/date-range-picker.json"},{"name":"booking-calendar","title":"Date Picker Booking Calendar","description":"Two-month stay picker with nightly prices under each day and the cheapest days tinted, booked nights struck through, a minimum stay, and a footer with dates, n…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/booking-calendar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/booking-calendar.json"},{"name":"time-picker","title":"Date Picker Time Picker","description":"iOS-style hour, minute and AM/PM drums composed from WheelPicker, inline or as a time field whose wheels morph open and commit on Done.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/time-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/time-picker.json"},{"name":"date-time-picker","title":"Date Picker Date & Time Picker","description":"One field whose panel morphs open with the calendar beside time wheels; edits a draft and commits on Done, labelled like \"Oct 14, 2026, 9:30 AM\".","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/date-time-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/date-time-picker.json"},{"name":"month-picker","title":"Date Picker Month Picker","description":"Twelve-month grid with a gliding selection pill, year slides and a zoom-out year grid, single or range mode, min/max and full keyboard navigation, plus a popov…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/month-picker.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/month-picker.json"},{"name":"table","title":"Table Data Table","description":"10k virtualized rows with sortable headers, row selection, column resize and reorder.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/table.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table.json"},{"name":"table-editable","title":"Table Editable Table","description":"Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/table-editable.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table-editable.json"},{"name":"table-async","title":"Table Async Table","description":"Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/table-async.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table-async.json"},{"name":"table-advanced","title":"Table Advanced Data Table","description":"Paginated DataTable with multi-column sort (Shift+click adds keys, rows glide into place), per-column text/select filters and global search, column hide and dr…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/table-advanced.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/table-advanced.json"},{"name":"shader-background","title":"Shader Background","description":"Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated va…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/shader-background.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/shader-background.json"},{"name":"cylinder-carousel","title":"Cylinder Carousel","description":"A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a sprin…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/cylinder-carousel.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/cylinder-carousel.json"},{"name":"loader","title":"Loader","description":"Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five termina…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/loader.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/loader.json"},{"name":"voice-input","title":"Voice Input","description":"A mic button that morphs into a recording pill with a live Web Audio waveform, elapsed timer, cancel and confirm actions, a shimmering transcription state, and…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/voice-input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/voice-input.json"},{"name":"message-bubble","title":"Message Bubble","description":"A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/message-bubble.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message-bubble.json"},{"name":"message","title":"Message","description":"Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent row…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/message.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/message-scroller.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message-scroller.json"},{"name":"prompt-input","title":"Prompt Input","description":"An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/prompt-input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/prompt-input.json"},{"name":"todo-list","title":"Todo List","description":"A collapsible agent task plan with morphing status marks, a completion count, compact metadata, and smooth list updates.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/todo-list.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/todo-list.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code surface with stable streaming updates, line numbers, focused lines, smooth following, and copy feedback.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/code-block.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/code-block.json"},{"name":"approval-card","title":"Approval Card","description":"A human-in-the-loop decision surface for approvals, single or multiple-choice questions, custom responses, and multi-step review flows.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/approval-card.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/approval-card.json"},{"name":"file-diff","title":"File Diff","description":"A syntax-highlighted file change disclosure with progressive rows, line numbers, live change counts, smooth following, and completion collapse.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/file-diff.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/file-diff.json"},{"name":"tool-result","title":"Tool Result","description":"A lightweight execution disclosure for syntax-highlighted terminal output and request responses that collapses into a compact completed state.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tool-result.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tool-result.json"},{"name":"streaming-response","title":"Streaming Response","description":"A stable response surface with completion actions, rendered content, and an expandable source summary.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/streaming-response.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/streaming-response.json"},{"name":"image-generation","title":"Image Generation","description":"A stable generated-image surface that moves from queued work through progressive refinement to a completed result without layout shift.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/image-generation.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/image-generation.json"},{"name":"tool-approval","title":"Tool Approval","description":"A human-in-the-loop permission card for reviewing tool details, allowing once, remembering access, or denying execution.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/tool-approval.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/tool-approval.json"},{"name":"citations","title":"Citations","description":"Inline citation markers paired with a collapsible, progressively rendered reference collection for grounded agent responses.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/citations.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/citations.json"},{"name":"agent-activity","title":"Agent Activity","description":"One adaptive activity stream for reasoning, searches, tool calls, structured execution traces, or a chronological mix.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/agent-activity.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/agent-activity.json"},{"name":"reasoning-text","title":"Agent Loading States Reasoning Text","description":"Shimmering reasoning copy with an ASCII loader and cascade, phrase-swap, or per-letter scramble transitions.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/reasoning-text.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/reasoning-text.json"},{"name":"thinking-shimmer","title":"Agent Loading States Thinking Shimmer","description":"A quiet shimmer that keeps the agent's current status readable while work continues.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/thinking-shimmer.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/thinking-shimmer.json"},{"name":"agent-progress","title":"Agent Loading States Agent Progress","description":"A compact activity glyph, action verb, and live tabular timer for longer-running agent work.","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/agent-progress.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/agent-progress.json"},{"name":"model-selector","title":"Model Selector","description":"Searchable AI model picker (`ModelSelector`) that morphs open from its trigger with models grouped by provider, generic geometric provider glyphs, vision/tools…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/model-selector.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/model-selector.json"},{"name":"context-meter","title":"Context Meter","description":"Token usage indicator (`ContextMeter`) whose compact ring and \"42k / 200k\" readout expand on hover or click into a breakdown bar of system, conversation, files…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/context-meter.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/context-meter.json"},{"name":"prompt-suggestions","title":"Prompt Suggestions","description":"Suggested prompt cards or chips (`PromptSuggestions`) that stagger in on first reveal, filter and highlight as the composer text changes via `query`, reflow wi…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/prompt-suggestions.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/prompt-suggestions.json"},{"name":"message-actions","title":"Message Actions","description":"Assistant message action row (`MessageActions`) with copy that morphs into a drawn check, regenerate that spins (continuously while its promise runs), exclusiv…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/message-actions.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/message-actions.json"},{"name":"branch-navigator","title":"Branch Navigator","description":"Version switcher for regenerated or edited messages: `Branches` shares a controlled or uncontrolled index, `BranchContent` cross-fades and slides the active ve…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/branch-navigator.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/branch-navigator.json"},{"name":"conversation-history","title":"Conversation History","description":"Chat history sidebar list grouped into Pinned, Today, Yesterday, Previous 7 days and Older from a now read after mount, with search, a spring-gliding active hi…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/conversation-history.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/conversation-history.json"},{"name":"artifact-panel","title":"Artifact Panel","description":"Side canvas that slides open beside a chat (its width eases so the conversation reflows smoothly) to show a generated artifact, with a version switcher whose l…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/artifact-panel.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/artifact-panel.json"},{"name":"voice-orb","title":"Voice Orb","description":"Audio-reactive orb for voice mode whose blurred --chart and --primary color blobs orbit inside a glossy sphere and swell with a 0..1 level prop, easing between…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/voice-orb.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/voice-orb.json"},{"name":"ai-sidebar","title":"AI Sidebar","description":"A collapsible AI workspace sidebar for folders, projects, files, and bookmarks with keyboard navigation, optimistic moves, inline rename, and overflow-aware la…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/ai-sidebar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/ai-sidebar.json"},{"name":"chat-app","title":"Chat App","description":"A complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code, diffs, generated media, sources, and promp…","type":"registry:component","source_url":"https://karaui.kamisama-v0.my.id/r/chat-app.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/chat-app.json"},{"name":"inbox-app","title":"Inbox App","description":"Mail client with a folder rail and unread counts (virtual folders like Starred via `filter`), a searchable message list with unread dots, stars, checkboxes and…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/inbox-app.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/inbox-app.json"},{"name":"music-player","title":"Music Player","description":"Now-playing card with a token-gradient cover that breathes with playback, title and artist that cross-fade in the skip direction, a draggable scrub bar with bu…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/music-player.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/music-player.json"},{"name":"file-manager","title":"File Manager","description":"File browser with breadcrumb navigation, folders that slide in from the side you travel, grid/list views, click / Cmd-Ctrl-click / Shift-click range selection …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/file-manager.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/file-manager.json"},{"name":"dashboard-shell","title":"Dashboard Shell","description":"Container-sized app shell whose sidebar collapses to icons with tooltips and a gliding active pill, a top bar with a Mod+K search field and avatar menu, and a …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/dashboard-shell.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dashboard-shell.json"},{"name":"comparison-table","title":"Comparison Table","description":"Plan comparison grid with a monthly/yearly switch that rolls every price, plan columns in a sticky header over scrolling feature rows, collapsible feature grou…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/comparison-table.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/comparison-table.json"},{"name":"feature-section","title":"Feature Section","description":"Marketing features section with a vertical tab list beside a visual panel that cross-fades and slides in the direction of travel to each feature's visual, auto…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/feature-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/feature-section.json"},{"name":"blog-list","title":"Blog List","description":"Blog index with category chips and a gliding pill, a wide featured post, and cards with gradient or image covers, excerpt, author avatar, read time and an en-U…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/blog-list.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/blog-list.json"},{"name":"status-page","title":"Status Page","description":"Service status block with an overall banner derived from today's worst status, per-service 90-day uptime bars that grow in on view and reveal a date, status an…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/status-page.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/status-page.json"},{"name":"changelog","title":"Changelog","description":"Release notes list with a version and date rail, New/Improved/Fixed badges, entries that expand to reveal their staggered change lines, a tag filter with count…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/changelog.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/changelog.json"},{"name":"roadmap","title":"Roadmap","description":"Public product roadmap with Planned, In progress and Shipped columns or a quarter timeline, where cards fly between the two views through shared layout, re-sor…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/roadmap.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/roadmap.json"},{"name":"login-form","title":"Login Form","description":"Sign-in card that pairs with Signup Form — email, password and remember-me with generic SSO/passkey buttons — whose \"Forgot password?\" flow morphs inside the s…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/login-form.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/login-form.json"},{"name":"settings-page","title":"Settings Page","description":"Account settings with a side nav whose pill glides between Profile, Notifications, Appearance and Billing, sections built from inline edits, switches, selects,…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/settings-page.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/settings-page.json"},{"name":"contact-form","title":"Contact Form","description":"Contact section with name, email, a topic select and an auto-growing message textarea with a live character counter, validation that only flags fields after bl…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/contact-form.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/contact-form.json"},{"name":"checkout","title":"Checkout","description":"Checkout flow on Stepper — shipping with a gliding delivery-speed choice, display-only payment fields and an editable review — beside an order summary with com…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/checkout.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/checkout.json"},{"name":"invoice","title":"Invoice","description":"Printable invoice with number and UTC-formatted dates, an animated Paid / Due / Overdue status badge, bill-from and bill-to, a staggered line-item table and su…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/invoice.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/invoice.json"},{"name":"onboarding-checklist","title":"Onboarding Checklist","description":"Getting-started card with a progress ring and bar and steps that expand to a description and an async CTA; finishing a step pops its check, strikes its title a…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/onboarding-checklist.json"},{"name":"cta-section","title":"CTA Section","description":"Closing call-to-action section in a centered layout (large headline, two CTAs and a reassurance checklist inside a card) or a split layout (copy beside a visua…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/cta-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/cta-section.json"},{"name":"logo-cloud","title":"Logo Cloud","description":"Trusted-by logo strip with an infinite marquee variant behind edge fade masks that pauses on hover or focus, and a grid variant whose logos fade in with a stag…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/logo-cloud.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/logo-cloud.json"},{"name":"how-it-works","title":"How It Works","description":"Numbered steps section whose connector draws from marker to marker as it scrolls into view, lighting each marker as the line arrives; horizontal on wide contai…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/how-it-works.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/how-it-works.json"},{"name":"integrations-section","title":"Integrations Section","description":"Integrations showcase pairing a hub-and-spoke orbit (your logo at the center, integration icons on counter-rotating rings that keep icons upright and pause on …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/integrations-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/integrations-section.json"},{"name":"image-gallery","title":"Image Gallery","description":"Photo gallery laid out as a masonry or uniform grid sized by its own container width, with hover zoom and caption reveal, category filters behind a gliding chi…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/image-gallery.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/image-gallery.json"},{"name":"newsletter-section","title":"Newsletter Section","description":"Newsletter signup section with an email field, light validation and a submit button that steps through idle, loading, success and error from your onSubscribe p…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/newsletter-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/newsletter-section.json"},{"name":"team-section","title":"Team Section","description":"Team page section with member cards that stagger in on view and slide up a bio and links on hover or focus, department filter chips with a gliding pill and spr…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/team-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/team-section.json"},{"name":"content-section","title":"Content Section","description":"Long-form marketing content block in three variants: split copy beside media that stays pinned while paragraphs scroll, a stats layout whose callouts roll thei…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/content-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/content-section.json"},{"name":"audit-trail","title":"Audit Trail","description":"Chronological activity log grouped by day with actor avatars, verb-plus-target summaries, relative times, severity and category badges, actor, action-type and …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/audit-trail.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/audit-trail.json"},{"name":"approval-queue","title":"Approval Queue","description":"Review queue for pending expense, access, deploy and time-off requests with row and bulk selection, approve and reject that swipe rows out optimistically with …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/approval-queue.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/approval-queue.json"},{"name":"log-explorer","title":"Log Explorer","description":"Log stream viewer with a volume histogram you click or drag across to narrow the time window, level filters, a text query with highlighted matches, a virtualiz…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/log-explorer.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/log-explorer.json"},{"name":"performance-report","title":"Performance Report","description":"Dashboard report with a date range picker and previous-period compare switch, rolling KPI cards with delta badges, an area trend chart that adds the previous p…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/performance-report.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/performance-report.json"},{"name":"cookie-consent","title":"Cookie Consent","description":"Cookie consent card that springs up after mount with Accept all, Reject non-essential and Customize, where Customize grows the card into Necessary (locked on),…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/cookie-consent.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/cookie-consent.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Site navbar with a logo slot, plain links and mega-menu panels: a hover pill glides between items, the dropdown viewport morphs its size to each panel while co…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/navigation-menu.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/navigation-menu.json"},{"name":"bento-grid","title":"Bento Grid","description":"Bento layout of feature tiles on a container-query grid that collapses to one column in narrow containers, with per-card column and row spans, icon, title, des…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/bento-grid.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bento-grid.json"},{"name":"stat-card","title":"Stat Card","description":"KPI tiles whose headline numbers roll digit by digit to each new value, with Intl number, currency, percent and compact formatting, a delta badge with an up or…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/stat-card.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/stat-card.json"},{"name":"notification-center","title":"Notification Center","description":"Bell trigger whose unread badge springs when the count rises, opening a panel that grows out of the bell with All/Unread tabs and a gliding indicator, Today/Ea…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/notification-center.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/notification-center.json"},{"name":"faq-section","title":"FAQ Section","description":"FAQ page section with an eyebrow, heading and description column beside an accordion that opens one or many answers with height-morphing panels and a rotating …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/faq-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/faq-section.json"},{"name":"testimonial-wall","title":"Testimonial Wall","description":"Testimonial wall of quote cards with names, roles, initials avatars and optional star ratings, laid out in masonry-like columns that scroll vertically in alter…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/testimonial-wall.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/testimonial-wall.json"},{"name":"hero-section","title":"Hero Section","description":"Landing hero with a New pill badge, a headline revealed word by word with a spring blur-in, supporting copy that follows, primary and secondary CTAs, an instal…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/hero-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/hero-section.json"},{"name":"footer-section","title":"Footer Section","description":"Site footer with a brand column of logo, tagline and social icons that lift on hover, link columns that collapse into disclosures in narrow containers, a newsl…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/footer-section.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/footer-section.json"},{"name":"event-calendar","title":"Event Calendar","description":"Month and week event calendar: month cells pack events into lanes so multi-day events become bars across the week row and overflowing days open a \"+N more\" lis…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/event-calendar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/event-calendar.json"},{"name":"pricing-table","title":"Pricing Table","description":"Pricing block with a monthly/yearly toggle whose pill glides between options beside a Save 20% badge, prices that roll digit by digit to the new period, three …","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/pricing-table.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/pricing-table.json"},{"name":"kanban-board","title":"Kanban Board","description":"Task board whose cards drag within and across columns, opening a dashed drop slot where they will land, lighting up the column underneath and flying into place…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/kanban-board.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/kanban-board.json"},{"name":"infinite-masonry","title":"Infinite Masonry","description":"Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/infinite-masonry.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/infinite-masonry.json"},{"name":"notification-stack","title":"Notification Stack","description":"Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/notification-stack.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/notification-stack.json"},{"name":"project-folder","title":"Project Folder","description":"An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/project-folder.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/project-folder.json"},{"name":"knockout-wheel","title":"Fixtures Knockout Wheel","description":"The tournament drawn radially. The champion holds the hub, each round is a ring further out, and the teams themselves form the rim. Nodes spring in ring by rin…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/knockout-wheel.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/knockout-wheel.json"},{"name":"knockout-bracket","title":"Fixtures Knockout Bracket","description":"Pages one round at a time. The leftmost round stacks at a fixed rhythm, each later round centers between its two feeder matches, and cards, elbow connectors, h…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/knockout-bracket.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/knockout-bracket.json"},{"name":"availability-scheduler","title":"Availability Scheduler","description":"Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrol…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/availability-scheduler.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/availability-scheduler.json"},{"name":"swap","title":"Multi-chain Swap","description":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/swap.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/swap.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/dynamic-island.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/dynamic-island.json"},{"name":"command-palette","title":"Command Palette","description":"⌘K palette with fuzzy filter, spring-animated active row and glass surface.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/command-palette.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/command-palette.json"},{"name":"morphing-search","title":"Morphing Search","description":"Search field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/morphing-search.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/morphing-search.json"},{"name":"expandable-action-bar","title":"Expandable Action Bar","description":"Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/expandable-action-bar.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/expandable-action-bar.json"},{"name":"overflow-actions","title":"Overflow Actions","description":"Connected pill rail for primary actions that springs open to reveal extra controls.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/overflow-actions.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/overflow-actions.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/expandable-tabs.json"},{"name":"morphing-tabs","title":"Morphing Tabs","description":"Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/morphing-tabs.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/morphing-tabs.json"},{"name":"swipeable-list","title":"Swipeable List","description":"Mobile-style list rows that swipe left or right to reveal contextual action buttons.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/swipeable-list.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/swipeable-list.json"},{"name":"attachment-upload","title":"File Upload Attachment Upload","description":"A mixed attachment workspace with a dropzone, staggered file and image rows, animated upload, success, failure, retry and removal feedback, shared-layout image…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/attachment-upload.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/attachment-upload.json"},{"name":"file-upload","title":"File Upload Upload Queue","description":"A drag-and-drop upload queue with progress rows, upload states, retry, and removal.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/file-upload.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/file-upload.json"},{"name":"prediction-market","title":"Prediction Market","description":"Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/prediction-market.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/prediction-market.json"},{"name":"wallet-card","title":"Wallet Card","description":"Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, c…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/wallet-card.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/wallet-card.json"},{"name":"otp-input","title":"OTP Input","description":"One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/otp-input.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/otp-input.json"},{"name":"signup-form","title":"Sign Up Form","description":"Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and a…","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/signup-form.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/signup-form.json"},{"name":"bloom-menu","title":"Bloom Menu","description":"A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/bloom-menu.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/bloom-menu.json"},{"name":"feedback-widget","title":"Feedback Widget","description":"Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/feedback-widget.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/feedback-widget.json"},{"name":"not-found-glitch","title":"404 / Not Found Glitch","description":"Digits scramble through random glyphs before resolving, with a chromatic split on hover.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/not-found-glitch.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-glitch.json"},{"name":"not-found-magnetic","title":"404 / Not Found Magnetic","description":"Each digit is cursor-attracted via the Magnetic wrapper and springs back on leave.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/not-found-magnetic.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-magnetic.json"},{"name":"not-found-spotlight","title":"404 / Not Found Spotlight","description":"A dark panel where a cursor-tracked spotlight reveals the bright code from a dim base.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/not-found-spotlight.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-spotlight.json"},{"name":"not-found-stacked","title":"404 / Not Found Stacked","description":"A code card over a hidden stack that fans out with a spring on hover.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/not-found-stacked.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-stacked.json"},{"name":"not-found-terminal","title":"404 / Not Found Terminal","description":"A terminal window that types a failed cd command and a 404 status, with a blinking caret.","type":"registry:block","source_url":"https://karaui.kamisama-v0.my.id/r/not-found-terminal.json","install_command":"npx shadcn@latest add https://karaui.kamisama-v0.my.id/r/not-found-terminal.json"}]},{"id":"katok-ui","name":"@katok-ui","slug":"katok-ui","description":"Unofficial KakaoTalk (카카오톡) chat UI for React: chat bubbles, chat list, message input, and Kakao AlimTalk (알림톡) / Brand Message previews with API-shaped props. Tailwind CSS v4, light and dark.","author":"froggy1014","framework":"react","license":"MIT","tags":["ai","buttons","cards","forms","media","pro-available"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://katok-ui.jeongmin.dev","github":"https://github.com/froggy1014/katok-ui","registry":"https://katok-ui.jeongmin.dev/r/registry.json","source":"https://katok-ui.jeongmin.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/katok-ui","markdown":"https://sh4dcn.netlify.app/md/katok-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='10 12.5 44 44' fill='var(--foreground)'><path fill-rule='evenodd' d='M14 18h36v25H32L21 51v-8h-7zM22 30a3 3 0 1 0 6 0a3 3 0 1 0-6 0zM36 30a3 3 0 1 0 6 0a3 3 0 1 0-6 0z'/></svg>","preview_image":"https://katok-ui.jeongmin.dev/opengraph-image?d709ffae6e8decdc","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://katok-ui.jeongmin.dev/pricing"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-11T15:43:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://katok-ui.jeongmin.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://katok-ui.jeongmin.dev/r/registry.json","clone":"git clone https://github.com/froggy1014/katok-ui.git","clone_degit":"npx degit froggy1014/katok-ui","registry_fetch":"curl -s https://katok-ui.jeongmin.dev/r/registry.json"},"component_count":12,"components":[{"name":"chat-bubble","title":"Chat Bubble","description":"KakaoTalk message bubble — yellow outgoing / white incoming, first-bubble tail, unread count \"1\", timestamp, edited flag.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/chat-bubble.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/chat-bubble.json"},{"name":"message-group","title":"Message Group","description":"Consecutive messages from one sender: squircle avatar + name on the first bubble, tail on the first, time on the last.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/message-group.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/message-group.json"},{"name":"profile-avatar","title":"Profile Avatar","description":"KakaoTalk squircle profile picture with default silhouette and 2–4 member group-chat composites.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/profile-avatar.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/profile-avatar.json"},{"name":"chat-header","title":"Chat Header","description":"Chat room header (back + unread total, title, member count, search, menu) and large-title tab header.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/chat-header.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/chat-header.json"},{"name":"message-input","title":"Message Input","description":"Compose bar: attach, auto-growing field, emoji, # search that turns into the yellow send button. IME-safe Enter.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/message-input.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/message-input.json"},{"name":"date-separator","title":"Date Separator","description":"Translucent date pill between message days, with a KakaoTalk-format date helper.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/date-separator.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/date-separator.json"},{"name":"system-message","title":"System Message","description":"Centered notice for joins, leaves, invites and deleted messages, with optional action.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/system-message.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/system-message.json"},{"name":"chat-list-item","title":"Chat List Item","description":"Chats tab row: squircle or group composite avatar, member count, 2-line preview, time, red unread badge, mute and pin.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/chat-list-item.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/chat-list-item.json"},{"name":"chat-room","title":"Chat Room","description":"Layout shell: header, scrollable message log on the chat background, input bar.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/chat-room.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/chat-room.json"},{"name":"biz-button","title":"Biz Button","description":"Kakao Biz Message button using the API button codes (WL, AL, DS, BK, MD, BC, BT, AC, BF, TN, P1–P3).","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/biz-button.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/biz-button.json"},{"name":"alimtalk-bubble","title":"AlimTalk Bubble","description":"AlimTalk (알림톡) preview mirroring the API fields — messageType BA/EX/AD/MI, emphasizeType NONE/TEXT/IMAGE/ITEM_LIST, buttons, quick replies, length limits.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/alimtalk-bubble.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/alimtalk-bubble.json"},{"name":"brand-message-bubble","title":"Brand Message Bubble","description":"Brand Message (브랜드메시지, FriendTalk successor) preview — TEXT, IMAGE, WIDE, CAROUSEL_FEED, coupons, (광고) prefix and opt-out footer.","type":"registry:component","source_url":"https://katok-ui.jeongmin.dev/r/brand-message-bubble.json","install_command":"npx shadcn@latest add https://katok-ui.jeongmin.dev/r/brand-message-bubble.json"}]},{"id":"keyframery","name":"@keyframery","slug":"keyframery","description":"An open-source motion layer for shadcn/ui. One <Cuts /> line animates your dialogs, sheets, tabs and toasts; four helpers animate lists, numbers, skeletons and cards.","author":"keyframery","framework":"react","license":"MIT","tags":["animation","cards","hooks","icons","loaders","navigation","overlays"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://keyframery.com","github":"https://github.com/keyframery/keyframery","registry":"https://keyframery.com/r/registry.json","source":"https://keyframery.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/keyframery","markdown":"https://sh4dcn.netlify.app/md/keyframery.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><polygon points='9.3,11.7 20.3,22.7 14.8,28.2 3.8,17.2' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='1.3' stroke-linejoin='round'/><polygon points='17.2,3.8 28.2,14.8 22.7,20.3 11.7,9.3' fill='#2447f5' stroke='#2447f5' stroke-width='1.3' stroke-linejoin='round'/></svg>","preview_image":"https://keyframery.com/opengraph-image","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-23T18:50:40Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://keyframery.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://keyframery.com/r/registry.json","install_bun":"bunx shadcn@latest add https://keyframery.com/r/registry.json","clone":"git clone https://github.com/keyframery/keyframery.git","clone_degit":"npx degit keyframery/keyframery","registry_fetch":"curl -s https://keyframery.com/r/registry.json"},"component_count":7,"components":[{"name":"cuts","title":"Cuts","description":"Film cuts for shadcn. Add <Cuts /> once to your root layout.","type":"registry:component","source_url":"https://keyframery.com/r/cuts.json","install_command":"npx shadcn@latest add https://keyframery.com/r/cuts.json"},{"name":"value-cut","title":"ValueCut","description":"A value that changes in place (a price, a count, a status) punches in.","type":"registry:component","source_url":"https://keyframery.com/r/value-cut.json","install_command":"npx shadcn@latest add https://keyframery.com/r/value-cut.json"},{"name":"load-cut","title":"LoadCut","description":"A placeholder becomes real without a jump; fast data never flashes a skeleton.","type":"registry:component","source_url":"https://keyframery.com/r/load-cut.json","install_command":"npx shadcn@latest add https://keyframery.com/r/load-cut.json"},{"name":"list-cut","title":"ListCut","description":"Lists that change without jumping: arrivals, departures and reorders, keyed by id.","type":"registry:component","source_url":"https://keyframery.com/r/list-cut.json","install_command":"npx shadcn@latest add https://keyframery.com/r/list-cut.json"},{"name":"state-cut","title":"StateCut","description":"Whole-content state changes settle with a fade or slide and a smooth container height.","type":"registry:component","source_url":"https://keyframery.com/r/state-cut.json","install_command":"npx shadcn@latest add https://keyframery.com/r/state-cut.json"},{"name":"icon-moves","title":"IconMoves","description":"When a control with an icon is pressed, its icon plays its own move: a gear turns, a bell rings, a lid lifts. Works with the lucide icons already in your app.","type":"registry:component","source_url":"https://keyframery.com/r/icon-moves.json","install_command":"npx shadcn@latest add https://keyframery.com/r/icon-moves.json"},{"name":"match-cut","title":"MatchCut","description":"A thing opens into its bigger self (card → detail), on the same page or across a route change.","type":"registry:component","source_url":"https://keyframery.com/r/match-cut.json","install_command":"npx shadcn@latest add https://keyframery.com/r/match-cut.json"}]},{"id":"keyframeui","name":"@keyframeui","slug":"keyframeui","description":"Animated React components built with Tailwind CSS, Motion and GSAP, installable with the shadcn CLI.","author":null,"framework":"react","license":null,"tags":["ai","animation","audio","blocks","cards","dashboard","developer-tools","e-commerce","editor","forms","loaders","marketing","media","navigation","onboarding","pro-available"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://keyframeui.com","github":null,"registry":"https://keyframeui.com/r/registry.json","source":"https://keyframeui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/keyframeui","markdown":"https://sh4dcn.netlify.app/md/keyframeui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 232 232' fill='none'><rect width='232' height='232' fill='var(--foreground)'/><g transform='translate(16 14)'><polygon points='4,146 4,72 84,2 176,2' fill='var(--background)'/><polygon points='4,172 87,102 88,172 56,203 4,203' fill='var(--background)' fill-opacity='0.45'/><polygon points='87,102 196,203 128,203 88,172' fill='var(--background)' fill-opacity='0.6'/></g></svg>","preview_image":"https://keyframeui.com/og/keyframeui.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://keyframeui.com/components/pricing-dock"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://keyframeui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://keyframeui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://keyframeui.com/r/registry.json","registry_fetch":"curl -s https://keyframeui.com/r/registry.json"},"component_count":146,"components":[{"name":"tilt-card","title":"Tilt Card","description":"A card that leans toward the pointer and catches the light with a soft moving glare.","type":"registry:ui","source_url":"https://keyframeui.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/tilt-card.json"},{"name":"tilt-card-demo","title":"Tilt Card: Default","description":"A single card with the default tilt and glare.","type":"registry:block","source_url":"https://keyframeui.com/r/tilt-card-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/tilt-card-demo.json"},{"name":"tilt-card-pricing-demo","title":"Tilt Card: Pricing Cards","description":"Three plan cards, with the featured plan leaning harder.","type":"registry:block","source_url":"https://keyframeui.com/r/tilt-card-pricing-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/tilt-card-pricing-demo.json"},{"name":"tilt-card-feature-grid-demo","title":"Tilt Card: Feature Grid","description":"A grid of subtle tiles with a gentler tilt and no glare.","type":"registry:block","source_url":"https://keyframeui.com/r/tilt-card-feature-grid-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/tilt-card-feature-grid-demo.json"},{"name":"arc-scroll","title":"Arc Scroll","description":"Cards that travel along a semicircle as you scroll, entering at the bottom right and leaving at the bottom left.","type":"registry:ui","source_url":"https://keyframeui.com/r/arc-scroll.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/arc-scroll.json"},{"name":"arc-scroll-demo","title":"Arc Scroll: Default","description":"Eight cards on an arc, driven by scrolling inside the box.","type":"registry:block","source_url":"https://keyframeui.com/r/arc-scroll-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/arc-scroll-demo.json"},{"name":"arc-scroll-case-studies-demo","title":"Arc Scroll: Case Studies","description":"A portfolio hero: project cards on the arc, with a pinned headline and a caption for the project at the top.","type":"registry:block","source_url":"https://keyframeui.com/r/arc-scroll-case-studies-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/arc-scroll-case-studies-demo.json"},{"name":"arc-scroll-timeline-demo","title":"Arc Scroll: Timeline","description":"A company history with tighter spacing, the current year highlighted and a year rail that follows along.","type":"registry:block","source_url":"https://keyframeui.com/r/arc-scroll-timeline-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/arc-scroll-timeline-demo.json"},{"name":"arc-scroll-testimonials-demo","title":"Arc Scroll: Testimonials","description":"Wide quote cards with tilt turned off so the text stays level, plus page dots.","type":"registry:block","source_url":"https://keyframeui.com/r/arc-scroll-testimonials-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/arc-scroll-testimonials-demo.json"},{"name":"pluck-string","title":"Pluck String","description":"A divider that catches on the pointer as it crosses, bends with it, then slips free and twangs back on a bouncy spring.","type":"registry:ui","source_url":"https://keyframeui.com/r/pluck-string.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pluck-string.json"},{"name":"pluck-string-demo","title":"Pluck String: Default","description":"A divider between two blocks of text, with the default pull and spring.","type":"registry:block","source_url":"https://keyframeui.com/r/pluck-string-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pluck-string-demo.json"},{"name":"pluck-string-strum-demo","title":"Pluck String: Strum","description":"Six strings tuned like a guitar: thicker strings are softer and ring longer. Sweep down across all of them.","type":"registry:block","source_url":"https://keyframeui.com/r/pluck-string-strum-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pluck-string-strum-demo.json"},{"name":"pluck-string-changelog-demo","title":"Pluck String: Changelog","description":"Faded strings between release notes, with a softer highlight.","type":"registry:block","source_url":"https://keyframeui.com/r/pluck-string-changelog-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pluck-string-changelog-demo.json"},{"name":"zoom-lightbox","title":"Zoom Lightbox","description":"A thumbnail that grows into a full-screen photo, pages sideways, and shrinks back into its tile when you drag it down, like Apple Photos.","type":"registry:ui","source_url":"https://keyframeui.com/r/zoom-lightbox.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zoom-lightbox.json"},{"name":"zoom-lightbox-demo","title":"Zoom Lightbox: Gallery","description":"A photo grid. Tap a photo, swipe or use the arrow keys to page, then drag it down and it lands back in its tile.","type":"registry:block","source_url":"https://keyframeui.com/r/zoom-lightbox-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zoom-lightbox-demo.json"},{"name":"zoom-lightbox-products-demo","title":"Zoom Lightbox: Product Images","description":"A storefront grid with portrait tiles and rounder corners. Captions carry the name, colorway and price.","type":"registry:block","source_url":"https://keyframeui.com/r/zoom-lightbox-products-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zoom-lightbox-products-demo.json"},{"name":"zoom-lightbox-case-study-demo","title":"Zoom Lightbox: Case Study","description":"Shots spread through an article, in different grids. The viewer pages through them in reading order and scrolls each one into view so it has a tile to land in.","type":"registry:block","source_url":"https://keyframeui.com/r/zoom-lightbox-case-study-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zoom-lightbox-case-study-demo.json"},{"name":"morph-search","title":"Morph Search","description":"A search button that stretches into a search field, with results unfolding underneath as one shape, and shrinks back into the button when it closes.","type":"registry:ui","source_url":"https://keyframeui.com/r/morph-search.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/morph-search.json"},{"name":"morph-search-demo","title":"Morph Search: Nav Bar","description":"A search button in a site header. It grows into a field with popular pages underneath; pick one to go there.","type":"registry:block","source_url":"https://keyframeui.com/r/morph-search-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/morph-search-demo.json"},{"name":"morph-search-command-demo","title":"Morph Search: Command Menu","description":"An app's command menu. The trigger travels to the middle of the screen, with grouped commands and their shortcuts. Opens with ⌘K.","type":"registry:block","source_url":"https://keyframeui.com/r/morph-search-command-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/morph-search-command-demo.json"},{"name":"morph-search-docs-demo","title":"Morph Search: Docs Search","description":"A docs header with a fake search field that becomes the real one. Press / to open it from anywhere.","type":"registry:block","source_url":"https://keyframeui.com/r/morph-search-docs-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/morph-search-docs-demo.json"},{"name":"spotlight-tour","title":"Spotlight Tour","description":"A guided tour that dims the page and cuts a hole around one element at a time. The hole glides to each next element and takes its shape, with the explanation c…","type":"registry:ui","source_url":"https://keyframeui.com/r/spotlight-tour.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/spotlight-tour.json"},{"name":"spotlight-tour-demo","title":"Spotlight Tour: Product Onboarding","description":"A first tour of a dashboard: the avatar, the toolbar, the New button and the sidebar. The hole goes from a circle to a long pill to a button to a tall panel. C…","type":"registry:block","source_url":"https://keyframeui.com/r/spotlight-tour-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/spotlight-tour-demo.json"},{"name":"spotlight-tour-whats-new-demo","title":"Spotlight Tour: What's New","description":"Three new features spread down a page. Each one scrolls into view while the spotlight travels to it. The Live switch stays usable while it's highlighted.","type":"registry:block","source_url":"https://keyframeui.com/r/spotlight-tour-whats-new-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/spotlight-tour-whats-new-demo.json"},{"name":"spotlight-tour-form-demo","title":"Spotlight Tour: Form Help","description":"A sign-up form that explains each field in turn. You can type into each field while it's highlighted.","type":"registry:block","source_url":"https://keyframeui.com/r/spotlight-tour-form-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/spotlight-tour-form-demo.json"},{"name":"expand-card","title":"Expand Card","description":"A card that opens into a full article, growing from its place in the page to fill the screen, and shrinks back into its slot when you pull it down, like the Ap…","type":"registry:ui","source_url":"https://keyframeui.com/r/expand-card.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expand-card.json"},{"name":"expand-card-demo","title":"Expand Card: Today Feed","description":"Three stories in different styles: a full-bleed photo, a top-five list and a bold card on a gradient. Tap one, then pull it down from the top, or press Esc, an…","type":"registry:block","source_url":"https://keyframeui.com/r/expand-card-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expand-card-demo.json"},{"name":"expand-card-changelog-demo","title":"Expand Card: Changelog With Links","description":"Each post has its own link. Opening one updates the URL, the back button closes it, and loading a post's link opens it directly. The notes load while the cover…","type":"registry:block","source_url":"https://keyframeui.com/r/expand-card-changelog-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expand-card-changelog-demo.json"},{"name":"expand-card-shop-demo","title":"Expand Card: Shop","description":"Product cards that open into a product page with close-ups and a size picker. Add something to the bag, then pull the page down to watch the count behind it ch…","type":"registry:block","source_url":"https://keyframeui.com/r/expand-card-shop-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expand-card-shop-demo.json"},{"name":"counter-curtain","title":"Counter Curtain","description":"A curtain that covers the page while it loads, counting from 0 to 100 with the fonts and hero images, then lifts as the headline rises out of its masks underne…","type":"registry:ui","source_url":"https://keyframeui.com/r/counter-curtain.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/counter-curtain.json"},{"name":"counter-curtain-demo","title":"Counter Curtain: Studio Portfolio","description":"The default counter over a studio's home page. The nav, headline, links and photo each rise as the curtain clears them. Press reload in the address bar to play…","type":"registry:block","source_url":"https://keyframeui.com/r/counter-curtain-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/counter-curtain-demo.json"},{"name":"counter-curtain-launch-demo","title":"Counter Curtain: Launch Page","description":"A custom counter in the drop's colors, with a padded number and a progress bar, on a curtain that falls away. `onComplete` starts the countdown as it goes, so …","type":"registry:block","source_url":"https://keyframeui.com/r/counter-curtain-launch-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/counter-curtain-launch-demo.json"},{"name":"counter-curtain-editorial-demo","title":"Counter Curtain: Editorial","description":"The default counter set in serif on a stone curtain that slides off to the left. It waits for the three photos to load and decode, so they're sharp from the fi…","type":"registry:block","source_url":"https://keyframeui.com/r/counter-curtain-editorial-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/counter-curtain-editorial-demo.json"},{"name":"expanding-hero","title":"Expanding Hero","description":"A headline with a small video set between its words. As you scroll, the window opens until it fills the screen, pushing the words off its edges.","type":"registry:ui","source_url":"https://keyframeui.com/r/expanding-hero.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expanding-hero.json"},{"name":"expanding-hero-demo","title":"Expanding Hero: Studio Reel","description":"A motion studio's showreel opens out of the headline. Once it fills the box, a button plays the film full screen.","type":"registry:block","source_url":"https://keyframeui.com/r/expanding-hero-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expanding-hero-demo.json"},{"name":"expanding-hero-product-demo","title":"Expanding Hero: Product Launch","description":"An app screenshot instead of a video, built in markup so it stays sharp full screen. A \"Watch the demo\" button appears once it fills the box.","type":"registry:block","source_url":"https://keyframeui.com/r/expanding-hero-product-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expanding-hero-product-demo.json"},{"name":"expanding-hero-event-demo","title":"Expanding Hero: Event","description":"A conference hero with an aftermovie and a bolder headline. The date and city chips live inside the halves, so they fly off with the words.","type":"registry:block","source_url":"https://keyframeui.com/r/expanding-hero-event-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/expanding-hero-event-demo.json"},{"name":"intro-loader","title":"Intro Loader","description":"A page-load intro that counts to 100 with the real loading while a flipbook of your work plays in a small frame, then grows the last image into its place on th…","type":"registry:ui","source_url":"https://keyframeui.com/r/intro-loader.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/intro-loader.json"},{"name":"intro-loader-demo","title":"Intro Loader: Studio","description":"A studio's home page. Four projects flip past in the frame, then the fifth grows into the full-bleed hero, and the headline rises over it. Press reload in the …","type":"registry:block","source_url":"https://keyframeui.com/r/intro-loader-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/intro-loader-demo.json"},{"name":"intro-loader-lookbook-demo","title":"Intro Loader: Lookbook","description":"A season label instead of a number, and a tall frame for the looks. The last look lands as the half of the page beside the headline.","type":"registry:block","source_url":"https://keyframeui.com/r/intro-loader-lookbook-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/intro-loader-lookbook-demo.json"},{"name":"intro-loader-wordmark-demo","title":"Intro Loader: Wordmark","description":"No images. The wordmark rises a letter at a time as the count runs, then shrinks and flies into the logo's spot in the header. The target can be anything.","type":"registry:block","source_url":"https://keyframeui.com/r/intro-loader-wordmark-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/intro-loader-wordmark-demo.json"},{"name":"exploded-ui","title":"Exploded UI","description":"A product screenshot that comes apart into its layers as you scroll, explains each one, then clicks back together. The layers are real HTML, so text stays shar…","type":"registry:ui","source_url":"https://keyframeui.com/r/exploded-ui.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/exploded-ui.json"},{"name":"exploded-ui-demo","title":"Exploded UI: Dashboard","description":"A dashboard comes apart into its shell, sidebar, live cards, command menu and a teammate's cursor, walks through each one, then lands back as the screenshot it…","type":"registry:block","source_url":"https://keyframeui.com/r/exploded-ui-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/exploded-ui-demo.json"},{"name":"exploded-ui-architecture-demo","title":"Exploded UI: Architecture","description":"The layers don't have to be UI. Four plain planes, from your app down to the database, that stay open at the end. Each carries its name on its front edge, the …","type":"registry:block","source_url":"https://keyframeui.com/r/exploded-ui-architecture-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/exploded-ui-architecture-demo.json"},{"name":"exploded-ui-design-system-demo","title":"Exploded UI: Design System","description":"A page lifts off the components it's built from, which lift off the tokens under them. Numbered labels, with the active layer's description under the stack.","type":"registry:block","source_url":"https://keyframeui.com/r/exploded-ui-design-system-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/exploded-ui-design-system-demo.json"},{"name":"odometer","title":"Odometer","description":"A number that rolls each digit on its own wheel, up when the value grows and down when it shrinks, and slides new digits in as the number gets longer.","type":"registry:ui","source_url":"https://keyframeui.com/r/odometer.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/odometer.json"},{"name":"odometer-demo","title":"Odometer: Default","description":"Step the number up and down. Wheels roll the way the value moves, only the digits that change turn, and 999 → 1,000 widens as the new digit and comma roll in. …","type":"registry:block","source_url":"https://keyframeui.com/r/odometer-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/odometer-demo.json"},{"name":"odometer-pricing-demo","title":"Odometer: Pricing","description":"Monthly and yearly plans. Prices roll down to the yearly rate and back up, the yearly total rolls down from a year of monthly bills, and Starter's $0 never mov…","type":"registry:block","source_url":"https://keyframeui.com/r/odometer-pricing-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/odometer-pricing-demo.json"},{"name":"odometer-dashboard-demo","title":"Odometer: Dashboard KPIs","description":"Currency with cents, a count, a percentage and milliseconds. The range switcher makes big jumps in both directions; between them the numbers drift live while t…","type":"registry:block","source_url":"https://keyframeui.com/r/odometer-dashboard-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/odometer-dashboard-demo.json"},{"name":"odometer-grouping-demo","title":"Odometer: Indian Grouping","description":"A rupee fundraiser that keeps ticking up. Switch between the Indian system of lakhs and crores (₹2,45,67,890) and international thousands (₹24,567,890): the co…","type":"registry:block","source_url":"https://keyframeui.com/r/odometer-grouping-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/odometer-grouping-demo.json"},{"name":"odometer-stats-demo","title":"Odometer: Landing Stats","description":"A band of headline numbers that roll up from 0 the first time they scroll into view, one after another.","type":"registry:block","source_url":"https://keyframeui.com/r/odometer-stats-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/odometer-stats-demo.json"},{"name":"hover-preview","title":"Hover Preview","description":"A list of names that opens a photo at the pointer. It trails the cursor with a little weight, leans as it moves, and wipes to the next photo from the direction…","type":"registry:ui","source_url":"https://keyframeui.com/r/hover-preview.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/hover-preview.json"},{"name":"hover-preview-demo","title":"Hover Preview: Default","description":"A studio's work index. Point at a project: its photo opens at the pointer and trails it. Move down the list and each photo wipes in from the top; move up and i…","type":"registry:block","source_url":"https://keyframeui.com/r/hover-preview-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/hover-preview-demo.json"},{"name":"hover-preview-team-demo","title":"Hover Preview: Team","description":"Names and roles, with a portrait on hover. The frame is taller and rounder, and leans a little less.","type":"registry:block","source_url":"https://keyframeui.com/r/hover-preview-team-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/hover-preview-team-demo.json"},{"name":"hover-preview-journal-demo","title":"Hover Preview: Journal","description":"An archive of essays with dates and reading times. Each title shows its cover image in a wide 3:2 frame.","type":"registry:block","source_url":"https://keyframeui.com/r/hover-preview-journal-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/hover-preview-journal-demo.json"},{"name":"playhead-reel","title":"Playhead Reel","description":"A whole archive in one thin strip, with a playhead that walks along it as you scroll. Whatever's under the playhead opens into a loose collage, and the ruler b…","type":"registry:ui","source_url":"https://keyframeui.com/r/playhead-reel.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/playhead-reel.json"},{"name":"playhead-reel-demo","title":"Playhead Reel: Default","description":"A studio's archive: six projects, forty images. Scroll and the playhead walks the reel while each project opens into a collage under it, and the title rolls to…","type":"registry:block","source_url":"https://keyframeui.com/r/playhead-reel-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/playhead-reel-demo.json"},{"name":"playhead-reel-changelog-demo","title":"Playhead Reel: Changelog","description":"Six releases as live UI mockups rather than screenshots, so they stay sharp and follow your theme. The header shows the version and date, and a caption for the…","type":"registry:block","source_url":"https://keyframeui.com/r/playhead-reel-changelog-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/playhead-reel-changelog-demo.json"},{"name":"playhead-reel-journal-demo","title":"Playhead Reel: Travel Journal","description":"A year of trips, one group each, in portrait and landscape. Each photo has its own caption, and the trip's dates and a day count sit above.","type":"registry:block","source_url":"https://keyframeui.com/r/playhead-reel-journal-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/playhead-reel-journal-demo.json"},{"name":"sync-grid","title":"Sync Grid","description":"A grid of videos on one clock. Scrub any card and the rest follow it to the same moment. Stack them to flip between versions of a single frame, or drop one ont…","type":"registry:ui","source_url":"https://keyframeui.com/r/sync-grid.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sync-grid.json"},{"name":"sync-grid-demo","title":"Sync Grid: Easing","description":"One motion played with four easings. Each card plots its curve with a dot riding it, and moves a card into its slot with the same value. Hover to scrub and wat…","type":"registry:block","source_url":"https://keyframeui.com/r/sync-grid-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sync-grid-demo.json"},{"name":"sync-grid-models-demo","title":"Sync Grid: Model Output","description":"One prompt, four fictional video models. The clips run 7 to 21 seconds and line up by percentage, so halfway is halfway in all of them. Stack them and move up …","type":"registry:block","source_url":"https://keyframeui.com/r/sync-grid-models-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sync-grid-models-demo.json"},{"name":"sync-grid-render-demo","title":"Sync Grid: Render Quality","description":"One clip in four cards at 1/8, 1/4, 1/2 and full resolution. It decodes once and is drawn into each card, so all four always show the same frame. Drag Final on…","type":"registry:block","source_url":"https://keyframeui.com/r/sync-grid-render-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sync-grid-render-demo.json"},{"name":"sync-grid-redesign-demo","title":"Sync Grid: Redesign","description":"Three versions of one product's site, built from markup, each scrolling with the clock while the same visitor moves and clicks through it. Drag 2026 onto 2019 …","type":"registry:block","source_url":"https://keyframeui.com/r/sync-grid-redesign-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sync-grid-redesign-demo.json"},{"name":"thought-trail","title":"Thought Trail","description":"An agent's steps as they happen. The step at work shimmers and streams its details; when the next one starts, it folds up into a one-line summary and the rail …","type":"registry:ui","source_url":"https://keyframeui.com/r/thought-trail.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/thought-trail.json"},{"name":"thought-trail-demo","title":"Thought Trail: Default","description":"A coding agent works through four steps. Each opens while it runs and folds into its summary as the next begins; the edit's diff scrolls inside its step, pinne…","type":"registry:block","source_url":"https://keyframeui.com/r/thought-trail-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/thought-trail-demo.json"},{"name":"thought-trail-chat-demo","title":"Thought Trail: Chat Reasoning","description":"A chat reply that thinks first. The message's parts are shaped like the AI SDK's, and each reasoning or tool part becomes a step. The trail folds into \"Thought…","type":"registry:block","source_url":"https://keyframeui.com/r/thought-trail-chat-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/thought-trail-chat-demo.json"},{"name":"thought-trail-deploy-demo","title":"Thought Trail: Deploy Log","description":"A CI pipeline with every step listed up front as pending. Logs stream into the running step, pinned to the newest line, and each step keeps its time. Turn on B…","type":"registry:block","source_url":"https://keyframeui.com/r/thought-trail-deploy-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/thought-trail-deploy-demo.json"},{"name":"thought-trail-research-demo","title":"Thought Trail: Research Agent","description":"Steps with their own icons. Sources collect as chips while the agent searches, pages tick off as it reads, and the answer cites what it found once the trail fo…","type":"registry:block","source_url":"https://keyframeui.com/r/thought-trail-research-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/thought-trail-research-demo.json"},{"name":"slice-gallery","title":"Slice Gallery","description":"Tall photo slices that share one width. The one you open widens into a full card while the others squeeze to make room; its title swings upright and the detail…","type":"registry:ui","source_url":"https://keyframeui.com/r/slice-gallery.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/slice-gallery.json"},{"name":"slice-gallery-demo","title":"Slice Gallery: Project Covers","description":"An architecture studio's selected work. Move across the row: a slice opens once the pointer settles, so a quick sweep doesn't make the row ripple. Each project…","type":"registry:block","source_url":"https://keyframeui.com/r/slice-gallery-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/slice-gallery-demo.json"},{"name":"slice-gallery-team-demo","title":"Slice Gallery: Team Portraits","description":"Six portraits in black and white, with the open one in color through `imageClassName`. The role takes the person's accent. On a phone the portraits stack; on a…","type":"registry:block","source_url":"https://keyframeui.com/r/slice-gallery-team-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/slice-gallery-team-demo.json"},{"name":"slice-gallery-hero-demo","title":"Slice Gallery: Hero","description":"A travel hero that plays on its own: the open slice's strip fills like a story timer, then the next place opens. Hovering pauses it. The counter above follows …","type":"registry:block","source_url":"https://keyframeui.com/r/slice-gallery-hero-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/slice-gallery-hero-demo.json"},{"name":"stretch-index","title":"Stretch Index","description":"A list of rows that open in place. The row you're on grows taller, its tab widens into a photo, the title slides over to make room and the details rise out fro…","type":"registry:ui","source_url":"https://keyframeui.com/r/stretch-index.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/stretch-index.json"},{"name":"stretch-index-demo","title":"Stretch Index: Customer Stories","description":"A product site's customer stories. Move down the list: a row opens once the pointer settles, so a quick sweep doesn't make the list ripple. Each company's tab …","type":"registry:block","source_url":"https://keyframeui.com/r/stretch-index-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/stretch-index-demo.json"},{"name":"stretch-index-careers-demo","title":"Stretch Index: Open Roles","description":"A careers page with `openOn=\"click\"` and `numbered={false}`: rows open like an accordion, a second click closes them, and the Apply link inside stays clickable…","type":"registry:block","source_url":"https://keyframeui.com/r/stretch-index-careers-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/stretch-index-careers-demo.json"},{"name":"stretch-index-episodes-demo","title":"Stretch Index: Podcast Episodes","description":"A podcast's latest episodes on a dark panel, with square covers through `imageAspect={1}` and episode numbers through `number`. With `collapseOnLeave`, the lis…","type":"registry:block","source_url":"https://keyframeui.com/r/stretch-index-episodes-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/stretch-index-episodes-demo.json"},{"name":"redline","title":"Redline","description":"Figma-style redlines for any layout. Point at an element to see its size, padding and gaps, with lines and labels that glide from one element to the next. Pin …","type":"registry:ui","source_url":"https://keyframeui.com/r/redline.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/redline.json"},{"name":"redline-demo","title":"Redline: Details","description":"A studio's \"we sweat the details\" section around a product card. Left alone, it tours the card's padding, the gap between the title and the price, the button's…","type":"registry:block","source_url":"https://keyframeui.com/r/redline-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/redline-demo.json"},{"name":"redline-tokens-demo","title":"Redline: Design System","description":"A settings panel where every spacing label reads as a token through `tokens`, and `selector=\"[data-redline]\"` keeps the pointer on named parts. Pin a row, hold…","type":"registry:block","source_url":"https://keyframeui.com/r/redline-tokens-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/redline-tokens-demo.json"},{"name":"redline-handoff-demo","title":"Redline: Dev Handoff","description":"A design tool's handoff mode. `onSelect` fills the panel on the right with the CSS and the Tailwind classes of whatever layer is selected, and it swaps as you …","type":"registry:block","source_url":"https://keyframeui.com/r/redline-handoff-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/redline-handoff-demo.json"},{"name":"autopilot","title":"Autopilot","description":"A cursor that uses your product on its own. It glides to buttons and presses them, types and drags across real markup on a script you write, and steps aside th…","type":"registry:ui","source_url":"https://keyframeui.com/r/autopilot.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/autopilot.json"},{"name":"autopilot-demo","title":"Autopilot: Agent at Work","description":"An AI agent books a meeting in a calendar built from plain markup. It opens a new event, names it, finds a free slot, picks a guest from the autocomplete and s…","type":"registry:block","source_url":"https://keyframeui.com/r/autopilot-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/autopilot-demo.json"},{"name":"autopilot-multiplayer-demo","title":"Autopilot: Design Review","description":"Two teammates on a design canvas, with their steps running at the same time. Maya drags the Features frame into place, and its snap guides show through `data-a…","type":"registry:block","source_url":"https://keyframeui.com/r/autopilot-multiplayer-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/autopilot-multiplayer-demo.json"},{"name":"autopilot-onboarding-demo","title":"Autopilot: Three Clicks","description":"A SaaS app sets up a project in three clicks, one chapter each, with `chapterStrip` showing Create, Invite and Ship underneath. Click a chapter to jump there, …","type":"registry:block","source_url":"https://keyframeui.com/r/autopilot-onboarding-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/autopilot-onboarding-demo.json"},{"name":"blueprint","title":"Blueprint","description":"A finished layout that builds itself. It starts as a wireframe measured from your real markup, then fills in block by block: text streams in, photos come into …","type":"registry:ui","source_url":"https://keyframeui.com/r/blueprint.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/blueprint.json"},{"name":"blueprint-demo","title":"Blueprint: Site Builder","description":"An AI site builder's hero. A prompt types itself into the field, Enter goes down, and the field docks in the corner as the page builds beneath it. Each loop is…","type":"registry:block","source_url":"https://keyframeui.com/r/blueprint-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/blueprint-demo.json"},{"name":"blueprint-process-demo","title":"Blueprint: Studio Process","description":"A case study that goes from an annotated blueprint to the finished design as you scroll, with `play=\"manual\"` following `useScroll`. `data-blueprint-order` gro…","type":"registry:block","source_url":"https://keyframeui.com/r/blueprint-process-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/blueprint-process-demo.json"},{"name":"blueprint-dashboard-demo","title":"Blueprint: Generated Dashboard","description":"An analytics assistant answers with a dashboard card. KPIs count up through `data-blueprint-count`, chart bars grow from even placeholders into their real heig…","type":"registry:block","source_url":"https://keyframeui.com/r/blueprint-dashboard-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/blueprint-dashboard-demo.json"},{"name":"sentence-form","title":"Sentence Form","description":"A contact form written as a sentence. Blanks stretch as you type, picked options fly up into place while the words make room, and on send the form settles into…","type":"registry:ui","source_url":"https://keyframeui.com/r/sentence-form.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sentence-form.json"},{"name":"sentence-form-demo","title":"Sentence Form: Project Brief","description":"A design studio's inquiry in large serif type. Type your name and the words after it make room; pick services and each one flies up from the tray while the lis…","type":"registry:block","source_url":"https://keyframeui.com/r/sentence-form-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sentence-form-demo.json"},{"name":"sentence-form-agent-demo","title":"Sentence Form: Demo Request","description":"An AI startup's demo request on a dark panel. Each team option brings its own grammar (\"for just me\", \"for a company of 500+\") and the tools are a pick-any lis…","type":"registry:block","source_url":"https://keyframeui.com/r/sentence-form-agent-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sentence-form-agent-demo.json"},{"name":"sentence-form-rsvp-demo","title":"Sentence Form: Event RSVP","description":"An invitation reply with a clause that depends on an answer. Pick \"with a guest\" and \" named ___\" rises in after it while the words after it glide aside; switc…","type":"registry:block","source_url":"https://keyframeui.com/r/sentence-form-rsvp-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sentence-form-rsvp-demo.json"},{"name":"release-pill","title":"Release Pill","description":"The \"New\" badge above your headline, made useful. Hover it and the pill grows into a small changelog with your last few releases, then folds back into the pill…","type":"registry:ui","source_url":"https://keyframeui.com/r/release-pill.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/release-pill.json"},{"name":"release-pill-demo","title":"Release Pill: Hero Badge","description":"An AI startup's hero with the pill above the headline. Hover it and the changelog opens over the headline; a couple of seconds after it scrolls into view it pe…","type":"registry:block","source_url":"https://keyframeui.com/r/release-pill-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/release-pill-demo.json"},{"name":"release-pill-launch-demo","title":"Release Pill: Launch Week","description":"The closed pill cycles through the week's announcements. Opened, it lists the days and ends on a dimmed, locked Day 4 row with a live countdown.","type":"registry:block","source_url":"https://keyframeui.com/r/release-pill-launch-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/release-pill-launch-demo.json"},{"name":"release-pill-devtool-demo","title":"Release Pill: Version Bump","description":"A dark developer-tool hero: monospace versions with a Feature, Fix or Breaking tag on each row, and a last row with the upgrade command whose copy button turns…","type":"registry:block","source_url":"https://keyframeui.com/r/release-pill-devtool-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/release-pill-devtool-demo.json"},{"name":"sticky-deck","title":"Sticky Deck","description":"Cards that pin one after another as you scroll. Each new card slides over the last while the deck behind it settles back a layer, scaling down and dimming, so …","type":"registry:ui","source_url":"https://keyframeui.com/r/sticky-deck.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sticky-deck.json"},{"name":"sticky-deck-demo","title":"Sticky Deck: How It Works","description":"An AI agent's four steps, each card with a piece of real product UI. The step list beside the deck follows the front card through `onActiveChange`, and clickin…","type":"registry:block","source_url":"https://keyframeui.com/r/sticky-deck-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sticky-deck-demo.json"},{"name":"sticky-deck-case-studies-demo","title":"Sticky Deck: Case Studies","description":"A studio portfolio on photo cards, with tighter edges and a deeper dim for a dark page. Each photo settles from a slight zoom as its card lands, driven by `use…","type":"registry:block","source_url":"https://keyframeui.com/r/sticky-deck-case-studies-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sticky-deck-case-studies-demo.json"},{"name":"sticky-deck-pricing-demo","title":"Sticky Deck: Pricing","description":"Plans dealt in order, each one reading \"Everything in Pro, plus\" as it lands on the plan it builds on. Taller edges keep every tier's color showing at the top …","type":"registry:block","source_url":"https://keyframeui.com/r/sticky-deck-pricing-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/sticky-deck-pricing-demo.json"},{"name":"paint-reveal","title":"Paint Reveal","description":"Two pictures in one frame. The pointer paints the second one in with a soft brush, and the stroke closes back behind it.","type":"registry:ui","source_url":"https://keyframeui.com/r/paint-reveal.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/paint-reveal.json"},{"name":"paint-reveal-demo","title":"Paint Reveal: Studio Hero","description":"A brand studio's header over ink in water. The ink waits in black and white; moving through it paints the color in, and the stroke closes back over about half …","type":"registry:block","source_url":"https://keyframeui.com/r/paint-reveal-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/paint-reveal-demo.json"},{"name":"paint-reveal-restore-demo","title":"Paint Reveal: Photo Restore","description":"An AI photo-restoration tool. With `fadeMs={Infinity}` the paint stays, so you restore the print stroke by stroke. \"Restored\" floods the rest in from the switc…","type":"registry:block","source_url":"https://keyframeui.com/r/paint-reveal-restore-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/paint-reveal-restore-demo.json"},{"name":"paint-reveal-founder-demo","title":"Paint Reveal: About the Founder","description":"A studio's about section. With `autoPlay`, the brush drifts over the portrait by itself until the pointer takes over, so the color keeps moving through it whil…","type":"registry:block","source_url":"https://keyframeui.com/r/paint-reveal-founder-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/paint-reveal-founder-demo.json"},{"name":"paint-reveal-work-demo","title":"Paint Reveal: Work Grid","description":"A portfolio grid in grayscale, with a smaller brush on each card. Only the card under the pointer draws anything, and `autoPlay={false}` keeps the grid still o…","type":"registry:block","source_url":"https://keyframeui.com/r/paint-reveal-work-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/paint-reveal-work-demo.json"},{"name":"polyglot","title":"Polyglot","description":"An API quickstart with language tabs. The values every language shares glide to their new places when you switch, you can edit them right in the code, and Run …","type":"registry:ui","source_url":"https://keyframeui.com/r/polyglot.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/polyglot.json"},{"name":"polyglot-demo","title":"Polyglot: Chat Quickstart","description":"An AI API's quickstart in cURL, Python and TypeScript, with the response beside the code (`layout=\"split\"`). Switch tabs and the key, model and prompt glide to…","type":"registry:block","source_url":"https://keyframeui.com/r/polyglot-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/polyglot-demo.json"},{"name":"polyglot-steps-demo","title":"Polyglot: Three-Step Quickstart","description":"Install, authenticate and a first request as three blocks sharing one `syncKey`. Switch any of them and all three change together; the package name slides from…","type":"registry:block","source_url":"https://keyframeui.com/r/polyglot-steps-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/polyglot-steps-demo.json"},{"name":"polyglot-email-demo","title":"Polyglot: Send an Email","description":"Not only for chat: an email API with the recipient and subject editable in the code. Run streams the JSON the API returns (`responseLang=\"json\"`), and the reci…","type":"registry:block","source_url":"https://keyframeui.com/r/polyglot-email-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/polyglot-email-demo.json"},{"name":"pricing-dock","title":"Pricing Dock","description":"Plan cards that fold into the comparison table's sticky header as you scroll. Each card folds straight down into its own column: the price shrinks in beside th…","type":"registry:ui","source_url":"https://keyframeui.com/r/pricing-dock.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pricing-dock.json"},{"name":"pricing-dock-demo","title":"Pricing Dock: AI API Pricing","description":"An AI API's four plans under a sticky site nav, so the bar docks at `top={56}`. Scroll and each card folds into its column's header. Switch to Yearly from the …","type":"registry:block","source_url":"https://keyframeui.com/r/pricing-dock-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pricing-dock-demo.json"},{"name":"pricing-dock-studio-demo","title":"Pricing Dock: Studio Packages","description":"A design studio's three ways to work together, set in an editorial serif with tighter corners (`radius={6}`), a wider `gap` and warm `--dock-border` lines. `fo…","type":"registry:block","source_url":"https://keyframeui.com/r/pricing-dock-studio-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pricing-dock-studio-demo.json"},{"name":"pricing-dock-compare-demo","title":"Pricing Dock: Why Switch","description":"Us against the two tools teams switch from, with logo cards instead of prices: each mark shrinks in beside its name as the cards dock. On a phone, the plan pil…","type":"registry:block","source_url":"https://keyframeui.com/r/pricing-dock-compare-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/pricing-dock-compare-demo.json"},{"name":"xray-lens","title":"Xray Lens","description":"A loupe over a polished UI. Inside the glass the surface peels away to the layer underneath, such as model tokens, raw JSON or latency telemetry, lined up with…","type":"registry:ui","source_url":"https://keyframeui.com/r/xray-lens.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/xray-lens.json"},{"name":"xray-lens-demo","title":"Xray Lens: Model Output","description":"A support ticket triaged by an AI. Under the glass every chip and button turns into the field or tool call behind it, and both messages turn into their tokens …","type":"registry:block","source_url":"https://keyframeui.com/r/xray-lens-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/xray-lens-demo.json"},{"name":"xray-lens-blueprint-demo","title":"Xray Lens: Blueprint","description":"A studio's booking card over its own blueprint: component names, type and spacing tokens on wireframe bounds. `mode=\"drag\"` with more `zoom`; pick the lens up …","type":"registry:block","source_url":"https://keyframeui.com/r/xray-lens-blueprint-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/xray-lens-blueprint-demo.json"},{"name":"xray-lens-trace-demo","title":"Xray Lens: Request Trace","description":"An AI search answer over the live trace that produced it: retrieval, generation and citation spans on the request's timeline, and the answer recolored by when …","type":"registry:block","source_url":"https://keyframeui.com/r/xray-lens-trace-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/xray-lens-trace-demo.json"},{"name":"circuit","title":"Circuit","description":"Right-angle circuit traces between the cards you already have, with signals that travel through them. Mark any element with `data-circuit`, describe the graph …","type":"registry:ui","source_url":"https://keyframeui.com/r/circuit.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/circuit.json"},{"name":"circuit-demo","title":"Circuit: Agent Orchestrator","description":"Issues, threads and tickets go into an orchestrator, which hands each one to the next free agent with `fanout=\"one\"`. Every card is a plain `div` with `data-ci…","type":"registry:block","source_url":"https://keyframeui.com/r/circuit-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/circuit-demo.json"},{"name":"circuit-pipeline-demo","title":"Circuit: Webhook Pipeline","description":"A payment webhook through a queue and a worker to three destinations, fired by a button through `apiRef.send()` with `autoPlay={false}`. Each destination's tra…","type":"registry:block","source_url":"https://keyframeui.com/r/circuit-pipeline-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/circuit-pipeline-demo.json"},{"name":"circuit-hub-demo","title":"Circuit: Integrations Hub","description":"Your product in the middle of a 3×3 grid of integrations, the flow built from arrays with a packet color per tool. `highlight=\"neighbors\"` lights only a tile's…","type":"registry:block","source_url":"https://keyframeui.com/r/circuit-hub-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/circuit-hub-demo.json"},{"name":"lodestone","title":"Lodestone","description":"A field of hairlines that lines up like iron filings around your call to action. The button is a bar magnet, the pointer a second pole that bends the field tow…","type":"registry:ui","source_url":"https://keyframeui.com/r/lodestone.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/lodestone.json"},{"name":"lodestone-demo","title":"Lodestone: Waitlist Hero","description":"An AI startup's waitlist hero. The whole email pill is the magnet: the field loops out from it, parts around the headline, and bends toward the pointer. Join, …","type":"registry:block","source_url":"https://keyframeui.com/r/lodestone-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/lodestone-demo.json"},{"name":"lodestone-studio-demo","title":"Lodestone: Studio CTA","description":"A studio's closing card in stone and orange. The button is a single pole (`poles=\"center\"`), so the field fans into it from across the card, and the serif head…","type":"registry:block","source_url":"https://keyframeui.com/r/lodestone-studio-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/lodestone-studio-demo.json"},{"name":"lodestone-paths-demo","title":"Lodestone: Two Paths","description":"A hero with a primary and a secondary call to action. The field rests on the primary; lean toward the other and its `strength` takes over, so the field swings …","type":"registry:block","source_url":"https://keyframeui.com/r/lodestone-paths-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/lodestone-paths-demo.json"},{"name":"imprint","title":"Imprint","description":"A background wall of boxes that takes an imprint of the pointer. The boxes under it sink back along the z axis to one flat floor, the boxes around them stand i…","type":"registry:ui","source_url":"https://keyframeui.com/r/imprint.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/imprint.json"},{"name":"imprint-demo","title":"Imprint: Product Hero","description":"A product hero on the default wall. Move across it and the dent follows with a trail that fills back in; press and hold to push the floor deeper and send a rin…","type":"registry:block","source_url":"https://keyframeui.com/r/imprint-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/imprint-demo.json"},{"name":"imprint-studio-demo","title":"Imprint: Studio Card","description":"A studio's closing card in stone, with big boxes and `falloff={0}`: every box in reach drops to the same floor, like a row of keys going down, and the floor gl…","type":"registry:block","source_url":"https://keyframeui.com/r/imprint-studio-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/imprint-studio-demo.json"},{"name":"imprint-not-found-demo","title":"Imprint: Not Found","description":"A 404 page on small boxes with `falloff={1}` and a closer `perspective`, so the dent is a smooth bowl that terraces down, and the page itself has sunk.","type":"registry:block","source_url":"https://keyframeui.com/r/imprint-not-found-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/imprint-not-found-demo.json"},{"name":"domain-switch","title":"Domain Switch","description":"A toggle that expands its new state as a domain across the page. A sphere grows from the switch, everything inside it changes theme or mode, and its edge is a …","type":"registry:ui","source_url":"https://keyframeui.com/r/domain-switch.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/domain-switch.json"},{"name":"domain-switch-demo","title":"Domain Switch: Dark Mode","description":"A landing page's theme toggle. Dark mode opens from the button as a domain and takes the page over, with a seam of stars at its edge; press again to draw it ba…","type":"registry:block","source_url":"https://keyframeui.com/r/domain-switch-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/domain-switch-demo.json"},{"name":"domain-switch-focus-demo","title":"Domain Switch: Focus Mode","description":"A writing app. Focus opens a calm, dark domain in which the sidebar and toolbar, wrapped in `DomainSwitchAside`, dissolve, and the document in `DomainSwitchMai…","type":"registry:block","source_url":"https://keyframeui.com/r/domain-switch-focus-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/domain-switch-focus-demo.json"},{"name":"domain-switch-command-demo","title":"Domain Switch: Command Palette","description":"Press ⌘K (or the search icon) and a domain opens from the icon in which the page becomes a command palette. Run a command or press Esc and it collapses back in…","type":"registry:block","source_url":"https://keyframeui.com/r/domain-switch-command-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/domain-switch-command-demo.json"},{"name":"zeno-progress","title":"Zeno Progress","description":"A progress bar that closes half the remaining gap at every step, so it never reaches the end while work is still running. The last stretch becomes a ruler that…","type":"registry:ui","source_url":"https://keyframeui.com/r/zeno-progress.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zeno-progress.json"},{"name":"zeno-progress-demo","title":"Zeno Progress: Image Generation","description":"A prompt card. Generate runs Composing, Denoising and Upscaling while the model takes a random 4 to 9 seconds, so the bar is often deep in the ruler when the i…","type":"registry:block","source_url":"https://keyframeui.com/r/zeno-progress-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zeno-progress-demo.json"},{"name":"zeno-progress-deploy-demo","title":"Zeno Progress: Deploy Log","description":"A deploy streams its build log under a bar in the header, labelled with the current phase. Waiting for the health check hangs for seconds with nothing new in t…","type":"registry:block","source_url":"https://keyframeui.com/r/zeno-progress-deploy-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zeno-progress-deploy-demo.json"},{"name":"zeno-progress-upload-demo","title":"Zeno Progress: Upload List","description":"Three files, each with its own bar, finishing at different times. The video's virus scan takes much longer, so you can watch its ruler go many decimals deep wh…","type":"registry:block","source_url":"https://keyframeui.com/r/zeno-progress-upload-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/zeno-progress-upload-demo.json"},{"name":"noise-gate","title":"Noise Gate","description":"A before-and-after section. Alerts, pings and complaints drift into the seam between two panels and slide under the calm one, and each card that goes through l…","type":"registry:ui","source_url":"https://keyframeui.com/r/noise-gate.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/noise-gate.json"},{"name":"noise-gate-demo","title":"Noise Gate: Support Inbox","description":"A help desk's pitch. Overdue tickets, angry follow-ups and a refund that fired three times drift into the seam, and every one that goes through ticks Harbor's …","type":"registry:block","source_url":"https://keyframeui.com/r/noise-gate-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/noise-gate-demo.json"},{"name":"noise-gate-ledger-demo","title":"Noise Gate: Month-End Close","description":"The log display. Missing receipts, a duplicate AWS charge and a spreadsheet four people are editing go through the gate and come out as reconciled lines with t…","type":"registry:block","source_url":"https://keyframeui.com/r/noise-gate-ledger-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/noise-gate-ledger-demo.json"},{"name":"noise-gate-focus-demo","title":"Noise Gate: Focus Section","description":"A whole landing section: heading, subhead, and a calmer, slower gate with a call to action pinned under the counter. The calm panel is ink in light mode and tu…","type":"registry:block","source_url":"https://keyframeui.com/r/noise-gate-focus-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/noise-gate-focus-demo.json"},{"name":"relay-carousel","title":"Relay Carousel","description":"A looping strip of photo cards where the first card leads: bigger, with its quote showing. Passing the lead on glides the strip, shrinks the old lead out of th…","type":"registry:ui","source_url":"https://keyframeui.com/r/relay-carousel.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/relay-carousel.json"},{"name":"relay-carousel-demo","title":"Relay Carousel: Customer Stories","description":"Workshop owners on the invoicing app they run their shop on. It plays by itself and holds while you point at it; pull the strip, use the arrows or click a card…","type":"registry:block","source_url":"https://keyframeui.com/r/relay-carousel-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/relay-carousel-demo.json"},{"name":"relay-carousel-careers-demo","title":"Relay Carousel: Careers","description":"A hiring page's team voices on a dark section. Once a quote is in, the lead card offers a link to that team's open roles through `children`. The controls take …","type":"registry:block","source_url":"https://keyframeui.com/r/relay-carousel-careers-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/relay-carousel-careers-demo.json"},{"name":"relay-carousel-speakers-demo","title":"Relay Carousel: Conference Speakers","description":"A speaker lineup with each talk's line in a serif through `quoteClassName`. The schedule under the heading follows the lead through `index` and `onIndexChange`…","type":"registry:block","source_url":"https://keyframeui.com/r/relay-carousel-speakers-demo.json","install_command":"npx shadcn@latest add https://keyframeui.com/r/relay-carousel-speakers-demo.json"}]},{"id":"keyline","name":"@keyline","slug":"keyline","description":"1,000 icons on one 24×24 grid as React components, in stroke, two-tone, duotone and fill, each with rounded or sharp corners. Free under MIT.","author":"keyline-icons","framework":"react","license":"MIT","tags":["accessibility","ai","icons"],"categories":["Icons/logos"],"labels":["recently-updated"],"urls":{"website":"https://keylineicons.com","github":"https://github.com/keyline-icons/keyline-icons","registry":"https://keylineicons.com/r/registry.json","source":"https://keylineicons.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/keyline","markdown":"https://sh4dcn.netlify.app/md/keyline.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='1.5 1.5 20.5 20.5' fill='none'><path d='M6.5 2.5L10.5 6.5L6.5 10.5L2.5 6.5Z' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='butt' stroke-linejoin='round'/><path d='M16.1582 2.8242A1.5 1.5 0 0 1 18.8418 2.8242L21.8429 8.8294A1.5 1.5 0 0 1 20.5012 11L14.4988 11A1.5 1.5 0 0 1 13.1571 8.8294Z' fill='var(--foreground)' fill-opacity='0.4'/><path d='M6.5 13C8.9853 13 11 15.0147 11 17.5C11 19.9853 8.9853 22 6.5 22C4.0147 22 2 19.9853 2 17.5C2 15.0147 4.0147 13 6.5 13Z' fill='var(--foreground)' fill-opacity='0.4'/><path d='M10 17.5C10 19.433 8.433 21 6.5 21C4.567 21 3 19.433 3 17.5C3 15.567 4.567 14 6.5 14C8.433 14 10 15.567 10 17.5Z' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M19 13C20.6569 13 22 14.3431 22 16L22 19C22 20.6569 20.6569 22 19 22L16 22C14.3431 22 13 20.6569 13 19L13 16C13 14.3431 14.3431 13 16 13L19 13Z' fill='var(--foreground)'/></svg>","preview_image":"https://keylineicons.com/opengraph-image?4e29c23062e0ea12","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":181,"open_issues":0,"last_commit":"2026-10-26T14:34:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://keylineicons.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://keylineicons.com/r/registry.json","install_bun":"bunx shadcn@latest add https://keylineicons.com/r/registry.json","clone":"git clone https://github.com/keyline-icons/keyline-icons.git","clone_degit":"npx degit keyline-icons/keyline-icons","registry_fetch":"curl -s https://keylineicons.com/r/registry.json"},"component_count":250,"components":[{"name":"a-arrow-down","title":"AArrowDown","description":"AArrowDown, the stroke drawing of a-arrow-down on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/a-arrow-down.json"},{"name":"two-tone/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the two-tone drawing of a-arrow-down on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/a-arrow-down.json"},{"name":"duotone/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the duotone drawing of a-arrow-down on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/a-arrow-down.json"},{"name":"fill/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the fill drawing of a-arrow-down on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/a-arrow-down.json"},{"name":"sharp/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the stroke drawing of a-arrow-down on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/a-arrow-down.json"},{"name":"sharp/two-tone/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the two-tone drawing of a-arrow-down on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/a-arrow-down.json"},{"name":"sharp/duotone/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the duotone drawing of a-arrow-down on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/a-arrow-down.json"},{"name":"sharp/fill/a-arrow-down","title":"AArrowDown","description":"AArrowDown, the fill drawing of a-arrow-down on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/a-arrow-down.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/a-arrow-down.json"},{"name":"a-arrow-up","title":"AArrowUp","description":"AArrowUp, the stroke drawing of a-arrow-up on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/a-arrow-up.json"},{"name":"two-tone/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the two-tone drawing of a-arrow-up on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/a-arrow-up.json"},{"name":"duotone/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the duotone drawing of a-arrow-up on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/a-arrow-up.json"},{"name":"fill/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the fill drawing of a-arrow-up on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/a-arrow-up.json"},{"name":"sharp/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the stroke drawing of a-arrow-up on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/a-arrow-up.json"},{"name":"sharp/two-tone/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the two-tone drawing of a-arrow-up on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/a-arrow-up.json"},{"name":"sharp/duotone/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the duotone drawing of a-arrow-up on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/a-arrow-up.json"},{"name":"sharp/fill/a-arrow-up","title":"AArrowUp","description":"AArrowUp, the fill drawing of a-arrow-up on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/a-arrow-up.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/a-arrow-up.json"},{"name":"accent-grave","title":"AccentGrave","description":"AccentGrave, the stroke drawing of accent-grave on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/accent-grave.json"},{"name":"two-tone/accent-grave","title":"AccentGrave","description":"AccentGrave, the two-tone drawing of accent-grave on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/accent-grave.json"},{"name":"duotone/accent-grave","title":"AccentGrave","description":"AccentGrave, the duotone drawing of accent-grave on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/accent-grave.json"},{"name":"fill/accent-grave","title":"AccentGrave","description":"AccentGrave, the fill drawing of accent-grave on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/accent-grave.json"},{"name":"sharp/accent-grave","title":"AccentGrave","description":"AccentGrave, the stroke drawing of accent-grave on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/accent-grave.json"},{"name":"sharp/two-tone/accent-grave","title":"AccentGrave","description":"AccentGrave, the two-tone drawing of accent-grave on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/accent-grave.json"},{"name":"sharp/duotone/accent-grave","title":"AccentGrave","description":"AccentGrave, the duotone drawing of accent-grave on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/accent-grave.json"},{"name":"sharp/fill/accent-grave","title":"AccentGrave","description":"AccentGrave, the fill drawing of accent-grave on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/accent-grave.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/accent-grave.json"},{"name":"accessibility","title":"Accessibility","description":"Accessibility, the stroke drawing of accessibility on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/accessibility.json"},{"name":"two-tone/accessibility","title":"Accessibility","description":"Accessibility, the two-tone drawing of accessibility on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/accessibility.json"},{"name":"duotone/accessibility","title":"Accessibility","description":"Accessibility, the duotone drawing of accessibility on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/accessibility.json"},{"name":"fill/accessibility","title":"Accessibility","description":"Accessibility, the fill drawing of accessibility on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/accessibility.json"},{"name":"sharp/accessibility","title":"Accessibility","description":"Accessibility, the stroke drawing of accessibility on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/accessibility.json"},{"name":"sharp/two-tone/accessibility","title":"Accessibility","description":"Accessibility, the two-tone drawing of accessibility on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/accessibility.json"},{"name":"sharp/duotone/accessibility","title":"Accessibility","description":"Accessibility, the duotone drawing of accessibility on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/accessibility.json"},{"name":"sharp/fill/accessibility","title":"Accessibility","description":"Accessibility, the fill drawing of accessibility on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/accessibility.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/accessibility.json"},{"name":"circle-activity","title":"CircleActivity","description":"CircleActivity, the stroke drawing of circle-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/circle-activity.json"},{"name":"two-tone/circle-activity","title":"CircleActivity","description":"CircleActivity, the two-tone drawing of circle-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/circle-activity.json"},{"name":"duotone/circle-activity","title":"CircleActivity","description":"CircleActivity, the duotone drawing of circle-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/circle-activity.json"},{"name":"fill/circle-activity","title":"CircleActivity","description":"CircleActivity, the fill drawing of circle-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/circle-activity.json"},{"name":"sharp/circle-activity","title":"CircleActivity","description":"CircleActivity, the stroke drawing of circle-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/circle-activity.json"},{"name":"sharp/two-tone/circle-activity","title":"CircleActivity","description":"CircleActivity, the two-tone drawing of circle-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/circle-activity.json"},{"name":"sharp/duotone/circle-activity","title":"CircleActivity","description":"CircleActivity, the duotone drawing of circle-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/circle-activity.json"},{"name":"sharp/fill/circle-activity","title":"CircleActivity","description":"CircleActivity, the fill drawing of circle-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/circle-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/circle-activity.json"},{"name":"activity","title":"Activity","description":"Activity, the stroke drawing of activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/activity.json"},{"name":"two-tone/activity","title":"Activity","description":"Activity, the two-tone drawing of activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/activity.json"},{"name":"duotone/activity","title":"Activity","description":"Activity, the duotone drawing of activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/activity.json"},{"name":"fill/activity","title":"Activity","description":"Activity, the fill drawing of activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/activity.json"},{"name":"sharp/activity","title":"Activity","description":"Activity, the stroke drawing of activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/activity.json"},{"name":"sharp/two-tone/activity","title":"Activity","description":"Activity, the two-tone drawing of activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/activity.json"},{"name":"sharp/duotone/activity","title":"Activity","description":"Activity, the duotone drawing of activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/activity.json"},{"name":"sharp/fill/activity","title":"Activity","description":"Activity, the fill drawing of activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/activity.json"},{"name":"square-activity","title":"SquareActivity","description":"SquareActivity, the stroke drawing of square-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/square-activity.json"},{"name":"two-tone/square-activity","title":"SquareActivity","description":"SquareActivity, the two-tone drawing of square-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/square-activity.json"},{"name":"duotone/square-activity","title":"SquareActivity","description":"SquareActivity, the duotone drawing of square-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/square-activity.json"},{"name":"fill/square-activity","title":"SquareActivity","description":"SquareActivity, the fill drawing of square-activity on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/square-activity.json"},{"name":"sharp/square-activity","title":"SquareActivity","description":"SquareActivity, the stroke drawing of square-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/square-activity.json"},{"name":"sharp/two-tone/square-activity","title":"SquareActivity","description":"SquareActivity, the two-tone drawing of square-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/square-activity.json"},{"name":"sharp/duotone/square-activity","title":"SquareActivity","description":"SquareActivity, the duotone drawing of square-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/square-activity.json"},{"name":"sharp/fill/square-activity","title":"SquareActivity","description":"SquareActivity, the fill drawing of square-activity on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/square-activity.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/square-activity.json"},{"name":"activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the stroke drawing of activity-sparkles on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/activity-sparkles.json"},{"name":"two-tone/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the two-tone drawing of activity-sparkles on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/activity-sparkles.json"},{"name":"duotone/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the duotone drawing of activity-sparkles on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/activity-sparkles.json"},{"name":"fill/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the fill drawing of activity-sparkles on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/activity-sparkles.json"},{"name":"sharp/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the stroke drawing of activity-sparkles on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/activity-sparkles.json"},{"name":"sharp/two-tone/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the two-tone drawing of activity-sparkles on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/activity-sparkles.json"},{"name":"sharp/duotone/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the duotone drawing of activity-sparkles on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/activity-sparkles.json"},{"name":"sharp/fill/activity-sparkles","title":"ActivitySparkles","description":"ActivitySparkles, the fill drawing of activity-sparkles on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/activity-sparkles.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/activity-sparkles.json"},{"name":"airplay","title":"Airplay","description":"Airplay, the stroke drawing of airplay on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/airplay.json"},{"name":"two-tone/airplay","title":"Airplay","description":"Airplay, the two-tone drawing of airplay on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/airplay.json"},{"name":"duotone/airplay","title":"Airplay","description":"Airplay, the duotone drawing of airplay on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/airplay.json"},{"name":"fill/airplay","title":"Airplay","description":"Airplay, the fill drawing of airplay on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/airplay.json"},{"name":"sharp/airplay","title":"Airplay","description":"Airplay, the stroke drawing of airplay on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/airplay.json"},{"name":"sharp/two-tone/airplay","title":"Airplay","description":"Airplay, the two-tone drawing of airplay on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/airplay.json"},{"name":"sharp/duotone/airplay","title":"Airplay","description":"Airplay, the duotone drawing of airplay on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/airplay.json"},{"name":"sharp/fill/airplay","title":"Airplay","description":"Airplay, the fill drawing of airplay on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/airplay.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/airplay.json"},{"name":"airpods","title":"Airpods","description":"Airpods, the stroke drawing of airpods on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/airpods.json"},{"name":"two-tone/airpods","title":"Airpods","description":"Airpods, the two-tone drawing of airpods on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/airpods.json"},{"name":"duotone/airpods","title":"Airpods","description":"Airpods, the duotone drawing of airpods on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/airpods.json"},{"name":"fill/airpods","title":"Airpods","description":"Airpods, the fill drawing of airpods on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/airpods.json"},{"name":"sharp/airpods","title":"Airpods","description":"Airpods, the stroke drawing of airpods on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/airpods.json"},{"name":"sharp/two-tone/airpods","title":"Airpods","description":"Airpods, the two-tone drawing of airpods on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/airpods.json"},{"name":"sharp/duotone/airpods","title":"Airpods","description":"Airpods, the duotone drawing of airpods on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/airpods.json"},{"name":"sharp/fill/airpods","title":"Airpods","description":"Airpods, the fill drawing of airpods on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/airpods.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/airpods.json"},{"name":"airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the stroke drawing of airpods-open on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/airpods-open.json"},{"name":"two-tone/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the two-tone drawing of airpods-open on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/airpods-open.json"},{"name":"duotone/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the duotone drawing of airpods-open on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/airpods-open.json"},{"name":"fill/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the fill drawing of airpods-open on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/airpods-open.json"},{"name":"sharp/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the stroke drawing of airpods-open on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/airpods-open.json"},{"name":"sharp/two-tone/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the two-tone drawing of airpods-open on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/airpods-open.json"},{"name":"sharp/duotone/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the duotone drawing of airpods-open on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/airpods-open.json"},{"name":"sharp/fill/airpods-open","title":"AirpodsOpen","description":"AirpodsOpen, the fill drawing of airpods-open on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/airpods-open.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/airpods-open.json"},{"name":"alarm-clock","title":"AlarmClock","description":"AlarmClock, the stroke drawing of alarm-clock on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alarm-clock.json"},{"name":"two-tone/alarm-clock","title":"AlarmClock","description":"AlarmClock, the two-tone drawing of alarm-clock on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alarm-clock.json"},{"name":"duotone/alarm-clock","title":"AlarmClock","description":"AlarmClock, the duotone drawing of alarm-clock on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alarm-clock.json"},{"name":"fill/alarm-clock","title":"AlarmClock","description":"AlarmClock, the fill drawing of alarm-clock on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alarm-clock.json"},{"name":"sharp/alarm-clock","title":"AlarmClock","description":"AlarmClock, the stroke drawing of alarm-clock on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alarm-clock.json"},{"name":"sharp/two-tone/alarm-clock","title":"AlarmClock","description":"AlarmClock, the two-tone drawing of alarm-clock on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alarm-clock.json"},{"name":"sharp/duotone/alarm-clock","title":"AlarmClock","description":"AlarmClock, the duotone drawing of alarm-clock on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alarm-clock.json"},{"name":"sharp/fill/alarm-clock","title":"AlarmClock","description":"AlarmClock, the fill drawing of alarm-clock on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alarm-clock.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alarm-clock.json"},{"name":"alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the stroke drawing of alarm-clock-check on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alarm-clock-check.json"},{"name":"two-tone/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the two-tone drawing of alarm-clock-check on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alarm-clock-check.json"},{"name":"duotone/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the duotone drawing of alarm-clock-check on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alarm-clock-check.json"},{"name":"fill/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the fill drawing of alarm-clock-check on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alarm-clock-check.json"},{"name":"sharp/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the stroke drawing of alarm-clock-check on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alarm-clock-check.json"},{"name":"sharp/two-tone/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the two-tone drawing of alarm-clock-check on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alarm-clock-check.json"},{"name":"sharp/duotone/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the duotone drawing of alarm-clock-check on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alarm-clock-check.json"},{"name":"sharp/fill/alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck, the fill drawing of alarm-clock-check on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alarm-clock-check.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alarm-clock-check.json"},{"name":"alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the stroke drawing of alarm-clock-minus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alarm-clock-minus.json"},{"name":"two-tone/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the two-tone drawing of alarm-clock-minus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alarm-clock-minus.json"},{"name":"duotone/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the duotone drawing of alarm-clock-minus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alarm-clock-minus.json"},{"name":"fill/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the fill drawing of alarm-clock-minus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alarm-clock-minus.json"},{"name":"sharp/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the stroke drawing of alarm-clock-minus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alarm-clock-minus.json"},{"name":"sharp/two-tone/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the two-tone drawing of alarm-clock-minus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alarm-clock-minus.json"},{"name":"sharp/duotone/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the duotone drawing of alarm-clock-minus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alarm-clock-minus.json"},{"name":"sharp/fill/alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus, the fill drawing of alarm-clock-minus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alarm-clock-minus.json"},{"name":"alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the stroke drawing of alarm-clock-plus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alarm-clock-plus.json"},{"name":"two-tone/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the two-tone drawing of alarm-clock-plus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alarm-clock-plus.json"},{"name":"duotone/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the duotone drawing of alarm-clock-plus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alarm-clock-plus.json"},{"name":"fill/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the fill drawing of alarm-clock-plus on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alarm-clock-plus.json"},{"name":"sharp/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the stroke drawing of alarm-clock-plus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alarm-clock-plus.json"},{"name":"sharp/two-tone/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the two-tone drawing of alarm-clock-plus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alarm-clock-plus.json"},{"name":"sharp/duotone/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the duotone drawing of alarm-clock-plus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alarm-clock-plus.json"},{"name":"sharp/fill/alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus, the fill drawing of alarm-clock-plus on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alarm-clock-plus.json"},{"name":"alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the stroke drawing of alarm-clock-x on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alarm-clock-x.json"},{"name":"two-tone/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the two-tone drawing of alarm-clock-x on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alarm-clock-x.json"},{"name":"duotone/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the duotone drawing of alarm-clock-x on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alarm-clock-x.json"},{"name":"fill/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the fill drawing of alarm-clock-x on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alarm-clock-x.json"},{"name":"sharp/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the stroke drawing of alarm-clock-x on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alarm-clock-x.json"},{"name":"sharp/two-tone/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the two-tone drawing of alarm-clock-x on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alarm-clock-x.json"},{"name":"sharp/duotone/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the duotone drawing of alarm-clock-x on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alarm-clock-x.json"},{"name":"sharp/fill/alarm-clock-x","title":"AlarmClockX","description":"AlarmClockX, the fill drawing of alarm-clock-x on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alarm-clock-x.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alarm-clock-x.json"},{"name":"circle-alert","title":"CircleAlert","description":"CircleAlert, the stroke drawing of circle-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/circle-alert.json"},{"name":"two-tone/circle-alert","title":"CircleAlert","description":"CircleAlert, the two-tone drawing of circle-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/circle-alert.json"},{"name":"duotone/circle-alert","title":"CircleAlert","description":"CircleAlert, the duotone drawing of circle-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/circle-alert.json"},{"name":"fill/circle-alert","title":"CircleAlert","description":"CircleAlert, the fill drawing of circle-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/circle-alert.json"},{"name":"sharp/circle-alert","title":"CircleAlert","description":"CircleAlert, the stroke drawing of circle-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/circle-alert.json"},{"name":"sharp/two-tone/circle-alert","title":"CircleAlert","description":"CircleAlert, the two-tone drawing of circle-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/circle-alert.json"},{"name":"sharp/duotone/circle-alert","title":"CircleAlert","description":"CircleAlert, the duotone drawing of circle-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/circle-alert.json"},{"name":"sharp/fill/circle-alert","title":"CircleAlert","description":"CircleAlert, the fill drawing of circle-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/circle-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/circle-alert.json"},{"name":"alert","title":"Alert","description":"Alert, the stroke drawing of alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alert.json"},{"name":"two-tone/alert","title":"Alert","description":"Alert, the two-tone drawing of alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alert.json"},{"name":"duotone/alert","title":"Alert","description":"Alert, the duotone drawing of alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alert.json"},{"name":"fill/alert","title":"Alert","description":"Alert, the fill drawing of alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alert.json"},{"name":"sharp/alert","title":"Alert","description":"Alert, the stroke drawing of alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alert.json"},{"name":"sharp/two-tone/alert","title":"Alert","description":"Alert, the two-tone drawing of alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alert.json"},{"name":"sharp/duotone/alert","title":"Alert","description":"Alert, the duotone drawing of alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alert.json"},{"name":"sharp/fill/alert","title":"Alert","description":"Alert, the fill drawing of alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alert.json"},{"name":"square-alert","title":"SquareAlert","description":"SquareAlert, the stroke drawing of square-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/square-alert.json"},{"name":"two-tone/square-alert","title":"SquareAlert","description":"SquareAlert, the two-tone drawing of square-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/square-alert.json"},{"name":"duotone/square-alert","title":"SquareAlert","description":"SquareAlert, the duotone drawing of square-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/square-alert.json"},{"name":"fill/square-alert","title":"SquareAlert","description":"SquareAlert, the fill drawing of square-alert on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/square-alert.json"},{"name":"sharp/square-alert","title":"SquareAlert","description":"SquareAlert, the stroke drawing of square-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/square-alert.json"},{"name":"sharp/two-tone/square-alert","title":"SquareAlert","description":"SquareAlert, the two-tone drawing of square-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/square-alert.json"},{"name":"sharp/duotone/square-alert","title":"SquareAlert","description":"SquareAlert, the duotone drawing of square-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/square-alert.json"},{"name":"sharp/fill/square-alert","title":"SquareAlert","description":"SquareAlert, the fill drawing of square-alert on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/square-alert.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/square-alert.json"},{"name":"alien","title":"Alien","description":"Alien, the stroke drawing of alien on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/alien.json"},{"name":"two-tone/alien","title":"Alien","description":"Alien, the two-tone drawing of alien on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/alien.json"},{"name":"duotone/alien","title":"Alien","description":"Alien, the duotone drawing of alien on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/alien.json"},{"name":"fill/alien","title":"Alien","description":"Alien, the fill drawing of alien on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/alien.json"},{"name":"sharp/alien","title":"Alien","description":"Alien, the stroke drawing of alien on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/alien.json"},{"name":"sharp/two-tone/alien","title":"Alien","description":"Alien, the two-tone drawing of alien on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/alien.json"},{"name":"sharp/duotone/alien","title":"Alien","description":"Alien, the duotone drawing of alien on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/alien.json"},{"name":"sharp/fill/alien","title":"Alien","description":"Alien, the fill drawing of alien on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/alien.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/alien.json"},{"name":"align-center","title":"AlignCenter","description":"AlignCenter, the stroke drawing of align-center on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-center.json"},{"name":"two-tone/align-center","title":"AlignCenter","description":"AlignCenter, the two-tone drawing of align-center on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-center.json"},{"name":"duotone/align-center","title":"AlignCenter","description":"AlignCenter, the duotone drawing of align-center on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/align-center.json"},{"name":"fill/align-center","title":"AlignCenter","description":"AlignCenter, the fill drawing of align-center on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/align-center.json"},{"name":"sharp/align-center","title":"AlignCenter","description":"AlignCenter, the stroke drawing of align-center on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/align-center.json"},{"name":"sharp/two-tone/align-center","title":"AlignCenter","description":"AlignCenter, the two-tone drawing of align-center on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/align-center.json"},{"name":"sharp/duotone/align-center","title":"AlignCenter","description":"AlignCenter, the duotone drawing of align-center on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/align-center.json"},{"name":"sharp/fill/align-center","title":"AlignCenter","description":"AlignCenter, the fill drawing of align-center on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/align-center.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/align-center.json"},{"name":"align-justify","title":"AlignJustify","description":"AlignJustify, the stroke drawing of align-justify on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-justify.json"},{"name":"two-tone/align-justify","title":"AlignJustify","description":"AlignJustify, the two-tone drawing of align-justify on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-justify.json"},{"name":"duotone/align-justify","title":"AlignJustify","description":"AlignJustify, the duotone drawing of align-justify on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/align-justify.json"},{"name":"fill/align-justify","title":"AlignJustify","description":"AlignJustify, the fill drawing of align-justify on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/align-justify.json"},{"name":"sharp/align-justify","title":"AlignJustify","description":"AlignJustify, the stroke drawing of align-justify on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/align-justify.json"},{"name":"sharp/two-tone/align-justify","title":"AlignJustify","description":"AlignJustify, the two-tone drawing of align-justify on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/align-justify.json"},{"name":"sharp/duotone/align-justify","title":"AlignJustify","description":"AlignJustify, the duotone drawing of align-justify on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/align-justify.json"},{"name":"sharp/fill/align-justify","title":"AlignJustify","description":"AlignJustify, the fill drawing of align-justify on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/align-justify.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/align-justify.json"},{"name":"align-left","title":"AlignLeft","description":"AlignLeft, the stroke drawing of align-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-left.json"},{"name":"two-tone/align-left","title":"AlignLeft","description":"AlignLeft, the two-tone drawing of align-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-left.json"},{"name":"duotone/align-left","title":"AlignLeft","description":"AlignLeft, the duotone drawing of align-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/align-left.json"},{"name":"fill/align-left","title":"AlignLeft","description":"AlignLeft, the fill drawing of align-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/align-left.json"},{"name":"sharp/align-left","title":"AlignLeft","description":"AlignLeft, the stroke drawing of align-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/align-left.json"},{"name":"sharp/two-tone/align-left","title":"AlignLeft","description":"AlignLeft, the two-tone drawing of align-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/align-left.json"},{"name":"sharp/duotone/align-left","title":"AlignLeft","description":"AlignLeft, the duotone drawing of align-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/align-left.json"},{"name":"sharp/fill/align-left","title":"AlignLeft","description":"AlignLeft, the fill drawing of align-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/align-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/align-left.json"},{"name":"align-left-2","title":"AlignLeft2","description":"AlignLeft2, the stroke drawing of align-left-2 on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-left-2.json"},{"name":"two-tone/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the two-tone drawing of align-left-2 on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-left-2.json"},{"name":"duotone/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the duotone drawing of align-left-2 on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/align-left-2.json"},{"name":"fill/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the fill drawing of align-left-2 on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/align-left-2.json"},{"name":"sharp/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the stroke drawing of align-left-2 on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/align-left-2.json"},{"name":"sharp/two-tone/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the two-tone drawing of align-left-2 on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/align-left-2.json"},{"name":"sharp/duotone/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the duotone drawing of align-left-2 on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/align-left-2.json"},{"name":"sharp/fill/align-left-2","title":"AlignLeft2","description":"AlignLeft2, the fill drawing of align-left-2 on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/align-left-2.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/align-left-2.json"},{"name":"circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the stroke drawing of circle-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/circle-align-offset-bottom.json"},{"name":"two-tone/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the two-tone drawing of circle-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/circle-align-offset-bottom.json"},{"name":"duotone/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the duotone drawing of circle-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/circle-align-offset-bottom.json"},{"name":"fill/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the fill drawing of circle-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/circle-align-offset-bottom.json"},{"name":"sharp/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the stroke drawing of circle-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/circle-align-offset-bottom.json"},{"name":"sharp/two-tone/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the two-tone drawing of circle-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/circle-align-offset-bottom.json"},{"name":"sharp/duotone/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the duotone drawing of circle-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/circle-align-offset-bottom.json"},{"name":"sharp/fill/circle-align-offset-bottom","title":"CircleAlignOffsetBottom","description":"CircleAlignOffsetBottom, the fill drawing of circle-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/circle-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/circle-align-offset-bottom.json"},{"name":"align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the stroke drawing of align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-offset-bottom.json"},{"name":"two-tone/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the two-tone drawing of align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-offset-bottom.json"},{"name":"duotone/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the duotone drawing of align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/align-offset-bottom.json"},{"name":"fill/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the fill drawing of align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/align-offset-bottom.json"},{"name":"sharp/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the stroke drawing of align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/align-offset-bottom.json"},{"name":"sharp/two-tone/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the two-tone drawing of align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/align-offset-bottom.json"},{"name":"sharp/duotone/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the duotone drawing of align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/align-offset-bottom.json"},{"name":"sharp/fill/align-offset-bottom","title":"AlignOffsetBottom","description":"AlignOffsetBottom, the fill drawing of align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/align-offset-bottom.json"},{"name":"square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the stroke drawing of square-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/square-align-offset-bottom.json"},{"name":"two-tone/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the two-tone drawing of square-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/square-align-offset-bottom.json"},{"name":"duotone/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the duotone drawing of square-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/square-align-offset-bottom.json"},{"name":"fill/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the fill drawing of square-align-offset-bottom on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/square-align-offset-bottom.json"},{"name":"sharp/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the stroke drawing of square-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/square-align-offset-bottom.json"},{"name":"sharp/two-tone/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the two-tone drawing of square-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/square-align-offset-bottom.json"},{"name":"sharp/duotone/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the duotone drawing of square-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/square-align-offset-bottom.json"},{"name":"sharp/fill/square-align-offset-bottom","title":"SquareAlignOffsetBottom","description":"SquareAlignOffsetBottom, the fill drawing of square-align-offset-bottom on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/square-align-offset-bottom.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/square-align-offset-bottom.json"},{"name":"circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the stroke drawing of circle-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/circle-align-offset-left.json"},{"name":"two-tone/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the two-tone drawing of circle-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/circle-align-offset-left.json"},{"name":"duotone/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the duotone drawing of circle-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/circle-align-offset-left.json"},{"name":"fill/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the fill drawing of circle-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/circle-align-offset-left.json"},{"name":"sharp/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the stroke drawing of circle-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/circle-align-offset-left.json"},{"name":"sharp/two-tone/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the two-tone drawing of circle-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/circle-align-offset-left.json"},{"name":"sharp/duotone/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the duotone drawing of circle-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/circle-align-offset-left.json"},{"name":"sharp/fill/circle-align-offset-left","title":"CircleAlignOffsetLeft","description":"CircleAlignOffsetLeft, the fill drawing of circle-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/circle-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/circle-align-offset-left.json"},{"name":"align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the stroke drawing of align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-offset-left.json"},{"name":"two-tone/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the two-tone drawing of align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-offset-left.json"},{"name":"duotone/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the duotone drawing of align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/align-offset-left.json"},{"name":"fill/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the fill drawing of align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/align-offset-left.json"},{"name":"sharp/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the stroke drawing of align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/align-offset-left.json"},{"name":"sharp/two-tone/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the two-tone drawing of align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/align-offset-left.json"},{"name":"sharp/duotone/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the duotone drawing of align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/align-offset-left.json"},{"name":"sharp/fill/align-offset-left","title":"AlignOffsetLeft","description":"AlignOffsetLeft, the fill drawing of align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/align-offset-left.json"},{"name":"square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the stroke drawing of square-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/square-align-offset-left.json"},{"name":"two-tone/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the two-tone drawing of square-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/square-align-offset-left.json"},{"name":"duotone/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the duotone drawing of square-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/square-align-offset-left.json"},{"name":"fill/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the fill drawing of square-align-offset-left on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/square-align-offset-left.json"},{"name":"sharp/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the stroke drawing of square-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/square-align-offset-left.json"},{"name":"sharp/two-tone/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the two-tone drawing of square-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/square-align-offset-left.json"},{"name":"sharp/duotone/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the duotone drawing of square-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/square-align-offset-left.json"},{"name":"sharp/fill/square-align-offset-left","title":"SquareAlignOffsetLeft","description":"SquareAlignOffsetLeft, the fill drawing of square-align-offset-left on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/square-align-offset-left.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/square-align-offset-left.json"},{"name":"circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the stroke drawing of circle-align-offset-right on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/circle-align-offset-right.json"},{"name":"two-tone/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the two-tone drawing of circle-align-offset-right on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/circle-align-offset-right.json"},{"name":"duotone/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the duotone drawing of circle-align-offset-right on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/duotone/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/duotone/circle-align-offset-right.json"},{"name":"fill/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the fill drawing of circle-align-offset-right on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/fill/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/fill/circle-align-offset-right.json"},{"name":"sharp/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the stroke drawing of circle-align-offset-right on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/circle-align-offset-right.json"},{"name":"sharp/two-tone/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the two-tone drawing of circle-align-offset-right on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/two-tone/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/two-tone/circle-align-offset-right.json"},{"name":"sharp/duotone/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the duotone drawing of circle-align-offset-right on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/duotone/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/duotone/circle-align-offset-right.json"},{"name":"sharp/fill/circle-align-offset-right","title":"CircleAlignOffsetRight","description":"CircleAlignOffsetRight, the fill drawing of circle-align-offset-right on a 24×24 grid, with squared corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/sharp/fill/circle-align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/sharp/fill/circle-align-offset-right.json"},{"name":"align-offset-right","title":"AlignOffsetRight","description":"AlignOffsetRight, the stroke drawing of align-offset-right on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/align-offset-right.json"},{"name":"two-tone/align-offset-right","title":"AlignOffsetRight","description":"AlignOffsetRight, the two-tone drawing of align-offset-right on a 24×24 grid, with rounded corners. Available in stroke, two-tone, duotone, fill.","type":"registry:component","source_url":"https://keylineicons.com/r/two-tone/align-offset-right.json","install_command":"npx shadcn@latest add https://keylineicons.com/r/two-tone/align-offset-right.json"}]},{"id":"kibo-ui","name":"@kibo-ui","slug":"kibo-ui","description":"Kibo UI is a composable, accessible, open-source shadcn/ui companion registry providing 41 components and 28 blocks across 1,101 patterns. Notable components include Color Picker, Image Zoom, QR Code, Code Block, Dropzone, and AI chat primitives, going beyond Radix-based shadcn primitives by wrapping more complex headless libraries. Built with React, TypeScript, Tailwind CSS, Lucide, and Radix UI; fully compatible with shadcn/ui CSS variable theming. Free and open source (3.8k GitHub stars). Use for: extending an existing shadcn/ui project with production-ready, higher-order components — especially file handling, data display, and AI chat UI — without rewriting boilerplate.","author":"haydenbleasel","framework":"react","license":"MIT","tags":["accessibility","ai","animation","audio","blocks","buttons","cards","charts","components","design-system","developer-tools","editor","forms","hooks","loaders","media","onboarding","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured","popular"],"urls":{"website":"https://www.kibo-ui.com/","github":"https://github.com/haydenbleasel/kibo","registry":"https://www.kibo-ui.com/r/registry.json","source":"https://www.kibo-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kibo-ui","markdown":"https://sh4dcn.netlify.app/md/kibo-ui.md"},"logo":"<svg fill='none' viewBox='0 0 116 116' xmlns='http://www.w3.org/2000/svg'><title>Kibo UI</title><g fill='currentColor'><path clip-rule='evenodd' d='m29.3378 0h87.0002v87l-29.0002 29v-87h-87.000031zm-29.000031 95.7389v-37.7389h37.738831zm58.000031 20.2611h-37.249l37.249-37.2488z' fill-rule='evenodd'></path></g></svg>","preview_image":"https://www.kibo-ui.com/opengraph-image.jpg?opengraph-image.408bd8df.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3968,"open_issues":34,"last_commit":"2026-05-04T06:00:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.kibo-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.kibo-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.kibo-ui.com/r/registry.json","clone":"git clone https://github.com/haydenbleasel/kibo.git","clone_degit":"npx degit haydenbleasel/kibo","registry_fetch":"curl -s https://www.kibo-ui.com/r/registry.json"},"component_count":41,"components":[{"name":"announcement","title":"announcement","description":"A compound badge designed to display an announcement.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/announcement.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/announcement.json"},{"name":"avatar-stack","title":"avatar-stack","description":"Avatar Stack is a component that allows you to stack and overlap avatars.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/avatar-stack.json"},{"name":"banner","title":"banner","description":"A banner is a full-width component that can be used to show a message and action to the user.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/banner.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/banner.json"},{"name":"calendar","title":"calendar","description":"The calendar view displays features on a grid calendar. Specifically it shows the end date of each feature, and groups features by day.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/calendar.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/calendar.json"},{"name":"choicebox","title":"choicebox","description":"Choiceboxes are a great way to show radio or checkbox options with a card style.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/choicebox.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/choicebox.json"},{"name":"code-block","title":"code-block","description":"Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/code-block.json"},{"name":"color-picker","title":"color-picker","description":"Allows users to select a color. Modeled after the color picker in Figma.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/color-picker.json"},{"name":"combobox","title":"combobox","description":"Autocomplete input and command palette with a list of suggestions.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/combobox.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/combobox.json"},{"name":"comparison","title":"comparison","description":"A slider-based component for comparing two items in an overlay.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/comparison.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/comparison.json"},{"name":"contribution-graph","title":"contribution-graph","description":"A GitHub-style contribution graph component that displays activity levels over time.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/contribution-graph.json"},{"name":"credit-card","title":"credit-card","description":"Credit card components for displaying and validating credit card information.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/credit-card.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/credit-card.json"},{"name":"cursor","title":"cursor","description":"A cursor component, great for realtime interactive applications.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/cursor.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/cursor.json"},{"name":"deck","title":"deck","description":"A Tinder-like swipeable card stack component with smooth animations.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/deck.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/deck.json"},{"name":"dialog-stack","title":"dialog-stack","description":"Composable stacked dialogs, useful for creating a wizard, nested form or multi-step process. It provides a consistent layout and styling for each dialog, and i…","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/dialog-stack.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/dialog-stack.json"},{"name":"dropzone","title":"dropzone","description":"Allows users to drag-and-drop files into a container to upload or process them.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/dropzone.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/dropzone.json"},{"name":"editor","title":"editor","description":"The Editor component is a powerful and flexible text editor that allows you to create and edit rich text content.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/editor.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/editor.json"},{"name":"gantt","title":"gantt","description":"The Gantt chart is a powerful tool for visualizing project schedules and tracking the progress of tasks. It provides a clear, hierarchical view of tasks, allow…","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/gantt.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/gantt.json"},{"name":"glimpse","title":"glimpse","description":"A component that shows a preview of a URL when hovering over a link.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/glimpse.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/glimpse.json"},{"name":"image-crop","title":"image-crop","description":"Helps you crop images to a specific size or aspect ratio.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/image-crop.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/image-crop.json"},{"name":"image-zoom","title":"image-zoom","description":"Image zoom is a component that allows you to zoom in on an image.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/image-zoom.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/image-zoom.json"},{"name":"kanban","title":"kanban","description":"A kanban board is a visual tool that helps you manage and visualize your work. It is a board with columns, and each column represents a status, e.g. \"Backlog\",…","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/kanban.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/kanban.json"},{"name":"list","title":"list","description":"List views are a great way to show a list of tasks grouped by status and ranked by priority.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/list.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/list.json"},{"name":"marquee","title":"marquee","description":"Marquees are a great way to show a list of items in a horizontal scrolling motion.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/marquee.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/marquee.json"},{"name":"mini-calendar","title":"mini-calendar","description":"A composable mini calendar component for picking dates close to today.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/mini-calendar.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/mini-calendar.json"},{"name":"pill","title":"pill","description":"A flexible badge component designed for a variety of use cases.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/pill.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/pill.json"},{"name":"qr-code","title":"qr-code","description":"QR Code is a component that generates a QR code from a string.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/qr-code.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/qr-code.json"},{"name":"rating","title":"rating","description":"A star rating component with keyboard navigation and hover effects.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/rating.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/rating.json"},{"name":"reel","title":"reel","description":"A composable Reel component that looks like Instagram Stories - a full-height, 9:16 aspect ratio container with video playback and progress indicators.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/reel.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/reel.json"},{"name":"relative-time","title":"relative-time","description":"A component that displays time in various timezones.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/relative-time.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/relative-time.json"},{"name":"sandbox","title":"sandbox","description":"The sandbox component allows you to preview and test components in a sandboxed environment.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/sandbox.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/sandbox.json"},{"name":"snippet","title":"snippet","description":"Snippet is a component that allows you to display and copy code in a tabbed interface.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/snippet.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/snippet.json"},{"name":"spinner","title":"spinner","description":"A spinner is a visual indicator that shows progress or activity.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/spinner.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/spinner.json"},{"name":"status","title":"status","description":"Status components are used to display the uptime of a service.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/status.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/status.json"},{"name":"stories","title":"stories","description":"A composable Stories component - a carousel of individual video cards like you'd see on Facebook.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/stories.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/stories.json"},{"name":"table","title":"table","description":"Table views are used to display data in a tabular format. They are useful for displaying large amounts of data in a structured way.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/table.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/table.json"},{"name":"tags","title":"tags","description":"Tags are a way to apply multiple labels to an item.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/tags.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/tags.json"},{"name":"theme-switcher","title":"theme-switcher","description":"A component to switch between light, dark and system theme.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/theme-switcher.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/theme-switcher.json"},{"name":"ticker","title":"ticker","description":"A composable finance ticker for displaying symbols, prices and changes.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/ticker.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/ticker.json"},{"name":"tree","title":"tree","description":"A composable tree component with animated expand/collapse and customizable nodes.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/tree.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/tree.json"},{"name":"typography","title":"typography","description":"A typography component designed to display text with a consistent style.","type":"registry:style","source_url":"https://www.kibo-ui.com/r/typography.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/typography.json"},{"name":"video-player","title":"video-player","description":"A composable, shadcn/ui styled video player component that uses the media-chrome library.","type":"registry:ui","source_url":"https://www.kibo-ui.com/r/video-player.json","install_command":"npx shadcn@latest add https://www.kibo-ui.com/r/video-player.json"}]},{"id":"kind-ui","name":"@kind-ui","slug":"kind-ui","description":"Editable React chart compositions backed by Kind UI Core, with explicit data, accessible interactions, and consumer-controlled animation.","author":"bhaveshchow20","framework":"react","license":"MIT","tags":["accessibility","animation","charts","maps","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://kindui.dev/charts/","github":"https://github.com/bhaveshchow20/kind-ui","registry":"https://kindui.dev/r/registry.json","source":"https://kindui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kind-ui","markdown":"https://sh4dcn.netlify.app/md/kind-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 18V6m0 12h16M8 14l4-6 4 3 4-7'/></svg>","preview_image":"https://kindui.dev/charts/social/homepage-v1.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":31,"last_commit":"2026-10-18T05:01:51Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kindui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kindui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://kindui.dev/r/registry.json","clone":"git clone https://github.com/bhaveshchow20/kind-ui.git","clone_degit":"npx degit bhaveshchow20/kind-ui","registry_fetch":"curl -s https://kindui.dev/r/registry.json"},"component_count":14,"components":[{"name":"area-chart","title":"Area Chart","description":"A single area with complete monthly visitor data.","type":"registry:component","source_url":"https://kindui.dev/r/area-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/area-chart.json"},{"name":"bar-chart","title":"Bar Chart","description":"Weekly pickup orders across five locations with opt-in category emphasis.","type":"registry:component","source_url":"https://kindui.dev/r/bar-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/bar-chart.json"},{"name":"box-plot-chart","title":"BoxPlot","description":"Compare three caller-computed response time distributions, in milliseconds.","type":"registry:component","source_url":"https://kindui.dev/r/box-plot-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/box-plot-chart.json"},{"name":"combo-chart","title":"Production and capacity","description":"Shipped units, available capacity and a production target on one numeric scale.","type":"registry:component","source_url":"https://kindui.dev/r/combo-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/combo-chart.json"},{"name":"heatmap-chart","title":"Heatmap","description":"Support demand across four days and six two-hour intervals.","type":"registry:component","source_url":"https://kindui.dev/r/heatmap-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/heatmap-chart.json"},{"name":"histogram-chart","title":"Histogram","description":"Counts across explicit equal-width response-time intervals.","type":"registry:component","source_url":"https://kindui.dev/r/histogram-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/histogram-chart.json"},{"name":"line-chart","title":"Line Chart","description":"A single smooth series with complete monthly visitor data.","type":"registry:component","source_url":"https://kindui.dev/r/line-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/line-chart.json"},{"name":"pie-chart","title":"Pie and Donut","description":"A complete 1,000-hour team allocation with category labels and percentage labels.","type":"registry:component","source_url":"https://kindui.dev/r/pie-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/pie-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"Six comparable research dimensions for two products on a fixed 0–100 scale.","type":"registry:component","source_url":"https://kindui.dev/r/radar-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/radar-chart.json"},{"name":"radial-chart","title":"Radial Chart","description":"Three project stages share an explicit 0–100 percent scale.","type":"registry:component","source_url":"https://kindui.dev/r/radial-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/radial-chart.json"},{"name":"sankey-chart","title":"Energy allocation","description":"180 MWh across nine nodes, three stages and eighteen balanced flows.","type":"registry:component","source_url":"https://kindui.dev/r/sankey-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/sankey-chart.json"},{"name":"scatter-chart","title":"Scatter Chart","description":"Eight task observations on numeric latency and acceptance axes.","type":"registry:component","source_url":"https://kindui.dev/r/scatter-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/scatter-chart.json"},{"name":"waterfall-chart","title":"Waterfall Chart","description":"Cash rises from $120k to $180k before costs and tax leave $95k.","type":"registry:component","source_url":"https://kindui.dev/r/waterfall-chart.json","install_command":"npx shadcn@latest add https://kindui.dev/r/waterfall-chart.json"},{"name":"activity-rings","title":"Activity rings","description":"Three original values use their own domains; tracks, tooltip and static legend come from ActivityRings.","type":"registry:component","source_url":"https://kindui.dev/r/activity-rings.json","install_command":"npx shadcn@latest add https://kindui.dev/r/activity-rings.json"}]},{"id":"kinetic","name":"@kinetic","slug":"kinetic","description":"A Figma-like scrub number field for shadcn/ui (base-nova). Digit animation by Calligraph.","author":"jay15git","framework":"react","license":"MIT","tags":["animation","charts"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://kinetic.itsjay.in","github":"https://github.com/jay15git/kinetic","registry":"https://kinetic.itsjay.in/r/registry.json","source":"https://kinetic.itsjay.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kinetic","markdown":"https://sh4dcn.netlify.app/md/kinetic.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='10' fill='#eef1f4'/><g transform='translate(8 8)' stroke='#1e2a3a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M8 13v-8.5a1.5 1.5 0 0 1 3 0v7.5'/><path d='M11 11.5v-2a1.5 1.5 0 0 1 3 0v2.5'/><path d='M14 10.5a1.5 1.5 0 0 1 3 0v1.5'/><path d='M17 11.5a1.5 1.5 0 0 1 3 0v4.5a6 6 0 0 1 -6 6h-2h.208a6 6 0 0 1 -5.012 -2.7l-.196 -.3c-.312 -.479 -1.407 -2.388 -3.286 -5.728a1.5 1.5 0 0 1 .536 -2.022a1.867 1.867 0 0 1 2.28 .28l1.47 1.47'/><path d='M2.541 5.594a13.487 13.487 0 0 1 2.46 -1.427'/><path d='M14 3.458c1.32 .354 2.558 .902 3.685 1.612'/></g></svg>","preview_image":"https://kinetic.itsjay.in/opengraph-image?3a55e42668c3729b","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2026-07-30T03:39:21Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kinetic.itsjay.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kinetic.itsjay.in/r/registry.json","install_bun":"bunx shadcn@latest add https://kinetic.itsjay.in/r/registry.json","clone":"git clone https://github.com/jay15git/kinetic.git","clone_degit":"npx degit jay15git/kinetic","registry_fetch":"curl -s https://kinetic.itsjay.in/r/registry.json"},"component_count":1,"components":[{"name":"scrub-number-field","title":"Scrub Number Field","description":"A Figma-like scrub number input with drag-to-scrub, click-to-edit, digit animation by Calligraph, Up/Down arrow nudging, and wheel nudging.","type":"registry:ui","source_url":"https://kinetic.itsjay.in/r/scrub-number-field.json","install_command":"npx shadcn@latest add https://kinetic.itsjay.in/r/scrub-number-field.json"}]},{"id":"kobra","name":"@kobra","slug":"kobra","description":"Polished components for teams building exceptional products and experiences.","author":null,"framework":"react","license":null,"tags":["ai","audio","auth","blocks","buttons","cards","charts","dashboard","editor","forms","icons","loaders","media","navigation","overlays","pro-available","tables"],"categories":["AI/chat UI"],"labels":["pro"],"urls":{"website":"https://kobra.systems","github":null,"registry":"https://kobra.systems/r/registry.json","source":"https://kobra.systems/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kobra","markdown":"https://sh4dcn.netlify.app/md/kobra.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1050 1050\" width=\"525\" height=\"525\" fill=\"currentColor\" aria-label=\"Kobra\"><path d=\"M 561 14.969 C 507.515 19.503, 442.002 51.127, 381 101.857 C 366.116 114.235, 336.783 143.509, 325.411 157.334 C 265.541 230.124, 259.169 301.418, 306.090 373.500 C 318.801 393.026, 332.210 409.775, 376.944 462.003 C 389.900 477.129, 406.106 496.254, 412.958 504.503 C 419.809 512.751, 427.353 521.829, 429.721 524.675 C 461.502 562.873, 495.467 611.786, 514.402 646.623 C 560.622 731.664, 578.025 831.165, 558.526 898.910 C 541.194 959.124, 497.567 997.723, 437 1006.429 C 397.553 1012.099, 346.912 1006.262, 301.500 990.810 C 269.027 979.761, 246.497 966.636, 229.402 948.809 C 209.559 928.116, 207.110 904.947, 222.099 879.717 C 235.643 856.918, 266.572 830.081, 294.404 816.976 C 307.935 810.605, 309.122 810.391, 312.959 813.619 C 314.671 815.060, 316.783 817.647, 317.652 819.369 C 320.453 824.921, 330.195 837.266, 338.960 846.371 C 377.009 885.894, 437.495 920.610, 484.500 929.905 C 511.622 935.267, 520.785 933.311, 527.096 920.810 C 530.780 913.511, 533.600 917.223, 503 889.089 C 450.518 840.837, 416.552 814.103, 385.500 796.606 C 352.813 778.188, 324.235 775.581, 293.500 788.215 C 248.471 806.724, 203.211 847.585, 188.882 882.665 C 168.468 932.646, 196.051 976.294, 267.500 1007.071 C 325.906 1032.229, 414.684 1045.012, 468 1035.940 C 539.603 1023.758, 584.399 972.993, 598.105 888.500 C 601.122 869.898, 601.874 828.304, 599.560 808 C 590.328 726.997, 557.937 647.464, 497.542 557.500 C 481.367 533.407, 477.835 528.468, 442.468 480.500 C 387.500 405.948, 367.877 371.170, 357.994 330.786 C 346.099 282.180, 357.710 234.670, 394.112 183 C 427.863 135.094, 492.102 83.042, 540.186 64.640 C 568.923 53.643, 597.187 53.094, 622.923 63.035 C 640.250 69.728, 656.951 83.575, 664.492 97.500 C 677.976 122.398, 686.708 131.267, 705.020 138.664 C 719.625 144.563, 749.323 148.079, 753.050 144.351 C 756.107 141.293, 748.477 133.006, 720.143 108.608 C 703.627 94.387, 694 84.994, 694 83.100 C 694 81.266, 698.424 79, 701.973 79.016 C 709.226 79.048, 723.956 82.964, 733.369 87.363 C 754.164 97.080, 769.528 110.793, 783.709 132.291 C 790.106 141.987, 795.695 148.868, 804.727 158.166 C 811.495 165.132, 817.700 172.430, 818.516 174.384 C 822.952 185, 817.324 194.716, 798.388 209.137 C 787.152 217.694, 786.018 217.647, 786.739 208.658 C 787.709 196.585, 781.619 189.354, 766.756 184.927 C 762.986 183.805, 751.347 181.319, 740.892 179.403 C 719.392 175.464, 703.232 171.073, 688.230 165.093 C 676.319 160.346, 675.633 160.258, 673.557 163.223 C 665.723 174.407, 687.703 250.703, 703.232 266.232 C 709.217 272.217, 712.735 271.733, 730.588 262.471 C 738.569 258.331, 745.546 255.219, 746.093 255.557 C 746.672 255.915, 745.340 259.369, 742.899 263.836 C 724.577 297.364, 713.336 304.447, 697.247 292.603 C 680.516 280.286, 667.641 258.170, 637.223 189.500 C 619.201 148.815, 611.859 136.164, 598.572 122.909 C 590.970 115.325, 586.558 112.109, 585.376 113.290 C 585.031 113.635, 586.869 118.757, 589.460 124.673 C 598.496 145.307, 605.963 166.285, 605.987 171.107 C 605.994 172.540, 603.817 177.506, 601.149 182.142 C 593.829 194.864, 581 224.869, 581 229.268 C 581 232.569, 577.045 235.001, 571.711 234.978 C 561.905 234.938, 538.382 228.580, 520.017 221.007 C 515.724 219.237, 512.265 218.335, 511.749 218.851 C 510.510 220.090, 521.040 231.217, 528.430 236.475 C 538.801 243.855, 561.926 254, 568.377 254 C 569.078 254, 570.712 255.129, 572.008 256.509 L 574.365 259.018 572.620 270.695 C 571.660 277.118, 570.607 288.617, 570.281 296.250 C 569.474 315.109, 569.563 315, 554.921 315 C 538.510 315, 522.037 312.262, 496.678 305.320 C 489.627 303.389, 483.613 302.054, 483.314 302.352 C 481.819 303.848, 491.997 313.158, 501.259 318.767 C 514.292 326.660, 535.084 332.898, 556 335.191 C 568.279 336.537, 570.992 338.116, 571.012 343.924 C 571.019 345.891, 572.589 357.599, 574.501 369.943 C 577.620 390.074, 577.826 392.616, 576.508 394.628 C 574.406 397.837, 569.345 398.322, 544.206 397.724 C 523.742 397.238, 511.730 395.870, 495.103 392.134 C 482.322 389.263, 497.091 400.983, 514.524 407.546 C 529.130 413.045, 552.986 417, 571.550 417 C 583.402 417, 583.975 417.625, 588.955 436 C 591.116 443.975, 594.092 454.325, 595.568 459 C 601.057 476.389, 601.153 479.231, 596.312 481.072 C 586.641 484.748, 554.537 486.127, 532.378 483.817 C 526.137 483.167, 520.728 482.939, 520.355 483.311 C 518.083 485.584, 532.580 493.208, 547.108 497.381 C 559.552 500.955, 573.990 502.373, 591.233 501.714 C 604.082 501.224, 606.221 501.366, 607.960 502.826 C 609.904 504.458, 614.734 517.230, 625.145 548.262 C 631.978 568.630, 631.731 569.030, 610.106 572.652 C 604.822 573.536, 591.059 574.539, 579.519 574.880 L 558.538 575.500 560.889 577.686 C 564.074 580.648, 576.744 585.602, 586.500 587.701 C 594.581 589.439, 614.978 590.059, 629.141 588.998 C 638.577 588.291, 638.812 588.602, 646.390 611.916 C 655.621 640.313, 658.352 650.462, 657.584 653.520 C 656.237 658.889, 638.524 663.488, 614.743 664.643 C 597.759 665.468, 596.181 666.502, 605.200 670.891 C 616.983 676.625, 621.538 677.412, 643.221 677.458 C 661.589 677.497, 663.078 677.637, 664.912 679.500 C 667.125 681.747, 672.627 702.445, 676.562 723.329 C 679.050 736.533, 679.483 741.577, 678.377 744.461 C 676.694 748.845, 659.672 753.624, 639.503 755.373 C 632.148 756.011, 626.538 756.934, 626.578 757.500 C 626.701 759.235, 633.079 762.937, 639.913 765.241 C 645.704 767.193, 648.600 767.464, 663.877 767.481 C 680.280 767.499, 681.331 767.615, 682.618 769.552 C 685.636 774.095, 689.211 826.229, 686.949 832.716 C 684.917 838.546, 673.966 842.970, 655.121 845.575 C 636.625 848.131, 636.372 848.252, 642.258 851.725 C 649.798 856.173, 654.994 857.266, 669.877 857.534 C 680.652 857.728, 684.469 858.132, 685.112 859.147 C 687.756 863.319, 683.439 887.994, 676.653 907.500 C 660.103 955.071, 616.599 1000.802, 560 1030.125 C 554.225 1033.116, 547.138 1036.537, 544.250 1037.727 C 541.362 1038.916, 539 1040.312, 539 1040.829 C 539 1044.191, 616.892 1043.001, 663 1038.935 C 750.411 1031.227, 808.478 1008.084, 824.467 974.581 C 838.477 945.223, 824.997 913.505, 788.214 889.283 C 774.827 880.468, 749.191 869.222, 745.612 870.595 C 744.624 870.975, 743.929 873.344, 743.491 877.830 C 743.132 881.498, 742.661 885.175, 742.442 886 C 741.842 888.269, 742.772 889.150, 752.207 895.260 C 775.772 910.521, 784.365 928.532, 777.056 947.345 C 770.092 965.271, 742.018 982.415, 710 988.296 C 688.929 992.166, 688.079 991.772, 694.048 980.912 C 723.984 926.451, 730.757 853.492, 715.436 750.500 C 708.551 704.215, 693.895 649.434, 668.215 574 C 623.578 442.879, 617.897 424.418, 609.130 382 C 599.680 336.277, 599.859 291.544, 609.619 260 C 612.826 249.634, 619.916 234.345, 622.995 231.153 L 625.260 228.805 627.571 231.153 C 628.843 232.444, 634.986 242.500, 641.223 253.500 C 666.723 298.472, 680.702 314.495, 699.500 320.297 C 719.764 326.551, 733.458 319.728, 751.279 294.500 C 772.784 264.055, 784.115 251.282, 804.616 234.370 C 808.530 231.142, 814.957 225.842, 818.898 222.593 C 829.665 213.718, 837.427 204.910, 841.156 197.335 C 844.274 191.002, 844.500 189.864, 844.500 180.521 C 844.500 167.070, 842.423 162.871, 828.326 147.814 C 815.466 134.079, 811.385 128.197, 804.402 113.337 C 793.806 90.785, 783.160 78.474, 762 64.304 C 715.684 33.288, 620.498 9.924, 561 14.969\"/></svg>","preview_image":"https://kobra.systems/brand/og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://kobra.systems/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kobra.systems/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kobra.systems/r/registry.json","install_bun":"bunx shadcn@latest add https://kobra.systems/r/registry.json","registry_fetch":"curl -s https://kobra.systems/r/registry.json"},"component_count":90,"components":[{"name":"accordion","title":"Accordion","description":"Vertically stacked disclosure sections.","type":"registry:ui","source_url":"https://kobra.systems/r/accordion.json","install_command":"npx shadcn@latest add https://kobra.systems/r/accordion.json"},{"name":"advertisement","title":"Advertisement","description":"A sponsor slot that turns through its ads on a line that fills.","type":"registry:ui","source_url":"https://kobra.systems/r/advertisement.json","install_command":"npx shadcn@latest add https://kobra.systems/r/advertisement.json"},{"name":"ai-editor","title":"AI Editor","description":"A document an agent edits alongside you.","type":"registry:ui","source_url":"https://kobra.systems/r/ai-editor.json","install_command":"npx shadcn@latest add https://kobra.systems/r/ai-editor.json"},{"name":"alert","title":"Alert","description":"A callout for important contextual information.","type":"registry:ui","source_url":"https://kobra.systems/r/alert.json","install_command":"npx shadcn@latest add https://kobra.systems/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Keeps content within a fixed ratio.","type":"registry:ui","source_url":"https://kobra.systems/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://kobra.systems/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"An image or fallback representing a person.","type":"registry:ui","source_url":"https://kobra.systems/r/avatar.json","install_command":"npx shadcn@latest add https://kobra.systems/r/avatar.json"},{"name":"badge","title":"Badge","description":"A compact status or category label.","type":"registry:ui","source_url":"https://kobra.systems/r/badge.json","install_command":"npx shadcn@latest add https://kobra.systems/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A hierarchical navigation trail.","type":"registry:ui","source_url":"https://kobra.systems/r/breadcrumb.json","install_command":"npx shadcn@latest add https://kobra.systems/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A control that triggers an action.","type":"registry:ui","source_url":"https://kobra.systems/r/button.json","install_command":"npx shadcn@latest add https://kobra.systems/r/button.json"},{"name":"calendar","title":"Calendar","description":"A date selection calendar.","type":"registry:ui","source_url":"https://kobra.systems/r/calendar.json","install_command":"npx shadcn@latest add https://kobra.systems/r/calendar.json"},{"name":"card","title":"Card","description":"A surface grouping related content.","type":"registry:ui","source_url":"https://kobra.systems/r/card.json","install_command":"npx shadcn@latest add https://kobra.systems/r/card.json"},{"name":"halftone-dots","title":"Halftone Dots","description":"An image rebuilt as a field of dots that morph between pictures.","type":"registry:ui","source_url":"https://kobra.systems/r/halftone-dots.json","install_command":"npx shadcn@latest add https://kobra.systems/r/halftone-dots.json"},{"name":"logo-carousel","title":"Logo Carousel","description":"A wall of logos, shown a few at a time.","type":"registry:ui","source_url":"https://kobra.systems/r/logo-carousel.json","install_command":"npx shadcn@latest add https://kobra.systems/r/logo-carousel.json"},{"name":"carousel","title":"Carousel","description":"A horizontally navigable content collection, built on Embla.","type":"registry:ui","source_url":"https://kobra.systems/r/carousel.json","install_command":"npx shadcn@latest add https://kobra.systems/r/carousel.json"},{"name":"chart","title":"Chart","description":"Composable data visualizations, from Evil Charts.","type":"registry:ui","source_url":"https://kobra.systems/r/chart.json","install_command":"npx shadcn@latest add https://kobra.systems/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A binary or indeterminate selection control.","type":"registry:ui","source_url":"https://kobra.systems/r/checkbox.json","install_command":"npx shadcn@latest add https://kobra.systems/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An expandable content region.","type":"registry:ui","source_url":"https://kobra.systems/r/collapsible.json","install_command":"npx shadcn@latest add https://kobra.systems/r/collapsible.json"},{"name":"color-palette","title":"Color Palette","description":"A wheel of nineteen swatches, hue around and saturation inward.","type":"registry:ui","source_url":"https://kobra.systems/r/color-palette.json","install_command":"npx shadcn@latest add https://kobra.systems/r/color-palette.json"},{"name":"color-picker","title":"Color Picker","description":"A gradient and solid picker, with draggable stops and a hex field.","type":"registry:ui","source_url":"https://kobra.systems/r/color-picker.json","install_command":"npx shadcn@latest add https://kobra.systems/r/color-picker.json"},{"name":"icon-picker","title":"Icon Picker","description":"An icon and its color, picked together.","type":"registry:ui","source_url":"https://kobra.systems/r/icon-picker.json","install_command":"npx shadcn@latest add https://kobra.systems/r/icon-picker.json"},{"name":"combobox","title":"Combobox","description":"A searchable option picker.","type":"registry:ui","source_url":"https://kobra.systems/r/combobox.json","install_command":"npx shadcn@latest add https://kobra.systems/r/combobox.json"},{"name":"multi-select","title":"Multi Select","description":"Several values picked from one list, as chips.","type":"registry:ui","source_url":"https://kobra.systems/r/multi-select.json","install_command":"npx shadcn@latest add https://kobra.systems/r/multi-select.json"},{"name":"command-menu","title":"Command Menu","description":"A fast, nested command menu powered by kmenu.","type":"registry:ui","source_url":"https://kobra.systems/r/command-menu.json","install_command":"npx shadcn@latest add https://kobra.systems/r/command-menu.json"},{"name":"context-menu","title":"Context Menu","description":"Actions opened from a secondary click.","type":"registry:ui","source_url":"https://kobra.systems/r/context-menu.json","install_command":"npx shadcn@latest add https://kobra.systems/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A modal window over the current page, and the alert dialog that confirms.","type":"registry:ui","source_url":"https://kobra.systems/r/dialog.json","install_command":"npx shadcn@latest add https://kobra.systems/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides from an edge, built on Vaul.","type":"registry:ui","source_url":"https://kobra.systems/r/drawer.json","install_command":"npx shadcn@latest add https://kobra.systems/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A menu opened from a trigger.","type":"registry:ui","source_url":"https://kobra.systems/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://kobra.systems/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"An empty-state layout with guidance.","type":"registry:ui","source_url":"https://kobra.systems/r/empty.json","install_command":"npx shadcn@latest add https://kobra.systems/r/empty.json"},{"name":"form","title":"Form","description":"Validated form composition.","type":"registry:ui","source_url":"https://kobra.systems/r/form.json","install_command":"npx shadcn@latest add https://kobra.systems/r/form.json"},{"name":"hover-card","title":"Hover Card","description":"Rich content revealed on hover.","type":"registry:ui","source_url":"https://kobra.systems/r/hover-card.json","install_command":"npx shadcn@latest add https://kobra.systems/r/hover-card.json"},{"name":"lightbox","title":"Lightbox","description":"Photos in justified rows that open with a ripple zoom.","type":"registry:ui","source_url":"https://kobra.systems/r/lightbox.json","install_command":"npx shadcn@latest add https://kobra.systems/r/lightbox.json"},{"name":"input","title":"Input","description":"A text input with its label, description and attached controls.","type":"registry:ui","source_url":"https://kobra.systems/r/input.json","install_command":"npx shadcn@latest add https://kobra.systems/r/input.json"},{"name":"input-otp","title":"Input OTP","description":"A segmented one-time-code input, built on input-otp.","type":"registry:ui","source_url":"https://kobra.systems/r/input-otp.json","install_command":"npx shadcn@latest add https://kobra.systems/r/input-otp.json"},{"name":"input-dissolve","title":"Input Dissolve","description":"A field that carries its value away once it is spent.","type":"registry:ui","source_url":"https://kobra.systems/r/input-dissolve.json","install_command":"npx shadcn@latest add https://kobra.systems/r/input-dissolve.json"},{"name":"item","title":"Item","description":"A flexible row for lists and settings.","type":"registry:ui","source_url":"https://kobra.systems/r/item.json","install_command":"npx shadcn@latest add https://kobra.systems/r/item.json"},{"name":"menubar","title":"Menubar","description":"A persistent horizontal application menu.","type":"registry:ui","source_url":"https://kobra.systems/r/menubar.json","install_command":"npx shadcn@latest add https://kobra.systems/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of navigation links.","type":"registry:ui","source_url":"https://kobra.systems/r/navigation-menu.json","install_command":"npx shadcn@latest add https://kobra.systems/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Controls for moving through pages.","type":"registry:ui","source_url":"https://kobra.systems/r/pagination.json","install_command":"npx shadcn@latest add https://kobra.systems/r/pagination.json"},{"name":"popover","title":"Popover","description":"Floating content anchored to a trigger.","type":"registry:ui","source_url":"https://kobra.systems/r/popover.json","install_command":"npx shadcn@latest add https://kobra.systems/r/popover.json"},{"name":"progress","title":"Progress","description":"The completion state of a task.","type":"registry:ui","source_url":"https://kobra.systems/r/progress.json","install_command":"npx shadcn@latest add https://kobra.systems/r/progress.json"},{"name":"qr-code","title":"QR Code","description":"A scannable code in dots that ripples each time what it encodes changes.","type":"registry:ui","source_url":"https://kobra.systems/r/qr-code.json","install_command":"npx shadcn@latest add https://kobra.systems/r/qr-code.json"},{"name":"radio-group","title":"Radio Group","description":"A single choice from several options.","type":"registry:ui","source_url":"https://kobra.systems/r/radio-group.json","install_command":"npx shadcn@latest add https://kobra.systems/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Panels separated by a draggable handle.","type":"registry:ui","source_url":"https://kobra.systems/r/resizable.json","install_command":"npx shadcn@latest add https://kobra.systems/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"A custom cross-browser scroll container.","type":"registry:ui","source_url":"https://kobra.systems/r/scroll-area.json","install_command":"npx shadcn@latest add https://kobra.systems/r/scroll-area.json"},{"name":"select","title":"Select","description":"An option picker, as a styled menu or the native control.","type":"registry:ui","source_url":"https://kobra.systems/r/select.json","install_command":"npx shadcn@latest add https://kobra.systems/r/select.json"},{"name":"separator","title":"Separator","description":"A visual divider between content.","type":"registry:ui","source_url":"https://kobra.systems/r/separator.json","install_command":"npx shadcn@latest add https://kobra.systems/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A dialog that enters from an edge.","type":"registry:ui","source_url":"https://kobra.systems/r/sheet.json","install_command":"npx shadcn@latest add https://kobra.systems/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable application sidebar.","type":"registry:ui","source_url":"https://kobra.systems/r/sidebar.json","install_command":"npx shadcn@latest add https://kobra.systems/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder shown while content loads.","type":"registry:ui","source_url":"https://kobra.systems/r/skeleton.json","install_command":"npx shadcn@latest add https://kobra.systems/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A value selected along a range, with a liquid handle from Gooey.","type":"registry:ui","source_url":"https://kobra.systems/r/slider.json","install_command":"npx shadcn@latest add https://kobra.systems/r/slider.json"},{"name":"sound","title":"Sound","description":"The cue every control answers a press with, built on Web Kits Audio.","type":"registry:ui","source_url":"https://kobra.systems/r/sound.json","install_command":"npx shadcn@latest add https://kobra.systems/r/sound.json"},{"name":"toast","title":"Toast","description":"Stacked status notifications with progress, actions and descriptions.","type":"registry:ui","source_url":"https://kobra.systems/r/toast.json","install_command":"npx shadcn@latest add https://kobra.systems/r/toast.json"},{"name":"spinner","title":"Spinner","description":"An indeterminate loading indicator.","type":"registry:ui","source_url":"https://kobra.systems/r/spinner.json","install_command":"npx shadcn@latest add https://kobra.systems/r/spinner.json"},{"name":"switch","title":"Switch","description":"A control for toggling a setting.","type":"registry:ui","source_url":"https://kobra.systems/r/switch.json","install_command":"npx shadcn@latest add https://kobra.systems/r/switch.json"},{"name":"table","title":"Table","description":"Rows and columns of structured data.","type":"registry:ui","source_url":"https://kobra.systems/r/table.json","install_command":"npx shadcn@latest add https://kobra.systems/r/table.json"},{"name":"crm-table","title":"CRM Table","description":"Accounts with owners, pipeline and win odds, in resizable columns.","type":"registry:ui","source_url":"https://kobra.systems/r/crm-table.json","install_command":"npx shadcn@latest add https://kobra.systems/r/crm-table.json"},{"name":"grouped-table","title":"Grouped Table","description":"Issues grouped by status, in a table whose columns glide into each row as you narrow it.","type":"registry:ui","source_url":"https://kobra.systems/r/grouped-table.json","install_command":"npx shadcn@latest add https://kobra.systems/r/grouped-table.json"},{"name":"tabs","title":"Tabs","description":"Layered content selected by tab.","type":"registry:ui","source_url":"https://kobra.systems/r/tabs.json","install_command":"npx shadcn@latest add https://kobra.systems/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A multiline text input.","type":"registry:ui","source_url":"https://kobra.systems/r/textarea.json","install_command":"npx shadcn@latest add https://kobra.systems/r/textarea.json"},{"name":"toggle-group","title":"Toggle Group","description":"A two-state control, alone or conjoined into a bar.","type":"registry:ui","source_url":"https://kobra.systems/r/toggle-group.json","install_command":"npx shadcn@latest add https://kobra.systems/r/toggle-group.json"},{"name":"filter-chips","title":"Filter Chips","description":"Filter chips that join into one track as neighbors are chosen, after Spotify’s library.","type":"registry:ui","source_url":"https://kobra.systems/r/filter-chips.json","install_command":"npx shadcn@latest add https://kobra.systems/r/filter-chips.json"},{"name":"tooltip","title":"Tooltip","description":"A concise label shown on hover or focus.","type":"registry:ui","source_url":"https://kobra.systems/r/tooltip.json","install_command":"npx shadcn@latest add https://kobra.systems/r/tooltip.json"},{"name":"kbd","title":"Kbd","description":"Keyboard input and shortcut hints.","type":"registry:ui","source_url":"https://kobra.systems/r/kbd.json","install_command":"npx shadcn@latest add https://kobra.systems/r/kbd.json"},{"name":"direction","title":"Direction","description":"Turns every component right to left, for Arabic and other RTL scripts.","type":"registry:ui","source_url":"https://kobra.systems/r/direction.json","install_command":"npx shadcn@latest add https://kobra.systems/r/direction.json"},{"name":"attachment","title":"Attachment","description":"A compact file attachment presentation.","type":"registry:ui","source_url":"https://kobra.systems/r/attachment.json","install_command":"npx shadcn@latest add https://kobra.systems/r/attachment.json"},{"name":"magnetic-dropzone","title":"Magnetic Dropzone","description":"A drop target that leans toward the file you are carrying.","type":"registry:ui","source_url":"https://kobra.systems/r/magnetic-dropzone.json","install_command":"npx shadcn@latest add https://kobra.systems/r/magnetic-dropzone.json"},{"name":"conversation","title":"Conversation","description":"Messages from both sides of a chat.","type":"registry:ui","source_url":"https://kobra.systems/r/conversation.json","install_command":"npx shadcn@latest add https://kobra.systems/r/conversation.json"},{"name":"marker","title":"Marker","description":"A labeled point or status marker.","type":"registry:ui","source_url":"https://kobra.systems/r/marker.json","install_command":"npx shadcn@latest add https://kobra.systems/r/marker.json"},{"name":"message","title":"Message","description":"A structured conversation message.","type":"registry:ui","source_url":"https://kobra.systems/r/message.json","install_command":"npx shadcn@latest add https://kobra.systems/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"Conversation scrolling with edge controls.","type":"registry:ui","source_url":"https://kobra.systems/r/message-scroller.json","install_command":"npx shadcn@latest add https://kobra.systems/r/message-scroller.json"},{"name":"video","title":"Video","description":"A video player built on Loomix, with liquid glass or blurred controls.","type":"registry:ui","source_url":"https://kobra.systems/r/video.json","install_command":"npx shadcn@latest add https://kobra.systems/r/video.json"},{"name":"reasoning-steps","title":"Reasoning Steps","description":"A model working before it answers.","type":"registry:ui","source_url":"https://kobra.systems/r/reasoning-steps.json","install_command":"npx shadcn@latest add https://kobra.systems/r/reasoning-steps.json"},{"name":"chat-history","title":"Chat History","description":"A chat whose button gathers everything you asked into one column over the blurred transcript.","type":"registry:ui","source_url":"https://kobra.systems/r/chat-history.json","install_command":"npx shadcn@latest add https://kobra.systems/r/chat-history.json"},{"name":"document-agent","title":"Document Agent","description":"An agent’s draft beside its chat, each claim chipped with its source.","type":"registry:ui","source_url":"https://kobra.systems/r/document-agent.json","install_command":"npx shadcn@latest add https://kobra.systems/r/document-agent.json"},{"name":"trace-waterfall","title":"Trace Waterfall","description":"A live trace of an agent run, its spans unfolding on one timeline.","type":"registry:ui","source_url":"https://kobra.systems/r/trace-waterfall.json","install_command":"npx shadcn@latest add https://kobra.systems/r/trace-waterfall.json"},{"name":"file-diff","title":"File Diff","description":"Changes an agent proposes to a file.","type":"registry:ui","source_url":"https://kobra.systems/r/file-diff.json","install_command":"npx shadcn@latest add https://kobra.systems/r/file-diff.json"},{"name":"image-generation","title":"Image Generation","description":"A canvas forming while an image is generated.","type":"registry:ui","source_url":"https://kobra.systems/r/image-generation.json","install_command":"npx shadcn@latest add https://kobra.systems/r/image-generation.json"},{"name":"streaming-text","title":"Streaming Text","description":"A reply arriving a token at a time.","type":"registry:ui","source_url":"https://kobra.systems/r/streaming-text.json","install_command":"npx shadcn@latest add https://kobra.systems/r/streaming-text.json"},{"name":"inline-citations","title":"Inline Citations","description":"Sources cited inside a reply.","type":"registry:ui","source_url":"https://kobra.systems/r/inline-citations.json","install_command":"npx shadcn@latest add https://kobra.systems/r/inline-citations.json"},{"name":"code-block","title":"Code Block","description":"Syntax-highlighted code with actions.","type":"registry:ui","source_url":"https://kobra.systems/r/code-block.json","install_command":"npx shadcn@latest add https://kobra.systems/r/code-block.json"},{"name":"task-list","title":"Task List","description":"A task list an agent works through.","type":"registry:ui","source_url":"https://kobra.systems/r/task-list.json","install_command":"npx shadcn@latest add https://kobra.systems/r/task-list.json"},{"name":"chat-input","title":"Chat Input","description":"A composer for prompting an agent, built on Voice Glow and ElevenLabs UI.","type":"registry:ui","source_url":"https://kobra.systems/r/chat-input.json","install_command":"npx shadcn@latest add https://kobra.systems/r/chat-input.json"},{"name":"plan-card","title":"Plan Card","description":"A plan an agent is asking to run.","type":"registry:ui","source_url":"https://kobra.systems/r/plan-card.json","install_command":"npx shadcn@latest add https://kobra.systems/r/plan-card.json"},{"name":"question-card","title":"Question Card","description":"A question an agent needs answered before it continues.","type":"registry:ui","source_url":"https://kobra.systems/r/question-card.json","install_command":"npx shadcn@latest add https://kobra.systems/r/question-card.json"},{"name":"hijri","title":"Hijri","description":"The Umm al-Qura months for the calendar, from the browser’s own tables.","type":"registry:lib","source_url":"https://kobra.systems/r/hijri.json","install_command":"npx shadcn@latest add https://kobra.systems/r/hijri.json"},{"name":"hijri-civil","title":"Hijri civil","description":"The arithmetic Hijri months for the calendar, a fixed 30-year cycle rather than a published table.","type":"registry:lib","source_url":"https://kobra.systems/r/hijri-civil.json","install_command":"npx shadcn@latest add https://kobra.systems/r/hijri-civil.json"},{"name":"persian","title":"Persian","description":"The solar Hijri months Iran and Afghanistan keep, from the browser’s own tables.","type":"registry:lib","source_url":"https://kobra.systems/r/persian.json","install_command":"npx shadcn@latest add https://kobra.systems/r/persian.json"},{"name":"buddhist","title":"Buddhist","description":"Thailand’s Buddhist era for the calendar: the Gregorian months, the years counted 543 ahead.","type":"registry:lib","source_url":"https://kobra.systems/r/buddhist.json","install_command":"npx shadcn@latest add https://kobra.systems/r/buddhist.json"},{"name":"minguo","title":"Minguo","description":"Taiwan’s Minguo years for the calendar: the Gregorian months, the years counted from 1912.","type":"registry:lib","source_url":"https://kobra.systems/r/minguo.json","install_command":"npx shadcn@latest add https://kobra.systems/r/minguo.json"},{"name":"japanese","title":"Japanese","description":"Japan’s imperial eras for the calendar: the Gregorian months, the years counted by era.","type":"registry:lib","source_url":"https://kobra.systems/r/japanese.json","install_command":"npx shadcn@latest add https://kobra.systems/r/japanese.json"}]},{"id":"kokonutui","name":"@kokonutui","slug":"kokonutui","description":"Kokonut UI is an open-source collection of 100+ animated React components and 8+ templates built with Tailwind CSS, shadcn/ui, and Motion (framer-motion). Categories include Backgrounds (Beams, Paths, Shapes, Flow Field), Cards (Flip, Stack, Liquid Glass, Apple Activity, Mouse Effect, Bento Grid), Navigations (Morphic Navbar, Smooth Tabs, Action Search Bar), AI Inputs, loaders, text effects (Matrix, Glitch, Shimmer, Swoosh), and animated Buttons. A Kokonut UI Pro tier adds 70+ premium components and templates. Sponsored by Vercel OSS Program. Use for: injecting polished, motion-forward UI elements into SaaS or marketing sites that need standout visual effects beyond default shadcn components.","author":"kokonut-labs","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","e-commerce","forms","glassmorphism","hooks","loaders","maps","marketing","media","mobile","navigation","overlays","pro-available","saas","text-effects"],"categories":["Animated components"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://kokonutui.com","github":"https://github.com/kokonut-labs/kokonutui","registry":"https://kokonutui.com/r/registry.json","source":"https://kokonutui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kokonutui","markdown":"https://sh4dcn.netlify.app/md/kokonutui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'><style>@media (prefers-color-scheme:dark){.theme-primary{fill:#fff}.theme-accent{fill:#3bb44b}}@media (prefers-color-scheme:light){.theme-primary{fill:#0c0c0c;fill-opacity:.82}.theme-primary-solid{fill:#111}.theme-accent{fill:#2cd242}}</style><path fill-rule='evenodd' d='M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947q-.284-.236-.572-.454c.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.4 9.4 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514' class='theme-primary' clip-rule='evenodd'/><path d='M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021s-5.965-2.696-5.965-6.021c0-3.326 2.67-6.022 5.965-6.022s5.964 2.696 5.964 6.022' class='theme-primary-solid theme-primary'/><path d='M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532-.961 7.967-2.165 10.047-3.7 1.81-5.127 3.211c-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0zM10.994 20.294c-.425.057-6.499 3.084-7.747 0s-1.48-4.9-1.48-4.9-.285-1.925-1.59-3.312 5 .616 6.305 1.387 1.135 2.37 2.015 3.284 2.497 1.748 2.497 1.748-1.27.426-2.497.426-4.626-3.06-4.626-3.06c-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0z' class='theme-accent'/></svg>","preview_image":"https://kokonutui.com/opengraph-image.png?opengraph-image.3kk9fyi58y_ag.png","pro":{"has_pro":true,"pro_url":"https://kokonutui.pro","pricing_url":"https://kokonutui.pro"},"metrics":{"github_stars":2221,"open_issues":0,"last_commit":"2026-10-26T15:48:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kokonutui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kokonutui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://kokonutui.com/r/registry.json","clone":"git clone https://github.com/kokonut-labs/kokonutui.git","clone_degit":"npx degit kokonut-labs/kokonutui","registry_fetch":"curl -s https://kokonutui.com/r/registry.json"},"component_count":107,"components":[{"name":"ai-prompt","title":"AI Input Selector","description":"AI chat input with a model menu, a separate Effort control, file chips you can drop or paste, a / command menu, and Stop while replying.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-prompt.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-prompt.json"},{"name":"command-button","title":"Command Button","description":"A button with its shortcut drawn as keycaps that sink as you press the real keys.","type":"registry:component","source_url":"https://kokonutui.com/r/command-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/command-button.json"},{"name":"card-flip","title":"Flick Card","description":"A two-sided card you spin with a drag or a flick, with thickness, light and a floor shadow that follow the angle.","type":"registry:component","source_url":"https://kokonutui.com/r/card-flip.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/card-flip.json"},{"name":"smooth-drawer","title":"Smooth Drawer","description":"Checkout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.","type":"registry:component","source_url":"https://kokonutui.com/r/smooth-drawer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/smooth-drawer.json"},{"name":"halftone-background","title":"Halftone Background","description":"Any image, or a lit sphere, printed as a halftone dot screen, with a loupe that looks closer under the cursor, built with React and canvas.","type":"registry:component","source_url":"https://kokonutui.com/r/halftone-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/halftone-background.json"},{"name":"shape-hero","title":"Shape Hero","description":"A landing hero where shapes drop in, pile up under the headline and can be grabbed and thrown.","type":"registry:component","source_url":"https://kokonutui.com/r/shape-hero.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/shape-hero.json"},{"name":"ai-text-loading","title":"AI Text Loading","description":"AI thinking text with a soft wave through the letters and words that swap letter by letter.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-text-loading.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-text-loading.json"},{"name":"carousel-cards","title":"Momentum Rail","description":"A card rail you flick with momentum, snapping on a spring, with scroll-driven cover-flow depth and parallax.","type":"registry:component","source_url":"https://kokonutui.com/r/carousel-cards.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/carousel-cards.json"},{"name":"file-upload","title":"File Upload","description":"A multi-file upload queue with per-file progress, retry and cancel.","type":"registry:component","source_url":"https://kokonutui.com/r/file-upload.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/file-upload.json"},{"name":"action-search-bar","title":"Command Palette","description":"⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.","type":"registry:component","source_url":"https://kokonutui.com/r/action-search-bar.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/action-search-bar.json"},{"name":"ai-input-search","title":"AI Input Search","description":"AI composer with a Tools menu (browse, investigate, draft, run code, reason), a model picker and a live trace that stacks each source's avatar as it is read.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-input-search.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-input-search.json"},{"name":"cradle-text","title":"Cradle Text","description":"A headline hung like a Newton's cradle, so a knock on one letter clacks through the word, built with React and pendulum physics.","type":"registry:component","source_url":"https://kokonutui.com/r/cradle-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/cradle-text.json"},{"name":"currency-transfer","title":"Currency Transfer","description":"Transfer tracker that converts the amount in place, walks through each step on a filling rail and ends with a copyable reference.","type":"registry:component","source_url":"https://kokonutui.com/r/currency-transfer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/currency-transfer.json"},{"name":"background-paths","title":"Background Paths","description":"A ribbon of lines in one color that keeps flowing at any size and parts around the cursor.","type":"registry:component","source_url":"https://kokonutui.com/r/background-paths.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/background-paths.json"},{"name":"dot-field","title":"Dot Field","description":"A halftone dot membrane that ripples behind a swipe and rings out from a click, built with React and Canvas.","type":"registry:component","source_url":"https://kokonutui.com/r/dot-field.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/dot-field.json"},{"name":"flow-field","title":"Wind","description":"Streamlines that part around the cursor, swirl in its wake and scatter on click, built with React and Canvas.","type":"registry:component","source_url":"https://kokonutui.com/r/flow-field.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/flow-field.json"},{"name":"topo-background","title":"Topo Background","description":"A living contour map that drifts, rises under the cursor and ripples on click, built with React and Canvas.","type":"registry:component","source_url":"https://kokonutui.com/r/topo-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/topo-background.json"},{"name":"drape-background","title":"Drape Background","description":"A pleated curtain in a breeze that you can push and pull, built with React, WebGL and a cloth simulation.","type":"registry:component","source_url":"https://kokonutui.com/r/drape-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/drape-background.json"},{"name":"apple-activity-card","title":"Apple Activity Card","description":"Activity rings that draw with a count-up, lap past 100% with a shadowed end cap and dim to focus, built with React and Motion.","type":"registry:component","source_url":"https://kokonutui.com/r/apple-activity-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/apple-activity-card.json"},{"name":"ai-voice","title":"AI Voice","description":"Voice input with a scrolling waveform, then a take you can play back, discard or send.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-voice.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-voice.json"},{"name":"smooth-tab","title":"Swipe Tabs","description":"Tabs with a swipeable panel, a drag-tracked indicator and spring physics.","type":"registry:component","source_url":"https://kokonutui.com/r/smooth-tab.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/smooth-tab.json"},{"name":"marking-menu","title":"Marking Menu","description":"A radial menu you hold to open or flick to pick blind, built with React and Motion.","type":"registry:component","source_url":"https://kokonutui.com/r/marking-menu.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/marking-menu.json"},{"name":"team-selector","title":"Team Selector","description":"Seat picker with a scrubbable number, generated avatars and an optional rolling price line.","type":"registry:component","source_url":"https://kokonutui.com/r/team-selector.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/team-selector.json"},{"name":"detent-dial","title":"Detent Dial","description":"Rotary knob that clicks from notch to notch and coasts when flicked, built with React and Motion.","type":"registry:component","source_url":"https://kokonutui.com/r/detent-dial.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/detent-dial.json"},{"name":"liquid-slider","title":"Liquid Slider","description":"A vertical slider you fill like a glass, with a sloshing surface and rising bubbles.","type":"registry:component","source_url":"https://kokonutui.com/r/liquid-slider.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/liquid-slider.json"},{"name":"signature-pad","title":"Signature Pad","description":"A signature field with a sprung pen tip, speed-weighted ink and SVG output.","type":"registry:component","source_url":"https://kokonutui.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/signature-pad.json"},{"name":"switch-button","title":"Switch Button","description":"Light and dark theme toggle whose sun folds into a moon while the new theme spreads from the button as a circle.","type":"registry:component","source_url":"https://kokonutui.com/r/switch-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/switch-button.json"},{"name":"pull-cord","title":"Pull Cord","description":"A lamp switch you pull on a swinging cord, built with React and a rope simulation.","type":"registry:component","source_url":"https://kokonutui.com/r/pull-cord.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/pull-cord.json"},{"name":"tear-button","title":"Tear Button","description":"A confirm button you tear off like a ticket stub, hole by hole.","type":"registry:component","source_url":"https://kokonutui.com/r/tear-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/tear-button.json"},{"name":"bell-button","title":"Bell Button","description":"A subscribe button whose bell swings and rings, with a clapper that really strikes.","type":"registry:component","source_url":"https://kokonutui.com/r/bell-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/bell-button.json"},{"name":"bento-grid","title":"Widget Grid","description":"Dashboard widgets you lift, drag and resize on a 6-column grid, with spring physics and full keyboard support.","type":"registry:component","source_url":"https://kokonutui.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/bento-grid.json"},{"name":"hold-button","title":"Hold Button","description":"Press and hold to confirm, with a fill that drains back on early release and a drawn check on completion.","type":"registry:component","source_url":"https://kokonutui.com/r/hold-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/hold-button.json"},{"name":"attract-button","title":"Magnet Button","description":"A call-to-action button wrapped in a field of iron filings that align to its magnetic field and lean toward your cursor.","type":"registry:component","source_url":"https://kokonutui.com/r/attract-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/attract-button.json"},{"name":"gradient-button","title":"Gradient Button","description":"Layered gradient button with emerald, purple and orange variants, a gradient border, a soft inner glow, press feedback and an optional icon.","type":"registry:component","source_url":"https://kokonutui.com/r/gradient-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/gradient-button.json"},{"name":"v0-button","title":"V0 Button","description":"Open in v0 button that sends a component registry JSON to v0.dev for instant editing, built with React, the shadcn Button, and Tailwind CSS.","type":"registry:component","source_url":"https://kokonutui.com/r/v0-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/v0-button.json"},{"name":"toolbar","title":"Tool Dock","description":"An editor tool dock with a sliding selection plate, shortcut tooltips and flyouts that you can throw to any edge.","type":"registry:component","source_url":"https://kokonutui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/toolbar.json"},{"name":"ai-loading","title":"AI State Loading","description":"Agent progress as a list of steps with a live log, elapsed time and a summary when done.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-loading.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-loading.json"},{"name":"ai-tool-approval","title":"AI Tool Approval","description":"Approve or deny an agent's tool calls. Destructive calls need a press and hold, and decided calls fold into a trace with their output.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-tool-approval.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-tool-approval.json"},{"name":"ai-context-meter","title":"AI Context Meter","description":"How full the context window is, as a ring in the prompt footer that opens a breakdown by source and compacts when it fills.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-context-meter.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-context-meter.json"},{"name":"ai-citations","title":"AI Inline Citations","description":"An answer with source chips beside each claim. One preview glides between chips and lights up the sentence it backs.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-citations.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-citations.json"},{"name":"ai-diff-review","title":"AI Diff Review","description":"A coding agent's edits streaming in file by file, then reviewed per file with accept, reject and undo.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-diff-review.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-diff-review.json"},{"name":"ai-model-selector","title":"AI Model Selector","description":"Pick a model and how hard it thinks. Effort is a detent track that reshapes for each model and keeps your level when you switch.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-model-selector.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-model-selector.json"},{"name":"card-stack","title":"Throw Deck","description":"A pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.","type":"registry:component","source_url":"https://kokonutui.com/r/card-stack.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/card-stack.json"},{"name":"notification-stack","title":"Notification Stack","description":"Stacked notifications that fan out on hover and swipe away, built with React and Tailwind CSS.","type":"registry:component","source_url":"https://kokonutui.com/r/notification-stack.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/notification-stack.json"},{"name":"liquid-gauge","title":"Liquid Gauge","description":"A usage meter filled with liquid that sloshes, ripples and bubbles, built with React and a wave simulation.","type":"registry:component","source_url":"https://kokonutui.com/r/liquid-gauge.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/liquid-gauge.json"},{"name":"activity-terrain","title":"Activity Terrain","description":"A contribution heatmap that tilts up into a 3D terrain you can turn, built with React and canvas.","type":"registry:component","source_url":"https://kokonutui.com/r/activity-terrain.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/activity-terrain.json"},{"name":"receipt-printer","title":"Receipt Printer","description":"A receipt that prints line by line, then tears off and falls when you pull it, built with React.","type":"registry:component","source_url":"https://kokonutui.com/r/receipt-printer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/receipt-printer.json"},{"name":"metric-card","title":"Metric Card","description":"A revenue KPI card. Scrub a day, drag a range, or pick a segment; the number rolls, the line morphs and the breakdown follows.","type":"registry:component","source_url":"https://kokonutui.com/r/metric-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/metric-card.json"},{"name":"uptime-card","title":"Uptime Card","description":"A status page card with 90 days per service that swell under the cursor, and a day you click opens its incident log.","type":"registry:component","source_url":"https://kokonutui.com/r/uptime-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/uptime-card.json"},{"name":"spending-ring","title":"Spending Ring","description":"A spending breakdown you spin like a dial; flick the ring and it settles with a category under the marker.","type":"registry:component","source_url":"https://kokonutui.com/r/spending-ring.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/spending-ring.json"},{"name":"focal-point-picker","title":"Focal Point Picker","description":"Set where a photo's subject is and see every crop follow it live. Hover a crop to see what it cuts.","type":"registry:component","source_url":"https://kokonutui.com/r/focal-point-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/focal-point-picker.json"},{"name":"photo-straighten","title":"Photo Straighten","description":"Level a crooked photo on a ruler you drag or flick. The crop grows to hide the corners, and a grid shows while you adjust.","type":"registry:component","source_url":"https://kokonutui.com/r/photo-straighten.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/photo-straighten.json"},{"name":"clip-trimmer","title":"Clip Trimmer","description":"A video trim timeline with a filmstrip, handles that snap to whole seconds and a playhead that loops the kept range.","type":"registry:component","source_url":"https://kokonutui.com/r/clip-trimmer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/clip-trimmer.json"},{"name":"synced-transcript","title":"Synced Transcript","description":"A transcript that follows the spoken word, lets you click any word to jump there, and waits when you scroll away.","type":"registry:component","source_url":"https://kokonutui.com/r/synced-transcript.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/synced-transcript.json"},{"name":"avatar-picker","title":"Avatar Picker","description":"Generated avatars from a name, morphing as you type, on a 3D coin you can flick, tap or shuffle.","type":"registry:component","source_url":"https://kokonutui.com/r/avatar-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/avatar-picker.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-style 3D drum picker with flick momentum, built with React and Motion.","type":"registry:component","source_url":"https://kokonutui.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/wheel-picker.json"},{"name":"type-writer","title":"Typing Text","description":"Typewriter text that makes the odd typo and corrects it, erases by selecting, and blinks its caret only when idle, built with React and Motion.","type":"registry:component","source_url":"https://kokonutui.com/r/type-writer.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/type-writer.json"},{"name":"swoosh-text","title":"Extruded Text","description":"Zinc 3D extruded text lit by your pointer, with letters that press in like keycaps.","type":"registry:component","source_url":"https://kokonutui.com/r/swoosh-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/swoosh-text.json"},{"name":"scroll-index","title":"Scroll Index","description":"A section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.","type":"registry:component","source_url":"https://kokonutui.com/r/scroll-index.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/scroll-index.json"},{"name":"plucked-text","title":"Plucked Text","description":"A headline sitting on a string you can pluck, strum and let ring, built with React and real string physics.","type":"registry:component","source_url":"https://kokonutui.com/r/plucked-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/plucked-text.json"},{"name":"glitch-text","title":"Glitch Text","description":"Flat text that cuts into hard-shifted bands with a thin red/cyan split, on idle, hover or text change.","type":"registry:component","source_url":"https://kokonutui.com/r/glitch-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/glitch-text.json"},{"name":"dynamic-text","title":"Dynamic Text","description":"Morphing text where shared letters travel, old ones fall and new ones land, with decode and cycle modes.","type":"registry:component","source_url":"https://kokonutui.com/r/dynamic-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/dynamic-text.json"},{"name":"particle-button","title":"Particle Button","description":"A status button for async actions, with a spinner, a drawn check and a particle burst on success.","type":"registry:component","source_url":"https://kokonutui.com/r/particle-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/particle-button.json"},{"name":"liquid-glass-card","title":"Now Playing","description":"Music card with a spinning disc you can grab and turn to scrub, built with React and Tailwind CSS.","type":"registry:component","source_url":"https://kokonutui.com/r/liquid-glass-card.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/liquid-glass-card.json"},{"name":"profile-dropdown","title":"Account Menu","description":"An account card that morphs into its own menu, with account switching, status, theme and hold-to-sign-out.","type":"registry:component","source_url":"https://kokonutui.com/r/profile-dropdown.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/profile-dropdown.json"},{"name":"loader","title":"Loader","description":"Animated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React and Tailwind CSS.","type":"registry:component","source_url":"https://kokonutui.com/r/loader.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/loader.json"},{"name":"slide-text-button","title":"Slide Text Button","description":"Animated link button with a vertical text slide on hover and default and ghost variants, built with React, Next.js Link, and Tailwind CSS.","type":"registry:component","source_url":"https://kokonutui.com/r/slide-text-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/slide-text-button.json"},{"name":"morphic-navbar","title":"Split Nav","description":"Navigation bar that splits around the active link, with drag-to-scrub, flick projection and an optional compact fold.","type":"registry:component","source_url":"https://kokonutui.com/r/morphic-navbar.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/morphic-navbar.json"},{"name":"status-island","title":"Status Island","description":"A pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.","type":"registry:component","source_url":"https://kokonutui.com/r/status-island.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/status-island.json"},{"name":"morph-popover","title":"Morph Popover","description":"A button that grows into the form it opens, with its label sliding up to become the title, then shrinks into a confirmation.","type":"registry:component","source_url":"https://kokonutui.com/r/morph-popover.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/morph-popover.json"},{"name":"lightbox-grid","title":"Lightbox Grid","description":"A photo grid whose thumbnails grow into a full view and fly back to their slot when you drag them down.","type":"registry:component","source_url":"https://kokonutui.com/r/lightbox-grid.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/lightbox-grid.json"},{"name":"spoiler-text","title":"Spoiler Text","description":"Inline text hidden under drifting specks, like a chat spoiler. A click blows the specks away from the point you touched.","type":"registry:component","source_url":"https://kokonutui.com/r/spoiler-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/spoiler-text.json"},{"name":"stack-panel","title":"Stack Panel","description":"A panel that drills into pages like settings on a phone. The tapped row's label flies up into the title, and a swipe right takes you back.","type":"registry:component","source_url":"https://kokonutui.com/r/stack-panel.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/stack-panel.json"},{"name":"ai-autocomplete","title":"AI Autocomplete","description":"A text box that suggests how your sentence ends in grey after the caret. Tab takes it all, the right arrow takes one word, and typing the same letters keeps it.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-autocomplete.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-autocomplete.json"},{"name":"undo-button","title":"Undo Button","description":"An action button that gives you a few seconds to take it back, with the time left drawn around its own edge.","type":"registry:component","source_url":"https://kokonutui.com/r/undo-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/undo-button.json"},{"name":"timezone-planner","title":"Time Zone Planner","description":"Find a meeting time across time zones. Turn the meeting round a 24-hour dial where each ring is someone's day.","type":"registry:component","source_url":"https://kokonutui.com/r/timezone-planner.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/timezone-planner.json"},{"name":"page-flip","title":"Page Flip","description":"A book you turn by the corner. Drag a page over the spine or tap to turn it.","type":"registry:component","source_url":"https://kokonutui.com/r/page-flip.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/page-flip.json"},{"name":"ai-token-alternatives","title":"AI Token Alternatives","description":"An answer where every unsure word shows what else the model weighed. Pick another word and the reply writes itself again from there.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-token-alternatives.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-token-alternatives.json"},{"name":"ai-branches","title":"AI Conversation Branches","description":"A chat where editing a message starts a new branch. A small tree beside it shows every version, and you can jump between them.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-branches.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-branches.json"},{"name":"ai-agent-lanes","title":"AI Agent Lanes","description":"A lead agent hands work to sub-agents that run side by side. Each gets a lane of tool calls, and you can scrub through the whole run.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-agent-lanes.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-agent-lanes.json"},{"name":"ai-inline-edit","title":"AI Inline Edit","description":"Select text in a document and ask AI to rewrite it. The edit streams in place as a word-level diff you accept, discard or try again.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-inline-edit.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-inline-edit.json"},{"name":"ai-message-queue","title":"AI Message Queue","description":"Keep typing while the agent works. Follow-ups stack above the composer, where you can reorder, edit or send one now, and go in one by one when the run ends.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-message-queue.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-message-queue.json"},{"name":"ai-redact","title":"AI Redact","description":"Masks names, emails, card numbers and keys as placeholders before a prompt is sent, then fills the real values back into the reply.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-redact.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-redact.json"},{"name":"ai-memory","title":"AI Memory","description":"An assistant that saves what it learns about you into a memory list. New facts replace the ones they contradict, and you can edit or forget any of them.","type":"registry:component","source_url":"https://kokonutui.com/r/ai-memory.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ai-memory.json"},{"name":"marker-text","title":"Marker Text","description":"Hand-drawn highlights, underlines, circles, boxes and strikes that draw themselves in reading order when the text comes into view.","type":"registry:component","source_url":"https://kokonutui.com/r/marker-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/marker-text.json"},{"name":"ink-background","title":"Ink Background","description":"A hero written in ink on water. Stir it and the letters bleed, click to drop ink, and the headline gathers itself again. Built with WebGL.","type":"registry:component","source_url":"https://kokonutui.com/r/ink-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/ink-background.json"},{"name":"caustics-background","title":"Caustics Background","description":"A hero on the floor of a pool. Light ripples across it, clicks drop rings that bend the light, and the headline's shadow wobbles below.","type":"registry:component","source_url":"https://kokonutui.com/r/caustics-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/caustics-background.json"},{"name":"rain-glass-background","title":"Rain Glass Background","description":"A hero seen through a rainy window. Drops gather and run, each a tiny lens on the view, and dragging wipes the fog off the glass.","type":"registry:component","source_url":"https://kokonutui.com/r/rain-glass-background.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/rain-glass-background.json"},{"name":"shadow-text","title":"Shadow Text","description":"A headline that works as a sundial. Each letter casts a long, soft shadow set by the reader's clock, and bringing the pointer close turns it into a lamp.","type":"registry:component","source_url":"https://kokonutui.com/r/shadow-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/shadow-text.json"},{"name":"seat-map","title":"Seat Map","description":"Pick seats for a show. Drag along a row to take several, and it points out any single seat you'd leave stranded.","type":"registry:component","source_url":"https://kokonutui.com/r/seat-map.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/seat-map.json"},{"name":"amount-pad","title":"Amount Pad","description":"A keypad for sending money. Digits spring into place, commas slide them along, and the amount shrinks to fit as it grows.","type":"registry:component","source_url":"https://kokonutui.com/r/amount-pad.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/amount-pad.json"},{"name":"slide-to-confirm","title":"Slide to Confirm","description":"A confirm control for payments and other actions you can't take back. Slide the thumb to the end, or flick it.","type":"registry:component","source_url":"https://kokonutui.com/r/slide-to-confirm.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/slide-to-confirm.json"},{"name":"save-button","title":"Save Button","description":"A bookmark button that files into collections. Tap to save to the last one, then change it or make a new one from the strip.","type":"registry:component","source_url":"https://kokonutui.com/r/save-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/save-button.json"},{"name":"cart-button","title":"Cart Button","description":"An Add button that opens into a quantity stepper in place, with a bin at one and press-and-hold to repeat.","type":"registry:component","source_url":"https://kokonutui.com/r/cart-button.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/cart-button.json"},{"name":"card-field","title":"Card Field","description":"A one-row card input for checkout. The number groups the way the brand prints it, then slides to its last four to make room for expiry and CVC.","type":"registry:component","source_url":"https://kokonutui.com/r/card-field.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/card-field.json"},{"name":"stay-picker","title":"Stay Picker","description":"A date range picker for booking stays. Every night shows its price, sold-out nights are hatched, and your stay is one pill that wraps across weeks.","type":"registry:component","source_url":"https://kokonutui.com/r/stay-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/stay-picker.json"},{"name":"slot-picker","title":"Slot Picker","description":"Book a meeting on a day rail. Drag a meeting into a free gap; it hops over existing bookings, resizes in place and shows the host's local time.","type":"registry:component","source_url":"https://kokonutui.com/r/slot-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/slot-picker.json"},{"name":"tip-selector","title":"Tip Selector","description":"A tip picker for checkout, set on a tape you drag and flick. The ticks you pass fill in, the amounts roll, and Round up makes the total a whole amount.","type":"registry:component","source_url":"https://kokonutui.com/r/tip-selector.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/tip-selector.json"},{"name":"boarding-pass","title":"Boarding Pass","description":"A boarding pass that keeps itself current. When the gate or times change, only the changed characters roll over, the old value struck through.","type":"registry:component","source_url":"https://kokonutui.com/r/boarding-pass.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/boarding-pass.json"},{"name":"split-flap-text","title":"Split Flap Text","description":"Departure-board lettering for headlines and status lines. Each tile flips only as far as its new letter, on a hinge, a beat after its neighbour.","type":"registry:component","source_url":"https://kokonutui.com/r/split-flap-text.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/split-flap-text.json"},{"name":"location-picker","title":"Location Picker","description":"Set a pickup point the way ride apps do. Drag the map under a fixed pin; it lifts off its shadow, glides onto the nearest curb, drops, and the street rolls in.","type":"registry:component","source_url":"https://kokonutui.com/r/location-picker.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/location-picker.json"},{"name":"contact-sheet","title":"Contact Sheet","description":"Pick from a shoot the way photographers do. Circle a frame in china marker, click again to strike it, and look through a loupe at the detail first.","type":"registry:component","source_url":"https://kokonutui.com/r/contact-sheet.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/contact-sheet.json"},{"name":"use-auto-resize-textarea","title":"Use Auto Resize Textarea","description":"React hook that auto-resizes a textarea to fit its content between a min and max height.","type":"registry:hook","source_url":"https://kokonutui.com/r/use-auto-resize-textarea.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/use-auto-resize-textarea.json"},{"name":"use-click-outside","title":"Use Click Outside","description":"React hook that runs a callback when the user clicks outside the referenced element.","type":"registry:hook","source_url":"https://kokonutui.com/r/use-click-outside.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/use-click-outside.json"},{"name":"use-copy-to-clipboard","title":"Use Copy To Clipboard","description":"React hook that copies text to the clipboard and exposes a copied state with a reset timeout.","type":"registry:hook","source_url":"https://kokonutui.com/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/use-copy-to-clipboard.json"},{"name":"use-mobile","title":"Use Mobile","description":"React hook that reports whether the viewport is below the 768px mobile breakpoint.","type":"registry:hook","source_url":"https://kokonutui.com/r/use-mobile.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/use-mobile.json"},{"name":"utils","title":"Utils","description":"The cn utility for merging Tailwind CSS classes, built on clsx and tailwind-merge.","type":"registry:lib","source_url":"https://kokonutui.com/r/utils.json","install_command":"npx shadcn@latest add https://kokonutui.com/r/utils.json"}]},{"id":"krave-docs","name":"@krave-docs","slug":"krave-docs","description":"A professional collection of reusable, real-time computer vision components powered by MediaPipe","author":null,"framework":"react","license":null,"tags":[],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://computer-vision-mediapipe.vercel.app","github":null,"registry":"https://computer-vision-mediapipe.vercel.app/r/registry.json","source":"https://computer-vision-mediapipe.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/krave-docs","markdown":"https://sh4dcn.netlify.app/md/krave-docs.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' role='img' aria-labelledby='title'> <title id='title'>Krave logo</title> <rect width='1024' height='1024' fill'#fff'/> <path fill='#111827' transform='translate(58 925) scale(1.25 -1.25)' d='M78 0V660H204V358Q274 386 333.5 433.5Q393 481 435.5 540Q478 599 495 660H639Q618 591 572.5 527Q527 463 469 414Q411 365 352 339V326Q447 325 504 279.5Q561 234 598 138L648 0H505L473 109Q455 162 430 195.5Q405 229 365 245Q325 261 263 261H204V0Z' /> </svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://computer-vision-mediapipe.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://computer-vision-mediapipe.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://computer-vision-mediapipe.vercel.app/r/registry.json","registry_fetch":"curl -s https://computer-vision-mediapipe.vercel.app/r/registry.json"},"component_count":2,"components":[{"name":"face-detection","title":null,"description":null,"type":"registry:ui","source_url":"https://computer-vision-mediapipe.vercel.app/r/face-detection.json","install_command":"npx shadcn@latest add https://computer-vision-mediapipe.vercel.app/r/face-detection.json"},{"name":"hand-land-mark","title":null,"description":null,"type":"registry:ui","source_url":"https://computer-vision-mediapipe.vercel.app/r/hand-land-mark.json","install_command":"npx shadcn@latest add https://computer-vision-mediapipe.vercel.app/r/hand-land-mark.json"}]},{"id":"launchui","name":"@launchui","slug":"launchui","description":"Launch UI is a landing-page-focused block and template library built with React 19, shadcn/ui, and Tailwind CSS, versioned at v2.9. Blocks cover every section a marketing site needs: Hero (multiple variants), Top Navbar, Bento Grid, Carousel, FAQ, Feature, Gallery, Items, Logos, Pricing, Social Proof, Stats, Tabs, Testimonials, CTA, and Footer. Supports multiple color themes (ember, fire, ultraviolet, titanium, ice, holo, emerald, electro) and border-radius tokens. Includes Illustrations and full-page Templates. Free and open source, with an optional paid course. Use for: rapidly assembling polished, on-brand SaaS or product landing pages without designing every section from scratch.","author":"launch-ui","framework":"react","license":"MIT","tags":["accessibility","blocks","buttons","cards","icons","marketing","media","navigation","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro"],"urls":{"website":"https://www.launchuicomponents.com/","github":"https://github.com/launch-ui/launch-ui","registry":"https://www.launchuicomponents.com/r/registry.json","source":"https://www.launchuicomponents.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/launchui","markdown":"https://sh4dcn.netlify.app/md/launchui.md"},"logo":"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.5 12.75H3L6 9.75H9L15.75 3H20.25L10.5 12.75Z' fill='currentColor'/><path d='M11.25 15V13.5L21 3.75V5.25L11.25 15Z' fill='currentColor'/><path d='M11.25 18V16.5L21 6.75V8.25L11.25 18Z' fill='currentColor'/><path d='M11.25 21V19.5L15 15.75V17.25L11.25 21Z' fill='currentColor'/></svg>","preview_image":"https://launchuicomponents.com/opengraph-image.jpg?opengraph-image.38ymazo3cmmeo.jpg","pro":{"has_pro":true,"pro_url":"https://www.launchuicomponents.com/pricing","pricing_url":"https://www.launchuicomponents.com/pricing"},"metrics":{"github_stars":871,"open_issues":2,"last_commit":"2026-09-04T07:06:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.launchuicomponents.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.launchuicomponents.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.launchuicomponents.com/r/registry.json","clone":"git clone https://github.com/launch-ui/launch-ui.git","clone_degit":"npx degit launch-ui/launch-ui","registry_fetch":"curl -s https://www.launchuicomponents.com/r/registry.json"},"component_count":24,"components":[{"name":"launchui","title":"Launch UI Base","description":"Base styles, CSS utilities, and configuration for Launch UI components.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/launchui.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/launchui.json"},{"name":"navbar","title":"Navbar","description":"A responsive navigation bar with mobile menu support and customizable links.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/navbar.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/navbar.json"},{"name":"hero","title":"Hero Section","description":"A hero section with badge, title, description, CTA buttons, and mockup display.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/hero.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/hero.json"},{"name":"items","title":"Items Section","description":"A grid of items with icons and descriptions, perfect for features or benefits.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/items.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/items.json"},{"name":"logos","title":"Logos Section","description":"A logo cloud section to showcase partners, clients, or technologies.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/logos.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/logos.json"},{"name":"bento-grid","title":"Bento Grid","description":"A bento-style grid layout for showcasing features or content blocks.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/bento-grid.json"},{"name":"feature","title":"Feature Section","description":"Feature sections with various layouts for highlighting product capabilities.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/feature.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/feature.json"},{"name":"tabs","title":"Tabs Section","description":"Tabbed content sections for organizing information.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/tabs.json"},{"name":"social-proof","title":"Social Proof","description":"Social proof sections with testimonials, ratings, and trust badges.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/social-proof.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/social-proof.json"},{"name":"testimonials","title":"Testimonials","description":"Customer testimonial sections with carousel and grid layouts.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/testimonials.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/testimonials.json"},{"name":"faq","title":"FAQ Section","description":"Frequently asked questions section with accordion functionality.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/faq.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/faq.json"},{"name":"cta","title":"CTA Section","description":"Call-to-action sections with various styles and glow effects.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/cta.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/cta.json"},{"name":"carousel","title":"Carousel","description":"Image and content carousels with multiple display options.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/carousel.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/carousel.json"},{"name":"stats","title":"Stats Section","description":"Statistics display section for showcasing numbers and metrics.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/stats.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/stats.json"},{"name":"pricing","title":"Pricing Section","description":"Pricing tables and cards with feature comparisons.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/pricing.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/pricing.json"},{"name":"footer","title":"Footer","description":"Website footer with navigation links, social icons, and theme toggle.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/footer.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/footer.json"},{"name":"gallery","title":"Gallery","description":"Image gallery sections with grid and masonry layouts.","type":"registry:block","source_url":"https://www.launchuicomponents.com/r/gallery.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/gallery.json"},{"name":"pro","title":"Pro Dependencies","description":"All dependencies required for Launch UI Pro components.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/pro.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/pro.json"},{"name":"button","title":"Button","description":"A customizable button component with multiple variants and sizes.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/button.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/button.json"},{"name":"badge","title":"Badge","description":"A badge component for labels, tags, and status indicators.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/badge.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/badge.json"},{"name":"card","title":"Card","description":"A card component for containing related content.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/card.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/card.json"},{"name":"screenshot","title":"Screenshot","description":"A theme-aware screenshot component that switches between light and dark images.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/screenshot.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/screenshot.json"},{"name":"mockup","title":"Mockup","description":"Device mockup frames for showcasing app screenshots.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/mockup.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/mockup.json"},{"name":"glow","title":"Glow","description":"Decorative glow effects for adding visual interest.","type":"registry:ui","source_url":"https://www.launchuicomponents.com/r/glow.json","install_command":"npx shadcn@latest add https://www.launchuicomponents.com/r/glow.json"}]},{"id":"layish","name":"@layish","slug":"layish","description":"Composed shadcn blocks. Ask wraps Questionnaire with review, cancel, auto-advance, and HITL results for AI SDK addToolOutput.","author":"layishsieger","framework":"react","license":"MIT","tags":["ai","blocks"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://layish.vercel.app","github":"https://github.com/layishsieger/registry","registry":"https://layish.vercel.app/r/registry.json","source":"https://layish.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/layish","markdown":"https://sh4dcn.netlify.app/md/layish.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='currentColor'/><path d='M10 8h4v12h8v4H10z' fill='var(--background)'/></svg>","preview_image":"https://ui.layishsieger.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":2,"last_commit":"2026-10-26T11:16:44Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://layish.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://layish.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://layish.vercel.app/r/registry.json","clone":"git clone https://github.com/layishsieger/registry.git","clone_degit":"npx degit layishsieger/registry","registry_fetch":"curl -s https://layish.vercel.app/r/registry.json"},"component_count":2,"components":[{"name":"ask","title":"Ask","description":"A questionnaire wrap with HITL onResult for AI SDK addToolOutput.","type":"registry:block","source_url":"https://layish.vercel.app/r/ask.json","install_command":"npx shadcn@latest add https://layish.vercel.app/r/ask.json"},{"name":"composer","title":"Composer","description":"A prompt shell on input-group with mode and mic slots for AI SDK useChat.","type":"registry:block","source_url":"https://layish.vercel.app/r/composer.json","install_command":"npx shadcn@latest add https://layish.vercel.app/r/composer.json"}]},{"id":"lema-ds","name":"@lema-ds","slug":"lema-ds","description":"Enterprise-grade design system and component library for LEMA-UFPB","author":null,"framework":"react","license":null,"tags":["animation","audio","auth","backgrounds","blocks","buttons","cards","charts","cms","dashboard","design-system","developer-tools","e-commerce","forms","icons","loaders","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://ds.lema.ufpb.br","github":null,"registry":"https://ds.lema.ufpb.br/r/registry.json","source":"https://ds.lema.ufpb.br/r/registry.json","page":"https://sh4dcn.netlify.app/registry/lema-ds","markdown":"https://sh4dcn.netlify.app/md/lema-ds.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='48' fill='#f57c00'/><path fill='#d35400' d='M2 50 20 20l35 35-35 35z'/><path fill='none' stroke='#fff' stroke-width='8' d='M22 25h48v18M22 75h48V57M22 25l28 30-28 30' stroke-linejoin='miter'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ds.lema.ufpb.br/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ds.lema.ufpb.br/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ds.lema.ufpb.br/r/registry.json","install_bun":"bunx shadcn@latest add https://ds.lema.ufpb.br/r/registry.json","registry_fetch":"curl -s https://ds.lema.ufpb.br/r/registry.json"},"component_count":250,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/accordion.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/accordion.json"},{"name":"alert","title":"Alert","description":"A contextual notification banner for displaying feedback messages with title, description, and optional action.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/alert.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts users with urgent information, actions, or confirmation prompts.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A wrapper that maintains a consistent aspect ratio for its child content.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"A file attachment component with support for media preview, title, description, actions, trigger overlay, and group layout. Composed of AttachmentGroup, Attach…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/attachment.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"An image element representing a user or entity, with a fallback display for when the image fails to load.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/avatar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/avatar.json"},{"name":"badge","title":"Badge","description":"A small visual indicator for categorization, counts, or status labels.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/badge.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A navigation aid showing the user's location in a hierarchical page structure with separators and ellipsis.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"A chat bubble component with support for sent/received variants, tail indicators, and group layout. Composed of BubbleGroup sub-component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/bubble.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/bubble.json"},{"name":"button","title":"Button","description":"An interactive button control used to trigger actions, submit forms, or navigate.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/button.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/button.json"},{"name":"button-group","title":"Button Group","description":"A container that groups related buttons or inputs with connected or separated styling.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/button-group.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A date picker with day selection, range support, and dropdown navigation.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/calendar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/calendar.json"},{"name":"card","title":"Card","description":"A versatile card container with sub-components for header, title, action buttons, descriptions, body content, and footer actions.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/card.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/card.json"},{"name":"card-stat-shared","title":"Card Stat Shared","description":"Shared utilities, CVA variants, and helper components (TrendBadge, CardStatEmptySlot) for the card-stat family.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/card-stat-shared.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/card-stat-shared.json"},{"name":"carousel","title":"Carousel","description":"A sliding carousel for cycling through elements with previous/next navigation using Embla.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/carousel.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/carousel.json"},{"name":"chart","title":"Chart","description":"A charting container with config-driven tooltips, legends, and CSS variable styling integration for Recharts.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/chart.json"},{"name":"chart-axis-width","title":"Chart Axis Width","description":"Canvas-based text measurement that sizes a numeric Recharts axis to fit its actual formatted tick labels (currency, abbreviated units), instead of a fixed gues…","type":"registry:lib","source_url":"https://ds.lema.ufpb.br/r/chart-axis-width.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/chart-axis-width.json"},{"name":"checkbox","title":"Checkbox","description":"A form control for selecting one or more options from a set.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/checkbox.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An expandable/collapsible section with trigger and content regions.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/collapsible.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"An autocomplete combobox built on @base-ui/react with search, groups, multi-select chips, and keyboard navigation.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/combobox.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/combobox.json"},{"name":"command","title":"Command","description":"A fast, searchable command palette and menu list interface driven by keyboard navigation.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/command.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"A right-click context menu with items, submenus, checkboxes, radio items, and separators.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/context-menu.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A modal overlay that interrupts the user with critical information or requires direct interaction.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/dialog.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/dialog.json"},{"name":"direction","title":"Direction","description":"A provider component for setting text direction (LTR/RTL) using Radix UI Direction.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/direction.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/direction.json"},{"name":"drawer","title":"Drawer","description":"A slide-over panel built on vaul, supporting bottom, left, right, and top directions with drag-to-dismiss gestures.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/drawer.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A popover style menu listing choices or operations that is triggered by a button control.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/dropdown-menu.json"},{"name":"ds-about-manifesto-hero","title":"About Manifesto Hero","description":"Hero imersivo de manifesto institucional combinando declaração tipográfica, métricas e CTAs.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-about-manifesto-hero.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-manifesto-hero.json"},{"name":"ds-about-milestones","title":"About Milestones","description":"Bloco turnkey da trajetória histórica com cabeçalho de seção e MilestoneStepper.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-about-milestones.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-milestones.json"},{"name":"ds-about-section","title":"AboutSection","description":"Bloco composto de página 'Sobre' — história + citação do fundador + tira de estatísticas + grid de equipe — construído a partir dos átomos ds-hero-section, ds-…","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-about-section.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-section.json"},{"name":"ds-about-split-story","title":"About Split Story","description":"Seção turnkey de história institucional em 2 colunas com badge, fotografia e métrica flutuante.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-about-split-story.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-split-story.json"},{"name":"ds-about-values-grid","title":"About Values Grid","description":"Bloco turnkey completo de apresentação de valores e pilares com grid responsivo de ValuesCard.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-about-values-grid.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-about-values-grid.json"},{"name":"ds-accordion","title":"Accordion UI","description":"Extended accordion with icon style variants (chevron/plus/arrow/sign), size variants, rounded/bordered CVA, discriminated single/multiple types with collapsibl…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-accordion.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-accordion.json"},{"name":"ds-activity-feed","title":"Activity Feed","description":"Feed cronológico de eventos e trilha de auditoria com avatar, badge de status e timestamp relativo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-activity-feed.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-activity-feed.json"},{"name":"ds-ai-chat","title":"AI Chat","description":"Chat assistente — ReUI AI Chat 12.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-ai-chat.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-ai-chat.json"},{"name":"ds-animated-number","title":"AnimatedNumber","description":"Contador numérico animado com formatação por locale e fallback sr-only para leitores de tela.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-animated-number.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-animated-number.json"},{"name":"ds-announcement-badge","title":"AnnouncementBadge","description":"Badge ou pill de anúncio para o topo de seções hero com micro-animação e suporte a ping.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-announcement-badge.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-announcement-badge.json"},{"name":"ds-app-sidebar","title":"App Sidebar","description":"Sidebar completa com TeamSwitcher, Search, NavMain colapsável, Projects, NavUser e Rail — compõe sidebar shadcn 07 + 16.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-app-sidebar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-app-sidebar.json"},{"name":"ds-app-store-badges","title":"AppStoreBadges","description":"Botões de download para App Store e Google Play, com ícone e texto sobrescrevíveis.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-app-store-badges.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-app-store-badges.json"},{"name":"ds-audio-player","title":null,"description":"Full-featured audio player using native HTML5 Audio API.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-audio-player.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-audio-player.json"},{"name":"ds-aurora-background","title":"Aurora Background","description":"Fundo aurora com gradientes animados, grid sutil e máscara radial — inspirado em Aceternity Aurora + Sparkles + Wavy.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-aurora-background.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-aurora-background.json"},{"name":"ds-auth-card","title":"Auth Card","description":"Shell de autenticação unificado com variantes centered/muted/split/cover — consolida shadcn login-01..05 e signup-01..05.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-auth-card.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-auth-card.json"},{"name":"ds-auth-separator","title":"AuthSeparator","description":"Divisor estilizado com rótulo centralizado para transição entre autenticação social e credenciais tradicionais.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-auth-separator.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-auth-separator.json"},{"name":"ds-auth-split-screen","title":"AuthSplitScreen","description":"Shell de layout de tela dividida (split-screen) completo com vitrine da marca, depoimento e estatísticas.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-auth-split-screen.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-auth-split-screen.json"},{"name":"ds-autocomplete","title":"Autocomplete","description":"Busca autocomplete async — ReUI Autocomplete.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-autocomplete.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-autocomplete.json"},{"name":"ds-avatar","title":"Avatar UI","description":"Extended avatar with size scale (sm through 2xl), status indicator dots, initials color generator, image loading status callback, delay fallback, avatar group …","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-avatar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-avatar.json"},{"name":"ds-avatar-presence","title":"Avatar Presence","description":"Indicador de presença em tempo real para avatar com anel de isolamento temático e animação de pulso.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-avatar-presence.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-avatar-presence.json"},{"name":"ds-background-glow","title":"BackgroundGlow","description":"Ambientação luminosa e texturas de fundo em CSS puro (Aurora, Spotlight, Beam e Grid-dots) para seções Hero.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-background-glow.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-background-glow.json"},{"name":"ds-badge","title":"Badge UI","description":"Extended badge with dot indicator, removable close icon, icon support, counter/overflow display, and semantic color variants (success/warning).","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-badge.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-badge.json"},{"name":"ds-banner","title":"Banner","description":"Faixa full-width dismissível com intent, variante, posição e CTAs. Base blockus banners.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-banner.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner.json"},{"name":"ds-banner-app","title":"Banner App","description":"Download de app com ícone, rating e store badges — blockus #14-17.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-banner-app.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-app.json"},{"name":"ds-banner-cookie","title":"Banner Cookie","description":"Barra de consentimento cookies fixed bottom/floating — blockus #09-12.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-banner-cookie.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-cookie.json"},{"name":"ds-banner-marquee","title":"Banner Marquee","description":"Faixa com rolagem infinita horizontal para highlights — blockus banner #13.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-banner-marquee.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-marquee.json"},{"name":"ds-banner-promo","title":"Banner Promo","description":"Card promo centrado com gradiente/imagem e 1-2 CTAs — blockus #05-08.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-banner-promo.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-promo.json"},{"name":"ds-banner-top","title":"Banner Top","description":"Bloco topo sticky com badge, título e CTA — blockus banners #01-04.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-banner-top.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-banner-top.json"},{"name":"ds-bar-chart","title":"Bar Chart","description":"A fully featured bar chart with tooltips, legend, stacking, rounded corners, and brush zoom.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-bar-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bar-chart.json"},{"name":"ds-bento-features","title":"BentoFeatures","description":"Grid bento misturando tiles de feature com ícone e tiles de estatística — composto de ds-bento-grid e ds-card-stat.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-bento-features.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-features.json"},{"name":"ds-bento-grid","title":"BentoGrid","description":"Grid assimétrico com spans configuráveis para tiles de feature/mídia.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-bento-grid.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-grid.json"},{"name":"ds-bento-metrics","title":"BentoMetrics","description":"Grid bento combinando um gráfico de barras com uma tira de estatísticas — composto de ds-bento-grid, ds-bar-chart e ds-card-stat.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-bento-metrics.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-metrics.json"},{"name":"ds-bento-showcase","title":"BentoShowcase","description":"Grid bento exibindo screenshot de produto, preview de terminal e snippet de instalação — composto de ds-bento-grid, ds-floating-card, ds-browser-mockup e ds-co…","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-bento-showcase.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-showcase.json"},{"name":"ds-bento-social-proof","title":"BentoSocialProof","description":"Grid bento misturando tiles de depoimento com um mural de logos — composto de ds-bento-grid, ds-pull-quote e ds-press-wall.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-bento-social-proof.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bento-social-proof.json"},{"name":"ds-billing","title":"Billing","description":"Card de plano e fatura — ReUI Billing.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-billing.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-billing.json"},{"name":"ds-blog-author","title":"Blog Author","description":"Avatar + nome + role do autor para blog.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-blog-author.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-author.json"},{"name":"ds-blog-card","title":"Blog Card","description":"Card de post com imagem, categoria, título, excerpt, tags e autor — átomo base blog.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-blog-card.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-card.json"},{"name":"ds-blog-featured","title":"Blog Featured","description":"Hero featured grande + 2 cards laterais — blockus #15-22.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-blog-featured.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-featured.json"},{"name":"ds-blog-grid","title":"Blog Grid","description":"Grid responsivo 3 cols com filtros categoria + busca — blockus blog #01-07.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-blog-grid.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-grid.json"},{"name":"ds-blog-list","title":"Blog List","description":"Lista horizontal imagem à esquerda — blockus #08-12.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-blog-list.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-list.json"},{"name":"ds-blog-meta","title":"Blog Meta","description":"Linha de metadados: data, reading time e categoria.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-blog-meta.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-blog-meta.json"},{"name":"ds-border-beam","title":"BorderBeam","description":"Brilho que percorre a borda do container pai via offset-path (correto em qualquer proporção), em CSS puro — oculto em prefers-reduced-motion.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-border-beam.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-border-beam.json"},{"name":"ds-boxplot-chart","title":"Boxplot Chart","description":"A fully custom SVG box-and-whisker chart with ResizeObserver for responsive layout, notch support, and outlier plotting.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-boxplot-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-boxplot-chart.json"},{"name":"ds-breadcrumbs","title":"Breadcrumbs","description":"A data-driven breadcrumbs component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-breadcrumbs.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-breadcrumbs.json"},{"name":"ds-browser-mockup","title":"BrowserMockup","description":"Moldura simulando janela de navegador ou terminal de sistema operacional para screenshots e previews.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-browser-mockup.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-browser-mockup.json"},{"name":"ds-bullet-chart","title":null,"description":"Compact bullet chart with qualitative range bands, value bar, and target marker.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-bullet-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-bullet-chart.json"},{"name":"ds-button","title":"Button UI","description":"Feature-rich button with loading state, start/end icons, rounded variant (full/lg/md/none), fullWidth, double-click debounce, two-step destructive confirmation…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-button.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-button.json"},{"name":"ds-callout","title":"Callout","description":"A highlighted alert component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-callout.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-callout.json"},{"name":"ds-candlestick-chart","title":"Candlestick Chart","description":"A financial candlestick chart with volume bars, moving averages, reference lines, and brush zoom.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-candlestick-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-candlestick-chart.json"},{"name":"ds-card-icon","title":"Card Icon","description":"Feature / navigation card with a tinted icon medallion, title and description. Icon colour and background derive from a single semantic tone token. Supports so…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-icon.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-icon.json"},{"name":"ds-card-stat","title":"Card Stat","description":"A statistical display card with label, value, trend indicator, optional icon, and loading skeleton.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat.json"},{"name":"ds-card-stat-compact","title":"Card Stat Compact","description":"A compact statistical card with trend badge, description, icon, and loading skeleton.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-compact.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-compact.json"},{"name":"ds-card-stat-comparison","title":"Card Stat Comparison","description":"A side-by-side comparison card for current vs. previous period values with trend indicators.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-comparison.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-comparison.json"},{"name":"ds-card-stat-gauge","title":"Card Stat Gauge","description":"A statistical card with a gauge visualization for showing metrics within a target range.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-gauge.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-gauge.json"},{"name":"ds-card-stat-heatbar","title":"Card Stat Heatbar","description":"A statistical card with a segmented heatbar visualization for multi-zone metric display.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-heatbar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-heatbar.json"},{"name":"ds-card-stat-highlight","title":"Card Stat Highlight","description":"A high-emphasis statistical card with a colored background for key metric prominence.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-highlight.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-highlight.json"},{"name":"ds-card-stat-list","title":"Card Stat List","description":"A statistical card containing a list of labeled items with icons and trend indicators.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-list.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-list.json"},{"name":"ds-card-stat-progress","title":"Card Stat Progress","description":"A statistical card with an embedded progress bar for showing completion or attainment levels.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-progress.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-progress.json"},{"name":"ds-card-stat-sparkline","title":"Card Stat Sparkline","description":"A statistical card with an inline sparkline chart for visual trend representation.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stat-sparkline.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stat-sparkline.json"},{"name":"ds-card-stats","title":"Card Stats (All)","description":"A portfolio of all statistical display cards: CardStat, CardStatCompact, CardStatProgress, CardStatComparison, CardStatSparkline, CardStatHighlight, CardStatLi…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-card-stats.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-card-stats.json"},{"name":"ds-carousel","title":"Carousel UI","description":"Extended carousel with autoplay support via embla-carousel-autoplay, multiple nav variants (side/overlay/bottom/none), card/showcase/minimal display modes, dot…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-carousel.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-carousel.json"},{"name":"ds-cascader","title":"Cascader","description":"Seleção em cascata níveis — ReUI Cascader.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-cascader.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cascader.json"},{"name":"ds-changelog","title":"Changelog","description":"Visualização estruturada de release notes com categorização semântica e timeline de versões.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-changelog.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-changelog.json"},{"name":"ds-checkout","title":"Checkout","description":"Resumo de pedido — ReUI Checkout.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-checkout.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-checkout.json"},{"name":"ds-color-picker","title":"Color Picker","description":"A color picker input.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-color-picker.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-color-picker.json"},{"name":"ds-combobox","title":"Combobox UI","description":"A batteries-included combobox with virtual scrolling, search, single/multi-select, groups, custom option rendering, and configurable popover positioning (side/…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-combobox.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-combobox.json"},{"name":"ds-command-palette","title":"Command Palette","description":"A high-level command palette modal triggered by keyboard shortcuts.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-command-palette.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-command-palette.json"},{"name":"ds-compare-slider","title":"CompareSlider","description":"Slider de comparação antes/depois com clip-path, arrastável ou via teclado (range input nativo).","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-compare-slider.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-compare-slider.json"},{"name":"ds-comparison","title":"Comparison","description":"Before/after slider — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-comparison.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-comparison.json"},{"name":"ds-confetti","title":null,"description":"Confetti animation with 4 presets. Also exports useConfetti hook.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-confetti.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-confetti.json"},{"name":"ds-confirm-dialog","title":"Confirm Dialog","description":"Diálogo de confirmação com typed confirmation para ações irreversíveis de alto risco.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-confirm-dialog.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-confirm-dialog.json"},{"name":"ds-contact-bento","title":"ContactBento","description":"Grid bento com o formulário de contato como tile principal e tiles satélite — composto de ds-bento-grid e ds-contact-form.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-contact-bento.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-bento.json"},{"name":"ds-contact-channels","title":"ContactChannels","description":"Linha de cartões de canal de contato (e-mail, telefone, chat) — composto de ds-card-icon.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-contact-channels.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-channels.json"},{"name":"ds-contact-form","title":"ContactForm","description":"Formulário de contato (nome, e-mail, assunto, tópico e mensagem) com estados idle/submitting/success/error.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-contact-form.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-form.json"},{"name":"ds-contact-split","title":"ContactSplit","description":"Seção de contato split com formulário de um lado e um slot flexível do outro — composto de ds-hero-section e ds-contact-form.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-contact-split.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contact-split.json"},{"name":"ds-contribution-graph","title":"Contribution Graph","description":"Graph estilo GitHub 7x20 — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-contribution-graph.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-contribution-graph.json"},{"name":"ds-copy-block","title":"CopyBlock","description":"Exibe um trecho de texto ou código com um botão acoplado para cópia rápida.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-copy-block.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-copy-block.json"},{"name":"ds-counter","title":"Counter","description":"A precision numeric input with button controls, direct keyboard entry support, and inputProps passthrough for native HTML attributes.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-counter.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-counter.json"},{"name":"ds-credit-card","title":"Credit Card","description":"Card visual com gradient e brand — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-credit-card.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-credit-card.json"},{"name":"ds-cron-builder","title":null,"description":"Visual cron expression builder with simple and advanced modes.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-cron-builder.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cron-builder.json"},{"name":"ds-cta","title":"Cta","description":"Container CTA core com badge, título, descrição e ações — átomo base CTA.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-cta.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta.json"},{"name":"ds-cta-centered","title":"Cta Centered","description":"CTA centrado editorial — blockus CTA #01-08.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-cta-centered.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta-centered.json"},{"name":"ds-cta-newsletter","title":"Cta Newsletter","description":"CTA com captura email inline — blockus #17-24.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-cta-newsletter.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta-newsletter.json"},{"name":"ds-cta-split","title":"Cta Split","description":"CTA split imagem + conteúdo — blockus #09-16.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-cta-split.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cta-split.json"},{"name":"ds-culture-gallery","title":"Culture Gallery","description":"Mosaico e grade fotográfica da cultura institucional e equipe em ação.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-culture-gallery.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-culture-gallery.json"},{"name":"ds-cursor","title":"Cursor","description":"Cursor remoto com label para collab — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-cursor.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cursor.json"},{"name":"ds-cursor-spotlight","title":"CursorSpotlight","description":"Glow radial que segue o cursor do ponteiro, com fallback estático em prefers-reduced-motion.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-cursor-spotlight.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-cursor-spotlight.json"},{"name":"ds-dashboard","title":"Dashboard","description":"Shell de dashboard com AppSidebar, Header, SectionCards, Chart e DataTable — replica shadcn dashboard-01.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-dashboard.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashboard.json"},{"name":"ds-dashboard-layout","title":"Dashboard Layout","description":"A base layout for complex dashboards with sidebar and header.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-dashboard-layout.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashboard-layout.json"},{"name":"ds-dashbox","title":"Dashbox","description":"A structured dashboard card with collapse/expand, fullscreen, refresh, loading skeleton, status badge, and configurable body padding.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-dashbox.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashbox.json"},{"name":"ds-dashrow","title":"Dashrow","description":"Responsive layout container for dashboard panels with resizable split ratios and N-child support.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-dashrow.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dashrow.json"},{"name":"ds-data-table","title":"Data Table","description":"A high-performance virtualized data table with built-in toolbar, pagination, and sorting capabilities.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-data-table.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-data-table.json"},{"name":"ds-date-picker","title":"DatePicker","description":"Seletor de data combinando um botão e um calendário (Popover).","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-date-picker.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-date-picker.json"},{"name":"ds-date-range-picker","title":"Date Range Picker","description":"Seleção intuitiva de intervalos de datas com presets e suporte aos 4 locales.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-date-range-picker.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-date-range-picker.json"},{"name":"ds-deck","title":"Deck","description":"Swipe deck de cards — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-deck.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-deck.json"},{"name":"ds-description-list","title":"Description List","description":"A description list component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-description-list.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-description-list.json"},{"name":"ds-diff-viewer","title":null,"description":"Line-level diff viewer with unified and split modes. No external dependencies.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-diff-viewer.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-diff-viewer.json"},{"name":"ds-direction-aware-hover","title":null,"description":null,"type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-direction-aware-hover.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-direction-aware-hover.json"},{"name":"ds-drawer","title":"Drawer UI","description":"A full-featured drawer wrapper with optional header, scrollable body, footer, direction-aware close button, snap points, scale background, and escape/pointer-d…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-drawer.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-drawer.json"},{"name":"ds-dynamic-island","title":null,"description":"Dynamic island notification component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-dynamic-island.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-dynamic-island.json"},{"name":"ds-empty","title":"Empty UI","description":"Contextual empty states with built-in SVG icons for no-data, search, error, and no-results scenarios, i18n titles, action button, compact mode, and skeleton lo…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-empty.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-empty.json"},{"name":"ds-empty-action","title":"Empty Action","description":"Estado vazio acionável com ação principal, atalhos e sugestões para zero-data e onboarding.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-empty-action.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-empty-action.json"},{"name":"ds-empty-state-illustration","title":null,"description":"Empty state with 8 animated SVG illustrations for common UI contexts.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-empty-state-illustration.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-empty-state-illustration.json"},{"name":"ds-event-calendar","title":"Event Calendar","description":"Calendário mensal com eventos — ReUI Event Calendar 6.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-event-calendar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-event-calendar.json"},{"name":"ds-fade","title":"Fade","description":"Fade mask com variantes x/y/top/bottom/left/right — inspirado em Launch UI Fade.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-fade.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-fade.json"},{"name":"ds-faqs","title":"Faqs","description":"Seção FAQ core com heading, accordion, busca opcional.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-faqs.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-faqs.json"},{"name":"ds-faqs-support","title":"Faqs Support","description":"FAQs com card suporte lateral — blockus #14 #19.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-faqs-support.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-faqs-support.json"},{"name":"ds-faqs-tabs","title":"Faqs Tabs","description":"FAQs agrupadas por abas — blockus #03 #07.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-faqs-tabs.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-faqs-tabs.json"},{"name":"ds-feature-spotlight","title":"Feature Spotlight","description":"Destaque ancorado para apresentar novas funcionalidades e guias passo a passo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-feature-spotlight.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-feature-spotlight.json"},{"name":"ds-feature-sticky","title":"Feature Sticky","description":"Seção feature com texto e mockup sticky (left/right) — inspirado em Launch UI Feature Sticky.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-feature-sticky.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-feature-sticky.json"},{"name":"ds-feedback-widget","title":null,"description":"Floating feedback widget component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-feedback-widget.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-feedback-widget.json"},{"name":"ds-file-preview","title":null,"description":"File preview card with auto-detected type icons, size formatting and hover actions.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-file-preview.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-file-preview.json"},{"name":"ds-file-upload","title":"FileUpload","description":"Área de upload de arquivos com suporte a arrastar e soltar e barra de progresso.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-file-upload.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-file-upload.json"},{"name":"ds-filter-builder","title":"Filter Builder","description":"A complex component for building advanced query filters.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-filter-builder.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-filter-builder.json"},{"name":"ds-filter-sidebar","title":"Filter Sidebar","description":"Filtros categoria e preço — ReUI Filter Sidebar.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-filter-sidebar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-filter-sidebar.json"},{"name":"ds-floating-card","title":"FloatingCard","description":"Card com tilt 3D sutil ao seguir o ponteiro, para exibir screenshots/mockups em heroes.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-floating-card.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-floating-card.json"},{"name":"ds-floating-dock","title":"Floating Dock","description":"Dock flutuante com magnificação no hover e fallback grid mobile — inspirado em Aceternity Floating Dock.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-floating-dock.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-floating-dock.json"},{"name":"ds-footer-bottom-bar","title":"Footer Bottom Bar","description":"Faixa inferior atômica com copyright dinâmico, links legais e ações acessórias.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-footer-bottom-bar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-bottom-bar.json"},{"name":"ds-footer-brand-backdrop","title":"Footer Brand Backdrop","description":"Rodapé de vanguarda com mega letreiro tipográfico de fundo, grade compacta de links, newsletter e status.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-footer-brand-backdrop.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-brand-backdrop.json"},{"name":"ds-footer-cta","title":"Footer CTA","description":"Bloco de rodapé integrado com cartão de conversão de alto impacto posicionado antes dos links.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-footer-cta.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-cta.json"},{"name":"ds-footer-mega","title":"Footer Mega","description":"Rodapé institucional completo com múltiplas colunas de links, apresentação de missão, newsletter e barra inferior.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-footer-mega.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-mega.json"},{"name":"ds-footer-menu","title":"Footer Menu","description":"A responsive footer navigation that displays in columns on desktop and as an accordion on mobile.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-footer-menu.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-menu.json"},{"name":"ds-footer-newsletter","title":"Footer Newsletter","description":"Captura atômica de e-mail para newsletter com validação, estado de envio e confirmação acessível.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-footer-newsletter.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-newsletter.json"},{"name":"ds-footer-simple","title":"Footer Simple","description":"Bloco de rodapé minimalista e centralizado com logotipo, links de navegação, canais sociais e copyright.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-footer-simple.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-simple.json"},{"name":"ds-footer-wordmark","title":"Footer Wordmark","description":"Letreiro tipográfico de rodapé de grande porte com corte outline, preenchimento sutil ou gradiente.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-footer-wordmark.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-footer-wordmark.json"},{"name":"ds-forgot-password-form","title":"ForgotPasswordForm","description":"Bloco completo de recuperação de conta e redefinição de senha com instruções e confirmação.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-forgot-password-form.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-forgot-password-form.json"},{"name":"ds-form-builder","title":"Form Builder","description":"Gera um formulário validado a partir de um schema zod (validação) e uma lista de campos (rótulo, tipo de widget, opções) — react-hook-form + Field/FieldGroup.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-form-builder.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-form-builder.json"},{"name":"ds-founder-letter","title":"Founder Letter","description":"Carta aberta ou mensagem do coordenador/diretor com retrato, prosa editorial, drop cap e assinatura.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-founder-letter.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-founder-letter.json"},{"name":"ds-funnel-chart","title":null,"description":"Funnel chart for visualizing conversion rates between sequential stages.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-funnel-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-funnel-chart.json"},{"name":"ds-gallery-filterable","title":"GalleryFilterable","description":"Galeria de imagens com filtro de categorias — composto de ds-image-gallery e ds-pill-group.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-gallery-filterable.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gallery-filterable.json"},{"name":"ds-gallery-split","title":"GallerySplit","description":"Seção split com texto de um lado e colagem de imagens do outro — composto de ds-hero-section e ds-image-gallery.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-gallery-split.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gallery-split.json"},{"name":"ds-gallery-video","title":"GalleryVideo","description":"Grid de vídeos que abrem em diálogo ao clicar — composto de ds-video-dialog.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-gallery-video.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gallery-video.json"},{"name":"ds-gantt","title":"Gantt","description":"Timeline Gantt com barras e progresso — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-gantt.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-gantt.json"},{"name":"ds-geomap-chart","title":"Geomap Chart","description":"A geographic map component for rendering GeoJSON/TopoJSON data with tooltips, zooming (optional zoom controls), full-screen expand, choropleth, and point marke…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-geomap-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-geomap-chart.json"},{"name":"ds-glass","title":"Glass","description":"Glassmorphism com 5 variantes (glass-1..5) e backdrop-blur — inspirado em Launch UI Glass.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-glass.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-glass.json"},{"name":"ds-globe-3d","title":null,"description":"3D Globe component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-globe-3d.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-globe-3d.json"},{"name":"ds-glow","title":"Glow","description":"Glow posicional (top/above/center/below) com radial gradient blur — inspirado em Launch UI Glow.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-glow.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-glow.json"},{"name":"ds-grid-pulse","title":"Grid Pulse","description":"Grid de pontos que pulsa de tamanho e opacidade perto do cursor, ocioso fora da interação — fundo de hero interativo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-grid-pulse.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-grid-pulse.json"},{"name":"ds-guided-tour","title":"Guided Tour","description":"A presentation component for a guided tour or onboarding card.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-guided-tour.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-guided-tour.json"},{"name":"ds-header","title":"Header","description":"Container semântico banner com variantes default/blurred/transparent/solid, sticky, tamanhos sm/md/lg e skip link i18n. Base para todos os headers.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header.json"},{"name":"ds-header-actions","title":"Header Actions","description":"Grupo de CTAs do header com variantes de Button, gap configurável e skeleton.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-actions.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-actions.json"},{"name":"ds-header-announcement","title":"Header Announcement","description":"Faixa de anúncio dismissível com tag, link e variantes default/outline/glow.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-announcement.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-announcement.json"},{"name":"ds-header-brand","title":"Header Brand","description":"Identidade do header com logo medallion, título e subtítulo, tamanhos sm/md/lg e skeleton.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-brand.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-brand.json"},{"name":"ds-header-centered","title":"Header Centered","description":"Header com brand centralizado e nav abaixo, com split actions laterais.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-header-centered.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-centered.json"},{"name":"ds-header-command","title":"Header Command","description":"Header SaaS com command palette (⌘K), busca global, user menu e notificações.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-header-command.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-command.json"},{"name":"ds-header-mega","title":"Header Mega","description":"Mega dropdown com grid de links e feature card — e-commerce / docs.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-header-mega.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-mega.json"},{"name":"ds-header-mobile-drawer","title":"Header Mobile Drawer","description":"Sheet lateral para navegação mobile com accordion, brand header e footer de CTAs.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-mobile-drawer.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-mobile-drawer.json"},{"name":"ds-header-nav","title":"Header Nav","description":"Navegação horizontal baseada em NavigationMenu com suporte a dropdown, mega custom content, badge e estados active.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-nav.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-nav.json"},{"name":"ds-header-search","title":"Header Search","description":"An expandable search button for use in page headers with smooth transition animations.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-search.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-search.json"},{"name":"ds-header-simple","title":"Header Simple","description":"Bloco minimal SaaS: brand + nav desktop + search + actions + mobile drawer.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-header-simple.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-simple.json"},{"name":"ds-header-topbar","title":"Header Topbar","description":"Barra utilitária acima do header com email, telefone, socials e locale selector.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-topbar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-topbar.json"},{"name":"ds-header-transparent","title":"Header Transparent","description":"Header overlay hero que vira blurred ao scroll com threshold configurável.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-header-transparent.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-transparent.json"},{"name":"ds-header-user-menu","title":"Header User Menu","description":"Avatar com DropdownMenu, badge de notificações e grupos de ações para header.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-header-user-menu.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-user-menu.json"},{"name":"ds-header-with-topbar","title":"Header With Topbar","description":"HeaderSimple empilhado com Topbar e Announcement — padrão blockus com contato/social.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-header-with-topbar.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-header-with-topbar.json"},{"name":"ds-heatmap-chart","title":"Heatmap Chart","description":"A responsive heatmap chart built with pure CSS grid and color-mix for smooth color interpolation.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-heatmap-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-heatmap-chart.json"},{"name":"ds-hero-announcement","title":"HeroAnnouncement","description":"Hero centralizado com badge de anúncio e mural de logos em marquee — composto de ds-hero-section, ds-announcement-badge e ds-marquee.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-announcement.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-announcement.json"},{"name":"ds-hero-bento","title":"HeroBento","description":"Hero centralizado seguido de um grid bento — composto de ds-hero-section e ds-bento-grid.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-bento.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-bento.json"},{"name":"ds-hero-cycling","title":"HeroCycling","description":"Hero centralizado com título que alterna palavras — composto de ds-hero-section e ds-text-rotator.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-cycling.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-cycling.json"},{"name":"ds-hero-glow","title":"Hero Glow","description":"Hero com glow radial superior e grid sutil — inspirado em Launch UI Hero Top Glow.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-glow.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-glow.json"},{"name":"ds-hero-layers","title":"Hero Layers","description":"Hero com screenshots em camadas sobrepostas (Layers) — inspirado em Launch UI Hero Layers.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-layers.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-layers.json"},{"name":"ds-hero-section","title":"HeroSection","description":"Shell de layout de seção Hero composível em subcomponentes atômicos com alinhamentos center, left e split.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-hero-section.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-section.json"},{"name":"ds-hero-stats","title":"HeroStats","description":"Hero centralizado seguido de tira de estatísticas — composto de ds-hero-section e ds-card-stat.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-stats.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-stats.json"},{"name":"ds-hero-terminal","title":"HeroTerminal","description":"Hero split com preview de terminal/navegador — composto de ds-hero-section, ds-background-glow e ds-browser-mockup.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-terminal.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-terminal.json"},{"name":"ds-hero-video","title":"HeroVideo","description":"Hero centralizado com thumbnail de vídeo em diálogo — composto de ds-hero-section e ds-video-dialog.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-video.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-video.json"},{"name":"ds-hero-waitlist","title":"HeroWaitlist","description":"Hero centralizado com captura de e-mail — composto de ds-hero-section e ds-waitlist-form.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-hero-waitlist.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-hero-waitlist.json"},{"name":"ds-how-it-works","title":"How It Works","description":"Seção explicativa em passos numerados com variante horizontal/vertical.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-how-it-works.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-how-it-works.json"},{"name":"ds-how-it-works-timeline","title":"How It Works Timeline","description":"Timeline vertical com linha conectora — blockus #03 #10 #17.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-how-it-works-timeline.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-how-it-works-timeline.json"},{"name":"ds-icon-button","title":"Icon Button","description":"An icon-only button with optional tooltip, loading state, size and rounded variants built on the Button and Tooltip primitives.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-icon-button.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-icon-button.json"},{"name":"ds-image-crop","title":"Image Crop","description":"Crop com drag e zoom slider — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-image-crop.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-image-crop.json"},{"name":"ds-image-gallery","title":"ImageGallery","description":"Galeria de imagens flexível — grid, masonry ou linha com scroll-snap — com legenda/overlay opcional por item.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-image-gallery.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-image-gallery.json"},{"name":"ds-image-zoom","title":"Image Zoom","description":"Zoom hover lens — adaptado Kibo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-image-zoom.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-image-zoom.json"},{"name":"ds-inline-edit","title":"Inline Edit","description":"Edição in-place com click-to-edit, estados de salvamento e validação inline.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-inline-edit.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-inline-edit.json"},{"name":"ds-input","title":"Input UI","description":"Extended input with icon prefix/suffix, clearable button, character counter with maxLength, loading spinner, i18n labels, and error state.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-input.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-input.json"},{"name":"ds-input-email","title":"Input Email","description":"An email input field with a built-in mail icon and customizable size and radius variants.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-input-email.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-input-email.json"},{"name":"ds-input-password","title":"Input Password","description":"A secure password input field with a toggle visibility button and custom size/radius options.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-input-password.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-input-password.json"},{"name":"ds-integration-tile","title":"Integration Tile","description":"Tile de integração com logo e status — átomo base integrations.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-integration-tile.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-integration-tile.json"},{"name":"ds-integrations","title":"Integrations","description":"Grid de integrações com busca — blockus #01-12.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-integrations.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-integrations.json"},{"name":"ds-integrations-marquee","title":"Integrations Marquee","description":"Parede de logos em marquee infinita — blockus #13-24.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-integrations-marquee.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-integrations-marquee.json"},{"name":"ds-kanban-board","title":"Kanban Board","description":"Kanban board com drag-and-drop real (@dnd-kit) — reordena e move cards entre colunas por ponteiro ou teclado.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-kanban-board.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-kanban-board.json"},{"name":"ds-keyboard-shortcut","title":null,"description":null,"type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-keyboard-shortcut.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-keyboard-shortcut.json"},{"name":"ds-lightbox","title":"Lightbox","description":"Visualizador de imagem em tela cheia com navegação anterior/próxima, setas do teclado e tira de miniaturas.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-lightbox.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-lightbox.json"},{"name":"ds-line-chart","title":"Line Chart","description":"A responsive line chart with plain lines, gradient area fills, stacked areas, reference lines, and brush zoom.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-line-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-line-chart.json"},{"name":"ds-locale-provider","title":"Locale Provider","description":"Context provider that sets the default locale for every ds-* component in the tree (prop > provider > en-US). Exports UILocaleProvider, useUILocale and useOpti…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-locale-provider.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-locale-provider.json"},{"name":"ds-location-picker","title":null,"description":"Address autocomplete picker with async search callback — decoupled from any geocoding API.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-location-picker.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-location-picker.json"},{"name":"ds-login-form","title":"LoginForm","description":"Bloco completo de formulário de login pronto para produção integrando social login, credenciais e passkey.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-login-form.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-login-form.json"},{"name":"ds-logo-cloud-glow","title":"LogoCloudGlow","description":"Mural de logos centralizado dentro de um card com glow que reage ao ponteiro — composto de ds-press-wall e ds-cursor-spotlight.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-logo-cloud-glow.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-glow.json"},{"name":"ds-logo-cloud-grouped","title":"LogoCloudGrouped","description":"Mural de logos com filtro de indústria/categoria — composto de ds-press-wall e ds-pill-group.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-logo-cloud-grouped.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-grouped.json"},{"name":"ds-logo-cloud-quotes","title":"LogoCloudQuotes","description":"Pares de logo do cliente + depoimento curto em grid de cartões — composto de ds-pull-quote.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-logo-cloud-quotes.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-quotes.json"},{"name":"ds-logo-cloud-stats","title":"LogoCloudStats","description":"Estatística em destaque acima de um mural de logos — composto de ds-press-wall.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-logo-cloud-stats.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-logo-cloud-stats.json"},{"name":"ds-magic-link-form","title":"MagicLinkForm","description":"Formulário de autenticação sem senha (magic link) com confirmação e temporizador de reenvio.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-magic-link-form.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-magic-link-form.json"},{"name":"ds-magnetic-element","title":null,"description":null,"type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-magnetic-element.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-magnetic-element.json"},{"name":"ds-manifesto-statement","title":"Manifesto Statement","description":"Declaração de manifesto institucional com tipografia editorial grande e citações autorais.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-manifesto-statement.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-manifesto-statement.json"},{"name":"ds-markdown-editor","title":null,"description":"Markdown editor with edit/preview/split modes, toolbar, and fullscreen.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-markdown-editor.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-markdown-editor.json"},{"name":"ds-marquee","title":"Marquee","description":"Carrossel de rolagem contínua para logos de clientes, depoimentos ou cartões de dados.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-marquee.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-marquee.json"},{"name":"ds-marquee-duo","title":"Marquee Duo","description":"Marquee duplo (2 rows) com direção oposta e pause on hover — inspirado em Launch UI Social Proof Marquee 2 Rows.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-marquee-duo.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-marquee-duo.json"},{"name":"ds-meteor-shower","title":"Meteor Shower","description":"Chuva de meteoros 100% CSS (sem canvas, sem RAF) para fundo de hero — posições determinísticas, custo de CPU essencialmente nulo.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-meteor-shower.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-meteor-shower.json"},{"name":"ds-metric-comparison","title":"Metric Comparison","description":"Comparação direta entre dois pontos de dados com variação absoluta, relativa e barra proporcional.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-metric-comparison.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-metric-comparison.json"},{"name":"ds-milestone-stepper","title":"Milestone Stepper","description":"Linha do tempo de marcos cronológicos e trajetória histórica com anos tabulares.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-milestone-stepper.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-milestone-stepper.json"},{"name":"ds-mini-card","title":"Mini Card","description":"Compact stat label+value unit for horizontal summary strips. Compose with MiniCardGroup (pill, outlined, elevated, ghost variants) and MiniCardStrip (auto-divi…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-mini-card.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-mini-card.json"},{"name":"ds-mission-vision-cards","title":"Mission Vision Cards","description":"Par contrastante de cartões para declaração articulada de Missão e Visão institucionais.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-mission-vision-cards.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-mission-vision-cards.json"},{"name":"ds-mockup","title":"Mockup","description":"Mockup com frames small/large/mobile e sombra — inspirado em Launch UI Mockup.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-mockup.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-mockup.json"},{"name":"ds-modal","title":"Modal","description":"A flexible modal dialog built on Dialog with size variants (sm/md/lg/xl/2xl/full), intent system (default/destructive/success/warning/info), defaultOpen for un…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-modal.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-modal.json"},{"name":"ds-morphing-dialog","title":null,"description":"Morphing Dialog using framer-motion.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-morphing-dialog.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-morphing-dialog.json"},{"name":"ds-multi-select","title":"MultiSelect","description":"Combobox que permite selecionar múltiplos itens de uma lista.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-multi-select.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-multi-select.json"},{"name":"ds-nav-dots","title":"Nav Dots","description":"Dot-based section navigation with automatic scroll tracking and tooltips.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-nav-dots.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-nav-dots.json"},{"name":"ds-nav-user","title":"Nav User","description":"A user profile dropdown menu for navigation headers, built on DropdownMenu and Avatar.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-nav-user.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-nav-user.json"},{"name":"ds-navbar-floating","title":"Navbar Floating","description":"Navbar flutuante com blur, borda e menu mobile — inspirado em Launch UI Navbar Floating.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-navbar-floating.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-navbar-floating.json"},{"name":"ds-notification-center","title":"Notification Center","description":"A notification center component.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-notification-center.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-notification-center.json"},{"name":"ds-number-field","title":"Number Field","description":"Campo numérico com spinbuttons — ReUI Number Field.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-number-field.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-number-field.json"},{"name":"ds-office-locations","title":"OfficeLocations","description":"Grid interativo de unidades e endereços com horários e status de funcionamento.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-office-locations.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-office-locations.json"},{"name":"ds-onboarding","title":"Onboarding","description":"Passos de onboarding com progresso — ReUI Onboarding 9.","type":"registry:block","source_url":"https://ds.lema.ufpb.br/r/ds-onboarding.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-onboarding.json"},{"name":"ds-otp-input","title":"OTP Input","description":"An OTP input for verification codes.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-otp-input.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-otp-input.json"},{"name":"ds-page-header","title":"Page Header","description":"Cabeçalho de página padronizado com breadcrumbs, título, tags, ações e navegação de retorno.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-page-header.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-page-header.json"},{"name":"ds-page-loader","title":"Page Loader","description":"Full-page loading overlay with two variants: a shimmer bar fixed at the top of the viewport (bar) and a centered XL spinner (spinner). Controlled by a single l…","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-page-loader.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-page-loader.json"},{"name":"ds-pagination","title":"Pagination UI","description":"A pagination component with locale-aware aria labels, prev/next links, and ellipsis support.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-pagination.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pagination.json"},{"name":"ds-particle-field","title":"Particle Field","description":"Fundo de constelação (partículas conectadas por linhas) para hero sections, em canvas 2D com DPR limitado e pausa automática fora da viewport.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-particle-field.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-particle-field.json"},{"name":"ds-star-shower","title":"Star Shower","description":"Céu estrelado vivo em canvas 2D: estrelas pulsantes com cintilação, 18% em cruz com halo e estrelas cadentes com cauda degradê. Pausa fora da viewport e frame …","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-star-shower.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-star-shower.json"},{"name":"ds-passkey-prompt","title":"PasskeyPrompt","description":"Botão e prompt para autenticação biométrica e chaves de segurança WebAuthn / Passkeys.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-passkey-prompt.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-passkey-prompt.json"},{"name":"ds-password-strength-meter","title":"PasswordStrengthMeter","description":"Indicador dinâmico de segurança de senha com 4 níveis semânticos e checklist de requisitos em tempo real.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-password-strength-meter.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-password-strength-meter.json"},{"name":"ds-phone-input","title":"Phone Input","description":"Phone input field with country code selection and flags.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-phone-input.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-phone-input.json"},{"name":"ds-pie-chart","title":"Pie Chart","description":"A responsive pie and donut chart with interactive center label, legend, and outer slice labels.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-pie-chart.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pie-chart.json"},{"name":"ds-pill-group","title":"Pill Group","description":"A horizontal filter bar with pill-shaped toggle buttons, item counts, per-item intent colors, icon support, and automatic scroll overflow with fade indicators.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-pill-group.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pill-group.json"},{"name":"ds-press-wall","title":"PressWall","description":"Mural de menções na imprensa, veículos de mídia e notícias institucionais.","type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-press-wall.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-press-wall.json"},{"name":"ds-pricing-calculator","title":null,"description":null,"type":"registry:ui","source_url":"https://ds.lema.ufpb.br/r/ds-pricing-calculator.json","install_command":"npx shadcn@latest add https://ds.lema.ufpb.br/r/ds-pricing-calculator.json"}]},{"id":"lens-blocks","name":"@lens-blocks","slug":"lens-blocks","description":"Lens Blocks is a beta shadcn/ui registry of social UI components built for the Lens Social Protocol, integrating the official Lens React SDK with wagmi and ConnectKit. Blocks include Account Chooser, Account Hover Card, Collect Post Dialog, Login, Post, Quote Post Dialog, Tip Dialog; components include Account List Item, Audio Player, Follow Button, Link Preview, Login Button, Markdown renderer, Paginated List, Text Editor, and Video Player. Hooks cover authenticated account, login with Viem, reaction toggle, tip actions, and post context. Handles wallet connection, signing, session lifecycle, and optimistic updates out of the box. Use for: building decentralized social features on Lens Protocol without hand-rolling wallet auth and SDK wiring.","author":"iPaulPro","framework":"react","license":"MIT","tags":["audio","auth","blocks","buttons","cards","components","crypto","editor","hooks","media","overlays"],"categories":["Crypto/web3"],"labels":[],"urls":{"website":"https://lensblocks.com","github":"https://github.com/iPaulPro/lens-blocks","registry":"https://lensblocks.com/r/registry.json","source":"https://lensblocks.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/lens-blocks","markdown":"https://sh4dcn.netlify.app/md/lens-blocks.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2'/><rect x='14' y='2' width='8' height='8' rx='1'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2025-12-07T03:12:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://lensblocks.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://lensblocks.com/r/registry.json","install_bun":"bunx shadcn@latest add https://lensblocks.com/r/registry.json","clone":"git clone https://github.com/iPaulPro/lens-blocks.git","clone_degit":"npx degit iPaulPro/lens-blocks","registry_fetch":"curl -s https://lensblocks.com/r/registry.json"},"component_count":24,"components":[{"name":"paginated-list","title":"Paginated List","description":"A reusable paginated list component that fetches and displays items in pages, with support for loading states and end-of-list indicators, based on Paginated an…","type":"registry:component","source_url":"https://lensblocks.com/r/paginated-list.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/paginated-list.json"},{"name":"login-button","title":"Lens Login Button","description":"A button component to initiate the Lens login flow, displaying the lens icon and a call to action.","type":"registry:component","source_url":"https://lensblocks.com/r/login-button.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/login-button.json"},{"name":"utils","title":"Lens Utilities","description":"Utility functions for interacting with Lens Social Protocol, including formatting and data manipulation.","type":"registry:lib","source_url":"https://lensblocks.com/r/utils.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/utils.json"},{"name":"use-authenticated-account","title":"Use Authenticated Lens Account","description":"A hook to get the currently authenticated Lens account using the Lens React SDK.","type":"registry:hook","source_url":"https://lensblocks.com/r/use-authenticated-account.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-authenticated-account.json"},{"name":"use-login-with-viem","title":"Use Lens Login with Viem","description":"A hook to execute login with the Lens React SDK using the Viem library for wallet interaction.","type":"registry:hook","source_url":"https://lensblocks.com/r/use-login-with-viem.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-login-with-viem.json"},{"name":"use-reaction-toggle","title":"Use Reaction Toggle","description":"A hook to toggle reactions (like/unlike) on Lens posts using the Lens React SDK.","type":"registry:hook","source_url":"https://lensblocks.com/r/use-reaction-toggle.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-reaction-toggle.json"},{"name":"use-tip-post-action","title":"Use Tip Post Action","description":"A hook for tipping Lens Posts using the Lens React SDK.","type":"registry:hook","source_url":"https://lensblocks.com/r/use-tip-post-action.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-tip-post-action.json"},{"name":"use-tip-account-action","title":"Use Tip Account Action","description":"A hook for tipping Lens Accounts using the Lens React SDK.","type":"registry:hook","source_url":"https://lensblocks.com/r/use-tip-account-action.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-tip-account-action.json"},{"name":"use-post-context","title":"Use Lens Post Context","description":"A hook for state, queries, and operations in a shared Lens post context","type":"registry:hook","source_url":"https://lensblocks.com/r/use-post-context.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/use-post-context.json"},{"name":"post-provider","title":"Lens Post Provider","description":"A provider of a shared Lens post context for state, queries, and operations.","type":"registry:lib","source_url":"https://lensblocks.com/r/post-provider.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/post-provider.json"},{"name":"account-chooser","title":"Lens Account Chooser","description":"A list of available Lens accounts for the user to choose from, with support for pagination.","type":"registry:block","source_url":"https://lensblocks.com/r/account-chooser.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/account-chooser.json"},{"name":"account-list-item","title":"Lens Account List Item","description":"A list item for a Lens account displaying the avatar, name, and handle.","type":"registry:component","source_url":"https://lensblocks.com/r/account-list-item.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/account-list-item.json"},{"name":"audio-player","title":"Lens Audio Player","description":"An audio player component for playing audio attachments in Lens posts.","type":"registry:component","source_url":"https://lensblocks.com/r/audio-player.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/audio-player.json"},{"name":"video-player","title":"Lens Video Player","description":"An video player component for playing video attachments in Lens posts.","type":"registry:component","source_url":"https://lensblocks.com/r/video-player.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/video-player.json"},{"name":"text-editor","title":"Lens Text Editor","description":"A rich text editor component for composing Lens posts using TipTap, with support for mentions.","type":"registry:component","source_url":"https://lensblocks.com/r/text-editor.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/text-editor.json"},{"name":"follow-button","title":"Lens Follow Button","description":"A button component to follow or unfollow a Lens Account, displaying the current follow state.","type":"registry:component","source_url":"https://lensblocks.com/r/follow-button.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/follow-button.json"},{"name":"account-hover-card","title":"Lens Account Hover Card","description":"A hover card that displays Lens account details when hovering over an account name or handle.","type":"registry:block","source_url":"https://lensblocks.com/r/account-hover-card.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/account-hover-card.json"},{"name":"login","title":"Lens Login","description":"A full-featured login flow for Lens Social Protocol that hooks into the Lens React SDK, uses ConnectKit for wallet connections, supports account switching and …","type":"registry:block","source_url":"https://lensblocks.com/r/login.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/login.json"},{"name":"lens-markdown","title":"Lens Markdown","description":"A Markdown renderer for Lens posts and comments, supporting mentions, links, and rich text formatting.","type":"registry:component","source_url":"https://lensblocks.com/r/lens-markdown.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/lens-markdown.json"},{"name":"tip-dialog","title":"Lens Tip Dialog","description":"A dialog component for sending tips to Lens Posts and Accounts, with support for multiple tokens and payment sources.","type":"registry:block","source_url":"https://lensblocks.com/r/tip-dialog.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/tip-dialog.json"},{"name":"quote-dialog","title":"Lens Quote Post Dialog","description":"A dialog component for quoting Lens Posts, allowing users to add their own commentary while sharing the original post.","type":"registry:block","source_url":"https://lensblocks.com/r/quote-dialog.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/quote-dialog.json"},{"name":"collect-dialog","title":"Lens Collect Post Dialog","description":"A dialog component for collecting Lens Posts with support for paid collects.","type":"registry:block","source_url":"https://lensblocks.com/r/collect-dialog.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/collect-dialog.json"},{"name":"link-preview","title":"Link Preview","description":"A component to display a link preview for URLs included in Lens posts, showing the title, description, and image.","type":"registry:component","source_url":"https://lensblocks.com/r/link-preview.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/link-preview.json"},{"name":"post","title":"Lens Post","description":"Displays a post from Lens Social Protocol, including the content, author, attachments, and engagement actions.","type":"registry:block","source_url":"https://lensblocks.com/r/post.json","install_command":"npx shadcn@latest add https://lensblocks.com/r/post.json"}]},{"id":"limeplay","name":"@limeplay","slug":"limeplay","description":"Limeplay is an open-source React UI library for building custom video player interfaces, powered by Shaka Player (Google's adaptive-streaming engine) and distributed as a shadcn/ui-style copy-paste registry. Components cover the full player shell: Controls, Progress/Timeline, Playback, Track selector, Volume, Caption, and more. Designed to replace heavy black-box video player SDKs with composable, Tailwind-styled primitives you own. Install via npx shadcn add @limeplay/video-player. Use for: React projects that need a fully customizable HLS/DASH video player UI that integrates naturally with an existing shadcn/ui design system.","author":"winoffrg","framework":"react","license":"MIT","tags":["audio","auth","cards","components","design-system","forms","hooks","icons","loaders","media"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://limeplay.winoffrg.dev","github":"https://github.com/winoffrg/limeplay","registry":"https://limeplay.winoffrg.dev/r/registry.json","source":"https://limeplay.winoffrg.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/limeplay","markdown":"https://sh4dcn.netlify.app/md/limeplay.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='248.92 245.57 243.13 238.13'><path fill='var(--foreground)' d='M397.568 369.262c27.617.078 52.447-2.298 74.398 18.495 23.415 22.179 19.46 42.881 20.087 71.256l-.338.065c-3.665-2.027-12.027-11.519-15.515-15.004l-42.2-42.3q-17.386-17.186-36.432-32.512m-23.033 23.316c2.551 2.28 4.734 5.153 6.955 7.748q5.166 6.128 10.714 11.914c4.496 4.603 9.257 8.958 13.844 13.474l33.445 32.883c3.942 3.854 23.987 22 25.442 24.88-10.187.33-20.88.323-31.06-.258-17.994-1.025-32.831-8.672-44.752-22.171-12.9-14.607-14.79-31.744-14.856-50.467-.022-5.976-.092-12.04.268-18.003m-82.968-146.672a130 130 0 0 1 9.225-.34c18.421.013 34.481 5.638 47.565 18.9 20.827 21.111 18.957 44.541 18.68 71.783-2.439-2.843-5.093-5.526-7.662-8.254-12.933-13.759-26.76-26.688-40.247-39.898-14.263-13.97-28.241-28.195-42.73-41.935q7.586-.069 15.17-.256m161.313 17.662c3.514.126 7.045-.112 10.561-.144 9.31-.087 18.68-.232 27.983.105-5.955 5.27-11.465 11.148-17.189 16.673l-42.854 41.773c-6.323 6.18-12.487 12.94-19.188 18.68-3.967.852-8.483.507-12.543.502-8.624-.01-17.272-.354-25.89-.096 7.41-8.54 15.532-16.36 23.526-24.345l31.967-31.77q6.211-6.04 12.278-12.227c2.61-2.685 5.315-5.972 8.288-8.237.836-.637 2.051-.755 3.061-.914m-203.541 6.695c9.659 10.217 19.8 19.972 29.645 30.009 15.666 15.969 31.365 32.346 48.503 46.74 3.597 3.022 12.376 8.58 14.531 12.019-13.147.069-26.618.546-39.66-1.34-17.154-2.479-30.895-11.561-41.164-25.434-10.742-14.515-12.2-30.464-12.198-47.948.001-4.588-.323-9.51.343-14.046m78.014 116.444c4.605-.31 9.327-.08 13.948-.075l25.584.02c-19.013 19.47-38.82 38.283-58.421 57.166q-6.565 6.407-12.98 12.966c-2.425 2.45-4.845 5.22-7.62 7.278-5.649.827-11.798.43-17.515.339l-21.382-.221c4.733-5.283 10.086-10.137 15.12-15.137l30.084-29.846 22.484-22.392c3.262-3.232 6.797-7.69 10.698-10.098m160.9-78.485c1.14-.04 2.042-.036 2.952.684 1.386 5.214.558 14.208.538 19.74l-.074 32.96c-17.807-.794-35.786-.642-53.613-.752-2.584-.04-5.187.15-7.77.27a70 70 0 0 0 8.311-2.594c16.945-6.515 32.422-18.069 41.772-33.825 3.158-5.322 5.403-10.85 7.884-16.483M249.32 365.341q29.561-.259 59.121.02c-12.883 4.064-25.515 10.66-35.128 20.269-5.107 4.798-9.766 11.471-13.043 17.616-3.724 6.982-5.44 11.562-10.934 17.663-.274-18.506.001-37.057-.016-55.568m120.035 57.99c1.633 2.12 1.007 53.792 1.009 60.112l-56.072-.041-.742-.183c1.048-1.815 7.844-3.553 10.03-4.529 16.73-7.47 31.393-21.39 39.24-37.922 2.7-5.69 4.321-11.586 6.535-17.437m40.048-177.475c5.68.438 11.456.419 17.153.505q-6.27 1.47-12.115 4.169c-19.414 8.896-31.57 24.434-38.786 44.132q-1.86 5.667-3.206 11.478c-.51-3.507-1.266-6.936-1.606-10.474-1.576-16.383-.933-33.11-.803-49.551l22.7-.069c5.539.01 11.137.202 16.663-.19'/></svg>","preview_image":"https://limeplay.winoffrg.dev/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":287,"open_issues":3,"last_commit":"2026-08-23T10:04:43Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://limeplay.winoffrg.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://limeplay.winoffrg.dev/r/registry.json","clone":"git clone https://github.com/winoffrg/limeplay.git","clone_degit":"npx degit winoffrg/limeplay","registry_fetch":"curl -s https://limeplay.winoffrg.dev/r/registry.json"},"component_count":52,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://limeplay.winoffrg.dev/r/index.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/index.json"},{"name":"error-screen","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/error-screen.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/error-screen.json"},{"name":"fallback-poster","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/fallback-poster.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/fallback-poster.json"},{"name":"mute-control","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/mute-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/mute-control.json"},{"name":"media-provider","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/media-provider.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/media-provider.json"},{"name":"player-layout","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/player-layout.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/player-layout.json"},{"name":"media","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/media.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/media.json"},{"name":"volume-control","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/volume-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-control.json"},{"name":"playback-control","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/playback-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-control.json"},{"name":"picture-in-picture-control","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/picture-in-picture-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/picture-in-picture-control.json"},{"name":"playback-rate","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/playback-rate.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-rate.json"},{"name":"timeline-labels","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/timeline-labels.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-labels.json"},{"name":"timeline-control","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/timeline-control.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-control.json"},{"name":"limeplay-logo","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/limeplay-logo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/limeplay-logo.json"},{"name":"root-container","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/root-container.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/root-container.json"},{"name":"captions","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/captions.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/captions.json"},{"name":"seek-controls","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/seek-controls.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/seek-controls.json"},{"name":"video-player","title":null,"description":"Modern seamless flat video player","type":"registry:block","source_url":"https://limeplay.winoffrg.dev/r/video-player.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/video-player.json"},{"name":"audio-player","title":"Audio Player","description":"Compact audio player with playlist support","type":"registry:block","source_url":"https://limeplay.winoffrg.dev/r/audio-player.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/audio-player.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://limeplay.winoffrg.dev/r/utils.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/utils.json"},{"name":"time","title":null,"description":null,"type":"registry:lib","source_url":"https://limeplay.winoffrg.dev/r/time.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/time.json"},{"name":"use-media","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-media.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-media.json"},{"name":"use-media-session","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-media-session.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-media-session.json"},{"name":"use-volume","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-volume.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-volume.json"},{"name":"use-controls-visibility","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-controls-visibility.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-controls-visibility.json"},{"name":"use-track-events","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-track-events.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-track-events.json"},{"name":"use-timeline","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-timeline.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-timeline.json"},{"name":"use-player","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-player.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-player.json"},{"name":"use-asset","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-asset.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-asset.json"},{"name":"use-playback-source","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-playback-source.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback-source.json"},{"name":"use-interval","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-interval.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-interval.json"},{"name":"use-captions","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-captions.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-captions.json"},{"name":"use-playback-rate","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-playback-rate.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback-rate.json"},{"name":"use-seek","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-seek.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-seek.json"},{"name":"use-playlist","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-playlist.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playlist.json"},{"name":"use-playback","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-playback.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-playback.json"},{"name":"use-picture-in-picture","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-picture-in-picture.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-picture-in-picture.json"},{"name":"use-idle","title":null,"description":null,"type":"registry:hook","source_url":"https://limeplay.winoffrg.dev/r/use-idle.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/use-idle.json"},{"name":"custom-demo-controls","title":null,"description":null,"type":"registry:ui","source_url":"https://limeplay.winoffrg.dev/r/custom-demo-controls.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/custom-demo-controls.json"},{"name":"internal-media","title":null,"description":null,"type":"registry:lib","source_url":"https://limeplay.winoffrg.dev/r/internal-media.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/internal-media.json"},{"name":"error-screen-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/error-screen-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/error-screen-demo.json"},{"name":"fallback-poster-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/fallback-poster-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/fallback-poster-demo.json"},{"name":"playback-state-control-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/playback-state-control-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-state-control-demo.json"},{"name":"picture-in-picture-control-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/picture-in-picture-control-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/picture-in-picture-control-demo.json"},{"name":"volume-slider-control-horizontal-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/volume-slider-control-horizontal-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-slider-control-horizontal-demo.json"},{"name":"volume-slider-control-vertical-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/volume-slider-control-vertical-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-slider-control-vertical-demo.json"},{"name":"volume-state-control-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/volume-state-control-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/volume-state-control-demo.json"},{"name":"timeline-control-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/timeline-control-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-control-demo.json"},{"name":"timeline-labels-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/timeline-labels-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/timeline-labels-demo.json"},{"name":"captions-state-control-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/captions-state-control-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/captions-state-control-demo.json"},{"name":"playback-rate-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/playback-rate-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/playback-rate-demo.json"},{"name":"seek-control-demo","title":null,"description":null,"type":"registry:example","source_url":"https://limeplay.winoffrg.dev/r/seek-control-demo.json","install_command":"npx shadcn@latest add https://limeplay.winoffrg.dev/r/seek-control-demo.json"}]},{"id":"liquefy-ui","name":"@liquefy-ui","slug":"liquefy-ui","description":"Liquid Glass components for React: WebGL edge refraction and pointer-driven springs over accessible Base UI primitives. TypeScript, RSC-ready, with an MCP server.","author":null,"framework":"react","license":null,"tags":["3d","accessibility","animation","buttons","cards","design-system","forms","glassmorphism","hooks","icons","loaders","media","navigation","overlays","tables"],"categories":["Forms"],"labels":[],"urls":{"website":"https://liquefy-ui.com","github":null,"registry":"https://liquefy-ui.com/r/registry.json","source":"https://liquefy-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/liquefy-ui","markdown":"https://sh4dcn.netlify.app/md/liquefy-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='2.8 2.8 58.4 58.4' width='24' height='24'><defs><linearGradient id='liquefy-ui-glass' x1='0.25' y1='0.067' x2='0.75' y2='0.933'><stop offset='0' stop-color='#eef0f1'/><stop offset='0.4' stop-color='#b6b8bc'/><stop offset='1' stop-color='#54555a'/></linearGradient><filter id='liquefy-ui-contact' x='-30%' y='-30%' width='160%' height='160%'><feDropShadow dx='-0.5' dy='1.2' stdDeviation='0.9' flood-color='#0b0b0f' flood-opacity='0.5'/></filter></defs><g transform='rotate(-29 25 26.1)'><rect x='13.25' y='7.3' width='23.5' height='37.6' rx='11.75' fill='url(#liquefy-ui-glass)'/><rect x='13.85' y='7.9' width='22.3' height='36.4' rx='11.15' fill='none' stroke='#ffffff' stroke-opacity='0.65' stroke-width='1.2'/></g><g transform='rotate(-29 39.05 37.9)' filter='url(#liquefy-ui-contact)'><rect x='27.3' y='19.1' width='23.5' height='37.6' rx='11.75' fill='url(#liquefy-ui-glass)'/><rect x='27.9' y='19.7' width='22.3' height='36.4' rx='11.15' fill='none' stroke='#ffffff' stroke-opacity='0.65' stroke-width='1.2'/></g></svg>","preview_image":"https://liquefy-ui.com/brand/liquefy-og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://liquefy-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://liquefy-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://liquefy-ui.com/r/registry.json","registry_fetch":"curl -s https://liquefy-ui.com/r/registry.json"},"component_count":40,"components":[{"name":"liquefy-ui","title":"liquefy-ui base","description":"Design tokens, the glass stylesheet and the Tailwind v4 bridge. Every other item depends on this. Import the installed stylesheet before Tailwind so utilities …","type":"registry:style","source_url":"https://liquefy-ui.com/r/liquefy-ui.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquefy-ui.json"},{"name":"glass-card","title":"GlassCard","description":"A content card with eyebrow, title, description, body and footer slots on the liquid surface.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/glass-card.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/glass-card.json"},{"name":"glass-dock","title":"GlassDock","description":"A macOS-style dock: a glass rail of icon buttons that magnify under the pointer.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/glass-dock.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/glass-dock.json"},{"name":"internal-glyphs","title":"CheckGlyph","description":"The small inline SVG glyphs the components draw for chevrons, checks and status icons.","type":"registry:lib","source_url":"https://liquefy-ui.com/r/internal-glyphs.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/internal-glyphs.json"},{"name":"liquid-accordion","title":"LiquidAccordion","description":"Stacked disclosure panels with real headings and a height-measured open animation.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-accordion.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-accordion.json"},{"name":"liquid-alert","title":"LiquidAlert","description":"An inline status message in four severities, with an optional dismiss button.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-alert.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-alert.json"},{"name":"liquid-avatar","title":"LiquidAvatar","description":"A circular avatar with image, initials and status dot, plus an overlapping group.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-avatar.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-avatar.json"},{"name":"liquid-badge","title":"LiquidBadge","description":"A small count or status pill for hanging off icons and labels.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-badge.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-badge.json"},{"name":"liquid-breadcrumbs","title":"LiquidBreadcrumbs","description":"A trail of links with glyph separators and a current-page marker.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-breadcrumbs.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-breadcrumbs.json"},{"name":"liquid-button","title":"LiquidButton","description":"The primary action control: WebGL rim light, jelly press spring and a loading state.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-button.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-button.json"},{"name":"liquid-checkbox","title":"LiquidCheckbox","description":"A checkbox with a springy tick, indeterminate state and label support.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-checkbox.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-checkbox.json"},{"name":"liquid-chip","title":"LiquidChip","description":"A compact tag that can be selected, tinted and dismissed.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-chip.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-chip.json"},{"name":"liquid-date-picker","title":"LiquidDatePicker","description":"A calendar popover on a field trigger: a roving-tabindex month grid and ISO values.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-date-picker.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-date-picker.json"},{"name":"liquid-dialog","title":"LiquidDialog","description":"A modal on Base UI: trapped focus, inert background and wired-up title and description.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-dialog.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-dialog.json"},{"name":"liquid-divider","title":"LiquidDivider","description":"A hairline rule, horizontal or vertical, with optional inline content.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-divider.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-divider.json"},{"name":"liquid-drawer","title":"LiquidDrawer","description":"A side panel that slides from the left, right or bottom edge, on Base UI Dialog.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-drawer.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-drawer.json"},{"name":"liquid-gauge","title":"LiquidGauge","description":"A ring meter with the reading in its middle, for levels like memory or disk in use.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-gauge.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-gauge.json"},{"name":"liquid-glass","title":"LiquidGlass","description":"The bare material with its optics as props: refraction, frost, veil and bezel.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-glass.json"},{"name":"liquid-icon-button","title":"LiquidIconButton","description":"A square icon-only button that takes its accessible name from a label prop.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-icon-button.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-icon-button.json"},{"name":"liquid-list","title":"LiquidList","description":"A glass list with items, descriptions, leading icons, trailing slots and subheaders.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-list.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-list.json"},{"name":"liquid-menu","title":"LiquidMenu","description":"A dropdown action menu on Base UI: arrow keys, typeahead and collision-aware placement.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-menu.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-menu.json"},{"name":"liquid-pagination","title":"LiquidPagination","description":"A page strip with ellipsis truncation and previous/next controls.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-pagination.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-pagination.json"},{"name":"liquid-progress","title":"LiquidProgress","description":"A determinate progress bar and an indeterminate spinner sharing one accent.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-progress.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-progress.json"},{"name":"liquid-radio","title":"LiquidRadioGroup","description":"A radio group with a springy dot and keyboard-driven selection.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-radio.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-radio.json"},{"name":"liquid-rating","title":"LiquidRating","description":"A star rating that reads and writes a numeric value.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-rating.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-rating.json"},{"name":"liquid-segmented","title":"LiquidSegmented","description":"A segmented control whose glass indicator slides between options.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-segmented.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-segmented.json"},{"name":"liquid-select","title":"LiquidSelect","description":"A listbox dropdown on Base UI: typeahead, focus return and a glass popover.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-select.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-select.json"},{"name":"liquid-skeleton","title":"LiquidSkeleton","description":"A shimmering placeholder block for content that has not arrived.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-skeleton.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-skeleton.json"},{"name":"liquid-slider","title":"LiquidSlider","description":"A range input with a luminous track and a dimensional thumb.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-slider.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-slider.json"},{"name":"liquid-surface","title":"LiquidSurface","description":"The base material every glass component is built on: rim light, refraction and springs.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-surface.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-surface.json"},{"name":"liquid-switch","title":"LiquidSwitch","description":"A toggle whose thumb squashes as it travels.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-switch.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-switch.json"},{"name":"liquid-table","title":"LiquidTableContainer","description":"A composable data table on a glass container, with row hover and selection.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-table.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-table.json"},{"name":"liquid-tabs","title":"LiquidTabs","description":"Composable tabs on Base UI, with a glowing underline that springs between them.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-tabs.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-tabs.json"},{"name":"liquid-text-field","title":"LiquidTextField","description":"A single-line text input with label, hint and invalid state.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-text-field.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-text-field.json"},{"name":"liquid-textarea","title":"LiquidTextArea","description":"A multi-line text input that keeps the field styling of LiquidTextField.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-textarea.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-textarea.json"},{"name":"liquid-toast","title":"LiquidToastProvider","description":"A toast provider and a useLiquidToast hook for transient messages.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-toast.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-toast.json"},{"name":"liquid-tooltip","title":"LiquidTooltip","description":"A glass bubble on hover and focus, positioned by Base UI so it stays on screen.","type":"registry:ui","source_url":"https://liquefy-ui.com/r/liquid-tooltip.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/liquid-tooltip.json"},{"name":"provider","title":"defaultBreakpoints","description":"LiquefyProvider and the config hooks every component reads its tokens from.","type":"registry:lib","source_url":"https://liquefy-ui.com/r/provider.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/provider.json"},{"name":"styles-prop","title":"getLiquefyStyleSheet","description":"The `styles` prop engine: shorthands, token references, breakpoints and state selectors.","type":"registry:lib","source_url":"https://liquefy-ui.com/r/styles-prop.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/styles-prop.json"},{"name":"use-liquid-glass","title":"useLiquidGlass","description":"The hook that wires an element to the WebGL renderer and the motion springs.","type":"registry:hook","source_url":"https://liquefy-ui.com/r/use-liquid-glass.json","install_command":"npx shadcn@latest add https://liquefy-ui.com/r/use-liquid-glass.json"}]},{"id":"liquikit","name":"@liquikit","slug":"liquikit","description":"Liquid glass components for React with physically based refraction that works in Chrome, Safari and Firefox. Built on Base UI.","author":"aggarwal-h","framework":"react","license":"MIT","tags":["auth","buttons","cards","forms","glassmorphism","media","navigation","overlays"],"categories":["Component library (general)"],"labels":["recently-updated"],"urls":{"website":"https://liquikit.dev","github":"https://github.com/aggarwal-h/liquikit","registry":"https://liquikit.dev/r/registry.json","source":"https://liquikit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/liquikit","markdown":"https://sh4dcn.netlify.app/md/liquikit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='var(--foreground)' fill-rule='evenodd' d='M9 0h14a9 9 0 0 1 9 9v14a9 9 0 0 1-9 9H9a9 9 0 0 1-9-9V9a9 9 0 0 1 9-9Zm2 11a5 5 0 0 0 0 10h10a5 5 0 0 0 0-10Z'/></svg>","preview_image":"https://liquikit.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-10-13T12:58:31Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://liquikit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://liquikit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://liquikit.dev/r/registry.json","clone":"git clone https://github.com/aggarwal-h/liquikit.git","clone_degit":"npx degit aggarwal-h/liquikit","registry_fetch":"curl -s https://liquikit.dev/r/registry.json"},"component_count":38,"components":[{"name":"glass","title":"Glass","description":"The refraction engine: lens maps, the SVG filter and the glass surfaces.","type":"registry:lib","source_url":"https://liquikit.dev/r/glass.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/glass.json"},{"name":"core","title":"Core","description":"Shared types and the component styles.","type":"registry:lib","source_url":"https://liquikit.dev/r/core.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/core.json"},{"name":"press","title":"Press","description":"Press feedback shared by the controls.","type":"registry:lib","source_url":"https://liquikit.dev/r/press.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/press.json"},{"name":"popup","title":"Popup","description":"The morphing glass panel behind every popup.","type":"registry:lib","source_url":"https://liquikit.dev/r/popup.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/popup.json"},{"name":"segments","title":"Segments","description":"Helpers shared by the segmented controls.","type":"registry:lib","source_url":"https://liquikit.dev/r/segments.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/segments.json"},{"name":"accordion","title":"Accordion","description":"Sections that open on a spring inside one slab of glass, and a collapsible.","type":"registry:ui","source_url":"https://liquikit.dev/r/accordion.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/accordion.json"},{"name":"alert","title":"Alert","description":"An alert dialog that grows out of a droplet in its own middle.","type":"registry:ui","source_url":"https://liquikit.dev/r/alert.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/alert.json"},{"name":"autocomplete","title":"Autocomplete","description":"A glass field that suggests as you type.","type":"registry:ui","source_url":"https://liquikit.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"A picture or initials in a disc of glass.","type":"registry:ui","source_url":"https://liquikit.dev/r/avatar.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/avatar.json"},{"name":"button","title":"Button","description":"A glass button that swells and lights up under a press.","type":"registry:ui","source_url":"https://liquikit.dev/r/button.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/button.json"},{"name":"checkbox","title":"Checkbox","description":"A small drop of glass that fills with the accent, and a checkbox group.","type":"registry:ui","source_url":"https://liquikit.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/checkbox.json"},{"name":"combobox","title":"Combobox","description":"A glass field with a list that buds off it and reshapes as you type.","type":"registry:ui","source_url":"https://liquikit.dev/r/combobox.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/combobox.json"},{"name":"context-menu","title":"Context Menu","description":"A menu that grows from where the pointer was.","type":"registry:ui","source_url":"https://liquikit.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A panel that grows out of its button and flies home into it.","type":"registry:ui","source_url":"https://liquikit.dev/r/dialog.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/dialog.json"},{"name":"field","title":"Field","description":"Glass text inputs, fields, fieldsets and forms.","type":"registry:ui","source_url":"https://liquikit.dev/r/field.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/field.json"},{"name":"menu","title":"Menu","description":"A menu that pours out of its button like liquid.","type":"registry:ui","source_url":"https://liquikit.dev/r/menu.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/menu.json"},{"name":"menubar","title":"Menubar","description":"A capsule of menu titles whose menus share one panel of glass.","type":"registry:ui","source_url":"https://liquikit.dev/r/menubar.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/menubar.json"},{"name":"meter","title":"Meter","description":"Frosted meter and progress bars.","type":"registry:ui","source_url":"https://liquikit.dev/r/meter.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A navigation bar whose one panel reshapes between titles.","type":"registry:ui","source_url":"https://liquikit.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":"A glass stepper with a scrub area.","type":"registry:ui","source_url":"https://liquikit.dev/r/number-field.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/number-field.json"},{"name":"otp-field","title":"OTP Field","description":"A one-time code input in slots of glass.","type":"registry:ui","source_url":"https://liquikit.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/otp-field.json"},{"name":"popover","title":"Popover","description":"A glass popover that grows out of its trigger.","type":"registry:ui","source_url":"https://liquikit.dev/r/popover.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/popover.json"},{"name":"preview-card","title":"Preview Card","description":"A preview that buds off a link.","type":"registry:ui","source_url":"https://liquikit.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/preview-card.json"},{"name":"radio","title":"Radio","description":"Glass radio buttons in a radio group.","type":"registry:ui","source_url":"https://liquikit.dev/r/radio.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/radio.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrolling area with an overlay scrollbar, and a separator.","type":"registry:ui","source_url":"https://liquikit.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/scroll-area.json"},{"name":"search-field","title":"Search Field","description":"A capsule of glass with a magnifying glass and a clear button.","type":"registry:ui","source_url":"https://liquikit.dev/r/search-field.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/search-field.json"},{"name":"segmented-control","title":"Segmented Control","description":"A pill of liquid glass you can drag between options.","type":"registry:ui","source_url":"https://liquikit.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/segmented-control.json"},{"name":"select","title":"Select","description":"A select whose list grows out of its button.","type":"registry:ui","source_url":"https://liquikit.dev/r/select.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/select.json"},{"name":"sheet","title":"Sheet","description":"A sheet of glass that floats up and can be pulled back down.","type":"registry:ui","source_url":"https://liquikit.dev/r/sheet.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/sheet.json"},{"name":"slider","title":"Slider","description":"A glass knob that turns to liquid as you drag it.","type":"registry:ui","source_url":"https://liquikit.dev/r/slider.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/slider.json"},{"name":"switch","title":"Switch","description":"A switch whose knob lifts into a lens as it slides.","type":"registry:ui","source_url":"https://liquikit.dev/r/switch.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Tabs and a floating tab bar with a lens you can drag.","type":"registry:ui","source_url":"https://liquikit.dev/r/tabs.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/tabs.json"},{"name":"toast","title":"Toast","description":"Notifications that unfold out of a capsule at the top edge.","type":"registry:ui","source_url":"https://liquikit.dev/r/toast.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A glass toggle button.","type":"registry:ui","source_url":"https://liquikit.dev/r/toggle.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggles that merge into one capsule of glass.","type":"registry:ui","source_url":"https://liquikit.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"A capsule of glass holding buttons and separators.","type":"registry:ui","source_url":"https://liquikit.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip that swells out of nothing.","type":"registry:ui","source_url":"https://liquikit.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/tooltip.json"},{"name":"all","title":"All components","description":"Every LiquiKit component.","type":"registry:item","source_url":"https://liquikit.dev/r/all.json","install_command":"npx shadcn@latest add https://liquikit.dev/r/all.json"}]},{"id":"litt","name":"@litt","slug":"litt","description":"Technical precision, lit from above. Controls, overlays, data and agent components on warm stone neutrals, with glass only on what floats. Every token is prefixed litt-, so your app's theme stays untouched.","author":null,"framework":"react","license":null,"tags":["ai","animation","auth","blocks","buttons","cards","charts","dashboard","e-commerce","forms","glassmorphism","icons","loaders","maps","media","mobile","navigation","overlays","tables","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://littmd.vercel.app","github":null,"registry":"https://littmd.vercel.app/r/registry.json","source":"https://littmd.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/litt","markdown":"https://sh4dcn.netlify.app/md/litt.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='var(--foreground)' stroke-width='1.5'><rect x='4.75' y='4.75' width='22.5' height='22.5' rx='4'/><path d='M9.5 9.75h13' stroke-linecap='round'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://littmd.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://littmd.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://littmd.vercel.app/r/registry.json","registry_fetch":"curl -s https://littmd.vercel.app/r/registry.json"},"component_count":166,"components":[{"name":"litt","title":"litt tokens","description":"litt.md's colors, type, space, shape, depth and motion as CSS variables, Tailwind names and the litt-glass, litt-raised, litt-trim, litt-lit and litt-grain cla…","type":"registry:style","source_url":"https://littmd.vercel.app/r/litt.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/litt.json"},{"name":"base-styles","title":"litt base styles","description":"Optional. Loads Geist at 400, 500 and 600 and Geist Mono at 400, and applies litt's page defaults: headings and bold at the title weight, table headers at the …","type":"registry:style","source_url":"https://littmd.vercel.app/r/base-styles.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/base-styles.json"},{"name":"accordion","title":"Accordion","description":"Sections that open in place, split by hairlines: 56px triggers in headings with a chevron that turns half a turn, one section open at a time or several. The he…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/accordion.json"},{"name":"action-bar","title":"Action bar","description":"A glass bar that floats at the bottom of the view while rows or cards are selected: the count in words, the actions as small buttons and Clear. A toolbar with …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/action-bar.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/action-bar.json"},{"name":"activity","title":"Activity block","description":"A studio's activity as one screen: a filter by kind, then the events grouped by day, each one sentence with who and what in the foreground and the time in the …","type":"registry:block","source_url":"https://littmd.vercel.app/r/activity.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/activity.json"},{"name":"agent","title":"Agent block","description":"A chat with an agent as one screen, from the first word to the deploy: the conversation, the thinking, a plan, a run of tool calls, an approval, the answer wit…","type":"registry:block","source_url":"https://littmd.vercel.app/r/agent.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/agent.json"},{"name":"app-shell","title":"App shell","description":"The frame around an app's pages: a 240px sidebar that runs the full height of the page with its links kept in view, and a main area. On a phone the sidebar goe…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/app-shell.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/app-shell.json"},{"name":"avatar","title":"Avatar","description":"A round mark for a person, a client or a company, in three sizes: a photo, or initials on the tint of one of the five data hues, picked from the name so the sa…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/avatar.json"},{"name":"bar-list","title":"Bar list","description":"A ranked list where each row carries a thin bar for its share: top pages, most-used shortcuts, busiest repos. An optional lead, a label, a 4px rail, a mono val…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/bar-list.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/bar-list.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Where a page sits, with a slash between the levels and the current page in the foreground. Past four levels the middle folds into a round ghost button that ope…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/breadcrumb.json"},{"name":"breakdown","title":"Breakdown","description":"One whole split into its parts: a thin split rail with a segment per part in the data hues, then a row per part with its own 4px rail, a label and a mono readi…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/breakdown.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/breakdown.json"},{"name":"button","title":"Button","description":"Roomy and slightly rounded, with the label at the title weight, in primary, secondary and ghost, on the shared control scale. Hover and press are instant and n…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/button.json"},{"name":"callout","title":"Callout","description":"An inline note in the page flow: a tip, a heads-up or a result to act on. A raised surface with a 16px icon, a title, a line of detail, and an optional action …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/callout.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/callout.json"},{"name":"card","title":"Card","description":"A raised surface for one object that links somewhere. A linked card is one real link stretched over the whole card, and hover moves the fill one step, with no …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/card.json"},{"name":"carousel","title":"Carousel","description":"A row of slides that scrolls sideways with the browser's own scrolling, snaps each slide to the start edge and lets the next one peek. The range in words with …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/carousel.json"},{"name":"cart","title":"Cart","description":"The cart as a sheet from the right (a bottom sheet on a phone): lines with a quantity and Remove undone from a toast, and a summary with a free-shipping meter,…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/cart.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/cart.json"},{"name":"case-study","title":"Case study block","description":"One project told as a page: a wide hero image, the facts in a row, the story with its labels in a narrow left column, the series in a carousel, the details in …","type":"registry:block","source_url":"https://littmd.vercel.app/r/case-study.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/case-study.json"},{"name":"chart","title":"Chart","description":"Bar, line and stacked charts in plain SVG, and a meter. The marks are never the accent: the quiet foreground by default, one series at 55% with the current mar…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/chart.json"},{"name":"checkbox","title":"Checkbox and radio","description":"Real checkboxes and radios drawn in the litt look, with the label on the right and the whole row clickable. A group is a fieldset with a legend, and a select-a…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/checkbox.json"},{"name":"code-block","title":"Code block","description":"Code in an answer, a tool's output or a diff: mono on a quiet surface with a 32px header that holds the file name and a Copy button. tsx, ts, jsx and js are hi…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/code-block.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/code-block.json"},{"name":"code-input","title":"Code input","description":"A short one-time code drawn as one cell per character but built as one real field, so paste, one-time-code autofill and screen readers work as in any field. Th…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/code-input.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/code-input.json"},{"name":"cohort-grid","title":"Cohort grid","description":"Retention by signup week as a real table: a row per cohort, a column per period since signup, and in every cell the number in mono with a dot before it in one …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/cohort-grid.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/cohort-grid.json"},{"name":"collection","title":"Collection block","description":"A store's products as a grid: the title and the count, a filter row with what to show and the order, product cards with no buy buttons (two across on a phone),…","type":"registry:block","source_url":"https://littmd.vercel.app/r/collection.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/collection.json"},{"name":"color-picker","title":"Color picker","description":"One color as a hex string: a saturation and brightness area, a hue rail, the hex in mono, an eyedropper where the browser has one, and optional swatches as rad…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/color-picker.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/color-picker.json"},{"name":"combobox","title":"Combobox","description":"Type to find one value, or several, in a long list: a client, a framework, a teammate. The Input's field with the Menu's glass list under it: filtered as you t…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/combobox.json"},{"name":"command-menu","title":"Command menu","description":"Search every page, project and action from the keyboard. The panel drops in over a dimmed canvas and one highlight glides between rows.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/command-menu.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/command-menu.json"},{"name":"composer","title":"Composer","description":"Where the person writes to an agent: a box on surface-1 with the Input's edge, a text field that grows a line at a time to eight rows, file chips, a toolbar fo…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/composer.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/composer.json"},{"name":"context-menu","title":"Context menu","description":"The Menu at the pointer: a right-click, Shift+F10 or a 500ms hold on touch. The same glass, rows, gliding highlight and solid submenus as the Menu, grown from …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/context-menu.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/context-menu.json"},{"name":"dashboard","title":"Dashboard block","description":"A deploy dashboard as one screen: an app shell with a full-height sidebar, four number tiles, a chart of deploys per day and a table of recent deploys with its…","type":"registry:block","source_url":"https://littmd.vercel.app/r/dashboard.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/dashboard.json"},{"name":"date-picker","title":"Date picker","description":"A day or a range from a month calendar, as YYYY-MM-DD strings. A field in the Select trigger's look opens the calendar in a popover, a bottom sheet on a phone,…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/date-picker.json"},{"name":"deployment","title":"Deployment block","description":"One deploy as a screen: its commit and who started it, the status, the facts and a progress rail, then the changed files in a tree beside the build log with a …","type":"registry:block","source_url":"https://littmd.vercel.app/r/deployment.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/deployment.json"},{"name":"details","title":"Details","description":"An information card of labelled facts about one thing, such as a deployment or a client: rows with the labels in one column, or a grid with each label above it…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/details.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/details.json"},{"name":"dialog","title":"Dialog","description":"The one expressive moment. The panel is placed, not thrown: it rises a short distance and settles, and exits are quicker and never bounce.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/dialog.json"},{"name":"dot-plot","title":"Dot plot","description":"A distribution drawn as stacks of dots, mirrored about a center line, so you see where most values fall. With a goal, dots inside it take a data hue and the re…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/dot-plot.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/dot-plot.json"},{"name":"file-drop","title":"File drop","description":"An area to drop files on or choose them from, that turns away the wrong type or size and says why, and rows that show each file uploading on a Progress rail, w…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/file-drop.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/file-drop.json"},{"name":"form","title":"Form","description":"The pieces that turn fields into a page: settings sections, fieldsets, an error summary that takes focus and links to each field, and the action row.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/form.json"},{"name":"funnel","title":"Funnel","description":"How many went on at each step, as rows rather than a trapezoid: a thin 4px rail per step filled to its share of the first, in one data hue, with the label and …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/funnel.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/funnel.json"},{"name":"gauge","title":"Gauge","description":"One value against a range on a semicircle of fine ticks, with the label, the figure and a caption in the opening. The ticks up to the value take the foreground…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/gauge.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/gauge.json"},{"name":"glide","title":"Glide","description":"The highlight that glides from row to row in the Menu and the Command menu.","type":"registry:lib","source_url":"https://littmd.vercel.app/r/glide.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/glide.json"},{"name":"growth","title":"Growth block","description":"Twelve weeks of growth as one screen: sign-ups by source as thin stacked columns with a legend and a week range that filter them, the funnel from visit to paid…","type":"registry:block","source_url":"https://littmd.vercel.app/r/growth.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/growth.json"},{"name":"header","title":"Glass header","description":"A sticky glass bar with a wordmark, a nav and your actions. The page blurs under it as it scrolls, and on a narrow bar the links fold behind a menu button inst…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/header.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/header.json"},{"name":"heatmap","title":"Heatmap","description":"A dot matrix whose depth says how much: usage per day in a month, deploys per day over a year, mail per hour of the week. One data hue in four steps over an em…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/heatmap.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/heatmap.json"},{"name":"hover-card","title":"Hover card","description":"A preview of what a link points at, opened after the pointer rests on it or at once on keyboard focus, and kept while the pointer crosses into it. Floating gla…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/hover-card.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/hover-card.json"},{"name":"icons","title":"Icons","description":"99 solid icons and a status mark on one 16-unit grid: filled shapes with their details cut out, lines at 1.5, four keylines, in the text color.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/icons.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/icons.json"},{"name":"input","title":"Input","description":"A roomy, slightly rounded text field on the 32, 44 and 56 scale, with a label above and a hint or an error below. Focus and error turn the edge on the instant …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/input.json"},{"name":"insights","title":"Insights block","description":"Seven raised panels, one idea each: reply times as a dot plot, shortcuts as a bar list, a mail rule, a voice pad, a deploy timeline, a credits gauge and a heat…","type":"registry:block","source_url":"https://littmd.vercel.app/r/insights.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/insights.json"},{"name":"kbd","title":"Kbd","description":"The key cap for a real shortcut, such as ⌘K or esc. One chip everywhere, in Geist Mono.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/kbd.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/kbd.json"},{"name":"legend","title":"Legend","description":"Toggles which series a chart shows: a wrapping row of buttons, each a 12 by 4px hued rail swatch, the name and an optional mono reading, pressed while its seri…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/legend.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/legend.json"},{"name":"lightbox","title":"Lightbox","description":"One image of a set at the size of the screen, on the canvas, opened from a Media. Opening is the view's expressive moment; arrow keys, Previous and Next or a s…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/lightbox.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/lightbox.json"},{"name":"list","title":"List and cards","description":"Airy project rows and raised cards that arrive in one staggered cascade. Filtering and inserting stay responsive, and hover never moves anything.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/list.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/list.json"},{"name":"list-cover","title":"List cover","description":"The generated cover art used by project rows and cards.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/list-cover.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/list-cover.json"},{"name":"log-view","title":"Log view","description":"A build's or a deploy's output as it arrives, on the code block's surface: numbered, timed lines, warnings and errors in their status color with a mark and a h…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/log-view.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/log-view.json"},{"name":"media","title":"Media","description":"One picture in a frame with a fixed shape, so the page never jumps when it arrives: still surface-2 while it loads, a fade in on the instant tier, and its word…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/media.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/media.json"},{"name":"menu","title":"Menu","description":"A glass dropdown with one highlight that glides from row to row. It grows from its trigger and travels from the side it really opens on.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/menu.json"},{"name":"message","title":"Message","description":"A chat between a person and an agent. The agent's words sit on the page with no bubble, and the person's turn is a raised bubble on the right. MessageText styl…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/message.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/message.json"},{"name":"motion","title":"Motion","description":"The motion engine the components share. Hooks for the instant, responsive and expressive tiers, exits, travel and stagger, and the compact and coarse device si…","type":"registry:lib","source_url":"https://littmd.vercel.app/r/motion.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/motion.json"},{"name":"number-field","title":"Number field","description":"A labelled number with − and + inside the field's end: steps by the arrow keys, a press or a hold, reads what is typed in the page's locale, keeps it between i…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/number-field.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/number-field.json"},{"name":"option-picker","title":"Option picker","description":"One option of a product (a size, a frame, a color) as native radios with a visible legend that names the pick. Words take the segmented track, colors and image…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/option-picker.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/option-picker.json"},{"name":"pad","title":"Pad","description":"Two values set at once on one surface, like a reply's tone against its length. A well with a static dot grid, a round thumb with dashed crosshairs, a dashed ci…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/pad.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/pad.json"},{"name":"pagination","title":"Pagination","description":"Previous and next for a table that shows one page of many. The range comes first, in words and mono, like 21 to 40 of 143. Page numbers show only when the row …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/pagination.json"},{"name":"plan","title":"Plan","description":"An agent's steps for a task, ticked off as it works: the label and a mono count (\"3 of 7\") over a 4px rail in the foreground, then an ordered list of steps, ea…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/plan.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/plan.json"},{"name":"popover","title":"Popover","description":"A floating glass panel for a small form, a share link or a detail card. It grows from its trigger's corner, slides in from the side it really opens on, and fli…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/popover.json"},{"name":"price","title":"Price","description":"One amount at the title weight with tabular figures, formatted from Shopify's MoneyV2 shape (an amount and a currency code) in the page's locale. A sale strike…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/price.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/price.json"},{"name":"product","title":"Product block","description":"One product's page for a store: the pictures beside the details (a carousel on a phone), the title, the price, the options with sold-out picks said in words, t…","type":"registry:block","source_url":"https://littmd.vercel.app/r/product.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/product.json"},{"name":"product-card","title":"Product card","description":"One product in a grid: an inset 4/5 cover, the name and its price (From when the variants differ), as one link to its page. No buy button and no accent. Also t…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/product-card.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/product-card.json"},{"name":"progress","title":"Progress","description":"A thin rail for work that is happening now, such as an upload or an import. It fills on the instant tier, ends done or failed in words, and with no value yet s…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/progress.json"},{"name":"projects","title":"Projects block","description":"A studio's projects as one screen: a title with the count, a toolbar with the status filters, a search, a list or grid switch and New project, then the rows or…","type":"registry:block","source_url":"https://littmd.vercel.app/r/projects.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/projects.json"},{"name":"resizable","title":"Resizable","description":"Panels side by side or stacked, with a hairline between each two that follows the pointer one to one. Each panel keeps between its smallest and largest size, t…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/resizable.json"},{"name":"rolling-number","title":"Rolling number","description":"A figure whose changed digits roll to the new value: each leaves half of the travel token and fades as the new one comes in from the other side, on the respons…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/rolling-number.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/rolling-number.json"},{"name":"scroll-area","title":"Scroll area","description":"A region that scrolls inside the page: native scrolling with litt's 6px thumb, shown while it scrolls or a mouse is over it, and a hairline on any edge with mo…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/scroll-area.json"},{"name":"segmented","title":"Segmented control","description":"A short choice of two to five options in one track. The selected surface glides to your pick, and the control is built from native radios, so the arrow keys wo…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/segmented.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/segmented.json"},{"name":"select","title":"Select","description":"One value from a short list. The trigger looks like the input, and the list is the menu's glass panel with 44px rows, a gliding highlight and a check on the cu…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/select.json"},{"name":"settings","title":"Settings block","description":"An account's settings as one screen: the profile, the notifications and the appearance, Save and Cancel, and deleting the studio apart behind a slide to confir…","type":"registry:block","source_url":"https://littmd.vercel.app/r/settings.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/settings.json"},{"name":"shopify","title":"Shopify","description":"litt's commerce parts on a Shopify store: a small Storefront API client pinned to one version, getProduct, getProducts and getCollection that return litt's Pro…","type":"registry:lib","source_url":"https://littmd.vercel.app/r/shopify.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/shopify.json"},{"name":"shopify-cart","title":"Shopify cart","description":"A cart kept in Shopify: ShopifyCart near the root and useShopifyCart() anywhere under it, with the same CartState as useCartState, so Cart, CartButton and AddT…","type":"registry:lib","source_url":"https://littmd.vercel.app/r/shopify-cart.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/shopify-cart.json"},{"name":"sign-in","title":"Sign in block","description":"The page before the app: the wordmark, one left-aligned column with email, password, Sign in and a second way in, and a quiet column of what is new on a wide s…","type":"registry:block","source_url":"https://littmd.vercel.app/r/sign-in.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/sign-in.json"},{"name":"slide-confirm","title":"Slide to confirm","description":"A deliberate yes to something that cannot be undone: the segmented control's track and a raised thumb to slide to the end. The thumb follows the finger one to …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/slide-confirm.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/slide-confirm.json"},{"name":"slider","title":"Slider","description":"A value on a range, such as an animation speed, or a span with two thumbs, such as builds that took 20s to 80s. A thin rail, a foreground range and round thumb…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/slider.json"},{"name":"sparkline","title":"Sparkline","description":"A trend in one thin line, with no axes, gridlines or labels: a 2px line in the foreground or a data hue, a dot on the latest value and an optional dashed basel…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/sparkline.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/sparkline.json"},{"name":"spread","title":"Spread","description":"How values spread, one thin rail per row on a shared scale: the full range faint, the middle half in a data hue, the median as a tick and in mono at the end. B…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/spread.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/spread.json"},{"name":"stat","title":"Stat","description":"A number tile for one figure: a small label, the value large in the sans with tabular numbers, and an optional change in words. Green and red are for good and …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/stat.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/stat.json"},{"name":"states","title":"Empty and loading states","description":"What a view says when it has nothing yet, is waiting or has failed. Empty offers one action, a skeleton keeps the content's exact size, and an error says what …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/states.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/states.json"},{"name":"steps","title":"Steps","description":"Where someone is in a flow of a few steps, in the step marks: a check for done, a half-filled circle for now, an empty circle for what is left. A row, a column…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/steps.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/steps.json"},{"name":"switch","title":"Switch","description":"An on or off setting. A pill track that fills with the foreground color when on, never the accent, and a thumb that slides on the instant tier.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/switch.json"},{"name":"table","title":"Table","description":"A table with real semantics, hairline rows, mono figures and a sticky header. It scrolls inside its own region on a phone, and its rows can arrive in one stagg…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/table.json"},{"name":"table-filter","title":"Table filter","description":"A filter for one column of a Table, in its header: a funnel button that opens the column's values as Menu rows, checkboxes with how many rows each would show, …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/table-filter.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/table-filter.json"},{"name":"tabs","title":"Tabs","description":"Underline or segmented tabs. The indicator slides between tabs, the label only changes color and the panel fades in from the side of the tab you picked.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tabs.json"},{"name":"tag","title":"Tag","description":"A small label at the control radius that names a thing or reports its state. A status tag colors its text, never the fill, and always says the status in words.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/tag.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tag.json"},{"name":"team","title":"Team block","description":"A studio's people as one screen: the seats as a meter, and a table with each person's role to change in place, open invites, when they were last active and a m…","type":"registry:block","source_url":"https://littmd.vercel.app/r/team.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/team.json"},{"name":"thinking","title":"Thinking","description":"The agent's reasoning as a quiet disclosure above its answer: a row with a chevron, \"Thinking\" and a clock that counts whole seconds, never a shimmer, a pulse …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/thinking.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/thinking.json"},{"name":"time-scrubber","title":"Time scrubber","description":"A moment in a run that already happened, found by dragging a ruler of its time under a fixed needle: ticks every step, labelled times, and what happened along …","type":"registry:ui","source_url":"https://littmd.vercel.app/r/time-scrubber.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/time-scrubber.json"},{"name":"timeline","title":"Timeline","description":"The steps of a run in order, such as a deploy: when each started, a status icon on a hairline rail, the label and how long it took, grouped into phases. In a p…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/timeline.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/timeline.json"},{"name":"toast","title":"Toast","description":"Toasts arrive from just below the corner and leave sideways. Older ones stack behind the newest and open into a list on hover or focus.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/toast.json"},{"name":"token-input","title":"Token input","description":"A field that collects short values as removable tokens: recipients, sender domains, tags. Enter, a comma or blur adds what you typed, a pasted list is split, a…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/token-input.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/token-input.json"},{"name":"tool-call","title":"Tool call","description":"What an agent did, one row per call: a status mark (a still half circle while it runs, never a spinner), the action in words, the target in mono cut at the end…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/tool-call.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tool-call.json"},{"name":"tooltip","title":"Tooltip","description":"A small solid label for icons, shortcuts and status. It opens after a short hover or at once on focus, then grows from its trigger.","type":"registry:ui","source_url":"https://littmd.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tooltip.json"},{"name":"tree","title":"Tree","description":"Things inside things, opened a level at a time: a project's files, a docs site's pages. Indented rows with a hairline guide down each level, the selected row i…","type":"registry:ui","source_url":"https://littmd.vercel.app/r/tree.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tree.json"},{"name":"usage","title":"Usage block","description":"A plan's usage as one screen, drawn only in rails: trends under the figures, storage and bandwidth by kind of file, the plan's limits against their budgets and…","type":"registry:block","source_url":"https://littmd.vercel.app/r/usage.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/usage.json"},{"name":"button-demo","title":"Button example","description":"A working button: VariantsDemo, the first demo on its page (https://littmd.vercel.app/#button). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/button-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/button-demo.json"},{"name":"code-input-demo","title":"Code input example","description":"A working code input: VerifyDemo, the first demo on its page (https://littmd.vercel.app/#code-input). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/code-input-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/code-input-demo.json"},{"name":"combobox-demo","title":"Combobox example","description":"A working combobox: NewProjectDemo, the first demo on its page (https://littmd.vercel.app/#combobox). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/combobox-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/combobox-demo.json"},{"name":"date-picker-demo","title":"Date picker example","description":"A working date picker: LaunchDateDemo, the first demo on its page (https://littmd.vercel.app/#date-picker). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/date-picker-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/date-picker-demo.json"},{"name":"file-drop-demo","title":"File drop example","description":"A working file drop: UploadDemo, the first demo on its page (https://littmd.vercel.app/#file-drop). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/file-drop-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/file-drop-demo.json"},{"name":"input-demo","title":"Input example","description":"A working input: StatesDemo, the first demo on its page (https://littmd.vercel.app/#input). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/input-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/input-demo.json"},{"name":"number-field-demo","title":"Number field example","description":"A working number field: SeatsDemo, the first demo on its page (https://littmd.vercel.app/#number-field). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/number-field-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/number-field-demo.json"},{"name":"select-demo","title":"Select example","description":"A working select: AccountFormDemo, the first demo on its page (https://littmd.vercel.app/#select). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/select-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/select-demo.json"},{"name":"token-input-demo","title":"Token input example","description":"A working token input: SendersDemo, the first demo on its page (https://littmd.vercel.app/#token-input). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/token-input-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/token-input-demo.json"},{"name":"checkbox-demo","title":"Checkbox and radio example","description":"A working checkbox and radio: StatesDemo, the first demo on its page (https://littmd.vercel.app/#checkbox). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/checkbox-demo.json"},{"name":"color-picker-demo","title":"Color picker example","description":"A working color picker: BrandColorDemo, the first demo on its page (https://littmd.vercel.app/#color-picker). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/color-picker-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/color-picker-demo.json"},{"name":"pad-demo","title":"Pad example","description":"A working pad: VoiceDemo, the first demo on its page (https://littmd.vercel.app/#pad). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/pad-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/pad-demo.json"},{"name":"slide-confirm-demo","title":"Slide to confirm example","description":"A working slide to confirm: DeleteProjectDemo, the first demo on its page (https://littmd.vercel.app/#slide-confirm). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/slide-confirm-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/slide-confirm-demo.json"},{"name":"slider-demo","title":"Slider example","description":"A working slider: SpeedDemo, the first demo on its page (https://littmd.vercel.app/#slider). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/slider-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/slider-demo.json"},{"name":"switch-demo","title":"Switch example","description":"A working switch: SettingsListDemo, the first demo on its page (https://littmd.vercel.app/#switch). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/switch-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/switch-demo.json"},{"name":"time-scrubber-demo","title":"Time scrubber example","description":"A working time scrubber: ReplayDemo, the first demo on its page (https://littmd.vercel.app/#time-scrubber). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/time-scrubber-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/time-scrubber-demo.json"},{"name":"segmented-demo","title":"Segmented control example","description":"A working segmented control: ThemeDemo, the first demo on its page (https://littmd.vercel.app/#segmented). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/segmented-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/segmented-demo.json"},{"name":"tabs-demo","title":"Tabs example","description":"A working tabs: ProjectTabs, the first demo on its page (https://littmd.vercel.app/#tabs). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/tabs-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tabs-demo.json"},{"name":"tag-demo","title":"Tag example","description":"A working tag: LabelsDemo, the first demo on its page (https://littmd.vercel.app/#tag). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/tag-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tag-demo.json"},{"name":"icons-demo","title":"Icons example","description":"A working icons: KeylinesDemo, the first demo on its page (https://littmd.vercel.app/#icons). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/icons-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/icons-demo.json"},{"name":"kbd-demo","title":"Kbd example","description":"A working kbd: KeysDemo, the first demo on its page (https://littmd.vercel.app/#kbd). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/kbd-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/kbd-demo.json"},{"name":"tooltip-demo","title":"Tooltip example","description":"A working tooltip: Toolbar, the first demo on its page (https://littmd.vercel.app/#tooltip). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tooltip-demo.json"},{"name":"hover-card-demo","title":"Hover card example","description":"A working hover card: PersonDemo, the first demo on its page (https://littmd.vercel.app/#hover-card). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/hover-card-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/hover-card-demo.json"},{"name":"popover-demo","title":"Popover example","description":"A working popover: ShareDemo, the first demo on its page (https://littmd.vercel.app/#popover). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/popover-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/popover-demo.json"},{"name":"context-menu-demo","title":"Context menu example","description":"A working context menu: ProjectRowsDemo, the first demo on its page (https://littmd.vercel.app/#context-menu). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/context-menu-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/context-menu-demo.json"},{"name":"menu-demo","title":"Menu example","description":"A working menu: ProjectMenu, the first demo on its page (https://littmd.vercel.app/#menu). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/menu-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/menu-demo.json"},{"name":"command-menu-demo","title":"Command menu example","description":"A working command menu: OpenDemo, the first demo on its page (https://littmd.vercel.app/#command-menu). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/command-menu-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/command-menu-demo.json"},{"name":"dialog-demo","title":"Dialog example","description":"A working dialog: PublishDemo, the first demo on its page (https://littmd.vercel.app/#dialog). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/dialog-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/dialog-demo.json"},{"name":"toast-demo","title":"Toast example","description":"A working toast: SavedDemo, the first demo on its page (https://littmd.vercel.app/#toast). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/toast-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/toast-demo.json"},{"name":"breadcrumb-demo","title":"Breadcrumb example","description":"A working breadcrumb: SettingsTrailDemo, the first demo on its page (https://littmd.vercel.app/#breadcrumb). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/breadcrumb-demo.json"},{"name":"header-demo","title":"Glass header example","description":"A working glass header: DesktopDemo, the first demo on its page (https://littmd.vercel.app/#header). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/header-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/header-demo.json"},{"name":"steps-demo","title":"Steps example","description":"A working steps: SetupDemo, the first demo on its page (https://littmd.vercel.app/#steps). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/steps-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/steps-demo.json"},{"name":"accordion-demo","title":"Accordion example","description":"A working accordion: StudioQuestionsDemo, the first demo on its page (https://littmd.vercel.app/#accordion). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/accordion-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/accordion-demo.json"},{"name":"avatar-demo","title":"Avatar example","description":"A working avatar: InboxDemo, the first demo on its page (https://littmd.vercel.app/#avatar). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/avatar-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/avatar-demo.json"},{"name":"callout-demo","title":"Callout example","description":"A working callout: TipDemo, the first demo on its page (https://littmd.vercel.app/#callout). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/callout-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/callout-demo.json"},{"name":"card-demo","title":"Card example","description":"A working card: ClientCardsDemo, the first demo on its page (https://littmd.vercel.app/#card). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/card-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/card-demo.json"},{"name":"progress-demo","title":"Progress example","description":"A working progress: UploadDemo, the first demo on its page (https://littmd.vercel.app/#progress). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/progress-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/progress-demo.json"},{"name":"resizable-demo","title":"Resizable example","description":"A working resizable: SplitDemo, the first demo on its page (https://littmd.vercel.app/#resizable). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/resizable-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/resizable-demo.json"},{"name":"scroll-area-demo","title":"Scroll area example","description":"A working scroll area: DeployLogDemo, the first demo on its page (https://littmd.vercel.app/#scroll-area). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/scroll-area-demo.json"},{"name":"tree-demo","title":"Tree example","description":"A working tree: FilesDemo, the first demo on its page (https://littmd.vercel.app/#tree). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/tree-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tree-demo.json"},{"name":"table-demo","title":"Table example","description":"A working table: DeployHistoryDemo, the first demo on its page (https://littmd.vercel.app/#table). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/table-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/table-demo.json"},{"name":"action-bar-demo","title":"Action bar example","description":"A working action bar: SelectDemo, the first demo on its page (https://littmd.vercel.app/#action-bar). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/action-bar-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/action-bar-demo.json"},{"name":"bar-list-demo","title":"Bar list example","description":"A working bar list: ShortcutsDemo, the first demo on its page (https://littmd.vercel.app/#bar-list). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/bar-list-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/bar-list-demo.json"},{"name":"breakdown-demo","title":"Breakdown example","description":"A working breakdown: StorageDemo, the first demo on its page (https://littmd.vercel.app/#breakdown). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/breakdown-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/breakdown-demo.json"},{"name":"cohort-grid-demo","title":"Cohort grid example","description":"A working cohort grid: WeeklyDemo, the first demo on its page (https://littmd.vercel.app/#cohort-grid). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/cohort-grid-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/cohort-grid-demo.json"},{"name":"details-demo","title":"Details example","description":"A working details: DeploymentDemo, the first demo on its page (https://littmd.vercel.app/#details). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/details-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/details-demo.json"},{"name":"dot-plot-demo","title":"Dot plot example","description":"A working dot plot: ReplySpeedDemo, the first demo on its page (https://littmd.vercel.app/#dot-plot). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/dot-plot-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/dot-plot-demo.json"},{"name":"funnel-demo","title":"Funnel example","description":"A working funnel: StoreDemo, the first demo on its page (https://littmd.vercel.app/#funnel). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/funnel-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/funnel-demo.json"},{"name":"gauge-demo","title":"Gauge example","description":"A working gauge: CreditsDemo, the first demo on its page (https://littmd.vercel.app/#gauge). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/gauge-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/gauge-demo.json"},{"name":"heatmap-demo","title":"Heatmap example","description":"A working heatmap: UsageDemo, the first demo on its page (https://littmd.vercel.app/#heatmap). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/heatmap-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/heatmap-demo.json"},{"name":"legend-demo","title":"Legend example","description":"A working legend: ChartDemo, the first demo on its page (https://littmd.vercel.app/#legend). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/legend-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/legend-demo.json"},{"name":"log-view-demo","title":"Log view example","description":"A working log view: BuildDemo, the first demo on its page (https://littmd.vercel.app/#log-view). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/log-view-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/log-view-demo.json"},{"name":"sparkline-demo","title":"Sparkline example","description":"A working sparkline: BesideAFigureDemo, the first demo on its page (https://littmd.vercel.app/#sparkline). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/sparkline-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/sparkline-demo.json"},{"name":"spread-demo","title":"Spread example","description":"A working spread: BuildTimesDemo, the first demo on its page (https://littmd.vercel.app/#spread). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/spread-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/spread-demo.json"},{"name":"timeline-demo","title":"Timeline example","description":"A working timeline: DeployDemo, the first demo on its page (https://littmd.vercel.app/#timeline). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/timeline-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/timeline-demo.json"},{"name":"app-shell-demo","title":"App shell example","description":"A working app shell: ShellDemo, the first demo on its page (https://littmd.vercel.app/#app-shell). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/app-shell-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/app-shell-demo.json"},{"name":"chart-demo","title":"Chart example","description":"A working chart: DeploysDemo, the first demo on its page (https://littmd.vercel.app/#chart). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/chart-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/chart-demo.json"},{"name":"form-demo","title":"Form example","description":"A working form: StartProjectDemo, the first demo on its page (https://littmd.vercel.app/#form). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/form-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/form-demo.json"},{"name":"pagination-demo","title":"Pagination example","description":"A working pagination: DeploysDemo, the first demo on its page (https://littmd.vercel.app/#pagination). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/pagination-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/pagination-demo.json"},{"name":"rolling-number-demo","title":"Rolling number example","description":"A working rolling number: DeploysDemo, the first demo on its page (https://littmd.vercel.app/#rolling-number). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/rolling-number-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/rolling-number-demo.json"},{"name":"stat-demo","title":"Stat example","description":"A working stat: StudioStatsDemo, the first demo on its page (https://littmd.vercel.app/#stat). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/stat-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/stat-demo.json"},{"name":"states-demo","title":"Empty and loading states example","description":"A working empty and loading states: EmptyDemo, the first demo on its page (https://littmd.vercel.app/#states). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/states-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/states-demo.json"},{"name":"code-block-demo","title":"Code block example","description":"A working code block: FilesDemo, the first demo on its page (https://littmd.vercel.app/#code-block). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/code-block-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/code-block-demo.json"},{"name":"composer-demo","title":"Composer example","description":"A working composer: StudioDemo, the first demo on its page (https://littmd.vercel.app/#composer). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/composer-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/composer-demo.json"},{"name":"message-demo","title":"Message example","description":"A working message: ThreadDemo, the first demo on its page (https://littmd.vercel.app/#message). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/message-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/message-demo.json"},{"name":"plan-demo","title":"Plan example","description":"A working plan: MoveDemo, the first demo on its page (https://littmd.vercel.app/#plan). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/plan-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/plan-demo.json"},{"name":"thinking-demo","title":"Thinking example","description":"A working thinking: LiveDemo, the first demo on its page (https://littmd.vercel.app/#thinking). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/thinking-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/thinking-demo.json"},{"name":"tool-call-demo","title":"Tool call example","description":"A working tool call: RunDemo, the first demo on its page (https://littmd.vercel.app/#tool-call). It installs the components it uses.","type":"registry:example","source_url":"https://littmd.vercel.app/r/tool-call-demo.json","install_command":"npx shadcn@latest add https://littmd.vercel.app/r/tool-call-demo.json"}]},{"id":"livedocs","name":"@livedocs","slug":"livedocs","description":"Dashboard-grade charts and UI primitives on semantic tokens: area, line, bar, pie, radar, sankey, KPI cards, meters, plus button, card, badge, input.","author":null,"framework":"react","license":null,"tags":["buttons","cards","charts","dashboard","design-system","forms","hooks"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://livedocs.xyz","github":null,"registry":"https://livedocs.xyz/r/{name}.json","source":"https://livedocs.xyz/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/livedocs","markdown":"https://sh4dcn.netlify.app/md/livedocs.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 48' fill='var(--foreground)'><path d='m18.5002 22.9265 17.2647-9.9611-17.2647-9.9654-17.26515 9.9654z'/><path d='m17.265 25.0653-17.265-9.961v19.9303l17.265 9.9654z'/><path d='m19.7363 25.0652v19.9348l17.2646-9.9654v-19.9304z' opacity='.5'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://livedocs.xyz/r/{name}.json"},"component_count":0,"components":[]},{"id":"lmscn","name":"@lmscn","slug":"lmscn","description":"lmscn is a focused shadcn/ui registry of 10 interactive LMS (learning management system) components built on Tailwind v4, with full TypeScript types, accessibility, and SM-2 spaced-repetition algorithm support. Components: quiz (multi-type with scoring/pass-fail), flashcards (3D flip with self-rating), match (term/definition pairs), fill-blank (cloze exercises), scramble (word unscrambling), order (drag-and-drop sequencing), reading-passage (three-phase comprehension), progress-tracker (gamified XP/streak lesson map), spaced-repetition (SM-2 review session), and hotspot (click-marker diagrams). All components expose onComplete callbacks. MIT licensed. Use for: embedding ready-made interactive learning widgets — quizzes, flashcards, drag-and-drop exercises — directly into an e-learning or edtech product.","author":"SiphoChris","framework":"react","license":null,"tags":["3d","accessibility","auth","cards","components","crypto","gaming","loaders","maps","mobile"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://lmscn.vercel.app","github":"https://github.com/SiphoChris/lmscn","registry":"https://lmscn.vercel.app/r/registry.json","source":"https://lmscn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/lmscn","markdown":"https://sh4dcn.netlify.app/md/lmscn.md"},"logo":"<svg width=\"125\" height=\"125\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 400 90\" fill=\"none\" role=\"img\" aria-label=\"lmscn\"><g transform=\"translate(5,5)\"><path d=\"M 2,2 L 40,2 L 40,13 A 7,7 0 0,1 40,27 L 40,40 L 27,40 A 7,7 0 0,1 13,40 L 2,40 Z\" fill=\"#06b6d4\"/><path d=\"M 40,2 L 78,2 L 78,40 L 67,40 A 7,7 0 0,1 53,40 L 40,40 L 40,27 A 7,7 0 0,0 40,13 L 40,2 Z\" fill=\"#2563eb\"/><path d=\"M 2,40 L 13,40 A 7,7 0 0,0 27,40 L 40,40 L 40,53 A 7,7 0 0,1 40,67 L 40,78 L 2,78 Z\" fill=\"#f59e0b\"/><path d=\"M 40,40 L 53,40 A 7,7 0 0,0 67,40 L 78,40 L 78,78 L 40,78 L 40,67 A 7,7 0 0,0 40,53 L 40,40 Z\" fill=\"#8b5cf6\"/></g><text x=\"108\" y=\"80\" font-family=\"'DM Mono', 'Fira Code', ui-monospace, monospace\" font-weight=\"700\" font-size=\"64\" letter-spacing=\"-2\" fill=\"currentColor\">lmscn</text></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":21,"open_issues":4,"last_commit":"2026-02-27T06:50:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://lmscn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://lmscn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://lmscn.vercel.app/r/registry.json","clone":"git clone https://github.com/SiphoChris/lmscn.git","clone_degit":"npx degit SiphoChris/lmscn","registry_fetch":"curl -s https://lmscn.vercel.app/r/registry.json"},"component_count":10,"components":[{"name":"quiz","title":"Quiz","description":"Multi-type quiz (single-choice, multi-select, true/false) with per-question scoring, progress bar, answer explanations and a pass/fail results screen.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/quiz.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/quiz.json"},{"name":"flashcards","title":"Flashcards","description":"CSS 3-D flip-card deck with optional self-rating (Again / Hard / Good / Easy) and a session summary.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/flashcards.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/flashcards.json"},{"name":"match","title":"Match","description":"Click-to-match term/definition pairs with mistake tracking and animated wrong-answer shake.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/match.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/match.json"},{"name":"fill-blank","title":"Fill in the Blank","description":"Inline blank-filling exercise supporting multiple blanks per sentence, alternative accepted answers and keyboard navigation.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/fill-blank.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/fill-blank.json"},{"name":"scramble","title":"Word Scramble","description":"Letter-tile word unscrambling game with optional image/text clues and a reset button.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/scramble.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/scramble.json"},{"name":"order","title":"Order / Sequence","description":"Drag-and-drop (or ↑↓ keyboard) item-sequencing exercise that reveals the correct order on failure.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/order.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/order.json"},{"name":"reading-passage","title":"Reading Passage","description":"Three-phase reading comprehension: passage view → inline questions → results. Supports plain text or HTML and optional passage-hiding.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/reading-passage.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/reading-passage.json"},{"name":"progress-tracker","title":"Progress Tracker","description":"Gamified zigzag lesson map with XP bar, level badge, daily streak and tooltip-rich lesson nodes.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/progress-tracker.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/progress-tracker.json"},{"name":"spaced-repetition","title":"Spaced Repetition","description":"SM-2 algorithm review session: flip cards, grade with Again/Hard/Good/Easy, computes next interval and ease factor.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/spaced-repetition.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/spaced-repetition.json"},{"name":"hotspot","title":"Image Hotspot","description":"Click labelled markers on a diagram or photo, type the answer in a popover, check all labels at once.","type":"registry:component","source_url":"https://lmscn.vercel.app/r/hotspot.json","install_command":"npx shadcn@latest add https://lmscn.vercel.app/r/hotspot.json"}]},{"id":"loadercn","name":"@loadercn","slug":"loadercn","description":"Animated loaders for React and shadcn/ui. Zero dependencies, pure CSS animation, no Tailwind required. Install with the shadcn CLI or copy one file.","author":null,"framework":"react","license":null,"tags":["animation","loaders","media"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://loadercn.vercel.app","github":null,"registry":"https://loadercn.vercel.app/r/{name}.json","source":"https://loadercn.vercel.app/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/loadercn","markdown":"https://sh4dcn.netlify.app/md/loadercn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground, #0a0a0a)'><rect width='6' height='6'/><rect x='9' width='6' height='6'/><rect x='18' width='6' height='6' fill-opacity='.3'/><rect y='9' width='6' height='6'/><rect x='9' y='9' width='6' height='6'/><rect x='18' y='9' width='6' height='6'/><rect y='18' width='6' height='6' fill-opacity='.3'/><rect x='9' y='18' width='6' height='6'/><rect x='18' y='18' width='6' height='6'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://loadercn.vercel.app/r/{name}.json"},"component_count":0,"components":[]},{"id":"loading-ui","name":"@loading-ui","slug":"loading-ui","description":"Loading UI is a small, focused open-source shadcn/ui registry of spinners, loaders, and loading animations for React and Tailwind CSS apps, from the TurboStarter team. Ships 35+ named variants including Arc, Bars, Bobbing Dots, Classic, Clock Ring, Comet Spinner, Concentric Ring, Dash Ring, Diamond, Dots Ring, Dual Arc, Fade Arc, Infinity, Morphing Infinity, Orbit Ring, Pulsating Dots, Ring, Ripple, Satellite Ring, Skeleton, Spiral, Spokes, Swirling, Terminal, Text Blink, Text Dots, Text Shimmer Wave, Typing, Wandering Eyes, and Wave. Copy-paste and CLI-friendly; no animation framework dependency beyond Tailwind. MIT licensed. Use for: adding polished, intentional loading states to any React/Tailwind project without importing a full design system.","author":"turbostarter","framework":"react","license":"MIT","tags":["accessibility","aesthetic","animation","design-system","loaders","media","retro","text-effects"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://loading-ui.com","github":"https://github.com/turbostarter/loading-ui","registry":"https://loading-ui.com/r/registry.json","source":"https://loading-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/loading-ui","markdown":"https://sh4dcn.netlify.app/md/loading-ui.md"},"logo":"<svg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.0713 5.75875C16.2913 6.53875 15.0212 6.53875 14.2412 5.75875C13.4613 4.97875 13.4613 3.70875 14.2412 2.92875C15.0212 2.14875 16.2913 2.14875 17.0713 2.92875C17.8513 3.70875 17.8513 4.97875 17.0713 5.75875Z' fill='var(--foreground)' fill-opacity='0.3'/><path d='M14.2412 17.0713C13.4612 16.2913 13.4612 15.0212 14.2412 14.2412C15.0212 13.4613 16.2913 13.4613 17.0713 14.2412C17.8512 15.0212 17.8512 16.2913 17.0713 17.0713C16.2913 17.8513 15.0212 17.8513 14.2412 17.0713Z' fill='var(--foreground)' fill-opacity='0.5'/><path d='M10 0C9.46957 0 8.96086 0.210714 8.58579 0.585786C8.21071 0.960859 8 1.46957 8 2C8 2.53043 8.21071 3.03914 8.58579 3.41421C8.96086 3.78929 9.46957 4 10 4C10.5304 4 11.0391 3.78929 11.4142 3.41421C11.7893 3.03914 12 2.53043 12 2C12 1.46957 11.7893 0.960859 11.4142 0.585786C11.0391 0.210714 10.5304 0 10 0Z' fill='var(--foreground)'/><path d='M20 10C20 9.46957 19.7893 8.96086 19.4142 8.58579C19.0391 8.21071 18.5304 8 18 8C17.4696 8 16.9609 8.21071 16.5858 8.58579C16.2107 8.96086 16 9.46957 16 10C16 10.5304 16.2107 11.0391 16.5858 11.4142C16.9609 11.7893 17.4696 12 18 12C18.5304 12 19.0391 11.7893 19.4142 11.4142C19.7893 11.0391 20 10.5304 20 10Z' fill='var(--foreground)' fill-opacity='0.4'/><path d='M5.75875 2.92875C6.53875 3.70875 6.53875 4.97875 5.75875 5.75875C4.97875 6.53875 3.70875 6.53875 2.92875 5.75875C2.14875 4.97875 2.14875 3.70875 2.92875 2.92875C3.70875 2.14875 4.97875 2.14875 5.75875 2.92875Z' fill='var(--foreground)' fill-opacity='0.9'/><path d='M0 10C0 10.5304 0.210714 11.0391 0.585786 11.4142C0.960859 11.7893 1.46957 12 2 12C2.53043 12 3.03914 11.7893 3.41421 11.4142C3.78929 11.0391 4 10.5304 4 10C4 9.46957 3.78929 8.96086 3.41421 8.58579C3.03914 8.21071 2.53043 8 2 8C1.46957 8 0.960859 8.21071 0.585786 8.58579C0.210714 8.96086 0 9.46957 0 10Z' fill='var(--foreground)' fill-opacity='0.8'/><path d='M2.92875 14.2412C3.70875 13.4612 4.97875 13.4612 5.75875 14.2412C6.53875 15.0212 6.53875 16.2913 5.75875 17.0713C4.97875 17.8512 3.70875 17.8512 2.92875 17.0713C2.14875 16.2913 2.14875 15.0212 2.92875 14.2412Z' fill='var(--foreground)' fill-opacity='0.7'/><path d='M10 20C10.5304 20 11.0391 19.7893 11.4142 19.4142C11.7893 19.0391 12 18.5304 12 18C12 17.4696 11.7893 16.9609 11.4142 16.5858C11.0391 16.2107 10.5304 16 10 16C9.46957 16 8.96086 16.2107 8.58579 16.5858C8.21071 16.9609 8 17.4696 8 18C8 18.5304 8.21071 19.0391 8.58579 19.4142C8.96086 19.7893 9.46957 20 10 20Z' fill='var(--foreground)' fill-opacity='0.6'/></svg>","preview_image":"https://www.loading-ui.com/images/banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":520,"open_issues":0,"last_commit":"2026-10-03T18:00:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://loading-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://loading-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://loading-ui.com/r/registry.json","clone":"git clone https://github.com/turbostarter/loading-ui.git","clone_degit":"npx degit turbostarter/loading-ui","registry_fetch":"curl -s https://loading-ui.com/r/registry.json"},"component_count":50,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://loading-ui.com/r/index.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://loading-ui.com/r/style.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/style.json"},{"name":"ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/ring.json"},{"name":"spokes","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/spokes.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/spokes.json"},{"name":"classic","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/classic.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/classic.json"},{"name":"dots-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/dots-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dots-ring.json"},{"name":"spiral","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/spiral.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/spiral.json"},{"name":"swirling","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/swirling.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/swirling.json"},{"name":"arc","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/arc.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/arc.json"},{"name":"dual-arc","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/dual-arc.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dual-arc.json"},{"name":"fade-arc","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/fade-arc.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/fade-arc.json"},{"name":"concentric-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/concentric-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/concentric-ring.json"},{"name":"orbit-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/orbit-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/orbit-ring.json"},{"name":"satellite-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/satellite-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/satellite-ring.json"},{"name":"clock-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/clock-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/clock-ring.json"},{"name":"quarter-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/quarter-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/quarter-ring.json"},{"name":"dash-ring","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/dash-ring.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dash-ring.json"},{"name":"comet-spinner","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/comet-spinner.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/comet-spinner.json"},{"name":"pulse","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/pulse.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/pulse.json"},{"name":"ripple","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/ripple.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/ripple.json"},{"name":"pulse-dot","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/pulse-dot.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/pulse-dot.json"},{"name":"dots","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/dots.json"},{"name":"bobbing-dots","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/bobbing-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/bobbing-dots.json"},{"name":"bouncing-dots","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/bouncing-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/bouncing-dots.json"},{"name":"typing","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/typing.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/typing.json"},{"name":"twin-orbit","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/twin-orbit.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/twin-orbit.json"},{"name":"pulsating-dots","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/pulsating-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/pulsating-dots.json"},{"name":"triple-dot-spinner","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/triple-dot-spinner.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/triple-dot-spinner.json"},{"name":"text-shimmer","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-shimmer.json"},{"name":"text-blink","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/text-blink.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-blink.json"},{"name":"text-dots","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/text-dots.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-dots.json"},{"name":"text-shimmer-wave","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/text-shimmer-wave.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/text-shimmer-wave.json"},{"name":"morphing-infinity","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/morphing-infinity.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/morphing-infinity.json"},{"name":"infinity","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/infinity.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/infinity.json"},{"name":"accordion-loader","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/accordion-loader.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/accordion-loader.json"},{"name":"symmetric-wave","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/symmetric-wave.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/symmetric-wave.json"},{"name":"square-grid","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/square-grid.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/square-grid.json"},{"name":"square-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/square-accordion.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/square-accordion.json"},{"name":"conveyor-loop","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/conveyor-loop.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/conveyor-loop.json"},{"name":"square-snake","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/square-snake.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/square-snake.json"},{"name":"infinity-square-snake","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/infinity-square-snake.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/infinity-square-snake.json"},{"name":"infinity-track","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/infinity-track.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/infinity-track.json"},{"name":"diamond","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/diamond.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/diamond.json"},{"name":"wave","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/wave.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/wave.json"},{"name":"bars","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/bars.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/bars.json"},{"name":"analyzing-image","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/analyzing-image.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/analyzing-image.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/skeleton.json"},{"name":"terminal","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/terminal.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/terminal.json"},{"name":"wandering-eyes","title":null,"description":null,"type":"registry:component","source_url":"https://loading-ui.com/r/wandering-eyes.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/wandering-eyes.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://loading-ui.com/r/utils.json","install_command":"npx shadcn@latest add https://loading-ui.com/r/utils.json"}]},{"id":"localmode","name":"@localmode","slug":"localmode","description":"Local-first, offline AI UI primitives + blocks - run ML models (chat, RAG, vision, audio) entirely in the browser. No servers, no API keys.","author":"LocalMode-AI","framework":"react","license":"MIT","tags":["ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","design-system","developer-tools","editor","forms","hooks","loaders","media","mobile","overlays","tables"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://localmode.ai","github":"https://github.com/LocalMode-AI/LocalMode","registry":"https://localmode.ai/r/registry.json","source":"https://localmode.ai/r/registry.json","page":"https://sh4dcn.netlify.app/registry/localmode","markdown":"https://sh4dcn.netlify.app/md/localmode.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m2 2 20 20'/><path d='M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193'/><path d='M21.532 16.5A4.5 4.5 0 0 0 17.5 10h-1.79A7.008 7.008 0 0 0 10 5.07'/></svg>","preview_image":"https://localmode.ai/og-default.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":64,"open_issues":0,"last_commit":"2026-10-24T08:48:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://localmode.ai/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://localmode.ai/r/registry.json","install_bun":"bunx shadcn@latest add https://localmode.ai/r/registry.json","clone":"git clone https://github.com/LocalMode-AI/LocalMode.git","clone_degit":"npx degit LocalMode-AI/LocalMode","registry_fetch":"curl -s https://localmode.ai/r/registry.json"},"component_count":147,"components":[{"name":"ui/lib/utils","title":"cn() utility","description":"The class-name merge helper (clsx + tailwind-merge) shared by all LocalMode UI components.","type":"registry:lib","source_url":"https://localmode.ai/r/ui/lib/utils.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/lib/utils.json"},{"name":"ui/lib/browser-utils","title":"Browser utilities","description":"Dependency-free browser helpers shared by LocalMode UI components: formatBytes, validateFile, readFileAsDataUrl, downloadBlob, the useObjectUrl hook, and the i…","type":"registry:lib","source_url":"https://localmode.ai/r/ui/lib/browser-utils.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/lib/browser-utils.json"},{"name":"ui/lib/use-environment","title":"Environment hooks","description":"Dependency-free React hooks for browser/device capability detection, storage quota, and online/offline status (useCapabilities, useStorageQuota, useNetworkStat…","type":"registry:lib","source_url":"https://localmode.ai/r/ui/lib/use-environment.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/lib/use-environment.json"},{"name":"ui/local-first/device-badge","title":"Device Badge","description":"A local-first capability badge. Detects WebGPU / WASM / IndexedDB support via a bundled useCapabilities() hook (copy-owned, reads navigator — no @localmode dep…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/device-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/device-badge.json"},{"name":"ui/artifacts/artifact","title":"Artifact","description":"A Claude-style docked side-panel/canvas shell (header, title, description, copy/download/refresh/close toolbar, scrollable content) that renders generated code…","type":"registry:component","source_url":"https://localmode.ai/r/ui/artifacts/artifact.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/artifacts/artifact.json"},{"name":"ui/artifacts/data-table-artifact","title":"Data Table Artifact","description":"A generic sortable data table for local row data — VectorDB results, model catalogs, evaluation rows, or generateObject() arrays. Click a column header to sort…","type":"registry:component","source_url":"https://localmode.ai/r/ui/artifacts/data-table-artifact.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/artifacts/data-table-artifact.json"},{"name":"ui/artifacts/chart-artifact","title":"Chart Artifact","description":"A dependency-free inline-SVG chart (line / bar / area / scatter / radar / gauge) for local metrics — eval curves (precision/recall/F1 radar), 2D embedding proj…","type":"registry:component","source_url":"https://localmode.ai/r/ui/artifacts/chart-artifact.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/artifacts/chart-artifact.json"},{"name":"ui/artifacts/code-diff-viewer","title":"Code Diff Viewer","description":"A unified or side-by-side text/code diff of two local strings (before/after of redacted, translated, or transformed text). Additions/deletions highlighted, com…","type":"registry:component","source_url":"https://localmode.ai/r/ui/artifacts/code-diff-viewer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/artifacts/code-diff-viewer.json"},{"name":"ui/audio/waveform-activity-bars","title":"Waveform Activity Bars","description":"A pure-CSS row of pulsing vertical bars (sinusoid-derived heights, staggered animation) that doubles as an active audio-processing indicator and an idle empty-…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/waveform-activity-bars.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/waveform-activity-bars.json"},{"name":"ui/audio/voice-picker","title":"Voice Picker","description":"Language-grouped TTS voice selection from one KokoroVoice[] contract — a compact grouped <select> (VoicePicker) plus rich VoiceCard / VoiceGrid variants with a…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/voice-picker.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/voice-picker.json"},{"name":"ui/audio/streaming-speech-panel","title":"Streaming Speech Panel","description":"A streaming-TTS status surface: active state (WaveformActivityBars + spinner, synthesizing/playing label, processed-clause count, highlighted now-playing claus…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/streaming-speech-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/streaming-speech-panel.json"},{"name":"ui/audio/voice-comparison-panel","title":"Voice Comparison Panel","description":"A/B voice comparison — two labeled columns, each with a language-grouped voice select (VoicePicker) and a native <audio> player shown once audio is set, a shar…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/voice-comparison-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/voice-comparison-panel.json"},{"name":"ui/audio/transcribed-note-card","title":"Transcribed Note Card","description":"A transcription list item pairing transcript text with inline <audio> playback — relative timestamp (hover -> absolute), transcribed body, and a hover-revealed…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/transcribed-note-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/transcribed-note-card.json"},{"name":"ui/audio/voice-orb","title":"Voice Orb","description":"An animated Canvas 2D voice-agent orb/visualizer that reflects discrete agent states (idle/connecting/listening/thinking/speaking/muted) and pulses with input/…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/voice-orb.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/voice-orb.json"},{"name":"ui/audio/voice-button","title":"Voice Button","description":"A press-to-record / release-to-transcribe push-to-talk button with an explicit visual state machine: idle -> recording (pulse rings + live waveform) -> process…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/voice-button.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/voice-button.json"},{"name":"ui/audio/mic-selector","title":"Mic Selector","description":"A microphone input-device picker with permission handling and live device enumeration — fully offline, using only browser device APIs (getUserMedia for the per…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/mic-selector.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/mic-selector.json"},{"name":"ui/audio/audio-scrub-player","title":"Audio Scrub Player","description":"A composable scrubbable audio player for local Blob/object-URL audio (Kokoro TTS output or recordings) — play/pause, a draggable seek bar, and a time/duration …","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/audio-scrub-player.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/audio-scrub-player.json"},{"name":"ui/audio/synced-transcript-viewer","title":"Synced Transcript Viewer","description":"A karaoke-style transcript viewer that highlights words in lockstep with audio playback using word-level alignment timestamps — the playback-time -> word-index…","type":"registry:component","source_url":"https://localmode.ai/r/ui/audio/synced-transcript-viewer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/audio/synced-transcript-viewer.json"},{"name":"ui/conversation/conversation","title":"Conversation","description":"Scrollable message-display surface with first-class scroll-anchoring: auto-pins to the newest content while tokens stream, releases on scroll-up with a scroll-…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/conversation.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/conversation.json"},{"name":"ui/conversation/message","title":"Message","description":"Role-aware chat message (data-role) rendering string or ContentPart[] — markdown text, image thumbnails with a fullscreen dialog, and file download chips from …","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/message.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/message.json"},{"name":"ui/conversation/response","title":"Response","description":"Streaming markdown renderer for assistant output: shows a cursor while streaming, tolerates partial/unterminated markdown without layout breakage, supports an …","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/response.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/response.json"},{"name":"ui/conversation/loader","title":"Loader","description":"A small family of busy indicators (dots / pulse / typing / spinner) plus a Shimmer skeleton-text variant, shown while a local model warms up or streams its fir…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/loader.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/loader.json"},{"name":"ui/conversation/prompt-input","title":"Prompt Input","description":"Form-based, auto-resizing chat composer: Enter submits, Shift+Enter inserts a newline, the submit control swaps to a stop control while streaming, with optiona…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/prompt-input.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/prompt-input.json"},{"name":"ui/conversation/prompt-input-attachments","title":"Prompt Input Attachments","description":"Attachment surface for the composer: image/file attach via picker, paste, and drag-and-drop with preview thumbnails, per-item removal, a hovercard preview, med…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/prompt-input-attachments.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/prompt-input-attachments.json"},{"name":"ui/conversation/suggestions","title":"Suggestions","description":"A horizontal row of selectable prompt chips; each Suggestion invokes a callback with its text to seed the composer.","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/suggestions.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/suggestions.json"},{"name":"ui/conversation/actions","title":"Actions","description":"Message-level controls — copy (with copied state), regenerate, read-aloud (wire to local Kokoro TTS), an overflow more-menu, and an on-device FeedbackBar (thum…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/actions.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/actions.json"},{"name":"ui/conversation/reasoning","title":"Reasoning","description":"The model's own thinking tokens (DeepSeek-R1 style) in a collapsible region: auto-expands while streaming with an elapsed timer and auto-collapses on the final…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/reasoning.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/reasoning.json"},{"name":"ui/conversation/sources","title":"Sources","description":"Retrieval citations from local RAG results: a collapsible container with favicon/title/excerpt chips, a 0-1 relevance score, and an optional Web/Images/News ta…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/sources.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/sources.json"},{"name":"ui/conversation/tool","title":"Tool","description":"A single tool invocation card with a status taxonomy (pending/running/streaming/completed/error), expandable ToolInput/ToolOutput, a per-tool renderer registry…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/tool.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/tool.json"},{"name":"ui/conversation/task","title":"Task","description":"A multi-step agent process as an ordered list of steps (index, tool, status, args, observation) with the final-answer step distinguished. Its data shape aligns…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/task.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/task.json"},{"name":"ui/conversation/code-block","title":"Code Block","description":"Syntax-highlighted code (lazy Shiki, plain-pre fallback) with a language label and a copy-to-clipboard control.","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/code-block.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/code-block.json"},{"name":"ui/conversation/agent-step-timeline","title":"Agent Step Timeline","description":"A vertical timeline of ReAct agent steps: collapsible per-step cards (color-coded tool badge, args, observation show-more, index, elapsed-ms), a finish final-a…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/agent-step-timeline.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/agent-step-timeline.json"},{"name":"ui/conversation/source-citation-list","title":"Source Citation List","description":"In-message attributed-sources list extending Sources: numbered items, a similarity score with a radial confidence ring, and clamped body text with staggered fa…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/source-citation-list.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/source-citation-list.json"},{"name":"ui/conversation/structured-output-viewer","title":"Structured Output Viewer","description":"A result panel for useGenerateObject extending Response: pretty-printed JSON, an independently-usable inference-stats footer (tokens, duration, attempts), and …","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/structured-output-viewer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/structured-output-viewer.json"},{"name":"ui/conversation/pipeline-tracker","title":"Multi-Step Pipeline Tracker","description":"Progress surfaces for local workflows: a horizontal numbered-step indicator (active/completed/pending), a stage+percentage variant for ingest, a Steps/Plan ver…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/pipeline-tracker.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/pipeline-tracker.json"},{"name":"ui/conversation/branch","title":"Branch","description":"A message-versioning navigator that pages between regenerated/edited assistant variants for one turn, with prev/next controls and an X of N indicator (hidden a…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/branch.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/branch.json"},{"name":"ui/conversation/inline-citation","title":"Inline Citation","description":"Inline superscript citation markers in prose that open a hovercard with the cited local chunk (title, excerpt, quoted snippet), with a carousel paging multiple…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/inline-citation.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/inline-citation.json"},{"name":"ui/conversation/tool-approval","title":"Tool Approval","description":"A human-in-the-loop confirmation card that gates a tool call before execution (pending tool + args with approve/reject), then re-renders read-only as an immuta…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/tool-approval.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/tool-approval.json"},{"name":"ui/conversation/chain-of-thought","title":"Chain of Thought","description":"A structured step-by-step reasoning timeline (distinct from free-text Reasoning): labeled steps with per-step status and icons, and nested slots for embedded r…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/chain-of-thought.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/chain-of-thought.json"},{"name":"ui/conversation/scroll-to-bottom-button","title":"Scroll To Bottom Button","description":"A floating scroll-to-bottom affordance tied to a chat container's scroll state — appears when the user scrolls up, scrolls to and pins the latest content. Pair…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/scroll-to-bottom-button.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/scroll-to-bottom-button.json"},{"name":"ui/conversation/system-notice-banner","title":"System Notice Banner","description":"An in-conversation info/warning banner (not a message bubble) for local-first state changes: offline/online, model switch, capability-unavailable, WebGPU->WASM…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/system-notice-banner.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/system-notice-banner.json"},{"name":"ui/conversation/in-message-error","title":"In-Message Error","description":"An accessible per-message error/retry block rendered inline on a failed assistant message (not a global toast), with auto-extracted error text, a classified hi…","type":"registry:component","source_url":"https://localmode.ai/r/ui/conversation/in-message-error.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/conversation/in-message-error.json"},{"name":"ui/data-documents/file-dropzone","title":"File Dropzone","description":"A generic, format-agnostic drag-and-drop + click-to-browse upload zone for non-image files (PDF/CSV/JSON/vector exports). Validates each file with a bundled va…","type":"registry:component","source_url":"https://localmode.ai/r/ui/data-documents/file-dropzone.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/data-documents/file-dropzone.json"},{"name":"ui/data-documents/indexed-document-card","title":"Indexed Document Card","description":"A card for a single locally-indexed document: truncated filename (native tooltip), chunk count, optional page count and file size, and a hover/focus-revealed d…","type":"registry:component","source_url":"https://localmode.ai/r/ui/data-documents/indexed-document-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/data-documents/indexed-document-card.json"},{"name":"ui/data-documents/format-detection-badge","title":"Format Detection Badge","description":"A small badge displaying an auto-detected data format (PINECONE / CHROMA / CSV / JSONL or custom) with a per-format color map, used to confirm a detected sourc…","type":"registry:component","source_url":"https://localmode.ai/r/ui/data-documents/format-detection-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/data-documents/format-detection-badge.json"},{"name":"ui/data-documents/category-facet-list","title":"Category Facet List","description":"A domain-decoupled, filterable category facet (vertical list or horizontal pills) with per-category count badges, single-select toggle (re-click deselects), an…","type":"registry:component","source_url":"https://localmode.ai/r/ui/data-documents/category-facet-list.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/data-documents/category-facet-list.json"},{"name":"ui/data-documents/chunk-boundary-visualizer","title":"Chunk Boundary Visualizer","description":"Visualizes a document split into distinct chunks: alternating accent-background segments each with a monospace C1/C2 badge; in semantic mode, inter-chunk bound…","type":"registry:component","source_url":"https://localmode.ai/r/ui/data-documents/chunk-boundary-visualizer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/data-documents/chunk-boundary-visualizer.json"},{"name":"ui/input-controls/char-limit-indicator","title":"Char Limit Indicator","description":"A radial progress ring + n/MAX monospace counter that turns error-colored when over the limit, deriving the percentage internally from charCount + maxLength. P…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/char-limit-indicator.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/char-limit-indicator.json"},{"name":"ui/input-controls/mask-token-input","title":"Mask Token Input","description":"A fill-mask / cloze textarea that detects a configurable mask token (default [MASK]), shows an inline highlighted preview of the mask span, a 'detected' vs 'Ad…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/mask-token-input.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/mask-token-input.json"},{"name":"ui/input-controls/segmented-mode-picker","title":"Segmented Mode Picker","description":"A pill toggle for 2–4 mutually-exclusive named modes (ring-bordered container, active item tinted + ringed), plus a typed TabBar variant with disabledTabs gati…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/segmented-mode-picker.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/segmented-mode-picker.json"},{"name":"ui/input-controls/language-pair-selector","title":"Language Pair Selector","description":"A paired source/target language picker — From/To pill toggles with flag + name + a swap button, or a compact {source} → {target} pair of selects. Fully control…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/language-pair-selector.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/language-pair-selector.json"},{"name":"ui/input-controls/text-processing-panel","title":"Text Processing Panel","description":"A two-column (stacked on mobile) single-input → single-output NLP shell: labeled textarea + live word count + optional CharLimitIndicator on the left; a result…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/text-processing-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/text-processing-panel.json"},{"name":"ui/input-controls/parameter-slider","title":"Parameter Slider","description":"An inline range slider with a live value readout for reversible adjustment of a local generation parameter — temperature, top-k, top-p, maxTokens, nGpuLayers, …","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/parameter-slider.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/parameter-slider.json"},{"name":"ui/input-controls/slash-command-palette","title":"Slash Command Palette","description":"A '/'-triggered command palette over a local tool/command list — name, category, description, and icon — to layer onto a PromptInput Tools slot. Purely present…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/slash-command-palette.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/slash-command-palette.json"},{"name":"ui/input-controls/option-list","title":"Option List","description":"An inline multi-choice selection list (shows 5–7 options then paginates) for human-in-the-loop agent inquiries, distinct from quick-reply suggestion chips. The…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/option-list.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/option-list.json"},{"name":"ui/input-controls/prompt-enhance-button","title":"Prompt Enhance Button","description":"A one-click 'enhance my prompt' control that hands the user's draft to a local model (via an onEnhance callback wired to useGenerateText) and applies the rewri…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/prompt-enhance-button.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/prompt-enhance-button.json"},{"name":"ui/input-controls/copy-button","title":"Copy Button","description":"A copy-to-clipboard button that shows a 2-second Copied confirmation, disables itself when there is nothing to copy, and treats an unavailable clipboard (insec…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/copy-button.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/copy-button.json"},{"name":"ui/input-controls/system-prompt-editor","title":"System Prompt Editor","description":"A controlled system-prompt editor (value in, onChange out) with quick-pick presets composed via the OptionList primitive: selecting a preset replaces the texta…","type":"registry:component","source_url":"https://localmode.ai/r/ui/input-controls/system-prompt-editor.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/input-controls/system-prompt-editor.json"},{"name":"ui/local-first/model-downloader","title":"Model Downloader","description":"The headline local-first card a user sees while a model loads on-device: model name, size, context length, category, a live progress bar, and a clear first-tim…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-downloader.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-downloader.json"},{"name":"ui/local-first/model-selector","title":"Model Selector","description":"A device-aware model picker: a list grouped by category, backend filter chips (WebGPU/ONNX/WASM/LiteRT) with live counts, per-model vision/tool-calling/cached …","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-selector.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-selector.json"},{"name":"ui/local-first/capability-gate","title":"Capability Gate","description":"A true gate: renders its children only when the device meets a stated requirement (e.g. requires=\"webgpu\"), otherwise a themed fallback slot with guidance. The…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/capability-gate.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/capability-gate.json"},{"name":"ui/local-first/storage-meter","title":"Storage Meter","description":"Shows origin/IndexedDB storage usage against quota as a meter, with a warning state past a configurable threshold and a graceful unavailable state (estimates a…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/storage-meter.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/storage-meter.json"},{"name":"ui/local-first/network-badge","title":"Network Badge","description":"A reactive online/offline indicator (NetworkBadge) sourced from useNetworkStatus, plus an OfflineReady badge that signals the app's required model is cached on…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/network-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/network-badge.json"},{"name":"ui/local-first/cache-badge","title":"Cache Badge","description":"Annotates a result as served from the semantic cache, optionally with the hit latency (e.g. \"cached · 12ms\"). Drive cached/latencyMs from a useSemanticCache lo…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/cache-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/cache-badge.json"},{"name":"ui/local-first/device-capability-grid","title":"Device Capability Grid","description":"The expanded sibling of DeviceBadge: a full device-capability diagnostic card reading useCapabilities — a stats bar (cores/memory/GPU), a status row per featur…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/device-capability-grid.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/device-capability-grid.json"},{"name":"ui/local-first/browser-compat-card","title":"Browser Compat Card","description":"A per-model runnability report for the current device — the feasibility check you want before a multi-GB download: a pass/fail RAM-headroom bar (model RAM vs d…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/browser-compat-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/browser-compat-card.json"},{"name":"ui/local-first/provider-fallback-badge","title":"Provider Fallback Badge","description":"Surfaces the active AI backend tier — a zero-download built-in (Chrome AI) vs a model-download provider (Transformers.js) — plus a WASM threading variant (Mult…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/provider-fallback-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/provider-fallback-badge.json"},{"name":"ui/local-first/context-usage-meter","title":"Context Usage Meter","description":"A token / context-window budget meter (with composable Context/ContextTrigger/ContextContent/ContextInputUsage/ContextOutputUsage parts) breaking down input/ou…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/context-usage-meter.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/context-usage-meter.json"},{"name":"ui/local-first/model-catalog-card","title":"Model Catalog Card","description":"A rich tile for a single model catalog entry (wllama/webllm/transformers/litert/mediapipe shapes): name, a size badge, description, a metadata chip row (archit…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-catalog-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-catalog-card.json"},{"name":"ui/local-first/model-loading-panel","title":"Model Loading Panel","description":"A full-height \"waiting for model\" splash — the richer blocking sibling of ModelDownloader — combining model metadata (size, context length, category, cached-vs…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-loading-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-loading-panel.json"},{"name":"ui/local-first/model-metadata-card","title":"Model Metadata Card","description":"A structured key-value grid of parsed model metadata (GGUFMetadataCard, with a ModelMetadataCard alias) — architecture, parameter count, quantization, context …","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-metadata-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-metadata-card.json"},{"name":"ui/local-first/model-recommendation-card","title":"Model Recommendation Card","description":"A single scored recommendation: a radial score dial (0–100), the model name, a monospace model id, a badge row (provider, size, speed/quality tiers, recommende…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-recommendation-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-recommendation-card.json"},{"name":"ui/local-first/model-search-browser","title":"Model Search Browser","description":"A cmdk-based searchable model-repo browser: a controlled search input, a sort selector (downloads/likes/last-modified), result rows (repo id, author, compact d…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-search-browser.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-search-browser.json"},{"name":"ui/local-first/model-comparison-panel","title":"Model Comparison Panel","description":"A side-by-side comparison of two scored entries with labeled rows (Score, Size, Speed, Quality, Device, Dimensions) where winning rows are accent-highlighted a…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/model-comparison-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/model-comparison-panel.json"},{"name":"ui/local-first/adaptive-batch-card","title":"Adaptive Batch Card","description":"Surfaces useAdaptiveBatchSize output: a prominent computed optimal batch number, a hardware summary (cores/RAM/GPU), the detection source (detected/estimated/o…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/adaptive-batch-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/adaptive-batch-card.json"},{"name":"ui/local-first/vector-storage-observability","title":"Vector Storage Observability","description":"VectorDB observability complementing StorageMeter (quota): a compression-stats badge (SQ8 ratio + before/after size, e.g. \"4.0x — 15KB→3.7KB\"), a three-tier st…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/vector-storage-observability.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/vector-storage-observability.json"},{"name":"ui/local-first/embedding-drift-banner","title":"Embedding Drift Banner","description":"A warning panel shown when the active embedding model is incompatible with vectors already stored (model changed or dimension mismatch): explains stored vs cur…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/embedding-drift-banner.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/embedding-drift-banner.json"},{"name":"ui/local-first/vector-export-panel","title":"Vector Export Panel","description":"An export surface for vector data — the counterpart to VectorImportFlow: a record/dimension count line, a row per export format (native JSON with vectors, CSV,…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/vector-export-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/vector-export-panel.json"},{"name":"ui/local-first/vector-import-flow","title":"Vector Import Flow","description":"A guarded vector-import flow for useImportExport: a preview panel (detected-format badge, total / with-vectors / text-only counts, detected dimensions, dimensi…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/vector-import-flow.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/vector-import-flow.json"},{"name":"ui/local-first/semantic-cache-status-bar","title":"Semantic Cache Status Bar","description":"A compact toolbar row for useSemanticCache complementing CacheBadge: entry count, hit-rate percentage, an icon-only clear-cache button (when entries > 0), and …","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/semantic-cache-status-bar.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/semantic-cache-status-bar.json"},{"name":"ui/local-first/provider-badge","title":"Provider Badge","description":"Displays the RESOLVED provider identity - composing ProviderFallbackBadge for the tier and name - alongside the model id that actually served the request. Whil…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/provider-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/provider-badge.json"},{"name":"ui/local-first/chrome-ai-download-gate","title":"Chrome AI Download Gate","description":"The gate a user sees when a Chrome Built-in AI capability exists but its on-device model has not been fetched yet. Chrome refuses to start the model download o…","type":"registry:component","source_url":"https://localmode.ai/r/ui/local-first/chrome-ai-download-gate.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/local-first/chrome-ai-download-gate.json"},{"name":"ui/media-vision/media-dropzone","title":"Media Dropzone","description":"A drag-and-drop + click-to-browse image upload zone with idle / drag-over / processing states, accept-list + max-size validation via validateFile, an \"add anot…","type":"registry:component","source_url":"https://localmode.ai/r/ui/media-vision/media-dropzone.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/media-dropzone.json"},{"name":"ui/media-vision/bounding-box-overlay","title":"Bounding Box Overlay","description":"Color-coded detection boxes (with a companion DetectionLabelLegend) positioned over an image as percentage offsets from its natural dimensions, so placement is…","type":"registry:component","source_url":"https://localmode.ai/r/ui/media-vision/bounding-box-overlay.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/bounding-box-overlay.json"},{"name":"ui/media-vision/before-after-image-viewer","title":"Before / After Image Viewer","description":"Compare an original image with a transformed result — a two-panel grid with checkerboard transparency (shipped inline) or a segmented Original / Enhanced toggl…","type":"registry:component","source_url":"https://localmode.ai/r/ui/media-vision/before-after-image-viewer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/before-after-image-viewer.json"},{"name":"ui/media-vision/image-processing-overlay","title":"Image Processing Overlay","description":"A full-bleed overlay over a dimmed source image while vision inference runs — spinner ring + icon + status + optional cancel, plus an animated scan variant (ke…","type":"registry:component","source_url":"https://localmode.ai/r/ui/media-vision/image-processing-overlay.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/image-processing-overlay.json"},{"name":"ui/media-vision/video-canvas","title":"Video Canvas","description":"A mirrored 16:9 webcam surface — a video element with a pixel-aligned transparent canvas overlay for landmark / skeleton drawing, an FPS badge, and a child slo…","type":"registry:component","source_url":"https://localmode.ai/r/ui/media-vision/video-canvas.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/video-canvas.json"},{"name":"ui/media-vision/image-result-gallery","title":"Image Result Gallery","description":"A responsive grid / list of image result cards sharing one data contract — in-flight overlay, hover metadata, confidence score, multi-select, delete, and stagg…","type":"registry:component","source_url":"https://localmode.ai/r/ui/media-vision/image-result-gallery.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/image-result-gallery.json"},{"name":"ui/media-vision/use-webcam","title":"useWebcam","description":"A React hook that owns a getUserMedia video stream: start() acquires (or re-acquires after a denial - the retry path), stop() releases every track, and unmount…","type":"registry:hook","source_url":"https://localmode.ai/r/ui/media-vision/use-webcam.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/media-vision/use-webcam.json"},{"name":"ui/results/confidence-score-badge","title":"Confidence Score Badge","description":"Maps a 0–1 score to a semantic color tier (configurable thresholds; default high ≥ 0.8 success, medium ≥ 0.5 warning, low muted) and renders the formatted perc…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/confidence-score-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/confidence-score-badge.json"},{"name":"ui/results/scored-result-bar-list","title":"Scored Result Bar List","description":"A ranked vertical list of {label, score} pairs — each row shows the label, a confidence percentage (via ConfidenceScoreBadge), and an animated horizontal fill …","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/scored-result-bar-list.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/scored-result-bar-list.json"},{"name":"ui/results/top-result-card","title":"Top Result Card","description":"A hero card highlighting the single winning classification result — large label, prominent radial confidence dial (via ConfidenceScoreBadge), and a tier-tinted…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/top-result-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/top-result-card.json"},{"name":"ui/results/cosine-similarity-meter","title":"Cosine Similarity Meter","description":"A display card showing a cosine similarity (0–1) as a large numeric value with a human-readable bucket label (Very similar … Unrelated) using configurable thre…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/cosine-similarity-meter.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/cosine-similarity-meter.json"},{"name":"ui/results/editable-label-set","title":"Editable Label Set","description":"An editable set of color-cycling removable chips managing a candidate-label list (zero-shot candidate labels or any string-tag collection): hover-reveal remove…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/editable-label-set.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/editable-label-set.json"},{"name":"ui/results/entity-stats-bar","title":"Entity Stats Bar","description":"A horizontal stats bar showing the total detected-entity count plus per-type breakdown badges (PER / LOC / ORG / MISC — colored dot + count + label), computing…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/entity-stats-bar.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/entity-stats-bar.json"},{"name":"ui/results/redacted-text-display","title":"Redacted Text Display","description":"An inline-annotated text renderer interleaving plain text with color-coded redaction tokens (e.g. [PER], [LOC]) styled per entity type with native tooltips, in…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/redacted-text-display.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/redacted-text-display.json"},{"name":"ui/results/evaluation-metrics-dashboard","title":"Evaluation Metrics Dashboard","description":"A composite evaluation dashboard: a KPI/stat-tile row (value + delta), a grid of metric cards (accuracy / precision / recall / F1), a color-coded N×N confusion…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/evaluation-metrics-dashboard.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/evaluation-metrics-dashboard.json"},{"name":"ui/results/entity-relationship-graph","title":"Entity Relationship Graph","description":"An interactive force-directed graph of typed nodes + relationship-labeled edges with drag / zoom / pan / hover / click and SVG/PNG export — for visualizing Vec…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/entity-relationship-graph.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/entity-relationship-graph.json"},{"name":"ui/results/threshold-calibration-panel","title":"Threshold Calibration Panel","description":"A presentational panel for similarity-threshold calibration results: the empirically calibrated threshold shown side-by-side with the model's preset default (o…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/threshold-calibration-panel.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/threshold-calibration-panel.json"},{"name":"ui/results/error-alert","title":"Error Alert","description":"A compact, dismissible error surface with an optional retry action - a role=alert region showing the message, a Retry button (only when onRetry is provided), a…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/error-alert.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/error-alert.json"},{"name":"ui/results/mode-error-boundary","title":"Mode Error Boundary","description":"A React error boundary that isolates a render failure in its subtree: it catches the error, renders a compact recoverable role=alert notice with the message an…","type":"registry:component","source_url":"https://localmode.ai/r/ui/results/mode-error-boundary.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/results/mode-error-boundary.json"},{"name":"ui/security-privacy/password-strength-bar","title":"Password Strength Bar","description":"A presentational password/passphrase strength meter — a themed bar + label driven by a caller-computed 0–100 strength score. The app computes strength (pairs w…","type":"registry:component","source_url":"https://localmode.ai/r/ui/security-privacy/password-strength-bar.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/security-privacy/password-strength-bar.json"},{"name":"ui/security-privacy/differential-privacy-controls","title":"Differential Privacy Controls","description":"A collapsible DP settings panel (enable toggle, epsilon slider with derived High/Balanced/Low label, privacy-budget bar that warns/errors as budget is consumed…","type":"registry:component","source_url":"https://localmode.ai/r/ui/security-privacy/differential-privacy-controls.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/security-privacy/differential-privacy-controls.json"},{"name":"ui/security-privacy/passphrase-gate","title":"Passphrase Gate","description":"A controlled passphrase screen with create and unlock modes: create renders passphrase + confirmation with a minimum-length gate and composes the password-stre…","type":"registry:component","source_url":"https://localmode.ai/r/ui/security-privacy/passphrase-gate.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/security-privacy/passphrase-gate.json"},{"name":"ui/security-privacy/vault-item-card","title":"Vault Item Card","description":"A lock-state-aware card for an encrypted note or text document: locked renders a masked body with disabled actions (no plaintext in the DOM); unlocked renders …","type":"registry:component","source_url":"https://localmode.ai/r/ui/security-privacy/vault-item-card.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/security-privacy/vault-item-card.json"},{"name":"ui/security-privacy/lock-status-badge","title":"Lock Status Badge","description":"A compact session-lock indicator accepting a status of locked, unlocked, or no-vault, with distinct iconography per state and an accessible text label (never c…","type":"registry:component","source_url":"https://localmode.ai/r/ui/security-privacy/lock-status-badge.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/security-privacy/lock-status-badge.json"},{"name":"ui/devtools/inference-queue-monitor","title":"Inference Queue Monitor","description":"Per-queue inference observability: one card per registered queue showing pending, active, completed, failed, and average latency, with a live pulsing badge + e…","type":"registry:component","source_url":"https://localmode.ai/r/ui/devtools/inference-queue-monitor.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/devtools/inference-queue-monitor.json"},{"name":"ui/devtools/event-log-viewer","title":"Event Log Viewer","description":"Newest-first devtools event log: relative timestamps (absolute on hover), namespace-colored type badges (vectordb/embedding/model/queue/pipeline/storage), seri…","type":"registry:component","source_url":"https://localmode.ai/r/ui/devtools/event-log-viewer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/devtools/event-log-viewer.json"},{"name":"ui/devtools/pipeline-run-inspector","title":"Pipeline Run Inspector","description":"Per-run pipeline observability cards: status badge (running pulses on primary, completed emerald, failed destructive), a completed/total progress bar, the curr…","type":"registry:component","source_url":"https://localmode.ai/r/ui/devtools/pipeline-run-inspector.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/devtools/pipeline-run-inspector.json"},{"name":"ui/devtools/model-cache-table","title":"Model Cache Table","description":"Cached-model observability table: model ID (monospace, truncated), status badge (loaded/loading/error), load duration, and relative last-used time per model — …","type":"registry:component","source_url":"https://localmode.ai/r/ui/devtools/model-cache-table.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/devtools/model-cache-table.json"},{"name":"ui/blocks/chat","title":"Chat Block","description":"The flagship on-device chat: a 76-model multi-provider selector (transformers, WebLLM, wllama GGUF, LiteRT) with capability gating, vision attachments, DeepSee…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/chat.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/chat.json"},{"name":"ui/blocks/devtools-drawer","title":"DevTools Drawer Block","description":"A global on-device observability drawer: six tabbed surfaces (inference queues, event log, pipeline runs, model cache, device capabilities, per-collection Vect…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/devtools-drawer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/devtools-drawer.json"},{"name":"ui/blocks/vision/object-detector","title":"Object Detector Block","description":"One-shot DETR (Xenova/detr-resnet-50) object detection on an uploaded image, the bundled sample, or a webcam-captured still — color-coded bounding boxes, a uni…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/vision/object-detector.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/vision/object-detector.json"},{"name":"ui/blocks/vision/live-tracker","title":"Live Tracker Block","description":"Real-time MediaPipe streaming trackers on live webcam video — one 4-mode block: Hands (21-point skeleton + handedness), Pose (33-point skeleton + person count)…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/vision/live-tracker.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/vision/live-tracker.json"},{"name":"ui/blocks/audio/audio-classifier","title":"Audio Classifier Block","description":"MediaPipe YAMNet (521 environmental sound categories) top-8 classification of a microphone recording (MediaRecorder; stop -> automatic classification; recordin…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/audio/audio-classifier.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/audio/audio-classifier.json"},{"name":"ui/blocks/text/language-detector","title":"Language Detector Block","description":"Debounced (400 ms) automatic language detection across 110 languages (up to five candidates with name + ISO code + confidence) that runs once typed text reache…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/text/language-detector.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/text/language-detector.json"},{"name":"ui/blocks/image-studio/background-remover","title":"Background Remover Block","description":"Remove an image's background entirely on-device: SegFormer (Xenova/segformer-b0-finetuned-ade-512-512, ~15MB) segments the subject, the highest-scoring mask is…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/image-studio/background-remover.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/image-studio/background-remover.json"},{"name":"ui/blocks/image-studio/image-enhancer","title":"Image Enhancer Block","description":"Upscale and restore photos with Swin2SR super-resolution running fully in the browser — a 2x lightweight default (Xenova/swin2SR-lightweight-x2-64), plus 4x cl…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/image-studio/image-enhancer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/image-studio/image-enhancer.json"},{"name":"ui/blocks/image-studio/image-captioner","title":"Image Captioner Block","description":"Generate alt-text captions for images with ViT-GPT2 (Xenova/vit-gpt2-image-captioning, ~230MB) entirely on-device, accumulating results in a gallery (caption a…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/image-studio/image-captioner.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/image-studio/image-captioner.json"},{"name":"ui/blocks/privacy/pii-redactor","title":"PII Redactor Block","description":"Detect PII with on-device NER (Xenova/bert-base-NER, BIO prefixes stripped, low-confidence filtered), redact it with reverse-offset [<TYPE>] placeholders honor…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/privacy/pii-redactor.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/privacy/pii-redactor.json"},{"name":"ui/blocks/privacy/encrypted-vault","title":"Encrypted Vault Block","description":"A passphrase-locked, end-to-end encrypted item store driven by useEncryptedVault — AES-GCM ciphertext at rest in IndexedDB, the key derived from the passphrase…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/privacy/encrypted-vault.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/privacy/encrypted-vault.json"},{"name":"ui/blocks/writing-tools/write","title":"Write Block","description":"A draft editor with live length feedback, preset and free-text edit instructions with prompt improvement, and an AI edit reviewed as a before/after diff with e…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/writing-tools/write.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/writing-tools/write.json"},{"name":"ui/blocks/writing-tools/translate","title":"Translate Block","description":"Translate across 24 directed offline Opus-MT language pairs (English-centric, every model id verified) with swap-direction that carries the output into the inp…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/writing-tools/translate.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/writing-tools/translate.json"},{"name":"ui/blocks/writing-tools/summarize","title":"Summarize Block","description":"Summarize a document with extractive and abstractive modes and short/medium/long length presets, rendered in a split pane with input/summary word counts, a com…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/writing-tools/summarize.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/writing-tools/summarize.json"},{"name":"ui/blocks/writing-tools/complete","title":"Complete Block","description":"Fill-mask word prediction via ModernBERT (top-5) with [MASK] authoring, ranked predictions (token, confidence score, confidence label, score bar) and a substit…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/writing-tools/complete.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/writing-tools/complete.json"},{"name":"ui/blocks/text-insights/sentiment-analyzer","title":"Sentiment Analyzer Block","description":"Classify one text or thousands with DistilBERT SST-2 (one item per line, or a .txt/.csv first column) via useSequentialBatch — streaming results in input order…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/text-insights/sentiment-analyzer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/text-insights/sentiment-analyzer.json"},{"name":"ui/blocks/text-insights/text-classifier","title":"Text Classifier Block","description":"Custom-label zero-shot classification with MobileBERT MNLI over a user-editable label set (add trimmed + case-insensitively deduped, remove, live count) with a…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/text-insights/text-classifier.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/text-insights/text-classifier.json"},{"name":"ui/blocks/text-insights/model-evaluator","title":"Model Evaluator Block","description":"Evaluate a selected classifier over a selected labeled dataset via useEvaluateModel, reporting accuracy plus macro precision/recall/F1, run duration, and a col…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/text-insights/model-evaluator.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/text-insights/model-evaluator.json"},{"name":"ui/blocks/text-insights/threshold-calibrator","title":"Threshold Calibrator Block","description":"Calibrate a similarity threshold from corpus embeddings via useCalibrateThreshold at percentile 90, over a selected embedding model and corpus, rendering the c…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/text-insights/threshold-calibrator.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/text-insights/threshold-calibrator.json"},{"name":"ui/blocks/agents/research-agent","title":"Research Agent Block","description":"A tool-using ReAct research agent over its OWN on-device WebGPU-only WebLLM model (default Qwen3-1.7B-q4f16_1-MLC): three block-local tools (search over a bund…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/agents/research-agent.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/agents/research-agent.json"},{"name":"ui/blocks/agents/data-extractor","title":"Data Extractor Block","description":"Schema-validated structured-data extraction from free text over its OWN on-device WebGPU-only WebLLM model (default Qwen3-1.7B-q4f16_1-MLC): five zod templates…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/agents/data-extractor.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/agents/data-extractor.json"},{"name":"ui/blocks/device/device-report","title":"Device Report Block","description":"A zero-download device capability report rendered entirely from browser APIs (useCapabilities / useStorageQuota / useAdaptiveBatchSize): hardware cores/memory/…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/device/device-report.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/device/device-report.json"},{"name":"ui/blocks/device/model-advisor","title":"Model Advisor Block","description":"Ranked on-device model recommendations that compute their OWN device context via useCapabilities and rank useModelRecommendations / getModelRegistry over the i…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/device/model-advisor.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/device/model-advisor.json"},{"name":"ui/blocks/device/gguf-explorer","title":"GGUF Explorer Block","description":"Browse 160,000+ HuggingFace GGUF models and the curated wllama catalog, inspect any file's metadata via a ~4KB HTTP Range read (checkGGUFBrowserCompatFromURL —…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/device/gguf-explorer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/device/gguf-explorer.json"},{"name":"ui/blocks/knowledge/semantic-search","title":"Semantic Search Block","description":"Full text/PDF/OCR ingest into its OWN corpus with off/recursive/semantic chunking and a live chunk-boundary preview, then reranked vector search (over-fetch to…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/knowledge/semantic-search.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/knowledge/semantic-search.json"},{"name":"ui/blocks/knowledge/document-qa","title":"Document QA Block","description":"Extractive question answering (Xenova/distilbert-base-cased-distilled-squad, grounding corpus context via engine.search topK 1, High/Medium/Low confidence tier…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/knowledge/document-qa.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/knowledge/document-qa.json"},{"name":"ui/blocks/knowledge/rag-chat","title":"RAG Chat Block","description":"Streaming grounded RAG over its OWN text/PDF corpus — token-by-token answers through the engine-owned generator (granite-4.0-350M) with [n] markers upgraded to…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/knowledge/rag-chat.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/knowledge/rag-chat.json"},{"name":"ui/blocks/knowledge/vector-data-manager","title":"Vector Data Manager Block","description":"Four-format vector import (Pinecone/ChromaDB/CSV/JSONL + native JSON) with auto format-detection, preview, batched cancellable import and a re-embed toggle for…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/knowledge/vector-data-manager.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/knowledge/vector-data-manager.json"},{"name":"ui/blocks/photo/smart-gallery","title":"Smart Gallery Block","description":"Adaptive, device-aware CLIP photo ingest (streamEmbedManyImages at a computeOptimalBatchSize batch size shown on an adaptive-batch-card) with per-item progress…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/photo/smart-gallery.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/photo/smart-gallery.json"},{"name":"ui/blocks/photo/image-search","title":"Image Search Block","description":"Text→image AND image→image search over one shared CLIP vector space — embed a free-text query or a reference image and rank the ingested photo library with a t…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/photo/image-search.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/photo/image-search.json"},{"name":"ui/blocks/photo/duplicate-finder","title":"Duplicate Finder Block","description":"Union-find near-duplicate detection over cached CLIP image embeddings (no re-embedding) — a tunable threshold slider + Strict/Balanced/Relaxed presets, per-gro…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/photo/duplicate-finder.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/photo/duplicate-finder.json"},{"name":"ui/blocks/photo/photo-categorizer","title":"Photo Categorizer Block","description":"Editable-label-set categorization with Photo/Product presets, on-device library re-categorization with progress + cancel (no re-embedding), and a counted, sing…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/photo/photo-categorizer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/photo/photo-categorizer.json"},{"name":"ui/blocks/audio/voice-notes","title":"Voice Notes Block","description":"Record (push-to-talk from a selectable mic) or upload audio → Whisper/Moonshine transcription → saved notes with synced word-by-word replay (real Whisper segme…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/audio/voice-notes.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/audio/voice-notes.json"},{"name":"ui/blocks/audio/live-transcription","title":"Live Transcription Block","description":"Open-mic streaming speech-to-text (useLiveTranscribe) with VAD-segmented utterances, plus a listen→plan→speak turn-taking assistant (useTurnTaker: Granite 4.0 …","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/audio/live-transcription.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/audio/live-transcription.json"},{"name":"ui/blocks/audio/meeting-assistant","title":"Meeting Assistant Block","description":"Audio upload OR pasted transcript → Transcribe → Summarize (DistilBART, maxLength 200 / minLength 60) → Extract action items (useGenerateObject on Granite 4.0 …","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/audio/meeting-assistant.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/audio/meeting-assistant.json"},{"name":"ui/blocks/audio/voice-explorer","title":"Voice Explorer Block","description":"Browse, search, preview, and A/B-compare all 29 Kokoro voices (grouped by language label; play/stop preview where starting one preview stops the previous; sequ…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/audio/voice-explorer.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/audio/voice-explorer.json"},{"name":"ui/blocks/audio/audiobook-reader","title":"Audiobook Reader Block","description":"Long-text streaming synthesis (useStreamSpeech) with early playback that begins before synthesis completes, a live clause counter + current-clause display, spe…","type":"registry:block","source_url":"https://localmode.ai/r/ui/blocks/audio/audiobook-reader.json","install_command":"npx shadcn@latest add https://localmode.ai/r/ui/blocks/audio/audiobook-reader.json"}]},{"id":"logoforge","name":"@logoforge","slug":"logoforge","description":"900+ brand logos for developers as typed React components with automatic dark mode and mono variants. Includes logo cloud sections and African brands. Free and open source.","author":"terravidhal","framework":"react","license":null,"tags":["accessibility","ai","audio","auth","blocks","cards","charts","e-commerce","icons","mobile","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://logoforge.terravidhal.me","github":"https://github.com/terravidhal/logoforge","registry":"https://logoforge.terravidhal.me/r/registry.json","source":"https://logoforge.terravidhal.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/logoforge","markdown":"https://sh4dcn.netlify.app/md/logoforge.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><path d='M4 6h4.8a1.7 1.7 0 0 1 1.7 1.7v6.3h6.3a1.7 1.7 0 0 1 1.7 1.7v4.6a2.7 2.7 0 0 1-2.7 2.7H4a2.7 2.7 0 0 1-2.7-2.7V8.7A2.7 2.7 0 0 1 4 6z'/><rect x='14.2' y='1.8' width='8' height='8' rx='1.7' transform='rotate(-8 18.2 5.8)'/></svg>","preview_image":"https://cdn.jsdelivr.net/gh/terravidhal/logoforge@a7277c36d4e39dc3a66054f0623a3e9cc0f829d9/og/logoforge.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":59,"open_issues":1,"last_commit":"2026-10-22T14:23:34Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://logoforge.terravidhal.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://logoforge.terravidhal.me/r/registry.json","install_bun":"bunx shadcn@latest add https://logoforge.terravidhal.me/r/registry.json","clone":"git clone https://github.com/terravidhal/logoforge.git","clone_degit":"npx degit terravidhal/logoforge","registry_fetch":"curl -s https://logoforge.terravidhal.me/r/registry.json"},"component_count":250,"components":[{"name":"1password","title":"1Password logo","description":"1Password logo as a typed React component (Logo1password): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/1password.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/1password.json"},{"name":"adobe","title":"Adobe logo","description":"Adobe logo as a typed React component (AdobeLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe.json"},{"name":"adobe-after-effects","title":"Adobe After Effects logo","description":"Adobe After Effects logo as a typed React component (AdobeAfterEffectsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-after-effects.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-after-effects.json"},{"name":"adobe-illustrator","title":"Adobe Illustrator logo","description":"Adobe Illustrator logo as a typed React component (AdobeIllustratorLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-illustrator.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-illustrator.json"},{"name":"adobe-indesign","title":"Adobe InDesign logo","description":"Adobe InDesign logo as a typed React component (AdobeIndesignLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-indesign.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-indesign.json"},{"name":"adobe-lightroom","title":"Adobe Lightroom logo","description":"Adobe Lightroom logo as a typed React component (AdobeLightroomLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-lightroom.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-lightroom.json"},{"name":"adobe-photoshop","title":"Adobe Photoshop logo","description":"Adobe Photoshop logo as a typed React component (AdobePhotoshopLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-photoshop.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-photoshop.json"},{"name":"adobe-premiere","title":"Adobe Premiere logo","description":"Adobe Premiere logo as a typed React component (AdobePremiereLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-premiere.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-premiere.json"},{"name":"adobe-xd","title":"Adobe Xd logo","description":"Adobe Xd logo as a typed React component (AdobeXdLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adobe-xd.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adobe-xd.json"},{"name":"adonisjs","title":"AdonisJS logo","description":"AdonisJS logo as a typed React component (AdonisjsLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adonisjs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adonisjs.json"},{"name":"adyen","title":"Adyen logo","description":"Adyen logo as a typed React component (AdyenLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/adyen.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/adyen.json"},{"name":"affine","title":"AFFiNE logo","description":"AFFiNE logo as a typed React component (AffineLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/affine.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/affine.json"},{"name":"airbnb","title":"Airbnb logo","description":"Airbnb logo as a typed React component (AirbnbLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/airbnb.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/airbnb.json"},{"name":"airbrake","title":"Airbrake logo","description":"Airbrake logo as a typed React component (AirbrakeLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/airbrake.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/airbrake.json"},{"name":"airtable","title":"Airtable logo","description":"Airtable logo as a typed React component (AirtableLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/airtable.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/airtable.json"},{"name":"airtel","title":"Airtel logo","description":"Airtel logo as a typed React component (AirtelLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/airtel.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/airtel.json"},{"name":"akamai","title":"Akamai logo","description":"Akamai logo as a typed React component (AkamaiLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/akamai.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/akamai.json"},{"name":"algolia","title":"Algolia logo","description":"Algolia logo as a typed React component (AlgoliaLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/algolia.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/algolia.json"},{"name":"algorand","title":"Algorand logo","description":"Algorand logo as a typed React component (AlgorandLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/algorand.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/algorand.json"},{"name":"alibaba-cloud","title":"Alibaba Cloud logo","description":"Alibaba Cloud logo as a typed React component (AlibabaCloudLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/alibaba-cloud.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/alibaba-cloud.json"},{"name":"alipay","title":"Alipay logo","description":"Alipay logo as a typed React component (AlipayLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/alipay.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/alipay.json"},{"name":"alpine-linux","title":"Alpine Linux logo","description":"Alpine Linux logo as a typed React component (AlpineLinuxLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/alpine-linux.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/alpine-linux.json"},{"name":"alpinejs","title":"Alpine.js logo","description":"Alpine.js logo as a typed React component (AlpinejsLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/alpinejs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/alpinejs.json"},{"name":"amd","title":"AMD logo","description":"AMD logo as a typed React component (AmdLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/amd.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/amd.json"},{"name":"amex","title":"American Express logo","description":"American Express logo as a typed React component (AmexLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/amex.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/amex.json"},{"name":"amp","title":"AMP logo","description":"AMP logo as a typed React component (AmpLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/amp.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/amp.json"},{"name":"amplitude","title":"Amplitude logo","description":"Amplitude logo as a typed React component (AmplitudeLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/amplitude.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/amplitude.json"},{"name":"analog","title":"Analog logo","description":"Analog logo as a typed React component (AnalogLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/analog.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/analog.json"},{"name":"andela","title":"Andela logo","description":"Andela logo as a typed React component (AndelaLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/andela.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/andela.json"},{"name":"android","title":"Android logo","description":"Android logo as a typed React component (AndroidLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/android.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/android.json"},{"name":"android-studio","title":"Android Studio logo","description":"Android Studio logo as a typed React component (AndroidStudioLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/android-studio.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/android-studio.json"},{"name":"angular","title":"Angular logo","description":"Angular logo as a typed React component (AngularLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/angular.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/angular.json"},{"name":"ansible","title":"Ansible logo","description":"Ansible logo as a typed React component (AnsibleLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/ansible.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/ansible.json"},{"name":"ant-design","title":"Ant Design logo","description":"Ant Design logo as a typed React component (AntDesignLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/ant-design.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/ant-design.json"},{"name":"anthropic","title":"Anthropic logo","description":"Anthropic logo as a typed React component (AnthropicLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/anthropic.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/anthropic.json"},{"name":"antigravity","title":"Antigravity logo","description":"Antigravity logo as a typed React component (AntigravityLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/antigravity.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/antigravity.json"},{"name":"anytype","title":"Anytype logo","description":"Anytype logo as a typed React component (AnytypeLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/anytype.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/anytype.json"},{"name":"apache-http","title":"Apache HTTP Server logo","description":"Apache HTTP Server logo as a typed React component (ApacheHttpLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/apache-http.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/apache-http.json"},{"name":"apache-superset","title":"Superset logo","description":"Superset logo as a typed React component (ApacheSupersetLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/apache-superset.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/apache-superset.json"},{"name":"apidog","title":"Apidog logo","description":"Apidog logo as a typed React component (ApidogLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/apidog.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/apidog.json"},{"name":"apollo-graphql","title":"Apollo GraphQL logo","description":"Apollo GraphQL logo as a typed React component (ApolloGraphqlLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/apollo-graphql.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/apollo-graphql.json"},{"name":"appdynamics","title":"AppDynamics logo","description":"AppDynamics logo as a typed React component (AppdynamicsLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appdynamics.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appdynamics.json"},{"name":"appflowy","title":"AppFlowy logo","description":"AppFlowy logo as a typed React component (AppflowyLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appflowy.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appflowy.json"},{"name":"appium","title":"Appium logo","description":"Appium logo as a typed React component (AppiumLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appium.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appium.json"},{"name":"apple","title":"Apple logo","description":"Apple logo as a typed React component (AppleLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/apple.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/apple.json"},{"name":"apple-pay","title":"Apple Pay logo","description":"Apple Pay logo as a typed React component (ApplePayLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/apple-pay.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/apple-pay.json"},{"name":"applemusic","title":"Apple Music logo","description":"Apple Music logo as a typed React component (ApplemusicLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/applemusic.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/applemusic.json"},{"name":"applitools","title":"Applitools logo","description":"Applitools logo as a typed React component (ApplitoolsLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/applitools.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/applitools.json"},{"name":"appsignal","title":"AppSignal logo","description":"AppSignal logo as a typed React component (AppsignalLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appsignal.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appsignal.json"},{"name":"appstore","title":"App Store logo","description":"App Store logo as a typed React component (AppstoreLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appstore.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appstore.json"},{"name":"appveyor","title":"AppVeyor logo","description":"AppVeyor logo as a typed React component (AppveyorLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appveyor.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appveyor.json"},{"name":"appwrite","title":"Appwrite logo","description":"Appwrite logo as a typed React component (AppwriteLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/appwrite.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/appwrite.json"},{"name":"arangodb","title":"ArangoDB logo","description":"ArangoDB logo as a typed React component (ArangodbLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/arangodb.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/arangodb.json"},{"name":"arc","title":"Arc logo","description":"Arc logo as a typed React component (ArcLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/arc.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/arc.json"},{"name":"archlinux","title":"Arch Linux logo","description":"Arch Linux logo as a typed React component (ArchlinuxLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/archlinux.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/archlinux.json"},{"name":"arduino","title":"Arduino logo","description":"Arduino logo as a typed React component (ArduinoLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/arduino.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/arduino.json"},{"name":"argo","title":"Argo logo","description":"Argo logo as a typed React component (ArgoLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/argo.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/argo.json"},{"name":"arm","title":"Arm logo","description":"Arm logo as a typed React component (ArmLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/arm.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/arm.json"},{"name":"asana","title":"Asana logo","description":"Asana logo as a typed React component (AsanaLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/asana.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/asana.json"},{"name":"assemblyscript","title":"AssemblyScript logo","description":"AssemblyScript logo as a typed React component (AssemblyscriptLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/assemblyscript.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/assemblyscript.json"},{"name":"astro","title":"Astro logo","description":"Astro logo as a typed React component (AstroLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/astro.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/astro.json"},{"name":"atlassian","title":"Atlassian logo","description":"Atlassian logo as a typed React component (AtlassianLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/atlassian.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/atlassian.json"},{"name":"atom","title":"Atom logo","description":"Atom logo as a typed React component (AtomLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/atom.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/atom.json"},{"name":"aurelia","title":"Aurelia logo","description":"Aurelia logo as a typed React component (AureliaLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aurelia.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aurelia.json"},{"name":"auth0","title":"Auth0 logo","description":"Auth0 logo as a typed React component (Auth0Logo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/auth0.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/auth0.json"},{"name":"authentik","title":"Authentik logo","description":"Authentik logo as a typed React component (AuthentikLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/authentik.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/authentik.json"},{"name":"authy","title":"Authy logo","description":"Authy logo as a typed React component (AuthyLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/authy.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/authy.json"},{"name":"ava","title":"Ava logo","description":"Ava logo as a typed React component (AvaLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/ava.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/ava.json"},{"name":"aws","title":"AWS logo","description":"AWS logo as a typed React component (AwsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws.json"},{"name":"aws-amplify","title":"AWS Amplify logo","description":"AWS Amplify logo as a typed React component (AwsAmplifyLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-amplify.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-amplify.json"},{"name":"aws-api-gateway","title":"AWS API Gateway logo","description":"AWS API Gateway logo as a typed React component (AwsApiGatewayLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-api-gateway.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-api-gateway.json"},{"name":"aws-cloudfront","title":"AWS CloudFront logo","description":"AWS CloudFront logo as a typed React component (AwsCloudfrontLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-cloudfront.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-cloudfront.json"},{"name":"aws-cloudwatch","title":"AWS CloudWatch logo","description":"AWS CloudWatch logo as a typed React component (AwsCloudwatchLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-cloudwatch.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-cloudwatch.json"},{"name":"aws-cognito","title":"AWS Cognito logo","description":"AWS Cognito logo as a typed React component (AwsCognitoLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-cognito.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-cognito.json"},{"name":"aws-dynamodb","title":"AWS DynamoDB logo","description":"AWS DynamoDB logo as a typed React component (AwsDynamodbLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-dynamodb.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-dynamodb.json"},{"name":"aws-ec2","title":"AWS EC2 logo","description":"AWS EC2 logo as a typed React component (AwsEc2Logo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-ec2.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-ec2.json"},{"name":"aws-ecs","title":"AWS ECS logo","description":"AWS ECS logo as a typed React component (AwsEcsLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-ecs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-ecs.json"},{"name":"aws-eks","title":"AWS EKS logo","description":"AWS EKS logo as a typed React component (AwsEksLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-eks.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-eks.json"},{"name":"aws-elastic-beanstalk","title":"AWS Elastic Beanstalk logo","description":"AWS Elastic Beanstalk logo as a typed React component (AwsElasticBeanstalkLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-elastic-beanstalk.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-elastic-beanstalk.json"},{"name":"aws-fargate","title":"AWS Fargate logo","description":"AWS Fargate logo as a typed React component (AwsFargateLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-fargate.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-fargate.json"},{"name":"aws-iam","title":"AWS IAM logo","description":"AWS IAM logo as a typed React component (AwsIamLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-iam.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-iam.json"},{"name":"aws-lambda","title":"AWS Lambda logo","description":"AWS Lambda logo as a typed React component (AwsLambdaLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-lambda.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-lambda.json"},{"name":"aws-lightsail","title":"AWS Lightsail logo","description":"AWS Lightsail logo as a typed React component (AwsLightsailLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-lightsail.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-lightsail.json"},{"name":"aws-rds","title":"AWS RDS logo","description":"AWS RDS logo as a typed React component (AwsRdsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-rds.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-rds.json"},{"name":"aws-route53","title":"AWS Route 53 logo","description":"AWS Route 53 logo as a typed React component (AwsRoute53Logo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-route53.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-route53.json"},{"name":"aws-s3","title":"AWS S3 logo","description":"AWS S3 logo as a typed React component (AwsS3Logo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-s3.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-s3.json"},{"name":"aws-sns","title":"AWS SNS logo","description":"AWS SNS logo as a typed React component (AwsSnsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-sns.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-sns.json"},{"name":"aws-sqs","title":"AWS SQS logo","description":"AWS SQS logo as a typed React component (AwsSqsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/aws-sqs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/aws-sqs.json"},{"name":"axios","title":"Axios logo","description":"Axios logo as a typed React component (AxiosLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/axios.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/axios.json"},{"name":"babel","title":"Babel logo","description":"Babel logo as a typed React component (BabelLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/babel.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/babel.json"},{"name":"babylonjs","title":"Babylon.js logo","description":"Babylon.js logo as a typed React component (BabylonjsLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/babylonjs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/babylonjs.json"},{"name":"backblaze","title":"Backblaze logo","description":"Backblaze logo as a typed React component (BackblazeLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/backblaze.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/backblaze.json"},{"name":"backbone","title":"Backbone logo","description":"Backbone logo as a typed React component (BackboneLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/backbone.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/backbone.json"},{"name":"bamboo","title":"Bamboo logo","description":"Bamboo logo as a typed React component (BambooLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bamboo.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bamboo.json"},{"name":"base-ui","title":"Base UI logo","description":"Base UI logo as a typed React component (BaseUiLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/base-ui.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/base-ui.json"},{"name":"basecamp","title":"Basecamp logo","description":"Basecamp logo as a typed React component (BasecampLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/basecamp.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/basecamp.json"},{"name":"bash","title":"Bash logo","description":"Bash logo as a typed React component (BashLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bash.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bash.json"},{"name":"behance","title":"Behance logo","description":"Behance logo as a typed React component (BehanceLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/behance.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/behance.json"},{"name":"bento","title":"Bento logo","description":"Bento logo as a typed React component (BentoLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bento.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bento.json"},{"name":"better-auth","title":"Better Auth logo","description":"Better Auth logo as a typed React component (BetterAuthLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/better-auth.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/better-auth.json"},{"name":"better-stack","title":"Better Stack logo","description":"Better Stack logo as a typed React component (BetterStackLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/better-stack.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/better-stack.json"},{"name":"bigcommerce","title":"BigCommerce logo","description":"BigCommerce logo as a typed React component (BigcommerceLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bigcommerce.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bigcommerce.json"},{"name":"binance","title":"Binance logo","description":"Binance logo as a typed React component (BinanceLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/binance.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/binance.json"},{"name":"biomejs","title":"Biome logo","description":"Biome logo as a typed React component (BiomejsLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/biomejs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/biomejs.json"},{"name":"bitbucket","title":"Bitbucket logo","description":"Bitbucket logo as a typed React component (BitbucketLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bitbucket.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bitbucket.json"},{"name":"bitcoin","title":"Bitcoin logo","description":"Bitcoin logo as a typed React component (BitcoinLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bitcoin.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bitcoin.json"},{"name":"bitrise","title":"Bitrise logo","description":"Bitrise logo as a typed React component (BitriseLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bitrise.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bitrise.json"},{"name":"bitwarden","title":"Bitwarden logo","description":"Bitwarden logo as a typed React component (BitwardenLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bitwarden.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bitwarden.json"},{"name":"blender","title":"Blender logo","description":"Blender logo as a typed React component (BlenderLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/blender.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/blender.json"},{"name":"blueprint","title":"Blueprint logo","description":"Blueprint logo as a typed React component (BlueprintLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/blueprint.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/blueprint.json"},{"name":"bluesky","title":"Bluesky logo","description":"Bluesky logo as a typed React component (BlueskyLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bluesky.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bluesky.json"},{"name":"bolt","title":"Bolt logo","description":"Bolt logo as a typed React component (BoltLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bolt.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bolt.json"},{"name":"bootstrap","title":"Bootstrap logo","description":"Bootstrap logo as a typed React component (BootstrapLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bootstrap.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bootstrap.json"},{"name":"bower","title":"Bower logo","description":"Bower logo as a typed React component (BowerLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bower.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bower.json"},{"name":"box","title":"Box logo","description":"Box logo as a typed React component (BoxLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/box.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/box.json"},{"name":"brackets","title":"Brackets logo","description":"Brackets logo as a typed React component (BracketsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/brackets.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/brackets.json"},{"name":"braintree","title":"Braintree logo","description":"Braintree logo as a typed React component (BraintreeLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/braintree.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/braintree.json"},{"name":"brave","title":"Brave logo","description":"Brave logo as a typed React component (BraveLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/brave.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/brave.json"},{"name":"brevo","title":"Brevo logo","description":"Brevo logo as a typed React component (BrevoLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/brevo.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/brevo.json"},{"name":"browserify","title":"Browserify logo","description":"Browserify logo as a typed React component (BrowserifyLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/browserify.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/browserify.json"},{"name":"browserstack","title":"BrowserStack logo","description":"BrowserStack logo as a typed React component (BrowserstackLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/browserstack.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/browserstack.json"},{"name":"bruno","title":"Bruno logo","description":"Bruno logo as a typed React component (BrunoLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bruno.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bruno.json"},{"name":"bubble","title":"Bubble logo","description":"Bubble logo as a typed React component (BubbleLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bubble.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bubble.json"},{"name":"bugsnag","title":"Bugsnag logo","description":"Bugsnag logo as a typed React component (BugsnagLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bugsnag.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bugsnag.json"},{"name":"builder-io","title":"Builder logo","description":"Builder logo as a typed React component (BuilderIoLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/builder-io.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/builder-io.json"},{"name":"buildkite","title":"Buildkite logo","description":"Buildkite logo as a typed React component (BuildkiteLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/buildkite.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/buildkite.json"},{"name":"bulma","title":"Bulma logo","description":"Bulma logo as a typed React component (BulmaLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bulma.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bulma.json"},{"name":"bun","title":"Bun logo","description":"Bun logo as a typed React component (BunLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bun.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bun.json"},{"name":"bunny-net","title":"Bunny logo","description":"Bunny logo as a typed React component (BunnyNetLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/bunny-net.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/bunny-net.json"},{"name":"buy-me-a-coffee","title":"Buy Me A Coffee logo","description":"Buy Me A Coffee logo as a typed React component (BuyMeACoffeeLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/buy-me-a-coffee.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/buy-me-a-coffee.json"},{"name":"c","title":"C logo","description":"C logo as a typed React component (CLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/c.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/c.json"},{"name":"cachet","title":"Cachet logo","description":"Cachet logo as a typed React component (CachetLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cachet.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cachet.json"},{"name":"caddy","title":"Caddy logo","description":"Caddy logo as a typed React component (CaddyLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/caddy.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/caddy.json"},{"name":"cakephp","title":"CakePHP logo","description":"CakePHP logo as a typed React component (CakephpLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cakephp.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cakephp.json"},{"name":"cal-com","title":"Cal.com logo","description":"Cal.com logo as a typed React component (CalComLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cal-com.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cal-com.json"},{"name":"calendly","title":"Calendly logo","description":"Calendly logo as a typed React component (CalendlyLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/calendly.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/calendly.json"},{"name":"capacitorjs","title":"Capacitor logo","description":"Capacitor logo as a typed React component (CapacitorjsLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/capacitorjs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/capacitorjs.json"},{"name":"cardano","title":"Cardano logo","description":"Cardano logo as a typed React component (CardanoLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cardano.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cardano.json"},{"name":"carrd","title":"Carrd logo","description":"Carrd logo as a typed React component (CarrdLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/carrd.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/carrd.json"},{"name":"cartesia","title":"Cartesia logo","description":"Cartesia logo as a typed React component (CartesiaLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cartesia.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cartesia.json"},{"name":"cassandra","title":"Cassandra logo","description":"Cassandra logo as a typed React component (CassandraLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cassandra.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cassandra.json"},{"name":"centos","title":"CentOS logo","description":"CentOS logo as a typed React component (CentosLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/centos.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/centos.json"},{"name":"certbot","title":"Certbot logo","description":"Certbot logo as a typed React component (CertbotLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/certbot.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/certbot.json"},{"name":"chai","title":"Chai logo","description":"Chai logo as a typed React component (ChaiLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chai.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chai.json"},{"name":"chainlink","title":"Chainlink logo","description":"Chainlink logo as a typed React component (ChainlinkLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chainlink.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chainlink.json"},{"name":"chakra-ui","title":"Chakra UI logo","description":"Chakra UI logo as a typed React component (ChakraUiLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chakra-ui.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chakra-ui.json"},{"name":"chargebee","title":"Chargebee logo","description":"Chargebee logo as a typed React component (ChargebeeLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chargebee.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chargebee.json"},{"name":"chartjs","title":"Chart.js logo","description":"Chart.js logo as a typed React component (ChartjsLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chartjs.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chartjs.json"},{"name":"chef","title":"Chef logo","description":"Chef logo as a typed React component (ChefLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chef.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chef.json"},{"name":"chipper-cash","title":"Chipper Cash logo","description":"Chipper Cash logo as a typed React component (ChipperCashLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chipper-cash.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chipper-cash.json"},{"name":"chromatic","title":"Chromatic logo","description":"Chromatic logo as a typed React component (ChromaticLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chromatic.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chromatic.json"},{"name":"chrome","title":"Chrome logo","description":"Chrome logo as a typed React component (ChromeLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/chrome.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/chrome.json"},{"name":"circleci","title":"CircleCI logo","description":"CircleCI logo as a typed React component (CircleciLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/circleci.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/circleci.json"},{"name":"cisco","title":"Cisco logo","description":"Cisco logo as a typed React component (CiscoLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cisco.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cisco.json"},{"name":"claude","title":"Claude logo","description":"Claude logo as a typed React component (ClaudeLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/claude.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/claude.json"},{"name":"claude-code","title":"Claude Code logo","description":"Claude Code logo as a typed React component (ClaudeCodeLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/claude-code.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/claude-code.json"},{"name":"clerk","title":"Clerk logo","description":"Clerk logo as a typed React component (ClerkLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/clerk.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/clerk.json"},{"name":"clickhouse","title":"ClickHouse logo","description":"ClickHouse logo as a typed React component (ClickhouseLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/clickhouse.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/clickhouse.json"},{"name":"clickup","title":"ClickUp logo","description":"ClickUp logo as a typed React component (ClickupLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/clickup.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/clickup.json"},{"name":"cline","title":"Cline logo","description":"Cline logo as a typed React component (ClineLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cline.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cline.json"},{"name":"clion","title":"CLion logo","description":"CLion logo as a typed React component (ClionLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/clion.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/clion.json"},{"name":"clojure","title":"Clojure logo","description":"Clojure logo as a typed React component (ClojureLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/clojure.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/clojure.json"},{"name":"cloudflare","title":"Cloudflare logo","description":"Cloudflare logo as a typed React component (CloudflareLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cloudflare.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cloudflare.json"},{"name":"cloudflare-pages","title":"Cloudflare Pages logo","description":"Cloudflare Pages logo as a typed React component (CloudflarePagesLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cloudflare-pages.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cloudflare-pages.json"},{"name":"cloudflare-workers","title":"Cloudflare Workers logo","description":"Cloudflare Workers logo as a typed React component (CloudflareWorkersLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cloudflare-workers.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cloudflare-workers.json"},{"name":"cloudinary","title":"Cloudinary logo","description":"Cloudinary logo as a typed React component (CloudinaryLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cloudinary.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cloudinary.json"},{"name":"cockroachdb","title":"Cockroach Labs logo","description":"Cockroach Labs logo as a typed React component (CockroachdbLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cockroachdb.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cockroachdb.json"},{"name":"cocoapods","title":"CocoaPods logo","description":"CocoaPods logo as a typed React component (CocoapodsLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cocoapods.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cocoapods.json"},{"name":"coda","title":"Coda logo","description":"Coda logo as a typed React component (CodaLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coda.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coda.json"},{"name":"codacy","title":"Codacy logo","description":"Codacy logo as a typed React component (CodacyLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codacy.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codacy.json"},{"name":"codeberg","title":"Codeberg logo","description":"Codeberg logo as a typed React component (CodebergLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codeberg.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codeberg.json"},{"name":"codecademy","title":"Codecademy logo","description":"Codecademy logo as a typed React component (CodecademyLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codecademy.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codecademy.json"},{"name":"codeception","title":"Codeception logo","description":"Codeception logo as a typed React component (CodeceptionLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codeception.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codeception.json"},{"name":"codeclimate","title":"Code Climate logo","description":"Code Climate logo as a typed React component (CodeclimateLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codeclimate.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codeclimate.json"},{"name":"codecov","title":"Codecov logo","description":"Codecov logo as a typed React component (CodecovLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codecov.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codecov.json"},{"name":"codeigniter","title":"CodeIgniter logo","description":"CodeIgniter logo as a typed React component (CodeigniterLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codeigniter.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codeigniter.json"},{"name":"codepen","title":"Codepen logo","description":"Codepen logo as a typed React component (CodepenLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codepen.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codepen.json"},{"name":"coderabbit","title":"CodeRabbit logo","description":"CodeRabbit logo as a typed React component (CoderabbitLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coderabbit.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coderabbit.json"},{"name":"codesandbox","title":"CodeSandbox logo","description":"CodeSandbox logo as a typed React component (CodesandboxLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codesandbox.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codesandbox.json"},{"name":"codesignal","title":"CodeSignal logo","description":"CodeSignal logo as a typed React component (CodesignalLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codesignal.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codesignal.json"},{"name":"codewars","title":"Codewars logo","description":"Codewars logo as a typed React component (CodewarsLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codewars.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codewars.json"},{"name":"codex","title":"Codex logo","description":"Codex logo as a typed React component (CodexLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/codex.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/codex.json"},{"name":"coding-dojo","title":"Coding Dojo logo","description":"Coding Dojo logo as a typed React component (CodingDojoLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coding-dojo.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coding-dojo.json"},{"name":"coffeescript","title":"CoffeeScript logo","description":"CoffeeScript logo as a typed React component (CoffeescriptLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coffeescript.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coffeescript.json"},{"name":"coinbase","title":"Coinbase logo","description":"Coinbase logo as a typed React component (CoinbaseLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coinbase.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coinbase.json"},{"name":"commitizen","title":"Commitizen logo","description":"Commitizen logo as a typed React component (CommitizenLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/commitizen.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/commitizen.json"},{"name":"compose-multiplatform","title":"Compose Multiplatform logo","description":"Compose Multiplatform logo as a typed React component (ComposeMultiplatformLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/compose-multiplatform.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/compose-multiplatform.json"},{"name":"composer","title":"Composer logo","description":"Composer logo as a typed React component (ComposerLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/composer.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/composer.json"},{"name":"concourse","title":"Concourse logo","description":"Concourse logo as a typed React component (ConcourseLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/concourse.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/concourse.json"},{"name":"conda","title":"Conda logo","description":"Conda logo as a typed React component (CondaLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/conda.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/conda.json"},{"name":"confluence","title":"Confluence logo","description":"Confluence logo as a typed React component (ConfluenceLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/confluence.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/confluence.json"},{"name":"consul","title":"Consul logo","description":"Consul logo as a typed React component (ConsulLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/consul.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/consul.json"},{"name":"contentful","title":"Contentful logo","description":"Contentful logo as a typed React component (ContentfulLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/contentful.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/contentful.json"},{"name":"convex","title":"Convex logo","description":"Convex logo as a typed React component (ConvexLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/convex.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/convex.json"},{"name":"coolify","title":"Coolify logo","description":"Coolify logo as a typed React component (CoolifyLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coolify.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coolify.json"},{"name":"cordova","title":"Cordova logo","description":"Cordova logo as a typed React component (CordovaLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cordova.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cordova.json"},{"name":"couchbase","title":"Couchbase logo","description":"Couchbase logo as a typed React component (CouchbaseLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/couchbase.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/couchbase.json"},{"name":"couchdb","title":"CouchDB logo","description":"CouchDB logo as a typed React component (CouchdbLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/couchdb.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/couchdb.json"},{"name":"coursera","title":"Coursera logo","description":"Coursera logo as a typed React component (CourseraLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coursera.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coursera.json"},{"name":"coveralls","title":"Coveralls logo","description":"Coveralls logo as a typed React component (CoverallsLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/coveralls.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/coveralls.json"},{"name":"cpanel","title":"cPanel logo","description":"cPanel logo as a typed React component (CpanelLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cpanel.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cpanel.json"},{"name":"cpp","title":"C++ logo","description":"C++ logo as a typed React component (CppLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cpp.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cpp.json"},{"name":"craft","title":"Craft logo","description":"Craft logo as a typed React component (CraftLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/craft.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/craft.json"},{"name":"crossplane","title":"Crossplane logo","description":"Crossplane logo as a typed React component (CrossplaneLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/crossplane.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/crossplane.json"},{"name":"crystal","title":"Crystal logo","description":"Crystal logo as a typed React component (CrystalLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/crystal.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/crystal.json"},{"name":"csharp","title":"C# logo","description":"C# logo as a typed React component (CsharpLogo): color, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/csharp.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/csharp.json"},{"name":"css","title":"CSS logo","description":"CSS logo as a typed React component (CssLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/css.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/css.json"},{"name":"cucumber","title":"Cucumber logo","description":"Cucumber logo as a typed React component (CucumberLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cucumber.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cucumber.json"},{"name":"curl","title":"curl logo","description":"curl logo as a typed React component (CurlLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/curl.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/curl.json"},{"name":"curseforge","title":"CurseForge logo","description":"CurseForge logo as a typed React component (CurseforgeLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/curseforge.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/curseforge.json"},{"name":"cursor","title":"Cursor logo","description":"Cursor logo as a typed React component (CursorLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cursor.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cursor.json"},{"name":"customerio","title":"Customer.io logo","description":"Customer.io logo as a typed React component (CustomerioLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/customerio.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/customerio.json"},{"name":"cypress","title":"Cypress logo","description":"Cypress logo as a typed React component (CypressLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/cypress.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/cypress.json"},{"name":"d3","title":"D3 logo","description":"D3 logo as a typed React component (D3Logo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/d3.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/d3.json"},{"name":"dailydev","title":"daily.dev logo","description":"daily.dev logo as a typed React component (DailydevLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dailydev.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dailydev.json"},{"name":"daisyui","title":"daisyUI logo","description":"daisyUI logo as a typed React component (DaisyuiLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/daisyui.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/daisyui.json"},{"name":"dart","title":"Dart logo","description":"Dart logo as a typed React component (DartLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dart.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dart.json"},{"name":"dashlane","title":"Dashlane logo","description":"Dashlane logo as a typed React component (DashlaneLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dashlane.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dashlane.json"},{"name":"databricks","title":"Databricks logo","description":"Databricks logo as a typed React component (DatabricksLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/databricks.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/databricks.json"},{"name":"datacamp","title":"DataCamp logo","description":"DataCamp logo as a typed React component (DatacampLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/datacamp.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/datacamp.json"},{"name":"datadog","title":"Datadog logo","description":"Datadog logo as a typed React component (DatadogLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/datadog.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/datadog.json"},{"name":"datagrip","title":"DataGrip logo","description":"DataGrip logo as a typed React component (DatagripLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/datagrip.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/datagrip.json"},{"name":"dataspell","title":"DataSpell logo","description":"DataSpell logo as a typed React component (DataspellLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dataspell.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dataspell.json"},{"name":"datocms","title":"DatoCMS logo","description":"DatoCMS logo as a typed React component (DatocmsLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/datocms.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/datocms.json"},{"name":"dbt","title":"dbt logo","description":"dbt logo as a typed React component (DbtLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dbt.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dbt.json"},{"name":"debian","title":"debian logo","description":"debian logo as a typed React component (DebianLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/debian.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/debian.json"},{"name":"decap-cms","title":"Decap CMS logo","description":"Decap CMS logo as a typed React component (DecapCmsLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/decap-cms.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/decap-cms.json"},{"name":"deepgram","title":"Deepgram logo","description":"Deepgram logo as a typed React component (DeepgramLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/deepgram.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/deepgram.json"},{"name":"deepseek","title":"DeepSeek logo","description":"DeepSeek logo as a typed React component (DeepseekLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/deepseek.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/deepseek.json"},{"name":"deno","title":"Deno logo","description":"Deno logo as a typed React component (DenoLogo): color, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/deno.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/deno.json"},{"name":"dependabot","title":"Dependabot logo","description":"Dependabot logo as a typed React component (DependabotLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dependabot.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dependabot.json"},{"name":"dev-to","title":"dev.to logo","description":"dev.to logo as a typed React component (DevToLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dev-to.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dev-to.json"},{"name":"devin","title":"Devin logo","description":"Devin logo as a typed React component (DevinLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/devin.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/devin.json"},{"name":"dgraph","title":"Dgraph logo","description":"Dgraph logo as a typed React component (DgraphLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dgraph.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dgraph.json"},{"name":"dialogflow","title":"Dialogflow logo","description":"Dialogflow logo as a typed React component (DialogflowLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dialogflow.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dialogflow.json"},{"name":"digitalocean","title":"DigitalOcean logo","description":"DigitalOcean logo as a typed React component (DigitaloceanLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/digitalocean.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/digitalocean.json"},{"name":"dinersclub","title":"Diners Club logo","description":"Diners Club logo as a typed React component (DinersclubLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dinersclub.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dinersclub.json"},{"name":"directus","title":"Directus logo","description":"Directus logo as a typed React component (DirectusLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/directus.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/directus.json"},{"name":"discord","title":"Discord logo","description":"Discord logo as a typed React component (DiscordLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/discord.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/discord.json"},{"name":"discourse","title":"Discourse logo","description":"Discourse logo as a typed React component (DiscourseLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/discourse.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/discourse.json"},{"name":"discover","title":"Discover logo","description":"Discover logo as a typed React component (DiscoverLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/discover.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/discover.json"},{"name":"django","title":"Django logo","description":"Django logo as a typed React component (DjangoLogo): color, mono, auto dark mode, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/django.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/django.json"},{"name":"docker","title":"Docker logo","description":"Docker logo as a typed React component (DockerLogo): color, mono, wordmark.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/docker.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/docker.json"},{"name":"docmost","title":"Docmost logo","description":"Docmost logo as a typed React component (DocmostLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/docmost.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/docmost.json"},{"name":"docusaurus","title":"Docusaurus logo","description":"Docusaurus logo as a typed React component (DocusaurusLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/docusaurus.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/docusaurus.json"},{"name":"dodo-payments","title":"Dodo Payments logo","description":"Dodo Payments logo as a typed React component (DodoPaymentsLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dodo-payments.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dodo-payments.json"},{"name":"dogecoin","title":"Dogecoin logo","description":"Dogecoin logo as a typed React component (DogecoinLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dogecoin.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dogecoin.json"},{"name":"dokploy","title":"Dokploy logo","description":"Dokploy logo as a typed React component (DokployLogo): color, mono, auto dark mode.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dokploy.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dokploy.json"},{"name":"dolt","title":"dolt logo","description":"dolt logo as a typed React component (DoltLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dolt.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dolt.json"},{"name":"dotenv","title":"dotenv logo","description":"dotenv logo as a typed React component (DotenvLogo): color, mono.","type":"registry:component","source_url":"https://logoforge.terravidhal.me/r/dotenv.json","install_command":"npx shadcn@latest add https://logoforge.terravidhal.me/r/dotenv.json"}]},{"id":"lucide-animated","name":"@lucide-animated","slug":"lucide-animated","description":"lucide-animated is a free, MIT-licensed open-source collection of 350+ smooth animated React icons built with Motion (formerly Framer Motion) and Lucide as the base SVG set. Every icon is a drop-in replacement for its static Lucide counterpart, adding entrance and hover animations. Installed via shadcn CLI. Copy-paste ownership model; 7,600+ GitHub stars. No paid tier. Use for: upgrading static Lucide icons to animated versions throughout a React UI without writing animation code, particularly effective on marketing sites or interactive dashboards where subtle motion adds polish.","author":"pqoqubbw","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","animation","audio","blocks","charts","dashboard","e-commerce","forms","icons","marketing","media","saas"],"categories":["Icons/logos"],"labels":["popular","recently-updated"],"urls":{"website":"https://lucide-animated.com","github":"https://github.com/pqoqubbw/icons","registry":"https://lucide-animated.com/r/registry.json","source":"https://lucide-animated.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/lucide-animated","markdown":"https://sh4dcn.netlify.app/md/lucide-animated.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='31' height='30' viewBox='0 0 31 30' fill='none'><path d='M30.8574 13.4209H25.0322V24.8223H17.4414L17.4961 26.2822C17.9462 26.0015 18.5219 25.8223 19.1543 25.7988C20.6429 25.744 21.8818 26.5719 21.9219 27.6484C21.96 28.6881 20.8658 29.576 19.4502 29.6855V29.6924L17.5859 29.7617C17.043 29.7816 16.5855 29.3565 16.5654 28.8135L16.5303 27.8643H16.5312C16.531 27.8588 16.5305 27.8531 16.5303 27.8477C16.5292 27.8173 16.5324 27.787 16.5332 27.7568L16.4229 24.8223H13.2686L13.1494 27.9941C13.1502 28.0242 13.1534 28.0546 13.1523 28.085C13.1521 28.0902 13.1517 28.0963 13.1514 28.1016H13.1523L13.1172 29.0518C13.097 29.5946 12.6395 30.0188 12.0967 29.999L10.2324 29.9297V29.9238C8.81666 29.8144 7.7226 28.9265 7.76074 27.8867C7.80082 26.8101 9.03966 25.9813 10.5283 26.0361C11.1608 26.0596 11.7364 26.2396 12.1865 26.5205L12.25 24.8223H4.72266L5.2832 13.4209H0L14.0205 0L30.8574 13.4209Z' fill='#EE4822'/><circle cx='10.4573' cy='14.5408' r='2.62989' fill='white'/><circle cx='17.5155' cy='14.5408' r='2.62989' fill='white'/><circle cx='10.6948' cy='14.88' r='0.763516' fill='black'/><circle cx='17.0064' cy='14.88' r='0.763516' fill='black'/></svg>","preview_image":"https://lucide-animated.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8245,"open_issues":8,"last_commit":"2026-10-14T23:32:57Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://lucide-animated.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://lucide-animated.com/r/registry.json","install_bun":"bunx shadcn@latest add https://lucide-animated.com/r/registry.json","clone":"git clone https://github.com/pqoqubbw/icons.git","clone_degit":"npx degit pqoqubbw/icons","registry_fetch":"curl -s https://lucide-animated.com/r/registry.json"},"component_count":250,"components":[{"name":"a-arrow-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/a-arrow-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/a-arrow-down.json"},{"name":"a-arrow-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/a-arrow-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/a-arrow-up.json"},{"name":"accessibility","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/accessibility.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/accessibility.json"},{"name":"activity","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/activity.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/activity.json"},{"name":"air-vent","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/air-vent.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/air-vent.json"},{"name":"airplane","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/airplane.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/airplane.json"},{"name":"airplay","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/airplay.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/airplay.json"},{"name":"alarm-clock","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/alarm-clock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-clock.json"},{"name":"alarm-clock-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/alarm-clock-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-clock-check.json"},{"name":"alarm-clock-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-clock-minus.json"},{"name":"alarm-clock-plus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-clock-plus.json"},{"name":"alarm-smoke","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/alarm-smoke.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/alarm-smoke.json"},{"name":"align-center","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/align-center.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-center.json"},{"name":"align-horizontal","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/align-horizontal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-horizontal.json"},{"name":"align-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/align-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-left.json"},{"name":"align-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/align-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-right.json"},{"name":"align-vertical","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/align-vertical.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/align-vertical.json"},{"name":"ambulance","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/ambulance.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/ambulance.json"},{"name":"angry","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/angry.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/angry.json"},{"name":"annoyed","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/annoyed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/annoyed.json"},{"name":"archive","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/archive.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/archive.json"},{"name":"arrow-big-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-down.json"},{"name":"arrow-big-down-dash","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-down-dash.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-down-dash.json"},{"name":"arrow-big-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-left.json"},{"name":"arrow-big-left-dash","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-left-dash.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-left-dash.json"},{"name":"arrow-big-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-right.json"},{"name":"arrow-big-right-dash","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-right-dash.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-right-dash.json"},{"name":"arrow-big-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-up.json"},{"name":"arrow-big-up-dash","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-big-up-dash.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-big-up-dash.json"},{"name":"arrow-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down.json"},{"name":"arrow-down-0-1","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down-0-1.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down-0-1.json"},{"name":"arrow-down-1-0","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down-1-0.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down-1-0.json"},{"name":"arrow-down-a-z","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down-a-z.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down-a-z.json"},{"name":"arrow-down-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down-left.json"},{"name":"arrow-down-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down-right.json"},{"name":"arrow-down-z-a","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-down-z-a.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-down-z-a.json"},{"name":"arrow-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-left.json"},{"name":"arrow-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-right.json"},{"name":"arrow-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-up.json"},{"name":"arrow-up-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-up-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-up-left.json"},{"name":"arrow-up-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/arrow-up-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/arrow-up-right.json"},{"name":"at-sign","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/at-sign.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/at-sign.json"},{"name":"atom","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/atom.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/atom.json"},{"name":"attach-file","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/attach-file.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/attach-file.json"},{"name":"audio-lines","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/audio-lines.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/audio-lines.json"},{"name":"axe","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/axe.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/axe.json"},{"name":"badge-alert","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/badge-alert.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/badge-alert.json"},{"name":"badge-percent","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/badge-percent.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/badge-percent.json"},{"name":"ban","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/ban.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/ban.json"},{"name":"banana","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/banana.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/banana.json"},{"name":"battery","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery.json"},{"name":"battery-charging","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery-charging.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-charging.json"},{"name":"battery-full","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery-full.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-full.json"},{"name":"battery-low","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery-low.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-low.json"},{"name":"battery-medium","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery-medium.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-medium.json"},{"name":"battery-plus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-plus.json"},{"name":"battery-warning","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/battery-warning.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/battery-warning.json"},{"name":"bell","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bell.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bell.json"},{"name":"bell-electric","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bell-electric.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bell-electric.json"},{"name":"biceps-flexed","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/biceps-flexed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/biceps-flexed.json"},{"name":"binary","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/binary.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/binary.json"},{"name":"blocks","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/blocks.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/blocks.json"},{"name":"bluetooth","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bluetooth.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth.json"},{"name":"bluetooth-connected","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bluetooth-connected.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth-connected.json"},{"name":"bluetooth-off","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bluetooth-off.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth-off.json"},{"name":"bluetooth-searching","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bluetooth-searching.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bluetooth-searching.json"},{"name":"bold","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bold.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bold.json"},{"name":"bone","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bone.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bone.json"},{"name":"book-text","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/book-text.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/book-text.json"},{"name":"bookmark","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bookmark.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark.json"},{"name":"bookmark-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bookmark-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-check.json"},{"name":"bookmark-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bookmark-minus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-minus.json"},{"name":"bookmark-plus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bookmark-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-plus.json"},{"name":"bookmark-x","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bookmark-x.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bookmark-x.json"},{"name":"bot","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bot.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bot.json"},{"name":"bot-message-square","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/bot-message-square.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/bot-message-square.json"},{"name":"box","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/box.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/box.json"},{"name":"boxes","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/boxes.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/boxes.json"},{"name":"brain","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/brain.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/brain.json"},{"name":"briefcase-business","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/briefcase-business.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/briefcase-business.json"},{"name":"calendar-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/calendar-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-check.json"},{"name":"calendar-check-2","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/calendar-check-2.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-check-2.json"},{"name":"calendar-cog","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/calendar-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-cog.json"},{"name":"calendar-days","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/calendar-days.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/calendar-days.json"},{"name":"car","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/car.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/car.json"},{"name":"cart","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cart.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cart.json"},{"name":"cast","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cast.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cast.json"},{"name":"cctv","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cctv.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cctv.json"},{"name":"chart-bar-decreasing","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-bar-decreasing.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-bar-decreasing.json"},{"name":"chart-bar-increasing","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-bar-increasing.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-bar-increasing.json"},{"name":"chart-column-decreasing","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-column-decreasing.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-column-decreasing.json"},{"name":"chart-column-increasing","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-column-increasing.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-column-increasing.json"},{"name":"chart-line","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-line.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-line.json"},{"name":"chart-no-axes-column-decreasing","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-no-axes-column-decreasing.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-no-axes-column-decreasing.json"},{"name":"chart-no-axes-column-increasing","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-no-axes-column-increasing.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-no-axes-column-increasing.json"},{"name":"chart-pie","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-pie.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-pie.json"},{"name":"chart-scatter","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-scatter.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-scatter.json"},{"name":"chart-spline","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chart-spline.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chart-spline.json"},{"name":"check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/check.json"},{"name":"check-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/check-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/check-check.json"},{"name":"chess-bishop","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chess-bishop.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-bishop.json"},{"name":"chess-king","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chess-king.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-king.json"},{"name":"chess-knight","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chess-knight.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-knight.json"},{"name":"chess-pawn","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chess-pawn.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chess-pawn.json"},{"name":"chevron-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevron-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-down.json"},{"name":"chevron-first","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevron-first.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-first.json"},{"name":"chevron-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevron-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-left.json"},{"name":"chevron-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevron-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-right.json"},{"name":"chevron-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevron-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevron-up.json"},{"name":"chevrons-down-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevrons-down-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevrons-down-up.json"},{"name":"chevrons-left-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevrons-left-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevrons-left-right.json"},{"name":"chevrons-right-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevrons-right-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevrons-right-left.json"},{"name":"chevrons-up-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chevrons-up-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chevrons-up-down.json"},{"name":"chrome","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/chrome.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/chrome.json"},{"name":"cigarette","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cigarette.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cigarette.json"},{"name":"cigarette-off","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cigarette-off.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cigarette-off.json"},{"name":"circle-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-check.json"},{"name":"circle-chevron-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-chevron-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-down.json"},{"name":"circle-chevron-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-chevron-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-left.json"},{"name":"circle-chevron-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-chevron-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-right.json"},{"name":"circle-chevron-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-chevron-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-chevron-up.json"},{"name":"circle-dashed","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-dashed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-dashed.json"},{"name":"circle-dollar-sign","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-dollar-sign.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-dollar-sign.json"},{"name":"circle-gauge","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-gauge.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-gauge.json"},{"name":"circle-help","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/circle-help.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/circle-help.json"},{"name":"clap","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/clap.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/clap.json"},{"name":"clipboard-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/clipboard-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/clipboard-check.json"},{"name":"clock","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/clock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/clock.json"},{"name":"cloud-backup","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-backup.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-backup.json"},{"name":"cloud-cog","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-cog.json"},{"name":"cloud-download","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-download.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-download.json"},{"name":"cloud-lightning","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-lightning.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-lightning.json"},{"name":"cloud-rain","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-rain.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-rain.json"},{"name":"cloud-rain-wind","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-rain-wind.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-rain-wind.json"},{"name":"cloud-snow","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-snow.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-snow.json"},{"name":"cloud-sun","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-sun.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-sun.json"},{"name":"cloud-sync","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-sync.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-sync.json"},{"name":"cloud-upload","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cloud-upload.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cloud-upload.json"},{"name":"coffee","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/coffee.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/coffee.json"},{"name":"cog","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cog.json"},{"name":"compass","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/compass.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/compass.json"},{"name":"concierge-bell","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/concierge-bell.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/concierge-bell.json"},{"name":"connect","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/connect.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/connect.json"},{"name":"construction","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/construction.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/construction.json"},{"name":"contrast","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/contrast.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/contrast.json"},{"name":"cooking-pot","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cooking-pot.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cooking-pot.json"},{"name":"copy","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/copy.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/copy.json"},{"name":"corner-down-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-down-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-down-left.json"},{"name":"corner-down-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-down-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-down-right.json"},{"name":"corner-left-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-left-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-left-down.json"},{"name":"corner-left-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-left-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-left-up.json"},{"name":"corner-right-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-right-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-right-down.json"},{"name":"corner-right-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-right-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-right-up.json"},{"name":"corner-up-left","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-up-left.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-up-left.json"},{"name":"corner-up-right","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/corner-up-right.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/corner-up-right.json"},{"name":"cpu","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cpu.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cpu.json"},{"name":"credit-card","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/credit-card.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/credit-card.json"},{"name":"cup-soda","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cup-soda.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cup-soda.json"},{"name":"cursor-click","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/cursor-click.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/cursor-click.json"},{"name":"database-backup","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/database-backup.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/database-backup.json"},{"name":"delete","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/delete.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/delete.json"},{"name":"disc-3","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/disc-3.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/disc-3.json"},{"name":"discord","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/discord.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/discord.json"},{"name":"dollar-sign","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/dollar-sign.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/dollar-sign.json"},{"name":"download","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/download.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/download.json"},{"name":"downvote","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/downvote.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/downvote.json"},{"name":"dribbble","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/dribbble.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/dribbble.json"},{"name":"droplet","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/droplet.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/droplet.json"},{"name":"drum","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/drum.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/drum.json"},{"name":"earth","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/earth.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/earth.json"},{"name":"euro","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/euro.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/euro.json"},{"name":"ev-charger","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/ev-charger.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/ev-charger.json"},{"name":"expand","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/expand.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/expand.json"},{"name":"external-link","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/external-link.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/external-link.json"},{"name":"eye","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/eye.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/eye.json"},{"name":"eye-off","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/eye-off.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/eye-off.json"},{"name":"facebook","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/facebook.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/facebook.json"},{"name":"fan","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/fan.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/fan.json"},{"name":"feather","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/feather.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/feather.json"},{"name":"figma","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/figma.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/figma.json"},{"name":"file-chart-line","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-chart-line.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-chart-line.json"},{"name":"file-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-check.json"},{"name":"file-check-2","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-check-2.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-check-2.json"},{"name":"file-cog","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-cog.json"},{"name":"file-pen-line","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-pen-line.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-pen-line.json"},{"name":"file-stack","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-stack.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-stack.json"},{"name":"file-text","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/file-text.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/file-text.json"},{"name":"fingerprint","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/fingerprint.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/fingerprint.json"},{"name":"fish-symbol","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/fish-symbol.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/fish-symbol.json"},{"name":"flame","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/flame.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/flame.json"},{"name":"flask","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/flask.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/flask.json"},{"name":"folder-archive","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-archive.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-archive.json"},{"name":"folder-check","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-check.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-check.json"},{"name":"folder-clock","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-clock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-clock.json"},{"name":"folder-code","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-code.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-code.json"},{"name":"folder-cog","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-cog.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-cog.json"},{"name":"folder-dot","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-dot.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-dot.json"},{"name":"folder-down","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-down.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-down.json"},{"name":"folder-git","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-git.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-git.json"},{"name":"folder-git-2","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-git-2.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-git-2.json"},{"name":"folder-heart","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-heart.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-heart.json"},{"name":"folder-input","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-input.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-input.json"},{"name":"folder-kanban","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-kanban.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-kanban.json"},{"name":"folder-key","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-key.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-key.json"},{"name":"folder-lock","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-lock.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-lock.json"},{"name":"folder-minus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-minus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-minus.json"},{"name":"folder-open","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-open.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-open.json"},{"name":"folder-output","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-output.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-output.json"},{"name":"folder-plus","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-plus.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-plus.json"},{"name":"folder-root","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-root.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-root.json"},{"name":"folder-sync","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-sync.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-sync.json"},{"name":"folder-tree","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-tree.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-tree.json"},{"name":"folder-up","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-up.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-up.json"},{"name":"folder-x","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folder-x.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folder-x.json"},{"name":"folders","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/folders.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/folders.json"},{"name":"frame","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/frame.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/frame.json"},{"name":"frown","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/frown.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/frown.json"},{"name":"gallery-horizontal-end","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/gallery-horizontal-end.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gallery-horizontal-end.json"},{"name":"gallery-thumbnails","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/gallery-thumbnails.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gallery-thumbnails.json"},{"name":"gallery-vertical-end","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/gallery-vertical-end.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gallery-vertical-end.json"},{"name":"gauge","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/gauge.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gauge.json"},{"name":"gavel","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/gavel.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gavel.json"},{"name":"georgian-lari","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/georgian-lari.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/georgian-lari.json"},{"name":"git-branch","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-branch.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-branch.json"},{"name":"git-commit-horizontal","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-commit-horizontal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-commit-horizontal.json"},{"name":"git-commit-vertical","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-commit-vertical.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-commit-vertical.json"},{"name":"git-compare","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-compare.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-compare.json"},{"name":"git-compare-arrows","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-compare-arrows.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-compare-arrows.json"},{"name":"git-fork","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-fork.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-fork.json"},{"name":"git-graph","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-graph.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-graph.json"},{"name":"git-merge","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-merge.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-merge.json"},{"name":"git-pull-request","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-pull-request.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-pull-request.json"},{"name":"git-pull-request-closed","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-pull-request-closed.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-pull-request-closed.json"},{"name":"git-pull-request-create","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/git-pull-request-create.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/git-pull-request-create.json"},{"name":"github","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/github.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/github.json"},{"name":"gitlab","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/gitlab.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/gitlab.json"},{"name":"graduation-cap","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/graduation-cap.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/graduation-cap.json"},{"name":"grip","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/grip.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/grip.json"},{"name":"grip-horizontal","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/grip-horizontal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/grip-horizontal.json"},{"name":"grip-vertical","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/grip-vertical.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/grip-vertical.json"},{"name":"hammer","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hammer.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hammer.json"},{"name":"hand","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand.json"},{"name":"hand-coins","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand-coins.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-coins.json"},{"name":"hand-fist","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand-fist.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-fist.json"},{"name":"hand-grab","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand-grab.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-grab.json"},{"name":"hand-heart","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand-heart.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-heart.json"},{"name":"hand-helping","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand-helping.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-helping.json"},{"name":"hand-metal","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hand-metal.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hand-metal.json"},{"name":"hard-drive-download","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hard-drive-download.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hard-drive-download.json"},{"name":"hard-drive-upload","title":null,"description":null,"type":"registry:ui","source_url":"https://lucide-animated.com/r/hard-drive-upload.json","install_command":"npx shadcn@latest add https://lucide-animated.com/r/hard-drive-upload.json"}]},{"id":"lumiui","name":"@lumiui","slug":"lumiui","description":"Lumi UI is a composable React component library built on Base UI (MUI team's headless primitives) and Tailwind CSS, offering both pre-assembled composite components and raw primitive building blocks. Ships form and input components (Form, Input, Autocomplete, Combobox, OTP Field, Number Field, Select, Slider, Switch, Textarea), layout and navigation (Accordion, Tabs, Command Menu, Navigation Menu, Scroll Area, Sidebar), overlays (Dialog, Alert Dialog, Context Menu, Drawer, Dropdown Menu, Popover, Sheet, Tooltip), feedback (Meter, Progress, Toast), and display (Avatar, Chart, Resizable, Toolbar). Multiple built-in themes (Dune, Canopy, Celeste, Lagoon, Orchid). Use for: teams that prefer Base UI's accessibility model over Radix UI while still wanting Tailwind-styled, fully owned components.","author":"patrick-xin","framework":"react","license":"MIT","tags":["accessibility","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","theming"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://www.lumiui.dev","github":"https://github.com/patrick-xin/lumi-ui","registry":"https://www.lumiui.dev/r/registry.json","source":"https://www.lumiui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/lumiui","markdown":"https://sh4dcn.netlify.app/md/lumiui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='var(--foreground)'><circle cx='16' cy='16' r='14'/></svg>","preview_image":"https://www.lumiui.dev/opengraph-image.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":29,"open_issues":0,"last_commit":"2026-09-10T05:17:44Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.lumiui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.lumiui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.lumiui.dev/r/registry.json","clone":"git clone https://github.com/patrick-xin/lumi-ui.git","clone_degit":"npx degit patrick-xin/lumi-ui","registry_fetch":"curl -s https://www.lumiui.dev/r/registry.json"},"component_count":67,"components":[{"name":"ui","title":null,"description":null,"type":"registry:ui","source_url":"https://www.lumiui.dev/r/ui.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/ui.json"},{"name":"chat-input","title":"Chat Input","description":"A chat input component.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/chat-input.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/chat-input.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://www.lumiui.dev/r/utils.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/utils.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://www.lumiui.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/use-mobile.json"},{"name":"accordion","title":"Accordion","description":"A set of collapsible panels with headings.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/accordion.json"},{"name":"avatar","title":"Avatar","description":"An easily stylable avatar component.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/avatar.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A dialog that requires user response to proceed.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/alert-dialog.json"},{"name":"dialog","title":"Dialog","description":"A popup that opens on top of the entire page.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from the edge of the screen.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/drawer.json"},{"name":"tabs","title":"Tabs","description":"A component for toggling between related panels on the same page.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/tabs.json"},{"name":"scroll-area","title":"Scroll Area","description":"A native scroll container with custom scrollbars.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/scroll-area.json"},{"name":"popover","title":"Popover","description":"An accessible popup anchored to a button.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/popover.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/popover.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A list of actions in a dropdown, enhanced with keyboard navigation.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dropdown-menu.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests options as you type.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/autocomplete.json"},{"name":"input","title":"Input","description":"A native input element that automatically works with Field.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/input.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/input.json"},{"name":"button","title":"Button","description":"A button component that can be rendered as another tag or focusable when disabled.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/button.json"},{"name":"checkbox","title":"Checkbox","description":"An easily stylable checkbox component.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/checkbox.json"},{"name":"switch","title":"Switch","description":"A control that indicates whether a setting is on or off.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/switch.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/switch.json"},{"name":"select","title":"Select","description":"A common form component for choosing a predefined value in a dropdown menu.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/select.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links and menus for website navigation.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/navigation-menu.json"},{"name":"collapsible","title":"Collapsible","description":"A collapsible panel controlled by a button.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/collapsible.json"},{"name":"command-menu","title":"Command Menu","description":"A mobile-friendly command palette for search and quick actions.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/command-menu.json"},{"name":"preview-card","title":"Preview Card","description":"An accessible popup anchored to a button.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/preview-card.json"},{"name":"progress","title":"Progress","description":"Displays the status of a task that takes a long time.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/progress.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/progress.json"},{"name":"field","title":"Field","description":"A component that provides labeling and validation for form controls.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/field.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/field.json"},{"name":"fieldset","title":"Field Set","description":"A native fieldset element with an easily stylable legend.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/fieldset.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/fieldset.json"},{"name":"form","title":"Form","description":"A native form element with consolidated error handling.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/form.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/form.json"},{"name":"radio","title":"Radio","description":"An easily stylable radio button component.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/radio.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/radio.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that appears when an element is hovered or focused, showing a hint for sighted users.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/tooltip.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be on or off.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Provides a shared state to a series of toggle buttons.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toggle-group.json"},{"name":"toast","title":"Toast","description":"Generates toast notifications.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/toast.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toast.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Provides a shared state to a series of checkboxes.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/checkbox-group.json"},{"name":"slider","title":"Slider","description":"An easily stylable range input.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/slider.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/slider.json"},{"name":"separator","title":"Separator","description":"A separator element accessible to screen readers.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/separator.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/separator.json"},{"name":"number-field","title":"Number Field","description":"A numeric input element with increment and decrement buttons, and a scrub area.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/number-field.json"},{"name":"meter","title":"Meter","description":"A graphical display of a numeric value within a range.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/meter.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/meter.json"},{"name":"otp-field","title":"OTP Field","description":"A one-time password input composed of individual character slots.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/otp-field.json"},{"name":"toolbar","title":"Toolbar","description":"A container for grouping a set of buttons and controls.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/toolbar.json"},{"name":"context-menu","title":"Context Menu","description":"A menu that appears at the pointer on right click or long press.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/context-menu.json"},{"name":"combobox","title":"Combobox","description":"An input combined with a list of predefined items to select.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/combobox.json"},{"name":"menubar","title":"Menubar","description":"A menu bar providing commands and options for your application.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/menubar.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content of the screen.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sheet.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/resizable.json"},{"name":"arrow-svg","title":"Arrow SVG","description":"Arrow SVG component.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/arrow-svg.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/arrow-svg.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/label.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/label.json"},{"name":"sidebar","title":"Sidebar","description":"App sidebar","type":"registry:ui","source_url":"https://www.lumiui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sidebar.json"},{"name":"textarea","title":"Textarea","description":"A native textarea element.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/textarea.json"},{"name":"chart","title":"Chart","description":"Beautiful charts. Built using Recharts.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/chart.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/chart.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/breadcrumb.json"},{"name":"badge","title":"Badge","description":"Displays a small count or status indicator.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/badge.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/badge.json"},{"name":"card","title":"Card","description":"Displays content inside a themed container.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/card.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/card.json"},{"name":"kbd","title":"KBD","description":"Styles keyboard key hints and key groups.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/kbd.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder used while content is loading.","type":"registry:ui","source_url":"https://www.lumiui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/skeleton.json"},{"name":"sidebar-01","title":null,"description":"Sidebar with collapsible icons and sections.","type":"registry:block","source_url":"https://www.lumiui.dev/r/sidebar-01.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sidebar-01.json"},{"name":"sidebar-02","title":null,"description":"Dashboard layout with sidebar and main content area.","type":"registry:block","source_url":"https://www.lumiui.dev/r/sidebar-02.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/sidebar-02.json"},{"name":"dialog-01","title":null,"description":"Complex user management UI with nested dialogs.","type":"registry:block","source_url":"https://www.lumiui.dev/r/dialog-01.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dialog-01.json"},{"name":"dialog-02","title":null,"description":"Image gallery with nested auth dialogs. Inspired by Unsplash.","type":"registry:block","source_url":"https://www.lumiui.dev/r/dialog-02.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/dialog-02.json"},{"name":"project-status-picker","title":"Project Status Picker","description":"A compact status selector optimized for efficiency. Features custom hotkey logic for instant selection, rich item rendering with status colors, and contextual …","type":"registry:component","source_url":"https://www.lumiui.dev/r/project-status-picker.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/project-status-picker.json"},{"name":"expandable-dialog","title":"Expandable Dialog","description":"Responsive dialog that can expand and shrink","type":"registry:component","source_url":"https://www.lumiui.dev/r/expandable-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/expandable-dialog.json"},{"name":"morphing-dialog","title":"Morphing Dialog","description":"A fluid card-to-modal transition pattern. Combines Base UI's accessible dialog primitives with Framer Motion's shared layout animations for a seamless expansio…","type":"registry:component","source_url":"https://www.lumiui.dev/r/morphing-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/morphing-dialog.json"},{"name":"vercel-notification","title":"Vercel Notification Popover","description":"A Vercel-style notification center that adapts to the device. Renders as a popover on desktop and a bottom sheet on mobile, featuring animated tabs and hover a…","type":"registry:component","source_url":"https://www.lumiui.dev/r/vercel-notification.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/vercel-notification.json"},{"name":"t3-model-selector","title":"T3 Chat Model Selector","description":"A multi-tabbed popover for selecting items from categorized groups. Features vertical navigation, search filtering, and rich hover details. Inspired by T3 Chat.","type":"registry:component","source_url":"https://www.lumiui.dev/r/t3-model-selector.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/t3-model-selector.json"},{"name":"slider-video-trimmer","title":"Video Trimmer","description":"A video editing interface for trimming video clips. Features a timeline with draggable handles, a preview player, and export functionality.","type":"registry:component","source_url":"https://www.lumiui.dev/r/slider-video-trimmer.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/slider-video-trimmer.json"},{"name":"team-switcher","title":"Team Switcher","description":"A team switcher component that allows users to switch teams. Features a sheet modal for creating new teams.","type":"registry:component","source_url":"https://www.lumiui.dev/r/team-switcher.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/team-switcher.json"},{"name":"collapsible-file-tree","title":"Collapsible File Tree","description":"A file tree component with collapsible folders and file badges.","type":"registry:component","source_url":"https://www.lumiui.dev/r/collapsible-file-tree.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/collapsible-file-tree.json"},{"name":"onboarding-dialog","title":"Onboarding Dialog","description":"A multi-step onboarding dialog with carousel navigation.","type":"registry:component","source_url":"https://www.lumiui.dev/r/onboarding-dialog.json","install_command":"npx shadcn@latest add https://www.lumiui.dev/r/onboarding-dialog.json"}]},{"id":"lytenyte","name":"@lytenyte","slug":"lytenyte","description":"LyteNyte Grid is a ~40 KB zero-dependency React data grid from 1771 Technologies engineered for enterprise-scale datasets, capable of 10,000 updates/second and millions of rows. The shadcn registry provides a Tailwind-themed, shadcn CSS-variable-aware wrapper around LyteNyte Grid. Core (free, open source) includes sorting, filtering, editing, row selection, detail views, aggregation, row grouping, and cell range selection. PRO (commercial license) adds server-side data loading, pivoting, tree data, and advanced filtering. Headless or pre-styled options available. Use for: replacing AG Grid or TanStack Table with a lighter, React-native data grid that slots into a shadcn/ui design system without wrapper overhead.","author":"1771-Technologies","framework":"react","license":null,"tags":["accessibility","dashboard","design-system","forms","loaders","pro-available","tables","theming"],"categories":["Charts/data viz"],"labels":["popular","pro"],"urls":{"website":"https://www.1771technologies.com","github":"https://github.com/1771-Technologies/lytenyte","registry":"https://www.1771technologies.com/r/registry.json","source":"https://www.1771technologies.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/lytenyte","markdown":"https://sh4dcn.netlify.app/md/lytenyte.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' fill='none' viewBox='0 0 2000 2000'><path fill='#020807' d='M0 0h2000v2000H0z'/><mask id='a' width='2000' height='2000' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'><path fill='#0e0322' d='M0 0h2000v2000H0z'/></mask><g mask='url(#a)'><g filter='url(#b)' opacity='.4'><path fill='#006a47' d='m19.672 1402.6-582.226 793.73 144.428 834.34H1987.51c155.26 0 443.81-578.38 568.68-834.34l-737.94-793.73z'/></g><g filter='url(#c)'><path fill='#006a5e' d='m189.13 1611.18-484.486 522.03 120.183 548.73H1826.62c129.2 0 369.31-380.39 473.22-548.73l-614.06-522.03z'/></g><g filter='url(#d)'><path fill='#12dba2' d='M358.05 1797.77 17.145 2212.73l84.565 436.19h1408.55c90.9 0 259.86-302.37 332.97-436.19l-432.08-414.96z'/></g><g filter='url(#e)'><path fill='#d3fbff' d='m461.114 1993.14-341.247 393.81 84.65 413.96H1614.48c90.99 0 260.12-286.97 333.31-413.96l-432.51-393.81z'/></g><g opacity='.29'><mask id='g' width='3550' height='1041' x='-670' y='1190' maskUnits='userSpaceOnUse' style='mask-type:alpha'><path fill='url(#f)' d='M-669.166 1190.97h3548.55v1039.85h-3548.55z'/></mask><g mask='url(#g)'><path stroke='#fff' stroke-miterlimit='10' stroke-width='1.337' d='m191.723 1268.58-779.019 943.39M450.093 1268.58l-519.081 943.39M708.421 1268.58l-259.937 943.39M966.786 1268.58v943.39M1225.13 1268.58l259.94 943.39M1483.47 1268.58l519.08 943.39M1741.81 1268.58l779.02 943.39M2000.15 1268.58l1038.96 943.39'/><path fill='#fff' d='M1361.99 1762.65H961.546l7.136-171.18h346.428zM2163.92 1767.74h-410.95l-89.33-171.17h446.68zM961.589 2216.06H441.942l69.286-242.5h450.361zM573.437 1762.65H174.979l259.824-467.69 265.435-1.56z' opacity='.8'/><path stroke='#fff' stroke-miterlimit='10' stroke-width='1.337' d='M-1302.14 1978.12h4537.01M-1003.36 1762.13h3941.05M-775.118 1595.23H2707.88M-593.646 1464.04H2527.18M-446.253 1356.94H2379.77'/></g></g><g filter='url(#h)' opacity='.4' style='mix-blend-mode:soft-light'><ellipse cx='1025.68' cy='2153.72' fill='#9aff78' rx='692.681' ry='416.217' transform='rotate(-90.085 1025.68 2153.72)'/></g></g><g filter='url(#i)'><path fill='#fff' d='M682.773 456.107h83.194c103.09 0 196.867 61.946 240.553 158.904l303.65 673.869c.61 1.35 1.92 2.22 3.35 2.22.73 0 1.13-.13 1.41-.25.36-.16.79-.44 1.21-.88.14-.14.26-.29.37-.43.22-.3.37-.58.47-.83.12-.29.25-.7.25-1.46V456.107h236.07v831.143c0 137.51-107.35 248.98-239.78 248.98-93.07 0-177.74-55.92-217.18-143.46L792.695 718.899c-4.854-10.774-15.273-17.657-26.728-17.657h-53.684c-16.299 0-29.51 13.718-29.51 30.642v536.236c0 16.92 13.211 30.64 29.51 30.64h154.924v245.13H712.283c-146.68 0-265.586-123.47-265.586-275.77V701.242h206.567c16.298 0 29.509-13.718 29.509-30.642z'/></g><path stroke='url(#j)' stroke-width='10.491' d='M765.967 450.862c105.236 0 200.837 63.232 245.333 161.994l300.68 667.284V450.862h246.57v836.388c0 140.22-109.52 254.23-245.03 254.23-95.22 0-181.71-57.22-221.96-146.56L787.913 721.054c-4.041-8.97-12.637-14.567-21.946-14.567h-53.684c-13.217 0-24.265 11.182-24.265 25.397v536.236c0 14.21 11.048 25.39 24.265 25.39h160.17v255.63h-160.17c-149.761 0-270.831-126.01-270.831-281.02V695.997h211.811c13.217 0 24.264-11.182 24.264-25.396V450.862z'/><g filter='url(#k)'><path fill='#fff' d='M682.773 456.107h83.194c103.09 0 196.867 61.946 240.553 158.904l303.65 673.869c.61 1.35 1.92 2.22 3.35 2.22.73 0 1.13-.13 1.41-.25.36-.16.79-.44 1.21-.88.14-.14.26-.29.37-.43.22-.3.37-.58.47-.83.12-.29.25-.7.25-1.46V456.107h236.07v831.143c0 137.51-107.35 248.98-239.78 248.98-93.07 0-177.74-55.92-217.18-143.46L792.695 718.899c-4.854-10.774-15.273-17.657-26.728-17.657h-53.684c-16.299 0-29.51 13.718-29.51 30.642v536.236c0 16.92 13.211 30.64 29.51 30.64h154.924v245.13H712.283c-146.68 0-265.586-123.47-265.586-275.77V701.242h206.567c16.298 0 29.509-13.718 29.509-30.642z'/><path fill='url(#l)' fill-opacity='.4' d='M682.773 456.107h83.194c103.09 0 196.867 61.946 240.553 158.904l303.65 673.869c.61 1.35 1.92 2.22 3.35 2.22.73 0 1.13-.13 1.41-.25.36-.16.79-.44 1.21-.88.14-.14.26-.29.37-.43.22-.3.37-.58.47-.83.12-.29.25-.7.25-1.46V456.107h236.07v831.143c0 137.51-107.35 248.98-239.78 248.98-93.07 0-177.74-55.92-217.18-143.46L792.695 718.899c-4.854-10.774-15.273-17.657-26.728-17.657h-53.684c-16.299 0-29.51 13.718-29.51 30.642v536.236c0 16.92 13.211 30.64 29.51 30.64h154.924v245.13H712.283c-146.68 0-265.586-123.47-265.586-275.77V701.242h206.567c16.298 0 29.509-13.718 29.509-30.642z'/></g><defs><filter id='b' width='3451.16' height='1960.48' x='-728.76' y='1236.4' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_8860_78453' stdDeviation='83.103'/></filter><filter id='c' width='2804.35' height='1279.92' x='-399.935' y='1506.6' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_8860_78453' stdDeviation='52.289'/></filter><filter id='d' width='2035.24' height='1060.3' x='-87.434' y='1693.2' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_8860_78453' stdDeviation='52.289'/></filter><filter id='e' width='2037.08' height='1016.93' x='15.288' y='1888.56' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_8860_78453' stdDeviation='52.289'/></filter><filter id='h' width='983.622' height='1536.55' x='533.874' y='1385.45' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_8860_78453' stdDeviation='37.796'/></filter><filter id='i' width='1127.59' height='1132.37' x='436.206' y='432.971' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='-12.646'/><feGaussianBlur stdDeviation='6.744'/><feComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic'/><feColorMatrix values='0 0 0 0 0.14902 0 0 0 0 0.792157 0 0 0 0 0.717124 0 0 0 0.26 0'/><feBlend in2='shape' result='effect1_innerShadow_8860_78453'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='10.959'/><feGaussianBlur stdDeviation='6.744'/><feComposite in2='hardAlpha' k2='-1' k3='1' operator='arithmetic'/><feColorMatrix values='0 0 0 0 0.227847 0 0 0 0 0.804167 0 0 0 0 0.736929 0 0 0 0.12 0'/><feBlend in2='effect1_innerShadow_8860_78453' result='effect2_innerShadow_8860_78453'/></filter><filter id='k' width='1180.5' height='1223.26' x='409.75' y='449.95' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='6.158'/><feGaussianBlur stdDeviation='6.158'/><feColorMatrix values='0 0 0 0 0.054902 0 0 0 0 0.101961 0 0 0 0 0.0862745 0 0 0 0.2 0'/><feBlend in2='BackgroundImageFix' result='effect1_dropShadow_8860_78453'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='24.631'/><feGaussianBlur stdDeviation='12.316'/><feColorMatrix values='0 0 0 0 0.054902 0 0 0 0 0.101961 0 0 0 0 0.0862745 0 0 0 0.17 0'/><feBlend in2='effect1_dropShadow_8860_78453' result='effect2_dropShadow_8860_78453'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='55.42'/><feGaussianBlur stdDeviation='15.395'/><feColorMatrix values='0 0 0 0 0.054902 0 0 0 0 0.101961 0 0 0 0 0.0862745 0 0 0 0.1 0'/><feBlend in2='effect2_dropShadow_8860_78453' result='effect3_dropShadow_8860_78453'/><feColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/><feOffset dy='92.367'/><feGaussianBlur stdDeviation='18.473'/><feColorMatrix values='0 0 0 0 0.054902 0 0 0 0 0.101961 0 0 0 0 0.0862745 0 0 0 0.03 0'/><feBlend in2='effect3_dropShadow_8860_78453' result='effect4_dropShadow_8860_78453'/><feBlend in='SourceGraphic' in2='effect4_dropShadow_8860_78453' result='shape'/></filter><linearGradient id='f' x1='1105.11' x2='1105.11' y1='1190.97' y2='2230.82' gradientUnits='userSpaceOnUse'><stop stop-color='#d9d9d9' stop-opacity='0'/><stop offset='1' stop-color='#d9d9d9'/></linearGradient><linearGradient id='j' x1='1000' x2='1000' y1='456.107' y2='1543.89' gradientUnits='userSpaceOnUse'><stop stop-color='#252c2c'/><stop offset='.547' stop-color='#324240'/><stop offset='1' stop-color='#2d896f'/></linearGradient><linearGradient id='l' x1='1000' x2='1000' y1='456.107' y2='1543.89' gradientUnits='userSpaceOnUse'><stop stop-color='#fff' stop-opacity='0'/><stop offset='1' stop-color='#10cfa3'/></linearGradient></defs></svg>","preview_image":"https://www.1771technologies.com/lytenyte-grid-og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.1771technologies.com/pricing"},"metrics":{"github_stars":1030,"open_issues":3,"last_commit":"2026-08-15T07:00:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.1771technologies.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.1771technologies.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.1771technologies.com/r/registry.json","clone":"git clone https://github.com/1771-Technologies/lytenyte.git","clone_degit":"npx degit 1771-Technologies/lytenyte","registry_fetch":"curl -s https://www.1771technologies.com/r/registry.json"},"component_count":2,"components":[{"name":"lytenyte-core","title":"LyteNyte Core","description":"The free Core edition of LyteNyte Grid, an incredibly fast and feature complete React DataGrid.","type":"registry:component","source_url":"https://www.1771technologies.com/r/lytenyte-core.json","install_command":"npx shadcn@latest add https://www.1771technologies.com/r/lytenyte-core.json"},{"name":"lytenyte-pro","title":"LyteNyte PRO","description":"The commercial PRO edition of LyteNyte Grid, the fastest data grid every created for the modern web.","type":"registry:component","source_url":"https://www.1771technologies.com/r/lytenyte-pro.json","install_command":"npx shadcn@latest add https://www.1771technologies.com/r/lytenyte-pro.json"}]},{"id":"magicui","name":"@magicui","slug":"magicui","description":"Magic UI is a flagship open-source animated component library for design engineers, offering 150+ free React components and effects built with TypeScript, Tailwind CSS, and Motion. Categories span Backgrounds (Flickering Grid, Aurora, Interactive), Text effects (Aurora Text, Comic Text, Blur Fade), Buttons (Magnetic, Animated Shiny), Cards (Bento Grid, Card Glare), Borders (Magic Border, Beam Shine), Devices, Social Proof (Avatar Circles, Marquee), and standalone Templates. Companion to shadcn/ui (same install pattern). 100% free, MIT licensed, 20k+ GitHub stars. Use for: adding high-impact animated hero sections, bento grids, shimmer effects, and interactive backgrounds to SaaS landing pages or portfolios built on shadcn/ui.","author":"magicuidesign","framework":"react","license":"MIT","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","design-system","icons","loaders","maps","marketing","media","mobile","navigation","overlays","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Animated components"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://magicui.design","github":"https://github.com/magicuidesign/magicui","registry":"https://magicui.design/r/registry","source":"https://magicui.design/r/registry","page":"https://sh4dcn.netlify.app/registry/magicui","markdown":"https://sh4dcn.netlify.app/md/magicui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'><rect width='256' height='256' rx='56' fill='var(--foreground)'/><path d='M124.157 193.675C123.939 193.783 123.722 193.837 123.505 193.837C123.287 193.837 122.852 193.837 122.2 193.837C120.678 193.837 118.884 193.567 116.818 193.025C114.862 192.591 112.905 191.995 110.948 191.236C109.099 190.586 107.469 189.828 106.055 188.961C104.751 188.094 103.935 187.335 103.609 186.685C103.501 185.167 103.446 183.596 103.446 181.97C103.446 180.345 103.446 178.773 103.446 177.256C103.446 165.118 104.316 152.438 106.055 139.217C107.904 125.995 110.893 111.69 115.025 96.3005C115.459 94.7833 115.894 92.8867 116.329 90.6108C116.873 88.2266 117.416 85.6798 117.96 82.9704C115.351 85.0296 112.252 88.335 108.665 92.8867C105.077 97.3301 101.272 102.64 97.2492 108.818C93.3354 114.887 89.3672 121.606 85.3446 128.975C81.4308 136.236 77.8431 143.66 74.5815 151.246C71.32 158.724 68.4933 166.148 66.1015 173.517C63.8185 180.887 62.4051 187.714 61.8615 194C56.6431 192.483 53.001 190.966 50.9354 189.448C48.9785 187.931 48 186.089 48 183.921C48 181.97 48.5979 179.207 49.7938 175.631C50.9897 172.054 52.6749 167.828 54.8492 162.951C57.0236 158.074 59.6872 152.655 62.84 146.695C65.9928 140.626 69.4718 134.123 73.2769 127.187C77.6256 119.276 81.8656 111.852 85.9969 104.916C90.2369 97.9803 94.3682 91.6946 98.3908 86.0591C102.413 80.4236 106.327 75.5468 110.132 71.4286C114.046 67.3104 117.906 64.1675 121.711 62C123.233 62 125.244 62.3793 127.745 63.1379C130.354 63.8966 132.854 64.8177 135.246 65.9015C137.747 66.9852 139.921 68.1232 141.769 69.3153C143.726 70.399 144.813 71.3202 145.031 72.0788C143.509 75.1133 141.715 79.665 139.649 85.734C137.584 91.803 135.464 98.6847 133.289 106.379C131.224 114.074 129.212 122.256 127.255 130.926C125.407 139.488 123.939 147.724 122.852 155.635C125.353 149.675 128.234 143.498 131.495 137.103C134.866 130.601 138.399 124.207 142.095 117.921C145.792 111.527 149.543 105.35 153.348 99.3892C157.262 93.4286 161.067 88.0099 164.763 83.133C168.459 78.1478 171.884 73.8128 175.037 70.1281C178.298 66.4434 181.179 63.734 183.68 62C185.202 62 187.213 62.3793 189.714 63.1379C192.323 63.8966 194.824 64.8177 197.215 65.9015C199.716 66.9852 201.89 68.1232 203.738 69.3153C205.695 70.399 206.783 71.3202 207 72.0788C203.521 78.2562 200.477 85.7882 197.868 94.6749C195.258 103.562 193.03 112.882 191.182 122.635C189.442 132.389 188.083 142.089 187.105 151.734C186.235 161.271 185.8 169.833 185.8 177.419C185.8 179.911 185.8 182.512 185.8 185.222C185.8 187.931 185.909 190.749 186.126 193.675C184.604 193.675 182.756 193.458 180.582 193.025C178.516 192.7 176.45 192.212 174.385 191.562C172.428 190.911 170.634 190.153 169.003 189.286C167.372 188.527 166.231 187.66 165.578 186.685C165.47 185.167 165.415 183.596 165.415 181.97C165.415 180.345 165.415 178.773 165.415 177.256C165.415 165.118 166.285 152.438 168.025 139.217C169.873 125.995 172.863 111.69 176.994 96.3005C177.429 94.7833 177.918 92.7241 178.462 90.1232C179.005 87.5222 179.549 84.8128 180.092 81.9951C177.048 83.5123 173.569 86.4384 169.655 90.7734C165.85 95 161.936 100.202 157.914 106.379C154 112.448 150.086 119.222 146.172 126.7C142.367 134.177 138.888 141.818 135.735 149.621C132.691 157.315 130.082 165.01 127.908 172.704C125.842 180.291 124.592 187.281 124.157 193.675Z' fill='var(--background)'/></svg>","preview_image":"https://magicui.design/og","pro":{"has_pro":true,"pro_url":"https://pro.magicui.design","pricing_url":"https://pro.magicui.design"},"metrics":{"github_stars":22888,"open_issues":1,"last_commit":"2026-10-17T05:27:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://magicui.design/r/registry","install_pnpm":"pnpm dlx shadcn@latest add https://magicui.design/r/registry","install_bun":"bunx shadcn@latest add https://magicui.design/r/registry","clone":"git clone https://github.com/magicuidesign/magicui.git","clone_degit":"npx degit magicuidesign/magicui","registry_fetch":"curl -s https://magicui.design/r/registry"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://magicui.design/r/index","install_command":"npx shadcn@latest add https://magicui.design/r/index"},{"name":"magic-card","title":"Magic Card","description":"A spotlight effect that follows your mouse cursor and highlights borders on hover.","type":"registry:ui","source_url":"https://magicui.design/r/magic-card","install_command":"npx shadcn@latest add https://magicui.design/r/magic-card"},{"name":"android","title":"Android","description":"A mockup of an Android device.","type":"registry:ui","source_url":"https://magicui.design/r/android","install_command":"npx shadcn@latest add https://magicui.design/r/android"},{"name":"warp-background","title":"Warp Background","description":"A card with a time warping background effect.","type":"registry:ui","source_url":"https://magicui.design/r/warp-background","install_command":"npx shadcn@latest add https://magicui.design/r/warp-background"},{"name":"line-shadow-text","title":"Line Shadow Text","description":"A text component with a moving line shadow.","type":"registry:ui","source_url":"https://magicui.design/r/line-shadow-text","install_command":"npx shadcn@latest add https://magicui.design/r/line-shadow-text"},{"name":"aurora-text","title":"Aurora Text","description":"A beautiful aurora text effect","type":"registry:ui","source_url":"https://magicui.design/r/aurora-text","install_command":"npx shadcn@latest add https://magicui.design/r/aurora-text"},{"name":"morphing-text","title":"Morphing Text","description":"A dynamic text morphing component for Magic UI.","type":"registry:ui","source_url":"https://magicui.design/r/morphing-text","install_command":"npx shadcn@latest add https://magicui.design/r/morphing-text"},{"name":"scroll-progress","title":"Scroll Progress","description":"Animated Scroll Progress for your pages","type":"registry:ui","source_url":"https://magicui.design/r/scroll-progress","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-progress"},{"name":"lens","title":"Lens","description":"A interactive component that enables zooming into images, videos and other elements.","type":"registry:ui","source_url":"https://magicui.design/r/lens","install_command":"npx shadcn@latest add https://magicui.design/r/lens"},{"name":"pointer","title":"Pointer","description":"A component that displays a pointer when hovering over an element","type":"registry:ui","source_url":"https://magicui.design/r/pointer","install_command":"npx shadcn@latest add https://magicui.design/r/pointer"},{"name":"smooth-cursor","title":null,"description":"A customizable, physics-based smooth cursor animation component with spring animations and rotation effects","type":"registry:ui","source_url":"https://magicui.design/r/smooth-cursor","install_command":"npx shadcn@latest add https://magicui.design/r/smooth-cursor"},{"name":"progressive-blur","title":"Progressive Blur","description":"The Progressive Blur component adds a smooth blur gradient effect to scrollable content, indicating more content below or above.","type":"registry:ui","source_url":"https://magicui.design/r/progressive-blur","install_command":"npx shadcn@latest add https://magicui.design/r/progressive-blur"},{"name":"neon-gradient-card","title":"Neon Gradient Card","description":"A beautiful neon card effect","type":"registry:ui","source_url":"https://magicui.design/r/neon-gradient-card","install_command":"npx shadcn@latest add https://magicui.design/r/neon-gradient-card"},{"name":"noise-texture","title":"Noise Texture","description":"An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for subtle texture overlays.","type":"registry:ui","source_url":"https://magicui.design/r/noise-texture","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture"},{"name":"meteors","title":"Meteors","description":"A meteor shower effect.","type":"registry:ui","source_url":"https://magicui.design/r/meteors","install_command":"npx shadcn@latest add https://magicui.design/r/meteors"},{"name":"grid-pattern","title":"Grid Pattern","description":"A background grid pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/grid-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern"},{"name":"hexagon-pattern","title":"Hexagon Pattern","description":"A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/hexagon-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern"},{"name":"striped-pattern","title":"Striped Pattern","description":"A background striped pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/striped-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern"},{"name":"interactive-grid-pattern","title":"Interactive Grid Pattern","description":"A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/interactive-grid-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-grid-pattern"},{"name":"dot-pattern","title":"Dot Pattern","description":"A background dot pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/dot-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern"},{"name":"flickering-grid","title":"Flickering Grid","description":"A flickering grid background made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/flickering-grid","install_command":"npx shadcn@latest add https://magicui.design/r/flickering-grid"},{"name":"hero-video-dialog","title":"Hero Video Dialog","description":"A hero video dialog component.","type":"registry:ui","source_url":"https://magicui.design/r/hero-video-dialog","install_command":"npx shadcn@latest add https://magicui.design/r/hero-video-dialog"},{"name":"code-comparison","title":"Code Comparison","description":"A component which compares two code snippets.","type":"registry:ui","source_url":"https://magicui.design/r/code-comparison","install_command":"npx shadcn@latest add https://magicui.design/r/code-comparison"},{"name":"marquee","title":"Marquee","description":"An infinite scrolling component that can be used to display text, images, or videos.","type":"registry:ui","source_url":"https://magicui.design/r/marquee","install_command":"npx shadcn@latest add https://magicui.design/r/marquee"},{"name":"globe","title":"Globe","description":"An autorotating, interactive, and highly performant globe made using WebGL.","type":"registry:ui","source_url":"https://magicui.design/r/globe","install_command":"npx shadcn@latest add https://magicui.design/r/globe"},{"name":"glyph-matrix","title":"Glyph Matrix","description":"An animated grid of subtly shifting glyphs with fade effect and theme support.","type":"registry:ui","source_url":"https://magicui.design/r/glyph-matrix","install_command":"npx shadcn@latest add https://magicui.design/r/glyph-matrix"},{"name":"glare-hover","title":"Glare Hover","description":"A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).","type":"registry:ui","source_url":"https://magicui.design/r/glare-hover","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover"},{"name":"shimmer-button","title":"Shimmer Button","description":"A button with a shimmering light which travels around the perimeter.","type":"registry:ui","source_url":"https://magicui.design/r/shimmer-button","install_command":"npx shadcn@latest add https://magicui.design/r/shimmer-button"},{"name":"tweet-card","title":"Tweet Card","description":"A card that displays a tweet with the author's name, handle, and profile picture.","type":"registry:ui","source_url":"https://magicui.design/r/tweet-card","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card"},{"name":"client-tweet-card","title":"Client Tweet Card","description":"A client-side version of the tweet card that displays a tweet with the author's name, handle, and profile picture.","type":"registry:ui","source_url":"https://magicui.design/r/client-tweet-card","install_command":"npx shadcn@latest add https://magicui.design/r/client-tweet-card"},{"name":"bento-grid","title":"Bento Grid","description":"Bento grid is a layout used to showcase the features of a product in a simple and elegant way.","type":"registry:ui","source_url":"https://magicui.design/r/bento-grid","install_command":"npx shadcn@latest add https://magicui.design/r/bento-grid"},{"name":"particles","title":"Particles","description":"Particles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.","type":"registry:ui","source_url":"https://magicui.design/r/particles","install_command":"npx shadcn@latest add https://magicui.design/r/particles"},{"name":"number-ticker","title":"Number Ticker","description":"Animate numbers to count up or down to a target number","type":"registry:ui","source_url":"https://magicui.design/r/number-ticker","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker"},{"name":"ripple","title":"Ripple","description":"An animated ripple effect typically used behind elements to emphasize them.","type":"registry:ui","source_url":"https://magicui.design/r/ripple","install_command":"npx shadcn@latest add https://magicui.design/r/ripple"},{"name":"retro-grid","title":"Retro Grid","description":"An animated scrolling retro grid effect","type":"registry:ui","source_url":"https://magicui.design/r/retro-grid","install_command":"npx shadcn@latest add https://magicui.design/r/retro-grid"},{"name":"animated-list","title":"Animated List","description":"A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.","type":"registry:ui","source_url":"https://magicui.design/r/animated-list","install_command":"npx shadcn@latest add https://magicui.design/r/animated-list"},{"name":"animated-shiny-text","title":"Animated Shiny Text","description":"A light glare effect which pans across text making it appear as if it is shimmering.","type":"registry:ui","source_url":"https://magicui.design/r/animated-shiny-text","install_command":"npx shadcn@latest add https://magicui.design/r/animated-shiny-text"},{"name":"animated-grid-pattern","title":"Animated Grid Pattern","description":"A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.","type":"registry:ui","source_url":"https://magicui.design/r/animated-grid-pattern","install_command":"npx shadcn@latest add https://magicui.design/r/animated-grid-pattern"},{"name":"border-beam","title":"Border Beam","description":"An animated beam of light which travels along the border of its container.","type":"registry:ui","source_url":"https://magicui.design/r/border-beam","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam"},{"name":"animated-beam","title":"Animated Beam","description":"An animated beam of light which travels along a path. Useful for showcasing the integration features of a website.","type":"registry:ui","source_url":"https://magicui.design/r/animated-beam","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam"},{"name":"text-reveal","title":"Text Reveal","description":"Fade in text as you scroll down the page.","type":"registry:ui","source_url":"https://magicui.design/r/text-reveal","install_command":"npx shadcn@latest add https://magicui.design/r/text-reveal"},{"name":"dia-text-reveal","title":"Dia Text Reveal","description":"A horizontal color band sweeps across text, revealing a gradient shine before settling on the base color.","type":"registry:ui","source_url":"https://magicui.design/r/dia-text-reveal","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal"},{"name":"hyper-text","title":"Hyper Text","description":"A text animation that scrambles letters before revealing the final text.","type":"registry:ui","source_url":"https://magicui.design/r/hyper-text","install_command":"npx shadcn@latest add https://magicui.design/r/hyper-text"},{"name":"animated-gradient-text","title":"Animated Gradient Text","description":"An animated gradient background which transitions between colors for text.","type":"registry:ui","source_url":"https://magicui.design/r/animated-gradient-text","install_command":"npx shadcn@latest add https://magicui.design/r/animated-gradient-text"},{"name":"orbiting-circles","title":"Orbiting Circles","description":"A collection of circles which move in orbit along a circular path","type":"registry:ui","source_url":"https://magicui.design/r/orbiting-circles","install_command":"npx shadcn@latest add https://magicui.design/r/orbiting-circles"},{"name":"dock","title":"Dock","description":"An implementation of the MacOS dock using react + tailwindcss + motion","type":"registry:ui","source_url":"https://magicui.design/r/dock","install_command":"npx shadcn@latest add https://magicui.design/r/dock"},{"name":"word-rotate","title":"Word Rotate","description":"A vertical rotation of words","type":"registry:ui","source_url":"https://magicui.design/r/word-rotate","install_command":"npx shadcn@latest add https://magicui.design/r/word-rotate"},{"name":"avatar-circles","title":"Avatar Circles","description":"Overlapping circles of avatars.","type":"registry:ui","source_url":"https://magicui.design/r/avatar-circles","install_command":"npx shadcn@latest add https://magicui.design/r/avatar-circles"},{"name":"typing-animation","title":"Typing Animation","description":"Characters appearing in typed animation","type":"registry:ui","source_url":"https://magicui.design/r/typing-animation","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation"},{"name":"sparkles-text","title":"Sparkles Text","description":"A dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.","type":"registry:ui","source_url":"https://magicui.design/r/sparkles-text","install_command":"npx shadcn@latest add https://magicui.design/r/sparkles-text"},{"name":"spinning-text","title":"Spinning Text","description":"The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.","type":"registry:ui","source_url":"https://magicui.design/r/spinning-text","install_command":"npx shadcn@latest add https://magicui.design/r/spinning-text"},{"name":"comic-text","title":"Comic Text","description":"Comic text animation","type":"registry:ui","source_url":"https://magicui.design/r/comic-text","install_command":"npx shadcn@latest add https://magicui.design/r/comic-text"},{"name":"icon-cloud","title":"Icon Cloud","description":"An interactive 3D tag cloud component","type":"registry:ui","source_url":"https://magicui.design/r/icon-cloud","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud"},{"name":"text-animate","title":"Text Animate","description":"A text animation component that animates text using a variety of different animations.","type":"registry:ui","source_url":"https://magicui.design/r/text-animate","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate"},{"name":"scroll-based-velocity","title":"Scroll Based Velocity","description":"Scrolling text whose speed changes based on scroll speed","type":"registry:ui","source_url":"https://magicui.design/r/scroll-based-velocity","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-based-velocity"},{"name":"shiny-button","title":"Shiny Button","description":"A shiny button component with dynamic styles in the dark mode or light mode.","type":"registry:ui","source_url":"https://magicui.design/r/shiny-button","install_command":"npx shadcn@latest add https://magicui.design/r/shiny-button"},{"name":"shine-border","title":"Shine Border","description":"Shine border is an animated background border effect.","type":"registry:ui","source_url":"https://magicui.design/r/shine-border","install_command":"npx shadcn@latest add https://magicui.design/r/shine-border"},{"name":"animated-circular-progress-bar","title":"Animated Circular Progress Bar","description":"Animated Circular Progress Bar is a component that displays a circular gauge with a percentage value.","type":"registry:ui","source_url":"https://magicui.design/r/animated-circular-progress-bar","install_command":"npx shadcn@latest add https://magicui.design/r/animated-circular-progress-bar"},{"name":"confetti","title":"Confetti","description":"Confetti animations are best used to delight your users when something special happens","type":"registry:ui","source_url":"https://magicui.design/r/confetti","install_command":"npx shadcn@latest add https://magicui.design/r/confetti"},{"name":"cool-mode","title":"Cool Mode","description":"Cool mode effect for buttons, links, and other DOMs","type":"registry:ui","source_url":"https://magicui.design/r/cool-mode","install_command":"npx shadcn@latest add https://magicui.design/r/cool-mode"},{"name":"pulsating-button","title":"Pulsating Button","description":"An animated pulsating button useful for capturing attention of users.","type":"registry:ui","source_url":"https://magicui.design/r/pulsating-button","install_command":"npx shadcn@latest add https://magicui.design/r/pulsating-button"},{"name":"ripple-button","title":"Ripple Button","description":"An animated button with ripple useful for user engagement.","type":"registry:ui","source_url":"https://magicui.design/r/ripple-button","install_command":"npx shadcn@latest add https://magicui.design/r/ripple-button"},{"name":"file-tree","title":"File Tree","description":"A component used to showcase the folder and file structure of a directory.","type":"registry:ui","source_url":"https://magicui.design/r/file-tree","install_command":"npx shadcn@latest add https://magicui.design/r/file-tree"},{"name":"blur-fade","title":"Blur Fade","description":"Blur fade in and out animation. Used to smoothly fade in and out content.","type":"registry:ui","source_url":"https://magicui.design/r/blur-fade","install_command":"npx shadcn@latest add https://magicui.design/r/blur-fade"},{"name":"safari","title":"Safari","description":"A safari browser mockup to showcase your website.","type":"registry:ui","source_url":"https://magicui.design/r/safari","install_command":"npx shadcn@latest add https://magicui.design/r/safari"},{"name":"iphone","title":"iPhone","description":"A mockup of the iPhone","type":"registry:ui","source_url":"https://magicui.design/r/iphone","install_command":"npx shadcn@latest add https://magicui.design/r/iphone"},{"name":"rainbow-button","title":"Rainbow Button","description":"An animated button with a rainbow effect.","type":"registry:ui","source_url":"https://magicui.design/r/rainbow-button","install_command":"npx shadcn@latest add https://magicui.design/r/rainbow-button"},{"name":"interactive-hover-button","title":null,"description":null,"type":"registry:ui","source_url":"https://magicui.design/r/interactive-hover-button","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-hover-button"},{"name":"terminal","title":"Terminal","description":"A terminal component","type":"registry:ui","source_url":"https://magicui.design/r/terminal","install_command":"npx shadcn@latest add https://magicui.design/r/terminal"},{"name":"video-text","title":"Video Text","description":"A component that displays text with a video playing in the background.","type":"registry:ui","source_url":"https://magicui.design/r/video-text","install_command":"npx shadcn@latest add https://magicui.design/r/video-text"},{"name":"pixel-image","title":"Pixel Image","description":"A component that displays an image with a pixelated effect, creating a retro aesthetic.","type":"registry:ui","source_url":"https://magicui.design/r/pixel-image","install_command":"npx shadcn@latest add https://magicui.design/r/pixel-image"},{"name":"highlighter","title":"Highlighter","description":"A text highlighter that mimics the effect of a human-drawn marker stroke.","type":"registry:ui","source_url":"https://magicui.design/r/highlighter","install_command":"npx shadcn@latest add https://magicui.design/r/highlighter"},{"name":"animated-theme-toggler","title":"Theme Toggler","description":"Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), optional viewport-centered origin.","type":"registry:ui","source_url":"https://magicui.design/r/animated-theme-toggler","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler"},{"name":"light-rays","title":"Light Rays","description":"A component with animated light rays which shine down from above.","type":"registry:ui","source_url":"https://magicui.design/r/light-rays","install_command":"npx shadcn@latest add https://magicui.design/r/light-rays"},{"name":"dotted-map","title":"Dotted Map","description":"A component with a dotted map.","type":"registry:ui","source_url":"https://magicui.design/r/dotted-map","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map"},{"name":"backlight","title":"Backlight","description":"A backlight glow effect for videos, images, and SVGs.","type":"registry:ui","source_url":"https://magicui.design/r/backlight","install_command":"npx shadcn@latest add https://magicui.design/r/backlight"},{"name":"kinetic-text","title":"Kinetic Text","description":"A text component that animates font weight of characters on hover.","type":"registry:ui","source_url":"https://magicui.design/r/kinetic-text","install_command":"npx shadcn@latest add https://magicui.design/r/kinetic-text"},{"name":"text-3d-flip","title":"Text 3D Flip","description":"A text effect that flips each letter in 3D with a staggered animation on hover.","type":"registry:ui","source_url":"https://magicui.design/r/text-3d-flip","install_command":"npx shadcn@latest add https://magicui.design/r/text-3d-flip"},{"name":"floating-3d-particles","title":"Floating 3D Particles","description":"A canvas-based pseudo-3D particle field with perspective projection, continuous rotation and buoyant drift.","type":"registry:ui","source_url":"https://magicui.design/r/floating-3d-particles","install_command":"npx shadcn@latest add https://magicui.design/r/floating-3d-particles"},{"name":"magic-card-demo","title":"Magic Card Demo","description":"Example showing a spotlight effect that follows your mouse cursor and highlights borders on hover.","type":"registry:example","source_url":"https://magicui.design/r/magic-card-demo","install_command":"npx shadcn@latest add https://magicui.design/r/magic-card-demo"},{"name":"magic-card-demo-2","title":"Magic Card Demo 2","description":"Example showing a magic card with an orb effect.","type":"registry:example","source_url":"https://magicui.design/r/magic-card-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/magic-card-demo-2"},{"name":"android-demo","title":"Android Demo","description":"Example showing a mockup of an Android device.","type":"registry:example","source_url":"https://magicui.design/r/android-demo","install_command":"npx shadcn@latest add https://magicui.design/r/android-demo"},{"name":"android-demo-2","title":"Android Demo 2","description":"Second example showing a mockup of an Android device.","type":"registry:example","source_url":"https://magicui.design/r/android-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/android-demo-2"},{"name":"android-demo-3","title":"Android Demo 3","description":"Third example showing a mockup of an Android device.","type":"registry:example","source_url":"https://magicui.design/r/android-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/android-demo-3"},{"name":"warp-background-demo","title":"Warp Background Demo","description":"Example showing a card with a time warping background effect.","type":"registry:example","source_url":"https://magicui.design/r/warp-background-demo","install_command":"npx shadcn@latest add https://magicui.design/r/warp-background-demo"},{"name":"line-shadow-text-demo","title":"Line Shadow Text Demo","description":"Example showing a text component with a moving line shadow.","type":"registry:example","source_url":"https://magicui.design/r/line-shadow-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/line-shadow-text-demo"},{"name":"aurora-text-demo","title":"Aurora Text Demo","description":"Example showing a beautiful aurora text effect.","type":"registry:example","source_url":"https://magicui.design/r/aurora-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/aurora-text-demo"},{"name":"morphing-text-demo","title":"Morphing Text Demo","description":"Example showing a dynamic text morphing component.","type":"registry:example","source_url":"https://magicui.design/r/morphing-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/morphing-text-demo"},{"name":"scroll-progress-demo","title":"Scroll Progress Demo","description":"Example showing animated scroll progress for your pages.","type":"registry:example","source_url":"https://magicui.design/r/scroll-progress-demo","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-progress-demo"},{"name":"lens-demo","title":"Lens Demo","description":"Example showing a lens effect component","type":"registry:example","source_url":"https://magicui.design/r/lens-demo","install_command":"npx shadcn@latest add https://magicui.design/r/lens-demo"},{"name":"lens-demo-2","title":"Lens Demo 2","description":"Second example showing a lens effect component","type":"registry:example","source_url":"https://magicui.design/r/lens-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/lens-demo-2"},{"name":"lens-demo-3","title":"Lens Demo 3","description":"Third example showing a lens effect component","type":"registry:example","source_url":"https://magicui.design/r/lens-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/lens-demo-3"},{"name":"pointer-demo-1","title":"Pointer Demo 1","description":"Example showing a pointer effect component","type":"registry:example","source_url":"https://magicui.design/r/pointer-demo-1","install_command":"npx shadcn@latest add https://magicui.design/r/pointer-demo-1"},{"name":"smooth-cursor-demo","title":null,"description":"Basic smooth cursor example","type":"registry:example","source_url":"https://magicui.design/r/smooth-cursor-demo","install_command":"npx shadcn@latest add https://magicui.design/r/smooth-cursor-demo"},{"name":"progressive-blur-demo","title":"Progressive Blur Demo","description":"Example showing progressive blur effect for scrollable content.","type":"registry:example","source_url":"https://magicui.design/r/progressive-blur-demo","install_command":"npx shadcn@latest add https://magicui.design/r/progressive-blur-demo"},{"name":"neon-gradient-card-demo","title":"Neon Gradient Card Demo","description":"Example showing a beautiful neon card effect.","type":"registry:example","source_url":"https://magicui.design/r/neon-gradient-card-demo","install_command":"npx shadcn@latest add https://magicui.design/r/neon-gradient-card-demo"},{"name":"noise-texture-demo","title":"Noise Texture Demo","description":"Example showing the SVG noise texture in a framed panel with a radial mask.","type":"registry:example","source_url":"https://magicui.design/r/noise-texture-demo","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo"},{"name":"noise-texture-demo-2","title":"Noise Texture Demo (newsletter card)","description":"Example showing a newsletter signup card with email input over a noise texture.","type":"registry:example","source_url":"https://magicui.design/r/noise-texture-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo-2"},{"name":"noise-texture-demo-3","title":"Noise Texture Demo (button)","description":"Example showing NoiseTexture behind a button label inside a relative button.","type":"registry:example","source_url":"https://magicui.design/r/noise-texture-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo-3"},{"name":"noise-texture-demo-4","title":"Noise Texture Demo (input)","description":"Example showing a labeled input field with NoiseTexture filling the input container.","type":"registry:example","source_url":"https://magicui.design/r/noise-texture-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/noise-texture-demo-4"},{"name":"meteors-demo","title":"Meteors Demo","description":"Example showing a meteor shower effect.","type":"registry:example","source_url":"https://magicui.design/r/meteors-demo","install_command":"npx shadcn@latest add https://magicui.design/r/meteors-demo"},{"name":"grid-pattern-demo","title":"Grid Pattern Demo","description":"Example showing a background grid pattern made with SVGs.","type":"registry:example","source_url":"https://magicui.design/r/grid-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern-demo"},{"name":"striped-pattern-demo","title":"Striped Pattern Demo","description":"Example showing a background striped pattern made with SVGs.","type":"registry:example","source_url":"https://magicui.design/r/striped-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern-demo"},{"name":"striped-pattern-dashed","title":"Striped Pattern (Dashed)","description":"Example showing a background striped pattern with a dashed stroke.","type":"registry:example","source_url":"https://magicui.design/r/striped-pattern-dashed","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern-dashed"},{"name":"striped-pattern-right","title":"Striped Pattern (Right)","description":"Example showing a background striped pattern slanting to the right using SVG.","type":"registry:example","source_url":"https://magicui.design/r/striped-pattern-right","install_command":"npx shadcn@latest add https://magicui.design/r/striped-pattern-right"},{"name":"grid-pattern-linear-gradient","title":"Grid Pattern Linear Gradient","description":"Example showing a grid pattern with linear gradient effects.","type":"registry:example","source_url":"https://magicui.design/r/grid-pattern-linear-gradient","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern-linear-gradient"},{"name":"grid-pattern-dashed","title":"Grid Pattern Dashed","description":"Example showing a dashed grid pattern.","type":"registry:example","source_url":"https://magicui.design/r/grid-pattern-dashed","install_command":"npx shadcn@latest add https://magicui.design/r/grid-pattern-dashed"},{"name":"hexagon-pattern-demo","title":"Hexagon Pattern Demo","description":"Example showing a background hexagon pattern made with SVGs.","type":"registry:example","source_url":"https://magicui.design/r/hexagon-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-demo"},{"name":"hexagon-pattern-linear-gradient","title":"Hexagon Pattern Linear Gradient","description":"Example showing a hexagon pattern with linear gradient effects.","type":"registry:example","source_url":"https://magicui.design/r/hexagon-pattern-linear-gradient","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-linear-gradient"},{"name":"hexagon-pattern-dashed","title":"Hexagon Pattern Dashed","description":"Example showing a dashed hexagon pattern.","type":"registry:example","source_url":"https://magicui.design/r/hexagon-pattern-dashed","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-dashed"},{"name":"hexagon-pattern-spacing","title":"Hexagon Pattern Spacing","description":"Example showing a hexagon pattern with extra spacing between cells.","type":"registry:example","source_url":"https://magicui.design/r/hexagon-pattern-spacing","install_command":"npx shadcn@latest add https://magicui.design/r/hexagon-pattern-spacing"},{"name":"dot-pattern-demo","title":"Dot Pattern Demo","description":"Example showing a background dot pattern made with SVGs.","type":"registry:example","source_url":"https://magicui.design/r/dot-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern-demo"},{"name":"dot-pattern-linear-gradient","title":"Dot Pattern Linear Gradient","description":"Example showing a dot pattern with linear gradient effects.","type":"registry:example","source_url":"https://magicui.design/r/dot-pattern-linear-gradient","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern-linear-gradient"},{"name":"dot-pattern-with-glow-effect","title":"Dot Pattern with glow effect","description":"Example showing a dot pattern with glow effect","type":"registry:example","source_url":"https://magicui.design/r/dot-pattern-with-glow-effect","install_command":"npx shadcn@latest add https://magicui.design/r/dot-pattern-with-glow-effect"},{"name":"flickering-grid-demo","title":"Flickering Grid Demo","description":"Example showing a flickering grid background.","type":"registry:example","source_url":"https://magicui.design/r/flickering-grid-demo","install_command":"npx shadcn@latest add https://magicui.design/r/flickering-grid-demo"},{"name":"flickering-grid-rounded-demo","title":"Flickering Grid Rounded Demo","description":"Example showing a flickering grid background with rounded corners.","type":"registry:example","source_url":"https://magicui.design/r/flickering-grid-rounded-demo","install_command":"npx shadcn@latest add https://magicui.design/r/flickering-grid-rounded-demo"},{"name":"hero-video-dialog-demo","title":"Hero Video Dialog Demo","description":"Example showing a hero video dialog component.","type":"registry:example","source_url":"https://magicui.design/r/hero-video-dialog-demo","install_command":"npx shadcn@latest add https://magicui.design/r/hero-video-dialog-demo"},{"name":"hero-video-dialog-demo-top-in-bottom-out","title":"Hero Video Dialog Top In Bottom Out Demo","description":"Example showing a hero video dialog with top-in bottom-out animation.","type":"registry:example","source_url":"https://magicui.design/r/hero-video-dialog-demo-top-in-bottom-out","install_command":"npx shadcn@latest add https://magicui.design/r/hero-video-dialog-demo-top-in-bottom-out"},{"name":"code-comparison-demo","title":"Code Comparison Demo","description":"Example showing a component which compares two code snippets.","type":"registry:example","source_url":"https://magicui.design/r/code-comparison-demo","install_command":"npx shadcn@latest add https://magicui.design/r/code-comparison-demo"},{"name":"marquee-demo","title":"Marquee Demo","description":"Example showing an infinite scrolling component.","type":"registry:example","source_url":"https://magicui.design/r/marquee-demo","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-demo"},{"name":"marquee-demo-vertical","title":"Marquee Vertical Demo","description":"Example showing a vertical infinite scrolling component.","type":"registry:example","source_url":"https://magicui.design/r/marquee-demo-vertical","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-demo-vertical"},{"name":"marquee-logos","title":"Marquee Logos","description":"Example showing an infinite scrolling logo carousel.","type":"registry:example","source_url":"https://magicui.design/r/marquee-logos","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-logos"},{"name":"marquee-3d","title":"Marquee 3D","description":"Example showing a 3D infinite scrolling component.","type":"registry:example","source_url":"https://magicui.design/r/marquee-3d","install_command":"npx shadcn@latest add https://magicui.design/r/marquee-3d"},{"name":"globe-demo","title":"Globe Demo","description":"Example showing an autorotating, interactive WebGL globe.","type":"registry:example","source_url":"https://magicui.design/r/globe-demo","install_command":"npx shadcn@latest add https://magicui.design/r/globe-demo"},{"name":"glyph-matrix-demo","title":"Glyph Matrix Demo","description":"Example showing an animated grid of subtly shifting glyphs.","type":"registry:example","source_url":"https://magicui.design/r/glyph-matrix-demo","install_command":"npx shadcn@latest add https://magicui.design/r/glyph-matrix-demo"},{"name":"glare-hover-demo","title":"Glare Hover Demo","description":"Pricing card with diagonal hover glare (duration 600ms).","type":"registry:example","source_url":"https://magicui.design/r/glare-hover-demo","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover-demo"},{"name":"glare-hover-demo-cta","title":"Glare Hover Demo — CTA","description":"CTA card with hover glare (700ms).","type":"registry:example","source_url":"https://magicui.design/r/glare-hover-demo-cta","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover-demo-cta"},{"name":"glare-hover-demo-alert","title":"Glare Hover Demo — Alerts","description":"Three alerts with custom glare colors and opacity.","type":"registry:example","source_url":"https://magicui.design/r/glare-hover-demo-alert","install_command":"npx shadcn@latest add https://magicui.design/r/glare-hover-demo-alert"},{"name":"tweet-card-demo","title":"Tweet Card Demo","description":"Example showing a tweet card with author info.","type":"registry:example","source_url":"https://magicui.design/r/tweet-card-demo","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card-demo"},{"name":"tweet-card-images","title":"Tweet Card Images","description":"Example showing a tweet card with images.","type":"registry:example","source_url":"https://magicui.design/r/tweet-card-images","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card-images"},{"name":"tweet-card-meta-preview","title":"Tweet Card Meta Preview","description":"Example showing a tweet card with meta preview.","type":"registry:example","source_url":"https://magicui.design/r/tweet-card-meta-preview","install_command":"npx shadcn@latest add https://magicui.design/r/tweet-card-meta-preview"},{"name":"shimmer-button-demo","title":"Shimmer Button Demo","description":"Example showing a button with a shimmering light effect.","type":"registry:example","source_url":"https://magicui.design/r/shimmer-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/shimmer-button-demo"},{"name":"bento-demo","title":"Bento Demo","description":"Example showing a bento grid layout for showcasing features.","type":"registry:example","source_url":"https://magicui.design/r/bento-demo","install_command":"npx shadcn@latest add https://magicui.design/r/bento-demo"},{"name":"bento-demo-vertical","title":"Bento Vertical Demo","description":"Example showing a vertical bento grid layout.","type":"registry:example","source_url":"https://magicui.design/r/bento-demo-vertical","install_command":"npx shadcn@latest add https://magicui.design/r/bento-demo-vertical"},{"name":"number-ticker-demo","title":"Number Ticker Demo","description":"Example showing animated counting numbers.","type":"registry:example","source_url":"https://magicui.design/r/number-ticker-demo","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker-demo"},{"name":"number-ticker-demo-2","title":"Number Ticker Demo 2","description":"Example showing animated counting numbers.","type":"registry:example","source_url":"https://magicui.design/r/number-ticker-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker-demo-2"},{"name":"number-ticker-decimal-demo","title":"Number Ticker Decimal Demo","description":"Example showing animated counting decimal numbers.","type":"registry:example","source_url":"https://magicui.design/r/number-ticker-decimal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/number-ticker-decimal-demo"},{"name":"ripple-demo","title":"Ripple Demo","description":"Example showing an animated ripple effect.","type":"registry:example","source_url":"https://magicui.design/r/ripple-demo","install_command":"npx shadcn@latest add https://magicui.design/r/ripple-demo"},{"name":"retro-grid-demo","title":"Retro Grid Demo","description":"Example showing an animated scrolling retro grid effect.","type":"registry:example","source_url":"https://magicui.design/r/retro-grid-demo","install_command":"npx shadcn@latest add https://magicui.design/r/retro-grid-demo"},{"name":"animated-list-demo","title":"Animated List Demo","description":"Example showing a list with sequenced item animations.","type":"registry:example","source_url":"https://magicui.design/r/animated-list-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-list-demo"},{"name":"animated-shiny-text-demo","title":"Animated Shiny Text Demo","description":"Example showing text with a shimmering light effect.","type":"registry:example","source_url":"https://magicui.design/r/animated-shiny-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-shiny-text-demo"},{"name":"particles-demo","title":"Particles Demo","description":"Example showing interactive particle effects.","type":"registry:example","source_url":"https://magicui.design/r/particles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/particles-demo"},{"name":"animated-grid-pattern-demo","title":"Animated Grid Pattern Demo","description":"Example showing an animated grid pattern background.","type":"registry:example","source_url":"https://magicui.design/r/animated-grid-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-grid-pattern-demo"},{"name":"interactive-grid-pattern-demo","title":"Interactive Grid Pattern Demo","description":"Example showing an interactive grid pattern background.","type":"registry:example","source_url":"https://magicui.design/r/interactive-grid-pattern-demo","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-grid-pattern-demo"},{"name":"interactive-grid-pattern-demo-2","title":"Interactive Grid Pattern Demo 2","description":"Second example showing an interactive grid pattern background.","type":"registry:example","source_url":"https://magicui.design/r/interactive-grid-pattern-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-grid-pattern-demo-2"},{"name":"border-beam-demo","title":"Border Beam Demo","description":"Example showing an animated border beam effect.","type":"registry:example","source_url":"https://magicui.design/r/border-beam-demo","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo"},{"name":"border-beam-demo-2","title":"Border Beam Demo","description":"Example showing an animated border beam effect.","type":"registry:example","source_url":"https://magicui.design/r/border-beam-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo-2"},{"name":"border-beam-demo-3","title":"Border Beam Demo 3","description":"Example showing an animated border beam effect.","type":"registry:example","source_url":"https://magicui.design/r/border-beam-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo-3"},{"name":"border-beam-demo-4","title":"Border Beam Demo 4","description":"Example showing an animated border beam effect.","type":"registry:example","source_url":"https://magicui.design/r/border-beam-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/border-beam-demo-4"},{"name":"animated-beam-demo","title":"Animated Beam Demo","description":"Example showing an animated beam of light effect.","type":"registry:example","source_url":"https://magicui.design/r/animated-beam-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-demo"},{"name":"animated-beam-unidirectional","title":"Animated Beam Unidirectional","description":"Example showing a unidirectional animated beam effect.","type":"registry:example","source_url":"https://magicui.design/r/animated-beam-unidirectional","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-unidirectional"},{"name":"animated-beam-bidirectional","title":"Animated Beam Bidirectional","description":"Example showing a bidirectional animated beam effect.","type":"registry:example","source_url":"https://magicui.design/r/animated-beam-bidirectional","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-bidirectional"},{"name":"animated-beam-multiple-inputs","title":"Animated Beam Multiple Inputs","description":"Example showing animated beams with multiple input points.","type":"registry:example","source_url":"https://magicui.design/r/animated-beam-multiple-inputs","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-multiple-inputs"},{"name":"animated-beam-multiple-outputs","title":"Animated Beam Multiple Outputs","description":"Example showing animated beams with multiple output points.","type":"registry:example","source_url":"https://magicui.design/r/animated-beam-multiple-outputs","install_command":"npx shadcn@latest add https://magicui.design/r/animated-beam-multiple-outputs"},{"name":"text-reveal-demo","title":"Text Reveal Demo","description":"Example showing text that fades in on scroll.","type":"registry:example","source_url":"https://magicui.design/r/text-reveal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/text-reveal-demo"},{"name":"dia-text-reveal-demo","title":"Dia Text Reveal Demo","description":"Example showing a sweeping color band reveal on headline text.","type":"registry:example","source_url":"https://magicui.design/r/dia-text-reveal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal-demo"},{"name":"dia-text-reveal-demo-2","title":"Dia Text Reveal Demo 2","description":"Custom gradient colors and settled text color on a light background.","type":"registry:example","source_url":"https://magicui.design/r/dia-text-reveal-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal-demo-2"},{"name":"dia-text-reveal-demo-3","title":"Dia Text Reveal Demo 3","description":"Rotating phrases with repeat and repeat delay.","type":"registry:example","source_url":"https://magicui.design/r/dia-text-reveal-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal-demo-3"},{"name":"dia-text-reveal-demo-4","title":"Dia Text Reveal Demo 4","description":"Slower sweep with delay — custom duration and timing.","type":"registry:example","source_url":"https://magicui.design/r/dia-text-reveal-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/dia-text-reveal-demo-4"},{"name":"animated-gradient-text-demo","title":"Animated Gradient Text Demo","description":"Example showing text with animated gradient backgrounds.","type":"registry:example","source_url":"https://magicui.design/r/animated-gradient-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-gradient-text-demo"},{"name":"animated-gradient-text-demo-2","title":"Animated Gradient Text Demo 2","description":"Second example showing text with animated gradient backgrounds.","type":"registry:example","source_url":"https://magicui.design/r/animated-gradient-text-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/animated-gradient-text-demo-2"},{"name":"orbiting-circles-demo","title":"Orbiting Circles Demo","description":"Example showing circles moving in orbital paths.","type":"registry:example","source_url":"https://magicui.design/r/orbiting-circles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/orbiting-circles-demo"},{"name":"dock-demo","title":"Dock Demo","description":"Example showing a MacOS-style dock implementation.","type":"registry:example","source_url":"https://magicui.design/r/dock-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dock-demo"},{"name":"dock-demo-2","title":"Dock Demo 2","description":"Second example showing a MacOS-style dock implementation.","type":"registry:example","source_url":"https://magicui.design/r/dock-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/dock-demo-2"},{"name":"dock-demo-3","title":"Dock Demo 3","description":"Third example showing a MacOS-style dock implementation.","type":"registry:example","source_url":"https://magicui.design/r/dock-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/dock-demo-3"},{"name":"word-rotate-demo","title":"Word Rotate Demo","description":"Example showing vertical word rotation animation.","type":"registry:example","source_url":"https://magicui.design/r/word-rotate-demo","install_command":"npx shadcn@latest add https://magicui.design/r/word-rotate-demo"},{"name":"hyper-text-demo","title":"Hyper Text Demo","description":"Example showing text with scrambling letter animations.","type":"registry:example","source_url":"https://magicui.design/r/hyper-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/hyper-text-demo"},{"name":"avatar-circles-demo","title":"Avatar Circles Demo","description":"Example showing overlapping avatar circles.","type":"registry:example","source_url":"https://magicui.design/r/avatar-circles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/avatar-circles-demo"},{"name":"typing-animation-demo","title":"Typing Animation Demo","description":"Example showing typed character animations.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo"},{"name":"typing-animation-demo-2","title":"Typing Animation Multiple Words","description":"Example showing multiple words with looping.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-2"},{"name":"typing-animation-demo-3","title":"Typing Animation Custom Speed","description":"Example showing custom typing and deleting speeds.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-3"},{"name":"typing-animation-demo-4","title":"Typing Animation Start on View","description":"Example showing animation that starts when in viewport.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-4"},{"name":"typing-animation-demo-5","title":"Typing Animation Without Cursor","description":"Example showing typing animation without cursor.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-5","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-5"},{"name":"typing-animation-demo-6","title":"Typing Animation Single Play","description":"Example showing single play without looping.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-6","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-6"},{"name":"typing-animation-demo-7","title":"Typing Animation Cursor Blinking","description":"Example showing cursor blinking control.","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-7","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-7"},{"name":"typing-animation-demo-8","title":"Typing Animation Cursor Styles","description":"Example showing different cursor styles (line, block, underscore).","type":"registry:example","source_url":"https://magicui.design/r/typing-animation-demo-8","install_command":"npx shadcn@latest add https://magicui.design/r/typing-animation-demo-8"},{"name":"scroll-based-velocity-demo","title":"Scroll Based Velocity Demo","description":"Example showing text speed changes based on scroll velocity.","type":"registry:example","source_url":"https://magicui.design/r/scroll-based-velocity-demo","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-based-velocity-demo"},{"name":"scroll-based-velocity-images-demo","title":"Scroll Based Velocity Images","description":"Example showing Unsplash images scrolling with speed reacting to scroll velocity.","type":"registry:example","source_url":"https://magicui.design/r/scroll-based-velocity-images-demo","install_command":"npx shadcn@latest add https://magicui.design/r/scroll-based-velocity-images-demo"},{"name":"sparkles-text-demo","title":"Sparkles Text Demo","description":"Example showing text with animated sparkle effects.","type":"registry:example","source_url":"https://magicui.design/r/sparkles-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/sparkles-text-demo"},{"name":"spinning-text-demo","title":"Spinning Text Demo","description":"Example showing spinning text animation.","type":"registry:example","source_url":"https://magicui.design/r/spinning-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/spinning-text-demo"},{"name":"spinning-text-demo-2","title":"Spinning Text Demo 2","description":"Example showing spinning text animation.","type":"registry:example","source_url":"https://magicui.design/r/spinning-text-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/spinning-text-demo-2"},{"name":"comic-text-demo","title":"Comic Text Demo","description":"Example showing comic text animation.","type":"registry:example","source_url":"https://magicui.design/r/comic-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/comic-text-demo"},{"name":"icon-cloud-demo","title":"Icon Cloud Demo","description":"Example showing an interactive 3D icon cloud.","type":"registry:example","source_url":"https://magicui.design/r/icon-cloud-demo","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud-demo"},{"name":"icon-cloud-demo-2","title":"Icon Cloud Demo 2","description":"Second example showing an interactive 3D icon cloud.","type":"registry:example","source_url":"https://magicui.design/r/icon-cloud-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud-demo-2"},{"name":"icon-cloud-demo-3","title":"Icon Cloud Demo 3","description":"Third example showing an interactive 3D icon cloud.","type":"registry:example","source_url":"https://magicui.design/r/icon-cloud-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/icon-cloud-demo-3"},{"name":"text-animate-demo","title":"Text Animate Demo","description":"Example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo"},{"name":"text-animate-demo-2","title":"Text Animate Demo 2","description":"Second example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-2"},{"name":"text-animate-demo-3","title":"Text Animate Demo 3","description":"Third example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-3"},{"name":"text-animate-demo-4","title":"Text Animate Demo 4","description":"Fourth example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-4"},{"name":"text-animate-demo-5","title":"Text Animate Demo 5","description":"Fifth example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-5","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-5"},{"name":"text-animate-demo-6","title":"Text Animate Demo 6","description":"Sixth example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-6","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-6"},{"name":"text-animate-demo-7","title":"Text Animate Demo 7","description":"Seventh example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-7","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-7"},{"name":"text-animate-demo-8","title":"Text Animate Demo 8","description":"Eighth example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-8","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-8"},{"name":"text-animate-demo-9","title":"Text Animate Demo 9","description":"Ninth example showing various text animations.","type":"registry:example","source_url":"https://magicui.design/r/text-animate-demo-9","install_command":"npx shadcn@latest add https://magicui.design/r/text-animate-demo-9"},{"name":"shiny-button-demo","title":"Shiny Button Demo","description":"Example showing a shiny button with dynamic styles.","type":"registry:example","source_url":"https://magicui.design/r/shiny-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/shiny-button-demo"},{"name":"animated-circular-progress-bar-demo","title":"Animated Circular Progress Bar Demo","description":"Example showing an animated circular progress gauge.","type":"registry:example","source_url":"https://magicui.design/r/animated-circular-progress-bar-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-circular-progress-bar-demo"},{"name":"shine-border-demo","title":"Shine Border Demo","description":"Example showing an animated shining border effect.","type":"registry:example","source_url":"https://magicui.design/r/shine-border-demo","install_command":"npx shadcn@latest add https://magicui.design/r/shine-border-demo"},{"name":"shine-border-demo-2","title":"Shine Border Demo 2","description":"Second example showing an animated shining border effect.","type":"registry:example","source_url":"https://magicui.design/r/shine-border-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/shine-border-demo-2"},{"name":"confetti-demo","title":"Confetti Demo","description":"Example showing confetti animations for celebrations.","type":"registry:example","source_url":"https://magicui.design/r/confetti-demo","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-demo"},{"name":"confetti-basic-cannon","title":"Confetti Basic Cannon","description":"Example showing basic confetti cannon animation.","type":"registry:example","source_url":"https://magicui.design/r/confetti-basic-cannon","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-basic-cannon"},{"name":"confetti-random-direction","title":"Confetti Random Direction","description":"Example showing confetti with random directions.","type":"registry:example","source_url":"https://magicui.design/r/confetti-random-direction","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-random-direction"},{"name":"confetti-fireworks","title":"Confetti Fireworks","description":"Example showing fireworks-style confetti animation.","type":"registry:example","source_url":"https://magicui.design/r/confetti-fireworks","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-fireworks"},{"name":"confetti-stars","title":"Confetti Stars","description":"Example showing star-shaped confetti animation.","type":"registry:example","source_url":"https://magicui.design/r/confetti-stars","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-stars"},{"name":"confetti-side-cannons","title":"Confetti Side Cannons","description":"Example showing side-mounted confetti cannons.","type":"registry:example","source_url":"https://magicui.design/r/confetti-side-cannons","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-side-cannons"},{"name":"confetti-custom-shapes","title":"Confetti Custom Shapes","description":"Example showing confetti with custom shape particles.","type":"registry:example","source_url":"https://magicui.design/r/confetti-custom-shapes","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-custom-shapes"},{"name":"confetti-emoji","title":"Confetti Emoji","description":"Example showing confetti with emoji particles.","type":"registry:example","source_url":"https://magicui.design/r/confetti-emoji","install_command":"npx shadcn@latest add https://magicui.design/r/confetti-emoji"},{"name":"cool-mode-demo","title":"Cool Mode Demo","description":"Example showing cool mode effect for buttons and links.","type":"registry:example","source_url":"https://magicui.design/r/cool-mode-demo","install_command":"npx shadcn@latest add https://magicui.design/r/cool-mode-demo"},{"name":"cool-mode-custom","title":"Cool Mode Custom","description":"Example showing customized cool mode effects.","type":"registry:example","source_url":"https://magicui.design/r/cool-mode-custom","install_command":"npx shadcn@latest add https://magicui.design/r/cool-mode-custom"},{"name":"pulsating-button-demo","title":"Pulsating Button Demo","description":"Example showing an animated pulsating button.","type":"registry:example","source_url":"https://magicui.design/r/pulsating-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/pulsating-button-demo"},{"name":"pulsating-button-demo-2","title":"Pulsating Button Demo 2","description":"Example showing an animated pulsating button with a ripple varaint.","type":"registry:example","source_url":"https://magicui.design/r/pulsating-button-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/pulsating-button-demo-2"},{"name":"ripple-button-demo","title":"Ripple Button Demo","description":"Example showing an animated button with ripple effect.","type":"registry:example","source_url":"https://magicui.design/r/ripple-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/ripple-button-demo"},{"name":"file-tree-demo","title":"File Tree Demo","description":"Example showing a component that displays folder and file structure.","type":"registry:example","source_url":"https://magicui.design/r/file-tree-demo","install_command":"npx shadcn@latest add https://magicui.design/r/file-tree-demo"},{"name":"blur-fade-demo","title":"Blur Fade Demo","description":"Example showing blur fade in and out animations.","type":"registry:example","source_url":"https://magicui.design/r/blur-fade-demo","install_command":"npx shadcn@latest add https://magicui.design/r/blur-fade-demo"},{"name":"blur-fade-text-demo","title":"Blur Fade Text Demo","description":"Example showing blur fade animations with text.","type":"registry:example","source_url":"https://magicui.design/r/blur-fade-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/blur-fade-text-demo"},{"name":"safari-demo","title":"Safari Demo","description":"Example showing a Safari browser mockup.","type":"registry:example","source_url":"https://magicui.design/r/safari-demo","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo"},{"name":"safari-demo-2","title":"Safari Demo 2","description":"Second example showing a Safari browser mockup.","type":"registry:example","source_url":"https://magicui.design/r/safari-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo-2"},{"name":"safari-demo-3","title":"Safari Demo 3","description":"Third example showing a Safari browser mockup.","type":"registry:example","source_url":"https://magicui.design/r/safari-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo-3"},{"name":"safari-demo-4","title":"Safari Demo 4","description":"Fourth example showing a Safari browser mockup.","type":"registry:example","source_url":"https://magicui.design/r/safari-demo-4","install_command":"npx shadcn@latest add https://magicui.design/r/safari-demo-4"},{"name":"iphone-demo","title":"iPhone Demo","description":"Example showing an iPhone mockup.","type":"registry:example","source_url":"https://magicui.design/r/iphone-demo","install_command":"npx shadcn@latest add https://magicui.design/r/iphone-demo"},{"name":"iphone-demo-2","title":"iPhone Demo 2","description":"Second example showing an iPhone mockup.","type":"registry:example","source_url":"https://magicui.design/r/iphone-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/iphone-demo-2"},{"name":"iphone-demo-3","title":"iPhone Demo 3","description":"Third example showing an iPhone mockup.","type":"registry:example","source_url":"https://magicui.design/r/iphone-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/iphone-demo-3"},{"name":"rainbow-button-demo","title":"Rainbow Button Demo","description":"Example showing an animated button with rainbow effect.","type":"registry:example","source_url":"https://magicui.design/r/rainbow-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/rainbow-button-demo"},{"name":"rainbow-button-demo-2","title":"Rainbow Button Demo 2","description":"Example showing an animated button with rainbow effect.","type":"registry:example","source_url":"https://magicui.design/r/rainbow-button-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/rainbow-button-demo-2"},{"name":"interactive-hover-button-demo","title":"Interactive Hover Button Demo","description":"Example showing an interactive button with hover effects.","type":"registry:example","source_url":"https://magicui.design/r/interactive-hover-button-demo","install_command":"npx shadcn@latest add https://magicui.design/r/interactive-hover-button-demo"},{"name":"terminal-demo","title":"Terminal Demo","description":"Example showing a terminal with animated text.","type":"registry:example","source_url":"https://magicui.design/r/terminal-demo","install_command":"npx shadcn@latest add https://magicui.design/r/terminal-demo"},{"name":"terminal-demo-2","title":"Terminal Demo","description":"Example showing a terminal with animated text and custom delays","type":"registry:example","source_url":"https://magicui.design/r/terminal-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/terminal-demo-2"},{"name":"video-text-demo","title":"Video Text Demo","description":"Example showing text with a video background.","type":"registry:example","source_url":"https://magicui.design/r/video-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/video-text-demo"},{"name":"pixel-image-demo","title":"Pixel Image Demo","description":"Example showing a pixelated image effect.","type":"registry:example","source_url":"https://magicui.design/r/pixel-image-demo","install_command":"npx shadcn@latest add https://magicui.design/r/pixel-image-demo"},{"name":"highlighter-demo","title":"Highlighter Demo","description":"Example showing the demo of a Highlighter","type":"registry:example","source_url":"https://magicui.design/r/highlighter-demo","install_command":"npx shadcn@latest add https://magicui.design/r/highlighter-demo"},{"name":"animated-theme-toggler-demo","title":"Animated Theme Toggler Demo","description":"Example showing animation while changing the theme.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-demo"},{"name":"animated-theme-toggler-square-demo","title":"Animated Theme Toggler — Square","description":"Theme transition with a square clip reveal.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-square-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-square-demo"},{"name":"animated-theme-toggler-diamond-demo","title":"Animated Theme Toggler — Diamond","description":"Theme transition with a diamond-shaped clip reveal.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-diamond-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-diamond-demo"},{"name":"animated-theme-toggler-rectangle-demo","title":"Animated Theme Toggler — Rectangle","description":"Theme transition with a rectangle clip reveal.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-rectangle-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-rectangle-demo"},{"name":"animated-theme-toggler-hexagon-demo","title":"Animated Theme Toggler — Hexagon","description":"Theme transition with a hexagon clip reveal.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-hexagon-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-hexagon-demo"},{"name":"animated-theme-toggler-triangle-demo","title":"Animated Theme Toggler — Triangle","description":"Theme transition with a triangle clip reveal.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-triangle-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-triangle-demo"},{"name":"animated-theme-toggler-star-demo","title":"Animated Theme Toggler — Star","description":"Theme transition with a star-shaped clip reveal.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-star-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-star-demo"},{"name":"animated-theme-toggler-next-themes-demo","title":"Animated Theme Toggler — next-themes","description":"Controlled usage with next-themes so useTheme() subscribers stay in sync on toggle.","type":"registry:example","source_url":"https://magicui.design/r/animated-theme-toggler-next-themes-demo","install_command":"npx shadcn@latest add https://magicui.design/r/animated-theme-toggler-next-themes-demo"},{"name":"light-rays-demo","title":null,"description":"Demo of the light-rays component showcasing animated light rays","type":"registry:example","source_url":"https://magicui.design/r/light-rays-demo","install_command":"npx shadcn@latest add https://magicui.design/r/light-rays-demo"},{"name":"dotted-map-demo","title":"Dotted Map Demo","description":"Example showing a dotted map.","type":"registry:example","source_url":"https://magicui.design/r/dotted-map-demo","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map-demo"},{"name":"dotted-map-demo-2","title":"Dotted Map Demo 2","description":"Example showing a dotted map.","type":"registry:example","source_url":"https://magicui.design/r/dotted-map-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map-demo-2"},{"name":"dotted-map-demo-3","title":"Dotted Map Demo 3","description":"Example showing a dotted map with pulse animation.","type":"registry:example","source_url":"https://magicui.design/r/dotted-map-demo-3","install_command":"npx shadcn@latest add https://magicui.design/r/dotted-map-demo-3"},{"name":"backlight-video-demo","title":null,"description":"An example of the backlight component with a video.","type":"registry:example","source_url":"https://magicui.design/r/backlight-video-demo","install_command":"npx shadcn@latest add https://magicui.design/r/backlight-video-demo"},{"name":"backlight-image-demo","title":null,"description":"An example of the backlight component with a image.","type":"registry:example","source_url":"https://magicui.design/r/backlight-image-demo","install_command":"npx shadcn@latest add https://magicui.design/r/backlight-image-demo"},{"name":"backlight-svg-demo","title":null,"description":"An example of the backlight component with SVGs.","type":"registry:example","source_url":"https://magicui.design/r/backlight-svg-demo","install_command":"npx shadcn@latest add https://magicui.design/r/backlight-svg-demo"},{"name":"kinetic-text-demo","title":null,"description":"An example of the kinetic text component.","type":"registry:example","source_url":"https://magicui.design/r/kinetic-text-demo","install_command":"npx shadcn@latest add https://magicui.design/r/kinetic-text-demo"},{"name":"text-3d-flip-demo","title":"Text 3D Flip Demo","description":"Example showing a 3D text animation that rotates each letter on hover.","type":"registry:example","source_url":"https://magicui.design/r/text-3d-flip-demo","install_command":"npx shadcn@latest add https://magicui.design/r/text-3d-flip-demo"},{"name":"text-3d-flip-demo-2","title":"Text 3D Flip Demo 2","description":"Example showing a 3D text flip with stagger from center.","type":"registry:example","source_url":"https://magicui.design/r/text-3d-flip-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/text-3d-flip-demo-2"},{"name":"floating-3d-particles-demo","title":"Floating 3D Particles Demo","description":"Example showing a floating 3D particle field behind hero content.","type":"registry:example","source_url":"https://magicui.design/r/floating-3d-particles-demo","install_command":"npx shadcn@latest add https://magicui.design/r/floating-3d-particles-demo"},{"name":"floating-3d-particles-demo-2","title":"Floating 3D Particles Demo 2","description":"Example showing the particle field as a standalone background.","type":"registry:example","source_url":"https://magicui.design/r/floating-3d-particles-demo-2","install_command":"npx shadcn@latest add https://magicui.design/r/floating-3d-particles-demo-2"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://magicui.design/r/utils","install_command":"npx shadcn@latest add https://magicui.design/r/utils"}]},{"id":"manifest","name":"@manifest","slug":"manifest","description":"Manifest UI is a free, open-source shadcn/ui registry of blocks and components designed specifically for building ChatGPT custom apps and MCP agentic UIs. Block categories include Blogging (Post Card, Post Detail, Post List), Events (Event Card, Confirmation, Ticket Tier Select), Forms (Contact Form, Date & Time Picker, Issue Report), Lists & Tables, Map/Map Carousel, Messaging (Chat Conversation, Message Bubble), Payment (Amount Input, Order Confirm, Payment Confirmed), Selection (Option List, Quick Reply, Tag Select), Social (Instagram, LinkedIn, X, YouTube Post), and Status & Progress. Tailwind CSS v4 required. MIT licensed. Use for: embedding ready-made conversational UI blocks — chat flows, product selection, payment confirmation, social post previews — into ChatGPT or agent-powered applications.","author":"mnfst","framework":"react","license":"MIT","tags":["ai","blocks","cards","cms","forms","loaders","maps","media","payments","tables"],"categories":["AI/chat UI"],"labels":["featured","recently-updated"],"urls":{"website":"https://ui.manifest.build","github":"https://github.com/mnfst/manifest-ui","registry":"https://ui.manifest.build/r/registry.json","source":"https://ui.manifest.build/r/registry.json","page":"https://sh4dcn.netlify.app/registry/manifest","markdown":"https://sh4dcn.netlify.app/md/manifest.md"},"logo":"<svg width='64' height='98' viewBox='0 0 64 98' fill='none' xmlns='http://www.w3.org/2000/svg'><mask id='mask0_3840_80' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='98'><path d='M64 0H0V98H64V0Z' fill='white'/></mask><g mask='url(#mask0_3840_80)'><path fill-rule='evenodd' clip-rule='evenodd' d='M30.6472 0.0688267C17.6823 1.34602 17.2257 20.5388 30.1092 22.6866C30.6929 22.7839 30.8779 22.835 30.8913 22.9027C30.901 22.9515 30.854 23.9193 30.7871 25.0534C30.7201 26.1875 30.6357 28.4175 30.5996 30.0088C30.5635 31.6002 30.5212 32.9115 30.5056 32.9229C30.4901 32.9342 30.2795 33.0406 30.0377 33.1594C29.5848 33.382 28.9891 33.8707 28.7496 34.2163C28.6153 34.4102 28.6153 34.4102 27.7906 34.4371C26.4884 34.4797 25.6947 34.798 24.974 35.5665C24.7742 35.7796 24.5913 35.9307 24.567 35.9025C24.5427 35.8744 23.7913 34.7678 22.8971 33.4434C22.003 32.119 20.9877 30.6276 20.641 30.1293L20.0106 29.2231L20.3805 28.8133C27.2791 21.1701 17.6328 9.65849 9.43015 15.7454C1.26539 21.8042 8.58319 34.5133 17.9709 30.5784C18.0095 30.5622 18.7069 31.4342 19.6204 32.6409C20.4908 33.7907 21.578 35.2083 22.0364 35.7911C22.4948 36.374 22.9085 36.9092 22.9558 36.9806C23.053 37.1271 23.0843 37.1058 22.5592 37.25C21.1032 37.6499 19.7305 38.8583 19.4584 39.9797C19.4227 40.127 19.3641 40.2482 19.3283 40.2492C16.8679 40.3145 14.985 42.1418 14.9584 44.4902C14.9494 45.289 14.9494 45.289 14.6143 45.4879C11.5647 47.2978 7.42734 53.3695 7.13192 56.4687C7.08826 56.9268 7.10547 56.9117 6.502 57.0147C5.14028 57.2471 4.34481 57.7388 3.50602 58.8661C2.44379 60.2941 2.3458 61.5216 3.15577 63.2548C3.43012 63.8422 3.44519 63.7381 2.99294 64.3754C-1.78934 71.1116 -0.793089 79.0166 5.6409 85.3854C9.84892 89.5507 15.7558 92.0903 22.3782 92.5803C24.9068 92.7674 25.1963 92.8626 25.8476 93.7205C30.13 99.3597 33.8264 99.3597 38.1088 93.7205C38.7601 92.8626 39.0496 92.7674 41.5782 92.5803C51.4767 91.8478 59.7584 86.422 62.8627 78.6352C64.8416 73.6719 64.2135 68.9595 60.962 64.3709C60.5111 63.7342 60.5264 63.8411 60.8006 63.2548C61.6105 61.5216 61.5125 60.2941 60.4505 58.8661C59.6117 57.7388 58.816 57.2471 57.4544 57.0147C56.8507 56.9117 56.8682 56.9268 56.8246 56.4687C56.7278 55.4525 55.6398 52.8445 54.6019 51.1397C53.3263 49.0446 50.8481 46.3817 49.3421 45.4879C49.007 45.289 49.007 45.289 48.9979 44.4902C48.9714 42.1418 47.0885 40.3145 44.6281 40.2492C44.5923 40.2482 44.5337 40.127 44.498 39.9797C44.2259 38.8583 42.8532 37.6499 41.3972 37.25C40.8721 37.1058 40.9034 37.1271 41.0006 36.9806C41.0478 36.9092 41.4616 36.374 41.92 35.7911C42.3784 35.2083 43.4656 33.7907 44.336 32.6409C45.2495 31.4342 45.9469 30.5622 45.9855 30.5784C55.3732 34.5133 62.6911 21.8042 54.5262 15.7454C46.3235 9.65849 36.6773 21.1701 43.5758 28.8133L43.9458 29.2231L43.3154 30.1293C42.9687 30.6276 41.9534 32.119 41.0593 33.4434C40.1651 34.7678 39.4137 35.8744 39.3894 35.9025C39.3651 35.9307 39.1822 35.7796 38.9823 35.5665C38.2617 34.798 37.468 34.4797 36.1658 34.4371C35.3411 34.4102 35.3411 34.4102 35.2087 34.219C34.8617 33.7184 34.0622 33.1498 33.4155 32.9436C33.1253 32.8511 33.1253 32.8511 33.1323 29.4513C33.1361 27.5813 33.1265 25.3231 33.1109 24.433L33.0826 22.8145L33.8472 22.6868C48.3373 20.2667 45.2758 -1.37222 30.6472 0.0688267ZM30.291 2.87012C25.3199 3.7681 22.0529 8.36444 22.9446 12.8628C23.0089 13.1872 23.0948 13.5111 23.2033 13.8331C25.8009 21.5419 38.1555 21.5419 40.753 13.8331C40.8628 13.5076 40.9495 13.1818 41.0144 12.8569C42.1526 7.15949 36.5778 1.73452 30.291 2.87012ZM13.5994 16.9817C9.92816 17.6605 7.75544 21.3854 8.66073 24.544C8.83478 25.1512 9.12261 25.7375 9.53543 26.2772C12.4561 30.0955 17.7152 29.7103 19.882 25.5194C20.0717 25.1526 20.2166 24.7789 20.3202 24.403C21.415 20.427 17.8778 16.1907 13.5994 16.9817ZM48.3834 16.9849C44.7211 17.6391 42.8231 21.2129 43.6409 24.3975C43.9142 25.4617 44.4909 26.4826 45.4063 27.3364C48.0396 29.7926 52.0966 29.3159 54.421 26.2772C54.8342 25.7369 55.1207 25.1588 55.2948 24.5648C56.4238 20.7128 52.8241 16.1916 48.3834 16.9849ZM31.362 34.7628C29.5698 35.079 28.991 36.7375 29.9445 38.8251C30.2284 39.4467 30.2284 39.4467 30.6642 39.4512C31.0555 39.4553 31.1446 39.4783 31.539 39.6775C31.9782 39.8994 31.9782 39.8994 32.4174 39.6775C32.8118 39.4783 32.9009 39.4553 33.2922 39.4512C33.7279 39.4467 33.7279 39.4467 34.0116 38.8251C35.1813 36.2617 33.9104 34.3133 31.362 34.7628ZM26.7648 36.4037C25.2964 36.7952 24.8728 38.5768 25.8042 40.4434C26.1898 41.2162 26.1134 41.1555 26.5802 41.0593C26.8826 40.9969 27.0496 40.9903 27.2569 41.0326C27.9375 41.1712 27.8541 41.1937 28.1426 40.7939C28.286 40.5952 28.5245 40.3316 28.6726 40.208C28.9419 39.9832 28.9419 39.9832 28.7642 39.7093C28.2795 38.9621 28.0755 38.2445 28.0296 37.1254C27.9951 36.2828 27.7476 36.1416 26.7648 36.4037ZM35.927 37.1186C35.8809 38.245 35.678 38.9605 35.1922 39.7093C35.0145 39.9832 35.0145 39.9832 35.2838 40.208C35.4319 40.3316 35.6704 40.5952 35.8138 40.7939C36.1023 41.1937 36.0189 41.1712 36.6995 41.0326C36.9068 40.9903 37.0738 40.9969 37.3762 41.0593C37.843 41.1555 37.7666 41.2162 38.1522 40.4434C39.2408 38.2617 38.529 36.4184 36.5671 36.3385L35.96 36.3138L35.927 37.1186ZM22.7463 38.5994C20.5518 39.1672 19.7719 41.7939 21.2551 43.6214C21.6086 44.057 21.5848 44.0495 21.9384 43.8382C22.4878 43.51 23.1071 43.4044 23.8293 43.5158C24.091 43.5561 24.091 43.5561 24.1573 43.2958C24.2687 42.8583 24.5964 42.2875 24.9521 41.9116C25.2903 41.5542 25.2903 41.5542 25.0599 41.2509C24.5571 40.5895 24.11 39.3252 24.1059 38.5534C24.1055 38.4803 23.0712 38.5153 22.7463 38.5994ZM39.8505 38.5534C39.8463 39.3252 39.3993 40.5895 38.8965 41.2509C38.6661 41.5542 38.6661 41.5542 39.0043 41.9116C39.3599 42.2875 39.6877 42.8583 39.7991 43.2958C39.8654 43.5561 39.8654 43.5561 40.1271 43.5158C40.8493 43.4044 41.4686 43.51 42.018 43.8382C42.3716 44.0495 42.3478 44.057 42.7013 43.6214C43.9374 42.0984 43.5689 39.6714 41.9853 38.905C41.3053 38.5759 39.8517 38.3365 39.8505 38.5534ZM29.7823 41.226C28.2407 41.9355 28.1008 43.6657 29.425 45.6435C29.8322 46.2516 29.8322 46.2516 29.9909 46.0042C30.8347 44.6887 33.1217 44.6887 33.9655 46.0042C34.195 46.362 35.119 44.998 35.3537 43.9547C35.7727 42.0926 33.9355 40.1987 32.8969 41.4221C32.676 41.6824 32.4046 42.1603 32.2974 42.4778C32.0898 43.0928 31.8666 43.0928 31.659 42.4778C31.493 41.9861 31.1431 41.4559 30.8236 41.2121C30.5965 41.0388 30.1769 41.0444 29.7823 41.226ZM18.8384 41.6039C16.0378 41.9677 15.5262 45.9479 18.0611 47.65C18.6008 48.0123 20.141 48.6513 20.141 48.5128C20.141 48.5043 20.0901 48.3003 20.0278 48.0594C19.7621 47.0324 20.0395 45.7398 20.6993 44.9304C20.8762 44.7134 20.8762 44.7134 20.432 44.2494C19.7738 43.5619 19.4175 42.8228 19.3193 41.9413C19.273 41.5255 19.2993 41.5439 18.8384 41.6039ZM44.6912 41.6143C44.6802 41.6479 44.6441 41.8579 44.611 42.081C44.4797 42.9651 44.1639 43.5892 43.5006 44.2757C43.079 44.7119 43.079 44.7119 43.2565 44.9297C43.9169 45.7398 44.1944 47.032 43.9286 48.0594C43.8663 48.3003 43.8154 48.5043 43.8154 48.5128C43.8154 48.6513 45.3556 48.0123 45.8953 47.65C48.1411 46.142 48.1021 42.8592 45.826 41.8098C45.4506 41.6368 44.7246 41.5117 44.6912 41.6143ZM26.5751 42.3259C24.7937 42.5794 24.4305 45.4707 25.9361 47.4129C26.0663 47.5809 26.1901 47.7431 26.2111 47.7734C26.2338 47.806 26.3376 47.7683 26.466 47.6807C27.1916 47.1858 28.0696 47.0783 29.3958 47.322C29.4398 47.3301 29.6801 46.7384 29.6417 46.7164C28.1995 45.8924 27.3765 44.4298 27.4595 42.8381C27.4835 42.3767 27.4835 42.3767 27.2813 42.3432C27.1701 42.3247 27.0408 42.3026 26.9941 42.294C26.9474 42.2854 26.7589 42.2998 26.5751 42.3259ZM36.9339 42.2951C36.9028 42.3034 36.7863 42.3252 36.6751 42.3435C36.4729 42.3767 36.4729 42.3767 36.4969 42.8381C36.5799 44.4298 35.7569 45.8924 34.3146 46.7164C34.2762 46.7384 34.5166 47.3301 34.5606 47.322C35.8868 47.0783 36.7648 47.1858 37.4904 47.6807C37.6188 47.7683 37.7226 47.806 37.7453 47.7734C37.7663 47.7431 37.89 47.5809 38.0203 47.4129C39.1269 45.9854 39.2616 43.5659 38.2819 42.7133C37.9788 42.4495 37.2274 42.2164 36.9339 42.2951ZM22.9617 44.6378C20.7785 45.2189 20.6256 48.202 22.6811 50.1117C24.1667 51.492 22.7158 51.1684 21.0976 49.7586C20.6589 49.3763 20.6589 49.3763 20.3245 49.4109C18.9589 49.552 16.8553 48.358 15.7336 46.8051C15.4748 46.4467 15.4748 46.4467 15.3102 46.6371C12.9781 49.3326 11.6508 51.7462 10.1393 56.0392C9.76521 57.1021 9.76147 57.0192 10.187 57.0993C17.4495 58.4623 22.2416 66.113 22.3909 76.5834C22.4234 78.8698 22.3657 78.7326 23.1701 78.4353C23.6613 78.2533 23.7608 78.115 24.1621 77.0582C25.9984 72.221 27.5444 70.303 30.1344 69.6483C30.6704 69.5128 30.6547 69.5229 30.7005 69.2815C30.804 68.7361 31.3863 67.3081 31.5961 67.0852C32.1021 66.5482 32.9502 67.6704 33.2559 69.2815C33.3017 69.5229 33.286 69.5128 33.822 69.6483C36.412 70.303 37.9579 72.221 39.7943 77.0582C40.1956 78.115 40.2951 78.2533 40.7863 78.4353C41.5907 78.7326 41.5329 78.8698 41.5655 76.5834C41.7148 66.1125 46.5064 58.4623 53.7693 57.0993C54.1949 57.0192 54.1912 57.1021 53.8171 56.0392C52.3056 51.7462 50.9783 49.3326 48.6462 46.6371C48.4816 46.4467 48.4816 46.4467 48.2228 46.8051C47.1011 48.358 44.9975 49.552 43.6319 49.4109C43.2975 49.3763 43.2975 49.3763 42.8588 49.7586C41.2406 51.1684 39.7897 51.492 41.2753 50.1117C42.7584 48.7338 43.1328 47.311 42.3929 45.8642C41.8067 44.7177 39.9983 44.0306 39.8834 44.9107C39.6997 46.3185 39.1368 47.4015 38.289 47.9783C38.0421 48.1463 38.0421 48.1463 38.2526 48.5228C38.7369 49.3892 38.4976 50.5152 37.6489 51.3635C36.9308 52.0812 36.3539 52.1282 37.0128 51.4153C37.8772 50.4802 37.8171 49.3403 36.889 49.0678C36.3338 48.9047 34.5835 48.9739 34.5835 49.1589C34.5835 49.5796 34.0209 50.873 33.6869 51.2202C33.2726 51.6508 33.1858 51.4641 33.4711 50.756C34.3452 48.587 33.6167 46.5195 31.9782 46.5195C30.3397 46.5195 29.6112 48.587 30.4852 50.756C30.7706 51.4641 30.6838 51.6508 30.2695 51.2202C29.9355 50.873 29.3729 49.5796 29.3729 49.1589C29.3729 48.9739 27.6226 48.9047 27.0674 49.0678C26.1392 49.3403 26.0791 50.4802 26.9435 51.4153C27.6025 52.1282 27.0256 52.0812 26.3075 51.3635C25.4587 50.5152 25.2195 49.3892 25.7038 48.5228C25.9143 48.1463 25.9143 48.1463 25.6673 47.9783C24.8204 47.4022 24.2566 46.3182 24.0734 44.9142C24.0433 44.6834 24.0113 44.6186 23.9149 44.593C23.7159 44.5402 23.2453 44.5623 22.9617 44.6378ZM7.34941 58.501C4.00737 59.0257 4.51002 62.6657 8.34571 65.7154C9.5633 66.6837 9.58539 66.6971 11.5322 67.6889C18.7089 71.3451 20.5941 73.5918 20.5941 78.4902C20.5941 78.8267 20.8359 78.9298 21.1747 78.7371C21.2357 78.7024 21.226 76.3594 21.1597 75.1072C20.8481 69.2272 18.4656 63.7308 15.0503 61.0137C12.7912 59.2161 9.54376 58.1566 7.34941 58.501ZM54.8879 58.4825C48.6903 59.1349 43.9779 64.9986 42.9392 73.3499C42.774 74.6794 42.6574 78.666 42.7817 78.7371C43.1205 78.9298 43.3623 78.8267 43.3623 78.4902C43.3623 73.5913 45.2462 71.3457 52.4242 67.6889C54.371 66.6971 54.3931 66.6837 55.6107 65.7154C60.2076 62.0609 59.7981 57.9656 54.8879 58.4825ZM4.92171 65.9652C2.31471 68.7753 1.54643 74.5791 3.23348 78.7192C5.60142 84.5309 13.3492 89.9338 20.1693 90.5302C23.26 90.8001 23.9616 90.7542 23.666 90.2989C23.1812 89.5535 21.5195 86.5301 20.5486 84.6272C20.2971 84.1344 19.9069 83.4417 19.6814 83.0872C18.6685 81.4962 18.5942 80.3398 19.4468 79.4388C19.9516 78.9051 19.6345 76.3812 18.8711 74.8546C18.4936 74.0998 18.5196 74.1076 18.1604 74.6452C14.0283 80.8293 5.59802 76.0967 5.76889 67.6894C5.795 66.4065 5.795 66.4065 5.43734 66.1226C5.01987 65.7922 5.06874 65.8067 4.92171 65.9652ZM58.5068 66.1265C58.1613 66.4065 58.1613 66.4065 58.1873 67.6894C58.3584 76.0967 49.928 80.8287 45.796 74.6452C45.4368 74.1076 45.4628 74.0998 45.0853 74.8546C44.3219 76.3812 44.0048 78.9051 44.5096 79.4388C45.3622 80.3398 45.2879 81.4962 44.275 83.0872C44.0495 83.4417 43.6593 84.1344 43.4078 84.6272C42.4369 86.5301 40.7752 89.5535 40.2904 90.2989C39.9929 90.757 39.9097 90.7351 41.6502 90.6545C45.2799 90.487 46.7898 90.1555 49.7339 88.8798C60.3792 84.2688 64.708 74.4727 59.5432 66.682C58.9049 65.7188 58.9678 65.753 58.5068 66.1265ZM7.20255 67.4772C6.65362 69.2787 7.74026 72.674 9.42301 74.4156C9.94549 74.956 9.97686 74.9594 9.7681 74.4526C8.92913 72.4142 9.23673 69.8863 10.4215 69.0838C10.6406 68.9354 10.2405 68.6862 8.70032 68.0131C8.34209 67.8563 7.87761 67.6435 7.66811 67.5399C7.21591 67.3159 7.25029 67.321 7.20255 67.4772ZM56.3605 67.503C56.2047 67.583 55.7205 67.8076 55.2844 68.0019C53.6014 68.7501 53.3089 68.931 53.534 69.0833C54.7197 69.8863 55.0276 72.413 54.1883 74.4526C53.9795 74.9594 54.0109 74.956 54.5334 74.4156C56.2161 72.674 57.3027 69.2787 56.7538 67.4772C56.7068 67.3232 56.7091 67.3232 56.3605 67.503ZM31.3078 70.9386C29.1406 71.3222 27.1122 73.6445 25.5392 77.5432C24.7506 79.4982 24.3404 79.781 21.7269 80.1741C20.007 80.4328 19.8936 80.8472 21.0756 82.5524C21.9302 83.7855 22.974 85.489 24.0765 87.449C26.0468 90.953 26.7738 92.115 27.7758 93.3632C31.2315 97.669 34.1851 96.9629 37.8492 90.9552C38.5707 89.7725 38.6608 89.6168 39.8799 87.449C40.9824 85.489 42.0262 83.7855 42.8808 82.5524C44.0628 80.8472 43.9494 80.4328 42.2295 80.1741C39.6159 79.781 39.2058 79.4982 38.4172 77.5432C36.5208 72.8431 33.9644 70.4682 31.3078 70.9386ZM25.55 80.2077C25.0207 80.4804 24.8298 81.004 25.0762 81.5074C25.2716 81.9062 25.8097 82.105 26.1408 81.9006C26.2319 81.8446 26.3007 81.8653 26.579 82.0338C27.574 82.6353 27.9533 82.5188 27.644 81.7062C27.172 80.4664 26.2826 79.8302 25.55 80.2077ZM37.4328 80.2329C36.8255 80.5381 36.0489 81.8423 36.2395 82.2377C36.3773 82.5233 36.6478 82.4751 37.3774 82.0338C37.6557 81.8653 37.7245 81.8446 37.8156 81.9006C38.1467 82.105 38.6848 81.9062 38.8802 81.5074C39.3022 80.6456 38.3245 79.7843 37.4328 80.2329Z' fill='#22110C'/><path d='M36.934 42.2951C36.9028 42.3034 36.7863 42.3252 36.6751 42.3435C36.4729 42.3767 36.4729 42.3767 36.4969 42.8381C36.5799 44.4298 35.7569 45.8924 34.3147 46.7164C34.2763 46.7384 34.5166 47.3301 34.5606 47.322C35.8868 47.0783 36.7648 47.1858 37.4904 47.6807C37.6188 47.7683 37.7226 47.806 37.7453 47.7734C37.7663 47.7431 37.89 47.5809 38.0203 47.4129C39.1269 45.9854 39.2616 43.5659 38.2819 42.7133C37.9789 42.4495 37.2274 42.2164 36.934 42.2951Z' fill='#2430F0'/><path d='M44.6912 41.6143C44.6802 41.6479 44.6441 41.8579 44.611 42.081C44.4797 42.9651 44.1639 43.5892 43.5006 44.2757C43.079 44.7119 43.079 44.7119 43.2565 44.9297C43.9168 45.7399 44.1944 47.0321 43.9286 48.0594C43.8663 48.3003 43.8154 48.5043 43.8154 48.5128C43.8154 48.6513 45.3555 48.0123 45.8952 47.65C48.1411 46.142 48.1021 42.8592 45.826 41.8098C45.4506 41.6368 44.7246 41.5117 44.6912 41.6143Z' fill='#2430F0'/><path d='M39.8505 38.5534C39.8464 39.3252 39.3993 40.5895 38.8965 41.2509C38.6661 41.5542 38.6661 41.5542 39.0043 41.9116C39.3599 42.2875 39.6877 42.8583 39.7991 43.2958C39.8654 43.5561 39.8654 43.5561 40.1271 43.5158C40.8493 43.4044 41.4686 43.51 42.018 43.8382C42.3716 44.0495 42.3478 44.057 42.7013 43.6214C43.9374 42.0984 43.5689 39.6714 41.9853 38.905C41.3053 38.5759 39.8517 38.3365 39.8505 38.5534Z' fill='#2430F0'/><path d='M35.927 37.1186C35.8809 38.245 35.678 38.9605 35.1922 39.7093C35.0145 39.9832 35.0145 39.9832 35.2838 40.208C35.4319 40.3316 35.6704 40.5952 35.8138 40.7939C36.1023 41.1937 36.0189 41.1712 36.6995 41.0326C36.9068 40.9903 37.0738 40.9969 37.3762 41.0592C37.843 41.1555 37.7666 41.2162 38.1521 40.4434C39.2408 38.2617 38.529 36.4184 36.567 36.3384L35.96 36.3138L35.927 37.1186Z' fill='#2430F0'/><path d='M31.362 34.7628C29.5697 35.079 28.991 36.7375 29.9445 38.8251C30.2284 39.4467 30.2284 39.4467 30.6641 39.4512C31.0555 39.4552 31.1445 39.4783 31.539 39.6775C31.9782 39.8994 31.9782 39.8994 32.4174 39.6775C32.8118 39.4783 32.9009 39.4552 33.2922 39.4512C33.7279 39.4467 33.7279 39.4467 34.0116 38.8251C35.1813 36.2617 33.9104 34.3133 31.362 34.7628Z' fill='#2430F0'/><path d='M29.7823 41.226C28.2407 41.9356 28.1008 43.6657 29.425 45.6435C29.8322 46.2516 29.8322 46.2516 29.9909 46.0042C30.8347 44.6887 33.1217 44.6887 33.9655 46.0042C34.195 46.362 35.119 44.998 35.3537 43.9547C35.7727 42.0926 33.9355 40.1987 32.8969 41.4221C32.676 41.6824 32.4046 42.1603 32.2974 42.4778C32.0898 43.0928 31.8666 43.0928 31.659 42.4778C31.493 41.9861 31.1431 41.4559 30.8236 41.2121C30.5965 41.0388 30.1768 41.0444 29.7823 41.226Z' fill='#2430F0'/><path d='M26.5751 42.3259C24.7937 42.5794 24.4305 45.4707 25.9361 47.4129C26.0663 47.5809 26.1901 47.7431 26.2111 47.7734C26.2338 47.806 26.3376 47.7683 26.466 47.6807C27.1916 47.1858 28.0696 47.0783 29.3958 47.322C29.4398 47.3301 29.6801 46.7384 29.6417 46.7164C28.1995 45.8924 27.3765 44.4298 27.4594 42.8381C27.4835 42.3767 27.4835 42.3767 27.2813 42.3432C27.1701 42.3247 27.0408 42.3026 26.9941 42.294C26.9474 42.2854 26.7588 42.2998 26.5751 42.3259Z' fill='#2430F0'/><path d='M22.7463 38.5994C20.5518 39.1672 19.7719 41.7939 21.2551 43.6214C21.6086 44.057 21.5848 44.0495 21.9384 43.8382C22.4878 43.51 23.1071 43.4044 23.8293 43.5157C24.091 43.5561 24.091 43.5561 24.1573 43.2958C24.2687 42.8583 24.5964 42.2875 24.9521 41.9116C25.2902 41.5542 25.2902 41.5542 25.0598 41.2509C24.5571 40.5895 24.11 39.3252 24.1058 38.5534C24.1055 38.4803 23.0712 38.5153 22.7463 38.5994Z' fill='#2430F0'/><path d='M26.7648 36.4037C25.2964 36.7952 24.8728 38.5768 25.8042 40.4434C26.1898 41.2162 26.1134 41.1555 26.5802 41.0593C26.8826 40.9969 27.0496 40.9903 27.2569 41.0326C27.9375 41.1712 27.8541 41.1937 28.1426 40.7939C28.286 40.5952 28.5245 40.3316 28.6726 40.208C28.9419 39.9832 28.9419 39.9832 28.7642 39.7093C28.2795 38.9621 28.0755 38.2445 28.0296 37.1254C27.9951 36.2828 27.7476 36.1416 26.7648 36.4037Z' fill='#2430F0'/><path d='M18.8384 41.6039C16.0378 41.9678 15.5262 45.9479 18.0611 47.65C18.6008 48.0123 20.141 48.6513 20.141 48.5128C20.141 48.5043 20.0901 48.3003 20.0278 48.0594C19.7621 47.0324 20.0395 45.7398 20.6993 44.9304C20.8762 44.7134 20.8762 44.7134 20.432 44.2494C19.7739 43.5619 19.4175 42.8228 19.3193 41.9413C19.273 41.5255 19.2993 41.5439 18.8384 41.6039Z' fill='#2430F0'/><path d='M54.8879 58.4825C48.6904 59.1349 43.9779 64.9986 42.9393 73.3499C42.774 74.6794 42.6574 78.666 42.7817 78.7371C43.1205 78.9298 43.3623 78.8267 43.3623 78.4902C43.3623 73.5913 45.2463 71.3457 52.4242 67.6889C54.371 66.6971 54.3931 66.6837 55.6107 65.7154C60.2076 62.0609 59.7981 57.9656 54.8879 58.4825Z' fill='#2BE1B7'/><path d='M58.5068 66.1265C58.1613 66.4065 58.1613 66.4065 58.1873 67.6894C58.3584 76.0967 49.928 80.8287 45.796 74.6452C45.4368 74.1076 45.4628 74.0997 45.0853 74.8546C44.3219 76.3812 44.0048 78.9051 44.5096 79.4388C45.3622 80.3398 45.2879 81.4962 44.275 83.0872C44.0495 83.4417 43.6593 84.1344 43.4078 84.6272C42.4369 86.5301 40.7752 89.5535 40.2904 90.2989C39.9929 90.7569 39.9097 90.7351 41.6502 90.6545C45.2799 90.487 46.7898 90.1555 49.7339 88.8798C60.3792 84.2688 64.708 74.4727 59.5432 66.682C58.9049 65.7188 58.9678 65.753 58.5068 66.1265Z' fill='#2BE1B7'/><path d='M4.92173 65.9652C2.31472 68.7753 1.54644 74.5791 3.23349 78.7192C5.60144 84.5309 13.3492 89.9338 20.1694 90.5302C23.26 90.8001 23.9616 90.7542 23.666 90.2989C23.1812 89.5535 21.5195 86.5301 20.5486 84.6272C20.2971 84.1344 19.9069 83.4417 19.6814 83.0872C18.6685 81.4962 18.5942 80.3398 19.4468 79.4388C19.9516 78.9051 19.6345 76.3812 18.8711 74.8546C18.4936 74.0998 18.5196 74.1076 18.1604 74.6452C14.0284 80.8293 5.59804 76.0967 5.76891 67.6894C5.79502 66.4065 5.79502 66.4065 5.43736 66.1226C5.01989 65.7922 5.06876 65.8067 4.92173 65.9652Z' fill='#2BE1B7'/><path d='M7.34942 58.501C4.00738 59.0257 4.51003 62.6657 8.34572 65.7154C9.56331 66.6837 9.5854 66.6971 11.5322 67.6889C18.7089 71.3451 20.5941 73.5918 20.5941 78.4902C20.5941 78.8267 20.8359 78.9298 21.1747 78.7371C21.2357 78.7024 21.226 76.3594 21.1597 75.1072C20.8482 69.2272 18.4657 63.7308 15.0503 61.0137C12.7912 59.2161 9.54377 58.1566 7.34942 58.501Z' fill='#2BE1B7'/><path d='M22.9617 44.6378C20.7785 45.2189 20.6256 48.202 22.6811 50.1117C24.1667 51.492 22.7157 51.1684 21.0976 49.7586C20.6589 49.3763 20.6589 49.3763 20.3245 49.4109C18.9589 49.552 16.8553 48.358 15.7336 46.8051C15.4748 46.4467 15.4748 46.4467 15.3102 46.6371C12.9781 49.3326 11.6508 51.7462 10.1393 56.0392C9.76518 57.1021 9.76144 57.0192 10.187 57.0993C17.4495 58.4623 22.2416 66.113 22.3909 76.5834C22.4234 78.8698 22.3657 78.7326 23.1701 78.4353C23.6612 78.2533 23.7608 78.115 24.1621 77.0582C25.9984 72.221 27.5443 70.303 30.1344 69.6483C30.6704 69.5128 30.6547 69.5229 30.7005 69.2815C30.804 68.7361 31.3863 67.3081 31.5961 67.0852C32.1021 66.5482 32.9502 67.6704 33.2559 69.2815C33.3017 69.5229 33.286 69.5128 33.822 69.6483C36.412 70.303 37.9579 72.221 39.7943 77.0582C40.1956 78.115 40.2951 78.2533 40.7863 78.4353C41.5907 78.7326 41.5329 78.8698 41.5655 76.5834C41.7148 66.1125 46.5064 58.4623 53.7693 57.0993C54.1949 57.0192 54.1912 57.1021 53.8171 56.0392C52.3056 51.7462 50.9783 49.3326 48.6462 46.6371C48.4816 46.4467 48.4816 46.4467 48.2227 46.8051C47.1011 48.358 44.9975 49.552 43.6319 49.4109C43.2975 49.3763 43.2975 49.3763 42.8588 49.7586C41.2406 51.1684 39.7896 51.492 41.2753 50.1117C42.7584 48.7338 43.1328 47.311 42.3929 45.8642C41.8067 44.7177 39.9983 44.0306 39.8834 44.9107C39.6997 46.3185 39.1368 47.4015 38.289 47.9783C38.0421 48.1463 38.0421 48.1463 38.2526 48.5228C38.7369 49.3892 38.4976 50.5153 37.6489 51.3635C36.9308 52.0812 36.3539 52.1282 37.0128 51.4153C37.8772 50.4802 37.8171 49.3403 36.889 49.0678C36.3338 48.9048 34.5835 48.9739 34.5835 49.1589C34.5835 49.5796 34.0209 50.873 33.6869 51.2202C33.2726 51.6508 33.1858 51.4641 33.4711 50.7561C34.3452 48.587 33.6166 46.5195 31.9782 46.5195C30.3397 46.5195 29.6112 48.587 30.4852 50.7561C30.7706 51.4641 30.6837 51.6508 30.2695 51.2202C29.9355 50.873 29.3729 49.5796 29.3729 49.1589C29.3729 48.9739 27.6226 48.9048 27.0674 49.0678C26.1392 49.3403 26.0791 50.4802 26.9435 51.4153C27.6025 52.1282 27.0256 52.0812 26.3075 51.3635C25.4587 50.5153 25.2195 49.3892 25.7038 48.5228C25.9143 48.1463 25.9143 48.1463 25.6673 47.9783C24.8204 47.4022 24.2566 46.3182 24.0734 44.9142C24.0433 44.6834 24.0113 44.6186 23.9149 44.593C23.7159 44.5402 23.2453 44.5623 22.9617 44.6378Z' fill='#2430F0'/><path fill-rule='evenodd' clip-rule='evenodd' d='M31.3078 70.9386C29.1406 71.3222 27.1122 73.6445 25.5392 77.5432C24.7505 79.4982 24.3404 79.781 21.7269 80.1741C20.007 80.4328 19.8936 80.8472 21.0756 82.5524C21.9302 83.7855 22.974 85.489 24.0765 87.449C26.0467 90.953 26.7738 92.115 27.7758 93.3632C31.2315 97.669 34.1851 96.9629 37.8492 90.9552C38.5707 89.7725 38.6608 89.6168 39.8799 87.449C40.9824 85.489 42.0262 83.7855 42.8808 82.5524C44.0627 80.8472 43.9494 80.4328 42.2295 80.1741C39.6159 79.781 39.2058 79.4982 38.4172 77.5432C36.5208 72.8431 33.9644 70.4682 31.3078 70.9386ZM25.0762 81.5074C24.8298 81.004 25.0207 80.4804 25.55 80.2077C26.2826 79.8302 27.172 80.4664 27.644 81.7062C27.9533 82.5188 27.574 82.6353 26.579 82.0338C26.3007 81.8653 26.2319 81.8446 26.1408 81.9006C25.8097 82.105 25.2716 81.9062 25.0762 81.5074ZM36.2395 82.2377C36.0489 81.8423 36.8255 80.5381 37.4327 80.2329C38.3245 79.7843 39.3022 80.6456 38.8802 81.5074C38.6848 81.9062 38.1467 82.105 37.8156 81.9006C37.7245 81.8446 37.6557 81.8653 37.3773 82.0338C36.6477 82.4751 36.3773 82.5233 36.2395 82.2377Z' fill='#F2C79C'/><path fill-rule='evenodd' clip-rule='evenodd' d='M20.3202 24.403C19.5666 21.5954 17.2191 19.3839 14.0295 19.9736C11.4987 20.4416 9.24985 22.3643 8.66077 24.544C8.83481 25.1512 9.12264 25.7375 9.53547 26.2772C12.4561 30.0955 17.7152 29.7103 19.882 25.5194C20.0717 25.1526 20.2166 24.7789 20.3202 24.403Z' fill='#2430F0'/><path fill-rule='evenodd' clip-rule='evenodd' d='M23.2033 13.8331C23.0948 13.5111 23.0089 13.1872 22.9446 12.8628C23.6043 9.48753 26.8651 6.55862 30.7211 5.86204C35.8819 4.92986 40.1328 8.42566 41.0144 12.8569C40.9495 13.1818 40.8628 13.5076 40.753 13.8331C38.1555 21.5419 25.8009 21.5419 23.2033 13.8331Z' fill='#2430F0'/><path d='M48.3834 16.9849C44.7211 17.6391 42.8231 21.2129 43.6409 24.3975C44.1819 22.2632 46.2959 20.4266 48.8135 19.9768C52.1137 19.3873 54.5193 21.74 55.2948 24.5648C56.4238 20.7128 52.8241 16.1916 48.3834 16.9849Z' fill='#2430F0'/><path d='M22.9446 12.8628C23.6043 9.48753 26.8651 6.55862 30.7211 5.86204C35.8819 4.92986 40.1328 8.42566 41.0144 12.8569C42.1526 7.1595 36.5778 1.73453 30.291 2.87013C25.3199 3.76811 22.0529 8.36445 22.9446 12.8628Z' fill='#2430F0'/><path d='M14.0295 19.9736C17.219 19.3839 19.5666 21.5954 20.3202 24.403C21.415 20.427 17.8778 16.1907 13.5994 16.9817C9.92814 17.6605 7.75543 21.3854 8.66071 24.544C9.2498 22.3643 11.4986 20.4416 14.0295 19.9736Z' fill='#2430F0'/><path d='M45.4063 27.3364C48.0396 29.7926 52.0966 29.3159 54.421 26.2772C54.8342 25.7369 55.1207 25.1588 55.2948 24.5649C54.5193 21.74 52.1137 19.3873 48.8135 19.9768C46.2959 20.4266 44.1819 22.2632 43.6409 24.3975C43.9142 25.4617 44.4909 26.4826 45.4063 27.3364Z' fill='#2430F0'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.3135 9.82174C25.7542 7.84343 28.1023 6.33602 30.7261 5.86204C34.6523 5.15284 38.052 7.00662 39.842 9.88541C40.1832 9.54589 40.4952 9.20081 40.753 8.8628C39.4215 4.92063 35.0634 2.00896 30.296 2.87013C27.0022 3.4651 24.4566 5.68362 23.3731 8.42146C23.6075 8.86823 23.9385 9.34759 24.3135 9.82174Z' fill='#F2C79C'/><path d='M24.3135 9.82172C25.5926 11.439 27.3833 12.9963 27.5991 12.9963C27.7624 12.9963 28.6653 12.1292 29.6031 11.2287C30.6158 10.256 31.6693 9.2443 31.8752 9.2443C32.0734 9.2443 32.923 10.1823 33.7725 11.1203C34.6221 12.0583 35.4716 12.9963 35.6699 12.9963C35.9227 12.9963 38.2149 11.504 39.842 9.88539C38.052 7.0066 34.6523 5.15282 30.7261 5.86201C28.1023 6.336 25.7542 7.84341 24.3135 9.82172Z' fill='#2BE1B7'/><path d='M8.69081 24.386C9.34327 22.272 11.5443 20.4302 14.0139 19.9736C15.9023 19.6245 17.4955 20.2572 18.6375 21.4142C18.8497 20.6386 19.0033 19.7123 18.9853 18.9347C17.7035 17.4593 15.7376 16.5835 13.5838 16.9817C9.99919 17.6444 7.84324 21.2112 8.58609 24.3193C8.62053 24.3418 8.65547 24.364 8.69081 24.386Z' fill='#2BE1B7'/><path d='M8.6908 24.386C10.0797 25.2533 11.9731 25.632 12.472 25.3443C12.8582 25.1216 13.037 23.9982 13.079 22.8412C13.111 21.9619 13.1396 21.1747 13.3108 21.0296C13.5 20.8692 14.4177 21.391 15.3902 21.944C16.456 22.5499 17.6599 23.0784 17.9709 22.9027C18.1932 22.7771 18.4122 22.238 18.6375 21.4142C17.4955 20.2572 15.9022 19.6245 14.0138 19.9736C11.5443 20.4302 9.34326 22.272 8.6908 24.386Z' fill='#2BE1B7'/><path fill-rule='evenodd' clip-rule='evenodd' d='M44.0624 20.3883C44.1473 21.0043 45.9314 24.3083 46.4128 24.4203C46.6735 24.481 47.5653 23.8519 48.3823 23.2757C49.0739 22.7878 49.7119 22.3378 49.8677 22.3763C50.0098 22.4114 50.2806 22.8332 50.5972 23.3265C51.038 24.0131 51.5678 24.8382 51.9632 24.9523C52.4755 25.1 54.5157 24.0391 55.5141 23.3276C55.6683 19.8161 52.3697 16.2754 48.3986 16.9849C46.3249 17.3553 44.8169 18.6618 44.0472 20.3036C44.0531 20.3295 44.0581 20.3576 44.0624 20.3883Z' fill='#2BE1B7'/><path d='M56.3605 67.503C56.2047 67.583 55.7205 67.8076 55.2844 68.0019C53.6014 68.7501 53.3089 68.931 53.534 69.0833C54.7197 69.8863 55.0276 72.413 54.1883 74.4526C53.9795 74.9594 54.0109 74.956 54.5334 74.4156C56.2161 72.674 57.3027 69.2787 56.7538 67.4772C56.7068 67.3232 56.7091 67.3232 56.3605 67.503Z' fill='#F1F1F1'/><path d='M7.20255 67.4772C6.65362 69.2787 7.74026 72.674 9.42301 74.4156C9.94548 74.956 9.97686 74.9594 9.7681 74.4526C8.92913 72.4142 9.23673 69.8863 10.4215 69.0838C10.6406 68.9354 10.2405 68.6862 8.70032 68.0131C8.34209 67.8563 7.87761 67.6435 7.6681 67.5399C7.21591 67.3159 7.25029 67.321 7.20255 67.4772Z' fill='#F1F1F1'/><path d='M52.6726 72.6085C52.6726 72.4226 52.5077 72.2725 52.3044 72.2725C52.1011 72.2725 51.9363 72.4226 51.9363 72.6085C51.9363 72.7938 52.1011 72.9445 52.3044 72.9445C52.5077 72.9445 52.6726 72.7938 52.6726 72.6085Z' fill='#F1F1F1'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M40.5098 14.4687C37.3587 17.9388 31.0957 19.8484 23.9393 15.4293C27.478 21.3135 37.6984 20.9933 40.5098 14.4687ZM18.9789 26.8619C15.6621 28.2337 11.1588 26.8293 8.95886 25.3337C9.11337 25.6598 9.30497 25.9757 9.53554 26.2772C12.1061 29.6377 16.488 29.7422 18.9789 26.8619ZM54.9338 25.4684C53.0268 27.2415 49.1655 28.502 44.6555 26.5029C44.8742 26.7942 45.1242 27.0732 45.4064 27.3364C48.0398 29.7926 52.0967 29.3159 54.4211 26.2772C54.6211 26.0156 54.7915 25.7452 54.9338 25.4684Z' fill='#22110C'/><path d='M22.9446 12.8628C23.6043 9.48752 26.8651 6.55861 30.7211 5.86208C35.8819 4.92986 40.1328 8.42565 41.0144 12.8569C42.1526 7.15955 36.5778 1.73453 30.291 2.87013C25.3199 3.76811 22.0529 8.3645 22.9446 12.8628Z' fill='#2430F0'/><path fill-rule='evenodd' clip-rule='evenodd' d='M24.3135 9.82173C25.7542 7.84342 28.1023 6.33601 30.7261 5.86208C34.6523 5.15285 38.052 7.00661 39.842 9.8854C40.1832 9.54587 40.4952 9.20086 40.753 8.86284C39.4215 4.92063 35.0634 2.00897 30.296 2.87013C27.0022 3.4651 24.4566 5.68361 23.3731 8.42145C23.6075 8.86822 23.9385 9.34758 24.3135 9.82173Z' fill='#2BE1B7'/><g opacity='0.2'><g style='mix-blend-mode:hard-light'><path fill-rule='evenodd' clip-rule='evenodd' d='M34.2491 35.9773C33.835 35.0209 32.8027 34.5087 31.362 34.7628C30.5112 34.913 29.9339 35.3656 29.6641 36.023C30.2318 35.5595 31.2364 35.408 31.9859 35.3923C32.7102 35.4075 33.6727 35.5495 34.2491 35.9773ZM27.9417 36.5826C27.24 36.6891 25.9584 37.0266 25.4015 37.8033C25.5872 37.1094 26.0534 36.5934 26.7648 36.4037C27.4769 36.2138 27.803 36.2356 27.9417 36.5826ZM24.1143 38.7376C24.1091 38.6737 24.1062 38.6121 24.1058 38.5534C24.1054 38.4803 23.0712 38.5154 22.7463 38.5994C21.6342 38.8872 20.8853 39.7038 20.6103 40.6771C21.3541 39.6373 22.739 38.7702 24.1143 38.7376ZM16.4243 44.403C16.753 43.2975 17.9778 42.1443 18.9735 42.1443C19.1143 42.1443 19.237 42.1366 19.3436 42.1229C19.3342 42.0631 19.3262 42.0025 19.3193 41.9413C19.3171 41.9208 19.315 41.9013 19.3129 41.8829C19.2953 41.7196 19.2861 41.6355 19.239 41.5977C19.1888 41.5575 19.0956 41.5699 18.9032 41.5953C18.8827 41.5981 18.8611 41.601 18.8384 41.6039C17.3356 41.7991 16.4918 43.0358 16.4243 44.403ZM31.3569 41.8431C30.7793 41.3996 29.9246 41.2243 28.7245 42.217C28.9271 41.7962 29.2804 41.457 29.7822 41.226C30.1768 41.0444 30.5965 41.0388 30.8236 41.2121C31.0046 41.3502 31.1954 41.5803 31.3569 41.8431ZM35.0713 42.0777C34.5531 41.1328 33.5615 40.6393 32.8969 41.4221C32.8 41.5363 32.6933 41.6925 32.5951 41.8585C33.1446 41.4261 33.9497 41.2322 35.0713 42.0777ZM27.4688 42.6383C27.4775 42.3758 27.4487 42.371 27.2813 42.3432C27.1701 42.3248 27.0408 42.3026 26.9941 42.294C26.9474 42.2854 26.7588 42.2998 26.5751 42.3259C25.7001 42.4505 25.1673 43.2114 25.03 44.1836C25.3764 43.0712 26.6822 42.5518 27.4688 42.6383ZM39.9159 44.7829C40.188 44.1053 41.838 44.779 42.3929 45.8642C42.5472 46.1658 42.653 46.4664 42.7104 46.7657C42.2852 45.584 40.9462 45.0424 39.9159 44.7829ZM34.5821 49.1978C34.583 49.1841 34.5835 49.1711 34.5835 49.1589C34.5835 48.974 36.3338 48.9048 36.889 49.0678C37.1521 49.145 37.3454 49.2919 37.4677 49.4841C36.9365 49.0205 35.7808 49.1066 34.5821 49.1978ZM30.5593 47.2823C30.8813 46.8079 31.3663 46.5195 31.9782 46.5195C32.5785 46.5195 33.0567 46.7971 33.3787 47.2556C32.9777 46.9461 32.4283 46.7872 31.9859 46.7461C31.5309 46.7883 30.9629 46.9552 30.5593 47.2823ZM26.4691 49.5163C26.59 49.3083 26.7898 49.1493 27.0673 49.0678C27.6226 48.9048 29.3729 48.974 29.3729 49.1589C29.3729 49.1708 29.3733 49.1834 29.3742 49.1966C28.1541 49.1038 26.9811 49.0187 26.4691 49.5163ZM24.0524 44.7838C22.9989 45.0496 21.6245 45.6103 21.2335 46.8481C21.2966 45.8035 21.8799 44.9258 22.9617 44.6378C23.2453 44.5623 23.7159 44.5402 23.9149 44.593C23.99 44.6129 24.026 44.6566 24.0524 44.7838ZM38.5698 37.8028C38.3304 36.9463 37.6334 36.3819 36.567 36.3385L35.9599 36.3138L35.9494 36.571C36.6289 36.663 37.9907 36.9957 38.5698 37.8028ZM43.3288 40.6321C43.1312 39.8833 42.6728 39.2377 41.9853 38.905C41.3053 38.5759 39.8517 38.3365 39.8505 38.5534C39.8502 38.6121 39.8474 38.6735 39.8421 38.7373C41.2026 38.7634 42.5748 39.6086 43.3288 40.6321ZM47.5519 44.418C47.2299 43.308 45.9985 42.1443 44.9983 42.1443C44.8472 42.1443 44.717 42.1354 44.6051 42.1198C44.6071 42.107 44.6091 42.094 44.611 42.081C44.6441 41.8579 44.6802 41.6479 44.6912 41.6143C44.7246 41.5117 45.4506 41.6368 45.826 41.8098C46.9174 42.313 47.4944 43.3297 47.5519 44.418ZM38.9088 44.0871C38.8342 43.5092 38.6273 43.0139 38.2819 42.7133C37.9788 42.4495 37.2274 42.2164 36.9339 42.2951C36.9028 42.3034 36.7863 42.3252 36.6751 42.3435C36.5074 42.3711 36.4788 42.3758 36.4876 42.64C37.2496 42.5478 38.5165 43.0342 38.9088 44.0871Z' fill='white'/></g></g><g style='mix-blend-mode:hard-light'><path fill-rule='evenodd' clip-rule='evenodd' d='M57.8866 58.9831C55.6549 58.8174 53.0523 59.5487 51.1717 60.7085C48.538 62.3325 44.4885 66.6445 43.6389 70.8165C43.4039 71.9701 43.2276 72.3475 43.0971 72.2646C44.3946 64.4935 48.9625 59.1063 54.8879 58.4825C56.2242 58.3419 57.2273 58.543 57.8866 58.9831Z' fill='white' fill-opacity='0.4'/></g><g style='mix-blend-mode:hard-light'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.95422 59.0363C8.24372 58.786 10.9838 59.5291 12.9416 60.7365C15.5752 62.3605 19.6247 66.6725 20.4743 70.8445C20.6076 71.4986 20.7219 71.9029 20.8197 72.1157C19.9968 67.4167 17.8774 63.2632 15.0503 61.0137C12.7912 59.2161 9.54377 58.1566 7.34942 58.501C6.76946 58.5922 6.30532 58.777 5.95422 59.0363Z' fill='white' fill-opacity='0.4'/></g><g style='mix-blend-mode:hard-light'><path fill-rule='evenodd' clip-rule='evenodd' d='M26.3938 75.6655C28.2458 73.6518 30.6186 73.3085 31.8869 73.3085C33.2044 73.3085 35.8161 73.729 37.7017 75.9416C35.9015 72.3106 33.6434 70.5247 31.308 70.9386C29.5151 71.2561 27.8173 72.8997 26.3938 75.6655Z' fill='white' fill-opacity='0.4'/></g><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M56.8977 68.5619C56.0508 68.9231 55.1025 69.2899 54.0784 69.6573C53.9253 69.4204 53.7434 69.225 53.5341 69.0833C53.309 68.931 53.6016 68.7501 55.2846 68.0019C55.7207 67.8076 56.2049 67.5831 56.3607 67.503L56.3666 67.4996C56.5827 67.3882 56.6615 67.3473 56.7023 67.3714C56.7255 67.3848 56.7363 67.4195 56.7533 67.475L56.7538 67.4772C56.8507 67.7953 56.8966 68.1626 56.8977 68.5619ZM7.06018 68.4701C7.91597 68.8531 8.87047 69.2412 9.89697 69.6287C10.0459 69.4047 10.2212 69.2194 10.4216 69.0839C10.6408 68.9355 10.2406 68.6863 8.70051 68.0131C8.34228 67.8563 7.87779 67.6435 7.66829 67.5399C7.63913 67.5254 7.61205 67.5119 7.58679 67.4996C7.35883 67.3865 7.2831 67.3484 7.24776 67.3719C7.23015 67.3831 7.22256 67.4094 7.21112 67.4492C7.20857 67.4576 7.20585 67.4671 7.20274 67.4772C7.11336 67.7706 7.06732 68.1067 7.06018 68.4701Z' fill='#22110C'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M19.3065 82.4354C19.1258 84.3567 19.792 86.5054 20.0996 87.4972C20.1519 87.6658 20.1939 87.8013 20.2195 87.8965C20.4389 88.7102 18.054 89.997 9.30603 86.0546C12.536 88.4856 16.4878 90.2082 20.1693 90.5302C23.2599 90.8001 23.9615 90.7542 23.6659 90.2989C23.1811 89.5535 21.5194 86.5301 20.5485 84.6272C20.2971 84.1344 19.9068 83.4417 19.6814 83.0872C19.5375 82.8615 19.4126 82.6442 19.3065 82.4354Z' fill='#22110C'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M54.704 86.0373C45.9247 90.0004 43.5325 88.7113 43.7523 87.8965C43.7779 87.8013 43.8198 87.6663 43.8722 87.4972C44.1811 86.501 44.8519 84.3371 44.6628 82.4096C44.554 82.6263 44.4248 82.852 44.2751 83.0872C44.0496 83.4417 43.6594 84.1344 43.4079 84.6272C42.437 86.5301 40.7753 89.5535 40.2905 90.2989C40.1826 90.4652 40.103 90.5677 40.1281 90.6276C40.1723 90.7334 40.5407 90.706 41.6503 90.6545C45.28 90.487 46.7899 90.1555 49.7341 88.8798C51.5878 88.0768 53.25 87.117 54.704 86.0373Z' fill='#22110C'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M23.5812 86.5788C25.4951 89.6392 26.2707 90.7407 27.317 91.9184C31.1446 96.2276 34.4161 95.5209 38.4745 89.5082C39.2347 88.3826 39.362 88.1866 40.5347 86.3033C40.3194 86.6734 40.1008 87.0565 39.8799 87.449C38.6607 89.6168 38.5707 89.7725 37.8492 90.9552C34.1851 96.9629 31.2314 97.669 27.7757 93.3632C26.7738 92.115 26.0467 90.953 24.0764 87.449C23.9098 87.1528 23.7446 86.8627 23.5812 86.5788Z' fill='#22110C'/><path d='M31.9434 65.5525C31.2354 65.5525 30.3292 70.5365 29.9328 70.5365L29.1115 71.2925L31.9434 70.5365L35.2 71.4885C34.8507 71.171 34.1012 70.5365 33.8974 70.5365C33.6425 70.5365 32.6513 65.5525 31.9434 65.5525Z' fill='black' fill-opacity='0.2'/><path d='M27.2425 52.1683C26.846 52.1683 25.515 51.2443 25.515 49.8723C25.7038 49.527 26.0814 48.9875 26.0814 49.5923C26.0814 50.3483 26.931 51.3283 27.1575 51.5523C27.3841 51.7763 27.6389 52.1683 27.2425 52.1683Z' fill='black' fill-opacity='0.2'/><path d='M19.6531 49.8723C18.0389 49.8723 15.9434 47.7723 14.8672 46.3443L15.5186 45.7843L16.9911 47.8843L20.3327 48.8643L20.9841 47.8003C21.1445 48.043 21.5221 48.6291 21.7487 49.0323C22.0319 49.5363 22.7681 49.9283 23.3628 50.7683C23.9575 51.6083 21.692 50.5723 21.4088 50.4323C21.1823 50.3203 20.6914 49.975 20.4743 49.8163C20.4743 49.835 20.3101 49.8723 19.6531 49.8723Z' fill='black' fill-opacity='0.2'/><path d='M24.7221 47.3243C24.0708 46.5123 24.2973 45.5603 24.1841 44.7483L26.0248 48.0523L25.8832 48.3043L25.8794 48.3024C25.6975 48.2077 25.2396 47.9695 24.7221 47.3243Z' fill='black' fill-opacity='0.2'/><path d='M30.5274 51.6643C29.9327 51.5243 29.3947 50.1523 29.3947 49.1163L29.9611 48.8643L30.3292 50.3203C30.4425 50.7684 31.1221 51.8043 30.5274 51.6643Z' fill='black' fill-opacity='0.2'/><path d='M36.6726 52.1683C37.069 52.1683 38.4 51.2443 38.4 49.8723C38.2112 49.527 37.8336 48.9875 37.8336 49.5923C37.8336 50.3483 36.9841 51.3283 36.7575 51.5523C36.531 51.7763 36.2761 52.1683 36.6726 52.1683Z' fill='black' fill-opacity='0.2'/><path d='M44.2619 49.8723C45.8761 49.8723 47.9717 47.7723 49.0478 46.3443L48.3965 45.7843L46.9239 47.8843L43.5823 48.8643L42.931 47.8003C42.7705 48.043 42.3929 48.6291 42.1664 49.0323C41.8832 49.5363 41.1469 49.9283 40.5522 50.7683C39.9575 51.6083 42.223 50.5723 42.5062 50.4323C42.7327 50.3203 43.2236 49.975 43.4407 49.8163C43.4407 49.835 43.605 49.8723 44.2619 49.8723Z' fill='black' fill-opacity='0.2'/><path d='M39.1929 47.3243C39.8442 46.5123 39.6177 45.5603 39.731 44.7483L37.8903 48.0523L38.0319 48.3043L38.0356 48.3024C38.2175 48.2077 38.6754 47.9695 39.1929 47.3243Z' fill='black' fill-opacity='0.2'/><path d='M33.3593 51.6923C33.954 51.5523 34.5204 50.1523 34.5204 49.1163L33.954 48.8643L33.5858 50.3203C33.4726 50.7683 32.7646 51.8323 33.3593 51.6923Z' fill='black' fill-opacity='0.2'/><path opacity='0.2' d='M25.243 81.6805C25.0448 81.6805 25.6677 81.3725 25.4695 80.8405C25.9415 80.6445 26.6816 80.8461 27.2253 81.3165C27.905 81.9045 27.905 83.3605 27.8766 83.9765C27.8483 84.5925 25.4412 81.6805 25.243 81.6805Z' fill='#22110C'/><path opacity='0.2' d='M38.6747 81.699C38.8729 81.699 38.25 81.391 38.4482 80.859C37.9762 80.663 37.2361 80.8646 36.6924 81.335C36.0127 81.923 36.0127 83.379 36.0411 83.995C36.0694 84.611 38.4765 81.699 38.6747 81.699Z' fill='#22110C'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M12.9684 67.471C16.4154 69.51 19.7664 71.4924 19.7664 73.9525C19.7664 74.0314 19.7651 74.1098 19.7625 74.1866C18.6419 71.8665 16.2117 70.079 11.5203 67.6889C9.57359 66.6971 9.5515 66.6837 8.33392 65.7154C5.34748 63.341 4.38155 60.6088 5.67769 59.2676C4.80566 62.6427 8.95217 65.0955 12.9684 67.471Z' fill='#22110C'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M51.0316 67.471C47.5846 69.51 44.2336 71.4924 44.2336 73.9525C44.2336 73.9872 44.2339 74.0219 44.2344 74.0561C45.3822 71.7993 47.8083 70.0342 52.4124 67.6889C54.3592 66.6971 54.3813 66.6837 55.5988 65.7154C58.5844 63.3416 59.4583 60.7824 58.3589 59.421C59.068 62.7178 54.9866 65.1319 51.0316 67.471Z' fill='#22110C'/><g style='mix-blend-mode:multiply'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.41317 66.5661C4.37904 69.3409 4.48569 81.3165 18.7187 81.3165C18.7769 81.3165 18.8348 81.3165 18.8922 81.3159C18.7551 80.579 18.9367 79.9652 19.435 79.4388C19.9398 78.9051 19.6227 76.3812 18.8593 74.8546C18.6572 74.4503 18.5708 74.265 18.4789 74.2622C18.3993 74.2599 18.3155 74.3954 18.1486 74.6452C14.0166 80.8293 5.58627 76.0967 5.75714 67.6894C5.78324 66.4065 5.78324 66.4065 5.42559 66.1226C5.16502 65.9165 5.08613 65.8448 5.02788 65.8582C4.99281 65.8666 4.96522 65.9058 4.90997 65.9652C4.73613 66.1528 4.57047 66.3533 4.41317 66.5661Z' fill='black' fill-opacity='0.2'/></g><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M59.6117 66.8041C59.6333 69.883 59.2453 81.3725 45.3042 81.3725C45.2117 81.3725 45.1202 81.3719 45.0297 81.3714C45.1867 80.6098 45.0086 79.9787 44.4978 79.4388C43.9931 78.9051 44.3101 76.3806 45.0736 74.8546C45.2757 74.4503 45.3621 74.265 45.4539 74.2622C45.5336 74.2599 45.6174 74.3954 45.7843 74.6452C49.9163 80.8287 58.3465 76.0967 58.176 67.6894C58.1573 66.7772 58.1516 66.5134 58.2745 66.337C58.3244 66.2648 58.3952 66.2077 58.4954 66.1265C58.6823 65.9747 58.7831 65.8795 58.8794 65.8834C59.0205 65.8896 59.1519 66.1097 59.5313 66.682C59.5585 66.7229 59.5851 66.7638 59.6117 66.8041Z' fill='#22110C'/><path opacity='0.2' fill-rule='evenodd' clip-rule='evenodd' d='M29.5019 36.5955C29.4165 37.2326 29.5533 37.9949 29.9326 38.8251C30.2165 39.4468 30.2165 39.4468 30.6522 39.4513C31.0436 39.4553 31.1326 39.4783 31.5271 39.6776C31.9662 39.8994 31.9662 39.8994 32.4054 39.6776C32.7999 39.4783 32.8889 39.4553 33.2803 39.4513C33.716 39.4468 33.716 39.4468 33.9997 38.8251C34.3787 37.9944 34.5015 37.2283 34.4075 36.5874C34.2194 37.6242 33.7861 38.9793 32.8143 39.0924C32.3936 39.1799 32.1009 39.1854 31.9998 39.1769L31.9931 39.1763H31.9148H31.9081C31.807 39.1848 31.5143 39.1799 31.0936 39.0924C30.1244 38.9796 29.6908 37.6312 29.5019 36.5955ZM35.1802 39.7094C35.666 38.9606 35.8689 38.2451 35.915 37.1187L35.9393 36.5271C36.1255 37.5415 36.0758 38.962 35.224 40.168C35.0032 39.9822 35.0138 39.966 35.1802 39.7094ZM38.6409 38.7554C38.6016 39.2731 38.4385 39.8456 38.1402 40.4435C38.1082 40.5076 38.0794 40.566 38.0532 40.619C37.8931 40.9435 37.8303 41.0707 37.7338 41.1047C37.6716 41.1267 37.5953 41.1098 37.4697 41.0821C37.438 41.075 37.403 41.0673 37.3643 41.0593C37.0618 40.997 36.8949 40.9904 36.6875 41.0327C36.6331 41.0437 36.5837 41.0541 36.5385 41.0635C36.5288 41.0655 36.5194 41.0674 36.5101 41.0694C36.5471 40.9584 36.8359 40.8679 37.1302 40.7756C37.4071 40.6889 37.6888 40.6006 37.7701 40.4923C38.1736 39.9546 38.4817 39.4124 38.6409 38.7554ZM39.8386 38.5535C39.8344 39.3252 39.3873 40.5895 38.8846 41.251C38.6698 41.5336 38.6553 41.5528 38.9282 41.8437C39.5068 41.0167 40.1094 39.3883 39.8815 38.5011C39.8538 38.5141 39.8387 38.5314 39.8386 38.5535ZM43.4125 41.174C43.3384 41.6477 43.0738 42.6448 42.6692 43.0684C42.1878 43.5724 41.9896 43.6284 41.5931 43.4604C41.3573 43.3605 41.0131 43.4091 40.7627 43.4751C41.2174 43.4921 41.6283 43.6125 42.006 43.8383L42.018 43.8454L42.0394 43.8583C42.1769 43.9406 42.253 43.9863 42.3225 43.9779C42.409 43.9675 42.4851 43.8735 42.6558 43.6628L42.6728 43.6419L42.6894 43.6215C43.2628 42.9149 43.4909 42.0137 43.4125 41.174ZM47.5219 44.205C47.4218 44.9868 47.1367 46.3769 46.0391 47.2963C45.0063 48.1616 44.2267 48.2203 44.0568 46.9883C44.0404 46.8694 44.0173 46.8063 43.99 46.7878C44.0411 47.2225 44.0198 47.6609 43.9167 48.0595C43.8544 48.3003 43.8034 48.5044 43.8034 48.5129C43.8034 48.6514 45.3436 48.0124 45.8833 47.65C47.1229 46.8177 47.6664 45.4447 47.5219 44.205ZM44.5943 42.1123C44.4602 42.9799 44.1441 43.5973 43.4886 44.2757C43.0671 44.712 43.0671 44.712 43.2445 44.9298C43.2635 44.9531 43.2822 44.9768 43.3006 45.0009C43.865 44.4338 44.4939 43.3507 44.5943 42.1123ZM38.9263 44.7383C38.8215 45.3308 38.6489 45.9792 38.3931 46.2883C37.8834 46.9044 37.2037 47.0723 36.6657 46.9883C36.3952 46.9462 35.9466 47.0638 35.5546 47.2011C36.35 47.1677 36.954 47.323 37.4785 47.6808C37.6069 47.7683 37.7107 47.8061 37.7333 47.7735C37.7543 47.7432 37.8781 47.581 38.0084 47.413C38.5844 46.6698 38.897 45.658 38.9263 44.7383ZM34.3547 46.9271C35.17 46.502 36.4769 45.3646 36.4609 43.5548C36.3028 44.8607 35.5252 46.018 34.3027 46.7165C34.288 46.7249 34.3143 46.8171 34.3547 46.9271ZM35.3879 43.6766C35.1362 44.4104 34.5764 45.5646 33.6922 45.2523C32.8993 44.9723 32.4179 44.9163 32.0214 44.9163C31.996 44.9163 31.9737 44.9187 31.954 44.9232C31.9343 44.9187 31.9119 44.9163 31.8865 44.9163C31.49 44.9163 31.0086 44.9723 30.2157 45.2523C29.4178 45.5341 28.8841 44.6215 28.6025 43.9015C28.7337 44.4432 29.0033 45.0315 29.4131 45.6436C29.6698 46.027 29.7647 46.1686 29.8395 46.159C29.8834 46.1533 29.9203 46.0957 29.979 46.0043C30.8227 44.6888 33.1098 44.6888 33.9535 46.0043C34.183 46.3621 35.107 44.998 35.3417 43.9548C35.3626 43.862 35.3778 43.7692 35.3879 43.6766ZM24.9828 44.7447C24.9926 45.6255 25.2955 46.602 25.9241 47.413C26.0544 47.581 26.1782 47.7432 26.1992 47.7735C26.2218 47.8061 26.3256 47.7683 26.454 47.6808C26.9724 47.3272 27.5685 47.1713 28.3503 47.2C27.9589 47.0632 27.512 46.9463 27.2423 46.9883C26.7042 47.0723 26.0246 46.9044 25.5148 46.2883C25.26 45.9803 25.0877 45.3355 24.9828 44.7447ZM27.4534 43.3684C27.341 45.3023 28.7328 46.5072 29.5738 46.9378C29.6165 46.8231 29.645 46.7252 29.6298 46.7165C28.3494 45.9849 27.557 44.7501 27.4534 43.3684ZM24.9902 41.8585C25.2777 41.5534 25.2663 41.5384 25.0479 41.251C24.5452 40.5895 24.0981 39.3252 24.0939 38.5535C24.0938 38.5417 24.0668 38.5327 24.0202 38.5263C23.8086 39.4242 24.4139 41.0441 24.9902 41.8585ZM20.4987 41.1942C20.4123 42.0076 20.6416 42.8803 21.2431 43.6215C21.2547 43.6357 21.2659 43.6495 21.2767 43.6628C21.4474 43.8735 21.5235 43.9675 21.61 43.9779C21.6795 43.9863 21.7556 43.9406 21.8931 43.8583C21.9038 43.8519 21.915 43.8451 21.9265 43.8383C22.2983 43.6161 22.7023 43.4959 23.1485 43.4759C22.8979 43.4095 22.5517 43.36 22.3149 43.4604C21.9184 43.6284 21.7202 43.5724 21.2388 43.0684C20.8398 42.6507 20.577 41.6754 20.4987 41.1942ZM25.3287 38.9804C25.3891 39.445 25.5416 39.9411 25.7923 40.4435C25.8243 40.5076 25.8531 40.5659 25.8793 40.619C26.0394 40.9434 26.1022 41.0707 26.1987 41.1047C26.2609 41.1267 26.3372 41.1098 26.4628 41.0821C26.4945 41.075 26.5295 41.0673 26.5682 41.0593C26.8707 40.997 27.0376 40.9904 27.245 41.0327C27.2993 41.0437 27.3488 41.0541 27.394 41.0635C27.3946 41.0636 27.3952 41.0637 27.3958 41.0639C27.3512 40.9553 27.0671 40.8663 26.7777 40.7756C26.5009 40.6889 26.2192 40.6006 26.1379 40.4923C25.7814 40.0172 25.4993 39.5386 25.3287 38.9804ZM27.9495 36.6382C27.9891 36.7634 28.0095 36.9244 28.0177 37.1255C28.0635 38.2446 28.2676 38.9622 28.7523 39.7094C28.9225 39.9718 28.9296 39.9828 28.6931 40.1809C27.8633 39.0155 27.7865 37.6472 27.9495 36.6382ZM19.9431 46.783C19.9049 46.7738 19.8723 46.8344 19.8511 46.9883C19.6812 48.2203 18.9016 48.1616 17.8688 47.2963C16.8557 46.4476 16.5348 45.1978 16.4127 44.3957C16.3519 45.5782 16.8722 46.8597 18.0492 47.65C18.5889 48.0124 20.1291 48.6514 20.1291 48.5129C20.1291 48.5044 20.0781 48.3003 20.0158 48.0595C19.9123 47.6595 19.8913 47.2193 19.9431 46.783ZM20.6213 45.0148C20.6429 44.9862 20.6649 44.958 20.6873 44.9305C20.8643 44.7134 20.8643 44.7134 20.4201 44.2495C19.7619 43.562 19.4055 42.8228 19.3074 41.9414C19.3052 41.9222 19.3033 41.904 19.3014 41.8866C19.3382 43.2285 20.0194 44.4179 20.6213 45.0148Z' fill='#22110C'/><path d='M52.8991 71.4885C52.8991 70.8081 53.4697 70.2565 54.1734 70.2565C54.8772 70.2565 55.4478 70.8081 55.4478 71.4885C55.4478 72.1689 54.8772 72.7205 54.1734 72.7205C53.4697 72.7205 52.8991 72.1689 52.8991 71.4885Z' fill='#F1F1F1'/><path d='M8.4389 71.4885C8.4389 70.8081 9.00947 70.2565 9.71324 70.2565C10.417 70.2565 10.9876 70.8081 10.9876 71.4885C10.9876 72.1689 10.417 72.7205 9.71324 72.7205C9.00947 72.7205 8.4389 72.1689 8.4389 71.4885Z' fill='#F1F1F1'/><path d='M11.8372 72.6085C11.8372 72.4226 11.6724 72.2725 11.469 72.2725C11.2657 72.2725 11.1009 72.4226 11.1009 72.6085C11.1009 72.7938 11.2657 72.9445 11.469 72.9445C11.6724 72.9445 11.8372 72.7938 11.8372 72.6085Z' fill='#F1F1F1'/></g></svg>","preview_image":"https://ui.manifest.build/og-image.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":35,"open_issues":0,"last_commit":"2026-10-20T07:38:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.manifest.build/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.manifest.build/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.manifest.build/r/registry.json","clone":"git clone https://github.com/mnfst/manifest-ui.git","clone_degit":"npx degit mnfst/manifest-ui","registry_fetch":"curl -s https://ui.manifest.build/r/registry.json"},"component_count":32,"components":[{"name":"contact-form","title":"Contact Form","description":"A complete contact form with name fields, phone with country selector, email, message textarea, and file attachment.","type":"registry:block","source_url":"https://ui.manifest.build/r/contact-form.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/contact-form.json"},{"name":"date-time-picker","title":"Date & Time Picker","description":"A Calendly-style date and time picker with calendar, available time slots, and timezone display.","type":"registry:block","source_url":"https://ui.manifest.build/r/date-time-picker.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/date-time-picker.json"},{"name":"issue-report-form","title":"Issue Report Form","description":"A compact issue reporting form for team members with categories, impact/urgency levels, and file attachments.","type":"registry:block","source_url":"https://ui.manifest.build/r/issue-report-form.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/issue-report-form.json"},{"name":"order-confirm","title":"Order Confirm","description":"Order confirmation with product image, delivery info, and confirm action.","type":"registry:block","source_url":"https://ui.manifest.build/r/order-confirm.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/order-confirm.json"},{"name":"payment-confirmed","title":"Payment Confirmed","description":"Payment confirmation card with product image, price, delivery info, and tracking button. Supports default and compressed variants.","type":"registry:block","source_url":"https://ui.manifest.build/r/payment-confirmed.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/payment-confirmed.json"},{"name":"product-list","title":"Product List","description":"Product list with list, grid, carousel, and picker variants.","type":"registry:block","source_url":"https://ui.manifest.build/r/product-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/product-list.json"},{"name":"option-list","title":"Option List","description":"Tag-style option selector with single or multiple selection modes.","type":"registry:block","source_url":"https://ui.manifest.build/r/option-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/option-list.json"},{"name":"amount-input","title":"Amount Input","description":"Amount input with increment/decrement buttons and preset values.","type":"registry:block","source_url":"https://ui.manifest.build/r/amount-input.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/amount-input.json"},{"name":"tag-select","title":"Tag Select","description":"Colored tag selector with single or multiple selection and color variants.","type":"registry:block","source_url":"https://ui.manifest.build/r/tag-select.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/tag-select.json"},{"name":"quick-reply","title":"Quick Reply","description":"Quick reply buttons for common chat responses.","type":"registry:block","source_url":"https://ui.manifest.build/r/quick-reply.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/quick-reply.json"},{"name":"progress-steps","title":"Progress Steps","description":"Progress indicator with horizontal or vertical layout and step statuses.","type":"registry:block","source_url":"https://ui.manifest.build/r/progress-steps.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/progress-steps.json"},{"name":"status-badge","title":"Status Badge","description":"Status badge with multiple states (success, pending, processing, error, shipped, delivered).","type":"registry:block","source_url":"https://ui.manifest.build/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/status-badge.json"},{"name":"stat-card","title":"Stat Card","description":"Scrollable stat cards with values, trends, and change indicators.","type":"registry:block","source_url":"https://ui.manifest.build/r/stat-card.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/stat-card.json"},{"name":"post-card","title":"Post Card","description":"Post card with image, title, excerpt, author info and read more button. Supports default, compact, horizontal, and covered variants. Includes post-detail for f…","type":"registry:block","source_url":"https://ui.manifest.build/r/post-card.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/post-card.json"},{"name":"post-list","title":"Post List","description":"Post list with list, grid, carousel, and fullwidth variants. Fullwidth mode shows paginated posts.","type":"registry:block","source_url":"https://ui.manifest.build/r/post-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/post-list.json"},{"name":"post-detail","title":"Post Detail","description":"Full post view with cover image, author info, content, tags and related posts section.","type":"registry:block","source_url":"https://ui.manifest.build/r/post-detail.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/post-detail.json"},{"name":"table","title":"Table","description":"Data table with optional single or multi-select modes for chat interfaces.","type":"registry:block","source_url":"https://ui.manifest.build/r/table.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/table.json"},{"name":"message-bubble","title":"Message Bubble","description":"Chat message bubbles with text, image, voice, and reaction variants.","type":"registry:block","source_url":"https://ui.manifest.build/r/message-bubble.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/message-bubble.json"},{"name":"chat-conversation","title":"Chat Conversation","description":"Full chat conversation component with multiple message types.","type":"registry:block","source_url":"https://ui.manifest.build/r/chat-conversation.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/chat-conversation.json"},{"name":"x-post","title":"X Post","description":"X (Twitter) post card with engagement metrics.","type":"registry:block","source_url":"https://ui.manifest.build/r/x-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/x-post.json"},{"name":"instagram-post","title":"Instagram Post","description":"Instagram post card with image and engagement.","type":"registry:block","source_url":"https://ui.manifest.build/r/instagram-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/instagram-post.json"},{"name":"linkedin-post","title":"LinkedIn Post","description":"LinkedIn post card with professional styling.","type":"registry:block","source_url":"https://ui.manifest.build/r/linkedin-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/linkedin-post.json"},{"name":"youtube-post","title":"YouTube Post","description":"YouTube video card with playable embed.","type":"registry:block","source_url":"https://ui.manifest.build/r/youtube-post.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/youtube-post.json"},{"name":"map-carousel","title":"Map Carousel","description":"Interactive map with location markers and a draggable carousel of cards.","type":"registry:block","source_url":"https://ui.manifest.build/r/map-carousel.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/map-carousel.json"},{"name":"event-card","title":"Event Card","description":"Display event information with multiple layouts. Supports events with images, signals, vibe tags, and display-formatted date/time. Entire card is clickable.","type":"registry:block","source_url":"https://ui.manifest.build/r/event-card.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-card.json"},{"name":"event-list","title":"Event List","description":"Display events in grid, list, or carousel layouts. Fullscreen mode shows interactive split-screen map with Leaflet and animated filter panel.","type":"registry:block","source_url":"https://ui.manifest.build/r/event-list.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-list.json"},{"name":"event-detail","title":"Event Detail","description":"Full event detail view with organizer info, interactive map, policies, and ticket purchase. Fullwidth mode only.","type":"registry:block","source_url":"https://ui.manifest.build/r/event-detail.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-detail.json"},{"name":"ticket-tier-select","title":"Ticket Tier Select","description":"Ticket tier selection with quantity controls and order summary. Shows price breakdown with fees.","type":"registry:block","source_url":"https://ui.manifest.build/r/ticket-tier-select.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/ticket-tier-select.json"},{"name":"event-confirmation","title":"Event Confirmation","description":"Order confirmation with event details, ticket delivery info, organizer follow, and social sharing.","type":"registry:block","source_url":"https://ui.manifest.build/r/event-confirmation.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-confirmation.json"},{"name":"hero","title":"Hero","description":"Landing hero section with optional logos, title, subtitle, CTA buttons, and tech logos footer. Supports image or text logos with separator.","type":"registry:block","source_url":"https://ui.manifest.build/r/hero.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/hero.json"},{"name":"event-shared","title":"Event Shared Utilities","description":"Shared utilities for event components (Leaflet map helpers, signal badges).","type":"registry:lib","source_url":"https://ui.manifest.build/r/event-shared.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/event-shared.json"},{"name":"manifest-types","title":"Manifest Types","description":"Shared type definitions for Manifest UI components.","type":"registry:lib","source_url":"https://ui.manifest.build/r/manifest-types.json","install_command":"npx shadcn@latest add https://ui.manifest.build/r/manifest-types.json"}]},{"id":"mapcn","name":"@mapcn","slug":"mapcn","description":"mapcn is a free, open-source shadcn/ui-style copy-paste registry of map components for React, built on MapLibre GL and styled with Tailwind CSS. Components cover the full map interaction set: Map, Controls, Markers, Popups, Routes, Arcs, Clusters, plus pre-built Blocks. Works with any MapLibre-compatible tile provider (OpenStreetMap, MapTiler, Carto, Stadia, Thunderforest) and automatically adapts to light/dark themes. Zero config out of the box; full TypeScript support. Use for: adding customizable, design-system-integrated interactive maps to a React/Next.js app without a heavyweight SDK, especially when the app already uses shadcn/ui patterns.","author":"AnmolSaini16","framework":"react","license":"MIT","tags":["blocks","cards","charts","components","e-commerce","maps","theming"],"categories":["Maps"],"labels":["popular","recently-updated"],"urls":{"website":"https://mapcn.dev","github":"https://github.com/AnmolSaini16/mapcn","registry":"https://mapcn.dev/r/registry.json","source":"https://mapcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mapcn","markdown":"https://sh4dcn.netlify.app/md/mapcn.md"},"logo":"<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='32' height='32' rx='8' fill='var(--foreground)'/><path d='M16 6C12.134 6 9 9.134 9 13C9 18.25 16 26 16 26C16 26 23 18.25 23 13C23 9.134 19.866 6 16 6Z' fill='var(--background)'/><circle cx='16' cy='13' r='3' fill='var(--foreground)'/></svg>","preview_image":"https://mapcn.dev/banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":12335,"open_issues":27,"last_commit":"2026-10-23T16:05:01Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://mapcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://mapcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://mapcn.dev/r/registry.json","clone":"git clone https://github.com/AnmolSaini16/mapcn.git","clone_degit":"npx degit AnmolSaini16/mapcn","registry_fetch":"curl -s https://mapcn.dev/r/registry.json"},"component_count":9,"components":[{"name":"map","title":"Map","description":"A MapLibre-powered map component with markers, popups, tooltips, routes, and controls.","type":"registry:ui","source_url":"https://mapcn.dev/r/map.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/map.json"},{"name":"analytics-map","title":"Analytics Map","description":"Real-time analytics overview with a world map, breakdown cards, and device stats.","type":"registry:block","source_url":"https://mapcn.dev/r/analytics-map.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/analytics-map.json"},{"name":"choropleth","title":"Choropleth","description":"World choropleth map shading countries by a metric, with a hover tooltip and legend.","type":"registry:block","source_url":"https://mapcn.dev/r/choropleth.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/choropleth.json"},{"name":"analytics-card","title":"Analytics Card","description":"Compact analytics card with a headline metric over a world map.","type":"registry:block","source_url":"https://mapcn.dev/r/analytics-card.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/analytics-card.json"},{"name":"delivery-tracker","title":"Delivery Tracker","description":"Live order tracking with route progress, courier position, and order details.","type":"registry:block","source_url":"https://mapcn.dev/r/delivery-tracker.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/delivery-tracker.json"},{"name":"uptime-monitor","title":"Uptime Monitor","description":"Status-page style map of edge network locations with live health, latency, and uptime.","type":"registry:block","source_url":"https://mapcn.dev/r/uptime-monitor.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/uptime-monitor.json"},{"name":"heatmap","title":"Heatmap","description":"Globe-projected heatmap visualizing earthquake density with zoom-dependent styling.","type":"registry:block","source_url":"https://mapcn.dev/r/heatmap.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/heatmap.json"},{"name":"logistics-network","title":"Logistics Network","description":"Domestic logistics map with a sidebar of stats.","type":"registry:block","source_url":"https://mapcn.dev/r/logistics-network.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/logistics-network.json"},{"name":"store-locator","title":"Store Locator","description":"Searchable store list synced with map markers.","type":"registry:block","source_url":"https://mapcn.dev/r/store-locator.json","install_command":"npx shadcn@latest add https://mapcn.dev/r/store-locator.json"}]},{"id":"materialcn","name":"@materialcn","slug":"materialcn","description":"Material 3 Expressive for shadcn/ui. Base UI primitives restyled with M3 tokens extracted from the official Figma kit, so stock shadcn markup renders as Material — retheme an existing project with a single item.","author":"guillermo-rebolledo","framework":"react","license":"MIT","tags":["accessibility","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","pro-available","theming"],"categories":["Forms"],"labels":["pro"],"urls":{"website":"https://github.com/guillermo-rebolledo/materialcn","github":"https://github.com/guillermo-rebolledo/materialcn","registry":"https://guillermo-rebolledo.github.io/materialcn/r/registry.json","source":"https://guillermo-rebolledo.github.io/materialcn/r/registry.json","page":"https://sh4dcn.netlify.app/registry/materialcn","markdown":"https://sh4dcn.netlify.app/md/materialcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)'><circle cx='12' cy='12' r='7.2'/><circle cx='18.6' cy='12.0' r='3.4'/><circle cx='16.67' cy='16.67' r='3.4'/><circle cx='12.0' cy='18.6' r='3.4'/><circle cx='7.33' cy='16.67' r='3.4'/><circle cx='5.4' cy='12.0' r='3.4'/><circle cx='7.33' cy='7.33' r='3.4'/><circle cx='12.0' cy='5.4' r='3.4'/><circle cx='16.67' cy='7.33' r='3.4'/></svg>","preview_image":"https://opengraph.githubassets.com/41800fc712159b830d6075423f8eb0a1f455a3e8959bac92c8c6e4476acf6dc6/guillermo-rebolledo/materialcn","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-08-28T01:58:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/registry.json","install_bun":"bunx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/registry.json","clone":"git clone https://github.com/guillermo-rebolledo/materialcn.git","clone_degit":"npx degit guillermo-rebolledo/materialcn","registry_fetch":"curl -s https://guillermo-rebolledo.github.io/materialcn/r/registry.json"},"component_count":66,"components":[{"name":"materialcn-theme","title":"Material 3 Theme","description":"The Material 3 Expressive token layer: color roles and four alternate palettes, type scale, shape, spacing, elevation, state layers, motion springs, and the re…","type":"registry:theme","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json"},{"name":"accordion","title":"Accordion","description":"Expandable sections on the M3 motion springs.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/accordion.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/accordion.json"},{"name":"alert","title":"Alert","description":"An inline message in four severities, mapped onto the closest M3 container roles.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/alert.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/alert.json"},{"name":"avatar","title":"Avatar","description":"A circular image with an initials fallback.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/avatar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/avatar.json"},{"name":"badge","title":"Badge","description":"Material chip geometry as a static label.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/badge.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/badge.json"},{"name":"bottom-app-bar","title":"Bottom App Bar","description":"The bottom app bar, with actions and an optional docked FAB.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/bottom-app-bar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/bottom-app-bar.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"The shadcn breadcrumb primitives on the M3 type and color roles.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/breadcrumb.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/breadcrumb.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"A breadcrumb trail from a list of entries, collapsing the middle when it overflows.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/breadcrumbs.json"},{"name":"button","title":"Button","description":"The five Material button variants across five sizes, in round and square shapes, with the press morph and the loading state that keeps the button's size.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/button.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/button.json"},{"name":"button-group","title":"Button Group","description":"Connected and standard groups of buttons, with the kit's 2dp separation and first/middle/last corner geometry.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/button-group.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/button-group.json"},{"name":"button-group-context","title":"Button Group Context","description":"Carries a group's shape, size, and variant down to the buttons inside it.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/button-group-context.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/button-group-context.json"},{"name":"button-variants","title":"Button Variants","description":"The `cva` definition behind Button's variant, size, and shape props.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/button-variants.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/button-variants.json"},{"name":"calendar","title":"Calendar","description":"The Material date grid, for single dates and ranges.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/calendar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/calendar.json"},{"name":"calendar-utils","title":"Calendar Utilities","description":"Date maths for the calendar and the date pickers, free of any date library.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/calendar-utils.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/calendar-utils.json"},{"name":"card","title":"Card","description":"Elevated, filled, and outlined cards on the M3 surface ramp.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/card.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/card.json"},{"name":"carousel","title":"Carousel","description":"The Material carousel layouts — multi-browse, hero, uncontained, full-screen — sized by container query.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/carousel.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"The Material checkbox, including the indeterminate state.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/checkbox.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/checkbox.json"},{"name":"chip","title":"Chip","description":"Assist, filter, input, and suggestion chips, with selected, removable, and icon states.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/chip.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/chip.json"},{"name":"circular-progress","title":"Circular Progress","description":"The circular progress indicator, determinate and indeterminate.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/circular-progress.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/circular-progress.json"},{"name":"date-picker","title":"Date Picker","description":"A text field with a docked date picker.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/date-picker.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/date-picker.json"},{"name":"date-picker-dialog","title":"Date Picker Dialog","description":"The modal date picker, with the calendar and text-entry modes.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/date-picker-dialog.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/date-picker-dialog.json"},{"name":"dialog","title":"Dialog","description":"The Material dialog, basic and full-screen.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/dialog.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/dialog.json"},{"name":"dropdown-menu","title":"Menu","description":"The Material menu: standard and vibrant items, leading icons, trailing text, submenus, and destructive actions.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/dropdown-menu.json"},{"name":"fab","title":"FAB","description":"The floating action button in three sizes, plus the extended FAB, which requires a readable label.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/fab.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/fab.json"},{"name":"fab-menu","title":"FAB Menu","description":"A FAB that expands into a column of labelled actions.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/fab-menu.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/fab-menu.json"},{"name":"field","title":"Field","description":"The label, description, and error scaffolding shared by every form control.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/field.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/field.json"},{"name":"icon","title":"Icon","description":"Sizes and optically aligns a lucide icon against the M3 type scale.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/icon.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/icon.json"},{"name":"image","title":"Image","description":"An image on the M3 shape scale, with aspect ratio, fallback, and loading states.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/image.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/image.json"},{"name":"input","title":"Input","description":"The bare text input Field and TextField build on.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/input.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/input.json"},{"name":"input-group","title":"Input Group","description":"An input with leading and trailing affixes inside one container.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/input-group.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/input-group.json"},{"name":"label","title":"Label","description":"A form label bound to its control.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/label.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/label.json"},{"name":"link","title":"Link","description":"An inline link on the M3 type and color roles.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/link.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/link.json"},{"name":"list","title":"List","description":"Material list rows in three densities, with leading and trailing slots.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/list.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/list.json"},{"name":"loading-indicator","title":"Loading Indicator","description":"The M3 Expressive loading indicator, morphing through the kit's seven shapes.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/loading-indicator.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/loading-indicator.json"},{"name":"navigation-bar","title":"Navigation Bar","description":"The bottom navigation bar, with the M3 Expressive active indicator.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/navigation-bar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/navigation-bar.json"},{"name":"navigation-context","title":"Navigation Context","description":"The selected destination, shared by the navigation bar and the rail.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/navigation-context.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/navigation-context.json"},{"name":"navigation-rail","title":"Navigation Rail","description":"The navigation rail, collapsed or expanded, for medium and larger windows.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/navigation-rail.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/navigation-rail.json"},{"name":"notification-badge","title":"Notification Badge","description":"The dot and numeric badges that sit over an icon, with `99+` overflow.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/notification-badge.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/notification-badge.json"},{"name":"pagination","title":"Pagination","description":"The shadcn pagination primitives on the M3 roles.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/pagination.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/pagination.json"},{"name":"paginator","title":"Paginator","description":"A page control from a total and a current page, with the page-window logic.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/paginator.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/paginator.json"},{"name":"palettes","title":"Palettes","description":"The alternate palettes shipped by the theme, as data for a palette picker.","type":"registry:lib","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/palettes.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/palettes.json"},{"name":"progress","title":"Progress","description":"The linear progress indicator, determinate and indeterminate, with the M3 Expressive wave.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/progress.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"Material radio buttons.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/radio-group.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/radio-group.json"},{"name":"rich-tooltip","title":"Rich Tooltip","description":"The rich tooltip: a title, body text, and optional actions.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/rich-tooltip.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/rich-tooltip.json"},{"name":"search-bar","title":"Search Bar","description":"The Material search bar, with leading and trailing actions.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/search-bar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/search-bar.json"},{"name":"search-view","title":"Search View","description":"The full-screen search surface a search bar expands into.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/search-view.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/search-view.json"},{"name":"select","title":"Select","description":"A select styled to the Material menu.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/select.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/select.json"},{"name":"separator","title":"Separator","description":"The Material divider, horizontal or vertical, full-width or inset.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/separator.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Side and bottom sheets, modal or standard.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/sheet.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholders sized to the type scale role they stand in for.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/skeleton.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/skeleton.json"},{"name":"slider","title":"Slider","description":"The M3 Expressive slider, continuous or stepped, with the value label.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/slider.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/slider.json"},{"name":"split-button","title":"Split Button","description":"A primary action joined to a menu trigger, with the kit's asymmetric segment geometry.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/split-button.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/split-button.json"},{"name":"switch","title":"Switch","description":"The Material 3 switch, with the icon-in-thumb variants.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/switch.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Primary and secondary tabs with the sliding active indicator.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/tabs.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/tabs.json"},{"name":"text-field","title":"Text Field","description":"The Material text field, filled and outlined, with the floating label, supporting text, and character counter.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/text-field.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/text-field.json"},{"name":"theme-context","title":"Theme Context","description":"The context behind `useTheme`: the current color scheme and palette.","type":"registry:component","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/theme-context.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/theme-context.json"},{"name":"theme-provider","title":"Theme Provider","description":"Puts the page in light, dark, or system mode and selects a palette, persisting the choice and exposing it through `useTheme`.","type":"registry:component","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/theme-provider.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/theme-provider.json"},{"name":"time-dial","title":"Time Dial","description":"The Material clock dial, and the dialog that pairs it with text entry.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/time-dial.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/time-dial.json"},{"name":"time-picker","title":"Time Picker","description":"Text entry for a time, in 12- or 24-hour mode.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/time-picker.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/time-picker.json"},{"name":"toast","title":"Snackbar","description":"The Material snackbar and its imperative `toast` API, with stacking and actions.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/toast.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A button that stays pressed, with the Material selected state.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/toggle.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Single- or multi-select groups of toggles.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/toggle-group.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"The floating and docked toolbars, in standard and vibrant color.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/toolbar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"The plain Material tooltip.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/tooltip.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/tooltip.json"},{"name":"top-app-bar","title":"Top App Bar","description":"Small, medium, and large top app bars, with the scroll-collapse behavior.","type":"registry:ui","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/top-app-bar.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/top-app-bar.json"},{"name":"utils","title":"cn","description":"The `cn` class merger, configured for the M3 utility namespaces. Without it tailwind-merge treats `text-m3-label-lg` and `text-m3-on-primary` as one group and …","type":"registry:lib","source_url":"https://guillermo-rebolledo.github.io/materialcn/r/utils.json","install_command":"npx shadcn@latest add https://guillermo-rebolledo.github.io/materialcn/r/utils.json"}]},{"id":"mewo","name":"@mewo","slug":"mewo","description":"Animated React components and page sections built on Tailwind CSS v4, powered by Motion and GSAP. Every item respects prefers-reduced-motion and installs only the dependency it needs.","author":"xmustafa5","framework":"react","license":"MIT","tags":["animation","backgrounds","blocks","cards","loaders","media","navigation","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://mewo-ui.vercel.app","github":"https://github.com/xmustafa5/mewo-ui","registry":"https://mewo-ui.vercel.app/r/registry.json","source":"https://mewo-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mewo","markdown":"https://sh4dcn.netlify.app/md/mewo.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='437 185 810 549'><path fill='#1821fb' d='M1191 676L1135 676L1135 620L1191 620ZM1191 676'/><path fill='#1821fb' d='M1247 732L1191 732L1191 676L1247 676ZM1247 732'/><path fill='#1821fb' d='M583 383L624 214C624 214 628 196 642 196C656 195 664 197 666 198C668 200 789 336 808 357C827 378 832 385 858 352C885 319 970 215 989 205C1007 195 1033 185 1039 213C1044 240 1068 342 1069 354C1070 365 1074 385 1074 385C1074 385 1078 392 1086 400C1095 408 1133 447 1151 481C1169 514 1184 557 1184 557C1184 557 1190 569 1180 568C1169 567 1136 568 1136 568L1135 620L1083 620C1083 620 1081 623 1081 631C1081 638 1079 676 1079 676L1135 676L1135 730C1135 730 1136 734 1127 734C1118 734 513 732 513 732C513 732 469 721 459 698C448 675 437 660 459 592C481 525 515 448 548 417C582 386 583 383 583 383'/><path fill='#fff' d='M665 446L806 446C806 446 813 456 810 465C806 474 785 498 753 500C722 501 686 494 676 482C666 470 661 469 665 446'/><path fill='#fff' d='M853 446L994 446C994 446 1001 456 998 465C994 474 973 498 941 500C910 501 874 494 864 482C854 470 849 469 853 446'/><path fill='#1821fb' d='M908 451C908 460 916 468 925 468C935 468 943 460 943 451C943 441 935 433 925 433C916 433 908 441 908 451'/><path fill='#1821fb' d='M718 451C718 460 725 468 735 468C745 468 753 460 753 451C753 441 745 433 735 433C725 433 718 441 718 451'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-24T21:01:33Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://mewo-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://mewo-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://mewo-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/xmustafa5/mewo-ui.git","clone_degit":"npx degit xmustafa5/mewo-ui","registry_fetch":"curl -s https://mewo-ui.vercel.app/r/registry.json"},"component_count":20,"components":[{"name":"text-shimmer","title":"Text Shimmer","description":"A light sweep that moves across text. CSS only — no dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/text-shimmer.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/text-shimmer.json"},{"name":"marquee","title":"Marquee","description":"An infinite horizontal scroller with a seamless loop. CSS only — no dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/marquee.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/marquee.json"},{"name":"split-text","title":"Split Text","description":"Characters or words stagger into view when scrolled to. Powered by Motion.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/split-text.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/split-text.json"},{"name":"venom","title":"Venom","description":"A living symbiote covers your text or SVG, crawls over it and sends writhing tendrils after the pointer. WebGL 2, no dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/venom.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/venom.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A card with a radial glow that follows the pointer. Powered by Motion.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/spotlight-card.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/spotlight-card.json"},{"name":"gradient-carousel","title":"Gradient Carousel","description":"A looping 3D card carousel you turn by wheel, drag or arrow keys, over a blurred gradient drawn in the colours of the centre image. No dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/gradient-carousel.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/gradient-carousel.json"},{"name":"scroll-reveal","title":"Scroll Reveal","description":"Fades and slides its children in when they enter the viewport. Powered by Motion.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/scroll-reveal.json"},{"name":"scroll-portal","title":"Scroll Portal","description":"Scroll flies the camera through nested frames, each opening onto the next scene. No dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/scroll-portal.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/scroll-portal.json"},{"name":"tile-reveal","title":"Tile Reveal","description":"A pinned image grid whose tiles fly in column by column on scroll, then zoom past the edges to reveal a headline and call to action. No dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/tile-reveal.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/tile-reveal.json"},{"name":"scroll-mask","title":"Scroll Mask","description":"Scroll opens a mask that reveals an image six ways: iris, wipe, curtain, slats, grid or a word. No dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/scroll-mask.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/scroll-mask.json"},{"name":"text-scroll-highlight","title":"Text Scroll Highlight","description":"Text whose words light up one by one with the scroll, either as it moves up the screen or pinned in place like a subtitle. No dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/text-scroll-highlight.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/text-scroll-highlight.json"},{"name":"aurora-background","title":"Aurora Background","description":"A slowly drifting gradient backdrop with a fade-in for its content. A WebGL 2 shader, with a static CSS gradient wherever WebGL is unavailable.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/aurora-background.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/aurora-background.json"},{"name":"pattern-waves","title":"Pattern Waves","description":"A lit field of dots, squares, lines or glyphs rolling over silk, swell or ripple waves, with a cursor ripple. WebGL 2 through ogl.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/pattern-waves.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/pattern-waves.json"},{"name":"grainient","title":"Grainient","description":"A flowing, film-grained gradient in up to eight colours that stirs under the pointer and swirls on click. Raw WebGL 2, no dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/grainient.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/grainient.json"},{"name":"dot-grid","title":"Dot Grid","description":"A grid of dots on springs: they scatter from the pointer, ripple out from a click and settle back. Raw WebGL 2, no dependencies.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/dot-grid.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/dot-grid.json"},{"name":"hero-aurora","title":"Hero — Aurora","description":"A hero section: aurora backdrop, word-by-word headline, description and two call-to-action buttons.","type":"registry:block","source_url":"https://mewo-ui.vercel.app/r/hero-aurora.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/hero-aurora.json"},{"name":"features-spotlight","title":"Features — Spotlight","description":"A features section: shimmering eyebrow, heading, a scroll-revealed grid of spotlight cards and a logo marquee.","type":"registry:block","source_url":"https://mewo-ui.vercel.app/r/features-spotlight.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/features-spotlight.json"},{"name":"tabs","title":"Tabs","description":"Drop-in replacement for shadcn's tabs. Adds an indicator that slides between tabs instead of jumping. Same exports, same props.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/tabs.json"},{"name":"collapsible","title":"Collapsible","description":"Drop-in replacement for shadcn's collapsible, which ships with no animation at all. Adds eased height and a content fade. Same exports, same props.","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/collapsible.json"},{"name":"album-rail","title":"Album Rail","description":"A fanned rail of album sleeves that turn away in 3D, with a record that slides out and spins on play, a tick ruler, swipe, wheel and arrow keys. No dependencie…","type":"registry:ui","source_url":"https://mewo-ui.vercel.app/r/album-rail.json","install_command":"npx shadcn@latest add https://mewo-ui.vercel.app/r/album-rail.json"}]},{"id":"microkit","name":"@microkit","slug":"microkit","description":"Copy-paste microinteractions for React: animated buttons, hover effects, tabs and inputs. Each one installs as a single self-contained TypeScript and Tailwind file. MIT licensed.","author":"henriquegpb","framework":"react","license":"MIT","tags":["animation","backgrounds","buttons","cards","forms","hooks","icons","loaders","media","navigation","pro-available"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://microkit.co","github":"https://github.com/henriquegpb/microkit","registry":"https://microkit.co/r/registry.json","source":"https://microkit.co/r/registry.json","page":"https://sh4dcn.netlify.app/registry/microkit","markdown":"https://sh4dcn.netlify.app/md/microkit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='none'><rect x='80' y='80' width='352' height='352' rx='96' fill='#f97316'/></svg>","preview_image":"https://microkit.co/opengraph-image?0a0b882a270a1246","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://microkit.co/components/pricing-slide-link"},"metrics":{"github_stars":72,"open_issues":0,"last_commit":"2026-10-20T21:04:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://microkit.co/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://microkit.co/r/registry.json","install_bun":"bunx shadcn@latest add https://microkit.co/r/registry.json","clone":"git clone https://github.com/henriquegpb/microkit.git","clone_degit":"npx degit henriquegpb/microkit","registry_fetch":"curl -s https://microkit.co/r/registry.json"},"component_count":54,"components":[{"name":"cursor-edge-glow-button","title":"Cursor Edge Glow Button","description":"A spring-tracked pill light with mirrored edge glows that crossfade as the pointer changes sides.","type":"registry:component","source_url":"https://microkit.co/r/cursor-edge-glow-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/cursor-edge-glow-button.json"},{"name":"cursor-follow-share-button","title":"Cursor Follow Share Button","description":"A dark share pill with a glowing send orb that tracks the pointer and a looping upward text swap.","type":"registry:component","source_url":"https://microkit.co/r/cursor-follow-share-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/cursor-follow-share-button.json"},{"name":"focus-input","title":"Focus Field","description":"An input with a clean animated focus treatment.","type":"registry:component","source_url":"https://microkit.co/r/focus-input.json","install_command":"npx shadcn@latest add https://microkit.co/r/focus-input.json"},{"name":"hold-to-delete-button","title":"Hold to Delete Button","description":"A delete button that only fires when held: an orange bar fills linearly from left to right as a matching glow builds behind it, snapping back if you let go ear…","type":"registry:component","source_url":"https://microkit.co/r/hold-to-delete-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/hold-to-delete-button.json"},{"name":"fuse-undo-button","title":"Fuse Undo Button","description":"An archive button that turns into Undo and lights an orange fuse around its outline; the fuse holds still while you hover it, so the chance to undo only runs o…","type":"registry:component","source_url":"https://microkit.co/r/fuse-undo-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/fuse-undo-button.json"},{"name":"progress-ring-check","title":"Progress Ring Check","description":"A task status icon whose dashed ring closes into a spinning arc, fills to its progress, then draws a check or a cross and strikes the label through.","type":"registry:component","source_url":"https://microkit.co/r/progress-ring-check.json","install_command":"npx shadcn@latest add https://microkit.co/r/progress-ring-check.json"},{"name":"bounce-checkbox","title":"Bounce Checkbox","description":"A checkbox whose fill springs out past the box with a little swell, draws its tick, then strikes the label through and dims it.","type":"registry:component","source_url":"https://microkit.co/r/bounce-checkbox.json","install_command":"npx shadcn@latest add https://microkit.co/r/bounce-checkbox.json"},{"name":"social-icon-buttons","title":"Social Icon Buttons","description":"Circular social links that trade their icon for a brand-colored arrow and glow on hover.","type":"registry:component","source_url":"https://microkit.co/r/social-icon-buttons.json","install_command":"npx shadcn@latest add https://microkit.co/r/social-icon-buttons.json"},{"name":"scrub-number-field","title":"Scrub Number Field","description":"A number field you drag to scrub and click to type, with a ruler that tracks the gesture.","type":"registry:component","source_url":"https://microkit.co/r/scrub-number-field.json","install_command":"npx shadcn@latest add https://microkit.co/r/scrub-number-field.json"},{"name":"social-highlight-cards","title":"Social Highlight Cards","description":"Social cards with a luminous top rail, a soft brand-colored wash, and matching icons on hover.","type":"registry:component","source_url":"https://microkit.co/r/social-highlight-cards.json","install_command":"npx shadcn@latest add https://microkit.co/r/social-highlight-cards.json"},{"name":"blur-glide-menu","title":"Blur Glide Menu","description":"A nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.","type":"registry:component","source_url":"https://microkit.co/r/blur-glide-menu.json","install_command":"npx shadcn@latest add https://microkit.co/r/blur-glide-menu.json"},{"name":"expanding-icon-tabs","title":"Expanding Icon Tabs","description":"An icon bar where the chosen tab widens to reveal its label and the rest of the row slides over to make room.","type":"registry:component","source_url":"https://microkit.co/r/expanding-icon-tabs.json","install_command":"npx shadcn@latest add https://microkit.co/r/expanding-icon-tabs.json"},{"name":"next-dot-fill-button","title":"Next Dot Fill Button","description":"A bordered pill whose leading dot expands into a solid fill while the label swaps for an arrow cue.","type":"registry:component","source_url":"https://microkit.co/r/next-dot-fill-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/next-dot-fill-button.json"},{"name":"preview-hover-toolbar","title":"Preview Hover Toolbar","description":"A thin empty pill that grows wider and taller off its fixed bottom edge when the surrounding preview is hovered, scaling its actions in one after another with …","type":"registry:component","source_url":"https://microkit.co/r/preview-hover-toolbar.json","install_command":"npx shadcn@latest add https://microkit.co/r/preview-hover-toolbar.json"},{"name":"secure-purchase-button","title":"Secure Purchase Button","description":"A purchase button that opens room for a pixel-wave loader, swaps it for a shield once the payment clears, then resets itself.","type":"registry:component","source_url":"https://microkit.co/r/secure-purchase-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/secure-purchase-button.json"},{"name":"hover-glide-cards","title":"Hover Glide Cards","description":"One highlight glides from card to card under the pointer, seen only through the cards themselves, so it drains out of one and fills the next.","type":"registry:component","source_url":"https://microkit.co/r/hover-glide-cards.json","install_command":"npx shadcn@latest add https://microkit.co/r/hover-glide-cards.json"},{"name":"expanding-contact-button","title":"Expanding Contact Button","description":"A pill-shaped call-to-action with an expanding background and arrow icon, adapted from the supplied Webflow export.","type":"registry:component","source_url":"https://microkit.co/r/expanding-contact-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/expanding-contact-button.json"},{"name":"contact-reveal-button","title":"Contact Reveal Button","description":"A circular arrow and label that resolve into a polished contact pill on hover.","type":"registry:component","source_url":"https://microkit.co/r/contact-reveal-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/contact-reveal-button.json"},{"name":"contact-details-reveal","title":"Contact Details Reveal","description":"A compact white contact label that shifts upward to reveal muted contact details with an orange accent.","type":"registry:component","source_url":"https://microkit.co/r/contact-details-reveal.json","install_command":"npx shadcn@latest add https://microkit.co/r/contact-details-reveal.json"},{"name":"subscribe-shine-button","title":"Subscribe Shine Button","description":"A dark subscribe pill with a rotating highlight that traces its edge on hover.","type":"registry:component","source_url":"https://microkit.co/r/subscribe-shine-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/subscribe-shine-button.json"},{"name":"expanding-newsletter-button","title":"Expanding Newsletter Button","description":"An orange newsletter pill with a growing dark circle and an arrow that slides in from the left.","type":"registry:component","source_url":"https://microkit.co/r/expanding-newsletter-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/expanding-newsletter-button.json"},{"name":"next-reveal-button","title":"Next Reveal Button","description":"An outlined arrow control that expands into a bright Next button on hover.","type":"registry:component","source_url":"https://microkit.co/r/next-reveal-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/next-reveal-button.json"},{"name":"pricing-slide-link","title":"Pricing Slide Link","description":"A text link whose arrow slides in from the left as the label settles into place.","type":"registry:component","source_url":"https://microkit.co/r/pricing-slide-link.json","install_command":"npx shadcn@latest add https://microkit.co/r/pricing-slide-link.json"},{"name":"spotlight-indicator","title":"Spotlight Indicator","description":"A glowing rail that slides to the active item in a vertical nav — the same indicator powering this site's sidebar.","type":"registry:component","source_url":"https://microkit.co/r/spotlight-indicator.json","install_command":"npx shadcn@latest add https://microkit.co/r/spotlight-indicator.json"},{"name":"read-more-swap","title":"Read More Swap","description":"A text link whose arrow swaps from the right side to an orange leading arrow on hover.","type":"registry:component","source_url":"https://microkit.co/r/read-more-swap.json","install_command":"npx shadcn@latest add https://microkit.co/r/read-more-swap.json"},{"name":"projects-arrow-button","title":"Projects Arrow Button","description":"A Projects label paired with an outlined circular arrow that slides through itself on hover.","type":"registry:component","source_url":"https://microkit.co/r/projects-arrow-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/projects-arrow-button.json"},{"name":"whats-new-glow-button","title":"What's New Glow Button","description":"A dark, fully rounded button whose orange and blue glows follow the cursor.","type":"registry:component","source_url":"https://microkit.co/r/whats-new-glow-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/whats-new-glow-button.json"},{"name":"preview-browser-button","title":"Preview in Browser Button","description":"An outlined pill button with a diagonal arrow that slides through on hover.","type":"registry:component","source_url":"https://microkit.co/r/preview-browser-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/preview-browser-button.json"},{"name":"icon-swap-button","title":"Icon Swap Button","description":"A leading icon slides out as an arrow opens in to take its place, trading without changing the button's width.","type":"registry:component","source_url":"https://microkit.co/r/icon-swap-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/icon-swap-button.json"},{"name":"magnetic-fill-button","title":"Magnetic Fill Button","description":"A magnetic pill button with a bottom-to-top background fill.","type":"registry:component","source_url":"https://microkit.co/r/magnetic-fill-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/magnetic-fill-button.json"},{"name":"sliding-send-button","title":"Sliding Send Button","description":"A bordered share pill whose label glides right as an orange send icon enters from the left.","type":"registry:component","source_url":"https://microkit.co/r/sliding-send-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/sliding-send-button.json"},{"name":"get-started-circle-swap","title":"Get Started Circle Swap","description":"A bordered CTA whose orange circle exits right as a directional arrow slides into place.","type":"registry:component","source_url":"https://microkit.co/r/get-started-circle-swap.json","install_command":"npx shadcn@latest add https://microkit.co/r/get-started-circle-swap.json"},{"name":"outline-wipe-button","title":"Outline Wipe Button","description":"Hollow stroked lettering that fills with orange behind a rounded bar sweeping left to right.","type":"registry:component","source_url":"https://microkit.co/r/outline-wipe-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/outline-wipe-button.json"},{"name":"project-text-swap-button","title":"Project Text Swap Button","description":"An outlined pill whose duplicated label swaps vertically on hover.","type":"registry:component","source_url":"https://microkit.co/r/project-text-swap-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/project-text-swap-button.json"},{"name":"view-more-text-swap","title":"View More Text Swap","description":"A borderless View More label that swaps vertically on hover.","type":"registry:component","source_url":"https://microkit.co/r/view-more-text-swap.json","install_command":"npx shadcn@latest add https://microkit.co/r/view-more-text-swap.json"},{"name":"staggered-letter-text-swap","title":"Staggered Letter Text Swap","description":"A surface-free text interaction with a staggered per-letter upward replacement.","type":"registry:component","source_url":"https://microkit.co/r/staggered-letter-text-swap.json","install_command":"npx shadcn@latest add https://microkit.co/r/staggered-letter-text-swap.json"},{"name":"staggered-letter-glow-button","title":"Staggered Letter Glow Button","description":"A dark pill with inward orange edge glows and a staggered per-letter upward text swap.","type":"registry:component","source_url":"https://microkit.co/r/staggered-letter-glow-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/staggered-letter-glow-button.json"},{"name":"gradient-underline-button","title":"Gradient Underline Button","description":"A label that scales up as a warm gradient underline grows across it.","type":"registry:component","source_url":"https://microkit.co/r/gradient-underline-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/gradient-underline-button.json"},{"name":"yellow-fill-preview-button","title":"Yellow Fill Preview Button","description":"An outlined Preview in browser button that fills with yellow from the left.","type":"registry:component","source_url":"https://microkit.co/r/yellow-fill-preview-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/yellow-fill-preview-button.json"},{"name":"white-contact-orbit-button","title":"White Contact Orbit Button","description":"A white Get in touch pill whose arrow settles into a black circular control on hover.","type":"registry:component","source_url":"https://microkit.co/r/white-contact-orbit-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/white-contact-orbit-button.json"},{"name":"circle-surface-button","title":"Circle Surface Button","description":"A circular CTA whose dark surface expands into an orange fill.","type":"registry:component","source_url":"https://microkit.co/r/circle-surface-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/circle-surface-button.json"},{"name":"inset-circle-button","title":"Inset Circle Button","description":"A circular project CTA that reveals its dark base as the inset surface collapses.","type":"registry:component","source_url":"https://microkit.co/r/inset-circle-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/inset-circle-button.json"},{"name":"sliding-arrow-label","title":"Sliding Arrow Label","description":"A text label that gets a bright surface while an arrow slides in beside it.","type":"registry:component","source_url":"https://microkit.co/r/sliding-arrow-label.json","install_command":"npx shadcn@latest add https://microkit.co/r/sliding-arrow-label.json"},{"name":"orange-circle-fill-button","title":"Orange Circle Fill Button","description":"An orange outlined pill that fills from a growing circle.","type":"registry:component","source_url":"https://microkit.co/r/orange-circle-fill-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/orange-circle-fill-button.json"},{"name":"layered-gradient-button","title":"Layered Gradient Button","description":"A dimensional pill with gradient text and subtly shifting layered surfaces.","type":"registry:component","source_url":"https://microkit.co/r/layered-gradient-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/layered-gradient-button.json"},{"name":"glow-arrow-button","title":"Glow Arrow Button","description":"A bright CTA with a soft glow and a moving arrow on hover.","type":"registry:component","source_url":"https://microkit.co/r/glow-arrow-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/glow-arrow-button.json"},{"name":"talk-arrow-reveal-button","title":"Talk Arrow Reveal Button","description":"An outlined Talk to us pill that fills with orange and reveals a long arrow.","type":"registry:component","source_url":"https://microkit.co/r/talk-arrow-reveal-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/talk-arrow-reveal-button.json"},{"name":"see-more-swap-button","title":"See More Swap Button","description":"A pill button whose arrow circle swaps sides while its surface changes color.","type":"registry:component","source_url":"https://microkit.co/r/see-more-swap-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/see-more-swap-button.json"},{"name":"neon-invert-button","title":"Neon Invert Button","description":"A bold orange CTA that inverts into a dark, softly glowing surface on hover.","type":"registry:component","source_url":"https://microkit.co/r/neon-invert-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/neon-invert-button.json"},{"name":"contact-underline-button","title":"Contact Underline Button","description":"A compact contact action whose icon turns orange while an underline draws beneath the label.","type":"registry:component","source_url":"https://microkit.co/r/contact-underline-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/contact-underline-button.json"},{"name":"sliding-content-tabs","title":"Sliding Content Tabs","description":"A compact tab switcher with a sliding active surface and content transition.","type":"registry:component","source_url":"https://microkit.co/r/sliding-content-tabs.json","install_command":"npx shadcn@latest add https://microkit.co/r/sliding-content-tabs.json"},{"name":"sliding-underline-tabs","title":"Sliding Underline Tabs","description":"A compact tab switcher with an orange underline that glides between labels.","type":"registry:component","source_url":"https://microkit.co/r/sliding-underline-tabs.json","install_command":"npx shadcn@latest add https://microkit.co/r/sliding-underline-tabs.json"},{"name":"floating-newsletter-button","title":"Floating Newsletter Button","description":"A compact newsletter button that scales and lifts into a soft white glow on hover.","type":"registry:component","source_url":"https://microkit.co/r/floating-newsletter-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/floating-newsletter-button.json"},{"name":"aurora-download-button","title":"Aurora Download Button","description":"A layered blue download button with a luminous rim, directional shadow, and blended hover bloom.","type":"registry:component","source_url":"https://microkit.co/r/aurora-download-button.json","install_command":"npx shadcn@latest add https://microkit.co/r/aurora-download-button.json"}]},{"id":"minidev","name":"@minidev","slug":"minidev","description":"500+ free components, blocks and motion pieces for product UI: data tables, billing, settings, command palettes and AI chat. Built on Base UI, Tailwind CSS v4 and motion.","author":"amankaushik481","framework":"react","license":"MIT","tags":["ai","animation","audio","auth","blocks","buttons","cards","charts","cms","dashboard","e-commerce","editor","forms","loaders","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.minidev.pro","github":"https://github.com/amankaushik481/minidev-ui","registry":"https://ui.minidev.pro/r/registry.json","source":"https://ui.minidev.pro/r/registry.json","page":"https://sh4dcn.netlify.app/registry/minidev","markdown":"https://sh4dcn.netlify.app/md/minidev.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='15' fill='var(--foreground)'/><path d='M17 44V20l15 15 15-15v24' fill='none' stroke='var(--background)' stroke-width='4' stroke-linejoin='round' stroke-linecap='round'/><circle cx='47' cy='20' r='4.2' fill='#8b7cff'/></svg>","preview_image":"https://ui.minidev.pro/opengraph-image","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.minidev.pro/gallery/premium-motion"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-15T03:41:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.minidev.pro/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.minidev.pro/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.minidev.pro/r/registry.json","clone":"git clone https://github.com/amankaushik481/minidev-ui.git","clone_degit":"npx degit amankaushik481/minidev-ui","registry_fetch":"curl -s https://ui.minidev.pro/r/registry.json"},"component_count":250,"components":[{"name":"accordion","title":"Accordion","description":"Accessible React accordion on Base UI, with bordered items, a rotating chevron and animated panels. Keyboard navigable, with one or many items open at once.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/accordion.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/accordion.json"},{"name":"account-setup-progress","title":"Account setup progress","description":"React onboarding card that shows account setup as completed steps out of a total, with a labelled progress bar and a hint for the next step to finish.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/account-setup-progress.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/account-setup-progress.json"},{"name":"activity-feed","title":"Activity feed","description":"React activity feed that lists who did what and when, with initials avatars, muted action text and tabular timestamps in a single bordered card.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/activity-feed.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/activity-feed.json"},{"name":"add-card-form","title":"Add card form","description":"Compact payment form for card number, expiry and CVC with correct autocomplete hints, numeric input mode and a full width save button. Ready for your processor.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/add-card-form.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/add-card-form.json"},{"name":"admin-stat-strip","title":"Admin stat strip","description":"Responsive Tailwind row of admin KPI tiles, each with a label, a large tabular value and an optional up or down delta. Collapses from four columns to one.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/admin-stat-strip.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/admin-stat-strip.json"},{"name":"admin-user-row","title":"Admin user row","description":"User management row with avatar, online status dot, name, email, a role chip for admin, write or read access, and an accessible actions menu button.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/admin-user-row.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/admin-user-row.json"},{"name":"agent-trace","title":"Agent trace","description":"React timeline of an AI agent run: each tool step shows pending, running, done or error, reports its duration and folds out details. The header sums up the run.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/agent-trace.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/agent-trace.json"},{"name":"ai-composer","title":"Ai composer","description":"Chat input for AI apps with a multiline textarea, Enter to send, suggestion chips, attach button, model picker and a stop button while a response streams.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/ai-composer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/ai-composer.json"},{"name":"alert-dialog","title":"Alert dialog","description":"Shadcn style alert dialog on Base UI for confirmations that need an explicit answer. Modal backdrop, focus trap, title, description and an actions row.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/alert-dialog.json"},{"name":"announcement-bar","title":"Announcement bar","description":"Slim site-wide announcement bar for launches, promos or notices. Centered content, a polite status role for screen readers and an optional dismiss button.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/announcement-bar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/announcement-bar.json"},{"name":"api-key-list","title":"Api key list","description":"React settings panel listing API keys with masked previews, created date badges and a rotate button per key, plus a header action to create a new key.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/api-key-list.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/api-key-list.json"},{"name":"app-shell","title":"App shell","description":"Tailwind app shell layout with a fixed width sidebar slot, a topbar slot and a scrolling main area. The sidebar hides below the md breakpoint for mobile.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/app-shell.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/app-shell.json"},{"name":"approval-card","title":"Approval card","description":"React request card for approval workflows showing the requester avatar, title and summary, with Reject and Approve buttons wired to your callbacks.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/approval-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/approval-card.json"},{"name":"area-chart","title":"Area chart","description":"Dependency free SVG area chart for React with a smoothed line, dashed grid, gradient fill and an optional highlighted point. Strokes stay crisp at any size.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/area-chart.json"},{"name":"artifact-preview","title":"Artifact preview","description":"Framed preview for AI generated artifacts such as code, documents or UI, with a title bar, copy button and optional expand action for a full view.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/artifact-preview.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/artifact-preview.json"},{"name":"aspect-ratio","title":"Aspect ratio","description":"Shadcn compatible aspect ratio wrapper that locks media to a ratio such as 16:9 or 1:1 using CSS aspect-ratio, with overflow clipped for images and video.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/aspect-ratio.json"},{"name":"assign-picker","title":"Assign picker","description":"Assignee picker for tasks and tickets: a listbox of people with initials avatars, where the selected person is highlighted and choices report their id.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/assign-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/assign-picker.json"},{"name":"attachment-chip","title":"Attachment chip","description":"Compact Tailwind file chip with a paperclip icon, truncated filename and an optional remove button, for attachments in chat composers, emails and forms.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/attachment-chip.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/attachment-chip.json"},{"name":"audio-player","title":"Audio player","description":"Minimal React audio player row with a play and pause toggle, title, subtitle and an accessible progress bar. Controlled, so it works with any audio source.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/audio-player.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/audio-player.json"},{"name":"audio-recorder","title":"Audio recorder","description":"A microphone recorder with start, pause and stop, an elapsed timer, live waveform bars, playback with a progress bar and a download button.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/audio-recorder.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/audio-recorder.json"},{"name":"audit-filter-bar","title":"Audit filter bar","description":"Filter toolbar for audit logs combining a search field, actor filter chips for all, admins or system, and a date range picker in one wrapping row.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/audit-filter-bar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/audit-filter-bar.json"},{"name":"audit-log-entry","title":"Audit log entry","description":"Single audit log line: actor avatar, actor name, muted action text and the affected target, with a relative timestamp underneath. Stacks into a trail.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/audit-log-entry.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/audit-log-entry.json"},{"name":"audit-trail","title":"Audit trail","description":"Bordered audit trail in React that renders a list of actor, action, target and time records as stacked log entries. Useful for security and admin history pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/audit-trail.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/audit-trail.json"},{"name":"auth-card","title":"Auth card","description":"Centered Tailwind sign in card with a title, optional description, a slot for fields and providers, and a divided footer for sign up or reset links.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/auth-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/auth-card.json"},{"name":"autocomplete","title":"Autocomplete","description":"Text input that filters string options as you type, using ARIA combobox and listbox roles. Works controlled or uncontrolled and lists up to eight matches.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/autocomplete.json"},{"name":"avatar-group","title":"Avatar group","description":"Shown under the name in the tooltip and overflow list.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/avatar-group.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/avatar-group.json"},{"name":"avatar-upload","title":"Avatar upload","description":"React profile photo uploader with an avatar preview and an Upload button that opens a hidden image file input. Shows initials until a picture is chosen.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/avatar-upload.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/avatar-upload.json"},{"name":"avatar","title":"Avatar","description":"Shadcn compatible avatar on Base UI with image and initials fallback, three sizes, a status badge and an overlapping avatar group with a plus count.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/avatar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/avatar.json"},{"name":"back-link","title":"Back link","description":"Small back navigation link with a left arrow icon, muted text that darkens on hover and a visible focus ring. Defaults to the label Back and accepts any href.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/back-link.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/back-link.json"},{"name":"back-to-top","title":"Back to top","description":"A back to top button that appears after scrolling, with a ring that fills as the reader progresses. Smooth scroll that respects reduced motion.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/back-to-top.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/back-to-top.json"},{"name":"badge","title":"Badge","description":"Shadcn style badge in seven variants: default, accent, secondary, destructive, outline, ghost and link. Renders as a span or any element, with icon support.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/badge.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/badge.json"},{"name":"banner","title":"Banner","description":"Inline notice banner in accent, warning or danger tones, with a status role, a slot for an action button and an optional dismiss icon on the right.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/banner.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/banner.json"},{"name":"bar-chart","title":"Bar chart","description":"Lightweight React bar chart with rounded bars, dashed gridlines and labels. Hovering a bar dims the rest and shows its value; the peak is highlighted first.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/bar-chart.json"},{"name":"bento-grid","title":"Bento grid","description":"A responsive bento grid for feature sections: tiles with icon, title, copy and a visual slot on a six column grid that collapses to one column on phones.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/bento-grid.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/bento-grid.json"},{"name":"billing-address","title":"Billing address","description":"Tailwind billing address fieldset with a multiline street field and a responsive row for city, state and postal code. Drops into checkout forms.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/billing-address.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/billing-address.json"},{"name":"blog-card","title":"Blog card","description":"Linked Tailwind blog post card with a 16:9 cover image, tag, relative date, title and a two line clamped excerpt. Hover and focus states cover the card.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/blog-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/blog-card.json"},{"name":"breadcrumb-ellipsis","title":"Breadcrumb ellipsis","description":"Ellipsis marker for collapsing the middle of long breadcrumb trails. Decorative and hidden from assistive tech, sized to sit between breadcrumb separators.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/breadcrumb-ellipsis.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Breadcrumb navigation from an items array, with chevron separators, linked ancestors and the current page marked with aria-current. Built with React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/breadcrumb.json"},{"name":"build-pipeline","title":"Build pipeline","description":"CI pipeline view that shows each stage as a chip with success, running, failed or pending icons, joined by connectors. Status text is exposed to screen readers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/build-pipeline.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/build-pipeline.json"},{"name":"bulk-actions-bar","title":"Bulk actions bar","description":"Floating Tailwind selection bar that appears once rows are selected, showing the count, your action buttons and a clear button. Sticks to the bottom edge.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/bulk-actions-bar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/bulk-actions-bar.json"},{"name":"bulk-user-import","title":"Bulk user import","description":"CSV user import panel with a format hint for email, name and role, a CSV-only dropzone and an Import users button that enables once a file is added.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/bulk-user-import.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/bulk-user-import.json"},{"name":"button-group","title":"Button group","description":"Groups adjacent buttons into one segmented control in Tailwind, joining borders and rounding only the outer corners. Uses role group for toolbars.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/button-group.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/button-group.json"},{"name":"button","title":"Button","description":"Shadcn compatible React button on Base UI with eight variants, nine sizes including icon sizes, a pressed state and render prop support for links.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/button.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/button.json"},{"name":"calendar-agenda","title":"Calendar agenda","description":"React agenda list of the day's events with a fixed time column, title and optional meta line such as location or attendees, divided inside one card.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/calendar-agenda.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/calendar-agenda.json"},{"name":"calendar-month","title":"Calendar month","description":"Month calendar grid with weekday headers and clickable day cells that highlight the selected date. A simple Tailwind base for date views and schedulers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/calendar-month.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/calendar-month.json"},{"name":"callout","title":"Callout","description":"Tailwind callout box in info, success, warning or danger tones with an optional bold title. Uses the note role, which suits docs, forms and setup steps.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/callout.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/callout.json"},{"name":"cancel-flow","title":"Cancel flow","description":"Two step subscription cancellation flow: ask for a reason with radio options, then confirm with a destructive button or go back. Tells users what they keep.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/cancel-flow.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/cancel-flow.json"},{"name":"card","title":"Card","description":"Shadcn compatible card with header, title, description, action, content and footer slots, a compact size and edge to edge images. Built for Tailwind v4.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/card.json"},{"name":"carousel","title":"Carousel","description":"Scroll snap React carousel with previous and next buttons, arrow key support and a labelled region. Shows one, two or three slides by breakpoint, no library.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/carousel.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/carousel.json"},{"name":"cart-line-item","title":"Cart line item","description":"React shopping cart row with product title, unit price, a quantity stepper and an optional remove button. Callbacks report quantity changes and removals.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/cart-line-item.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/cart-line-item.json"},{"name":"case-study-card","title":"Case study card","description":"Case study card with the company name, a short headline and a large result metric, plus an optional up or down delta. Good for proof sections on landing pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/case-study-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/case-study-card.json"},{"name":"center","title":"Center","description":"Layout helper that centers content horizontally and vertically in a narrow, text-centered column. Handy for empty states, auth screens and simple heroes.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/center.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/center.json"},{"name":"character-count","title":"Character count","description":"Live React character counter that shows the current count against a limit and turns red when it goes over. Announces changes politely to screen readers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/character-count.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/character-count.json"},{"name":"chart-card","title":"Chart card","description":"Card wrapper for charts with a title, optional description and a minimum height body. Pairs with the area, bar and donut charts in a React dashboard.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/chart-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/chart-card.json"},{"name":"chart-legend","title":"Chart legend","description":"Wrapping chart legend with small color swatches and labels. Pass colors per series or fall back to accent, success, warning and danger theme tokens.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/chart-legend.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/chart-legend.json"},{"name":"chart-tooltip-card","title":"Chart tooltip card","description":"Tooltip card for charts showing a title and label and value rows with tabular numbers. Drop it into any chart library's custom tooltip slot.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/chart-tooltip-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/chart-tooltip-card.json"},{"name":"chat-thread","title":"Chat thread","description":"Scrolling chat thread for React that renders user, assistant and system messages as bubbles, auto scrolls to the newest one and uses a live log role.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/chat-thread.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/chat-thread.json"},{"name":"check-run-list","title":"Check run list","description":"List of CI check runs with success, failed or running icons, monospaced job names and a status label. Looks like the checks section of a pull request.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/check-run-list.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/check-run-list.json"},{"name":"checkbox-group","title":"Checkbox group","description":"Vertical wrapper that groups related checkboxes under role group with even spacing. Use it with Checkbox and labels for multi select settings.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/checkbox-group.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/checkbox-group.json"},{"name":"checkbox","title":"Checkbox","description":"Shadcn style checkbox on Base UI with an animated check, indeterminate state, invalid and disabled styles, and an enlarged hit area for touch.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/checkbox.json"},{"name":"checkout-summary","title":"Checkout summary","description":"Tailwind order summary card listing line items and prices, a divided total row and a full width Pay now button. Fits the side column of a checkout.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/checkout-summary.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/checkout-summary.json"},{"name":"chip-filter","title":"Chip filter","description":"Single select filter chips in React that behave as a radio group, with an accent ring on the active chip. Good for quick filters above lists and tables.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/chip-filter.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/chip-filter.json"},{"name":"choice-card","title":"Choice card","description":"Selectable React card button with an icon, title and description, using aria-pressed and an accent outline when chosen. Suits plan pickers and onboarding.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/choice-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/choice-card.json"},{"name":"citation-chip","title":"Citation chip","description":"Inline citation button for AI answers, with an accent source number and label. Link it to a source panel or popover so users can check references.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/citation-chip.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/citation-chip.json"},{"name":"cluster","title":"Cluster","description":"Flex layout primitive that wraps children in a row with vertical centering and a numeric gap on the 4px scale. Great for tags, buttons and meta rows.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/cluster.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/cluster.json"},{"name":"code-block","title":"Code block","description":"React code block with zero dependency syntax coloring, a language tag, optional filename and line numbers, and a copy button that confirms Copied.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/code-block.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/code-block.json"},{"name":"code-editor-frame","title":"Code editor frame","description":"Editor style frame with a monospaced filename tab and a code area. Wrap snippets, editors or diffs so they read as a file in your React docs or app.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/code-editor-frame.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/code-editor-frame.json"},{"name":"collapsible-sidebar","title":"Collapsible sidebar","description":"Sidebar with a toggle button on its edge that collapses it to a narrow rail and expands it again. The button label updates for screen readers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/collapsible-sidebar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/collapsible-sidebar.json"},{"name":"collapsible","title":"Collapsible","description":"Shadcn compatible collapsible on Base UI: a full width trigger that shows or hides a panel of content. Accessible expanded state and keyboard support.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/collapsible.json"},{"name":"color-picker","title":"Color picker","description":"Swatch color picker with eight OKLCH presets, a ring on the selected swatch and listbox semantics. Works controlled or uncontrolled for theme or label colors.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/color-picker.json"},{"name":"column-visibility-menu","title":"Column visibility menu","description":"Columns dropdown for data tables with a checkbox item per column. It returns the updated list of visible column ids so you can show or hide table columns.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/column-visibility-menu.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/column-visibility-menu.json"},{"name":"combobox","title":"Combobox","description":"Shadcn style combobox: a popover select with a filter input, check mark on the chosen item and an empty message. Built on Base UI popover for React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/combobox.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/combobox.json"},{"name":"command-dialog","title":"Command dialog","description":"Command dialog that opens the command palette in a modal from a list of commands with labels and handlers. Wire it to a Cmd K shortcut in your React app.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/command-dialog.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/command-dialog.json"},{"name":"command-item","title":"Command item","description":"Row for command menus with a label, an optional keyboard shortcut in a kbd tag and an active highlight state. Use it to build custom command lists.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/command-item.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/command-item.json"},{"name":"command-palette","title":"Command palette","description":"Cmd K style command palette in a dialog with a search field that filters commands as you type, runs the chosen action and closes. Shows an empty state.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/command-palette.json"},{"name":"comment-composer","title":"Comment composer","description":"Comment box with a three row textarea and a Comment button that stays disabled until there is text. Submits the trimmed value and clears the field.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/comment-composer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/comment-composer.json"},{"name":"comment-thread","title":"Comment thread","description":"Threaded React comment list with initials avatars, author name, timestamp and body in bordered bubbles. Pairs with the comment composer.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/comment-thread.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/comment-thread.json"},{"name":"commit-row","title":"Commit row","description":"Git commit row for React with author avatar, commit message, relative time, a short SHA badge and a copy button for the hash. Fits deploy logs.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/commit-row.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/commit-row.json"},{"name":"comparison-table","title":"Comparison table","description":"Plan comparison table with features as rows and plans as columns, showing check or dash icons for booleans and text for values. Scrolls on mobile.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/comparison-table.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/comparison-table.json"},{"name":"confirm-destructive","title":"Confirm destructive","description":"Destructive action confirm: a red trigger button opens a dialog with a title, warning text, Cancel and Confirm. Labels are configurable for deletes and resets.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/confirm-destructive.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/confirm-destructive.json"},{"name":"connected-account","title":"Connected account","description":"Tailwind settings row for a linked third party account showing the provider and account name, with a Disconnect button. For OAuth and integrations.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/connected-account.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/connected-account.json"},{"name":"console-output","title":"Console output","description":"Scrollable Tailwind console panel in monospace that prints log, warn and error lines with level labels. Uses a log role and is keyboard focusable.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/console-output.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/console-output.json"},{"name":"container","title":"Container","description":"Responsive page container that centers content with side padding and a max width preset: sm, default, lg or full. The basic wrapper for Tailwind layouts.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/container.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/container.json"},{"name":"context-chip","title":"Context chip","description":"Small toggle chip for picking context in AI prompts or filters, with an active accent state and hover styling. Passes through all native button props.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/context-chip.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/context-chip.json"},{"name":"context-menu","title":"Context menu","description":"Right click context menu that opens at the cursor with menu items, including destructive items in red. Closes on selection or click outside, in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/context-menu.json"},{"name":"context-pill","title":"Context pill","description":"Rounded pill for showing attached context, such as files or pages in an AI prompt, with a truncated label and an optional remove button.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/context-pill.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/context-pill.json"},{"name":"conversation-sidebar","title":"Conversation sidebar","description":"React chat history sidebar with a New chat button and a scrolling list of conversations showing title and relative time. Highlights the active chat.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/conversation-sidebar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/conversation-sidebar.json"},{"name":"cookie-banner","title":"Cookie banner","description":"Floating React cookie consent card fixed to the corner, with a short notice and Accept and Reject buttons. It is a labelled dialog for assistive tech.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/cookie-banner.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/cookie-banner.json"},{"name":"copy-button","title":"Copy button","description":"React copy to clipboard button that writes a value, then swaps to a check icon and Copied label for a moment. Accepts every Button variant and size.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/copy-button.json"},{"name":"copy-id","title":"Copy id","description":"Monospaced ID chip that copies its value to the clipboard on click and shows a check when done. Good for API keys, order IDs and record UUIDs.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/copy-id.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/copy-id.json"},{"name":"coupon-input","title":"Coupon input","description":"Promo code field with an Apply button and inline success or error messages. The demo validation is easy to replace with your own check in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/coupon-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/coupon-input.json"},{"name":"coverage-meter","title":"Coverage meter","description":"Test coverage bar with a label and percentage that turns green at 80, amber at 60 and red below. Exposed as a progressbar for screen readers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/coverage-meter.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/coverage-meter.json"},{"name":"create-api-key","title":"Create api key","description":"Inline form to name and create an API key, with a labelled input and a Create key button that passes the name to your handler. Pairs with the key list.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/create-api-key.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/create-api-key.json"},{"name":"credit-balance","title":"Credit balance","description":"Compact credit balance pill with a small label and a large tabular figure. Shows remaining credits or usage balance for AI and pay-as-you-go apps.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/credit-balance.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/credit-balance.json"},{"name":"credit-card-input","title":"Credit card input","description":"Luhn (mod 10) checksum, the check digit rule every major card number follows.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/credit-card-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/credit-card-input.json"},{"name":"cta-banner","title":"Cta banner","description":"Tailwind call to action banner with a heading, supporting text and a primary button that stacks on mobile and sits in a row on wider screens.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/cta-banner.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/cta-banner.json"},{"name":"currency-input","title":"Currency input","description":"Money input with a currency code prefix, decimal keypad on mobile and tabular numbers. Controlled via a string value to avoid rounding issues in React forms.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/currency-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/currency-input.json"},{"name":"danger-zone","title":"Danger zone","description":"Danger zone settings card with a red outline, a warning that the action cannot be undone and a destructive delete button. Put it last on settings pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/danger-zone.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/danger-zone.json"},{"name":"data-table","title":"Data table","description":"React data table with sortable columns, row selection, a floating bulk actions bar, hover row actions, sticky header, three densities and skeleton loading.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/data-table.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/data-table.json"},{"name":"date-picker","title":"Date picker","description":"Date picker built on the native date input, styled to match the rest of your form fields. Returns ISO date strings and supports disabled and labelled states.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/date-picker.json"},{"name":"date-range-picker","title":"Date range picker","description":"Start and end date range picker made from two labelled date inputs. Works controlled or uncontrolled and returns a from and to object for filters and reports.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/date-range-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/date-range-picker.json"},{"name":"delete-account-confirm","title":"Delete account confirm","description":"Account deletion step with a danger alert and a confirmation field: the delete button stays disabled until the user types DELETE. Guards against misclicks.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/delete-account-confirm.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/delete-account-confirm.json"},{"name":"density-toggle","title":"Density toggle","description":"Toggle group that switches between compact and comfortable density, reporting the choice to your handler. Pairs with data tables and dense list views.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/density-toggle.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/density-toggle.json"},{"name":"description-list","title":"Description list","description":"Semantic dl, dt and dd list of label and value pairs in a responsive two column grid with dividers. Good for record details and summaries in Tailwind apps.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/description-list.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/description-list.json"},{"name":"dialog","title":"Dialog","description":"Shadcn compatible modal dialog on Base UI with a blurred backdrop, enter and exit animation, close button, header, title, description and a footer bar.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/dialog.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/dialog.json"},{"name":"diff-view","title":"Diff view","description":"React code diff viewer that tints added lines green and removed lines red with plus and minus gutters, context lines and an optional filename header.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/diff-view.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/diff-view.json"},{"name":"donut-chart","title":"Donut chart","description":"Single value donut chart in SVG that fills an accent ring to a percentage of max and prints the percent in the middle. Labelled as an image for screen readers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/donut-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/donut-chart.json"},{"name":"downgrade-warning","title":"Downgrade warning","description":"Tailwind plan downgrade warning card with an amber border, a summary of what gets locked on the free plan, and Keep plan or Downgrade buttons.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/downgrade-warning.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/downgrade-warning.json"},{"name":"drawer","title":"Drawer","description":"Bottom drawer that slides a sheet up from the screen edge with a titled header, close button and scrolling body, capped at 80% of the viewport height.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/drawer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"Shadcn compatible dropdown menu on Base UI with groups, labels, checkbox and radio items, submenus, shortcuts, separators and destructive items.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/dropdown-menu.json"},{"name":"due-date-chip","title":"Due date chip","description":"Small Tailwind due date chip with a calendar icon that switches to a red border and icon when overdue. Use it on task cards, tickets and boards.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/due-date-chip.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/due-date-chip.json"},{"name":"editable-heading","title":"Editable heading","description":"Inline editable title that looks like a large heading but is a text input. Use it for document, page or project names; works controlled or uncontrolled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/editable-heading.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/editable-heading.json"},{"name":"email-button","title":"Email button","description":"Solid link button for email templates with a fixed height, padding and rounded corners. Uses an anchor so it survives email clients that strip buttons.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/email-button.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/email-button.json"},{"name":"email-card","title":"Email card","description":"Content card for transactional emails with an optional title and body text, inset from the email edges. Use it for receipts, codes and highlights.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/email-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/email-card.json"},{"name":"email-footer","title":"Email footer","description":"Email footer with your company address and Unsubscribe and Preferences links, centered on a muted background. Covers what marketing emails need at the end.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/email-footer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/email-footer.json"},{"name":"email-header","title":"Email header","description":"Simple email header band that shows your brand name on a muted background with a bottom border. Sits at the top of the email layout in React templates.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/email-header.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/email-header.json"},{"name":"email-layout","title":"Email layout","description":"Email layout shell with a centered 560px column, rounded border and surface background. Compose it with the email header, cards, button and footer.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/email-layout.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/email-layout.json"},{"name":"email-preview-frame","title":"Email preview frame","description":"Inbox style preview frame showing the sender and subject above the rendered email body. Handy for template galleries and email settings screens.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/email-preview-frame.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/email-preview-frame.json"},{"name":"emoji-picker","title":"Emoji picker","description":"Compact emoji picker grid with a default set of twelve reactions or your own list, using listbox and option roles. Calls onSelect with the chosen emoji.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/emoji-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/emoji-picker.json"},{"name":"empty-search","title":"Empty search","description":"No results state for search that echoes the query in the title and suggests trying another query or clearing filters. Built on the empty state component.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/empty-search.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/empty-search.json"},{"name":"empty-state","title":"Empty state","description":"Dashed empty state panel with an icon slot, title, description and an optional call to action button. Use it for first run screens and empty lists in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/empty-state.json"},{"name":"empty-table","title":"Empty table","description":"Empty table placeholder with a dashed border, a No data yet title, helper text and an optional button to create the first row. For React tables.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/empty-table.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/empty-table.json"},{"name":"env-badge","title":"Env badge","description":"Uppercase environment badge for production, staging or development, with production outlined in red so live systems stand out in dev tools and consoles.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/env-badge.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/env-badge.json"},{"name":"env-switcher","title":"Env switcher","description":"React segmented control for switching between Dev, Staging and Prod environments, reporting the selected value. Fits dashboards, API consoles and deploy tools.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/env-switcher.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/env-switcher.json"},{"name":"error-state","title":"Error state","description":"React error state panel with an alert role, a title, explanation and an optional Try again button that calls your retry handler. For failed fetches.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/error-state.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/error-state.json"},{"name":"event-calendar","title":"Event calendar","description":"A week and day event scheduler with overlap layout, an all-day row, a current time line and click to create.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/event-calendar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/event-calendar.json"},{"name":"expandable-row","title":"Expandable row","description":"Bordered Tailwind row that expands to reveal details on click, with a rotating chevron and aria-expanded. Can start open and takes any content.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/expandable-row.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/expandable-row.json"},{"name":"export-data","title":"Export data","description":"Settings card to request a data export, explaining what the JSON export includes and when it will be ready, with a Request export button.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/export-data.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/export-data.json"},{"name":"facet-filter","title":"Facet filter","description":"A titled checkbox facet group for sidebar search filters in React. Each option can show a result count, and the selected values come back as an array.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/facet-filter.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/facet-filter.json"},{"name":"faq-list","title":"Faq list","description":"An FAQ section built on an accessible accordion. Pass question and answer pairs and each one expands in place, with keyboard support and a readable max width.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/faq-list.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/faq-list.json"},{"name":"feature-flag-toggle","title":"Feature flag toggle","description":"A settings row for flipping a feature flag on or off: flag name, optional description and a labeled switch, wired as a controlled React component.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/feature-flag-toggle.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/feature-flag-toggle.json"},{"name":"feature-grid","title":"Feature grid","description":"A responsive grid of feature cards, one to three columns wide, each with an optional icon, a title and a short description. Built with React and Tailwind.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/feature-grid.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/feature-grid.json"},{"name":"feedback-thumbs","title":"Feedback thumbs","description":"Thumbs up and thumbs down buttons for rating an answer or article. Uses aria-pressed, toggles off on a second click, and works controlled or uncontrolled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/feedback-thumbs.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/feedback-thumbs.json"},{"name":"file-dropzone","title":"File dropzone","description":"A React drag and drop upload zone with accept and reject states, type and size checks, image previews, per file progress, retry and screen reader updates.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/file-dropzone.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/file-dropzone.json"},{"name":"file-list","title":"File list","description":"A stacked list of file rows showing each name and metadata such as size or date, with an optional download button per item. Good for React attachment lists.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/file-list.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/file-list.json"},{"name":"file-reference","title":"File reference","description":"A compact card that cites a source file with its name, monospace path and line range. Useful for code assistants, docs and AI answers that point into a repo.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/file-reference.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/file-reference.json"},{"name":"file-row","title":"File row","description":"A single file row with an icon, a truncated name, an optional meta line and a ghost download button with an accessible label. Styled with Tailwind.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/file-row.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/file-row.json"},{"name":"file-tree","title":"File tree","description":"A code editor style file explorer with file icons, git status, a filter field and full tree keyboard support.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/file-tree.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/file-tree.json"},{"name":"filter-bar","title":"Filter bar","description":"A wrapping Tailwind toolbar for tables and lists: a search input first, your own filter controls as children, and a Clear button when onClear is set.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/filter-bar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/filter-bar.json"},{"name":"floating-action-button","title":"Floating action button","description":"A round primary button fixed to the bottom right corner of the viewport for the main action on a screen. Accepts every Button prop, including icons.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/floating-action-button.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/floating-action-button.json"},{"name":"floating-label-input","title":"Floating label input","description":"Return an error message, or nothing when valid. Runs on submit and after the first error.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/floating-label-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/floating-label-input.json"},{"name":"footer-mega","title":"Footer mega","description":"A multi column site footer with a brand block and titled link groups that reflow from one to five columns. A React and Tailwind footer for marketing sites.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/footer-mega.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/footer-mega.json"},{"name":"footer-nav","title":"Footer nav","description":"A slim one line footer with the brand name on the left and a wrapping set of links in a labeled nav element. Fits app shells, docs and small landing pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/footer-nav.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/footer-nav.json"},{"name":"forgot-password-form","title":"Forgot password form","description":"A password reset request card with one email field and a full width Send reset email button, composed from AuthCard, FormField and Input in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/forgot-password-form.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/forgot-password-form.json"},{"name":"form-field","title":"Form field","description":"A wrapper that pairs any input with its label, required marker, help text and an error message announced with role alert. Keeps React forms consistent.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/form-field.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/form-field.json"},{"name":"funnel-chart","title":"Funnel chart","description":"A funnel chart with stage bars laid out horizontally or vertically, conversion rates and drop-off between stages, an optional comparison series and bars that s…","type":"registry:ui","source_url":"https://ui.minidev.pro/r/funnel-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/funnel-chart.json"},{"name":"funnel-steps","title":"Funnel steps","description":"A conversion funnel drawn as labeled horizontal bars scaled to the largest step, with formatted counts per stage. Suited to signup and checkout analytics.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/funnel-steps.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/funnel-steps.json"},{"name":"gantt-chart","title":"Gantt chart","description":"A project timeline with day and week scales, a today line, progress fills, dependency arrows, a sticky task column and focusable bars.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/gantt-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/gantt-chart.json"},{"name":"gantt-row","title":"Gantt row","description":"One row of a Gantt timeline: a task label beside a track with a bar placed by start and end values on a shared scale. Stack rows to build a React roadmap.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/gantt-row.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/gantt-row.json"},{"name":"gauge-chart","title":"Gauge chart","description":"A semicircle SVG gauge that fills to a value against a max and prints the percentage in the center. Exposed as an image with an accessible label for dashboards.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/gauge-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/gauge-chart.json"},{"name":"goal-ring","title":"Goal ring","description":"A circular progress ring that shows how far along a goal is, with the percentage in the middle and a caption below. Handy for fitness, sales or weekly targets.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/goal-ring.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/goal-ring.json"},{"name":"heading","title":"Heading","description":"A heading primitive that renders h1 through h6 with a matched type scale, tuned letter spacing and medium weight. Pick the level with the as prop in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/heading.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/heading.json"},{"name":"health-indicator","title":"Health indicator","description":"A status dot and label for service health with operational, degraded and down states mapped to success, warning and danger colors. Made for status pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/health-indicator.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/health-indicator.json"},{"name":"heatmap-cell","title":"Heatmap cell","description":"A square heatmap cell whose fill blends from a muted base to the accent color by an intensity from 0 to 1, with an aria label. Tile it for activity grids.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/heatmap-cell.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/heatmap-cell.json"},{"name":"hero","title":"Hero","description":"A centered landing page hero with an optional eyebrow, a large headline, supporting copy and up to two call to action buttons. A plain Tailwind starting point.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/hero.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/hero.json"},{"name":"horizontal-bar-chart","title":"Horizontal bar chart","description":"A lightweight horizontal bar chart where each row shows a label, a rounded bar scaled to the largest value and the number. No chart library, just Tailwind.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/horizontal-bar-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/horizontal-bar-chart.json"},{"name":"hover-card","title":"Hover card","description":"A card that appears below a trigger on mouse hover to preview extra detail such as a user profile or link summary. A light take on the shadcn hover card.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/hover-card.json"},{"name":"icon-button","title":"Icon button","description":"A square React button for icon only actions in small, default and large sizes with every Button variant. Its aria-label prop is required, so it is always named.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/icon-button.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/icon-button.json"},{"name":"image-cropper","title":"Image cropper","description":"Left edge in source pixels, measured on the image after `rotation`.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/image-cropper.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/image-cropper.json"},{"name":"image-gallery","title":"Image gallery","description":"A responsive photo grid of square tiles, two columns on mobile and three on larger screens, each image cropped to fill. Built with React and Tailwind.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/image-gallery.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/image-gallery.json"},{"name":"image-lightbox","title":"Image lightbox","description":"A clickable image thumbnail that opens a full screen modal of the picture with a dimmed backdrop and a close button. Handy for screenshots and product shots.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/image-lightbox.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/image-lightbox.json"},{"name":"image-upload","title":"Image upload","description":"A single image picker that starts as a drag and drop zone, then swaps to a large preview with a remove button. Returns an object URL and the File in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/image-upload.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/image-upload.json"},{"name":"impersonation-banner","title":"Impersonation banner","description":"A top of page bar telling support staff which user account they are viewing as, with an Exit button to end the session. Common in admin and support tools.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/impersonation-banner.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/impersonation-banner.json"},{"name":"incident-banner","title":"Incident banner","description":"A full width Tailwind status bar announcing an outage with minor, major and critical severity colors, the incident title and a link to your status page.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/incident-banner.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/incident-banner.json"},{"name":"infinite-scroll","title":"Infinite scroll","description":"Load the next page when a sentinel scrolls into view, with a loading row, an end of list message and a Load more button as the accessible fallback.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/infinite-scroll.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/infinite-scroll.json"},{"name":"inline-alert","title":"Inline alert","description":"An inline React message box in neutral, success, warning and danger tones with a matching icon, an optional title and body text. Announced with role alert.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/inline-alert.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/inline-alert.json"},{"name":"inline-cell-edit","title":"Inline cell edit","description":"Click to edit table cell text: the value turns into an input on click, saves on Enter or blur and cancels on Escape. Built for editable React data grids.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/inline-cell-edit.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/inline-cell-edit.json"},{"name":"inline-code-diff","title":"Inline code diff","description":"A two line code diff showing the removed line in red with a minus and the added line in green with a plus, in monospace. Suits AI edit suggestions.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/inline-code-diff.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/inline-code-diff.json"},{"name":"input-affix","title":"Input affix","description":"A text input with leading and trailing slots for icons, units or buttons, sharing one focus ring and invalid state across the field. Tailwind styled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/input-affix.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/input-affix.json"},{"name":"input","title":"Input","description":"The base text input with sm, default and lg sizes and designed hover, focus, disabled, read only and invalid states. A drop in shadcn style input for React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/input.json"},{"name":"inset","title":"Inset","description":"A recessed panel with a sunken background, rounded border and responsive padding for grouping secondary content, code samples or previews inside a card or page.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/inset.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/inset.json"},{"name":"integration-card","title":"Integration card","description":"An app integration tile with the service name, a short description, a Connected or Available badge and a Connect or Manage button. Built in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/integration-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/integration-card.json"},{"name":"interactive-area-chart","title":"Interactive area chart","description":"A React SVG area chart with a crosshair that follows the pointer or arrow keys, showing the value and percent change against a dashed comparison line.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/interactive-area-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/interactive-area-chart.json"},{"name":"invite-members","title":"Invite members","description":"A team invite panel with an email input, a Send button and badges for pending invitations. A starting point for workspace member management in SaaS settings.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/invite-members.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/invite-members.json"},{"name":"invoice-detail","title":"Invoice detail","description":"An invoice card with the number, date, a paid, open or void status badge, itemized line amounts and a bold total row. Built with React for billing pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/invoice-detail.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/invoice-detail.json"},{"name":"invoice-list","title":"Invoice list","description":"A bordered list of invoices showing number, date, amount and a paid, open or void status badge on each row. Fits the billing history in account settings.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/invoice-list.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/invoice-list.json"},{"name":"ip-allowlist","title":"Ip allowlist","description":"An editor for IP and CIDR allowlists: a monospace list with a remove button per entry plus an input and Add button that skips duplicates. Built in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/ip-allowlist.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/ip-allowlist.json"},{"name":"issue-card","title":"Issue card","description":"A compact issue tracker card with a monospace ticket key, status and priority badges, a title and an assignee line. Fits Linear or Jira style boards.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/issue-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/issue-card.json"},{"name":"issue-key","title":"Issue key","description":"A monospace ticket identifier such as MD-241 that renders as plain text or, given an href, as a link with an accent hover underline. For issue lists.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/issue-key.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/issue-key.json"},{"name":"join-workspace","title":"Join workspace","description":"A centered card for joining a team workspace with an invite code: heading, helper text, a monospace code input and a full width Join button. Tailwind styled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/join-workspace.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/join-workspace.json"},{"name":"json-viewer","title":"Json viewer","description":"A collapsible JSON tree with syntax colours, item counts, copy value and copy path on hover, search highlighting and full keyboard navigation.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/json-viewer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/json-viewer.json"},{"name":"kanban-board","title":"Kanban board","description":"A horizontally scrolling Kanban board built from column data: each column shows its title, a card count and stacked cards with a title and optional meta line.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/kanban-board.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/kanban-board.json"},{"name":"kanban-column","title":"Kanban column","description":"A single Kanban lane with a title, an optional count badge and a slot for any cards you render as children. Compose several to build your own React task board.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/kanban-column.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/kanban-column.json"},{"name":"kbd","title":"Kbd","description":"A keyboard key cap for showing shortcuts, with a raised edge and room for icons, plus a KbdGroup wrapper for combos like Cmd K. Renders a semantic kbd element.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/kbd.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/kbd.json"},{"name":"keyboard-shortcuts","title":"Keyboard shortcuts","description":"A keyboard shortcuts cheat sheet in a dialog, opened with the ? key or a trigger button, with search and the right modifier glyphs for the viewer's platform.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/keyboard-shortcuts.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/keyboard-shortcuts.json"},{"name":"kpi-row","title":"Kpi row","description":"A responsive row of KPI tiles, up to four across, each with a label, a large value and an up or down delta. Drop it at the top of a SaaS analytics dashboard.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/kpi-row.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/kpi-row.json"},{"name":"label","title":"Label","description":"A form label that dims and blocks pointer events when its peer input or group is disabled. Native label API, styled with Tailwind like the shadcn label.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/label.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/label.json"},{"name":"language-picker","title":"Language picker","description":"A grid of language options exposed as an accessible listbox, with the selected language outlined in the accent color. Plug it into locale or profile settings.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/language-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/language-picker.json"},{"name":"latency-badge","title":"Latency badge","description":"A monospace millisecond badge that turns green under 100ms, amber under 400ms and red above. Useful for API monitors, model responses and status dashboards.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/latency-badge.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/latency-badge.json"},{"name":"light-provider","title":"Light provider","description":"A page wide light source that follows the pointer and drifts when idle, driving shadows via CSS variables, plus a hairline, glass, metal and paper switcher.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/light-provider.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/light-provider.json"},{"name":"line-chart","title":"Line chart","description":"A multi series SVG line chart with smooth curves, a dashed hairline grid and dots on the last point of each line, colored from chart tokens. No library.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/line-chart.json"},{"name":"link-preview","title":"Link preview","description":"A rich link card with an optional 2:1 cover image, title, two line description and the URL, opening in a new tab. Good for chat messages, posts and bookmarks.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/link-preview.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/link-preview.json"},{"name":"link","title":"Link","description":"A styled anchor with the accent color, underline on hover and a visible focus ring. Accepts every native anchor prop, so it works with Next.js or plain hrefs.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/link.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/link.json"},{"name":"list-item","title":"List item","description":"A flexible list row with leading and trailing slots around a truncated heading and description, split by hairline borders. Build settings or contact lists.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/list-item.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/list-item.json"},{"name":"live-cursors-bar","title":"Live cursors bar","description":"A multiplayer presence strip with overlapping colored avatars per collaborator and an editing now count. Suits docs, whiteboards and real time React editors.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/live-cursors-bar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/live-cursors-bar.json"},{"name":"loading-overlay","title":"Loading overlay","description":"A translucent overlay that covers its parent with a centered spinner and label while data loads, inheriting the parent radius and announced with role status.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/loading-overlay.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/loading-overlay.json"},{"name":"loading-table","title":"Loading table","description":"A skeleton placeholder for data tables with configurable rows and columns, a header row and aria-busy so assistive tech knows content is loading.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/loading-table.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/loading-table.json"},{"name":"logo-cloud","title":"Logo cloud","description":"A centered, wrapping row of customer or partner logos with names in muted text and an optional mark each. Adds social proof to a Tailwind landing page.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/logo-cloud.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/logo-cloud.json"},{"name":"magic-link-form","title":"Magic link form","description":"A passwordless sign in card with an email field and a Send link button that passes the address to onSend. Built from AuthCard, FormField and Input.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/magic-link-form.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/magic-link-form.json"},{"name":"markdown-editor","title":"Markdown editor","description":"A markdown editor with a toolbar that wraps the selection, Cmd/Ctrl+B and I shortcuts, write, split and preview modes, a live preview rendered without innerHTM…","type":"registry:ui","source_url":"https://ui.minidev.pro/r/markdown-editor.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/markdown-editor.json"},{"name":"markdown-renderer","title":"Markdown renderer","description":"A small React renderer for AI output that splits text into paragraphs on blank lines and turns fenced code blocks into scrollable monospace panels.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/markdown-renderer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/markdown-renderer.json"},{"name":"marquee","title":"Marquee","description":"An infinitely scrolling Tailwind strip that loops its children horizontally, duplicated for a gapless cycle, and stops when users prefer reduced motion.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/marquee.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/marquee.json"},{"name":"masked-input","title":"Masked input","description":"Formats a value with a mask, e.g. applyMask(\"(999) 999-9999\", \"5550102030\") gives \"(555) 010-2030\".","type":"registry:ui","source_url":"https://ui.minidev.pro/r/masked-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/masked-input.json"},{"name":"masonry-grid","title":"Masonry grid","description":"A masonry layout for React that keeps source order: a CSS grid with measured row spans, so keyboard and screen reader order match the visual flow.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/masonry-grid.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/masonry-grid.json"},{"name":"mention-input","title":"Mention input","description":"A comment textarea that opens a suggestion list when you type @, filters names as you keep typing and inserts the chosen @mention. For React comments.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/mention-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/mention-input.json"},{"name":"menubar","title":"Menubar","description":"A desktop style app menubar built on Base UI: a row of triggers that each open a dropdown of items, with keyboard navigation between menus. shadcn compatible.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/menubar.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/menubar.json"},{"name":"merge-box","title":"Merge box","description":"A React pull request merge panel with a success or warning callout for check status and a full width Merge button that stays disabled until checks pass.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/merge-box.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/merge-box.json"},{"name":"message-actions","title":"Message actions","description":"A row of ghost icon buttons for chat replies: copy, retry, good response and bad response, each with an aria label and callback. Place it under AI messages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/message-actions.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/message-actions.json"},{"name":"message-bubble","title":"Message bubble","description":"A React chat message for user, assistant and system roles: user turns sit in a right aligned capsule, assistant replies read as prose, with a streaming cursor.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/message-bubble.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/message-bubble.json"},{"name":"meter","title":"Meter","description":"A horizontal gauge bar using role meter with aria value attributes, an optional label and a fill clamped to 100 percent. For storage, quota and usage limits.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/meter.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/meter.json"},{"name":"metric-delta","title":"Metric delta","description":"A tiny percentage change indicator with an up arrow in green for gains and a down arrow in red for losses. Pair it with stat cards, KPI tiles and table cells.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/metric-delta.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/metric-delta.json"},{"name":"mobile-action-sheet","title":"Mobile action sheet","description":"An iOS style action sheet that rises from the bottom with a list of actions, destructive items in red, a Cancel button and a backdrop that dismisses on tap.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/mobile-action-sheet.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/mobile-action-sheet.json"},{"name":"mobile-nav-drawer","title":"Mobile nav drawer","description":"A hamburger button that opens a right side navigation drawer as a modal dialog, with a close button and links that dismiss it on tap. Built in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/mobile-nav-drawer.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/mobile-nav-drawer.json"},{"name":"model-compare","title":"Model compare","description":"A comparison table for AI models listing name, latency with a color coded badge, cost and a quality note per row. Helps users pick between LLM providers.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/model-compare.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/model-compare.json"},{"name":"model-picker","title":"Model picker","description":"A dropdown for choosing an AI model, built on the Select component with an accessible trigger and a placeholder. Pass an array of models and read the chosen id.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/model-picker.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/model-picker.json"},{"name":"morph-panel","title":"Morph panel","description":"A React button that morphs into the panel it opens on a spring, blurring the label out and the form in. Ships with a feedback form and closes on Escape.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/morph-panel.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/morph-panel.json"},{"name":"multi-select","title":"Multi select","description":"A multi select dropdown in a popover with check marks on chosen items and removable chips below the trigger. Works controlled or uncontrolled in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/multi-select.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/multi-select.json"},{"name":"nav-marketing","title":"Nav marketing","description":"A sticky marketing header with a translucent blurred background, brand link, nav links that hide on mobile and Sign in and Get started buttons. Tailwind built.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/nav-marketing.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/nav-marketing.json"},{"name":"navigation-menu","title":"Navigation menu","description":"A site navigation menu built on Base UI with triggers that open rich dropdown panels in a shared viewport, plus link items. Mirrors the shadcn navigation menu.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/navigation-menu.json"},{"name":"nested-nav","title":"Nested nav","description":"A collapsible tree navigation built from nested node data, indented by depth with rotating chevrons on items that have children. Fits React docs sidebars.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/nested-nav.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/nested-nav.json"},{"name":"newsletter-signup","title":"Newsletter signup","description":"An inline email capture form with a required email field and a Subscribe button that stack on mobile and sit side by side on wider screens. Tailwind styled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/newsletter-signup.json"},{"name":"not-found-state","title":"Not found state","description":"A 404 state with the error code, a Page not found heading, a short explanation and Go home and Open gallery buttons, centered in a card. Built in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/not-found-state.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/not-found-state.json"},{"name":"notebook-cell","title":"Notebook cell","description":"A Jupyter style notebook cell with a Run button beside a code editor frame and an optional output panel below. Good for interactive docs and playgrounds.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/notebook-cell.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/notebook-cell.json"},{"name":"notification-inbox","title":"Notification inbox","description":"A bell with an unread count that opens a notification popover: All and Mentions tabs, unread dots, mark all read, type icons and an empty state. Built in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/notification-inbox.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/notification-inbox.json"},{"name":"notification-item","title":"Notification item","description":"A single notification row with an unread dot and tint, a truncated title, relative time and a short body line. Stack it in React inboxes and activity feeds.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/notification-item.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/notification-item.json"},{"name":"notification-preferences","title":"Notification preferences","description":"A notification settings list of labeled switches for email digests, product updates and security alerts. A simple React start for preference pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/notification-preferences.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/notification-preferences.json"},{"name":"number-input","title":"Number input","description":"A numeric stepper with minus and plus buttons around a centered input that clamps to min and max and moves by a custom step. Works controlled or uncontrolled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/number-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/number-input.json"},{"name":"number-roll","title":"Number roll","description":"An odometer style animated number where each digit rolls on a spring and only changed digits move. Supports Intl formatting, trend tint and reduced motion.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/number-roll.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/number-roll.json"},{"name":"offline-banner","title":"Offline banner","description":"A full width amber banner shown when the app loses its connection, with a wifi off icon, a note that changes will sync later and an optional Retry button.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/offline-banner.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/offline-banner.json"},{"name":"offline-state","title":"Offline state","description":"An offline status card with a warning dot, a You are offline heading, a note on what still works and a Retry connection button. For PWA and sync apps.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/offline-state.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/offline-state.json"},{"name":"onboarding-checklist","title":"Onboarding checklist","description":"A Get started card with a list of setup tasks that toggle between done and pending on click, showing a check box and a strikethrough on completed items.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/onboarding-checklist.json"},{"name":"onboarding-wizard","title":"Onboarding wizard","description":"A three step React onboarding flow that walks new users through creating a workspace, inviting teammates and a done screen, with a stepper on top.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/onboarding-wizard.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/onboarding-wizard.json"},{"name":"order-summary","title":"Order summary","description":"A checkout summary card listing line items such as subtotal, shipping and tax, then a separator and a bold total. Built with React for cart pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/order-summary.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/order-summary.json"},{"name":"org-chart","title":"Org chart","description":"A collapsible organisation chart with connector lines, initials avatars, team colours, per node counts and arrow key navigation.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/org-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/org-chart.json"},{"name":"org-switcher","title":"Org switcher","description":"A popover switcher for moving between organizations or workspaces, showing the current name, a check on the active item and an optional plan label per org.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/org-switcher.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/org-switcher.json"},{"name":"otp-input","title":"Otp input","description":"A React one time code input where one real input powers the slots, so paste, SMS autofill and screen readers work natively. Has groups, error shake and success.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/otp-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/otp-input.json"},{"name":"page-header","title":"Page header","description":"A Tailwind page title block with an h1, an optional description and a wrapping slot for action buttons on the right, set off by a bottom border.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/page-header.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/page-header.json"},{"name":"pagination","title":"Pagination","description":"A pagination nav with Prev and Next buttons that disable at the edges and numbered page buttons that mark the current page with aria-current. Built in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/pagination.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/pagination.json"},{"name":"password-input","title":"Password input","description":"A password field with a show and hide toggle inside the input, an eye icon that swaps state and an accessible label. Supports sm, default and lg sizes in React.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/password-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/password-input.json"},{"name":"password-strength","title":"Password strength","description":"A React password field with a four step strength meter and a live rule checklist. Announces the score politely and accepts your own scorer such as zxcvbn.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/password-strength.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/password-strength.json"},{"name":"payment-method-card","title":"Payment method card","description":"A saved card row showing the card brand, last four digits and expiry date in monospace, with an Edit button. Fits the payment methods area of billing.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/payment-method-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/payment-method-card.json"},{"name":"peek-panel","title":"Peek panel","description":"A right side detail panel with a titled header, a close button and a scrollable body for previewing a record without leaving the list. Tailwind styled.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/peek-panel.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/peek-panel.json"},{"name":"permission-chip","title":"Permission chip","description":"A small uppercase chip for access levels: admin, write or read. Use it in member lists, API key tables and sharing dialogs to show what a user or token can do.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/permission-chip.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/permission-chip.json"},{"name":"permission-denied","title":"Permission denied","description":"A 403 style access card explaining that admin rights are needed, with Request access and Switch workspace buttons. Use it wherever a route is role gated.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/permission-denied.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/permission-denied.json"},{"name":"phone-input","title":"Phone input","description":"A telephone number field with type tel, a numeric keypad on mobile, tel autocomplete, tabular digits and a default aria label. Styled like the React base input.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/phone-input.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/phone-input.json"},{"name":"pie-chart","title":"Pie chart","description":"An SVG pie chart with leader line labels, a legend and slices that pull out on hover or focus.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/pie-chart.json"},{"name":"pinned-message","title":"Pinned message","description":"A highlighted pinned note for chat channels and threads with a pin icon, a Pinned by author line and the message body on an accent tinted Tailwind background.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/pinned-message.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/pinned-message.json"},{"name":"plan-card","title":"Plan card","description":"A pricing plan card with the plan name, a large price per period, a feature list and a full width call to action. A highlighted prop marks the recommended tier.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/plan-card.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/plan-card.json"},{"name":"plan-comparison","title":"Plan comparison","description":"A Free versus Pro comparison table with a row per feature and check or dash icons in each plan column. Shows what an upgrade unlocks on Tailwind pricing pages.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/plan-comparison.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/plan-comparison.json"},{"name":"popover","title":"Popover","description":"A floating React panel anchored to a trigger, built on Base UI with side and align options, collision aware positioning, title and description parts.","type":"registry:ui","source_url":"https://ui.minidev.pro/r/popover.json","install_command":"npx shadcn@latest add https://ui.minidev.pro/r/popover.json"}]},{"id":"mischief","name":"@mischief","slug":"mischief","description":"A playful, high-utility shadcn registry: PDF, DOCX and JSON viewers, redaction and bounding boxes, agent chat with tool calls, data tables, command palettes, OTP inputs, and shader fields.","author":"Tinkerers-Labs","framework":"react","license":"MIT","tags":["3d","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","forms","hooks","loaders","maps","media","navigation","retro","tables","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ui.tinkererslabs.com","github":"https://github.com/Tinkerers-Labs/mischief-ui","registry":"https://ui.tinkererslabs.com/r/registry.json","source":"https://ui.tinkererslabs.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mischief","markdown":"https://sh4dcn.netlify.app/md/mischief.md"},"logo":"<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'> <path d='M7.5 36.5C8.8 27.6 9.6 19.6 12.4 11.5C17.1 17.4 20.6 24 24.1 30.7C27.3 24.8 29.1 16.8 33.2 9.8C36.4 17.7 38.4 27.5 40.5 36.5' fill='none' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='6.5'/> <path d='M40.2 3.8L41.4 7.1L44.8 8.3L41.4 9.5L40.2 12.8L39 9.5L35.7 8.3L39 7.1L40.2 3.8Z' fill='var(--foreground)'/> </svg>","preview_image":"https://ui.tinkererslabs.com/brand/mischief-social-preview.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-09-03T20:59:40Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.tinkererslabs.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.tinkererslabs.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.tinkererslabs.com/r/registry.json","clone":"git clone https://github.com/Tinkerers-Labs/mischief-ui.git","clone_degit":"npx degit Tinkerers-Labs/mischief-ui","registry_fetch":"curl -s https://ui.tinkererslabs.com/r/registry.json"},"component_count":234,"components":[{"name":"magnetic-tabs","title":"Magnetic Tabs","description":"Accessible tabs with a gently responsive label and a clear active surface.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/magnetic-tabs.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/magnetic-tabs.json"},{"name":"elastic-slider","title":"Elastic Slider","description":"An accessible value slider with restrained physical feedback at its limits.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/elastic-slider.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/elastic-slider.json"},{"name":"hold-button","title":"Hold Button","description":"A confirmation button that completes after a deliberate pointer hold and remains accessible from a keyboard.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/hold-button.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/hold-button.json"},{"name":"shift-button","title":"Shift Button","description":"A call-to-action button that trades its leading icon for a directional cue.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/shift-button.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/shift-button.json"},{"name":"impossible-checkbox","title":"Impossible Checkbox","description":"A playful checkbox that a determined bear refuses to leave on.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/impossible-checkbox.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/impossible-checkbox.json"},{"name":"floating-index","title":"Floating Index","description":"A compact floating outline that tracks reading progress and the active section.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/floating-index.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/floating-index.json"},{"name":"command-palette","title":"Command Palette","description":"A search dialog over anything you can list, opened from a keyboard shortcut.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/command-palette.json"},{"name":"scroll-to-top-button","title":"Scroll to Top Button","description":"A floating shortcut that appears after someone moves down a long page or scroll container and returns them to the top.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/scroll-to-top-button.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scroll-to-top-button.json"},{"name":"save-bar","title":"Save Bar","description":"A bar that exists only while a form has unsaved changes. It says so, saves, confirms, and leaves.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/save-bar.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/save-bar.json"},{"name":"install-command","title":"Install Command","description":"A switchable install line for a library, with the runner and installer kept apart.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/install-command.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/install-command.json"},{"name":"copy-for-ai","title":"Copy for AI","description":"Hands a documentation page to an assistant as markdown.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/copy-for-ai.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/copy-for-ai.json"},{"name":"table-of-contents","title":"Table of Contents","description":"A page outline that marks the section the reader is in.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/table-of-contents.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/table-of-contents.json"},{"name":"file-upload","title":"File Upload","description":"A file picker and dropzone with validation, a visible queue, and optional progress, cancel, and retry handling.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/file-upload.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/file-upload.json"},{"name":"file-thumbnail","title":"File Thumbnail","description":"A compact image preview with automatic browser File support, loading, and failure states.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/file-thumbnail.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/file-thumbnail.json"},{"name":"conversation","title":"Conversation","description":"A thread scroll container that follows a streaming reply and yields to the reader.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/conversation.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/conversation.json"},{"name":"message","title":"Message","description":"One turn in a thread, with role, avatar, timestamp, and reachable actions.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/message.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/message.json"},{"name":"prompt-input","title":"Prompt Input","description":"A growing composer that sends on Enter and becomes a stop button while streaming.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/prompt-input.json"},{"name":"suggestions","title":"Suggestions","description":"A scrollable row of prompts to start or continue a conversation with.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/suggestions.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/suggestions.json"},{"name":"questionnaire","title":"Questionnaire","description":"Multi-step questions an agent asks before starting, with single, multiple, and freeform answers.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/questionnaire.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/questionnaire.json"},{"name":"ask-ai","title":"Ask AI","description":"A source-aware handoff that opens a prepared prompt in an AI assistant or copies it for another one.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/ask-ai.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/ask-ai.json"},{"name":"streaming-text","title":"Streaming Text","description":"Text that arrives a piece at a time from an async source, with sentence-level announcements.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/streaming-text.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/streaming-text.json"},{"name":"thinking-state","title":"Thinking State","description":"A status row for work in progress, with a live elapsed timer and optional reasoning.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/thinking-state.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/thinking-state.json"},{"name":"tool-call","title":"Tool Call","description":"A compact record of one tool invocation with its input and output behind a disclosure.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/tool-call.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/tool-call.json"},{"name":"agent-checklist","title":"Agent Checklist","description":"A task list whose items change state as work proceeds, announcing only what changed.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/agent-checklist.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/agent-checklist.json"},{"name":"inline-citations","title":"Inline Citations","description":"Numbered markers inside generated text, each linking to its entry in a source list.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/inline-citations.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/inline-citations.json"},{"name":"bounding-boxes","title":"Bounding Boxes","description":"Selectable regions drawn over a page image from normalized coordinates.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/bounding-boxes.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/bounding-boxes.json"},{"name":"annotation-layer","title":"Annotation Layer","description":"Notes attached to regions of a page, created by dragging.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/annotation-layer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/annotation-layer.json"},{"name":"redaction","title":"Redaction","description":"Mark regions to black out, with a reveal that states it is only a preview.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/redaction.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/redaction.json"},{"name":"page-navigator","title":"Page Navigator","description":"A rail of page thumbnails for moving through a long document.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/page-navigator.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/page-navigator.json"},{"name":"file-tree","title":"File Tree","description":"An expandable tree of folders and files with full keyboard navigation.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/file-tree.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/file-tree.json"},{"name":"document-splits","title":"Document Splits","description":"Mark where one scanned batch becomes several documents.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/document-splits.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/document-splits.json"},{"name":"schema-builder","title":"Schema Builder","description":"Build the shape you want extracted from a document, with nesting.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/schema-builder.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/schema-builder.json"},{"name":"signature-pad","title":"Signature Pad","description":"Sign with a pointer on a canvas, or type a name instead.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/signature-pad.json"},{"name":"csv-viewer","title":"CSV Viewer","description":"A sortable table for delimited data with a sticky header and a row cap.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/csv-viewer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/csv-viewer.json"},{"name":"json-viewer","title":"JSON Viewer","description":"A collapsible tree for a JSON payload, navigable from the keyboard, where every row can hand you its path.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/json-viewer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/json-viewer.json"},{"name":"docx-viewer","title":"DOCX Viewer","description":"Renders a Word document as elements built through a tag and attribute allowlist.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/docx-viewer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/docx-viewer.json"},{"name":"pdf-viewer","title":"PDF Viewer","description":"Page-by-page PDF rendering on a canvas, with paging and zoom, over any loader.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/pdf-viewer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/pdf-viewer.json"},{"name":"markdown-blocks","title":"Markdown Blocks","description":"Extracted document regions rendered as markdown, each one selectable.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/markdown-blocks.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/markdown-blocks.json"},{"name":"signature-footer","title":"Signature Footer","description":"A composed site footer that ends with an oversized, low-contrast wordmark.","type":"registry:block","source_url":"https://ui.tinkererslabs.com/r/signature-footer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/signature-footer.json"},{"name":"image-gallery","title":"Image Gallery","description":"A responsive image collection with grid and masonry layouts and an accessible lightbox.","type":"registry:block","source_url":"https://ui.tinkererslabs.com/r/image-gallery.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/image-gallery.json"},{"name":"code-block","title":"Code Block","description":"A code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/code-block.json"},{"name":"diff-view","title":"Diff View","description":"A proposed change shown as a unified or side-by-side diff, with optional accept and reject controls.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/diff-view.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/diff-view.json"},{"name":"terminal-output","title":"Terminal Output","description":"Streaming command output with stderr called out, an exit code, and scroll that follows without trapping you.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/terminal-output.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/terminal-output.json"},{"name":"response-actions","title":"Response Actions","description":"The row under an answer: copy it, ask again, and rate it.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/response-actions.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/response-actions.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"A light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/theme-toggle.json"},{"name":"accordion","title":"Accordion","description":"A list of disclosures built on native details elements.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/accordion.json"},{"name":"component-preview","title":"Component Preview","description":"A framed example with a tab for the source beside it.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/component-preview.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/component-preview.json"},{"name":"kbd","title":"Kbd","description":"A keyboard chord rendered with the right glyphs for the reader's platform.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/kbd.json"},{"name":"voice-input","title":"Voice Input","description":"A microphone that draws what it is hearing, so a live one is told apart from a dead one at a glance.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/voice-input.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/voice-input.json"},{"name":"audio-player","title":"Audio Player","description":"A recording with its waveform, its position and its transcript, every line seekable.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/audio-player.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/audio-player.json"},{"name":"bar-visualizer","title":"Bar Visualizer","description":"Frequency bars for audio on its way out, with the state said as well as drawn.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/bar-visualizer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/bar-visualizer.json"},{"name":"mic-selector","title":"Mic Selector","description":"Picks the microphone, then proves the choice with a live level meter.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/mic-selector.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/mic-selector.json"},{"name":"chain-of-thought","title":"Chain of Thought","description":"The steps an assistant took before answering, open while it works and folded away after.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/chain-of-thought.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/chain-of-thought.json"},{"name":"web-preview","title":"Web Preview","description":"A sandboxed frame for whatever the agent just built, with the widths to check it at.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/web-preview.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/web-preview.json"},{"name":"video-player","title":"Video Player","description":"Video with real captions, a keyboard-operable scrubber, and controls that survive full screen.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/video-player.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/video-player.json"},{"name":"reviewable-diff","title":"Reviewable Diff","description":"A proposed change staged a hunk at a time, so a good patch with one bad hunk is not all or nothing.","type":"registry:block","source_url":"https://ui.tinkererslabs.com/r/reviewable-diff.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/reviewable-diff.json"},{"name":"subagent-tree","title":"Subagent Tree","description":"Several agents working at once, nested under whoever handed the work down.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/subagent-tree.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/subagent-tree.json"},{"name":"stopped-run","title":"Stopped Run","description":"What the thread says after an answer ended early, keeping what it had already written.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/stopped-run.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stopped-run.json"},{"name":"memory-chips","title":"Memory Chips","description":"Everything an assistant remembers about someone, each one removable on its own.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/memory-chips.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/memory-chips.json"},{"name":"orb","title":"Orb","description":"A sphere that carries what an assistant is doing, settled when idle and moving with the voice when there is one.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/orb.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/orb.json"},{"name":"matrix","title":"Matrix","description":"A grid of cells lit from the bottom by a level, which reads as a piece of hardware rather than as a chart.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/matrix.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/matrix.json"},{"name":"response","title":"Response","description":"An assistant's answer as markdown, including while it is still half-written and briefly invalid.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/response.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/response.json"},{"name":"transcript-viewer","title":"Transcript Viewer","description":"A recording as text, where every line is also the way back to the moment it was said.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/transcript-viewer.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/transcript-viewer.json"},{"name":"stop-generating","title":"Stop Generating","description":"The control that interrupts a running answer.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/stop-generating.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stop-generating.json"},{"name":"token-meter","title":"Token Meter","description":"How much of the context window is gone, split by what spent it.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/token-meter.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/token-meter.json"},{"name":"model-picker","title":"Model Picker","description":"A model chooser with room for what each one is good at.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/model-picker.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/model-picker.json"},{"name":"source-card","title":"Source Card","description":"One retrieved passage: where it came from, what it said, and how well it matched.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/source-card.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/source-card.json"},{"name":"empty-state","title":"Empty State","description":"What to show when there is nothing yet.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/empty-state.json"},{"name":"footer-columns","title":"Footer Columns","description":"Labelled columns of links, with the column count and the link rendering left to you.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/footer-columns.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/footer-columns.json"},{"name":"footer-row","title":"Footer Row","description":"A wrapping row of links under its own label, set apart by a dashed rule.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/footer-row.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/footer-row.json"},{"name":"footer-wordmark","title":"Footer Wordmark","description":"The oversized brand word that closes a page, drawn as texture rather than content.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/footer-wordmark.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/footer-wordmark.json"},{"name":"empty-row","title":"Empty Row","description":"One line saying a list came back empty, for a table, a list, or a popover.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/empty-row.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/empty-row.json"},{"name":"not-found","title":"Not Found","description":"The page-scale empty state: a status, a heading you can read across a room, and somewhere to go.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/not-found.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/not-found.json"},{"name":"image-grid","title":"Image Grid","description":"Thumbnails in even cells or masonry columns, with nothing but React behind them.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/image-grid.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/image-grid.json"},{"name":"lightbox","title":"Lightbox","description":"One image at a time, full bleed, with the rest of the set a key away.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/lightbox.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/lightbox.json"},{"name":"spinner","title":"Spinner","description":"The smallest way to say something is happening, for a control that is working.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/spinner.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/spinner.json"},{"name":"shimmering-text","title":"Shimmering Text","description":"Words with a light moving across them, for the wait between asking and the first token.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/shimmering-text.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder the shape of what is coming, so the page does not jump when it arrives.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/skeleton.json"},{"name":"status-pill","title":"Status Pill","description":"A dot and a few words: operational, degraded, closed.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/status-pill.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/status-pill.json"},{"name":"copy-button","title":"Copy Button","description":"Copies a value and says whether it worked, including when the clipboard refuses.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/copy-button.json"},{"name":"secret-field","title":"Secret Field","description":"An API key or token: hidden until asked for, copied whole either way.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/secret-field.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/secret-field.json"},{"name":"pagination","title":"Pagination","description":"Page numbers with gaps where the run is broken, as buttons or as your own links.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/pagination.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/pagination.json"},{"name":"side-panel","title":"Side Panel","description":"A pane that comes in from the side: an inspector, a filter set, a row's detail.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/side-panel.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/side-panel.json"},{"name":"render-surface","title":"Render Surface","description":"A canvas that sizes itself, sleeps when it is off screen, and holds still when motion is reduced.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/render-surface.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/render-surface.json"},{"name":"aurora-field","title":"Aurora Field","description":"A drifting gradient backdrop built from the colours already in your theme.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/aurora-field.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/aurora-field.json"},{"name":"grain-overlay","title":"Grain Overlay","description":"Film grain for any panel, which also hides the banding in a wide gradient.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/grain-overlay.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/grain-overlay.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A card that catches a light following the pointer, across a whole grid at once.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/spotlight-card.json"},{"name":"constellation-field","title":"Constellation Field","description":"Drifting points joined by lines, brightening around the pointer.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/constellation-field.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/constellation-field.json"},{"name":"lattice-field","title":"Lattice Field","description":"A grid of dots that parts around the pointer and falls apart when pressed, then climbs back into line.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/lattice-field.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/lattice-field.json"},{"name":"burst","title":"Burst","description":"A short burst of pieces for the moment something finally completes.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/burst.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/burst.json"},{"name":"shader-surface","title":"Shader Surface","description":"Four shader backdrops, each taking its two colours from your theme.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/shader-surface.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/shader-surface.json"},{"name":"displacement-image","title":"Displacement Image","description":"Two images crossing by pushing their pixels through the same noise.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/displacement-image.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/displacement-image.json"},{"name":"scene-hero","title":"Scene Hero","description":"A lit three-dimensional object behind a headline, steered by the pointer.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/scene-hero.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scene-hero.json"},{"name":"scroll-scene","title":"Scroll Scene","description":"Turns the scrolling of a tall element into a number, without rendering the page to do it.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/scroll-scene.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scroll-scene.json"},{"name":"reveal","title":"Reveal","description":"Moves its children in when they arrive on screen, and never decides whether they are there.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/reveal.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/reveal.json"},{"name":"split-text","title":"Split Text","description":"A heading animated one character, word, or line at a time, announced as one sentence.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/split-text.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/split-text.json"},{"name":"marquee","title":"Marquee","description":"A row that runs on its own, seamlessly, and turns back into an ordinary scrolling row for anyone who asked for less motion.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/marquee.json"},{"name":"number-ticker","title":"Number Ticker","description":"Counts to a number rather than replacing it, in any currency or format.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/number-ticker.json"},{"name":"tilt-card","title":"Tilt Card","description":"A card that leans toward the pointer as though it were a physical object.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/tilt-card.json"},{"name":"connection-beam","title":"Connection Beam","description":"A line between two elements with something travelling along it, measured from the elements rather than given as coordinates.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/connection-beam.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/connection-beam.json"},{"name":"cursor-trail","title":"Cursor Trail","description":"A fading mark behind the pointer, drawn only inside its own box.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/cursor-trail.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/cursor-trail.json"},{"name":"metaballs","title":"Metaballs","description":"Blobs that merge as they meet, taking their two colours from your theme.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/metaballs.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/metaballs.json"},{"name":"dither-image","title":"Dither Image","description":"A photograph reduced to two theme colours through an ordered dither.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/dither-image.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/dither-image.json"},{"name":"ascii-image","title":"ASCII Image","description":"A photograph redrawn as characters, painted once and then left alone.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/ascii-image.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/ascii-image.json"},{"name":"wireframe-globe","title":"Wireframe Globe","description":"A wireframe world with places marked on it, and the same places written out underneath.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/wireframe-globe.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/wireframe-globe.json"},{"name":"presence-field","title":"Presence Field","description":"An ambient backdrop that carries what an assistant is doing, and settles rather than snaps.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/presence-field.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/presence-field.json"},{"name":"stream-glow","title":"Stream Glow","description":"An edge that breathes along a region while tokens land in it.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/stream-glow.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stream-glow.json"},{"name":"scrub-bar","title":"Scrub Bar","description":"The seek control on its own: a slider that happens to be a timeline, announced in minutes and seconds.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/scrub-bar.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scrub-bar.json"},{"name":"otp-input","title":"OTP Input","description":"A one time code, one box per character, where pasting the whole code works.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/otp-input.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/otp-input.json"},{"name":"tag-input","title":"Tag Input","description":"An input that turns what you typed into a removable tag.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/tag-input.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/tag-input.json"},{"name":"combobox","title":"Combobox","description":"A searchable select that holds one choice or several.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/combobox.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/combobox.json"},{"name":"sortable-list","title":"Sortable List","description":"A list reordered by dragging a handle, or from the keyboard without one.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/sortable-list.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/sortable-list.json"},{"name":"resizable-panels","title":"Resizable Panels","description":"Two panels and a divider that can be dragged or driven from the keyboard.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/resizable-panels.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/resizable-panels.json"},{"name":"stepper","title":"Stepper","description":"Where someone is in something with a beginning and an end.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/stepper.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stepper.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"Overlapping faces with a count for the rest, and the names underneath.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/avatar-stack.json"},{"name":"timeline","title":"Timeline","description":"Things that happened, in the order they happened, with each state said aloud.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/timeline.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/timeline.json"},{"name":"data-table","title":"Data Table","description":"Typed rows with custom cells, column widths you set or the reader drags, sorting that is one property to switch on, and keyed selection.","type":"registry:ui","source_url":"https://ui.tinkererslabs.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/data-table.json"},{"name":"accordion-demo","title":"Accordion Demo","description":"A worked example of Accordion: A list of disclosures built on native details elements, so find-in-page and the browser do the work.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/accordion-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/accordion-demo.json"},{"name":"agent-checklist-demo","title":"Agent Checklist Demo","description":"A worked example of Agent Checklist: A task list whose items change state as work proceeds, announcing what changed instead of re-reading the whole list.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/agent-checklist-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/agent-checklist-demo.json"},{"name":"annotation-layer-demo","title":"Annotation Layer Demo","description":"A worked example of Annotation Layer: Notes attached to regions of a page. Drag to add one, select to read it, and the coordinates stay relative to the page ra…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/annotation-layer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/annotation-layer-demo.json"},{"name":"ascii-image-demo","title":"ASCII Image Demo","description":"A worked example of ASCII Image: A photograph redrawn as characters. The grid is worked out once and kept, so each frame is a single copy rather than thousands…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/ascii-image-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/ascii-image-demo.json"},{"name":"ask-ai-demo","title":"Ask AI Demo","description":"A worked example of Ask AI: Hand someone a prepared, source-aware prompt in the AI assistant they already use, or let them copy it for another one.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/ask-ai-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/ask-ai-demo.json"},{"name":"audio-player-demo","title":"Audio Player Demo","description":"A worked example of Audio Player: A recording with its shape, its position and its words, so a voice note can be read as well as heard.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/audio-player-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/audio-player-demo.json"},{"name":"aurora-field-demo","title":"Aurora Field Demo","description":"A worked example of Aurora Field: A drifting gradient backdrop for a hero or an empty state, built from the colours already in your theme rather than from a pa…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/aurora-field-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/aurora-field-demo.json"},{"name":"avatar-stack-demo","title":"Avatar Stack Demo","description":"A worked example of Avatar Stack: Overlapping faces with a count for the rest, and the names underneath as a real list.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/avatar-stack-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/avatar-stack-demo.json"},{"name":"bar-visualizer-demo","title":"Bar Visualizer Demo","description":"A worked example of Bar Visualizer: Frequency bars for audio on its way out, the counterpart to the trace a microphone draws on the way in.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/bar-visualizer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/bar-visualizer-demo.json"},{"name":"bounding-boxes-demo","title":"Bounding Boxes Demo","description":"A worked example of Bounding Boxes: Selectable regions drawn over a page image from normalized coordinates, for showing an agent exactly where an answer came f…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/bounding-boxes-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/bounding-boxes-demo.json"},{"name":"burst-demo","title":"Burst Demo","description":"A worked example of Burst: A short burst of pieces for the moment something finally completes. It draws nothing until it is fired and stops as soon as the last…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/burst-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/burst-demo.json"},{"name":"chain-of-thought-demo","title":"Chain of Thought Demo","description":"A worked example of Chain of Thought: The steps an assistant took before answering, open while it is working and folded away once it is done.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/chain-of-thought-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/chain-of-thought-demo.json"},{"name":"code-block-demo","title":"Code Block Demo","description":"A worked example of Code Block: A code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/code-block-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/code-block-demo.json"},{"name":"combobox-demo","title":"Combobox Demo","description":"A worked example of Combobox: A field that narrows a list as you type, and holds one choice or several as removable chips.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/combobox-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/combobox-demo.json"},{"name":"command-palette-demo","title":"Command Palette Demo","description":"A worked example of Command Palette: A search dialog over anything you can list, opened from a keyboard shortcut, with ranked matches and hidden keywords.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/command-palette-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/command-palette-demo.json"},{"name":"component-preview-demo","title":"Component Preview Demo","description":"A worked example of Component Preview: A framed example with a tab for the source beside it, and the live one still running when you switch back.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/component-preview-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/component-preview-demo.json"},{"name":"connection-beam-demo","title":"Connection Beam Demo","description":"A worked example of Connection Beam: A line between two elements with something travelling along it, measured from the elements rather than given as coordinate…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/connection-beam-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/connection-beam-demo.json"},{"name":"constellation-field-demo","title":"Constellation Field Demo","description":"A worked example of Constellation Field: Drifting points joined by lines when they come close, brightening and swelling around the pointer.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/constellation-field-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/constellation-field-demo.json"},{"name":"conversation-demo","title":"Conversation Demo","description":"A worked example of Conversation: The scroll container a thread lives in. It follows a streaming reply to the bottom, and stops the moment the reader scrolls u…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/conversation-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/conversation-demo.json"},{"name":"copy-button-demo","title":"Copy Button Demo","description":"A worked example of Copy Button: Copies a value and says whether it worked, including when the clipboard refuses.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/copy-button-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/copy-button-demo.json"},{"name":"copy-for-ai-demo","title":"Copy for AI Demo","description":"A worked example of Copy for AI: Hands the page to an assistant as markdown, by clipboard, by link, or by opening it somewhere that can read it.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/copy-for-ai-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/copy-for-ai-demo.json"},{"name":"csv-viewer-demo","title":"CSV Viewer Demo","description":"A worked example of CSV Viewer: A real table for delimited data, with sortable columns, a sticky header, and a row cap so a large file cannot lock the page.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/csv-viewer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/csv-viewer-demo.json"},{"name":"cursor-trail-demo","title":"Cursor Trail Demo","description":"A worked example of Cursor Trail: A fading mark behind the pointer, drawn only inside its own box and only while the pointer is in it.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/cursor-trail-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/cursor-trail-demo.json"},{"name":"data-table-demo","title":"Data Table Demo","description":"A worked example of Data Table: Typed rows with cells you write, column widths you set or the reader drags, sorting that is one property to switch on, and sele…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/data-table-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/data-table-demo.json"},{"name":"diff-view-demo","title":"Diff View Demo","description":"A worked example of Diff View: A proposed change shown as a unified or side-by-side diff, with optional accept and reject controls.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/diff-view-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/diff-view-demo.json"},{"name":"displacement-image-demo","title":"Displacement Image Demo","description":"A worked example of Displacement Image: Two images crossing by pushing their pixels through the same noise in opposite directions, with the first image also pr…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/displacement-image-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/displacement-image-demo.json"},{"name":"dither-image-demo","title":"Dither Image Demo","description":"A worked example of Dither Image: A photograph reduced to two theme colours through an ordered dither, the way a newspaper reduced one to ink and paper.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/dither-image-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/dither-image-demo.json"},{"name":"document-splits-demo","title":"Document Splits Demo","description":"A worked example of Document Splits: Mark where one scanned batch becomes several documents. Splits are toggled between pages and the segments update as you go.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/document-splits-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/document-splits-demo.json"},{"name":"docx-viewer-demo","title":"DOCX Viewer Demo","description":"A worked example of DOCX Viewer: Renders a Word document as elements built through an allowlist, so a file you did not write cannot bring its own scripts or li…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/docx-viewer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/docx-viewer-demo.json"},{"name":"elastic-slider-demo","title":"Elastic Slider Demo","description":"A worked example of Elastic Slider: A precise slider with a small amount of give at either end. The current value stays visible and the control works without a…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/elastic-slider-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/elastic-slider-demo.json"},{"name":"empty-row-demo","title":"Empty Row Demo","description":"A worked example of Empty Row: One line saying a list came back empty, for a table, a list, or a popover.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/empty-row-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/empty-row-demo.json"},{"name":"empty-state-demo","title":"Empty State Demo","description":"A worked example of Empty State: What to show when there is nothing yet: what this place is for, and the way to fill it.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/empty-state-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/empty-state-demo.json"},{"name":"file-thumbnail-demo","title":"File Thumbnail Demo","description":"A worked example of File Thumbnail: A compact image preview for attachments, upload queues, and file lists. Browser image files work without any setup.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/file-thumbnail-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/file-thumbnail-demo.json"},{"name":"file-tree-demo","title":"File Tree Demo","description":"A worked example of File Tree: An expandable tree of folders and files with full keyboard navigation and correct tree semantics.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/file-tree-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/file-tree-demo.json"},{"name":"file-upload-demo","title":"File Upload Demo","description":"A worked example of File Upload: A file picker and dropzone with clear validation and a visible queue. Connect your upload function when you need progress, can…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/file-upload-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/file-upload-demo.json"},{"name":"floating-index-demo","title":"Floating Index Demo","description":"A worked example of Floating Index: A compact outline for long pages. It keeps the active section and reading progress visible without becoming another permane…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/floating-index-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/floating-index-demo.json"},{"name":"footer-columns-demo","title":"Footer Columns Demo","description":"A worked example of Footer Columns: Labelled columns of links, with the column count and the link rendering left to you.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/footer-columns-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/footer-columns-demo.json"},{"name":"footer-row-demo","title":"Footer Row Demo","description":"A worked example of Footer Row: A wrapping row of links under its own label, set apart by a dashed rule.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/footer-row-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/footer-row-demo.json"},{"name":"footer-wordmark-demo","title":"Footer Wordmark Demo","description":"A worked example of Footer Wordmark: The oversized brand word that closes a page, drawn as texture rather than content.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/footer-wordmark-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/footer-wordmark-demo.json"},{"name":"grain-overlay-demo","title":"Grain Overlay Demo","description":"A worked example of Grain Overlay: Film grain for any positioned box, which incidentally fixes the banding a wide gradient shows on a good monitor.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/grain-overlay-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/grain-overlay-demo.json"},{"name":"hold-button-demo","title":"Hold Button Demo","description":"A worked example of Hold Button: A confirmation button for actions that deserve a second thought. Release early to cancel, or activate once with a keyboard.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/hold-button-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/hold-button-demo.json"},{"name":"image-gallery-demo","title":"Image Gallery Demo","description":"A worked example of Image Gallery: A responsive image collection with equal and masonry layouts, plus a lightbox that handles focus, keyboard navigation, and s…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/image-gallery-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/image-gallery-demo.json"},{"name":"image-grid-demo","title":"Image Grid Demo","description":"A worked example of Image Grid: Thumbnails in even cells or masonry columns, with nothing but React behind them.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/image-grid-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/image-grid-demo.json"},{"name":"impossible-checkbox-demo","title":"Impossible Checkbox Demo","description":"A worked example of Impossible Checkbox: A checkbox with one stubborn rule: the bear will not let you leave it on. Best kept for demos, Easter eggs, and harmle…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/impossible-checkbox-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/impossible-checkbox-demo.json"},{"name":"inline-citations-demo","title":"Inline Citations Demo","description":"A worked example of Inline Citations: Numbered markers placed inside generated text, each linking to its entry in a source list underneath.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/inline-citations-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/inline-citations-demo.json"},{"name":"install-command-demo","title":"Install Command Demo","description":"A worked example of Install Command: The install line for a library, switchable between package managers, with the runner and the installer kept apart.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/install-command-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/install-command-demo.json"},{"name":"json-viewer-demo","title":"JSON Viewer Demo","description":"A worked example of JSON Viewer: A collapsible tree for a JSON payload, navigable from the keyboard, where every row can hand you its path.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/json-viewer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/json-viewer-demo.json"},{"name":"kbd-demo","title":"Kbd Demo","description":"A worked example of Kbd: A keyboard chord rendered with the right glyphs for the reader's platform, and spoken in words.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/kbd-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/kbd-demo.json"},{"name":"lattice-field-demo","title":"Lattice Field Demo","description":"A worked example of Lattice Field: A grid of dots that parts around the pointer and falls apart when pressed, then climbs back into line.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/lattice-field-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/lattice-field-demo.json"},{"name":"lightbox-demo","title":"Lightbox Demo","description":"A worked example of Lightbox: One image at a time, full bleed, with the rest of the set a key away.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/lightbox-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/lightbox-demo.json"},{"name":"magnetic-tabs-demo","title":"Magnetic Tabs Demo","description":"A worked example of Magnetic Tabs: Familiar tabs with a gentle pull toward the pointer. Selection stays clear and keyboard navigation remains immediate.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/magnetic-tabs-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/magnetic-tabs-demo.json"},{"name":"markdown-blocks-demo","title":"Markdown Blocks Demo","description":"A worked example of Markdown Blocks: Extracted document regions rendered as markdown, each one selectable so it can be tied back to where it came from.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/markdown-blocks-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/markdown-blocks-demo.json"},{"name":"marquee-demo","title":"Marquee Demo","description":"A worked example of Marquee: A row that runs on its own, seamlessly, and turns back into an ordinary scrolling row for anyone who asked for less motion.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/marquee-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/marquee-demo.json"},{"name":"matrix-demo","title":"Matrix Demo","description":"A worked example of Matrix: A grid of cells lit from the bottom by a level, which reads as a piece of hardware rather than as a chart.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/matrix-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/matrix-demo.json"},{"name":"memory-chips-demo","title":"Memory Chips Demo","description":"A worked example of Memory Chips: Everything an assistant has been told to remember about someone, each one removable on its own.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/memory-chips-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/memory-chips-demo.json"},{"name":"message-demo","title":"Message Demo","description":"A worked example of Message: One turn in a thread, with a role, an optional avatar and timestamp, and actions that stay reachable without a pointer.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/message-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/message-demo.json"},{"name":"metaballs-demo","title":"Metaballs Demo","description":"A worked example of Metaballs: Blobs that swell into one another as they meet, taking their two colours from your theme.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/metaballs-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/metaballs-demo.json"},{"name":"mic-selector-demo","title":"Mic Selector Demo","description":"A worked example of Mic Selector: Chooses which microphone to use, then settles the question by lighting a meter from the one you chose.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/mic-selector-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/mic-selector-demo.json"},{"name":"model-picker-demo","title":"Model Picker Demo","description":"A worked example of Model Picker: A model chooser that has room for what each one is good at, and full keyboard control.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/model-picker-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/model-picker-demo.json"},{"name":"not-found-demo","title":"Not Found Demo","description":"A worked example of Not Found: The page-scale empty state: a status, a heading you can read across a room, and somewhere to go.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/not-found-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/not-found-demo.json"},{"name":"number-ticker-demo","title":"Number Ticker Demo","description":"A worked example of Number Ticker: Counts to a number rather than replacing it, in whatever currency or format you asked for.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/number-ticker-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/number-ticker-demo.json"},{"name":"orb-demo","title":"Orb Demo","description":"A worked example of Orb: A sphere that carries what an assistant is doing, settled when idle and moving with the voice when there is one.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/orb-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/orb-demo.json"},{"name":"otp-input-demo","title":"OTP Input Demo","description":"A worked example of OTP Input: A one time code, one box per character, where pasting the whole code into any box fills the rest.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/otp-input-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/otp-input-demo.json"},{"name":"page-navigator-demo","title":"Page Navigator Demo","description":"A worked example of Page Navigator: A rail of page thumbnails for moving through a long document, with arrow-key navigation and a clear active page.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/page-navigator-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/page-navigator-demo.json"},{"name":"pagination-demo","title":"Pagination Demo","description":"A worked example of Pagination: Page numbers with gaps where the run is broken, as buttons or as your own links.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/pagination-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/pagination-demo.json"},{"name":"pdf-viewer-demo","title":"PDF Viewer Demo","description":"A worked example of PDF Viewer: Page-by-page PDF rendering on a canvas, with paging and zoom, over any loader you give it.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/pdf-viewer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/pdf-viewer-demo.json"},{"name":"presence-field-demo","title":"Presence Field Demo","description":"A worked example of Presence Field: An ambient backdrop that carries what the assistant is doing. It changes colour and pace with the state, and settles into e…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/presence-field-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/presence-field-demo.json"},{"name":"prompt-input-demo","title":"Prompt Input Demo","description":"A worked example of Prompt Input: The composer. Grows with the message, sends on Enter, keeps Shift+Enter for a new line, and turns into a stop button while a …","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/prompt-input-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/prompt-input-demo.json"},{"name":"questionnaire-demo","title":"Questionnaire Demo","description":"A worked example of Questionnaire: The questions an agent asks before it starts. One at a time, with single or multiple answers, an open answer alongside them,…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/questionnaire-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/questionnaire-demo.json"},{"name":"redaction-demo","title":"Redaction Demo","description":"A worked example of Redaction: Mark regions to black out before a document leaves the building, with a reveal that says plainly it is only a preview.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/redaction-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/redaction-demo.json"},{"name":"render-surface-demo","title":"Render Surface Demo","description":"A worked example of Render Surface: The canvas the other scenes are drawn on. It stays the size of its box, sleeps when nobody is looking at it, and holds stil…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/render-surface-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/render-surface-demo.json"},{"name":"resizable-panels-demo","title":"Resizable Panels Demo","description":"A worked example of Resizable Panels: Two panels and something to drag between them, where the divider is a real separator that also works from the keyboard.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/resizable-panels-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/resizable-panels-demo.json"},{"name":"response-actions-demo","title":"Response Actions Demo","description":"A worked example of Response Actions: The row under an answer: copy it, ask again, and rate it. Drops into the actions slot on Message.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/response-actions-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/response-actions-demo.json"},{"name":"response-demo","title":"Response Demo","description":"A worked example of Response: An assistant's answer as markdown, including while it is still half-written and briefly invalid.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/response-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/response-demo.json"},{"name":"reveal-demo","title":"Reveal Demo","description":"A worked example of Reveal: Moves its children in when they arrive on screen. It changes how something arrives and never whether it is there.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/reveal-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/reveal-demo.json"},{"name":"reviewable-diff-demo","title":"Reviewable Diff Demo","description":"A worked example of Reviewable Diff: A proposed change reviewed a hunk at a time: take three of the seven, leave the rest, apply what you took.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/reviewable-diff-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/reviewable-diff-demo.json"},{"name":"save-bar-demo","title":"Save Bar Demo","description":"A worked example of Save Bar: A bar that exists only while a form has unsaved changes. It says so, saves, confirms, and leaves.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/save-bar-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/save-bar-demo.json"},{"name":"scene-hero-demo","title":"Scene Hero Demo","description":"A worked example of Scene Hero: A lit three-dimensional object behind a headline, steered by the pointer and coloured by the theme. The one component here that…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/scene-hero-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scene-hero-demo.json"},{"name":"schema-builder-demo","title":"Schema Builder Demo","description":"A worked example of Schema Builder: Build the shape you want extracted from a document. Fields carry a name, type, description, and requirement, and object and…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/schema-builder-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/schema-builder-demo.json"},{"name":"scroll-scene-demo","title":"Scroll Scene Demo","description":"A worked example of Scroll Scene: Turns the scrolling of a tall element into a number between nought and one, published to a custom property and to a callback,…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/scroll-scene-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scroll-scene-demo.json"},{"name":"scroll-to-top-button-demo","title":"Scroll to Top Button Demo","description":"A worked example of Scroll to Top Button: A floating way back after someone has moved down a long page or scroll area. It stays hidden near the top.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/scroll-to-top-button-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scroll-to-top-button-demo.json"},{"name":"scrub-bar-demo","title":"Scrub Bar Demo","description":"A worked example of Scrub Bar: The seek control on its own: a slider that happens to be a timeline, announced in minutes and seconds.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/scrub-bar-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/scrub-bar-demo.json"},{"name":"secret-field-demo","title":"Secret Field Demo","description":"A worked example of Secret Field: An API key or token: hidden until asked for, copied whole either way.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/secret-field-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/secret-field-demo.json"},{"name":"shader-surface-demo","title":"Shader Surface Demo","description":"A worked example of Shader Surface: Four shader backdrops -- caustics, metal, plasma and ripple -- each taking its two colours from your theme, so the same sur…","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/shader-surface-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/shader-surface-demo.json"},{"name":"shift-button-demo","title":"Shift Button Demo","description":"A worked example of Shift Button: A call to action that trades its leading icon for a directional cue when someone approaches it.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/shift-button-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/shift-button-demo.json"},{"name":"shimmering-text-demo","title":"Shimmering Text Demo","description":"A worked example of Shimmering Text: Words with a light moving across them, for the wait between asking and the first token.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/shimmering-text-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/shimmering-text-demo.json"},{"name":"side-panel-demo","title":"Side Panel Demo","description":"A worked example of Side Panel: A pane that comes in from the side: an inspector, a filter set, a row's detail.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/side-panel-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/side-panel-demo.json"},{"name":"signature-footer-demo","title":"Signature Footer Demo","description":"A worked example of Signature Footer: A complete closing section with room for the useful links first and one oversized wordmark at the end.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/signature-footer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/signature-footer-demo.json"},{"name":"signature-pad-demo","title":"Signature Pad Demo","description":"A worked example of Signature Pad: Sign with a pointer on a canvas, or type a name instead. Returns a PNG data URL or the typed text.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/signature-pad-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/signature-pad-demo.json"},{"name":"skeleton-demo","title":"Skeleton Demo","description":"A worked example of Skeleton: A placeholder the shape of what is coming, so the page does not jump when it arrives.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/skeleton-demo.json"},{"name":"sortable-list-demo","title":"Sortable List Demo","description":"A worked example of Sortable List: A list reordered by dragging a handle, or from the keyboard without one, where every move is announced.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/sortable-list-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/sortable-list-demo.json"},{"name":"source-card-demo","title":"Source Card Demo","description":"A worked example of Source Card: One retrieved passage: where it came from, what it said, and how well it matched.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/source-card-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/source-card-demo.json"},{"name":"spinner-demo","title":"Spinner Demo","description":"A worked example of Spinner: The smallest way to say something is happening, for a control that is working.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/spinner-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/spinner-demo.json"},{"name":"split-text-demo","title":"Split Text Demo","description":"A worked example of Split Text: A heading animated one character, word, or line at a time, and still announced as one sentence rather than as a pile of single …","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/split-text-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/split-text-demo.json"},{"name":"spotlight-card-demo","title":"Spotlight Card Demo","description":"A worked example of Spotlight Card: A card that catches a light following the pointer, and can light every card in its grid from the same pointer at once.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/spotlight-card-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/spotlight-card-demo.json"},{"name":"status-pill-demo","title":"Status Pill Demo","description":"A worked example of Status Pill: A dot and a few words: operational, degraded, closed.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/status-pill-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/status-pill-demo.json"},{"name":"stepper-demo","title":"Stepper Demo","description":"A worked example of Stepper: Where someone is in something with a beginning and an end, said in words as well as drawn.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/stepper-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stepper-demo.json"},{"name":"stop-generating-demo","title":"Stop Generating Demo","description":"A worked example of Stop Generating: The control that interrupts a running answer, with the time it has been going and Escape wired up.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/stop-generating-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stop-generating-demo.json"},{"name":"stopped-run-demo","title":"Stopped Run Demo","description":"A worked example of Stopped Run: What the thread says after an answer ended early, with whatever it had already written kept above the line.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/stopped-run-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stopped-run-demo.json"},{"name":"stream-glow-demo","title":"Stream Glow Demo","description":"A worked example of Stream Glow: An edge that breathes along a region while tokens land in it, and stops the moment they do.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/stream-glow-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/stream-glow-demo.json"},{"name":"streaming-text-demo","title":"Streaming Text Demo","description":"A worked example of Streaming Text: Text that arrives a piece at a time from an async source, with a cursor while it runs and sentence-level announcements for …","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/streaming-text-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/streaming-text-demo.json"},{"name":"subagent-tree-demo","title":"Subagent Tree Demo","description":"A worked example of Subagent Tree: Several agents working at once, nested under whoever handed the work down, each with its own state and elapsed time.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/subagent-tree-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/subagent-tree-demo.json"},{"name":"suggestions-demo","title":"Suggestions Demo","description":"A worked example of Suggestions: A row of prompts to start or continue with, for the moment someone does not know what to ask.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/suggestions-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/suggestions-demo.json"},{"name":"table-of-contents-demo","title":"Table of Contents Demo","description":"A worked example of Table of Contents: An outline of the page that keeps up with the reader, marking the section they are in as they scroll.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/table-of-contents-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/table-of-contents-demo.json"},{"name":"tag-input-demo","title":"Tag Input Demo","description":"A worked example of Tag Input: An input that turns what you typed into a removable tag, and gives the last one back when you press backspace on an empty field.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/tag-input-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/tag-input-demo.json"},{"name":"terminal-output-demo","title":"Terminal Output Demo","description":"A worked example of Terminal Output: Streaming command output with stderr called out, an exit code, and scroll that follows without trapping you.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/terminal-output-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/terminal-output-demo.json"},{"name":"theme-toggle-demo","title":"Theme Toggle Demo","description":"A worked example of Theme Toggle: A light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/theme-toggle-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/theme-toggle-demo.json"},{"name":"thinking-state-demo","title":"Thinking State Demo","description":"A worked example of Thinking State: A status row for work in progress, with a live elapsed timer and optional reasoning behind a disclosure.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/thinking-state-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/thinking-state-demo.json"},{"name":"tilt-card-demo","title":"Tilt Card Demo","description":"A worked example of Tilt Card: A card that leans toward the pointer as though it were a physical object lying on the page.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/tilt-card-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/tilt-card-demo.json"},{"name":"timeline-demo","title":"Timeline Demo","description":"A worked example of Timeline: Things that happened, in the order they happened, with the state of each one said aloud rather than left in a coloured dot.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/timeline-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/timeline-demo.json"},{"name":"token-meter-demo","title":"Token Meter Demo","description":"A worked example of Token Meter: How much of the context window is gone, split by what spent it, and a warning before it runs out.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/token-meter-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/token-meter-demo.json"},{"name":"tool-call-demo","title":"Tool Call Demo","description":"A worked example of Tool Call: A compact record of one tool invocation: name, status, duration, and the input and output behind a disclosure.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/tool-call-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/tool-call-demo.json"},{"name":"transcript-viewer-demo","title":"Transcript Viewer Demo","description":"A worked example of Transcript Viewer: A recording as text, where every line is also the way back to the moment it was said.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/transcript-viewer-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/transcript-viewer-demo.json"},{"name":"video-player-demo","title":"Video Player Demo","description":"A worked example of Video Player: Video with captions that can be turned on, a real scrubber, and controls that survive full screen.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/video-player-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/video-player-demo.json"},{"name":"voice-input-demo","title":"Voice Input Demo","description":"A worked example of Voice Input: A microphone that draws what it is hearing, so a live one is told apart from a dead one at a glance.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/voice-input-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/voice-input-demo.json"},{"name":"web-preview-demo","title":"Web Preview Demo","description":"A worked example of Web Preview: A sandboxed frame for whatever the assistant just built, with the widths to check it at.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/web-preview-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/web-preview-demo.json"},{"name":"wireframe-globe-demo","title":"Wireframe Globe Demo","description":"A worked example of Wireframe Globe: A wireframe world with places marked on it, arcs between them, and the same places written out underneath as text.","type":"registry:example","source_url":"https://ui.tinkererslabs.com/r/wireframe-globe-demo.json","install_command":"npx shadcn@latest add https://ui.tinkererslabs.com/r/wireframe-globe-demo.json"}]},{"id":"mizzle","name":"@mizzle","slug":"mizzle","description":"Animated React components installed as source. Text Reveal, Number Roll, Link, Field and Input are free; the rest comes with a one-time license.","author":null,"framework":"react","license":null,"tags":["ai","animation","audio","auth","blocks","buttons","cards","forms","icons","loaders","media","navigation","overlays","payments","pro-available","retro","text-effects"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://mizzle.saddy.me","github":null,"registry":"https://mizzle.saddy.me/r/registry.json","source":"https://mizzle.saddy.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mizzle","markdown":"https://sh4dcn.netlify.app/md/mizzle.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round'><path d='M6 1.875l-1.5 4.5'/><path d='M11.375 2.5l-2.125 6.375'/><path d='M6.625 10.375l-1.25 3.75'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://mizzle.saddy.me/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://mizzle.saddy.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://mizzle.saddy.me/r/registry.json","install_bun":"bunx shadcn@latest add https://mizzle.saddy.me/r/registry.json","registry_fetch":"curl -s https://mizzle.saddy.me/r/registry.json"},"component_count":214,"components":[{"name":"confirmation","title":"Confirmation","description":"The agent asking for a yes before it does something: run a command, start a plan, touch a file. One line says what and why, two buttons answer, and once answer…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/confirmation.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/confirmation.json"},{"name":"image-generation","title":"Image Generation","description":"A placeholder that becomes the picture. A grid of soft tiles moves in a pattern of your choosing while the image is made, takes on its colours the moment it ar…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/image-generation.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/image-generation.json"},{"name":"loader","title":"Loader","description":"Sixteen dots in a square that swell and light up in a pattern: a scan, a wave, a twinkle, an orbit, a pulse, a spiral, rain or rising bars. Round, soft-cornere…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/loader.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/loader.json"},{"name":"marker","title":"Marker","description":"A line in a conversation that is not a message: what the agent is doing, what it did, or a labelled break.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/marker.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/marker.json"},{"name":"message-scroller","title":"Message Scroller","description":"A transcript that only moves when the reader asks it to. A new prompt rises to the top with the end of the last answer still in view, the reply streams into th…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/message-scroller.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/message-scroller.json"},{"name":"orb","title":"Orb","description":"An orb of fine dots that shows what an agent is doing. The same dots rearrange for each step it goes through: listening, thinking, searching, connecting, compo…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/orb.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/orb.json"},{"name":"outline","title":"Outline","description":"The questions asked so far, as a rail of marks at the edge of the transcript. The mark for the turn you are reading is longer; rest on the rail and the questio…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/outline.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/outline.json"},{"name":"plan","title":"Plan","description":"A plan the agent proposes before it acts: a title, a line on what it changes, the scope in a few words, and numbered steps that arrive one by one with the file…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/plan.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/plan.json"},{"name":"prompt-input","title":"Prompt Input","description":"Where a prompt is written. It takes files from a picker, a drop or a paste, records voice notes with a glow that swells with your voice, opens a menu for / com…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/prompt-input.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/prompt-input.json"},{"name":"questionnaire","title":"Questionnaire","description":"An agent asking before it acts, one question at a time, in the same tinted bubble as the rest of the conversation. Pick with a click or the number key shown at…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/questionnaire.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/questionnaire.json"},{"name":"reasoning","title":"Reasoning","description":"The model thinking out loud, kept to a small window. While it thinks the latest lines scroll up in steps under a shimmering label; when it is done it folds awa…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/reasoning.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reasoning.json"},{"name":"response","title":"Response","description":"An answer as it streams. Each word comes out of a slight blur as it arrives, numbered citations become source chips you can hover, and the actions underneath c…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/response.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/response.json"},{"name":"shimmer","title":"Shimmer","description":"A band of light that passes over text while something is working. It is made from the text’s own colour, so it suits any text and anything inside it, icons inc…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/shimmer.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/shimmer.json"},{"name":"sources","title":"Sources","description":"Where an answer came from. A row of site icons, a count and the first domains, opening into the full list: numbered to match the citations in the text, each wi…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/sources.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/sources.json"},{"name":"suggestions","title":"Suggestions","description":"Prompts to try next, as pills or as a list of follow-ups. They arrive one after another so the eye reads them in order.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/suggestions.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/suggestions.json"},{"name":"tasks","title":"Tasks","description":"The to-do list an agent is working through. A ring fills as tasks finish, the one in progress shimmers over the file it is touching, a finished one keeps what …","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/tasks.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tasks.json"},{"name":"tool-call","title":"Tool Call","description":"What an agent did, one row per step. A step shimmers while it runs and draws a tick when it finishes; rows with output open to show it, and a group folds the w…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/tool-call.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tool-call.json"},{"name":"turn","title":"Turn","description":"One exchange: what you asked, then what the agent did and said. The prompt is a bubble on the right with its attachments above it and copy and edit on hover; t…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/turn.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/turn.json"},{"name":"chat-divider","title":"Chat Divider","description":"The quiet structure of a conversation: a line for each day, a line where the unread messages start, and a small note when someone joins or leaves.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/chat-divider.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/chat-divider.json"},{"name":"composer","title":"Composer","description":"Where a message is written. It grows with what you type, Enter sends, and the microphone turns into a send button as soon as there is something to send.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/composer.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/composer.json"},{"name":"message-status","title":"Message Status","description":"Where a sent message has got to: sending, sent, delivered, read, or not delivered. The clock fades into a tick, a second tick joins it, and read takes on colou…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/message-status.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/message-status.json"},{"name":"message","title":"Message","description":"One message in a conversation: who sent it, the bubble, and what is said underneath. Messages from the same person run together, replies quote what they answer…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/message.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/message.json"},{"name":"poll","title":"Poll","description":"A question with a few answers, sent as a message. Tap one and the bars fill to each answer’s share, the percentages roll into place and the people who chose it…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/poll.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/poll.json"},{"name":"reaction-picker","title":"Reaction Picker","description":"A row of emoji to react with. Each one lifts and grows a little under the pointer, and the ones you have already used are marked.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/reaction-picker.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reaction-picker.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"Someone is writing. Three dots that rise and settle in turn inside a bubble, or a small pill that names who is typing.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/typing-indicator.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/typing-indicator.json"},{"name":"voice-note","title":"Voice Note","description":"A recorded message in a chat bubble. The waveform fills as it plays, and the play button turns into pause in one movement. Pair it with Voice Recorder and it s…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/voice-note.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/voice-note.json"},{"name":"voice-recorder","title":"Voice Recorder","description":"A record button that grows into a voice note as you speak. A warm glow drifts round its edge and swells with your voice, the bars build up beside it, and stopp…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/voice-recorder.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/voice-recorder.json"},{"name":"data-grid-column-menu","title":"Data Grid Column Menu","description":"The menu behind each Data Grid header: sort either way or as a second key, pin to the start or the end, reset the width and hide the column. The header's own l…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-column-menu.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-column-menu.json"},{"name":"data-grid-filter","title":"Data Grid Filter","description":"The Data Grid's filter bar. A popover picks a column and its value, and each filter becomes a chip whose operator and value can be changed on their own. Text, …","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-filter.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-filter.json"},{"name":"data-grid-footer","title":"Data Grid Footer","description":"The strip under the Data Grid: which rows are showing, how many are selected, the count, sum, average, minimum and maximum of the selected cells, and paging wi…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-footer.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-footer.json"},{"name":"data-grid-icons","title":"Data Grid Icons","description":"The stroke icons the Data Grid's parts share, drawn on a 16px grid in the current text colour.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-icons.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-icons.json"},{"name":"data-grid-row-controls","title":"Data Grid Row Controls","description":"The controls that go in a Data Grid's own columns: a select-all and a per-row checkbox with shift-click ranges, a disclosure arrow for rows with sub-rows, and …","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-row-controls.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-row-controls.json"},{"name":"data-grid-selection-bar","title":"Data Grid Selection Bar","description":"A toolbar that rises over the foot of the Data Grid while rows are selected, with export, pin, an optional delete and a way to clear the selection.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-selection-bar.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-selection-bar.json"},{"name":"data-grid-toolbar","title":"Data Grid Toolbar","description":"The strip above the Data Grid: a title and row count, a search field that opens from an icon, the column visibility menu, and a menu for CSV export, print and …","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid-toolbar.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-toolbar.json"},{"name":"data-grid","title":"Data Grid","description":"A spreadsheet-style table on TanStack Table, assembled from the data pieces: toolbar with search and column picker, typed filters, the grid, a selection bar an…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/data-grid.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid.json"},{"name":"dissolve","title":"Dissolve","description":"Make an element crumble into ash and drift off as smoke. A ragged edge crosses it, and everything the edge passes turns into fine grey dust, made from the elem…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/dissolve.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dissolve.json"},{"name":"dither","title":"Dither","description":"Light drawn in two colours. A slow field of light, or a photograph, rendered the way a one-bit screen would: every dot is ink or nothing, and the shades are ma…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/dither.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dither.json"},{"name":"glow","title":"Glow","description":"Soft coloured light that drifts around the inside edge of an element. It follows any rounded shape, brightens and quickens with a level you give it, such as a …","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/glow.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/glow.json"},{"name":"pixel-field","title":"Pixel Field","description":"A field of pixels that blooms under the pointer. Inside a card or a button, small squares spread out from where the pointer came in, keep twinkling, and draw b…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/pixel-field.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-field.json"},{"name":"pixel-transition","title":"Pixel Transition","description":"Swap what is shown through a wall of pixels. Blocks cover the old content in dither order, the way old computers dissolved between screens, the content changes…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/pixel-transition.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-transition.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"A blur that gets stronger towards an edge, and a scroll area that wears one at each end: the ends blur and dissolve only while there is more to scroll that way…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/progressive-blur.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/progressive-blur.json"},{"name":"checkbox","title":"Checkbox","description":"A box that ticks. The check draws itself in, and a parent checkbox shows a dash when only some of its children are on.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/checkbox.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/checkbox.json"},{"name":"field","title":"Field","description":"A label, a control, a hint and an error, wired together. The label names the control, the hint describes it, and the error appears under it with a short settle…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/field.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/field.json"},{"name":"form","title":"Form","description":"The form that holds the fields. It validates with the browser’s own rules, shows errors where they belong, takes errors back from your server, and hands you th…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/form.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/form.json"},{"name":"input","title":"Input","description":"A text input and a textarea that grows as you write. Quiet at rest, lifted on focus, red when wrong.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/input.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/input.json"},{"name":"number-field","title":"Number Field","description":"A number you can type, step with the buttons, or nudge with the arrow keys, kept inside its limits.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/number-field.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/number-field.json"},{"name":"radio-group","title":"Radio Group","description":"Pick one of a few. The chosen ring fills and a dot grows from its centre.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/radio-group.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/radio-group.json"},{"name":"select","title":"Select","description":"Choose one option from a list. The trigger looks like an input; when there is room the list opens over it with the chosen option sitting where the trigger was,…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/select.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/select.json"},{"name":"switch","title":"Switch","description":"An on and off that takes effect at once. The thumb slides across and stretches a little while you hold it.","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/switch.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/switch.json"},{"name":"auth-diagram","title":"Authentication","description":"Three ways to sign in on the left, one check in the middle, your app on the right. Each turn a different method sends a signal, the lock becomes a tick that dr…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/auth-diagram.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/auth-diagram.json"},{"name":"diagram-glyphs","title":"Diagram Glyphs","description":"Sixteen marks drawn by hand for Diagram tiles on a 24 unit grid, in a line style and a solid style: app, database, mail, card, chart, key, phone, shield, bank,…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/diagram-glyphs.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/diagram-glyphs.json"},{"name":"diagram","title":"Diagram","description":"The parts the illustrations are made from: tiles, routes with ports, and a signal that travels them, all on one clock. Lay out your own in a few lines, with th…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/diagram.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/diagram.json"},{"name":"integrations-diagram","title":"Integrations","description":"Your app in the middle and four services around it, joined by routes with small ports. An event comes in along one route, the app lights up, and the answer goe…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/integrations-diagram.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/integrations-diagram.json"},{"name":"payments-diagram","title":"Payments","description":"A card is charged, the payment clears, and three things follow: the money goes to the bank, a receipt goes out and your app is told. The coin turns into a tick…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/payments-diagram.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/payments-diagram.json"},{"name":"pixel-reveal","title":"Pixel Reveal","description":"An image that resolves out of big pixels. It arrives as a handful of coloured blocks and sharpens in steps, each one halving the blocks, until it is the pictur…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/pixel-reveal.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-reveal.json"},{"name":"video-hero","title":"Video Hero","description":"A banner for a show or a launch: the episode plays behind the words, blurred to a glow that fades to black at the sides. On top sit a title, a line about it, o…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/video-hero.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/video-hero.json"},{"name":"video-player","title":"Video Player","description":"A silent, looping preview that opens into a near full screen player. The player has the title and a link along the top, one row of controls along the bottom, a…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/video-player.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/video-player.json"},{"name":"accordion","title":"Accordion","description":"Rows that open to show more. One thing moves: the panel’s height, on one short clock both ways, so rows trading places leave everything below them still and no…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/accordion.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/accordion.json"},{"name":"button","title":"Button","description":"A button that feels like an object: light on its surface, a shadow that deepens under the pointer and closes up when pressed, a quick press and a slow release.…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/button.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/button.json"},{"name":"card","title":"Card","description":"A soft tray around a raised surface, with concentric corners. As a link its surface lifts on hover and sinks on press, and its media breathes; it does not jump…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/card.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/card.json"},{"name":"dialog","title":"Dialog","description":"A dialog built like the card: what you read sits on a raised surface, what you press sits under it on the tray. It comes towards you in 250ms and is gone in 15…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/dialog.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dialog.json"},{"name":"link","title":"Link","description":"A text link whose underline is drawn on the text: it draws in from the left, leaves to the right, and follows the words when they wrap. Four treatments, hover …","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/link.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/link.json"},{"name":"menu","title":"Menu","description":"A menu of actions that grows out of the button that opened it and is gone the moment you choose. Items, ticks, choices, groups and key hints. Built on Base UI,…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/menu.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/menu.json"},{"name":"tabs","title":"Tabs","description":"Tabs whose selected chip tightens under a press, stretches towards the tab you pick, then gathers itself, with panels that drift in from the same side. A raise…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/tabs.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tabs.json"},{"name":"toast","title":"Toast","description":"A short message that rises in from just below where it rests, out of a slight blur, and leaves the same small way. Newer toasts stack in front and older ones t…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/toast.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast.json"},{"name":"toolbar","title":"Toolbar","description":"A row of controls that act on one thing: buttons, toggles, a choice of one, a link or an input. Arrow keys move between them, and where you pick one of a few t…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/toolbar.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A small label for a control. Give a row of controls one tooltip between them and it stays open as you move along: the label glides to the next control, changes…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/tooltip.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tooltip.json"},{"name":"reveal","title":"Reveal","description":"Anything that arrives as it scrolls into view: a card, a paragraph, a section. It fades, rises a little and sharpens into focus; groups go one after another fr…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/reveal.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reveal.json"},{"name":"dot-matrix","title":"Dot Matrix","description":"Text on a dot matrix, five dots wide and seven tall, like a departure board. Unlit dots stay faintly visible, and when the text changes the dots that differ fl…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/dot-matrix.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dot-matrix.json"},{"name":"highlight","title":"Highlight","description":"A mark made over a word or a phrase: a highlighter that wraps with the text, or a pen stroke under, around or round a word. Each is drawn when it comes into vi…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/highlight.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/highlight.json"},{"name":"letter-swap","title":"Letter Swap","description":"On hover each letter slides out and a copy slides in, one after another, optionally into a different word. Pure CSS: the stagger plays forward on enter and bac…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/letter-swap.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/letter-swap.json"},{"name":"number-roll","title":"Number Roll","description":"A number whose digits roll to their new value. Each digit is a reel behind a soft-edged window: it rolls the way the number moved, streaks while it is fast, an…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/number-roll.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/number-roll.json"},{"name":"scramble-text","title":"Scramble Text","description":"Text that resolves out of noise. A sweep crosses the string at a steady rate; characters behind it are final, characters ahead of it churn. Decoding, not glitc…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/scramble-text.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/scramble-text.json"},{"name":"signature","title":"Signature","description":"Draws a signature, or any hand-drawn SVG, stroke by stroke at a steady pen speed, lifting between strokes. Pen centrelines are stroked; filled outlines are rev…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/signature.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/signature.json"},{"name":"split-text","title":"Split Text","description":"Splits a string into words and characters you can style one by one. Words still wrap, spaces stay real, screen readers hear the sentence, and every piece knows…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/split-text.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/split-text.json"},{"name":"text-reveal","title":"Text Reveal","description":"Text that arrives piece by piece: characters, words or lines. Each one fades, lifts a little and sharpens from a slight blur, so it reads as settling into focu…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/text-reveal.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/text-reveal.json"},{"name":"text-swap","title":"Text Swap","description":"Change a word without it blinking. The old word lifts away and blurs out as the new one rises in, and the space between them stretches to fit, so nothing besid…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/text-swap.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/text-swap.json"},{"name":"typewriter","title":"Typewriter","description":"Types a list of phrases one after another, without the harshness: letters fade in and sharpen instead of popping, the rhythm is a little uneven like a person’s…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/typewriter.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/typewriter.json"},{"name":"delete-button","title":"Delete Button","description":"A delete button you press and hold. A fill sweeps across it while the bin’s lid lifts; let go early and it drains back, hold to the end and it deletes. Holding…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/delete-button.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/delete-button.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A black pill that changes shape to fit what it is showing. Give it a view key and some content: it springs to the new size, overshooting a touch when it grows,…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/dynamic-island.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dynamic-island.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"An icon bar whose active tab says its name, and whose page grows out of the bar. The label, the highlight and the shell move as one, on one clock. No animation…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/expandable-tabs.json"},{"name":"panel-menu","title":"Panel Menu","description":"A menu built from stacked glass panels. Closed, it is a single bar. Open, the label flips, a tall body wipes down beneath it, and the link and language rows se…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/panel-menu.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/panel-menu.json"},{"name":"prediction-market","title":"Prediction Market","description":"An order ticket for a yes or no market. Pick an outcome and a side, type an amount, and the shares, the payout and the return roll to their new values. Built f…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/prediction-market.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/prediction-market.json"},{"name":"tick-slider","title":"Tick Slider","description":"A scroll progress indicator you can scrub. A slim red needle runs along a tray of hairline ticks as the page scrolls, and dragging the needle scrolls the page.…","type":"registry:ui","source_url":"https://mizzle.saddy.me/r/tick-slider.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tick-slider.json"},{"name":"agent-demo","title":"Agent Demo","description":"Example usage of AI.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/agent-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/agent-demo.json"},{"name":"confirmation-demo","title":"Confirmation Demo","description":"Example usage of Confirmation.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/confirmation-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/confirmation-demo.json"},{"name":"image-generation-demo","title":"Image Generation Demo","description":"Example usage of Image Generation.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/image-generation-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/image-generation-demo.json"},{"name":"image-generation-loading-demo","title":"Image Generation Loading Demo","description":"Example usage of Image Generation.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/image-generation-loading-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/image-generation-loading-demo.json"},{"name":"image-generation-progress-demo","title":"Image Generation Progress Demo","description":"Example usage of Image Generation.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/image-generation-progress-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/image-generation-progress-demo.json"},{"name":"loader-demo","title":"Loader Demo","description":"Example usage of Loader.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/loader-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/loader-demo.json"},{"name":"loader-shapes-demo","title":"Loader Shapes Demo","description":"Example usage of Loader.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/loader-shapes-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/loader-shapes-demo.json"},{"name":"loader-sizes-demo","title":"Loader Sizes Demo","description":"Example usage of Loader.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/loader-sizes-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/loader-sizes-demo.json"},{"name":"marker-demo","title":"Marker Demo","description":"Example usage of Marker.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/marker-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/marker-demo.json"},{"name":"message-scroller-demo","title":"Message Scroller Demo","description":"Example usage of Message Scroller.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/message-scroller-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/message-scroller-demo.json"},{"name":"orb-colors-demo","title":"Orb Colors Demo","description":"Example usage of Orb.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/orb-colors-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/orb-colors-demo.json"},{"name":"orb-demo","title":"Orb Demo","description":"Example usage of Orb.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/orb-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/orb-demo.json"},{"name":"orb-status-demo","title":"Orb Status Demo","description":"Example usage of Orb.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/orb-status-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/orb-status-demo.json"},{"name":"outline-demo","title":"Outline Demo","description":"Example usage of Outline.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/outline-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/outline-demo.json"},{"name":"plan-demo","title":"Plan Demo","description":"Example usage of Plan.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/plan-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/plan-demo.json"},{"name":"prompt-input-compact-demo","title":"Prompt Input Compact Demo","description":"Example usage of Prompt Input.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/prompt-input-compact-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/prompt-input-compact-demo.json"},{"name":"prompt-input-demo","title":"Prompt Input Demo","description":"Example usage of Prompt Input.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/prompt-input-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/prompt-input-demo.json"},{"name":"questionnaire-demo","title":"Questionnaire Demo","description":"Example usage of Questionnaire.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/questionnaire-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/questionnaire-demo.json"},{"name":"reasoning-demo","title":"Reasoning Demo","description":"Example usage of Reasoning.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/reasoning-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reasoning-demo.json"},{"name":"reasoning-finished-demo","title":"Reasoning Finished Demo","description":"Example usage of Reasoning.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/reasoning-finished-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reasoning-finished-demo.json"},{"name":"response-demo","title":"Response Demo","description":"Example usage of Response.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/response-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/response-demo.json"},{"name":"shimmer-demo","title":"Shimmer Demo","description":"Example usage of Shimmer.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/shimmer-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/shimmer-demo.json"},{"name":"sources-demo","title":"Sources Demo","description":"Example usage of Sources.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/sources-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/sources-demo.json"},{"name":"suggestions-demo","title":"Suggestions Demo","description":"Example usage of Suggestions.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/suggestions-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/suggestions-demo.json"},{"name":"suggestions-list-demo","title":"Suggestions List Demo","description":"Example usage of Suggestions.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/suggestions-list-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/suggestions-list-demo.json"},{"name":"tasks-demo","title":"Tasks Demo","description":"Example usage of Tasks.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tasks-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tasks-demo.json"},{"name":"tool-call-demo","title":"Tool Call Demo","description":"Example usage of Tool Call.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tool-call-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tool-call-demo.json"},{"name":"tool-call-states-demo","title":"Tool Call States Demo","description":"Example usage of Tool Call.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tool-call-states-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tool-call-states-demo.json"},{"name":"turn-demo","title":"Turn Demo","description":"Example usage of Turn.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/turn-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/turn-demo.json"},{"name":"chat-demo","title":"Chat Demo","description":"Example usage of Chat.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/chat-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/chat-demo.json"},{"name":"chat-divider-demo","title":"Chat Divider Demo","description":"Example usage of Chat Divider.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/chat-divider-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/chat-divider-demo.json"},{"name":"composer-demo","title":"Composer Demo","description":"Example usage of Composer.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/composer-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/composer-demo.json"},{"name":"message-demo","title":"Message Demo","description":"Example usage of Message.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/message-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/message-demo.json"},{"name":"message-status-demo","title":"Message Status Demo","description":"Example usage of Message Status.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/message-status-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/message-status-demo.json"},{"name":"poll-demo","title":"Poll Demo","description":"Example usage of Poll.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/poll-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/poll-demo.json"},{"name":"poll-multiple-demo","title":"Poll Multiple Demo","description":"Example usage of Poll.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/poll-multiple-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/poll-multiple-demo.json"},{"name":"reaction-picker-demo","title":"Reaction Picker Demo","description":"Example usage of Reaction Picker.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/reaction-picker-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reaction-picker-demo.json"},{"name":"typing-indicator-demo","title":"Typing Indicator Demo","description":"Example usage of Typing Indicator.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/typing-indicator-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/typing-indicator-demo.json"},{"name":"voice-note-demo","title":"Voice Note Demo","description":"Example usage of Voice Note.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/voice-note-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/voice-note-demo.json"},{"name":"voice-recorder-demo","title":"Voice Recorder Demo","description":"Example usage of Voice Recorder.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/voice-recorder-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/voice-recorder-demo.json"},{"name":"data-grid-basic-demo","title":"Data Grid Basic Demo","description":"Example usage of Data Grid.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/data-grid-basic-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-basic-demo.json"},{"name":"data-grid-demo","title":"Data Grid Demo","description":"Example usage of Data Grid.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/data-grid-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-demo.json"},{"name":"dissolve-demo","title":"Dissolve Demo","description":"Example usage of Dissolve.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dissolve-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dissolve-demo.json"},{"name":"dither-demo","title":"Dither Demo","description":"Example usage of Dither.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dither-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dither-demo.json"},{"name":"dither-image-demo","title":"Dither Image Demo","description":"Example usage of Dither.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dither-image-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dither-image-demo.json"},{"name":"glow-demo","title":"Glow Demo","description":"Example usage of Glow.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/glow-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/glow-demo.json"},{"name":"glow-palettes-demo","title":"Glow Palettes Demo","description":"Example usage of Glow.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/glow-palettes-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/glow-palettes-demo.json"},{"name":"pixel-field-demo","title":"Pixel Field Demo","description":"Example usage of Pixel Field.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/pixel-field-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-field-demo.json"},{"name":"pixel-transition-demo","title":"Pixel Transition Demo","description":"Example usage of Pixel Transition.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/pixel-transition-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-transition-demo.json"},{"name":"pixel-transition-patterns-demo","title":"Pixel Transition Patterns Demo","description":"Example usage of Pixel Transition.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/pixel-transition-patterns-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-transition-patterns-demo.json"},{"name":"progressive-blur-demo","title":"Progressive Blur Demo","description":"Example usage of Progressive Blur.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/progressive-blur-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/progressive-blur-demo.json"},{"name":"progressive-blur-image-demo","title":"Progressive Blur Image Demo","description":"Example usage of Progressive Blur.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/progressive-blur-image-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/progressive-blur-image-demo.json"},{"name":"checkbox-demo","title":"Checkbox Demo","description":"Example usage of Checkbox.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/checkbox-demo.json"},{"name":"field-demo","title":"Field Demo","description":"Example usage of Field.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/field-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/field-demo.json"},{"name":"form-demo","title":"Form Demo","description":"Example usage of Form.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/form-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/form-demo.json"},{"name":"input-demo","title":"Input Demo","description":"Example usage of Input.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/input-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/input-demo.json"},{"name":"number-field-demo","title":"Number Field Demo","description":"Example usage of Number Field.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/number-field-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/number-field-demo.json"},{"name":"radio-group-demo","title":"Radio Group Demo","description":"Example usage of Radio Group.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/radio-group-demo.json"},{"name":"select-demo","title":"Select Demo","description":"Example usage of Select.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/select-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/select-demo.json"},{"name":"switch-demo","title":"Switch Demo","description":"Example usage of Switch.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/switch-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/switch-demo.json"},{"name":"auth-diagram-demo","title":"Auth Diagram Demo","description":"Example usage of Authentication.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/auth-diagram-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/auth-diagram-demo.json"},{"name":"diagram-cards-demo","title":"Diagram Cards Demo","description":"Example usage of Diagram.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/diagram-cards-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/diagram-cards-demo.json"},{"name":"diagram-demo","title":"Diagram Demo","description":"Example usage of Diagram.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/diagram-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/diagram-demo.json"},{"name":"diagram-glyphs-demo","title":"Diagram Glyphs Demo","description":"Example usage of Diagram.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/diagram-glyphs-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/diagram-glyphs-demo.json"},{"name":"integrations-diagram-demo","title":"Integrations Diagram Demo","description":"Example usage of Integrations.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/integrations-diagram-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/integrations-diagram-demo.json"},{"name":"payments-diagram-demo","title":"Payments Diagram Demo","description":"Example usage of Payments.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/payments-diagram-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/payments-diagram-demo.json"},{"name":"pixel-reveal-demo","title":"Pixel Reveal Demo","description":"Example usage of Pixel Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/pixel-reveal-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-reveal-demo.json"},{"name":"pixel-reveal-hover-demo","title":"Pixel Reveal Hover Demo","description":"Example usage of Pixel Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/pixel-reveal-hover-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/pixel-reveal-hover-demo.json"},{"name":"video-hero-demo","title":"Video Hero Demo","description":"Example usage of Video Hero.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/video-hero-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/video-hero-demo.json"},{"name":"video-player-demo","title":"Video Player Demo","description":"Example usage of Video Player.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/video-player-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/video-player-demo.json"},{"name":"accordion-card-demo","title":"Accordion Card Demo","description":"Example usage of Accordion.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/accordion-card-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/accordion-card-demo.json"},{"name":"accordion-demo","title":"Accordion Demo","description":"Example usage of Accordion.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/accordion-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/accordion-demo.json"},{"name":"button-demo","title":"Button Demo","description":"Example usage of Button.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/button-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/button-demo.json"},{"name":"button-status-demo","title":"Button Status Demo","description":"Example usage of Button.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/button-status-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/button-status-demo.json"},{"name":"card-demo","title":"Card Demo","description":"Example usage of Card.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/card-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/card-demo.json"},{"name":"dialog-demo","title":"Dialog Demo","description":"Example usage of Dialog.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dialog-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dialog-demo.json"},{"name":"dialog-nested-demo","title":"Dialog Nested Demo","description":"Example usage of Dialog.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dialog-nested-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dialog-nested-demo.json"},{"name":"link-demo","title":"Link Demo","description":"Example usage of Link.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/link-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/link-demo.json"},{"name":"link-inline-demo","title":"Link Inline Demo","description":"Example usage of Link.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/link-inline-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/link-inline-demo.json"},{"name":"menu-demo","title":"Menu Demo","description":"Example usage of Menu.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/menu-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/menu-demo.json"},{"name":"menu-options-demo","title":"Menu Options Demo","description":"Example usage of Menu.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/menu-options-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/menu-options-demo.json"},{"name":"tabs-demo","title":"Tabs Demo","description":"Example usage of Tabs.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tabs-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tabs-demo.json"},{"name":"tabs-line-demo","title":"Tabs Line Demo","description":"Example usage of Tabs.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tabs-line-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tabs-line-demo.json"},{"name":"toast-anchored-demo","title":"Toast Anchored Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-anchored-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-anchored-demo.json"},{"name":"toast-demo","title":"Toast Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-demo.json"},{"name":"toast-pill-demo","title":"Toast Pill Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-pill-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-pill-demo.json"},{"name":"toast-position-demo","title":"Toast Position Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-position-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-position-demo.json"},{"name":"toast-promise-demo","title":"Toast Promise Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-promise-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-promise-demo.json"},{"name":"toast-status-demo","title":"Toast Status Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-status-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-status-demo.json"},{"name":"toast-upsert-demo","title":"Toast Upsert Demo","description":"Example usage of Toast.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toast-upsert-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toast-upsert-demo.json"},{"name":"toolbar-demo","title":"Toolbar Demo","description":"Example usage of Toolbar.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toolbar-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toolbar-demo.json"},{"name":"toolbar-share-demo","title":"Toolbar Share Demo","description":"Example usage of Toolbar.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toolbar-share-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toolbar-share-demo.json"},{"name":"toolbar-sort-demo","title":"Toolbar Sort Demo","description":"Example usage of Toolbar.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toolbar-sort-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toolbar-sort-demo.json"},{"name":"toolbar-tools-demo","title":"Toolbar Tools Demo","description":"Example usage of Toolbar.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/toolbar-tools-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/toolbar-tools-demo.json"},{"name":"tooltip-demo","title":"Tooltip Demo","description":"Example usage of Tooltip.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tooltip-demo.json"},{"name":"reveal-demo","title":"Reveal Demo","description":"Example usage of Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/reveal-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reveal-demo.json"},{"name":"reveal-effects-demo","title":"Reveal Effects Demo","description":"Example usage of Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/reveal-effects-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reveal-effects-demo.json"},{"name":"reveal-scroll-demo","title":"Reveal Scroll Demo","description":"Example usage of Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/reveal-scroll-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/reveal-scroll-demo.json"},{"name":"dot-matrix-charset-demo","title":"Dot Matrix Charset Demo","description":"Example usage of Dot Matrix.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dot-matrix-charset-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dot-matrix-charset-demo.json"},{"name":"dot-matrix-demo","title":"Dot Matrix Demo","description":"Example usage of Dot Matrix.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dot-matrix-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dot-matrix-demo.json"},{"name":"highlight-demo","title":"Highlight Demo","description":"Example usage of Highlight.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/highlight-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/highlight-demo.json"},{"name":"letter-swap-demo","title":"Letter Swap Demo","description":"Example usage of Letter Swap.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/letter-swap-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/letter-swap-demo.json"},{"name":"number-roll-demo","title":"Number Roll Demo","description":"Example usage of Number Roll.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/number-roll-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/number-roll-demo.json"},{"name":"number-roll-spin-demo","title":"Number Roll Spin Demo","description":"Example usage of Number Roll.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/number-roll-spin-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/number-roll-spin-demo.json"},{"name":"scramble-text-demo","title":"Scramble Text Demo","description":"Example usage of Scramble Text.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/scramble-text-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/scramble-text-demo.json"},{"name":"signature-demo","title":"Signature Demo","description":"Example usage of Signature.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/signature-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/signature-demo.json"},{"name":"split-text-demo","title":"Split Text Demo","description":"Example usage of Split Text.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/split-text-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/split-text-demo.json"},{"name":"text-reveal-demo","title":"Text Reveal Demo","description":"Example usage of Text Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/text-reveal-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/text-reveal-demo.json"},{"name":"text-reveal-effects-demo","title":"Text Reveal Effects Demo","description":"Example usage of Text Reveal.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/text-reveal-effects-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/text-reveal-effects-demo.json"},{"name":"text-swap-demo","title":"Text Swap Demo","description":"Example usage of Text Swap.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/text-swap-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/text-swap-demo.json"},{"name":"typewriter-demo","title":"Typewriter Demo","description":"Example usage of Typewriter.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/typewriter-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/typewriter-demo.json"},{"name":"delete-button-demo","title":"Delete Button Demo","description":"Example usage of Delete Button.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/delete-button-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/delete-button-demo.json"},{"name":"dynamic-island-demo","title":"Dynamic Island Demo","description":"Example usage of Dynamic Island.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/dynamic-island-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/dynamic-island-demo.json"},{"name":"expandable-tabs-demo","title":"Expandable Tabs Demo","description":"Example usage of Expandable Tabs.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/expandable-tabs-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/expandable-tabs-demo.json"},{"name":"panel-menu-demo","title":"Panel Menu Demo","description":"Example usage of Panel Menu.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/panel-menu-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/panel-menu-demo.json"},{"name":"prediction-market-demo","title":"Prediction Market Demo","description":"Example usage of Prediction Market.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/prediction-market-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/prediction-market-demo.json"},{"name":"tick-slider-demo","title":"Tick Slider Demo","description":"Example usage of Tick Slider.","type":"registry:block","source_url":"https://mizzle.saddy.me/r/tick-slider-demo.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/tick-slider-demo.json"},{"name":"use-content-height","title":"Use Content Height","description":"The live height of an element's content, for a container that animates its height to fit as the content opens, closes or grows. Includes a settled flag so a se…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-content-height.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-content-height.json"},{"name":"use-data-grid-filters","title":"Use Data Grid Filters","description":"Holds the Data Grid's filters and the actions that change them, keeping each operator in step with how many values it has. Works out every column's options, co…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-data-grid-filters.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-data-grid-filters.json"},{"name":"use-debounced-callback","title":"Use Debounced Callback","description":"Wraps a callback so it runs once the calls stop for a given time, always with the newest arguments and the newest callback. A call still waiting when the compo…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-debounced-callback.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-debounced-callback.json"},{"name":"use-entrance","title":"Use Entrance","description":"Decides when a CSS entrance plays: a frame after mount, or when the element scrolls into view. Returns a boolean to put on a data attribute; includes a small u…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-entrance.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-entrance.json"},{"name":"use-latest","title":"Use Latest","description":"A ref that always holds the newest value of a prop or callback, updated after each render. Lets an effect or a subscription call the latest callback without re…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-latest.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-latest.json"},{"name":"use-merged-ref","title":"Use Merged Ref","description":"Points several refs at one element, so a component can keep its own ref and still honour the one passed to it. Supports object refs, callback refs and React 19…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-merged-ref.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-merged-ref.json"},{"name":"use-outgoing","title":"Use Outgoing","description":"Keeps the content that was just replaced for the length of its exit, so it can fade out in CSS while the new content fades in. Give it a key and what is shown …","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-outgoing.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-outgoing.json"},{"name":"use-reduced-motion","title":"Use Reduced Motion","description":"Whether the visitor has asked for reduced motion, as a boolean that is safe to read while rendering: false on the server and during hydration, then the real se…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-reduced-motion.json"},{"name":"use-scroll-progress","title":"Use Scroll Progress","description":"How far the page, or a scroll container, has been scrolled, from 0 to 1, kept current as it scrolls or resizes, with a setter that scrolls it to a fraction. Ve…","type":"registry:hook","source_url":"https://mizzle.saddy.me/r/use-scroll-progress.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/use-scroll-progress.json"},{"name":"bayer","title":"Bayer","description":"The 8 by 8 Bayer matrix behind ordered dithering, as a threshold from 0 to 1 for any pixel. Compare a brightness with it to decide whether that pixel is on.","type":"registry:lib","source_url":"https://mizzle.saddy.me/r/bayer.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/bayer.json"},{"name":"data-grid-export","title":"Data Grid Export","description":"Gets data out of the Data Grid as the user sees it: CSV with spreadsheet-safe quoting, tab-separated text for the clipboard, and a print window that holds ever…","type":"registry:lib","source_url":"https://mizzle.saddy.me/r/data-grid-export.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-export.json"},{"name":"data-grid-features","title":"Data Grid Features","description":"The TanStack Table features the Data Grid is built on, registered once, with the table, column and row types every part of the grid is written against and the …","type":"registry:lib","source_url":"https://mizzle.saddy.me/r/data-grid-features.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-features.json"},{"name":"data-grid-filters","title":"Data Grid Filters","description":"The logic under the Data Grid's filter bar: the five data types a column can be filtered as, the operators each one takes and how they negate and widen, the fu…","type":"registry:lib","source_url":"https://mizzle.saddy.me/r/data-grid-filters.json","install_command":"npx shadcn@latest add https://mizzle.saddy.me/r/data-grid-filters.json"}]},{"id":"mksingh","name":"@mksingh","slug":"mksingh","description":"mksingh.dev is the personal shadcn/ui registry of Mukesh Singh, a Staff Software Engineer working across Rust, TypeScript, and Go. The registry documents ReactJS components, hooks, JSON form renderers, and TanStack integrations alongside notes on open-source projects including Shield (self-hosted IAM/CIAM in Rust inspired by Google Zanzibar) and TypeSense UI (a UI layer for Typesense search). Focused on production-ready, drop-in additions with no extra setup required for existing shadcn projects. Use for: borrowing specific utilities, form renderers, or search-UI primitives from a senior engineer's personal collection when the standard shadcn set is insufficient.","author":"mksinghdev","framework":"react","license":"MIT","tags":["buttons","charts","components","design-system","forms","hooks","theming"],"categories":["Personal/portfolio registry"],"labels":[],"urls":{"website":"https://mksingh.dev/docs","github":"https://github.com/mksinghdev/ui","registry":"https://mksingh.dev/r/registry.json","source":"https://mksingh.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mksingh","markdown":"https://sh4dcn.netlify.app/md/mksingh.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='none' class='size-10' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'><title>MKSingh</title><style>path{stroke:#000}@media(prefers-color-scheme:dark){path{stroke:#fff}}</style><path stroke-linecap='round' stroke-linejoin='round' d='m21 7.5-2.25-1.313M21 7.5v2.25m0-2.25-2.25 1.313M3 7.5l2.25-1.313M3 7.5l2.25 1.313M3 7.5v2.25m9 3 2.25-1.313M12 12.75l-2.25-1.313M12 12.75V15m0 6.75 2.25-1.313M12 21.75V19.5m0 2.25-2.25-1.313m0-16.875L12 2.25l2.25 1.313M21 14.25v2.25l-2.25 1.313m-13.5 0L3 16.5v-2.25'></path></svg>","preview_image":"https://mksingh.dev/og/docs/image.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2023-12-29T06:19:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://mksingh.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://mksingh.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://mksingh.dev/r/registry.json","clone":"git clone https://github.com/mksinghdev/ui.git","clone_degit":"npx degit mksinghdev/ui","registry_fetch":"curl -s https://mksingh.dev/r/registry.json"},"component_count":36,"components":[{"name":"typography","title":null,"description":"A polymorphic Typography component with 14 variants (hero, h1–h4, p, lead, large, small, muted, tiny, blockquote, code, error) built with cva. Renders the sema…","type":"registry:component","source_url":"https://mksingh.dev/r/typography.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/typography.json"},{"name":"use-isomorphic-layout-effect","title":null,"description":"A React hook that provides cross-platform compatibility for useLayoutEffect, automatically falling back to useEffect on the server-side to prevent hydration mi…","type":"registry:hook","source_url":"https://mksingh.dev/r/use-isomorphic-layout-effect.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/use-isomorphic-layout-effect.json"},{"name":"use-media-query-hook","title":null,"description":"A React hook for responsive design that listens to CSS media queries and returns boolean values, enabling components to conditionally render content based on s…","type":"registry:hook","source_url":"https://mksingh.dev/r/use-media-query-hook.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/use-media-query-hook.json"},{"name":"jsonforms-anyof-string-or-enum-control","title":null,"description":"JSONForms combobox renderer for anyOf schemas that combine enum values with a plain string type. Renders a text input with a datalist dropdown — user can pick …","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-anyof-string-or-enum-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-anyof-string-or-enum-control.json"},{"name":"jsonforms-array-layout","title":null,"description":"JSONForms accordion-based renderer for arrays of objects. Each item renders in a collapsible panel with add, remove, and reorder controls.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-array-layout.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-array-layout.json"},{"name":"jsonforms-boolean-control","title":null,"description":"JSONForms checkbox renderer for boolean type fields.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-boolean-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-control.json"},{"name":"jsonforms-boolean-toggle-control","title":null,"description":"JSONForms switch/toggle renderer for boolean fields. Activated by setting options.toggle to true in the UISchema.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-boolean-toggle-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-toggle-control.json"},{"name":"jsonforms-categorization","title":null,"description":"JSONForms tabs/categorization layout renderer for UISchema Categorization elements.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-categorization.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-categorization.json"},{"name":"jsonforms-boolean-cell","title":null,"description":"JSONForms checkbox cell for boolean fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-boolean-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-cell.json"},{"name":"jsonforms-boolean-toggle-cell","title":null,"description":"JSONForms switch cell for boolean fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-boolean-toggle-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-boolean-toggle-cell.json"},{"name":"jsonforms-date-cell","title":null,"description":"JSONForms date cell for date fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-date-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-date-cell.json"},{"name":"jsonforms-enum-cell","title":null,"description":"JSONForms select cell for enum fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-enum-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-enum-cell.json"},{"name":"jsonforms-integer-cell","title":null,"description":"JSONForms integer cell for integer fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-integer-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-integer-cell.json"},{"name":"jsonforms-number-cell","title":null,"description":"JSONForms number cell for number fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-number-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-cell.json"},{"name":"jsonforms-number-format-cell","title":null,"description":"JSONForms formatted number cell for fields inside array table layouts. Displays the current value formatted; on focus switches to a raw number input.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-number-format-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-format-cell.json"},{"name":"jsonforms-oneof-enum-cell","title":null,"description":"JSONForms select cell for oneOf enum fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-oneof-enum-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-oneof-enum-cell.json"},{"name":"jsonforms-text-cell","title":null,"description":"JSONForms text cell for string fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-text-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-text-cell.json"},{"name":"jsonforms-time-cell","title":null,"description":"JSONForms time cell for time fields inside array table layouts.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-time-cell.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-time-cell.json"},{"name":"jsonforms-control","title":null,"description":"JSONForms text input renderer for string type fields.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-control.json"},{"name":"jsonforms-date-control","title":null,"description":"JSONForms date input renderer.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-date-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-date-control.json"},{"name":"jsonforms-datetime-control","title":null,"description":"JSONForms datetime-local input renderer.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-datetime-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-datetime-control.json"},{"name":"jsonforms-enum-control","title":null,"description":"JSONForms select/dropdown renderer for enum type fields.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-enum-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-enum-control.json"},{"name":"jsonforms-group","title":null,"description":"JSONForms collapsible accordion renderer for UISchema Group elements.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-group.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-group.json"},{"name":"jsonforms-horizontal-layout","title":null,"description":"JSONForms horizontal row layout renderer. Children are distributed equally.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-horizontal-layout.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-horizontal-layout.json"},{"name":"jsonforms-label","title":null,"description":"JSONForms static label/heading renderer for UISchema Label elements.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-label.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-label.json"},{"name":"jsonforms-number-control","title":null,"description":"JSONForms number/integer input renderer.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-number-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-number-control.json"},{"name":"jsonforms-oneof-enum-control","title":null,"description":"JSONForms select renderer for oneOf enum fields. Uses withJsonFormsOneOfEnumProps so options include title/const pairs.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-oneof-enum-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-oneof-enum-control.json"},{"name":"jsonforms-oneof-radio-group-control","title":null,"description":"JSONForms radio group renderer for oneOf enum fields. Activated by setting options.format to 'radio' in the UISchema.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-oneof-radio-group-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-oneof-radio-group-control.json"},{"name":"jsonforms-radio-group-control","title":null,"description":"JSONForms radio group renderer for enum fields. Activated by setting options.format to 'radio' in the UISchema.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-radio-group-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-radio-group-control.json"},{"name":"jsonforms-slider-control","title":null,"description":"JSONForms slider renderer for numeric fields with minimum/maximum defined in schema.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-slider-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-slider-control.json"},{"name":"jsonforms-textarea-control","title":null,"description":"JSONForms multi-line textarea renderer. Activated by setting options.multi to true in the UISchema.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-textarea-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-textarea-control.json"},{"name":"jsonforms-time-control","title":null,"description":"JSONForms time input renderer.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-time-control.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-time-control.json"},{"name":"jsonforms-vertical-layout","title":null,"description":"JSONForms vertical stack layout renderer.","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-vertical-layout.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-vertical-layout.json"},{"name":"jsonforms-renderers","title":null,"description":"Complete set of JSONForms renderers and cells built on ShadCN. Covers all controls from @jsonforms/material-renderers: text, number, integer, boolean (checkbox…","type":"registry:component","source_url":"https://mksingh.dev/r/jsonforms-renderers.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-renderers.json"},{"name":"jsonforms-utils","title":null,"description":"Utility functions for JSONForms — includes translateError for rendering custom error messages from JSON Schema errorMessage annotations.","type":"registry:lib","source_url":"https://mksingh.dev/r/jsonforms-utils.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/jsonforms-utils.json"},{"name":"tanstack-start-react-themes","title":null,"description":"A comprehensive theme management library for TanStack React Start applications with server-side rendering support, automatic system preference detection, and s…","type":"registry:lib","source_url":"https://mksingh.dev/r/tanstack-start-react-themes.json","install_command":"npx shadcn@latest add https://mksingh.dev/r/tanstack-start-react-themes.json"}]},{"id":"moduix-react","name":"@moduix-react","slug":"moduix-react","description":"Ark-first React components, blocks, and themes with native CSS, available as a package or a shadcn-compatible copy-owned registry.","author":"Blinks44","framework":"react","license":"MIT","tags":["accessibility","animation","auth","blocks","buttons","cards","charts","dashboard","forms","icons","loaders","media","navigation","onboarding","overlays","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://moduix.dev","github":"https://github.com/Blinks44/moduix","registry":"https://moduix.dev/r/react/registry.json","source":"https://moduix.dev/r/react/registry.json","page":"https://sh4dcn.netlify.app/registry/moduix-react","markdown":"https://sh4dcn.netlify.app/md/moduix-react.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='1.4' y='1.4' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/><rect x='1.4' y='12.3' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/><rect x='1.4' y='22.4' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/><rect x='11.9' y='1.4' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/><rect x='22.4' y='1.4' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/><rect x='22.4' y='12.3' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/><rect x='22.4' y='22.4' width='8.2' height='8.2' rx='1.1' fill='var(--foreground)'/></svg>","preview_image":"https://moduix.dev/banner.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":29,"open_issues":0,"last_commit":"2026-10-24T20:14:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://moduix.dev/r/react/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://moduix.dev/r/react/registry.json","install_bun":"bunx shadcn@latest add https://moduix.dev/r/react/registry.json","clone":"git clone https://github.com/Blinks44/moduix.git","clone_degit":"npx degit Blinks44/moduix","registry_fetch":"curl -s https://moduix.dev/r/react/registry.json"},"component_count":109,"components":[{"name":"init","title":"moduix React init","description":"Initialize shadcn for moduix React and install the shared foundation files.","type":"registry:base","source_url":"https://moduix.dev/r/react/init.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/init.json"},{"name":"core","title":"moduix core","description":"Runtime styles and utilities required by moduix registry components.","type":"registry:item","source_url":"https://moduix.dev/r/react/core.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/core.json"},{"name":"reset","title":"moduix reset","description":"Optional CSS reset for projects that want moduix global reset rules.","type":"registry:item","source_url":"https://moduix.dev/r/react/reset.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/reset.json"},{"name":"icons","title":"moduix icons","description":"Internal icon components required only by registry components that render them.","type":"registry:item","source_url":"https://moduix.dev/r/react/icons.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/icons.json"},{"name":"a11y-labels","title":"moduix a11y labels","description":"Internal accessible label defaults required only by registry components that render text fallbacks.","type":"registry:item","source_url":"https://moduix.dev/r/react/a11y-labels.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/a11y-labels.json"},{"name":"overlay-portal","title":"moduix overlay portal","description":"Internal overlay portal helper required only by overlay registry components.","type":"registry:item","source_url":"https://moduix.dev/r/react/overlay-portal.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/overlay-portal.json"},{"name":"foundation","title":"moduix React core","description":"Shared runtime dependencies installed by every moduix registry component.","type":"registry:item","source_url":"https://moduix.dev/r/react/foundation.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/foundation.json"},{"name":"theme-contrast","title":"Contrast theme","description":"High-clarity moduix tokens with stronger borders and focus states for technical interfaces.","type":"registry:theme","source_url":"https://moduix.dev/r/react/theme-contrast.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/theme-contrast.json"},{"name":"theme-dense","title":"Dense theme","description":"Compact moduix tokens with a structured blue palette for admin and data-heavy interfaces.","type":"registry:theme","source_url":"https://moduix.dev/r/react/theme-dense.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/theme-dense.json"},{"name":"theme-soft","title":"Soft theme","description":"Rounded moduix tokens with a warmer violet palette for product workflows.","type":"registry:theme","source_url":"https://moduix.dev/r/react/theme-soft.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/theme-soft.json"},{"name":"accordion","title":"Accordion","description":"moduix React Accordion component.","type":"registry:item","source_url":"https://moduix.dev/r/react/accordion.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/accordion.json"},{"name":"angle-slider","title":"AngleSlider","description":"moduix React AngleSlider component.","type":"registry:item","source_url":"https://moduix.dev/r/react/angle-slider.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/angle-slider.json"},{"name":"alert","title":"Alert","description":"moduix React Alert component.","type":"registry:item","source_url":"https://moduix.dev/r/react/alert.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/alert.json"},{"name":"aspect-ratio","title":"AspectRatio","description":"moduix React AspectRatio component.","type":"registry:item","source_url":"https://moduix.dev/r/react/aspect-ratio.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"moduix React Avatar component.","type":"registry:item","source_url":"https://moduix.dev/r/react/avatar.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/avatar.json"},{"name":"badge","title":"Badge","description":"moduix React Badge component.","type":"registry:item","source_url":"https://moduix.dev/r/react/badge.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/badge.json"},{"name":"bleed","title":"Bleed","description":"moduix React Bleed component.","type":"registry:item","source_url":"https://moduix.dev/r/react/bleed.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/bleed.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"moduix React Breadcrumbs component.","type":"registry:item","source_url":"https://moduix.dev/r/react/breadcrumbs.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/breadcrumbs.json"},{"name":"button","title":"Button","description":"moduix React Button component.","type":"registry:item","source_url":"https://moduix.dev/r/react/button.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/button.json"},{"name":"card","title":"Card","description":"moduix React Card component.","type":"registry:item","source_url":"https://moduix.dev/r/react/card.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/card.json"},{"name":"chart","title":"Chart","description":"moduix React Chart component backed by TanStack Charts.","type":"registry:item","source_url":"https://moduix.dev/r/react/chart.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/chart.json"},{"name":"checkbox","title":"Checkbox","description":"moduix React Checkbox component.","type":"registry:item","source_url":"https://moduix.dev/r/react/checkbox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/checkbox.json"},{"name":"close-button","title":"CloseButton","description":"moduix React CloseButton component.","type":"registry:item","source_url":"https://moduix.dev/r/react/close-button.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/close-button.json"},{"name":"collapsible","title":"Collapsible","description":"moduix React Collapsible component.","type":"registry:item","source_url":"https://moduix.dev/r/react/collapsible.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/collapsible.json"},{"name":"combobox","title":"Combobox","description":"moduix React Combobox component.","type":"registry:item","source_url":"https://moduix.dev/r/react/combobox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/combobox.json"},{"name":"color-picker","title":"ColorPicker","description":"moduix React ColorPicker component.","type":"registry:item","source_url":"https://moduix.dev/r/react/color-picker.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/color-picker.json"},{"name":"command-palette","title":"CommandPalette","description":"moduix React CommandPalette component.","type":"registry:item","source_url":"https://moduix.dev/r/react/command-palette.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/command-palette.json"},{"name":"container","title":"Container","description":"moduix React Container component.","type":"registry:item","source_url":"https://moduix.dev/r/react/container.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/container.json"},{"name":"date-input","title":"DateInput","description":"moduix React DateInput component.","type":"registry:item","source_url":"https://moduix.dev/r/react/date-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/date-input.json"},{"name":"date-picker","title":"DatePicker","description":"moduix React DatePicker component.","type":"registry:item","source_url":"https://moduix.dev/r/react/date-picker.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/date-picker.json"},{"name":"clipboard","title":"Clipboard","description":"moduix React Clipboard component.","type":"registry:item","source_url":"https://moduix.dev/r/react/clipboard.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/clipboard.json"},{"name":"dialog","title":"Dialog","description":"moduix React Dialog component.","type":"registry:item","source_url":"https://moduix.dev/r/react/dialog.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/dialog.json"},{"name":"drawer","title":"Drawer","description":"moduix React Drawer component.","type":"registry:item","source_url":"https://moduix.dev/r/react/drawer.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/drawer.json"},{"name":"empty","title":"Empty","description":"Composable empty-state surface for no-results, no-data, and first-run screens.","type":"registry:item","source_url":"https://moduix.dev/r/react/empty.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/empty.json"},{"name":"editable","title":"Editable","description":"moduix React Editable component.","type":"registry:item","source_url":"https://moduix.dev/r/react/editable.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/editable.json"},{"name":"field","title":"Field","description":"moduix React Field component.","type":"registry:item","source_url":"https://moduix.dev/r/react/field.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/field.json"},{"name":"file-upload","title":"FileUpload","description":"moduix React FileUpload component.","type":"registry:item","source_url":"https://moduix.dev/r/react/file-upload.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/file-upload.json"},{"name":"fieldset","title":"Fieldset","description":"moduix React Fieldset component.","type":"registry:item","source_url":"https://moduix.dev/r/react/fieldset.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/fieldset.json"},{"name":"floating-panel","title":"FloatingPanel","description":"moduix React FloatingPanel component.","type":"registry:item","source_url":"https://moduix.dev/r/react/floating-panel.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/floating-panel.json"},{"name":"heading","title":"Heading","description":"moduix React Heading component.","type":"registry:item","source_url":"https://moduix.dev/r/react/heading.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/heading.json"},{"name":"highlight","title":"Highlight","description":"moduix React Highlight component.","type":"registry:item","source_url":"https://moduix.dev/r/react/highlight.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/highlight.json"},{"name":"image","title":"Image","description":"moduix React Image component.","type":"registry:item","source_url":"https://moduix.dev/r/react/image.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/image.json"},{"name":"json-tree-view","title":"JsonTreeView","description":"moduix React JsonTreeView component.","type":"registry:item","source_url":"https://moduix.dev/r/react/json-tree-view.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/json-tree-view.json"},{"name":"image-cropper","title":"ImageCropper","description":"moduix React ImageCropper component.","type":"registry:item","source_url":"https://moduix.dev/r/react/image-cropper.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/image-cropper.json"},{"name":"input","title":"Input","description":"moduix React Input component.","type":"registry:item","source_url":"https://moduix.dev/r/react/input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/input.json"},{"name":"input-group","title":"InputGroup","description":"moduix React InputGroup component.","type":"registry:item","source_url":"https://moduix.dev/r/react/input-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/input-group.json"},{"name":"kbd","title":"Kbd","description":"moduix React Kbd component.","type":"registry:item","source_url":"https://moduix.dev/r/react/kbd.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/kbd.json"},{"name":"lightbox","title":"Lightbox","description":"moduix React Lightbox component.","type":"registry:item","source_url":"https://moduix.dev/r/react/lightbox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/lightbox.json"},{"name":"list","title":"List","description":"moduix React List component.","type":"registry:item","source_url":"https://moduix.dev/r/react/list.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/list.json"},{"name":"listbox","title":"Listbox","description":"moduix React Listbox component.","type":"registry:item","source_url":"https://moduix.dev/r/react/listbox.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/listbox.json"},{"name":"tree-view","title":"TreeView","description":"moduix React TreeView component.","type":"registry:item","source_url":"https://moduix.dev/r/react/tree-view.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tree-view.json"},{"name":"marquee","title":"Marquee","description":"moduix React Marquee component.","type":"registry:item","source_url":"https://moduix.dev/r/react/marquee.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/marquee.json"},{"name":"menu","title":"Menu","description":"moduix React Menu component.","type":"registry:item","source_url":"https://moduix.dev/r/react/menu.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/menu.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"moduix React Navigation Menu component.","type":"registry:item","source_url":"https://moduix.dev/r/react/navigation-menu.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/navigation-menu.json"},{"name":"native-select","title":"Native Select","description":"moduix React Native Select component.","type":"registry:item","source_url":"https://moduix.dev/r/react/native-select.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/native-select.json"},{"name":"number-input","title":"NumberInput","description":"moduix React NumberInput component.","type":"registry:item","source_url":"https://moduix.dev/r/react/number-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/number-input.json"},{"name":"pin-input","title":"PinInput","description":"moduix React PinInput component.","type":"registry:item","source_url":"https://moduix.dev/r/react/pin-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/pin-input.json"},{"name":"pagination","title":"Pagination","description":"moduix React Pagination component.","type":"registry:item","source_url":"https://moduix.dev/r/react/pagination.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/pagination.json"},{"name":"password-input","title":"PasswordInput","description":"moduix React PasswordInput component.","type":"registry:item","source_url":"https://moduix.dev/r/react/password-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/password-input.json"},{"name":"popover","title":"Popover","description":"moduix React Popover component.","type":"registry:item","source_url":"https://moduix.dev/r/react/popover.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/popover.json"},{"name":"hover-card","title":"HoverCard","description":"moduix React HoverCard component.","type":"registry:item","source_url":"https://moduix.dev/r/react/hover-card.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/hover-card.json"},{"name":"progress-circular","title":"ProgressCircular","description":"moduix React ProgressCircular component.","type":"registry:item","source_url":"https://moduix.dev/r/react/progress-circular.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/progress-circular.json"},{"name":"progress-linear","title":"ProgressLinear","description":"moduix React ProgressLinear component.","type":"registry:item","source_url":"https://moduix.dev/r/react/progress-linear.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/progress-linear.json"},{"name":"qr-code","title":"QR Code","description":"moduix React QR Code component.","type":"registry:item","source_url":"https://moduix.dev/r/react/qr-code.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/qr-code.json"},{"name":"radio-group","title":"Radio Group","description":"moduix React RadioGroup component.","type":"registry:item","source_url":"https://moduix.dev/r/react/radio-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/radio-group.json"},{"name":"rating-group","title":"RatingGroup","description":"moduix React RatingGroup component.","type":"registry:item","source_url":"https://moduix.dev/r/react/rating-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/rating-group.json"},{"name":"scroll-area","title":"ScrollArea","description":"moduix React ScrollArea component.","type":"registry:item","source_url":"https://moduix.dev/r/react/scroll-area.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/scroll-area.json"},{"name":"segment-group","title":"SegmentGroup","description":"moduix React SegmentGroup component.","type":"registry:item","source_url":"https://moduix.dev/r/react/segment-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/segment-group.json"},{"name":"signature-pad","title":"Signature Pad","description":"moduix React Signature Pad component.","type":"registry:item","source_url":"https://moduix.dev/r/react/signature-pad.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/signature-pad.json"},{"name":"select","title":"Select","description":"moduix React Select component.","type":"registry:item","source_url":"https://moduix.dev/r/react/select.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/select.json"},{"name":"separator","title":"Separator","description":"moduix React Separator component.","type":"registry:item","source_url":"https://moduix.dev/r/react/separator.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/separator.json"},{"name":"simple-grid","title":"Simple Grid","description":"Responsive CSS Grid layout with fixed or intrinsic equal-width columns.","type":"registry:item","source_url":"https://moduix.dev/r/react/simple-grid.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/simple-grid.json"},{"name":"skeleton","title":"Skeleton","description":"moduix React Skeleton component.","type":"registry:item","source_url":"https://moduix.dev/r/react/skeleton.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/skeleton.json"},{"name":"slider","title":"Slider","description":"moduix React Slider component.","type":"registry:item","source_url":"https://moduix.dev/r/react/slider.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/slider.json"},{"name":"splitter","title":"Splitter","description":"moduix React Splitter component.","type":"registry:item","source_url":"https://moduix.dev/r/react/splitter.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/splitter.json"},{"name":"sidebar","title":"Sidebar","description":"moduix React Sidebar component.","type":"registry:item","source_url":"https://moduix.dev/r/react/sidebar.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/sidebar.json"},{"name":"carousel","title":"Carousel","description":"moduix React Carousel component.","type":"registry:item","source_url":"https://moduix.dev/r/react/carousel.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/carousel.json"},{"name":"spinner","title":"Spinner","description":"moduix React Spinner component.","type":"registry:item","source_url":"https://moduix.dev/r/react/spinner.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/spinner.json"},{"name":"split-button","title":"SplitButton","description":"moduix React SplitButton component.","type":"registry:item","source_url":"https://moduix.dev/r/react/split-button.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/split-button.json"},{"name":"stack","title":"Stack","description":"moduix React Stack component.","type":"registry:item","source_url":"https://moduix.dev/r/react/stack.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/stack.json"},{"name":"steps","title":"Steps","description":"moduix React Steps component.","type":"registry:item","source_url":"https://moduix.dev/r/react/steps.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/steps.json"},{"name":"swap","title":"Swap","description":"moduix React Swap component.","type":"registry:item","source_url":"https://moduix.dev/r/react/swap.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/swap.json"},{"name":"switch","title":"Switch","description":"moduix React Switch component.","type":"registry:item","source_url":"https://moduix.dev/r/react/switch.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/switch.json"},{"name":"tag","title":"Tag","description":"moduix React Tag component.","type":"registry:item","source_url":"https://moduix.dev/r/react/tag.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tag.json"},{"name":"tags-input","title":"TagsInput","description":"moduix React TagsInput component.","type":"registry:item","source_url":"https://moduix.dev/r/react/tags-input.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tags-input.json"},{"name":"table","title":"Table","description":"moduix React Table component.","type":"registry:item","source_url":"https://moduix.dev/r/react/table.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/table.json"},{"name":"toc","title":"Table of Contents","description":"moduix React Table of Contents component.","type":"registry:item","source_url":"https://moduix.dev/r/react/toc.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toc.json"},{"name":"tabs","title":"Tabs","description":"moduix React Tabs component.","type":"registry:item","source_url":"https://moduix.dev/r/react/tabs.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tabs.json"},{"name":"text","title":"Text","description":"moduix React Text component.","type":"registry:item","source_url":"https://moduix.dev/r/react/text.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/text.json"},{"name":"textarea","title":"Textarea","description":"moduix React Textarea component.","type":"registry:item","source_url":"https://moduix.dev/r/react/textarea.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/textarea.json"},{"name":"timer","title":"Timer","description":"moduix React Timer component.","type":"registry:item","source_url":"https://moduix.dev/r/react/timer.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/timer.json"},{"name":"typeset","title":"Typeset","description":"moduix React Typeset component.","type":"registry:item","source_url":"https://moduix.dev/r/react/typeset.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/typeset.json"},{"name":"toast","title":"Toast","description":"moduix React Toast component.","type":"registry:item","source_url":"https://moduix.dev/r/react/toast.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toast.json"},{"name":"toggle","title":"Toggle","description":"moduix React Toggle component.","type":"registry:item","source_url":"https://moduix.dev/r/react/toggle.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toggle.json"},{"name":"toggle-group","title":"ToggleGroup","description":"moduix React ToggleGroup component.","type":"registry:item","source_url":"https://moduix.dev/r/react/toggle-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"moduix React Tooltip component.","type":"registry:item","source_url":"https://moduix.dev/r/react/tooltip.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tooltip.json"},{"name":"tour","title":"Tour","description":"moduix React Tour component.","type":"registry:item","source_url":"https://moduix.dev/r/react/tour.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/tour.json"},{"name":"login-simple","title":"Sign in","description":"Sign-in form with email, password, and a remember-me option.","type":"registry:block","source_url":"https://moduix.dev/r/react/login-simple.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/login-simple.json"},{"name":"sidebar-dashboard","title":"Sidebar dashboard","description":"Dashboard with a resizable sidebar, nested navigation, and a workspace menu.","type":"registry:block","source_url":"https://moduix.dev/r/react/sidebar-dashboard.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/sidebar-dashboard.json"},{"name":"file-upload-manager","title":"File upload","description":"File picker with drag and drop, validation, previews, and removal controls.","type":"registry:block","source_url":"https://moduix.dev/r/react/file-upload-manager.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/file-upload-manager.json"},{"name":"app-header","title":"App header","description":"Responsive header with navigation, command search, and an account menu.","type":"registry:block","source_url":"https://moduix.dev/r/react/app-header.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/app-header.json"},{"name":"sign-up","title":"Sign up","description":"Registration form with email, password confirmation, and terms acceptance.","type":"registry:block","source_url":"https://moduix.dev/r/react/sign-up.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/sign-up.json"},{"name":"forgot-password","title":"Forgot password","description":"Email form for requesting a password reset link.","type":"registry:block","source_url":"https://moduix.dev/r/react/forgot-password.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/forgot-password.json"},{"name":"reset-password","title":"Reset password","description":"Password reset form with a confirmation field.","type":"registry:block","source_url":"https://moduix.dev/r/react/reset-password.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/reset-password.json"},{"name":"verification-code","title":"Verification code","description":"Six-digit email verification form with keyboard navigation and paste support.","type":"registry:block","source_url":"https://moduix.dev/r/react/verification-code.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/verification-code.json"},{"name":"data-table","title":"Data table","description":"Payments table with search, sorting, column visibility, selection, and pagination.","type":"registry:block","source_url":"https://moduix.dev/r/react/data-table.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/data-table.json"},{"name":"expandable-avatar-group","title":"Expandable avatar group","description":"Overlapping avatars that expand on hover or focus, with a tooltip for each person.","type":"registry:block","source_url":"https://moduix.dev/r/react/expandable-avatar-group.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/expandable-avatar-group.json"},{"name":"autoplay-gallery","title":"Autoplay gallery","description":"Image carousel with autoplay, navigation arrows, and progress indicators.","type":"registry:block","source_url":"https://moduix.dev/r/react/autoplay-gallery.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/autoplay-gallery.json"},{"name":"parallax-card","title":"Parallax card","description":"Image card with a pointer-driven tilt effect and reduced-motion support.","type":"registry:block","source_url":"https://moduix.dev/r/react/parallax-card.json","install_command":"npx shadcn@latest add https://moduix.dev/r/react/parallax-card.json"}]},{"id":"moleculeui","name":"@moleculeui","slug":"moleculeui","description":"Molecule UI is a small open-source React component library focused on interaction-heavy, mobile-style UI patterns. Components include Accordion, Checkbox, Dialog, Discussion thread, Expandable Button, Profile Menu, Swipe Row (iOS-style swipe-to-reveal actions), Voice Input, and Warp Dialog. Loaders section covers Bouncing Dots, Morphing Square, Orbital Loader, Spinning Circle, Typewriter, and Wave Loader. Typography includes Word Rotate. Built with Tailwind CSS and Radix UI primitives; WCAG-compliant with ARIA attributes and keyboard navigation. Use for: adding swipe gestures, voice input UI, and mobile-inspired interaction patterns to a React/shadcn project where standard components feel too desktop-centric.","author":"molecule-lab","framework":"react","license":"MIT","tags":["accessibility","aesthetic","audio","blocks","buttons","charts","design-system","forms","hooks","loaders","media","mobile","navigation","overlays","text-effects"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://www.moleculeui.design/","github":"https://github.com/molecule-lab/molecule-ui","registry":"https://www.moleculeui.design/r/{name}.json","source":"https://www.moleculeui.design/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/moleculeui","markdown":"https://sh4dcn.netlify.app/md/moleculeui.md"},"logo":"<svg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_2181_32)'><path d='M368.421 0H131.579C58.9099 0 0 58.9099 0 131.579V368.421C0 441.09 58.9099 500 131.579 500H368.421C441.09 500 500 441.09 500 368.421V131.579C500 58.9099 441.09 0 368.421 0Z' fill='url(#paint0_linear_2181_32)'/><path d='M148.245 362.719H97.3682L167.354 126.78C168.498 122.922 173.799 122.512 175.523 126.149L250 283.333L325.75 126.069C327.494 122.45 332.78 122.884 333.91 126.738L403.07 362.719H351.316L317.539 260.968C317.05 259.495 315.029 259.336 314.316 260.715L259.997 365.755C255.772 373.926 244.109 373.988 239.795 365.864L183.97 260.696C183.242 259.325 181.223 259.506 180.75 260.985L148.245 362.719Z' fill='var(--background)'/></g><defs><linearGradient id='paint0_linear_2181_32' x1='0' y1='0' x2='500' y2='500' gradientUnits='userSpaceOnUse'><stop stop-color='var(--foreground)'/><stop offset='1' stop-color='#F472B6'/></linearGradient><clipPath id='clip0_2181_32'><rect width='500' height='500' fill='var(--background)'/></clipPath></defs></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":36,"open_issues":0,"last_commit":"2026-01-09T10:14:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/molecule-lab/molecule-ui.git","clone_degit":"npx degit molecule-lab/molecule-ui","registry_fetch":"curl -s https://www.moleculeui.design/r/{name}.json"},"component_count":0,"components":[]},{"id":"morphiq","name":"@morphiq","slug":"morphiq","description":"Interfaces that move. Refractive glass, motion and depth for React — a GPU-accelerated prism lens and a cursor-reactive ASCII field, with every setting exposed as a prop.","author":"prathamhpatel","framework":"react","license":null,"tags":["animation","backgrounds","buttons","cards","glassmorphism","maps","media","mobile","navigation"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://morphiq.prathampatel.design","github":"https://github.com/prathamhpatel/morphiq","registry":"https://morphiq.prathampatel.design/r/registry.json","source":"https://morphiq.prathampatel.design/r/registry.json","page":"https://sh4dcn.netlify.app/registry/morphiq","markdown":"https://sh4dcn.netlify.app/md/morphiq.md"},"logo":"<svg viewBox='0 0 122 52' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M86.8335 0.209699C101.613 -0.971824 104.02 8.1449 108.631 19.4437C111.827 27.2461 115.069 35.0293 118.357 42.7934C119.356 45.1039 120.928 49.2801 121.976 51.2324C114.276 51.3797 106.187 51.3199 98.4736 51.2753C94.7443 43.6968 92.1345 35.0152 88.4279 27.8349C86.967 29.6906 84.5798 33.646 83.2296 35.7387C79.6606 41.0148 77.0127 47.5234 71.047 49.9502C66.249 51.9019 62.033 52.2625 57.1903 50.3412C51.4917 48.0803 49.4986 44.1664 46.8156 39.0636C45.6288 36.8068 44.4263 34.7481 43.4023 32.391C43.6904 32.6454 43.9908 32.8853 44.3025 33.11C47.0279 35.041 50.5958 36.1196 53.93 35.5442C55.6862 35.2519 57.3042 34.4093 58.5504 33.138C60.161 31.5226 62.8102 26.8512 64.2082 24.6691C67.9646 18.8061 71.7504 12.8566 75.6476 7.08572C78.3666 3.05942 82.1099 0.997175 86.8335 0.209699Z' fill='var(--foreground)'/><path d='M41.6246 0.0226607C55.7255 -0.581614 57.4159 11.0234 63.4618 19.9965C59.8173 17.6921 57.385 15.9211 52.8688 16.2727C47.3696 16.7006 45.0229 22.2872 42.3285 26.4801L31.7109 42.6912C30.0622 45.2261 28.5059 47.9685 26.7189 50.399C26.1835 51.1273 26.0498 51.0499 25.327 51.1186C16.8855 51.2622 8.44256 51.3099 0 51.2614C3.1225 46.1245 6.29163 41.4337 9.52741 36.3978L19.3036 20.9303C22.0898 16.5941 24.8866 12.2299 27.6752 7.89432C31.1687 2.46266 35.2914 0.457557 41.6246 0.0226607Z' fill='var(--foreground)'/></svg>","preview_image":"https://morphiq.prathampatel.design/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://morphiq.prathampatel.design/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://morphiq.prathampatel.design/r/registry.json","install_bun":"bunx shadcn@latest add https://morphiq.prathampatel.design/r/registry.json","clone":"git clone https://github.com/prathamhpatel/morphiq.git","clone_degit":"npx degit prathamhpatel/morphiq","registry_fetch":"curl -s https://morphiq.prathampatel.design/r/registry.json"},"component_count":28,"components":[{"name":"prism-glass","title":"Prism Glass","description":"A GPU-accelerated refractive lens for images and rendered textures. Spectral dispersion, uniform frost and a directional rim light, from an SDF-defined shape —…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/prism-glass.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/prism-glass.json"},{"name":"dock","title":"Magnifying Dock","description":"A dock whose items swell as the pointer nears, on springs. Distance drives the scale, so the row breathes rather than one icon popping.","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/dock.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/dock.json"},{"name":"ferrofluid-nav","title":"Ferrofluid Nav","description":"A nav whose active pill stretches out of one item, thins to a neck and gathers into the next. Two capsule fields blended with a polynomial smooth-minimum, eval…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/ferrofluid-nav.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/ferrofluid-nav.json"},{"name":"elastic-headline","title":"Elastic Headline","description":"A headline strung on an elastic. Letters are nodes on a mass-spring chain pinned at both ends and coupled by the discrete Laplacian, so a pull travels outward …","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/elastic-headline.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/elastic-headline.json"},{"name":"pressure-text","title":"Pressure Text","description":"Type that reacts to the cursor. Letters thicken and widen under the pointer while their neighbours give up the space, so the word keeps its overall width. Both…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/pressure-text.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/pressure-text.json"},{"name":"scroll-expand","title":"Scroll Expand","description":"A framed panel pinned to the viewport that opens out to full bleed as you scroll past it, with the media inside settling back from a slight push-in. Progress i…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/scroll-expand.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/scroll-expand.json"},{"name":"ascii-field","title":"ASCII Field","description":"A canvas field of glyphs that scramble around the cursor and settle back to rest.","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/ascii-field.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/ascii-field.json"},{"name":"bitmap-noise","title":"Bitmap Noise","description":"A self-generating dither field. Two drifting noise layers interfere to form patches of particles that appear, dissolve and reform in place. Canvas 2D, no WebGL.","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/bitmap-noise.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/bitmap-noise.json"},{"name":"bitmap-image","title":"Bitmap Image","description":"Converts an image into a dithered bitmap — ordered Bayer or true error diffusion (Floyd-Steinberg, Atkinson, Jarvis), which no shader can do. Canvas 2D, no Web…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/bitmap-image.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/bitmap-image.json"},{"name":"bitmap-text","title":"Bitmap Text","description":"Type rasterised and dithered into particles. A grain control decides whether the letterforms read as solid or as a cloud that still resolves as words. Canvas 2…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/bitmap-text.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/bitmap-text.json"},{"name":"weight-grid","title":"Weight Grid","description":"A bento grid where the cell under the cursor takes area from its neighbours and the total never changes. Track weights are renormalised against their axis sum,…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/weight-grid.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/weight-grid.json"},{"name":"smear-cursor","title":"Smear Cursor","description":"A cursor trail that is motion blur rather than a string of dots. Ribbon width falls as 1/(1+speed·k), the way a camera spreads the same exposure over more grou…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/smear-cursor.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/smear-cursor.json"},{"name":"sonar-list","title":"Sonar List","description":"A ping leaves the click and sweeps outward; each row rings as the wavefront reaches it. Arrival is d/c, a real propagation time, so rows near the click ring fi…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/sonar-list.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/sonar-list.json"},{"name":"thrown-marquee","title":"Thrown Marquee","description":"A marquee you can grab and throw. Velocity decays exponentially toward the idle drift rather than toward zero, so a hard throw drops fast then creeps and the b…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/thrown-marquee.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/thrown-marquee.json"},{"name":"thread-pull","title":"Thread Pull","description":"A thread strung under a line of text that hangs in a real catenary when you pull it. Length is conserved, so dragging to one side starves that segment and floo…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/thread-pull.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/thread-pull.json"},{"name":"magnetic-field","title":"Magnetic Field","description":"Iron filings aligning to a dipole under the cursor. B proportional to (3(m·r̂)r̂ − m)/r³, so the pattern has two lobes and the loops between them — a radial fa…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/magnetic-field.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/magnetic-field.json"},{"name":"depth-of-field","title":"Depth of Field","description":"A card stack blurred by a real circle of confusion, so the near side defocuses harder than the far side — the asymmetry that makes a photograph read as one. Th…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/depth-of-field.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/depth-of-field.json"},{"name":"folding-panel","title":"Folding Panel","description":"A panel that folds along real crease lines. Facets are placed by walking the fold outward so the paper stays connected, the panel foreshortens by cos θ as it c…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/folding-panel.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/folding-panel.json"},{"name":"elastic-rail","title":"Elastic Rail","description":"A scroll progress rail that bulges with overscroll and twangs back. It obeys the wave equation, so its pitch follows f = (1/2L)·√(T/μ) — a longer rail rings lo…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/elastic-rail.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/elastic-rail.json"},{"name":"gravity-menu","title":"Gravity Menu","description":"Menu items on stable orbits, bent past the pointer by a softened inverse-square attraction. The softening term is what stops an item crossing the cursor being …","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/gravity-menu.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/gravity-menu.json"},{"name":"caustic-surface","title":"Caustic Surface","description":"The net of light on a pool floor, lit by conservation of light rather than a texture: brightness is 1/|det(I + D(1 − 1/n)H)| of the refraction map, so the line…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/caustic-surface.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/caustic-surface.json"},{"name":"halftone-screen","title":"Halftone Screen","description":"Four-colour process halftone as a press prints it: CMYK screened at 15/75/0/45°, grey-component replacement, and dot area — not radius — matched to ink coverag…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/halftone-screen.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/halftone-screen.json"},{"name":"shatter-reveal","title":"Shatter Reveal","description":"An image that breaks into Lloyd-relaxed Voronoi shards when struck, each a rigid body with its own mass and polygon inertia, spun by the strike and slowed by q…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/shatter-reveal.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/shatter-reveal.json"},{"name":"liquid-transition","title":"Liquid Transition","description":"A fluid front that sweeps over changing content: the middle leads by a Poiseuille profile, the edge rings under tension by the damped wave equation, and drople…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/liquid-transition.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/liquid-transition.json"},{"name":"channel-switch","title":"Channel Switch","description":"Content changes like a CRT changing channel — collapse to a line and a dot, a phosphor feedback buffer decaying as e^(−Δt/τ), and a damped vertical hold rollin…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/channel-switch.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/channel-switch.json"},{"name":"wet-ink","title":"Wet Ink","description":"A word written in ink that bleeds along the paper's fibres by anisotropic diffusion and dries darker at its rim, stepped under the explicit stability limit. Ca…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/wet-ink.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/wet-ink.json"},{"name":"focus-peaking","title":"Focus Peaking","description":"Lights an image's in-focus edges on hover, like a camera monitor: the Sobel gradient of luma, thresholded with a soft knee and tinted over a dimmed picture. We…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/focus-peaking.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/focus-peaking.json"},{"name":"brushed-metal","title":"Brushed Metal","description":"A brushed metal panel under a light at the pointer, shaded with anisotropic GGX so the highlight streaks across the grain. Colour is the metal's F0; anisotropy…","type":"registry:component","source_url":"https://morphiq.prathampatel.design/r/brushed-metal.json","install_command":"npx shadcn@latest add https://morphiq.prathampatel.design/r/brushed-metal.json"}]},{"id":"motion-menu","name":"@motion-menu","slug":"motion-menu","description":"596 motion/3D UI patterns — scroll-driven WebGL, shader passes, spring choreography — as ready HTML/CSS/JS. 26 free, or $149 once for the rest.","author":null,"framework":"react","license":null,"tags":["3d","animation","backgrounds","charts","navigation"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://motion-menu-two.vercel.app","github":null,"registry":"https://motion-menu-two.vercel.app/r/{name}.json","source":"https://motion-menu-two.vercel.app/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/motion-menu","markdown":"https://sh4dcn.netlify.app/md/motion-menu.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round'><path d='M4 22c4-10 8 10 12 0s8-10 12 0'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://motion-menu-two.vercel.app/r/{name}.json"},"component_count":0,"components":[]},{"id":"motion-lexicon","name":"@motion-lexicon","slug":"motion-lexicon","description":"Copy-ready React page blocks and motion components with bilingual previews, reduced-motion paths, and shadcn Registry delivery.","author":"Ryan-yang125","framework":"react","license":"MIT","tags":["3d","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","developer-tools","e-commerce","editor","forms","glassmorphism","icons","loaders","maps","marketing","media","mobile","navigation","onboarding","overlays","retro","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://motion-lexicon.pages.dev","github":"https://github.com/Ryan-yang125/motion-lexicon","registry":"https://motion-lexicon.pages.dev/r/registry.json","source":"https://motion-lexicon.pages.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/motion-lexicon","markdown":"https://sh4dcn.netlify.app/md/motion-lexicon.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect width='32' height='32' rx='8' fill='var(--foreground)'/><path d='M8 23V9M8 23h16' stroke='var(--background)' stroke-width='1.5' stroke-linecap='round'/><path d='M8.5 22.5C10 14 14 10 23.5 9.5' stroke='#4568ff' stroke-width='2.5' stroke-linecap='round'/></svg>","preview_image":"https://motion-lexicon.pages.dev/og-home-zh.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":51,"open_issues":18,"last_commit":"2026-10-25T02:34:52Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://motion-lexicon.pages.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://motion-lexicon.pages.dev/r/registry.json","clone":"git clone https://github.com/Ryan-yang125/motion-lexicon.git","clone_degit":"npx degit Ryan-yang125/motion-lexicon","registry_fetch":"curl -s https://motion-lexicon.pages.dev/r/registry.json"},"component_count":150,"components":[{"name":"agent-workspace","title":"Agent workspace","description":"Organizes missions, thinking, tool execution, human approval, and evidence into one continuous agent product page.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/agent-workspace.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/agent-workspace.json"},{"name":"product-landing","title":"Product landing","description":"Connects positioning, collaborative review, and launch action through one continuous release workspace.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/product-landing.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/product-landing.json"},{"name":"analytics-dashboard","title":"Analytics dashboard","description":"Explores time ranges through stable metrics, trends, and channel structure.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/analytics-dashboard.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/analytics-dashboard.json"},{"name":"project-dashboard","title":"Project dashboard","description":"Organizes milestones, current work, and team activity into one actionable project workspace.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/project-dashboard.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/project-dashboard.json"},{"name":"support-inbox","title":"Support inbox","description":"Maintains a clear handling path across queue, conversation, and customer context.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/support-inbox.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/support-inbox.json"},{"name":"creative-portfolio","title":"Creative portfolio","description":"Presents an independent creative practice through work, material studies, and case-story transitions.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/creative-portfolio.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/creative-portfolio.json"},{"name":"commerce-storefront","title":"Commerce storefront","description":"Organizes product story, detail browsing, volume pricing, and cart confirmation into a complete purchase path.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/commerce-storefront.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/commerce-storefront.json"},{"name":"developer-docs","title":"Developer docs","description":"Organizes installation, code comparison, command search, and preview output into navigable developer documentation.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/developer-docs.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/developer-docs.json"},{"name":"media-editorial","title":"Media editorial","description":"Browses a complete visual feature through chapters, focus galleries, and scroll-led storytelling.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/media-editorial.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/media-editorial.json"},{"name":"onboarding-flow","title":"Onboarding flow","description":"Organizes account setup, file import, and completion checklist into a successful first-workspace path.","type":"registry:block","source_url":"https://motion-lexicon.pages.dev/r/onboarding-flow.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/onboarding-flow.json"},{"name":"agent-thinking-trace","title":"Agent thinking trace","description":"Organizes reasoning phases, current focus, and elapsed time into an expandable evidence trail.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/agent-thinking-trace.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/agent-thinking-trace.json"},{"name":"streaming-answer","title":"Streaming answer","description":"Brings generated text, cited sources, and follow-up prompts into one progressive answer.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/streaming-answer.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/streaming-answer.json"},{"name":"tool-call-stack","title":"Tool call stack","description":"Collects search, write, command, and failure states into an inspectable execution record.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/tool-call-stack.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/tool-call-stack.json"},{"name":"approval-flow","title":"Human approval flow","description":"Carries recommendations, custom instructions, and explicit confirmation before an agent acts.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/approval-flow.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/approval-flow.json"},{"name":"task-progress","title":"Task progress","description":"Presents queued, active, blocked, failed, recovered, and complete work across compact and expanded layouts.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/task-progress.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/task-progress.json"},{"name":"prompt-composer","title":"Agent prompt composer","description":"Combines sources, attachments, model choice, voice, and sending into one focused input surface.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/prompt-composer.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/prompt-composer.json"},{"name":"context-sources","title":"Context sources","description":"Presents retrieved chunks, provenance, and relevance with focused disclosure.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/context-sources.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/context-sources.json"},{"name":"diff-review","title":"Diff review","description":"Reviews agent-proposed field edits with explicit per-change decisions.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/diff-review.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/diff-review.json"},{"name":"multi-agent-handoff","title":"Multi-agent handoff","description":"Moves task ownership, artifacts, and the next responsible agent along one continuous relay.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/multi-agent-handoff.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/multi-agent-handoff.json"},{"name":"copy-button","title":"Copy button","description":"Reports clipboard state in place without shifting nearby content.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/copy-button.json"},{"name":"loading-button","title":"Loading button","description":"Keeps pending, success, and error feedback inside one action.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/loading-button.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/loading-button.json"},{"name":"hold-action","title":"Hold action","description":"Protects high-risk actions with cancellable touch, pointer, and keyboard progress.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/hold-action.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/hold-action.json"},{"name":"command-palette","title":"Command palette","description":"Combines search, keyboard navigation, and deliberate focus management.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/command-palette.json"},{"name":"context-menu","title":"Context menu","description":"Opens from the trigger coordinate and stays inside the viewport.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/context-menu.json"},{"name":"drawer","title":"Drawer","description":"Includes focus containment, drag dismissal, and interruptible spring motion.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/drawer.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/drawer.json"},{"name":"dropdown","title":"Dropdown","description":"Moves selection continuously with full keyboard behavior.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/dropdown.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/dropdown.json"},{"name":"modal","title":"Modal","description":"Handles focus, backdrop, exit, and async confirmation as one flow.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/modal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/modal.json"},{"name":"popover","title":"Popover","description":"Derives its reveal origin from the trigger and available space.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/popover.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/popover.json"},{"name":"expanding-search","title":"Expanding search","description":"Expands from a toolbar action into a focused search field.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/expanding-search.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/expanding-search.json"},{"name":"inline-validation","title":"Inline validation","description":"Places pending, error, and success states next to the input.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/inline-validation.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/inline-validation.json"},{"name":"otp-input","title":"OTP input","description":"Coordinates typing, paste, error, and success feedback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/otp-input.json"},{"name":"password-strength","title":"Password strength","description":"Makes rule checks and strength changes legible as one response.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/password-strength.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/password-strength.json"},{"name":"slider-detents","title":"Slider detents","description":"Snaps to meaningful detents while preserving continuous input.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/slider-detents.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/slider-detents.json"},{"name":"tag-input","title":"Tag input","description":"Gives clear feedback for adding, removing, and rejecting tags.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/tag-input.json"},{"name":"accordion","title":"Accordion","description":"Keeps content height and disclosure state visually continuous.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/accordion.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/accordion.json"},{"name":"hide-on-scroll","title":"Hide on scroll","description":"Hides and restores a toolbar in response to scroll direction.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/hide-on-scroll.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/hide-on-scroll.json"},{"name":"segmented-control","title":"Segmented control","description":"Carries one shared highlight between options.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/segmented-control.json"},{"name":"tabs","title":"Tabs","description":"Coordinates the indicator, direction, and panel change.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/tabs.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/tabs.json"},{"name":"filter-grid","title":"Filter grid","description":"Preserves spatial continuity as filtered results rearrange.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/filter-grid.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/filter-grid.json"},{"name":"reorder-list","title":"Reorder list","description":"Provides clear drop position for pointer and keyboard reordering.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/reorder-list.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/reorder-list.json"},{"name":"sortable-table","title":"Sortable table","description":"Explains sorting through row position while keeping data readable.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/sortable-table.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/sortable-table.json"},{"name":"progress-bar","title":"Progress bar","description":"Covers pending, determinate, and complete progress states.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/progress-bar.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/progress-bar.json"},{"name":"value-flash","title":"Value flash","description":"Explains value changes with direction and brief color feedback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/value-flash.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/value-flash.json"},{"name":"magnetic-action","title":"Magnetic action","description":"Lets a primary action lean toward a nearby pointer and settle cleanly on release.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/magnetic-action.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/magnetic-action.json"},{"name":"theme-reveal","title":"Theme reveal","description":"Reveals a new theme outward from the exact toggle point.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/theme-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/theme-reveal.json"},{"name":"mega-menu","title":"Mega menu","description":"Keeps highlight, panel, and focus movement in one continuous navigation path.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/mega-menu.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/mega-menu.json"},{"name":"floating-dock","title":"Floating dock","description":"Scales nearby destinations with restrained spring response to pointer distance.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/floating-dock.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/floating-dock.json"},{"name":"voice-capture","title":"Voice capture","description":"Coordinates recording, levels, pause, and completion inside one input surface.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/voice-capture.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/voice-capture.json"},{"name":"toast-stack","title":"Toast stack","description":"Layers incoming notices into a stack that expands and dismisses by swipe or keyboard.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/toast-stack.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/toast-stack.json"},{"name":"upload-queue","title":"Upload queue","description":"Turns file intake, per-item progress, retry, and completion into one compact flow.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/upload-queue.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/upload-queue.json"},{"name":"skeleton-reveal","title":"Skeleton reveal","description":"Shares stable geometry between skeleton and content for a composed handoff.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/skeleton-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/skeleton-reveal.json"},{"name":"activity-feed","title":"Activity feed","description":"Preserves date groups and the unread boundary as live activity arrives.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/activity-feed.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/activity-feed.json"},{"name":"integration-map","title":"Integration map","description":"Explains system relationships through nodes, routed links, and moving signals.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/integration-map.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/integration-map.json"},{"name":"cursor-lens","title":"Cursor lens","description":"Compares two states of the same media through a movable detail lens.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/cursor-lens.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/cursor-lens.json"},{"name":"media-carousel","title":"Media carousel","description":"Keeps native drag inertia, deliberate snap positions, and keyboard navigation across media cards.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/media-carousel.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/media-carousel.json"},{"name":"image-lightbox","title":"Gallery lightbox","description":"Expands a thumbnail into an immersive gallery while managing focus and keyboard browsing.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/image-lightbox.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/image-lightbox.json"},{"name":"scroll-story","title":"Scroll story","description":"Binds local scroll progress to chapters that progressively reshape a product scene.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/scroll-story.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/scroll-story.json"},{"name":"procedural-product-viewer","title":"3D product viewer","description":"Presents a procedural 3D product with drag inspection, inertia, and recentering.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/procedural-product-viewer.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/procedural-product-viewer.json"},{"name":"dither-reveal-card","title":"Dither reveal card","description":"Advances a pixel-dither threshold so imagery develops with a tactile texture.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/dither-reveal-card.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/dither-reveal-card.json"},{"name":"network-globe","title":"Network globe","description":"Maps global connections across a 3D globe with nodes, arcs, and selectable focus.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/network-globe.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/network-globe.json"},{"name":"kinetic-logo-exchange","title":"Kinetic logo exchange","description":"Reorders and reveals brand marks in a kinetic queue that yields to user selection.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/kinetic-logo-exchange.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/kinetic-logo-exchange.json"},{"name":"spotlight-bento","title":"Spotlight bento","description":"Carries one continuous spotlight across multiple tiles to unify the bento surface.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/spotlight-bento.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/spotlight-bento.json"},{"name":"scroll-media-expansion","title":"Scroll media expansion","description":"Expands contained media into an immersive hero through chapter scrolling.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/scroll-media-expansion.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/scroll-media-expansion.json"},{"name":"device-scroll-reveal","title":"Device scroll reveal","description":"Advances product screens, chapter copy, and product state inside a device frame.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/device-scroll-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/device-scroll-reveal.json"},{"name":"cinematic-hero","title":"Cinematic hero","description":"Uses image, typography, and action to establish a paced brand opening.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/cinematic-hero.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/cinematic-hero.json"},{"name":"shader-hero","title":"Shader hero","description":"Uses a low-power WebGL field that reshapes around pointer intent.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/shader-hero.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/shader-hero.json"},{"name":"split-screen-reveal","title":"Split screen reveal","description":"Connects two product states or story perspectives with a draggable boundary.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/split-screen-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/split-screen-reveal.json"},{"name":"screenshot-stack","title":"Screenshot stack","description":"Presents multiple product surfaces in depth while retaining the active focus.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/screenshot-stack.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/screenshot-stack.json"},{"name":"terminal-hero","title":"Terminal hero","description":"Demonstrates a developer workflow and result through progressive commands.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/terminal-hero.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/terminal-hero.json"},{"name":"product-orbit-hero","title":"Product orbit hero","description":"Arranges capabilities around a central product object with synchronized focus copy.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/product-orbit-hero.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/product-orbit-hero.json"},{"name":"expandable-card","title":"Expandable card","description":"Expands a compact story card in place into a full reading surface.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/expandable-card.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/expandable-card.json"},{"name":"focus-gallery","title":"Focus gallery","description":"Lets one image gain focus while neighboring media yields.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/focus-gallery.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/focus-gallery.json"},{"name":"card-stack","title":"Card stack","description":"Browses stacked records or stories in a compact space.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/card-stack.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/card-stack.json"},{"name":"animated-testimonials","title":"Animated testimonials","description":"Transitions portrait, quote, attribution, and progress as one evidence unit.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/animated-testimonials.json"},{"name":"coverflow-gallery","title":"Coverflow gallery","description":"Browses media with depth, snapping, and keyboard control.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/coverflow-gallery.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/coverflow-gallery.json"},{"name":"image-trail","title":"Image trail","description":"Generates and retires restrained image fragments along pointer or drag paths.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/image-trail.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/image-trail.json"},{"name":"pixelated-image","title":"Pixelated image","description":"Uses image resolution as a controllable reveal and transition material.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/pixelated-image.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/pixelated-image.json"},{"name":"chromatic-image","title":"Chromatic image","description":"Adds controlled color-channel displacement to editorial media on focus.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/chromatic-image.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/chromatic-image.json"},{"name":"code-comparison","title":"Code comparison","description":"Binds implementation differences and rendered output inside one switchable comparison surface.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/code-comparison.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/code-comparison.json"},{"name":"before-after-comparison","title":"Before and after comparison","description":"Compares two complete image states through a stable boundary.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/before-after-comparison.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/before-after-comparison.json"},{"name":"split-text-reveal","title":"Split text reveal","description":"Reveals a heading by word or character while retaining complete static legibility.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/split-text-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/split-text-reveal.json"},{"name":"text-scramble","title":"Text scramble","description":"Transitions technical labels and status through quick character substitution.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/text-scramble.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/text-scramble.json"},{"name":"text-morph","title":"Text morph","description":"Moves between related phrases within a fixed reading rhythm and stable width.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/text-morph.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/text-morph.json"},{"name":"text-loop","title":"Text loop","description":"Cycles compact, operable messages inside a badge or inline space.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/text-loop.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/text-loop.json"},{"name":"scroll-velocity","title":"Scroll velocity","description":"Lets background typography respond briefly to page velocity and settle readable at rest.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/scroll-velocity.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/scroll-velocity.json"},{"name":"kinetic-heading","title":"Kinetic heading","description":"Changes display-heading spacing, weight, and tension through pointer or keyboard input.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/kinetic-heading.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/kinetic-heading.json"},{"name":"dynamic-toolbar","title":"Dynamic toolbar","description":"Expands compact actions around the current task while retaining a clear primary entry.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/dynamic-toolbar.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/dynamic-toolbar.json"},{"name":"resizable-sidebar","title":"Resizable sidebar","description":"Preserves navigation context while a product sidebar resizes or collapses.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/resizable-sidebar.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/resizable-sidebar.json"},{"name":"notification-center","title":"Notification center","description":"Expands transient notices into a readable, actionable grouped history.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/notification-center.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/notification-center.json"},{"name":"mobile-bottom-sheet","title":"Mobile bottom sheet","description":"Presents mobile actions and detail in a draggable, focus-managed bottom sheet.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/mobile-bottom-sheet.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/mobile-bottom-sheet.json"},{"name":"page-transition-stack","title":"Page transition stack","description":"Preserves route origin and destination meaning through layered page depth.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/page-transition-stack.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/page-transition-stack.json"},{"name":"hover-preview","title":"Hover preview","description":"Previews a destination without leaving place, with keyboard and touch pinning support.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/hover-preview.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/hover-preview.json"},{"name":"workspace-switcher","title":"Workspace switcher","description":"Manages workspace identity, recent state, and selection changes in a compact control.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/workspace-switcher.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/workspace-switcher.json"},{"name":"file-dropzone","title":"File dropzone","description":"Accepts files through drag, picker, and paste with clear intake feedback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/file-dropzone.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/file-dropzone.json"},{"name":"multi-step-form","title":"Multi-step form","description":"Maintains step direction, validation, pending state, and saved progress in a short flow.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/multi-step-form.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/multi-step-form.json"},{"name":"sign-in-flow","title":"Sign-in flow","description":"Coordinates identity input, pending, error, and success while retaining entered context.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/sign-in-flow.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/sign-in-flow.json"},{"name":"onboarding-checklist","title":"Onboarding checklist","description":"Turns setup tasks into a product surface with progress and next-step clarity.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/onboarding-checklist.json"},{"name":"date-range-picker","title":"Date range picker","description":"Distinguishes hover, provisional, confirmed range, and presets inside a calendar grid.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/date-range-picker.json"},{"name":"animated-combobox","title":"Animated combobox","description":"Searches and selects a changing result set while preserving keyboard position.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/animated-combobox.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/animated-combobox.json"},{"name":"inline-edit","title":"Inline edit","description":"Handles read, edit, save, error, and commit states inside shared geometry.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/inline-edit.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/inline-edit.json"},{"name":"animated-empty-state","title":"Animated empty state","description":"Moves a valid empty state directly toward one clear first action and result.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/animated-empty-state.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/animated-empty-state.json"},{"name":"metric-ticker","title":"Metric ticker","description":"Presents KPI, direction, and comparison period as one readable update.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/metric-ticker.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/metric-ticker.json"},{"name":"animated-chart","title":"Animated chart","description":"Compares data ranges and series changes while keeping labels and focus stable.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/animated-chart.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/animated-chart.json"},{"name":"changelog-timeline","title":"Changelog timeline","description":"Presents product or project history with progressive focus.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/changelog-timeline.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/changelog-timeline.json"},{"name":"kanban-board","title":"Kanban board","description":"Moves work across columns while responding through destination, count, and surrounding cards.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/kanban-board.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/kanban-board.json"},{"name":"pricing-calculator","title":"Pricing calculator","description":"Explains changing price through quantity, tier, and billing interval.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/pricing-calculator.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/pricing-calculator.json"},{"name":"add-to-cart-morph","title":"Add-to-cart morph","description":"Connects product selection continuously to a persistent cart confirmation state.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/add-to-cart-morph.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/add-to-cart-morph.json"},{"name":"aurora-canvas","title":"Aurora canvas","description":"Provides a branded atmospheric field that breathes slowly while visible.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/aurora-canvas.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/aurora-canvas.json"},{"name":"grid-distortion","title":"Grid distortion","description":"Bends a grid or media surface around input and returns it smoothly.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/grid-distortion.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/grid-distortion.json"},{"name":"fluid-glass-surface","title":"Fluid glass surface","description":"Creates a refractive glass surface for focused controls or media while preserving legibility.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/fluid-glass-surface.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/fluid-glass-surface.json"},{"name":"primitive-fade-in-fade-out","title":"Fade in / Fade out","description":"Introduce or remove an element with opacity for low-distraction state changes.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-fade-in-fade-out.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-fade-in-fade-out.json"},{"name":"primitive-slide-in","title":"Slide in","description":"Bring content in from a clear direction so its spatial relationship stays legible.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-slide-in.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-slide-in.json"},{"name":"primitive-scale-in","title":"Scale in","description":"Scale from near the final size, with an optional slight overshoot for Pop in.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-scale-in.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-scale-in.json"},{"name":"primitive-reveal","title":"Reveal","description":"Reveal content with clipping and slight travel for headings, media, and sections.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-reveal.json"},{"name":"primitive-stagger","title":"Stagger","description":"Introduce list items at short intervals to communicate order and rhythm.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-stagger.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-stagger.json"},{"name":"primitive-keyframes","title":"Keyframes","description":"Compose multi-stage keyframes, interpolation, stepped motion, and fill behavior.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-keyframes.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-keyframes.json"},{"name":"primitive-duration","title":"Duration","description":"Compare how duration and delay affect response, rhythm, and perceived waiting.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-duration.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-duration.json"},{"name":"primitive-translate","title":"Translate","description":"Combine translation, scale, rotation, skew, perspective, and transform origin.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-translate.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-translate.json"},{"name":"primitive-3d-tilt-flip","title":"3D tilt / Flip","description":"Use controlled perspective and rotation for card flips or hover depth.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-3d-tilt-flip.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-3d-tilt-flip.json"},{"name":"primitive-origin-aware-animation","title":"Origin-aware animation","description":"Expand or scale from the trigger point to preserve spatial continuity.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-origin-aware-animation.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-origin-aware-animation.json"},{"name":"primitive-crossfade","title":"Crossfade","description":"Crossfade overlapping, similarly sized states to reduce visual jumps.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-crossfade.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-crossfade.json"},{"name":"primitive-morph","title":"Morph","description":"Create continuous transformation between before and after layouts of a shared element.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-morph.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-morph.json"},{"name":"primitive-accordion-collapse","title":"Accordion / Collapse","description":"Coordinate height, opacity, and icon state for clear disclosure transitions.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-accordion-collapse.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-accordion-collapse.json"},{"name":"primitive-direction-aware-transition","title":"Direction-aware transition","description":"Match enter and exit directions to navigation order and preserve context.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-direction-aware-transition.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-direction-aware-transition.json"},{"name":"primitive-scroll-reveal","title":"Scroll reveal","description":"Reveal content once as it enters the viewport with a reduced-motion fallback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-scroll-reveal.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-scroll-reveal.json"},{"name":"primitive-scroll-driven-animation","title":"Scroll-driven animation","description":"Bind animation progress to a scroll range and tune its start, end, and travel.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-scroll-driven-animation.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-scroll-driven-animation.json"},{"name":"primitive-parallax","title":"Parallax","description":"Move foreground and background at restrained relative speeds to create depth.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-parallax.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-parallax.json"},{"name":"primitive-page-transition","title":"Page transition","description":"Preserve continuity across page or view changes with a safe fallback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-page-transition.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-page-transition.json"},{"name":"primitive-hover-effect","title":"Hover effect","description":"Reinforce interactivity on pointer hover while keeping layout stable.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-hover-effect.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-hover-effect.json"},{"name":"primitive-press-tap-feedback","title":"Press / Tap feedback","description":"Confirm input immediately with a brief scale and contrast response.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-press-tap-feedback.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-press-tap-feedback.json"},{"name":"primitive-hold-to-confirm","title":"Hold to confirm","description":"Show cancellable progress during hold-to-confirm interactions to reduce mistakes.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-hold-to-confirm.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-hold-to-confirm.json"},{"name":"primitive-drag-to-reorder","title":"Drag to reorder","description":"Keep pickup, placeholder, and drop states clear while reordering.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-drag-to-reorder.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-drag-to-reorder.json"},{"name":"primitive-swipe-to-dismiss","title":"Swipe to dismiss","description":"Map swipe distance to travel and opacity with resistance before the threshold.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-swipe-to-dismiss.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-swipe-to-dismiss.json"},{"name":"primitive-shake-wiggle","title":"Shake / Wiggle","description":"Use one brief horizontal shake for errors or inputs that need attention.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-shake-wiggle.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-shake-wiggle.json"},{"name":"primitive-ripple","title":"Ripple","description":"Expand a restrained ripple from the input coordinate for precise touch feedback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-ripple.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-ripple.json"},{"name":"primitive-easing","title":"Easing","description":"Compare common easing curves and custom cubic-bezier velocity profiles.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-easing.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-easing.json"},{"name":"primitive-spring","title":"Spring","description":"Tune a physical spring response with stiffness, damping, mass, and initial velocity.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-spring.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-spring.json"},{"name":"primitive-loop","title":"Loop","description":"Compare loop direction, count, pauses, and rhythm while controlling distraction.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-loop.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-loop.json"},{"name":"primitive-marquee","title":"Marquee","description":"Continuously scroll overflowing content and pause it on hover or focus.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-marquee.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-marquee.json"},{"name":"primitive-orbit","title":"Orbit","description":"Move a decorative node slowly around a center for low-frequency status displays.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-orbit.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-orbit.json"},{"name":"primitive-idle-animation","title":"Idle animation","description":"Use subtle breathing or floating motion for available, waiting, or active states.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-idle-animation.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-idle-animation.json"},{"name":"primitive-blur","title":"Blur","description":"Reveal media or content layers with coordinated blur, opacity, and masking.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-blur.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-blur.json"},{"name":"primitive-before-after-slider","title":"Before / after slider","description":"Compare before and after states of the same visual with a draggable divider.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-before-after-slider.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-before-after-slider.json"},{"name":"primitive-line-drawing","title":"Line drawing","description":"Draw icons, paths, or explanatory connectors with stroke offset animation.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-line-drawing.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-line-drawing.json"},{"name":"primitive-text-morph","title":"Text morph","description":"Transition between similarly sized short labels while preserving reading position.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-text-morph.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-text-morph.json"},{"name":"primitive-skeleton-shimmer","title":"Skeleton / Shimmer","description":"Communicate loading progress with a low-contrast shimmer across placeholders.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-skeleton-shimmer.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-skeleton-shimmer.json"},{"name":"primitive-number-ticker","title":"Number ticker","description":"Show changing values with tabular figures and stable vertical digit movement.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-number-ticker.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-number-ticker.json"},{"name":"primitive-typewriter","title":"Typewriter","description":"Reveal short text character by character while preserving complete accessible text.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-typewriter.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-typewriter.json"},{"name":"primitive-compositing","title":"Compositing","description":"Compare compositor-friendly properties, hardware-acceleration hints, and layout-triggering properties.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-compositing.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-compositing.json"},{"name":"primitive-anticipation","title":"Anticipation","description":"Tune anticipation, follow-through, and deformation to understand physical feedback.","type":"registry:ui","source_url":"https://motion-lexicon.pages.dev/r/primitive-anticipation.json","install_command":"npx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-anticipation.json"}]},{"id":"motion-primitives","name":"@motion-primitives","slug":"motion-primitives","description":"Motion Primitives is a curated open-source library of beautifully designed, easy-to-integrate motion components built with Motion (formerly Framer Motion) and Tailwind CSS, distributed via shadcn CLI. The components directory ships primitives focused purely on animation and transition behaviors — including Blur Fade, animated transitions, gestures, and layout effects — rather than full UI widgets. Designed as a complement to shadcn/ui, not a replacement. MIT licensed; actively developed with regular new component releases. Use for: layering production-quality entrance animations, shared layout transitions, and gesture-driven interactions onto components that already exist in a shadcn/ui project.","author":"ibelick","framework":"react","license":"MIT","tags":["aesthetic","animation","backgrounds","design-system","forms","hooks","loaders","media","navigation","overlays","pro-available","text-effects"],"categories":["Animated components"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://www.motion-primitives.com","github":"https://github.com/ibelick/motion-primitives","registry":"https://motion-primitives.com/c/registry.json","source":"https://motion-primitives.com/c/registry.json","page":"https://sh4dcn.netlify.app/registry/motion-primitives","markdown":"https://sh4dcn.netlify.app/md/motion-primitives.md"},"logo":"<svg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70' aria-label='MP Logo' width='70' height='70' fill='none'><path stroke='currentColor' stroke-linecap='round' stroke-width='3' d='M51.883 26.495c-7.277-4.124-18.08-7.004-26.519-7.425-2.357-.118-4.407-.244-6.364 1.06M59.642 51c-10.47-7.25-26.594-13.426-39.514-15.664-3.61-.625-6.744-1.202-9.991.263'/></svg>","preview_image":"http://localhost:3000/opengraph-image.jpg?9ca9b9247d6d0fe4","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.motion-primitives.com/"},"metrics":{"github_stars":6834,"open_issues":35,"last_commit":"2026-09-28T13:32:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://motion-primitives.com/c/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://motion-primitives.com/c/registry.json","install_bun":"bunx shadcn@latest add https://motion-primitives.com/c/registry.json","clone":"git clone https://github.com/ibelick/motion-primitives.git","clone_degit":"npx degit ibelick/motion-primitives","registry_fetch":"curl -s https://motion-primitives.com/c/registry.json"},"component_count":33,"components":[{"name":"accordion","title":"Accordion","description":"A collapsible content component with smooth animations for showing and hiding content.","type":"registry:ui","source_url":"https://motion-primitives.com/c/accordion.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/accordion.json"},{"name":"animated-background","title":"Animated Background","description":"A component that provides animated background effects for UI elements.","type":"registry:ui","source_url":"https://motion-primitives.com/c/animated-background.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/animated-background.json"},{"name":"animated-group","title":"Animated Group","description":"A container component that applies coordinated animations to a group of child elements.","type":"registry:ui","source_url":"https://motion-primitives.com/c/animated-group.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/animated-group.json"},{"name":"animated-number","title":"Animated Number","description":"A component that animates number changes with smooth transitions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/animated-number.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/animated-number.json"},{"name":"border-trail","title":"Border Trail","description":"An effect that creates animated border trails around elements on interaction.","type":"registry:ui","source_url":"https://motion-primitives.com/c/border-trail.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/border-trail.json"},{"name":"carousel","title":"Carousel","description":"A component for cycling through elements with smooth transitions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/carousel.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/carousel.json"},{"name":"cursor","title":"Cursor","description":"A custom cursor component with animated effects and interactions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/cursor.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/cursor.json"},{"name":"dialog","title":"Dialog","description":"A modal dialog component with smooth entrance and exit animations.","type":"registry:ui","source_url":"https://motion-primitives.com/c/dialog.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/dialog.json"},{"name":"disclosure","title":"Disclosure","description":"A component that shows and hides content with animated transitions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/disclosure.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/disclosure.json"},{"name":"in-view","title":"In View","description":"A component that triggers animations when elements enter the viewport.","type":"registry:ui","source_url":"https://motion-primitives.com/c/in-view.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/in-view.json"},{"name":"infinite-slider","title":"Infinite Slider","description":"A slider component that loops infinitely through its content.","type":"registry:ui","source_url":"https://motion-primitives.com/c/infinite-slider.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/infinite-slider.json"},{"name":"transition-panel","title":"Transition Panel","description":"A panel component with smooth transitions between different states.","type":"registry:ui","source_url":"https://motion-primitives.com/c/transition-panel.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/transition-panel.json"},{"name":"text-effect","title":"Text Effect","description":"A component that applies animated effects to text content.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-effect.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-effect.json"},{"name":"text-loop","title":"Text Loop","description":"A component that cycles through different text phrases with animations.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-loop.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-loop.json"},{"name":"text-morph","title":"Text Morph","description":"A component that morphs between different text strings with smooth transitions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-morph.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-morph.json"},{"name":"text-roll","title":"Text Roll","description":"A component that animates text with a rolling effect.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-roll.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-roll.json"},{"name":"text-scramble","title":"Text Scramble","description":"A component that creates a scrambling text effect during transitions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-scramble.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-scramble.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"A component that applies a shimmering effect to text.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-shimmer.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-shimmer.json"},{"name":"text-shimmer-wave","title":"Text Shimmer Wave","description":"A component that creates a wave-like shimmer effect on text.","type":"registry:ui","source_url":"https://motion-primitives.com/c/text-shimmer-wave.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/text-shimmer-wave.json"},{"name":"magnetic","title":"Magnetic","description":"A component that creates a magnetic attraction effect on hover.","type":"registry:ui","source_url":"https://motion-primitives.com/c/magnetic.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/magnetic.json"},{"name":"morphing-dialog","title":"Morphing Dialog","description":"A dialog that morphs from its trigger element with smooth transitions.","type":"registry:ui","source_url":"https://motion-primitives.com/c/morphing-dialog.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/morphing-dialog.json"},{"name":"morphing-popover","title":"Morphing Popover","description":"A popover component that morphs from its trigger with fluid animations.","type":"registry:ui","source_url":"https://motion-primitives.com/c/morphing-popover.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/morphing-popover.json"},{"name":"dock","title":"Dock","description":"A macOS-style dock component with scaling and movement effects.","type":"registry:ui","source_url":"https://motion-primitives.com/c/dock.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/dock.json"},{"name":"glow-effect","title":"Glow Effect","description":"A component that creates a glowing effect on elements based on cursor movement.","type":"registry:ui","source_url":"https://motion-primitives.com/c/glow-effect.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/glow-effect.json"},{"name":"image-comparison","title":"Image Comparison","description":"A component for comparing two images with an interactive slider.","type":"registry:ui","source_url":"https://motion-primitives.com/c/image-comparison.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/image-comparison.json"},{"name":"toolbar-dynamic","title":"Toolbar Dynamic","description":"A toolbar component with dynamic appearance based on user interaction.","type":"registry:ui","source_url":"https://motion-primitives.com/c/toolbar-dynamic.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/toolbar-dynamic.json"},{"name":"toolbar-expandable","title":"Toolbar Expandable","description":"An expandable toolbar that reveals additional options with animations.","type":"registry:ui","source_url":"https://motion-primitives.com/c/toolbar-expandable.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/toolbar-expandable.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"A component that applies progressive blur effects to elements.","type":"registry:ui","source_url":"https://motion-primitives.com/c/progressive-blur.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/progressive-blur.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"A component that visualizes scroll progress with animated indicators.","type":"registry:ui","source_url":"https://motion-primitives.com/c/scroll-progress.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/scroll-progress.json"},{"name":"sliding-number","title":"Sliding Number","description":"A component that transitions between numbers with a sliding animation.","type":"registry:ui","source_url":"https://motion-primitives.com/c/sliding-number.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/sliding-number.json"},{"name":"spotlight","title":"Spotlight","description":"A component that creates a spotlight effect following cursor movement.","type":"registry:ui","source_url":"https://motion-primitives.com/c/spotlight.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/spotlight.json"},{"name":"spinning-text","title":"Spinning Text","description":"A component that animates text with a spinning rotation effect.","type":"registry:ui","source_url":"https://motion-primitives.com/c/spinning-text.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/spinning-text.json"},{"name":"tilt","title":"Tilt","description":"A component that applies 3D tilt effects to elements based on cursor position.","type":"registry:ui","source_url":"https://motion-primitives.com/c/tilt.json","install_command":"npx shadcn@latest add https://motion-primitives.com/c/tilt.json"}]},{"id":"motiq","name":"@motiq","slug":"motiq","description":"Production-ready animated React and Next.js components — accessible, reduced-motion-safe and RSC-safe — installable as editable source with the shadcn CLI. Free and open source.","author":"RMahammad","framework":"react","license":"MIT","tags":["accessibility","ai","animation","auth","backgrounds","blocks","buttons","cards","charts","dashboard","design-system","e-commerce","forms","glassmorphism","hooks","icons","loaders","maps","media","mobile","navigation","onboarding","overlays","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://motiq.dev","github":"https://github.com/RMahammad/motiq","registry":"https://motiq.dev/r/registry.json","source":"https://motiq.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/motiq","markdown":"https://sh4dcn.netlify.app/md/motiq.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><defs><linearGradient id='motiq-logo' x1='0' y1='0' x2='24' y2='24' gradientUnits='userSpaceOnUse'><stop stop-color='#7c5cff'/><stop offset='1' stop-color='#4f7cff'/></linearGradient></defs><rect width='24' height='24' rx='6' fill='url(#motiq-logo)'/><path d='M5.6 17.2V6.8h2.5L12 12.3l3.9-5.5h2.5v10.4h-2.4v-6.6L12 16.1 8 10.6v6.6H5.6Z' fill='#fff'/></svg>","preview_image":"https://motiq.dev/opengraph-image?e728f3933fe2c325","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":25,"open_issues":13,"last_commit":"2026-10-26T19:44:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://motiq.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://motiq.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://motiq.dev/r/registry.json","clone":"git clone https://github.com/RMahammad/motiq.git","clone_degit":"npx degit RMahammad/motiq","registry_fetch":"curl -s https://motiq.dev/r/registry.json"},"component_count":100,"components":[{"name":"utils","title":"cn() utility","description":"Tailwind class-merge helper used by every Motiq component.","type":"registry:lib","source_url":"https://motiq.dev/r/utils.json","install_command":"npx shadcn@latest add https://motiq.dev/r/utils.json"},{"name":"primitives","title":"Motion primitives","description":"Shared, dependency-free hooks used across workflow components: useReducedMotion, useVisibilityPause (offscreen pause), useSequence (drive live data over time),…","type":"registry:lib","source_url":"https://motiq.dev/r/primitives.json","install_command":"npx shadcn@latest add https://motiq.dev/r/primitives.json"},{"name":"ai-response-stream","title":"AI Response Stream","description":"Renders a streaming assistant response supplied by your app — text, fenced code with copy, inline [n] citations to a sources rail, and streaming/stopped/comple…","type":"registry:component","source_url":"https://motiq.dev/r/ai-response-stream.json","install_command":"npx shadcn@latest add https://motiq.dev/r/ai-response-stream.json"},{"name":"deployment-pipeline","title":"Deployment Pipeline","description":"Visualize a CI/CD deployment run: ordered stages with queued/running/passed/failed/cancelled/skipped status, running-stage emphasis, per-stage durations, expan…","type":"registry:component","source_url":"https://motiq.dev/r/deployment-pipeline.json","install_command":"npx shadcn@latest add https://motiq.dev/r/deployment-pipeline.json"},{"name":"live-presence-stack","title":"Live Presence Stack","description":"A live avatar stack for collaborative workspaces: animated join/leave without row reflow, per-user active/idle/editing/viewing status (dot + label, never color…","type":"registry:component","source_url":"https://motiq.dev/r/live-presence-stack.json","install_command":"npx shadcn@latest add https://motiq.dev/r/live-presence-stack.json"},{"name":"kpi-number-morph","title":"KPI Number Morph","description":"An accessible KPI stat that smoothly morphs between values with a direction-aware trend (arrow + sign, never color alone). Controlled value; locale, compact, a…","type":"registry:component","source_url":"https://motiq.dev/r/kpi-number-morph.json","install_command":"npx shadcn@latest add https://motiq.dev/r/kpi-number-morph.json"},{"name":"tool-call-activity","title":"Tool Call Activity","description":"A presentation-only live inspector for an AI agent's tool calls — concurrent calls, expand/collapse details, inline approve/reject, retry on failure, and compr…","type":"registry:component","source_url":"https://motiq.dev/r/tool-call-activity.json","install_command":"npx shadcn@latest add https://motiq.dev/r/tool-call-activity.json"},{"name":"live-log-stream","title":"Live Log Stream","description":"A live log viewer for developer surfaces (deploy/build output, jobs, server events): auto-follow that never fights the user's scroll, a \"N new lines\" resume in…","type":"registry:component","source_url":"https://motiq.dev/r/live-log-stream.json","install_command":"npx shadcn@latest add https://motiq.dev/r/live-log-stream.json"},{"name":"activity-stream","title":"Activity Stream","description":"A collaboration/product activity feed that goes beyond a timeline: groups repeated actions, date separators, an unread divider, live arrival insertion, and eve…","type":"registry:component","source_url":"https://motiq.dev/r/activity-stream.json","install_command":"npx shadcn@latest add https://motiq.dev/r/activity-stream.json"},{"name":"streaming-data-rows","title":"Streaming Data Rows","description":"A live operational table your app drives: animated row insertion, update, resort with continuity, per-cell change emphasis (arrow glyph, never color alone), nu…","type":"registry:component","source_url":"https://motiq.dev/r/streaming-data-rows.json","install_command":"npx shadcn@latest add https://motiq.dev/r/streaming-data-rows.json"},{"name":"luminous-topography","title":"Luminous Topography","description":"A distinctive SVG background of layered topographic contours that flow around configurable focal regions, thinning near a foreground safe area so text stays re…","type":"registry:component","source_url":"https://motiq.dev/r/luminous-topography.json","install_command":"npx shadcn@latest add https://motiq.dev/r/luminous-topography.json"},{"name":"workflow-topology-field","title":"Workflow Topology Field","description":"An atmospheric SVG background that renders an application-defined workflow as a topology: nodes with lifecycle status, directed connections, an animated active…","type":"registry:component","source_url":"https://motiq.dev/r/workflow-topology-field.json","install_command":"npx shadcn@latest add https://motiq.dev/r/workflow-topology-field.json"},{"name":"queue-pulse-lanes","title":"Queue Pulse Lanes","description":"A queue/throughput background that renders your lanes rather than decorative streaks: pulses flow through restrained lanes, congestion makes them denser and sl…","type":"registry:component","source_url":"https://motiq.dev/r/queue-pulse-lanes.json","install_command":"npx shadcn@latest add https://motiq.dev/r/queue-pulse-lanes.json"},{"name":"adaptive-safe-zone-grid","title":"Adaptive Safe-Zone Grid","description":"A content-aware structural grid for hero sections: the grid quiets inside one or many safe areas (via an SVG mask) so foreground copy stays readable, while det…","type":"registry:component","source_url":"https://motiq.dev/r/adaptive-safe-zone-grid.json","install_command":"npx shadcn@latest add https://motiq.dev/r/adaptive-safe-zone-grid.json"},{"name":"runtime-signal-map","title":"Runtime Signal Map","description":"An infrastructure-flavored background where signal packets move through an application-defined service topology with health + direction: requests enter at ingr…","type":"registry:component","source_url":"https://motiq.dev/r/runtime-signal-map.json","install_command":"npx shadcn@latest add https://motiq.dev/r/runtime-signal-map.json"},{"name":"event-propagation-matrix","title":"Event Propagation Matrix","description":"A temporal background where application events propagate through a structured cell matrix (rows = regions/streams, cols = time/lanes) — origin cells light, the…","type":"registry:component","source_url":"https://motiq.dev/r/event-propagation-matrix.json","install_command":"npx shadcn@latest add https://motiq.dev/r/event-propagation-matrix.json"},{"name":"data-contour-surface","title":"Data Contour Surface","description":"A data-driven contour background: contours are computed from application-supplied values (signed focal pressure points, thresholds, active/comparison regions) …","type":"registry:component","source_url":"https://motiq.dev/r/data-contour-surface.json","install_command":"npx shadcn@latest add https://motiq.dev/r/data-contour-surface.json"},{"name":"agent-operations-hero","title":"Agent Operations Hero","description":"An editable hero block for AI/automation products that shows a real agent workflow with outcome copy + CTAs. Composes Agent Run Timeline (trimmed), Prompt Comp…","type":"registry:block","source_url":"https://motiq.dev/r/agent-operations-hero.json","install_command":"npx shadcn@latest add https://motiq.dev/r/agent-operations-hero.json"},{"name":"deployment-control-hero","title":"Deployment Control Hero","description":"An editable hero block for developer-tool/infra products showing a real deployment control surface with outcome copy + CTAs. Composes Environment Switcher (sel…","type":"registry:block","source_url":"https://motiq.dev/r/deployment-control-hero.json","install_command":"npx shadcn@latest add https://motiq.dev/r/deployment-control-hero.json"},{"name":"live-data-command-hero","title":"Live Data Command Hero","description":"An editable hero block for operational-data products centered on continuity and changing state. Composes KPI Number Morph (three metrics), Data Refresh State, …","type":"registry:block","source_url":"https://motiq.dev/r/live-data-command-hero.json","install_command":"npx shadcn@latest add https://motiq.dev/r/live-data-command-hero.json"},{"name":"collaborative-launch-hero","title":"Collaborative Launch Hero","description":"An editable hero block for collaboration/review products showing people active, a review underway, and one pending decision with outcome copy + CTAs. Composes …","type":"registry:block","source_url":"https://motiq.dev/r/collaborative-launch-hero.json","install_command":"npx shadcn@latest add https://motiq.dev/r/collaborative-launch-hero.json"},{"name":"source-citation-rail","title":"Source Citation Rail","description":"Presentation-only citation rail that keeps inline [n] markers and a side source list in sync — active-source highlight, expandable excerpts, copy link, open-so…","type":"registry:component","source_url":"https://motiq.dev/r/source-citation-rail.json","install_command":"npx shadcn@latest add https://motiq.dev/r/source-citation-rail.json"},{"name":"api-request-inspector","title":"API Request Inspector","description":"A presentation-only inspection surface for a single HTTP request/response your app already has — method/url/status/duration/timing phases, headers/query/body, …","type":"registry:component","source_url":"https://motiq.dev/r/api-request-inspector.json","install_command":"npx shadcn@latest add https://motiq.dev/r/api-request-inspector.json"},{"name":"approval-workflow","title":"Approval Workflow","description":"Display and control an app-owned approval process — sequential or parallel stages, required/optional reviewers, minimum approvals, current-user actions (approv…","type":"registry:component","source_url":"https://motiq.dev/r/approval-workflow.json","install_command":"npx shadcn@latest add https://motiq.dev/r/approval-workflow.json"},{"name":"filter-result-transition","title":"Filter Result Transition","description":"A transition layer for filtered/searched collections your app drives: cards enter, leave, and reorder with layout continuity, the result count morphs, and empt…","type":"registry:component","source_url":"https://motiq.dev/r/filter-result-transition.json","install_command":"npx shadcn@latest add https://motiq.dev/r/filter-result-transition.json"},{"name":"swipe-action-row","title":"Swipe Action Row","description":"A mobile-first swipe action row that also works with pointer and keyboard: left/right actions with threshold + snap, opt-in full-swipe, only-one-open groups, a…","type":"registry:component","source_url":"https://motiq.dev/r/swipe-action-row.json","install_command":"npx shadcn@latest add https://motiq.dev/r/swipe-action-row.json"},{"name":"agent-run-timeline","title":"Agent Run Timeline","description":"A presentation-only timeline for a multi-step agent / automation run: an ordered rail of steps with tool calls, outputs, errors, retry attempts, optional neste…","type":"registry:component","source_url":"https://motiq.dev/r/agent-run-timeline.json","install_command":"npx shadcn@latest add https://motiq.dev/r/agent-run-timeline.json"},{"name":"environment-switcher","title":"Environment Switcher","description":"A presentation + control surface for choosing the environment an app targets (dev / staging / production, regions, preview branches). Current-environment trigg…","type":"registry:component","source_url":"https://motiq.dev/r/environment-switcher.json","install_command":"npx shadcn@latest add https://motiq.dev/r/environment-switcher.json"},{"name":"comment-thread","title":"Comment Thread","description":"A production comment thread your app persists: root comments + nested replies, mentions, reactions, edit, resolve/reopen, delete, and optimistic send (pending …","type":"registry:component","source_url":"https://motiq.dev/r/comment-thread.json","install_command":"npx shadcn@latest add https://motiq.dev/r/comment-thread.json"},{"name":"data-refresh-state","title":"Data Refresh State","description":"A rich, accessible refresh indicator your app drives: idle, checking, refreshing (determinate or honestly-indeterminate), partially updated, success, stale, of…","type":"registry:component","source_url":"https://motiq.dev/r/data-refresh-state.json","install_command":"npx shadcn@latest add https://motiq.dev/r/data-refresh-state.json"},{"name":"mobile-filter-sheet","title":"Mobile Filter Sheet","description":"A mobile-first filter workflow, not a sheet of checkboxes: app-defined groups (checkbox, radio, range, date, search-within-options, hierarchical, custom) with …","type":"registry:component","source_url":"https://motiq.dev/r/mobile-filter-sheet.json","install_command":"npx shadcn@latest add https://motiq.dev/r/mobile-filter-sheet.json"},{"name":"prompt-composer","title":"Prompt Composer","description":"A presentation-only, production-oriented prompt-composition surface: multiline draft, caret-aware {{variable}} insertion, app-supplied attachments/templates/mo…","type":"registry:component","source_url":"https://motiq.dev/r/prompt-composer.json","install_command":"npx shadcn@latest add https://motiq.dev/r/prompt-composer.json"},{"name":"webhook-event-stream","title":"Webhook Event Stream","description":"A presentation-only console for an app-owned stream of outbound webhook deliveries: animated arrival, per-delivery status (icon+text), retry counts, response c…","type":"registry:component","source_url":"https://motiq.dev/r/webhook-event-stream.json","install_command":"npx shadcn@latest add https://motiq.dev/r/webhook-event-stream.json"},{"name":"mention-suggestions","title":"Mention Suggestions","description":"A presentation-only, fully-controlled @-mention suggestion popup: the app owns the editable field and text insertion while the component renders an accessible,…","type":"registry:component","source_url":"https://motiq.dev/r/mention-suggestions.json","install_command":"npx shadcn@latest add https://motiq.dev/r/mention-suggestions.json"},{"name":"data-quality-status","title":"Data Quality Status","description":"A presentation-only data-quality panel that displays app-supplied freshness/completeness/accuracy metrics (rendering \"Unknown\" when unmeasured), a filterable l…","type":"registry:component","source_url":"https://motiq.dev/r/data-quality-status.json","install_command":"npx shadcn@latest add https://motiq.dev/r/data-quality-status.json"},{"name":"keyboard-safe-form","title":"Keyboard-safe Form","description":"A presentation-only mobile form whose sticky Submit/Cancel bar rides above the virtual keyboard via the VisualViewport API (degrading gracefully to a plain sti…","type":"registry:component","source_url":"https://motiq.dev/r/keyboard-safe-form.json","install_command":"npx shadcn@latest add https://motiq.dev/r/keyboard-safe-form.json"},{"name":"file-upload-pipeline","title":"File Upload Pipeline","description":"An application-controlled file upload workflow: presents app-supplied upload items with progress, pause/resume/retry/cancel/remove, processing stages, and empt…","type":"registry:component","source_url":"https://motiq.dev/r/file-upload-pipeline.json","install_command":"npx shadcn@latest add https://motiq.dev/r/file-upload-pipeline.json"},{"name":"product-variant-selector","title":"Product Variant Selector","description":"A production variant selector for product options (color/size/material/plan/bundle/custom): controlled selection, dependent options, app-supplied availability …","type":"registry:component","source_url":"https://motiq.dev/r/product-variant-selector.json","install_command":"npx shadcn@latest add https://motiq.dev/r/product-variant-selector.json"},{"name":"passkey-setup-flow","title":"Passkey Setup Flow","description":"A presentation + orchestration layer for passkey (WebAuthn) setup. The app supplies WebAuthn operations and results; the component renders intro/capability/nam…","type":"registry:component","source_url":"https://motiq.dev/r/passkey-setup-flow.json","install_command":"npx shadcn@latest add https://motiq.dev/r/passkey-setup-flow.json"},{"name":"message-delivery-states","title":"Message Delivery States","description":"A message list with an honest delivery-receipt layer for chat/support/collaboration: draft/sending/sent/delivered/read/failed/retrying/scheduled/cancelled/edit…","type":"registry:component","source_url":"https://motiq.dev/r/message-delivery-states.json","install_command":"npx shadcn@latest add https://motiq.dev/r/message-delivery-states.json"},{"name":"kanban-card-movement","title":"Kanban Card Movement","description":"An application-controlled Kanban interaction layer: pointer + touch + keyboard/menu card movement, drop validation, optimistic move with failure rollback, drop…","type":"registry:component","source_url":"https://motiq.dev/r/kanban-card-movement.json","install_command":"npx shadcn@latest add https://motiq.dev/r/kanban-card-movement.json"},{"name":"multi-file-queue","title":"Multi-file Queue","description":"A presentation-only queue MANAGER for a collection of files/jobs — priority lanes, concurrency-slot occupancy, blocked-item explanation, queue-level progress, …","type":"registry:component","source_url":"https://motiq.dev/r/multi-file-queue.json","install_command":"npx shadcn@latest add https://motiq.dev/r/multi-file-queue.json"},{"name":"cart-item-transition","title":"Cart Item Transition","description":"An app-controlled animated cart LINE ITEM (not a full cart) — arrival, quantity/total morph, variant crossfade, price-change, limited/unavailable, removal→Undo…","type":"registry:component","source_url":"https://motiq.dev/r/cart-item-transition.json","install_command":"npx shadcn@latest add https://motiq.dev/r/cart-item-transition.json"},{"name":"two-factor-setup-flow","title":"Two-Factor Setup Flow","description":"Orchestration + presentation for adding a second auth factor (authenticator/security-key/SMS/email/recovery-codes/custom). The app supplies all operations + st…","type":"registry:component","source_url":"https://motiq.dev/r/two-factor-setup-flow.json","install_command":"npx shadcn@latest add https://motiq.dev/r/two-factor-setup-flow.json"},{"name":"typing-and-presence","title":"Typing and Presence","description":"A combined real-time typing + participant-presence strip for messaging/collaboration — presence (online/active/idle/away/offline/reconnecting) + typing (typing…","type":"registry:component","source_url":"https://motiq.dev/r/typing-and-presence.json","install_command":"npx shadcn@latest add https://motiq.dev/r/typing-and-presence.json"},{"name":"task-dependency-map","title":"Task Dependency Map","description":"An app-controlled task DEPENDENCY visualization (not a graph editor / not pan-zoom-only). Deterministic dependency-depth layout with static SVG lines, blocked/…","type":"registry:component","source_url":"https://motiq.dev/r/task-dependency-map.json","install_command":"npx shadcn@latest add https://motiq.dev/r/task-dependency-map.json"},{"name":"processing-timeline","title":"Processing Timeline","description":"A presentation-only timeline for ONE ingested item moving through multiple app-owned processing stages (scan → transcode → thumbnail → caption → publish) — per…","type":"registry:component","source_url":"https://motiq.dev/r/processing-timeline.json","install_command":"npx shadcn@latest add https://motiq.dev/r/processing-timeline.json"},{"name":"checkout-progress","title":"Checkout Progress","description":"An app-controlled multi-step checkout progress/orchestration surface (not a payment processor) — current + completed + editable steps, per-step validation + bl…","type":"registry:component","source_url":"https://motiq.dev/r/checkout-progress.json","install_command":"npx shadcn@latest add https://motiq.dev/r/checkout-progress.json"},{"name":"session-security-center","title":"Session Security Center","description":"A presentation + control surface for reviewing and revoking active account sessions — device/browser/os, app-supplied approximate location + IP summary + trust…","type":"registry:component","source_url":"https://motiq.dev/r/session-security-center.json","install_command":"npx shadcn@latest add https://motiq.dev/r/session-security-center.json"},{"name":"thread-expansion","title":"Thread Expansion","description":"A presentation-only navigation + expansion surface for deeply nested discussions — expand/collapse branches, jump to next unread branch, go-to-parent, selected…","type":"registry:component","source_url":"https://motiq.dev/r/thread-expansion.json","install_command":"npx shadcn@latest add https://motiq.dev/r/thread-expansion.json"},{"name":"project-timeline","title":"Project Timeline","description":"An app-controlled, time-scaled project timeline (not a Gantt/charting library) — milestones/phases/tasks/releases/events on a day/week/month axis, current-date…","type":"registry:component","source_url":"https://motiq.dev/r/project-timeline.json","install_command":"npx shadcn@latest add https://motiq.dev/r/project-timeline.json"},{"name":"ai-agent-workspace","title":"AI Agent Workspace","description":"A composed, app-controlled AI agent workspace that composes Agent Run Timeline + Tool Call Activity + AI Response Stream + Source Citation Rail into one realis…","type":"registry:block","source_url":"https://motiq.dev/r/ai-agent-workspace.json","install_command":"npx shadcn@latest add https://motiq.dev/r/ai-agent-workspace.json"},{"name":"deployment-command-center","title":"Deployment Command Center","description":"A composed, app-controlled deploy console block: an Environment Switcher in the top bar, a Deployment Pipeline as the main column, a Live Log Stream beneath it…","type":"registry:block","source_url":"https://motiq.dev/r/deployment-command-center.json","install_command":"npx shadcn@latest add https://motiq.dev/r/deployment-command-center.json"},{"name":"collaborative-review-workspace","title":"Collaborative Review Workspace","description":"A composed review screen: Live Presence Stack, an app-owned Approval Workflow, the Comment Thread, and an Activity Stream wired into one demo state machine — a…","type":"registry:block","source_url":"https://motiq.dev/r/collaborative-review-workspace.json","install_command":"npx shadcn@latest add https://motiq.dev/r/collaborative-review-workspace.json"},{"name":"live-operations-dashboard","title":"Live Operations Dashboard","description":"A composed, app-controlled ops dashboard: KPI Number Morph stats with a Data Refresh State control, a Filter Result Transition section, and a Streaming Data Ro…","type":"registry:block","source_url":"https://motiq.dev/r/live-operations-dashboard.json","install_command":"npx shadcn@latest add https://motiq.dev/r/live-operations-dashboard.json"},{"name":"ai-interface-pack","title":"AI Interface Pack","description":"The complete AI Interface Pack — installs the AI Agent Workspace block and its four components (AI Response Stream, Tool Call Activity, Source Citation Rail, A…","type":"registry:block","source_url":"https://motiq.dev/r/ai-interface-pack.json","install_command":"npx shadcn@latest add https://motiq.dev/r/ai-interface-pack.json"},{"name":"developer-tools-pack","title":"Developer Tools Pack","description":"The complete Developer Tools Pack — installs the Deployment Command Center block and its four components (Deployment Pipeline, Live Log Stream, API Request Ins…","type":"registry:block","source_url":"https://motiq.dev/r/developer-tools-pack.json","install_command":"npx shadcn@latest add https://motiq.dev/r/developer-tools-pack.json"},{"name":"collaboration-pack","title":"Collaboration Pack","description":"The complete Collaboration Pack — installs the Collaborative Review Workspace block and its four components (Live Presence Stack, Activity Stream, Approval Wor…","type":"registry:block","source_url":"https://motiq.dev/r/collaboration-pack.json","install_command":"npx shadcn@latest add https://motiq.dev/r/collaboration-pack.json"},{"name":"data-motion-pack","title":"Data Motion Pack","description":"The complete Data Motion Pack — installs the Live Operations Dashboard block and its four components (KPI Number Morph, Streaming Data Rows, Filter Result Tran…","type":"registry:block","source_url":"https://motiq.dev/r/data-motion-pack.json","install_command":"npx shadcn@latest add https://motiq.dev/r/data-motion-pack.json"},{"name":"kinetic-emphasis","title":"Kinetic Emphasis","description":"A headline where reading emphasis physically travels through the copy: an activation front sweeps in reading order and author-marked <em> phrases ignite into a…","type":"registry:component","source_url":"https://motiq.dev/r/kinetic-emphasis.json","install_command":"npx shadcn@latest add https://motiq.dev/r/kinetic-emphasis.json"},{"name":"blur-text","title":"Blur Text","description":"Reveals text segment-by-segment with a de-blur and drift. Reduced-motion safe.","type":"registry:component","source_url":"https://motiq.dev/r/blur-text.json","install_command":"npx shadcn@latest add https://motiq.dev/r/blur-text.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A surface with a radial glow that follows the pointer. CSS-only, no runtime deps beyond cn.","type":"registry:ui","source_url":"https://motiq.dev/r/spotlight-card.json","install_command":"npx shadcn@latest add https://motiq.dev/r/spotlight-card.json"},{"name":"animated-dialog","title":"Animated Dialog","description":"Radix Dialog with Motion enter/exit choreography (scale, slide-up, fade). Preserves portal, focus trap, Esc, and overlay. Reduced-motion safe.","type":"registry:ui","source_url":"https://motiq.dev/r/animated-dialog.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-dialog.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Radix Tabs with a Motion layoutId sliding active indicator and cross-faded, direction-aware content. Keyboard and roles preserved. Reduced-motion safe.","type":"registry:ui","source_url":"https://motiq.dev/r/animated-tabs.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-tabs.json"},{"name":"animated-accordion","title":"Animated Accordion","description":"Radix Accordion with Motion height/opacity reveal and a rotating chevron. Single/multiple modes, keyboard, and disabled state preserved. Reduced-motion safe.","type":"registry:ui","source_url":"https://motiq.dev/r/animated-accordion.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-accordion.json"},{"name":"animated-button","title":"Animated Button","description":"A real button with press-scale feedback and accessible loading (aria-busy + polite spinner) and success states. Solid, outline, and ghost variants. Reduced-mot…","type":"registry:ui","source_url":"https://motiq.dev/r/animated-button.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-button.json"},{"name":"rotating-text","title":"Rotating Text","description":"Cycles through phrases in place with slide or fade motion. Polite aria-live announces the current word, pauses on hover/focus, and keeps a stable layout. Reduc…","type":"registry:ui","source_url":"https://motiq.dev/r/rotating-text.json","install_command":"npx shadcn@latest add https://motiq.dev/r/rotating-text.json"},{"name":"animated-list","title":"Animated List","description":"A semantic list whose items fade/slide in with a stagger and animate out cleanly on removal, with layout-based reordering. Requires stable keys. Reduced-motion…","type":"registry:ui","source_url":"https://motiq.dev/r/animated-list.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-list.json"},{"name":"animated-grid","title":"Animated Grid","description":"A CSS-only animated grid background layer with a slow drift, optional radial fade mask, and a prefers-reduced-motion stop. No canvas, no JS loop. Decorative.","type":"registry:ui","source_url":"https://motiq.dev/r/animated-grid.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-grid.json"},{"name":"loom-draft","title":"Loom Draft","description":"A living woven fabric background: a shuttle of light races the loom laying luminous weft row by row, an iridescent violet→cyan→pink sheen rolls across the fini…","type":"registry:component","source_url":"https://motiq.dev/r/loom-draft.json","install_command":"npx shadcn@latest add https://motiq.dev/r/loom-draft.json"},{"name":"copperplate-hatch","title":"Copperplate Hatch","description":"An engraved plate lit from within: candle-gold light waves radiate from a focal point and ignite each burin stroke as they pass, making the whole plate glint i…","type":"registry:component","source_url":"https://motiq.dev/r/copperplate-hatch.json","install_command":"npx shadcn@latest add https://motiq.dev/r/copperplate-hatch.json"},{"name":"chart-recorder","title":"Chart Recorder","description":"Five spectrum lanes written live by glowing pens: data packets stream the traces, hot ink cools into a settled trail, and event markers bloom rings as the pens…","type":"registry:component","source_url":"https://motiq.dev/r/chart-recorder.json","install_command":"npx shadcn@latest add https://motiq.dev/r/chart-recorder.json"},{"name":"riso-registration","title":"Riso Registration","description":"Two halftone ink plates hunting for register: pink and blue screen-blended grids drift apart then snap into alignment as a press roller sweeps through. One can…","type":"registry:component","source_url":"https://motiq.dev/r/riso-registration.json","install_command":"npx shadcn@latest add https://motiq.dev/r/riso-registration.json"},{"name":"core-strata","title":"Core Strata","description":"A survey scanner reading the deep record: three parallax strata layers drift while a luminous beam sweeps the core, igniting amber marker seams as it finds the…","type":"registry:component","source_url":"https://motiq.dev/r/core-strata.json","install_command":"npx shadcn@latest add https://motiq.dev/r/core-strata.json"},{"name":"animated-icons","title":"Animated Icons","description":"Two inline-SVG animated icons — AnimatedArrow (nudge) and AnimatedCopy (copy-to-check swap) — triggered on hover, tap, focus, or mount. Decorative and inherit …","type":"registry:ui","source_url":"https://motiq.dev/r/animated-icons.json","install_command":"npx shadcn@latest add https://motiq.dev/r/animated-icons.json"},{"name":"magnetic-dock","title":"Magnetic Dock","description":"A launcher dock whose icons live inside one shared gaussian attraction field instead of per-icon hover states, so neighbours cascade and the bar reads as liqui…","type":"registry:component","source_url":"https://motiq.dev/r/magnetic-dock.json","install_command":"npx shadcn@latest add https://motiq.dev/r/magnetic-dock.json"},{"name":"cursor-comet","title":"Cursor Comet","description":"A canvas particle comet that reads pointer velocity, not just position: a tight ember when you drift, a long azure-to-cyan plume with coral sparks when you fli…","type":"registry:component","source_url":"https://motiq.dev/r/cursor-comet.json","install_command":"npx shadcn@latest add https://motiq.dev/r/cursor-comet.json"},{"name":"lens-card","title":"Lens Card","description":"A refraction lens that floats over your own content: everything under the glass magnifies with a chromatic fringe while the background grid physically bends ar…","type":"registry:component","source_url":"https://motiq.dev/r/lens-card.json","install_command":"npx shadcn@latest add https://motiq.dev/r/lens-card.json"},{"name":"torch-reveal","title":"Torch Reveal","description":"A finished hero with a second layer hiding above it: a soft, flickering torch around the pointer uncovers a blueprint twin, a wireframe, or a before/after rend…","type":"registry:component","source_url":"https://motiq.dev/r/torch-reveal.json","install_command":"npx shadcn@latest add https://motiq.dev/r/torch-reveal.json"},{"name":"gooey-actions","title":"Gooey Actions","description":"A floating action button that blooms into satellite actions through a gooey metaball merge - blur plus alpha contrast under the hood - with underdamped springs…","type":"registry:component","source_url":"https://motiq.dev/r/gooey-actions.json","install_command":"npx shadcn@latest add https://motiq.dev/r/gooey-actions.json"},{"name":"decrypt-text","title":"Decrypt Text","description":"Copy that arrives decoded rather than typed: every glyph boils from the first frame and character i locks at 350 + i·55ms ± 120ms behind a 420ms accent flash. …","type":"registry:component","source_url":"https://motiq.dev/r/decrypt-text.json","install_command":"npx shadcn@latest add https://motiq.dev/r/decrypt-text.json"},{"name":"proximity-type","title":"Proximity Type","description":"A headline with gravity: each character chases a numeric font weight (340 → 900) based on pointer distance with exponential smoothing, so the type visibly lags…","type":"registry:component","source_url":"https://motiq.dev/r/proximity-type.json","install_command":"npx shadcn@latest add https://motiq.dev/r/proximity-type.json"},{"name":"split-flap","title":"Split Flap","description":"A departures board that actually flips: cells step through the charset drum-style with a col·38 + row·110 ± 90ms sweep, 3D top/bottom halves, motion blur on fa…","type":"registry:component","source_url":"https://motiq.dev/r/split-flap.json","install_command":"npx shadcn@latest add https://motiq.dev/r/split-flap.json"},{"name":"liquid-fill-headline","title":"Liquid Fill Headline","description":"An outlined wordmark that fills bottom-up with a sloshing two-polygon clip-path wave rebuilt per frame, settles as the amplitude decays, then takes a coral shi…","type":"registry:component","source_url":"https://motiq.dev/r/liquid-fill-headline.json","install_command":"npx shadcn@latest add https://motiq.dev/r/liquid-fill-headline.json"},{"name":"word-cascade","title":"Word Cascade","description":"Hero copy that arrives cast rather than printed: words are measured into real visual lines and each runs its own underdamped spring (k=180, c=16) with blur, ro…","type":"registry:component","source_url":"https://motiq.dev/r/word-cascade.json","install_command":"npx shadcn@latest add https://motiq.dev/r/word-cascade.json"},{"name":"holo-card","title":"Holo Card","description":"A 3D tilt card that behaves like a physical foil pass: twin underdamped springs (k=120, d=10) chase the pointer so the card lags and overshoots ~6% on release,…","type":"registry:component","source_url":"https://motiq.dev/r/holo-card.json","install_command":"npx shadcn@latest add https://motiq.dev/r/holo-card.json"},{"name":"border-beam-panel","title":"Border Beam Panel","description":"A panel with twin comets orbiting a 2px border ring built from a rotating conic gradient cut by a two-layer CSS alpha mask (never an SVG luminance mask). The a…","type":"registry:component","source_url":"https://motiq.dev/r/border-beam-panel.json","install_command":"npx shadcn@latest add https://motiq.dev/r/border-beam-panel.json"},{"name":"card-stack-deck","title":"Card Stack Deck","description":"A deck that handles like physical cards: every card rides a continuous slot spring (k=90, d=12) and sending the front card drives a 210px side arc, a 150px z-l…","type":"registry:component","source_url":"https://motiq.dev/r/card-stack-deck.json","install_command":"npx shadcn@latest add https://motiq.dev/r/card-stack-deck.json"},{"name":"glass-refraction-panel","title":"Glass Refraction Panel","description":"Frosted panes over a live scene: five gradient orbs drift on lissajous paths across a DPR-capped canvas (additive in dark, soft alpha in light, palette re-read…","type":"registry:component","source_url":"https://motiq.dev/r/glass-refraction-panel.json","install_command":"npx shadcn@latest add https://motiq.dev/r/glass-refraction-panel.json"},{"name":"aurora-panel","title":"Aurora Panel","description":"A product card that carries its own sky: three dual-sine ribbons drift across a canvas roof, softened by one GPU CSS blur at 116% scale with a seeded grain til…","type":"registry:component","source_url":"https://motiq.dev/r/aurora-panel.json","install_command":"npx shadcn@latest add https://motiq.dev/r/aurora-panel.json"},{"name":"sticky-zoom-hero","title":"Sticky Zoom Hero","description":"The opening move of a product page: a framed hero card held at arm's length scales to full bleed as you scroll, the corner radius closes to 0, the vignette lif…","type":"registry:component","source_url":"https://motiq.dev/r/sticky-zoom-hero.json","install_command":"npx shadcn@latest add https://motiq.dev/r/sticky-zoom-hero.json"},{"name":"depth-parallax-scene","title":"Depth Parallax Scene","description":"A world behind the glass: consumer-supplied layers travel at depth-proportional rates as the scene passes through the viewport and drift subtly with the pointe…","type":"registry:component","source_url":"https://motiq.dev/r/depth-parallax-scene.json","install_command":"npx shadcn@latest add https://motiq.dev/r/depth-parallax-scene.json"},{"name":"mask-wipe-sections","title":"Mask Wipe Sections","description":"Chaptered storytelling with hard cuts instead of crossfades: each section is revealed by a scroll-driven clip-path wipe - an angled sweep, an expanding iris, o…","type":"registry:component","source_url":"https://motiq.dev/r/mask-wipe-sections.json","install_command":"npx shadcn@latest add https://motiq.dev/r/mask-wipe-sections.json"},{"name":"scroll-count-stats","title":"Scroll Count Stats","description":"A stats band that is a pure function of scroll progress, so scrolling back rewinds it digit by digit instead of counting once and going inert. Per-digit odomet…","type":"registry:component","source_url":"https://motiq.dev/r/scroll-count-stats.json","install_command":"npx shadcn@latest add https://motiq.dev/r/scroll-count-stats.json"},{"name":"velocity-skew-feed","title":"Velocity Skew Feed","description":"A feed whose cards shear and stretch with scroll velocity and rubber-snap back when you stop. Smoothed velocity drives a real spring (s\" = k(target - s) - c*s'…","type":"registry:component","source_url":"https://motiq.dev/r/velocity-skew-feed.json","install_command":"npx shadcn@latest add https://motiq.dev/r/velocity-skew-feed.json"},{"name":"orbital-gallery","title":"Orbital Gallery","description":"Media cards on a perspective ring you can grab and flick: real inertia clamped to ±6 rad/s decaying as v·e^(−2.2t), an under-damped focus spring, and depth cue…","type":"registry:component","source_url":"https://motiq.dev/r/orbital-gallery.json","install_command":"npx shadcn@latest add https://motiq.dev/r/orbital-gallery.json"},{"name":"flow-warp-image","title":"Flow Warp Image","description":"A media surface that liquefies under the pointer: a 32×20 spring mesh (k=90, c=8) displaces sub-rects of your image with a (1−d/R)² falloff and snaps back elas…","type":"registry:component","source_url":"https://motiq.dev/r/flow-warp-image.json","install_command":"npx shadcn@latest add https://motiq.dev/r/flow-warp-image.json"},{"name":"velocity-marquee","title":"Velocity Marquee","description":"Counter-rotating media rails that feed on page-scroll velocity: a smoothed reading surges them to ~6× and shears them ±10° while you scroll, then exhales back …","type":"registry:component","source_url":"https://motiq.dev/r/velocity-marquee.json","install_command":"npx shadcn@latest add https://motiq.dev/r/velocity-marquee.json"},{"name":"filmstrip-scrub","title":"Filmstrip Scrub","description":"A filmstrip with a spring-loaded playhead (k=90, c=16, ζ≈0.84 — one soft overshoot): hover or drag the strip and the large preview crossfades ⌊p⌋ into ⌈p⌉ by t…","type":"registry:component","source_url":"https://motiq.dev/r/filmstrip-scrub.json","install_command":"npx shadcn@latest add https://motiq.dev/r/filmstrip-scrub.json"},{"name":"compare-reveal","title":"Compare Reveal","description":"A before/after comparator whose divider chases the pointer through a spring (k=140, c=18, ζ≈0.76) so the lag reads as elastic resistance, demonstrates itself o…","type":"registry:component","source_url":"https://motiq.dev/r/compare-reveal.json","install_command":"npx shadcn@latest add https://motiq.dev/r/compare-reveal.json"}]},{"id":"movin","name":"@movin","slug":"movin","description":"288 animated UI components: buttons, toggles, checkboxes, inputs, loaders, radios and cards. Zero dependencies for most, Framer Motion for a few, with a plain HTML/CSS version of each. MIT-0.","author":"raza-ahmed","framework":"react","license":"MIT-0","tags":["3d","animation","audio","backgrounds","buttons","cards","forms","glassmorphism","loaders","marketing","media","mobile","retro","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://movin.design/components/","github":"https://github.com/raza-ahmed/movin-components","registry":"https://movin.design/r/registry.json","source":"https://movin.design/r/registry.json","page":"https://sh4dcn.netlify.app/registry/movin","markdown":"https://sh4dcn.netlify.app/md/movin.md"},"logo":"<svg viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='49.4554' cy='167.851' r='23.2562' fill='currentColor'/><rect x='50.2609' y='74.1316' width='37.5677' height='143.115' rx='18.7839' transform='rotate(-28 50.2609 74.1316)' fill='currentColor'/><rect x='132.641' y='74.1316' width='37.5677' height='143.115' rx='18.7839' transform='rotate(-28 132.641 74.1316)' fill='currentColor'/></svg>","preview_image":"https://movin.design/og-default.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-25T12:43:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://movin.design/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://movin.design/r/registry.json","install_bun":"bunx shadcn@latest add https://movin.design/r/registry.json","clone":"git clone https://github.com/raza-ahmed/movin-components.git","clone_degit":"npx degit raza-ahmed/movin-components","registry_fetch":"curl -s https://movin.design/r/registry.json"},"component_count":250,"components":[{"name":"button-airlock","title":"Airlock button","description":"Two hazard-striped doors seal the button. Hover cracks them apart a few pixels; a click slides them open on an angled seam to show a lit ACCESS GRANTED inside,…","type":"registry:component","source_url":"https://movin.design/r/button-airlock.json","install_command":"npx shadcn@latest add https://movin.design/r/button-airlock.json"},{"name":"button-black-hole","title":"Black Hole button","description":"Hover and the label spirals into a singularity: each letter orbits into the centre, the far ones last, while an accretion disc spins up in 3D. The core flares …","type":"registry:component","source_url":"https://movin.design/r/button-black-hole.json","install_command":"npx shadcn@latest add https://movin.design/r/button-black-hole.json"},{"name":"button-blueprint","title":"Blueprint button","description":"Hover turns the button into its own spec drawing: the face becomes a dashed outline on a grid, extension guides draw out, and dimension lines with arrowheads l…","type":"registry:component","source_url":"https://movin.design/r/button-blueprint.json","install_command":"npx shadcn@latest add https://movin.design/r/button-blueprint.json"},{"name":"button-circuit","title":"Circuit button","description":"A button wired into a circuit board. On hover, current pulses race along every trace from the pads into the button, and the button powers up as the first pulse…","type":"registry:component","source_url":"https://movin.design/r/button-circuit.json","install_command":"npx shadcn@latest add https://movin.design/r/button-circuit.json"},{"name":"button-constellation","title":"Constellation button","description":"Drifting points of light fill the button and wire themselves together whenever they pass close. Move the cursor over it and nearby nodes reach out to it with l…","type":"registry:component","source_url":"https://movin.design/r/button-constellation.json","install_command":"npx shadcn@latest add https://movin.design/r/button-constellation.json"},{"name":"button-crt-power","title":"CRT Power button","description":"A tiny CRT screen as a power button. A click switches it off the way old tubes did: the picture collapses to a bright line, then a dot, and an afterglow linger…","type":"registry:component","source_url":"https://movin.design/r/button-crt-power.json","install_command":"npx shadcn@latest add https://movin.design/r/button-crt-power.json"},{"name":"button-data-rain","title":"Data Rain button","description":"Hover and columns of glyphs start pouring down behind the label, each column at its own speed with a fading trail. Leave and the columns finish their fall and …","type":"registry:component","source_url":"https://movin.design/r/button-data-rain.json","install_command":"npx shadcn@latest add https://movin.design/r/button-data-rain.json"},{"name":"button-dot-matrix","title":"Dot Matrix button","description":"An LED dot-matrix panel spells the label in lit dots. On hover or focus it scrolls the message like a station marquee, starting exactly where the resting word …","type":"registry:component","source_url":"https://movin.design/r/button-dot-matrix.json","install_command":"npx shadcn@latest add https://movin.design/r/button-dot-matrix.json"},{"name":"button-echo-stack","title":"Echo Stack button","description":"Ghost copies of the button hide behind it. On hover they fan out up and to the left in depth, each fainter than the last and lagging slightly; a click slams th…","type":"registry:component","source_url":"https://movin.design/r/button-echo-stack.json","install_command":"npx shadcn@latest add https://movin.design/r/button-echo-stack.json"},{"name":"button-fingerprint","title":"Fingerprint button","description":"Press and hold to scan a fingerprint. A beam sweeps over the pad while the ridges draw in one after another; let go early and they fade back. Hold long enough …","type":"registry:component","source_url":"https://movin.design/r/button-fingerprint.json","install_command":"npx shadcn@latest add https://movin.design/r/button-fingerprint.json"},{"name":"button-force-field","title":"Force Field button","description":"Hover raises a honeycomb shield around the button. A click sends a ripple through the hex cells from the exact point you clicked (the centre, from the keyboard…","type":"registry:component","source_url":"https://movin.design/r/button-force-field.json","install_command":"npx shadcn@latest add https://movin.design/r/button-force-field.json"},{"name":"button-glass","title":"Glass button","description":"A frosted glass pane floating over drifting soft lights. Move the cursor around it and the lights behind the glass gather toward the pointer one after another,…","type":"registry:component","source_url":"https://movin.design/r/button-glass.json","install_command":"npx shadcn@latest add https://movin.design/r/button-glass.json"},{"name":"button-gyroscope","title":"Gyroscope button","description":"Three gimbal rings, each with a glowing bead, tumble in 3D around a pill button. Hover or focus locks them: every ring swings flat with a spring into one halo …","type":"registry:component","source_url":"https://movin.design/r/button-gyroscope.json","install_command":"npx shadcn@latest add https://movin.design/r/button-gyroscope.json"},{"name":"button-hologram","title":"Hologram button","description":"A button projected as a hologram: it floats above an emitter on a cone of light, with scanlines and a bright band rolling down its face. At rest it flickers li…","type":"registry:component","source_url":"https://movin.design/r/button-hologram.json","install_command":"npx shadcn@latest add https://movin.design/r/button-hologram.json"},{"name":"button-horizon-grid","title":"Horizon Grid button","description":"A synthwave button: a perspective grid floor rushes toward you under a slatted sun on the horizon line. Hover hits the throttle, running the floor four times f…","type":"registry:component","source_url":"https://movin.design/r/button-horizon-grid.json","install_command":"npx shadcn@latest add https://movin.design/r/button-horizon-grid.json"},{"name":"button-iris","title":"Iris button","description":"A camera aperture as a button. Six shaded blades meet in a closed iris; on hover or focus they twist open together to reveal the action glowing inside, and clo…","type":"registry:component","source_url":"https://movin.design/r/button-iris.json","install_command":"npx shadcn@latest add https://movin.design/r/button-iris.json"},{"name":"button-laser-etch","title":"Laser Etch button","description":"An outlined label waits to be engraved. On hover a laser line sweeps across the button, filling the letters in solid behind it and throwing sparks from the bea…","type":"registry:component","source_url":"https://movin.design/r/button-laser-etch.json","install_command":"npx shadcn@latest add https://movin.design/r/button-laser-etch.json"},{"name":"button-launch","title":"Launch button","description":"Click to launch: the button counts down T-3, T-2, T-1 while it rumbles and its engine flickers, then lifts off with a full flame and smoke puffs fanning along …","type":"registry:component","source_url":"https://movin.design/r/button-launch.json","install_command":"npx shadcn@latest add https://movin.design/r/button-launch.json"},{"name":"button-liquid-chrome","title":"Liquid Chrome button","description":"A polished metal pill. Its banded reflections drift slowly on their own and slide against the cursor as you move over it, the way they would on a curved surfac…","type":"registry:component","source_url":"https://movin.design/r/button-liquid-chrome.json","install_command":"npx shadcn@latest add https://movin.design/r/button-liquid-chrome.json"},{"name":"button-moire","title":"Moire button","description":"Two identical ring gratings overlap inside the button. One centre circles slowly by itself and follows the cursor on hover, so the overlap beats into moving op…","type":"registry:component","source_url":"https://movin.design/r/button-moire.json","install_command":"npx shadcn@latest add https://movin.design/r/button-moire.json"},{"name":"button-morse","title":"Morse button","description":"Hover and the button transmits its label in Morse code: a paper tape of dots and dashes runs past a read head while a lamp blinks in time with every mark. Leav…","type":"registry:component","source_url":"https://movin.design/r/button-morse.json","install_command":"npx shadcn@latest add https://movin.design/r/button-morse.json"},{"name":"button-oscilloscope","title":"Oscilloscope button","description":"A button with a live oscilloscope screen. The trace runs as a sine at rest, bends into a square wave and speeds up on hover, and a click fires a pulse that tra…","type":"registry:component","source_url":"https://movin.design/r/button-oscilloscope.json","install_command":"npx shadcn@latest add https://movin.design/r/button-oscilloscope.json"},{"name":"button-pattern-lock","title":"Pattern Lock button","description":"A lock button with a 3x3 pattern pad. Drag through four or more dots to unlock: each dot lights with a springy halo and a glowing line follows your finger. Too…","type":"registry:component","source_url":"https://movin.design/r/button-pattern-lock.json","install_command":"npx shadcn@latest add https://movin.design/r/button-pattern-lock.json"},{"name":"button-plasma","title":"Plasma button","description":"Live turbulent energy churns inside a pill button: bright filaments of plasma that never repeat. At rest they smoulder faintly; hover turns them up to a blaze …","type":"registry:component","source_url":"https://movin.design/r/button-plasma.json","install_command":"npx shadcn@latest add https://movin.design/r/button-plasma.json"},{"name":"button-quantum","title":"Quantum button","description":"The label sits in superposition: three faint copies of the button jitter between positions out of step. Hover or focus observes it, and they collapse instantly…","type":"registry:component","source_url":"https://movin.design/r/button-quantum.json","install_command":"npx shadcn@latest add https://movin.design/r/button-quantum.json"},{"name":"button-radar","title":"Radar button","description":"A round radar scope as a button. A beam sweeps round the range rings, and each contact lights up the moment the beam passes over it, then fades. Hover brighten…","type":"registry:component","source_url":"https://movin.design/r/button-radar.json","install_command":"npx shadcn@latest add https://movin.design/r/button-radar.json"},{"name":"button-reactor","title":"Reactor button","description":"A round reactor core as a toggle button: three segmented rings counter-rotate around a breathing core. Hover spins the rings up without a jump; a click ignites…","type":"registry:component","source_url":"https://movin.design/r/button-reactor.json","install_command":"npx shadcn@latest add https://movin.design/r/button-reactor.json"},{"name":"button-target-lock","title":"Target Lock button","description":"HUD targeting brackets drift loosely outside the button. On hover or focus they snap onto it with a springy lock, crosshair ticks appear, and a readout above r…","type":"registry:component","source_url":"https://movin.design/r/button-target-lock.json","install_command":"npx shadcn@latest add https://movin.design/r/button-target-lock.json"},{"name":"button-teleport","title":"Teleport button","description":"Click and the button is beamed out: it breaks into tiles that stretch up and vanish into a column of light, bottom row first, then rematerialises tile by tile …","type":"registry:component","source_url":"https://movin.design/r/button-teleport.json","install_command":"npx shadcn@latest add https://movin.design/r/button-teleport.json"},{"name":"button-terminal","title":"Terminal button","description":"A button that is a tiny terminal window. A click types out the deploy command, runs an ASCII progress bar to 100% in uneven steps, prints a success line, then …","type":"registry:component","source_url":"https://movin.design/r/button-terminal.json","install_command":"npx shadcn@latest add https://movin.design/r/button-terminal.json"},{"name":"button-tesla","title":"Tesla button","description":"A button between two electrodes. At rest a short spark crackles now and then; on hover live arcs leap across the top of the button, redrawn many times a second…","type":"registry:component","source_url":"https://movin.design/r/button-tesla.json","install_command":"npx shadcn@latest add https://movin.design/r/button-tesla.json"},{"name":"button-thermal","title":"Thermal button","description":"A heat camera as a button. The cursor leaves a warm trail that blooms outward in blocky cells and cools slowly, banded like a thermal readout, with the peak te…","type":"registry:component","source_url":"https://movin.design/r/button-thermal.json","install_command":"npx shadcn@latest add https://movin.design/r/button-thermal.json"},{"name":"button-warp","title":"Warp button","description":"A starfield drifts slowly out from the centre of the button. On hover the stars stretch into hyperspace streaks and race past, and the label spreads as if acce…","type":"registry:component","source_url":"https://movin.design/r/button-warp.json","install_command":"npx shadcn@latest add https://movin.design/r/button-warp.json"},{"name":"button-waveform","title":"Waveform button","description":"A pill button filled with equaliser bars that idle gently, then swell and dance around the cursor as if it were the sound source, brightening where the energy …","type":"registry:component","source_url":"https://movin.design/r/button-waveform.json","install_command":"npx shadcn@latest add https://movin.design/r/button-waveform.json"},{"name":"button-wireframe","title":"Wireframe button","description":"A 3D slab drawn in wire, turned at an angle with dashed hidden edges. On hover it squares up to face you and materialises face by face, each side filling in a …","type":"registry:component","source_url":"https://movin.design/r/button-wireframe.json","install_command":"npx shadcn@latest add https://movin.design/r/button-wireframe.json"},{"name":"button-filings","title":"Filings button","description":"A field of 52 compass needles inside the button, every one turning to point at the cursor wherever it is on the page, brighter and longer the closer it gets, w…","type":"registry:component","source_url":"https://movin.design/r/button-filings.json","install_command":"npx shadcn@latest add https://movin.design/r/button-filings.json"},{"name":"button-fold","title":"Fold button","description":"The button is a sheet of paper. A click folds the top half down over the bottom like a letter, its underside showing and the crease casting a shadow; it holds …","type":"registry:component","source_url":"https://movin.design/r/button-fold.json","install_command":"npx shadcn@latest add https://movin.design/r/button-fold.json"},{"name":"button-goo","title":"Goo button","description":"Liquid metaballs from one SVG filter: everything inside is blurred and its alpha thresholded back to a hard edge, so shapes that come close melt together. On h…","type":"registry:component","source_url":"https://movin.design/r/button-goo.json","install_command":"npx shadcn@latest add https://movin.design/r/button-goo.json"},{"name":"button-halftone","title":"Halftone button","description":"Three dot screens on one 7px grid: a faint base, a brighter screen whose dots swell under the cursor through a radial mask, and a ring of bright dots that roll…","type":"registry:component","source_url":"https://movin.design/r/button-halftone.json","install_command":"npx shadcn@latest add https://movin.design/r/button-halftone.json"},{"name":"button-loupe","title":"Loupe button","description":"A magnifying glass follows the cursor across the button at 2.5x, rendered from a clone of the content shifted by CSS so the point under the cursor sits in the …","type":"registry:component","source_url":"https://movin.design/r/button-loupe.json","install_command":"npx shadcn@latest add https://movin.design/r/button-loupe.json"},{"name":"button-membrane","title":"Membrane button","description":"The button is a rubber skin drawn as an SVG path. Leave it and the edge you exit through stretches after the cursor until it lets go and wobbles home on a spri…","type":"registry:component","source_url":"https://movin.design/r/button-membrane.json","install_command":"npx shadcn@latest add https://movin.design/r/button-membrane.json"},{"name":"button-morph-text","title":"Morph Text button","description":"On hover the label melts into the next word. Both words blur through each other while letter-spacing shifts, and an SVG alpha-threshold filter turns the overla…","type":"registry:component","source_url":"https://movin.design/r/button-morph-text.json","install_command":"npx shadcn@latest add https://movin.design/r/button-morph-text.json"},{"name":"button-particle-text","title":"Particle Text button","description":"The label is redrawn from every inked pixel of the word, one canvas particle each, springing to its home. The cursor brushes the particles aside like dust and …","type":"registry:component","source_url":"https://movin.design/r/button-particle-text.json","install_command":"npx shadcn@latest add https://movin.design/r/button-particle-text.json"},{"name":"button-pull-cord","title":"Pull Cord button","description":"A lamp switch: a cord hangs from the button with a bead on the end. Drag the bead down past the trigger point and let go to turn it on; the cord springs back a…","type":"registry:component","source_url":"https://movin.design/r/button-pull-cord.json","install_command":"npx shadcn@latest add https://movin.design/r/button-pull-cord.json"},{"name":"button-shatter","title":"Shatter button","description":"A click breaks the button into 24 irregular triangular shards, each a clone of the face clipped with clip-path. They burst away from the click point in 3D, han…","type":"registry:component","source_url":"https://movin.design/r/button-shatter.json","install_command":"npx shadcn@latest add https://movin.design/r/button-shatter.json"},{"name":"button-split-flap","title":"Split-Flap button","description":"An airport departures board. Each letter is a split-flap tile; on hover the tiles flip left to right through a few random characters on hinged leaves before la…","type":"registry:component","source_url":"https://movin.design/r/button-split-flap.json","install_command":"npx shadcn@latest add https://movin.design/r/button-split-flap.json"},{"name":"button-swipe-confirm","title":"Swipe to Confirm button","description":"A slide-to-confirm track for actions that should not happen by accident. Drag the knob to the end and the track floods light while the arrow redraws as a check…","type":"registry:component","source_url":"https://movin.design/r/button-swipe-confirm.json","install_command":"npx shadcn@latest add https://movin.design/r/button-swipe-confirm.json"},{"name":"button-ticket","title":"Ticket button","description":"A ticket with a perforated stub. Hover tugs at the stub; a click tears it off along the perforation and it tumbles away while the ticket reads Admitted, then a…","type":"registry:component","source_url":"https://movin.design/r/button-ticket.json","install_command":"npx shadcn@latest add https://movin.design/r/button-ticket.json"},{"name":"button-tide","title":"Tide button","description":"Liquid rises inside the button on hover with two SVG wave layers rolling across its surface, and sloshes against the walls when the cursor moves fast: horizont…","type":"registry:component","source_url":"https://movin.design/r/button-tide.json","install_command":"npx shadcn@latest add https://movin.design/r/button-tide.json"},{"name":"button-tile-flip","title":"Tile Flip button","description":"The surface is a 12x4 grid of tiles. Entering flips them over in a wave that spreads from the exact point the cursor came in, each tile turning about the axis …","type":"registry:component","source_url":"https://movin.design/r/button-tile-flip.json","install_command":"npx shadcn@latest add https://movin.design/r/button-tile-flip.json"},{"name":"button-border-beam","title":"Border Beam button","description":"On hover, a white light beam races continuously around the button border. A 2px-padded wrapper div clips a large rotating conic-gradient square: only the borde…","type":"registry:component","source_url":"https://movin.design/r/button-border-beam.json","install_command":"npx shadcn@latest add https://movin.design/r/button-border-beam.json"},{"name":"button-burst-ring","title":"Burst Ring button","description":"On click, a single transparent ring (border only, no fill) expands outward from the exact click point and fades, different from ripple which fills. Multiple ri…","type":"registry:component","source_url":"https://movin.design/r/button-burst-ring.json","install_command":"npx shadcn@latest add https://movin.design/r/button-burst-ring.json"},{"name":"button-charge","title":"Charge button","description":"A fighting-game style button: hover to charge a light gray power bar from left to right over 1.5 seconds via requestAnimationFrame. When the bar reaches 100%, …","type":"registry:component","source_url":"https://movin.design/r/button-charge.json","install_command":"npx shadcn@latest add https://movin.design/r/button-charge.json"},{"name":"button-confetti","title":"Confetti button","description":"On click, 22 grayscale rectangular particles are spawned from the click point inside a relatively-positioned wrapper. Each particle flies outward in an evenly …","type":"registry:component","source_url":"https://movin.design/r/button-confetti.json","install_command":"npx shadcn@latest add https://movin.design/r/button-confetti.json"},{"name":"button-count-up","title":"Count Up button","description":"Each click increments a visible counter badge inside the button. The badge pops with a spring-overshoot scale keyframe animation on every increment, re-trigger…","type":"registry:component","source_url":"https://movin.design/r/button-count-up.json","install_command":"npx shadcn@latest add https://movin.design/r/button-count-up.json"},{"name":"button-cube-face","title":"Cube Face button","description":"On click, a 3D cube rotates 90 degrees on the X axis to reveal a second face with a confirmation message. Uses CSS transform-style: preserve-3d with two absolu…","type":"registry:component","source_url":"https://movin.design/r/button-cube-face.json","install_command":"npx shadcn@latest add https://movin.design/r/button-cube-face.json"},{"name":"button-diamond","title":"Diamond button","description":"A diamond-shaped button using a 45-degree rotated wrapper with counter-rotated text. On hover, the button scales up, the background gradient brightens, and a p…","type":"registry:component","source_url":"https://movin.design/r/button-diamond.json","install_command":"npx shadcn@latest add https://movin.design/r/button-diamond.json"},{"name":"button-elastic-press","title":"Elastic Press button","description":"On click, a CSS keyframe animation fires, squishing the button horizontally then snapping back with an overshoot oscillation that simulates spring physics. The…","type":"registry:component","source_url":"https://movin.design/r/button-elastic-press.json","install_command":"npx shadcn@latest add https://movin.design/r/button-elastic-press.json"},{"name":"button-glitch","title":"Glitch button","description":"Two cloned text layers are absolutely positioned over the button. On hover, staggered clip-path animations in steps() slice each clone into horizontal bands wh…","type":"registry:component","source_url":"https://movin.design/r/button-glitch.json","install_command":"npx shadcn@latest add https://movin.design/r/button-glitch.json"},{"name":"button-gradient-border","title":"Gradient Border button","description":"A silver highlight spins continuously around the button border; on hover it brightens to white and casts a soft blurred halo. CSS @property angle and colour, n…","type":"registry:component","source_url":"https://movin.design/r/button-gradient-border.json","install_command":"npx shadcn@latest add https://movin.design/r/button-gradient-border.json"},{"name":"button-health-bar","title":"Health Bar button","description":"A game-style HP bar embedded in the button body. On hover, the bar drains from 100% to 28% over 800ms with a CSS width transition; the bar dims from bright to …","type":"registry:component","source_url":"https://movin.design/r/button-health-bar.json","install_command":"npx shadcn@latest add https://movin.design/r/button-health-bar.json"},{"name":"button-hexagon","title":"Hexagon button","description":"A flat-top hexagonal button using clip-path: polygon(). On hover, a circular silver fill expands from the center with a spring overshoot (cubic-bezier(0.34, 1.…","type":"registry:component","source_url":"https://movin.design/r/button-hexagon.json","install_command":"npx shadcn@latest add https://movin.design/r/button-hexagon.json"},{"name":"button-hold-confirm","title":"Hold to Confirm button","description":"Hold the mouse button down to fill a circular SVG progress ring. Progress is driven by requestAnimationFrame over a 1.5-second duration. Releasing early resets…","type":"registry:component","source_url":"https://movin.design/r/button-hold-confirm.json","install_command":"npx shadcn@latest add https://movin.design/r/button-hold-confirm.json"},{"name":"button-ink-stamp","title":"Ink Stamp button","description":"On click, a circular ink-blot radial gradient expands from the center of the button and fades out via a CSS keyframe animation. The effect is re-triggered on e…","type":"registry:component","source_url":"https://movin.design/r/button-ink-stamp.json","install_command":"npx shadcn@latest add https://movin.design/r/button-ink-stamp.json"},{"name":"button-jello-wobble","title":"Jello Wobble button","description":"On hover, the button squishes and stretches with a decaying scaleX/scaleY oscillation that simulates rubber or jello physics, starting with a large deformation…","type":"registry:component","source_url":"https://movin.design/r/button-jello-wobble.json","install_command":"npx shadcn@latest add https://movin.design/r/button-jello-wobble.json"},{"name":"button-loading-lock","title":"Loading Lock button","description":"On click, the button transitions through three states: idle (padlock icon) → loading (spinning SVG arc, 1.6s) → done (checkmark, bright white). Auto-resets to …","type":"registry:component","source_url":"https://movin.design/r/button-loading-lock.json","install_command":"npx shadcn@latest add https://movin.design/r/button-loading-lock.json"},{"name":"button-magnetic","title":"Magnetic button","description":"The button follows the cursor with spring physics, pulling toward the mouse like a magnet and bouncing back on leave.","type":"registry:component","source_url":"https://movin.design/r/button-magnetic.json","install_command":"npx shadcn@latest add https://movin.design/r/button-magnetic.json"},{"name":"button-morph-shape","title":"Morph Shape button","description":"On hover, the button morphs from a pill shape to a circle: the width collapses and border-radius transitions to 50%. The text label fades out and a decorative …","type":"registry:component","source_url":"https://movin.design/r/button-morph-shape.json","install_command":"npx shadcn@latest add https://movin.design/r/button-morph-shape.json"},{"name":"button-neon-pulse","title":"Neon Pulse button","description":"A white neon glow breathes in and out continuously around the button using layered box-shadows, ideal for a primary CTA that demands attention. Pure CSS, no de…","type":"registry:component","source_url":"https://movin.design/r/button-neon-pulse.json","install_command":"npx shadcn@latest add https://movin.design/r/button-neon-pulse.json"},{"name":"button-octagon","title":"Octagon button","description":"An 8-sided button shaped with a CSS clip-path polygon. On hover, the entire shape rotates 22.5 degrees with a spring overshoot, the background gradient fills i…","type":"registry:component","source_url":"https://movin.design/r/button-octagon.json","install_command":"npx shadcn@latest add https://movin.design/r/button-octagon.json"},{"name":"button-orbit-particles","title":"Orbit Particles button","description":"On hover, 6 dots orbit the button in a continuous circle via CSS keyframes. Each dot shares a single rotate→translateX→counter-rotate keyframe; staggered negat…","type":"registry:component","source_url":"https://movin.design/r/button-orbit-particles.json","install_command":"npx shadcn@latest add https://movin.design/r/button-orbit-particles.json"},{"name":"button-pop-forward","title":"Pop Forward button","description":"On hover, the button pops toward the viewer using CSS 3D transforms: translateZ(28px) and scale(1.06) with a spring cubic-bezier. A deep drop shadow grows to r…","type":"registry:component","source_url":"https://movin.design/r/button-pop-forward.json","install_command":"npx shadcn@latest add https://movin.design/r/button-pop-forward.json"},{"name":"button-press-3d","title":"Press 3D button","description":"A chunky RPG-style button with a thick box-shadow that simulates physical depth. On mousedown it snaps down 5px while the shadow collapses, then springs back o…","type":"registry:component","source_url":"https://movin.design/r/button-press-3d.json","install_command":"npx shadcn@latest add https://movin.design/r/button-press-3d.json"},{"name":"button-retro-pixel","title":"Retro Pixel button","description":"8-bit game-style button with a chunky pixel border (outline + box-shadow), scanline overlay via repeating-linear-gradient, monospace font, and a stepped jitter…","type":"registry:component","source_url":"https://movin.design/r/button-retro-pixel.json","install_command":"npx shadcn@latest add https://movin.design/r/button-retro-pixel.json"},{"name":"button-ripple","title":"Ripple button","description":"A soft white ripple circle expands from the exact click point and fades out: Material Design's satisfying click feedback pattern. Pure CSS animation, no depend…","type":"registry:component","source_url":"https://movin.design/r/button-ripple.json","install_command":"npx shadcn@latest add https://movin.design/r/button-ripple.json"},{"name":"button-rotating-gradient","title":"Rotating Gradient button","description":"On hover, a large conic-gradient layer (alternating dark and light grays) fades in behind the button text and spins continuously via a rotate(360deg) keyframe …","type":"registry:component","source_url":"https://movin.design/r/button-rotating-gradient.json","install_command":"npx shadcn@latest add https://movin.design/r/button-rotating-gradient.json"},{"name":"button-scramble","title":"Scramble button","description":"On hover, characters randomize from a pool of alphanumeric and symbol characters at 40ms intervals. Characters resolve to the real label progressively left-to-…","type":"registry:component","source_url":"https://movin.design/r/button-scramble.json","install_command":"npx shadcn@latest add https://movin.design/r/button-scramble.json"},{"name":"button-shimmer-sweep","title":"Shimmer Sweep button","description":"A skewed diagonal glare band slides across the button from left to right on hover. The glare is a semi-transparent white gradient on an absolutely-positioned s…","type":"registry:component","source_url":"https://movin.design/r/button-shimmer-sweep.json","install_command":"npx shadcn@latest add https://movin.design/r/button-shimmer-sweep.json"},{"name":"button-shockwave","title":"Shockwave button","description":"On click, 3 bright rings burst from the click point with staggered delays (0ms, 120ms, 240ms), each expanding and fading for a shockwave effect. Rings are spaw…","type":"registry:component","source_url":"https://movin.design/r/button-shockwave.json","install_command":"npx shadcn@latest add https://movin.design/r/button-shockwave.json"},{"name":"button-skewed","title":"Skewed button","description":"A parallelogram-shaped button using clip-path. On hover, a gradient fill sweeps in from the left with a skewed transform, while the text colour transitions to …","type":"registry:component","source_url":"https://movin.design/r/button-skewed.json","install_command":"npx shadcn@latest add https://movin.design/r/button-skewed.json"},{"name":"button-slide-fill","title":"Slide Fill button","description":"A mid-gray fill slides in from the left to fill the button on hover, then retreats on mouse-leave. Pure CSS transitions, no dependencies.","type":"registry:component","source_url":"https://movin.design/r/button-slide-fill.json","install_command":"npx shadcn@latest add https://movin.design/r/button-slide-fill.json"},{"name":"button-spotlight","title":"Spotlight button","description":"A soft circle of light fades in under the cursor and follows it across the button, written to CSS custom properties on mousemove so nothing re-renders. The res…","type":"registry:component","source_url":"https://movin.design/r/button-spotlight.json","install_command":"npx shadcn@latest add https://movin.design/r/button-spotlight.json"},{"name":"button-stagger-letters","title":"Stagger Letters button","description":"On hover, each letter of the button label jumps upward with a spring-overshoot cubic-bezier transition, staggered by 38ms per character. All letters return to …","type":"registry:component","source_url":"https://movin.design/r/button-stagger-letters.json","install_command":"npx shadcn@latest add https://movin.design/r/button-stagger-letters.json"},{"name":"button-swap-text","title":"Swap Text button","description":"The button label slides upward out of frame on hover while a secondary label slides in from below: a clean way to surface a call-to-action hint. Pure CSS trans…","type":"registry:component","source_url":"https://movin.design/r/button-swap-text.json","install_command":"npx shadcn@latest add https://movin.design/r/button-swap-text.json"},{"name":"button-tilt-3d","title":"Tilt 3D button","description":"A Framer Motion button that rotates in 3D perspective as the cursor moves across it, using useMotionValue and useSpring to track mouse position into rotateX/ro…","type":"registry:component","source_url":"https://movin.design/r/button-tilt-3d.json","install_command":"npx shadcn@latest add https://movin.design/r/button-tilt-3d.json"},{"name":"button-typewriter","title":"Typewriter button","description":"On hover, the button label erases character-by-character at 45ms intervals then retypes an alternate label at 55ms intervals. On mouse leave the process revers…","type":"registry:component","source_url":"https://movin.design/r/button-typewriter.json","install_command":"npx shadcn@latest add https://movin.design/r/button-typewriter.json"},{"name":"button-wipe-swap","title":"Wipe Swap button","description":"On hover, the primary label slides out to the left while a secondary label simultaneously slides in from the right, both driven by the same translateX transiti…","type":"registry:component","source_url":"https://movin.design/r/button-wipe-swap.json","install_command":"npx shadcn@latest add https://movin.design/r/button-wipe-swap.json"},{"name":"button-xp-gain","title":"XP Gain button","description":"On each click, a \"+100 XP\" label floats upward from the click position and fades out over 860ms via CSS keyframes. A running total increments in the button lab…","type":"registry:component","source_url":"https://movin.design/r/button-xp-gain.json","install_command":"npx shadcn@latest add https://movin.design/r/button-xp-gain.json"},{"name":"card-achievement","title":"Achievement card","description":"Click to unlock an achievement: the badge flips over from a lock to a glowing medal, rays burst behind it and sparks fly out, and the XP bar fills with the poi…","type":"registry:component","source_url":"https://movin.design/r/card-achievement.json","install_command":"npx shadcn@latest add https://movin.design/r/card-achievement.json"},{"name":"card-bank-card","title":"Bank Card card","description":"A brushed-metal bank card. On hover it lifts and tilts, the contactless waves pulse, and the masked number scrambles into view digit by digit, left to right; l…","type":"registry:component","source_url":"https://movin.design/r/card-bank-card.json","install_command":"npx shadcn@latest add https://movin.design/r/card-bank-card.json"},{"name":"card-bento","title":"Bento card","description":"A bento-box dashboard whose four tiles reshuffle into a new layout every couple of seconds, each gliding and resizing to its new place without overlapping the …","type":"registry:component","source_url":"https://movin.design/r/card-bento.json","install_command":"npx shadcn@latest add https://movin.design/r/card-bento.json"},{"name":"card-boarding-pass","title":"Boarding Pass card","description":"A flight ticket with a tear-off stub: on hover the little plane flies the dashed route arc from origin to destination, banking to follow the curve.","type":"registry:component","source_url":"https://movin.design/r/card-boarding-pass.json","install_command":"npx shadcn@latest add https://movin.design/r/card-boarding-pass.json"},{"name":"card-chat","title":"Chat card","description":"A conversation that plays itself out: typing dots appear, then each message springs in from its own side, until the thread is full and starts again.","type":"registry:component","source_url":"https://movin.design/r/card-chat.json","install_command":"npx shadcn@latest add https://movin.design/r/card-chat.json"},{"name":"card-compass","title":"Compass card","description":"A compass card whose needle swings toward the cursor anywhere on the page with a damped wobble, overshooting and settling like a real needle; left alone it hun…","type":"registry:component","source_url":"https://movin.design/r/card-compass.json","install_command":"npx shadcn@latest add https://movin.design/r/card-compass.json"},{"name":"card-countdown","title":"Countdown card","description":"A launch countdown: days, hours, minutes and seconds on rolling digit reels that spring to each new value, with a small ring draining once a minute in the corn…","type":"registry:component","source_url":"https://movin.design/r/card-countdown.json","install_command":"npx shadcn@latest add https://movin.design/r/card-countdown.json"},{"name":"card-cube","title":"Cube card","description":"A stats card with four faces on a 3D cube: the arrow buttons turn it to the next face with a springy rotation, and the dots below track which face is showing.","type":"registry:component","source_url":"https://movin.design/r/card-cube.json","install_command":"npx shadcn@latest add https://movin.design/r/card-cube.json"},{"name":"card-dimmer","title":"Dimmer card","description":"A smart-light card: drag the wide slider and the bulb fills with light, the card warms with a glow behind it and the readout follows, down to Off.","type":"registry:component","source_url":"https://movin.design/r/card-dimmer.json","install_command":"npx shadcn@latest add https://movin.design/r/card-dimmer.json"},{"name":"card-enhance","title":"Enhance card","description":"A photo card that enhances on hover: the picture starts as a few big pixels and resolves step by step, 6, 12, 24, 48 columns and then full resolution, with the…","type":"registry:component","source_url":"https://movin.design/r/card-enhance.json","install_command":"npx shadcn@latest add https://movin.design/r/card-enhance.json"},{"name":"card-focus","title":"Focus card","description":"A scene in depth that you focus like a camera: move the pointer up and down and the focus pulls between the far mountains and the near grass, with a distance r…","type":"registry:component","source_url":"https://movin.design/r/card-focus.json","install_command":"npx shadcn@latest add https://movin.design/r/card-focus.json"},{"name":"card-folder","title":"Folder card","description":"A file folder that opens on hover: the front flap tilts down toward you and the papers inside fan up and out, one after another.","type":"registry:component","source_url":"https://movin.design/r/card-folder.json","install_command":"npx shadcn@latest add https://movin.design/r/card-folder.json"},{"name":"card-gauge","title":"Gauge card","description":"A speedometer dial for CPU load: on hover the needle sweeps up from zero with a springy overshoot, the arc fills behind it and the readout counts up to match; …","type":"registry:component","source_url":"https://movin.design/r/card-gauge.json","install_command":"npx shadcn@latest add https://movin.design/r/card-gauge.json"},{"name":"card-id-badge","title":"ID Badge card","description":"An access badge: on hover a scan line sweeps down it, each field ticks as the line passes its row, and a CLEARED stamp slams onto the photo at the end.","type":"registry:component","source_url":"https://movin.design/r/card-id-badge.json","install_command":"npx shadcn@latest add https://movin.design/r/card-id-badge.json"},{"name":"card-island","title":"Island card","description":"A compact now-playing pill with live equaliser bars that morphs into a full player card on hover, Dynamic Island style: it springs wider and taller, and the ar…","type":"registry:component","source_url":"https://movin.design/r/card-island.json","install_command":"npx shadcn@latest add https://movin.design/r/card-island.json"},{"name":"card-layers","title":"Layers card","description":"Hover explodes the card into its stacked layers in isometric view, like a design file: surface, media, text and action float apart in depth, each labelled with…","type":"registry:component","source_url":"https://movin.design/r/card-layers.json","install_command":"npx shadcn@latest add https://movin.design/r/card-layers.json"},{"name":"card-orbit-profile","title":"Orbit Profile card","description":"A profile card whose skill tags orbit the avatar in a tilted ring, passing in front and behind. On hover the orbit stops, the avatar and name lift, and the tag…","type":"registry:component","source_url":"https://movin.design/r/card-orbit-profile.json","install_command":"npx shadcn@latest add https://movin.design/r/card-orbit-profile.json"},{"name":"card-pipeline","title":"Pipeline card","description":"A deploy pipeline that runs itself: build, test and deploy each spin while they run, tick and hand off along a filling connector to the next, with a log line u…","type":"registry:component","source_url":"https://movin.design/r/card-pipeline.json","install_command":"npx shadcn@latest add https://movin.design/r/card-pipeline.json"},{"name":"card-planet","title":"Planet card","description":"A planet card: a shaded world turns as its cloud bands drift across it, and a small moon orbits, passing behind the planet and then in front of it.","type":"registry:component","source_url":"https://movin.design/r/card-planet.json","install_command":"npx shadcn@latest add https://movin.design/r/card-planet.json"},{"name":"card-polaroid","title":"Polaroid card","description":"An instant photo that develops as you hover: the milky film clears and the blurred, flat image sharpens and gains contrast over a couple of seconds, while the …","type":"registry:component","source_url":"https://movin.design/r/card-polaroid.json","install_command":"npx shadcn@latest add https://movin.design/r/card-polaroid.json"},{"name":"card-pop-out","title":"Pop-out card","description":"A framed planet card: on hover the planet breaks out of the frame toward you, rising and growing with a drop shadow, while the frame tilts back and sinks away.","type":"registry:component","source_url":"https://movin.design/r/card-pop-out.json","install_command":"npx shadcn@latest add https://movin.design/r/card-pop-out.json"},{"name":"card-poster","title":"Poster card","description":"A type poster: on hover the headline flips letter by letter from MAKE IT to MOVE IT, each letter swinging on its baseline, while hazard stripes slide in across…","type":"registry:component","source_url":"https://movin.design/r/card-poster.json","install_command":"npx shadcn@latest add https://movin.design/r/card-poster.json"},{"name":"card-qr-assemble","title":"QR Assemble card","description":"A ticket card whose QR code assembles itself: at rest it shows random noise, and on hover the modules sort themselves into a code with staggered pops, then the…","type":"registry:component","source_url":"https://movin.design/r/card-qr-assemble.json","install_command":"npx shadcn@latest add https://movin.design/r/card-qr-assemble.json"},{"name":"card-route","title":"Route card","description":"A map card where a car drives the route between pins, the road ahead bright and the driven part fading back, while the ETA in the panel counts down to Arrived.","type":"registry:component","source_url":"https://movin.design/r/card-route.json","install_command":"npx shadcn@latest add https://movin.design/r/card-route.json"},{"name":"card-scrubber","title":"Scrubber card","description":"A month schedule you flick through: drag or flick the ruler and it glides on with momentum before snapping to a day, the ticks swell under the needle like a do…","type":"registry:component","source_url":"https://movin.design/r/card-scrubber.json","install_command":"npx shadcn@latest add https://movin.design/r/card-scrubber.json"},{"name":"card-shatter","title":"Shatter card","description":"A sealed mystery card. Click and it cracks from exactly where you clicked into 3D shards that fly apart and fall away, revealing a reward underneath; click aga…","type":"registry:component","source_url":"https://movin.design/r/card-shatter.json","install_command":"npx shadcn@latest add https://movin.design/r/card-shatter.json"},{"name":"card-showcase","title":"Showcase card","description":"A product on a turntable: a small 3D cube speaker turns slowly on a plinth above its own floor reflection. Hover spins the turntable up without a jump and swee…","type":"registry:component","source_url":"https://movin.design/r/card-showcase.json","install_command":"npx shadcn@latest add https://movin.design/r/card-showcase.json"},{"name":"card-skyline","title":"Skyline card","description":"An activity grid as a 3D city: twelve weeks of days become bars that rise in a diagonal wave. Move the pointer and the whole city turns to follow it; hover a b…","type":"registry:component","source_url":"https://movin.design/r/card-skyline.json","install_command":"npx shadcn@latest add https://movin.design/r/card-skyline.json"},{"name":"card-synth","title":"Synth card","description":"A tiny synth module: drag the two knobs to shape a live waveform on the little screen. Freq packs more cycles in; Shape morphs it smoothly from sine through tr…","type":"registry:component","source_url":"https://movin.design/r/card-synth.json","install_command":"npx shadcn@latest add https://movin.design/r/card-synth.json"},{"name":"card-tank","title":"Tank card","description":"A storage card filled with liquid. Move the cursor across it and the liquid leans toward you and sloshes, stirring the surface where you cross it; Clean up dra…","type":"registry:component","source_url":"https://movin.design/r/card-tank.json","install_command":"npx shadcn@latest add https://movin.design/r/card-tank.json"},{"name":"card-unfold","title":"Unfold card","description":"A folded walking map. Hover and the gatefold flaps swing open in 3D, right then left, the inside catches the light, and the route draws across the map with its…","type":"registry:component","source_url":"https://movin.design/r/card-unfold.json","install_command":"npx shadcn@latest add https://movin.design/r/card-unfold.json"},{"name":"card-vinyl","title":"Vinyl card","description":"A record in its sleeve: on hover the vinyl slides out of the sleeve and spins up, its grooves catching a fixed sheen, while the tonearm swings in over it a bea…","type":"registry:component","source_url":"https://movin.design/r/card-vinyl.json","install_command":"npx shadcn@latest add https://movin.design/r/card-vinyl.json"},{"name":"card-voice-note","title":"Voice Note card","description":"A voice-note bubble: press play and the waveform fills from left to right as it plays while the timer counts, click anywhere on the waveform to seek, and it st…","type":"registry:component","source_url":"https://movin.design/r/card-voice-note.json","install_command":"npx shadcn@latest add https://movin.design/r/card-voice-note.json"},{"name":"card-weather","title":"Weather card","description":"A weather card with light rain falling behind the reading. Hover brings the storm in: the rain thickens, the cloud darkens, lightning flashes with the sky, and…","type":"registry:component","source_url":"https://movin.design/r/card-weather.json","install_command":"npx shadcn@latest add https://movin.design/r/card-weather.json"},{"name":"card-x-ray","title":"X-Ray card","description":"A finished card with an x-ray lens: move the pointer over it and a round lens follows, showing the wireframe underneath, the same layout drawn as dashed boxes …","type":"registry:component","source_url":"https://movin.design/r/card-x-ray.json","install_command":"npx shadcn@latest add https://movin.design/r/card-x-ray.json"},{"name":"card-diorama","title":"Diorama card","description":"A paper-cut landscape behind a window frame. On hover the card turns in 3D and its four paper layers (sky, far mountains, near hills, frame) pull apart in dept…","type":"registry:component","source_url":"https://movin.design/r/card-diorama.json","install_command":"npx shadcn@latest add https://movin.design/r/card-diorama.json"},{"name":"card-envelope","title":"Envelope card","description":"An envelope with a seal. On hover the flap swings open in 3D and, once past edge-on, drops behind the letter through a delayed z-index; then an invitation card…","type":"registry:component","source_url":"https://movin.design/r/card-envelope.json","install_command":"npx shadcn@latest add https://movin.design/r/card-envelope.json"},{"name":"card-holo","title":"Holo Foil card","description":"A collectible trading card. It tilts toward the cursor while a silver holographic foil (light bands plus a sparkle screen, colour-dodged) slides across it and …","type":"registry:component","source_url":"https://movin.design/r/card-holo.json","install_command":"npx shadcn@latest add https://movin.design/r/card-holo.json"},{"name":"card-ink-reveal","title":"Ink Reveal card","description":"A liquid blob of ink trails the cursor across the card, a head and a tapering tail of droplets melting together through an SVG goo filter inside an alpha mask,…","type":"registry:component","source_url":"https://movin.design/r/card-ink-reveal.json","install_command":"npx shadcn@latest add https://movin.design/r/card-ink-reveal.json"},{"name":"card-lenticular","title":"Lenticular card","description":"A ridged plastic lenticular card holding two pictures. Moving across it tilts the card and switches day to night through interleaved strips that widen with a r…","type":"registry:component","source_url":"https://movin.design/r/card-lenticular.json","install_command":"npx shadcn@latest add https://movin.design/r/card-lenticular.json"},{"name":"card-peel","title":"Peel card","description":"A sticker on a card. Hovering curls its corner; drag the corner and it peels back along a true fold line (the perpendicular bisector of corner and pointer), th…","type":"registry:component","source_url":"https://movin.design/r/card-peel.json","install_command":"npx shadcn@latest add https://movin.design/r/card-peel.json"},{"name":"card-receipt","title":"Receipt card","description":"A payment terminal card. On hover its light blinks and a receipt prints out of the slot in steps() jerks like a thermal printer, line items, total and barcode,…","type":"registry:component","source_url":"https://movin.design/r/card-receipt.json","install_command":"npx shadcn@latest add https://movin.design/r/card-receipt.json"},{"name":"card-scratch","title":"Scratch-off card","description":"A scratch card. Drag across the silver foil (a canvas) to erase it with destination-out strokes while flakes fall from the scratch; once about half is gone the…","type":"registry:component","source_url":"https://movin.design/r/card-scratch.json","install_command":"npx shadcn@latest add https://movin.design/r/card-scratch.json"},{"name":"card-swipe-deck","title":"Swipe Deck card","description":"A deck of cards you fling. Drag the top card and it tilts with the throw while a Keep or Skip stamp fades in by direction; let go far enough and it flies off a…","type":"registry:component","source_url":"https://movin.design/r/card-swipe-deck.json","install_command":"npx shadcn@latest add https://movin.design/r/card-swipe-deck.json"},{"name":"card-trifold","title":"Tri-fold card","description":"A folded brochure showing its cover. On hover the right panel swings open, then the left, each shading as it turns away from the light, laying out three steps …","type":"registry:component","source_url":"https://movin.design/r/card-trifold.json","install_command":"npx shadcn@latest add https://movin.design/r/card-trifold.json"},{"name":"card-aurora","title":"Aurora card","description":"Three blurred light blobs of different brightness drift slowly behind the card content; on hover the aurora blooms brighter and wider. Pure CSS keyframes, no d…","type":"registry:component","source_url":"https://movin.design/r/card-aurora.json","install_command":"npx shadcn@latest add https://movin.design/r/card-aurora.json"},{"name":"card-border-glow","title":"Border Glow card","description":"A conic highlight spins continuously around the card edge; on hover it brightens to white and casts a soft blurred halo. Uses @property for the angle and a tra…","type":"registry:component","source_url":"https://movin.design/r/card-border-glow.json","install_command":"npx shadcn@latest add https://movin.design/r/card-border-glow.json"},{"name":"card-color-reveal","title":"Color Reveal card","description":"A solid mid-gray overlay slides up from the bottom on hover, fully covering the card with secondary content. Pure CSS transitions, no dependencies.","type":"registry:component","source_url":"https://movin.design/r/card-color-reveal.json","install_command":"npx shadcn@latest add https://movin.design/r/card-color-reveal.json"},{"name":"card-flip","title":"Flip card","description":"Card rotates 180° on the Y axis on hover to reveal a back face. Uses CSS preserve-3d and backface-visibility for a physical 3D flip.","type":"registry:component","source_url":"https://movin.design/r/card-flip.json","install_command":"npx shadcn@latest add https://movin.design/r/card-flip.json"},{"name":"card-glitch","title":"Glitch card","description":"On hover, two ghost copies of the card clip to random horizontal bands and translate sideways (one inverted, one overexposed), simulating a corrupted signal. P…","type":"registry:component","source_url":"https://movin.design/r/card-glitch.json","install_command":"npx shadcn@latest add https://movin.design/r/card-glitch.json"},{"name":"card-gradient-drift","title":"Gradient Drift card","description":"The card header runs a multi-stop grayscale gradient that slowly drifts left-to-right in a continuous loop: an ambient living colour effect. Pure CSS, no depen…","type":"registry:component","source_url":"https://movin.design/r/card-gradient-drift.json","install_command":"npx shadcn@latest add https://movin.design/r/card-gradient-drift.json"},{"name":"card-hover-lift","title":"Hover Lift card","description":"Card floats upward and casts a deeper shadow on hover. Spring overshoot easing gives it a satisfying pop. Pure CSS transitions, no dependencies.","type":"registry:component","source_url":"https://movin.design/r/card-hover-lift.json","install_command":"npx shadcn@latest add https://movin.design/r/card-hover-lift.json"},{"name":"card-magnetic","title":"Magnetic card","description":"Card layers move toward the cursor at different strengths (the orb the most, the backdrop at 30%, the text at 15%), creating a parallax depth illusion without …","type":"registry:component","source_url":"https://movin.design/r/card-magnetic.json","install_command":"npx shadcn@latest add https://movin.design/r/card-magnetic.json"},{"name":"card-neon-glow","title":"Neon Glow card","description":"On hover the card border lights up in silver and a layered box-shadow creates a bright neon halo effect. Pure CSS transitions, no dependencies.","type":"registry:component","source_url":"https://movin.design/r/card-neon-glow.json","install_command":"npx shadcn@latest add https://movin.design/r/card-neon-glow.json"},{"name":"card-shimmer","title":"Shimmer card","description":"A bright diagonal light streak sweeps across the card on hover using a CSS ::after pseudo-element, and the border stays lit while hovered. Resets instantly on …","type":"registry:component","source_url":"https://movin.design/r/card-shimmer.json","install_command":"npx shadcn@latest add https://movin.design/r/card-shimmer.json"},{"name":"card-spotlight","title":"Spotlight card","description":"A soft radial light fades in and follows the cursor across the card, like a torch, while the border lights up. Pure CSS + mouse tracking, no dependencies.","type":"registry:component","source_url":"https://movin.design/r/card-spotlight.json","install_command":"npx shadcn@latest add https://movin.design/r/card-spotlight.json"},{"name":"card-stack","title":"Stack card","description":"Three layered cards sit in a tight stack at rest. On hover they fan outward (back card rotates −6° and slides left, middle rotates +5° and slides right, front …","type":"registry:component","source_url":"https://movin.design/r/card-stack.json","install_command":"npx shadcn@latest add https://movin.design/r/card-stack.json"},{"name":"card-tilt","title":"Tilt card","description":"Card tilts in 3D toward the cursor using CSS perspective and rotateX/Y driven by mouse position. Springs back to flat on leave.","type":"registry:component","source_url":"https://movin.design/r/card-tilt.json","install_command":"npx shadcn@latest add https://movin.design/r/card-tilt.json"},{"name":"card-typewriter","title":"Typewriter card","description":"Hover erases the card title and description character-by-character then retypes new content, terminal-style with a blinking cursor visible during the erase/typ…","type":"registry:component","source_url":"https://movin.design/r/card-typewriter.json","install_command":"npx shadcn@latest add https://movin.design/r/card-typewriter.json"},{"name":"card-wipe-reveal","title":"Wipe Reveal card","description":"Hover sweeps a clip-path from inset(0 0 100% 0) to inset(0 0 0 0): a bottom-to-top wipe that reveals hidden card content. A placeholder state fades out simulta…","type":"registry:component","source_url":"https://movin.design/r/card-wipe-reveal.json","install_command":"npx shadcn@latest add https://movin.design/r/card-wipe-reveal.json"},{"name":"checkbox-blocks","title":"Blocks checkbox","description":"A falling blocks checkbox: ticking drops pixel blocks into the box row by row until they stack into a tick, each squashing as it lands; unticking clears the li…","type":"registry:component","source_url":"https://movin.design/r/checkbox-blocks.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-blocks.json"},{"name":"checkbox-calendar","title":"Calendar checkbox","description":"A tear-off calendar checkbox: ticking flips today's page up over the binding to show the day ticked off underneath; unticking flips it back down.","type":"registry:component","source_url":"https://movin.design/r/checkbox-calendar.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-calendar.json"},{"name":"checkbox-catapult","title":"Catapult checkbox","description":"A catapult checkbox: ticking swings the arm and flings the tick in a spinning arc into the box, which lights as it lands; unticking hops it back into the cup.","type":"registry:component","source_url":"https://movin.design/r/checkbox-catapult.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-catapult.json"},{"name":"checkbox-claw","title":"Claw checkbox","description":"A claw machine checkbox: ticking lowers the claw into the bin, opens it and lets the tick drop; unticking sends it back down to grab the tick and lift it out a…","type":"registry:component","source_url":"https://movin.design/r/checkbox-claw.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-claw.json"},{"name":"checkbox-coin","title":"Coin checkbox","description":"A tip jar checkbox: ticking drops the coin into the slot, the machine clunks and its little display lights with a tick; unticking pops the coin back out.","type":"registry:component","source_url":"https://movin.design/r/checkbox-coin.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-coin.json"},{"name":"checkbox-crt","title":"CRT checkbox","description":"A tiny CRT screen checkbox: ticking powers the tube on from a line to a glowing tick behind scanlines; unticking collapses the picture to a line, then a dot th…","type":"registry:component","source_url":"https://movin.design/r/checkbox-crt.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-crt.json"},{"name":"checkbox-dart","title":"Dart checkbox","description":"A dartboard checkbox: ticking throws a dart into the bullseye, the board jolts, a ring flashes and the dart quivers before it settles; unticking pulls it out.","type":"registry:component","source_url":"https://movin.design/r/checkbox-dart.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-dart.json"},{"name":"checkbox-deboss","title":"Deboss checkbox","description":"A letterpress checkbox: ticking brings a press plate down onto a paper square, it gives under the pressure, and the plate lifts to leave the tick pressed into …","type":"registry:component","source_url":"https://movin.design/r/checkbox-deboss.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-deboss.json"},{"name":"checkbox-dovetail","title":"Dovetail checkbox","description":"A woodwork checkbox: the second half of a dovetail joint slides down into the first, completing the tick that runs across both, and the joint thuds as it seats.","type":"registry:component","source_url":"https://movin.design/r/checkbox-dovetail.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-dovetail.json"},{"name":"checkbox-etch","title":"Etch checkbox","description":"A sketch toy checkbox: ticking turns the two knobs and a line draws the tick on the screen; unticking shakes the toy and the drawing fades away.","type":"registry:component","source_url":"https://movin.design/r/checkbox-etch.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-etch.json"},{"name":"checkbox-filament","title":"Filament checkbox","description":"A light bulb checkbox whose filament is the tick: ticking flickers it on until it glows with a halo; unticking lets it cool slowly, the way a real filament doe…","type":"registry:component","source_url":"https://movin.design/r/checkbox-filament.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-filament.json"},{"name":"checkbox-gears","title":"Gears checkbox","description":"A gears checkbox: two meshed gears turn together, the small one the other way and faster, until the tick on the big gear stands upright and lights.","type":"registry:component","source_url":"https://movin.design/r/checkbox-gears.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-gears.json"},{"name":"checkbox-gift","title":"Gift checkbox","description":"A present checkbox: ticking pops the lid off the box, it flies up and lands askew, and a tick springs out of the box; unticking sinks the tick and closes the l…","type":"registry:component","source_url":"https://movin.design/r/checkbox-gift.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-gift.json"},{"name":"checkbox-highlighter","title":"Highlighter checkbox","description":"A checkbox that highlights its own label: ticking, a marker nib swipes across the text leaving a skewed band of ink, and the box fills with the same ink; untic…","type":"registry:component","source_url":"https://movin.design/r/checkbox-highlighter.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-highlighter.json"},{"name":"checkbox-hoop","title":"Hoop checkbox","description":"A basketball checkbox: ticking shoots the ball in an arc through the hoop, the net swishes and the backboard lights with a tick; unticking rolls the ball back.","type":"registry:component","source_url":"https://movin.design/r/checkbox-hoop.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-hoop.json"},{"name":"checkbox-invisible-ink","title":"Invisible Ink checkbox","description":"An invisible ink checkbox: ticking sweeps a UV light across the box, showing the hidden tick only where the light shines, then the whole tick lights up and glo…","type":"registry:component","source_url":"https://movin.design/r/checkbox-invisible-ink.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-invisible-ink.json"},{"name":"checkbox-jelly","title":"Jelly checkbox","description":"A jelly cube checkbox: ticking squashes it and it wobbles, stretching tall and wide in turn, while the tick drops in and sets; unticking gives a smaller wobble.","type":"registry:component","source_url":"https://movin.design/r/checkbox-jelly.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-jelly.json"},{"name":"checkbox-mailbox","title":"Mailbox checkbox","description":"A mailbox checkbox: ticking slides a letter in through the door and then swings the flag up with a bounce, lighting it; unticking lowers the flag again.","type":"registry:component","source_url":"https://movin.design/r/checkbox-mailbox.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-mailbox.json"},{"name":"checkbox-marble","title":"Marble checkbox","description":"A marble run checkbox: ticking rolls a marble down the ramp, over the edge and into the hole in the box, where it lands with a bounce and the hole glows; untic…","type":"registry:component","source_url":"https://movin.design/r/checkbox-marble.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-marble.json"},{"name":"checkbox-markdown","title":"Markdown checkbox","description":"A Markdown task checkbox: ticking blinks a caret between the brackets and types an x into them; unticking deletes it, and the task text dims while it is done.","type":"registry:component","source_url":"https://movin.design/r/checkbox-markdown.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-markdown.json"},{"name":"checkbox-merge","title":"Merge checkbox","description":"A git branch checkbox: ticking draws the branch curving back into main, the merge commit fills with a tick and pulses; unticking leaves the branch open again.","type":"registry:component","source_url":"https://movin.design/r/checkbox-merge.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-merge.json"},{"name":"checkbox-pencil","title":"Pencil checkbox","description":"A checkbox with a pencil in it: ticking, the pencil sweeps in and sketches a hand-drawn tick; unticking, it flips round and the eraser scrubs the mark out, she…","type":"registry:component","source_url":"https://movin.design/r/checkbox-pencil.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-pencil.json"},{"name":"checkbox-pluck","title":"Pluck checkbox","description":"A string checkbox: the tick is a string between two pins. Ticking pulls its middle down taut into a tick; unticking lets go and it twangs back and forth across…","type":"registry:component","source_url":"https://movin.design/r/checkbox-pluck.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-pluck.json"},{"name":"checkbox-polaroid","title":"Polaroid checkbox","description":"An instant photo checkbox: ticking gives the print a shake and the picture slowly develops, from dark and blurred to a sharp tick over a little landscape.","type":"registry:component","source_url":"https://movin.design/r/checkbox-polaroid.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-polaroid.json"},{"name":"checkbox-popup","title":"Pop-up checkbox","description":"A pop-up book checkbox: the tick lies folded flat on an open book in perspective, and ticking makes it spring up and stand out of the page, casting a soft shad…","type":"registry:component","source_url":"https://movin.design/r/checkbox-popup.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-popup.json"},{"name":"checkbox-punch","title":"Punch checkbox","description":"A boarding-pass checkbox: ticking brings a ticket punch down on the stub, it bites a tick-shaped hole, the chad tumbles out and the ticket jolts.","type":"registry:component","source_url":"https://movin.design/r/checkbox-punch.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-punch.json"},{"name":"checkbox-receipt","title":"Receipt checkbox","description":"A receipt checkbox: ticking prints a receipt out of the slot line by line, ending in a tick, and the printer light comes on; unticking pulls it back in.","type":"registry:component","source_url":"https://movin.design/r/checkbox-receipt.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-receipt.json"},{"name":"checkbox-scan","title":"Scan checkbox","description":"A ticket scanner checkbox: ticking sweeps a laser line down and back over a code, it flashes, and the code dissolves into a tick; unticking rebuilds the code.","type":"registry:component","source_url":"https://movin.design/r/checkbox-scan.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-scan.json"},{"name":"checkbox-spotlight","title":"Spotlight checkbox","description":"A spotlight checkbox: ticking swings a spotlight round onto the box, its beam lights the floor, and the tick appears in the light; unticking turns it away and …","type":"registry:component","source_url":"https://movin.design/r/checkbox-spotlight.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-spotlight.json"},{"name":"checkbox-stencil","title":"Stencil checkbox","description":"A stencil checkbox: ticking, a metal plate with a tick cut out of it drops over the box, a burst of spray mist puffs, and the plate lifts away to leave a crisp…","type":"registry:component","source_url":"https://movin.design/r/checkbox-stencil.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-stencil.json"},{"name":"checkbox-swipe","title":"Swipe checkbox","description":"A swipe-to-complete checkbox: ticking slides the task card aside to show a tick beneath, springs it back, fills its circle and strikes the text through; untick…","type":"registry:component","source_url":"https://movin.design/r/checkbox-swipe.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-swipe.json"},{"name":"checkbox-sync","title":"Sync checkbox","description":"A sync checkbox: ticking spins the two sync arrows round and fades them into a ring that draws closed with a tick inside; unticking brings the arrows back.","type":"registry:component","source_url":"https://movin.design/r/checkbox-sync.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-sync.json"},{"name":"checkbox-tape","title":"Tape checkbox","description":"A packing checkbox: ticking slaps a strip of masking tape with a marker tick across the box, landing at a slight angle; unticking peels it away and off.","type":"registry:component","source_url":"https://movin.design/r/checkbox-tape.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-tape.json"},{"name":"checkbox-tiles","title":"Tiles checkbox","description":"A puzzle checkbox: four scrambled tiles each turned a different way rotate back into place one after another, and the tick they make lights up.","type":"registry:component","source_url":"https://movin.design/r/checkbox-tiles.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-tiles.json"},{"name":"checkbox-zip","title":"Zip checkbox","description":"A zip checkbox: ticking runs the slider along the zip, the teeth lock together one after another behind it, and the pull tab swings and shows a tick; unticking…","type":"registry:component","source_url":"https://movin.design/r/checkbox-zip.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-zip.json"},{"name":"checkbox-bookmark","title":"Bookmark checkbox","description":"A bookmark icon as the checkbox. Checking pours a ribbon of fill down from its top and the whole ribbon swings on its pin a few times before it hangs still; un…","type":"registry:component","source_url":"https://movin.design/r/checkbox-bookmark.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-bookmark.json"},{"name":"checkbox-dog-ear","title":"Dog-ear checkbox","description":"Checking turns the box into a sheet of paper and folds its top corner down in 3D, the way you dog-ear a page you have read, showing the paper's darker undersid…","type":"registry:component","source_url":"https://movin.design/r/checkbox-dog-ear.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-dog-ear.json"},{"name":"checkbox-fingerprint","title":"Fingerprint checkbox","description":"Press and hold to confirm. While held, the fingerprint's ridges light up one by one from the centre outwards; let go early and they drain away. Held to the end…","type":"registry:component","source_url":"https://movin.design/r/checkbox-fingerprint.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-fingerprint.json"},{"name":"checkbox-keycap","title":"Keycap checkbox","description":"A mechanical keyboard key. Pressing it travels down as its side wall shrinks; checked, it latches half-way down like Caps Lock and the LED on the cap glows. Pu…","type":"registry:component","source_url":"https://movin.design/r/checkbox-keycap.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-keycap.json"},{"name":"checkbox-select-all","title":"Select All checkbox","description":"A parent checkbox over a branch of children. Checking the parent cascades down the branch one child after another; checking only some children turns the parent…","type":"registry:component","source_url":"https://movin.design/r/checkbox-select-all.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-select-all.json"},{"name":"checkbox-smile","title":"Smile checkbox","description":"A little face as the checkbox. Unchecked it is a dark, straight-faced circle; checked it lights up with a bounce, the flat mouth swaps for a drawn smile and th…","type":"registry:component","source_url":"https://movin.design/r/checkbox-smile.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-smile.json"},{"name":"checkbox-sort-list","title":"Sorting List checkbox","description":"A short to-do list that tidies itself. Checking a task slides it down below the open ones while the others glide up into its place, and a progress bar over the…","type":"registry:component","source_url":"https://movin.design/r/checkbox-sort-list.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-sort-list.json"},{"name":"checkbox-sprout","title":"Sprout checkbox","description":"Checking plants a seed: the box fills and ticks, then a stem grows up out of its top edge and two leaves unfurl one after the other before the little plant sta…","type":"registry:component","source_url":"https://movin.design/r/checkbox-sprout.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-sprout.json"},{"name":"checkbox-stitch","title":"Stitch checkbox","description":"The box is a patch of fabric and the tick is sewn in: a needle runs along the tick leaving dashed stitches behind it one by one, then slips away. Unchecking pu…","type":"registry:component","source_url":"https://movin.design/r/checkbox-stitch.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-stitch.json"},{"name":"checkbox-strike-task","title":"Strike Task checkbox","description":"A to-do row. Checking ticks the box with a pen stroke, then a hand-drawn scribble runs through the task text, out and back, as the text greys out; unchecking r…","type":"registry:component","source_url":"https://movin.design/r/checkbox-strike-task.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-strike-task.json"},{"name":"checkbox-bounce","title":"Bounce checkbox","description":"A checkbox that plays a spring-bounce keyframe animation on the box itself when toggled: compresses then overshoots on check, lightly expands then settles on u…","type":"registry:component","source_url":"https://movin.design/r/checkbox-bounce.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-bounce.json"},{"name":"checkbox-charging","title":"Charging checkbox","description":"A light gray progress bar fills left-to-right inside the box over 600ms like a battery charging. When full, the bar fades and a check mark springs in. Unchecki…","type":"registry:component","source_url":"https://movin.design/r/checkbox-charging.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-charging.json"},{"name":"checkbox-check-pop","title":"Check Pop checkbox","description":"A checkbox where the SVG checkmark springs into view with a scale overshoot (cubic-bezier spring) on check and collapses instantly on uncheck. No keyframes nee…","type":"registry:component","source_url":"https://movin.design/r/checkbox-check-pop.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-check-pop.json"},{"name":"checkbox-circle","title":"Circle checkbox","description":"No box: a circular ring indicator. On check, an SVG circle stroke draws around the full circumference via strokeDashoffset, then the check mark springs into th…","type":"registry:component","source_url":"https://movin.design/r/checkbox-circle.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-circle.json"},{"name":"checkbox-confetti","title":"Confetti checkbox","description":"On check, 8 grayscale confetti pieces (alternating rectangles and circles) burst radially outward from the center in all directions, rotating and fading as the…","type":"registry:component","source_url":"https://movin.design/r/checkbox-confetti.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-confetti.json"},{"name":"checkbox-crystal-break","title":"Crystal Break checkbox","description":"On toggle, the box visually shatters into three angled polygonal shards that briefly separate outward, then collapse back revealing the new state. A satisfying…","type":"registry:component","source_url":"https://movin.design/r/checkbox-crystal-break.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-crystal-break.json"},{"name":"checkbox-curtain","title":"Curtain checkbox","description":"Two gray half-panels slide apart like theater curtains on check, revealing the check mark behind them. Unchecking slides the panels back in to conceal it.","type":"registry:component","source_url":"https://movin.design/r/checkbox-curtain.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-curtain.json"},{"name":"checkbox-draw-check","title":"Draw Check checkbox","description":"A checkbox where the SVG checkmark stroke draws itself on via stroke-dashoffset when checked, combined with a brief scale pop on the box. The path writes itsel…","type":"registry:component","source_url":"https://movin.design/r/checkbox-draw-check.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-draw-check.json"},{"name":"checkbox-fire-fill","title":"Fire Fill checkbox","description":"Animated flame gradient rises from the box bottom with a jagged flickering top edge (clip-path polygon keyframes). Light-to-dark gray fill with continuous flic…","type":"registry:component","source_url":"https://movin.design/r/checkbox-fire-fill.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-fire-fill.json"},{"name":"checkbox-flip","title":"Flip checkbox","description":"A checkbox that performs a full 360° Y-axis coin flip via CSS keyframes when toggled. The fill color and stroke-dashoffset check mark transition during the rot…","type":"registry:component","source_url":"https://movin.design/r/checkbox-flip.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-flip.json"},{"name":"checkbox-ghost-through","title":"Ghost Through checkbox","description":"The box fades to near-translucency while the check mark materializes through it, then the box fades back to solid, creating a \"materializing through\" ghost eff…","type":"registry:component","source_url":"https://movin.design/r/checkbox-ghost-through.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-ghost-through.json"},{"name":"checkbox-glitch","title":"Glitch checkbox","description":"On toggle, light and dark ghost overlays jitter in opposite X directions and a horizontal scan line sweeps through, creating a digital corruption/glitch effect…","type":"registry:component","source_url":"https://movin.design/r/checkbox-glitch.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-glitch.json"},{"name":"checkbox-gravity-drop","title":"Gravity Drop checkbox","description":"The check mark falls from above the box with realistic gravity physics, accelerates in, overshoots slightly, bounces twice, then settles. Unchecking tosses it …","type":"registry:component","source_url":"https://movin.design/r/checkbox-gravity-drop.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-gravity-drop.json"},{"name":"checkbox-heartbeat","title":"Heartbeat checkbox","description":"On check, a tiny SVG ECG heartbeat line draws across the box using stroke-dashoffset, then fades while the check mark reveals. Dark background with a soft whit…","type":"registry:component","source_url":"https://movin.design/r/checkbox-heartbeat.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-heartbeat.json"},{"name":"checkbox-ink-blot","title":"Ink Blot checkbox","description":"The box fill spreads via border-radius morphing through organic amoeba/blob shapes, animating through asymmetric four-corner border-radius values before settli…","type":"registry:component","source_url":"https://movin.design/r/checkbox-ink-blot.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-ink-blot.json"},{"name":"checkbox-laser-draw","title":"Laser Draw checkbox","description":"The check mark draws itself with a glowing white laser effect using stroke-dashoffset animation and a pulsing drop-shadow filter. Visually distinct from draw-c…","type":"registry:component","source_url":"https://movin.design/r/checkbox-laser-draw.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-laser-draw.json"},{"name":"checkbox-liquid","title":"Liquid checkbox","description":"A silver liquid rises from the bottom of the box using translateY on a fill layer inside overflow:hidden. A faint curved surface ripple rides the top of the li…","type":"registry:component","source_url":"https://movin.design/r/checkbox-liquid.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-liquid.json"},{"name":"checkbox-morph-line","title":"Morph Line checkbox","description":"A short horizontal line morphs into a check mark using SVG path d attribute animation, extending first, then bending into the check V-shape. Unchecking reverse…","type":"registry:component","source_url":"https://movin.design/r/checkbox-morph-line.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-morph-line.json"},{"name":"checkbox-neon","title":"Neon checkbox","description":"A dark box with a near-invisible border that transforms into a white neon sign on check. A brief 400ms flicker keyframe (simulating a neon tube buzzing to life…","type":"registry:component","source_url":"https://movin.design/r/checkbox-neon.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-neon.json"},{"name":"checkbox-orbit-snap","title":"Orbit Snap checkbox","description":"A glowing white dot orbits the checkbox perimeter for ~700ms on check, then vanishes and the check mark snaps in. Unchecking instantly removes the check. Gives…","type":"registry:component","source_url":"https://movin.design/r/checkbox-orbit-snap.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-orbit-snap.json"},{"name":"checkbox-pixel-fill","title":"Pixel Fill checkbox","description":"A checkbox whose interior is a 4×4 grid of micro-squares that fill in one by one in a randomised stagger order on check, and clear in reverse on uncheck. Retro…","type":"registry:component","source_url":"https://movin.design/r/checkbox-pixel-fill.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-pixel-fill.json"},{"name":"checkbox-pressure-dip","title":"Pressure Dip checkbox","description":"The entire box squishes flat (scaleY 0.28) under simulated finger pressure then springs back up with an overshoot, revealing the checked fill. Distinct from ra…","type":"registry:component","source_url":"https://movin.design/r/checkbox-pressure-dip.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-pressure-dip.json"},{"name":"checkbox-pulse-ring","title":"Pulse Ring checkbox","description":"A checkbox that emits a gray ring radiating outward (scale 1→2.4, opacity 0.65→0) when checked. The ring only fires on check, not uncheck. The check mark draws…","type":"registry:component","source_url":"https://movin.design/r/checkbox-pulse-ring.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-pulse-ring.json"},{"name":"checkbox-radar-sweep","title":"Radar Sweep checkbox","description":"A conic gradient sweeps clockwise from the top, filling the box like a radar scan over ~700ms. The check mark appears once the sweep completes. Driven by a req…","type":"registry:component","source_url":"https://movin.design/r/checkbox-radar-sweep.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-radar-sweep.json"},{"name":"checkbox-raised","title":"Raised checkbox","description":"The checked state looks physically raised off the surface. A sphere-like radial gradient (silver → dark gray) combined with six layered box-shadows (rim highli…","type":"registry:component","source_url":"https://movin.design/r/checkbox-raised.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-raised.json"},{"name":"checkbox-retro-led","title":"Retro LED checkbox","description":"The box interior is a 5×5 dot matrix. On check, white LEDs light up in a staggered sequence that traces a check-mark pattern through the grid. Off state: all d…","type":"registry:component","source_url":"https://movin.design/r/checkbox-retro-led.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-retro-led.json"},{"name":"checkbox-ripple-fill","title":"Ripple Fill checkbox","description":"A circular gray fill expands from the center outward via clip-path circle animation, like a water-drop ripple filling the box. The check mark fades in after th…","type":"registry:component","source_url":"https://movin.design/r/checkbox-ripple-fill.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-ripple-fill.json"},{"name":"checkbox-round-morph","title":"Round Morph checkbox","description":"The checkbox shape morphs from a rounded square (7px radius) to a perfect circle on check via animated border-radius with a spring overshoot. Clean and satisfy…","type":"registry:component","source_url":"https://movin.design/r/checkbox-round-morph.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-round-morph.json"},{"name":"checkbox-scratch","title":"Scratch checkbox","description":"A diagonal clip-path wipe reveals the filled checked state from the bottom-right corner, like scratching a lottery card. Unchecking collapses the fill back.","type":"registry:component","source_url":"https://movin.design/r/checkbox-scratch.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-scratch.json"},{"name":"checkbox-shake-lock","title":"Shake Lock checkbox","description":"The box rattles in a rapid X-axis jitter sequence as if locking in, then snaps to the checked silver fill. Unchecking plays a shorter reverse shake. Kinetic, m…","type":"registry:component","source_url":"https://movin.design/r/checkbox-shake-lock.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-shake-lock.json"},{"name":"checkbox-shutter","title":"Shutter checkbox","description":"The checked fill opens like a camera iris/shutter using clip-path polygon animation: panels spread outward from a collapsed line to full coverage. Sharp, mecha…","type":"registry:component","source_url":"https://movin.design/r/checkbox-shutter.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-shutter.json"},{"name":"checkbox-spark-trail","title":"Spark Trail checkbox","description":"On check, 8 short white spark-streaks shoot outward in all directions and fade quickly, like an electric discharge. More energy-focused and rapid than confetti…","type":"registry:component","source_url":"https://movin.design/r/checkbox-spark-trail.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-spark-trail.json"},{"name":"checkbox-stamp","title":"Stamp checkbox","description":"The check mark crashes down from above like a rubber stamp, with a blur-to-focus motion and six ink-splatter dots radiating outward on impact. Dramatic and tac…","type":"registry:component","source_url":"https://movin.design/r/checkbox-stamp.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-stamp.json"},{"name":"checkbox-tilt-hover","title":"Tilt Hover checkbox","description":"On hover, the box tilts in 3D perspective (rotateX + rotateY) giving depth and a subtle lift shadow. Clicking snaps it flat and fills with mid-gray. The tilt r…","type":"registry:component","source_url":"https://movin.design/r/checkbox-tilt-hover.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-tilt-hover.json"},{"name":"checkbox-x-to-check","title":"X to Check checkbox","description":"Both states have visible content: unchecked shows a dim × (reject), checked shows a ✓ on a solid fill (approve). The × rotates away as the ✓ rotates in. The bo…","type":"registry:component","source_url":"https://movin.design/r/checkbox-x-to-check.json","install_command":"npx shadcn@latest add https://movin.design/r/checkbox-x-to-check.json"},{"name":"input-angle","title":"Angle input","description":"A dial for gradient angles: drag round the ring and the hand follows, pulling toward each 45-degree mark (Shift snaps to 15), the nearest tick lights, and the …","type":"registry:component","source_url":"https://movin.design/r/input-angle.json","install_command":"npx shadcn@latest add https://movin.design/r/input-angle.json"},{"name":"input-calc","title":"Calc input","description":"An amount field that does arithmetic: type a sum and the total rolls in beside it digit by digit; Enter swaps the total in with a flash and keeps the sum it ca…","type":"registry:component","source_url":"https://movin.design/r/input-calc.json","install_command":"npx shadcn@latest add https://movin.design/r/input-calc.json"},{"name":"input-cipher","title":"Cipher input","description":"A password field where every character scrambles through glyphs for a moment before it settles into a dot. Show decodes them all in a wave into the real charac…","type":"registry:component","source_url":"https://movin.design/r/input-cipher.json","install_command":"npx shadcn@latest add https://movin.design/r/input-cipher.json"},{"name":"input-combination","title":"Combination input","description":"A safe dial: spin it by dragging round, scrolling with the arrow keys, read the number under the marker, and enter three numbers in turn. When all three are se…","type":"registry:component","source_url":"https://movin.design/r/input-combination.json","install_command":"npx shadcn@latest add https://movin.design/r/input-combination.json"},{"name":"input-constellation","title":"Constellation input","description":"Make a wish: every letter you type becomes a star in the night sky above the field, joined to the previous one by a line that draws in, and the whole figure gl…","type":"registry:component","source_url":"https://movin.design/r/input-constellation.json","install_command":"npx shadcn@latest add https://movin.design/r/input-constellation.json"},{"name":"input-convert","title":"Convert input","description":"A unit converter in one field: type a value with a unit (km, mi, m, ft, kg, g, lb, °C, °F) and every conversion in that family appears below, each number count…","type":"registry:component","source_url":"https://movin.design/r/input-convert.json","install_command":"npx shadcn@latest add https://movin.design/r/input-convert.json"},{"name":"input-date-range","title":"Date Range input","description":"A stay-dates calendar: pick a first night and a band previews the stay as you hover, then pick the last night and the band settles, gliding across each week ro…","type":"registry:component","source_url":"https://movin.design/r/input-date-range.json","install_command":"npx shadcn@latest add https://movin.design/r/input-date-range.json"},{"name":"input-detent","title":"Detent input","description":"A size slider with detents: the thumb drags sticky against each stop and quick between them, clicks into place with a ring at each new size, and springs onto t…","type":"registry:component","source_url":"https://movin.design/r/input-detent.json","install_command":"npx shadcn@latest add https://movin.design/r/input-detent.json"},{"name":"input-domain","title":"Domain input","description":"An email field that finishes the domain for you: after the @ it ghost-completes the likeliest domain, the arrow keys cycle through the alternatives, and Tab ac…","type":"registry:component","source_url":"https://movin.design/r/input-domain.json","install_command":"npx shadcn@latest add https://movin.design/r/input-domain.json"},{"name":"input-drum","title":"Drum input","description":"An alarm-time picker made of 3D drums: hour, minute and AM/PM wheels you drag, scroll or arrow through. The numbers sit round real cylinders that turn under a …","type":"registry:component","source_url":"https://movin.design/r/input-drum.json","install_command":"npx shadcn@latest add https://movin.design/r/input-drum.json"},{"name":"input-elastic","title":"Elastic input","description":"A volume slider with rubber-band ends: pull past either end and the track stretches and thins with growing resistance, then snaps back with a wobble. The thumb…","type":"registry:component","source_url":"https://movin.design/r/input-elastic.json","install_command":"npx shadcn@latest add https://movin.design/r/input-elastic.json"},{"name":"input-extrude","title":"Extrude input","description":"A headline field that renders your text as solid 3D type above it: the extrusion turns to face the pointer, swaying gently on its own when you are elsewhere, a…","type":"registry:component","source_url":"https://movin.design/r/input-extrude.json","install_command":"npx shadcn@latest add https://movin.design/r/input-extrude.json"},{"name":"input-flapboard","title":"Flapboard input","description":"Type a destination and a split-flap departure board rolls every cell through the alphabet to the new letters, one flap at a time, with the status reading Updat…","type":"registry:component","source_url":"https://movin.design/r/input-flapboard.json","install_command":"npx shadcn@latest add https://movin.design/r/input-flapboard.json"},{"name":"input-gravity","title":"Gravity input","description":"A caption field where deleted text does not just vanish: every letter you delete drops out of the field and tumbles away with its own spin and drift, fading as…","type":"registry:component","source_url":"https://movin.design/r/input-gravity.json","install_command":"npx shadcn@latest add https://movin.design/r/input-gravity.json"},{"name":"input-grow","title":"Grow input","description":"A code-snippet field that grows line by line: the box springs taller as you add lines (up to seven, then scrolls), line numbers slide into the gutter, the curr…","type":"registry:component","source_url":"https://movin.design/r/input-grow.json","install_command":"npx shadcn@latest add https://movin.design/r/input-grow.json"},{"name":"input-heat","title":"Heat input","description":"A message field that heats up with your typing speed: letters typed fast come out glowing hot and lifted, then cool to the normal colour over a couple of secon…","type":"registry:component","source_url":"https://movin.design/r/input-heat.json","install_command":"npx shadcn@latest add https://movin.design/r/input-heat.json"},{"name":"input-histogram","title":"Histogram input","description":"A price-range slider over the distribution of prices: bars grow in on load, the bars inside the chosen range light up, the selection line follows the two thumb…","type":"registry:component","source_url":"https://movin.design/r/input-histogram.json","install_command":"npx shadcn@latest add https://movin.design/r/input-histogram.json"},{"name":"input-ink","title":"Ink input","description":"A dedication card where every letter bleeds onto the paper like ink: it lands blurred and slightly large, sharpens as it dries, and leaves a small blot spreadi…","type":"registry:component","source_url":"https://movin.design/r/input-ink.json","install_command":"npx shadcn@latest add https://movin.design/r/input-ink.json"},{"name":"input-mask","title":"Mask input","description":"A phone field with its format printed in place: digits drop into the slots of +1 (___) ___-____ as you type, the remaining slots stay faint, and a tick draws i…","type":"registry:component","source_url":"https://movin.design/r/input-mask.json","install_command":"npx shadcn@latest add https://movin.design/r/input-mask.json"},{"name":"input-measure","title":"Measure input","description":"A blueprint title field: your text sits on a grid between baseline and cap-height guides, and a dimension line with end ticks measures its real width in pixels…","type":"registry:component","source_url":"https://movin.design/r/input-measure.json","install_command":"npx shadcn@latest add https://movin.design/r/input-measure.json"},{"name":"input-mood","title":"Mood input","description":"A rating slider with a face: drag it and the mouth bends from a frown to a grin, the brows tilt, the eyes open wider and the cheeks blush as the mood rises, wi…","type":"registry:component","source_url":"https://movin.design/r/input-mood.json","install_command":"npx shadcn@latest add https://movin.design/r/input-mood.json"},{"name":"input-natural-date","title":"Natural Date input","description":"A reminder field that reads plain language: write \"next fri 3pm\", \"tomorrow 9am\" or \"in 3 days\" and a calendar chip flips in with the exact date, time and how …","type":"registry:component","source_url":"https://movin.design/r/input-natural-date.json","install_command":"npx shadcn@latest add https://movin.design/r/input-natural-date.json"}]},{"id":"mozaika","name":"@mozaika","slug":"mozaika","description":"Design systems measured from real product UIs — color roles, typography and spacing as themes installable with the shadcn CLI. Free open shelf; companion MCP server for AI coding agents.","author":null,"framework":"react","license":null,"tags":["ai","audio","auth","blocks","cards","charts","cms","crypto","dashboard","design-system","e-commerce","editor","mobile","pro-available","tables","theming"],"categories":["AI/chat UI"],"labels":["pro"],"urls":{"website":"https://mozaika.design","github":null,"registry":"https://mozaika.design/r/registry.json","source":"https://mozaika.design/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mozaika","markdown":"https://sh4dcn.netlify.app/md/mozaika.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground)' width='24' height='24'><rect x='3' y='3' width='8' height='8'/><rect x='13' y='3' width='8' height='8' opacity='.4'/><rect x='3' y='13' width='8' height='8' opacity='.4'/><rect x='13' y='13' width='8' height='8'/></svg>","preview_image":"https://mozaika.design/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://mozaika.design/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://mozaika.design/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://mozaika.design/r/registry.json","install_bun":"bunx shadcn@latest add https://mozaika.design/r/registry.json","registry_fetch":"curl -s https://mozaika.design/r/registry.json"},"component_count":250,"components":[{"name":"1password","title":"1Password — decoded design system (key required)","description":"1Password's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/1password.json","install_command":"npx shadcn@latest add https://mozaika.design/r/1password.json"},{"name":"1password-mobile","title":"1Password Mobile — decoded design system (key required)","description":"1Password Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/1password-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/1password-mobile.json"},{"name":"admin-pro","title":"Admin Pro — decoded design system (key required)","description":"Admin Pro's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/admin-pro.json","install_command":"npx shadcn@latest add https://mozaika.design/r/admin-pro.json"},{"name":"adyen","title":"Adyen — decoded design system (key required)","description":"Adyen's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/adyen.json","install_command":"npx shadcn@latest add https://mozaika.design/r/adyen.json"},{"name":"aesop","title":"Aesop — decoded design system (key required)","description":"Aesop's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/aesop.json","install_command":"npx shadcn@latest add https://mozaika.design/r/aesop.json"},{"name":"agency","title":"Agency — decoded design system (key required)","description":"Agency's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/agency.json","install_command":"npx shadcn@latest add https://mozaika.design/r/agency.json"},{"name":"airbnb-mobile","title":"Airbnb Mobile — decoded design system (key required)","description":"Airbnb Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/airbnb-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/airbnb-mobile.json"},{"name":"airbyte","title":"Airbyte — decoded design system","description":"Airbyte's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/airbyte.json","install_command":"npx shadcn@latest add https://mozaika.design/r/airbyte.json"},{"name":"airtable","title":"Airtable — decoded design system (key required)","description":"Airtable's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/airtable.json","install_command":"npx shadcn@latest add https://mozaika.design/r/airtable.json"},{"name":"akiflow","title":"Akiflow — decoded design system (key required)","description":"Akiflow's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/akiflow.json","install_command":"npx shadcn@latest add https://mozaika.design/r/akiflow.json"},{"name":"allbirds","title":"Allbirds — decoded design system (key required)","description":"Allbirds's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/allbirds.json","install_command":"npx shadcn@latest add https://mozaika.design/r/allbirds.json"},{"name":"alltrails-mobile","title":"AllTrails Mobile — decoded design system (key required)","description":"AllTrails Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/alltrails-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/alltrails-mobile.json"},{"name":"amazon-mobile","title":"Amazon Mobile — decoded design system (key required)","description":"Amazon Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/amazon-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amazon-mobile.json"},{"name":"amber-minimal-ui","title":"Amber Minimal UI — decoded design system (key required)","description":"Amber Minimal UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/amber-minimal-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amber-minimal-ui.json"},{"name":"amethyst-haze-ui","title":"Amethyst Haze UI — decoded design system (key required)","description":"Amethyst Haze UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/amethyst-haze-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amethyst-haze-ui.json"},{"name":"amie","title":"Amie — decoded design system (key required)","description":"Amie's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/amie.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amie.json"},{"name":"amplitude","title":"Amplitude — decoded design system (key required)","description":"Amplitude's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/amplitude.json","install_command":"npx shadcn@latest add https://mozaika.design/r/amplitude.json"},{"name":"anytype","title":"Anytype — decoded design system (key required)","description":"Anytype's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/anytype.json","install_command":"npx shadcn@latest add https://mozaika.design/r/anytype.json"},{"name":"app-landing","title":"App Landing — decoded design system (key required)","description":"App Landing's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/app-landing.json","install_command":"npx shadcn@latest add https://mozaika.design/r/app-landing.json"},{"name":"apple-music","title":"Apple Music — decoded design system (key required)","description":"Apple Music's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/apple-music.json","install_command":"npx shadcn@latest add https://mozaika.design/r/apple-music.json"},{"name":"apple-music-mobile","title":"Apple Music Mobile — decoded design system (key required)","description":"Apple Music Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-…","type":"registry:theme","source_url":"https://mozaika.design/r/apple-music-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/apple-music-mobile.json"},{"name":"appsmith","title":"Appsmith — decoded design system (key required)","description":"Appsmith's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/appsmith.json","install_command":"npx shadcn@latest add https://mozaika.design/r/appsmith.json"},{"name":"appwrite","title":"Appwrite — decoded design system (key required)","description":"Appwrite's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/appwrite.json","install_command":"npx shadcn@latest add https://mozaika.design/r/appwrite.json"},{"name":"arc","title":"Arc — decoded design system","description":"Arc's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/arc.json","install_command":"npx shadcn@latest add https://mozaika.design/r/arc.json"},{"name":"are-na","title":"Are.na — decoded design system (key required)","description":"Are.na's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/are-na.json","install_command":"npx shadcn@latest add https://mozaika.design/r/are-na.json"},{"name":"asana-mobile","title":"Asana Mobile — decoded design system (key required)","description":"Asana Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/asana-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/asana-mobile.json"},{"name":"ashby","title":"Ashby — decoded design system (key required)","description":"Ashby's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/ashby.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ashby.json"},{"name":"assemblyai","title":"AssemblyAI — decoded design system (key required)","description":"AssemblyAI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/assemblyai.json","install_command":"npx shadcn@latest add https://mozaika.design/r/assemblyai.json"},{"name":"astro","title":"Astro — decoded design system (key required)","description":"Astro's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/astro.json","install_command":"npx shadcn@latest add https://mozaika.design/r/astro.json"},{"name":"attio","title":"Attio — decoded design system (key required)","description":"Attio's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/attio.json","install_command":"npx shadcn@latest add https://mozaika.design/r/attio.json"},{"name":"audible-mobile","title":"Audible Mobile — decoded design system (key required)","description":"Audible Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/audible-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/audible-mobile.json"},{"name":"augment","title":"Augment — decoded design system (key required)","description":"Augment's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/augment.json","install_command":"npx shadcn@latest add https://mozaika.design/r/augment.json"},{"name":"away","title":"Away — decoded design system (key required)","description":"Away's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/away.json","install_command":"npx shadcn@latest add https://mozaika.design/r/away.json"},{"name":"axiom","title":"Axiom — decoded design system (key required)","description":"Axiom's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/axiom.json","install_command":"npx shadcn@latest add https://mozaika.design/r/axiom.json"},{"name":"baseten","title":"Baseten — decoded design system (key required)","description":"Baseten's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/baseten.json","install_command":"npx shadcn@latest add https://mozaika.design/r/baseten.json"},{"name":"bear","title":"Bear — decoded design system (key required)","description":"Bear's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/bear.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bear.json"},{"name":"beehiiv","title":"Beehiiv — decoded design system (key required)","description":"Beehiiv's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/beehiiv.json","install_command":"npx shadcn@latest add https://mozaika.design/r/beehiiv.json"},{"name":"bellroy","title":"Bellroy — decoded design system (key required)","description":"Bellroy's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/bellroy.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bellroy.json"},{"name":"bento","title":"Bento — decoded design system (key required)","description":"Bento's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/bento.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bento.json"},{"name":"better-stack","title":"Better Stack — decoded design system (key required)","description":"Better Stack's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/better-stack.json","install_command":"npx shadcn@latest add https://mozaika.design/r/better-stack.json"},{"name":"bilt","title":"Bilt — decoded design system (key required)","description":"Bilt's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/bilt.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bilt.json"},{"name":"binance","title":"Binance — decoded design system (key required)","description":"Binance's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/binance.json","install_command":"npx shadcn@latest add https://mozaika.design/r/binance.json"},{"name":"biome","title":"Biome — decoded design system (key required)","description":"Biome's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/biome.json","install_command":"npx shadcn@latest add https://mozaika.design/r/biome.json"},{"name":"blog-home","title":"Blog Home — decoded design system (key required)","description":"Blog Home's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/blog-home.json","install_command":"npx shadcn@latest add https://mozaika.design/r/blog-home.json"},{"name":"bluesky-mobile","title":"Bluesky Mobile — decoded design system (key required)","description":"Bluesky Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/bluesky-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bluesky-mobile.json"},{"name":"bold-tech-ui","title":"Bold Tech UI — decoded design system (key required)","description":"Bold Tech UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/bold-tech-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bold-tech-ui.json"},{"name":"bolt","title":"Bolt — decoded design system (key required)","description":"Bolt's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/bolt.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bolt.json"},{"name":"braintrust","title":"Braintrust — decoded design system (key required)","description":"Braintrust's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/braintrust.json","install_command":"npx shadcn@latest add https://mozaika.design/r/braintrust.json"},{"name":"brex","title":"Brex — decoded design system (key required)","description":"Brex's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/brex.json","install_command":"npx shadcn@latest add https://mozaika.design/r/brex.json"},{"name":"browserbase","title":"Browserbase — decoded design system (key required)","description":"Browserbase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/browserbase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/browserbase.json"},{"name":"bubblegum-ui","title":"Bubblegum UI — decoded design system (key required)","description":"Bubblegum UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/bubblegum-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bubblegum-ui.json"},{"name":"buffer","title":"Buffer — decoded design system (key required)","description":"Buffer's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/buffer.json","install_command":"npx shadcn@latest add https://mozaika.design/r/buffer.json"},{"name":"builder-io","title":"Builder.io — decoded design system (key required)","description":"Builder.io's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/builder-io.json","install_command":"npx shadcn@latest add https://mozaika.design/r/builder-io.json"},{"name":"bumble-mobile","title":"Bumble Mobile — decoded design system (key required)","description":"Bumble Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/bumble-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bumble-mobile.json"},{"name":"bun","title":"Bun — decoded design system","description":"Bun's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/bun.json","install_command":"npx shadcn@latest add https://mozaika.design/r/bun.json"},{"name":"business-front","title":"Business Front — decoded design system (key required)","description":"Business Front's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/business-front.json","install_command":"npx shadcn@latest add https://mozaika.design/r/business-front.json"},{"name":"butter-templates","title":"Butter Templates — decoded design system (key required)","description":"Butter Templates's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/butter-templates.json","install_command":"npx shadcn@latest add https://mozaika.design/r/butter-templates.json"},{"name":"caffeine-ui","title":"Caffeine UI — decoded design system (key required)","description":"Caffeine UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/caffeine-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/caffeine-ui.json"},{"name":"cal-com","title":"Cal.com — decoded design system (key required)","description":"Cal.com's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/cal-com.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cal-com.json"},{"name":"calendly","title":"Calendly — decoded design system (key required)","description":"Calendly's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/calendly.json","install_command":"npx shadcn@latest add https://mozaika.design/r/calendly.json"},{"name":"calm","title":"Calm — decoded design system (key required)","description":"Calm's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/calm.json","install_command":"npx shadcn@latest add https://mozaika.design/r/calm.json"},{"name":"calm-mobile","title":"Calm Mobile — decoded design system (key required)","description":"Calm Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/calm-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/calm-mobile.json"},{"name":"candyland-ui","title":"Candyland UI — decoded design system (key required)","description":"Candyland UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/candyland-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/candyland-ui.json"},{"name":"canva","title":"Canva — decoded design system (key required)","description":"Canva's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/canva.json","install_command":"npx shadcn@latest add https://mozaika.design/r/canva.json"},{"name":"cap","title":"Cap — decoded design system (key required)","description":"Cap's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/cap.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cap.json"},{"name":"capacities","title":"Capacities — decoded design system (key required)","description":"Capacities's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/capacities.json","install_command":"npx shadcn@latest add https://mozaika.design/r/capacities.json"},{"name":"capcut-mobile","title":"CapCut Mobile — decoded design system (key required)","description":"CapCut Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/capcut-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/capcut-mobile.json"},{"name":"captions","title":"Captions — decoded design system (key required)","description":"Captions's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/captions.json","install_command":"npx shadcn@latest add https://mozaika.design/r/captions.json"},{"name":"caraway","title":"Caraway — decoded design system (key required)","description":"Caraway's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/caraway.json","install_command":"npx shadcn@latest add https://mozaika.design/r/caraway.json"},{"name":"cargo","title":"Cargo — decoded design system (key required)","description":"Cargo's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/cargo.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cargo.json"},{"name":"carrd","title":"Carrd — decoded design system (key required)","description":"Carrd's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/carrd.json","install_command":"npx shadcn@latest add https://mozaika.design/r/carrd.json"},{"name":"cartesia","title":"Cartesia — decoded design system","description":"Cartesia's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/cartesia.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cartesia.json"},{"name":"cash-app","title":"Cash App — decoded design system (key required)","description":"Cash App's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/cash-app.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cash-app.json"},{"name":"cash-app-mobile","title":"Cash App Mobile — decoded design system (key required)","description":"Cash App Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/cash-app-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cash-app-mobile.json"},{"name":"catppuccin-ui","title":"Catppuccin UI — decoded design system (key required)","description":"Catppuccin UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/catppuccin-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/catppuccin-ui.json"},{"name":"census","title":"Census — decoded design system (key required)","description":"Census's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/census.json","install_command":"npx shadcn@latest add https://mozaika.design/r/census.json"},{"name":"cerebras","title":"Cerebras — decoded design system (key required)","description":"Cerebras's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/cerebras.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cerebras.json"},{"name":"character-ai-mobile","title":"Character.AI Mobile — decoded design system (key required)","description":"Character.AI Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-…","type":"registry:theme","source_url":"https://mozaika.design/r/character-ai-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/character-ai-mobile.json"},{"name":"chatgpt-mobile","title":"ChatGPT Mobile — decoded design system (key required)","description":"ChatGPT Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/chatgpt-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/chatgpt-mobile.json"},{"name":"checkout-com","title":"Checkout.com — decoded design system (key required)","description":"Checkout.com's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/checkout-com.json","install_command":"npx shadcn@latest add https://mozaika.design/r/checkout-com.json"},{"name":"chocolate-templates","title":"Chocolate Templates — decoded design system (key required)","description":"Chocolate Templates's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full…","type":"registry:theme","source_url":"https://mozaika.design/r/chocolate-templates.json","install_command":"npx shadcn@latest add https://mozaika.design/r/chocolate-templates.json"},{"name":"chroma","title":"Chroma — decoded design system (key required)","description":"Chroma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/chroma.json","install_command":"npx shadcn@latest add https://mozaika.design/r/chroma.json"},{"name":"claude","title":"Claude — decoded design system","description":"Claude's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/claude.json","install_command":"npx shadcn@latest add https://mozaika.design/r/claude.json"},{"name":"claude-ui","title":"Claude UI — decoded design system (key required)","description":"Claude UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/claude-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/claude-ui.json"},{"name":"clay","title":"Clay — decoded design system (key required)","description":"Clay's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/clay.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clay.json"},{"name":"claymorphism-ui","title":"Claymorphism UI — decoded design system (key required)","description":"Claymorphism UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/claymorphism-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/claymorphism-ui.json"},{"name":"clean-blog","title":"Clean Blog — decoded design system (key required)","description":"Clean Blog's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/clean-blog.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clean-blog.json"},{"name":"clean-slate-ui","title":"Clean Slate UI — decoded design system (key required)","description":"Clean Slate UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/clean-slate-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clean-slate-ui.json"},{"name":"clerk","title":"Clerk — decoded design system (key required)","description":"Clerk's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/clerk.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clerk.json"},{"name":"clickhouse","title":"ClickHouse — decoded design system (key required)","description":"ClickHouse's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/clickhouse.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clickhouse.json"},{"name":"clickup-mobile","title":"ClickUp Mobile — decoded design system (key required)","description":"ClickUp Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/clickup-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/clickup-mobile.json"},{"name":"cluely","title":"Cluely — decoded design system","description":"Cluely's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/cluely.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cluely.json"},{"name":"co-star","title":"Co-Star — decoded design system","description":"Co-Star's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/co-star.json","install_command":"npx shadcn@latest add https://mozaika.design/r/co-star.json"},{"name":"coda","title":"Coda — decoded design system (key required)","description":"Coda's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/coda.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coda.json"},{"name":"coder","title":"Coder — decoded design system (key required)","description":"Coder's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/coder.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coder.json"},{"name":"codesandbox","title":"CodeSandbox — decoded design system (key required)","description":"CodeSandbox's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/codesandbox.json","install_command":"npx shadcn@latest add https://mozaika.design/r/codesandbox.json"},{"name":"cognition","title":"Cognition — decoded design system (key required)","description":"Cognition's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/cognition.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cognition.json"},{"name":"cohere","title":"Cohere — decoded design system (key required)","description":"Cohere's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/cohere.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cohere.json"},{"name":"coinbase","title":"Coinbase — decoded design system","description":"Coinbase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/coinbase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coinbase.json"},{"name":"coinbase-mobile","title":"Coinbase Mobile — decoded design system (key required)","description":"Coinbase Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/coinbase-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coinbase-mobile.json"},{"name":"colophon","title":"Colophon — decoded design system (key required)","description":"Colophon's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/colophon.json","install_command":"npx shadcn@latest add https://mozaika.design/r/colophon.json"},{"name":"column","title":"Column — decoded design system (key required)","description":"Column's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/column.json","install_command":"npx shadcn@latest add https://mozaika.design/r/column.json"},{"name":"coming-soon","title":"Coming Soon — decoded design system (key required)","description":"Coming Soon's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/coming-soon.json","install_command":"npx shadcn@latest add https://mozaika.design/r/coming-soon.json"},{"name":"commercial-type","title":"Commercial Type — decoded design system (key required)","description":"Commercial Type's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/commercial-type.json","install_command":"npx shadcn@latest add https://mozaika.design/r/commercial-type.json"},{"name":"continue","title":"Continue — decoded design system (key required)","description":"Continue's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/continue.json","install_command":"npx shadcn@latest add https://mozaika.design/r/continue.json"},{"name":"convex","title":"Convex — decoded design system (key required)","description":"Convex's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/convex.json","install_command":"npx shadcn@latest add https://mozaika.design/r/convex.json"},{"name":"copilot-money","title":"Copilot Money — decoded design system (key required)","description":"Copilot Money's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/copilot-money.json","install_command":"npx shadcn@latest add https://mozaika.design/r/copilot-money.json"},{"name":"cosmic-night-ui","title":"Cosmic Night UI — decoded design system (key required)","description":"Cosmic Night UI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/cosmic-night-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cosmic-night-ui.json"},{"name":"cosmos","title":"Cosmos — decoded design system (key required)","description":"Cosmos's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/cosmos.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cosmos.json"},{"name":"courier","title":"Courier — decoded design system (key required)","description":"Courier's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/courier.json","install_command":"npx shadcn@latest add https://mozaika.design/r/courier.json"},{"name":"craft","title":"Craft — decoded design system (key required)","description":"Craft's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/craft.json","install_command":"npx shadcn@latest add https://mozaika.design/r/craft.json"},{"name":"creative-portfolio","title":"Creative Portfolio — decoded design system (key required)","description":"Creative Portfolio's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-…","type":"registry:theme","source_url":"https://mozaika.design/r/creative-portfolio.json","install_command":"npx shadcn@latest add https://mozaika.design/r/creative-portfolio.json"},{"name":"crypto-com-mobile","title":"Crypto.com Mobile — decoded design system (key required)","description":"Crypto.com Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/crypto-com-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/crypto-com-mobile.json"},{"name":"cuberto","title":"Cuberto — decoded design system (key required)","description":"Cuberto's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/cuberto.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cuberto.json"},{"name":"cursor","title":"Cursor — decoded design system (key required)","description":"Cursor's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/cursor.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cursor.json"},{"name":"cyberpunk-ui","title":"Cyberpunk UI — decoded design system (key required)","description":"Cyberpunk UI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/cyberpunk-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/cyberpunk-ui.json"},{"name":"dagger","title":"Dagger — decoded design system (key required)","description":"Dagger's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/dagger.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dagger.json"},{"name":"dagster","title":"Dagster — decoded design system (key required)","description":"Dagster's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/dagster.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dagster.json"},{"name":"darkmatter-ui","title":"Darkmatter UI — decoded design system (key required)","description":"Darkmatter UI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/darkmatter-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/darkmatter-ui.json"},{"name":"datadog","title":"Datadog — decoded design system (key required)","description":"Datadog's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/datadog.json","install_command":"npx shadcn@latest add https://mozaika.design/r/datadog.json"},{"name":"daytona","title":"Daytona — decoded design system (key required)","description":"Daytona's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/daytona.json","install_command":"npx shadcn@latest add https://mozaika.design/r/daytona.json"},{"name":"dbt","title":"dbt — decoded design system (key required)","description":"dbt's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/dbt.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dbt.json"},{"name":"decagon","title":"Decagon — decoded design system (key required)","description":"Decagon's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/decagon.json","install_command":"npx shadcn@latest add https://mozaika.design/r/decagon.json"},{"name":"deel","title":"Deel — decoded design system (key required)","description":"Deel's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/deel.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deel.json"},{"name":"deepgram","title":"Deepgram — decoded design system (key required)","description":"Deepgram's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/deepgram.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deepgram.json"},{"name":"deepnote","title":"Deepnote — decoded design system (key required)","description":"Deepnote's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/deepnote.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deepnote.json"},{"name":"deepseek-mobile","title":"DeepSeek Mobile — decoded design system (key required)","description":"DeepSeek Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/deepseek-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deepseek-mobile.json"},{"name":"deezer-mobile","title":"Deezer Mobile — decoded design system","description":"Deezer Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/deezer-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deezer-mobile.json"},{"name":"default","title":"Default — decoded design system (key required)","description":"Default's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/default.json","install_command":"npx shadcn@latest add https://mozaika.design/r/default.json"},{"name":"deliveroo-mobile","title":"Deliveroo Mobile — decoded design system (key required)","description":"Deliveroo Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/deliveroo-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deliveroo-mobile.json"},{"name":"deno","title":"Deno — decoded design system (key required)","description":"Deno's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/deno.json","install_command":"npx shadcn@latest add https://mozaika.design/r/deno.json"},{"name":"depop-mobile","title":"Depop Mobile — decoded design system (key required)","description":"Depop Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/depop-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/depop-mobile.json"},{"name":"depot","title":"Depot — decoded design system (key required)","description":"Depot's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/depot.json","install_command":"npx shadcn@latest add https://mozaika.design/r/depot.json"},{"name":"descript","title":"Descript — decoded design system (key required)","description":"Descript's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/descript.json","install_command":"npx shadcn@latest add https://mozaika.design/r/descript.json"},{"name":"dia","title":"Dia — decoded design system (key required)","description":"Dia's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/dia.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dia.json"},{"name":"digits","title":"Digits — decoded design system (key required)","description":"Digits's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/digits.json","install_command":"npx shadcn@latest add https://mozaika.design/r/digits.json"},{"name":"dinamo","title":"Dinamo — decoded design system (key required)","description":"Dinamo's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/dinamo.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dinamo.json"},{"name":"discord-mobile","title":"Discord Mobile — decoded design system (key required)","description":"Discord Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/discord-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/discord-mobile.json"},{"name":"disney-mobile","title":"Disney+ Mobile — decoded design system (key required)","description":"Disney+ Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/disney-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/disney-mobile.json"},{"name":"doom-64-ui","title":"Doom 64 UI — decoded design system (key required)","description":"Doom 64 UI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/doom-64-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/doom-64-ui.json"},{"name":"doppler","title":"Doppler — decoded design system","description":"Doppler's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/doppler.json","install_command":"npx shadcn@latest add https://mozaika.design/r/doppler.json"},{"name":"drata","title":"Drata — decoded design system (key required)","description":"Drata's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/drata.json","install_command":"npx shadcn@latest add https://mozaika.design/r/drata.json"},{"name":"drizzle","title":"Drizzle — decoded design system (key required)","description":"Drizzle's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/drizzle.json","install_command":"npx shadcn@latest add https://mozaika.design/r/drizzle.json"},{"name":"dropbox-mobile","title":"Dropbox Mobile — decoded design system (key required)","description":"Dropbox Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/dropbox-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dropbox-mobile.json"},{"name":"duolingo","title":"Duolingo — decoded design system (key required)","description":"Duolingo's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/duolingo.json","install_command":"npx shadcn@latest add https://mozaika.design/r/duolingo.json"},{"name":"duolingo-mobile","title":"Duolingo Mobile — decoded design system (key required)","description":"Duolingo Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/duolingo-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/duolingo-mobile.json"},{"name":"dust","title":"Dust — decoded design system (key required)","description":"Dust's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/dust.json","install_command":"npx shadcn@latest add https://mozaika.design/r/dust.json"},{"name":"e2b","title":"E2B — decoded design system (key required)","description":"E2B's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/e2b.json","install_command":"npx shadcn@latest add https://mozaika.design/r/e2b.json"},{"name":"ebay-mobile","title":"eBay Mobile — decoded design system (key required)","description":"eBay Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/ebay-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ebay-mobile.json"},{"name":"eight-sleep","title":"Eight Sleep — decoded design system (key required)","description":"Eight Sleep's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/eight-sleep.json","install_command":"npx shadcn@latest add https://mozaika.design/r/eight-sleep.json"},{"name":"electricsql","title":"ElectricSQL — decoded design system (key required)","description":"ElectricSQL's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/electricsql.json","install_command":"npx shadcn@latest add https://mozaika.design/r/electricsql.json"},{"name":"elegant-luxury-ui","title":"Elegant Luxury UI — decoded design system (key required)","description":"Elegant Luxury UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-l…","type":"registry:theme","source_url":"https://mozaika.design/r/elegant-luxury-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/elegant-luxury-ui.json"},{"name":"elevenlabs","title":"ElevenLabs — decoded design system (key required)","description":"ElevenLabs's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/elevenlabs.json","install_command":"npx shadcn@latest add https://mozaika.design/r/elevenlabs.json"},{"name":"encore","title":"Encore — decoded design system (key required)","description":"Encore's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/encore.json","install_command":"npx shadcn@latest add https://mozaika.design/r/encore.json"},{"name":"endel","title":"Endel — decoded design system (key required)","description":"Endel's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/endel.json","install_command":"npx shadcn@latest add https://mozaika.design/r/endel.json"},{"name":"eraser","title":"Eraser — decoded design system (key required)","description":"Eraser's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/eraser.json","install_command":"npx shadcn@latest add https://mozaika.design/r/eraser.json"},{"name":"etoro-mobile","title":"eToro Mobile — decoded design system (key required)","description":"eToro Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/etoro-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/etoro-mobile.json"},{"name":"evidence","title":"Evidence — decoded design system (key required)","description":"Evidence's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/evidence.json","install_command":"npx shadcn@latest add https://mozaika.design/r/evidence.json"},{"name":"exa","title":"Exa — decoded design system (key required)","description":"Exa's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/exa.json","install_command":"npx shadcn@latest add https://mozaika.design/r/exa.json"},{"name":"excalidraw","title":"Excalidraw — decoded design system (key required)","description":"Excalidraw's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/excalidraw.json","install_command":"npx shadcn@latest add https://mozaika.design/r/excalidraw.json"},{"name":"facebook-mobile","title":"Facebook Mobile — decoded design system (key required)","description":"Facebook Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/facebook-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/facebook-mobile.json"},{"name":"factory","title":"Factory — decoded design system (key required)","description":"Factory's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/factory.json","install_command":"npx shadcn@latest add https://mozaika.design/r/factory.json"},{"name":"faire","title":"Faire — decoded design system (key required)","description":"Faire's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/faire.json","install_command":"npx shadcn@latest add https://mozaika.design/r/faire.json"},{"name":"fal","title":"Fal — decoded design system (key required)","description":"Fal's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/fal.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fal.json"},{"name":"family","title":"Family — decoded design system (key required)","description":"Family's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/family.json","install_command":"npx shadcn@latest add https://mozaika.design/r/family.json"},{"name":"fathom","title":"Fathom — decoded design system (key required)","description":"Fathom's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/fathom.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fathom.json"},{"name":"fey","title":"Fey — decoded design system (key required)","description":"Fey's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: in…","type":"registry:theme","source_url":"https://mozaika.design/r/fey.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fey.json"},{"name":"figma","title":"Figma — decoded design system","description":"Figma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/figma.json","install_command":"npx shadcn@latest add https://mozaika.design/r/figma.json"},{"name":"figma-mobile","title":"Figma Mobile — decoded design system (key required)","description":"Figma Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/figma-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/figma-mobile.json"},{"name":"fireworks-ai","title":"Fireworks AI — decoded design system (key required)","description":"Fireworks AI's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/fireworks-ai.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fireworks-ai.json"},{"name":"fishwife","title":"Fishwife — decoded design system (key required)","description":"Fishwife's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/fishwife.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fishwife.json"},{"name":"flighty","title":"Flighty — decoded design system (key required)","description":"Flighty's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/flighty.json","install_command":"npx shadcn@latest add https://mozaika.design/r/flighty.json"},{"name":"flo-mobile","title":"Flo Mobile — decoded design system","description":"Flo Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/flo-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/flo-mobile.json"},{"name":"fly-io","title":"Fly.io — decoded design system (key required)","description":"Fly.io's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/fly-io.json","install_command":"npx shadcn@latest add https://mozaika.design/r/fly-io.json"},{"name":"framer","title":"Framer — decoded design system (key required)","description":"Framer's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/framer.json","install_command":"npx shadcn@latest add https://mozaika.design/r/framer.json"},{"name":"frec","title":"Frec — decoded design system (key required)","description":"Frec's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/frec.json","install_command":"npx shadcn@latest add https://mozaika.design/r/frec.json"},{"name":"freelancer","title":"Freelancer — decoded design system (key required)","description":"Freelancer's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/freelancer.json","install_command":"npx shadcn@latest add https://mozaika.design/r/freelancer.json"},{"name":"front","title":"Front — decoded design system (key required)","description":"Front's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/front.json","install_command":"npx shadcn@latest add https://mozaika.design/r/front.json"},{"name":"function-health","title":"Function Health — decoded design system (key required)","description":"Function Health's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/function-health.json","install_command":"npx shadcn@latest add https://mozaika.design/r/function-health.json"},{"name":"gamma","title":"Gamma — decoded design system (key required)","description":"Gamma's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/gamma.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gamma.json"},{"name":"gemini-mobile","title":"Gemini Mobile — decoded design system (key required)","description":"Gemini Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/gemini-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gemini-mobile.json"},{"name":"getir-mobile","title":"Getir Mobile — decoded design system (key required)","description":"Getir Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/getir-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/getir-mobile.json"},{"name":"ghia","title":"Ghia — decoded design system (key required)","description":"Ghia's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/ghia.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghia.json"},{"name":"ghost","title":"Ghost — decoded design system (key required)","description":"Ghost's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/ghost.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghost.json"},{"name":"ghostfolio","title":"Ghostfolio — decoded design system (key required)","description":"Ghostfolio's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/ghostfolio.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghostfolio.json"},{"name":"ghostty","title":"Ghostty — decoded design system (key required)","description":"Ghostty's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/ghostty.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ghostty.json"},{"name":"github-mobile","title":"GitHub Mobile — decoded design system (key required)","description":"GitHub Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/github-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/github-mobile.json"},{"name":"gitpod","title":"Gitpod — decoded design system (key required)","description":"Gitpod's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/gitpod.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gitpod.json"},{"name":"glossier","title":"Glossier — decoded design system (key required)","description":"Glossier's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/glossier.json","install_command":"npx shadcn@latest add https://mozaika.design/r/glossier.json"},{"name":"gmail-mobile","title":"Gmail Mobile — decoded design system (key required)","description":"Gmail Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/gmail-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gmail-mobile.json"},{"name":"google-calendar-mobile","title":"Google Calendar Mobile — decoded design system (key required)","description":"Google Calendar Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. F…","type":"registry:theme","source_url":"https://mozaika.design/r/google-calendar-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-calendar-mobile.json"},{"name":"google-drive-mobile","title":"Google Drive Mobile — decoded design system (key required)","description":"Google Drive Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full…","type":"registry:theme","source_url":"https://mozaika.design/r/google-drive-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-drive-mobile.json"},{"name":"google-maps-mobile","title":"Google Maps Mobile — decoded design system (key required)","description":"Google Maps Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-…","type":"registry:theme","source_url":"https://mozaika.design/r/google-maps-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-maps-mobile.json"},{"name":"google-photos-mobile","title":"Google Photos Mobile — decoded design system (key required)","description":"Google Photos Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Ful…","type":"registry:theme","source_url":"https://mozaika.design/r/google-photos-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/google-photos-mobile.json"},{"name":"gothic-templates","title":"Gothic Templates — decoded design system (key required)","description":"Gothic Templates's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/gothic-templates.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gothic-templates.json"},{"name":"grafana","title":"Grafana — decoded design system (key required)","description":"Grafana's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/grafana.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grafana.json"},{"name":"grammarly-mobile","title":"Grammarly Mobile — decoded design system (key required)","description":"Grammarly Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/grammarly-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grammarly-mobile.json"},{"name":"granola","title":"Granola — decoded design system (key required)","description":"Granola's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/granola.json","install_command":"npx shadcn@latest add https://mozaika.design/r/granola.json"},{"name":"graphite","title":"Graphite — decoded design system (key required)","description":"Graphite's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/graphite.json","install_command":"npx shadcn@latest add https://mozaika.design/r/graphite.json"},{"name":"graphite-ui","title":"Graphite UI — decoded design system (key required)","description":"Graphite UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/graphite-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/graphite-ui.json"},{"name":"grayscale-app","title":"Grayscale App — decoded design system (key required)","description":"Grayscale App's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/grayscale-app.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grayscale-app.json"},{"name":"graza","title":"Graza — decoded design system (key required)","description":"Graza's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/graza.json","install_command":"npx shadcn@latest add https://mozaika.design/r/graza.json"},{"name":"grilli-type","title":"Grilli Type — decoded design system (key required)","description":"Grilli Type's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/grilli-type.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grilli-type.json"},{"name":"grok-mobile","title":"Grok Mobile — decoded design system (key required)","description":"Grok Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/grok-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grok-mobile.json"},{"name":"groq","title":"Groq — decoded design system (key required)","description":"Groq's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/groq.json","install_command":"npx shadcn@latest add https://mozaika.design/r/groq.json"},{"name":"grubhub-mobile","title":"Grubhub Mobile — decoded design system (key required)","description":"Grubhub Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libr…","type":"registry:theme","source_url":"https://mozaika.design/r/grubhub-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/grubhub-mobile.json"},{"name":"gumloop","title":"Gumloop — decoded design system (key required)","description":"Gumloop's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/gumloop.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gumloop.json"},{"name":"gumroad","title":"Gumroad — decoded design system (key required)","description":"Gumroad's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/gumroad.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gumroad.json"},{"name":"gusto","title":"Gusto — decoded design system (key required)","description":"Gusto's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/gusto.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gusto.json"},{"name":"gymshark","title":"Gymshark — decoded design system (key required)","description":"Gymshark's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/gymshark.json","install_command":"npx shadcn@latest add https://mozaika.design/r/gymshark.json"},{"name":"harvey","title":"Harvey — decoded design system (key required)","description":"Harvey's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/harvey.json","install_command":"npx shadcn@latest add https://mozaika.design/r/harvey.json"},{"name":"hasura","title":"Hasura — decoded design system (key required)","description":"Hasura's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/hasura.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hasura.json"},{"name":"headspace","title":"Headspace — decoded design system (key required)","description":"Headspace's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/headspace.json","install_command":"npx shadcn@latest add https://mozaika.design/r/headspace.json"},{"name":"headspace-mobile","title":"Headspace Mobile — decoded design system (key required)","description":"Headspace Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/headspace-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/headspace-mobile.json"},{"name":"heptabase","title":"Heptabase — decoded design system (key required)","description":"Heptabase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/heptabase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/heptabase.json"},{"name":"heroic-features","title":"Heroic Features — decoded design system (key required)","description":"Heroic Features's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/heroic-features.json","install_command":"npx shadcn@latest add https://mozaika.design/r/heroic-features.json"},{"name":"hex","title":"Hex — decoded design system (key required)","description":"Hex's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: in…","type":"registry:theme","source_url":"https://mozaika.design/r/hex.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hex.json"},{"name":"hey","title":"Hey — decoded design system (key required)","description":"Hey's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: i…","type":"registry:theme","source_url":"https://mozaika.design/r/hey.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hey.json"},{"name":"heygen","title":"HeyGen — decoded design system (key required)","description":"HeyGen's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/heygen.json","install_command":"npx shadcn@latest add https://mozaika.design/r/heygen.json"},{"name":"higgsfield","title":"Higgsfield — decoded design system (key required)","description":"Higgsfield's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/higgsfield.json","install_command":"npx shadcn@latest add https://mozaika.design/r/higgsfield.json"},{"name":"highlight","title":"Highlight — decoded design system (key required)","description":"Highlight's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/highlight.json","install_command":"npx shadcn@latest add https://mozaika.design/r/highlight.json"},{"name":"hightouch","title":"Hightouch — decoded design system (key required)","description":"Hightouch's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/hightouch.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hightouch.json"},{"name":"honeycomb","title":"Honeycomb — decoded design system (key required)","description":"Honeycomb's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/honeycomb.json","install_command":"npx shadcn@latest add https://mozaika.design/r/honeycomb.json"},{"name":"hookdeck","title":"Hookdeck — decoded design system (key required)","description":"Hookdeck's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/hookdeck.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hookdeck.json"},{"name":"hopper-mobile","title":"Hopper Mobile — decoded design system (key required)","description":"Hopper Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/hopper-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hopper-mobile.json"},{"name":"hugging-face","title":"Hugging Face — decoded design system (key required)","description":"Hugging Face's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/hugging-face.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hugging-face.json"},{"name":"hume","title":"Hume — decoded design system (key required)","description":"Hume's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/hume.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hume.json"},{"name":"hume-ai","title":"Hume AI — decoded design system (key required)","description":"Hume AI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/hume-ai.json","install_command":"npx shadcn@latest add https://mozaika.design/r/hume-ai.json"},{"name":"ideogram","title":"Ideogram — decoded design system (key required)","description":"Ideogram's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/ideogram.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ideogram.json"},{"name":"ikea-mobile","title":"IKEA Mobile — decoded design system (key required)","description":"IKEA Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library…","type":"registry:theme","source_url":"https://mozaika.design/r/ikea-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/ikea-mobile.json"},{"name":"imdb-mobile","title":"IMDb Mobile — decoded design system (key required)","description":"IMDb Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/imdb-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/imdb-mobile.json"},{"name":"immich","title":"Immich — decoded design system (key required)","description":"Immich's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/immich.json","install_command":"npx shadcn@latest add https://mozaika.design/r/immich.json"},{"name":"increase","title":"Increase — decoded design system (key required)","description":"Increase's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library it…","type":"registry:theme","source_url":"https://mozaika.design/r/increase.json","install_command":"npx shadcn@latest add https://mozaika.design/r/increase.json"},{"name":"infisical","title":"Infisical — decoded design system (key required)","description":"Infisical's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library i…","type":"registry:theme","source_url":"https://mozaika.design/r/infisical.json","install_command":"npx shadcn@latest add https://mozaika.design/r/infisical.json"},{"name":"inngest","title":"Inngest — decoded design system (key required)","description":"Inngest's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/inngest.json","install_command":"npx shadcn@latest add https://mozaika.design/r/inngest.json"},{"name":"instacart-mobile","title":"Instacart Mobile — decoded design system (key required)","description":"Instacart Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/instacart-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/instacart-mobile.json"},{"name":"instagram-mobile","title":"Instagram Mobile — decoded design system (key required)","description":"Instagram Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/instagram-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/instagram-mobile.json"},{"name":"instant","title":"Instant — decoded design system (key required)","description":"Instant's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library ite…","type":"registry:theme","source_url":"https://mozaika.design/r/instant.json","install_command":"npx shadcn@latest add https://mozaika.design/r/instant.json"},{"name":"intercom","title":"Intercom — decoded design system","description":"Intercom's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.","type":"registry:theme","source_url":"https://mozaika.design/r/intercom.json","install_command":"npx shadcn@latest add https://mozaika.design/r/intercom.json"},{"name":"jitter","title":"Jitter — decoded design system (key required)","description":"Jitter's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/jitter.json","install_command":"npx shadcn@latest add https://mozaika.design/r/jitter.json"},{"name":"jones-road","title":"Jones Road — decoded design system (key required)","description":"Jones Road's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library …","type":"registry:theme","source_url":"https://mozaika.design/r/jones-road.json","install_command":"npx shadcn@latest add https://mozaika.design/r/jones-road.json"},{"name":"june","title":"June — decoded design system (key required)","description":"June's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item: …","type":"registry:theme","source_url":"https://mozaika.design/r/june.json","install_command":"npx shadcn@latest add https://mozaika.design/r/june.json"},{"name":"kayak-mobile","title":"Kayak Mobile — decoded design system (key required)","description":"Kayak Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/kayak-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kayak-mobile.json"},{"name":"kinde","title":"Kinde — decoded design system (key required)","description":"Kinde's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/kinde.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kinde.json"},{"name":"klarna","title":"Klarna — decoded design system (key required)","description":"Klarna's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item…","type":"registry:theme","source_url":"https://mozaika.design/r/klarna.json","install_command":"npx shadcn@latest add https://mozaika.design/r/klarna.json"},{"name":"klarna-mobile","title":"Klarna Mobile — decoded design system (key required)","description":"Klarna Mobile's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-librar…","type":"registry:theme","source_url":"https://mozaika.design/r/klarna-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/klarna-mobile.json"},{"name":"klim-type-foundry","title":"Klim Type Foundry — decoded design system (key required)","description":"Klim Type Foundry's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-li…","type":"registry:theme","source_url":"https://mozaika.design/r/klim-type-foundry.json","install_command":"npx shadcn@latest add https://mozaika.design/r/klim-type-foundry.json"},{"name":"knock","title":"Knock — decoded design system (key required)","description":"Knock's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-library item:…","type":"registry:theme","source_url":"https://mozaika.design/r/knock.json","install_command":"npx shadcn@latest add https://mozaika.design/r/knock.json"},{"name":"kodama-grove-ui","title":"Kodama Grove UI — decoded design system (key required)","description":"Kodama Grove UI's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-lib…","type":"registry:theme","source_url":"https://mozaika.design/r/kodama-grove-ui.json","install_command":"npx shadcn@latest add https://mozaika.design/r/kodama-grove-ui.json"},{"name":"komoot-mobile","title":"Komoot Mobile — decoded design system (key required)","description":"Komoot Mobile's real light design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette. Full-libra…","type":"registry:theme","source_url":"https://mozaika.design/r/komoot-mobile.json","install_command":"npx shadcn@latest add https://mozaika.design/r/komoot-mobile.json"}]},{"id":"mui-treasury","name":"@mui-treasury","slug":"mui-treasury","description":"MUI Treasury is a collection of hand-crafted, extended UI patterns and components built on top of Material UI (MUI v5/v6), addressing design gaps left by the core MUI library — refined shadows, monochromatic palettes, pure-black dark mode, icon variants, and elevated header/navigation patterns. It provides an optional CLI for adding components. Built around MUI's CSS variable theming, Emotion, and Material Design tokens rather than Tailwind. Open source. Use for: MUI-based React apps that need polished, opinionated extensions to the default Material Design system without switching to a Tailwind-first stack.","author":"siriwatknp","framework":"react","license":null,"tags":["accessibility","aesthetic","ai","animation","audio","blocks","buttons","cards","cms","components","dashboard","design-system","e-commerce","forms","gaming","icons","loaders","media","navigation","overlays","theming"],"categories":["Design system"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://www.mui-treasury.com","github":"https://github.com/siriwatknp/mui-treasury","registry":"https://mui-treasury.com/r/registry.json","source":"https://mui-treasury.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mui-treasury","markdown":"https://sh4dcn.netlify.app/md/mui-treasury.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='390' height='390' viewBox='0 0 390 390' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M390 91.0161V25.8698C389.997 24.8932 389.738 23.9344 389.249 23.0889C388.761 22.2435 388.059 21.5408 387.214 21.051C386.369 20.5612 385.41 20.3012 384.434 20.2971C383.457 20.2929 382.497 20.5447 381.648 21.0273L338.748 45.5323C337.039 46.5111 335.619 47.9236 334.632 49.6271C333.645 51.3306 333.125 53.2646 333.125 55.2336V120.38C333.125 124.67 337.756 127.367 341.477 125.222L384.377 100.717C386.088 99.7372 387.51 98.3221 388.497 96.6155C389.484 94.9089 390.003 92.9878 390 91.0161ZM8.36875 21.0436L132.567 92.2673C134.259 93.2365 136.175 93.7465 138.125 93.7465C140.075 93.7465 141.991 93.2365 143.683 92.2673L267.881 21.0436C268.731 20.5569 269.693 20.3019 270.672 20.304C271.651 20.3061 272.612 20.5653 273.46 21.0556C274.307 21.5459 275.011 22.2502 275.5 23.0979C275.99 23.9456 276.249 24.9071 276.25 25.8861V221.374C276.25 225.192 274.3 228.735 271.066 230.799L195.504 278.785L246.041 308.555C249.616 310.667 254.085 310.619 257.628 308.409L332.54 261.641C333.343 261.137 334.004 260.437 334.461 259.607C334.919 258.777 335.158 257.844 335.156 256.896V190.515C335.156 186.387 337.431 182.617 341.039 180.667L381.777 158.795C382.629 158.34 383.583 158.114 384.547 158.138C385.512 158.162 386.454 158.435 387.282 158.93C388.11 159.426 388.795 160.127 389.271 160.967C389.748 161.806 389.999 162.754 390 163.719V286.097C390 290.062 387.887 293.735 384.475 295.734L257.173 370.354C255.418 371.381 253.416 371.91 251.383 371.884C249.35 371.858 247.363 371.278 245.635 370.207L148.899 310.391C148.088 309.889 147.419 309.188 146.955 308.355C146.491 307.522 146.249 306.583 146.25 305.63V246.74C146.25 244.871 147.176 243.132 148.736 242.092L214.386 198.315C215.919 197.296 217.176 195.914 218.046 194.293C218.916 192.671 219.373 190.86 219.375 189.02V117.682C219.375 117.288 219.269 116.9 219.07 116.56C218.87 116.219 218.584 115.938 218.24 115.745C217.896 115.551 217.507 115.453 217.113 115.459C216.718 115.465 216.332 115.577 215.995 115.781L143.845 159.071C142.116 160.109 140.138 160.661 138.121 160.666C136.105 160.672 134.124 160.132 132.389 159.104L59.2312 115.749C58.8917 115.549 58.5056 115.442 58.1116 115.439C57.7177 115.436 57.3298 115.536 56.9872 115.731C56.6445 115.925 56.3591 116.206 56.1597 116.546C55.9603 116.886 55.8539 117.272 55.8513 117.666V246.577C55.8496 247.564 55.5868 248.533 55.0894 249.385C54.5921 250.238 53.8779 250.943 53.0196 251.43C52.1612 251.917 51.1892 252.168 50.2024 252.158C49.2156 252.147 48.2492 251.876 47.4013 251.371L8.125 227.809C3.0875 224.786 0 219.326 0 213.444V25.8861C0 21.5961 4.6475 18.8986 8.36875 21.0436Z' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2441,"open_issues":39,"last_commit":"2026-10-19T10:47:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://mui-treasury.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://mui-treasury.com/r/registry.json","install_bun":"bunx shadcn@latest add https://mui-treasury.com/r/registry.json","clone":"git clone https://github.com/siriwatknp/mui-treasury.git","clone_degit":"npx degit siriwatknp/mui-treasury","registry_fetch":"curl -s https://mui-treasury.com/r/registry.json"},"component_count":192,"components":[{"name":"accordion-mui-treasury","title":"Accordion (MUI Treasury)","description":"Accordion styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/accordion-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/accordion-mui-treasury.json"},{"name":"ai-actions","title":"AI Actions","description":"Interactive AI action components","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-actions.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-actions.json"},{"name":"ai-artifact","title":"AI Artifact","description":"A container component for displaying artifacts with header, actions, and content areas","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-artifact.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-artifact.json"},{"name":"ai-branch","title":"Ai Branch","description":"A ai-branch item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-branch.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-branch.json"},{"name":"ai-chain-of-thought","title":"AI Chain of Thought","description":"Component for displaying AI reasoning steps with collapsible content","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-chain-of-thought.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-chain-of-thought.json"},{"name":"ai-code-block","title":"Ai Code Block","description":"A ai-code-block item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-code-block.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-code-block.json"},{"name":"ai-context","title":"Ai Context","description":"A ai-context item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-context.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-context.json"},{"name":"ai-conversation","title":"Ai Conversation","description":"A ai-conversation item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-conversation.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-conversation.json"},{"name":"ai-elements","title":"AI Elements","description":"All AI Elements from MUI Treasury","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-elements.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-elements.json"},{"name":"ai-image","title":"Ai Image","description":"A ai-image item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-image.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-image.json"},{"name":"ai-inline-citation","title":"Ai Inline Citation","description":"A ai-inline-citation item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-inline-citation.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-inline-citation.json"},{"name":"ai-loader","title":"Ai Loader","description":"A ai-loader item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-loader.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-loader.json"},{"name":"ai-message","title":"Ai Message","description":"A ai-message item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-message.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-message.json"},{"name":"ai-open-in-chat","title":"Ai Open In Chat","description":"A ai-open-in-chat item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-open-in-chat.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-open-in-chat.json"},{"name":"ai-prompt-input","title":"Ai Prompt Input","description":"A ai-prompt-input item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-prompt-input.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-prompt-input.json"},{"name":"ai-reasoning","title":"Ai Reasoning","description":"A ai-reasoning item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-reasoning.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-reasoning.json"},{"name":"ai-response","title":"Ai Response","description":"A ai-response item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-response.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-response.json"},{"name":"ai-sources","title":"Ai Sources","description":"A ai-sources item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-sources.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-sources.json"},{"name":"ai-suggestion","title":"Ai Suggestion","description":"A ai-suggestion item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-suggestion.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-suggestion.json"},{"name":"ai-task","title":"Ai Task","description":"A ai-task item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-task.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-task.json"},{"name":"ai-tool","title":"Ai Tool","description":"A ai-tool item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-tool.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-tool.json"},{"name":"ai-web-preview","title":"Ai Web Preview","description":"A ai-web-preview item.","type":"registry:item","source_url":"https://mui-treasury.com/r/ai-web-preview.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ai-web-preview.json"},{"name":"alert-mui-treasury","title":"Alert (MUI Treasury)","description":"Alert styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/alert-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/alert-mui-treasury.json"},{"name":"app-analytics","title":"App Analytics","description":"A app-analytics item.","type":"registry:item","source_url":"https://mui-treasury.com/r/app-analytics.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-analytics.json"},{"name":"app-bar-mui-treasury","title":"App Bar (MUI Treasury)","description":"App Bar styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/app-bar-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-bar-mui-treasury.json"},{"name":"app-footer-01","title":"App Footer 01","description":"A responsive footer component with logo, social media links, and multi-column navigation","type":"registry:item","source_url":"https://mui-treasury.com/r/app-footer-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-footer-01.json"},{"name":"app-messenger","title":"App Messenger","description":"A app-messenger item.","type":"registry:item","source_url":"https://mui-treasury.com/r/app-messenger.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-messenger.json"},{"name":"app-react-legacy","title":"App React Legacy","description":"A app-react-legacy item.","type":"registry:item","source_url":"https://mui-treasury.com/r/app-react-legacy.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-react-legacy.json"},{"name":"app-shopping-cart","title":"App Shopping Cart","description":"A app-shopping-cart item.","type":"registry:item","source_url":"https://mui-treasury.com/r/app-shopping-cart.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/app-shopping-cart.json"},{"name":"autocomplete-mui-treasury","title":"Autocomplete (MUI Treasury)","description":"Autocomplete styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/autocomplete-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/autocomplete-mui-treasury.json"},{"name":"avatar-mui-treasury","title":"Avatar (MUI Treasury)","description":"Avatar styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/avatar-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/avatar-mui-treasury.json"},{"name":"badge-mui-treasury","title":"Badge (MUI Treasury)","description":"Badge styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/badge-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/badge-mui-treasury.json"},{"name":"breadcrumbs-mui-treasury","title":"Breadcrumbs (MUI Treasury)","description":"Breadcrumbs styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/breadcrumbs-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/breadcrumbs-mui-treasury.json"},{"name":"button-group-mui-treasury","title":"Button Group (MUI Treasury)","description":"Button Group styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/button-group-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/button-group-mui-treasury.json"},{"name":"button-mui-treasury","title":"Button (MUI Treasury)","description":"Button styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/button-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/button-mui-treasury.json"},{"name":"call-volume-trends","title":"Call Volume Trends","description":"A call-volume-trends block.","type":"registry:item","source_url":"https://mui-treasury.com/r/call-volume-trends.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/call-volume-trends.json"},{"name":"card-action-01","title":"Card Action 01","description":"Card with full-bleed background, heading text overlay, and floating circular add button in bottom-right corner with hover scale effect","type":"registry:item","source_url":"https://mui-treasury.com/r/card-action-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-action-01.json"},{"name":"card-action-02","title":"Card Action 02","description":"Card with branded icon, large heading, description text, and floating circular add button with customizable props","type":"registry:item","source_url":"https://mui-treasury.com/r/card-action-02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-action-02.json"},{"name":"card-blog","title":"Card Blog","description":"Blog card with image featuring gradient overlay, Info components for eyebrow/title/subtitle, and gradient CTA button","type":"registry:item","source_url":"https://mui-treasury.com/r/card-blog.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-blog.json"},{"name":"card-engagement","title":"Card Engagement","description":"Card with landscape image, Info title/subtitle, and AvatarGroup footer showing participant avatars","type":"registry:item","source_url":"https://mui-treasury.com/r/card-engagement.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-engagement.json"},{"name":"card-galaxy","title":"Card Galaxy","description":"Card with full-height background image, bottom gradient overlay, and white text Info components positioned at bottom","type":"registry:item","source_url":"https://mui-treasury.com/r/card-galaxy.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-galaxy.json"},{"name":"card-highlight","title":"Card Highlight","description":"Card with game branding, cover image, gradient overlay, logo avatar with hover scale, and date badge","type":"registry:item","source_url":"https://mui-treasury.com/r/card-highlight.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-highlight.json"},{"name":"card-kanban","title":"Card Kanban","description":"Compact horizontal card with avatar, user name, location info, and progress slider showing completion status","type":"registry:item","source_url":"https://mui-treasury.com/r/card-kanban.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-kanban.json"},{"name":"card-music","title":"Card Music","description":"Music card with rounded album artwork and Info components displaying artist/title/description using N04 styles","type":"registry:item","source_url":"https://mui-treasury.com/r/card-music.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-music.json"},{"name":"card-news","title":"Card News","description":"News card with image, Info components using N01 styles, and 'Find Out More' button with hover scale effect","type":"registry:item","source_url":"https://mui-treasury.com/r/card-news.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-news.json"},{"name":"card-news2","title":"Card News2","description":"Full-bleed image card with centered white text heading and explore label, positioned absolutely over background","type":"registry:item","source_url":"https://mui-treasury.com/r/card-news2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-news2.json"},{"name":"card-news3","title":"Card News3","description":"News card with image overlay, gradient backdrop, fashion tag badge, author info with avatar, and layered shadow effect on hover","type":"registry:item","source_url":"https://mui-treasury.com/r/card-news3.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-news3.json"},{"name":"card-offer","title":"Card Offer","description":"Promotional card with cyan background, decorative bow image, circular background elements, and 'Learn more' button","type":"registry:item","source_url":"https://mui-treasury.com/r/card-offer.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-offer.json"},{"name":"card-post","title":"Card Post","description":"Social post card with clipped polygon image, positioned avatar overlay, Info title/subtitle, and share/like action buttons","type":"registry:item","source_url":"https://mui-treasury.com/r/card-post.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-post.json"},{"name":"card-preview-01","title":"Card Preview 01","description":"Preview card using Base UI PreviewCard with hover popup displaying content preview and Material UI styling","type":"registry:item","source_url":"https://mui-treasury.com/r/card-preview-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-preview-01.json"},{"name":"card-profile","title":"Card Profile","description":"Profile card with centered avatar, name/location info, and followers/following stats displayed in divided columns","type":"registry:item","source_url":"https://mui-treasury.com/r/card-profile.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-profile.json"},{"name":"card-project","title":"Card Project","description":"Project card with brand logo, time indicator, and Info components using Blog styles for title/subtitle","type":"registry:item","source_url":"https://mui-treasury.com/r/card-project.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-project.json"},{"name":"card-review","title":"Card Review","description":"Review card with image, star rating, location info, and avatar group showing reviewers","type":"registry:item","source_url":"https://mui-treasury.com/r/card-review.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-review.json"},{"name":"card-review2","title":"Card Review2","description":"Magazine-style review card with image, star rating, content excerpt, and comment/view/share metrics","type":"registry:item","source_url":"https://mui-treasury.com/r/card-review2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-review2.json"},{"name":"card-reward","title":"Card Reward","description":"Purple gradient reward card with trophy image, contest title, date range, and 'Enter Now' button","type":"registry:item","source_url":"https://mui-treasury.com/r/card-reward.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-reward.json"},{"name":"card-social","title":"Card Social","description":"Social connection card with avatar, user name, mutual friends count, and follow button","type":"registry:item","source_url":"https://mui-treasury.com/r/card-social.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-social.json"},{"name":"card-solid-game","title":"Card Solid Game","description":"Game cards with solid color backgrounds, logo images, game titles, and hover shadow/scale animations","type":"registry:item","source_url":"https://mui-treasury.com/r/card-solid-game.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-solid-game.json"},{"name":"card-sysi","title":"Card Sysi","description":"Program enrollment card with Thai content, Info components, and dual 'Learn more' / 'Apply now' buttons","type":"registry:item","source_url":"https://mui-treasury.com/r/card-sysi.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-sysi.json"},{"name":"card-tag","title":"Card Tag","description":"Decorative tag-shaped card with hole punch cutout design for menu items or categories","type":"registry:item","source_url":"https://mui-treasury.com/r/card-tag.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-tag.json"},{"name":"card-team","title":"Card Team","description":"Team group cards with cover images, avatar groups, member counts, and join/leave action buttons with gradient styling","type":"registry:item","source_url":"https://mui-treasury.com/r/card-team.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-team.json"},{"name":"card-tutor","title":"Card Tutor","description":"Compact profile card with avatar, name/title info, and action button using Open Sans typography","type":"registry:item","source_url":"https://mui-treasury.com/r/card-tutor.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/card-tutor.json"},{"name":"carousel-css-01","title":"Carousel CSS 01","description":"Horizontal scrollable carousel with CSS scroll snap","type":"registry:item","source_url":"https://mui-treasury.com/r/carousel-css-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/carousel-css-01.json"},{"name":"checkbox-mui-treasury","title":"Checkbox (MUI Treasury)","description":"Checkbox styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/checkbox-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/checkbox-mui-treasury.json"},{"name":"chip-mui-treasury","title":"Chip (MUI Treasury)","description":"Chip styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/chip-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/chip-mui-treasury.json"},{"name":"collapsible","title":"Collapsible Overview","description":"CSS-only collapsible components using a hidden checkbox to toggle content visibility","type":"registry:item","source_url":"https://mui-treasury.com/r/collapsible.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/collapsible.json"},{"name":"collapsible-icon","title":"Collapsible Icon","description":"A collapsible-icon demo.","type":"registry:item","source_url":"https://mui-treasury.com/r/collapsible-icon.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/collapsible-icon.json"},{"name":"color-picker-field","title":"Color Picker Field","description":"A TextField-based color picker built on react-colorful","type":"registry:item","source_url":"https://mui-treasury.com/r/color-picker-field.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/color-picker-field.json"},{"name":"color-scheme-select-basic","title":"Color Scheme Select Basic","description":"Basic select component for switching color schemes","type":"registry:item","source_url":"https://mui-treasury.com/r/color-scheme-select-basic.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/color-scheme-select-basic.json"},{"name":"color-scheme-select-icon","title":"Color Scheme Select Icon","description":"Icon-based select component for switching color schemes","type":"registry:item","source_url":"https://mui-treasury.com/r/color-scheme-select-icon.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/color-scheme-select-icon.json"},{"name":"color-scheme-select-minimal","title":"Color Scheme Select Minimal","description":"Minimal select component for switching color schemes","type":"registry:item","source_url":"https://mui-treasury.com/r/color-scheme-select-minimal.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/color-scheme-select-minimal.json"},{"name":"color-scheme-tabs-basic","title":"Color Scheme Tabs Basic","description":"Tab-based component for switching color schemes","type":"registry:item","source_url":"https://mui-treasury.com/r/color-scheme-tabs-basic.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/color-scheme-tabs-basic.json"},{"name":"command-search-ui","title":"Command Search Ui","description":"A command-search-ui block.","type":"registry:item","source_url":"https://mui-treasury.com/r/command-search-ui.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/command-search-ui.json"},{"name":"customer-metrics-card","title":"Customer Metrics Card","description":"A dashboard card displaying customer metrics with growth percentage and trend chart","type":"registry:item","source_url":"https://mui-treasury.com/r/customer-metrics-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/customer-metrics-card.json"},{"name":"dashboard-sidebar","title":"Dashboard Sidebar","description":"A vertical navigation sidebar for dashboard applications with user profile, search, and expandable menu items","type":"registry:item","source_url":"https://mui-treasury.com/r/dashboard-sidebar.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/dashboard-sidebar.json"},{"name":"data-metrics","title":"Data Metrics","description":"A data-metrics block.","type":"registry:item","source_url":"https://mui-treasury.com/r/data-metrics.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/data-metrics.json"},{"name":"database-metrics-card","title":"Database Metrics Card","description":"A database-metrics-card block.","type":"registry:item","source_url":"https://mui-treasury.com/r/database-metrics-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/database-metrics-card.json"},{"name":"dialog-mui-treasury","title":"Dialog (MUI Treasury)","description":"Dialog styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/dialog-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/dialog-mui-treasury.json"},{"name":"dropzone-01","title":"react-dropzone","description":"Drag and drop file upload zone using react-dropzone","type":"registry:item","source_url":"https://mui-treasury.com/r/dropzone-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/dropzone-01.json"},{"name":"file-upload-field","title":"File Upload Field","description":"A file input component based on TextField with dynamic icons for different file types.","type":"registry:item","source_url":"https://mui-treasury.com/r/file-upload-field.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/file-upload-field.json"},{"name":"firebase-analyze-image","title":"Firebase Analyze Image","description":"A chat interface for analyzing images using Firebase Gemini with multimodal input support","type":"registry:block","source_url":"https://mui-treasury.com/r/firebase-analyze-image.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-analyze-image.json"},{"name":"firebase-chat-transport","title":"Firebase Chat Transport","description":"Client-side ChatTransport implementation for Firebase AI Logic (Gemini) with multi-turn streaming, tool calling, and Google Search grounding","type":"registry:item","source_url":"https://mui-treasury.com/r/firebase-chat-transport.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-chat-transport.json"},{"name":"firebase-generate-text","title":"Firebase Generate Text","description":"Simple text generation component using Firebase AI (Gemini) with streaming support","type":"registry:item","source_url":"https://mui-treasury.com/r/firebase-generate-text.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-generate-text.json"},{"name":"firebase-google-search","title":"Firebase Google Search Grounding","description":"A Firebase chat demo with Google Search grounding for real-time information","type":"registry:block","source_url":"https://mui-treasury.com/r/firebase-google-search.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-google-search.json"},{"name":"firebase-image-generation","title":"Firebase Image Generation","description":"A chat interface for generating images using Firebase Gemini with interleaved text and image output","type":"registry:block","source_url":"https://mui-treasury.com/r/firebase-image-generation.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-image-generation.json"},{"name":"firebase-story-telling","title":"Firebase Story Telling","description":"A chat interface for creating illustrated stories with interleaved text and image generation","type":"registry:block","source_url":"https://mui-treasury.com/r/firebase-story-telling.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-story-telling.json"},{"name":"firebase-thinking-model","title":"Firebase Thinking Model","description":"A chat interface showcasing AI reasoning with Firebase Gemini thinking model","type":"registry:block","source_url":"https://mui-treasury.com/r/firebase-thinking-model.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-thinking-model.json"},{"name":"firebase-tool-calling","title":"Firebase Tool Calling","description":"A chat interface demonstrating Firebase AI tool calling with weather and time tools","type":"registry:block","source_url":"https://mui-treasury.com/r/firebase-tool-calling.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/firebase-tool-calling.json"},{"name":"info-apex","title":"Info Apex","description":"Info variant with bold Ubuntu typography and custom purple/gray color scheme","type":"registry:item","source_url":"https://mui-treasury.com/r/info-apex.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-apex.json"},{"name":"info-basic","title":"Info Basic","description":"Basic info component with title, subtitle, caption, and eyebrow text slots for displaying structured content","type":"registry:item","source_url":"https://mui-treasury.com/r/info-basic.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-basic.json"},{"name":"info-beats","title":"Info Beats","description":"Info variant with Spartan font family and coral accent color for eyebrow text","type":"registry:item","source_url":"https://mui-treasury.com/r/info-beats.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-beats.json"},{"name":"info-blog","title":"Info Blog","description":"Blog-style info component with date eyebrow and article preview layout","type":"registry:item","source_url":"https://mui-treasury.com/r/info-blog.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-blog.json"},{"name":"info-chatz","title":"Info Chatz","description":"Chat-themed info component with Inter font and modern messaging aesthetics","type":"registry:item","source_url":"https://mui-treasury.com/r/info-chatz.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-chatz.json"},{"name":"info-n01","title":"Info N01","description":"Info variant with custom typography and styling option 1","type":"registry:item","source_url":"https://mui-treasury.com/r/info-n01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n01.json"},{"name":"info-n02","title":"Info N02","description":"Info variant with custom typography and styling option 2","type":"registry:item","source_url":"https://mui-treasury.com/r/info-n02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n02.json"},{"name":"info-n03","title":"Info N03","description":"Info variant with custom typography and styling option 3","type":"registry:item","source_url":"https://mui-treasury.com/r/info-n03.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n03.json"},{"name":"info-n04","title":"Info N04","description":"Info variant with custom typography and styling option 4","type":"registry:item","source_url":"https://mui-treasury.com/r/info-n04.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/info-n04.json"},{"name":"keycap-01","title":"Keycap","description":"Mechanical keyboard keycap-style button with pressed state, works with text and icons.","type":"registry:item","source_url":"https://mui-treasury.com/r/keycap-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/keycap-01.json"},{"name":"layout-core","title":"Layout Components","description":"Core layout primitives (Root, Header, Content, Footer, EdgeSidebar, InsetSidebar) for building app shells with CSS Grid.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-core.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-core.json"},{"name":"layout-docs-edge-sidebar","title":"Docs Edge Sidebar","description":"Documentation for EdgeSidebar covering width, visibility, collapse, drawer, responsive modes, and right sidebar.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-docs-edge-sidebar.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-docs-edge-sidebar.json"},{"name":"layout-docs-footer","title":"Docs Footer","description":"Documentation for the Footer layout component covering basic usage and inset avoiding view.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-docs-footer.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-docs-footer.json"},{"name":"layout-docs-header","title":"Docs Header","description":"A documentation-style header layout with logo, navigation links, and action buttons. Suitable for documentation sites with a fixed top header containing brandi…","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-docs-header.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-docs-header.json"},{"name":"layout-docs-inset-sidebar","title":"Docs Inset Sidebar","description":"Documentation for InsetSidebar covering width, sticky behavior, and absolute positioning.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-docs-inset-sidebar.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-docs-inset-sidebar.json"},{"name":"layout-docs-root","title":"Docs Root","description":"Documentation for the Root layout component covering height, standalone mode, and transition control.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-docs-root.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-docs-root.json"},{"name":"layout-edge-sidebar-auto-collapse","title":"Edge Sidebar Auto Collapse","description":"Sidebar automatically collapses below a specified breakpoint.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-auto-collapse.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-auto-collapse.json"},{"name":"layout-edge-sidebar-collapse","title":"Edge Sidebar Collapse","description":"Collapsible sidebar with a toggle button using EdgeSidebarCollapser.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-collapse.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-collapse.json"},{"name":"layout-edge-sidebar-drawer","title":"Edge Sidebar Drawer","description":"Drawer mode sidebar that opens as an overlay with a trigger button.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-drawer.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-drawer.json"},{"name":"layout-edge-sidebar-drawer-without-overlay","title":"Edge Sidebar Drawer Without Overlay","description":"Drawer mode without the overlay backdrop.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-drawer-without-overlay.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-drawer-without-overlay.json"},{"name":"layout-edge-sidebar-hover-uncollapse","title":"Edge Sidebar Hover Uncollapse","description":"Collapsed sidebar expands on hover without shifting the content.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-hover-uncollapse.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-hover-uncollapse.json"},{"name":"layout-edge-sidebar-responsive","title":"Edge Sidebar Responsive","description":"Drawer on mobile, permanent on desktop using breakpoint-based variant.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-responsive.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-responsive.json"},{"name":"layout-edge-sidebar-right","title":"Edge Sidebar Right","description":"Right-aligned edge sidebar using EdgeSidebarRight.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-right.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-right.json"},{"name":"layout-edge-sidebar-visibility","title":"Edge Sidebar Visibility","description":"Hide the sidebar by default and show it at a specific breakpoint.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-visibility.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-visibility.json"},{"name":"layout-edge-sidebar-width","title":"Edge Sidebar Width","description":"Customize the width of the edge sidebar via variant config.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-edge-sidebar-width.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-edge-sidebar-width.json"},{"name":"layout-footer-inset-avoiding","title":"Footer Inset Avoiding View","description":"Use InsetAvoidingView inside Footer to prevent overlap from an absolute InsetSidebar.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-footer-inset-avoiding.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-footer-inset-avoiding.json"},{"name":"layout-header-clip","title":"Header Clip","description":"Control whether the Header spans over the left/right EdgeSidebar.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-header-clip.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-header-clip.json"},{"name":"layout-header-height","title":"Header Height","description":"Customize header height with a fixed value or responsive breakpoints.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-header-height.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-header-height.json"},{"name":"layout-inset-sidebar-absolute","title":"Inset Sidebar Absolute","description":"Absolute inset sidebar for standalone apps, spanning from header to bottom with InsetAvoidingView in footer.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-inset-sidebar-absolute.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-inset-sidebar-absolute.json"},{"name":"layout-inset-sidebar-sticky","title":"Inset Sidebar Sticky","description":"Default sticky behavior — sidebar sticks under the header on scroll.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-inset-sidebar-sticky.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-inset-sidebar-sticky.json"},{"name":"layout-inset-sidebar-width","title":"Inset Sidebar Width","description":"Customize the width of the inset sidebar with fixed or responsive values.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-inset-sidebar-width.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-inset-sidebar-width.json"},{"name":"layout-root-disable-transition","title":"Root Disable Transition","description":"Remove all layout transition animations with the disableTransition prop.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-root-disable-transition.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-root-disable-transition.json"},{"name":"layout-root-height","title":"Root Height","description":"Customize root layout height with a fixed value or responsive breakpoints.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-root-height.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-root-height.json"},{"name":"layout-root-standalone","title":"Root Standalone","description":"Standalone mode fits the layout to its height, useful for POS or chat apps.","type":"registry:item","source_url":"https://mui-treasury.com/r/layout-root-standalone.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/layout-root-standalone.json"},{"name":"list-item-01","title":"List Item 01","description":"A list-item-01 item.","type":"registry:item","source_url":"https://mui-treasury.com/r/list-item-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/list-item-01.json"},{"name":"list-item-02","title":"Notification List Item","description":"LinkedIn-style notification list item with avatar, content preview, and engagement stats","type":"registry:item","source_url":"https://mui-treasury.com/r/list-item-02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/list-item-02.json"},{"name":"list-mui-treasury","title":"List (MUI Treasury)","description":"List styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/list-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/list-mui-treasury.json"},{"name":"login-form","title":"Login Form","description":"Clean and accessible login form with email/password authentication and Google OAuth option","type":"registry:item","source_url":"https://mui-treasury.com/r/login-form.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/login-form.json"},{"name":"login-form-split","title":"Login Form Split","description":"Two-column login form with email/password authentication and social login option","type":"registry:item","source_url":"https://mui-treasury.com/r/login-form-split.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/login-form-split.json"},{"name":"members-metric","title":"Members Metric Card","description":"A metric card displaying member count with trend indicator and sparkline chart","type":"registry:item","source_url":"https://mui-treasury.com/r/members-metric.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/members-metric.json"},{"name":"menu-mui-treasury","title":"Menu (MUI Treasury)","description":"Menu styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/menu-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/menu-mui-treasury.json"},{"name":"menubar-01","title":"Menubar with Submenu","description":"Application menubar with nested submenu support using Base UI and Material UI styling","type":"registry:item","source_url":"https://mui-treasury.com/r/menubar-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/menubar-01.json"},{"name":"meter-01","title":"Meter","description":"A minimal meter component using Base UI Meter with Material UI styling","type":"registry:item","source_url":"https://mui-treasury.com/r/meter-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/meter-01.json"},{"name":"mui-treasury","title":"MUI Treasury Theme","description":"A minimal theme with monochromatic palette and system fonts","type":"registry:item","source_url":"https://mui-treasury.com/r/mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/mui-treasury.json"},{"name":"nav-menu-01","title":"Navigation Menu 01","description":"Horizontal navigation menu with dropdown menus for Products and Resources sections","type":"registry:item","source_url":"https://mui-treasury.com/r/nav-menu-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/nav-menu-01.json"},{"name":"nav-menu-02","title":"Navigation Menu 02","description":"Horizontal navigation menu with animated dropdown transitions and arrow indicators","type":"registry:item","source_url":"https://mui-treasury.com/r/nav-menu-02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/nav-menu-02.json"},{"name":"number-field-01","title":"Number Field 01","description":"Base UI Number Field for numeric values with increment/decrement buttons","type":"registry:item","source_url":"https://mui-treasury.com/r/number-field-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/number-field-01.json"},{"name":"number-field-02","title":"Number Field 02","description":"Integrated Base UI Number Field with increment/decrement buttons, label, helper text, and error states. Full keyboard and screen reader accessibility.","type":"registry:item","source_url":"https://mui-treasury.com/r/number-field-02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/number-field-02.json"},{"name":"number-input","title":"Number Input","description":"A number input component with various features and customization options.","type":"registry:item","source_url":"https://mui-treasury.com/r/number-input.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/number-input.json"},{"name":"pagination-mui-treasury","title":"Pagination (MUI Treasury)","description":"Pagination styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/pagination-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/pagination-mui-treasury.json"},{"name":"payment-history-chart","title":"Payment History Chart","description":"A payment-history-chart block.","type":"registry:item","source_url":"https://mui-treasury.com/r/payment-history-chart.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/payment-history-chart.json"},{"name":"payment-overview-card","title":"Payment Overview Card","description":"A payment-overview-card block.","type":"registry:item","source_url":"https://mui-treasury.com/r/payment-overview-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/payment-overview-card.json"},{"name":"payroll-summary-card","title":"Payroll Summary Card","description":"A payroll-summary-card block.","type":"registry:item","source_url":"https://mui-treasury.com/r/payroll-summary-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/payroll-summary-card.json"},{"name":"popup-menu","title":"Popup Menu","description":"Menu items that open a popup submenu on hover or click.","type":"registry:item","source_url":"https://mui-treasury.com/r/popup-menu.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/popup-menu.json"},{"name":"portfolio-value-chart","title":"Portfolio Value Chart","description":"A portfolio-value-chart block.","type":"registry:item","source_url":"https://mui-treasury.com/r/portfolio-value-chart.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/portfolio-value-chart.json"},{"name":"preference-settings","title":"Preference Settings","description":"A clean settings panel with various preference options including selects and toggles","type":"registry:item","source_url":"https://mui-treasury.com/r/preference-settings.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/preference-settings.json"},{"name":"product-card","title":"Product Card","description":"Product card with gradient background header, centered image, and floating heart icon. Features product title, attribute chips, description text, and bottom ro…","type":"registry:item","source_url":"https://mui-treasury.com/r/product-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/product-card.json"},{"name":"product-card2","title":"Product Card 2","description":"Mobile product card with centered image, floating heart icon, and product name with badge. Features circular color swatches with checkmarks, size selection but…","type":"registry:item","source_url":"https://mui-treasury.com/r/product-card2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/product-card2.json"},{"name":"progress-mui-treasury","title":"Progress (MUI Treasury)","description":"Progress styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/progress-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/progress-mui-treasury.json"},{"name":"project-invite-modal","title":"Project Invite Modal","description":"A project-invite-modal block.","type":"registry:item","source_url":"https://mui-treasury.com/r/project-invite-modal.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/project-invite-modal.json"},{"name":"radio-card-01","title":"Radio Card","description":"Radio card component for selecting options with detailed information","type":"registry:item","source_url":"https://mui-treasury.com/r/radio-card-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/radio-card-01.json"},{"name":"radio-color-01","title":"Color Radio Selection","description":"A customizable radio group component with color swatches as selection options","type":"registry:item","source_url":"https://mui-treasury.com/r/radio-color-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/radio-color-01.json"},{"name":"radio-mui-treasury","title":"Radio (MUI Treasury)","description":"Radio styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/radio-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/radio-mui-treasury.json"},{"name":"radio-segment-01","title":"Segmented Radio Control","description":"A segmented control component for selecting between options with radio buttons","type":"registry:item","source_url":"https://mui-treasury.com/r/radio-segment-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/radio-segment-01.json"},{"name":"rating-mui-treasury","title":"Rating (MUI Treasury)","description":"Rating styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/rating-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/rating-mui-treasury.json"},{"name":"select-inset-01","title":"Select with Inset Label","description":"A select dropdown with label displayed inside the container above the selected value","type":"registry:item","source_url":"https://mui-treasury.com/r/select-inset-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/select-inset-01.json"},{"name":"select-mui-treasury","title":"Select (MUI Treasury)","description":"Select styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/select-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/select-mui-treasury.json"},{"name":"shared","title":"Shared Types","description":"Shared TypeScript types for overridable component patterns.","type":"registry:item","source_url":"https://mui-treasury.com/r/shared.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/shared.json"},{"name":"sidebar","title":"Sidebar Overview","description":"A complete sidebar component system with collapsible container, menu items, groups, icons, text, tooltips, and rail","type":"registry:item","source_url":"https://mui-treasury.com/r/sidebar.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar.json"},{"name":"sidebar-group","title":"Group","description":"Organize menu items into labeled sections with optional actions.","type":"registry:item","source_url":"https://mui-treasury.com/r/sidebar-group.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-group.json"},{"name":"sidebar-menus","title":"Menus","description":"Flat, nested, and action menu patterns with active states.","type":"registry:item","source_url":"https://mui-treasury.com/r/sidebar-menus.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-menus.json"},{"name":"sidebar-navigation","title":"Sidebar Navigation","description":"Modern vertical navigation sidebar with expandable menu items, storage usage indicator, and user profile section","type":"registry:item","source_url":"https://mui-treasury.com/r/sidebar-navigation.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-navigation.json"},{"name":"sidebar-text","title":"Text","description":"Primary and secondary text styles for menu items with truncation support.","type":"registry:item","source_url":"https://mui-treasury.com/r/sidebar-text.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-text.json"},{"name":"sidebar-tooltip","title":"Tooltip","description":"Tooltips for icon-only collapsed sidebar items.","type":"registry:item","source_url":"https://mui-treasury.com/r/sidebar-tooltip.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sidebar-tooltip.json"},{"name":"sla-performance-card","title":"Sla Performance Card","description":"A sla-performance-card block.","type":"registry:item","source_url":"https://mui-treasury.com/r/sla-performance-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sla-performance-card.json"},{"name":"slider-mui-treasury","title":"Slider (MUI Treasury)","description":"Slider styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/slider-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/slider-mui-treasury.json"},{"name":"snackbar-mui-treasury","title":"Snackbar (MUI Treasury)","description":"Snackbar styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/snackbar-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/snackbar-mui-treasury.json"},{"name":"sonner","title":"Sonner","description":"Toast notification component using Sonner with MUI theming","type":"registry:item","source_url":"https://mui-treasury.com/r/sonner.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sonner.json"},{"name":"sonner2","title":"Sonner 2","description":"Toast notification with severity-colored icon, action button, and close button","type":"registry:item","source_url":"https://mui-treasury.com/r/sonner2.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/sonner2.json"},{"name":"space-login","title":"Space Login","description":"Split-screen login form with space theme and social authentication options","type":"registry:item","source_url":"https://mui-treasury.com/r/space-login.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/space-login.json"},{"name":"stepper-mui-treasury","title":"Stepper (MUI Treasury)","description":"Stepper styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/stepper-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/stepper-mui-treasury.json"},{"name":"switch-mui-treasury","title":"Switch (MUI Treasury)","description":"Switch styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/switch-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/switch-mui-treasury.json"},{"name":"table-mui-treasury","title":"Table (MUI Treasury)","description":"Table styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/table-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/table-mui-treasury.json"},{"name":"tabs-01","title":"Tabs 01","description":"A clean tabs component with AI and signup options, includes help link","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-01.json"},{"name":"tabs-02","title":"Tabs with Inverted Text Effect","description":"A modern tab component with mix-blend-mode for automatic text color inversion when the indicator slides beneath tabs","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-02.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-02.json"},{"name":"tabs-apple","title":"Tabs Apple","description":"Apple-style tabs with rounded container and sliding indicator","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-apple.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-apple.json"},{"name":"tabs-chip-01","title":"Tabs Chip","description":"Horizontal tab navigation styled as chip-like buttons","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-chip-01.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-chip-01.json"},{"name":"tabs-chrome","title":"Tabs Chrome","description":"Chrome browser-style tabs with separator lines and smooth hover effects","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-chrome.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-chrome.json"},{"name":"tabs-contained","title":"Tabs Contained","description":"Contained tabs with separator lines and secondary color for selected state","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-contained.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-contained.json"},{"name":"tabs-elevated","title":"Tabs Elevated","description":"Elevated tabs with gradient background and translucent indicator","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-elevated.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-elevated.json"},{"name":"tabs-firebase","title":"Tabs Firebase","description":"Firebase-style tabs with thick top indicator and hover backdrop","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-firebase.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-firebase.json"},{"name":"tabs-inside-triangle","title":"Tabs Inside Triangle","description":"Tabs with diagonal triangle shadow effect using CSS transform","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-inside-triangle.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-inside-triangle.json"},{"name":"tabs-instagram","title":"Tabs Instagram","description":"Instagram-style tabs with top indicator, icons, and uppercase labels","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-instagram.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-instagram.json"},{"name":"tabs-mui-treasury","title":"Tabs (MUI Treasury)","description":"Tabs styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-mui-treasury.json"},{"name":"tabs-pill","title":"Tabs Pill","description":"Pill-shaped tabs with rounded corners, elevation shadow on selection","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-pill.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-pill.json"},{"name":"tabs-plain","title":"Tabs Plain","description":"Plain bordered tabs with subtle background and white selection","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-plain.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-plain.json"},{"name":"tabs-serrated","title":"Tabs Serrated","description":"Serrated tabs with skewed transform and diagonal shadow gradient","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-serrated.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-serrated.json"},{"name":"tabs-twitter","title":"Tabs Twitter","description":"Twitter-style tabs with bold text, hover effects, and bottom border","type":"registry:item","source_url":"https://mui-treasury.com/r/tabs-twitter.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tabs-twitter.json"},{"name":"text-field-mui-treasury","title":"Text Field (MUI Treasury)","description":"Text Field styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/text-field-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/text-field-mui-treasury.json"},{"name":"ticket-status-card","title":"Ticket Status Card","description":"A ticket-status-card block.","type":"registry:item","source_url":"https://mui-treasury.com/r/ticket-status-card.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/ticket-status-card.json"},{"name":"toggle-button-mui-treasury","title":"Toggle Button (MUI Treasury)","description":"Toggle Button styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/toggle-button-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/toggle-button-mui-treasury.json"},{"name":"tooltip-mui-treasury","title":"Tooltip (MUI Treasury)","description":"Tooltip styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/tooltip-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/tooltip-mui-treasury.json"},{"name":"transaction-history-list","title":"Transaction History List","description":"A transaction-history-list block.","type":"registry:item","source_url":"https://mui-treasury.com/r/transaction-history-list.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/transaction-history-list.json"},{"name":"typography-mui-treasury","title":"Typography (MUI Treasury)","description":"Typography styled with the MUI Treasury theme — install the theme alongside.","type":"registry:item","source_url":"https://mui-treasury.com/r/typography-mui-treasury.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/typography-mui-treasury.json"},{"name":"use-number-input","title":"useNumberInput","description":"A hook for managing state and behavior in number input components.","type":"registry:hook","source_url":"https://mui-treasury.com/r/use-number-input.json","install_command":"npx shadcn@latest add https://mui-treasury.com/r/use-number-input.json"}]},{"id":"motokoui","name":"@motokoui","slug":"motokoui","description":"Components, application blocks, templates, and starter kits for modern React applications.","author":"motoko-ui","framework":"react","license":"MIT","tags":["ai","backgrounds","blocks","buttons","forms","loaders","navigation","overlays","text-effects","theming"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://motokoui.com","github":"https://github.com/motoko-ui/motokoui","registry":"https://www.motokoui.com/r/registry.json","source":"https://www.motokoui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/motokoui","markdown":"https://sh4dcn.netlify.app/md/motokoui.md"},"logo":"<svg width=\"44\" height=\"44\" viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"44\" height=\"44\" rx=\"6\" fill=\"black\"/><path d=\"M8.27156 29.1282C8.13005 28.8465 8.1299 28.515 8.27116 28.2337L10.6054 23.5865C10.9744 22.852 12.0265 22.8539 12.3961 23.5897L14.7284 28.2329C14.8699 28.5147 14.8701 28.8462 14.7288 29.1274L12.3945 33.7746C12.0256 34.5092 10.9734 34.5073 10.6038 33.7714L8.27156 29.1282Z\" fill=\"white\"/><path d=\"M12.365 15.4894C12.2235 15.2077 12.2234 14.8762 12.3646 14.5949L14.6989 9.94771C15.0678 9.2132 16.12 9.21507 16.4896 9.9509L25.7284 28.3441C25.8699 28.6259 25.8701 28.9574 25.7288 29.2386L23.3945 33.8858C23.0256 34.6203 21.9734 34.6185 21.6038 33.8827L12.365 15.4894Z\" fill=\"white\"/><path d=\"M23.365 15.4894C23.2235 15.2077 23.2234 14.8762 23.3646 14.5949L25.6989 9.94771C26.0678 9.2132 27.12 9.21507 27.4896 9.9509L36.7284 28.3441C36.8699 28.6259 36.8701 28.9574 36.7288 29.2386L34.3946 33.8858C34.0256 34.6203 32.9735 34.6185 32.6039 33.8827L23.365 15.4894Z\" fill=\"white\"/></svg>","preview_image":"https://motokoui.com/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":0,"last_commit":"2026-08-25T09:16:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.motokoui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.motokoui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.motokoui.com/r/registry.json","clone":"git clone https://github.com/motoko-ui/motokoui.git","clone_degit":"npx degit motoko-ui/motokoui","registry_fetch":"curl -s https://www.motokoui.com/r/registry.json"},"component_count":18,"components":[{"name":"button","title":"Button","description":"A polished button with primary, secondary, and semantic variants.","type":"registry:ui","source_url":"https://www.motokoui.com/r/button.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/button.json"},{"name":"badge","title":"Badge","description":"Compact status and label pills with Motoko surface tokens.","type":"registry:ui","source_url":"https://www.motokoui.com/r/badge.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/badge.json"},{"name":"rainbow-button","title":"Rainbow Button","description":"A black (white in dark mode) button with an animated rainbow border.","type":"registry:ui","source_url":"https://www.motokoui.com/r/rainbow-button.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/rainbow-button.json"},{"name":"input","title":"Input","description":"A text field with Motoko surface styles, hover and focus borders.","type":"registry:ui","source_url":"https://www.motokoui.com/r/input.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/input.json"},{"name":"select","title":"Select","description":"A compound dropdown with Motoko surface styles and a simple options kit.","type":"registry:ui","source_url":"https://www.motokoui.com/r/select.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/select.json"},{"name":"modal","title":"Modal","description":"A centered dialog with soft Motoko motion — blur, scale, and spring settle.","type":"registry:ui","source_url":"https://www.motokoui.com/r/modal.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/modal.json"},{"name":"tabs","title":"Tabs","description":"Animated pill tabs with the same soft motion used in Preview/Code.","type":"registry:ui","source_url":"https://www.motokoui.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Soft Motoko disclosure panels — smooth height settle, content fade, and a rotating chevron.","type":"registry:ui","source_url":"https://www.motokoui.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/accordion.json"},{"name":"tooltip","title":"Tooltip","description":"A compact Motoko hint that appears on hover or focus.","type":"registry:ui","source_url":"https://www.motokoui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/tooltip.json"},{"name":"notch","title":"Notch","description":"A morphing black toolbar — the shell expands into options with staggered motion.","type":"registry:ui","source_url":"https://www.motokoui.com/r/notch.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/notch.json"},{"name":"github-sky","title":"GitHub Sky","description":"An interactive night-sky card — find the real star, then star the project on GitHub.","type":"registry:ui","source_url":"https://www.motokoui.com/r/github-sky.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/github-sky.json"},{"name":"morph-floating-menu","title":"Morph Floating Menu","description":"A compact floating pill that morphs into a navigation menu with staggered motion.","type":"registry:ui","source_url":"https://www.motokoui.com/r/morph-floating-menu.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/morph-floating-menu.json"},{"name":"theme-switcher","title":"Theme Switcher","description":"Lightweight light/dark control — icon, toggle, and segmented variants with smooth CSS motion.","type":"registry:ui","source_url":"https://www.motokoui.com/r/theme-switcher.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/theme-switcher.json"},{"name":"waves-shader","title":"Waves Shader","description":"Soft animated waves — a zero-dependency WebGL canvas background.","type":"registry:ui","source_url":"https://www.motokoui.com/r/waves-shader.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/waves-shader.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"Metallic gradient sweep across text — a white shimmer like light on brushed metal.","type":"registry:ui","source_url":"https://www.motokoui.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/text-shimmer.json"},{"name":"letter-morph","title":"Letter Morph","description":"Words gooey-morph into each other — blur fused by an SVG threshold filter.","type":"registry:ui","source_url":"https://www.motokoui.com/r/letter-morph.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/letter-morph.json"},{"name":"ai-prompt-input","title":"AI Prompt Input","description":"A premium AI prompt composer with rotating placeholders, floating toolbar, and animated model selector.","type":"registry:ui","source_url":"https://www.motokoui.com/r/ai-prompt-input.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/ai-prompt-input.json"},{"name":"ai-model-selector","title":"AI Model Selector","description":"A Cursor-style AI model picker with Effort / Context / Fast / Thinking and an edit flyout.","type":"registry:ui","source_url":"https://www.motokoui.com/r/ai-model-selector.json","install_command":"npx shadcn@latest add https://www.motokoui.com/r/ai-model-selector.json"}]},{"id":"moumenlab","name":"@moumenlab","slug":"moumenlab","description":"A small lab of the components we build every day, rethought for better feel.","author":"moumen-soliman","framework":"react","license":"MIT","tags":["auth","cards","e-commerce","forms","icons","media","navigation","overlays","theming"],"categories":["Forms"],"labels":[],"urls":{"website":"https://lab.moumen.dev","github":"https://github.com/moumen-soliman/lab","registry":"https://lab.moumen.dev/r/registry.json","source":"https://lab.moumen.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/moumenlab","markdown":"https://sh4dcn.netlify.app/md/moumenlab.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none'><style>.ink { stroke: #111111; } .fill { fill: #111111; } @media (prefers-color-scheme: dark) { .ink { stroke: #ffffff; } .fill { fill: #ffffff; }}</style><rect class='ink' x='7' y='7' width='18' height='18' rx='4.5' stroke-width='2'/><circle class='fill' cx='7' cy='7' r='3.5'/><circle class='fill' cx='25' cy='25' r='3.5'/></svg>","preview_image":"https://lab.moumen.dev/opengraph-image?2e206ae88ef498d6","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":174,"open_issues":0,"last_commit":"2026-08-05T22:06:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://lab.moumen.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://lab.moumen.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://lab.moumen.dev/r/registry.json","clone":"git clone https://github.com/moumen-soliman/lab.git","clone_degit":"npx degit moumen-soliman/lab","registry_fetch":"curl -s https://lab.moumen.dev/r/registry.json"},"component_count":14,"components":[{"name":"lab-theme","title":"Lab Theme","description":"Shared design tokens (easings, shadow-border ring, and keyframes) every moumenlab component builds on.","type":"registry:theme","source_url":"https://lab.moumen.dev/r/lab-theme.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/lab-theme.json"},{"name":"unlimited-nested-menu","title":"Unlimited Nested Menu","description":"A dropdown where each branch morphs into a stacked sub-panel, no depth limit, fully keyboard driven.","type":"registry:component","source_url":"https://lab.moumen.dev/r/unlimited-nested-menu.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/unlimited-nested-menu.json"},{"name":"ticket-number-ticker","title":"Ticket Number Ticker","description":"An odometer that runs digits up on tabular-nums and middle-truncates long ids to start…end, with an optional GitHub PR status badge.","type":"registry:component","source_url":"https://lab.moumen.dev/r/ticket-number-ticker.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/ticket-number-ticker.json"},{"name":"file-upload-staging","title":"File Upload Staging Area","description":"Per-tile interruptible upload state machines with capped concurrency and a layout-glide grid reflow.","type":"registry:component","source_url":"https://lab.moumen.dev/r/file-upload-staging.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/file-upload-staging.json"},{"name":"schedule-builder","title":"Schedule Builder","description":"A recurrence rule as a live English sentence over real occurrences, with month-end and DST traps.","type":"registry:component","source_url":"https://lab.moumen.dev/r/schedule-builder.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/schedule-builder.json"},{"name":"otp-segmented-input","title":"OTP Segmented Input","description":"Six cells that are secretly one real input, with native selection driving the active cell.","type":"registry:component","source_url":"https://lab.moumen.dev/r/otp-segmented-input.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/otp-segmented-input.json"},{"name":"share-permissions-popover","title":"Share & Permissions Popover","description":"A three-view floating surface that morphs on both axes with a focus trap surviving the swaps.","type":"registry:component","source_url":"https://lab.moumen.dev/r/share-permissions-popover.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/share-permissions-popover.json"},{"name":"command-palette","title":"Command Palette with Argument Chips","description":"Commands that take inline argument chips, fuzzy ranking, and a measured height morph.","type":"registry:component","source_url":"https://lab.moumen.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/command-palette.json"},{"name":"morphing-checkout","title":"Morphing Checkout Flow","description":"A three-step card payment with a height:auto illusion, caret-safe masking, a 3D flip, and a FLIP pay button.","type":"registry:component","source_url":"https://lab.moumen.dev/r/morphing-checkout.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/morphing-checkout.json"},{"name":"search-expand-nav","title":"Search-Expand Navigation Bar","description":"A nav bar that expands into a search field then grows into a recent-searches card.","type":"registry:component","source_url":"https://lab.moumen.dev/r/search-expand-nav.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/search-expand-nav.json"},{"name":"drag-to-reorder-list","title":"Drag-to-Reorder List","description":"A reorderable list where siblings glide one slot and the drop plays a FLIP, keyboard included.","type":"registry:component","source_url":"https://lab.moumen.dev/r/drag-to-reorder-list.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/drag-to-reorder-list.json"},{"name":"caret-mention-popover","title":"Caret-Anchored Mention Popover","description":"An @-mention popover anchored to the text caret via a hidden mirror, gliding as you type.","type":"registry:component","source_url":"https://lab.moumen.dev/r/caret-mention-popover.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/caret-mention-popover.json"},{"name":"hover-expand-icon-strip","title":"Hover-Expand Icon Strip","description":"Icons in a fixed-width box that expand on hover or Tab while the others squeeze to fit.","type":"registry:component","source_url":"https://lab.moumen.dev/r/hover-expand-icon-strip.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/hover-expand-icon-strip.json"},{"name":"inertial-wheel-list","title":"Inertial Wheel List","description":"An iOS picker drum built on native scroll-snap, with selection derived from scrollTop.","type":"registry:component","source_url":"https://lab.moumen.dev/r/inertial-wheel-list.json","install_command":"npx shadcn@latest add https://lab.moumen.dev/r/inertial-wheel-list.json"}]},{"id":"n3wth","name":"@n3wth","slug":"n3wth","description":"Flat, minimal, iOS-inspired design system. 49 components, hooks, and blocks installable with the shadcn CLI.","author":"n3wth","framework":"react","license":"MIT","tags":["blocks","design-system","hooks","mobile","pro-available"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["pro","recently-updated"],"urls":{"website":"https://kit.n3wth.com","github":"https://github.com/n3wth/ui","registry":"https://kit.n3wth.com/r/{name}.json","source":"https://kit.n3wth.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/n3wth","markdown":"https://sh4dcn.netlify.app/md/n3wth.md"},"logo":"<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='currentColor'><path d='M8 6h4.4L20 18.4V6h4v20h-4.4L12 13.6V26H8z'/></svg>","preview_image":"https://n3wth.com/og/library.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://kit.n3wth.com/pricing"},"metrics":{"github_stars":1,"open_issues":5,"last_commit":"2026-09-28T10:41:46Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/n3wth/ui.git","clone_degit":"npx degit n3wth/ui","registry_fetch":"curl -s https://kit.n3wth.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"navui","name":"@navui","slug":"navui","description":"shadcn-compatible components, blocks, and illustrations that adapt to your existing design configuration.","author":"navdeepannu","framework":"react","license":"MIT","tags":["animation","auth","blocks","buttons","cards","charts","cms","icons","marketing","navigation","payments","pro-available"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://ui.navdeepsingh.dev","github":"https://github.com/navdeepannu/portfolio","registry":"https://ui.navdeepsingh.dev/r/registry.json","source":"https://ui.navdeepsingh.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/navui","markdown":"https://sh4dcn.netlify.app/md/navui.md"},"logo":"<svg viewBox='0 0 400 400' fill='none' xmlns='http://www.w3.org/2000/svg'><mask id='navui-logo-mask' maskUnits='userSpaceOnUse' x='8' y='8' width='384' height='384'><rect x='8' y='8' width='384' height='384' rx='88' fill='white'/><g transform='translate(200 200) scale(.68) translate(-207 -130.5)'><path d='M48 230V76C48 46 66 29 90 29C110 29 122 42 136 61L250 211C263 228 279 232 299 232H319C347 232 366 213 366 188C366 164 352 149 331 142L279 123C255 114 244 98 244 77C244 50 264 30 291 30H366' fill='none' stroke='black' stroke-width='32' stroke-linecap='round' stroke-linejoin='round'/></g></mask><rect x='8' y='8' width='384' height='384' rx='88' fill='currentColor' mask='url(#navui-logo-mask)'/></svg>","preview_image":"https://ui.navdeepsingh.dev/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.navdeepsingh.dev/blocks/pricing"},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-08-24T23:28:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.navdeepsingh.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.navdeepsingh.dev/r/registry.json","clone":"git clone https://github.com/navdeepannu/portfolio.git","clone_degit":"npx degit navdeepannu/portfolio","registry_fetch":"curl -s https://ui.navdeepsingh.dev/r/registry.json"},"component_count":62,"components":[{"name":"animated-numbers","title":"Animated Numbers","description":"Accessible in-view number counter with locale-aware formatting and reduced-motion support.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/animated-numbers.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/animated-numbers.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"A tab component with a moving active pill and directional content transitions.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/animated-tabs.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/animated-tabs.json"},{"name":"approval-panel","title":"Approval Panel Illustration","description":"An approval routing panel illustration.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/approval-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/approval-panel.json"},{"name":"blog-section-one","title":"Blog Section One","description":"A semantic blog archive grouped by year, with aligned dates, useful metadata, and accessible row links.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/blog-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/blog-section-one.json"},{"name":"contact-section-four","title":"Contact Section Four","description":"A focused project-inquiry form with contact details and a large editorial heading.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/contact-section-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/contact-section-four.json"},{"name":"contact-section-one","title":"Contact Section One","description":"A contact directory that routes visitors to sales, support, community, documentation, and developer resources.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/contact-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/contact-section-one.json"},{"name":"contact-section-three","title":"Contact Section Three","description":"A compact project contact form paired with a concise service introduction.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/contact-section-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/contact-section-three.json"},{"name":"contact-section-two","title":"Contact Section Two","description":"A split contact section with a consultation summary and detailed project inquiry form.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/contact-section-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/contact-section-two.json"},{"name":"content-section-five","title":"Content Section Five","description":"A sticky editorial narrative with a normal mobile flow and a sequence of image-led content panels.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/content-section-five.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/content-section-five.json"},{"name":"content-section-four","title":"Content Section Four","description":"A connected-publishing story with an animated revision metric, trend visualization, and output checklist.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/content-section-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/content-section-four.json"},{"name":"content-section-one","title":"Content Section One","description":"A restrained principles section with a clear introduction and a responsive set of supporting ideas.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/content-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/content-section-one.json"},{"name":"content-section-three","title":"Content Section Three","description":"A structured feature grid with one dominant narrative and two focused supporting ideas.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/content-section-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/content-section-three.json"},{"name":"content-section-two","title":"Content Section Two","description":"An editorial product story with balanced copy, configurable local media, and optional caption metadata.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/content-section-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/content-section-two.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"Clean contribution calendar with built-in normalization, keyboard navigation, and responsive latest-day visibility.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/contribution-graph.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/contribution-graph.json"},{"name":"cta-section-one","title":"CTA Section One","description":"A polished call to action with primary and secondary links for clear next steps.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/cta-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/cta-section-one.json"},{"name":"designed-for-focus-illustration","title":"Designed for Focus Illustration","description":"An interactive focus illustration with concentric motion and reduced-motion support.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/designed-for-focus-illustration.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/designed-for-focus-illustration.json"},{"name":"expandable-card","title":"Expandable Card","description":"Composable card-dialog primitives with accessible modal behavior, controlled state, shared media motion, and custom actions.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/expandable-card.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/expandable-card.json"},{"name":"faq-section-one","title":"FAQ Section One","description":"A two-column FAQ layout with accessible accordion answers and a support prompt.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/faq-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/faq-section-one.json"},{"name":"faq-section-three","title":"FAQ Section Three","description":"An editorial FAQ section with a large introduction and accessible accordion rows.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/faq-section-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/faq-section-three.json"},{"name":"faqs-section-two","title":"FAQs Section Two","description":"A centered FAQ section with accessible accordions and a follow-up contact link.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/faqs-section-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/faqs-section-two.json"},{"name":"fast-by-default-illustration","title":"Fast by Default Illustration","description":"An interactive field of animated speed lines with reduced-motion support.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/fast-by-default-illustration.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/fast-by-default-illustration.json"},{"name":"flexible-at-scale-illustration","title":"Flexible at Scale Illustration","description":"An interactive spring-based line field that responds to pointer movement.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/flexible-at-scale-illustration.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/flexible-at-scale-illustration.json"},{"name":"footer-section-one","title":"Footer Section One","description":"A multi-column product footer with social links and an email newsletter form.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/footer-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/footer-section-one.json"},{"name":"footer-section-two","title":"Footer Section Two","description":"A compact navigation footer with product links, social actions, and legal copy.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/footer-section-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/footer-section-two.json"},{"name":"forgot-password-one","title":"Forgot Password One","description":"A compact password-recovery card with email input, submit action, and return link.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/forgot-password-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/forgot-password-one.json"},{"name":"forgot-password-three","title":"Forgot Password Three","description":"A left-aligned password-recovery form with concise guidance and navigation back.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/forgot-password-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/forgot-password-three.json"},{"name":"forgot-password-two","title":"Forgot Password Two","description":"A centered password-recovery form with a prominent heading and return action.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/forgot-password-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/forgot-password-two.json"},{"name":"header-four","title":"Header Four","description":"A responsive header with animated multi-level desktop and mobile navigation menus.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/header-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-four.json"},{"name":"header-one","title":"Header One","description":"A responsive marketing header with animated mobile navigation and account actions.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/header-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-one.json"},{"name":"header-three","title":"Header Three","description":"A payment-product header with grouped navigation menus and a responsive mobile drawer.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/header-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-three.json"},{"name":"header-two","title":"Header Two","description":"A responsive marketing header with a bordered shell and animated mobile menu.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/header-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/header-two.json"},{"name":"hero-section-four","title":"Hero Section Four","description":"A complete expense-workflow hero with responsive header, lead form, logo cloud, and supporting illustrations.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/hero-section-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/hero-section-four.json"},{"name":"hero-section-one","title":"Hero Section One","description":"A dark product hero with badges, dual actions, and the matching responsive header.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/hero-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/hero-section-one.json"},{"name":"hero-section-three","title":"Hero Section Three","description":"An art-directed hero with shader-backed visuals and a focused primary action.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/hero-section-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/hero-section-three.json"},{"name":"hero-section-two","title":"Hero Section Two","description":"A motion-led hero with animated copy, grouped reveals, and its matching header.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/hero-section-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/hero-section-two.json"},{"name":"keyboard-shortcut","title":"Keyboard Shortcut","description":"Interactive keyboard shortcut display with pressed-key feedback, callback handling, optional sound, and shadcn Kbd styling.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/keyboard-shortcut.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/keyboard-shortcut.json"},{"name":"logo-cloud-five","title":"Logo Cloud Five","description":"A headline-led animated logo cloud with responsive brand cards.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/logo-cloud-five.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/logo-cloud-five.json"},{"name":"logo-cloud-four","title":"Logo Cloud Four","description":"A large animated company grid with a prominent trust statement.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/logo-cloud-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/logo-cloud-four.json"},{"name":"logo-cloud-one","title":"Logo Cloud One","description":"A compact monochrome logo strip for customer or partner proof.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/logo-cloud-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/logo-cloud-one.json"},{"name":"logo-cloud-three","title":"Logo Cloud Three","description":"A horizontally framed customer logo strip with restrained typography.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/logo-cloud-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/logo-cloud-three.json"},{"name":"logo-cloud-two","title":"Logo Cloud Two","description":"A compact partner logo strip using a mixed icon and wordmark collection.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/logo-cloud-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/logo-cloud-two.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"A shadcn-compatible button that subtly follows the cursor using spring-based motion.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/magnetic-button.json"},{"name":"matching-panel","title":"Matching Panel Illustration","description":"A policy matching panel illustration.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/matching-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/matching-panel.json"},{"name":"package-manager-command","title":"Package Manager Command","description":"Accessible package-manager selector and copy command bar for npm, pnpm, yarn, and Bun.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/package-manager-command.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/package-manager-command.json"},{"name":"payment-card","title":"Payment Card Illustration","description":"A motion-ready payment card illustration.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/payment-card.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/payment-card.json"},{"name":"pricing-section-one","title":"Pricing Section One","description":"A responsive three-tier pricing section with a monthly and yearly billing switcher.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/pricing-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/pricing-section-one.json"},{"name":"proximity-nav","title":"Proximity Nav","description":"Route-aware sidebar navigation with pointer-responsive guide lines, controlled active state, and a navigation-free preview mode.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/proximity-nav.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/proximity-nav.json"},{"name":"rail-nav","title":"Rail Nav","description":"Motion rail navigation with the original line-to-link reveal, controlled expansion, flexible links, and optional scroll tracking.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/rail-nav.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/rail-nav.json"},{"name":"receipt-panel","title":"Receipt Panel Illustration","description":"A receipt capture panel illustration.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/receipt-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/receipt-panel.json"},{"name":"release-workflow-illustration","title":"Release Workflow Illustration","description":"An interactive release tracker with configurable workflow data and autoplay.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/release-workflow-illustration.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/release-workflow-illustration.json"},{"name":"report-panel","title":"Report Panel Illustration","description":"A report fetching panel illustration.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/report-panel.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/report-panel.json"},{"name":"revision-cycles-illustration","title":"Revision Cycles Illustration","description":"An interactive comparison of eliminated and remaining revision rounds.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/revision-cycles-illustration.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/revision-cycles-illustration.json"},{"name":"segment-spotlight","title":"Segment Spotlight","description":"Composable spotlight primitives with controlled state, animated segments, arbitrary controls, and hover or click activation.","type":"registry:ui","source_url":"https://ui.navdeepsingh.dev/r/segment-spotlight.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/segment-spotlight.json"},{"name":"sign-up-one","title":"Sign Up One","description":"A detailed account creation form with identity, password, consent, and sign-in actions.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/sign-up-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/sign-up-one.json"},{"name":"sign-up-two","title":"Sign Up Two","description":"A split-screen account creation flow with social sign-in, product benefits, and an animated visual.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/sign-up-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/sign-up-two.json"},{"name":"stats-section-one","title":"Stats Section One","description":"A business results section that combines measurable outcomes with a customer proof point.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/stats-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/stats-section-one.json"},{"name":"teams-section-five","title":"Teams Section Five","description":"A dark editorial team grid with role badges and portrait-led member cards.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/teams-section-five.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/teams-section-five.json"},{"name":"teams-section-four","title":"Teams Section Four","description":"A global-team recruiting section with portrait cards and role badges.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/teams-section-four.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/teams-section-four.json"},{"name":"teams-section-one","title":"Teams Section One","description":"A grouped leadership and team directory with social links and empty-state handling.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/teams-section-one.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/teams-section-one.json"},{"name":"teams-section-three","title":"Teams Section Three","description":"A centered team directory with portrait cards, roles, and profile links.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/teams-section-three.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/teams-section-three.json"},{"name":"teams-section-two","title":"Teams Section Two","description":"A simple responsive team grid with names, roles, and portrait imagery.","type":"registry:block","source_url":"https://ui.navdeepsingh.dev/r/teams-section-two.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/teams-section-two.json"},{"name":"workflow-desk","title":"Workflow Desk Illustration","description":"A combined expense workflow illustration with a payment card and four process panels.","type":"registry:component","source_url":"https://ui.navdeepsingh.dev/r/workflow-desk.json","install_command":"npx shadcn@latest add https://ui.navdeepsingh.dev/r/workflow-desk.json"}]},{"id":"ncdai","name":"@ncdai","slug":"ncdai","description":"ncdai is the personal shadcn/ui registry embedded in Chanh Dai's developer portfolio site (chanhdai.com), built with Next.js 16 and Tailwind CSS v4. The registry exposes pixel-perfect, uniquely crafted components and pages documented with live previews, code snippets, and one-click install commands (pnpm/npm/yarn/bun). The portfolio itself demonstrates the registry's quality: light/dark themes, vCard integration, PWA support, PostHog/OpenPanel analytics, and MDX-powered content. MIT licensed — code is free to use after removing personal information. Use for: borrowing high-craft, design-engineer-level shadcn components that show attention to pixel-perfect detail and Tailwind v4 patterns.","author":"ncdai","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","cms","dashboard","forms","hooks","icons","loaders","maps","marketing","media","mobile","navigation","retro","theming"],"categories":["Personal/portfolio registry"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://chanhdai.com/components","github":"https://github.com/ncdai/chanhdai.com","registry":"https://chanhdai.com/r/registry.json","source":"https://chanhdai.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ncdai","markdown":"https://sh4dcn.netlify.app/md/ncdai.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 640 640'><path fill='var(--foreground)' d='M0 0h640v640H0z'/><path fill='var(--background)' d='M256 448H128v-64h128v64ZM512 256H384v128h128v64H320V192h192v64ZM128 384H64V256h64v128ZM576 384h-64V256h64v128ZM256 256H128v-64h128v64Z'/></svg>","preview_image":"https://chanhdai.com/og/simple?title=Components&amp;description=Pixel-perfect%2C%20uniquely%20crafted.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2406,"open_issues":7,"last_commit":"2026-10-27T05:38:29Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://chanhdai.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://chanhdai.com/r/registry.json","install_bun":"bunx shadcn@latest add https://chanhdai.com/r/registry.json","clone":"git clone https://github.com/ncdai/chanhdai.com.git","clone_degit":"npx degit ncdai/chanhdai.com","registry_fetch":"curl -s https://chanhdai.com/r/registry.json"},"component_count":69,"components":[{"name":"haptic","title":"Haptic Feedback","description":"Trigger haptic feedback on mobile devices.","type":"registry:lib","source_url":"https://chanhdai.com/r/haptic.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/haptic.json"},{"name":"use-sound","title":"useSound","description":"Hook for playing sound effects with volume, playback rate, and interrupt controls.","type":"registry:hook","source_url":"https://chanhdai.com/r/use-sound.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/use-sound.json"},{"name":"use-controllable-state","title":"useControllableState","description":null,"type":"registry:hook","source_url":"https://chanhdai.com/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/use-controllable-state.json"},{"name":"theme-switcher","title":"Theme Switcher","description":"Toggle between system, light, and dark themes in Next.js apps.","type":"registry:component","source_url":"https://chanhdai.com/r/theme-switcher.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-switcher.json"},{"name":"text-flip","title":"Text Flip","description":"Animated text that cycles through items with a smooth flip transition.","type":"registry:component","source_url":"https://chanhdai.com/r/text-flip.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/text-flip.json"},{"name":"apple-hello-effect","title":"Apple Hello Effect","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://chanhdai.com/r/apple-hello-effect.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/apple-hello-effect.json"},{"name":"apple-hello-effect-hindi","title":"Apple Hello Effect - Hindi","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://chanhdai.com/r/apple-hello-effect-hindi.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/apple-hello-effect-hindi.json"},{"name":"apple-hello-effect-spanish","title":"Apple Hello Effect - Spanish","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://chanhdai.com/r/apple-hello-effect-spanish.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/apple-hello-effect-spanish.json"},{"name":"apple-hello-effect-vietnamese","title":"Apple Hello Effect - Vietnamese","description":"SVG writing animation inspired by Apple’s Hello screen.","type":"registry:component","source_url":"https://chanhdai.com/r/apple-hello-effect-vietnamese.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/apple-hello-effect-vietnamese.json"},{"name":"swipe-actions","title":"Swipe Actions","description":"Swipe a row in a list to reveal actions on the left or right.","type":"registry:component","source_url":"https://chanhdai.com/r/swipe-actions.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/swipe-actions.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.","type":"registry:component","source_url":"https://chanhdai.com/r/wheel-picker.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/wheel-picker.json"},{"name":"chevrons-up-down-icon","title":null,"description":"Animated chevrons icon that morphs between up and down directions.","type":"registry:component","source_url":"https://chanhdai.com/r/chevrons-up-down-icon.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/chevrons-up-down-icon.json"},{"name":"typography","title":"Typography","description":"Custom prose styles for headings, links, inline code, and emphasis.","type":"registry:component","source_url":"https://chanhdai.com/r/typography.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/typography.json"},{"name":"work-experience","title":"Work Experience","description":"Display work experiences with role details, company logos, and durations.","type":"registry:component","source_url":"https://chanhdai.com/r/work-experience.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/work-experience.json"},{"name":"shimmering-text","title":"Shimmering Text","description":"Smooth, light-sweeping shimmer animation for text.","type":"registry:component","source_url":"https://chanhdai.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/shimmering-text.json"},{"name":"slide-to-unlock","title":"Slide to Unlock","description":"Interactive slider inspired by the classic iPhone “slide to unlock” gesture.","type":"registry:component","source_url":"https://chanhdai.com/r/slide-to-unlock.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/slide-to-unlock.json"},{"name":"testimonials-marquee","title":"Testimonials Marquee","description":"Scrolling marquee to showcase user testimonials.","type":"registry:component","source_url":"https://chanhdai.com/r/testimonials-marquee.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonials-marquee.json"},{"name":"testimonial","title":"Testimonial","description":"Display user feedback with author info, avatar, and verified badge.","type":"registry:component","source_url":"https://chanhdai.com/r/testimonial.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonial.json"},{"name":"github-stars","title":"GitHub Stars","description":"Display GitHub repo star count with formatted numbers and full-count tooltip.","type":"registry:component","source_url":"https://chanhdai.com/r/github-stars.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/github-stars.json"},{"name":"scroll-fade-effect","title":"Scroll Fade Effect","description":"Fade content edges as you scroll, for both vertical and horizontal layouts.","type":"registry:component","source_url":"https://chanhdai.com/r/scroll-fade-effect.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/scroll-fade-effect.json"},{"name":"consent-manager","title":"Consent Manager","description":"Cookie and tracking consent banner for Next.js, built on c15t.","type":"registry:component","source_url":"https://chanhdai.com/r/consent-manager.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/consent-manager.json"},{"name":"copy-button","title":"Copy Button","description":"Copy text to clipboard with visual, haptic, and audio feedback.","type":"registry:component","source_url":"https://chanhdai.com/r/copy-button.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/copy-button.json"},{"name":"code-block-command","title":"Code Block Command","description":"Display install commands with package manager switcher and copy button.","type":"registry:component","source_url":"https://chanhdai.com/r/code-block-command.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/code-block-command.json"},{"name":"testimonial-spotlight","title":"Testimonial Spotlight","description":"Testimonial card with spotlight effect on hover.","type":"registry:component","source_url":"https://chanhdai.com/r/testimonial-spotlight.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonial-spotlight.json"},{"name":"glow-card-grid","title":"Glow Card Grid","description":"Display cards with glowing border and background effects.","type":"registry:component","source_url":"https://chanhdai.com/r/glow-card-grid.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/glow-card-grid.json"},{"name":"middle-truncation","title":"Middle Truncation","description":"Truncate text in the middle while preserving start and end.","type":"registry:component","source_url":"https://chanhdai.com/r/middle-truncation.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/middle-truncation.json"},{"name":"twemoji","title":"Twemoji","description":"Render Unicode emoji as Twemoji SVG images inline with text.","type":"registry:component","source_url":"https://chanhdai.com/r/twemoji.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/twemoji.json"},{"name":"elastic-slider","title":"Elastic Slider","description":"Slider with elastic rubber-band drag and magnetic snap feedback.","type":"registry:component","source_url":"https://chanhdai.com/r/elastic-slider.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/elastic-slider.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"A GitHub-style contribution graph component that displays activity levels over time.","type":"registry:component","source_url":"https://chanhdai.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/contribution-graph.json"},{"name":"github-contributions","title":"GitHub Contributions","description":"Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link.","type":"registry:component","source_url":"https://chanhdai.com/r/github-contributions.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/github-contributions.json"},{"name":"toc-minimap","title":"TOC Minimap","description":"Navigate page sections with a compact, hoverable TOC minimap.","type":"registry:component","source_url":"https://chanhdai.com/r/toc-minimap.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/toc-minimap.json"},{"name":"fluid-gradient-text","title":"Fluid Gradient Text","description":"Render text with a fluid gradient that shifts with pointer movement.","type":"registry:component","source_url":"https://chanhdai.com/r/fluid-gradient-text.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/fluid-gradient-text.json"},{"name":"brand-assets-menu","title":"Brand Assets Menu","description":"Context menu for copying brand SVGs and opening asset links.","type":"registry:component","source_url":"https://chanhdai.com/r/brand-assets-menu.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/brand-assets-menu.json"},{"name":"icon-swap","title":"Icon Swap","description":"Animate icon swaps with scale, blur, and fade transitions.","type":"registry:component","source_url":"https://chanhdai.com/r/icon-swap.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/icon-swap.json"},{"name":"dot-grid-spotlight","title":"Dot Grid Spotlight","description":"Interactive dot grid with a cursor-tracking spotlight effect.","type":"registry:component","source_url":"https://chanhdai.com/r/dot-grid-spotlight.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/dot-grid-spotlight.json"},{"name":"spinning-circular-text","title":"Spinning Circular Text","description":"Text arranged in a circle with a continuous spinning animation.","type":"registry:component","source_url":"https://chanhdai.com/r/spinning-circular-text.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/spinning-circular-text.json"},{"name":"mobius-loop-icon","title":"Mobius Loop Icon","description":"Animated Mobius loop icon that morphs between circles and infinity shape.","type":"registry:component","source_url":"https://chanhdai.com/r/mobius-loop-icon.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/mobius-loop-icon.json"},{"name":"logos-carousel","title":"Logos Carousel","description":"Cycle through logos column by column in a staggered wave.","type":"registry:component","source_url":"https://chanhdai.com/r/logos-carousel.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/logos-carousel.json"},{"name":"logos-flip","title":"Logos Flip","description":"Flip cards in a staggered wave to reveal the next batch of logos.","type":"registry:component","source_url":"https://chanhdai.com/r/logos-flip.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/logos-flip.json"},{"name":"testimonial-2","title":"Testimonial 2","description":"Display a testimonial quote with author attribution and source link.","type":"registry:component","source_url":"https://chanhdai.com/r/testimonial-2.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonial-2.json"},{"name":"line-nav","title":"Line Nav","description":"Vertical navigation with a line marker that expands on hover and active state.","type":"registry:component","source_url":"https://chanhdai.com/r/line-nav.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/line-nav.json"},{"name":"share-menu","title":"Share Menu","description":"Share menu to copy a link or post to X, LinkedIn, and the native share sheet.","type":"registry:component","source_url":"https://chanhdai.com/r/share-menu.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/share-menu.json"},{"name":"spotlight-logo","title":"Spotlight Logo","description":"SVG logo with a cursor-tracking gradient highlight and tactile press.","type":"registry:component","source_url":"https://chanhdai.com/r/spotlight-logo.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/spotlight-logo.json"},{"name":"timescale","title":"Timescale","description":"Ruler-style timeline for plotting milestones along a horizontal or vertical axis.","type":"registry:component","source_url":"https://chanhdai.com/r/timescale.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/timescale.json"},{"name":"status-button","title":"Status Button","description":"Button that shows loading and success feedback for async actions.","type":"registry:component","source_url":"https://chanhdai.com/r/status-button.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/status-button.json"},{"name":"carbon-ads","title":"Carbon Ads","description":"Display a Carbon Ads unit in Next.js apps, styled to match your shadcn/ui theme.","type":"registry:component","source_url":"https://chanhdai.com/r/carbon-ads.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/carbon-ads.json"},{"name":"apple-carousel","title":"Apple Carousel","description":"Infinite autoplay carousel with progress dots, inspired by Apple’s website.","type":"registry:component","source_url":"https://chanhdai.com/r/apple-carousel.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/apple-carousel.json"},{"name":"jpg-card-holder","title":"JPG Card Holder","description":"Leather card holder shaped like a JPG file, with cards you can pull out.","type":"registry:component","source_url":"https://chanhdai.com/r/jpg-card-holder.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/jpg-card-holder.json"},{"name":"login-01","title":"Login 01","description":"A simple login form.","type":"registry:block","source_url":"https://chanhdai.com/r/login-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/login-01.json"},{"name":"hero-01","title":"Hero 01","description":"A hero section with a golden spiral background.","type":"registry:block","source_url":"https://chanhdai.com/r/hero-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/hero-01.json"},{"name":"blog-01","title":"Blog 01","description":"A blog section with a grid layout.","type":"registry:block","source_url":"https://chanhdai.com/r/blog-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/blog-01.json"},{"name":"blog-02","title":"Blog 02","description":"A blog section with a lined grid layout.","type":"registry:block","source_url":"https://chanhdai.com/r/blog-02.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/blog-02.json"},{"name":"testimonials-01","title":"Testimonials 01","description":"A testimonials section with dual marquees.","type":"registry:block","source_url":"https://chanhdai.com/r/testimonials-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonials-01.json"},{"name":"testimonials-02","title":"Testimonials 02","description":"A testimonials section with a lined layout.","type":"registry:block","source_url":"https://chanhdai.com/r/testimonials-02.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/testimonials-02.json"},{"name":"experience-01","title":"Experience 01","description":"A work experience section with a lined layout.","type":"registry:block","source_url":"https://chanhdai.com/r/experience-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/experience-01.json"},{"name":"team-01","title":"Team 01","description":"A team section with glowing cards.","type":"registry:block","source_url":"https://chanhdai.com/r/team-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/team-01.json"},{"name":"metrics-01","title":"Metrics 01","description":"A metrics section with a line chart.","type":"registry:block","source_url":"https://chanhdai.com/r/metrics-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/metrics-01.json"},{"name":"social-links-01","title":"Social Links 01","description":"A social links section with a lined grid layout.","type":"registry:block","source_url":"https://chanhdai.com/r/social-links-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/social-links-01.json"},{"name":"social-proof-01","title":"Social Proof 01","description":"A social proof section with a logos carousel.","type":"registry:block","source_url":"https://chanhdai.com/r/social-proof-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/social-proof-01.json"},{"name":"not-found-01","title":"Not Found 01","description":"A 404 page with a playable brick breaker game.","type":"registry:block","source_url":"https://chanhdai.com/r/not-found-01.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/not-found-01.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/style.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/style.json"},{"name":"theme-toggle-effect-triangle","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-triangle.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-triangle.json"},{"name":"theme-toggle-effect-triangle-blur","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-triangle-blur.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-triangle-blur.json"},{"name":"theme-toggle-effect-circle","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-circle.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-circle.json"},{"name":"theme-toggle-effect-circle-blur","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-circle-blur.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-circle-blur.json"},{"name":"theme-toggle-effect-circle-blur-top-left","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-circle-blur-top-left.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-circle-blur-top-left.json"},{"name":"theme-toggle-effect-polygon","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-polygon.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-polygon.json"},{"name":"theme-toggle-effect-polygon-gradient","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/theme-toggle-effect-polygon-gradient.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/theme-toggle-effect-polygon-gradient.json"},{"name":"thin-scrollbar","title":null,"description":null,"type":"registry:style","source_url":"https://chanhdai.com/r/thin-scrollbar.json","install_command":"npx shadcn@latest add https://chanhdai.com/r/thin-scrollbar.json"}]},{"id":"nekode","name":"@nekode","slug":"nekode","description":"Composed ready to use shadcn components, just plug and play.","author":"rifkiahmadfahrezi","framework":"react","license":"MIT","tags":["animation","auth","buttons","forms","media","overlays","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.nekode.id","github":"https://github.com/rifkiahmadfahrezi/nekode-ui","registry":"https://ui.nekode.id/r/registry.json","source":"https://ui.nekode.id/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nekode","markdown":"https://sh4dcn.netlify.app/md/nekode.md"},"logo":"<svg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='bg' x1='0' y1='0' x2='120' y2='120' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#18181B'/><stop offset='1' stop-color='#3F3F46'/></linearGradient><linearGradient id='n' x1='30' y1='30' x2='90' y2='90' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='#FAFAFA'/><stop offset='1' stop-color='#A1A1AA'/></linearGradient></defs><rect width='120' height='120' rx='28' fill='url(#bg)'/><path d='M36 84V36H46.5L73.5 72.5V36H84V84H73.5L46.5 47.5V84H36Z' fill='url(#n)'/></svg>","preview_image":"https://ui.nekode.id/icon.svg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-19T14:30:30Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.nekode.id/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.nekode.id/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.nekode.id/r/registry.json","clone":"git clone https://github.com/rifkiahmadfahrezi/nekode-ui.git","clone_degit":"npx degit rifkiahmadfahrezi/nekode-ui","registry_fetch":"curl -s https://ui.nekode.id/r/registry.json"},"component_count":29,"components":[{"name":"date","title":"Date Utilities","description":"ISO date formatting/parsing helpers (yyyy-MM-dd, ISO strings) for UI display.","type":"registry:lib","source_url":"https://ui.nekode.id/r/date.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/date.json"},{"name":"date-vanilla","title":"Date Utilities (Vanilla)","description":"Same date formatting/parsing helpers as date, implemented with native Date and Intl — no date-fns dependency.","type":"registry:lib","source_url":"https://ui.nekode.id/r/date-vanilla.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/date-vanilla.json"},{"name":"string","title":"String Utilities","description":"Common string helpers — capitalize, title case, slugify, truncate, pluralize, currency formatting, email/phone masking.","type":"registry:lib","source_url":"https://ui.nekode.id/r/string.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/string.json"},{"name":"number","title":"Number Utilities","description":"Common number helpers — clamp, range check, random int, number/currency/compact formatting.","type":"registry:lib","source_url":"https://ui.nekode.id/r/number.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/number.json"},{"name":"text-field","title":"Text Field","description":"A composed shadcn text input with field component","type":"registry:ui","source_url":"https://ui.nekode.id/r/text-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/text-field.json"},{"name":"number-field","title":"Number Field","description":"A composed shadcn number input with field component","type":"registry:ui","source_url":"https://ui.nekode.id/r/number-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/number-field.json"},{"name":"textarea-field","title":"Textarea Field","description":"A composed shadcn textarea input with field component","type":"registry:ui","source_url":"https://ui.nekode.id/r/textarea-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/textarea-field.json"},{"name":"password-field","title":"Password Field","description":"A composed shadcn password input with field component","type":"registry:ui","source_url":"https://ui.nekode.id/r/password-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/password-field.json"},{"name":"select-field","title":"Select Field","description":"A composed shadcn select with field component","type":"registry:ui","source_url":"https://ui.nekode.id/r/select-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/select-field.json"},{"name":"date-picker-field","title":"Date Picker Field","description":"A labeled date picker built on Calendar and Popover with field layout.","type":"registry:ui","source_url":"https://ui.nekode.id/r/date-picker-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/date-picker-field.json"},{"name":"date-range-picker-field","title":"Date Range Picker Field","description":"A labeled date range picker built on Calendar and Popover with field layout.","type":"registry:ui","source_url":"https://ui.nekode.id/r/date-range-picker-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/date-range-picker-field.json"},{"name":"date-multi-picker-field","title":"Date Multi Picker Field","description":"A labeled multi-date picker built on Calendar and Popover with field layout.","type":"registry:ui","source_url":"https://ui.nekode.id/r/date-multi-picker-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/date-multi-picker-field.json"},{"name":"time-picker-field","title":"Time Picker Field","description":"A labeled time input supporting 12h (AM/PM) and 24h formats with field layout.","type":"registry:ui","source_url":"https://ui.nekode.id/r/time-picker-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/time-picker-field.json"},{"name":"combobox-field","title":"Combobox Field","description":"A labeled combobox input built on Combobox with field layout.","type":"registry:ui","source_url":"https://ui.nekode.id/r/combobox-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/combobox-field.json"},{"name":"combobox-multi-field","title":"Combobox Multi Field","description":"A labeled multi-select combobox with chips that stack or collapse into an overflow count.","type":"registry:ui","source_url":"https://ui.nekode.id/r/combobox-multi-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/combobox-multi-field.json"},{"name":"datatable","title":"DataTable","description":"Advanced table component with sorting, selection, pagination, filtering, row expansion, and more.","type":"registry:ui","source_url":"https://ui.nekode.id/r/datatable.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/datatable.json"},{"name":"dialog-modal","title":"Dialog Modal","description":"A controlled dialog wrapper with preset sizes, a scrollable body, and an optional non-closeable mode.","type":"registry:ui","source_url":"https://ui.nekode.id/r/dialog-modal.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/dialog-modal.json"},{"name":"marquee","title":"Marquee","description":"Infinitely scrolls any content, text or images, horizontally or vertically.","type":"registry:ui","source_url":"https://ui.nekode.id/r/marquee.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/marquee.json"},{"name":"number-ticker","title":"Number Ticker","description":"Displays a number whose digits roll up or down when the value changes.","type":"registry:ui","source_url":"https://ui.nekode.id/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/number-ticker.json"},{"name":"text-typer","title":"Text Typer","description":"Types a string out one character at a time with a blinking caret.","type":"registry:ui","source_url":"https://ui.nekode.id/r/text-typer.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/text-typer.json"},{"name":"file-field","title":"File Field","description":"A drag-and-drop file input with single/multiple selection, previews, and removable file list.","type":"registry:ui","source_url":"https://ui.nekode.id/r/file-field.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/file-field.json"},{"name":"field-checkbox","title":"Field Checkbox","description":"A labeled checkbox and checkbox group with description/error support, optionally rendered as choice cards.","type":"registry:ui","source_url":"https://ui.nekode.id/r/field-checkbox.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/field-checkbox.json"},{"name":"field-radio","title":"Field Radio","description":"A labeled radio group with description/error support, optionally rendered as choice cards.","type":"registry:ui","source_url":"https://ui.nekode.id/r/field-radio.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/field-radio.json"},{"name":"field-switch","title":"Field Switch","description":"A labeled switch with description/error support, optionally rendered as a choice card.","type":"registry:ui","source_url":"https://ui.nekode.id/r/field-switch.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/field-switch.json"},{"name":"login-form","title":"Login Form","description":"Email and password sign-in form with validation.","type":"registry:block","source_url":"https://ui.nekode.id/r/login-form.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/login-form.json"},{"name":"register-form","title":"Register Form","description":"Sign-up form with name, email and password confirmation.","type":"registry:block","source_url":"https://ui.nekode.id/r/register-form.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/register-form.json"},{"name":"multi-step-register-form","title":"Multi-step Register Form","description":"Three-step sign-up (account, profile, plan) with a step rail, per-step validation and success state.","type":"registry:block","source_url":"https://ui.nekode.id/r/multi-step-register-form.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/multi-step-register-form.json"},{"name":"forgot-password-form","title":"Forgot Password Form","description":"Single-field form that requests a password reset link.","type":"registry:block","source_url":"https://ui.nekode.id/r/forgot-password-form.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/forgot-password-form.json"},{"name":"contact-form","title":"Contact Form","description":"Contact form with name, email and a message with character count.","type":"registry:block","source_url":"https://ui.nekode.id/r/contact-form.json","install_command":"npx shadcn@latest add https://ui.nekode.id/r/contact-form.json"}]},{"id":"neobrutal-ui","name":"@neobrutal-ui","slug":"neobrutal-ui","description":"Neobrutalist React UI with staged press feedback, shared themes, and editable Next.js page templates, built with Base UI.","author":"andongmin94","framework":"react","license":"MIT","tags":["animation","auth","blocks","buttons","cards","charts","cms","dashboard","forms","loaders","maps","media","navigation","overlays","retro","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://neobrutal-ui.andongmin.com","github":"https://github.com/andongmin94/neobrutal-ui","registry":"https://neobrutal-ui.andongmin.com/r/registry.json","source":"https://neobrutal-ui.andongmin.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/neobrutal-ui","markdown":"https://sh4dcn.netlify.app/md/neobrutal-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'><rect width='200' height='200' rx='50' fill='url(#neobrutal-ui-logo-gradient)'/><rect x='4' y='4' width='192' height='192' rx='46' stroke='white' stroke-opacity='0.3' stroke-width='8'/><rect x='75' y='75' width='75' height='75' rx='5' fill='#808080'/><rect x='50' y='50' width='75' height='75' rx='5' fill='white'/><defs><linearGradient id='neobrutal-ui-logo-gradient' x1='100' y1='0' x2='100' y2='200' gradientUnits='userSpaceOnUse'><stop stop-color='#3D3D3D'/><stop offset='1' stop-color='#0B0B0B'/></linearGradient></defs></svg>","preview_image":"https://neobrutal-ui.andongmin.com/preview.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":1,"last_commit":"2026-10-26T04:55:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://neobrutal-ui.andongmin.com/r/registry.json","install_bun":"bunx shadcn@latest add https://neobrutal-ui.andongmin.com/r/registry.json","clone":"git clone https://github.com/andongmin94/neobrutal-ui.git","clone_degit":"npx degit andongmin94/neobrutal-ui","registry_fetch":"curl -s https://neobrutal-ui.andongmin.com/r/registry.json"},"component_count":81,"components":[{"name":"neobrutal-ui","title":"neobrutal-ui","description":"Base UI powered neobrutalist design-system base.","type":"registry:base","source_url":"https://neobrutal-ui.andongmin.com/r/neobrutal-ui.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/neobrutal-ui.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of collapsible content sections.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/accordion.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/accordion.json"},{"name":"alert","title":"Alert","description":"A prominent message for status updates, notices, and warnings.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/alert.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/alert.json"},{"name":"alert-dialog","title":"Alert dialog","description":"A modal confirmation dialog for important or destructive actions.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/alert-dialog.json"},{"name":"avatar","title":"Avatar","description":"An image or fallback that identifies a person or entity.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/avatar.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"A compact label for statuses, categories, and metadata.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/badge.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A navigation trail that shows the current page hierarchy.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":"An interactive control that triggers an action or navigation.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/button.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/button.json"},{"name":"calendar","title":"Calendar","description":"A date picker calendar with single and range selection support.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/calendar.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/calendar.json"},{"name":"card","title":"Card","description":"A bordered container for grouping related content and actions.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/card.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/card.json"},{"name":"carousel","title":"Carousel","description":"A scrollable collection of content with previous and next controls.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/carousel.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/carousel.json"},{"name":"chart","title":"Chart","description":"Composable Recharts helpers with neobrutalist styling and legends.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/chart.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A control for toggling one or more independent selections.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/checkbox.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An expandable region that reveals or hides related content.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/collapsible.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/collapsible.json"},{"name":"command","title":"Command","description":"A searchable command palette for actions and navigation.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/command.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/command.json"},{"name":"context-menu","title":"Context menu","description":"A contextual action menu opened with a secondary pointer action.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/context-menu.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A modal overlay for focused content, forms, and actions.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/dialog.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from the edge of the viewport.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/drawer.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"A button-triggered menu for actions, choices, and nested options.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/dropdown-menu.json"},{"name":"form","title":"Form","description":"Accessible form helpers with React Hook Form and Zod validation.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/form.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/form.json"},{"name":"hover-card","title":"Hover card","description":"A preview card that appears when a linked element is hovered.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/hover-card.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/hover-card.json"},{"name":"image-card","title":"Image card","description":"A neobrutalist card for presenting an image with supporting content.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/image-card.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/image-card.json"},{"name":"input","title":"Input","description":"A styled text field for collecting short-form user input.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/input.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/input.json"},{"name":"input-group","title":"Input Group","description":"A text input composed with buttons, icons, or inline controls.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/input-group.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"A segmented input for one-time passwords and verification codes.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/input-otp.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/input-otp.json"},{"name":"label","title":"Label","description":"An accessible text label for a form control.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/label.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/label.json"},{"name":"marquee","title":"Marquee","description":"A continuously scrolling row for logos, quotes, or featured content.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/marquee.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/marquee.json"},{"name":"menubar","title":"Menubar","description":"A horizontal application menu with nested commands and shortcuts.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/menubar.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/menubar.json"},{"name":"navigation-menu","title":"Navigation menu","description":"A responsive site navigation menu with expandable link panels.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Navigation controls for moving between pages of content.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/pagination.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/pagination.json"},{"name":"popover","title":"Popover","description":"A floating panel for contextual content and lightweight controls.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/popover.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/popover.json"},{"name":"progress","title":"Progress","description":"A visual indicator of task or process completion.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/progress.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/progress.json"},{"name":"radio-group","title":"Radio group","description":"A set of mutually exclusive options for selecting one value.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/radio-group.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Adjustable panel groups with draggable resize handles.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/resizable.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/resizable.json"},{"name":"scroll-area","title":"Scroll area","description":"A custom scrollable viewport with styled scrollbars.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/scroll-area.json"},{"name":"select","title":"Select","description":"A dropdown control for choosing one value from a list.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/select.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/select.json"},{"name":"separator","title":"Separator","description":"A visual divider for separating related content groups.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/separator.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A modal panel that enters from a configurable screen edge.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/sheet.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A responsive, collapsible application sidebar with navigation primitives.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/sidebar.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder that communicates content is loading.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/skeleton.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A draggable control for selecting a value or range.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/slider.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/slider.json"},{"name":"sonner","title":"Sonner","description":"A toast notification provider styled for neobrutalist interfaces.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/sonner.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/sonner.json"},{"name":"switch","title":"Switch","description":"A binary control for turning a setting on or off.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/switch.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/switch.json"},{"name":"table","title":"Table","description":"Semantic table primitives for structured rows and columns.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/table.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/table.json"},{"name":"tabs","title":"Tabs","description":"A tabbed interface for switching between related content panels.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/tabs.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A multiline text field for collecting longer user input.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/textarea.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/textarea.json"},{"name":"tooltip","title":"Tooltip","description":"A concise text hint shown when an element is hovered or focused.","type":"registry:ui","source_url":"https://neobrutal-ui.andongmin.com/r/tooltip.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/tooltip.json"},{"name":"data-table","title":"Data table","description":"A sortable, filterable data table recipe built with TanStack Table.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/data-table.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/data-table.json"},{"name":"chart-revenue-target","title":"Revenue vs target","description":"Weekly revenue with period controls, target variance, and an exact data table.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-revenue-target.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-revenue-target.json"},{"name":"chart-signup-conversion","title":"Signup conversion","description":"Cohort conversion with stage losses, conversion rates, and an exact data table.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-signup-conversion.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-signup-conversion.json"},{"name":"chart-service-latency","title":"Response-time budget","description":"Daily p50 and p95 with service controls, budget breaches, and an exact data table.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-service-latency.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-service-latency.json"},{"name":"chart-release-activity","title":"Release adoption","description":"Install and update activity with count/share views, period controls, and exact values.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-release-activity.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-release-activity.json"},{"name":"chart-delivery-capacity","title":"Delivery capacity","description":"Planned and delivered work with team controls, signed variance, and exact values.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-delivery-capacity.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-delivery-capacity.json"},{"name":"chart-build-duration","title":"Build duration","description":"Paired cold and cached builds with series controls, time savings, and a budget.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-build-duration.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-build-duration.json"},{"name":"chart-work-allocation","title":"Work allocation","description":"Planned hours with period controls, a workstream inspector, and part-to-whole values.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-work-allocation.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-work-allocation.json"},{"name":"chart-install-diagnostics","title":"Installation trace","description":"Sequential install stages with environment controls, duration units, and stage shares.","type":"registry:component","source_url":"https://neobrutal-ui.andongmin.com/r/chart-install-diagnostics.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/chart-install-diagnostics.json"},{"name":"blog-template","title":"Blog template","description":"An editorial archive with topic filters, search, sorting, and reading pages.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/blog-template.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/blog-template.json"},{"name":"portfolio-template","title":"Portfolio template","description":"A design practice with services, expandable case studies, and a project inquiry.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/portfolio-template.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/portfolio-template.json"},{"name":"cms-template","title":"CMS template","description":"An editorial workspace with content preview, local save, and change recovery.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/cms-template.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/cms-template.json"},{"name":"link-hub-template","title":"Link in bio template","description":"A creator profile with categorized destinations and a copyable contact address.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/link-hub-template.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/link-hub-template.json"},{"name":"dashboard-template","title":"Dashboard template","description":"A project overview with task search, status filters, and progress summaries.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/dashboard-template.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/dashboard-template.json"},{"name":"landing-template","title":"Product landing template","description":"A product landing page with feature sections, billing options, and plan selection.","type":"registry:block","source_url":"https://neobrutal-ui.andongmin.com/r/landing-template.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/landing-template.json"},{"name":"theme-mono","title":"Neobrutal Mono","description":"The mono light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-mono.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-mono.json"},{"name":"theme-mono-warm","title":"Neobrutal Mono-warm","description":"The mono-warm light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-mono-warm.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-mono-warm.json"},{"name":"theme-red","title":"Neobrutal Red","description":"The red light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-red.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-red.json"},{"name":"theme-orange","title":"Neobrutal Orange","description":"The orange light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-orange.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-orange.json"},{"name":"theme-amber","title":"Neobrutal Amber","description":"The amber light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-amber.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-amber.json"},{"name":"theme-yellow","title":"Neobrutal Yellow","description":"The yellow light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-yellow.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-yellow.json"},{"name":"theme-lime","title":"Neobrutal Lime","description":"The lime light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-lime.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-lime.json"},{"name":"theme-green","title":"Neobrutal Green","description":"The green light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-green.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-green.json"},{"name":"theme-emerald","title":"Neobrutal Emerald","description":"The emerald light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-emerald.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-emerald.json"},{"name":"theme-teal","title":"Neobrutal Teal","description":"The teal light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-teal.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-teal.json"},{"name":"theme-cyan","title":"Neobrutal Cyan","description":"The cyan light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-cyan.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-cyan.json"},{"name":"theme-sky","title":"Neobrutal Sky","description":"The sky light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-sky.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-sky.json"},{"name":"theme-blue","title":"Neobrutal Blue","description":"The blue light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-blue.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-blue.json"},{"name":"theme-indigo","title":"Neobrutal Indigo","description":"The indigo light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-indigo.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-indigo.json"},{"name":"theme-violet","title":"Neobrutal Violet","description":"The violet light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-violet.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-violet.json"},{"name":"theme-purple","title":"Neobrutal Purple","description":"The purple light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-purple.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-purple.json"},{"name":"theme-fuchsia","title":"Neobrutal Fuchsia","description":"The fuchsia light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-fuchsia.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-fuchsia.json"},{"name":"theme-pink","title":"Neobrutal Pink","description":"The pink light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-pink.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-pink.json"},{"name":"theme-rose","title":"Neobrutal Rose","description":"The rose light and dark theme for neobrutal-ui.","type":"registry:style","source_url":"https://neobrutal-ui.andongmin.com/r/theme-rose.json","install_command":"npx shadcn@latest add https://neobrutal-ui.andongmin.com/r/theme-rose.json"}]},{"id":"neobrutalism","name":"@neobrutalism","slug":"neobrutalism","description":"A collection of neobrutalism-styled React components built on shadcn/ui, covering 40+ components including Accordion, Alert Dialog, Avatar, Badge, Button, Calendar, Card, Carousel, Chart, Checkbox, Command, Combobox, Context Menu, Data Table, Date Picker, Dialog, Drawer, Dropdown Menu, Form, Hover Card, Input OTP, Label, Marquee, Menubar, Navigation Menu, Pagination, Popover, Progress, Radio Group, Resizable, Scroll Area, Select, Sheet, Sidebar, Skeleton, Slider, Switch, Table, Tabs, Textarea, and Tooltip. Uses Tailwind CSS and follows shadcn/ui conventions. The repo is no longer actively maintained (archived post-v3). Free and MIT-licensed. Use for: projects requiring a bold, retro-brutalist aesthetic with a full shadcn-compatible component set.","author":"ekmas","framework":"react","license":"MIT","tags":["aesthetic","animation","auth","buttons","cards","charts","components","dashboard","forms","loaders","media","navigation","overlays","retro","tables"],"categories":["Component library (general)"],"labels":["popular"],"urls":{"website":"https://www.neobrutalism.dev","github":"https://github.com/ekmas/neobrutalism-components","registry":"https://www.neobrutalism.dev/r/{name}.json","source":"https://www.neobrutalism.dev/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/neobrutalism","markdown":"https://sh4dcn.netlify.app/md/neobrutalism.md"},"logo":"<svg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'><rect x='2' y='2' width='60' height='60' rx='10' ry='10' fill='#5b9bff' stroke='#000' stroke-width='4'/><text x='32' y='42' text-anchor='middle' font-family='Arial, Helvetica, sans-serif' font-size='36' font-weight='900'>N</text></svg>","preview_image":"https://www.neobrutalism.dev/preview.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5625,"open_issues":3,"last_commit":"2026-09-19T12:25:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/ekmas/neobrutalism-components.git","clone_degit":"npx degit ekmas/neobrutalism-components","registry_fetch":"curl -s https://www.neobrutalism.dev/r/{name}.json"},"component_count":0,"components":[]},{"id":"neon-ui","name":"@neon-ui","slug":"neon-ui","description":"Production-ready components for agent platforms built on Neon. Database branching, connection strings, usage metering and project management UI, built with Base UI and Tailwind v4.","author":"neondatabase","framework":"react","license":"MIT","tags":["3d","ai","animation","auth","backgrounds","buttons","cards","charts","forms","hooks","loaders","maps","navigation","overlays","tables"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ui.neon.com","github":"https://github.com/neondatabase/ui","registry":"https://ui.neon.com/r/registry.json","source":"https://ui.neon.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/neon-ui","markdown":"https://sh4dcn.netlify.app/md/neon-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'><path d='M57.113 7.01415V57.5526L37.5592 40.6076V57.5526H7V7L57.113 7.01415ZM13.1428 51.4168H31.4164V27.1437L50.9705 44.4238V13.1482L13.1428 13.1373V51.4168Z' fill='var(--foreground)'/></svg>","preview_image":"https://ui.neon.com/og-home.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":11,"open_issues":2,"last_commit":"2026-09-11T02:40:40Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.neon.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.neon.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.neon.com/r/registry.json","clone":"git clone https://github.com/neondatabase/ui.git","clone_degit":"npx degit neondatabase/ui","registry_fetch":"curl -s https://ui.neon.com/r/registry.json"},"component_count":77,"components":[{"name":"neon-tokens","title":"Neon Theme Tokens","description":"Neon palette and design tokens for Tailwind v4.","type":"registry:style","source_url":"https://ui.neon.com/r/neon-tokens.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/neon-tokens.json"},{"name":"utils","title":"cn utility","description":"Tailwind class-name merge helper used across neon-ui components.","type":"registry:lib","source_url":"https://ui.neon.com/r/utils.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/utils.json"},{"name":"button","title":"Button","description":"Neon-themed button primitive with variants (Base UI).","type":"registry:ui","source_url":"https://ui.neon.com/r/button.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/button.json"},{"name":"card","title":"Card","description":"Neon-themed card container primitive and its sub-parts.","type":"registry:ui","source_url":"https://ui.neon.com/r/card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/card.json"},{"name":"badge","title":"Badge","description":"Status badge primitive (Base UI render pattern).","type":"registry:ui","source_url":"https://ui.neon.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/badge.json"},{"name":"chart","title":"Chart","description":"shadcn chart primitives (Recharts container, tooltip, legend) themed to the Neon tokens.","type":"registry:ui","source_url":"https://ui.neon.com/r/chart.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/chart.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder primitive.","type":"registry:ui","source_url":"https://ui.neon.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/skeleton.json"},{"name":"tabs","title":"Tabs","description":"Accessible tab navigation primitive (Base UI).","type":"registry:ui","source_url":"https://ui.neon.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/tabs.json"},{"name":"tooltip","title":"Tooltip","description":"Base UI tooltip in the house chrome.","type":"registry:ui","source_url":"https://ui.neon.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/tooltip.json"},{"name":"neon-loader","title":"NeonLoader","description":"Noise-resolve loading indicator animated from the official Neon mark.","type":"registry:component","source_url":"https://ui.neon.com/r/neon-loader.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/neon-loader.json"},{"name":"label","title":"Label","description":"Form label primitive.","type":"registry:ui","source_url":"https://ui.neon.com/r/label.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/label.json"},{"name":"input","title":"Input","description":"Accessible text input primitive (Base UI).","type":"registry:ui","source_url":"https://ui.neon.com/r/input.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/input.json"},{"name":"select","title":"Select","description":"Accessible select primitive (Base UI).","type":"registry:ui","source_url":"https://ui.neon.com/r/select.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/select.json"},{"name":"switch","title":"Switch","description":"Accessible switch primitive (Base UI).","type":"registry:ui","source_url":"https://ui.neon.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/switch.json"},{"name":"elastic-slider","title":"ElasticSlider","description":"Slider with elastic rubber-band drag and magnetic snap (by @iamncdai, MIT).","type":"registry:ui","source_url":"https://ui.neon.com/r/elastic-slider.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/elastic-slider.json"},{"name":"model-select","title":"ModelSelect","description":"Model picker for agent chat input bars, grouped by provider.","type":"registry:component","source_url":"https://ui.neon.com/r/model-select.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/model-select.json"},{"name":"thinking-select","title":"ThinkingSelect","description":"Reasoning-effort selector: Off, Low, Medium, High.","type":"registry:component","source_url":"https://ui.neon.com/r/thinking-select.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/thinking-select.json"},{"name":"thinking-model-select","title":"ThinkingModelSelect","description":"Model picker with an embedded reasoning-effort slider in the popup footer.","type":"registry:component","source_url":"https://ui.neon.com/r/thinking-model-select.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/thinking-model-select.json"},{"name":"message","title":"Message","description":"Conversation message layout primitive with avatar, content, and footer.","type":"registry:ui","source_url":"https://ui.neon.com/r/message.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/message.json"},{"name":"bubble","title":"Bubble","description":"Chat bubble primitive with grouping and reactions.","type":"registry:ui","source_url":"https://ui.neon.com/r/bubble.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/bubble.json"},{"name":"marker","title":"Marker","description":"Inline conversation status marker.","type":"registry:ui","source_url":"https://ui.neon.com/r/marker.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/marker.json"},{"name":"message-scroller","title":"MessageScroller","description":"Chat scroll container with turn anchoring, auto-follow, and jump-to-latest.","type":"registry:ui","source_url":"https://ui.neon.com/r/message-scroller.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/message-scroller.json"},{"name":"tool-call-chip","title":"ToolCallChip","description":"Compact running/complete/error indicator for one agent tool invocation.","type":"registry:component","source_url":"https://ui.neon.com/r/tool-call-chip.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/tool-call-chip.json"},{"name":"agent-chat","title":"AgentChat","description":"Full agent chat pane: streamed markdown turns, tool chips, reasoning, and a composer with a model-controls slot.","type":"registry:component","source_url":"https://ui.neon.com/r/agent-chat.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/agent-chat.json"},{"name":"reasoning","title":"Reasoning","description":"Collapsible extended-thinking fold that opens itself while the model streams and settles to a timed receipt.","type":"registry:component","source_url":"https://ui.neon.com/r/reasoning.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/reasoning.json"},{"name":"chain-of-thought","title":"ChainOfThought","description":"Collapsible step-by-step reasoning rail with statuses, search-result chips, and images.","type":"registry:component","source_url":"https://ui.neon.com/r/chain-of-thought.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/chain-of-thought.json"},{"name":"inline-citation","title":"InlineCitation","description":"Inline source pill that previews stacked citations on hover and links to the source on click.","type":"registry:component","source_url":"https://ui.neon.com/r/inline-citation.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/inline-citation.json"},{"name":"metric-card","title":"MetricCard","description":"Analytics card with a formatted value, signed delta, and interactive Visx sparkline.","type":"registry:component","source_url":"https://ui.neon.com/r/metric-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/metric-card.json"},{"name":"health-card","title":"HealthCard","description":"Project health rollup on the MetricCard shell: an overall status pill and tint over a mono grid of supporting signals (latency, errors, uptime).","type":"registry:component","source_url":"https://ui.neon.com/r/health-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/health-card.json"},{"name":"neon-client","title":"Neon Client","description":"Shared Neon API client factory used by neon-ui data hooks.","type":"registry:lib","source_url":"https://ui.neon.com/r/neon-client.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/neon-client.json"},{"name":"status-badge","title":"StatusBadge","description":"Dot-and-label status vocabulary for apps and branches, with a billing PlanBadge companion.","type":"registry:component","source_url":"https://ui.neon.com/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/status-badge.json"},{"name":"empty-state","title":"EmptyState","description":"Intentional dashed-border placeholder with title, description, icon, and action slots.","type":"registry:component","source_url":"https://ui.neon.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/empty-state.json"},{"name":"app-card","title":"AppCard","description":"Tenant dashboard grid card composing the status vocabulary: name, badges, timestamp, one-link hover.","type":"registry:component","source_url":"https://ui.neon.com/r/app-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/app-card.json"},{"name":"animated-wash","title":"AnimatedWash","description":"WebGL grain-gradient shader wash rising from the bottom edge, colored by currentColor with a hover lift. Adapted from paper-design/shaders (Apache-2.0).","type":"registry:component","source_url":"https://ui.neon.com/r/animated-wash.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/animated-wash.json"},{"name":"color-picker","title":"ColorPicker","description":"Swatch-and-hex trigger opening an HSV field, hue rail, hex input, and preset swatches.","type":"registry:component","source_url":"https://ui.neon.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/color-picker.json"},{"name":"app-creator","title":"AppCreator","description":"The describe-an-app bar: auto-growing prompt, free/paid plan segment, and a create action with an in-flight state.","type":"registry:component","source_url":"https://ui.neon.com/r/app-creator.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/app-creator.json"},{"name":"auth-form","title":"AuthForm","description":"The email/password card: mode switching, providers, structured errors, and a working state — Better Auth-shaped.","type":"registry:component","source_url":"https://ui.neon.com/r/auth-form.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/auth-form.json"},{"name":"neon-aurora","title":"NeonAurora","description":"The neon.com hero as a live WebGL surface: clusters of thin vertical bars twinkling in green, teal, and blue.","type":"registry:component","source_url":"https://ui.neon.com/r/neon-aurora.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/neon-aurora.json"},{"name":"mesh-gradient","title":"MeshGradient","description":"The Neon brand-deck gradient as a live WebGL surface: a defocused warm color field drifting over near-black.","type":"registry:component","source_url":"https://ui.neon.com/r/mesh-gradient.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/mesh-gradient.json"},{"name":"banner-pattern","title":"BannerPattern","description":"The neon.com banner dot pattern as a live WebGL surface: a square-dot grid sampling a drifting green-to-amber field.","type":"registry:component","source_url":"https://ui.neon.com/r/banner-pattern.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/banner-pattern.json"},{"name":"dot-matrix-wave","title":"DotMatrixWave","description":"Field of dots breathing in a drifting noise wave, colored by currentColor. The RegionSelect dot-map aesthetic as a background surface.","type":"registry:component","source_url":"https://ui.neon.com/r/dot-matrix-wave.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/dot-matrix-wave.json"},{"name":"halftone-bloom","title":"HalftoneBloom","description":"Halftone ring field revealed by soft drifting color blooms: teal and amber light behind a punched-metal screen.","type":"registry:component","source_url":"https://ui.neon.com/r/halftone-bloom.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/halftone-bloom.json"},{"name":"preview-frame","title":"PreviewFrame","description":"Sandbox iframe with wake, restart, and refresh lifecycle, reload-on-signal, and chrome header.","type":"registry:component","source_url":"https://ui.neon.com/r/preview-frame.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/preview-frame.json"},{"name":"workspace-tabs","title":"WorkspaceTabs","description":"Workspace tab bar with gliding underline, per-tab action slot, and pane crossfade.","type":"registry:component","source_url":"https://ui.neon.com/r/workspace-tabs.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/workspace-tabs.json"},{"name":"provisioning-status","title":"ProvisioningStatus","description":"Provisioning, waking, and error panel states composing NeonLoader with a live status detail line.","type":"registry:component","source_url":"https://ui.neon.com/r/provisioning-status.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/provisioning-status.json"},{"name":"region-card","title":"RegionCard","description":"Floating server-info chip: region name, mono id, and a color-coded ping line.","type":"registry:component","source_url":"https://ui.neon.com/r/region-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/region-card.json"},{"name":"region-select","title":"RegionSelect","description":"Server location picker: an interactive dot-matrix world map synced with an accessible select.","type":"registry:component","source_url":"https://ui.neon.com/r/region-select.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/region-select.json"},{"name":"region-globe","title":"RegionGlobe","description":"Tilted 3D globe (globe.gl) with a monochrome relief surface, clickable region markers, and arc travel effects between regions.","type":"registry:component","source_url":"https://ui.neon.com/r/region-globe.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/region-globe.json"},{"name":"use-gateway-models","title":"useGatewayModels","description":"Fetches a gateway model catalog and keeps the selection valid against it: explicit pick, then preferred default, then first available.","type":"registry:hook","source_url":"https://ui.neon.com/r/use-gateway-models.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/use-gateway-models.json"},{"name":"use-region-ping","title":"useRegionPing","description":"Measures browser round-trip latency to per-region endpoints via opaque no-cors requests.","type":"registry:hook","source_url":"https://ui.neon.com/r/use-region-ping.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/use-region-ping.json"},{"name":"branch-picker","title":"BranchPicker","description":"A searchable branch selector with default/protected status and an inline create-branch affordance.","type":"registry:component","source_url":"https://ui.neon.com/r/branch-picker.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/branch-picker.json"},{"name":"branch-tree","title":"BranchTree","description":"A drawn branch graph: nodes colored by compute state, curved edges to each parent, default and selected marked.","type":"registry:component","source_url":"https://ui.neon.com/r/branch-tree.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/branch-tree.json"},{"name":"autoscale-chart","title":"AutoscaleChart","description":"Autoscaling compute units over time against the min/max bounds, with a scrubable readout.","type":"registry:component","source_url":"https://ui.neon.com/r/autoscale-chart.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/autoscale-chart.json"},{"name":"logs-viewer","title":"LogsViewer","description":"Virtualized, follow-tailing log pane with ANSI colors, level filters, search, and a retention cap.","type":"registry:component","source_url":"https://ui.neon.com/r/logs-viewer.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/logs-viewer.json"},{"name":"branch-diff","title":"BranchDiff","description":"Schema and row-level comparison between two branches with change counts, search, kind filters, and expandable DDL and word-level value diffs.","type":"registry:component","source_url":"https://ui.neon.com/r/branch-diff.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/branch-diff.json"},{"name":"schema-explorer","title":"SchemaExplorer","description":"A collapsible Postgres schema tree: tables to columns, indexes, and relations, with types and a search.","type":"registry:component","source_url":"https://ui.neon.com/r/schema-explorer.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/schema-explorer.json"},{"name":"sql-runner","title":"SQLRunner","description":"A guarded SQL editor with run and cancel controls, inline Postgres errors, and a typed results grid.","type":"registry:component","source_url":"https://ui.neon.com/r/sql-runner.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/sql-runner.json"},{"name":"query-history","title":"QueryHistory","description":"Searchable recent SQL with status, timing, saved queries, expandable statements, copy, and rerun actions.","type":"registry:component","source_url":"https://ui.neon.com/r/query-history.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/query-history.json"},{"name":"checkpoint-timeline","title":"CheckpointTimeline","description":"Checkpoint history rail with git sha, snapshot indicator, project id, restore with busy state, and empty state.","type":"registry:component","source_url":"https://ui.neon.com/r/checkpoint-timeline.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/checkpoint-timeline.json"},{"name":"db-connection-card","title":"DBConnectionCard","description":"Neon database connection card: pooled/direct toggle, role and database selectors, URI / psql / parameters views, one shared secret reveal, and copy that always…","type":"registry:component","source_url":"https://ui.neon.com/r/db-connection-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/db-connection-card.json"},{"name":"api-key-list","title":"ApiKeyList","description":"Create, reveal-once, and revoke Neon API keys (personal and organization), with an inline create flow, a one-time secret reveal, and per-row revoke confirmatio…","type":"registry:component","source_url":"https://ui.neon.com/r/api-key-list.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/api-key-list.json"},{"name":"activity-feed","title":"ActivityFeed","description":"A chronological feed of system events (provision, transfer, agent) on a status-vocabulary timeline, with expandable detail and optional per-entry actions.","type":"registry:component","source_url":"https://ui.neon.com/r/activity-feed.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/activity-feed.json"},{"name":"compute-status","title":"ComputeStatus","description":"Compact compute readout: lifecycle state (active/idle/scaling/suspended), autoscaling CU size, and scale-to-zero, in the house status vocabulary.","type":"registry:component","source_url":"https://ui.neon.com/r/compute-status.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/compute-status.json"},{"name":"dialog","title":"Dialog","description":"Base UI dialog in the house chrome: card panel, hairline border, quiet rise.","type":"registry:ui","source_url":"https://ui.neon.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/dialog.json"},{"name":"confirm-dialog","title":"ConfirmDialog","description":"Destructive confirmation modal armed by press-and-hold, with keyboard hold support.","type":"registry:component","source_url":"https://ui.neon.com/r/confirm-dialog.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/confirm-dialog.json"},{"name":"usage-card","title":"UsageCard","description":"Single Neon consumption metric on the MetricCard shell: derives label, format, unit, total, sparkline, and delta from raw per-project samples.","type":"registry:component","source_url":"https://ui.neon.com/r/usage-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/usage-card.json"},{"name":"usage-panel","title":"UsagePanel","description":"Per-project consumption grid composing MetricCard, with plan-gated metrics and metering-lag notice.","type":"registry:component","source_url":"https://ui.neon.com/r/usage-panel.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/usage-panel.json"},{"name":"popover","title":"Popover","description":"Base UI popover in the house chrome.","type":"registry:ui","source_url":"https://ui.neon.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/popover.json"},{"name":"date-range-picker","title":"DateRangePicker","description":"Custom date range picker: mono pill trigger, preset rail, hand-built month grid with range wash.","type":"registry:component","source_url":"https://ui.neon.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/date-range-picker.json"},{"name":"upgrade-dialog","title":"UpgradeDialog","description":"Pricing dialog with drawn-check feature list and a processing upgrade action.","type":"registry:component","source_url":"https://ui.neon.com/r/upgrade-dialog.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/upgrade-dialog.json"},{"name":"create-project","title":"CreateProject","description":"Create-project onboarding panel: project form on the left, the interactive region map on the right.","type":"registry:block","source_url":"https://ui.neon.com/r/create-project.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/create-project.json"},{"name":"consumption","title":"Consumption metrics","description":"Types, unit conversion, allowances, and cost math for the Neon v2 consumption API.","type":"registry:lib","source_url":"https://ui.neon.com/r/consumption.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/consumption.json"},{"name":"use-consumption-history","title":"useConsumptionHistory","description":"Fetches consumption history through your own proxy route and shapes it into buckets and totals.","type":"registry:hook","source_url":"https://ui.neon.com/r/use-consumption-history.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/use-consumption-history.json"},{"name":"consumption-chart","title":"ConsumptionChart","description":"Interactive consumption time series with labelled axes, unit-aware totals, a scrubbable readout, and a legend that filters.","type":"registry:component","source_url":"https://ui.neon.com/r/consumption-chart.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/consumption-chart.json"},{"name":"storage-breakdown","title":"StorageBreakdown","description":"Storage composition by volume or by cost — root, child, instant restore, and snapshots as one bar with per-segment shares.","type":"registry:component","source_url":"https://ui.neon.com/r/storage-breakdown.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/storage-breakdown.json"},{"name":"cost-estimate-card","title":"CostEstimateCard","description":"Invoice-shaped cost estimate: quantity by rate per metric, allowances shown, with an optional spending-limit meter.","type":"registry:component","source_url":"https://ui.neon.com/r/cost-estimate-card.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/cost-estimate-card.json"},{"name":"branch-usage-table","title":"BranchUsageTable","description":"Per-branch consumption attribution: sortable metric columns, magnitude rules, an expandable tail, and a list layout for a single metric.","type":"registry:component","source_url":"https://ui.neon.com/r/branch-usage-table.json","install_command":"npx shadcn@latest add https://ui.neon.com/r/branch-usage-table.json"}]},{"id":"nessra-ui","name":"@nessra-ui","slug":"nessra-ui","description":"A production-ready registry of 60+ React and Next.js components built on Radix UI primitives with Tailwind CSS v4, strictly typed with TypeScript. Covers standard UI (Accordion through Tooltip), plus extras like Button Group, Code Block, Copy Button, Empty Field, Input Group, Number Input, Spinner, Stat Card, Tag Input, Toggle Group, and Typography. Auth blocks include Sign In, Sign Up, Forgot Password, and Reset Password flows. Also includes a TanStack Form integration and a Data Table. Accessible by default with full keyboard navigation; no runtime dependency. Use for: app scaffolding that needs accessible Radix-based components on Tailwind v4 without a paid tier.","author":"codewithmehmet","framework":"react","license":"MIT","tags":["accessibility","auth","blocks","buttons","cards","charts","components","design-system","developer-tools","forms","hooks","loaders","navigation","overlays","tables"],"categories":["Component library (general)"],"labels":["featured","recently-updated"],"urls":{"website":"https://nessra-ui.vercel.app","github":"https://github.com/codewithmehmet/nessra-ui","registry":"https://nessra-ui.vercel.app/r/{name}.json","source":"https://nessra-ui.vercel.app/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/nessra-ui","markdown":"https://sh4dcn.netlify.app/md/nessra-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 493 512' width='32' height='32'><path fill='var(--foreground)' d='M189.5 96.3c.1-2.7.2-5.3.2-8 0-27.8-5.3-48.8-15.9-63-10.6-14.2-29.6-21.3-56.8-21.3-31.1 0-54.8 12.8-71.1 38.4-16.4 25.6-27.3 60.8-32.7 105.5-2.7 23.4-5 49.5-7 78.1a3073 3073 0 00-4.5 85.4c-1.1 28.3-1.6 54-1.6 76.9 0 44.7 8.4 76.4 25.3 95.2 16.9 18.8 42 28.2 75.2 28.2 27.3 0 48.9-8.4 65-25.3 16.1-16.9 25.7-45 29-84.2 1.1-13.1 2-29.3 2.9-48.6l2.5-58.5c.8-19.6 2-36 3.7-49.1 3.3-25.6 10.1-45.5 20.4-59.7 10.4-14.2 22.9-21.3 37.6-21.3 26.7 0 40.1 22.4 40.1 67 0 14.2-.7 32.2-2 54a6398 6398 0 01-4.5 66.2c-1.6 22.3-2.5 41.7-2.5 58 0 29.4 6.7 52.5 20 69.1 13.4 16.6 32.6 24.9 57.6 24.9 22.4 0 41.7-5 58-15.1 16.4-10.1 28.9-25.2 37.6-45.4 6-13.1 10.9-29.8 14.7-50.3 3.8-20.4 6.8-43.2 9-68.3 2.2-25 3.3-50.4 3.3-76 0-50.7-6.1-94.7-18.4-132-12.3-37.3-30.7-66.2-55.2-86.7C394.9 10.2 364.1 0 327 0c-30 0-58.3 10-85 29.8-34.3 25.5-31.4 38.3-52.5 66.5zM67.2 76c1.8-4.7 7.2-7 11.9-5.2 4.7 1.8 7 7.2 5.2 11.9-4.5 11.5-8.4 24.6-11.6 39.2-3.3 14.7-6 31.3-8.2 49.7-.6 5-5.2 8.6-10.2 8-5-.6-8.6-5.2-8-10.2 2.2-18.7 5-35.8 8.5-51.5 3.5-15.8 7.7-29.7 12.4-41.9zm-25 120.7a9.2 9.2 0 0118.1 2.6l-.8 5.7a9.2 9.2 0 11-18.1-2.6l.8-5.7z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":1,"last_commit":"2026-10-01T06:52:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/codewithmehmet/nessra-ui.git","clone_degit":"npx degit codewithmehmet/nessra-ui","registry_fetch":"curl -s https://nessra-ui.vercel.app/r/{name}.json"},"component_count":0,"components":[]},{"id":"nexus-elements","name":"@nexus-elements","slug":"nexus-elements","description":"Ready-made React components from Avail Project's Nexus design system, targeting Web3 and general application use cases. The registry surfaces view-focused primitives suited for data-heavy interfaces. Built with shadcn/ui conventions and Tailwind CSS. Maintained by a single developer (decocereus). Free and open source. Use for: teams building on Avail's ecosystem or needing a lightweight starting point for Web3-adjacent UIs that want shadcn CLI compatibility.","author":"decocereus","framework":"react","license":null,"tags":["components","crypto","design-system","hooks","pro-available"],"categories":["Component library (general)"],"labels":["pro"],"urls":{"website":"https://elements.nexus.availproject.org/docs/view-components","github":"https://github.com/decocereus","registry":"https://elements.nexus.availproject.org/r/{name}.json","source":"https://elements.nexus.availproject.org/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/nexus-elements","markdown":"https://sh4dcn.netlify.app/md/nexus-elements.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"222\" height=\"72\" viewBox=\"0 0 222 72\" fill=\"none\"><g clip-path=\"url(#clip0_2678_500)\"><path d=\"M56.1227 60.2147L63.14 63.6439C64.8833 64.4957 66.9926 63.7382 67.68 61.9237C69.6891 56.6201 71.2689 50.2837 71.8041 43.7601C72.4151 36.314 71.6599 28.7006 68.7035 22.1125L68.6994 22.1143C68.5679 21.8305 68.4344 21.5474 68.2987 21.2652C67.2815 19.3139 65.3761 16.9205 62.5702 15.3369C59.4075 13.552 55.0139 12.7442 49.2484 14.9038C48.0252 15.362 46.78 15.954 45.5312 16.6603C47.0997 19.3288 48.2234 22.9278 48.3126 27.6733C48.3933 31.9623 47.6975 36.024 46.6315 39.6426L57.1558 43.5501C59.2936 44.3439 60.6933 46.4571 60.2941 48.7023C59.7324 51.8611 58.7428 54.9355 57.3594 57.8501C56.9853 58.6381 56.574 59.4293 56.1227 60.2147Z\" fill=\"#202224\"/><path d=\"M21.8652 57.3686C22.7281 57.1088 23.6393 56.7331 24.5957 56.2106C28.6457 53.9979 31.7087 50.3846 33.8862 46.8399C35.3391 44.4748 36.4214 42.1019 37.1526 40.1195C37.443 39.3323 38.3118 38.9052 39.0985 39.1973L55.9179 45.442C57.392 45.9893 58.3207 47.4714 58.0029 49.0114C57.5233 51.335 56.6845 54.1116 55.3586 56.9051C53.2786 61.287 50.0374 65.6341 45.1875 68.3819C41.1801 70.6523 37.0816 71.8235 33.2503 71.9995C29.0759 71.2932 26.3373 69.4813 24.5926 67.0616C22.7454 64.4997 21.9241 61.1329 21.8652 57.3686Z\" fill=\"#202224\"/><path d=\"M32.0031 0.322354C42.3172 -0.88462 49.9809 1.39728 55.798 5.50473C58.8889 7.68718 61.4846 10.4037 63.686 13.4328L63.6624 13.4194C59.9076 11.3004 54.828 10.4605 48.4728 12.841C39.9413 16.0368 30.744 25.0421 25.8474 34.2257C22.6714 40.1824 19.5394 49.3163 19.6578 57.3778C19.7171 61.4186 20.595 65.2918 22.8011 68.3514C23.5691 69.4166 24.4875 70.3684 25.5672 71.1872C17.7107 69.2328 7.82516 63.791 2.49764 51.2475C-2.15156 40.3011 0.0590149 28.184 6.08264 18.4449C12.1155 8.69106 21.8578 1.50958 32.0031 0.322354Z\" fill=\"#202224\"/><path d=\"M212.111 10.5879H221.111V60.5879H212.111V10.5879Z\" fill=\"#202224\"/><path d=\"M197.251 23.3786H206.971V60.5879H197.251V23.3786ZM197.111 10.5879H207.111V19.343H197.111V10.5879Z\" fill=\"#202224\"/><path d=\"M166.724 49.1879C166.724 50.6546 167.266 51.7657 168.349 52.5212C169.478 53.2323 170.989 53.5879 172.885 53.5879C175.909 53.5879 178.323 52.7434 180.129 51.0546C181.934 49.3657 182.837 47.1212 182.837 44.3212V42.5879L172.479 44.5212C170.403 44.9212 168.913 45.499 168.011 46.2546C167.153 46.9657 166.724 47.9434 166.724 49.1879ZM157.111 50.4546C157.111 47.3879 158.149 45.0101 160.225 43.3212C162.347 41.5879 165.551 40.3434 169.839 39.5879L182.837 37.2546V36.9879C182.837 34.5434 182.16 32.7212 180.806 31.5212C179.452 30.3212 177.556 29.7212 175.119 29.7212C172.637 29.7212 170.741 30.3212 169.432 31.5212C168.169 32.7212 167.401 34.4101 167.131 36.5879H157.585C157.991 32.0101 159.774 28.5434 162.933 26.1879C166.093 23.7879 170.177 22.5879 175.187 22.5879C180.557 22.5879 184.71 23.899 187.643 26.5212C190.622 29.099 192.111 32.8323 192.111 37.7212V59.7212H183.378L183.175 54.3879C182.047 56.1657 180.264 57.6546 177.827 58.8546C175.435 60.0101 172.659 60.5879 169.5 60.5879C167.83 60.5879 166.228 60.3879 164.694 59.9879C163.204 59.5879 161.895 58.9879 160.767 58.1879C159.639 57.3434 158.736 56.299 158.059 55.0546C157.427 53.7657 157.111 52.2323 157.111 50.4546Z\" fill=\"#202224\"/><path d=\"M119.111 23.5879H128.997L138.544 52.0861L148.158 23.5879H158.111L144.57 60.5879H132.585L119.111 23.5879Z\" fill=\"#202224\"/><path d=\"M93.7245 49.1879C93.7245 50.6546 94.2661 51.7657 95.3492 52.5212C96.4775 53.2323 97.9895 53.5879 99.885 53.5879C102.909 53.5879 105.323 52.7434 107.129 51.0546C108.934 49.3657 109.837 47.1212 109.837 44.3212V42.5879L99.4788 44.5212C97.4028 44.9212 95.9134 45.499 95.0107 46.2546C94.1532 46.9657 93.7245 47.9434 93.7245 49.1879ZM84.1113 50.4546C84.1113 47.3879 85.1494 45.0101 87.2254 43.3212C89.3467 41.5879 92.551 40.3434 96.8386 39.5879L109.837 37.2546V36.9879C109.837 34.5434 109.16 32.7212 107.806 31.5212C106.452 30.3212 104.556 29.7212 102.119 29.7212C99.6368 29.7212 97.7412 30.3212 96.4324 31.5212C95.1687 32.7212 94.4015 34.4101 94.1307 36.5879H84.5852C84.9914 32.0101 86.7741 28.5434 89.9334 26.1879C93.0926 23.7879 97.1771 22.5879 102.187 22.5879C107.557 22.5879 111.71 23.899 114.643 26.5212C117.622 29.099 119.111 32.8323 119.111 37.7212V59.7212H110.378L110.175 54.3879C109.047 56.1657 107.264 57.6546 104.827 58.8546C102.435 60.0101 99.6594 60.5879 96.5001 60.5879C94.8302 60.5879 93.228 60.3879 91.6935 59.9879C90.2042 59.5879 88.8953 58.9879 87.767 58.1879C86.6387 57.3434 85.7361 56.299 85.0591 55.0546C84.4273 53.7657 84.1113 52.2323 84.1113 50.4546Z\" fill=\"#202224\"/></g><defs><clipPath id=\"clip0_2678_500\"><rect width=\"221.111\" height=\"71.9995\" fill=\"white\"/></clipPath></defs></svg>","preview_image":"https://widgets.availproject.org/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://elements.nexus.availproject.org/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/decocereus.git","clone_degit":"npx degit decocereus","registry_fetch":"curl -s https://elements.nexus.availproject.org/r/{name}.json"},"component_count":0,"components":[]},{"id":"nexus-labs","name":"@nexus-labs","slug":"nexus-labs","description":"A premium marketplace for animated React components, full-page templates, and marketing blocks engineered for Next.js App Router with Tailwind CSS and Framer Motion. Contains 82+ components across categories: Background Effects (63+), Motion Effects (27+), Cards (13+), 3D Components, Pricing blocks, Feature grids, Logo clouds, Navbars, Footers, Login/Signup forms, Text Animations, and AI Components. Full-page templates include SaaS launch, AI startup, agency, and developer-tool themes. Freemium — base components free; premium subscription or lifetime pass required for full access and commercial license. Use for: shipping polished Next.js marketing sites or SaaS landing pages with motion-rich animated sections quickly.","author":null,"framework":"react","license":null,"tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","cms","dashboard","editor","forms","glassmorphism","icons","loaders","marketing","media","navigation","overlays","payments","pro-available","retro","saas","text-effects","theming"],"categories":["Commercial/paid product"],"labels":["featured","pro"],"urls":{"website":"https://nexus-ui.com","github":"N/A","registry":"https://nexus-ui.com/r/registry.json","source":"https://nexus-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nexus-labs","markdown":"https://sh4dcn.netlify.app/md/nexus-labs.md"},"logo":"<svg width='32' height='32' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='64' height='64' rx='12' fill='#0a0a0a'/><circle cx='32' cy='10' r='3.5' fill='white'/><circle cx='9' cy='52' r='3.5' fill='white'/><circle cx='55' cy='52' r='3.5' fill='white'/><path d='M32 13.5 L32 33 M12 51 L32 33 M52 51 L32 33' stroke='white' stroke-width='2.5' stroke-linecap='round'/><circle cx='32' cy='33' r='5.5' fill='oklch(0.72 0.18 250)'/><circle cx='32' cy='33' r='5.5' fill='none' stroke='white' stroke-width='1.25'/></svg>","preview_image":"https://www.nexus-ui.com/api/og?title=Nexus+UI+Labs&amp;description=Animated+React+Components+%26+Templates","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://nexus-ui.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nexus-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nexus-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://nexus-ui.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://nexus-ui.com/r/registry.json"},"component_count":96,"components":[{"name":"nexus-font","title":"Nexus UI Inter Font","description":"Inter font setup used by Nexus UI components so installed components match the preview typography.","type":"registry:font","source_url":"https://nexus-ui.com/r/nexus-font.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/nexus-font.json"},{"name":"ui-sounds","title":"UI Sounds","description":"24 interface sound effects synthesised with the Web Audio API, a useSound hook and a remembered on/off switch. One file, no audio assets.","type":"registry:lib","source_url":"https://nexus-ui.com/r/ui-sounds.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/ui-sounds.json"},{"name":"typing-sound","title":"Typing Sound","description":"A key click for every character a component types, in sync: useTypedText, useTypingSound and a remembered on/off switch (useTypingSoundEnabled). Plays public/s…","type":"registry:lib","source_url":"https://nexus-ui.com/r/typing-sound.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/typing-sound.json"},{"name":"scroll-progress-bar","title":"Scroll Progress Bar","description":"A progress rail for long reads: the fill springs after your scroll, a bead rides its tip and stretches with your speed, and each milestone dot pops in as you p…","type":"registry:component","source_url":"https://nexus-ui.com/r/scroll-progress-bar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/scroll-progress-bar.json"},{"name":"wheel-selector","title":"Wheel Selector","description":"A radial selector: a ring of icon nodes you drag round, fling, scroll or step with the arrow keys. It coasts, snaps to the nearest stop with a little overshoot…","type":"registry:component","source_url":"https://nexus-ui.com/r/wheel-selector.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/wheel-selector.json"},{"name":"cinematic-card-deck","title":"Cinematic Card Deck","description":"A deck of poster cards in 3D: the front card peels away on its bottom edge while the cards behind rise to take its place, leaning back as the deck moves and sp…","type":"registry:component","source_url":"https://nexus-ui.com/r/cinematic-card-deck.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/cinematic-card-deck.json"},{"name":"cursor-text-reveal","title":"Cursor Text Reveal","description":"An ink lens follows the pointer across a card and shows a second sentence through it, dragging a tail of droplets on looser and looser springs so fast moves st…","type":"registry:component","source_url":"https://nexus-ui.com/r/cursor-text-reveal.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/cursor-text-reveal.json"},{"name":"phone-input","title":"Phone Input","description":"A phone number field with a searchable country picker that formats the number in each country's own pattern. Digits drop into place with a small overshoot, a h…","type":"registry:component","source_url":"https://nexus-ui.com/r/phone-input.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/phone-input.json"},{"name":"nebula-glass-card","title":"Nebula Glass Card","description":"A frosted glass card floating over a slowly drifting nebula. It tilts toward the pointer on springs with its layers at different depths, a rim light runs round…","type":"registry:component","source_url":"https://nexus-ui.com/r/nebula-glass-card.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/nebula-glass-card.json"},{"name":"depth-testimonials","title":"Depth Testimonials","description":"Testimonials stacked down a corridor: the front card reads clearly and the rest wait behind it, softer and further away. Next flies the front card past you whi…","type":"registry:component","source_url":"https://nexus-ui.com/r/depth-testimonials.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/depth-testimonials.json"},{"name":"beam-sweep-field","title":"Beam Sweep Field","description":"A dark hero backdrop where columns of light sweep across a fine grid and light up the lines they pass. Move over it and the nearest beam swings onto the pointe…","type":"registry:component","source_url":"https://nexus-ui.com/r/beam-sweep-field.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/beam-sweep-field.json"},{"name":"vector-tilt-scene","title":"Vector Tilt Scene","description":"A card that is really a little diorama: point at it and it tilts toward you while its paper-cut layers spring apart in depth, overshoot and settle. The layers …","type":"registry:component","source_url":"https://nexus-ui.com/r/vector-tilt-scene.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/vector-tilt-scene.json"},{"name":"glass-login-stack","title":"Glass Login Stack","description":"A frosted login card stacked on two ghost cards over a slow aurora: the stack tilts toward the pointer and the ghosts follow a beat late, so the layers peel ap…","type":"registry:component","source_url":"https://nexus-ui.com/r/glass-login-stack.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/glass-login-stack.json"},{"name":"signup-form","title":"Signup Form","description":"A signup card with floating labels that spring up as you type, password rules that tick green as they are met, and inline errors that shake the field that need…","type":"registry:component","source_url":"https://nexus-ui.com/r/signup-form.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/signup-form.json"},{"name":"pulse-dashboard-kpis","title":"Pulse Dashboard KPIs","description":"A row of KPI cards with a period switcher. Switching period morphs every sparkline into its new shape on a spring, rolls each figure to its new value and flips…","type":"registry:component","source_url":"https://nexus-ui.com/r/pulse-dashboard-kpis.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/pulse-dashboard-kpis.json"},{"name":"orbital-loader","title":"Orbital Loader","description":"A loader with a comet that laps the ring, speeding up and easing off each lap, its tail stretching with the speed and shrinking as it slows. Give it progress a…","type":"registry:component","source_url":"https://nexus-ui.com/r/orbital-loader.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/orbital-loader.json"},{"name":"milestone-timeline","title":"Milestone Timeline","description":"A roadmap timeline. When it scrolls into view a glowing bead runs down the rail, drawing each finished milestone's check as it passes, overshoots the milestone…","type":"registry:component","source_url":"https://nexus-ui.com/r/milestone-timeline.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/milestone-timeline.json"},{"name":"glow-button","title":"Glow Button","description":"A call-to-action link with a coloured light that lives on its rim. The brightest arc turns to face the pointer and the glow behind the button leans the same wa…","type":"registry:component","source_url":"https://nexus-ui.com/r/glow-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/glow-button.json"},{"name":"three-d-folder","title":"3D Folder Card","description":"A folder card that swings open when you hover, focus or tap it: the front flap falls forward on a spring and up to three papers fan up out of it, each settling…","type":"registry:component","source_url":"https://nexus-ui.com/r/three-d-folder.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/three-d-folder.json"},{"name":"draggable-card-stack","title":"Draggable Card Stack","description":"A pile of photo cards you can fling: grab the top card and throw it any direction and it leans into the throw, flies off, then tucks back under the pile while …","type":"registry:component","source_url":"https://nexus-ui.com/r/draggable-card-stack.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/draggable-card-stack.json"},{"name":"card-carousel-3d","title":"3D Card Carousel","description":"Product cards standing round a 3D cylinder. Drag or fling it and it coasts, then clicks into place with the nearest card facing you; spin it fast and the cards…","type":"registry:component","source_url":"https://nexus-ui.com/r/card-carousel-3d.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/card-carousel-3d.json"},{"name":"real-time-cursors","title":"Real-Time Cursors","description":"A shared design board with teammates' cursors moving over it live: arrows glide between spots and lean with their speed, name tags trail behind and swing when …","type":"registry:component","source_url":"https://nexus-ui.com/r/real-time-cursors.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/real-time-cursors.json"},{"name":"svg-noise-shader","title":"SVG Noise Shader","description":"A grainy gradient surface built from SVG feTurbulence: film grain that flickers over soft pools of colour leaning toward the pointer. Press and hold (or hold S…","type":"registry:component","source_url":"https://nexus-ui.com/r/svg-noise-shader.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/svg-noise-shader.json"},{"name":"tracing-spotlight-panel","title":"Tracing Spotlight Panel","description":"A panel with a light in it: point inside and a soft spotlight trails the pointer on a spring while the border glows wherever the light is closest. Leave and th…","type":"registry:component","source_url":"https://nexus-ui.com/r/tracing-spotlight-panel.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/tracing-spotlight-panel.json"},{"name":"gooey-input","title":"Gooey Search Input","description":"A search pill whose icon pinches off into its own bubble through an SVG goo filter when you open it, while the field grows with a springy overshoot. Pass sugge…","type":"registry:component","source_url":"https://nexus-ui.com/r/gooey-input.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/gooey-input.json"},{"name":"terminal","title":"Interactive Terminal","description":"A macOS-style terminal window that types a script of commands with human timing, shows a spinner while each runs and prints its output. Then the prompt is your…","type":"registry:component","source_url":"https://nexus-ui.com/r/terminal.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/terminal.json"},{"name":"squiggly-text","title":"RippleLine squiggly text","description":"Text that boils like a stop-motion pencil drawing: an SVG turbulence filter re-rolls its noise every few frames, and an optional hand-drawn underline draws its…","type":"registry:component","source_url":"https://nexus-ui.com/r/squiggly-text.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/squiggly-text.json"},{"name":"floating-dock","title":"Nexus floating dock","description":"A macOS-style dock: tiles swell under the pointer and push their neighbours aside on springs, a tooltip names each one, and a click bounces the tile like a lau…","type":"registry:component","source_url":"https://nexus-ui.com/r/floating-dock.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/floating-dock.json"},{"name":"stateful-button","title":"Stateful message button","description":"A button that shows its own async work: idle, loading, success and error. Pressed it squashes, a light sweeps across while the promise runs and the label rolls…","type":"registry:component","source_url":"https://nexus-ui.com/r/stateful-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/stateful-button.json"},{"name":"sparkles","title":"Sparkles field","description":"A canvas layer of sparkles that pop in with a small overshoot, turn as they shine, drift and fade, then reappear elsewhere. With interactive on, the pointer le…","type":"registry:component","source_url":"https://nexus-ui.com/r/sparkles.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/sparkles.json"},{"name":"text-generate-effect","title":"Text Generate Effect","description":"Text that streams in like a model writing it: each word, character or line springs up out of a blur on its own beat and overshoots a hair before settling. A gl…","type":"registry:component","source_url":"https://nexus-ui.com/r/text-generate-effect.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/text-generate-effect.json"},{"name":"background-gradient","title":"Background Gradient","description":"Wraps a card or button in a slowly turning conic-gradient ring with a soft glow underneath. Hover and the ring spins up while its centre leans toward the point…","type":"registry:component","source_url":"https://nexus-ui.com/r/background-gradient.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/background-gradient.json"},{"name":"typewriter-effect","title":"Typewriter Effect","description":"A typewriter with a physical caret: each new character drops in and settles on a spring, the caret stretches on every keystroke and squashes on every delete, a…","type":"registry:component","source_url":"https://nexus-ui.com/r/typewriter-effect.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/typewriter-effect.json"},{"name":"text-reveal-card","title":"Text Reveal Card","description":"A card where you scrub a divider across one sentence to swap it for another. The divider follows the pointer on a spring, leans into the direction you move and…","type":"registry:component","source_url":"https://nexus-ui.com/r/text-reveal-card.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/text-reveal-card.json"},{"name":"glowing-effect-cards","title":"Glowing Effect Cards","description":"Cards wrapped in a hairline rim that lights up on the side nearest the pointer: the lit arc chases the pointer round the edge on a spring, neighbouring cards c…","type":"registry:component","source_url":"https://nexus-ui.com/r/glowing-effect-cards.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/glowing-effect-cards.json"},{"name":"infinite-moving-cards","title":"Infinite Moving Cards","description":"A belt of cards that cruises sideways forever and fades out at the edges. Hover and it eases to a stop; grab it and fling, and it coasts on your throw, leaning…","type":"registry:component","source_url":"https://nexus-ui.com/r/infinite-moving-cards.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/infinite-moving-cards.json"},{"name":"meteors","title":"Meteor Effect","description":"A canvas layer of meteors that burn in, pick up speed and leave tapering trails across whatever sits behind it. The pointer bends passing meteors toward it, an…","type":"registry:component","source_url":"https://nexus-ui.com/r/meteors.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/meteors.json"},{"name":"background-boxes","title":"Background Boxes","description":"An isometric grid drawn on canvas, set at any skew, scale and rotation. The cell under the pointer pops up like a key in one of the hover colours, overshoots a…","type":"registry:component","source_url":"https://nexus-ui.com/r/background-boxes.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/background-boxes.json"},{"name":"encrypted-text","title":"Encrypted Text","description":"Text that decodes itself: every character shuffles through a charset in a fixed-width cell so the line never jitters, then a lock wave runs left to right and e…","type":"registry:component","source_url":"https://nexus-ui.com/r/encrypted-text.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/encrypted-text.json"},{"name":"mac-keyboard","title":"Mac Keyboard","description":"A Mac keyboard drawn in HTML, in silver or space grey. Press a key and it sinks, squashes and springs back while a ring of backlight spreads out from it throug…","type":"registry:component","source_url":"https://nexus-ui.com/r/mac-keyboard.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/mac-keyboard.json"},{"name":"images-badge","title":"Images Badge","description":"A pill of overlapping avatars that fans open along a gentle arc on hover or focus, each face springing into place a beat after the last while the +N count roll…","type":"registry:component","source_url":"https://nexus-ui.com/r/images-badge.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/images-badge.json"},{"name":"compare","title":"Before / After Compare","description":"A before and after comparison for images or any two pieces of content. Press or drag anywhere and the divider springs to your finger with a little follow-throu…","type":"registry:component","source_url":"https://nexus-ui.com/r/compare.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/compare.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"A grid of story cards where picking one grows it, in one continuous spring, into a full card with the long description and a call to action while the rest of t…","type":"registry:component","source_url":"https://nexus-ui.com/r/expandable-cards.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/expandable-cards.json"},{"name":"animated-select-headline","title":"Animated Select Headline","description":"A headline where one word sits inside a design-tool selection box, and every few seconds a different collaborator selects the next word. The box springs to the…","type":"registry:component","source_url":"https://nexus-ui.com/r/animated-select-headline.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/animated-select-headline.json"},{"name":"circular-carousel","title":"Circular Carousel","description":"Cards hung round the rim of a wheel, with the active card at the top and its neighbours tipping away down each side. Drag or fling the wheel and it coasts to t…","type":"registry:component","source_url":"https://nexus-ui.com/r/circular-carousel.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/circular-carousel.json"},{"name":"chat-messages","title":"Chat Messages","description":"A chat thread styled like a messaging app, with blue user bubbles, grey replies and a composer. With autoplay the conversation plays itself: user lines type in…","type":"registry:component","source_url":"https://nexus-ui.com/r/chat-messages.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/chat-messages.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code block with a title bar, language badge, line numbers and a copy button. A soft bar glides between lines as the pointer moves, highlig…","type":"registry:component","source_url":"https://nexus-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/code-block.json"},{"name":"card-stack-rotator","title":"Card Stack Rotator","description":"A stack of testimonial cards: flick the top card away and it flies out, drops behind the pile and slides home into the back slot with a wobble. The next card r…","type":"registry:component","source_url":"https://nexus-ui.com/r/card-stack-rotator.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/card-stack-rotator.json"},{"name":"scroll-reveal-text","title":"Scroll Reveal Text","description":"A paragraph that reads itself as you scroll: each word, character or line rises out of a blur and passes through the accent colour on its way from grey to ink,…","type":"registry:component","source_url":"https://nexus-ui.com/r/scroll-reveal-text.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/scroll-reveal-text.json"},{"name":"animated-countdown","title":"Animated Countdown","description":"Flip-style countdown timer with four variants — modern, digital, minimal, and classic. Smooth number transitions powered by Framer Motion. Also includes the Mo…","type":"registry:component","source_url":"https://nexus-ui.com/r/animated-countdown.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/animated-countdown.json"},{"name":"hover-highlight-text","title":"Hover Highlight Text","description":"A headline you read with a highlighter: words near the pointer turn from grey to ink and a marker stroke swipes in under each one with a small overshoot. As th…","type":"registry:component","source_url":"https://nexus-ui.com/r/hover-highlight-text.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/hover-highlight-text.json"},{"name":"motion-layer-scroller","title":"Motion Layer Scroller","description":"A landscape built from paper-cut layers inside its own scroll frame: scroll through it and each ridge rises at its own speed while the sun sinks behind them. W…","type":"registry:component","source_url":"https://nexus-ui.com/r/motion-layer-scroller.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/motion-layer-scroller.json"},{"name":"spectra-frame","title":"Spectra Frame","description":"A photo grid that rests in black and white. Pointing at a photo blooms colour out from where the pointer came in while the photo widens, its row grows and the …","type":"registry:component","source_url":"https://nexus-ui.com/r/spectra-frame.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/spectra-frame.json"},{"name":"profile-orbit","title":"Profile Orbit","description":"A profile card with the whole team orbiting it on a tilted ring. Dragging the ring, using the arrows or tapping a face spins that person round to the front, th…","type":"registry:component","source_url":"https://nexus-ui.com/r/profile-orbit.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/profile-orbit.json"},{"name":"command-palette","title":"Command Palette","description":"Animated command palette that opens with ⌘K: a dimmed overlay, a search field that filters a list of commands, and Framer Motion enter and exit transitions. Al…","type":"registry:component","source_url":"https://nexus-ui.com/r/command-palette.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/command-palette.json"},{"name":"image-trail","title":"Image Trail","description":"Move across the area and it deals out photos along your path: each lands with a small overshoot, tilted the way you were heading, carries a bit of your speed, …","type":"registry:component","source_url":"https://nexus-ui.com/r/image-trail.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/image-trail.json"},{"name":"avatar-group","title":"Avatar Group","description":"An overlapping stack of avatars that behaves like a dock: the face under the pointer swells and rises, its neighbours lean out of the way and a single name pil…","type":"registry:component","source_url":"https://nexus-ui.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/avatar-group.json"},{"name":"feature-tools-card","title":"Feature Tools Card","description":"An integrations card: five tool icons ride a slow ring round your app's hub, each wired to it by a line that carries small packets inward. Bring the pointer ne…","type":"registry:component","source_url":"https://nexus-ui.com/r/feature-tools-card.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/feature-tools-card.json"},{"name":"link-preview","title":"Link Preview","description":"An inline link that lifts a preview card out of the text on hover or keyboard focus. The card rises with a stretch and settles, leans and slides as the pointer…","type":"registry:component","source_url":"https://nexus-ui.com/r/link-preview.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/link-preview.json"},{"name":"toast-stack","title":"Toast Stack","description":"Notifications that rest in a tidy stack: a new toast drops onto the pile squashed and springs into shape, and hover or focus fans the stack into a list. Fling …","type":"registry:component","source_url":"https://nexus-ui.com/r/toast-stack.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/toast-stack.json"},{"name":"otp-input","title":"OTP Input","description":"A six-box one-time-code field: digits spring in as you type, the boxes ripple while the code is checked, shake on a wrong code, and fold into a Verified pill o…","type":"registry:component","source_url":"https://nexus-ui.com/r/otp-input.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/otp-input.json"},{"name":"radio-cards","title":"Radio Cards","description":"A plan picker built on real radio inputs: the selection ring glides between cards, the chosen card opens to show its features, and the button label rolls to th…","type":"registry:component","source_url":"https://nexus-ui.com/r/radio-cards.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/radio-cards.json"},{"name":"password-strength","title":"Password Strength","description":"A password field with a four-segment meter that fills and recolours as you type, a rolling strength label, rules that tick themselves off, and an eye toggle th…","type":"registry:component","source_url":"https://nexus-ui.com/r/password-strength.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/password-strength.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"A settings panel with a sliding segmented control: rows slide in from the side you moved towards, the panel resizes to fit, and each row has an iOS-style switc…","type":"registry:component","source_url":"https://nexus-ui.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/animated-tabs.json"},{"name":"rotating-headline","title":"Rotating Headline","description":"A hero headline whose words arrive one by one out of a blur, ending on a word that keeps rolling to the next, with a subline that follows word by word and a re…","type":"registry:component","source_url":"https://nexus-ui.com/r/rotating-headline.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/rotating-headline.json"},{"name":"feedback-pill","title":"Feedback Pill","description":"A small Feedback pill that morphs into a note form, shows a spinner in the Send button while it posts, then shrinks into a thank-you before folding back into t…","type":"registry:component","source_url":"https://nexus-ui.com/r/feedback-pill.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/feedback-pill.json"},{"name":"stagger-menu","title":"Stagger Menu","description":"A share menu that unfolds from its button with the items arriving one after another, a highlight that glides between rows, arrow-key navigation, and a button l…","type":"registry:component","source_url":"https://nexus-ui.com/r/stagger-menu.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/stagger-menu.json"},{"name":"elastic-stepper","title":"Elastic Stepper","description":"A plus / minus stepper whose number rolls up or down, with a dot track that stretches to the current value and a rubber-band bounce when you push past either l…","type":"registry:component","source_url":"https://nexus-ui.com/r/elastic-stepper.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/elastic-stepper.json"},{"name":"progress-button","title":"Progress Button","description":"A button that becomes its own progress bar: it stretches, fills as the work runs with a live percentage, then turns green with a drawn check and a new label.","type":"registry:component","source_url":"https://nexus-ui.com/r/progress-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/progress-button.json"},{"name":"copy-button","title":"Copy Button","description":"Two copy controls: an ID chip whose icon morphs into a check under a ripple and a Copied tooltip, and a command line whose button rolls from Copy to Copied.","type":"registry:component","source_url":"https://nexus-ui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/copy-button.json"},{"name":"capsule-toggles","title":"Capsule Toggles","description":"Switches built as a ball sealed in a glass capsule. Flip one and the ball stretches into a pill mid-flight, then takes on the row's colour and glows as it land…","type":"registry:component","source_url":"https://nexus-ui.com/r/capsule-toggles.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/capsule-toggles.json"},{"name":"venom-button","title":"Venom Button","description":"A glossy black pill that hunts for a host. Come near and pseudopods ooze out and feel toward the cursor; get close and they lunge, each one wrapping a finger o…","type":"registry:component","source_url":"https://nexus-ui.com/r/venom-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/venom-button.json"},{"name":"web-sling-button","title":"Web Sling Button","description":"A red call-to-action button on a light stage where the cursor is a web-shooter. Click anywhere and a line of silk splats onto the button in a burst of flung fi…","type":"registry:component","source_url":"https://nexus-ui.com/r/web-sling-button.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/web-sling-button.json"},{"name":"shredder-delete","title":"Shredder Delete","description":"Delete files by feeding them to an office shredder. Drag a document onto the machine, or press Delete on a focused row: it becomes a printed sheet, the cutters…","type":"registry:component","source_url":"https://nexus-ui.com/r/shredder-delete.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/shredder-delete.json"},{"name":"dart-rating","title":"Dart Rating","description":"Rate something from 1 to 10 by throwing a dart. Press and hold on the board to aim: the reticle wobbles more the longer you hold while a power meter fills, and…","type":"registry:component","source_url":"https://nexus-ui.com/r/dart-rating.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/dart-rating.json"},{"name":"domino-progress","title":"Domino Progress","description":"A deploy pipeline drawn as a line of standing dominoes. Each completed step tips the current tile onto the next, which wobbles from the hit and lights up as th…","type":"registry:component","source_url":"https://nexus-ui.com/r/domino-progress.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/domino-progress.json"},{"name":"pumpkin-reveal","title":"Pumpkin Reveal","description":"Trick or treat with a real 3D jack-o'-lantern hanging from a dead branch. It turns on its rope, every hit grows glowing cracks where you struck it, and the thi…","type":"registry:component","source_url":"https://nexus-ui.com/r/pumpkin-reveal.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/pumpkin-reveal.json"},{"name":"catch-undo","title":"Catch Undo","description":"An Undo that catches. Delete a file and the row comes loose, drops out of the list and time slows as it falls into the dark. Hit Undo and a web shoots from the…","type":"registry:component","source_url":"https://nexus-ui.com/r/catch-undo.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/catch-undo.json"},{"name":"cinematic-logo-cloud","title":"Cinematic Logo Cloud","description":"Social proof with a cinematic entrance: each logo blurs into view in turn, then a soft spotlight follows the pointer and the logos it passes resolve from grey …","type":"registry:component","source_url":"https://nexus-ui.com/r/cinematic-logo-cloud.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/cinematic-logo-cloud.json"},{"name":"step-flow","title":"Step Flow","description":"A process section with numbered steps beside a deck of cards. Picking a step by hover, click or arrow keys slides the highlight to it on a spring and deals its…","type":"registry:component","source_url":"https://nexus-ui.com/r/step-flow.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/step-flow.json"},{"name":"float-glass-navbar","title":"Float Glass Navbar","description":"A floating glass navigation bar: a soft lens slides under the link you point at, thinning as it travels and stretching as it lands, then glides back to the act…","type":"registry:component","source_url":"https://nexus-ui.com/r/float-glass-navbar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/float-glass-navbar.json"},{"name":"orbit-footer","title":"Orbit Footer","description":"A complete site footer with brand, a newsletter signup, link columns with badges, a live status pill and social links. Under it a giant ghost wordmark rises fr…","type":"registry:component","source_url":"https://nexus-ui.com/r/orbit-footer.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/orbit-footer.json"},{"name":"toggle-pricing-pro","title":"Toggle Pricing","description":"Pricing cards with a monthly and yearly switch. The knob squashes and stretches with its own speed as it slides, the saving badge pops in, and every price roll…","type":"registry:component","source_url":"https://nexus-ui.com/r/toggle-pricing-pro.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/toggle-pricing-pro.json"},{"name":"split-signup-convert","title":"Split Signup Convert","description":"A two-panel signup: a lit value panel with the pitch and benefits, and a short form with Google and GitHub buttons, an email that confirms itself, and a passwo…","type":"registry:component","source_url":"https://nexus-ui.com/r/split-signup-convert.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/split-signup-convert.json"},{"name":"workbench-sidebar","title":"Workbench Sidebar","description":"A product sidebar with a workspace switcher, a search that filters the list as you type, a highlight that springs between rows, projects, a usage meter and the…","type":"registry:component","source_url":"https://nexus-ui.com/r/workbench-sidebar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/workbench-sidebar.json"},{"name":"lattice-feature-grid","title":"Lattice Feature Grid","description":"A feature grid drawn on a hairline lattice. The hairlines catch a soft blue light that follows the pointer, and the tile under it plays its small illustration:…","type":"registry:component","source_url":"https://nexus-ui.com/r/lattice-feature-grid.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/lattice-feature-grid.json"},{"name":"motion-faq-disclosure","title":"Motion FAQ Disclosure","description":"A two-column FAQ with a heading and support card on one side and an accessible accordion on the other. Opening a question lifts it out of the list into a raise…","type":"registry:component","source_url":"https://nexus-ui.com/r/motion-faq-disclosure.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/motion-faq-disclosure.json"},{"name":"editorial-blog-rail","title":"Editorial Blog Rail","description":"A magazine-style blog rail: a featured story with generated cover art beside a numbered list of recent posts. Pointing at or focusing a post turns the featured…","type":"registry:component","source_url":"https://nexus-ui.com/r/editorial-blog-rail.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/editorial-blog-rail.json"},{"name":"split-contact-glass","title":"Split Contact Glass","description":"A contact section in two panes: a glass panel with the team's local time on a springy analog clock, a one-tap copyable email and the reply time, and a form wit…","type":"registry:component","source_url":"https://nexus-ui.com/r/split-contact-glass.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/split-contact-glass.json"},{"name":"pricing-section","title":"Pricing Section","description":"Four interactive pricing layouts with radio selection, animated monthly and yearly billing transitions, and configurable feature lists.","type":"registry:component","source_url":"https://nexus-ui.com/r/pricing-section.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/pricing-section.json"},{"name":"logo-clouds","title":"Brand Logo Animation","description":"A complete set of animated logo cloud layouts including flip, marquee, spotlight, swapping, shelf, and blur variants.","type":"registry:component","source_url":"https://nexus-ui.com/r/logo-clouds.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/logo-clouds.json"},{"name":"sidebar","title":"Sidebar","description":"Simple, collapsible, and grouped animated sidebar navigation layouts.","type":"registry:component","source_url":"https://nexus-ui.com/r/sidebar.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/sidebar.json"},{"name":"contact-page","title":"Contact Page","description":"Contact block variants with forms, social links, imagery, and the included Nexus mark.","type":"registry:component","source_url":"https://nexus-ui.com/r/contact-page.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/contact-page.json"},{"name":"blog-content-sections","title":"Blog Content Sections","description":"Centered article, table-of-contents, editorial, featured post, and hover-card blog sections.","type":"registry:component","source_url":"https://nexus-ui.com/r/blog-content-sections.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/blog-content-sections.json"},{"name":"footer-blocks","title":"Footer Blocks","description":"A site footer with link columns, newsletter, status and a lit wordmark.","type":"registry:component","source_url":"https://nexus-ui.com/r/footer-blocks.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/footer-blocks.json"},{"name":"signup-blocks","title":"Sign-up Blocks","description":"A split sign-up page with a self-ticking checklist and a strength meter.","type":"registry:component","source_url":"https://nexus-ui.com/r/signup-blocks.json","install_command":"npx shadcn@latest add https://nexus-ui.com/r/signup-blocks.json"}]},{"id":"nexus-ui","name":"@nexus-ui","slug":"nexus-ui","description":"Open-source copy-paste component library purpose-built for AI interfaces, designed as shadcn/ui for AI apps. Provides 14 composable primitives: PromptInput, ModelSelector, Suggestions, Attachments, Message, Thread, Citation, Reasoning, TextShimmer, Image, FeedbackBar, Toaster, ChainOfThought, and Tool. Built for streaming, voice, multimodal, and agentic UIs; integrates with Vercel AI SDK and ElevenLabs. React 19 + Next.js App Router, TypeScript, Radix primitives, Tailwind CSS. Fully free and MIT-licensed. Use for: building chat interfaces, AI copilots, or agent dashboards that need streaming-aware, accessible chat primitives.","author":"victorcodess","framework":"react","license":"MIT","tags":["accessibility","ai","audio","cards","dashboard","design-system","forms","hooks","loaders","media","overlays","text-effects"],"categories":["AI/chat UI"],"labels":["featured"],"urls":{"website":"https://nexus-ui.dev","github":"https://github.com/victorcodess/nexus-ui","registry":"https://nexus-ui.dev/r/registry.json","source":"https://nexus-ui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nexus-ui","markdown":"https://sh4dcn.netlify.app/md/nexus-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 12C7.62742 12 12 7.62742 12 0C12 7.62742 16.3726 12 24 12C16.3726 12 12 16.3726 12 24C12 16.3726 7.62742 12 0 12Z' fill='currentColor'/></svg>","preview_image":"https://nexus-ui.dev/opengraph-image","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":132,"open_issues":0,"last_commit":"2026-06-16T15:45:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nexus-ui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nexus-ui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://nexus-ui.dev/r/registry.json","clone":"git clone https://github.com/victorcodess/nexus-ui.git","clone_degit":"npx degit victorcodess/nexus-ui","registry_fetch":"curl -s https://nexus-ui.dev/r/registry.json"},"component_count":15,"components":[{"name":"prompt-input","title":"Prompt Input","description":"Composable chat input with auto-resizing textarea and action slots","type":"registry:ui","source_url":"https://nexus-ui.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/prompt-input.json"},{"name":"suggestions","title":"Suggestions","description":"Prompt suggestion chips for guiding user input","type":"registry:ui","source_url":"https://nexus-ui.dev/r/suggestions.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/suggestions.json"},{"name":"attachments","title":"Attachments","description":"Composable file attachments for chat inputs and messages with preview, variants, and upload wiring","type":"registry:ui","source_url":"https://nexus-ui.dev/r/attachments.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/attachments.json"},{"name":"model-selector","title":"Model Selector","description":"Dropdown for selecting AI models with radio groups, sub-menus, and custom items","type":"registry:ui","source_url":"https://nexus-ui.dev/r/model-selector.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/model-selector.json"},{"name":"message","title":"Message","description":"Chat message layout with markdown, optional avatar, actions, and attachments","type":"registry:ui","source_url":"https://nexus-ui.dev/r/message.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/message.json"},{"name":"thread","title":"Thread","description":"Scrollable chat thread with stick-to-bottom scrolling and jump-to-bottom control","type":"registry:ui","source_url":"https://nexus-ui.dev/r/thread.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/thread.json"},{"name":"citation","title":"Citation","description":"Inline source references with hover preview and multi-source carousel","type":"registry:ui","source_url":"https://nexus-ui.dev/r/citation.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/citation.json"},{"name":"image","title":"Image","description":"Image renderer for URLs, base64, and byte payloads with preview, loader, lightbox, and action slots","type":"registry:ui","source_url":"https://nexus-ui.dev/r/image.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/image.json"},{"name":"reasoning","title":"Reasoning","description":"Collapsible model reasoning trace with streaming-aware labels and markdown body","type":"registry:ui","source_url":"https://nexus-ui.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/reasoning.json"},{"name":"feedback-bar","title":"Feedback Bar","description":"Feedback prompt bar for per-message or thread ratings with action and close slots","type":"registry:ui","source_url":"https://nexus-ui.dev/r/feedback-bar.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/feedback-bar.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"Animated shimmer text for loading, tool runs, and other in-progress UI","type":"registry:ui","source_url":"https://nexus-ui.dev/r/text-shimmer.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/text-shimmer.json"},{"name":"toaster","title":"Toaster","description":"Headless toast notifications powered by Sonner, with variant-aware styling and custom action/cancel controls","type":"registry:ui","source_url":"https://nexus-ui.dev/r/toaster.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/toaster.json"},{"name":"chain-of-thought","title":"Chain of Thought","description":"Structured multi-step thought timeline with step status, optional expandable output, and auto-close when steps finish","type":"registry:ui","source_url":"https://nexus-ui.dev/r/chain-of-thought.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/chain-of-thought.json"},{"name":"tool","title":"Tool","description":"Tool call component with state-aware header and JSON input/output blocks","type":"registry:ui","source_url":"https://nexus-ui.dev/r/tool.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/tool.json"},{"name":"questions","title":"Questions","description":"Follow-up clarification questions with single or multiple choice, carousel navigation, and batch submission","type":"registry:ui","source_url":"https://nexus-ui.dev/r/questions.json","install_command":"npx shadcn@latest add https://nexus-ui.dev/r/questions.json"}]},{"id":"niko-table","name":"@niko-table","slug":"niko-table","description":"Composable, open-code data tables and an editable data grid built on TanStack Table: faceted and advanced filters, sorting, row and column drag-and-drop, virtualization, column resizing, and server-side pagination, installed a la carte.","author":"Semkoo","framework":"react","license":null,"tags":["buttons","e-commerce","forms","mobile","navigation","tables"],"categories":["E-commerce/payments"],"labels":["recently-updated"],"urls":{"website":"https://niko-table.com","github":"https://github.com/Semkoo/niko-table-registry","registry":"https://niko-table.com/r/registry.json","source":"https://niko-table.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/niko-table","markdown":"https://sh4dcn.netlify.app/md/niko-table.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(2, 2) scale(0.83)'><path d='M12 3v17a1 1 0 0 1-1 1H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6a1 1 0 0 1-1 1H3'/></g><line x1='21.125' y1='17.5' x2='17.5' y2='21.125' fill='none' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/><line x1='20.75' y1='13.75' x2='13.75' y2='20.75' fill='none' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>","preview_image":"https://niko-table.com/og.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":71,"open_issues":2,"last_commit":"2026-10-25T16:10:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://niko-table.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://niko-table.com/r/registry.json","install_bun":"bunx shadcn@latest add https://niko-table.com/r/registry.json","clone":"git clone https://github.com/Semkoo/niko-table-registry.git","clone_degit":"npx degit Semkoo/niko-table-registry","registry_fetch":"curl -s https://niko-table.com/r/registry.json"},"component_count":34,"components":[{"name":"data-table-ui","title":"Data Table UI (table.tsx)","description":"Shadcn table primitive extended with TableComponent and a keyboard-focusable scroll container (tabIndex={0}, WCAG 2.1.1). Optional when you already ship a comp…","type":"registry:ui","source_url":"https://niko-table.com/r/data-table-ui.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-ui.json"},{"name":"data-table-core","title":"Data Table Core","description":"Shared floor for Niko Table: context, non-virtualized structure, types, config, and the lib/hooks bodies and controls need. Does not include DataTableRoot or c…","type":"registry:block","source_url":"https://niko-table.com/r/data-table-core.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-core.json"},{"name":"data-table","title":"Data Table","description":"Full DataTable owner (DataTableRoot, DataTable chrome, feature detection) on top of data-table-core, plus the Table UI primitive via data-table-ui. Prefer this…","type":"registry:block","source_url":"https://niko-table.com/r/data-table.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table.json"},{"name":"data-table-virtualized","title":"DataTable Virtualized Structure","description":"Virtualized table structure for rendering large datasets efficiently using TanStack Virtual.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-virtualized.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-virtualized.json"},{"name":"data-table-pagination","title":"DataTable Pagination","description":"Full-featured pagination controls with page size selector, page navigation, and row count display.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-pagination.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-pagination.json"},{"name":"data-table-search-filter","title":"DataTable Search Filter","description":"Global search input with debouncing for filtering table data.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-search-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-search-filter.json"},{"name":"data-table-sort-menu","title":"DataTable Sort Menu","description":"Sort management menu with multi-column sorting and drag-and-drop reordering.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-sort-menu.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-sort-menu.json"},{"name":"data-table-view-menu","title":"DataTable View Menu","description":"Column visibility toggle menu for showing/hiding table columns.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-view-menu.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-view-menu.json"},{"name":"data-table-view-dnd-menu","title":"DataTable View DnD Menu","description":"Column visibility toggle menu with drag-to-reorder support. Use instead of data-table-view-menu when you need users to reorder columns from the menu.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-view-dnd-menu.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-view-dnd-menu.json"},{"name":"data-table-clear-filter","title":"DataTable Clear Filter","description":"Button to clear all active table filters at once.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-clear-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-clear-filter.json"},{"name":"data-table-filter-menu","title":"DataTable Filter Menu","description":"Command palette-style filter interface for adding and managing column filters.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-filter-menu.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-filter-menu.json"},{"name":"data-table-faceted-filter","title":"DataTable Faceted Filter","description":"Faceted filter for single/multiple selection with option counts and search.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-faceted-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-faceted-filter.json"},{"name":"data-table-inline-filter","title":"DataTable Inline Filter","description":"Inline filter toolbar that displays active filters as editable chips.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-inline-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-inline-filter.json"},{"name":"data-table-slider-filter","title":"DataTable Slider Filter","description":"Slider-based filter for numeric range filtering.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-slider-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-slider-filter.json"},{"name":"data-table-date-filter","title":"DataTable Date Filter","description":"Date picker filter supporting single date and date range selection.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-date-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-date-filter.json"},{"name":"data-table-export-button","title":"DataTable Export Button","description":"Export table data to CSV with configurable options.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-export-button.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-export-button.json"},{"name":"data-table-aside","title":"DataTable Aside","description":"Sidebar panel component for displaying row details or additional content alongside the table.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-aside.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-aside.json"},{"name":"data-table-selection-bar","title":"DataTable Selection Bar","description":"Bulk actions bar that appears when rows are selected.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-selection-bar.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-selection-bar.json"},{"name":"data-table-column-sort","title":"DataTable Column Sort","description":"Column header sort options with ascending/descending/clear controls.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-sort.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-sort.json"},{"name":"data-table-column-hide","title":"DataTable Column Hide","description":"Column header option to hide/show individual columns.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-hide.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-hide.json"},{"name":"data-table-column-pin","title":"DataTable Column Pin","description":"Column header option to pin columns to left or right.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-pin.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-pin.json"},{"name":"data-table-column-group","title":"DataTable Column Group","description":"Column header option to group rows by column values with TanStack aggregation support.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-group.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-group.json"},{"name":"data-table-column-faceted-filter","title":"DataTable Column Faceted Filter","description":"Column header faceted filter with multi-select options in a dropdown.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-faceted-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-faceted-filter.json"},{"name":"data-table-column-slider-filter","title":"DataTable Column Slider Filter","description":"Column header slider filter for numeric range filtering in a dropdown.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-slider-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-slider-filter.json"},{"name":"data-table-column-date-filter","title":"DataTable Column Date Filter","description":"Column header date filter with calendar picker in a dropdown.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-date-filter.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-date-filter.json"},{"name":"data-table-row-dnd","title":"DataTable Row DnD","description":"Drag-and-drop row reordering with composable primitives. Includes DnD provider, draggable row, drag handle, and row DnD table body. Does not ship column DnD.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-row-dnd.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-row-dnd.json"},{"name":"data-table-column-dnd","title":"DataTable Column DnD","description":"Drag-and-drop column reordering with composable primitives. Includes DnD provider, draggable header, drag-along cell, and column DnD header/body. Does not ship…","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-dnd.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-dnd.json"},{"name":"data-table-virtualized-row-dnd","title":"DataTable Virtualized Row DnD","description":"Virtualized row drag-and-drop body (`DataTableVirtualizedDndBody`). Requires data-table-virtualized + data-table-row-dnd. Does not ship column DnD.","type":"registry:component","source_url":"https://niko-table.com/r/data-table-virtualized-row-dnd.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-virtualized-row-dnd.json"},{"name":"data-table-virtualized-column-dnd","title":"DataTable Virtualized Column DnD","description":"Virtualized column drag-and-drop header/body (`DataTableVirtualizedDndHeader`, `DataTableVirtualizedDndColumnBody`). Requires data-table-virtualized + data-tab…","type":"registry:component","source_url":"https://niko-table.com/r/data-table-virtualized-column-dnd.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-virtualized-column-dnd.json"},{"name":"data-table-column-resize","title":"DataTable Column Resize","description":"Opt-in column resizing with drag handles and double-click autosize (measures natural text width). Keyboard-operable handle. Drop <DataTableColumnResize/> into …","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-resize.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-resize.json"},{"name":"data-table-column-auto-fit","title":"DataTable Column Auto-fit","description":"Opt-in even-split fill for resizable columns. Drop <DataTableColumnAutoFit/> next to <DataTableColumnResize/> and the resizable columns grow by an equal share …","type":"registry:component","source_url":"https://niko-table.com/r/data-table-column-auto-fit.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-auto-fit.json"},{"name":"data-table-column-sizing-persistence","title":"DataTable Column Sizing Persistence","description":"Opt-in localStorage persistence for column widths. Call useColumnSizingPersistence(storageKey) and wire the returned columnSizing + onColumnSizingChange into <…","type":"registry:lib","source_url":"https://niko-table.com/r/data-table-column-sizing-persistence.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-column-sizing-persistence.json"},{"name":"data-table-grid","title":"Data Grid (editable)","description":"Composable editable spreadsheet grid: a headless engine (focus, selection, edit lifecycle, undo/redo, clipboard — all rowId-addressed so sort/filter work while…","type":"registry:block","source_url":"https://niko-table.com/r/data-table-grid.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-grid.json"},{"name":"data-table-grid-changes","title":"Data Grid — change tracking & persistence","description":"Opt-in useGridChanges hook that observes the uncontrolled grid engine and turns edits into a create/update/delete change-set — for staging saves, autosave, and…","type":"registry:component","source_url":"https://niko-table.com/r/data-table-grid-changes.json","install_command":"npx shadcn@latest add https://niko-table.com/r/data-table-grid-changes.json"}]},{"id":"nordaun","name":"@nordaun","slug":"nordaun","description":"A small personal registry of shadcn-extending components used daily by the Nordaun team, open-sourced for community use. Currently built on Base UI primitives (not Radix UI) — a noted distinction on the GitHub README. Components are described as clean, modular, and consistent extensions beyond the default shadcn/ui set. Free, MIT-licensed. Active development ongoing with Radix UI compatibility planned. Use for: projects already using Base UI that want additional clean, production-tested components installable via shadcn CLI.","author":"nordaun","framework":"react","license":"MIT","tags":["audio","components","design-system","hooks","loaders","maps","media"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://ui.nordaun.com","github":"https://github.com/nordaun/ui","registry":"https://ui.nordaun.com/r/registry.json","source":"https://ui.nordaun.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nordaun","markdown":"https://sh4dcn.netlify.app/md/nordaun.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'><path fill='var(--foreground)' d='M13.5 6.745L0 20.25v9h9l13.5-13.505v-9zm9 9v13.5H36c0-7.456-6.044-13.5-13.5-13.5z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2026-08-10T11:40:29Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.nordaun.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.nordaun.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.nordaun.com/r/registry.json","clone":"git clone https://github.com/nordaun/ui.git","clone_degit":"npx degit nordaun/ui","registry_fetch":"curl -s https://ui.nordaun.com/r/registry.json"},"component_count":8,"components":[{"name":"audio","title":"Audio","description":"An audio playback with extendable control modules already included such as volume and speed.","type":"registry:block","source_url":"https://ui.nordaun.com/r/audio.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/audio.json"},{"name":"file","title":"File","description":"A context-based file uploader with customizable titles, descriptions and icons and a built-in workflow.","type":"registry:block","source_url":"https://ui.nordaun.com/r/file.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/file.json"},{"name":"flag","title":"Flag","description":"A simple flag display which renders a vector image of the selected country's flag by its country code.","type":"registry:block","source_url":"https://ui.nordaun.com/r/flag.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/flag.json"},{"name":"loading","title":"Loading","description":"A simple loading component that can be useful when working with long loading components or fallbacks.","type":"registry:block","source_url":"https://ui.nordaun.com/r/loading.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/loading.json"},{"name":"map","title":"Map","description":"A modular context-based map with built in controls such as projection, zoom, rotation and fullscreen.","type":"registry:block","source_url":"https://ui.nordaun.com/r/map.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/map.json"},{"name":"password","title":"Password","description":"A super simple password input component with a toggle options that hides or reveals your password.","type":"registry:block","source_url":"https://ui.nordaun.com/r/password.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/password.json"},{"name":"phone","title":"Phone","description":"A simple but clean phone input with a region selection so you dont have to worry about messing up.","type":"registry:block","source_url":"https://ui.nordaun.com/r/phone.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/phone.json"},{"name":"video","title":"Video","description":"A video playback with extendable control modules already included such as volume, speed and fullscreen.","type":"registry:block","source_url":"https://ui.nordaun.com/r/video.json","install_command":"npx shadcn@latest add https://ui.nordaun.com/r/video.json"}]},{"id":"nostalgia-ui","name":"@nostalgia-ui","slug":"nostalgia-ui","description":"Mac OS 9 styled components for React. 60 retro UI primitives with platinum bevels, system fonts, and pixel-perfect details. Pure CSS, zero images.","author":"giorgioliapakis","framework":"react","license":null,"tags":["auth","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","overlays","retro","tables","theming"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://nostalgia-ui.com","github":"https://github.com/giorgioliapakis/nostalgia-ui","registry":"https://nostalgia-ui.com/r/registry.json","source":"https://nostalgia-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nostalgia-ui","markdown":"https://sh4dcn.netlify.app/md/nostalgia-ui.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='6' y='4' width='28' height='22' rx='0' fill='var(--foreground)'/><rect x='8' y='6' width='24' height='18' rx='0' fill='var(--background)'/><rect x='15' y='27' width='10' height='3' rx='0' fill='var(--foreground)'/><rect x='11' y='30' width='18' height='2' rx='0' fill='var(--foreground)'/><rect x='12' y='8' width='16' height='2' rx='0' fill='var(--foreground)'/></svg>","preview_image":"https://nostalgia-ui.com/opengraph-image?da00d7d340639f72","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-09-25T12:38:30Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nostalgia-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nostalgia-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://nostalgia-ui.com/r/registry.json","clone":"git clone https://github.com/giorgioliapakis/nostalgia-ui.git","clone_degit":"npx degit giorgioliapakis/nostalgia-ui","registry_fetch":"curl -s https://nostalgia-ui.com/r/registry.json"},"component_count":91,"components":[{"name":"nostalgia-theme","title":"Nostalgia Theme","description":"Mac OS 9 design tokens (--os9-* colors, bevel shadows, font stacks) and utilities (os9-raised, os9-inset, os9-window, os9-stripes, os9-focus-ring). Required by…","type":"registry:theme","source_url":"https://nostalgia-ui.com/r/nostalgia-theme.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json"},{"name":"retro-label","title":"RetroLabel","description":"A Mac OS 9 styled label with Geneva 10pt default and Charcoal 12pt large size variants, built on Radix UI Label.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-label.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-label.json"},{"name":"retro-button","title":"RetroButton","description":"A Mac OS 9 styled button with raised bevel effect, active/pressed state, and disabled styling.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-button.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-button.json"},{"name":"retro-input","title":"RetroInput","description":"A Mac OS 9 styled text input with inset bevel effect, focus ring, and two sizes.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-input.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-input.json"},{"name":"retro-radio","title":"RetroRadio","description":"A Mac OS 9 styled radio button group with 3D circular bevel effect, built on Radix UI Radio Group.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-radio.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-radio.json"},{"name":"retro-tabs","title":"RetroTabs","description":"Mac OS 9 styled tabs with large/small sizes and raised bevel active state, built on Radix UI Tabs.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-tabs.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-tabs.json"},{"name":"retro-progress","title":"RetroProgress","description":"A Mac OS 9 styled progress bar with inset bevel track and candy-stripe azul fill pattern.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-progress.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-progress.json"},{"name":"retro-title-bar","title":"RetroTitleBar","description":"A Mac OS 9 styled title bar with striped drag region, close/collapse/zoom control boxes, and centered title text.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-title-bar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-title-bar.json"},{"name":"retro-slider","title":"RetroSlider","description":"A Mac OS 9 styled slider with rectangular raised bevel thumb and inset track, built on Radix UI Slider.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-slider.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-slider.json"},{"name":"retro-checkbox","title":"RetroCheckbox","description":"A Mac OS 9 styled checkbox with inset bevel, checkmark and indeterminate (dash) states, built on Radix UI Checkbox.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-checkbox.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-checkbox.json"},{"name":"retro-menu-bar","title":"RetroMenuBar","description":"A Mac OS 9 styled menu bar with horizontal strip, bevel highlights, azul active state, and dropdown menus with classic drop shadow.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-menu-bar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-menu-bar.json"},{"name":"retro-window","title":"RetroWindow","description":"A Mac OS 9 styled window frame with title bar, close/collapse/zoom controls, active/inactive states, and content area.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-window.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-window.json"},{"name":"retro-select","title":"RetroSelect","description":"A Mac OS 9 styled select dropdown with raised bevel trigger, up/down chevron arrows, and azul-highlighted menu items, built on Radix UI Select.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-select.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-select.json"},{"name":"retro-separator","title":"RetroSeparator","description":"A Mac OS 9 styled separator with classic beveled line effect: dark top/left pixel and light bottom/right pixel, built on Radix UI Separator.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-separator.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-separator.json"},{"name":"retro-textarea","title":"RetroTextarea","description":"A Mac OS 9 styled textarea with inset bevel effect, focus ring, vertical resize, and two sizes.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-textarea.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-textarea.json"},{"name":"retro-badge","title":"RetroBadge","description":"A Mac OS 9 styled badge with raised bevel effect, Geneva 9px font, and three color variants: default, accent (lavender), and azul.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-badge.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-badge.json"},{"name":"retro-popover","title":"RetroPopover","description":"A Mac OS 9 styled popover with classic drop shadow, built on Radix UI Popover.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-popover.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-popover.json"},{"name":"retro-toggle","title":"RetroToggle","description":"A Mac OS 9 styled toggle button with raised/pressed bevel states, built on Radix UI Toggle.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-toggle.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-toggle.json"},{"name":"retro-card","title":"RetroCard","description":"A Mac OS 9 styled card with raised bevel effect, header with bevel separator, title, description, content area, and footer with action buttons.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-card.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-card.json"},{"name":"retro-switch","title":"RetroSwitch","description":"A Mac OS 9 styled binary toggle switch with rectangular inset track, raised bevel thumb, and azul checked state, built on Radix UI Switch.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-switch.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-switch.json"},{"name":"retro-tooltip","title":"RetroTooltip","description":"A Mac OS 9 Balloon Help styled tooltip with pale yellow background, rounded corners, and drop shadow, built on Radix UI Tooltip.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-tooltip.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-tooltip.json"},{"name":"retro-hover-card","title":"RetroHoverCard","description":"A Mac OS 9 styled hover card with solid border and drop shadow, built on Radix UI Hover Card.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-hover-card.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-hover-card.json"},{"name":"retro-alert","title":"RetroAlert","description":"A Mac OS 9 styled alert box with raised bevel effect, left accent border, and three variants: default, warning, and destructive.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-alert.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-alert.json"},{"name":"retro-pagination","title":"RetroPagination","description":"A Mac OS 9 styled pagination component with raised bevel page buttons, active/pressed state, previous/next navigation, and ellipsis indicator.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-pagination.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-pagination.json"},{"name":"retro-avatar","title":"RetroAvatar","description":"A Mac OS 9 styled avatar with beveled border, image support, fallback initials, and sm/default/lg size variants, built on Radix UI Avatar.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-avatar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-avatar.json"},{"name":"retro-skeleton","title":"RetroSkeleton","description":"A Mac OS 9 styled skeleton loading placeholder with dithered diagonal hatching pattern and optional pulse animation.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-skeleton.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-skeleton.json"},{"name":"retro-chevron","title":"RetroChevron","description":"A Mac OS 9 styled chevron arrow (filled triangle) with configurable direction, two color variants, and two sizes.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-chevron.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-chevron.json"},{"name":"retro-breadcrumb","title":"RetroBreadcrumb","description":"A Mac OS 9 Finder-style breadcrumb navigation with Geneva 10px text, azul links, right-pointing triangle separators, and ellipsis for collapsed paths.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-breadcrumb.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-breadcrumb.json"},{"name":"retro-toast","title":"RetroToast","description":"A Mac OS 9 styled custom toast system with mini-window appearance, striped title bar, beveled close box, and auto-dismiss via useRetroToast hook.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-toast.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-toast.json"},{"name":"retro-nav-button","title":"RetroNavButton","description":"A Mac OS 9 styled 16x16 navigation button with raised bevel, centered SVG arrow, and four directions: left, right, up, down.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-nav-button.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-nav-button.json"},{"name":"retro-context-menu","title":"RetroContextMenu","description":"A Mac OS 9 styled context menu with right-click trigger, sub-menus, checkbox/radio items, keyboard shortcuts, and classic drop shadow, built on Radix UI Contex…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-context-menu.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-context-menu.json"},{"name":"retro-dialog","title":"RetroDialog","description":"A Mac OS 9 styled modal dialog with overlay, OS9 window frame, striped title bar with close box, description area, and footer for action buttons, built on Radi…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-dialog.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-dialog.json"},{"name":"retro-alert-dialog","title":"RetroAlertDialog","description":"A Mac OS 9 styled alert dialog with OS9 window shadow, striped title bar, caution icon, and modal behavior, built on Radix UI Alert Dialog.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-alert-dialog.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-alert-dialog.json"},{"name":"retro-toggle-group","title":"RetroToggleGroup","description":"A Mac OS 9 styled toggle group with shared borders, raised/pressed bevel states, and single or multiple selection modes, built on Radix UI Toggle Group.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-toggle-group.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-toggle-group.json"},{"name":"retro-table","title":"RetroTable","description":"A Mac OS 9 styled data table with raised bevel column headers, hover highlight, azul selected row, and Finder list-view appearance.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-table.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-table.json"},{"name":"retro-sheet","title":"RetroSheet","description":"A Mac OS 9 styled sheet (slide-over panel) with side variants, striped title bar, close box, and overlay, built on Radix UI Dialog.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-sheet.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-sheet.json"},{"name":"retro-scrollbar","title":"RetroScrollbar","description":"A Mac OS 9 styled scroll area with 16px wide/tall scrollbars featuring raised bevel thumb, inset track, and arrow navigation buttons at each end, built on Radi…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-scrollbar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-scrollbar.json"},{"name":"retro-navigation-menu","title":"RetroNavigationMenu","description":"A Mac OS 9 styled navigation menu with horizontal strip, azul active triggers, dropdown content with classic drop shadow, and lavender hover links, built on Ra…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-navigation-menu.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-navigation-menu.json"},{"name":"retro-accordion","title":"RetroAccordion","description":"A Mac OS 9 styled accordion with disclosure triangle, bevel separator, and collapse animation, built on Radix UI Accordion.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-accordion.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-accordion.json"},{"name":"retro-collapsible","title":"RetroCollapsible","description":"A Mac OS 9 styled collapsible disclosure with rotating triangle indicator, Charcoal heading trigger, and indented Geneva content area, built on Radix UI Collap…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-collapsible.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-collapsible.json"},{"name":"retro-dropdown-menu","title":"RetroDropdownMenu","description":"A Mac OS 9 styled dropdown menu with white background, classic drop shadow, azul-highlighted items, bevel separators, submenus, checkbox/radio items, and keybo…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-dropdown-menu.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-dropdown-menu.json"},{"name":"retro-theme-provider","title":"NostalgiaProvider","description":"A Mac OS 9 theme provider that injects all OS9 CSS variables and utility classes so consumers can use nostalgia-ui components without manual globals.css setup.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-theme-provider.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-theme-provider.json"},{"name":"retro-typography","title":"RetroText","description":"Mac OS 9 typography: RetroText variants plus semantic RetroH1–H4, RetroP, RetroLead, RetroBlockquote, RetroList, RetroInlineCode, RetroLarge, RetroSmall and Re…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-typography.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-typography.json"},{"name":"retro-toolbar","title":"RetroToolbar","description":"A Mac OS 9 styled toolbar with icon buttons, separators, and button groups. Includes RetroToolbar, RetroToolbarButton, RetroToolbarSeparator, and RetroToolbarG…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-toolbar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-toolbar.json"},{"name":"retro-aspect-ratio","title":"RetroAspectRatio","description":"A Mac OS 9 styled aspect ratio container with optional inset border, built on Radix UI Aspect Ratio.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-aspect-ratio.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-aspect-ratio.json"},{"name":"retro-spinner","title":"RetroSpinner","description":"Mac OS 9 styled loading indicators: RetroSpinner (animated wristwatch cursor with rotating second hand) and RetroBeachBall (spinning pinwheel wait cursor with …","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-spinner.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-spinner.json"},{"name":"retro-carousel","title":"RetroCarousel","description":"A Mac OS 9 styled carousel/slideshow with inset panel container, raised bevel navigation buttons with triangle arrow SVGs, and embla-carousel-react for smooth …","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-carousel.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-carousel.json"},{"name":"retro-input-otp","title":"RetroInputOTP","description":"A Mac OS 9 styled one-time password input with individual inset bevel character slots, blinking caret, focus ring, and group separators, built on input-otp.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-input-otp.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-input-otp.json"},{"name":"retro-resizable","title":"RetroResizable","description":"A Mac OS 9 styled resizable panel group for split layouts with raised bevel handle, grip dots, and drag-darkening effect, built on react-resizable-panels.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-resizable.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-resizable.json"},{"name":"retro-drawer","title":"RetroDrawer","description":"A Mac OS 9 styled bottom sheet / drawer with pull handle, OS9 window bevel, and overlay, built on vaul.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-drawer.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-drawer.json"},{"name":"retro-form","title":"RetroForm","description":"A React Hook Form integration with Mac OS 9 styling. Provides RetroForm, RetroFormField, RetroFormItem, RetroFormLabel, RetroFormControl, RetroFormDescription,…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-form.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-form.json"},{"name":"retro-command","title":"RetroCommand","description":"A Mac OS 9 styled command palette (search interface) with inset search input, azul-highlighted items, keyboard shortcut labels, and modal dialog variant, built…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-command.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-command.json"},{"name":"retro-calendar","title":"RetroCalendar","description":"A Mac OS 9 styled date selection calendar grid with raised bevel navigation buttons, azul selected day, lavender hover and range states, built on react-day-pic…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-calendar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-calendar.json"},{"name":"retro-chart","title":"RetroChart","description":"Mac OS 9 styled charting components with Balloon Help tooltips, square legend indicators, inset bevel container, and Geneva typography, built on recharts. Prov…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-chart.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-chart.json"},{"name":"retro-date-picker","title":"RetroDatePicker","description":"A Mac OS 9 styled date picker with inline text input (MM/DD/YYYY), calendar icon trigger button, and popover calendar dropdown, composed from RetroPopover and …","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-date-picker.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-date-picker.json"},{"name":"retro-date-range-picker","title":"RetroDateRangePicker","description":"A Mac OS 9 styled date range picker with two inline text inputs, en-dash separator, calendar icon trigger, and a two-month popover calendar for range selection.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-date-range-picker.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-date-range-picker.json"},{"name":"retro-combobox","title":"RetroCombobox","description":"A Mac OS 9 styled searchable select / autocomplete combobox with inset bevel trigger, search input, azul-highlighted items, checkmark selection indicator, and …","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-combobox.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-combobox.json"},{"name":"retro-data-table","title":"RetroDataTable","description":"A Mac OS 9 styled full-featured data table with column sorting, text filtering, pagination, row selection, and column visibility, built on @tanstack/react-tabl…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-data-table.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-data-table.json"},{"name":"retro-desktop","title":"RetroDesktop","description":"A Mac OS 9 styled full-viewport desktop layout with pinned menu bar (Apple logo + live clock), desktop area with optional dot-pattern wallpaper, and selectable…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-desktop.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-desktop.json"},{"name":"retro-sidebar","title":"RetroSidebar","description":"A Mac OS 9 styled app shell layout with collapsible sidebar, context-driven open/closed state, menu items with azul active and lavender hover, keyboard shortcu…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-sidebar.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-sidebar.json"},{"name":"retro-icons","title":"RetroIcons","description":"21 pure-CSS/SVG Mac OS 9 icons (folder, document, Trash, alerts, Happy Mac, Sad Mac, bomb, user, memory, Finder, extension and more) with a name-based RetroIco…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-icons.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-icons.json"},{"name":"about-this-computer","title":"About This Computer","description":"Mac OS 9 About This Computer window with version, built-in/virtual memory, largest unused block and per-application memory bars.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/about-this-computer.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/about-this-computer.json"},{"name":"boot-screen","title":"Boot Screen","description":"Mac OS 9 startup screen with Happy Mac, “Welcome to Mac OS” progress box and marching extension icons. Controlled or autoPlay; respects prefers-reduced-motion.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/boot-screen.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/boot-screen.json"},{"name":"copy-progress","title":"Copy Progress","description":"The Finder “Copy” progress window with items remaining, current file, progress bar, Stop button and an indeterminate “Preparing to copy…” state.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/copy-progress.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/copy-progress.json"},{"name":"login","title":"Login","description":"Mac OS 9 Multiple Users welcome window with a keyboard-navigable user list, password field and default Log In button.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/login.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/login.json"},{"name":"retro-app-switcher","title":"RetroAppSwitcher","description":"The Mac OS 9 Application menu for the right end of the menu bar: frontmost app icon and name, Hide, Hide Others, Show All, and a checkmarked list of running ap…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-app-switcher.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-app-switcher.json"},{"name":"retro-bevel-button","title":"RetroBevelButton","description":"Mac OS 9 Appearance Manager bevel button with small/normal/large bevels, icon above or beside the label, sticky toggle (aria-pressed) behaviour and an optional…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-bevel-button.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-bevel-button.json"},{"name":"retro-button-group","title":"RetroButtonGroup","description":"Joins RetroButtons, inputs and text into one Mac OS 9 control strip with shared borders. Horizontal or vertical, with RetroButtonGroupSeparator and RetroButton…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-button-group.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-button-group.json"},{"name":"retro-control-strip","title":"RetroControlStrip","description":"The Mac OS 9 Control Strip: a collapsible strip of module buttons with a ridged end tab and pop-up module menus. Exports RetroControlStrip, RetroControlStripMo…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-control-strip.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-control-strip.json"},{"name":"retro-empty","title":"RetroEmpty","description":"A Mac OS 9 empty state (RetroEmpty, RetroEmptyHeader, RetroEmptyMedia, RetroEmptyTitle, RetroEmptyDescription, RetroEmptyContent) for empty folders, Trash and …","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-empty.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-empty.json"},{"name":"retro-field","title":"RetroField","description":"Mac OS 9 form layout primitives with shadcn Field API parity: RetroField (vertical/horizontal/responsive), RetroFieldLabel, RetroFieldDescription, RetroFieldEr…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-field.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-field.json"},{"name":"retro-folder-tag","title":"RetroFolderTag","description":"Mac OS 9 folder tag: the tab of a pop-up window with a small icon and folder name, in active/inactive states, attached above or below its window.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-folder-tag.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-folder-tag.json"},{"name":"retro-group-box","title":"RetroGroupBox","description":"Mac OS 9 primary/secondary group box: an etched frame whose title (text, checkbox or pop-up) interrupts the top border.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-group-box.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-group-box.json"},{"name":"retro-icon-view","title":"RetroIconView","description":"A Mac OS 9 Finder icon view grid with click, shift and command selection, darkened selected icons with azul labels, arrow-key grid navigation, open on double-c…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-icon-view.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-icon-view.json"},{"name":"retro-input-group","title":"RetroInputGroup","description":"A Mac OS 9 inset text well combining an input or textarea with addons: RetroInputGroup, RetroInputGroupAddon (inline-start/inline-end/block-start/block-end), R…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-input-group.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-input-group.json"},{"name":"retro-item","title":"RetroItem","description":"A flexible Mac OS 9 list row: RetroItem (default/outline/muted, default/sm, asChild) with RetroItemMedia, RetroItemContent, RetroItemTitle, RetroItemDescriptio…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-item.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-item.json"},{"name":"retro-kbd","title":"RetroKbd","description":"Mac OS 9 keyboard keycaps (RetroKbd, RetroKbdGroup) with a raised bevel and Charcoal lettering, plus RETRO_KBD_KEYS for the command, option, shift and control …","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-kbd.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-kbd.json"},{"name":"retro-list-box","title":"RetroListBox","description":"Mac OS 9 inset list box with single or multiple selection, azul highlight, arrow/Home/End navigation, type-ahead and listbox/option semantics.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-list-box.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-list-box.json"},{"name":"retro-little-arrows","title":"RetroLittleArrows","description":"Mac OS 9 little arrows stepper with press-and-hold repeat, plus RetroNumberField: an inset spinbutton field with min/max/step, keyboard stepping and controlled…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-little-arrows.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-little-arrows.json"},{"name":"retro-native-select","title":"RetroNativeSelect","description":"A native <select> styled as a Mac OS 9 pop-up menu button with raised bevel and double-arrow box. Default and sm sizes, plus RetroNativeSelectOption and RetroN…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-native-select.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-native-select.json"},{"name":"retro-placard","title":"RetroPlacard","description":"Mac OS 9 window placard: the raised status strip at a window's bottom-left, with a RetroPlacardButton pop-up variant.","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-placard.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-placard.json"},{"name":"retro-sonner","title":"RetroToaster","description":"Sonner toasts rendered as Mac OS 9 alert windows: striped title bar, close box, per-type alert icons and OS9 action/cancel buttons. Exports RetroToaster and re…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-sonner.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-sonner.json"},{"name":"retro-tree-view","title":"RetroTreeView","description":"A Mac OS 9 Finder list view / Folder List: data-driven tree with animated disclosure triangles, optional sortable column headers (Name, Date Modified, Size, Ki…","type":"registry:ui","source_url":"https://nostalgia-ui.com/r/retro-tree-view.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/retro-tree-view.json"},{"name":"sad-mac-404","title":"Sad Mac 404","description":"Full-page not-found screen with a pure-SVG Sad Mac, hex error codes and a Restart link home. Dark and light variants.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/sad-mac-404.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/sad-mac-404.json"},{"name":"unexpectedly-quit","title":"Unexpectedly Quit","description":"The classic Mac OS 9 “application has unexpectedly quit” Stop alert with OK, plus a “Sorry, a system error occurred” bomb variant with Restart.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/unexpectedly-quit.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/unexpectedly-quit.json"},{"name":"control-panel","title":"Control Panel","description":"Mac OS 9 Appearance control panel with Themes, Appearance, Fonts, Desktop, Sound and Options tabs built from group boxes, pop-ups, sliders, checkboxes, radios …","type":"registry:block","source_url":"https://nostalgia-ui.com/r/control-panel.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/control-panel.json"},{"name":"desktop-shell","title":"Desktop Shell","description":"Full Mac OS 9 desktop that fills its container: menu bar with clock and Application menu, desktop icons, overlapping draggable windows with click-to-front, and…","type":"registry:block","source_url":"https://nostalgia-ui.com/r/desktop-shell.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/desktop-shell.json"},{"name":"finder-window","title":"Finder Window","description":"Mac OS 9 Finder window with a sortable Name / Date Modified / Size / Kind list view, disclosure triangles, an icon view toggle, a status placard and a size box.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/finder-window.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/finder-window.json"},{"name":"get-info","title":"Get Info","description":"Mac OS 9 Finder Get Info window with General Information, Sharing and Memory panes, label pop-up, comments, and Locked / Stationery Pad checkboxes.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/get-info.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/get-info.json"},{"name":"installer","title":"Installer","description":"Mac OS 9 multi-step installer wizard: Welcome, Read Me, license with Agree / Disagree alert, destination disk, install progress and finish.","type":"registry:block","source_url":"https://nostalgia-ui.com/r/installer.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/installer.json"},{"name":"open-save-dialog","title":"Open / Save Dialog","description":"Mac OS 9 Navigation Services Open and Save dialog with a location pop-up, Shortcuts / Favorites / Recent buttons, a browsable file list, a Name field and New F…","type":"registry:block","source_url":"https://nostalgia-ui.com/r/open-save-dialog.json","install_command":"npx shadcn@latest add https://nostalgia-ui.com/r/open-save-dialog.json"}]},{"id":"notionic","name":"@notionic","slug":"notionic","description":"Render Notion pages in React Server Components: code blocks, callouts, tables, toggles, tabs, KaTeX equations and Mermaid diagrams for notionic.","author":"nublson","framework":"react","license":"MIT","tags":["blocks","buttons","developer-tools","navigation","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["recently-updated"],"urls":{"website":"https://notionic.dev","github":"https://github.com/nublson/notionic","registry":"https://notionic.dev/r/registry.json","source":"https://notionic.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/notionic","markdown":"https://sh4dcn.netlify.app/md/notionic.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' fill='var(--foreground)'><rect x='20.5' y='20.5' width='17' height='17' rx='4'/><rect x='39.5' y='20.5' width='17' height='17' rx='4'/><rect x='58.5' y='20.5' width='17' height='17' rx='4'/><rect x='20.5' y='39.5' width='17' height='17' rx='4'/><rect x='58.5' y='39.5' width='17' height='17' rx='4'/><rect x='20.5' y='58.5' width='17' height='17' rx='4'/><rect x='58.5' y='58.5' width='17' height='17' rx='4'/></svg>","preview_image":"https://notionic.dev/opengraph-image?1326a8da2aedee2d","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-26T23:07:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://notionic.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://notionic.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://notionic.dev/r/registry.json","clone":"git clone https://github.com/nublson/notionic.git","clone_degit":"npx degit nublson/notionic","registry_fetch":"curl -s https://notionic.dev/r/registry.json"},"component_count":7,"components":[{"name":"notion-code","title":"Notion Code","description":"A Notion code block as shadcn/ui's Code Block, highlighted on the server, with a copy button.","type":"registry:component","source_url":"https://notionic.dev/r/notion-code.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-code.json"},{"name":"notion-callout","title":"Notion Callout","description":"A Notion callout as shadcn/ui's Alert, with the callout's icon.","type":"registry:component","source_url":"https://notionic.dev/r/notion-callout.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-callout.json"},{"name":"notion-table","title":"Notion Table","description":"A Notion table as shadcn/ui's Table, with header rows and columns.","type":"registry:component","source_url":"https://notionic.dev/r/notion-table.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-table.json"},{"name":"notion-toggle","title":"Notion Toggle","description":"A Notion toggle as shadcn/ui's Collapsible.","type":"registry:component","source_url":"https://notionic.dev/r/notion-toggle.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-toggle.json"},{"name":"notion-tabs","title":"Notion Tabs","description":"Notion tabs as shadcn/ui's Tabs, with every panel kept in the HTML.","type":"registry:component","source_url":"https://notionic.dev/r/notion-tabs.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-tabs.json"},{"name":"notion-equation","title":"Notion Equation","description":"Notion equations, in blocks and inside text, typeset with KaTeX on the server.","type":"registry:component","source_url":"https://notionic.dev/r/notion-equation.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-equation.json"},{"name":"notion-mermaid","title":"Notion Mermaid","description":"Draws Notion mermaid code blocks as diagrams, loading Mermaid only on pages that have one, with the code as fallback.","type":"registry:component","source_url":"https://notionic.dev/r/notion-mermaid.json","install_command":"npx shadcn@latest add https://notionic.dev/r/notion-mermaid.json"}]},{"id":"notra","name":"@notra","slug":"notra","description":"Components and blocks for building modern dashboards, straight from the design system behind Notra.","author":"usenotra","framework":"react","license":null,"tags":["ai","blocks","buttons","cards","dashboard","design-system","forms","icons","loaders","maps","marketing","navigation","overlays","retro","tables"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://ui.usenotra.com","github":"https://github.com/usenotra/notra","registry":"https://ui.usenotra.com/r/registry.json","source":"https://ui.usenotra.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/notra","markdown":"https://sh4dcn.netlify.app/md/notra.md"},"logo":"<svg width='800' height='800' viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg' role='img'><title>Notra Logo</title><rect width='800' height='800' rx='160' fill='#f6f3f1'/><g transform='translate(120 120) scale(0.7)'><path d='M572.881 462.223c-12.712 43.22-290.678 105.932-394.068 83.898l-48.305-10.169 48.305-78.814 68.644-104.237 73.729-106.78 251.695-127.119 78.814-22.881 17.796 17.796h10.17c17.796 35.593 3.945 147.458-12.712 195.763-25.424 73.729-124.576 96.61-177.966 114.407-4.064 1.355 96.61-5.085 83.898 38.136Z' fill='#c8b2ee' stroke='#1e1e1e' stroke-width='35' stroke-linecap='round'/><path d='M700 96.111c-162.712-4.237-510.508 111.356-600 607.627' fill='none' stroke='#1e1e1e' stroke-width='75' stroke-linecap='round'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.usenotra.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.usenotra.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.usenotra.com/r/registry.json","clone":"git clone https://github.com/usenotra/notra.git","clone_degit":"npx degit usenotra/notra","registry_fetch":"curl -s https://ui.usenotra.com/r/registry.json"},"component_count":93,"components":[{"name":"ai-overview","title":"AI Overview","description":"The AI Overview root, built on shadcn Collapsible and Button, with a collapsible Show more.","type":"registry:component","source_url":"https://ui.usenotra.com/r/ai-overview.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/ai-overview.json"},{"name":"ai-overview-header","title":"AI Overview Header","description":"The sparkle icon and AI Overview heading.","type":"registry:component","source_url":"https://ui.usenotra.com/r/ai-overview-header.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/ai-overview-header.json"},{"name":"ai-overview-content","title":"AI Overview Content","description":"Paragraph, heading, list and link styles for AI Overview answers.","type":"registry:component","source_url":"https://ui.usenotra.com/r/ai-overview-content.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/ai-overview-content.json"},{"name":"ai-overview-highlight","title":"AI Overview Highlight","description":"A mark that sweeps in Google's blue highlight.","type":"registry:component","source_url":"https://ui.usenotra.com/r/ai-overview-highlight.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/ai-overview-highlight.json"},{"name":"ai-overview-citation","title":"AI Overview Citation","description":"A source chip built on shadcn Badge and HoverCard.","type":"registry:component","source_url":"https://ui.usenotra.com/r/ai-overview-citation.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/ai-overview-citation.json"},{"name":"ai-overview-skeleton","title":"AI Overview Skeleton","description":"A loading state built on shadcn Skeleton.","type":"registry:component","source_url":"https://ui.usenotra.com/r/ai-overview-skeleton.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/ai-overview-skeleton.json"},{"name":"google-ai-overview","title":"Google AI Overview","description":"A full recreation of Google's AI Overview built from the AI Overview components on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/google-ai-overview.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/google-ai-overview.json"},{"name":"marketing-button","title":"Marketing Button","description":"The gradient marketing buttons from the Notra landing page, built on the Base UI Button.","type":"registry:component","source_url":"https://ui.usenotra.com/r/marketing-button.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/marketing-button.json"},{"name":"notra-button","title":"Button","description":"A Base UI button with Depth primary, secondary, outline and destructive variants, squircle corners, and loading and progress states.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-button.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-button.json"},{"name":"notra-dropdown-menu","title":"Dropdown Menu","description":"A Base UI menu with Depth surfaces, squircle corners, submenus, checkbox and radio items.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-dropdown-menu.json"},{"name":"notra-select","title":"Select","description":"A Base UI select with a Depth button trigger and a scrollable popup below it.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-select.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-select.json"},{"name":"notra-tooltip","title":"Tooltip","description":"A Base UI tooltip with the Depth surface of the buttons that glides between neighbouring triggers.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-tooltip.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-tooltip.json"},{"name":"notra-sonner","title":"Sonner","description":"A Sonner toaster with the Depth surface of the buttons and tinted status icons.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-sonner.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-sonner.json"},{"name":"notra-table","title":"Table","description":"shadcn table primitives in a grey shell with a 2px rim around a lifted body card.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-table.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-table.json"},{"name":"data-table","title":"Data Table","description":"A sortable, selectable table with a sticky header, virtualized rows, pagination with a page-size select, and an infinite-scroll variant.","type":"registry:component","source_url":"https://ui.usenotra.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/data-table.json"},{"name":"notra-sidebar","title":"Sidebar","description":"The shadcn sidebar on Base UI with a fading icon rail, a resizable rail, collapsible sub-rows and gliding Notra tooltips.","type":"registry:ui","source_url":"https://ui.usenotra.com/r/notra-sidebar.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/notra-sidebar.json"},{"name":"app-sidebar","title":"App Sidebar","description":"The Notra dashboard sidebar: project switcher, search, grouped navigation with sub-rows and a rail flyout, and the account menu.","type":"registry:block","source_url":"https://ui.usenotra.com/r/app-sidebar.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/app-sidebar.json"},{"name":"shimmer","title":"Shimmer","description":"A light sweep across text for thinking and loading states.","type":"registry:component","source_url":"https://ui.usenotra.com/r/shimmer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/shimmer.json"},{"name":"step-slider","title":"Step Slider","description":"A slider that snaps to a fixed set of values, with a dotted fill that sweeps on every step. Built on the Base UI Slider.","type":"registry:component","source_url":"https://ui.usenotra.com/r/step-slider.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/step-slider.json"},{"name":"icon-tabs","title":"Icon Tabs","description":"A segmented tab selector where only the active tab shows its icon, sliding in beside the label. Built on the Base UI Tabs.","type":"registry:component","source_url":"https://ui.usenotra.com/r/icon-tabs.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/icon-tabs.json"},{"name":"composer","title":"Composer","description":"The chat composer from the Notra dashboard: a muted tray around the input card, with queued messages and attachments as chips. Built on the Notra Button and To…","type":"registry:component","source_url":"https://ui.usenotra.com/r/composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/composer.json"},{"name":"chat-minimap","title":"Chat Minimap","description":"A rail of lines that maps a conversation, built on shadcn Button, Card, HoverCard and Tooltip.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chat-minimap.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chat-minimap.json"},{"name":"perplexity-message","title":"Perplexity Message","description":"User pill and assistant answer turn with search and action slots.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-message.json"},{"name":"perplexity-search","title":"Perplexity Search","description":"The globe search step with queries, source rows and a +N more expander, built on shadcn Collapsible.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-search.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-search.json"},{"name":"perplexity-citation","title":"Perplexity Citation","description":"An inline source pill with favicon, label and +N count, built on shadcn Badge.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-citation.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-citation.json"},{"name":"perplexity-favicon","title":"Perplexity Favicon","description":"A site favicon on shadcn Avatar with a gray fallback.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-favicon.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-favicon.json"},{"name":"perplexity-rewrite-panel","title":"Perplexity Rewrite Panel","description":"The mode and model list with a Rewrite button.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-rewrite-panel.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-rewrite-panel.json"},{"name":"perplexity-actions","title":"Perplexity Actions","description":"The answer action bar with share, copy, rewrite, feedback and a sources button, built on shadcn Button and Tooltip.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-actions.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-actions.json"},{"name":"perplexity-user-actions","title":"Perplexity User Actions","description":"The time, edit and copy controls beside a user message.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-user-actions.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-user-actions.json"},{"name":"perplexity-sources-summary","title":"Perplexity Sources Summary","description":"Stacked favicons and the source count next to the answer actions.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-sources-summary.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-sources-summary.json"},{"name":"perplexity-composer","title":"Perplexity Composer","description":"The follow-up input with Search/Research focus menu, model selector, voice and send/stop buttons.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-composer.json"},{"name":"perplexity-model-selector","title":"Perplexity Model Selector","description":"The Model chip and its provider list with Max/New badges and locks, built on shadcn DropdownMenu.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-model-selector.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-model-selector.json"},{"name":"perplexity-model-icon","title":"Perplexity Model Icon","description":"Grayscale provider logos for the model list.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-model-icon.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-model-icon.json"},{"name":"perplexity-thinking","title":"Perplexity Thinking","description":"The shimmering Thinking... status shown before a search.","type":"registry:component","source_url":"https://ui.usenotra.com/r/perplexity-thinking.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity-thinking.json"},{"name":"perplexity","title":"Perplexity","description":"A full recreation of a Perplexity thread with search steps, citations, sources sheet, composer and a replayable playback, built on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/perplexity.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/perplexity.json"},{"name":"chatgpt-thread","title":"ChatGPT Thread","description":"The ChatGPT conversation column with auto-scroll, a scroll-to-bottom button and a pinned footer.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-thread.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-thread.json"},{"name":"chatgpt-message","title":"ChatGPT Message","description":"User bubbles and bubble-less assistant turns with reasoning and hover actions.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-message.json"},{"name":"chatgpt-reasoning","title":"ChatGPT Reasoning","description":"The collapsible \"Worked for Ns\" trace, built on shadcn Collapsible.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-reasoning.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-reasoning.json"},{"name":"chatgpt-source-chip","title":"ChatGPT Source Chip","description":"An inline citation pill with a hover card.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-source-chip.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-source-chip.json"},{"name":"chatgpt-search","title":"ChatGPT Search","description":"The \"Searched N websites\" line, built on shadcn Button.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-search.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-search.json"},{"name":"chatgpt-activity","title":"ChatGPT Activity","description":"The search activity and sources side sheet, built on shadcn Sheet, Badge and Avatar.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-activity.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-activity.json"},{"name":"chatgpt-thinking","title":"ChatGPT Thinking","description":"The shimmering Thinking placeholder.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-thinking.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-thinking.json"},{"name":"chatgpt-actions","title":"ChatGPT Actions","description":"Copy, share, redo and more buttons, built on shadcn Button and Tooltip.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-actions.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-actions.json"},{"name":"chatgpt-model-selector","title":"ChatGPT Model Selector","description":"The hover-to-open effort chip with Model and Effort submenus, built on shadcn DropdownMenu.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-model-selector.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-model-selector.json"},{"name":"chatgpt-composer","title":"ChatGPT Composer","description":"The pill-shaped Ask anything input with model picker and send button.","type":"registry:component","source_url":"https://ui.usenotra.com/r/chatgpt-composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt-composer.json"},{"name":"chatgpt","title":"ChatGPT","description":"A full recreation of a ChatGPT conversation with thinking, web search, reasoning and the model picker, built on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/chatgpt.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/chatgpt.json"},{"name":"gemini-thoughts","title":"Gemini Thoughts","description":"The \"Show thinking\" step with thoughts and searches.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-thoughts.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-thoughts.json"},{"name":"gemini-source-chip","title":"Gemini Source Chip","description":"An inline source pill with a hover card.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-source-chip.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-source-chip.json"},{"name":"gemini-message","title":"Gemini Message","description":"Gemini's user pill and bubble-less assistant turn.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-message.json"},{"name":"gemini-thinking","title":"Gemini Thinking","description":"The animated Gemini sparkle with a shimmering status label.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-thinking.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-thinking.json"},{"name":"gemini-sparkle","title":"Gemini Sparkle","description":"Gemini's three-dot mark that bounces and folds into a triangle.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-sparkle.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-sparkle.json"},{"name":"gemini-actions","title":"Gemini Actions","description":"Feedback, share, copy and more buttons built on shadcn Button and Tooltip.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-actions.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-actions.json"},{"name":"gemini-composer","title":"Gemini Composer","description":"Gemini's pill input with a model picker and a morphing send button.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-composer.json"},{"name":"gemini-model-selector","title":"Gemini Model Selector","description":"The Gemini model chip and menu built on shadcn DropdownMenu.","type":"registry:component","source_url":"https://ui.usenotra.com/r/gemini-model-selector.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini-model-selector.json"},{"name":"gemini","title":"Gemini","description":"A full recreation of the Gemini chat built from the Gemini components on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/gemini.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/gemini.json"},{"name":"claude-composer","title":"Claude Composer","description":"The claude.ai message box with model picker, dictation and a morphing send button, built on shadcn Button and DropdownMenu.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-composer.json"},{"name":"claude-plus-menu","title":"Claude Plus Menu","description":"The composer's + menu with files, skills, connectors, design system, plugins and research.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-plus-menu.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-plus-menu.json"},{"name":"claude-model-selector","title":"Claude Model Selector","description":"A hover-open model and effort picker built on shadcn DropdownMenu.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-model-selector.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-model-selector.json"},{"name":"claude-message","title":"Claude Message","description":"User bubbles and serif assistant replies with slots for search, sources and actions.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-message.json"},{"name":"claude-actions","title":"Claude Actions","description":"Copy, feedback and retry actions built on shadcn Button and Tooltip.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-actions.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-actions.json"},{"name":"claude-search","title":"Claude Search","description":"Claude's web search timeline with queries, result cards and status steps.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-search.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-search.json"},{"name":"claude-sources","title":"Claude Sources","description":"Source pills under an assistant reply, built on shadcn Badge.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-sources.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-sources.json"},{"name":"claude-thinking","title":"Claude Thinking","description":"The animated spinner and rotating verb Claude shows before replying.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-thinking.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-thinking.json"},{"name":"claude-spinner","title":"Claude Spinner","description":"Claude's animated starburst spinner.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-spinner.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-spinner.json"},{"name":"claude","title":"Claude","description":"A full recreation of the claude.ai chat with web search, serif replies, message actions and the model picker, built on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/claude.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude.json"},{"name":"claude-code-terminal","title":"Claude Code Terminal","description":"The terminal window with traffic lights and a title bar for Claude Code sessions.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-terminal.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-terminal.json"},{"name":"claude-code-header","title":"Claude Code Header","description":"Claude Code's compact header: the pixel mascot next to version, model and working directory, with notices below.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-header.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-header.json"},{"name":"claude-code-message","title":"Claude Code Message","description":"User turns on a full-width bar and assistant turns behind a white bullet, with inline code and bold.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-message.json"},{"name":"claude-code-todo-list","title":"Claude Code Todo List","description":"The Update Todos tool call with done, active and pending items.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-todo-list.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-todo-list.json"},{"name":"claude-code-thinking","title":"Claude Code Thinking","description":"The dim \"∴ Thinking…\" line that expands to the thoughts.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-thinking.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-thinking.json"},{"name":"claude-code-tool-call","title":"Claude Code Tool Call","description":"Tool calls with a status bullet and a ⎿ result line, plus the collapsed \"Ran 3 shell commands\" summary.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-tool-call.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-tool-call.json"},{"name":"claude-code-status","title":"Claude Code Status","description":"The orange spinner line while Claude works and the dim \"✻ Worked for 19s\" summary after a turn.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-status.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-status.json"},{"name":"claude-code-prompt","title":"Claude Code Prompt","description":"The input between two rules with the permission mode, PR link and effort below.","type":"registry:component","source_url":"https://ui.usenotra.com/r/claude-code-prompt.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code-prompt.json"},{"name":"claude-code","title":"Claude Code","description":"A Claude Code terminal session with the compact header, tool calls, a running turn and the prompt, built from the Claude Code components on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/claude-code.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/claude-code.json"},{"name":"codex-terminal","title":"Codex Terminal","description":"The Codex window: a title bar, a scrolling transcript and a pinned footer for the prompt.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-terminal.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-terminal.json"},{"name":"codex-header","title":"Codex Header","description":"The OpenAI Codex banner with version, working directory and greeting.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-header.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-header.json"},{"name":"codex-message","title":"Codex Message","description":"User turns on a full-width band and assistant turns behind a dim bullet.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-message.json"},{"name":"codex-reasoning","title":"Codex Reasoning","description":"The dim italic summary Codex shows while it reasons.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-reasoning.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-reasoning.json"},{"name":"codex-exec","title":"Codex Exec","description":"A Ran cell with shell syntax colors and output folded behind + N lines.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-exec.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-exec.json"},{"name":"codex-explored","title":"Codex Explored","description":"Grouped Read, Search and List calls with a + Show details fold.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-explored.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-explored.json"},{"name":"codex-working","title":"Codex Working","description":"The shimmering Working (13s • esc to interrupt) status line.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-working.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-working.json"},{"name":"codex-markdown","title":"Codex Markdown","description":"Bullet lists, tables with yellow headers and green inline code, styled like Codex answers.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-markdown.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-markdown.json"},{"name":"codex-composer","title":"Codex Composer","description":"The prompt band with a block cursor, the model and directory status line and shortcut hints.","type":"registry:component","source_url":"https://ui.usenotra.com/r/codex-composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex-composer.json"},{"name":"codex","title":"Codex","description":"A full recreation of an OpenAI Codex CLI session built from the Codex components on shadcn Base UI.","type":"registry:block","source_url":"https://ui.usenotra.com/r/codex.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/codex.json"},{"name":"opencode-window","title":"OpenCode Window","description":"The OpenCode terminal surface that sets the background, monospace font and line grid.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-window.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-window.json"},{"name":"opencode-logo","title":"OpenCode Logo","description":"The block-letter OpenCode wordmark drawn on a cell grid and themed with tokens.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-logo.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-logo.json"},{"name":"opencode-message","title":"OpenCode Message","description":"User prompts on a blue-ruled panel and indented assistant replies with OpenCode's markdown colors.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-message.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-message.json"},{"name":"opencode-turn-footer","title":"OpenCode Turn Footer","description":"The blue square, agent, model and duration line that closes an assistant turn.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-turn-footer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-turn-footer.json"},{"name":"opencode-activity","title":"OpenCode Activity","description":"Orange thoughts with a live Thinking spinner, plus muted read, web search and tool lines.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-activity.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-activity.json"},{"name":"opencode-sources","title":"OpenCode Sources","description":"Web search lines and a collapsible cited-sources list with an optional sequenced reveal.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-sources.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-sources.json"},{"name":"opencode-composer","title":"OpenCode Composer","description":"The prompt panel with agent, model, provider and effort, over a status row with the busy scanner, context and shortcuts.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-composer.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-composer.json"},{"name":"opencode-sidebar","title":"OpenCode Sidebar","description":"Session title, context usage, a collapsible MCP list, LSP state, cwd with branch and version.","type":"registry:component","source_url":"https://ui.usenotra.com/r/opencode-sidebar.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode-sidebar.json"},{"name":"opencode","title":"OpenCode","description":"A recreation of an OpenCode terminal session with a transcript, the prompt and the sidebar.","type":"registry:block","source_url":"https://ui.usenotra.com/r/opencode.json","install_command":"npx shadcn@latest add https://ui.usenotra.com/r/opencode.json"}]},{"id":"ns-ui","name":"@ns-ui","slug":"ns-ui","description":"389 animated React components for Tailwind v4 and React 19, with a CLI and an MCP server.","author":"nikolas-sapa","framework":"react","license":"MIT","tags":["ai","animation","audio","backgrounds","blocks","buttons","cards","charts","forms","glassmorphism","media","mobile","navigation","onboarding","overlays","pro-available","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://design.helpmarq.com","github":"https://github.com/nikolas-sapa/ns-ui","registry":"https://design.helpmarq.com/r/registry.json","source":"https://design.helpmarq.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ns-ui","markdown":"https://sh4dcn.netlify.app/md/ns-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='var(--background)'/><circle cx='16' cy='16' r='5' fill='none' stroke='var(--foreground)' stroke-width='2'/></svg>","preview_image":"https://design.helpmarq.com/opengraph-image?bb0e3433121db650","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://design.helpmarq.com/components/pricing-scale"},"metrics":{"github_stars":37,"open_issues":3,"last_commit":"2026-10-21T10:13:06Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://design.helpmarq.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://design.helpmarq.com/r/registry.json","install_bun":"bunx shadcn@latest add https://design.helpmarq.com/r/registry.json","clone":"git clone https://github.com/nikolas-sapa/ns-ui.git","clone_degit":"npx degit nikolas-sapa/ns-ui","registry_fetch":"curl -s https://design.helpmarq.com/r/registry.json"},"component_count":250,"components":[{"name":"accordion-latch","title":"Accordion Latch","description":"An accordion whose sections latch shut with a small SVG hasp-and-staple on each closed header: opening swings the hasp off its staple, lifts the lid 2px, then …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/accordion-latch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/accordion-latch.json"},{"name":"adhesive-squeeze-bead","title":"Adhesive Squeeze Bead","description":"A merge/dock affordance modeled on structural adhesive bonding: two panels compress a bead of adhesive to a fixed bond-line stop, forcing an uneven bead of squ…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/adhesive-squeeze-bead.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/adhesive-squeeze-bead.json"},{"name":"airlift-slug-flow","title":"Airlift Slug Flow","description":"A background file-sync/upload activity rail: a slim vertical conduit where discrete air slugs, injected at the foot every 1.8s, rise at a constant 140px/s and …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/airlift-slug-flow.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/airlift-slug-flow.json"},{"name":"announcement-bar-relay","title":"Announcement Bar Relay","description":"A queued announcement bar that hands off honestly: dismissing one notice shears it upward while the next arrives from below AND the bar's own height eases betw…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/announcement-bar-relay.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/announcement-bar-relay.json"},{"name":"approval-inline-diff","title":"Approval Inline Diff","description":"Human-in-the-loop tool-call approval row: every argument is editable inline with an old→new diff, and deciding collapses the row irreversibly into a one-line r…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/approval-inline-diff.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/approval-inline-diff.json"},{"name":"autosave-ratchet","title":"Autosave Ratchet","description":"Autosave status as a mechanical ratchet: a 10-tooth gear advances one notch per saved change and tallies the session in its rotation, while a failed save kicks…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/autosave-ratchet.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/autosave-ratchet.json"},{"name":"auxin-canal","title":"Auxin Canal","description":"Full-bleed hero whose vein network grows by space colonisation through whatever negative space the copy leaves empty: sources scattered around measured content…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/auxin-canal.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/auxin-canal.json"},{"name":"avatar-stack-flock","title":"Avatar Stack Flock","description":"Avatar stack that mills as a live boids flock and resolves into the classic overlapping row on hover, with the +N badge appearing only once the formation settl…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/avatar-stack-flock.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/avatar-stack-flock.json"},{"name":"back-bearing","title":"Back Bearing","description":"A sighting-compass bearing picker: the graduated card rotates under a fixed lubber line and the instrument always shows the fore reading plus its reciprocal, t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/back-bearing.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/back-bearing.json"},{"name":"background-ascii-caustics","title":"Background ASCII Caustics","description":"Ambient water-caustics rendered in ASCII ink density: three rotated wave grids combined multiplicatively and sharpened into thin bright filaments, the way over…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-caustics.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-caustics.json"},{"name":"background-ascii-dither","title":"Background ASCII Dither","description":"Luminance-to-glyph canvas renderer: ASCII, Bayer-dither, and dot-matrix modes with cursor-proximity resolve.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-dither.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-dither.json"},{"name":"background-ascii-domain-walls","title":"Background ASCII Domain Walls","description":"An ambient ASCII background running a real Ising model just below its critical temperature and inking only the DOMAIN WALLS (the boundaries between up and down…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-domain-walls.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-domain-walls.json"},{"name":"background-ascii-flow","title":"Background ASCII Flow","description":"An ambient ASCII flow-field background: a fixed set of tracer particles ride a time-evolving 2D curl-noise velocity field, each glyph's direction ('-', '|', '/…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-flow.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-flow.json"},{"name":"background-ascii-force-chains","title":"Background ASCII Force Chains","description":"An ambient ASCII background of a granular packing under load: a static disc packing's contact network is relaxed each frame and only the contacts carrying well…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-force-chains.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-force-chains.json"},{"name":"background-ascii-nodal-lines","title":"Background ASCII Nodal Lines","description":"An ambient ASCII background of the destructive-interference nodal set of four point emitters: ink appears only where the summed radial waves cancel to near zer…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-nodal-lines.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-nodal-lines.json"},{"name":"background-ascii-voronoi-walls","title":"Background ASCII Voronoi Walls","description":"An ambient ASCII background of Voronoi cell WALLS only: ink appears exactly where the first and second nearest sites are equidistant, so a sparse, slowly drift…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-voronoi-walls.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-voronoi-walls.json"},{"name":"background-ascii-wake","title":"Background ASCII Wake","description":"Full-bleed monospace cursor-trail field: a sparse ambient scatter at rest, with the pointer dragging a decaying character comet whose length and brightness dep…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-ascii-wake.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-ascii-wake.json"},{"name":"background-lloyd-relax","title":"Background Lloyd Relax","description":"A blue-noise dot field that never stops settling: points run one weighted Lloyd relaxation iteration per frame against a drifting density function with genuine…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-lloyd-relax.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-lloyd-relax.json"},{"name":"background-truchet-weave","title":"Background Truchet Weave","description":"An ambient Truchet arc weave whose tile orientation is the SIGN of a slow harmonic field, so the frame reads as interlaced domains of continuous arcs separated…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/background-truchet-weave.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/background-truchet-weave.json"},{"name":"badge-unread-tarnish","title":"Badge Unread Tarnish","description":"Unread badge that tarnishes like brass: solid when fresh, an outline within a day, a muted ring after a week. New activity instantly re-polishes it with a smal…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/badge-unread-tarnish.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/badge-unread-tarnish.json"},{"name":"banner-tear-stub","title":"Banner Tear Stub","description":"A dismissible notice with a perforated edge: dismissing rips the panel off along the perforation, leaving a small permanent stub that reopens it.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/banner-tear-stub.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/banner-tear-stub.json"},{"name":"barograph-drum-week","title":"Barograph Drum Week","description":"A card-scale status widget modelled on the aneroid barograph: a pen arm inches rightward across pre-ruled seven-day chart paper, its ink trail lengthening cont…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/barograph-drum-week.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/barograph-drum-week.json"},{"name":"bias-hysteresis","title":"Bias Hysteresis","description":"A saturation/headroom gauge rendered as an analog tape deck's own AC-bias hysteresis loop instead of a bar or dial: a bright marker rides a closed H/B loop tha…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/bias-hysteresis.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/bias-hysteresis.json"},{"name":"bitting-cut","title":"Bitting Cut","description":"Every passkey in a sign-in-methods list gets a physical key blade whose six notch depths are cut deterministically from its credential id, so the MacBook passk…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/bitting-cut.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/bitting-cut.json"},{"name":"blast-hole-delay-sequence","title":"Blast Hole Delay Sequence","description":"A bench-blast shot pattern rendered as a grid of charged holes that fires row by row on a delay wave rather than all at once, each row flashing to peak brightn…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/blast-hole-delay-sequence.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/blast-hole-delay-sequence.json"},{"name":"board-kanban-ascii-wip","title":"Board Kanban ASCII WIP","description":"A kanban board drawn as box-drawing frames, each column header showing its card count against its WIP limit; going over turns the frame accent and appends the …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/board-kanban-ascii-wip.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/board-kanban-ascii-wip.json"},{"name":"bobbin-lace-pricking","title":"Bobbin Lace Pricking","description":"A decorative divider/empty-state motif: a narrow working band of pins twists thread pairs into locked crosses down a pricked grid, while a pin two rows behind …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/bobbin-lace-pricking.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/bobbin-lace-pricking.json"},{"name":"bombe-drum-halt","title":"Bombe Drum Halt","description":"An ambient search/lookup loading indicator built as the electromechanical Bombe's drum-and-stop search cycle: four drum columns scan continuously until, every …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/bombe-drum-halt.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/bombe-drum-halt.json"},{"name":"bowditch-close","title":"Bowditch Close","description":"A geofence/traverse polygon editor built like a real closed survey traverse: the last click never auto-snaps to the first, the gap between them is drawn as the…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/bowditch-close.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/bowditch-close.json"},{"name":"boxplot-ascii-whisker","title":"Boxplot ASCII Whisker","description":"ASCII-textured boxplot family with one shared fence handle: dragging or keying it re-cuts every box's whiskers live against the real sample, and outliers fade …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/boxplot-ascii-whisker.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/boxplot-ascii-whisker.json"},{"name":"brass-check","title":"Brass Check","description":"The active-sessions list as a pit-head lamp-room check board: each session is a stamped brass tag hanging on a hook, and signing one out is a hold-to-release g…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/brass-check.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/brass-check.json"},{"name":"braze-capillary-fill","title":"Braze Capillary Fill","description":"A progress/validation-fill indicator rendered as torch brazing: molten filler is drawn sideways along a hairline joint gap by capillary action, brightest at th…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/braze-capillary-fill.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/braze-capillary-fill.json"},{"name":"breadcrumb-fold","title":"Breadcrumb Fold","description":"A breadcrumb that folds like a camera bellows: ancestor segments rest pleated into narrow slivers and the current page sits fully extended, with hover or focus…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/breadcrumb-fold.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/breadcrumb-fold.json"},{"name":"breadcrumb-overflow-menu","title":"Breadcrumb Overflow Menu","description":"A breadcrumb trail that collapses from the middle into a menu of the hidden levels, with an accent rule that sweeps under the current level.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/breadcrumb-overflow-menu.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/breadcrumb-overflow-menu.json"},{"name":"brine-float","title":"Brine Float","description":"A pricing section built as one shallow tank: an SVG water line runs behind the whole tier row and each card is a hydrometer float riding it, heavier (cheaper) …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/brine-float.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/brine-float.json"},{"name":"button-cooldown-heat","title":"Button Cooldown Heat","description":"A rate-limited button that heat-soaks: each press deposits heat into a visible bottom-up fill, dilates its letter-spacing, swells its surface and brightens its…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/button-cooldown-heat.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/button-cooldown-heat.json"},{"name":"button-glass","title":"Button Glass","description":"Liquid-glass button with translucent blurred surface and press states.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/button-glass.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/button-glass.json"},{"name":"button-retry-backoff","title":"Button Retry Backoff","description":"A retry button that visibly winds a torsion spring through its backoff: disabled and charging while a --foreground arc grows on real timing, notching every fai…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/button-retry-backoff.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/button-retry-backoff.json"},{"name":"caddisfly-case-assembly","title":"Caddisfly Case Assembly","description":"A card-scale ambient loader modelled on caddisfly larva case-building: mineral grains drift in one at a time, get measured against the open gap at the case's g…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/caddisfly-case-assembly.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/caddisfly-case-assembly.json"},{"name":"cambium-lay","title":"Cambium Lay","description":"A tree cross-section accreting live in SVG: a cambium ring lays wood outward year by year, each year closing with a thin dense latewood band, the section sligh…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/cambium-lay.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/cambium-lay.json"},{"name":"capstan-slip","title":"Capstan Slip","description":"A determinate progress bar redrawn as an analog tape transport: a capstan shaft turns at a strictly constant rate while a pinch roller's nip actually sets the …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/capstan-slip.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/capstan-slip.json"},{"name":"carbon-ply-fade","title":"Carbon Ply Fade","description":"Activity feed rendered as a carbon-paper multi-part form: one strike lands on the top ply at full density and echoes down through 4-5 contiguous, fully-visible…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/carbon-ply-fade.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/carbon-ply-fade.json"},{"name":"card-dot-gain-screen","title":"Card Dot Gain Screen","description":"A card backed by a contact-screen halftone that reproduces real dot gain: a nonlinear per-dot growth curve where the deepest tones grow past the point of stayi…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/card-dot-gain-screen.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/card-dot-gain-screen.json"},{"name":"card-number-emboss","title":"Card Number Emboss","description":"A card-number input rendered as an embossing machine: typed digits raise as bevel-shadowed metal, a stamping-head caret dips on every keystroke, and a brand wa…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/card-number-emboss.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/card-number-emboss.json"},{"name":"carousel-card-riffle","title":"Carousel Card Riffle","description":"A card-stack navigator that shows its actual card edges as a scrubbable stripe of thin lines: dragging it riffles cards past with quick flip-past kicks, and th…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/carousel-card-riffle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/carousel-card-riffle.json"},{"name":"catenary-contact-stagger","title":"Catenary Contact Stagger","description":"A live connection/sync-quality indicator built from overhead contact wire stagger: a fixed pantograph marker tracks the wire's deliberate zigzag span by span, …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/catenary-contact-stagger.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/catenary-contact-stagger.json"},{"name":"cathode-stack-glow","title":"Cathode Stack Glow","description":"A Nixie-tube stat readout: ten wire-mesh cathode digits stacked behind a shared anode mesh, the struck digit glowing over faint ghost outlines of the nine behi…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/cathode-stack-glow.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/cathode-stack-glow.json"},{"name":"chain-scale","title":"Chain Scale","description":"A map zoom control that is the scale bar: drag its end handle in log space to zoom, and the bar's length always reads a sayable 1-2-5 round distance, snapping …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chain-scale.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chain-scale.json"},{"name":"chargen-rom-slice","title":"Chargen ROM Slice","description":"A status glyph that reconstructs a real 1970s-80s CRT character-generator ROM read pattern: each glyph in a short string is built top-to-bottom from horizontal…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chargen-rom-slice.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chargen-rom-slice.json"},{"name":"chart-bar-dither","title":"Chart Bar Dither","description":"Canvas bar chart in ordered-dither ink density, where hovering or focusing a bar pulls it into sharper resolution while the rest ease back to a coarse print.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-bar-dither.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-bar-dither.json"},{"name":"chart-bar-halftone","title":"Chart Bar Halftone","description":"Bar chart whose fills are an ordered-dither halftone instead of a flat color: ink density tracks value as a second, redundant channel to height.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-bar-halftone.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-bar-halftone.json"},{"name":"chart-donut-halftone","title":"Chart Donut Halftone","description":"Donut chart for an ordinal size scale where wedge angle carries share and ordered-dither density carries tier order, instead of a second colour.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-donut-halftone.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-donut-halftone.json"},{"name":"chart-funnel-stage-drop","title":"Chart Funnel Stage Drop","description":"Canvas funnel chart in ordered-dither ink density, where hovering or focusing a stage animates its own drop-off as ink particles falling into the next stage.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-funnel-stage-drop.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-funnel-stage-drop.json"},{"name":"chart-line-dither","title":"Chart Line Dither","description":"Canvas line/area chart in ordered-dither ink density, where a scrub cursor drags a local higher-resolution loupe through the fill as it moves.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-line-dither.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-line-dither.json"},{"name":"chart-radar-dither","title":"Chart Radar Dither","description":"Canvas radar/spider chart in ordered-dither ink density, swept by a continuously rotating radar line that locally resolves each axis wedge to sharper ink as it…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-radar-dither.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-radar-dither.json"},{"name":"chart-ridgeline-terrain","title":"Chart Ridgeline Terrain","description":"Unknown-Pleasures ridgeline chart whose live history recedes into scrolling ambient noise terrain, dented gravitationally by the cursor.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-ridgeline-terrain.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-ridgeline-terrain.json"},{"name":"chart-scatter-ascii-bin","title":"Chart Scatter ASCII Bin","description":"Two-dimensional scatter plot rendered as a glyph-density grid, with a pointer- or keyboard-driven brush that live re-bins the exact points under it and reads o…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-scatter-ascii-bin.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-scatter-ascii-bin.json"},{"name":"chart-waterfall-ascii-step","title":"Chart Waterfall ASCII Step","description":"ASCII-ramp waterfall chart where toggling a step excludes or restores its delta and every bar after it (plus the running total) visibly recomputes and re-anima…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/chart-waterfall-ascii-step.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/chart-waterfall-ascii-step.json"},{"name":"checkbox-domino-run","title":"Checkbox Domino Run","description":"Select-all where the change propagates like a domino run: flip the master and a wavefront tips down the list, each row's checkbox flipping and shoving the next…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/checkbox-domino-run.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/checkbox-domino-run.json"},{"name":"checkbox-ink-stroke","title":"Checkbox Ink Stroke","description":"A checkbox and its tri-state select-all cousin whose mark is inked on by a variable-width calligraphic pen stroke (thin entry, thick corner flick, a hair of ov…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/checkbox-ink-stroke.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/checkbox-ink-stroke.json"},{"name":"checkbox-tally-notch","title":"Checkbox Tally Notch","description":"Checkbox group rendered as a carpenter's tally: each check carves a notch stroke into its row and adds a stroke to an aggregate tally cluster in the header, wh…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/checkbox-tally-notch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/checkbox-tally-notch.json"},{"name":"citation-grounding-gap","title":"Citation Grounding Gap","description":"A single SVG baseline under a RAG answer's prose: a solid 1px plank under every sourced sentence, a fading 3-dash gap wherever a claim has none. Grounding cove…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/citation-grounding-gap.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/citation-grounding-gap.json"},{"name":"citation-grounding-hatch","title":"Citation Grounding Hatch","description":"A per-sentence grounding trace under an AI answer: solid where a source backs the claim, a bare hairline where the model is inferring alone, diagonal hatch whe…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/citation-grounding-hatch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/citation-grounding-hatch.json"},{"name":"citation-inline-card","title":"Citation Inline Card","description":"An inline citation pill (hostname + source count, Geist Mono) that opens one bordered card with a title, excerpt and a 1/N stepper, instead of a popover per so…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/citation-inline-card.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/citation-inline-card.json"},{"name":"clock-card","title":"Clock Card Rack","description":"A catch-up digest as a punch-clock card rack: one bordered card per collaborator, unread bursts holding the card proud of a shared top datum by up to 6px until…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/clock-card.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/clock-card.json"},{"name":"cmm-probe-touch","title":"CMM Probe Touch","description":"An empty-state ambient reproducing coordinate-measuring machine touch-trigger probing: a stylus indexes to 18 stations around a fixed part outline, approaches …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/cmm-probe-touch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/cmm-probe-touch.json"},{"name":"cockle-swell","title":"Cockle Swell","description":"A pull-quote block printed on a sheet of paper that is cockling — three drifting humidity sources buckle the sheet along a fixed grain direction (5:1 anisotrop…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/cockle-swell.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/cockle-swell.json"},{"name":"compare-crack-seam","title":"Compare Crack Seam","description":"Before/after comparison slider whose divider is a living Voronoi crack seam: fast drags spawn branching micro-fissures, slow drags heal them shut, and release …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/compare-crack-seam.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/compare-crack-seam.json"},{"name":"compare-table-reach-rule","title":"Compare Table Reach Rule","description":"A tier comparison matrix where every feature row draws a real box-drawing rule that runs left-to-right and terminates with ┤ at the last tier that actually inc…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/compare-table-reach-rule.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/compare-table-reach-rule.json"},{"name":"confidence-logprob-hatch","title":"Confidence Logprob Hatch","description":"Hand-hatched underlines under low-confidence tokens, stroke density mapping straight to logprob doubt in three buckets, with a hover/focus popover naming what …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/confidence-logprob-hatch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/confidence-logprob-hatch.json"},{"name":"confirm-dial-align","title":"Confirm Dial Align","description":"Destructive-action confirm gated on precision, not patience: rotate an SVG dial's notch to within 3deg of a fixed index, hold it there 400ms, and the dial snap…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/confirm-dial-align.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/confirm-dial-align.json"},{"name":"confirm-hold-ink","title":"Confirm Hold Ink","description":"Press-and-hold destructive action: monochrome ink pours up from the press point, release early and it recoils.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/confirm-hold-ink.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/confirm-hold-ink.json"},{"name":"confirm-slide-shatter","title":"Confirm Slide Shatter","description":"Frosted-glass confirm slider where drag distance drives Voronoi crack density. Release early and the cracks heal on a spring; complete the travel and the pane …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/confirm-slide-shatter.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/confirm-slide-shatter.json"},{"name":"consent-scope-redact","title":"Consent Scope Redact","description":"A consent surface that shows instead of tells: a live sentence templated from the user's own record, where each sharing scope is a real switch and toggling it …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/consent-scope-redact.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/consent-scope-redact.json"},{"name":"contact-form-teletype","title":"Contact Form Teletype","description":"A contact form whose validation prints as a teletype receipt below it: each field's check accretes as a new line, and correcting a field strikes through the ol…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/contact-form-teletype.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/contact-form-teletype.json"},{"name":"container-box-drawing","title":"Container Box Drawing","description":"A container with real box-drawing chrome: an inline title breaking the top rule, upgrading to a double-line border character by character on hover or focus.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/container-box-drawing.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/container-box-drawing.json"},{"name":"context-compaction-river","title":"Context Compaction River","description":"Context compaction drawn as a meandering river: live turns are points on one curving channel, and a compacted run of turns necks off into a reopenable, re-inje…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/context-compaction-river.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/context-compaction-river.json"},{"name":"context-menu-unfold","title":"Context Menu Unfold","description":"A context menu that unfolds like a pocket knife: items swing out from a hinged spine as slim blades, staggered from folded to open, with a hairline edge highli…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/context-menu-unfold.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/context-menu-unfold.json"},{"name":"context-prompt-shims","title":"Context Prompt Shims","description":"Prompt composition rendered as machinist shims fitted into a fixed-height gap: each section's row height maps to its real token count, order is drag/keyboard r…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/context-prompt-shims.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/context-prompt-shims.json"},{"name":"contra-strike","title":"Contra Strike","description":"Order line-item ledger where a partial refund drags a struck span across the amount bar and, on commit, appends a negative contra row beneath the original, whi…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/contra-strike.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/contra-strike.json"},{"name":"copy-button-travel","title":"Copy Button Travel","description":"Copy-to-clipboard button whose confirmation shows what got copied: a duplicate of the source text visibly peels off the line and travels the real distance to t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/copy-button-travel.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/copy-button-travel.json"},{"name":"copy-field-crimp","title":"Copy Field Crimp","description":"A copyable value field whose confirmation is typographic: letter-spacing crimps shut in a wave from the clicked character, then a check scales into the icon sl…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/copy-field-crimp.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/copy-field-crimp.json"},{"name":"countdown-vapor-digits","title":"Countdown Vapor Digits","description":"Live countdown where each digit change is a phase transition: the outgoing digit sublimates into grains on curl-noise wind while the incoming digit condenses f…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/countdown-vapor-digits.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/countdown-vapor-digits.json"},{"name":"counter-carry-ripple","title":"Counter Carry Ripple","description":"Display-only numeric readout where change animates the way arithmetic works: only the digits that differ move, and a carry (199 -> 200) visibly ripples right-t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/counter-carry-ripple.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/counter-carry-ripple.json"},{"name":"crack-arrest-hole","title":"Crack Arrest Hole","description":"A press-and-hold STOP/ABORT confirm modeled on the crack-arrest (stop) hole: holding grows a fatigue crack from the edge toward a drilled hole, and reaching th…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/crack-arrest-hole.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/crack-arrest-hole.json"},{"name":"crack-polygon-order","title":"Crack Polygon Order","description":"A decorative panel fill that tiles itself the way drying mud actually cracks: widely-spaced primary cracks grow first, then two more generations nucleate insid…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/crack-polygon-order.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/crack-polygon-order.json"},{"name":"craze-rule","title":"Craze Rule","description":"A section divider that arrives as a propagating, branching fracture instead of a static <hr>: a seeded random-walk SVG path with 3-5 near-perpendicular T-junct…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/craze-rule.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/craze-rule.json"},{"name":"creep-span","title":"Creep Span","description":"An SLO error-budget meter drawn as a taut wire spanning the card, which sags by irreversible plastic creep: sustained burn above 1x permanently sets the wire, …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/creep-span.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/creep-span.json"},{"name":"crimp-barrel-set","title":"Crimp Barrel Set","description":"A 'connect/link/attach' confirm control modeled on open-barrel wire crimping: two dies flatten a barrel into a witness-marked, strand-flared profile on a repea…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/crimp-barrel-set.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/crimp-barrel-set.json"},{"name":"crossfoot-gap","title":"Crossfoot Gap","description":"An editable invoice grid that validates itself the way a bookkeeper crossfoots a ledger: row totals right of a vertical rule, column totals under a horizontal …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/crossfoot-gap.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/crossfoot-gap.json"},{"name":"cruet-settle","title":"Cruet Settle","description":"A checkout or invoice total settles like shaken vinaigrette: one agitated column stratifies by density into net, tax, fees and discount, each layer's height ex…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/cruet-settle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/cruet-settle.json"},{"name":"curd-cut-whey","title":"Curd Cut Whey","description":"A card-scale batch-processing status indicator modelled on cheesemaking curd cutting and syneresis: a solid mass is knife-cut into a grid of cubes that each sh…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/curd-cut-whey.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/curd-cut-whey.json"},{"name":"cylinder-hillndale","title":"Cylinder Hill-and-Dale","description":"A full-width section divider rendered as a side elevation of an Edison-style wax cylinder phonograph: a rotating cylinder carrying a static helical hill-and-da…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/cylinder-hillndale.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/cylinder-hillndale.json"},{"name":"damask-float","title":"Damask Float","description":"A feature grid woven from one reversible damask cloth — figure and ground are the same thread in the same colour, differing only in float direction, so hoverin…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/damask-float.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/damask-float.json"},{"name":"date-picker-moon","title":"Date Picker Moon","description":"Masked date input whose popover calendar doubles as a moon-phase almanac: every day cell carries a canvas moon with a real synodic terminator, the field icon t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/date-picker-moon.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/date-picker-moon.json"},{"name":"date-range-tape","title":"Date Range Tape","description":"Date-range calendar where the selection is a tape measure: clicking anchors the hook, moving extends a mono-ticked strip across the grid with a live night coun…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/date-range-tape.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/date-range-tape.json"},{"name":"decatron-step-ring","title":"Decatron Step Ring","description":"Circular step/cyclic-position indicator modelled on a decatron cold-cathode counting tube: a glow spot steps around ten radial stations, stretching onto an int…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/decatron-step-ring.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/decatron-step-ring.json"},{"name":"delta-frame-macroblock","title":"Delta Frame Macroblock","description":"A quiet full-width band that visualizes a video codec's own P-frame change-detection decision: a grid of macroblocks sits mostly static, and every 220ms tick a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/delta-frame-macroblock.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/delta-frame-macroblock.json"},{"name":"device-mockup-ascii-screen","title":"Device Mockup ASCII Screen","description":"A phone-frame device mockup whose screen is a live ASCII/scanline raster; dragging the handle skews the frame while the raster independently resamples its glyp…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/device-mockup-ascii-screen.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/device-mockup-ascii-screen.json"},{"name":"dew-coalesce","title":"Dew Coalesce","description":"An empty state as condensation on cold glass: a PRNG-seeded droplet field nucleates, grows, jitters and merges, and a droplet crossing the runoff threshold str…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/dew-coalesce.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/dew-coalesce.json"},{"name":"diagram-ascii-flow","title":"Diagram ASCII Flow","description":"A box-drawing flowchart whose connectors are a real orthogonal router: dragging a node re-routes every edge touching it live, cell by cell, recomputing junctio…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/diagram-ascii-flow.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/diagram-ascii-flow.json"},{"name":"dial-moire","title":"Dial Moire","description":"Weighted rotary knob tuned like a radio: counter-rotating line gratings shimmer with moire interference, and a hidden word only resolves at the detent.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/dial-moire.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/dial-moire.json"},{"name":"dialog-emerge","title":"Dialog Emerge","description":"A native <dialog> modal that grows out of the control that opened it and returns into it on close.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/dialog-emerge.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/dialog-emerge.json"},{"name":"diff-unified-viewer","title":"Diff Unified Viewer","description":"A line-addressable unified-diff viewer, split or unified, that swaps red/green blocks for a thin left-rail marker and a muted gutter glyph (colorblind-safe by …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/diff-unified-viewer.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/diff-unified-viewer.json"},{"name":"divider-mosaic-split","title":"Divider Mosaic Split","description":"A full-width section divider rendered in real NAPLPS 'separated mosaic' mode: the same 2-wide x 3-tall sextant sub-cell grid this registry's divider-teletext-m…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/divider-mosaic-split.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/divider-mosaic-split.json"},{"name":"divider-petscii-vu","title":"Divider PETSCII VU","description":"A full-width section divider printed as a PETSCII / C64 reverse-video VU meter band: every cell has exactly two states, paper or ink, never a density ramp, dri…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/divider-petscii-vu.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/divider-petscii-vu.json"},{"name":"divider-telephone-cord-delam","title":"Divider Telephone Cord Delam","description":"A full-width section divider modeled on thin-film delamination buckling, a compressive-stress film debonding from its substrate and popping upward into the rea…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/divider-telephone-cord-delam.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/divider-telephone-cord-delam.json"},{"name":"divider-teletext-mosaic","title":"Divider Teletext Mosaic","description":"A full-width section divider rendered as a real teletext / videotex ALPHAMOSAIC graphics band: each character cell is a 6-bit code across a 2-wide x 3-tall sub…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/divider-teletext-mosaic.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/divider-teletext-mosaic.json"},{"name":"dock-cursor-magnify","title":"Dock Cursor Magnify","description":"Cursor-proximity magnification row with Gaussian falloff: macOS-dock physics for any children.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/dock-cursor-magnify.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/dock-cursor-magnify.json"},{"name":"dock-shelf-lean","title":"Dock Shelf Lean","description":"A dock/toolbar where items lean like books on a shelf: hover or focus straightens one and cants its neighbors away, reorder is a pick-up/move/drop cycle, nothi…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/dock-shelf-lean.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/dock-shelf-lean.json"},{"name":"drawer-counterweight","title":"Drawer Counterweight","description":"Side drawer hung on a counterweight like a sash window: a thin track on the drawer's leading edge carries a weight pill that travels opposite the drag at -0.6x…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/drawer-counterweight.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/drawer-counterweight.json"},{"name":"drill-down-spines","title":"Drill Down Spines","description":"Drill-down navigation where every pushed level compresses into a slim clickable book spine instead of vanishing behind a back button, so the whole navigation h…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/drill-down-spines.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/drill-down-spines.json"},{"name":"dropdown-drape","title":"Dropdown Drape","description":"Dropdown whose panel is a live verlet cloth pinned to the trigger: it falls and drapes like an awning, labels ride the weave, the cursor billows the fabric, an…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/dropdown-drape.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/dropdown-drape.json"},{"name":"due-slip","title":"Due Slip","description":"A ruled read-receipt card styled as a library date-due slip: the first time each collaborator opens a shared doc, their initials and an HH:MM timestamp stamp i…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/due-slip.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/due-slip.json"},{"name":"edge-burnish-glaze","title":"Edge Burnish Glaze","description":"A full-width section divider modeled on leather-edge burnishing: a slicker sweeps back and forth along the edge on a constant-speed triangle wave, a per-cell g…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/edge-burnish-glaze.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/edge-burnish-glaze.json"},{"name":"eink-waveform-ghost","title":"E-ink Waveform Ghost","description":"An empty-state panel rendered as an idle e-ink display: a coarse grid of cells continuously replays real electrophoretic drive waveforms on a scattered, ever-c…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/eink-waveform-ghost.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/eink-waveform-ghost.json"},{"name":"empty-state-braille-orbit","title":"Empty State Braille Orbit","description":"A small ambient icon for empty states: an unbroken stroke traced through braille's 2x4 sub-cell dot addressing along a closed 3:2 Lissajous orbit, sampled by a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/empty-state-braille-orbit.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/empty-state-braille-orbit.json"},{"name":"empty-state-dashed","title":"Empty State Dashed","description":"Empty state whose dashed SVG boundary drifts like a plot marked out and not yet planted, and contracts toward the CTA on hover.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/empty-state-dashed.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/empty-state-dashed.json"},{"name":"empty-state-mezzotint","title":"Empty State Mezzotint","description":"A small ambient icon for empty states built on real mezzotint printmaking: the plate is rocked to a dense burr that would print solid black, then worked SUBTRA…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/empty-state-mezzotint.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/empty-state-mezzotint.json"},{"name":"empty-state-pegboard","title":"Empty State Pegboard","description":"Empty state modeled on a workshop pegboard: dashed silhouettes preview the exact card/avatar/title geometry of future items, and creating one hangs it onto its…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/empty-state-pegboard.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/empty-state-pegboard.json"},{"name":"empty-state-sonar","title":"Empty State Sonar","description":"An empty state that pings like sonar every 6-8s to actively demonstrate emptiness, then freezes and grows skeleton rows outward the instant real results interr…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/empty-state-sonar.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/empty-state-sonar.json"},{"name":"empty-state-survey","title":"Empty State Survey","description":"First-run empty state as a surveyor's staked plot: corner stakes drop in, then dashed strings tauten around the future layout and tie off at the CTA.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/empty-state-survey.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/empty-state-survey.json"},{"name":"envelope-window","title":"Envelope Window","description":"An OAuth-style consent screen built as a physical envelope: the user's real account data sits on a sheet underneath, and each granted scope die-cuts a window t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/envelope-window.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/envelope-window.json"},{"name":"equation-kidney-cam","title":"Equation Kidney Cam","description":"A section divider whose midpoint tick rides a lookup table built from the real equation-of-time curve (an equation-marchante watch's kidney cam compressed to a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/equation-kidney-cam.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/equation-kidney-cam.json"},{"name":"eval-regression-shear","title":"Eval Delta Table","description":"Two eval runs compared case by case: a table of baseline, candidate and signed delta, sorted by delta, with a diverging bar per case drawn off a labelled zero …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/eval-regression-shear.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/eval-regression-shear.json"},{"name":"expansion-gap-breather","title":"Expansion Gap Breather","description":"A full-height divider between two independently-sized layout regions, sourced from continuous-welded-rail breather switches: the seam's tapered-blade teeth int…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/expansion-gap-breather.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/expansion-gap-breather.json"},{"name":"extrusion-die-cut","title":"Extrusion Die Cut","description":"A card-scale processing/loader widget modelled on pasta die-face cutting: a textured rope continuously extrudes from a die aperture and a guillotine blade swee…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/extrusion-die-cut.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/extrusion-die-cut.json"},{"name":"facer-stamp-flip","title":"Facer Stamp Flip","description":"An ambient batch-processing loader (no total count, only continuous throughput) built as a letter-facing and cancelling machine's orientation stage: mixed-orie…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/facer-stamp-flip.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/facer-stamp-flip.json"},{"name":"faq-answer-depth-gutter","title":"FAQ Accordion","description":"A plain FAQ accordion: real button semantics, one answer open at a time, a smooth height transition and a thin accent rail marking the open question.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/faq-answer-depth-gutter.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/faq-answer-depth-gutter.json"},{"name":"fax-line-slip","title":"Fax Line Slip","description":"A document-preview / attachment-thumbnail loading state reproducing a Group 3 fax handshake and page transmission: two waveform-rendered handshake tones, then …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/fax-line-slip.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/fax-line-slip.json"},{"name":"feature-grid-ascii-rule","title":"Feature Grid ASCII Rule","description":"A feature grid where hovering or focusing a cell draws real box-drawing connectors to its related features, routed orthogonally through the grid's gutters and …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/feature-grid-ascii-rule.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/feature-grid-ascii-rule.json"},{"name":"feed-escapement","title":"Feed Escapement","description":"Live feed where a small SVG anchor fork gates arrivals one at a time: a burst becomes a metered tick-tick-tick instead of a dogpile, held open only by each ite…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/feed-escapement.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/feed-escapement.json"},{"name":"fiche-step-repeat","title":"Fiche Step Repeat","description":"A thumbnail grid that populates like a microfiche step-and-repeat camera: one cell exposed per raster step with a brief flash, then an index strip types in onc…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/fiche-step-repeat.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/fiche-step-repeat.json"},{"name":"file-upload-seal","title":"File Upload Seal","description":"File upload where progress is the container: a loose dashed outline 24px outside the card pulls taut as the file uploads, clicks shut with a pucker at 100%, an…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/file-upload-seal.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/file-upload-seal.json"},{"name":"file-upload-thermal","title":"File Upload Thermal","description":"File dropzone as a thermal field: dragging spawns rising accent convection wisps, accepted drops buoy off the drop point and squash-land into a docked queue ra…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/file-upload-thermal.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/file-upload-thermal.json"},{"name":"filter-facet-mesh","title":"Filter Facet Mesh","description":"Faceted filter chips as a sieve: active facets read as taut, bright threads in a hairline mesh fanned from a hub above the chip row, hovering a chip visibly ti…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/filter-facet-mesh.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/filter-facet-mesh.json"},{"name":"flamegraph-ascii-frames","title":"Flamegraph ASCII Frames","description":"A CPU-profile flame graph laid out in monospace cells (one row per stack depth, frame width proportional to sample count, self-vs-total time encoded as ink wei…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/flamegraph-ascii-frames.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/flamegraph-ascii-frames.json"},{"name":"flash-entrain","title":"Flash Entrain","description":"A few hundred DOM fireflies pulse-couple over a static nearest-neighbour graph (Mirollo-Strogatz), so the field self-organises from scattered twinkle through t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/flash-entrain.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/flash-entrain.json"},{"name":"float-ribbon-draw","title":"Float Ribbon Draw","description":"A multi-stage pipeline/job-status bar modeled on the float-glass process: a fixed molten-to-set thermal gradient marks the pipeline's stages while a faint ripp…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/float-ribbon-draw.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/float-ribbon-draw.json"},{"name":"floret-pack","title":"Floret Pack","description":"A full-bleed phyllotactic hero background where primordia are birthed one at a time at a central meristem, golden-angle sequenced and locally relaxed as they a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/floret-pack.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/floret-pack.json"},{"name":"flyball-throttle","title":"Flyball Throttle","description":"A spend-cap widget drawn as a Watt centrifugal governor: two hinged arms with ball weights fly wider as burn rate outpaces the sustainable rate, the sleeve col…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/flyball-throttle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/flyball-throttle.json"},{"name":"flying-splice","title":"Flying Splice","description":"A logo ribbon whose real subject is the roll stand feeding it: one paper roll unwinds at constant web speed, so its radius falls to 0.426 of full while its RPM…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/flying-splice.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/flying-splice.json"},{"name":"footer-ascii-rule","title":"Footer ASCII Rule","description":"A sitemap footer whose back-to-top control is a real instrument: an aria-hidden vertical rail beside it continuously reads actual scroll position, and the butt…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/footer-ascii-rule.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/footer-ascii-rule.json"},{"name":"frank-register","title":"Frank Register","description":"Paying from a prepaid wallet rendered as a postal franking meter: committing stamps an indicium onto the invoice while a descending BALANCE odometer rolls down…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/frank-register.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/frank-register.json"},{"name":"frazil-dam","title":"Frazil Dam","description":"A card-scale processing/progress indicator modelled on frazil ice: fine crystals nucleate in turbulent water, drift across a channel via a 2-octave curl-noise …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/frazil-dam.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/frazil-dam.json"},{"name":"fugitive-ink","title":"Fugitive Ink","description":"A one-time secret panel that prints a new API key or recovery code fully legible, then lets it fade like security ink, armed by the user's own copy or by click…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/fugitive-ink.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/fugitive-ink.json"},{"name":"fusee-cone","title":"Fusee Cone","description":"A burn-rate alert policy editor built as a clock fusee: error budget is the mainspring barrel, a chain rides down a tapering cone as budget depletes, and alert…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/fusee-cone.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/fusee-cone.json"},{"name":"gallery-ascii-gradient-orientation","title":"Gallery ASCII Gradient Orientation","description":"A gallery grid where each tile runs its own procedural 3-octave value-noise field and a 3x3 Sobel operator selects glyphs by the field's own gradient ANGLE, bu…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gallery-ascii-gradient-orientation.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gallery-ascii-gradient-orientation.json"},{"name":"gallery-coverflow-caustic","title":"Gallery Coverflow Caustic","description":"3D coverflow gallery whose frosted-glass cards run a live caustic-light simulation: drifting light pools refract across each pane, and drag velocity fringes th…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gallery-coverflow-caustic.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gallery-coverflow-caustic.json"},{"name":"galley-bracket","title":"Galley Bracket","description":"Remote collaborators' live selections drawn as proofreader's marks: thin corner brackets at each end of a range and a hairline underline, nesting outward by ar…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/galley-bracket.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/galley-bracket.json"},{"name":"gantt-ascii-critical-path","title":"Gantt ASCII Critical Path","description":"An ASCII Gantt chart where a real CPM forward/backward pass decides which bars are critical: zero-float tasks draw heavy `━` in accent, the rest light `─`, and…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gantt-ascii-critical-path.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gantt-ascii-critical-path.json"},{"name":"gather-marver","title":"Gather Marver","description":"A file-upload / processing indicator sourced from the real hot-glass gather-and-marver sequence: an off-centre blob rolls back and forth on a flat baseline, lo…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gather-marver.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gather-marver.json"},{"name":"gauge-capacity-waterline","title":"Gauge Capacity Waterline","description":"Capacity-vs-legal-limit meter drawn as a ship's side-profile hull with Plimsoll load-line marks: the waterline rises with load, the hull itself settles a few p…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gauge-capacity-waterline.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gauge-capacity-waterline.json"},{"name":"git-graph-ascii-lanes","title":"Git Graph ASCII Lanes","description":"A commit-history DAG rendered as `git log --graph` does, where a real lane-allocation pass assigns each branch a column and emits `│ ├─┐ ┘ ┼` connector rows, a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/git-graph-ascii-lanes.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/git-graph-ascii-lanes.json"},{"name":"glaze-crawl-heal","title":"Glaze Crawl Heal","description":"A live status badge drawn as a glaze surface mid-firing: gas bubbles burst through the molten glaze and the melt either flows back over the crater (heals) or, …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/glaze-crawl-heal.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/glaze-crawl-heal.json"},{"name":"glory-hole-cycle","title":"Glory Hole Cycle","description":"A 'still actively processing' status chip whose small canvas glow rises fast and cools slow on a fixed 4.0s beat, modeled on a glassblower's furnace reheat cyc…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/glory-hole-cycle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/glory-hole-cycle.json"},{"name":"gluten-windowpane","title":"Gluten Windowpane","description":"A background-task progress indicator built on the baker's windowpane test: a dough membrane is stretched, held, and released on a repeating 4-cycle knead loop,…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gluten-windowpane.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gluten-windowpane.json"},{"name":"gravure-cell-wipe","title":"Gravure Cell Wipe","description":"A divider / background texture strip printed as a rotogravure cylinder: a static, seeded matrix of engraved cell depths sits under a doctor-blade band that swe…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/gravure-cell-wipe.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/gravure-cell-wipe.json"},{"name":"grazing-light","title":"Grazing Light","description":"A feature-grid card whose icon and heading are blind-embossed into the surface: invisible relief that a low-angle light reveals as it rakes slowly across at id…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/grazing-light.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/grazing-light.json"},{"name":"grid-bento-ascii","title":"Grid Bento ASCII","description":"A 2x2 bento layout primitive built on its own content/seam track grid (a real vertical rule, horizontal rule and ┼ junction between the four tiles), where acti…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/grid-bento-ascii.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/grid-bento-ascii.json"},{"name":"grid-bento-dense","title":"Grid Bento Dense","description":"A composable bento grid where activating a tile genuinely promotes it: the tile takes a 2x2 slot and every other tile re-packs around it via CSS grid-auto-flow…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/grid-bento-dense.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/grid-bento-dense.json"},{"name":"grid-magnetic-lattice","title":"Grid Magnetic Lattice","description":"Card grid on a magnetized hairline lattice: the cursor bends the grid lines and the DOM cards sample the same displacement field, riding the bent sheet.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/grid-magnetic-lattice.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/grid-magnetic-lattice.json"},{"name":"grinding-chatter-lobes","title":"Grinding Chatter Lobes","description":"A card-scale loader substitute driven by regenerative chatter in cylindrical grinding: a rotating disc's rim grows a lobed profile as it re-cuts its own previo…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/grinding-chatter-lobes.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/grinding-chatter-lobes.json"},{"name":"groove-pitch","title":"Groove Pitch","description":"An ambient loader modeling a vinyl mastering lathe's variable groove pitch: a cutting-point marker spirals outward from a lead-in, its own turn spacing visibly…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/groove-pitch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/groove-pitch.json"},{"name":"growth-ring","title":"Growth Ring","description":"Version history as a dendrochronological cross-section: one ring per save, ring width proportional to change size, a dark line wherever authorship changed hand…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/growth-ring.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/growth-ring.json"},{"name":"guardrail-interlock-keys","title":"Guardrail Interlock Keys","description":"Output guardrails built as a trapped-key interlock: every policy gate holds one key, the release bolt only retracts when all of them are seated, and a tripped …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/guardrail-interlock-keys.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/guardrail-interlock-keys.json"},{"name":"hachure-fall","title":"Hachure Fall","description":"A route elevation profile drawn as 18th-century military engravers drew slope: strokes perpendicular to the profile line, hanging down the fall direction, whos…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/hachure-fall.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/hachure-fall.json"},{"name":"header-scroll-pill","title":"Header Scroll Pill","description":"A page header that morphs between a full-width quiet nav bar at the top and a floating centered pill once scrolled: spring-like width/radius/padding morph, sec…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/header-scroll-pill.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/header-scroll-pill.json"},{"name":"heatmap-year-stipple","title":"Heatmap Year Stipple","description":"A GitHub-style year activity calendar where intensity is stipple density, not color: every day cell holds a handful of deterministically jittered ink dots, den…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/heatmap-year-stipple.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/heatmap-year-stipple.json"},{"name":"helicorder-line-wrap","title":"Helicorder Line Wrap","description":"An ambient status widget shaped like a seismograph helicorder drum: a pen traces one line at a time and steps down to a fresh line the instant it runs off the …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/helicorder-line-wrap.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/helicorder-line-wrap.json"},{"name":"hero-ascii-wordmark","title":"Hero ASCII Wordmark","description":"Hero wordmark rendered as ASCII block-letters, lit by the pointer like a torch over a density ramp.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/hero-ascii-wordmark.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/hero-ascii-wordmark.json"},{"name":"hero-dipole-field","title":"Hero Dipole Field","description":"Full-bleed hero where the headline exists twice: crisp DOM type above, and beneath it a canvas field of iron-filing strokes solved from a two-pole dipole field…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/hero-dipole-field.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/hero-dipole-field.json"},{"name":"hero-long-exposure","title":"Hero Long Exposure","description":"Hero card whose canvas behaves like a long-exposure photograph: cursor movement burns light streaks that never clear per frame, only decay on a 4s half-life, a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/hero-long-exposure.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/hero-long-exposure.json"},{"name":"hero-particles-webgl","title":"Hero Particles WEBGL","description":"Full-viewport hero with a cursor-reactive WebGL particle field and staggered text reveal.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/hero-particles-webgl.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/hero-particles-webgl.json"},{"name":"histogram-live-grain","title":"Histogram Live Grain","description":"Live distribution instrument where the histogram IS the samples: each arrival falls as a grain into its bin and stacks, the heap visibly re-settles as the roll…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/histogram-live-grain.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/histogram-live-grain.json"},{"name":"honeycomb-draw","title":"Honeycomb Draw","description":"An ambient background where wax cells start as loosely packed circles and locally relax, wall by wall, into a tight hexagonal comb: each neighbour pair's share…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/honeycomb-draw.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/honeycomb-draw.json"},{"name":"honing-crosshatch","title":"Honing Crosshatch","description":"A card whose backing texture is a genuine cylinder-bore plateau-honing process: two families of fine scratches deposited at a fixed controlled 45 degree crossh…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/honing-crosshatch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/honing-crosshatch.json"},{"name":"hover-card-dwell","title":"Hover Card Dwell","description":"A hover-card trigger that has to be wound before it opens: a hairline arc coils clockwise around a 5px dot while the pointer dwells, and drifting away mid-wind…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/hover-card-dwell.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/hover-card-dwell.json"},{"name":"idler-drop","title":"Idler Drop","description":"Delegated admin drawn as a gear train: your authority is the drive gear, each delegate is a driven gear whose tooth count sets a discrete role ratio, and revok…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/idler-drop.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/idler-drop.json"},{"name":"image-crop-mat","title":"Image Crop Mat","description":"Image cropping as a passe-partout: four mat boards slide over a photo to define the crop window, snap to ratio presets with a settle, and show a rule-of-thirds…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/image-crop-mat.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/image-crop-mat.json"},{"name":"index-contour","title":"Index Contour","description":"A travel-time reach editor: one slider handle sets minutes, and the reach renders as topographic-style contour bands re-thresholded from a real per-node cost f…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/index-contour.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/index-contour.json"},{"name":"indicator-rack","title":"Indicator Rack","description":"A plan selector built on the indicator-tablet rack of a pre-electronic cash register: four columns of ten printed tablets each, all ten always mounted, where c…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/indicator-rack.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/indicator-rack.json"},{"name":"input-focus-membrane","title":"Input Focus Membrane","description":"Text input whose focus ring is a living membrane: a noise-displaced canvas loop that breathes on idle, dilates on focus, sends a peristaltic pulse from the car…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/input-focus-membrane.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/input-focus-membrane.json"},{"name":"jacquard-card-chain","title":"Jacquard Card Chain","description":"An ambient status strip modelled on a Jacquard loom's control mechanism: a chain of punched cards feeds past a fixed needle bank, one card read every beat, the…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/jacquard-card-chain.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/jacquard-card-chain.json"},{"name":"jam-kickout-loop","title":"Jam Kickout Loop","description":"An ambient background-job status line built as bulk-mail sortation conveyor jam handling: most tiles ride the main line straight through, but a fixed 1-in-6 ti…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/jam-kickout-loop.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/jam-kickout-loop.json"},{"name":"kelvin-wake","title":"Kelvin Wake","description":"A real site nav whose active-item indicator is a point source drifting along the link row, trailing a genuine Kelvin ship wake: a V-shaped envelope of transver…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/kelvin-wake.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/kelvin-wake.json"},{"name":"keymap-ascii-heat","title":"Keymap ASCII Heat","description":"An ASCII keyboard layout that accumulates real ink density per key as you type into it: each keystroke inks the key, heat decays on an exponential half-life, a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/keymap-ascii-heat.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/keymap-ascii-heat.json"},{"name":"knife-edge-rack-focus","title":"Knife Edge Rack Focus","description":"A card-scale loader substitute built on the Foucault knife-edge test: a knife edge racks through a mirror's focus, sweeping the aperture's shadow pattern from …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/knife-edge-rack-focus.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/knife-edge-rack-focus.json"},{"name":"knit-ladder-run","title":"Knit Ladder Run","description":"An ambient status/health card background: a field of knit stitches builds downward course by course, and at random intervals a dropped stitch opens a ladder th…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/knit-ladder-run.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/knit-ladder-run.json"},{"name":"knot-capsize-cycle","title":"Knot Capsize Cycle","description":"An ambient capacity/status gauge that expresses load as knot topology instead of a fill bar or needle: a granny-knot's two standing ends and two crossing loops…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/knot-capsize-cycle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/knot-capsize-cycle.json"},{"name":"lcd-response-smear","title":"LCD Response Smear","description":"An ambient panel-diagnostics status card whose canvas strip simulates LCD pixel response time compensation: a sweeping fill boundary crosses a row of simulated…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/lcd-response-smear.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/lcd-response-smear.json"},{"name":"leaven-crest-fall","title":"Leaven Crest Fall","description":"A sourdough starter jar status indicator: the surface dome rises with a Poisson-nucleated bubble texture to a peak, then collapses as the bubble population thi…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/leaven-crest-fall.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/leaven-crest-fall.json"},{"name":"lens-ascii-magnify","title":"Lens ASCII Magnify","description":"A circular lens that resolves the text under it into a denser dot-matrix of ASCII glyphs: every character it passes over is redrawn as its own 5x7 grid of ramp…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/lens-ascii-magnify.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/lens-ascii-magnify.json"},{"name":"lenticule-swing","title":"Lenticule Swing","description":"A hero H1 lockup printed twice behind vertical lenticular slats (the problem statement and the product promise coexisting at once) that shimmers between both a…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/lenticule-swing.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/lenticule-swing.json"},{"name":"lining-wear","title":"Lining Wear","description":"A dunning card for past-due subscriptions where the clutch grip on 'active' is a friction lining that wears down: every failed charge slips the pad and permane…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/lining-wear.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/lining-wear.json"},{"name":"listbox-sticky-groups","title":"Listbox Sticky Groups","description":"A grouped listbox for long lists (timezones, countries, currencies) where every passed group header sticks in place, stacking into overlapping 20px slivers you…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/listbox-sticky-groups.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/listbox-sticky-groups.json"},{"name":"loader-ascii-diffuse-fill","title":"Loader ASCII Diffuse Fill","description":"Indeterminate ASCII loader whose texture comes from real Floyd-Steinberg serpentine error diffusion, propagated cell-to-cell every frame, rather than a fixed o…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-ascii-diffuse-fill.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-ascii-diffuse-fill.json"},{"name":"loader-braille","title":"Loader Braille","description":"Determinate/indeterminate loader built from braille dot patterns, where each cell's eight dots are individually addressable for far finer granularity than a bl…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-braille.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-braille.json"},{"name":"loader-die-tumble","title":"Loader Die Tumble","description":"An ambient loading glyph shaped as a die tumbling face over face on a fixed axle: each 90deg landing overshoots by 8deg and corrects on a spring, with a floor …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-die-tumble.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-die-tumble.json"},{"name":"loader-ink-blob","title":"Loader Ink Blob","description":"A small canvas-2D assistant-state indicator: a soft ink blob traced through 72 points around a circle, each perturbed by one of six distinct motion signatures …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-ink-blob.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-ink-blob.json"},{"name":"loader-iris","title":"Loader Iris","description":"An ambient loading glyph shaped as a six-blade camera-iris diaphragm breathing open and shut inside a fixed housing ring: one wedge shape repeated by rotation,…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-iris.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-iris.json"},{"name":"loader-pendulum-sync","title":"Loader Pendulum Sync","description":"An indeterminate loader for long background work: a row of pendulums with slightly different periods drift from unison into apparent chaos and back into perfec…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-pendulum-sync.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-pendulum-sync.json"},{"name":"loader-spirograph-trace","title":"Loader Spirograph Trace","description":"A determinate loader that traces a real hypotrochoid: the full closed rosette is always visible as a ghost, and progress is the fraction of that curve's arc le…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-spirograph-trace.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-spirograph-trace.json"},{"name":"loader-spring-bars","title":"Loader Spring Bars","description":"An ambient loading glyph shaped as a row of leaf springs on a rail: one displacement keyframe, staggered per bar by negative animation-delay, reads as a single…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-spring-bars.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-spring-bars.json"},{"name":"loader-thread-spool","title":"Loader Thread Spool","description":"A loader that winds thread onto a spool while duration is unknown, then converts the same coil in place into a proportional gauge the instant total size arrive…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/loader-thread-spool.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/loader-thread-spool.json"},{"name":"log-viewer-ascii-tail","title":"Log Viewer ASCII Tail","description":"A live `tail -f` log pane with a real ring buffer, a per-line severity glyph column, and follow-mode that detaches the instant you scroll up and reports how ma…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/log-viewer-ascii-tail.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/log-viewer-ascii-tail.json"},{"name":"logo-cloud-settle","title":"Logo Cloud Settle","description":"A trust-wall grid of abstract, generated marks that physically settles into place: each tile drops in from lifted/shrunk/tilted with a per-item stagger and a s…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/logo-cloud-settle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/logo-cloud-settle.json"},{"name":"lug-cage-tally","title":"Lug Cage Tally","description":"An ambient loading glyph shaped as five pin wheels spinning at mutually-prime rates past a fixed read mark, each engaged pin brightening in a brief flash and n…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/lug-cage-tally.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/lug-cage-tally.json"},{"name":"manifold-bleed","title":"Manifold Bleed","description":"A connected app's standing grants drawn as a valve manifold: each scope is a gate valve on a supply line from your account to the app, and revoking it drains t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/manifold-bleed.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/manifold-bleed.json"},{"name":"map-choropleth-ascii","title":"Map Choropleth ASCII","description":"ASCII-density choropleth over a fully synthetic hand-seeded tessellation. Hovering or keying through a region isolates it and the legend rescales to a band aro…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/map-choropleth-ascii.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/map-choropleth-ascii.json"},{"name":"marquee-ticker-glyph","title":"Marquee Ticker Glyph","description":"A grabbable ticker tape: drag to scrub through its content, release to fling it with momentum, and legibility itself is a function of speed. Fast motion blurs …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/marquee-ticker-glyph.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/marquee-ticker-glyph.json"},{"name":"masonry-ascii-settle","title":"Masonry ASCII Settle","description":"A masonry gallery whose tiles render as live ASCII halftone and resolve from a coarse print to a fine one as they drop into their packed column slot, re-packin…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/masonry-ascii-settle.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/masonry-ascii-settle.json"},{"name":"melt-pond-drain","title":"Melt Pond Drain","description":"A card-scale ambient loader/empty-state panel modelling Arctic melt-pond drainage: a shallow top-view basin whose pool fills over ~9-11s, then drains rapidly t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/melt-pond-drain.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/melt-pond-drain.json"},{"name":"memory-ledger-decay","title":"Memory Ledger Decay","description":"Session memory that visibly patinates: each remembered fact steps its ink from --foreground toward --ns-muted the longer it goes unused, snaps back and underli…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/memory-ledger-decay.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/memory-ledger-decay.json"},{"name":"menu-nested-trays","title":"Menu Nested Trays","description":"Nested menus as telescoping card-catalog trays: opening a submenu shunts the parent back and dims it instead of spawning a flyout, leaving a 12px clickable edg…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/menu-nested-trays.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/menu-nested-trays.json"},{"name":"mesh-lash","title":"Mesh Lash","description":"A currency amount field where two meshed gears are the FX quote itself: tooth ratio draws the exchange rate, and mechanical backlash (the dead angle a reversed…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/mesh-lash.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/mesh-lash.json"},{"name":"meter-context-window","title":"Meter Context Window","description":"A context-window budget meter: one hairline stacked bar segmenting the window into system prompt / tools / history / current turn, told apart by fill pattern i…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/meter-context-window.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/meter-context-window.json"},{"name":"meter-latency-capillary","title":"Meter Latency Capillary","description":"Time-to-first-token rendered as calibrated capillary rise: a narrow tube climbs to a scribed p50 line, holds and trembles if it's running slow, and only surfac…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/meter-latency-capillary.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/meter-latency-capillary.json"},{"name":"meter-matrix-scan","title":"Meter Matrix Scan","description":"A level meter rendered as a genuinely row-multiplexed LED dot-matrix panel: five rows addressed round-robin off a real 240Hz-per-row clock, and each LED's brig…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/meter-matrix-scan.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/meter-matrix-scan.json"},{"name":"meter-quota-meniscus","title":"Meter Quota Meniscus","description":"A quota (storage, API budget, seats) rendered as liquid in a thin vessel where surface curvature, not level, carries the reading: concave under the soft limit,…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/meter-quota-meniscus.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/meter-quota-meniscus.json"},{"name":"meter-quota-rule","title":"Meter Quota Rule","description":"A quota meter with no bar, no fill, no pill: the printed reading ('38.2 GB of 100 GB') sits above a 4px hairline whose used portion is solid and remainder is d…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/meter-quota-rule.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/meter-quota-rule.json"},{"name":"meter-threshold-trip","title":"Meter Threshold Trip","description":"A data-driven threshold indicator built like a thermostat's bimetallic strip: it bows progressively as a metric climbs, snaps across a visible contact gap at t…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/meter-threshold-trip.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/meter-threshold-trip.json"},{"name":"millstone-furrow-flow","title":"Millstone Furrow Flow","description":"An ambient processing-section background modelled on a dressed millstone pair: a static bedstone furrow layer under a slowly rotating runner layer, their cross…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/millstone-furrow-flow.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/millstone-furrow-flow.json"},{"name":"minimap-pantograph","title":"Minimap Pantograph","description":"A minimap whose viewport rectangle is physically wired to the real viewport by a live SVG pantograph (two elbow arms solved by two-bar IK every frame), so drag…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/minimap-pantograph.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/minimap-pantograph.json"},{"name":"mudflow-levee-build","title":"Mudflow Levee Build","description":"Ambient activity track whose channel is self-built by the flow's own coarse fraction shearing out to the margins: surges deposit growth at the edges as they pa…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/mudflow-levee-build.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/mudflow-levee-build.json"},{"name":"mull-hinge","title":"Mull Hinge","description":"A margin comment thread glued to its anchored phrase by a translucent tissue-strip hinge whose shear, opacity and tearing are a live readout of anchor health u…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/mull-hinge.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/mull-hinge.json"},{"name":"nav-blue-noise-scrim","title":"Nav Blue Noise Scrim","description":"Dimming backdrop for a command palette or search overlay, dithered with a temporal blue-noise mask that reshuffles every frame instead of a flat tint.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/nav-blue-noise-scrim.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/nav-blue-noise-scrim.json"},{"name":"nav-condense-rail","title":"Nav Condense Rail","description":"A full-width site nav that condenses in place as the page scrolls (roomy padding, full-size wordmark and links at the top, tightening to a dense pinned rail) o…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/nav-condense-rail.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/nav-condense-rail.json"},{"name":"nav-overstrike-typewriter","title":"Nav Overstrike Typewriter","description":"A real site nav with a typed ruled line beneath its links, shaded by striking two or three characters into the same cell (real typewriter overstrike compositin…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/nav-overstrike-typewriter.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/nav-overstrike-typewriter.json"},{"name":"nav-site-condense","title":"Nav Site Condense","description":"A full-width site nav with the furniture a real site needs: a scroll-condensed bar, a menu trigger present at every width, and a mobile sheet built on native <…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/nav-site-condense.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/nav-site-condense.json"},{"name":"neon-tube-striation","title":"Neon Tube Striation","description":"A horizontal section divider rendered as the positive column of a lit glow-discharge tube: a traveling ionization-wave striation pattern drifts along its lengt…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/neon-tube-striation.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/neon-tube-striation.json"},{"name":"network-packet-trace","title":"Network Packet Trace","description":"A small hairline node/edge network where data pulses branch across random routes, easing along each edge with a fading tail: idle traffic, dense active traffic…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/network-packet-trace.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/network-packet-trace.json"},{"name":"newsletter-cadence-rail","title":"Newsletter Cadence Rail","description":"A newsletter capture whose headline element is a mono day-rail showing the publication's actual rhythm (six weeks of days, an issue mark every interval, a care…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/newsletter-cadence-rail.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/newsletter-cadence-rail.json"},{"name":"night-store","title":"Night Store","description":"A cache diagnostics rack where every key-group is a storage-heater brick holding heat: a hit charges it toward full glyph-density stipple, idle time cools it o…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/night-store.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/night-store.json"},{"name":"nomogram-edge","title":"Nomogram Edge","description":"A two-input estimator built as a real paper nomogram: three vertical ASCII scales in Geist Mono where a straightedge stretched between draggable left and right…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/nomogram-edge.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/nomogram-edge.json"},{"name":"notification-bell-swing","title":"Notification Bell Swing","description":"A notification bell whose clapper physically rings: arrivals add an impulse to a damped harmonic oscillator swinging the clapper and recoiling the bell body, b…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/notification-bell-swing.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/notification-bell-swing.json"},{"name":"optimistic-stitch","title":"Optimistic Stitch","description":"Optimistic-write feedback for a single row rendered as a tailor's basting stitch along its left seam: dashed hand-stitch while pending, pulled tight into a sol…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/optimistic-stitch.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/optimistic-stitch.json"},{"name":"otp-reel","title":"OTP Reel","description":"6-box code entry where each box is a tiny slot-machine cipher reel: keystrokes spin a canvas glyph strip into a weighted detent on the typed digit with an acce…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/otp-reel.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/otp-reel.json"},{"name":"overflow-chip-mux","title":"Overflow Chip Mux","description":"The list/tag overflow indicator, replaced with real NES PPU sprite multiplexing: instead of collapsing extra items into a static \"+N\" pill, only 8 chip slots (…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/overflow-chip-mux.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/overflow-chip-mux.json"},{"name":"pagination-dog-ear","title":"Pagination Dog Ear","description":"A pagination control rendered as book folios: paper cards for each page number, a raised current page, and a CSS corner dog-ear that curls further as you hover…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/pagination-dog-ear.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/pagination-dog-ear.json"},{"name":"parison-inflate","title":"Parison Inflate","description":"A capacity/fill-progress meter rendered as a glassblower's parison inflating: a thick-walled bubble grows from a small dense core toward a larger, thin-walled …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/parison-inflate.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/parison-inflate.json"},{"name":"passing-loop","title":"Passing Loop","description":"A progressive-rollout controller built as a funicular: two cars share one cable over a summit pulley, so the new version's share and the old version's share ar…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/passing-loop.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/passing-loop.json"},{"name":"password-strength-tide","title":"Password Strength Tide","description":"Password field with a canvas water tank behind the masked text: entropy raises the tide on a damped spring, keystrokes slosh a real 1D heightfield wave, deleti…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/password-strength-tide.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/password-strength-tide.json"},{"name":"patchbay-ascii-cable","title":"Patchbay ASCII Cable","description":"A patchbay with real, persistent, user-authored topology: drag from one jack to another to create a patch, routed orthogonally onto the shared monospace glyph …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/patchbay-ascii-cable.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/patchbay-ascii-cable.json"},{"name":"pecked-ring","title":"Pecked Ring","description":"A geofence radius editor whose circle is drawn in pecked chart line-work where each dash is exactly 100 metres of ground circumference, so dragging the handle …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/pecked-ring.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/pecked-ring.json"},{"name":"peen-coverage","title":"Peen Coverage","description":"A card whose backing texture is a genuine shot-peening coverage process: a stream of uniform-random impacts stamping soft circular dimples into a coverage bitm…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/peen-coverage.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/peen-coverage.json"},{"name":"picker-pareto-frontier","title":"Picker Pareto Frontier","description":"Model picker rendered as a legible cost/latency/quality Pareto scatter: the frontier is a rising line of solid nodes (quality can't rise without moving right i…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/picker-pareto-frontier.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/picker-pareto-frontier.json"},{"name":"pin-register","title":"Pin Register","description":"A map layer panel drawn as registered acetate separations: each layer a translucent sheet in a shallow isometric stack that fans on hover, and turning one off …","type":"registry:ui","source_url":"https://design.helpmarq.com/r/pin-register.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/pin-register.json"},{"name":"pole-shy","title":"Pole Shy","description":"Live cursor name-labels that repel each other like matching magnetic poles, so the person actually typing makes bystander labels visibly yield and drift back.","type":"registry:ui","source_url":"https://design.helpmarq.com/r/pole-shy.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/pole-shy.json"},{"name":"polyp-bud","title":"Polyp Bud","description":"A coral colony that accretes inward from one edge, budding new polyps only where five shadow rays against the colony's own skeleton clear a 0.55 exposure thres…","type":"registry:ui","source_url":"https://design.helpmarq.com/r/polyp-bud.json","install_command":"npx shadcn@latest add https://design.helpmarq.com/r/polyp-bud.json"}]},{"id":"nteract","name":"@nteract","slug":"nteract","description":"A React component library and design system for building interactive computational notebook interfaces, powering the nteract desktop editor (built with Tauri). Provides 15 Cell components (Markdown Cell, Code Cell, Cell Controls, Cell Header, Collaborator Avatars, Execution Count, Execution Status, Play Button, etc.), 9 Output renderers (ANSI, HTML, Image, SVG, Markdown, JSON, Media Router, Isolated Frame), and 50+ Jupyter Widget protocol components including ipycanvas, AnyWidget, and built-in controls. Uses shadcn/ui patterns; state management via useSyncExternalStore for React 18/19 compatibility; CodeMirror editor with Jupyter keybindings. Free, open source. Use for: building custom notebook UIs, REPL interfaces, or Jupyter-compatible front-ends in React.","author":"runtimed","framework":"react","license":"BSD-3-Clause","tags":["buttons","cards","components","design-system","editor","forms","icons","media"],"categories":["Editor (rich text/code)"],"labels":["featured","recently-updated"],"urls":{"website":"https://nteract-elements.vercel.app/","github":"https://github.com/runtimed/runt","registry":"https://nteract-elements.vercel.app/r/registry.json","source":"https://nteract-elements.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nteract","markdown":"https://sh4dcn.netlify.app/md/nteract.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' fill='none' viewBox='0 0 256 256'><path fill='#000' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='m191.321 207-63.775-36.91V49.272l63.775 36.919z'/><path fill='#fff' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='M127.546 49.272 63.779 86.191V207l63.767-36.91z'/><path fill='#fff' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='M127.546 9 29 66.05l17.394 10.07 81.152-46.988 81.161 46.989v120.817l17.394-10.07V66.051z'/><path fill='#000' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='M46.394 76.12 29 66.05v120.818l17.394 10.07zM46.394 76.12v120.818L63.78 207V86.19z'/><path fill='#fff' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='m46.394 76.12 81.152-46.988 81.161 46.989v120.817L191.321 207V86.19l-63.775-36.918L63.78 86.191z'/><path fill='#fff' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='m127.554 76.113 40.572 23.494v46.988l-40.58 23.495-40.572-23.495V99.607z'/><path fill='#000' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='m127.546 170.09.008-46.989-40.58-23.494v46.988z'/><path fill='#fff' stroke='#000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.62' d='m127.554 123.101 40.572-23.494v46.988l-40.58 23.495z'/></svg>","preview_image":"https://nteract-elements.vercel.app/og/docs/image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":186,"open_issues":49,"last_commit":"2026-10-27T06:31:21Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nteract-elements.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nteract-elements.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://nteract-elements.vercel.app/r/registry.json","clone":"git clone https://github.com/runtimed/runt.git","clone_degit":"npx degit runtimed/runt","registry_fetch":"curl -s https://nteract-elements.vercel.app/r/registry.json"},"component_count":35,"components":[{"name":"ansi-output","title":"ANSI Output","description":"Components for rendering ANSI escape sequences as colored text in notebook outputs. Includes AnsiOutput, AnsiStreamOutput, and AnsiErrorOutput variants.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/ansi-output.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/ansi-output.json"},{"name":"image-output","title":"Image Output","description":"Component for rendering images in notebook outputs. Handles base64-encoded image data from Jupyter kernels as well as regular URLs. Supports PNG, JPEG, GIF, an…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/image-output.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/image-output.json"},{"name":"html-output","title":"HTML Output","description":"Component for rendering HTML content in notebook outputs. Handles pandas DataFrames, rich HTML displays, and interactive visualizations. Requires iframe isolat…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/html-output.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/html-output.json"},{"name":"svg-output","title":"SVG Output","description":"Component for rendering SVG graphics in notebook outputs. Handles matplotlib figures, diagrams, and other vector graphics with proper scaling.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/svg-output.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/svg-output.json"},{"name":"markdown-output","title":"Markdown Output","description":"Component for rendering Markdown content in notebook outputs. Supports GitHub Flavored Markdown (GFM) with tables, task lists, and syntax-highlighted code bloc…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/markdown-output.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/markdown-output.json"},{"name":"json-output","title":"JSON Output","description":"Component for rendering JSON data in an interactive, expandable tree view. Useful for inspecting complex data structures and API responses.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/json-output.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/json-output.json"},{"name":"media-provider","title":"Media Provider","description":"React context provider for shared media rendering configuration. Provides renderers and priority settings to all nested MediaRouter instances.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/media-provider.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/media-provider.json"},{"name":"media-router","title":"Media Router","description":"MIME type-based output dispatcher that automatically selects the best renderer for Jupyter outputs. Supports custom renderers and priority ordering for platfor…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/media-router.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/media-router.json"},{"name":"cell-header","title":"CellHeader","description":"Slot-based header layout for notebook cells with left/right content areas and optional drag support.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/cell-header.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/cell-header.json"},{"name":"cell-type-button","title":"CellTypeButton","description":"Styled buttons for different notebook cell types with color coding. Includes CodeCellButton, MarkdownCellButton, SqlCellButton, and AiCellButton convenience co…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/cell-type-button.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/cell-type-button.json"},{"name":"execution-status","title":"ExecutionStatus","description":"A badge component that displays the execution state of a notebook cell. Shows queued, running, or error states.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/execution-status.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/execution-status.json"},{"name":"play-button","title":"PlayButton","description":"Cell execution control button that shows Play, Stop, or Loading states based on execution state. Used in notebook cell toolbars.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/play-button.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/play-button.json"},{"name":"runtime-health-indicator","title":"RuntimeHealthIndicator","description":"A visual indicator for kernel connection status. Shows idle, busy, connecting, or disconnected states with color-coded dots. Can display kernel name and option…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/runtime-health-indicator.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/runtime-health-indicator.json"},{"name":"cell-controls","title":"CellControls","description":"Cell action menu with source visibility toggle, move controls, and dropdown menu for delete and clear operations.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/cell-controls.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/cell-controls.json"},{"name":"cell-container","title":"CellContainer","description":"A focus and selection wrapper for notebook cells with gutter ribbon system. Color-coded ribbons indicate cell type, with action area for play button and execut…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/cell-container.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/cell-container.json"},{"name":"cell-betweener","title":"CellBetweener","description":"Spacer component that maintains gutter ribbon continuity between cells. Creates an unbroken 'paper edge' effect down the left side of the notebook.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/cell-betweener.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/cell-betweener.json"},{"name":"output-area","title":"OutputArea","description":"Wrapper component for rendering multiple Jupyter outputs with collapsible state and scroll behavior.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/output-area.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/output-area.json"},{"name":"execution-count","title":"ExecutionCount","description":"Displays the classic Jupyter execution count indicator with bracket notation. Shows [ ]: for never executed, [*]: for executing, and [n]: for executed cells.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/execution-count.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/execution-count.json"},{"name":"collaborator-avatars","title":"CollaboratorAvatars","description":"Display avatars of users collaborating on a notebook with overflow handling.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/collaborator-avatars.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/collaborator-avatars.json"},{"name":"presence-bookmarks","title":"PresenceBookmarks","description":"Shows stacked user avatars indicating who is present on a cell. Displays a HoverCard with user details and a +N overflow indicator when users exceed the limit.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/presence-bookmarks.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/presence-bookmarks.json"},{"name":"codemirror-editor","title":"CodeMirror Editor","description":"A CodeMirror 6 editor component for notebook cells with syntax highlighting, key bindings, and language support for Python, IPython (with magics and shell comm…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/codemirror-editor.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/codemirror-editor.json"},{"name":"widget-store","title":"Widget Store","description":"Pure React state management for Jupyter widget models. Handles comm_open, comm_msg, and comm_close messages with fine-grained subscriptions via useSyncExternal…","type":"registry:lib","source_url":"https://nteract-elements.vercel.app/r/widget-store.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/widget-store.json"},{"name":"anywidget-view","title":"AnyWidget View","description":"React component for rendering anywidget ESM modules with the AFM (AnyWidget Frontend Module) interface. Handles dynamic ESM loading, CSS injection, and two-way…","type":"registry:lib","source_url":"https://nteract-elements.vercel.app/r/anywidget-view.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/anywidget-view.json"},{"name":"widget-view","title":"Widget View","description":"Universal widget router that renders Jupyter widgets. Routes anywidgets to ESM loader and standard ipywidgets to built-in shadcn-backed components.","type":"registry:lib","source_url":"https://nteract-elements.vercel.app/r/widget-view.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/widget-view.json"},{"name":"widget-controls","title":"Widget Controls","description":"Built-in shadcn-backed widget components for standard ipywidgets including controls (IntSlider, FloatSlider, IntRangeSlider, FloatRangeSlider, IntProgress, But…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/widget-controls.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/widget-controls.json"},{"name":"ipycanvas","title":"ipycanvas Widget","description":"Canvas widget for ipycanvas. Renders an HTML canvas and processes drawing commands sent from Python via the ipycanvas binary protocol. Supports shapes, paths, …","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/ipycanvas.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/ipycanvas.json"},{"name":"isolated-frame","title":"Isolated Frame","description":"Secure iframe component for rendering untrusted output content. Uses blob URLs with sandbox restrictions to isolate JavaScript execution. Includes message brid…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/isolated-frame.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/isolated-frame.json"},{"name":"cell-type-selector","title":"CellTypeSelector","description":"A dropdown selector for changing cell types in notebook interfaces. Supports filtering available types and displays the current type with color-coded styling.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/cell-type-selector.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/cell-type-selector.json"},{"name":"error-boundary","title":"Error Boundary","description":"React error boundary with resetKeys support for automatic recovery. Includes OutputErrorFallback and WidgetErrorFallback components for graceful error display …","type":"registry:lib","source_url":"https://nteract-elements.vercel.app/r/error-boundary.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/error-boundary.json"},{"name":"highlight-text","title":"Highlight Text","description":"DOM utility for highlighting search matches in text content with customizable styling.","type":"registry:lib","source_url":"https://nteract-elements.vercel.app/r/highlight-text.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/highlight-text.json"},{"name":"isolated-renderer","title":"Isolated Renderer","description":"Complete isolated iframe renderer bundle for Jupyter outputs and widgets. Runs inside a sandboxed iframe with its own React app, receiving render commands via …","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/isolated-renderer.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/isolated-renderer.json"},{"name":"all","title":"All nteract Components","description":"Install all Jupyter frontend components: outputs, cell primitives, widgets, editor, icons, and UI components.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/all.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/all.json"},{"name":"global-find-bar","title":"Global Find Bar","description":"Floating search bar for notebook-wide find functionality. Supports keyboard navigation (Enter/Shift+Enter for next/prev, Escape to close). Works with search-hi…","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/global-find-bar.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/global-find-bar.json"},{"name":"runtime-icons","title":"Runtime Icons","description":"SVG icons for runtime environments and package managers. Includes DenoIcon, PythonIcon, UvIcon, CondaIcon, and PixiIcon for notebook and onboarding UIs.","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/runtime-icons.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/runtime-icons.json"},{"name":"selection-card","title":"Selection Card","description":"A stylized selection card component for wizard and onboarding UIs. Includes SelectionCard with icon, title, description, and color-coded selection state, plus …","type":"registry:component","source_url":"https://nteract-elements.vercel.app/r/selection-card.json","install_command":"npx shadcn@latest add https://nteract-elements.vercel.app/r/selection-card.json"}]},{"id":"nuqs","name":"@nuqs","slug":"nuqs","description":"Type-safe URL query-string state management for React frameworks, functioning like useState but backed by the URL. The shadcn registry distributes community-contributed custom parsers, adapters, and utilities that extend the core nuqs library. Supports Next.js (app and pages routers), React SPA, Remix, React Router v6/v7, and TanStack Router via adapters. Features built-in parsers (integer, float, boolean, Date), useQueryStates for grouped params, shallow mode, and server-component cache helpers. Free, MIT-licensed. Use for: adding shareable, bookmarkable URL state to any React app without a separate state library.","author":"47ng","framework":"react","license":"MIT","tags":["components","hooks"],"categories":["Hooks/utilities"],"labels":["popular","recently-updated"],"urls":{"website":"https://nuqs.dev/registry","github":"https://github.com/47ng/nuqs","registry":"https://nuqs.dev/r/registry.json","source":"https://nuqs.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/nuqs","markdown":"https://sh4dcn.netlify.app/md/nuqs.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1024 1024'><rect width='1024' height='1024' fill='#000' rx='512'/><path fill='#fff' d='m284.192 203.6 3.36 74.88-9.119-3.36q5.28-40.8 27.359-59.04 22.082-18.24 56.16-18.24 41.28 0 64.32 25.92 23.52 25.92 23.52 70.56V458h-72.48V318.32q0-22.08-3.839-35.52-3.36-13.44-12-20.16-8.64-7.2-23.041-7.2-23.04 0-35.039 15.84-11.52 15.84-11.521 47.04V458h-72.96V203.6zM746.838 458l-2.88-73.44 9.12 3.36q-5.28 39.84-27.36 58.08-22.08 17.76-55.2 17.76-40.8 0-63.841-25.92-23.04-25.92-23.039-70.56V203.6h72.96v139.68q0 22.08 3.359 35.52t11.521 20.64q8.64 6.72 23.04 6.72 22.08 0 33.599-15.84 12-15.84 12-47.04V203.6h72.481V458zM454.293 563.6V890h-72.96V765.2l6.239 3.84q-6.238 17.76-17.76 30.24-11.519 12-27.359 18.24t-35.041 6.24q-34.56 0-59.52-17.28-24.48-17.76-36.96-47.52-12-30.24-12-68.16t12-67.68q12.48-30.24 36.96-47.52 24.96-17.76 59.52-17.76 29.762 0 50.4 13.92 20.641 13.92 30.241 40.32l-5.28 4.32 1.92-52.8zm-74.4 166.56q6.24-17.76 6.24-39.36 0-21.12-6.24-38.4-6.24-17.76-19.2-28.32-12.48-11.04-30.72-11.04-27.36 0-42.241 22.56-14.4 22.08-14.4 55.2 0 33.6 14.4 55.68 14.881 22.08 42.241 22.08 18.24 0 30.72-10.56 12.96-10.56 19.2-27.84M749.849 646.16q-2.88-17.28-16.32-27.36-12.96-10.56-29.76-10.56t-27.36 8.16-10.08 21.6q.48 12.96 12.96 20.16 12.48 6.72 33.6 10.56 39.36 6.24 63.36 15.84 24 9.12 36 24.48 12.48 15.36 12.48 39.36 0 24.96-14.88 41.76-14.4 16.8-39.84 25.44-25.44 8.16-58.56 8.16-36.96 0-64.8-10.08-27.36-10.56-43.2-29.76-15.84-19.68-17.76-46.56l72.96-3.84q2.4 12.48 8.64 21.6 6.72 8.64 17.28 13.44 11.04 4.32 25.44 4.32 16.32 0 28.32-6.24 12-6.72 12-19.68-.48-8.64-5.76-14.4-4.8-5.76-12.96-8.64-7.68-2.88-21.12-5.76-3.84-.48-9.6-1.92-38.88-7.68-61.92-16.32-22.56-9.12-35.04-23.52-12.48-14.88-12.48-37.92 0-24.96 13.44-43.2 13.92-18.24 39.84-27.84 25.92-10.08 61.92-10.08 48 0 78.72 23.04 30.72 22.56 37.44 62.88z'/></svg>","preview_image":"https://nuqs.dev/registry/opengraph-image.jpg?opengraph-image.2oawpy1txq7uh.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10897,"open_issues":53,"last_commit":"2026-10-19T11:58:29Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nuqs.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nuqs.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://nuqs.dev/r/registry.json","clone":"git clone https://github.com/47ng/nuqs.git","clone_degit":"npx degit 47ng/nuqs","registry_fetch":"curl -s https://nuqs.dev/r/registry.json"},"component_count":6,"components":[{"name":"adapter-inertia","title":"Inertia.js Adapter","description":"Using nuqs in Inertia.js apps (eg: with a Laravel backend)","type":"registry:item","source_url":"https://nuqs.dev/r/adapter-inertia.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-inertia.json"},{"name":"adapter-onejs","title":"One.js Adapter","description":"Using nuqs in One.js applications.","type":"registry:item","source_url":"https://nuqs.dev/r/adapter-onejs.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-onejs.json"},{"name":"adapter-react-router-v5","title":"React Router v5 Adapter","description":"Using nuqs in React Router v5 applications.","type":"registry:item","source_url":"https://nuqs.dev/r/adapter-react-router-v5.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-react-router-v5.json"},{"name":"adapter-waku","title":"Waku Adapter","description":"Using nuqs in ⛩️ Waku applications.","type":"registry:item","source_url":"https://nuqs.dev/r/adapter-waku.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/adapter-waku.json"},{"name":"next-typed-links","title":"Typed Links for Next.js","description":"Type-safe linking for Next.js (using typedRoutes + nuqs)","type":"registry:item","source_url":"https://nuqs.dev/r/next-typed-links.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/next-typed-links.json"},{"name":"parser-uuid","title":"UUID","description":"Parse and validate UUID strings (versions 1-8) from the query string.","type":"registry:item","source_url":"https://nuqs.dev/r/parser-uuid.json","install_command":"npx shadcn@latest add https://nuqs.dev/r/parser-uuid.json"}]},{"id":"nusaiba","name":"@nusaiba","slug":"nusaiba","description":"Motion-first shadcn marketing blocks for landing pages — heroes, pricing, FAQs, footers, and more. Built on base-nova with intentional animation and CLI install.","author":null,"framework":"react","license":null,"tags":["animation","auth","backgrounds","blocks","buttons","charts","cms","icons","marketing","media","pro-available","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://nusaiba.dev","github":null,"registry":"https://nusaiba.dev/r/base-nova/registry.json","source":"https://nusaiba.dev/r/base-nova/registry.json","page":"https://sh4dcn.netlify.app/registry/nusaiba","markdown":"https://sh4dcn.netlify.app/md/nusaiba.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 108 108\" fill=\"none\"><path fill=\"#18181b\" fill-opacity=\"0.42\" d=\"M44.4287 7.16278C47.943 1.06871 56.7287 1.0687 60.243 7.16277L97.954 72.5568C101.468 78.6508 97.0755 86.2684 90.0469 86.2684H14.6248C7.59624 86.2684 3.20336 78.6509 6.71765 72.5568L44.4287 7.16278Z\"/><path fill=\"#18181b\" fill-opacity=\"0.42\" d=\"M63.711 7.86367C69.3114 3.61171 77.4091 7.0239 78.2869 14.0056L87.7066 88.9249C88.5844 95.9066 81.584 101.222 75.1058 98.4918L5.58994 69.1994C-0.888245 66.4697 -1.98553 57.7425 3.61483 53.4905L63.711 7.86367Z\"/><path fill=\"#18181b\" fill-opacity=\"0.42\" d=\"M81.2118 15.9985C88.0211 14.2546 94.1626 20.5446 92.2664 27.3205L71.9195 100.031C70.0233 106.807 61.5117 108.987 56.5985 103.955L3.87631 49.9581C-1.03687 44.9261 1.3333 36.4562 8.14261 34.7123L81.2118 15.9985Z\"/><path fill=\"#18181b\" fill-opacity=\"0.42\" d=\"M94.1901 30.2933C101.142 31.3305 104.365 39.5132 99.9921 45.0221L53.0652 104.137C48.6921 109.646 40.0023 108.349 37.4236 101.803L9.75232 31.558C7.17363 25.0119 12.64 18.1258 19.5918 19.163L94.1901 30.2933Z\"/><path fill=\"#18181b\" fill-opacity=\"0.42\" d=\"M100.613 48.5092C106.619 52.1651 106.419 60.9589 100.254 64.3379L34.0967 100.598C27.9315 103.977 20.4246 99.407 20.5842 92.372L22.2977 16.881C22.4573 9.84596 30.1638 5.62213 36.1693 9.27807L100.613 48.5092Z\"/></svg>","preview_image":"https://nusaiba.dev/images/visuals/beams.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://nusaiba.dev/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://nusaiba.dev/r/base-nova/registry.json","install_bun":"bunx shadcn@latest add https://nusaiba.dev/r/base-nova/registry.json","registry_fetch":"curl -s https://nusaiba.dev/r/base-nova/registry.json"},"component_count":119,"components":[{"name":"foundation","title":"Nusaiba Foundation","description":"Motion tokens, design-system UI primitives, brand logos, infinite slider, and button-scale theme. Installed automatically with every block.","type":"registry:item","source_url":"https://nusaiba.dev/r/base-nova/foundation.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/foundation.json"},{"name":"gallery-visuals","title":"Nusaiba Gallery Visuals","description":"Shared abstract gallery images copied into public/images/visuals for gallery blocks.","type":"registry:item","source_url":"https://nusaiba.dev/r/base-nova/gallery-visuals.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-visuals.json"},{"name":"theme-sera","title":"Sera Theme","description":"Sera series design tokens — zero radius, monochrome oklch palette for light and dark mode. Matches `shadcn init --preset b4BnGlQgsa`.","type":"registry:theme","source_url":"https://nusaiba.dev/r/base-nova/theme-sera.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/theme-sera.json"},{"name":"full-width-divider","title":null,"description":"Full-bleed horizontal divider for premium section separation.","type":"registry:component","source_url":"https://nusaiba.dev/r/base-nova/full-width-divider.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/full-width-divider.json"},{"name":"decor-icon","title":null,"description":"Corner plus-icon decorator for bordered layouts.","type":"registry:component","source_url":"https://nusaiba.dev/r/base-nova/decor-icon.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/decor-icon.json"},{"name":"bubble-background","title":null,"description":"Interactive animated gradient bubble background from Animate UI.","type":"registry:component","source_url":"https://nusaiba.dev/r/base-nova/bubble-background.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/bubble-background.json"},{"name":"brand-typography","title":null,"description":"Brand wordmark fonts and Logo.dev typography helpers.","type":"registry:lib","source_url":"https://nusaiba.dev/r/base-nova/brand-typography.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/brand-typography.json"},{"name":"faqs-1","title":null,"description":"Two-column FAQ with sticky header, scroll-reveal stagger, and registry-native copy.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-1.json"},{"name":"faqs-2","title":null,"description":"Split FAQ with framed accordion, grid pattern, and registry-focused copy — matches the Nusaiba landing page.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-2.json"},{"name":"faqs-3","title":null,"description":"Narrow centered accordion with scroll-reveal stagger — minimal close for landing pages.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-3.json"},{"name":"faqs-4","title":null,"description":"Balanced two-column accordion split — grid-reveal for dense FAQ pages without sticky rail.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-4.json"},{"name":"faqs-5","title":null,"description":"Install / Plans / Customize pill tabs with focus-shift filtering — organized FAQ for builders.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-5.json"},{"name":"faqs-7","title":null,"description":"Expandable FAQ cards in a 2×3 grid with hover lift — scannable topics above pricing.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-7.json"},{"name":"faqs-8","title":null,"description":"Sticky topic rail with registry stats + synced accordion — editorial FAQ for long landings.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-8.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-8.json"},{"name":"features-1","title":null,"description":"Six-cell bento grid with product features, grid-pattern cards, and scroll entrances.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-1.json"},{"name":"features-3","title":null,"description":"Numbered feature list with horizontal rows, icon hover, and whileInView slide-in.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-3.json"},{"name":"features-4","title":null,"description":"Sticky scroll-stacking feature cards — slide up from below and pile with offset tops.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-4.json"},{"name":"features-5","title":null,"description":"2×3 interactive capability grid with auto-cycle pulse focus — hover overrides cycle, label expands on active cell (logo-cloud-3 DNA).","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-5.json"},{"name":"features-7","title":null,"description":"Vertical witness list with accent bar and stat expand — logo-cloud-15 DNA applied to registry capabilities.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-7.json"},{"name":"features-8","title":null,"description":"Command-style capability picker with search and arrow keys — blog-12 content-highlight adapted for features.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-8.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-8.json"},{"name":"features-10","title":null,"description":"Split witness with center-stage capability focus, blur handoff, and icon chips — logo-cloud-10 DNA for registry workflows.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-10.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-10.json"},{"name":"features-11","title":null,"description":"Asymmetric bento with flagship motion cell — click to expand labels on peer cells, blur-dim on inactive (logo-cloud-7 expand-focus DNA).","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-11.json"},{"name":"hero-2","title":null,"description":"Atmospheric centered hero with gradient glow and staggered motion entrance.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-2.json"},{"name":"hero-4","title":null,"description":"Typography monument — per-word reveal headline with registry-focused production copy.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-4.json"},{"name":"hero-6","title":null,"description":"Stacked cinematic hero with bubble background, image stage, and cursor-driven perspective tilt.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-6.json"},{"name":"hero-7","title":null,"description":"Asymmetric editorial split — badge, expressive headline, CTAs, and parallax motion stage.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-7.json"},{"name":"hero-9","title":null,"description":"Swiss ruled split — registry copy beside a modular block grid motion stage.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-9.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-9.json"},{"name":"hero-12","title":null,"description":"Four-tile gallery wall motion showcase with hover-lift and registry-native captions.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-12.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-12.json"},{"name":"cta-1","title":null,"description":"Horizontal conversion band with blur stagger — registry-native copy and dual install actions.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-1.json"},{"name":"cta-2","title":null,"description":"Centered CTA with radial glow pulse and staggered reveal — hero-spotlight DNA for catalog close.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-2.json"},{"name":"cta-3","title":null,"description":"Split layout with registry preview panel and light parallax — hero-1 asymmetry for install conversion.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-3.json"},{"name":"cta-6","title":null,"description":"Free vs Pro fork with center-stage focus shift — pricing-2 DNA for registry path choice.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-6.json"},{"name":"cta-7","title":null,"description":"Copy-prompt variant cycle with blur handoff — features-10 DNA for AI editor workflow.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-7.json"},{"name":"cta-9","title":null,"description":"Full-bleed inverse conversion band with radial glow — footer-10 inverse DNA for dramatic close.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-9.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-9.json"},{"name":"auth-1","title":null,"description":"Split sign-in with brand rail, scroll-reveal stagger, and registry-native copy.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-1.json"},{"name":"auth-2","title":null,"description":"Mirrored sign-up split with terms line — motion stagger and Nusaiba study case.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-2.json"},{"name":"auth-3","title":null,"description":"Compact centered card with remember-me — minimal auth for marketing landings.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-3.json"},{"name":"auth-4","title":null,"description":"Two-column signup form in a centered layout — fast account creation above pricing.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-4.json"},{"name":"auth-5","title":null,"description":"Sign-in form beside visual panel with light parallax — cta-3 DNA for install-led auth.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-5.json"},{"name":"auth-6","title":null,"description":"Passwordless email-only sign-in — centered icon hero and single-field flow.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-6.json"},{"name":"auth-7","title":null,"description":"GitHub + Google buttons with email divider — grid-reveal for multi-path sign-in.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-7.json"},{"name":"auth-9","title":null,"description":"Sign-in card beside registry benefits list — justify account creation on landing pages.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-9.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-9.json"},{"name":"blog-1","title":null,"description":"Three-column blog grid with image placeholders and category metadata.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/blog-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-1.json"},{"name":"blog-2","title":null,"description":"Editorial blog spotlight — thumbnail rail, spring crossfade feature panel, auto-advance on pause-hover.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/blog-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-2.json"},{"name":"blog-5","title":null,"description":"Horizontal scroll snap filmstrip with scale focus on the active cover slide.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/blog-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-5.json"},{"name":"blog-9","title":null,"description":"Infinite article title marquee with crossfading featured story card.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/blog-9.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-9.json"},{"name":"contact-1","title":null,"description":"Split contact with channel list and full message form — scroll-reveal stagger.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-1.json"},{"name":"contact-2","title":null,"description":"Centered compact form (name, email, message) — Wave A minimal contact for pricing pages.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-2.json"},{"name":"contact-3","title":null,"description":"Bordered card contact form with two-column name row — polished centered layout.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-3.json"},{"name":"contact-4","title":null,"description":"Topic pills (Pro / Team / Blocks) with focus-shift before submit — organized intake.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-4.json"},{"name":"contact-5","title":null,"description":"Form beside visual panel with parallax — auth-5 / cta-3 DNA for support pages.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-5.json"},{"name":"contact-6","title":null,"description":"Full-width email capture band — quick pre-sale contact above footer.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-6.json"},{"name":"contact-7","title":null,"description":"Channel cards (email, docs, registry) plus inline mini-form — hover-lift grid.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-7.json"},{"name":"footer-1","title":null,"description":"Four-column marketing footer with link groups and copyright bar.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-1.json"},{"name":"footer-2","title":null,"description":"Single-row footer strip with blur stagger on view — logo-cloud-16 footer strip DNA for wordmark, inline links, and copyright.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-2.json"},{"name":"footer-4","title":null,"description":"Four nav columns and boxed socials above a giant outline wordmark — hero close with status pill.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-4.json"},{"name":"footer-6","title":null,"description":"Vertical dividers between brand and link columns — inline legal trail and system status pill.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-6.json"},{"name":"footer-7","title":null,"description":"Blueprint grid with bordered cells — social/copyright, newsletter subscribe, and theme pill row.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-7.json"},{"name":"footer-8","title":null,"description":"Four link columns, boxed social row, and paired install CTAs above centered copyright.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-8.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-8.json"},{"name":"header-1","title":null,"description":"Sticky blurred navigation header with links and primary CTA.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-1.json"},{"name":"header-3","title":null,"description":"Centered navigation with shared layout underline rail on hover.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-3.json"},{"name":"header-4","title":null,"description":"Minimal split navigation — brand left, links and auth cluster right.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-4.json"},{"name":"header-5","title":null,"description":"Expandable search field with animated width beside utility controls.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-5.json"},{"name":"header-6","title":null,"description":"Compact Registry and Resources dropdown panels with smooth reveal.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-6.json"},{"name":"header-7","title":null,"description":"Sticky navigation that morphs padding and blur intensity on scroll.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-7.json"},{"name":"header-9","title":null,"description":"Editorial wordmark with slash-separated links and thin baseline rule.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-9.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-9.json"},{"name":"integrations-2","title":null,"description":"Center hub with eight brands on a slow orbital ring — gradient aura and counter-rotated tiles.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-2.json"},{"name":"integrations-3","title":null,"description":"Hub-and-spoke network on a grid canvas inside a product card — design-to-ship workflow copy.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-3.json"},{"name":"integrations-4","title":null,"description":"Editorial split with connector stack cards — logo, title, and registry-native description per row.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-4.json"},{"name":"integrations-5","title":null,"description":"Asymmetric bento with flagship connector cell and capability tags — not a flat logo wall.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-5.json"},{"name":"integrations-6","title":null,"description":"Five-step connect rail with brand marks — authorize through monitor with linked copy.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-6.json"},{"name":"integrations-7","title":null,"description":"Searchable connector picker with keyboard navigation and live preview panel.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-7.json"},{"name":"logo-cloud-1","title":null,"description":"Infinite scrolling logo marquee with Logo.dev marks, wordmarks, and edge fade mask.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-1.json"},{"name":"logo-cloud-3","title":null,"description":"Logo grid with auto-cycle pulse focus — active mark breathes, neighbors dim on hover.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-3.json"},{"name":"logo-cloud-4","title":null,"description":"Split layout — stat copy left, blur-to-sharp logo marks with wordmarks on the right.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-4.json"},{"name":"logo-cloud-5","title":null,"description":"Three-column vertical logo drift with alternating scroll direction, pause on hover, and brand wordmarks.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-5.json"},{"name":"logo-cloud-7","title":null,"description":"Asymmetric bento logo grid with featured partner cell and decor frame.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-7.json"},{"name":"logo-cloud-14","title":null,"description":"Dual-row logo drift with real marks — opposite directions, pause on hover.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-14.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-14.json"},{"name":"logo-cloud-16","title":null,"description":"Compact footer logo strip — icons on mobile, wordmarks on desktop.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-16.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-16.json"},{"name":"not-found-1","title":null,"description":"Minimal centered 404 with blur stagger entrance and back-home link.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-1.json"},{"name":"not-found-2","title":null,"description":"Split layout — oversized mono 404 left, registry copy and dual CTAs right.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-2.json"},{"name":"not-found-3","title":null,"description":"Decor-framed 404 card with grid pattern — contact-9 DNA for missing routes.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-3.json"},{"name":"not-found-4","title":null,"description":"Search field with quick-link chips and home CTA — catalog discovery on dead ends.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-4.json"},{"name":"not-found-5","title":null,"description":"Cycling status codes with blur crossfade — settles on 404 with dual actions.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-5.json"},{"name":"not-found-6","title":null,"description":"Four-card destination grid — blocks, docs, pricing, and motion shortcuts.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-6.json"},{"name":"not-found-7","title":null,"description":"Editorial 404 with monospace broken-path readout and home link.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-7.json"},{"name":"pricing-1","title":null,"description":"Three-tier pricing cards with highlighted Pro plan and feature lists.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-1.json"},{"name":"pricing-2","title":null,"description":"Center-stage plan panel with chip selector, billing toggle, and blur handoff — witness motion adapted for pricing.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-2.json"},{"name":"pricing-4","title":null,"description":"Editorial split with Starter vs Pro panels — hover focus blurs the inactive tier, hero-1 asymmetry adapted for pricing.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-4.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-4.json"},{"name":"pricing-5","title":null,"description":"Horizontal scroll-snap filmstrip of plan cards — active tier scales up while neighbors recede (blog-5 snap-carousel DNA).","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-5.json"},{"name":"pricing-6","title":null,"description":"Accordion expand per tier with price in trigger and features inside — grid-reveal stagger on open panels.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-6.json"},{"name":"pricing-7","title":null,"description":"Team seat slider with animated total — $147 base plus per-seat pricing with tabular-nums price handoff.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-7.json"},{"name":"pricing-8","title":null,"description":"Minimal single-row pricing band with blur stagger on view — logo-cloud-16 footer strip DNA for inline tiers.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-8.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-8.json"},{"name":"testimonials-1","title":null,"description":"Three quote cards with blur stagger, star ratings, and avatar attribution.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/testimonials-1.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/testimonials-1.json"},{"name":"testimonials-2","title":null,"description":"Framed quote cycle with selector chips — auto-advance and blur crossfade between voices.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/testimonials-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/testimonials-2.json"},{"name":"testimonials-5","title":null,"description":"Centered metric plus auto-cycling quote — tabular num headline with blur reveal.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/testimonials-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/testimonials-5.json"},{"name":"testimonials-6","title":null,"description":"Bordered list rows with avatar, stars, and hover wash — dense social proof.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/testimonials-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/testimonials-6.json"},{"name":"testimonials-10","title":null,"description":"Pro framed panel with grid pattern, quote cycle, and avatar selector chips.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/testimonials-10.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/testimonials-10.json"},{"name":"gallery-2","title":null,"description":"Framed spotlight with labeled thumb rail, metadata panel, and blur crossfade — pauses on hover.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-2.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-2.json"},{"name":"gallery-3","title":null,"description":"Infinite image marquee with edge mask — rolling visual library strip.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-3.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-3.json"},{"name":"gallery-5","title":null,"description":"Asymmetric bento wall — hero tile with two supporting studies.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-5.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-5.json"},{"name":"gallery-6","title":null,"description":"Framed offset masonry columns with variable tile heights, directional reveal, and hover focus.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-6.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-6.json"},{"name":"gallery-7","title":null,"description":"Metric column beside compact image grid — tabular stats with registry visuals.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-7.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-7.json"},{"name":"gallery-10","title":null,"description":"Pro decor-framed exhibition with centered metadata, labeled chips, and blur crossfade — pauses on hover.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-10.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-10.json"},{"name":"header-12","title":null,"description":"Sera series — flat monochrome navigation with hairline bottom border, mobile drawer, and sharp-corner CTAs.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/header-12.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/header-12.json"},{"name":"hero-15","title":null,"description":"Sera series — editorial monochrome hero with indexed meta row, oversized headline, dual CTAs, and hairline stat strip.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/hero-15.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/hero-15.json"},{"name":"features-12","title":null,"description":"Sera series — six-cell bordered ledger grid with mono indexes, hairline grid lines, and icon capability rows.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/features-12.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/features-12.json"},{"name":"cta-11","title":null,"description":"Sera series — bordered conversion panel with split layout, sharp-corner buttons, and inverse footnote strip.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/cta-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/cta-11.json"},{"name":"logo-cloud-18","title":null,"description":"Sera series — static bordered wordmark ledger with hairline cells, no marquee, fully deterministic.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/logo-cloud-18.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/logo-cloud-18.json"},{"name":"gallery-11","title":null,"description":"Sera series — grayscale exhibition grid with hairline gutters and indexed caption bars.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/gallery-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/gallery-11.json"},{"name":"testimonials-11","title":null,"description":"Sera series — quote ledger with featured pull quote, square monogram avatars, and hairline grid attribution.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/testimonials-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/testimonials-11.json"},{"name":"footer-11","title":null,"description":"Sera series — four-column monochrome footer with Nusaiba wordmark and hairline copyright bar.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/footer-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/footer-11.json"},{"name":"pricing-11","title":null,"description":"Sera series — three-tier ledger table with hairline feature rows and inverted highlighted plan.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/pricing-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/pricing-11.json"},{"name":"faqs-11","title":null,"description":"Sera series — split FAQ with indexed accordion rows and hairline dividers.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/faqs-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/faqs-11.json"},{"name":"blog-13","title":null,"description":"Sera series — typographic journal index with mono dates, hairline rows, and hover underlines.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/blog-13.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/blog-13.json"},{"name":"integrations-11","title":null,"description":"Sera series — bordered integration matrix with square glyph codes and status micro-labels.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/integrations-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/integrations-11.json"},{"name":"auth-11","title":null,"description":"Sera series — flat bordered sign-in panel with wordmark strip, SSO fallback, and hairline dividers.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/auth-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/auth-11.json"},{"name":"contact-11","title":null,"description":"Sera series — split contact with channel ledger and flat bordered form.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/contact-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/contact-11.json"},{"name":"not-found-11","title":null,"description":"Sera series — giant mono 404 with hairline rule and bordered suggested-link ledger.","type":"registry:block","source_url":"https://nusaiba.dev/r/base-nova/not-found-11.json","install_command":"npx shadcn@latest add https://nusaiba.dev/r/base-nova/not-found-11.json"}]},{"id":"nysgpt","name":"@nysgpt","slug":"nysgpt","description":"The legislative record as installable parts: flags and seals for every U.S. jurisdiction, state district boundaries with a point-to-representative join, and the policy filters, imagery and directory search every GovBlock page reads.","author":null,"framework":"react","license":null,"tags":["blocks","media"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":[],"urls":{"website":"https://gov.nysgpt.com","github":null,"registry":"https://gov.nysgpt.com/r/{name}.json","source":"https://gov.nysgpt.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/nysgpt","markdown":"https://sh4dcn.netlify.app/md/nysgpt.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 22V7c0-.6-.4-1-1-1H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-5c0-.6-.4-1-1-1H2' stroke='#0a3161'/><path d='M15 2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z' stroke='#b31942'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://gov.nysgpt.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"odysseyui","name":"@odysseyui","slug":"odysseyui","description":"A fully animated, open-source React component distribution built on top of Animate UI conventions, using Next.js App Router, React 19, TypeScript, Tailwind CSS v4, and Motion (formerly Framer Motion). Components are distributed via shadcn CLI and live directly in your codebase. Built as a Turborepo pnpm monorepo with Fumadocs for documentation. Free and MIT-licensed. Use for: Next.js projects that need motion-enhanced shadcn-compatible components with modern Tailwind v4 styling and full code ownership.","author":"shr3kx","framework":"react","license":null,"tags":["aesthetic","ai","animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"labels":["featured"],"urls":{"website":"https://www.odysseyui.com/docs","github":"https://github.com/shr3kx/odysseyui","registry":"https://www.odysseyui.com/r/registry.json","source":"https://www.odysseyui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/odysseyui","markdown":"https://sh4dcn.netlify.app/md/odysseyui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 500 500'> <path d='M255 44c3.481 1.65 6.834 3.481 10.188 5.375l2.732 1.5c8.127 4.527 8.127 4.527 10.08 7.125 1.114 4.964 1.136 9.795 1.114 14.851v2.633q-.002 4.286-.016 8.57l-.005 5.961q-.006 7.827-.024 15.654-.014 7.994-.02 15.987-.016 15.672-.049 31.344l4-32c4.722-1.18 6.407-.167 10.438 2l2.03 1.053q2.365 1.227 4.723 2.47c3.243 1.705 6.496 3.39 9.75 5.07l3.739 1.932 1.903.984q2.88 1.49 5.757 2.983c6.504 3.375 13.024 6.707 19.598 9.946Q344.473 149.21 348 151l1.988.985c1.998 1 3.974 2.034 5.95 3.077l3.464 1.786C362 159 362 159 362.644 162.2c.337 3.595.551 7.147.653 10.756l.06 1.996q.093 3.252.178 6.505l.13 4.636q.137 4.878.265 9.756.129 4.89.27 9.782c.253 8.746.477 17.492.647 26.24a1115 1115 0 0 0 .385 14.39c.094 3.114.158 6.228.215 9.343q.048 2.187.135 4.373c.487 12.51.487 12.51-3.928 18.263A105 105 0 0 1 358 282a422 422 0 0 0-2.957 3.336q-1.422 1.525-2.856 3.039l-3.117 3.34-1.553 1.66a724 724 0 0 0-9.388 10.273 114 114 0 0 1-3.79 4.016c-7.17 7.485-5.88 20.6-6.339 30.336l1.215-3.367c3.61-9.593 7.203-16.55 14.785-23.633a790 790 0 0 0 3-3l3 1q1.51 9.15 2.99 18.304.506 3.11 1.02 6.218.736 4.486 1.459 8.974l.464 2.776c2.297 14.427 2.297 14.427-.597 19.841L353 368a659 659 0 0 0-2.523 3.418q-1.424 1.886-2.852 3.77c-3.519 4.65-7.004 9.318-10.418 14.046l-1.903 2.625a889 889 0 0 0-3.67 5.109l-1.7 2.34-1.499 2.088C327 403 327 403 324 404c-1.15-4.09-1.11-8.032-1.062-12.25l.013-2.258q.02-2.745.049-5.492h-2l-.168 2.34a803 803 0 0 1-2.27 24.973l-.369 3.666c-1.116 10.577-2.21 17.732-9.318 25.896q-1.768 2.1-3.535 4.203l-1.735 2.033c-4.866 5.726-9.59 11.532-13.605 17.889l-3-1c-.234-24.26-.41-48.521-.518-72.783a6140 6140 0 0 0-.236-33.794q-.152-14.727-.187-29.455c-.013-5.2-.044-10.397-.116-15.596a866 866 0 0 1-.074-14.683q-.004-2.692-.061-5.385c-.276-13.573-.276-13.573 3.391-17.898 2.539-1.805 4.96-3.144 7.801-4.406l2.933-1.861 2.364-1.385 2.696-1.587 2.757-1.604 2.89-1.693q4.177-2.44 8.36-4.87l4.469-2.617q1.89-1.1 3.781-2.196l3.266-1.894C333 249 333 249 335 249l.076-2.34q.176-5.235.361-10.472l.12-3.682.127-3.526.11-3.253C336 223 336 223 337 220c-14.027 5.763-27.76 11.594-41 19a354 354 0 0 1-4.875 2.438 303 303 0 0 0-9.445 4.867l-2.333 1.248q-2.32 1.245-4.636 2.501C269.22 253 269.22 253 267 253a944 944 0 0 0 6.374 43.614c.21 1.263.42 2.526.638 3.827l.577 3.397c1.054 8.105 1.054 8.105-.839 11.217l-1.75 1.82-1.934 2.055a839 839 0 0 1-8.152 8.043c-2.465 2.611-4.445 5.45-6.394 8.46C254 337 254 337 251.656 338.056 249 338 249 338 246.324 335.762a124 124 0 0 1-2.637-3.075l-1.376-1.552C239 327.316 239 327.316 239 325l-1.696-.714c-5.15-2.875-8.63-7.083-11.304-12.286-.463-5.804.58-11.081 1.75-16.75q.392-2.19.77-4.383c1.006-5.715 2.175-11.396 3.35-17.078l.419-2.04c.377-1.833.764-3.664 1.15-5.494.767-4.453.847-8.755.561-13.255-10.267-5.49-20.583-10.85-31.016-16.016a2417 2417 0 0 1-7.985-3.984l-3.973-1.985q-5.234-2.61-10.448-5.261l-2.195-1.111a957 957 0 0 1-4.156-2.118c-3.056-1.543-5.891-2.776-9.227-3.525-.911 9.646-1.548 19.82 2 29 5.985 6.726 14.62 10.049 22.745 13.543 4.448 1.99 8.485 4.439 12.567 7.082l1.878 1.147c3.808 2.368 6.954 4.764 9.81 8.228.483 2.765.658 4.907.601 7.663l.013 2.314c.008 2.556-.019 5.11-.046 7.665q-.003 2.75.002 5.5c.001 4.975-.028 9.949-.063 14.924-.031 5.2-.034 10.4-.04 15.599-.016 9.845-.057 19.69-.107 29.536-.056 11.21-.083 22.418-.108 33.628-.053 23.057-.14 46.114-.252 69.171-3 0-3 0-4.762-1.582-4.286-4.965-8.3-10.03-12.043-15.42-2.112-2.992-2.112-2.992-4.457-5.504-7.753-8.902-8.633-17.271-9.675-28.682a1503 1503 0 0 0-.827-7.611q-.255-2.347-.478-4.695c-.52-5.292-1.528-10.332-2.758-15.506l-1 18h-4c-1.684-1.773-1.684-1.773-3.437-4.375l-2.094-3.027-1.172-1.719c-1.973-2.858-4.01-5.67-6.047-8.482a765 765 0 0 1-3.37-4.698c-2.474-3.464-4.951-6.857-7.751-10.066l-2.504-2.945-2.21-2.426c-2.333-5.38-1.201-10.583-.415-16.262l.317-2.324c.854-6.173 1.794-12.33 2.745-18.488l.854-5.604A6817 6817 0 0 1 151 309c1.893-.568 1.893-.568 4-1 9.907 6.266 14.314 19.595 18 30h1c-.304-3.818-.678-7.627-1.062-11.437l-.256-3.24c-.857-8.003-3.191-12.51-8.682-18.323l-1.489-1.69a211 211 0 0 0-4.011-4.373c-3.643-3.92-7.232-7.875-10.734-11.921-2.933-3.349-5.944-6.628-8.946-9.914-3.397-3.923-2.949-7.397-2.906-12.364l.012-2.562c.112-18.395.573-36.787 1.074-55.176l.089-3.29q.264-9.671.615-19.338.108-3.047.196-6.095c.084-2.826.192-5.65.307-8.476l.06-2.535c.166-3.489.384-5.79 2.477-8.645a54 54 0 0 1 7.15-4.355l2.874-1.478 3.044-1.538 6.258-3.21 3.08-1.574a634 634 0 0 0 11.037-5.841 334 334 0 0 1 12.438-6.375c3.986-1.95 7.825-4.076 11.648-6.324l2.853-1.671a563 563 0 0 0 5.666-3.381l2.645-1.558 2.372-1.423C214 119 214 119 216.223 119.23 218 120 218 120 219 122c.365 2.545.686 5.079.973 7.633l.264 2.278q.417 3.607.826 7.214l.564 4.887q.692 5.993 1.373 11.988l-.054-3.687a4719 4719 0 0 1-.36-34.387 2133 2133 0 0 0-.19-17.679c-.086-5.686-.134-11.372-.155-17.059q-.022-3.255-.087-6.51a448 448 0 0 1-.062-9.114l-.087-2.723c.033-2.523.139-4.464.995-6.841 2.416-2.267 5.01-3.62 8-5l2.465-1.501a603 603 0 0 1 6.66-3.874l2.34-1.402c4.563-2.605 7.34-4.12 12.535-2.223' fill='var(--foreground)'/>  <path d='M249 43c6.199.43 10.896 3.386 16.188 6.375l2.732 1.5c8.127 4.527 8.127 4.527 10.08 7.125 1.114 4.964 1.136 9.795 1.114 14.851v2.633q-.002 4.286-.016 8.57l-.005 5.961q-.006 7.827-.024 15.654-.014 7.994-.02 15.987-.016 15.672-.049 31.344l4-32c4.722-1.18 6.407-.167 10.438 2l2.03 1.053q2.365 1.227 4.723 2.47c3.243 1.705 6.496 3.39 9.75 5.07l3.739 1.932 1.903.984q2.88 1.49 5.757 2.983c6.504 3.375 13.024 6.707 19.598 9.946Q344.473 149.21 348 151l1.988.985c1.998 1 3.974 2.034 5.95 3.077l3.464 1.786C362 159 362 159 362.644 162.2c.337 3.595.551 7.147.653 10.756l.06 1.996q.093 3.252.178 6.505l.13 4.636q.137 4.878.265 9.756.129 4.89.27 9.782c.253 8.746.477 17.492.647 26.24a1115 1115 0 0 0 .385 14.39c.094 3.114.158 6.228.215 9.343q.048 2.187.135 4.373c.487 12.51.487 12.51-3.928 18.263A105 105 0 0 1 358 282a422 422 0 0 0-2.957 3.336q-1.422 1.525-2.856 3.039l-3.117 3.34-1.553 1.66a724 724 0 0 0-9.388 10.273 114 114 0 0 1-3.79 4.016c-7.17 7.485-5.88 20.6-6.339 30.336l1.215-3.367c3.61-9.593 7.203-16.55 14.785-23.633a790 790 0 0 0 3-3l3 1q1.51 9.15 2.99 18.304.506 3.11 1.02 6.218.736 4.486 1.459 8.974l.464 2.776c2.297 14.427 2.297 14.427-.597 19.841L353 368a659 659 0 0 0-2.523 3.418q-1.424 1.886-2.852 3.77c-3.519 4.65-7.004 9.318-10.418 14.046l-1.903 2.625a889 889 0 0 0-3.67 5.109l-1.7 2.34-1.499 2.088C327 403 327 403 324 404c-1.15-4.09-1.11-8.032-1.062-12.25l.013-2.258q.02-2.745.049-5.492h-2l-.168 2.34a803 803 0 0 1-2.27 24.973l-.369 3.666c-1.116 10.577-2.21 17.732-9.318 25.896q-1.768 2.1-3.535 4.203l-1.735 2.033c-4.866 5.726-9.59 11.532-13.605 17.889l-3-1c-.234-24.26-.41-48.521-.518-72.783a6140 6140 0 0 0-.236-33.794q-.152-14.727-.187-29.455c-.013-5.2-.044-10.397-.116-15.596a866 866 0 0 1-.074-14.683q-.004-2.692-.061-5.385c-.276-13.573-.276-13.573 3.391-17.898 2.539-1.805 4.96-3.144 7.801-4.406l2.933-1.861 2.364-1.385 2.696-1.587 2.757-1.604 2.89-1.693q4.177-2.44 8.36-4.87l4.469-2.617q1.89-1.1 3.781-2.196l3.266-1.894C333 249 333 249 335 249l.076-2.34q.176-5.235.361-10.472l.12-3.682.127-3.526.11-3.253C336 223 336 223 337 220c-14.027 5.763-27.76 11.594-41 19a354 354 0 0 1-4.875 2.438 303 303 0 0 0-9.445 4.867l-2.333 1.248q-2.32 1.245-4.636 2.501C269.22 253 269.22 253 267 253a944 944 0 0 0 6.374 43.614l.638 3.827.577 3.397c1.054 8.105 1.054 8.105-.839 11.217l-1.75 1.82-1.934 2.055a977 977 0 0 1-8.144 8.043c-2.493 2.63-4.557 5.472-6.598 8.46C254 337 254 337 251 338V44zm-87 173 6 2-3 1c-.911 9.646-1.548 19.82 2 29 5.985 6.726 14.62 10.049 22.745 13.543 4.448 1.99 8.485 4.439 12.567 7.082l1.878 1.147c3.808 2.368 6.954 4.764 9.81 8.228.483 2.765.658 4.907.601 7.663l.013 2.314c.008 2.556-.019 5.11-.046 7.665q-.003 2.75.002 5.5c.001 4.975-.028 9.949-.063 14.924-.031 5.2-.034 10.4-.04 15.599-.016 9.845-.057 19.69-.107 29.536-.056 11.21-.083 22.418-.108 33.628-.053 23.057-.14 46.114-.252 69.171-3 0-3 0-5.008-1.863l-2.117-2.45-2.133-2.425C203 455 203 455 202 452l5 1-.031-2.016a17707 17707 0 0 1-.303-20.312q-.102-6.906-.223-13.812c-.316-18.288-.47-36.563-.351-54.853.052-8.058.063-16.115.068-24.173.006-5.703.036-11.404.116-17.107.076-5.431.096-10.86.075-16.292q.004-3.023.073-6.046c.607-10.954.607-10.954-4.028-20.311-3.059-2.061-6.032-3.585-9.396-5.078a109 109 0 0 1-4.5-3.125c-3.32-2.225-6.714-4.014-10.312-5.75-6.54-3.169-14.016-6.953-19.188-12.125-.1-1.414-.13-2.833-.125-4.25l-.008-2.328c.133-2.422.133-2.422.608-4.742.523-2.669.823-5.272 1.06-7.98l.264-2.96.263-3.053.276-3.11q.335-3.788.662-7.577' fill='var(--foreground)'/>  <path d='M338 220h1c1.562 6.991 2.522 13.856 3 21l.375 2.895c.258 2.944.326 5.23-.375 8.105-2.601 3.04-5.567 4.991-9 7l-2.273 1.398a247 247 0 0 1-6.66 3.766l-2.221 1.215q-2.228 1.216-4.461 2.422-2.275 1.249-4.51 2.57C310 272 310 272 306.497 273.661c-5.4 2.74-9.669 5.048-11.798 10.928-.674 4.442-.554 8.878-.457 13.357a743 743 0 0 1-.06 5.132c-.054 4.625-.021 9.246.027 13.87.035 4.844-.01 9.687-.047 14.53-.057 9.166-.044 18.33-.005 27.496.045 11.45.002 22.9-.043 34.35a6097 6097 0 0 0-.049 40.404q.008 4.978.03 9.955l.006 4.41.013 3.845C294 455 294 455 293 458l-2 1c-.658 3.03-.658 3.03-1 6l-3-1c-.234-24.26-.41-48.521-.518-72.783a6140 6140 0 0 0-.236-33.794q-.152-14.727-.187-29.455c-.013-5.2-.044-10.397-.116-15.596a866 866 0 0 1-.074-14.683q-.004-2.692-.061-5.385c-.276-13.572-.276-13.572 3.39-17.896 2.538-1.807 4.96-3.145 7.802-4.408l2.996-1.893c.806-.47 1.611-.94 2.442-1.423l2.773-1.627 2.789-1.62 5.563-3.253 2.727-1.584a269 269 0 0 0 5.479-3.325l2.66-1.654 2.367-1.498c3.28-1.671 5.6-1.593 9.204-1.123l-.035-1.796c-.071-6.505.363-12.862 1.035-19.329l.29-2.898q.348-3.49.71-6.977M216 87c.453 3.08.856 6.163 1.25 9.25l.39 2.645c.784 6.41.784 6.41-1.015 9.363a239 239 0 0 1-11.875 7.367 4874 4874 0 0 0-5.437 3.219l-2.727 1.613a547 547 0 0 0-10.836 6.668l-1.948 1.223L178 132a1492 1492 0 0 1-31 19l-2.8 1.754C142 154 142 154 140 154c1.454-4.503 3.98-7.635 7.063-11.125q1.495-1.725 2.988-3.453l1.506-1.736c2.12-2.476 4.153-5.02 6.193-7.561 5.148-6.309 10.745-11.836 16.922-17.129a366 366 0 0 0 5.094-4.46C188.54 100.801 198 94.072 208 88l1.992-1.215c2.428-.95 3.593-.647 6.008.215m71-1c14.897 4.495 27.465 16.526 39.09 26.52a139 139 0 0 0 5.789 4.68L334 119v2h2v2l3 1c1.543 1.496 1.543 1.496 3.188 3.438l1.851 2.183C359.431 148.294 359.431 148.294 361 153c-4.051-.586-6.87-1.878-10.36-3.992l-3.104-1.87-3.286-2.013-3.406-2.064a690 690 0 0 1-20.499-12.98c-10.524-6.88-21.422-13.265-32.43-19.335C285 109 285 109 284 107c-.562-6.796.183-13.436 2-20zm-74 192h1v186c-3 0-3 0-5.008-1.863l-2.117-2.45-2.133-2.425C203 455 203 455 202 452l5 1-.007-1.668q-.032-8.615-.048-17.228-.008-3.213-.02-6.425a3674 3674 0 0 1-.023-9.25l-.015-2.888c0-4.632.155-8.985 1.113-13.541l3 1c1.024-25.562 1.296-51.124 1.532-76.703q.078-8.199.161-16.397.159-15.95.307-31.9m-51-62 6 2-3 1c-.906 9.586-1.628 19.913 2 29 6.243 6.722 14.92 10.359 23.304 13.743 2.51 1.17 3.93 2.164 5.696 4.257l-3 6c-9.124-4.799-18.17-9.673-27-15l-2.297-1.23c-1.953-1.145-1.953-1.145-4.703-3.77-.826-3.889-.325-7.459.488-11.311.509-2.67.81-5.283 1.047-7.99l.264-2.959.263-3.053.276-3.11q.335-3.788.662-7.577m-10 92c5.09.479 7.652 4.412 10.816 8.04 3.41 4.623 5.262 9.587 7.184 14.96q.886 2.134 1.813 4.25L173 338h1v-5l2 1v14c-5.778-4.717-10.65-9.808-15.305-15.633C157.51 328.39 153.938 325.2 150 322v7h-1c-.262-6.823.537-13.326 2-20zm195 0 3 1c.7 3.914 1.383 7.832 2.063 11.75l.603 3.367.557 3.242.523 2.984C354 333 354 333 353 337l-3-14-3.324 3.324c-8.688 8.688-8.688 8.688-10.779 10.775a656 656 0 0 0-4.667 4.733C329 344 329 344 325 347l1-13 2 4 1.215-3.367c3.61-9.593 7.203-16.55 14.785-23.633a790 790 0 0 0 3-3M225 56h2v2h-2v116c-2.824-2.824-2.633-5.194-3.125-9.125l-.257-2.045c-.557-4.654-.809-9.152-.618-13.83h1l1 7-.013-3.707q-.06-17.261-.09-34.522a8638 8638 0 0 0-.048-17.75 5929 5929 0 0 1-.039-17.117q-.004-3.271-.021-6.543c-.015-3.046-.017-6.092-.016-9.138l-.022-2.755c.02-6.24.02-6.24 2.249-8.468m-40.937 225.25C187 282 187 282 189 284c-.462 6.462-.462 6.462-3 9-3.098.33-5.173.453-7.937-1.062-1.73-3.154-.922-5.563-.063-8.938 3-2 3-2 6.063-1.75' fill='var(--foreground)'/>  <path d='M338 220h1c1.56 6.98 2.564 13.86 3 21l.164 2.625c.086 2.438.086 2.438-.164 6.375l-3 2-3-2c-.428-6.728.31-13.369 1-20.062.095-.961.19-1.922.29-2.913q.349-3.513.71-7.025m-16 62c2 2 2 2 2.375 4.938C324 290 324 290 322.313 291.875c-2.646 1.287-4.407 1.367-7.313 1.125v-2h-2c-1.32-6.36-1.32-6.36 0-9 3.178-1.59 5.635-.795 9 0m-110 90h1l1 92h-3l-1-2h2z' fill='var(--foreground)'/>  <path d='M224 115h1v59c-2.824-2.824-2.633-5.194-3.125-9.125l-.257-2.045c-.557-4.654-.809-9.152-.618-13.83h1l1 7-.016-3.01q-.026-5.565-.039-11.132-.008-2.401-.02-4.804-.018-3.466-.023-6.933l-.015-2.144c0-4.441.392-8.61 1.113-12.977' fill='#797978'/>  <path d='M167 325c1.827 2.74 2.937 5.138 4.125 8.188l1.07 2.73L173 338h1v-5l2 1v14c-8.203-6.81-8.203-6.81-10-10-.074-3.234-.074-3.234.313-6.75l.363-3.547zm40 92h1c.607 13.005 1.188 25.979 1 39l-4 1-3-5 5 1zm-57-263c-1.757 4.313-4.806 7.903-9 10-.47 3.276-.47 3.276-.625 7.063l-.227 3.91L140 178h-1a499 499 0 0 1-.25-8.25l-.102-2.355c-.099-5.802-.099-5.802 2.204-8.833C147.125 154 147.125 154 150 154m27 218h2c1.25 2.501 1.133 4.274 1.125 7.063l.008 2.722C180 384 180 384 179 385a61 61 0 0 0-.316 4.035l-.127 2.451-.12 2.577-.13 2.587q-.159 3.175-.307 6.35h-1zm7.188-90.625L187 282l1 3a875 875 0 0 1-4.375 2l-2.46 1.125C179 289 179 289 177 289c.313-2.875.313-2.875 1-6 3-2 3-2 6.188-1.625M315 281c6.462.462 6.462.462 9 3v3l-3.187-.562c-3.384-.389-5.577-.32-8.813.562.573-2.867.861-3.861 3-6m-87 16h1l-1 16h4c.697 1.287 1.382 2.58 2.063 3.875l1.16 2.18L236 321l-1 2c-8.65-7.971-8.65-7.971-9.23-12.993.166-4.45 1.11-8.709 2.23-13.007m-7-148h1l1 7 2-3v21c-2.824-2.824-2.633-5.194-3.125-9.125l-.257-2.045c-.557-4.654-.809-9.152-.618-13.83m-9 288h1c.942 9.037 1.112 17.926 1 27h-3l-1-2h2zm60-142h1q.508 2.812 1 5.625l.563 3.164c1.098 8.063 1.098 8.063-.657 11.11L270 319l-1-3 1.438-2.812c2.686-5.641 1.79-12.1 1.562-18.188m-110-79 5 1-3 1 .105 3.176q.043 2.068.083 4.137l.076 2.091c.074 5.153.074 5.153-1.776 7.576L161 236c-.185-13.633-.185-13.633 1-20' fill='var(--foreground)'/>  <path d='M322 371h1c.848 6.567 1.126 12.946 1.063 19.563l-.014 2.767q-.018 3.335-.049 6.67h-1v-16h-2a701 701 0 0 1-.062-4.812l-.036-2.708C321 374 321 374 322 371' fill='#545453'/>  <path d='m145 145 1 2c2.017 1.134 2.017 1.134 4 2q-1.932 1.257-3.875 2.5l-2.18 1.406C142 154 142 154 140 154c1.25-3.46 2.675-6.147 5-9' fill='#c1c1bf'/>  <path d='M336 223h1c.185 18.82.185 18.82-1 28l-3 1-2-2 4-1z' fill='#767674'/>  <path d='M182 395h3v20h-1c-2.296-13.633-2.296-13.633-2-20' fill='#a2a2a2'/>  <path d='M173 142v2h-2l-1 3-6 1v2h-6a66.4 66.4 0 0 1 8.625-5.687l2.352-1.325C171 142 171 142 173 142' fill='#bdbdbd'/>  <path d='m174 130 4 2a345 345 0 0 1-4.312 3.063l-2.426 1.722L169 138l-3-1c1.25-2.5 1.25-2.5 3-5h4z' fill='#cacaca'/>  <path d='m296 451 3 2q-1.685 2.19-3.375 4.375l-1.898 2.46C292 462 292 462 290 464v-5l3-1 .375-2.937L294 452z' fill='#b2b1b1'/> <path d='M185 123c2.125.938 2.125.938 4 2a783 783 0 0 1-4.375 3l-2.46 1.688C180 131 180 131 178 131v-2h3l.875-2.437C183 124 183 124 185 123' fill='#bdbdbc'/>  <path d='M326 334h1c1.125 5.75 1.125 5.75 0 8l4-1a318 318 0 0 1-5 6h-1z' fill='#60615f'/> <path d='M216.125 119.25C218 120 218 120 219 122c.134 2.672.043 5.323 0 8h-1l-1-8-1.875.625L213 123l-2-2c3-2 3-2 5.125-1.75' fill='#98999a'/>  <path d='m174 333 2 1v14c-2.133-3.199-2.59-5.23-3-9l1-1c.04-1.666.043-3.334 0-5' fill='#626260'/>  <path d='M336 336c0 3 0 3-1.863 5.262l-2.45 2.425-2.425 2.45C327 348 327 348 324 348c1.397-2.794 3.56-4.059 6-6a281 281 0 0 0 5-5z' fill='#bbbbb9'/>  <path d='M184.188 281.375 187 282v3l-2.75-.75c-3.338-.633-3.338-.633-5.625 1.688L177 288c.313-2.375.313-2.375 1-5 3-2 3-2 6.188-1.625' fill='#5d5e5d'/>  <path d='M167 325c2.458 3.687 3.012 6.697 4 11h-4z' fill='#9b9d9c'/>  <path d='M178 290h10l-2 3c-3 .375-3 .375-6 0z' fill='#b7b8b7'/>  <path d='m211 122-2 5h-7c6.129-5 6.129-5 9-5' fill='#c2c3c3'/>  <path d='m161 139 3 2c-5.176 3.223-5.176 3.223-7 4l-3-1c2.128-2.34 4.116-3.707 7-5' fill='#c6c8c7'/>  <path d='m315 135 7 3-2 2c-3.125-.375-3.125-.375-6-1z' fill='#989897'/>  <path d='M300 127c3.46 1.25 6.147 2.675 9 5l-3 2v-3l-6-1z' fill='#919293'/>  <path d='M317 412h1l-1 13h-1l-1-11h2z' fill='#777776'/>  <path d='m168 335 3 1-1 6c-1.562-1.25-1.562-1.25-3-3 .313-2.187.313-2.187 1-4' fill='#bebebe'/>  <path d='m347 308 3 1-1 4-2-2-3 3-2-1z' fill='#7a7a7c'/>  <path d='m315 281 7 1-1 2c-2.649.594-5.292.742-8 1z' fill='#4f5153'/>  <path d='m341 128 6 5-2 1c-2.625-1.437-2.625-1.437-5-3z' fill='#9f9f9d'/>  <path d='M167 120c0 3 0 3-2.5 5.688L162 128l-2-1z' fill='#a6a6a6'/>  <path d='M305 444c-1.393 3.367-2.979 4.986-6 7 .628-3.645 1.853-7 6-7' fill='#9a9c9c'/>  <path d='M216 103h1v5l-6 3v-3l5-1z' fill='#b4b4b4'/> <path d='m267 51 8 4-3 2c-1.937-.75-1.937-.75-4-2z' fill='#949494'/> </svg>","preview_image":"https://odysseyui.com/docs-og/image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":30,"open_issues":2,"last_commit":"2026-05-06T21:40:03Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.odysseyui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.odysseyui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.odysseyui.com/r/registry.json","clone":"git clone https://github.com/shr3kx/odysseyui.git","clone_degit":"npx degit shr3kx/odysseyui","registry_fetch":"curl -s https://www.odysseyui.com/r/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://www.odysseyui.com/r/index.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/index.json"},{"name":"components-ai-chat-container","title":"Chat Container","description":"A composable chat container with auto-scroll, empty state, animated messages, scroll-to-bottom button, and divider support.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-chat-container.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-chat-container.json"},{"name":"components-ai-message-bubble","title":"Message Bubble","description":"A composable chat message bubble with avatar, content, and timestamp sub-components. Role-aware layout for user and assistant messages.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-message-bubble.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-message-bubble.json"},{"name":"components-ai-model-selector","title":"Model Selector","description":"A modal-based AI model picker with provider filtering, search, starred models, and capability badges.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-model-selector.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-model-selector.json"},{"name":"components-ai-prompt-input","title":"Prompt Input","description":"Simple Prompt Interface input design.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-prompt-input.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-prompt-input.json"},{"name":"components-ai-search-modal","title":"Search Modal","description":"A full-featured chat search modal with conversation preview, inline rename, delete, keyboard navigation, and time-grouped results.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-search-modal.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-search-modal.json"},{"name":"components-ai-steps","title":"Steps","description":"A collapsible AI tool-run steps component with animated shimmer trigger and a vertical progress bar.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-steps.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-steps.json"},{"name":"components-ai-thought-chain","title":"Thought Chain","description":"An animated AI reasoning step-by-step thought chain component with collapsible steps and status indicators.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-thought-chain.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-thought-chain.json"},{"name":"components-ai-token-usage","title":"Token Usage","description":"A token usage card showing input/output counts, costs, proportion bar, and an interactive token breakdown with tooltips.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ai-token-usage.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ai-token-usage.json"},{"name":"components-animate-avatar-group","title":"Avatar Group","description":"An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-avatar-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-avatar-group.json"},{"name":"components-animate-card-stroke","title":"Card Stroke","description":"A card component with animated SVG stroke and split-text reveal on hover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-card-stroke.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-card-stroke.json"},{"name":"components-animate-code","title":"Code","description":"A code component that animates the code as it is written.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-code.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-code.json"},{"name":"components-animate-code-block","title":"Code Block","description":"A styled code block frame component with language badge and optional copy functionality.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-code-block.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-code-block.json"},{"name":"components-animate-code-tabs","title":"Code Tabs","description":"A tabs component that displays code for different languages.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-code-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-code-tabs.json"},{"name":"components-animate-cursor","title":"Cursor","description":"An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-cursor.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-cursor.json"},{"name":"components-animate-footer","title":"Footer","description":"A minimal footer design inspired by Dia browser.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-footer.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-footer.json"},{"name":"components-animate-github-stars-wheel","title":"GitHub Stars Wheel","description":"A scrolling wheel that displays GitHub stars count.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-github-stars-wheel.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-github-stars-wheel.json"},{"name":"components-animate-tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-animate-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-animate-tabs.json"},{"name":"components-app-shells-app-shell-1","title":"App Shell 1","description":"Collapsible sidebar app shell with search command palette, breadcrumb page header, scrollable nav sections, and avatar-based user dropdown.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-app-shells-app-shell-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-app-shells-app-shell-1.json"},{"name":"components-app-shells-app-shell-2","title":"App Shell 2","description":"A floating sidebar app shell with collapsible icon mode, searchable navigation, keyboard shortcuts modal, and user menu.","type":"registry:component","source_url":"https://www.odysseyui.com/r/components-app-shells-app-shell-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-app-shells-app-shell-2.json"},{"name":"components-buttons-button","title":"Button","description":"A button component with a variety of styles and animations.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-buttons-button.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-button.json"},{"name":"components-buttons-copy","title":"Copy Button","description":"A copy button component with a variety of styles and animations.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-buttons-copy.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-copy.json"},{"name":"components-buttons-github-stars","title":"GitHub Stars Button","description":"A clickable button that links to a GitHub repository and displays the number of stars.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-buttons-github-stars.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-github-stars.json"},{"name":"components-buttons-icon","title":"Icon Button","description":"An icon button component with a variety of styles and animations.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-buttons-icon.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-icon.json"},{"name":"components-buttons-smart-upload","title":"Smart Upload","description":"Turn file uploads into engaging moments with smooth animations and intuitive visual feedback","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-buttons-smart-upload.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-smart-upload.json"},{"name":"components-buttons-theme-toggler","title":"Theme Toggler Button","description":"A button that toggles the theme gradually.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-buttons-theme-toggler.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-buttons-theme-toggler.json"},{"name":"components-community-notification-list","title":"Notification List","description":"A fun notification list with animated stacking and cards that expand as you interact.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-community-notification-list.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-community-notification-list.json"},{"name":"components-community-playful-todolist","title":"Playful Todolist","description":"A playful todolist component with animated wavy strikethroughs for each completed task.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-community-playful-todolist.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-community-playful-todolist.json"},{"name":"components-faqs-faq-1","title":"FAQ 1","description":"Accordion-based FAQ section with a serif heading and divider separators.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-faqs-faq-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-faqs-faq-1.json"},{"name":"components-logoclouds-logocloud-1","title":"Logo Cloud 1","description":"Animated logo cloud with staggered fade-in and group cycling.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-1.json"},{"name":"components-logoclouds-logocloud-2","title":"Logo Cloud 2","description":"Animated logo cloud that cycles groups of 3 logos with spring blur transitions.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-2.json"},{"name":"components-logoclouds-logocloud-3","title":"Logo Cloud 3","description":"Infinite scrolling logo marquee with progressive blur edges and motion-powered animation.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-3.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-3.json"},{"name":"components-logoclouds-logocloud-4","title":"Logo Cloud 4","description":"CSS-animated logo carousel that cycles groups with blur and slide transitions.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-4.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-4.json"},{"name":"components-logoclouds-logocloud-5","title":"Logo Cloud 5","description":"CSS marquee logo cloud with configurable direction, speed, gap, and fade edges.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-5.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-logoclouds-logocloud-5.json"},{"name":"components-music-album-cards","title":"Album Cards","description":"A stacked album card row where clicking a card ejects a spinning vinyl disc, with hover lift and neighbor dimming effects. Requires a /api/spotify route.","type":"registry:component","source_url":"https://www.odysseyui.com/r/components-music-album-cards.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-music-album-cards.json"},{"name":"components-music-spotify-card","title":"Spotify Card","description":"A horizontal Spotify music card with blurred album art background, vinyl record animation, seek bar, and playback controls. Requires a /api/spotify route.","type":"registry:component","source_url":"https://www.odysseyui.com/r/components-music-spotify-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-music-spotify-card.json"},{"name":"components-music-vertical-spotify-card-1","title":"Vertical Spotify Card 1","description":"A vertical Spotify music card with a progressive blur album art background, seek bar, and transport controls. Requires a /api/spotify route.","type":"registry:component","source_url":"https://www.odysseyui.com/r/components-music-vertical-spotify-card-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-music-vertical-spotify-card-1.json"},{"name":"components-music-vertical-spotify-card-2","title":"Vertical Spotify Card 2","description":"A vertical Spotify music card with a color-extracted blurred gradient background, album art, seek bar, and transport controls. Requires a /api/spotify route.","type":"registry:component","source_url":"https://www.odysseyui.com/r/components-music-vertical-spotify-card-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-music-vertical-spotify-card-2.json"},{"name":"components-preloaders-greetings","title":"Greeting Preloader","description":"A greeting preloader that displays rapid greetings in different languages.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-preloaders-greetings.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-preloaders-greetings.json"},{"name":"components-pricings-pricing-1","title":"Pricing 1","description":"Modern pricing grid with animated sliding numbers, billing toggle, and featured plan corner decorations.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-pricings-pricing-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-1.json"},{"name":"components-pricings-pricing-2","title":"Pricing 2","description":"Three-column pricing with gradient featured card and illustrated cursor decoration.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-pricings-pricing-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-2.json"},{"name":"components-pricings-pricing-3","title":"Pricing 3","description":"Asymmetric three-column pricing with elevated featured plan, amber badge, and security footer note.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-pricings-pricing-3.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-3.json"},{"name":"components-pricings-pricing-4","title":"Pricing 4","description":"Pastel pricing cards with animated billing toggle, tag badges, and info rows.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-pricings-pricing-4.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-4.json"},{"name":"components-pricings-pricing-5","title":"Pricing 5","description":"Horizontal list-style pricing layout with accent icon blobs, strikethrough original prices, and optional recommended badge.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-pricings-pricing-5.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-5.json"},{"name":"components-pricings-pricing-6","title":"Pricing 6","description":"Tabbed individuals/teams pricing grid with coloured card backdrops, Avatar orbs, grain texture overlays, and feature checklists.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-pricings-pricing-6.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-pricings-pricing-6.json"},{"name":"components-primitives-avatar","title":"Avatar","description":"An animated AI orb avatar with blinking eyes, 12 color presets, 3 sizes, and 3 shapes (circle, square, squircle).","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-primitives-avatar.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-primitives-avatar.json"},{"name":"components-primitives-tree-filter","title":"Tree Filter","description":"Animated tree-structured filter with nested checkboxes, search, and group cycling.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-primitives-tree-filter.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-primitives-tree-filter.json"},{"name":"components-radix-checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-radix-checkbox.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-radix-checkbox.json"},{"name":"components-radix-dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-radix-dropdown-menu.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-radix-dropdown-menu.json"},{"name":"components-radix-hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-radix-hover-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-radix-hover-card.json"},{"name":"components-texts-text-highlighter","title":"Text Highlighter","description":"Rough-notation powered text annotations — highlight, underline, box, circle, and more.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-texts-text-highlighter.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-highlighter.json"},{"name":"components-texts-text-reveal","title":"Text Reveal","description":"Scramble-reveal animation that decodes characters progressively into the final text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-texts-text-reveal.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-reveal.json"},{"name":"components-texts-text-shimmer","title":"Text Shimmer","description":"Sleek text shimmer effect.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-texts-text-shimmer.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-shimmer.json"},{"name":"components-texts-text-shimmer-wave","title":"Text Shimmer Wave","description":"3D wave shimmer effect that ripples through each character sequentially.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-texts-text-shimmer-wave.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-texts-text-shimmer-wave.json"},{"name":"components-texts-typewriter","title":"Typewriter","description":"Animated typewriter effect with multi-sequence support, natural variance, delete animation, and auto-loop.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-texts-typewriter.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-texts-typewriter.json"},{"name":"components-ui-badge","title":"Badge","description":"A badge component with semantic and color variants built on Base UI.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/components-ui-badge.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/components-ui-badge.json"},{"name":"demo-components-ai-chat-container","title":"Chat Container Demo","description":"Demo of the Chat Container component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-chat-container.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-chat-container.json"},{"name":"demo-components-ai-message-bubble","title":"Message Bubble Demo","description":"Demo of the Message Bubble component inside a Chat Container.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-message-bubble.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-message-bubble.json"},{"name":"demo-components-ai-model-selector","title":"Model Selector Demo","description":"Demo of the AI model selector modal component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-model-selector.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-model-selector.json"},{"name":"demo-components-ai-prompt-input","title":"Prompt Input Demo","description":"Demo of the AI prompt input interface.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-prompt-input.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-prompt-input.json"},{"name":"demo-components-ai-search-modal","title":"Search Modal Demo","description":"Demo of the Search Modal component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-search-modal.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-search-modal.json"},{"name":"demo-components-ai-steps","title":"Steps Demo","description":"Demo of the AI steps tool-run component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-steps.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-steps.json"},{"name":"demo-components-ai-thought-chain","title":"Thought Chain Demo","description":"Demo of the AI thought chain reasoning component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-thought-chain.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-thought-chain.json"},{"name":"demo-components-ai-token-usage","title":"Token Usage Demo","description":"Demo of the Token Usage component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ai-token-usage.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ai-token-usage.json"},{"name":"demo-components-animate-avatar-group","title":"Avatar Group Demo","description":"Demo showing a avatar group.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-avatar-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-avatar-group.json"},{"name":"demo-components-animate-card-stroke","title":"Card Stroke Demo","description":"Demo of the card stroke animation.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-card-stroke.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-card-stroke.json"},{"name":"demo-components-animate-code","title":"Code Demo","description":"Demo showing a code.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-code.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-code.json"},{"name":"demo-components-animate-code-block","title":"Code Block Demo","description":"Demo showing a code block frame with a Python snippet.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-code-block.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-code-block.json"},{"name":"demo-components-animate-code-tabs","title":"Code Tabs Demo","description":"Demo showing a code tabs.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-code-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-code-tabs.json"},{"name":"demo-components-animate-cursor","title":"Cursor Demo","description":"Demo showing a cursor.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-cursor.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-cursor.json"},{"name":"demo-components-animate-footer","title":"Footer Demo","description":"Demo of the dia browser inspired footer.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-footer.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-footer.json"},{"name":"demo-components-animate-github-stars-wheel","title":"Animate GitHub Stars Wheel Demo","description":"Demo showing an animated github stars wheel.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-github-stars-wheel.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-github-stars-wheel.json"},{"name":"demo-components-animate-tabs","title":"Animate Tabs Demo","description":"Demo showing an animated tabs.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-animate-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-animate-tabs.json"},{"name":"demo-components-app-shells-app-shell-1","title":"App Shell 1 Demo","description":"Demo of the collapsible sidebar app shell with breadcrumb header and dashboard placeholder.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-app-shells-app-shell-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-app-shells-app-shell-1.json"},{"name":"demo-components-app-shells-app-shell-2","title":"App Shell 2 Demo","description":"Demo for App Shell 2","type":"registry:component","source_url":"https://www.odysseyui.com/r/demo-components-app-shells-app-shell-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-app-shells-app-shell-2.json"},{"name":"demo-components-buttons-button","title":"Button Demo","description":"Demo showing a button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-buttons-button.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-button.json"},{"name":"demo-components-buttons-copy","title":"Copy Button Demo","description":"Demo showing a copy button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-buttons-copy.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-copy.json"},{"name":"demo-components-buttons-github-stars","title":"GitHub Stars Button Demo","description":"Demo showing a GitHub stars button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-buttons-github-stars.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-github-stars.json"},{"name":"demo-components-buttons-smart-upload","title":"Smart Upload Demo","description":"Demo of the Smart File Uploader.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-buttons-smart-upload.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-smart-upload.json"},{"name":"demo-components-buttons-theme-toggler","title":"Theme Toggler Button Demo","description":"Demo showing a theme toggler button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-buttons-theme-toggler.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-buttons-theme-toggler.json"},{"name":"demo-components-community-notification-list","title":"Notification List Demo","description":"Demo showing a notification list.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-community-notification-list.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-community-notification-list.json"},{"name":"demo-components-community-playful-todolist","title":"Playful Todolist Demo","description":"Demo showing a playful todolist.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-community-playful-todolist.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-community-playful-todolist.json"},{"name":"demo-components-faqs-faq-1","title":"FAQ 1 Demo","description":"Demo of the accordion FAQ section.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-faqs-faq-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-faqs-faq-1.json"},{"name":"demo-components-logoclouds-logocloud-1","title":"Logo Cloud 1 Demo","description":"Demo of the animated logo cloud with group cycling.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-1.json"},{"name":"demo-components-logoclouds-logocloud-2","title":"Logo Cloud 2 Demo","description":"Demo of the logo cloud that cycles groups of 3 with spring blur transitions.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-2.json"},{"name":"demo-components-logoclouds-logocloud-3","title":"Logo Cloud 3 Demo","description":"Demo of the infinite scrolling logo marquee with progressive blur edges.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-3.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-3.json"},{"name":"demo-components-logoclouds-logocloud-4","title":"Logo Cloud 4 Demo","description":"Demo of the CSS-animated logo carousel with blur and slide transitions.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-4.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-4.json"},{"name":"demo-components-logoclouds-logocloud-5","title":"Logo Cloud 5 Demo","description":"Demo of the CSS marquee logo cloud with direction, speed, gap, and fade controls.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-5.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-logoclouds-logocloud-5.json"},{"name":"demo-components-music-album-cards","title":"Album Cards Demo","description":"Demo for Album Cards","type":"registry:component","source_url":"https://www.odysseyui.com/r/demo-components-music-album-cards.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-album-cards.json"},{"name":"demo-components-music-spotify-card","title":"Spotify Card Demo","description":"Demo for Spotify Card","type":"registry:component","source_url":"https://www.odysseyui.com/r/demo-components-music-spotify-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-spotify-card.json"},{"name":"demo-components-music-vertical-spotify-card-1","title":"Vertical Spotify Card 1 Demo","description":"Demo for Vertical Spotify Card 1","type":"registry:component","source_url":"https://www.odysseyui.com/r/demo-components-music-vertical-spotify-card-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-vertical-spotify-card-1.json"},{"name":"demo-components-music-vertical-spotify-card-2","title":"Vertical Spotify Card 2 Demo","description":"Demo for Vertical Spotify Card 2","type":"registry:component","source_url":"https://www.odysseyui.com/r/demo-components-music-vertical-spotify-card-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-music-vertical-spotify-card-2.json"},{"name":"demo-components-preloaders-greetings","title":"Greeting Preloader Demo","description":"Demo of a greeting preloader that displays rapid greetings in different languages.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-preloaders-greetings.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-preloaders-greetings.json"},{"name":"demo-components-pricings-pricing-1","title":"Pricing 1 Demo","description":"Demo of the animated sliding number pricing grid.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-pricings-pricing-1.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-1.json"},{"name":"demo-components-pricings-pricing-2","title":"Pricing 2 Demo","description":"Demo of the gradient featured card pricing section.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-pricings-pricing-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-2.json"},{"name":"demo-components-pricings-pricing-3","title":"Pricing 3 Demo","description":"Demo of the asymmetric three-column pricing layout.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-pricings-pricing-3.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-3.json"},{"name":"demo-components-pricings-pricing-4","title":"Pricing 4 Demo","description":"Demo of the pastel pricing cards with animated billing toggle.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-pricings-pricing-4.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-4.json"},{"name":"demo-components-pricings-pricing-5","title":"Pricing 5 Demo","description":"Demo of the horizontal list-style pricing layout.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-pricings-pricing-5.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-5.json"},{"name":"demo-components-pricings-pricing-6","title":"Pricing 6 Demo","description":"Demo of the tabbed individuals/teams pricing grid.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-pricings-pricing-6.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-pricings-pricing-6.json"},{"name":"demo-components-primitives-avatar","title":"Avatar Demo","description":"Demo showcasing all colors, sizes, and shapes of the Avatar component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-primitives-avatar.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-primitives-avatar.json"},{"name":"demo-components-primitives-tree-filter","title":"Tree Filter Demo","description":"Demo of the animated tree filter with nested checkboxes and search.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-primitives-tree-filter.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-primitives-tree-filter.json"},{"name":"demo-components-radix-checkbox","title":"Checkbox Demo","description":"Demo showing a checkbox.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-radix-checkbox.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-radix-checkbox.json"},{"name":"demo-components-radix-hover-card","title":"Hover Card Demo","description":"Demo showing a hover card.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-radix-hover-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-radix-hover-card.json"},{"name":"demo-components-texts-text-highlighter","title":"Text Highlighter Demo","description":"Demo of the TextHighlighter component showcasing all annotation types.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-texts-text-highlighter.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-highlighter.json"},{"name":"demo-components-texts-text-reveal","title":"Text Reveal Demo","description":"Demo of the Text Reveal scramble animation component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-texts-text-reveal.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-reveal.json"},{"name":"demo-components-texts-text-shimmer","title":"Text Shimmer Demo","description":"Demo of text shimmer.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-texts-text-shimmer.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-shimmer.json"},{"name":"demo-components-texts-text-shimmer-wave","title":"Text Shimmer Wave Demo","description":"Demo of the Text Shimmer Wave component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-texts-text-shimmer-wave.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-text-shimmer-wave.json"},{"name":"demo-components-texts-typewriter","title":"Typewriter Demo","description":"Demo of the Typewriter component with multi-sequence type and delete animation.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-texts-typewriter.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-texts-typewriter.json"},{"name":"demo-components-ui-badge","title":"Badge Demo","description":"Demo showcasing all badge variants.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ui-badge.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ui-badge.json"},{"name":"demo-components-ui-badge-colors","title":"Badge Colors Demo","description":"Demo showcasing all badge color variants.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ui-badge-colors.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ui-badge-colors.json"},{"name":"demo-components-ui-button","title":"Button Demo","description":"Demo showcasing all button variants including the odysseyui variant.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-components-ui-button.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-components-ui-button.json"},{"name":"demo-primitives-animate-avatar-group","title":"Animate Avatar Group Demo","description":"Demo showing an animated avatar group.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-avatar-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-avatar-group.json"},{"name":"demo-primitives-animate-code-block","title":"Animate Code Block Demo","description":"Demo showing an animated code block.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-code-block.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-code-block.json"},{"name":"demo-primitives-animate-cursor","title":"Animate Cursor Demo","description":"Demo showing an animated cursor.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-cursor.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-cursor.json"},{"name":"demo-primitives-animate-github-stars","title":"GitHub Stars Demo","description":"Demo showing an animated github stars counter.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-github-stars.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-github-stars.json"},{"name":"demo-primitives-animate-pinned-list","title":"Animate Pinned List Demo","description":"Demo showing an animated pinned list.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-pinned-list.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-pinned-list.json"},{"name":"demo-primitives-animate-scroll-progress","title":"Animate Scroll Progress Demo","description":"Demo showing an animated scroll progress.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-scroll-progress.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-scroll-progress.json"},{"name":"demo-primitives-animate-spring","title":"Animate Spring Demo","description":"Demo showing an animated spring.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-spring.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-spring.json"},{"name":"demo-primitives-animate-tabs","title":"Animate Tabs Demo","description":"Demo showing an animated tabs.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-tabs.json"},{"name":"demo-primitives-animate-tooltip","title":"Animate Tooltip Demo","description":"Demo showing an animated tooltip.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-animate-tooltip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-animate-tooltip.json"},{"name":"demo-primitives-base-accordion","title":"Base Accordion Demo","description":"Demo showing an animated base accordion.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-accordion.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-accordion.json"},{"name":"demo-primitives-base-alert-dialog","title":"Base Alert Dialog Demo","description":"Demo showing an animated base alert dialog.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-alert-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-alert-dialog.json"},{"name":"demo-primitives-base-checkbox","title":"Base Checkbox Demo","description":"Demo showing an animated base checkbox.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-checkbox.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-checkbox.json"},{"name":"demo-primitives-base-collapsible","title":"Base Collapsible Demo","description":"Demo showing an animated base collapsible.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-collapsible.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-collapsible.json"},{"name":"demo-primitives-base-dialog","title":"Base Dialog Demo","description":"Demo showing an animated base dialog.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-dialog.json"},{"name":"demo-primitives-base-files","title":"Base Files Demo","description":"Demo showing an animated base files.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-files.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-files.json"},{"name":"demo-primitives-base-menu","title":"Base Menu Demo","description":"Demo showing an animated base menu.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-menu.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-menu.json"},{"name":"demo-primitives-base-popover","title":"Base Popover Demo","description":"Demo showing an animated base popover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-popover.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-popover.json"},{"name":"demo-primitives-base-preview-card","title":"Base Preview Card Demo","description":"Demo showing an animated base preview card.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-preview-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-preview-card.json"},{"name":"demo-primitives-base-progress","title":"Base Progress Demo","description":"Demo showing an animated base progress.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-progress.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-progress.json"},{"name":"demo-primitives-base-radio","title":"Base Radio Demo","description":"Demo showing an animated base radio.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-radio.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-radio.json"},{"name":"demo-primitives-base-switch","title":"Base Switch Demo","description":"Demo showing an animated base switch.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-switch.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-switch.json"},{"name":"demo-primitives-base-tabs","title":"Base Tabs Demo","description":"Demo showing an animated base tabs.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-tabs.json"},{"name":"demo-primitives-base-toggle","title":"Base Toggle Demo","description":"Demo showing an animated base toggle.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-toggle.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-toggle.json"},{"name":"demo-primitives-base-toggle-group","title":"Base Toggle Group Demo","description":"Demo showing an animated base toggle group.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-toggle-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-toggle-group.json"},{"name":"demo-primitives-base-tooltip","title":"Base Tooltip Demo","description":"Demo showing an animated base tooltip.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-base-tooltip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-base-tooltip.json"},{"name":"demo-primitives-buttons-button","title":"Button Demo","description":"Demo showing a button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-buttons-button.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-button.json"},{"name":"demo-primitives-buttons-flip","title":"Flip Button Demo","description":"Demo showing an animated flip button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-buttons-flip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-flip.json"},{"name":"demo-primitives-buttons-liquid","title":"Liquid Button Demo","description":"Demo showing an animated liquid button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-buttons-liquid.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-liquid.json"},{"name":"demo-primitives-buttons-ripple","title":"Ripple Button Demo","description":"Demo showing a ripple button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-buttons-ripple.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-buttons-ripple.json"},{"name":"demo-primitives-effects-auto-height","title":"Auto Height Demo","description":"Demo showing an animated auto height.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-auto-height.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-auto-height.json"},{"name":"demo-primitives-effects-blur","title":"Blur Demo","description":"Demo showing an animated blur.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-blur.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-blur.json"},{"name":"demo-primitives-effects-click","title":"Click Demo","description":"Demo showing an animated click.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-click.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-click.json"},{"name":"demo-primitives-effects-effect","title":"Effect Demo","description":"Demo showing an animated effect.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-effect.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-effect.json"},{"name":"demo-primitives-effects-fade","title":"Fade Demo","description":"Demo showing an animated fade.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-fade.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-fade.json"},{"name":"demo-primitives-effects-highlight","title":"Highlight Demo","description":"Demo showing an animated highlight.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-highlight.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-highlight.json"},{"name":"demo-primitives-effects-image-zoom","title":"Image Zoom Demo","description":"Demo showing a image zoom effect.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-image-zoom.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-image-zoom.json"},{"name":"demo-primitives-effects-magnetic","title":"Magnetic Demo","description":"Demo showing a magnetic effect.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-magnetic.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-magnetic.json"},{"name":"demo-primitives-effects-particles","title":"Particles Demo","description":"Demo showing an animated particles.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-particles.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-particles.json"},{"name":"demo-primitives-effects-shine","title":"Shine Demo","description":"Demo showing an animated shine.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-shine.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-shine.json"},{"name":"demo-primitives-effects-slide","title":"Slide Demo","description":"Demo showing an animated slide.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-slide.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-slide.json"},{"name":"demo-primitives-effects-theme-toggler","title":"Theme Toggler Demo","description":"Demo showing a theme toggler.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-theme-toggler.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-theme-toggler.json"},{"name":"demo-primitives-effects-tilt","title":"Tilt Demo","description":"Demo showing an animated tilt.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-tilt.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-tilt.json"},{"name":"demo-primitives-effects-zoom","title":"Zoom Demo","description":"Demo showing an animated zoom.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-effects-zoom.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-effects-zoom.json"},{"name":"demo-primitives-headless-checkbox","title":"Headless Checkbox Demo","description":"Demo showing an animated headless checkbox.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-headless-checkbox.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-checkbox.json"},{"name":"demo-primitives-headless-dialog","title":"Headless Dialog Demo","description":"Demo showing an animated headless dialog.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-headless-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-dialog.json"},{"name":"demo-primitives-headless-disclosure","title":"Headless Disclosure Demo","description":"Demo showing an animated headless disclosure.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-headless-disclosure.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-disclosure.json"},{"name":"demo-primitives-headless-popover","title":"Headless Popover Demo","description":"Demo showing an animated headless popover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-headless-popover.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-popover.json"},{"name":"demo-primitives-headless-switch","title":"Headless Switch Demo","description":"Demo showing an animated headless switch.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-headless-switch.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-switch.json"},{"name":"demo-primitives-headless-tabs","title":"Headless Tabs Demo","description":"Demo showing an animated headless tabs.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-headless-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-headless-tabs.json"},{"name":"demo-primitives-radix-accordion","title":"Radix Accordion Demo","description":"Demo showing an animated radix accordion.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-accordion.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-accordion.json"},{"name":"demo-primitives-radix-alert-dialog","title":"Radix Alert Dialog Demo","description":"Demo showing an animated radix alert dialog.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-alert-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-alert-dialog.json"},{"name":"demo-primitives-radix-checkbox","title":"Radix Checkbox Demo","description":"Demo showing an animated radix checkbox.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-checkbox.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-checkbox.json"},{"name":"demo-primitives-radix-collapsible","title":"Radix Collapsible Demo","description":"Demo showing an animated radix collapsible.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-collapsible.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-collapsible.json"},{"name":"demo-primitives-radix-dialog","title":"Radix Dialog Demo","description":"Demo showing an animated radix dialog.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-dialog.json"},{"name":"demo-primitives-radix-dropdown-menu","title":"Radix Dropdown Menu Demo","description":"Demo showing an animated radix dropdown menu.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-dropdown-menu.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-dropdown-menu.json"},{"name":"demo-primitives-radix-files","title":"Radix Files Demo","description":"Demo showing an animated radix files.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-files.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-files.json"},{"name":"demo-primitives-radix-hover-card","title":"Radix Hover Card Demo","description":"Demo showing an animated radix hover card.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-hover-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-hover-card.json"},{"name":"demo-primitives-radix-popover","title":"Radix Popover Demo","description":"Demo showing an animated radix popover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-popover.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-popover.json"},{"name":"demo-primitives-radix-progress","title":"Radix Progress Demo","description":"Demo showing an animated radix progress.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-progress.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-progress.json"},{"name":"demo-primitives-radix-radio-group","title":"Radix Radio Group Demo","description":"Demo showing an animated radix radio group.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-radio-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-radio-group.json"},{"name":"demo-primitives-radix-sheet","title":"Radix Sheet Demo","description":"Demo showing an animated radix sheet.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-sheet.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-sheet.json"},{"name":"demo-primitives-radix-switch","title":"Radix Switch Demo","description":"Demo showing an animated radix switch.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-switch.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-switch.json"},{"name":"demo-primitives-radix-tabs","title":"Radix Tabs Demo","description":"Demo showing an animated radix tabs.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-tabs.json"},{"name":"demo-primitives-radix-toggle","title":"Radix Toggle Demo","description":"Demo showing an animated radix toggle.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-toggle.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-toggle.json"},{"name":"demo-primitives-radix-toggle-group","title":"Radix Toggle Group Demo","description":"Demo showing an animated radix toggle group.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-toggle-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-toggle-group.json"},{"name":"demo-primitives-radix-tooltip","title":"Radix Tooltip Demo","description":"Demo showing an animated radix tooltip.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-radix-tooltip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-radix-tooltip.json"},{"name":"demo-primitives-texts-counting-number","title":"Counting Number Demo","description":"Demo showing an animated counting number.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-counting-number.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-counting-number.json"},{"name":"demo-primitives-texts-gradient","title":"Gradient Text Demo","description":"Demo showing an animated gradient text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-gradient.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-gradient.json"},{"name":"demo-primitives-texts-highlight","title":"Highlight Text Demo","description":"Demo showing an animated highlight text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-highlight.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-highlight.json"},{"name":"demo-primitives-texts-morphing","title":"Morphing Text Demo","description":"Demo showing an animated morphing text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-morphing.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-morphing.json"},{"name":"demo-primitives-texts-rolling","title":"Rolling Text Demo","description":"Demo showing an animated rolling text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-rolling.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-rolling.json"},{"name":"demo-primitives-texts-rotating","title":"Rotating Text Demo","description":"Demo showing an animated rotating text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-rotating.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-rotating.json"},{"name":"demo-primitives-texts-scrolling-number","title":"Scrolling Number Demo","description":"Demo showing an animated scrolling number.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-scrolling-number.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-scrolling-number.json"},{"name":"demo-primitives-texts-shimmering","title":"Shimmering Text Demo","description":"Demo showing an animated shimmering text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-shimmering.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-shimmering.json"},{"name":"demo-primitives-texts-sliding-number","title":"Sliding Number Demo","description":"Demo showing an animated sliding number.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-sliding-number.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-sliding-number.json"},{"name":"demo-primitives-texts-splitting","title":"Splitting Text Demo","description":"Demo showing an animated splitting text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-splitting.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-splitting.json"},{"name":"demo-primitives-texts-splitting-example","title":"Splitting Text Demo","description":"Demo showing an animated splitting text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-splitting-example.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-splitting-example.json"},{"name":"demo-primitives-texts-typing","title":"Typing Text Demo","description":"Demo showing an animated typing text.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/demo-primitives-texts-typing.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/demo-primitives-texts-typing.json"},{"name":"hooks-use-auto-height","title":"useAutoHeight","description":"A hook that allows you to automatically adjust the height of an element based on its content.","type":"registry:hook","source_url":"https://www.odysseyui.com/r/hooks-use-auto-height.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-auto-height.json"},{"name":"hooks-use-controlled-state","title":"useControlledState","description":"A hook that allows you to control a state.","type":"registry:hook","source_url":"https://www.odysseyui.com/r/hooks-use-controlled-state.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-controlled-state.json"},{"name":"hooks-use-data-state","title":"useDataState","description":"A hook that allows you to get the data-state of an element.","type":"registry:hook","source_url":"https://www.odysseyui.com/r/hooks-use-data-state.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-data-state.json"},{"name":"hooks-use-is-in-view","title":"useIsInView","description":"A hook that allows you to check if an element is in view.","type":"registry:hook","source_url":"https://www.odysseyui.com/r/hooks-use-is-in-view.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-is-in-view.json"},{"name":"hooks-use-motion-value-state","title":"useMotionValueState","description":"A hook that allows you to use a motion value state.","type":"registry:hook","source_url":"https://www.odysseyui.com/r/hooks-use-motion-value-state.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/hooks-use-motion-value-state.json"},{"name":"icons-alarm-clock","title":"Alarm Clock Icon","description":"Alarm clock icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-alarm-clock.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-alarm-clock.json"},{"name":"icons-arrow-right","title":"Arrow Right Icon","description":"Arrow right icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-arrow-right.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-arrow-right.json"},{"name":"icons-audio-lines","title":"Audio Lines Icon","description":"Audio Lines icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-audio-lines.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-audio-lines.json"},{"name":"icons-battery-full","title":"Battery Full Icon","description":"Battery Full icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-battery-full.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-battery-full.json"},{"name":"icons-bell-ring","title":"Bell Ring Icon","description":"Bell ring icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-bell-ring.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-bell-ring.json"},{"name":"icons-clock","title":"Clock Icon","description":"Clock icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-clock.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-clock.json"},{"name":"icons-disc-3","title":"Disc 3 Icon","description":"Disc 3 icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-disc-3.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-disc-3.json"},{"name":"icons-icon","title":"Icon","description":"Base component to use animated icons.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-icon.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-icon.json"},{"name":"icons-loader","title":"Loader Icon","description":"Loader icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-loader.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-loader.json"},{"name":"icons-menu","title":"Menu Icon","description":"Menu icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-menu.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-menu.json"},{"name":"icons-party-popper","title":"Party Popper Icon","description":"Party popper icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-party-popper.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-party-popper.json"},{"name":"icons-settings","title":"Settings Icon","description":"Settings icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-settings.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-settings.json"},{"name":"icons-trash-2","title":"Trash 2 Icon","description":"Trash 2 icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-trash-2.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-trash-2.json"},{"name":"icons-user","title":"User Icon","description":"User icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-user.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-user.json"},{"name":"icons-wifi","title":"Wifi Icon","description":"Wifi icon component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/icons-wifi.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/icons-wifi.json"},{"name":"lib-get-strict-context","title":"getStrictContext","description":"A hook that allows you to create a strict context.","type":"registry:lib","source_url":"https://www.odysseyui.com/r/lib-get-strict-context.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/lib-get-strict-context.json"},{"name":"primitives-animate-avatar-group","title":"Avatar Group","description":"An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-avatar-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-avatar-group.json"},{"name":"primitives-animate-code-block","title":"Code Block","description":"A code block component that animates the code as it is written.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-code-block.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-code-block.json"},{"name":"primitives-animate-cursor","title":"Cursor","description":"An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-cursor.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-cursor.json"},{"name":"primitives-animate-github-stars","title":"Github Stars","description":"A component that animates a number of stars, smoothly animating number transitions using the SlidingNumber component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-github-stars.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-github-stars.json"},{"name":"primitives-animate-pinned-list","title":"Pin List","description":"A pin list component that allows you to pin items to the top of the list.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-pinned-list.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-pinned-list.json"},{"name":"primitives-animate-scroll-progress","title":"Scroll Progress","description":"A scroll progress component that allows you to track the progress of a scrollable element.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-scroll-progress.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-scroll-progress.json"},{"name":"primitives-animate-slot","title":"Animate Slot","description":"A slot component that allows you to use motion components with any element.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-slot.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-slot.json"},{"name":"primitives-animate-spring","title":"Spring","description":"A flexible, animated spring component that attaches a draggable element to its origin with a spring line.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-spring.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-spring.json"},{"name":"primitives-animate-tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-tabs.json"},{"name":"primitives-animate-tooltip","title":"Tooltip","description":"An animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-animate-tooltip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-animate-tooltip.json"},{"name":"primitives-base-accordion","title":"Base Accordion","description":"An easily stylable accordion component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-accordion.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-accordion.json"},{"name":"primitives-base-alert-dialog","title":"Base Alert Dialog","description":"A dialog that requires user response to proceed.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-alert-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-alert-dialog.json"},{"name":"primitives-base-checkbox","title":"Base Checkbox","description":"An easily stylable checkbox component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-checkbox.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-checkbox.json"},{"name":"primitives-base-collapsible","title":"Base Collapsible","description":"A collapsible panel controlled by a button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-collapsible.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-collapsible.json"},{"name":"primitives-base-dialog","title":"Base Dialog","description":"A popup that opens on top of the entire page.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-dialog.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-dialog.json"},{"name":"primitives-base-files","title":"Files","description":"A component that allows you to display a list of files and folders.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-files.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-files.json"},{"name":"primitives-base-menu","title":"Base Menu","description":"A list of actions in a dropdown, enhanced with keyboard navigation.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-menu.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-menu.json"},{"name":"primitives-base-popover","title":"Base Popover","description":"An accessible popup anchored to a button.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-popover.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-popover.json"},{"name":"primitives-base-preview-card","title":"Base Preview Card","description":"A popup that appears when a link is hovered, showing a preview for sighted users.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-preview-card.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-preview-card.json"},{"name":"primitives-base-progress","title":"Base Progress","description":"Displays the status of a task that takes a long time.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-progress.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-progress.json"},{"name":"primitives-base-radio","title":"Base Radio","description":"An easily stylable radio button component.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-radio.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-radio.json"},{"name":"primitives-base-switch","title":"Base Switch","description":"A control that indicates whether a setting is on or off.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-switch.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-switch.json"},{"name":"primitives-base-tabs","title":"Base Tabs","description":"A component for toggling between related panels on the same page.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-tabs.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-tabs.json"},{"name":"primitives-base-toggle","title":"Base Toggle","description":"A two-state button that can be on or off.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-toggle.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-toggle.json"},{"name":"primitives-base-toggle-group","title":"Base Toggle Group","description":"Provides a shared state to a series of toggle buttons.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-toggle-group.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-toggle-group.json"},{"name":"primitives-base-tooltip","title":"Base Tooltip","description":"A popup that appears when an element is hovered or focused, showing a hint for sighted users.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-base-tooltip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-base-tooltip.json"},{"name":"primitives-buttons-button","title":"Button","description":"A simple button that animates on hover and tap.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-buttons-button.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-button.json"},{"name":"primitives-buttons-flip","title":"Flip Button","description":"A button that flips between two states on hover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-buttons-flip.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-flip.json"},{"name":"primitives-buttons-liquid","title":"Liquid Button","description":"A button that fills on hover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-buttons-liquid.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-liquid.json"},{"name":"primitives-buttons-ripple","title":"Ripple Button","description":"A button that animates on tap with a ripple effect.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-buttons-ripple.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-buttons-ripple.json"},{"name":"primitives-effects-auto-height","title":"Auto Height","description":"An effect that automatically adjusts the height of an element based on its content.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-auto-height.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-auto-height.json"},{"name":"primitives-effects-blur","title":"Blur","description":"An effect that allows you to animate elements with a blur effect on first view or load.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-blur.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-blur.json"},{"name":"primitives-effects-click","title":"Click","description":"An effect that creates animated effects at the click position, adding interactive feedback to user actions.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-click.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-click.json"},{"name":"primitives-effects-effect","title":"Effect","description":"An effect that allows you to animate elements on first view or load.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-effect.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-effect.json"},{"name":"primitives-effects-fade","title":"Fade","description":"An effect that allows you to animate elements with a fade effect on first view or load.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-fade.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-fade.json"},{"name":"primitives-effects-highlight","title":"Highlight","description":"A highlight effect that allows you to highlight elements on hover, click or with a controlled value.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-highlight.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-highlight.json"},{"name":"primitives-effects-image-zoom","title":"Image Zoom","description":"An effect that allows you to zoom in on an image on hover.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-image-zoom.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-image-zoom.json"},{"name":"primitives-effects-magnetic","title":"Magnetic","description":"A magnetic effect that clings to the cursor, creating a magnetic attraction effect.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-magnetic.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-magnetic.json"},{"name":"primitives-effects-particles","title":"Particles","description":"A particles effect that creates a particle system.","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-particles.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-particles.json"},{"name":"primitives-effects-shine","title":"Shine","description":"An animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous).","type":"registry:ui","source_url":"https://www.odysseyui.com/r/primitives-effects-shine.json","install_command":"npx shadcn@latest add https://www.odysseyui.com/r/primitives-effects-shine.json"}]},{"id":"ogimagecn","name":"@ogimagecn","slug":"ogimagecn","description":"Beautiful OG images, made simple. Ready to use, customizable Open Graph image components for React.","author":"shadcn-labs","framework":"react","license":"MIT","tags":["audio","charts","cms","developer-tools","editor","forms","icons","media","retro"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://ogimagecn.vercel.app","github":"https://github.com/shadcn-labs/ogimagecn","registry":"https://ogimagecn.vercel.app/r/registry.json","source":"https://ogimagecn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ogimagecn","markdown":"https://sh4dcn.netlify.app/md/ogimagecn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6'/><g transform='translate(4 4)' stroke='var(--foreground)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'><path d='M10 6.6 8.6 8M12 18v4m3-14.5L9.5 13M7 22h10'/><circle cx='12' cy='10' r='8'/></g></svg>","preview_image":"https://www.ogimagecn.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":285,"open_issues":130,"last_commit":"2026-10-07T08:50:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ogimagecn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://ogimagecn.vercel.app/r/registry.json","clone":"git clone https://github.com/shadcn-labs/ogimagecn.git","clone_degit":"npx degit shadcn-labs/ogimagecn","registry_fetch":"curl -s https://ogimagecn.vercel.app/r/registry.json"},"component_count":28,"components":[{"name":"avatar","title":"Avatar","description":"A circular avatar image with an initials fallback.","type":"registry:ui","source_url":"https://ogimagecn.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"A pill label with color, background, border, and uppercase options.","type":"registry:ui","source_url":"https://ogimagecn.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/badge.json"},{"name":"brand-mark","title":"Brand Mark","description":"A logo image with a placeholder tile fallback for monograms or icons.","type":"registry:ui","source_url":"https://ogimagecn.vercel.app/r/brand-mark.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/brand-mark.json"},{"name":"divider","title":"Divider","description":"A solid or dashed rule with an optional centered label.","type":"registry:ui","source_url":"https://ogimagecn.vercel.app/r/divider.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/divider.json"},{"name":"grid-lines","title":"Grid Lines","description":"Four edge-to-edge guide lines that frame the canvas.","type":"registry:ui","source_url":"https://ogimagecn.vercel.app/r/grid-lines.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/grid-lines.json"},{"name":"waveform","title":"Waveform","description":"A vertically centered audio waveform with configurable color, height, and bar spacing.","type":"registry:ui","source_url":"https://ogimagecn.vercel.app/r/waveform.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/waveform.json"},{"name":"simple","title":"Simple","description":"A minimal, centered Open Graph image with an eyebrow label, title, description, and brand mark.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/simple.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/simple.json"},{"name":"grid","title":"Grid","description":"A framed, technical Open Graph image with a dashed border grid and a corner brand mark.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/grid.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/grid.json"},{"name":"blog","title":"Blog","description":"An article Open Graph image with a category badge, headline, excerpt, and author row.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/blog.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/blog.json"},{"name":"changelog","title":"Changelog","description":"A release Open Graph image with a version pill, date, title, and a checklist of highlights.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/changelog.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/changelog.json"},{"name":"quote","title":"Quote","description":"A testimonial / tweet-style Open Graph image with a large quote and an author row.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/quote.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/quote.json"},{"name":"shadcn-registry-1","title":"Shadcn Registry 1","description":"A showcase Open Graph image for shadcn registries with logo, name, URL, description, and tag badges.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-1.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shadcn-registry-1.json"},{"name":"shadcn-registry-2","title":"Shadcn Registry 2","description":"A clean Open Graph image with a light background, logo, name, category, title, and dot-separated tags.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-2.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shadcn-registry-2.json"},{"name":"shadcn-registry-3","title":"Shadcn Registry 3","description":"A bold dark Open Graph image with large title, circular badge, ghost watermark, and credit text.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-3.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shadcn-registry-3.json"},{"name":"shadcn-registry-4","title":"Shadcn Registry 4","description":"A centered dark Open Graph image with logo, name, title, and URL on a subtle dot pattern background.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-4.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shadcn-registry-4.json"},{"name":"shadcn-registry-5","title":"Shadcn Registry 5","description":"A clean light Open Graph image with centered logo, name, title, and description inside a bordered frame.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-5.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shadcn-registry-5.json"},{"name":"shadcn-registry-6","title":"Shadcn Registry 6","description":"A minimal Open Graph image with solid border lines, a logo in the top-left, and title/description at the bottom.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-6.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shadcn-registry-6.json"},{"name":"photo","title":"Photo","description":"A full-bleed photo Open Graph image with a dark gradient scrim and a bottom-aligned title block.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/photo.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/photo.json"},{"name":"product","title":"Product","description":"A two-column product Open Graph image with brand and copy on the left, a product shot on the right, and a price pill.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/product.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/product.json"},{"name":"profile","title":"Profile","description":"A personal / portfolio Open Graph image with a circular avatar beside a name, role, bio, and website pill.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/profile.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/profile.json"},{"name":"event","title":"Event","description":"An event / launch Open Graph image with an eyebrow label, large title, and a date · location footer row.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/event.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/event.json"},{"name":"stat","title":"Stat","description":"A metric / dashboard Open Graph image with an eyebrow label, an oversized number, a trend pill, and a caption.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/stat.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/stat.json"},{"name":"logo","title":"Logo","description":"A centered brand Open Graph image with a logo tile, a large wordmark, and an optional tagline on a soft gradient field.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/logo.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/logo.json"},{"name":"terminal","title":"Terminal","description":"A minimal, technical Open Graph image with a wordmark and accent side-bar above a large wide-tracked uppercase headline.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/terminal.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/terminal.json"},{"name":"editorial","title":"Editorial","description":"A poster-style Open Graph image with oversized display type and a large faint ghost word set behind the content.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/editorial.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/editorial.json"},{"name":"showcase","title":"Showcase","description":"A product-showcase Open Graph image with a centered headline above a faux browser window and a minimal dashboard UI.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/showcase.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/showcase.json"},{"name":"shiori","title":"Shiori","description":"A clean, minimal Open Graph image with a light cream background, an orange gradient circle logo, and a bold title beside a muted description.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/shiori.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/shiori.json"},{"name":"owner","title":"Owner","description":"A clean Open Graph image with a light background, eyebrow text, bold headline, and three rounded photos at the bottom.","type":"registry:block","source_url":"https://ogimagecn.vercel.app/r/owner.json","install_command":"npx shadcn@latest add https://ogimagecn.vercel.app/r/owner.json"}]},{"id":"oidc","name":"@oidc","slug":"oidc","description":"A component registry for OIDC policy forms. Pick identity providers, a form library, and a validation library, preview in the builder, then copy the code into your app.","author":"shadcn-ui","framework":"react","license":"MIT","tags":["auth","forms"],"categories":["Forms"],"labels":["popular","recently-updated"],"urls":{"website":"https://ui.shadcn.com/oidc","github":"https://github.com/shadcn-ui/ui","registry":"https://ui.shadcn.com/oidc/r/registry.json","source":"https://ui.shadcn.com/oidc/r/registry.json","page":"https://sh4dcn.netlify.app/registry/oidc","markdown":"https://sh4dcn.netlify.app/md/oidc.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='none'><line x1='208' y1='128' x2='128' y2='208' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/><line x1='192' y1='40' x2='40' y2='192' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/></svg>","preview_image":"https://ui.shadcn.com/oidc/og?title=Components%20for%20building%20OIDC%20configuration%20interfaces&amp;description=A%20component%20registry%20for%20OIDC%20policy%20forms.%20Pick%20identity%20providers%2C%20a%20form%20library%2C%20and%20a%20validation%20library%2C%20preview%20in%20the%20builder%2C%20then%20copy%20the%20code%20into%20your%20app.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":126642,"open_issues":1774,"last_commit":"2026-10-26T09:04:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.shadcn.com/oidc/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.shadcn.com/oidc/r/registry.json","clone":"git clone https://github.com/shadcn-ui/ui.git","clone_degit":"npx degit shadcn-ui/ui","registry_fetch":"curl -s https://ui.shadcn.com/oidc/r/registry.json"},"component_count":78,"components":[{"name":"core","title":"OIDC Core","description":"A starter policy form: GitHub Actions and Vercel behind a toggle picker, each form with its own submit. The file is yours — add providers, swap the picker, and…","type":"registry:block","source_url":"https://ui.shadcn.com/oidc/r/core.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/core.json"},{"name":"policy","title":"OIDC Policy Contract","description":"The OidcPolicy rule type, its matching semantics, validation, and the match/explain functions. No dependencies — the foundation every other oidc-ui item builds…","type":"registry:lib","source_url":"https://ui.shadcn.com/oidc/r/policy.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/policy.json"},{"name":"verify","title":"OIDC Verifier","description":"Server-side token verification against OidcPolicy rules: OIDC discovery with issuer assertion, JWKS caching with stale fallback, signature and expiry checks vi…","type":"registry:lib","source_url":"https://ui.shadcn.com/oidc/r/verify.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/verify.json"},{"name":"claims","title":"OIDC Claims Pieces","description":"The shared pieces every provider form composes: the ClaimsList row editor for additional claims, the ClaimChip label marker, and the pure helpers that merge ro…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/claims.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/claims.json"},{"name":"picker","title":"OIDC Picker","description":"Single-select provider picker that adapts to the count: a toggle row for up to three providers, a select beyond that, nothing for one.","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/picker.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/picker.json"},{"name":"page-actions","title":"OIDC Settings Page","description":"A working settings page: app/settings/oidc renders the policy form, and a server action validates with validateOidcPolicy before saving. Wire the form's onSubm…","type":"registry:block","source_url":"https://ui.shadcn.com/oidc/r/page-actions.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/page-actions.json"},{"name":"provider-github","title":"GitHub Actions Provider","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github.json"},{"name":"provider-github-zod","title":"GitHub Actions Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-zod.json"},{"name":"provider-github-valibot","title":"GitHub Actions Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-valibot.json"},{"name":"provider-github-rhf","title":"GitHub Actions Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-rhf.json"},{"name":"provider-github-rhf-zod","title":"GitHub Actions Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-rhf-zod.json"},{"name":"provider-github-rhf-valibot","title":"GitHub Actions Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-rhf-valibot.json"},{"name":"provider-github-tanstack","title":"GitHub Actions Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-tanstack.json"},{"name":"provider-github-tanstack-zod","title":"GitHub Actions Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-tanstack-zod.json"},{"name":"provider-github-tanstack-valibot","title":"GitHub Actions Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a GitHub Actions caller: a repository (owner/repo or a pasted URL) and branch/tag/environment scop…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-github-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-github-tanstack-valibot.json"},{"name":"provider-vercel","title":"Vercel Provider","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel.json"},{"name":"provider-vercel-zod","title":"Vercel Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-zod.json"},{"name":"provider-vercel-valibot","title":"Vercel Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-valibot.json"},{"name":"provider-vercel-rhf","title":"Vercel Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-rhf.json"},{"name":"provider-vercel-rhf-zod","title":"Vercel Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-rhf-zod.json"},{"name":"provider-vercel-rhf-valibot","title":"Vercel Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-rhf-valibot.json"},{"name":"provider-vercel-tanstack","title":"Vercel Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-tanstack.json"},{"name":"provider-vercel-tanstack-zod","title":"Vercel Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-tanstack-zod.json"},{"name":"provider-vercel-tanstack-valibot","title":"Vercel Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Vercel caller: team, project, and environment scoping with derived issuer, plus custom audiences…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-vercel-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-vercel-tanstack-valibot.json"},{"name":"provider-gitlab","title":"GitLab CI Provider","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab.json"},{"name":"provider-gitlab-zod","title":"GitLab CI Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-zod.json"},{"name":"provider-gitlab-valibot","title":"GitLab CI Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-valibot.json"},{"name":"provider-gitlab-rhf","title":"GitLab CI Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-rhf.json"},{"name":"provider-gitlab-rhf-zod","title":"GitLab CI Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-rhf-zod.json"},{"name":"provider-gitlab-rhf-valibot","title":"GitLab CI Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-rhf-valibot.json"},{"name":"provider-gitlab-tanstack","title":"GitLab CI Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-tanstack.json"},{"name":"provider-gitlab-tanstack-zod","title":"GitLab CI Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-tanstack-zod.json"},{"name":"provider-gitlab-tanstack-valibot","title":"GitLab CI Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a GitLab CI caller: instance (gitlab.com or self-hosted), group and project, job-requested audienc…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-gitlab-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-gitlab-tanstack-valibot.json"},{"name":"provider-google","title":"Google Provider","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience.","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google.json"},{"name":"provider-google-zod","title":"Google Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Val…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-zod.json"},{"name":"provider-google-valibot","title":"Google Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Val…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-valibot.json"},{"name":"provider-google-rhf","title":"Google Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Bui…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-rhf.json"},{"name":"provider-google-rhf-zod","title":"Google Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Bui…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-rhf-zod.json"},{"name":"provider-google-rhf-valibot","title":"Google Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Bui…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-rhf-valibot.json"},{"name":"provider-google-tanstack","title":"Google Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Bui…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-tanstack.json"},{"name":"provider-google-tanstack-zod","title":"Google Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Bui…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-tanstack-zod.json"},{"name":"provider-google-tanstack-valibot","title":"Google Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Google service account caller: account email, optional rename-proof unique ID, and audience. Bui…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-google-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-google-tanstack-valibot.json"},{"name":"provider-bitbucket","title":"Bitbucket Provider","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket.json"},{"name":"provider-bitbucket-zod","title":"Bitbucket Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-zod.json"},{"name":"provider-bitbucket-valibot","title":"Bitbucket Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-valibot.json"},{"name":"provider-bitbucket-rhf","title":"Bitbucket Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-rhf.json"},{"name":"provider-bitbucket-rhf-zod","title":"Bitbucket Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-rhf-zod.json"},{"name":"provider-bitbucket-rhf-valibot","title":"Bitbucket Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-rhf-valibot.json"},{"name":"provider-bitbucket-tanstack","title":"Bitbucket Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-tanstack.json"},{"name":"provider-bitbucket-tanstack-zod","title":"Bitbucket Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-tanstack-zod.json"},{"name":"provider-bitbucket-tanstack-valibot","title":"Bitbucket Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Bitbucket Pipelines caller: paste-in identity provider URL and audience from repository settings…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-bitbucket-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-bitbucket-tanstack-valibot.json"},{"name":"provider-aws","title":"AWS EKS Provider","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws.json"},{"name":"provider-aws-zod","title":"AWS EKS Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-zod.json"},{"name":"provider-aws-valibot","title":"AWS EKS Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-valibot.json"},{"name":"provider-aws-rhf","title":"AWS EKS Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-rhf.json"},{"name":"provider-aws-rhf-zod","title":"AWS EKS Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-rhf-zod.json"},{"name":"provider-aws-rhf-valibot","title":"AWS EKS Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-rhf-valibot.json"},{"name":"provider-aws-tanstack","title":"AWS EKS Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-tanstack.json"},{"name":"provider-aws-tanstack-zod","title":"AWS EKS Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-tanstack-zod.json"},{"name":"provider-aws-tanstack-valibot","title":"AWS EKS Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for an AWS EKS workload: cluster OIDC issuer URL, Kubernetes namespace and service account, and audien…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-aws-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-aws-tanstack-valibot.json"},{"name":"provider-azure","title":"Azure Provider","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience.","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure.json"},{"name":"provider-azure-zod","title":"Azure Provider (Zod)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. V…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-zod.json"},{"name":"provider-azure-valibot","title":"Azure Provider (Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. V…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-valibot.json"},{"name":"provider-azure-rhf","title":"Azure Provider (React Hook Form)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. B…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-rhf.json"},{"name":"provider-azure-rhf-zod","title":"Azure Provider (React Hook Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. B…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-rhf-zod.json"},{"name":"provider-azure-rhf-valibot","title":"Azure Provider (React Hook Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. B…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-rhf-valibot.json"},{"name":"provider-azure-tanstack","title":"Azure Provider (TanStack Form)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. B…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-tanstack.json"},{"name":"provider-azure-tanstack-zod","title":"Azure Provider (TanStack Form + Zod)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. B…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-tanstack-zod.json"},{"name":"provider-azure-tanstack-valibot","title":"Azure Provider (TanStack Form + Valibot)","description":"A self-contained form component that emits an OidcPolicy for a Microsoft Entra ID workload: tenant, the caller's object ID, optional client ID, and audience. B…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-azure-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-azure-tanstack-valibot.json"},{"name":"provider-custom","title":"Custom OIDC Provider","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom.json"},{"name":"provider-custom-zod","title":"Custom OIDC Provider (Zod)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-zod.json"},{"name":"provider-custom-valibot","title":"Custom OIDC Provider (Valibot)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-valibot.json"},{"name":"provider-custom-rhf","title":"Custom OIDC Provider (React Hook Form)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-rhf.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-rhf.json"},{"name":"provider-custom-rhf-zod","title":"Custom OIDC Provider (React Hook Form + Zod)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-rhf-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-rhf-zod.json"},{"name":"provider-custom-rhf-valibot","title":"Custom OIDC Provider (React Hook Form + Valibot)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-rhf-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-rhf-valibot.json"},{"name":"provider-custom-tanstack","title":"Custom OIDC Provider (TanStack Form)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-tanstack.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-tanstack.json"},{"name":"provider-custom-tanstack-zod","title":"Custom OIDC Provider (TanStack Form + Zod)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-tanstack-zod.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-tanstack-zod.json"},{"name":"provider-custom-tanstack-valibot","title":"Custom OIDC Provider (TanStack Form + Valibot)","description":"The escape hatch for any OIDC issuer without a dedicated provider: issuer, audience, optional subject, and free-form optional claims, with a warning when a rul…","type":"registry:component","source_url":"https://ui.shadcn.com/oidc/r/provider-custom-tanstack-valibot.json","install_command":"npx shadcn@latest add https://ui.shadcn.com/oidc/r/provider-custom-tanstack-valibot.json"}]},{"id":"opaline","name":"@opaline","slug":"opaline","description":"Liquid glass components for React — real backdrop refraction, Apple-inspired, minimal and premium. Docks, sheets, command palette, knobs and more.","author":"deepraj21","framework":"react","license":"MIT","tags":["audio","auth","blocks","buttons","cards","dashboard","forms","glassmorphism","hooks","navigation","overlays","retro","theming"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://opaline.buildlab.in","github":"https://github.com/deepraj21/opaline","registry":"https://opaline.buildlab.in/r/registry.json","source":"https://opaline.buildlab.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/opaline","markdown":"https://sh4dcn.netlify.app/md/opaline.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill-rule='evenodd'><path d='M16 2a14 14 0 1 1 0 28a14 14 0 1 1 0-28Zm0 3.2a10.8 10.8 0 1 0 0 21.6a10.8 10.8 0 1 0 0-21.6ZM8.6 15.2a7.6 7.6 0 0 1 6.6-6.6a1.3 1.3 0 0 1 .3 2.6a5 5 0 0 0-4.3 4.3a1.3 1.3 0 0 1-2.6-.3Z'/></svg>","preview_image":"https://opaline.buildlab.in/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":12,"open_issues":0,"last_commit":"2026-10-13T16:43:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://opaline.buildlab.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://opaline.buildlab.in/r/registry.json","install_bun":"bunx shadcn@latest add https://opaline.buildlab.in/r/registry.json","clone":"git clone https://github.com/deepraj21/opaline.git","clone_degit":"npx degit deepraj21/opaline","registry_fetch":"curl -s https://opaline.buildlab.in/r/registry.json"},"component_count":52,"components":[{"name":"theme","title":"Opaline Theme","description":"Minimal, premium design tokens — Apple system typography, neutral palette and glass materials for light and dark.","type":"registry:theme","source_url":"https://opaline.buildlab.in/r/theme.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/theme.json"},{"name":"liquid-glass","title":"Liquid Glass","description":"The primitive behind every glass component. Refracts the backdrop through an SVG displacement map, with a frosted fallback.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/liquid-glass.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/liquid-glass.json"},{"name":"use-active-indicator","title":"useActiveIndicator","description":"Hook that tracks the active item's box to animate a selection bubble.","type":"registry:hook","source_url":"https://opaline.buildlab.in/r/use-active-indicator.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/use-active-indicator.json"},{"name":"glass-dock","title":"Glass Dock","description":"macOS-style dock with smooth magnification and hover labels.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-dock.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-dock.json"},{"name":"glass-text","title":"Glass Text","description":"Headlines cast in liquid glass — every glyph is a bevelled lens with rim light and a travelling sheen.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-text.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-text.json"},{"name":"glass-control-center","title":"Glass Control Center","description":"macOS-style Control Center kit — glass modules, toggles, light-filled sliders and buttons.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-control-center.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-control-center.json"},{"name":"glass-segmented","title":"Glass Segmented","description":"Icon segmented picker whose glass bubble stretches like liquid as it travels.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-segmented.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-segmented.json"},{"name":"glass-date-picker","title":"Glass Date Picker","description":"Glass calendar with a gliding day bubble, and a capsule date picker.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-date-picker.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-date-picker.json"},{"name":"glass-stepper","title":"Glass Stepper","description":"Capsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-stepper.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-stepper.json"},{"name":"glass-context-menu","title":"Glass Context Menu","description":"Right-click menu that springs from the cursor, with a row of round quick actions.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-context-menu.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-context-menu.json"},{"name":"glass-widget","title":"Glass Widget","description":"iOS home-screen widget frame on liquid glass — small, medium and large.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-widget.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-widget.json"},{"name":"glass-widget-weather","title":"Weather Widget","description":"Weather widget with animated condition art and an hourly forecast.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-widget-weather.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-widget-weather.json"},{"name":"glass-widget-calendar","title":"Calendar Widget","description":"Calendar widget showing today, what's next and a month at a glance.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-widget-calendar.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-widget-calendar.json"},{"name":"glass-widget-battery","title":"Battery Widget","description":"Batteries widget with device rings that fill, turn red when low and show charging.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-widget-battery.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-widget-battery.json"},{"name":"glass-button","title":"Glass Button","description":"Pill button made of liquid glass with a pointer-tracked highlight.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-button.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-button.json"},{"name":"glass-lens","title":"Glass Lens","description":"Draggable magnifying lens that bends whatever is beneath it.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-lens.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-lens.json"},{"name":"glass-sidebar","title":"Glass Sidebar","description":"Floating source list with a sliding glass selection and icon-only mode.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-sidebar.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-sidebar.json"},{"name":"glass-command","title":"Glass Command","description":"⌘K command palette on a frosted glass sheet, powered by cmdk.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-command.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-command.json"},{"name":"glass-player","title":"Glass Player","description":"Now-playing widget with scrubber, transport controls and volume.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-player.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-player.json"},{"name":"glass-card","title":"Glass Card","description":"Frosted card surface with header, content and footer slots.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-card.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-card.json"},{"name":"glass-knob","title":"Glass Knob","description":"Rotary dial with a glass cap — drag around it or use the arrow keys.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-knob.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-knob.json"},{"name":"glass-clock","title":"Glass Clock","description":"Analog clock on a liquid glass face with a sweeping second hand.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-clock.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-clock.json"},{"name":"glass-stack","title":"Glass Stack","description":"A deck of glass cards — swipe the top one away to reveal the next.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-stack.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-stack.json"},{"name":"glass-switch","title":"Glass Switch","description":"iOS switch whose thumb turns into a glass lens while pressed.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-switch.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-switch.json"},{"name":"glass-slider","title":"Glass Slider","description":"Slider whose thumb becomes a refracting lens while dragging.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-slider.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-slider.json"},{"name":"glass-tabs","title":"Glass Tabs","description":"Segmented control with a glass bubble that glides between tabs.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-tabs.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-tabs.json"},{"name":"glass-tab-bar","title":"Glass Tab Bar","description":"Floating iOS 26 tab bar with a sliding liquid selection.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-tab-bar.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-tab-bar.json"},{"name":"glass-sheet","title":"Glass Sheet","description":"Floating side sheet, or a drag-to-dismiss bottom drawer with side=\"bottom\".","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-sheet.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-sheet.json"},{"name":"glass-toast","title":"Glass Toast","description":"Imperative toasts on glass that stack into a deck, fan out on hover and swipe away.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-toast.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-toast.json"},{"name":"glass-popover","title":"Glass Popover","description":"Rich popover content on a frosted glass surface.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-popover.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-popover.json"},{"name":"glass-select","title":"Glass Select","description":"Capsule select with a frosted glass option list.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-select.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-select.json"},{"name":"glass-menu","title":"Glass Menu","description":"Dropdown menu rendered on liquid glass.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-menu.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-menu.json"},{"name":"glass-dialog","title":"Glass Dialog","description":"Modal on a frosted glass sheet with springy transform-only motion.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-dialog.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-dialog.json"},{"name":"glass-notification","title":"Glass Notification","description":"iOS notification banner plus a stack that fans out on hover.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-notification.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-notification.json"},{"name":"glass-input","title":"Glass Input","description":"Capsule text field with icon and adornment slots — made for search.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-input.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-input.json"},{"name":"glass-toolbar","title":"Glass Toolbar","description":"Floating capsule toolbar that groups icon actions.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-toolbar.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-toolbar.json"},{"name":"glass-tooltip","title":"Glass Tooltip","description":"Capsule tooltip that springs out of its trigger.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-tooltip.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-tooltip.json"},{"name":"glass-badge","title":"Glass Badge","description":"Small glass chip with an optional glowing status dot.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-badge.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-badge.json"},{"name":"glass-otp","title":"OTP Input","description":"One-time code cells on glass with a gliding lens, paste and SMS autofill, and success / error states.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-otp.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-otp.json"},{"name":"glass-alert","title":"Glass Alert","description":"A callout on frosted glass, tinted by intent: info, success, warning or destructive.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-alert.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-alert.json"},{"name":"glass-textarea","title":"Glass Textarea","description":"A multi-line field on glass that grows with its content, with a counter and a footer slot.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-textarea.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-textarea.json"},{"name":"glass-message","title":"Glass Message","description":"Chat bubbles on glass: tinted for you, clear for them, with avatars, meta and a typing indicator.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-message.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-message.json"},{"name":"glass-snippet","title":"Glass Snippet","description":"A command on a glass capsule with copy, and tabs for npm, pnpm, yarn and bun.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-snippet.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-snippet.json"},{"name":"glass-code-block","title":"Glass Code Block","description":"Syntax-highlighted code in a glass window, with tabs, line numbers, highlighted lines and copy.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-code-block.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-code-block.json"},{"name":"glass-terminal","title":"Glass Terminal","description":"A macOS terminal on glass whose commands type themselves out, line by line, when scrolled into view.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-terminal.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-terminal.json"},{"name":"glass-accordion","title":"Glass Accordion","description":"Collapsible sections on one glass panel, or as separate glass cards that grow open.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-accordion.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-accordion.json"},{"name":"glass-bento-grid","title":"Glass Bento Grid","description":"Feature tiles on glass in a bento layout, with a pointer light and a call to action that slides in.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-bento-grid.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-bento-grid.json"},{"name":"glass-tweet-card","title":"Glass Tweet Card","description":"A post from X on glass, loaded live with react-tweet by id, with a fallback when it can't be fetched.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-tweet-card.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-tweet-card.json"},{"name":"glass-credit-card","title":"Glass Credit Card","description":"A glass payment card that tilts to the pointer, flips to its back and detects the brand.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-credit-card.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-credit-card.json"},{"name":"glass-qrcode","title":"Glass QR Code","description":"A scannable QR code printed on a glass tile, with soft finders, a glass logo lens and an optional magnifier.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-qrcode.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-qrcode.json"},{"name":"glass-scroll-stack","title":"Glass Scroll Stack","description":"Glass cards that pin and pile up as you scroll, shrinking as new cards land on them.","type":"registry:ui","source_url":"https://opaline.buildlab.in/r/glass-scroll-stack.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/glass-scroll-stack.json"},{"name":"all","title":"Everything","description":"The Opaline theme and every component in one install.","type":"registry:item","source_url":"https://opaline.buildlab.in/r/all.json","install_command":"npx shadcn@latest add https://opaline.buildlab.in/r/all.json"}]},{"id":"openpolicy","name":"@openpolicy","slug":"openpolicy","description":"PolicyStack is an open-source, AI-first toolkit for adding privacy policies and consent management to React (and Vue, Svelte, Solid, Angular) apps. The shadcn registry provides copy-paste components for terms pages, privacy policies, and cookie consent banners. A typed policystack.ts config drives policy rendering and consent gating; a Vite plugin compiles policies at build time and fails builds on undeclared cookies. Packages include @policystack/react (policy, consent, provider), a headless consent state machine (~4kb), and an optional cloud control plane for versioning and audit trails. Apache-2.0 licensed. Use for: embedding GDPR/CCPA-compliant privacy policy UI and consent banners directly into your React app without third-party iframes.","author":"jamiedavenport","framework":"vue","license":"Apache-2.0","tags":["ai","overlays"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"urls":{"website":"https://www.openpolicy.sh","github":"https://github.com/jamiedavenport/policystack","registry":"https://www.openpolicy.sh/r/{name}.json","source":"https://www.openpolicy.sh/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/openpolicy","markdown":"https://sh4dcn.netlify.app/md/openpolicy.md"},"logo":"<svg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M443.149 364.523C493.245 295.546 493.245 217.003 443.149 148.025H470.085C525.972 215.492 525.972 297.057 470.085 364.523H443.149Z' fill='black'/><path d='M275.587 341.866V163.129H333.236C370.242 163.129 395.919 185.786 395.919 220.526C395.919 255.015 370.242 277.42 333.236 277.42H306.299V341.866H275.587ZM329.459 249.225C351.613 249.225 363.696 238.652 363.696 220.023C363.696 201.394 351.613 191.072 329.459 191.072H306.299V249.225H329.459Z' fill='black'/><path d='M180.527 345.894C137.227 345.894 113.06 311.154 113.06 252.75C113.06 194.345 137.227 159.102 180.527 159.102C223.826 159.102 247.993 194.345 247.993 252.75C247.993 311.154 223.826 345.894 180.527 345.894ZM180.527 317.447C203.435 317.447 215.77 295.294 215.77 252.75C215.77 210.205 203.435 187.548 180.527 187.548C157.618 187.548 145.283 210.205 145.283 252.75C145.283 295.294 157.618 317.447 180.527 317.447Z' fill='black'/><path d='M41.915 364.523C-13.9717 297.057 -13.9717 215.492 41.915 148.025H68.8514C18.7548 217.003 18.7548 295.546 68.8514 364.523H41.915Z' fill='black'/></svg>","preview_image":"https://policystack.dev/og/index.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":165,"open_issues":0,"last_commit":"2026-10-19T16:19:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/jamiedavenport/policystack.git","clone_degit":"npx degit jamiedavenport/policystack","registry_fetch":"curl -s https://www.openpolicy.sh/r/{name}.json"},"component_count":0,"components":[]},{"id":"openstatus","name":"@openstatus","slug":"openstatus","description":"Hand-crafted, accessible shadcn-registry components extracted from the OpenStatus open-source status page and uptime monitoring platform (AGPL-3.0). The registry ships status-page-specific primitives including StatusPage shell, StatusPageHeader, StatusPageFooter, StatusBanner, StatusBar, StatusComponent, StatusComponentGroup, StatusFeed, StatusEvents, StatusTimestamp, StatusLocale Switcher, StatusTheme Switcher, and incident-related components. Built with Tailwind CSS and React. The broader platform supports 28-region uptime monitoring, incident communication, and subscriber notifications. Use for: building branded incident/status page UIs or embedding live service health widgets into existing Next.js or React applications.","author":"openstatusHQ","framework":"react","license":"AGPL-3.0","tags":["accessibility","buttons","cards","components","design-system","developer-tools","forms","hooks","icons","mobile","overlays","pro-available","theming"],"categories":["Niche/single-purpose"],"labels":["popular","pro","recently-updated"],"urls":{"website":"https://openstatus.dev/registry","github":"https://github.com/openstatusHQ/openstatus","registry":"https://openstatus.dev/r/registry.json","source":"https://openstatus.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/openstatus","markdown":"https://sh4dcn.netlify.app/md/openstatus.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"330\" height=\"330\" viewBox=\"0 0 330 330\" fill=\"none\"><g clip-path=\"url(#clip0_1543_179)\"><mask id=\"mask0_1543_179\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"330\" height=\"330\"><circle cx=\"165\" cy=\"165\" r=\"165\" fill=\"#D9D9D9\"/></mask><g mask=\"url(#mask0_1543_179)\"><path d=\"M165 330C256.127 330 330 256.127 330 165C330 73.873 256.127 0 165 0C73.873 0 0 73.873 0 165C0 256.127 73.873 330 165 330Z\" fill=\"black\"/><path d=\"M330 96H122V111H330V96Z\" fill=\"white\"/><path d=\"M208 219H0V234H208V219Z\" fill=\"white\"/><circle cx=\"165\" cy=\"165\" r=\"157.5\" stroke=\"white\" stroke-width=\"15\" fill=\"none\"/></g></g><defs><clipPath id=\"clip0_1543_179\"><rect width=\"330\" height=\"330\" fill=\"white\"/></clipPath></defs></svg>","preview_image":"https://www.openstatus.dev/api/og?title=Component+Registry&amp;description=Install+beautiful%2C+accessible+React+components+for+status+pages.+Pre-built%2C+customizable+components+compatible+with+shadcn%2Fui.&amp;category=Documentation","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://openstatus.dev/pricing"},"metrics":{"github_stars":9235,"open_issues":112,"last_commit":"2026-10-26T20:15:35Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://openstatus.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://openstatus.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://openstatus.dev/r/registry.json","clone":"git clone https://github.com/openstatusHQ/openstatus.git","clone_degit":"npx degit openstatusHQ/openstatus","registry_fetch":"curl -s https://openstatus.dev/r/registry.json"},"component_count":26,"components":[{"name":"use-media-query","title":"Use Media Query","description":"React hook for responsive media query detection","type":"registry:hook","source_url":"https://openstatus.dev/r/use-media-query.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/use-media-query.json"},{"name":"use-copy-to-clipboard","title":"Use Copy to Clipboard","description":"React hook for copying text to clipboard with toast notifications","type":"registry:hook","source_url":"https://openstatus.dev/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/use-copy-to-clipboard.json"},{"name":"status-types","title":"Status Types","description":"TypeScript type definitions for status components","type":"registry:lib","source_url":"https://openstatus.dev/r/status-types.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-types.json"},{"name":"status-utils","title":"Status Utilities","description":"Utility functions for status formatting and display","type":"registry:lib","source_url":"https://openstatus.dev/r/status-utils.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-utils.json"},{"name":"status-icon","title":"Status Icon","description":"Unified status icon component with variants for different contexts","type":"registry:block","source_url":"https://openstatus.dev/r/status-icon.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-icon.json"},{"name":"status-layout","title":"Status Layout","description":"Layout primitives for composing status displays (Status, StatusHeader, StatusTitle, etc.)","type":"registry:block","source_url":"https://openstatus.dev/r/status-layout.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-layout.json"},{"name":"status-blank","title":"Status Blank States","description":"Empty and skeleton state components for loading and no-data scenarios","type":"registry:block","source_url":"https://openstatus.dev/r/status-blank.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-blank.json"},{"name":"status-i18n","title":"Status Blocks i18n Provider","description":"React context for supplying translated labels and locale-aware date formatters to status blocks. Optional — blocks fall back to defaultStatusBlocksLabels (en-U…","type":"registry:block","source_url":"https://openstatus.dev/r/status-i18n.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-i18n.json"},{"name":"status-timestamp","title":"Status Timestamp","description":"Interactive timestamp display with tooltip (simple) or hover-card (rich) variants showing multiple timezone formats","type":"registry:block","source_url":"https://openstatus.dev/r/status-timestamp.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-timestamp.json"},{"name":"status-banner","title":"Status Banner","description":"Alert-style status banner with tabs support and timestamp display","type":"registry:block","source_url":"https://openstatus.dev/r/status-banner.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-banner.json"},{"name":"status-component","title":"Status Component","description":"Monitor component primitives for building status displays","type":"registry:block","source_url":"https://openstatus.dev/r/status-component.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-component.json"},{"name":"status-component-group","title":"Status Component Group","description":"Collapsible group wrapper for status components","type":"registry:block","source_url":"https://openstatus.dev/r/status-component-group.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-component-group.json"},{"name":"status-events","title":"Status Events","description":"Event timeline components for displaying status reports and maintenance updates","type":"registry:block","source_url":"https://openstatus.dev/r/status-events.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-events.json"},{"name":"status-bar","title":"Status Bar","description":"Interactive status timeline with hover, keyboard navigation, and event display","type":"registry:block","source_url":"https://openstatus.dev/r/status-bar.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-bar.json"},{"name":"status-calendar","title":"Status Calendar","description":"Monthly calendar view of status history with per-day markers and event hover cards","type":"registry:block","source_url":"https://openstatus.dev/r/status-calendar.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-calendar.json"},{"name":"status-feed","title":"Status Feed","description":"Unified feed component combining status reports and maintenance events","type":"registry:block","source_url":"https://openstatus.dev/r/status-feed.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-feed.json"},{"name":"status-theme-switcher","title":"Status Theme Switcher","description":"Agnostic light/dark/system theme switcher. Caller owns the value and onValueChange wiring (next-themes, form state, etc.)","type":"registry:block","source_url":"https://openstatus.dev/r/status-theme-switcher.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-theme-switcher.json"},{"name":"status-locale-switcher","title":"Status Locale Switcher","description":"Agnostic locale picker. Caller owns value, onValueChange, and label resolution — no next-intl, router, or locale detection","type":"registry:block","source_url":"https://openstatus.dev/r/status-locale-switcher.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-locale-switcher.json"},{"name":"status-updates","title":"Status Updates","description":"Popover with copy-link primitives for RSS, Atom, JSON, Slack, and SSH subscription channels. Flat exports — caller composes layout (tabs, sections, etc.)","type":"registry:block","source_url":"https://openstatus.dev/r/status-updates.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-updates.json"},{"name":"status-page-get-in-touch","title":"Status Page Get-in-Touch","description":"Two flat button primitives (icon + text) with tooltip chrome for the contact link in a status page header","type":"registry:block","source_url":"https://openstatus.dev/r/status-page-get-in-touch.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-get-in-touch.json"},{"name":"status-page-header","title":"Status Page Header","description":"Presentation-only header chrome (brand, nav, actions). Routing-agnostic — apps inject their own Link component via asChild","type":"registry:block","source_url":"https://openstatus.dev/r/status-page-header.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-header.json"},{"name":"status-page-footer","title":"Status Page Footer","description":"Presentation-only footer chrome (powered-by, action cluster). Embed/white-label gating, switchers, and tRPC fetch stay in the wrapping app","type":"registry:block","source_url":"https://openstatus.dev/r/status-page-footer.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-footer.json"},{"name":"status-page-shell","title":"Status Page Shell","description":"Outer chrome wrappers (StatusPageShell + StatusPageMain) around header / main / footer. Routing-agnostic with embed-aware Tailwind classes that activate only w…","type":"registry:block","source_url":"https://openstatus.dev/r/status-page-shell.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-page-shell.json"},{"name":"status-chrome","title":"Status Page Chrome","description":"Full status page chrome — shell, header, footer, get-in-touch, status-updates, theme + locale switchers. Combine with status-essentials or status-complete for …","type":"registry:block","source_url":"https://openstatus.dev/r/status-chrome.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-chrome.json"},{"name":"status-complete","title":"Status Page (Complete)","description":"Complete status page components including all primitives, displays, interactive elements, and chrome (header / footer / switchers)","type":"registry:block","source_url":"https://openstatus.dev/r/status-complete.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-complete.json"},{"name":"status-essentials","title":"Status Page (Essentials)","description":"Essential status page components for basic status displays","type":"registry:block","source_url":"https://openstatus.dev/r/status-essentials.json","install_command":"npx shadcn@latest add https://openstatus.dev/r/status-essentials.json"}]},{"id":"openmirai","name":"@openmirai","slug":"openmirai","description":"Open-source React and TypeScript tools from OpenMirai.","author":"openmirai","framework":"react","license":"MIT","tags":["ai"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://www.openmirai.dev","github":"https://github.com/openmirai/mirai-intl","registry":"https://www.openmirai.dev/r/registry.json","source":"https://www.openmirai.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/openmirai","markdown":"https://sh4dcn.netlify.app/md/openmirai.md"},"logo":"<svg width='824' height='824' viewBox='0 0 824 824' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='824' height='824' rx='412' fill='white'/><path d='M330.906 275.013L412.234 192L493.561 275.013L412.234 358.026L330.906 275.013Z' fill='#18181B'/><path d='M542.281 313.741L542.205 313.629L414.422 404.958L475.549 449.463L563.409 386.669L542.281 313.741Z' fill='#18181B'/><path d='M473.486 450.921L412.466 494.533L412.332 494.62L412.23 494.471L260.793 386.236L281.264 315.582L282.603 313.629L408.822 403.841L473.486 450.921Z' fill='#18181B'/><path d='M582.2 422.784L582.071 422.596L414.477 542.379L475.605 586.884L603.181 495.704L582.029 422.697L582.2 422.784Z' fill='#18181B'/><path d='M473.554 588.342L412.486 631.989L412.435 631.915L412.384 631.989L221 495.203L241.471 424.549L242.81 422.596L411.995 543.517L473.554 588.342Z' fill='#18181B'/></svg>","preview_image":"https://www.openmirai.dev/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-27T01:20:27Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.openmirai.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.openmirai.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.openmirai.dev/r/registry.json","clone":"git clone https://github.com/openmirai/mirai-intl.git","clone_degit":"npx degit openmirai/mirai-intl","registry_fetch":"curl -s https://www.openmirai.dev/r/registry.json"},"component_count":1,"components":[{"name":"calculator","title":"Mirai Scientific Calculator","description":"An editable scientific, graphing, statistics, and math tools calculator.","type":"registry:block","source_url":"https://www.openmirai.dev/r/calculator.json","install_command":"npx shadcn@latest add https://www.openmirai.dev/r/calculator.json"}]},{"id":"optics","name":"@optics","slug":"optics","description":"A comprehensive personal design system and component registry for Next.js and React apps, built on Base UI primitives (not Radix) with Tailwind CSS v4 and React 19. Provides 60+ components including Accordion through Tooltip, plus Grid, Guided Tour, Code Snippet, Code Block, Item, Kbd, Multi Select, Show More, Spinner, Star Rating, Theme Switcher, and Timezone. Also includes Web Interface Guidelines, SEO/Metadata utilities, a Biome config collection, Next.js configuration templates, and an MCP server plus llms.txt resource. Free and open source, shadcn CLI compatible. Use for: teams wanting a Base UI-backed alternative to Radix-based shadcn registries with broader tooling (guidelines, configs, MCP integration) bundled in.","author":"agusmayol","framework":"react","license":"MIT","tags":["ai","auth","blocks","buttons","cards","charts","components","dashboard","design-system","developer-tools","forms","hooks","loaders","media","mobile","navigation","onboarding","overlays","tables","theming"],"categories":["Design system"],"labels":["featured"],"urls":{"website":"https://optics.agusmayol.com.ar","github":"https://github.com/agusmayol/optics","registry":"https://optics.agusmayol.com.ar/r/registry.json","source":"https://optics.agusmayol.com.ar/r/registry.json","page":"https://sh4dcn.netlify.app/registry/optics","markdown":"https://sh4dcn.netlify.app/md/optics.md"},"logo":"<svg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' width='300' height='300'><g id='g3152'><g id='g49864'><path id='path2996' fill='currentColor' d='m148.68 296.79c-1.34-3.39-12.56-30.23-21.59-51.67-1.96-4.65-4.2-10.11-4.99-12.13l-1.42-3.68 3.54-8.66c1.95-4.76 8-19.28 13.45-32.27 5.45-12.99 10.49-25.15 11.2-27.02 1.56-4.11 1-4.93 7.78 11.38 2.85 6.86 8.77 21.03 13.15 31.5 4.39 10.47 8.54 20.44 9.21 22.16l1.24 3.13-3.87 9.21c-2.13 5.06-5.24 12.53-6.92 16.6-1.68 4.07-5.12 12.32-7.63 18.33-2.52 6.01-5.96 14.26-7.64 18.33-1.69 4.07-3.29 7.65-3.55 7.96-0.27 0.31-1.15-1.12-1.96-3.17zm-104.45-43.77c1.3-3.34 22.88-55.17 28.89-69.37 0.2-0.47 1.05-1.06 1.89-1.31 0.84-0.26 3.61-1.34 6.14-2.4 2.53-1.07 10.99-4.56 18.79-7.74 16.99-6.95 26.45-10.85 36.8-15.16 4.25-1.78 7.83-3.12 7.97-2.99 0.19 0.2-12.21 30.82-14.62 36.09-0.65 1.43-2.12 4.94-10.13 24.22l-4.5 10.83-18.75 7.72c-22.15 9.12-23.94 9.85-29.03 11.85-2.15 0.84-4.86 1.96-6.03 2.49-2.1 0.94-13.42 5.57-16.46 6.73-1.4 0.54-1.5 0.44-0.96-0.96zm209.23 0.48c-1.37-0.6-8.23-3.41-15.25-6.26-7.02-2.84-15.95-6.5-19.85-8.12-3.9-1.61-9.81-4.04-13.12-5.39-19.26-7.82-21.12-8.73-21.89-10.67-0.41-1.05-3.51-8.56-6.87-16.71-6.11-14.78-9.39-22.72-15.43-37.36-1.76-4.26-3.87-9.3-4.69-11.2-0.83-1.89-1.39-3.56-1.25-3.69 0.14-0.14 10.12 3.82 22.18 8.8 12.06 4.99 27.67 11.38 34.69 14.22 7.02 2.84 13.31 5.66 13.98 6.27 1.11 1.02 2.6 4.3 9.42 20.85 1.28 3.1 4.31 10.4 6.73 16.21 2.41 5.82 6.09 14.7 8.17 19.74 2.08 5.04 4.29 10.35 4.91 11.8 0.62 1.46 1.04 2.64 0.94 2.62-0.11-0.02-1.31-0.51-2.67-1.11zm-217.82-88.95c-19.37-8.03-35.41-14.78-35.63-15.01-0.23-0.23 5.09-2.65 11.82-5.39 22.65-9.21 29.96-12.21 32.09-13.16 1.17-0.53 5.8-2.45 10.28-4.27 4.49-1.82 9.95-4.08 12.15-5.01 2.19-0.94 4.27-1.7 4.61-1.7 0.59 0 11.67 4.41 22.95 9.14 2.93 1.23 9.63 3.98 14.89 6.12 5.27 2.14 11.65 4.77 14.19 5.84 2.53 1.08 7.88 3.3 11.87 4.95 6.33 2.61 8.87 4.26 6.58 4.26-0.37 0-3.64 1.24-7.26 2.77-3.62 1.52-12.33 5.14-19.35 8.03-7.02 2.9-19.46 8.03-27.65 11.41-8.19 3.38-15.21 6.25-15.6 6.38-0.39 0.13-16.56-6.34-35.94-14.36zm188.04 12.58c-2.54-1.08-18.17-7.59-34.75-14.45-16.57-6.86-30.39-12.73-30.71-13.03-0.52-0.5 8.91-4.59 37.45-16.25 5.46-2.23 13.91-5.71 18.79-7.73 4.87-2.02 10.14-4.15 11.7-4.75l2.83-1.08 10.64 4.39c5.85 2.41 15.58 6.43 21.63 8.93 6.04 2.5 15.93 6.56 21.98 9.02 6.04 2.47 12.43 5.11 14.18 5.88 3.14 1.37 3.16 1.41 1.42 2.11-0.98 0.39-5.92 2.45-10.99 4.58-5.07 2.12-13.69 5.67-19.15 7.88-5.46 2.21-11.68 4.77-13.82 5.69-7.73 3.31-26.18 10.89-26.38 10.84-0.12-0.03-2.29-0.94-4.82-2.03zm-91.48-37.79c-6.04-2.51-17.69-7.29-25.88-10.63-8.19-3.34-16.16-6.62-17.72-7.29-9.36-4.06-15.05-6.35-15.76-6.35-0.45 0-1.04-0.71-1.31-1.58-0.44-1.42-7.51-18.61-15.3-37.19-4.87-11.62-13.37-32.41-13.37-32.7 0-0.26 19.15 7.38 31.55 12.6 3.12 1.31 13.17 5.45 22.34 9.2 9.16 3.75 17.02 7.18 17.46 7.63 0.44 0.44 5.34 11.75 10.89 25.12 5.55 13.38 12.1 29.16 14.55 35.07 2.46 5.91 4.26 10.73 4.01 10.71-0.26-0.02-5.41-2.08-11.46-4.59zm24.11 3.88c0-0.4 1.24-3.65 2.74-7.21 1.51-3.57 7.94-19.02 14.28-34.33 6.35-15.31 11.9-28.22 12.33-28.68 0.43-0.46 5.1-2.56 10.36-4.68 5.27-2.12 11.17-4.55 13.12-5.4 1.95-0.85 9.61-4.02 17.02-7.04 7.41-3.03 17.38-7.1 22.16-9.05 4.77-1.95 8.68-3.35 8.68-3.12 0 0.44-20.28 49.41-26.2 63.26l-3.31 7.75-7.05 2.91c-3.88 1.6-13.43 5.5-21.23 8.68-7.8 3.18-14.82 6.07-15.6 6.43-1.31 0.61-16.17 6.72-23.93 9.85-1.92 0.78-3.37 1.05-3.37 0.63zm-8.49-7.48c-1.26-3.03-6.6-15.82-11.86-28.42-5.27-12.6-10.82-25.9-12.34-29.54-1.52-3.65-2.76-6.99-2.76-7.43 0-0.44 1.87-5.23 4.16-10.64 2.28-5.41 8.89-21.18 14.68-35.03 5.79-13.86 10.74-24.96 11-24.67 0.25 0.28 3.42 7.65 7.03 16.38 3.61 8.72 10.17 24.46 14.57 34.98l8.01 19.12-8.51 20.35c-4.67 11.2-9.56 22.89-10.86 25.99-1.3 3.11-4.02 9.61-6.05 14.45-2.02 4.85-3.93 9.08-4.23 9.4-0.3 0.32-1.58-1.9-2.84-4.94z'/></g></g></svg>","preview_image":"https://www.optics.agusmayol.com.ar/opengraph-image?f53dcf4beca7300d","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":234,"open_issues":3,"last_commit":"2026-04-11T05:00:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://optics.agusmayol.com.ar/r/registry.json","install_bun":"bunx shadcn@latest add https://optics.agusmayol.com.ar/r/registry.json","clone":"git clone https://github.com/agusmayol/optics.git","clone_degit":"npx degit agusmayol/optics","registry_fetch":"curl -s https://optics.agusmayol.com.ar/r/registry.json"},"component_count":79,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/accordion.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/alert-dialog.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/alert-dialog.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/alert.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/avatar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/badge.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/breadcrumb.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/breadcrumb.json"},{"name":"button-group","title":"Button Group","description":"Groups buttons together with proper spacing and styling.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/button-group.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/button-group.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/button.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/button.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/calendar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/calendar.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/card.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/carousel.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/carousel.json"},{"name":"chart","title":"Chart","description":"Beautiful charts built with Recharts.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/chart.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and unchecked states.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/checkbox.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/checkbox.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code block component with copy functionality.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/code-block.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/code-block.json"},{"name":"code-snippet","title":"Code Snippet","description":"A code snippet component with tabs and copy functionality.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/code-snippet.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/code-snippet.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/collapsible.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/collapsible.json"},{"name":"command","title":"Command","description":"Fast, composable, unstyled command menu for React.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/command.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu to the user triggered by a right click or a long press.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/context-menu.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/context-menu.json"},{"name":"data-table","title":"Data Table","description":"Powerful table and datagrid built with TanStack Table.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/data-table.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/data-table.json"},{"name":"date-picker","title":"Date Picker","description":"A date field component that allows users to enter and edit date.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/date-picker.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/dialog.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A drawer component built with Vaul.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/drawer.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"Displays an empty state with optional illustration, title, and description.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/empty.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/empty.json"},{"name":"field","title":"Field","description":"A field component for grouping form elements with labels and descriptions.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/field.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/field.json"},{"name":"form","title":"Form","description":"Builds forms with React Hook Form.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/form.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/form.json"},{"name":"grid","title":"Grid","description":"A flexible grid system component for layout.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/grid.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/grid.json"},{"name":"guided-tour","title":"Guided Tour","description":"A guided tour component for onboarding users.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/guided-tour.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/guided-tour.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/hover-card.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/hover-card.json"},{"name":"input-group","title":"Input Group","description":"Groups input fields with addons, buttons, and text.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/input-group.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time password component with copy paste support.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/input-otp.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/input-otp.json"},{"name":"input","title":"Input","description":"Displays a form input field or a component that looks like an input.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/input.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/input.json"},{"name":"item","title":"Item","description":"A flexible item component for displaying content.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/item.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/item.json"},{"name":"kbd","title":"KBD","description":"Keyboard key component for displaying keyboard shortcuts.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/kbd.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/kbd.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with controls.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/label.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/label.json"},{"name":"menubar","title":"Menubar","description":"A visually persistent menu common in desktop applications.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/menubar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/menubar.json"},{"name":"multi-select","title":"Multi Select","description":"A select component for allowing multiple selections.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/multi-select.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/multi-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/navigation-menu.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/pagination.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/pagination.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/popover.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/progress.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons—known as radio buttons.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/radio-group.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/resizable.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/scroll-area.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/scroll-area.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/select.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/separator.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/sheet.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/sheet.json"},{"name":"show-more","title":"Show More","description":"A component that shows/hides additional content with smooth animations.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/show-more.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/show-more.json"},{"name":"sidebar","title":"Sidebar","description":"A composable sidebar component with desktop and mobile support.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/sidebar.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/skeleton.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/slider.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/slider.json"},{"name":"sonner","title":"Sonner","description":"Toast component built with Sonner.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/sonner.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"An animated spinner component.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/spinner.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/spinner.json"},{"name":"star-rating","title":"Star Rating","description":"An interactive star rating component.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/star-rating.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/star-rating.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and unchecked states.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/switch.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/table.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/table.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/tabs.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea field or a component that looks like a textarea.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/textarea.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/textarea.json"},{"name":"theme-switcher","title":"Theme Switcher","description":"A theme switcher component for toggling between themes.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/theme-switcher.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/theme-switcher.json"},{"name":"timezone","title":"Timezone","description":"A component for displaying and converting timezones.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/timezone.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/timezone.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/toggle-group.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/toggle-group.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/toggle.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/toggle.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/tooltip.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/tooltip.json"},{"name":"get-strict-context","title":"Get strict context","description":"Library utility: get-strict-context","type":"registry:lib","source_url":"https://optics.agusmayol.com.ar/r/get-strict-context.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/get-strict-context.json"},{"name":"use-controlled-state","title":"Use controlled state","description":"Hook utility: use-controlled-state","type":"registry:lib","source_url":"https://optics.agusmayol.com.ar/r/use-controlled-state.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/use-controlled-state.json"},{"name":"utils","title":"Utils","description":"Library utility: utils","type":"registry:lib","source_url":"https://optics.agusmayol.com.ar/r/utils.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/utils.json"},{"name":"use-auto-height","title":"Use auto height","description":"Hook utility: use-auto-height","type":"registry:lib","source_url":"https://optics.agusmayol.com.ar/r/use-auto-height.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/use-auto-height.json"},{"name":"use-has-primary-touch","title":"Use has primary touch","description":"Hook utility: use-has-primary-touch","type":"registry:lib","source_url":"https://optics.agusmayol.com.ar/r/use-has-primary-touch.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/use-has-primary-touch.json"},{"name":"highlight","title":"Highlight","description":"Highlight effect component for tabs and other interactive elements.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/highlight.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/highlight.json"},{"name":"auto-height","title":"Auto Height","description":"Auto height component for dynamic height animations.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/auto-height.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/auto-height.json"},{"name":"slot","title":"Slot","description":"Slot component for motion animations.","type":"registry:component","source_url":"https://optics.agusmayol.com.ar/r/slot.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/slot.json"},{"name":"cursor-rule-back-end","title":"Cursor Rule: Back End","description":"Cursor rule file for back-end development guidelines.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-back-end.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-back-end.json"},{"name":"cursor-rule-bulk-processing","title":"Cursor Rule: Bulk Processing","description":"Cursor rule file for bulk processing guidelines.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-bulk-processing.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-bulk-processing.json"},{"name":"cursor-rule-commits-convention","title":"Cursor Rule: Commits Convention","description":"Cursor rule file for commit conventions.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-commits-convention.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-commits-convention.json"},{"name":"cursor-rule-front-end","title":"Cursor Rule: Front End","description":"Cursor rule file for front-end development guidelines.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-front-end.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-front-end.json"},{"name":"cursor-rule-general","title":"Cursor Rule: General","description":"Cursor rule file for general development guidelines.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-general.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-general.json"},{"name":"cursor-rule-react-optimization","title":"Cursor Rule: React Optimization","description":"Cursor rule file for React optimization guidelines.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-react-optimization.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-react-optimization.json"},{"name":"cursor-rule-web-interface-guidelines","title":"Cursor Rule: Web Interface Guidelines","description":"Cursor rule file for web interface guidelines.","type":"registry:file","source_url":"https://optics.agusmayol.com.ar/r/cursor-rule-web-interface-guidelines.json","install_command":"npx shadcn@latest add https://optics.agusmayol.com.ar/r/cursor-rule-web-interface-guidelines.json"}]},{"id":"organui","name":"@organui","slug":"organui","description":"Healthcare and life sciences components: 3D organ viewers, anatomy trees, vital signs, lab results, ECG traces, medication schedules and molecule viewers.","author":"organui","framework":"react","license":"MIT","tags":["3d","ai","cards","charts","dashboard","hooks","loaders","maps","media"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://organui.com","github":"https://github.com/organui/organui","registry":"https://organui.com/r/registry.json","source":"https://organui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/organui","markdown":"https://sh4dcn.netlify.app/md/organui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 104' fill='var(--foreground)'><path fill-rule='evenodd' d='M47 2C62 1 74 8 79 21C82 30 85 34 92 41C102 51 101 68 94 80C85 96 69 103 51 103C23 103 3 84 1 56C-1 32 18 6 47 2ZM55 22C43 26 25 39 23 51C19 68 30 81 46 83C61 86 74 81 76 70C79 59 66 54 65 45C63 36 72 28 67 23C64 19 60 20 55 22Z'/></svg>","preview_image":"https://organui.com/opengraph-image?13591bed6182fb88","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":235,"open_issues":12,"last_commit":"2026-10-24T18:04:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://organui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://organui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://organui.com/r/registry.json","clone":"git clone https://github.com/organui/organui.git","clone_degit":"npx degit organui/organui","registry_fetch":"curl -s https://organui.com/r/registry.json"},"component_count":129,"components":[{"name":"anatomy-tree","title":"Anatomy tree","description":"Search, select and control visibility in hierarchical anatomy data.","type":"registry:ui","source_url":"https://organui.com/r/anatomy-tree.json","install_command":"npx shadcn@latest add https://organui.com/r/anatomy-tree.json"},{"name":"vital-signs","title":"Vital signs","description":"Heart rate, blood pressure, SpO₂ and temperature, each flagged against a configurable normal range.","type":"registry:ui","source_url":"https://organui.com/r/vital-signs.json","install_command":"npx shadcn@latest add https://organui.com/r/vital-signs.json"},{"name":"ecg-trace","title":"ECG trace","description":"A recorded or live ECG rhythm strip on standard paper, with labelled P, QRS and T waves. Not for diagnostic use.","type":"registry:ui","source_url":"https://organui.com/r/ecg-trace.json","install_command":"npx shadcn@latest add https://organui.com/r/ecg-trace.json"},{"name":"body-map","title":"Body map","description":"Pick regions on a front and back body outline to record where pain or symptoms are.","type":"registry:ui","source_url":"https://organui.com/r/body-map.json","install_command":"npx shadcn@latest add https://organui.com/r/body-map.json"},{"name":"organ-viewer","title":"Organ viewer","description":"Rotate, frame and select the structures of a GLB anatomy model, with ghosting and named views.","type":"registry:component","source_url":"https://organui.com/r/organ-viewer.json","install_command":"npx shadcn@latest add https://organui.com/r/organ-viewer.json"},{"name":"molecule-viewer","title":"Molecule viewer","description":"Load a PDB or mmCIF structure and explore it as a cartoon, ball and stick or spacefill model, with residue selection and a sequence strip.","type":"registry:component","source_url":"https://organui.com/r/molecule-viewer.json","install_command":"npx shadcn@latest add https://organui.com/r/molecule-viewer.json"},{"name":"dna-helix","title":"DNA helix","description":"A procedural B-DNA double helix built from a sequence, with selectable base pairs and both strands listed below.","type":"registry:component","source_url":"https://organui.com/r/dna-helix.json","install_command":"npx shadcn@latest add https://organui.com/r/dna-helix.json"},{"name":"lab-results","title":"Lab results table","description":"Lab values flagged against the reference ranges you pass, with text and icon flags and a trend sparkline.","type":"registry:ui","source_url":"https://organui.com/r/lab-results.json","install_command":"npx shadcn@latest add https://organui.com/r/lab-results.json"},{"name":"growth-chart","title":"Growth chart","description":"Child growth percentile curves for weight, length/height and head circumference from reference tables you supply, with plotted measurements, percentiles and z-…","type":"registry:ui","source_url":"https://organui.com/r/growth-chart.json","install_command":"npx shadcn@latest add https://organui.com/r/growth-chart.json"},{"name":"medication-schedule","title":"Medication schedule","description":"A daily dosing timeline with dose tracking and interaction warnings from data you provide.","type":"registry:ui","source_url":"https://organui.com/r/medication-schedule.json","install_command":"npx shadcn@latest add https://organui.com/r/medication-schedule.json"},{"name":"dermatome-map","title":"Dermatome map","description":"Front and back body map of the skin each spinal nerve supplies, C2 to S4-5, with ISNCSCI key sensory points.","type":"registry:ui","source_url":"https://organui.com/r/dermatome-map.json","install_command":"npx shadcn@latest add https://organui.com/r/dermatome-map.json"},{"name":"image-viewer","title":"Medical image viewer","description":"Scroll through CT or MRI slices with window and level, zoom and pan, and read DICOM files in the browser.","type":"registry:ui","source_url":"https://organui.com/r/image-viewer.json","install_command":"npx shadcn@latest add https://organui.com/r/image-viewer.json"},{"name":"adrenals","title":"Adrenals","description":"The adrenals from the OrganUI adrenals explorer: 12 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/adrenals.json","install_command":"npx shadcn@latest add https://organui.com/r/adrenals.json"},{"name":"appendix","title":"Appendix","description":"The vermiform appendix with the cecum, terminal ileum, iliac vessels and the muscles behind it: 7 selectable structures and 3 named views. Model licensed CC BY…","type":"registry:component","source_url":"https://organui.com/r/appendix.json","install_command":"npx shadcn@latest add https://organui.com/r/appendix.json"},{"name":"bladder","title":"Bladder","description":"The bladder from the OrganUI bladder explorer: 12 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/bladder.json","install_command":"npx shadcn@latest add https://organui.com/r/bladder.json"},{"name":"brain","title":"Brain","description":"The brain from the OrganUI brain explorer: 19 selectable structures and 6 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/brain.json","install_command":"npx shadcn@latest add https://organui.com/r/brain.json"},{"name":"breast","title":"Breast","description":"Both breasts from the HuBMAP Human Reference Atlas: 16 selectable structures and 3 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/breast.json","install_command":"npx shadcn@latest add https://organui.com/r/breast.json"},{"name":"cell","title":"Cell","description":"An animal cell with a quarter cut away, from an original OrganUI schematic model: 15 selectable organelles and structures and 4 named views. Model licensed CC0…","type":"registry:component","source_url":"https://organui.com/r/cell.json","install_command":"npx shadcn@latest add https://organui.com/r/cell.json"},{"name":"diaphragm","title":"Diaphragm","description":"The diaphragm with the structures that pass through it and the organs above and below: 13 selectable structures and 4 named views. Model licensed CC BY-SA 2.1 …","type":"registry:component","source_url":"https://organui.com/r/diaphragm.json","install_command":"npx shadcn@latest add https://organui.com/r/diaphragm.json"},{"name":"ear","title":"Ear","description":"The ear from the OrganUI ear explorer: 16 selectable structures and 3 named views. Model licensed CC BY-SA 4.0.","type":"registry:component","source_url":"https://organui.com/r/ear.json","install_command":"npx shadcn@latest add https://organui.com/r/ear.json"},{"name":"esophagus","title":"Esophagus","description":"The esophagus from the OrganUI esophagus explorer: 17 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/esophagus.json","install_command":"npx shadcn@latest add https://organui.com/r/esophagus.json"},{"name":"eye","title":"Eye","description":"The eye from the OrganUI eye explorer: 21 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/eye.json","install_command":"npx shadcn@latest add https://organui.com/r/eye.json"},{"name":"gallbladder","title":"Gallbladder","description":"The gallbladder from the OrganUI gallbladder explorer: 15 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/gallbladder.json","install_command":"npx shadcn@latest add https://organui.com/r/gallbladder.json"},{"name":"hair","title":"Hair","description":"A hair follicle in a cut-away plug of scalp, from an original OrganUI schematic model: 14 selectable structures and 3 named views. Model licensed CC0 1.0.","type":"registry:component","source_url":"https://organui.com/r/hair.json","install_command":"npx shadcn@latest add https://organui.com/r/hair.json"},{"name":"heart","title":"Heart","description":"The heart from the OrganUI heart explorer: 11 selectable structures and 3 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/heart.json","install_command":"npx shadcn@latest add https://organui.com/r/heart.json"},{"name":"intestines","title":"Intestines","description":"The intestines from the OrganUI intestines explorer: 11 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/intestines.json","install_command":"npx shadcn@latest add https://organui.com/r/intestines.json"},{"name":"joints","title":"Joints","description":"The joints and ligaments of the whole body, from Z-Anatomy: 197 selectable structures and 9 named views. Model licensed CC BY-SA 4.0.","type":"registry:component","source_url":"https://organui.com/r/joints.json","install_command":"npx shadcn@latest add https://organui.com/r/joints.json"},{"name":"kidneys","title":"Kidneys","description":"The kidneys from the OrganUI kidneys explorer: 6 selectable structures and 4 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/kidneys.json","install_command":"npx shadcn@latest add https://organui.com/r/kidneys.json"},{"name":"larynx","title":"Larynx","description":"The larynx from the OrganUI larynx explorer: 20 selectable structures and 4 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/larynx.json","install_command":"npx shadcn@latest add https://organui.com/r/larynx.json"},{"name":"liver","title":"Liver","description":"The liver from the OrganUI liver explorer: 7 selectable structures and 5 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/liver.json","install_command":"npx shadcn@latest add https://organui.com/r/liver.json"},{"name":"liver-lobule","title":"Liver lobule","description":"A classic liver lobule, from an original OrganUI schematic model: the central vein, hepatocyte plates in their three zones, sinusoids and the portal tracts at …","type":"registry:component","source_url":"https://organui.com/r/liver-lobule.json","install_command":"npx shadcn@latest add https://organui.com/r/liver-lobule.json"},{"name":"lungs","title":"Lungs","description":"The lungs from the OrganUI lungs explorer: 20 selectable structures and 4 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/lungs.json","install_command":"npx shadcn@latest add https://organui.com/r/lungs.json"},{"name":"lymph","title":"Lymph node","description":"The lymph node from the OrganUI lymph node explorer: 7 selectable structures and 3 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/lymph.json","install_command":"npx shadcn@latest add https://organui.com/r/lymph.json"},{"name":"muscles","title":"Muscles","description":"The muscles from the OrganUI muscles explorer: 177 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/muscles.json","install_command":"npx shadcn@latest add https://organui.com/r/muscles.json"},{"name":"nails","title":"Nails","description":"A fingertip halved through the nail, from an original OrganUI schematic model: 14 selectable structures and 3 named views. Model licensed CC0 1.0.","type":"registry:component","source_url":"https://organui.com/r/nails.json","install_command":"npx shadcn@latest add https://organui.com/r/nails.json"},{"name":"nerves","title":"Nerves","description":"The peripheral nerves of the whole body, from the cranial nerves to the plexuses of the arms and legs: 41 selectable structures and 6 named views. Model licens…","type":"registry:component","source_url":"https://organui.com/r/nerves.json","install_command":"npx shadcn@latest add https://organui.com/r/nerves.json"},{"name":"nose","title":"Nose","description":"The nose from the OrganUI nose explorer: 22 selectable structures and 3 named views. Model licensed CC BY-SA 4.0.","type":"registry:component","source_url":"https://organui.com/r/nose.json","install_command":"npx shadcn@latest add https://organui.com/r/nose.json"},{"name":"pancreas","title":"Pancreas","description":"The pancreas from the OrganUI pancreas explorer: 15 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/pancreas.json","install_command":"npx shadcn@latest add https://organui.com/r/pancreas.json"},{"name":"parathyroid","title":"Parathyroid","description":"The four parathyroid glands on the back of the thyroid: 9 selectable structures and 5 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/parathyroid.json","install_command":"npx shadcn@latest add https://organui.com/r/parathyroid.json"},{"name":"pharynx","title":"Pharynx","description":"The pharynx from the OrganUI pharynx explorer: 20 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/pharynx.json","install_command":"npx shadcn@latest add https://organui.com/r/pharynx.json"},{"name":"pineal","title":"Pineal","description":"The pineal gland and its neighbours deep in the brain: the epithalamus, thalami, midbrain tectum and deep veins. 15 selectable structures and 3 named views. Mo…","type":"registry:component","source_url":"https://organui.com/r/pineal.json","install_command":"npx shadcn@latest add https://organui.com/r/pineal.json"},{"name":"pituitary","title":"Pituitary","description":"The pituitary gland in its setting: the hypothalamus above it, the optic chiasm, its portal blood supply, the cavernous sinus and the sphenoid bone. 19 selecta…","type":"registry:component","source_url":"https://organui.com/r/pituitary.json","install_command":"npx shadcn@latest add https://organui.com/r/pituitary.json"},{"name":"prostate","title":"Prostate","description":"The prostate from the OrganUI prostate explorer: 13 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/prostate.json","install_command":"npx shadcn@latest add https://organui.com/r/prostate.json"},{"name":"salivary-glands","title":"Salivary glands","description":"The major salivary glands, from Z-Anatomy: 15 selectable structures and 3 named views. Model licensed CC BY-SA 4.0.","type":"registry:component","source_url":"https://organui.com/r/salivary-glands.json","install_command":"npx shadcn@latest add https://organui.com/r/salivary-glands.json"},{"name":"skeleton","title":"Skeleton","description":"The skeleton from the OrganUI skeleton explorer: 242 selectable structures and 8 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://organui.com/r/skeleton.json"},{"name":"skin","title":"Skin","description":"The skin from the OrganUI skin explorer: 13 selectable structures and 3 named views. Model licensed CC0 1.0.","type":"registry:component","source_url":"https://organui.com/r/skin.json","install_command":"npx shadcn@latest add https://organui.com/r/skin.json"},{"name":"spinal-cord","title":"Spinal cord","description":"The spinal cord from the OrganUI spinal cord explorer: 63 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/spinal-cord.json","install_command":"npx shadcn@latest add https://organui.com/r/spinal-cord.json"},{"name":"spleen","title":"Spleen","description":"The spleen from the OrganUI spleen explorer: 9 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/spleen.json","install_command":"npx shadcn@latest add https://organui.com/r/spleen.json"},{"name":"stomach","title":"Stomach","description":"The stomach from the OrganUI stomach explorer: 9 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/stomach.json","install_command":"npx shadcn@latest add https://organui.com/r/stomach.json"},{"name":"teeth","title":"Teeth","description":"The teeth from the OrganUI teeth explorer: 33 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/teeth.json","install_command":"npx shadcn@latest add https://organui.com/r/teeth.json"},{"name":"thymus","title":"Thymus","description":"The thymus from the OrganUI thymus explorer: 13 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/thymus.json","install_command":"npx shadcn@latest add https://organui.com/r/thymus.json"},{"name":"thyroid","title":"Thyroid","description":"The thyroid from the OrganUI thyroid explorer: 18 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/thyroid.json","install_command":"npx shadcn@latest add https://organui.com/r/thyroid.json"},{"name":"tongue","title":"Tongue","description":"The tongue from the OrganUI tongue explorer: 13 selectable structures and 3 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/tongue.json","install_command":"npx shadcn@latest add https://organui.com/r/tongue.json"},{"name":"uterus","title":"Uterus","description":"The uterus from the OrganUI uterus explorer: 27 selectable structures and 3 named views. Model licensed CC BY 4.0.","type":"registry:component","source_url":"https://organui.com/r/uterus.json","install_command":"npx shadcn@latest add https://organui.com/r/uterus.json"},{"name":"vessels","title":"Vessels","description":"The vessels from the OrganUI vessels explorer: 51 selectable structures and 6 named views. Model licensed CC BY-SA 2.1 JP.","type":"registry:component","source_url":"https://organui.com/r/vessels.json","install_command":"npx shadcn@latest add https://organui.com/r/vessels.json"},{"name":"vestibular","title":"Vestibular system","description":"The inner ear's balance organs: the vestibule and three semicircular canals, with the cochlea and vestibular nerve. 6 selectable structures and 4 named views. …","type":"registry:component","source_url":"https://organui.com/r/vestibular.json","install_command":"npx shadcn@latest add https://organui.com/r/vestibular.json"},{"name":"disease-viewer","title":"Disease viewer","description":"Shows a disease on organ models: the structures it affects or spares at each stage and scale, with a panel for its ICD-10 code, course, findings and key invest…","type":"registry:component","source_url":"https://organui.com/r/disease-viewer.json","install_command":"npx shadcn@latest add https://organui.com/r/disease-viewer.json"},{"name":"acute-angle-closure-glaucoma","title":"Acute angle-closure glaucoma","description":"Acute angle-closure glaucoma on the eye: pupil block bowing the iris over the drainage angle, the hazy cornea and the threatened optic nerve, then laser iridot…","type":"registry:component","source_url":"https://organui.com/r/acute-angle-closure-glaucoma.json","install_command":"npx shadcn@latest add https://organui.com/r/acute-angle-closure-glaucoma.json"},{"name":"acute-appendicitis","title":"Acute appendicitis","description":"Acute appendicitis on the appendix and its neighbours, from early obstruction through suppuration to perforation, with the psoas sign, the scores and imaging a…","type":"registry:component","source_url":"https://organui.com/r/acute-appendicitis.json","install_command":"npx shadcn@latest add https://organui.com/r/acute-appendicitis.json"},{"name":"autoimmune-hepatitis","title":"Autoimmune hepatitis","description":"Autoimmune hepatitis at two scales: the whole liver, where it ends in cirrhosis and portal hypertension, and a liver lobule, with the portal infiltrate, interf…","type":"registry:component","source_url":"https://organui.com/r/autoimmune-hepatitis.json","install_command":"npx shadcn@latest add https://organui.com/r/autoimmune-hepatitis.json"},{"name":"benign-prostatic-hyperplasia","title":"Benign prostatic hyperplasia","description":"Benign prostatic hyperplasia on the prostate and the bladder: the gland narrowing the urethra, the bladder thickening to push past it, then chronic retention b…","type":"registry:component","source_url":"https://organui.com/r/benign-prostatic-hyperplasia.json","install_command":"npx shadcn@latest add https://organui.com/r/benign-prostatic-hyperplasia.json"},{"name":"ectopic-pregnancy","title":"Ectopic pregnancy","description":"A tubal ectopic pregnancy on the uterus and tubes: implantation in the ampulla with an empty uterus, then rupture bleeding from the mesosalpinx into the pelvis…","type":"registry:component","source_url":"https://organui.com/r/ectopic-pregnancy.json","install_command":"npx shadcn@latest add https://organui.com/r/ectopic-pregnancy.json"},{"name":"gallstone-disease","title":"Gallstone disease","description":"Gallstone disease on the biliary tree: where the stone lodges decides the illness, from biliary colic in the cystic duct through cholecystitis to cholangitis i…","type":"registry:component","source_url":"https://organui.com/r/gallstone-disease.json","install_command":"npx shadcn@latest add https://organui.com/r/gallstone-disease.json"},{"name":"graves-disease","title":"Graves' disease","description":"Graves' disease on the thyroid and the eye: a diffuse goitre, then thyroid eye disease swelling the extraocular muscles, through thyrotoxicosis, active eye dis…","type":"registry:component","source_url":"https://organui.com/r/graves-disease.json","install_command":"npx shadcn@latest add https://organui.com/r/graves-disease.json"},{"name":"hodgkin-lymphoma","title":"Hodgkin lymphoma","description":"Classical Hodgkin lymphoma of the nodular sclerosis type on a lymph node: collagen bands from a thickened capsule, effaced follicles and Reed–Sternberg cells i…","type":"registry:component","source_url":"https://organui.com/r/hodgkin-lymphoma.json","install_command":"npx shadcn@latest add https://organui.com/r/hodgkin-lymphoma.json"},{"name":"ischaemic-stroke","title":"Ischaemic stroke","description":"An ischaemic stroke of the left middle cerebral artery on the brain: the frontal, parietal and temporal lobes it supplies, with aphasia, weakness and field los…","type":"registry:component","source_url":"https://organui.com/r/ischaemic-stroke.json","install_command":"npx shadcn@latest add https://organui.com/r/ischaemic-stroke.json"},{"name":"kidney-stones","title":"Kidney stones","description":"A stone in the left kidney on the kidneys and ureters, from a silent renal stone through renal colic with hydronephrosis to an infected obstructed kidney, with…","type":"registry:component","source_url":"https://organui.com/r/kidney-stones.json","install_command":"npx shadcn@latest add https://organui.com/r/kidney-stones.json"},{"name":"lobar-pneumonia","title":"Lobar pneumonia","description":"Lobar pneumonia of the right lower lobe on the lungs, through congestion, red and grey hepatisation to resolution, with the spared middle lobe's silhouette sig…","type":"registry:component","source_url":"https://organui.com/r/lobar-pneumonia.json","install_command":"npx shadcn@latest add https://organui.com/r/lobar-pneumonia.json"},{"name":"melanoma","title":"Melanoma","description":"Melanoma on a section of skin, staged by how deep it grows: in situ in the epidermis, thin into the papillary dermis, thick into the reticular dermis and metas…","type":"registry:component","source_url":"https://organui.com/r/melanoma.json","install_command":"npx shadcn@latest add https://organui.com/r/melanoma.json"},{"name":"myocardial-infarction","title":"Myocardial infarction","description":"An anterior ST-elevation myocardial infarction on the heart: the blocked left anterior descending artery and the wall it supplies, from occlusion through the a…","type":"registry:component","source_url":"https://organui.com/r/myocardial-infarction.json","install_command":"npx shadcn@latest add https://organui.com/r/myocardial-infarction.json"},{"name":"peptic-ulcer-disease","title":"Peptic ulcer disease","description":"A gastric ulcer on the stomach's lesser curve, from an uncomplicated ulcer to bleeding from the left gastric artery and perforation, with H. pylori testing, en…","type":"registry:component","source_url":"https://organui.com/r/peptic-ulcer-disease.json","install_command":"npx shadcn@latest add https://organui.com/r/peptic-ulcer-disease.json"},{"name":"pituitary-adenoma","title":"Pituitary adenoma","description":"A non-functioning pituitary adenoma on the pituitary and its surroundings, from an incidental microadenoma to a macroadenoma pressing on the optic chiasm and s…","type":"registry:component","source_url":"https://organui.com/r/pituitary-adenoma.json","install_command":"npx shadcn@latest add https://organui.com/r/pituitary-adenoma.json"},{"name":"ai-disclaimer","title":"AI disclaimer","description":"Marks content as AI-generated: the model, when it ran, and whether a clinician has reviewed it.","type":"registry:ui","source_url":"https://organui.com/r/ai-disclaimer.json","install_command":"npx shadcn@latest add https://organui.com/r/ai-disclaimer.json"},{"name":"clinical-citation","title":"Clinical citation","description":"A record cited in the sentence that relies on it: a lab result, note, image or guideline, opening on hover or focus like shadcn's Inline Citation.","type":"registry:ui","source_url":"https://organui.com/r/clinical-citation.json","install_command":"npx shadcn@latest add https://organui.com/r/clinical-citation.json"},{"name":"clinical-sources","title":"Clinical sources","description":"The records an AI answer used, under one line that opens into the list, built on shadcn's Trace like its Sources.","type":"registry:ui","source_url":"https://organui.com/r/clinical-sources.json","install_command":"npx shadcn@latest add https://organui.com/r/clinical-sources.json"},{"name":"differential-list","title":"Differential list","description":"Suggested diagnoses ranked by model confidence, as shadcn Items, each with the findings for and against it.","type":"registry:ui","source_url":"https://organui.com/r/differential-list.json","install_command":"npx shadcn@latest add https://organui.com/r/differential-list.json"},{"name":"clinician-review","title":"Clinician review","description":"A clinician's sign-off on AI-generated content, built like shadcn's Confirmation: approve, or request changes or reject with a reason, recording who and when.","type":"registry:ui","source_url":"https://organui.com/r/clinician-review.json","install_command":"npx shadcn@latest add https://organui.com/r/clinician-review.json"},{"name":"ai-note","title":"AI note","description":"An AI-drafted clinical note whose claims cite the records they rely on, with unsupported claims marked for review.","type":"registry:ui","source_url":"https://organui.com/r/ai-note.json","install_command":"npx shadcn@latest add https://organui.com/r/ai-note.json"},{"name":"age","title":"Age","description":"Age in months and years, age corrected for prematurity, and age formatted for charts.","type":"registry:lib","source_url":"https://organui.com/r/age.json","install_command":"npx shadcn@latest add https://organui.com/r/age.json"},{"name":"z-scores","title":"Z-scores","description":"Z-scores and percentiles from LMS reference parameters, with WHO's restricted extrapolation.","type":"registry:lib","source_url":"https://organui.com/r/z-scores.json","install_command":"npx shadcn@latest add https://organui.com/r/z-scores.json"},{"name":"reference-ranges","title":"Reference ranges","description":"Flags a value low, high or critical against its reference range, and prints the range as a report does.","type":"registry:lib","source_url":"https://organui.com/r/reference-ranges.json","install_command":"npx shadcn@latest add https://organui.com/r/reference-ranges.json"},{"name":"clinical-units","title":"Clinical units","description":"Converts laboratory values between conventional and SI units, and temperature, weight and length between systems.","type":"registry:lib","source_url":"https://organui.com/r/clinical-units.json","install_command":"npx shadcn@latest add https://organui.com/r/clinical-units.json"},{"name":"body-measurements","title":"Body measurements","description":"Body mass index with its WHO category, and body surface area by the Mosteller, Du Bois or Haycock formula.","type":"registry:lib","source_url":"https://organui.com/r/body-measurements.json","install_command":"npx shadcn@latest add https://organui.com/r/body-measurements.json"},{"name":"utilities","title":"Utilities","description":"Tailwind utilities for clinical interfaces: a heartbeat animation, ECG paper and severity colours. One install adds them all to your CSS file.","type":"registry:item","source_url":"https://organui.com/r/utilities.json","install_command":"npx shadcn@latest add https://organui.com/r/utilities.json"},{"name":"explorer-01","title":"Explorer 01","description":"An organ viewer with an anatomy panel that docks beside it on wide screens and opens as a sheet on phones. Heart model licensed CC BY 4.0.","type":"registry:block","source_url":"https://organui.com/r/explorer-01.json","install_command":"npx shadcn@latest add https://organui.com/r/explorer-01.json"},{"name":"explorer-02","title":"Explorer 02","description":"A full-height anatomy workspace with the tree in a sidebar and a details card to hide or isolate the selected structure. Heart model licensed CC BY 4.0.","type":"registry:block","source_url":"https://organui.com/r/explorer-02.json","install_command":"npx shadcn@latest add https://organui.com/r/explorer-02.json"},{"name":"explorer-03","title":"Explorer 03","description":"One viewer that switches between several organs from a menu, here the heart, kidneys, stomach and pancreas. Models licensed CC BY 4.0 and CC BY-SA 2.1 JP.","type":"registry:block","source_url":"https://organui.com/r/explorer-03.json","install_command":"npx shadcn@latest add https://organui.com/r/explorer-03.json"},{"name":"dashboard-01","title":"Dashboard 01","description":"One patient at a glance: vital signs, a live ECG, lab results with trends and the day's medicines, with fictional data to replace with your records.","type":"registry:block","source_url":"https://organui.com/r/dashboard-01.json","install_command":"npx shadcn@latest add https://organui.com/r/dashboard-01.json"},{"name":"chart-area-ed-arrivals","title":"ED arrivals area chart","description":"Daily emergency department arrivals with a 7-day average, a surge threshold and events.","type":"registry:block","source_url":"https://organui.com/r/chart-area-ed-arrivals.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-area-ed-arrivals.json"},{"name":"chart-area-admissions","title":"Admissions area chart","description":"Monthly admissions against the range of the past three years, as surveillance reports draw them.","type":"registry:block","source_url":"https://organui.com/r/chart-area-admissions.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-area-admissions.json"},{"name":"chart-area-census","title":"Census area chart","description":"Daily census by status, as a stacked area chart.","type":"registry:block","source_url":"https://organui.com/r/chart-area-census.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-area-census.json"},{"name":"chart-area-heart-rate","title":"Heart rate area chart","description":"Heart rate across a shift, as a gradient area chart.","type":"registry:block","source_url":"https://organui.com/r/chart-area-heart-rate.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-area-heart-rate.json"},{"name":"chart-area-oxygen","title":"Oxygen weaning area chart","description":"Oxygen flow rate over time, as a step area chart.","type":"registry:block","source_url":"https://organui.com/r/chart-area-oxygen.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-area-oxygen.json"},{"name":"chart-area-glucose-profile","title":"Glucose profile area chart","description":"An ambulatory glucose profile: the median and percentile bands over a day.","type":"registry:block","source_url":"https://organui.com/r/chart-area-glucose-profile.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-area-glucose-profile.json"},{"name":"chart-bar-turnaround","title":"Lab turnaround bar chart","description":"Daily laboratory turnaround for urgent bloods, against a target.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-turnaround.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-turnaround.json"},{"name":"chart-bar-appointments","title":"Missed appointments bar chart","description":"Outpatient did-not-attend rate by month, against a target.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-appointments.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-appointments.json"},{"name":"chart-bar-diagnoses","title":"Length of stay bar chart","description":"Length of stay for the top diagnoses against a benchmark, as a dumbbell chart.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-diagnoses.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-diagnoses.json"},{"name":"chart-bar-ed-visits","title":"ED four-hour bar chart","description":"Emergency department visits seen within four hours, by weekday, against a target.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-ed-visits.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-ed-visits.json"},{"name":"chart-bar-vaccinations","title":"Vaccinations bar chart","description":"Vaccine doses by age group, as a multiple bar chart.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-vaccinations.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-vaccinations.json"},{"name":"chart-bar-blood-pressure","title":"Ambulatory blood pressure bar chart","description":"24-hour blood pressure as range bars from diastolic to systolic, with the overnight dip.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-blood-pressure.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-blood-pressure.json"},{"name":"chart-bar-time-in-range","title":"Time in range bar chart","description":"Continuous glucose monitor time in range by week, as a stacked bar chart.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-time-in-range.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-time-in-range.json"},{"name":"chart-bar-lab-panel","title":"Lab panel bar chart","description":"A lab panel, each result placed on its own reference range with high and low flags.","type":"registry:block","source_url":"https://organui.com/r/chart-bar-lab-panel.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-bar-lab-panel.json"},{"name":"chart-line-rehab","title":"Cardiac rehab line chart","description":"Resting heart rate through cardiac rehab: daily readings, a 7-day average and milestones.","type":"registry:block","source_url":"https://organui.com/r/chart-line-rehab.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-rehab.json"},{"name":"chart-line-blood-pressure","title":"Blood pressure line chart","description":"Home blood pressure readings, as a multiple line chart.","type":"registry:block","source_url":"https://organui.com/r/chart-line-blood-pressure.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-blood-pressure.json"},{"name":"chart-line-glucose","title":"Fasting glucose line chart","description":"Fasting glucose readings, as a line chart with dots.","type":"registry:block","source_url":"https://organui.com/r/chart-line-glucose.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-glucose.json"},{"name":"chart-line-hba1c","title":"HbA1c line chart","description":"HbA1c by quarter, as a line chart with labels.","type":"registry:block","source_url":"https://organui.com/r/chart-line-hba1c.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-hba1c.json"},{"name":"chart-line-insulin","title":"Insulin titration line chart","description":"Basal insulin dose titration, as a step line chart.","type":"registry:block","source_url":"https://organui.com/r/chart-line-insulin.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-insulin.json"},{"name":"chart-line-survival","title":"Survival line chart","description":"Kaplan–Meier survival curves for two trial arms, with censoring and numbers at risk.","type":"registry:block","source_url":"https://organui.com/r/chart-line-survival.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-survival.json"},{"name":"chart-line-forest-plot","title":"Forest plot line chart","description":"A forest plot of hazard ratios with 95% confidence intervals by subgroup.","type":"registry:block","source_url":"https://organui.com/r/chart-line-forest-plot.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-line-forest-plot.json"},{"name":"chart-pie-pdc","title":"Medication adherence pie chart","description":"Proportion of days covered by a medication over a year, with the 80% adherence threshold.","type":"registry:block","source_url":"https://organui.com/r/chart-pie-pdc.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-pie-pdc.json"},{"name":"chart-pie-blood-types","title":"Blood donations pie chart","description":"Blood donations by ABO group against the population, as two rings.","type":"registry:block","source_url":"https://organui.com/r/chart-pie-blood-types.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-pie-blood-types.json"},{"name":"chart-pie-adherence","title":"Doses pie chart","description":"A month of twice-daily doses as a ring, each dose on time, late or missed.","type":"registry:block","source_url":"https://organui.com/r/chart-pie-adherence.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-pie-adherence.json"},{"name":"chart-pie-occupancy","title":"Bed occupancy pie chart","description":"Bed occupancy, as a donut chart with the total.","type":"registry:block","source_url":"https://organui.com/r/chart-pie-occupancy.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-pie-occupancy.json"},{"name":"chart-radar-news2","title":"NEWS2 radar chart","description":"A NEWS2 early warning score, scored from raw observations, as a radar of each parameter's points.","type":"registry:block","source_url":"https://organui.com/r/chart-radar-news2.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radar-news2.json"},{"name":"chart-radar-outcomes","title":"Outcomes radar chart","description":"Patient-reported outcomes before and after, as a radar chart.","type":"registry:block","source_url":"https://organui.com/r/chart-radar-outcomes.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radar-outcomes.json"},{"name":"chart-radar-sleep","title":"Sleep radar chart","description":"Sleep quality by domain, as a radar chart with a circular grid.","type":"registry:block","source_url":"https://organui.com/r/chart-radar-sleep.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radar-sleep.json"},{"name":"chart-radar-symptoms","title":"Symptoms radar chart","description":"A symptom profile, as a radar chart.","type":"registry:block","source_url":"https://organui.com/r/chart-radar-symptoms.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radar-symptoms.json"},{"name":"chart-radial-coverage","title":"Vaccine coverage radial chart","description":"Vaccination coverage by vaccine, as a radial chart.","type":"registry:block","source_url":"https://organui.com/r/chart-radial-coverage.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radial-coverage.json"},{"name":"chart-radial-fluids","title":"Fluid balance radial chart","description":"Fluid intake and output, as a stacked radial chart.","type":"registry:block","source_url":"https://organui.com/r/chart-radial-fluids.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radial-fluids.json"},{"name":"chart-radial-steps","title":"Steps radial chart","description":"Daily steps toward a goal, as a radial chart with text.","type":"registry:block","source_url":"https://organui.com/r/chart-radial-steps.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-radial-steps.json"},{"name":"chart-tooltip-insulin","title":"Insulin tooltip","description":"Insulin doses by day, as a stacked bar chart. Default tooltip with ChartTooltipContent.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin.json"},{"name":"chart-tooltip-insulin-line","title":"Insulin tooltip: line indicator","description":"Insulin doses by day, as a stacked bar chart. Tooltip with a line indicator.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-line.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-line.json"},{"name":"chart-tooltip-insulin-no-indicator","title":"Insulin tooltip: no indicator","description":"Insulin doses by day, as a stacked bar chart. Tooltip without an indicator.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-no-indicator.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-no-indicator.json"},{"name":"chart-tooltip-insulin-custom-label","title":"Insulin tooltip: custom label","description":"Insulin doses by day, as a stacked bar chart. Tooltip labelled from chartConfig.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-custom-label.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-custom-label.json"},{"name":"chart-tooltip-insulin-label-formatter","title":"Insulin tooltip: label formatter","description":"Insulin doses by day, as a stacked bar chart. Tooltip with a formatted date label.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-label-formatter.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-label-formatter.json"},{"name":"chart-tooltip-insulin-no-label","title":"Insulin tooltip: no label","description":"Insulin doses by day, as a stacked bar chart. Tooltip without a label or indicator.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-no-label.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-no-label.json"},{"name":"chart-tooltip-insulin-formatter","title":"Insulin tooltip: formatter","description":"Insulin doses by day, as a stacked bar chart. Tooltip with a custom formatter.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-formatter.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-formatter.json"},{"name":"chart-tooltip-insulin-icons","title":"Insulin tooltip: icons","description":"Insulin doses by day, as a stacked bar chart. Tooltip with icons from chartConfig.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-icons.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-icons.json"},{"name":"chart-tooltip-insulin-advanced","title":"Insulin tooltip: advanced","description":"Insulin doses by day, as a stacked bar chart. Tooltip with a custom formatter and a total.","type":"registry:block","source_url":"https://organui.com/r/chart-tooltip-insulin-advanced.json","install_command":"npx shadcn@latest add https://organui.com/r/chart-tooltip-insulin-advanced.json"}]},{"id":"oui","name":"@oui","slug":"oui","description":"React Aria Components styled with shadcn UI characteristics, designed to run side-by-side with existing shadcn installs without overwriting any shadcn files. Covers 50+ components: Alert, Autocomplete, Badge, Base, Button, Button Group, Calendar, Card, Checkbox, Checkbox Group, Combo Box, Date Field, Date Picker, Dialog, Disclosure, Field, Form, Input, Input Group, Keyboard, Label, Link, List Box, Menu, Modal, Number Field, Pagination, Popover, Radio Group, React Router bindings, Search Field, Select, Separator, Sheet, Sidebar, Slider, Switch, Table, Tabs, Text Area, Text Field, Toggle Button, Toggle Button Group, and Tooltip. Adds accessibility and ARIA compliance beyond Radix-based alternatives. Free. Use for: projects needing ARIA-first accessible components with shadcn visual styling, especially where WAI-ARIA compliance is a hard requirement.","author":"mw10013","framework":"react","license":"MIT","tags":["accessibility","animation","auth","buttons","cards","components","dashboard","design-system","forms","icons","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://oui.mw10013.workers.dev","github":"https://github.com/mw10013/oui","registry":"https://oui.mw10013.workers.dev/r/registry.json","source":"https://oui.mw10013.workers.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/oui","markdown":"https://sh4dcn.netlify.app/md/oui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' class='fill-none!' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2025-12-14T19:35:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://oui.mw10013.workers.dev/r/registry.json","clone":"git clone https://github.com/mw10013/oui.git","clone_degit":"npx degit mw10013/oui","registry_fetch":"curl -s https://oui.mw10013.workers.dev/r/registry.json"},"component_count":137,"components":[{"name":"oui-alert","title":"Alert","description":"A shadcn Alert for a form displaying form action result.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-alert.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-alert.json"},{"name":"oui-alert-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-alert-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-alert-demo.json"},{"name":"oui-autocomplete-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-autocomplete-demo.json"},{"name":"oui-autocomplete-demo-avatar","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-avatar.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-avatar.json"},{"name":"oui-autocomplete-demo-searchable","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-searchable.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-searchable.json"},{"name":"oui-badge","title":"Badge","description":"A className function to style a react aria component as a shadcn Badge","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-badge.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-badge.json"},{"name":"oui-badge-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-badge-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-badge-demo.json"},{"name":"oui-base","title":"Base","description":"Base styles and utilities for Oui.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-base.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-base.json"},{"name":"oui-button","title":"Button","description":"React aria components Button with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-button.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button.json"},{"name":"oui-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo.json"},{"name":"oui-button-demo-outline","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-outline.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-outline.json"},{"name":"oui-button-demo-destructive","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-destructive.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-destructive.json"},{"name":"oui-button-demo-disabled","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-disabled.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-disabled.json"},{"name":"oui-button-demo-disabled-animation","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-disabled-animation.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-disabled-animation.json"},{"name":"oui-button-demo-ghost","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-ghost.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-ghost.json"},{"name":"oui-button-demo-icon-left","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-icon-left.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-icon-left.json"},{"name":"oui-button-demo-icon-right","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-icon-right.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-icon-right.json"},{"name":"oui-button-demo-lg","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-lg.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-lg.json"},{"name":"oui-button-demo-link","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-link.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-link.json"},{"name":"oui-button-demo-secondary","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-secondary.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-secondary.json"},{"name":"oui-button-demo-sm","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-sm.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-demo-sm.json"},{"name":"oui-button-group","title":"Button Group","description":"Shadcn Button Group with react aria component characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-button-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-group.json"},{"name":"oui-button-group-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-button-group-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-button-group-demo.json"},{"name":"oui-calendar","title":"Calendar","description":"React aria components Calendar with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-calendar.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-calendar.json"},{"name":"oui-calendar-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-calendar-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-calendar-demo.json"},{"name":"oui-card","title":"Card","description":"CardGridListItem for shadcn Card.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-card.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-card.json"},{"name":"oui-checkbox","title":"Checkbox","description":"React aria components Checkbox with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox.json"},{"name":"oui-checkbox-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-demo.json"},{"name":"oui-checkbox-demo-blue","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-demo-blue.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-demo-blue.json"},{"name":"oui-checkbox-group","title":"Checkbox Group","description":"React aria components Checkbox Group with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-group.json"},{"name":"oui-checkbox-group-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo.json"},{"name":"oui-checkbox-group-demo-invalid","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo-invalid.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo-invalid.json"},{"name":"oui-combo-box","title":"Combo Box","description":"React aria components Combo Box with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box.json"},{"name":"oui-combo-box-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box-demo.json"},{"name":"oui-combo-box-demo-avatar","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo-avatar.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box-demo-avatar.json"},{"name":"oui-combo-box-demo-header","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo-header.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-combo-box-demo-header.json"},{"name":"oui-date-field","title":"Date Field","description":"React aria components DateField with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-date-field.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-field.json"},{"name":"oui-date-field-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-date-field-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-field-demo.json"},{"name":"oui-date-picker","title":"Date Picker","description":"React aria components DatePicker with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-date-picker.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-picker.json"},{"name":"oui-date-picker-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-date-picker-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-date-picker-demo.json"},{"name":"oui-dialog","title":"Dialog","description":"React aria components Dialog with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-dialog.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog.json"},{"name":"oui-dialog-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo.json"},{"name":"oui-dialog-demo-scrollable-content","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-scrollable-content.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-scrollable-content.json"},{"name":"oui-dialog-demo-sticky-footer","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-sticky-footer.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-sticky-footer.json"},{"name":"oui-dialog-demo-alert","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert.json"},{"name":"oui-dialog-demo-alert-confirm","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert-confirm.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert-confirm.json"},{"name":"oui-disclosure","title":"Disclosure","description":"React aria components Disclosure with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure.json"},{"name":"oui-disclosure-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure-demo.json"},{"name":"oui-disclosure-demo-group","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure-demo-group.json"},{"name":"oui-disclosure-demo-text","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo-text.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-disclosure-demo-text.json"},{"name":"oui-field","title":"Field","description":"Shadcn Field with react aria components characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-field.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-field.json"},{"name":"oui-field-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-field-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-field-demo.json"},{"name":"oui-field-demo-fieldset","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-field-demo-fieldset.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-field-demo-fieldset.json"},{"name":"oui-form-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-form-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-form-demo.json"},{"name":"oui-index","title":"Oui Index","description":"All oui ui components.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-index.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-index.json"},{"name":"oui-react-router-index","title":"Oui React Router Index","description":"All react router related components and extensions.","type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-react-router-index.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-index.json"},{"name":"oui-input","title":"Input","description":"React aria components Input with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-input.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input.json"},{"name":"oui-input-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-input-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-demo.json"},{"name":"oui-input-demo-password","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-input-demo-password.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-demo-password.json"},{"name":"oui-input-demo-disabled","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-input-demo-disabled.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-demo-disabled.json"},{"name":"oui-input-group","title":"Input Group","description":"React aria components Group with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-input-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-group.json"},{"name":"oui-input-group-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-input-group-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-input-group-demo.json"},{"name":"oui-keyboard","title":"Keyboard","description":"React aria components Keyboard with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-keyboard.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-keyboard.json"},{"name":"oui-keyboard-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-keyboard-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-keyboard-demo.json"},{"name":"oui-label","title":"Label","description":"React aria components Label with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-label.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-label.json"},{"name":"oui-label-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-label-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-label-demo.json"},{"name":"oui-label-demo-disabled","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-label-demo-disabled.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-label-demo-disabled.json"},{"name":"oui-link","title":"Link","description":"React aria components Link with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-link.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link.json"},{"name":"oui-link-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo.json"},{"name":"oui-link-demo-hover","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-hover.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-hover.json"},{"name":"oui-link-demo-always","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-always.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-always.json"},{"name":"oui-link-demo-current","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-current.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-current.json"},{"name":"oui-link-demo-focus","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-focus.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-focus.json"},{"name":"oui-link-demo-disabled","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-disabled.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-disabled.json"},{"name":"oui-link-demo-button","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-button.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button.json"},{"name":"oui-link-demo-button-outline","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-button-outline.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button-outline.json"},{"name":"oui-link-demo-button-destructive","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-button-destructive.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button-destructive.json"},{"name":"oui-link-demo-button-disabled","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-button-disabled.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-button-disabled.json"},{"name":"oui-link-demo-icon","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-icon.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-icon.json"},{"name":"oui-link-demo-login","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-link-demo-login.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-link-demo-login.json"},{"name":"oui-list-box","title":"List Box","description":"React aria components List Box with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-list-box.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-list-box.json"},{"name":"oui-list-box-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-list-box-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-list-box-demo.json"},{"name":"oui-list-box-demo-multiple","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-list-box-demo-multiple.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-list-box-demo-multiple.json"},{"name":"oui-menu","title":"Menu","description":"React aria components Menu with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-menu.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu.json"},{"name":"oui-menu-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo.json"},{"name":"oui-menu-demo-checkboxes","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-checkboxes.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-checkboxes.json"},{"name":"oui-menu-demo-radio-group","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-radio-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-radio-group.json"},{"name":"oui-menu-demo-avatar","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar.json"},{"name":"oui-menu-demo-avatar-only","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar-only.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-avatar-only.json"},{"name":"oui-menu-demo-icon","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-menu-demo-icon.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-menu-demo-icon.json"},{"name":"oui-modal","title":"Modal","description":"React aria components Modal with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-modal.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-modal.json"},{"name":"oui-number-field","title":"Number Field","description":"React aria components Number Field with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-number-field.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-number-field.json"},{"name":"oui-number-field-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-number-field-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-number-field-demo.json"},{"name":"oui-pagination","title":"Pagination","description":"React aria components List Box with shadcn characteristics for pagination.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-pagination.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-pagination.json"},{"name":"oui-pagination-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-pagination-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-pagination-demo.json"},{"name":"oui-popover","title":"Popover","description":"React aria components Popover with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-popover.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-popover.json"},{"name":"oui-popover-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-popover-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-popover-demo.json"},{"name":"oui-radio-group","title":"Radio Group","description":"React aria components Radio Group with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-radio-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-radio-group.json"},{"name":"oui-radio-group-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-radio-group-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-radio-group-demo.json"},{"name":"oui-radio-group-demo-green","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-radio-group-demo-green.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-radio-group-demo-green.json"},{"name":"oui-react-router-error-boundary","title":"React Router Error Boundary","description":"Error Boundary for react router.","type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-react-router-error-boundary.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-error-boundary.json"},{"name":"oui-react-router-provider","title":"React Router Provider","description":"React aria components Router Provider for react router.","type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-react-router-provider.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-provider.json"},{"name":"oui-react-router-theme-toggle-button","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-react-router-theme-toggle-button.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-react-router-theme-toggle-button.json"},{"name":"oui-search-field","title":"Search Field","description":"React aria components Search Field with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-search-field.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-search-field.json"},{"name":"oui-search-field-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-search-field-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-search-field-demo.json"},{"name":"oui-select","title":"Select","description":"React aria components Select with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-select.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select.json"},{"name":"oui-select-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-select-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo.json"},{"name":"oui-select-demo-multiple","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-select-demo-multiple.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo-multiple.json"},{"name":"oui-select-demo-large-list","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-select-demo-large-list.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo-large-list.json"},{"name":"oui-select-demo-icon","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-select-demo-icon.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-select-demo-icon.json"},{"name":"oui-separator","title":"Separator","description":"React aria components Separator with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-separator.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-separator.json"},{"name":"oui-separator-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-separator-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-separator-demo.json"},{"name":"oui-sheet","title":"Sheet","description":"A className function to style a react aria components Modal as a shadcn Sheet.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-sheet.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sheet.json"},{"name":"oui-sheet-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-sheet-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sheet-demo.json"},{"name":"oui-sheet-demo-sides","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-sheet-demo-sides.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sheet-demo-sides.json"},{"name":"oui-sidebar","title":"Sidebar","description":"Sidebar Trigger, Sidebar Tree, and Sidebar Button for shadcn Sidebar.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-sidebar.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-sidebar.json"},{"name":"oui-slider","title":"Slider","description":"React aria components Slider with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-slider.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-slider.json"},{"name":"oui-slider-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-slider-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-slider-demo.json"},{"name":"oui-switch","title":"Switch","description":"React aria components Switch with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-switch.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-switch.json"},{"name":"oui-switch-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-switch-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-switch-demo.json"},{"name":"oui-table","title":"Table","description":"React aria components Table with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-table.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-table.json"},{"name":"oui-table-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-table-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-table-demo.json"},{"name":"oui-table-demo-action-menu","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-table-demo-action-menu.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-table-demo-action-menu.json"},{"name":"oui-tabs","title":"Tabs","description":"React aria components Tabs with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-tabs.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tabs.json"},{"name":"oui-tabs-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-tabs-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tabs-demo.json"},{"name":"oui-text-area","title":"Text Area","description":"React aria components Text Area with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-text-area.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-area.json"},{"name":"oui-text-area-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-text-area-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-area-demo.json"},{"name":"oui-text-field","title":"Text Field","description":"React aria components Text Field with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-text-field.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-field.json"},{"name":"oui-text-field-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-text-field-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-field-demo.json"},{"name":"oui-text-field-demo-invalid","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-text-field-demo-invalid.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-text-field-demo-invalid.json"},{"name":"oui-toggle-button","title":"Toggle Button","description":"React aria components Toggle Button with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-toggle-button.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button.json"},{"name":"oui-toggle-button-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-toggle-button-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button-demo.json"},{"name":"oui-toggle-button-group","title":"Toggle Button Group","description":"React aria components Toggle Button Group with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-toggle-button-group.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button-group.json"},{"name":"oui-toggle-button-group-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-toggle-button-group-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-toggle-button-group-demo.json"},{"name":"oui-tooltip","title":"Tooltip","description":"React aria components Tooltip with shadcn characteristics.","type":"registry:ui","source_url":"https://oui.mw10013.workers.dev/r/oui-tooltip.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tooltip.json"},{"name":"oui-tooltip-demo","title":null,"description":null,"type":"registry:component","source_url":"https://oui.mw10013.workers.dev/r/oui-tooltip-demo.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-tooltip-demo.json"},{"name":"oui-on-submit-react-router","title":"On Submit React Router","description":"Helper function to handle form submissions with react router.","type":"registry:lib","source_url":"https://oui.mw10013.workers.dev/r/oui-on-submit-react-router.json","install_command":"npx shadcn@latest add https://oui.mw10013.workers.dev/r/oui-on-submit-react-router.json"}]},{"id":"paceui","name":"@paceui","slug":"paceui","description":"Carefully built UI blocks for real apps and dashboards, designed to integrate smoothly from early ideas to production releases.","author":"paceui","framework":"react","license":null,"tags":["animation","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","hooks","loaders","marketing","media","navigation","overlays","pro-available","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://paceui.com","github":"https://github.com/paceui/community","registry":"https://paceui.com/r/registry.json","source":"https://paceui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/paceui","markdown":"https://sh4dcn.netlify.app/md/paceui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='none' viewBox='0 0 512 512'><g clip-path='url(#clip0_832_289)'><path fill='var(--foregorund)' d='M256 0C51.2 0 0 51.2 0 256s51.2 256 256 256 256-51.2 256-256S460.8 0 256 0'/><path stroke='var(--background)' stroke-width='24' d='M381.631 89.102 156.848 226.934c-1.77 1.101-3.439 2.653-4.844 4.505s-2.5 3.94-3.177 6.062c-.673 2.062-.875 4.084-.584 5.83.288 1.658 1.077 2.946 2.257 3.686l98.286 32.478-122.2 137.576a7.9 7.9 0 0 0-1.306 2.72c-.234.895-.22 1.742.04 2.404q.369 1.032 1.341 1.214c.64.125 1.387-.039 2.127-.468l224.795-137.85c1.77-1.102 3.438-2.654 4.844-4.506 1.405-1.852 2.5-3.94 3.177-6.061.666-2.057.864-4.072.571-5.813-.282-1.663-1.066-2.957-2.245-3.704l-87.131-44.529L383.845 94.953a7.9 7.9 0 0 0 1.306-2.72c.233-.895.219-1.741-.04-2.404-.257-.632-.727-1.058-1.341-1.214-.641-.125-1.4.058-2.139.487Z'/></g></svg>","preview_image":"https://paceui.com/images/brand/og/default-v2.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://paceui.com/assets/pricing-Cys4B4gV.js"},"metrics":{"github_stars":15,"open_issues":0,"last_commit":"2026-07-31T13:37:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://paceui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://paceui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://paceui.com/r/registry.json","clone":"git clone https://github.com/paceui/community.git","clone_degit":"npx degit paceui/community","registry_fetch":"curl -s https://paceui.com/r/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://paceui.com/r/index.json","install_command":"npx shadcn@latest add https://paceui.com/r/index.json"},{"name":"dashboard-chart-1","title":"Chart 1","description":"An interactive chart visualizing system logs over time with data tooltips and active hover states.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-chart-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-chart-1.json"},{"name":"dashboard-chart-2","title":"Chart 2","description":"A visual representation of web traffic volume and request spikes across different time periods.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-chart-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-chart-2.json"},{"name":"dashboard-chart-3","title":"Chart 3","description":"A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-chart-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-chart-3.json"},{"name":"dashboard-chart-4","title":"Chart 4","description":"A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-chart-4.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-chart-4.json"},{"name":"dashboard-chart-5","title":"Chart 5","description":"A stacked bar chart visualizing monthly profit and loss amounts with interactive tooltips and custom striped indicators.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-chart-5.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-chart-5.json"},{"name":"dashboard-chart-6","title":"Chart 6","description":"A card showing transactions over time with a badge metric, stacked bar chart, and detailed transaction summary status grid.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-chart-6.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-chart-6.json"},{"name":"dashboard-widget-1","title":"Widget 1","description":"A real-time activity stream displaying recent system events and errors in a chronological layout.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-widget-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-widget-1.json"},{"name":"dashboard-widget-2","title":"Widget 2","description":"An interactive seat selector for cinema and aircraft cabin booking, featuring hover details, status indicators, and total price calculation.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-widget-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-widget-2.json"},{"name":"dashboard-stat-1","title":"Stat 1","description":"A minimal statistic card displaying total log counts with a clean, numerical layout.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-stat-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-stat-1.json"},{"name":"dashboard-stat-2","title":"Stat 2","description":"A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-stat-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-stat-2.json"},{"name":"dashboard-stat-3","title":"Stat 3","description":"A stat card displaying a metric with icon, trend indicator, and monthly goal progress.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-stat-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-stat-3.json"},{"name":"dashboard-stat-4","title":"Stat 4","description":"A statistic card featuring a primary metric value, trend indicator, and a responsive area sparkline chart.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-stat-4.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-stat-4.json"},{"name":"dashboard-table-1","title":"Table 1","description":"A clean data table listing system events with timestamp, severity, and message columns.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-table-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-table-1.json"},{"name":"dashboard-table-3","title":"Table 3","description":"Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity.","type":"registry:block","source_url":"https://paceui.com/r/dashboard-table-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/dashboard-table-3.json"},{"name":"app-analytics-1","title":"Analytics 1","description":"A weekly audience growth statistics widget showcasing active readers and email leads, complete with a highlighted weekly bar chart.","type":"registry:block","source_url":"https://paceui.com/r/app-analytics-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-analytics-1.json"},{"name":"app-analytics-2","title":"Analytics 2","description":"A statistics card displaying user retention and goal completion progress bars with status badges and options dropdown menu.","type":"registry:block","source_url":"https://paceui.com/r/app-analytics-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-analytics-2.json"},{"name":"app-analytics-3","title":"Analytics 3","description":"A comparison widget displaying revenue distribution between paid acquisition and organic search channels with a dual progress bar.","type":"registry:block","source_url":"https://paceui.com/r/app-analytics-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-analytics-3.json"},{"name":"app-analytics-4","title":"Analytics 4","description":"A campaign goals progress tracking widget displaying marketing completion percentages with inline metrics.","type":"registry:block","source_url":"https://paceui.com/r/app-analytics-4.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-analytics-4.json"},{"name":"app-health-1","title":"Health 1","description":"A weekly habit and streak tracking widget displaying current and longest streaks with a status grid.","type":"registry:block","source_url":"https://paceui.com/r/app-health-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-health-1.json"},{"name":"app-education-1","title":"Education 1","description":"A course syllabus tracker widget showing current module completion status and collapsible chapter item cards.","type":"registry:block","source_url":"https://paceui.com/r/app-education-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-education-1.json"},{"name":"app-project-3","title":"Project 3","description":"A project task card displaying priority status, task details, assignee, and calendar due date.","type":"registry:block","source_url":"https://paceui.com/r/app-project-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-project-3.json"},{"name":"app-finance-1","title":"Finance 1","description":"A visual commodities portfolio tracker showcasing gold, silver, and crude oil allocations with an integrated segmented bar chart and detailed item metrics.","type":"registry:block","source_url":"https://paceui.com/r/app-finance-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/app-finance-1.json"},{"name":"marketing-testimonials-1","title":"Testimonials 1","description":"An interactive client testimonials block featuring tabbed categorization (e.g., startups vs enterprise), custom metrics display, and trust rating social proof …","type":"registry:block","source_url":"https://paceui.com/r/marketing-testimonials-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-testimonials-1.json"},{"name":"marketing-hero-1","title":"Hero 1","description":"A premium marketing hero block for educational courses featuring interactive progress track selectors, graduate avatar groups, and statistics summary cards.","type":"registry:block","source_url":"https://paceui.com/r/marketing-hero-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-hero-1.json"},{"name":"marketing-features-1","title":"Features 1","description":"A premium developer features grid highlighting edge deployments, serverless DB pooling, and real-time Recharts monitoring.","type":"registry:block","source_url":"https://paceui.com/r/marketing-features-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-features-1.json"},{"name":"marketing-features-4","title":"Features 4","description":"A clean marketing features grid outlining sprint management, milestones, and project blueprints.","type":"registry:block","source_url":"https://paceui.com/r/marketing-features-4.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-features-4.json"},{"name":"marketing-topbar-1","title":"Topbar 1","description":"Classic logo left, centered main navigation, search and notifications right with user avatar menu.","type":"registry:block","source_url":"https://paceui.com/r/marketing-topbar-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-topbar-1.json"},{"name":"marketing-topbar-2","title":"Topbar 2","description":"Search-focused header with expandable keyboard shortcut search bar, quick links, and utility icons.","type":"registry:block","source_url":"https://paceui.com/r/marketing-topbar-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-topbar-2.json"},{"name":"marketing-topbar-3","title":"Topbar 3","description":"Dual call-to-action layout featuring compact search bar, utility controls, and primary action button.","type":"registry:block","source_url":"https://paceui.com/r/marketing-topbar-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-topbar-3.json"},{"name":"marketing-topbar-4","title":"Topbar 4","description":"Two-row layout with top primary navigation and bottom secondary filter tab strip with quick search.","type":"registry:block","source_url":"https://paceui.com/r/marketing-topbar-4.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-topbar-4.json"},{"name":"marketing-topbar-5","title":"Topbar 5","description":"Global command search topbar with interactive badge notifications and active user status badge.","type":"registry:block","source_url":"https://paceui.com/r/marketing-topbar-5.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-topbar-5.json"},{"name":"marketing-footer-1","title":"Footer 1","description":"Minimal centered layout with brand mark, call-to-action button, horizontal nav links, and social icons.","type":"registry:block","source_url":"https://paceui.com/r/marketing-footer-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-footer-1.json"},{"name":"marketing-footer-2","title":"Footer 2","description":"Clean split row layout featuring brand logo, inline navigation, social media icons, and legal footer strip.","type":"registry:block","source_url":"https://paceui.com/r/marketing-footer-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-footer-2.json"},{"name":"marketing-footer-3","title":"Footer 3","description":"Dual-column layout pairing brand information and social icons with a newsletter subscription box.","type":"registry:block","source_url":"https://paceui.com/r/marketing-footer-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-footer-3.json"},{"name":"marketing-footer-4","title":"Footer 4","description":"Multi-column layout featuring brand description, social links, categorized sitemap columns, and bottom copyright bar.","type":"registry:block","source_url":"https://paceui.com/r/marketing-footer-4.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-footer-4.json"},{"name":"marketing-cookie-consent-1","title":"Cookie Consent 1","description":"Ultra minimal floating bar layout with concise policy text and primary accept button.","type":"registry:block","source_url":"https://paceui.com/r/marketing-cookie-consent-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-cookie-consent-1.json"},{"name":"marketing-cookie-consent-2","title":"Cookie Consent 2","description":"Centered modal card with icon header, privacy copy, and stacked/inline decision buttons.","type":"registry:block","source_url":"https://paceui.com/r/marketing-cookie-consent-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-cookie-consent-2.json"},{"name":"marketing-cookie-consent-3","title":"Cookie Consent 3","description":"Left-aligned toast banner featuring icon avatar, description text, and customization buttons.","type":"registry:block","source_url":"https://paceui.com/r/marketing-cookie-consent-3.json","install_command":"npx shadcn@latest add https://paceui.com/r/marketing-cookie-consent-3.json"},{"name":"layout-notification-1","title":"Notification Dialog 1","description":"A popover-based notification dialog showing recent notifications, unread badge indicator, and quick actions.","type":"registry:block","source_url":"https://paceui.com/r/layout-notification-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/layout-notification-1.json"},{"name":"layout-profile-1","title":"Profile Dropdown Menu 1","description":"A dropdown menu for user profile options showing user details, account settings, billing, notifications, and sign out.","type":"registry:block","source_url":"https://paceui.com/r/layout-profile-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/layout-profile-1.json"},{"name":"layout-widget-2","title":"Language Selector Widget 2","description":"A dropdown menu for selecting language/country with country flag indicator.","type":"registry:block","source_url":"https://paceui.com/r/layout-widget-2.json","install_command":"npx shadcn@latest add https://paceui.com/r/layout-widget-2.json"},{"name":"layout-promo-1","title":"Promo 1","description":"An attention-grabbing card encouraging users to unlock premium analytics features and historical data access.","type":"registry:block","source_url":"https://paceui.com/r/layout-promo-1.json","install_command":"npx shadcn@latest add https://paceui.com/r/layout-promo-1.json"},{"name":"form-input","title":"Form Input","description":"A form input component with validation and error handling.","type":"registry:component","source_url":"https://paceui.com/r/form-input.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-input.json"},{"name":"form-password","title":"Form Password","description":"A password input field with visibility toggle and validation.","type":"registry:component","source_url":"https://paceui.com/r/form-password.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-password.json"},{"name":"form-select","title":"Form Select","description":"A select input field with options and validation.","type":"registry:component","source_url":"https://paceui.com/r/form-select.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-select.json"},{"name":"form-switch","title":"Form Switch","description":"A switch input field with on/off state and validation.","type":"registry:component","source_url":"https://paceui.com/r/form-switch.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-switch.json"},{"name":"form-textarea","title":"Form Textarea","description":"A textarea input field with validation and error handling.","type":"registry:component","source_url":"https://paceui.com/r/form-textarea.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-textarea.json"},{"name":"form-checkbox","title":"Form Checkbox","description":"A checkbox input field with validation and error handling.","type":"registry:component","source_url":"https://paceui.com/r/form-checkbox.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-checkbox.json"},{"name":"form-error","title":"Form Error","description":"A component for displaying form validation errors.","type":"registry:component","source_url":"https://paceui.com/r/form-error.json","install_command":"npx shadcn@latest add https://paceui.com/r/form-error.json"},{"name":"plugin-filepond","title":"File Pond","description":"file pond","type":"registry:component","source_url":"https://paceui.com/r/plugin-filepond.json","install_command":"npx shadcn@latest add https://paceui.com/r/plugin-filepond.json"},{"name":"mcp-block-viewer","title":"Block Viewer","description":"React context managing block variant navigation, theme toggling, and clipboard actions.","type":"registry:component","source_url":"https://paceui.com/r/mcp-block-viewer.json","install_command":"npx shadcn@latest add https://paceui.com/r/mcp-block-viewer.json"},{"name":"motion-ai-suggestions","title":"AI Suggestions","description":"Get smart, real-time AI recommendations to refine and improve your work","type":"registry:ui","source_url":"https://paceui.com/r/motion-ai-suggestions.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-ai-suggestions.json"},{"name":"motion-ai-model-selector","title":"Model Selector","description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","type":"registry:ui","source_url":"https://paceui.com/r/motion-ai-model-selector.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-ai-model-selector.json"},{"name":"motion-ai-model-ability-selector","title":"Model Ability Selector","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://paceui.com/r/motion-ai-model-ability-selector.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-ai-model-ability-selector.json"},{"name":"motion-ai-response-writer","title":"Response Writer","description":"An auto-scrolling text display that smoothly keeps the latest response always visible","type":"registry:ui","source_url":"https://paceui.com/r/motion-ai-response-writer.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-ai-response-writer.json"},{"name":"motion-ai-token-counter","title":"Token Counter","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://paceui.com/r/motion-ai-token-counter.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-ai-token-counter.json"},{"name":"motion-reveal-text","title":"Reveal Text","description":"A smooth text reveals animation where each heading reveals related content on interaction.","type":"registry:component","source_url":"https://paceui.com/r/motion-reveal-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-reveal-text.json"},{"name":"motion-scramble-text","title":"Scramble Text","description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","type":"registry:ui","source_url":"https://paceui.com/r/motion-scramble-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-scramble-text.json"},{"name":"motion-squash-text","title":"Squash Text","description":"Characters bounce and squash into place with playful, dynamic energy.","type":"registry:ui","source_url":"https://paceui.com/r/motion-squash-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-squash-text.json"},{"name":"motion-bouncing-text","title":"Bouncing Text","description":"A playful animation where characters bounce in sequence across the text.","type":"registry:ui","source_url":"https://paceui.com/r/motion-bouncing-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-bouncing-text.json"},{"name":"motion-draw-line-text","title":"Draw Line Text","description":"A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights.","type":"registry:ui","source_url":"https://paceui.com/r/motion-draw-line-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-draw-line-text.json"},{"name":"motion-mouse-wave-text","title":"Mouse Wave Text","description":"Creates a wave-like bounce effect on text as the mouse moves across","type":"registry:ui","source_url":"https://paceui.com/r/motion-mouse-wave-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-mouse-wave-text.json"},{"name":"motion-text-fall-button","title":"Text Fall Button","description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","type":"registry:ui","source_url":"https://paceui.com/r/motion-text-fall-button.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-text-fall-button.json"},{"name":"motion-spring-button","title":"Spring Button","description":"A button that shrinks on press and springs back with bounce.","type":"registry:ui","source_url":"https://paceui.com/r/motion-spring-button.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-spring-button.json"},{"name":"motion-fillable-button","title":"Fillable Button","description":"A button that fills with color on hover.","type":"registry:ui","source_url":"https://paceui.com/r/motion-fillable-button.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-fillable-button.json"},{"name":"motion-infinite-scroller","title":"Infinite Scroller","description":"A smooth, physics-driven infinite scroller featuring drag momentum and scroll acceleration.","type":"registry:ui","source_url":"https://paceui.com/r/motion-infinite-scroller.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-infinite-scroller.json"},{"name":"motion-gradient-shadow","title":"Gradient Shadow","description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","type":"registry:ui","source_url":"https://paceui.com/r/motion-gradient-shadow.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-gradient-shadow.json"},{"name":"motion-layered-stack","title":"Layered Stack","description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","type":"registry:ui","source_url":"https://paceui.com/r/motion-layered-stack.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-layered-stack.json"},{"name":"motion-profile-peek","title":"Profile Peek","description":"Hover to peek profile with smooth reveal, right from the image.","type":"registry:ui","source_url":"https://paceui.com/r/motion-profile-peek.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-profile-peek.json"},{"name":"motion-flip-reveal","title":"Flip Reveal","description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","type":"registry:ui","source_url":"https://paceui.com/r/motion-flip-reveal.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-flip-reveal.json"},{"name":"motion-reveal-on-scroll","title":"Reveal On Scroll","description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","type":"registry:ui","source_url":"https://paceui.com/r/motion-reveal-on-scroll.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-reveal-on-scroll.json"},{"name":"motion-swap","title":"Swap","description":"A flexible swap component that animates content changes with smooth customizable transition effects.","type":"registry:ui","source_url":"https://paceui.com/r/motion-swap.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-swap.json"},{"name":"motion-accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content with motion animations.","type":"registry:ui","source_url":"https://paceui.com/r/motion-accordion.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-accordion.json"},{"name":"motion-dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user-triggered by a button-with spring entrance transitions, submenus, checkboxes, and radio items.","type":"registry:ui","source_url":"https://paceui.com/r/motion-dropdown-menu.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-dropdown-menu.json"},{"name":"motion-tabs","title":"Tabs","description":"A set of layered sections of content-known as tab panels-that are displayed one at a time with layout-aware spring indicator animations.","type":"registry:ui","source_url":"https://paceui.com/r/motion-tabs.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-tabs.json"},{"name":"motion-switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked with jelly squash-and-stretch active physics and bouncy spring animations.","type":"registry:ui","source_url":"https://paceui.com/r/motion-switch.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-switch.json"},{"name":"motion-tooltip","title":"Tooltip","description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it, with shared provider morphing and…","type":"registry:ui","source_url":"https://paceui.com/r/motion-tooltip.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-tooltip.json"},{"name":"motion-calendar","title":"Calendar","description":"A date picker component that allows users to select dates and ranges with interactive spring selection animations.","type":"registry:ui","source_url":"https://paceui.com/r/motion-calendar.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-calendar.json"},{"name":"motion-checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked with tactile spring press physics and animated checkmark transitions.","type":"registry:ui","source_url":"https://paceui.com/r/motion-checkbox.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-checkbox.json"},{"name":"motion-collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel with smooth spring height morphing and mask-gradient transitions.","type":"registry:ui","source_url":"https://paceui.com/r/motion-collapsible.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-collapsible.json"},{"name":"motion-combobox","title":"Combobox","description":"An interactive searchable input with a filtered list of selectable items, animated floating highlight, and multi-select chip transitions.","type":"registry:ui","source_url":"https://paceui.com/r/motion-combobox.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-combobox.json"},{"name":"motion-context-menu","title":"Context Menu","description":"Displays a menu located at the pointer position, triggered by a right-click or long-press, with spring entrance transitions, submenus, checkboxes, and radio it…","type":"registry:ui","source_url":"https://paceui.com/r/motion-context-menu.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-context-menu.json"},{"name":"motion-menubar","title":"Menubar","description":"A desktop-style horizontal menu bar with shared gliding trigger indicators, floating popup transition, and animated items.","type":"registry:ui","source_url":"https://paceui.com/r/motion-menubar.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-menubar.json"},{"name":"motion-navigation-menu","title":"Navigation Menu","description":"A collection of links and navigation elements with shared gliding indicator, spring popup scale entrance, and viewport dimension morphing.","type":"registry:ui","source_url":"https://paceui.com/r/motion-navigation-menu.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-navigation-menu.json"},{"name":"motion-progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar with spring motion animations.","type":"registry:ui","source_url":"https://paceui.com/r/motion-progress.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-progress.json"},{"name":"motion-radio-group","title":"Radio Group","description":"A set of checkable buttons-known as radio buttons-where no more than one button can be checked at a time, featuring tactile press physics and spring indicator …","type":"registry:ui","source_url":"https://paceui.com/r/motion-radio-group.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-radio-group.json"},{"name":"motion-select","title":"Select","description":"Displays a list of options for the user to pick from-triggered by a button-with spring popup reveals, shared gliding active item highlight, and animated checkm…","type":"registry:ui","source_url":"https://paceui.com/r/motion-select.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-select.json"},{"name":"motion-sidebar","title":"Sidebar","description":"A composable, themeable, and customizable sidebar component with collapsible states, variants, and responsive sheet behavior.","type":"registry:ui","source_url":"https://paceui.com/r/motion-sidebar.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-sidebar.json"},{"name":"motion-slider","title":"Slider","description":"An input where the user selects a value from within a given range with spring thumb scaling physics.","type":"registry:ui","source_url":"https://paceui.com/r/motion-slider.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-slider.json"},{"name":"motion-hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link with spring entrance transitions.","type":"registry:ui","source_url":"https://paceui.com/r/motion-hover-card.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-hover-card.json"},{"name":"motion-alert","title":"Alert","description":"Displays a callout for user attention with spring motion entrance and exit transitions.","type":"registry:ui","source_url":"https://paceui.com/r/motion-alert.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-alert.json"},{"name":"motion-empty","title":"Empty","description":"Displays an empty state placeholder when no data, results, or items are present with spring entrance animations.","type":"registry:ui","source_url":"https://paceui.com/r/motion-empty.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-empty.json"},{"name":"motion-input-otp","title":"Input OTP","description":"Accessible one-time password component with spring animations for character entry and active slot focus.","type":"registry:ui","source_url":"https://paceui.com/r/motion-input-otp.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-input-otp.json"},{"name":"motion-pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links, and motion shared active glide.","type":"registry:ui","source_url":"https://paceui.com/r/motion-pagination.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-pagination.json"},{"name":"motion-scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling with smooth scrolling, tactile spring thumb interactions, and transition physics.","type":"registry:ui","source_url":"https://paceui.com/r/motion-scroll-area.json","install_command":"npx shadcn@latest add https://paceui.com/r/motion-scroll-area.json"},{"name":"gsap-ai-suggestions","title":"AI Suggestions","description":"Get smart, real-time AI recommendations to refine and improve your work","type":"registry:ui","source_url":"https://paceui.com/r/gsap-ai-suggestions.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-ai-suggestions.json"},{"name":"gsap-ai-model-selector","title":"Model Selector","description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","type":"registry:ui","source_url":"https://paceui.com/r/gsap-ai-model-selector.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-ai-model-selector.json"},{"name":"gsap-ai-model-ability-selector","title":"Model Ability Selector","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://paceui.com/r/gsap-ai-model-ability-selector.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-ai-model-ability-selector.json"},{"name":"gsap-ai-response-writer","title":"Response Writer","description":"An auto-scrolling text display that smoothly keeps the latest response always visible","type":"registry:ui","source_url":"https://paceui.com/r/gsap-ai-response-writer.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-ai-response-writer.json"},{"name":"gsap-ai-token-counter","title":"Token Counter","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://paceui.com/r/gsap-ai-token-counter.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-ai-token-counter.json"},{"name":"gsap-reveal-text","title":"Reveal Text","description":"A smooth text reveals animation where each heading reveals related content on interaction.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-reveal-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-reveal-text.json"},{"name":"gsap-scramble-text","title":"Scramble Text","description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","type":"registry:ui","source_url":"https://paceui.com/r/gsap-scramble-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-scramble-text.json"},{"name":"gsap-squash-text","title":"Squash Text","description":"Characters bounce and squash into place with playful, dynamic energy.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-squash-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-squash-text.json"},{"name":"gsap-bouncing-text","title":"Bouncing Text","description":"A playful animation where characters bounce in sequence across the text.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-bouncing-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-bouncing-text.json"},{"name":"gsap-draw-line-text","title":"Draw Line Text","description":"A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-draw-line-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-draw-line-text.json"},{"name":"gsap-mouse-wave-text","title":"Mouse Wave Text","description":"Creates a wave-like bounce effect on text as the mouse moves across","type":"registry:ui","source_url":"https://paceui.com/r/gsap-mouse-wave-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-mouse-wave-text.json"},{"name":"gsap-text-fall-button","title":"Text Fall Button","description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-text-fall-button.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-text-fall-button.json"},{"name":"gsap-spring-button","title":"Spring Button","description":"A button that shrinks on press and springs back with bounce.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-spring-button.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-spring-button.json"},{"name":"gsap-fillable-button","title":"Fillable Button","description":"A button that fills with color on hover.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-fillable-button.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-fillable-button.json"},{"name":"gsap-swap","title":"Swap","description":"A flexible swap component that animates content changes with smooth customizable transition effects.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-swap.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-swap.json"},{"name":"gsap-animated-stack","title":"Animated Stack","description":"A smooth stacked card component that expands on hover and collapses with animation.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-animated-stack.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-animated-stack.json"},{"name":"gsap-layered-stack","title":"Layered Stack","description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-layered-stack.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-layered-stack.json"},{"name":"gsap-gradient-shadow","title":"Gradient Shadow","description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-gradient-shadow.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-gradient-shadow.json"},{"name":"gsap-github-star-counter","title":"GitHub Star Counter","description":"Display live GitHub star count for any public repository","type":"registry:ui","source_url":"https://paceui.com/r/gsap-github-star-counter.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-github-star-counter.json"},{"name":"gsap-rolling-number","title":"Rolling Number","description":"A smooth rolling number component powered by GSAP.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-rolling-number.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-rolling-number.json"},{"name":"gsap-profile-peek","title":"Profile Peek","description":"Hover to peek profile with smooth reveal, right from the image.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-profile-peek.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-profile-peek.json"},{"name":"gsap-flip-reveal","title":"Flip Reveal","description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-flip-reveal.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-flip-reveal.json"},{"name":"gsap-reveal-on-scroll","title":"Reveal On Scroll","description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-reveal-on-scroll.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-reveal-on-scroll.json"},{"name":"gsap-stagger-on-scroll","title":"Stagger on Scroll","description":"Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-stagger-on-scroll.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-stagger-on-scroll.json"},{"name":"gsap-liquid-cursor","title":"Liquid Cursor","description":"A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-liquid-cursor.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-liquid-cursor.json"},{"name":"gsap-liquid-glass","title":"Liquid Glass","description":"A smooth glass effect with subtle blur, ideal for UI highlights and overlays.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-liquid-glass.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-liquid-glass.json"},{"name":"gsap-tilt-card","title":"Tilt Card","description":"Interactive 3D tilt card that responds to cursor, adds depth and motion","type":"registry:ui","source_url":"https://paceui.com/r/gsap-tilt-card.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-tilt-card.json"},{"name":"gsap-distort-text","title":"Distort Text","description":"Distort text with interactive hover motion.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-distort-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-distort-text.json"},{"name":"gsap-overlay-effect","title":"Overlay Effect","description":"Overlay effect with GSAP animation.","type":"registry:ui","source_url":"https://paceui.com/r/gsap-overlay-effect.json","install_command":"npx shadcn@latest add https://paceui.com/r/gsap-overlay-effect.json"},{"name":"dot-display-dot-loader","title":"Dot Loader","description":"Frame-by-frame 9x9 LED dot matrix loader animation component.","type":"registry:ui","source_url":"https://paceui.com/r/dot-display-dot-loader.json","install_command":"npx shadcn@latest add https://paceui.com/r/dot-display-dot-loader.json"},{"name":"dot-display-dot-flow","title":"Dot Flow","description":"Animated step flow combining text status transitions with dot matrix animations.","type":"registry:ui","source_url":"https://paceui.com/r/dot-display-dot-flow.json","install_command":"npx shadcn@latest add https://paceui.com/r/dot-display-dot-flow.json"},{"name":"free-dashboard-template","title":"Free Admin Dashboard","description":"This premium admin dashboard template delivers responsive layouts, diverse charts, and advanced tables for your web applications.","type":"registry:block","source_url":"https://paceui.com/r/free-dashboard-template.json","install_command":"npx shadcn@latest add https://paceui.com/r/free-dashboard-template.json"},{"name":"personal-portfolio-template","title":"Personal Portfolio","description":"Landing template","type":"registry:block","source_url":"https://paceui.com/r/personal-portfolio-template.json","install_command":"npx shadcn@latest add https://paceui.com/r/personal-portfolio-template.json"},{"name":"tanstack-charts-area-gradient","title":"Area Gradient","description":"A gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-gradient.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-gradient.json"},{"name":"tanstack-charts-area-stack-expanded","title":"Area Stack Expanded","description":"An expanded stacked area chart illustrating traffic distribution ratios normalized to 100% built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-stack-expanded.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-stack-expanded.json"},{"name":"tanstack-charts-area-stacked","title":"Area Stacked","description":"A stacked area chart displaying combined desktop and mobile website traffic built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-stacked.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-stacked.json"},{"name":"tanstack-charts-area-step","title":"Area Step","description":"A step area chart illustrating active microservice replica transitions built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-step.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-step.json"},{"name":"tanstack-charts-area-linear","title":"Area Linear","description":"A linear area chart tracking cloud infrastructure compute consumption built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-linear.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-linear.json"},{"name":"tanstack-charts-area-interactive","title":"Area Interactive","description":"An interactive network bandwidth and throughput area chart with time range select built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-interactive.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-interactive.json"},{"name":"tanstack-charts-area-axes","title":"Area Chart Axes","description":"An area chart displaying stacked desktop and mobile visitors with custom axes built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-axes.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-axes.json"},{"name":"tanstack-charts-area-default","title":"Area Chart Default","description":"A default single area chart displaying website visitor trends built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-default.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-default.json"},{"name":"tanstack-charts-area-chart-gradient","title":"Area Chart Gradient Multiple","description":"A stacked gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-chart-gradient.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-chart-gradient.json"},{"name":"tanstack-charts-area-icons","title":"Area Chart Icons","description":"An area chart displaying stacked desktop and mobile visitors with custom legend icons built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-icons.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-icons.json"},{"name":"tanstack-charts-area-legend","title":"Area Chart Legend","description":"An area chart displaying stacked desktop and mobile visitors with a bottom legend built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-area-legend.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-area-legend.json"},{"name":"tanstack-charts-temperature-range-band","title":"Temperature Range Band","description":"Band area chart depicting high-low temperature range envelope.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-temperature-range-band.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-temperature-range-band.json"},{"name":"tanstack-charts-stacked-time-area","title":"Stacked Time Area","description":"Stacked area chart displaying aggregated time series volume.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-stacked-time-area.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-stacked-time-area.json"},{"name":"tanstack-charts-normalized-stacked-area","title":"Normalized Stacked Area","description":"100% normalized stacked area chart visualizing sector percentage share.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-normalized-stacked-area.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-normalized-stacked-area.json"},{"name":"tanstack-charts-streamgraph","title":"Streamgraph Chart","description":"Organic center-aligned streamgraph displaying continuous sector volume flows.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-streamgraph.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-streamgraph.json"},{"name":"tanstack-charts-bollinger-band","title":"Bollinger Band","description":"Bollinger volatility bands around rolling moving average line.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bollinger-band.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bollinger-band.json"},{"name":"tanstack-charts-difference-chart","title":"Difference Chart","description":"Dual-color difference area chart tracking asset premium vs discount to moving average.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-difference-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-difference-chart.json"},{"name":"tanstack-charts-contour-topography","title":"Contour Topography","description":"Topographic vector field isoline contours indicating spatial wind speed gradients.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-contour-topography.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-contour-topography.json"},{"name":"tanstack-charts-density-contours","title":"Density Contours","description":"Kernel density estimation contours displaying 2D spatial clustering concentration.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-density-contours.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-density-contours.json"},{"name":"tanstack-charts-quantile-ribbon","title":"Quantile Ribbon","description":"10th-90th percentile band area chart tracking median and outer bounds.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-quantile-ribbon.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-quantile-ribbon.json"},{"name":"tanstack-charts-ridgeline-density","title":"Ridgeline Density","description":"Overlapping ridgeline density plot comparing continuous distribution mountain curves.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-ridgeline-density.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-ridgeline-density.json"},{"name":"tanstack-charts-violin-distributions","title":"Violin Distributions","description":"Symmetric KDE violin profiles overlaid with boxplot quartiles.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-violin-distributions.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-violin-distributions.json"},{"name":"tanstack-charts-treemap","title":"Treemap Chart","description":"Squarified hierarchical treemap tiling nested package data blocks.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-treemap.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-treemap.json"},{"name":"tanstack-charts-themed-interactive-area","title":"Themed Monotone Interactive Area","description":"Smooth monotone curved area chart with responsive time range filter tabs.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-themed-interactive-area.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-themed-interactive-area.json"},{"name":"tanstack-charts-geojson-map","title":"GeoJSON Map","description":"Spatial geographic boundary paths mapping data values to map regions.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-geojson-map.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-geojson-map.json"},{"name":"tanstack-charts-hexbin-density","title":"Hexbin Density","description":"Spatial hexbin clustering mapping point density concentration.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-hexbin-density.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-hexbin-density.json"},{"name":"tanstack-charts-line-custom-dots","title":"Line Custom Dots","description":"A line chart with custom dual-ring dots tracking software deployment release frequency built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-custom-dots.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-custom-dots.json"},{"name":"tanstack-charts-line-dots","title":"Line Dots","description":"A line chart with discrete data dots showing e-commerce conversion rate trends built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-dots.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-dots.json"},{"name":"tanstack-charts-line-multiple","title":"Line Multiple","description":"A multiple line chart tracking automated resolutions vs critical incident volume built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-multiple.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-multiple.json"},{"name":"tanstack-charts-line-step","title":"Line Step","description":"A step line chart displaying infrastructure capacity and active server counts built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-step.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-step.json"},{"name":"tanstack-charts-line-linear","title":"Line Linear","description":"A linear 16-week revenue performance line chart built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-linear.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-linear.json"},{"name":"tanstack-charts-line-interactive","title":"Line Interactive","description":"An interactive visitor traffic line chart with desktop and mobile tab filtering built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-interactive.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-interactive.json"},{"name":"tanstack-charts-line-default","title":"Line Chart Default","description":"A default curved line chart displaying visitor trends built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-default.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-default.json"},{"name":"tanstack-charts-line-dots-colors","title":"Line Chart Dots Colors","description":"A line chart featuring colorful dots per browser data point built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-dots-colors.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-dots-colors.json"},{"name":"tanstack-charts-line-dots-custom","title":"Line Chart Custom Dots","description":"A line chart featuring custom stem dots built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-dots-custom.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-dots-custom.json"},{"name":"tanstack-charts-line-dots","title":"Line Chart Dots","description":"A line chart displaying data point dots built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-dots.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-dots.json"},{"name":"tanstack-charts-line-label-custom","title":"Line Chart Custom Label","description":"A line chart with custom browser data labels built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-label-custom.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-label-custom.json"},{"name":"tanstack-charts-line-label","title":"Line Chart Label","description":"A line chart displaying data labels directly above data points built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-label.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-label.json"},{"name":"tanstack-charts-line-gaps","title":"Line Gaps","description":"Line chart handling missing or null data gaps with defined line breaks.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-line-gaps.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-line-gaps.json"},{"name":"tanstack-charts-multi-line-end-labels","title":"Multi Line End Labels","description":"Multi-series line chart with inline end-of-line labels.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-multi-line-end-labels.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-multi-line-end-labels.json"},{"name":"tanstack-charts-lollipop","title":"Lollipop Chart","description":"Lollipop chart featuring discrete category stems with endpoint dot markers.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-lollipop.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-lollipop.json"},{"name":"tanstack-charts-dumbbell","title":"Dumbbell Plot","description":"Dumbbell chart comparing dual-period point shifts across discrete categories.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-dumbbell.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-dumbbell.json"},{"name":"tanstack-charts-moving-average-line","title":"Moving Average Line","description":"Line chart with smoothed 7-day rolling window moving averages.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-moving-average-line.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-moving-average-line.json"},{"name":"tanstack-charts-parallel-coordinates","title":"Parallel Coordinates","description":"Parallel coordinates chart visualizing multi-attribute metric tradeoffs.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-parallel-coordinates.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-parallel-coordinates.json"},{"name":"tanstack-charts-slopegraph","title":"Slopegraph Chart","description":"Slopegraph comparing multi-period scalar trajectory shifts across categories.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-slopegraph.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-slopegraph.json"},{"name":"tanstack-charts-linear-regression","title":"Linear Regression","description":"Scatterplot with fitted linear regression trend line.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-linear-regression.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-linear-regression.json"},{"name":"tanstack-charts-change-arrows","title":"Change Arrows","description":"2D vector change arrows depicting bivariate shift direction.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-change-arrows.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-change-arrows.json"},{"name":"tanstack-charts-delaunay-network","title":"Delaunay Network","description":"2D Delaunay spatial triangulation mesh network.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-delaunay-network.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-delaunay-network.json"},{"name":"tanstack-charts-empirical-cdf","title":"Empirical Cumulative Distribution","description":"Step-after empirical cumulative probability distribution curve.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-empirical-cdf.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-empirical-cdf.json"},{"name":"tanstack-charts-beeswarm-dodge","title":"Beeswarm Dodge","description":"1D collision-avoidance dodge layout packing discrete data points along category lanes.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-beeswarm-dodge.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-beeswarm-dodge.json"},{"name":"tanstack-charts-log-scale-scatter","title":"Log Scale Scatter","description":"Log-scale X axis scatterplot showing multi-order magnitude distributions.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-log-scale-scatter.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-log-scale-scatter.json"},{"name":"tanstack-charts-bump-ranking","title":"Bump Ranking","description":"Curve-bump ranking lines tracking position changes over time.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bump-ranking.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bump-ranking.json"},{"name":"tanstack-charts-indexed-multi-line","title":"Indexed Multi Line","description":"Normalized multi-line comparison relative to an index baseline.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-indexed-multi-line.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-indexed-multi-line.json"},{"name":"tanstack-charts-connected-scatter","title":"Connected Scatter","description":"2D path trajectory tracking driving distance vs gas price over time.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-connected-scatter.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-connected-scatter.json"},{"name":"tanstack-charts-scatter-marginal-histograms","title":"Scatter Marginal Histograms","description":"Bivariate scatterplot paired with marginal X/Y frequency density distributions.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-scatter-marginal-histograms.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-scatter-marginal-histograms.json"},{"name":"tanstack-charts-select-extrema","title":"Select Extrema","description":"Line chart automatically pinpointing and labeling high/low extrema points.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-select-extrema.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-select-extrema.json"},{"name":"tanstack-charts-lag-autocorrelation","title":"Lag Autocorrelation","description":"Scatter plot comparing current value to a lagged time step observation.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-lag-autocorrelation.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-lag-autocorrelation.json"},{"name":"tanstack-charts-composed-chart","title":"Composed Chart","description":"Layered combination composed of Area, Bar, and Line marks in a single view.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-composed-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-composed-chart.json"},{"name":"tanstack-charts-many-point-scatter","title":"Many Point Scatter","description":"High-density multivariate bubble scatterplot encoding weight, economy, and power.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-many-point-scatter.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-many-point-scatter.json"},{"name":"tanstack-charts-echarts-axis-pointer","title":"ECharts Axis Pointer","description":"Snapped vertical axis pointer with grouped tooltip details.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-echarts-axis-pointer.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-echarts-axis-pointer.json"},{"name":"tanstack-charts-recharts-interactive-legend","title":"Recharts Interactive Legend","description":"Interactive toggleable series legend to show or hide individual series dynamically.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-recharts-interactive-legend.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-recharts-interactive-legend.json"},{"name":"tanstack-charts-chart-table-selection","title":"Chart Table Selection","description":"Bidirectional state synchronization connecting scatter plot points and interactive table rows.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-chart-table-selection.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-chart-table-selection.json"},{"name":"tanstack-charts-focus-context-window","title":"Focus Context Window","description":"Dual overview and detail window with interactive brush area selector.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-focus-context-window.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-focus-context-window.json"},{"name":"tanstack-charts-pinned-nested-chart-tooltip","title":"Pinned Nested Chart Tooltip","description":"Rich interactive popover tooltip rendering a nested sub-chart upon hover.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pinned-nested-chart-tooltip.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pinned-nested-chart-tooltip.json"},{"name":"tanstack-charts-streaming-window-preservation","title":"Live Streaming Window Preservation","description":"Real-time streaming time series with sliding window data buffer retention.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-streaming-window-preservation.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-streaming-window-preservation.json"},{"name":"tanstack-charts-echarts-synchronized-cursors","title":"Synchronized Dual-Grid X-Axis Crosshair","description":"Multi-panel vertically synchronized chart grid with linked inspection cursor.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-echarts-synchronized-cursors.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-echarts-synchronized-cursors.json"},{"name":"tanstack-charts-echarts-free-cursor","title":"Free 2D Continuous Crosshair Cursor","description":"Arbitrary XY continuous crosshairs with dynamic coordinate popup tooltip.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-echarts-free-cursor.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-echarts-free-cursor.json"},{"name":"tanstack-charts-brush-range-selection","title":"Dual-Handle Interactive Brush Range","description":"Drag handles horizontally to select date domain window bounds.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-brush-range-selection.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-brush-range-selection.json"},{"name":"tanstack-charts-zoomable-time-window","title":"Wheel & Drag Pannable Zoom Time Window","description":"Scroll wheel to zoom domain and drag to pan time window.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-zoomable-time-window.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-zoomable-time-window.json"},{"name":"tanstack-charts-timeline-playback-scrubber","title":"Animated Timeline Playback Scrubber","description":"Interactive timeline play/pause scrubber with keyframe animation.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-timeline-playback-scrubber.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-timeline-playback-scrubber.json"},{"name":"tanstack-charts-editable-event-range","title":"Direct Editable Milestone Event Range","description":"Bidirectional drag handle and date picker event range adjuster.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-editable-event-range.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-editable-event-range.json"},{"name":"tanstack-charts-polar-line","title":"Seasonal Annual Polar Line Cycle","description":"Continuous 360-degree cyclical temperature polar chart.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-polar-line.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-polar-line.json"},{"name":"tanstack-charts-polar-scatter","title":"Surface Wind Directional Polar Scatter","description":"2D polar coordinate distribution plotting wind speed and angle heading.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-polar-scatter.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-polar-scatter.json"},{"name":"tanstack-charts-premium-kpi-sparklines","title":"Premium KPI Sparklines","description":"Compact micro sparkline KPI cards with trend indicators.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-premium-kpi-sparklines.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-premium-kpi-sparklines.json"},{"name":"tanstack-charts-force-directed-network","title":"Force Directed Network","description":"Force-directed graph layout visualizing nodes and physics spring link connections.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-force-directed-network.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-force-directed-network.json"},{"name":"tanstack-charts-vector-field","title":"Vector Field","description":"Directional vector arrows mapping circulation and flow field magnitude.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-vector-field.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-vector-field.json"},{"name":"tanstack-charts-framed-scatter","title":"Framed Scatter","description":"Framed 2D scatter plot visualizing metric distributions.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-framed-scatter.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-framed-scatter.json"},{"name":"tanstack-charts-bar-multiple","title":"Bar Chart Multiple","description":"A grouped bar chart comparing desktop and mobile visitors over 6 months built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-multiple.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-multiple.json"},{"name":"tanstack-charts-bar-active","title":"Bar Chart Active","description":"A bar chart showcasing browser market share with active element styling built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-active.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-active.json"},{"name":"tanstack-charts-bar-default","title":"Bar Chart Default","description":"A default vertical bar chart displaying visitor metrics built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-default.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-default.json"},{"name":"tanstack-charts-bar-horizontal","title":"Bar Chart Horizontal","description":"A horizontal bar chart displaying visitor statistics built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-horizontal.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-horizontal.json"},{"name":"tanstack-charts-bar-interactive","title":"Bar Chart Interactive","description":"An interactive bar chart with tabbed metric selection built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-interactive.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-interactive.json"},{"name":"tanstack-charts-bar-label-custom","title":"Bar Chart Custom Label","description":"A horizontal bar chart with custom month and visitor labels built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-label-custom.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-label-custom.json"},{"name":"tanstack-charts-bar-label","title":"Bar Chart Label","description":"A bar chart with labels displayed above bars built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-label.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-label.json"},{"name":"tanstack-charts-bar-mixed","title":"Bar Chart Mixed","description":"A multi-colored horizontal bar chart tracking browser visitors built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-mixed.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-mixed.json"},{"name":"tanstack-charts-bar-negative","title":"Bar Chart Negative","description":"A bar chart displaying positive and negative data values built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-negative.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-negative.json"},{"name":"tanstack-charts-bar-stacked","title":"Bar Chart Stacked","description":"A stacked bar chart comparing desktop and mobile visitors with legend built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-bar-stacked.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-bar-stacked.json"},{"name":"tanstack-charts-interval-timeline","title":"Interval Timeline","description":"Gantt-style timeline chart mapping continuous interval event ranges.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-interval-timeline.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-interval-timeline.json"},{"name":"tanstack-charts-error-bars","title":"Error Bars","description":"Sample point estimates with confidence deviation error range bars.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-error-bars.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-error-bars.json"},{"name":"tanstack-charts-boxplot","title":"Boxplot Chart","description":"Grouped quartile boxplots highlighting median and outlier spreads.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-boxplot.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-boxplot.json"},{"name":"tanstack-charts-cumulative-histogram","title":"Cumulative Histogram","description":"Binned cumulative frequency histogram of population metrics.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-cumulative-histogram.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-cumulative-histogram.json"},{"name":"tanstack-charts-quantitative-binned-heatmap","title":"Quantitative Binned Heatmap","description":"Two-dimensional quantitative binned density heatmap grid.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-quantitative-binned-heatmap.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-quantitative-binned-heatmap.json"},{"name":"tanstack-charts-calendar-heatmap","title":"Calendar Heatmap","description":"12-week matrix cell calendar heatmap displaying daily observations.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-calendar-heatmap.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-calendar-heatmap.json"},{"name":"tanstack-charts-diverging-likert","title":"Diverging Likert","description":"Diverging Likert scale bars anchored around neutral survey sentiment.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-diverging-likert.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-diverging-likert.json"},{"name":"tanstack-charts-candlestick","title":"Candlestick Chart","description":"Financial Open-High-Low-Close price action candlestick chart.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-candlestick.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-candlestick.json"},{"name":"tanstack-charts-waterfall","title":"Waterfall Chart","description":"Sequential revenue bridge waterfall chart tracking period variance drivers.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-waterfall.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-waterfall.json"},{"name":"tanstack-charts-hierarchy-tree","title":"Hierarchy Tree","description":"Tree layout algorithm mapping hierarchical package dependencies.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-hierarchy-tree.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-hierarchy-tree.json"},{"name":"tanstack-charts-faceted-distributions","title":"Faceted Distributions","description":"Small multiples faceting histogram distributions across species and sex categories.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-faceted-distributions.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-faceted-distributions.json"},{"name":"tanstack-charts-grouped-reducer-bars","title":"Grouped Reducer Bars","description":"Grouped dataset aggregation calculating mean values per category.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-grouped-reducer-bars.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-grouped-reducer-bars.json"},{"name":"tanstack-charts-marimekko-mosaic","title":"Marimekko Mosaic","description":"Variable-width mosaic chart where column widths reflect segment proportion.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-marimekko-mosaic.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-marimekko-mosaic.json"},{"name":"tanstack-charts-population-pyramid","title":"Population Pyramid","description":"Bilateral horizontal bar chart displaying demographic population breakdowns.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-population-pyramid.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-population-pyramid.json"},{"name":"tanstack-charts-recharts-mixed-bars","title":"Recharts Mixed Bars","description":"Hybrid bar chart combining stacked bars alongside single comparison bars.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-recharts-mixed-bars.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-recharts-mixed-bars.json"},{"name":"tanstack-charts-scrollable-resource-lanes","title":"Horizontal Gantt Resource Timeline","description":"Multi-team resource scheduling lanes displaying overlapping task intervals.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-scrollable-resource-lanes.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-scrollable-resource-lanes.json"},{"name":"tanstack-charts-stacked-bar-band-cursor","title":"Stacked Bar Chart with Dynamic Focus Band","description":"Hover crosshairs highlight full column band with breakdown tooltip.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-stacked-bar-band-cursor.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-stacked-bar-band-cursor.json"},{"name":"tanstack-charts-active-bar-dashboard","title":"Active Bar Visitor Dashboard","description":"Interactive tabbed bar dashboard switching desktop and mobile traffic.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-active-bar-dashboard.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-active-bar-dashboard.json"},{"name":"tanstack-charts-sales-funnel","title":"Sales Lead Conversion Step Funnel","description":"Step-down conversion stages tracking user dropoff through sales pipeline.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-sales-funnel.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-sales-funnel.json"},{"name":"tanstack-charts-waffle-unit-chart","title":"Waffle Unit Chart","description":"Square cell unit grid visualizing proportion and volume.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-waffle-unit-chart.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-waffle-unit-chart.json"},{"name":"tanstack-charts-heatmap-calendar","title":"Calendar Heatmap Chart","description":"A 12-week daily rainfall intensity matrix using cell marks in TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-heatmap-calendar.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-heatmap-calendar.json"},{"name":"tanstack-charts-heatmap-quantitative-binned","title":"Quantitative Binned Heatmap Chart","description":"A 2D binned density histogram mapping bill length vs depth built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-heatmap-quantitative-binned.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-heatmap-quantitative-binned.json"},{"name":"tanstack-charts-heatmap-token-usage","title":"52-Week Token Activity Calendar Heatmap","description":"GitHub-style 52-week activity contribution grid for API token volume built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-heatmap-token-usage.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-heatmap-token-usage.json"},{"name":"tanstack-charts-pie-donut-text","title":"Pie Chart Donut with Text","description":"A donut pie chart with centered total visitor text overlay built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-donut-text.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-donut-text.json"},{"name":"tanstack-charts-pie-donut-active","title":"Pie Chart Donut Active","description":"A donut pie chart with an active pop-out slice built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-donut-active.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-donut-active.json"},{"name":"tanstack-charts-pie-donut","title":"Pie Chart Donut","description":"A clean donut pie chart displaying visitor distribution built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-donut.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-donut.json"},{"name":"tanstack-charts-pie-interactive","title":"Pie Chart Interactive","description":"An interactive donut pie chart with month selection built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-interactive.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-interactive.json"},{"name":"tanstack-charts-pie-label-custom","title":"Pie Chart Custom Label","description":"A pie chart displaying custom value labels outside the slices built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-label-custom.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-label-custom.json"},{"name":"tanstack-charts-pie-label-list","title":"Pie Chart Label List","description":"A pie chart displaying category labels inside the slices built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-label-list.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-label-list.json"},{"name":"tanstack-charts-pie-label","title":"Pie Chart Label","description":"A pie chart with leader lines pointing to slice value labels built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-label.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-label.json"},{"name":"tanstack-charts-pie-legend","title":"Pie Chart Legend","description":"A pie chart featuring a custom legend built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-legend.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-legend.json"},{"name":"tanstack-charts-pie-separator-none","title":"Pie Chart Separator None","description":"A seamless pie chart without slice stroke borders built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-separator-none.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-separator-none.json"},{"name":"tanstack-charts-pie-simple","title":"Pie Chart Simple","description":"A simple pie chart displaying browser market share built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-simple.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-simple.json"},{"name":"tanstack-charts-pie-stacked","title":"Pie Chart Stacked","description":"A concentric multi-ring stacked pie chart built with TanStack Charts.","type":"registry:block","source_url":"https://paceui.com/r/tanstack-charts-pie-stacked.json","install_command":"npx shadcn@latest add https://paceui.com/r/tanstack-charts-pie-stacked.json"}]},{"id":"pacekit","name":"@pacekit","slug":"pacekit","description":"A library of 50+ professional React UI components and ready-to-use UI blocks built with Tailwind CSS and TypeScript, specifically designed for dashboards and production apps. Organized into Blocks (dashboard sections) and component-level primitives; the structured JSON schema describes 40 component categories. Focuses on practical, real-app patterns from early prototypes to production, with clean integration via shadcn CLI. Free and open source. Use for: bootstrapping dashboard and admin interfaces with production-quality blocks that need no significant restyling before shipping.","author":"pacekit","framework":"react","license":"MIT","tags":["animation","auth","backgrounds","blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","loaders","marketing","media","navigation","overlays","pro-available","tables","theming"],"categories":["Dashboard/admin templates"],"labels":["pro"],"urls":{"website":"https://ui.pacekit.dev","github":"https://github.com/pacekit/ui","registry":"https://ui.pacekit.dev/r/registry.json","source":"https://ui.pacekit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pacekit","markdown":"https://sh4dcn.netlify.app/md/pacekit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='none' viewBox='0 0 512 512'><g clip-path='url(#clip0_832_289)'><path fill='var(--foregorund)' d='M256 0C51.2 0 0 51.2 0 256s51.2 256 256 256 256-51.2 256-256S460.8 0 256 0'/><path stroke='var(--background)' stroke-width='24' d='M381.631 89.102 156.848 226.934c-1.77 1.101-3.439 2.653-4.844 4.505s-2.5 3.94-3.177 6.062c-.673 2.062-.875 4.084-.584 5.83.288 1.658 1.077 2.946 2.257 3.686l98.286 32.478-122.2 137.576a7.9 7.9 0 0 0-1.306 2.72c-.234.895-.22 1.742.04 2.404q.369 1.032 1.341 1.214c.64.125 1.387-.039 2.127-.468l224.795-137.85c1.77-1.102 3.438-2.654 4.844-4.506 1.405-1.852 2.5-3.94 3.177-6.061.666-2.057.864-4.072.571-5.813-.282-1.663-1.066-2.957-2.245-3.704l-87.131-44.529L383.845 94.953a7.9 7.9 0 0 0 1.306-2.72c.233-.895.219-1.741-.04-2.404-.257-.632-.727-1.058-1.341-1.214-.641-.125-1.4.058-2.139.487Z'/></g></svg>","preview_image":"https://paceui.com/images/brand/og/default-v2.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.pacekit.dev/assets/pricing-Cys4B4gV.js"},"metrics":{"github_stars":282,"open_issues":0,"last_commit":"2026-07-29T06:51:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.pacekit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.pacekit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.pacekit.dev/r/registry.json","clone":"git clone https://github.com/pacekit/ui.git","clone_degit":"npx degit pacekit/ui","registry_fetch":"curl -s https://ui.pacekit.dev/r/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://ui.pacekit.dev/r/index.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/index.json"},{"name":"dashboard-chart-1","title":"Chart 1","description":"An interactive chart visualizing system logs over time with data tooltips and active hover states.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-chart-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-1.json"},{"name":"dashboard-chart-2","title":"Chart 2","description":"A visual representation of web traffic volume and request spikes across different time periods.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-chart-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-2.json"},{"name":"dashboard-chart-3","title":"Chart 3","description":"A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-chart-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-3.json"},{"name":"dashboard-chart-4","title":"Chart 4","description":"A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-chart-4.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-4.json"},{"name":"dashboard-chart-5","title":"Chart 5","description":"A stacked bar chart visualizing monthly profit and loss amounts with interactive tooltips and custom striped indicators.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-chart-5.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-5.json"},{"name":"dashboard-chart-6","title":"Chart 6","description":"A card showing transactions over time with a badge metric, stacked bar chart, and detailed transaction summary status grid.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-chart-6.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-chart-6.json"},{"name":"dashboard-widget-1","title":"Widget 1","description":"A real-time activity stream displaying recent system events and errors in a chronological layout.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-widget-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-widget-1.json"},{"name":"dashboard-widget-2","title":"Widget 2","description":"An interactive seat selector for cinema and aircraft cabin booking, featuring hover details, status indicators, and total price calculation.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-widget-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-widget-2.json"},{"name":"dashboard-stat-1","title":"Stat 1","description":"A minimal statistic card displaying total log counts with a clean, numerical layout.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-stat-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-1.json"},{"name":"dashboard-stat-2","title":"Stat 2","description":"A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-stat-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-2.json"},{"name":"dashboard-stat-3","title":"Stat 3","description":"A stat card displaying a metric with icon, trend indicator, and monthly goal progress.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-stat-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-3.json"},{"name":"dashboard-stat-4","title":"Stat 4","description":"A statistic card featuring a primary metric value, trend indicator, and a responsive area sparkline chart.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-stat-4.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-stat-4.json"},{"name":"dashboard-table-1","title":"Table 1","description":"A clean data table listing system events with timestamp, severity, and message columns.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-table-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-table-1.json"},{"name":"dashboard-table-3","title":"Table 3","description":"Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/dashboard-table-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dashboard-table-3.json"},{"name":"app-analytics-1","title":"Analytics 1","description":"A weekly audience growth statistics widget showcasing active readers and email leads, complete with a highlighted weekly bar chart.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-analytics-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-1.json"},{"name":"app-analytics-2","title":"Analytics 2","description":"A statistics card displaying user retention and goal completion progress bars with status badges and options dropdown menu.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-analytics-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-2.json"},{"name":"app-analytics-3","title":"Analytics 3","description":"A comparison widget displaying revenue distribution between paid acquisition and organic search channels with a dual progress bar.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-analytics-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-3.json"},{"name":"app-analytics-4","title":"Analytics 4","description":"A campaign goals progress tracking widget displaying marketing completion percentages with inline metrics.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-analytics-4.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-analytics-4.json"},{"name":"app-health-1","title":"Health 1","description":"A weekly habit and streak tracking widget displaying current and longest streaks with a status grid.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-health-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-health-1.json"},{"name":"app-education-1","title":"Education 1","description":"A course syllabus tracker widget showing current module completion status and collapsible chapter item cards.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-education-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-education-1.json"},{"name":"app-project-3","title":"Project 3","description":"A project task card displaying priority status, task details, assignee, and calendar due date.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-project-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-project-3.json"},{"name":"app-finance-1","title":"Finance 1","description":"A visual commodities portfolio tracker showcasing gold, silver, and crude oil allocations with an integrated segmented bar chart and detailed item metrics.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/app-finance-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/app-finance-1.json"},{"name":"marketing-testimonials-1","title":"Testimonials 1","description":"An interactive client testimonials block featuring tabbed categorization (e.g., startups vs enterprise), custom metrics display, and trust rating social proof …","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-testimonials-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-testimonials-1.json"},{"name":"marketing-hero-1","title":"Hero 1","description":"A premium marketing hero block for educational courses featuring interactive progress track selectors, graduate avatar groups, and statistics summary cards.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-hero-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-hero-1.json"},{"name":"marketing-features-1","title":"Features 1","description":"A premium developer features grid highlighting edge deployments, serverless DB pooling, and real-time Recharts monitoring.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-features-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-features-1.json"},{"name":"marketing-features-4","title":"Features 4","description":"A clean marketing features grid outlining sprint management, milestones, and project blueprints.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-features-4.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-features-4.json"},{"name":"marketing-topbar-1","title":"Topbar 1","description":"Classic logo left, centered main navigation, search and notifications right with user avatar menu.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-topbar-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-1.json"},{"name":"marketing-topbar-2","title":"Topbar 2","description":"Search-focused header with expandable keyboard shortcut search bar, quick links, and utility icons.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-topbar-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-2.json"},{"name":"marketing-topbar-3","title":"Topbar 3","description":"Dual call-to-action layout featuring compact search bar, utility controls, and primary action button.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-topbar-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-3.json"},{"name":"marketing-topbar-4","title":"Topbar 4","description":"Two-row layout with top primary navigation and bottom secondary filter tab strip with quick search.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-topbar-4.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-4.json"},{"name":"marketing-topbar-5","title":"Topbar 5","description":"Global command search topbar with interactive badge notifications and active user status badge.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-topbar-5.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-topbar-5.json"},{"name":"marketing-footer-1","title":"Footer 1","description":"Minimal centered layout with brand mark, call-to-action button, horizontal nav links, and social icons.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-footer-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-1.json"},{"name":"marketing-footer-2","title":"Footer 2","description":"Clean split row layout featuring brand logo, inline navigation, social media icons, and legal footer strip.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-footer-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-2.json"},{"name":"marketing-footer-3","title":"Footer 3","description":"Dual-column layout pairing brand information and social icons with a newsletter subscription box.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-footer-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-3.json"},{"name":"marketing-footer-4","title":"Footer 4","description":"Multi-column layout featuring brand description, social links, categorized sitemap columns, and bottom copyright bar.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-footer-4.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-footer-4.json"},{"name":"marketing-cookie-consent-1","title":"Cookie Consent 1","description":"Ultra minimal floating bar layout with concise policy text and primary accept button.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-cookie-consent-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-cookie-consent-1.json"},{"name":"marketing-cookie-consent-2","title":"Cookie Consent 2","description":"Centered modal card with icon header, privacy copy, and stacked/inline decision buttons.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-cookie-consent-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-cookie-consent-2.json"},{"name":"marketing-cookie-consent-3","title":"Cookie Consent 3","description":"Left-aligned toast banner featuring icon avatar, description text, and customization buttons.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/marketing-cookie-consent-3.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/marketing-cookie-consent-3.json"},{"name":"layout-notification-1","title":"Notification Dialog 1","description":"A popover-based notification dialog showing recent notifications, unread badge indicator, and quick actions.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/layout-notification-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/layout-notification-1.json"},{"name":"layout-profile-1","title":"Profile Dropdown Menu 1","description":"A dropdown menu for user profile options showing user details, account settings, billing, notifications, and sign out.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/layout-profile-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/layout-profile-1.json"},{"name":"layout-widget-2","title":"Language Selector Widget 2","description":"A dropdown menu for selecting language/country with country flag indicator.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/layout-widget-2.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/layout-widget-2.json"},{"name":"layout-promo-1","title":"Promo 1","description":"An attention-grabbing card encouraging users to unlock premium analytics features and historical data access.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/layout-promo-1.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/layout-promo-1.json"},{"name":"form-input","title":"Form Input","description":"A form input component with validation and error handling.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-input.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-input.json"},{"name":"form-password","title":"Form Password","description":"A password input field with visibility toggle and validation.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-password.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-password.json"},{"name":"form-select","title":"Form Select","description":"A select input field with options and validation.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-select.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-select.json"},{"name":"form-switch","title":"Form Switch","description":"A switch input field with on/off state and validation.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-switch.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-switch.json"},{"name":"form-textarea","title":"Form Textarea","description":"A textarea input field with validation and error handling.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-textarea.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-textarea.json"},{"name":"form-checkbox","title":"Form Checkbox","description":"A checkbox input field with validation and error handling.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-checkbox.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-checkbox.json"},{"name":"form-error","title":"Form Error","description":"A component for displaying form validation errors.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/form-error.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/form-error.json"},{"name":"plugin-filepond","title":"File Pond","description":"file pond","type":"registry:component","source_url":"https://ui.pacekit.dev/r/plugin-filepond.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/plugin-filepond.json"},{"name":"mcp-block-viewer","title":"Block Viewer","description":"React context managing block variant navigation, theme toggling, and clipboard actions.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/mcp-block-viewer.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/mcp-block-viewer.json"},{"name":"motion-ai-suggestions","title":"AI Suggestions","description":"Get smart, real-time AI recommendations to refine and improve your work","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-ai-suggestions.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-suggestions.json"},{"name":"motion-ai-model-selector","title":"Model Selector","description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-ai-model-selector.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-model-selector.json"},{"name":"motion-ai-model-ability-selector","title":"Model Ability Selector","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-ai-model-ability-selector.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-model-ability-selector.json"},{"name":"motion-ai-response-writer","title":"Response Writer","description":"An auto-scrolling text display that smoothly keeps the latest response always visible","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-ai-response-writer.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-response-writer.json"},{"name":"motion-ai-token-counter","title":"Token Counter","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-ai-token-counter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-ai-token-counter.json"},{"name":"motion-reveal-text","title":"Reveal Text","description":"A smooth text reveals animation where each heading reveals related content on interaction.","type":"registry:component","source_url":"https://ui.pacekit.dev/r/motion-reveal-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-reveal-text.json"},{"name":"motion-scramble-text","title":"Scramble Text","description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-scramble-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-scramble-text.json"},{"name":"motion-squash-text","title":"Squash Text","description":"Characters bounce and squash into place with playful, dynamic energy.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-squash-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-squash-text.json"},{"name":"motion-bouncing-text","title":"Bouncing Text","description":"A playful animation where characters bounce in sequence across the text.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-bouncing-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-bouncing-text.json"},{"name":"motion-draw-line-text","title":"Draw Line Text","description":"A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-draw-line-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-draw-line-text.json"},{"name":"motion-mouse-wave-text","title":"Mouse Wave Text","description":"Creates a wave-like bounce effect on text as the mouse moves across","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-mouse-wave-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-mouse-wave-text.json"},{"name":"motion-text-fall-button","title":"Text Fall Button","description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-text-fall-button.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-text-fall-button.json"},{"name":"motion-spring-button","title":"Spring Button","description":"A button that shrinks on press and springs back with bounce.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-spring-button.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-spring-button.json"},{"name":"motion-fillable-button","title":"Fillable Button","description":"A button that fills with color on hover.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-fillable-button.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-fillable-button.json"},{"name":"motion-infinite-scroller","title":"Infinite Scroller","description":"A smooth, physics-driven infinite scroller featuring drag momentum and scroll acceleration.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-infinite-scroller.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-infinite-scroller.json"},{"name":"motion-gradient-shadow","title":"Gradient Shadow","description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-gradient-shadow.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-gradient-shadow.json"},{"name":"motion-layered-stack","title":"Layered Stack","description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-layered-stack.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-layered-stack.json"},{"name":"motion-profile-peek","title":"Profile Peek","description":"Hover to peek profile with smooth reveal, right from the image.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-profile-peek.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-profile-peek.json"},{"name":"motion-flip-reveal","title":"Flip Reveal","description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-flip-reveal.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-flip-reveal.json"},{"name":"motion-reveal-on-scroll","title":"Reveal On Scroll","description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-reveal-on-scroll.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-reveal-on-scroll.json"},{"name":"motion-swap","title":"Swap","description":"A flexible swap component that animates content changes with smooth customizable transition effects.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-swap.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-swap.json"},{"name":"motion-accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content with motion animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-accordion.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-accordion.json"},{"name":"motion-dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user-triggered by a button-with spring entrance transitions, submenus, checkboxes, and radio items.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-dropdown-menu.json"},{"name":"motion-tabs","title":"Tabs","description":"A set of layered sections of content-known as tab panels-that are displayed one at a time with layout-aware spring indicator animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-tabs.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-tabs.json"},{"name":"motion-switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked with jelly squash-and-stretch active physics and bouncy spring animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-switch.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-switch.json"},{"name":"motion-tooltip","title":"Tooltip","description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it, with shared provider morphing and…","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-tooltip.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-tooltip.json"},{"name":"motion-calendar","title":"Calendar","description":"A date picker component that allows users to select dates and ranges with interactive spring selection animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-calendar.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-calendar.json"},{"name":"motion-checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked with tactile spring press physics and animated checkmark transitions.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-checkbox.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-checkbox.json"},{"name":"motion-collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel with smooth spring height morphing and mask-gradient transitions.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-collapsible.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-collapsible.json"},{"name":"motion-combobox","title":"Combobox","description":"An interactive searchable input with a filtered list of selectable items, animated floating highlight, and multi-select chip transitions.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-combobox.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-combobox.json"},{"name":"motion-context-menu","title":"Context Menu","description":"Displays a menu located at the pointer position, triggered by a right-click or long-press, with spring entrance transitions, submenus, checkboxes, and radio it…","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-context-menu.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-context-menu.json"},{"name":"motion-menubar","title":"Menubar","description":"A desktop-style horizontal menu bar with shared gliding trigger indicators, floating popup transition, and animated items.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-menubar.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-menubar.json"},{"name":"motion-navigation-menu","title":"Navigation Menu","description":"A collection of links and navigation elements with shared gliding indicator, spring popup scale entrance, and viewport dimension morphing.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-navigation-menu.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-navigation-menu.json"},{"name":"motion-progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar with spring motion animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-progress.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-progress.json"},{"name":"motion-radio-group","title":"Radio Group","description":"A set of checkable buttons-known as radio buttons-where no more than one button can be checked at a time, featuring tactile press physics and spring indicator …","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-radio-group.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-radio-group.json"},{"name":"motion-select","title":"Select","description":"Displays a list of options for the user to pick from-triggered by a button-with spring popup reveals, shared gliding active item highlight, and animated checkm…","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-select.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-select.json"},{"name":"motion-sidebar","title":"Sidebar","description":"A composable, themeable, and customizable sidebar component with collapsible states, variants, and responsive sheet behavior.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-sidebar.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-sidebar.json"},{"name":"motion-slider","title":"Slider","description":"An input where the user selects a value from within a given range with spring thumb scaling physics.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-slider.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-slider.json"},{"name":"motion-hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link with spring entrance transitions.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-hover-card.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-hover-card.json"},{"name":"motion-alert","title":"Alert","description":"Displays a callout for user attention with spring motion entrance and exit transitions.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-alert.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-alert.json"},{"name":"motion-empty","title":"Empty","description":"Displays an empty state placeholder when no data, results, or items are present with spring entrance animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-empty.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-empty.json"},{"name":"motion-input-otp","title":"Input OTP","description":"Accessible one-time password component with spring animations for character entry and active slot focus.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-input-otp.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-input-otp.json"},{"name":"motion-pagination","title":"Pagination","description":"Pagination with page navigation, next and previous links, and motion shared active glide.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-pagination.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-pagination.json"},{"name":"motion-scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling with smooth scrolling, tactile spring thumb interactions, and transition physics.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/motion-scroll-area.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/motion-scroll-area.json"},{"name":"gsap-ai-suggestions","title":"AI Suggestions","description":"Get smart, real-time AI recommendations to refine and improve your work","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-ai-suggestions.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-suggestions.json"},{"name":"gsap-ai-model-selector","title":"Model Selector","description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-ai-model-selector.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-model-selector.json"},{"name":"gsap-ai-model-ability-selector","title":"Model Ability Selector","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-ai-model-ability-selector.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-model-ability-selector.json"},{"name":"gsap-ai-response-writer","title":"Response Writer","description":"An auto-scrolling text display that smoothly keeps the latest response always visible","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-ai-response-writer.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-response-writer.json"},{"name":"gsap-ai-token-counter","title":"Token Counter","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-ai-token-counter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-ai-token-counter.json"},{"name":"gsap-reveal-text","title":"Reveal Text","description":"A smooth text reveals animation where each heading reveals related content on interaction.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-reveal-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-reveal-text.json"},{"name":"gsap-scramble-text","title":"Scramble Text","description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-scramble-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-scramble-text.json"},{"name":"gsap-squash-text","title":"Squash Text","description":"Characters bounce and squash into place with playful, dynamic energy.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-squash-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-squash-text.json"},{"name":"gsap-bouncing-text","title":"Bouncing Text","description":"A playful animation where characters bounce in sequence across the text.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-bouncing-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-bouncing-text.json"},{"name":"gsap-draw-line-text","title":"Draw Line Text","description":"A smooth text effect that draws characters as strokes and fills them in-perfect for headers and highlights.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-draw-line-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-draw-line-text.json"},{"name":"gsap-mouse-wave-text","title":"Mouse Wave Text","description":"Creates a wave-like bounce effect on text as the mouse moves across","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-mouse-wave-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-mouse-wave-text.json"},{"name":"gsap-text-fall-button","title":"Text Fall Button","description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-text-fall-button.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-text-fall-button.json"},{"name":"gsap-spring-button","title":"Spring Button","description":"A button that shrinks on press and springs back with bounce.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-spring-button.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-spring-button.json"},{"name":"gsap-fillable-button","title":"Fillable Button","description":"A button that fills with color on hover.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-fillable-button.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-fillable-button.json"},{"name":"gsap-swap","title":"Swap","description":"A flexible swap component that animates content changes with smooth customizable transition effects.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-swap.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-swap.json"},{"name":"gsap-animated-stack","title":"Animated Stack","description":"A smooth stacked card component that expands on hover and collapses with animation.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-animated-stack.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-animated-stack.json"},{"name":"gsap-layered-stack","title":"Layered Stack","description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-layered-stack.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-layered-stack.json"},{"name":"gsap-gradient-shadow","title":"Gradient Shadow","description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-gradient-shadow.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-gradient-shadow.json"},{"name":"gsap-github-star-counter","title":"GitHub Star Counter","description":"Display live GitHub star count for any public repository","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-github-star-counter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-github-star-counter.json"},{"name":"gsap-rolling-number","title":"Rolling Number","description":"A smooth rolling number component powered by GSAP.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-rolling-number.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-rolling-number.json"},{"name":"gsap-profile-peek","title":"Profile Peek","description":"Hover to peek profile with smooth reveal, right from the image.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-profile-peek.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-profile-peek.json"},{"name":"gsap-flip-reveal","title":"Flip Reveal","description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-flip-reveal.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-flip-reveal.json"},{"name":"gsap-reveal-on-scroll","title":"Reveal On Scroll","description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-reveal-on-scroll.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-reveal-on-scroll.json"},{"name":"gsap-stagger-on-scroll","title":"Stagger on Scroll","description":"Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-stagger-on-scroll.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-stagger-on-scroll.json"},{"name":"gsap-liquid-cursor","title":"Liquid Cursor","description":"A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-liquid-cursor.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-liquid-cursor.json"},{"name":"gsap-liquid-glass","title":"Liquid Glass","description":"A smooth glass effect with subtle blur, ideal for UI highlights and overlays.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-liquid-glass.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-liquid-glass.json"},{"name":"gsap-tilt-card","title":"Tilt Card","description":"Interactive 3D tilt card that responds to cursor, adds depth and motion","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-tilt-card.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-tilt-card.json"},{"name":"gsap-distort-text","title":"Distort Text","description":"Distort text with interactive hover motion.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-distort-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-distort-text.json"},{"name":"gsap-overlay-effect","title":"Overlay Effect","description":"Overlay effect with GSAP animation.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/gsap-overlay-effect.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/gsap-overlay-effect.json"},{"name":"dot-display-dot-loader","title":"Dot Loader","description":"Frame-by-frame 9x9 LED dot matrix loader animation component.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/dot-display-dot-loader.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dot-display-dot-loader.json"},{"name":"dot-display-dot-flow","title":"Dot Flow","description":"Animated step flow combining text status transitions with dot matrix animations.","type":"registry:ui","source_url":"https://ui.pacekit.dev/r/dot-display-dot-flow.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/dot-display-dot-flow.json"},{"name":"free-dashboard-template","title":"Free Admin Dashboard","description":"This premium admin dashboard template delivers responsive layouts, diverse charts, and advanced tables for your web applications.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/free-dashboard-template.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/free-dashboard-template.json"},{"name":"personal-portfolio-template","title":"Personal Portfolio","description":"Landing template","type":"registry:block","source_url":"https://ui.pacekit.dev/r/personal-portfolio-template.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/personal-portfolio-template.json"},{"name":"tanstack-charts-area-gradient","title":"Area Gradient","description":"A gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-gradient.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-gradient.json"},{"name":"tanstack-charts-area-stack-expanded","title":"Area Stack Expanded","description":"An expanded stacked area chart illustrating traffic distribution ratios normalized to 100% built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-stack-expanded.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-stack-expanded.json"},{"name":"tanstack-charts-area-stacked","title":"Area Stacked","description":"A stacked area chart displaying combined desktop and mobile website traffic built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-stacked.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-stacked.json"},{"name":"tanstack-charts-area-step","title":"Area Step","description":"A step area chart illustrating active microservice replica transitions built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-step.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-step.json"},{"name":"tanstack-charts-area-linear","title":"Area Linear","description":"A linear area chart tracking cloud infrastructure compute consumption built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-linear.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-linear.json"},{"name":"tanstack-charts-area-interactive","title":"Area Interactive","description":"An interactive network bandwidth and throughput area chart with time range select built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-interactive.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-interactive.json"},{"name":"tanstack-charts-area-axes","title":"Area Chart Axes","description":"An area chart displaying stacked desktop and mobile visitors with custom axes built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-axes.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-axes.json"},{"name":"tanstack-charts-area-default","title":"Area Chart Default","description":"A default single area chart displaying website visitor trends built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-default.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-default.json"},{"name":"tanstack-charts-area-chart-gradient","title":"Area Chart Gradient Multiple","description":"A stacked gradient area chart demonstrating desktop and mobile visitors over 6 months built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-chart-gradient.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-chart-gradient.json"},{"name":"tanstack-charts-area-icons","title":"Area Chart Icons","description":"An area chart displaying stacked desktop and mobile visitors with custom legend icons built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-icons.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-icons.json"},{"name":"tanstack-charts-area-legend","title":"Area Chart Legend","description":"An area chart displaying stacked desktop and mobile visitors with a bottom legend built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-area-legend.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-area-legend.json"},{"name":"tanstack-charts-temperature-range-band","title":"Temperature Range Band","description":"Band area chart depicting high-low temperature range envelope.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-temperature-range-band.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-temperature-range-band.json"},{"name":"tanstack-charts-stacked-time-area","title":"Stacked Time Area","description":"Stacked area chart displaying aggregated time series volume.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-stacked-time-area.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-stacked-time-area.json"},{"name":"tanstack-charts-normalized-stacked-area","title":"Normalized Stacked Area","description":"100% normalized stacked area chart visualizing sector percentage share.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-normalized-stacked-area.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-normalized-stacked-area.json"},{"name":"tanstack-charts-streamgraph","title":"Streamgraph Chart","description":"Organic center-aligned streamgraph displaying continuous sector volume flows.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-streamgraph.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-streamgraph.json"},{"name":"tanstack-charts-bollinger-band","title":"Bollinger Band","description":"Bollinger volatility bands around rolling moving average line.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bollinger-band.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bollinger-band.json"},{"name":"tanstack-charts-difference-chart","title":"Difference Chart","description":"Dual-color difference area chart tracking asset premium vs discount to moving average.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-difference-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-difference-chart.json"},{"name":"tanstack-charts-contour-topography","title":"Contour Topography","description":"Topographic vector field isoline contours indicating spatial wind speed gradients.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-contour-topography.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-contour-topography.json"},{"name":"tanstack-charts-density-contours","title":"Density Contours","description":"Kernel density estimation contours displaying 2D spatial clustering concentration.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-density-contours.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-density-contours.json"},{"name":"tanstack-charts-quantile-ribbon","title":"Quantile Ribbon","description":"10th-90th percentile band area chart tracking median and outer bounds.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-quantile-ribbon.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-quantile-ribbon.json"},{"name":"tanstack-charts-ridgeline-density","title":"Ridgeline Density","description":"Overlapping ridgeline density plot comparing continuous distribution mountain curves.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-ridgeline-density.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-ridgeline-density.json"},{"name":"tanstack-charts-violin-distributions","title":"Violin Distributions","description":"Symmetric KDE violin profiles overlaid with boxplot quartiles.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-violin-distributions.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-violin-distributions.json"},{"name":"tanstack-charts-treemap","title":"Treemap Chart","description":"Squarified hierarchical treemap tiling nested package data blocks.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-treemap.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-treemap.json"},{"name":"tanstack-charts-themed-interactive-area","title":"Themed Monotone Interactive Area","description":"Smooth monotone curved area chart with responsive time range filter tabs.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-themed-interactive-area.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-themed-interactive-area.json"},{"name":"tanstack-charts-geojson-map","title":"GeoJSON Map","description":"Spatial geographic boundary paths mapping data values to map regions.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-geojson-map.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-geojson-map.json"},{"name":"tanstack-charts-hexbin-density","title":"Hexbin Density","description":"Spatial hexbin clustering mapping point density concentration.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-hexbin-density.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-hexbin-density.json"},{"name":"tanstack-charts-line-custom-dots","title":"Line Custom Dots","description":"A line chart with custom dual-ring dots tracking software deployment release frequency built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-custom-dots.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-custom-dots.json"},{"name":"tanstack-charts-line-dots","title":"Line Dots","description":"A line chart with discrete data dots showing e-commerce conversion rate trends built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-dots.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots.json"},{"name":"tanstack-charts-line-multiple","title":"Line Multiple","description":"A multiple line chart tracking automated resolutions vs critical incident volume built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-multiple.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-multiple.json"},{"name":"tanstack-charts-line-step","title":"Line Step","description":"A step line chart displaying infrastructure capacity and active server counts built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-step.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-step.json"},{"name":"tanstack-charts-line-linear","title":"Line Linear","description":"A linear 16-week revenue performance line chart built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-linear.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-linear.json"},{"name":"tanstack-charts-line-interactive","title":"Line Interactive","description":"An interactive visitor traffic line chart with desktop and mobile tab filtering built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-interactive.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-interactive.json"},{"name":"tanstack-charts-line-default","title":"Line Chart Default","description":"A default curved line chart displaying visitor trends built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-default.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-default.json"},{"name":"tanstack-charts-line-dots-colors","title":"Line Chart Dots Colors","description":"A line chart featuring colorful dots per browser data point built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-dots-colors.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots-colors.json"},{"name":"tanstack-charts-line-dots-custom","title":"Line Chart Custom Dots","description":"A line chart featuring custom stem dots built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-dots-custom.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots-custom.json"},{"name":"tanstack-charts-line-dots","title":"Line Chart Dots","description":"A line chart displaying data point dots built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-dots.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-dots.json"},{"name":"tanstack-charts-line-label-custom","title":"Line Chart Custom Label","description":"A line chart with custom browser data labels built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-label-custom.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-label-custom.json"},{"name":"tanstack-charts-line-label","title":"Line Chart Label","description":"A line chart displaying data labels directly above data points built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-label.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-label.json"},{"name":"tanstack-charts-line-gaps","title":"Line Gaps","description":"Line chart handling missing or null data gaps with defined line breaks.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-line-gaps.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-line-gaps.json"},{"name":"tanstack-charts-multi-line-end-labels","title":"Multi Line End Labels","description":"Multi-series line chart with inline end-of-line labels.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-multi-line-end-labels.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-multi-line-end-labels.json"},{"name":"tanstack-charts-lollipop","title":"Lollipop Chart","description":"Lollipop chart featuring discrete category stems with endpoint dot markers.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-lollipop.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-lollipop.json"},{"name":"tanstack-charts-dumbbell","title":"Dumbbell Plot","description":"Dumbbell chart comparing dual-period point shifts across discrete categories.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-dumbbell.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-dumbbell.json"},{"name":"tanstack-charts-moving-average-line","title":"Moving Average Line","description":"Line chart with smoothed 7-day rolling window moving averages.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-moving-average-line.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-moving-average-line.json"},{"name":"tanstack-charts-parallel-coordinates","title":"Parallel Coordinates","description":"Parallel coordinates chart visualizing multi-attribute metric tradeoffs.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-parallel-coordinates.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-parallel-coordinates.json"},{"name":"tanstack-charts-slopegraph","title":"Slopegraph Chart","description":"Slopegraph comparing multi-period scalar trajectory shifts across categories.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-slopegraph.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-slopegraph.json"},{"name":"tanstack-charts-linear-regression","title":"Linear Regression","description":"Scatterplot with fitted linear regression trend line.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-linear-regression.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-linear-regression.json"},{"name":"tanstack-charts-change-arrows","title":"Change Arrows","description":"2D vector change arrows depicting bivariate shift direction.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-change-arrows.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-change-arrows.json"},{"name":"tanstack-charts-delaunay-network","title":"Delaunay Network","description":"2D Delaunay spatial triangulation mesh network.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-delaunay-network.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-delaunay-network.json"},{"name":"tanstack-charts-empirical-cdf","title":"Empirical Cumulative Distribution","description":"Step-after empirical cumulative probability distribution curve.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-empirical-cdf.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-empirical-cdf.json"},{"name":"tanstack-charts-beeswarm-dodge","title":"Beeswarm Dodge","description":"1D collision-avoidance dodge layout packing discrete data points along category lanes.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-beeswarm-dodge.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-beeswarm-dodge.json"},{"name":"tanstack-charts-log-scale-scatter","title":"Log Scale Scatter","description":"Log-scale X axis scatterplot showing multi-order magnitude distributions.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-log-scale-scatter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-log-scale-scatter.json"},{"name":"tanstack-charts-bump-ranking","title":"Bump Ranking","description":"Curve-bump ranking lines tracking position changes over time.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bump-ranking.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bump-ranking.json"},{"name":"tanstack-charts-indexed-multi-line","title":"Indexed Multi Line","description":"Normalized multi-line comparison relative to an index baseline.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-indexed-multi-line.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-indexed-multi-line.json"},{"name":"tanstack-charts-connected-scatter","title":"Connected Scatter","description":"2D path trajectory tracking driving distance vs gas price over time.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-connected-scatter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-connected-scatter.json"},{"name":"tanstack-charts-scatter-marginal-histograms","title":"Scatter Marginal Histograms","description":"Bivariate scatterplot paired with marginal X/Y frequency density distributions.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-scatter-marginal-histograms.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-scatter-marginal-histograms.json"},{"name":"tanstack-charts-select-extrema","title":"Select Extrema","description":"Line chart automatically pinpointing and labeling high/low extrema points.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-select-extrema.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-select-extrema.json"},{"name":"tanstack-charts-lag-autocorrelation","title":"Lag Autocorrelation","description":"Scatter plot comparing current value to a lagged time step observation.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-lag-autocorrelation.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-lag-autocorrelation.json"},{"name":"tanstack-charts-composed-chart","title":"Composed Chart","description":"Layered combination composed of Area, Bar, and Line marks in a single view.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-composed-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-composed-chart.json"},{"name":"tanstack-charts-many-point-scatter","title":"Many Point Scatter","description":"High-density multivariate bubble scatterplot encoding weight, economy, and power.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-many-point-scatter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-many-point-scatter.json"},{"name":"tanstack-charts-echarts-axis-pointer","title":"ECharts Axis Pointer","description":"Snapped vertical axis pointer with grouped tooltip details.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-echarts-axis-pointer.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-echarts-axis-pointer.json"},{"name":"tanstack-charts-recharts-interactive-legend","title":"Recharts Interactive Legend","description":"Interactive toggleable series legend to show or hide individual series dynamically.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-recharts-interactive-legend.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-recharts-interactive-legend.json"},{"name":"tanstack-charts-chart-table-selection","title":"Chart Table Selection","description":"Bidirectional state synchronization connecting scatter plot points and interactive table rows.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-chart-table-selection.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-chart-table-selection.json"},{"name":"tanstack-charts-focus-context-window","title":"Focus Context Window","description":"Dual overview and detail window with interactive brush area selector.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-focus-context-window.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-focus-context-window.json"},{"name":"tanstack-charts-pinned-nested-chart-tooltip","title":"Pinned Nested Chart Tooltip","description":"Rich interactive popover tooltip rendering a nested sub-chart upon hover.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pinned-nested-chart-tooltip.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pinned-nested-chart-tooltip.json"},{"name":"tanstack-charts-streaming-window-preservation","title":"Live Streaming Window Preservation","description":"Real-time streaming time series with sliding window data buffer retention.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-streaming-window-preservation.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-streaming-window-preservation.json"},{"name":"tanstack-charts-echarts-synchronized-cursors","title":"Synchronized Dual-Grid X-Axis Crosshair","description":"Multi-panel vertically synchronized chart grid with linked inspection cursor.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-echarts-synchronized-cursors.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-echarts-synchronized-cursors.json"},{"name":"tanstack-charts-echarts-free-cursor","title":"Free 2D Continuous Crosshair Cursor","description":"Arbitrary XY continuous crosshairs with dynamic coordinate popup tooltip.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-echarts-free-cursor.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-echarts-free-cursor.json"},{"name":"tanstack-charts-brush-range-selection","title":"Dual-Handle Interactive Brush Range","description":"Drag handles horizontally to select date domain window bounds.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-brush-range-selection.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-brush-range-selection.json"},{"name":"tanstack-charts-zoomable-time-window","title":"Wheel & Drag Pannable Zoom Time Window","description":"Scroll wheel to zoom domain and drag to pan time window.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-zoomable-time-window.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-zoomable-time-window.json"},{"name":"tanstack-charts-timeline-playback-scrubber","title":"Animated Timeline Playback Scrubber","description":"Interactive timeline play/pause scrubber with keyframe animation.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-timeline-playback-scrubber.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-timeline-playback-scrubber.json"},{"name":"tanstack-charts-editable-event-range","title":"Direct Editable Milestone Event Range","description":"Bidirectional drag handle and date picker event range adjuster.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-editable-event-range.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-editable-event-range.json"},{"name":"tanstack-charts-polar-line","title":"Seasonal Annual Polar Line Cycle","description":"Continuous 360-degree cyclical temperature polar chart.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-polar-line.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-polar-line.json"},{"name":"tanstack-charts-polar-scatter","title":"Surface Wind Directional Polar Scatter","description":"2D polar coordinate distribution plotting wind speed and angle heading.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-polar-scatter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-polar-scatter.json"},{"name":"tanstack-charts-premium-kpi-sparklines","title":"Premium KPI Sparklines","description":"Compact micro sparkline KPI cards with trend indicators.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-premium-kpi-sparklines.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-premium-kpi-sparklines.json"},{"name":"tanstack-charts-force-directed-network","title":"Force Directed Network","description":"Force-directed graph layout visualizing nodes and physics spring link connections.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-force-directed-network.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-force-directed-network.json"},{"name":"tanstack-charts-vector-field","title":"Vector Field","description":"Directional vector arrows mapping circulation and flow field magnitude.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-vector-field.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-vector-field.json"},{"name":"tanstack-charts-framed-scatter","title":"Framed Scatter","description":"Framed 2D scatter plot visualizing metric distributions.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-framed-scatter.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-framed-scatter.json"},{"name":"tanstack-charts-bar-multiple","title":"Bar Chart Multiple","description":"A grouped bar chart comparing desktop and mobile visitors over 6 months built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-multiple.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-multiple.json"},{"name":"tanstack-charts-bar-active","title":"Bar Chart Active","description":"A bar chart showcasing browser market share with active element styling built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-active.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-active.json"},{"name":"tanstack-charts-bar-default","title":"Bar Chart Default","description":"A default vertical bar chart displaying visitor metrics built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-default.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-default.json"},{"name":"tanstack-charts-bar-horizontal","title":"Bar Chart Horizontal","description":"A horizontal bar chart displaying visitor statistics built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-horizontal.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-horizontal.json"},{"name":"tanstack-charts-bar-interactive","title":"Bar Chart Interactive","description":"An interactive bar chart with tabbed metric selection built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-interactive.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-interactive.json"},{"name":"tanstack-charts-bar-label-custom","title":"Bar Chart Custom Label","description":"A horizontal bar chart with custom month and visitor labels built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-label-custom.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-label-custom.json"},{"name":"tanstack-charts-bar-label","title":"Bar Chart Label","description":"A bar chart with labels displayed above bars built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-label.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-label.json"},{"name":"tanstack-charts-bar-mixed","title":"Bar Chart Mixed","description":"A multi-colored horizontal bar chart tracking browser visitors built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-mixed.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-mixed.json"},{"name":"tanstack-charts-bar-negative","title":"Bar Chart Negative","description":"A bar chart displaying positive and negative data values built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-negative.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-negative.json"},{"name":"tanstack-charts-bar-stacked","title":"Bar Chart Stacked","description":"A stacked bar chart comparing desktop and mobile visitors with legend built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-bar-stacked.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-bar-stacked.json"},{"name":"tanstack-charts-interval-timeline","title":"Interval Timeline","description":"Gantt-style timeline chart mapping continuous interval event ranges.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-interval-timeline.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-interval-timeline.json"},{"name":"tanstack-charts-error-bars","title":"Error Bars","description":"Sample point estimates with confidence deviation error range bars.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-error-bars.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-error-bars.json"},{"name":"tanstack-charts-boxplot","title":"Boxplot Chart","description":"Grouped quartile boxplots highlighting median and outlier spreads.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-boxplot.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-boxplot.json"},{"name":"tanstack-charts-cumulative-histogram","title":"Cumulative Histogram","description":"Binned cumulative frequency histogram of population metrics.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-cumulative-histogram.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-cumulative-histogram.json"},{"name":"tanstack-charts-quantitative-binned-heatmap","title":"Quantitative Binned Heatmap","description":"Two-dimensional quantitative binned density heatmap grid.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-quantitative-binned-heatmap.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-quantitative-binned-heatmap.json"},{"name":"tanstack-charts-calendar-heatmap","title":"Calendar Heatmap","description":"12-week matrix cell calendar heatmap displaying daily observations.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-calendar-heatmap.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-calendar-heatmap.json"},{"name":"tanstack-charts-diverging-likert","title":"Diverging Likert","description":"Diverging Likert scale bars anchored around neutral survey sentiment.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-diverging-likert.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-diverging-likert.json"},{"name":"tanstack-charts-candlestick","title":"Candlestick Chart","description":"Financial Open-High-Low-Close price action candlestick chart.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-candlestick.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-candlestick.json"},{"name":"tanstack-charts-waterfall","title":"Waterfall Chart","description":"Sequential revenue bridge waterfall chart tracking period variance drivers.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-waterfall.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-waterfall.json"},{"name":"tanstack-charts-hierarchy-tree","title":"Hierarchy Tree","description":"Tree layout algorithm mapping hierarchical package dependencies.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-hierarchy-tree.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-hierarchy-tree.json"},{"name":"tanstack-charts-faceted-distributions","title":"Faceted Distributions","description":"Small multiples faceting histogram distributions across species and sex categories.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-faceted-distributions.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-faceted-distributions.json"},{"name":"tanstack-charts-grouped-reducer-bars","title":"Grouped Reducer Bars","description":"Grouped dataset aggregation calculating mean values per category.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-grouped-reducer-bars.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-grouped-reducer-bars.json"},{"name":"tanstack-charts-marimekko-mosaic","title":"Marimekko Mosaic","description":"Variable-width mosaic chart where column widths reflect segment proportion.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-marimekko-mosaic.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-marimekko-mosaic.json"},{"name":"tanstack-charts-population-pyramid","title":"Population Pyramid","description":"Bilateral horizontal bar chart displaying demographic population breakdowns.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-population-pyramid.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-population-pyramid.json"},{"name":"tanstack-charts-recharts-mixed-bars","title":"Recharts Mixed Bars","description":"Hybrid bar chart combining stacked bars alongside single comparison bars.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-recharts-mixed-bars.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-recharts-mixed-bars.json"},{"name":"tanstack-charts-scrollable-resource-lanes","title":"Horizontal Gantt Resource Timeline","description":"Multi-team resource scheduling lanes displaying overlapping task intervals.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-scrollable-resource-lanes.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-scrollable-resource-lanes.json"},{"name":"tanstack-charts-stacked-bar-band-cursor","title":"Stacked Bar Chart with Dynamic Focus Band","description":"Hover crosshairs highlight full column band with breakdown tooltip.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-stacked-bar-band-cursor.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-stacked-bar-band-cursor.json"},{"name":"tanstack-charts-active-bar-dashboard","title":"Active Bar Visitor Dashboard","description":"Interactive tabbed bar dashboard switching desktop and mobile traffic.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-active-bar-dashboard.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-active-bar-dashboard.json"},{"name":"tanstack-charts-sales-funnel","title":"Sales Lead Conversion Step Funnel","description":"Step-down conversion stages tracking user dropoff through sales pipeline.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-sales-funnel.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-sales-funnel.json"},{"name":"tanstack-charts-waffle-unit-chart","title":"Waffle Unit Chart","description":"Square cell unit grid visualizing proportion and volume.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-waffle-unit-chart.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-waffle-unit-chart.json"},{"name":"tanstack-charts-heatmap-calendar","title":"Calendar Heatmap Chart","description":"A 12-week daily rainfall intensity matrix using cell marks in TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-heatmap-calendar.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-heatmap-calendar.json"},{"name":"tanstack-charts-heatmap-quantitative-binned","title":"Quantitative Binned Heatmap Chart","description":"A 2D binned density histogram mapping bill length vs depth built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-heatmap-quantitative-binned.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-heatmap-quantitative-binned.json"},{"name":"tanstack-charts-heatmap-token-usage","title":"52-Week Token Activity Calendar Heatmap","description":"GitHub-style 52-week activity contribution grid for API token volume built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-heatmap-token-usage.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-heatmap-token-usage.json"},{"name":"tanstack-charts-pie-donut-text","title":"Pie Chart Donut with Text","description":"A donut pie chart with centered total visitor text overlay built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-donut-text.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-donut-text.json"},{"name":"tanstack-charts-pie-donut-active","title":"Pie Chart Donut Active","description":"A donut pie chart with an active pop-out slice built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-donut-active.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-donut-active.json"},{"name":"tanstack-charts-pie-donut","title":"Pie Chart Donut","description":"A clean donut pie chart displaying visitor distribution built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-donut.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-donut.json"},{"name":"tanstack-charts-pie-interactive","title":"Pie Chart Interactive","description":"An interactive donut pie chart with month selection built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-interactive.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-interactive.json"},{"name":"tanstack-charts-pie-label-custom","title":"Pie Chart Custom Label","description":"A pie chart displaying custom value labels outside the slices built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-label-custom.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-label-custom.json"},{"name":"tanstack-charts-pie-label-list","title":"Pie Chart Label List","description":"A pie chart displaying category labels inside the slices built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-label-list.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-label-list.json"},{"name":"tanstack-charts-pie-label","title":"Pie Chart Label","description":"A pie chart with leader lines pointing to slice value labels built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-label.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-label.json"},{"name":"tanstack-charts-pie-legend","title":"Pie Chart Legend","description":"A pie chart featuring a custom legend built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-legend.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-legend.json"},{"name":"tanstack-charts-pie-separator-none","title":"Pie Chart Separator None","description":"A seamless pie chart without slice stroke borders built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-separator-none.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-separator-none.json"},{"name":"tanstack-charts-pie-simple","title":"Pie Chart Simple","description":"A simple pie chart displaying browser market share built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-simple.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-simple.json"},{"name":"tanstack-charts-pie-stacked","title":"Pie Chart Stacked","description":"A concentric multi-ring stacked pie chart built with TanStack Charts.","type":"registry:block","source_url":"https://ui.pacekit.dev/r/tanstack-charts-pie-stacked.json","install_command":"npx shadcn@latest add https://ui.pacekit.dev/r/tanstack-charts-pie-stacked.json"}]},{"id":"paceui-gsap","name":"@paceui-gsap","slug":"paceui-gsap","description":"Animated GSAP components crafted for smooth interaction and rich detail.","author":"paceui","framework":"react","license":null,"tags":["ai","animation","backgrounds","buttons","cards","forms","glassmorphism","hooks","loaders","media","overlays","pro-available","text-effects"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://gsap.paceui.com","github":"https://github.com/paceui/community","registry":"https://gsap.paceui.com/r/registry.json","source":"https://gsap.paceui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/paceui-gsap","markdown":"https://sh4dcn.netlify.app/md/paceui-gsap.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='none' viewBox='0 0 512 512'><g clip-path='url(#clip0_832_289)'><path fill='var(--foregorund)' d='M256 0C51.2 0 0 51.2 0 256s51.2 256 256 256 256-51.2 256-256S460.8 0 256 0'/><path stroke='var(--background)' stroke-width='24' d='M381.631 89.102 156.848 226.934c-1.77 1.101-3.439 2.653-4.844 4.505s-2.5 3.94-3.177 6.062c-.673 2.062-.875 4.084-.584 5.83.288 1.658 1.077 2.946 2.257 3.686l98.286 32.478-122.2 137.576a7.9 7.9 0 0 0-1.306 2.72c-.234.895-.22 1.742.04 2.404q.369 1.032 1.341 1.214c.64.125 1.387-.039 2.127-.468l224.795-137.85c1.77-1.102 3.438-2.654 4.844-4.506 1.405-1.852 2.5-3.94 3.177-6.061.666-2.057.864-4.072.571-5.813-.282-1.663-1.066-2.957-2.245-3.704l-87.131-44.529L383.845 94.953a7.9 7.9 0 0 0 1.306-2.72c.233-.895.219-1.741-.04-2.404-.257-.632-.727-1.058-1.341-1.214-.641-.125-1.4.058-2.139.487Z'/></g></svg>","preview_image":"https://paceui.com/images/brand/og/gsap.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://gsap.paceui.com/assets/pricing-Cys4B4gV.js"},"metrics":{"github_stars":15,"open_issues":0,"last_commit":"2026-07-31T13:37:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://gsap.paceui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://gsap.paceui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://gsap.paceui.com/r/registry.json","clone":"git clone https://github.com/paceui/community.git","clone_degit":"npx degit paceui/community","registry_fetch":"curl -s https://gsap.paceui.com/r/registry.json"},"component_count":29,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://gsap.paceui.com/r/index.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/index.json"},{"name":"ai-suggestions","title":"AI Suggestions","description":"Get smart, real-time AI recommendations to refine and improve your work","type":"registry:ui","source_url":"https://gsap.paceui.com/r/ai-suggestions.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/ai-suggestions.json"},{"name":"ai-modal-selector","title":"Modal Selector","description":"AI-focused model selector with preview, tooltips, and capability indicators built-in","type":"registry:ui","source_url":"https://gsap.paceui.com/r/ai-modal-selector.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/ai-modal-selector.json"},{"name":"ai-modal-ability-selector","title":"Modal Ability Selector","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://gsap.paceui.com/r/ai-modal-ability-selector.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/ai-modal-ability-selector.json"},{"name":"ai-response-writer","title":"Response Writer","description":"An auto-scrolling text display that smoothly keeps the latest response always visible","type":"registry:ui","source_url":"https://gsap.paceui.com/r/ai-response-writer.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/ai-response-writer.json"},{"name":"ai-token-counter","title":"Modal Ability Selector","description":"Compact selector for toggling abilities with icons and custom styles","type":"registry:ui","source_url":"https://gsap.paceui.com/r/ai-token-counter.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/ai-token-counter.json"},{"name":"reveal-text","title":"Reveal Text","description":"A smooth text reveals animation where each heading reveals related content on interaction.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/reveal-text.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/reveal-text.json"},{"name":"scramble-text","title":"Scramble Text","description":"A hover-triggered text effect that scrambles and restores characters with smooth motion","type":"registry:ui","source_url":"https://gsap.paceui.com/r/scramble-text.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/scramble-text.json"},{"name":"squash-text","title":"Squash Text","description":"Characters bounce and squash into place with playful, dynamic energy.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/squash-text.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/squash-text.json"},{"name":"bouncing-text","title":"Bouncing Text","description":"A playful animation where characters bounce in sequence across the text.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/bouncing-text.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/bouncing-text.json"},{"name":"draw-line-text","title":"Draw Line Text","description":"A smooth text effect that draws characters as strokes and fills them in—perfect for headers and highlights.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/draw-line-text.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/draw-line-text.json"},{"name":"mouse-wave-text","title":"Mouse Wave Text","description":"Creates a wave-like bounce effect on text as the mouse moves across","type":"registry:ui","source_url":"https://gsap.paceui.com/r/mouse-wave-text.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/mouse-wave-text.json"},{"name":"text-fall-button","title":"Text Fall Button","description":"A button with dynamic text that falls into place with a smooth, elastic motion on hover or click.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/text-fall-button.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/text-fall-button.json"},{"name":"spring-button","title":"Spring Button","description":"A button that shrinks on press and springs back with bounce.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/spring-button.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/spring-button.json"},{"name":"fillable-button","title":"Fillable Button","description":"A button that fills with color on hover.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/fillable-button.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/fillable-button.json"},{"name":"swap","title":"Swap","description":"A flexible swap component that animates content changes with smooth customizable transition effects.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/swap.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/swap.json"},{"name":"animated-stack","title":"Animated Stack","description":"A smooth stacked card component that expands on hover and collapses with animation.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/animated-stack.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/animated-stack.json"},{"name":"layered-stack","title":"Layered Stack","description":"An interactive component that dynamically layers elements, creating a visually engaging stacked animation effect.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/layered-stack.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/layered-stack.json"},{"name":"gradient-shadow","title":"Gradient Shadow","description":"Smooth horizontal gradient flow, creating a subtle glowing hover shadow effect.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/gradient-shadow.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/gradient-shadow.json"},{"name":"github-star-counter","title":"GitHub Star Counter","description":"Display live GitHub star count for any public repository","type":"registry:ui","source_url":"https://gsap.paceui.com/r/github-star-counter.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/github-star-counter.json"},{"name":"profile-peek","title":"Profile Peek","description":"Hover to peek profile with smooth reveal, right from the image.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/profile-peek.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/profile-peek.json"},{"name":"flip-reveal","title":"Flip Reveal","description":"Animated container that reveals or hides items using GSAP Flip transitions and keys.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/flip-reveal.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/flip-reveal.json"},{"name":"reveal-on-scroll","title":"Reveal On Scroll","description":"Animate content into view on scroll with effects like fade, slide, zoom, and blur.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/reveal-on-scroll.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/reveal-on-scroll.json"},{"name":"stagger-on-scroll","title":"Stagger on Scroll","description":"Stagger elements into view with scroll-triggered fade, slide, zoom, or blur effects.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/stagger-on-scroll.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/stagger-on-scroll.json"},{"name":"liquid-cursor","title":"Liquid Cursor","description":"A smooth, fluid cursor that follows your mouse with gentle stretch and bounce effects.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/liquid-cursor.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/liquid-cursor.json"},{"name":"liquid-glass","title":"Liquid Glass","description":"A smooth glass effect with subtle blur, ideal for UI highlights and overlays.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/liquid-glass.json"},{"name":"tilt-card","title":"Tilt Card","description":"Interactive 3D tilt card that responds to cursor, adds depth and motion","type":"registry:ui","source_url":"https://gsap.paceui.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/tilt-card.json"},{"name":"dot-loader","title":"Dot Loader","description":"A compact 7x7 dot grid loader with smooth animation to visualize frame sequences or loading states in your app.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/dot-loader.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/dot-loader.json"},{"name":"dot-flow","title":"Dot Flow","description":"Visually expressive status updates with animated dots and smooth sliding text transitions.","type":"registry:ui","source_url":"https://gsap.paceui.com/r/dot-flow.json","install_command":"npx shadcn@latest add https://gsap.paceui.com/r/dot-flow.json"}]},{"id":"paddle","name":"@paddle","slug":"paddle","description":"The official Paddle JavaScript SDK and TypeScript wrapper for Paddle Billing (v2). Provides initializePaddle, Paddle.Checkout.open(), and Paddle Retain integrations as TypeScript-typed utilities that load Paddle.js securely from the CDN. The shadcn registry exposes drop-in components and wiring patterns for checkout overlays, pricing pages, and subscription management screens. Supports TypeScript 4.1+. Works with Paddle Billing only (not Paddle Classic v1). Free to integrate; Paddle charges transaction fees. Use for: adding Paddle-powered self-serve checkout, subscription upsell flows, or billing management screens to a React or Next.js app.","author":"PaddleHQ","framework":"react","license":null,"tags":["buttons","cards","e-commerce","forms","hooks","mobile","payments","saas"],"categories":["E-commerce/payments"],"labels":[],"urls":{"website":"https://developer.paddle.com/","github":"https://github.com/PaddleHQ","registry":"https://developer.paddle.com/r/registry.json","source":"https://developer.paddle.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/paddle","markdown":"https://sh4dcn.netlify.app/md/paddle.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><path fill='var(--foreground)' d='M28 0H4C1.79086 0 0 1.79086 0 4V28C0 30.2091 1.79086 32 4 32H28C30.2091 32 32 30.2091 32 28V4C32 1.79086 30.2091 0 28 0Z'/><path fill='var(--background)' d='M26 15.0174V16.9696C24.8052 16.9699 23.6222 17.2038 22.5186 17.6579C21.415 18.1119 20.4124 18.7773 19.5682 19.616C18.7239 20.4546 18.0546 21.4501 17.5985 22.5455C17.1423 23.641 16.9082 24.8148 16.9097 26H15.0903C15.0897 23.6086 14.1318 21.3154 12.4272 19.6244C10.7225 17.9334 8.41072 16.9832 6 16.9826V15.0304C7.19478 15.0301 8.37779 14.7962 9.48141 14.3421C10.585 13.8881 11.5876 13.2227 12.4318 12.384C13.2761 11.5453 13.9454 10.5499 14.4015 9.45445C14.8577 8.35904 15.0917 7.18519 15.0903 6H16.9097C16.9103 8.39137 17.8682 10.6846 19.5728 12.3756C21.2775 14.0666 23.5893 15.0168 26 15.0174Z'/></svg>","preview_image":"https://developer.paddle.com/images/cover-image.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://developer.paddle.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://developer.paddle.com/r/registry.json","install_bun":"bunx shadcn@latest add https://developer.paddle.com/r/registry.json","clone":"git clone https://github.com/PaddleHQ.git","clone_degit":"npx degit PaddleHQ","registry_fetch":"curl -s https://developer.paddle.com/r/registry.json"},"component_count":14,"components":[{"name":"paddle-helpers","title":"Paddle helpers","description":"Shared display types, format utilities, and payment method display for Paddle UI components. No SDK dependency — safe to install without @paddle/paddle-js.","type":"registry:lib","source_url":"https://developer.paddle.com/r/paddle-helpers.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/paddle-helpers.json"},{"name":"paddle-client","title":"Paddle client utilities","description":"Paddle.js initialization singleton, SDK type re-exports, checkout event mapper, and SDK-layer hooks used by all client-side Paddle blocks.","type":"registry:lib","source_url":"https://developer.paddle.com/r/paddle-client.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/paddle-client.json"},{"name":"pricing-select-cards","title":"Pricing select cards","description":"Selectable pricing cards with localized prices from Paddle, available in stacked and grid layouts. Uses RadioGroup for single-plan selection — designed for exp…","type":"registry:component","source_url":"https://developer.paddle.com/r/pricing-select-cards.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/pricing-select-cards.json"},{"name":"express-checkout","title":"Express checkout","description":"Mobile-first checkout experience with pricing cards and sheet-style checkout drawer. Automatically resizes based on the height of the checkout.","type":"registry:block","source_url":"https://developer.paddle.com/r/express-checkout.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/express-checkout.json"},{"name":"billing-interval-toggle","title":"Billing interval toggle","description":"Segmented control for switching between billing intervals. Renders labels automatically from interval keys (month -> Monthly, year -> Annually). Designed for p…","type":"registry:component","source_url":"https://developer.paddle.com/r/billing-interval-toggle.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/billing-interval-toggle.json"},{"name":"pricing-cards","title":"Pricing cards","description":"Responsive pricing tier cards with plan name, localized price, feature list, and per-card CTA. Supports current-plan highlighting and selection state for prici…","type":"registry:component","source_url":"https://developer.paddle.com/r/pricing-cards.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/pricing-cards.json"},{"name":"pricing-display","title":"Pricing display","description":"Pricing section with localized prices, billing interval toggle, and built-in overlay checkout. Supports current-plan highlighting and plan change selection flo…","type":"registry:block","source_url":"https://developer.paddle.com/r/pricing-display.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/pricing-display.json"},{"name":"checkout-summary","title":"Checkout summary","description":"Order summary for inline checkout: line items, totals, recurring/trial info, and refund policy link. Compliance-ready display for Paddle inline checkout.","type":"registry:component","source_url":"https://developer.paddle.com/r/checkout-summary.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/checkout-summary.json"},{"name":"inline-checkout","title":"Inline checkout","description":"Inline checkout block with order summary, Paddle payment frame, and real-time event updates. Supports reactive item changes, plan switching, and quantity updat…","type":"registry:block","source_url":"https://developer.paddle.com/r/inline-checkout.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/inline-checkout.json"},{"name":"subscription-status-card","title":"Subscription status card","description":"Subscription overview card showing plan details, status, billing cycle, line item breakdown, discount, scheduled changes, and optional action buttons. Supports…","type":"registry:component","source_url":"https://developer.paddle.com/r/subscription-status-card.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/subscription-status-card.json"},{"name":"subscription-alert","title":"Subscription alert","description":"Contextual alerts for subscription events: payment failures, scheduled cancellations, pauses, trials. Derives the correct alert from subscription state automat…","type":"registry:component","source_url":"https://developer.paddle.com/r/subscription-alert.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/subscription-alert.json"},{"name":"subscription-payment-card","title":"Subscription payment card","description":"Payment method and next billing summary card. Auto-resolves payment method display labels from Paddle type/brand/last4 fields. Shows next payment amount, date,…","type":"registry:component","source_url":"https://developer.paddle.com/r/subscription-payment-card.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/subscription-payment-card.json"},{"name":"plan-change-preview","title":"Plan change preview","description":"Compact plan change summary card with side-by-side plan comparison, proration breakdown, upgrade/downgrade badge, discount, scheduled change warning, and optio…","type":"registry:component","source_url":"https://developer.paddle.com/r/plan-change-preview.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/plan-change-preview.json"},{"name":"plan-change-breakdown","title":"Plan change breakdown","description":"Detailed financial breakdown of a subscription plan change. Invoice-style view with per-transaction line items, proration periods, tax, credits, and totals for…","type":"registry:component","source_url":"https://developer.paddle.com/r/plan-change-breakdown.json","install_command":"npx shadcn@latest add https://developer.paddle.com/r/plan-change-breakdown.json"}]},{"id":"paletteui","name":"@paletteui","slug":"paletteui","description":"A visual theme editor and curated collection of OKLCH color themes for shadcn/ui projects. Lets developers browse, generate, and export color palettes with export targets for CSS custom properties, Tailwind CSS v4 config, and Figma. OKLCH color space usage ensures perceptually uniform, accessible color ramps. Free to use; no GitHub repository was publicly linked at research time. Use for: rapidly finding and applying a cohesive, perceptually-balanced color theme to an existing shadcn/ui project without manually authoring CSS variables.","author":null,"framework":"react","license":null,"tags":["accessibility","aesthetic","animation","auth","backgrounds","editor","forms","gaming","mobile","payments","retro","theming"],"categories":["Theming/styling"],"labels":[],"urls":{"website":"https://paletteui.xyz","github":"N/A","registry":"https://paletteui.xyz/r/registry.json","source":"https://paletteui.xyz/r/registry.json","page":"https://sh4dcn.netlify.app/registry/paletteui","markdown":"https://sh4dcn.netlify.app/md/paletteui.md"},"logo":"<svg width='16' height='16' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'><path fill='currentColor' d='M36,45 v-36 a28,28 0 0 0 0 56 z'/><circle cx='36' cy='36' r='28' fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='3'/></svg>","preview_image":"https://paletteui.xyz/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://paletteui.xyz/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://paletteui.xyz/r/registry.json","install_bun":"bunx shadcn@latest add https://paletteui.xyz/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://paletteui.xyz/r/registry.json"},"component_count":65,"components":[{"name":"zinc","title":"Zinc","description":"The sensible default. Neutral zinc grays that stay out of the way.","type":"registry:theme","source_url":"https://paletteui.xyz/r/zinc.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/zinc.json"},{"name":"slate","title":"Slate","description":"Cool blue-gray undertones. Crisp and technical without being cold.","type":"registry:theme","source_url":"https://paletteui.xyz/r/slate.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/slate.json"},{"name":"stone","title":"Stone","description":"Warm gray with a sandy undertone. Calm, grounded, approachable.","type":"registry:theme","source_url":"https://paletteui.xyz/r/stone.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/stone.json"},{"name":"mono","title":"Minimal Mono","description":"Pure grayscale. No color, no distraction. Just typography and whitespace.","type":"registry:theme","source_url":"https://paletteui.xyz/r/mono.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mono.json"},{"name":"neo","title":"Neo Brutal","description":"Black and yellow. Hard shadows, thick borders, maximum impact.","type":"registry:theme","source_url":"https://paletteui.xyz/r/neo.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/neo.json"},{"name":"contrast","title":"Contrast","description":"Pure black and white with a single red accent. Nothing else needed.","type":"registry:theme","source_url":"https://paletteui.xyz/r/contrast.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/contrast.json"},{"name":"oxide","title":"Oxide","description":"Rust and iron. Industrial warmth with raw, mechanical confidence.","type":"registry:theme","source_url":"https://paletteui.xyz/r/oxide.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/oxide.json"},{"name":"electric","title":"Electric","description":"Neon cyan on dark. Terminal aesthetics meets modern UI.","type":"registry:theme","source_url":"https://paletteui.xyz/r/electric.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/electric.json"},{"name":"editorial","title":"Warm Editorial","description":"Rich amber tones with typographic elegance. Inspired by luxury print.","type":"registry:theme","source_url":"https://paletteui.xyz/r/editorial.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/editorial.json"},{"name":"terra","title":"Terra","description":"Terracotta and olive. Mediterranean warmth grounded in earth.","type":"registry:theme","source_url":"https://paletteui.xyz/r/terra.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/terra.json"},{"name":"sand","title":"Sand","description":"Desert beige and cream. Soft, quiet, endlessly restful.","type":"registry:theme","source_url":"https://paletteui.xyz/r/sand.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/sand.json"},{"name":"rose","title":"Rose","description":"Dusty rose and warm mauve. Refined softness with quiet confidence.","type":"registry:theme","source_url":"https://paletteui.xyz/r/rose.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/rose.json"},{"name":"midnight","title":"Midnight","description":"Deep indigo with luminous accents. Focused and immersive.","type":"registry:theme","source_url":"https://paletteui.xyz/r/midnight.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/midnight.json"},{"name":"saas","title":"SaaS Blue","description":"Professional blue. The reliable choice for dashboards and products.","type":"registry:theme","source_url":"https://paletteui.xyz/r/saas.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/saas.json"},{"name":"ocean","title":"Ocean","description":"Teal and deep sea. Calm depth with bright coral accents.","type":"registry:theme","source_url":"https://paletteui.xyz/r/ocean.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/ocean.json"},{"name":"frost","title":"Frost","description":"Ice blue and silver. Light, airy, crystalline clarity.","type":"registry:theme","source_url":"https://paletteui.xyz/r/frost.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/frost.json"},{"name":"candy","title":"Candy","description":"Vibrant pink and pastels. Joyful, friendly, unapologetically fun.","type":"registry:theme","source_url":"https://paletteui.xyz/r/candy.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/candy.json"},{"name":"emerald","title":"Emerald","description":"Fresh mint and green. Natural energy that feels alive.","type":"registry:theme","source_url":"https://paletteui.xyz/r/emerald.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/emerald.json"},{"name":"sunset","title":"Sunset","description":"Orange to purple gradient vibes. Warm energy fading into cool dusk.","type":"registry:theme","source_url":"https://paletteui.xyz/r/sunset.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/sunset.json"},{"name":"spring","title":"Spring Bloom","description":"Soft pinks and fresh greens. New growth, cherry blossoms, morning dew.","type":"registry:theme","source_url":"https://paletteui.xyz/r/spring.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/spring.json"},{"name":"summer","title":"Summer Heat","description":"Warm oranges and golden yellows. Sunshine, beaches, endless days.","type":"registry:theme","source_url":"https://paletteui.xyz/r/summer.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/summer.json"},{"name":"autumn","title":"Autumn Ember","description":"Deep burgundy and burnt orange. Falling leaves, warm cider, cozy evenings.","type":"registry:theme","source_url":"https://paletteui.xyz/r/autumn.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/autumn.json"},{"name":"winter","title":"Winter Night","description":"Icy blues and silver whites. Frozen lakes, starlit skies, quiet snowfall.","type":"registry:theme","source_url":"https://paletteui.xyz/r/winter.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/winter.json"},{"name":"nebula","title":"Nebula","description":"Deep purple and magenta. Cosmic dust clouds and stellar nurseries.","type":"registry:theme","source_url":"https://paletteui.xyz/r/nebula.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/nebula.json"},{"name":"mars","title":"Mars Colony","description":"Dusty red and iron oxide. Martian landscapes and frontier ambition.","type":"registry:theme","source_url":"https://paletteui.xyz/r/mars.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mars.json"},{"name":"aurora","title":"Aurora","description":"Northern lights green and violet. Dancing electrons and polar skies.","type":"registry:theme","source_url":"https://paletteui.xyz/r/aurora.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/aurora.json"},{"name":"eclipse","title":"Eclipse","description":"Dark void with golden corona. Total darkness ringed with fire.","type":"registry:theme","source_url":"https://paletteui.xyz/r/eclipse.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/eclipse.json"},{"name":"synthwave","title":"Synthwave","description":"Neon pink and cyan on dark purple. 80s arcade, VHS tracking, laser grids.","type":"registry:theme","source_url":"https://paletteui.xyz/r/synthwave.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/synthwave.json"},{"name":"terminal","title":"Terminal","description":"Green phosphor on black. CRT monitors, command lines, the Matrix.","type":"registry:theme","source_url":"https://paletteui.xyz/r/terminal.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/terminal.json"},{"name":"polaroid","title":"Polaroid","description":"Faded cream and warm brown. Vintage film, sun-bleached memories, nostalgia.","type":"registry:theme","source_url":"https://paletteui.xyz/r/polaroid.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/polaroid.json"},{"name":"pixel","title":"Pixel","description":"Bright primaries on dark. 8-bit games, pixel art, chiptune energy.","type":"registry:theme","source_url":"https://paletteui.xyz/r/pixel.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/pixel.json"},{"name":"linear","title":"Linear","description":"The iconic Linear violet. Clean product design, focused engineering.","type":"registry:theme","source_url":"https://paletteui.xyz/r/linear.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/linear.json"},{"name":"stripe","title":"Stripe","description":"Stripe's signature indigo. Clean, trustworthy, payments-grade polish.","type":"registry:theme","source_url":"https://paletteui.xyz/r/stripe.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/stripe.json"},{"name":"spotify","title":"Spotify","description":"That unmistakable green on dark. Music, energy, late-night listening.","type":"registry:theme","source_url":"https://paletteui.xyz/r/spotify.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/spotify.json"},{"name":"notion","title":"Notion","description":"Warm off-white and soft brown. The calm of a clean workspace.","type":"registry:theme","source_url":"https://paletteui.xyz/r/notion.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/notion.json"},{"name":"sakura","title":"Cherry Blossom","description":"Soft sakura pink and moss green. Japanese gardens, spring rain, wabi-sabi.","type":"registry:theme","source_url":"https://paletteui.xyz/r/sakura.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/sakura.json"},{"name":"lavender","title":"Lavender Field","description":"Soft purple and green-gray. Provencal fields, herbal calm, gentle breezes.","type":"registry:theme","source_url":"https://paletteui.xyz/r/lavender.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/lavender.json"},{"name":"reef","title":"Coral Reef","description":"Aqua and coral pink. Tropical waters, living color, marine depth.","type":"registry:theme","source_url":"https://paletteui.xyz/r/reef.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/reef.json"},{"name":"redwood","title":"Redwood","description":"Deep forest green and bark brown. Ancient trees, morning mist, pine needles.","type":"registry:theme","source_url":"https://paletteui.xyz/r/redwood.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/redwood.json"},{"name":"breaking-bad","title":"Breaking Bad","description":"Desert amber and meth blue. Chemistry, danger, Albuquerque sunsets.","type":"registry:theme","source_url":"https://paletteui.xyz/r/breaking-bad.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/breaking-bad.json"},{"name":"stranger-things","title":"Stranger Things","description":"Neon red on pitch black. The Upside Down, flickering lights, 80s horror.","type":"registry:theme","source_url":"https://paletteui.xyz/r/stranger-things.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/stranger-things.json"},{"name":"game-of-thrones","title":"Game of Thrones","description":"Dark steel and blood red. Iron Throne, direwolves, winter is coming.","type":"registry:theme","source_url":"https://paletteui.xyz/r/game-of-thrones.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/game-of-thrones.json"},{"name":"mandalorian","title":"The Mandalorian","description":"Beskar silver and desert sand. This is the way.","type":"registry:theme","source_url":"https://paletteui.xyz/r/mandalorian.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mandalorian.json"},{"name":"squid-game","title":"Squid Game","description":"Pink guard suit and teal tracksuit. Deadly games, sharp contrast.","type":"registry:theme","source_url":"https://paletteui.xyz/r/squid-game.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/squid-game.json"},{"name":"wednesday","title":"Wednesday","description":"Gothic black and muted purple. Nevermore Academy, dark elegance.","type":"registry:theme","source_url":"https://paletteui.xyz/r/wednesday.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/wednesday.json"},{"name":"japan","title":"Japan","description":"Clean white and hinomaru red. Minimal, precise, unmistakable.","type":"registry:theme","source_url":"https://paletteui.xyz/r/japan.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/japan.json"},{"name":"brazil","title":"Brazil","description":"Green, gold, and blue. Tropical energy, carnival spirit, samba.","type":"registry:theme","source_url":"https://paletteui.xyz/r/brazil.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/brazil.json"},{"name":"nordic","title":"Nordic","description":"Deep navy blue and clean white. Scandinavian flags, fjords, northern calm.","type":"registry:theme","source_url":"https://paletteui.xyz/r/nordic.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/nordic.json"},{"name":"ukraine","title":"Ukraine","description":"Sky blue and golden wheat. Open fields, clear horizons, resilience.","type":"registry:theme","source_url":"https://paletteui.xyz/r/ukraine.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/ukraine.json"},{"name":"italy","title":"Italy","description":"Green, white, and red. La dolce vita, espresso, Roman elegance.","type":"registry:theme","source_url":"https://paletteui.xyz/r/italy.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/italy.json"},{"name":"india","title":"India","description":"Saffron, white, and deep green. Spice markets, tigers, ancient wisdom.","type":"registry:theme","source_url":"https://paletteui.xyz/r/india.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/india.json"},{"name":"usa","title":"USA","description":"Red, white, and blue. Stars and stripes, bold confidence, American classic.","type":"registry:theme","source_url":"https://paletteui.xyz/r/usa.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/usa.json"},{"name":"france","title":"France","description":"Bleu, blanc, rouge. Parisian chic, haute couture, refined elegance.","type":"registry:theme","source_url":"https://paletteui.xyz/r/france.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/france.json"},{"name":"germany","title":"Germany","description":"Black, red, and gold. Precision engineering, Bauhaus, structured elegance.","type":"registry:theme","source_url":"https://paletteui.xyz/r/germany.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/germany.json"},{"name":"israel","title":"Israel","description":"White and blue. Mediterranean clarity, innovation, desert sky.","type":"registry:theme","source_url":"https://paletteui.xyz/r/israel.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/israel.json"},{"name":"south-korea","title":"South Korea","description":"Red and blue taegeuk on white. K-culture, tech, dynamic balance.","type":"registry:theme","source_url":"https://paletteui.xyz/r/south-korea.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/south-korea.json"},{"name":"mexico","title":"Mexico","description":"Green, white, and red. Aztec spirit, vibrant culture, warm soul.","type":"registry:theme","source_url":"https://paletteui.xyz/r/mexico.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mexico.json"},{"name":"apple","title":"Apple","description":"Clean silver and space gray. Cupertino minimalism, premium restraint.","type":"registry:theme","source_url":"https://paletteui.xyz/r/apple.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/apple.json"},{"name":"starbucks","title":"Starbucks","description":"Siren green and warm cream. Coffee shop warmth, morning rituals.","type":"registry:theme","source_url":"https://paletteui.xyz/r/starbucks.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/starbucks.json"},{"name":"mcdonalds","title":"McDonald's","description":"Golden arches yellow and classic red. Fast, bold, universally recognized.","type":"registry:theme","source_url":"https://paletteui.xyz/r/mcdonalds.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/mcdonalds.json"},{"name":"coca-cola","title":"Coca-Cola","description":"That iconic red and crisp white. Bold, classic, refreshing since 1886.","type":"registry:theme","source_url":"https://paletteui.xyz/r/coca-cola.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/coca-cola.json"},{"name":"taco-bell","title":"Taco Bell","description":"Purple and hot pink. Late night energy, bold flavor, think outside the bun.","type":"registry:theme","source_url":"https://paletteui.xyz/r/taco-bell.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/taco-bell.json"},{"name":"tesla","title":"Tesla","description":"Sleek black and electric red. Future forward, zero emissions, pure engineering.","type":"registry:theme","source_url":"https://paletteui.xyz/r/tesla.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/tesla.json"},{"name":"ikea","title":"IKEA","description":"Swedish blue and sunshine yellow. Flat-pack simplicity, democratic design.","type":"registry:theme","source_url":"https://paletteui.xyz/r/ikea.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/ikea.json"},{"name":"netflix","title":"Netflix","description":"Deep black and signature red. Binge-worthy, cinematic, addictive.","type":"registry:theme","source_url":"https://paletteui.xyz/r/netflix.json","install_command":"npx shadcn@latest add https://paletteui.xyz/r/netflix.json"}]},{"id":"pane","name":"@pane","slug":"pane","description":"Liquid glass components for React.","author":"denizisikzero","framework":"react","license":"MIT","tags":["buttons","cards","dashboard","forms","glassmorphism","hooks","loaders","media","navigation","overlays"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://pane.theui.company","github":"https://github.com/denizisikzero/pane","registry":"https://pane.theui.company/r/registry.json","source":"https://pane.theui.company/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pane","markdown":"https://sh4dcn.netlify.app/md/pane.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='16' height='16'><path fill-rule='evenodd' clip-rule='evenodd' d='M11 2h10c4.971 0 9 4.029 9 9v10c0 4.971-4.029 9-9 9H11c-4.971 0-9-4.029-9-9V11c0-4.971 4.029-9 9-9Zm0 5.5h10A3.5 3.5 0 0 1 24.5 11v10a3.5 3.5 0 0 1-3.5 3.5H11A3.5 3.5 0 0 1 7.5 21V11A3.5 3.5 0 0 1 11 7.5Z' fill='var(--foreground)'/></svg>","preview_image":"https://pane.theui.company/opengraph-image?e324cefd5634fc72","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-25T20:16:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pane.theui.company/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pane.theui.company/r/registry.json","install_bun":"bunx shadcn@latest add https://pane.theui.company/r/registry.json","clone":"git clone https://github.com/denizisikzero/pane.git","clone_degit":"npx degit denizisikzero/pane","registry_fetch":"curl -s https://pane.theui.company/r/registry.json"},"component_count":31,"components":[{"name":"pane-style","title":"Style","description":"Base style for Pane. Installs the shared dependencies and the --pane-* design tokens — blur, saturation, tint, border, highlight and shadow — for light and dar…","type":"registry:style","source_url":"https://pane.theui.company/r/pane-style.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/pane-style.json"},{"name":"utils","title":"Utils","description":"The cn helper — clsx merged through tailwind-merge. Every Pane component imports it.","type":"registry:lib","source_url":"https://pane.theui.company/r/utils.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/utils.json"},{"name":"glass-core","title":"Glass Core","description":"The glass engine behind every surface: the displacement-map generator that bends the backdrop at the rim, the SVG refraction filter, the tuning config for both…","type":"registry:lib","source_url":"https://pane.theui.company/r/glass-core.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/glass-core.json"},{"name":"use-glass-pointer","title":"Glass Pointer","description":"Tracks the pointer and the surface's position in the viewport, then writes the specular lighting inputs straight to the node as CSS custom properties — spring-…","type":"registry:hook","source_url":"https://pane.theui.company/r/use-glass-pointer.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/use-glass-pointer.json"},{"name":"use-glass-support","title":"Glass Support","description":"Detects how much of the glass material the browser can actually render and honors prefers-reduced-transparency, so surfaces degrade to blur or to a flat tint i…","type":"registry:hook","source_url":"https://pane.theui.company/r/use-glass-support.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/use-glass-support.json"},{"name":"pane","title":"Pane","description":"The glass primitive every other component is built on — a refracted rim, a tinted backdrop, and a specular highlight that follows the pointer. Ships default, b…","type":"registry:ui","source_url":"https://pane.theui.company/r/pane.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/pane.json"},{"name":"button","title":"Button","description":"A glass button in default (plain glass), inverted, ghost, prominent (accent) and destructive variants, filled or tinted, in shadcn/ui's sizes, with asChild sup…","type":"registry:ui","source_url":"https://pane.theui.company/r/button.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/button.json"},{"name":"card","title":"Card","description":"A glass card with header, title, description, action, content and footer parts.","type":"registry:ui","source_url":"https://pane.theui.company/r/card.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/card.json"},{"name":"badge","title":"Badge","description":"A compact glass badge in default (plain glass), inverted, prominent (accent) and destructive variants, filled or tinted, with asChild support for linking.","type":"registry:ui","source_url":"https://pane.theui.company/r/badge.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/badge.json"},{"name":"input","title":"Input","description":"A text input on a glass surface that raises a highlight ring on focus and dims when disabled.","type":"registry:ui","source_url":"https://pane.theui.company/r/input.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/input.json"},{"name":"switch","title":"Switch","description":"A Radix switch whose thumb is a glass pane, moved by a spring rather than a CSS transition.","type":"registry:ui","source_url":"https://pane.theui.company/r/switch.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Radix tabs on a glass list, with a pane indicator that animates between triggers.","type":"registry:ui","source_url":"https://pane.theui.company/r/tabs.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/tabs.json"},{"name":"tooltip","title":"Tooltip","description":"A Radix tooltip rendered as a small glass pane, with provider, trigger and content parts.","type":"registry:ui","source_url":"https://pane.theui.company/r/tooltip.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/tooltip.json"},{"name":"dialog","title":"Dialog","description":"A Radix dialog whose panel is a glass pane over a blurred overlay, with header, footer, title and description parts.","type":"registry:ui","source_url":"https://pane.theui.company/r/dialog.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/dialog.json"},{"name":"sheet","title":"Sheet","description":"A Radix sheet that slides in from any of the four sides as a floating, inset glass panel.","type":"registry:ui","source_url":"https://pane.theui.company/r/sheet.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/sheet.json"},{"name":"popover","title":"Popover","description":"A Radix popover whose content is a blur glass pane, with trigger and anchor parts.","type":"registry:ui","source_url":"https://pane.theui.company/r/popover.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/popover.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A Radix dropdown menu on a glass pane — items, checkbox and radio items, labels, separators, shortcuts and submenus, highlighted with the nested tint.","type":"registry:ui","source_url":"https://pane.theui.company/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/dropdown-menu.json"},{"name":"select","title":"Select","description":"A Radix select with a glass trigger and a blur glass list that scrolls inside the pane.","type":"registry:ui","source_url":"https://pane.theui.company/r/select.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/select.json"},{"name":"slider","title":"Slider","description":"A Radix slider on a glass track whose knob swells into bare glass while it is dragged. Supports ranges and vertical orientation.","type":"registry:ui","source_url":"https://pane.theui.company/r/slider.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/slider.json"},{"name":"toggle-group","title":"Toggle Group","description":"A single-choice control on a Radix toggle group, with a glass indicator that springs between segments and always keeps one selected.","type":"registry:ui","source_url":"https://pane.theui.company/r/toggle-group.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/toggle-group.json"},{"name":"checkbox","title":"Checkbox","description":"A Radix checkbox on a small glass circle that fills with the accent and shows a check when checked.","type":"registry:ui","source_url":"https://pane.theui.company/r/checkbox.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"A Radix radio group whose items are glass circles that fill with the accent and show a knob when selected.","type":"registry:ui","source_url":"https://pane.theui.company/r/radio-group.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/radio-group.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text field on a glass surface that grows with its content and raises a highlight ring on focus.","type":"registry:ui","source_url":"https://pane.theui.company/r/textarea.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/textarea.json"},{"name":"progress","title":"Progress","description":"A Radix progress bar: a glass track with an accent fill that eases to each new value.","type":"registry:ui","source_url":"https://pane.theui.company/r/progress.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/progress.json"},{"name":"alert","title":"Alert","description":"A callout on a blur glass panel with an optional icon, title and description, in default and destructive variants; a tinted destructive washes the glass in red.","type":"registry:ui","source_url":"https://pane.theui.company/r/alert.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/alert.json"},{"name":"avatar","title":"Avatar","description":"A Radix avatar in a glass circle, with a fallback, an accent status badge, and overlapping groups with a count.","type":"registry:ui","source_url":"https://pane.theui.company/r/avatar.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/avatar.json"},{"name":"accordion","title":"Accordion","description":"A Radix accordion whose items share one glass surface, divided by hairlines, with animated open and close.","type":"registry:ui","source_url":"https://pane.theui.company/r/accordion.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/accordion.json"},{"name":"sonner","title":"Sonner","description":"A Sonner toaster whose toasts use the dense glass overlay material, at the top center by default, with icons for each status and the theme taken from next-them…","type":"registry:ui","source_url":"https://pane.theui.company/r/sonner.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/sonner.json"},{"name":"command","title":"Command","description":"A cmdk command menu on a blur glass panel, with search, groups, shortcuts, and a dialog variant that sits on the Dialog glass.","type":"registry:ui","source_url":"https://pane.theui.company/r/command.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/command.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A Radix navigation menu with pill triggers and a blur glass viewport that resizes to each open panel.","type":"registry:ui","source_url":"https://pane.theui.company/r/navigation-menu.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/navigation-menu.json"},{"name":"sidebar","title":"Sidebar","description":"shadcn/ui's Sidebar API on glass: a collapsible glass panel with groups, menus, badges and sub-menus, a sliding glass pill on the active item, and a sheet on m…","type":"registry:ui","source_url":"https://pane.theui.company/r/sidebar.json","install_command":"npx shadcn@latest add https://pane.theui.company/r/sidebar.json"}]},{"id":"panelui","name":"@panelui","slug":"panelui","description":"Tailwind CSS components for React: KPI tiles, a lane board, flow diagrams, an interactive globe and more, from the PanelUI design system.","author":"panel-ui","framework":"react","license":"MIT","tags":["3d","ai","audio","buttons","cards","design-system","forms","maps","media","navigation","overlays"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://panelui.dev/docs/web","github":"https://github.com/panel-ui/PanelUI","registry":"https://panelui.dev/r/web/registry.json","source":"https://panelui.dev/r/web/registry.json","page":"https://sh4dcn.netlify.app/registry/panelui","markdown":"https://sh4dcn.netlify.app/md/panelui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='var(--foreground)'><path d='M53 19H64A52 54 0 0 1 116 73V238H107A54 54 0 0 1 53 184ZM122 57.5A54 54 0 1 1 122 150.5Z'/></svg>","preview_image":"https://panelui.dev/og?title=Introduction&amp;description=PanelUI%20for%20the%20web%20is%20a%20collection%20of%20animated%2C%20data-rich%20React%20components%20built%20on%20shadcn.%20Copy%20one%20into%20your%20project%20or%20install%20the%20package.&amp;eyebrow=Web","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":875,"open_issues":0,"last_commit":"2026-10-26T15:06:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://panelui.dev/r/web/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://panelui.dev/r/web/registry.json","install_bun":"bunx shadcn@latest add https://panelui.dev/r/web/registry.json","clone":"git clone https://github.com/panel-ui/PanelUI.git","clone_degit":"npx degit panel-ui/PanelUI","registry_fetch":"curl -s https://panelui.dev/r/web/registry.json"},"component_count":33,"components":[{"name":"alert","title":"Alert","description":"A message set into the page that stays until it is dealt with, as a card in a tray of its tone.","type":"registry:component","source_url":"https://panelui.dev/r/web/alert.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A question that must be answered before the page can be used again, with the answers side by side under it.","type":"registry:component","source_url":"https://panelui.dev/r/web/alert-dialog.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/alert-dialog.json"},{"name":"avatar","title":"Avatar","description":"A person or a team as a picture, or their initials in a colour of their own, with a badge and a group that opens up.","type":"registry:component","source_url":"https://panelui.dev/r/web/avatar.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/avatar.json"},{"name":"bar-picker","title":"Bar Picker","description":"A short run of values as columns of lights, one column picked.","type":"registry:component","source_url":"https://panelui.dev/r/web/bar-picker.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/bar-picker.json"},{"name":"button","title":"Button","description":"Something to press, in the weight its action deserves, with a spinner for while it works.","type":"registry:component","source_url":"https://panelui.dev/r/web/button.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/button.json"},{"name":"button-group","title":"Button Group","description":"Related buttons joined into one control, with separators, text cells and fields between them.","type":"registry:component","source_url":"https://panelui.dev/r/web/button-group.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/button-group.json"},{"name":"canvas","title":"Canvas","description":"A surface of dots, lines or crosses for other components to sit on, with a light that can follow the pointer.","type":"registry:component","source_url":"https://panelui.dev/r/web/canvas.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/canvas.json"},{"name":"card","title":"Card","description":"A surface that holds one thing, with a heading, an action beside it and a footer.","type":"registry:component","source_url":"https://panelui.dev/r/web/card.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/card.json"},{"name":"command-dock","title":"Command Dock","description":"A small button that opens into a field, with the answer arriving under it a row at a time.","type":"registry:component","source_url":"https://panelui.dev/r/web/command-dock.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/command-dock.json"},{"name":"day-grid","title":"Day Grid","description":"A run of days as a field of dots, each sized by how much happened on it.","type":"registry:component","source_url":"https://panelui.dev/r/web/day-grid.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/day-grid.json"},{"name":"dialog","title":"Dialog","description":"A task done in a panel over the page, with its buttons in the band beneath it.","type":"registry:component","source_url":"https://panelui.dev/r/web/dialog.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/dialog.json"},{"name":"feedback","title":"Feedback","description":"A dialog with a well to write in and two actions in the band around it.","type":"registry:component","source_url":"https://panelui.dev/r/web/feedback.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/feedback.json"},{"name":"flow","title":"Flow","description":"A canvas of nodes joined by edges, that you pan, zoom and rearrange.","type":"registry:component","source_url":"https://panelui.dev/r/web/flow.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/flow.json"},{"name":"frame","title":"Frame","description":"A panel of rows set into a tray, with the tray's top strip carrying the title.","type":"registry:component","source_url":"https://panelui.dev/r/web/frame.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/frame.json"},{"name":"input","title":"Input","description":"A single line to type into, with icons, units and buttons set inside its box.","type":"registry:component","source_url":"https://panelui.dev/r/web/input.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/input.json"},{"name":"kpi","title":"KPI","description":"One number and what it is doing: its change, its shape over time, its progress to a target.","type":"registry:component","source_url":"https://panelui.dev/r/web/kpi.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/kpi.json"},{"name":"label","title":"Label","description":"The name of a field, with its required mark, a hint and an action on one line.","type":"registry:component","source_url":"https://panelui.dev/r/web/label.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/label.json"},{"name":"lane-board","title":"Lane Board","description":"Lanes of cards that can be dragged within a lane and from one lane to another.","type":"registry:component","source_url":"https://panelui.dev/r/web/lane-board.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/lane-board.json"},{"name":"menu","title":"Menu","description":"A list of actions that opens from a button, with shortcuts, checks and submenus.","type":"registry:component","source_url":"https://panelui.dev/r/web/menu.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/menu.json"},{"name":"message","title":"Message","description":"One turn of a conversation with an assistant: a person's bubble, or an answer set as prose with actions under it.","type":"registry:component","source_url":"https://panelui.dev/r/web/message.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/message.json"},{"name":"not-found","title":"Not Found","description":"An error code drawn in pixels that come apart near the pointer, with a title and a way out.","type":"registry:component","source_url":"https://panelui.dev/r/web/not-found.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/not-found.json"},{"name":"planet","title":"Planet","description":"The world as dots on a globe you can turn, with markers pinned to it.","type":"registry:component","source_url":"https://panelui.dev/r/web/planet.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/planet.json"},{"name":"prompt","title":"Prompt","description":"A field for writing to an assistant, with its files, model and tools in one card.","type":"registry:component","source_url":"https://panelui.dev/r/web/prompt.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/prompt.json"},{"name":"range-meter","title":"Range Meter","description":"A reading on a ruler of ticks that rises where the value is, with the number above it.","type":"registry:component","source_url":"https://panelui.dev/r/web/range-meter.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/range-meter.json"},{"name":"rolling-number","title":"Rolling Number","description":"A number whose digits roll to their new values.","type":"registry:component","source_url":"https://panelui.dev/r/web/rolling-number.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/rolling-number.json"},{"name":"select","title":"Select","description":"A button that opens a list of options and shows the one chosen.","type":"registry:component","source_url":"https://panelui.dev/r/web/select.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/select.json"},{"name":"sheet","title":"Sheet","description":"A panel that rises from an edge of the screen, floating clear of it, and leaves with a swipe.","type":"registry:component","source_url":"https://panelui.dev/r/web/sheet.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/sheet.json"},{"name":"soundwave","title":"Soundwave","description":"A voice drawn while an app listens: capsules, bars, a line, a field of dots, spokes round a person, or rings of dots.","type":"registry:component","source_url":"https://panelui.dev/r/web/soundwave.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/soundwave.json"},{"name":"stat","title":"Stat","description":"One figure written large, with a label over it, a unit after it and a badge beside it.","type":"registry:component","source_url":"https://panelui.dev/r/web/stat.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/stat.json"},{"name":"switch","title":"Switch","description":"On or off, for a setting that takes effect the moment it changes.","type":"registry:component","source_url":"https://panelui.dev/r/web/switch.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/switch.json"},{"name":"tabs","title":"Tabs","description":"A few views of one thing, one at a time, chosen from a row of tabs whose marker slides to the one chosen.","type":"registry:component","source_url":"https://panelui.dev/r/web/tabs.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/tabs.json"},{"name":"textarea","title":"Textarea","description":"A field for more than one line that grows as it is written in, up to a limit.","type":"registry:component","source_url":"https://panelui.dev/r/web/textarea.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/textarea.json"},{"name":"tilt-card","title":"Tilt Card","description":"A card that leans towards the pointer, with layers inside it that move by their depth.","type":"registry:component","source_url":"https://panelui.dev/r/web/tilt-card.json","install_command":"npx shadcn@latest add https://panelui.dev/r/web/tilt-card.json"}]},{"id":"pantoken","name":"@pantoken","slug":"pantoken","description":"InstUI design tokens, themes, components, and interactions.","author":"thedannywahl","framework":"react","license":"MIT","tags":["ai","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","tables","theming"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://pantoken.app","github":"https://github.com/thedannywahl/pantoken","registry":"https://pantoken.app/r/registry.json","source":"https://pantoken.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pantoken","markdown":"https://sh4dcn.netlify.app/md/pantoken.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='101.782 121.756 123.284 123.284'><path fill='#0C1924' d='M222 386V589H331C400 589 442 550 442 487C442 426 400 386 331 386ZM348 267C488 267 581 359 581 488C581 616 488 709 348 709H83V0H221V267Z' transform='translate(100.000 238.000) scale(0.156000 -0.156000)'/><circle cx='200' cy='225.5' r='13.9' fill='#236AA4'/></svg>","preview_image":"https://pantoken.app/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":18,"last_commit":"2026-10-27T03:19:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pantoken.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pantoken.app/r/registry.json","install_bun":"bunx shadcn@latest add https://pantoken.app/r/registry.json","clone":"git clone https://github.com/thedannywahl/pantoken.git","clone_degit":"npx degit thedannywahl/pantoken","registry_fetch":"curl -s https://pantoken.app/r/registry.json"},"component_count":82,"components":[{"name":"theme-canvas","title":"Canvas LMS Theme","description":"Instructure Canvas LMS theme variables bridging to shadcn/ui custom properties.","type":"registry:theme","source_url":"https://pantoken.app/r/theme-canvas.json","install_command":"npx shadcn@latest add https://pantoken.app/r/theme-canvas.json"},{"name":"theme-canvas-high-contrast","title":"Canvas High Contrast Theme","description":"Canvas LMS High Contrast theme variables for WCAG AAA compliance.","type":"registry:theme","source_url":"https://pantoken.app/r/theme-canvas-high-contrast.json","install_command":"npx shadcn@latest add https://pantoken.app/r/theme-canvas-high-contrast.json"},{"name":"theme-rebrand","title":"Instructure Next gen Theme","description":"Modern Instructure brand theme variables.","type":"registry:theme","source_url":"https://pantoken.app/r/theme-rebrand.json","install_command":"npx shadcn@latest add https://pantoken.app/r/theme-rebrand.json"},{"name":"base","title":"Pantoken Base System","description":"Pantoken core design token system, CSS custom properties, and semantic components.","type":"registry:base","source_url":"https://pantoken.app/r/base.json","install_command":"npx shadcn@latest add https://pantoken.app/r/base.json"},{"name":"button","title":"Button","description":"Instructure Button component styled with semantic .instui-button classes.","type":"registry:style","source_url":"https://pantoken.app/r/button.json","install_command":"npx shadcn@latest add https://pantoken.app/r/button.json"},{"name":"card","title":"Card","description":"Instructure Card component styled with semantic .instui-card classes.","type":"registry:style","source_url":"https://pantoken.app/r/card.json","install_command":"npx shadcn@latest add https://pantoken.app/r/card.json"},{"name":"alert","title":"Alert","description":"Instructure Alert component styled with semantic .instui-alert classes.","type":"registry:style","source_url":"https://pantoken.app/r/alert.json","install_command":"npx shadcn@latest add https://pantoken.app/r/alert.json"},{"name":"badge","title":"Badge","description":"Instructure Badge component styled with semantic .instui-badge classes.","type":"registry:style","source_url":"https://pantoken.app/r/badge.json","install_command":"npx shadcn@latest add https://pantoken.app/r/badge.json"},{"name":"pill","title":"Pill","description":"Instructure Pill component styled with semantic .instui-pill classes.","type":"registry:style","source_url":"https://pantoken.app/r/pill.json","install_command":"npx shadcn@latest add https://pantoken.app/r/pill.json"},{"name":"tag","title":"Tag","description":"Instructure Tag component styled with semantic .instui-tag classes.","type":"registry:style","source_url":"https://pantoken.app/r/tag.json","install_command":"npx shadcn@latest add https://pantoken.app/r/tag.json"},{"name":"avatar","title":"Avatar","description":"Instructure Avatar component styled with semantic .instui-avatar classes.","type":"registry:style","source_url":"https://pantoken.app/r/avatar.json","install_command":"npx shadcn@latest add https://pantoken.app/r/avatar.json"},{"name":"tabs","title":"Tabs","description":"Instructure Tabs component styled with semantic .instui-tabs classes.","type":"registry:style","source_url":"https://pantoken.app/r/tabs.json","install_command":"npx shadcn@latest add https://pantoken.app/r/tabs.json"},{"name":"metric","title":"Metric","description":"Instructure Metric component styled with semantic .instui-metric classes.","type":"registry:style","source_url":"https://pantoken.app/r/metric.json","install_command":"npx shadcn@latest add https://pantoken.app/r/metric.json"},{"name":"byline","title":"Byline","description":"Instructure Byline component styled with semantic .instui-byline classes.","type":"registry:style","source_url":"https://pantoken.app/r/byline.json","install_command":"npx shadcn@latest add https://pantoken.app/r/byline.json"},{"name":"img","title":"Img","description":"Instructure Img component styled with semantic .instui-img classes.","type":"registry:style","source_url":"https://pantoken.app/r/img.json","install_command":"npx shadcn@latest add https://pantoken.app/r/img.json"},{"name":"table","title":"Table","description":"Instructure Table component styled with semantic .instui-table classes.","type":"registry:style","source_url":"https://pantoken.app/r/table.json","install_command":"npx shadcn@latest add https://pantoken.app/r/table.json"},{"name":"link","title":"Link","description":"Instructure Link component styled with semantic .instui-link classes.","type":"registry:style","source_url":"https://pantoken.app/r/link.json","install_command":"npx shadcn@latest add https://pantoken.app/r/link.json"},{"name":"list","title":"List","description":"Instructure List component styled with semantic .instui-list classes.","type":"registry:style","source_url":"https://pantoken.app/r/list.json","install_command":"npx shadcn@latest add https://pantoken.app/r/list.json"},{"name":"icon","title":"Icon","description":"Instructure Icon component styled with semantic .instui-icon classes.","type":"registry:style","source_url":"https://pantoken.app/r/icon.json","install_command":"npx shadcn@latest add https://pantoken.app/r/icon.json"},{"name":"checkbox","title":"Checkbox","description":"Instructure Checkbox component styled with semantic .instui-checkbox classes.","type":"registry:style","source_url":"https://pantoken.app/r/checkbox.json","install_command":"npx shadcn@latest add https://pantoken.app/r/checkbox.json"},{"name":"radio","title":"Radio","description":"Instructure Radio component styled with semantic .instui-radio classes.","type":"registry:style","source_url":"https://pantoken.app/r/radio.json","install_command":"npx shadcn@latest add https://pantoken.app/r/radio.json"},{"name":"spinner","title":"Spinner","description":"Instructure Spinner component styled with semantic .instui-spinner classes.","type":"registry:style","source_url":"https://pantoken.app/r/spinner.json","install_command":"npx shadcn@latest add https://pantoken.app/r/spinner.json"},{"name":"progress","title":"Progress","description":"Instructure Progress component styled with semantic .instui-progress classes.","type":"registry:style","source_url":"https://pantoken.app/r/progress.json","install_command":"npx shadcn@latest add https://pantoken.app/r/progress.json"},{"name":"menu","title":"Menu","description":"Instructure Menu component styled with semantic .instui-menu classes.","type":"registry:style","source_url":"https://pantoken.app/r/menu.json","install_command":"npx shadcn@latest add https://pantoken.app/r/menu.json"},{"name":"modal","title":"Modal","description":"Instructure Modal component styled with semantic .instui-modal classes.","type":"registry:style","source_url":"https://pantoken.app/r/modal.json","install_command":"npx shadcn@latest add https://pantoken.app/r/modal.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Instructure Breadcrumb component styled with semantic .instui-breadcrumb classes.","type":"registry:style","source_url":"https://pantoken.app/r/breadcrumb.json","install_command":"npx shadcn@latest add https://pantoken.app/r/breadcrumb.json"},{"name":"billboard","title":"Billboard","description":"Instructure Billboard component styled with semantic .instui-billboard classes.","type":"registry:style","source_url":"https://pantoken.app/r/billboard.json","install_command":"npx shadcn@latest add https://pantoken.app/r/billboard.json"},{"name":"rating","title":"Rating","description":"Instructure Rating component styled with semantic .instui-rating classes.","type":"registry:style","source_url":"https://pantoken.app/r/rating.json","install_command":"npx shadcn@latest add https://pantoken.app/r/rating.json"},{"name":"toggle-group","title":"Toggle-group","description":"Instructure Toggle-group component styled with semantic .instui-toggle-group classes.","type":"registry:style","source_url":"https://pantoken.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://pantoken.app/r/toggle-group.json"},{"name":"context-view","title":"Context-view","description":"Instructure Context-view component styled with semantic .instui-context-view classes.","type":"registry:style","source_url":"https://pantoken.app/r/context-view.json","install_command":"npx shadcn@latest add https://pantoken.app/r/context-view.json"},{"name":"drawer-layout","title":"Drawer-layout","description":"Instructure Drawer-layout component styled with semantic .instui-drawer-layout classes.","type":"registry:style","source_url":"https://pantoken.app/r/drawer-layout.json","install_command":"npx shadcn@latest add https://pantoken.app/r/drawer-layout.json"},{"name":"progress-circle","title":"Progress-circle","description":"Instructure Progress-circle component styled with semantic .instui-progress-circle classes.","type":"registry:style","source_url":"https://pantoken.app/r/progress-circle.json","install_command":"npx shadcn@latest add https://pantoken.app/r/progress-circle.json"},{"name":"pagination","title":"Pagination","description":"Instructure Pagination component styled with semantic .instui-pagination classes.","type":"registry:style","source_url":"https://pantoken.app/r/pagination.json","install_command":"npx shadcn@latest add https://pantoken.app/r/pagination.json"},{"name":"toggle-details","title":"Toggle-details","description":"Instructure Toggle-details component styled with semantic .instui-toggle-details classes.","type":"registry:style","source_url":"https://pantoken.app/r/toggle-details.json","install_command":"npx shadcn@latest add https://pantoken.app/r/toggle-details.json"},{"name":"file-drop","title":"File-drop","description":"Instructure File-drop component styled with semantic .instui-file-drop classes.","type":"registry:style","source_url":"https://pantoken.app/r/file-drop.json","install_command":"npx shadcn@latest add https://pantoken.app/r/file-drop.json"},{"name":"side-nav-bar","title":"Side-nav-bar","description":"Instructure Side-nav-bar component styled with semantic .instui-side-nav-bar classes.","type":"registry:style","source_url":"https://pantoken.app/r/side-nav-bar.json","install_command":"npx shadcn@latest add https://pantoken.app/r/side-nav-bar.json"},{"name":"tree-browser","title":"Tree-browser","description":"Instructure Tree-browser component styled with semantic .instui-tree-browser classes.","type":"registry:style","source_url":"https://pantoken.app/r/tree-browser.json","install_command":"npx shadcn@latest add https://pantoken.app/r/tree-browser.json"},{"name":"calendar","title":"Calendar","description":"Instructure Calendar component styled with semantic .instui-calendar classes.","type":"registry:style","source_url":"https://pantoken.app/r/calendar.json","install_command":"npx shadcn@latest add https://pantoken.app/r/calendar.json"},{"name":"popover","title":"Popover","description":"Instructure Popover component styled with semantic .instui-popover classes.","type":"registry:style","source_url":"https://pantoken.app/r/popover.json","install_command":"npx shadcn@latest add https://pantoken.app/r/popover.json"},{"name":"tray","title":"Tray","description":"Instructure Tray component styled with semantic .instui-tray classes.","type":"registry:style","source_url":"https://pantoken.app/r/tray.json","install_command":"npx shadcn@latest add https://pantoken.app/r/tray.json"},{"name":"tooltip","title":"Tooltip","description":"Instructure Tooltip component styled with semantic .instui-tooltip classes.","type":"registry:style","source_url":"https://pantoken.app/r/tooltip.json","install_command":"npx shadcn@latest add https://pantoken.app/r/tooltip.json"},{"name":"range-input","title":"Range-input","description":"Instructure Range-input component styled with semantic .instui-range-input classes.","type":"registry:style","source_url":"https://pantoken.app/r/range-input.json","install_command":"npx shadcn@latest add https://pantoken.app/r/range-input.json"},{"name":"mask","title":"Mask","description":"Instructure Mask component styled with semantic .instui-mask classes.","type":"registry:style","source_url":"https://pantoken.app/r/mask.json","install_command":"npx shadcn@latest add https://pantoken.app/r/mask.json"},{"name":"screen-reader-content","title":"Screen-reader-content","description":"Instructure Screen-reader-content component styled with semantic .instui-screen-reader-content classes.","type":"registry:style","source_url":"https://pantoken.app/r/screen-reader-content.json","install_command":"npx shadcn@latest add https://pantoken.app/r/screen-reader-content.json"},{"name":"heading","title":"Heading","description":"Instructure Heading component styled with semantic .instui-heading classes.","type":"registry:style","source_url":"https://pantoken.app/r/heading.json","install_command":"npx shadcn@latest add https://pantoken.app/r/heading.json"},{"name":"text","title":"Text","description":"Instructure Text component styled with semantic .instui-text classes.","type":"registry:style","source_url":"https://pantoken.app/r/text.json","install_command":"npx shadcn@latest add https://pantoken.app/r/text.json"},{"name":"close-button","title":"Close-button","description":"Instructure Close-button component styled with semantic .instui-close-button classes.","type":"registry:style","source_url":"https://pantoken.app/r/close-button.json","install_command":"npx shadcn@latest add https://pantoken.app/r/close-button.json"},{"name":"form-field","title":"Form-field","description":"Instructure Form-field component styled with semantic .instui-form-field classes.","type":"registry:style","source_url":"https://pantoken.app/r/form-field.json","install_command":"npx shadcn@latest add https://pantoken.app/r/form-field.json"},{"name":"form-field-group","title":"Form-field-group","description":"Instructure Form-field-group component styled with semantic .instui-form-field-group classes.","type":"registry:style","source_url":"https://pantoken.app/r/form-field-group.json","install_command":"npx shadcn@latest add https://pantoken.app/r/form-field-group.json"},{"name":"radio-input-group","title":"Radio-input-group","description":"Instructure Radio-input-group component styled with semantic .instui-radio-input-group classes.","type":"registry:style","source_url":"https://pantoken.app/r/radio-input-group.json","install_command":"npx shadcn@latest add https://pantoken.app/r/radio-input-group.json"},{"name":"form-field-messages","title":"Form-field-messages","description":"Instructure Form-field-messages component styled with semantic .instui-form-field-messages classes.","type":"registry:style","source_url":"https://pantoken.app/r/form-field-messages.json","install_command":"npx shadcn@latest add https://pantoken.app/r/form-field-messages.json"},{"name":"text-input","title":"Text-input","description":"Instructure Text-input component styled with semantic .instui-text-input classes.","type":"registry:style","source_url":"https://pantoken.app/r/text-input.json","install_command":"npx shadcn@latest add https://pantoken.app/r/text-input.json"},{"name":"text-area","title":"Text-area","description":"Instructure Text-area component styled with semantic .instui-text-area classes.","type":"registry:style","source_url":"https://pantoken.app/r/text-area.json","install_command":"npx shadcn@latest add https://pantoken.app/r/text-area.json"},{"name":"simple-select","title":"Simple-select","description":"Instructure Simple-select component styled with semantic .instui-simple-select classes.","type":"registry:style","source_url":"https://pantoken.app/r/simple-select.json","install_command":"npx shadcn@latest add https://pantoken.app/r/simple-select.json"},{"name":"input-group","title":"Input-group","description":"Instructure Input-group component styled with semantic .instui-input-group classes.","type":"registry:style","source_url":"https://pantoken.app/r/input-group.json","install_command":"npx shadcn@latest add https://pantoken.app/r/input-group.json"},{"name":"number-input","title":"Number-input","description":"Instructure Number-input component styled with semantic .instui-number-input classes.","type":"registry:style","source_url":"https://pantoken.app/r/number-input.json","install_command":"npx shadcn@latest add https://pantoken.app/r/number-input.json"},{"name":"in-place-edit","title":"In-place-edit","description":"Instructure In-place-edit component styled with semantic .instui-in-place-edit classes.","type":"registry:style","source_url":"https://pantoken.app/r/in-place-edit.json","install_command":"npx shadcn@latest add https://pantoken.app/r/in-place-edit.json"},{"name":"view","title":"View","description":"Instructure View component styled with semantic .instui-view classes.","type":"registry:style","source_url":"https://pantoken.app/r/view.json","install_command":"npx shadcn@latest add https://pantoken.app/r/view.json"},{"name":"banner","title":"Banner","description":"Pantoken banner component styles and documented HTML structure.","type":"registry:style","source_url":"https://pantoken.app/r/banner.json","install_command":"npx shadcn@latest add https://pantoken.app/r/banner.json"},{"name":"agent-shell","title":"Agent Shell","description":"Pantoken agent-shell component styles and documented HTML structure.","type":"registry:style","source_url":"https://pantoken.app/r/agent-shell.json","install_command":"npx shadcn@latest add https://pantoken.app/r/agent-shell.json"},{"name":"skeleton-loader","title":"Skeleton Loader","description":"Pantoken skeleton-loader component styles and documented HTML structure.","type":"registry:style","source_url":"https://pantoken.app/r/skeleton-loader.json","install_command":"npx shadcn@latest add https://pantoken.app/r/skeleton-loader.json"},{"name":"segmented-control","title":"Segmented Control","description":"Pantoken segmented-control component styles and documented HTML structure.","type":"registry:style","source_url":"https://pantoken.app/r/segmented-control.json","install_command":"npx shadcn@latest add https://pantoken.app/r/segmented-control.json"},{"name":"wrapper","title":"Wrapper Layout","description":"Pantoken wrapper layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/wrapper.json","install_command":"npx shadcn@latest add https://pantoken.app/r/wrapper.json"},{"name":"callout","title":"Callout Layout","description":"Pantoken callout layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/callout.json","install_command":"npx shadcn@latest add https://pantoken.app/r/callout.json"},{"name":"hero","title":"Hero Layout","description":"Pantoken hero layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/hero.json","install_command":"npx shadcn@latest add https://pantoken.app/r/hero.json"},{"name":"page-layout","title":"Page Layout Layout","description":"Pantoken page-layout layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/page-layout.json","install_command":"npx shadcn@latest add https://pantoken.app/r/page-layout.json"},{"name":"rubric-note","title":"Rubric Note Layout","description":"Pantoken rubric-note layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/rubric-note.json","install_command":"npx shadcn@latest add https://pantoken.app/r/rubric-note.json"},{"name":"testimonial","title":"Testimonial Layout","description":"Pantoken testimonial layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/testimonial.json","install_command":"npx shadcn@latest add https://pantoken.app/r/testimonial.json"},{"name":"two-column","title":"Two Column Layout","description":"Pantoken two-column layout styles and canonical HTML template.","type":"registry:style","source_url":"https://pantoken.app/r/two-column.json","install_command":"npx shadcn@latest add https://pantoken.app/r/two-column.json"},{"name":"custom-icons","title":"Pantoken Custom Icons","description":"Pantoken's curated custom icon tokens for the shared -icon-* painter.","type":"registry:style","source_url":"https://pantoken.app/r/custom-icons.json","install_command":"npx shadcn@latest add https://pantoken.app/r/custom-icons.json"},{"name":"simple-icons","title":"Simple Icons","description":"The complete Simple Icons brand-glyph token collection.","type":"registry:style","source_url":"https://pantoken.app/r/simple-icons.json","install_command":"npx shadcn@latest add https://pantoken.app/r/simple-icons.json"},{"name":"logos","title":"Instructure Product Logos","description":"All Instructure product logo image tokens.","type":"registry:style","source_url":"https://pantoken.app/r/logos.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logos.json"},{"name":"logo-canvas","title":"Canvas Logos","description":"Logo image tokens for canvas.","type":"registry:style","source_url":"https://pantoken.app/r/logo-canvas.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-canvas.json"},{"name":"logo-igniteai","title":"Igniteai Logos","description":"Logo image tokens for igniteai.","type":"registry:style","source_url":"https://pantoken.app/r/logo-igniteai.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-igniteai.json"},{"name":"logo-instructure","title":"Instructure Logos","description":"Logo image tokens for instructure.","type":"registry:style","source_url":"https://pantoken.app/r/logo-instructure.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-instructure.json"},{"name":"logo-learnplatform","title":"Learnplatform Logos","description":"Logo image tokens for learnplatform.","type":"registry:style","source_url":"https://pantoken.app/r/logo-learnplatform.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-learnplatform.json"},{"name":"logo-mastery","title":"Mastery Logos","description":"Logo image tokens for mastery.","type":"registry:style","source_url":"https://pantoken.app/r/logo-mastery.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-mastery.json"},{"name":"logo-pantoken","title":"Pantoken Logos","description":"Logo image tokens for pantoken.","type":"registry:style","source_url":"https://pantoken.app/r/logo-pantoken.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-pantoken.json"},{"name":"logo-parchment","title":"Parchment Logos","description":"Logo image tokens for parchment.","type":"registry:style","source_url":"https://pantoken.app/r/logo-parchment.json","install_command":"npx shadcn@latest add https://pantoken.app/r/logo-parchment.json"},{"name":"theme-colors","title":"Custom Theme Colors","description":"Selector-driven Pantoken brand-color remapping for 13 color namespaces.","type":"registry:style","source_url":"https://pantoken.app/r/theme-colors.json","install_command":"npx shadcn@latest add https://pantoken.app/r/theme-colors.json"},{"name":"primitives","title":"Primitive Utilities","description":"Opt-in utility classes for Pantoken's raw primitive palette.","type":"registry:style","source_url":"https://pantoken.app/r/primitives.json","install_command":"npx shadcn@latest add https://pantoken.app/r/primitives.json"},{"name":"visual-debug","title":"Visual Debug","description":"Development-only layout outlines for Pantoken components.","type":"registry:style","source_url":"https://pantoken.app/r/visual-debug.json","install_command":"npx shadcn@latest add https://pantoken.app/r/visual-debug.json"}]},{"id":"pastaui","name":"@pastaui","slug":"pastaui","description":"Open-source React components for AI agent interfaces: conversations, tool calls, approvals, background runs, and rich outputs.","author":"syeddhasnainn","framework":"react","license":"MIT","tags":["accessibility","ai","audio","backgrounds","blocks","cards","forms","loaders","media","navigation","overlays","pro-available","tables"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://pastaui.com","github":"https://github.com/syeddhasnainn/pastaui","registry":"https://pastaui.com/r/registry.json","source":"https://pastaui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pastaui","markdown":"https://sh4dcn.netlify.app/md/pastaui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'><path fill='var(--foreground)' d='M25 6h69v69L75 94H6V25L25 6Z'/><path fill='var(--background)' d='M29 23h29c13.8 0 22 10.6 22 23.5S71.8 69 58 69H44v14H29V23Z'/></svg>","preview_image":"https://pastaui.com/og.png?v=2","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.pastaui.com/"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-16T14:55:45Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pastaui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pastaui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://pastaui.com/r/registry.json","clone":"git clone https://github.com/syeddhasnainn/pastaui.git","clone_degit":"npx degit syeddhasnainn/pastaui","registry_fetch":"curl -s https://pastaui.com/r/registry.json"},"component_count":55,"components":[{"name":"pastaui-styles","title":"Pasta UI Styles","description":"Shared card shadow, surface shadow and heading/label utilities used across Pasta UI components.","type":"registry:item","source_url":"https://pastaui.com/r/pastaui-styles.json","install_command":"npx shadcn@latest add https://pastaui.com/r/pastaui-styles.json"},{"name":"agent-activity","title":"Agent Activity","description":"A chronological stream for reasoning, searches, terminal work, and tool execution.","type":"registry:component","source_url":"https://pastaui.com/r/agent-activity.json","install_command":"npx shadcn@latest add https://pastaui.com/r/agent-activity.json"},{"name":"agent-status","title":"Agent Status","description":"A compact task summary with the current activity and an optional task tray.","type":"registry:component","source_url":"https://pastaui.com/r/agent-status.json","install_command":"npx shadcn@latest add https://pastaui.com/r/agent-status.json"},{"name":"approval-card","title":"Approval Card","description":"A human-in-the-loop decision surface for questions, review steps, and consequential actions.","type":"registry:component","source_url":"https://pastaui.com/r/approval-card.json","install_command":"npx shadcn@latest add https://pastaui.com/r/approval-card.json"},{"name":"attachments","title":"Attachments","description":"File and image attachments with progress, failure recovery, metadata, and removal actions.","type":"registry:component","source_url":"https://pastaui.com/r/attachments.json","install_command":"npx shadcn@latest add https://pastaui.com/r/attachments.json"},{"name":"audio-player","title":"Audio Player","description":"A controlled playback surface for speech, generated audio, and recorded tool output.","type":"registry:component","source_url":"https://pastaui.com/r/audio-player.json","install_command":"npx shadcn@latest add https://pastaui.com/r/audio-player.json"},{"name":"background-inbox","title":"Background Inbox","description":"Work still running elsewhere and completed results waiting to be collected.","type":"registry:component","source_url":"https://pastaui.com/r/background-inbox.json","install_command":"npx shadcn@latest add https://pastaui.com/r/background-inbox.json"},{"name":"background-runs","title":"Background Runs","description":"Ongoing and completed agent jobs collected in one actionable inbox.","type":"registry:component","source_url":"https://pastaui.com/r/background-runs.json","install_command":"npx shadcn@latest add https://pastaui.com/r/background-runs.json"},{"name":"category-dropdown","title":"Category Dropdown","description":"A dropdown with vertical category tabs on the left and their items on the right, with a sliding tab indicator, animated height, and a morphing chevron.","type":"registry:component","source_url":"https://pastaui.com/r/category-dropdown.json","install_command":"npx shadcn@latest add https://pastaui.com/r/category-dropdown.json"},{"name":"citations","title":"Citations","description":"A compact source summary that expands into grounded references with useful context.","type":"registry:component","source_url":"https://pastaui.com/r/citations.json","install_command":"npx shadcn@latest add https://pastaui.com/r/citations.json"},{"name":"code-block","title":"Code Block","description":"A muted code surface with line numbers, focused rows, filename metadata, and copy feedback.","type":"registry:component","source_url":"https://pastaui.com/r/code-block.json","install_command":"npx shadcn@latest add https://pastaui.com/r/code-block.json"},{"name":"color-picker","title":"Color Picker","description":"A Tailwind palette picker with search, hex and opacity inputs, and optional linear, radial, and conic gradients with draggable stops.","type":"registry:component","source_url":"https://pastaui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://pastaui.com/r/color-picker.json"},{"name":"commit","title":"Commit","description":"An expandable changed-file summary with folder groups, line counts, and a diff action.","type":"registry:component","source_url":"https://pastaui.com/r/commit.json","install_command":"npx shadcn@latest add https://pastaui.com/r/commit.json"},{"name":"connection-state","title":"Connection State","description":"Clear connected, reconnecting, resumed, and offline states for resumable agent streams.","type":"registry:component","source_url":"https://pastaui.com/r/connection-state.json","install_command":"npx shadcn@latest add https://pastaui.com/r/connection-state.json"},{"name":"context-breakdown","title":"Context Breakdown","description":"Where an agent context window went, with token attribution and remaining capacity.","type":"registry:component","source_url":"https://pastaui.com/r/context-breakdown.json","install_command":"npx shadcn@latest add https://pastaui.com/r/context-breakdown.json"},{"name":"cost-meter","title":"Cost Meter","description":"Run cost split by model or task and compared against an optional session budget.","type":"registry:component","source_url":"https://pastaui.com/r/cost-meter.json","install_command":"npx shadcn@latest add https://pastaui.com/r/cost-meter.json"},{"name":"data-table","title":"Data Table","description":"A virtualized, sortable table with resizable columns, a sticky header, and left or right pinned columns for scanning dozens of fields at once.","type":"registry:component","source_url":"https://pastaui.com/r/data-table.json","install_command":"npx shadcn@latest add https://pastaui.com/r/data-table.json"},{"name":"document-reference","title":"Document Reference","description":"A source card that preserves document identity, location, metadata, and the cited excerpt.","type":"registry:component","source_url":"https://pastaui.com/r/document-reference.json","install_command":"npx shadcn@latest add https://pastaui.com/r/document-reference.json"},{"name":"edit-message","title":"Edit Message","description":"A user message with copy and edit actions, inline editing with keyboard shortcuts, and switching between edited versions.","type":"registry:component","source_url":"https://pastaui.com/r/edit-message.json","install_command":"npx shadcn@latest add https://pastaui.com/r/edit-message.json"},{"name":"email-composer","title":"Email Composer","description":"A minimal email draft with inline fields, a spacious message, and copy, expand, and send actions.","type":"registry:component","source_url":"https://pastaui.com/r/email-composer.json","install_command":"npx shadcn@latest add https://pastaui.com/r/email-composer.json"},{"name":"environment-variables","title":"Environment Variables","description":"A secret-aware configuration surface with masked values and explicit reveal or copy actions.","type":"registry:component","source_url":"https://pastaui.com/r/environment-variables.json","install_command":"npx shadcn@latest add https://pastaui.com/r/environment-variables.json"},{"name":"feedback-dialog","title":"Feedback Dialog","description":"Response feedback with copy, thumbs up and thumbs down actions that expands into a reason picker and an optional note.","type":"registry:component","source_url":"https://pastaui.com/r/feedback-dialog.json","install_command":"npx shadcn@latest add https://pastaui.com/r/feedback-dialog.json"},{"name":"file-diff","title":"File Diff","description":"A compact code-change surface with old and new line numbers plus live change counts.","type":"registry:component","source_url":"https://pastaui.com/r/file-diff.json","install_command":"npx shadcn@latest add https://pastaui.com/r/file-diff.json"},{"name":"file-tree","title":"File Tree","description":"A keyboard-navigable file tree with collapsible folders, git change badges, and change counts rolled up to folders.","type":"registry:component","source_url":"https://pastaui.com/r/file-tree.json","install_command":"npx shadcn@latest add https://pastaui.com/r/file-tree.json"},{"name":"follow-up","title":"Follow Up","description":"Follow-up prompts that stagger in after an answer, with number key shortcuts and a selected state.","type":"registry:component","source_url":"https://pastaui.com/r/follow-up.json","install_command":"npx shadcn@latest add https://pastaui.com/r/follow-up.json"},{"name":"follow-up-suggestions","title":"Follow-up Suggestions","description":"A keyboard-driven next step picker with numbered options and a free text custom question.","type":"registry:component","source_url":"https://pastaui.com/r/follow-up-suggestions.json","install_command":"npx shadcn@latest add https://pastaui.com/r/follow-up-suggestions.json"},{"name":"image-generation-loader","title":"Image Generation Loader","description":"A streaming image surface with live progress, a playable Snake diversion, and an in-place completed result.","type":"registry:component","source_url":"https://pastaui.com/r/image-generation-loader.json","install_command":"npx shadcn@latest add https://pastaui.com/r/image-generation-loader.json"},{"name":"inline-citation","title":"Inline Citation","description":"A numbered reference inside prose with an inspectable source preview.","type":"registry:component","source_url":"https://pastaui.com/r/inline-citation.json","install_command":"npx shadcn@latest add https://pastaui.com/r/inline-citation.json"},{"name":"job-progress","title":"Job Progress","description":"A weighted multi-stage progress surface for work measured in minutes rather than seconds.","type":"registry:component","source_url":"https://pastaui.com/r/job-progress.json","install_command":"npx shadcn@latest add https://pastaui.com/r/job-progress.json"},{"name":"link-preview","title":"Link Preview","description":"A horizontal link preview with an image, seller details, and optional product pricing and ratings.","type":"registry:component","source_url":"https://pastaui.com/r/link-preview.json","install_command":"npx shadcn@latest add https://pastaui.com/r/link-preview.json"},{"name":"memory","title":"Memory","description":"Visible, removable facts an agent retains about the user or ongoing work.","type":"registry:component","source_url":"https://pastaui.com/r/memory.json","install_command":"npx shadcn@latest add https://pastaui.com/r/memory.json"},{"name":"message-bubble","title":"Message Bubble","description":"A focused conversational surface with distinct user, assistant, and system treatments.","type":"registry:component","source_url":"https://pastaui.com/r/message-bubble.json","install_command":"npx shadcn@latest add https://pastaui.com/r/message-bubble.json"},{"name":"message-queue","title":"Message Queue","description":"Pending user turns that remain visible, removable, and immediately sendable while an agent is busy.","type":"registry:component","source_url":"https://pastaui.com/r/message-queue.json","install_command":"npx shadcn@latest add https://pastaui.com/r/message-queue.json"},{"name":"message-scroller","title":"Message Scroller","description":"A compact conversation minimap that navigates user turns while keeping the full thread visible.","type":"registry:component","source_url":"https://pastaui.com/r/message-scroller.json","install_command":"npx shadcn@latest add https://pastaui.com/r/message-scroller.json"},{"name":"model-picker","title":"Model Picker","description":"A compact model menu with descriptions, plan badges, effort controls, and additional models.","type":"registry:component","source_url":"https://pastaui.com/r/model-picker.json","install_command":"npx shadcn@latest add https://pastaui.com/r/model-picker.json"},{"name":"permission-grant","title":"Permission Grant","description":"A capability-level consent surface that explains reach and duration before access is granted.","type":"registry:component","source_url":"https://pastaui.com/r/permission-grant.json","install_command":"npx shadcn@latest add https://pastaui.com/r/permission-grant.json"},{"name":"plan-approval-card","title":"Plan Approval Card","description":"A proposed plan with clear steps and controls to edit, cancel, or start the work.","type":"registry:component","source_url":"https://pastaui.com/r/plan-approval-card.json","install_command":"npx shadcn@latest add https://pastaui.com/r/plan-approval-card.json"},{"name":"prompt-input","title":"Prompt Input","description":"An auto-growing agent composer with attachment, model, submit, and stop controls.","type":"registry:component","source_url":"https://pastaui.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://pastaui.com/r/prompt-input.json"},{"name":"quota-banner","title":"Quota Banner","description":"Usage remaining, reset timing, and an upgrade path without hiding the limit.","type":"registry:component","source_url":"https://pastaui.com/r/quota-banner.json","install_command":"npx shadcn@latest add https://pastaui.com/r/quota-banner.json"},{"name":"reasoning-effort","title":"Reasoning Effort","description":"A compact dropdown for choosing how much reasoning power a response should use.","type":"registry:component","source_url":"https://pastaui.com/r/reasoning-effort.json","install_command":"npx shadcn@latest add https://pastaui.com/r/reasoning-effort.json"},{"name":"reasoning-text","title":"Reasoning Text","description":"A timed reasoning stream that follows the latest thought, then folds into an inspectable duration summary.","type":"registry:component","source_url":"https://pastaui.com/r/reasoning-text.json","install_command":"npx shadcn@latest add https://pastaui.com/r/reasoning-text.json"},{"name":"research-report","title":"Research Report","description":"A long-form report reader with a contents rail, reading progress, and sections that stream in as they are written.","type":"registry:component","source_url":"https://pastaui.com/r/research-report.json","install_command":"npx shadcn@latest add https://pastaui.com/r/research-report.json"},{"name":"retrieval-chunks","title":"Retrieval Chunks","description":"Ranked source passages with a searching state, highlighted query terms, relevance bars, and expandable text.","type":"registry:component","source_url":"https://pastaui.com/r/retrieval-chunks.json","install_command":"npx shadcn@latest add https://pastaui.com/r/retrieval-chunks.json"},{"name":"schedule-card","title":"Schedule Card","description":"A recurring agent job with human-readable timing, next run, and pause controls.","type":"registry:component","source_url":"https://pastaui.com/r/schedule-card.json","install_command":"npx shadcn@latest add https://pastaui.com/r/schedule-card.json"},{"name":"search-results-tabs","title":"Search Results Tabs","description":"Ranked search results with site icons, titles, source URLs, and plain text category tabs.","type":"registry:component","source_url":"https://pastaui.com/r/search-results-tabs.json","install_command":"npx shadcn@latest add https://pastaui.com/r/search-results-tabs.json"},{"name":"task-card","title":"Task Card","description":"One delegated task with state, timing, assigned agent, and returned result.","type":"registry:component","source_url":"https://pastaui.com/r/task-card.json","install_command":"npx shadcn@latest add https://pastaui.com/r/task-card.json"},{"name":"thinking-shimmer","title":"Thinking Shimmer","description":"A quiet live status that keeps the agent current action readable while work continues.","type":"registry:component","source_url":"https://pastaui.com/r/thinking-shimmer.json","install_command":"npx shadcn@latest add https://pastaui.com/r/thinking-shimmer.json"},{"name":"todo-list","title":"Todo List","description":"A live agent plan with completion counts, checkable tasks, and details you can expand.","type":"registry:component","source_url":"https://pastaui.com/r/todo-list.json","install_command":"npx shadcn@latest add https://pastaui.com/r/todo-list.json"},{"name":"tool-approval","title":"Tool Approval","description":"A permission gate that shows scope and command detail before an agent tool runs.","type":"registry:component","source_url":"https://pastaui.com/r/tool-approval.json","install_command":"npx shadcn@latest add https://pastaui.com/r/tool-approval.json"},{"name":"tool-error","title":"Tool Error","description":"A recoverable connection failure with a clear explanation and compact recovery actions.","type":"registry:component","source_url":"https://pastaui.com/r/tool-error.json","install_command":"npx shadcn@latest add https://pastaui.com/r/tool-error.json"},{"name":"tool-group","title":"Tool Group","description":"Consecutive tool calls in one readable group with collapsible outputs for each call.","type":"registry:component","source_url":"https://pastaui.com/r/tool-group.json","install_command":"npx shadcn@latest add https://pastaui.com/r/tool-group.json"},{"name":"tool-result","title":"Tool Result","description":"An execution disclosure for running, successful, or failed tools with optional raw output.","type":"registry:component","source_url":"https://pastaui.com/r/tool-result.json","install_command":"npx shadcn@latest add https://pastaui.com/r/tool-result.json"},{"name":"tool-timeline","title":"Tool Timeline","description":"A live timeline of agent tool calls with timings and expandable input and output for each call.","type":"registry:component","source_url":"https://pastaui.com/r/tool-timeline.json","install_command":"npx shadcn@latest add https://pastaui.com/r/tool-timeline.json"},{"name":"video-player","title":"Video Player","description":"A compact video player with keyboard shortcuts, chapter markers, seek previews, and volume control.","type":"registry:component","source_url":"https://pastaui.com/r/video-player.json","install_command":"npx shadcn@latest add https://pastaui.com/r/video-player.json"},{"name":"voice-input","title":"Voice Input","description":"A tactile recording control with a recessed waveform, red playhead, and pause control.","type":"registry:component","source_url":"https://pastaui.com/r/voice-input.json","install_command":"npx shadcn@latest add https://pastaui.com/r/voice-input.json"}]},{"id":"payload-components","name":"@payload-components","slug":"payload-components","description":"MIT registry of typed Payload CMS blocks for Payload v3 + Next.js. Each block installs as reviewable source; the companion CLI also wires collection config, RenderBlocks, types, and the admin import map.","author":"Ducksss","framework":"react","license":"MIT","tags":["animation","auth","backgrounds","blocks","buttons","cards","cms","dashboard","forms","icons","maps","marketing","media","mobile","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.payload-components.xyz","github":"https://github.com/Ducksss/payload-components","registry":"https://www.payload-components.xyz/r/registry.json","source":"https://www.payload-components.xyz/r/registry.json","page":"https://sh4dcn.netlify.app/registry/payload-components","markdown":"https://sh4dcn.netlify.app/md/payload-components.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2' y='2' width='20' height='20' rx='5' fill='var(--foreground)'/><path d='M7 7h5.4c2.45 0 4.1 1.53 4.1 3.85s-1.65 3.85-4.1 3.85H9.7V17H7V7Zm2.7 2.25v3.2h2.4c1.02 0 1.65-.62 1.65-1.6s-.63-1.6-1.65-1.6H9.7Zm8.2-.25h1.9v8h-1.9V9Zm-2.15 3.05h6.2v1.9h-6.2v-1.9Z' fill='var(--background)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":48,"open_issues":12,"last_commit":"2026-10-26T07:56:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.payload-components.xyz/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.payload-components.xyz/r/registry.json","install_bun":"bunx shadcn@latest add https://www.payload-components.xyz/r/registry.json","clone":"git clone https://github.com/Ducksss/payload-components.git","clone_degit":"npx degit Ducksss/payload-components","registry_fetch":"curl -s https://www.payload-components.xyz/r/registry.json"},"component_count":83,"components":[{"name":"hero-basic","title":"Hero Basic","description":"Payload Components proof-of-concept hero block.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/hero-basic.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/hero-basic.json"},{"name":"hero-split","title":"Hero Split","description":"Two-column Payload hero block with an editor-placed visual.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/hero-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/hero-split.json"},{"name":"hero-video","title":"Hero Video","description":"Full-bleed video hero with editor-managed media and a reduced-motion poster fallback.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/hero-video.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/hero-video.json"},{"name":"hero-product-tilt","title":"Hero Product Tilt","description":"Centered product hero with a static perspective frame and editor-managed media.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/hero-product-tilt.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/hero-product-tilt.json"},{"name":"hero-aurora","title":"Hero Aurora","description":"Motion-first product hero with an animated aurora field, staggered reveal, parallax panel, and metric ticker.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/hero-aurora.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/hero-aurora.json"},{"name":"hero-kinetic","title":"Hero Kinetic","description":"Motion-first editorial hero with a line-masked type reveal, cinematic plate, and velocity marquee.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/hero-kinetic.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/hero-kinetic.json"},{"name":"feature-grid-basic","title":"Feature Grid Basic","description":"Text-first Payload feature grid with optional CTA wiring.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-grid-basic.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-grid-basic.json"},{"name":"feature-split","title":"Feature Split","description":"Two-column Payload feature block: heading and CTA beside a feature list.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-split.json"},{"name":"feature-bento","title":"Feature Bento","description":"Asymmetric Payload bento grid with a featured lead cell and supporting cells.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-bento.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-bento.json"},{"name":"feature-steps","title":"Feature Steps","description":"Numbered Payload steps block for sequential, how-it-works feature flows.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-steps.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-steps.json"},{"name":"feature-accordion","title":"Feature Accordion","description":"Synchronized feature accordion with editor-selected icons and optional media.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-accordion.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-accordion.json"},{"name":"feature-cards-media","title":"Feature Cards Media","description":"Two-column feature cards with independent media and optional icons.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-cards-media.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-cards-media.json"},{"name":"feature-icon-grid","title":"Feature Icon Grid","description":"Dense feature grid with editor-selected icons and a tokenized radial decorator.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/feature-icon-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/feature-icon-grid.json"},{"name":"embed-basic","title":"Embed Basic","description":"Responsive, accessible sandboxed iframe block for approved HTTPS embeds.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/embed-basic.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/embed-basic.json"},{"name":"logo-cloud-grid","title":"Logo Cloud Grid","description":"Centered, wrapping wall of editable logo uploads under a heading.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/logo-cloud-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/logo-cloud-grid.json"},{"name":"logo-cloud-hover","title":"Logo Cloud Hover","description":"Logo wall that dims and blurs on hover to reveal a CTA link.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/logo-cloud-hover.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/logo-cloud-hover.json"},{"name":"logo-cloud-marquee","title":"Logo Cloud Marquee","description":"Auto-scrolling marquee of editable logos with progressive-blur edge fades.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/logo-cloud-marquee.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/logo-cloud-marquee.json"},{"name":"logo-cloud-inline","title":"Logo Cloud Inline","description":"Compact label-over-logos strip of editable trust logos.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/logo-cloud-inline.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/logo-cloud-inline.json"},{"name":"logo-cloud-inline-wrap","title":"Logo Cloud Inline Wrap","description":"Single wrapping row keeping the label inline with editable logos.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/logo-cloud-inline-wrap.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/logo-cloud-inline-wrap.json"},{"name":"content-columns","title":"Content Columns","description":"Two-column Payload content block: a heading beside body copy and a CTA.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-columns.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-columns.json"},{"name":"content-image-lead","title":"Content Image Lead","description":"Payload content block led by a full-width image above a heading, body, and CTA.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-image-lead.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-image-lead.json"},{"name":"content-feature-media","title":"Content Feature Media","description":"Payload content block: body copy and two icon features beside a framed media panel.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-feature-media.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-feature-media.json"},{"name":"content-feature-split","title":"Content Feature Split","description":"Payload content block: a side media panel beside body copy and two icon features.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-feature-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-feature-split.json"},{"name":"content-showcase","title":"Content Showcase","description":"Payload content block: a centered intro, a full-width image, and a four-up feature grid.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-showcase.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-showcase.json"},{"name":"content-quote","title":"Content Quote","description":"Payload content block: a media panel beside body copy and a cited pull quote.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-quote.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-quote.json"},{"name":"content-community","title":"Content Community","description":"Payload content block: a centered heading and body above a wall of community avatars.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-community.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-community.json"},{"name":"integration-grid","title":"Integration Grid","description":"A responsive grid of integration cards with logo, name, description, and a learn-more link.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-grid.json"},{"name":"integration-cluster","title":"Integration Cluster","description":"A centered cluster of integration logos around a featured brand mark, with a heading and CTA.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-cluster.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-cluster.json"},{"name":"integration-split","title":"Integration Split","description":"A two-column section pairing a featured-mark logo cluster with a heading, subtext, and CTA.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-split.json"},{"name":"integration-connect","title":"Integration Connect","description":"Integration logos wired to a central brand mark by connector lines.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-connect.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-connect.json"},{"name":"integration-orbit","title":"Integration Orbit","description":"Concentric rings of integration logos that orbit a featured brand mark on hover.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-orbit.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-orbit.json"},{"name":"integration-list","title":"Integration List","description":"A vertical list of integration rows with logo, name, description, and an add action.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-list.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-list.json"},{"name":"integration-marquee","title":"Integration Marquee","description":"Three auto-scrolling rows of integration logos around a featured brand mark.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-marquee.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-marquee.json"},{"name":"integration-testimonial","title":"Integration Testimonial","description":"A two-column section pairing a customer quote with a grid of integration logo cards.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/integration-testimonial.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/integration-testimonial.json"},{"name":"content-split-rows","title":"Content Split Rows","description":"Payload content block: an intro above alternating media-and-text rows.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-split-rows.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-split-rows.json"},{"name":"content-rows","title":"Content Rows","description":"Payload content block: an intro above a uniform stack of media-and-text rows.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-rows.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-rows.json"},{"name":"content-image-frame","title":"Content Image Frame","description":"Payload content block: a centered intro above a layered, framed screenshot.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-image-frame.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-image-frame.json"},{"name":"content-stats","title":"Content Stats","description":"Payload content block: an intro, a grid of icon features, and a stats list.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-stats.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-stats.json"},{"name":"content-list","title":"Content List","description":"Payload content block: a serif heading beside a labeled-term list.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-list.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-list.json"},{"name":"content-list-columns","title":"Content List Columns","description":"Payload content block: a serif heading above a two-column labeled-term list.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-list-columns.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-list-columns.json"},{"name":"content-list-icons","title":"Content List Icons","description":"Payload content block: a serif heading and intro above a multi-column icon list.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/content-list-icons.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/content-list-icons.json"},{"name":"call-to-action-centered","title":"Call To Action Centered","description":"Centered Payload call-to-action block: heading, copy, and one or two CTA links.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/call-to-action-centered.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/call-to-action-centered.json"},{"name":"call-to-action-boxed","title":"Call To Action Boxed","description":"Boxed Payload call-to-action block: heading, copy, and CTA links inside a nested panel.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/call-to-action-boxed.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/call-to-action-boxed.json"},{"name":"call-to-action-split","title":"Call To Action Split","description":"Split Payload call-to-action block: heading and copy on one side, CTA links and assurance on the other.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/call-to-action-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/call-to-action-split.json"},{"name":"call-to-action-signup","title":"Call To Action Signup","description":"Email-capture Payload call-to-action block: heading, copy, and a form that posts to a same-origin endpoint.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/call-to-action-signup.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/call-to-action-signup.json"},{"name":"contact-routing-form","title":"Contact Routing Form","description":"Validated contact channels beside an accessible same-origin inquiry form.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/contact-routing-form.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/contact-routing-form.json"},{"name":"contact-channels","title":"Contact Channels","description":"Form-free Payload contact block: a grid of validated email, phone, and URL channels.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/contact-channels.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/contact-channels.json"},{"name":"team-roster","title":"Team Roster","description":"Payload team block: department-grouped sections, each a grid of member avatars with name and role.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/team-roster.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/team-roster.json"},{"name":"team-grid","title":"Team Grid","description":"Payload team block: a heading and intro above a responsive grid of member photo cards that reveal role on hover.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/team-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/team-grid.json"},{"name":"team-bios","title":"Team Bios","description":"Bio-forward Payload team block: two-up member cards with avatar, role, and biography.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/team-bios.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/team-bios.json"},{"name":"faq-accordion","title":"FAQ Accordion","description":"Payload FAQ block: a centered accordion of question/answer items with an optional CTA.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/faq-accordion.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/faq-accordion.json"},{"name":"faq-split","title":"FAQ Split","description":"Payload FAQ block: a two-column layout pairing a sticky heading and CTA with an accordion.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/faq-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/faq-split.json"},{"name":"faq-card","title":"FAQ Card","description":"Payload FAQ block: a centered accordion wrapped in a card with an optional CTA.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/faq-card.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/faq-card.json"},{"name":"faq-icons","title":"FAQ Icons","description":"Payload FAQ block: an accordion with a per-question icon from a fixed allowlist.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/faq-icons.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/faq-icons.json"},{"name":"faq-grouped","title":"FAQ Grouped","description":"Payload FAQ block: titled, icon-tagged category groups of accordions.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/faq-grouped.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/faq-grouped.json"},{"name":"faq-grid","title":"FAQ Grid","description":"Payload FAQ block: a static two-column grid of question/answer cards.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/faq-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/faq-grid.json"},{"name":"comparator-table","title":"Comparator Table","description":"Tiered feature-comparison table Payload block: plan columns with CTAs over grouped feature rows.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/comparator-table.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/comparator-table.json"},{"name":"comparator-grid","title":"Comparator Grid","description":"Plan-column comparison Payload block: pricing columns in a bordered card over a feature matrix.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/comparator-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/comparator-grid.json"},{"name":"comparator-stack","title":"Comparator Stack","description":"Stacked plan-card comparison Payload block: one card per plan with its own price, CTA, and feature checklist.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/comparator-stack.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/comparator-stack.json"},{"name":"testimonials-quote","title":"Testimonials Quote","description":"Payload testimonials block: a single featured quote with a left accent bar, author, optional role, and avatar.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/testimonials-quote.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/testimonials-quote.json"},{"name":"testimonials-spotlight","title":"Testimonials Spotlight","description":"Payload testimonials block: a single centered testimonial with a quote-mark, large avatar, author, and role.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/testimonials-spotlight.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/testimonials-spotlight.json"},{"name":"testimonials-grid","title":"Testimonials Grid","description":"Payload testimonials block: a heading above a responsive grid of quote cards, each with author, optional role, and avatar.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/testimonials-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/testimonials-grid.json"},{"name":"testimonials-rating","title":"Testimonials Rating","description":"Payload testimonials block: a responsive grid of review cards, each with a star rating, quote, author, optional role, and avatar.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/testimonials-rating.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/testimonials-rating.json"},{"name":"testimonials-bento","title":"Testimonials Bento","description":"Payload testimonials block: an asymmetric bento with one featured quote in a large cell and supporting quotes around it.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/testimonials-bento.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/testimonials-bento.json"},{"name":"testimonials-wall","title":"Testimonials Wall","description":"Payload testimonials block: a heading above a multi-column masonry wall of compact testimonial cards.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/testimonials-wall.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/testimonials-wall.json"},{"name":"stats-proof","title":"Stats Proof","description":"Narrative and prominent string metrics paired with semantic customer proof.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/stats-proof.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/stats-proof.json"},{"name":"stats-grid","title":"Stats Grid","description":"Heading and intro above a responsive grid of large string metrics on rule-topped columns.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/stats-grid.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/stats-grid.json"},{"name":"stats-card","title":"Stats Card","description":"A centred heading above one divided panel that splits metrics into equal columns.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/stats-card.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/stats-card.json"},{"name":"stats-inline","title":"Stats Inline","description":"Heading and intro above rule-topped rows where each figure reads as one sentence.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/stats-inline.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/stats-inline.json"},{"name":"pricing-cards","title":"Pricing Cards","description":"Three-up pricing table of editable plan cards with a highlighted plan.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/pricing-cards.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/pricing-cards.json"},{"name":"pricing-cards-muted","title":"Pricing Cards Muted","description":"Three-up pricing table on muted card surfaces with a highlighted plan.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/pricing-cards-muted.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/pricing-cards-muted.json"},{"name":"pricing-cards-cta","title":"Pricing Cards CTA","description":"Three-up pricing table with the CTA inside each plan header.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/pricing-cards-cta.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/pricing-cards-cta.json"},{"name":"pricing-split","title":"Pricing Split","description":"Two-plan split pricing: a compact entry plan beside an expanded featured plan.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/pricing-split.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/pricing-split.json"},{"name":"pricing-enterprise","title":"Pricing Enterprise","description":"Single wide enterprise pricing panel with an editable trust-logo wall.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/pricing-enterprise.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/pricing-enterprise.json"},{"name":"collection-query","title":"Collection Query","description":"A Pages block that queries the starter Posts collection by category or manual selection and renders grid, list, or featured cards.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/collection-query.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/collection-query.json"},{"name":"footer-columns","title":"Footer Columns","description":"A brand block beside labelled columns of navigation links, closed by a copyright rule.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/footer-columns.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/footer-columns.json"},{"name":"footer-simple","title":"Footer Simple","description":"A compact footer keeping the brand and one wrapped row of links on a line, copyright beneath.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/footer-simple.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/footer-simple.json"},{"name":"footer-centered","title":"Footer Centered","description":"A centred brand, tagline, and navigation above a rule carrying copyright and policy links.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/footer-centered.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/footer-centered.json"},{"name":"contact-form-basic","title":"Contact Form Basic","description":"An accessible contact form with name, email, organization, and message fields, inline validation, and confirmed submission feedback.","type":"registry:block","source_url":"https://www.payload-components.xyz/r/contact-form-basic.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/contact-form-basic.json"},{"name":"post-hero","title":"Post Hero","description":"An editorial article header with title, summary, categories, byline, date, and an optional image slot.","type":"registry:component","source_url":"https://www.payload-components.xyz/r/post-hero.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/post-hero.json"},{"name":"author-card","title":"Author Card","description":"An article author profile with optional avatar, role, biography, and profile link.","type":"registry:component","source_url":"https://www.payload-components.xyz/r/author-card.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/author-card.json"},{"name":"newsletter-callout","title":"Newsletter Callout","description":"A newsletter signup callout with a consumer-owned form endpoint.","type":"registry:component","source_url":"https://www.payload-components.xyz/r/newsletter-callout.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/newsletter-callout.json"},{"name":"related-posts","title":"Related Posts","description":"A compact end-of-post list of related articles your template selects; the current post is always excluded.","type":"registry:component","source_url":"https://www.payload-components.xyz/r/related-posts.json","install_command":"npx shadcn@latest add https://www.payload-components.xyz/r/related-posts.json"}]},{"id":"pastecn","name":"@pastecn","slug":"pastecn","description":"A pastebin service purpose-built for the shadcn/ui registry format. Paste any component, hook, lib, or multi-file block and instantly receive a registry-compatible URL usable directly with npx shadcn@latest add. Features include link expiration (1h-30d or never), optional password protection with bcrypt hashing, multi-file block support via registry:block, a REST API for programmatic creation, VS Code/Cursor extension for keyboard-shortcut sharing, and AI SDK tools for agent-driven snippet creation. Zero config, no signup required; MIT-licensed. Use for: quickly sharing custom shadcn components across projects or teams without setting up a personal registry server.","author":"rbadillap","framework":"react","license":"MIT","tags":["ai","blocks","components","forms","hooks","media"],"categories":["Hooks/utilities"],"labels":[],"urls":{"website":"https://pastecn.com","github":"https://github.com/rbadillap/pastecn","registry":"https://pastecn.com/r/registry","source":"https://pastecn.com/r/registry","page":"https://sh4dcn.netlify.app/registry/pastecn","markdown":"https://sh4dcn.netlify.app/md/pastecn.md"},"logo":"<svg width='32' height='32' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_2_12)'><mask id='mask0_2_12' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='180' height='180'><path d='M180 0H0V180H180V0Z' fill='white'/></mask><g mask='url(#mask0_2_12)'><path d='M143 0H37C16.5655 0 0 16.5655 0 37V143C0 163.435 16.5655 180 37 180H143C163.435 180 180 163.435 180 143V37C180 16.5655 163.435 0 143 0Z' fill='var(--foreground)'/><path d='M85.784 116.76C83.48 116.76 81.4747 116.077 79.768 114.712C78.1467 113.261 77.1653 110.616 76.824 106.776C76.6533 103.875 76.2693 100.675 75.672 97.176C75.16 93.6773 74.4773 90.3493 73.624 87.192C72.7707 84.0347 71.7893 81.56 70.68 79.768C70.0827 78.8293 69.4 78.1467 68.632 77.72C67.9493 77.208 66.8827 76.8667 65.432 76.696C64.4933 76.6107 63.8533 76.312 63.512 75.8C63.1707 75.288 63 74.4773 63 73.368C63 69.8693 63.9387 67.3093 65.816 65.688C67.7787 63.9813 69.9973 63.128 72.472 63.128C75.032 63.128 77.1653 63.9813 78.872 65.688C80.5787 67.3093 81.9013 69.4853 82.84 72.216C83.7787 74.9467 84.4187 77.976 84.76 81.304C85.1867 84.5467 85.4 87.832 85.4 91.16C85.4 92.5253 85.3573 93.976 85.272 95.512C85.272 96.9627 85.272 98.2 85.272 99.224C85.272 100.163 85.4427 100.888 85.784 101.4C86.2107 101.912 86.9787 102.168 88.088 102.168C89.4533 102.168 91.032 101.784 92.824 101.016C94.616 100.163 96.3653 98.968 98.072 97.432C99.864 95.896 101.315 94.104 102.424 92.056C103.619 89.9227 104.216 87.576 104.216 85.016C104.216 83.5653 103.96 82.0293 103.448 80.408C103.021 78.7867 102.296 77.4213 101.272 76.312C100.248 75.2027 99.48 74.3493 98.968 73.752C98.5413 73.0693 98.328 72.3013 98.328 71.448C98.328 69.912 99.0107 68.504 100.376 67.224C101.827 65.944 103.491 64.92 105.368 64.152C107.331 63.384 109.037 63 110.488 63C112.963 63 114.541 64.024 115.224 66.072C115.907 68.12 116.248 70.3813 116.248 72.856C116.248 77.5493 115.395 82.456 113.688 87.576C111.981 92.696 109.677 97.4747 106.776 101.912C103.875 106.349 100.589 109.933 96.92 112.664C93.336 115.395 89.624 116.76 85.784 116.76Z' fill='var(--background)'/></g></g><defs><clipPath id='clip0_2_12'><rect width='180' height='180' fill='white'/></clipPath></defs></svg>","preview_image":"https://pastecn.com/opengraph-image.jpg?opengraph-image.0z542fxordp.j.jpg?dpl=dpl_utrc7Y9S5x6GRx8B5iG8cJfuCZWm","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":138,"open_issues":2,"last_commit":"2026-03-31T02:02:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pastecn.com/r/registry","install_pnpm":"pnpm dlx shadcn@latest add https://pastecn.com/r/registry","install_bun":"bunx shadcn@latest add https://pastecn.com/r/registry","clone":"git clone https://github.com/rbadillap/pastecn.git","clone_degit":"npx degit rbadillap/pastecn","registry_fetch":"curl -s https://pastecn.com/r/registry"},"component_count":1,"components":[{"name":"ai-sdk","title":"Pastecn AI SDK Tools","description":"AI SDK tools for creating and reading pastecn snippets","type":"registry:file","source_url":"https://pastecn.com/r/ai-sdk","install_command":"npx shadcn@latest add https://pastecn.com/r/ai-sdk"}]},{"id":"paykit-sdk","name":"@paykit-sdk","slug":"paykit-sdk","description":"A unified TypeScript payments SDK and shadcn registry providing complete wiring patterns for multiple payment providers. Registry entries cover Stripe + Next.js, Stripe + Hono, and PayPal + Next.js integrations; packages include @paykit-sdk/core, @paykit-sdk/stripe, @paykit-sdk/polar, @paykit-sdk/paypal, @paykit-sdk/react (React hooks and components), and a UI components package. Aims to eliminate provider lock-in with a consistent API across Stripe, PayPal, and Polar. Free and open source (MIT), maintained by a single developer. Use for: bootstrapping checkout and billing flows across multiple payment providers from a single shadcn add command without copy-pasting provider-specific boilerplate.","author":"usepaykit","framework":"react","license":null,"tags":["ai","components","e-commerce","hooks","payments"],"categories":["E-commerce/payments"],"labels":[],"urls":{"website":"https://www.usepaykit.dev","github":"https://github.com/usepaykit/paykit-sdk","registry":"https://www.usepaykit.dev/r/registry.json","source":"https://www.usepaykit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/paykit-sdk","markdown":"https://sh4dcn.netlify.app/md/paykit-sdk.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'><path d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z' /><path d='M20 3v4' /><path d='M22 5h-4' /><path d='M4 17v2' /><path d='M5 18H3' /></svg>","preview_image":"https://usepaykit.dev/api/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-08-01T10:20:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.usepaykit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.usepaykit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.usepaykit.dev/r/registry.json","clone":"git clone https://github.com/usepaykit/paykit-sdk.git","clone_degit":"npx degit usepaykit/paykit-sdk","registry_fetch":"curl -s https://www.usepaykit.dev/r/registry.json"},"component_count":21,"components":[{"name":"stripe-nextjs","title":null,"description":"Stripe payment integration for Next.js App Router with type-safe API routes and webhook handling","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs.json"},{"name":"stripe-hono","title":null,"description":"Stripe payment integration for Hono backend with unified routes and webhook handling","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-hono.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono.json"},{"name":"stripe-express","title":null,"description":"Stripe payment integration for Express backend with unified routes and webhook handling","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-express.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express.json"},{"name":"stripe-nextjs-hooks","title":null,"description":"Stripe payment integration for Next.js App Router with React hooks","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs-hooks.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs-hooks.json"},{"name":"stripe-nextjs-prisma","title":null,"description":"Stripe payment integration for Next.js App Router with Prisma ORM","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs-prisma.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs-prisma.json"},{"name":"stripe-nextjs-drizzle","title":null,"description":"Stripe integration for Next.js with Drizzle ORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs-drizzle.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs-drizzle.json"},{"name":"stripe-nextjs-typeorm","title":null,"description":"Stripe integration for Next.js with TypeORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs-typeorm.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs-typeorm.json"},{"name":"stripe-nextjs-mongoose","title":null,"description":"Stripe integration for Next.js with Mongoose schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs-mongoose.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs-mongoose.json"},{"name":"stripe-nextjs-sequelize","title":null,"description":"Stripe integration for Next.js with Sequelize schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-nextjs-sequelize.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-nextjs-sequelize.json"},{"name":"stripe-hono-prisma","title":null,"description":"Stripe integration for Hono with Prisma ORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-hono-prisma.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono-prisma.json"},{"name":"stripe-hono-drizzle","title":null,"description":"Stripe integration for Hono with Drizzle ORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-hono-drizzle.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono-drizzle.json"},{"name":"stripe-hono-sequelize","title":null,"description":"Stripe integration for Hono with Sequelize schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-hono-sequelize.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono-sequelize.json"},{"name":"stripe-hono-mongoose","title":null,"description":"Stripe integration for Hono with Mongoose schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-hono-mongoose.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono-mongoose.json"},{"name":"stripe-hono-typeorm","title":null,"description":"Stripe integration for Hono with TypeORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-hono-typeorm.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-hono-typeorm.json"},{"name":"stripe-express-prisma","title":null,"description":"Stripe integration for Express with Prisma ORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-express-prisma.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express-prisma.json"},{"name":"stripe-express-drizzle","title":null,"description":"Stripe integration for Express with Drizzle ORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-express-drizzle.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express-drizzle.json"},{"name":"stripe-express-sequelize","title":null,"description":"Stripe integration for Express with Sequelize schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-express-sequelize.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express-sequelize.json"},{"name":"stripe-express-mongoose","title":null,"description":"Stripe integration for Express with Mongoose schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-express-mongoose.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express-mongoose.json"},{"name":"stripe-express-typeorm","title":null,"description":"Stripe integration for Express with TypeORM schemas for payments and subscriptions","type":"registry:block","source_url":"https://www.usepaykit.dev/r/stripe-express-typeorm.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/stripe-express-typeorm.json"},{"name":"paystack-nextjs","title":null,"description":"Paystack payment integration for Next.js App Router with type-safe API routes and webhook handling","type":"registry:block","source_url":"https://www.usepaykit.dev/r/paystack-nextjs.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/paystack-nextjs.json"},{"name":"paystack-hono","title":null,"description":"Paystack payment integration for Hono backend with unified routes and webhook handling","type":"registry:block","source_url":"https://www.usepaykit.dev/r/paystack-hono.json","install_command":"npx shadcn@latest add https://www.usepaykit.dev/r/paystack-hono.json"}]},{"id":"photocn","name":"@photocn","slug":"photocn","description":"The photo editor for shadcn/ui. Typed React components on a WebGL engine: adjustments, curves, filters, crop and transform, export. Add the whole editor with one command, or compose your own.","author":"rbbydotdev","framework":"react","license":"MIT","tags":["3d","developer-tools","editor","forms","media","mobile","navigation"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://photocn.dev","github":"https://github.com/rbbydotdev/photocn","registry":"https://photocn.dev/r/registry.json","source":"https://photocn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/photocn","markdown":"https://sh4dcn.netlify.app/md/photocn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='4'/><path d='m3 16 5-5 4 4 3-3 6 6'/><circle cx='15.5' cy='8.5' r='1.6' fill='var(--foreground)' stroke='none'/></svg>","preview_image":"https://photocn.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":1,"last_commit":"2026-10-07T06:34:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://photocn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://photocn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://photocn.dev/r/registry.json","clone":"git clone https://github.com/rbbydotdev/photocn.git","clone_degit":"npx degit rbbydotdev/photocn","registry_fetch":"curl -s https://photocn.dev/r/registry.json"},"component_count":27,"components":[{"name":"image-editor","title":"Image Editor","description":"The complete photo editor: toolbar, canvas, tool switcher, histogram and every panel. Drop it in and go.","type":"registry:block","source_url":"https://photocn.dev/r/image-editor.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor.json"},{"name":"image-editor-layout","title":"Layout","description":"Resizable canvas + sidebar shell with an optional top toolbar.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-layout.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-layout.json"},{"name":"image-editor-compact-layout","title":"Compact Layout","description":"Phone layout: canvas first, a bottom tool bar, and panels in a bottom sheet that keeps the photo touchable.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-compact-layout.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-compact-layout.json"},{"name":"image-editor-canvas","title":"Canvas","description":"The image stage: crop frame and perspective corners in the crop tool; zoom, blur focus, drag-and-drop and hold-to-compare everywhere else.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-canvas.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-canvas.json"},{"name":"image-editor-toolbar","title":"Toolbar","description":"Tool switcher plus undo, redo, open, reset and compare buttons.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-toolbar.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-toolbar.json"},{"name":"image-editor-histogram","title":"Histogram","description":"Live RGB histogram of the rendered image.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-histogram.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-histogram.json"},{"name":"image-editor-tool-panel","title":"Tool Panel","description":"Renders the panel for the active tool; swap or add panels per tool.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-tool-panel.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-tool-panel.json"},{"name":"image-editor-panel-header","title":"Panel Header","description":"Shared title + reset header used by the panels.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-panel-header.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-panel-header.json"},{"name":"image-editor-adjustments","title":"Adjustments","description":"Light, color and effect sliders.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-adjustments.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-adjustments.json"},{"name":"image-editor-filters","title":"Filters","description":"LUT and color-matrix presets with a strength slider.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-filters.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-filters.json"},{"name":"image-editor-curves","title":"Curves","description":"RGB and per-channel tone curves over a live histogram.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-curves.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-curves.json"},{"name":"image-editor-blur","title":"Blur","description":"Bokeh and gaussian lens blur with a draggable focus point.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-blur.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-blur.json"},{"name":"image-editor-crop","title":"Crop","description":"Quarter turns, flips, aspect ratios, straighten and perspective. Non-destructive: reopen and widen the crop any time.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-crop.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-crop.json"},{"name":"image-editor-blend","title":"Blend","description":"Blend a second image into the photo.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-blend.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-blend.json"},{"name":"image-editor-metadata","title":"Metadata","description":"File info and EXIF of the open image.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-metadata.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-metadata.json"},{"name":"image-editor-export","title":"Export Dialog","description":"Format, quality and output size; downloads or saves the result.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-export.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-export.json"},{"name":"image-editor-recipes","title":"Recipes","description":"Save a look as JSON and re-apply it to any photo.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-recipes.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-recipes.json"},{"name":"image-editor-command-menu","title":"Command Menu","description":"Cmd+K palette for tools, history and filters.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-command-menu.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-command-menu.json"},{"name":"image-editor-devtools","title":"Devtools","description":"Floating render stats for tuning the worker renderer.","type":"registry:component","source_url":"https://photocn.dev/r/image-editor-devtools.json","install_command":"npx shadcn@latest add https://photocn.dev/r/image-editor-devtools.json"},{"name":"editor","title":"Editor","description":"The full editor, filling the screen, with a ⌘K command menu.","type":"registry:block","source_url":"https://photocn.dev/r/editor.json","install_command":"npx shadcn@latest add https://photocn.dev/r/editor.json"},{"name":"editor-minimal","title":"Minimal editor","description":"Adjust, filters and crop, plus export. Nothing else.","type":"registry:block","source_url":"https://photocn.dev/r/editor-minimal.json","install_command":"npx shadcn@latest add https://photocn.dev/r/editor-minimal.json"},{"name":"editor-mobile","title":"Mobile editor","description":"Photo first, tools at the bottom, controls in a sheet.","type":"registry:block","source_url":"https://photocn.dev/r/editor-mobile.json","install_command":"npx shadcn@latest add https://photocn.dev/r/editor-mobile.json"},{"name":"avatar-cropper","title":"Avatar cropper","description":"Pick a photo, frame it in a square, save a 512px avatar.","type":"registry:block","source_url":"https://photocn.dev/r/avatar-cropper.json","install_command":"npx shadcn@latest add https://photocn.dev/r/avatar-cropper.json"},{"name":"upload-editor","title":"Upload editor","description":"Drop a photo, edit it, then upload the result.","type":"registry:block","source_url":"https://photocn.dev/r/upload-editor.json","install_command":"npx shadcn@latest add https://photocn.dev/r/upload-editor.json"},{"name":"filter-picker","title":"Filter picker","description":"A phone-style row of looks with a strength slider.","type":"registry:block","source_url":"https://photocn.dev/r/filter-picker.json","install_command":"npx shadcn@latest add https://photocn.dev/r/filter-picker.json"},{"name":"before-after","title":"Before / after","description":"Drag to compare the original with the edit.","type":"registry:block","source_url":"https://photocn.dev/r/before-after.json","install_command":"npx shadcn@latest add https://photocn.dev/r/before-after.json"},{"name":"batch-looks","title":"Batch looks","description":"Choose one look and apply it to many photos at once.","type":"registry:block","source_url":"https://photocn.dev/r/batch-looks.json","install_command":"npx shadcn@latest add https://photocn.dev/r/batch-looks.json"}]},{"id":"phucbm","name":"@phucbm","slug":"phucbm","description":"Personal component registry from developer Phuc Bui, serving custom React UI components with GSAP animations alongside the components used on phucbm.com. Built with Next.js 16, React 19, Nextra 4 for docs, Tailwind CSS v4 (CSS-first, no tailwind.config.js), and shadcn/ui. Registry source lives in registry/phucbm/ with build output to public/r/. The repository is archived with active development in a fork. Free and open source. Use for: pulling specific GSAP-animated components from a well-structured personal registry when you want working examples built against Tailwind v4 and React 19.","author":"phucbm","framework":"react","license":null,"tags":["aesthetic","animation"],"categories":["Personal/portfolio registry"],"labels":[],"urls":{"website":"https://phucbm.com/components","github":"https://github.com/phucbm/phucbm.com","registry":"https://phucbm.com/r/{name}.json","source":"https://phucbm.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/phucbm","markdown":"https://sh4dcn.netlify.app/md/phucbm.md"},"logo":"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path id='favicon-path' fill-rule='evenodd' clip-rule='evenodd' fill='#179CF9' d='M3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447ZM13.4881 6.44591C13.8882 6.55311 14.1256 6.96437 14.0184 7.36447L11.4302 17.0237C11.323 17.4238 10.9117 17.6613 10.5116 17.5541C10.1115 17.4468 9.8741 17.0356 9.98131 16.6355L12.5695 6.97624C12.6767 6.57614 13.088 6.3387 13.4881 6.44591ZM14.9697 8.46967C15.2626 8.17678 15.7374 8.17678 16.0303 8.46967L16.2387 8.67801C16.874 9.3133 17.4038 9.84308 17.7678 10.3202C18.1521 10.8238 18.4216 11.3559 18.4216 12C18.4216 12.6441 18.1521 13.1762 17.7678 13.6798C17.4038 14.1569 16.874 14.6867 16.2387 15.322L16.0303 15.5303C15.7374 15.8232 15.2626 15.8232 14.9697 15.5303C14.6768 15.2374 14.6768 14.7626 14.9697 14.4697L15.1412 14.2981C15.8229 13.6164 16.2797 13.1574 16.5753 12.7699C16.8577 12.3998 16.9216 12.1843 16.9216 12C16.9216 11.8157 16.8577 11.6002 16.5753 11.2301C16.2797 10.8426 15.8229 10.3836 15.1412 9.70191L14.9697 9.53033C14.6768 9.23744 14.6768 8.76257 14.9697 8.46967ZM7.96986 8.46967C8.26275 8.17678 8.73762 8.17678 9.03052 8.46967C9.32341 8.76257 9.32341 9.23744 9.03052 9.53033L8.85894 9.70191C8.17729 10.3836 7.72052 10.8426 7.42488 11.2301C7.14245 11.6002 7.07861 11.8157 7.07861 12C7.07861 12.1843 7.14245 12.3998 7.42488 12.7699C7.72052 13.1574 8.17729 13.6164 8.85894 14.2981L9.03052 14.4697C9.32341 14.7626 9.32341 15.2374 9.03052 15.5303C8.73762 15.8232 8.26275 15.8232 7.96986 15.5303L7.76151 15.322C7.12617 14.6867 6.59638 14.1569 6.23235 13.6798C5.84811 13.1762 5.57861 12.6441 5.57861 12C5.57861 11.3559 5.84811 10.8238 6.23235 10.3202C6.59638 9.84308 7.12617 9.31331 7.76151 8.67801L7.96986 8.46967Z'/></svg>","preview_image":"https://phucbm.com/og/oss.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":2,"last_commit":"2026-05-07T06:20:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/phucbm/phucbm.com.git","clone_degit":"npx degit phucbm/phucbm.com","registry_fetch":"curl -s https://phucbm.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"pipecat","name":"@pipecat","slug":"pipecat","description":"Components, hooks, visualizers, and composable blocks for Pipecat and voice AI.","author":"pipecat-ai","framework":"react","license":"BSD-2-Clause","tags":["ai","audio","auth","blocks","buttons","cards","forms","hooks","media"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://ui.pipecat.ai","github":"https://github.com/pipecat-ai/pipecat-ui","registry":"https://ui.pipecat.ai/r/registry.json","source":"https://ui.pipecat.ai/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pipecat","markdown":"https://sh4dcn.netlify.app/md/pipecat.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'><rect width='600' height='600' fill='var(--foreground)'/><path d='M0 190H245V275H0zM0 360H245V445H0z' fill='var(--background)'/><circle cx='422.5' cy='220.5' r='75.5' fill='var(--background)'/></svg>","preview_image":"https://ui.pipecat.ai/opengraph-image?a8ad784b946408c5","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":13,"open_issues":6,"last_commit":"2026-10-24T02:37:06Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.pipecat.ai/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.pipecat.ai/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.pipecat.ai/r/registry.json","clone":"git clone https://github.com/pipecat-ai/pipecat-ui.git","clone_degit":"npx degit pipecat-ai/pipecat-ui","registry_fetch":"curl -s https://ui.pipecat.ai/r/registry.json"},"component_count":22,"components":[{"name":"connect-button","title":"Connect Button","description":"One button for the whole session lifecycle, driven by the Pipecat transport state. Every state's label, icon, style, and action can be overridden sparsely.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/connect-button.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/connect-button.json"},{"name":"audio-visualizer-bar","title":"Audio Visualizer Bar","description":"Canvas-2D audio spectrum visualizer with mel-scale bands and the shared visualizer lifecycle states (connecting, silent, speaking, thinking). Headless view for…","type":"registry:component","source_url":"https://ui.pipecat.ai/r/audio-visualizer-bar.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/audio-visualizer-bar.json"},{"name":"audio-visualizer-radial","title":"Audio Visualizer Radial","description":"Canvas-2D radial audio visualizer: a ring of spokes growing outward with mel-scale voice bands, sharing the kit visualizer lifecycle states (connecting, silent…","type":"registry:component","source_url":"https://ui.pipecat.ai/r/audio-visualizer-radial.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/audio-visualizer-radial.json"},{"name":"audio-visualizer-wave","title":"Audio Visualizer Wave","description":"Shader aura audio visualizer with optional dithering: swirling ribbons of turbulent light that animate between the shared visualizer lifecycle states (connecti…","type":"registry:component","source_url":"https://ui.pipecat.ai/r/audio-visualizer-wave.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/audio-visualizer-wave.json"},{"name":"duplex-timeline","title":"Duplex Timeline","description":"Scrolling agent and user waveforms on one clock, colored by what the audio was: speech, backchannels, and interruptions where the user talks over the bot. Dash…","type":"registry:component","source_url":"https://ui.pipecat.ai/r/duplex-timeline.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/duplex-timeline.json"},{"name":"device-select","title":"Device Select","description":"Media device picker for microphones, speakers, or cameras — as a select or a dropdown menu around any trigger.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/device-select.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/device-select.json"},{"name":"user-audio-control","title":"User Audio Control","description":"Microphone control with toggle and push-to-talk modes, live audio visualizer, and a mic/speaker device picker in a split-button dropdown.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/user-audio-control.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/user-audio-control.json"},{"name":"user-video-control","title":"User Video Control","description":"Camera toggle with preview tile and camera picker in a split-button dropdown.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/user-video-control.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/user-video-control.json"},{"name":"user-screen-control","title":"User Screen Control","description":"Screen-share toggle with a preview tile while sharing.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/user-screen-control.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/user-screen-control.json"},{"name":"bot-audio","title":"Bot Audio","description":"Bot audio output element with a shared volume store, mute toggle, horizontal or vertical volume slider, and a popover volume control.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/bot-audio.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/bot-audio.json"},{"name":"conversation","title":"Conversation","description":"Live scrolling transcript of the user/agent conversation with role labels, karaoke text rendering, function-call cards, and connection-aware empty states.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/conversation.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/conversation.json"},{"name":"text-input","title":"Text Input","description":"Message composer with inline send button that injects the message into the conversation and sends it to the bot.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/text-input.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/text-input.json"},{"name":"transcript-overlay","title":"Transcript Overlay","description":"Caption-style overlay for bot speech with word-by-word fade-in and turn-end fade-out.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/transcript-overlay.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/transcript-overlay.json"},{"name":"client-status","title":"Client Status","description":"Client and agent connection status rows, live-updated from transport state and bot lifecycle events.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/client-status.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/client-status.json"},{"name":"session-info","title":"Session Info","description":"Session metadata rows: transport type, copyable ids, RTVI client/server versions.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/session-info.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/session-info.json"},{"name":"dtmf-keypad","title":"DTMF Keypad","description":"Telephone keypad that sends DTMF tones — buffered sequence entry or immediate per-key dialing, with synthesized press feedback.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/dtmf-keypad.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/dtmf-keypad.json"},{"name":"use-pipecat-app","title":"usePipecatApp","description":"Client bootstrap hook with an explicit transport factory, connect/disconnect lifecycle, startBot handling and error state.","type":"registry:hook","source_url":"https://ui.pipecat.ai/r/use-pipecat-app.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/use-pipecat-app.json"},{"name":"use-pipecat-metrics","title":"usePipecatMetrics","description":"Shared store of RTVI metrics: per-processor ttfb/ttfa/processing/characters/stt_usage series with a rolling cap, running token totals (incl. cache-read and rea…","type":"registry:hook","source_url":"https://ui.pipecat.ai/r/use-pipecat-metrics.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/use-pipecat-metrics.json"},{"name":"use-pipecat-event-stream","title":"usePipecatEventStream","description":"Shared RTVI event log: rAF-batched capture with a rolling cap, pause, clear-on-reconnect, and per-subscriber filtering and grouping.","type":"registry:hook","source_url":"https://ui.pipecat.ai/r/use-pipecat-event-stream.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/use-pipecat-event-stream.json"},{"name":"metric","title":"Metric","description":"Single-datapoint metric tile — label, big tabular value, optional unit — fully generic and props-driven, chart-free by design.","type":"registry:component","source_url":"https://ui.pipecat.ai/r/metric.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/metric.json"},{"name":"metrics","title":"Metrics","description":"Metrics dashboard block with a Performance/Usage tab navigator: per-processor latency tiles and charts, plus running token/character/audio usage totals, on the…","type":"registry:block","source_url":"https://ui.pipecat.ai/r/metrics.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/metrics.json"},{"name":"console","title":"Console","description":"Workbench for debugging and testing Pipecat agents: connect flow, bot media, conversation and metrics, device and session info, and a live RTVI event stream, w…","type":"registry:block","source_url":"https://ui.pipecat.ai/r/console.json","install_command":"npx shadcn@latest add https://ui.pipecat.ai/r/console.json"}]},{"id":"pixel-openspace","name":"@pixel-openspace","slug":"pixel-openspace","description":"A pixel-art open space where your scheduled jobs and AI agents come to work: running jobs sit and type, failed ones smoke.","author":"leduss","framework":"react","license":"MIT","tags":["ai","retro"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://pixel-openspace.vercel.app","github":"https://github.com/leduss/pixel-openspace","registry":"https://pixel-openspace.vercel.app/r/registry.json","source":"https://pixel-openspace.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pixel-openspace","markdown":"https://sh4dcn.netlify.app/md/pixel-openspace.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--foreground)' shape-rendering='crispEdges'><path fill-rule='evenodd' d='M2 1h12v8H2zM3 2v6h10V2z'/><path d='M4 3h5v1H4zM5 5h4v1H5zM4 7h2v1H4zM7 9h2v2H7zM0 11h16v2H0zM1 13h2v3H1zM13 13h2v3h-2z'/></svg>","preview_image":"https://pixel-openspace.vercel.app/opengraph-image.png?opengraph-image.1wzbfcwgsi1l4.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":6,"last_commit":"2026-10-17T21:28:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pixel-openspace.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pixel-openspace.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://pixel-openspace.vercel.app/r/registry.json","clone":"git clone https://github.com/leduss/pixel-openspace.git","clone_degit":"npx degit leduss/pixel-openspace","registry_fetch":"curl -s https://pixel-openspace.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"pixel-openspace","title":"Pixel Openspace","description":"A pixel-art open space where your scheduled jobs and AI agents come to work: they sit and type while running, wander to the coffee machine when idle, and their…","type":"registry:block","source_url":"https://pixel-openspace.vercel.app/r/pixel-openspace.json","install_command":"npx shadcn@latest add https://pixel-openspace.vercel.app/r/pixel-openspace.json"}]},{"id":"pixelact-ui","name":"@pixelact-ui","slug":"pixelact-ui","description":"A pixel-art-styled React component library built on top of shadcn/ui, applying a retro 8-bit aesthetic via Tailwind CSS to standard shadcn primitives. Components install individually via the shadcn CLI to components/ui/pixelact-ui/ and include Button (with retro variant), Input, Dialog, and other standard shadcn-equivalent components reimagined with pixel borders and blocky aesthetics. TypeScript and fully customizable. Free and open source. Use for: games, retro-themed web apps, or developer portfolios that need a consistent pixel-art UI layer on top of the familiar shadcn/ui primitive set.","author":"pixelact-ui","framework":"react","license":"MIT","tags":["accessibility","aesthetic","blocks","buttons","cards","design-system","forms","gaming","hooks","loaders","media","mobile","navigation","overlays","pro-available","retro","theming"],"categories":["Niche/single-purpose"],"labels":["pro"],"urls":{"website":"https://pixelactui.com","github":"https://github.com/pixelact-ui/pixelact-ui","registry":"https://pixelactui.com/r/registry.json","source":"https://pixelactui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pixelact-ui","markdown":"https://sh4dcn.netlify.app/md/pixelact-ui.md"},"logo":"<svg width='142' height='183' viewBox='0 0 142 183' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15.2064 180.083L42.174 153.149L69.5072 125.849L69.862 125.494L70.3635 125.483L78.0303 125.317H78.0312C85.7118 125.157 88.5765 124.815 94.003 123.399L94.5365 123.258L94.5395 123.257C103.166 120.989 113.098 115.162 120.204 108.182L120.54 107.849L120.541 107.848C135.619 92.8027 141.526 73.2859 137.398 51.9169L137.298 51.4119C135.855 44.2949 132.025 35.3652 127.809 29.3779L127.608 29.0949L127.607 29.0937C124.909 25.3219 119.092 19.2102 115.617 16.4485C105.997 8.98633 94.9963 4.66338 82.8733 3.62622L82.295 3.57934L82.292 3.5791C79.8227 3.38418 62.0647 3.24976 39.8237 3.24976H2.80725V147.144L14.7057 135.217L28.405 121.518L28.2073 76.3719L28.0073 30.6719L28.0018 29.4162H53.9905C80.7573 29.4162 82.1783 29.4669 87.8193 31.3472L87.8218 31.3479L87.8238 31.3487C93.027 33.1059 97.0828 35.5327 101.114 39.3222L101.115 39.3234L101.116 39.3247C105.58 43.5467 108.758 48.7357 110.652 54.8639L110.653 54.8684C111.077 56.2607 111.331 57.1967 111.464 58.5802C111.592 59.9097 111.607 61.6499 111.607 64.6592C111.639 70.1252 111.588 71.4352 110.957 73.6892L110.823 74.1542C107.224 86.6017 97.5303 95.6487 84.5165 98.7817L84.51 98.7832L84.503 98.7847L84.3335 98.8217C82.6505 99.1737 79.6405 99.3334 73.387 99.4574L72.0462 99.4829H72.0448L62.5187 99.6412L48.7433 113.481C42.919 119.356 33.8113 128.513 25.8964 136.478L18.5446 143.88L18.5429 143.882L2.80725 159.683V180.083H15.2064Z' fill='white' stroke='black' stroke-width='5'/></svg>","preview_image":"https://pixelactui.com/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pixelactui.com/pricing"},"metrics":{"github_stars":116,"open_issues":2,"last_commit":"2026-07-29T13:35:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pixelactui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pixelactui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://pixelactui.com/r/registry.json","clone":"git clone https://github.com/pixelact-ui/pixelact-ui.git","clone_degit":"npx degit pixelact-ui/pixelact-ui","registry_fetch":"curl -s https://pixelactui.com/r/registry.json"},"component_count":28,"components":[{"name":"accordion","title":"Pixelact Accordion","description":"A simple accordion component.","type":"registry:component","source_url":"https://pixelactui.com/r/accordion.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/accordion.json"},{"name":"alert","title":"Pixelact Alert","description":"A simple alert component.","type":"registry:component","source_url":"https://pixelactui.com/r/alert.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/alert.json"},{"name":"alert-dialog","title":"Pixelact Alert Dialog","description":"A simple alert dialog component.","type":"registry:component","source_url":"https://pixelactui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/alert-dialog.json"},{"name":"avatar","title":"Pixelact Avatar","description":"A simple avatar component.","type":"registry:component","source_url":"https://pixelactui.com/r/avatar.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/avatar.json"},{"name":"badge","title":"Pixelact Badge","description":"A simple badge component.","type":"registry:component","source_url":"https://pixelactui.com/r/badge.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/badge.json"},{"name":"breadcrumb","title":"Pixelact Breadcrumb","description":"A simple breadcrumb component.","type":"registry:component","source_url":"https://pixelactui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/breadcrumb.json"},{"name":"button","title":"Pixelact Button","description":"A simple button component.","type":"registry:component","source_url":"https://pixelactui.com/r/button.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/button.json"},{"name":"calendar","title":"Pixelact Calendar","description":"A simple calendar component.","type":"registry:component","source_url":"https://pixelactui.com/r/calendar.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/calendar.json"},{"name":"card","title":"Pixelact Card","description":"A simple card component.","type":"registry:component","source_url":"https://pixelactui.com/r/card.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/card.json"},{"name":"carousel","title":"Pixelact Carousel","description":"A simple carousel component.","type":"registry:component","source_url":"https://pixelactui.com/r/carousel.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/carousel.json"},{"name":"checkbox","title":"Pixelact Checkbox","description":"A simple checkbox component.","type":"registry:component","source_url":"https://pixelactui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/checkbox.json"},{"name":"collapsible","title":"Pixelact Collapsible","description":"A simple collapsible component.","type":"registry:component","source_url":"https://pixelactui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/collapsible.json"},{"name":"dialog","title":"Pixelact Dialog","description":"A simple dialog component.","type":"registry:component","source_url":"https://pixelactui.com/r/dialog.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/dialog.json"},{"name":"input","title":"Pixelact Input","description":"A simple input component.","type":"registry:component","source_url":"https://pixelactui.com/r/input.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/input.json"},{"name":"textarea","title":"Pixelact Textarea","description":"A simple textarea component.","type":"registry:component","source_url":"https://pixelactui.com/r/textarea.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/textarea.json"},{"name":"label","title":"Pixelact Label","description":"A simple label component.","type":"registry:component","source_url":"https://pixelactui.com/r/label.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/label.json"},{"name":"popover","title":"Pixelact Popover","description":"A simple popover component.","type":"registry:component","source_url":"https://pixelactui.com/r/popover.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/popover.json"},{"name":"select","title":"Pixelact Select","description":"A simple select component.","type":"registry:component","source_url":"https://pixelactui.com/r/select.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/select.json"},{"name":"command","title":"Pixelact Command","description":"A simple command component.","type":"registry:component","source_url":"https://pixelactui.com/r/command.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/command.json"},{"name":"context-menu","title":"Pixelact Context Menu","description":"A simple context menu component.","type":"registry:component","source_url":"https://pixelactui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/context-menu.json"},{"name":"hover-card","title":"Pixelact Hover Card","description":"A simple hover card component.","type":"registry:component","source_url":"https://pixelactui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/hover-card.json"},{"name":"tooltip","title":"Pixelact Tooltip","description":"A simple tooltip component.","type":"registry:component","source_url":"https://pixelactui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/tooltip.json"},{"name":"menubar","title":"Pixelact Menubar","description":"A simple menubar component.","type":"registry:component","source_url":"https://pixelactui.com/r/menubar.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/menubar.json"},{"name":"spinner","title":"Pixelact Spinner","description":"A simple spinner component.","type":"registry:component","source_url":"https://pixelactui.com/r/spinner.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/spinner.json"},{"name":"toast","title":"Pixelact Toast","description":"A simple toast component.","type":"registry:component","source_url":"https://pixelactui.com/r/toast.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/toast.json"},{"name":"drawer","title":"Pixelact Drawer","description":"A pixel art styled drawer component built on top of vaul Drawer.","type":"registry:component","source_url":"https://pixelactui.com/r/drawer.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/drawer.json"},{"name":"empty","title":"Pixelact Empty","description":"A pixel art styled empty state component.","type":"registry:component","source_url":"https://pixelactui.com/r/empty.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/empty.json"},{"name":"kbd","title":"Pixelact Kbd","description":"A pixel art styled keyboard key component.","type":"registry:component","source_url":"https://pixelactui.com/r/kbd.json","install_command":"npx shadcn@latest add https://pixelactui.com/r/kbd.json"}]},{"id":"plate","name":"@plate","slug":"plate","description":"Plate is a React framework for building AI-powered rich-text editors built on Slate and Slate-React. The shadcn registry (325 items) delivers Plate UI: copyable toolbar components (fixed, floating, AI menu), block draggable, cursor overlay, inline combobox, caption, comment/suggestion toolbars, media upload, ghost text, and full editor kits. Headless @platejs/* plugins cover formatting, serialization, collaboration (Yjs/Loro), AI completions, and more. Tailwind v3/v4 compatible, Radix UI-based. Free and open-source (MIT, 16k+ GitHub stars); a paid Notion-like Potion template is offered separately via pro.platejs.org. Use for: embedding a fully featured, extensible rich-text editor (with AI, comments, or collaborative editing) into a React or Next.js app.","author":"udecode","framework":"react","license":null,"tags":["ai","audio","blocks","buttons","cards","charts","editor","forms","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Editor (rich text/code)"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://platejs.org","github":"https://github.com/udecode/plate","registry":"https://platejs.org/r/registry.json","source":"https://platejs.org/r/registry.json","page":"https://sh4dcn.netlify.app/registry/plate","markdown":"https://sh4dcn.netlify.app/md/plate.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-minus-icon lucide-minus'><path d='M5 12h14'/></svg>","preview_image":"https://platejs.org/og?title=Build%20your%20rich-text%20editor&amp;description=A%20set%20of%20beautifully-designed%2C%20customizable%20plugins%20and%20components%20to%20help%20you%20build%20your%20rich-text%20editor.%20Open%20Source.","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.platejs.org/"},"metrics":{"github_stars":16674,"open_issues":108,"last_commit":"2026-10-27T06:28:03Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://platejs.org/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://platejs.org/r/registry.json","install_bun":"bunx shadcn@latest add https://platejs.org/r/registry.json","clone":"git clone https://github.com/udecode/plate.git","clone_degit":"npx degit udecode/plate","registry_fetch":"curl -s https://platejs.org/r/registry.json"},"component_count":250,"components":[{"name":"plate","title":null,"description":"Install Plate package","type":"registry:lib","source_url":"https://platejs.org/r/plate.json","install_command":"npx shadcn@latest add https://platejs.org/r/plate.json"},{"name":"plate-ui","title":null,"description":"Install Plate package and styles","type":"registry:style","source_url":"https://platejs.org/r/plate-ui.json","install_command":"npx shadcn@latest add https://platejs.org/r/plate-ui.json"},{"name":"ai-menu","title":"AI Menu","description":"A menu for AI-powered content generation and insertion.","type":"registry:ui","source_url":"https://platejs.org/r/ai-menu.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-menu.json"},{"name":"ai-toolbar-button","title":"AI Toolbar Button","description":"A toolbar button for accessing AI features.","type":"registry:ui","source_url":"https://platejs.org/r/ai-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-toolbar-button.json"},{"name":"align-toolbar-button","title":"Align Toolbar Button","description":"A dropdown menu for text alignment controls.","type":"registry:ui","source_url":"https://platejs.org/r/align-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/align-toolbar-button.json"},{"name":"block-context-menu","title":"Block Context Menu","description":"A context menu for block-level operations.","type":"registry:ui","source_url":"https://platejs.org/r/block-context-menu.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-context-menu.json"},{"name":"block-selection","title":"Block Selection","description":"A visual overlay for selected blocks.","type":"registry:ui","source_url":"https://platejs.org/r/block-selection.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-selection.json"},{"name":"import-toolbar-button","title":"Import Toolbar Button","description":"A toolbar button to import editor content from a file.","type":"registry:ui","source_url":"https://platejs.org/r/import-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/import-toolbar-button.json"},{"name":"export-toolbar-button","title":"Export Toolbar Button","description":"A toolbar button for exporting editor content in various formats (HTML, PDF, Image, Markdown).","type":"registry:ui","source_url":"https://platejs.org/r/export-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/export-toolbar-button.json"},{"name":"caption","title":"Caption","description":"A text field for adding captions to media elements.","type":"registry:ui","source_url":"https://platejs.org/r/caption.json","install_command":"npx shadcn@latest add https://platejs.org/r/caption.json"},{"name":"font-color-toolbar-button","title":"Font Color Toolbar Button","description":"A color picker toolbar button with text and background color controls.","type":"registry:ui","source_url":"https://platejs.org/r/font-color-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/font-color-toolbar-button.json"},{"name":"comment-toolbar-button","title":"Comment Toolbar Button","description":"A toolbar button for adding inline comments.","type":"registry:ui","source_url":"https://platejs.org/r/comment-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-toolbar-button.json"},{"name":"block-suggestion","title":"Block Suggestion","description":null,"type":"registry:ui","source_url":"https://platejs.org/r/block-suggestion.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-suggestion.json"},{"name":"block-discussion","title":"Block Discussion","description":"A popover interface for managing discussions: comments, replies, suggestions.","type":"registry:ui","source_url":"https://platejs.org/r/block-discussion.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-discussion.json"},{"name":"cursor-overlay","title":"Cursor Overlay","description":"A visual overlay for cursors and selections.","type":"registry:ui","source_url":"https://platejs.org/r/cursor-overlay.json","install_command":"npx shadcn@latest add https://platejs.org/r/cursor-overlay.json"},{"name":"block-draggable","title":"Block Draggable","description":"A block wrapper with a drag handle for moving editor blocks.","type":"registry:ui","source_url":"https://platejs.org/r/block-draggable.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-draggable.json"},{"name":"editor","title":"Editor","description":"A container for the editor content and styling.","type":"registry:ui","source_url":"https://platejs.org/r/editor.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor.json"},{"name":"select-editor","title":"Select Editor","description":"An editor to select tags.","type":"registry:ui","source_url":"https://platejs.org/r/select-editor.json","install_command":"npx shadcn@latest add https://platejs.org/r/select-editor.json"},{"name":"emoji-toolbar-button","title":"Emoji Toolbar Button","description":"An emoji picker toolbar button.","type":"registry:ui","source_url":"https://platejs.org/r/emoji-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-toolbar-button.json"},{"name":"fixed-toolbar-buttons","title":"Fixed Toolbar Buttons","description":"A set of commonly used formatting buttons.","type":"registry:ui","source_url":"https://platejs.org/r/fixed-toolbar-buttons.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar-buttons.json"},{"name":"fixed-toolbar-classic-buttons","title":"Fixed Toolbar List Buttons","description":null,"type":"registry:ui","source_url":"https://platejs.org/r/fixed-toolbar-classic-buttons.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar-classic-buttons.json"},{"name":"fixed-toolbar","title":"Fixed Toolbar","description":"A fixed toolbar that stays at the top of the editor.","type":"registry:ui","source_url":"https://platejs.org/r/fixed-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar.json"},{"name":"floating-toolbar-buttons","title":"Floating Toolbar Buttons","description":"A set of formatting buttons for the floating toolbar.","type":"registry:ui","source_url":"https://platejs.org/r/floating-toolbar-buttons.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar-buttons.json"},{"name":"floating-toolbar-classic-buttons","title":"Floating Toolbar Classic Buttons","description":"A set of commonly used formatting buttons for the floating toolbar with classic list support.","type":"registry:ui","source_url":"https://platejs.org/r/floating-toolbar-classic-buttons.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar-classic-buttons.json"},{"name":"floating-toolbar","title":"Floating Toolbar","description":"A contextual toolbar that appears over selected text.","type":"registry:ui","source_url":"https://platejs.org/r/floating-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar.json"},{"name":"ghost-text","title":"Ghost Text","description":"A text suggestion system that displays AI-generated content after the cursor.","type":"registry:ui","source_url":"https://platejs.org/r/ghost-text.json","install_command":"npx shadcn@latest add https://platejs.org/r/ghost-text.json"},{"name":"history-toolbar-button","title":"History Toolbar Button","description":"Toolbar buttons for undo and redo operations.","type":"registry:ui","source_url":"https://platejs.org/r/history-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/history-toolbar-button.json"},{"name":"list-toolbar-button","title":"List Toolbar Button","description":"A toolbar control for adjusting list indentation.","type":"registry:ui","source_url":"https://platejs.org/r/list-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-toolbar-button.json"},{"name":"indent-toolbar-button","title":"Indent Toolbar Buttons","description":"Toolbar controls for block indentation.","type":"registry:ui","source_url":"https://platejs.org/r/indent-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/indent-toolbar-button.json"},{"name":"inline-combobox","title":"Inline Combobox","description":"A combobox for inline suggestions.","type":"registry:ui","source_url":"https://platejs.org/r/inline-combobox.json","install_command":"npx shadcn@latest add https://platejs.org/r/inline-combobox.json"},{"name":"insert-toolbar-button","title":"Insert Toolbar Button","description":"A menu for inserting different types of blocks.","type":"registry:ui","source_url":"https://platejs.org/r/insert-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/insert-toolbar-button.json"},{"name":"insert-toolbar-classic-button","title":"Insert Toolbar Classic Button","description":"A menu for inserting different types of blocks with classic list support.","type":"registry:ui","source_url":"https://platejs.org/r/insert-toolbar-classic-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/insert-toolbar-classic-button.json"},{"name":"line-height-toolbar-button","title":"Line Height Toolbar Button","description":"A menu for controlling text line spacing.","type":"registry:ui","source_url":"https://platejs.org/r/line-height-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/line-height-toolbar-button.json"},{"name":"link-toolbar","title":"Link Floating Toolbar","description":"A floating interface for link editing.","type":"registry:ui","source_url":"https://platejs.org/r/link-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-toolbar.json"},{"name":"link-toolbar-button","title":"Link Toolbar Button","description":"A toolbar control for link management.","type":"registry:ui","source_url":"https://platejs.org/r/link-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-toolbar-button.json"},{"name":"list-classic-toolbar-button","title":"List Toolbar Buttons","description":"Toolbar controls for list creation and management.","type":"registry:ui","source_url":"https://platejs.org/r/list-classic-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-toolbar-button.json"},{"name":"mark-toolbar-button","title":"Mark Toolbar Button","description":"A toolbar control for basic text formatting.","type":"registry:ui","source_url":"https://platejs.org/r/mark-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/mark-toolbar-button.json"},{"name":"media-toolbar","title":"Media Toolbar","description":"A toolbar interface for media settings.","type":"registry:ui","source_url":"https://platejs.org/r/media-toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-toolbar.json"},{"name":"media-toolbar-button","title":"Media Toolbar Button","description":"Toolbar button for inserting and managing media.","type":"registry:ui","source_url":"https://platejs.org/r/media-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-toolbar-button.json"},{"name":"media-upload-toast","title":"Media Upload Toast","description":"Show toast notifications for media uploads.","type":"registry:ui","source_url":"https://platejs.org/r/media-upload-toast.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-upload-toast.json"},{"name":"mode-toolbar-button","title":"Mode Toolbar Button","description":"A menu for switching between editor modes.","type":"registry:ui","source_url":"https://platejs.org/r/mode-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/mode-toolbar-button.json"},{"name":"more-toolbar-button","title":"More Toolbar Button","description":"A menu for additional text formatting options.","type":"registry:ui","source_url":"https://platejs.org/r/more-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/more-toolbar-button.json"},{"name":"resize-handle","title":"Resize Handle","description":"A resizable wrapper with resize handles.","type":"registry:ui","source_url":"https://platejs.org/r/resize-handle.json","install_command":"npx shadcn@latest add https://platejs.org/r/resize-handle.json"},{"name":"table-toolbar-button","title":"Table Toolbar Button","description":"A menu for table manipulation and formatting.","type":"registry:ui","source_url":"https://platejs.org/r/table-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-toolbar-button.json"},{"name":"toggle-toolbar-button","title":"Toggle Toolbar Button","description":"A toolbar button for expanding and collapsing blocks.","type":"registry:ui","source_url":"https://platejs.org/r/toggle-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-toolbar-button.json"},{"name":"turn-into-toolbar-button","title":"Turn Into Toolbar Button","description":"A menu for converting between different block types.","type":"registry:ui","source_url":"https://platejs.org/r/turn-into-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/turn-into-toolbar-button.json"},{"name":"turn-into-toolbar-classic-button","title":"Turn Into Toolbar Classic Button","description":"A dropdown to convert block types with classic list support.","type":"registry:ui","source_url":"https://platejs.org/r/turn-into-toolbar-classic-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/turn-into-toolbar-classic-button.json"},{"name":"remote-cursor-overlay","title":"Remote Cursor Overlay","description":"A cursor overlay to display multiplayer cursors in the yjs plugin.","type":"registry:ui","source_url":"https://platejs.org/r/remote-cursor-overlay.json","install_command":"npx shadcn@latest add https://platejs.org/r/remote-cursor-overlay.json"},{"name":"toolbar","title":"Toolbar","description":"A customizable toolbar component with various button styles and group","type":"registry:ui","source_url":"https://platejs.org/r/toolbar.json","install_command":"npx shadcn@latest add https://platejs.org/r/toolbar.json"},{"name":"suggestion-toolbar-button","title":"Suggestion Toolbar Button","description":"A toolbar button for toggling suggestion mode in the editor.","type":"registry:ui","source_url":"https://platejs.org/r/suggestion-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-toolbar-button.json"},{"name":"ai-node","title":"AI Leaf","description":"A text highlighter for AI-generated content.","type":"registry:ui","source_url":"https://platejs.org/r/ai-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-node.json"},{"name":"block-list","title":"List","description":"List components.","type":"registry:ui","source_url":"https://platejs.org/r/block-list.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-list.json"},{"name":"blockquote-node","title":"Blockquote Element","description":"A quote component for block quotes.","type":"registry:ui","source_url":"https://platejs.org/r/blockquote-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/blockquote-node.json"},{"name":"callout-node","title":null,"description":"A callout component for highlighting important information with customizable icons and styles.","type":"registry:ui","source_url":"https://platejs.org/r/callout-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-node.json"},{"name":"code-block-node","title":"Code Block Nodes","description":"A code block with syntax highlighting and language selection.","type":"registry:ui","source_url":"https://platejs.org/r/code-block-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-node.json"},{"name":"code-drawing-node","title":"Code Drawing Node","description":"Create diagrams from code using PlantUML, Graphviz, Flowchart, or Mermaid.","type":"registry:ui","source_url":"https://platejs.org/r/code-drawing-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-node.json"},{"name":"code-node","title":"Code Leaf","description":"An inline component for code snippets.","type":"registry:ui","source_url":"https://platejs.org/r/code-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-node.json"},{"name":"column-node","title":"Column Nodes","description":"Resizable column components for layout.","type":"registry:ui","source_url":"https://platejs.org/r/column-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-node.json"},{"name":"comment-node","title":"Comment Leaf","description":"A text component for displaying comments with visual indicators.","type":"registry:ui","source_url":"https://platejs.org/r/comment-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-node.json"},{"name":"suggestion-node","title":"Suggestion Leaf","description":"A text component for suggestion.","type":"registry:ui","source_url":"https://platejs.org/r/suggestion-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-node.json"},{"name":"date-node","title":"Date Element","description":"A date field component with calendar picker.","type":"registry:ui","source_url":"https://platejs.org/r/date-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-node.json"},{"name":"equation-node","title":"Equation Element","description":"Displays a LaTeX equation element with an editable popover for inputting and rendering mathematical expressions.","type":"registry:ui","source_url":"https://platejs.org/r/equation-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/equation-node.json"},{"name":"equation-toolbar-button","title":"Equation Toolbar Button","description":"A toolbar button for inserting and editing equations.","type":"registry:ui","source_url":"https://platejs.org/r/equation-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/equation-toolbar-button.json"},{"name":"emoji-node","title":"Emoji Input Element","description":"An input component for emoji search and insertion.","type":"registry:ui","source_url":"https://platejs.org/r/emoji-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-node.json"},{"name":"excalidraw-node","title":"Excalidraw Element","description":"A drawing component powered by Excalidraw.","type":"registry:ui","source_url":"https://platejs.org/r/excalidraw-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/excalidraw-node.json"},{"name":"font-size-toolbar-button","title":"Font Size Toolbar Button","description":"A toolbar control for adjusting font size.","type":"registry:ui","source_url":"https://platejs.org/r/font-size-toolbar-button.json","install_command":"npx shadcn@latest add https://platejs.org/r/font-size-toolbar-button.json"},{"name":"footnote-node","title":"Footnote Elements","description":"Inline footnote references, definitions, and input UI.","type":"registry:ui","source_url":"https://platejs.org/r/footnote-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-node.json"},{"name":"heading-node","title":"Heading Element","description":"A heading with multiple level support.","type":"registry:ui","source_url":"https://platejs.org/r/heading-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/heading-node.json"},{"name":"highlight-node","title":"Highlight Leaf","description":"A text highlighter with customizable colors.","type":"registry:ui","source_url":"https://platejs.org/r/highlight-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/highlight-node.json"},{"name":"hr-node","title":"Horizontal Rule Element","description":"A horizontal rule component with focus states.","type":"registry:ui","source_url":"https://platejs.org/r/hr-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/hr-node.json"},{"name":"media-image-node","title":"Image Element","description":"Image element with lazy loading, resizing capabilities, and optional caption.","type":"registry:ui","source_url":"https://platejs.org/r/media-image-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-image-node.json"},{"name":"media-preview-dialog","title":"Media Preview Dialog","description":"A modal component for previewing and manipulating images.","type":"registry:ui","source_url":"https://platejs.org/r/media-preview-dialog.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-preview-dialog.json"},{"name":"kbd-node","title":"Keyboard Input Leaf","description":"A component for styling keyboard shortcuts.","type":"registry:ui","source_url":"https://platejs.org/r/kbd-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/kbd-node.json"},{"name":"link-node","title":"Link Element","description":"A component for rendering hyperlinks with hover states.","type":"registry:ui","source_url":"https://platejs.org/r/link-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-node.json"},{"name":"list-classic-node","title":"List Nodes","description":"List (classic) nodes for ordered and unordered items.","type":"registry:ui","source_url":"https://platejs.org/r/list-classic-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-node.json"},{"name":"media-audio-node","title":"Media Audio Element","description":"An audio player component with caption support.","type":"registry:ui","source_url":"https://platejs.org/r/media-audio-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-audio-node.json"},{"name":"media-embed-node","title":"Media Embed Element","description":"A component for embedded media content with resizing and caption support.","type":"registry:ui","source_url":"https://platejs.org/r/media-embed-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-embed-node.json"},{"name":"media-file-node","title":"Media File Element","description":"A file attachment component with download capability and caption.","type":"registry:ui","source_url":"https://platejs.org/r/media-file-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-file-node.json"},{"name":"media-placeholder-node","title":"Media Placeholder Element","description":"A placeholder for media upload progress indication.","type":"registry:ui","source_url":"https://platejs.org/r/media-placeholder-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-placeholder-node.json"},{"name":"media-video-node","title":"Media Video Element","description":"A video player component with YouTube and file upload support.","type":"registry:ui","source_url":"https://platejs.org/r/media-video-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-video-node.json"},{"name":"mention-node","title":"Mention Nodes","description":"A mention element with customizable prefix and label, powered by a combobox.","type":"registry:ui","source_url":"https://platejs.org/r/mention-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-node.json"},{"name":"paragraph-node","title":"Paragraph Element","description":"A paragraph block with background color support.","type":"registry:ui","source_url":"https://platejs.org/r/paragraph-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/paragraph-node.json"},{"name":"search-highlight-node","title":"Search Highlight Leaf","description":"A component that highlights search results in text.","type":"registry:ui","source_url":"https://platejs.org/r/search-highlight-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/search-highlight-node.json"},{"name":"slash-node","title":"Slash Input Element","description":"A command input component for inserting various elements.","type":"registry:ui","source_url":"https://platejs.org/r/slash-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/slash-node.json"},{"name":"table-node","title":"Table Element","description":"A table component with floating toolbar and border customization.","type":"registry:ui","source_url":"https://platejs.org/r/table-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-node.json"},{"name":"tag-node","title":"Tag Element","description":"A tag element component with selection states and styling.","type":"registry:ui","source_url":"https://platejs.org/r/tag-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/tag-node.json"},{"name":"toc-node","title":"TOC Element","description":"A table of contents component with links to document headings.","type":"registry:ui","source_url":"https://platejs.org/r/toc-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-node.json"},{"name":"toggle-node","title":"Toggle Element","description":"A collapsible component for toggling content visibility.","type":"registry:ui","source_url":"https://platejs.org/r/toggle-node.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-node.json"},{"name":"align-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/align-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/align-base-kit.json"},{"name":"basic-blocks-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/basic-blocks-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-blocks-base-kit.json"},{"name":"basic-marks-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/basic-marks-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-marks-base-kit.json"},{"name":"callout-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/callout-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-base-kit.json"},{"name":"code-block-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/code-block-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-base-kit.json"},{"name":"code-drawing-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/code-drawing-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-base-kit.json"},{"name":"column-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/column-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-base-kit.json"},{"name":"comment-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/comment-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-base-kit.json"},{"name":"date-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/date-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-base-kit.json"},{"name":"footnote-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/footnote-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-base-kit.json"},{"name":"excalidraw-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/excalidraw-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/excalidraw-kit.json"},{"name":"font-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/font-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/font-base-kit.json"},{"name":"indent-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/indent-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/indent-base-kit.json"},{"name":"line-height-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/line-height-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/line-height-base-kit.json"},{"name":"link-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/link-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-base-kit.json"},{"name":"list-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/list-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-base-kit.json"},{"name":"math-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/math-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/math-base-kit.json"},{"name":"media-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/media-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-base-kit.json"},{"name":"mention-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/mention-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-base-kit.json"},{"name":"suggestion-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/suggestion-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-base-kit.json"},{"name":"table-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/table-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-base-kit.json"},{"name":"toc-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/toc-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-base-kit.json"},{"name":"toggle-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/toggle-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-base-kit.json"},{"name":"editor-base-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/editor-base-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-base-kit.json"},{"name":"ai-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/ai-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-kit.json"},{"name":"align-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/align-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/align-kit.json"},{"name":"autoformat-classic-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/autoformat-classic-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/autoformat-classic-kit.json"},{"name":"autoformat-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/autoformat-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/autoformat-kit.json"},{"name":"basic-blocks-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/basic-blocks-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-blocks-kit.json"},{"name":"basic-marks-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/basic-marks-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-marks-kit.json"},{"name":"basic-nodes-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/basic-nodes-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-nodes-kit.json"},{"name":"block-menu-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/block-menu-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-menu-kit.json"},{"name":"block-placeholder-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/block-placeholder-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-placeholder-kit.json"},{"name":"block-selection-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/block-selection-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-selection-kit.json"},{"name":"callout-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/callout-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-kit.json"},{"name":"code-block-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/code-block-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-kit.json"},{"name":"code-drawing-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/code-drawing-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-kit.json"},{"name":"column-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/column-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-kit.json"},{"name":"comment-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/comment-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-kit.json"},{"name":"copilot-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/copilot-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-kit.json"},{"name":"cursor-overlay-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/cursor-overlay-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/cursor-overlay-kit.json"},{"name":"date-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/date-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-kit.json"},{"name":"discussion-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/discussion-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/discussion-kit.json"},{"name":"dnd-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/dnd-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/dnd-kit.json"},{"name":"docx-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/docx-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/docx-kit.json"},{"name":"docx-export-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/docx-export-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/docx-export-kit.json"},{"name":"editor-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/editor-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-kit.json"},{"name":"emoji-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/emoji-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-kit.json"},{"name":"exit-break-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/exit-break-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/exit-break-kit.json"},{"name":"fixed-toolbar-classic-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/fixed-toolbar-classic-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar-classic-kit.json"},{"name":"fixed-toolbar-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/fixed-toolbar-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/fixed-toolbar-kit.json"},{"name":"floating-toolbar-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/floating-toolbar-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar-kit.json"},{"name":"floating-toolbar-classic-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/floating-toolbar-classic-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/floating-toolbar-classic-kit.json"},{"name":"footnote-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/footnote-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-kit.json"},{"name":"font-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/font-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/font-kit.json"},{"name":"indent-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/indent-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/indent-kit.json"},{"name":"line-height-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/line-height-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/line-height-kit.json"},{"name":"link-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/link-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-kit.json"},{"name":"list-classic-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/list-classic-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-kit.json"},{"name":"list-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/list-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-kit.json"},{"name":"markdown-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/markdown-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-kit.json"},{"name":"math-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/math-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/math-kit.json"},{"name":"media-kit","title":null,"description":"Media kit without API (see media-uploadthing-api for reference)","type":"registry:component","source_url":"https://platejs.org/r/media-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-kit.json"},{"name":"media-uploadthing-kit","title":null,"description":"media-kit + media-uploadthing-api","type":"registry:component","source_url":"https://platejs.org/r/media-uploadthing-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-uploadthing-kit.json"},{"name":"mention-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/mention-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-kit.json"},{"name":"slash-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/slash-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/slash-kit.json"},{"name":"suggestion-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/suggestion-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-kit.json"},{"name":"tabbable-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/tabbable-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/tabbable-kit.json"},{"name":"table-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/table-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-kit.json"},{"name":"toc-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/toc-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-kit.json"},{"name":"toggle-kit","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/toggle-kit.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-kit.json"},{"name":"ai-api","title":null,"description":null,"type":"registry:file","source_url":"https://platejs.org/r/ai-api.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-api.json"},{"name":"copilot-api","title":null,"description":null,"type":"registry:file","source_url":"https://platejs.org/r/copilot-api.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-api.json"},{"name":"media-uploadthing-api","title":null,"description":null,"type":"registry:file","source_url":"https://platejs.org/r/media-uploadthing-api.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-uploadthing-api.json"},{"name":"settings-dialog","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/settings-dialog.json","install_command":"npx shadcn@latest add https://platejs.org/r/settings-dialog.json"},{"name":"use-chat","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/use-chat.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-chat.json"},{"name":"transforms","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/transforms.json","install_command":"npx shadcn@latest add https://platejs.org/r/transforms.json"},{"name":"transforms-classic","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/transforms-classic.json","install_command":"npx shadcn@latest add https://platejs.org/r/transforms-classic.json"},{"name":"plate-types","title":null,"description":null,"type":"registry:component","source_url":"https://platejs.org/r/plate-types.json","install_command":"npx shadcn@latest add https://platejs.org/r/plate-types.json"},{"name":"editor-ai","title":null,"description":"An AI editor","type":"registry:block","source_url":"https://platejs.org/r/editor-ai.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-ai.json"},{"name":"editor-select","title":null,"description":"A multi-select editor","type":"registry:block","source_url":"https://platejs.org/r/editor-select.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-select.json"},{"name":"editor-basic","title":null,"description":"A basic editor","type":"registry:block","source_url":"https://platejs.org/r/editor-basic.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-basic.json"},{"name":"slate-to-html","title":null,"description":null,"type":"registry:block","source_url":"https://platejs.org/r/slate-to-html.json","install_command":"npx shadcn@latest add https://platejs.org/r/slate-to-html.json"},{"name":"suggestion","title":null,"description":null,"type":"registry:lib","source_url":"https://platejs.org/r/suggestion.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion.json"},{"name":"uploadthing","title":null,"description":null,"type":"registry:hook","source_url":"https://platejs.org/r/uploadthing.json","install_command":"npx shadcn@latest add https://platejs.org/r/uploadthing.json"},{"name":"markdown-joiner-transform","title":null,"description":null,"type":"registry:hook","source_url":"https://platejs.org/r/markdown-joiner-transform.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-joiner-transform.json"},{"name":"tailwind-scrollbar-hide","title":null,"description":null,"type":"registry:style","source_url":"https://platejs.org/r/tailwind-scrollbar-hide.json","install_command":"npx shadcn@latest add https://platejs.org/r/tailwind-scrollbar-hide.json"},{"name":"highlight-style","title":null,"description":null,"type":"registry:style","source_url":"https://platejs.org/r/highlight-style.json","install_command":"npx shadcn@latest add https://platejs.org/r/highlight-style.json"},{"name":"use-debounce","title":null,"description":null,"type":"registry:hook","source_url":"https://platejs.org/r/use-debounce.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-debounce.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://platejs.org/r/use-mobile.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-mobile.json"},{"name":"use-mounted","title":null,"description":null,"type":"registry:hook","source_url":"https://platejs.org/r/use-mounted.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-mounted.json"},{"name":"use-is-touch-device","title":null,"description":null,"type":"registry:hook","source_url":"https://platejs.org/r/use-is-touch-device.json","install_command":"npx shadcn@latest add https://platejs.org/r/use-is-touch-device.json"},{"name":"copilot-demo","title":null,"description":"Renders AI ghost text suggestions at the cursor position.","type":"registry:example","source_url":"https://platejs.org/r/copilot-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-demo.json"},{"name":"select-editor-demo","title":"Select Editor Form","description":"A form with a select editor component for managing labels.","type":"registry:example","source_url":"https://platejs.org/r/select-editor-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/select-editor-demo.json"},{"name":"controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/controlled-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/controlled-demo.json"},{"name":"huge-document-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/huge-document-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/huge-document-demo.json"},{"name":"hundreds-editors-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/hundreds-editors-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/hundreds-editors-demo.json"},{"name":"multiple-editors-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/multiple-editors-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/multiple-editors-demo.json"},{"name":"version-history-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/version-history-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/version-history-demo.json"},{"name":"preview-markdown-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/preview-markdown-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/preview-markdown-demo.json"},{"name":"markdown-to-slate-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/markdown-to-slate-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-to-slate-demo.json"},{"name":"markdown-streaming-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/markdown-streaming-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/markdown-streaming-demo.json"},{"name":"collaboration-demo","title":null,"description":"Real-time collaboration with cursors and selections.","type":"registry:example","source_url":"https://platejs.org/r/collaboration-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/collaboration-demo.json"},{"name":"installation-next-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/installation-next-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/installation-next-demo.json"},{"name":"tabbable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://platejs.org/r/tabbable-demo.json","install_command":"npx shadcn@latest add https://platejs.org/r/tabbable-demo.json"},{"name":"docs-meta","title":"Documentation metadata","description":"Fumadocs metadata for plate documentation","type":"registry:file","source_url":"https://platejs.org/r/docs-meta.json","install_command":"npx shadcn@latest add https://platejs.org/r/docs-meta.json"},{"name":"docs","title":"Documentation","description":"All documentation files for plate","type":"registry:file","source_url":"https://platejs.org/r/docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/docs.json"},{"name":"fumadocs","title":"Fumadocs app","description":"Fumadocs app for plate","type":"registry:file","source_url":"https://platejs.org/r/fumadocs.json","install_command":"npx shadcn@latest add https://platejs.org/r/fumadocs.json"},{"name":"controlled-docs","title":"Controlled Editor Value","description":"Control initial values, persistence, replacement, and async initialization.","type":"registry:file","source_url":"https://platejs.org/r/controlled-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/controlled-docs.json"},{"name":"debugging-docs","title":"Debugging","description":"Debugging in Plate.","type":"registry:file","source_url":"https://platejs.org/r/debugging-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/debugging-docs.json"},{"name":"editing-behavior-docs","title":"Editing Behavior","description":"How Plate handles Enter, Backspace, merge, normalize, and selection behavior.","type":"registry:file","source_url":"https://platejs.org/r/editing-behavior-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/editing-behavior-docs.json"},{"name":"editor-methods-docs","title":"Editor Methods","description":"Read, mutate, and configure a Plate editor instance.","type":"registry:file","source_url":"https://platejs.org/r/editor-methods-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-methods-docs.json"},{"name":"editor-docs","title":"Editor Configuration","description":"Learn how to configure and customize the Plate editor.","type":"registry:file","source_url":"https://platejs.org/r/editor-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/editor-docs.json"},{"name":"feature-kits-docs","title":"Feature Kits","description":"Use registry kits to add groups of Plate plugins and UI wiring.","type":"registry:file","source_url":"https://platejs.org/r/feature-kits-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/feature-kits-docs.json"},{"name":"form-docs","title":"Form","description":"How to integrate Plate editor with react-hook-form.","type":"registry:file","source_url":"https://platejs.org/r/form-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/form-docs.json"},{"name":"performance-docs","title":"Performance","description":"Latest Plate vs Slate large-document benchmark snapshot and how to rerun it locally.","type":"registry:file","source_url":"https://platejs.org/r/performance-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/performance-docs.json"},{"name":"playwright-docs","title":"Playwright Testing","description":"Learn how to write Playwright tests that integrate with Plate.","type":"registry:file","source_url":"https://platejs.org/r/playwright-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/playwright-docs.json"},{"name":"plugin-components-docs","title":"Plugin Components","description":"Render Plate plugin nodes with React components.","type":"registry:file","source_url":"https://platejs.org/r/plugin-components-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-components-docs.json"},{"name":"plugin-context-docs","title":"Plugin Context","description":"Use editor, plugin, option, API, and transform context inside Plate plugins.","type":"registry:file","source_url":"https://platejs.org/r/plugin-context-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-context-docs.json"},{"name":"plugin-input-rules-docs","title":"Plugin Input Rules","description":"Typed editor rules for markdown shortcuts, block fences, autolinks, and text substitutions.","type":"registry:file","source_url":"https://platejs.org/r/plugin-input-rules-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-input-rules-docs.json"},{"name":"plugin-methods-docs","title":"Plugin Methods","description":"Configure, extend, and override Plate plugins.","type":"registry:file","source_url":"https://platejs.org/r/plugin-methods-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-methods-docs.json"},{"name":"plugin-rules-docs","title":"Plugin Rules","description":"Configure common editing behaviors.","type":"registry:file","source_url":"https://platejs.org/r/plugin-rules-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-rules-docs.json"},{"name":"plugin-shortcuts-docs","title":"Plugin Shortcuts","description":"Configure keyboard shortcuts on Plate plugins.","type":"registry:file","source_url":"https://platejs.org/r/plugin-shortcuts-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-shortcuts-docs.json"},{"name":"plugin-docs","title":"Plugin Configuration","description":"How to configure and customize Plate plugins.","type":"registry:file","source_url":"https://platejs.org/r/plugin-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/plugin-docs.json"},{"name":"static-docs","title":"Static Rendering","description":"A minimal, memoized, read-only version of Plate with RSC/SSR support.","type":"registry:file","source_url":"https://platejs.org/r/static-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/static-docs.json"},{"name":"troubleshooting-docs","title":"Troubleshooting","description":"Diagnose common Plate setup and runtime issues.","type":"registry:file","source_url":"https://platejs.org/r/troubleshooting-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/troubleshooting-docs.json"},{"name":"typescript-docs","title":"TypeScript","description":"Configure TypeScript (tsconfig) for using Plate, including module resolution solutions.","type":"registry:file","source_url":"https://platejs.org/r/typescript-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/typescript-docs.json"},{"name":"unit-testing-docs","title":"Unit Testing Plate","description":"Learn how to unit test Plate editor and plugins.","type":"registry:file","source_url":"https://platejs.org/r/unit-testing-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/unit-testing-docs.json"},{"name":"ai-docs","title":"AI","description":"AI-powered writing assistance.","type":"registry:file","source_url":"https://platejs.org/r/ai-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/ai-docs.json"},{"name":"copilot-docs","title":"Copilot","description":"AI-powered text completion suggestions.","type":"registry:file","source_url":"https://platejs.org/r/copilot-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/copilot-docs.json"},{"name":"comment-docs","title":"Comment","description":"Documentation for Comment","type":"registry:file","source_url":"https://platejs.org/r/comment-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/comment-docs.json"},{"name":"discussion-docs","title":"Discussion","description":"Documentation for Discussion","type":"registry:file","source_url":"https://platejs.org/r/discussion-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/discussion-docs.json"},{"name":"suggestion-docs","title":"Suggestion","description":"Documentation for Suggestion","type":"registry:file","source_url":"https://platejs.org/r/suggestion-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/suggestion-docs.json"},{"name":"yjs-docs","title":"Collaboration","description":"Real-time collaboration with Yjs","type":"registry:file","source_url":"https://platejs.org/r/yjs-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/yjs-docs.json"},{"name":"basic-blocks-docs","title":"Basic Blocks","description":"Paragraphs, headings, blockquotes, and horizontal rules.","type":"registry:file","source_url":"https://platejs.org/r/basic-blocks-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/basic-blocks-docs.json"},{"name":"blockquote-docs","title":"Blockquote","description":"Documentation for Blockquote","type":"registry:file","source_url":"https://platejs.org/r/blockquote-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/blockquote-docs.json"},{"name":"callout-docs","title":"Callout","description":"Documentation for Callout","type":"registry:file","source_url":"https://platejs.org/r/callout-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/callout-docs.json"},{"name":"code-block-docs","title":"Code Block","description":"Documentation for Code Block","type":"registry:file","source_url":"https://platejs.org/r/code-block-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-block-docs.json"},{"name":"code-drawing-docs","title":"Code Drawing","description":"Documentation for Code Drawing","type":"registry:file","source_url":"https://platejs.org/r/code-drawing-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/code-drawing-docs.json"},{"name":"column-docs","title":"Column","description":"Documentation for Column","type":"registry:file","source_url":"https://platejs.org/r/column-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/column-docs.json"},{"name":"date-docs","title":"Date","description":"Inline void date elements with canonical and raw date storage.","type":"registry:file","source_url":"https://platejs.org/r/date-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/date-docs.json"},{"name":"equation-docs","title":"Equation","description":"Block and inline LaTeX equation nodes rendered with KaTeX.","type":"registry:file","source_url":"https://platejs.org/r/equation-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/equation-docs.json"},{"name":"excalidraw-docs","title":"Excalidraw","description":"Void Excalidraw drawing blocks stored inside Plate values.","type":"registry:file","source_url":"https://platejs.org/r/excalidraw-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/excalidraw-docs.json"},{"name":"footnote-docs","title":"Footnote","description":"Documentation for Footnote","type":"registry:file","source_url":"https://platejs.org/r/footnote-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/footnote-docs.json"},{"name":"heading-docs","title":"Heading","description":"H1 through H6 block elements with shortcuts, input rules, and static renderers.","type":"registry:file","source_url":"https://platejs.org/r/heading-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/heading-docs.json"},{"name":"horizontal-rule-docs","title":"Horizontal Rule","description":"Void divider blocks rendered as horizontal rules.","type":"registry:file","source_url":"https://platejs.org/r/horizontal-rule-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/horizontal-rule-docs.json"},{"name":"link-docs","title":"Link","description":"Documentation for Link","type":"registry:file","source_url":"https://platejs.org/r/link-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/link-docs.json"},{"name":"list-classic-docs","title":"List Classic","description":"Documentation for List Classic","type":"registry:file","source_url":"https://platejs.org/r/list-classic-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/list-classic-docs.json"},{"name":"media-docs","title":"Media","description":"Documentation for Media","type":"registry:file","source_url":"https://platejs.org/r/media-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/media-docs.json"},{"name":"mention-docs","title":"Mention","description":"Inline markable void mentions backed by trigger combobox input.","type":"registry:file","source_url":"https://platejs.org/r/mention-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/mention-docs.json"},{"name":"table-docs","title":"Table","description":"Documentation for Table","type":"registry:file","source_url":"https://platejs.org/r/table-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/table-docs.json"},{"name":"toc-docs","title":"Table of Contents","description":"Documentation for Table of Contents","type":"registry:file","source_url":"https://platejs.org/r/toc-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/toc-docs.json"},{"name":"toggle-docs","title":"Toggle","description":"Documentation for Toggle","type":"registry:file","source_url":"https://platejs.org/r/toggle-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/toggle-docs.json"},{"name":"combobox-docs","title":"Combobox","description":"Documentation for Combobox","type":"registry:file","source_url":"https://platejs.org/r/combobox-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/combobox-docs.json"},{"name":"emoji-docs","title":"Emoji","description":"Inline emoji search and toolbar emoji picking.","type":"registry:file","source_url":"https://platejs.org/r/emoji-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/emoji-docs.json"},{"name":"slash-command-docs","title":"Slash Command","description":"Documentation for Slash Command","type":"registry:file","source_url":"https://platejs.org/r/slash-command-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/slash-command-docs.json"},{"name":"exit-break-docs","title":"Exit Break","description":"Documentation for Exit Break","type":"registry:file","source_url":"https://platejs.org/r/exit-break-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/exit-break-docs.json"},{"name":"forced-layout-docs","title":"Forced Layout","description":"Path-based normalization for required document structure.","type":"registry:file","source_url":"https://platejs.org/r/forced-layout-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/forced-layout-docs.json"},{"name":"single-block-docs","title":"Single Block","description":"Restrict an editor to one root block or one line of text.","type":"registry:file","source_url":"https://platejs.org/r/single-block-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/single-block-docs.json"},{"name":"trailing-block-docs","title":"Trailing Block","description":"Keep a required block at the end of an editor or nested level.","type":"registry:file","source_url":"https://platejs.org/r/trailing-block-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/trailing-block-docs.json"},{"name":"autoformat-docs","title":"Autoformat","description":"Markdown shortcuts and text substitutions powered by input rules.","type":"registry:file","source_url":"https://platejs.org/r/autoformat-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/autoformat-docs.json"},{"name":"block-menu-docs","title":"Block Menu","description":"Context-menu actions for selected editor blocks.","type":"registry:file","source_url":"https://platejs.org/r/block-menu-docs.json","install_command":"npx shadcn@latest add https://platejs.org/r/block-menu-docs.json"}]},{"id":"plotcn","name":"@plotcn","slug":"plotcn","description":"Source-first React visualization components for Recharts, D3.js, and Google Charts","author":"CodeWithEswar","framework":"react","license":"MIT","tags":["accessibility","animation","backgrounds","blocks","charts","dashboard","loaders","maps","overlays","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://plotcn.vercel.app","github":"https://github.com/CodeWithEswar/plotcn","registry":"https://plotcn.vercel.app/r/registry.json","source":"https://plotcn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/plotcn","markdown":"https://sh4dcn.netlify.app/md/plotcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='24' height='24' fill='none'><path fill='currentColor' d='M3 19V10C3 6.13 6.13 3 10 3H19C24.52 3 29 7.48 29 13C29 18.32 24.85 22.67 19.6 22.98V17.5C22.71 17.81 25 15.73 25 12.8C25 9.93 23.05 8 20.5 8C19.26 8 18.25 8.44 17.1 9.2L6.2 16.4C4.75 17.36 3.65 18.09 3 19Z'/><path fill='currentColor' d='M3 24.2C3 21.98 4.14 20.06 6 18.85L7.5 17.88C8.58 17.18 9.5 17.8 9.5 19V29H6.5C4.57 29 3 27.43 3 25.5V24.2ZM11.5 17.13C11.5 16.43 11.78 16.02 12.37 15.63L14.9 13.98C16.12 13.18 17.5 13.88 17.5 15.3V28C17.5 28.55 17.05 29 16.5 29H12.5C11.95 29 11.5 28.55 11.5 28V17.13Z'/><path fill='currentColor' d='M23 12.8A2 2 0 1 1 19 12.8A2 2 0 1 1 23 12.8Z'/></svg>","preview_image":"https://plotcn.vercel.app/opengraph-image?65e9523a62352fb1","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-09-12T13:40:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://plotcn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://plotcn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://plotcn.vercel.app/r/registry.json","clone":"git clone https://github.com/CodeWithEswar/plotcn.git","clone_degit":"npx degit CodeWithEswar/plotcn","registry_fetch":"curl -s https://plotcn.vercel.app/r/registry.json"},"component_count":49,"components":[{"name":"chart-container","title":"Chart Container Primitive","description":"Shared responsive container, ResizeObserver, and CSS token bridge.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/chart-container.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-container.json"},{"name":"chart-state","title":"Chart State Fallbacks","description":"Truthful loading, empty, and error fallback states with glassmorphic styling.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/chart-state.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-state.json"},{"name":"chart-tooltip","title":"Chart Tooltip Primitive","description":"High-contrast developer tooltip with tabular numbers and semantic token mapping.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/chart-tooltip.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-tooltip.json"},{"name":"chart-tokens","title":"Plotcn Chart Tokens","description":"Canonical chart surface, interaction, state, tooltip, and palette tokens.","type":"registry:style","source_url":"https://plotcn.vercel.app/r/chart-tokens.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-tokens.json"},{"name":"chart-legend","title":"Chart Legend Primitive","description":"Series-aware line, area, bar, and point legend treatment.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/chart-legend.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-legend.json"},{"name":"chart-accessibility","title":"Accessible Chart Shell","description":"Screen-reader descriptions, live regions, and accessible data disclosure tables.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/chart-accessibility.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-accessibility.json"},{"name":"chart-theme","title":"Chart Theme Adapter","description":"Semantic CSS variable token extraction and palette resolution.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/chart-theme.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-theme.json"},{"name":"line-signal","title":"Signal Line","description":"Focused single-series time-series or ordered categorical line visualization with restrained active-point emphasis.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-signal.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-signal.json"},{"name":"line-pulse","title":"Pulse Line","description":"High-frequency operational trend visualization for rapidly changing metrics, rolling windows, and live telemetry surfaces.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-pulse.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-pulse.json"},{"name":"line-twin-compare","title":"Twinline Compare","description":"Comparative time-series line visualization contrasting a primary series against a reference series with synchronized inspection and truthful delta context.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-twin-compare.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-twin-compare.json"},{"name":"line-range","title":"Range Line","description":"Visualizes a central trend alongside a lower-to-upper interval envelope for forecasts, confidence intervals, and operational tolerance bands.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-range.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-range.json"},{"name":"line-step-signal","title":"Step Signal","description":"Stepped visualization for discrete changes that remain in effect until the next observation, communicating quotas, pricing plans, and configuration states.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-step-signal.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-step-signal.json"},{"name":"line-milestones","title":"Milestone Line","description":"Time-series trend with sparse event annotations and milestone pins for releases, incidents, launches, and policy changes.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-milestones.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-milestones.json"},{"name":"line-threshold","title":"Threshold Line","description":"Quantitative time-series trend evaluated against horizontal reference boundaries and bounded operating regions.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-threshold.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-threshold.json"},{"name":"line-focus","title":"Focus Line","description":"An interaction-first time-series line optimized for precise keyboard focus, pointer/touch scrubbing, crosshair inspection, and persistent locked tooltips.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-focus.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-focus.json"},{"name":"line-multi-signal","title":"Multi-Signal Line","description":"Multi-series time-series visualization with deterministic series identity, shared nearest-X inspection, and responsive interactive legend controls.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-multi-signal.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-multi-signal.json"},{"name":"line-forecast","title":"Forecast Line","description":"Observed-versus-forecast time-series visualization with explicit prediction semantics, non-color line encoding, and optional uncertainty treatment.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-forecast.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-forecast.json"},{"name":"area-prism","title":"Prism Area","description":"Single-series magnitude area chart with restrained semantic fill, explicit baseline semantics, and Plotcn shared inspection.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-prism.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-prism.json"},{"name":"area-stack-flow","title":"Stack Flow Area","description":"Additive multi-series stacked area chart with deterministic stack identity, truthful missing-value semantics, and contribution inspection.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-stack-flow.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-stack-flow.json"},{"name":"area-percent-stream","title":"Percent Stream Area","description":"100% normalized stacked area chart for tracking how each contributor's share of the visible whole evolves over an ordered domain.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-percent-stream.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-percent-stream.json"},{"name":"area-range","title":"Range Area","description":"Bounded area visualization for showing a lower/upper envelope across an ordered domain, with optional central trend, truthful interval semantics, and explicit …","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-range.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-range.json"},{"name":"area-comparison","title":"Comparison Area","description":"Two-series area visualization for comparing a primary magnitude against a reference magnitude across an ordered domain, using restrained overlap, deterministic…","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-comparison.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-comparison.json"},{"name":"area-gradient-depth","title":"Gradient Depth Area","description":"Single-series area visualization with a semantic fade-to-surface fill that adds restrained depth without encoding an additional variable.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-gradient-depth.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-gradient-depth.json"},{"name":"area-baseline","title":"Baseline Area","description":"Single-series area visualization showing values above and below an explicit quantitative reference baseline with truthful deviation semantics.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-baseline.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-baseline.json"},{"name":"area-interactive","title":"Interactive Area","description":"Inspection-first area visualization with nearest-X selection, observation-aligned crosshair, keyboard navigation, and a persistent lockable tooltip.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-interactive.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-interactive.json"},{"name":"bar-signal","title":"Signal Bars","description":"Canonical zero-anchored bars for discrete categorical comparison with stable ordering, grouped series, and category-centric inspection.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-signal.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-signal.json"},{"name":"bar-group-compare","title":"Group Compare Bars","description":"Side-by-side peer measures within stable categorical groups, with shared quantitative scaling, deterministic series identity, and category-centric inspection.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-group-compare.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-group-compare.json"},{"name":"bar-stack-ledger","title":"Stack Ledger Bars","description":"Additive stacked bars for multi-series categorical composition with stable contributor identity, truthful totals, and category-centric inspection.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-stack-ledger.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-stack-ledger.json"},{"name":"bar-percent-stack","title":"Percent Stack Bars","description":"100% normalized stacked bars for comparing categorical composition while preserving raw contributor values, truthful zero/missing semantics, and stable stack i…","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-percent-stack.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-percent-stack.json"},{"name":"bar-diverging","title":"Diverging Bars","description":"Signed categorical comparison around an explicit neutral reference, with truthful deviation geometry, symmetric scaling, touch-safe inspection, and neutral abo…","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-diverging.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-diverging.json"},{"name":"bar-bullet","title":"Bullet Bars","description":"Compact actual-versus-target bars for operational scorecards, with per-category target markers, truthful delta semantics, and responsive row-based inspection.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-bullet.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-bullet.json"},{"name":"bar-variance","title":"Variance Bars","description":"Actual-versus-plan delta bars centered on a truthful zero-variance baseline, with neutral signed semantics and auditable source values.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-variance.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-variance.json"},{"name":"bar-interval","title":"Interval Bars","description":"Floating range bars with explicit start and end bounds along a shared quantitative or temporal domain, truthful zero-width markers, and container-clamped toolt…","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-interval.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-interval.json"},{"name":"bar-interactive","title":"Interactive Bars","description":"Category-first bar inspection with a responsive band cursor, persistent touch locking, single-tab keyboard navigation, and controlled multi-series tooltip read…","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-interactive.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-interactive.json"},{"name":"line-basic","title":"Basic Line Chart","description":"Approachable Cartesian line chart built with Recharts and theme tokens.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-basic.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-basic.json"},{"name":"line-multiple","title":"Multi-Series Line Chart","description":"Multi-series line chart comparing current vs previous periods.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/line-multiple.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/line-multiple.json"},{"name":"area-basic","title":"Basic Area Chart","description":"Gradient area chart with smooth monotone interpolation.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/area-basic.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/area-basic.json"},{"name":"bar-basic","title":"Basic Bar Chart","description":"Categorical vertical bar chart with rounded caps and responsive tooltips.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/bar-basic.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/bar-basic.json"},{"name":"d3-animated-line","title":"D3 Animated Line","description":"Continuous scales, monotone curves, and data points computed with D3 and rendered via React SVG.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/d3-animated-line.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/d3-animated-line.json"},{"name":"d3-force-network","title":"D3 Force-Directed Network","description":"Physics-based node simulation with link springs and repulsion forces.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/d3-force-network.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/d3-force-network.json"},{"name":"google-chart-loader","title":"Google Charts Singleton Loader","description":"Resilient loader with promise deduplication and on-demand package loading.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/google-chart-loader.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/google-chart-loader.json"},{"name":"google-chart-container","title":"Google Chart Container","description":"Lifecycle wrapper managing ResizeObserver and fallback states for Google Charts.","type":"registry:ui","source_url":"https://plotcn.vercel.app/r/google-chart-container.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/google-chart-container.json"},{"name":"google-geochart","title":"Google GeoChart Choropleth","description":"World, country, and regional statistical choropleths via Google Charts hosted geochart package.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/google-geochart.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/google-geochart.json"},{"name":"google-line","title":"Google Line Chart","description":"Smooth 2D Cartesian line chart rendered with Google Charts corechart package.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/google-line.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/google-line.json"},{"name":"google-bar","title":"Google Bar Chart","description":"Categorical column chart rendered with Google Charts corechart package.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/google-bar.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/google-bar.json"},{"name":"chart-motion","title":"Reduced motion preference","description":null,"type":"registry:hook","source_url":"https://plotcn.vercel.app/r/chart-motion.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/chart-motion.json"},{"name":"donut-basic","title":"Basic Donut Chart","description":"Proportional breakdown with optional legend and pointer tooltips.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/donut-basic.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/donut-basic.json"},{"name":"block-frame","title":"Dashboard frame","description":"Local panel isolation, metrics and honest dashboard states.","type":"registry:component","source_url":"https://plotcn.vercel.app/r/block-frame.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/block-frame.json"},{"name":"revenue-dashboard","title":"Revenue Dashboard","description":"Revenue trend, channel comparison and contribution with real period and channel filters.","type":"registry:block","source_url":"https://plotcn.vercel.app/r/revenue-dashboard.json","install_command":"npx shadcn@latest add https://plotcn.vercel.app/r/revenue-dashboard.json"}]},{"id":"pluginui","name":"@pluginui","slug":"pluginui","description":"Design modern interfaces for instruments and effects, on the web or in native DAWs. Customizable controls and themes powered by the Maru Audio platform.","author":null,"framework":"react","license":null,"tags":["audio","buttons","cards","charts","editor","forms","maps","navigation","tables","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://pluginui.com","github":null,"registry":"https://pluginui.com/r/registry.json","source":"https://pluginui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pluginui","markdown":"https://sh4dcn.netlify.app/md/pluginui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 10 224 80' fill='none'><path d='M8 78c18 0 27-12 35-31 7-18 17-27 27-26 12 1 20 13 26 31 5 16 10 26 20 26 10 0 16-11 23-24 7-12 15-17 24-15 11 3 18 14 24 26 5 10 14 13 29 13' stroke='var(--foreground)' stroke-linecap='butt' stroke-linejoin='round' stroke-width='14'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pluginui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pluginui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://pluginui.com/r/registry.json","registry_fetch":"curl -s https://pluginui.com/r/registry.json"},"component_count":250,"components":[{"name":"core-pitch-class-histogram","title":"Pitch Class Histogram","description":"Shared editable pitch, chord character and chord size histograms, with a matching read-only pitch display. Used by Harmonizer and Hand Chord.","type":"registry:ui","source_url":"https://pluginui.com/r/core-pitch-class-histogram.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-pitch-class-histogram.json"},{"name":"core-barlow","title":"Barlow Indispensability","description":"Clarence Barlow's stratified meter decomposition — assigns a metric weight to every rhythmic position in any time signature. Drives density control, humanizati…","type":"registry:lib","source_url":"https://pluginui.com/r/core-barlow.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-barlow.json"},{"name":"core-cc-binding-editor","title":"CC Binding Editor","description":"Portable control-level MIDI CC menu and binding editor: assign a controller number and channel by right-clicking a control, then edit range, response curve, le…","type":"registry:ui","source_url":"https://pluginui.com/r/core-cc-binding-editor.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-binding-editor.json"},{"name":"core-context-menu-target","title":"Context Menu Target","description":"Portable context-menu actions for module faces and controls on Base UI's ContextMenu (right-click and touch long-press) and the ContextMenu key or Shift+F10, p…","type":"registry:ui","source_url":"https://pluginui.com/r/core-context-menu-target.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-context-menu-target.json"},{"name":"core-cc-control-chrome-core","title":"CC Control Chrome Core","description":"The scoped ownership ledger used by nested MIDI-aware control frames so exactly one wrapper registers a parameter target.","type":"registry:lib","source_url":"https://pluginui.com/r/core-cc-control-chrome-core.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-control-chrome-core.json"},{"name":"core-cc-control-chrome","title":"CC Control Chrome","description":"One reusable frame for custom controls: parameter-path resolution, drag target, activity state, editable badge, and the shared MIDI context menu.","type":"registry:ui","source_url":"https://pluginui.com/r/core-cc-control-chrome.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-control-chrome.json"},{"name":"core-cc-dnd","title":"CC Drag & Drop","description":"Drag a MIDI CC source onto a control to bind it: a dependency-free pointer-capture drag protocol with rect hit-testing, an equivalent keyboard path (Enter to p…","type":"registry:lib","source_url":"https://pluginui.com/r/core-cc-dnd.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-dnd.json"},{"name":"core-cc-knob-strip","title":"CC Knob Strip","description":"A row of MIDI CC chips you can turn and reorder. Turning is the ordinary knob gesture; reordering starts from a separate grip handle and works with pointer or …","type":"registry:ui","source_url":"https://pluginui.com/r/core-cc-knob-strip.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-knob-strip.json"},{"name":"core-stable-reorder","title":"Stable ID Reorder","description":"Controlled list reordering with stable identities, pointer and keyboard gestures, and cancellable previews.","type":"registry:lib","source_url":"https://pluginui.com/r/core-stable-reorder.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-stable-reorder.json"},{"name":"core-cc-source","title":"CC Source Strip","description":"The MIDI CC chips you drag onto a control to bind it: the mod wheel first, then the expressive controllers, then a numeric picker for the other hundred-odd num…","type":"registry:ui","source_url":"https://pluginui.com/r/core-cc-source.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-source.json"},{"name":"core-cc-mapping-list","title":"CC Mapping List","description":"Every MIDI CC mapping of a host as one grouped list: by module or rack instance, with a by-CC sort, search and filters. Rows show the CC, input and channel, ta…","type":"registry:ui","source_url":"https://pluginui.com/r/core-cc-mapping-list.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-mapping-list.json"},{"name":"core-cc-unmapped-notice","title":"CC Unmapped Notice","description":"The host's one toast for a hardware controller that moved but is not mapped: the source and channel, a live value, a chip you drag straight onto a control, Pic…","type":"registry:ui","source_url":"https://pluginui.com/r/core-cc-unmapped-notice.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-cc-unmapped-notice.json"},{"name":"core-chladni-formulas","title":"Chladni Formulas","description":"The maths of a vibrating plate as pure functions: the 2D standing-wave equation, a frequency-to-mode heuristic for a modelled steel plate, and the amplitude-we…","type":"registry:lib","source_url":"https://pluginui.com/r/core-chladni-formulas.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-chladni-formulas.json"},{"name":"core-chladni-plate","title":"Chladni Plate","description":"Nodal patterns for a set of frequencies — the figure sand draws on a driven metal plate. Either a particle simulation finding the nodes over time or the standi…","type":"registry:ui","source_url":"https://pluginui.com/r/core-chladni-plate.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-chladni-plate.json"},{"name":"core-chord-graph","title":"Chord Graph","description":"How the chords in a progression connect, as a shared-pitch-class network: an edge between every pair sharing a note, weighted by how many. A chart tells you th…","type":"registry:ui","source_url":"https://pluginui.com/r/core-chord-graph.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-chord-graph.json"},{"name":"core-chord-readout","title":"Chord Readout","description":"Everything analysis can say about what is sounding, in one card: the chord symbol with its alternatives, note names and the raw set encoding, the Forte set cla…","type":"registry:ui","source_url":"https://pluginui.com/r/core-chord-readout.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-chord-readout.json"},{"name":"core-circle-of-fifths","title":"Circle of Fifths","description":"A pitch-class histogram plotted on the wheel where neighbouring slots are a fifth apart, so the seven notes of any key form one unbroken arc and a modulation i…","type":"registry:ui","source_url":"https://pluginui.com/r/core-circle-of-fifths.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-circle-of-fifths.json"},{"name":"core-computer-keyboard","title":"Computer Keyboard","description":"The QWERTY keyboard as a MIDI controller. Keyed on physical key position (event.code) so the layout survives AZERTY and Dvorak, with a text-field guard, held-k…","type":"registry:lib","source_url":"https://pluginui.com/r/core-computer-keyboard.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-computer-keyboard.json"},{"name":"core-color-scale","title":"Colour Scales","description":"The ramps every display paints magnitude with and the two wheels a harmony display paints pitch with, as pure functions. The ramps are the real multi-stop scie…","type":"registry:lib","source_url":"https://pluginui.com/r/core-color-scale.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-color-scale.json"},{"name":"core-consonance","title":"Consonance","description":"How well notes agree, as pure functions — two models side by side: a 12-TET interval table for the answer a musician would give, and Plomp-Levelt roughness plu…","type":"registry:lib","source_url":"https://pluginui.com/r/core-consonance.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-consonance.json"},{"name":"core-consonance-matrix","title":"Consonance Matrix","description":"Which of the twelve notes fit what is sounding now — a playing aid, not an analysis. Each pitch class is shaded by how well it agrees with a blend of the held …","type":"registry:ui","source_url":"https://pluginui.com/r/core-consonance-matrix.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-consonance-matrix.json"},{"name":"core-control-format","title":"Control Format","description":"Value formatters for parameter readouts — Hz with a k-suffix, dB with a silence floor, pan as L/C/R, percentages and choices.","type":"registry:lib","source_url":"https://pluginui.com/r/core-control-format.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-control-format.json"},{"name":"core-control-label","title":"Control Label","description":"A shared caption/readout wrapper with optional bounded text fitting, narrow typography and ellipsis inside a designer-owned width.","type":"registry:ui","source_url":"https://pluginui.com/r/core-control-label.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-control-label.json"},{"name":"core-control-math","title":"Control Math","description":"Clamping, normalisation and step quantisation shared by every control, plus the SVG arc helpers the knob draws with.","type":"registry:lib","source_url":"https://pluginui.com/r/core-control-math.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-control-math.json"},{"name":"core-control-skin","title":"Control Skin","description":"The kit's shared visual vocabulary: the skins every control understands (default, flat, vintage, minimal, neon), the traits behind them, the helpers that turn …","type":"registry:lib","source_url":"https://pluginui.com/r/core-control-skin.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-control-skin.json"},{"name":"core-control-theme","title":"Control Theme","description":"The CSS custom property contract every control reads, with rich defaults and a few ready-made skins.","type":"registry:lib","source_url":"https://pluginui.com/r/core-control-theme.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-control-theme.json"},{"name":"core-delay-tap-display","title":"Delay Tap Display","description":"A delay's echo train on a time axis: a muted reference pip for the dry hit, then one pip per repeat at the moment it arrives and the height it arrives with, fa…","type":"registry:ui","source_url":"https://pluginui.com/r/core-delay-tap-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-delay-tap-display.json"},{"name":"core-display-chrome","title":"Display Chrome","description":"What makes a readout look like hardware instead of like text: nine panel skins (LED red/amber/green/blue, VFD, plasma, and the backlit and reflective LCDs) plu…","type":"registry:lib","source_url":"https://pluginui.com/r/core-display-chrome.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-display-chrome.json"},{"name":"core-dot-matrix-display","title":"Dot Matrix Display","description":"The character screen bolted into the front of a rack unit — five columns by seven or eight rows per cell, several lines, and the unlit dots present the whole t…","type":"registry:ui","source_url":"https://pluginui.com/r/core-dot-matrix-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-dot-matrix-display.json"},{"name":"core-dot-matrix-font","title":"Dot Matrix Font","description":"Text into a field of lit dots, the way the hardware has it: the classic 5x8 character-cell bitmap font as column masks, a flat run of columns per line, a windo…","type":"registry:lib","source_url":"https://pluginui.com/r/core-dot-matrix-font.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-dot-matrix-font.json"},{"name":"core-drawbar-strip","title":"Drawbar Strip","description":"A tonewheel organ's registration control: N sliding bars with nine detents each, coloured in the classic brown/white/black families, and the registration print…","type":"registry:ui","source_url":"https://pluginui.com/r/core-drawbar-strip.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-drawbar-strip.json"},{"name":"core-drum-lane","title":"Drum Lane","description":"The rhythm sibling of the piano roll: named lanes (Kick, Snare, Hat…) down the left, a beat grid across, and every hit drawn at its exact onset so timing and s…","type":"registry:ui","source_url":"https://pluginui.com/r/core-drum-lane.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-drum-lane.json"},{"name":"core-dual-band-selector","title":"Dual Band Selector","description":"The Logic-style \"Low Cut … High Cut\" band bar: two caps on one log or linear frequency track with the band between them lit. Press the band to move both caps a…","type":"registry:ui","source_url":"https://pluginui.com/r/core-dual-band-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-dual-band-selector.json"},{"name":"core-dynamics-display","title":"Dynamics Display","description":"A compressor or gate's transfer curve — computed, so it is true before a single sample plays — with the knee shaded, the threshold marked, a gate's hysteresis …","type":"registry:ui","source_url":"https://pluginui.com/r/core-dynamics-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-dynamics-display.json"},{"name":"core-dynamics-math","title":"Dynamics Math","description":"The compressor/gate transfer function as pure maths: the standard soft-knee formulation the Web Audio DynamicsCompressorNode is specified against, a gate varia…","type":"registry:lib","source_url":"https://pluginui.com/r/core-dynamics-math.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-dynamics-math.json"},{"name":"core-echo-train","title":"Echo Train","description":"Where a delay's repeats land and how loud they are, as pure maths: tap times and levels from time/feedback/mix, the L-R alternation of a cross-coupled ping-pon…","type":"registry:lib","source_url":"https://pluginui.com/r/core-echo-train.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-echo-train.json"},{"name":"core-envelope-display","title":"Envelope Display","description":"An ADSR envelope you can draw on: filled shape, draggable handles at the peak, knee and tail, and a square-root time axis that keeps millisecond attacks legibl…","type":"registry:ui","source_url":"https://pluginui.com/r/core-envelope-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-envelope-display.json"},{"name":"core-envelope-editor","title":"Envelope Editor","description":"The envelope display and four knobs, bidirectionally synced — drag a handle and the knobs follow, turn a knob and the shape follows. A worked example of compos…","type":"registry:ui","source_url":"https://pluginui.com/r/core-envelope-editor.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-envelope-editor.json"},{"name":"core-eq-display","title":"EQ Display","description":"The magnitude response of a stack of filter bands, computed from RBJ biquad coefficients rather than measured — so the curve matches what the audio graph will …","type":"registry:ui","source_url":"https://pluginui.com/r/core-eq-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-eq-display.json"},{"name":"core-eq-editor","title":"EQ Editor","description":"Hands on the EQ curve: N draggable band handles over the eq-display response, wheel for Q, full keyboard access per band, and two readings of the same band mod…","type":"registry:ui","source_url":"https://pluginui.com/r/core-eq-editor.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-eq-editor.json"},{"name":"core-producer-eq-panel","title":"Producer EQ Panel","description":"Host-bound producer equalizer composite over EQEditor: numbered band overview, descriptor-bound precise editing, factory preset navigation, momentary audition …","type":"registry:ui","source_url":"https://pluginui.com/r/core-producer-eq-panel.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-producer-eq-panel.json"},{"name":"core-fader","title":"Fader","description":"A channel-strip slider in both orientations: recessed groove, lit fill, and a grippy cap that jumps to wherever you press and keeps dragging from there. Wheel …","type":"registry:ui","source_url":"https://pluginui.com/r/core-fader.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-fader.json"},{"name":"core-fader-headless","title":"Fader Headless","description":"The unstyled track primitive a fader is built on: absolute pointer positioning, the Shift fine pass anchored where Shift went down, wheel and keyboard stepping…","type":"registry:ui","source_url":"https://pluginui.com/r/core-fader-headless.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-fader-headless.json"},{"name":"core-fixed-velocity-control","title":"Fixed Velocity Control","description":"A compact fixed-velocity override for playable instrument surfaces: switch between touch dynamics and a repeatable normalised strike value.","type":"registry:ui","source_url":"https://pluginui.com/r/core-fixed-velocity-control.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-fixed-velocity-control.json"},{"name":"core-fm-algorithm-diagram","title":"FM Algorithm Diagram","description":"A themed, selectable operator-routing diagram for FM synthesis. It draws carriers, modulators, fan-out, the audio bus and self-feedback from the shared pure ge…","type":"registry:ui","source_url":"https://pluginui.com/r/core-fm-algorithm-diagram.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-fm-algorithm-diagram.json"},{"name":"core-fm-algorithm-layout","title":"FM Algorithm Layout","description":"An FM synthesiser's operator routing diagram, as pure maths: which row each operator sits in (its distance from the audio bus, which is the patch's real modula…","type":"registry:lib","source_url":"https://pluginui.com/r/core-fm-algorithm-layout.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-fm-algorithm-layout.json"},{"name":"core-fm-routing-matrix","title":"FM Routing Matrix","description":"A controlled, keyboard-accessible editor for directed operator modulation, self-feedback and independent audio outputs. Stable operator IDs and configurable ra…","type":"registry:ui","source_url":"https://pluginui.com/r/core-fm-routing-matrix.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-fm-routing-matrix.json"},{"name":"core-gain-reduction-meter","title":"Gain Reduction Meter","description":"A compressor's metering surface: input and output level bars flanking a gain-reduction bar that fills from the top downward — the hardware convention, because …","type":"registry:ui","source_url":"https://pluginui.com/r/core-gain-reduction-meter.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-gain-reduction-meter.json"},{"name":"core-glow-button","title":"Glow Button","description":"Lit momentary or latching buttons in four styles: large round and pill performance controls with an LED halo, plus compact console-round and console-square con…","type":"registry:ui","source_url":"https://pluginui.com/r/core-glow-button.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-glow-button.json"},{"name":"core-goniometer","title":"Goniometer","description":"The signal-side SHAPE of a stereo image: a phosphor trace of the channel pair rotated 45 degrees so mono runs straight up the middle, pure side lies flat acros…","type":"registry:ui","source_url":"https://pluginui.com/r/core-goniometer.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-goniometer.json"},{"name":"core-interval-vector-chart","title":"Interval Vector Chart","description":"The harmonic fingerprint of a pitch-class set as six bars — one per interval class, m2 through the tritone. Invariant under transposition and inversion, so it …","type":"registry:ui","source_url":"https://pluginui.com/r/core-interval-vector-chart.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-interval-vector-chart.json"},{"name":"core-keyboard-geometry","title":"Keyboard Geometry","description":"Where the keys of a piano are and which one you hit, as pure maths: a key rectangle per MIDI note over any range in a unit coordinate box, black keys placed by…","type":"registry:lib","source_url":"https://pluginui.com/r/core-keyboard-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-keyboard-geometry.json"},{"name":"core-knobman-source","title":"KnobMan Visual Source","description":"Serializable KnobMan template identity, bounded retina sizing, value-to-frame mapping, and a host-injected renderer provider for keeping the knob interaction p…","type":"registry:lib","source_url":"https://pluginui.com/r/core-knobman-source.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-knobman-source.json"},{"name":"core-eurorack","title":"Eurorack hardware and Mutable panel styling","description":"Physical rack panels, round metal jacks and Mutable-style hardware knobs. MutableKnobDesign composes KnobHeadlessReadout: one printed caption swaps from label …","type":"registry:ui","source_url":"https://pluginui.com/r/core-eurorack.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-eurorack.json"},{"name":"core-knob","title":"Knob","description":"Shared rotary control with dial, ring, studio and text variants. Dial default: label at rest, formatted value on hover or edit. showLabelOnHover=false keeps bo…","type":"registry:ui","source_url":"https://pluginui.com/r/core-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-knob.json"},{"name":"core-knob-core","title":"Knob Core","description":"The framework-agnostic maths behind a potentiometer gesture: drag, wheel and keyboard arithmetic in normalised space, with pluggable linear and logarithmic res…","type":"registry:lib","source_url":"https://pluginui.com/r/core-knob-core.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-knob-core.json"},{"name":"core-knob-headless","title":"Knob Headless","description":"The headless slider primitive a knob is built on: the full role=\"slider\" contract, drag, wheel and first-interaction reporting, plus a shared hover/edit readou…","type":"registry:ui","source_url":"https://pluginui.com/r/core-knob-headless.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-knob-headless.json"},{"name":"core-level-meter","title":"Level Meter","description":"Volume bars with peak hold: RMS for the bar, a decaying tick for the recent peak, in either orientation. Takes an analyser, a data callback, or levels you alre…","type":"registry:ui","source_url":"https://pluginui.com/r/core-level-meter.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-level-meter.json"},{"name":"core-output-level-meter","title":"Output Level Meter","description":"A module's output meter with its gain control on it: pixel-aligned LED bars, one per channel (L/R when the host measures them, one merged bar otherwise), hardw…","type":"registry:ui","source_url":"https://pluginui.com/r/core-output-level-meter.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-output-level-meter.json"},{"name":"core-lfo-visualizer","title":"LFO Visualizer","description":"An LFO's waveform with a cursor riding the current phase. Drawn from the shape's closed form rather than measured off an analyser — which is the only sensible …","type":"registry:ui","source_url":"https://pluginui.com/r/core-lfo-visualizer.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-lfo-visualizer.json"},{"name":"core-lissajous-scope","title":"Lissajous Scope","description":"A circular vectorscope trace: one mono signal plotted against a phase-shifted copy of itself, so a single channel draws circles and rosettes. Phosphor persiste…","type":"registry:ui","source_url":"https://pluginui.com/r/core-lissajous-scope.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-lissajous-scope.json"},{"name":"core-midi-activity-table","title":"MIDI Activity Table","description":"A coalesced live view of MIDI controls — one row each, with an inline SVG sparkline of recent values, a level bar, held state and a message count. Built for di…","type":"registry:ui","source_url":"https://pluginui.com/r/core-midi-activity-table.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-midi-activity-table.json"},{"name":"core-midi-message-decode","title":"MIDI message decode","description":"Decode raw MIDI bytes into a described message: notes (with names), CC (with common controller names), pitch bend, both aftertouch flavours, program change and…","type":"registry:lib","source_url":"https://pluginui.com/r/core-midi-message-decode.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-midi-message-decode.json"},{"name":"core-midi-monitor","title":"MIDI Monitor","description":"A diagnostic list of incoming MIDI messages, decoded and colour-coded by type. Controlled and presentational: the caller owns the buffer and supplies messages,…","type":"registry:ui","source_url":"https://pluginui.com/r/core-midi-monitor.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-midi-monitor.json"},{"name":"core-module-navbar","title":"Module Navbar","description":"A composition-first module faceplate navbar with brand, preset, action, preferences, status, and controlled power slots in a stable responsive order.","type":"registry:ui","source_url":"https://pluginui.com/r/core-module-navbar.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-module-navbar.json"},{"name":"core-module-power-button","title":"Module Power Button","description":"Module bypass switch: ModulePowerHeadless for any skin, plus a discreet stock icon, a ToggleSwitch variant coloured by module CSS, and a labelled Live treatmen…","type":"registry:ui","source_url":"https://pluginui.com/r/core-module-power-button.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-module-power-button.json"},{"name":"core-musical-time","title":"Musical Time","description":"The arithmetic that turns a tempo into seconds and seconds back into a position you can say out loud: a typed table of note divisions from a whole note to a 1/…","type":"registry:lib","source_url":"https://pluginui.com/r/core-musical-time.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-musical-time.json"},{"name":"core-oscilloscope","title":"Oscilloscope","description":"A time-domain waveform trace with min/max downsampling so transients survive, and optional zero-crossing trigger so a steady tone stands still instead of slidi…","type":"registry:ui","source_url":"https://pluginui.com/r/core-oscilloscope.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-oscilloscope.json"},{"name":"core-harmony-lattice","title":"Harmony Lattice","description":"A twelve-bin field painted onto an isomorphic pad layout: two semitone steps on a square or hexagonal grid, the piano or a fretboard for comparison. Paints by …","type":"registry:ui","source_url":"https://pluginui.com/r/core-harmony-lattice.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-harmony-lattice.json"},{"name":"core-ring-geometry","title":"Ring Geometry","description":"The pure core of the ring figures: circle points with any node at twelve o'clock, shared-note labels pushed off each edge, arrows trimmed to node rims, the lin…","type":"registry:lib","source_url":"https://pluginui.com/r/core-ring-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-ring-geometry.json"},{"name":"core-ring-circle","title":"Ring Circle","description":"A key's ring of chords as a circle of clickable nodes in line-of-thirds order, where neighbours share all but one note and a move of k nodes shares all but k. …","type":"registry:ui","source_url":"https://pluginui.com/r/core-ring-circle.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-ring-circle.json"},{"name":"core-ring-strip","title":"Ring Strip","description":"The line of thirds laid flat: a key's roots in a row with the step between each pair (on Aura a major third is one pad right, a minor third one pad up) and eve…","type":"registry:ui","source_url":"https://pluginui.com/r/core-ring-strip.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-ring-strip.json"},{"name":"core-ring-arc","title":"Ring Arc","description":"A chord as a thick band over a ring of notes (a key's seven in line-of-thirds order, so stacked thirds are neighbours), with the chord before it as a ghost ban…","type":"registry:ui","source_url":"https://pluginui.com/r/core-ring-arc.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-ring-arc.json"},{"name":"core-ring-roll","title":"Ring Roll","description":"A progression on the seven lanes of a ring, one per ring position from the cut: each chord a run of cells, filled for the ring's notes, ticked where a note is …","type":"registry:ui","source_url":"https://pluginui.com/r/core-ring-roll.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-ring-roll.json"},{"name":"core-pad-grid","title":"Pad Grid","description":"A drum machine's bank of velocity pads: rows of rubber squares, labelled and lit from the state you pass in. Velocity comes from where in the pad the press lan…","type":"registry:ui","source_url":"https://pluginui.com/r/core-pad-grid.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-pad-grid.json"},{"name":"core-pc-histogram","title":"Pitch Class Histogram","description":"Twelve bars on a common baseline showing how much each pitch class sounded — the plainest view of the data the circle-of-fifths wheel plots, and the one to rea…","type":"registry:ui","source_url":"https://pluginui.com/r/core-pc-histogram.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-pc-histogram.json"},{"name":"core-pc-set-analysis","title":"PC Set Analysis","description":"The set-theory reading of a chord: normal form, prime form, the 12-bit chroma, and the matching Forte set class from the full 352-row table with its symmetry p…","type":"registry:lib","source_url":"https://pluginui.com/r/core-pc-set-analysis.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-pc-set-analysis.json"},{"name":"core-piano-keyboard","title":"Piano Keyboard","description":"A playable keyboard, one to ten octaves wide: press a key and it strikes with a velocity taken from how far down the key you landed, drag across it and it glis…","type":"registry:ui","source_url":"https://pluginui.com/r/core-piano-keyboard.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-piano-keyboard.json"},{"name":"core-sampler-keyboard","title":"Sampler Keyboard","description":"The piano keyboard painted with a sampler instrument's own facts: exact mapped-key coverage with every unmapped key muted per key, per-group coverage in distin…","type":"registry:ui","source_url":"https://pluginui.com/r/core-sampler-keyboard.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-sampler-keyboard.json"},{"name":"core-chord-map","title":"Chord Map","description":"Controlled twelve-column chord map with a shared piano roll, palette bands, activity trail, tension indicators and per-column seed controls. Hosts own chord ge…","type":"registry:ui","source_url":"https://pluginui.com/r/core-chord-map.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-chord-map.json"},{"name":"core-piano-roll","title":"Piano Roll","description":"The pitch × beat note grid a melodic module needs: time left to right in beats, pitch bottom to top like a keyboard, every note a block drawn at its own beat a…","type":"registry:ui","source_url":"https://pluginui.com/r/core-piano-roll.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-piano-roll.json"},{"name":"core-multi-voice-piano-roll","title":"Multi-Voice Piano Roll","description":"A reusable short-loop piano-roll editor for independent voices: stable note and voice identity, color-coded overlapping notes, per-note pitch curves with linea…","type":"registry:ui","source_url":"https://pluginui.com/r/core-multi-voice-piano-roll.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-multi-voice-piano-roll.json"},{"name":"core-piano-roll-geometry","title":"Piano Roll Geometry","description":"Where a note sits in a pitch × beat plane, and which note a point lands on, as pure maths: a fixed coordinate box resolved from a pitch range and a bar count, …","type":"registry:lib","source_url":"https://pluginui.com/r/core-piano-roll-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-piano-roll-geometry.json"},{"name":"core-multi-voice-piano-roll-model","title":"Multi-Voice Piano Roll Model","description":"Pure pitch-expression model helpers for multi-voice piano rolls: stable voice/note records, bounded note-local pitch curves, deterministic sorting, linear inte…","type":"registry:lib","source_url":"https://pluginui.com/r/core-multi-voice-piano-roll-model.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-multi-voice-piano-roll-model.json"},{"name":"core-pitch-class-clock","title":"Pitch Class Clock","description":"The twelve pitch classes round a dial with the sounding ones in the value fill, joined into a polygon, so a chord becomes a recognisable shape. Order the ring …","type":"registry:ui","source_url":"https://pluginui.com/r/core-pitch-class-clock.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-pitch-class-clock.json"},{"name":"core-pluck-position","title":"Pluck Position","description":"Which harmonics a pluck point kills, as pure maths: the comb response of the delay-and-subtract a Karplus-Strong exciter runs, the harmonics it silences exactl…","type":"registry:lib","source_url":"https://pluginui.com/r/core-pluck-position.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-pluck-position.json"},{"name":"core-preset-selector","title":"Preset Selector","description":"A controlled preset dropdown with Quiet, Panel and Glass skins, previous/next stepping, favorites, search, and collision-aware menu placement. The shared headl…","type":"registry:ui","source_url":"https://pluginui.com/r/core-preset-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-preset-selector.json"},{"name":"core-tag-browser","title":"Tag Browser","description":"A controlled category/keyword chip browser in the style of a hardware preset browser: a column per category from 560 px and stacked, wrapping categories below …","type":"registry:ui","source_url":"https://pluginui.com/r/core-tag-browser.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-tag-browser.json"},{"name":"core-preset-browser","title":"Preset Browser","description":"The unified preset library views for a host-built AudioModuleFacePresetLibrary (factory, every sampler bank, user and community presets). usePresetLibrary is t…","type":"registry:ui","source_url":"https://pluginui.com/r/core-preset-browser.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-preset-browser.json"},{"name":"core-sample-view-geometry","title":"Sample View Geometry","description":"The time axis behind SampleView as pure maths: a seconds domain with a capped, quantized extension past the take, take-normalized ↔ axis conversion, ordered st…","type":"registry:lib","source_url":"https://pluginui.com/r/core-sample-view-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-sample-view-geometry.json"},{"name":"core-sample-view-context","title":"Sample View Context","description":"The time-axis contract a SampleView hands its overlays (axis and take seconds, the surface, client-x conversion and a gesture latch), kept apart from the view …","type":"registry:lib","source_url":"https://pluginui.com/r/core-sample-view-context.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-sample-view-context.json"},{"name":"core-sample-view","title":"Sample View","description":"One take on a seconds axis from host-prepared data only: min/max peaks on a canvas, a PreparedSpectrogramData heatmap (magma, log frequency) or both, with a Wa…","type":"registry:ui","source_url":"https://pluginui.com/r/core-sample-view.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-sample-view.json"},{"name":"core-envelope-overlay","title":"Envelope Overlay","description":"An editable AHDSR amplitude envelope on the SampleView's seconds axis (or any positioned box). Attack, hold, decay-and-sustain and release nodes drag and step …","type":"registry:ui","source_url":"https://pluginui.com/r/core-envelope-overlay.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-envelope-overlay.json"},{"name":"core-take-switcher","title":"Take Switcher","description":"Generated variations as controlled tiles (A, B, C…) with a mini waveform, a badge slot, progress while generating, an error with retry, and pin and regenerate …","type":"registry:ui","source_url":"https://pluginui.com/r/core-take-switcher.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-take-switcher.json"},{"name":"core-radial-pad-geometry","title":"Radial Pad Geometry","description":"The polar layout of a hand-played disc as pure maths: a centre pad plus rings of wedge zones, with the same table driving the SVG paths, the hit test and the o…","type":"registry:lib","source_url":"https://pluginui.com/r/core-radial-pad-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-radial-pad-geometry.json"},{"name":"core-radial-pad-surface","title":"Radial Pad Surface","description":"A playable disc: a centre pad ringed by wedge-shaped zones, labelled and lit from the state you pass in. Presses report how far from the zone's centre they lan…","type":"registry:ui","source_url":"https://pluginui.com/r/core-radial-pad-surface.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-radial-pad-surface.json"},{"name":"core-rate-level-envelope-display","title":"Rate Level Envelope Display","description":"A controlled plot for classic FM rate/level envelopes, where every stage has both a speed and a destination level. Supports any stage count, configurable range…","type":"registry:ui","source_url":"https://pluginui.com/r/core-rate-level-envelope-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-rate-level-envelope-display.json"},{"name":"core-response-geometry","title":"Response Geometry","description":"The log-frequency / dB plot as pure maths: an axis factory with both forward and inverse mappings, RBJ biquad magnitudes for all seven cookbook shapes, and cas…","type":"registry:lib","source_url":"https://pluginui.com/r/core-response-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-response-geometry.json"},{"name":"core-rhythm-math","title":"Rhythm Math","description":"Euclidean rhythms and the circle they are drawn on, as pure maths: Bjorklund's algorithm rotated onto its downbeat (E(3,8) is the tresillo, E(5,8) the cinquill…","type":"registry:lib","source_url":"https://pluginui.com/r/core-rhythm-math.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-rhythm-math.json"},{"name":"core-rhythm-wheel","title":"Rhythm Wheel","description":"A bar as a circle: N steps round a ring, the struck ones lit, joined into the polygon that IS the pattern — a lopsided triangle for the tresillo, a square for …","type":"registry:ui","source_url":"https://pluginui.com/r/core-rhythm-wheel.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-rhythm-wheel.json"},{"name":"core-scale-remap-control","title":"Scale Remap Control","description":"A headless controlled Scale/12-TET note-remap switch with compact and circle-of-fifths root-note selectors.","type":"registry:ui","source_url":"https://pluginui.com/r/core-scale-remap-control.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-scale-remap-control.json"},{"name":"core-segment-display","title":"Segment Display","description":"The LED readout off the front of a rack unit — 7, 14 or 16 bars per cell, drawn as geometry rather than set in a font, because the thing that makes a real one …","type":"registry:ui","source_url":"https://pluginui.com/r/core-segment-display.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-segment-display.json"},{"name":"core-segment-font","title":"Segment Font","description":"The pure core of a segment display: David Madison's ASCII mask tables for 7, 14 and 16 segments, plus the polygons that draw them. Bars are built from four num…","type":"registry:lib","source_url":"https://pluginui.com/r/core-segment-font.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-segment-font.json"},{"name":"core-prepared-spectrogram","title":"Prepared Spectrogram","description":"Display-only time/frequency raster mapping for bounded host-prepared spectral frames, preserving explicit window-center timestamps and MIDI-aligned logarithmic…","type":"registry:lib","source_url":"https://pluginui.com/r/core-prepared-spectrogram.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-prepared-spectrogram.json"},{"name":"core-spectrogram","title":"Spectrogram","description":"A time × frequency heatmap. Realtime scrolls an analyser; static analyses PCM; prepared renders bounded host-produced magnitudes at explicit timestamps without…","type":"registry:ui","source_url":"https://pluginui.com/r/core-spectrogram.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-spectrogram.json"},{"name":"core-spectrum","title":"Spectrum","description":"An FFT magnitude display as bars or a filled curve, on a logarithmic frequency axis — because a linear one spends half its width above 10 kHz and crushes the b…","type":"registry:ui","source_url":"https://pluginui.com/r/core-spectrum.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-spectrum.json"},{"name":"core-step-division-selector","title":"Step Division Selector","description":"A compact controlled dropdown for rhythmic step divisions, styled by the UI kit theme variables.","type":"registry:ui","source_url":"https://pluginui.com/r/core-step-division-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-step-division-selector.json"},{"name":"core-step-grid","title":"Step Grid","description":"The sequencer grid: steps across, lanes down, a page at a time. Tap a cell to toggle it, drag across a row to paint a whole stroke on or off, drag up or down o…","type":"registry:ui","source_url":"https://pluginui.com/r/core-step-grid.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-step-grid.json"},{"name":"core-step-lane","title":"Step Lane","description":"One row of a step sequencer, with three states rather than two: off, on and accent, because accent is a real louder hit and a two-state lane forces it into a s…","type":"registry:ui","source_url":"https://pluginui.com/r/core-step-lane.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-step-lane.json"},{"name":"core-step-pattern","title":"Step Pattern","description":"The sequencer/arpeggiator pattern model and the grid it draws on, as pure maths: held notes walked up, down, up-down (endpoints unrepeated), in press order or …","type":"registry:lib","source_url":"https://pluginui.com/r/core-step-pattern.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-step-pattern.json"},{"name":"core-step-timeline","title":"Step Timeline","description":"Retained-resolution timeline math for step sequencers. Coarser divisions hide fine cells without deleting them.","type":"registry:lib","source_url":"https://pluginui.com/r/core-step-timeline.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-step-timeline.json"},{"name":"core-stereo-field","title":"Stereo Field","description":"The parameter-side picture of a stereo image: an L-R field with a pan cursor the host can animate from an LFO phase, the width parameter drawn as a spread arou…","type":"registry:ui","source_url":"https://pluginui.com/r/core-stereo-field.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-stereo-field.json"},{"name":"core-stereo-math","title":"Stereo Math","description":"What a stereo image is doing, as pure numbers: correlation at lag zero on the meter convention (no mean removal), mid/side energies and the width ratio they im…","type":"registry:lib","source_url":"https://pluginui.com/r/core-stereo-math.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-stereo-math.json"},{"name":"core-stft","title":"STFT","description":"The spectrogram's whole-buffer short-time Fourier transform, forwarded from @maruaudio/audio-sdk/analysis: the canonical radix-2 FFT, paired stereo transform, …","type":"registry:lib","source_url":"https://pluginui.com/r/core-stft.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-stft.json"},{"name":"core-svg-markers","title":"SVG Markers","description":"Shared screen-space sizes and round-cap paths for circular SVG markers in stretched plots.","type":"registry:lib","source_url":"https://pluginui.com/r/core-svg-markers.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-svg-markers.json"},{"name":"core-tine-array-geometry","title":"Tine Array Geometry","description":"The layout of a plucked-tine board as pure maths: the kalimba's centre-out fan and the music box comb's monotonic run, tine lengths from the clamped-free bar's…","type":"registry:lib","source_url":"https://pluginui.com/r/core-tine-array-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-tine-array-geometry.json"},{"name":"core-toggle-headless","title":"Toggle Headless","description":"The unstyled switch primitive a toggle is built on: controlled and uncontrolled state, the full role=\"switch\" contract, the click and keyboard paths, and the p…","type":"registry:ui","source_url":"https://pluginui.com/r/core-toggle-headless.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-toggle-headless.json"},{"name":"core-toggle-switch","title":"Toggle Switch","description":"On-off in three looks: a sliding rocker, a round stomp footswitch with a status LED, or a vertical hardware lever in a recessed metal slot.","type":"registry:ui","source_url":"https://pluginui.com/r/core-toggle-switch.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-toggle-switch.json"},{"name":"core-tonal-center","title":"Tonal Center","description":"Two tonic models as pure functions. Krumhansl-Schmuckler correlates a 12-bin pitch-class histogram against all 24 rotated major/minor profiles to name the key,…","type":"registry:lib","source_url":"https://pluginui.com/r/core-tonal-center.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-tonal-center.json"},{"name":"core-transfer-curve","title":"Transfer Curve","description":"What a waveshaper does to a sample, drawn: input amplitude across, output up, and the gap to the identity diagonal is the distortion at true scale. A staircase…","type":"registry:ui","source_url":"https://pluginui.com/r/core-transfer-curve.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-transfer-curve.json"},{"name":"core-transport-controls","title":"Transport Controls","description":"The transport bar, composed rather than reinvented: play, stop, loop and an optional record built from glow-button's toggle and momentary modes, a monospace te…","type":"registry:ui","source_url":"https://pluginui.com/r/core-transport-controls.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-transport-controls.json"},{"name":"core-triangle-pad","title":"Triangle Pad","description":"A ternary control surface driven by two normalised inputs. The default apex/base formula uses Y for distance from A and X to balance B against C. An alternate …","type":"registry:ui","source_url":"https://pluginui.com/r/core-triangle-pad.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-triangle-pad.json"},{"name":"core-use-audio-input-devices","title":"useAudioInputDevices","description":"Audio device permission, enumeration, selection and capture in one controller. `enable()` is the whole flow in one call — ask permission, enumerate, resolve th…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-audio-input-devices.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-audio-input-devices.json"},{"name":"core-use-audio-source","title":"useAudioSource","description":"The input contract every audio-fed display shares — an AnalyserNode or a getData callback — plus a HiDPI canvas draw loop that pauses when the tab is hidden an…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-audio-source.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-audio-source.json"},{"name":"core-use-control","title":"useControl","description":"The interaction core: controlled/uncontrolled value state, pointer-capture dragging, and keyboard stepping with fine and coarse passes.","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-control.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-control.json"},{"name":"core-use-first-interaction","title":"useFirstInteraction","description":"Reports the first user gesture on a control, synchronously inside the event — the hook for resuming a suspended AudioContext, which browsers only allow from a …","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-first-interaction.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-first-interaction.json"},{"name":"core-use-knob-keyboard","title":"useKnobKeyboardControls","description":"Arrow, Page and Home/End handling for a knob, with step sizes induced from the range so any control is ~100 presses end to end, and Shift for a fine pass.","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-knob-keyboard.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-knob-keyboard.json"},{"name":"core-use-midi-access","title":"useMidiAccess","description":"The Web MIDI permission gate: request access from a user gesture, then track connected input and output ports through hotplug. Reports serialisable port descri…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-midi-access.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-midi-access.json"},{"name":"core-use-midi-activity","title":"useMidiActivity","description":"Coalesce a MIDI stream into one row per control instead of one row per message: a CC sweep updates a single row with a value history, and a note-on/note-off pa…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-midi-activity.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-midi-activity.json"},{"name":"core-use-midi-inputs","title":"useMidiInputs","description":"Subscribe to several MIDI inputs at once and merge them into one message stream. Messages dispatch immediately; per-device activity is batch-flushed so a CC sw…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-midi-inputs.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-midi-inputs.json"},{"name":"core-use-note-swipe-area","title":"useNoteSwipeArea","description":"A reusable press-and-glide lifecycle for hit-tested note surfaces such as kalimbas and harps. The SDK owns the framework-free gesture state machine while this …","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-note-swipe-area.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-note-swipe-area.json"},{"name":"core-use-note-trigger-area","title":"useNoteTriggerArea","description":"A complete press-and-release lifecycle for playable pads, keys and drum zones. Pointer Events cover mouse, pen and touch; pointer capture, window fallbacks, ca…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-note-trigger-area.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-note-trigger-area.json"},{"name":"core-use-surface-pointer","title":"useSurfacePointer","description":"Absolute pointer tracking for surface controls: pressing anywhere on a track jumps the head there and keeps dragging from that spot, with pointer capture and w…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-surface-pointer.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-surface-pointer.json"},{"name":"core-use-wheel","title":"useWheel","description":"Wheel support that actually stops the page scrolling — a non-passive listener — plus the transient \"is the user scrolling right now\" flag that drives fade-in s…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-wheel.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-wheel.json"},{"name":"core-vocoder-panel","title":"Vocoder Panel","description":"A controlled channel-vocoder panel with paired analysis and carrier filter banks, logarithmic frequency guides, grouped range, envelope and output controls, an…","type":"registry:ui","source_url":"https://pluginui.com/r/core-vocoder-panel.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-vocoder-panel.json"},{"name":"core-waveform-selector","title":"Waveform Selector","description":"A compact waveform readout that opens a visual, keyboard-navigable popover instead of spending panel width on segmented facets. Includes a hook for integer DSP…","type":"registry:ui","source_url":"https://pluginui.com/r/core-waveform-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-waveform-selector.json"},{"name":"core-waveforms","title":"Waveforms","description":"Canonical oscillator and LFO waveform ids, aliases, enum adapters, and deterministic periodic-wave maths.","type":"registry:lib","source_url":"https://pluginui.com/r/core-waveforms.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-waveforms.json"},{"name":"core-waveshaper-math","title":"Waveshaper Math","description":"The transfer functions distortion stages actually run, as pure maths: the soft-clip saturator, both shipped bitcrush grids, the Chebyshev polynomial recurrence…","type":"registry:lib","source_url":"https://pluginui.com/r/core-waveshaper-math.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-waveshaper-math.json"},{"name":"core-xy-pad","title":"XY Pad","description":"A two-dimensional drag surface with a grid, crosshair and a glowing dot that leaves a short trail. Two independent value outputs, each with its own range.","type":"registry:ui","source_url":"https://pluginui.com/r/core-xy-pad.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-xy-pad.json"},{"name":"core-xy-pad-headless","title":"XY Pad Headless","description":"The unstyled plane primitive an XY pad is built on: absolute pointer positioning on both axes, the y-axis inversion screen coordinates make easy to get backwar…","type":"registry:ui","source_url":"https://pluginui.com/r/core-xy-pad-headless.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-xy-pad-headless.json"},{"name":"core-plane-geometry","title":"Plane Geometry","description":"The conventions every two-dimensional surface shares, as pure maths: pointer to plane fractions with y read bottom-up, the keyboard step where the plain arrow …","type":"registry:lib","source_url":"https://pluginui.com/r/core-plane-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-plane-geometry.json"},{"name":"core-plan-pad","title":"Plan Pad","description":"N labelled points on a scaled top-down plane: a source and microphones in a room, speakers round a listener. The plane keeps the caller's width × depth aspect,…","type":"registry:ui","source_url":"https://pluginui.com/r/core-plan-pad.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-plan-pad.json"},{"name":"core-use-diagnostic-session","title":"useDiagnosticSession","description":"React bindings for the SDK's DiagnosticSession: useSyncExternalStore over the session's own snapshot/subscribe pair, ownership tied to the component's lifetime…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-diagnostic-session.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-diagnostic-session.json"},{"name":"core-diagnostic-panel","title":"Diagnostic Panel","description":"The eleven-tab developer view of a running plugin: Overview, Host, Transport/Clock, MIDI, Audio, Parameters, Presets/State, Events, Stimulus, Performance and P…","type":"registry:ui","source_url":"https://pluginui.com/r/core-diagnostic-panel.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-diagnostic-panel.json"},{"name":"core-diagnostic-overlay","title":"Diagnostic Overlay","description":"How a developer actually reaches the diagnostic panel: right-click the face, or press Ctrl/Cmd+Shift+D. It owns everything the panel deliberately does not — wh…","type":"registry:ui","source_url":"https://pluginui.com/r/core-diagnostic-overlay.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-diagnostic-overlay.json"},{"name":"core-beat-clock","title":"useBeatClock","description":"Where a tempo-synced face's playhead is, and — just as important — whose clock that position came from. A host transport that is PLAYING drives the phase from …","type":"registry:hook","source_url":"https://pluginui.com/r/core-beat-clock.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-beat-clock.json"},{"name":"core-beat-grid-geometry","title":"Beat Grid Geometry","description":"The layout for a bars-across, dB-DOWN plot, as pure maths: beat and seconds-at-a-tempo mappings across the time axis, bar/beat/subdivision tick enumerations, a…","type":"registry:lib","source_url":"https://pluginui.com/r/core-beat-grid-geometry.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-beat-grid-geometry.json"},{"name":"core-beat-grid-scope","title":"Beat Grid Scope","description":"A dynamics scope's chrome: a bars-across grid with bar lines heavier than beats and an optional sixteenth grid, a dB gutter reading downward from 0, a dashed h…","type":"registry:ui","source_url":"https://pluginui.com/r/core-beat-grid-scope.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-beat-grid-scope.json"},{"name":"core-status-chip","title":"Status Chip","description":"The LED-style chip a face uses to say what a facility is doing — AUDITION lit, HOST SYNC off, LIVE — in five states that stay tellable apart. The distinction i…","type":"registry:ui","source_url":"https://pluginui.com/r/core-status-chip.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-status-chip.json"},{"name":"core-value-readout","title":"Value Readout","description":"A caption over a big tabular-monospace number, with its unit beside it and an optional qualifier underneath — the REDUCTION / −14.0 dB element every meter-bear…","type":"registry:ui","source_url":"https://pluginui.com/r/core-value-readout.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-value-readout.json"},{"name":"core-note-range-selector","title":"Note Range Selector","description":"A bounded piano range with named notes, gesture commits and an optional instrument-default reset.","type":"registry:ui","source_url":"https://pluginui.com/r/core-note-range-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-note-range-selector.json"},{"name":"core-range-slider","title":"Range Slider","description":"Two thumbs on one track for a span such as a note range, on Base UI's Slider. Controlled and told which thumb moved; labels point outward from their thumbs so …","type":"registry:ui","source_url":"https://pluginui.com/r/core-range-slider.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-range-slider.json"},{"name":"core-weight-bars","title":"Weight Bars","description":"An editable bar chart, such as a pitch-class histogram: twelve bars labelled C to B over a row coloured like piano keys, with the scale's notes highlighted and…","type":"registry:ui","source_url":"https://pluginui.com/r/core-weight-bars.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-weight-bars.json"},{"name":"core-console-styles","title":"Console Styles","description":"The interaction states of the compact console controls as one small stylesheet, rendered through ConsoleStyles, which React 19 hoists into the document head an…","type":"registry:lib","source_url":"https://pluginui.com/r/core-console-styles.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-console-styles.json"},{"name":"core-overlay-container","title":"Overlay Container","description":"Where a menu or popover opened from a control should be portaled: the fullscreen element while the control is inside browser fullscreen, and its own document's…","type":"registry:lib","source_url":"https://pluginui.com/r/core-overlay-container.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-overlay-container.json"},{"name":"core-segmented-control","title":"Segmented Control","description":"One choice out of a few as a pill track of pressed-or-not buttons on Base UI's ToggleGroup and Toggle (roving arrow keys, aria-pressed). Selection never emptie…","type":"registry:ui","source_url":"https://pluginui.com/r/core-segmented-control.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-segmented-control.json"},{"name":"core-number-field","title":"Number Field","description":"A compact numeric input on Base UI's NumberField with optional steppers and an optional Base UI Slider sharing its draft. One onValueCommitted per gesture (Ent…","type":"registry:ui","source_url":"https://pluginui.com/r/core-number-field.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-number-field.json"},{"name":"core-seed-slots","title":"Seed Slots","description":"A list of random seeds as content-sized chips: a number field, a die and a remove button that show on hover or focus (always on touch). Stable keys across remo…","type":"registry:ui","source_url":"https://pluginui.com/r/core-seed-slots.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-seed-slots.json"},{"name":"core-rhythm-step-grid","title":"Rhythm Step Grid","description":"One cycle of a rhythm as a row of steps (a note's first step in the value fill, held steps tinted, rests with an edge at least 3:1 against the card), each note…","type":"registry:ui","source_url":"https://pluginui.com/r/core-rhythm-step-grid.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-rhythm-step-grid.json"},{"name":"core-scale-picker","title":"Scale Picker","description":"A key as a tonic and a mode: twelve tonic buttons coloured like piano keys on a Base UI ToggleGroup (arrow keys, aria-pressed, never cleared by a second press,…","type":"registry:ui","source_url":"https://pluginui.com/r/core-scale-picker.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-scale-picker.json"},{"name":"core-panel-tabs","title":"Panel Tabs","description":"Compact underline tabs for a side panel on Base UI's Tabs, generic over the tab values: a root, a list built from tab items and the panels, with tablist roles,…","type":"registry:ui","source_url":"https://pluginui.com/r/core-panel-tabs.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-panel-tabs.json"},{"name":"core-resize-handle","title":"Resize Handle","description":"The splitter between two stacked or side-by-side panes, controlling one pane's size in pixels as a focusable separator with aria-valuenow. Drag with pointer ca…","type":"registry:ui","source_url":"https://pluginui.com/r/core-resize-handle.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-resize-handle.json"},{"name":"core-use-element-size","title":"useElementSize","description":"An element's layout size, kept current while it is mounted, through a callback ref. It reads layout sizes (offsetWidth before the first paint, then the ResizeO…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-element-size.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-element-size.json"},{"name":"core-use-persistent-state","title":"usePersistentState","description":"A viewer preference in localStorage, read synchronously through useSyncExternalStore so the first paint already uses it, written in the setter rather than insi…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-persistent-state.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-persistent-state.json"},{"name":"core-use-fullscreen","title":"useFullscreen","description":"Whether an element can go full screen, whether it is, and a toggle: reads the element's own document (a face may run in a frame), follows fullscreenchange so E…","type":"registry:hook","source_url":"https://pluginui.com/r/core-use-fullscreen.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-fullscreen.json"},{"name":"core-playback-clock","title":"Playback Clock","description":"Where a playing timeline is now, as a tiny external store outside React: playbackPositionAt for the maths, createPlaybackClock advancing on requestAnimationFra…","type":"registry:lib","source_url":"https://pluginui.com/r/core-playback-clock.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-playback-clock.json"},{"name":"core-scene-shell","title":"Scene Shell","description":"The reusable part of an interactive three.js face scene: a WebGL renderer with an unavailable path, resize and on-screen tracking, a 30 fps draw loop that paus…","type":"registry:lib","source_url":"https://pluginui.com/r/core-scene-shell.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-scene-shell.json"},{"name":"core-console-icons","title":"Console Icons","description":"The small stroked glyphs the console controls and module faces share (transport, disclosure, add and remove, dice, menus, help, mute and solo) as one ConsoleIc…","type":"registry:lib","source_url":"https://pluginui.com/r/core-console-icons.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-console-icons.json"},{"name":"core-timeline-roll","title":"Timeline Roll","description":"A read-only multitrack piano roll of a prepared timeline: ruler with cycle numbers, a section strip, pitched rows and a compact drum strip with General MIDI na…","type":"registry:ui","source_url":"https://pluginui.com/r/core-timeline-roll.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-timeline-roll.json"},{"name":"core-console-button","title":"Console Button","description":"The plain buttons of a console face on Base UI's Button and Toggle: ConsoleButton (text with an optional console icon), ConsoleIconButton (a square icon-only b…","type":"registry:ui","source_url":"https://pluginui.com/r/core-console-button.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-console-button.json"},{"name":"core-console-tooltip","title":"Console Tooltip","description":"A short visual label for a console control on Base UI's Tooltip, opening after a short hover delay and at once on keyboard focus, closing on Escape, blur or po…","type":"registry:ui","source_url":"https://pluginui.com/r/core-console-tooltip.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-console-tooltip.json"},{"name":"core-info-tip","title":"Info Tip","description":"An (i) console icon button that opens help on Base UI's Popover, so touch, keyboard and screen-reader users can reach it: a click, a tap, Enter or Space opens …","type":"registry:ui","source_url":"https://pluginui.com/r/core-info-tip.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-info-tip.json"},{"name":"core-console-switch","title":"Console Switch","description":"An on/off switch sized for a console row on Base UI's Switch (role switch, aria-checked, a hidden form input, Space and Enter toggle it): a control-height hit …","type":"registry:ui","source_url":"https://pluginui.com/r/core-console-switch.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-console-switch.json"},{"name":"core-toggle-lane","title":"Toggle Lane","description":"A row of on/off cells for choosing several values from a range, such as the notes of a chord on a keyboard strip or the semitones of a set, on Base UI's Toggle…","type":"registry:ui","source_url":"https://pluginui.com/r/core-toggle-lane.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-toggle-lane.json"},{"name":"core-audio-clip-waveform","title":"Audio clip waveform geometry","description":"Pure peak decoding and waveform geometry.","type":"registry:lib","source_url":"https://pluginui.com/r/core-audio-clip-waveform.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-audio-clip-waveform.json"},{"name":"core-audio-clip-player","title":"Audio Clip Player","description":"Host-controlled play/pause, seekable waveform and time display.","type":"registry:ui","source_url":"https://pluginui.com/r/core-audio-clip-player.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-audio-clip-player.json"},{"name":"core-midi-playback","title":"MIDI Playback","description":"Shared MIDI playback panel extracted from Code Sequencer: timeline, stable colored tracks, host mute/solo callbacks, fit or following scroll view, export and d…","type":"registry:ui","source_url":"https://pluginui.com/r/core-midi-playback.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-midi-playback.json"},{"name":"core-use-midi-file-export","title":"MIDI File Export","description":"Reusable click/drag lifecycle with injected MIDI encoder and platform download/drag adapters. Cleans up drag resources on replacement and unmount.","type":"registry:lib","source_url":"https://pluginui.com/r/core-use-midi-file-export.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-use-midi-file-export.json"},{"name":"core-music-theory-pitch-class","title":"Pitch Class","description":"Canonical pitch names and MIDI pitch helpers, delivered from the music-theory owner for standalone UI controls.","type":"registry:lib","source_url":"https://pluginui.com/r/core-music-theory-pitch-class.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-music-theory-pitch-class.json"},{"name":"example-signal-synth","title":"Signal Synth","description":"Complete Tailwind instrument face: mixed-size knobs, rank faders, switches, LCD, editable filter, envelope and modulation window. Silent UI assembly.","type":"registry:block","source_url":"https://pluginui.com/r/example-signal-synth.json","install_command":"npx shadcn@latest add https://pluginui.com/r/example-signal-synth.json"},{"name":"example-pressure-compressor","title":"Pressure Compressor","description":"Tailwind dynamics face with a linked transfer curve and output fader. Silent UI assembly.","type":"registry:block","source_url":"https://pluginui.com/r/example-pressure-compressor.json","install_command":"npx shadcn@latest add https://pluginui.com/r/example-pressure-compressor.json"},{"name":"core-dropdown-menu","title":"Dropdown and Ellipsis Menu","description":"Portable shadcn/Base UI dropdown menu primitives and a standard EllipsisMenu trigger. Shares selector popup styling, keyboard navigation, focus return, collisi…","type":"registry:ui","source_url":"https://pluginui.com/r/core-dropdown-menu.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-dropdown-menu.json"},{"name":"core-popover","title":"Popover","description":"Portable Base UI popovers with overridable collision avoidance, available-space sizing and document/fullscreen-aware portals.","type":"registry:ui","source_url":"https://pluginui.com/r/core-popover.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-popover.json"},{"name":"core-shadcn-utils","title":"Shadcn Utils","description":"Shared class composition for portable shadcn controls.","type":"registry:lib","source_url":"https://pluginui.com/r/core-shadcn-utils.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-shadcn-utils.json"},{"name":"core-staff-notation-layout","title":"Staff Notation Layout","description":"Pure measure-preserving score row layout for responsive staff notation.","type":"registry:lib","source_url":"https://pluginui.com/r/core-staff-notation-layout.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-staff-notation-layout.json"},{"name":"core-staff-notation","title":"Staff Notation","description":"Portable SVG music engraving with spelled notes, rests, chords, beams, dots, triplets, ties and producer-supplied playback colors.","type":"registry:ui","source_url":"https://pluginui.com/r/core-staff-notation.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-staff-notation.json"},{"name":"core-portable-styles","title":"Portable Styles","description":"Canonical stylesheet for stylesheet-isolated module controls.","type":"registry:lib","source_url":"https://pluginui.com/r/core-portable-styles.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-portable-styles.json"},{"name":"core-music-theory-pitch-class-profile","title":"Pitch Class Profile","description":"Canonical pitch-class profile normalization, delivered from music-theory for standalone tonal analysis.","type":"registry:lib","source_url":"https://pluginui.com/r/core-music-theory-pitch-class-profile.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-music-theory-pitch-class-profile.json"},{"name":"core-microphone-patterns","title":"Microphone Patterns","description":"First-order microphone pattern IDs, numeric enum adapters and unit polar diagram geometry.","type":"registry:lib","source_url":"https://pluginui.com/r/core-microphone-patterns.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-microphone-patterns.json"},{"name":"core-microphone-pattern-selector","title":"Microphone Pattern Selector","description":"A compact polar-pattern readout opening five visual cards with responsive grid navigation and portable theme inheritance.","type":"registry:ui","source_url":"https://pluginui.com/r/core-microphone-pattern-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-microphone-pattern-selector.json"},{"name":"core-microphone-arrangement-selector","title":"Microphone Arrangement Selector","description":"Mono, spaced pair, XY and ORTF diagrams in a compact visual card selector, sharing microphone pattern grid behavior.","type":"registry:ui","source_url":"https://pluginui.com/r/core-microphone-arrangement-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/core-microphone-arrangement-selector.json"},{"name":"gallery-knob-gallery-core","title":"Knob Gallery Core","description":"Shared Knob presets, pure artwork exports and scoped motion CSS for custom knob designs.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery-core.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-core.json"},{"name":"gallery-knob-gallery-machined","title":"Machined Knob Kit","description":"Eight custom Canvas knob surfaces with a shared analytic lighting renderer.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery-machined.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-machined.json"},{"name":"gallery-knob-gallery-playful","title":"Playful Knob Kit","description":"Eight authored SVG knob surfaces: pearl, candy, glass, jelly and playful geometry.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery-playful.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-playful.json"},{"name":"gallery-knob-gallery-graphic","title":"Graphic Knob Kit","description":"Eight authored vector knob designs with distinct marker, scale and body geometry.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery-graphic.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-graphic.json"},{"name":"gallery-knob-gallery-focused","title":"Material Study Knob Kit","description":"Eighteen white-plastic, pearl and porcelain profiles using the shared machined renderer.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery-focused.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-focused.json"},{"name":"gallery-knob-gallery","title":"Complete Knob Gallery","description":"All authored custom knob studies and their shared headless wrapper. Silent visual source, with no product DSP or assets.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery.json"},{"name":"gallery-machined-pearl-knob","title":"MachinedPearlKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-pearl-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-pearl-knob.json"},{"name":"gallery-machined-alloy-knob","title":"MachinedAlloyKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-alloy-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-alloy-knob.json"},{"name":"gallery-machined-fluted-knob","title":"MachinedFlutedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-fluted-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-fluted-knob.json"},{"name":"gallery-machined-rubber-knob","title":"MachinedRubberKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-rubber-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-rubber-knob.json"},{"name":"gallery-machined-porcelain-knob","title":"MachinedPorcelainKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-porcelain-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-porcelain-knob.json"},{"name":"gallery-machined-brass-knob","title":"MachinedBrassKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-brass-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-brass-knob.json"},{"name":"gallery-machined-chrome-knob","title":"MachinedChromeKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-chrome-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-chrome-knob.json"},{"name":"gallery-machined-stepped-knob","title":"MachinedSteppedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-machined-stepped-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-machined-stepped-knob.json"},{"name":"gallery-playful-candy-knob","title":"PlayfulCandyKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-candy-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-candy-knob.json"},{"name":"gallery-playful-pearl-knob","title":"PlayfulPearlKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-pearl-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-pearl-knob.json"},{"name":"gallery-playful-flower-knob","title":"PlayfulFlowerKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-flower-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-flower-knob.json"},{"name":"gallery-playful-jelly-knob","title":"PlayfulJellyKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-jelly-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-jelly-knob.json"},{"name":"gallery-playful-lens-knob","title":"PlayfulLensKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-lens-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-lens-knob.json"},{"name":"gallery-playful-dent-knob","title":"PlayfulDentKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-dent-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-dent-knob.json"},{"name":"gallery-playful-spark-knob","title":"PlayfulSparkKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-spark-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-spark-knob.json"},{"name":"gallery-playful-acrylic-knob","title":"PlayfulAcrylicKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-playful-acrylic-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-playful-acrylic-knob.json"},{"name":"gallery-graphic-encoder-knob","title":"GraphicEncoderKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-encoder-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-encoder-knob.json"},{"name":"gallery-graphic-orbit-knob","title":"GraphicOrbitKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-orbit-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-orbit-knob.json"},{"name":"gallery-graphic-engraved-knob","title":"GraphicEngravedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-engraved-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-engraved-knob.json"},{"name":"gallery-graphic-faceted-knob","title":"GraphicFacetedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-faceted-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-faceted-knob.json"},{"name":"gallery-graphic-ceramic-knob","title":"GraphicCeramicKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-ceramic-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-ceramic-knob.json"},{"name":"gallery-graphic-radar-knob","title":"GraphicRadarKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-radar-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-radar-knob.json"},{"name":"gallery-graphic-number-wheel-knob","title":"GraphicNumberWheelKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-number-wheel-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-number-wheel-knob.json"},{"name":"gallery-graphic-recessed-knob","title":"GraphicRecessedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-graphic-recessed-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-graphic-recessed-knob.json"},{"name":"gallery-grip-milk-knob","title":"GripMilkKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-grip-milk-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-grip-milk-knob.json"},{"name":"gallery-grip-marshmallow-knob","title":"GripMarshmallowKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-grip-marshmallow-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-grip-marshmallow-knob.json"},{"name":"gallery-grip-frost-knob","title":"GripFrostKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-grip-frost-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-grip-frost-knob.json"},{"name":"gallery-grip-ivory-knob","title":"GripIvoryKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-grip-ivory-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-grip-ivory-knob.json"},{"name":"gallery-grip-ribbed-knob","title":"GripRibbedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-grip-ribbed-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-grip-ribbed-knob.json"},{"name":"gallery-grip-quiet-knob","title":"GripQuietKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-grip-quiet-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-grip-quiet-knob.json"},{"name":"gallery-pearl-cloud-knob","title":"PearlCloudKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-pearl-cloud-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-pearl-cloud-knob.json"},{"name":"gallery-pearl-glaze-knob","title":"PearlGlazeKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-pearl-glaze-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-pearl-glaze-knob.json"},{"name":"gallery-pearl-opal-knob","title":"PearlOpalKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-pearl-opal-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-pearl-opal-knob.json"},{"name":"gallery-pearl-thumb-knob","title":"PearlThumbKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-pearl-thumb-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-pearl-thumb-knob.json"},{"name":"gallery-pearl-lens-knob","title":"PearlLensKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-pearl-lens-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-pearl-lens-knob.json"},{"name":"gallery-pearl-balloon-knob","title":"PearlBalloonKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-pearl-balloon-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-pearl-balloon-knob.json"},{"name":"gallery-saucer-chalk-knob","title":"SaucerChalkKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-saucer-chalk-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-saucer-chalk-knob.json"},{"name":"gallery-saucer-glazed-knob","title":"SaucerGlazedKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-saucer-glazed-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-saucer-glazed-knob.json"},{"name":"gallery-saucer-rolled-knob","title":"SaucerRolledKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-saucer-rolled-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-saucer-rolled-knob.json"},{"name":"gallery-saucer-thumb-knob","title":"SaucerThumbKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-saucer-thumb-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-saucer-thumb-knob.json"},{"name":"gallery-saucer-low-knob","title":"SaucerLowKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-saucer-low-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-saucer-low-knob.json"},{"name":"gallery-saucer-ivory-knob","title":"SaucerIvoryKnob","description":"A directly importable custom knob design using shared headless interaction and its authored artwork.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-saucer-ivory-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-saucer-ivory-knob.json"},{"name":"gallery-knob-gallery-contrast","title":"Contrast Dial Kit","description":"Two minimal monochrome SVG dials: a solid disc with a cut-in notch and an outlined circle with a matching inward pointer.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-knob-gallery-contrast.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-knob-gallery-contrast.json"},{"name":"gallery-contrast-filled-knob","title":"Contrast filled dial","description":"An independently importable minimal SVG dial using shared headless interaction and section-scoped accent colors.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-contrast-filled-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-contrast-filled-knob.json"},{"name":"gallery-contrast-outline-knob","title":"Contrast outline dial","description":"An independently importable minimal SVG dial using shared headless interaction and section-scoped accent colors.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-contrast-outline-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-contrast-outline-knob.json"},{"name":"example-rainbow-reverb","title":"Rainbow Reverb","description":"A silent reverb template with two minimal dials and section-scoped colors following a slowly cycling master hue.","type":"registry:block","source_url":"https://pluginui.com/r/example-rainbow-reverb.json","install_command":"npx shadcn@latest add https://pluginui.com/r/example-rainbow-reverb.json"},{"name":"gallery-sculpted-control-styles","title":"Sculpted control styles","description":"Scoped porcelain surfaces, opaque raised caps, inset rails and directional light shared by the Sculpted controls.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-sculpted-control-styles.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-control-styles.json"},{"name":"gallery-sculpted-knob","title":"Sculpted Knob","description":"A porcelain dial with stationary directional shadows, inset rotating marker, dot scale and optional raised pedestal.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-sculpted-knob.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-knob.json"},{"name":"gallery-sculpted-fader","title":"Sculpted Fader","description":"An opaque raised capsule cap over inset rails, with vertical and horizontal layouts and optional meter decoration.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-sculpted-fader.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-fader.json"},{"name":"gallery-sculpted-toggle","title":"Sculpted Toggle","description":"A tiny raised white switch cap with a recessed track and shared keyboard behavior.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-sculpted-toggle.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-toggle.json"},{"name":"gallery-sculpted-selector","title":"Sculpted Selector","description":"A dark luminous character display with custom icon slots, paging buttons and direct choice dots.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-sculpted-selector.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-sculpted-selector.json"},{"name":"example-sculpted-console","title":"Sculpted Console","description":"A silent five-column sculpted console with porcelain knobs, raised faders, luminous character selectors and an illustrative response plot.","type":"registry:block","source_url":"https://pluginui.com/r/example-sculpted-console.json","install_command":"npx shadcn@latest add https://pluginui.com/r/example-sculpted-console.json"},{"name":"gallery-spectral-control-styles","title":"Spectral control styles","description":"Scoped graphite material, recessed choices and colored spectral geometry.","type":"registry:ui","source_url":"https://pluginui.com/r/gallery-spectral-control-styles.json","install_command":"npx shadcn@latest add https://pluginui.com/r/gallery-spectral-control-styles.json"}]},{"id":"pmndrs","name":"@pmndrs","slug":"pmndrs","description":"The Poimandres design system: Material Design 3 colours, fonts, a shadcn preset, logos, Figma tokens and brand guidelines for pmndrs apps.","author":null,"framework":"react","license":null,"tags":["design-system","icons","theming"],"categories":["Icons/logos"],"labels":[],"urls":{"website":"https://pmndrs.github.io/design-system","github":null,"registry":"https://pmndrs.github.io/design-system/r/registry.json","source":"https://pmndrs.github.io/design-system/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pmndrs","markdown":"https://sh4dcn.netlify.app/md/pmndrs.md"},"logo":"<svg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg' width='600' height='600'> <rect height='600' width='600' fill='#000000' /> <rect height='238' width='238' x='181' y='181' fill='#FFFFFF' /> <rect height='222' width='222' x='189' y='189' fill='#000000' /> <rect height='206' width='206' x='197' y='197' fill='#FFFFFF' /> <rect height='190' width='190' x='205' y='205' fill='#000000' /> </svg>","preview_image":"https://pmndrs.github.io/design-system/logo.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json","install_bun":"bunx shadcn@latest add https://pmndrs.github.io/design-system/r/registry.json","registry_fetch":"curl -s https://pmndrs.github.io/design-system/r/registry.json"},"component_count":16,"components":[{"name":"md3-base","title":"MD3 plumbing","description":"The MD3 colour layer without any colours: the package's Tailwind plugin, its shadcn remap, and the pmndrs seed. Install this only if you compute the palette yo…","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/md3-base.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/md3-base.json"},{"name":"font-mono","title":"pmndrs mono font","description":"Inconsolata as `--font-mono`, so `font-mono` resolves to the pmndrs monospace — applied to `code, kbd, samp, pre` only. Through `next/font/google` on Next, thr…","type":"registry:font","source_url":"https://pmndrs.github.io/design-system/r/font-mono.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/font-mono.json"},{"name":"theme","title":"pmndrs theme","description":"The pmndrs theme: the Material Design 3 palette, the colour machinery under it (`md3-base`) and the mono font (`font-mono`). Additive to the stock shadcn token…","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme.json"},{"name":"theme-lime","title":"pmndrs Lime theme","description":"The pmndrs theme with Lime (#CAF543) as its source seed. Lime keeps the designer-selected neutral seeds. Custom colours and the mono font stay the pmndrs defau…","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-lime.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-lime.json"},{"name":"theme-teal","title":"pmndrs Teal theme","description":"The pmndrs theme with Teal (#00F7A3) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs de…","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-teal.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-teal.json"},{"name":"theme-cyan","title":"pmndrs Cyan theme","description":"The pmndrs theme with Cyan (#2BDCF6) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs de…","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-cyan.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-cyan.json"},{"name":"theme-purple","title":"pmndrs Purple theme","description":"The pmndrs theme with Purple (#D855F9) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs …","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-purple.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-purple.json"},{"name":"theme-red","title":"pmndrs Red theme","description":"The pmndrs theme with Red (#FF4980) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs def…","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-red.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-red.json"},{"name":"theme-orange","title":"pmndrs Orange theme","description":"The pmndrs theme with Orange (#FFC043) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs …","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-orange.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-orange.json"},{"name":"theme-yellow","title":"pmndrs Yellow theme","description":"The pmndrs theme with Yellow (#EBFF0F) as its source seed. MD3 derives the neutral palettes from this source. Custom colours and the mono font stay the pmndrs …","type":"registry:lib","source_url":"https://pmndrs.github.io/design-system/r/theme-yellow.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/theme-yellow.json"},{"name":"palette","title":"pmndrs palette CSS","description":"The pmndrs light and dark palettes as a plain CSS file. Import it in Vue, vanilla JavaScript or any project that uses CSS variables; no framework, Tailwind plu…","type":"registry:item","source_url":"https://pmndrs.github.io/design-system/r/palette.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/palette.json"},{"name":"preset","title":"poimandres preset","description":"The poimandres shadcn preset and the pmndrs theme in one item, for `shadcn init`: style `base-luma`, Inter, the default radius, lucide icons, and the Material …","type":"registry:base","source_url":"https://pmndrs.github.io/design-system/r/preset.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/preset.json"},{"name":"preset-vue","title":"poimandres Vue preset","description":"The pmndrs palette and foundations for shadcn-vue: reka-luma, Lucide icons, Inter and Inconsolata, the default radius, and every Material Design 3 colour utili…","type":"registry:base","source_url":"https://pmndrs.github.io/design-system/r/preset-vue.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/preset-vue.json"},{"name":"logo","title":"pmndrs logo","description":"The pmndrs logo as SVG — complete, idle, animated and loading — into `public/pmndrs/`, so `/pmndrs/logo_loading.svg` is a plain image URL. The animations are C…","type":"registry:item","source_url":"https://pmndrs.github.io/design-system/r/logo.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/logo.json"},{"name":"figma-tokens","title":"pmndrs Figma tokens","description":"The pmndrs design tokens for Figma, into `design/tokens/pmndrs/`: the palette, light and dark, and the type, spacing, radius and motion values, as variables Fi…","type":"registry:item","source_url":"https://pmndrs.github.io/design-system/r/figma-tokens.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/figma-tokens.json"},{"name":"v0","title":"pmndrs theme for v0","description":"The pmndrs theme as `app/globals.css` for Open in v0: the light and dark palette, shadcn and MD3 colour utilities, Inter, Inconsolata and the default radius. I…","type":"registry:item","source_url":"https://pmndrs.github.io/design-system/r/v0.json","install_command":"npx shadcn@latest add https://pmndrs.github.io/design-system/r/v0.json"}]},{"id":"preskok","name":"@preskok","slug":"preskok","description":"Accessible, production-ready React components built with React Aria Components and Tailwind CSS.","author":"GregorGabric","framework":"react","license":null,"tags":["accessibility","auth","buttons","cards","charts","dashboard","editor","forms","hooks","icons","loaders","media","mobile","navigation","overlays","pro-available","tables","theming"],"categories":["Charts/data viz"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui-three-mu.vercel.app","github":"https://github.com/GregorGabric/ui","registry":"https://ui-three-mu.vercel.app/r/registry.json","source":"https://ui-three-mu.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/preskok","markdown":"https://sh4dcn.netlify.app/md/preskok.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='155' height='140' viewBox='0 0 155.432 140' fill='none'><path d='M115.228 0.0136719C137.529 0.581528 155.432 18.9209 155.432 41.4615C155.432 64.0022 137.529 82.3415 115.228 82.9094L114.162 82.9231H0V56.9697H25.7268V57.0769H114.162C122.747 57.0769 129.706 50.0856 129.706 41.4615C129.706 32.8374 122.747 25.8462 114.162 25.8462H25.7268V25.7389H0V0H114.162L115.228 0.0136719Z' fill='#DF3B3B'/><path d='M0 82.9231H25.7268V140H23.5829C10.5584 140 0 129.392 0 116.308V82.9231Z' fill='#DF3B3B'/></svg>","preview_image":"http://localhost:3001/og/docs/index/image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui-three-mu.vercel.app/pricing"},"metrics":{"github_stars":1,"open_issues":2,"last_commit":"2026-10-22T09:57:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json","clone":"git clone https://github.com/GregorGabric/ui.git","clone_degit":"npx degit GregorGabric/ui","registry_fetch":"curl -s https://ui-three-mu.vercel.app/r/registry.json"},"component_count":250,"components":[{"name":"default","title":null,"description":null,"type":"registry:base","source_url":"https://ui-three-mu.vercel.app/r/default.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/default.json"},{"name":"avatar","title":null,"description":"A flexible avatar component with initials and image support","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/avatar.json"},{"name":"async-image","title":null,"description":"Compound async image with lazy loading, skeleton placeholder, and error fallback.","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/async-image.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/async-image.json"},{"name":"badge","title":null,"description":"A versatile badge component with multiple intents and styles","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/badge.json"},{"name":"button","title":null,"description":"A comprehensive button component with multiple variants and sizes","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/button.json"},{"name":"button-group","title":null,"description":"A component for grouping related buttons with horizontal or vertical orientation","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/button-group.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-group.json"},{"name":"card","title":null,"description":"A flexible card component with header, content, and footer sections","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/card.json"},{"name":"container","title":null,"description":"A responsive container component with optional constraints","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/container.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/container.json"},{"name":"heading","title":null,"description":"A semantic heading component with configurable levels","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/heading.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/heading.json"},{"name":"keyboard","title":null,"description":"A component for displaying keyboard shortcuts and key combinations","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/keyboard.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard.json"},{"name":"link","title":null,"description":"An accessible link component with multiple styling options","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/link.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/link.json"},{"name":"loader","title":null,"description":"A collection of loading indicators with multiple variants","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/loader.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/loader.json"},{"name":"note","title":null,"description":"A note component for displaying contextual information with different intents","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/note.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/note.json"},{"name":"separator","title":null,"description":"A separator component for dividing content horizontally or vertically","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/separator.json"},{"name":"skeleton","title":null,"description":"A skeleton loading component with soft variant option","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/skeleton.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/skeleton.json"},{"name":"text","title":null,"description":"A simple typography component for consistent text styling","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/text.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/text.json"},{"name":"switch","title":null,"description":"An accessible switch component for boolean inputs","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/switch.json"},{"name":"preview-trigger","title":null,"description":"A trigger that displays an interactive popover on hover, focus, or long press","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/preview-trigger.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/preview-trigger.json"},{"name":"tooltip","title":null,"description":"A tooltip component with arrow and multiple styling options","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tooltip.json"},{"name":"field","title":null,"description":"Core field components including Input, Label, Description, and FieldError","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/field.json"},{"name":"form","title":null,"description":"A form wrapper component with accessibility features","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/form.json"},{"name":"checkbox","title":null,"description":"Checkbox and CheckboxGroup components with field integration","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox.json"},{"name":"input","title":null,"description":"Input and InputGroup components for text input with icons, loaders, and buttons","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input.json"},{"name":"input-otp","title":null,"description":"One-time password input component with customizable slots","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/input-otp.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-otp.json"},{"name":"number-field","title":null,"description":"A number input field with stepper buttons and validation","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/number-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-field.json"},{"name":"radio","title":null,"description":"Radio and RadioGroup components with field integration","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/radio.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio.json"},{"name":"search-field","title":null,"description":"A search input field with loading state and clear functionality","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/search-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/search-field.json"},{"name":"slider","title":null,"description":"A range slider component with tooltip and inline output options","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/slider.json"},{"name":"resizable","title":null,"description":"A resizable panel group with draggable splitters, persistence, and imperative APIs","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/resizable.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/resizable.json"},{"name":"text-field","title":null,"description":"A comprehensive text input field with prefix, suffix, and password reveal","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/text-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-field.json"},{"name":"textarea","title":null,"description":"A multi-line text input component with field integration","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/textarea.json"},{"name":"time-field","title":null,"description":"A time input field with segmented time entry","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/time-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field.json"},{"name":"popover","title":null,"description":"A popover component for displaying content in an overlay","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/popover.json"},{"name":"dialog","title":null,"description":"A comprehensive dialog component with header, body, and footer sections","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/dialog.json"},{"name":"modal","title":null,"description":"A modal dialog component with overlay and blur effects","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/modal.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/modal.json"},{"name":"drawer","title":null,"description":"A drawer component that slides in from different sides","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/drawer.json"},{"name":"sheet","title":null,"description":"A sheet component that slides in from different sides with blur effects","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/sheet.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/sheet.json"},{"name":"dropdown","title":null,"description":"Core dropdown components used by other menu-like components","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/dropdown.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/dropdown.json"},{"name":"menu","title":null,"description":"A comprehensive menu component with submenus and sections","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu.json"},{"name":"context-menu","title":null,"description":"A context menu component triggered by right-click","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/context-menu.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/context-menu.json"},{"name":"list-box","title":null,"description":"A list box component for displaying selectable options","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/list-box.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/list-box.json"},{"name":"select","title":null,"description":"A select component with searchable options and custom styling","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/select.json"},{"name":"combo-box","title":null,"description":"A combo box component with filtering and custom input","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/combo-box.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/combo-box.json"},{"name":"breadcrumbs","title":null,"description":"A breadcrumb navigation component with customizable separators","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/breadcrumbs.json"},{"name":"description-list","title":null,"description":"A description list component for key-value pairs","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/description-list.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/description-list.json"},{"name":"disclosure","title":null,"description":"Disclosure and accordion components for collapsible content","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/disclosure.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/disclosure.json"},{"name":"grid-list","title":null,"description":"A grid list component for displaying items in a grid layout","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/grid-list.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/grid-list.json"},{"name":"tabs","title":null,"description":"A tabs component with accessible tab navigation","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tabs.json"},{"name":"tree","title":null,"description":"A tree component for hierarchical data display","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/tree.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tree.json"},{"name":"calendar","title":null,"description":"A calendar component with single and range selection support","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/calendar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar.json"},{"name":"date-field","title":null,"description":"A date field component with input segments for date and time entry","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/date-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-field.json"},{"name":"date-picker","title":null,"description":"A date picker component with calendar popup for date selection","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/date-picker.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker.json"},{"name":"date-range-picker","title":null,"description":"A date range picker component with calendar popup","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/date-range-picker.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker.json"},{"name":"range-calendar","title":null,"description":"A calendar component for selecting date ranges","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/range-calendar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar.json"},{"name":"editor","title":null,"description":"A minimal rich text editor built on Tiptap","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/editor.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/editor.json"},{"name":"tag-group","title":null,"description":"A tag group component for displaying and managing tags","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/tag-group.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-group.json"},{"name":"multi-select","title":null,"description":"A multiple select component with tag-based selection","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/multi-select.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/multi-select.json"},{"name":"tag-field","title":null,"description":"A tag input field for adding and removing tags","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/tag-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-field.json"},{"name":"token-field","title":null,"description":"A text field that supports editable inline tokens","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/token-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/token-field.json"},{"name":"toggle","title":null,"description":"A toggle button component with multiple variants","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle.json"},{"name":"toggle-group","title":null,"description":"A toggle group component for single or multiple selection","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-group.json"},{"name":"choice-box","title":null,"description":"A choice box component for selecting from a grid of options","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/choice-box.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/choice-box.json"},{"name":"carousel","title":null,"description":"A carousel component with navigation and pagination","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/carousel.json"},{"name":"preskok-icon","title":null,"description":"The official Preskok brand icon component","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/preskok-icon.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/preskok-icon.json"},{"name":"preskok-auth-button","title":null,"description":"A branded authentication button component for Preskok integration","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/preskok-auth-button.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/preskok-auth-button.json"},{"name":"navbar","title":null,"description":"A comprehensive navigation bar with responsive design","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/navbar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/navbar.json"},{"name":"sidebar","title":null,"description":"A composable, themeable, and customizable React Aria sidebar","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/sidebar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/sidebar.json"},{"name":"pagination","title":null,"description":"A pagination component with page navigation controls","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/pagination.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/pagination.json"},{"name":"toolbar","title":null,"description":"A toolbar component for grouping action buttons","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/toolbar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toolbar.json"},{"name":"meter","title":null,"description":"A meter component for displaying scalar values within a range","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/meter.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/meter.json"},{"name":"progress-bar","title":null,"description":"A progress bar component for showing completion status","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/progress-bar.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-bar.json"},{"name":"progress-circle","title":null,"description":"A circular progress component for showing completion status","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/progress-circle.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-circle.json"},{"name":"tracker","title":null,"description":"A tracker component for visualizing data over time with tooltips","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/tracker.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tracker.json"},{"name":"toast","title":null,"description":"A toast notification component using Sonner","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toast.json"},{"name":"chart","title":null,"description":"Chart foundations, legend, tooltip, and utilities built on TanStack Charts","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart.json"},{"name":"area-chart","title":null,"description":"An area chart with gradient fills, stacking, and animation","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/area-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/area-chart.json"},{"name":"bar-chart","title":null,"description":"A bar chart with stacking and percentage options","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-chart.json"},{"name":"line-chart","title":null,"description":"A line chart with multiple series","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/line-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/line-chart.json"},{"name":"pie-chart","title":null,"description":"A pie and donut chart with a selectable center label","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/pie-chart.json"},{"name":"radial-chart","title":null,"description":"A concentric radial bar chart","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/radial-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radial-chart.json"},{"name":"radar-chart","title":null,"description":"A radar chart for single and comparative profiles","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radar-chart.json"},{"name":"recharts-chart","title":null,"description":"Deprecated: Recharts chart helpers. Use chart instead.","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/recharts-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-chart.json"},{"name":"recharts-area-chart","title":null,"description":"Deprecated: Recharts area chart. Use area-chart instead.","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/recharts-area-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-area-chart.json"},{"name":"recharts-bar-chart","title":null,"description":"Deprecated: Recharts bar chart. Use bar-chart instead.","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/recharts-bar-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-bar-chart.json"},{"name":"recharts-line-chart","title":null,"description":"Deprecated: Recharts line chart. Use line-chart instead.","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/recharts-line-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-line-chart.json"},{"name":"recharts-pie-chart","title":null,"description":"Deprecated: Recharts pie chart. Use pie-chart instead.","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/recharts-pie-chart.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-pie-chart.json"},{"name":"bar-list","title":null,"description":"A horizontal bar list component for displaying ranked data","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/bar-list.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-list.json"},{"name":"color-area","title":null,"description":"A color area component for 2D color selection","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-area.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-area.json"},{"name":"color-field","title":null,"description":"A color input field with hex color validation","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-field.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-field.json"},{"name":"color-slider","title":null,"description":"A color slider component for single-dimension color adjustment","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-slider.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-slider.json"},{"name":"color-swatch","title":null,"description":"A color swatch component for displaying colors","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-swatch.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch.json"},{"name":"color-swatch-picker","title":null,"description":"A color swatch picker for selecting from predefined colors","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-swatch-picker.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-picker.json"},{"name":"color-thumb","title":null,"description":"A color thumb component for color slider controls","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-thumb.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-thumb.json"},{"name":"color-wheel","title":null,"description":"A color wheel component for hue selection","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-wheel.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-wheel.json"},{"name":"color-picker","title":null,"description":"A comprehensive color picker with multiple input methods","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/color-picker.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-picker.json"},{"name":"drop-zone","title":null,"description":"A drop zone component for file uploads","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/drop-zone.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/drop-zone.json"},{"name":"file-trigger","title":null,"description":"A file input trigger component with button styling","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/file-trigger.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/file-trigger.json"},{"name":"scroll-area","title":null,"description":"A scroll area component with custom scrollbars","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/scroll-area.json"},{"name":"show-more","title":null,"description":"A show more/less component for collapsible content","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/show-more.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/show-more.json"},{"name":"command","title":null,"description":"A command palette component for searchable command lists","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/command.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/command.json"},{"name":"command-menu","title":null,"description":"A command menu component with search and keyboard navigation","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/command-menu.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/command-menu.json"},{"name":"table","title":null,"description":"A comprehensive table component with sorting, resizing, and selection","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/table.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/table.json"},{"name":"number-format","title":null,"description":"A number format component that allows you to format numbers in a variety of ways","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/number-format.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-format.json"},{"name":"locale-context","title":null,"description":"Locale context provider for internationalization support","type":"registry:ui","source_url":"https://ui-three-mu.vercel.app/r/locale-context.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/locale-context.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://ui-three-mu.vercel.app/r/utils.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/utils.json"},{"name":"create-ctx","title":null,"description":null,"type":"registry:lib","source_url":"https://ui-three-mu.vercel.app/r/create-ctx.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/create-ctx.json"},{"name":"primitive","title":null,"description":null,"type":"registry:lib","source_url":"https://ui-three-mu.vercel.app/r/primitive.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/primitive.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://ui-three-mu.vercel.app/r/use-mobile.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-mobile.json"},{"name":"use-layout-effect","title":null,"description":null,"type":"registry:hook","source_url":"https://ui-three-mu.vercel.app/r/use-layout-effect.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-layout-effect.json"},{"name":"use-controllable-state","title":null,"description":null,"type":"registry:hook","source_url":"https://ui-three-mu.vercel.app/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-controllable-state.json"},{"name":"use-media-query","title":null,"description":null,"type":"registry:hook","source_url":"https://ui-three-mu.vercel.app/r/use-media-query.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-media-query.json"},{"name":"theme-daylight","title":null,"description":null,"type":"registry:theme","source_url":"https://ui-three-mu.vercel.app/r/theme-daylight.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-daylight.json"},{"name":"theme-midnight","title":null,"description":null,"type":"registry:theme","source_url":"https://ui-three-mu.vercel.app/r/theme-midnight.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-midnight.json"},{"name":"theme-emerald","title":null,"description":null,"type":"registry:theme","source_url":"https://ui-three-mu.vercel.app/r/theme-emerald.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-emerald.json"},{"name":"tag-group-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/tag-group-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-group-preskok-demo.json"},{"name":"tag-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/tag-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-field-preskok-demo.json"},{"name":"token-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/token-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/token-field-preskok-demo.json"},{"name":"sidebar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/sidebar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/sidebar-preskok-demo.json"},{"name":"number-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/number-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-field-preskok-demo.json"},{"name":"number-format-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/number-format-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-format-preskok-demo.json"},{"name":"note-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/note-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/note-demo.json"},{"name":"recharts-pie-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/recharts-pie-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-pie-chart-preskok-demo.json"},{"name":"progress-bar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/progress-bar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-bar-preskok-demo.json"},{"name":"progress-circle-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/progress-circle-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-circle-preskok-demo.json"},{"name":"range-calendar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/range-calendar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-preskok-demo.json"},{"name":"range-calendar-controlled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/range-calendar-controlled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-controlled-preskok-demo.json"},{"name":"range-calendar-disabled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/range-calendar-disabled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-disabled-preskok-demo.json"},{"name":"range-calendar-validation-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/range-calendar-validation-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-validation-preskok-demo.json"},{"name":"search-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/search-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/search-field-preskok-demo.json"},{"name":"navbar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/navbar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/navbar-preskok-demo.json"},{"name":"tracker-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/tracker-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tracker-preskok-demo.json"},{"name":"tree-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/tree-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tree-preskok-demo.json"},{"name":"text-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/text-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-field-preskok-demo.json"},{"name":"time-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/time-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-preskok-demo.json"},{"name":"time-field-hour-cycle-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/time-field-hour-cycle-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-hour-cycle-preskok-demo.json"},{"name":"time-field-validation-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/time-field-validation-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-validation-preskok-demo.json"},{"name":"file-trigger-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/file-trigger-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/file-trigger-preskok-demo.json"},{"name":"form-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/form-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/form-preskok-demo.json"},{"name":"grid-list-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/grid-list-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/grid-list-preskok-demo.json"},{"name":"heading-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/heading-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/heading-preskok-demo.json"},{"name":"input-otp-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-otp-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-otp-preskok-demo.json"},{"name":"keyboard-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/keyboard-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard-preskok-demo.json"},{"name":"keyboard-shortcuts-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/keyboard-shortcuts-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard-shortcuts-preskok-demo.json"},{"name":"recharts-line-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/recharts-line-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-line-chart-preskok-demo.json"},{"name":"link-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/link-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/link-preskok-demo.json"},{"name":"link-button-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/link-button-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/link-button-preskok-demo.json"},{"name":"list-box-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/list-box-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/list-box-preskok-demo.json"},{"name":"loader-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/loader-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/loader-preskok-demo.json"},{"name":"bar-list-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/bar-list-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-list-demo.json"},{"name":"breadcrumbs-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/breadcrumbs-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/breadcrumbs-demo.json"},{"name":"button-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/button-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-preskok-demo.json"},{"name":"calendar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-preskok-demo.json"},{"name":"calendar-with-range-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-with-range-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-with-range-preskok-demo.json"},{"name":"calendar-with-disabled-dates-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-with-disabled-dates-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-with-disabled-dates-preskok-demo.json"},{"name":"calendar-min-max-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-min-max-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-min-max-preskok-demo.json"},{"name":"calendar-multiple-months-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-multiple-months-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-multiple-months-preskok-demo.json"},{"name":"calendar-controlled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-controlled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-controlled-preskok-demo.json"},{"name":"calendar-controlled-month-year-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-controlled-month-year-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-controlled-month-year-preskok-demo.json"},{"name":"calendar-disabled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-disabled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-disabled-preskok-demo.json"},{"name":"calendar-validation-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/calendar-validation-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-validation-preskok-demo.json"},{"name":"card-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/card-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/card-preskok-demo.json"},{"name":"recharts-area-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/recharts-area-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-area-chart-preskok-demo.json"},{"name":"avatar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/avatar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/avatar-preskok-demo.json"},{"name":"async-image-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/async-image-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/async-image-demo.json"},{"name":"badge-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/badge-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/badge-preskok-demo.json"},{"name":"recharts-bar-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/recharts-bar-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-bar-chart-preskok-demo.json"},{"name":"carousel-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/carousel-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/carousel-preskok-demo.json"},{"name":"recharts-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/recharts-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/recharts-chart-preskok-demo.json"},{"name":"chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart-preskok-demo.json"},{"name":"area-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/area-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/area-chart-preskok-demo.json"},{"name":"bar-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/bar-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-chart-preskok-demo.json"},{"name":"line-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/line-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/line-chart-preskok-demo.json"},{"name":"pie-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/pie-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/pie-chart-preskok-demo.json"},{"name":"radial-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/radial-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radial-chart-preskok-demo.json"},{"name":"radar-chart-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/radar-chart-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radar-chart-preskok-demo.json"},{"name":"chart-migration-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/chart-migration-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart-migration-preskok-demo.json"},{"name":"checkbox-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/checkbox-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox-preskok-demo.json"},{"name":"checkbox-single-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/checkbox-single-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox-single-preskok-demo.json"},{"name":"choicebox-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/choicebox-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/choicebox-preskok-demo.json"},{"name":"color-area-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-area-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-area-preskok-demo.json"},{"name":"color-field-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-field-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-field-preskok-demo.json"},{"name":"color-picker-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-picker-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-picker-preskok-demo.json"},{"name":"color-slider-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-slider-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-slider-preskok-demo.json"},{"name":"color-swatch-picker-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-swatch-picker-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-picker-preskok-demo.json"},{"name":"color-swatch-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-swatch-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-preskok-demo.json"},{"name":"color-thumb-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-thumb-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-thumb-preskok-demo.json"},{"name":"color-wheel-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/color-wheel-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-wheel-preskok-demo.json"},{"name":"combo-box-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/combo-box-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/combo-box-preskok-demo.json"},{"name":"command-menu-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/command-menu-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/command-menu-preskok-demo.json"},{"name":"container-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/container-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/container-preskok-demo.json"},{"name":"context-menu-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/context-menu-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/context-menu-preskok-demo.json"},{"name":"date-field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-field-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-field-demo.json"},{"name":"date-picker-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-picker-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-preskok-demo.json"},{"name":"date-picker-controlled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-picker-controlled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-controlled-preskok-demo.json"},{"name":"date-picker-disabled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-picker-disabled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-disabled-preskok-demo.json"},{"name":"date-picker-validation-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-picker-validation-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-validation-preskok-demo.json"},{"name":"date-range-picker-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-range-picker-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-preskok-demo.json"},{"name":"date-range-picker-controlled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-range-picker-controlled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-controlled-preskok-demo.json"},{"name":"date-range-picker-disabled-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-range-picker-disabled-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-disabled-preskok-demo.json"},{"name":"date-range-picker-validation-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/date-range-picker-validation-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-validation-preskok-demo.json"},{"name":"description-list-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/description-list-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/description-list-preskok-demo.json"},{"name":"dialog-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/dialog-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/dialog-preskok-demo.json"},{"name":"modal-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/modal-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/modal-preskok-demo.json"},{"name":"disclosure-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/disclosure-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/disclosure-preskok-demo.json"},{"name":"drawer-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/drawer-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/drawer-preskok-demo.json"},{"name":"drop-zone-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/drop-zone-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/drop-zone-preskok-demo.json"},{"name":"multi-select-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/multi-select-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/multi-select-preskok-demo.json"},{"name":"show-more-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/show-more-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/show-more-preskok-demo.json"},{"name":"dropdown-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/dropdown-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/dropdown-preskok-demo.json"},{"name":"slider-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/slider-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/slider-demo.json"},{"name":"switch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/switch-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/switch-demo.json"},{"name":"toggle-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/toggle-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-demo.json"},{"name":"select-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/select-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/select-demo.json"},{"name":"textarea-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/textarea-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/textarea-demo.json"},{"name":"radio-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-group-demo.json"},{"name":"radio-validation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/radio-validation-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-validation-demo.json"},{"name":"radio-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/radio-controlled-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-controlled-demo.json"},{"name":"separator-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/separator-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/separator-demo.json"},{"name":"table-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/table-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo.json"},{"name":"table-demo-sort","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/table-demo-sort.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-sort.json"},{"name":"table-demo-drag","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/table-demo-drag.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-drag.json"},{"name":"table-demo-resizable","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/table-demo-resizable.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-resizable.json"},{"name":"table-interactive-cells-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/table-interactive-cells-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-interactive-cells-preskok-demo.json"},{"name":"tabs-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/tabs-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tabs-demo.json"},{"name":"pagination-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/pagination-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/pagination-demo.json"},{"name":"scroll-area-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/scroll-area-demo.json"},{"name":"toggle-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-group-demo.json"},{"name":"popover-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/popover-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/popover-demo.json"},{"name":"preview-trigger-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/preview-trigger-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/preview-trigger-preskok-demo.json"},{"name":"tooltip-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/tooltip-demo.json"},{"name":"sheet-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/sheet-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/sheet-demo.json"},{"name":"skeleton-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/skeleton-demo.json"},{"name":"sonner-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/sonner-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/sonner-demo.json"},{"name":"mode-toggle","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/mode-toggle.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/mode-toggle.json"},{"name":"resizable-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/resizable-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/resizable-demo.json"},{"name":"field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/field-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/field-demo.json"},{"name":"menu-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/menu-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-preskok-demo.json"},{"name":"menu-submenu-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/menu-submenu-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-submenu-demo.json"},{"name":"menu-context-menu-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/menu-context-menu-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-context-menu-preskok-demo.json"},{"name":"menu-description-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/menu-description-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-description-demo.json"},{"name":"menu-multiple-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/menu-multiple-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-multiple-demo.json"},{"name":"text-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/text-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-preskok-demo.json"},{"name":"toolbar-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/toolbar-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/toolbar-preskok-demo.json"},{"name":"input-basic-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-basic-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-basic-demo.json"},{"name":"input-controlled-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-controlled-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-controlled-demo.json"},{"name":"input-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-group-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-group-demo.json"},{"name":"input-label-description-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-label-description-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-label-description-demo.json"},{"name":"input-text-field-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-text-field-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-text-field-demo.json"},{"name":"input-preskok-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/input-preskok-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-preskok-demo.json"},{"name":"button-group-orientation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://ui-three-mu.vercel.app/r/button-group-orientation-demo.json","install_command":"npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-group-orientation-demo.json"}]},{"id":"persianlabsui","name":"@persianlabsui","slug":"persianlabsui","description":"RTL-first, copy-paste React components and UI blocks for Persian interfaces, built on Base UI and Tailwind CSS. Includes unique Persian-focused patterns with full LTR support.","author":"persianlabs","framework":"react","license":null,"tags":["auth","blocks","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","mobile","navigation","overlays","tables"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://ui.persian-labs.ir","github":"https://github.com/persianlabs/ui","registry":"https://ui.persian-labs.ir/r/registry.json","source":"https://ui.persian-labs.ir/r/registry.json","page":"https://sh4dcn.netlify.app/registry/persianlabsui","markdown":"https://sh4dcn.netlify.app/md/persianlabsui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' fill='var(--foreground)'><path d='M210 842V330C210 286 226 251 258 219L382 95V842H210Z'/><path fill-rule='evenodd' clip-rule='evenodd' d='M382 95H608C754 95 848 187 848 326C848 465 754 557 608 557H382V405H594C661 405 696 375 696 326C696 277 661 247 594 247H382V95Z'/></svg>","preview_image":"https://ui.persian-labs.ir/api/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":142,"open_issues":5,"last_commit":"2026-10-18T10:45:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.persian-labs.ir/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.persian-labs.ir/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.persian-labs.ir/r/registry.json","clone":"git clone https://github.com/persianlabs/ui.git","clone_degit":"npx degit persianlabs/ui","registry_fetch":"curl -s https://ui.persian-labs.ir/r/registry.json"},"component_count":105,"components":[{"name":"button","title":"Button","description":"A button built on Base UI with variant and size support.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/button.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/button.json"},{"name":"tabs","title":"Tabs","description":"An accessible, animated tabs component built on Base UI with a spring-animated sliding active-tab indicator.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/tabs.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/tabs.json"},{"name":"input","title":"Input","description":"A styled text input built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/input.json"},{"name":"label","title":"Label","description":"An accessible, styled label element.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/label.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/label.json"},{"name":"scroll-area","title":"Scroll Area","description":"Cross-browser custom scrollbars, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/scroll-area.json"},{"name":"combobox","title":"Combobox","description":"A searchable, accessible combobox built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/combobox.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/combobox.json"},{"name":"command","title":"Command","description":"A command palette component built with Dialog and Autocomplete for searching and executing commands.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/command.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/command.json"},{"name":"city-selector","title":"City Selector","description":"A province and city picker for Iran, built on Combobox and bundled with a full dataset of all 31 provinces and 1,119 cities.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/city-selector.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/city-selector.json"},{"name":"spinner","title":"Spinner","description":"A spinning loading indicator icon.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/spinner.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/spinner.json"},{"name":"button-group","title":"Button Group","description":"A container that groups related buttons together with consistent styling.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/button-group.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/button-group.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, anchored to a trigger.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/popover.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/popover.json"},{"name":"select","title":"Select","description":"A searchable-free listbox for choosing a single value, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/select.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/select.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu of actions or options, triggered by a button.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/dropdown-menu.json"},{"name":"input-group","title":"Input Group","description":"Groups an input with addons, buttons, or text for complex input layouts.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/input-group.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/input-group.json"},{"name":"field","title":"Field","description":"Groups a label, control, and description into an accessible form field, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/field.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/field.json"},{"name":"textarea","title":"Textarea","description":"A styled multi-line text input.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/textarea.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/textarea.json"},{"name":"kbd","title":"Kbd","description":"Displays a keyboard key or shortcut.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/kbd.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/kbd.json"},{"name":"badge","title":"Badge","description":"Displays a small badge to highlight status or metadata.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/badge.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/badge.json"},{"name":"input-otp","title":"Input OTP","description":"An accessible one-time password input, built on input-otp.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/input-otp.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/separator.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/separator.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/card.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/card.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/breadcrumb.json"},{"name":"empty","title":"Empty","description":"Displays an empty state with a title, description, and optional actions.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/empty.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/empty.json"},{"name":"switch","title":"Switch","description":"A control that toggles between checked and unchecked, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/switch.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/switch.json"},{"name":"checkbox","title":"Checkbox","description":"A control for selecting one or more options, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"A set of mutually exclusive radio buttons, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/radio-group.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/progress.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/progress.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/collapsible.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/toggle.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/toggle-group.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/toggle-group.json"},{"name":"native-select","title":"Native Select","description":"A styled native <select> element for choosing a single value.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/native-select.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/navigation-menu.json"},{"name":"elastic-slider","title":"Elastic Slider","description":"Slider with elastic rubber-band drag and magnetic snap feedback.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/elastic-slider.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/elastic-slider.json"},{"name":"elastic-range-slider","title":"Elastic Range Slider","description":"A single-track, dual-thumb range slider in the same visual language as Elastic Slider.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/elastic-range-slider.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/elastic-range-slider.json"},{"name":"tooltip","title":"Tooltip","description":"Displays contextual information when hovering or focusing an element, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/tooltip.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/accordion.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/accordion.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from an edge of the screen to complement the main content, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/sheet.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, collapsible application sidebar with mobile drawer, tooltips, and RTL support, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/sidebar.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/carousel.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/carousel.json"},{"name":"context-menu","title":"Context Menu","description":"A menu of actions triggered by a right click, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/context-menu.json"},{"name":"menubar","title":"Menubar","description":"A persistent horizontal menu bar for application-style commands, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/menubar.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/menubar.json"},{"name":"dialog","title":"Dialog","description":"A modal window layered over the page for focused tasks or confirmations, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/dialog.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/alert-dialog.json"},{"name":"drawer","title":"Drawer","description":"A swipeable panel that slides in from an edge of the screen, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/drawer.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/drawer.json"},{"name":"responsive-dialog","title":"Responsive Dialog","description":"Renders a Dialog on desktop and a bottom Drawer on mobile from one shared set of components.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/responsive-dialog.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/responsive-dialog.json"},{"name":"responsive-menu","title":"Responsive Menu","description":"Renders a Dropdown Menu on desktop and a bottom Drawer menu on mobile from one shared set of components.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/responsive-menu.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/responsive-menu.json"},{"name":"responsive-alert-dialog","title":"Responsive Alert Dialog","description":"Renders an Alert Dialog on desktop and a bottom Drawer on mobile from one shared set of components.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/responsive-alert-dialog.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/responsive-alert-dialog.json"},{"name":"alert","title":"Alert","description":"Displays a callout for important, contextual messages.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/alert.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"Displays a file or image attachment with media, metadata, upload state, and actions.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/attachment.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback, for representing a user or entity, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/avatar.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/avatar.json"},{"name":"skeleton","title":"Skeleton","description":"Used to show a placeholder while content is loading.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/skeleton.json"},{"name":"direction","title":"Direction","description":"A provider for setting the reading direction (LTR or RTL) of your app, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/direction.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/direction.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/hover-card.json"},{"name":"iran-map-picker","title":"Iran Map Picker","description":"An interactive SVG map of Iran's provinces for picking a province, with hover previews, keyboard selection, and shadcn-style controlled state.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/iran-map-picker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/iran-map-picker.json"},{"name":"item","title":"Item","description":"A flexible layout for a piece of content, media, or action, often used in lists.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/item.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/item.json"},{"name":"marker","title":"Marker","description":"A small label for annotating content, such as a section divider or inline note.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/marker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/marker.json"},{"name":"bubble","title":"Bubble","description":"A chat message bubble with variants, reactions, and start/end alignment.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/bubble.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/bubble.json"},{"name":"message","title":"Message","description":"Composable layout for a chat message with an avatar, header, content, and footer.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/message.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"An auto-scrolling viewport for chat messages, with scroll-to-start/end buttons, built on @shadcn/react.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/message-scroller.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/message-scroller.json"},{"name":"pagination","title":"Pagination","description":"Navigation for paginated content, built on Button.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/pagination.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/pagination.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts, built on react-resizable-panels.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/resizable.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/resizable.json"},{"name":"table","title":"Table","description":"A responsive table component, with an optional card-row variant.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/table.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/table.json"},{"name":"toman-icon","title":"Toman Icon","description":"The Toman currency symbol, as a standalone icon component.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/toman-icon.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/toman-icon.json"},{"name":"utils","title":"Utils","description":"The cn() class-merging helper, powered by the cn package (a drop-in clsx + tailwind-merge engine).","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/utils.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/utils.json"},{"name":"iranian-bank","title":"Iranian Bank","description":"Iranian card and Shaba normalization, checksum validation, and bank detection.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/iranian-bank.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/iranian-bank.json"},{"name":"bank-input","title":"Bank Input","description":"Iranian card-number and Shaba inputs with paste normalization, checksum validation, and bank detection.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/bank-input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/bank-input.json"},{"name":"price-input","title":"Price Input","description":"A text input that live-formats digits as a grouped price as you type, with support for Persian/Arabic-Indic numerals.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/price-input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/price-input.json"},{"name":"password-input","title":"Password Input","description":"A password input with a show/hide toggle that always renders LTR, regardless of the surrounding document direction.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/password-input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/password-input.json"},{"name":"qr-code","title":"QR Code","description":"A rounded QR code generator with dot modules, custom foreground/background colors, configurable error correction, and a matching loading skeleton.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/qr-code.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/qr-code.json"},{"name":"questionnaire","title":"Questionnaire","description":"A multi-step questionnaire with single-choice, multiple-choice, freeform, and skippable questions, built on @shadcn/react.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/questionnaire.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/questionnaire.json"},{"name":"toast","title":"Toast","description":"A temporary notification that stacks in a corner of the screen or anchors to an element, built on Base UI, with success/error/warning/info/loading and X-style …","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/toast.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/toast.json"},{"name":"copy-button","title":"Copy Button","description":"An icon button that copies text to the clipboard, morphs its icon to reflect the result, and anchors a confirmation toast to itself.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/copy-button.json"},{"name":"normalize-persian-digits","title":"Normalize Persian Digits","description":"Converts Persian (۰-۹) and Arabic-Indic (٠-٩) numerals to plain 0-9 digits.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/normalize-persian-digits.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/normalize-persian-digits.json"},{"name":"normalize-persian-text","title":"Normalize Persian Text","description":"Unifies Arabic-codepage letters onto Persian ones (ي→ی, ك→ک, …) with opt-in digit folding, diacritic stripping, half-space repair, and space tidying.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/normalize-persian-text.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/normalize-persian-text.json"},{"name":"number-to-persian-words","title":"Number to Persian Words","description":"Spells numbers out in Persian words, accepting Latin or Persian digits with signs, decimals, and thousands separators.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/number-to-persian-words.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/number-to-persian-words.json"},{"name":"use-controllable-state","title":"useControllableState","description":"A hook for a value that can be either controlled or uncontrolled, with a single consistent API either way.","type":"registry:hook","source_url":"https://ui.persian-labs.ir/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/use-controllable-state.json"},{"name":"use-copy-to-clipboard","title":"useCopyToClipboard","description":"Wraps the Clipboard API with a built-in timeout to reset the copied state, for copy buttons that show brief confirmation feedback.","type":"registry:hook","source_url":"https://ui.persian-labs.ir/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/use-copy-to-clipboard.json"},{"name":"use-countdown","title":"useCountdown","description":"A timer-aligned countdown hook for ISO-8601 target dates, with overdue state and formatted output.","type":"registry:hook","source_url":"https://ui.persian-labs.ir/r/use-countdown.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/use-countdown.json"},{"name":"use-media-query","title":"useMediaQuery","description":"Reactive media query hook with Tailwind-like breakpoint syntax, built on useSyncExternalStore for SSR safety.","type":"registry:hook","source_url":"https://ui.persian-labs.ir/r/use-media-query.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/use-media-query.json"},{"name":"persian-date","title":"Persian Date","description":"Jalali/Gregorian date utilities built on date-fns and date-fns-jalali: formatting, parsing, conversion, ranges, and digit conversion, switchable with a calenda…","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/persian-date.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/persian-date.json"},{"name":"persian-date-zod","title":"Persian Date (Zod)","description":"zod schemas for persian-date: zPersianDate coerces an ISO string, a shamsi yyyy/MM/dd string, an epoch number, or a Date into a Date with optional min/max boun…","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/persian-date-zod.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/persian-date-zod.json"},{"name":"persian-holidays","title":"Persian Holidays","description":"Official/religious/cultural Iranian holiday lookup for a date, range, or year, resolving Jalali, Gregorian, and tabular-Hijri entries.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/persian-holidays.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/persian-holidays.json"},{"name":"persian-slug","title":"Persian Slug","description":"Converts Persian/mixed Persian+English text into a URL-safe slug, keeping Persian script by default or transliterating to Latin/ASCII.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/persian-slug.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/persian-slug.json"},{"name":"persian-reshape","title":"Persian Reshape","description":"Pre-shapes Persian/Arabic text into joined Unicode presentation-form codepoints so it renders correctly in Satori/next-og images, which don't shape connected s…","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/persian-reshape.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/persian-reshape.json"},{"name":"use-date","title":"useDate","description":"A reactive current date/time hook with Jalali/Gregorian support, formatted output, and optional holiday flagging.","type":"registry:hook","source_url":"https://ui.persian-labs.ir/r/use-date.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/use-date.json"},{"name":"use-time-ago","title":"useTimeAgo","description":"A reactive relative-time formatter (\"۲ روز پیش\" / \"2 days ago\") with built-in Persian and English message tables.","type":"registry:hook","source_url":"https://ui.persian-labs.ir/r/use-time-ago.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/use-time-ago.json"},{"name":"hitbox","title":"Hitbox","description":"Extends the clickable area of a child element for improved accessibility.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/hitbox.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/hitbox.json"},{"name":"calendar","title":"Calendar","description":"A date-grid calendar built on react-day-picker, switchable between the Jalali (Shamsi) and Gregorian (Miladi) calendars via a calendarType prop, with an option…","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/calendar.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/calendar.json"},{"name":"wheel-picker","title":"Wheel Picker","description":"An iOS-like wheel picker with smooth inertia, infinite scrolling, and keyboard navigation.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/wheel-picker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/wheel-picker.json"},{"name":"date-picker","title":"Date Picker","description":"An opinionated, responsive Shamsi/Gregorian date and date-time picker with SSR-safe today defaults, draft state, and Popover-to-Drawer presentation.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/date-picker.json"},{"name":"time-picker","title":"Time Picker","description":"An hour/minute/second wheel-based time picker, with a responsive Popover-on-desktop, Drawer-on-mobile composition.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/time-picker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/time-picker.json"},{"name":"receipt-printer","title":"Receipt Printer","description":"A tactile checkout printer with processing stages and a composable thermal-paper receipt.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/receipt-printer.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/receipt-printer.json"},{"name":"date-wheel-picker","title":"Date Wheel Picker","description":"An iOS-style year/month/day wheel-based date picker, switchable between the Shamsi and Gregorian calendars, with a responsive Popover-on-desktop, Drawer-on-mob…","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/date-wheel-picker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/date-wheel-picker.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range, built on Base UI.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/slider.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/slider.json"},{"name":"iranian-mobile","title":"Iranian Mobile","description":"Iranian mobile phone number normalization, validation, and masking.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/iranian-mobile.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/iranian-mobile.json"},{"name":"mobile-number-input","title":"Mobile Number Input","description":"An Iranian mobile number input that normalizes mixed paste formats and Persian digits, with a redundant validity indicator.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/mobile-number-input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/mobile-number-input.json"},{"name":"national-id","title":"National ID","description":"Validates Iranian national ID (کد ملی) numbers using the standard 10-digit checksum.","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/national-id.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/national-id.json"},{"name":"postal-code","title":"Postal Code","description":"Validates the structural format of Iranian postal codes (کد پستی).","type":"registry:lib","source_url":"https://ui.persian-labs.ir/r/postal-code.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/postal-code.json"},{"name":"status-button","title":"Status Button","description":"A button that swaps between idle, loading, and success feedback for async actions.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/status-button.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/status-button.json"},{"name":"plate-input","title":"Plate Input","description":"An Iranian vehicle license plate input with digit segments, a letter picker including wheelchair plates, and the Iran serial tab.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/plate-input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/plate-input.json"},{"name":"national-id-input","title":"National ID Input","description":"An Iranian national ID (کد ملی) input that normalizes Persian digits as you type or paste and validates the checksum live, with a redundant validity indicator.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/national-id-input.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/national-id-input.json"},{"name":"bounce-sidebar","title":"Bounce Sidebar","description":"A vertical navigation list with a bouncy, arc-animated active marker that springs between items.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/bounce-sidebar.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/bounce-sidebar.json"},{"name":"proximity-sidebar","title":"Proximity Sidebar","description":"A document minimap of proximity-reactive dashes that tracks scroll position, expands near the pointer, and smooth-scrolls to sections on click.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/proximity-sidebar.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/proximity-sidebar.json"},{"name":"duration-picker","title":"Duration Picker","description":"A gooey, spring-animated picker for entering a duration in hours and minutes.","type":"registry:ui","source_url":"https://ui.persian-labs.ir/r/duration-picker.json","install_command":"npx shadcn@latest add https://ui.persian-labs.ir/r/duration-picker.json"}]},{"id":"prompt-kit","name":"@prompt-kit","slug":"prompt-kit","description":"prompt-kit is an open-source shadcn-compatible registry of ~20 components purpose-built for AI interfaces: PromptInput, PromptSuggestion, ChatContainer, Message, SystemMessage, Reasoning, ThinkingBar, CodeBlock, Markdown, FileUpload, ImageLoader, ChainOfThought, ToolBlocks, Steps, ScrollButton, FeedbackBar, TextShimmer, SourceCard. Built on top of shadcn/ui with Tailwind CSS, integrates with Vercel AI SDK and OpenAI SDK. Fully free and open-source. Use for: rapidly assembling chat UIs, AI agent dashboards, or assistant frontends without wiring low-level input and message components from scratch.","author":"ibelick","framework":"react","license":"MIT","tags":["accessibility","ai","blocks","buttons","cards","dashboard","forms","loaders","media","text-effects"],"categories":["AI/chat UI"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://www.prompt-kit.com","github":"https://github.com/ibelick/prompt-kit","registry":"https://www.prompt-kit.com/c/registry.json","source":"https://www.prompt-kit.com/c/registry.json","page":"https://sh4dcn.netlify.app/registry/prompt-kit","markdown":"https://sh4dcn.netlify.app/md/prompt-kit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='182' height='182' viewBox='0 0 182 182' fill='none'><path fill='currentColor' d='M136.049 66.771c9.257 15.264 23.296 22.4 31.356 15.938s7.091-24.074-2.166-39.337-23.296-22.4-31.357-15.938-7.09 24.074 2.167 39.337M165.22 138.727c-9.257 15.264-23.296 22.4-31.356 15.938s-7.09-24.073 2.167-39.337 23.296-22.4 31.356-15.937c8.06 6.461 7.09 24.073-2.167 39.336M90.646 143.945c17.241 0 31.825 8.082 31.825 18.613 0 10.873-14.188 19.442-31.43 19.442-17.24 0-31.27-8.155-31.27-19.027 0-10.532 13.634-19.028 30.875-19.028M91.042 0c17.241 0 31.825 8.082 31.825 18.613 0 10.872-14.188 19.442-31.43 19.442-17.24 0-31.27-8.156-31.27-19.028C60.167 8.496 73.8 0 91.042 0M16.762 138.727c9.257 15.264 23.295 22.4 31.356 15.938s7.09-24.073-2.167-39.337-23.296-22.4-31.356-15.937c-8.06 6.461-7.09 24.073 2.167 39.336M16.864 43.356c9.257-15.264 23.295-22.4 31.356-15.938s7.09 24.073-2.167 39.337-23.296 22.4-31.356 15.938-7.09-24.074 2.166-39.337'/></svg>","preview_image":"https://prompt-kit.com/opengraph-image.jpg?2e8effab5f3bf8ae","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3135,"open_issues":10,"last_commit":"2026-09-28T13:33:31Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.prompt-kit.com/c/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.prompt-kit.com/c/registry.json","install_bun":"bunx shadcn@latest add https://www.prompt-kit.com/c/registry.json","clone":"git clone https://github.com/ibelick/prompt-kit.git","clone_degit":"npx degit ibelick/prompt-kit","registry_fetch":"curl -s https://www.prompt-kit.com/c/registry.json"},"component_count":23,"components":[{"name":"prompt-input","title":"Prompt Input","description":"An input field designed for chat interfaces, allowing users to enter and submit text prompts to an AI model","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/prompt-input.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/prompt-input.json"},{"name":"code-block","title":"Code Block","description":"A component for displaying code snippets with syntax highlighting and customizable styling","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/code-block.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/code-block.json"},{"name":"markdown","title":"Markdown","description":"A component for rendering Markdown content with support for code blocks, GFM, and custom styling","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/markdown.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/markdown.json"},{"name":"message","title":"Message","description":"A component for displaying chat messages with support for avatars, markdown content, and interactive actions","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/message.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/message.json"},{"name":"chat-container","title":"Chat Container","description":"A component for creating chat interfaces with intelligent auto-scrolling behavior, designed to provide a smooth and responsive user experience","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/chat-container.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/chat-container.json"},{"name":"scroll-button","title":"Scroll Button","description":"A floating button component that appears when users scroll up in a container, allowing them to quickly return to the bottom of the content","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/scroll-button.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/scroll-button.json"},{"name":"loader","title":"Loader","description":"A component for displaying a loading indicator with multiple variants and customizable styling","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/loader.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/loader.json"},{"name":"prompt-suggestion","title":"Prompt Suggestion","description":"A component for implementing interactive prompt suggestions in AI interfaces. The PromptSuggestion component offers two distinct modes: Normal Mode and Highlig…","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/prompt-suggestion.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/prompt-suggestion.json"},{"name":"response-stream","title":"Response Stream","description":"A component to simulate streaming text on the client side, perfect for fake responses, or any controlled progressive text display.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/response-stream.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/response-stream.json"},{"name":"reasoning","title":"Reasoning","description":"A collapsible component for showing AI reasoning, explanations, or logic. You can control it manually or let it auto-close when the stream ends. Markdown is su…","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/reasoning.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/reasoning.json"},{"name":"file-upload","title":"File Upload","description":"A component for creating drag-and-drop file upload interfaces with support for single or multiple files, custom triggers, and visual feedback during file dragg…","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/file-upload.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/file-upload.json"},{"name":"jsx-preview","title":"Jsx Preview","description":"A component for rendering JSX strings as React components, with support for streaming content and automatic tag completion.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/jsx-preview.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/jsx-preview.json"},{"name":"tool","title":"Tool","description":"Displays tool call details including input, output, status, and errors. Ideal for visualizing AI tool usage in chat UIs.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/tool.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/tool.json"},{"name":"source","title":"Source","description":"Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/source.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/source.json"},{"name":"image","title":"Image","description":"A component for displaying images from base64 or Uint8Array data, with full accessibility and responsive styling. Perfect for AI-generated or user-uploaded ima…","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/image.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/image.json"},{"name":"steps","title":"Steps","description":"A component for displaying a sequence of operations in a collapsible layout. Each step can include details and an optional vertical bar. Useful for showing AI …","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/steps.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/steps.json"},{"name":"system-message","title":"System Message","description":"A banner-style component for surfacing contextual information, warnings, or instructions within AI interfaces.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/system-message.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/system-message.json"},{"name":"chain-of-thought","title":"Chain Of Thought","description":"A component for displaying a chain of thought process with collapsible steps and triggers.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/chain-of-thought.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/chain-of-thought.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"A component for displaying a shimmer effect on text, perfect for loading states or highlighting text.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/text-shimmer.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/text-shimmer.json"},{"name":"thinking-bar","title":"Thinking Bar","description":"A component to display the thinking state of an AI model with optional actions.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/thinking-bar.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/thinking-bar.json"},{"name":"feedback-bar","title":"Feedback Bar","description":"A component to collect user feedback on AI responses.","type":"registry:ui","source_url":"https://www.prompt-kit.com/c/feedback-bar.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/feedback-bar.json"},{"name":"chatbot","title":"Chatbot","description":"A chatbot component that allows users to chat with an AI model. It uses prompt-kit, shadcn/ui, and AI SDK V5.","type":"registry:item","source_url":"https://www.prompt-kit.com/c/chatbot.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/chatbot.json"},{"name":"tool-calling","title":"Tool calling","description":"A chatbot with tool calling feature. It uses prompt-kit, shadcn/ui, and AI SDK V5.","type":"registry:item","source_url":"https://www.prompt-kit.com/c/tool-calling.json","install_command":"npx shadcn@latest add https://www.prompt-kit.com/c/tool-calling.json"}]},{"id":"prosekit","name":"@prosekit","slug":"prosekit","description":"ProseKit is a framework-agnostic rich-text editor toolkit built on ProseMirror, supporting React, Vue, Preact, Svelte, and SolidJS. The extensions package covers bold, italic, underline, strike, code, code-block, heading, blockquote, horizontal-rule, lists, links, images, file, math, table, mention, autocomplete, search, placeholder, highlight, text-align, text-color, background-color, yjs (collaboration), and more (~40 extensions). The shadcn registry distributes a full-featured example editor and framework variants. Free and open-source (MIT). Use for: adding a framework-flexible ProseMirror-based editor when you need multi-framework support or a lower-level alternative to Plate.","author":"prosekit","framework":"vue","license":"MIT","tags":["accessibility","backgrounds","blocks","buttons","cards","charts","components","crypto","editor","forms","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Editor (rich text/code)"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://prosekit.dev","github":"https://github.com/prosekit/prosekit","registry":"https://prosekit.dev/r/registry.json","source":"https://prosekit.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/prosekit","markdown":"https://sh4dcn.netlify.app/md/prosekit.md"},"logo":"<svg width='300' height='300' viewBox='0 0 300 300' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M229.291 70C224.439 36.0771 195.265 10 160 10L80 10C41.3401 10 9.99999 41.3401 9.99999 80L9.99998 160C9.99998 195.265 36.077 224.439 70 229.291L70 140C70 101.34 101.34 70 140 70L229.291 70Z' fill='#9C9C9C' fill-opacity='0.1'/><path fill-rule='evenodd' clip-rule='evenodd' d='M238.588 70C237.532 60.675 235.633 52.6733 232.077 45.2893C224.214 28.9607 211.039 15.786 194.711 7.92253C185.929 3.69358 176.274 1.80894 164.558 0.896722C153.041 -6.85127e-05 138.724 -3.92467e-05 120.427 2.01888e-05L119.573 2.01142e-05C101.275 -4.25206e-05 86.9592 -7.42897e-05 75.4416 0.896714C63.7259 1.80893 54.0707 3.69357 45.2893 7.92251C28.9607 15.7859 15.7859 28.9607 7.92249 45.2893C3.69354 54.0707 1.8089 63.7259 0.896682 75.4416C-0.000109053 86.9593 -7.97866e-05 101.275 -2.03511e-05 119.573L-2.04257e-05 120.427C-8.30605e-05 138.724 -0.00011483 153.041 0.896674 164.558C1.80889 176.274 3.69353 185.929 7.92247 194.711C15.7859 211.039 28.9606 224.214 45.2893 232.077C52.6732 235.633 60.6749 237.532 70 238.588L70 218.436C63.2238 217.518 58.2321 216.112 53.967 214.058C41.7205 208.161 31.8394 198.279 25.9418 186.033C23.2386 180.42 21.6572 173.548 20.8363 163.006C20.007 152.355 20 138.816 20 120C20 101.184 20.007 87.6448 20.8363 76.9941C21.6572 66.4521 23.2386 59.5803 25.9418 53.967C31.8394 41.7205 41.7205 31.8395 53.967 25.9419C59.5803 23.2386 66.4521 21.6572 76.9941 20.8364C87.6447 20.0071 101.184 20 120 20C138.816 20 152.355 20.0071 163.006 20.8364C173.548 21.6572 180.42 23.2386 186.033 25.9419C198.279 31.8395 208.161 41.7205 214.058 53.967C216.112 58.2322 217.518 63.2238 218.436 70L238.588 70Z' fill='#0D74CE'/><rect x='290' y='290' width='220' height='220' rx='70' transform='rotate(-180 290 290)' fill='#EFEFEF' fill-opacity='0.15'/><path fill-rule='evenodd' clip-rule='evenodd' d='M180.427 300L179.573 300C161.275 300 146.959 300 135.442 299.103C123.726 298.191 114.071 296.306 105.289 292.077C88.9606 284.214 75.7859 271.039 67.9225 254.711C63.6935 245.929 61.8089 236.274 60.8967 224.558C59.9999 213.041 59.9999 198.724 60 180.427L60 179.573C59.9999 161.275 59.9999 146.959 60.8967 135.442C61.8089 123.726 63.6935 114.071 67.9225 105.289C75.7859 88.9607 88.9607 75.7859 105.289 67.9225C114.071 63.6936 123.726 61.8089 135.442 60.8967C146.959 59.9999 161.275 60 179.573 60L180.427 60C198.724 60 213.041 59.9999 224.558 60.8967C236.274 61.8089 245.929 63.6936 254.711 67.9225C271.039 75.786 284.214 88.9607 292.077 105.289C296.306 114.071 298.191 123.726 299.103 135.442C300 146.959 300 161.275 300 179.573L300 180.427C300 198.725 300 213.041 299.103 224.558C298.191 236.274 296.306 245.929 292.077 254.711C284.214 271.039 271.039 284.214 254.711 292.078C245.929 296.306 236.274 298.191 224.558 299.103C213.041 300 198.725 300 180.427 300ZM223.006 279.164C233.548 278.343 240.42 276.761 246.033 274.058C258.279 268.161 268.16 258.279 274.058 246.033C276.761 240.42 278.343 233.548 279.164 223.006C279.993 212.355 280 198.816 280 180C280 161.184 279.993 147.645 279.164 136.994C278.343 126.452 276.761 119.58 274.058 113.967C268.161 101.721 258.279 91.8395 246.033 85.9419C240.42 83.2386 233.548 81.6572 223.006 80.8364C212.355 80.0071 198.816 80 180 80C161.184 80 147.645 80.0071 136.994 80.8364C126.452 81.6572 119.58 83.2386 113.967 85.9419C101.72 91.8394 91.8394 101.721 85.9418 113.967C83.2386 119.58 81.6572 126.452 80.8363 136.994C80.007 147.645 80 161.184 80 180C80 198.816 80.007 212.355 80.8363 223.006C81.6571 233.548 83.2386 240.42 85.9418 246.033C91.8394 258.279 101.72 268.161 113.967 274.058C119.58 276.761 126.452 278.343 136.994 279.164C147.645 279.993 161.184 280 180 280C198.816 280 212.355 279.993 223.006 279.164Z' fill='#0090FF'/><path d='M150.417 243.441L209.583 116.558' stroke='#0D74CE' stroke-width='20' stroke-linecap='round'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1218,"open_issues":32,"last_commit":"2026-10-27T04:36:28Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://prosekit.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://prosekit.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://prosekit.dev/r/registry.json","clone":"git clone https://github.com/prosekit/prosekit.git","clone_degit":"npx degit prosekit/prosekit","registry_fetch":"curl -s https://prosekit.dev/r/registry.json"},"component_count":250,"components":[{"name":"react-example-block-handle","title":"react-example-block-handle","description":"A handle that appears on hover, allowing you to drag and re-order blocks.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-block-handle.json"},{"name":"react-example-blockquote","title":"react-example-blockquote","description":"Example for blockquote node.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-blockquote.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-blockquote.json"},{"name":"react-example-bold","title":"react-example-bold","description":"Example for bold mark.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-bold.json"},{"name":"react-example-change-tracking","title":"react-example-change-tracking","description":"Track and commit document changes with version history.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-change-tracking.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-change-tracking.json"},{"name":"react-example-code","title":"react-example-code","description":"Example for inline code mark.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-code.json"},{"name":"react-example-code-block","title":"react-example-code-block","description":"Code block with syntax highlighting and a Mermaid diagram preview.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-code-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-code-block.json"},{"name":"react-example-code-block-themes","title":"react-example-code-block-themes","description":"Code block with multiple syntax highlighting themes.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-code-block-themes.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-code-block-themes.json"},{"name":"react-example-drop-cursor","title":"react-example-drop-cursor","description":"Visual cursor indicator during drag-and-drop operations.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-drop-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-drop-cursor.json"},{"name":"react-example-emoji-rules","title":"react-example-emoji-rules","description":"Auto-convert text shortcuts to emojis using input rules.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-emoji-rules.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-emoji-rules.json"},{"name":"react-example-font-family","title":"react-example-font-family","description":"Change the font family of text.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-font-family.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-font-family.json"},{"name":"react-example-full","title":"react-example-full","description":"Full-featured editor with most available features enabled.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-full.json"},{"name":"react-example-gap-cursor","title":"react-example-gap-cursor","description":"Cursor navigation between non-text block elements.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-gap-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-gap-cursor.json"},{"name":"react-example-hard-break","title":"react-example-hard-break","description":"Example for hard line break node.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-hard-break.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-hard-break.json"},{"name":"react-example-heading","title":"react-example-heading","description":"Example for heading node with multiple levels.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-heading.json"},{"name":"react-example-highlight","title":"react-example-highlight","description":"Example for highlighting text (like a highlighter pen).","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-highlight.json"},{"name":"react-example-horizontal-rule","title":"react-example-horizontal-rule","description":"Example for horizontal rule node.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-horizontal-rule.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-horizontal-rule.json"},{"name":"react-example-image-view","title":"react-example-image-view","description":"Custom image node views with resize support.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-image-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-image-view.json"},{"name":"react-example-inline-menu","title":"react-example-inline-menu","description":"Inline formatting menu that appears on text selection.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-inline-menu.json"},{"name":"react-example-italic","title":"react-example-italic","description":"Example for italic mark.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-italic.json"},{"name":"react-example-katex","title":"react-example-katex","description":"Math equation rendering using the KaTeX library.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-katex.json"},{"name":"react-example-keymap","title":"react-example-keymap","description":"Custom keyboard shortcuts and key bindings.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-keymap.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-keymap.json"},{"name":"react-example-link","title":"react-example-link","description":"Example for link mark with URL input.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-link.json"},{"name":"react-example-link-mark-view","title":"react-example-link-mark-view","description":"An example showing how to render a mark as a custom component.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-link-mark-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-link-mark-view.json"},{"name":"react-example-list","title":"react-example-list","description":"Example for list node.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-list.json"},{"name":"react-example-list-custom-checkbox","title":"react-example-list-custom-checkbox","description":"Custom checkbox styling for task lists.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-list-custom-checkbox.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-list-custom-checkbox.json"},{"name":"react-example-loro","title":"react-example-loro","description":"Real-time collaboration using Loro CRDT library.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-loro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-loro.json"},{"name":"react-example-mark-rule","title":"react-example-mark-rule","description":"Input rules for automatic mark formatting.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-mark-rule.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-mark-rule.json"},{"name":"react-example-minimal","title":"react-example-minimal","description":"Minimal editor setup with basic functionality.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-minimal.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-minimal.json"},{"name":"react-example-notion","title":"react-example-notion","description":"Notion-style editor with block-based editing.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-notion.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-notion.json"},{"name":"react-example-page","title":"react-example-page","description":"Page layout with configurable paper settings.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-page.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-page.json"},{"name":"react-example-placeholder","title":"react-example-placeholder","description":"Placeholder text displayed.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-placeholder.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-placeholder.json"},{"name":"react-example-readonly","title":"react-example-readonly","description":"Toggle between read-only and editable mode.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-readonly.json"},{"name":"react-example-rtl","title":"react-example-rtl","description":"Right-to-left text direction support.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-rtl.json"},{"name":"react-example-save-html","title":"react-example-save-html","description":"Save and load documents as HTML format.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-save-html.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-save-html.json"},{"name":"react-example-save-json","title":"react-example-save-json","description":"Save and load documents as JSON format.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-save-json.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-save-json.json"},{"name":"react-example-save-markdown","title":"react-example-save-markdown","description":"Save and load documents as Markdown format.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-save-markdown.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-save-markdown.json"},{"name":"react-example-search","title":"react-example-search","description":"Search and highlight text with navigation.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-search.json"},{"name":"react-example-slash-menu","title":"react-example-slash-menu","description":"Command menu triggered by typing slash (/).","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-slash-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-slash-menu.json"},{"name":"react-example-strike","title":"react-example-strike","description":"Example for strikethrough mark.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-strike.json"},{"name":"react-example-sub-sup","title":"react-example-sub-sup","description":"Example for subscript and superscript marks.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-sub-sup.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-sub-sup.json"},{"name":"react-example-table","title":"react-example-table","description":"Table node with row and column operations.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-table.json"},{"name":"react-example-text-align","title":"react-example-text-align","description":"Text alignment options (left, center, right, justify).","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-text-align.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-text-align.json"},{"name":"react-example-text-color","title":"react-example-text-color","description":"Change text and background color.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-text-color.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-text-color.json"},{"name":"react-example-toolbar","title":"react-example-toolbar","description":"Formatting toolbar with common editing actions.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-toolbar.json"},{"name":"react-example-tweet","title":"react-example-tweet","description":"Embed and display Twitter tweets.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-tweet.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-tweet.json"},{"name":"react-example-typography","title":"react-example-typography","description":"Typography enhancements like smart quotes and dashes.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-typography.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-typography.json"},{"name":"react-example-underline","title":"react-example-underline","description":"Example for underline mark.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-underline.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-underline.json"},{"name":"react-example-unmount","title":"react-example-unmount","description":"Properly unmount and remount editor instances.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-unmount.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-unmount.json"},{"name":"react-example-user-menu","title":"react-example-user-menu","description":"Autocomplete menu for @mentions and #hashtag","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-user-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-user-menu.json"},{"name":"react-example-user-menu-dynamic","title":"react-example-user-menu-dynamic","description":"Dynamic autocomplete menu with async data loading.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-user-menu-dynamic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-user-menu-dynamic.json"},{"name":"react-example-view-adapter","title":"react-example-view-adapter","description":"Custom node and mark views using view adapters.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-view-adapter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-view-adapter.json"},{"name":"react-example-virtual-selection-repro","title":"react-example-virtual-selection-repro","description":"Reproduces pointer refocus in an editable nested node view.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-virtual-selection-repro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-virtual-selection-repro.json"},{"name":"react-example-word-counter","title":"react-example-word-counter","description":"Display word and character count statistics.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-word-counter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-word-counter.json"},{"name":"react-example-yjs","title":"react-example-yjs","description":"Real-time collaboration using Yjs CRDT library.","type":"registry:block","source_url":"https://prosekit.dev/r/react-example-yjs.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-example-yjs.json"},{"name":"react-sample-define-atom-block","title":"react-sample-define-atom-block","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-define-atom-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-define-atom-block.json"},{"name":"react-sample-katex","title":"react-sample-katex","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-katex.json"},{"name":"react-sample-sample-doc-block-handle","title":"react-sample-sample-doc-block-handle","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-block-handle.json"},{"name":"react-sample-sample-doc-bold","title":"react-sample-sample-doc-bold","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-bold.json"},{"name":"react-sample-sample-doc-code","title":"react-sample-sample-doc-code","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-code.json"},{"name":"react-sample-sample-doc-code-block","title":"react-sample-sample-doc-code-block","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-code-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-code-block.json"},{"name":"react-sample-sample-doc-drop-cursor","title":"react-sample-sample-doc-drop-cursor","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-drop-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-drop-cursor.json"},{"name":"react-sample-sample-doc-font-family","title":"react-sample-sample-doc-font-family","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-font-family.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-font-family.json"},{"name":"react-sample-sample-doc-full","title":"react-sample-sample-doc-full","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-full.json"},{"name":"react-sample-sample-doc-gap-cursor","title":"react-sample-sample-doc-gap-cursor","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-gap-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-gap-cursor.json"},{"name":"react-sample-sample-doc-hard-break","title":"react-sample-sample-doc-hard-break","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-hard-break.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-hard-break.json"},{"name":"react-sample-sample-doc-heading","title":"react-sample-sample-doc-heading","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-heading.json"},{"name":"react-sample-sample-doc-highlight","title":"react-sample-sample-doc-highlight","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-highlight.json"},{"name":"react-sample-sample-doc-image","title":"react-sample-sample-doc-image","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-image.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-image.json"},{"name":"react-sample-sample-doc-inline-menu","title":"react-sample-sample-doc-inline-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-inline-menu.json"},{"name":"react-sample-sample-doc-italic","title":"react-sample-sample-doc-italic","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-italic.json"},{"name":"react-sample-sample-doc-link","title":"react-sample-sample-doc-link","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-link.json"},{"name":"react-sample-sample-doc-link-mark-view","title":"react-sample-sample-doc-link-mark-view","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-link-mark-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-link-mark-view.json"},{"name":"react-sample-sample-doc-list","title":"react-sample-sample-doc-list","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-list.json"},{"name":"react-sample-sample-doc-list-custom-checkbox","title":"react-sample-sample-doc-list-custom-checkbox","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-list-custom-checkbox.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-list-custom-checkbox.json"},{"name":"react-sample-sample-doc-notion","title":"react-sample-sample-doc-notion","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-notion.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-notion.json"},{"name":"react-sample-sample-doc-page","title":"react-sample-sample-doc-page","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-page.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-page.json"},{"name":"react-sample-sample-doc-readonly","title":"react-sample-sample-doc-readonly","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-readonly.json"},{"name":"react-sample-sample-doc-rtl","title":"react-sample-sample-doc-rtl","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-rtl.json"},{"name":"react-sample-sample-doc-search","title":"react-sample-sample-doc-search","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-search.json"},{"name":"react-sample-sample-doc-strike","title":"react-sample-sample-doc-strike","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-strike.json"},{"name":"react-sample-sample-doc-sub-sup","title":"react-sample-sample-doc-sub-sup","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-sub-sup.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-sub-sup.json"},{"name":"react-sample-sample-doc-table","title":"react-sample-sample-doc-table","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-table.json"},{"name":"react-sample-sample-doc-tex","title":"react-sample-sample-doc-tex","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-tex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-tex.json"},{"name":"react-sample-sample-doc-text-align","title":"react-sample-sample-doc-text-align","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-text-align.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-text-align.json"},{"name":"react-sample-sample-doc-text-color","title":"react-sample-sample-doc-text-color","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-text-color.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-text-color.json"},{"name":"react-sample-sample-doc-tweet","title":"react-sample-sample-doc-tweet","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-tweet.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-tweet.json"},{"name":"react-sample-sample-doc-typography","title":"react-sample-sample-doc-typography","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-typography.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-typography.json"},{"name":"react-sample-sample-doc-underline","title":"react-sample-sample-doc-underline","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-underline.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-underline.json"},{"name":"react-sample-sample-doc-view-adapter","title":"react-sample-sample-doc-view-adapter","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-view-adapter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-view-adapter.json"},{"name":"react-sample-sample-doc-word-counter","title":"react-sample-sample-doc-word-counter","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-doc-word-counter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-doc-word-counter.json"},{"name":"react-sample-sample-query-users","title":"react-sample-sample-query-users","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-query-users.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-query-users.json"},{"name":"react-sample-sample-tag-data","title":"react-sample-sample-tag-data","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-tag-data.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-tag-data.json"},{"name":"react-sample-sample-uploader","title":"react-sample-sample-uploader","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-uploader.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-uploader.json"},{"name":"react-sample-sample-user-data","title":"react-sample-sample-user-data","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-sample-sample-user-data.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-sample-sample-user-data.json"},{"name":"react-ui-block-handle","title":"react-ui-block-handle","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-block-handle.json"},{"name":"react-ui-button","title":"react-ui-button","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-button.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-button.json"},{"name":"react-ui-code-block-view","title":"react-ui-code-block-view","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-code-block-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-code-block-view.json"},{"name":"react-ui-drop-indicator","title":"react-ui-drop-indicator","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-drop-indicator.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-drop-indicator.json"},{"name":"react-ui-image-upload-popover","title":"react-ui-image-upload-popover","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-image-upload-popover.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-image-upload-popover.json"},{"name":"react-ui-image-view","title":"react-ui-image-view","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-image-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-image-view.json"},{"name":"react-ui-inline-menu","title":"react-ui-inline-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-inline-menu.json"},{"name":"react-ui-search","title":"react-ui-search","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-search.json"},{"name":"react-ui-slash-menu","title":"react-ui-slash-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-slash-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-slash-menu.json"},{"name":"react-ui-table-handle","title":"react-ui-table-handle","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-table-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-table-handle.json"},{"name":"react-ui-tag-menu","title":"react-ui-tag-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-tag-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-tag-menu.json"},{"name":"react-ui-toolbar","title":"react-ui-toolbar","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-toolbar.json"},{"name":"react-ui-user-menu","title":"react-ui-user-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-user-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-user-menu.json"},{"name":"react-ui-word-counter","title":"react-ui-word-counter","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/react-ui-word-counter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/react-ui-word-counter.json"},{"name":"preact-example-block-handle","title":"preact-example-block-handle","description":"A handle that appears on hover, allowing you to drag and re-order blocks.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-block-handle.json"},{"name":"preact-example-blockquote","title":"preact-example-blockquote","description":"Example for blockquote node.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-blockquote.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-blockquote.json"},{"name":"preact-example-bold","title":"preact-example-bold","description":"Example for bold mark.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-bold.json"},{"name":"preact-example-change-tracking","title":"preact-example-change-tracking","description":"Track and commit document changes with version history.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-change-tracking.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-change-tracking.json"},{"name":"preact-example-code","title":"preact-example-code","description":"Example for inline code mark.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-code.json"},{"name":"preact-example-code-block","title":"preact-example-code-block","description":"Code block with syntax highlighting and a Mermaid diagram preview.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-code-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-code-block.json"},{"name":"preact-example-code-block-themes","title":"preact-example-code-block-themes","description":"Code block with multiple syntax highlighting themes.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-code-block-themes.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-code-block-themes.json"},{"name":"preact-example-drop-cursor","title":"preact-example-drop-cursor","description":"Visual cursor indicator during drag-and-drop operations.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-drop-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-drop-cursor.json"},{"name":"preact-example-emoji-rules","title":"preact-example-emoji-rules","description":"Auto-convert text shortcuts to emojis using input rules.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-emoji-rules.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-emoji-rules.json"},{"name":"preact-example-font-family","title":"preact-example-font-family","description":"Change the font family of text.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-font-family.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-font-family.json"},{"name":"preact-example-full","title":"preact-example-full","description":"Full-featured editor with most available features enabled.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-full.json"},{"name":"preact-example-gap-cursor","title":"preact-example-gap-cursor","description":"Cursor navigation between non-text block elements.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-gap-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-gap-cursor.json"},{"name":"preact-example-hard-break","title":"preact-example-hard-break","description":"Example for hard line break node.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-hard-break.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-hard-break.json"},{"name":"preact-example-heading","title":"preact-example-heading","description":"Example for heading node with multiple levels.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-heading.json"},{"name":"preact-example-highlight","title":"preact-example-highlight","description":"Example for highlighting text (like a highlighter pen).","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-highlight.json"},{"name":"preact-example-horizontal-rule","title":"preact-example-horizontal-rule","description":"Example for horizontal rule node.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-horizontal-rule.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-horizontal-rule.json"},{"name":"preact-example-image-view","title":"preact-example-image-view","description":"Custom image node views with resize support.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-image-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-image-view.json"},{"name":"preact-example-inline-menu","title":"preact-example-inline-menu","description":"Inline formatting menu that appears on text selection.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-inline-menu.json"},{"name":"preact-example-italic","title":"preact-example-italic","description":"Example for italic mark.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-italic.json"},{"name":"preact-example-katex","title":"preact-example-katex","description":"Math equation rendering using the KaTeX library.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-katex.json"},{"name":"preact-example-keymap","title":"preact-example-keymap","description":"Custom keyboard shortcuts and key bindings.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-keymap.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-keymap.json"},{"name":"preact-example-link","title":"preact-example-link","description":"Example for link mark with URL input.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-link.json"},{"name":"preact-example-link-mark-view","title":"preact-example-link-mark-view","description":"An example showing how to render a mark as a custom component.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-link-mark-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-link-mark-view.json"},{"name":"preact-example-list","title":"preact-example-list","description":"Example for list node.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-list.json"},{"name":"preact-example-list-custom-checkbox","title":"preact-example-list-custom-checkbox","description":"Custom checkbox styling for task lists.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-list-custom-checkbox.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-list-custom-checkbox.json"},{"name":"preact-example-loro","title":"preact-example-loro","description":"Real-time collaboration using Loro CRDT library.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-loro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-loro.json"},{"name":"preact-example-mark-rule","title":"preact-example-mark-rule","description":"Input rules for automatic mark formatting.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-mark-rule.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-mark-rule.json"},{"name":"preact-example-minimal","title":"preact-example-minimal","description":"Minimal editor setup with basic functionality.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-minimal.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-minimal.json"},{"name":"preact-example-placeholder","title":"preact-example-placeholder","description":"Placeholder text displayed.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-placeholder.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-placeholder.json"},{"name":"preact-example-readonly","title":"preact-example-readonly","description":"Toggle between read-only and editable mode.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-readonly.json"},{"name":"preact-example-rtl","title":"preact-example-rtl","description":"Right-to-left text direction support.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-rtl.json"},{"name":"preact-example-save-html","title":"preact-example-save-html","description":"Save and load documents as HTML format.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-save-html.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-save-html.json"},{"name":"preact-example-save-json","title":"preact-example-save-json","description":"Save and load documents as JSON format.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-save-json.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-save-json.json"},{"name":"preact-example-save-markdown","title":"preact-example-save-markdown","description":"Save and load documents as Markdown format.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-save-markdown.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-save-markdown.json"},{"name":"preact-example-search","title":"preact-example-search","description":"Search and highlight text with navigation.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-search.json"},{"name":"preact-example-slash-menu","title":"preact-example-slash-menu","description":"Command menu triggered by typing slash (/).","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-slash-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-slash-menu.json"},{"name":"preact-example-strike","title":"preact-example-strike","description":"Example for strikethrough mark.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-strike.json"},{"name":"preact-example-sub-sup","title":"preact-example-sub-sup","description":"Example for subscript and superscript marks.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-sub-sup.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-sub-sup.json"},{"name":"preact-example-table","title":"preact-example-table","description":"Table node with row and column operations.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-table.json"},{"name":"preact-example-text-align","title":"preact-example-text-align","description":"Text alignment options (left, center, right, justify).","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-text-align.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-text-align.json"},{"name":"preact-example-text-color","title":"preact-example-text-color","description":"Change text and background color.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-text-color.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-text-color.json"},{"name":"preact-example-toolbar","title":"preact-example-toolbar","description":"Formatting toolbar with common editing actions.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-toolbar.json"},{"name":"preact-example-typography","title":"preact-example-typography","description":"Typography enhancements like smart quotes and dashes.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-typography.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-typography.json"},{"name":"preact-example-underline","title":"preact-example-underline","description":"Example for underline mark.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-underline.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-underline.json"},{"name":"preact-example-unmount","title":"preact-example-unmount","description":"Properly unmount and remount editor instances.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-unmount.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-unmount.json"},{"name":"preact-example-user-menu","title":"preact-example-user-menu","description":"Autocomplete menu for @mentions and #hashtag","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-user-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-user-menu.json"},{"name":"preact-example-user-menu-dynamic","title":"preact-example-user-menu-dynamic","description":"Dynamic autocomplete menu with async data loading.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-user-menu-dynamic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-user-menu-dynamic.json"},{"name":"preact-example-view-adapter","title":"preact-example-view-adapter","description":"Custom node and mark views using view adapters.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-view-adapter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-view-adapter.json"},{"name":"preact-example-word-counter","title":"preact-example-word-counter","description":"Display word and character count statistics.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-word-counter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-word-counter.json"},{"name":"preact-example-yjs","title":"preact-example-yjs","description":"Real-time collaboration using Yjs CRDT library.","type":"registry:block","source_url":"https://prosekit.dev/r/preact-example-yjs.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-example-yjs.json"},{"name":"preact-sample-define-atom-block","title":"preact-sample-define-atom-block","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-define-atom-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-define-atom-block.json"},{"name":"preact-sample-katex","title":"preact-sample-katex","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-katex.json"},{"name":"preact-sample-sample-doc-block-handle","title":"preact-sample-sample-doc-block-handle","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-block-handle.json"},{"name":"preact-sample-sample-doc-bold","title":"preact-sample-sample-doc-bold","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-bold.json"},{"name":"preact-sample-sample-doc-code","title":"preact-sample-sample-doc-code","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-code.json"},{"name":"preact-sample-sample-doc-code-block","title":"preact-sample-sample-doc-code-block","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-code-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-code-block.json"},{"name":"preact-sample-sample-doc-drop-cursor","title":"preact-sample-sample-doc-drop-cursor","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-drop-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-drop-cursor.json"},{"name":"preact-sample-sample-doc-font-family","title":"preact-sample-sample-doc-font-family","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-font-family.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-font-family.json"},{"name":"preact-sample-sample-doc-full","title":"preact-sample-sample-doc-full","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-full.json"},{"name":"preact-sample-sample-doc-gap-cursor","title":"preact-sample-sample-doc-gap-cursor","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-gap-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-gap-cursor.json"},{"name":"preact-sample-sample-doc-hard-break","title":"preact-sample-sample-doc-hard-break","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-hard-break.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-hard-break.json"},{"name":"preact-sample-sample-doc-heading","title":"preact-sample-sample-doc-heading","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-heading.json"},{"name":"preact-sample-sample-doc-highlight","title":"preact-sample-sample-doc-highlight","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-highlight.json"},{"name":"preact-sample-sample-doc-image","title":"preact-sample-sample-doc-image","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-image.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-image.json"},{"name":"preact-sample-sample-doc-inline-menu","title":"preact-sample-sample-doc-inline-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-inline-menu.json"},{"name":"preact-sample-sample-doc-italic","title":"preact-sample-sample-doc-italic","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-italic.json"},{"name":"preact-sample-sample-doc-link","title":"preact-sample-sample-doc-link","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-link.json"},{"name":"preact-sample-sample-doc-link-mark-view","title":"preact-sample-sample-doc-link-mark-view","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-link-mark-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-link-mark-view.json"},{"name":"preact-sample-sample-doc-list","title":"preact-sample-sample-doc-list","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-list.json"},{"name":"preact-sample-sample-doc-list-custom-checkbox","title":"preact-sample-sample-doc-list-custom-checkbox","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-list-custom-checkbox.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-list-custom-checkbox.json"},{"name":"preact-sample-sample-doc-readonly","title":"preact-sample-sample-doc-readonly","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-readonly.json"},{"name":"preact-sample-sample-doc-rtl","title":"preact-sample-sample-doc-rtl","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-rtl.json"},{"name":"preact-sample-sample-doc-search","title":"preact-sample-sample-doc-search","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-search.json"},{"name":"preact-sample-sample-doc-strike","title":"preact-sample-sample-doc-strike","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-strike.json"},{"name":"preact-sample-sample-doc-sub-sup","title":"preact-sample-sample-doc-sub-sup","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-sub-sup.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-sub-sup.json"},{"name":"preact-sample-sample-doc-table","title":"preact-sample-sample-doc-table","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-table.json"},{"name":"preact-sample-sample-doc-tex","title":"preact-sample-sample-doc-tex","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-tex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-tex.json"},{"name":"preact-sample-sample-doc-text-align","title":"preact-sample-sample-doc-text-align","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-text-align.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-text-align.json"},{"name":"preact-sample-sample-doc-text-color","title":"preact-sample-sample-doc-text-color","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-text-color.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-text-color.json"},{"name":"preact-sample-sample-doc-typography","title":"preact-sample-sample-doc-typography","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-typography.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-typography.json"},{"name":"preact-sample-sample-doc-underline","title":"preact-sample-sample-doc-underline","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-underline.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-underline.json"},{"name":"preact-sample-sample-doc-view-adapter","title":"preact-sample-sample-doc-view-adapter","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-view-adapter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-view-adapter.json"},{"name":"preact-sample-sample-doc-word-counter","title":"preact-sample-sample-doc-word-counter","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-doc-word-counter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-doc-word-counter.json"},{"name":"preact-sample-sample-query-users","title":"preact-sample-sample-query-users","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-query-users.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-query-users.json"},{"name":"preact-sample-sample-tag-data","title":"preact-sample-sample-tag-data","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-tag-data.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-tag-data.json"},{"name":"preact-sample-sample-uploader","title":"preact-sample-sample-uploader","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-uploader.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-uploader.json"},{"name":"preact-sample-sample-user-data","title":"preact-sample-sample-user-data","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-sample-sample-user-data.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-sample-sample-user-data.json"},{"name":"preact-ui-block-handle","title":"preact-ui-block-handle","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-block-handle.json"},{"name":"preact-ui-button","title":"preact-ui-button","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-button.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-button.json"},{"name":"preact-ui-code-block-view","title":"preact-ui-code-block-view","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-code-block-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-code-block-view.json"},{"name":"preact-ui-drop-indicator","title":"preact-ui-drop-indicator","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-drop-indicator.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-drop-indicator.json"},{"name":"preact-ui-image-upload-popover","title":"preact-ui-image-upload-popover","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-image-upload-popover.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-image-upload-popover.json"},{"name":"preact-ui-image-view","title":"preact-ui-image-view","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-image-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-image-view.json"},{"name":"preact-ui-inline-menu","title":"preact-ui-inline-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-inline-menu.json"},{"name":"preact-ui-search","title":"preact-ui-search","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-search.json"},{"name":"preact-ui-slash-menu","title":"preact-ui-slash-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-slash-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-slash-menu.json"},{"name":"preact-ui-table-handle","title":"preact-ui-table-handle","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-table-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-table-handle.json"},{"name":"preact-ui-tag-menu","title":"preact-ui-tag-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-tag-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-tag-menu.json"},{"name":"preact-ui-toolbar","title":"preact-ui-toolbar","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-toolbar.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-toolbar.json"},{"name":"preact-ui-user-menu","title":"preact-ui-user-menu","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-user-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-user-menu.json"},{"name":"preact-ui-word-counter","title":"preact-ui-word-counter","description":null,"type":"registry:component","source_url":"https://prosekit.dev/r/preact-ui-word-counter.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/preact-ui-word-counter.json"},{"name":"vue-example-block-handle","title":"vue-example-block-handle","description":"A handle that appears on hover, allowing you to drag and re-order blocks.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-block-handle.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-block-handle.json"},{"name":"vue-example-blockquote","title":"vue-example-blockquote","description":"Example for blockquote node.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-blockquote.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-blockquote.json"},{"name":"vue-example-bold","title":"vue-example-bold","description":"Example for bold mark.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-bold.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-bold.json"},{"name":"vue-example-change-tracking","title":"vue-example-change-tracking","description":"Track and commit document changes with version history.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-change-tracking.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-change-tracking.json"},{"name":"vue-example-code","title":"vue-example-code","description":"Example for inline code mark.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-code.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-code.json"},{"name":"vue-example-code-block","title":"vue-example-code-block","description":"Code block with syntax highlighting and a Mermaid diagram preview.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-code-block.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-code-block.json"},{"name":"vue-example-code-block-themes","title":"vue-example-code-block-themes","description":"Code block with multiple syntax highlighting themes.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-code-block-themes.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-code-block-themes.json"},{"name":"vue-example-drop-cursor","title":"vue-example-drop-cursor","description":"Visual cursor indicator during drag-and-drop operations.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-drop-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-drop-cursor.json"},{"name":"vue-example-emoji-rules","title":"vue-example-emoji-rules","description":"Auto-convert text shortcuts to emojis using input rules.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-emoji-rules.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-emoji-rules.json"},{"name":"vue-example-font-family","title":"vue-example-font-family","description":"Change the font family of text.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-font-family.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-font-family.json"},{"name":"vue-example-full","title":"vue-example-full","description":"Full-featured editor with most available features enabled.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-full.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-full.json"},{"name":"vue-example-gap-cursor","title":"vue-example-gap-cursor","description":"Cursor navigation between non-text block elements.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-gap-cursor.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-gap-cursor.json"},{"name":"vue-example-hard-break","title":"vue-example-hard-break","description":"Example for hard line break node.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-hard-break.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-hard-break.json"},{"name":"vue-example-heading","title":"vue-example-heading","description":"Example for heading node with multiple levels.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-heading.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-heading.json"},{"name":"vue-example-highlight","title":"vue-example-highlight","description":"Example for highlighting text (like a highlighter pen).","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-highlight.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-highlight.json"},{"name":"vue-example-horizontal-rule","title":"vue-example-horizontal-rule","description":"Example for horizontal rule node.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-horizontal-rule.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-horizontal-rule.json"},{"name":"vue-example-image-view","title":"vue-example-image-view","description":"Custom image node views with resize support.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-image-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-image-view.json"},{"name":"vue-example-inline-menu","title":"vue-example-inline-menu","description":"Inline formatting menu that appears on text selection.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-inline-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-inline-menu.json"},{"name":"vue-example-italic","title":"vue-example-italic","description":"Example for italic mark.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-italic.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-italic.json"},{"name":"vue-example-katex","title":"vue-example-katex","description":"Math equation rendering using the KaTeX library.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-katex.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-katex.json"},{"name":"vue-example-keymap","title":"vue-example-keymap","description":"Custom keyboard shortcuts and key bindings.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-keymap.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-keymap.json"},{"name":"vue-example-link","title":"vue-example-link","description":"Example for link mark with URL input.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-link.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-link.json"},{"name":"vue-example-link-mark-view","title":"vue-example-link-mark-view","description":"An example showing how to render a mark as a custom component.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-link-mark-view.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-link-mark-view.json"},{"name":"vue-example-list","title":"vue-example-list","description":"Example for list node.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-list.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-list.json"},{"name":"vue-example-list-custom-checkbox","title":"vue-example-list-custom-checkbox","description":"Custom checkbox styling for task lists.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-list-custom-checkbox.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-list-custom-checkbox.json"},{"name":"vue-example-loro","title":"vue-example-loro","description":"Real-time collaboration using Loro CRDT library.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-loro.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-loro.json"},{"name":"vue-example-mark-rule","title":"vue-example-mark-rule","description":"Input rules for automatic mark formatting.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-mark-rule.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-mark-rule.json"},{"name":"vue-example-minimal","title":"vue-example-minimal","description":"Minimal editor setup with basic functionality.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-minimal.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-minimal.json"},{"name":"vue-example-placeholder","title":"vue-example-placeholder","description":"Placeholder text displayed.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-placeholder.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-placeholder.json"},{"name":"vue-example-readonly","title":"vue-example-readonly","description":"Toggle between read-only and editable mode.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-readonly.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-readonly.json"},{"name":"vue-example-rtl","title":"vue-example-rtl","description":"Right-to-left text direction support.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-rtl.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-rtl.json"},{"name":"vue-example-save-html","title":"vue-example-save-html","description":"Save and load documents as HTML format.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-save-html.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-save-html.json"},{"name":"vue-example-save-json","title":"vue-example-save-json","description":"Save and load documents as JSON format.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-save-json.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-save-json.json"},{"name":"vue-example-save-markdown","title":"vue-example-save-markdown","description":"Save and load documents as Markdown format.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-save-markdown.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-save-markdown.json"},{"name":"vue-example-search","title":"vue-example-search","description":"Search and highlight text with navigation.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-search.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-search.json"},{"name":"vue-example-slash-menu","title":"vue-example-slash-menu","description":"Command menu triggered by typing slash (/).","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-slash-menu.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-slash-menu.json"},{"name":"vue-example-strike","title":"vue-example-strike","description":"Example for strikethrough mark.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-strike.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-strike.json"},{"name":"vue-example-sub-sup","title":"vue-example-sub-sup","description":"Example for subscript and superscript marks.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-sub-sup.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-sub-sup.json"},{"name":"vue-example-table","title":"vue-example-table","description":"Table node with row and column operations.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-table.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-table.json"},{"name":"vue-example-text-align","title":"vue-example-text-align","description":"Text alignment options (left, center, right, justify).","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-text-align.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-text-align.json"},{"name":"vue-example-text-color","title":"vue-example-text-color","description":"Change text and background color.","type":"registry:block","source_url":"https://prosekit.dev/r/vue-example-text-color.json","install_command":"npx shadcn@latest add https://prosekit.dev/r/vue-example-text-color.json"}]},{"id":"pulkitxm","name":"@pulkitxm","slug":"pulkitxm","description":"A personal shadcn registry by developer Pulkit offering 31 GSAP- and Framer Motion-powered components for expressive UIs: slide-in-text, text-scramble, typewriter, stagger-reveal-grid, tilt-card-glare, aurora-background, fluid-cursor-trail, magnetic-cursor-dock, svg-morph-button, svg-particle, swap-button, parallax-image, gravity-scroll-cards, horizontal-scroll-gallery, scroll-linked-video-scrubber, infinite-circular-scroll, cursor-spotlight, scroll-progress, resizable-panels, number-counter, handwriting-svg, network-image, animated-underline, animated-underline-navbar, and more. Tailwind CSS, React. Free. Use for: drop-in scroll-linked animations, cursor effects, and motion-driven text components in marketing pages or portfolios.","author":"Pulkitxm","framework":"react","license":null,"tags":["aesthetic","animation","backgrounds","buttons","cards","loaders","marketing","media","mobile","navigation","saas","text-effects"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://pulkit.page","github":"https://github.com/Pulkitxm","registry":"https://pulkit.page/components/{name}.json","source":"https://pulkit.page/components/{name}.json","page":"https://sh4dcn.netlify.app/registry/pulkitxm","markdown":"https://sh4dcn.netlify.app/md/pulkitxm.md"},"logo":"<svg width='142' height='183' viewBox='0 0 142 183' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M15.2064 180.083L42.174 153.149L69.5072 125.849L69.862 125.494L70.3635 125.483L78.0303 125.317H78.0312C85.7118 125.157 88.5765 124.815 94.003 123.399L94.5365 123.258L94.5395 123.257C103.166 120.989 113.098 115.162 120.204 108.182L120.54 107.849L120.541 107.848C135.619 92.8027 141.526 73.2859 137.398 51.9169L137.298 51.4119C135.855 44.2949 132.025 35.3652 127.809 29.3779L127.608 29.0949L127.607 29.0937C124.909 25.3219 119.092 19.2102 115.617 16.4485C105.997 8.98633 94.9963 4.66338 82.8733 3.62622L82.295 3.57934L82.292 3.5791C79.8227 3.38418 62.0647 3.24976 39.8237 3.24976H2.80725V147.144L14.7057 135.217L28.405 121.518L28.2073 76.3719L28.0073 30.6719L28.0018 29.4162H53.9905C80.7573 29.4162 82.1783 29.4669 87.8193 31.3472L87.8218 31.3479L87.8238 31.3487C93.027 33.1059 97.0828 35.5327 101.114 39.3222L101.115 39.3234L101.116 39.3247C105.58 43.5467 108.758 48.7357 110.652 54.8639L110.653 54.8684C111.077 56.2607 111.331 57.1967 111.464 58.5802C111.592 59.9097 111.607 61.6499 111.607 64.6592C111.639 70.1252 111.588 71.4352 110.957 73.6892L110.823 74.1542C107.224 86.6017 97.5303 95.6487 84.5165 98.7817L84.51 98.7832L84.503 98.7847L84.3335 98.8217C82.6505 99.1737 79.6405 99.3334 73.387 99.4574L72.0462 99.4829H72.0448L62.5187 99.6412L48.7433 113.481C42.919 119.356 33.8113 128.513 25.8964 136.478L18.5446 143.88L18.5429 143.882L2.80725 159.683V180.083H15.2064Z' fill='white' stroke='black' stroke-width='5'/></svg>","preview_image":"https://pulkit.page/og/home/card.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/Pulkitxm.git","clone_degit":"npx degit Pulkitxm","registry_fetch":"curl -s https://pulkit.page/components/{name}.json"},"component_count":0,"components":[]},{"id":"pulld","name":"@pulld","slug":"pulld","description":"Typed, accessible, theme-aware React/Tailwind components installable by the shadcn CLI or your AI coding agent. Free atoms plus composed Pro blocks.","author":null,"framework":"react","license":null,"tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","charts","forms","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://pulld.pages.dev","github":null,"registry":"https://pulld.pages.dev/r/registry.json","source":"https://pulld.pages.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/pulld","markdown":"https://sh4dcn.netlify.app/md/pulld.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><rect width='24' height='24' rx='6' fill='#6d5efc'/><path d='M12 5.5v7.5m0 0l-3.2-3.2M12 13l3.2-3.2' fill='none' stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/><path d='M7 17.5h10' fill='none' stroke='#fff' stroke-width='2' stroke-linecap='round'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pulld.pages.dev/go/pro"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://pulld.pages.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://pulld.pages.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://pulld.pages.dev/r/registry.json","registry_fetch":"curl -s https://pulld.pages.dev/r/registry.json"},"component_count":125,"components":[{"name":"copy-button","title":"Copy Button","description":"A one-click copy control: a square icon button that writes a string to the clipboard, swaps its clipboard icon for a tick, announces \"Copied\" to a screen reade…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/copy-button.json"},{"name":"kbd","title":"Kbd","description":"Inline keyboard key rendered as a real <kbd> element and styled as a bordered monospace keycap — a drop-in for a bare <kbd> tag that otherwise renders as unsty…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/kbd.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/kbd.json"},{"name":"empty-state","title":"Empty State","description":"The centred placeholder a screen shows when it has nothing to draw — a dashed panel with an optional icon, a heading, one line of explanation, and room for a c…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/empty-state.json"},{"name":"stat-card","title":"Stat Card","description":"The single-number tile at the top of a dashboard: a label, one big value, and an optional percentage change with an up or down arrow — green when the number mo…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/stat-card.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/stat-card.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"The one-button light/dark switch you drop in a navbar, header or settings row — click it and the whole app flips theme, and the choice survives a reload. Reach…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/theme-toggle.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/theme-toggle.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"A facepile in one prop: pass a list of people and a maximum, get a row of overlapping circular avatars with everything past the maximum collapsed into a \"+N\" b…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/avatar-stack.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/avatar-stack.json"},{"name":"password-input","title":"Password Input","description":"A password field with the show/hide eye already built in — the one control every sign-up form needs and shadcn/ui does not ship. It is a drop-in replacement fo…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/password-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/password-input.json"},{"name":"spinner","title":"Spinner","description":"An inline loading indicator that announces itself: a spinning lucide Loader2 inside a role=\"status\" live region with a screen-reader-only label, so a pending o…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/spinner.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/spinner.json"},{"name":"code-block","title":"Code Block","description":"A read-only code panel: a bordered, scrollable box that shows a snippet with a copy button in the corner and an optional uppercase language label. Reach for it…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/code-block.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/code-block.json"},{"name":"loading-button","title":"Loading Button","description":"Submit button that shows a spinner, announces itself, and refuses to fire twice while an async action is in flight. Set loading={true} for the duration of the …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/loading-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/loading-button.json"},{"name":"confirm-button","title":"Confirm Button","description":"Inline two-step confirmation on the button itself, with no modal and no dialog state to wire up: the first click arms it — the label swaps to \"Confirm?\" and th…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/confirm-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/confirm-button.json"},{"name":"command-palette","title":"Command Palette","description":"A ready-made ⌘K command palette: one component you drop in, open with a keyboard shortcut, and fill with actions. Reach for it the moment a nav bar stops being…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/command-palette.json"},{"name":"toast","title":"Toast","description":"A complete toast / notification system in one file: call `toast()` — or `toast.success` / `.error` / `.info` / `.warning` / `.loading` / `.promise` — from anyw…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/toast.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/toast.json"},{"name":"search-input","title":"Search Input","description":"Search field with a leading magnifier and a trailing clear (✕) that appears as soon as there is text, empties the field, and puts focus back so typing can cont…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/search-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/search-input.json"},{"name":"number-input","title":"Number Input","description":"A number field with − and + stepper buttons either side of it. Reach for it wherever someone adjusts a number by one rather than typing it: a quantity picker i…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/number-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/number-input.json"},{"name":"otp-input","title":"OTP Input","description":"A one-time passcode field split into separate digit boxes — the \"enter the 6-digit code we sent you\" screen. Reach for it on any challenge step where a short n…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/otp-input.json"},{"name":"tag-input","title":"Tag Input","description":"A multi-value text field: what gets typed becomes a removable chip, and the value the form sees is a plain string[]. Enter or a comma commits the draft, Backsp…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/tag-input.json"},{"name":"copy-field","title":"Copy Field","description":"Read-only field that shows a value with a copy button docked at its right edge: one click copies, and focusing or clicking anywhere in the field selects the wh…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/copy-field.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/copy-field.json"},{"name":"segmented-control","title":"Segmented Control","description":"A row of 2–4 mutually exclusive choices drawn as one moving pill on a shared track — the iOS-style segmented control, and what most dashboards use to switch a …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/segmented-control.json"},{"name":"step-indicator","title":"Step Indicator","description":"Horizontal stepper that shows where someone is in a fixed sequence — numbered circle markers joined by a connecting line, each drawn as complete (filled, with …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/step-indicator.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/step-indicator.json"},{"name":"rating","title":"Rating","description":"A star rating that works both ways: as an input that collects a score, and read-only as a display of one. Reach for it wherever a number between 0 and 5 is rea…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/rating.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/rating.json"},{"name":"timeline","title":"Timeline","description":"A vertical timeline: a list of events drawn as dots on a connecting line, each with an optional timestamp, title, description and icon. Reach for it wherever t…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/timeline.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/timeline.json"},{"name":"announcement-bar","title":"Announcement Bar","description":"A dismissible bar pinned above your header for a message the whole site needs to see: a launch or new release, a promo, sale or free-shipping offer, a schedule…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/announcement-bar.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/announcement-bar.json"},{"name":"file-dropzone","title":"File Dropzone","description":"A drag-and-drop file upload area that is also a real file picker: drop files onto it, or click it — or focus it and press Enter or Space — to open the native c…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/file-dropzone.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/file-dropzone.json"},{"name":"progress-ring","title":"Progress Ring","description":"A circular progress indicator: an SVG ring that fills clockwise from twelve o'clock, with the percentage — or any icon or short label you pass — sitting in the…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/progress-ring.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/progress-ring.json"},{"name":"pricing-card","title":"Pricing Card","description":"A single pricing plan card — one tier's box, with its name, its price, what it includes and the button that takes it. Reach for it wherever a plan has to be ch…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/pricing-card.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/pricing-card.json"},{"name":"feature-card","title":"Feature Card","description":"An icon + heading + one line of copy, as the repeating tile in the features or benefits section of a landing or marketing page — a “why us” grid, “what’s inclu…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/feature-card.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/feature-card.json"},{"name":"gauge","title":"Gauge","description":"A semicircular (half-circle) gauge or dial that shows one measurement inside a known range, drawn as an SVG arc that fills from the left and animates to its ne…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/gauge.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/gauge.json"},{"name":"time-ago","title":"Time Ago","description":"Auto-updating relative timestamp — \"3 minutes ago\", \"just now\", \"in 2 days\" — that re-renders on its own timer so the label stays true without a reload. Reach …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/time-ago.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/time-ago.json"},{"name":"multi-select","title":"Multi Select","description":"A searchable multi-select: choose several options from a list you define, each shown as a removable badge in the trigger. Reach for it wherever a field stores …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/multi-select.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/multi-select.json"},{"name":"countdown","title":"Countdown","description":"A live countdown timer to a future moment — it re-renders every second, ticks down, never goes negative, and fires an onComplete callback once when it reaches …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/countdown.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/countdown.json"},{"name":"inline-edit","title":"Inline Edit","description":"Click-to-edit text that stays where it is: a value shown as plain text with a pencil affordance that swaps to an input in the same spot when activated, commits…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/inline-edit.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/inline-edit.json"},{"name":"autosize-textarea","title":"Autosize Textarea","description":"A textarea that grows as you type and stops at a maximum height, then scrolls. Reach for it wherever a fixed-height box is the wrong shape: a chat, message or …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/autosize-textarea.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/autosize-textarea.json"},{"name":"currency-input","title":"Currency Input","description":"A money input that shows a grouped, currency-formatted amount ($1,234.50) when idle and the raw number while you're editing, so the cursor never fights the tho…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/currency-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/currency-input.json"},{"name":"floating-label-input","title":"Floating Label Input","description":"A text input whose label sits inside the field like a placeholder, then shrinks and floats up to straddle the top border the moment the field is focused or hol…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/floating-label-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/floating-label-input.json"},{"name":"bulk-action-bar","title":"Bulk Action Bar","description":"The bar that appears once rows are selected in a table or list — it shows \"3 items selected\", holds your bulk actions (delete, archive, export, assign, move, a…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/bulk-action-bar.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/bulk-action-bar.json"},{"name":"save-status","title":"Save Status","description":"The small inline \"Saving… / Saved 2 minutes ago / Couldn't save · Retry\" indicator that sits beside an autosaving surface, and the announcement that goes with …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/save-status.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/save-status.json"},{"name":"form-error-summary","title":"Form Error Summary","description":"The block that appears above a form after a failed submit — \"There are 3 problems with your submission\" followed by one link per error that jumps focus straigh…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/form-error-summary.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/form-error-summary.json"},{"name":"type-to-confirm","title":"Type-to-Confirm","description":"The confirmation step in front of an irreversible action: the person has to type the resource's own name (\"acme-prod\") before the destructive button turns on. …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/type-to-confirm.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/type-to-confirm.json"},{"name":"keyboard-shortcuts","title":"Keyboard Shortcuts","description":"The help sheet that opens when the user presses ? — a modal listing every keyboard shortcut in the app, grouped by area, with the key caps drawn per platform. …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/keyboard-shortcuts.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/keyboard-shortcuts.json"},{"name":"upload-list","title":"Upload List","description":"The list of files under a dropzone or file picker — one row each with the file name, its size, a progress bar while it uploads, an error with a retry button wh…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/upload-list.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/upload-list.json"},{"name":"bento-grid","title":"Bento Grid","description":"The asymmetric panel grid behind most modern feature sections: a set of cards on one grid where a few cells are deliberately two columns wide or two rows tall,…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/bento-grid.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/bento-grid.json"},{"name":"tree-view","title":"Tree View","description":"The nested list you can open, close and walk with the arrow keys: a file explorer or file tree, a folder or directory tree, a category or taxonomy picker, an o…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/tree-view.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/tree-view.json"},{"name":"sortable-list","title":"Sortable List","description":"Drag-to-reorder list: grab a row's grip handle and drop it in a new place — and do the same thing from the keyboard, which is the half that is normally missing…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/sortable-list.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/sortable-list.json"},{"name":"infinite-scroll","title":"Infinite Scroll","description":"The footer of a list that keeps going: an invisible sentinel that loads the next page as it scrolls into view, plus a Load more button that always does the sam…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/infinite-scroll.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/infinite-scroll.json"},{"name":"virtual-list","title":"Virtual List","description":"A long list that only puts the rows you can see into the DOM: five thousand rows render as about thirty nodes, so the page stops taking seconds to paint and sc…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/virtual-list.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/virtual-list.json"},{"name":"read-more","title":"Read More","description":"Long text clamped to a few lines with a Show more / Show less toggle that appears only when the text is genuinely too long. Use it wherever text is usually sho…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/read-more.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/read-more.json"},{"name":"middle-truncate","title":"Middle Truncate","description":"One line of text with the middle removed so that both ends stay readable, fitted to whatever width the container actually gives it. Use it for file names — whe…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/middle-truncate.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/middle-truncate.json"},{"name":"toc","title":"Table of Contents","description":"A table of contents for the page the reader is on, with the section they are currently reading highlighted as they scroll. Use it for the \"On this page\" rail b…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/toc.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/toc.json"},{"name":"date-input","title":"Date Input","description":"A date field you type into, one segment at a time, that emits an ISO \"YYYY-MM-DD\" string. Use it for date of birth and signup forms, booking and check-in/check…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/date-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/date-input.json"},{"name":"sparkline","title":"Sparkline","description":"An inline SVG trend line — a sparkline — that shows the shape of a series in about the space of a line of text. Use it when you need a chart small enough to li…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/sparkline.json"},{"name":"slug-input","title":"Slug Input","description":"A URL slug field that fills itself in from a title and then gets out of the way. Use it wherever a record needs a URL: the permalink or slug field in a blog po…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/slug-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/slug-input.json"},{"name":"password-strength","title":"Password Strength","description":"A password strength meter for a sign-up, registration, change-password or reset-password form — the bar under the password field that says Weak or Strong, plus…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/password-strength.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/password-strength.json"},{"name":"diff-view","title":"Diff View","description":"A line-by-line diff of two strings — the before/after view a screen needs when it has to show what changed: a config or settings change, a record edited in an …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/diff-view.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/diff-view.json"},{"name":"calendar-heatmap","title":"Calendar Heatmap","description":"A year of daily counts as a grid of shaded squares — the GitHub-style contribution graph, drawn for whatever your app counts per day: commits, deploys, orders,…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/calendar-heatmap.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/calendar-heatmap.json"},{"name":"ansi-log","title":"ANSI Log","description":"Renders raw terminal output — escape sequences and all — as styled, theme-aware HTML. Reach for it wherever a process's own output has to be shown inside a pag…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/ansi-log.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/ansi-log.json"},{"name":"cron-expression","title":"Cron Expression","description":"Turns a cron expression into a sentence anyone can read, and lists the next times it fires. Reach for it wherever a schedule is shown rather than edited: a sch…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/cron-expression.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/cron-expression.json"},{"name":"ratio-bar","title":"Ratio Bar","description":"One horizontal bar that shows how a whole is divided up, with a legend that names every part — the GitHub-style language / storage bar. Reach for it whenever t…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/ratio-bar.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/ratio-bar.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"A bar that fills as the reader scrolls — the reading indicator across the top of an article, and the \"how much is left?\" cue on anything long. Use it on blog p…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/scroll-progress.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/scroll-progress.json"},{"name":"duration-input","title":"Duration Input","description":"A text field that takes a length of time written the way people actually write one — 90m, 1h30m, 1h 30m, 2d 4h 15m, 1:30, 1.5h, 500ms, \"90 minutes\" — reads it …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/duration-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/duration-input.json"},{"name":"color-picker","title":"Color Picker","description":"A colour picker built from a hex/rgb/hsl text box and native hue, saturation and lightness sliders, with optional alpha and preset swatches. Reach for it where…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/color-picker.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/color-picker.json"},{"name":"json-viewer","title":"JSON Viewer","description":"Renders a parsed JSON value as a collapsible, type-coloured tree you can read and navigate. Reach for it wherever a page has to show a payload the reader did n…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/json-viewer.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/json-viewer.json"},{"name":"image-comparison","title":"Image Comparison","description":"A before/after slider: two images stacked in the same box with a divider you drag across them, so the second is revealed over the first instead of sitting next…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/image-comparison.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/image-comparison.json"},{"name":"timezone-select","title":"Time Zone Select","description":"A time zone picker: every IANA zone the browser knows, grouped by region and labelled with the UTC offset it is actually on — \"New York (UTC-04:00)\", \"Kolkata …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/timezone-select.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/timezone-select.json"},{"name":"month-picker","title":"Month Picker","description":"A month picker: a year of twelve months as a grid, with arrows on the year, that hands back a plain \"YYYY-MM\" string — \"2026-08\" — and never a day or a time zo…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/month-picker.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/month-picker.json"},{"name":"time-input","title":"Time Input","description":"A time field you type into, one segment at a time, that hands back a plain 24-hour clock string — \"09:30\", or \"09:30:15\" with seconds — and never a date and ne…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/time-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/time-input.json"},{"name":"weekly-hours","title":"Weekly Hours","description":"A week of opening hours in one editor: seven rows, each a switch plus an opening and a closing time, handing back a plain object keyed by weekday. Reach for it…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/weekly-hours.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/weekly-hours.json"},{"name":"country-select","title":"Country Select","description":"A country picker: all 249 ISO 3166-1 countries, named in the reader's own language, sorted the way that language sorts, and searchable by local name, English n…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/country-select.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/country-select.json"},{"name":"currency-select","title":"Currency Select","description":"A currency picker: every ISO 4217 currency the runtime knows, named in the reader's own language, sorted the way that language sorts, and searchable by local n…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/currency-select.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/currency-select.json"},{"name":"language-select","title":"Language Select","description":"A UI language picker: every language named in its own language — 日本語, Deutsch, العربية, 한국어 — with its name in the page's language beside it, its BCP-47 tag, a…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/language-select.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/language-select.json"},{"name":"phone-input","title":"Phone Input","description":"An international phone number field: a searchable country picker, that country's calling code shown as a live prefix, and one E.164 string (\"+819012345678\") co…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/phone-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/phone-input.json"},{"name":"password-generator","title":"Password Generator","description":"A password generator: a read-only field holding the generated password, a Generate control, a copy button, and switches for length, character classes and look-…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/password-generator.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/password-generator.json"},{"name":"network-status","title":"Network Status","description":"An offline banner that is right about being offline: it tells someone the page has lost the network, and — the harder half — only tells them it is back once th…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/network-status.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/network-status.json"},{"name":"recovery-codes","title":"Recovery Codes","description":"The sheet of two-factor backup codes, with the three ways off the screen that people actually use: copy, download as a .txt, and print. Reach for it wherever a…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/recovery-codes.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/recovery-codes.json"},{"name":"unsaved-changes-guard","title":"Unsaved Changes Guard","description":"A leave guard for a form with unsaved changes: it holds the departure, asks whether the work should be discarded, and lets it through only when the answer is y…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/unsaved-changes-guard.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/unsaved-changes-guard.json"},{"name":"csv-export-button","title":"CSV Export Button","description":"A button that turns rows into a CSV file the browser saves — with the two things the inline version gets wrong already handled: the spreadsheet formulas hiding…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/csv-export-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/csv-export-button.json"},{"name":"idle-timeout","title":"Idle Timeout","description":"An inactivity timeout with a warning before it fires: it watches for the user going away, puts up a \"you will be signed out in 1:59\" dialog with a live countdo…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/idle-timeout.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/idle-timeout.json"},{"name":"char-counter","title":"Character Counter","description":"The \"42 left\" that sits under a field with a limit — a bio, a post box, a product description, an SMS body, a subject line — counting the characters a person c…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/char-counter.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/char-counter.json"},{"name":"scroll-shadow","title":"Scroll Shadow","description":"A scrolling box whose edges fade out while there is more content past them, and stop fading the moment there is not — the cue that tells a reader a wide table …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/scroll-shadow.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/scroll-shadow.json"},{"name":"mention-input","title":"Mention Input","description":"The comment box where typing `@` opens a list of people and picking one types their handle in — the completion that lives inside the prose, anchored under the …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/mention-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/mention-input.json"},{"name":"signature-pad","title":"Signature Pad","description":"The box at the bottom of a form where somebody signs with a finger, a mouse or a stylus — and, beside it, the field where somebody who cannot draw types their …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/signature-pad.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/signature-pad.json"},{"name":"image-crop","title":"Image Crop","description":"The step that comes straight after a photo is chosen: the picture sits behind a frame of the shape the product needs, and you drag it about and pinch or scroll…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/image-crop.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/image-crop.json"},{"name":"sort-header","title":"Sort Header","description":"One sortable column heading for a table you already have: press it and the rows re-order, press it again for the other direction, press it a third time and the…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/sort-header.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/sort-header.json"},{"name":"qr-code","title":"QR Code","description":"A scannable QR code, drawn as SVG, for putting a link, a Wi-Fi network or a 2FA secret on screen where a phone can pick it up. Reach for it wherever something …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/qr-code.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/qr-code.json"},{"name":"share-button","title":"Share Button","description":"A share control that opens the device's native share sheet and quietly degrades to copying the link where that sheet does not exist. Reach for it wherever a pa…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/share-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/share-button.json"},{"name":"print-button","title":"Print Button","description":"Prints one region of the page — an invoice, a receipt, an order confirmation, a ticket or boarding pass, a packing slip, a report or dashboard panel, a chart, …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/print-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/print-button.json"},{"name":"masked-input","title":"Masked Input","description":"Holds a text field to one fixed shape while it is typed — a postal or ZIP code, a product or licence key, a serial, model or part number, an employee, member, …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/masked-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/masked-input.json"},{"name":"fullscreen-button","title":"Fullscreen Button","description":"A button that shows one element — a chart, a data table, a map, a video player, a preview pane — full-screen on its own, and keeps telling the truth about it a…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/fullscreen-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/fullscreen-button.json"},{"name":"wake-lock-toggle","title":"Wake Lock Toggle","description":"A toggle that stops the screen going dark while somebody is looking at it but not touching it, and — unlike every version written by hand — keeps on being true…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/wake-lock-toggle.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/wake-lock-toggle.json"},{"name":"geolocation-button","title":"Geolocation Button","description":"A \"use my current location\" button that is right about why it didn't. It asks the device for a position and, when that is refused, works out which of four unre…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/geolocation-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/geolocation-button.json"},{"name":"highlight-text","title":"Highlight Text","description":"Text with the parts matching a search query highlighted, built so that neither the text nor the query can break it — and both of them routinely arrive from a U…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/highlight-text.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/highlight-text.json"},{"name":"image-zoom","title":"Image Zoom","description":"A frame that zooms whatever is inside it — wheel, trackpad pinch, double click or the buttons — and lets you drag it around once it no longer fits. Reach for i…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/image-zoom.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/image-zoom.json"},{"name":"speech-input","title":"Speech Input","description":"A press-to-dictate microphone button that fills a text field by voice, and stops claiming to listen the moment the browser has stopped. Reach for it beside any…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/speech-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/speech-input.json"},{"name":"date-range-preset","title":"Date Range Preset","description":"A row of date-range presets — Today, Last 7 days, Month to date, Last month, Year to date — with a custom from/to range behind the last option, that answers wi…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/date-range-preset.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/date-range-preset.json"},{"name":"camera-capture","title":"Camera Capture","description":"A take-a-photo control that opens the device camera inline, shows a live preview, captures a still to a Blob, and — the part every hand-rolled version gets wro…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/camera-capture.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/camera-capture.json"},{"name":"filter-chips","title":"Filter Chips","description":"The row of pills above a list that says which filters are in force — one chip per applied condition, each with a × that takes off only that condition, plus a c…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/filter-chips.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/filter-chips.json"},{"name":"product-tour","title":"Product Tour","description":"A guided tour of the real screen: a card that walks through your own UI, dimming the page and lighting up the one control each step is about, with Back and Nex…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/product-tour.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/product-tour.json"},{"name":"pull-to-refresh","title":"Pull To Refresh","description":"A list that reloads when it is pulled down from the top, the way a native app does, plus a Refresh button that always does the same job. The indicator follows …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/pull-to-refresh.json"},{"name":"sticky-table-header","title":"Sticky Table Header","description":"Keeps a long table's header row visible while the rows scroll, and freezes up to three leading columns while it scrolls sideways — Excel's freeze panes, for an…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/sticky-table-header.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/sticky-table-header.json"},{"name":"paste-area","title":"Paste Area","description":"A region that takes whatever is on the clipboard — a screenshot, an image, a file, a table copied out of a spreadsheet, or plain text — and hands it over as ty…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/paste-area.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/paste-area.json"},{"name":"swipe-actions","title":"Swipe Actions","description":"A list row that slides sideways under a thumb to reveal what can be done to it — archive, delete, mark read, pin, snooze — with a button on the row that reveal…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/swipe-actions.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/swipe-actions.json"},{"name":"shortcut-recorder","title":"Shortcut Recorder","description":"The settings field that records a keyboard shortcut: the user presses the combination they want and it is captured as a value you can store. Use it on a keyboa…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/shortcut-recorder.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/shortcut-recorder.json"},{"name":"audio-recorder","title":"Audio Recorder","description":"A voice-note recorder: press to record, watch the input level move while it does, stop, play it back, and get a Blob you can upload — and, the part every hand-…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/audio-recorder.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/audio-recorder.json"},{"name":"nested-checkbox","title":"Nested Checkbox","description":"The checkbox list with parents and children that agree with each other: tick every child and the parent fills in, tick the parent and the whole branch follows,…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/nested-checkbox.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/nested-checkbox.json"},{"name":"drag-select","title":"Drag Select","description":"Rubber-band selection: drag from the empty space around a list, a grid or a board and everything the rectangle touches is selected, with the container scrollin…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/drag-select.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/drag-select.json"},{"name":"json-input","title":"JSON Input","description":"A textarea for editing JSON by hand that says exactly where the mistake is — line, column and a caret you can jump to. Reach for it wherever a page has to let …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/json-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/json-input.json"},{"name":"column-resizer","title":"Column Resizer","description":"Drag the line between two column headings to set that column's width, in a <table> you already have — with the widths kept where you put them, a keyboard path …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/column-resizer.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/column-resizer.json"},{"name":"media-scrubber","title":"Media Scrubber","description":"The playback position bar for an <audio> or <video> element you already have — the filled progress, the buffered-ahead shading, a draggable thumb, keyboard see…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/media-scrubber.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/media-scrubber.json"},{"name":"table-row-expander","title":"Table Row Expander","description":"Opens one row of a table and slides the detail for that row in underneath it, spanning the full width of the table. Reach for it wherever a row is a summary of…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/table-row-expander.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/table-row-expander.json"},{"name":"number-range-input","title":"Number Range Input","description":"Two number boxes that behave as one field: a low end, a high end, and a single verdict over the pair. Reach for it wherever a page asks for \"from X to Y\" in nu…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/number-range-input.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/number-range-input.json"},{"name":"split-button","title":"Split Button","description":"One default action with its variants folded under the arrow beside it: a wide button that does the obvious thing, and a narrow one next to it that opens a menu…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/split-button.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/split-button.json"},{"name":"repeatable-fields","title":"Repeatable Fields","description":"A set of identical field rows with an \"add another\" button under them and a remove button on each: the caller renders one row's fields, this owns the list, the…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/repeatable-fields.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/repeatable-fields.json"},{"name":"transfer-list","title":"Transfer List","description":"Two lists side by side and the controls that move rows between them — the dual-listbox or \"pick list\" pattern: what is available on the left, what has been cho…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/transfer-list.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/transfer-list.json"},{"name":"toolbar-overflow","title":"Toolbar Overflow","description":"A row of controls that folds whatever will not fit into a menu at its end — the pattern usually called priority+. Reach for it wherever a row of buttons has to…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/toolbar-overflow.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/toolbar-overflow.json"},{"name":"overflow-tooltip","title":"Overflow Tooltip","description":"Text that reveals itself in a tooltip only when it is actually cut off — measured, not guessed. Reach for it wherever a string has to fit a box somebody else s…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/overflow-tooltip.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/overflow-tooltip.json"},{"name":"breadcrumb-overflow","title":"Breadcrumb Overflow","description":"A breadcrumb trail that measures itself and folds its middle into a menu when the row runs out of width, keeping the root you came from and the page you are on…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/breadcrumb-overflow.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/breadcrumb-overflow.json"},{"name":"tab-scroller","title":"Tab Scroller","description":"A horizontally scrolling strip for a row of tabs that does not fit, which keeps the selected tab in view and puts an arrow at each end while there is more that…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/tab-scroller.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/tab-scroller.json"},{"name":"draft-restore","title":"Draft Restore","description":"The \"you have an unsent draft — restore it?\" notice that belongs above a form, and the localStorage bookkeeping behind it: it keeps what is being typed, offers…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/draft-restore.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/draft-restore.json"},{"name":"install-prompt","title":"Install Prompt","description":"An install button for a web app that appears only when there is genuinely something to install, and knows the difference between an app that cannot be installe…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/install-prompt.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/install-prompt.json"},{"name":"animated-number","title":"Animated Number","description":"A number that counts to its value instead of appearing at it, for a figure meant to be looked at: a dashboard KPI or metric tile, a results, votes, signups, do…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/animated-number.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/animated-number.json"},{"name":"error-boundary","title":"Error Boundary","description":"Catches a render error from anywhere below it and shows a fallback in place of that part of the page, instead of letting React take the whole application down …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/error-boundary.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/error-boundary.json"},{"name":"lazy-image","title":"Lazy Image","description":"An <img> wrapper that holds its place in the layout from the first frame and defers its own fetch, for a page with more pictures than the screen: an article bo…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/lazy-image.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/lazy-image.json"},{"name":"selection-toolbar","title":"Selection Toolbar","description":"A small toolbar that appears over text the moment it is selected, carrying your own actions: quote, copy, highlight, share, comment, define, translate, or \"ask…","type":"registry:ui","source_url":"https://pulld.pages.dev/r/selection-toolbar.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/selection-toolbar.json"},{"name":"read-aloud","title":"Read Aloud","description":"A listen button that reads a passage aloud one sentence at a time, and reports only what the speech engine has actually confirmed. Reach for it wherever there …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/read-aloud.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/read-aloud.json"},{"name":"tab-title-badge","title":"Tab Title Badge","description":"A tab-title badge: it puts \"(3)\" in front of the page title while the reader is in another tab, takes it back off the moment they return, and never steals the …","type":"registry:ui","source_url":"https://pulld.pages.dev/r/tab-title-badge.json","install_command":"npx shadcn@latest add https://pulld.pages.dev/r/tab-title-badge.json"}]},{"id":"pureui","name":"@pureui","slug":"pureui","description":"Pure UI is a curated open-source shadcn-compatible registry (~291 registry items) of accessible, animated components built on Base UI primitives with Tailwind CSS and Motion (Framer Motion). Core components include Accordion (with multiple animation variants: fade, scale, slide, perspective), Avatar, Badge, Button, Button Group, Calendar, Card, Checkbox, Collapsible, Combobox, Dialog, Input, Input Group, Input OTP, Kbd, Label, Menu, Number Field, Popover, Radio Group, Scroll Area, Select, Separator, Sheet, Spinner, Switch, Tabs, Textarea, Toast, and Tooltip. Each component ships multiple style and behavior demos. Uses Next.js and shadcn registry format. Fully free. Use for: building accessible, motion-enhanced component libraries that prefer Base UI primitives over Radix UI.","author":"MusKRI","framework":"react","license":null,"tags":["accessibility","aesthetic","animation","auth","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://pure.kam-ui.com/","github":"https://github.com/MusKRI/pure-ui","registry":"https://pure.kam-ui.com/r/{name}.json","source":"https://pure.kam-ui.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/pureui","markdown":"https://sh4dcn.netlify.app/md/pureui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 24 24'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.061 20.045C6.375 21 8.251 21 12 21s5.625 0 6.939-.955a5 5 0 0 0 1.106-1.106C21 17.625 21 15.749 21 12s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.625 3 15.749 3 12 3s-5.625 0-6.939.955A5 5 0 0 0 3.955 5.06C3 6.375 3 8.251 3 12s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106M17 18l1-1m-5 1l5-5m-9 5l9-9'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":146,"open_issues":1,"last_commit":"2026-03-29T12:46:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/MusKRI/pure-ui.git","clone_degit":"npx degit MusKRI/pure-ui","registry_fetch":"curl -s https://pure.kam-ui.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"quill","name":"@quill","slug":"quill","description":"An editorial design system for digital products — warm neutral grounds, ink-toned type, five themes and four accents, 51 blocks, WCAG 2.1 AA, and agent-ready docs (llms.txt, usage guides, Claude Code rules).","author":null,"framework":"react","license":null,"tags":["accessibility","ai","audio","auth","blocks","buttons","cards","charts","dashboard","design-system","e-commerce","editor","forms","icons","marketing","media","navigation","onboarding","overlays","payments","tables","theming"],"categories":["AI/chat UI"],"labels":[],"urls":{"website":"https://www.quilldesignsystem.com","github":null,"registry":"https://www.quilldesignsystem.com/r/registry.json","source":"https://www.quilldesignsystem.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/quill","markdown":"https://sh4dcn.netlify.app/md/quill.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M10.9478 2.06439L12.1769 2.21802C12.1769 2.21802 12.6421 1.36042 13.0986 0.954876C13.5406 0.562267 14.413 0.203817 14.413 0.203817C14.413 0.203817 12.2622 -0.410535 9.53108 0.493999C7.48468 1.17175 6.6634 3.24222 6.6634 3.24222C6.6634 3.24222 6.83808 2.60536 7.00479 2.21817C7.17228 1.82915 7.51687 1.26213 7.51687 1.26213C7.51687 1.26213 6.73168 1.34942 5.4856 2.38872C4.3823 3.30893 3.48847 5.4783 3.48847 5.4783C3.48847 5.4783 3.62826 4.8291 3.74451 4.42014C3.86154 4.00847 4.0859 3.37875 4.0859 3.37875C4.0859 3.37875 3.21535 4.28358 2.87396 5.41002C2.59775 6.32142 2.48137 7.81682 2.48137 7.81682C2.4247 7.50667 2.33781 7.34264 2.27653 7.03178C2.2012 6.64963 2.22704 6.42471 2.15704 6.04159C2.15704 6.04159 1.63239 7.22756 1.6791 8.02166C1.73031 8.89235 2.53257 9.9848 2.53257 9.9848C2.53257 9.9848 3.91732 7.04675 5.16128 5.4783C6.73168 3.49826 8.14845 2.79838 8.14845 2.79838C8.14845 2.79838 5.60509 4.62485 3.74451 8.29477C2.04861 11.6399 1.59375 15.9761 1.59375 15.9761L2.63499 14.3374C2.63499 14.3374 2.41309 14.0984 2.41309 13.4156C2.41309 12.1634 3.38605 10.3602 3.38605 10.3602C3.38605 10.3602 4.7713 9.62765 5.4856 8.94341C6.10666 8.34849 6.83409 7.20232 6.83409 7.20232L5.38318 7.81682C5.38318 7.81682 6.28787 7.39011 7.97775 5.41005C8.92198 4.30368 10.7601 3.0715 10.7601 3.0715C10.7601 3.0715 10.1177 3.10511 9.71884 3.19101C9.18396 3.3062 8.42156 3.66896 8.42156 3.66896C8.42156 3.66896 9.1418 3.22198 9.71884 3.00325C10.4566 2.72359 11.8013 2.5082 11.8013 2.5082L10.9478 2.06439Z' fill='currentColor'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.quilldesignsystem.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.quilldesignsystem.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.quilldesignsystem.com/r/registry.json","registry_fetch":"curl -s https://www.quilldesignsystem.com/r/registry.json"},"component_count":79,"components":[{"name":"quill","title":"Quill Design System","description":"Warm neutral grounds, moss accents, Fraunces display type, and ink-toned type. A low-contrast editorial theme for digital products.","type":"registry:base","source_url":"https://www.quilldesignsystem.com/r/quill.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/quill.json"},{"name":"icon","title":"Icon (Material Symbols)","description":"The Quill icon component — Material Symbols Outlined at weight 400, shipped as a self-contained core set of 98 names covering every icon the Quill blocks use.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/icon.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/icon.json"},{"name":"tone-badge","title":"Tone badge","description":"Quill's uppercase tag pill for status, tiers, and labels — wraps Badge with the pigment vocabulary (moss/gold/terracotta/indigo/neutral/muted) baked in so tone…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/tone-badge.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/tone-badge.json"},{"name":"ai-badge","title":"AI badge","description":"A small outline pill with the AI sparkle that marks content an AI made or suggested — \"AI draft\", \"Suggested\".","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-badge.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-badge.json"},{"name":"ai-button","title":"AI button","description":"A stock Quill button that runs an AI action, marked with the AI sparkle; the label stays plain ink.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-button.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-button.json"},{"name":"ai-notice","title":"AI notice","description":"One quiet line under an AI composer saying the AI can be wrong, with an optional link the app supplies.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-notice.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-notice.json"},{"name":"ai-thinking","title":"AI thinking","description":"Shows an AI working before its answer — a shimmering \"Thinking\" with what it is doing — then folds into one quiet \"Thought for 8 s\" row that opens the reasonin…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-thinking.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-thinking.json"},{"name":"ai-message","title":"AI message","description":"An AI's reply in a conversation — the AI mark on its avatar, the answer as plain readable text, and Copy, Try again and thumbs under it. Ships with UserMessage…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-message.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-message.json"},{"name":"citations","title":"Citations","description":"Shows where an AI answer came from — a small chip after each claim, named for its source, that previews it, and an \"N sources\" list under the answer.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/citations.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/citations.json"},{"name":"suggested-prompts","title":"Suggested prompts","description":"Ready-made things to ask an AI — chips for follow-ups under an answer, cards for starters on an empty page, a list in a narrow panel. Picking one fills the com…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/suggested-prompts.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/suggested-prompts.json"},{"name":"model-picker","title":"Model picker","description":"Lets people choose which AI model answers — a quiet name-and-chevron trigger in the composer that opens a list with Auto first, a line on what each model is go…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/model-picker.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/model-picker.json"},{"name":"agent-steps","title":"Agent steps","description":"Shows the steps an AI agent is working through — done, running, waiting or failed — with a count in the header and rows that open to show what happened.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/agent-steps.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/agent-steps.json"},{"name":"approval-card","title":"Approval card","description":"Asks before an AI agent acts — an inline card that names the action, shows exactly what will happen, lets people edit it in place, and has a main button that s…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/approval-card.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/approval-card.json"},{"name":"question-card","title":"Question card","description":"An AI agent asks the person to choose — the question, options as full rows with the recommended one first, a free-text row for anything else, and Continue that…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/question-card.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/question-card.json"},{"name":"usage-meter","title":"Usage meter","description":"Shows how much AI credit is left — the number, a bar in the AI gradient, when it renews, what the rest will buy, and a breakdown — with a compact ring for a co…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/usage-meter.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/usage-meter.json"},{"name":"ai-feedback","title":"AI feedback","description":"Asks what was wrong after a thumbs-down on an AI answer — one reason to choose from a short list, an optional note, and Send — opening under the answer so what…","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-feedback.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-feedback.json"},{"name":"ai-popover","title":"AI popover","description":"An AI suggestion beside the text it is about — what the AI did, the suggested text on a soft AI wash, then Discard, Try again and Replace.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-popover.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-popover.json"},{"name":"ai-mark","title":"AI mark","description":"Quill's AI sparkle — the one icon that means AI, drawn in the AI gradient with a one-star cut for 16px and under.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/ai-mark.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-mark.json"},{"name":"prompt-composer","title":"Prompt composer","description":"The box people type to an AI in — grows with the text, sends on Enter, turns Send into Stop while the AI works, with slots for tools, files and a model picker.","type":"registry:ui","source_url":"https://www.quilldesignsystem.com/r/prompt-composer.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/prompt-composer.json"},{"name":"example-app-page","title":"Example: app page","description":"An example showing how to compose an app page: the sidebar-nav shell wrapping a page-header, then stat-cards, then a data-table — the page leads with what it i…","type":"registry:component","source_url":"https://www.quilldesignsystem.com/r/example-app-page.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/example-app-page.json"},{"name":"example-marketing-page","title":"Example: marketing page","description":"An example showing how to compose a marketing page: navbar, hero, feature-section, pricing, testimonial and footer — one idea per section, breathing at the 96p…","type":"registry:component","source_url":"https://www.quilldesignsystem.com/r/example-marketing-page.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/example-marketing-page.json"},{"name":"example-auth-page","title":"Example: auth page","description":"An example showing how to compose an auth page: login-split-panel alone at full viewport — one task, nothing competing with it.","type":"registry:component","source_url":"https://www.quilldesignsystem.com/r/example-auth-page.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/example-auth-page.json"},{"name":"agent-rules","title":"Quill agent rules","description":"Claude Code project rules and a component-choosing skill so AI agents build on-brand with Quill — the theming contract, foundations, principles, icon names and…","type":"registry:file","source_url":"https://www.quilldesignsystem.com/r/agent-rules.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/agent-rules.json"},{"name":"check","title":"Quill check","description":"A self-check an AI agent runs inside its app after changing UI: lists every place the code stepped outside Quill — stock Tailwind colours, raw colour values, b…","type":"registry:file","source_url":"https://www.quilldesignsystem.com/r/check.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/check.json"},{"name":"activity-feed","title":"Activity feed","description":"A card timeline of recent events — avatar, action text, and a relative timestamp per entry.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/activity-feed.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/activity-feed.json"},{"name":"alerts","title":"Alert stack","description":"A vertical stack of informational, success, and destructive alerts with icons.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/alerts.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/alerts.json"},{"name":"analytics-charts","title":"Analytics charts","description":"A dashboard pair — an area chart of audience growth beside a bar chart of weekly sales, each on its own card.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/analytics-charts.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/analytics-charts.json"},{"name":"announcement-banner","title":"Announcement banners","description":"Two dismissible announcement banners — an inline bordered page banner and a full-bleed primary-color variant.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/announcement-banner.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/announcement-banner.json"},{"name":"badge-on-card","title":"Badges on card","description":"Default, secondary, and destructive badges shown together on a card surface.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/badge-on-card.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/badge-on-card.json"},{"name":"calendar-page","title":"Calendar page","description":"A single-date calendar paired with the selected day's session list, in one studio-schedule card.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/calendar-page.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/calendar-page.json"},{"name":"calendar-range","title":"Calendar range picker","description":"A stateful two-month range calendar for booking a span of days, with clear and reserve actions.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/calendar-range.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/calendar-range.json"},{"name":"ai-home","title":"AI home","description":"An AI assistant's start page — a soft AI glow, a greeting, the large composer with Ask/Agent modes, and starter cards.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/ai-home.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-home.json"},{"name":"ai-chat","title":"AI chat","description":"A full AI conversation page — past chats on the left, the thread in a readable column with reasoning, source chips and follow-ups, and the composer with the mo…","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/ai-chat.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-chat.json"},{"name":"ai-side-panel","title":"AI side panel","description":"An AI assistant docked beside the page — a header with History and Close, a removable chip saying what it is looking at, a short thread, and the small composer…","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/ai-side-panel.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/ai-side-panel.json"},{"name":"conversation-history","title":"Conversation history","description":"Past AI chats grouped by when they happened — pinned first, then today, yesterday, the last week and earlier months — with the open chat filled and a menu on e…","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/conversation-history.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/conversation-history.json"},{"name":"chat","title":"Chat panel","description":"A one-on-one messaging panel — contact header, message bubbles, and a composer input.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/chat.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/chat.json"},{"name":"checkout","title":"Checkout","description":"A two-column checkout — payment method picker and card form beside an order summary sidebar.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/checkout.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/checkout.json"},{"name":"command-palette","title":"Command palette","description":"A searchable ⌘K command palette with grouped actions, recent items, and keyboard shortcuts.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/command-palette.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/command-palette.json"},{"name":"contact-form","title":"Contact form","description":"A get-in-touch card — name, email, a topic select, and a message field.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/contact-form.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/contact-form.json"},{"name":"cookie-consent","title":"Cookie consent","description":"A cookie consent banner offering accept, reject, and preferences actions.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/cookie-consent.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/cookie-consent.json"},{"name":"dashboard","title":"Dashboard shell","description":"An app shell with sidebar navigation, a search header, and KPI stat cards.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/dashboard.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/dashboard.json"},{"name":"data-table","title":"Data table","description":"A filterable members table with a toolbar, ToneBadge status pills, and a per-row actions menu.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/data-table.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/data-table.json"},{"name":"empty-state","title":"Empty state","description":"A dashed-border empty state with an icon, explanatory text, and a primary action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/empty-state.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/empty-state.json"},{"name":"error-404","title":"404 page","description":"A full-page 404 error state with go-back and home recovery actions.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/error-404.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/error-404.json"},{"name":"faq","title":"FAQ section","description":"A centered FAQ section — an accordion of common questions with a contact call-to-action footer.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/faq.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/faq.json"},{"name":"feature-section","title":"Feature section","description":"A marketing section with an editorial heading and a three-column feature grid.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/feature-section.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/feature-section.json"},{"name":"file-upload","title":"File upload","description":"An asset-upload card with a drag-and-drop dropzone and a progress-tracked upload queue.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/file-upload.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/file-upload.json"},{"name":"footer","title":"Site footer","description":"A marketing footer with brand blurb, link columns, and legal links.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/footer.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/footer.json"},{"name":"forgot-password","title":"Forgot password","description":"A password-reset request card — an email field, a send-link action, and a way back to sign in.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/forgot-password.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/forgot-password.json"},{"name":"hero","title":"Hero","description":"A centered marketing hero — a release badge, serif headline, supporting copy, and primary/secondary calls to action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/hero.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/hero.json"},{"name":"invoice","title":"Invoice","description":"A printable invoice card — sender and recipient details, a ToneBadge payment status, a line-item table with totals, and a download action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/invoice.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/invoice.json"},{"name":"kanban","title":"Kanban board","description":"A three-column kanban board with card counts, tagged task cards, and an add-card affordance per column.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/kanban.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/kanban.json"},{"name":"list-detail","title":"List + detail","description":"An inbox-style split view — a selectable message list beside a detail pane with archive and delete actions.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/list-detail.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/list-detail.json"},{"name":"login","title":"Login","description":"The standard email-and-password sign-in card, with remember-me and a forgot-password escape hatch.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/login.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/login.json"},{"name":"login-minimal","title":"Minimal login","description":"The bare-minimum sign-in — no card chrome, a single email field, sign-in by one-time code.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/login-minimal.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/login-minimal.json"},{"name":"login-oauth","title":"Login with OAuth providers","description":"Provider-first sign-in — Google, GitHub, and Apple buttons above an email fallback.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/login-oauth.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/login-oauth.json"},{"name":"login-split-panel","title":"Login with split panel","description":"A full-page, branded sign-in — a testimonial panel beside an email/password form with a magic-link option.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/login-split-panel.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/login-split-panel.json"},{"name":"mail-shell","title":"Mail inbox shell","description":"A two-pane mail client shell — a searchable message list and a reading pane with toolbar and inline reply.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/mail-shell.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/mail-shell.json"},{"name":"navbar","title":"Navbar","description":"A top navigation bar with brand wordmark, a responsive link list, and sign-in / get-started actions.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/navbar.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/navbar.json"},{"name":"theme-selector","title":"Theme selector","description":"A dropdown picker for the five Quill themes and four pigment accents — sets data-theme/data-accent and persists both to localStorage.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/theme-selector.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/theme-selector.json"},{"name":"newsletter","title":"Newsletter signup","description":"A centered newsletter-signup section — an email field, subscribe action, and social proof.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/newsletter.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/newsletter.json"},{"name":"notifications","title":"Notifications","description":"A notifications card listing recent events with icons, timestamps, unread indicators, and a mark-all-read action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/notifications.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/notifications.json"},{"name":"onboarding","title":"Onboarding checklist","description":"A setup checklist card with a progress bar, completed and pending tasks, and start links for remaining steps.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/onboarding.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/onboarding.json"},{"name":"order-summary","title":"Order summary","description":"A checkout order-summary card — line items, a promo code field, a total, and a pay-now button.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/order-summary.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/order-summary.json"},{"name":"otp-verification","title":"OTP verification","description":"A six-digit one-time-passcode entry card for verifying an email, with expiry messaging and a resend action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/otp-verification.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/otp-verification.json"},{"name":"page-header","title":"Page header","description":"A page header with a breadcrumb trail, title and description, and duplicate/new action buttons.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/page-header.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/page-header.json"},{"name":"pricing","title":"Pricing","description":"A three-tier pricing grid with a highlighted popular plan, feature checklists, and per-plan calls to action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/pricing.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/pricing.json"},{"name":"profile-card","title":"Profile card","description":"A compact, centered profile card — avatar initials, role, follower stats, and follow/message actions.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/profile-card.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/profile-card.json"},{"name":"search-results","title":"Search results","description":"A docs search panel — query input, result count, and a linked result list with breadcrumbs and type badges.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/search-results.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/search-results.json"},{"name":"settings","title":"Settings form","description":"A profile settings card — name fields, a bio textarea, and an email-notification toggle.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/settings.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/settings.json"},{"name":"sidebar-nav","title":"Sidebar navigation shell","description":"A collapsible icon-sidebar app shell with grouped menus, badges, a top bar, and a main area for the page — a card grid by default, or the children you pass in.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/sidebar-nav.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/sidebar-nav.json"},{"name":"signup","title":"Sign up","description":"Standard account-creation card — name, email, password, and a link back to sign-in.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/signup.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/signup.json"},{"name":"signup-social","title":"Signup — social first","description":"Signup that leads with GitHub and Google provider buttons, falling back to an email/password form.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/signup-social.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/signup-social.json"},{"name":"stat-cards","title":"Stat cards","description":"A responsive grid of KPI cards, each showing a value with a delta badge versus last month.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/stat-cards.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/stat-cards.json"},{"name":"stats-band","title":"Stats band","description":"A marketing band of headline statistics separated by vertical dividers on a card background.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/stats-band.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/stats-band.json"},{"name":"tabs-page","title":"Tabs page","description":"A tabbed settings page with account, notifications, and security panels.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/tabs-page.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/tabs-page.json"},{"name":"team-section","title":"Team section","description":"A marketing team grid with avatar cards showing each member's name, role, specialty badge, and email action.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/team-section.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/team-section.json"},{"name":"testimonial","title":"Testimonial","description":"A customer-quote card with a serif pull-quote, avatar initials, and attribution.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/testimonial.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/testimonial.json"},{"name":"wizard","title":"Setup wizard step","description":"A multi-step setup card — a progress stepper, workspace fields, and back/continue navigation.","type":"registry:block","source_url":"https://www.quilldesignsystem.com/r/wizard.json","install_command":"npx shadcn@latest add https://www.quilldesignsystem.com/r/wizard.json"}]},{"id":"ramonclaudio-coderabbit","name":"@ramonclaudio-coderabbit","slug":"ramonclaudio-coderabbit","description":"A niche developer-activity reporting toolkit by product engineer Ramon Claudio. Provides a framework-agnostic API client for the CodeRabbit service, pluggable storage adapters for LocalStorage, Convex, Supabase, PostgreSQL, and MySQL, plus React components for generating developer activity reports. The registry page returned a 404 at time of research, so detail is limited to the official description. Built with TypeScript, React. Free and open-source. Use for: integrating CodeRabbit activity data and developer metrics reporting into internal tools or dashboards with a choice of storage backend.","author":"ramonclaudio","framework":"react","license":null,"tags":["audio","cards","components","dashboard","forms"],"categories":["Hooks/utilities"],"labels":["featured"],"urls":{"website":"https://ramonclaudio.com/registries/coderabbit","github":"https://github.com/ramonclaudio","registry":"https://coderabbit-shadcn-registry.vercel.app/r/registry.json","source":"https://coderabbit-shadcn-registry.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ramonclaudio-coderabbit","markdown":"https://sh4dcn.netlify.app/md/ramonclaudio-coderabbit.md"},"logo":"<svg width='1201' height='1200' viewBox='0 0 1201 1200' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M600.867 1200C932.238 1200 1200.87 931.37 1200.87 600C1200.87 268.629 932.238 -0.000488281 600.867 -0.000488281C269.496 -0.000488281 0.867188 268.629 0.867188 600C0.867188 931.37 269.496 1200 600.867 1200Z' fill='#FF570A'/><path d='M1008.3 500.615C1008.3 500.615 924.706 393.751 819.62 387.639C751.807 383.636 735.379 392.696 732.434 399.444C728.226 364.456 698.322 202.361 491.729 168.008C518.102 357.589 627.02 308.191 691.161 438.86C691.161 438.86 582.921 291.734 404.969 345.903C404.969 345.903 469.83 482.07 661.676 509.891C661.676 509.891 677.05 562.586 681.684 571.862C681.684 571.862 386.224 417.779 296.512 713.505C229.747 698.382 207.352 770.859 284.09 820.369C284.09 820.369 297.147 768.519 328.943 753.131C328.943 753.131 260.711 829.226 340.946 920.36H628.925C635.883 908.834 666.68 848.19 590.514 802.285C644.278 801.516 688.042 902.932 735.128 921.058H803.61C805.927 915.428 810.771 898.567 799.395 883.395C781.857 863.278 743.46 866.002 743.802 828.8C757.062 655.746 1016.55 708.888 1008.3 500.615Z' fill='#FEFEFE'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/registry.json","clone":"git clone https://github.com/ramonclaudio.git","clone_degit":"npx degit ramonclaudio","registry_fetch":"curl -s https://coderabbit-shadcn-registry.vercel.app/r/registry.json"},"component_count":19,"components":[{"name":"core","title":"CodeRabbit Core","description":"Core CodeRabbit integration with types, API client, server actions, and React hook. Add a storage adapter separately for persistence.","type":"registry:block","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/core.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/core.json"},{"name":"types","title":"CodeRabbit Types","description":"Pure TypeScript types for CodeRabbit API integration. Framework-agnostic type definitions with zero dependencies.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/types.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/types.json"},{"name":"client","title":"CodeRabbit API Client","description":"Framework-agnostic CodeRabbit API client. Works in Node.js, Deno, Bun, Edge runtimes, and browsers. Single endpoint for generating developer activity reports w…","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/client.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/client.json"},{"name":"storage-adapter","title":"CodeRabbit Storage Adapter Interface","description":"TypeScript interface for implementing custom storage backends. Implement this to add support for any database.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-adapter.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/storage-adapter.json"},{"name":"storage-localstorage","title":"CodeRabbit LocalStorage Adapter","description":"Browser localStorage adapter for CodeRabbit reports. Perfect for client-side apps and prototyping. No database required.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-localstorage.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/storage-localstorage.json"},{"name":"storage-convex","title":"CodeRabbit Convex Adapter","description":"Convex database adapter with real-time sync and auth support. Includes schema definitions for the reports table.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-convex.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/storage-convex.json"},{"name":"storage-supabase","title":"CodeRabbit Supabase Adapter","description":"Supabase (PostgreSQL) adapter with Row Level Security support. Includes SQL schema and RLS policies.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-supabase.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/storage-supabase.json"},{"name":"storage-postgres","title":"CodeRabbit PostgreSQL Adapter","description":"PostgreSQL adapter with connection pooling. Works with Neon, Vercel Postgres, Railway, AWS RDS, Google Cloud SQL, etc.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-postgres.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/storage-postgres.json"},{"name":"storage-mysql","title":"CodeRabbit MySQL Adapter","description":"MySQL/MariaDB adapter with connection pooling. Works with PlanetScale, AWS RDS, Google Cloud SQL, Azure, etc.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-mysql.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/storage-mysql.json"},{"name":"actions","title":"CodeRabbit Server Actions","description":"Next.js server actions for CodeRabbit API. Handles API calls server-side where CODERABBIT_API_KEY is securely available.","type":"registry:lib","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/actions.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/actions.json"},{"name":"react","title":"CodeRabbit React Hook","description":"React hook for generating CodeRabbit reports with built-in loading and error states. Uses server actions by default for secure API key handling in Next.js.","type":"registry:hook","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/react.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/react.json"},{"name":"report-form","title":"CodeRabbit Report Form","description":"Full-featured form component for collecting report parameters. Includes template selection, custom prompts, filters, and grouping options.","type":"registry:component","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/report-form.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/report-form.json"},{"name":"branding","title":"CodeRabbit Branding","description":"CodeRabbit logo and icon components with dark/light theme support. Includes SVG assets.","type":"registry:component","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/branding.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/branding.json"},{"name":"report-card","title":"CodeRabbit Report Card","description":"Display component for CodeRabbit reports with expandable cards, status badges, and markdown rendering. Supports Daily Standup, Sprint Report, and Release Notes…","type":"registry:component","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/report-card.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/report-card.json"},{"name":"localstorage","title":"CodeRabbit with LocalStorage","description":"Complete CodeRabbit integration with browser localStorage. Perfect for prototyping and client-side apps. No database required.","type":"registry:block","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/localstorage.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/localstorage.json"},{"name":"convex","title":"CodeRabbit with Convex","description":"Complete CodeRabbit integration with Convex database. Includes real-time sync, auth support, and schema definitions. Perfect for production apps.","type":"registry:block","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/convex.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/convex.json"},{"name":"supabase","title":"CodeRabbit with Supabase","description":"Complete CodeRabbit integration with Supabase (PostgreSQL). Includes Row Level Security policies. Perfect for apps with authentication.","type":"registry:block","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/supabase.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/supabase.json"},{"name":"postgres","title":"CodeRabbit with PostgreSQL","description":"Complete CodeRabbit integration with PostgreSQL. Works with Neon, Vercel Postgres, Railway, AWS RDS, etc.","type":"registry:block","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/postgres.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/postgres.json"},{"name":"mysql","title":"CodeRabbit with MySQL","description":"Complete CodeRabbit integration with MySQL/MariaDB. Works with PlanetScale, AWS RDS, Google Cloud SQL, Azure, etc.","type":"registry:block","source_url":"https://coderabbit-shadcn-registry.vercel.app/r/mysql.json","install_command":"npx shadcn@latest add https://coderabbit-shadcn-registry.vercel.app/r/mysql.json"}]},{"id":"ratneshc","name":"@ratneshc","slug":"ratneshc","description":"A curated component registry built on shadcn/ui.","author":"ratneshchipre","framework":"react","license":"MIT","tags":["buttons","hooks","loaders"],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://ratneshc.com/components","github":"https://github.com/ratneshchipre/ratneshc.com","registry":"https://ratneshc.com/r/registry.json","source":"https://ratneshc.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ratneshc","markdown":"https://sh4dcn.netlify.app/md/ratneshc.md"},"logo":"<svg width='79' height='79' viewBox='0 0 79 79' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='39.5' cy='39.5' r='39.5' fill='url(#paint0_radial_76_2)'/><defs><radialGradient id='paint0_radial_76_2' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(40 84.5) rotate(-90) scale(92)'><stop stop-color='white'/><stop offset='0.5' stop-color='#8932F8'/><stop offset='1'/></radialGradient></defs></svg>","preview_image":"https://ratneshc.com/components/components.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":28,"open_issues":0,"last_commit":"2026-09-23T15:07:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ratneshc.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ratneshc.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ratneshc.com/r/registry.json","clone":"git clone https://github.com/ratneshchipre/ratneshc.com.git","clone_degit":"npx degit ratneshchipre/ratneshc.com","registry_fetch":"curl -s https://ratneshc.com/r/registry.json"},"component_count":6,"components":[{"name":"utils","title":"Utility Functions","description":null,"type":"registry:lib","source_url":"https://ratneshc.com/r/utils.json","install_command":"npx shadcn@latest add https://ratneshc.com/r/utils.json"},{"name":"use-copy-to-clipboard","title":"useCopyToClipboard","description":null,"type":"registry:hook","source_url":"https://ratneshc.com/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://ratneshc.com/r/use-copy-to-clipboard.json"},{"name":"stars-travel","title":"Stars Travel","description":"A motion-driven SVG background with an animated 'infinite travel' effect.","type":"registry:component","source_url":"https://ratneshc.com/r/stars-travel.json","install_command":"npx shadcn@latest add https://ratneshc.com/r/stars-travel.json"},{"name":"perspective-tilt","title":"Perspective Tilt","description":"A 3D card with perspective tilt and blur transitions.","type":"registry:component","source_url":"https://ratneshc.com/r/perspective-tilt.json","install_command":"npx shadcn@latest add https://ratneshc.com/r/perspective-tilt.json"},{"name":"copy-button","title":"Copy Button","description":"A copy button with direction-aware icon transitions.","type":"registry:component","source_url":"https://ratneshc.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ratneshc.com/r/copy-button.json"},{"name":"blur-shimmer-text","title":"Blur Shimmer Text","description":"A text component that loops phrases with a horizontal blur shimmer.","type":"registry:component","source_url":"https://ratneshc.com/r/blur-shimmer-text.json","install_command":"npx shadcn@latest add https://ratneshc.com/r/blur-shimmer-text.json"}]},{"id":"rawkitui","name":"@rawkitui","slug":"rawkitui","description":"Pop-Brutalist UI primitives for React: 30 components with hard shadows, high-contrast borders, motion spring physics, and Lucide icons. MIT.","author":null,"framework":"react","license":null,"tags":["animation","auth","buttons","cards","charts","design-system","forms","hooks","icons","loaders","media","navigation","overlays","pro-available","retro","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://rawkitui.zerodegree.tech","github":null,"registry":"https://rawkitui.zerodegree.tech/r/registry.json","source":"https://rawkitui.zerodegree.tech/r/registry.json","page":"https://sh4dcn.netlify.app/registry/rawkitui","markdown":"https://sh4dcn.netlify.app/md/rawkitui.md"},"logo":"<svg width='2048' height='2048' viewBox='0 0 2048 2048' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='128' y='128' width='1792' height='1792' rx='384' fill='#FDE047' stroke='#18181B' stroke-width='128'/><text x='1024' y='1320' font-family='system-ui, sans-serif' font-weight='900' font-size='960' fill='#18181B' text-anchor='middle' letter-spacing='-20'>RK</text></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://rawkitui.zerodegree.tech/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://rawkitui.zerodegree.tech/r/registry.json","install_bun":"bunx shadcn@latest add https://rawkitui.zerodegree.tech/r/registry.json","registry_fetch":"curl -s https://rawkitui.zerodegree.tech/r/registry.json"},"component_count":39,"components":[{"name":"button","title":"Button","description":"Tactile Neo-Brutalist button with hard black shadow and press physics.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/button.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/button.json"},{"name":"card","title":"Card","description":"Hyper-rounded superellipse card with pastel surface options.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/card.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/card.json"},{"name":"badge","title":"Badge","description":"Pill badges and Scalloped Starburst callout tags.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/badge.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/badge.json"},{"name":"floating-nav","title":"Floating Nav","description":"Pinned bottom/top capsule navigation bar.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/floating-nav.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/floating-nav.json"},{"name":"accordion","title":"Accordion","description":"Accessible collapsible content sections with tactile pastel headers.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/accordion.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/accordion.json"},{"name":"avatar","title":"Avatar","description":"Rounded profile image with resilient initials fallback and status dot.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/avatar.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/avatar.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Responsive semantic breadcrumb trail with optional collapsed items.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/breadcrumb.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/breadcrumb.json"},{"name":"calendar","title":"Calendar","description":"Keyboard-friendly month calendar with selection and date constraints.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/calendar.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/calendar.json"},{"name":"command","title":"Command","description":"Searchable command list with grouping, keyboard navigation, and selection.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/command.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/command.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Compact action menu with separators, shortcuts, and keyboard controls.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/dropdown-menu.json"},{"name":"pagination","title":"Pagination","description":"Responsive page navigation with ellipsis compression and disabled edges.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/pagination.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/pagination.json"},{"name":"progress","title":"Progress","description":"Accessible capsule progress bar with labeled percentage states.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/progress.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"Motion-aware loading placeholder for text, avatars, and content blocks.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/skeleton.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/skeleton.json"},{"name":"sonner","title":"Toast","description":"Provider-based tactile notifications with status semantics and dismissal.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/sonner.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/sonner.json"},{"name":"table","title":"Table","description":"Composable responsive data table primitives with readable row states.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/table.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/table.json"},{"name":"slider","title":"Slider","description":"Native accessible range control with RawkitUI label and value treatment.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/slider.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/slider.json"},{"name":"toggle-group","title":"Toggle Group","description":"Single or multi-select toggle controls for compact modes and filters.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/toggle-group.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/toggle-group.json"},{"name":"input","title":"Input","description":"Pop-Brutalist input control with solid 3px focus ring.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/input.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/input.json"},{"name":"textarea","title":"Textarea","description":"Pop-Brutalist multiline text input.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/textarea.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/textarea.json"},{"name":"select","title":"Select","description":"Custom dropdown select with chevron icon.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/select.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/select.json"},{"name":"switch","title":"Switch","description":"Tactile capsule toggle switch.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/switch.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/switch.json"},{"name":"radio","title":"Radio Group","description":"Tactile radio option card system.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/radio.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/radio.json"},{"name":"tabs","title":"Tabs","description":"Capsule pill tabs with pastel active tab highlights.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/tabs.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/tabs.json"},{"name":"tooltip","title":"Tooltip","description":"Pop-Brutalist high-contrast tooltip with hard shadow.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/tooltip.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/tooltip.json"},{"name":"stepper","title":"Stepper","description":"Capsule progress tracker and numbered step pills.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/stepper.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/stepper.json"},{"name":"bar-chart","title":"Bar Chart","description":"Vertical capsule progress bar chart visualization.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/bar-chart.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/bar-chart.json"},{"name":"dialog","title":"Dialog","description":"Pop-Brutalist modal popover with pastel surface variants.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/dialog.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/dialog.json"},{"name":"alert","title":"Alert","description":"High-contrast pop notification banner.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/alert.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/alert.json"},{"name":"checkbox","title":"Checkbox","description":"Tactile checkbox control with yellow check fill.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/checkbox.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/checkbox.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key primitive with thick border, hard shadow, and press animation.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/kbd.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/kbd.json"},{"name":"sheet","title":"Sheet","description":"Slide-out side drawer panel with spring animation and ESC dismissal.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/sheet.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/sheet.json"},{"name":"popover","title":"Popover","description":"Floating panel anchored to a trigger button with click-outside dismissal.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/popover.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/popover.json"},{"name":"copy-button","title":"Copy Button","description":"Clipboard utility button with pop checkmark feedback.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/copy-button.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/copy-button.json"},{"name":"number-input","title":"Number Input","description":"Quantity stepper with plus/minus buttons around a numeric field.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/number-input.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/number-input.json"},{"name":"otp-input","title":"OTP Input","description":"Verification code field with auto-focus movement and paste detection.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/otp-input.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/otp-input.json"},{"name":"rating","title":"Rating","description":"Interactive star rating primitive with hover preview and keyboard support.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/rating.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/rating.json"},{"name":"collapsible","title":"Collapsible","description":"Lightweight show/hide toggle wrapper with spring rotation.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/collapsible.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/collapsible.json"},{"name":"form","title":"Form","description":"Tactile Pop-Brutalist form item, label, description, and validation error message wrappers.","type":"registry:ui","source_url":"https://rawkitui.zerodegree.tech/r/form.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/form.json"},{"name":"utils","title":"Utils","description":"Utility function (cn) for merging Tailwind CSS classes.","type":"registry:lib","source_url":"https://rawkitui.zerodegree.tech/r/utils.json","install_command":"npx shadcn@latest add https://rawkitui.zerodegree.tech/r/utils.json"}]},{"id":"react-aria","name":"@react-aria","slug":"react-aria","description":"Adobe's React Aria is a comprehensive, style-free accessibility-first component library (50+ components) distributed via a shadcn-compatible registry with Tailwind CSS and Vanilla CSS examples. Components include DatePicker, Calendar, Table, SearchField, Modal, Combobox, Select, Checkbox, ToggleButton, Menu, Popover, Tooltip, and more, all with built-in WAI-ARIA behavior, adaptive interactions, and i18n/internationalization support. Backed by Adobe with strong long-term maintenance. Fully free and open-source. Use for: projects requiring top-tier accessibility, date/time pickers, or internationalization where you bring your own styling system and need battle-tested behavioral primitives.","author":"adobe","framework":"react","license":"Apache-2.0","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://react-aria.adobe.com","github":"https://github.com/adobe/react-spectrum","registry":"https://react-aria.adobe.com/registry/registry.json","source":"https://react-aria.adobe.com/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/react-aria","markdown":"https://sh4dcn.netlify.app/md/react-aria.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='200 206 800 790' fill='none'><path d='M720.67 205.995C867.583 205.995 986.679 325.091 986.68 472.003C986.68 590.753 908.865 691.325 801.446 725.521L979.312 948.055C994.438 966.98 980.963 995 956.736 995H795.612C778.743 995 762.715 987.629 751.734 974.823L697.365 911.421L493.126 653.39C457.134 607.918 489.518 540.979 547.511 540.977L720.67 540.971C758.758 540.971 789.635 510.091 789.635 472.003C789.634 433.915 758.758 403.038 720.67 403.038H429.939C404.955 403.038 388.623 391.886 373.994 373.623L277.349 252.966C262.194 234.045 275.664 205.996 299.905 205.995H720.67Z M396.605 720.706C407.798 705.406 430.443 704.843 442.381 719.568L503.816 797.018H502.786L535.569 838.934C548.074 854.358 549.943 877.191 538.047 893.09L476.638 972.545C465.692 986.707 448.803 995 430.903 995H242.276C218.18 995 204.665 967.248 219.523 948.278L337.992 797.018H337.923L396.605 720.706Z' fill='#000' /></svg>","preview_image":"https://react-aria.adobe.com/server/ReactAriaOpenGraph.c58014f0.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":15988,"open_issues":657,"last_commit":"2026-10-26T20:34:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://react-aria.adobe.com/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://react-aria.adobe.com/registry/registry.json","install_bun":"bunx shadcn@latest add https://react-aria.adobe.com/registry/registry.json","clone":"git clone https://github.com/adobe/react-spectrum.git","clone_degit":"npx degit adobe/react-spectrum","registry_fetch":"curl -s https://react-aria.adobe.com/registry/registry.json"},"component_count":159,"components":[{"name":"tailwind","title":null,"description":null,"type":"registry:style","source_url":"https://react-aria.adobe.com/registry/tailwind.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind.json"},{"name":"tailwind-alertdialog","title":"AlertDialog","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-alertdialog.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-alertdialog.json"},{"name":"tailwind-breadcrumbs","title":"Breadcrumbs","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-breadcrumbs.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-breadcrumbs.json"},{"name":"tailwind-button","title":"Button","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-button.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-button.json"},{"name":"tailwind-calendar","title":"Calendar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-calendar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-calendar.json"},{"name":"tailwind-checkbox","title":"Checkbox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-checkbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-checkbox.json"},{"name":"tailwind-checkboxgroup","title":"CheckboxGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-checkboxgroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-checkboxgroup.json"},{"name":"tailwind-colorarea","title":"ColorArea","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorarea.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorarea.json"},{"name":"tailwind-colorfield","title":"ColorField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorfield.json"},{"name":"tailwind-colorpicker","title":"ColorPicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorpicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorpicker.json"},{"name":"tailwind-colorslider","title":"ColorSlider","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorslider.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorslider.json"},{"name":"tailwind-colorswatch","title":"ColorSwatch","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorswatch.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorswatch.json"},{"name":"tailwind-colorswatchpicker","title":"ColorSwatchPicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorswatchpicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorswatchpicker.json"},{"name":"tailwind-colorthumb","title":"ColorThumb","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorthumb.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorthumb.json"},{"name":"tailwind-colorwheel","title":"ColorWheel","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-colorwheel.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorwheel.json"},{"name":"tailwind-combobox","title":"ComboBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-combobox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-combobox.json"},{"name":"tailwind-commandpalette","title":"CommandPalette","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-commandpalette.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-commandpalette.json"},{"name":"tailwind-datefield","title":"DateField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-datefield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-datefield.json"},{"name":"tailwind-datepicker","title":"DatePicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-datepicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-datepicker.json"},{"name":"tailwind-daterangepicker","title":"DateRangePicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-daterangepicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-daterangepicker.json"},{"name":"tailwind-dialog","title":"Dialog","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-dialog.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-dialog.json"},{"name":"tailwind-disclosure","title":"Disclosure","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-disclosure.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-disclosure.json"},{"name":"tailwind-disclosuregroup","title":"DisclosureGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-disclosuregroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-disclosuregroup.json"},{"name":"tailwind-dropzone","title":"DropZone","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-dropzone.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-dropzone.json"},{"name":"tailwind-field","title":"Field","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-field.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-field.json"},{"name":"tailwind-fieldbutton","title":"FieldButton","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-fieldbutton.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-fieldbutton.json"},{"name":"tailwind-form","title":"Form","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-form.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-form.json"},{"name":"tailwind-gridlist","title":"GridList","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-gridlist.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-gridlist.json"},{"name":"tailwind-link","title":"Link","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-link.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-link.json"},{"name":"tailwind-listbox","title":"ListBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-listbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-listbox.json"},{"name":"tailwind-menu","title":"Menu","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-menu.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-menu.json"},{"name":"tailwind-meter","title":"Meter","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-meter.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-meter.json"},{"name":"tailwind-modal","title":"Modal","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-modal.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-modal.json"},{"name":"tailwind-navigationtree","title":"NavigationTree","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-navigationtree.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-navigationtree.json"},{"name":"tailwind-numberfield","title":"NumberField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-numberfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-numberfield.json"},{"name":"tailwind-popover","title":"Popover","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-popover.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-popover.json"},{"name":"tailwind-progressbar","title":"ProgressBar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-progressbar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-progressbar.json"},{"name":"tailwind-radiogroup","title":"RadioGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-radiogroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-radiogroup.json"},{"name":"tailwind-rangecalendar","title":"RangeCalendar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-rangecalendar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-rangecalendar.json"},{"name":"tailwind-searchfield","title":"SearchField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-searchfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-searchfield.json"},{"name":"tailwind-select","title":"Select","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-select.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-select.json"},{"name":"tailwind-separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-separator.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-separator.json"},{"name":"tailwind-sheet","title":"Sheet","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-sheet.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-sheet.json"},{"name":"tailwind-slider","title":"Slider","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-slider.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-slider.json"},{"name":"tailwind-switch","title":"Switch","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-switch.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-switch.json"},{"name":"tailwind-table","title":"Table","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-table.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-table.json"},{"name":"tailwind-tabs","title":"Tabs","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-tabs.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tabs.json"},{"name":"tailwind-taggroup","title":"TagGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-taggroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-taggroup.json"},{"name":"tailwind-textfield","title":"TextField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-textfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-textfield.json"},{"name":"tailwind-timefield","title":"TimeField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-timefield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-timefield.json"},{"name":"tailwind-toast","title":"Toast","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-toast.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-toast.json"},{"name":"tailwind-togglebutton","title":"ToggleButton","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-togglebutton.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-togglebutton.json"},{"name":"tailwind-togglebuttongroup","title":"ToggleButtonGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-togglebuttongroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-togglebuttongroup.json"},{"name":"tailwind-tokenfield","title":"TokenField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-tokenfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tokenfield.json"},{"name":"tailwind-toolbar","title":"Toolbar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-toolbar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-toolbar.json"},{"name":"tailwind-tooltip","title":"Tooltip","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-tooltip.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tooltip.json"},{"name":"tailwind-tree","title":"Tree","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/tailwind-tree.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tree.json"},{"name":"tailwind-utils","title":"utils","description":null,"type":"registry:lib","source_url":"https://react-aria.adobe.com/registry/tailwind-utils.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-utils.json"},{"name":"css","title":null,"description":null,"type":"registry:style","source_url":"https://react-aria.adobe.com/registry/css.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css.json"},{"name":"css-breadcrumbs","title":"Breadcrumbs","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-breadcrumbs.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-breadcrumbs.json"},{"name":"css-button","title":"Button","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-button.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-button.json"},{"name":"css-calendar","title":"Calendar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-calendar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-calendar.json"},{"name":"css-checkbox","title":"Checkbox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-checkbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-checkbox.json"},{"name":"css-checkboxgroup","title":"CheckboxGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-checkboxgroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-checkboxgroup.json"},{"name":"css-colorarea","title":"ColorArea","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorarea.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorarea.json"},{"name":"css-colorfield","title":"ColorField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorfield.json"},{"name":"css-colorpicker","title":"ColorPicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorpicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorpicker.json"},{"name":"css-colorslider","title":"ColorSlider","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorslider.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorslider.json"},{"name":"css-colorswatch","title":"ColorSwatch","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorswatch.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorswatch.json"},{"name":"css-colorswatchpicker","title":"ColorSwatchPicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorswatchpicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorswatchpicker.json"},{"name":"css-colorthumb","title":"ColorThumb","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorthumb.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorthumb.json"},{"name":"css-colorwheel","title":"ColorWheel","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-colorwheel.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-colorwheel.json"},{"name":"css-combobox","title":"ComboBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-combobox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-combobox.json"},{"name":"css-commandpalette","title":"CommandPalette","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-commandpalette.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-commandpalette.json"},{"name":"css-content","title":"Content","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-content.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-content.json"},{"name":"css-datefield","title":"DateField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-datefield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-datefield.json"},{"name":"css-datepicker","title":"DatePicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-datepicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-datepicker.json"},{"name":"css-daterangepicker","title":"DateRangePicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-daterangepicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-daterangepicker.json"},{"name":"css-dialog","title":"Dialog","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-dialog.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-dialog.json"},{"name":"css-disclosure","title":"Disclosure","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-disclosure.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-disclosure.json"},{"name":"css-disclosuregroup","title":"DisclosureGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-disclosuregroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-disclosuregroup.json"},{"name":"css-dropzone","title":"DropZone","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-dropzone.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-dropzone.json"},{"name":"css-form","title":"Form","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-form.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-form.json"},{"name":"css-gridlist","title":"GridList","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-gridlist.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-gridlist.json"},{"name":"css-inputgroup","title":"InputGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-inputgroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-inputgroup.json"},{"name":"css-link","title":"Link","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-link.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-link.json"},{"name":"css-listbox","title":"ListBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-listbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-listbox.json"},{"name":"css-menu","title":"Menu","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-menu.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-menu.json"},{"name":"css-meter","title":"Meter","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-meter.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-meter.json"},{"name":"css-modal","title":"Modal","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-modal.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-modal.json"},{"name":"css-navigationtree","title":"NavigationTree","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-navigationtree.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-navigationtree.json"},{"name":"css-numberfield","title":"NumberField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-numberfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-numberfield.json"},{"name":"css-popover","title":"Popover","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-popover.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-popover.json"},{"name":"css-progressbar","title":"ProgressBar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-progressbar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-progressbar.json"},{"name":"css-progresscircle","title":"ProgressCircle","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-progresscircle.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-progresscircle.json"},{"name":"css-radiogroup","title":"RadioGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-radiogroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-radiogroup.json"},{"name":"css-rangecalendar","title":"RangeCalendar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-rangecalendar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-rangecalendar.json"},{"name":"css-searchfield","title":"SearchField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-searchfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-searchfield.json"},{"name":"css-segmentedcontrol","title":"SegmentedControl","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-segmentedcontrol.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-segmentedcontrol.json"},{"name":"css-select","title":"Select","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-select.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-select.json"},{"name":"css-separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-separator.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-separator.json"},{"name":"css-sheet","title":"Sheet","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-sheet.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-sheet.json"},{"name":"css-slider","title":"Slider","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-slider.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-slider.json"},{"name":"css-switch","title":"Switch","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-switch.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-switch.json"},{"name":"css-table","title":"Table","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-table.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-table.json"},{"name":"css-tabs","title":"Tabs","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-tabs.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-tabs.json"},{"name":"css-taggroup","title":"TagGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-taggroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-taggroup.json"},{"name":"css-textfield","title":"TextField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-textfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-textfield.json"},{"name":"css-timefield","title":"TimeField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-timefield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-timefield.json"},{"name":"css-toast","title":"Toast","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-toast.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-toast.json"},{"name":"css-togglebutton","title":"ToggleButton","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-togglebutton.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-togglebutton.json"},{"name":"css-togglebuttongroup","title":"ToggleButtonGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-togglebuttongroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-togglebuttongroup.json"},{"name":"css-tokenfield","title":"TokenField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-tokenfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-tokenfield.json"},{"name":"css-toolbar","title":"Toolbar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-toolbar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-toolbar.json"},{"name":"css-tooltip","title":"Tooltip","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-tooltip.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-tooltip.json"},{"name":"css-tree","title":"Tree","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/css-tree.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/css-tree.json"},{"name":"hooks","title":null,"description":null,"type":"registry:style","source_url":"https://react-aria.adobe.com/registry/hooks.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks.json"},{"name":"hooks-breadcrumbs","title":"Breadcrumbs","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-breadcrumbs.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-breadcrumbs.json"},{"name":"hooks-button","title":"Button","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-button.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-button.json"},{"name":"hooks-calendar","title":"Calendar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-calendar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-calendar.json"},{"name":"hooks-checkbox","title":"Checkbox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-checkbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-checkbox.json"},{"name":"hooks-checkboxgroup","title":"CheckboxGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-checkboxgroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-checkboxgroup.json"},{"name":"hooks-colorarea","title":"ColorArea","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-colorarea.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-colorarea.json"},{"name":"hooks-colorfield","title":"ColorField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-colorfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-colorfield.json"},{"name":"hooks-colorslider","title":"ColorSlider","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-colorslider.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-colorslider.json"},{"name":"hooks-colorswatch","title":"ColorSwatch","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-colorswatch.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-colorswatch.json"},{"name":"hooks-colorwheel","title":"ColorWheel","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-colorwheel.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-colorwheel.json"},{"name":"hooks-combobox","title":"ComboBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-combobox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-combobox.json"},{"name":"hooks-datefield","title":"DateField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-datefield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-datefield.json"},{"name":"hooks-datepicker","title":"DatePicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-datepicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-datepicker.json"},{"name":"hooks-daterangepicker","title":"DateRangePicker","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-daterangepicker.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-daterangepicker.json"},{"name":"hooks-disclosure","title":"Disclosure","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-disclosure.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-disclosure.json"},{"name":"hooks-dropdownlistbox","title":"DropdownListBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-dropdownlistbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-dropdownlistbox.json"},{"name":"hooks-gridlist","title":"GridList","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-gridlist.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-gridlist.json"},{"name":"hooks-link","title":"Link","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-link.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-link.json"},{"name":"hooks-listbox","title":"ListBox","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-listbox.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-listbox.json"},{"name":"hooks-menu","title":"Menu","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-menu.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-menu.json"},{"name":"hooks-meter","title":"Meter","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-meter.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-meter.json"},{"name":"hooks-modal","title":"Modal","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-modal.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-modal.json"},{"name":"hooks-numberfield","title":"NumberField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-numberfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-numberfield.json"},{"name":"hooks-popover","title":"Popover","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-popover.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-popover.json"},{"name":"hooks-progressbar","title":"ProgressBar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-progressbar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-progressbar.json"},{"name":"hooks-radiogroup","title":"RadioGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-radiogroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-radiogroup.json"},{"name":"hooks-rangecalendar","title":"RangeCalendar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-rangecalendar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-rangecalendar.json"},{"name":"hooks-searchfield","title":"SearchField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-searchfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-searchfield.json"},{"name":"hooks-select","title":"Select","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-select.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-select.json"},{"name":"hooks-separator","title":"Separator","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-separator.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-separator.json"},{"name":"hooks-slider","title":"Slider","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-slider.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-slider.json"},{"name":"hooks-switch","title":"Switch","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-switch.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-switch.json"},{"name":"hooks-table","title":"Table","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-table.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-table.json"},{"name":"hooks-tabs","title":"Tabs","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-tabs.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-tabs.json"},{"name":"hooks-taggroup","title":"TagGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-taggroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-taggroup.json"},{"name":"hooks-textfield","title":"TextField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-textfield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-textfield.json"},{"name":"hooks-timefield","title":"TimeField","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-timefield.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-timefield.json"},{"name":"hooks-toast","title":"Toast","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-toast.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-toast.json"},{"name":"hooks-togglebutton","title":"ToggleButton","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-togglebutton.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-togglebutton.json"},{"name":"hooks-togglebuttongroup","title":"ToggleButtonGroup","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-togglebuttongroup.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-togglebuttongroup.json"},{"name":"hooks-toolbar","title":"Toolbar","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-toolbar.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-toolbar.json"},{"name":"hooks-tooltip","title":"Tooltip","description":null,"type":"registry:ui","source_url":"https://react-aria.adobe.com/registry/hooks-tooltip.json","install_command":"npx shadcn@latest add https://react-aria.adobe.com/registry/hooks-tooltip.json"}]},{"id":"react-bits","name":"@react-bits","slug":"react-bits","description":"React Bits is an open-source collection of 130+ highly customizable animated React components organized into four groups: Text Animations (blur text, typewriter, rotating text, etc.), Animations (star border, magnet, elastic, etc.), Components (glass, card, dock, etc.), and Backgrounds (aurora, particles, beams, noise, etc.). Each component ships in four code variants (JS+CSS, JS+Tailwind, TS+CSS, TS+Tailwind). Also includes creative tools: Background Studio, Shape Magic, and Texture Lab. Available via shadcn CLI or jsrepo. MIT + Commons Clause license (free for most use). Use for: adding attention-grabbing animated backgrounds, text effects, and interactive hero components to marketing sites or landing pages.","author":"DavidHDev","framework":"react","license":null,"tags":["accessibility","aesthetic","animation","backgrounds","blocks","cards","glassmorphism","icons","marketing","media","navigation","retro","saas","text-effects"],"categories":["Animated components"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://reactbits.dev","github":"https://github.com/DavidHDev/react-bits","registry":"https://reactbits.dev/r/registry.json","source":"https://reactbits.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/react-bits","markdown":"https://sh4dcn.netlify.app/md/react-bits.md"},"logo":"<svg width='67' height='61' viewBox='0 0 67 61' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18.3005 0.699779C20.8082 -0.578424 23.588 0.143417 25.9499 1.42244L26.4167 1.68513L28.6023 2.96247L26.0466 7.33259L23.8611 6.05525L23.4987 5.85115C21.7476 4.90719 20.8945 5.06001 20.5993 5.21052L20.5974 5.2115C20.3386 5.34332 19.8126 5.80655 19.5027 7.36482C19.1998 8.88797 19.2017 11.0438 19.6101 13.7545C19.8211 15.1551 20.1361 16.6653 20.5495 18.2613C22.1931 18.0179 23.9047 17.8189 25.6706 17.6724C28.6264 12.8954 31.7867 8.83092 34.8327 5.83064C37.0075 3.68855 39.2282 1.98401 41.3718 0.994701C43.4163 0.0511988 45.7899 -0.409936 47.9665 0.59431L48.1765 0.696849L48.1814 0.698802L48.4763 0.859935C49.9147 1.69909 50.8447 3.04229 51.407 4.50447C51.9991 6.04486 52.2414 7.85058 52.2507 9.75837L52.2634 12.2896L47.2009 12.314L47.1882 9.78279L47.1765 9.22224C47.1288 7.95843 46.9419 6.99866 46.6814 6.32087C46.3936 5.57244 46.0779 5.31117 45.8825 5.20954L45.7644 5.16072C45.4399 5.05237 44.7574 5.00837 43.4939 5.59138C42.0827 6.24264 40.339 7.5129 38.3855 9.43708C36.2937 11.4974 34.0814 14.1905 31.903 17.3746C32.3463 17.3684 32.7917 17.3638 33.239 17.3638C41.8221 17.3638 49.699 18.5193 55.5173 20.4586C58.4131 21.4238 60.9394 22.6293 62.7937 24.0904C64.6193 25.5291 66.1451 27.514 66.1452 30.0201C66.1452 32.1797 65.0015 33.9608 63.5398 35.3121C62.0784 36.6629 60.0921 37.7913 57.8298 38.7252L55.49 39.691L53.5583 35.0113L55.8982 34.0455C57.8546 33.2379 59.2443 32.3883 60.1032 31.5943C60.9614 30.8009 61.0827 30.27 61.0827 30.0201C61.0826 29.7299 60.9082 29.0507 59.6599 28.067C58.4397 27.1056 56.5174 26.1292 53.9167 25.2623C48.7409 23.5372 41.4295 22.4263 33.239 22.4263C31.6757 22.4263 30.1445 22.4671 28.654 22.5445C27.9089 23.8362 27.1787 25.1813 26.4695 26.5728C25.8806 27.7282 25.329 28.8782 24.8103 30.0142C25.1254 30.7045 25.4506 31.401 25.7917 32.0992L26.4734 33.4635V33.4644L27.1775 34.8179C30.7282 41.5073 34.7419 47.0141 38.3855 50.6031C40.3387 52.527 42.0821 53.7973 43.4929 54.4478C44.7565 55.0304 45.4389 54.9853 45.7634 54.8765L45.8806 54.8277C46.1119 54.7092 46.5492 54.3381 46.8669 53.1383C47.184 51.9406 47.2892 50.2198 47.0779 47.9976C46.6831 43.8493 45.2356 38.449 42.7771 32.5592L42.2722 31.3746L41.2614 29.0543L45.9021 27.0318L46.9128 29.3531L47.445 30.5992C50.0387 36.8108 51.6614 42.7201 52.1179 47.5172C52.3603 50.0654 52.2884 52.4438 51.7614 54.4342C51.2685 56.2961 50.2944 58.0892 48.5407 59.1392L48.1794 59.3385L48.1775 59.3394C45.9445 60.4761 43.4838 60.018 41.3728 59.0445C39.2288 58.0558 37.0075 56.3526 34.8327 54.2105C30.5674 50.0092 26.0796 43.7193 22.2439 36.3052C20.9345 39.965 20.0488 43.3625 19.6091 46.2838C19.2012 48.9946 19.1986 51.1508 19.5017 52.6744C19.7732 54.0386 20.2106 54.5639 20.489 54.7623L20.5974 54.8287L20.5993 54.8306L20.6853 54.8668C21.1678 55.0413 22.4748 55.0383 24.9714 53.2681L27.0359 51.8043L29.9646 55.9342L27.8991 57.398C25.0405 59.4249 21.4555 60.9513 18.2976 59.3394V59.3385C16.0661 58.2007 14.9904 55.9417 14.5368 53.6627C14.0761 51.3471 14.148 48.5485 14.6023 45.5299C15.285 40.9934 16.8817 35.6297 19.2741 30.0142C18.41 27.9856 17.6525 25.9888 17.0017 24.0533C15.3928 24.4095 13.9055 24.8146 12.5622 25.2623C9.96118 26.1292 8.03827 27.1055 6.81808 28.067C5.56972 29.0507 5.39534 29.7299 5.39523 30.0201C5.39523 30.4715 5.88581 31.6987 8.77609 33.2105L11.0183 34.3843L8.67258 38.8697L6.42941 37.6968C3.31907 36.0699 0.332733 33.5647 0.332733 30.0201C0.332837 27.5141 1.85868 25.5291 3.6843 24.0904C5.53851 22.6293 8.06485 21.4238 10.9607 20.4586C12.3781 19.9861 13.9181 19.5612 15.5603 19.1871C15.1476 17.5531 14.8269 15.9866 14.6042 14.5084C14.1496 11.4905 14.0765 8.6927 14.5368 6.37751C14.9903 4.0976 16.0669 1.83699 18.3005 0.699779ZM22.2644 20.5894C20.7666 20.5894 19.5516 21.8036 19.5515 23.3013C19.5515 24.7992 20.7665 26.0133 22.2644 26.0133C23.7621 26.013 24.9763 24.7991 24.9763 23.3013C24.9762 21.8037 23.762 20.5896 22.2644 20.5894Z' /></svg>","preview_image":"https://reactbits.dev/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":50345,"open_issues":8,"last_commit":"2026-10-19T07:37:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://reactbits.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://reactbits.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://reactbits.dev/r/registry.json","clone":"git clone https://github.com/DavidHDev/react-bits.git","clone_degit":"npx degit DavidHDev/react-bits","registry_fetch":"curl -s https://reactbits.dev/r/registry.json"},"component_count":250,"components":[{"name":"AnimatedContent-JS-CSS","title":"AnimatedContent","description":"Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.","type":"registry:component","source_url":"https://reactbits.dev/r/AnimatedContent-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-JS-CSS.json"},{"name":"AnimatedContent-JS-TW","title":"AnimatedContent","description":"Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.","type":"registry:component","source_url":"https://reactbits.dev/r/AnimatedContent-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-JS-TW.json"},{"name":"AnimatedContent-TS-CSS","title":"AnimatedContent","description":"Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.","type":"registry:component","source_url":"https://reactbits.dev/r/AnimatedContent-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-TS-CSS.json"},{"name":"AnimatedContent-TS-TW","title":"AnimatedContent","description":"Wrapper that reveals its content on scroll with slides, blur, 3D tilts, soft wipes and staggered children.","type":"registry:component","source_url":"https://reactbits.dev/r/AnimatedContent-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/AnimatedContent-TS-TW.json"},{"name":"BlobCursor-JS-CSS","title":"BlobCursor","description":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.","type":"registry:component","source_url":"https://reactbits.dev/r/BlobCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-JS-CSS.json"},{"name":"BlobCursor-JS-TW","title":"BlobCursor","description":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.","type":"registry:component","source_url":"https://reactbits.dev/r/BlobCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-JS-TW.json"},{"name":"BlobCursor-TS-CSS","title":"BlobCursor","description":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.","type":"registry:component","source_url":"https://reactbits.dev/r/BlobCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-TS-CSS.json"},{"name":"BlobCursor-TS-TW","title":"BlobCursor","description":"Liquid metal blob cursor that stretches, sloshes and bursts into droplets, in chrome, jelly, pearl or ink.","type":"registry:component","source_url":"https://reactbits.dev/r/BlobCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlobCursor-TS-TW.json"},{"name":"ClickSpark-JS-CSS","title":"ClickSpark","description":"Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.","type":"registry:component","source_url":"https://reactbits.dev/r/ClickSpark-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-JS-CSS.json"},{"name":"ClickSpark-JS-TW","title":"ClickSpark","description":"Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.","type":"registry:component","source_url":"https://reactbits.dev/r/ClickSpark-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-JS-TW.json"},{"name":"ClickSpark-TS-CSS","title":"ClickSpark","description":"Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.","type":"registry:component","source_url":"https://reactbits.dev/r/ClickSpark-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-TS-CSS.json"},{"name":"ClickSpark-TS-TW","title":"ClickSpark","description":"Bursts of sparks at every click, as dashes, comets, dots or stars, that can spill around buttons.","type":"registry:component","source_url":"https://reactbits.dev/r/ClickSpark-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ClickSpark-TS-TW.json"},{"name":"Crosshair-JS-CSS","title":"Crosshair","description":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them.","type":"registry:component","source_url":"https://reactbits.dev/r/Crosshair-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-JS-CSS.json"},{"name":"Crosshair-JS-TW","title":"Crosshair","description":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them.","type":"registry:component","source_url":"https://reactbits.dev/r/Crosshair-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-JS-TW.json"},{"name":"Crosshair-TS-CSS","title":"Crosshair","description":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them.","type":"registry:component","source_url":"https://reactbits.dev/r/Crosshair-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-TS-CSS.json"},{"name":"Crosshair-TS-TW","title":"Crosshair","description":"Crosshair cursor with live coordinates that locks onto links and buttons and measures them.","type":"registry:component","source_url":"https://reactbits.dev/r/Crosshair-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Crosshair-TS-TW.json"},{"name":"Cubes-JS-CSS","title":"Cubes","description":"A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Cubes-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-JS-CSS.json"},{"name":"Cubes-JS-TW","title":"Cubes","description":"A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Cubes-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-JS-TW.json"},{"name":"Cubes-TS-CSS","title":"Cubes","description":"A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Cubes-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-TS-CSS.json"},{"name":"Cubes-TS-TW","title":"Cubes","description":"A grid of outlined 3D cubes that turn to face the cursor, spin when swept and ripple on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Cubes-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Cubes-TS-TW.json"},{"name":"ElectricBorder-JS-CSS","title":"ElectricBorder","description":"Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricBorder-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-JS-CSS.json"},{"name":"ElectricBorder-JS-TW","title":"ElectricBorder","description":"Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricBorder-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-JS-TW.json"},{"name":"ElectricBorder-TS-CSS","title":"ElectricBorder","description":"Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricBorder-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-TS-CSS.json"},{"name":"ElectricBorder-TS-TW","title":"ElectricBorder","description":"Wraps any element in crackling strands of current that surge near the cursor and leap off in sparks.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricBorder-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricBorder-TS-TW.json"},{"name":"FadeContent-JS-CSS","title":"FadeContent","description":"Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.","type":"registry:component","source_url":"https://reactbits.dev/r/FadeContent-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-JS-CSS.json"},{"name":"FadeContent-JS-TW","title":"FadeContent","description":"Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.","type":"registry:component","source_url":"https://reactbits.dev/r/FadeContent-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-JS-TW.json"},{"name":"FadeContent-TS-CSS","title":"FadeContent","description":"Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.","type":"registry:component","source_url":"https://reactbits.dev/r/FadeContent-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-TS-CSS.json"},{"name":"FadeContent-TS-TW","title":"FadeContent","description":"Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.","type":"registry:component","source_url":"https://reactbits.dev/r/FadeContent-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FadeContent-TS-TW.json"},{"name":"GlareHover-JS-CSS","title":"GlareHover","description":"A glossy light streak that sweeps across any element in the direction the cursor moves.","type":"registry:component","source_url":"https://reactbits.dev/r/GlareHover-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-JS-CSS.json"},{"name":"GlareHover-JS-TW","title":"GlareHover","description":"A glossy light streak that sweeps across any element in the direction the cursor moves.","type":"registry:component","source_url":"https://reactbits.dev/r/GlareHover-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-JS-TW.json"},{"name":"GlareHover-TS-CSS","title":"GlareHover","description":"A glossy light streak that sweeps across any element in the direction the cursor moves.","type":"registry:component","source_url":"https://reactbits.dev/r/GlareHover-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-TS-CSS.json"},{"name":"GlareHover-TS-TW","title":"GlareHover","description":"A glossy light streak that sweeps across any element in the direction the cursor moves.","type":"registry:component","source_url":"https://reactbits.dev/r/GlareHover-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlareHover-TS-TW.json"},{"name":"GradualBlur-JS-CSS","title":"GradualBlur","description":"Progressive edge blur for headers, footers, captions and carousels, with an optional fade to color that hides at the ends of a scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/GradualBlur-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-JS-CSS.json"},{"name":"GradualBlur-JS-TW","title":"GradualBlur","description":"Progressive edge blur for headers, footers, captions and carousels, with an optional fade to color that hides at the ends of a scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/GradualBlur-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-JS-TW.json"},{"name":"GradualBlur-TS-CSS","title":"GradualBlur","description":"Progressive edge blur for headers, footers, captions and carousels, with an optional fade to color that hides at the ends of a scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/GradualBlur-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-TS-CSS.json"},{"name":"GradualBlur-TS-TW","title":"GradualBlur","description":"Progressive edge blur for headers, footers, captions and carousels, with an optional fade to color that hides at the ends of a scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/GradualBlur-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradualBlur-TS-TW.json"},{"name":"CrystalizedBall-JS-CSS","title":"CrystalizedBall","description":"A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/CrystalizedBall-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CrystalizedBall-JS-CSS.json"},{"name":"CrystalizedBall-JS-TW","title":"CrystalizedBall","description":"A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/CrystalizedBall-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CrystalizedBall-JS-TW.json"},{"name":"CrystalizedBall-TS-CSS","title":"CrystalizedBall","description":"A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/CrystalizedBall-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CrystalizedBall-TS-CSS.json"},{"name":"CrystalizedBall-TS-TW","title":"CrystalizedBall","description":"A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/CrystalizedBall-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CrystalizedBall-TS-TW.json"},{"name":"ElectricLogo-JS-CSS","title":"ElectricLogo","description":"Turns any logo into a living lightning outline, with arcs that leap off its edges.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricLogo-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricLogo-JS-CSS.json"},{"name":"ElectricLogo-JS-TW","title":"ElectricLogo","description":"Turns any logo into a living lightning outline, with arcs that leap off its edges.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricLogo-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricLogo-JS-TW.json"},{"name":"ElectricLogo-TS-CSS","title":"ElectricLogo","description":"Turns any logo into a living lightning outline, with arcs that leap off its edges.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricLogo-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricLogo-TS-CSS.json"},{"name":"ElectricLogo-TS-TW","title":"ElectricLogo","description":"Turns any logo into a living lightning outline, with arcs that leap off its edges.","type":"registry:component","source_url":"https://reactbits.dev/r/ElectricLogo-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ElectricLogo-TS-TW.json"},{"name":"DitherVeil-JS-CSS","title":"DitherVeil","description":"A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.","type":"registry:component","source_url":"https://reactbits.dev/r/DitherVeil-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DitherVeil-JS-CSS.json"},{"name":"DitherVeil-JS-TW","title":"DitherVeil","description":"A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.","type":"registry:component","source_url":"https://reactbits.dev/r/DitherVeil-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DitherVeil-JS-TW.json"},{"name":"DitherVeil-TS-CSS","title":"DitherVeil","description":"A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.","type":"registry:component","source_url":"https://reactbits.dev/r/DitherVeil-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DitherVeil-TS-CSS.json"},{"name":"DitherVeil-TS-TW","title":"DitherVeil","description":"A 1-bit dithered photo the cursor burns through to full colour, knitting back cell by cell.","type":"registry:component","source_url":"https://reactbits.dev/r/DitherVeil-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DitherVeil-TS-TW.json"},{"name":"GlowCursor-JS-CSS","title":"GlowCursor","description":"Light that pours from the cursor, drifts softly through the air and cools as it fades.","type":"registry:component","source_url":"https://reactbits.dev/r/GlowCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlowCursor-JS-CSS.json"},{"name":"GlowCursor-JS-TW","title":"GlowCursor","description":"Light that pours from the cursor, drifts softly through the air and cools as it fades.","type":"registry:component","source_url":"https://reactbits.dev/r/GlowCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlowCursor-JS-TW.json"},{"name":"GlowCursor-TS-CSS","title":"GlowCursor","description":"Light that pours from the cursor, drifts softly through the air and cools as it fades.","type":"registry:component","source_url":"https://reactbits.dev/r/GlowCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlowCursor-TS-CSS.json"},{"name":"GlowCursor-TS-TW","title":"GlowCursor","description":"Light that pours from the cursor, drifts softly through the air and cools as it fades.","type":"registry:component","source_url":"https://reactbits.dev/r/GlowCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlowCursor-TS-TW.json"},{"name":"GhostCursor-JS-CSS","title":"GhostCursor","description":"A ghost of glowing smoke that floats after the cursor and curls away as it rises.","type":"registry:component","source_url":"https://reactbits.dev/r/GhostCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-JS-CSS.json"},{"name":"GhostCursor-JS-TW","title":"GhostCursor","description":"A ghost of glowing smoke that floats after the cursor and curls away as it rises.","type":"registry:component","source_url":"https://reactbits.dev/r/GhostCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-JS-TW.json"},{"name":"GhostCursor-TS-CSS","title":"GhostCursor","description":"A ghost of glowing smoke that floats after the cursor and curls away as it rises.","type":"registry:component","source_url":"https://reactbits.dev/r/GhostCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-TS-CSS.json"},{"name":"GhostCursor-TS-TW","title":"GhostCursor","description":"A ghost of glowing smoke that floats after the cursor and curls away as it rises.","type":"registry:component","source_url":"https://reactbits.dev/r/GhostCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GhostCursor-TS-TW.json"},{"name":"ImageTrail-JS-CSS","title":"ImageTrail","description":"Cursor-based image trail with several built-in variants.","type":"registry:component","source_url":"https://reactbits.dev/r/ImageTrail-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-JS-CSS.json"},{"name":"ImageTrail-JS-TW","title":"ImageTrail","description":"Cursor-based image trail with several built-in variants.","type":"registry:component","source_url":"https://reactbits.dev/r/ImageTrail-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-JS-TW.json"},{"name":"ImageTrail-TS-CSS","title":"ImageTrail","description":"Cursor-based image trail with several built-in variants.","type":"registry:component","source_url":"https://reactbits.dev/r/ImageTrail-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-TS-CSS.json"},{"name":"ImageTrail-TS-TW","title":"ImageTrail","description":"Cursor-based image trail with several built-in variants.","type":"registry:component","source_url":"https://reactbits.dev/r/ImageTrail-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ImageTrail-TS-TW.json"},{"name":"LogoLoop-JS-CSS","title":"LogoLoop","description":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","type":"registry:component","source_url":"https://reactbits.dev/r/LogoLoop-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-JS-CSS.json"},{"name":"LogoLoop-JS-TW","title":"LogoLoop","description":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","type":"registry:component","source_url":"https://reactbits.dev/r/LogoLoop-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-JS-TW.json"},{"name":"LogoLoop-TS-CSS","title":"LogoLoop","description":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","type":"registry:component","source_url":"https://reactbits.dev/r/LogoLoop-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-TS-CSS.json"},{"name":"LogoLoop-TS-TW","title":"LogoLoop","description":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","type":"registry:component","source_url":"https://reactbits.dev/r/LogoLoop-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LogoLoop-TS-TW.json"},{"name":"Magnet-JS-CSS","title":"Magnet","description":"Elements magnetically ease toward the cursor then settle back with spring physics.","type":"registry:component","source_url":"https://reactbits.dev/r/Magnet-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-JS-CSS.json"},{"name":"Magnet-JS-TW","title":"Magnet","description":"Elements magnetically ease toward the cursor then settle back with spring physics.","type":"registry:component","source_url":"https://reactbits.dev/r/Magnet-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-JS-TW.json"},{"name":"Magnet-TS-CSS","title":"Magnet","description":"Elements magnetically ease toward the cursor then settle back with spring physics.","type":"registry:component","source_url":"https://reactbits.dev/r/Magnet-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-TS-CSS.json"},{"name":"Magnet-TS-TW","title":"Magnet","description":"Elements magnetically ease toward the cursor then settle back with spring physics.","type":"registry:component","source_url":"https://reactbits.dev/r/Magnet-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Magnet-TS-TW.json"},{"name":"MetaBalls-JS-CSS","title":"MetaBalls","description":"Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them.","type":"registry:component","source_url":"https://reactbits.dev/r/MetaBalls-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-JS-CSS.json"},{"name":"MetaBalls-JS-TW","title":"MetaBalls","description":"Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them.","type":"registry:component","source_url":"https://reactbits.dev/r/MetaBalls-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-JS-TW.json"},{"name":"MetaBalls-TS-CSS","title":"MetaBalls","description":"Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them.","type":"registry:component","source_url":"https://reactbits.dev/r/MetaBalls-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-TS-CSS.json"},{"name":"MetaBalls-TS-TW","title":"MetaBalls","description":"Liquid metaballs that merge, stretch and pinch apart, with a cursor blob that pushes through them.","type":"registry:component","source_url":"https://reactbits.dev/r/MetaBalls-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetaBalls-TS-TW.json"},{"name":"Strands-JS-CSS","title":"Strands","description":"Spectral strands that twist inside a frosted glass orb and swell into a smooth bulge where they come together, like the new Siri.","type":"registry:component","source_url":"https://reactbits.dev/r/Strands-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-JS-CSS.json"},{"name":"Strands-JS-TW","title":"Strands","description":"Spectral strands that twist inside a frosted glass orb and swell into a smooth bulge where they come together, like the new Siri.","type":"registry:component","source_url":"https://reactbits.dev/r/Strands-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-JS-TW.json"},{"name":"Strands-TS-CSS","title":"Strands","description":"Spectral strands that twist inside a frosted glass orb and swell into a smooth bulge where they come together, like the new Siri.","type":"registry:component","source_url":"https://reactbits.dev/r/Strands-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-TS-CSS.json"},{"name":"Strands-TS-TW","title":"Strands","description":"Spectral strands that twist inside a frosted glass orb and swell into a smooth bulge where they come together, like the new Siri.","type":"registry:component","source_url":"https://reactbits.dev/r/Strands-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Strands-TS-TW.json"},{"name":"MetallicPaint-JS-CSS","title":"MetallicPaint","description":"Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.","type":"registry:component","source_url":"https://reactbits.dev/r/MetallicPaint-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-JS-CSS.json"},{"name":"MetallicPaint-JS-TW","title":"MetallicPaint","description":"Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.","type":"registry:component","source_url":"https://reactbits.dev/r/MetallicPaint-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-JS-TW.json"},{"name":"MetallicPaint-TS-CSS","title":"MetallicPaint","description":"Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.","type":"registry:component","source_url":"https://reactbits.dev/r/MetallicPaint-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-TS-CSS.json"},{"name":"MetallicPaint-TS-TW","title":"MetallicPaint","description":"Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.","type":"registry:component","source_url":"https://reactbits.dev/r/MetallicPaint-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/MetallicPaint-TS-TW.json"},{"name":"Noise-JS-CSS","title":"Noise","description":"Film grain overlay for photos and pages, from fine 35mm grain to dust, paper and TV static.","type":"registry:component","source_url":"https://reactbits.dev/r/Noise-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-JS-CSS.json"},{"name":"Noise-JS-TW","title":"Noise","description":"Film grain overlay for photos and pages, from fine 35mm grain to dust, paper and TV static.","type":"registry:component","source_url":"https://reactbits.dev/r/Noise-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-JS-TW.json"},{"name":"Noise-TS-CSS","title":"Noise","description":"Film grain overlay for photos and pages, from fine 35mm grain to dust, paper and TV static.","type":"registry:component","source_url":"https://reactbits.dev/r/Noise-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-TS-CSS.json"},{"name":"Noise-TS-TW","title":"Noise","description":"Film grain overlay for photos and pages, from fine 35mm grain to dust, paper and TV static.","type":"registry:component","source_url":"https://reactbits.dev/r/Noise-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Noise-TS-TW.json"},{"name":"PixelTrail-JS-CSS","title":"PixelTrail","description":"Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTrail-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-JS-CSS.json"},{"name":"PixelTrail-JS-TW","title":"PixelTrail","description":"Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTrail-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-JS-TW.json"},{"name":"PixelTrail-TS-CSS","title":"PixelTrail","description":"Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTrail-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-TS-CSS.json"},{"name":"PixelTrail-TS-TW","title":"PixelTrail","description":"Glossy pixels melt into a fluid goo trail behind the cursor, with color shifts and drips.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTrail-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTrail-TS-TW.json"},{"name":"PixelTransition-JS-CSS","title":"PixelTransition","description":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and clears again.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTransition-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-JS-CSS.json"},{"name":"PixelTransition-JS-TW","title":"PixelTransition","description":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and clears again.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTransition-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-JS-TW.json"},{"name":"PixelTransition-TS-CSS","title":"PixelTransition","description":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and clears again.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTransition-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-TS-CSS.json"},{"name":"PixelTransition-TS-TW","title":"PixelTransition","description":"Retro pixel dissolve that covers a card in solid pixels, swaps the content underneath and clears again.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelTransition-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelTransition-TS-TW.json"},{"name":"PixelSwap-JS-CSS","title":"PixelSwap","description":"New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelSwap-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelSwap-JS-CSS.json"},{"name":"PixelSwap-JS-TW","title":"PixelSwap","description":"New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelSwap-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelSwap-JS-TW.json"},{"name":"PixelSwap-TS-CSS","title":"PixelSwap","description":"New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelSwap-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelSwap-TS-CSS.json"},{"name":"PixelSwap-TS-TW","title":"PixelSwap","description":"New content builds in pixel by pixel in a springy wave that starts wherever the cursor enters.","type":"registry:component","source_url":"https://reactbits.dev/r/PixelSwap-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/PixelSwap-TS-TW.json"},{"name":"Ribbons-JS-CSS","title":"Ribbons","description":"Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.","type":"registry:component","source_url":"https://reactbits.dev/r/Ribbons-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-JS-CSS.json"},{"name":"Ribbons-JS-TW","title":"Ribbons","description":"Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.","type":"registry:component","source_url":"https://reactbits.dev/r/Ribbons-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-JS-TW.json"},{"name":"Ribbons-TS-CSS","title":"Ribbons","description":"Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.","type":"registry:component","source_url":"https://reactbits.dev/r/Ribbons-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-TS-CSS.json"},{"name":"Ribbons-TS-TW","title":"Ribbons","description":"Springy ribbons that trail the cursor, in lens, comet or even shapes with an optional wave.","type":"registry:component","source_url":"https://reactbits.dev/r/Ribbons-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Ribbons-TS-TW.json"},{"name":"ShapeBlur-JS-CSS","title":"ShapeBlur","description":"A crisp logo or shape that drifts out of focus under the pointer like a camera lens.","type":"registry:component","source_url":"https://reactbits.dev/r/ShapeBlur-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-JS-CSS.json"},{"name":"ShapeBlur-JS-TW","title":"ShapeBlur","description":"A crisp logo or shape that drifts out of focus under the pointer like a camera lens.","type":"registry:component","source_url":"https://reactbits.dev/r/ShapeBlur-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-JS-TW.json"},{"name":"ShapeBlur-TS-CSS","title":"ShapeBlur","description":"A crisp logo or shape that drifts out of focus under the pointer like a camera lens.","type":"registry:component","source_url":"https://reactbits.dev/r/ShapeBlur-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-TS-CSS.json"},{"name":"ShapeBlur-TS-TW","title":"ShapeBlur","description":"A crisp logo or shape that drifts out of focus under the pointer like a camera lens.","type":"registry:component","source_url":"https://reactbits.dev/r/ShapeBlur-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShapeBlur-TS-TW.json"},{"name":"SplashCursor-JS-CSS","title":"SplashCursor","description":"A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.","type":"registry:component","source_url":"https://reactbits.dev/r/SplashCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-JS-CSS.json"},{"name":"SplashCursor-JS-TW","title":"SplashCursor","description":"A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.","type":"registry:component","source_url":"https://reactbits.dev/r/SplashCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-JS-TW.json"},{"name":"SplashCursor-TS-CSS","title":"SplashCursor","description":"A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.","type":"registry:component","source_url":"https://reactbits.dev/r/SplashCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-TS-CSS.json"},{"name":"SplashCursor-TS-TW","title":"SplashCursor","description":"A fluid simulation that trails the cursor in swirling ink and bursts into a splash on click.","type":"registry:component","source_url":"https://reactbits.dev/r/SplashCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplashCursor-TS-TW.json"},{"name":"StarBorder-JS-CSS","title":"StarBorder","description":"A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.","type":"registry:component","source_url":"https://reactbits.dev/r/StarBorder-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-JS-CSS.json"},{"name":"StarBorder-JS-TW","title":"StarBorder","description":"A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.","type":"registry:component","source_url":"https://reactbits.dev/r/StarBorder-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-JS-TW.json"},{"name":"StarBorder-TS-CSS","title":"StarBorder","description":"A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.","type":"registry:component","source_url":"https://reactbits.dev/r/StarBorder-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-TS-CSS.json"},{"name":"StarBorder-TS-TW","title":"StarBorder","description":"A twinkling star that travels the exact outline of any button, pill or card, trailing light and stardust.","type":"registry:component","source_url":"https://reactbits.dev/r/StarBorder-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StarBorder-TS-TW.json"},{"name":"StickerPeel-JS-CSS","title":"StickerPeel","description":"A die-cut sticker you can peel at any edge, drag, throw and swing, in gloss, matte or holographic finishes.","type":"registry:component","source_url":"https://reactbits.dev/r/StickerPeel-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-JS-CSS.json"},{"name":"StickerPeel-JS-TW","title":"StickerPeel","description":"A die-cut sticker you can peel at any edge, drag, throw and swing, in gloss, matte or holographic finishes.","type":"registry:component","source_url":"https://reactbits.dev/r/StickerPeel-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-JS-TW.json"},{"name":"StickerPeel-TS-CSS","title":"StickerPeel","description":"A die-cut sticker you can peel at any edge, drag, throw and swing, in gloss, matte or holographic finishes.","type":"registry:component","source_url":"https://reactbits.dev/r/StickerPeel-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-TS-CSS.json"},{"name":"StickerPeel-TS-TW","title":"StickerPeel","description":"A die-cut sticker you can peel at any edge, drag, throw and swing, in gloss, matte or holographic finishes.","type":"registry:component","source_url":"https://reactbits.dev/r/StickerPeel-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StickerPeel-TS-TW.json"},{"name":"TargetCursor-JS-CSS","title":"TargetCursor","description":"A reticle cursor whose corner brackets snap around targets, matching their shape.","type":"registry:component","source_url":"https://reactbits.dev/r/TargetCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-JS-CSS.json"},{"name":"TargetCursor-JS-TW","title":"TargetCursor","description":"A reticle cursor whose corner brackets snap around targets, matching their shape.","type":"registry:component","source_url":"https://reactbits.dev/r/TargetCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-JS-TW.json"},{"name":"TargetCursor-TS-CSS","title":"TargetCursor","description":"A reticle cursor whose corner brackets snap around targets, matching their shape.","type":"registry:component","source_url":"https://reactbits.dev/r/TargetCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-TS-CSS.json"},{"name":"TargetCursor-TS-TW","title":"TargetCursor","description":"A reticle cursor whose corner brackets snap around targets, matching their shape.","type":"registry:component","source_url":"https://reactbits.dev/r/TargetCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TargetCursor-TS-TW.json"},{"name":"LaserFlow-JS-CSS","title":"LaserFlow","description":"A beam of light that splashes onto your content and pours over its corners.","type":"registry:component","source_url":"https://reactbits.dev/r/LaserFlow-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-JS-CSS.json"},{"name":"LaserFlow-JS-TW","title":"LaserFlow","description":"A beam of light that splashes onto your content and pours over its corners.","type":"registry:component","source_url":"https://reactbits.dev/r/LaserFlow-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-JS-TW.json"},{"name":"LaserFlow-TS-CSS","title":"LaserFlow","description":"A beam of light that splashes onto your content and pours over its corners.","type":"registry:component","source_url":"https://reactbits.dev/r/LaserFlow-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-TS-CSS.json"},{"name":"LaserFlow-TS-TW","title":"LaserFlow","description":"A beam of light that splashes onto your content and pours over its corners.","type":"registry:component","source_url":"https://reactbits.dev/r/LaserFlow-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/LaserFlow-TS-TW.json"},{"name":"Antigravity-JS-CSS","title":"Antigravity","description":"A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Antigravity-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-JS-CSS.json"},{"name":"Antigravity-JS-TW","title":"Antigravity","description":"A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Antigravity-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-JS-TW.json"},{"name":"Antigravity-TS-CSS","title":"Antigravity","description":"A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Antigravity-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-TS-CSS.json"},{"name":"Antigravity-TS-TW","title":"Antigravity","description":"A field of particles that lifts into a glowing ring around the cursor and bursts outward on click.","type":"registry:component","source_url":"https://reactbits.dev/r/Antigravity-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Antigravity-TS-TW.json"},{"name":"OrbitImages-JS-CSS","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","source_url":"https://reactbits.dev/r/OrbitImages-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-JS-CSS.json"},{"name":"OrbitImages-JS-TW","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","source_url":"https://reactbits.dev/r/OrbitImages-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-JS-TW.json"},{"name":"OrbitImages-TS-CSS","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","source_url":"https://reactbits.dev/r/OrbitImages-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-TS-CSS.json"},{"name":"OrbitImages-TS-TW","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","source_url":"https://reactbits.dev/r/OrbitImages-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/OrbitImages-TS-TW.json"},{"name":"ASCIIText-JS-CSS","title":"ASCIIText","description":"Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.","type":"registry:component","source_url":"https://reactbits.dev/r/ASCIIText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-JS-CSS.json"},{"name":"ASCIIText-JS-TW","title":"ASCIIText","description":"Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.","type":"registry:component","source_url":"https://reactbits.dev/r/ASCIIText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-JS-TW.json"},{"name":"ASCIIText-TS-CSS","title":"ASCIIText","description":"Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.","type":"registry:component","source_url":"https://reactbits.dev/r/ASCIIText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-TS-CSS.json"},{"name":"ASCIIText-TS-TW","title":"ASCIIText","description":"Waving ASCII text that tilts toward the pointer, scrambles on hover and ripples on click.","type":"registry:component","source_url":"https://reactbits.dev/r/ASCIIText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ASCIIText-TS-TW.json"},{"name":"BlurText-JS-CSS","title":"BlurText","description":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","type":"registry:component","source_url":"https://reactbits.dev/r/BlurText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-JS-CSS.json"},{"name":"BlurText-JS-TW","title":"BlurText","description":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","type":"registry:component","source_url":"https://reactbits.dev/r/BlurText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-JS-TW.json"},{"name":"BlurText-TS-CSS","title":"BlurText","description":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","type":"registry:component","source_url":"https://reactbits.dev/r/BlurText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-TS-CSS.json"},{"name":"BlurText-TS-TW","title":"BlurText","description":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","type":"registry:component","source_url":"https://reactbits.dev/r/BlurText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/BlurText-TS-TW.json"},{"name":"CircularText-JS-CSS","title":"CircularText","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","source_url":"https://reactbits.dev/r/CircularText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-JS-CSS.json"},{"name":"CircularText-JS-TW","title":"CircularText","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","source_url":"https://reactbits.dev/r/CircularText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-JS-TW.json"},{"name":"CircularText-TS-CSS","title":"CircularText","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","source_url":"https://reactbits.dev/r/CircularText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-TS-CSS.json"},{"name":"CircularText-TS-TW","title":"CircularText","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","source_url":"https://reactbits.dev/r/CircularText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CircularText-TS-TW.json"},{"name":"CountUp-JS-CSS","title":"CountUp","description":"Animated number counter supporting formatting and decimals.","type":"registry:component","source_url":"https://reactbits.dev/r/CountUp-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-JS-CSS.json"},{"name":"CountUp-JS-TW","title":"CountUp","description":"Animated number counter supporting formatting and decimals.","type":"registry:component","source_url":"https://reactbits.dev/r/CountUp-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-JS-TW.json"},{"name":"CountUp-TS-CSS","title":"CountUp","description":"Animated number counter supporting formatting and decimals.","type":"registry:component","source_url":"https://reactbits.dev/r/CountUp-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-TS-CSS.json"},{"name":"CountUp-TS-TW","title":"CountUp","description":"Animated number counter supporting formatting and decimals.","type":"registry:component","source_url":"https://reactbits.dev/r/CountUp-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CountUp-TS-TW.json"},{"name":"CurvedLoop-JS-CSS","title":"CurvedLoop","description":"Flowing looping text path along a customizable curve with drag interaction.","type":"registry:component","source_url":"https://reactbits.dev/r/CurvedLoop-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-JS-CSS.json"},{"name":"CurvedLoop-JS-TW","title":"CurvedLoop","description":"Flowing looping text path along a customizable curve with drag interaction.","type":"registry:component","source_url":"https://reactbits.dev/r/CurvedLoop-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-JS-TW.json"},{"name":"CurvedLoop-TS-CSS","title":"CurvedLoop","description":"Flowing looping text path along a customizable curve with drag interaction.","type":"registry:component","source_url":"https://reactbits.dev/r/CurvedLoop-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-TS-CSS.json"},{"name":"CurvedLoop-TS-TW","title":"CurvedLoop","description":"Flowing looping text path along a customizable curve with drag interaction.","type":"registry:component","source_url":"https://reactbits.dev/r/CurvedLoop-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/CurvedLoop-TS-TW.json"},{"name":"DecryptedText-JS-CSS","title":"DecryptedText","description":"Hacker-style decryption cycling random glyphs until resolving to real text.","type":"registry:component","source_url":"https://reactbits.dev/r/DecryptedText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-JS-CSS.json"},{"name":"DecryptedText-JS-TW","title":"DecryptedText","description":"Hacker-style decryption cycling random glyphs until resolving to real text.","type":"registry:component","source_url":"https://reactbits.dev/r/DecryptedText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-JS-TW.json"},{"name":"DecryptedText-TS-CSS","title":"DecryptedText","description":"Hacker-style decryption cycling random glyphs until resolving to real text.","type":"registry:component","source_url":"https://reactbits.dev/r/DecryptedText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-TS-CSS.json"},{"name":"DecryptedText-TS-TW","title":"DecryptedText","description":"Hacker-style decryption cycling random glyphs until resolving to real text.","type":"registry:component","source_url":"https://reactbits.dev/r/DecryptedText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DecryptedText-TS-TW.json"},{"name":"FallingText-JS-CSS","title":"FallingText","description":"Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.","type":"registry:component","source_url":"https://reactbits.dev/r/FallingText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-JS-CSS.json"},{"name":"FallingText-JS-TW","title":"FallingText","description":"Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.","type":"registry:component","source_url":"https://reactbits.dev/r/FallingText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-JS-TW.json"},{"name":"FallingText-TS-CSS","title":"FallingText","description":"Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.","type":"registry:component","source_url":"https://reactbits.dev/r/FallingText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-TS-CSS.json"},{"name":"FallingText-TS-TW","title":"FallingText","description":"Text that breaks apart and tumbles into a pile you can drag, throw and swipe, then flies back into place.","type":"registry:component","source_url":"https://reactbits.dev/r/FallingText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FallingText-TS-TW.json"},{"name":"FuzzyText-JS-CSS","title":"FuzzyText","description":"Vibrating fuzzy text with controllable hover intensity.","type":"registry:component","source_url":"https://reactbits.dev/r/FuzzyText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-JS-CSS.json"},{"name":"FuzzyText-JS-TW","title":"FuzzyText","description":"Vibrating fuzzy text with controllable hover intensity.","type":"registry:component","source_url":"https://reactbits.dev/r/FuzzyText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-JS-TW.json"},{"name":"FuzzyText-TS-CSS","title":"FuzzyText","description":"Vibrating fuzzy text with controllable hover intensity.","type":"registry:component","source_url":"https://reactbits.dev/r/FuzzyText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-TS-CSS.json"},{"name":"FuzzyText-TS-TW","title":"FuzzyText","description":"Vibrating fuzzy text with controllable hover intensity.","type":"registry:component","source_url":"https://reactbits.dev/r/FuzzyText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FuzzyText-TS-TW.json"},{"name":"GlitchText-JS-CSS","title":"GlitchText","description":"RGB split and distortion glitch effect with jitter effects.","type":"registry:component","source_url":"https://reactbits.dev/r/GlitchText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-JS-CSS.json"},{"name":"GlitchText-JS-TW","title":"GlitchText","description":"RGB split and distortion glitch effect with jitter effects.","type":"registry:component","source_url":"https://reactbits.dev/r/GlitchText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-JS-TW.json"},{"name":"GlitchText-TS-CSS","title":"GlitchText","description":"RGB split and distortion glitch effect with jitter effects.","type":"registry:component","source_url":"https://reactbits.dev/r/GlitchText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-TS-CSS.json"},{"name":"GlitchText-TS-TW","title":"GlitchText","description":"RGB split and distortion glitch effect with jitter effects.","type":"registry:component","source_url":"https://reactbits.dev/r/GlitchText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GlitchText-TS-TW.json"},{"name":"GradientText-JS-CSS","title":"GradientText","description":"Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.","type":"registry:component","source_url":"https://reactbits.dev/r/GradientText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-JS-CSS.json"},{"name":"GradientText-JS-TW","title":"GradientText","description":"Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.","type":"registry:component","source_url":"https://reactbits.dev/r/GradientText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-JS-TW.json"},{"name":"GradientText-TS-CSS","title":"GradientText","description":"Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.","type":"registry:component","source_url":"https://reactbits.dev/r/GradientText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-TS-CSS.json"},{"name":"GradientText-TS-TW","title":"GradientText","description":"Living gradients inside your text: a sliding sweep, a drifting mesh or a swinging conic fan.","type":"registry:component","source_url":"https://reactbits.dev/r/GradientText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/GradientText-TS-TW.json"},{"name":"RotatingText-JS-CSS","title":"RotatingText","description":"Cycles through multiple phrases with 3D rotate / flip transitions.","type":"registry:component","source_url":"https://reactbits.dev/r/RotatingText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-JS-CSS.json"},{"name":"RotatingText-JS-TW","title":"RotatingText","description":"Cycles through multiple phrases with 3D rotate / flip transitions.","type":"registry:component","source_url":"https://reactbits.dev/r/RotatingText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-JS-TW.json"},{"name":"RotatingText-TS-CSS","title":"RotatingText","description":"Cycles through multiple phrases with 3D rotate / flip transitions.","type":"registry:component","source_url":"https://reactbits.dev/r/RotatingText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-TS-CSS.json"},{"name":"RotatingText-TS-TW","title":"RotatingText","description":"Cycles through multiple phrases with 3D rotate / flip transitions.","type":"registry:component","source_url":"https://reactbits.dev/r/RotatingText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/RotatingText-TS-TW.json"},{"name":"ScrambledText-JS-CSS","title":"ScrambledText","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrambledText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-JS-CSS.json"},{"name":"ScrambledText-JS-TW","title":"ScrambledText","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrambledText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-JS-TW.json"},{"name":"ScrambledText-TS-CSS","title":"ScrambledText","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrambledText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-TS-CSS.json"},{"name":"ScrambledText-TS-TW","title":"ScrambledText","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrambledText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrambledText-TS-TW.json"},{"name":"ScrollFloat-JS-CSS","title":"ScrollFloat","description":"Text gently floats / parallax shifts on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollFloat-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-JS-CSS.json"},{"name":"ScrollFloat-JS-TW","title":"ScrollFloat","description":"Text gently floats / parallax shifts on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollFloat-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-JS-TW.json"},{"name":"ScrollFloat-TS-CSS","title":"ScrollFloat","description":"Text gently floats / parallax shifts on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollFloat-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-TS-CSS.json"},{"name":"ScrollFloat-TS-TW","title":"ScrollFloat","description":"Text gently floats / parallax shifts on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollFloat-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollFloat-TS-TW.json"},{"name":"ScrollReveal-JS-CSS","title":"ScrollReveal","description":"Text gently unblurs and reveals on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollReveal-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-JS-CSS.json"},{"name":"ScrollReveal-JS-TW","title":"ScrollReveal","description":"Text gently unblurs and reveals on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollReveal-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-JS-TW.json"},{"name":"ScrollReveal-TS-CSS","title":"ScrollReveal","description":"Text gently unblurs and reveals on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollReveal-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-TS-CSS.json"},{"name":"ScrollReveal-TS-TW","title":"ScrollReveal","description":"Text gently unblurs and reveals on scroll.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollReveal-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollReveal-TS-TW.json"},{"name":"ScrollVelocity-JS-CSS","title":"ScrollVelocity","description":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollVelocity-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-JS-CSS.json"},{"name":"ScrollVelocity-JS-TW","title":"ScrollVelocity","description":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollVelocity-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-JS-TW.json"},{"name":"ScrollVelocity-TS-CSS","title":"ScrollVelocity","description":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollVelocity-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-TS-CSS.json"},{"name":"ScrollVelocity-TS-TW","title":"ScrollVelocity","description":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","type":"registry:component","source_url":"https://reactbits.dev/r/ScrollVelocity-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ScrollVelocity-TS-TW.json"},{"name":"ShinyText-JS-CSS","title":"ShinyText","description":"A sheen of light that sweeps across text, from soft bands to chrome-like reflections.","type":"registry:component","source_url":"https://reactbits.dev/r/ShinyText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-JS-CSS.json"},{"name":"ShinyText-JS-TW","title":"ShinyText","description":"A sheen of light that sweeps across text, from soft bands to chrome-like reflections.","type":"registry:component","source_url":"https://reactbits.dev/r/ShinyText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-JS-TW.json"},{"name":"ShinyText-TS-CSS","title":"ShinyText","description":"A sheen of light that sweeps across text, from soft bands to chrome-like reflections.","type":"registry:component","source_url":"https://reactbits.dev/r/ShinyText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-TS-CSS.json"},{"name":"ShinyText-TS-TW","title":"ShinyText","description":"A sheen of light that sweeps across text, from soft bands to chrome-like reflections.","type":"registry:component","source_url":"https://reactbits.dev/r/ShinyText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ShinyText-TS-TW.json"},{"name":"SplitText-JS-CSS","title":"SplitText","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-JS-CSS.json"},{"name":"SplitText-JS-TW","title":"SplitText","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-JS-TW.json"},{"name":"SplitText-TS-CSS","title":"SplitText","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-CSS.json"},{"name":"SplitText-TS-TW","title":"SplitText","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitText-TS-TW.json"},{"name":"TextCursor-JS-CSS","title":"TextCursor","description":"Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.","type":"registry:component","source_url":"https://reactbits.dev/r/TextCursor-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-JS-CSS.json"},{"name":"TextCursor-JS-TW","title":"TextCursor","description":"Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.","type":"registry:component","source_url":"https://reactbits.dev/r/TextCursor-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-JS-TW.json"},{"name":"TextCursor-TS-CSS","title":"TextCursor","description":"Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.","type":"registry:component","source_url":"https://reactbits.dev/r/TextCursor-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-TS-CSS.json"},{"name":"TextCursor-TS-TW","title":"TextCursor","description":"Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.","type":"registry:component","source_url":"https://reactbits.dev/r/TextCursor-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextCursor-TS-TW.json"},{"name":"TextPressure-JS-CSS","title":"TextPressure","description":"Characters scale / warp interactively based on pointer pressure zone.","type":"registry:component","source_url":"https://reactbits.dev/r/TextPressure-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-JS-CSS.json"},{"name":"TextPressure-JS-TW","title":"TextPressure","description":"Characters scale / warp interactively based on pointer pressure zone.","type":"registry:component","source_url":"https://reactbits.dev/r/TextPressure-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-JS-TW.json"},{"name":"TextPressure-TS-CSS","title":"TextPressure","description":"Characters scale / warp interactively based on pointer pressure zone.","type":"registry:component","source_url":"https://reactbits.dev/r/TextPressure-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-TS-CSS.json"},{"name":"TextPressure-TS-TW","title":"TextPressure","description":"Characters scale / warp interactively based on pointer pressure zone.","type":"registry:component","source_url":"https://reactbits.dev/r/TextPressure-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextPressure-TS-TW.json"},{"name":"TextType-JS-CSS","title":"TextType","description":"Typewriter effect with blinking cursor and adjustable typing cadence.","type":"registry:component","source_url":"https://reactbits.dev/r/TextType-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-JS-CSS.json"},{"name":"TextType-JS-TW","title":"TextType","description":"Typewriter effect with blinking cursor and adjustable typing cadence.","type":"registry:component","source_url":"https://reactbits.dev/r/TextType-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-JS-TW.json"},{"name":"TextType-TS-CSS","title":"TextType","description":"Typewriter effect with blinking cursor and adjustable typing cadence.","type":"registry:component","source_url":"https://reactbits.dev/r/TextType-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-TS-CSS.json"},{"name":"TextType-TS-TW","title":"TextType","description":"Typewriter effect with blinking cursor and adjustable typing cadence.","type":"registry:component","source_url":"https://reactbits.dev/r/TextType-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TextType-TS-TW.json"},{"name":"TrueFocus-JS-CSS","title":"TrueFocus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","source_url":"https://reactbits.dev/r/TrueFocus-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-JS-CSS.json"},{"name":"TrueFocus-JS-TW","title":"TrueFocus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","source_url":"https://reactbits.dev/r/TrueFocus-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-JS-TW.json"},{"name":"TrueFocus-TS-CSS","title":"TrueFocus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","source_url":"https://reactbits.dev/r/TrueFocus-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-TS-CSS.json"},{"name":"TrueFocus-TS-TW","title":"TrueFocus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","source_url":"https://reactbits.dev/r/TrueFocus-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TrueFocus-TS-TW.json"},{"name":"VariableProximity-JS-CSS","title":"VariableProximity","description":"Letter styling changes continuously with pointer distance mapping.","type":"registry:component","source_url":"https://reactbits.dev/r/VariableProximity-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-JS-CSS.json"},{"name":"VariableProximity-JS-TW","title":"VariableProximity","description":"Letter styling changes continuously with pointer distance mapping.","type":"registry:component","source_url":"https://reactbits.dev/r/VariableProximity-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-JS-TW.json"},{"name":"VariableProximity-TS-CSS","title":"VariableProximity","description":"Letter styling changes continuously with pointer distance mapping.","type":"registry:component","source_url":"https://reactbits.dev/r/VariableProximity-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-TS-CSS.json"},{"name":"VariableProximity-TS-TW","title":"VariableProximity","description":"Letter styling changes continuously with pointer distance mapping.","type":"registry:component","source_url":"https://reactbits.dev/r/VariableProximity-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/VariableProximity-TS-TW.json"},{"name":"Shuffle-JS-CSS","title":"Shuffle","description":"Animated text reveal where characters shuffle before settling.","type":"registry:component","source_url":"https://reactbits.dev/r/Shuffle-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-JS-CSS.json"},{"name":"Shuffle-JS-TW","title":"Shuffle","description":"Animated text reveal where characters shuffle before settling.","type":"registry:component","source_url":"https://reactbits.dev/r/Shuffle-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-JS-TW.json"},{"name":"Shuffle-TS-CSS","title":"Shuffle","description":"Animated text reveal where characters shuffle before settling.","type":"registry:component","source_url":"https://reactbits.dev/r/Shuffle-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-TS-CSS.json"},{"name":"Shuffle-TS-TW","title":"Shuffle","description":"Animated text reveal where characters shuffle before settling.","type":"registry:component","source_url":"https://reactbits.dev/r/Shuffle-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/Shuffle-TS-TW.json"},{"name":"ParticleText-JS-CSS","title":"ParticleText","description":"Text assembles from drifting particles that scatter and reform on demand.","type":"registry:component","source_url":"https://reactbits.dev/r/ParticleText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ParticleText-JS-CSS.json"},{"name":"ParticleText-JS-TW","title":"ParticleText","description":"Text assembles from drifting particles that scatter and reform on demand.","type":"registry:component","source_url":"https://reactbits.dev/r/ParticleText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ParticleText-JS-TW.json"},{"name":"ParticleText-TS-CSS","title":"ParticleText","description":"Text assembles from drifting particles that scatter and reform on demand.","type":"registry:component","source_url":"https://reactbits.dev/r/ParticleText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ParticleText-TS-CSS.json"},{"name":"ParticleText-TS-TW","title":"ParticleText","description":"Text assembles from drifting particles that scatter and reform on demand.","type":"registry:component","source_url":"https://reactbits.dev/r/ParticleText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/ParticleText-TS-TW.json"},{"name":"SplitFlapText-JS-CSS","title":"SplitFlapText","description":"Mechanical split-flap departure board that clacks through to each new phrase.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitFlapText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitFlapText-JS-CSS.json"},{"name":"SplitFlapText-JS-TW","title":"SplitFlapText","description":"Mechanical split-flap departure board that clacks through to each new phrase.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitFlapText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitFlapText-JS-TW.json"},{"name":"SplitFlapText-TS-CSS","title":"SplitFlapText","description":"Mechanical split-flap departure board that clacks through to each new phrase.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitFlapText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitFlapText-TS-CSS.json"},{"name":"SplitFlapText-TS-TW","title":"SplitFlapText","description":"Mechanical split-flap departure board that clacks through to each new phrase.","type":"registry:component","source_url":"https://reactbits.dev/r/SplitFlapText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/SplitFlapText-TS-TW.json"},{"name":"WarpText-JS-CSS","title":"WarpText","description":"WebGL warp that bends and refracts the text around the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/WarpText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/WarpText-JS-CSS.json"},{"name":"WarpText-JS-TW","title":"WarpText","description":"WebGL warp that bends and refracts the text around the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/WarpText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/WarpText-JS-TW.json"},{"name":"WarpText-TS-CSS","title":"WarpText","description":"WebGL warp that bends and refracts the text around the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/WarpText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/WarpText-TS-CSS.json"},{"name":"WarpText-TS-TW","title":"WarpText","description":"WebGL warp that bends and refracts the text around the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/WarpText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/WarpText-TS-TW.json"},{"name":"TechText-JS-CSS","title":"TechText","description":"A wordmark whose letters turn into dashed vector paths under the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/TechText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TechText-JS-CSS.json"},{"name":"TechText-JS-TW","title":"TechText","description":"A wordmark whose letters turn into dashed vector paths under the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/TechText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TechText-JS-TW.json"},{"name":"TechText-TS-CSS","title":"TechText","description":"A wordmark whose letters turn into dashed vector paths under the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/TechText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TechText-TS-CSS.json"},{"name":"TechText-TS-TW","title":"TechText","description":"A wordmark whose letters turn into dashed vector paths under the cursor.","type":"registry:component","source_url":"https://reactbits.dev/r/TechText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/TechText-TS-TW.json"},{"name":"StrokeText-JS-CSS","title":"StrokeText","description":"Outlined letterforms draw themselves on, then flood with fill.","type":"registry:component","source_url":"https://reactbits.dev/r/StrokeText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StrokeText-JS-CSS.json"},{"name":"StrokeText-JS-TW","title":"StrokeText","description":"Outlined letterforms draw themselves on, then flood with fill.","type":"registry:component","source_url":"https://reactbits.dev/r/StrokeText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StrokeText-JS-TW.json"},{"name":"StrokeText-TS-CSS","title":"StrokeText","description":"Outlined letterforms draw themselves on, then flood with fill.","type":"registry:component","source_url":"https://reactbits.dev/r/StrokeText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StrokeText-TS-CSS.json"},{"name":"StrokeText-TS-TW","title":"StrokeText","description":"Outlined letterforms draw themselves on, then flood with fill.","type":"registry:component","source_url":"https://reactbits.dev/r/StrokeText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/StrokeText-TS-TW.json"},{"name":"DepthText-JS-CSS","title":"DepthText","description":"Layered extruded type with parallax that shifts against the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/DepthText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DepthText-JS-CSS.json"},{"name":"DepthText-JS-TW","title":"DepthText","description":"Layered extruded type with parallax that shifts against the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/DepthText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DepthText-JS-TW.json"},{"name":"DepthText-TS-CSS","title":"DepthText","description":"Layered extruded type with parallax that shifts against the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/DepthText-TS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DepthText-TS-CSS.json"},{"name":"DepthText-TS-TW","title":"DepthText","description":"Layered extruded type with parallax that shifts against the pointer.","type":"registry:component","source_url":"https://reactbits.dev/r/DepthText-TS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/DepthText-TS-TW.json"},{"name":"FoldText-JS-CSS","title":"FoldText","description":"Lines unfold into place like creased paper opening flat.","type":"registry:component","source_url":"https://reactbits.dev/r/FoldText-JS-CSS.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FoldText-JS-CSS.json"},{"name":"FoldText-JS-TW","title":"FoldText","description":"Lines unfold into place like creased paper opening flat.","type":"registry:component","source_url":"https://reactbits.dev/r/FoldText-JS-TW.json","install_command":"npx shadcn@latest add https://reactbits.dev/r/FoldText-JS-TW.json"}]},{"id":"react-easy-modals","name":"@react-easy-modals","slug":"react-easy-modals","description":"react-easy-modals is a lightweight, zero-dependency, headless modal stack manager for React with a promise-based async/await API. The shadcn registry item integrates it with shadcn Dialog for drop-in use. Key features: ModalProvider context wrapper, useModal / useModalAt / useBeforeClose hooks, nested modal support, lazy loading, transition support, TypeScript-first. No animation library dependency. Free and open-source. Use for: replacing ad-hoc useState modal patterns with a clean imperative API when building multi-step flows or confirmation dialogs inside shadcn/ui projects.","author":"AlexDemzz","framework":"react","license":null,"tags":["aesthetic","animation","forms","hooks","loaders","overlays"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://react-easy-modals-docs.vercel.app","github":"https://github.com/AlexDemzz/react-easy-modals","registry":"https://react-easy-modals-docs.vercel.app/r/registry.json","source":"https://react-easy-modals-docs.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/react-easy-modals","markdown":"https://sh4dcn.netlify.app/md/react-easy-modals.md"},"logo":"<svg width='500' height='500' viewBox='0 0 500 500' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M442.515 470.873C441.34 486.958 427.92 499.643 411.536 499.643H88.4652C72.0806 499.643 58.6595 486.958 57.4849 470.873C63.1615 473.568 69.5098 475.079 76.2115 475.079H423.788C430.49 475.079 436.838 473.568 442.515 470.873Z' fill='var(--foreground)'/><path d='M43.4246 431.686C51.0253 437.231 60.3877 440.505 70.5161 440.505H429.484C439.611 440.505 448.974 437.233 456.574 431.69C456.396 449.647 441.787 464.149 423.788 464.149H76.2115C58.2115 464.149 43.6008 449.645 43.4246 431.686Z' fill='var(--foreground)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M429.484 1C448.547 1 464 16.4534 464 35.5161V394.484C464 413.547 448.547 429 429.484 429H70.5161C51.4534 429 36 413.547 36 394.484V35.5161C36 16.4534 51.4534 1 70.5161 1H429.484ZM403.315 53.5202L383.383 33.5881L371.179 45.7912L391.112 65.7234L371.179 85.6555L383.383 97.8586L403.315 77.9265L423.247 97.8586L435.45 85.6555L415.518 65.7234L435.45 45.7912L423.247 33.5881L403.315 53.5202Z' fill='var(--foreground)'/></svg>","preview_image":"https://react-easy-modals.alexandrejoly.me/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":1,"last_commit":"2026-05-03T02:13:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/registry.json","clone":"git clone https://github.com/AlexDemzz/react-easy-modals.git","clone_degit":"npx degit AlexDemzz/react-easy-modals","registry_fetch":"curl -s https://react-easy-modals-docs.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"modal","title":"Modal (Radix)","description":"Modal component for react-easy-modals with Radix Dialog.","type":"registry:ui","source_url":"https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal.json","install_command":"npx shadcn@latest add https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal.json"}]},{"id":"react-slot","name":"@react-slot","slug":"react-slot","description":"react-slot brings Vue-style named slots to React for fine-grained component composition. The registry provides a single Slot.tsx component with Slottable, SlotPlaceholder, Template, and useSlots primitives, enabling parent components to inject content into named slots defined in child templates. No styling dependencies — pure React utility. Very small footprint. Free and open-source (MIT). Use for: building compound components or layout primitives that need Vue-like named slot composition when Radix UI's asChild pattern is insufficient for your composition needs.","author":"sina-byn","framework":"vue","license":null,"tags":["auth","blocks","components","crypto","design-system","forms","hooks","tables","theming"],"categories":["Hooks/utilities"],"labels":["featured"],"urls":{"website":"https://react-slot.vercel.app/","github":"https://github.com/sina-byn/react-slot","registry":"https://react-slot.vercel.app/r/registry.json","source":"https://react-slot.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/react-slot","markdown":"https://sh4dcn.netlify.app/md/react-slot.md"},"logo":"<svg width='280' height='75' viewBox='0 0 280 75' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M46.6974 20.9873C46.366 17.886 44.9692 15.4712 42.5071 13.743C40.0687 12.0148 36.8963 11.1507 32.9901 11.1507C30.2438 11.1507 27.8883 11.565 25.9233 12.3936C23.9583 13.2222 22.455 14.3467 21.4134 15.7671C20.3717 17.1876 19.839 18.8093 19.8153 20.6322C19.8153 22.1473 20.1586 23.4613 20.8452 24.574C21.5554 25.6866 22.5142 26.6336 23.7216 27.4149C24.929 28.1724 26.2666 28.8116 27.7344 29.3325C29.2022 29.8533 30.6818 30.2913 32.1733 30.6464L38.9915 32.3509C41.7377 32.9901 44.3774 33.8543 46.9105 34.9433C49.4673 36.0323 51.7519 37.4054 53.7642 39.0626C55.8002 40.7198 57.41 42.7203 58.5938 45.064C59.7775 47.4078 60.3693 50.154 60.3693 53.3026C60.3693 57.564 59.2803 61.3164 57.1023 64.5597C54.9242 67.7794 51.7756 70.3008 47.6562 72.1237C43.5606 73.9229 38.6009 74.8225 32.777 74.8225C27.1188 74.8225 22.2064 73.9466 18.0398 72.1947C13.8968 70.4428 10.6534 67.886 8.30966 64.5242C5.98958 61.1625 4.73485 57.0668 4.54545 52.2373H17.5071C17.6965 54.7704 18.4777 56.8775 19.8509 58.5583C21.224 60.2392 23.0114 61.4939 25.2131 62.3225C27.4384 63.1511 29.9242 63.5654 32.6705 63.5654C35.535 63.5654 38.0445 63.1393 40.1989 62.287C42.3769 61.4111 44.0814 60.2037 45.3125 58.6649C46.5436 57.1024 47.1709 55.2794 47.1946 53.1961C47.1709 51.3022 46.6146 49.7397 45.5256 48.5086C44.4366 47.2539 42.9096 46.2122 40.9446 45.3836C39.0033 44.5313 36.7306 43.7738 34.1264 43.1109L25.8523 40.9802C19.8627 39.4414 15.1278 37.1095 11.6477 33.9845C8.19129 30.8358 6.46307 26.6573 6.46307 21.4489C6.46307 17.1639 7.62311 13.4115 9.94318 10.1918C12.2869 6.97215 15.4711 4.47452 19.4957 2.69895C23.5204 0.899707 28.0777 8.60691e-05 33.1676 8.60691e-05C38.3286 8.60691e-05 42.8504 0.899707 46.733 2.69895C50.6392 4.47452 53.705 6.94848 55.9304 10.1208C58.1558 13.2695 59.304 16.8917 59.375 20.9873H46.6974ZM211.515 37.358C211.515 45.1942 210.047 51.9059 207.111 57.493C204.199 63.0564 200.222 67.3178 195.179 70.2771C190.16 73.2364 184.467 74.716 178.098 74.716C171.73 74.716 166.025 73.2364 160.982 70.2771C155.963 67.2941 151.986 63.0209 149.05 57.4575C146.138 51.8704 144.682 45.1705 144.682 37.358C144.682 29.5219 146.138 22.8221 149.05 17.2586C151.986 11.6715 155.963 7.39829 160.982 4.439C166.025 1.47973 171.73 8.60691e-05 178.098 8.60691e-05C184.467 8.60691e-05 190.16 1.47973 195.179 4.439C200.222 7.39829 204.199 11.6715 207.111 17.2586C210.047 22.8221 211.515 29.5219 211.515 37.358ZM198.269 37.358C198.269 31.8419 197.405 27.19 195.676 23.4021C193.972 19.5905 191.605 16.7141 188.574 14.7728C185.544 12.8079 182.052 11.8254 178.098 11.8254C174.145 11.8254 170.653 12.8079 167.623 14.7728C164.592 16.7141 162.213 19.5905 160.485 23.4021C158.78 27.19 157.928 31.8419 157.928 37.358C157.928 42.8741 158.78 47.538 160.485 51.3495C162.213 55.1374 164.592 58.0138 167.623 59.9788C170.653 61.9201 174.145 62.8907 178.098 62.8907C182.052 62.8907 185.544 61.9201 188.574 59.9788C191.605 58.0138 193.972 55.1374 195.676 51.3495C197.405 47.538 198.269 42.8741 198.269 37.358ZM217.551 12.0384V0.994405H275.577V12.0384H253.098V73.7217H240.03V12.0384H217.551Z' fill='white'/><line x1='81.5' y1='68.2217' x2='123.5' y2='68.2217' stroke='white' stroke-width='13' stroke-linecap='round'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-04-22T11:09:01Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://react-slot.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://react-slot.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://react-slot.vercel.app/r/registry.json","clone":"git clone https://github.com/sina-byn/react-slot.git","clone_degit":"npx degit sina-byn/react-slot","registry_fetch":"curl -s https://react-slot.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"slot","title":"React Slot","description":"Vue-style slot composition for React","type":"registry:component","source_url":"https://react-slot.vercel.app/r/slot.json","install_command":"npx shadcn@latest add https://react-slot.vercel.app/r/slot.json"}]},{"id":"reactframe","name":"@reactframe","slug":"reactframe","description":"Animated React components, blocks and elements built with Tailwind CSS and Motion. 150+ free, open-source items install with the shadcn CLI; premium components are sold separately.","author":"AhmetLoca","framework":"react","license":"MIT","tags":["3d","animation","auth","backgrounds","blocks","buttons","cards","charts","dashboard","e-commerce","editor","forms","glassmorphism","loaders","marketing","media","navigation","overlays","pro-available","retro","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://reactframe.com","github":"https://github.com/AhmetLoca/reactframe-public","registry":"https://reactframe.com/r/registry.json","source":"https://reactframe.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/reactframe","markdown":"https://sh4dcn.netlify.app/md/reactframe.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='var(--foreground)'><rect x='32' y='32' width='64' height='64'/><rect x='160' y='32' width='64' height='64'/><rect x='96' y='96' width='64' height='64'/><rect x='32' y='160' width='64' height='64'/><rect x='160' y='160' width='64' height='64'/></svg>","preview_image":"https://reactframe.com/opengraph-image?7c9fbc08e5804223","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://reactframe.com/premium"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-09-27T16:57:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://reactframe.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://reactframe.com/r/registry.json","install_bun":"bunx shadcn@latest add https://reactframe.com/r/registry.json","clone":"git clone https://github.com/AhmetLoca/reactframe-public.git","clone_degit":"npx degit AhmetLoca/reactframe-public","registry_fetch":"curl -s https://reactframe.com/r/registry.json"},"component_count":233,"components":[{"name":"countdown-timer","title":"Countdown Timer","description":"A countdown timer that counts down to a duration or an absolute end date, with flip-cell digit transitions, a compact text mode, and an optional loop.","type":"registry:component","source_url":"https://reactframe.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://reactframe.com/r/countdown-timer.json"},{"name":"toggle-pro","title":"Toggle Pro","description":"An accessible switch with a springy squish animation on the thumb, an optional label + helper text, and a focus ring.","type":"registry:component","source_url":"https://reactframe.com/r/toggle-pro.json","install_command":"npx shadcn@latest add https://reactframe.com/r/toggle-pro.json"},{"name":"badges-kit","title":"Badges Kit","description":"A status badge with 8 tone presets, light/dark variants, 3 sizes, 6 icon styles (check, cross, minus, dot, spinner, custom), and an optional dismiss button.","type":"registry:component","source_url":"https://reactframe.com/r/badges-kit.json","install_command":"npx shadcn@latest add https://reactframe.com/r/badges-kit.json"},{"name":"rating-stars","title":"Rating Stars","description":"An animated star rating input with half-star precision, keyboard support, a dynamic low/mid/high color range, glow effect, and an optional progress bar.","type":"registry:component","source_url":"https://reactframe.com/r/rating-stars.json","install_command":"npx shadcn@latest add https://reactframe.com/r/rating-stars.json"},{"name":"image-deck-3d","title":"Image Deck 3D","description":"A single image split into a stacked deck of shape-clipped layers (rectangle, circle, hexagon, star, blob and more) that fans out on hover, with optional 3D cur…","type":"registry:component","source_url":"https://reactframe.com/r/image-deck-3d.json","install_command":"npx shadcn@latest add https://reactframe.com/r/image-deck-3d.json"},{"name":"glare-card","title":"Glare Card","description":"A 3D tilt card that reacts to the cursor with animated conic-gradient reflections, diamond, holographic or aurora reflex styles.","type":"registry:component","source_url":"https://reactframe.com/r/glare-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/glare-card.json"},{"name":"infinite-marquee","title":"Infinite Marquee","description":"A seamless scrolling text marquee with solid/gradient/outline text styles, a separator, double-row mode, edge fade, and pause-on-hover.","type":"registry:component","source_url":"https://reactframe.com/r/infinite-marquee.json","install_command":"npx shadcn@latest add https://reactframe.com/r/infinite-marquee.json"},{"name":"discord-chat-widget","title":"Discord Chat Widget","description":"A Discord-style chat bubble widget with a typing simulation, quick replies, a notification popup, member/online counts, and a launch-invite send flow.","type":"registry:component","source_url":"https://reactframe.com/r/discord-chat-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/discord-chat-widget.json"},{"name":"telegram-widget","title":"Telegram Widget","description":"A Telegram-style chat bubble widget with a typing simulation, quick replies, a notification popup, availability status, and a launch-in-Telegram send flow.","type":"registry:component","source_url":"https://reactframe.com/r/telegram-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/telegram-widget.json"},{"name":"messenger-widget","title":"Messenger Widget","description":"A Facebook Messenger-style chat bubble widget with a typing simulation, quick replies, a notification popup, availability status, and a launch-in-Messenger sen…","type":"registry:component","source_url":"https://reactframe.com/r/messenger-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/messenger-widget.json"},{"name":"x-twitter-widget","title":"X (Twitter) Widget","description":"An X (Twitter)-style DM chat bubble widget with a typing simulation, quick replies, a follows-you badge, availability status, and a notification popup.","type":"registry:component","source_url":"https://reactframe.com/r/x-twitter-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/x-twitter-widget.json"},{"name":"footer-premium","title":"Footer Premium","description":"A responsive site footer with a logo, description, social links, multi-column link groups, and a copyright line.","type":"registry:component","source_url":"https://reactframe.com/r/footer-premium.json","install_command":"npx shadcn@latest add https://reactframe.com/r/footer-premium.json"},{"name":"footer-section","title":"Footer Section","description":"A minimal site footer with up to 4 link columns, a hover-underline link style, paper/glass/custom theming, and a copyright bar.","type":"registry:component","source_url":"https://reactframe.com/r/footer-section.json","install_command":"npx shadcn@latest add https://reactframe.com/r/footer-section.json"},{"name":"compare-slider","title":"Compare Slider","description":"A theme-aware before/after image comparison slider with horizontal or vertical drag direction, keyboard support, and before/after labels.","type":"registry:component","source_url":"https://reactframe.com/r/compare-slider.json","install_command":"npx shadcn@latest add https://reactframe.com/r/compare-slider.json"},{"name":"glow-card","title":"Glow Card","description":"A card with an animated rotating conic-gradient glow border, customizable colors, text position, and an optional background image.","type":"registry:component","source_url":"https://reactframe.com/r/glow-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/glow-card.json"},{"name":"image-showcase","title":"Image Showcase","description":"A product-style image viewer, a large main frame with prev/next arrows and an image counter, backed by a click-to-jump thumbnail strip and a reset-to-first but…","type":"registry:component","source_url":"https://reactframe.com/r/image-showcase.json","install_command":"npx shadcn@latest add https://reactframe.com/r/image-showcase.json"},{"name":"eternal-glow-card","title":"Eternal Glow Card","description":"A hover-reveal product card with a blurred gradient overlay, staggered title/price/description reveal, a badge, and 5 color themes.","type":"registry:component","source_url":"https://reactframe.com/r/eternal-glow-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/eternal-glow-card.json"},{"name":"glass-navigation","title":"Glass Navigation","description":"A pill navbar that expands into a full panel of large nav links, a tagline, and social links, with a CTA button, badges, active-page highlight, and light/dark …","type":"registry:component","source_url":"https://reactframe.com/r/glass-navigation.json","install_command":"npx shadcn@latest add https://reactframe.com/r/glass-navigation.json"},{"name":"header-simple","title":"Navbar 01","description":"A responsive site header, centered nav links on desktop, a tablet CTA-only view, and a mobile hamburger dropdown panel, with active-page highlighting and optio…","type":"registry:component","source_url":"https://reactframe.com/r/header-simple.json","install_command":"npx shadcn@latest add https://reactframe.com/r/header-simple.json"},{"name":"testimonial-spotlight","title":"Testimonial Spotlight","description":"A full-bleed photo testimonial slider with crossfade, slide or iris transitions, a thumbnail strip, progress lines, star ratings, and autoplay.","type":"registry:component","source_url":"https://reactframe.com/r/testimonial-spotlight.json","install_command":"npx shadcn@latest add https://reactframe.com/r/testimonial-spotlight.json"},{"name":"testimonial-pills","title":"Testimonial Pills","description":"Avatar-and-pill testimonial marquee rows with dual-direction scrolling, a depth effect, cursor spotlight glow, and scroll-in reveal.","type":"registry:component","source_url":"https://reactframe.com/r/testimonial-pills.json","install_command":"npx shadcn@latest add https://reactframe.com/r/testimonial-pills.json"},{"name":"profile-flip-card","title":"Profile Flip Card","description":"A profile card that flips from a photo front to a bio back on click or hover, with flip Y, flip X, spring, or fade transitions.","type":"registry:component","source_url":"https://reactframe.com/r/profile-flip-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/profile-flip-card.json"},{"name":"phone-mockup","title":"Phone Mockup","description":"A realistic iPhone frame with 3D cursor tilt, a screen glare that tracks the tilt, ambient glow, and a story-style video/image player with swipe navigation and…","type":"registry:component","source_url":"https://reactframe.com/r/phone-mockup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/phone-mockup.json"},{"name":"browser-mockup","title":"Browser Mockup","description":"A realistic browser chrome frame in macOS, Windows, or mobile Safari style, with tabs, a URL bar, and a content area for an image, video, or arbitrary React ch…","type":"registry:component","source_url":"https://reactframe.com/r/browser-mockup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/browser-mockup.json"},{"name":"instagram-post-mockup","title":"Instagram Post Mockup","description":"A realistic Instagram post, avatar ring, swipeable multi-photo carousel, double-tap-to-like heart burst, like/comment/repost/share/save actions, and light/dark…","type":"registry:component","source_url":"https://reactframe.com/r/instagram-post-mockup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/instagram-post-mockup.json"},{"name":"x-post-mockup","title":"X Post Mockup","description":"A realistic X (Twitter) post with a verified badge, media image, and interactive like/retweet/bookmark actions with live counts, in light or dark theme.","type":"registry:component","source_url":"https://reactframe.com/r/x-post-mockup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/x-post-mockup.json"},{"name":"tiktok-post-mockup","title":"TikTok Post Mockup","description":"A full-bleed 9:16 TikTok feed mockup with a Following/For You tab bar, a side action rail (like/comment/save/share), caption overlay, sound pill, and bottom na…","type":"registry:component","source_url":"https://reactframe.com/r/tiktok-post-mockup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tiktok-post-mockup.json"},{"name":"linkedin-post-mockup","title":"LinkedIn Post Mockup","description":"A realistic LinkedIn post with a headline, media image, a reaction summary, and interactive like/repost actions with live counts, in light or dark theme.","type":"registry:component","source_url":"https://reactframe.com/r/linkedin-post-mockup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/linkedin-post-mockup.json"},{"name":"cylinder-gallery","title":"Cylinder Gallery","description":"A 3D image gallery arranged around an auto-rotating cylinder, with configurable rows/columns, tilt angle, rotation speed, and edge fade opacity.","type":"registry:component","source_url":"https://reactframe.com/r/cylinder-gallery.json","install_command":"npx shadcn@latest add https://reactframe.com/r/cylinder-gallery.json"},{"name":"gallery-flow","title":"Gallery Flow","description":"A gallery of scattered, gently drifting image cards with random rotation, cursor repel/attract mode, pause-on-hover, and a click-to-open lightbox.","type":"registry:component","source_url":"https://reactframe.com/r/gallery-flow.json","install_command":"npx shadcn@latest add https://reactframe.com/r/gallery-flow.json"},{"name":"tilted-carousel","title":"Tilted Carousel","description":"A 3D book-flow carousel where cards tilt around the active slide, with paper/glass themes and 3 title alignment styles.","type":"registry:component","source_url":"https://reactframe.com/r/tilted-carousel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tilted-carousel.json"},{"name":"diagonal-carousel","title":"Diagonal Carousel","description":"Square cards fan out diagonally into a stacked deck, each inactive card rotates and offsets away from the active one, with paper/glass themes.","type":"registry:component","source_url":"https://reactframe.com/r/diagonal-carousel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/diagonal-carousel.json"},{"name":"tilt-text","title":"Tilt Text","description":"Large display text that tilts in 3D toward the cursor, with a layered shadow extrusion for real depth, a specular shine highlight, and idle float/breathe anima…","type":"registry:component","source_url":"https://reactframe.com/r/tilt-text.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tilt-text.json"},{"name":"progress-circle-bars","title":"Progress Circle Bars","description":"A circular progress indicator with ring, gauge, and dashes arc styles, scroll-triggered count-up animation, color thresholds, a comparison target marker, and a…","type":"registry:component","source_url":"https://reactframe.com/r/progress-circle-bars.json","install_command":"npx shadcn@latest add https://reactframe.com/r/progress-circle-bars.json"},{"name":"linear-progress-bars","title":"Linear Progress Bars","description":"A card of linear progress rows, plain ratio bars, file-upload rows with icons/subtitles/shimmer, milestone ticks, and an inline variant, with scroll-triggered …","type":"registry:component","source_url":"https://reactframe.com/r/linear-progress-bars.json","install_command":"npx shadcn@latest add https://reactframe.com/r/linear-progress-bars.json"},{"name":"text-scramble-pro","title":"Text Scramble Pro","description":"Cycling phrases that decrypt from scrambled characters into readable text, left-to-right, right-to-left, or random reveal order, with a scramble-out transition…","type":"registry:component","source_url":"https://reactframe.com/r/text-scramble-pro.json","install_command":"npx shadcn@latest add https://reactframe.com/r/text-scramble-pro.json"},{"name":"noise-background","title":"Noise Background","description":"A canvas background with animated film-grain noise, soft color blob gradients, 7 built-in themes (or fully custom colors), drifting blob animation, and a vigne…","type":"registry:component","source_url":"https://reactframe.com/r/noise-background.json","install_command":"npx shadcn@latest add https://reactframe.com/r/noise-background.json"},{"name":"dot-image-slider","title":"Dot Image Slider","description":"A before/after image reveal, a luminance-mapped halftone dot rendering on one side, the real photo on the other, dragged apart by a glowing lightsaber-style di…","type":"registry:component","source_url":"https://reactframe.com/r/dot-image-slider.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dot-image-slider.json"},{"name":"animated-loader","title":"Animated Loader","description":"A loading spinner kit with 4 variants, rotating lines, ring, dual counter-rotating ring, and bouncing dots, sharing a common color/size/speed API.","type":"registry:component","source_url":"https://reactframe.com/r/animated-loader.json","install_command":"npx shadcn@latest add https://reactframe.com/r/animated-loader.json"},{"name":"animated-checkbox","title":"Animated Checkbox","description":"An accessible checkbox with an animated draw-in checkmark, focus ring, and optional label, helper text, required marker, and info tooltip.","type":"registry:component","source_url":"https://reactframe.com/r/animated-checkbox.json","install_command":"npx shadcn@latest add https://reactframe.com/r/animated-checkbox.json"},{"name":"radio-button","title":"Radio Button","description":"An accessible, animated radio group with a springy dot, a ripple on select, focus ring, optional descriptions and a selectable card variant.","type":"registry:component","source_url":"https://reactframe.com/r/radio-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/radio-button.json"},{"name":"select","title":"Select","description":"An accessible, animated custom select with a springy chevron, keyboard navigation, type-ahead, option descriptions, disabled options and a focus ring.","type":"registry:component","source_url":"https://reactframe.com/r/select.json","install_command":"npx shadcn@latest add https://reactframe.com/r/select.json"},{"name":"slider","title":"Slider","description":"An accessible single or range slider with a draggable thumb, a value tooltip, optional step marks, keyboard control and a focus ring.","type":"registry:component","source_url":"https://reactframe.com/r/slider.json","install_command":"npx shadcn@latest add https://reactframe.com/r/slider.json"},{"name":"search-bar","title":"Search Bar","description":"An accessible animated search field with a live suggestions menu, keyboard navigation, a clear button, a loading spinner and a Cmd/Ctrl+K shortcut.","type":"registry:component","source_url":"https://reactframe.com/r/search-bar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/search-bar.json"},{"name":"tag","title":"Tag","description":"A compact label tag with soft, solid and outline variants, 6 colors, 3 sizes, an optional pulsing dot, icon, count, selectable toggle state and an animated rem…","type":"registry:component","source_url":"https://reactframe.com/r/tag.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tag.json"},{"name":"tooltip","title":"Tooltip","description":"An accessible tooltip with 4 placements, auto-flip near the screen edge, a hover delay, keyboard-focus support, an arrow and an optional shortcut badge.","type":"registry:component","source_url":"https://reactframe.com/r/tooltip.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tooltip.json"},{"name":"skeleton","title":"Skeleton","description":"A loading placeholder with rect, text, circle and card presets, a shimmer or pulse animation, reduced-motion support and a built-in swap to real content when l…","type":"registry:component","source_url":"https://reactframe.com/r/skeleton.json","install_command":"npx shadcn@latest add https://reactframe.com/r/skeleton.json"},{"name":"tabs","title":"Tabs","description":"An accessible tab set with underline, pill and segmented variants, a sliding animated indicator, icons, counts, arrow-key navigation and animated content panel…","type":"registry:component","source_url":"https://reactframe.com/r/tabs.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tabs.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"An accessible breadcrumb trail with 4 separator styles, an optional home icon, animated collapse of long paths behind an expandable ellipsis, and hover tint.","type":"registry:component","source_url":"https://reactframe.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://reactframe.com/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"An accessible pagination control with smart ellipsis ranges, a sliding animated active page, solid, soft and compact variants, previous/next buttons and option…","type":"registry:component","source_url":"https://reactframe.com/r/pagination.json","install_command":"npx shadcn@latest add https://reactframe.com/r/pagination.json"},{"name":"stepper","title":"Stepper","description":"An accessible step indicator with horizontal and vertical layouts, numbered and minimal variants, animated progress connectors, draw-in checkmarks, an error st…","type":"registry:component","source_url":"https://reactframe.com/r/stepper.json","install_command":"npx shadcn@latest add https://reactframe.com/r/stepper.json"},{"name":"modal","title":"Modal","description":"An accessible modal dialog with a blurred backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore, 3 sizes and scale, slide-up and fade ani…","type":"registry:component","source_url":"https://reactframe.com/r/modal.json","install_command":"npx shadcn@latest add https://reactframe.com/r/modal.json"},{"name":"popover","title":"Popover","description":"An accessible popover for interactive content with click or hover triggers, 4 placements and 3 alignments, auto-flip, outside-click and Escape close, an arrow …","type":"registry:component","source_url":"https://reactframe.com/r/popover.json","install_command":"npx shadcn@latest add https://reactframe.com/r/popover.json"},{"name":"drawer","title":"Drawer","description":"An accessible slide-in drawer from any of 4 sides with a backdrop, focus trap, Escape and backdrop close, scroll lock, focus restore and drag-to-dismiss.","type":"registry:component","source_url":"https://reactframe.com/r/drawer.json","install_command":"npx shadcn@latest add https://reactframe.com/r/drawer.json"},{"name":"avatar","title":"Avatar","description":"A user avatar with image, initials or icon fallback, 5 sizes, circle, rounded and square shapes, a presence status dot with pulse, an accent ring and an option…","type":"registry:component","source_url":"https://reactframe.com/r/avatar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/avatar.json"},{"name":"avatar-group","title":"Avatar Group","description":"A stacked group of avatars with photo or initials, an overflow +N bubble, hover lift with name tooltips, a spread-on-hover animation, 5 sizes and adjustable ov…","type":"registry:component","source_url":"https://reactframe.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://reactframe.com/r/avatar-group.json"},{"name":"divider","title":"Divider","description":"A horizontal or vertical divider with solid, dashed, dotted and gradient styles, an optional label with start, center or end position, an accent color and a dr…","type":"registry:component","source_url":"https://reactframe.com/r/divider.json","install_command":"npx shadcn@latest add https://reactframe.com/r/divider.json"},{"name":"accordion","title":"Accordion","description":"An accessible accordion with single or multiple open panels, default, card and filled variants, chevron or plus indicators, smooth height animation and full ke…","type":"registry:component","source_url":"https://reactframe.com/r/accordion.json","install_command":"npx shadcn@latest add https://reactframe.com/r/accordion.json"},{"name":"card","title":"Card","description":"A flexible content card with media, badge, title, description, action and footer slots, default, elevated, outline and filled variants, vertical or horizontal …","type":"registry:component","source_url":"https://reactframe.com/r/card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/card.json"},{"name":"kbd","title":"Kbd","description":"A keyboard key cap for showing shortcuts, with raised, flat and outline styles, 3 sizes, automatic Mac or Windows symbols, key combinations and a live press an…","type":"registry:component","source_url":"https://reactframe.com/r/kbd.json","install_command":"npx shadcn@latest add https://reactframe.com/r/kbd.json"},{"name":"empty-state","title":"Empty State","description":"A friendly empty, no-results or error placeholder with 5 icon presets, a floating icon tile, title, description and actions, in plain, card and dashed styles w…","type":"registry:component","source_url":"https://reactframe.com/r/empty-state.json","install_command":"npx shadcn@latest add https://reactframe.com/r/empty-state.json"},{"name":"tag-input","title":"Tag Input","description":"A multi-value input that turns text into removable tags on Enter, comma or paste, with suggestions, duplicate and max limits, custom validation and an animated…","type":"registry:component","source_url":"https://reactframe.com/r/tag-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tag-input.json"},{"name":"combobox","title":"Combobox","description":"A searchable select where you type to filter options, with match highlighting, option descriptions, disabled options, a clear button, an empty state and full k…","type":"registry:component","source_url":"https://reactframe.com/r/combobox.json","install_command":"npx shadcn@latest add https://reactframe.com/r/combobox.json"},{"name":"multi-select","title":"Multi Select","description":"A searchable multi-select that shows the chosen options as removable chips, with checkbox rows, select all, a selection limit, a +N overflow chip, an empty sta…","type":"registry:component","source_url":"https://reactframe.com/r/multi-select.json","install_command":"npx shadcn@latest add https://reactframe.com/r/multi-select.json"},{"name":"date-picker","title":"Date Picker","description":"A date picker with a popover calendar: single date or range selection, month navigation, min/max and disabled dates, Today and Clear shortcuts, localized label…","type":"registry:component","source_url":"https://reactframe.com/r/date-picker.json","install_command":"npx shadcn@latest add https://reactframe.com/r/date-picker.json"},{"name":"time-picker","title":"Time Picker","description":"A time picker with a popover of scrollable hour, minute and AM/PM columns: 12 or 24-hour clock, minute steps, min/max times, a Now shortcut and full keyboard s…","type":"registry:component","source_url":"https://reactframe.com/r/time-picker.json","install_command":"npx shadcn@latest add https://reactframe.com/r/time-picker.json"},{"name":"input-otp","title":"Input OTP","description":"A one-time-code input with individual animated cells, paste and autofill support, numeric or alphanumeric mode, masking, grouped cells, error shake and success…","type":"registry:component","source_url":"https://reactframe.com/r/input-otp.json","install_command":"npx shadcn@latest add https://reactframe.com/r/input-otp.json"},{"name":"number-input","title":"Number Input","description":"A numeric field with minus/plus steppers, press-and-hold auto repeat, min/max clamping, decimal precision, prefix and suffix, thousand separators and full keyb…","type":"registry:component","source_url":"https://reactframe.com/r/number-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/number-input.json"},{"name":"password-input","title":"Password Input","description":"A password field with an animated show/hide eye toggle, a four-segment strength meter, a live requirements checklist and a Caps Lock warning.","type":"registry:component","source_url":"https://reactframe.com/r/password-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/password-input.json"},{"name":"phone-input","title":"Phone Input","description":"A phone number input with a searchable country menu: flags and calling codes, as-you-type formatting per country, paste detection for +codes, an E.164 value an…","type":"registry:component","source_url":"https://reactframe.com/r/phone-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/phone-input.json"},{"name":"credit-card-input","title":"Credit Card Input","description":"A grouped card number, expiry and CVC field: brand detection with an animated mark, 4-4-4-4 or Amex 4-6-5 spacing, Luhn and expiry checks, and focus that moves…","type":"registry:component","source_url":"https://reactframe.com/r/credit-card-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/credit-card-input.json"},{"name":"currency-input","title":"Currency Input","description":"A money input with a currency picker: live thousands separators for any locale, the right number of decimals per currency, an animated symbol, arrow-key steps …","type":"registry:component","source_url":"https://reactframe.com/r/currency-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/currency-input.json"},{"name":"segmented-control","title":"Segmented Control","description":"A compact radio-style switch between a few options with a sliding animated thumb, solid or soft styles, icons, icon-only mode, vertical orientation and arrow-k…","type":"registry:component","source_url":"https://reactframe.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://reactframe.com/r/segmented-control.json"},{"name":"color-picker","title":"Color Picker","description":"A color picker with a draggable saturation/brightness area, hue and opacity sliders, hex input, preset swatches and an optional screen eyedropper, all keyboard…","type":"registry:component","source_url":"https://reactframe.com/r/color-picker.json","install_command":"npx shadcn@latest add https://reactframe.com/r/color-picker.json"},{"name":"file-upload","title":"File Upload","description":"A drag-and-drop file dropzone with click-to-browse, type/size/count validation, image previews, animated progress bars, retry and remove actions.","type":"registry:component","source_url":"https://reactframe.com/r/file-upload.json","install_command":"npx shadcn@latest add https://reactframe.com/r/file-upload.json"},{"name":"signature-pad","title":"Signature Pad","description":"A signature field that draws smooth, pressure-aware ink, with undo, clear, a typed-signature option for people who can't draw, and PNG and SVG export in a pape…","type":"registry:component","source_url":"https://reactframe.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://reactframe.com/r/signature-pad.json"},{"name":"image-cropper","title":"Image Cropper","description":"An image cropper with a draggable, resizable crop box, aspect presets or a circle mask for avatars, keyboard nudging, drag-and-drop upload and the cropped imag…","type":"registry:component","source_url":"https://reactframe.com/r/image-cropper.json","install_command":"npx shadcn@latest add https://reactframe.com/r/image-cropper.json"},{"name":"callout","title":"Callout","description":"An inline message block with info, success, warning, danger and neutral variants, three appearances, self-drawing icons, an optional action link and an animate…","type":"registry:component","source_url":"https://reactframe.com/r/callout.json","install_command":"npx shadcn@latest add https://reactframe.com/r/callout.json"},{"name":"meter","title":"Meter","description":"A meter for a value within a known range: bar, semicircle gauge or segmented variants with threshold zones, animated counting numbers and proper meter semantic…","type":"registry:component","source_url":"https://reactframe.com/r/meter.json","install_command":"npx shadcn@latest add https://reactframe.com/r/meter.json"},{"name":"command-palette","title":"Command Palette","description":"A Cmd/Ctrl+K command palette with fuzzy search and match highlighting, grouped results, keyboard navigation, shortcuts and a portal overlay.","type":"registry:component","source_url":"https://reactframe.com/r/command-palette.json","install_command":"npx shadcn@latest add https://reactframe.com/r/command-palette.json"},{"name":"menubar","title":"Menubar","description":"A desktop-style app menubar with File/Edit/View-style dropdown menus, checkbox and radio items, submenus and full arrow-key navigation between and within menus.","type":"registry:component","source_url":"https://reactframe.com/r/menubar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/menubar.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible app sidebar with grouped nav sections, a sliding active-item indicator, badges, an icon-only rail mode with hover tooltips, a user footer and ful…","type":"registry:component","source_url":"https://reactframe.com/r/sidebar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/sidebar.json"},{"name":"dock","title":"Dock","description":"A macOS-style app dock with cursor-proximity magnification, running-app indicator dots, hover tooltips, separators and full keyboard navigation.","type":"registry:component","source_url":"https://reactframe.com/r/dock.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dock.json"},{"name":"confirm-dialog","title":"Confirm Dialog","description":"A focused alert dialog for confirming an action, with default/warning/danger variants, an async-aware confirm button with a spinner and inline error, and a saf…","type":"registry:component","source_url":"https://reactframe.com/r/confirm-dialog.json","install_command":"npx shadcn@latest add https://reactframe.com/r/confirm-dialog.json"},{"name":"hover-card","title":"Hover Card","description":"A hover-triggered rich preview card with open/close delays, a hover bridge so moving into the card keeps it open, placement with collision flip, an optional ar…","type":"registry:component","source_url":"https://reactframe.com/r/hover-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/hover-card.json"},{"name":"context-menu","title":"Context Menu","description":"A right-click context menu with checkbox and radio items, nested submenus, viewport edge clamping and full keyboard navigation.","type":"registry:component","source_url":"https://reactframe.com/r/context-menu.json","install_command":"npx shadcn@latest add https://reactframe.com/r/context-menu.json"},{"name":"timeline","title":"Timeline","description":"A vertical timeline with status markers (done, active, pending, error), a connecting line, an alternating layout option, collapsible per-item detail and a scro…","type":"registry:component","source_url":"https://reactframe.com/r/timeline.json","install_command":"npx shadcn@latest add https://reactframe.com/r/timeline.json"},{"name":"tree-view","title":"Tree View","description":"A hierarchical tree with expand/collapse, tri-state checkboxes for multi-select, single-row selection, guide lines and full keyboard navigation.","type":"registry:component","source_url":"https://reactframe.com/r/tree-view.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tree-view.json"},{"name":"stat-card","title":"Stat Card","description":"A dashboard metric card with an animated count-up value, an auto-derived good/bad trend badge, an optional icon and a drawn-in sparkline.","type":"registry:component","source_url":"https://reactframe.com/r/stat-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/stat-card.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code block with line numbers, per-line highlighting, a filename/language header, a copy button and a collapsible fade-out for long snippet…","type":"registry:component","source_url":"https://reactframe.com/r/code-block.json","install_command":"npx shadcn@latest add https://reactframe.com/r/code-block.json"},{"name":"description-list","title":"Description List","description":"A semantic term/value list for specs, order summaries or profile details, with stacked, inline and grid layouts, optional icons and a hover-reveal copy button …","type":"registry:component","source_url":"https://reactframe.com/r/description-list.json","install_command":"npx shadcn@latest add https://reactframe.com/r/description-list.json"},{"name":"splitter","title":"Splitter","description":"Resizable panels divided by draggable handles, with min/max size constraints, keyboard resizing, double-click reset, and horizontal or vertical layout.","type":"registry:component","source_url":"https://reactframe.com/r/splitter.json","install_command":"npx shadcn@latest add https://reactframe.com/r/splitter.json"},{"name":"back-to-top","title":"Back to Top","description":"A floating scroll-to-top button that fades in past a threshold, with an optional progress ring showing how far down the page you are.","type":"registry:component","source_url":"https://reactframe.com/r/back-to-top.json","install_command":"npx shadcn@latest add https://reactframe.com/r/back-to-top.json"},{"name":"copy-button","title":"Copy Button","description":"A standalone copy-to-clipboard button with ghost/outline/solid variants, icon-only or labeled modes, a floating tooltip, and animated copied/error states.","type":"registry:component","source_url":"https://reactframe.com/r/copy-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/copy-button.json"},{"name":"terminal","title":"Terminal","description":"A macOS-style terminal window that types out a scripted sequence of commands, outputs and comments, with a blinking cursor, auto-scroll and optional looping or…","type":"registry:component","source_url":"https://reactframe.com/r/terminal.json","install_command":"npx shadcn@latest add https://reactframe.com/r/terminal.json"},{"name":"inline-edit","title":"Inline Edit","description":"Click-to-edit text that turns into an auto-sizing input with save/cancel controls, validation, async save support and a shake on error.","type":"registry:component","source_url":"https://reactframe.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://reactframe.com/r/inline-edit.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A container that locks its content to a fixed width/height ratio (a preset like video or square, or a custom number), auto-fitting a single image or video chil…","type":"registry:component","source_url":"https://reactframe.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://reactframe.com/r/aspect-ratio.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrollable container with a thin, draggable, auto-hiding custom scrollbar (vertical, horizontal or both) and edge fade masks, replacing the native browser sc…","type":"registry:component","source_url":"https://reactframe.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://reactframe.com/r/scroll-area.json"},{"name":"toolbar","title":"Toolbar","description":"An accessible toolbar of icon buttons, toggles, radio-style toggle groups and separators with roving-focus arrow-key navigation, a sliding hover highlight and …","type":"registry:component","source_url":"https://reactframe.com/r/toolbar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/toolbar.json"},{"name":"panel","title":"Panel","description":"A surface container with an optional header (icon, title, description, actions), body and footer, with outline, filled and elevated variants and an animated co…","type":"registry:component","source_url":"https://reactframe.com/r/panel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/panel.json"},{"name":"your-cart-page","title":"Your Cart Page","description":"A three-step eCommerce flow in one block: a cart with quantity steppers and promo code, a checkout form with an order summary, and an animated order-confirmed …","type":"registry:component","source_url":"https://reactframe.com/r/your-cart-page.json","install_command":"npx shadcn@latest add https://reactframe.com/r/your-cart-page.json"},{"name":"stat-feature","title":"Stat Feature","description":"A metrics section with a concentric ring chart, a trend caption and count-up stats that enter with a blur, slide, fade or scale animation.","type":"registry:component","source_url":"https://reactframe.com/r/stat-feature.json","install_command":"npx shadcn@latest add https://reactframe.com/r/stat-feature.json"},{"name":"product-list","title":"Product List","description":"An eCommerce product listing block with a filter sidebar (live search, Free/Premium tiers, categories) and a responsive photo grid with New and Sale badges.","type":"registry:component","source_url":"https://reactframe.com/r/product-list.json","install_command":"npx shadcn@latest add https://reactframe.com/r/product-list.json"},{"name":"product-detail","title":"Product Detail","description":"An eCommerce product page block with a switchable image gallery, color and size pickers, quantity stepper, animated add-to-cart button and Description / Specs …","type":"registry:component","source_url":"https://reactframe.com/r/product-detail.json","install_command":"npx shadcn@latest add https://reactframe.com/r/product-detail.json"},{"name":"button","title":"Button","description":"An accessible button with primary, secondary, outline, and ghost variants, a spinning loading state, optional icon, and a focus ring, every color, size, and ti…","type":"registry:component","source_url":"https://reactframe.com/r/button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/button.json"},{"name":"input","title":"Input","description":"An accessible text input with outline, filled, and underline variants, label/helper/error text, a password show/hide toggle, and a focus ring, every color, siz…","type":"registry:component","source_url":"https://reactframe.com/r/input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/input.json"},{"name":"textarea","title":"Textarea","description":"An accessible textarea with outline, filled, and underline variants, label/helper/error text, optional auto-resize and a character counter, and a focus ring, e…","type":"registry:component","source_url":"https://reactframe.com/r/textarea.json","install_command":"npx shadcn@latest add https://reactframe.com/r/textarea.json"},{"name":"form-field","title":"Form Field","description":"A form field wrapper with label, description, required or optional marker, info tooltip, character counter and animated helper, error and success messages, wit…","type":"registry:component","source_url":"https://reactframe.com/r/form-field.json","install_command":"npx shadcn@latest add https://reactframe.com/r/form-field.json"},{"name":"rich-text-editor","title":"Rich Text Editor","description":"A rich text editor with a formatting toolbar, headings, lists, quotes, inline code and links, Markdown-style shortcuts, clean pasting from Docs and Word, and a…","type":"registry:component","source_url":"https://reactframe.com/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://reactframe.com/r/rich-text-editor.json"},{"name":"sales-ticket-popup","title":"Sales Ticket Popup","description":"A corner-anchored promo popup shaped like a torn event ticket, with 5 themes, a zigzag badge stub, immediate/delay/scroll triggers, auto-hide, and dismiss-memo…","type":"registry:component","source_url":"https://reactframe.com/r/sales-ticket-popup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/sales-ticket-popup.json"},{"name":"expand-card-grid","title":"Expand Card Grid","description":"A 2x2 grid of image cards that expand to fill the frame on click, revealing title/description/CTA, with keyboard arrow navigation between cards and swipe-to-cl…","type":"registry:component","source_url":"https://reactframe.com/r/expand-card-grid.json","install_command":"npx shadcn@latest add https://reactframe.com/r/expand-card-grid.json"},{"name":"kanban-board","title":"Kanban Board","description":"A drag-and-drop task board with a hand-rolled pointer-based drag engine, velocity tilt, edge autoscroll, ghost drop-position indicator, priority badges, avatar…","type":"registry:component","source_url":"https://reactframe.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://reactframe.com/r/kanban-board.json"},{"name":"data-table","title":"Data Table","description":"An admin data table with sortable/filterable columns, global search, status tabs, row selection, badge/avatar/actions cell types, pagination, and light/dark/cu…","type":"registry:component","source_url":"https://reactframe.com/r/data-table.json","install_command":"npx shadcn@latest add https://reactframe.com/r/data-table.json"},{"name":"line-chart","title":"Line Chart","description":"A multi-series line/area chart, smooth Catmull-Rom curves, a highlighted zone band, a reference line, endpoint value badges, and a hover crosshair with per-ser…","type":"registry:component","source_url":"https://reactframe.com/r/line-chart.json","install_command":"npx shadcn@latest add https://reactframe.com/r/line-chart.json"},{"name":"bar-chart","title":"Bar Chart","description":"A stacked bar chart, up to 5 series per bar, a reference line, a peak-value annotation, and a hover tooltip breaking down each bar's segments with a running to…","type":"registry:component","source_url":"https://reactframe.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://reactframe.com/r/bar-chart.json"},{"name":"tearable-reveal","title":"Tearable Reveal","description":"A physically-simulated cloth intro reveal, drag to tear open a torn-paper layer covering an image, with breakable constraints, particle debris, frayed jagged/r…","type":"registry:component","source_url":"https://reactframe.com/r/tearable-reveal.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tearable-reveal.json"},{"name":"desktop-mockup-carousel","title":"Desktop Mockup Carousel","description":"A realistic Studio Display-style monitor mockup with an internal video/image carousel, swipe or auto-advance, slide/fade transitions, 3D cursor tilt, ambient g…","type":"registry:component","source_url":"https://reactframe.com/r/desktop-mockup-carousel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/desktop-mockup-carousel.json"},{"name":"range-area-chart","title":"Range Area Chart","description":"A min/max envelope chart with a nested core-range band, an actual-to-forecast line split, annotated risk zones, a reference line, and a live endpoint badge.","type":"registry:component","source_url":"https://reactframe.com/r/range-area-chart.json","install_command":"npx shadcn@latest add https://reactframe.com/r/range-area-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"A multi-series radar/spider chart with ring gridlines, per-series solid or dashed strokes, optional point markers, and a hover tooltip comparing every series a…","type":"registry:component","source_url":"https://reactframe.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://reactframe.com/r/radar-chart.json"},{"name":"pie-chart","title":"Pie Chart","description":"A donut-style pie chart with a live center total, click-to-toggle legend, percentage callouts around the ring, and a hover tooltip with ARR, account count, and…","type":"registry:component","source_url":"https://reactframe.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://reactframe.com/r/pie-chart.json"},{"name":"logo-marquee","title":"Logo Marquee","description":"An infinite scrolling row of client/partner logos with edge fade masks, grayscale-to-color hover reveal, pause-on-hover, and a constant speed regardless of log…","type":"registry:component","source_url":"https://reactframe.com/r/logo-marquee.json","install_command":"npx shadcn@latest add https://reactframe.com/r/logo-marquee.json"},{"name":"liquid-text","title":"Liquid Text","description":"Text distorted through an animated SVG noise filter, 5 presets (liquid, melt, blob, ghost, crystal), cursor-proximity intensity, and a click burst ripple.","type":"registry:component","source_url":"https://reactframe.com/r/liquid-text.json","install_command":"npx shadcn@latest add https://reactframe.com/r/liquid-text.json"},{"name":"word-reveal","title":"Word Reveal","description":"Staggered word or character reveal text, driven by scroll progress, viewport entry, or a manual trigger, 4 animation presets, 3 stagger patterns, and word high…","type":"registry:component","source_url":"https://reactframe.com/r/word-reveal.json","install_command":"npx shadcn@latest add https://reactframe.com/r/word-reveal.json"},{"name":"alert-toast","title":"Alert Toast","description":"A polished toast/alert notification, 5 tones, stacked or inline layout, icons, primary/secondary actions, dismiss and auto-dismiss, light/dark theme, plus a sh…","type":"registry:component","source_url":"https://reactframe.com/r/alert-toast.json","install_command":"npx shadcn@latest add https://reactframe.com/r/alert-toast.json"},{"name":"product-grid-section","title":"Product Grid Section","description":"A responsive product/portfolio grid section, heading, per-card image with hover zoom and reveal overlay, category/price meta row, optional badge, and a centere…","type":"registry:component","source_url":"https://reactframe.com/r/product-grid-section.json","install_command":"npx shadcn@latest add https://reactframe.com/r/product-grid-section.json"},{"name":"ai-asistant","title":"AI Asistant","description":"A dotted status light with two layouts, Mesh grid and Halo rings, across three animated states (Waiting, Listening, Thinking), in four dot shapes with adjustab…","type":"registry:component","source_url":"https://reactframe.com/r/ai-asistant.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-asistant.json"},{"name":"ai-voice-01","title":"AI Voice 01","description":"A voice-assistant pill with a canvas audio-reactive visualizer, idle/listening/speaking states, a glowing edge ring, live word-by-word transcript, optional rea…","type":"registry:component","source_url":"https://reactframe.com/r/ai-voice-01.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-voice-01.json"},{"name":"ai-voice-05","title":"AI Voice 05","description":"A portrait voice-assistant card with a canvas audio-reactive curve visualizer, a mic button that grows on tap, idle/listening/speaking states, and live word-by…","type":"registry:component","source_url":"https://reactframe.com/r/ai-voice-05.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-voice-05.json"},{"name":"ai-image-loader-03","title":"AI Image Loader 03","description":"An AI image-generation loader, canvas-drawn rolling topographic lines grow in and a top-to-bottom sweep reveals the finished picture, with cycling status messa…","type":"registry:component","source_url":"https://reactframe.com/r/ai-image-loader-03.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-image-loader-03.json"},{"name":"ai-dynamic-island-01","title":"AI Dynamic Island 01","description":"A Dynamic Island-style AI status pill that morphs between idle, listening, thinking, working (with an unfolding step list) and done states, with a canvas-drawn…","type":"registry:component","source_url":"https://reactframe.com/r/ai-dynamic-island-01.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-dynamic-island-01.json"},{"name":"ai-answer-03","title":"AI Answer 03","description":"An agent-style AI answer card, a researching/reading/writing step tracker with a progress rail, markdown-style bold and bullet text, clickable inline citations…","type":"registry:component","source_url":"https://reactframe.com/r/ai-answer-03.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-answer-03.json"},{"name":"ai-edit-review","title":"AI Edit Review","description":"An AI text editor that rewrites a selected passage, streams a word-level diff review with accept/reject actions, and morphs a dock through writing, review, and…","type":"registry:component","source_url":"https://reactframe.com/r/ai-edit-review.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ai-edit-review.json"},{"name":"video-glow-lightbox","title":"Video Glow Lightbox","description":"A single video card with a pulsing glow-blob frame that morphs into a fullscreen lightbox on click, supports direct URL, YouTube, Vimeo, or uploaded files, a c…","type":"registry:component","source_url":"https://reactframe.com/r/video-glow-lightbox.json","install_command":"npx shadcn@latest add https://reactframe.com/r/video-glow-lightbox.json"},{"name":"glide-carousel","title":"Glide Carousel","description":"A canvas-rendered, drag-to-scroll carousel with a curved wave layout and ambient wind/drift/magnetic card sway, click-to-open lightbox modal, autoplay, and ima…","type":"registry:component","source_url":"https://reactframe.com/r/glide-carousel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/glide-carousel.json"},{"name":"testimonial-logos","title":"Testimonial Logos","description":"A compact trust bar, a star rating with a helped-N-teams label above an infinite, edge-masked logo marquee.","type":"registry:component","source_url":"https://reactframe.com/r/testimonial-logos.json","install_command":"npx shadcn@latest add https://reactframe.com/r/testimonial-logos.json"},{"name":"dice-discount-popup","title":"Dice Discount Popup","description":"A gamified discount popup, roll two animated 3D dice for a reward tier (with a doubles bonus), copy the code, and track rolls left across a session. Inline or …","type":"registry:component","source_url":"https://reactframe.com/r/dice-discount-popup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dice-discount-popup.json"},{"name":"scratch-card-popup","title":"Scratch Card Popup","description":"A gamified scratch-to-win popup, drag to scratch a gold-foil canvas off a 3x3 icon grid, match three to win a reward tier with a confetti burst, copy the code,…","type":"registry:component","source_url":"https://reactframe.com/r/scratch-card-popup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/scratch-card-popup.json"},{"name":"business-hours","title":"Business Hours","description":"A premium opening-hours card, live open/closed status with a pulsing dot, a day-by-day schedule, and a Get Directions link built from an address or custom URL.","type":"registry:component","source_url":"https://reactframe.com/r/business-hours.json","install_command":"npx shadcn@latest add https://reactframe.com/r/business-hours.json"},{"name":"motion-gallery-grid","title":"Motion Gallery Grid","description":"A perfectly aligned image grid with a centered glassmorphism overlay card, heading, subtitle and CTA button, with a staggered blur/slide/fade/scale entrance tr…","type":"registry:component","source_url":"https://reactframe.com/r/motion-gallery-grid.json","install_command":"npx shadcn@latest add https://reactframe.com/r/motion-gallery-grid.json"},{"name":"qr-code-widget","title":"QR Code Widget","description":"A QR-code card, title, description, code image, hint text and an open-link button, inline or as a corner-widget popup with a focus-trapped modal dialog.","type":"registry:component","source_url":"https://reactframe.com/r/qr-code-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/qr-code-widget.json"},{"name":"airbnb-reviews","title":"Airbnb Reviews","description":"A guest-review carousel with the Airbnb Bélo mark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.","type":"registry:component","source_url":"https://reactframe.com/r/airbnb-reviews.json","install_command":"npx shadcn@latest add https://reactframe.com/r/airbnb-reviews.json"},{"name":"ebay-reviews","title":"eBay Reviews","description":"A seller-feedback carousel with the eBay wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.","type":"registry:component","source_url":"https://reactframe.com/r/ebay-reviews.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ebay-reviews.json"},{"name":"etsy-reviews","title":"Etsy Reviews","description":"A shop-review carousel with the Etsy wordmark, aggregate rating header and CTA, above a draggable autoplaying grid of review cards.","type":"registry:component","source_url":"https://reactframe.com/r/etsy-reviews.json","install_command":"npx shadcn@latest add https://reactframe.com/r/etsy-reviews.json"},{"name":"coin-flip-game","title":"Coin Flip Game","description":"A real 3D CSS coin, click or tap to flip with a physical spin animation, a yes/no question field, flip history dots, and a heads/tails ratio readout.","type":"registry:component","source_url":"https://reactframe.com/r/coin-flip-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/coin-flip-game.json"},{"name":"tic-tac-toe-game","title":"Tic Tac Toe Game","description":"A playable Tic Tac Toe board with a built-in AI opponent, animated piece placement, a drawn winning-line reveal, score tracking, and a confetti burst on a win.","type":"registry:component","source_url":"https://reactframe.com/r/tic-tac-toe-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tic-tac-toe-game.json"},{"name":"2048-game","title":"2048 Game","description":"A fully playable 2048, arrow-key and swipe controls, spring-animated tile merges, score and best-score tracking, and win/game-over overlays.","type":"registry:component","source_url":"https://reactframe.com/r/2048-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/2048-game.json"},{"name":"snake-game","title":"Snake Game","description":"A canvas-rendered Snake game with three difficulty speeds, keyboard and swipe controls, a directional-eyes snake head, high-score tracking, and ready/game-over…","type":"registry:component","source_url":"https://reactframe.com/r/snake-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/snake-game.json"},{"name":"minesweeper-game","title":"Minesweeper Game","description":"A classic Minesweeper with three board sizes, flood-fill reveal, right-click flagging, a live mine counter and timer, and a confetti burst on a win.","type":"registry:component","source_url":"https://reactframe.com/r/minesweeper-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/minesweeper-game.json"},{"name":"memory-match-game","title":"Memory Match Game","description":"A flip-card memory matching game with animal emoji, three difficulty levels, a 3D flip animation, move/score tracking, and a win overlay.","type":"registry:component","source_url":"https://reactframe.com/r/memory-match-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/memory-match-game.json"},{"name":"pong-game","title":"Pong Game","description":"A canvas Pong against a bot opponent, three difficulty levels, multi-round progression with a color shift and speed increase each round, keyboard and touch-dra…","type":"registry:component","source_url":"https://reactframe.com/r/pong-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/pong-game.json"},{"name":"dino-runner-game","title":"Dino Runner Game","description":"A canvas endless-runner in the style of the offline dino game, pixel-drawn running dino, procedurally spawned cactus obstacles, three difficulty speeds, tap/sp…","type":"registry:component","source_url":"https://reactframe.com/r/dino-runner-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dino-runner-game.json"},{"name":"space-invaders-game","title":"Space Invaders Game","description":"A canvas Space Invaders, a descending grid of pixel-drawn invaders that shoot back, three difficulty levels, keyboard controls on desktop and on-screen move/fi…","type":"registry:component","source_url":"https://reactframe.com/r/space-invaders-game.json","install_command":"npx shadcn@latest add https://reactframe.com/r/space-invaders-game.json"},{"name":"glow-jump-widget","title":"Glow Jump Widget","description":"A floating-action-button popup that opens a glowing 4-level platformer, jump between walls, dodge moving lava, and collect coins to finish each level, keyboard…","type":"registry:component","source_url":"https://reactframe.com/r/glow-jump-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/glow-jump-widget.json"},{"name":"spin-to-win-wheel","title":"Spin to Win Wheel","description":"A gamified discount-capture widget where visitors spin a weighted SVG prize wheel for a reward, with five glass themes, a themed reveal modal and code copy, re…","type":"registry:component","source_url":"https://reactframe.com/r/spin-to-win-wheel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/spin-to-win-wheel.json"},{"name":"memory-cards-widget","title":"Memory Cards Widget","description":"A floating-action-button popup that opens a color-matching memory game, 3 difficulty levels, a live timer/move counter, best-score tracking, subtle Web Audio s…","type":"registry:component","source_url":"https://reactframe.com/r/memory-cards-widget.json","install_command":"npx shadcn@latest add https://reactframe.com/r/memory-cards-widget.json"},{"name":"bubble-cursor","title":"Bubble Cursor","description":"A liquid-glass bubble that follows the pointer across the whole page, rendered with a raymarched WebGL2 metaball trail with fresnel shading and iridescent glin…","type":"registry:component","source_url":"https://reactframe.com/r/bubble-cursor.json","install_command":"npx shadcn@latest add https://reactframe.com/r/bubble-cursor.json"},{"name":"review-card-portrait","title":"Review Card Portrait","description":"A portrait-format testimonial card with a crossfading top image strip, counter, thumbnail selector, and an animated quote with name/role, plus prev/next naviga…","type":"registry:component","source_url":"https://reactframe.com/r/review-card-portrait.json","install_command":"npx shadcn@latest add https://reactframe.com/r/review-card-portrait.json"},{"name":"cinematic-stacked-gallery","title":"Cinematic Stacked Gallery","description":"A fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails; clicking one crossfades it to full size with Ken Burns zoom, cursor…","type":"registry:component","source_url":"https://reactframe.com/r/cinematic-stacked-gallery.json","install_command":"npx shadcn@latest add https://reactframe.com/r/cinematic-stacked-gallery.json"},{"name":"dice-roll-discount-popup","title":"Dice Roll Discount Popup","description":"A gamified discount-capture widget where visitors roll two 3D dice for a reward tier, with a themed reveal modal and code copy, rendered inline or as a corner-…","type":"registry:component","source_url":"https://reactframe.com/r/dice-roll-discount-popup.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dice-roll-discount-popup.json"},{"name":"error-404-page-section","title":"404 Page Section","description":"A centered \"page not found\" section: a big glitching error code, heading, description and one or two pill buttons. Follows the host site's theme by default (or…","type":"registry:component","source_url":"https://reactframe.com/r/error-404-page-section.json","install_command":"npx shadcn@latest add https://reactframe.com/r/error-404-page-section.json"},{"name":"toast-stack","title":"Toast Stack","description":"A stacked toast notification system: toasts pile up in a layered stack that fans out on hover, with six tones including a loading state that turns into a resul…","type":"registry:component","source_url":"https://reactframe.com/r/toast-stack.json","install_command":"npx shadcn@latest add https://reactframe.com/r/toast-stack.json"},{"name":"notification-center","title":"Notification Center","description":"A bell button with an unread badge that opens a notification panel: All and Unread tabs, Today and Earlier groups, unread dots, mark as read on click, mark all…","type":"registry:component","source_url":"https://reactframe.com/r/notification-center.json","install_command":"npx shadcn@latest add https://reactframe.com/r/notification-center.json"},{"name":"status-dot","title":"Status Dot","description":"A presence and status indicator: online, away, busy, offline and live dots with an optional label, a pulsing ring for live states, and a pinned mode that sits …","type":"registry:component","source_url":"https://reactframe.com/r/status-dot.json","install_command":"npx shadcn@latest add https://reactframe.com/r/status-dot.json"},{"name":"inline-validation-message","title":"Inline Validation Message","description":"A field-level validation message with error, warning, success and info states: it slides open under the field, crossfades when the text changes, shakes once wh…","type":"registry:component","source_url":"https://reactframe.com/r/inline-validation-message.json","install_command":"npx shadcn@latest add https://reactframe.com/r/inline-validation-message.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A button-triggered menu with icons, keyboard shortcuts, checkbox and radio items, labelled sections, nested submenus and a highlight that slides from row to ro…","type":"registry:component","source_url":"https://reactframe.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dropdown-menu.json"},{"name":"mega-menu","title":"Mega Menu","description":"A pill navigation bar whose menus open one shared panel: it morphs to each menu's size, slides the content in from the side you moved to, and holds columns of …","type":"registry:component","source_url":"https://reactframe.com/r/mega-menu.json","install_command":"npx shadcn@latest add https://reactframe.com/r/mega-menu.json"},{"name":"mobile-tab-bar","title":"Mobile Tab Bar","description":"A bottom navigation bar for phones: a pill slides behind the active tab and its icon bounces, with badge counts, an optional raised centre action, docked or fl…","type":"registry:component","source_url":"https://reactframe.com/r/mobile-tab-bar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/mobile-tab-bar.json"},{"name":"table-of-contents","title":"Table of Contents","description":"An 'On this page' table of contents for articles and docs: it tracks the section in view, slides a marker along its rail (filling it like reading progress), in…","type":"registry:component","source_url":"https://reactframe.com/r/table-of-contents.json","install_command":"npx shadcn@latest add https://reactframe.com/r/table-of-contents.json"},{"name":"scrollspy-anchor-links","title":"Scrollspy Anchor Links","description":"A sticky horizontal bar of section links (Overview, Features, Specs, Reviews) that follows the section in view with a sliding pill or underline, keeps the curr…","type":"registry:component","source_url":"https://reactframe.com/r/scrollspy-anchor-links.json","install_command":"npx shadcn@latest add https://reactframe.com/r/scrollspy-anchor-links.json"},{"name":"language-switcher","title":"Language Switcher","description":"A language picker: a globe button whose name rolls to the new language, opening a searchable list of native names with codes and a check on the current one, or…","type":"registry:component","source_url":"https://reactframe.com/r/language-switcher.json","install_command":"npx shadcn@latest add https://reactframe.com/r/language-switcher.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"A group of checkboxes with a Select all row that shows a dash when only some are picked, checks that draw themselves, list or card layouts, a maximum that disa…","type":"registry:component","source_url":"https://reactframe.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://reactframe.com/r/checkbox-group.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"A mobile bottom sheet that slides up over a dimmed backdrop, rests at snap points you drag between from its handle, closes on a downward flick, and keeps its o…","type":"registry:component","source_url":"https://reactframe.com/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://reactframe.com/r/bottom-sheet.json"},{"name":"lightbox","title":"Lightbox","description":"An image lightbox for any grid of photos: the thumbnail morphs into the full view, then arrows, keys and swipes step through, double-click zooms and pans, a sw…","type":"registry:component","source_url":"https://reactframe.com/r/lightbox.json","install_command":"npx shadcn@latest add https://reactframe.com/r/lightbox.json"},{"name":"cookie-consent-banner","title":"Cookie Consent Banner","description":"A cookie consent banner as a corner card or a bottom bar: accept all, reject all with equal weight, or open per-category switches (necessary locked on), and th…","type":"registry:component","source_url":"https://reactframe.com/r/cookie-consent-banner.json","install_command":"npx shadcn@latest add https://reactframe.com/r/cookie-consent-banner.json"},{"name":"product-tour","title":"Product Tour","description":"A guided product tour: a spotlight glides from element to element over a dimmed page while a card beside it explains each one, with progress dots, Back, Next a…","type":"registry:component","source_url":"https://reactframe.com/r/product-tour.json","install_command":"npx shadcn@latest add https://reactframe.com/r/product-tour.json"},{"name":"calendar","title":"Calendar","description":"An inline month calendar for picking one day, a range or several days, with event dots under their days, an agenda for the selected day, months that slide in f…","type":"registry:component","source_url":"https://reactframe.com/r/calendar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/calendar.json"},{"name":"basic-carousel","title":"Basic Carousel","description":"A plain, dependable carousel: drag or swipe between slides, arrows and dots, one to four slides in view, looping, and optional autoplay whose progress fills th…","type":"registry:component","source_url":"https://reactframe.com/r/basic-carousel.json","install_command":"npx shadcn@latest add https://reactframe.com/r/basic-carousel.json"},{"name":"sparkline-stat","title":"Sparkline Stat","description":"A KPI card with a sparkline: the number counts to its new value, a change badge says how far it moved, range tabs swap the series with a redraw, and scrubbing …","type":"registry:component","source_url":"https://reactframe.com/r/sparkline-stat.json","install_command":"npx shadcn@latest add https://reactframe.com/r/sparkline-stat.json"},{"name":"checklist","title":"Checklist","description":"An onboarding checklist: a progress bar and count up top, round checks that draw in and strike the step through, the next step opening by itself with its own a…","type":"registry:component","source_url":"https://reactframe.com/r/checklist.json","install_command":"npx shadcn@latest add https://reactframe.com/r/checklist.json"},{"name":"icon-list","title":"Icon List","description":"A list with an icon on every line for features, benefits and what's included: checks that draw themselves in as the rows fade up, dimmed and struck-through lin…","type":"registry:component","source_url":"https://reactframe.com/r/icon-list.json","install_command":"npx shadcn@latest add https://reactframe.com/r/icon-list.json"},{"name":"icon-box","title":"Icon Box","description":"A feature box with an icon, title and text for features and services grids: in the card style a light follows the pointer along the border, the icon tile lifts…","type":"registry:component","source_url":"https://reactframe.com/r/icon-box.json","install_command":"npx shadcn@latest add https://reactframe.com/r/icon-box.json"},{"name":"data-view","title":"Data View","description":"A collection view that switches between a card grid and a list, with every item gliding to its new place; a sort menu reorders them with the same motion, and a…","type":"registry:component","source_url":"https://reactframe.com/r/data-view.json","install_command":"npx shadcn@latest add https://reactframe.com/r/data-view.json"},{"name":"sortable-list","title":"Sortable List","description":"A list people can put in their own order: drag a row by its handle and the others slide out of the way, or use the keyboard (Space to lift, arrows to move, Spa…","type":"registry:component","source_url":"https://reactframe.com/r/sortable-list.json","install_command":"npx shadcn@latest add https://reactframe.com/r/sortable-list.json"},{"name":"organization-chart","title":"Organization Chart","description":"An org chart of people cards joined by rounded connector lines: teams open and close from a count chip under each manager, and picking someone lights up their …","type":"registry:component","source_url":"https://reactframe.com/r/organization-chart.json","install_command":"npx shadcn@latest add https://reactframe.com/r/organization-chart.json"},{"name":"transfer-list","title":"Transfer List","description":"Two lists side by side for moving items from one set to another, such as available and granted permissions: tick items and send them across with the arrows (or…","type":"registry:component","source_url":"https://reactframe.com/r/transfer-list.json","install_command":"npx shadcn@latest add https://reactframe.com/r/transfer-list.json"},{"name":"tree-table","title":"Tree Table","description":"A table whose rows nest, like files in folders: open and close branches with a chevron, parents add up their children (folder sizes), sort any column with fold…","type":"registry:component","source_url":"https://reactframe.com/r/tree-table.json","install_command":"npx shadcn@latest add https://reactframe.com/r/tree-table.json"},{"name":"chat-bubble","title":"Chat Bubble","description":"Chat message bubbles for both sides of a conversation: runs from the same person group together with tight inner corners and one avatar, outgoing messages show…","type":"registry:component","source_url":"https://reactframe.com/r/chat-bubble.json","install_command":"npx shadcn@latest add https://reactframe.com/r/chat-bubble.json"},{"name":"list-group","title":"List Group","description":"A framed group of rows for settings menus and navigation lists: icons, descriptions, count badges, a danger row for destructive actions, and in selectable mode…","type":"registry:component","source_url":"https://reactframe.com/r/list-group.json","install_command":"npx shadcn@latest add https://reactframe.com/r/list-group.json"},{"name":"basic-table","title":"Basic Table","description":"A clean, semantic table for showing data as it is: plain, striped or bordered, comfortable or compact, a caption and a totals row, custom cells such as status …","type":"registry:component","source_url":"https://reactframe.com/r/basic-table.json","install_command":"npx shadcn@latest add https://reactframe.com/r/basic-table.json"},{"name":"blockquote","title":"Blockquote","description":"A quote with its author: a rule on the left, a large quotation mark, a framed card or a big centred pull quote, revealed as it scrolls into view with a highlig…","type":"registry:component","source_url":"https://reactframe.com/r/blockquote.json","install_command":"npx shadcn@latest add https://reactframe.com/r/blockquote.json"},{"name":"masonry-grid","title":"Masonry Grid","description":"A masonry layout for tiles of different heights: each tile drops into the shortest column while keeping left-to-right order, the column count follows the conta…","type":"registry:component","source_url":"https://reactframe.com/r/masonry-grid.json","install_command":"npx shadcn@latest add https://reactframe.com/r/masonry-grid.json"},{"name":"bento-grid","title":"Bento Grid","description":"A bento layout of feature cells that span columns and rows, fall back to two and then one column as the container narrows, fade in one after another, and light…","type":"registry:component","source_url":"https://reactframe.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://reactframe.com/r/bento-grid.json"},{"name":"sticky-header","title":"Sticky Header","description":"A site header that stays out of the way: it slides up while you scroll down and comes back the moment you scroll up, turns compact and frosted after the first …","type":"registry:component","source_url":"https://reactframe.com/r/sticky-header.json","install_command":"npx shadcn@latest add https://reactframe.com/r/sticky-header.json"},{"name":"section-container","title":"Section Container","description":"A page-section wrapper that keeps widths, padding and headings consistent: an optional eyebrow, title and description, grid, dot or glow backgrounds that fade …","type":"registry:component","source_url":"https://reactframe.com/r/section-container.json","install_command":"npx shadcn@latest add https://reactframe.com/r/section-container.json"},{"name":"shape-divider","title":"Shape Divider","description":"SVG dividers that shape the edge between two sections: waves that drift in a seamless loop, a curve, a tilt, a peak, a zigzag or steps, layered in up to three …","type":"registry:component","source_url":"https://reactframe.com/r/shape-divider.json","install_command":"npx shadcn@latest add https://reactframe.com/r/shape-divider.json"},{"name":"fieldset","title":"Fieldset","description":"A grouped form section on the native fieldset: the legend sits in a notch in the border, the group folds away to a one-line summary, a tick appears once it's c…","type":"registry:component","source_url":"https://reactframe.com/r/fieldset.json","install_command":"npx shadcn@latest add https://reactframe.com/r/fieldset.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"A light / dark switch that morphs a sun into a moon, or a Light · System · Dark control with a sliding pill; it remembers the choice, follows the OS in System …","type":"registry:component","source_url":"https://reactframe.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://reactframe.com/r/theme-toggle.json"},{"name":"share-buttons","title":"Share Buttons","description":"Share buttons for X, LinkedIn, Facebook, Reddit, WhatsApp and email with a copy-link button that turns into a tick: round icons with hover labels, labelled pil…","type":"registry:component","source_url":"https://reactframe.com/r/share-buttons.json","install_command":"npx shadcn@latest add https://reactframe.com/r/share-buttons.json"},{"name":"social-links","title":"Social Links","description":"Links to your profiles in three styles: round icons that fill from the bottom and tilt on hover, a list with handles, follower counts and an out arrow, or a do…","type":"registry:component","source_url":"https://reactframe.com/r/social-links.json","install_command":"npx shadcn@latest add https://reactframe.com/r/social-links.json"},{"name":"scroll-progress-bar","title":"Scroll Progress Bar","description":"Reading progress in three forms: a thin spring-smoothed bar, a corner ring with the percentage that becomes a back-to-top button at the end, or a track split i…","type":"registry:component","source_url":"https://reactframe.com/r/scroll-progress-bar.json","install_command":"npx shadcn@latest add https://reactframe.com/r/scroll-progress-bar.json"},{"name":"payment-button","title":"Payment Button","description":"A pay button that shows every step of a payment: the amount, a spinner while it processes, a drawn tick when it's paid, a shake and a clear message when a card…","type":"registry:component","source_url":"https://reactframe.com/r/payment-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/payment-button.json"},{"name":"speed-dial","title":"Speed Dial","description":"A floating action button that opens into a short menu of actions: the plus turns into a close cross while actions spring out one after another in a line or a q…","type":"registry:component","source_url":"https://reactframe.com/r/speed-dial.json","install_command":"npx shadcn@latest add https://reactframe.com/r/speed-dial.json"},{"name":"animate-on-scroll","title":"Animate on Scroll","description":"A wrapper that brings content in as it scrolls into view: fade from any side, zoom, blur, flip or a clip-path wipe, one block at once or each child in turn, on…","type":"registry:component","source_url":"https://reactframe.com/r/animate-on-scroll.json","install_command":"npx shadcn@latest add https://reactframe.com/r/animate-on-scroll.json"},{"name":"focus-trap","title":"Focus Trap","description":"Keeps keyboard focus inside a dialog, drawer or menu while it's open: Tab and Shift+Tab loop through its controls, focus starts where you choose and returns to…","type":"registry:component","source_url":"https://reactframe.com/r/focus-trap.json","install_command":"npx shadcn@latest add https://reactframe.com/r/focus-trap.json"},{"name":"icon-swap-toggle","title":"Icon Swap Toggle","description":"A toggle button that swaps between two icons with a rotate, 3D flip, pop or slide: ready-made pairs for play/pause, mute, like, save, show/hide, menu/close, li…","type":"registry:component","source_url":"https://reactframe.com/r/icon-swap-toggle.json","install_command":"npx shadcn@latest add https://reactframe.com/r/icon-swap-toggle.json"},{"name":"ripple-click-effect","title":"Ripple Click Effect","description":"A wrapper that makes any surface ripple where it's pressed: the wave grows while the pointer is held and fades when it lets go, several can overlap, icon butto…","type":"registry:component","source_url":"https://reactframe.com/r/ripple-click-effect.json","install_command":"npx shadcn@latest add https://reactframe.com/r/ripple-click-effect.json"},{"name":"toggle-price-counter","title":"Toggle Price Counter","description":"A monthly / yearly billing switch whose price rolls to the new amount digit by digit like an odometer, with a saving badge that pops when yearly is picked and …","type":"registry:component","source_url":"https://reactframe.com/r/toggle-price-counter.json","install_command":"npx shadcn@latest add https://reactframe.com/r/toggle-price-counter.json"},{"name":"animated-underline-link","title":"Animated Underline Link","description":"Text links with underlines that move: a line that slides in from the left and out to the right, opens from the centre, draws as a wave, fills behind the text, …","type":"registry:component","source_url":"https://reactframe.com/r/animated-underline-link.json","install_command":"npx shadcn@latest add https://reactframe.com/r/animated-underline-link.json"},{"name":"image-shape-mask","title":"Image Shape Mask","description":"Masks an image into a shape (circle, squircle, arch, hexagon, flower, blob or diamond) that grows out from the centre as it scrolls into view and morphs smooth…","type":"registry:component","source_url":"https://reactframe.com/r/image-shape-mask.json","install_command":"npx shadcn@latest add https://reactframe.com/r/image-shape-mask.json"},{"name":"typography-prose","title":"Typography Prose","description":"Readable styles for rich text from Markdown or a CMS, without a plugin: balanced headings with hover # links, comfortable line length and rhythm, lists, quotes…","type":"registry:component","source_url":"https://reactframe.com/r/typography-prose.json","install_command":"npx shadcn@latest add https://reactframe.com/r/typography-prose.json"},{"name":"variant-swatches","title":"Variant Swatches","description":"Product option pickers for colour and size: round colour swatches with a ring that glides to the pick, size chips with a sliding fill, the chosen value named i…","type":"registry:component","source_url":"https://reactframe.com/r/variant-swatches.json","install_command":"npx shadcn@latest add https://reactframe.com/r/variant-swatches.json"},{"name":"content-switch","title":"Content Switch","description":"A switch that swaps the content below it: a pill or underline thumb slides to the chosen option, the new panel slides in from that side (or fades or blurs in),…","type":"registry:component","source_url":"https://reactframe.com/r/content-switch.json","install_command":"npx shadcn@latest add https://reactframe.com/r/content-switch.json"},{"name":"floating-label-input","title":"Floating Label Input","description":"A text field whose label sits inside it and floats up on focus or once filled, in outlined (label in a notch in the border), filled or underline styles, with a…","type":"registry:component","source_url":"https://reactframe.com/r/floating-label-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/floating-label-input.json"},{"name":"input-group","title":"Input Group","description":"Joins an input with text addons, icons, a select or a button into one field with one border and one focus ring: https:// and .com around a subdomain with a liv…","type":"registry:component","source_url":"https://reactframe.com/r/input-group.json","install_command":"npx shadcn@latest add https://reactframe.com/r/input-group.json"},{"name":"masked-input","title":"Masked Input","description":"A formatted text field for phone numbers, dates, times, card numbers, ZIP codes or any pattern you define: separators fill themselves in, the rest of the templ…","type":"registry:component","source_url":"https://reactframe.com/r/masked-input.json","install_command":"npx shadcn@latest add https://reactframe.com/r/masked-input.json"},{"name":"knob","title":"Knob","description":"A rotary dial for picking a value in a range, like a mixer control: drag up or down, scroll or use the keyboard, with a 270° progress ring and a sliding thumb,…","type":"registry:component","source_url":"https://reactframe.com/r/knob.json","install_command":"npx shadcn@latest add https://reactframe.com/r/knob.json"},{"name":"listbox","title":"Listbox","description":"An always-open list for picking one or several options: a search box that filters as you type, sticky group headings, avatars and descriptions, a highlight tha…","type":"registry:component","source_url":"https://reactframe.com/r/listbox.json","install_command":"npx shadcn@latest add https://reactframe.com/r/listbox.json"},{"name":"toggle-button","title":"Toggle Button","description":"A button that stays pressed: the fill grows out from the middle, icons spin into their 'on' version, labels roll from Follow to Following and counts tick up by…","type":"registry:component","source_url":"https://reactframe.com/r/toggle-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/toggle-button.json"},{"name":"button-group","title":"Button Group","description":"Buttons joined into one control: plain action groups like Previous / Today / Next, a single-choice group whose fill slides between options, multi-toggle groups…","type":"registry:component","source_url":"https://reactframe.com/r/button-group.json","install_command":"npx shadcn@latest add https://reactframe.com/r/button-group.json"},{"name":"dual-range-slider","title":"Dual Range Slider","description":"A two-handle range filter with a histogram behind it: bars inside the range light up, the result count rolls as you drag, the filled part drags both ends toget…","type":"registry:component","source_url":"https://reactframe.com/r/dual-range-slider.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dual-range-slider.json"},{"name":"repeatable-field-group","title":"Repeatable Field Group","description":"A set of fields people can repeat: add a row, remove one, drag rows into order. Rows grow in and slide out, focus lands in the new row, Enter in the last row a…","type":"registry:component","source_url":"https://reactframe.com/r/repeatable-field-group.json","install_command":"npx shadcn@latest add https://reactframe.com/r/repeatable-field-group.json"},{"name":"filter-chips","title":"Filter Chips","description":"A row of pill filters with counts: a check draws in and the chip grows to fit it, neighbours slide over instead of jumping, and a Clear chip appears once anyth…","type":"registry:component","source_url":"https://reactframe.com/r/filter-chips.json","install_command":"npx shadcn@latest add https://reactframe.com/r/filter-chips.json"},{"name":"icon-action-button","title":"Icon Action Button","description":"A compact icon-only button for toolbars and table rows: solid, soft, outline or ghost, square or round, four sizes, a tooltip that names the action, a count ba…","type":"registry:component","source_url":"https://reactframe.com/r/icon-action-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/icon-action-button.json"},{"name":"glossy-gradient-button","title":"Glossy Gradient Button","description":"A premium call-to-action button with a glossy face: a lit gradient, a glass highlight on the top half, a band of light that sweeps across on hover, an arrow th…","type":"registry:component","source_url":"https://reactframe.com/r/glossy-gradient-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/glossy-gradient-button.json"},{"name":"inline-link-button","title":"Inline Link Button","description":"A text button that looks like a link, for secondary actions: Forgot password?, View all, Undo, Remove, Read the docs. Neutral, muted, accent or danger, an unde…","type":"registry:component","source_url":"https://reactframe.com/r/inline-link-button.json","install_command":"npx shadcn@latest add https://reactframe.com/r/inline-link-button.json"},{"name":"emoji-rating-scale","title":"Emoji Rating Scale","description":"A five-face satisfaction rating for quick feedback: hand-drawn faces from a frown to a wide smile that wobble on hover, fill with their own colour and pop when…","type":"registry:component","source_url":"https://reactframe.com/r/emoji-rating-scale.json","install_command":"npx shadcn@latest add https://reactframe.com/r/emoji-rating-scale.json"},{"name":"side-tab-menu","title":"Side Tab Menu","description":"A vertical tab menu for settings pages: tabs with icons, second-line descriptions and count badges, grouped under headings, an active highlight with a rail tha…","type":"registry:component","source_url":"https://reactframe.com/r/side-tab-menu.json","install_command":"npx shadcn@latest add https://reactframe.com/r/side-tab-menu.json"},{"name":"dot-pager-indicator","title":"Dot Pager Indicator","description":"Dots that show where you are in a carousel or onboarding flow: the active dot stretches into a pill, a progress style fills the pill and moves on by itself lik…","type":"registry:component","source_url":"https://reactframe.com/r/dot-pager-indicator.json","install_command":"npx shadcn@latest add https://reactframe.com/r/dot-pager-indicator.json"},{"name":"vertical-progress-steps","title":"Vertical Progress Steps","description":"A live status tracker for multi-step processes like deploys, imports and order tracking: each step is done, running, waiting or failed, the connector fills as …","type":"registry:component","source_url":"https://reactframe.com/r/vertical-progress-steps.json","install_command":"npx shadcn@latest add https://reactframe.com/r/vertical-progress-steps.json"},{"name":"auth-card","title":"Auth Card","description":"A sign-in, sign-up and forgot-password card in one: social sign-in buttons, email and password fields with inline validation, a show-password toggle, a passwor…","type":"registry:component","source_url":"https://reactframe.com/r/auth-card.json","install_command":"npx shadcn@latest add https://reactframe.com/r/auth-card.json"},{"name":"pricing-table","title":"Pricing Table","description":"Pricing plans side by side with a monthly / yearly switch, prices that roll when the period changes, a highlighted plan with a badge, included and excluded fea…","type":"registry:component","source_url":"https://reactframe.com/r/pricing-table.json","install_command":"npx shadcn@latest add https://reactframe.com/r/pricing-table.json"},{"name":"faq-section","title":"FAQ Section","description":"A frequently asked questions section: heading and contact card on the left, an animated accordion on the right, optional category tabs and search, and FAQPage …","type":"registry:component","source_url":"https://reactframe.com/r/faq-section.json","install_command":"npx shadcn@latest add https://reactframe.com/r/faq-section.json"},{"name":"contact-section","title":"Contact Section","description":"A contact section with a heading and your email, phone and address on the left, and a validated message form on the right: topic chips, a loading state driven …","type":"registry:component","source_url":"https://reactframe.com/r/contact-section.json","install_command":"npx shadcn@latest add https://reactframe.com/r/contact-section.json"}]},{"id":"registrydirectory","name":"@registrydirectory","slug":"registrydirectory","description":"The explorer for the shadcn registry ecosystem.","author":"rbadillap","framework":"react","license":"MIT","tags":["auth","backgrounds","buttons","cards","charts","dashboard","forms","icons","loaders","media","navigation","overlays","tables"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://registry.directory","github":"https://github.com/rbadillap/registry.directory","registry":"https://registry.directory/r/registry.json","source":"https://registry.directory/r/registry.json","page":"https://sh4dcn.netlify.app/registry/registrydirectory","markdown":"https://sh4dcn.netlify.app/md/registrydirectory.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='24' height='24'><rect width='256' height='256' rx='57.5' fill='var(--foreground)'/><text x='128' y='162' font-family='ui-monospace,SFMono-Regular,Menlo,monospace' font-size='92' text-anchor='middle' fill='var(--background)' letter-spacing='-4'>r.d</text></svg>","preview_image":"https://registry.directory/opengraph-image?f8dc910988a1d6d5","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":77,"open_issues":6,"last_commit":"2026-10-26T14:47:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://registry.directory/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://registry.directory/r/registry.json","install_bun":"bunx shadcn@latest add https://registry.directory/r/registry.json","clone":"git clone https://github.com/rbadillap/registry.directory.git","clone_degit":"npx degit rbadillap/registry.directory","registry_fetch":"curl -s https://registry.directory/r/registry.json"},"component_count":250,"components":[{"name":"shadcn/index","title":null,"description":"[shadcn/ui]","type":"registry:style","source_url":"https://registry.directory/r/shadcn/index.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/index.json"},{"name":"shadcn/style","title":null,"description":"[shadcn/ui]","type":"registry:style","source_url":"https://registry.directory/r/shadcn/style.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/style.json"},{"name":"shadcn/accordion","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/accordion.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/accordion.json"},{"name":"shadcn/alert","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/alert.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/alert.json"},{"name":"shadcn/alert-dialog","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/alert-dialog.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/alert-dialog.json"},{"name":"shadcn/aspect-ratio","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/aspect-ratio.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/aspect-ratio.json"},{"name":"shadcn/avatar","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/avatar.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/avatar.json"},{"name":"shadcn/badge","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/badge.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/badge.json"},{"name":"shadcn/breadcrumb","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/breadcrumb.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/breadcrumb.json"},{"name":"shadcn/button","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/button.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/button.json"},{"name":"shadcn/button-group","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/button-group.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/button-group.json"},{"name":"shadcn/calendar","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/calendar.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/calendar.json"},{"name":"shadcn/card","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/card.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/card.json"},{"name":"shadcn/carousel","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/carousel.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/carousel.json"},{"name":"shadcn/chart","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/chart.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart.json"},{"name":"shadcn/checkbox","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/checkbox.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/checkbox.json"},{"name":"shadcn/collapsible","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/collapsible.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/collapsible.json"},{"name":"shadcn/combobox","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/combobox.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/combobox.json"},{"name":"shadcn/command","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/command.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/command.json"},{"name":"shadcn/context-menu","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/context-menu.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/context-menu.json"},{"name":"shadcn/dialog","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/dialog.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/dialog.json"},{"name":"shadcn/drawer","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/drawer.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/drawer.json"},{"name":"shadcn/dropdown-menu","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/dropdown-menu.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/dropdown-menu.json"},{"name":"shadcn/empty","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/empty.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/empty.json"},{"name":"shadcn/field","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/field.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/field.json"},{"name":"shadcn/form","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/form.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/form.json"},{"name":"shadcn/hover-card","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/hover-card.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/hover-card.json"},{"name":"shadcn/input","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/input.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/input.json"},{"name":"shadcn/input-group","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/input-group.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/input-group.json"},{"name":"shadcn/input-otp","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/input-otp.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/input-otp.json"},{"name":"shadcn/item","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/item.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/item.json"},{"name":"shadcn/label","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/label.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/label.json"},{"name":"shadcn/menubar","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/menubar.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/menubar.json"},{"name":"shadcn/navigation-menu","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/navigation-menu.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/navigation-menu.json"},{"name":"shadcn/pagination","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/pagination.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/pagination.json"},{"name":"shadcn/popover","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/popover.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/popover.json"},{"name":"shadcn/progress","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/progress.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/progress.json"},{"name":"shadcn/radio-group","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/radio-group.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/radio-group.json"},{"name":"shadcn/resizable","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/resizable.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/resizable.json"},{"name":"shadcn/scroll-area","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/scroll-area.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/scroll-area.json"},{"name":"shadcn/select","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/select.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/select.json"},{"name":"shadcn/separator","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/separator.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/separator.json"},{"name":"shadcn/sheet","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/sheet.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sheet.json"},{"name":"shadcn/sidebar","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/sidebar.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar.json"},{"name":"shadcn/skeleton","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/skeleton.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/skeleton.json"},{"name":"shadcn/slider","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/slider.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/slider.json"},{"name":"shadcn/sonner","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/sonner.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sonner.json"},{"name":"shadcn/spinner","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/spinner.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/spinner.json"},{"name":"shadcn/switch","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/switch.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/switch.json"},{"name":"shadcn/table","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/table.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/table.json"},{"name":"shadcn/tabs","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/tabs.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/tabs.json"},{"name":"shadcn/textarea","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/textarea.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/textarea.json"},{"name":"shadcn/toggle","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/toggle.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/toggle.json"},{"name":"shadcn/toggle-group","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/toggle-group.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/toggle-group.json"},{"name":"shadcn/tooltip","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/tooltip.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/tooltip.json"},{"name":"shadcn/kbd","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/kbd.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/kbd.json"},{"name":"shadcn/native-select","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/native-select.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/native-select.json"},{"name":"shadcn/direction","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/direction.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/direction.json"},{"name":"shadcn/attachment","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/attachment.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/attachment.json"},{"name":"shadcn/bubble","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/bubble.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/bubble.json"},{"name":"shadcn/marker","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/marker.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/marker.json"},{"name":"shadcn/message","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/message.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/message.json"},{"name":"shadcn/message-scroller","title":null,"description":"[shadcn/ui]","type":"registry:ui","source_url":"https://registry.directory/r/shadcn/message-scroller.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/message-scroller.json"},{"name":"shadcn/dashboard-01","title":null,"description":"[shadcn/ui] A dashboard with sidebar, charts and data table.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/dashboard-01.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/dashboard-01.json"},{"name":"shadcn/sidebar-01","title":null,"description":"[shadcn/ui] A simple sidebar with navigation grouped by section.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-01.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-01.json"},{"name":"shadcn/sidebar-02","title":null,"description":"[shadcn/ui] A sidebar with collapsible sections.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-02.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-02.json"},{"name":"shadcn/sidebar-03","title":null,"description":"[shadcn/ui] A sidebar with submenus.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-03.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-03.json"},{"name":"shadcn/sidebar-04","title":null,"description":"[shadcn/ui] A floating sidebar with submenus.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-04.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-04.json"},{"name":"shadcn/sidebar-05","title":null,"description":"[shadcn/ui] A sidebar with collapsible submenus.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-05.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-05.json"},{"name":"shadcn/sidebar-06","title":null,"description":"[shadcn/ui] A sidebar with submenus as dropdowns.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-06.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-06.json"},{"name":"shadcn/sidebar-07","title":null,"description":"[shadcn/ui] A sidebar that collapses to icons.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-07.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-07.json"},{"name":"shadcn/sidebar-08","title":null,"description":"[shadcn/ui] An inset sidebar with secondary navigation.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-08.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-08.json"},{"name":"shadcn/sidebar-09","title":null,"description":"[shadcn/ui] Collapsible nested sidebars.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-09.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-09.json"},{"name":"shadcn/sidebar-10","title":null,"description":"[shadcn/ui] A sidebar in a popover.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-10.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-10.json"},{"name":"shadcn/sidebar-11","title":null,"description":"[shadcn/ui] A sidebar with a collapsible file tree.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-11.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-11.json"},{"name":"shadcn/sidebar-12","title":null,"description":"[shadcn/ui] A sidebar with a calendar.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-12.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-12.json"},{"name":"shadcn/sidebar-13","title":null,"description":"[shadcn/ui] A sidebar in a dialog.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-13.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-13.json"},{"name":"shadcn/sidebar-14","title":null,"description":"[shadcn/ui] A sidebar on the right.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-14.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-14.json"},{"name":"shadcn/sidebar-15","title":null,"description":"[shadcn/ui] A left and right sidebar.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-15.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-15.json"},{"name":"shadcn/sidebar-16","title":null,"description":"[shadcn/ui] A sidebar with a sticky site header.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/sidebar-16.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/sidebar-16.json"},{"name":"shadcn/login-01","title":null,"description":"[shadcn/ui] A simple login form.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/login-01.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/login-01.json"},{"name":"shadcn/login-02","title":null,"description":"[shadcn/ui] A two column login page with a cover image.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/login-02.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/login-02.json"},{"name":"shadcn/login-03","title":null,"description":"[shadcn/ui] A login page with a muted background color.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/login-03.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/login-03.json"},{"name":"shadcn/login-04","title":null,"description":"[shadcn/ui] A login page with form and image.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/login-04.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/login-04.json"},{"name":"shadcn/login-05","title":null,"description":"[shadcn/ui] A simple email-only login page.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/login-05.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/login-05.json"},{"name":"shadcn/signup-01","title":null,"description":"[shadcn/ui] A simple signup form.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/signup-01.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/signup-01.json"},{"name":"shadcn/signup-02","title":null,"description":"[shadcn/ui] A two column signup page with a cover image.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/signup-02.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/signup-02.json"},{"name":"shadcn/signup-03","title":null,"description":"[shadcn/ui] A signup page with a muted background color.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/signup-03.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/signup-03.json"},{"name":"shadcn/signup-04","title":null,"description":"[shadcn/ui] A signup page with form and image.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/signup-04.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/signup-04.json"},{"name":"shadcn/signup-05","title":null,"description":"[shadcn/ui] A simple signup form with social providers.","type":"registry:block","source_url":"https://registry.directory/r/shadcn/signup-05.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/signup-05.json"},{"name":"shadcn/chart-area-axes","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-axes.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-axes.json"},{"name":"shadcn/chart-area-default","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-default.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-default.json"},{"name":"shadcn/chart-area-gradient","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-gradient.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-gradient.json"},{"name":"shadcn/chart-area-icons","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-icons.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-icons.json"},{"name":"shadcn/chart-area-interactive","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-interactive.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-interactive.json"},{"name":"shadcn/chart-area-legend","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-legend.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-legend.json"},{"name":"shadcn/chart-area-linear","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-linear.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-linear.json"},{"name":"shadcn/chart-area-stacked-expand","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-stacked-expand.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-stacked-expand.json"},{"name":"shadcn/chart-area-stacked","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-stacked.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-stacked.json"},{"name":"shadcn/chart-area-step","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-area-step.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-area-step.json"},{"name":"shadcn/chart-bar-active","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-active.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-active.json"},{"name":"shadcn/chart-bar-default","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-default.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-default.json"},{"name":"shadcn/chart-bar-horizontal","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-horizontal.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-horizontal.json"},{"name":"shadcn/chart-bar-interactive","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-interactive.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-interactive.json"},{"name":"shadcn/chart-bar-label-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-label-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-label-custom.json"},{"name":"shadcn/chart-bar-label","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-label.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-label.json"},{"name":"shadcn/chart-bar-mixed","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-mixed.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-mixed.json"},{"name":"shadcn/chart-bar-multiple","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-multiple.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-multiple.json"},{"name":"shadcn/chart-bar-negative","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-negative.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-negative.json"},{"name":"shadcn/chart-bar-stacked","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-bar-stacked.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-bar-stacked.json"},{"name":"shadcn/chart-line-default","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-default.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-default.json"},{"name":"shadcn/chart-line-dots-colors","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-dots-colors.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-dots-colors.json"},{"name":"shadcn/chart-line-dots-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-dots-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-dots-custom.json"},{"name":"shadcn/chart-line-dots","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-dots.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-dots.json"},{"name":"shadcn/chart-line-interactive","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-interactive.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-interactive.json"},{"name":"shadcn/chart-line-label-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-label-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-label-custom.json"},{"name":"shadcn/chart-line-label","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-label.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-label.json"},{"name":"shadcn/chart-line-linear","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-linear.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-linear.json"},{"name":"shadcn/chart-line-multiple","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-multiple.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-multiple.json"},{"name":"shadcn/chart-line-step","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-line-step.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-line-step.json"},{"name":"shadcn/chart-pie-donut-active","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-donut-active.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-donut-active.json"},{"name":"shadcn/chart-pie-donut-text","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-donut-text.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-donut-text.json"},{"name":"shadcn/chart-pie-donut","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-donut.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-donut.json"},{"name":"shadcn/chart-pie-interactive","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-interactive.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-interactive.json"},{"name":"shadcn/chart-pie-label-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-label-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-label-custom.json"},{"name":"shadcn/chart-pie-label-list","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-label-list.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-label-list.json"},{"name":"shadcn/chart-pie-label","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-label.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-label.json"},{"name":"shadcn/chart-pie-legend","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-legend.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-legend.json"},{"name":"shadcn/chart-pie-separator-none","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-separator-none.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-separator-none.json"},{"name":"shadcn/chart-pie-simple","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-simple.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-simple.json"},{"name":"shadcn/chart-pie-stacked","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-pie-stacked.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-pie-stacked.json"},{"name":"shadcn/chart-radar-default","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-default.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-default.json"},{"name":"shadcn/chart-radar-dots","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-dots.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-dots.json"},{"name":"shadcn/chart-radar-grid-circle-fill","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-grid-circle-fill.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-circle-fill.json"},{"name":"shadcn/chart-radar-grid-circle-no-lines","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-grid-circle-no-lines.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-circle-no-lines.json"},{"name":"shadcn/chart-radar-grid-circle","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-grid-circle.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-circle.json"},{"name":"shadcn/chart-radar-grid-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-grid-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-custom.json"},{"name":"shadcn/chart-radar-grid-fill","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-grid-fill.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-fill.json"},{"name":"shadcn/chart-radar-grid-none","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-grid-none.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-grid-none.json"},{"name":"shadcn/chart-radar-icons","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-icons.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-icons.json"},{"name":"shadcn/chart-radar-label-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-label-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-label-custom.json"},{"name":"shadcn/chart-radar-legend","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-legend.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-legend.json"},{"name":"shadcn/chart-radar-lines-only","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-lines-only.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-lines-only.json"},{"name":"shadcn/chart-radar-multiple","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-multiple.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-multiple.json"},{"name":"shadcn/chart-radar-radius","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radar-radius.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radar-radius.json"},{"name":"shadcn/chart-radial-grid","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radial-grid.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-grid.json"},{"name":"shadcn/chart-radial-label","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radial-label.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-label.json"},{"name":"shadcn/chart-radial-shape","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radial-shape.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-shape.json"},{"name":"shadcn/chart-radial-simple","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radial-simple.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-simple.json"},{"name":"shadcn/chart-radial-stacked","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radial-stacked.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-stacked.json"},{"name":"shadcn/chart-radial-text","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-radial-text.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-radial-text.json"},{"name":"shadcn/chart-tooltip-default","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-default.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-default.json"},{"name":"shadcn/chart-tooltip-indicator-line","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-indicator-line.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-indicator-line.json"},{"name":"shadcn/chart-tooltip-indicator-none","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-indicator-none.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-indicator-none.json"},{"name":"shadcn/chart-tooltip-label-none","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-label-none.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-label-none.json"},{"name":"shadcn/chart-tooltip-label-custom","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-label-custom.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-label-custom.json"},{"name":"shadcn/chart-tooltip-label-formatter","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-label-formatter.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-label-formatter.json"},{"name":"shadcn/chart-tooltip-formatter","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-formatter.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-formatter.json"},{"name":"shadcn/chart-tooltip-icons","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-icons.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-icons.json"},{"name":"shadcn/chart-tooltip-advanced","title":null,"description":"[shadcn/ui]","type":"registry:block","source_url":"https://registry.directory/r/shadcn/chart-tooltip-advanced.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/chart-tooltip-advanced.json"},{"name":"shadcn/utils","title":null,"description":"[shadcn/ui]","type":"registry:lib","source_url":"https://registry.directory/r/shadcn/utils.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/utils.json"},{"name":"shadcn/use-mobile","title":null,"description":"[shadcn/ui]","type":"registry:hook","source_url":"https://registry.directory/r/shadcn/use-mobile.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/use-mobile.json"},{"name":"shadcn/theme-stone","title":null,"description":"[shadcn/ui]","type":"registry:theme","source_url":"https://registry.directory/r/shadcn/theme-stone.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/theme-stone.json"},{"name":"shadcn/theme-zinc","title":null,"description":"[shadcn/ui]","type":"registry:theme","source_url":"https://registry.directory/r/shadcn/theme-zinc.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/theme-zinc.json"},{"name":"shadcn/theme-neutral","title":null,"description":"[shadcn/ui]","type":"registry:theme","source_url":"https://registry.directory/r/shadcn/theme-neutral.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/theme-neutral.json"},{"name":"shadcn/theme-gray","title":null,"description":"[shadcn/ui]","type":"registry:theme","source_url":"https://registry.directory/r/shadcn/theme-gray.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/theme-gray.json"},{"name":"shadcn/theme-slate","title":null,"description":"[shadcn/ui]","type":"registry:theme","source_url":"https://registry.directory/r/shadcn/theme-slate.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/theme-slate.json"},{"name":"shadcn/font-geist","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-geist.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-geist.json"},{"name":"shadcn/font-inter","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-inter.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-inter.json"},{"name":"shadcn/font-noto-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-noto-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-noto-sans.json"},{"name":"shadcn/font-nunito-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-nunito-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-nunito-sans.json"},{"name":"shadcn/font-figtree","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-figtree.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-figtree.json"},{"name":"shadcn/font-roboto","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-roboto.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-roboto.json"},{"name":"shadcn/font-raleway","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-raleway.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-raleway.json"},{"name":"shadcn/font-dm-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-dm-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-dm-sans.json"},{"name":"shadcn/font-public-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-public-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-public-sans.json"},{"name":"shadcn/font-outfit","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-outfit.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-outfit.json"},{"name":"shadcn/font-oxanium","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-oxanium.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-oxanium.json"},{"name":"shadcn/font-manrope","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-manrope.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-manrope.json"},{"name":"shadcn/font-space-grotesk","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-space-grotesk.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-space-grotesk.json"},{"name":"shadcn/font-montserrat","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-montserrat.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-montserrat.json"},{"name":"shadcn/font-ibm-plex-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-ibm-plex-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-ibm-plex-sans.json"},{"name":"shadcn/font-source-sans-3","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-source-sans-3.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-source-sans-3.json"},{"name":"shadcn/font-instrument-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-instrument-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-instrument-sans.json"},{"name":"shadcn/font-jetbrains-mono","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-jetbrains-mono.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-jetbrains-mono.json"},{"name":"shadcn/font-geist-mono","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-geist-mono.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-geist-mono.json"},{"name":"shadcn/font-noto-serif","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-noto-serif.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-noto-serif.json"},{"name":"shadcn/font-roboto-slab","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-roboto-slab.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-roboto-slab.json"},{"name":"shadcn/font-merriweather","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-merriweather.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-merriweather.json"},{"name":"shadcn/font-lora","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-lora.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-lora.json"},{"name":"shadcn/font-playfair-display","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-playfair-display.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-playfair-display.json"},{"name":"shadcn/font-eb-garamond","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-eb-garamond.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-eb-garamond.json"},{"name":"shadcn/font-instrument-serif","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-instrument-serif.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-instrument-serif.json"},{"name":"shadcn/font-heading-geist","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-geist.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-geist.json"},{"name":"shadcn/font-heading-inter","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-inter.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-inter.json"},{"name":"shadcn/font-heading-noto-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-noto-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-noto-sans.json"},{"name":"shadcn/font-heading-nunito-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-nunito-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-nunito-sans.json"},{"name":"shadcn/font-heading-figtree","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-figtree.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-figtree.json"},{"name":"shadcn/font-heading-roboto","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-roboto.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-roboto.json"},{"name":"shadcn/font-heading-raleway","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-raleway.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-raleway.json"},{"name":"shadcn/font-heading-dm-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-dm-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-dm-sans.json"},{"name":"shadcn/font-heading-public-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-public-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-public-sans.json"},{"name":"shadcn/font-heading-outfit","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-outfit.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-outfit.json"},{"name":"shadcn/font-heading-oxanium","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-oxanium.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-oxanium.json"},{"name":"shadcn/font-heading-manrope","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-manrope.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-manrope.json"},{"name":"shadcn/font-heading-space-grotesk","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-space-grotesk.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-space-grotesk.json"},{"name":"shadcn/font-heading-montserrat","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-montserrat.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-montserrat.json"},{"name":"shadcn/font-heading-ibm-plex-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-ibm-plex-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-ibm-plex-sans.json"},{"name":"shadcn/font-heading-source-sans-3","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-source-sans-3.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-source-sans-3.json"},{"name":"shadcn/font-heading-instrument-sans","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-instrument-sans.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-instrument-sans.json"},{"name":"shadcn/font-heading-jetbrains-mono","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-jetbrains-mono.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-jetbrains-mono.json"},{"name":"shadcn/font-heading-geist-mono","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-geist-mono.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-geist-mono.json"},{"name":"shadcn/font-heading-noto-serif","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-noto-serif.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-noto-serif.json"},{"name":"shadcn/font-heading-roboto-slab","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-roboto-slab.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-roboto-slab.json"},{"name":"shadcn/font-heading-merriweather","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-merriweather.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-merriweather.json"},{"name":"shadcn/font-heading-lora","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-lora.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-lora.json"},{"name":"shadcn/font-heading-playfair-display","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-playfair-display.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-playfair-display.json"},{"name":"shadcn/font-heading-eb-garamond","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-eb-garamond.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-eb-garamond.json"},{"name":"shadcn/font-heading-instrument-serif","title":null,"description":"[shadcn/ui]","type":"registry:font","source_url":"https://registry.directory/r/shadcn/font-heading-instrument-serif.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn/font-heading-instrument-serif.json"},{"name":"shadcn-studio/accordion-01","title":null,"description":"[shadcn/studio] Basic accordion with default styling and collapsible FAQ items.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-01.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-01.json"},{"name":"shadcn-studio/accordion-02","title":null,"description":"[shadcn/studio] Card-style accordion with separated items, shadow effects, and rotated chevron icons.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-02.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-02.json"},{"name":"shadcn-studio/accordion-03","title":null,"description":"[shadcn/studio] Icon-enhanced accordion with category icons displayed before each item title.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-03.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-03.json"},{"name":"shadcn-studio/accordion-04","title":null,"description":"[shadcn/studio] Plus/minus icon accordion with animated icon transitions for expand/collapse states.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-04.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-04.json"},{"name":"shadcn-studio/accordion-05","title":null,"description":"[shadcn/studio] Active state accordion with amber highlighting for expanded items and borders.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-05.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-05.json"},{"name":"shadcn-studio/accordion-06","title":null,"description":"[shadcn/studio] Icon and expand indicator accordion with category icons and plus icon for expand/collapse.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-06.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-06.json"},{"name":"shadcn-studio/accordion-07","title":null,"description":"[shadcn/studio] Avatar-based accordion displaying user profiles with avatar images, names, and email addresses.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-07.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-07.json"},{"name":"shadcn-studio/accordion-08","title":null,"description":"[shadcn/studio] Enhanced icon accordion with circular icon containers and subtitle descriptions for each item.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-08.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-08.json"},{"name":"shadcn-studio/accordion-09","title":null,"description":"[shadcn/studio] Outline-style accordion with bordered items and spacing between each accordion item.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-09.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-09.json"},{"name":"shadcn-studio/accordion-10","title":null,"description":"[shadcn/studio] Box-style accordion with unified border container around all accordion items.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-10.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-10.json"},{"name":"shadcn-studio/accordion-11","title":null,"description":"[shadcn/studio] Tab-style accordion with accent background highlighting for expanded items.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-11.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-11.json"},{"name":"shadcn-studio/accordion-12","title":null,"description":"[shadcn/studio] Tab with outline accordion featuring bordered highlighting and shadow effects for expanded items.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-12.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-12.json"},{"name":"shadcn-studio/accordion-13","title":null,"description":"[shadcn/studio] Media content accordion with category icons and embedded images in accordion content.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-13.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-13.json"},{"name":"shadcn-studio/accordion-14","title":null,"description":"[shadcn/studio] Filled header accordion with accent background triggers and separated content sections.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-14.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-14.json"},{"name":"shadcn-studio/accordion-15","title":null,"description":"[shadcn/studio] Multi-level accordion with nested collapsible sections for hierarchical FAQ organization.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-15.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-15.json"},{"name":"shadcn-studio/accordion-16","title":null,"description":"[shadcn/studio] Simplified multi-level accordion with plus/minus icons for nested FAQ categories and questions.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/accordion-16.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/accordion-16.json"},{"name":"shadcn-studio/alert-01","title":null,"description":"[shadcn/studio] Basic alert with circle alert icon and simple title message.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-01.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-01.json"},{"name":"shadcn-studio/alert-02","title":null,"description":"[shadcn/studio] Avatar-enhanced alert with user profile image, and alert icon.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-02.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-02.json"},{"name":"shadcn-studio/alert-03","title":null,"description":"[shadcn/studio] Closable alert with dismiss functionality using X icon and state management.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-03.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-03.json"},{"name":"shadcn-studio/alert-04","title":null,"description":"[shadcn/studio] Interactive alert with link button featuring arrow icon and styled border/text colors.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-04.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-04.json"},{"name":"shadcn-studio/alert-05","title":null,"description":"[shadcn/studio] Attached icon alert with separated icon section and destructive warning styling.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-05.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-05.json"},{"name":"shadcn-studio/alert-06","title":null,"description":"[shadcn/studio] Focused icon alert with avatar-wrapped warning icon and destructive background styling.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-06.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-06.json"},{"name":"shadcn-studio/alert-07","title":null,"description":"[shadcn/studio] File upload progress alert with animated progress bar, action buttons, and close functionality.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-07.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-07.json"},{"name":"shadcn-studio/alert-08","title":null,"description":"[shadcn/studio] Multi-action alert with primary background, multiple buttons, and dismissible interface.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-08.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-08.json"},{"name":"shadcn-studio/alert-09","title":null,"description":"[shadcn/studio] Task progress alert with user avatar, progress indicator, and task completion tracking.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-09.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-09.json"},{"name":"shadcn-studio/alert-10","title":null,"description":"[shadcn/studio] Gradient background alert with email verification message and gradient styling.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-10.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-10.json"},{"name":"shadcn-studio/alert-11","title":null,"description":"[shadcn/studio] Success indicator alert with left border highlight and green success styling.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-11.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-11.json"},{"name":"shadcn-studio/alert-12","title":null,"description":"[shadcn/studio] Information/error indicator alert with destructive background styling and informational content.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-12.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-12.json"},{"name":"shadcn-studio/alert-13","title":null,"description":"[shadcn/studio] displaying a minimal \"New message!\" notification with an attention icon and an actionable \"Open\" button","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-13.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-13.json"},{"name":"shadcn-studio/alert-14","title":null,"description":"[shadcn/studio] Error indicator alert with red styling and destructive error message.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-14.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-14.json"},{"name":"shadcn-studio/alert-15","title":null,"description":"[shadcn/studio] Pure destructive alert using built-in destructive variant with error styling.","type":"registry:component","source_url":"https://registry.directory/r/shadcn-studio/alert-15.json","install_command":"npx shadcn@latest add https://registry.directory/r/shadcn-studio/alert-15.json"}]},{"id":"remocn","name":"@remocn","slug":"remocn","description":"remocn is a shadcn registry of 64+ production-ready Remotion video components for building product demos, changelogs, and launch videos in React. Categories: Text Animations (blur reveal, typewriter, shimmer sweep, slot machine, matrix decode, RGB glitch, kinetic type mask, infinite marquee), Backgrounds (mesh gradient, dynamic grid, spring pop-in), Transitions (chromatic aberration wipe, frosted glass wipe, directional wipe, grid pixelate, spatial push, zoom-through), UI Blocks (terminal simulator, browser flow, toast notification, animated charts, device mockup zoom, morphing modal), and full Compositions (product launch trailer, changelog bite, pricing tier focus). Built on Remotion 4.0, React 19, Tailwind v4, Next.js. Fully free, MIT license. Use for: creating animated product demo videos, changelogs, or documentation clips programmatically in React without a video editor.","author":"kapishdima","framework":"react","license":"MIT","tags":["aesthetic","animation","backgrounds","blocks","charts","dashboard","developer-tools","editor","gaming","glassmorphism","loaders","media","overlays","pro-available","retro","text-effects"],"categories":["Niche/single-purpose"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://www.remocn.dev/","github":"https://github.com/kapishdima/remocn","registry":"https://www.remocn.dev/r/registry.json","source":"https://www.remocn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/remocn","markdown":"https://sh4dcn.netlify.app/md/remocn.md"},"logo":"<svg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='100' height='100' rx='14' fill='black'/><path d='M83.9141 45.7661C86.9141 47.4982 86.9141 51.829 83.9141 53.561L31.4141 83.8716C28.4141 85.6036 24.6641 83.4382 24.6641 79.9741L24.6641 19.353C24.6641 15.8889 28.4141 13.7235 31.4141 15.4556L83.9141 45.7661Z' fill='white' stroke='white'/><path d='M68.998 31.3979C68.998 50.3798 68.998 63.307 68.998 67.3979' stroke='black' stroke-width='10'/><path d='M53.0625 16.75C53.0625 48.2803 53.0625 69.7535 53.0625 76.5488' stroke='black' stroke-width='10'/><path d='M37.127 9.88379C37.127 51.1081 37.127 79.1833 37.127 88.0679' stroke='black' stroke-width='10'/><path d='M31.1318 15.8618L43.1074 22.7646' stroke='white' stroke-width='2'/><path d='M63.291 34.439L75.2617 41.3579' stroke='white' stroke-width='2'/><path d='M46.6641 74.4712L59.208 67.2573' stroke='white' stroke-width='2'/><path d='M76.0205 57.5371L82.9848 53.5226' stroke='white' stroke-width='2'/></svg>","preview_image":"https://remocn.dev/hero.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.reactbits.dev/?utm_source=remocn&amp;utm_medium=sponsor&amp;utm_campaign=remocn_sponsors_page"},"metrics":{"github_stars":1649,"open_issues":3,"last_commit":"2026-10-23T17:24:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.remocn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.remocn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.remocn.dev/r/registry.json","clone":"git clone https://github.com/kapishdima/remocn.git","clone_degit":"npx degit kapishdima/remocn","registry_fetch":"curl -s https://www.remocn.dev/r/registry.json"},"component_count":250,"components":[{"name":"soft-blur-in","title":"Soft Blur In","description":"Per-character fade-in with a gentle blur and upward motion. Apple's signature hero-title reveal.","type":"registry:component","source_url":"https://www.remocn.dev/r/soft-blur-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/soft-blur-in.json"},{"name":"per-character-rise","title":"Per Character Rise","description":"Letters slide up from below with no blur — crisp, deliberate, kinetic.","type":"registry:component","source_url":"https://www.remocn.dev/r/per-character-rise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/per-character-rise.json"},{"name":"bottom-up-letters","title":"Bottom-Up Letters","description":"Letters rise from below in a pronounced staircase, one symbol at a time, with zero blur.","type":"registry:component","source_url":"https://www.remocn.dev/r/bottom-up-letters.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/bottom-up-letters.json"},{"name":"top-down-letters","title":"Top-Down Letters","description":"Letters descend from above in a pronounced staircase, one symbol at a time, with zero blur.","type":"registry:component","source_url":"https://www.remocn.dev/r/top-down-letters.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/top-down-letters.json"},{"name":"spring-scale-in","title":"Spring Scale In","description":"Words pop in with a soft overshoot scale, like a physical spring settling into place.","type":"registry:component","source_url":"https://www.remocn.dev/r/spring-scale-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/spring-scale-in.json"},{"name":"micro-scale-fade","title":"Micro Scale Fade","description":"A calm, tiny scale pop used as subtle premium polish for labels and headings.","type":"registry:component","source_url":"https://www.remocn.dev/r/micro-scale-fade.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/micro-scale-fade.json"},{"name":"scale-down-fade","title":"Scale Down Fade","description":"Subtle premium settle-in with a restrained scale-down fade on exit.","type":"registry:component","source_url":"https://www.remocn.dev/r/scale-down-fade.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/scale-down-fade.json"},{"name":"blur-out-up","title":"Blur Out Up","description":"Words arrive clean and depart upward with increasing blur for airy exits.","type":"registry:component","source_url":"https://www.remocn.dev/r/blur-out-up.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/blur-out-up.json"},{"name":"focus-blur-resolve","title":"Focus Blur Resolve","description":"A premium focus pull from heavy blur to crisp text, then a soft blur-out exit.","type":"registry:component","source_url":"https://www.remocn.dev/r/focus-blur-resolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/focus-blur-resolve.json"},{"name":"lens-zoom","title":"Lens Zoom","description":"A hard cut disguised as a lens punch-in: barrel distortion, zoom blur, chromatic split and camera shake around the splice.","type":"registry:component","source_url":"https://www.remocn.dev/r/lens-zoom.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/lens-zoom.json"},{"name":"line-by-line-slide","title":"Line-by-Line Slide","description":"Each line enters from the left with a staggered slide and exits to the right for a flowing paragraph reveal.","type":"registry:component","source_url":"https://www.remocn.dev/r/line-by-line-slide.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/line-by-line-slide.json"},{"name":"per-word-crossfade","title":"Per-Word Crossfade","description":"Words gently fade into place one after another, with a short vertical drift for a calm keynote rhythm.","type":"registry:component","source_url":"https://www.remocn.dev/r/per-word-crossfade.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/per-word-crossfade.json"},{"name":"word-stream","title":"Word Stream","description":"Voiceover-paced phrases that build word by word — the next word looms as a blurred ghost before it resolves, then the phrase cuts away.","type":"registry:component","source_url":"https://www.remocn.dev/r/word-stream.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/word-stream.json"},{"name":"word-push","title":"Word Push","description":"A phrase builds from its first word centered: each next word drives in from the right and pushes the line left, easing into the new center.","type":"registry:component","source_url":"https://www.remocn.dev/r/word-push.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/word-push.json"},{"name":"sheen-slide-in","title":"Sheen Slide In","description":"A title glides in from the right with an exponential settle and a slow final creep to center, while a gradient sheen sweeps once through the glyphs.","type":"registry:component","source_url":"https://www.remocn.dev/r/sheen-slide-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/sheen-slide-in.json"},{"name":"squeeze-in","title":"Squeeze In","description":"Characters appear one by one on a tight stagger; when the last one lands, every letter gap compresses as one and the word squeezes together.","type":"registry:component","source_url":"https://www.remocn.dev/r/squeeze-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/squeeze-in.json"},{"name":"fog-rise","title":"Fog Rise","description":"Display text resolves out of fog: characters sharpen from heavy blur center-out with vertical streaks dissolving above them, as if rising along the z-axis.","type":"registry:component","source_url":"https://www.remocn.dev/r/fog-rise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/fog-rise.json"},{"name":"caret-swap","title":"Caret Swap","description":"A gradient caret swells into a block that consumes the first phrase right-to-left, collapses back and types the second phrase out with a blinking caret.","type":"registry:component","source_url":"https://www.remocn.dev/r/caret-swap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caret-swap.json"},{"name":"zoom-words","title":"Zoom Words","description":"A close-up word reveal: huge words fade into a long line while the camera rides the write head, the line streaming off-frame as the shot eases into focus.","type":"registry:component","source_url":"https://www.remocn.dev/r/zoom-words.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/zoom-words.json"},{"name":"centered-word-build","title":"Centered Word Build","description":"Words appear sharply from below while the centered phrase pushes cumulatively closer on every beat, then clears through a soft left-to-right opacity wipe.","type":"registry:component","source_url":"https://www.remocn.dev/r/centered-word-build.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/centered-word-build.json"},{"name":"inline-pill-takeover","title":"Inline Pill Takeover","description":"A clipped pill expands inside a sentence, physically pushes the surrounding words apart, removes them through blur and takes over the frame with a fast camera …","type":"registry:component","source_url":"https://www.remocn.dev/r/inline-pill-takeover.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/inline-pill-takeover.json"},{"name":"typed-split-wipe","title":"Typed Split Wipe","description":"A centered cursorless type build holds, then exits through opposing fixed-layout glyph wipes that leave the anchor visible longest.","type":"registry:component","source_url":"https://www.remocn.dev/r/typed-split-wipe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/typed-split-wipe.json"},{"name":"shadow-sweep-text","title":"Shadow Sweep Text","description":"A line rises up and left while one dense dark shadow uncovers it and a second shadow sweeps back across it for the exit.","type":"registry:component","source_url":"https://www.remocn.dev/r/shadow-sweep-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shadow-sweep-text.json"},{"name":"outline-fill-track-text","title":"Outline Fill Track Text","description":"A rising lead word gives way to an outlined value that fills from left to right while both travel on one continuous track.","type":"registry:component","source_url":"https://www.remocn.dev/r/outline-fill-track-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/outline-fill-track-text.json"},{"name":"gradient-scale-cut-text","title":"Gradient Scale Cut Text","description":"An oversized gradient reveal snaps to a separate compact blurred line that settles left while the reveal continues.","type":"registry:component","source_url":"https://www.remocn.dev/r/gradient-scale-cut-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/gradient-scale-cut-text.json"},{"name":"rush-type","title":"Rush Type","description":"A resting white word blasts through vertical scale motion, separating into energy-conserving RGB shutter trails before the next word resolves.","type":"registry:component","source_url":"https://www.remocn.dev/r/rush-type.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/rush-type.json"},{"name":"extrude-pop","title":"Extrude Pop","description":"A flat word pops up out of the plane on a solid colored 3D body, no camera involved.","type":"registry:component","source_url":"https://www.remocn.dev/r/extrude-pop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/extrude-pop.json"},{"name":"fade-through","title":"Fade Through","description":"A Material-style content transition: old fades out, new fades in with a soft delay.","type":"registry:component","source_url":"https://www.remocn.dev/r/fade-through.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/fade-through.json"},{"name":"shared-axis-y","title":"Shared Axis Y","description":"Per-word hard-cut transition with staircase timing for sharp editorial swaps.","type":"registry:component","source_url":"https://www.remocn.dev/r/shared-axis-y.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shared-axis-y.json"},{"name":"shared-axis-z","title":"Shared Axis Z","description":"Scale-based shared-axis transition for focus shifts and context depth.","type":"registry:component","source_url":"https://www.remocn.dev/r/shared-axis-z.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shared-axis-z.json"},{"name":"short-slide-right","title":"Short Slide Right","description":"The whole phrase glides in from the left as one compact move while words reveal in sequence through opacity.","type":"registry:component","source_url":"https://www.remocn.dev/r/short-slide-right.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/short-slide-right.json"},{"name":"kinetic-morph-text","title":"Kinetic Morph Text","description":"Letters lift, rotate, and softly reshape into editable phrases with sampled outline trails.","type":"registry:component","source_url":"https://www.remocn.dev/r/kinetic-morph-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/kinetic-morph-text.json"},{"name":"kinetic-warp","title":"Kinetic Warp","description":"A coarse mesh warp bends a whole word in staccato beats, one axis per keyframe.","type":"registry:component","source_url":"https://www.remocn.dev/r/kinetic-warp.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/kinetic-warp.json"},{"name":"kinetic-center-build","title":"Kinetic Center Build","description":"A word appears in the center; each new word enters from the right and pushes the line until the full phrase locks centered.","type":"registry:component","source_url":"https://www.remocn.dev/r/kinetic-center-build.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/kinetic-center-build.json"},{"name":"short-slide-down","title":"Short Slide Down","description":"Each new word drops in from above into its own line and pushes the stack downward until a centered three-line composition locks in place.","type":"registry:component","source_url":"https://www.remocn.dev/r/short-slide-down.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/short-slide-down.json"},{"name":"typewriter","title":"Typewriter","description":"Character-by-character text reveal with a deterministic blinking cursor.","type":"registry:component","source_url":"https://www.remocn.dev/r/typewriter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/typewriter.json"},{"name":"inline-highlight","title":"Inline Highlight","description":"Animates one word inside a sentence from a base color to a brand color.","type":"registry:component","source_url":"https://www.remocn.dev/r/inline-highlight.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/inline-highlight.json"},{"name":"stretch-in","title":"Stretch In","description":"Letters fly in from off-canvas and smear horizontally on the way — a vertex-lag deformation, not a scale.","type":"registry:component","source_url":"https://www.remocn.dev/r/stretch-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/stretch-in.json"},{"name":"strikethrough-replace","title":"Strikethrough Replace","description":"Draws a strike line across old text then reveals new text in its place.","type":"registry:component","source_url":"https://www.remocn.dev/r/strikethrough-replace.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/strikethrough-replace.json"},{"name":"staggered-fade-up","title":"Staggered Fade Up","description":"Words fade in and slide up one after another with a configurable delay.","type":"registry:component","source_url":"https://www.remocn.dev/r/staggered-fade-up.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/staggered-fade-up.json"},{"name":"mask-reveal-up","title":"Mask Reveal Up","description":"Lines reveal upward with a soft masked feel and compact stagger.","type":"registry:component","source_url":"https://www.remocn.dev/r/mask-reveal-up.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/mask-reveal-up.json"},{"name":"tracking-in","title":"Tracking In","description":"Letter-spacing collapses and blur clears with a springy motion.","type":"registry:component","source_url":"https://www.remocn.dev/r/tracking-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/tracking-in.json"},{"name":"shimmer-sweep","title":"Shimmer Sweep","description":"Light shine sweeps across muted text via background-clip:text.","type":"registry:component","source_url":"https://www.remocn.dev/r/shimmer-sweep.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shimmer-sweep.json"},{"name":"marker-highlight","title":"Marker Highlight","description":"Colored marker block draws behind a phrase as the text color shifts.","type":"registry:component","source_url":"https://www.remocn.dev/r/marker-highlight.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/marker-highlight.json"},{"name":"slot-machine-roll","title":"Slot Machine Roll","description":"Vertical reel scrolls characters from one value to another.","type":"registry:component","source_url":"https://www.remocn.dev/r/slot-machine-roll.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/slot-machine-roll.json"},{"name":"matrix-decode","title":"Matrix Decode","description":"Random scramble resolves left-to-right into the target text.","type":"registry:component","source_url":"https://www.remocn.dev/r/matrix-decode.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/matrix-decode.json"},{"name":"rgb-glitch-text","title":"RGB Glitch Text","description":"Three RGB-offset text copies jitter for a brief glitch window.","type":"registry:component","source_url":"https://www.remocn.dev/r/rgb-glitch-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/rgb-glitch-text.json"},{"name":"infinite-marquee","title":"Infinite Marquee","description":"Seamlessly looping horizontal text strip with optional stroke style.","type":"registry:component","source_url":"https://www.remocn.dev/r/infinite-marquee.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/infinite-marquee.json"},{"name":"shader-mesh-gradient","title":"Shader Mesh Gradient","description":"WebGL mesh gradient backdrop driven per-frame for deterministic Remotion renders.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient.json"},{"name":"shader-mesh-gradient-dusk","title":"Shader Mesh Gradient Dusk","description":"Violet dusk with coral and peach light drifting through deep indigo.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-dusk.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-dusk.json"},{"name":"shader-mesh-gradient-lagoon","title":"Shader Mesh Gradient Lagoon","description":"Bright aqua and teal shallows with a deep-blue undertow.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-lagoon.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-lagoon.json"},{"name":"shader-mesh-gradient-peach","title":"Shader Mesh Gradient Peach","description":"Warm peach and cream glow with a whisper of film grain.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-peach.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-peach.json"},{"name":"shader-mesh-gradient-aurora","title":"Shader Mesh Gradient Aurora","description":"Cyan and violet ribbons swirling out of a near-black sky.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-aurora.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-aurora.json"},{"name":"shader-mesh-gradient-lavender","title":"Shader Mesh Gradient Lavender","description":"Soft lilac and pink haze with grain-softened edges.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-lavender.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-lavender.json"},{"name":"shader-mesh-gradient-ember","title":"Shader Mesh Gradient Ember","description":"Molten orange and amber pooling in dark oxblood.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-ember.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-ember.json"},{"name":"shader-mesh-gradient-mint","title":"Shader Mesh Gradient Mint","description":"Airy mint and sky-blue pastel wash around a deeper green core.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-mint.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-mint.json"},{"name":"shader-mesh-gradient-synthwave","title":"Shader Mesh Gradient Synthwave","description":"Night-purple field lit by a warm coral sunset glow.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-synthwave.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-synthwave.json"},{"name":"shader-mesh-gradient-ink","title":"Shader Mesh Gradient Ink","description":"Monochrome ink folds in charcoal and silver with grain.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-mesh-gradient-ink.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-mesh-gradient-ink.json"},{"name":"shader-grain-gradient","title":"Shader Grain Gradient","description":"Grainy multi-stop gradient that drifts slowly with film-grain texture over the blend.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient.json"},{"name":"shader-grain-gradient-sunrise","title":"Shader Grain Gradient Sunrise","description":"Grainy wave of coral and gold rising over a plum night.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-sunrise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-sunrise.json"},{"name":"shader-grain-gradient-nebula","title":"Shader Grain Gradient Nebula","description":"Magenta and cyan glow blooming from the corners of deep space.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-nebula.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-nebula.json"},{"name":"shader-grain-gradient-orb","title":"Shader Grain Gradient Orb","description":"Large grainy sphere in periwinkle, violet and pink.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-orb.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-orb.json"},{"name":"shader-grain-gradient-horizon","title":"Shader Grain Gradient Horizon","description":"Peach horizon band rolling between navy and pale sky.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-horizon.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-horizon.json"},{"name":"shader-grain-gradient-blush","title":"Shader Grain Gradient Blush","description":"Pastel pink and apricot blob morphing on warm off-white.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-blush.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-blush.json"},{"name":"shader-grain-gradient-tide","title":"Shader Grain Gradient Tide","description":"Teal ripple ring pulsing out of a dark sea-green core.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-tide.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-tide.json"},{"name":"shader-grain-gradient-arcade","title":"Shader Grain Gradient Arcade","description":"Retro grainy dots in orange, yellow and green on black.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-arcade.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-arcade.json"},{"name":"shader-grain-gradient-dune","title":"Shader Grain Gradient Dune","description":"Sandy grain wave in tan, caramel and rust.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-dune.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-dune.json"},{"name":"shader-grain-gradient-ultraviolet","title":"Shader Grain Gradient Ultraviolet","description":"Electric magenta and blue blob morphing on ultraviolet black.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-grain-gradient-ultraviolet.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-grain-gradient-ultraviolet.json"},{"name":"shader-warp","title":"Shader Warp","description":"Domain-warped color field that folds and stretches like liquid.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp.json"},{"name":"shader-warp-silk","title":"Shader Warp Silk","description":"Violet and pink liquid silk folding in slow waves.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-silk.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-silk.json"},{"name":"shader-warp-sunset","title":"Shader Warp Sunset","description":"Marbled coral, peach and wine flowing like warm liquid.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-sunset.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-sunset.json"},{"name":"shader-warp-ocean","title":"Shader Warp Ocean","description":"Glossy aqua currents traced with dark ink edges.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-ocean.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-ocean.json"},{"name":"shader-warp-marble","title":"Shader Warp Marble","description":"Cream and charcoal marble veins swirling together.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-marble.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-marble.json"},{"name":"shader-warp-acid","title":"Shader Warp Acid","description":"Loud lime and cyan fluid swirling over black.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-acid.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-acid.json"},{"name":"shader-warp-cream","title":"Shader Warp Cream","description":"Soft peach-to-coral cream gradient with a gentle drift.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-cream.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-cream.json"},{"name":"shader-warp-deep-sea","title":"Shader Warp Deep Sea","description":"Diagonal teal bands rippling through midnight blue.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-deep-sea.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-deep-sea.json"},{"name":"shader-warp-rose-gold","title":"Shader Warp Rose Gold","description":"Satin rose-gold folds with a soft sheen.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-rose-gold.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-rose-gold.json"},{"name":"shader-warp-storm","title":"Shader Warp Storm","description":"Deep violet and lavender storm of marbled fluid.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-warp-storm.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-warp-storm.json"},{"name":"shader-swirl","title":"Shader Swirl","description":"Concentric bands swirling around a center point.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl.json"},{"name":"shader-swirl-candy","title":"Shader Swirl Candy","description":"Pastel pink, lilac and sky-blue spiral, soft and sweet.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-candy.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-candy.json"},{"name":"shader-swirl-sunburst","title":"Shader Swirl Sunburst","description":"Retro cream and orange bands sweeping in from above.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-sunburst.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-sunburst.json"},{"name":"shader-swirl-hypno","title":"Shader Swirl Hypno","description":"High-contrast black and white hypnotic spiral.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-hypno.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-hypno.json"},{"name":"shader-swirl-neon","title":"Shader Swirl Neon","description":"Neon teal, purple and pink vortex around a dark core.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-neon.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-neon.json"},{"name":"shader-swirl-tide","title":"Shader Swirl Tide","description":"Silky blue bands twisting into a deep navy whirlpool.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-tide.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-tide.json"},{"name":"shader-swirl-citrus","title":"Shader Swirl Citrus","description":"Juicy yellow, pink and green bands spiralling on cream.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-citrus.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-citrus.json"},{"name":"shader-swirl-ember","title":"Shader Swirl Ember","description":"Gold and orange fire bands spinning around a dark core.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-ember.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-ember.json"},{"name":"shader-swirl-lilac","title":"Shader Swirl Lilac","description":"Dreamy lilac and baby-blue swirl around a dark eye.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-lilac.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-lilac.json"},{"name":"shader-swirl-retro","title":"Shader Swirl Retro","description":"Seventies spiral in orange, sand and teal.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-swirl-retro.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-swirl-retro.json"},{"name":"shader-water","title":"Shader Water","description":"Caustic water-surface ripples with subtle refraction.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-water.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-water.json"},{"name":"shader-spiral","title":"Shader Spiral","description":"Rotating spiral arms radiating from the center.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-spiral.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-spiral.json"},{"name":"shader-liquid-metal","title":"Shader Liquid Metal","description":"Molten metallic surface with flowing specular highlights.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-liquid-metal.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-liquid-metal.json"},{"name":"shader-color-panels","title":"Shader Color Panels","description":"Overlapping translucent color panels sliding past each other.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-color-panels.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-color-panels.json"},{"name":"shader-neuro-noise","title":"Shader Neuro Noise","description":"Organic neural-web noise field that slowly morphs.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-neuro-noise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-neuro-noise.json"},{"name":"shader-perlin-noise","title":"Shader Perlin Noise","description":"Classic Perlin noise clouds drifting across the frame.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-perlin-noise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-perlin-noise.json"},{"name":"shader-simplex-noise","title":"Shader Simplex Noise","description":"Simplex noise flow field, smoother than Perlin.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-simplex-noise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-simplex-noise.json"},{"name":"shader-voronoi","title":"Shader Voronoi","description":"Animated Voronoi cells shifting and re-tessellating.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-voronoi.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-voronoi.json"},{"name":"shader-dot-orbit","title":"Shader Dot Orbit","description":"Dots orbiting on concentric paths across the frame.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-dot-orbit.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-dot-orbit.json"},{"name":"shader-dithering","title":"Shader Dithering","description":"Ordered-dither shading over an animated gradient field.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-dithering.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-dithering.json"},{"name":"shader-god-rays","title":"Shader God Rays","description":"Volumetric light rays radiating from an off-screen source.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-god-rays.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-god-rays.json"},{"name":"shader-smoke-ring","title":"Shader Smoke Ring","description":"Soft smoke ring curling and dissipating in place.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-smoke-ring.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-smoke-ring.json"},{"name":"shader-metaballs","title":"Shader Metaballs","description":"Organic blobs merging and splitting like lava.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-metaballs.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-metaballs.json"},{"name":"shader-pulsing-border","title":"Shader Pulsing Border","description":"Glowing border frame that pulses around the edges.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-pulsing-border.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-pulsing-border.json"},{"name":"simulated-cursor","title":"Simulated Cursor","description":"Animated mouse cursor moving between waypoints with click ripple feedback.","type":"registry:component","source_url":"https://www.remocn.dev/r/simulated-cursor.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/simulated-cursor.json"},{"name":"swirl-dissolve","title":"Swirl Dissolve","description":"A swirl shader transition that unwinds open and winds shut to reveal the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/swirl-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/swirl-dissolve.json"},{"name":"dither-dissolve","title":"Dither Dissolve","description":"A dithering shader transition that dissolves one scene into the next.","type":"registry:component","source_url":"https://www.remocn.dev/r/dither-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/dither-dissolve.json"},{"name":"perlin-dissolve","title":"Perlin Dissolve","description":"A perlin-noise shader transition that sweeps its noise threshold to dissolve one scene into the next.","type":"registry:component","source_url":"https://www.remocn.dev/r/perlin-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/perlin-dissolve.json"},{"name":"smoke-dissolve","title":"Smoke Dissolve","description":"A smoke-ring shader transition that expands the ring outward to reveal the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/smoke-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/smoke-dissolve.json"},{"name":"wave-wipe","title":"Wave Wipe","description":"A grain-gradient wave that sweeps up across the frame, covering the outgoing scene and revealing the next one from below.","type":"registry:component","source_url":"https://www.remocn.dev/r/wave-wipe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/wave-wipe.json"},{"name":"ripple-zoom","title":"Ripple Zoom","description":"A grain-gradient ripple transition that flies the camera through the center of the rings while the next scene approaches from the depth.","type":"registry:component","source_url":"https://www.remocn.dev/r/ripple-zoom.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ripple-zoom.json"},{"name":"gooey-morph","title":"Gooey Morph","description":"Bars fly in Tetris-style, land as a row, and melt into a word through a gooey blur-and-threshold morph.","type":"registry:component","source_url":"https://www.remocn.dev/r/gooey-morph.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/gooey-morph.json"},{"name":"grain-dissolve","title":"Grain Dissolve","description":"A grain-gradient shader transition that disintegrates the outgoing scene into soft grainy shapes and condenses the next scene out of the noise.","type":"registry:component","source_url":"https://www.remocn.dev/r/grain-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/grain-dissolve.json"},{"name":"warp-dissolve","title":"Warp Dissolve","description":"A domain-warp shader transition that melts the outgoing scene into a folding color field and straightens back out into the next.","type":"registry:component","source_url":"https://www.remocn.dev/r/warp-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/warp-dissolve.json"},{"name":"whip-pan","title":"Whip Pan","description":"A whip-pan transition that flies both scenes through the frame in one move with velocity-based motion blur.","type":"registry:component","source_url":"https://www.remocn.dev/r/whip-pan.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/whip-pan.json"},{"name":"push-through","title":"Push Through","description":"A dolly transition that blows the outgoing scene past the camera while the next one approaches from the depth.","type":"registry:component","source_url":"https://www.remocn.dev/r/push-through.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/push-through.json"},{"name":"focus-pull","title":"Focus Pull","description":"A rack-focus transition that defocuses the outgoing scene into a bright blur and resolves the next one into focus.","type":"registry:component","source_url":"https://www.remocn.dev/r/focus-pull.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/focus-pull.json"},{"name":"zoom-blur","title":"Zoom Blur","description":"A depth punch-in transition that pushes the outgoing scene through the viewer while the incoming one resolves out of blur.","type":"registry:component","source_url":"https://www.remocn.dev/r/zoom-blur.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/zoom-blur.json"},{"name":"rolodex-flip","title":"Rolodex Flip","description":"Cycles a word through a list of values with a 3D rolodex card flip while an invisible sizer keeps the line width and baseline stable.","type":"registry:component","source_url":"https://www.remocn.dev/r/rolodex-flip.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/rolodex-flip.json"},{"name":"value-swap","title":"Value Swap","description":"Swaps a value in place with a vertical slide — the old value exits up as the new one enters from below while an invisible sizer keeps the width stable.","type":"registry:component","source_url":"https://www.remocn.dev/r/value-swap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/value-swap.json"},{"name":"chat-to-preview-layout","title":"Chat to Preview Layout","description":"Two-column layout where chat shrinks and preview expands.","type":"registry:component","source_url":"https://www.remocn.dev/r/chat-to-preview-layout.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/chat-to-preview-layout.json"},{"name":"animated-line-chart","title":"Animated Line Chart","description":"Line chart whose SVG path draws on from left to right with a leading dot.","type":"registry:component","source_url":"https://www.remocn.dev/r/animated-line-chart.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/animated-line-chart.json"},{"name":"animated-bar-chart","title":"Animated Bar Chart","description":"Bars spring up from the baseline in a staggered cascade.","type":"registry:component","source_url":"https://www.remocn.dev/r/animated-bar-chart.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/animated-bar-chart.json"},{"name":"terminal-simulator","title":"Terminal Simulator","description":"Terminal window that types out commands and rolls old lines off the top.","type":"registry:component","source_url":"https://www.remocn.dev/r/terminal-simulator.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/terminal-simulator.json"},{"name":"terminal-cursor-zoom","title":"Terminal Cursor Zoom","description":"Camera locked to the typing cursor, dollying across a terminal as a command types at high zoom.","type":"registry:component","source_url":"https://www.remocn.dev/r/terminal-cursor-zoom.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/terminal-cursor-zoom.json"},{"name":"glass-code-block","title":"Glass Code Block","description":"A premium frosted-glass code editor window with a regex tokenizer and line-by-line stagger reveal.","type":"registry:component","source_url":"https://www.remocn.dev/r/glass-code-block.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/glass-code-block.json"},{"name":"glass-code-walk","title":"Glass Code Walk","description":"A camera that scans a glass code block top to bottom as it types, then pulls back to a centered hold.","type":"registry:component","source_url":"https://www.remocn.dev/r/glass-code-walk.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/glass-code-walk.json"},{"name":"perspective-marquee","title":"Perspective Marquee","description":"A 3D-tilted infinite marquee with depth-of-field blur on items rolling toward the horizon.","type":"registry:component","source_url":"https://www.remocn.dev/r/perspective-marquee.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/perspective-marquee.json"},{"name":"perspective-squeeze","title":"Perspective Squeeze","description":"Two lines of heavy type endlessly trade height while corner-pinned perspective bends the flat stack into receding planes.","type":"registry:component","source_url":"https://www.remocn.dev/r/perspective-squeeze.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/perspective-squeeze.json"},{"name":"ecosystem-constellation","title":"Ecosystem Constellation","description":"A central logo orbited by integration satellites with pulsing data lines.","type":"registry:component","source_url":"https://www.remocn.dev/r/ecosystem-constellation.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ecosystem-constellation.json"},{"name":"live-code-compilation","title":"Live Code Compilation","description":"Split-screen where typed code on the left snaps a live UI preview on the right, HMR-style.","type":"registry:component","source_url":"https://www.remocn.dev/r/live-code-compilation.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/live-code-compilation.json"},{"name":"infinite-bento-pan","title":"Infinite Bento Pan","description":"A camera diagonally drifts across an oversized bento grid behind a soft vignette.","type":"registry:component","source_url":"https://www.remocn.dev/r/infinite-bento-pan.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/infinite-bento-pan.json"},{"name":"github-sponsors","title":"GitHub Sponsors","description":"Self-drawing Sponsors heart that docks to a header, every sponsor avatar blur-staggering into a grid, then a thank-you headline and a CTA. Single seek-safe tim…","type":"registry:component","source_url":"https://www.remocn.dev/r/github-sponsors.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/github-sponsors.json"},{"name":"github-stars","title":"GitHub Stars","description":"Inertial fly-through of a repo's stargazers with a synced count-up odometer that locks on the total. Horizontal 16:9 or vertical 9:16.","type":"registry:component","source_url":"https://www.remocn.dev/r/github-stars.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/github-stars.json"},{"name":"number-wheel","title":"Number Wheel","description":"Mechanical odometer that rolls an integer up or down to its target, direction inferred from the values.","type":"registry:component","source_url":"https://www.remocn.dev/r/number-wheel.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/number-wheel.json"},{"name":"rolling-number","title":"Rolling Number","description":"Odometer where every place rolls at its own speed, new places rising into view, settling exactly on the target value.","type":"registry:component","source_url":"https://www.remocn.dev/r/rolling-number.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/rolling-number.json"},{"name":"x-follow-card","title":"X Follow Card","description":"Animated X profile follow card — spring bounce-in, staggered blur-in, a synthetic cursor that clicks Follow and flips it to Following. Light/dark, horizontal o…","type":"registry:component","source_url":"https://www.remocn.dev/r/x-follow-card.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/x-follow-card.json"},{"name":"x-followers-overview","title":"X Followers Overview","description":"X follow notifications cycle through as 3D flipping text — '<name> followed you · 7h' — then the total follower count pops in with a confetti burst. Hardcoded …","type":"registry:component","source_url":"https://www.remocn.dev/r/x-followers-overview.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/x-followers-overview.json"},{"name":"claude-chat","title":"Claude Chat","description":"Animated Claude chat input — types a prompt character-by-character and the waveform button morphs into a terracotta send button the moment text appears. Warm l…","type":"registry:component","source_url":"https://www.remocn.dev/r/claude-chat.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/claude-chat.json"},{"name":"chat-gpt","title":"ChatGPT","description":"Animated ChatGPT composer — types a prompt into the pill input, the blue voice button morphs into a send button, and the suggestion chips fade out. Light/dark …","type":"registry:component","source_url":"https://www.remocn.dev/r/chat-gpt.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/chat-gpt.json"},{"name":"v0","title":"v0","description":"Animated Vercel v0 composer — types a prompt into the dark textarea and the mic button morphs into a send button. Dark/light themes.","type":"registry:component","source_url":"https://www.remocn.dev/r/v0.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/v0.json"},{"name":"claude-code","title":"Claude Code","description":"Animated Claude Code CLI welcome screen — terminal window with a dashed welcome box, recent activity and what's new panels, and a prompt line that types a comm…","type":"registry:component","source_url":"https://www.remocn.dev/r/claude-code.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/claude-code.json"},{"name":"opencode","title":"OpenCode","description":"Animated OpenCode TUI welcome screen — two-tone wordmark, an input box with a blue accent bar that types a query, a model status line, and command hints. Dark/…","type":"registry:component","source_url":"https://www.remocn.dev/r/opencode.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/opencode.json"},{"name":"chromatic-wave","title":"Chromatic Wave","description":"A soft wave travels down through the type; where it crosses, the letters ripple and split into RGB fringes.","type":"registry:component","source_url":"https://www.remocn.dev/r/chromatic-wave.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/chromatic-wave.json"},{"name":"radial-burst","title":"Radial Burst","description":"Sculptural ribbons twist into a tilted ring and sweep outward through contour echoes for an expressive product introduction.","type":"registry:component","source_url":"https://www.remocn.dev/r/radial-burst.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/radial-burst.json"},{"name":"confetti","title":"Confetti","description":"Deterministic confetti burst for Remotion — seeded particles with gravity, spin, and flutter so every render is identical. Fire it on any frame as a celebrator…","type":"registry:component","source_url":"https://www.remocn.dev/r/confetti.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/confetti.json"},{"name":"backdrop","title":"Backdrop","description":"Configurable full-frame background (color / gradient / image / live component) with Screen Studio-style padding and a rounded, shadowed content frame.","type":"registry:component","source_url":"https://www.remocn.dev/r/backdrop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/backdrop.json"},{"name":"drift","title":"Drift","description":"A slow linear camera push-in wrapper that scales its scene from 1 to 1+grow across the sequence so no frame is ever static.","type":"registry:component","source_url":"https://www.remocn.dev/r/drift.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/drift.json"},{"name":"stage","title":"Stage","description":"Place a screenshot, recording, or long page on a perspective studio plane and direct an integrated camera across it with timeline keyframes.","type":"registry:component","source_url":"https://www.remocn.dev/r/stage.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/stage.json"},{"name":"logo-enter","title":"Logo Enter","description":"A stacked group of round brand chips that spring in one-by-one, then hold. Swap the logos to feature any set of marks. Horizontal or vertical stacking.","type":"registry:component","source_url":"https://www.remocn.dev/r/logo-enter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/logo-enter.json"},{"name":"handwrite","title":"Handwrite","description":"Handwritten text laid down letter by letter on a quantized stop-motion clock, each glyph keeping its own slant and baseline wobble.","type":"registry:component","source_url":"https://www.remocn.dev/r/handwrite.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/handwrite.json"},{"name":"ink-underline","title":"Ink Underline","description":"A hand-dragged brush underline that sweeps itself across in a few stop-motion poses, thinning to a dry tail.","type":"registry:component","source_url":"https://www.remocn.dev/r/ink-underline.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ink-underline.json"},{"name":"paper-wobble","title":"Paper Wobble","description":"Per-pose reshoot jitter that makes any content feel hand-placed on a desk.","type":"registry:component","source_url":"https://www.remocn.dev/r/paper-wobble.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/paper-wobble.json"},{"name":"ink-arrow","title":"Ink Arrow","description":"A hand-drawn brush arrow that sweeps itself from one point to another, thickening into the head that pops on the final poses.","type":"registry:component","source_url":"https://www.remocn.dev/r/ink-arrow.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ink-arrow.json"},{"name":"paper-sticker","title":"Paper Sticker","description":"A taped paper chip that slaps onto the scene over two stop-motion poses, keeping a hand-placed tilt and per-pose wobble.","type":"registry:component","source_url":"https://www.remocn.dev/r/paper-sticker.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/paper-sticker.json"},{"name":"polaroid","title":"Polaroid","description":"An instant-photo frame with a handwritten caption for video, images, or live compositions.","type":"registry:component","source_url":"https://www.remocn.dev/r/polaroid.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/polaroid.json"},{"name":"hand-count","title":"Hand Count","description":"A number that counts up in stop-motion poses, rewritten by hand at every pose and freezing still once it lands.","type":"registry:component","source_url":"https://www.remocn.dev/r/hand-count.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/hand-count.json"},{"name":"brush","title":"Brush","description":"Variable-width brush ribbons for Remotion. Pressure taper, grain displacement, and spine samplers shared by the ink marks.","type":"registry:component","source_url":"https://www.remocn.dev/r/brush.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/brush.json"},{"name":"crumple-toss","title":"Crumple Toss","description":"Crushes an element into a ball of paper and throws it out of frame on an arc, leaving the scene around it running.","type":"registry:component","source_url":"https://www.remocn.dev/r/crumple-toss.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/crumple-toss.json"},{"name":"scribble-circle","title":"Scribble Circle","description":"A brush circle swept around a region of the frame, opening thin and closing thick, with grain breaking up the dry opening.","type":"registry:component","source_url":"https://www.remocn.dev/r/scribble-circle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/scribble-circle.json"},{"name":"check-list","title":"Check List","description":"A handwritten checklist that writes itself out in full, then ticks and strikes through every done item, one at a time.","type":"registry:component","source_url":"https://www.remocn.dev/r/check-list.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/check-list.json"},{"name":"page-turn","title":"Page Turn","description":"The exiting scene swings up and away like a notebook page in stop-motion poses, staying above the scene it reveals.","type":"registry:component","source_url":"https://www.remocn.dev/r/page-turn.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/page-turn.json"},{"name":"stop-motion","title":"Stop Motion Clock","description":"Quantized stop-motion clock for Remotion. Stepped frames, stepped springs, deterministic hashing, and per-pose paper jitter.","type":"registry:lib","source_url":"https://www.remocn.dev/r/stop-motion.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/stop-motion.json"},{"name":"ascii-dissolve","title":"ASCII Dissolve","description":"Dissolve one scene into the next through a drifting field of ASCII glyphs.","type":"registry:component","source_url":"https://www.remocn.dev/r/ascii-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ascii-dissolve.json"},{"name":"caret-wipe","title":"Caret Wipe","description":"Sweep a typing caret across the frame, wiping the outgoing scene into the next.","type":"registry:component","source_url":"https://www.remocn.dev/r/caret-wipe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caret-wipe.json"},{"name":"icon-scatter","title":"Icon Scatter","description":"Scatter a field of icons over the cut, hiding the scene swap at the field's peak.","type":"registry:component","source_url":"https://www.remocn.dev/r/icon-scatter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/icon-scatter.json"},{"name":"shader-caustics","title":"Shader Caustics","description":"A field of refracted light — the bright filaments light makes through a rippling surface.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-caustics.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-caustics.json"},{"name":"shader-gem-smoke","title":"Shader Gem Smoke","description":"Paper's Gem Smoke shader driven by the frame — smoke flowing behind and inside a glassy logo.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-gem-smoke.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-gem-smoke.json"},{"name":"shader-strata","title":"Shader Strata","description":"Fine horizontal sediment layers displaced by fbm noise, each drifting at its own depth.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-strata.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-strata.json"},{"name":"shader-weave","title":"Shader Weave","description":"A woven substrate of warp and weft threads crossing on a domain-warped grid, with a travelling sheen.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-weave.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-weave.json"},{"name":"reel","title":"Reel","description":"A fixed centered card where images stack on the z-axis and each blooms open over the last via a centre-out mask.","type":"registry:component","source_url":"https://www.remocn.dev/r/reel.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/reel.json"},{"name":"scene-motion","title":"Scene Motion","description":"The motion vocabulary scene content is built from: an exponential travel curve, a separate opacity ramp, three spring easings, and a compressing stagger.","type":"registry:lib","source_url":"https://www.remocn.dev/r/scene-motion.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/scene-motion.json"},{"name":"slide-swap","title":"Slide Swap","description":"A scene sequencer where the outgoing content is shoved off on an accelerating curve and the next springs in from the opposite edge, on one canvas, with no over…","type":"registry:component","source_url":"https://www.remocn.dev/r/slide-swap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/slide-swap.json"},{"name":"spring-settle","title":"Spring Settle","description":"A scene sequencer where the outgoing scene shrinks away as one group, the stage holds empty for a beat, and the next scene's items land staggered from above-1 …","type":"registry:component","source_url":"https://www.remocn.dev/r/spring-settle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/spring-settle.json"},{"name":"canvas-presentation","title":"Canvas Presentation","description":"The html-in-canvas scaffolding the canvas transitions and scene filters share: support detection, a full-screen WebGL2 shader fed either both sides of a cut or…","type":"registry:lib","source_url":"https://www.remocn.dev/r/canvas-presentation.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/canvas-presentation.json"},{"name":"ember-burn","title":"Ember Burn","description":"The outgoing frame catches fire where it is brightest, boils in the heat, chars at the rim, and blows away as sparks carrying its own colour.","type":"registry:component","source_url":"https://www.remocn.dev/r/ember-burn.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ember-burn.json"},{"name":"displacement","title":"Displacement","description":"The frame breaks into a grid of cells that shear apart into offset, colour-fringed tiles under film grain, then settle back carrying the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/displacement.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/displacement.json"},{"name":"hologram","title":"Hologram","description":"Play a scene as a projection: a ghost double shimmers off the image, emission lines structure it, and only what is bright enough carries through the dark volum…","type":"registry:component","source_url":"https://www.remocn.dev/r/hologram.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/hologram.json"},{"name":"security-cam","title":"Security Cam","description":"Run a scene through a cheap recorder: macroblocks flatten under a starved bitrate, colour resolution collapses to half the luma, blacks crush and shadows crawl…","type":"registry:component","source_url":"https://www.remocn.dev/r/security-cam.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/security-cam.json"},{"name":"tv-power-off","title":"TV Power Off","description":"End a scene the way a tube does: the picture collapses into a glowing horizontal line, the line pinches to a phosphor dot, the dot decays, and the frame is lef…","type":"registry:component","source_url":"https://www.remocn.dev/r/tv-power-off.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/tv-power-off.json"},{"name":"camera-lens","title":"Camera Lens","description":"Put a scene behind real glass: resolution falls off toward the corners, highlights bloom through the optics, colour fringes at the edges — a screencast that re…","type":"registry:component","source_url":"https://www.remocn.dev/r/camera-lens.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/camera-lens.json"},{"name":"underwater-ripple","title":"Underwater Ripple","description":"Hold a scene under moving water: every pixel is read through a layered refraction field that closes on a whole number of cycles, with colour fringing where the…","type":"registry:component","source_url":"https://www.remocn.dev/r/underwater-ripple.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/underwater-ripple.json"},{"name":"halftone-print","title":"Halftone Print","description":"Print a scene onto paper: each colour separates onto its own rotated screen of dots sized by the ink under them, slightly out of register the way a real press …","type":"registry:component","source_url":"https://www.remocn.dev/r/halftone-print.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/halftone-print.json"},{"name":"ascii-render","title":"ASCII Render","description":"Redraw a live scene as ASCII: the frame divides into glyph cells and each one becomes the character matching the brightness of the picture inside it.","type":"registry:component","source_url":"https://www.remocn.dev/r/ascii-render.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ascii-render.json"},{"name":"pixelate-region","title":"Pixelate Region","description":"Cover rectangles of a scene with an opaque mosaic while the rest passes through untouched — redact keys, addresses and personal data before a demo goes out.","type":"registry:component","source_url":"https://www.remocn.dev/r/pixelate-region.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/pixelate-region.json"},{"name":"sustained-glitch","title":"Sustained Glitch","description":"Broadcast corruption held over a scene in scheduled bursts: slices tear sideways, channels split, and blocks fill with picture pulled from somewhere else — the…","type":"registry:component","source_url":"https://www.remocn.dev/r/sustained-glitch.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/sustained-glitch.json"},{"name":"crt-screen","title":"CRT Screen","description":"Put a scene behind curved glass: the picture bulges out to the corners, an RGB phosphor mask and scanlines ride the curve, bright areas flood the mask, and the…","type":"registry:component","source_url":"https://www.remocn.dev/r/crt-screen.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/crt-screen.json"},{"name":"vhs-filter","title":"VHS Filter","description":"Hold a scene under analog tape: chroma bleeds sideways off every edge, rows wobble out of line, the bottom of the frame tears on the head switch, and luma nois…","type":"registry:component","source_url":"https://www.remocn.dev/r/vhs-filter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/vhs-filter.json"},{"name":"grid-wave","title":"Grid Wave","description":"A wave travels across the frame raising the picture into a grid of solid blocks with lit tops and shaded sides, which set back down carrying the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/grid-wave.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/grid-wave.json"},{"name":"particle-dissolve","title":"Particle Dissolve","description":"The frame is ground into drifting grey dust whose specks carry real fragments of the picture, and the next scene coalesces back out of the same dust.","type":"registry:component","source_url":"https://www.remocn.dev/r/particle-dissolve.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/particle-dissolve.json"},{"name":"glitch-cut","title":"Glitch Cut","description":"A broadcast-glitch hard cut: the frame tears into displaced slices with channel split and corrupted blocks, and the incoming scene takes over slice by slice at…","type":"registry:component","source_url":"https://www.remocn.dev/r/glitch-cut.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/glitch-cut.json"},{"name":"search-reveal","title":"Search Reveal","description":"Expanding construction circles snap into a search pill, type editable text, and reveal an abstract graphic panel.","type":"registry:component","source_url":"https://www.remocn.dev/r/search-reveal.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/search-reveal.json"},{"name":"cursor-gravity","title":"Cursor Gravity","description":"A rounded triangular cursor tugs a button out of the screen edge with pulsed elastic resistance.","type":"registry:component","source_url":"https://www.remocn.dev/r/cursor-gravity.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/cursor-gravity.json"},{"name":"type-fossil","title":"Type Fossil","description":"A readable word carries layers of fine contours, revises itself, then compresses into a clean typographic imprint.","type":"registry:component","source_url":"https://www.remocn.dev/r/type-fossil.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/type-fossil.json"},{"name":"shader-seam","title":"Shader Seam","description":"Dissolve a stationary OpenShaders material to uncover the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-seam.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-seam.json"},{"name":"shader-text-reveal","title":"Shader Text Reveal","description":"Reveal words through the original OpenShaders hero shader, then settle into white type.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-text-reveal.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-text-reveal.json"},{"name":"inline-word-roll","title":"Inline Word Roll","description":"Roll through words beside a fixed prefix with accelerating timing and smoothly centered width.","type":"registry:component","source_url":"https://www.remocn.dev/r/inline-word-roll.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/inline-word-roll.json"},{"name":"shader-light-tunnel","title":"Light Tunnel","description":"Fly straight through a tunnel made from the original OpenShaders hero shader.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-light-tunnel.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-light-tunnel.json"},{"name":"shader-spiral-pass","title":"Shader Spiral Pass","description":"Accelerate into the hero spiral and emerge through its soft center into the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/shader-spiral-pass.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/shader-spiral-pass.json"},{"name":"truchet-flip","title":"Truchet Flip","description":"Quarter-circle Truchet tiles snap a quarter turn as a wave crosses the grid, rerouting continuous lines until they settle into concentric loops, a calm field, …","type":"registry:component","source_url":"https://www.remocn.dev/r/truchet-flip.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/truchet-flip.json"},{"name":"mondrian-split","title":"Mondrian Split","description":"Black lines cut the frame into a seeded De Stijl grid, primaries wipe into its cells, the grid reflows like rubber, and one cell pushes its own lines out past …","type":"registry:component","source_url":"https://www.remocn.dev/r/mondrian-split.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/mondrian-split.json"},{"name":"bauhaus-build","title":"Bauhaus Build","description":"Flat Bauhaus circles, arcs, squares and bars tumble corner over corner on a hidden grid into an asymmetric frieze, then rebuild into two friezes around an open…","type":"registry:component","source_url":"https://www.remocn.dev/r/bauhaus-build.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/bauhaus-build.json"},{"name":"squiggle","title":"Squiggle","description":"A flat line draws itself along a straight course as a traveling wave whose crests swim forward and calm down as the head runs out, in wave, zigzag, loop or coi…","type":"registry:component","source_url":"https://www.remocn.dev/r/squiggle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/squiggle.json"},{"name":"speed-lines","title":"Speed Lines","description":"Parallel streaks trail an element as it flies in at its real speed, the element stretching with that speed and landing with a squash and a small bounce as the …","type":"registry:component","source_url":"https://www.remocn.dev/r/speed-lines.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/speed-lines.json"},{"name":"trim-burst","title":"Trim Burst","description":"A ring of short straight strokes shoots out from a point like Trim Paths: each end races ahead on a hard-braking ease-out while its start holds, then chases it…","type":"registry:component","source_url":"https://www.remocn.dev/r/trim-burst.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/trim-burst.json"},{"name":"keystroke","title":"Keystroke","description":"Physical keycaps rise in for each shortcut, press in real order with the modifiers held while the letter taps, spring back with a small capped overshoot, and l…","type":"registry:component","source_url":"https://www.remocn.dev/r/keystroke.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/keystroke.json"},{"name":"code-morph","title":"Code Morph","description":"A flat code editor that morphs between versions of a file, gliding each surviving token to its new line and column while removed code dissolves and new code fa…","type":"registry:component","source_url":"https://www.remocn.dev/r/code-morph.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/code-morph.json"},{"name":"agent-run","title":"Agent Run","description":"Animated brand-neutral AI agent run — a Thinking status and short plan, tool calls whose spinners close into checks while a timer counts real seconds, then a m…","type":"registry:component","source_url":"https://www.remocn.dev/r/agent-run.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/agent-run.json"},{"name":"selection-snap","title":"Selection Snap","description":"A thin word in a loose viewfinder snaps into a design-tool selection while it goes from Thin to Black, pops its handles and counts up a size badge.","type":"registry:component","source_url":"https://www.remocn.dev/r/selection-snap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/selection-snap.json"},{"name":"echo-stack","title":"Echo Stack","description":"A word focuses in at the center while outline copies of it unfold above and below and keep drifting, like the one clear line on a spinning drum.","type":"registry:component","source_url":"https://www.remocn.dev/r/echo-stack.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/echo-stack.json"},{"name":"type-wall","title":"Type Wall","description":"Rows of one word fill the frame, run in alternating directions at different speeds in heavy, narrow and outline faces, with an accent band through the middle.","type":"registry:component","source_url":"https://www.remocn.dev/r/type-wall.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/type-wall.json"},{"name":"ring-text","title":"Ring Text","description":"Text runs around a tilted 3D band that spins, reading on the near side and mirrored on the far side.","type":"registry:component","source_url":"https://www.remocn.dev/r/ring-text.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/ring-text.json"},{"name":"period-drop","title":"Period Drop","description":"A word rises out of its line, then a colored dot falls from above the frame, bounces with squash and stretch, and settles as the period.","type":"registry:component","source_url":"https://www.remocn.dev/r/period-drop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/period-drop.json"},{"name":"outline-trace","title":"Outline Trace","description":"Every glyph contour draws itself as a stroke, letter by letter, then the fill wipes up inside each letter and the stroke fades into it.","type":"registry:component","source_url":"https://www.remocn.dev/r/outline-trace.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/outline-trace.json"},{"name":"glyph-anatomy","title":"Glyph Anatomy","description":"A word builds as in a font editor, with metric guides, anchors along each contour and Bézier handles that pull straight segments into curves before the glyphs …","type":"registry:component","source_url":"https://www.remocn.dev/r/glyph-anatomy.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/glyph-anatomy.json"},{"name":"stripe-type","title":"Stripe Type","description":"A word cut into horizontal bands, as in the IBM logo, slides together from alternating sides and locks, then can pass on through.","type":"registry:component","source_url":"https://www.remocn.dev/r/stripe-type.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/stripe-type.json"},{"name":"path-ride","title":"Path Ride","description":"A line draws itself along a curve with the text riding behind its head, then the curve pulls taut and the text settles on a straight, centered baseline.","type":"registry:component","source_url":"https://www.remocn.dev/r/path-ride.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/path-ride.json"},{"name":"type-repeater","title":"Type Repeater","description":"An After Effects style repeater on a word, where copies unfold into a tunnel, a spiral or a fan behind it, breathe, then fold back into the word.","type":"registry:component","source_url":"https://www.remocn.dev/r/type-repeater.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/type-repeater.json"},{"name":"caption-core","title":"Caption Core","description":"The timing engine every caption style shares: pages a timed transcript, finds the word being spoken and how far into it the voice is, and decides when a page l…","type":"registry:lib","source_url":"https://www.remocn.dev/r/caption-core.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-core.json"},{"name":"caption-karaoke","title":"Caption Karaoke","description":"Transcript captions where each word fills with colour left to right exactly as it is spoken, the whole phrase readable before the voice reaches it.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-karaoke.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-karaoke.json"},{"name":"caption-highlight-box","title":"Caption Highlight Box","description":"A solid box travels behind the word being spoken, sliding from word to word as the voice moves on.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-highlight-box.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-highlight-box.json"},{"name":"caption-active-pop","title":"Caption Active Pop","description":"The word being spoken turns to the accent colour and springs up in scale, then settles back as the voice moves on.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-active-pop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-active-pop.json"},{"name":"caption-word-pop","title":"Caption Word Pop","description":"One large word at a time, each popping in on a spring the moment it is spoken.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-word-pop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-word-pop.json"},{"name":"caption-bounce-in","title":"Caption Bounce In","description":"Each word springs up into place with a little overshoot the moment it is spoken, and the phrase builds word by word.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-bounce-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-bounce-in.json"},{"name":"caption-blur-in","title":"Caption Blur In","description":"Each word resolves out of a soft blur the moment it is spoken, for captions that arrive quietly.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-blur-in.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-blur-in.json"},{"name":"caption-rise","title":"Caption Rise","description":"Each word slides up out of a mask at its baseline the moment it is spoken, with no bounce and no scale.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-rise.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-rise.json"},{"name":"caption-typewriter","title":"Caption Typewriter","description":"Each word types out character by character at the pace it is spoken, with a caret that blinks while the speaker pauses.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-typewriter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-typewriter.json"},{"name":"caption-slot","title":"Caption Slot","description":"One short line at a time, each new phrase rolling up into place as the previous one rolls out the top.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-slot.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-slot.json"},{"name":"caption-subtitle","title":"Caption Subtitle","description":"Classic broadcast subtitles, a whole phrase on a translucent plate, with no word-level animation at all.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-subtitle.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-subtitle.json"},{"name":"caption-dim-progress","title":"Caption Dim Progress","description":"The whole phrase sits on screen dimmed and each word brightens the moment it is spoken, with no motion at all.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-dim-progress.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-dim-progress.json"},{"name":"caption-underline","title":"Caption Underline","description":"A bar slides under the word being spoken, travelling from word to word while the text itself stays untouched.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-underline.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-underline.json"},{"name":"caption-scramble","title":"Caption Scramble","description":"Each word arrives as random glyphs at the moment it is spoken and decodes left to right into the real letters.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-scramble.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-scramble.json"},{"name":"caption-weight","title":"Caption Weight","description":"The word being spoken swells from a light weight to a heavy one and relaxes as the voice moves on, with no layout shift.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-weight.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-weight.json"},{"name":"caption-emoji","title":"Caption Emoji","description":"An emoji pops up above a chosen word the moment it is spoken and stays until the phrase leaves.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-emoji.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-emoji.json"},{"name":"caption-speaker","title":"Caption Speaker","description":"Dialogue captions where every phrase takes its speaker's colour, so a conversation reads like a script.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-speaker.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-speaker.json"},{"name":"caption-stack","title":"Caption Stack","description":"Kinetic captions stacked a couple of words per line, with the keyword of each page set large on its own line.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-stack.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-stack.json"},{"name":"caption-outline","title":"Caption Outline","description":"Heavy-stroked captions that stay readable over any footage, with the spoken word switching to a contrast colour and nothing else moving.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-outline.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-outline.json"},{"name":"caption-marker","title":"Caption Marker","description":"Plain captions where the words that matter get a highlighter swipe the moment they are spoken.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-marker.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-marker.json"},{"name":"caption-stamp","title":"Caption Stamp","description":"Plain captions where the words that matter slam down as a rubber stamp the moment they are spoken.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-stamp.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-stamp.json"},{"name":"caption-handwrite","title":"Caption Handwrite","description":"Each word is inked in by hand from left to right at the pace it is spoken, every word sitting at its own slight angle.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-handwrite.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-handwrite.json"},{"name":"caption-redact","title":"Caption Redact","description":"The whole phrase starts blacked out like a declassified file, and each bar pulls away the moment its word is spoken.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-redact.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-redact.json"},{"name":"caption-prosody","title":"Caption Prosody","description":"Word size follows the delivery, so drawn-out words land large and rushed words stay small, and the rhythm of the voice is visible with the sound off.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-prosody.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-prosody.json"},{"name":"caption-timeline","title":"Caption Timeline","description":"The whole transcript laid out on a scrolling time strip that slides under a fixed playhead, so every pause shows up as space between words.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-timeline.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-timeline.json"},{"name":"caption-teleprompter","title":"Caption Teleprompter","description":"The whole transcript scrolls smoothly through a short window with the current line centred, past lines fading above and the next line waiting below.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-teleprompter.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-teleprompter.json"},{"name":"caption-knockout","title":"Caption Knockout","description":"A solid plate with the words cut clean through it, each word punching out the moment it is spoken so the footage shows through the letters.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-knockout.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-knockout.json"},{"name":"caption-slice","title":"Caption Slice","description":"Each word arrives cut in two, the top half sliding in from the left and the bottom from the right, locking together the moment it is spoken.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-slice.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-slice.json"},{"name":"caption-cube","title":"Caption Cube","description":"Each new phrase turns into view as the next face of a 3D cube, the previous phrase rotating up and away on a horizontal hinge.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-cube.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-cube.json"},{"name":"caption-split-flap","title":"Caption Split Flap","description":"Every letter sits on its own flap tile and clatters through a few characters before landing the moment the word is spoken, like a station departure board.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-split-flap.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-split-flap.json"},{"name":"caption-label-maker","title":"Caption Label Maker","description":"Each phrase is punched letter by letter into a strip of embossing tape at the pace it is spoken, the tape feeding out as the words arrive.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-label-maker.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-label-maker.json"},{"name":"caption-drop","title":"Caption Drop","description":"Each word falls into place from above and bounces as it lands the moment it is spoken, and the whole phrase drops out of frame when the speaker pauses.","type":"registry:component","source_url":"https://www.remocn.dev/r/caption-drop.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/caption-drop.json"},{"name":"iris-wipe","title":"Iris Wipe","description":"An old-cartoon iris closes on the subject, holds a beat as a dot, then opens on the next scene.","type":"registry:component","source_url":"https://www.remocn.dev/r/iris-wipe.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/iris-wipe.json"},{"name":"venetian-blinds","title":"Venetian Blinds","description":"The outgoing scene splits into horizontal slats that turn edge-on in a staggered ripple, revealing the next scene behind them.","type":"registry:component","source_url":"https://www.remocn.dev/r/venetian-blinds.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/venetian-blinds.json"}]},{"id":"rescript-shadcn","name":"@rescript-shadcn","slug":"rescript-shadcn","description":"rescript-shadcn rewrites the standard shadcn/ui component set in ReScript (a statically typed language that compiles to JavaScript), distributed via the shadcn CLI. Components observed include Accordion, Alert, AlertDialog, AspectRatio, Avatar, Badge, Breadcrumb, Button, ButtonGroup, Calendar, Card, Carousel, Chart, Checkbox, Collapsible, Combobox, Command, ContextMenu, DataTable, DatePicker, Dialog, Drawer, DropdownMenu, HoverCard, Input, InputOtp, Kbd, Label, Menubar, NativeSelect, NavigationMenu, Pagination, Popover, Progress, RadioGroup, Resizable, ScrollArea, Select, Separator, Sheet, Sidebar, Skeleton, Slider, Sonner, Spinner, Switch, Table, Tabs, Textarea, Toast, Toggle, ToggleGroup, Tooltip, and Typography. Built on Base UI. Free. Use for: ReScript/rescript-react projects that want shadcn-compatible UI components without writing JavaScript bindings manually.","author":"miriadhq","framework":"react","license":null,"tags":["accessibility","ai","animation","auth","buttons","cards","charts","dashboard","forms","hooks","icons","loaders","media","mobile","navigation","overlays","tables"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"urls":{"website":"https://rescript-shadcn.miriad.studio","github":"https://github.com/miriadhq/rescript-shadcn","registry":"https://rescript-shadcn.miriad.studio/r/registry.json","source":"https://rescript-shadcn.miriad.studio/r/registry.json","page":"https://sh4dcn.netlify.app/registry/rescript-shadcn","markdown":"https://sh4dcn.netlify.app/md/rescript-shadcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' width='96' height='96'><defs></defs><g transform='matrix(1,0,0,1,0,0)'><rect fill='#ffffff' fill-opacity='0' x='0' y='0' width='96' height='96'/><g><g transform='matrix(1.066456409,0,0,1.094959393,-6.899407512,-12.078824852)'><path d='M6.469469783682094,29.296816897068346 C6.469469783682094,19.218182361289806 14.875162103147048,11.031299358969534 25.223166451575825,11.031299358969534 L77.73351712167828,11.031299358969534 C88.08152147010705,11.031299358969534 96.487213789572,19.218182361289806 96.487213789572,29.296816897068346 L96.487213789572,80.44026600374502 C96.487213789572,90.51890053952357 88.08152147010705,98.70578354184384 77.73351712167828,98.70578354184384 L25.223166451575825,98.70578354184384 C14.875162103147048,98.70578354184384 6.469469783682094,90.51890053952357 6.469469783682094,80.44026600374502 L6.469469783682094,29.296816897068346 Z' fill='#000000'/></g><g transform='matrix(1.066456409,0,0,1.094959393,-6.899407512,-12.078824852)'><path d='M52.45379523229571,29.200001634786734 C55.00295921535262,26.883390524071544 58.95543226781845,27.07229341076284 61.272043378533645,29.621457393819753 Q71.13827443349942,40.47810948251313 71.13827443349942,40.47810948251313 C71.13827443349942,40.47810948251313 71.13827443349942,40.47810948251313 71.13827443349942,40.47810948251313 Q71.13827443349942,40.47810948251313 33.37098472070438,74.79999836521324 C30.821820737647467,77.11660947592843 26.869347685181634,76.92770658923713 24.552736574466444,74.37854260618022 L18.884901713103126,68.14174247012232 C16.568290602387936,65.59257848706541 16.75719348907924,61.64010543459957 19.30635747213615,59.323494323884375 L52.45379523229571,29.200001634786734 Z' fill='#ffffff'/></g><g transform='matrix(1.066456409,0,0,1.094959393,-6.899407512,-12.078824852)'><path d='M83.03598839227924,52.57042361948592 C87.42190746546675,57.448377897319865 87.02222686992943,64.97342972888394 82.14427259209549,69.35934880207145 C77.26631831426155,73.74526787525897 69.74126648269748,73.34558727972166 65.35534740950997,68.46763300188772 C60.969428336322466,63.589678724053776 61.369108931859785,56.0646268924897 66.24706320969372,51.67870781930218 C71.12501748752766,47.29278874611467 78.65006931909173,47.692469341651986 83.03598839227924,52.57042361948592 Z' fill='#ffffff'/></g></g></g></svg>","preview_image":"https://rescript-shadcn.miriad.studio/opengraph-image?425c505b7a0501e5","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":15,"open_issues":2,"last_commit":"2026-10-21T07:39:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://rescript-shadcn.miriad.studio/r/registry.json","install_bun":"bunx shadcn@latest add https://rescript-shadcn.miriad.studio/r/registry.json","clone":"git clone https://github.com/miriadhq/rescript-shadcn.git","clone_degit":"npx degit miriadhq/rescript-shadcn","registry_fetch":"curl -s https://rescript-shadcn.miriad.studio/r/registry.json"},"component_count":250,"components":[{"name":"StyleNova","title":null,"description":null,"type":"registry:style","source_url":"https://rescript-shadcn.miriad.studio/r/StyleNova.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleNova.json"},{"name":"AiChat","title":null,"description":null,"type":"registry:lib","source_url":"https://rescript-shadcn.miriad.studio/r/AiChat.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AiChat.json"},{"name":"Demo","title":null,"description":null,"type":"registry:lib","source_url":"https://rescript-shadcn.miriad.studio/r/Demo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Demo.json"},{"name":"Markdown","title":null,"description":null,"type":"registry:lib","source_url":"https://rescript-shadcn.miriad.studio/r/Markdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Markdown.json"},{"name":"MessageAnimated","title":null,"description":null,"type":"registry:lib","source_url":"https://rescript-shadcn.miriad.studio/r/MessageAnimated.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/MessageAnimated.json"},{"name":"MessageScrollerExample","title":null,"description":null,"type":"registry:lib","source_url":"https://rescript-shadcn.miriad.studio/r/MessageScrollerExample.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/MessageScrollerExample.json"},{"name":"NextLink","title":null,"description":null,"type":"registry:lib","source_url":"https://rescript-shadcn.miriad.studio/r/NextLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/NextLink.json"},{"name":"Accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Accordion.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Accordion.json"},{"name":"Alert","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Alert.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Alert.json"},{"name":"AlertDialog","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialog.json"},{"name":"AspectRatio","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatio.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatio.json"},{"name":"Attachment","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Attachment.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Attachment.json"},{"name":"Avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Avatar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Avatar.json"},{"name":"Badge","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Badge.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Badge.json"},{"name":"Breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Breadcrumb.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Breadcrumb.json"},{"name":"Bubble","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Bubble.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Bubble.json"},{"name":"Button","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Button.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Button.json"},{"name":"ButtonGroup","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroup.json"},{"name":"Calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Calendar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Calendar.json"},{"name":"Card","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Card.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Card.json"},{"name":"Carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Carousel.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Carousel.json"},{"name":"Chart","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Chart.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Chart.json"},{"name":"Checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Checkbox.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Checkbox.json"},{"name":"Collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Collapsible.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Collapsible.json"},{"name":"Combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Combobox.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Combobox.json"},{"name":"Command","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Command.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Command.json"},{"name":"ContextMenu","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenu.json"},{"name":"Dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Dialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Dialog.json"},{"name":"Direction","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Direction.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Direction.json"},{"name":"Drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Drawer.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Drawer.json"},{"name":"DropdownMenu","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenu.json"},{"name":"Empty","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Empty.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Empty.json"},{"name":"Field","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Field.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Field.json"},{"name":"HoverCard","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/HoverCard.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/HoverCard.json"},{"name":"Icons","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Icons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Icons.json"},{"name":"Input","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Input.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Input.json"},{"name":"InputGroup","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/InputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/InputGroup.json"},{"name":"InputOtp","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/InputOtp.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/InputOtp.json"},{"name":"Item","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Item.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Item.json"},{"name":"Kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Kbd.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Kbd.json"},{"name":"Label","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Label.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Label.json"},{"name":"Marker","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Marker.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Marker.json"},{"name":"Menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Menubar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Menubar.json"},{"name":"Message","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Message.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Message.json"},{"name":"MessageScroller","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/MessageScroller.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/MessageScroller.json"},{"name":"NativeSelect","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/NativeSelect.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/NativeSelect.json"},{"name":"NavigationMenu","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/NavigationMenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/NavigationMenu.json"},{"name":"Pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Pagination.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Pagination.json"},{"name":"Popover","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Popover.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Popover.json"},{"name":"Progress","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Progress.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Progress.json"},{"name":"Questionnaire","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Questionnaire.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Questionnaire.json"},{"name":"RadioGroup","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/RadioGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/RadioGroup.json"},{"name":"Resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Resizable.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Resizable.json"},{"name":"ScrollArea","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/ScrollArea.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ScrollArea.json"},{"name":"Select","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Select.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Select.json"},{"name":"Separator","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Separator.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Separator.json"},{"name":"Sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Sheet.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Sheet.json"},{"name":"Sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Sidebar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Sidebar.json"},{"name":"Skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Skeleton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Skeleton.json"},{"name":"Slider","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Slider.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Slider.json"},{"name":"Sonner","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Sonner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Sonner.json"},{"name":"Spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Spinner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Spinner.json"},{"name":"Switch","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Switch.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Switch.json"},{"name":"Table","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Table.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Table.json"},{"name":"Tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Tabs.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Tabs.json"},{"name":"Textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Textarea.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Textarea.json"},{"name":"Toast","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Toast.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Toast.json"},{"name":"Toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Toggle.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Toggle.json"},{"name":"ToggleGroup","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/ToggleGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ToggleGroup.json"},{"name":"Tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://rescript-shadcn.miriad.studio/r/Tooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/Tooltip.json"},{"name":"AccordionBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AccordionBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionBasic.json"},{"name":"AccordionBorders","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AccordionBorders.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionBorders.json"},{"name":"AccordionCard","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AccordionCard.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionCard.json"},{"name":"AccordionDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AccordionDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionDemo.json"},{"name":"AccordionDisabled","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AccordionDisabled.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionDisabled.json"},{"name":"AccordionMultiple","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AccordionMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AccordionMultiple.json"},{"name":"AiSdkHelperDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AiSdkHelperDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AiSdkHelperDemo.json"},{"name":"AlertAction","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertAction.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertAction.json"},{"name":"AlertBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertBasic.json"},{"name":"AlertColors","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertColors.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertColors.json"},{"name":"AlertDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDemo.json"},{"name":"AlertDestructive","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDestructive.json"},{"name":"AlertDialogBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogBasic.json"},{"name":"AlertDialogDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogDemo.json"},{"name":"AlertDialogDestructive","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogDestructive.json"},{"name":"AlertDialogMedia","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogMedia.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogMedia.json"},{"name":"AlertDialogSmall","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogSmall.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogSmall.json"},{"name":"AlertDialogSmallMedia","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialogSmallMedia.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AlertDialogSmallMedia.json"},{"name":"AspectRatioDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatioDemo.json"},{"name":"AspectRatioPortrait","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioPortrait.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatioPortrait.json"},{"name":"AspectRatioSquare","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatioSquare.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AspectRatioSquare.json"},{"name":"AttachmentDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentDemo.json"},{"name":"AttachmentGroup","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentGroup.json"},{"name":"AttachmentImage","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentImage.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentImage.json"},{"name":"AttachmentSizes","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentSizes.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentSizes.json"},{"name":"AttachmentStates","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentStates.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentStates.json"},{"name":"AttachmentTrigger","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AttachmentTrigger.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AttachmentTrigger.json"},{"name":"AvatarBadge","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarBadge.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarBadge.json"},{"name":"AvatarBadgeIcon","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarBadgeIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarBadgeIcon.json"},{"name":"AvatarBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarBasic.json"},{"name":"AvatarDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarDemo.json"},{"name":"AvatarDropdown","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarDropdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarDropdown.json"},{"name":"AvatarGroup","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarGroup.json"},{"name":"AvatarGroupCount","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroupCount.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarGroupCount.json"},{"name":"AvatarGroupCountIcon","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarGroupCountIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarGroupCountIcon.json"},{"name":"AvatarSize","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/AvatarSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/AvatarSize.json"},{"name":"BadgeColors","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BadgeColors.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeColors.json"},{"name":"BadgeDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BadgeDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeDemo.json"},{"name":"BadgeIcon","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BadgeIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeIcon.json"},{"name":"BadgeLink","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BadgeLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeLink.json"},{"name":"BadgeSpinner","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BadgeSpinner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeSpinner.json"},{"name":"BadgeVariants","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BadgeVariants.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BadgeVariants.json"},{"name":"BreadcrumbBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbBasic.json"},{"name":"BreadcrumbDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbDemo.json"},{"name":"BreadcrumbDropdown","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbDropdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbDropdown.json"},{"name":"BreadcrumbEllipsis","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbEllipsis.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbEllipsis.json"},{"name":"BreadcrumbLink","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbLink.json"},{"name":"BreadcrumbSeparator","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BreadcrumbSeparator.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BreadcrumbSeparator.json"},{"name":"BubbleAlignment","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleAlignment.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleAlignment.json"},{"name":"BubbleCollapsible","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleCollapsible.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleCollapsible.json"},{"name":"BubbleDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleDemo.json"},{"name":"BubbleGroupDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleGroupDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleGroupDemo.json"},{"name":"BubbleLinkButton","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleLinkButton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleLinkButton.json"},{"name":"BubbleMarkdown","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleMarkdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleMarkdown.json"},{"name":"BubblePopover","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubblePopover.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubblePopover.json"},{"name":"BubbleReactions","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleReactions.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleReactions.json"},{"name":"BubbleTooltip","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleTooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleTooltip.json"},{"name":"BubbleVariants","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/BubbleVariants.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/BubbleVariants.json"},{"name":"ButtonDefault","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonDefault.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonDefault.json"},{"name":"ButtonDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonDemo.json"},{"name":"ButtonDestructive","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonDestructive.json"},{"name":"ButtonGhost","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGhost.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGhost.json"},{"name":"ButtonGroupDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupDemo.json"},{"name":"ButtonGroupDropdown","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupDropdown.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupDropdown.json"},{"name":"ButtonGroupInput","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupInput.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupInput.json"},{"name":"ButtonGroupInputGroup","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupInputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupInputGroup.json"},{"name":"ButtonGroupNested","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupNested.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupNested.json"},{"name":"ButtonGroupOrientation","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupOrientation.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupOrientation.json"},{"name":"ButtonGroupPopover","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupPopover.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupPopover.json"},{"name":"ButtonGroupSelect","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSelect.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSelect.json"},{"name":"ButtonGroupSeparator","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSeparator.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSeparator.json"},{"name":"ButtonGroupSize","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSize.json"},{"name":"ButtonGroupSplit","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroupSplit.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonGroupSplit.json"},{"name":"ButtonIcon","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonIcon.json"},{"name":"ButtonLink","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonLink.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonLink.json"},{"name":"ButtonOutline","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonOutline.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonOutline.json"},{"name":"ButtonRender","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonRender.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonRender.json"},{"name":"ButtonRounded","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonRounded.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonRounded.json"},{"name":"ButtonSecondary","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonSecondary.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonSecondary.json"},{"name":"ButtonSize","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonSize.json"},{"name":"ButtonSpinner","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonSpinner.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonSpinner.json"},{"name":"ButtonWithIcon","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ButtonWithIcon.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ButtonWithIcon.json"},{"name":"CalendarBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarBasic.json"},{"name":"CalendarBookedDates","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarBookedDates.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarBookedDates.json"},{"name":"CalendarCaption","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarCaption.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarCaption.json"},{"name":"CalendarCustomDays","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarCustomDays.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarCustomDays.json"},{"name":"CalendarDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarDemo.json"},{"name":"CalendarHijri","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarHijri.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarHijri.json"},{"name":"CalendarMultiple","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarMultiple.json"},{"name":"CalendarPresets","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarPresets.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarPresets.json"},{"name":"CalendarRange","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarRange.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarRange.json"},{"name":"CalendarTime","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarTime.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarTime.json"},{"name":"CalendarWeekNumbers","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CalendarWeekNumbers.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CalendarWeekNumbers.json"},{"name":"CardDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CardDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardDemo.json"},{"name":"CardEdgeToEdge","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CardEdgeToEdge.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardEdgeToEdge.json"},{"name":"CardImage","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CardImage.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardImage.json"},{"name":"CardSmall","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CardSmall.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardSmall.json"},{"name":"CardSpacing","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CardSpacing.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CardSpacing.json"},{"name":"CarouselApi","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselApi.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselApi.json"},{"name":"CarouselDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselDemo.json"},{"name":"CarouselMultiple","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselMultiple.json"},{"name":"CarouselOrientation","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselOrientation.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselOrientation.json"},{"name":"CarouselPlugin","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselPlugin.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselPlugin.json"},{"name":"CarouselSize","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselSize.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselSize.json"},{"name":"CarouselSpacing","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CarouselSpacing.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CarouselSpacing.json"},{"name":"ChartDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartDemo.json"},{"name":"ChartExample","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartExample.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExample.json"},{"name":"ChartExampleAxis","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleAxis.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleAxis.json"},{"name":"ChartExampleGrid","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleGrid.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleGrid.json"},{"name":"ChartExampleLegend","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleLegend.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleLegend.json"},{"name":"ChartExampleTooltip","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartExampleTooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartExampleTooltip.json"},{"name":"ChartTooltip","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ChartTooltip.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ChartTooltip.json"},{"name":"CheckboxBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxBasic.json"},{"name":"CheckboxDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxDemo.json"},{"name":"CheckboxDescription","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDescription.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxDescription.json"},{"name":"CheckboxDisabled","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxDisabled.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxDisabled.json"},{"name":"CheckboxGroup","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxGroup.json"},{"name":"CheckboxInvalid","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxInvalid.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxInvalid.json"},{"name":"CheckboxTable","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CheckboxTable.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CheckboxTable.json"},{"name":"CollapsibleBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleBasic.json"},{"name":"CollapsibleDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleDemo.json"},{"name":"CollapsibleFileTree","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleFileTree.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleFileTree.json"},{"name":"CollapsibleSettings","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CollapsibleSettings.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CollapsibleSettings.json"},{"name":"ComboboxAutoHighlight","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxAutoHighlight.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxAutoHighlight.json"},{"name":"ComboboxBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxBasic.json"},{"name":"ComboboxClear","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxClear.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxClear.json"},{"name":"ComboboxCustom","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxCustom.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxCustom.json"},{"name":"ComboboxDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxDemo.json"},{"name":"ComboboxDisabled","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxDisabled.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxDisabled.json"},{"name":"ComboboxGroups","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxGroups.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxGroups.json"},{"name":"ComboboxInputGroup","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxInputGroup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxInputGroup.json"},{"name":"ComboboxInvalid","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxInvalid.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxInvalid.json"},{"name":"ComboboxMultiple","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxMultiple.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxMultiple.json"},{"name":"ComboboxPopup","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ComboboxPopup.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ComboboxPopup.json"},{"name":"CommandBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CommandBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandBasic.json"},{"name":"CommandDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CommandDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandDemo.json"},{"name":"CommandDialog","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CommandDialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandDialog.json"},{"name":"CommandGroups","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CommandGroups.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandGroups.json"},{"name":"CommandScrollable","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CommandScrollable.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandScrollable.json"},{"name":"CommandShortcuts","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/CommandShortcuts.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/CommandShortcuts.json"},{"name":"ContextMenuBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuBasic.json"},{"name":"ContextMenuCheckboxes","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuCheckboxes.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuCheckboxes.json"},{"name":"ContextMenuDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuDemo.json"},{"name":"ContextMenuDestructive","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuDestructive.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuDestructive.json"},{"name":"ContextMenuGroups","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuGroups.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuGroups.json"},{"name":"ContextMenuIcons","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuIcons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuIcons.json"},{"name":"ContextMenuRadio","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuRadio.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuRadio.json"},{"name":"ContextMenuShortcuts","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuShortcuts.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuShortcuts.json"},{"name":"ContextMenuSides","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuSides.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuSides.json"},{"name":"ContextMenuSubmenu","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenuSubmenu.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/ContextMenuSubmenu.json"},{"name":"DataPickerWithDropdowns","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DataPickerWithDropdowns.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataPickerWithDropdowns.json"},{"name":"DataTableColumnHeader","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DataTableColumnHeader.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTableColumnHeader.json"},{"name":"DataTableDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DataTableDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTableDemo.json"},{"name":"DataTablePagination","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DataTablePagination.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTablePagination.json"},{"name":"DataTableViewOptions","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DataTableViewOptions.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DataTableViewOptions.json"},{"name":"DatePickerBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerBasic.json"},{"name":"DatePickerDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerDemo.json"},{"name":"DatePickerDob","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerDob.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerDob.json"},{"name":"DatePickerInput","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerInput.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerInput.json"},{"name":"DatePickerNaturalLanguage","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerNaturalLanguage.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerNaturalLanguage.json"},{"name":"DatePickerRange","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerRange.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerRange.json"},{"name":"DatePickerTime","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DatePickerTime.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DatePickerTime.json"},{"name":"DialogCloseButton","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DialogCloseButton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogCloseButton.json"},{"name":"DialogDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DialogDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogDemo.json"},{"name":"DialogNoCloseButton","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DialogNoCloseButton.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogNoCloseButton.json"},{"name":"DialogScrollableContent","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DialogScrollableContent.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogScrollableContent.json"},{"name":"DialogStickyFooter","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DialogStickyFooter.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DialogStickyFooter.json"},{"name":"DirectionDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DirectionDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DirectionDemo.json"},{"name":"DrawerDemo","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerDemo.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerDemo.json"},{"name":"DrawerDialog","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerDialog.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerDialog.json"},{"name":"DrawerNested","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerNested.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerNested.json"},{"name":"DrawerNonModal","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerNonModal.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerNonModal.json"},{"name":"DrawerScrollableContent","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerScrollableContent.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerScrollableContent.json"},{"name":"DrawerSides","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerSides.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerSides.json"},{"name":"DrawerSnapPoints","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerSnapPoints.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerSnapPoints.json"},{"name":"DrawerSwipeHandle","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DrawerSwipeHandle.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DrawerSwipeHandle.json"},{"name":"DropdownMenuAvatar","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuAvatar.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuAvatar.json"},{"name":"DropdownMenuBasic","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuBasic.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuBasic.json"},{"name":"DropdownMenuCheckboxes","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxes.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxes.json"},{"name":"DropdownMenuCheckboxesIcons","title":null,"description":null,"type":"registry:example","source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxesIcons.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/DropdownMenuCheckboxesIcons.json"}]},{"id":"retab","name":"@retab","slug":"retab","description":"Document-processing UI components for Retab — file, OCR, and data viewers, schema builders, dropzones, and extraction blocks, built on shadcn/ui.","author":"retab-dev","framework":"react","license":null,"tags":["blocks","buttons","cards","dashboard","forms","hooks","loaders","media","mobile","overlays","tables"],"categories":["Forms"],"labels":[],"urls":{"website":"https://ui.retab.com","github":"https://github.com/retab-dev/retab-ui","registry":"https://ui.retab.com/r/registry.json","source":"https://ui.retab.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/retab","markdown":"https://sh4dcn.netlify.app/md/retab.md"},"logo":"<svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='48' height='48' rx='8.33333' fill='var(--foreground)'/><rect x='11' y='23.5303' width='7.26572' height='6.76463' fill='var(--background)'/><rect x='11' y='10' width='7.26572' height='6.76463' fill='var(--background)'/><rect x='18.2656' y='16.7651' width='19.0412' height='6.76463' fill='var(--background)'/><rect x='18.2656' y='30.2944' width='19.0412' height='6.76463' fill='var(--background)'/></svg>","preview_image":"https://retab.com/ui/og?title=The%20Foundation%20for%20your%20Document%20Workflows&amp;description=Lightweight%2C%20virtualized%20React%20viewers%20for%20documents%20and%20structured%20data.%20Fast%20by%20default%2C%20built%20for%20scale%2C%20copy%20and%20paste%20into%20your%20apps.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":13,"open_issues":0,"last_commit":"2026-09-01T13:41:33Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.retab.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.retab.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.retab.com/r/registry.json","clone":"git clone https://github.com/retab-dev/retab-ui.git","clone_degit":"npx degit retab-dev/retab-ui","registry_fetch":"curl -s https://ui.retab.com/r/registry.json"},"component_count":130,"components":[{"name":"viewer-controls","title":"Viewer Controls","description":"A shared controls row for viewer chrome: title, position, zoom, rotate, download, loading, and extra controls.","type":"registry:ui","source_url":"https://ui.retab.com/r/viewer-controls.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/viewer-controls.json"},{"name":"utils","title":"Utils","description":"Shared class name helper used by Retab UI registry components.","type":"registry:lib","source_url":"https://ui.retab.com/r/utils.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/utils.json"},{"name":"effect-key","title":"Effect Key","description":"Dependency-array key helpers for keyed effect lifecycles.","type":"registry:lib","source_url":"https://ui.retab.com/r/effect-key.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/effect-key.json"},{"name":"use-mobile","title":"Use Mobile","description":"A media query hook for mobile responsive UI.","type":"registry:hook","source_url":"https://ui.retab.com/r/use-mobile.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/use-mobile.json"},{"name":"use-mount-effect","title":"Use Mount Effect","description":"A mount-only effect hook for explicit lifecycle escape hatches.","type":"registry:hook","source_url":"https://ui.retab.com/r/use-mount-effect.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/use-mount-effect.json"},{"name":"use-keyed-mount-effect","title":"Use Keyed Mount Effect","description":"A key-driven post-commit effect hook for library internals.","type":"registry:hook","source_url":"https://ui.retab.com/r/use-keyed-mount-effect.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/use-keyed-mount-effect.json"},{"name":"use-keyed-layout-effect","title":"Use Keyed Layout Effect","description":"A key-driven layout-timed effect hook for DOM measurement and scroll/focus lifecycles.","type":"registry:hook","source_url":"https://ui.retab.com/r/use-keyed-layout-effect.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/use-keyed-layout-effect.json"},{"name":"alert","title":"Alert","description":"A callout for displaying contextual messages.","type":"registry:ui","source_url":"https://ui.retab.com/r/alert.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal alert dialog for destructive confirmations and blocking decisions.","type":"registry:ui","source_url":"https://ui.retab.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A small wrapper for preserving media aspect ratios.","type":"registry:ui","source_url":"https://ui.retab.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/aspect-ratio.json"},{"name":"autocomplete","title":"Autocomplete","description":"An autocomplete input built on Base UI primitives.","type":"registry:ui","source_url":"https://ui.retab.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/autocomplete.json"},{"name":"command","title":"Command","description":"A command menu surface powered by cmdk.","type":"registry:ui","source_url":"https://ui.retab.com/r/command.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/command.json"},{"name":"dropzone","title":"Dropzone","description":"A headless file-intake primitive with drag/drop, file input wiring, validation, controlled state, and accessibility prop getters.","type":"registry:ui","source_url":"https://ui.retab.com/r/dropzone.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone.json"},{"name":"file-uploader","title":"File Uploader","description":"A polished Retab document upload area built from the headless Dropzone primitive and File Thumbnail.","type":"registry:ui","source_url":"https://ui.retab.com/r/file-uploader.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-uploader.json"},{"name":"file-size-format","title":"File Size Format","description":"A small byte-size display formatter for file UI components.","type":"registry:ui","source_url":"https://ui.retab.com/r/file-size-format.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-size-format.json"},{"name":"input","title":"Input","description":"A styled text input built on Base UI.","type":"registry:ui","source_url":"https://ui.retab.com/r/input.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/input.json"},{"name":"label","title":"Label","description":"An accessible label primitive.","type":"registry:ui","source_url":"https://ui.retab.com/r/label.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/label.json"},{"name":"form","title":"Form","description":"React Hook Form field primitives with accessible labels, descriptions, and messages.","type":"registry:ui","source_url":"https://ui.retab.com/r/form.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/form.json"},{"name":"data-cell","title":"Data Cell","description":"A lightweight editable cell for scalar document data: text, numbers, booleans, dates, times, and date-times.","type":"registry:ui","source_url":"https://ui.retab.com/r/data-cell.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/data-cell.json"},{"name":"calendar","title":"Calendar","description":"A calendar component built on React DayPicker.","type":"registry:ui","source_url":"https://ui.retab.com/r/calendar.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/calendar.json"},{"name":"group","title":"Group","description":"A connected control group primitive for buttons, inputs, separators, and text addons.","type":"registry:ui","source_url":"https://ui.retab.com/r/group.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/group.json"},{"name":"json-inspector","title":"JSON Inspector","description":"A read-only JSON viewer with theme-aware syntax highlighting and a hover copy button, plus a standalone CopyButton.","type":"registry:ui","source_url":"https://ui.retab.com/r/json-inspector.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/json-inspector.json"},{"name":"kbd","title":"Kbd","description":"A keyboard shortcut display primitive.","type":"registry:ui","source_url":"https://ui.retab.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/kbd.json"},{"name":"scroll-area","title":"Scroll Area","description":"A custom scroll area built on Base UI.","type":"registry:ui","source_url":"https://ui.retab.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/scroll-area.json"},{"name":"switch","title":"Switch","description":"A two-state toggle switch.","type":"registry:ui","source_url":"https://ui.retab.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/switch.json"},{"name":"table","title":"Table","description":"Semantic table primitives for structured data.","type":"registry:ui","source_url":"https://ui.retab.com/r/table.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/table.json"},{"name":"textarea","title":"Textarea","description":"A styled multiline text input.","type":"registry:ui","source_url":"https://ui.retab.com/r/textarea.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/textarea.json"},{"name":"sidebar-row","title":"Sidebar Row","description":"Shared sidebar row button styling variants used by app and providerless sidebar primitives.","type":"registry:ui","source_url":"https://ui.retab.com/r/sidebar-row.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/sidebar-row.json"},{"name":"sidebar","title":"Sidebar","description":"A responsive application sidebar with menu, rail, and provider primitives.","type":"registry:ui","source_url":"https://ui.retab.com/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/sidebar.json"},{"name":"sidebar-list","title":"Sidebar List","description":"Providerless sidebar list primitives for embedded viewer and domain sidebars.","type":"registry:ui","source_url":"https://ui.retab.com/r/sidebar-list.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/sidebar-list.json"},{"name":"skeleton","title":"Skeleton","description":"A loading placeholder with shimmer animation.","type":"registry:ui","source_url":"https://ui.retab.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/skeleton.json"},{"name":"sonner","title":"Sonner","description":"A themed toast provider for Sonner.","type":"registry:ui","source_url":"https://ui.retab.com/r/sonner.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"A compact loading spinner using Lucide.","type":"registry:ui","source_url":"https://ui.retab.com/r/spinner.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/spinner.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel primitives using react-resizable-panels.","type":"registry:ui","source_url":"https://ui.retab.com/r/resizable.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/resizable.json"},{"name":"csv","title":"CSV parser","description":"A small, dependency-free RFC 4180-ish CSV/TSV parser returning a header and rectangular rows.","type":"registry:lib","source_url":"https://ui.retab.com/r/csv.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/csv.json"},{"name":"pdf-document-resource","title":"PDF Document Resource","description":"Load and cache PDF.js documents and pages without viewer chrome.","type":"registry:lib","source_url":"https://ui.retab.com/r/pdf-document-resource.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/pdf-document-resource.json"},{"name":"docx-document-resource","title":"DOCX Document Resource","description":"Load and cache DOCX bytes without viewer chrome.","type":"registry:lib","source_url":"https://ui.retab.com/r/docx-document-resource.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/docx-document-resource.json"},{"name":"csv-viewer","title":"CSV Viewer","description":"A fixed-window virtualized CSV/TSV table: sortable columns, sticky header, row numbers, horizontal scroll. Renders straight from raw rows (no table row model) …","type":"registry:ui","source_url":"https://ui.retab.com/r/csv-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/csv-viewer.json"},{"name":"pdf-viewer","title":"PDF Viewer","description":"A pdfjs-backed PDF viewer: continuous scroll, controlled or uncontrolled zoom, rotate, fit-to-width, download, a per-page overlay slot for bounding-box citatio…","type":"registry:ui","source_url":"https://ui.retab.com/r/pdf-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/pdf-viewer.json"},{"name":"docx-viewer","title":"DOCX Viewer","description":"A docx-preview-backed Word viewer: faithful paginated pages, continuous scroll, zoom, fit-to-width, and download. Off-screen pages are skipped via CSS content-…","type":"registry:ui","source_url":"https://ui.retab.com/r/docx-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/docx-viewer.json"},{"name":"image-viewer","title":"Image Viewer","description":"A performant image viewer with native off-thread decode (createImageBitmap), continuous scroll, zoom, rotate, fit-to-width, download, and a per-frame overlay s…","type":"registry:ui","source_url":"https://ui.retab.com/r/image-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/image-viewer.json"},{"name":"layout-blocks","title":"Layout Blocks","description":"A provider-agnostic layout inspection component for OCR output: normalize Google Document AI, AWS Textract, or Azure Document Intelligence into shared blocks, …","type":"registry:ui","source_url":"https://ui.retab.com/r/layout-blocks.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/layout-blocks.json"},{"name":"pptx-viewer","title":"PPTX Viewer","description":"A canvas-backed PowerPoint viewer rendered entirely client-side (no server conversion): continuous scroll, zoom, rotate, fit-to-width, download, and a per-slid…","type":"registry:ui","source_url":"https://ui.retab.com/r/pptx-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/pptx-viewer.json"},{"name":"xlsx-worker-protocol","title":"XLSX worker protocol","description":"Typed worker messages, parse limits, and error codes for the XLSX viewer.","type":"registry:lib","source_url":"https://ui.retab.com/r/xlsx-worker-protocol.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/xlsx-worker-protocol.json"},{"name":"xlsx-workbook","title":"XLSX workbook model","description":"Sparse compact workbook helpers for the XLSX viewer: cell lookup, metadata projection, column labels, and bounded source caching.","type":"registry:lib","source_url":"https://ui.retab.com/r/xlsx-workbook.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/xlsx-workbook.json"},{"name":"xlsx-sheetjs-flattener","title":"XLSX SheetJS flattener","description":"Pure SheetJS-to-compact-sheet flattening helpers for the XLSX viewer worker.","type":"registry:lib","source_url":"https://ui.retab.com/r/xlsx-sheetjs-flattener.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/xlsx-sheetjs-flattener.json"},{"name":"xlsx-viewer","title":"XLSX Viewer","description":"A fixed-window virtualized Excel/spreadsheet viewer rendered entirely client-side: sheet tabs, zoom, download, formatted values, numeric alignment, sparse work…","type":"registry:ui","source_url":"https://ui.retab.com/r/xlsx-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/xlsx-viewer.json"},{"name":"file-viewer","title":"File Viewer","description":"One viewer for any file: detects the type and lazy-loads the matching renderer (PDF, DOCX, XLSX, PPTX, CSV, images) plus inline, virtualized text/code/JSON, Ma…","type":"registry:ui","source_url":"https://ui.retab.com/r/file-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-viewer.json"},{"name":"file-system","title":"File System","description":"A document workspace over a flat object-store manifest with list, grid, columns, lazy folders, generated thumbnails, and FileViewer previews.","type":"registry:ui","source_url":"https://ui.retab.com/r/file-system.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-system.json"},{"name":"file-system-light","title":"File System Light","description":"A minimal file tree in a ViewerSidebar with FileViewer in the ViewerSurface.","type":"registry:ui","source_url":"https://ui.retab.com/r/file-system-light.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-system-light.json"},{"name":"document-source","title":"Document source model","description":"Viewer-agnostic model for extraction sources (the Retab /v1/extractions/{id}/sources shape): SourceAnchor union (pdf_bbox, image_bbox, spreadsheet/csv cell, do…","type":"registry:lib","source_url":"https://ui.retab.com/r/document-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/document-source.json"},{"name":"pdf-source","title":"PDF source adapter","description":"Bridges the document-source model to the PDF viewer: pdfAnchorToTarget and renderPdfSourceOverlay for PDF bbox anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/pdf-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/pdf-source.json"},{"name":"segments","title":"Segments model","description":"Shared model + helpers for page-segmented results (partition/split): Segment type, Tableau palette, color map, page-range and confidence helpers.","type":"registry:lib","source_url":"https://ui.retab.com/r/segments.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/segments.json"},{"name":"segment-interaction","title":"Segment Interaction","description":"React-free hover, focus, selection, and current-page helpers for Segment[] surfaces.","type":"registry:lib","source_url":"https://ui.retab.com/r/segment-interaction.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/segment-interaction.json"},{"name":"use-segment-interaction","title":"useSegmentInteraction","description":"Client hook that coordinates hover, focus, and persistent selection across Segment[] surfaces.","type":"registry:ui","source_url":"https://ui.retab.com/r/use-segment-interaction.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/use-segment-interaction.json"},{"name":"segment-legend","title":"Segment Legend","description":"Compact color legend for a Segment[] with shared hover, focus, and selection state.","type":"registry:ui","source_url":"https://ui.retab.com/r/segment-legend.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/segment-legend.json"},{"name":"segment-sidebar","title":"Segment Sidebar","description":"Selectable list of segments with page ranges and confidence bars.","type":"registry:ui","source_url":"https://ui.retab.com/r/segment-sidebar.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/segment-sidebar.json"},{"name":"page-timeline","title":"Page Timeline","description":"A colored page strip that ties a Segment[] to the document; hover/select syncing and click-to-jump.","type":"registry:ui","source_url":"https://ui.retab.com/r/page-timeline.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/page-timeline.json"},{"name":"page-ribbon","title":"Page Ribbon","description":"A page-axis ribbon: segments drawn as blocks spanning their pages. One vertical lane = a split sidebar; many horizontal rows (consensus + votes) = a partition …","type":"registry:ui","source_url":"https://ui.retab.com/r/page-ribbon.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/page-ribbon.json"},{"name":"segment-page-rail","title":"Segment Page Rail","description":"Vertical page rail for Segment[] documents with current-page following, scroll progress, and page selection.","type":"registry:ui","source_url":"https://ui.retab.com/r/segment-page-rail.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/segment-page-rail.json"},{"name":"segmented-document","title":"Segmented Document","description":"Shared segmented-document model, provider, viewport controller, and anchor navigation for split, partition, source, OCR, and bbox viewers.","type":"registry:ui","source_url":"https://ui.retab.com/r/segmented-document.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/segmented-document.json"},{"name":"schema-builder","title":"Schema Builder","description":"Controlled JSON Schema editor for building Retab extraction schemas — fields, types, nested objects, arrays, enums, and required flags.","type":"registry:ui","source_url":"https://ui.retab.com/r/schema-builder.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/schema-builder.json"},{"name":"attachment-sidebar","title":"Attachment Sidebar","description":"File attachment navigator built from SidebarList primitives and FileThumbnail.","type":"registry:ui","source_url":"https://ui.retab.com/r/attachment-sidebar.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/attachment-sidebar.json"},{"name":"email-viewer","title":"Email Viewer","description":"Render recursive MIME messages with headers, CID inline resources, nested messages, and File Viewer leaves.","type":"registry:ui","source_url":"https://ui.retab.com/r/email-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/email-viewer.json"},{"name":"file-thumbnail-frame","title":"File Thumbnail Frame","description":"Dependency-free thumbnail frame with a loading shimmer, fade-in, and muted fallback surface.","type":"registry:ui","source_url":"https://ui.retab.com/r/file-thumbnail-frame.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-thumbnail-frame.json"},{"name":"file-thumbnail","title":"File Thumbnail","description":"Render complete file thumbnails from browser files, URLs, blobs, text sources, external images, or custom preview content.","type":"registry:ui","source_url":"https://ui.retab.com/r/file-thumbnail.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-thumbnail.json"},{"name":"run-card","title":"Run Card","description":"A document run card: a file thumbnail with a status pill, a heading, and a result slot. Composes file-thumbnail; the result rendering is left to its children.","type":"registry:ui","source_url":"https://ui.retab.com/r/run-card.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/run-card.json"},{"name":"ocr-block","title":"OCR","description":"OCR review for a scanned document: source page, detected text blocks, confidence filtering, and matching polygon overlays. Switch between Google Document AI, A…","type":"registry:block","source_url":"https://ui.retab.com/r/ocr-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/ocr-block.json"},{"name":"split-viewer-block","title":"Split Viewer","description":"Named subdocuments over a PDF: a legend header and a vertical page-ribbon sidebar, from the shared segment primitives.","type":"registry:block","source_url":"https://ui.retab.com/r/split-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/split-viewer-block.json"},{"name":"partition-viewer-block","title":"Partition Viewer","description":"Keyed chunks over a PDF: a legend plus a horizontal page-ribbon waterfall, from the shared segment primitives.","type":"registry:block","source_url":"https://ui.retab.com/r/partition-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/partition-viewer-block.json"},{"name":"parse-viewer-block","title":"Parse Viewer","description":"The source document beside its extracted markdown, synced by page, with a Rendered/Text toggle.","type":"registry:block","source_url":"https://ui.retab.com/r/parse-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/parse-viewer-block.json"},{"name":"edit-viewer-block","title":"Edit Viewer","description":"Detected form fields beside a PDF source document, linked by their bbox — hover or select a field to highlight its region on the page; Preview stamps values ov…","type":"registry:block","source_url":"https://ui.retab.com/r/edit-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/edit-viewer-block.json"},{"name":"excel-splitting-viewer-block","title":"Excel Splitting","description":"One Excel workbook fanned out into several clean CSVs — each reconstructed table rendered in the viewer, with a sidebar listing every CSV the splitter emitted,…","type":"registry:block","source_url":"https://ui.retab.com/r/excel-splitting-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/excel-splitting-viewer-block.json"},{"name":"txt-splitting-viewer-block","title":"Text Splitting","description":"One plain-text batch file separated into several documents — each carved-out document rendered in the viewer, with a left sidebar listing the source file first…","type":"registry:block","source_url":"https://ui.retab.com/r/txt-splitting-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/txt-splitting-viewer-block.json"},{"name":"extract-viewer-block","title":"Extract Viewer","description":"Extracted data beside the source PDF, rendered as a JSON form and linked by sources — hover or select a field to highlight where its value came from and scroll…","type":"registry:block","source_url":"https://ui.retab.com/r/extract-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/extract-viewer-block.json"},{"name":"sources-viewer-block","title":"Sources Viewer","description":"Every source-backed format in one viewer — PDF/image bbox sources use segmented-document anchors; text, CSV, Excel, and Word use segmented source links with fo…","type":"registry:block","source_url":"https://ui.retab.com/r/sources-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/sources-viewer-block.json"},{"name":"json-form-sources-block","title":"JSON Form Sources","description":"Extraction rendered as a JSON form beside the source PDF — hover a form field to highlight where its value came from through segmented-document state.","type":"registry:block","source_url":"https://ui.retab.com/r/json-form-sources-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/json-form-sources-block.json"},{"name":"pdf-viewer-thumbnails","title":"PDF Viewer Thumbnails","description":"PDF-owned page thumbnail navigation for explicit PdfViewer composition: lazy pdfjs thumbnails, active-page highlight, and click-to-jump.","type":"registry:ui","source_url":"https://ui.retab.com/r/pdf-viewer-thumbnails.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/pdf-viewer-thumbnails.json"},{"name":"dropzone-block","title":"Dropzone","description":"A file-uploader lab proving the headless dropzone primitive across default, non-button, native-button, controlled, validation-only, custom grid, upload progres…","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-block.json"},{"name":"file-system-block","title":"File System","description":"A document workspace over a flat object-store manifest with list, grid, columns, generated thumbnails, and persistent file previews.","type":"registry:block","source_url":"https://ui.retab.com/r/file-system-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/file-system-block.json"},{"name":"fslight-block","title":"File System Light","description":"A purified composition experiment: file tree in a ViewerSidebar, selected source rendered by FileViewer in a ViewerSurface.","type":"registry:block","source_url":"https://ui.retab.com/r/fslight-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/fslight-block.json"},{"name":"primitive-run-cards","title":"Primitive Run Card Components","description":"Prop-driven run cards for each Retab primitive — classify, split, partition, parse, and extract — each framing the source document with that primitive's result…","type":"registry:ui","source_url":"https://ui.retab.com/r/primitive-run-cards.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/primitive-run-cards.json"},{"name":"primitive-cards-block","title":"Primitive Run Cards","description":"Each Retab primitive's result framed as a run card — a document thumbnail with a status pill and the primitive's output in the card body. Classification shows …","type":"registry:block","source_url":"https://ui.retab.com/r/primitive-cards-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/primitive-cards-block.json"},{"name":"pdf-thumbnails-block","title":"PDF Thumbnails","description":"A PDF viewer with toggleable page thumbnails in a viewer navigation rail.","type":"registry:block","source_url":"https://ui.retab.com/r/pdf-thumbnails-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/pdf-thumbnails-block.json"},{"name":"source-field-list","title":"Source field list","description":"A field list that drives source-field interaction: hover previews the field location in the viewer, click selects it.","type":"registry:ui","source_url":"https://ui.retab.com/r/source-field-list.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/source-field-list.json"},{"name":"source-field-link","title":"Source field link","description":"A field-path adapter over segmented-document anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/source-field-link.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/source-field-link.json"},{"name":"document-anchor","title":"Document anchor","description":"Pure document location types used by evidence projection and viewer target adapters.","type":"registry:ui","source_url":"https://ui.retab.com/r/document-anchor.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/document-anchor.json"},{"name":"document-evidence","title":"Document evidence","description":"Pure projection types for semantic evidence rows that can resolve to document anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/document-evidence.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/document-evidence.json"},{"name":"interactive-item-list","title":"Interactive item list","description":"A virtualized listbox interaction primitive for preview, selection, keyboard navigation, and visible-item reporting.","type":"registry:ui","source_url":"https://ui.retab.com/r/interactive-item-list.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/interactive-item-list.json"},{"name":"source-evidence","title":"Source evidence","description":"Projection helpers that convert document sources, source maps, and source fields into evidence rows with resolved document anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/source-evidence.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/source-evidence.json"},{"name":"source-segmented-document","title":"Source segmented document","description":"Projection helpers and overlays that convert PDF/image bbox document sources into segmented-document segments, anchors, and active source highlights.","type":"registry:ui","source_url":"https://ui.retab.com/r/source-segmented-document.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/source-segmented-document.json"},{"name":"layout-blocks-segmented-document","title":"Layout blocks segmented document","description":"Projection helpers that convert OCR/layout blocks into segmented-document segments and anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/layout-blocks-segmented-document.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/layout-blocks-segmented-document.json"},{"name":"source-anchor","title":"Source anchor","description":"Pure conversion from document-source anchors to document viewer anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/source-anchor.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/source-anchor.json"},{"name":"image-source","title":"Image source adapter","description":"Bridges the document-source model to the image viewer: imageAnchorToTarget, rotateImageArea, and renderImageSourceOverlay for image_bbox anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/image-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/image-source.json"},{"name":"code-viewer","title":"Code Viewer","description":"A fixed-line code and log viewer with line numbers, custom virtualization, source-line highlights, retry, zoom, and download.","type":"registry:ui","source_url":"https://ui.retab.com/r/code-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/code-viewer.json"},{"name":"text-viewer","title":"Text Viewer","description":"A Pretext-powered prose viewer with natural wrapping, custom variable-height virtualization, source-line highlights, retry, zoom, and download.","type":"registry:ui","source_url":"https://ui.retab.com/r/text-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/text-viewer.json"},{"name":"text-viewer-chenglou","title":"Chenglou Text Viewer","description":"An imperative Pretext prose viewer that keeps Text Viewer parsing/layout but projects visible rows through a Chenglou-style DOM cache.","type":"registry:ui","source_url":"https://ui.retab.com/r/text-viewer-chenglou.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/text-viewer-chenglou.json"},{"name":"markdown-viewer","title":"Markdown Viewer","description":"A continuous Markdown viewer forked from the Chenglou Pretext text viewer, with block virtualization and no visible page model.","type":"registry:ui","source_url":"https://ui.retab.com/r/markdown-viewer.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/markdown-viewer.json"},{"name":"text-source","title":"Text source adapter","description":"Bridges the document-source model to text viewers: textAnchorToTarget and sourceToTextHighlight for text_span anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/text-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/text-source.json"},{"name":"csv-source","title":"CSV source adapter","description":"Bridges the document-source model to the CSV viewer: csvAnchorToTarget and sourceToCsvCell for csv_cell anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/csv-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/csv-source.json"},{"name":"xlsx-source","title":"Excel source adapter","description":"Bridges the document-source model to the XLSX viewer: xlsxAnchorToTarget and sourceToXlsxCell for spreadsheet_cell anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/xlsx-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/xlsx-source.json"},{"name":"docx-source","title":"DOCX source adapter","description":"Bridges the document-source model to the DOCX viewer: docxAnchorToTarget and sourceToDocxHighlight for docx_text_span and docx_table_cell anchors.","type":"registry:ui","source_url":"https://ui.retab.com/r/docx-source.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/docx-source.json"},{"name":"image-sources-block","title":"Image Sources","description":"Extracted fields linked to a scanned page image — hover to highlight the image_bbox region.","type":"registry:block","source_url":"https://ui.retab.com/r/image-sources-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/image-sources-block.json"},{"name":"text-sources-block","title":"Text Sources","description":"Values extracted from a log file linked to the lines they came from — hover to highlight a line range.","type":"registry:block","source_url":"https://ui.retab.com/r/text-sources-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/text-sources-block.json"},{"name":"docx-sources-block","title":"DOCX Sources","description":"Values extracted from a Word document linked back to where they came from — hover to highlight the text and scroll to it.","type":"registry:block","source_url":"https://ui.retab.com/r/docx-sources-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/docx-sources-block.json"},{"name":"csv-sources-block","title":"CSV Sources","description":"Extracted values linked to spreadsheet cells — hover to highlight a cell and scroll to it.","type":"registry:block","source_url":"https://ui.retab.com/r/csv-sources-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/csv-sources-block.json"},{"name":"xlsx-sources-block","title":"Excel Sources","description":"Extracted values linked to spreadsheet cells across sheets — hover to switch sheet, highlight the cell, and scroll to it.","type":"registry:block","source_url":"https://ui.retab.com/r/xlsx-sources-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/xlsx-sources-block.json"},{"name":"source-indicator","title":"Source indicator","description":"A floating pill that reports active field source state over a viewer: nothing selected, a located field path, or a field with no source.","type":"registry:ui","source_url":"https://ui.retab.com/r/source-indicator.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/source-indicator.json"},{"name":"dropzone-file-uploader-example","title":"Default File Uploader","description":"The standard visual file uploader built on the headless dropzone primitive.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-file-uploader-example.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-file-uploader-example.json"},{"name":"dropzone-file-viewer-example","title":"Uploader + Viewer","description":"One upload surface that becomes a file viewer, with the uploaded blob rendered by FileViewer.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-file-viewer-example.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-file-viewer-example.json"},{"name":"dropzone-non-button-trigger","title":"Non-Button Trigger","description":"A custom element opens the file dialog while preserving dropzone state.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-non-button-trigger.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-non-button-trigger.json"},{"name":"dropzone-native-button-queue","title":"Native Button Queue","description":"A real button trigger with browser button semantics and a small selected-file queue.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-native-button-queue.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-native-button-queue.json"},{"name":"dropzone-controlled-queue","title":"Controlled Queue","description":"Parent-owned file state with controlled selected files and explicit clear behavior.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-controlled-queue.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-controlled-queue.json"},{"name":"dropzone-validation-only","title":"Validation Only","description":"Validate accepted files and rejection details without storing selected files.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-validation-only.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-validation-only.json"},{"name":"dropzone-custom-thumbnail-grid","title":"Custom Thumbnail Grid","description":"Direct useDropzone composition with FileThumbnail previews in a custom grid.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-custom-thumbnail-grid.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-custom-thumbnail-grid.json"},{"name":"dropzone-media-transcript-queue","title":"Media Transcript Queue","description":"Audio and video files queued as transcript jobs with per-file thumbnails.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-media-transcript-queue.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-media-transcript-queue.json"},{"name":"dropzone-upload-progress-queue","title":"Upload Progress Queue","description":"A dropzone-backed upload queue with per-file loading bars keyed by the admitted file ids.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-upload-progress-queue.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-upload-progress-queue.json"},{"name":"dropzone-avatar-image-slot","title":"Avatar Image Slot","description":"A single replaceable image slot with a custom circular preview.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-avatar-image-slot.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-avatar-image-slot.json"},{"name":"dropzone-spreadsheet-import-card","title":"Spreadsheet Import","description":"A single spreadsheet upload feeding a mapping workflow.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-spreadsheet-import-card.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-spreadsheet-import-card.json"},{"name":"dropzone-evidence-timeline","title":"Evidence Timeline","description":"Files become ordered evidence events inside a custom surface.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-evidence-timeline.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-evidence-timeline.json"},{"name":"dropzone-comparison-pair-upload","title":"Comparison Pair","description":"Two independent dropzones model original versus revision documents.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-comparison-pair-upload.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-comparison-pair-upload.json"},{"name":"dropzone-intake-router","title":"Intake Router","description":"One intake target routes selected files into document, image, and table lanes.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-intake-router.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-intake-router.json"},{"name":"dropzone-required-packet-slots","title":"Required Packet","description":"Slot-level dropzones for checklist-driven packet collection.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-required-packet-slots.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-required-packet-slots.json"},{"name":"dropzone-pinboard-drop-surface","title":"Pinboard Drop Surface","description":"A full canvas trigger that pins dropped files as cards.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-pinboard-drop-surface.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-pinboard-drop-surface.json"},{"name":"dropzone-disabled-dropzone","title":"Disabled Dropzone","description":"Disabled input, trigger focus, intake, and drag behavior.","type":"registry:block","source_url":"https://ui.retab.com/r/dropzone-disabled-dropzone.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/dropzone-disabled-dropzone.json"},{"name":"split-consensus-viewer-block","title":"Split Consensus","description":"A split result with multi-run consensus visible in the sidebar: the page rail stays beside output-level likelihoods and each vote used to build the final split.","type":"registry:block","source_url":"https://ui.retab.com/r/split-consensus-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/split-consensus-viewer-block.json"},{"name":"split-consensus-diagram-horizontal-viewer-block","title":"Split Consensus Diagram Horizontal","description":"A split consensus segment diagram with consolidation, five raw votes, and contested-page density in a wide horizontal sidebar beside the PDF.","type":"registry:block","source_url":"https://ui.retab.com/r/split-consensus-diagram-horizontal-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/split-consensus-diagram-horizontal-viewer-block.json"},{"name":"split-consensus-diagram-vertical-viewer-block","title":"Split Consensus Diagram Vertical","description":"A split consensus segment diagram with the page axis running vertically for a narrow sidebar beside the PDF.","type":"registry:block","source_url":"https://ui.retab.com/r/split-consensus-diagram-vertical-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/split-consensus-diagram-vertical-viewer-block.json"},{"name":"split-consensus-lukas-viewer-block","title":"Split Consensus Lukas","description":"The split benchmark diagram from Lukas Bjorkland's article, with GT, Split v1, Split v2, the PDF pane, and the same dark metrics table treatment.","type":"registry:block","source_url":"https://ui.retab.com/r/split-consensus-lukas-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/split-consensus-lukas-viewer-block.json"},{"name":"classify-consensus-viewer-block","title":"Classify Consensus","description":"A classification result with consensus visible in the sidebar: selected category, likelihood, and every vote beside the source document.","type":"registry:block","source_url":"https://ui.retab.com/r/classify-consensus-viewer-block.json","install_command":"npx shadcn@latest add https://ui.retab.com/r/classify-consensus-viewer-block.json"}]},{"id":"retroui","name":"@retroui","slug":"retroui","description":"RetroUI is a neobrutalism-styled React + Tailwind CSS component library (~100 registry items) offering a bold, high-contrast aesthetic as an alternative to minimal shadcn defaults. Core components include Accordion, Alert, Avatar, Badge, Breadcrumb, Button, Calendar, Card, Carousel, Checkbox, Command, ContextMenu, Dialog, Drawer, Empty, Input, Label, Loader, Menu, Popover, Progress, Radio, Select, Slider, Sonner, Switch, Tab, Table, Text/Typography, Textarea, TOC, Toggle, ToggleGroup, Tooltip, plus four chart types (Area, Bar, Line, Pie). MIT license, free and open-source. Use for: projects targeting a bold neobrutalist or retro visual identity that want pre-styled Tailwind components out of the box without extensive custom theming.","author":"Logging-Studio","framework":"react","license":"MIT","tags":["aesthetic","auth","buttons","cards","charts","dashboard","design-system","forms","loaders","media","navigation","overlays","pro-available","retro","tables","theming"],"categories":["Theming/styling"],"labels":["featured","popular","pro"],"urls":{"website":"https://retroui.dev","github":"https://github.com/Logging-Studio/RetroUI","registry":"https://retroui.dev/r/registry.json","source":"https://retroui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/retroui","markdown":"https://sh4dcn.netlify.app/md/retroui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='906' height='853' fill='none' viewBox='0 0 906 853'><path fill='var(--background)' stroke='var(--foreground)' stroke-width='48' d='M506 79.804c207.739 0 376 167.793 376 374.598C882 661.208 713.738 829 506 829S130 661.208 130 454.402c0-206.805 168.261-374.598 376-374.598Z'/><path fill='var(--background)' stroke='var(--foreground)' stroke-width='48' d='M400 24c207.739 0 376 167.793 376 374.599S607.738 773.196 400 773.196 24 605.404 24 398.599C24 191.793 192.261 24 400 24Z'/><path stroke='var(--foreground)' stroke-width='48' d='M0-24h395.852M0-24h395.852' transform='rotate(131.83 299.846 185.446)skewX(.2)'/></svg>","preview_image":"https://neobrutalism.com/opengraph-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://retroui.dev/pricing"},"metrics":{"github_stars":1628,"open_issues":4,"last_commit":"2026-08-03T09:28:45Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://retroui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://retroui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://retroui.dev/r/registry.json","clone":"git clone https://github.com/Logging-Studio/RetroUI.git","clone_degit":"npx degit Logging-Studio/RetroUI","registry_fetch":"curl -s https://retroui.dev/r/registry.json"},"component_count":54,"components":[{"name":"accordion","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://retroui.dev/r/accordion.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/alert.json","install_command":"npx shadcn@latest add https://retroui.dev/r/alert.json"},{"name":"alert-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://retroui.dev/r/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://retroui.dev/r/aspect-ratio.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/badge.json","install_command":"npx shadcn@latest add https://retroui.dev/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://retroui.dev/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/button.json","install_command":"npx shadcn@latest add https://retroui.dev/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/button-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/card.json","install_command":"npx shadcn@latest add https://retroui.dev/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://retroui.dev/r/carousel.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://retroui.dev/r/checkbox.json"},{"name":"collapsible","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://retroui.dev/r/collapsible.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://retroui.dev/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/command.json","install_command":"npx shadcn@latest add https://retroui.dev/r/command.json"},{"name":"context-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://retroui.dev/r/context-menu.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://retroui.dev/r/dialog.json"},{"name":"direction","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/direction.json","install_command":"npx shadcn@latest add https://retroui.dev/r/direction.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://retroui.dev/r/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://retroui.dev/r/dropdown-menu.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/empty.json","install_command":"npx shadcn@latest add https://retroui.dev/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/field.json","install_command":"npx shadcn@latest add https://retroui.dev/r/field.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://retroui.dev/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/input.json","install_command":"npx shadcn@latest add https://retroui.dev/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://retroui.dev/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/item.json","install_command":"npx shadcn@latest add https://retroui.dev/r/item.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://retroui.dev/r/kbd.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/label.json","install_command":"npx shadcn@latest add https://retroui.dev/r/label.json"},{"name":"menubar","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/menubar.json"},{"name":"native-select","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/native-select.json","install_command":"npx shadcn@latest add https://retroui.dev/r/native-select.json"},{"name":"navigation-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://retroui.dev/r/navigation-menu.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://retroui.dev/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/popover.json","install_command":"npx shadcn@latest add https://retroui.dev/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/progress.json","install_command":"npx shadcn@latest add https://retroui.dev/r/progress.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/radio-group.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://retroui.dev/r/resizable.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://retroui.dev/r/scroll-area.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/select.json","install_command":"npx shadcn@latest add https://retroui.dev/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/separator.json","install_command":"npx shadcn@latest add https://retroui.dev/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://retroui.dev/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://retroui.dev/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://retroui.dev/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/slider.json","install_command":"npx shadcn@latest add https://retroui.dev/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/sonner.json","install_command":"npx shadcn@latest add https://retroui.dev/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://retroui.dev/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/switch.json","install_command":"npx shadcn@latest add https://retroui.dev/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/table.json","install_command":"npx shadcn@latest add https://retroui.dev/r/table.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://retroui.dev/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://retroui.dev/r/textarea.json"},{"name":"toggle","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://retroui.dev/r/toggle.json"},{"name":"toggle-group","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://retroui.dev/r/toggle-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://retroui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://retroui.dev/r/tooltip.json"}]},{"id":"reui","name":"@reui","slug":"reui","description":"ReUI is the largest free open-source shadcn/ui extension library, offering 1,000+ components across 68+ categories including 17 custom in-house primitives: Data Grid (TanStack Table + Virtual, DnD, pinning, resizing, infinite scroll), Kanban, Filters (URL-state, Zod, TanStack), Sortable, Timeline, Stepper, Tree, File Upload, Date Selector, Autocomplete, Number Field, and more. All components are shown in realistic dashboard layouts, not isolated demos. Supports both Radix UI and Base UI flavors, all five shadcn create styles (Vega, Nova, Maia, Lyra, Mira), Tailwind v4, TypeScript. A paid ReUI Pro tier is in waitlist. Free core is MIT. Use for: building complex admin dashboards or SaaS back-office UIs that need production-grade tables, filters, and data management components beyond base shadcn/ui.","author":"keenthemes","framework":"react","license":"MIT","tags":["ai","auth","cards","cms","dashboard","design-system","forms","hooks","marketing","media","navigation","overlays","pro-available","saas","tables"],"categories":["Dashboard/admin templates"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://reui.io","github":"https://github.com/keenthemes/reui","registry":"https://reui.io/r/registry.json","source":"https://reui.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/reui","markdown":"https://sh4dcn.netlify.app/md/reui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='101' height='100' fill='none' viewBox='0 0 101 100'><g fill='var(--foreground)' clip-path='url(#a)'><path fill-rule='evenodd' d='M67.167 3.846H33.833c-16.285 0-29.487 13.202-29.487 29.487v33.334c0 16.285 13.202 29.487 29.487 29.487h33.334c16.285 0 29.487-13.202 29.487-29.487V33.333c0-16.285-13.202-29.487-29.487-29.487M33.833 0C15.423 0 .5 14.924.5 33.333v33.334C.5 85.077 15.424 100 33.833 100h33.334c18.41 0 33.333-14.924 33.333-33.333V33.333C100.5 14.923 85.576 0 67.167 0z' clip-rule='evenodd' opacity='.2'/><path d='M70.636 34.396a4.698 4.698 0 1 0 0-9.396 4.698 4.698 0 0 0 0 9.396'/><path fill-rule='evenodd' d='M25.672 56.879V29.698a4.698 4.698 0 1 1 9.396 0v27.181a8.725 8.725 0 0 0 8.725 8.725h13.423a8.725 8.725 0 0 0 8.724-8.725V43.59a4.698 4.698 0 1 1 9.396 0v13.29c0 10.008-8.113 18.12-18.12 18.12H43.793c-10.008 0-18.121-8.113-18.121-18.121' clip-rule='evenodd'/></g><defs><clipPath id='a'><path fill='var(--background)' d='M0 0h101v100H0z'/></clipPath></defs></svg>","preview_image":"https://reui.io/og?title=Free%20Shadcn%20UI%20Components%2C%20Blocks%2C%20Icons%2C%20Templates%20%26%20MCP&amp;description=Free%20Shadcn%20UI%20components%20and%20pro%20blocks%20for%20React%20and%20Tailwind%20CSS%2C%20plus%20hand-crafted%20icons%2C%20templates%20and%20a%20hosted%20MCP%20server%20for%20coding%20agents.&amp;v=dpl_1Dh5aoGd4qyNC3Qht2yHN4nHaW89","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://reui.io/pricing"},"metrics":{"github_stars":3794,"open_issues":37,"last_commit":"2026-10-16T10:15:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://reui.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://reui.io/r/registry.json","install_bun":"bunx shadcn@latest add https://reui.io/r/registry.json","clone":"git clone https://github.com/keenthemes/reui.git","clone_degit":"npx degit keenthemes/reui","registry_fetch":"curl -s https://reui.io/r/registry.json"},"component_count":250,"components":[{"name":"agent-activity-1","title":"Agent run console that stops at approval steps for an inline Approve, Revise or…","description":"Human in the loop task view: queue badges on steps that will need you, an answer field for agent questions, and a declined approval skipping its gated steps. R…","type":"registry:block","source_url":"https://reui.io/r/{style}/agent-activity-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/agent-activity-1.json"},{"name":"agent-activity-2","title":"Live agent run feed with Summary, Detailed and Raw monospace log views","description":"Narrates an agent run as it works: steps name the file, command, query or issue they touched, Stop strikes the rest as cancelled, transcript copy and download.…","type":"registry:block","source_url":"https://reui.io/r/{style}/agent-activity-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/agent-activity-2.json"},{"name":"agent-activity-3","title":"Research timeline from search query via cited sources and repo files to a confi…","description":"Shows how an AI agent reached its reply: steps land live, hover copy and open actions per row, publisher logos. ReUI Timeline, Badge; shadcn Card, Item, Spinne…","type":"registry:block","source_url":"https://reui.io/r/{style}/agent-activity-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/agent-activity-3.json"},{"name":"agent-activity-4","title":"MCP call table attributing each tool call to its server, with the refused scope…","description":"Agent run permission review for a chat transcript: rows stream in over skeletons, a Denied only filter and a Dropped badge on a lost server. Built on ReUI Badg…","type":"registry:block","source_url":"https://reui.io/r/{style}/agent-activity-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/agent-activity-4.json"},{"name":"agent-activity-5","title":"Agent run outcome report with a done, failed or skipped badge per item and a sc…","description":"Wrap-up card for a finished agent task: the command, record or reason behind each row, a Grant button for a missing scope, and Keep what succeeded with undo. B…","type":"registry:block","source_url":"https://reui.io/r/{style}/agent-activity-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/agent-activity-5.json"},{"name":"ai-chat-1","title":"AI copilot chat surface with streaming transcript and recent chats","description":"Full page AI copilot chat surface with a streaming transcript, a tabbed header thread switcher over pinned and recent chats, a starter view of prompt and threa…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-1.json"},{"name":"ai-chat-10","title":"AI chat welcome screen with scoped sources and structured answers","description":"Launch surface for a source grounded copilot: a greeting, a framed ask box whose header toggles which files the chat may read, and three starter asks. Replies …","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-10.json"},{"name":"ai-chat-11","title":"AI chat stage with framed answer receipts on a live dot field","description":"A self contained chat surface floating on an animated dot field. Asks stay bubbles while every reply renders as a framed receipt carrying the run behind it, a …","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-11.json"},{"name":"ai-chat-12","title":"Ask AI docs support panel that shows the knowledge base being read","description":"A support assistant docked to a documentation page as a hideable right sidebar, answering only from the product knowledge base and showing its work while it do…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-12.json"},{"name":"ai-chat-13","title":"Corner AI chat popup with history, expand and page context","description":"An in app assistant launched from a bottom right button: a non modal chat window over the page with starter questions, a streaming thread, chat history, attach…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-13.json"},{"name":"ai-chat-2","title":"Docked AI assistant chat panel beside a page with insert into draft","description":"Sticky right side AI copilot beside a page: streaming thread, grouped Message bubbles, markdown code block, model picker, quick replies, and an Insert action t…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-2.json"},{"name":"ai-chat-3","title":"AI chat welcome screen with prompt starters and a docked composer","description":"AI assistant welcome screen and zero state: an Empty greeting with live workspace stats, one rail of start and resume rows that fill the composer and attach co…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-3.json"},{"name":"ai-chat-4","title":"Floating right chat sidebar that pushes the page and replies to a quoted senten…","description":"Reveal and hide a floating AI panel beside any page: select a sentence in an answer to reply to that line, a keyboard suggestion palette, a workspace Personali…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-4.json"},{"name":"ai-chat-5","title":"AI chat welcome screen where connected work apps set the answer scope","description":"A centered new chat screen whose composer sits in a ReUI Frame: the panel is the box you type into and the frame footer is a live integrations strip of Google …","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-5.json"},{"name":"ai-chat-6","title":"Agentic side panel where the answers carry the controls","description":"A docked AI panel that runs a task end to end: confirm which workspace sources and attached files the agent may read, edit and run an ordered plan step by step…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-6.json"},{"name":"ai-chat-7","title":"Split pane model comparison running one prompt against two AI models","description":"Side by side compare view: two resizable panes answer one docked prompt and stream at different speeds, with sortable data tables in the replies, a scroll lock…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-7.json"},{"name":"ai-chat-8","title":"Docked voice first assistant panel that answers in a different shape each time","description":"A floating assistant panel beside any page, driven by voice as readily as typing. Hold the mic and the take lands as a playable turn with a scrubbable transpor…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-8.json"},{"name":"ai-chat-9","title":"Branching AI chat thread with reply versions, cited sources and code artifacts","description":"A standalone conversation under one minimal header: a tabbed thread switcher over pinned and recency lists, a favorite toggle and a fold for earlier turns, abo…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-chat-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-chat-9.json"},{"name":"ai-usage-1","title":"Usage planner with a stepped token ruler, model cards and a live spend estimate","description":"Plan next month's AI spend: a stepped token ruler with graduated volume discounts, model cards, add-on chips and a projected total against a monthly budget. Re…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-usage-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-usage-1.json"},{"name":"ai-usage-2","title":"Spend map that fans monthly AI spend out by model, team, agent and API key","description":"Month to date AI spend as a fan map: a budget dial splits spend by model, team, agent and API key, flags caps at risk and scrubs one item's daily spend. ReUI F…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-usage-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-usage-2.json"},{"name":"ai-usage-3","title":"Edge AI node fleet with an isometric inference box you open, inspect and power …","description":"Manage on-prem edge AI inference nodes: a grouped node picker, an isometric box with a lifting lid, memory lit per model and watt-based power budgets, plus usa…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-usage-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-usage-3.json"},{"name":"ai-usage-4","title":"Local model settings with a GPU server cutaway whose card LEDs show model memory","description":"Size open weight models on your own GPU server: an isometric server whose card LEDs show memory in use, model rows, an inspector, and a header to review pendin…","type":"registry:block","source_url":"https://reui.io/r/{style}/ai-usage-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/ai-usage-4.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:ui","source_url":"https://reui.io/r/{style}/alert.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/alert.json"},{"name":"app-shell-1","title":"Collapsible icon-rail sidebar app shell with workspace switcher, nested nav, an…","description":"Dashboard app shell with an icon-collapsible sidebar: workspace switcher, nested platform nav with count badges, pinned resources with row action menus, theme …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-1.json"},{"name":"app-shell-10","title":"AI Agents App Shell with Collapsible Sidebar, Active-Project Rings, and Rich No…","description":"Inset sidebar shell for an AI agents console: command-K search, collapsible agent nav, projects with progress rings, usage-limit card, org and theme switcher, …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-10.json"},{"name":"app-shell-11","title":"Operations sidebar app shell with four toggleable regions and a resizable botto…","description":"Dense operations console: collapsible nav, resizable split panes, an expandable bottom workbench sheet, and a right calendar and agenda rail. ReUI Badge, Frame…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-11.json"},{"name":"app-shell-12","title":"Icon-rail sidebar app shell with command-K search, notifications feed, apps gri…","description":"Dashboard shell: collapsible icon-rail sidebar with nested nav, Soon badges, and project progress rings, plus a header command-K search, rich notifications fee…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-12.json"},{"name":"app-shell-13","title":"Community feed app shell with full-width header above a collapsible icon-rail s…","description":"Full-width header over a collapsible icon-rail sidebar for community feed apps. Search, Create button, avatar menu, theme toggle, grouped nav with badges, nest…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-13.json"},{"name":"app-shell-14","title":"Mini icon-rail sidebar app shell with per-section secondary nav and a tabbed wo…","description":"Three-region workspace shell: icon rail, a toggleable secondary nav that swaps per section, and a toolbar with List, Kanban, Calendar, Dashboard tabs plus Sort…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-14.json"},{"name":"app-shell-15","title":"Dark full-width topbar app shell with workspace switcher, pinnable sidebar nav,…","description":"Dashboard shell with a fixed dark topbar over an icon-collapsible sidebar: workspace switcher, pin/unpin nav with badges, favorites group, gradient Upgrade men…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-15.json"},{"name":"app-shell-16","title":"Dual sidebar app shell with icon rail and collapsible secondary navigation panel","description":"Two-level dashboard layout: icon rail plus a toggleable secondary nav that swaps per section, with workspace switcher, breadcrumb header, search, and account m…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-16.json"},{"name":"app-shell-17","title":"AI chat assistant app shell with floating sidebar, model picker grid, and promp…","description":"AI chat workspace: floating collapsible sidebar with a GPT-4/Claude/Gemini model picker, pinned and recent threads, a welcome canvas, and an InputGroup compose…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-17.json"},{"name":"app-shell-18","title":"Task workspace app shell with collapsible floating sidebar and a toggleable AI …","description":"Three-panel to-do shell: floating Sidebar with task lists, count Badges, color tags and a Progress focus card, plus a toggleable AI chat panel (in-flow at desk…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-18.json"},{"name":"app-shell-19","title":"Calendar app shell with inset sidebar date picker, up-next agenda, and Day/Week…","description":"Calendar app layout: inset Sidebar with a Calendar date picker, up-next agenda, calendars menu, account menu, and a header Day/Week/Month switcher. ReUI Badge,…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-19.json"},{"name":"app-shell-2","title":"Floating icon-collapsible sidebar shell with command-K search, nested nav, and …","description":"App shell with a floating collapsible-to-icon Sidebar, command-K search Dialog, nested Platform nav with a live status pulse, workspace switcher Dropdown, and …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-2.json"},{"name":"app-shell-20","title":"Mail client app shell with folder sidebar, split list and reading panes, and ic…","description":"Email workspace: inset Sidebar with account menu, compose dialog, folders, labels and contacts, a search and category-filter message list, a reading pane, and …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-20.json"},{"name":"app-shell-21","title":"AI chat app shell with resizable thread sidebar, collapsible icon rail, and mod…","description":"AI chat workspace: resizable thread sidebar collapsing to an icon rail, pinned and grouped chats, a search palette, and a header model picker with memory toggl…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-21.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-21.json"},{"name":"app-shell-22","title":"Photo banner app shell with crossfading hero images, pixel dissolve, glass icon…","description":"Fleet operator console: sticky rail with a Robots section menu and account menu, a sonner access-request toast (host mounts Toaster), Sheet drawer below lg. sh…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-22.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-22.json"},{"name":"app-shell-23","title":"Team and project switcher topbar app shell with indented sidebar route groups a…","description":"Operations admin layout: Transport, Inspection and Recharge mission templates and a 9-row notifications Sheet with approvals and ratings. shadcn Sidebar, Bread…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-23.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-23.json"},{"name":"app-shell-24","title":"Inset notifications sheet app shell with route search palette and topbar sectio…","description":"Robotics ops shell: section nav folding into a bottom Drawer, ops toggles, presence status avatar badges and a sidebar footer account card. shadcn Sidebar, She…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-24.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-24.json"},{"name":"app-shell-25","title":"Mission control app shell with icon rail, 4-tab missions panel and expandable r…","description":"Delivery robot dispatch console: per-mission tick chart, run stats, collapsible Scheduled, Active, Paused and Failed sections, and a header search that filters…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-25.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-25.json"},{"name":"app-shell-26","title":"Security console app shell with icon scope tabs and a drag-to-reorder collapsib…","description":"SOC dashboard layout: top bar with workspace picker, section pills, Cmd+K search, notifications feed and Run Scan; add or duplicate scopes. ReUI Sortable, Badg…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-26.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-26.json"},{"name":"app-shell-27","title":"Searchable route sidebar shell with a 48px icon rail fold and a Security, Asset…","description":"Robot fleet security console with no top bar: Cmd+F focuses route search, grip-handle sub-scope reordering, Add buttons that append draft rows, count and statu…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-27.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-27.json"},{"name":"app-shell-28","title":"Single rounded-panel app shell framing a grouped nav rail and body under top ic…","description":"Robot admin console: section tabs collapse to a current-section dropdown and the rail to a Sheet below lg, Cmd+K search Dialog, 3-alert notifications menu. sha…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-28.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-28.json"},{"name":"app-shell-29","title":"Section tile rail shell with a 3x3 tile grid, workspace tabs and a status-badge…","description":"Rail for robot, crew and event workspaces: tabs swap tile grids and trees, the rail folds to a tooltip icon strip or moves into a left Sheet under lg. ReUI Bad…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-29.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-29.json"},{"name":"app-shell-3","title":"Inset sidebar app shell with per-project progress rings and a multi-type notifi…","description":"Inset collapsible sidebar dashboard shell with workspace switcher, command search, project donut progress rings, usage limit meter, and notifications popover. …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-3.json"},{"name":"app-shell-30","title":"Sidebar-free top nav app shell with an 8-tab segmented view track and a count-b…","description":"Robot delivery console: icon sections and view tabs fold into Sections and Workspace views dropdowns on small screens, plus Onboard Robot, New Mission and Open…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-30.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-30.json"},{"name":"app-shell-31","title":"Folder-tab workspace app shell with floating pill-group rail, color wash and as…","description":"Glassmorphism dashboard: 9 icon sections with a lit active rim, 3 SVG-cut tabs (Operations, Structure, Insights), a theme toggle that keeps the account menu op…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-31.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-31.json"},{"name":"app-shell-32","title":"Fleet protection app shell with endpoint and threat counts, mission dialog and …","description":"Endpoint security console: Security, Assets, Events scope tree with drag-to-reorder and Add drafts, and an assistant that answers from fleet runbooks and shows…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-32.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-32.json"},{"name":"app-shell-33","title":"Fleet center app shell with an always-dark side card, pinnable view tiles and a…","description":"Robot delivery console: a searchable 4-section scope tree with reorderable sub-scopes, count and status badges, Quick Add and System menus, a skeleton body. Re…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-33.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-33.json"},{"name":"app-shell-34","title":"3-way invoice matching app shell with a PO tree, linked check markers and a doc…","description":"Accounts payable review console: order search, a Review, Ready, Overdue filter, 3 checks per PO with issue count badges, and an AI advisor that answers from AP…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-34.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-34.json"},{"name":"app-shell-35","title":"Whiteboard app shell with a fixed icon rail, centered board view tabs and editi…","description":"Whiteboard workspace layout: an icon rail that becomes a left sheet below md, and 4 board views that fold into a bottom drawer below lg. Share, Export and a bo…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-35.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-35.json"},{"name":"app-shell-36","title":"Observability app shell with grouped sidebar, pinned pages with Undo and nav se…","description":"Monitoring console layout on the shadcn Sidebar: workspace switcher, a Cmd+F nav filter, pinnable pages with Undo, one breadcrumb header and one skeleton card …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-36.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-36.json"},{"name":"app-shell-4","title":"Mail inbox app shell with icon-rail folder sidebar, wide message list, and sele…","description":"Mail and inbox shell: folder icon rail plus a wide 440px message list with live search, filter tabs, rich preview rows, and a selected-message action header (r…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-4.json"},{"name":"app-shell-5","title":"Calendar app shell, icon-rail sidebar switching Calendar, Schedule, Contacts, N…","description":"Calendar workspace with a dual-pane icon-rail Sidebar swapping mini-Calendar accounts, date-grouped Schedule, searchable Contacts, and Notifications. Uses ReUI…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-5.json"},{"name":"app-shell-6","title":"Dual Sidebar App Shell with Dark Nav Rail and Slide-In Calendar Context Panel","description":"Three-column workspace shell: dark collapsible nav rail with command search, team list and usage meter, breadcrumb header, and a slide-in right Calendar panel …","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-6.json"},{"name":"app-shell-7","title":"Breadcrumb-switcher sidebar app shell with org/app/environment dropdowns and a …","description":"Header-first shell with a breadcrumb of org, app, and environment switcher dropdowns, a live system monitor popover with resource sparklines, command-palette s…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-7.json"},{"name":"app-shell-8","title":"Inset icon-rail sidebar app shell with per-section secondary nav, org/app/env s…","description":"Two-level dashboard shell: icon rail plus a per-section secondary nav with live-metric/storage footers, org/app/env switchers, command-K search, and notificati…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-8.json"},{"name":"app-shell-9","title":"Dark inset-sidebar team workspace shell with member presence rail and notificat…","description":"Dark collapsible-sidebar team shell: presence member rail, notifications feed, command search, AI-credit usage card, workspace switcher. ReUI Frame, Badge; sha…","type":"registry:block","source_url":"https://reui.io/r/{style}/app-shell-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/app-shell-9.json"},{"name":"auth-1","title":"Split-screen login page with animated grid backdrop and editorial image panel","description":"Sign-in page pairing an email or username and password form with show/hide toggle and Google plus Apple buttons over a masked animated grid and a full-height p…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-1.json"},{"name":"auth-10","title":"Split magic-link sign-in with a framed testimonial and customer logo wall trust…","description":"Split passwordless login: magic-link email field plus Google, Apple, and GitHub SSO, beside a Frame trust card with a star-rated testimonial and brand logo wal…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-10.json"},{"name":"auth-11","title":"Split-screen login with testimonial sidebar and animated dot backdrop","description":"Two-column login: email or username plus password with show/hide toggle, Google and Apple buttons, and a sidebar with a star-rated testimonial and trust-brand …","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-11.json"},{"name":"auth-12","title":"Split login method picker with passkey, SAML SSO, and a framed brand-logo testi…","description":"Login with Google, email, WebAuthn passkey, SAML SSO, and backup code, a two-step email reveal, and a framed sidebar with an animated brand-logo grid and rotat…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-12.json"},{"name":"auth-13","title":"Split-screen magic-link sign-in with left image sidebar and social login buttons","description":"Magic-link login page: work email field sends a secure sign-in link, plus Google, Apple, and GitHub social buttons. Two-column split with a full-cover image si…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-13.json"},{"name":"auth-14","title":"Split-screen workspace sign-in with animated stacked media panel and social SSO","description":"Two-column workspace login page: email and password with show/hide toggle, forgot-password, and Google, Apple, GitHub SSO buttons beside an auto-cycling stacke…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-14.json"},{"name":"auth-15","title":"Centered magic-link email login with logo, social sign-in buttons, and legal fo…","description":"Passwordless email login that sends a magic link, plus Google, Apple, and GitHub sign-in and a terms and copyright footer. Built with shadcn InputGroup, Field,…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-15.json"},{"name":"auth-16","title":"Full-page sign-in with app header, SSO and email-continue form, and customer lo…","description":"Single-column sign-in: app header with create-workspace link, centered Google, GitHub, and SSO buttons over one work-email Continue field, plus a footer custom…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-16.json"},{"name":"auth-17","title":"Centered login method picker with WebAuthn passkey sign-in and email reveal step","description":"Two-step sign-in: a centered method picker (Google, email, SAML SSO, passkey, backup code) that reveals an email field, with real WebAuthn passkey auth and toa…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-17.json"},{"name":"auth-18","title":"Split-screen sign-in with testimonial sidebar, social login, and password show/…","description":"Two-column login: email or username field, password Input with show/hide toggle, Google and Apple buttons, plus a testimonial and trust-brand sidebar. Uses sha…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-18.json"},{"name":"auth-19","title":"Passwordless workspace sign-in page with magic-link work email and Google plus …","description":"Full-page login screen that emails a secure sign-in link to an approved work address, with Google and GitHub OAuth buttons above an or divider. Built from shad…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-19.json"},{"name":"auth-2","title":"Split-screen login with an autoplay founder testimonial carousel and Trustpilot…","description":"Email or username and password sign-in with show/hide toggle and Google, Apple, GitHub buttons, beside a dark panel with an autoplay founder testimonial carous…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-2.json"},{"name":"auth-20","title":"Centered sign-in card with Google and Apple buttons, password visibility toggle…","description":"Login page with social sign-in (Google, Apple), an email or username field, and a show or hide password toggle, plus forgot-password and create-account links. …","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-20.json"},{"name":"auth-3","title":"Split-screen magic-link sign-in with testimonial and trust-brand sidebar on a d…","description":"Passwordless magic-link sign-in with a single work-email field and Google, Apple, GitHub buttons, beside a testimonial and trust-brand sidebar on a twinkling d…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-3.json"},{"name":"auth-4","title":"Framed password sign-in card with email or username, social provider row, and f…","description":"Login on a noise-textured background: ReUI Frame card with email-or-username and password fields, show/hide toggle, full-width submit, plus a Google/Apple/GitH…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-4.json"},{"name":"auth-5","title":"Split-screen marketing trial signup page with animated gradient blob background…","description":"Full-page registration with a marketing hero, OAuth buttons (Google, GitHub), email and show/hide password fields, and a brand logo trust strip over drifting g…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-5.json"},{"name":"auth-6","title":"Split-screen login with social OAuth and testimonial sidebar over an animated g…","description":"Two-column sign-in page: email or username, password with show/hide toggle, Forgot password, and Google/Apple/GitHub OAuth, beside a customer testimonial and b…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-6.json"},{"name":"auth-7","title":"Blueprint-framed passwordless sign-in card with magic-link email and customer t…","description":"Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-7.json"},{"name":"auth-8","title":"Centered Frame login card over a softened photo backdrop with social provider s…","description":"Single-card sign-in centered on a blurred Unsplash photo with noise grain: email or username and password fields, show/hide toggle, Forgot password, and Google…","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-8.json"},{"name":"auth-9","title":"Split magic-link sign-in with an animated brand-logo grid sidebar and rotating …","description":"Split passwordless login: a work-email field emails a 15-minute magic link, with Google, Apple, GitHub buttons, beside a sidebar of brand logos animating in a …","type":"registry:block","source_url":"https://reui.io/r/{style}/auth-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/auth-9.json"},{"name":"autocomplete","title":"Autocomplete","description":null,"type":"registry:ui","source_url":"https://reui.io/r/{style}/autocomplete.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/autocomplete.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:ui","source_url":"https://reui.io/r/{style}/badge.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/badge.json"},{"name":"blog-1","title":"Blog index with cover-image post cards in a responsive three-column grid and au…","description":"Blog listing on a responsive 1/2/3-column grid of Cards: 16:10 cover, date and read-time, clamped title and excerpt, author footer with Avatar and Read link. B…","type":"registry:block","source_url":"https://reui.io/r/{style}/blog-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-1.json"},{"name":"blog-2","title":"Full-image blog post cards with titles overlaid on covers, hover zoom, and pill…","description":"Blog index of three full-bleed cover-image cards with a gradient scrim, title and tone label overlaid on the photo, a white pill category Badge, and hover zoom…","type":"registry:block","source_url":"https://reui.io/r/{style}/blog-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-2.json"},{"name":"blog-3","title":"Blog article carousel with cover cards, circular prev/next controls and a progr…","description":"Featured-article blog carousel with circular prev/next buttons and a 1px progress line as position indicator. Cover scales on hover; category badge and read ti…","type":"registry:block","source_url":"https://reui.io/r/{style}/blog-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-3.json"},{"name":"blog-4","title":"Three-column blog index with stacked Frame cards, grayscale hover-zoom covers, …","description":"Blog index listing posts as stacked ReUI Frame cards in a three-column row: grayscale cover that zooms on hover, category, date, title, excerpt, and an author …","type":"registry:block","source_url":"https://reui.io/r/{style}/blog-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-4.json"},{"name":"blog-5","title":"Blog post detail page with gradient overlay image hero, byline, pull quote, and…","description":"Reading page for one blog post, news, changelog, or case study. Cover with gradient scrim, overlaid title and category badge, byline, sections, pull quote, aut…","type":"registry:block","source_url":"https://reui.io/r/{style}/blog-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-5.json"},{"name":"blog-6","title":"Single-column blog post detail page with breadcrumb, author byline, topic badge…","description":"Centered max-w-3xl blog post detail page: breadcrumb, headline, author byline, cover image, body sections, topic badges, and a two-up Read Next grid of related…","type":"registry:block","source_url":"https://reui.io/r/{style}/blog-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/blog-6.json"},{"name":"c-accordion-1","title":"A basic single-expand accordion","description":"A basic single-expand accordion","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-1.json"},{"name":"c-accordion-10","title":"Accordion with rotating arrow indicator","description":"Accordion with rotating arrow indicator","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-10.json"},{"name":"c-accordion-11","title":"Accordion component for onboarding or setup steps with icons, badges, and QR co…","description":"Accordion component for onboarding or setup steps with icons, badges, and QR codes","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-11.json"},{"name":"c-accordion-2","title":"Accordion with plus/minus indicators","description":"Accordion with plus/minus indicators","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-2.json"},{"name":"c-accordion-3","title":"Accordion with borders and rounded corners","description":"Accordion with borders and rounded corners","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-3.json"},{"name":"c-accordion-4","title":"Accordion embedded within a Card","description":"Accordion embedded within a Card","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-4.json"},{"name":"c-accordion-5","title":"Accordion with disabled items and highlighted state","description":"Accordion with disabled items and highlighted state","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-5.json"},{"name":"c-accordion-6","title":"Advanced accordion with custom icons and badges","description":"Advanced accordion with custom icons and badges","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-6.json"},{"name":"c-accordion-7","title":"Accordion items integrated within Frame and FramePanel","description":"Accordion items integrated within Frame and FramePanel","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-7.json"},{"name":"c-accordion-8","title":"Nested accordion example with bordered items","description":"Nested accordion example with bordered items","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-8.json"},{"name":"c-accordion-9","title":"User list accordion with avatars and role indicators","description":"User list accordion with avatars and role indicators","type":"registry:block","source_url":"https://reui.io/r/{style}/c-accordion-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-accordion-9.json"},{"name":"c-alert-1","title":"Basic alert","description":"Basic alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-1.json"},{"name":"c-alert-10","title":"Alert with icon and action buttons","description":"Alert with icon and action buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-10.json"},{"name":"c-alert-11","title":"Alert with description and action buttons","description":"Alert with description and action buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-11.json"},{"name":"c-alert-12","title":"Alert integrated within a Frame with reset borders","description":"Alert integrated within a Frame with reset borders","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-12.json"},{"name":"c-alert-13","title":"Stacked alerts within a Frame","description":"Stacked alerts within a Frame","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-13.json"},{"name":"c-alert-14","title":"Alert with actions integrated within a Frame","description":"Alert with actions integrated within a Frame","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-14.json"},{"name":"c-alert-15","title":"Inverted alert variant","description":"Inverted alert variant","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-15.json"},{"name":"c-alert-16","title":"Urgent billing notice","description":"Urgent billing notice","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-16.json"},{"name":"c-alert-17","title":"Service status summary stacked within a frame","description":"Service status summary stacked within a frame","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-17.json"},{"name":"c-alert-18","title":"Feature discovery alert","description":"Feature discovery alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-18.json"},{"name":"c-alert-19","title":"User message notification alert","description":"User message notification alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-19.json"},{"name":"c-alert-2","title":"Alert with icon","description":"Alert with icon","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-2.json"},{"name":"c-alert-20","title":"User message notification alert","description":"User message notification alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-20.json"},{"name":"c-alert-3","title":"Alert with icon and action buttons","description":"Alert with icon and action buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-3.json"},{"name":"c-alert-4","title":"Destructive alert with icon and action buttons","description":"Destructive alert with icon and action buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-4.json"},{"name":"c-alert-5","title":"Info alert with icon and action buttons","description":"Info alert with icon and action buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-5.json"},{"name":"c-alert-6","title":"Success alert","description":"Success alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-6.json"},{"name":"c-alert-7","title":"Warning alert","description":"Warning alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-7.json"},{"name":"c-alert-8","title":"Error alert","description":"Error alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-8.json"},{"name":"c-alert-9","title":"Invert alert","description":"Invert alert","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-9.json"},{"name":"c-alert-dialog-1","title":"Basic alert dialog with title, description, and action buttons","description":"Basic alert dialog with title, description, and action buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-1.json"},{"name":"c-alert-dialog-10","title":"Confirmation for successful e-ticket registration","description":"Confirmation for successful e-ticket registration","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-10.json"},{"name":"c-alert-dialog-11","title":"System update notification requiring application restart","description":"System update notification requiring application restart","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-11.json"},{"name":"c-alert-dialog-12","title":"Billing warning for expired subscriptions or failed payments","description":"Billing warning for expired subscriptions or failed payments","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-12.json"},{"name":"c-alert-dialog-13","title":"Logout confirmation dialog","description":"Logout confirmation dialog","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-13.json"},{"name":"c-alert-dialog-14","title":"Advanced security audit confirmation","description":"Advanced security audit confirmation","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-14.json"},{"name":"c-alert-dialog-2","title":"Small size alert dialog for quick confirmations","description":"Small size alert dialog for quick confirmations","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-2.json"},{"name":"c-alert-dialog-3","title":"Alert dialog with icon","description":"Alert dialog with icon","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-3.json"},{"name":"c-alert-dialog-4","title":"Small size alert dialog with media (icon)","description":"Small size alert dialog with media (icon)","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-4.json"},{"name":"c-alert-dialog-5","title":"Destructive alert dialog for irreversible actions like deletion","description":"Destructive alert dialog for irreversible actions like deletion","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-5.json"},{"name":"c-alert-dialog-6","title":"Alert dialog nested within a standard Dialog component","description":"Alert dialog nested within a standard Dialog component","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-6.json"},{"name":"c-alert-dialog-7","title":"Task success confirmation","description":"Task success confirmation","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-7.json"},{"name":"c-alert-dialog-8","title":"Account deactivation confirmation","description":"Account deactivation confirmation","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-8.json"},{"name":"c-alert-dialog-9","title":"Warning for unsaved changes when navigating away","description":"Warning for unsaved changes when navigating away","type":"registry:block","source_url":"https://reui.io/r/{style}/c-alert-dialog-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-alert-dialog-9.json"},{"name":"c-aspect-ratio-1","title":"16:9 widescreen aspect ratio","description":"16:9 widescreen aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-1.json"},{"name":"c-aspect-ratio-2","title":"4:3 standard aspect ratio","description":"4:3 standard aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-2.json"},{"name":"c-aspect-ratio-3","title":"1:1 square aspect ratio","description":"1:1 square aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-3.json"},{"name":"c-aspect-ratio-4","title":"21:9 ultrawide aspect ratio","description":"21:9 ultrawide aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-4.json"},{"name":"c-aspect-ratio-5","title":"9:16 portrait aspect ratio","description":"9:16 portrait aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-5.json"},{"name":"c-aspect-ratio-6","title":"3:2 classic photography aspect ratio","description":"3:2 classic photography aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-6.json"},{"name":"c-aspect-ratio-7","title":"4:5 social media portrait aspect ratio","description":"4:5 social media portrait aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-7.json"},{"name":"c-aspect-ratio-8","title":"16:10 computer monitor aspect ratio","description":"16:10 computer monitor aspect ratio","type":"registry:block","source_url":"https://reui.io/r/{style}/c-aspect-ratio-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-aspect-ratio-8.json"},{"name":"c-attachment-1","title":"Single file attachment in an assistant reply","description":"Single file attachment in an assistant reply","type":"registry:block","source_url":"https://reui.io/r/{style}/c-attachment-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-attachment-1.json"},{"name":"c-attachment-2","title":"Composer tray with removable attachments","description":"Composer tray with removable attachments","type":"registry:block","source_url":"https://reui.io/r/{style}/c-attachment-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-attachment-2.json"},{"name":"c-attachment-3","title":"Image thumbnails in a snapping strip","description":"Image thumbnails in a snapping strip","type":"registry:block","source_url":"https://reui.io/r/{style}/c-attachment-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-attachment-3.json"},{"name":"c-attachment-4","title":"Three sizes carrying three levels of an answer","description":"Three sizes carrying three levels of an answer","type":"registry:block","source_url":"https://reui.io/r/{style}/c-attachment-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-attachment-4.json"},{"name":"c-attachment-5","title":"Upload queue across all five states","description":"Upload queue across all five states","type":"registry:block","source_url":"https://reui.io/r/{style}/c-attachment-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-attachment-5.json"},{"name":"c-attachment-6","title":"File picker that fills an attachment tray","description":"File picker that fills an attachment tray","type":"registry:block","source_url":"https://reui.io/r/{style}/c-attachment-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-attachment-6.json"},{"name":"c-autocomplete-1","title":"Basic autocomplete control","description":"Basic autocomplete control","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-1.json"},{"name":"c-autocomplete-10","title":"Small autocomplete","description":"Small autocomplete","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-10.json"},{"name":"c-autocomplete-11","title":"Large autocomplete","description":"Large autocomplete","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-11.json"},{"name":"c-autocomplete-12","title":"Form integration","description":"Form integration","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-12.json"},{"name":"c-autocomplete-2","title":"Disabled state","description":"Disabled state","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-2.json"},{"name":"c-autocomplete-3","title":"Auto highlight option as you type","description":"Auto highlight option as you type","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-3.json"},{"name":"c-autocomplete-4","title":"Control with label","description":"Control with label","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-4.json"},{"name":"c-autocomplete-5","title":"With clear button","description":"With clear button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-5.json"},{"name":"c-autocomplete-6","title":"With trigger button","description":"With trigger button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-6.json"},{"name":"c-autocomplete-7","title":"With clear and trigger buttons","description":"With clear and trigger buttons","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-7.json"},{"name":"c-autocomplete-8","title":"With groups and labels","description":"With groups and labels","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-8.json"},{"name":"c-autocomplete-9","title":"With search results","description":"With search results","type":"registry:block","source_url":"https://reui.io/r/{style}/c-autocomplete-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-autocomplete-9.json"},{"name":"c-avatar-1","title":"Basic avatar","description":"Basic avatar","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-1.json"},{"name":"c-avatar-10","title":"Basic avatar group","description":"Basic avatar group","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-10.json"},{"name":"c-avatar-11","title":"Avatar group with numerical count","description":"Avatar group with numerical count","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-11.json"},{"name":"c-avatar-12","title":"Avatar group with an icon count","description":"Avatar group with an icon count","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-12.json"},{"name":"c-avatar-13","title":"Avatar with a distinct border ring","description":"Avatar with a distinct border ring","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-13.json"},{"name":"c-avatar-14","title":"Avatar with light background color fallback","description":"Avatar with light background color fallback","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-14.json"},{"name":"c-avatar-15","title":"Avatar with a solid background color fallback","description":"Avatar with a solid background color fallback","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-15.json"},{"name":"c-avatar-16","title":"Avatar with user details and badge","description":"Avatar with user details and badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-16.json"},{"name":"c-avatar-17","title":"Avatar with grayscale image filter","description":"Avatar with grayscale image filter","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-17.json"},{"name":"c-avatar-18","title":"Avatar group with online status on one","description":"Avatar group with online status on one","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-18.json"},{"name":"c-avatar-19","title":"Avatar inside small outline button","description":"Avatar inside small outline button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-19.json"},{"name":"c-avatar-2","title":"Avatar with fallback","description":"Avatar with fallback","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-2.json"},{"name":"c-avatar-20","title":"Avatar social proof with text label","description":"Avatar social proof with text label","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-20.json"},{"name":"c-avatar-21","title":"Compact social proof with initials","description":"Compact social proof with initials","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-21.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-21.json"},{"name":"c-avatar-22","title":"Avatar group with hover tooltips and lift effect","description":"Avatar group with hover tooltips and lift effect","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-22.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-22.json"},{"name":"c-avatar-23","title":"Avatar group with hover effect","description":"Avatar group with hover effect","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-23.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-23.json"},{"name":"c-avatar-24","title":"Avatar group with hover effect and tooltips","description":"Avatar group with hover effect and tooltips","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-24.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-24.json"},{"name":"c-avatar-25","title":"Avatar group with numerical count","description":"Avatar group with numerical count","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-25.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-25.json"},{"name":"c-avatar-26","title":"Pilled small outline button with avatar","description":"Pilled small outline button with avatar","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-26.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-26.json"},{"name":"c-avatar-27","title":"Pilled small button with avatar","description":"Pilled small button with avatar","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-27.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-27.json"},{"name":"c-avatar-28","title":"Avatar inside an empty state example","description":"Avatar inside an empty state example","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-28.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-28.json"},{"name":"c-avatar-29","title":"Avatar group with icon count and button","description":"Avatar group with icon count and button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-29.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-29.json"},{"name":"c-avatar-3","title":"Avatars with different sizes","description":"Avatars with different sizes","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-3.json"},{"name":"c-avatar-30","title":"Avatar with loading state demonstration","description":"Avatar with loading state demonstration","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-30.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-30.json"},{"name":"c-avatar-31","title":"Avatar with custom badge","description":"Avatar with custom badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-31.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-31.json"},{"name":"c-avatar-32","title":"Avatar with ring animation","description":"Avatar with ring animation","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-32.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-32.json"},{"name":"c-avatar-33","title":"Avatar with gradient animated ring","description":"Avatar with gradient animated ring","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-33.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-33.json"},{"name":"c-avatar-34","title":"Avatar with multiple badges","description":"Avatar with multiple badges","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-34.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-34.json"},{"name":"c-avatar-35","title":"Compact avatar dropdown menu","description":"Compact avatar dropdown menu","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-35.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-35.json"},{"name":"c-avatar-4","title":"Avatars with different border radiuses","description":"Avatars with different border radiuses","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-4.json"},{"name":"c-avatar-5","title":"Avatars with custom sizes","description":"Avatars with custom sizes","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-5.json"},{"name":"c-avatar-6","title":"Avatar with an online status badge","description":"Avatar with an online status badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-6.json"},{"name":"c-avatar-7","title":"Avatar with badge icon","description":"Avatar with badge icon","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-7.json"},{"name":"c-avatar-8","title":"Avatar with different badge positions","description":"Avatar with different badge positions","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-8.json"},{"name":"c-avatar-9","title":"Avatar with different badge positions","description":"Avatar with different badge positions","type":"registry:block","source_url":"https://reui.io/r/{style}/c-avatar-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-avatar-9.json"},{"name":"c-badge-1","title":"Default badge","description":"Default badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-1.json"},{"name":"c-badge-10","title":"Info outline badge","description":"Info outline badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-10.json"},{"name":"c-badge-11","title":"Success outline badge","description":"Success outline badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-11.json"},{"name":"c-badge-12","title":"Warning outline badge","description":"Warning outline badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-12.json"},{"name":"c-badge-13","title":"Primary light badge","description":"Primary light badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-13.json"},{"name":"c-badge-14","title":"Destructive light badge","description":"Destructive light badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-14.json"},{"name":"c-badge-15","title":"Success light badge","description":"Success light badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-15.json"},{"name":"c-badge-16","title":"Info light badge","description":"Info light badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-16.json"},{"name":"c-badge-17","title":"Warning light badge","description":"Warning light badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-17.json"},{"name":"c-badge-18","title":"Badge size variations","description":"Badge size variations","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-18.json"},{"name":"c-badge-19","title":"Badge with full radius (radius=\"full\")","description":"Badge with full radius (radius=\"full\")","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-19.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-19.json"},{"name":"c-badge-2","title":"Secondary badge","description":"Secondary badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-2.json"},{"name":"c-badge-20","title":"Badge with an icon","description":"Badge with an icon","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-20.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-20.json"},{"name":"c-badge-21","title":"Badge with a dismiss button","description":"Badge with a dismiss button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-21.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-21.json"},{"name":"c-badge-22","title":"Badge with a status dot","description":"Badge with a status dot","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-22.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-22.json"},{"name":"c-badge-23","title":"Badge rendered as a link","description":"Badge rendered as a link","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-23.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-23.json"},{"name":"c-badge-24","title":"Badge with avatar","description":"Badge with avatar","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-24.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-24.json"},{"name":"c-badge-25","title":"Badge with flag image","description":"Badge with flag image","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-25.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-25.json"},{"name":"c-badge-3","title":"Destructive badge","description":"Destructive badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-3.json"},{"name":"c-badge-4","title":"Success badge","description":"Success badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-4.json"},{"name":"c-badge-5","title":"Info badge","description":"Info badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-5.json"},{"name":"c-badge-6","title":"Warning badge","description":"Warning badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-6.json"},{"name":"c-badge-7","title":"Outline badge","description":"Outline badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-7.json"},{"name":"c-badge-8","title":"Primary outline badge","description":"Primary outline badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-8.json"},{"name":"c-badge-9","title":"Destructive outline badge","description":"Destructive outline badge","type":"registry:block","source_url":"https://reui.io/r/{style}/c-badge-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-badge-9.json"},{"name":"c-breadcrumb-1","title":"Basic breadcrumb","description":"Basic breadcrumb","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-1.json"},{"name":"c-breadcrumb-10","title":"Pill-style breadcrumb inside frame","description":"Pill-style breadcrumb inside frame","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-10.json"},{"name":"c-breadcrumb-11","title":"Breadcrumb items containing badge with count","description":"Breadcrumb items containing badge with count","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-11.json"},{"name":"c-breadcrumb-12","title":"Breadcrumb starting with home icon item","description":"Breadcrumb starting with home icon item","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-12.json"},{"name":"c-breadcrumb-13","title":"Breadcrumb with a custom separator","description":"Breadcrumb with a custom separator","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-13.json"},{"name":"c-breadcrumb-14","title":"Button-style breadcrumb","description":"Button-style breadcrumb","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-14.json"},{"name":"c-breadcrumb-15","title":"Breadcrumb with project, user and document info","description":"Breadcrumb with project, user and document info","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-15.json"},{"name":"c-breadcrumb-2","title":"Breadcrumb with dropdown menu","description":"Breadcrumb with dropdown menu","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-2.json"},{"name":"c-breadcrumb-3","title":"Breadcrumb with Next.js link","description":"Breadcrumb with Next.js link","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-3.json"},{"name":"c-breadcrumb-4","title":"Breadcrumb with a custom slash separator","description":"Breadcrumb with a custom slash separator","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-4.json"},{"name":"c-breadcrumb-5","title":"Breadcrumb with icons for each item","description":"Breadcrumb with icons for each item","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-5.json"},{"name":"c-breadcrumb-6","title":"Breadcrumb with ellipsis for long paths","description":"Breadcrumb with ellipsis for long paths","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-6.json"},{"name":"c-breadcrumb-7","title":"Breadcrumb items with avatars","description":"Breadcrumb items with avatars","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-7.json"},{"name":"c-breadcrumb-8","title":"Breadcrumb with double chevron separators","description":"Breadcrumb with double chevron separators","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-8.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-8.json"},{"name":"c-breadcrumb-9","title":"Breadcrumb inside card","description":"Breadcrumb inside card","type":"registry:block","source_url":"https://reui.io/r/{style}/c-breadcrumb-9.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-breadcrumb-9.json"},{"name":"c-bubble-1","title":"Support thread with sender alignment","description":"A two sided billing thread where align and variant carry the sender.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-1.json"},{"name":"c-bubble-2","title":"Bubble variants in a release thread","description":"All seven variants doing the job each one is for, in one deploy thread.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-2.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-2.json"},{"name":"c-bubble-3","title":"Grouped consecutive messages","description":"Consecutive turns from one sender collapse into a single BubbleGroup.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-3.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-3.json"},{"name":"c-bubble-4","title":"Message reactions and a reaction button","description":"A static emoji row, a pressable reaction with a count, and a top anchored row.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-4.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-4.json"},{"name":"c-bubble-5","title":"Long reply with show more","description":"A long assistant answer folds to its first paragraph behind a Collapsible.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-5.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-5.json"},{"name":"c-bubble-6","title":"Quick reply bubbles and an action row","description":"Tinted bubbles that are real buttons and a link, plus an action row after the pick.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-6.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-6.json"},{"name":"c-bubble-7","title":"Assistant answer with formatted content","description":"A ghost bubble carrying a heading, a list, emphasis and inline code.","type":"registry:block","source_url":"https://reui.io/r/{style}/c-bubble-7.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-bubble-7.json"},{"name":"c-button-1","title":"Default button","description":"Default button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-1.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-1.json"},{"name":"c-button-10","title":"Disabled button","description":"Disabled button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-10.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-10.json"},{"name":"c-button-11","title":"Icon button","description":"Icon button","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-11.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-11.json"},{"name":"c-button-12","title":"Button with an icon on the right","description":"Button with an icon on the right","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-12.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-12.json"},{"name":"c-button-13","title":"Button in a loading state","description":"Button in a loading state","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-13.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-13.json"},{"name":"c-button-14","title":"Button with an icon on the left","description":"Button with an icon on the left","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-14.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-14.json"},{"name":"c-button-15","title":"Button with an invalid state highlight","description":"Button with an invalid state highlight","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-15.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-15.json"},{"name":"c-button-16","title":"Secondary button with an icon on the left","description":"Secondary button with an icon on the left","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-16.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-16.json"},{"name":"c-button-17","title":"Secondary button with an icon on the right","description":"Secondary button with an icon on the right","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-17.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-17.json"},{"name":"c-button-18","title":"Outline button with an icon on the left","description":"Outline button with an icon on the left","type":"registry:block","source_url":"https://reui.io/r/{style}/c-button-18.json","install_command":"npx shadcn@latest add https://reui.io/r/{style}/c-button-18.json"}]},{"id":"roiui","name":"@roiui","slug":"roiui","description":"Roi UI (named after the Greek word for flow) is an open-source component library built on Base UI primitives, styled with both CSS Modules and Tailwind CSS, with tasteful Motion (Framer Motion) animations. Components (40+): Accordion, Alert, AlertDialog, Autocomplete, Avatar, Badge, Button, Card, Carousel, Charts, Checkbox, CheckboxGroup, Collapsible, Combobox, Command, ContextMenu, CopyButton, Dialog, Drawer, DropdownMenu, ExpandableCard, Field, Fieldset, Form, Input, Kbd, Menubar, Meter, NavigationMenu, NumberField, OTP Field, Popover, PreviewCard, Progress, Radio, ScrollArea, Select, Separator, Slider, Switch, Table, Tabs, Toast, Toggle, ToggleGroup, Toolbar, Tooltip. Also includes layout Blocks. Fully free and open-source (MIT). Use for: projects preferring Base UI over Radix UI that want subtle, well-crafted animations and a choice of CSS Modules or Tailwind styling.","author":"preetecool","framework":"react","license":null,"tags":["aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured","recently-updated"],"urls":{"website":"https://roiui.com","github":"https://github.com/preetecool/roi-ui","registry":"https://roiui.com/r/registry.json","source":"https://roiui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/roiui","markdown":"https://sh4dcn.netlify.app/md/roiui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' id='Layer_2' data-name='Layer 2' viewBox='0 0 463.07 463.07'><defs><style>.cls-1{fill:var(--muted);stroke:var(--foreground);stroke-miterlimit:10;stroke-width:12px}</style></defs><g id='Layer_1-2' data-name='Layer 1'><path d='M459.07 231.54c0 41.45-11.07 80.3-30.44 113.76H231.54c6.42 0 12.72-.52 18.86-1.57 53.85-8.99 94.91-55.81 94.91-112.2s-41.05-103.21-94.91-112.2c-6.14-1.05-12.45-1.57-18.86-1.57V4c26.62 0 52.15 4.58 75.88 12.97a225 225 0 0 1 37.89 17.47 227.1 227.1 0 0 1 56.88 46.63 225 225 0 0 1 26.44 36.7c19.37 33.47 30.44 72.31 30.44 113.77Z' class='cls-1'/><path d='M345.31 231.54c0 56.38-41.05 103.21-94.91 112.2a113 113 0 0 1-18.86 1.57c-62.82 0-113.77-50.95-113.77-113.76s50.95-113.77 113.77-113.77c6.42 0 12.72.52 18.86 1.57 53.85 8.99 94.91 55.81 94.91 112.2Z' class='cls-1'/><path d='M231.53 4v113.77c-62.82 0-113.77 50.95-113.77 113.77V345.3H4V231.54c0-41.46 11.07-80.3 30.44-113.77 19.97-34.54 48.78-63.35 83.32-83.33C151.24 15.08 190.08 4 231.53 4Z' class='cls-1'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":51,"open_issues":0,"last_commit":"2026-10-13T19:08:44Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://roiui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://roiui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://roiui.com/r/registry.json","clone":"git clone https://github.com/preetecool/roi-ui.git","clone_degit":"npx degit preetecool/roi-ui","registry_fetch":"curl -s https://roiui.com/r/registry.json"},"component_count":122,"components":[{"name":"utils","title":null,"description":null,"type":"registry:item","source_url":"https://roiui.com/r/utils.json","install_command":"npx shadcn@latest add https://roiui.com/r/utils.json"},{"name":"utils-tailwind","title":null,"description":null,"type":"registry:item","source_url":"https://roiui.com/r/utils-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/utils-tailwind.json"},{"name":"accordion","title":"Accordion","description":"A collapsible content component.","type":"registry:item","source_url":"https://roiui.com/r/accordion.json","install_command":"npx shadcn@latest add https://roiui.com/r/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content.","type":"registry:item","source_url":"https://roiui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert-dialog.json"},{"name":"autocomplete","title":"Autocomplete","description":"An input that suggests options as you type.","type":"registry:item","source_url":"https://roiui.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://roiui.com/r/autocomplete.json"},{"name":"alert","title":"Alert","description":"A component for displaying important messages to users.","type":"registry:item","source_url":"https://roiui.com/r/alert.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:item","source_url":"https://roiui.com/r/avatar.json","install_command":"npx shadcn@latest add https://roiui.com/r/avatar.json"},{"name":"background","title":"Background","description":"A background component with various visual effects.","type":"registry:item","source_url":"https://roiui.com/r/background.json","install_command":"npx shadcn@latest add https://roiui.com/r/background.json"},{"name":"badge","title":"Badge","description":"A small count and labeling component.","type":"registry:item","source_url":"https://roiui.com/r/badge.json","install_command":"npx shadcn@latest add https://roiui.com/r/badge.json"},{"name":"button","title":"Button","description":"A button component.","type":"registry:item","source_url":"https://roiui.com/r/button.json","install_command":"npx shadcn@latest add https://roiui.com/r/button.json"},{"name":"card","title":"Card","description":"A container component for displaying content.","type":"registry:item","source_url":"https://roiui.com/r/card.json","install_command":"npx shadcn@latest add https://roiui.com/r/card.json"},{"name":"calendar","title":"Calendar","description":"A date picker calendar component.","type":"registry:item","source_url":"https://roiui.com/r/calendar.json","install_command":"npx shadcn@latest add https://roiui.com/r/calendar.json"},{"name":"carousel","title":"Carousel","description":"A slideshow component for cycling through content.","type":"registry:item","source_url":"https://roiui.com/r/carousel.json","install_command":"npx shadcn@latest add https://roiui.com/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows users to select one or more options from a set.","type":"registry:item","source_url":"https://roiui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"A set of checkboxes with shared state management for selecting multiple options.","type":"registry:item","source_url":"https://roiui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox-group.json"},{"name":"collapsible","title":"Collapsible","description":"An expandable/collapsible panel controlled by a button.","type":"registry:item","source_url":"https://roiui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://roiui.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A searchable select component.","type":"registry:item","source_url":"https://roiui.com/r/combobox.json","install_command":"npx shadcn@latest add https://roiui.com/r/combobox.json"},{"name":"command","title":"Command","description":"A command palette component.","type":"registry:item","source_url":"https://roiui.com/r/command.json","install_command":"npx shadcn@latest add https://roiui.com/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"A menu component triggered by right-click or long press.","type":"registry:item","source_url":"https://roiui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://roiui.com/r/context-menu.json"},{"name":"copy-button","title":"Copy Button","description":"A button component with animated copy-to-clipboard functionality.","type":"registry:item","source_url":"https://roiui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://roiui.com/r/copy-button.json"},{"name":"dialog","title":"Dialog","description":"A modal dialog component.","type":"registry:item","source_url":"https://roiui.com/r/dialog.json","install_command":"npx shadcn@latest add https://roiui.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.","type":"registry:item","source_url":"https://roiui.com/r/drawer.json","install_command":"npx shadcn@latest add https://roiui.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A dropdown menu component.","type":"registry:item","source_url":"https://roiui.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://roiui.com/r/dropdown-menu.json"},{"name":"expandable-card","title":"Expandable Card","description":"A card component that can expand to show more content.","type":"registry:item","source_url":"https://roiui.com/r/expandable-card.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card.json"},{"name":"expandable-card-carousel","title":"Expandable Card Carousel","description":"A carousel of expandable cards showcasing core philosophies.","type":"registry:item","source_url":"https://roiui.com/r/expandable-card-carousel.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-carousel.json"},{"name":"field","title":"Field","description":"A form field component with label and validation.","type":"registry:item","source_url":"https://roiui.com/r/field.json","install_command":"npx shadcn@latest add https://roiui.com/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"A native fieldset element with an easily stylable legend.","type":"registry:item","source_url":"https://roiui.com/r/fieldset.json","install_command":"npx shadcn@latest add https://roiui.com/r/fieldset.json"},{"name":"form","title":"Form","description":"A form component for handling user input.","type":"registry:item","source_url":"https://roiui.com/r/form.json","install_command":"npx shadcn@latest add https://roiui.com/r/form.json"},{"name":"input","title":"Input","description":"An input component for user text entry.","type":"registry:item","source_url":"https://roiui.com/r/input.json","install_command":"npx shadcn@latest add https://roiui.com/r/input.json"},{"name":"like-button","title":"Like Button","description":"A button component for liking content.","type":"registry:item","source_url":"https://roiui.com/r/like-button.json","install_command":"npx shadcn@latest add https://roiui.com/r/like-button.json"},{"name":"kbd","title":"Kbd","description":"A component for displaying keyboard keys and shortcuts.","type":"registry:item","source_url":"https://roiui.com/r/kbd.json","install_command":"npx shadcn@latest add https://roiui.com/r/kbd.json"},{"name":"menubar","title":"Menubar","description":"A horizontal menu bar component.","type":"registry:item","source_url":"https://roiui.com/r/menubar.json","install_command":"npx shadcn@latest add https://roiui.com/r/menubar.json"},{"name":"meter","title":"Meter","description":"A graphical display of a numeric value within a range.","type":"registry:item","source_url":"https://roiui.com/r/meter.json","install_command":"npx shadcn@latest add https://roiui.com/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A navigation menu component.","type":"registry:item","source_url":"https://roiui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://roiui.com/r/navigation-menu.json"},{"name":"otp-field","title":"OTP Field","description":"A one-time password and verification code entry field.","type":"registry:item","source_url":"https://roiui.com/r/otp-field.json","install_command":"npx shadcn@latest add https://roiui.com/r/otp-field.json"},{"name":"popover","title":"Popover","description":"A floating content container.","type":"registry:item","source_url":"https://roiui.com/r/popover.json","install_command":"npx shadcn@latest add https://roiui.com/r/popover.json"},{"name":"radio","title":"Radio","description":"A customizable radio button component for selecting one option from a group.","type":"registry:item","source_url":"https://roiui.com/r/radio.json","install_command":"npx shadcn@latest add https://roiui.com/r/radio.json"},{"name":"scroll-area","title":"Scroll Area","description":"A native scroll container with custom scrollbars.","type":"registry:item","source_url":"https://roiui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://roiui.com/r/scroll-area.json"},{"name":"select","title":"Select","description":"A customizable select component for choosing from a list of options.","type":"registry:item","source_url":"https://roiui.com/r/select.json","install_command":"npx shadcn@latest add https://roiui.com/r/select.json"},{"name":"separator","title":"Separator","description":"A separator element accessible to screen readers.","type":"registry:item","source_url":"https://roiui.com/r/separator.json","install_command":"npx shadcn@latest add https://roiui.com/r/separator.json"},{"name":"slider","title":"Slider","description":"A slider component for selecting values from a range.","type":"registry:item","source_url":"https://roiui.com/r/slider.json","install_command":"npx shadcn@latest add https://roiui.com/r/slider.json"},{"name":"switch","title":"Switch","description":"A toggle switch component.","type":"registry:item","source_url":"https://roiui.com/r/switch.json","install_command":"npx shadcn@latest add https://roiui.com/r/switch.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content.","type":"registry:item","source_url":"https://roiui.com/r/tabs.json","install_command":"npx shadcn@latest add https://roiui.com/r/tabs.json"},{"name":"table","title":"Table","description":"A responsive table component for displaying structured tabular data.","type":"registry:item","source_url":"https://roiui.com/r/table.json","install_command":"npx shadcn@latest add https://roiui.com/r/table.json"},{"name":"toast","title":"Toast","description":"A succinct message notification.","type":"registry:item","source_url":"https://roiui.com/r/toast.json","install_command":"npx shadcn@latest add https://roiui.com/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be turned on or off.","type":"registry:item","source_url":"https://roiui.com/r/toggle.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off with shared state management.","type":"registry:item","source_url":"https://roiui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"A toolbar component for grouping action buttons and controls.","type":"registry:item","source_url":"https://roiui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://roiui.com/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information on hover.","type":"registry:item","source_url":"https://roiui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://roiui.com/r/tooltip.json"},{"name":"chart","title":"Chart","description":"Composable chart components for building any type of data visualization with Recharts primitives.","type":"registry:item","source_url":"https://roiui.com/r/chart.json","install_command":"npx shadcn@latest add https://roiui.com/r/chart.json"},{"name":"progress","title":"Progress","description":"Displays the status of a task that takes a long time.","type":"registry:item","source_url":"https://roiui.com/r/progress.json","install_command":"npx shadcn@latest add https://roiui.com/r/progress.json"},{"name":"prop-table","title":"Prop Table","description":"An expandable table for documenting component props.","type":"registry:item","source_url":"https://roiui.com/r/prop-table.json","install_command":"npx shadcn@latest add https://roiui.com/r/prop-table.json"},{"name":"number-field","title":"Number Field","description":"A numeric input element with increment/decrement buttons and a scrub area.","type":"registry:item","source_url":"https://roiui.com/r/number-field.json","install_command":"npx shadcn@latest add https://roiui.com/r/number-field.json"},{"name":"slider","title":"Slider","description":"A range input component for selecting values within a given range.","type":"registry:item","source_url":"https://roiui.com/r/slider.json","install_command":"npx shadcn@latest add https://roiui.com/r/slider.json"},{"name":"card-login","title":"Login Card","description":"A login card component with email/password fields and social login options.","type":"registry:item","source_url":"https://roiui.com/r/card-login.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-login.json"},{"name":"card-task","title":"Task Card","description":"A task card component with badges, avatars, and action menu.","type":"registry:item","source_url":"https://roiui.com/r/card-task.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-task.json"},{"name":"card-traffic","title":"Traffic Card","description":"A website traffic card component with line chart and statistics.","type":"registry:item","source_url":"https://roiui.com/r/card-traffic.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-traffic.json"},{"name":"card-image-section","title":"Card Image Section","description":"A section with 4 image cards in a masonry layout.","type":"registry:item","source_url":"https://roiui.com/r/card-image-section.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-image-section.json"},{"name":"ai-chat","title":"AI Composer","description":"An AI chat input component with mode selector and action buttons.","type":"registry:item","source_url":"https://roiui.com/r/ai-chat.json","install_command":"npx shadcn@latest add https://roiui.com/r/ai-chat.json"},{"name":"card-progress","title":"Progress Card","description":"A file upload progress card with multiple file tracking.","type":"registry:item","source_url":"https://roiui.com/r/card-progress.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-progress.json"},{"name":"pricing-section","title":"Pricing Section","description":"A pricing section with three plan cards.","type":"registry:item","source_url":"https://roiui.com/r/pricing-section.json","install_command":"npx shadcn@latest add https://roiui.com/r/pricing-section.json"},{"name":"accordion-tailwind","title":"Accordion (Tailwind)","description":"A collapsible content component.","type":"registry:item","source_url":"https://roiui.com/r/accordion-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/accordion-tailwind.json"},{"name":"alert-tailwind","title":"Alert (Tailwind)","description":"A component for displaying important messages to users.","type":"registry:item","source_url":"https://roiui.com/r/alert-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert-tailwind.json"},{"name":"alert-dialog-tailwind","title":"Alert Dialog (Tailwind)","description":"A modal dialog that interrupts the user with important content.","type":"registry:item","source_url":"https://roiui.com/r/alert-dialog-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/alert-dialog-tailwind.json"},{"name":"autocomplete-tailwind","title":"Autocomplete (Tailwind)","description":"An input that suggests options as you type.","type":"registry:item","source_url":"https://roiui.com/r/autocomplete-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/autocomplete-tailwind.json"},{"name":"avatar-tailwind","title":"Avatar (Tailwind)","description":"An image element with a fallback for representing the user.","type":"registry:item","source_url":"https://roiui.com/r/avatar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/avatar-tailwind.json"},{"name":"background-tailwind","title":"Background (Tailwind)","description":"A background component with various visual effects.","type":"registry:item","source_url":"https://roiui.com/r/background-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/background-tailwind.json"},{"name":"badge-tailwind","title":"Badge (Tailwind)","description":"A small count and labeling component.","type":"registry:item","source_url":"https://roiui.com/r/badge-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/badge-tailwind.json"},{"name":"button-tailwind","title":"Button (Tailwind)","description":"A button component.","type":"registry:item","source_url":"https://roiui.com/r/button-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/button-tailwind.json"},{"name":"card-tailwind","title":"Card (Tailwind)","description":"A container component for displaying content.","type":"registry:item","source_url":"https://roiui.com/r/card-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-tailwind.json"},{"name":"calendar-tailwind","title":"Calendar (Tailwind)","description":"A date picker calendar component.","type":"registry:item","source_url":"https://roiui.com/r/calendar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/calendar-tailwind.json"},{"name":"carousel-tailwind","title":"Carousel (Tailwind)","description":"A slideshow component for cycling through content.","type":"registry:item","source_url":"https://roiui.com/r/carousel-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/carousel-tailwind.json"},{"name":"checkbox-tailwind","title":"Checkbox (Tailwind)","description":"A control that allows users to select one or more options from a set.","type":"registry:item","source_url":"https://roiui.com/r/checkbox-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox-tailwind.json"},{"name":"checkbox-group-tailwind","title":"Checkbox Group (Tailwind)","description":"A set of checkboxes with shared state management for selecting multiple options.","type":"registry:item","source_url":"https://roiui.com/r/checkbox-group-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/checkbox-group-tailwind.json"},{"name":"collapsible-tailwind","title":"Collapsible (Tailwind)","description":"An expandable/collapsible panel controlled by a button.","type":"registry:item","source_url":"https://roiui.com/r/collapsible-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/collapsible-tailwind.json"},{"name":"combobox-tailwind","title":"Combobox (Tailwind)","description":"A searchable select component.","type":"registry:item","source_url":"https://roiui.com/r/combobox-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/combobox-tailwind.json"},{"name":"command-tailwind","title":"Command (Tailwind)","description":"A command palette component.","type":"registry:item","source_url":"https://roiui.com/r/command-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/command-tailwind.json"},{"name":"context-menu-tailwind","title":"Context Menu (Tailwind)","description":"A menu component triggered by right-click or long press.","type":"registry:item","source_url":"https://roiui.com/r/context-menu-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/context-menu-tailwind.json"},{"name":"copy-button-tailwind","title":"Copy Button (Tailwind)","description":"A button component with animated copy-to-clipboard functionality.","type":"registry:item","source_url":"https://roiui.com/r/copy-button-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/copy-button-tailwind.json"},{"name":"dialog-tailwind","title":"Dialog (Tailwind)","description":"A modal dialog component.","type":"registry:item","source_url":"https://roiui.com/r/dialog-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/dialog-tailwind.json"},{"name":"drawer-tailwind","title":"Drawer (Tailwind)","description":"A panel that slides in from the edge of the screen with swipe-to-dismiss gestures.","type":"registry:item","source_url":"https://roiui.com/r/drawer-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/drawer-tailwind.json"},{"name":"dropdown-menu-tailwind","title":"Dropdown Menu (Tailwind)","description":"A dropdown menu component.","type":"registry:item","source_url":"https://roiui.com/r/dropdown-menu-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/dropdown-menu-tailwind.json"},{"name":"field-tailwind","title":"Field (Tailwind)","description":"A form field component with label and validation.","type":"registry:item","source_url":"https://roiui.com/r/field-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/field-tailwind.json"},{"name":"fieldset-tailwind","title":"Fieldset (Tailwind)","description":"A native fieldset element with an easily stylable legend.","type":"registry:item","source_url":"https://roiui.com/r/fieldset-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/fieldset-tailwind.json"},{"name":"form-tailwind","title":"Form (Tailwind)","description":"A form component for handling user input.","type":"registry:item","source_url":"https://roiui.com/r/form-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/form-tailwind.json"},{"name":"input-tailwind","title":"Input (Tailwind)","description":"An input component for user text entry.","type":"registry:item","source_url":"https://roiui.com/r/input-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/input-tailwind.json"},{"name":"like-button-tailwind","title":"Like Button (Tailwind)","description":"A button component for liking content.","type":"registry:item","source_url":"https://roiui.com/r/like-button-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/like-button-tailwind.json"},{"name":"kbd-tailwind","title":"Kbd (Tailwind)","description":"A component for displaying keyboard keys and shortcuts.","type":"registry:item","source_url":"https://roiui.com/r/kbd-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/kbd-tailwind.json"},{"name":"menubar-tailwind","title":"Menubar (Tailwind)","description":"A horizontal menu bar component.","type":"registry:item","source_url":"https://roiui.com/r/menubar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/menubar-tailwind.json"},{"name":"meter-tailwind","title":"Meter (Tailwind)","description":"A graphical display of a numeric value within a range.","type":"registry:item","source_url":"https://roiui.com/r/meter-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/meter-tailwind.json"},{"name":"navigation-menu-tailwind","title":"Navigation Menu (Tailwind)","description":"A navigation menu component.","type":"registry:item","source_url":"https://roiui.com/r/navigation-menu-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/navigation-menu-tailwind.json"},{"name":"otp-field-tailwind","title":"OTP Field (Tailwind)","description":"A one-time password and verification code entry field.","type":"registry:item","source_url":"https://roiui.com/r/otp-field-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/otp-field-tailwind.json"},{"name":"number-field-tailwind","title":"Number Field (Tailwind)","description":"A numeric input element with increment/decrement buttons and a scrub area.","type":"registry:item","source_url":"https://roiui.com/r/number-field-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/number-field-tailwind.json"},{"name":"popover-tailwind","title":"Popover (Tailwind)","description":"A floating content container.","type":"registry:item","source_url":"https://roiui.com/r/popover-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/popover-tailwind.json"},{"name":"preview-card-tailwind","title":"Preview Card (Tailwind)","description":"A floating preview card component.","type":"registry:item","source_url":"https://roiui.com/r/preview-card-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/preview-card-tailwind.json"},{"name":"progress-tailwind","title":"Progress (Tailwind)","description":"Displays the status of a task that takes a long time.","type":"registry:item","source_url":"https://roiui.com/r/progress-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/progress-tailwind.json"},{"name":"prop-table-tailwind","title":"Prop Table (Tailwind)","description":"An expandable table for documenting component props.","type":"registry:item","source_url":"https://roiui.com/r/prop-table-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/prop-table-tailwind.json"},{"name":"radio-tailwind","title":"Radio (Tailwind)","description":"A customizable radio button component for selecting one option from a group.","type":"registry:item","source_url":"https://roiui.com/r/radio-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/radio-tailwind.json"},{"name":"scroll-area-tailwind","title":"Scroll Area (Tailwind)","description":"A native scroll container with custom scrollbars.","type":"registry:item","source_url":"https://roiui.com/r/scroll-area-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/scroll-area-tailwind.json"},{"name":"select-tailwind","title":"Select (Tailwind)","description":"A customizable select component for choosing from a list of options.","type":"registry:item","source_url":"https://roiui.com/r/select-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/select-tailwind.json"},{"name":"separator-tailwind","title":"Separator (Tailwind)","description":"A separator element accessible to screen readers.","type":"registry:item","source_url":"https://roiui.com/r/separator-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/separator-tailwind.json"},{"name":"slider-tailwind","title":"Slider (Tailwind)","description":"A slider component for selecting values from a range.","type":"registry:item","source_url":"https://roiui.com/r/slider-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/slider-tailwind.json"},{"name":"switch-tailwind","title":"Switch (Tailwind)","description":"A toggle switch component.","type":"registry:item","source_url":"https://roiui.com/r/switch-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/switch-tailwind.json"},{"name":"tabs-tailwind","title":"Tabs (Tailwind)","description":"A set of layered sections of content.","type":"registry:item","source_url":"https://roiui.com/r/tabs-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/tabs-tailwind.json"},{"name":"table-tailwind","title":"Table (Tailwind)","description":"A responsive table component for displaying structured tabular data.","type":"registry:item","source_url":"https://roiui.com/r/table-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/table-tailwind.json"},{"name":"toast-tailwind","title":"Toast (Tailwind)","description":"A succinct message notification.","type":"registry:item","source_url":"https://roiui.com/r/toast-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toast-tailwind.json"},{"name":"toggle-tailwind","title":"Toggle (Tailwind)","description":"A two-state button that can be turned on or off.","type":"registry:item","source_url":"https://roiui.com/r/toggle-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle-tailwind.json"},{"name":"toggle-group-tailwind","title":"Toggle Group (Tailwind)","description":"A set of two-state buttons that can be toggled on or off with shared state management.","type":"registry:item","source_url":"https://roiui.com/r/toggle-group-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toggle-group-tailwind.json"},{"name":"tooltip-tailwind","title":"Tooltip (Tailwind)","description":"A popup that displays information on hover.","type":"registry:item","source_url":"https://roiui.com/r/tooltip-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/tooltip-tailwind.json"},{"name":"toolbar-tailwind","title":"Toolbar (Tailwind)","description":"A toolbar component for grouping action buttons and controls.","type":"registry:item","source_url":"https://roiui.com/r/toolbar-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/toolbar-tailwind.json"},{"name":"chart-tailwind","title":"Chart (Tailwind)","description":"Composable chart components for building any type of data visualization with Recharts primitives.","type":"registry:item","source_url":"https://roiui.com/r/chart-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/chart-tailwind.json"},{"name":"ai-chat-tailwind","title":"AI Composer (Tailwind)","description":"An AI chat input component with mode selector and action buttons.","type":"registry:item","source_url":"https://roiui.com/r/ai-chat-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/ai-chat-tailwind.json"},{"name":"card-progress-tailwind","title":"Progress Card (Tailwind)","description":"A file upload progress card with multiple file tracking.","type":"registry:item","source_url":"https://roiui.com/r/card-progress-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-progress-tailwind.json"},{"name":"card-image-section-tailwind","title":"Card Image Section (Tailwind)","description":"A section with 4 image cards in a masonry layout.","type":"registry:item","source_url":"https://roiui.com/r/card-image-section-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-image-section-tailwind.json"},{"name":"card-login-tailwind","title":"Login Card (Tailwind)","description":"A login card component with email/password fields and social login options.","type":"registry:item","source_url":"https://roiui.com/r/card-login-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-login-tailwind.json"},{"name":"card-task-tailwind","title":"Task Card (Tailwind)","description":"A task card component with badges, avatars, and action menu.","type":"registry:item","source_url":"https://roiui.com/r/card-task-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-task-tailwind.json"},{"name":"card-traffic-tailwind","title":"Traffic Card (Tailwind)","description":"A website traffic card component with line chart and statistics.","type":"registry:item","source_url":"https://roiui.com/r/card-traffic-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/card-traffic-tailwind.json"},{"name":"expandable-card-tailwind","title":"Expandable Card (Tailwind)","description":"A card component that can expand to show more content.","type":"registry:item","source_url":"https://roiui.com/r/expandable-card-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-tailwind.json"},{"name":"expandable-card-carousel-tailwind","title":"Expandable Card Carousel (Tailwind)","description":"A carousel of expandable cards showcasing core philosophies.","type":"registry:item","source_url":"https://roiui.com/r/expandable-card-carousel-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-carousel-tailwind.json"},{"name":"pricing-section-tailwind","title":"Pricing Section (Tailwind)","description":"A pricing section with three plan cards.","type":"registry:item","source_url":"https://roiui.com/r/pricing-section-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/pricing-section-tailwind.json"},{"name":"expandable-card-spread","title":"Expandable Card Spread","description":"A spread of expandable cards with mobile swipe-to-cycle stack view.","type":"registry:item","source_url":"https://roiui.com/r/expandable-card-spread.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-spread.json"},{"name":"expandable-card-spread-tailwind","title":"Expandable Card Spread (Tailwind)","description":"A spread of expandable cards with mobile swipe-to-cycle stack view.","type":"registry:item","source_url":"https://roiui.com/r/expandable-card-spread-tailwind.json","install_command":"npx shadcn@latest add https://roiui.com/r/expandable-card-spread-tailwind.json"}]},{"id":"sabraman","name":"@sabraman","slug":"sabraman","description":"A small personal shadcn registry by Saint Petersburg-based designer/developer Danya Yudin (Sabraman), offering skeuomorphic legacy-style UI components for Next.js. Components confirmed include Roundbit, Legacy Wheel Picker, Legacy Switch, Legacy Slider, Legacy Code Block Command, Legacy Clock, Legacy Alert Dialog, Legacy Bar Button, and Legacy Notification — all evoking iOS/macOS classic skeuomorphic aesthetics. No public GitHub. Free. Use for: adding retro-skeuomorphic iOS-inspired UI accents — scroll pickers, physical-style switches, or analog clocks — into a shadcn/ui project that needs a distinct tactile visual style.","author":null,"framework":"react","license":null,"tags":["aesthetic","blocks","buttons","developer-tools","mobile","overlays","retro"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://sabraman.ru/components","github":"N/A","registry":"https://sabraman.ru/r/{name}.json","source":"https://sabraman.ru/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/sabraman","markdown":"https://sh4dcn.netlify.app/md/sabraman.md"},"logo":"<svg width='1106' height='1057' viewBox='0 0 1106 1057' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M861.369 247.228C861.333 247.353 861.307 247.481 861.261 247.604C859.745 251.632 849.864 263.106 846.718 267.154L753.594 387.119C743.695 399.893 734.093 413.073 723.875 425.598C722.562 427.213 720.881 428.772 718.881 429.546C716.653 430.402 714.04 429.336 711.921 428.638C704.881 426.322 697.988 423.362 691.082 420.698L651.906 405.611L534.427 360.602C545.858 356.025 601.362 338.802 605.729 335.035C606.49 327.907 583.263 258.01 579.257 247.097C559.698 193.807 520.081 115.298 463.736 90.5882C440.364 80.3359 410.784 80.8487 386.638 89.503C350.339 104.693 326.467 141.137 309.025 173.841C304.669 182.005 301.006 193.251 294.943 200.095C301.777 180.307 308.826 160.956 319.033 142.447C337.081 109.726 364.647 80.401 402.202 68.9848C411.406 66.1872 420.725 64.6062 430.285 63.789C440.123 62.9481 450.194 63.2456 460.058 63.101C474.419 62.8583 488.778 62.5148 503.136 62.0705L562.821 60.5274C579.94 60.1498 597.226 59.4249 614.212 61.5247C616.153 61.7582 618.086 62.034 620.012 62.3523C621.938 62.6705 623.855 63.0309 625.763 63.4334C627.67 63.836 629.566 64.2803 631.451 64.7664C633.336 65.2525 635.207 65.7797 637.066 66.3481C638.924 66.9167 640.767 67.5259 642.596 68.1756C644.423 68.8254 646.234 69.5151 648.028 70.2447C649.823 70.9746 651.598 71.7435 653.354 72.5516C655.11 73.3596 656.845 74.2062 658.56 75.0912C705.829 99.3213 745.984 162.183 765.542 208.712C774.168 229.231 780.306 250.595 786.793 271.837L837.542 254.837C845.075 252.311 853.599 248.522 861.369 247.228Z' fill='var(--foreground)'/> <path d='M66.109 398.261L254.566 406.441C259.134 406.637 294.045 407.339 295.758 409.432C298.711 413.045 354.226 585.454 358.513 603.17C337.141 588.239 316.046 572.896 294.554 558.123C279.134 580.824 262.88 602.984 248.834 626.511C218.877 676.687 184.858 755.549 197.342 813.929C203.414 842.333 222.318 870.719 247.73 886.303C279.493 905.784 321.407 905.361 357.863 900.547C368.161 899.185 378.681 896.143 388.983 895.563C341.847 911.871 291.7 920.412 245.157 899.091C243.438 898.295 241.738 897.463 240.056 896.598C238.374 895.732 236.713 894.831 235.071 893.895C233.43 892.961 231.81 891.994 230.212 890.992C228.615 889.991 227.04 888.957 225.489 887.889C223.939 886.824 222.412 885.727 220.909 884.596C219.409 883.467 217.932 882.308 216.48 881.119C215.031 879.929 213.609 878.709 212.214 877.46C210.818 876.211 209.452 874.933 208.114 873.626C198.237 864.073 190.116 853.049 181.694 842.32L151.831 804.562L113.342 756.379C104.751 745.626 95.7392 734.999 88.2052 723.512C86.3256 720.674 84.5391 717.783 82.8454 714.838C81.1491 711.895 79.5481 708.902 78.0424 705.859C76.534 702.817 75.124 699.733 73.8122 696.605C72.5005 693.477 71.2874 690.314 70.173 687.115C69.2498 684.457 68.2996 681.708 67.6804 678.958L67.2567 679.106L64.6251 668.455L65.0606 668.442C51.8859 607.669 81.534 522.688 116.094 471.285C121.761 462.998 127.511 454.765 133.342 446.585L66.109 398.261ZM65.0606 668.442L64.6251 668.455L67.2567 679.106L67.6804 678.958C66.8922 675.437 65.942 671.939 65.0606 668.442Z' fill='var(--foreground)'/> <path d='M1045.62 548.718L1046.48 552.204C1046.59 555.81 1047.62 559.597 1048.11 563.197C1048.36 565.048 1048.57 566.906 1048.72 568.769C1048.87 570.633 1048.97 572.499 1049.02 574.368C1049.06 576.237 1049.06 578.108 1049 579.98C1048.94 581.852 1048.83 583.723 1048.67 585.592C1048.51 587.278 1048.31 588.96 1048.08 590.64C1047.84 592.321 1047.57 593.996 1047.27 595.665C1046.96 597.335 1046.62 598.998 1046.24 600.653C1045.86 602.312 1045.45 603.962 1045 605.604C1044.55 607.246 1044.07 608.88 1043.55 610.505C1043.03 612.127 1042.47 613.739 1041.88 615.341C1041.29 616.943 1040.67 618.534 1040.01 620.112C1039.35 621.691 1038.66 623.257 1037.93 624.81C1032.29 637.109 1024.72 648.699 1017.75 660.354L986.15 713.324L953.685 768.283C945.526 782.159 937.747 796.281 928.065 809.265C925.553 812.638 922.937 815.935 920.216 819.156C917.496 822.379 914.676 825.519 911.756 828.573C908.838 831.631 905.825 834.6 902.719 837.48C899.613 840.361 896.419 843.147 893.137 845.838C890.939 847.623 888.708 849.368 886.445 851.074C884.182 852.783 881.888 854.449 879.562 856.073C877.237 857.699 874.882 859.285 872.498 860.828C870.113 862.372 867.701 863.874 865.262 865.334C862.822 866.794 860.356 868.21 857.864 869.583C855.371 870.956 852.854 872.283 850.312 873.564C847.771 874.849 845.207 876.089 842.621 877.284C840.034 878.476 837.426 879.624 834.797 880.726C780.087 904.109 698.019 916.86 638.89 917.975C614.974 918.422 591.597 916.729 567.833 915.04C561.649 944.021 555.403 973.043 548.724 1001.93L445.433 821.472C440.42 812.703 435.115 803.99 430.427 795.06C429.525 793.339 427.697 790.329 427.988 788.408C428.854 786.779 430.084 785.697 431.497 784.509C444.672 773.432 458.364 762.85 471.764 752.027L600.017 648.33C608.482 641.478 616.827 633.916 625.869 627.82L608.222 709.857C707.333 716.645 813.688 720.861 909.966 690.486C931.982 683.537 953.744 675.02 973.045 662.356C1001.47 643.706 1024.95 614.661 1031.66 581.803C1039.91 541.468 1011.41 499.636 985.465 470.9C981.631 466.566 977.64 462.37 973.492 458.312C969.192 454.051 964.399 449.86 960.951 444.91L960.508 444.267C966.612 447.674 972.471 452.699 977.91 457.018C1001.38 475.667 1022.16 497.031 1035.75 523.562C1039.88 531.628 1042.02 540.107 1045.46 548.364L1045.62 548.718Z' fill='var(--foreground)'/> </svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://sabraman.ru/r/{name}.json"},"component_count":0,"components":[]},{"id":"sans","name":"@sans","slug":"sans","description":"UI components and effects from sans's personal site, including a reverse-engineered Claude Code CLI terminal spinner.","author":"sansalgo","framework":"react","license":null,"tags":["loaders","retro"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://sans.sansorigin.com","github":"https://github.com/sansalgo/bee","registry":"https://sans.sansorigin.com/r/registry.json","source":"https://sans.sansorigin.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sans","markdown":"https://sh4dcn.netlify.app/md/sans.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 640 640'><path fill='var(--foreground)' d='M0 0h640v640H0z'/><path fill='var(--background)' d='M201.481 201.481H438.518V248.889H248.889V296.296H438.518V438.518H201.481V391.111H391.111V343.704H201.481Z'/></svg>","preview_image":"https://sans.sansorigin.com/s-profile-light-off.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-25T16:25:45Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sans.sansorigin.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sans.sansorigin.com/r/registry.json","install_bun":"bunx shadcn@latest add https://sans.sansorigin.com/r/registry.json","clone":"git clone https://github.com/sansalgo/bee.git","clone_degit":"npx degit sansalgo/bee","registry_fetch":"curl -s https://sans.sansorigin.com/r/registry.json"},"component_count":1,"components":[{"name":"claude-spinner","title":"Claude Spinner","description":"A reverse-engineered recreation of the Claude Code CLI's terminal spinner — animated glyph, status label, elapsed time, and token counter.","type":"registry:ui","source_url":"https://sans.sansorigin.com/r/claude-spinner.json","install_command":"npx shadcn@latest add https://sans.sansorigin.com/r/claude-spinner.json"}]},{"id":"satoriui","name":"@satoriui","slug":"satoriui","description":"Satori UI is a collection of 50+ production-ready React components with physics-based spring-motion animations powered by motion-react (Framer Motion). Components are organized into Components, Interactions, Foundations, and Templates sections. The site highlights a keyboard UI component as a featured example of the tactile, physics-driven feel. Fully accessible, MIT licensed. A Templates and Pricing section suggests freemium or commercial tiers may exist. Tailwind CSS, React, motion-react. Use for: adding premium, spring-physics-driven UI interactions — keyboards, cards, toggles, and micro-interactions — to apps that need a polished, tactile motion feel beyond CSS transitions.","author":null,"framework":"react","license":null,"tags":["accessibility","aesthetic","animation","blocks","buttons","cards","loaders","marketing","pro-available","saas","text-effects"],"categories":["Animated components"],"labels":["featured","pro"],"urls":{"website":"https://satoriui.site","github":"N/A","registry":"https://satoriui.site/r/registry.json","source":"https://satoriui.site/r/registry.json","page":"https://sh4dcn.netlify.app/registry/satoriui","markdown":"https://sh4dcn.netlify.app/md/satoriui.md"},"logo":"<svg width=\"512\" height=\"512\" viewBox=\"0 0 512 512\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(#clip0_12_3)\"><path d=\"M0 0C168.96 0 337.92 0 512 0C512 168.96 512 337.92 512 512C343.04 512 174.08 512 0 512C0 343.04 0 174.08 0 0Z\" fill=\"var(--foreground)\"/><path style=\"transform-box: fill-box; transform-origin: center; transform: scale(1, 0.9);\" d=\"M252.438 70.875C255 73 255 73 256 75C256.117 77.0305 256.17 79.0649 256.193 81.0986C256.209 82.3805 256.225 83.6623 256.242 84.983C256.253 86.3897 256.264 87.7964 256.273 89.2031C256.279 89.9109 256.284 90.6187 256.29 91.348C256.316 95.0961 256.336 98.8441 256.35 102.592C256.363 105.691 256.391 108.788 256.432 111.886C256.482 115.63 256.506 119.373 256.513 123.117C256.52 124.541 256.535 125.965 256.559 127.389C256.758 139.931 256.758 139.931 253.589 143.84C249.438 147.303 246.353 148.213 241.062 149.188C225.746 152.635 212.498 162.269 203.715 175.184C194.935 189.603 191.293 206.448 194.407 223.189C198.637 240.256 208.14 254.666 223 264C230.638 268.537 238.037 271.027 246.652 272.848C250.538 274.185 252.331 275.928 255 279C255.33 279.33 255.66 279.66 256 280C256.12 281.992 256.17 283.989 256.193 285.985C256.209 287.267 256.225 288.549 256.242 289.87C256.253 291.282 256.264 292.694 256.273 294.105C256.279 294.814 256.284 295.523 256.29 296.253C256.316 300.008 256.336 303.762 256.35 307.517C256.367 311.39 256.411 315.262 256.462 319.134C256.496 322.115 256.508 325.096 256.513 328.078C256.52 329.505 256.535 330.932 256.559 332.358C256.758 344.928 256.758 344.928 253.654 348.88C248.64 352.885 243.095 351.594 237 351C200.866 346.731 167.705 325.984 145 298C131.964 280.715 123.165 261.059 118.458 239.966C118.158 238.676 117.824 237.394 117.456 236.122C115.305 228.146 115.605 219.885 115.625 211.688C115.658 196.775 116.457 185.035 120 173C130.552 135.46 155.195 105.313 186.875 86.8125C201.49 78.7205 216.412 73.277 232.875 70.25C241.043 68.823 246.857 67.8313 252.438 70.875Z\" fill=\"var(--background)\"/><path style=\"transform-box: fill-box; transform-origin: center; transform: scale(1, 0.9);\" d=\"M317.438 174.219C351.124 191.062 377.956 220.117 390 256C397.099 342.013 381.718 377.524 353.67 405.376C339.427 419.224 322.351 428.68 304 436C290.081 441.214 273.349 445.717 262 443C258.864 440.449 257.193 438.943 256.372 434.927C257.109 371.35 258.409 369.693 261 367C286.824 359.823 300.572 350.274 310 336C318.283 321.916 321.75 304.619 318.094 288.531C315.937 280.279 313.017 272.962 308 266C297.673 251.321 282.274 242.726 267.438 240.125C263.426 239.272 260.951 237.951 258 235C257.107 166.32 258.317 164.674 261 162C276.795 156.735 302.764 167.682 317.438 174.219Z\" fill=\"var(--background)\"/></g><defs><clipPath id=\"clip0_12_3\"><rect width=\"512\" height=\"512\" fill=\"white\"/></clipPath></defs></svg>","preview_image":"https://www.satoriui.site/1.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://satoriui.site/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://satoriui.site/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://satoriui.site/r/registry.json","install_bun":"bunx shadcn@latest add https://satoriui.site/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://satoriui.site/r/registry.json"},"component_count":15,"components":[{"name":"dotted-modern","title":"Dotted Modern","description":"Modern dotted background hero component with animated open-source badge.","type":"registry:component","source_url":"https://satoriui.site/r/dotted-modern.json","install_command":"npx shadcn@latest add https://satoriui.site/r/dotted-modern.json"},{"name":"keyboard","title":"Keyboard UI","description":"Sleek, minimalistic & interactive keyboard UI.","type":"registry:component","source_url":"https://satoriui.site/r/keyboard.json","install_command":"npx shadcn@latest add https://satoriui.site/r/keyboard.json"},{"name":"security-card","title":"Security Card","description":"A sleek security card component with 3D shield visualization.","type":"registry:component","source_url":"https://satoriui.site/r/security-card.json","install_command":"npx shadcn@latest add https://satoriui.site/r/security-card.json"},{"name":"scroll-tracker","title":"Scroll Tracker","description":"Track scroll progress with a visual indicator.","type":"registry:component","source_url":"https://satoriui.site/r/scroll-tracker.json","install_command":"npx shadcn@latest add https://satoriui.site/r/scroll-tracker.json"},{"name":"pro-button","title":"Pro Button","description":"A high-impact call-to-action with a signature pixel icon and premium finish.","type":"registry:component","source_url":"https://satoriui.site/r/pro-button.json","install_command":"npx shadcn@latest add https://satoriui.site/r/pro-button.json"},{"name":"typewriter-loop","title":"Typewriter Loop","description":"A looping typewriter CTA with a gradient support, premium touch.","type":"registry:component","source_url":"https://satoriui.site/r/typewriter-loop.json","install_command":"npx shadcn@latest add https://satoriui.site/r/typewriter-loop.json"},{"name":"cyberpunk-button","title":"Cyberpunk Button","description":"Futuristic, minimalistic button with smooth animations.","type":"registry:component","source_url":"https://satoriui.site/r/cyberpunk-button.json","install_command":"npx shadcn@latest add https://satoriui.site/r/cyberpunk-button.json"},{"name":"flip-clock","title":"Cyberpunk Button","description":"Neat and clean functional clock ui with buttery smooth flip animations.","type":"registry:component","source_url":"https://satoriui.site/r/flip-clock.json","install_command":"npx shadcn@latest add https://satoriui.site/r/flip-clock.json"},{"name":"encoded-reveal","title":"Encoded Reveal","description":"Matrix like animation, reveals text with random characters.","type":"registry:component","source_url":"https://satoriui.site/r/encoded-reveal.json","install_command":"npx shadcn@latest add https://satoriui.site/r/encoded-reveal.json"},{"name":"slide-up-reveal","title":"Slide Up Reveal","description":"Buttery smooth text reveal with slide up reveal animation.","type":"registry:component","source_url":"https://satoriui.site/r/slide-up-reveal.json","install_command":"npx shadcn@latest add https://satoriui.site/r/slide-up-reveal.json"},{"name":"blur-reveal","title":"Blur Reveal","description":"Mysterious blur reveal animation, just feels awesome.","type":"registry:component","source_url":"https://satoriui.site/r/blur-reveal.json","install_command":"npx shadcn@latest add https://satoriui.site/r/blur-reveal.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Smooth shimmer animation for premium touch.","type":"registry:component","source_url":"https://satoriui.site/r/shimmer-text.json","install_command":"npx shadcn@latest add https://satoriui.site/r/shimmer-text.json"},{"name":"kinetic-grid","title":"Kinetic Grid","description":"Kinetic grid animation.","type":"registry:component","source_url":"https://satoriui.site/r/kinetic-grid.json","install_command":"npx shadcn@latest add https://satoriui.site/r/kinetic-grid.json"},{"name":"beacon-badge","title":"Beacon Badge","description":"A status badge with a customizable beacon (ping) animation and blur reveal text.","type":"registry:component","source_url":"https://satoriui.site/r/beacon-badge.json","install_command":"npx shadcn@latest add https://satoriui.site/r/beacon-badge.json"},{"name":"pulse-button","title":"Pulse Button","description":"A high-impact, beautifully animated button with pulsing dot patterns and smooth interactions.","type":"registry:component","source_url":"https://satoriui.site/r/pulse-button.json","install_command":"npx shadcn@latest add https://satoriui.site/r/pulse-button.json"}]},{"id":"sc1m","name":"@sc1m","slug":"sc1m","description":"Multi-brand design system components built on Base UI and Tailwind CSS v4 — semantic tokens, swappable brand layers, dark mode out of the box.","author":"maaraquel08","framework":"react","license":null,"tags":["ai","auth","buttons","cards","design-system","forms","loaders","media","navigation","overlays","theming"],"categories":["Forms"],"labels":[],"urls":{"website":"https://sc1m.vercel.app","github":"https://github.com/maaraquel08/sc1m","registry":"https://sc1m.vercel.app/r/registry.json","source":"https://sc1m.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sc1m","markdown":"https://sh4dcn.netlify.app/md/sc1m.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='#252017'/><rect x='6' y='11' width='20' height='10' rx='5' fill='#3d372d'/><circle cx='21' cy='16' r='4' fill='#fcc305'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-09-05T16:11:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sc1m.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sc1m.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://sc1m.vercel.app/r/registry.json","clone":"git clone https://github.com/maaraquel08/sc1m.git","clone_degit":"npx degit maaraquel08/sc1m","registry_fetch":"curl -s https://sc1m.vercel.app/r/registry.json"},"component_count":43,"components":[{"name":"tokens","title":"sc1m Design Tokens","description":"sc1m brand tokens and the Tailwind v4 theme contract: semantic colors, radii, shadows, motion, dark mode via the .dark class, and the popup-motion, ai-wash and…","type":"registry:theme","source_url":"https://sc1m.vercel.app/r/tokens.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/tokens.json"},{"name":"cn","title":"cn Utility","description":"Class-name combiner: clsx + tailwind-merge.","type":"registry:lib","source_url":"https://sc1m.vercel.app/r/cn.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/cn.json"},{"name":"accordion","title":"Accordion","description":"Accordion component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/accordion.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/accordion.json"},{"name":"ai-summary","title":"AI Summary","description":"AI Summary: the banner that marks AI-authored copy — one sentence of plain language on an animated vector field, in one of four palettes. The painting is a gra…","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/ai-summary.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/ai-summary.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Alert Dialog component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/alert-dialog.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/alert-dialog.json"},{"name":"autocomplete","title":"Autocomplete","description":"Autocomplete component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/autocomplete.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"Avatar component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"Badge: a status chip carried by fill alone — a tint of the tone at 12–15%, label inked toward the hue, and a sharp radius from --brand-radius-sm. Five tones (n…","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/badge.json"},{"name":"banner","title":"Banner","description":"Banner: a borderless status note — a flat wash of the tone at 7–8%, a tone-coloured icon, and body copy inked toward the hue instead of muted grey. Four tones …","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/banner.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/banner.json"},{"name":"button","title":"Button","description":"Button component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/button.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/checkbox.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Checkbox Group component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/checkbox-group.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/checkbox-group.json"},{"name":"collapsible","title":"Collapsible","description":"Collapsible component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/collapsible.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Combobox component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/combobox.json"},{"name":"context-menu","title":"Context Menu","description":"Context Menu component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/context-menu.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"Dialog component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Drawer component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/drawer.json"},{"name":"field","title":"Field","description":"Field component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"Fieldset component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/fieldset.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/fieldset.json"},{"name":"form","title":"Form","description":"Form component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/form.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/form.json"},{"name":"input","title":"Input","description":"Input component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/input.json"},{"name":"menu","title":"Menu","description":"Menu component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/menu.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/menu.json"},{"name":"menubar","title":"Menubar","description":"Menubar component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/menubar.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/menubar.json"},{"name":"meter","title":"Meter","description":"Meter component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/meter.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/meter.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Navigation Menu component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/navigation-menu.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":"Number Field component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/number-field.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/number-field.json"},{"name":"otp-field","title":"Otp Field","description":"Otp Field component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/otp-field.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/otp-field.json"},{"name":"popover","title":"Popover","description":"Popover component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/popover.json"},{"name":"preview-card","title":"Preview Card","description":"Preview Card component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/preview-card.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/preview-card.json"},{"name":"progress","title":"Progress","description":"Progress component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/progress.json"},{"name":"radio","title":"Radio","description":"Radio component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/radio.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/radio.json"},{"name":"radio-group","title":"Radio Group","description":"Radio Group component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/radio-group.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll Area component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/scroll-area.json"},{"name":"select","title":"Select","description":"Select component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/select.json"},{"name":"separator","title":"Separator","description":"Separator component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/separator.json"},{"name":"slider","title":"Slider","description":"Slider component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/slider.json"},{"name":"switch","title":"Switch","description":"Switch component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/switch.json"},{"name":"tabs","title":"Tabs","description":"Tabs component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/tabs.json"},{"name":"toast","title":"Toast","description":"Toast component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/toast.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/toast.json"},{"name":"toggle","title":"Toggle","description":"Toggle component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/toggle.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle Group component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/toggle-group.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"Toolbar component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/toolbar.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip component built on Base UI, styled with sc1m tokens.","type":"registry:ui","source_url":"https://sc1m.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://sc1m.vercel.app/r/tooltip.json"}]},{"id":"scrimui","name":"@scrimui","slug":"scrimui","description":"Free, open-source React components and patterns for AI interfaces, including prompts, streaming messages, reasoning, tool calls, citations, agents, memory, voice, and safety.","author":"jackyrwj","framework":"react","license":"MIT","tags":["ai","audio","buttons","cards","dashboard","editor","forms","media","overlays","pro-available"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://scrimui.dev","github":"https://github.com/jackyrwj/scrim-ui","registry":"https://scrimui.dev/r/registry.json","source":"https://scrimui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/scrimui","markdown":"https://sh4dcn.netlify.app/md/scrimui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'><rect width='96' height='96' rx='22' fill='var(--foreground)'/><g transform='translate(24 24) scale(.5)'><path fill='var(--background)' fill-rule='evenodd' d='M0 0 H80 L0 80 Z M96 16 V96 H16 Z'/></g></svg>","preview_image":"https://scrimui.dev/opengraph-image?97b78b324a573d5a","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://scrimui.dev/pro"},"metrics":{"github_stars":5,"open_issues":6,"last_commit":"2026-10-26T07:39:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://scrimui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://scrimui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://scrimui.dev/r/registry.json","clone":"git clone https://github.com/jackyrwj/scrim-ui.git","clone_degit":"npx degit jackyrwj/scrim-ui","registry_fetch":"curl -s https://scrimui.dev/r/registry.json"},"component_count":68,"components":[{"name":"all","title":"All free components","description":"Every free Scrim UI component — 55 in total, from prompt inputs and streaming messages to tool calls and citations.","type":"registry:block","source_url":"https://scrimui.dev/r/all.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/all.json"},{"name":"prompt-input","title":"Prompt Input","description":"The message input at the heart of an AI chat app — file attachments, model picker, tool toggles, voice, and a send button that turns into stop.","type":"registry:ui","source_url":"https://scrimui.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/prompt-input.json"},{"name":"prompt-input-attachments","title":"Prompt Input + Attachments","description":"A chat input that accepts file uploads — attachment chips with upload progress, type icons, and one-click removal.","type":"registry:ui","source_url":"https://scrimui.dev/r/prompt-input-attachments.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/prompt-input-attachments.json"},{"name":"prompt-input-model-selector","title":"Prompt Input + Model Selector","description":"A chat input with the model picker built in — switch models inline, with badges for what each one can do.","type":"registry:ui","source_url":"https://scrimui.dev/r/prompt-input-model-selector.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/prompt-input-model-selector.json"},{"name":"prompt-editor","title":"Prompt Editor","description":"A prompt template editor with {{variables}} highlighted as you type, a rendered preview, and a line diff against the previous version.","type":"registry:ui","source_url":"https://scrimui.dev/r/prompt-editor.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/prompt-editor.json"},{"name":"streaming-message","title":"Streaming Message","description":"Render an AI reply token by token like ChatGPT's typing effect — blinking cursor, stop button, and no layout jump as the text grows.","type":"registry:ui","source_url":"https://scrimui.dev/r/streaming-message.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/streaming-message.json"},{"name":"user-message","title":"User Message","description":"The user's chat bubble — right-aligned, with hover actions to copy, edit the prompt, or regenerate the answer.","type":"registry:ui","source_url":"https://scrimui.dev/r/user-message.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/user-message.json"},{"name":"message-actions","title":"Message Actions","description":"The action row under an AI reply — copy, regenerate, share and thumbs up/down feedback, revealed on hover.","type":"registry:ui","source_url":"https://scrimui.dev/r/message-actions.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/message-actions.json"},{"name":"error-message","title":"Error & Retry","description":"What to show when a generation fails — a plain-English reason, a retry button, and a countdown for rate limits.","type":"registry:ui","source_url":"https://scrimui.dev/r/error-message.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/error-message.json"},{"name":"markdown-message","title":"Markdown Message","description":"A rendered markdown reply — syntax-highlighted code blocks with copy buttons, plus tables, lists and safe links.","type":"registry:ui","source_url":"https://scrimui.dev/r/markdown-message.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/markdown-message.json"},{"name":"streaming-markdown","title":"Streaming Markdown","description":"Markdown that renders correctly while it is still arriving — bold, code spans, links and tables settle without ever flashing raw syntax or reflowing.","type":"registry:ui","source_url":"https://scrimui.dev/r/streaming-markdown.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/streaming-markdown.json"},{"name":"response-versions","title":"Response Versions","description":"The 1/3 pager after a regenerate — previous and next versions, branch markers, continue-from-here, and honest generating, failed and stopped states.","type":"registry:ui","source_url":"https://scrimui.dev/r/response-versions.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/response-versions.json"},{"name":"conversation-sidebar","title":"Conversation Sidebar","description":"The chat-history sidebar every AI app rebuilds — search, inline rename, pin, and delete with undo, grouped by date, with loading and empty states.","type":"registry:ui","source_url":"https://scrimui.dev/r/conversation-sidebar.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/conversation-sidebar.json"},{"name":"artifact-preview","title":"Artifact Preview","description":"The side panel for generated output — preview/code toggle, copy, download, version switching, and streaming, error and stale states.","type":"registry:ui","source_url":"https://scrimui.dev/r/artifact-preview.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/artifact-preview.json"},{"name":"reasoning","title":"Thinking / Reasoning","description":"A collapsible chain-of-thought panel — show the model's reasoning trace with elapsed time, folded away by default.","type":"registry:ui","source_url":"https://scrimui.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/reasoning.json"},{"name":"thinking-indicator","title":"Thinking Indicator","description":"The loading state before the first token — bouncing dots, a blinking caret, or a labeled status line while the model thinks.","type":"registry:ui","source_url":"https://scrimui.dev/r/thinking-indicator.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/thinking-indicator.json"},{"name":"reasoning-steps","title":"Reasoning Steps","description":"A multi-step reasoning trace — each step with its own status and timer, so a long think reads as progress, not a hang.","type":"registry:ui","source_url":"https://scrimui.dev/r/reasoning-steps.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/reasoning-steps.json"},{"name":"tool-call","title":"Tool Call","description":"How to show a function call in chat — the arguments sent, the result returned, run status, and an expand toggle.","type":"registry:ui","source_url":"https://scrimui.dev/r/tool-call.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/tool-call.json"},{"name":"search-tool-call","title":"Search Tool Call","description":"A web search the model ran — the query it chose, how many results came back, and previews of the sources it read.","type":"registry:ui","source_url":"https://scrimui.dev/r/search-tool-call.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/search-tool-call.json"},{"name":"code-execution","title":"Code Execution","description":"A code interpreter run inside chat — the snippet, a running state, stdout as it streams, and errors that stay readable.","type":"registry:ui","source_url":"https://scrimui.dev/r/code-execution.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/code-execution.json"},{"name":"generative-ui","title":"Generative UI","description":"Render a React component from a tool result instead of text — a skeleton in the widget's own shape, and a text fallback when the client has no renderer.","type":"registry:ui","source_url":"https://scrimui.dev/r/generative-ui.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/generative-ui.json"},{"name":"generated-media","title":"Generated Media Result","description":"The result card for AI-generated images, audio and video — queue and stage states, variants, download and regenerate, and a safety block that isn't an error.","type":"registry:ui","source_url":"https://scrimui.dev/r/generated-media.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/generated-media.json"},{"name":"source-card","title":"Source Card","description":"A cited source as a card — favicon, page title, domain, and the snippet the answer actually drew from.","type":"registry:ui","source_url":"https://scrimui.dev/r/source-card.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/source-card.json"},{"name":"source-list","title":"Source List","description":"The passages retrieval actually returned, with similarity scores and a visible relevance floor — including the case where nothing cleared it.","type":"registry:ui","source_url":"https://scrimui.dev/r/source-list.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/source-list.json"},{"name":"citation-ui","title":"Citation UI","description":"Inline citation markers in generated text — numbered footnotes that reveal the source in a hover preview card.","type":"registry:ui","source_url":"https://scrimui.dev/r/citation-ui.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/citation-ui.json"},{"name":"citation-popover","title":"Citation Popover","description":"A citation marker that shows the passage it came from — fixed positioning that survives a scrolling answer, touch and keyboard, and an honest state for a numbe…","type":"registry:ui","source_url":"https://scrimui.dev/r/citation-popover.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/citation-popover.json"},{"name":"agent-status","title":"Agent Status","description":"Status for an AI agent working on its own — running, waiting on you, completed or failed, with what it did last.","type":"registry:ui","source_url":"https://scrimui.dev/r/agent-status.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/agent-status.json"},{"name":"approval-request","title":"Approval Request","description":"The human-in-the-loop confirmation — what the agent wants to do, the exact details, and allow or deny before it acts.","type":"registry:ui","source_url":"https://scrimui.dev/r/approval-request.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/approval-request.json"},{"name":"approval-gate","title":"Approval Gate","description":"The approval card as a lifecycle: a decision that survives a closed tab, is idempotent across two open ones, and says what happened when it lands after the req…","type":"registry:ui","source_url":"https://scrimui.dev/r/approval-gate.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/approval-gate.json"},{"name":"agent-plan","title":"Agent Plan","description":"The checklist an agent writes for itself and then edits mid-run — steps added, skipped and re-ordered, without the list jumping under the reader.","type":"registry:ui","source_url":"https://scrimui.dev/r/agent-plan.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/agent-plan.json"},{"name":"agent-handoff","title":"Agent Handoff","description":"One agent passing work to another — who asked, what was carried across, and what the receiving agent was not told.","type":"registry:ui","source_url":"https://scrimui.dev/r/agent-handoff.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/agent-handoff.json"},{"name":"agent-run-timeline","title":"Agent Run Timeline","description":"The activity log for a long agent run — collapsible success clusters, retry-linked events, approval gates in place, and a follow that respects the reader.","type":"registry:ui","source_url":"https://scrimui.dev/r/agent-run-timeline.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/agent-run-timeline.json"},{"name":"response-rating","title":"Response Rating","description":"Thumbs up and down that ask the one follow-up question worth asking — with a state for feedback that has been sent and cannot be taken back.","type":"registry:ui","source_url":"https://scrimui.dev/r/response-rating.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/response-rating.json"},{"name":"inline-correction","title":"Inline Correction","description":"Fix the answer where it is wrong, in place — the edit becomes training data, so the component keeps the original alongside it rather than overwriting it.","type":"registry:ui","source_url":"https://scrimui.dev/r/inline-correction.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/inline-correction.json"},{"name":"output-comparison","title":"Output Comparison","description":"Two answers, side by side, with the model names hidden until a winner is picked — because a visible label is the thing being measured.","type":"registry:ui","source_url":"https://scrimui.dev/r/output-comparison.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/output-comparison.json"},{"name":"eval-results","title":"Eval Results","description":"Pass rates per test case across two runs, with the regressions surfaced first and a sample size honest enough to say when a delta means nothing.","type":"registry:ui","source_url":"https://scrimui.dev/r/eval-results.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/eval-results.json"},{"name":"edit-diff-view","title":"Edit Diff View","description":"A streamed AI edit as hunks you accept or reject one by one — id-keyed decisions, word-level marks, and buttons that stay disabled while a hunk is still arrivi…","type":"registry:ui","source_url":"https://scrimui.dev/r/edit-diff-view.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/edit-diff-view.json"},{"name":"file-upload","title":"File Upload","description":"A drag-and-drop upload zone — per-file progress bars, type icons, and error states for files too big or of the wrong type.","type":"registry:ui","source_url":"https://scrimui.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/file-upload.json"},{"name":"context-files","title":"Context Files","description":"The files currently in the model's context — sizes, how many tokens each one costs, and removal without leaving the chat.","type":"registry:ui","source_url":"https://scrimui.dev/r/context-files.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/context-files.json"},{"name":"context-picker","title":"Context Picker","description":"The @-mention menu for adding context to a prompt — files, web pages and knowledge bases with search, recent items, access states and token cost.","type":"registry:ui","source_url":"https://scrimui.dev/r/context-picker.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/context-picker.json"},{"name":"context-usage","title":"Context Usage","description":"How much of the context window is gone and to what — system prompt, files, history — plus what gets dropped first when the next message does not fit.","type":"registry:ui","source_url":"https://scrimui.dev/r/context-usage.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/context-usage.json"},{"name":"memory-list","title":"Memory List","description":"The memory panel — every fact the assistant has saved about the user, with the ability to add one or make it forget.","type":"registry:ui","source_url":"https://scrimui.dev/r/memory-list.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/memory-list.json"},{"name":"memory-suggestion","title":"Memory Suggestion","description":"The prompt an assistant shows before saving something about you — the fact it noticed, and your choice to keep or dismiss it.","type":"registry:ui","source_url":"https://scrimui.dev/r/memory-suggestion.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/memory-suggestion.json"},{"name":"memory-chip","title":"Memory Chip","description":"A small inline chip confirming a fact was saved to memory — quiet enough to ignore, clear enough to undo.","type":"registry:ui","source_url":"https://scrimui.dev/r/memory-chip.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/memory-chip.json"},{"name":"model-selector","title":"Model Selector","description":"A standalone model picker — compare models in a dropdown with badges for speed, context length and what each supports.","type":"registry:ui","source_url":"https://scrimui.dev/r/model-selector.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/model-selector.json"},{"name":"reasoning-level","title":"Reasoning Level","description":"A control for how hard the model should think — light, balanced or deep, with the tradeoff between speed and depth shown.","type":"registry:ui","source_url":"https://scrimui.dev/r/reasoning-level.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/reasoning-level.json"},{"name":"tool-toggle","title":"Tool Toggle","description":"Switches for the tools a model may use — web search, code execution, file access — with unmistakable on and off states.","type":"registry:ui","source_url":"https://scrimui.dev/r/tool-toggle.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/tool-toggle.json"},{"name":"cost-meter","title":"Cost Meter","description":"Live spend per message and per conversation — cached input priced apart from fresh, reasoning tokens shown without double-counting, and a visible ~ when a prov…","type":"registry:ui","source_url":"https://scrimui.dev/r/cost-meter.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/cost-meter.json"},{"name":"voice-input","title":"Voice Input","description":"A microphone button that expands into a recording panel — live waveform, a running transcript, and cancel or send.","type":"registry:ui","source_url":"https://scrimui.dev/r/voice-input.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/voice-input.json"},{"name":"voice-waveform","title":"Voice Waveform","description":"An animated audio waveform — distinct bar motion for listening, recording, and the assistant speaking back.","type":"registry:ui","source_url":"https://scrimui.dev/r/voice-waveform.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/voice-waveform.json"},{"name":"voice-conversation","title":"Voice Conversation","description":"A voice conversation as it happens — who is speaking, the live transcript, and replay for any individual turn.","type":"registry:ui","source_url":"https://scrimui.dev/r/voice-conversation.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/voice-conversation.json"},{"name":"refusal-message","title":"Refusal Message","description":"How to say no without ending the conversation — the refusal, a plain-language reason, and one redirect the reader can click.","type":"registry:ui","source_url":"https://scrimui.dev/r/refusal-message.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/refusal-message.json"},{"name":"moderation-flag","title":"Moderation Flag","description":"What to show when the content filter fires — a stopped stream that keeps its partial text, or a blocked prompt, with a false-positive path.","type":"registry:ui","source_url":"https://scrimui.dev/r/moderation-flag.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/moderation-flag.json"},{"name":"confidence-answer","title":"Confidence Answer","description":"An answer that says how sure it is — a warning badge only when there is something to warn about, and a hedge that names what to verify.","type":"registry:ui","source_url":"https://scrimui.dev/r/confidence-answer.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/confidence-answer.json"},{"name":"voice-call-controls","title":"Voice Call Controls","description":"The chrome around a live voice call — an unmistakable mute toggle, a running call timer, and an end button that's always one tap away.","type":"registry:ui","source_url":"https://scrimui.dev/r/voice-call-controls.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/voice-call-controls.json"},{"name":"memory-toast","title":"Memory Toast","description":"The 'Memory updated' receipt — shows the exact fact that was saved, with one-tap Undo and a quiet link to manage memories.","type":"registry:ui","source_url":"https://scrimui.dev/r/memory-toast.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/memory-toast.json"},{"name":"ai-chat","title":"AI Chat","description":"The canonical chat interface — sidebar, streaming messages, prompt input with model selector, and sources.","type":"registry:block","source_url":"https://scrimui.dev/r/ai-chat.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/ai-chat.json"},{"name":"research-assistant","title":"AI Research Assistant","description":"A research flow that shows search tool calls, reasoning, sources and a cited final answer.","type":"registry:block","source_url":"https://scrimui.dev/r/research-assistant.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/research-assistant.json"},{"name":"coding-agent","title":"AI Coding Agent","description":"A coding run with agent status, tool calls, diffs and a human-in-the-loop approval gate.","type":"registry:block","source_url":"https://scrimui.dev/r/coding-agent.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/coding-agent.json"},{"name":"voice-assistant","title":"AI Voice Assistant","description":"A voice-first conversation — live waveform states, a recording input, a spoken transcript and a typed fallback.","type":"registry:block","source_url":"https://scrimui.dev/r/voice-assistant.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/voice-assistant.json"},{"name":"model-preferences","title":"Model & Memory Preferences","description":"A preferences screen that picks the model, reasoning level and tools, and manages persistent memory.","type":"registry:block","source_url":"https://scrimui.dev/r/model-preferences.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/model-preferences.json"},{"name":"artifact-workspace","title":"Artifact Workspace","description":"Chat on the left, generated output on the right — artifacts open from the answer, stream, version, and fail without breaking the conversation.","type":"registry:block","source_url":"https://scrimui.dev/r/artifact-workspace.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/artifact-workspace.json"},{"name":"rag-workspace","title":"Document Q&A Workspace","description":"Ask your own documents — upload and parse, cited answers with inspectable passages, an honest not-found state, and a visible context budget.","type":"registry:block","source_url":"https://scrimui.dev/r/rag-workspace.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/rag-workspace.json"},{"name":"extraction-review","title":"Structured Extraction & Review","description":"Upload a document, watch fields fill in, then review the flagged ones — per-field confidence, corrections that keep the original, export earned.","type":"registry:block","source_url":"https://scrimui.dev/r/extraction-review.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/extraction-review.json"},{"name":"image-studio","title":"Image Generation Studio","description":"A one-screen generation studio — prompt composer and model picker beside a feed of queued, staged, blocked and ready image results with variants.","type":"registry:block","source_url":"https://scrimui.dev/r/image-studio.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/image-studio.json"},{"name":"agent-console","title":"Multi-agent Ops Console","description":"Watch a fleet of agents at once — parallel statuses, an inspectable handoff, a waiting approval, a failed child run, and per-run plus fleet cost.","type":"registry:block","source_url":"https://scrimui.dev/r/agent-console.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/agent-console.json"},{"name":"support-copilot","title":"Customer Support Copilot","description":"Grounded reply drafts with citations, honest low-confidence answers, inline corrections, an approval gate on refunds, and a rating row on every draft.","type":"registry:block","source_url":"https://scrimui.dev/r/support-copilot.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/support-copilot.json"},{"name":"generative-dashboard","title":"Generative UI Dashboard","description":"The model assembles a dashboard from a controlled widget registry — streamed props, an unsupported-request fallback, and widget clicks that re-enter the chat.","type":"registry:block","source_url":"https://scrimui.dev/r/generative-dashboard.json","install_command":"npx shadcn@latest add https://scrimui.dev/r/generative-dashboard.json"}]},{"id":"scrollxui","name":"@scrollxui","slug":"scrollxui","description":"ScrollX UI is an open-source, motion-rich React component library with 140+ animated, interactive components and 30+ marketing blocks, all in TypeScript + Tailwind CSS format. Components span text animations (electric text, decorated text, fancy text), interactive elements (hold-to-confirm, drag interactions, expandable dock, expandable cards, card tilt, card flip), backgrounds (aurora dots, meteors, grid, cosmic, beam, dot wave), and UI primitives (Globe, Keyboard, Infinite Canvas, Flowing Logos, Avatar Group, Bento Grid). Blocks include Hero Sections, CTA, Pricing, Testimonials, FAQ, Waitlist, Bento, and more. Tailwind v4, React, Framer Motion/Motion. Free (MIT). Use for: building visually expressive marketing pages, SaaS landing pages, or developer portfolios that need modern motion-driven components and marketing section blocks.","author":"Adityakishore0","framework":"react","license":null,"tags":["3d","aesthetic","animation","auth","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","icons","loaders","maps","marketing","media","mobile","navigation","onboarding","overlays","payments","retro","saas"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://www.scrollxui.dev","github":"https://github.com/Adityakishore0/ScrollX-UI","registry":"https://www.scrollxui.dev/registry/registry.json","source":"https://www.scrollxui.dev/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/scrollxui","markdown":"https://sh4dcn.netlify.app/md/scrollxui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none'><path d='M5.999 17a3 3 0 0 1-1.873-.658a2.98 2.98 0 0 1-1.107-2.011a2.98 2.98 0 0 1 .639-2.206l4-5c.978-1.225 2.883-1.471 4.143-.523l1.674 1.254l2.184-2.729a3 3 0 1 1 4.682 3.747l-4 5c-.977 1.226-2.882 1.471-4.143.526l-1.674-1.256l-2.184 2.729A2.98 2.98 0 0 1 5.999 17M10 8a1 1 0 0 0-.781.374l-4 5.001a1 1 0 0 0-.213.734c.03.266.161.504.369.67a.996.996 0 0 0 1.406-.155l3.395-4.244L13.4 12.8c.42.316 1.056.231 1.381-.176l4-5.001a1 1 0 0 0 .213-.734a1 1 0 0 0-.369-.67a.996.996 0 0 0-1.406.156l-3.395 4.242L10.6 8.2A1 1 0 0 0 10 8m9 13H5a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2' fill='var(--foreground)'/></svg>","preview_image":"https://scrollxui.dev/images/ui.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":309,"open_issues":0,"last_commit":"2026-06-08T23:45:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.scrollxui.dev/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.scrollxui.dev/registry/registry.json","install_bun":"bunx shadcn@latest add https://www.scrollxui.dev/registry/registry.json","clone":"git clone https://github.com/Adityakishore0/ScrollX-UI.git","clone_degit":"npx degit Adityakishore0/ScrollX-UI","registry_fetch":"curl -s https://www.scrollxui.dev/registry/registry.json"},"component_count":180,"components":[{"name":"utils","title":"Utils","description":null,"type":"registry:lib","source_url":"https://www.scrollxui.dev/registry/utils.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/utils.json"},{"name":"accordion","title":"Accordion","description":"A collapsible component for showing and hiding content sections.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/accordion.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/accordion.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog used to convey critical information and require a user response before proceeding..","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/alert-dialog.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/alert-dialog.json"},{"name":"animated-button","title":"Animated Button","description":"AnimatedButton is a highly customizable animated button component with shimmer effects, glow, and visual styling options.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/animated-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-button.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"A headless and styled tab UI component set for switching content views.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/animated-tabs.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-tabs.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"Minimal testimonials with image and quote for clean, modern design.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/animated-testimonials.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-testimonials.json"},{"name":"animated-textgenerate","title":"Animated TextGenerate","description":"Generates animated text word-by-word with blur, highlights, links, and smooth effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/animated-textgenerate.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/animated-textgenerate.json"},{"name":"announcement","title":"Announcement","description":"An announcement component that highlights key info with icons, effects, and expandable content.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/announcement.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/announcement.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A responsive container component that maintains a fixed aspect ratio, commonly used for media like images and videos.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/aspect-ratio.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"Customizable Avatar component with animated borders for status indicators like \"close friends\" or \"normal story\".","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/avatar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/avatar.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping avatar circles that expand smoothly to reveal each user's name on hover.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/avatar-group.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/avatar-group.json"},{"name":"aurora-dots","title":"Aurora Dots","description":"A captivating background effect featuring softly glowing, animated dots that mimic the ethereal beauty of the aurora borealis.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/aurora-dots.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/aurora-dots.json"},{"name":"backgroundmeteors","title":"Background Meteors","description":"animated background featuring vertical meteor-like beams falling from the top to the bottom of the screen over a grid pattern.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/backgroundmeteors.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/backgroundmeteors.json"},{"name":"background-paths","title":"Background Paths","description":"A set of SVG paths that animate as if being drawn. Great for tech hero backgrounds.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/background-paths.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/background-paths.json"},{"name":"badge","title":"Badge","description":"A small badge component with customizable variants and shiny animation effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/badge.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/badge.json"},{"name":"barswave","title":"BarsWave","description":"Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/barswave.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/barswave.json"},{"name":"beams-upstream","title":"Beams Upstream","description":"Multiple background beams travel upstream, forming a hero section background.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/beams-upstream.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/beams-upstream.json"},{"name":"bento-grid","title":"Bento Grid","description":"A responsive grid layout for showcasing features in varied card sizes with optional tilt effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/bento-grid.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/bento-grid.json"},{"name":"bolt-strike","title":"Bolt Strike","description":"lightning bolts burst randomly with sparks and particles, creating a high-energy, reactive background effect.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/bolt-strike.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/bolt-strike.json"},{"name":"border-glide","title":"Border Glide","description":"Modern UI cards with a moving border and smooth transitions.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/border-glide.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/border-glide.json"},{"name":"button","title":"Button","description":"Reusable button component with multiple variants and sizes.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/button.json"},{"name":"card","title":"Card","description":"Renders a card component comprising a header, content section, and footer...","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/card.json"},{"name":"card-flip","title":"Card Flip","description":"Renders a card component with flip animation, supporting front/back content.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/card-flip.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/card-flip.json"},{"name":"card-tilt","title":"Card Tilt","description":"smooth card tilt that responds naturally to your cursor, giving the card a more polished, modern look.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/card-tilt.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/card-tilt.json"},{"name":"carousel","title":"Carousel","description":"A carousel component with card stack visualization for cycling through content.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/carousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/carousel.json"},{"name":"calendar","title":"Calendar","description":"A date field component that enables users to choose and edit a date.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/calendar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/calendar.json"},{"name":"checkbox-pro","title":"Checkbox Pro","description":"A customizable checkbox component with animated checkmark and indeterminate states.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/checkbox-pro.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/checkbox-pro.json"},{"name":"checklist-cell","title":"Checklist Cell","description":"Animated checklist illustration with sliding tasks and progressive completion.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/checklist-cell.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/checklist-cell.json"},{"name":"clock","title":"Clock","description":"clock component with rotating hands and glowing effects, perfect for CTA sections.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/clock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/clock.json"},{"name":"codeblock","title":"CodeBlock","description":"Syntax-highlighted codeblock component built on top of react-syntax-highlighter.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/codeblock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/codeblock.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel with a smooth motion.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/collapsible.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/collapsible.json"},{"name":"columnlines","title":"ColumnLines","description":"column grid background with radial fade and subtle noise. Great for hero backgrounds.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/columnlines.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/columnlines.json"},{"name":"cosmic-background","title":"Cosmic Background","description":"A modern cosmic background featuring smooth motion and immersive depth effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/cosmic-background.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cosmic-background.json"},{"name":"cursor-highlight","title":"Cursor Highlight","description":"Text is revealed on scroll with pointer, gradient, and border effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/cursor-highlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cursor-highlight.json"},{"name":"cursorimagetrail","title":"Cursor ImageTrail","description":"The CursorImageTrail component creates an interactive mouse trail effect with animated images.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/cursorimagetrail.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cursorimagetrail.json"},{"name":"decorated-text","title":"Decorated Text","description":"decorative text frame with corner accents and a compact entrance effect.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/decorated-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/decorated-text.json"},{"name":"dot-wave","title":"Dot Wave","description":"Dot-based waves ripple outward in symmetry, creating a subtle, motion-driven background layer","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/dot-wave.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/dot-wave.json"},{"name":"draggable-avatar","title":"Draggable Avatar","description":"It displays a circular, draggable avatar with customizable size and style.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/draggable-avatar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/draggable-avatar.json"},{"name":"drift-card","title":"Drift Card","description":"An interactive card with a drift hover effect that visually highlights content.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/drift-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/drift-card.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Animated Dropdown Menu Reveals a menu of options or actions when activated by a button.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/dropdown-menu.json"},{"name":"dualsparks","title":"Dual Sparks","description":"Corner-based spark waves that radiate inward and outward with smooth motion.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/dualsparks.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/dualsparks.json"},{"name":"electric-text","title":"Electric Text","description":"Animated electric text with glowing, distorted outline-solid for dynamic neon effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/electric-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/electric-text.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"Interactive card layout where hovered cards expand smoothly for focused content viewing.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/expandable-cards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/expandable-cards.json"},{"name":"expandable-dock","title":"Expandable Dock","description":"A customizable expandable dock component.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/expandable-dock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/expandable-dock.json"},{"name":"facescape","title":"Facescape","description":"Interactive, animated user avatars with hover effects and responsive layout.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/facescape.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/facescape.json"},{"name":"fancy-text","title":"Fancy Text","description":"A refined text reveal animation with smooth character motion and a clean, modern visual flow.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/fancy-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/fancy-text.json"},{"name":"flashy-card","title":"Flashy Card","description":"Interactive card with smooth animated activation and visual effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/flashy-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flashy-card.json"},{"name":"flex-navbar","title":"Flex Navbar","description":"A modern navbar with smooth expansion, media panels, and theme controls.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/flex-navbar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flex-navbar.json"},{"name":"flipflow","title":"FlipFlow","description":"A looping flow of flip cards with smooth motion and subtle interactive effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/flipflow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flipflow.json"},{"name":"flipstack","title":"FlipStack","description":"A stylish and animated card stack UI for showcasing content in layered views.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/flipstack.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flipstack.json"},{"name":"flowing-logos","title":"Flowing Logos","description":"Flowing logo showcase with smooth animations, hover effects, and modern UI.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/flowing-logos.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/flowing-logos.json"},{"name":"folder","title":"Folder","description":"Interactive 3D Folder UI component with hover & click animations for modern apps.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/folder.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/folder.json"},{"name":"folder-tree","title":"Folder Tree","description":"A customizable folder tree component for displaying hierarchical data with expandable nodes.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/folder-tree.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/folder-tree.json"},{"name":"followcursor","title":"Follow Cursor","description":"Colorful, fluid cursor trails that respond to mouse movement.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/followcursor.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/followcursor.json"},{"name":"glass","title":"Glass","description":"glass surface with interactive ripple and dynamic cursor effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/glass.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/glass.json"},{"name":"glowingbordercard","title":"Glowing Border Card","description":"A customizable card with a glowing border effect that changes colors based on light and dark modes.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/glowingbordercard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/glowingbordercard.json"},{"name":"globe","title":"Globe","description":"The Globe component creates beautiful 5kb WebGL Globe.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/globe.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/globe.json"},{"name":"globe-wireframe","title":"Globe Wireframe","description":"The Globe Wireframe component creates beautiful globe with smooth city rotations, responsive design, and premium motion.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/globe-wireframe.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/globe-wireframe.json"},{"name":"gravity","title":"Gravity","description":"Gravity pulls objects as they launch, soar, and fall inside a container.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/gravity.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/gravity.json"},{"name":"heroui","title":"Hero Sections","description":"A set of hero sections ranging from simple to complex layouts.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/heroui.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/heroui.json"},{"name":"hold-toconfirm","title":"Hold ToConfirm","description":"A button that requires holding down to confirm irreversible or critical actions.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/hold-toconfirm.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hold-toconfirm.json"},{"name":"hyperlink","title":"Hyperlink","description":"hyperlink component with animated underline, smooth hover & customizable style.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/hyperlink.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hyperlink.json"},{"name":"infinite-canvas","title":"Infinite Canvas","description":"Infinite draggable canvas with zoomable, repeating cards and touch/mouse controls.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/infinite-canvas.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/infinite-canvas.json"},{"name":"iphone","title":"Iphone","description":"IPhone mockup with screen, header, and custom children content.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/iphone.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/iphone.json"},{"name":"input-otp","title":"Input Otp","description":"A flexible Accessible one-time password component","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/input-otp.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/input-otp.json"},{"name":"interactive-input","title":"Interactive input","description":"A highly customizable interactive input component with shimmer effects, glow, and visual styling options.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/interactive-input.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/interactive-input.json"},{"name":"kbd","title":"Kbd","description":"A component for displaying keyboard shortcuts and key combinations.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/kbd.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/kbd.json"},{"name":"keyboard","title":"Keyboard","description":"Interactive keyboard component with customizable key styling and a beautifully minimal interface.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/keyboard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/keyboard.json"},{"name":"kinetic-testimonials","title":"Kinetic Testimonials","description":"Smoothly scrolling, animated testimonials for modern developer websites to showcase user feedback visually.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/kinetic-testimonials.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/kinetic-testimonials.json"},{"name":"label","title":"Label","description":"Displays an accessible label associated with controls.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/label.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/label.json"},{"name":"lamphome","title":"Lamphome","description":"A stylish, animated header component with dark/light mode toggle functionality.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/lamphome.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/lamphome.json"},{"name":"layered-button","title":"Layered Button","description":"A layered button with a radial expand effect and smooth sliding hover label animation.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/layered-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/layered-button.json"},{"name":"layer-stack","title":"Layer Stack","description":"Interactive stacked card layout with drag and scroll momentum.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/layer-stack.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/layer-stack.json"},{"name":"layered-text","title":"Layered Text","description":"Layered text effect with offset shadows, customizable styling, and animations.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/layered-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/layered-text.json"},{"name":"lean-card","title":"Lean Card","description":"A card component with a striped back card revealed on hover","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/lean-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/lean-card.json"},{"name":"loader","title":"Loader","description":"Animated versatile loader with different variants, customizable size and content.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/loader.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/loader.json"},{"name":"loginform","title":"Login Form","description":"Modern, responsive login form with smooth transitions and gradient accents.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/loginform.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/loginform.json"},{"name":"logo-stepper","title":"Logo Stepper","description":"logo showcase with names, smooth animations, hover effects, and modern UI.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/logo-stepper.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/logo-stepper.json"},{"name":"lustretext","title":"Lustre Text","description":"A lustrous text component with animated gradient shine.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/lustretext.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/lustretext.json"},{"name":"magicdock","title":"Magic Dock","description":"MacOS-style React dock with smooth animation and customizable magnification.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/magicdock.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/magicdock.json"},{"name":"media-card","title":"Media Card","description":"An Interactive media cards with a fluid cursor and a polished, modern aesthetic.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/media-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/media-card.json"},{"name":"meteor-orbit","title":"Meteor Orbit","description":"orbit system featuring rotating meteors and gracefully animated icons.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/meteor-orbit.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/meteor-orbit.json"},{"name":"modern-loader","title":"Modern Loader","description":"A modern, dynamic code loader designed for AI-powered coding environments.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/modern-loader.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/modern-loader.json"},{"name":"movinglines-background","title":"MovingLines Background","description":"A set of diagonal lines that move continuously. Great for hero backgrounds.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/movinglines-background.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/movinglines-background.json"},{"name":"motioncards","title":"MotionCards","description":"Elegant cards in seamless flow for clean web design.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/motioncards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/motioncards.json"},{"name":"motion-grid","title":"Motion Grid","description":"A set of diagonal lines that move continuously with gradientglow.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/motion-grid.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/motion-grid.json"},{"name":"motion-navbar","title":"Motion Navbar","description":"modern react navbar with smooth animations, dropdown menus, and mobile-friendly design.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/motion-navbar.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/motion-navbar.json"},{"name":"morphotextflip","title":"MorphoText Flip","description":"Animated text component that flips between words with smooth transitions.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/morphotextflip.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/morphotextflip.json"},{"name":"morphy-button","title":"Morphy Button","description":"Morphing button with dynamic dot motion, reversible animation.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/morphy-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/morphy-button.json"},{"name":"navbar-flow","title":"Navbar Flow","description":"A customizable, animated navigation bar with hover effects and dropdowns.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/navbar-flow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/navbar-flow.json"},{"name":"not-found","title":"Not Found","description":"A beautifully designed 404 page to guide users when content is missing.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/not-found.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/not-found.json"},{"name":"orb-button","title":"Orb Button","description":"Modern orb-style button featuring smooth hover expansion and icon reveal.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/orb-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/orb-button.json"},{"name":"pagination","title":"Pagination","description":"A flexible and animated pagination component with active and hover states.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/pagination.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pagination.json"},{"name":"particles","title":"Particles","description":"Dynamic 3D particle system with customizable properties","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/particles.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/particles.json"},{"name":"parallaxcards","title":"Parallax Cards","description":"A vertical sticky-scroll component that displays stacked cards with parallax behavior.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/parallaxcards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/parallaxcards.json"},{"name":"pixel-background","title":"Pixel Background","description":"A flexible pixel animation background with customizable origins and smooth atmospheric motion.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/pixel-background.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pixel-background.json"},{"name":"pixel-highlight","title":"Pixel Highlight","description":"Animated pixel-based text reveal with directional shimmer using canvas-rendered particles.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/pixel-highlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pixel-highlight.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a animated portal, triggered by a button.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/popover.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/popover.json"},{"name":"profilecard","title":"Profile Card","description":"A reusable profile card component displaying a user's image, name, bio, skills, and social links with interactive animations.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/profilecard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/profilecard.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/progress.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/progress.json"},{"name":"radialflow","title":"Radial Flow","description":"Dynamic radial graph for visualizing networks & hierarchies with animated nodes.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/radialflow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/radialflow.json"},{"name":"radio-group","title":"Radio Group","description":"A group of radio buttons that lets you pick only one option at a time.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/radio-group.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/radio-group.json"},{"name":"radial-socials","title":"Radial Socials","description":"radial social icons arranged in circles, with smooth expansion and rotation","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/radial-socials.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/radial-socials.json"},{"name":"reel","title":"Reel","description":"A scrolling media strip that displays images and videos in flowing rows.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/reel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/reel.json"},{"name":"reveal-text","title":"Reveal Text","description":"a clean text reveal component providing directional animation and stagger options.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/reveal-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/reveal-text.json"},{"name":"search-cell","title":"Search Cell","description":"An animated search input illustration that cycles through queries with a typewriter effect and blur-in result rows.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/search-cell.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/search-cell.json"},{"name":"select","title":"Select","description":"Displays an animated list of options for the user to choose from —smoothly triggered by a button.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/select.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/select.json"},{"name":"sensitive-text","title":"Sensitive Text","description":"Interactive text that subtly compresses or stretches characters based on cursor proximity.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/sensitive-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/sensitive-text.json"},{"name":"shiny-button","title":"Shiny Button","description":"Interactive button with spotlight effect that follows mouse cursor and highlights borders on hover.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/shiny-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/shiny-button.json"},{"name":"showcase","title":"Showcase","description":"An interactive showcase component with smooth content and image transitions.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/showcase.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/showcase.json"},{"name":"side-sheet","title":"Side Sheet","description":"A customizable sheet component for creating elegant slide-out interfaces.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/side-sheet.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/side-sheet.json"},{"name":"signupform","title":"Signup Form","description":"Modern, responsive signup form with smooth transitions and gradient accents.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/signupform.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/signupform.json"},{"name":"slider","title":"Slider","description":"An interactive slider with glass effects for selecting values smoothly within a range.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/slider.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/slider.json"},{"name":"slide-text","title":"Slide Text","description":null,"type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/slide-text.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/slide-text.json"},{"name":"status","title":"Status","description":"A small status component with customizable variants, indicator and shiny animation effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/status.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/status.json"},{"name":"statscount","title":"StatsCount","description":"Animated statistics counter with responsive layout and scroll triggers.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/statscount.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/statscount.json"},{"name":"stagger-button","title":"Stagger Button","description":"Interactive button with animated stagger text and customizable styles for modern uis.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/stagger-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/stagger-button.json"},{"name":"stagger-chars","title":"Stagger Chars","description":"An animated text component that creates a smooth, staggered character animation effect when hovered","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/stagger-chars.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/stagger-chars.json"},{"name":"statscarousel","title":"Stats Carousel","description":"Animated statistics counter in stacked carousel for modern websites.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/statscarousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/statscarousel.json"},{"name":"stripe-button","title":"Stripe Button","description":"Smooth animated button crafted with refined glow and modern motion.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/stripe-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/stripe-button.json"},{"name":"striped-grid","title":"Striped Grid","description":"Animated diagonal stripes with optional base grid, creating a dynamic textured background.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/striped-grid.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/striped-grid.json"},{"name":"spark-waves","title":"Spark Waves","description":"Vertical wave bars animate in symmetry, forming a subtle motion-driven background layer.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/spark-waves.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/spark-waves.json"},{"name":"splitter","title":"Splitter","description":"A customizable splitter component with collapsible panels and smooth animations.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/splitter.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/splitter.json"},{"name":"spotlightcard","title":"Spotlight Card","description":"An interactive card with a spotlight hover effect that highlights content and enhances user engagement visually.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/spotlightcard.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/spotlightcard.json"},{"name":"seperatorpro","title":"Seperator Pro","description":"Separates layout sections with customizable styles and orientations.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/seperatorpro.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/seperatorpro.json"},{"name":"scroll-areapro","title":"ScrollArea Pro","description":"advanced scrollarea with auto-hide scrollbars, progress bars, and cross-axis scroll.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/scroll-areapro.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/scroll-areapro.json"},{"name":"social-orbit","title":"Social Orbit","description":"orbits your socials in smooth motion where icons spin, ripple, and glow with purpose.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/social-orbit.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/social-orbit.json"},{"name":"squonk","title":"Squonk","description":"elastic squircles illustration with fall and shrink movement.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/squonk.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/squonk.json"},{"name":"table","title":"Table","description":"Powerful responsive data table with sticky headers, smooth scrolling, sorting, and pagination.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/table.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/table.json"},{"name":"testimonial-carousel","title":"Testimonial Carousel","description":"Minimal, responsive testimonial slider with avatars, names, and quotes for clean, modern design.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/testimonial-carousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/testimonial-carousel.json"},{"name":"text-highlighter","title":"Text Highlighter","description":"A customizable text highlighter with smooth animated highlights to emphasize key text.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/text-highlighter.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/text-highlighter.json"},{"name":"text-modifier","title":"Text Modifier","description":"text highlighter with solid background and decorative markers for emphasis..","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/text-modifier.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/text-modifier.json"},{"name":"text-spotlight","title":"Text Spotlight","description":"spotlight text effect with hover and mobile reveal, customizable size and color.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/text-spotlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/text-spotlight.json"},{"name":"theme-switch","title":"Theme Switch","description":"A flexible and accessible theme mode switcher component for Next.js projects using next-themes.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/theme-switch.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/theme-switch.json"},{"name":"thunder-loader","title":"Thunder Loader","description":"Animated thunderbolt loader with glow and shimmer effects, customizable sizes and colors.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/thunder-loader.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/thunder-loader.json"},{"name":"timeline","title":"Timeline","description":"Smoothly animated timeline slider with resizable handles for interactive use.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/timeline.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/timeline.json"},{"name":"top-sheet","title":"Top Sheet","description":"A customizable component for creating elegant, slide-out panels from the top of the screen.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/top-sheet.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/top-sheet.json"},{"name":"toast","title":"Toast","description":"A customizable and responsive toast notification system.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/toast.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/toast.json"},{"name":"toggle-vault","title":"Toggle Vault","description":"Expandable vault component with animated open/close, trigger button, and content panel.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/toggle-vault.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/toggle-vault.json"},{"name":"tooltip","title":"Tooltip","description":"An interactive, animated popup that displays information related to an element when it receives keyboard focus or when the mouse hovers over it.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/tooltip.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/tooltip.json"},{"name":"transition","title":"Transition","description":"Smooth page transitions with curved or slide effects.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/transition.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/transition.json"},{"name":"typeanimation","title":"Type Animation","description":"Displays an animated typing effect.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/typeanimation.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/typeanimation.json"},{"name":"venom-beam","title":"Venom Beam","description":"A glowing particle canvas with motion-reactive trails. Perfect for immersive, high-tech hero sections.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/venom-beam.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/venom-beam.json"},{"name":"vercel-card","title":"Vercel Card","description":"A smooth interactive vercel inspired card.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/vercel-card.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/vercel-card.json"},{"name":"wavy-button","title":"Wavy Button","description":"Interactive wavybutton with animated text and customizable styles for modern uis.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/wavy-button.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/wavy-button.json"},{"name":"whitestripes","title":"Whitestripes","description":"Dynamic motion background for hero sections and modern layouts.","type":"registry:ui","source_url":"https://www.scrollxui.dev/registry/whitestripes.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/whitestripes.json"},{"name":"bento-with-focus","title":"Bento with Focus","description":"Modern Bento Grid with blur and smooth reveal animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/bento-with-focus.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/bento-with-focus.json"},{"name":"contact-with-globe","title":"Contact with Globe","description":"Modern Contact with globe and smooth reveal animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/contact-with-globe.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/contact-with-globe.json"},{"name":"contact-with-pixelbackground","title":"Contact with Pixel Background","description":"Minimal contact section with animated pixel background and stagger button.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/contact-with-pixelbackground.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/contact-with-pixelbackground.json"},{"name":"cta-section-with-avatars","title":"CTA Section with Avatars","description":"Modern CTA with avatars and smooth reveal animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/cta-section-with-avatars.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cta-section-with-avatars.json"},{"name":"cta-section-with-dashed-border","title":"CTA Section With Dashed Border","description":"CTA section with dashed border effects.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/cta-section-with-dashed-border.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cta-section-with-dashed-border.json"},{"name":"cta-section-with-floating-gallery","title":"CTA Section With Floating Gallery","description":"CTA section with staggered image gallery.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/cta-section-with-floating-gallery.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/cta-section-with-floating-gallery.json"},{"name":"download-with-columnlines","title":"Download Section with ColumnLines","description":"A download section with subtle column lines.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/download-with-columnlines.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/download-with-columnlines.json"},{"name":"download-with-iphone","title":"Download Section with Iphone","description":"A download section with an iPhone mockup.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/download-with-iphone.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/download-with-iphone.json"},{"name":"features-with-panel","title":"Features with Panel","description":"Interactive feature list with sticky media panel and smooth transitions.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/features-with-panel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/features-with-panel.json"},{"name":"features-with-spotlight","title":"Features with Spotlight","description":"Interactive feature list with animated spotlight panel and smooth transitions.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/features-with-spotlight.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/features-with-spotlight.json"},{"name":"footer-with-faded-brand","title":"Footer with Faded Brand","description":"Modern footer with oversized faded brand name and smooth transitions.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/footer-with-faded-brand.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/footer-with-faded-brand.json"},{"name":"footer-with-minimal-outline","title":"Footer with Minimal Outline","description":"Clean footer with minimal outlined brand text and smooth animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/footer-with-minimal-outline.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/footer-with-minimal-outline.json"},{"name":"footer-with-newsletter","title":"Footer with Newsletter","description":"Interactive footer with newsletter and smooth transitions.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/footer-with-newsletter.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/footer-with-newsletter.json"},{"name":"footer-with-suite","title":"Footer with Suite","description":"Modern footer with oversized split sections.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/footer-with-suite.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/footer-with-suite.json"},{"name":"frequently-asked-questions-with-accordion","title":"Frequently asked questions with Accordion","description":"Elegant and minimal FAQs with grid, accordions and micro-interactions","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/frequently-asked-questions-with-accordion.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/frequently-asked-questions-with-accordion.json"},{"name":"frequently-asked-questions-stack","title":"Frequently asked questions Stack","description":"A modern FAQ section with layered stack design and smooth scroll-triggered animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/frequently-asked-questions-stack.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/frequently-asked-questions-stack.json"},{"name":"hero-with-cards","title":"Hero Section with Cards","description":"A hero section with a fan of photo cards and animated entrance.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/hero-with-cards.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hero-with-cards.json"},{"name":"hero-with-iphone","title":"Hero Section with Iphone","description":"A hero section with an iPhone mockup and animated background.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/hero-with-iphone.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hero-with-iphone.json"},{"name":"hero-with-layers","title":"Hero Section with Layers","description":"A hero-section for AI startups","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/hero-with-layers.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hero-with-layers.json"},{"name":"hero-with-pixelbackground","title":"Hero Section with Pixel Background","description":"A hero-section for modern AI interfaces with motion.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/hero-with-pixelbackground.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hero-with-pixelbackground.json"},{"name":"hero-with-reel","title":"Hero Section with Reel","description":"A hero section with an animated image reel and motion entrance.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/hero-with-reel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/hero-with-reel.json"},{"name":"login-minimal","title":"Login Minimal","description":"A clean, animated login form with Google OAuth and email/password fields.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/login-minimal.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/login-minimal.json"},{"name":"logo-cloud-flipflow","title":"Logo Cloud Flipflow","description":"A logo-cloud for AI startups with flipflow animation.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/logo-cloud-flipflow.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/logo-cloud-flipflow.json"},{"name":"logo-cloud-marquee","title":"Logo Cloud with Marquee","description":"A logo cloud with flowing marquee motion, perfect for bold AI startups.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/logo-cloud-marquee.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/logo-cloud-marquee.json"},{"name":"logo-cloud-with-minimal-animation","title":"Logo Cloud with Minimal Animation","description":"A clean logo cloud with smooth blur and fade-in animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/logo-cloud-with-minimal-animation.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/logo-cloud-with-minimal-animation.json"},{"name":"not-found-with-glitchytext","title":"Not Found with GlitchyText","description":"A clean 404 page with glitch animation and smooth reveal transitions.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/not-found-with-glitchytext.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/not-found-with-glitchytext.json"},{"name":"pricing-minimal","title":"Pricing Minimal","description":"A clean three-tier pricing section with a highlighted popular plan.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/pricing-minimal.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pricing-minimal.json"},{"name":"pricing-with-switch","title":"Pricing with Switch","description":"A pricing section with a monthly/yearly billing toggle, animated card reveal.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/pricing-with-switch.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/pricing-with-switch.json"},{"name":"signup-minimal","title":"SignUp Minimal","description":"A clean, animated signup form with Google OAuth and email/password fields.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/signup-minimal.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/signup-minimal.json"},{"name":"testimonials-with-carousel","title":"Testimonials with Carousel","description":"A testimonial carousel with staggered title animations and smooth transitions, showcasing customer feedback in an elegant layout.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/testimonials-with-carousel.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/testimonials-with-carousel.json"},{"name":"testimonials-with-verticalmarquee","title":"Testimonials with Vertical Marquee","description":"Vertical scrolling testimonial columns with alternating directions and smooth infinite animations.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/testimonials-with-verticalmarquee.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/testimonials-with-verticalmarquee.json"},{"name":"testimonials-with-marquee","title":"Testimonials with Marquee","description":"Horizontal scrolling testimonials with infinite marquee animation across multiple rows.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/testimonials-with-marquee.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/testimonials-with-marquee.json"},{"name":"waitlist-with-iphone","title":"Waitlist Section with Iphone","description":"A waitlist section with an iPhone mockup.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/waitlist-with-iphone.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/waitlist-with-iphone.json"},{"name":"waitlist-with-layers","title":"Waitlist Section with Layers","description":"Waitlist section with a draggable stack of layered image cards.","type":"registry:block","source_url":"https://www.scrollxui.dev/registry/waitlist-with-layers.json","install_command":"npx shadcn@latest add https://www.scrollxui.dev/registry/waitlist-with-layers.json"}]},{"id":"seamui","name":"@seamui","slug":"seamui","description":"Own-your-code components rebuilt on Base UI with a motion.dev feel layer — springs, touch feedback, and depth — plus an agent-workbench tier (composer, voice, status, connectors) for AI-era interfaces.","author":"meiskv","framework":"react","license":"MIT","tags":["accessibility","ai","animation","audio","auth","blocks","buttons","cards","dashboard","forms","hooks","loaders","marketing","media","mobile","navigation","overlays","retro","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://seamui.dev","github":"https://github.com/meiskv/seamui","registry":"https://seamui.dev/r/registry.json","source":"https://seamui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/seamui","markdown":"https://sh4dcn.netlify.app/md/seamui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='24' height='24' fill='var(--foreground)'><path d='M38.5 36.7157C38.5 33.4282 40.1437 31.7845 43.4312 31.7845L99.0558 31.7845C100.634 31.7845 101.883 31.8502 102.803 31.9817C103.855 32.2447 104.776 33.0337 105.565 34.3487L129.63 76.1657L139.492 76.1657L161.19 34.9405C162.373 32.8365 164.345 31.7845 167.107 31.7845L255.87 31.7845C257.974 31.7845 259.486 31.916 260.406 32.179C261.458 32.442 262.576 33.3625 263.76 34.9405L298.87 87.0145C299.659 88.0665 300.251 89.1842 300.645 90.3677C301.171 91.5512 301.434 93.0635 301.434 94.9045L301.434 164.534C301.434 167.821 299.791 169.465 296.503 169.465L238.117 169.465C235.224 169.465 233.252 168.479 232.2 166.506L209.516 114.827L199.259 114.827L169.671 166.506C168.751 168.479 166.647 169.465 163.359 169.465L77.5555 169.465C76.5035 169.465 75.3857 169.268 74.2022 168.873C73.1502 168.61 72.2955 167.953 71.638 166.901L40.867 104.964C40.341 104.175 39.815 103.189 39.289 102.005C38.763 100.953 38.5 99.9015 38.5 98.8495L38.5 36.7157Z'/><path d='M106.5 191.716C106.5 188.428 108.144 186.784 111.431 186.784L167.056 186.784C168.634 186.784 169.883 186.85 170.803 186.982C171.855 187.245 172.776 188.034 173.565 189.349L197.63 231.166L207.492 231.166L229.19 189.94C230.373 187.836 232.345 186.784 235.107 186.784L323.87 186.784C325.974 186.784 327.486 186.916 328.406 187.179C329.458 187.442 330.576 188.362 331.76 189.94L366.87 242.015C367.659 243.067 368.251 244.184 368.645 245.368C369.171 246.551 369.434 248.064 369.434 249.905L369.434 319.534C369.434 322.821 367.791 324.465 364.503 324.465L306.117 324.465C303.224 324.465 301.252 323.479 300.2 321.506L277.516 269.827L267.259 269.827L237.671 321.506C236.751 323.479 234.647 324.465 231.359 324.465L145.556 324.465C144.504 324.465 143.386 324.268 142.202 323.873C141.15 323.61 140.295 322.953 139.638 321.901L108.867 259.964C108.341 259.175 107.815 258.189 107.289 257.005C106.763 255.953 106.5 254.901 106.5 253.849L106.5 191.716Z'/><path d='M178.5 346.716C178.5 343.428 180.144 341.784 183.431 341.784L239.056 341.784C240.634 341.784 241.883 341.85 242.803 341.982C243.855 342.245 244.776 343.034 245.565 344.349L269.63 386.166L279.492 386.166L301.19 344.94C302.373 342.836 304.345 341.784 307.107 341.784L395.87 341.784C397.974 341.784 399.486 341.916 400.406 342.179C401.458 342.442 402.576 343.362 403.76 344.94L438.87 397.014C439.659 398.066 440.251 399.184 440.645 400.368C441.171 401.551 441.434 403.063 441.434 404.904L441.434 474.534C441.434 477.821 439.791 479.465 436.503 479.465L378.117 479.465C375.224 479.465 373.252 478.479 372.2 476.506L349.516 424.827L339.259 424.827L309.671 476.506C308.751 478.479 306.647 479.465 303.359 479.465L217.556 479.465C216.504 479.465 215.386 479.268 214.202 478.873C213.15 478.61 212.295 477.953 211.638 476.901L180.867 414.964C180.341 414.175 179.815 413.189 179.289 412.005C178.763 410.953 178.5 409.901 178.5 408.849L178.5 346.716Z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":28,"last_commit":"2026-08-01T03:03:25Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://seamui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://seamui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://seamui.dev/r/registry.json","clone":"git clone https://github.com/meiskv/seamui.git","clone_degit":"npx degit meiskv/seamui","registry_fetch":"curl -s https://seamui.dev/r/registry.json"},"component_count":250,"components":[{"name":"theme","title":"seam theme","description":"shadcn-compatible Tailwind v4 tokens plus the seam depth shadow scale.","type":"registry:theme","source_url":"https://seamui.dev/r/theme.json","install_command":"npx shadcn@latest add https://seamui.dev/r/theme.json"},{"name":"utils","title":"cn utility","description":null,"type":"registry:lib","source_url":"https://seamui.dev/r/utils.json","install_command":"npx shadcn@latest add https://seamui.dev/r/utils.json"},{"name":"motion","title":"seam motion tokens","description":"Spring presets and the depth (z-axis) scale that power every seamui animation.","type":"registry:lib","source_url":"https://seamui.dev/r/motion.json","install_command":"npx shadcn@latest add https://seamui.dev/r/motion.json"},{"name":"haptics","title":"seam haptics","description":"Haptic + click-audio feedback layer: HapticsProvider and the useHaptics hook every interactive control fires through.","type":"registry:lib","source_url":"https://seamui.dev/r/haptics.json","install_command":"npx shadcn@latest add https://seamui.dev/r/haptics.json"},{"name":"use-copy","title":"seam useCopy","description":"Copy-to-clipboard hook with a self-resetting \"copied\" flag, shared by every seamui copy affordance.","type":"registry:lib","source_url":"https://seamui.dev/r/use-copy.json","install_command":"npx shadcn@latest add https://seamui.dev/r/use-copy.json"},{"name":"button","title":"Button","description":"Button built on Base UI with seam depth motion.","type":"registry:ui","source_url":"https://seamui.dev/r/button.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button.json"},{"name":"toggle","title":"Toggle","description":"Two-state button built on Base UI with seam press-depth motion.","type":"registry:ui","source_url":"https://seamui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A debossed well of toggles; the pressed one rises as an embossed key.","type":"registry:ui","source_url":"https://seamui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"Raised strip of controls with one tab stop and arrow-key roving focus, built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toolbar.json"},{"name":"combobox","title":"Combobox","description":"A filterable input bound to a listbox popup, built on Base UI Combobox with seam depth motion.","type":"registry:ui","source_url":"https://seamui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox.json"},{"name":"input","title":"Input","description":"Text input built on Base UI, Field-aware.","type":"registry:ui","source_url":"https://seamui.dev/r/input.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input.json"},{"name":"avatar","title":"Avatar","description":"Avatar built on Base UI with a seam fade-in on image load.","type":"registry:ui","source_url":"https://seamui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar.json"},{"name":"separator","title":"Separator","description":"Accessible separator built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/separator.json","install_command":"npx shadcn@latest add https://seamui.dev/r/separator.json"},{"name":"switch","title":"Switch","description":"Switch built on Base UI; the thumb springs between states.","type":"registry:ui","source_url":"https://seamui.dev/r/switch.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox built on Base UI; the mark pops in with a spring.","type":"registry:ui","source_url":"https://seamui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Shared state for a set of seam Checkboxes, with select-all parent support, built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-group.json"},{"name":"radio-group","title":"Radio Group","description":"Radio group built on Base UI; the dot pops in with a spring.","type":"registry:ui","source_url":"https://seamui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group.json"},{"name":"slider","title":"Slider","description":"Slider built on Base UI; the thumb swells when grabbed.","type":"registry:ui","source_url":"https://seamui.dev/r/slider.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip built on Base UI; the surface rises with overlay depth.","type":"registry:ui","source_url":"https://seamui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip.json"},{"name":"popover","title":"Popover","description":"Popover built on Base UI with seam overlay-depth entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/popover.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover.json"},{"name":"preview-card","title":"Preview Card","description":"Preview card built on Base UI with seam overlay-depth entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog built on Base UI; the surface rises with modal depth and the page dims behind it.","type":"registry:ui","source_url":"https://seamui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Confirmation dialog built on Base UI with seam modal depth.","type":"registry:ui","source_url":"https://seamui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog.json"},{"name":"drawer","title":"Drawer","description":"Mobile bottom-sheet built on Base UI's native swipe-to-dismiss engine.","type":"registry:ui","source_url":"https://seamui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown menu built on Base UI with seam overlay-depth entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu.json"},{"name":"select","title":"Select","description":"Select built on Base UI with seam overlay-depth entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/select.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select.json"},{"name":"context-menu","title":"Context Menu","description":"Right-click menu built on Base UI with seam overlay-depth entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu.json"},{"name":"tabs","title":"Tabs","description":"Tabs built on Base UI; a motion indicator springs to the active tab.","type":"registry:ui","source_url":"https://seamui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Accordion built on Base UI with eased height animation.","type":"registry:ui","source_url":"https://seamui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"Collapsible built on Base UI with eased height animation.","type":"registry:ui","source_url":"https://seamui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://seamui.dev/r/collapsible.json"},{"name":"progress","title":"Progress","description":"Progress bar built on Base UI with an eased fill.","type":"registry:ui","source_url":"https://seamui.dev/r/progress.json","install_command":"npx shadcn@latest add https://seamui.dev/r/progress.json"},{"name":"meter","title":"Meter","description":"Meter (static measurement) built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/meter.json","install_command":"npx shadcn@latest add https://seamui.dev/r/meter.json"},{"name":"number-field","title":"Number Field","description":"Number input with press-depth steppers, built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field.json"},{"name":"otp-field","title":"OTP Field","description":"One-time-code input built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom scrollbar area built on Base UI.","type":"registry:ui","source_url":"https://seamui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://seamui.dev/r/scroll-area.json"},{"name":"toast","title":"Toast","description":"Toast notifications built on Base UI with a bouncy seam entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/toast.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toast.json"},{"name":"textarea","title":"Textarea","description":"Auto-growing multiline text field styled as a seam entry well.","type":"registry:ui","source_url":"https://seamui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea.json"},{"name":"card","title":"Card","description":"A raised surface key with header, content, and footer sections.","type":"registry:ui","source_url":"https://seamui.dev/r/card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card.json"},{"name":"badge","title":"Badge","description":"Miniature embossed status chip with seam depth variants.","type":"registry:ui","source_url":"https://seamui.dev/r/badge.json","install_command":"npx shadcn@latest add https://seamui.dev/r/badge.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder well with an opacity-only pulse.","type":"registry:ui","source_url":"https://seamui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://seamui.dev/r/skeleton.json"},{"name":"empty-state","title":"Empty State","description":"Zero-data placeholder — a debossed well with an embossed icon key, copy, and actions.","type":"registry:ui","source_url":"https://seamui.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://seamui.dev/r/empty-state.json"},{"name":"spinner","title":"Spinner","description":"Loading indicator with a reduced-motion opacity fallback.","type":"registry:ui","source_url":"https://seamui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://seamui.dev/r/spinner.json"},{"name":"kbd","title":"Kbd","description":"Keyboard shortcut rendered as a tiny embossed keycap.","type":"registry:ui","source_url":"https://seamui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://seamui.dev/r/kbd.json"},{"name":"message","title":"Message","description":"Chat message row — user as an embossed key, assistant as flat prose.","type":"registry:ui","source_url":"https://seamui.dev/r/message.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message.json"},{"name":"conversation","title":"Conversation","description":"Stick-to-bottom chat viewport with a floating scroll-to-latest key.","type":"registry:ui","source_url":"https://seamui.dev/r/conversation.json","install_command":"npx shadcn@latest add https://seamui.dev/r/conversation.json"},{"name":"composer","title":"Composer","description":"The prompt input — a debossed well with send/stop, attachments, and Enter-to-send.","type":"registry:ui","source_url":"https://seamui.dev/r/composer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer.json"},{"name":"response","title":"Response","description":"Streaming-safe markdown renderer that hardens incomplete blocks.","type":"registry:ui","source_url":"https://seamui.dev/r/response.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response.json"},{"name":"code-block","title":"Code Block","description":"Highlighted code in a debossed well, with a copy key.","type":"registry:ui","source_url":"https://seamui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block.json"},{"name":"tool","title":"Tool","description":"Agentic step disclosure — status chip, collapsible result. Includes Reasoning.","type":"registry:ui","source_url":"https://seamui.dev/r/tool.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tool.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"Pre-first-token dots; bounce becomes an opacity pulse under reduced motion.","type":"registry:ui","source_url":"https://seamui.dev/r/typing-indicator.json","install_command":"npx shadcn@latest add https://seamui.dev/r/typing-indicator.json"},{"name":"suggestions","title":"Suggestions","description":"Scrollable row of prompt chips with a staggered entrance.","type":"registry:ui","source_url":"https://seamui.dev/r/suggestions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/suggestions.json"},{"name":"sources","title":"Sources","description":"Grounded-answer sources list and hoverable inline citations.","type":"registry:ui","source_url":"https://seamui.dev/r/sources.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sources.json"},{"name":"chat-timeline","title":"Chat Timeline","description":"Grouped, timestamped conversation history with sticky day headers.","type":"registry:ui","source_url":"https://seamui.dev/r/chat-timeline.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-timeline.json"},{"name":"media-toggle","title":"Media Toggle","description":"Round mic/camera/screen-share key; muted goes destructive-tinted.","type":"registry:ui","source_url":"https://seamui.dev/r/media-toggle.json","install_command":"npx shadcn@latest add https://seamui.dev/r/media-toggle.json"},{"name":"voice-visualizer","title":"Voice Visualizer","description":"Agent-state dots driven by audio level, with an owned useAudioLevel hook.","type":"registry:ui","source_url":"https://seamui.dev/r/voice-visualizer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer.json"},{"name":"voice-avatar","title":"Voice Avatar","description":"Avatar with a speaking halo that breathes with audio level.","type":"registry:ui","source_url":"https://seamui.dev/r/voice-avatar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar.json"},{"name":"device-selector","title":"Device Selector","description":"Mic/camera/output picker on DropdownMenu, with an owned useMediaDevices hook.","type":"registry:ui","source_url":"https://seamui.dev/r/device-selector.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector.json"},{"name":"agent-status","title":"Agent Status","description":"The canonical agent-state indicator — waiting/working/ready/done/error, as dot or chip.","type":"registry:ui","source_url":"https://seamui.dev/r/agent-status.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status.json"},{"name":"branch-chip","title":"Branch Chip","description":"Branch/worktree pill — press to copy, with ahead/behind counts and PR state.","type":"registry:ui","source_url":"https://seamui.dev/r/branch-chip.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip.json"},{"name":"context-meter","title":"Context Meter","description":"Context-window usage ring on Base UI Meter; turns destructive past a critical threshold.","type":"registry:ui","source_url":"https://seamui.dev/r/context-meter.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible app sidebar — a recessed well the active session rises out of; ⌘B rail collapse.","type":"registry:ui","source_url":"https://seamui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar.json"},{"name":"command-palette","title":"Command Palette","description":"⌘K launcher — Base UI Autocomplete rendered inline and always-open inside a Dialog.","type":"registry:ui","source_url":"https://seamui.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://seamui.dev/r/command-palette.json"},{"name":"model-picker","title":"Model Picker","description":"Provider-grouped model select with connection dots — a recipe over Select for composer footers.","type":"registry:ui","source_url":"https://seamui.dev/r/model-picker.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker.json"},{"name":"mode-selector","title":"Mode Selector","description":"Agent/plan/ask segmented control — a compact recipe over Toggle Group for composer footers.","type":"registry:ui","source_url":"https://seamui.dev/r/mode-selector.json","install_command":"npx shadcn@latest add https://seamui.dev/r/mode-selector.json"},{"name":"dictation-card","title":"Dictation Card","description":"Waveform + live editable transcript + confirm/cancel — dictation as a review step in the composer well.","type":"registry:ui","source_url":"https://seamui.dev/r/dictation-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dictation-card.json"},{"name":"permission-card","title":"Permission Card","description":"Inline approval — allow once / allow for session / deny, settling into a receipt.","type":"registry:ui","source_url":"https://seamui.dev/r/permission-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/permission-card.json"},{"name":"plan-card","title":"Plan Card","description":"Plan approval with a step checklist, plus the checkpoint-restore strip for the timeline.","type":"registry:ui","source_url":"https://seamui.dev/r/plan-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/plan-card.json"},{"name":"terminal-block","title":"Terminal Block","description":"Command output in a debossed well with a live agent-status chip and copy key.","type":"registry:ui","source_url":"https://seamui.dev/r/terminal-block.json","install_command":"npx shadcn@latest add https://seamui.dev/r/terminal-block.json"},{"name":"checks-panel","title":"Checks Panel","description":"CI checks list with expandable failure logs and a merge button that names its method.","type":"registry:ui","source_url":"https://seamui.dev/r/checks-panel.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checks-panel.json"},{"name":"connector-card","title":"Connector Card","description":"Integration card with OAuth states, per-conversation enable switch, and a discovered-tools disclosure.","type":"registry:ui","source_url":"https://seamui.dev/r/connector-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/connector-card.json"},{"name":"session-item","title":"Session Item","description":"Rich session row for the sidebar, plus the hover-card layout with status, branch, and quick actions.","type":"registry:ui","source_url":"https://seamui.dev/r/session-item.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item.json"},{"name":"workbench-header","title":"Workbench Header","description":"The bar over the thread — session identity left, telemetry and actions right.","type":"registry:ui","source_url":"https://seamui.dev/r/workbench-header.json","install_command":"npx shadcn@latest add https://seamui.dev/r/workbench-header.json"},{"name":"button-demo","title":"Button Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/button-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-demo.json"},{"name":"button-variants","title":"Button Variants","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/button-variants.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-variants.json"},{"name":"button-sizes","title":"Button Sizes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/button-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-sizes.json"},{"name":"button-loading","title":"Button Loading","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/button-loading.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-loading.json"},{"name":"button-link","title":"Button Link","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/button-link.json","install_command":"npx shadcn@latest add https://seamui.dev/r/button-link.json"},{"name":"toggle-demo","title":"Toggle Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-demo.json"},{"name":"toggle-group-demo","title":"Toggle Group Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group-demo.json"},{"name":"combobox-demo","title":"Combobox Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-demo.json"},{"name":"combobox-multiple","title":"Combobox Multiple","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-multiple.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-multiple.json"},{"name":"combobox-clear","title":"Combobox Clear","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-clear.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-clear.json"},{"name":"combobox-groups","title":"Combobox Groups","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-groups.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-groups.json"},{"name":"combobox-custom","title":"Combobox Custom Items","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-custom.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-custom.json"},{"name":"combobox-invalid","title":"Combobox Invalid","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-invalid.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-invalid.json"},{"name":"combobox-disabled","title":"Combobox Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/combobox-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/combobox-disabled.json"},{"name":"input-demo","title":"Input Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/input-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-demo.json"},{"name":"avatar-demo","title":"Avatar Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/avatar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar-demo.json"},{"name":"separator-demo","title":"Separator Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/separator-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/separator-demo.json"},{"name":"switch-demo","title":"Switch Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/switch-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch-demo.json"},{"name":"checkbox-demo","title":"Checkbox Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-demo.json"},{"name":"radio-group-demo","title":"Radio Group Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group-demo.json"},{"name":"slider-demo","title":"Slider Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/slider-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider-demo.json"},{"name":"tooltip-demo","title":"Tooltip Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip-demo.json"},{"name":"popover-demo","title":"Popover Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/popover-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover-demo.json"},{"name":"preview-card-demo","title":"Preview Card Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/preview-card-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card-demo.json"},{"name":"dialog-demo","title":"Dialog Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dialog-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-demo.json"},{"name":"alert-dialog-demo","title":"Alert Dialog Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog-demo.json"},{"name":"drawer-demo","title":"Drawer Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/drawer-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-demo.json"},{"name":"dropdown-menu-demo","title":"Dropdown Menu Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dropdown-menu-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-demo.json"},{"name":"select-demo","title":"Select Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/select-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select-demo.json"},{"name":"context-menu-demo","title":"Context Menu Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/context-menu-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu-demo.json"},{"name":"tabs-demo","title":"Tabs Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tabs-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs-demo.json"},{"name":"accordion-demo","title":"Accordion Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/accordion-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion-demo.json"},{"name":"collapsible-demo","title":"Collapsible Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/collapsible-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/collapsible-demo.json"},{"name":"progress-demo","title":"Progress Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/progress-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/progress-demo.json"},{"name":"meter-demo","title":"Meter Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/meter-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/meter-demo.json"},{"name":"number-field-demo","title":"Number Field Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/number-field-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field-demo.json"},{"name":"otp-field-demo","title":"OTP Field Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/otp-field-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-demo.json"},{"name":"scroll-area-demo","title":"Scroll Area Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/scroll-area-demo.json"},{"name":"toast-demo","title":"Toast Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toast-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toast-demo.json"},{"name":"textarea-demo","title":"Textarea Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/textarea-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-demo.json"},{"name":"textarea-disabled","title":"Textarea Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/textarea-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-disabled.json"},{"name":"textarea-with-button","title":"Textarea With Button","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/textarea-with-button.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-with-button.json"},{"name":"textarea-ghost","title":"Textarea Ghost","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/textarea-ghost.json","install_command":"npx shadcn@latest add https://seamui.dev/r/textarea-ghost.json"},{"name":"card-demo","title":"Card Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/card-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-demo.json"},{"name":"badge-demo","title":"Badge Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/badge-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/badge-demo.json"},{"name":"skeleton-demo","title":"Skeleton Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/skeleton-demo.json"},{"name":"spinner-demo","title":"Spinner Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/spinner-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/spinner-demo.json"},{"name":"kbd-demo","title":"Kbd Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/kbd-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/kbd-demo.json"},{"name":"message-demo","title":"Message Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/message-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message-demo.json"},{"name":"message-actions","title":"Message Actions","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/message-actions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message-actions.json"},{"name":"message-avatar-fallback","title":"Message Avatar Fallback","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/message-avatar-fallback.json","install_command":"npx shadcn@latest add https://seamui.dev/r/message-avatar-fallback.json"},{"name":"conversation-demo","title":"Conversation Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/conversation-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/conversation-demo.json"},{"name":"conversation-scroll-button","title":"Conversation Scroll Button","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/conversation-scroll-button.json","install_command":"npx shadcn@latest add https://seamui.dev/r/conversation-scroll-button.json"},{"name":"composer-demo","title":"Composer Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/composer-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer-demo.json"},{"name":"composer-streaming","title":"Composer Streaming","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/composer-streaming.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer-streaming.json"},{"name":"composer-attachments","title":"Composer Attachments","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/composer-attachments.json","install_command":"npx shadcn@latest add https://seamui.dev/r/composer-attachments.json"},{"name":"response-demo","title":"Response Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/response-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response-demo.json"},{"name":"response-streaming","title":"Response Streaming","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/response-streaming.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response-streaming.json"},{"name":"response-code","title":"Response Code","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/response-code.json","install_command":"npx shadcn@latest add https://seamui.dev/r/response-code.json"},{"name":"chat-demo","title":"Chat Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/chat-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-demo.json"},{"name":"code-block-demo","title":"Code Block Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/code-block-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block-demo.json"},{"name":"code-block-copy","title":"Code Block Copy","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/code-block-copy.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block-copy.json"},{"name":"code-block-long-lines","title":"Code Block Long Lines","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/code-block-long-lines.json","install_command":"npx shadcn@latest add https://seamui.dev/r/code-block-long-lines.json"},{"name":"tool-demo","title":"Tool Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tool-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tool-demo.json"},{"name":"tool-error","title":"Tool Error","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tool-error.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tool-error.json"},{"name":"reasoning-demo","title":"Reasoning Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/reasoning-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/reasoning-demo.json"},{"name":"typing-indicator-demo","title":"Typing Indicator Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/typing-indicator-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/typing-indicator-demo.json"},{"name":"typing-indicator-in-message","title":"Typing Indicator In Message","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/typing-indicator-in-message.json","install_command":"npx shadcn@latest add https://seamui.dev/r/typing-indicator-in-message.json"},{"name":"suggestions-demo","title":"Suggestions Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/suggestions-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/suggestions-demo.json"},{"name":"suggestions-with-composer","title":"Suggestions With Composer","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/suggestions-with-composer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/suggestions-with-composer.json"},{"name":"sources-demo","title":"Sources Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/sources-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sources-demo.json"},{"name":"inline-citation-demo","title":"Inline Citation Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/inline-citation-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/inline-citation-demo.json"},{"name":"chat-timeline-demo","title":"Chat Timeline Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/chat-timeline-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-timeline-demo.json"},{"name":"chat-timeline-unread","title":"Chat Timeline Unread","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/chat-timeline-unread.json","install_command":"npx shadcn@latest add https://seamui.dev/r/chat-timeline-unread.json"},{"name":"toggle-with-text","title":"Toggle With Text","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-with-text.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-with-text.json"},{"name":"toggle-outline","title":"Toggle Outline","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-outline.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-outline.json"},{"name":"toggle-sizes","title":"Toggle Sizes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-sizes.json"},{"name":"toggle-disabled","title":"Toggle Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-disabled.json"},{"name":"toggle-group-text","title":"Toggle Group Text","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-group-text.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group-text.json"},{"name":"toggle-group-disabled","title":"Toggle Group Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/toggle-group-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/toggle-group-disabled.json"},{"name":"input-disabled","title":"Input Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/input-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-disabled.json"},{"name":"input-invalid","title":"Input Invalid","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/input-invalid.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-invalid.json"},{"name":"input-file","title":"Input File","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/input-file.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-file.json"},{"name":"input-ghost","title":"Input Ghost","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/input-ghost.json","install_command":"npx shadcn@latest add https://seamui.dev/r/input-ghost.json"},{"name":"switch-disabled","title":"Switch Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/switch-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch-disabled.json"},{"name":"switch-settings","title":"Switch Settings","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/switch-settings.json","install_command":"npx shadcn@latest add https://seamui.dev/r/switch-settings.json"},{"name":"checkbox-indeterminate","title":"Checkbox Indeterminate","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/checkbox-indeterminate.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-indeterminate.json"},{"name":"checkbox-disabled","title":"Checkbox Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/checkbox-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-disabled.json"},{"name":"checkbox-with-text","title":"Checkbox With Text","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/checkbox-with-text.json","install_command":"npx shadcn@latest add https://seamui.dev/r/checkbox-with-text.json"},{"name":"radio-group-disabled","title":"Radio Group Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/radio-group-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group-disabled.json"},{"name":"radio-group-descriptions","title":"Radio Group Descriptions","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/radio-group-descriptions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/radio-group-descriptions.json"},{"name":"slider-steps","title":"Slider Steps","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/slider-steps.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider-steps.json"},{"name":"slider-disabled","title":"Slider Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/slider-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/slider-disabled.json"},{"name":"select-groups","title":"Select Groups","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/select-groups.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select-groups.json"},{"name":"select-disabled","title":"Select Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/select-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/select-disabled.json"},{"name":"number-field-format","title":"Number Field Format","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/number-field-format.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field-format.json"},{"name":"number-field-disabled","title":"Number Field Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/number-field-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/number-field-disabled.json"},{"name":"otp-field-four","title":"OTP Field Four","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/otp-field-four.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-four.json"},{"name":"otp-field-disabled","title":"OTP Field Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/otp-field-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-disabled.json"},{"name":"avatar-sizes","title":"Avatar Sizes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/avatar-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar-sizes.json"},{"name":"avatar-group","title":"Avatar Group","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/avatar-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/avatar-group.json"},{"name":"tabs-small","title":"Tabs Small","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tabs-small.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs-small.json"},{"name":"tabs-icons","title":"Tabs Icons","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tabs-icons.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tabs-icons.json"},{"name":"accordion-single","title":"Accordion Single","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/accordion-single.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion-single.json"},{"name":"accordion-disabled","title":"Accordion Disabled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/accordion-disabled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/accordion-disabled.json"},{"name":"separator-label","title":"Separator Label","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/separator-label.json","install_command":"npx shadcn@latest add https://seamui.dev/r/separator-label.json"},{"name":"card-stats","title":"Card Stats","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/card-stats.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-stats.json"},{"name":"card-notification","title":"Card Notification","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/card-notification.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-notification.json"},{"name":"card-variants","title":"Card Variants","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/card-variants.json","install_command":"npx shadcn@latest add https://seamui.dev/r/card-variants.json"},{"name":"progress-labeled","title":"Progress Labeled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/progress-labeled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/progress-labeled.json"},{"name":"meter-levels","title":"Meter Levels","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/meter-levels.json","install_command":"npx shadcn@latest add https://seamui.dev/r/meter-levels.json"},{"name":"dropdown-menu-checkboxes","title":"Dropdown Menu Checkboxes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dropdown-menu-checkboxes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-checkboxes.json"},{"name":"dropdown-menu-radio","title":"Dropdown Menu Radio","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dropdown-menu-radio.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-radio.json"},{"name":"dropdown-menu-submenu","title":"Dropdown Menu Submenu","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dropdown-menu-submenu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-submenu.json"},{"name":"dropdown-menu-nested","title":"Dropdown Menu Nested","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dropdown-menu-nested.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-nested.json"},{"name":"dropdown-menu-shortcuts","title":"Dropdown Menu Shortcuts","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dropdown-menu-shortcuts.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dropdown-menu-shortcuts.json"},{"name":"media-toggle-demo","title":"Media Toggle Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/media-toggle-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/media-toggle-demo.json"},{"name":"media-toggle-custom-icons","title":"Media Toggle Custom Icons","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/media-toggle-custom-icons.json","install_command":"npx shadcn@latest add https://seamui.dev/r/media-toggle-custom-icons.json"},{"name":"voice-visualizer-demo","title":"Voice Visualizer Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-visualizer-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-demo.json"},{"name":"voice-visualizer-caption","title":"Voice Visualizer Caption","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-visualizer-caption.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-caption.json"},{"name":"voice-visualizer-bars","title":"Voice Visualizer Bars","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-visualizer-bars.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-bars.json"},{"name":"voice-visualizer-mic","title":"Voice Visualizer Mic","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-visualizer-mic.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-visualizer-mic.json"},{"name":"voice-avatar-demo","title":"Voice Avatar Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-avatar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar-demo.json"},{"name":"voice-avatar-group","title":"Voice Avatar Group","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-avatar-group.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar-group.json"},{"name":"voice-avatar-fallback","title":"Voice Avatar Fallback","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-avatar-fallback.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-avatar-fallback.json"},{"name":"device-selector-demo","title":"Device Selector Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/device-selector-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector-demo.json"},{"name":"device-selector-split","title":"Device Selector Split","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/device-selector-split.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector-split.json"},{"name":"device-selector-live","title":"Device Selector Live","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/device-selector-live.json","install_command":"npx shadcn@latest add https://seamui.dev/r/device-selector-live.json"},{"name":"voice-control-bar","title":"Voice Control Bar","description":"Floating call pill that morphs open into a chat composer; composes the voice suite.","type":"registry:ui","source_url":"https://seamui.dev/r/voice-control-bar.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-control-bar.json"},{"name":"voice-control-bar-demo","title":"Voice Control Bar Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-control-bar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-control-bar-demo.json"},{"name":"voice-control-bar-expand","title":"Voice Control Bar Expand","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-control-bar-expand.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-control-bar-expand.json"},{"name":"voice-widget-demo","title":"Voice Widget Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/voice-widget-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/voice-widget-demo.json"},{"name":"dialog-form","title":"Dialog Form","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dialog-form.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-form.json"},{"name":"dialog-scroll","title":"Dialog Scroll","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dialog-scroll.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-scroll.json"},{"name":"dialog-sizes","title":"Dialog Sizes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/dialog-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/dialog-sizes.json"},{"name":"alert-dialog-discard","title":"Alert Dialog Discard","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/alert-dialog-discard.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog-discard.json"},{"name":"alert-dialog-signout","title":"Alert Dialog Signout","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/alert-dialog-signout.json","install_command":"npx shadcn@latest add https://seamui.dev/r/alert-dialog-signout.json"},{"name":"drawer-menu","title":"Drawer Menu","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/drawer-menu.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-menu.json"},{"name":"drawer-form","title":"Drawer Form","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/drawer-form.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-form.json"},{"name":"drawer-sizes","title":"Drawer Sizes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/drawer-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/drawer-sizes.json"},{"name":"popover-form","title":"Popover Form","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/popover-form.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover-form.json"},{"name":"popover-align","title":"Popover Align","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/popover-align.json","install_command":"npx shadcn@latest add https://seamui.dev/r/popover-align.json"},{"name":"tooltip-icon","title":"Tooltip Icon","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tooltip-icon.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip-icon.json"},{"name":"tooltip-shortcut","title":"Tooltip Shortcut","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/tooltip-shortcut.json","install_command":"npx shadcn@latest add https://seamui.dev/r/tooltip-shortcut.json"},{"name":"context-menu-labelled","title":"Context Menu Labelled","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/context-menu-labelled.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu-labelled.json"},{"name":"context-menu-destructive","title":"Context Menu Destructive","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/context-menu-destructive.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-menu-destructive.json"},{"name":"preview-card-user","title":"Preview Card User","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/preview-card-user.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card-user.json"},{"name":"preview-card-image","title":"Preview Card Image","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/preview-card-image.json","install_command":"npx shadcn@latest add https://seamui.dev/r/preview-card-image.json"},{"name":"otp-field-invalid","title":"OTP Field Invalid","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/otp-field-invalid.json","install_command":"npx shadcn@latest add https://seamui.dev/r/otp-field-invalid.json"},{"name":"table","title":"Table","description":"Styled semantic table primitives on a raised seam surface.","type":"registry:ui","source_url":"https://seamui.dev/r/table.json","install_command":"npx shadcn@latest add https://seamui.dev/r/table.json"},{"name":"data-table","title":"Data Table","description":"TanStack Table engine: filtering, pagination, sorting, selection, inline edit, and row actions.","type":"registry:ui","source_url":"https://seamui.dev/r/data-table.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table.json"},{"name":"table-demo","title":"Table Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/table-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/table-demo.json"},{"name":"data-table-demo","title":"Data Table Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/data-table-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-demo.json"},{"name":"data-table-sorting","title":"Data Table Sorting","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/data-table-sorting.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-sorting.json"},{"name":"data-table-pagination","title":"Data Table Pagination","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/data-table-pagination.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-pagination.json"},{"name":"data-table-editable","title":"Data Table Editable","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/data-table-editable.json","install_command":"npx shadcn@latest add https://seamui.dev/r/data-table-editable.json"},{"name":"agent-status-demo","title":"Agent Status Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/agent-status-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status-demo.json"},{"name":"agent-status-dots","title":"Agent Status Dots","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/agent-status-dots.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status-dots.json"},{"name":"agent-status-live","title":"Agent Status Live","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/agent-status-live.json","install_command":"npx shadcn@latest add https://seamui.dev/r/agent-status-live.json"},{"name":"branch-chip-demo","title":"Branch Chip Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/branch-chip-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip-demo.json"},{"name":"branch-chip-sync","title":"Branch Chip Sync","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/branch-chip-sync.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip-sync.json"},{"name":"branch-chip-pr","title":"Branch Chip PR","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/branch-chip-pr.json","install_command":"npx shadcn@latest add https://seamui.dev/r/branch-chip-pr.json"},{"name":"context-meter-demo","title":"Context Meter Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/context-meter-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter-demo.json"},{"name":"context-meter-sizes","title":"Context Meter Sizes","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/context-meter-sizes.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter-sizes.json"},{"name":"context-meter-critical","title":"Context Meter Critical","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/context-meter-critical.json","install_command":"npx shadcn@latest add https://seamui.dev/r/context-meter-critical.json"},{"name":"sidebar-demo","title":"Sidebar Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/sidebar-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar-demo.json"},{"name":"sidebar-sessions","title":"Sidebar Sessions","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/sidebar-sessions.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar-sessions.json"},{"name":"sidebar-collapse","title":"Sidebar Collapse","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/sidebar-collapse.json","install_command":"npx shadcn@latest add https://seamui.dev/r/sidebar-collapse.json"},{"name":"session-item-demo","title":"Session Item Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/session-item-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item-demo.json"},{"name":"session-item-hover-card","title":"Session Item Hover Card","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/session-item-hover-card.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item-hover-card.json"},{"name":"session-item-unread","title":"Session Item Unread","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/session-item-unread.json","install_command":"npx shadcn@latest add https://seamui.dev/r/session-item-unread.json"},{"name":"workbench-header-demo","title":"Workbench Header Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/workbench-header-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/workbench-header-demo.json"},{"name":"workbench-shell","title":"Workbench Shell","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/workbench-shell.json","install_command":"npx shadcn@latest add https://seamui.dev/r/workbench-shell.json"},{"name":"command-palette-demo","title":"Command Palette Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/command-palette-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/command-palette-demo.json"},{"name":"command-palette-flat","title":"Command Palette Flat","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/command-palette-flat.json","install_command":"npx shadcn@latest add https://seamui.dev/r/command-palette-flat.json"},{"name":"model-picker-demo","title":"Model Picker Demo","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/model-picker-demo.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker-demo.json"},{"name":"model-picker-connection","title":"Model Picker Connection","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/model-picker-connection.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker-connection.json"},{"name":"model-picker-footer","title":"Model Picker Footer","description":null,"type":"registry:example","source_url":"https://seamui.dev/r/model-picker-footer.json","install_command":"npx shadcn@latest add https://seamui.dev/r/model-picker-footer.json"}]},{"id":"sekei","name":"@sekei","slug":"sekei","description":"Canvas effects for React, copied into your project as source. Starts with ordered dither: fire, lightning, sonar rings, a light beam, a sloshing fluid, rain and snow.","author":"sekeidesign","framework":"react","license":"MIT","tags":["animation","hooks"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.sekei.design/shad-fx","github":"https://github.com/sekeidesign/shad-fx","registry":"https://www.sekei.design/registry/registry.json","source":"https://www.sekei.design/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/sekei","markdown":"https://sh4dcn.netlify.app/md/sekei.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><path d='M18 12H26V14H28V16H26V18H24V20H22V22H20V24H18V26H16V28H14V20H6V18H4V16H6V14H8V12H10V10H12V8H14V6H16V4H18V12Z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-14T13:13:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.sekei.design/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.sekei.design/registry/registry.json","install_bun":"bunx shadcn@latest add https://www.sekei.design/registry/registry.json","clone":"git clone https://github.com/sekeidesign/shad-fx.git","clone_degit":"npx degit sekeidesign/shad-fx","registry_fetch":"curl -s https://www.sekei.design/registry/registry.json"},"component_count":12,"components":[{"name":"use-prefers-reduced-motion","title":"usePrefersReducedMotion","description":"Tracks the prefers-reduced-motion media query without tripping hydration.","type":"registry:hook","source_url":"https://www.sekei.design/registry/use-prefers-reduced-motion.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/use-prefers-reduced-motion.json"},{"name":"shad-fx-engine","title":"shad-fx: engine","description":"The frame loop, the Surface and FxEffect contracts, the useFx and useFxEngine hooks, seeded RNG and the colour helpers every renderer and effect builds on.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-engine.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-engine.json"},{"name":"shad-fx-dither","title":"shad-fx: dither renderer","description":"DitherCanvas: fills its positioned parent with a pixelated canvas that draws any effect as Bayer-dithered cells.","type":"registry:ui","source_url":"https://www.sekei.design/registry/shad-fx-dither.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-dither.json"},{"name":"shad-fx-ascii","title":"shad-fx: ASCII renderer","description":"AsciiCanvas: fills its positioned parent with a canvas that draws any effect as coloured glyphs, in the system monospace or a font you pass.","type":"registry:ui","source_url":"https://www.sekei.design/registry/shad-fx-ascii.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-ascii.json"},{"name":"shad-fx-fire","title":"shad-fx: fire","description":"Rising flame front with embers.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-fire.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-fire.json"},{"name":"shad-fx-rings","title":"shad-fx: rings","description":"Concentric rings pulsing out from an anchor.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-rings.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-rings.json"},{"name":"shad-fx-beam","title":"shad-fx: beam","description":"Directional beam with drifting motes.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-beam.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-beam.json"},{"name":"shad-fx-bolt","title":"shad-fx: bolt","description":"Intermittent lightning arcs on a randomised interval.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-bolt.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-bolt.json"},{"name":"shad-fx-fluid","title":"shad-fx: fluid","description":"Sloshing liquid level with rising bubbles.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-fluid.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-fluid.json"},{"name":"shad-fx-rain","title":"shad-fx: rain","description":"Slanted streaks of rain, splashing on the floor.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-rain.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-rain.json"},{"name":"shad-fx-snow","title":"shad-fx: snow","description":"Drifting flakes settling into a drift along the floor.","type":"registry:lib","source_url":"https://www.sekei.design/registry/shad-fx-snow.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx-snow.json"},{"name":"shad-fx","title":"shad-fx","description":"The dither and ASCII renderers, every effect, and a barrel that re-exports them.","type":"registry:ui","source_url":"https://www.sekei.design/registry/shad-fx.json","install_command":"npx shadcn@latest add https://www.sekei.design/registry/shad-fx.json"}]},{"id":"sevenui","name":"@sevenui","slug":"sevenui","description":"Base UI powered components, distributed through the shadcn registry.","author":"useui","framework":"react","license":null,"tags":["animation","auth","buttons","cards","charts","dashboard","forms","loaders","media","navigation","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://sevenui.dev","github":"https://github.com/useui/sevenui","registry":"https://sevenui.dev/r/registry.json","source":"https://sevenui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sevenui","markdown":"https://sh4dcn.netlify.app/md/sevenui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' width='24' height='24' fill='none'><path d='M9.08426 12.4419C9.65668 8.91164 12.987 6.51285 16.5232 7.08412L49.549 12.4213C53.0852 12.9928 55.488 16.3176 54.9157 19.8479C54.3433 23.3782 51.013 25.7769 47.4768 25.2057L14.451 19.8685C10.9148 19.297 8.51204 15.9722 9.08426 12.4419Z' fill='currentColor'></path><path d='M43.1816 15.1254C45.222 12.1858 49.2627 11.4541 52.2072 13.4911C55.1516 15.528 55.8845 19.562 53.8442 22.5016L25.5487 54.2121C23.5083 57.1517 19.4676 57.8834 16.5232 55.8464C13.5787 53.8095 12.8458 49.7755 14.8861 46.8359L43.1816 15.1254Z' fill='currentColor'></path></svg>","preview_image":"https://sevenui.dev/og/index.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://sevenui.dev/pro"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-09-26T22:07:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sevenui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sevenui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://sevenui.dev/r/registry.json","clone":"git clone https://github.com/useui/sevenui.git","clone_degit":"npx degit useui/sevenui","registry_fetch":"curl -s https://sevenui.dev/r/registry.json"},"component_count":67,"components":[{"name":"theme","title":"SevenUI Theme","description":"shadcn-compatible design tokens (neutral palette).","type":"registry:theme","source_url":"https://sevenui.dev/r/theme.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/theme.json"},{"name":"animations","title":"Animations","description":"SevenUI's enter/exit animation utilities (animate-in/out, fade, zoom, slide) used by the overlay components.","type":"registry:style","source_url":"https://sevenui.dev/r/animations.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/animations.json"},{"name":"button","title":"Button","description":"Displays a button built on the Base UI Button primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/button.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/button.json"},{"name":"badge","title":"Badge","description":"Displays a small status descriptor.","type":"registry:ui","source_url":"https://sevenui.dev/r/badge.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/badge.json"},{"name":"kbd","title":"Kbd","description":"Displays a keyboard key.","type":"registry:ui","source_url":"https://sevenui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/kbd.json"},{"name":"label","title":"Label","description":"Displays a label for form inputs.","type":"registry:ui","source_url":"https://sevenui.dev/r/label.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/label.json"},{"name":"card","title":"Card","description":"Displays a container with optional header, content, and footer sections.","type":"registry:ui","source_url":"https://sevenui.dev/r/card.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/card.json"},{"name":"input","title":"Input","description":"Displays a text input built on the Base UI Input primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/input.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/input.json"},{"name":"input-otp","title":"Input OTP","description":"Displays an OTP input field built on the Base UI OTPField primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/input-otp.json"},{"name":"alert","title":"Alert","description":"Displays a message with optional title and description for the user.","type":"registry:ui","source_url":"https://sevenui.dev/r/alert.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/alert.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://sevenui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/avatar.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","source_url":"https://sevenui.dev/r/separator.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:ui","source_url":"https://sevenui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/skeleton.json"},{"name":"spinner","title":"Spinner","description":"Displays a loading indicator.","type":"registry:ui","source_url":"https://sevenui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/spinner.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content with a fixed aspect ratio.","type":"registry:ui","source_url":"https://sevenui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/aspect-ratio.json"},{"name":"textarea","title":"Textarea","description":"Displays a multi-line text input field.","type":"registry:ui","source_url":"https://sevenui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/textarea.json"},{"name":"table","title":"Table","description":"Displays data in rows and columns with semantic HTML and support for headers, bodies, and footers.","type":"registry:ui","source_url":"https://sevenui.dev/r/table.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/table.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the current location within a hierarchical navigation structure.","type":"registry:ui","source_url":"https://sevenui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Displays navigation for multi-page content.","type":"registry:ui","source_url":"https://sevenui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/pagination.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:ui","source_url":"https://sevenui.dev/r/progress.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/progress.json"},{"name":"field","title":"Field","description":"Associates a label, control, description, and validation error for a form field.","type":"registry:ui","source_url":"https://sevenui.dev/r/field.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/field.json"},{"name":"form","title":"Form","description":"A native form with consolidated, auto-clearing validation error handling.","type":"registry:ui","source_url":"https://sevenui.dev/r/form.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/form.json"},{"name":"checkbox","title":"Checkbox","description":"Displays a checkbox built on the Base UI Checkbox primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"Displays a radio group built on the Base UI Radio primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/radio-group.json"},{"name":"switch","title":"Switch","description":"Displays a switch built on the Base UI Switch primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/switch.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/switch.json"},{"name":"toggle","title":"Toggle","description":"Displays a toggle built on the Base UI Toggle primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Displays a toggle group built on the Base UI Toggle Group primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/toggle-group.json"},{"name":"slider","title":"Slider","description":"Displays a slider built on the Base UI Slider primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/slider.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/slider.json"},{"name":"number-field","title":"Number Field","description":"Displays a number field built on the Base UI Number Field primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/number-field.json"},{"name":"select","title":"Select","description":"Displays a select menu built on the Base UI Select primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/select.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/select.json"},{"name":"combobox","title":"Combobox","description":"An input combined with a filterable popup list, built on the Base UI Combobox primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/combobox.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element when hovered or focused, built on the Base UI Tooltip primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/tooltip.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, positioned relative to an anchor element, built on the Base UI Popover primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/popover.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/popover.json"},{"name":"hover-card","title":"Hover Card","description":"Displays a preview card when hovering or focusing a link, built on the Base UI Preview Card primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/hover-card.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window, rendering the content underneath inert, built on the Base UI Dialog primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response, built on the Base UI Alert Dialog primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/alert-dialog.json"},{"name":"sheet","title":"Sheet","description":"An edge-positioned panel that slides in from the side of the screen, built on the Base UI Dialog primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/sheet.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from an edge of the screen and can be dismissed with a swipe gesture, built on the Base UI Drawer primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by a button, built on the Base UI Menu primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/dropdown-menu.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu to the user — such as a set of actions or functions — triggered by right click or touch long-press, built on the Base UI Menu primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/context-menu.json"},{"name":"menubar","title":"Menubar","description":"A horizontal menu bar with multiple menus — such as File, Edit, and View — built on the Base UI Menu primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/menubar.json"},{"name":"toast","title":"Toast","description":"A sonner-style, module-level toast API for showing brief, non-blocking notifications, built on the Base UI Toast primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/toast.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/toast.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content — known as tab panels — that display one panel at a time, built on the Base UI Tabs primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal an associated panel of content, built on the Base UI Accordion primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel, built on the Base UI Collapsible primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/collapsible.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll functionality for custom, cross-browser styling, built on the Base UI Scroll Area primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/scroll-area.json"},{"name":"meter","title":"Meter","description":"Displays a value within a known range, built on the Base UI Meter primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/meter.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/meter.json"},{"name":"toolbar","title":"Toolbar","description":"A container for grouping a set of controls, such as buttons, toggle groups, or links, built on the Base UI Toolbar primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/toolbar.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/toolbar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites, sharing one animated popup between top-level menu triggers, built on the Base UI Navigation Menu primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/navigation-menu.json"},{"name":"command","title":"Command","description":"A fast, composable command palette built on the Base UI Autocomplete primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/command.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/command.json"},{"name":"sidebar","title":"Sidebar","description":"A composable, themeable sidebar with collapsible, mobile, and icon-only modes.","type":"registry:ui","source_url":"https://sevenui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/sidebar.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups and layouts.","type":"registry:ui","source_url":"https://sevenui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/resizable.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe built using Embla.","type":"registry:ui","source_url":"https://sevenui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/carousel.json"},{"name":"calendar","title":"Calendar","description":"A date field component that lets users select dates or ranges.","type":"registry:ui","source_url":"https://sevenui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/calendar.json"},{"name":"chart","title":"Chart","description":"Composable chart primitives built on Recharts.","type":"registry:ui","source_url":"https://sevenui.dev/r/chart.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/chart.json"},{"name":"button-group","title":"Button Group","description":"Groups related buttons with shared borders and separators.","type":"registry:ui","source_url":"https://sevenui.dev/r/button-group.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/button-group.json"},{"name":"input-group","title":"Input Group","description":"Groups an input with addons, buttons, and inline text.","type":"registry:ui","source_url":"https://sevenui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/input-group.json"},{"name":"item","title":"Item","description":"A flexible list item with media, content, and actions.","type":"registry:ui","source_url":"https://sevenui.dev/r/item.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/item.json"},{"name":"empty","title":"Empty","description":"Displays an empty state with media, title, description, and actions.","type":"registry:ui","source_url":"https://sevenui.dev/r/empty.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/empty.json"},{"name":"native-select","title":"Native Select","description":"A styled native HTML select element.","type":"registry:ui","source_url":"https://sevenui.dev/r/native-select.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/native-select.json"},{"name":"direction","title":"Direction","description":"Re-exports the Base UI DirectionProvider for RTL support.","type":"registry:ui","source_url":"https://sevenui.dev/r/direction.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/direction.json"},{"name":"marker","title":"Marker","description":"An inline marker with icon and content for annotating UI.","type":"registry:ui","source_url":"https://sevenui.dev/r/marker.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/marker.json"},{"name":"message","title":"Message","description":"Chat message layout with avatar, content, header, and footer.","type":"registry:ui","source_url":"https://sevenui.dev/r/message.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"Auto-scrolling chat viewport built on the shadcn MessageScroller primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/message-scroller.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/message-scroller.json"},{"name":"bubble","title":"Bubble","description":"Chat message bubbles for conversational interfaces.","type":"registry:ui","source_url":"https://sevenui.dev/r/bubble.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/bubble.json"},{"name":"attachment","title":"Attachment","description":"Displays file attachments with media previews and actions.","type":"registry:ui","source_url":"https://sevenui.dev/r/attachment.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/attachment.json"},{"name":"questionnaire","title":"Questionnaire","description":"Multi-step questionnaire flow built on the shadcn Questionnaire primitive.","type":"registry:ui","source_url":"https://sevenui.dev/r/questionnaire.json","install_command":"npx shadcn@latest add https://sevenui.dev/r/questionnaire.json"}]},{"id":"sf-fleet-hud","name":"@sf-fleet-hud","slug":"sf-fleet-hud","description":"A dark sci-fi fleet-ops UI kit. Restyled primitives plus HUD widgets: radar, gauges, telemetry bars, an interactive dot globe and dependency-free charts. Dark-only, radius 0.","author":null,"framework":"react","license":null,"tags":["3d","auth","buttons","cards","charts","design-system","forms","hooks","loaders","maps","media","navigation","overlays","tables","theming"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://sf-fleet-hud.vercel.app","github":null,"registry":"https://sf-fleet-hud.vercel.app/r/registry.json","source":"https://sf-fleet-hud.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sf-fleet-hud","markdown":"https://sh4dcn.netlify.app/md/sf-fleet-hud.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path d='M2 8V2h6' fill='none' stroke='var(--foreground)' stroke-width='2'/><path d='M22 16v6h-6' fill='none' stroke='var(--foreground)' stroke-width='2'/><rect x='9' y='9' width='6' height='6' fill='var(--foreground)' transform='rotate(45 12 12)'/></svg>","preview_image":"https://sf-fleet-hud.vercel.app/opengraph-image?39807a6196f6da61","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sf-fleet-hud.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://sf-fleet-hud.vercel.app/r/registry.json","registry_fetch":"curl -s https://sf-fleet-hud.vercel.app/r/registry.json"},"component_count":47,"components":[{"name":"theme-hud","title":"HUD Theme","description":"Dark sci-fi ops theme: monochrome + orange accent, radius 0, condensed sans + terminal mono.","type":"registry:theme","source_url":"https://sf-fleet-hud.vercel.app/r/theme-hud.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/theme-hud.json"},{"name":"theme-hud-cyan","title":"HUD Theme — Cyan Accent","description":"Cyan accent override for the HUD theme. Install after theme-hud; warnings and destructive tones stay warm.","type":"registry:theme","source_url":"https://sf-fleet-hud.vercel.app/r/theme-hud-cyan.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/theme-hud-cyan.json"},{"name":"hud-button","title":"HUD Button","description":"Corner-clipped primary, outline, ghost, destructive variants. Condensed uppercase.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-button.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-button.json"},{"name":"hud-panel","title":"HUD Panel","description":"Card panel with optional orange corner brackets, header/content/footer.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-panel.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-panel.json"},{"name":"status-badge","title":"Status Badge","description":"Square mono badges: engaged / priority / patrol / standby / critical (+ blinking dot).","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/status-badge.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/status-badge.json"},{"name":"telemetry-bar","title":"Telemetry Bar","description":"3px labelled progress bar with mono label/value row.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/telemetry-bar.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/telemetry-bar.json"},{"name":"segment-bar","title":"Segment Bar","description":"Segmented capacity indicator.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/segment-bar.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/segment-bar.json"},{"name":"hud-kbd","title":"Kbd","description":"Keyboard shortcut chip.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-kbd.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-kbd.json"},{"name":"hud-skeleton","title":"HUD Skeleton","description":"Skeleton block with fixed-width shimmer clipped inside each block.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-skeleton.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-skeleton.json"},{"name":"radar","title":"Radar","description":"Sector-scan radar with rotating sweep. Decorative by default; accepts polar `blips` ({angle, distance, hot}) to plot real data.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/radar.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/radar.json"},{"name":"hud-label","title":"HUD Label","description":"Mono uppercase micro-label for form fields.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-label.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-label.json"},{"name":"hud-input","title":"HUD Input","description":"Terminal-style text input: mono, square, focus ring in accent.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-input.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-input.json"},{"name":"hud-textarea","title":"HUD Textarea","description":"Terminal-style textarea with optional live character counter (showCount + maxLength).","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-textarea.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-textarea.json"},{"name":"hud-switch","title":"HUD Switch","description":"Square 36x18 switch with accent thumb when checked.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-switch.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-switch.json"},{"name":"hud-checkbox","title":"HUD Checkbox","description":"Square checkbox with solid accent fill marker.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-checkbox.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-checkbox.json"},{"name":"hud-radio-group","title":"HUD Radio Group","description":"Circular radio with solid accent dot.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-radio-group.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-radio-group.json"},{"name":"hud-select","title":"HUD Select","description":"Dark popover select: accent top edge, 2px accent active rail, diamond marker.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-select.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-select.json"},{"name":"hud-tabs","title":"HUD Tabs","description":"Underline tabs: condensed uppercase, 2px accent indicator.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-tabs.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-tabs.json"},{"name":"hud-alert","title":"HUD Alert","description":"Directive/critical alert strip with icon glyph and tinted border.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-alert.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-alert.json"},{"name":"hud-dialog","title":"HUD Dialog","description":"Corner-bracketed modal with header/body/footer and mono close glyph.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-dialog.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-dialog.json"},{"name":"hud-sheet","title":"HUD Sheet","description":"Side drawer panel: 280px, hairline dividers, mono accent title.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-sheet.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-sheet.json"},{"name":"hud-tooltip","title":"HUD Tooltip","description":"Dark mono tooltip with arrow.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-tooltip.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-tooltip.json"},{"name":"hud-context-menu","title":"HUD Context Menu","description":"Right-click menu: mono rows, shortcut hints, destructive variant.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-context-menu.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-context-menu.json"},{"name":"hud-sonner","title":"HUD Toaster","description":"Sonner toast stack in HUD style: accent left rail, glyph icons.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-sonner.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-sonner.json"},{"name":"hud-command","title":"HUD Command","description":"Command palette (cmdk): > prompt, accent active rail, hint footer.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-command.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-command.json"},{"name":"hud-table","title":"HUD Table","description":"Data table shell: mono micro-headers, deep row borders, selected tint.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-table.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-table.json"},{"name":"hud-pagination","title":"HUD Pagination","description":"26px square page buttons with accent active state.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-pagination.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-pagination.json"},{"name":"hud-chip","title":"HUD Chip","description":"Removable filter/tag chip in mono uppercase.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-chip.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-chip.json"},{"name":"hud-accordion","title":"HUD Accordion","description":"Bordered accordion with rotating caret and hairline dividers.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-accordion.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-accordion.json"},{"name":"hud-breadcrumb","title":"HUD Breadcrumb","description":"Mono breadcrumb trail with caret separators, accent current page.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-breadcrumb.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-breadcrumb.json"},{"name":"hud-avatar","title":"HUD Avatar","description":"Square initials avatar with status dot and rank bars.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-avatar.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-avatar.json"},{"name":"hud-slider","title":"HUD Slider","description":"2px track slider with diamond thumbs; supports ranges.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-slider.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-slider.json"},{"name":"hud-popover","title":"HUD Popover","description":"Dark bordered popover surface.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-popover.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-popover.json"},{"name":"hud-input-otp","title":"HUD Input OTP","description":"38x44 code cells with accent active border and blinking caret.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-input-otp.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-input-otp.json"},{"name":"hud-calendar","title":"HUD Calendar","description":"Mono grid calendar with accent selection and range tint.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-calendar.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-calendar.json"},{"name":"hud-gauge","title":"HUD Gauge","description":"Masked conic-gradient ring gauge with numeric readout.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-gauge.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-gauge.json"},{"name":"hud-sparkline","title":"HUD Sparkline","description":"Inline SVG sparkline driven by a values array.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-sparkline.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-sparkline.json"},{"name":"hud-line-chart","title":"HUD Line Chart","description":"Dependency-free SVG time-series plot: multi-series with dash-pattern separation, axis grid, caution band, direct end-labels and a hover crosshair readout.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-line-chart.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-line-chart.json"},{"name":"hud-bar-chart","title":"HUD Bar Chart","description":"Dependency-free categorical bar chart: vertical or horizontal, grouped series with 2px surface gaps and per-bar hover readout.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-bar-chart.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-bar-chart.json"},{"name":"hud-heatmap","title":"HUD Heatmap","description":"Accent-tinted intensity matrix (values 0–1).","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-heatmap.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-heatmap.json"},{"name":"hud-timeline","title":"HUD Timeline","description":"Audit-log timeline with diamond markers and connector rail.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-timeline.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-timeline.json"},{"name":"hud-tree","title":"HUD Tree","description":"Hierarchical nav tree with accent selection rail.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-tree.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-tree.json"},{"name":"hud-dropzone","title":"HUD Dropzone","description":"Dashed drop target with accent hover and file input.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-dropzone.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-dropzone.json"},{"name":"hud-stepper","title":"HUD Stepper","description":"Multi-step indicator: done/active/todo squares with connectors.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-stepper.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-stepper.json"},{"name":"hud-typography","title":"HUD Typography","description":"Heading scale H1-H6 + body: condensed sans headings, mono overline/micro labels, accent index and tick.","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/hud-typography.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/hud-typography.json"},{"name":"dot-globe","title":"Dot Globe","description":"Interactive dotted earth globe (canvas): drag to rotate, wheel to zoom, markers with incident state. Land dots derived from Natural Earth (public domain).","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/dot-globe.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/dot-globe.json"},{"name":"crew-card","title":"Crew Card","description":"Personnel card: portrait, name/callsign, rank ticks, assignment, status and vitals/duty telemetry. Portrait is supplied via the photo prop — no images ship wit…","type":"registry:ui","source_url":"https://sf-fleet-hud.vercel.app/r/crew-card.json","install_command":"npx shadcn@latest add https://sf-fleet-hud.vercel.app/r/crew-card.json"}]},{"id":"shadcn-editor","name":"@shadcn-editor","slug":"shadcn-editor","description":"shadcn-editor is an accessible, open-source rich-text editor built on Facebook's Lexical framework and styled with shadcn/ui. It ships as a single registry item (editor-x) containing an extensive plugin set: CodeHighlight, AutoLink, ClickableLink, CheckList, List, OverflowNode, DraggableBlock, FloatingLinkEditor, FloatingTextFormatToolbar, ComponentPickerMenu, ContextMenu, EmojiPicker, Mentions, Layout (multi-column), Markdown shortcuts, speech-to-text, import/export, and embedded media (Twitter/YouTube). Nodes include TweetNode, YouTubeNode, EmojiNode, MentionNode, LayoutContainerNode. Fully copy-owned. Free and open-source. Use for: embedding a Lexical-powered document editor with mentions, embeds, code blocks, and markdown support into a Next.js + shadcn/ui app.","author":"htmujahid","framework":"react","license":"MIT","tags":["accessibility","audio","blocks","cards","components","developer-tools","editor","forms","mobile","navigation","pro-available"],"categories":["Editor (rich text/code)"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://shadcn-editor.vercel.app","github":"https://github.com/htmujahid/shadcn-editor","registry":"https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json","source":"https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn-editor","markdown":"https://sh4dcn.netlify.app/md/shadcn-editor.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' class='fill-none!' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-baseline-icon lucide-baseline'><path d='M4 20h16'/><path d='m6 16 6-12 6 12'/><path d='M8 12h8'/></svg>","preview_image":null,"pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcn-editor.vercel.app/pricing"},"metrics":{"github_stars":1392,"open_issues":1,"last_commit":"2026-10-22T01:26:31Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json","install_bun":"bunx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json","clone":"git clone https://github.com/htmujahid/shadcn-editor.git","clone_degit":"npx degit htmujahid/shadcn-editor","registry_fetch":"curl -s https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/registry.json"},"component_count":1,"components":[{"name":"editor-x","title":"Editor X","description":"A rich text editor built on Lexical extensions with shadcn/ui components: nodes, plugins, toolbars, localization, and RTL support.","type":"registry:block","source_url":"https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/editor-x.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/editor-x.json"}]},{"id":"shadcn-exchange","name":"@shadcn-exchange","slug":"shadcn-exchange","description":"Search blocks from every public shadcn registry with live previews, and add them from the CLI.","author":null,"framework":"react","license":null,"tags":["3d","auth","backgrounds","blocks","buttons","cards","cms","developer-tools","forms","glassmorphism","icons","maps","marketing","media","onboarding","pro-available"],"categories":["Forms"],"labels":["pro"],"urls":{"website":"https://shadcn.exchange","github":null,"registry":"https://shadcn.exchange/r/registry.json","source":"https://shadcn.exchange/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn-exchange","markdown":"https://sh4dcn.netlify.app/md/shadcn-exchange.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='8 8 240 240' fill='none' stroke='var(--foreground)' stroke-linecap='round' stroke-linejoin='round'><path stroke-width='20' d='M40 160V80A40 40 0 0 1 80 40H172M154 22L172 40L154 58M216 96V176A40 40 0 0 1 176 216H84M102 234L84 216L102 198'/><path stroke-width='24' d='M160.6 87.7L87.7 160.6M168.3 129.9L129.9 168.3'/></svg>","preview_image":"https://shadcn.exchange/opengraph-image-12o0cb?6060a84eaccc88cc","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcn.exchange/r/initium/pricing-section-3"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn.exchange/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn.exchange/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn.exchange/r/registry.json","registry_fetch":"curl -s https://shadcn.exchange/r/registry.json"},"component_count":250,"components":[{"name":"shadcnui-blocks/features-17","title":"Features 17","description":"A simple features block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/features-17.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/features-17.json"},{"name":"7ovr/coming-soon-4","title":"Full-Bleed Gradient Launch","description":"Full bleed coming soon hero over a gradient and grid backdrop, with a brand mark, launch badge, email capture with success state, and social buttons.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/coming-soon-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/coming-soon-4.json"},{"name":"atroui/feature-grid","title":"Feature Grid","description":"Product feature grid with editable CONTENT and FEATURES.","type":"registry:block","source_url":"https://shadcn.exchange/r/atroui/feature-grid.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/atroui/feature-grid.json"},{"name":"shaderscn/grain-gradient-auth","title":"Grain Gradient Auth","description":"A split sign-in page with a grainy gradient brand panel and a slot for your own form.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/grain-gradient-auth.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/grain-gradient-auth.json"},{"name":"solaceui/footer-section-3","title":"Footer Section 3","description":"Solace UI footer section block variation 3.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/footer-section-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-3.json"},{"name":"ui-layouts/about-architecture","title":"About architecture","description":"About architecture, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/about-architecture.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/about-architecture.json"},{"name":"flx/hero-11","title":"Hero 11","description":"A split-copy hero with a light product studio mock — issue feed, properties, and a floating agent panel that fades into the page.","type":"registry:block","source_url":"https://shadcn.exchange/r/flx/hero-11.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/flx/hero-11.json"},{"name":"shadcnui-blocks/login-04","title":"Login 04","description":"A simple login block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/login-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-04.json"},{"name":"solaceui/team-section-6","title":"Team Section 6","description":"Solace UI team section block variation 6.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/team-section-6.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/team-section-6.json"},{"name":"flx/hero-07","title":"Hero 07","description":"An editorial hero with a full-width image above, a top-aligned tagline, and right-aligned headline and copy below.","type":"registry:block","source_url":"https://shadcn.exchange/r/flx/hero-07.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/flx/hero-07.json"},{"name":"solaceui/auth-section-1","title":"Auth Section 1","description":"Solace UI auth section block variation 1.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/auth-section-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-1.json"},{"name":"solaceui/auth-section-3","title":"Auth Section 3","description":"Solace UI auth section block variation 3.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/auth-section-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-3.json"},{"name":"solaceui/auth-section-2","title":"Auth Section 2","description":"Solace UI auth section block variation 2.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/auth-section-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-2.json"},{"name":"solaceui/team-section-1","title":"Team Section 1","description":"Solace UI team section block variation 1.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/team-section-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/team-section-1.json"},{"name":"solaceui/footer-section-5","title":"Footer Section 5","description":"Solace UI footer section block variation 5.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/footer-section-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-5.json"},{"name":"solaceui/bento-grid-1","title":"Bento Grid 1","description":"Solace UI bento grid block variation 1.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/bento-grid-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/bento-grid-1.json"},{"name":"solaceui/footer-section-4","title":"Footer Section 4","description":"Solace UI footer section block variation 4.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/footer-section-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-4.json"},{"name":"solaceui/team-section-5","title":"Team Section 5","description":"Solace UI team section block variation 5.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/team-section-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/team-section-5.json"},{"name":"solaceui/footer-section-2","title":"Footer Section 2","description":"Solace UI footer section block variation 2.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/footer-section-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-2.json"},{"name":"solaceui/footer-section-6","title":"Footer Section 6","description":"Solace UI footer section block variation 6.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/footer-section-6.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-6.json"},{"name":"solaceui/hero-section-1","title":"Hero Section 1","description":"Solace UI hero section block variation 1.","type":"registry:block","source_url":"https://shadcn.exchange/r/solaceui/hero-section-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/solaceui/hero-section-1.json"},{"name":"navui/forgot-password-one","title":"Forgot Password One","description":"A compact password-recovery card with email input, submit action, and return link.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/forgot-password-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/forgot-password-one.json"},{"name":"shadcnui-blocks/not-found-04","title":"Not Found 04","description":"A 404 not found block with a search input","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/not-found-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/not-found-04.json"},{"name":"7ovr/how-it-works-1","title":"Three Step Icon Cards","description":"How it works row of three numbered step cards, each with an icon tile, a title, and one line of supporting copy under a centered heading.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/how-it-works-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/how-it-works-1.json"},{"name":"designali/hero-4","title":"Hero 4","description":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/hero-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/hero-4.json"},{"name":"initium/button-showcase","title":"Button Showcase","description":"Button section with background contrast section.","type":"registry:block","source_url":"https://shadcn.exchange/r/initium/button-showcase.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/initium/button-showcase.json"},{"name":"shadcn-space/feature-01","title":"Feature 01 - Feature with Testimonials","description":"A trust focused feature section combining a highlighted customer testimonial with supporting benefit cards, perfect for product or SaaS pages to showcase socia…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/feature-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/feature-01.json"},{"name":"componentry/gradient-hero-01","title":"Gradient Hero 01","description":"A simple centered hero with a warm cinematic gradient, compact badge, short copy, and two actions.","type":"registry:block","source_url":"https://shadcn.exchange/r/componentry/gradient-hero-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/componentry/gradient-hero-01.json"},{"name":"nusaiba/pricing-7","title":"Pricing 7","description":"Team seat slider with animated total — $147 base plus per-seat pricing with tabular-nums price handoff.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/pricing-7.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/pricing-7.json"},{"name":"shaderscn/color-panels-newsletter","title":"Color Panels Newsletter","description":"A compact newsletter signup band with slowly turning glass panels beside the form.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/color-panels-newsletter.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/color-panels-newsletter.json"},{"name":"efferd/contact-2","title":"Contact 2","description":"Three-card contact layout with email, community, and social links.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/contact-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/contact-2.json"},{"name":"ui-layouts/team-classic","title":"Team classic","description":"Team classic, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/team-classic.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/team-classic.json"},{"name":"navui/logo-cloud-five","title":"Logo Cloud Five","description":"A headline-led animated logo cloud with responsive brand cards.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/logo-cloud-five.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/logo-cloud-five.json"},{"name":"shadcnui-blocks/testimonials-08","title":"Testimonials 08","description":"A simple testimonials block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/testimonials-08.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/testimonials-08.json"},{"name":"7ovr/newsletter-1","title":"Centered Signup With Consent","description":"Centered newsletter signup with an inline email field, subscribe button, marketing consent checkbox, and a no-spam privacy note.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/newsletter-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-1.json"},{"name":"designali/hero-2","title":"Hero 2","description":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/hero-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/hero-2.json"},{"name":"initium/form-elements-showcase","title":"Form Elements Showcase","description":"Form element section with form fields, textarea, checkboxes, select inputs, two-column layout.","type":"registry:block","source_url":"https://shadcn.exchange/r/initium/form-elements-showcase.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/initium/form-elements-showcase.json"},{"name":"shadcn-space/verify-email-01","title":"Verify Email 01 - Email Verification Page","description":"A clean email verification screen that confirms account activation, guides users to check their inbox, and offers resend functionality for a smooth onboarding …","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/verify-email-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/verify-email-01.json"},{"name":"componentry/pricing-01","title":"Pricing 01","description":"Three tactile pricing cards with revealed hover notes, clear feature lists, and a highlighted popular plan.","type":"registry:block","source_url":"https://shadcn.exchange/r/componentry/pricing-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/componentry/pricing-01.json"},{"name":"nusaiba/faqs-4","title":"Faqs 4","description":"Balanced two-column accordion split — grid-reveal for dense FAQ pages without sticky rail.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/faqs-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/faqs-4.json"},{"name":"shaderscn/dithering-globe-hero","title":"Dithering Globe Hero","description":"A split hero section with a slowly spinning, ordered-dither globe of the Earth.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/dithering-globe-hero.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/dithering-globe-hero.json"},{"name":"efferd/blogs-2","title":"Blogs 2","description":"Clean grid layout with bordered cards.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/blogs-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/blogs-2.json"},{"name":"ui-layouts/feature-bento","title":"Feature bento","description":"Feature bento, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/feature-bento.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/feature-bento.json"},{"name":"navui/contact-section-two","title":"Contact Section Two","description":"A split contact section with a consultation summary and detailed project inquiry form.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/contact-section-two.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-two.json"},{"name":"shadcnui-blocks/members-03","title":"Members 03","description":"A simple members block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/members-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/members-03.json"},{"name":"7ovr/article-4","title":"Magazine Feature With Drop Cap","description":"Magazine feature article with a centered headline, wide cover image, drop-cap opening paragraph, pull quote, and save and share actions.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/article-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/article-4.json"},{"name":"designali/pricing-03","title":"Pricing 03","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/pricing-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/pricing-03.json"},{"name":"shadcn-space/two-factor-authentication-01","title":"Two Factor Authentication 01 - Dashboard Two-Factor Verification","description":"A clean authentication screen where users enter a verification code, designed to add extra security while keeping the process simple and smooth.","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/two-factor-authentication-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/two-factor-authentication-01.json"},{"name":"componentry/pricing-02","title":"Pricing 02","description":"A compact pricing table with separated plan summaries, detailed feature lists, and an animated billing-cycle switch.","type":"registry:block","source_url":"https://shadcn.exchange/r/componentry/pricing-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/componentry/pricing-02.json"},{"name":"nusaiba/cta-2","title":"Cta 2","description":"Centered CTA with radial glow pulse and staggered reveal — hero-spotlight DNA for catalog close.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/cta-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/cta-2.json"},{"name":"shaderscn/testimonial-wall","title":"Testimonial Wall","description":"A masonry wall of testimonial cards with a printed paper grain.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/testimonial-wall.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/testimonial-wall.json"},{"name":"efferd/footer-3","title":"Footer 3","description":"Animated footer with link sections, brand logo, and social icons.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/footer-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/footer-3.json"},{"name":"ui-layouts/team-synth","title":"Team synth","description":"Team synth, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/team-synth.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/team-synth.json"},{"name":"navui/content-section-five","title":"Content Section Five","description":"A sticky editorial narrative with a normal mobile flow and a sequence of image-led content panels.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/content-section-five.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/content-section-five.json"},{"name":"shadcnui-blocks/faq-07","title":"FAQ 07","description":"A simple FAQ component","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/faq-07.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/faq-07.json"},{"name":"7ovr/pricing-3","title":"Single Plan Spotlight","description":"Single plan pricing card centered on the page with a large price, billing toggle, eight item feature checklist, trial note, and social proof footnote.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/pricing-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/pricing-3.json"},{"name":"designali/gallery-01","title":"Gallery 01","description":"A simple gallery section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/gallery-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/gallery-01.json"},{"name":"shadcn-space/hero-02","title":"Hero 02 - Real Estate Hero Section","description":"Luxury real estate hero section crafted for property listings, featuring immersive imagery, location highlight, key amenities, pricing details, and prominent S…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/hero-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/hero-02.json"},{"name":"nusaiba/cta-3","title":"Cta 3","description":"Split layout with registry preview panel and light parallax — hero-1 asymmetry for install conversion.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/cta-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/cta-3.json"},{"name":"shaderscn/pulsing-border-pricing","title":"Pulsing Border Pricing","description":"A three-tier pricing section with a billing toggle and a pulsing glow around the featured plan.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/pulsing-border-pricing.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/pulsing-border-pricing.json"},{"name":"efferd/integrations-5","title":"Integrations 5","description":"Horizontal scrolling row of overlapping circular integration logos with mask.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/integrations-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-5.json"},{"name":"ui-layouts/portfolio-experience","title":"Portfolio experience","description":"Portfolio experience, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/portfolio-experience.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/portfolio-experience.json"},{"name":"navui/contact-section-four","title":"Contact Section Four","description":"A focused project-inquiry form with contact details and a large editorial heading.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/contact-section-four.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-four.json"},{"name":"shadcnui-blocks/carousel-block-01","title":"Carousel Block 01","description":"A simple carousel block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/carousel-block-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/carousel-block-01.json"},{"name":"7ovr/newsletter-5","title":"Newsletter Signup With Social Proof","description":"Centered newsletter signup led by a subscriber avatar stack, star rating, and reader count, with inline email capture and a success state.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/newsletter-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/newsletter-5.json"},{"name":"designali/logos-03","title":"Logos 03","description":"A simple logos section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/logos-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/logos-03.json"},{"name":"shadcn-space/team-02","title":"Team 02 - Modern Team Grid","description":"A clean team grid with large profile cards, roles, and social icons, ideal for agencies or SaaS companies to introduce key members and strengthen brand authent…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/team-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/team-02.json"},{"name":"nusaiba/footer-1","title":"Footer 1","description":"Four-column marketing footer with link groups and copyright bar.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/footer-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/footer-1.json"},{"name":"shaderscn/warp-cta","title":"Warp CTA","description":"A call-to-action banner with a hypnotic warped checkerboard background.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/warp-cta.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/warp-cta.json"},{"name":"efferd/features-2","title":"Features 2","description":"Three-column grid with decorative corner icons and dashed lines highlighting workflow features.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/features-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/features-2.json"},{"name":"ui-layouts/faq-interactive-preview","title":"Faq interactive preview","description":"Faq interactive preview, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/faq-interactive-preview.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/faq-interactive-preview.json"},{"name":"navui/footer-section-one","title":"Footer Section One","description":"A multi-column product footer with social links and an email newsletter form.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/footer-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/footer-section-one.json"},{"name":"shadcnui-blocks/pricing-02","title":"Pricing 02","description":"A simple pricing block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/pricing-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/pricing-02.json"},{"name":"7ovr/changelog-2","title":"Tabbed Change Filter","description":"Changelog with tabs filtering release entries by All, Added, Improved, or Fixed, each showing version, date, badge, title, and description.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/changelog-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/changelog-2.json"},{"name":"designali/hero-5","title":"Hero 5","description":"A split-screen hero section with branding, theme toggle, video, work, and contact cards.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/hero-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/hero-5.json"},{"name":"shadcn-space/empty-state-01","title":"Empty State 01 - No Projects Yet","description":"A compact, bordered card empty state with a folder icon, heading, description, and a single primary call-to-action, ideal for project lists and dashboards befo…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/empty-state-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/empty-state-01.json"},{"name":"nusaiba/logo-cloud-14","title":"Logo cloud 14","description":"Dual-row logo drift with real marks — opposite directions, pause on hover.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/logo-cloud-14.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/logo-cloud-14.json"},{"name":"shaderscn/neuro-noise-stats","title":"Neuro Noise Stats","description":"A band of headline numbers over a glowing web of fibers, like traffic moving through a network.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/neuro-noise-stats.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/neuro-noise-stats.json"},{"name":"efferd/testimonials-3","title":"Testimonials 3","description":"Staggered grid layout of testimonial cards with quote icons.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/testimonials-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/testimonials-3.json"},{"name":"ui-layouts/faq-glass-card","title":"Faq glass card","description":"Faq glass card, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/faq-glass-card.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/faq-glass-card.json"},{"name":"navui/faq-section-three","title":"FAQ Section Three","description":"An editorial FAQ section with a large introduction and accessible accordion rows.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/faq-section-three.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/faq-section-three.json"},{"name":"shadcnui-blocks/contact-02","title":"Contact 02","description":"A simple contact form","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/contact-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/contact-02.json"},{"name":"7ovr/onboarding-5","title":"Invite Your Team Step","description":"Invite-teammates onboarding step marked 3 of 4, with add and remove email rows, a role select per invite, and skip or send actions.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/onboarding-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-5.json"},{"name":"designali/logos-02","title":"Logos 02","description":"A simple logos section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/logos-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/logos-02.json"},{"name":"shadcn-space/forms-01","title":"Forms 01 - Edit Profile Form","description":"A user-friendly profile editing form with avatar upload, personal details, privacy controls, and action toggles, perfect for managing account information insid…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/forms-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/forms-01.json"},{"name":"nusaiba/cta-6","title":"Cta 6","description":"Free vs Pro fork with center-stage focus shift — pricing-2 DNA for registry path choice.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/cta-6.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/cta-6.json"},{"name":"shaderscn/radial-gradient-logo-cloud","title":"Radial Gradient Logo Cloud","description":"A \"trusted by\" logo strip rising over the glowing horizon of a planet.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/radial-gradient-logo-cloud.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/radial-gradient-logo-cloud.json"},{"name":"efferd/features-3","title":"Features 3","description":"Grid layout with full-width dividers, showcasing features with icons and concise text.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/features-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/features-3.json"},{"name":"ui-layouts/feature-highlights","title":"Feature highlights","description":"Feature highlights, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/feature-highlights.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/feature-highlights.json"},{"name":"navui/content-section-three","title":"Content Section Three","description":"A structured feature grid with one dominant narrative and two focused supporting ideas.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/content-section-three.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/content-section-three.json"},{"name":"shadcnui-blocks/testimonials-02","title":"Testimonials 02","description":"A simple testimonial block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/testimonials-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/testimonials-02.json"},{"name":"7ovr/chat-3","title":"Support Chat Widget","description":"Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/chat-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/chat-3.json"},{"name":"designali/faqs-01","title":"Faqs 01","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/faqs-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/faqs-01.json"},{"name":"shadcn-space/about-us-section-01","title":"About Us 01 - Impact Metrics","description":"A bold about us section combining value pillars, headline messaging, and performance counters, perfect for agencies or studios to highlight expertise, achievem…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/about-us-section-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/about-us-section-01.json"},{"name":"nusaiba/pricing-1","title":"Pricing 1","description":"Three-tier pricing cards with highlighted Pro plan and feature lists.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/pricing-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/pricing-1.json"},{"name":"shaderscn/smoke-ring-waitlist","title":"Smoke Ring Waitlist","description":"A full-screen coming soon page with a smoke ring, a launch countdown and a waitlist signup.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/smoke-ring-waitlist.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/smoke-ring-waitlist.json"},{"name":"efferd/pricing-3","title":"Pricing 3","description":"Three-card pricing with plan icons and feature comparison.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/pricing-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/pricing-3.json"},{"name":"ui-layouts/impact-experience","title":"Impact experience","description":"Impact experience, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/impact-experience.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/impact-experience.json"},{"name":"navui/contact-section-one","title":"Contact Section One","description":"A contact directory that routes visitors to sales, support, community, documentation, and developer resources.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/contact-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-one.json"},{"name":"shadcnui-blocks/footer-06","title":"Footer 06","description":"A simple footer block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/footer-06.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/footer-06.json"},{"name":"7ovr/booking-2","title":"Appointment Request Split","description":"Appointment request split pairing reassurance copy with a form for the job needed, a preferred day, vehicle registration, phone, and free text notes.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/booking-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/booking-2.json"},{"name":"designali/footer-05","title":"Footer 05","description":"A simple footer.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/footer-05.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/footer-05.json"},{"name":"shadcn-space/blog-01","title":"Blog 01 - Latest Blog & News Grid","description":"A modern blog section with featured posts, large thumbnails, publish dates, and headlines, ideal for sharing agency updates, design insights, and thought leade…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/blog-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/blog-01.json"},{"name":"nusaiba/features-1","title":"Features 1","description":"Six-cell bento grid with product features, grid-pattern cards, and scroll entrances.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/features-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/features-1.json"},{"name":"shaderscn/fluted-glass-app-download","title":"Fluted Glass App Download","description":"An app download section with a phone mockup in front of its own screenshot, seen through fluted glass.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/fluted-glass-app-download.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/fluted-glass-app-download.json"},{"name":"efferd/features-4","title":"Features 4","description":"Modern feature cards with extended borders, corner decorators, and detailed feature breakdown.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/features-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/features-4.json"},{"name":"ui-layouts/stats-section","title":"Stats section","description":"Stats section, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/stats-section.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/stats-section.json"},{"name":"navui/forgot-password-three","title":"Forgot Password Three","description":"A left-aligned password-recovery form with concise guidance and navigation back.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/forgot-password-three.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/forgot-password-three.json"},{"name":"shadcnui-blocks/cta-03","title":"CTA 03","description":"A simple CTA block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/cta-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/cta-03.json"},{"name":"7ovr/error-6","title":"Oversized 404 Numeral","description":"404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, and go home plus go back buttons.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/error-6.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/error-6.json"},{"name":"designali/feature-01","title":"Feature 01","description":"A simple feature section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/feature-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/feature-01.json"},{"name":"shadcn-space/statistics-21","title":"Statistics 21 - Staff Salary Trend","description":"A staff salary card showing the total disbursed amount with growth percentage, a series legend, and a dashed multi-line monthly chart with grid lines and a hov…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/statistics-21.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/statistics-21.json"},{"name":"nusaiba/integrations-5","title":"Integrations 5","description":"Asymmetric bento with flagship connector cell and capability tags — not a flat logo wall.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/integrations-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/integrations-5.json"},{"name":"shaderscn/dithering-404","title":"Dithering 404","description":"A full-screen not found page with a dithered vortex behind a lost message.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/dithering-404.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/dithering-404.json"},{"name":"efferd/footer-4","title":"Footer 4","description":"Grid-based footer with social cards, link groups, and copyright bar.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/footer-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/footer-4.json"},{"name":"ui-layouts/marque-testimonial","title":"Marque testimonial","description":"Marque testimonial, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/marque-testimonial.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/marque-testimonial.json"},{"name":"navui/logo-cloud-two","title":"Logo Cloud Two","description":"A compact partner logo strip using a mixed icon and wordmark collection.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/logo-cloud-two.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/logo-cloud-two.json"},{"name":"shadcnui-blocks/signup-03","title":"Signup 03","description":"A simple signup block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/signup-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-03.json"},{"name":"7ovr/integrations-5","title":"Split Logo Grid With CTA","description":"Split integrations section pairing a headline, copy, and browse CTA with a bordered six-logo grid of tools teams already use.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/integrations-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/integrations-5.json"},{"name":"designali/footer-04","title":"Footer 04","description":"A simple footer.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/footer-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/footer-04.json"},{"name":"shadcn-space/product-listing-01","title":"Product Listing 01 - Multi Column Grid","description":"A multi-column layout featuring product cards with images, reviews, and pricing details, helping users scan, compare, and select products quickly.","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/product-listing-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/product-listing-01.json"},{"name":"nusaiba/contact-4","title":"Contact 4","description":"Topic pills (Pro / Team / Blocks) with focus-shift before submit — organized intake.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/contact-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-4.json"},{"name":"shaderscn/simplex-noise-changelog","title":"Simplex Noise Changelog","description":"A changelog timeline where every release gets its own cover, generated from the version number.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/simplex-noise-changelog.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/simplex-noise-changelog.json"},{"name":"efferd/hero-2","title":"Hero 2","description":"Hero with vertical border accents and gradient text effect","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/hero-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/hero-2.json"},{"name":"ui-layouts/team-troops","title":"Team troops","description":"Team troops, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/team-troops.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/team-troops.json"},{"name":"navui/content-section-four","title":"Content Section Four","description":"A connected-publishing story with an animated revision metric, trend visualization, and output checklist.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/content-section-four.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/content-section-four.json"},{"name":"shadcnui-blocks/cta-05","title":"CTA 05","description":"A simple CTA block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/cta-05.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/cta-05.json"},{"name":"7ovr/hero-1","title":"Centered Hero With Trust Logos","description":"Centered hero section with a beta badge, headline, dual call-to-action buttons, and a trusted-by row of five plain-text company wordmarks.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/hero-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/hero-1.json"},{"name":"designali/testimonial-01","title":"Testimonial 01","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/testimonial-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/testimonial-01.json"},{"name":"shadcn-space/blog-04","title":"Blog 04 - Insights Feed","description":"A dynamic blog layout highlighting featured insights alongside recent articles, designed to improve content discovery, boost readership, and position your bran…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/blog-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/blog-04.json"},{"name":"nusaiba/not-found-1","title":"Not found 1","description":"Minimal centered 404 with blur stagger entrance and back-home link.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/not-found-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-1.json"},{"name":"shaderscn/halftone-hero","title":"Halftone Hero","description":"A split hero section that prints any photo as halftone dots, live on the GPU.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/halftone-hero.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/halftone-hero.json"},{"name":"efferd/not-found-1","title":"Not found 1","description":"Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/not-found-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/not-found-1.json"},{"name":"ui-layouts/team-expert","title":"Team expert","description":"Team expert, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/team-expert.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/team-expert.json"},{"name":"navui/hero-section-one","title":"Hero Section One","description":"A dark product hero with badges, dual actions, and the matching responsive header.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/hero-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/hero-section-one.json"},{"name":"shadcnui-blocks/features-12","title":"Features 12","description":"A simple features block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/features-12.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/features-12.json"},{"name":"7ovr/contact-2","title":"Single Card Contact Form","description":"Centered contact form card with split first and last name fields, topic select, message textarea, and a privacy consent checkbox.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/contact-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/contact-2.json"},{"name":"designali/feature-03","title":"Feature 03","description":"A simple feature section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/feature-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/feature-03.json"},{"name":"shadcn-space/feature-24","title":"Feature 24 - AI Product Feature Section","description":"A balanced layout combining engaging visuals and structured content to showcase scalable AI solutions, helping modern teams streamline workflows and drive smar…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/feature-24.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/feature-24.json"},{"name":"nusaiba/gallery-7","title":"Gallery 7","description":"Metric column beside compact image grid — tabular stats with registry visuals.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/gallery-7.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-7.json"},{"name":"shaderscn/god-rays-hero","title":"God Rays Hero","description":"A full-bleed hero section lit by animated volumetric light rays.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/god-rays-hero.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/god-rays-hero.json"},{"name":"efferd/footer-2","title":"Footer 2","description":"Clean footer with company links, resources, and social icons.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/footer-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/footer-2.json"},{"name":"ui-layouts/creative-experience","title":"Creative experience","description":"Creative experience, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/creative-experience.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/creative-experience.json"},{"name":"navui/pricing-section-one","title":"Pricing Section One","description":"A responsive three-tier pricing section with a monthly and yearly billing switcher.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/pricing-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/pricing-section-one.json"},{"name":"shadcnui-blocks/features-03","title":"Features 03","description":"A simple features block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/features-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/features-03.json"},{"name":"7ovr/coming-soon-3","title":"Launch Countdown Timer","description":"Coming soon page with a live countdown timer in days, hours, minutes, and seconds tiles above an email notify form.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/coming-soon-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/coming-soon-3.json"},{"name":"designali/logos-05","title":"Logos 05","description":"A simple logos section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/logos-05.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/logos-05.json"},{"name":"shadcn-space/chart-02","title":"Chart 02 - Earnings Pie Chart - Donut with Text","description":"A clean donut chart widget summarizing total earnings with source-wise breakdown, perfect for admin dashboards to compare revenue streams, monitor growth, and …","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/chart-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/chart-02.json"},{"name":"nusaiba/contact-2","title":"Contact 2","description":"Centered compact form (name, email, message) — Wave A minimal contact for pricing pages.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/contact-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-2.json"},{"name":"shaderscn/dithering-hero","title":"Dithering Hero","description":"A split hero section with an ordered-dither sphere slowly turning beside the headline.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/dithering-hero.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/dithering-hero.json"},{"name":"efferd/auth-5","title":"Auth 5","description":"Modern signup page with testimonial sidebar and social sign-in.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/auth-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-5.json"},{"name":"ui-layouts/team-clippath","title":"Team clippath","description":"Team clippath, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/team-clippath.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/team-clippath.json"},{"name":"navui/cta-section-one","title":"CTA Section One","description":"A polished call to action with primary and secondary links for clear next steps.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/cta-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/cta-section-one.json"},{"name":"shadcnui-blocks/stats-09","title":"Stats 09","description":"A simple stats block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/stats-09.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/stats-09.json"},{"name":"7ovr/careers-2","title":"Job Posting Detail Page","description":"Single job posting page with meta chips for department, location, and type, an about section, responsibilities and requirements lists, and apply buttons.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/careers-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/careers-2.json"},{"name":"designali/logos-04","title":"Logos 04","description":"A simple logos section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/logos-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/logos-04.json"},{"name":"shadcn-space/hero-01","title":"Hero 01 - Agency Hero Section","description":"Clean agency hero section designed for SaaS and startup websites, featuring bold headline, gradient background, trust badges, client logos, and high converting…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/hero-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/hero-01.json"},{"name":"nusaiba/faqs-1","title":"Faqs 1","description":"Two-column FAQ with sticky header, scroll-reveal stagger, and registry-native copy.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/faqs-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/faqs-1.json"},{"name":"shaderscn/image-dithering-team","title":"Image Dithering Team","description":"A team grid that dithers every headshot into one consistent look, with the original color on hover.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/image-dithering-team.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/image-dithering-team.json"},{"name":"efferd/testimonials-1","title":"Testimonials 1","description":"Testimonial with centered quote, author details, and company logo.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/testimonials-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/testimonials-1.json"},{"name":"ui-layouts/stats-banner","title":"Stats banner","description":"Stats banner, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/stats-banner.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/stats-banner.json"},{"name":"navui/logo-cloud-one","title":"Logo Cloud One","description":"A compact monochrome logo strip for customer or partner proof.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/logo-cloud-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/logo-cloud-one.json"},{"name":"shadcnui-blocks/integrations-05","title":"Integrations 05","description":"A simple integrations block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/integrations-05.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-05.json"},{"name":"7ovr/dashboard-4","title":"Overview With Recent Orders","description":"Dashboard overview pairing a four-metric KPI row with a recent orders table of customer avatars, status badges, and amounts.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/dashboard-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/dashboard-4.json"},{"name":"designali/footer-01","title":"Footer 01","description":"A simple footer.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/footer-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/footer-01.json"},{"name":"shadcn-space/pricing-02","title":"Pricing 02 - Scalable Pricing Table","description":"A three tier pricing layout with a highlighted recommended plan, feature checklists, and clear CTAs, perfect for any website having pricing section to guide us…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/pricing-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/pricing-02.json"},{"name":"nusaiba/auth-5","title":"Auth 5","description":"Sign-in form beside visual panel with light parallax — cta-3 DNA for install-led auth.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/auth-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-5.json"},{"name":"shaderscn/mesh-gradient-footer","title":"Mesh Gradient Footer","description":"A site footer with a giant wordmark filled by a flowing mesh gradient.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/mesh-gradient-footer.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/mesh-gradient-footer.json"},{"name":"efferd/integrations-2","title":"Integrations 2","description":"Grid layout with bordered integration cards and decorative plus icons.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/integrations-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-2.json"},{"name":"ui-layouts/feature-velocity","title":"Feature velocity","description":"Feature velocity, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/feature-velocity.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/feature-velocity.json"},{"name":"navui/teams-section-three","title":"Teams Section Three","description":"A centered team directory with portrait cards, roles, and profile links.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/teams-section-three.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/teams-section-three.json"},{"name":"shadcnui-blocks/team-01","title":"Team 01","description":"A simple team block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/team-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/team-01.json"},{"name":"7ovr/command-palette-3","title":"Cmd+K Searchable Palette","description":"Command palette wired to a global Cmd+K listener, opening a searchable dialog of grouped commands with Kbd shortcuts and a last-action readout.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/command-palette-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/command-palette-3.json"},{"name":"designali/footer-06","title":"Footer 06","description":"A simple footer.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/footer-06.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/footer-06.json"},{"name":"shadcn-space/product-category-04","title":"Product Category 04 - Image Based","description":"A product category section built with image-driven cards and filters, enabling faster discovery through visuals and improving navigation across different produ…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/product-category-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/product-category-04.json"},{"name":"nusaiba/not-found-11","title":"Not found 11","description":"Sera series — giant mono 404 with hairline rule and bordered suggested-link ledger.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/not-found-11.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-11.json"},{"name":"shaderscn/water-caustics-hero","title":"Water Caustics Hero","description":"A full-bleed hero lit by rippling pool-light caustics. Made for travel and wellness sites.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/water-caustics-hero.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/water-caustics-hero.json"},{"name":"efferd/app-shell-5","title":"App shell 5","description":"Sidebar workspace with command-style search, custom trigger and theme controls, navbar strip, and latest-change row.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/app-shell-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/app-shell-5.json"},{"name":"ui-layouts/about-sass","title":"About sass","description":"About sass, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/about-sass.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/about-sass.json"},{"name":"navui/hero-section-two","title":"Hero Section Two","description":"A motion-led hero with animated copy, grouped reveals, and its matching header.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/hero-section-two.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/hero-section-two.json"},{"name":"shadcnui-blocks/cta-06","title":"CTA 06","description":"A simple CTA block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/cta-06.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/cta-06.json"},{"name":"7ovr/error-2","title":"404 With Search And Links","description":"404 not found page built for recovery, offering a docs search form plus a bordered list of popular pages to jump to.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/error-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/error-2.json"},{"name":"designali/pricing-01","title":"Pricing 01","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/pricing-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/pricing-01.json"},{"name":"shadcn-space/widget-02","title":"Widget 02 - Sales by Country Widget","description":"A ranked country wise sales widget with flags, revenue values, and growth indicators, ideal for dashboards to monitor geographic performance and spot emerging …","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/widget-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/widget-02.json"},{"name":"nusaiba/blog-5","title":"Blog 5","description":"Horizontal scroll snap filmstrip with scale focus on the active cover slide.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/blog-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/blog-5.json"},{"name":"shaderscn/dithering-globe-arcs-hero","title":"Dithering Globe Arcs Hero","description":"A centered hero section with a rising ordered-dither globe and flight arcs between cities.","type":"registry:block","source_url":"https://shadcn.exchange/r/shaderscn/dithering-globe-arcs-hero.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shaderscn/dithering-globe-arcs-hero.json"},{"name":"efferd/auth-2","title":"Auth 2","description":"Split sign-in layout with social buttons and email form.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/auth-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/auth-2.json"},{"name":"ui-layouts/hero-ai-value-proposition","title":"Hero ai value proposition","description":"Hero ai value proposition, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/hero-ai-value-proposition.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/hero-ai-value-proposition.json"},{"name":"navui/content-section-one","title":"Content Section One","description":"A restrained principles section with a clear introduction and a responsive set of supporting ideas.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/content-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/content-section-one.json"},{"name":"shadcnui-blocks/profile-04","title":"Profile 04","description":"A simple profile block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/profile-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/profile-04.json"},{"name":"7ovr/onboarding-1","title":"Welcome Checklist Card","description":"Onboarding welcome card with a setup progress bar and three checkbox steps for reading docs, inviting the team, and configuring the workspace.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/onboarding-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/onboarding-1.json"},{"name":"designali/faqs-03","title":"Faqs 03","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/faqs-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/faqs-03.json"},{"name":"shadcn-space/cta-02","title":"CTA 02 - Video Background CTA","description":"A high impact call-to-action section with autoplay background video, bold overlay headline, primary button, and rotating ticker text, perfect for luxury brands…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/cta-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/cta-02.json"},{"name":"nusaiba/pricing-11","title":"Pricing 11","description":"Sera series — three-tier ledger table with hairline feature rows and inverted highlighted plan.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/pricing-11.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/pricing-11.json"},{"name":"efferd/cta-3","title":"Cta 3","description":"Stylish call-to-action block featuring bordered layout, decorative icons, and clear buttons for contacting sales or getting started.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/cta-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/cta-3.json"},{"name":"ui-layouts/feature-flow","title":"Feature flow","description":"Feature flow, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/feature-flow.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/feature-flow.json"},{"name":"navui/teams-section-five","title":"Teams Section Five","description":"A dark editorial team grid with role badges and portrait-led member cards.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/teams-section-five.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/teams-section-five.json"},{"name":"shadcnui-blocks/signup-07","title":"Signup 07","description":"A simple signup block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/signup-07.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/signup-07.json"},{"name":"7ovr/comparison-2","title":"Us Versus Them Cards","description":"Side-by-side cards contrasting checked product advantages against competitor pain points listed as struck-through cross rows.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/comparison-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/comparison-2.json"},{"name":"designali/pricing-02","title":"Pricing 02","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/pricing-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/pricing-02.json"},{"name":"shadcn-space/footer-01","title":"Footer 01 - Agency Footer Layout","description":"A clean multi column footer with brand summary, sitemap links, legal pages, contact details, and social icons, perfect for agencies to provide clarity, trust, …","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/footer-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/footer-01.json"},{"name":"nusaiba/contact-5","title":"Contact 5","description":"Form beside visual panel with parallax — auth-5 / cta-3 DNA for support pages.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/contact-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-5.json"},{"name":"efferd/dashboard-2","title":"Dashboard 2","description":"Dense KPI grid with net revenue, channel sales lines, invoices table, billing health, and activity feed.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/dashboard-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/dashboard-2.json"},{"name":"ui-layouts/hero-share-app","title":"Hero share app","description":"Hero share app, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/hero-share-app.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/hero-share-app.json"},{"name":"navui/header-two","title":"Header Two","description":"A responsive marketing header with a bordered shell and animated mobile menu.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/header-two.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/header-two.json"},{"name":"shadcnui-blocks/logo-cloud-11","title":"Logo Cloud 11","description":"A simple logo cloud block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/logo-cloud-11.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/logo-cloud-11.json"},{"name":"7ovr/timeline-3","title":"Activity Feed By Day","description":"Activity timeline grouped by day, with avatar rows for each actor, action, target, and relative timestamp connected by a vertical rail.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/timeline-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/timeline-3.json"},{"name":"designali/faqs-02","title":"Faqs 02","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/faqs-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/faqs-02.json"},{"name":"shadcn-space/footer-02","title":"Footer 02 - Dark Conversion Footer","description":"A bold dark themed footer with newsletter signup, strong contact CTA, navigation links, and legal pages, ideal for real estate or SaaS websites to drive engage…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/footer-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/footer-02.json"},{"name":"nusaiba/footer-11","title":"Footer 11","description":"Sera series — four-column monochrome footer with Nusaiba wordmark and hairline copyright bar.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/footer-11.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/footer-11.json"},{"name":"efferd/testimonials-4","title":"Testimonials 4","description":"Multi-column testimonial layout with quote icons, warm gradient background, and vertical divider.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/testimonials-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/testimonials-4.json"},{"name":"ui-layouts/footer-privilege","title":"Footer privilege","description":"Footer privilege, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/footer-privilege.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/footer-privilege.json"},{"name":"navui/stats-section-one","title":"Stats Section One","description":"A business results section that combines measurable outcomes with a customer proof point.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/stats-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/stats-section-one.json"},{"name":"shadcnui-blocks/integrations-04","title":"Integrations 04","description":"A simple integrations block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/integrations-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/integrations-04.json"},{"name":"7ovr/careers-3","title":"Culture And Benefits Page","description":"Careers culture page selling life at the company with a photo strip, a three-up values grid, a perks and benefits row, and a closing call to action.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/careers-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/careers-3.json"},{"name":"designali/feature-04","title":"Feature 04","description":"A simple feature section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/feature-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/feature-04.json"},{"name":"shadcn-space/login-01","title":"Login 01 - Developer-Friendly Login Page","description":"A clean, secure login page with Google and GitHub authentication, remember-me support, and password recovery, built for modern SaaS products using shadcn UI.","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/login-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/login-01.json"},{"name":"nusaiba/gallery-10","title":"Gallery 10","description":"Pro decor-framed exhibition with centered metadata, labeled chips, and blur crossfade — pauses on hover.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/gallery-10.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-10.json"},{"name":"efferd/logo-cloud-1","title":"Logo cloud 1","description":"Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/logo-cloud-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/logo-cloud-1.json"},{"name":"ui-layouts/footer-simple","title":"Footer simple","description":"Footer simple, a block from @ui-layouts.","type":"registry:block","source_url":"https://shadcn.exchange/r/ui-layouts/footer-simple.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/footer-simple.json"},{"name":"navui/teams-section-four","title":"Teams Section Four","description":"A global-team recruiting section with portrait cards and role badges.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/teams-section-four.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/teams-section-four.json"},{"name":"shadcnui-blocks/members-02","title":"Members 02","description":"A simple members block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/members-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/members-02.json"},{"name":"7ovr/empty-states-3","title":"No Search Results","description":"No results found empty state for a filtered search, with a magnifier icon, guidance copy, and a Clear Filters action in a bordered card.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/empty-states-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/empty-states-3.json"},{"name":"designali/feature-02","title":"Feature 02","description":"A simple feature section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/feature-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/feature-02.json"},{"name":"shadcn-space/checkout-03","title":"Checkout 03 - Tabbed Billing Checkout","description":"A clean checkout interface with tab-based payment selection, subscription pricing details, and streamlined billing inputs for smooth transaction flows.","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/checkout-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/checkout-03.json"},{"name":"nusaiba/gallery-2","title":"Gallery 2","description":"Framed spotlight with labeled thumb rail, metadata panel, and blur crossfade — pauses on hover.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/gallery-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/gallery-2.json"},{"name":"efferd/not-found-2","title":"Not found 2","description":"Minimalist 404 page featuring large masked typography and clear navigation actions.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/not-found-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/not-found-2.json"},{"name":"navui/faqs-section-two","title":"FAQs Section Two","description":"A centered FAQ section with accessible accordions and a follow-up contact link.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/faqs-section-two.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/faqs-section-two.json"},{"name":"shadcnui-blocks/keyboard-shortcuts-04","title":"Keyboard Shortcuts 04","description":"A simple keyboard shortcuts block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/keyboard-shortcuts-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/keyboard-shortcuts-04.json"},{"name":"7ovr/saas-landing","title":"SaaS Landing","description":"Complete SaaS marketing homepage template assembled from free blocks: hero section, social proof, features, stats, testimonials, pricing, FAQ, and a closing CT…","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/saas-landing.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/saas-landing.json"},{"name":"designali/logos-01","title":"Logos 01","description":"A simple logos section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/logos-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/logos-01.json"},{"name":"shadcn-space/timeline-01","title":"Timeline 01 - Vertical Progress Timeline","description":"A modern two-column timeline featuring alternating content blocks, visual storytelling elements, and chronological progression—designed to highlight growth and…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/timeline-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/timeline-01.json"},{"name":"nusaiba/hero-4","title":"Hero 4","description":"Typography monument — per-word reveal headline with registry-focused production copy.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/hero-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/hero-4.json"},{"name":"efferd/integrations-4","title":"Integrations 4","description":"Split layout with heading and scattered rounded integration cards with mask.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/integrations-4.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-4.json"},{"name":"navui/faq-section-one","title":"FAQ Section One","description":"A two-column FAQ layout with accessible accordion answers and a support prompt.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/faq-section-one.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/faq-section-one.json"},{"name":"shadcnui-blocks/pricing-08","title":"Pricing 08","description":"A simple pricing block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/pricing-08.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/pricing-08.json"},{"name":"7ovr/footer-2","title":"Slim Single Bar","description":"Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/footer-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/footer-2.json"},{"name":"designali/pricing-04","title":"Pricing 04","description":"A simple pricing section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/pricing-04.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/pricing-04.json"},{"name":"shadcn-space/receipt-02","title":"Receipt 02 - Order Tracking Receipt","description":"A split-screen order confirmation receipt with parcel contents, shipping and billing details on one side, and a receipt overview with shipping journal and trac…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/receipt-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/receipt-02.json"},{"name":"nusaiba/not-found-5","title":"Not found 5","description":"Cycling status codes with blur crossfade — settles on 404 with dual actions.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/not-found-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/not-found-5.json"},{"name":"efferd/features-5","title":"Features 5","description":"Minimal feature card with icon, title, and subtle grid background.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/features-5.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/features-5.json"},{"name":"navui/footer-section-two","title":"Footer Section Two","description":"A compact navigation footer with product links, social actions, and legal copy.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/footer-section-two.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/footer-section-two.json"},{"name":"shadcnui-blocks/faq-05","title":"FAQ 05","description":"A simple FAQ component","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/faq-05.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/faq-05.json"},{"name":"7ovr/notifications-2","title":"Bell Popover With Badge","description":"Notification bell button carrying an unread count badge that opens a compact popover of avatar rows, mark all read, and a view all link.","type":"registry:block","source_url":"https://shadcn.exchange/r/7ovr/notifications-2.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/7ovr/notifications-2.json"},{"name":"designali/gallery-02","title":"Gallery 02","description":"A simple gallery section.","type":"registry:block","source_url":"https://shadcn.exchange/r/designali/gallery-02.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/designali/gallery-02.json"},{"name":"shadcn-space/contact-01","title":"Contact 01 - Project Inquiry Contact Form","description":"A conversion focused contact section with project inquiry form, contact details, and trust badges, ideal for agencies or freelancers to capture qualified leads…","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcn-space/contact-01.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/contact-01.json"},{"name":"nusaiba/auth-3","title":"Auth 3","description":"Compact centered card with remember-me — minimal auth for marketing landings.","type":"registry:block","source_url":"https://shadcn.exchange/r/nusaiba/auth-3.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/nusaiba/auth-3.json"},{"name":"efferd/integrations-1","title":"Integrations 1","description":"Grid layout with integration cards and view all link.","type":"registry:block","source_url":"https://shadcn.exchange/r/efferd/integrations-1.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-1.json"},{"name":"navui/logo-cloud-four","title":"Logo Cloud Four","description":"A large animated company grid with a prominent trust statement.","type":"registry:block","source_url":"https://shadcn.exchange/r/navui/logo-cloud-four.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/navui/logo-cloud-four.json"},{"name":"shadcnui-blocks/testimonials-03","title":"Testimonials 03","description":"A simple testimonial block","type":"registry:block","source_url":"https://shadcn.exchange/r/shadcnui-blocks/testimonials-03.json","install_command":"npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/testimonials-03.json"}]},{"id":"shadcn-map","name":"@shadcn-map","slug":"shadcn-map","description":"shadcn-map is a single-component shadcn registry item providing a Leaflet-powered interactive map component styled to integrate with shadcn/ui's design system. Built with React Leaflet and Leaflet, it wraps map rendering in a shadcn-compatible component API. Very focused in scope — one map component with docs. Free and open-source (MIT). Use for: dropping an interactive Leaflet map into a shadcn/ui project without custom Leaflet setup, particularly when you need a lightweight alternative to Google Maps or Mapbox for location display in dashboards or forms.","author":"tonghohin","framework":"react","license":"MIT","tags":["buttons","dashboard","design-system","forms","maps","marketing","overlays"],"categories":["Maps"],"labels":["recently-updated"],"urls":{"website":"https://shadcn-map.vercel.app","github":"https://github.com/tonghohin/shadcn-map","registry":"http://shadcn-map.vercel.app/r/registry.json","source":"http://shadcn-map.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn-map","markdown":"https://sh4dcn.netlify.app/md/shadcn-map.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-map-icon lucide-map fill-none!'><path d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z'/><path d='M15 5.764v15'/><path d='M9 3.236v15'/></svg>","preview_image":"https://shadcn-map.vercel.app/og?title=A%20Map%20Component%20for%20shadcn%2Fui&amp;description=Bring%20beautiful%20maps%20to%20your%20shadcn%2Fui%20projects.%20Built%20with%20Leaflet%2C%20React%20Leaflet%20and%20MapLibre%20GL.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":350,"open_issues":1,"last_commit":"2026-10-07T01:12:43Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add http://shadcn-map.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add http://shadcn-map.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add http://shadcn-map.vercel.app/r/registry.json","clone":"git clone https://github.com/tonghohin/shadcn-map.git","clone_degit":"npx degit tonghohin/shadcn-map","registry_fetch":"curl -s http://shadcn-map.vercel.app/r/registry.json"},"component_count":33,"components":[{"name":"map","title":"Map","description":"A map component.","type":"registry:ui","source_url":"http://shadcn-map.vercel.app/r/map.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map.json"},{"name":"basic-map","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/basic-map.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/basic-map.json"},{"name":"map-with-custom-tiles","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-custom-tiles.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-custom-tiles.json"},{"name":"map-with-custom-vector-tiles","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-custom-vector-tiles.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-custom-vector-tiles.json"},{"name":"map-with-markers","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-markers.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-markers.json"},{"name":"map-with-marker-cluster-group","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-marker-cluster-group.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-marker-cluster-group.json"},{"name":"map-with-custom-marker-cluster-group","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-custom-marker-cluster-group.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-custom-marker-cluster-group.json"},{"name":"map-with-custom-markers","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-custom-markers.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-custom-markers.json"},{"name":"map-with-circle","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-circle.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-circle.json"},{"name":"map-with-circle-marker","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-circle-marker.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-circle-marker.json"},{"name":"map-with-polyline","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-polyline.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-polyline.json"},{"name":"map-with-polygon","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-polygon.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-polygon.json"},{"name":"map-with-rectangle","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-rectangle.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-rectangle.json"},{"name":"map-with-styled-shapes","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-styled-shapes.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-styled-shapes.json"},{"name":"map-with-popups-and-tooltips","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-popups-and-tooltips.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-popups-and-tooltips.json"},{"name":"map-with-zoom-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-zoom-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-zoom-control.json"},{"name":"map-with-layers-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-layers-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-layers-control.json"},{"name":"map-with-tile-layers-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-tile-layers-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-tile-layers-control.json"},{"name":"map-with-layer-groups-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-layer-groups-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-layer-groups-control.json"},{"name":"map-with-feature-groups-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-feature-groups-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-feature-groups-control.json"},{"name":"map-with-locate-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-locate-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-locate-control.json"},{"name":"map-with-locate-control-callbacks","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-locate-control-callbacks.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-locate-control-callbacks.json"},{"name":"map-with-custom-control-position","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-custom-control-position.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-custom-control-position.json"},{"name":"map-with-complex-custom-control-position","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-complex-custom-control-position.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-complex-custom-control-position.json"},{"name":"map-with-draw-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-draw-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-draw-control.json"},{"name":"map-with-draw-control-callback","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-draw-control-callback.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-draw-control-callback.json"},{"name":"map-with-draw-control-specific-shapes","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-draw-control-specific-shapes.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-draw-control-specific-shapes.json"},{"name":"map-with-search-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-search-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-search-control.json"},{"name":"map-with-search-control-place-select","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-search-control-place-select.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-search-control-place-select.json"},{"name":"map-with-search-control-results-change","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-search-control-results-change.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-search-control-results-change.json"},{"name":"map-with-search-control-configurations","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-search-control-configurations.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-search-control-configurations.json"},{"name":"map-with-custom-control-container","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-custom-control-container.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-custom-control-container.json"},{"name":"map-with-fullscreen-control","title":null,"description":null,"type":"registry:example","source_url":"http://shadcn-map.vercel.app/r/map-with-fullscreen-control.json","install_command":"npx shadcn@latest add http://shadcn-map.vercel.app/r/map-with-fullscreen-control.json"}]},{"id":"shadcn-space","name":"@shadcn-space","slug":"shadcn-space","description":"Shadcn Space is an open-source UI system (588+ registry items) built on Base UI primitives for modern React apps. The registry is heavily block-oriented: 27+ hero section variants, 24 feature sections, 23 product sections, 18 statistics/widget sections, 15 pricing and CTA blocks, 14 testimonial blocks, 13 about sections, plus chart, navbar, table, dialog, blog, and textarea components. Also includes Dashboard layouts/UI Kits and landing page templates. Built with shadcn/ui, Base UI, Tailwind CSS. Free core (MIT). A paid All Access Pass exists. Use for: bootstrapping SaaS landing pages, marketing sites, or admin dashboards by composing ready-made hero/feature/pricing/testimonial sections quickly without building from scratch.","author":"shadcnspace","framework":"react","license":"MIT","tags":["accessibility","blocks","buttons","charts","cms","dashboard","design-system","hooks","marketing","navigation","overlays","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro","recently-updated"],"urls":{"website":"https://shadcnspace.com","github":"https://github.com/shadcnspace/shadcnspace","registry":"https://shadcnspace.com/r/registry.json","source":"https://shadcnspace.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn-space","markdown":"https://sh4dcn.netlify.app/md/shadcn-space.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='19.9501' cy='20.05' r='18.35' fill='#FCEA4E'/><path d='M29.1156 27.4609C27.4484 27.4609 26.082 27.1 25.0164 26.3781C23.9508 25.6563 23.3062 24.625 23.0828 23.2844L26.0734 22.511C26.1937 23.1125 26.3914 23.5852 26.6664 23.9289C26.9586 24.2727 27.3109 24.5219 27.7234 24.6766C28.1531 24.8141 28.6172 24.8828 29.1156 24.8828C29.8718 24.8828 30.4304 24.7539 30.7914 24.4961C31.1523 24.2211 31.3328 23.886 31.3328 23.4906C31.3328 23.0953 31.1609 22.7946 30.8172 22.5883C30.4734 22.3649 29.9234 22.1844 29.1672 22.0469L28.4453 21.918C27.5515 21.7461 26.7351 21.5141 25.9961 21.2219C25.257 20.9125 24.6641 20.4914 24.2172 19.9586C23.7703 19.4258 23.5469 18.7383 23.5469 17.8961C23.5469 16.6243 24.0109 15.6532 24.9391 14.9829C25.8672 14.2954 27.0875 13.9516 28.6 13.9516C30.0265 13.9516 31.2125 14.2696 32.1578 14.9055C33.1031 15.5415 33.7218 16.375 34.014 17.4063L30.9976 18.3344C30.8601 17.6813 30.5765 17.2172 30.1468 16.9422C29.7343 16.6672 29.2187 16.5297 28.6 16.5297C27.9812 16.5297 27.5086 16.6415 27.182 16.8649C26.8555 17.0711 26.6922 17.3633 26.6922 17.7414C26.6922 18.1539 26.864 18.4633 27.2078 18.6696C27.5515 18.8586 28.0156 19.0047 28.6 19.1078L29.3218 19.2368C30.2843 19.4086 31.1523 19.6407 31.9257 19.9328C32.7164 20.2078 33.3351 20.6117 33.782 21.1446C34.246 21.6602 34.4781 22.3649 34.4781 23.2586C34.4781 24.5992 33.9882 25.6391 33.0086 26.3781C32.0461 27.1 30.7484 27.4609 29.1156 27.4609Z' fill='#222222'/></svg>","preview_image":"https://shadcnspace.com/images/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcnspace.com/pricing"},"metrics":{"github_stars":789,"open_issues":2,"last_commit":"2026-10-21T13:13:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcnspace.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcnspace.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcnspace.com/r/registry.json","clone":"git clone https://github.com/shadcnspace/shadcnspace.git","clone_degit":"npx degit shadcnspace/shadcnspace","registry_fetch":"curl -s https://shadcnspace.com/r/registry.json"},"component_count":250,"components":[{"name":"hero-01","title":"Hero 01 - Agency Hero Section","description":"Clean agency hero section designed for SaaS and startup websites, featuring bold headline, gradient background, trust badges, client logos, and high converting…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-01.json"},{"name":"hero-02","title":"Hero 02 - Real Estate Hero Section","description":"Luxury real estate hero section crafted for property listings, featuring immersive imagery, location highlight, key amenities, pricing details, and prominent S…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-02.json"},{"name":"hero-03","title":"Hero 03 - Digital Agency Hero Section","description":"High-impact digital agency hero section with cinematic background video, bold typography, brand driven headline, and clear CTA, perfect for creative studios an…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-03.json"},{"name":"hero-04","title":"Hero 04 - Portfolio Hero Section","description":"Modern portfolio hero section built for designers and developers, featuring bold typography, availability badge, clear CTAs, and responsive layout, perfect for…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-04.json"},{"name":"hero-05","title":"Hero 05 - Crypto Hero Section","description":"Modern crypto exchange hero section designed for fintech startups, featuring dark UI, beautiful graphic, trust signals, and conversion focused CTAs for secure …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-05.json"},{"name":"hero-06","title":"Hero 06 - Personal Portfolio Hero Section","description":"Personal portfolio hero section built for designers and developers, featuring availability badge, intro headline, social links, project CTA, and client logos t…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-06.json"},{"name":"hero-07","title":"Hero 07 - SaaS Hero Section","description":"A bold, conversion-focused hero section designed for SaaS products, featuring a strong headline, announcement badge, supporting copy, dual CTAs, and a product …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-07.json"},{"name":"hero-08","title":"Hero 08 - Education Hero Section","description":"A modern hero section crafted for education platforms, featuring a powerful headline, trust badge, clear CTAs, and instructor-led course previews to inspire le…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-08.json"},{"name":"hero-09","title":"Hero 09 - Cleaning Services Hero Section","description":"A conversion-focused hero section designed for service businesses, featuring trust indicators, bold messaging, strong CTAs, and lifestyle imagery to instantly …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-09.json"},{"name":"hero-10","title":"Hero 10 - Engineering Courses Hero Section","description":"A modern education-focused hero section built to showcase technical courses, highlight learner trust, display ratings, and guide users toward personalized lear…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-10.json"},{"name":"hero-11","title":"Hero 11 - AI Analytics Hero Section","description":"A bold, dark-themed hero section designed for AI and analytics platforms, highlighting real-time insights, smart decision-making, and driving engagement with s…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-11.json"},{"name":"hero-12","title":"Hero 12 - SaaS Agency Hero Section","description":"A modern, high-impact hero section tailored for SaaS agencies to showcase expertise, promote services, and drive conversions with strong messaging, clear CTAs,…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-12.json"},{"name":"hero-13","title":"Hero 13 - Creative Studio Hero","description":"A striking hero section designed to capture attention instantly—combining bold messaging, immersive visuals, and clear calls-to-action to position your studio …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-13.json"},{"name":"hero-14","title":"Hero 14 - Health & Medical Hero Section","description":"A dynamic hero section featuring a background video that captures attention instantly, communicates your brand story with impact, and guides visitors toward me…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-14.json"},{"name":"hero-15","title":"Hero 15 - AI Startup Hero Section","description":"A bold, dark-themed hero section designed to highlight trusted real agents, strategic partnerships, and clear calls-to-action that guide organizations toward c…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-15.json"},{"name":"hero-16","title":"Hero 16 - Modern AI Business Hero Section","description":"A professional hero section crafted for enterprise AI businesses, featuring scalable solutions, real-time intelligence, and clear calls-to-action that inspire …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-16.json"},{"name":"hero-17","title":"Hero 17 - Consulting Hero Section","description":"A modern, high-impact hero section showcasing business expertise, growth metrics, and collaborative visuals to build credibility and drive meaningful client en…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-17.json"},{"name":"hero-18","title":"Hero 18 - AI SaaS Product Hero Section","description":"A modern SaaS hero section highlighting AI-driven product capabilities with clear messaging, primary actions, feature navigation, and product preview—designed …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-18.json"},{"name":"hero-19","title":"Hero 19 - Developer Portfolio Hero Section","description":"A personal portfolio hero section introducing the developer with a strong headline, profile visual, key achievements, and call-to-action—designed to showcase e…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-19.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-19.json"},{"name":"hero-20","title":"Hero 20 - SaaS Dashboard Hero Section","description":"A modern SaaS hero section showcasing an intuitive dashboard, highlighting real-time analytics, key metrics, and actionable insights to simplify decisions and …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-20.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-20.json"},{"name":"hero-21","title":"Hero 21 - Product Showcase Hero Section","description":"A modern hero section highlighting key features, real user feedback, and intuitive design—crafted to position your product and increase conversions.","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-21.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-21.json"},{"name":"hero-22","title":"Hero 22 - Creator Growth Hero Section","description":"A modern hero section designed for creator platforms, featuring strong social proof, engaging user visuals, and clear messaging to highlight growth tools and d…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-22.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-22.json"},{"name":"hero-23","title":"Hero 23 - AI Coding Model Hero section","description":"A clean hero section highlighting AI-powered coding tools, workflow automation, and real-time dashboards, designed to help developers build faster and scale wi…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-23.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-23.json"},{"name":"hero-24","title":"Hero 24 - Workspace Hero Section","description":"A clean dashboard hero section featuring a centralized workspace, live analytics, and workflow management tools, designed to help teams stay organized and work…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-24.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-24.json"},{"name":"hero-25","title":"Hero 25 - SaaS Product Hero Section","description":"A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide us…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-25.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-25.json"},{"name":"hero-26","title":"Hero 26 - Creative Agency Hero Section","description":"A minimal hero section combining expressive visuals, clean layouts, and focused messaging—crafted to showcase creativity, build brand presence, and capture att…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-26.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-26.json"},{"name":"hero-27","title":"Hero 27 - AI Platform Hero Section","description":"A modern SaaS hero section combining bold messaging, product positioning, trust indicators, and key metrics, designed to quickly communicate value and guide us…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-27.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-27.json"},{"name":"hero-28","title":"Hero 28 - Precision Genomics Hero Section","description":"A clean hero section with a background video, glass-style cards, and animated stats that create a modern scientific look. A sticky navbar keeps navigation simp…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-28.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-28.json"},{"name":"hero-29","title":"Hero 29 - Creative Agency Hero Section","description":"A bold hero section with a looping background video, oversized typography, and a transparent navbar. The mobile menu slides in smoothly for a clean browsing ex…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-29.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-29.json"},{"name":"hero-30","title":"Hero 30 - Waitlist Hero Section","description":"A cinematic hero section with a looping video background, bold two-line headline, and a waitlist email-capture pill, designed to build anticipation and collect…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-30.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-30.json"},{"name":"hero-31","title":"Hero 31 - Travel & Destination Hero Section","description":"A travel hero section with a looping scenic video background, bold headline, and a location search bar, ideal for travel, hospitality, and destination discover…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-31.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-31.json"},{"name":"hero-32","title":"Hero 32 - AI SaaS Hero Section","description":"A polished hero section with a looping background video, an animated navbar, and a product dashboard preview. Smooth interactions help showcase your product fr…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-32.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-32.json"},{"name":"hero-33","title":"Hero 33 - Real Estate Hero Section","description":"A full-bleed real estate hero section with a looping background video, a frosted-glass navbar with contact details, and a two-column headline layout.","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-33.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-33.json"},{"name":"hero-34","title":"Hero 34 - Category Spotlight Hero","description":"An interactive category spotlight hero with a giant background headline, floating 3D characters, and a frosted glass info panel. Browse kids, men, and women co…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-34.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-34.json"},{"name":"hero-35","title":"Hero 35 - AI Reasoning Hero","description":"An AI-product hero section with a soft aurora gradient backdrop, a bold headline, and a chat-style prompt card featuring a model selector, voice input, and wor…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-35.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-35.json"},{"name":"hero-36","title":"Hero 36 - Luxury Real Estate Hero","description":"A modern real-estate hero section with a cinematic city backdrop, bold headline, CTA buttons, and a sleek property details card showcasing key project informat…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-36.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-36.json"},{"name":"hero-37","title":"Hero 37 - Interactive Swing Line Hero","description":"A playful hero section that pins integration cards to a sagging line above the fold — the line auto-scrolls and ripples like real fabric on a washing line as t…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-37.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-37.json"},{"name":"hero-38","title":"Hero 38 - Orbiting Integrations Hero","description":"A modern integrations hero with a floating pill navigation, ratings row, bold headline, CTAs and a workflow preview card, surrounded by app icons that orbit al…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-38.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-38.json"},{"name":"hero-39","title":"Hero 39 - Wellness Video Hero","description":"A full-bleed wellness hero with a looping video backdrop, a floating pill navigation with contact details, a serif headline, and a glassy ratings card with a r…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-39.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-39.json"},{"name":"hero-40","title":"Hero 40 - Pet Care Cursor Hero","description":"A warm pet care hero with a floating pill navigation, a bold three-line headline, feature highlights, social proof, and a kitten video that follows the cursor …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-40.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-40.json"},{"name":"hero-41","title":"Hero 41 - Cinematic Showreel Hero","description":"A full-bleed video hero with an editor-style timecode ruler, a live REC indicator, a floating showreel navigator card, a services list, and a giant bleeding wo…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-41.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-41.json"},{"name":"hero-42","title":"Hero 42 - Neon Music Artist Hero","description":"A full-bleed music artist hero with a video backdrop, a gradient headline, a floating latest-release track list, listener stats, and a community avatar strip.","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-42.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-42.json"},{"name":"hero-43","title":"Hero 43 - Xylophone Helix Hero","description":"A dark-tech hero with an interactive canvas bar-helix background you can drag, scroll and hover to tint, layered under an announcement pill, a large headline, …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-43.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-43.json"},{"name":"hero-44","title":"Hero 44 - Warm Portrait Music Artist Hero","description":"A full-bleed music artist hero with a warm portrait backdrop, a gradient headline, listener stats, a community avatar strip, and a floating now-playing release…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-44.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-44.json"},{"name":"hero-45","title":"Hero 45 - Prism Film Shader Hero","description":"A theme-aware hero with a navbar, a rounded card driven by a WebGL2 Prism Film gradient shader with pointer-reactive chromatic split, a tagline badge, a bold h…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-45.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-45.json"},{"name":"hero-46","title":"Hero 46 - Enterprise AI Security Hero","description":"A dark enterprise hero with a cursor-reactive wireframe globe, a transparent navbar, a tagline badge, a bold headline with dual CTAs, a floating showreel card,…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-46.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-46.json"},{"name":"hero-47","title":"Hero 47 - Depth Parallax Portrait Hero","description":"A WebGL depth/normal-mapped portrait hero: the cursor's own trail reveals a second plate over the subject, a scan-line outline traces the plate's edges, and a …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-47.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-47.json"},{"name":"hero-48","title":"Hero 48 - Cinematic Video Innovation Hero","description":"A cinematic full-bleed video hero with a transparent navbar, an oversized headline with a highlighted keyword, dual CTAs, and a trusted-by band showing partner…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-48.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-48.json"},{"name":"hero-49","title":"Hero 49 - Animated Dot Matrix AI Hero","description":"A dark AI protocol hero with a WebGL2 animated dot-matrix background, protocol stats navbar, oversized headline with dual CTAs, a glass waitlist card, a latest…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-49.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-49.json"},{"name":"hero-50","title":"Hero 50 - Dithered Globe Studio Hero","description":"A dark studio hero with an interactive dithered Earth globe canvas that spins on its own and responds to drag and arrow keys, an oversized headline, side label…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-50.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-50.json"},{"name":"hero-51","title":"Hero 51 - Glass Showcase Studio Hero","description":"A dark showcase hero with a full-bleed glass background image, a transparent navbar with links and a Menu button, an oversized staggered headline with a side b…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-51.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-51.json"},{"name":"hero-52","title":"Hero 52 - Bento Agent Hero","description":"A light bento-style hero split into two columns: navbar, headline and description, rating and feature cards, and a full-width CTA on the left, with a dotted ca…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-52.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-52.json"},{"name":"hero-53","title":"Hero 53 - Reels Showcase Hero","description":"A centered social media hero with a notch navbar that detaches into a pill on scroll, a staggered headline reveal, an animated gradient blob background and a c…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-53.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-53.json"},{"name":"hero-54","title":"Hero 54 - Cleaning Service Hero","description":"A cleaning service hero with a sticky navbar, a two line marker highlighted headline, call to action buttons, a satisfaction stat card with avatars and a full …","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-54.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-54.json"},{"name":"hero-55","title":"Hero 55 - Game Season Hero","description":"A game season hero with a floating glass navbar, a gradient headline, call to action buttons, a background image carousel with thumbnail controls and autoplay,…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-55.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-55.json"},{"name":"hero-56","title":"Hero 56 - Robotics Cursor Hero","description":"A clean robotics hero with a minimal navbar, a large three-line headline, call to action buttons, feature columns, and a robot video, with a light and a dark c…","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-56.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-56.json"},{"name":"hero-57","title":"Hero 57 - Construction Hero","description":"A bold construction company hero with a transparent navbar, an oversized gradient headline over a full-bleed crane scene, a short tagline and a call to action.","type":"registry:block","source_url":"https://shadcnspace.com/r/hero-57.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/hero-57.json"},{"name":"integration-01","title":"Integration 01 - Unified Integrations","description":"Seamlessly connect your favorite tools and APIs to automate workflows, centralize data, and enhance productivity — giving developers the flexibility to build f…","type":"registry:block","source_url":"https://shadcnspace.com/r/integration-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-01.json"},{"name":"integration-02","title":"Integration 02 - Smart Integrations","description":"Easily integrate with popular tools your team already uses to streamline workflows, reduce manual effort, and create a connected ecosystem that improves collab…","type":"registry:block","source_url":"https://shadcnspace.com/r/integration-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-02.json"},{"name":"integration-03","title":"Integration 03 - Advanced Integrations","description":"Connect powerful tools into one intelligent ecosystem to automate workflows, simplify operations, and help teams work smarter with scalable integrations built …","type":"registry:block","source_url":"https://shadcnspace.com/r/integration-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-03.json"},{"name":"integration-04","title":"Integration 04 - Enterprise Integrations","description":"Securely connect your entire technology stack with enterprise-grade integrations that enhance data flow, improve reliability, and give teams the flexibility to…","type":"registry:block","source_url":"https://shadcnspace.com/r/integration-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-04.json"},{"name":"integration-05","title":"Integration 05 - Apps to Automated Actions","description":"A wiring-diagram style integration section that maps connected apps through a central hub into automated actions, showing at a glance how tools sync data and t…","type":"registry:block","source_url":"https://shadcnspace.com/r/integration-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/integration-05.json"},{"name":"pricing-01","title":"Pricing 01 - Startup Pricing Plans","description":"A clean two tier pricing section with feature comparison, highlighted plans, and strong CTAs, suited for agencies, Startups & SaaS to convert visitors by clear…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-01.json"},{"name":"pricing-02","title":"Pricing 02 - Scalable Pricing Table","description":"A three tier pricing layout with a highlighted recommended plan, feature checklists, and clear CTAs, perfect for any website having pricing section to guide us…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-02.json"},{"name":"pricing-03","title":"Pricing 03 - Simple Subscription Pricing","description":"A modern pricing section with monthly vs yearly toggle, three plan cards, feature lists, and conversion focused CTAs, ideal for SaaS, courses, or membership pl…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-03.json"},{"name":"pricing-04","title":"Pricing 04 - Highlighted Plan Pricing","description":"A visually rich pricing section with promotional banner, monthly vs yearly toggle, and recommended plan badge, designed to boost conversions by emphasizing sav…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-04.json"},{"name":"pricing-05","title":"Pricing 05 - Flexible Pricing Plans","description":"Present clear, scalable pricing tiers designed to support businesses at every stage—helping users compare features, understand value quickly, and choose the pl…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-05.json"},{"name":"pricing-06","title":"Pricing 06 - Simple & Transparent Service Pricing","description":"Showcase clearly structured cleaning packages with upfront pricing, helping customers quickly compare options, understand what’s included, and confidently book…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-06.json"},{"name":"pricing-07","title":"Pricing 07 - Business Plan Pricing","description":"A clean pricing layout showcasing multiple subscription tiers, feature comparisons, and clear plan benefits designed to support startups, founders, and growing…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-07.json"},{"name":"pricing-08","title":"Pricing 08 - Modern SaaS Pricing","description":"A clean pricing section with three plans, a highlighted recommendation, billing toggle, and clear CTAs to guide plan selection","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-08.json"},{"name":"pricing-09","title":"Pricing 09 - Personalized Pricing Plans","description":"A modern pricing section with flexible subscription tiers, a highlighted popular plan, feature lists, and strong CTAs designed to help users choose quickly.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-09.json"},{"name":"pricing-10","title":"Pricing 10 - Three-Tiered Pricing Plans","description":"A simple and scalable pricing section with three plans, feature checklists, and clear CTAs, making it easy for users to understand and decide.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-10.json"},{"name":"pricing-11","title":"Pricing 11 - Add-Ons Pricing Section","description":"A modern add-ons pricing section showcasing flexible upgrade options, feature highlights, and clear pricing tiers, designed to enhance workflows and drive conv…","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-11.json"},{"name":"pricing-12","title":"Pricing 12 - Simple Tech Upgrade Plans","description":"A modern two-tier pricing section with billing toggle, feature highlights, and clear CTAs, designed to encourage upgrades and simplify decision making.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-12.json"},{"name":"pricing-13","title":"Pricing 13 - Tabular Pricing Layout","description":"A detailed tabular layout with multiple plans, feature availability, and highlighted option, built to simplify decision making and improve conversions.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-13.json"},{"name":"pricing-14","title":"Pricing 14 - Single Plan Pricing","description":"A clean single plan pricing card with feature highlights, billing toggle, and strong CTA, designed to focus attention and drive quick decisions.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-14.json"},{"name":"pricing-15","title":"Pricing 15 - Choose and Compare Pricing","description":"A modern pricing interface with plan options and side feature panel, designed to improve clarity, comparison, and overall user decision making.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-15.json"},{"name":"pricing-16","title":"Pricing 16 - Plans with Feature Comparison","description":"A pricing section with a monthly/yearly toggle, three plan cards, and a grouped feature comparison table to help visitors compare plans at a glance.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-16.json"},{"name":"pricing-17","title":"Pricing 17 - Bordered Plan Grid","description":"A bordered pricing grid with an intro panel, diagnostic layer highlights, and four plan columns with feature lists and call to action buttons.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-17.json"},{"name":"pricing-18","title":"Pricing 18 - Glass Plan Cards","description":"A glassmorphism pricing section with an oversized fading heading, three translucent plan cards with feature lists, and a yearly billing toggle.","type":"registry:block","source_url":"https://shadcnspace.com/r/pricing-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/pricing-18.json"},{"name":"bio-link-01","title":"Bio Link 01 - Founder Bio Link","description":"A clean founder-focused bio links layout with profile image, quick access buttons, social links, and CTA section, perfect for showcasing products and updates.","type":"registry:block","source_url":"https://shadcnspace.com/r/bio-link-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-01.json"},{"name":"bio-link-02","title":"Bio Link 02 - Speaker Bio Link","description":"A sleek speaker bio page with session booking, social links, featured video, and event schedule, designed to boost visibility, credibility, and audience connec…","type":"registry:block","source_url":"https://shadcnspace.com/r/bio-link-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-02.json"},{"name":"bio-link-03","title":"Bio Link 03 - Fitness Link Hub","description":"A clean fitness bio link page with quick actions, social links, workout categories, and video content, designed to inspire daily movement and healthy routines.","type":"registry:block","source_url":"https://shadcnspace.com/r/bio-link-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-03.json"},{"name":"bio-link-04","title":"Bio Link 04 - Portfolio Bio Link","description":"A modern creator portfolio link hub featuring profile info, social presence, product cards, and highlights, perfect for showcasing work, tools, and personal br…","type":"registry:block","source_url":"https://shadcnspace.com/r/bio-link-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/bio-link-04.json"},{"name":"testimonial-01","title":"Testimonial 01 - Bento Grid Testimonials","description":"A multi card testimonial section combining customer quotes, imagery, and performance stats, ideal for showcasing social proof, building trust, and reinforcing …","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-01.json"},{"name":"testimonial-02","title":"Testimonial 02 - Testimonial Slider Showcase","description":"A clean testimonial slider with customer photo, detailed quote, navigation controls, and partner logos—perfect for highlighting success stories and building in…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-02.json"},{"name":"testimonial-03","title":"Testimonial 03 - Text and Video Testimonials","description":"Highlight authentic client experiences through impactful testimonials that build credibility, demonstrate real results, and help potential customers feel confi…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-03.json"},{"name":"testimonial-04","title":"Testimonial 04 - Client Success Stories","description":"Showcase measurable outcomes and real client feedback to demonstrate impact, build trust, and highlight how your platform drives smarter decisions, stronger co…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-04.json"},{"name":"testimonial-05","title":"Testimonial 05 - Modern Grid Testimonials","description":"Build credibility with authentic testimonials from respected clients, highlighting real results, seamless collaboration, and the value your platform delivers t…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-05.json"},{"name":"testimonial-06","title":"Testimonial 06 - Clean & Modern Testimonials","description":"Showcase genuine customer experiences that highlight measurable success, improved workflows, and stronger collaboration—helping prospects build trust in your p…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-06.json"},{"name":"testimonial-07","title":"Testimonial 07 - Multi Platform Testimonials","description":"Highlight authentic customer feedback that reflects real success, seamless adoption, and measurable growth—helping visitors quickly understand the value your p…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-07.json"},{"name":"testimonial-08","title":"Testimonial 08 - Customer Story Testimonials","description":"A professional testimonial experience designed to showcase authentic customer feedback, highlight success stories, and reinforce the real-world value of your p…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-08.json"},{"name":"testimonial-09","title":"Testimonial 09 - Quote & Stats Testimonials","description":"A modern testimonial layout combining real customer feedback with performance statistics, helping highlight proven outcomes, strengthen credibility, and build …","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-09.json"},{"name":"testimonial-10","title":"Testimonial 10 - Split Layout Testimonials","description":"A testimonial section featuring trusted company logos and authentic client quotes, helping reinforce credibility and demonstrate real results from satisfied cu…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-10.json"},{"name":"testimonial-11","title":"Testimonial 11 - Profile Highlight Testimonials","description":"A modern testimonial section featuring customer profiles and real feedback, helping showcase product impact, build trust, and communicate value through clear a…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-11.json"},{"name":"testimonial-12","title":"Testimonial 12 - Centered Testimonials Slider","description":"A clean testimonial slider with centered quotes, user avatars, and brand logos, helping showcase authentic feedback, strengthen credibility, and enhance overal…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-12.json"},{"name":"testimonial-13","title":"Testimonial 13 - Multi Column Testimonials","description":"A modern grid layout designed to present authentic customer feedback at scale, reinforcing credibility and helping users quickly recognize real product impact.","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-13.json"},{"name":"testimonial-14","title":"Testimonial 14 - Carousel Testimonials Layout","description":"A horizontal testimonial slider with developer-focused feedback and user profiles, helping showcase real-world usage, reinforce product credibility, and highli…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-14.json"},{"name":"testimonial-15","title":"Testimonial 15 - Video Carousel Testimonials","description":"A testimonial carousel that mixes video testimonials with written quotes, letting visitors watch real customer stories or read them, ideal for building trust w…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-15.json"},{"name":"testimonial-16","title":"Testimonial 16 - Company Tabs Testimonial","description":"A testimonial section with company tabs that switch between a customer portrait and an animated ballpit quote card, finished with a trusted-by logo strip, idea…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-16.json"},{"name":"testimonial-17","title":"Testimonial 17 - Bento Result Testimonials","description":"A bento grid of customer testimonials that pairs headline results like 4X faster delivery with short quotes, author details and a review rating strip, ideal fo…","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-17.json"},{"name":"testimonial-18","title":"Testimonial 18 - Customer Voices Slider","description":"A soft gradient testimonial section with a bold headline, slider controls, a clickable avatar strip and a floating glass quote card beside a featured customer …","type":"registry:block","source_url":"https://shadcnspace.com/r/testimonial-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/testimonial-18.json"},{"name":"feature-01","title":"Feature 01 - Feature with Testimonials","description":"A trust focused feature section combining a highlighted customer testimonial with supporting benefit cards, perfect for product or SaaS pages to showcase socia…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-01.json"},{"name":"feature-02","title":"Feature 02 - Three Columns Feature with Icons","description":"A clean three card feature grid with icons and concise copy, built for product or SaaS pages to communicate core benefits clearly while maintaining a developer…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-02.json"},{"name":"feature-03","title":"Feature 03 - Split Feature Showcase","description":"A modern split layout feature section with visual focus, headline, and icon based benefit cards, perfect for SaaS, agencies, and startups to highlight key offe…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-03.json"},{"name":"feature-04","title":"Feature 04 - Team Collaboration Feature","description":"A people centric feature section combining engaging team imagery, benefit cards, and a strong CTA, ideal for SaaS or agencies to showcase collaboration, innova…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-04.json"},{"name":"feature-05","title":"Feature 05 - Visual Feature Highlight","description":"A bold hero style feature section with floating stats, social proof, and primary CTA, perfect for SaaS or startups to communicate innovation, credibility, and …","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-05.json"},{"name":"feature-06","title":"Feature 06 - Impact Stats Feature","description":"A split-layout feature section combining storytelling imagery, persuasive copy, strong CTA, and growth metrics, ideal for agencies or SaaS brands to showcase c…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-06.json"},{"name":"feature-07","title":"Feature 07 - Performance-Focused Feature Section","description":"Highlight powerful platform capabilities with an interactive feature section designed to showcase reporting, automation, and integrations while reinforcing sca…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-07.json"},{"name":"feature-08","title":"Feature 08 - Core Advantages Feature Section","description":"Showcase the platform's strongest benefits with a modern feature layout that emphasizes collaboration, operational clarity, and measurable outcomes—helping tea…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-08.json"},{"name":"feature-09","title":"Feature 09 - Crypto App Features Section","description":"Highlight powerful crypto-ready features with a sleek layout designed for trading platforms, blockchain products, and digital assets—built to accelerate launch…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-09.json"},{"name":"feature-10","title":"Feature 10 - Multi-Option Crypto Experience Section","description":"Showcase a powerful crypto application designed for flexibility—plan, prototype, refine, and scale with ease while enabling seamless buying, selling, and portf…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-10.json"},{"name":"feature-11","title":"Feature 11 - Crypto Portfolio Builder Section","description":"Highlight a modern crypto platform that empowers users to build, manage, and secure their portfolios with confidence—featuring mobile access, vault protection,…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-11.json"},{"name":"feature-12","title":"Feature 12 - Developer Experience Features Section","description":"Showcase a developer-first toolkit designed for speed and flexibility—combining Tailwind styling, MDX support, and preconfigured essentials to help teams build…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-12.json"},{"name":"feature-13","title":"Feature 13 - AI Workflow feature Section","description":"A modern process-driven feature section highlighting AI-powered workflows, performance insights, and automation opportunities, ideal for SaaS platforms streaml…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-13.json"},{"name":"feature-14","title":"Feature 14 - Team Workflow feature Section","description":"A modern workflow section highlighting team collaboration, task management, and project coordination, ideal for platforms helping teams organize work and deliv…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-14.json"},{"name":"feature-15","title":"Feature 15 - AI Platform Features Section","description":"A modern feature section showcasing performance dashboards, reporting tools, and operational insights, ideal for platforms helping teams monitor growth and opt…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-15.json"},{"name":"feature-16","title":"Feature 16 - Creative Studio Feature Section","description":"A modern feature section highlighting creative teamwork, production planning, and visual storytelling workflows designed to help studios craft impactful video …","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-16.json"},{"name":"feature-17","title":"Feature 17 - Video Agency Feature Section","description":"A creative feature section showcasing cinematic storytelling, collaborative production workflows, and brand-focused video creation, ideal for studios presentin…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-17.json"},{"name":"feature-18","title":"Feature 18 - AI Startups Solutions Feature Section","description":"A startup-focused section combining product visuals, performance metrics, and conversion insights, designed to showcase how teams design, launch, and grow AI-p…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-18.json"},{"name":"feature-19","title":"Feature 19 - AI Startups Solutions Feature Section","description":"A startup-focused section combining product visuals, performance metrics, and conversion insights, designed to showcase how teams design, launch, and grow AI-p…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-19.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-19.json"},{"name":"feature-20","title":"Feature 20 - Card-Based Feature Section","description":"A clean feature section showcasing organized layers of content with supporting visuals, built to simplify complex interfaces and improve user understanding.","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-20.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-20.json"},{"name":"feature-21","title":"Feature 21 - Strategy Feature Section","description":"A clean feature section focused on planning, efficiency, and actionable insights, designed to help businesses streamline operations and achieve long-term succe…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-21.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-21.json"},{"name":"feature-22","title":"Feature 22 - Two-Row grid feature section","description":"A modern two-row grid feature section with six cards, designed to highlight multiple features while maintaining visual hierarchy and readability.","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-22.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-22.json"},{"name":"feature-23","title":"Feature 23 - Educational Platform Feature Section","description":"A thoughtfully designed feature section presenting layered learning, connected ideas, and visual storytelling designed to help users explore knowledge and buil…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-23.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-23.json"},{"name":"feature-24","title":"Feature 24 - AI Product Feature Section","description":"A balanced layout combining engaging visuals and structured content to showcase scalable AI solutions, helping modern teams streamline workflows and drive smar…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-24.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-24.json"},{"name":"feature-25","title":"Feature 25 - Signature Spaces Grid","description":"A centred header with a 2-column image grid showcasing four signature community spaces - pool, walking passage, multipurpose court, and club house - each with …","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-25.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-25.json"},{"name":"feature-26","title":"Feature 26 - Amenities Icon Grid","description":"A centred header above an 18-item icon grid displaying community amenities - gym, kids' play area, pet park, golf area, and more - with staggered entrance anim…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-26.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-26.json"},{"name":"feature-27","title":"Feature 27 - Floor Plan Explorer","description":"A tabbed floor plan section with an animated line indicator, showing a plan image alongside a spec table, key highlights, pricing, and a request CTA - covering…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-27.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-27.json"},{"name":"feature-28","title":"Feature 28 - Bento Grid with Animated Waves","description":"A bento-style feature grid highlighting service benefits with icon cards, capped off by an animated gradient wave card for the standout highlight.","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-28.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-28.json"},{"name":"feature-29","title":"Feature 29 - Bento Grid Mosaic","description":"An 8-tile bento mosaic mixing an animated soft-aurora panel, oversized line-art icons, a stat callout, a pricing snippet, and a social-proof card with an avata…","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-29.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-29.json"},{"name":"feature-30","title":"Feature 30 - Accordion Feature Showcase","description":"A two-column feature section pairing a headline and accordion list with a showcase card that updates its heading, stat, and tag for the selected item.","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-30.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-30.json"},{"name":"feature-31","title":"Feature 31 - How It Works Steps","description":"A how-it-works section with a headline column, four numbered process steps, and an interactive expanding panel strip that follows the active step.","type":"registry:block","source_url":"https://shadcnspace.com/r/feature-31.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/feature-31.json"},{"name":"about-us-section-01","title":"About Us 01 - Impact Metrics","description":"A bold about us section combining value pillars, headline messaging, and performance counters, perfect for agencies or studios to highlight expertise, achievem…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-01.json"},{"name":"about-us-section-02","title":"About Us 02 - About the Platform with Stats","description":"A modern about section highlighting your mission, product impact, and key metrics, designed to build developer trust, communicate scale, and showcase credibili…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-02.json"},{"name":"about-us-section-03","title":"About Us 03 - Experience & Impact About Us","description":"A metrics-driven about section combining credibility stats with a strong brand narrative, helping developers showcase expertise, build trust, and communicate p…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-03.json"},{"name":"about-us-section-04","title":"About Us 04 - Lifestyle Showcase About Section","description":"A visually rich about section featuring immersive imagery, refined messaging, and key community metrics—ideal for presenting modern living experiences while bu…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-04.json"},{"name":"about-us-section-05","title":"About Us 05 - Platform Overview","description":"A modern about section blending strong messaging with performance metrics, helping teams communicate innovation, scalability, and trust while reinforcing produ…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-05.json"},{"name":"about-us-section-06","title":"About Us 06 - Minimal About Us","description":"A clean about us section with minimal design and clear messaging, helping teams introduce their brand story, vision, and purpose with clarity and focus.","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-06.json"},{"name":"about-us-section-07","title":"About Us 07 - Business Growth","description":"A modern metrics section highlighting key numbers that showcase product adoption, business growth, and global user trust at a glance.","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-07.json"},{"name":"about-us-section-08","title":"About Us 08 - Marketing Agency About Section","description":"A modern about section combining brand messaging with key performance metrics to highlight growth, credibility, and product impact for startups and SaaS platfo…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-08.json"},{"name":"about-us-section-09","title":"About Us 09 - Split Layout About Section","description":"A balanced layout combining immersive visuals with concise text, designed to present brand identity, teamwork, and innovation in a clear, engaging format.","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-09.json"},{"name":"about-us-section-10","title":"About Us 10 - About Section with KPIs","description":"A minimal about section showcasing mission, vision, and key performance indicators, helping businesses communicate clarity, scale, and credibility to users and…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-10.json"},{"name":"about-us-section-11","title":"About Us 11 - Creative Media About Section","description":"A modern layout presenting video services and brand storytelling, supported by a strong call-to-action designed to capture interest and drive conversions effec…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-11.json"},{"name":"about-us-section-12","title":"About Us 12 - Real Estate About Section","description":"A clean and engaging section combining property visuals, brand messaging, and key statistics, designed to highlight lifestyle value, credibility, and user inte…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-12.json"},{"name":"about-us-section-13","title":"About Us 13 - Interior Design About Section","description":"A modern interior design about section combining split layout visuals and key metrics to highlight brand credibility, lifestyle value, and customer engagement …","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-13.json"},{"name":"about-us-section-14","title":"About Us 14 - Brand Story About Section","description":"A brand story about section featuring a bold headline, a label and narrative row, a two-image grid, and an oversized brand logo peeking from behind the visuals.","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-14.json"},{"name":"about-us-section-15","title":"About Us 15 - Six Column About Section","description":"A six-column about section with a bold headline, a full-width hero image, and a closing row combining a label, an intro with an avatar profile, and a large phi…","type":"registry:block","source_url":"https://shadcnspace.com/r/about-us-section-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/about-us-section-15.json"},{"name":"team-01","title":"Team 01 - Creative Team Showcase","description":"A vibrant team section featuring profile cards with roles and social links, perfect for agencies or startups to humanize their brand, highlight talent, and bui…","type":"registry:block","source_url":"https://shadcnspace.com/r/team-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-01.json"},{"name":"team-02","title":"Team 02 - Modern Team Grid","description":"A clean team grid with large profile cards, roles, and social icons, ideal for agencies or SaaS companies to introduce key members and strengthen brand authent…","type":"registry:block","source_url":"https://shadcnspace.com/r/team-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-02.json"},{"name":"team-03","title":"Team 03 - Meet the Team","description":"A clean team showcase layout designed to introduce key members with professional visuals and roles, helping organizations humanize their brand and build trust …","type":"registry:block","source_url":"https://shadcnspace.com/r/team-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-03.json"},{"name":"team-04","title":"Team 04 - Leadership Team","description":"A modern leadership section combining engaging visuals with strong messaging, crafted to highlight expertise, reinforce credibility, and showcase the people dr…","type":"registry:block","source_url":"https://shadcnspace.com/r/team-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-04.json"},{"name":"team-05","title":"Team 05 - Agents Team","description":"A professional team directory layout built to showcase agents with credentials, performance metrics, and contact options—helping real estate platforms build tr…","type":"registry:block","source_url":"https://shadcnspace.com/r/team-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-05.json"},{"name":"team-06","title":"Team 06 - Clinical Experts Team","description":"A clean team section layout featuring healthcare clinicians and experts in a dynamic carousel with languages spoken and appointment booking actions.","type":"registry:block","source_url":"https://shadcnspace.com/r/team-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-06.json"},{"name":"team-07","title":"Team 07 - Platform Innovators Team","description":"A confident team section pairing a bold headline and trust-building highlight card with a grid of team member photos, designed to introduce the people behind a…","type":"registry:block","source_url":"https://shadcnspace.com/r/team-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-07.json"},{"name":"team-08","title":"Team 08 - Swing Line Team","description":"Introduce your team on a sagging line of pinned member cards that drifts on its own, sways like fabric in the breeze, and ripples as the cursor moves across it…","type":"registry:block","source_url":"https://shadcnspace.com/r/team-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/team-08.json"},{"name":"compare-01","title":"Compare 01 - Feature Comparison","description":"A side-by-side comparison section that highlights the time, effort, and quality differences between two development approaches, using headline stats, checklist…","type":"registry:block","source_url":"https://shadcnspace.com/r/compare-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/compare-01.json"},{"name":"compare-02","title":"Compare 02 - Platform Feature Matrix","description":"A structured comparison table contrasting Space against Freelancers and Traditional Agencies, featuring highlighted columns, badge tags, icon support, and a cl…","type":"registry:block","source_url":"https://shadcnspace.com/r/compare-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/compare-02.json"},{"name":"navbar-01","title":"Navbar 01 - Minimal Agency Navbar","description":"A clean top navigation bar with logo, page links, and standout CTA button, ideal for agency or SaaS websites to guide users and drive collaboration effortlessl…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-01.json"},{"name":"navbar-02","title":"Navbar 02 - Modern SaaS Menu","description":"A structured navigation layout with categorized features and use cases, interactive icons, and clear links, designed for AI or SaaS platforms to help users exp…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-02.json"},{"name":"navbar-03","title":"Navbar 03 - Modern Healthcare NavBar","description":"A structured navigation bar with a detailed services dropdown, medical categories, and clear contact options, designed to help patients quickly find care and b…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-03.json"},{"name":"navbar-04","title":"Navbar 04 - Structured SaaS Navigation Menu","description":"A clean multi-column navigation layout with categorized features, organized content links, and a highlighted guide panel, designed to improve product discovery…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-04.json"},{"name":"navbar-05","title":"Navbar 05 - Comprehensive Resources Menu","description":"A structured dropdown layout with documentation, tutorials, community access, webinars, and release notes, designed to centralize learning resources and simpli…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-05.json"},{"name":"navbar-06","title":"Navbar 06 - Advanced Resources Navbar","description":"A structured dropdown layout highlighting branding controls, data export, API access, and system alerts, designed to showcase platform capabilities and improve…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-06.json"},{"name":"navbar-07","title":"Navbar 07 - Feature-Rich Navbar","description":"A clean and categorized dropdown menu with automation tools, partnerships, analytics, and resource libraries, designed to simplify navigation and improve overa…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-07.json"},{"name":"navbar-08","title":"Navbar 08 - Minimal Services Menu","description":"A clean navigation bar with a services dropdown, contact details, and a clear call-to-action button designed to showcase offerings and attract clients.","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-08.json"},{"name":"navbar-09","title":"Navbar 09 - Minimal Developer Navbar","description":"A minimal navigation layout with clear links to projects, experience, and contact—crafted to highlight skills, improve usability, and create a smooth browsing …","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-09.json"},{"name":"navbar-10","title":"Navbar 10 - Creator Platform Navigation","description":"A clean sidebar navigation menu with essential links, social icons, and a strong call-to-action—designed to help creators navigate easily, showcase work, and g…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-10.json"},{"name":"navbar-11","title":"Navbar 11 - Boxed Navbar Layout","description":"A clean boxed navigation bar with structured links, clear hierarchy, and strong call-to-action—designed to improve usability and guide users across modern inte…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-11.json"},{"name":"navbar-12","title":"Navbar 12 - Ecommerce Mega Menu Navbar","description":"An ecommerce navbar with a compact icon-only utility row for cart, wishlist, and account, plus a horizontal category bar where each link opens a multi-column m…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-12.json"},{"name":"navbar-13","title":"Navbar 13 - Media Navbar","description":"A transparent-to-blurred navbar with an animated dot hover indicator, icon search trigger, and an expanding play-style call-to-action button.","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-13.json"},{"name":"navbar-14","title":"Navbar 14 - Floating Pill Navbar","description":"A floating pill-shaped navbar with an active dot indicator, a Pages dropdown, a cart icon, and a rounded call-to-action button with a chevron badge.","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-14.json"},{"name":"navbar-15","title":"Navbar 15 - Dual Pill Navbar","description":"A floating navbar split into two translucent pills: brand mark with navigation links on the left, and a secondary link with a solid call-to-action on the right.","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-15.json"},{"name":"navbar-16","title":"Navbar 16 - Centered Pill Navbar","description":"A floating navbar with the brand mark on the left, navigation links inside a centered dark pill with a highlighted active item, and a pill call-to-action with …","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-16.json"},{"name":"navbar-17","title":"Navbar 17 - Expandable Menu Navbar","description":"A floating navbar with the logo on the left and a menu pill beside a teal call-to-action button on the right. The toggle expands the navigation links inline on…","type":"registry:block","source_url":"https://shadcnspace.com/r/navbar-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/navbar-17.json"},{"name":"widget-01","title":"Widget 01 - Analytics Overview Widget","description":"A compact analytics widget displaying earnings and expenses with growth indicators, perfect for admin dashboards to provide quick financial insights without ov…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-01.json"},{"name":"widget-02","title":"Widget 02 - Sales by Country Widget","description":"A ranked country wise sales widget with flags, revenue values, and growth indicators, ideal for dashboards to monitor geographic performance and spot emerging …","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-02.json"},{"name":"widget-03","title":"Widget 03 - Course Preview Card Widget","description":"A content preview widget with cover image, title, short description, and participant avatars, ideal for learning platforms or blogs to showcase featured course…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-03.json"},{"name":"widget-04","title":"Widget 04 - Best Selling Products Widget","description":"A visual sales widget highlighting top-performing products with revenue values and progress bars, perfect for admin dashboards to track product performance and…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-04.json"},{"name":"widget-05","title":"Widget 05 - Activity Timeline Widget","description":"A vertical activity feed displaying real-time events like payments, sales, and meetings, ideal for dashboards to keep teams updated with the latest business ac…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-05.json"},{"name":"widget-06","title":"Widget 06 - Campaign Performance Widget","description":"A social campaign tracking widget showing leads, followers, and ad clicks with status labels, ideal for dashboards to monitor marketing performance across mult…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-06.json"},{"name":"widget-07","title":"Widget 07 - Statistics – Asset Distribution Overview","description":"An informative analytics card outlining asset value, annual growth metrics, and revenue allocation across multiple streams to enhance financial clarity and dec…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-07.json"},{"name":"widget-08","title":"Widget 08 - Statistics – KPI Welcome Section","description":"A modern dashboard welcome banner displaying personalized greeting with key metrics like new leads and conversion rate, ideal for highlighting performance insi…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-08.json"},{"name":"widget-09","title":"Widget 09 - Sales Performance Summary Widget","description":"A sales summary widget presenting active, pending, and delivered orders with achievement insights, perfect for dashboards to visualize growth performance and o…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-09.json"},{"name":"widget-10","title":"Widget 10 - Weekly Sales Insights Widget","description":"A compact performance overview card displaying weekly sales patterns, best contributors, trending products, and engagement data, perfect for dashboards to asse…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-10.json"},{"name":"widget-11","title":"Widget 11 - Performance Goals Overview","description":"A clean progress tracking widget displaying new goals with completion percentage and visual progress bar, ideal for dashboards to monitor performance milestone…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-11.json"},{"name":"widget-12","title":"Widget 12 - Sales by Location Overview","description":"A geographic sales widget showing state-wise performance with percentage breakdowns, ideal for tracking regional revenue trends and identifying top-performing …","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-12.json"},{"name":"widget-13","title":"Widget 13 - Transaction Summary Widget","description":"A transaction summary widget displaying recent payments, transfers, refunds, and wallet activities with amount indicators, ideal for dashboards to monitor fina…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-13.json"},{"name":"widget-14","title":"Widget 14 - Upcoming Schedule Management","description":"A scheduling overview widget displaying upcoming shipments, freight details, locations, and status filters, ideal for dashboards to track logistics activities …","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-14.json"},{"name":"widget-15","title":"Widget 15 - Payments & Transactions Panel Widget","description":"A financial dashboard widget displaying saved payment cards, account balances, and recent transactions with status indicators, ideal for monitoring spending ac…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-15.json"},{"name":"widget-16","title":"Widget 16 - Sales Growth Update Banner","description":"A highlight notification banner showcasing a 40% weekly revenue increase, ideal for dashboards to communicate performance milestones and key business achieveme…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-16.json"},{"name":"widget-17","title":"Widget 17 - Order Performance Overview Widget","description":"A real-time order performance widget displaying new, on-hold, and delivered orders with a visual score indicator, perfect for businesses monitor fulfillment ef…","type":"registry:block","source_url":"https://shadcnspace.com/r/widget-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/widget-17.json"},{"name":"chart-01","title":"Chart 01 - Sales Performance Bar Chart","description":"An interactive stacked bar chart displaying monthly earnings, profit, and expenses, ideal for admin dashboards to visualize financial trends, track growth, and…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-01.json"},{"name":"chart-02","title":"Chart 02 - Earnings Pie Chart - Donut with Text","description":"A clean donut chart widget summarizing total earnings with source-wise breakdown, perfect for admin dashboards to compare revenue streams, monitor growth, and …","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-02.json"},{"name":"chart-03","title":"Chart 03 - Area Chart Gradeint - Yearly Sales Comparison","description":"A smooth line chart comparing this year versus last year sales with summary stats, ideal for dashboards to visualize performance trends and identify seasonal g…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-03.json"},{"name":"chart-04","title":"Chart 04 - Bar Chart - Weekly Sales","description":"A compact bar chart widget showing daily sales for the past week with trend indicator, perfect for dashboards to highlight short-term performance and spot high…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-04.json"},{"name":"chart-05","title":"Chart 05 - Bar Chart - Revenue vs Expenses","description":"A comparative bar chart showing daily revenue and expenses with profit trends, summary earnings stats, and monthly filters, ideal for dashboards tracking finan…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-05.json"},{"name":"chart-06","title":"Chart 06 - Line Chart - Sales & Profit Overview","description":"An interactive line chart displaying monthly sales and profit trends with highlighted data points and summary stats, ideal for dashboards analyzing growth patt…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-06.json"},{"name":"chart-07","title":"Chart 07 - Sales Comparison Area Chart","description":"An area chart showing monthly sales with online and offline breakdowns, year-over-year growth, ideal for dashboards tracking revenue trends and channel perform…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-07.json"},{"name":"chart-08","title":"Chart 08 - Product Sales Performance Gauge Chart","description":"A semi-circle gauge chart displaying total product sales with category-wise contribution and bestseller highlight, ideal for dashboards monitoring product perf…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-08.json"},{"name":"chart-09","title":"Chart 09 - Pipeline Performance Radar Chart","description":"A radar chart comparing monthly lead conversion, opportunity win rate, and churn metrics, perfect for dashboards analyzing sales pipeline health, performance t…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-09.json"},{"name":"chart-10","title":"Chart 10 - Marketing Report Donut Chart","description":"A donut chart displaying traffic and acquisition sources including organic, referrals, and ads, useful for dashboards tracking channel contribution, campaign p…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-10.json"},{"name":"chart-11","title":"Chart 11 - Profit & Expense Bar Chart","description":"A bar chart comparing monthly profit and expense values with yearly earnings summaries, ideal for dashboards monitoring financial performance, cost trends, and…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-11.json"},{"name":"chart-12","title":"Chart 12 - Profit & Expense Bar Chart","description":"A bar chart comparing monthly profit and expense values with yearly earnings summaries, ideal for dashboards monitoring financial performance, cost trends, and…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-12.json"},{"name":"chart-13","title":"Chart 13 - Product Sales Line Chart","description":"A line chart showing yearly product sales growth with customer increase indicators, suitable for dashboards analyzing long-term sales performance, demand trend…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-13.json"},{"name":"chart-14","title":"Chart 14 - Total Settlements Area Chart","description":"An area chart showing settlement amounts over time with balance and withdrawal totals, optimal for dashboards tracking transactions, money flow, and overall ac…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-14.json"},{"name":"chart-15","title":"Chart 15 - Bar Chart - Revenue Forecast","description":"A bar chart comparing monthly revenue and profit forecasts across two years, ideal for dashboards tracking growth projections, financial performance trends, an…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-15.json"},{"name":"chart-16","title":"Chart 16 - Revenue Forecast Line Chart","description":"A clean and modern line chart displaying revenue trends across multiple years, ideal for dashboards to compare performance, monitor growth, and analyze long-te…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-16.json"},{"name":"chart-17","title":"Chart 17 - Revenue Updates Bar Chart","description":"A minimal bar chart showcasing monthly revenue comparisons across multiple years, perfect for dashboards to monitor trends, evaluate performance, and quickly i…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-17.json"},{"name":"chart-18","title":"Chart 18 - Department Stats Radial Chart","description":"A radial tick chart splitting patients across departments with a hover-linked legend and tooltip, ideal for healthcare dashboards to compare department load an…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-18.json"},{"name":"chart-19","title":"Chart 19 - Sales Overview Stacked Bar Chart","description":"A stacked bar chart breaking revenue down by team with a period selector, animated tooltip values and a trend indicator, ideal for sales dashboards to compare …","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-19.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-19.json"},{"name":"chart-20","title":"Chart 20 - Attendance Overview Line Chart","description":"A dual-line chart comparing present and absent attendance with a week, month and term switcher and trend indicator, ideal for school and HR dashboards to track…","type":"registry:block","source_url":"https://shadcnspace.com/r/chart-20.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/chart-20.json"},{"name":"statistics-01","title":"Statistics 01 - KPI Summary Cards","description":"A compact statistics section with KPI cards highlighting earnings, expenses, weekly sales, and orders, ideal for admin dashboards to surface key business metri…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-01.json"},{"name":"statistics-02","title":"Statistics 02 - Business Metrics Bar","description":"A horizontal KPI bar displaying orders, sales, profit, and expenses with weekly change indicators, ideal for dashboards to monitor short-term performance and t…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-02.json"},{"name":"statistics-03","title":"Statistics 03 - Business Insights Cards","description":"A set of clean analytics cards displaying key metrics like followers, income, and balance, perfect for dashboards to highlight performance insights, track prog…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-03.json"},{"name":"statistics-04","title":"Statistics 04 - Financial Performance Cards","description":"A clean set of metric cards highlighting sales, profit, and advertising costs, ideal for dashboards to monitor financial health, track trends, and evaluate bus…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-04.json"},{"name":"statistics-05","title":"Statistics 05 - Revenue & Sales Metrics Cards","description":"A modern analytics card set showcasing total sales, monthly performance, and revenue growth, ideal for dashboards to monitor trends, compare progress, and high…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-05.json"},{"name":"statistics-06","title":"Statistics 06 - Colorful Dashboard Summary Cards","description":"A vibrant set of metric cards displaying key business indicators like employees, clients, projects, events, payroll, and reports, perfect for dashboards to pre…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-06.json"},{"name":"statistics-07","title":"Statistics 07 - Dashboard Summary Header","description":"A modern dashboard header with summary metrics highlighting leads, conversion, refunds, sales, and earnings, perfect for admin panels to present key insights a…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-07.json"},{"name":"statistics-08","title":"Statistics 08 - Analytics Dashboard Widgets","description":"A clean set of dashboard widgets highlighting customer insights, product insights, deal progress, and payment activity, perfect for admin panels to monitor per…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-08.json"},{"name":"statistics-09","title":"Statistics 09 - Revenue Insights Card","description":"A minimal revenue insights card showcasing total earnings with region-wise distribution, perfect for dashboards to evaluate performance, compare segments, and …","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-09.json"},{"name":"statistics-10","title":"Statistics 10 - Monthly Earnings Overview","description":"A clean analytics card displaying monthly earnings with year-over-year comparison, ideal for dashboards to monitor revenue trends, evaluate performance changes…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-10.json"},{"name":"statistics-11","title":"Statistics 11 - Yearly Backup Overview","description":"A clean analytics card displaying total yearly backup value with growth percentage and visual comparison between annual data segments, ideal for tracking perfo…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-11.json"},{"name":"statistics-12","title":"Statistics 12 - Total Assets Summary","description":"A vibrant dashboard card layout showcasing key organizational metrics including employees, projects, clients, payroll, and events, ideal for presenting busines…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-12.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-12.json"},{"name":"statistics-13","title":"Statistics 13 - Users & Subscriptions Overview Cards","description":"A modern gradient analytics card set highlighting users and subscription performance with percentage change indicators, perfect for tracking growth trends and …","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-13.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-13.json"},{"name":"statistics-14","title":"Statistics 14 - Sales Overview Card","description":"A clean analytics card displaying last seven days sales performance with circular progress indicators, ideal for monitoring short-term revenue trends and compa…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-14.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-14.json"},{"name":"statistics-15","title":"Statistics 15 - Customer Growth Overview","description":"A modern analytics card displaying last seven days customer growth with trend comparison against previous week, ideal for tracking acquisition performance and …","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-15.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-15.json"},{"name":"statistics-16","title":"Statistics 16 - Statistics Business Performance Cards","description":"A clean dashboard card set highlighting customers, projects, growth rate, and expense distribution, ideal for monitoring key metrics, tracking trends, and pres…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-16.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-16.json"},{"name":"statistics-17","title":"Statistics 17 - Total Assets Distribution Card","description":"A detailed analytics card displaying total assets value with yearly growth comparison and revenue distribution across product sales, service revenue, and other…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-17.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-17.json"},{"name":"statistics-18","title":"Statistics 18 - Performance Indicator Cards","description":"A vibrant dashboard card set highlighting total orders, returns, annual budget, cancellations, income, and expenses, ideal for presenting key operational metri…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-18.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-18.json"},{"name":"statistics-19","title":"Statistics 19 - Total Assets Breakdown","description":"A total assets card showing the overall value with growth, a segmented distribution bar with tooltips, and a legend listing each revenue source with its amount…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-19.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-19.json"},{"name":"statistics-20","title":"Statistics 20 - Fees Paid Trend","description":"A fees paid card showing the total collected amount with growth percentage and a monthly gradient area chart with grid lines and a hover tooltip.","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-20.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-20.json"},{"name":"statistics-21","title":"Statistics 21 - Staff Salary Trend","description":"A staff salary card showing the total disbursed amount with growth percentage, a series legend, and a dashed multi-line monthly chart with grid lines and a hov…","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-21.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-21.json"},{"name":"statistics-22","title":"Statistics 22 - Recovery Rate","description":"A compact recovery rate card showing a headline percentage with month-over-month change and a segmented bar chart with an animated hover tooltip.","type":"registry:block","source_url":"https://shadcnspace.com/r/statistics-22.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/statistics-22.json"},{"name":"table-01","title":"Table 01 - Project Management Table","description":"A sortable projects table with manager, team avatars, progress indicators, search, and pagination, ideal for admin dashboards to track project status and strea…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-01.json"},{"name":"table-02","title":"Table 02 - Invoice Management Table","description":"A clean, searchable invoice table displaying customer details, statuses, totals, issue dates, balances, and actions—designed to streamline billing workflows an…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-02.json"},{"name":"table-03","title":"Table 03 - Course Assignment Overview Table","description":"A structured assignment table displaying authors, course categories, technology tags, and user counts—helping teams track engagement, manage contributors, and …","type":"registry:block","source_url":"https://shadcnspace.com/r/table-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-03.json"},{"name":"table-04","title":"Table 04 - Revenue Tracker Table","description":"An interactive revenue table that highlights product performance, progress, priorities, and budgets—enabling teams to analyze profitability, allocate resources…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-04.json"},{"name":"table-05","title":"Table 05 - Transaction Status Table","description":"A clean, sortable transaction table displaying payment statuses, customer emails, amounts, and actions—helping teams monitor processing updates and manage fina…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-05.json"},{"name":"table-06","title":"Table 06 - User Subscription Management Table","description":"A structured user management table displaying roles, plans, billing methods, statuses, and actions—helping teams monitor subscriptions, and streamline account …","type":"registry:block","source_url":"https://shadcnspace.com/r/table-06.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-06.json"},{"name":"table-07","title":"Table 07 - Project Overview Table","description":"A structured project overview table showcasing users, project names, team members, statuses, and budgets—helping teams track progress and manage resources effi…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-07.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-07.json"},{"name":"table-08","title":"Table 08 - Top Performing Products Table","description":"A performance-driven products table showcasing categories, sales figures, earnings, and technologies—helping teams identify top revenue generators and optimize…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-08.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-08.json"},{"name":"table-09","title":"Table 09 - Popular Products Table","description":"A detailed products table showcasing items, payment progress, and order statuses—helping teams track transactions, monitor confirmations, and manage customer p…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-09.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-09.json"},{"name":"table-10","title":"Table 10 - Customer Reviews Table","description":"A clean, searchable reviews table displaying customer details, ratings, feedback, and timestamps—designed to help teams quickly monitor user sentiment, manage …","type":"registry:block","source_url":"https://shadcnspace.com/r/table-10.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-10.json"},{"name":"table-11","title":"Table 11 - Project Tracking Table","description":"A structured table presenting ongoing projects with budget details, assigned teams, project leads, and activity trends—making it easy to monitor performance an…","type":"registry:block","source_url":"https://shadcnspace.com/r/table-11.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/table-11.json"},{"name":"sidebar-01","title":"Sidebar 01 - Admin Dashboard Sidebar","description":"A collapsible sidebar navigation with grouped menus, icons, and upgrade CTA, perfect for admin dashboards to organize pages, widgets, and apps while keeping wo…","type":"registry:block","source_url":"https://shadcnspace.com/r/sidebar-01.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-01.json"},{"name":"sidebar-02","title":"Sidebar 02 - Mini Sidebar Navigation","description":"A compact sidebar designed for efficient navigation, providing quick access to core features, tools, and settings while maintaining a clean layout that enhance…","type":"registry:block","source_url":"https://shadcnspace.com/r/sidebar-02.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-02.json"},{"name":"sidebar-03","title":"Sidebar 03 - Two Column Sidebar","description":"A structured dashboard sidebar that organizes analytics, apps, pages, and forms into clear categories, enabling faster navigation, improved productivity, and e…","type":"registry:block","source_url":"https://shadcnspace.com/r/sidebar-03.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-03.json"},{"name":"sidebar-04","title":"Sidebar 04 - Compact Dashboard Navigation","description":"A streamlined single-column dashboard sidebar that presents core sections like Dashboard, Frontend Pages, and Apps in a clear, minimal layout. Designed for sim…","type":"registry:block","source_url":"https://shadcnspace.com/r/sidebar-04.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-04.json"},{"name":"sidebar-05","title":"Sidebar 05 - Admin Sidebar with Promo","description":"A feature-rich admin sidebar combining structured navigation with a promotional upgrade card, helping users access key tools efficiently while encouraging prem…","type":"registry:block","source_url":"https://shadcnspace.com/r/sidebar-05.json","install_command":"npx shadcn@latest add https://shadcnspace.com/r/sidebar-05.json"}]},{"id":"shadcn-studio","name":"@shadcn-studio","slug":"shadcn-studio","description":"Open-source shadcn/ui distribution backed by ThemeSelection offering components, blocks, templates, and a theme generator, with support for both Radix UI and Base UI primitives. Covers components (variants of Accordion, Button, Badge, Card, Input, etc.), marketing/landing blocks, 20+ free and premium templates (dashboards, landing pages), a Figma UI kit, Figma-to-code plugin, and a shadcn/studio MCP server. Built on React, Tailwind CSS, and Motion for animated variants. Free tier available; premium templates require purchase. Use for: bootstrapping React/Next.js projects that need both polished UI components and pre-built page sections under a single registry.","author":"shadcnstudio","framework":"react","license":null,"tags":["accessibility","aesthetic","animation","blocks","buttons","cards","components","dashboard","design-system","forms","hooks","marketing","pro-available","saas","theming"],"categories":["Component library (general)"],"labels":["featured","popular","pro"],"urls":{"website":"https://shadcnstudio.com","github":"https://github.com/shadcnstudio/shadcn-studio","registry":"https://shadcnstudio.com/r/{style}/{name}.json","source":"https://shadcnstudio.com/r/{style}/{name}.json","page":"https://sh4dcn.netlify.app/registry/shadcn-studio","markdown":"https://sh4dcn.netlify.app/md/shadcn-studio.md"},"logo":"<svg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='32' height='32' rx='16' fill='var(--forgraound)'></rect><path d='M16.5993 7.50488V13.4044C16.5993 15.3441 15.0268 16.9166 13.0871 16.9166H7.35156' stroke='var(--background)' stroke-width='1.95122'></path><path d='M16.7562 26.3286L16.7562 20.4291C16.7562 18.4893 18.3286 16.9169 20.2684 16.9169L26.0039 16.9169' stroke='var(--background)' stroke-width='1.95122'></path><line x1='23.7326' y1='10.0919' x2='19.696' y2='14.081' stroke='var(--background)' stroke-width='1.95122'></line><line x1='13.7385' y1='20.0567' x2='9.70187' y2='24.0459' stroke='var(--background)' stroke-width='1.95122'></line><line x1='13.5426' y1='13.8681' x2='9.52961' y2='9.85513' stroke='var(--background)' stroke-width='1.95122'></line><line x1='23.689' y1='24.0419' x2='19.6761' y2='20.029' stroke='var(--background)' stroke-width='1.95122'></line></svg>","preview_image":"https://cdn.shadcnstudio.com/ss-assets/smm/marketing/shadcn-studio-smm-banner.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://cdn.shadcnstudio.com/ss-assets/landing-page/pricing-customer-logo/codeagency-logo.png?height=44&amp;format=auto"},"metrics":{"github_stars":1966,"open_issues":8,"last_commit":"2026-08-20T10:38:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/shadcnstudio/shadcn-studio.git","clone_degit":"npx degit shadcnstudio/shadcn-studio","registry_fetch":"curl -s https://shadcnstudio.com/r/{style}/{name}.json"},"component_count":0,"components":[]},{"id":"shadcn-ui-blocks","name":"@shadcn-ui-blocks","slug":"shadcn-ui-blocks","description":"Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.","author":null,"framework":"react","license":null,"tags":["accessibility","ai","animation","auth","blocks","buttons","cards","charts","dashboard","developer-tools","forms","icons","maps","media","mobile","navigation","overlays","pro-available","tables"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://www.shadcn-ui-blocks.com","github":null,"registry":"https://www.shadcn-ui-blocks.com/r/registry.json","source":"https://www.shadcn-ui-blocks.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn-ui-blocks","markdown":"https://sh4dcn.netlify.app/md/shadcn-ui-blocks.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='24' height='24' fill='var(--background)' stroke='none'/><path d='m10 9-3 3 3 3'/><path d='m14 15 3-3-3-3'/><rect x='3' y='3' width='18' height='18' rx='2'/></svg>","preview_image":"https://www.shadcn-ui-blocks.com/opengraph-image.png?opengraph-image.1001343sz6gev.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.shadcn-ui-blocks.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.shadcn-ui-blocks.com/r/registry.json","registry_fetch":"curl -s https://www.shadcn-ui-blocks.com/r/registry.json"},"component_count":250,"components":[{"name":"application-pro-accessibility-a11y-checklist-panel","title":"A11y Checklist Panel","description":"WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-checklist-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-checklist-panel.json"},{"name":"application-pro-accessibility-a11y-issue-trends","title":"A11y Issue Trends","description":"Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-issue-trends.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-issue-trends.json"},{"name":"application-pro-accessibility-a11y-preferences-panel","title":"A11y Preferences Panel","description":"Accessibility settings panel with a text size selector, live sample line, and grouped vision, motion, and screen reader switches with helper text.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-preferences-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-preferences-panel.json"},{"name":"application-pro-accessibility-alt-text-review-queue","title":"Alt Text Review Queue","description":"A review list of flagged images, each row pairing a thumbnail, page location, current alt state, and a suggested description to approve or edit.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-alt-text-review-queue.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-alt-text-review-queue.json"},{"name":"application-pro-accessibility-assistive-tech-matrix","title":"Assistive Tech Matrix","description":"Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-assistive-tech-matrix.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-assistive-tech-matrix.json"},{"name":"application-pro-accessibility-conformance-report-card","title":"Conformance Report Card","description":"A VPAT style summary with product metadata, one section per WCAG principle showing a segmented support bar and criteria counts, plus notable criterion rows.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-conformance-report-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-conformance-report-card.json"},{"name":"application-pro-accessibility-contrast-checker-card","title":"Contrast Checker Card","description":"Theme token contrast audit card showing computed ratios and AA and AAA pass badges for normal and large text across four Acme token pairings.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-contrast-checker-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-contrast-checker-card.json"},{"name":"application-pro-accessibility-focus-order-inspector","title":"Focus Order Inspector","description":"Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list showing selectors, roles, and flagged order issues.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-focus-order-inspector.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-focus-order-inspector.json"},{"name":"application-pro-accessibility-heading-outline-tree","title":"Heading Outline Tree","description":"Indented document heading tree with landmark chips, level tags, and issue badges for skipped levels, empty headings, and a duplicate H1.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-heading-outline-tree.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-heading-outline-tree.json"},{"name":"application-pro-accessibility-keyboard-nav-guide","title":"Keyboard Nav Guide","description":"Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rendered with Kbd components, action descriptions, and context labels.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-keyboard-nav-guide.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-keyboard-nav-guide.json"},{"name":"application-pro-accessibility-live-region-log","title":"Live Region Log","description":"ARIA live region event log with timestamps, politeness badges, source selectors, and flags for duplicate, chatty, and empty announcements.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-live-region-log.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-live-region-log.json"},{"name":"application-pro-accessibility-media-captions-audit","title":"Media Captions Audit","description":"Media library audit pairing coverage tiles and progress bars with a per asset table of caption, transcript, and audio description chips.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-media-captions-audit.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-media-captions-audit.json"},{"name":"application-pro-accessibility-reduced-motion-audit","title":"Reduced Motion Audit","description":"An animation inventory with per effect trigger, a duration bar on a shared scale, and a badge for whether each honors the reduced motion setting.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-reduced-motion-audit.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-reduced-motion-audit.json"},{"name":"application-pro-accessibility-screen-reader-labels-table","title":"Screen Reader Labels Table","description":"Accessible name audit table listing Acme workspace UI elements with their computed label, ARIA role, labeled or missing status, and an exact fix hint.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-screen-reader-labels-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-screen-reader-labels-table.json"},{"name":"application-pro-accessibility-touch-target-audit","title":"Touch Target Audit","description":"Interactive control audit showing hit areas at true scale in 44px frames with measured sizes, AA and AAA badges, and fix hints.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-touch-target-audit.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-touch-target-audit.json"},{"name":"application-pro-accessibility-zoom-reflow-audit","title":"Zoom Reflow Audit","description":"A WCAG reflow report led by two wireframe legends, then a per page table of pass and fail results at 200 and 400 percent zoom.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-zoom-reflow-audit.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-zoom-reflow-audit.json"},{"name":"application-pro-activity-activity-calendar","title":"Activity Calendar","description":"Month grid calendar with per-day activity dots scaled by event count and a selected-day event list beside it.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-calendar.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-calendar.json"},{"name":"application-pro-activity-activity-heatmap","title":"Activity Heatmap","description":"Weekday by hour heatmap of workspace events with intensity cells, a Less to More legend, and peak and quiet window callouts.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-heatmap.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-heatmap.json"},{"name":"application-pro-activity-approvals-queue","title":"Approvals Queue","description":"Pending requests with context and age, approve or deny, expiry told to the asker.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-approvals-queue.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-approvals-queue.json"},{"name":"application-pro-activity-audit-export-card","title":"Audit Export Card","description":"Compliance export form with date range, event count, format selector, and an append-only log disclosure note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-export-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-export-card.json"},{"name":"application-pro-activity-audit-trail-timeline","title":"Audit Trail Timeline","description":"The compliance log grouped by day, mono actions, second precision, source IPs.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-trail-timeline.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-trail-timeline.json"},{"name":"application-pro-activity-automation-run-log","title":"Automation Run Log","description":"A card listing scheduled automation runs with a status icon, workflow name and trigger, duration, finish time, an expanded error row, and a next run footer.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-automation-run-log.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-automation-run-log.json"},{"name":"application-pro-activity-catch-up-digest","title":"Catch Up Digest","description":"A digest card grouping activity accrued while away by project, each with a total badge, typed summary lines, an avatar cluster, and a review action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-catch-up-digest.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-catch-up-digest.json"},{"name":"application-pro-activity-changelog-feed","title":"Changelog Feed","description":"In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improvement, and Performance.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-changelog-feed.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-changelog-feed.json"},{"name":"application-pro-activity-comment-mentions-list","title":"Comment Mentions List","description":"Comment mentions inbox showing each document and section, the quoted comment with your name highlighted, and a jump to reply action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-mentions-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-mentions-list.json"},{"name":"application-pro-activity-comment-thread-panel","title":"Comment Thread Panel","description":"A thread with one nested reply, a resolved marker with reopen, and the composer.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-thread-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-thread-panel.json"},{"name":"application-pro-activity-deploy-activity-feed","title":"Deploy Activity Feed","description":"Engineering deploy timeline showing who shipped what service to which environment with status, commit SHA, and one rollback event.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-deploy-activity-feed.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-deploy-activity-feed.json"},{"name":"application-pro-activity-edit-history-diff","title":"Edit History Diff","description":"Document version history with a selectable edit list on the left and an inline before and after diff panel on the right using theme token opacity.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-edit-history-diff.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-edit-history-diff.json"},{"name":"application-pro-activity-filtered-activity-log","title":"Filtered Activity Log","description":"Activity log in a filtered state with type chips, an applied person filter, a clear all action, and the matching events with counts.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-filtered-activity-log.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-filtered-activity-log.json"},{"name":"application-pro-activity-inactivity-watch-card","title":"Inactivity Watch Card","description":"Watchlist of projects gone quiet showing owner avatar, last event summary, a days idle count, and a nudge action per row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-inactivity-watch-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-inactivity-watch-card.json"},{"name":"application-pro-activity-live-presence-bar","title":"Live Presence Bar","description":"Realtime presence strip with stacked avatars, status dots for editing and viewing states, and a plus-overflow count.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-live-presence-bar.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-live-presence-bar.json"},{"name":"application-pro-activity-member-activity-panel","title":"Member Activity Panel","description":"Single member drill down with an avatar header, three weekly stat columns, and a recent actions list with typed icons and timestamps.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-member-activity-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-member-activity-panel.json"},{"name":"application-pro-activity-mention-feed","title":"Mention Feed","description":"Mentions inbox showing author, document context, highlighted snippet, timestamp, and a reply affordance per item.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-mention-feed.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-mention-feed.json"},{"name":"application-pro-activity-pinned-updates-card","title":"Pinned Updates Card","description":"Announcements widget showing three pinned workspace updates with author, tag badge, body text, and an unpin action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-pinned-updates-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-pinned-updates-card.json"},{"name":"application-pro-activity-project-activity-breakdown","title":"Project Activity Breakdown","description":"A card ranking projects by weekly activity volume, each row showing the top member, a proportional bar, the event count, and a trend delta.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-project-activity-breakdown.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-project-activity-breakdown.json"},{"name":"application-pro-activity-reaction-activity-feed","title":"Reaction Activity Feed","description":"Social activity feed showing who reacted to or commented on your work, with emoji badges and inline comment quotes.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-reaction-activity-feed.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-reaction-activity-feed.json"},{"name":"application-pro-activity-sign-in-activity-list","title":"Sign In Activity List","description":"A card listing recent account sessions, each with a device icon tile, browser and OS, location with IP, timestamp, current session badge, and revoke actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-sign-in-activity-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-sign-in-activity-list.json"},{"name":"application-pro-activity-status-change-log","title":"Status Change Log","description":"Vertical timeline of status transitions for one entity with actor names, timestamps, and time-in-state durations.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-status-change-log.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-status-change-log.json"},{"name":"application-pro-activity-team-activity-feed","title":"Team Activity Feed","description":"Workspace events on a timeline rail with avatars and one expanded comment.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-activity-feed.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-activity-feed.json"},{"name":"application-pro-activity-team-pulse-card","title":"Team Pulse Card","description":"Weekly team activity summary with commit, comment, and task stats, inline sparklines, and a most-active member row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-pulse-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-pulse-card.json"},{"name":"application-pro-activity-version-history-list","title":"Version History List","description":"Named saves with autosaves collapsed, restore always creates, never rewinds.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-version-history-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-version-history-list.json"},{"name":"application-pro-activity-who-did-what-table","title":"Who Did What Table","description":"Workspace activity table with actor avatars, plain-English action verbs, target resources, and result badges.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-who-did-what-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-activity-who-did-what-table.json"},{"name":"application-pro-admin-moderation-audit-search-panel","title":"Audit Search Panel","description":"Compliance audit log with actor, action type, and date range filters, monospace action chips, IP column, and CSV export.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-audit-search-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-audit-search-panel.json"},{"name":"application-pro-admin-moderation-automation-rules-panel","title":"Automation Rules Panel","description":"Automated rule cards in a two column grid with enabled switches, monospace When and Then chips, and match, precision, and overturned stats.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-automation-rules-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-automation-rules-panel.json"},{"name":"application-pro-admin-moderation-ban-appeal-panel","title":"Ban Appeal Panel","description":"Ban appeal review with the original enforcement reason, appellant statement, prior enforcement history, and uphold or reverse actions each requiring a written …","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ban-appeal-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ban-appeal-panel.json"},{"name":"application-pro-admin-moderation-bulk-review-table","title":"Bulk Review Table","description":"A checkbox review table with per row selection, a bulk action bar showing the selection count with approve, escalate, and remove actions, and an audit note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-bulk-review-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-bulk-review-table.json"},{"name":"application-pro-admin-moderation-content-flags-table","title":"Content Flags Table","description":"Moderation flags overview table with content snippets, flag reasons, sortable flag counts, status badges, and per-row review actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-content-flags-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-content-flags-table.json"},{"name":"application-pro-admin-moderation-escalation-path-panel","title":"Escalation Path Panel","description":"Vertical escalation stepper with numbered tiers on a rail showing response SLAs, on call avatars, routed category badges, and auto escalation rules.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-escalation-path-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-escalation-path-panel.json"},{"name":"application-pro-admin-moderation-feature-toggle-admin","title":"Feature Toggle Admin","description":"Feature flag rows with environment badges, rollout percentage bars, kill-switch toggles, and a callout that kill switches take effect within 10 seconds globall…","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-feature-toggle-admin.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-feature-toggle-admin.json"},{"name":"application-pro-admin-moderation-ip-blocklist-manager","title":"IP Blocklist Manager","description":"Split blocklist manager pairing an add rule form with scope and duration choices beside ruled entries showing CIDR chips, hit counts, and expiry.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ip-blocklist-manager.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ip-blocklist-manager.json"},{"name":"application-pro-admin-moderation-keyword-filter-manager","title":"Keyword Filter Manager","description":"Filtered terms grouped into three ruled sections by enforcement action, each term a monospace chip with its 7 day match count and an edit control.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-keyword-filter-manager.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-keyword-filter-manager.json"},{"name":"application-pro-admin-moderation-moderation-queue","title":"Moderation Queue","description":"Reported items as prioritized cards with content snippet, reason, reporter count, age, and Approve, Remove, and Escalate actions per item.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderation-queue.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderation-queue.json"},{"name":"application-pro-admin-moderation-moderator-performance-board","title":"Moderator Performance Board","description":"Moderator table with focus queues, decision counts, seven day sparklines, median handle time, agreement meters, and overturned counts.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderator-performance-board.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderator-performance-board.json"},{"name":"application-pro-admin-moderation-queue-health-panel","title":"Queue Health Panel","description":"Four stat tiles above a ruled queue list with open counts, oldest item age, SLA status badges, load bars, and assigned moderator avatars.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-queue-health-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-queue-health-panel.json"},{"name":"application-pro-admin-moderation-report-review-card","title":"Report Review Card","description":"Single report case with reported content, reporter identity, author flag history, and a decision panel that names the consequence of every action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-report-review-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-report-review-card.json"},{"name":"application-pro-admin-moderation-role-permissions-matrix","title":"Role Permissions Matrix","description":"A permissions matrix with category grouped rows and four role columns showing member counts and check or minus access marks per cell.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-role-permissions-matrix.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-role-permissions-matrix.json"},{"name":"application-pro-admin-moderation-user-admin-table","title":"User Admin Table","description":"Admin member roster with status badges, signup date, last seen, flag counts, and per-row impersonate and suspend actions logged to the audit trail.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-user-admin-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-user-admin-table.json"},{"name":"application-pro-admin-moderation-user-risk-profile","title":"User Risk Profile","description":"An identity rail of account facts and linked accounts beside a composite risk score, a segmented meter, weighted signals, and enforcement actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-user-risk-profile.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-user-risk-profile.json"},{"name":"application-pro-admin-moderation-violation-trends-panel","title":"Violation Trends Panel","description":"Eight weeks of report volume as stacked bars segmented by policy category, beside a category breakdown with totals, four week deltas, and share bars.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-violation-trends-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-violation-trends-panel.json"},{"name":"application-pro-ai-assistant-action-approval-card","title":"Action Approval Card","description":"Approval gate for a proposed assistant bulk change showing sample before and after field values with approve and reject buttons.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-action-approval-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-action-approval-card.json"},{"name":"application-pro-ai-assistant-agent-run-trace","title":"Agent Run Trace","description":"Vertical timeline of agent tool steps with status icons, tool badges, mono query detail lines, durations, and a raw log link.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-agent-run-trace.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-agent-run-trace.json"},{"name":"application-pro-ai-assistant-ai-usage-card","title":"Ai Usage Card","description":"AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage policy stated in the same view.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-ai-usage-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-ai-usage-card.json"},{"name":"application-pro-ai-assistant-assistant-chat-panel","title":"Assistant Chat Panel","description":"Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-chat-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-chat-panel.json"},{"name":"application-pro-ai-assistant-assistant-empty-state","title":"Assistant Empty State","description":"Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the assistant can see and cannot do yet.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-empty-state.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-empty-state.json"},{"name":"application-pro-ai-assistant-citations-panel","title":"Citations Panel","description":"Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-citations-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-citations-panel.json"},{"name":"application-pro-ai-assistant-context-sources-panel","title":"Context Sources Panel","description":"Data access panel listing assistant readable sources with icon, item count, last sync time, and a switch, plus one excluded source.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-context-sources-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-context-sources-panel.json"},{"name":"application-pro-ai-assistant-conversation-history-list","title":"Conversation History List","description":"Chat history sidebar listing past assistant threads grouped by recency with title, snippet, timestamp, and a delete affordance.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-conversation-history-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-conversation-history-list.json"},{"name":"application-pro-ai-assistant-feedback-thumbs-row","title":"Feedback Thumbs Row","description":"AI response feedback row with thumbs up and down, a copy and regenerate action, and a reason picker revealed on negative feedback.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-feedback-thumbs-row.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-feedback-thumbs-row.json"},{"name":"application-pro-ai-assistant-guardrails-panel","title":"Guardrails Panel","description":"Ruled rows pairing each safety rule with an icon, explanation, and switch, above a blocked topics list and an audit logging note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-guardrails-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-guardrails-panel.json"},{"name":"application-pro-ai-assistant-inline-suggestion-card","title":"Inline Suggestion Card","description":"Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dismiss keyboard hints and an authorship notice.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-inline-suggestion-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-inline-suggestion-card.json"},{"name":"application-pro-ai-assistant-memory-panel","title":"Memory Panel","description":"A header switch and ruled list of remembered facts, each with its source, date, and a forget button, above a permanent deletion note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-memory-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-memory-panel.json"},{"name":"application-pro-ai-assistant-model-picker-card","title":"Model Picker Card","description":"Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff, and the balanced model pre-selected.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-model-picker-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-model-picker-card.json"},{"name":"application-pro-ai-assistant-prompt-composer","title":"Prompt Composer","description":"AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-composer.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-composer.json"},{"name":"application-pro-ai-assistant-prompt-library-grid","title":"Prompt Library Grid","description":"Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-library-grid.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-library-grid.json"},{"name":"application-pro-ai-assistant-response-compare","title":"Response Compare","description":"A shared prompt panel above two side by side response cards, each with a model badge, answer body, latency and token stats, and a prefer button.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-response-compare.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-response-compare.json"},{"name":"application-pro-ai-assistant-scheduled-agents-list","title":"Scheduled Agents List","description":"Ruled rows of recurring assistant tasks, each with cadence, delivery target, last run badge, next run time, and a pause switch, plus inline errors.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-scheduled-agents-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-scheduled-agents-list.json"},{"name":"application-pro-ai-assistant-thread-summary-card","title":"Thread Summary Card","description":"AI generated thread summary with an overview paragraph, checked decision list, owner assigned action items, and regenerate and copy controls.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-thread-summary-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-thread-summary-card.json"},{"name":"application-pro-app-shells-anchor-nav-shell","title":"Anchor Nav Shell","description":"A full-page docs shell with a slim topbar, a column of anchored section cards, and a sticky On this page rail tracking the active section.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-anchor-nav-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-anchor-nav-shell.json"},{"name":"application-pro-app-shells-bottom-panel-shell","title":"Bottom Panel Shell","description":"IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs, and a pinned status bar.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-bottom-panel-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-bottom-panel-shell.json"},{"name":"application-pro-app-shells-breadcrumb-header-shell","title":"Breadcrumb Header Shell","description":"Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and action buttons above two content panels.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-breadcrumb-header-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-breadcrumb-header-shell.json"},{"name":"application-pro-app-shells-card-grid-shell","title":"Card Grid Shell","description":"A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view toggle, and a responsive card grid of projects.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-card-grid-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-card-grid-shell.json"},{"name":"application-pro-app-shells-centered-content-shell","title":"Centered Content Shell","description":"A slim top bar and a max-w-3xl reading column on a muted background for docs, articles, or single settings detail pages.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-centered-content-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-centered-content-shell.json"},{"name":"application-pro-app-shells-checklist-shell","title":"Checklist Shell","description":"An onboarding home shell with a topbar, welcome header, a setup checklist card with progress and one expanded step, plus a resources rail.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-checklist-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-checklist-shell.json"},{"name":"application-pro-app-shells-collapsible-sidebar-shell","title":"Collapsible Sidebar Shell","description":"Icon-only nav rail with an expand affordance, badge count on Projects, and an inline tooltip hint on one item.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-collapsible-sidebar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-collapsible-sidebar-shell.json"},{"name":"application-pro-app-shells-command-bar-shell","title":"Command Bar Shell","description":"Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recent commands list below.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-command-bar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-command-bar-shell.json"},{"name":"application-pro-app-shells-dashboard-home-shell","title":"Dashboard Home Shell","description":"The assembled overview, greeting header, KPI strip, recent list, one open chart slot.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-dashboard-home-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-dashboard-home-shell.json"},{"name":"application-pro-app-shells-document-tabs-shell","title":"Document Tabs Shell","description":"Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, and the active document content below.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-document-tabs-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-document-tabs-shell.json"},{"name":"application-pro-app-shells-dual-sidebar-shell","title":"Dual Sidebar Shell","description":"App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two-level navigation.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-dual-sidebar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-dual-sidebar-shell.json"},{"name":"application-pro-app-shells-empty-state-shell","title":"Empty State Shell","description":"A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-empty-state-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-empty-state-shell.json"},{"name":"application-pro-app-shells-env-banner-shell","title":"Environment Banner Shell","description":"App shell with a pinned staging environment banner, a switch action, a topbar, and a deployments page with an environment facts panel.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-env-banner-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-env-banner-shell.json"},{"name":"application-pro-app-shells-focus-mode-shell","title":"Focus Mode Shell","description":"Minimal top bar with back link, document title, save state badge, and a centered max-w content column with no sidebar.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-focus-mode-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-focus-mode-shell.json"},{"name":"application-pro-app-shells-full-bleed-shell","title":"Full Bleed Shell","description":"Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors that need every pixel of viewport space.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-full-bleed-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-full-bleed-shell.json"},{"name":"application-pro-app-shells-icon-sidebar-shell","title":"Icon Sidebar Shell","description":"The icon only rail with aria labels, maximum width left for dense tool content.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-icon-sidebar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-icon-sidebar-shell.json"},{"name":"application-pro-app-shells-inbox-shell","title":"Inbox Shell","description":"Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading pane with triage actions and a reply footer.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-inbox-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-inbox-shell.json"},{"name":"application-pro-app-shells-nested-nav-sidebar-shell","title":"Nested Nav Sidebar Shell","description":"Sidebar with Projects expanded to three indented children, one active.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-nested-nav-sidebar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-nested-nav-sidebar-shell.json"},{"name":"application-pro-app-shells-right-rail-shell","title":"Right Rail Shell","description":"Three-column shell with an icon nav rail, main content area, and a right context rail showing a live activity list.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-right-rail-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-right-rail-shell.json"},{"name":"application-pro-app-shells-settings-shell","title":"Settings Shell","description":"Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-settings-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-settings-shell.json"},{"name":"application-pro-app-shells-sidebar-shell","title":"Sidebar Shell","description":"The navigation rail with active state, command hint, and labeled drop zones for your pages.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-sidebar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-sidebar-shell.json"},{"name":"application-pro-app-shells-split-content-shell","title":"Split Content Shell","description":"Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authoring and live-preview workflows.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-split-content-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-split-content-shell.json"},{"name":"application-pro-app-shells-sticky-toolbar-shell","title":"Sticky Toolbar Shell","description":"App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-sticky-toolbar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-sticky-toolbar-shell.json"},{"name":"application-pro-app-shells-tabbed-page-shell","title":"Tabbed Page Shell","description":"A full-page shell with a sidebar, a named resource header, and a horizontal tab row delivering sub-view content below.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-tabbed-page-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-tabbed-page-shell.json"},{"name":"application-pro-app-shells-topbar-shell","title":"Topbar Shell","description":"Horizontal nav with the Acme lockup, five links, a command hint, and the page below.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-topbar-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-topbar-shell.json"},{"name":"application-pro-app-shells-two-pane-shell","title":"Two Pane Shell","description":"Master-detail layout with a six-row project list pane and a wide detail pane showing the selected item header.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-two-pane-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-two-pane-shell.json"},{"name":"application-pro-app-shells-wizard-shell","title":"Wizard Shell","description":"Multi-step flow shell with a slim header step indicator, centered content column, and sticky back and continue footer.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-wizard-shell.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-app-shells-wizard-shell.json"},{"name":"application-pro-auth-pages-accept-invite-page","title":"Accept Invite Page","description":"The invite named, inviter, role, what it grants, and the days left to accept.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-accept-invite-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-accept-invite-page.json"},{"name":"application-pro-auth-pages-account-linking-page","title":"Account Linking Page","description":"An account collision gate showing a Google sign in beside an existing password account, a link action, and a password sign in fallback.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-account-linking-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-account-linking-page.json"},{"name":"application-pro-auth-pages-account-recovery-page","title":"Account Recovery Page","description":"Account recovery card with an email lookup form and three recovery options listed by speed, plus a plain explanation of why identity review takes up to 3 days.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-account-recovery-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-account-recovery-page.json"},{"name":"application-pro-auth-pages-approval-pending-page","title":"Approval Pending Page","description":"A workspace join waiting state with a step timeline, the named admins who decide, the typical response time, and a withdraw request action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-approval-pending-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-approval-pending-page.json"},{"name":"application-pro-auth-pages-backup-codes-page","title":"Backup Codes Page","description":"Recovery code save step with an eight code grid, download and copy actions, a saved confirmation checkbox, and a one time use warning.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-backup-codes-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-backup-codes-page.json"},{"name":"application-pro-auth-pages-deactivated-account-page","title":"Deactivated Account Page","description":"Account deactivation state page naming who deactivated the account and when, listing what reactivation restores, and linking directly to the named admin for re…","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-deactivated-account-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-deactivated-account-page.json"},{"name":"application-pro-auth-pages-device-approval-page","title":"Device Approval Page","description":"New device verification gate showing device, location, time, and account with approve and deny actions and an honest account-lock security note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-device-approval-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-device-approval-page.json"},{"name":"application-pro-auth-pages-email-changed-confirm","title":"Email Changed Confirm","description":"Email change confirmation page showing the new and old address with timestamp and device, a lock account alarm for unauthorized changes, and a dual address not…","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-email-changed-confirm.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-email-changed-confirm.json"},{"name":"application-pro-auth-pages-forgot-password-page","title":"Forgot Password Page","description":"Password reset form that openly explains its anti enumeration response and states reset link timing facts.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-forgot-password-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-forgot-password-page.json"},{"name":"application-pro-auth-pages-join-workspace-page","title":"Join Workspace Page","description":"Workspace entry page for invited and domain-matched users with a member preview, join or request buttons, and a note that joining is visible to admins immediat…","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-join-workspace-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-join-workspace-page.json"},{"name":"application-pro-auth-pages-locked-account-page","title":"Locked Account Page","description":"Account lockout page stating the 15-minute duration, a password reset shortcut, and the reassurance that lockouts are never permanent.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-locked-account-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-locked-account-page.json"},{"name":"application-pro-auth-pages-magic-link-page","title":"Magic Link Page","description":"Passwordless sign in showing both the request and sent states with expiry and resend throttle facts.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-magic-link-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-magic-link-page.json"},{"name":"application-pro-auth-pages-mfa-enrollment-page","title":"MFA Enrollment Page","description":"A required two factor enrollment gate with three method rows ranked by strength, the authenticator app preselected, a grace period deadline, and a skip link.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-mfa-enrollment-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-mfa-enrollment-page.json"},{"name":"application-pro-auth-pages-oauth-callback-page","title":"Oauth Callback Page","description":"OAuth connecting state card with a Spinner, three step rows showing progress for a GitHub org link, and fallback links if the page hangs.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-oauth-callback-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-oauth-callback-page.json"},{"name":"application-pro-auth-pages-oauth-consent-page","title":"Oauth Consent Page","description":"Third party app authorization card listing granted scopes and explicit exclusions, the acting account, and authorize or cancel actions with a revoke note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-oauth-consent-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-oauth-consent-page.json"},{"name":"application-pro-auth-pages-passkey-setup-page","title":"Passkey Setup Page","description":"Centered auth card prompting passkey enrollment with three benefit rows, a device save target panel, and a skip fallback that keeps the existing password activ…","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-passkey-setup-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-passkey-setup-page.json"},{"name":"application-pro-auth-pages-password-expired-page","title":"Password Expired Page","description":"A forced password rotation gate with current and new password fields, a policy panel explaining the deadline, and a reset by email fallback.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-password-expired-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-password-expired-page.json"},{"name":"application-pro-auth-pages-reset-password-page","title":"Reset Password Page","description":"New password form reached from a reset link with a requirements checklist, a session sign out panel, and the note that nothing changes until save.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-reset-password-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-reset-password-page.json"},{"name":"application-pro-auth-pages-session-expired-page","title":"Session Expired Page","description":"Calm session timeout screen that promises local draft restore and prefills the email for one click return.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-session-expired-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-session-expired-page.json"},{"name":"application-pro-auth-pages-sign-in-page","title":"Sign In Page","description":"SSO first sign in with the password fallback and honest reset link timing.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sign-in-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sign-in-page.json"},{"name":"application-pro-auth-pages-sign-up-page","title":"Sign Up Page","description":"Workspace signup with SSO buttons first, slug preview, and plain 14 day read only trial terms.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sign-up-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sign-up-page.json"},{"name":"application-pro-auth-pages-sso-error-page","title":"Sso Error Page","description":"SSO failure page with the specific error reason, a named admin contact, numbered steps to resolve, and retry plus password fallback actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sso-error-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sso-error-page.json"},{"name":"application-pro-auth-pages-sso-login-page","title":"Sso Login Page","description":"SSO-enforced sign in card with org domain shown, a single Continue with SSO button, and a named admin fallback for lockouts.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sso-login-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-sso-login-page.json"},{"name":"application-pro-auth-pages-two-factor-page","title":"Two Factor Page","description":"TOTP verification with six OTP slots, device trust checkbox, backup code link, and human recovery promise.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-two-factor-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-two-factor-page.json"},{"name":"application-pro-auth-pages-verify-email-page","title":"Verify Email Page","description":"Check-your-inbox state showing the sent address, a throttled resend button, a change-email link, and the 24-hour expiry note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-verify-email-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-verify-email-page.json"},{"name":"application-pro-auth-pages-welcome-back-login","title":"Welcome Back Login","description":"Returning user login showing the known account avatar and email with a single password field, passkey option, and a use a different account escape hatch.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-welcome-back-login.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-welcome-back-login.json"},{"name":"application-pro-auth-pages-workspace-picker-page","title":"Workspace Picker Page","description":"Post sign in workspace chooser listing memberships with marks, member counts, and role badges, plus a create workspace action and sign out link.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-workspace-picker-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-auth-pages-workspace-picker-page.json"},{"name":"application-pro-billing-addons-panel","title":"Add-ons Panel","description":"An add-ons panel with active add-on rows and toggles, available add-ons to enable, and a subtotal for the next invoice.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-addons-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-addons-panel.json"},{"name":"application-pro-billing-billing-contacts-card","title":"Billing Contacts Card","description":"Who gets invoices, the add contact field, and the PO number printed on every one.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-billing-contacts-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-billing-contacts-card.json"},{"name":"application-pro-billing-billing-cycle-switch","title":"Billing Cycle Switch","description":"Monthly and annual cycle options side by side with per seat pricing, the yearly saving, and ruled rows stating when the switch takes effect.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-billing-cycle-switch.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-billing-cycle-switch.json"},{"name":"application-pro-billing-cancel-flow-blueprint","title":"Cancel Flow Blueprint","description":"Cancel subscription dialog showing what you keep until the period ends, what changes after, a downgrade suggestion, and an optional reason select.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-cancel-flow-blueprint.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-cancel-flow-blueprint.json"},{"name":"application-pro-billing-cost-allocation-panel","title":"Cost Allocation Panel","description":"A cost by team panel with ruled rows of member count, a proportional meter, share percentage, and amount, reconciling to the invoice total.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-cost-allocation-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-cost-allocation-panel.json"},{"name":"application-pro-billing-coupon-redemption-card","title":"Coupon Redemption Card","description":"Active promotion with mono code, discount terms, per invoice saving, the next discounted total, and a labeled field to apply another code.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-coupon-redemption-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-coupon-redemption-card.json"},{"name":"application-pro-billing-credits-balance-card","title":"Credits Balance Card","description":"Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the application policy.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-credits-balance-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-credits-balance-card.json"},{"name":"application-pro-billing-current-plan-usage","title":"Current Plan Usage","description":"Team plan header with renewal date and three usage meters each stating the overage policy beneath the bar.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-current-plan-usage.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-current-plan-usage.json"},{"name":"application-pro-billing-dunning-banner","title":"Dunning Banner","description":"Payment-failed notice with the card charged, retry schedule, exact access-pause date, and an update payment method action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-dunning-banner.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-dunning-banner.json"},{"name":"application-pro-billing-invoice-detail-page","title":"Invoice Detail Page","description":"Single printable invoice with mono number, from/to addresses, tabular line items, subtotal/tax/total, a Paid badge, and download/print actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-invoice-detail-page.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-invoice-detail-page.json"},{"name":"application-pro-billing-invoice-history-table","title":"Invoice History Table","description":"Compact invoice archive with the estimated next invoice previewed at the top.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-invoice-history-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-invoice-history-table.json"},{"name":"application-pro-billing-pause-subscription-panel","title":"Pause Subscription Panel","description":"Three pause lengths with exact resume dates, a checklist of what happens while paused, and a pause action beside the cancel alternative.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-pause-subscription-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-pause-subscription-panel.json"},{"name":"application-pro-billing-payment-history-table","title":"Payment History Table","description":"Transactions ledger with date, description, card brand chip with last four digits, tabular amount, status badge, and a per row receipt link.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-payment-history-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-payment-history-table.json"},{"name":"application-pro-billing-payment-method-panel","title":"Payment Method Panel","description":"The saved card, billing email, the optional backup slot, and the token footer.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-payment-method-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-payment-method-panel.json"},{"name":"application-pro-billing-plan-change-history","title":"Plan Change History","description":"Dated log of upgrades, seat additions, promotions, and cycle switches, each with a type badge and the teammate who made the change.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-plan-change-history.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-plan-change-history.json"},{"name":"application-pro-billing-plan-comparison-table","title":"Plan Comparison Table","description":"Three-plan feature matrix with Check and Minus cells, per-plan prices, current plan marker, and a quiet most-popular note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-plan-comparison-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-plan-comparison-table.json"},{"name":"application-pro-billing-proration-preview-card","title":"Proration Preview Card","description":"Upgrade proration preview with credit and charge line items, due-today total, and next renewal amount.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-proration-preview-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-proration-preview-card.json"},{"name":"application-pro-billing-receipt-card","title":"Receipt Card","description":"Single payment receipt with amount, date, card, transaction ID, a download PDF action, and a link to the formal tax invoice.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-receipt-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-receipt-card.json"},{"name":"application-pro-billing-refund-status-card","title":"Refund Status Card","description":"Refund in progress with amount, dates, returning card, and a four stage pipeline showing current processing state.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-refund-status-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-refund-status-card.json"},{"name":"application-pro-billing-seat-management-panel","title":"Seat Management Panel","description":"Idle seats listed with last active and the keep or free choice priced per month.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-seat-management-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-seat-management-panel.json"},{"name":"application-pro-billing-spend-trend-chart","title":"Spend Trend Chart","description":"A spend trend panel with three stat columns above a six month stacked bar chart splitting invoices into plan, seats, and usage.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-spend-trend-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-spend-trend-chart.json"},{"name":"application-pro-billing-spending-limit-card","title":"Spending Limit Card","description":"Monthly cap widget showing current spend on a Progress bar with alert threshold markers and an explicit policy for what pauses at the limit.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-spending-limit-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-spending-limit-card.json"},{"name":"application-pro-billing-tax-and-invoice-settings","title":"Tax and Invoice Settings","description":"VAT and Tax ID panel with VIES validation note, billing address fields, reverse charge callout, and invoice appearance.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-tax-and-invoice-settings.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-tax-and-invoice-settings.json"},{"name":"application-pro-billing-trial-status-card","title":"Trial Status Card","description":"A trial card with a day meter, a ruled list of what the team set up, an end date outcome, and an add payment action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-trial-status-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-trial-status-card.json"},{"name":"application-pro-billing-upgrade-comparison-card","title":"Upgrade Comparison Card","description":"The seat limit upsell with the delta priced for your seats and the honest alternative.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-upgrade-comparison-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-upgrade-comparison-card.json"},{"name":"application-pro-billing-usage-alerts-panel","title":"Usage Alerts Panel","description":"Alert rules as a ruled list with metric thresholds, recipient emails, and toggles, plus an add alert action and a hard cap caveat.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-usage-alerts-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-usage-alerts-panel.json"},{"name":"application-pro-billing-usage-breakdown-bill","title":"Usage Breakdown Bill","description":"The period charges line by line with a dated projection and its method stated.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-billing-usage-breakdown-bill.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-billing-usage-breakdown-bill.json"},{"name":"application-pro-calendar-scheduling-availability-grid","title":"Availability Grid","description":"Single-day slot picker with taken slots disabled, the selected slot highlighted, timezone line, and a buffer note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-availability-grid.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-availability-grid.json"},{"name":"application-pro-calendar-scheduling-booking-confirmation-card","title":"Booking Confirmation Card","description":"Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-booking-confirmation-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-booking-confirmation-card.json"},{"name":"application-pro-calendar-scheduling-calendar-sync-status","title":"Calendar Sync Status","description":"Connected calendars panel with per account sync freshness, slot blocking modes, an inline reconnect row for expired auth, and a privacy note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-calendar-sync-status.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-calendar-sync-status.json"},{"name":"application-pro-calendar-scheduling-event-detail-panel","title":"Event Detail Panel","description":"Full read view of a calendar event with a header, agenda and attachments column, a guest list with RSVP state, and viewer response buttons.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-event-detail-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-event-detail-panel.json"},{"name":"application-pro-calendar-scheduling-event-list-day","title":"Event List Day","description":"Day schedule list with an all-day item pinned at top, ruled timed event rows, and an explicit free-time gap row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-event-list-day.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-event-list-day.json"},{"name":"application-pro-calendar-scheduling-invite-rsvp-card","title":"Invite RSVP Card","description":"Incoming invitation card showing the organizer, event details, and a conflict warning, closing with accept, maybe, decline, and propose new time actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-invite-rsvp-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-invite-rsvp-card.json"},{"name":"application-pro-calendar-scheduling-meeting-poll-panel","title":"Meeting Poll Panel","description":"Group scheduling poll with three proposed times, voter avatar stacks, vote share bars, a highlighted leading option, and finalize actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-meeting-poll-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-meeting-poll-panel.json"},{"name":"application-pro-calendar-scheduling-mini-calendar-card","title":"Mini Calendar Card","description":"Compact sidebar month picker with today highlighted, event dots on three dates, and prev and next navigation.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-mini-calendar-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-mini-calendar-card.json"},{"name":"application-pro-calendar-scheduling-month-calendar","title":"Month Calendar","description":"Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted out-of-month days.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-month-calendar.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-month-calendar.json"},{"name":"application-pro-calendar-scheduling-recurring-event-form","title":"Recurring Event Form","description":"Recurrence rule builder with interval input, weekday toggle chips, end condition selector, and a plain-English rule summary.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-recurring-event-form.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-recurring-event-form.json"},{"name":"application-pro-calendar-scheduling-reschedule-request-panel","title":"Reschedule Request Panel","description":"Reschedule request panel placing the current and proposed slots side by side with the requester reason, an availability line, and accept or counter actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-reschedule-request-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-reschedule-request-panel.json"},{"name":"application-pro-calendar-scheduling-room-booking-timeline","title":"Room Booking Timeline","description":"Room picker where each meeting room is a day track with existing bookings drawn as blocks and the requested slot outlined across every row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-room-booking-timeline.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-room-booking-timeline.json"},{"name":"application-pro-calendar-scheduling-scheduling-link-card","title":"Scheduling Link Card","description":"Booking link share card with a copy chip, three meeting types with buffers, availability hours, and a double-booking note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-scheduling-link-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-scheduling-link-card.json"},{"name":"application-pro-calendar-scheduling-team-availability-heatmap","title":"Team Availability Heatmap","description":"Week by hour heat grid of team overlap with day columns, a ring highlighted best slot, density legend, and a propose time callout.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-team-availability-heatmap.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-team-availability-heatmap.json"},{"name":"application-pro-calendar-scheduling-timezone-compare-row","title":"Timezone Compare Row","description":"Proposed meeting time shown side by side across four attendee timezones with local time, offset, and working hours status for each.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-timezone-compare-row.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-timezone-compare-row.json"},{"name":"application-pro-calendar-scheduling-week-agenda","title":"Week Agenda","description":"Week view with a vertical time column, five day columns, CSS-positioned event blocks, and a current-time line.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-week-agenda.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-week-agenda.json"},{"name":"application-pro-calendar-scheduling-working-hours-editor","title":"Working Hours Editor","description":"Weekly availability settings with per day switches, bookable time range chips, a timezone note, weekly total badge, and save actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-working-hours-editor.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-calendar-scheduling-working-hours-editor.json"},{"name":"application-pro-charts-area-with-range-chart","title":"Area With Range Chart","description":"An area chart showing actuals with a muted 80% confidence band and a dashed projection tail for future months.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-area-with-range-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-area-with-range-chart.json"},{"name":"application-pro-charts-bubble-chart","title":"Bubble Chart","description":"ScatterChart plotting accounts by usage score, monthly revenue, and seat count encoded as bubble size.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-bubble-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-bubble-chart.json"},{"name":"application-pro-charts-bullet-kpi-rows","title":"Bullet KPI Rows","description":"A card panel of five quarterly KPIs as bullet rows, each with qualitative range bands, a quarter to date measure bar, a target tick, and a shared axis.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-bullet-kpi-rows.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-bullet-kpi-rows.json"},{"name":"application-pro-charts-cohort-retention-heatmap","title":"Cohort Retention Heatmap","description":"A CSS grid heatmap of weekly cohort retention shaded by foreground opacity tokens with no chart library.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-cohort-retention-heatmap.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-cohort-retention-heatmap.json"},{"name":"application-pro-charts-conversion-funnel-bars","title":"Conversion Funnel Bars","description":"The funnel as horizontal bars with each rate against the prior stage, labeled.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-conversion-funnel-bars.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-conversion-funnel-bars.json"},{"name":"application-pro-charts-diverging-survey-bars","title":"Diverging Survey Bars","description":"Likert survey responses as diverging stacked bars around a center axis with a four segment legend and agree share per question.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-diverging-survey-bars.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-diverging-survey-bars.json"},{"name":"application-pro-charts-dumbbell-latency-chart","title":"Dumbbell Latency Chart","description":"Dumbbell rows comparing p95 latency per endpoint before and after a release, with connector bars, paired dots, and an axis row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-dumbbell-latency-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-dumbbell-latency-chart.json"},{"name":"application-pro-charts-gauge-progress-chart","title":"Gauge Progress Chart","description":"A radial gauge showing a single SLA percentage with the value centred and the target threshold named in the footnote.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-gauge-progress-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-gauge-progress-chart.json"},{"name":"application-pro-charts-grouped-bar-chart","title":"Grouped Bar Chart","description":"Feature usage grouped bar chart comparing this billing period against the previous across six categories with a shared legend.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-grouped-bar-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-grouped-bar-chart.json"},{"name":"application-pro-charts-heatmap-calendar-chart","title":"Heatmap Calendar Chart","description":"CSS grid calendar heatmap shading daily activity by foreground opacity across a six month window.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-heatmap-calendar-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-heatmap-calendar-chart.json"},{"name":"application-pro-charts-histogram-distribution-chart","title":"Histogram Distribution Chart","description":"A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-histogram-distribution-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-histogram-distribution-chart.json"},{"name":"application-pro-charts-horizontal-bar-ranking","title":"Horizontal Bar Ranking","description":"Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-horizontal-bar-ranking.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-horizontal-bar-ranking.json"},{"name":"application-pro-charts-latency-percentile-chart","title":"Latency Percentile Chart","description":"API request latency as p50, p95, and p99 lines over 24 hourly points with ms axis formatting.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-latency-percentile-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-latency-percentile-chart.json"},{"name":"application-pro-charts-mrr-stacked-bars","title":"Mrr Stacked Bars","description":"MRR movement as stacked bars with new and expansion above zero and contraction and churn below, last 6 months.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-mrr-stacked-bars.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-mrr-stacked-bars.json"},{"name":"application-pro-charts-multi-line-trend","title":"Multi Line Trend","description":"Three-series line chart tracking monthly active seats across Starter, Growth, and Enterprise plans with a legend and a footnote naming the September crossover.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-multi-line-trend.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-multi-line-trend.json"},{"name":"application-pro-charts-pareto-error-chart","title":"Pareto Error Chart","description":"A Pareto chart pairing error category bars sorted by volume with a cumulative share line on a second percentage axis.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-pareto-error-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-pareto-error-chart.json"},{"name":"application-pro-charts-percent-stacked-bars","title":"Percent Stacked Bars","description":"A card panel charting monthly signups by acquisition channel as bars normalized to 100 percent, so the chart reads as share of mix over volume.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-percent-stacked-bars.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-percent-stacked-bars.json"},{"name":"application-pro-charts-plan-mix-donut","title":"Plan Mix Donut","description":"Donut chart of active workspaces by plan tier with a center total label and a four plan legend.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-plan-mix-donut.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-plan-mix-donut.json"},{"name":"application-pro-charts-radar-chart","title":"Radar Chart","description":"RadarChart comparing two plans across five feature dimensions with filled polygons and a shared legend.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-radar-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-radar-chart.json"},{"name":"application-pro-charts-radial-usage-rings","title":"Radial Usage Rings","description":"Concentric radial rings showing percent of quota used per storage resource beside a breakdown list with exact allocations.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-radial-usage-rings.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-radial-usage-rings.json"},{"name":"application-pro-charts-revenue-area-chart","title":"Revenue Area Chart","description":"Stacked area chart showing new business and expansion MRR added each month across an 8 month window.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-revenue-area-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-revenue-area-chart.json"},{"name":"application-pro-charts-scatter-plot-chart","title":"Scatter Plot Chart","description":"Accounts scatter chart plotting monthly API usage against revenue with reference-line quadrants to surface expansion targets.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-scatter-plot-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-scatter-plot-chart.json"},{"name":"application-pro-charts-signups-bar-chart","title":"Signups Bar Chart","description":"Weekly new account signups as a single series bar chart over 10 weeks with a labeled launch spike.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-signups-bar-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-signups-bar-chart.json"},{"name":"application-pro-charts-slope-comparison-chart","title":"Slope Comparison Chart","description":"A card panel joining average active seats per plan across two quarters with slope lines between paired axes, the biggest mover drawn in full ink.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-slope-comparison-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-slope-comparison-chart.json"},{"name":"application-pro-charts-sparkbar-row","title":"Sparkbar Row","description":"Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-sparkbar-row.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-sparkbar-row.json"},{"name":"application-pro-charts-stacked-category-bars","title":"Stacked Category Bars","description":"A stacked bar chart of support tickets by category over six weeks with a footnote naming the fastest growing series.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-stacked-category-bars.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-stacked-category-bars.json"},{"name":"application-pro-charts-stepped-area-chart","title":"Stepped Area Chart","description":"Active seats area chart using stepAfter type so each provisioning event reads as an instantaneous jump, not gradual growth.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-stepped-area-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-stepped-area-chart.json"},{"name":"application-pro-charts-usage-line-chart","title":"Usage Line Chart","description":"API requests per day as two lines separating production and sandbox volume across a 14 day window.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-usage-line-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-usage-line-chart.json"},{"name":"application-pro-charts-waterfall-chart","title":"Waterfall Chart","description":"MRR movement chart with floating bars for new business, expansion, and churn across a billing period.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-waterfall-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-waterfall-chart.json"},{"name":"application-pro-charts-weekly-active-users-chart","title":"Weekly Active Users Chart","description":"Distinct active users per ISO week as a filled area over 12 weeks with a dashed quarter target reference line.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-charts-weekly-active-users-chart.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-charts-weekly-active-users-chart.json"},{"name":"application-pro-chat-messaging-active-call-panel","title":"Active Call Panel","description":"Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute and speaking states, and a call control bar.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-active-call-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-active-call-panel.json"},{"name":"application-pro-chat-messaging-channel-directory","title":"Channel Directory","description":"A browse and join panel with a create action, labeled search field, sort chips, and rows showing each channel name, description, members, and a join state.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-channel-directory.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-channel-directory.json"},{"name":"application-pro-chat-messaging-channel-list-sidebar","title":"Channel List Sidebar","description":"Workspace nav rail with channel and DM sections, unread badges, a muted channel indicator, and per section add affordances.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-channel-list-sidebar.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-channel-list-sidebar.json"},{"name":"application-pro-chat-messaging-channel-settings-panel","title":"Channel Settings Panel","description":"Channel settings panel with name and topic fields, public/private radio with consequence notes, a members list, notification level selector, and an archive act…","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-channel-settings-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-channel-settings-panel.json"},{"name":"application-pro-chat-messaging-conversation-list","title":"Conversation List","description":"Inbox rail with six conversation rows showing avatar, preview, timestamp, and unread count badges on two threads.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-conversation-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-conversation-list.json"},{"name":"application-pro-chat-messaging-dm-thread-panel","title":"Dm Thread Panel","description":"Complete 1:1 panel combining a presence header, a grouped message thread with read receipt, and a full composer bar.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-dm-thread-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-dm-thread-panel.json"},{"name":"application-pro-chat-messaging-emoji-reactions-blueprint","title":"Emoji Reactions Blueprint","description":"Static open-state emoji picker inline above a message with a recents row, category grid, search input, and existing reaction chips.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-emoji-reactions-blueprint.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-emoji-reactions-blueprint.json"},{"name":"application-pro-chat-messaging-member-profile-drawer","title":"Member Profile Drawer","description":"A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-member-profile-drawer.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-member-profile-drawer.json"},{"name":"application-pro-chat-messaging-mentions-activity-feed","title":"Mentions Activity Feed","description":"An activity panel with a mark all read header, mentions and reactions filter chips, and rows pairing actor, event, source channel, quoted snippet, and time.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-mentions-activity-feed.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-mentions-activity-feed.json"},{"name":"application-pro-chat-messaging-message-composer","title":"Message Composer","description":"Chat send bar with attach, emoji, and slash affordances, a typing indicator row, and a Send button with an Enter keyboard hint.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-message-composer.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-message-composer.json"},{"name":"application-pro-chat-messaging-message-thread","title":"Message Thread","description":"Chat thread with grouped sender bubbles, a Today day divider, a reaction chip, and a read receipt on the last outgoing message.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-message-thread.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-message-thread.json"},{"name":"application-pro-chat-messaging-pinned-messages-panel","title":"Pinned Messages Panel","description":"Channel pinned messages list showing author, snippet, pinned time and pinner, a jump-to link, and an unpin button per entry.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-pinned-messages-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-pinned-messages-panel.json"},{"name":"application-pro-chat-messaging-poll-message-card","title":"Poll Message Card","description":"Inline thread poll with vote share bars per option, a check on your vote, voter avatar cluster, total count, and close time.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-poll-message-card.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-poll-message-card.json"},{"name":"application-pro-chat-messaging-scheduled-messages-panel","title":"Scheduled Messages Panel","description":"Queued outgoing messages list with destination, draft snippet, exact send time, and per row send now, edit, and delete actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-scheduled-messages-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-scheduled-messages-panel.json"},{"name":"application-pro-chat-messaging-search-messages-results","title":"Search Messages Results","description":"Chat search results grouped by channel and DM with author, inline highlighted match term, timestamp, and a jump-to-message affordance.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-search-messages-results.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-search-messages-results.json"},{"name":"application-pro-chat-messaging-shared-files-panel","title":"Shared Files Panel","description":"Conversation files tab with type filter chips and rows showing a file icon, name, size, uploader, share date, and a download action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-shared-files-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-shared-files-panel.json"},{"name":"application-pro-chat-messaging-thread-reply-panel","title":"Thread Reply Panel","description":"Side panel showing a parent channel message, a reply count divider, four threaded replies, and a scoped reply composer.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-thread-reply-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-thread-reply-panel.json"},{"name":"application-pro-chat-messaging-voice-message-thread","title":"Voice Message Thread","description":"An audio thread of chat bubbles, each with a play control, waveform, and duration, plus an active note with elapsed time and a transcript preview.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-voice-message-thread.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-chat-messaging-voice-message-thread.json"},{"name":"application-pro-comments-annotations-annotation-layers-rail","title":"Annotation Layers Rail","description":"A document page mockup where marks from each reviewer form a colored layer, beside a rail of reviewers with color keys, counts, and visibility toggles.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-annotation-layers-rail.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-annotation-layers-rail.json"},{"name":"application-pro-comments-annotations-annotation-toolbar-blueprint","title":"Annotation Toolbar Blueprint","description":"Static open-state blueprint of a text-selection toolbar with comment, highlight, suggest-edit, and link affordances plus a five-color swatch row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-annotation-toolbar-blueprint.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-annotation-toolbar-blueprint.json"},{"name":"application-pro-comments-annotations-canvas-pin-comments","title":"Canvas Pin Comments","description":"Design canvas mockup with four numbered comment pins and a side rail listing each pin thread with author, note, and resolve actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-canvas-pin-comments.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-canvas-pin-comments.json"},{"name":"application-pro-comments-annotations-code-review-thread","title":"Code Review Thread","description":"Code diff panel with line numbers, added and removed rows, and a line anchored review thread with replies, composer, and resolve action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-code-review-thread.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-code-review-thread.json"},{"name":"application-pro-comments-annotations-comment-assignments","title":"Comment Assignments","description":"Review feedback promoted into action items, with filter chips above rows pairing each source quote with an assignee, due date, and status badge.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-assignments.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-assignments.json"},{"name":"application-pro-comments-annotations-comment-composer","title":"Comment Composer","description":"Standalone comment composer with a formatting toolbar, file attach, at mention hint, and a Cmd Enter keyboard shortcut hint.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-composer.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-composer.json"},{"name":"application-pro-comments-annotations-comment-notification-inbox","title":"Comment Notification Inbox","description":"Cross document notification feed with mention, reply, and resolve items, unread dots, type filter chips, and a mark all read action.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-notification-inbox.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-notification-inbox.json"},{"name":"application-pro-comments-annotations-comment-sidebar","title":"Comment Sidebar","description":"Document comment sidebar with four threads anchored to quoted text, reply counts, resolve affordances, and one collapsed resolved thread.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-sidebar.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-comment-sidebar.json"},{"name":"application-pro-comments-annotations-inline-annotation-thread","title":"Inline Annotation Thread","description":"Highlighted text excerpt with an attached margin thread showing two comments, a reply composer, emoji reactions, and resolve and delete controls.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-inline-annotation-thread.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-inline-annotation-thread.json"},{"name":"application-pro-comments-annotations-mention-picker-blueprint","title":"Mention Picker Blueprint","description":"Static open state of an at mention picker showing six workspace members with one row highlighted and keyboard navigation hints.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-mention-picker-blueprint.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-mention-picker-blueprint.json"},{"name":"application-pro-comments-annotations-outdated-comments-panel","title":"Outdated Comments Panel","description":"Comment threads on a versioned document, split into ones matched to the new version and ones whose anchors broke, with stale quotes and reattach actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-outdated-comments-panel.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-outdated-comments-panel.json"},{"name":"application-pro-comments-annotations-pending-review-tray","title":"Pending Review Tray","description":"Draft comments held for one review, each with a section anchor, quote, and edit controls, above a summary field, verdict choices, and a submit button.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-pending-review-tray.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-pending-review-tray.json"},{"name":"application-pro-comments-annotations-reaction-bar","title":"Reaction Bar","description":"Emoji reaction chips with counts showing active and inactive states, an add reaction affordance, and a static hover panel listing who reacted.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-reaction-bar.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-reaction-bar.json"},{"name":"application-pro-comments-annotations-resolved-comments-list","title":"Resolved Comments List","description":"Audit list of closed comment threads with quoted references, resolution attribution, reply counts, a reopen affordance, and an all vs resolved filter.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-resolved-comments-list.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-resolved-comments-list.json"},{"name":"application-pro-comments-annotations-spreadsheet-cell-comments","title":"Spreadsheet Cell Comments","description":"A budget sheet with corner markers on flagged cells beside a rail showing the selected cell thread and a list of other commented cells.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-spreadsheet-cell-comments.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-spreadsheet-cell-comments.json"},{"name":"application-pro-comments-annotations-suggestion-review-row","title":"Suggestion Review Row","description":"Pending edit review rows showing the struck original beside the proposed replacement with author attribution and accept and reject actions per suggestion.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-suggestion-review-row.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-suggestion-review-row.json"},{"name":"application-pro-comments-annotations-video-timestamp-comments","title":"Video Timestamp Comments","description":"Video review timeline with avatar markers at comment timestamps and a list of time anchored notes with reply and mark done controls.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-video-timestamp-comments.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-comments-annotations-video-timestamp-comments.json"},{"name":"application-pro-data-tables-audit-log-table","title":"Audit Log Table","description":"Append only security log with mono timestamps, actor avatars, code chip action keys, targets, and source IPs.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-audit-log-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-audit-log-table.json"},{"name":"application-pro-data-tables-column-visibility-table","title":"Column Visibility Table","description":"A customers table beside a checkbox rail that shows and hides columns live, with a locked identity column and a running column count.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-column-visibility-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-column-visibility-table.json"},{"name":"application-pro-data-tables-comparison-table","title":"Comparison Table","description":"Plan comparison table with features as rows, plans as columns, differing cells highlighted, and a per-column upgrade CTA.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-comparison-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-comparison-table.json"},{"name":"application-pro-data-tables-csv-preview-table","title":"Csv Preview Table","description":"CSV import preview with column to field mapping Selects, an unmapped column flag, and a row issue count.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-csv-preview-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-csv-preview-table.json"},{"name":"application-pro-data-tables-dense-data-table","title":"Dense Data Table","description":"The compact variant fitting eight webhook rows where a standard table fits five.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-dense-data-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-dense-data-table.json"},{"name":"application-pro-data-tables-density-toggle-table","title":"Density Toggle Table","description":"A deployments table with a segmented comfortable and compact toggle in the header that swaps every row's vertical padding live, above a density note.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-density-toggle-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-density-toggle-table.json"},{"name":"application-pro-data-tables-diff-review-table","title":"Diff Review Table","description":"A config change review table striking old values beside proposed ones, with change badges, a left rule accent, and approve and reject actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-diff-review-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-diff-review-table.json"},{"name":"application-pro-data-tables-editable-cells-table","title":"Editable Cells Table","description":"Quarterly budget grid with one cell in active edit mode, tab navigation hint, and per-row save and cancel actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-editable-cells-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-editable-cells-table.json"},{"name":"application-pro-data-tables-empty-state-table","title":"Empty State Table","description":"Projects table filtered to zero rows keeping active filter chips and the header visible above a centered empty state with recovery actions.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-empty-state-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-empty-state-table.json"},{"name":"application-pro-data-tables-feature-flags-table","title":"Feature Flags Table","description":"Flags with mono keys, environment badges, rollout percentages, a Switch per row.","type":"registry:block","source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-feature-flags-table.json","install_command":"npx shadcn@latest add https://www.shadcn-ui-blocks.com/r/application-pro-data-tables-feature-flags-table.json"}]},{"id":"shadcnblocks","name":"@shadcnblocks","slug":"shadcnblocks","description":"Premium shadcn/ui registry with 1,635 marketing/SaaS blocks organized into 60+ categories (Hero 217, Feature 311, Pricing 96, Testimonial 39, Footer 44, Data Table 32, Sidebar 21, Dashboard 18, Ecommerce, Charts, and more), 1,684 component variants, 16 Next.js/Astro templates (priced ~$79 each), an Admin Kit, and a Figma Kit. Installation via shadcn CLI, MCP, or a VS Code/Cursor IDE extension. Free blocks available; full access requires a one-time purchase ($149-$399). Use for: rapidly assembling marketing pages or SaaS dashboards from a best-in-class collection of production-ready, full-width sections.","author":"shadcnblocks","framework":"react","license":null,"tags":["accessibility","blocks","charts","dashboard","e-commerce","marketing","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro"],"urls":{"website":"https://shadcnblocks.com","github":"https://github.com/shadcnblocks/shadcn-ui-blocks","registry":"https://shadcnblocks.com/r/registry.json","source":"https://shadcnblocks.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnblocks","markdown":"https://sh4dcn.netlify.app/md/shadcnblocks.md"},"logo":"<svg width='78' height='90' viewBox='0 0 78 90' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M46.7305 4.50982L43.6252 2.72955V17.49L46.7305 19.2924V4.50982Z'/><path d='M52.9854 8.14811L49.8765 6.34937V21.1287L52.9854 22.9127V8.14811Z'/><path d='M59.1814 11.7684L56.0762 9.9881V24.7485L59.1814 26.5325V11.7684Z'/><path d='M6.04712 26.0179L9.15238 27.8019V17.246L6.04712 19.0262V26.0179Z'/><path d='M2.93874 24.2184V20.8651L0 22.5491L2.93874 24.2184Z'/><path d='M77.889 22.5895L74.7985 20.8056V24.3883L71.6895 26.1685V19.0253L68.6027 17.245V27.9123L65.4937 29.6962V15.3874L62.3293 13.548V28.3305L65.1162 29.959V59.8636L64.9645 59.9561L62.3293 58.4424V61.4921L59.1833 63.2724V56.5474L56.078 54.7079V65.0743L52.9875 66.9101V52.8681L49.8785 51.0324V68.6945L46.7325 70.4748V49.1932L43.6273 47.3537V72.2547L40.5183 74.1127V45.5172L39.0008 44.5105L39.06 14.8159L40.5183 15.7079V0.947497L38.8898 0L37.5795 0.736529V15.5562L34.4372 17.3364V2.57602L31.3283 4.35629V19.1199L28.2193 20.9186V6.1953L25.1325 7.97557V22.6989L21.968 24.4829V9.77771L18.8775 11.6135V26.2807L15.7685 28.1202V13.393L12.3005 15.4397V29.578L12.7743 29.8444L12.889 59.9528L15.7685 61.6405V58.2872L18.8775 56.4477V63.4799L21.968 65.2786V54.6082L25.1325 52.7132V67.0591L28.2193 68.8986V50.8772L31.3283 49.0377V70.6786L34.4372 72.481V47.1797L37.5795 45.3439V74.3168L39.0008 75.1533V75.0941V89.969L77.9445 67.477L78 22.5853L77.889 22.5895Z' /></svg>","preview_image":"https://cdn.shadcnblocks.com/shadcnblocks/images/og/og-default.png","pro":{"has_pro":true,"pro_url":"https://www.shadcnblocks.com/pricing","pricing_url":"https://www.shadcnblocks.com/pricing"},"metrics":{"github_stars":410,"open_issues":0,"last_commit":"2025-10-09T20:08:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcnblocks.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcnblocks.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcnblocks.com/r/registry.json","clone":"git clone https://github.com/shadcnblocks/shadcn-ui-blocks.git","clone_degit":"npx degit shadcnblocks/shadcn-ui-blocks","registry_fetch":"curl -s https://shadcnblocks.com/r/registry.json"},"component_count":250,"components":[{"name":"about1","title":"About 1 - Intro With Story Columns","description":"A short about hero with a large headline, one culture photo, and two titled story columns.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about1.json"},{"name":"about10","title":"About 10 - Sticky Sidebar Company Profile","description":"A two-column about section with sticky sidebar containing avatar and contact link, and main content with bio, philosophy, workspace image, and team list.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about10.json"},{"name":"about11","title":"About 11 - Creative Agency Portfolio","description":"A portfolio-style about section with team photos, process description, logo marquee, awards list, quote overlay image, and motivation sections.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about11.json"},{"name":"about12","title":"About 12 - Agency Profile with Process Cards","description":"A structured agency about section with labeled sections, process cards with numbered badges, milestone stats, awards list, and testimonial with case study link.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about12.json"},{"name":"about13","title":"About 13 - Story with Avatar Profile","description":"A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about13.json"},{"name":"about14","title":"About 14 - About with Hero Image","description":"A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about14.json"},{"name":"about15","title":"About 15 - Tilted Photo Profile Card","description":"A dark two-column about section with a rotated polaroid-style photo card, headline, body text, and a handwritten signature.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about15.json"},{"name":"about16","title":"About 16 - Why Us Stats Section","description":"A six-column about section with sticky Why Us label, quote-style headline, supporting text, full-width image, and three-row stats list.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about16.json"},{"name":"about17","title":"About 17 - Interactive Tab Profile","description":"A seven-column profile section with role and timezone info, bio text, interactive tab navigation, and tab-controlled image display.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about17.json"},{"name":"about18","title":"About 18 - Mission and Drive Sections","description":"A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about18.json"},{"name":"about19","title":"About 19 - Image Left Quote Right","description":"A seven-column about section with large bordered image on the left and headline, text, quote attribution with avatar on the right.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about19.json"},{"name":"about2","title":"About 2 - Stats Grid with Logos and Testimonial","description":"A comprehensive about block with centered intro, asymmetric image grid, stats section, logo strip, and benefit cards with testimonial.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about2.json"},{"name":"about20","title":"About 20 - Founder Profile with Signature","description":"A dark seven-column profile section with role info, two headline paragraphs, a handwritten signature image, and cropped portrait image.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about20.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about20.json"},{"name":"about21","title":"About 21 - Hero Story and Training Cards","description":"A multi-section about block with hero image overlay, story section with milestone image and bullet points, and training cards on muted background.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about21.json"},{"name":"about22","title":"About 22 - Animated Story with Images","description":"A two-column about section with Framer Motion animations, vertical image on the left, and title with paragraphs and horizontal image on the right.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about22.json"},{"name":"about23","title":"About 23 - Split intro with story columns and stats","description":"A company about section with a top-aligned label, split intro, full-width photo, two story columns, and a bordered stats grid.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about23.json"},{"name":"about24","title":"About 24 - Personal Profile with Clients and Awards","description":"A two-column profile section with avatar, roles, bio, location on the left, and client list with project counts and awards list with years on the right.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about24.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about24.json"},{"name":"about25","title":"About 25 - Animated Story with Stats and Avatars","description":"A comprehensive studio about section with Framer Motion animations, large title, partner avatars, hero image, stats row, and philosophy footer with CTA button.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about25.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about25.json"},{"name":"about26","title":"About 26 - Studio Profile with Services","description":"A studio about section with monospace label, large two-part headline, stats list, three paragraphs, services checklist, stat cards, and full-width image with o…","type":"registry:block","source_url":"https://shadcnblocks.com/r/about26.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about26.json"},{"name":"about27","title":"About 27 - Enterprise About with Team Grid","description":"A comprehensive enterprise about section with hero, value proposition stats, team grid with decorative borders, and a company logo grid.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about27.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about27.json"},{"name":"about28","title":"About 28 - Two-Column About with Staggered Images","description":"A two-column about section with alternating image and text blocks, featuring staggered image pairs and multi-paragraph text with optional CTA.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about28.json"},{"name":"about29","title":"About 29 - Mission panel with text columns","description":"A stacked about section with a large headline, image and mission overlay, then a three-column text grid of values.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about29.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about29.json"},{"name":"about3","title":"About 3 - Company Profile with Achievements","description":"A two-column about section with main image, breakout card, logo strip, and achievements stats grid on muted background.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about3.json"},{"name":"about30","title":"About 30 - Centered intro with photo row","description":"A short about section with a centered headline, supporting paragraph, and an asymmetric three-photo row.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about30.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about30.json"},{"name":"about31","title":"About 31 - Story with Avatar Profile","description":"A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about31.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about31.json"},{"name":"about32","title":"About 32 - About with Hero Image","description":"A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about32.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about32.json"},{"name":"about33","title":"About 33 - Mission and Drive Sections","description":"A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about33.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about33.json"},{"name":"about34","title":"About 34 - Studio split with work CTA","description":"A seven-column studio about section with a bordered workshop photo, The Studio heading, supporting copy, a trust byline, and a View our work button.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about34.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about34.json"},{"name":"about35","title":"About 35 - Interactive Tab Profile","description":"A seven-column profile section with avatar, role, timezone, bio text, interactive tab navigation, and tab-controlled image display.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about35.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about35.json"},{"name":"about36","title":"About 36 - Photo Mosaic With Story Columns","description":"A mid-page about section with a start-aligned headline, a three-photo mosaic, and two titled text columns.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about36.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about36.json"},{"name":"about37","title":"About 37 - Editorial Intro With Photo Pair","description":"An about hero with a two-column headline and paragraph, a pair of culture photos, and an outline call to action.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about37.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about37.json"},{"name":"about38","title":"About 38 - Split Intro With Story Columns","description":"A split about hero with a headline and supporting copy beside two stacked culture photos, two titled story columns, and an outline call to action.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about38.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about38.json"},{"name":"about39","title":"About 39 - Sticky Sidebar Client List","description":"A two-column freelancer about section with a sticky avatar sidebar, bio and approach copy, a workspace photo, and a numbered client list.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about39.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about39.json"},{"name":"about4","title":"About 4 - Vision and Creators with Image Grid","description":"A centered about section with six-image grid, two-column vision and creators text blocks, and muted CTA banner.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about4.json"},{"name":"about40","title":"About 40 - Sticky studio with awards","description":"A two-column studio about section with a sticky brand sidebar, The Studio heading, approach copy, a workspace photo, and a numbered awards list.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about40.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about40.json"},{"name":"about41","title":"About 41 - Ruled about with numbered stories","description":"An about section on a twelve-column grid, with a large headline, four square photos, and three numbered stories of one paragraph each.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about41.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about41.json"},{"name":"about42","title":"About 42 - L-shaped about with a photo slider","description":"An about section with a tall photo slider beside a square, the headline under that square, then logos and a journey.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about42.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about42.json"},{"name":"about43","title":"About 43 - Poster about with three portraits","description":"A poster-scale about headline above three portrait columns, then logos, stats, and a journey on the same grid.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about43.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about43.json"},{"name":"about5","title":"About 5 - Developer Platform Story","description":"A developer-focused about section with two-column intro, large image, tech logos, origin story, and milestone cards.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about5.json"},{"name":"about6","title":"About 6 - Story and Workplace Photo Grid","description":"A two-column about section with story text and staggered photo grids showing team and workplace imagery.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about6.json"},{"name":"about7","title":"About 7 - Product Story with Offset Images","description":"A narrative about section with offset image layout, product philosophy text, team photos, and careers CTA button.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about7.json"},{"name":"about8","title":"About 8 - Fintech About with Stats Carousel","description":"A fintech-style about section with plus-sign pattern background, stats row, mission narrative, image carousel, and founding team.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about8.json"},{"name":"about9","title":"About 9 - Developer Profile with Photos","description":"A personal profile section with large team photo, role and location info with flag icon, bio text, and secondary workspace image.","type":"registry:block","source_url":"https://shadcnblocks.com/r/about9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/about9.json"},{"name":"accept-invite1","title":"Accept Invite 1 - Two-Column Invite with Email Form","description":"A two-column invitation acceptance screen with Google sign-in, email input form, welcome message, and footer links.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite1.json"},{"name":"accept-invite2","title":"Accept Invite 2 - Centered invite card with logo","description":"A compact centered invitation card with organization logo, personalized message, and accept or decline buttons with an expiration notice.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite2.json"},{"name":"accept-invite3","title":"Accept Invite 3 - Split accept invite with verified badge","description":"A fullscreen split invite screen with workspace branding, stacked member avatars, a verified badge, inviter details, and accept or decline actions.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite3.json"},{"name":"accept-invite4","title":"Accept Invite 4 - Accept invite with workspace access","description":"A centered invite confirmation card with inviter note, workspace access list, and a join action.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite4.json"},{"name":"accept-invite5","title":"Accept Invite 5 - Workspace Join","description":"A centered workspace invite with the workspace address, member count, starting channels, and the email you will join as.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite5.json"},{"name":"accept-invite6","title":"Accept Invite 6 - Locked Email Invite","description":"An account invite that names the granted role and locks the address the invitation was sent to.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite6.json"},{"name":"accept-invite7","title":"Accept Invite 7 - Project Join Bar","description":"A wide project invite that places the site, project, role, and join action on one row.","type":"registry:block","source_url":"https://shadcnblocks.com/r/accept-invite7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/accept-invite7.json"},{"name":"application-shell1","title":"Application Shell 1 - Sidebar Shell with Breadcrumbs","description":"A full application shell with collapsible sidebar, grouped navigation with submenus, user dropdown in footer, header with breadcrumbs, and placeholder content …","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell1.json"},{"name":"application-shell11","title":"Application Shell 11 - Video Platform Shell","description":"A YouTube-style video platform shell with category sidebar, collapsible subscription sections, search bar in header, and user dropdown with account options.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell11.json"},{"name":"application-shell12","title":"Application Shell 12 - Two-tier sidebar shell with organization switcher","description":"Two-tier sidebar with a collapsible menu panel and animated transitions.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell12.json"},{"name":"application-shell13","title":"Application Shell 13 - Top navigation shell with dropdown menus and mobile sheet","description":"Top navigation bar with dropdown menus, search field, organization switcher, and mobile bottom navigation.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell13.json"},{"name":"application-shell14","title":"Application Shell 14 - Crypto exchange shell with wallet and token menus","description":"Cryptocurrency exchange interface with wallet menu, token favorites, notifications, and rounded navigation tabs.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell14.json"},{"name":"application-shell15","title":"Application Shell 15 - Floating sidebar with nested sections","description":"An application shell with a floating sidebar, a brand header, and section titles that stay open above their nested links.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell15.json"},{"name":"application-shell16","title":"Application Shell 16 - Sidebar with dropdown submenus","description":"An application shell whose sidebar sections open their child links in a dropdown menu instead of an inline list.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell16.json"},{"name":"application-shell17","title":"Application Shell 17 - Inset sidebar with secondary navigation","description":"An inset application shell with collapsible primary navigation, a project list, and a secondary link group pinned above the user menu.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell17.json"},{"name":"application-shell18","title":"Application Shell 18 - Sidebar on the right","description":"An application shell with the navigation sidebar on the right, a page outline of sections and nested links, and the trigger in the header's trailing edge.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell18.json"},{"name":"application-shell19","title":"Application Shell 19 - Left and right sidebars","description":"An application shell with a left navigation sidebar and a right sidebar that holds a calendar, calendar lists, and the user menu.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell19.json"},{"name":"application-shell2","title":"Application Shell 2 - Inset Sidebar with Icon Collapse","description":"An application shell with inset collapsible sidebar that collapses to icon-only mode, grouped navigation with submenus, user dropdown footer, and content area.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell2.json"},{"name":"application-shell20","title":"Application Shell 20 - Sidebar with a calendar","description":"An application shell whose sidebar contains a month calendar, collapsible calendar lists, and a new-calendar action beside a day grid.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell20.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell20.json"},{"name":"application-shell21","title":"Application Shell 21 - AI chat shell with conversation history","description":"An application shell for AI chat apps with conversation history grouped by date, a model picker in the header, and a message composer pinned to the bottom.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell21.json"},{"name":"application-shell22","title":"Application Shell 22 - Mail shell with three resizable panes","description":"A three-pane mail shell with a folder sidebar, a message list and a reading pane separated by a draggable handle.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell22.json"},{"name":"application-shell23","title":"Application Shell 23 - Issue tracker shell with team navigation","description":"A dense issue tracker shell with a workspace menu, inbox and my issues links, favorites, and collapsible teams with nested issue views.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell23.json"},{"name":"application-shell24","title":"Application Shell 24 - Wiki shell with a nested page tree","description":"A knowledge base shell with a nested page tree, favorites, private and shared sections, and a page header with breadcrumbs, collaborators and share actions.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell24.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell24.json"},{"name":"application-shell25","title":"Application Shell 25 - Icon rail with flyout panels","description":"An application shell with a narrow icon rail whose sections open a flyout panel of links on hover or click, with an option to pin the panel open.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell25.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell25.json"},{"name":"application-shell26","title":"Application Shell 26 - E-commerce admin shell with a full-width top bar","description":"A store admin shell with a full-width top bar, a store switcher, an orders badge, collapsible product sections, sales channels and a setup guide card.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell26.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell26.json"},{"name":"application-shell27","title":"Application Shell 27 - Music player shell with a persistent player bar","description":"A minimal music streaming shell with a playlist sidebar, grey skeleton shelves and a persistent player bar with playback controls, seek and volume sliders.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell27.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell27.json"},{"name":"application-shell28","title":"Application Shell 28 - Resizable panels workspace shell","description":"A design tool style shell with a layers panel, a canvas, a bottom panel and an inspector, all resizable and collapsible from toolbar toggles.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell28.json"},{"name":"application-shell29","title":"Application Shell 29 - Shell with a dismissible banner and status bar","description":"An application shell with a dismissible trial banner across the top, a standard sidebar, and a thin status bar along the bottom.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell29.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell29.json"},{"name":"application-shell3","title":"Application Shell 3 - Top Navigation Bar Shell","description":"An application shell with horizontal top navigation bar featuring dropdown menus, search input, user dropdown, and mobile sheet menu for responsive navigation.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell3.json"},{"name":"application-shell30","title":"Application Shell 30 - Sidebar on desktop, tab bar on mobile","description":"A responsive shell that shows an icon-collapsible sidebar on desktop and a bottom tab bar with a raised create button on mobile.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell30.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell30.json"},{"name":"application-shell31","title":"Application Shell 31 - Workspace shell with browser-style tabs","description":"An application shell where records open as browser-style tabs that can be closed, pinned, reordered by dragging and listed from an overflow menu.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell31.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell31.json"},{"name":"application-shell32","title":"Application Shell 32 - Analytics shell with a sticky filter bar","description":"An analytics shell with a top bar, project switcher, scrolling sub-navigation tabs and a sticky filter bar for date range, environment and comparison.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell32.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell32.json"},{"name":"application-shell33","title":"Application Shell 33 - Code repository shell with a two-row header","description":"A code hosting shell with a repository breadcrumb, search, create menu and a second header row of repository tabs with counts.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell33.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell33.json"},{"name":"application-shell34","title":"Application Shell 34 - Document editor shell with a menu bar and toolbar","description":"A document editor shell with a title bar, a File, Edit, View menu bar and a formatting toolbar above a page canvas.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell34.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell34.json"},{"name":"application-shell35","title":"Application Shell 35 - ERP shell with mega menu navigation","description":"An ERP shell with a primary-coloured top bar of module mega menus, a page header with breadcrumb and actions, and status tabs.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell35.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell35.json"},{"name":"application-shell36","title":"Application Shell 36 - Whiteboard shell with floating toolbars","description":"A canvas shell for whiteboard and design tools with floating file, tool and share bars over a dotted canvas.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell36.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell36.json"},{"name":"application-shell37","title":"Application Shell 37 - File manager shell with an app launcher","description":"A file manager shell with a large search bar, an app launcher grid, a toolbar with breadcrumb and view toggles, and filter chips.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell37.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell37.json"},{"name":"application-shell38","title":"Application Shell 38 - Pull request review shell with a sticky header","description":"A code review shell with a repository top bar, a sticky pull request header with branch details and tabs, a changed-files tree and diff view switching.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell38.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell38.json"},{"name":"application-shell39","title":"Application Shell 39 - CI pipeline shell with job list and log viewer","description":"A CI run shell with a repository top bar, a run header with branch, commit and actions, a job list grouped by stage, a pipeline graph and a log viewer.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell39.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell39.json"},{"name":"application-shell4","title":"Application Shell 4 - Top Navigation with Tabs","description":"An application shell with horizontal top navigation using tab-style links, search input, user dropdown, and mobile sheet menu for responsive navigation.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell4.json"},{"name":"application-shell40","title":"Application Shell 40 - Spreadsheet shell with a formula bar and sheet tabs","description":"A spreadsheet shell with a title bar, menu bar, formatting toolbar, formula bar, selectable grid and sheet tabs.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell40.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell40.json"},{"name":"application-shell41","title":"Application Shell 41 - Slide deck editor shell with thumbnails and notes","description":"A presentation editor shell with a title bar, menu bar, slideshow split button, tool bar, slide thumbnails, a slide canvas and speaker notes.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell41.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell41.json"},{"name":"application-shell42","title":"Application Shell 42 - Cloud console shell with a full-width services mega menu","description":"A cloud console shell with a full-width services mega menu by category, a favourites bar you pin services to, global search, region and account menus.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell42.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell42.json"},{"name":"application-shell43","title":"Application Shell 43 - Business suite shell with an all-apps menu","description":"A multi-app suite shell with an apps mega menu grouped by department, pinned app shortcuts and an app header with views, date navigation and a primary action.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell43.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell43.json"},{"name":"application-shell44","title":"Application Shell 44 - Map shell with a floating search and results panel","description":"A full-screen map shell with a floating search bar, category chips, a collapsible results panel, layer menu, location and zoom controls, and a mobile bottom sh…","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell44.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell44.json"},{"name":"application-shell45","title":"Application Shell 45 - Design tool shell with floating panels","description":"A design tool shell with floating layers and properties panels, a floating tool bar and a canvas of frames with a selection outline.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell45.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell45.json"},{"name":"application-shell46","title":"Application Shell 46 - Photo library shell with selection mode and timeline","description":"A photo library shell with a large search bar, app launcher, section switcher, filter chips, a select mode with a contextual action bar and a year timeline.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell46.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell46.json"},{"name":"application-shell47","title":"Application Shell 47 - Cloud storage shell with an upload tray","description":"A cloud storage shell with search, a storage meter, a folder path with actions, sort and view controls, a sticky table header and a live upload tray.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell47.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell47.json"},{"name":"application-shell48","title":"Application Shell 48 - Desktop IDE shell with a command palette and bottom panel","description":"A desktop code editor shell with an activity bar, file explorer, closable editor tabs, a command palette, a terminal panel and a status bar.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell48.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell48.json"},{"name":"application-shell49","title":"Application Shell 49 - Browser playground IDE shell with a live preview","description":"A browser playground shell with a file list, an editor and console, and a resizable live preview with device sizes and a run toggle.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell49.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell49.json"},{"name":"application-shell5","title":"Application Shell 5 - Floating Sidebar Shell","description":"An application shell with floating sidebar variant, grouped navigation with collapsible submenus, user dropdown footer, and toggle button in sidebar header.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell5.json"},{"name":"application-shell6","title":"Application Shell 6 - Module Switcher Sidebar Shell","description":"An application shell with module switcher in sidebar, animated navigation transitions, badge counts on menu items, and drawer for mobile with motion effects.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell6.json"},{"name":"application-shell7","title":"Application Shell 7 - Messaging App Shell","description":"A messaging-style application shell with channel sidebar, pinned items, user presence indicators, header with breadcrumbs and actions, and drawer for mobile.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell7.json"},{"name":"application-shell9","title":"Application Shell 9 - IDE-Style File Explorer Shell","description":"A code editor-style application shell with activity bar, file explorer sidebar with collapsible folders, and panel toggle for secondary content area.","type":"registry:block","source_url":"https://shadcnblocks.com/r/application-shell9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/application-shell9.json"},{"name":"awards1","title":"Awards 1 - Awards table with linked rows","description":"A section with a large heading and a full-width table of award name, description, and year, with each name linked externally.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards1.json"},{"name":"awards10","title":"Awards 10 - Award Logo Cards With Active Project","description":"Four award cards with a centered issuer logo and placing pill, with the second card's project image shown at rest and the image following the hovered card.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards10.json"},{"name":"awards11","title":"Awards 11 - Swiss Awards Index","description":"A Swiss awards index with numbered rows for title, discipline, and year inside a ruled grid.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards11.json"},{"name":"awards12","title":"Awards 12 - Editorial Honors Stack","description":"An editorial honors list that leads with one oversized award title, then smaller titles with a note and year.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards12.json"},{"name":"awards13","title":"Awards 13 - Featured Award Bento","description":"A bento with a heading, one large photographed award, and four text tiles for the remaining citations.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards13.json"},{"name":"awards14","title":"Awards 14 - Freelancer Honors List","description":"A narrow freelancer section with a name, a short introduction, and a simple list of honors and years.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards14.json"},{"name":"awards15","title":"Awards 15 - Freelancer Portrait And List","description":"A split freelancer section with a portrait beside a short biography and a bordered list of awards.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards15.json"},{"name":"awards16","title":"Awards 16 - Team Photo With Award Marks","description":"One team photograph beside four minimal award tiles, each a film festival logo with a placing pill and a single caption line.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards16.json"},{"name":"awards17","title":"Awards 17 - Logo Rows Awards List","description":"A minimal ruled list of awards, one row each with a festival logo, the discipline, the placing, and the year.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards17.json"},{"name":"awards18","title":"Awards 18 - Issuer Logo Grid","description":"A corporate grid of issuer logos, each paired with the award title and year.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards18.json"},{"name":"awards19","title":"Awards 19 - Laurel Ruler Awards Timeline","description":"An interactive awards timeline with a year ruler with stacked laurels per year, and a selected year's awards shown below with laurel placings.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards19.json"},{"name":"awards2","title":"Awards 2 - Sticky label with awards list","description":"A two-column layout with a small uppercase label and sticky positioning beside a list of award titles and years separated by hairline borders.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards2.json"},{"name":"awards20","title":"Awards 20 - Featured Portfolio Award","description":"A portfolio feature with a large award title and photograph, plus a four-cell index of further citations.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards20.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards20.json"},{"name":"awards21","title":"Awards 21 - Festival Swimlane Laurels","description":"An interactive awards chart with one lane per festival and one column per year, with a laurel at each placing and the selected award shown below.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards21.json"},{"name":"awards22","title":"Awards 22 - Laurel Shelf Year Accordion","description":"An awards history where each year is a row with one laurel per placing like a bar, and opening a row lists that year's awards.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards22.json"},{"name":"awards23","title":"Awards 23 - Laurel Field With Filter","description":"Every award as a field of laurels with a placing filter, and a side panel showing the hovered or selected award.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards23.json"},{"name":"awards3","title":"Awards 3 - Awards list with hover accent rows","description":"A titled section with intro text and stacked rows showing a color marker, award title, categories, year, and a sliding accent background on hover.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards3.json"},{"name":"awards4","title":"Awards 4 - Awards table with logos and date subtitle","description":"A large display Awards heading paired with a parenthetical date subtitle above a table of logo chips, names, nominations, and years.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards4.json"},{"name":"awards5","title":"Awards 5 - Awards list with pointer-following preview","description":"A serif-styled grid with a sticky sidebar label and large award titles where pointer movement drives a scaled preview image for the active row.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards5.json"},{"name":"awards6","title":"Awards 6 - Milestones grid with separator rows","description":"A display-size milestones heading over a labeled grid of milestone title, type, and year with horizontal separators between entries.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards6.json"},{"name":"awards7","title":"Awards 7 - Split accolades list and product spotlight","description":"Two columns: intro and an accolade stack with separators on the left, and a product image band plus headline, copy, and three large stats on the right.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards7.json"},{"name":"awards8","title":"Awards 8 - Running Awards Marquee","description":"A portfolio awards section with a large heading and two full-bleed lines of award names and years that scroll in opposite directions.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards8.json"},{"name":"awards9","title":"Awards 9 - Active Award Lines","description":"A portfolio awards section where hovering a large title lights that line and swaps a display year, project name, and note beside it.","type":"registry:block","source_url":"https://shadcnblocks.com/r/awards9.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/awards9.json"},{"name":"background-pattern1","title":"Background Pattern 1 - Full-screen radial gradient background pattern","description":"This component generates a full-screen background pattern with a radial gradient effect, applying customizable styles through optional class names. It features…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern1.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern1.json"},{"name":"background-pattern10","title":"Background Pattern 10 - Full-viewport CSS grid background pattern","description":"This component creates a visually appealing background with a grid pattern using CSS gradients, which is centered and takes up the full width and height of the…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern10.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern10.json"},{"name":"background-pattern100","title":"Background Pattern 100 - Bottom Blurred Gradient With Noise","description":"A full-height section with two large bottom-corner radial gradients, heavy blur, desaturated SVG noise on top, and centered pattern placeholder.","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern100.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern100.json"},{"name":"background-pattern101","title":"Background Pattern 101 - Radial glow background with noise overlay","description":"This component generates a visually appealing background effect with a radial glow and noise overlay, enhancing the visual depth of the surrounding content. It…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern101.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern101.json"},{"name":"background-pattern102","title":"Background Pattern 102 - Layered radial gradient background with noise","description":"The BackgroundPattern102 component creates an interactive visual block with a layered radial gradient background and a noise effect, making it an ideal choice …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern102.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern102.json"},{"name":"background-pattern103","title":"Background Pattern 103 - Section background with layered grid pattern","description":"The BackgroundPattern103 component creates a visually appealing, multi-layered grid pattern as a background, ideal for enhancing the presentation of other cont…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern103.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern103.json"},{"name":"background-pattern104","title":"Background Pattern 104 - Grid section background with radial mask","description":"This component generates a multi-layer grid background pattern with a radial gradient mask effect that allows for dynamic styling through customizable class na…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern104.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern104.json"},{"name":"background-pattern105","title":"Background Pattern 105 - Full-screen grid background with side fade","description":"This component renders a full-screen background pattern with a multi-layered, grid-like design that uses gradients and masking to create a fading effect. It al…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern105.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern105.json"},{"name":"background-pattern106","title":"Background Pattern 106 - Grid section background with top fade","description":"This component provides a visually appealing background with a multi-layer grid pattern and a fade effect, ideal for enhancing the aesthetics of any interface.…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern106.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern106.json"},{"name":"background-pattern107","title":"Background Pattern 107 - Layered grid section with ellipse mask","description":"This component, BackgroundPattern107, provides a visually engaging background with multiple layered grid patterns and gradient effects, ideal for adding depth …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern107.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern107.json"},{"name":"background-pattern108","title":"Background Pattern 108 - Multi-layer grid section with corner fade","description":"This component, BackgroundPattern108, renders a full-screen block with a multi-layer grid pattern background, utilizing gradients and variable colors for dynam…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern108.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern108.json"},{"name":"background-pattern109","title":"Background Pattern 109 - Grid section background with corner mask","description":"This component creates a visually dynamic background using a multi-layer grid pattern with gradients and opacity settings for enhanced aesthetic appeal. It inc…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern109.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern109.json"},{"name":"background-pattern11","title":"Background Pattern 11 - Full-screen diagonal cross grid section","description":"This component renders a full-screen section with a diagonal cross grid background pattern, making it suitable for visually distinct layouts. It accepts a `cla…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern11.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern11.json"},{"name":"background-pattern110","title":"Background Pattern 110 - Grid section with center elliptical fade","description":"This component renders a full-screen background with a dynamic, multi-layer grid pattern overlay, designed to center and fade towards the edges using CSS gradi…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern110.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern110.json"},{"name":"background-pattern111","title":"Background Pattern 111 - Left Fade Dot Grid Background","description":"A full-height centered section whose primary dot grid is masked so the pattern reads strongest toward the upper right and fades leftward, with PatternPlacehold…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern111.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern111.json"},{"name":"background-pattern112","title":"Background Pattern 112 - Right Fade Dot Grid Background","description":"A full-height centered section whose primary dot grid is masked so the pattern is strongest toward the upper left and softens toward the right, including Patte…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern112.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern112.json"},{"name":"background-pattern113","title":"Background Pattern 113 - Bottom Corner Dot Grid Background","description":"A full-height centered section with a primary dot grid masked from the bottom-right corner so the pattern fades toward the opposite side, plus PatternPlacehold…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern113.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern113.json"},{"name":"background-pattern114","title":"Background Pattern 114 - Radial dotted fade section background","description":"This component creates a visually engaging background pattern featuring a radial gradient with a fade dot effect, ideal for use as a backdrop for content. It i…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern114.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern114.json"},{"name":"background-pattern115","title":"Background Pattern 115 - Center Vignette Dot Grid Background","description":"A full-height centered section with a primary dot grid vignetted from the middle so the edges fall away, centered PatternPlaceholder, and optional section clas…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern115.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern115.json"},{"name":"background-pattern116","title":"Background Pattern 116 - Top Band Dot Grid Background","description":"A full-height centered section with a wide elliptical mask so the primary dot grid is strongest under the top edge and fades downward with a soft multi-stop fa…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern116.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern116.json"},{"name":"background-pattern117","title":"Background Pattern 117 - Bottom Band Dot Grid Background","description":"A full-height centered section with a primary-tinted dot grid that fades upward from the bottom, using PatternPlaceholder as sample foreground content.","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern117.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern117.json"},{"name":"background-pattern118","title":"Background Pattern 118 - Wave line background pattern with placeholder","description":"The BackgroundPattern118 component serves as a decorative backdrop featuring a wave line SVG pattern, designed to be seamlessly integrated into any layout stru…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern118.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern118.json"},{"name":"background-pattern119","title":"Background Pattern 119 - Wave line background pattern with right fade","description":"This component serves as a customizable background pattern block that features a wave line pattern with a right fade effect, designed to fill the full screen a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern119.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern119.json"},{"name":"background-pattern12","title":"Background Pattern 12 - Diagonal cross grid background pattern with fades","description":"This component displays a visually engaging diagonal cross grid background pattern with fade effects, suitable for enhancing the visual appeal of any block. It…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern12.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern12.json"},{"name":"background-pattern120","title":"Background Pattern 120 - Wave line background pattern with left fade","description":"This component, named `BackgroundPattern120`, serves as a visually appealing block that provides a customizable background pattern for a section. It includes a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern120.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern120.json"},{"name":"background-pattern121","title":"Background Pattern 121 - Wave line background pattern with center fade","description":"The BackgroundPattern121 component renders a full-screen section with a dynamic wave line SVG pattern as the background, creating an engaging visual design. Th…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern121.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern121.json"},{"name":"background-pattern122","title":"Background Pattern 122 - Masked grid background pattern for full-screen sections","description":"The BackgroundPattern122 component creates a visually appealing background pattern with a masked grid design, suitable for enhancing the aesthetic of a full-sc…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern122.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern122.json"},{"name":"background-pattern123","title":"Background Pattern 123 - Gradient grid background pattern with masking","description":"This component provides a visually engaging background pattern with a grid overlay that uses CSS gradients and masking for dynamic styling. It allows customiza…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern123.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern123.json"},{"name":"background-pattern124","title":"Background Pattern 124 - Intersecting diagonal line background pattern with tem…","description":"This component displays a visually appealing background pattern consisting of intersecting diagonal lines with customizable coloring and masking options, suita…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern124.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern124.json"},{"name":"background-pattern125","title":"Background Pattern 125 - Diagonal cross grid background pattern with right-side…","description":"This component, BackgroundPattern125, creates a visually engaging background with a diagonal cross grid pattern that can be customized through additional styli…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern125.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern125.json"},{"name":"background-pattern126","title":"Background Pattern 126 - Dashed grid background pattern with masking","description":"This component creates a visually engaging background pattern with a masked dashed grid effect, suitable for enhancing the aesthetic of a user interface. It al…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern126.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern126.json"},{"name":"background-pattern127","title":"Background Pattern 127 - Dashed grid backdrop with masked edge","description":"This component creates a full-screen background with a right-masked, dashed grid pattern overlay suitable for visually distinctive design contexts. It allows c…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern127.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern127.json"},{"name":"background-pattern128","title":"Background Pattern 128 - Circuit-style layered gradient background","description":"This component, BackgroundPattern128, provides a stylized background with a masked circuit board design using a series of layered CSS gradients and mask images…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern128.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern128.json"},{"name":"background-pattern129","title":"Background Pattern 129 - Circuit pattern backdrop for centered layouts","description":"This component renders a background pattern with a masked circuit board design, offering customizable class names for additional styling flexibility. It also i…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern129.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern129.json"},{"name":"background-pattern13","title":"Background Pattern 13 - Diagonal crosshatch with side fade","description":"This component renders a visually engaging background pattern featuring a left fade diagonal cross grid, suitable for enhancing the aesthetic appeal of any int…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern13.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern13.json"},{"name":"background-pattern130","title":"Background Pattern 130 - Dot grid background with directional mask","description":"This component renders a full-screen background pattern featuring a masked white grid with dots, customizable through CSS variables. It's ideal for creating vi…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern130.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern130.json"},{"name":"background-pattern131","title":"Background Pattern 131 - Layered dot grid and radial pattern background","description":"This component creates a visually engaging background pattern, featuring a masked white grid with dots that covers the entire screen. It is customizable throug…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern131.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern131.json"},{"name":"background-pattern132","title":"Background Pattern 132 - Radial gradient with noise texture","description":"This component is designed to display a visually appealing background pattern with a radial gradient and masked noise texture effect. It serves as a flexible b…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern132.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern132.json"},{"name":"background-pattern133","title":"Background Pattern 133 - Asymmetric noise texture on radial backdrop","description":"This component generates a visually appealing background pattern using a radial gradient and a masked noise texture. It is designed to fill the entire screen, …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern133.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern133.json"},{"name":"background-pattern134","title":"Background Pattern 134 - Particle field background with radial masks","description":"This component renders a visually striking background pattern using radial gradients and masking techniques, ideal for enhancing visual appeal in user interfac…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern134.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern134.json"},{"name":"background-pattern135","title":"Background Pattern 135 - Particle field with edge fade","description":"This component serves as a customizable, visually appealing background block with a layered particle field effect, suitable for enhancing user interface aesthe…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern135.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern135.json"},{"name":"background-pattern136","title":"Background Pattern 136 - Sparse starfield with left-side mask","description":"This component, BackgroundPattern136, creates a visually appealing background pattern featuring a masked sparse starfield effect using radial gradients and CSS…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern136.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern136.json"},{"name":"background-pattern137","title":"Background Pattern 137 - Sparse starfield with right-side mask","description":"This component, BackgroundPattern137, is designed to display a visually engaging background pattern with a sparse starfield effect, enhanced by gradient maskin…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern137.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern137.json"},{"name":"background-pattern138","title":"Background Pattern 138 - Striped linear gradient with left fade mask","description":"This component creates a visually dynamic background with a masked striped pattern using CSS gradients, ideal for use in design elements needing an eye-catchin…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern138.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern138.json"},{"name":"background-pattern139","title":"Background Pattern 139 - Striped pattern anchored on the right","description":"This component, named BackgroundPattern139, renders a full-screen section with a right-side, masked striped background pattern, enhanced by a repeating linear …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern139.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern139.json"},{"name":"background-pattern14","title":"Background Pattern 14 - Diagonal cross grid with top fade","description":"This component serves as a full-screen background pattern block, featuring a diagonally oriented cross grid with a top fade effect. It allows customization thr…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern14.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern14.json"},{"name":"background-pattern140","title":"Background Pattern 140 - Dense diagonal stripes with gradient fade","description":"This component creates a visually engaging background with a dense striped pattern, using a repeating linear gradient and masking techniques. It serves as a cu…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern140.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern140.json"},{"name":"background-pattern141","title":"Background Pattern 141 - Dense diagonal stripes with right-side mask","description":"This component creates a visually engaging background with a right-masked dense striped pattern, ideal for enhancing the visual appeal of any UI by adding text…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern141.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern141.json"},{"name":"background-pattern142","title":"Background Pattern 142 - Layered grid gradients with left fade","description":"This component renders a full-screen container with a grid-based background pattern, featuring layers of varying transparency and directionality for a unique v…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern142.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern142.json"},{"name":"background-pattern143","title":"Background Pattern 143 - Multi-layer grid with right-side mask","description":"This component creates a visually appealing background pattern using multiple layers of repeating linear gradients and customizable masking effects. It can be …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern143.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern143.json"},{"name":"background-pattern144","title":"Background Pattern 144 - SVG wave lines with gradient mask","description":"The BackgroundPattern144 component is designed to create a visually dynamic and customizable backdrop using masked wave line SVG patterns. It integrates with a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern144.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern144.json"},{"name":"background-pattern145","title":"Background Pattern 145 - Wave line section background pattern","description":"This component, BackgroundPattern145, generates a visually appealing background with a wave line pattern that overlays dynamically within a section. It is desi…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern145.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern145.json"},{"name":"background-pattern15","title":"Background Pattern 15 - Bottom-centered diagonal cross-grid background pattern","description":"This component creates a visually engaging background pattern with diagonal cross grids and a bottom fade effect, enhancing the aesthetic of any interface. It …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern15.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern15.json"},{"name":"background-pattern16","title":"Background Pattern 16 - Lower-left diagonal cross-grid background pattern","description":"This component creates a visually appealing background pattern using diagonal cross grids and fade effects, ideal for enhancing the aesthetics of any user inte…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern16.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern16.json"},{"name":"background-pattern17","title":"Background Pattern 17 - Lower-right diagonal cross-grid background pattern","description":"This component creates a visually appealing background pattern using a diagonal cross grid with a radial fade effect, set to fill a full-screen height layout. …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern17.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern17.json"},{"name":"background-pattern18","title":"Background Pattern 18 - Center-focused diagonal cross-grid background pattern","description":"This component creates a visually engaging background pattern using diagonal cross grids and a center fade effect, perfect for dynamic and modern UX designs. I…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern18.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern18.json"},{"name":"background-pattern19","title":"Background Pattern 19 - Dashed orthogonal grid section background pattern","description":"This component creates a full-screen container featuring a dashed grid background pattern, ideal for visually structuring content in an engaging way. It accept…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern19.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern19.json"},{"name":"background-pattern2","title":"Background Pattern 2 - Bottom radial gradient section background pattern","description":"This component serves as a customizable background pattern block, featuring a radial gradient design with placeholder support. It allows users to apply additio…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern2.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern2.json"},{"name":"background-pattern20","title":"Background Pattern 20 - Dashed grid background pattern, upper-left emphasis","description":"This component creates a full-screen background pattern featuring a right-fade dashed grid effect, offering a distinctive and visually engaging backdrop for va…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern20.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern20.json"},{"name":"background-pattern21","title":"Background Pattern 21 - Dashed grid background pattern, upper-right emphasis","description":"This component renders a full-screen block with a dashed grid background pattern, featuring a gradient and masking effects for added visual depth. It is ideal …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern21.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern21.json"},{"name":"background-pattern22","title":"Background Pattern 22 - Dashed grid background pattern, top edge emphasis","description":"This component creates a visually dynamic background pattern, featuring a dashed grid overlay with a top fade effect and a radial gradient. It serves as a vers…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern22.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern22.json"},{"name":"background-pattern23","title":"Background Pattern 23 - Dashed grid with radial gradient mask","description":"The BackgroundPattern23 component creates a visually engaging block with a customizable background pattern featuring a dashed grid and radial gradient effects.…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern23.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern23.json"},{"name":"background-pattern24","title":"Background Pattern 24 - Dashed grid with corner fade","description":"This component creates a visually engaging background with a faded dashed grid pattern and supports custom styling through class names. It is ideal for adding …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern24.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern24.json"},{"name":"background-pattern25","title":"Background Pattern 25 - Dashed grid faded from bottom left","description":"This component generates a visually appealing background pattern with a bottom-left fade dashed grid effect, suitable for enhancing the design of user interfac…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern25.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern25.json"},{"name":"background-pattern26","title":"Background Pattern 26 - Dashed grid faded toward center","description":"This component creates a visually appealing background pattern using intersecting linear and radial gradients, ideal for adding texture and depth to any layout…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern26.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern26.json"},{"name":"background-pattern27","title":"Background Pattern 27 - Radial glow from top center","description":"This component serves as a flexible background block that fills the entire viewport with a gradient and a placeholder pattern. It allows for customization thro…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern27.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern27.json"},{"name":"background-pattern28","title":"Background Pattern 28 - Center spotlight radial background","description":"This component, called BackgroundPattern28, is designed to display a customizable full-screen background pattern with a radial gradient effect that centers at …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern28.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern28.json"},{"name":"background-pattern29","title":"Background Pattern 29 - Top radial glow background","description":"This component renders a full-screen background pattern with a top radial glow effect, designed to enhance the visual appeal of any interface. It allows custom…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern29.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern29.json"},{"name":"background-pattern3","title":"Background Pattern 3 - Full-screen linear grid background","description":"This component creates a full-screen flex container with a customizable linear grid background pattern suitable for visually enhancing layouts. It integrates a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern3.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern3.json"},{"name":"background-pattern30","title":"Background Pattern 30 - Dual radial gradient background","description":"This component renders a full-screen background pattern with radial gradients, designed to enhance visual appeal. It provides a placeholder for additional patt…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern30.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern30.json"},{"name":"background-pattern31","title":"Background Pattern 31 - Circuit board grid background","description":"This component renders a full-screen background featuring a circuit board pattern using CSS gradients, ideal for creating a visually engaging backdrop. It incl…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern31.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern31.json"},{"name":"background-pattern32","title":"Background Pattern 32 - Circuit board grid with top-left corner fade","description":"This component displays a visually appealing background pattern with a right-side fade resembling a circuit board, suitable for enhancing the aesthetics of a u…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern32.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern32.json"},{"name":"background-pattern33","title":"Background Pattern 33 - Circuit board grid with top-right corner fade","description":"This component is designed to create a visually engaging background with a circuit board pattern, featuring a left fade effect. It allows for customizable clas…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern33.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern33.json"},{"name":"background-pattern34","title":"Background Pattern 34 - Circuit board grid faded from top","description":"This component, named BackgroundPattern34, creates a visually appealing background pattern with a top fade circuit board effect suitable for full-screen displa…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern34.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern34.json"},{"name":"background-pattern35","title":"Background Pattern 35 - Circuit board grid faded from bottom","description":"This component is designed to display a full-screen background with a circuit board pattern, creating a visually engaging backdrop for other content. It includ…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern35.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern35.json"},{"name":"background-pattern36","title":"Background Pattern 36 - Circuit board grid with bottom-left corner fade","description":"A component that creates a visually interesting background pattern using a combination of linear gradients and radial masks, designed to mimic a circuit board …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern36.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern36.json"},{"name":"background-pattern37","title":"Background Pattern 37 - Circuit board grid with bottom-right corner fade","description":"This component is designed to showcase a full-screen background with a visually engaging circuit board pattern, featuring gradient lines and an elliptical mask…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern37.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern37.json"},{"name":"background-pattern38","title":"Background Pattern 38 - Circuit board grid faded toward edges","description":"This component creates a visually engaging background pattern with a center-fade circuit board design, ideal for adding dynamic aesthetics to full-screen secti…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern38.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern38.json"},{"name":"background-pattern39","title":"Background Pattern 39 - Grid and dot section background","description":"The BackgroundPattern39 component creates a visually appealing section with a dynamic white grid and dots background, perfect for enhancing the aesthetics of a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern39.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern39.json"},{"name":"background-pattern4","title":"Background Pattern 4 - Full-screen grid background with corner fade","description":"This component creates a full-screen background with a diagonal fade grid pattern using CSS gradients and masking techniques. It allows for additional styling …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern4.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern4.json"},{"name":"background-pattern40","title":"Background Pattern 40 - Grid and dot background with top-left corner fade","description":"This component serves as a versatile background pattern featuring a combination of linear and radial gradients, creating a grid with dots effect. It is designe…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern40.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern40.json"},{"name":"background-pattern41","title":"Background Pattern 41 - Grid and dot section background with top-right radial f…","description":"This component creates a visually engaging background with a customizable gradient grid and dot pattern, suitable for full-screen applications or sections. It …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern41.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern41.json"},{"name":"background-pattern42","title":"Background Pattern 42 - Grid and dot section background with top radial fade","description":"This component, BackgroundPattern42, serves as a versatile visual block that incorporates a stylized grid and radial gradient background pattern designed for f…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern42.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern42.json"},{"name":"background-pattern43","title":"Background Pattern 43 - Grid and dot section background with bottom radial fade","description":"This component renders a full-screen background pattern featuring a grid with dots, enhanced by a gradual fade effect from the bottom. It is ideal for adding v…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern43.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern43.json"},{"name":"background-pattern44","title":"Background Pattern 44 - Grid and dot section background with bottom-left radial…","description":"This component creates a visually appealing background pattern consisting of intersecting linear gradients and a radial gradient with a fade effect. Ideal for …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern44.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern44.json"},{"name":"background-pattern45","title":"Background Pattern 45 - Grid and dot section background with bottom-right radia…","description":"The BackgroundPattern45 component creates a visually appealing background pattern with linear and radial gradients, featuring a white grid with dots that fades…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern45.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern45.json"},{"name":"background-pattern46","title":"Background Pattern 46 - Grid and dot section background with center radial fade","description":"This component creates a visually engaging background pattern with a grid and dot design, utilizing radial and linear gradients for added depth and texture. It…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern46.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern46.json"},{"name":"background-pattern47","title":"Background Pattern 47 - Dotted noise texture section background","description":"This component renders a full-screen background with a radial gradient pattern and integrates a placeholder for additional customization. It allows users to ap…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern47.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern47.json"},{"name":"background-pattern48","title":"Background Pattern 48 - Dotted noise texture with top-left radial fade","description":"The BackgroundPattern48 component provides a visually engaging background pattern with a radial gradient and noise texture effect, making it ideal for design l…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern48.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern48.json"},{"name":"background-pattern49","title":"Background Pattern 49 - Dotted noise texture with top-right radial fade","description":"This component provides a visually engaging background pattern with a left fade noise texture designed to enhance user interface layouts. It features flexible …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern49.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern49.json"},{"name":"background-pattern5","title":"Background Pattern 5 - Large-cell grid section background with top-right radial…","description":"This component creates a full-screen background pattern with a diagonal fade grid effect, ideal for enhancing the visual appeal of a user interface. It utilize…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern5.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern5.json"},{"name":"background-pattern50","title":"Background Pattern 50 - Radial dot grid section with top fade","description":"This component creates a full-width, minimalistic background pattern with a radial gradient effect, ideal for adding subtle visual interest to a user interface…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern50.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern50.json"},{"name":"background-pattern51","title":"Background Pattern 51 - Radial dot grid section with bottom fade","description":"This component creates a visually appealing background with a radial pattern and a bottom fade noise texture, ideal for enhancing the aesthetic of a user inter…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern51.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern51.json"},{"name":"background-pattern52","title":"Background Pattern 52 - Radial dot grid section with bottom-left fade","description":"This component serves as a versatile background pattern block, ideal for adding a textured or patterned backdrop to any layout. Key features include a radial g…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern52.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern52.json"},{"name":"background-pattern53","title":"Background Pattern 53 - Radial dot grid section with bottom-right fade","description":"This component generates a visually appealing background pattern with a radial gradient and fade noise texture, which can be customized using CSS class names. …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern53.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern53.json"},{"name":"background-pattern54","title":"Background Pattern 54 - Radial dot grid section with center fade","description":"This component renders a full-screen section with a center-faded noise texture background pattern, achieved using CSS radial gradients and mask images. It supp…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern54.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern54.json"},{"name":"background-pattern55","title":"Background Pattern 55 - Layered multi-radial section from chart palette","description":"This component creates a visually engaging background pattern featuring multiple radial gradients with customizable colors, designed to serve as a dynamic back…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern55.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern55.json"},{"name":"background-pattern56","title":"Background Pattern 56 - Dense chart radial nebula section","description":"This component renders a full-screen background pattern featuring a cosmic nebula effect, utilizing multiple radial gradients to create a layered visual design…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern56.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern56.json"},{"name":"background-pattern57","title":"Background Pattern 57 - Dense theme-accent radial nebula section","description":"This component renders a full-screen section with a dynamic \"nebula\" background pattern created using multiple radial gradients and customizable colors. It is …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern57.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern57.json"},{"name":"background-pattern58","title":"Background Pattern 58 - Asymmetric chart radial mist section","description":"This component provides a visually engaging background using multiple radial gradients, creating an overlay of elliptical patterns. It also integrates a placeh…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern58.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern58.json"},{"name":"background-pattern59","title":"Background Pattern 59 - Layered aurora radials from chart palette","description":"This component, \"BackgroundPattern59,\" is designed to create a visually appealing background using multiple layered radial gradients. It is customizable throug…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern59.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern59.json"},{"name":"background-pattern6","title":"Background Pattern 6 - Square-tiled grid background with top fade","description":"This component renders a full-screen background pattern with a top fade grid effect, providing a visually appealing design element. It allows for custom stylin…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern6.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern6.json"},{"name":"background-pattern60","title":"Background Pattern 60 - Layered radial gradients with vertical color wash","description":"This component creates a visually appealing background with multiple radial and linear gradients, providing an \"Aurora Dream\" effect. It includes a customizabl…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern60.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern60.json"},{"name":"background-pattern61","title":"Background Pattern 61 - Multi-layer radial gradient field background","description":"This component, BackgroundPattern61, creates a visually engaging background with multiple radial gradients resembling a Northern Aurora effect, enhancing the a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern61.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern61.json"},{"name":"background-pattern62","title":"Background Pattern 62 - Bottom-anchored stacked radial glow background","description":"This component renders a visually striking background pattern with layered radial gradients, creating a bottom glow effect across the full screen. It is ideal …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern62.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern62.json"},{"name":"background-pattern63","title":"Background Pattern 63 - Dual offset radial spot background","description":"This component is a flexible block designed to display a dreamy sky glow background using radial gradients. It allows for optional custom styling through class…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern63.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern63.json"},{"name":"background-pattern64","title":"Background Pattern 64 - Top-right radial corner glow background","description":"This component, BackgroundPattern64, serves as a customizable background block that centers content with an eye-catching radial gradient effect. It allows for …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern64.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern64.json"},{"name":"background-pattern65","title":"Background Pattern 65 - Top-left radial corner glow background","description":"This component, BackgroundPattern65, creates a full-screen background with a gradient design, offering a visually appealing pattern that can be customized with…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern65.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern65.json"},{"name":"background-pattern66","title":"Background Pattern 66 - Scattered small radial gradient background","description":"This component provides a visually engaging background pattern using scattered orbs with customizable colors, ideal for enhancing the aesthetic appeal of any i…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern66.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern66.json"},{"name":"background-pattern67","title":"Background Pattern 67 - Bottom-clustered radial glow background","description":"This component serves as a customizable background pattern block with a cluster glow effect, allowing users to set dynamic color gradients. It includes a place…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern67.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern67.json"},{"name":"background-pattern68","title":"Background Pattern 68 - Triple radial corner accent background","description":"This component creates a visually engaging background block with a corner accent trio pattern using radial gradients and custom theme colors. It serves as a de…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern68.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern68.json"},{"name":"background-pattern69","title":"Background Pattern 69 - Full-screen layered diagonal radial gradients","description":"This component creates a visually striking full-screen background with a trio of diagonal radial gradient patterns, designed to enhance the aesthetic of your a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern69.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern69.json"},{"name":"background-pattern7","title":"Background Pattern 7 - Grid backdrop with radial center fade","description":"This component creates a visually dynamic background with a grid pattern and a radial fade effect, allowing users to apply customizable styles through the `cla…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern7.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern7.json"},{"name":"background-pattern70","title":"Background Pattern 70 - Full-screen backdrop with diagonal corner glow","description":"This component generates a visually engaging background pattern with a diagonal corner glow effect using radial gradients. It includes a placeholder for incorp…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern70.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern70.json"},{"name":"background-pattern71","title":"Background Pattern 71 - Radial glow with crossing accent lines","description":"This component creates a visually engaging background with cosmic lines and a radial glow, designed to enhance the aesthetic appeal of a page or element. It is…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern71.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern71.json"},{"name":"background-pattern72","title":"Background Pattern 72 - Three-direction layered gradient backdrop","description":"This React component, `BackgroundPattern72`, renders a full-screen section with a layered, multi-gradient fade background, suitable for enhancing visual aesthe…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern72.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern72.json"},{"name":"background-pattern73","title":"Background Pattern 73 - Skewed ribbon accents with particle field","description":"This component creates a visually dynamic background with diagonal ribbon accents and a particle field effect, suitable for enhancing the visual appeal of any …","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern73.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern73.json"},{"name":"background-pattern74","title":"Background Pattern 74 - Parallel ascending ribbons with star field","description":"This component is designed to create a visually engaging background with ascending ribbon accents and a star field particle effect. It incorporates elements li…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern74.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern74.json"},{"name":"background-pattern75","title":"Background Pattern 75 - Symmetric skewed ribbons with particle field","description":"This component displays a full-screen background pattern with dynamic visual elements, including vertically oriented particle fields and ribbon accents, overla…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern75.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern75.json"},{"name":"background-pattern76","title":"Background Pattern 76 - Bottom-up glow with star particle field","description":"This component, BackgroundPattern76, provides a visually immersive background effect using gradients and particle fields to create a dynamic, glowing star fiel…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern76.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern76.json"},{"name":"background-pattern77","title":"Background Pattern 77 - Vertical gradient glow with starfield layer","description":"This component creates a visually dynamic background with an ascending vertical gradient and a starfield effect, suitable for enhancing visual interest in vari…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern77.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern77.json"},{"name":"background-pattern78","title":"Background Pattern 78 - Sparse starfield section background with vignette","description":"This component generates a visually dynamic background pattern featuring a sparse starfield with vignette effects, ideal for enhancing the visual appeal of use…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern78.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern78.json"},{"name":"background-pattern79","title":"Background Pattern 79 - Starfield background with right-side fade and vignette","description":"This component is designed to render a visually striking background pattern, featuring a sparse starfield with a fade effect and a vignette overlay, suitable f…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern79.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern79.json"},{"name":"background-pattern8","title":"Background Pattern 8 - Full-viewport grid background with bottom-left fade","description":"This component, named BackgroundPattern8, is designed to create a visually appealing full-screen background with a fade grid pattern effect. It includes a cust…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern8.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern8.json"},{"name":"background-pattern80","title":"Background Pattern 80 - Starfield background with left-side fade and vignette","description":"This component creates a visually dynamic background pattern featuring a sparse starfield with a fade effect and vignette overlay. It is designed to seamlessly…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern80.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern80.json"},{"name":"background-pattern81","title":"Background Pattern 81 - Starfield background with top fade and vignette","description":"This component, called BackgroundPattern81, creates a visually appealing backdrop with a sparse starfield effect and a vignette overlay. It can be customized w…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern81.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern81.json"},{"name":"background-pattern82","title":"Background Pattern 82 - Starfield background with bottom fade and vignette","description":"This component renders a full-screen background pattern featuring a bottom fade sparse starfield with a vignette effect. It allows for custom styling through a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern82.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern82.json"},{"name":"background-pattern83","title":"Background Pattern 83 - Starfield background with bottom-left fade and vignette","description":"This component creates a visually engaging background pattern with a sparse starfield and vignette effects designed to enhance any content placed over it. It a…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern83.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern83.json"},{"name":"background-pattern84","title":"Background Pattern 84 - Starfield background with bottom-right fade and vignette","description":"This component creates a visually appealing background with a radial gradient starfield effect and a vignette overlay. Ideal for use as a dynamic background, i…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern84.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern84.json"},{"name":"background-pattern85","title":"Background Pattern 85 - Starfield background with center fade and vignette","description":"This component renders a full-screen background with a sparse starfield pattern and a vignette effect, designed for visual enhancement and atmospheric depth. I…","type":"registry:block","source_url":"https://shadcnblocks.com/r/background-pattern85.json","install_command":"npx shadcn@latest add https://shadcnblocks.com/r/background-pattern85.json"}]},{"id":"shadcncraft","name":"@shadcncraft","slug":"shadcncraft","description":"Free, open-source shadcn/ui registry shipping polished, production-ready components and marketing blocks, part of a larger Shadcncraft ecosystem that also includes a matched Figma UI kit and a premium React design system. The free tier covers landing-page building blocks (Hero, Feature, CTA, and similar marketing sections) aligned to shadcn/ui conventions and Tailwind CSS. Installable via the shadcn CLI using the @shadcncraft namespace. Use for: adding high-quality landing-page sections to a Next.js or React project without installing a heavyweight template.","author":"shadcncraft","framework":"react","license":"Apache-2.0","tags":["animation","blocks","buttons","cards","cms","design-system","e-commerce","icons","loaders","marketing","media","mobile","navigation","onboarding","overlays","pro-available","saas","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro"],"urls":{"website":"https://shadcncraft.com","github":"https://github.com/shadcncraft/shadcncraft-free","registry":"https://shadcncraft.com/r/registry.json","source":"https://shadcncraft.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcncraft","markdown":"https://sh4dcn.netlify.app/md/shadcncraft.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='151' height='146' viewBox='0 0 151 146' fill='none'><path d='M150.381 5.48836V45.1143H57.1558L31.9093 87.5504C30.9214 89.2188 29.1322 90.2287 27.1894 90.2287H5.48836C2.45879 90.2287 0 87.7699 0 84.7403V45.1143H53.1274L75.1686 8.04594C78.1323 3.05153 83.5109 0 89.3176 0H144.893C147.922 0 150.381 2.45879 150.381 5.48836Z' fill='var(--foreground)'/><path d='M0 140.425V100.799H93.2253L118.472 58.3628C119.46 56.6943 121.249 55.6844 123.192 55.6844H144.904C147.933 55.6844 150.392 58.1432 150.392 61.1728V100.799H97.2648L75.2235 137.867C72.2598 142.862 66.8812 145.913 61.0745 145.913H5.48836C2.45879 145.913 0 143.454 0 140.425Z' fill='var(--foreground)'/></svg>","preview_image":"https://shadcncraft.com/opengraph-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcncraft.com/pricing"},"metrics":{"github_stars":32,"open_issues":1,"last_commit":"2026-08-21T07:48:42Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcncraft.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcncraft.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcncraft.com/r/registry.json","clone":"git clone https://github.com/shadcncraft/shadcncraft-free.git","clone_degit":"npx degit shadcncraft/shadcncraft-free","registry_fetch":"curl -s https://shadcncraft.com/r/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://shadcncraft.com/r/index.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://shadcncraft.com/r/style.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/style.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"A compact, visually appealing component for displaying multiple user avatars in an overlapping stack. Perfect for showing participants in a group chat, team me…","type":"registry:ui","source_url":"https://shadcncraft.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/avatar-stack.json"},{"name":"blog-blockquote","title":"Blog Blockquote","description":"A component that highlights a key excerpt or quote from an article. This component draws attention to important passages and breaks up long text blocks.","type":"registry:ui","source_url":"https://shadcncraft.com/r/blog-blockquote.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-blockquote.json"},{"name":"blog-image","title":"Blog Image","description":"A component that displays an inline or full-width image with an optional caption. This component makes blog articles more engaging and visually appealing.","type":"registry:ui","source_url":"https://shadcncraft.com/r/blog-image.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-image.json"},{"name":"chip","title":"Chip","description":"A component that combines small text with an icon for quick callouts. This component highlights key values such as benefits, attributes, or job details.","type":"registry:ui","source_url":"https://shadcncraft.com/r/chip.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/chip.json"},{"name":"feature-stack","title":"Feature Stack","description":"A component that arranges an icon, header, body text, and CTA in different layout styles. This component makes features clear and actionable.","type":"registry:ui","source_url":"https://shadcncraft.com/r/feature-stack.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/feature-stack.json"},{"name":"featured-icon","title":"Featured Icon","description":"A component that places an icon inside a styled square or circle frame for extra prominence. This component makes supporting visuals stand out in marketing lay…","type":"registry:ui","source_url":"https://shadcncraft.com/r/featured-icon.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/featured-icon.json"},{"name":"job-listing","title":"Job Listing","description":"A component that displays open roles in a card format with a badge, title, short body, and feature chips. This component brings structure and clarity to career…","type":"registry:ui","source_url":"https://shadcncraft.com/r/job-listing.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/job-listing.json"},{"name":"marquee","title":"Marquee","description":"A smooth, endlessly looping scroller ideal for showcasing logos, testimonials, images, or sponsor lists. Features auto-play with customizable speed, pause-on-h…","type":"registry:ui","source_url":"https://shadcncraft.com/r/marquee.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/marquee.json"},{"name":"metric","title":"Metric","description":"A component that displays large stats with a sub-label for context. This component is designed to highlight performance or usage data.","type":"registry:ui","source_url":"https://shadcncraft.com/r/metric.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metric.json"},{"name":"mobile-navigation-menu","title":"Mobile Navigation Menu","description":"A Mobile Navigation Menu component that provides expandable menus for small screens. Built based on shadcn/ui Navigation Menu component, but optimized for smal…","type":"registry:ui","source_url":"https://shadcncraft.com/r/mobile-navigation-menu.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/mobile-navigation-menu.json"},{"name":"page-heading","title":"Page Heading","description":"A component that acts as the text-focused version of a hero banner. This component combines a pre-heading label, an H1 heading, supporting description text, an…","type":"registry:ui","source_url":"https://shadcncraft.com/r/page-heading.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/page-heading.json"},{"name":"placeholder-logo","title":"Placeholder Logo","description":"A component for that can be replaced with your brand's main logo. This component ensures layouts stay consistent before brand assets are applied.","type":"registry:ui","source_url":"https://shadcncraft.com/r/placeholder-logo.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/placeholder-logo.json"},{"name":"profile-card","title":"Profile Card","description":"An extension of the avatar component with more details on the individual. Good for blog posts etc.","type":"registry:ui","source_url":"https://shadcncraft.com/r/profile-card.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/profile-card.json"},{"name":"section-heading","title":"Section Heading","description":"A component that standardizes heading typography and spacing. This component includes a pre-heading label, main heading, and body text in different layout vari…","type":"registry:ui","source_url":"https://shadcncraft.com/r/section-heading.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/section-heading.json"},{"name":"star-rating","title":"Star Rating","description":"A component that displays ratings with stars and an optional label. This component builds trust with visual feedback.","type":"registry:ui","source_url":"https://shadcncraft.com/r/star-rating.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/star-rating.json"},{"name":"sub-feature","title":"Sub Feature","description":"A component that presents a smaller feature layout for a dialled-back look. This component balances detail with simplicity.","type":"registry:ui","source_url":"https://shadcncraft.com/r/sub-feature.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/sub-feature.json"},{"name":"tagline","title":"Tagline","description":"A component that displays a tagline with different variants.","type":"registry:ui","source_url":"https://shadcncraft.com/r/tagline.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/tagline.json"},{"name":"ui-showcase","title":"UI Showcase","description":"A Placeholder that displays content in a device-style frame. This component helps showcase product UI.","type":"registry:ui","source_url":"https://shadcncraft.com/r/ui-showcase.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/ui-showcase.json"},{"name":"announcement","title":"Announcement","description":"A lightweight announcement component for highlighting updates, releases, or important notices without interrupting the main flow. Uses a compact label and titl…","type":"registry:ui","source_url":"https://shadcncraft.com/r/announcement.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/announcement.json"},{"name":"data-table-pagination","title":"Data Table Pagination","description":"A pagination footer for TanStack Table data tables. Combines a summary line, a rows-per-page select, a page indicator, and first, previous, next and last navig…","type":"registry:ui","source_url":"https://shadcncraft.com/r/data-table-pagination.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/data-table-pagination.json"},{"name":"inline-hint","title":"Inline Hint","description":"An Inline Hint is a lightweight, non-intrusive UI pattern that provides helpful guidance, clarification, or best-practice advice directly within or immediately…","type":"registry:ui","source_url":"https://shadcncraft.com/r/inline-hint.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/inline-hint.json"},{"name":"messaging","title":"Messaging","description":"A flexible messaging component for displaying conversational threads. Supports sent and received messages, timestamps, reactions, and file attachments. Built t…","type":"registry:ui","source_url":"https://shadcncraft.com/r/messaging.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/messaging.json"},{"name":"rich-separator","title":"Rich Separator","description":"A horizontal divider with optional inline content like labels, tabs, or actions. Used to separate sections while keeping context visible, not just a visual bre…","type":"registry:ui","source_url":"https://shadcncraft.com/r/rich-separator.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/rich-separator.json"},{"name":"tags","title":"Tags","description":"A multi-select tag picker for filtering or categorizing content. Supports search, selected-state chips, and a clear active state. Simple, compact, and meant to…","type":"registry:ui","source_url":"https://shadcncraft.com/r/tags.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/tags.json"},{"name":"ticker","title":"Ticker","description":"A compact, inline ticker for live or near-real-time values. Shows an identifier, current value, and delta with clear up or down signaling. Designed to sit quie…","type":"registry:ui","source_url":"https://shadcncraft.com/r/ticker.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/ticker.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","source_url":"https://shadcncraft.com/r/badge.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/badge.json"},{"name":"image-zoom","title":"Image Zoom","description":"Image zoom is a component that allows you to zoom in on an image.","type":"registry:ui","source_url":"https://shadcncraft.com/r/image-zoom.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/image-zoom.json"},{"name":"blog-listing-card-1","title":"Blog Listing Card 1","description":"A component that displays a blog listing card in a vertical or horizontal orientation.","type":"registry:component","source_url":"https://shadcncraft.com/r/blog-listing-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-card-1.json"},{"name":"blog-listing-card-2","title":"Blog Listing Card 2","description":"A component that displays a blog listing card in a card format in a vertical or horizontal orientation.","type":"registry:component","source_url":"https://shadcncraft.com/r/blog-listing-card-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-card-2.json"},{"name":"blog-listing-featured-card-1","title":"Blog Listing Featured Card 1","description":"A large featured blog card intended for featuring a blog post. With a floating overlay on the bottom left side of the card.","type":"registry:component","source_url":"https://shadcncraft.com/r/blog-listing-featured-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-featured-card-1.json"},{"name":"blog-listing-featured-card-2","title":"Blog Listing Featured Card 2","description":"A large featured blog card intended for featuring a blog post. It has a progressive gradient and blur effect stacked horizontally on the bottom side of the car…","type":"registry:component","source_url":"https://shadcncraft.com/r/blog-listing-featured-card-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-featured-card-2.json"},{"name":"blog-listing-featured-card-3","title":"Blog Listing Featured Card 3","description":"A large featured blog card intended for featuring a blog post. It has a progressive gradient and blur effect, stacked vertically on the left side of the card.","type":"registry:component","source_url":"https://shadcncraft.com/r/blog-listing-featured-card-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-featured-card-3.json"},{"name":"pricing-card-1","title":"Pricing Card 1","description":"A component for Figma that compares plans with layout variants, including a 'Most Popular' highlight. This component makes pricing clear and actionable.","type":"registry:component","source_url":"https://shadcncraft.com/r/pricing-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-card-1.json"},{"name":"team-card-1","title":"Team Card 1","description":"A component that displays a user's image alongside their name, a supporting detail such as role or date and social links. This component is useful for adding i…","type":"registry:component","source_url":"https://shadcncraft.com/r/team-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-card-1.json"},{"name":"team-card-2","title":"Team Card 2","description":"A component that displays a user's image alongside their name, a description and social links. This component is useful for adding identity and context to cont…","type":"registry:component","source_url":"https://shadcncraft.com/r/team-card-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-card-2.json"},{"name":"activity-feed-item-1","title":"Activity Feed Item 1","description":"A flexible feed item for displaying recent activity in a clear, scannable format. Combines an avatar, primary action text, optional supporting text, and contex…","type":"registry:component","source_url":"https://shadcncraft.com/r/activity-feed-item-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/activity-feed-item-1.json"},{"name":"avatar-upload-1","title":"Avatar Upload 1","description":"A focused component for adding or updating a user profile image. Handles empty, uploaded, and removable states with clear affordances, including file requireme…","type":"registry:component","source_url":"https://shadcncraft.com/r/avatar-upload-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/avatar-upload-1.json"},{"name":"avatar-upload-2","title":"Avatar Upload 2","description":"A focused component for adding or updating a user profile image. Handles empty, uploaded, and removable states with clear affordances, including file requireme…","type":"registry:component","source_url":"https://shadcncraft.com/r/avatar-upload-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/avatar-upload-2.json"},{"name":"message-card-1","title":"Message Card 1","description":"A compact summary component for individual messages or threads. Shows sender, subject, timestamp, and a short preview of the content. Designed for inboxes, not…","type":"registry:component","source_url":"https://shadcncraft.com/r/message-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/message-card-1.json"},{"name":"metric-card-1","title":"Metric Card 1","description":"A compact summary block for highlighting a single key metric. Combines a label, primary value, and supporting context like trend direction or time range. Desig…","type":"registry:component","source_url":"https://shadcncraft.com/r/metric-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metric-card-1.json"},{"name":"metric-card-2","title":"Metric Card 2","description":"A compact summary block for highlighting a single key metric. Combines a label, primary value, and supporting context like trend direction or time range. Desig…","type":"registry:component","source_url":"https://shadcncraft.com/r/metric-card-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metric-card-2.json"},{"name":"progress-item-1","title":"Progress Item 1","description":"A single step within a progress sequence used to show order, status, and context. Combines a step indicator with a title and optional description, supporting a…","type":"registry:component","source_url":"https://shadcncraft.com/r/progress-item-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/progress-item-1.json"},{"name":"file-upload-card-1","title":"File Upload Card 1","description":"A self-contained upload item that shows the status of an individual file during and after upload. Supports clear states for uploading, completed, and failed fi…","type":"registry:component","source_url":"https://shadcncraft.com/r/file-upload-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/file-upload-card-1.json"},{"name":"file-upload-area-1","title":"File Upload Area 1","description":"A dedicated drop zone for selecting files via drag-and-drop or manual browsing. Communicates accepted file types and size limits up front, with clear hover and…","type":"registry:component","source_url":"https://shadcncraft.com/r/file-upload-area-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/file-upload-area-1.json"},{"name":"code-snippet-2","title":"Code Snippet 2","description":"A command or a short file, shown so it can be taken. Comes as an inline chip for code inside a sentence and as a block for code that stands on its own, with an…","type":"registry:component","source_url":"https://shadcncraft.com/r/code-snippet-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/code-snippet-2.json"},{"name":"cart-item-1","title":"Cart Item 1","description":"TBD","type":"registry:component","source_url":"https://shadcncraft.com/r/cart-item-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cart-item-1.json"},{"name":"product-category-card-1","title":"Product Category Card 1","description":"TBD","type":"registry:component","source_url":"https://shadcncraft.com/r/product-category-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/product-category-card-1.json"},{"name":"product-card-1","title":"Product Card 1","description":"TBD","type":"registry:component","source_url":"https://shadcncraft.com/r/product-card-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/product-card-1.json"},{"name":"product-card-2","title":"Product Card 2","description":"TBD","type":"registry:component","source_url":"https://shadcncraft.com/r/product-card-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/product-card-2.json"},{"name":"file-part-1","title":"File Part 1","description":"The file a message was sent with, drawn as a card rather than left as a link. An image previews in place, anything else falls back to an icon beside its name a…","type":"registry:component","source_url":"https://shadcncraft.com/r/file-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/file-part-1.json"},{"name":"reasoning-part-1","title":"Reasoning Part 1","description":"A model's thinking, folded away behind a disclosure so it never competes with the answer. The trigger shimmers while tokens are still arriving and settles once…","type":"registry:component","source_url":"https://shadcncraft.com/r/reasoning-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/reasoning-part-1.json"},{"name":"text-part-1","title":"Text Part 1","description":"A message's text. An answer is parsed as markdown by Streamdown, which copes with the half-finished syntax a stream produces and gives code blocks their own he…","type":"registry:component","source_url":"https://shadcncraft.com/r/text-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/text-part-1.json"},{"name":"tool-part-1","title":"Tool Part 1","description":"One tool call, through all four of its states: running, done, failed and refused. A denied call reads differently from one that simply errored, and expanding e…","type":"registry:component","source_url":"https://shadcncraft.com/r/tool-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/tool-part-1.json"},{"name":"web-search-part-1","title":"Web Search Part 1","description":"The line saying a search happened: objective and a spinner while it runs, a warning when it fails. What it found is not rendered here, because the citations un…","type":"registry:component","source_url":"https://shadcncraft.com/r/web-search-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/web-search-part-1.json"},{"name":"questionnaire-part-1","title":"Questionnaire Part 1","description":"The agent asking before it commits to expensive work: a multi-step form rendered inside the message, with choices, multi-select, a freeform field, validation a…","type":"registry:component","source_url":"https://shadcncraft.com/r/questionnaire-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/questionnaire-part-1.json"},{"name":"sources-part-1","title":"Sources Part 1","description":"The citation list under an answer, collapsed to a count until asked for. Citations reach a chat by two different routes, streamed by the provider or buried ins…","type":"registry:component","source_url":"https://shadcncraft.com/r/sources-part-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/sources-part-1.json"},{"name":"banner-1","title":"Banner 1 – Inline signup banner","description":"A low-height horizontal banner with an icon, short message, and inline input with primary action. Designed to sit between sections without breaking page flow. …","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-1.json"},{"name":"banner-2","title":"Banner 2 – Dismissible signup card","description":"A compact banner presented as a card with icon, short message, input field, and primary action, plus a close control. Designed to float within a layout or sit …","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-2.json"},{"name":"banner-3","title":"Banner 3 – Inline announcement banner with actions","description":"A low-height horizontal banner with an icon, short announcement text, and multiple call-to-action buttons, plus a dismiss control. Designed to span the content…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-3.json"},{"name":"banner-4","title":"Banner 4 – Announcement banner with primary and secondary actions","description":"A horizontal announcement banner with an icon, single-line message, two clearly ranked actions, and a dismiss control. Designed to sit inline within a page and…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-4.json"},{"name":"banner-5","title":"Banner 5 – Consent banner with action group","description":"A horizontal banner with an icon, short explanatory text, and a grouped set of actions including primary, secondary, and tertiary options, plus a dismiss contr…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-5.json"},{"name":"banner-6","title":"Banner 6 – Consent banner with stacked actions","description":"A consent banner that pairs a low-height inline message with a stacked action layout in the card variant. Actions are vertically ordered to clearly separate pr…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-6.json"},{"name":"banner-7","title":"Banner 7 – Minimal announcement strip","description":"A low-contrast, single-line banner with centered text and a close action. No icon or buttons, designed to sit quietly at the top or within content. Use for lig…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-7.json"},{"name":"banner-8","title":"Banner 8 – Inline announcement link","description":"A compact announcement banner with inline link styling and a dismiss action. Designed for subtle product updates or release notes where the primary action is a…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-8.json"},{"name":"banner-9","title":"Banner 9 – Full-width callout bar","description":"A high-contrast, full-width banner for urgent or high-intent messages like hiring, launches, or announcements. Uses a single clear line of copy with an inline …","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-9.json"},{"name":"banner-10","title":"Banner 10 – Inline announcement link","description":"A minimal announcement banner for low-friction updates. Renders as simple inline text with an optional icon and link, plus a close action. Best for subtle prod…","type":"registry:block","source_url":"https://shadcncraft.com/r/banner-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/banner-10.json"},{"name":"benefits-1","title":"Benefits 1 – Alternating rows with text and image","description":"A benefits section with a headline and intro, followed by multiple feature rows that alternate text and visual previews. Each row includes an icon, feature tit…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-1.json"},{"name":"benefits-2","title":"Benefits 2 – Alternating rows with actions and image","description":"A benefits section with a headline and intro, followed by multiple feature cards arranged in a staggered grid. Each card includes an icon, feature title, short…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-2.json"},{"name":"benefits-3","title":"Benefits 3 – Stacked sections with full-bleed media","description":"A benefits section with a headline and intro, followed by stacked feature sections that alternate text and large visual panels. Each feature includes a title, …","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-3.json"},{"name":"benefits-4","title":"Benefits 4 – Compact icon list","description":"A simple benefits block that displays a small set of features as icon-led items with short titles and descriptions. Use when you need to quickly communicate co…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-4.json"},{"name":"benefits-5","title":"Benefits 5 – Icon grid","description":"A benefits block with a headline and short intro, followed by a grid of icon-led features arranged in two rows. Each item includes an icon, feature name, and s…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-5.json"},{"name":"benefits-6","title":"Benefits 6 – Image-led cards","description":"A benefits block with a headline and short intro, followed by large visual feature cards. Each card pairs a strong image with a feature title and short descrip…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-6.json"},{"name":"benefits-7","title":"Benefits 7 – Split highlights with supporting list","description":"A benefits block with a headline and intro, followed by two primary feature highlights with large images. Secondary benefits are listed below as a compact icon…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-7.json"},{"name":"benefits-8","title":"Benefits 8 – Hero media with supporting list","description":"A benefits block with a headline and intro, followed by a single large hero image. Supporting benefits are listed below as icon-led items with short descriptio…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-8.json"},{"name":"benefits-9","title":"Benefits 9 – Two-column text layout","description":"A benefits block with a strong headline and supporting text split across two columns. Use to clearly explain a single core value or positioning statement when …","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-9.json"},{"name":"benefits-10","title":"Benefits 10 – Full-width media with overlay text","description":"A benefits block built around a large, full-width image with short text overlaid directly on the visual. Use to make a single, emotionally driven point where t…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-10.json"},{"name":"benefits-11","title":"Benefits 11 – Emphasized lead with supporting column","description":"A benefits block with a strong headline on the left and a longer supporting explanation on the right, with a clear visual hierarchy between primary and seconda…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-11.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-11.json"},{"name":"benefits-12","title":"Benefits 12 – Two-column icon list","description":"A two-column layout that displays a list of items, each paired with an icon, title, and short description. Items flow vertically within each column and adapt t…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-12.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-12.json"},{"name":"benefits-13","title":"Benefits 13 – Card grid with section header","description":"A layout with a section header followed by a grid of equal-height cards. Each card includes an icon, title, and short text, arranged in a consistent grid that …","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-13.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-13.json"},{"name":"benefits-14","title":"Benefits 14 – Hero media with supporting icon row","description":"A layout with a section header and large hero media element, followed by a horizontal row of icon-and-text items. The media anchors the section visually while …","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-14.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-14.json"},{"name":"benefits-15","title":"Benefits 15 – Side-by-side media with icon list","description":"A layout with a section header, a media element on one side, and a vertically stacked icon-and-text list on the other. The media and list sit side by side on l…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-15.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-15.json"},{"name":"benefits-16","title":"Benefits 16 – Lead text with media and supporting row","description":"A layout with a prominent lead text area, a supporting media element alongside it, and a horizontal row of icon-and-text items below. The structure creates a c…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-16.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-16.json"},{"name":"benefits-17","title":"Benefits 17 – Section header with stacked cards","description":"A layout with a section header on one side and a vertical stack of uniform cards on the other. Each card contains an icon, title, and short text, creating a cl…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-17.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-17.json"},{"name":"benefits-18","title":"Benefits 18 – Centered media with divider and summary row","description":"A layout with a section header and centered media element, followed by a horizontal divider and a row of evenly spaced text items. The structure creates a clea…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-18.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-18.json"},{"name":"benefits-19","title":"Benefits 19 – Text list with vertical accent and side media","description":"A layout with a section header, a vertically stacked text list marked by a left accent line, and a media element positioned to the side. The text and media sit…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-19.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-19.json"},{"name":"benefits-20","title":"Benefits 20 – Wide media showcase with side panel","description":"A layout with a section header and a wide media element spanning most of the content area, paired with a narrow supporting panel to the side. The media acts as…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-20.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-20.json"},{"name":"benefits-21","title":"Benefits 21 – Card grid with equal emphasis","description":"A layout with a section header followed by a balanced grid of equal-size cards. Each card uses the same visual weight, creating a calm, uniform scan pattern. U…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-21.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-21.json"},{"name":"benefits-22","title":"Benefits 22 – Split content with feature list and image","description":"A two-column layout with structured text and a stacked feature list on one side, paired with a large supporting image on the other. The layout balances dense c…","type":"registry:block","source_url":"https://shadcncraft.com/r/benefits-22.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/benefits-22.json"},{"name":"blog-listing-1","title":"Blog Listing 1 – Featured grid","description":"A responsive blog listing that highlights recent posts in a clean card grid. Includes category, title, read time, author, and date, with a clear section header…","type":"registry:block","source_url":"https://shadcncraft.com/r/blog-listing-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-1.json"},{"name":"blog-listing-2","title":"Blog Listing 2 – Paginated card grid","description":"A card-based blog layout with a clear section header and a progressive \"Load more\" pattern. Uses consistent post cards with image, category, title, meta, and a…","type":"registry:block","source_url":"https://shadcncraft.com/r/blog-listing-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-2.json"},{"name":"blog-listing-3","title":"Blog Listing 3 – Featured lead with supporting grid","description":"A blog layout anchored by a large featured post followed by a compact card grid. Emphasizes editorial hierarchy by spotlighting a primary article, then surfaci…","type":"registry:block","source_url":"https://shadcncraft.com/r/blog-listing-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-3.json"},{"name":"blog-listing-4","title":"Blog Listing 4 – Dense editorial grid","description":"A high-density card grid that surfaces many posts at once with equal visual weight. Uses consistent card sizing and rhythm to support fast scanning and browsin…","type":"registry:block","source_url":"https://shadcncraft.com/r/blog-listing-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/blog-listing-4.json"},{"name":"careers-1","title":"Careers 1 – Job list with metadata","description":"A simple vertical job list focused on clarity and scannability. Uses a single-column layout with clear role titles and lightweight metadata like location, work…","type":"registry:block","source_url":"https://shadcncraft.com/r/careers-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/careers-1.json"},{"name":"careers-2","title":"Careers 2 – Job list with media lead","description":"A split layout that pairs a job list with a large supporting image. Uses the image to set tone and culture, while keeping roles and metadata clean and easy to …","type":"registry:block","source_url":"https://shadcncraft.com/r/careers-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/careers-2.json"},{"name":"careers-3","title":"Careers 3 – Card grid job listings","description":"A multi-column grid of role cards with consistent metadata and actions. Designed for scanning and comparison across roles, with equal visual weight and clear h…","type":"registry:block","source_url":"https://shadcncraft.com/r/careers-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/careers-3.json"},{"name":"careers-4","title":"Careers 4 – Feature image with list","description":"A careers layout anchored by a large lifestyle image, followed by a clean vertical job list. Uses imagery to set culture and tone first, then supports focused …","type":"registry:block","source_url":"https://shadcncraft.com/r/careers-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/careers-4.json"},{"name":"careers-5","title":"Careers 5 – Split intro with stacked listings","description":"A careers layout with a left-aligned intro and a dense, stacked job list alongside it. Prioritizes fast scanning of roles over storytelling. Best for teams wit…","type":"registry:block","source_url":"https://shadcncraft.com/r/careers-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/careers-5.json"},{"name":"contact-1","title":"Contact 1 – Centered form, single-column","description":"A centered contact form with a clear headline and stacked inputs. Uses a simple, linear flow that keeps focus on completion. Best for general inquiries where y…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-1.json"},{"name":"contact-2","title":"Contact 2 – Centered form in card","description":"A centered contact form wrapped in a card with clear visual boundaries. The card adds emphasis and contrast while keeping the layout simple and focused. Good w…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-2.json"},{"name":"contact-3","title":"Contact 3 – Split form with image","description":"A two-column layout pairing a contact form with a large supporting image. The image adds personality and visual balance while the form stays clear and readable…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-3.json"},{"name":"contact-4","title":"Contact 4 – Multi-channel contact options","description":"A centered layout that surfaces multiple ways to get in touch without a form. Uses icon-led contact methods laid out horizontally, with clear labels and availa…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-4.json"},{"name":"contact-5","title":"Contact 5 – Global presence with contact methods","description":"A wide, visual-first layout that pairs a world map with key contact channels. Uses location markers to signal global reach, with email, phone, and live chat gr…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-5.json"},{"name":"contact-6","title":"Contact 6 – Map-first contact","description":"A contact layout built around a large location map, with clear contact methods shown below and in a compact side panel. Works well for businesses with a physic…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-6.json"},{"name":"contact-7","title":"Contact 7 – Image-led contact","description":"A contact layout anchored by a large, friendly image, with key contact options displayed clearly below and in a side panel. Good for brands that want to feel p…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-7.json"},{"name":"contact-8","title":"Contact 8 – Hero image with channel cards","description":"A contact layout that pairs a large, edge-to-edge image with stacked contact channels. The image creates visual weight at the top, while card-based options bel…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-8.json"},{"name":"contact-9","title":"Contact 9 – Centered CTA panel","description":"A minimal contact block built around a single, centered call to action. Uses a contained panel with clear hierarchy and one primary button, making it ideal for…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-9.json"},{"name":"contact-10","title":"Contact 10 – Split layout with embedded scheduler","description":"A high-contrast contact block using a wide primary panel paired with a secondary sidebar. The layout is designed to showcase an embedded scheduling or booking …","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-10.json"},{"name":"contact-11","title":"Contact 11 – Centered form with supporting sidebar","description":"A balanced contact layout with a primary, centered form and a secondary sidebar that mirrors or reinforces the same interaction. The main column keeps focus on…","type":"registry:block","source_url":"https://shadcncraft.com/r/contact-11.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/contact-11.json"},{"name":"cta-1","title":"CTA 1 – Centered headline with stacked actions","description":"A centered call to action with a strong headline, short supporting copy, and side-by-side buttons. The layout feels more editorial and blends naturally into co…","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-1.json"},{"name":"cta-2","title":"CTA 2 – Left-aligned headline with inline actions","description":"A left-aligned call to action with a strong headline, short supporting copy, and side-by-side buttons. The layout feels more editorial and blends naturally int…","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-2.json"},{"name":"cta-3","title":"CTA 3 – High-contrast panel with stacked actions","description":"A bold, high-contrast CTA presented inside a contained panel, with a centered headline and stacked primary and secondary actions. The strong visual separation …","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-3.json"},{"name":"cta-4","title":"CTA 4 – High-contrast panel with left-aligned actions","description":"A wide, high-contrast CTA panel with left-aligned content and inline primary and secondary actions. The asymmetric layout creates a strong visual anchor while …","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-4.json"},{"name":"cta-5","title":"CTA 5 – Split content with feature list and media","description":"A two-column CTA layout combining structured text and a visual panel. Uses a feature list to add scannability and depth, paired with a supporting image or illu…","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-5.json"},{"name":"cta-6","title":"CTA 6 – Feature-led split with primary visual","description":"A split CTA layout anchored by a dominant visual panel, with supporting copy and a short feature list alongside. Emphasizes imagery first, then reinforces the …","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-6.json"},{"name":"cta-7","title":"CTA 7 – Product preview split with feature checklist","description":"A split CTA layout that pairs structured copy and a short feature list with a live product preview or dashboard screenshot. The layout leads with value explana…","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-7.json"},{"name":"cta-8","title":"CTA 8 – Wide product panel with offset preview","description":"A wide, left-aligned CTA paired with a large, offset product screenshot that bleeds toward the edge of the container. The layout creates a sense of depth and s…","type":"registry:block","source_url":"https://shadcncraft.com/r/cta-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cta-8.json"},{"name":"faqs-1","title":"FAQ 1 – Grid FAQs with CTA","description":"Multi-column FAQ layout with short answers visible by default. Includes an optional CTA panel below. Scales down to a stacked list on mobile.","type":"registry:block","source_url":"https://shadcncraft.com/r/faqs-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/faqs-1.json"},{"name":"faqs-2","title":"FAQ 2 – Accordion list with centered CTA","description":"Single-column, centered accordion for longer answers. Optimized for reading and scanning. Collapses into a stacked accordion on mobile.","type":"registry:block","source_url":"https://shadcncraft.com/r/faqs-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/faqs-2.json"},{"name":"faqs-3","title":"FAQ 3 – Wide accordion with stacked mobile preview","description":"A responsive FAQ section with a wide, centered accordion for desktop, plus a compact stacked version shown as a mobile preview. Built for clean scanning, with …","type":"registry:block","source_url":"https://shadcncraft.com/r/faqs-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/faqs-3.json"},{"name":"faqs-4","title":"FAQ 4 – Centered accordion with supporting panel","description":"A clean, centered FAQ accordion paired with a narrow sidebar version. Uses a strong section header and clear dividers for easy scanning, with an optional suppo…","type":"registry:block","source_url":"https://shadcncraft.com/r/faqs-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/faqs-4.json"},{"name":"footer-1","title":"Footer 1 – Multi-column sitemap footer","description":"A wide, multi-column footer with grouped navigation links and a compact legal row. Designed for content-heavy sites that need clear link categorization and qui…","type":"registry:block","source_url":"https://shadcncraft.com/r/footer-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/footer-1.json"},{"name":"footer-2","title":"Footer 2 – Sitemap footer with newsletter signup","description":"A multi-column sitemap footer with a prominent newsletter signup band. Combines navigation, legal links, and email capture in a single layout. Designed for mar…","type":"registry:block","source_url":"https://shadcncraft.com/r/footer-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/footer-2.json"},{"name":"footer-3","title":"Footer 3 – Compact sitemap footer","description":"A clean, low-profile sitemap footer with evenly spaced link columns and a minimal brand and legal row. Designed for content-heavy sites that need clear navigat…","type":"registry:block","source_url":"https://shadcncraft.com/r/footer-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/footer-3.json"},{"name":"footer-4","title":"Footer 4 – Brand-led sitemap footer","description":"A sitemap footer anchored by a short brand statement and logo, followed by structured link columns and legal links. Gives more context about the company while …","type":"registry:block","source_url":"https://shadcncraft.com/r/footer-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/footer-4.json"},{"name":"hero-1","title":"Hero 1 – Centered headline with media hero","description":"A classic centered hero with a strong headline, short supporting copy, and a primary call to action. Anchored by a large visual or video to set tone and establ…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-1.json"},{"name":"hero-2","title":"Hero 2 – Full-bleed background with centered content","description":"A bold, immersive hero that places the headline and call to action directly on a full-bleed visual background. Designed to create mood and instant impact, with…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-2.json"},{"name":"hero-3","title":"Hero 3 – Light background with centered content","description":"A calm, airy hero that centers the headline and call to action over a soft, low-contrast background. Designed to feel open and approachable, with social proof …","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-3.json"},{"name":"hero-4","title":"Hero 4 – Soft gradient hero with dual CTAs and rating","description":"A centered hero set on a subtle gradient background, using stacked CTAs to support different commitment levels. Includes lightweight credibility with an inline…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-4.json"},{"name":"hero-5","title":"Hero 5 – Split layout with waitlist capture","description":"A balanced split hero that pairs left-aligned messaging with a strong visual on the right. Uses an inline email field and single primary CTA to support early-a…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-5.json"},{"name":"hero-6","title":"Hero 6 – Feature-led split hero","description":"A practical split hero that pairs a strong visual with a short benefits list. Designed to quickly explain value through scannable points, with a clear primary …","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-6.json"},{"name":"hero-7","title":"Hero 7 – Editorial story hero","description":"A narrative-led hero that explains the problem before selling the solution. Uses longer-form copy, author attribution, and a strong visual to build trust and c…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-7.json"},{"name":"hero-8","title":"Hero 8 – Minimal page header","description":"A stripped-back hero for secondary pages. Focuses on a clear page title, short supporting copy, and a simple primary action. Best for pricing, docs, feature de…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-8.json"},{"name":"hero-9","title":"Hero 9 – Page header with supporting visual","description":"A balanced hero that pairs a clear page title and primary actions with a strong supporting image. Works well when you want more visual context than a minimal h…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-9.json"},{"name":"hero-10","title":"Hero 10 – Full-bleed image hero","description":"A bold, image-led hero with text overlaid on photography. Best when you want an emotional hook first and the message second. Works well for marketing pages, br…","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-10.json"},{"name":"metrics-1","title":"Metrics 1 – Wide stats row with geographic backdrop","description":"A horizontally distributed metrics layout that pairs large headline numbers with short labels, anchored by a subtle world map background. The pattern emphasize…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-1.json"},{"name":"metrics-2","title":"Metrics 2 – Centered headline with inline stat columns","description":"A metrics layout built around a strong centered heading, followed by evenly spaced stat columns with short supporting labels and optional inline links. The pat…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-2.json"},{"name":"metrics-3","title":"Metrics 3 – Split content with media anchor","description":"A two-column metrics layout that pairs a text-led stats group with a strong visual anchor. The pattern uses a left-aligned heading and compact metric blocks, b…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-3.json"},{"name":"metrics-4","title":"Metrics 4 – Centered headline with inline stat row","description":"A symmetric metrics layout built around a centered headline and a single horizontal row of key stats. Each metric is evenly spaced to create a calm, balanced r…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-4.json"},{"name":"metrics-5","title":"Metrics 5 – Carded metrics row","description":"A metrics layout where each stat is wrapped in a lightweight card. The cards create clear boundaries, making each metric feel discrete and scannable while stil…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-5.json"},{"name":"metrics-6","title":"Metrics 6 – Inline metrics with dividers","description":"A single-row metrics layout that uses subtle vertical dividers instead of cards. This keeps the section feeling light and flat while still giving each metric c…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-6.json"},{"name":"metrics-7","title":"Metrics 7 – Inline stats row with optional links","description":"A centered section header paired with a single horizontal row of key stats. Uses generous whitespace and consistent column widths to make the numbers feel calm…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-7.json"},{"name":"metrics-8","title":"Metrics 8 – Multi-row metrics grid","description":"A dense metrics layout that supports a larger number of stats without cards or dividers. Uses a balanced grid to keep emphasis evenly distributed across rows, …","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-8.json"},{"name":"metrics-9","title":"Metrics 9 – Circular progress metrics","description":"A metrics layout that uses circular progress indicators to visualize change or progress at a glance. Works well when the magnitude or direction of a metric mat…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-9.json"},{"name":"metrics-10","title":"Metrics 10 – Expanded circular metrics row","description":"A circular metrics layout that supports more data points in a single row. Works well when you need to show multiple performance indicators with equal visual we…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-10.json"},{"name":"metrics-11","title":"Metrics 11 – Lead-in explanation with supporting stats","description":"A metrics layout that pairs a short explanatory block with supporting stats to the right. Useful when metrics need framing or justification rather than standin…","type":"registry:block","source_url":"https://shadcncraft.com/r/metrics-11.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metrics-11.json"},{"name":"newsletter-signup-1","title":"Newsletter Signup 1 – Split layout with visual anchor","description":"A newsletter signup pattern that pairs a simple email capture with a strong visual anchor. The form stays lightweight and prominent, while the adjacent product…","type":"registry:block","source_url":"https://shadcncraft.com/r/newsletter-signup-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-1.json"},{"name":"newsletter-signup-2","title":"Newsletter Signup 2 – Value-led signup with supporting bullets","description":"A newsletter signup pattern that leads with clear value before the email field. Short bullet points set expectations and reduce hesitation, while the form rema…","type":"registry:block","source_url":"https://shadcncraft.com/r/newsletter-signup-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-2.json"},{"name":"newsletter-signup-3","title":"Newsletter Signup 3 – Inline headline with minimal form","description":"A compact newsletter signup pattern that places the email field inline with the headline. The layout minimizes friction and keeps attention focused on a single…","type":"registry:block","source_url":"https://shadcncraft.com/r/newsletter-signup-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-3.json"},{"name":"newsletter-signup-4","title":"Newsletter Signup 4 – Centered call to action with supporting microcopy","description":"A centered newsletter signup pattern that emphasizes balance and clarity. The headline and form are vertically stacked to create a clear focal point, with supp…","type":"registry:block","source_url":"https://shadcncraft.com/r/newsletter-signup-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-4.json"},{"name":"newsletter-signup-5","title":"Newsletter Signup 5 – Inline callout with contained form","description":"A horizontal newsletter signup pattern presented inside a soft container to separate it from surrounding content. The headline and description anchor the left …","type":"registry:block","source_url":"https://shadcncraft.com/r/newsletter-signup-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/newsletter-signup-5.json"},{"name":"pricing-1","title":"Pricing 1 – Three-tier card pricing grid","description":"A classic three-column pricing layout with equal-weight plan cards for easy comparison. Each card follows the same vertical rhythm with plan name, price, prima…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-1.json"},{"name":"pricing-2","title":"Pricing 2 – Focused two-plan comparison","description":"A simplified pricing layout that presents two plans side by side to reduce choice overload. The shared header anchors context, while the paired cards make diff…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-2.json"},{"name":"pricing-3","title":"Pricing 3 – Single plan spotlight","description":"A centered, single-card pricing layout that puts all attention on one plan. Removing comparisons reduces decision friction and works well for early-stage produ…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-3.json"},{"name":"pricing-4","title":"Pricing 4 – Three-plan comparison with highlighted default","description":"A classic three-tier pricing layout with a clearly emphasized middle plan to guide choice. The visual weight, border treatment, and \"most popular\" marker steer…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-4.json"},{"name":"pricing-5","title":"Pricing 5 – Side-by-side plans with duplicated emphasis","description":"A two-plan layout where one option is visually emphasized through stronger borders and hierarchy, even when the plans are similar. This pattern is useful for s…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-5.json"},{"name":"pricing-6","title":"Pricing 6 – Single-plan focused pricing","description":"A minimal pricing pattern that centers on a single plan, removing comparison to reduce decision friction. This works well when there is only one offering, or w…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-6.json"},{"name":"pricing-7","title":"Pricing 7 – Feature-comparison table pricing","description":"A dense pricing pattern that pairs plans with a side-by-side feature matrix. This works when buyers need to evaluate capability differences in detail and are w…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-7.json"},{"name":"pricing-8","title":"Pricing 8 – Split layout with featured plan emphasis","description":"A two-column pricing pattern that pairs contextual framing on the left with vertically stacked plans on the right. One plan is visually elevated using contrast…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-8.json"},{"name":"pricing-9","title":"Pricing 9 – Unified card group with equal plan weight","description":"A single grouped pricing container where all plans share the same visual treatment and hierarchy. This pattern emphasizes fairness and easy comparison, making …","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-9.json"},{"name":"pricing-10","title":"Pricing 10 – Free vs paid contrast layout","description":"A two-option pricing pattern that pairs a neutral free tier with a strongly emphasized paid plan. The visual contrast clearly establishes an upgrade path, usin…","type":"registry:block","source_url":"https://shadcncraft.com/r/pricing-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pricing-10.json"},{"name":"social-proof-1","title":"Social Proof 1 – Inline logo strip","description":"A minimal social proof pattern that presents partner or customer logos in a single horizontal row. It builds trust without interrupting flow, using uniform siz…","type":"registry:block","source_url":"https://shadcncraft.com/r/social-proof-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/social-proof-1.json"},{"name":"social-proof-2","title":"Social Proof 2 – Auto-scrolling logo marquee","description":"A horizontally scrolling logo strip that loops automatically. It adds motion and density without taking more vertical space. Good when you have lots of logos o…","type":"registry:block","source_url":"https://shadcncraft.com/r/social-proof-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/social-proof-2.json"},{"name":"social-proof-3","title":"Social Proof 3 – Color logo strip","description":"A static row of full-color logos. Feels louder and more brand-forward than grayscale. Works best when the logos are well-known and visually consistent. Less su…","type":"registry:block","source_url":"https://shadcncraft.com/r/social-proof-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/social-proof-3.json"},{"name":"social-proof-4","title":"Social Proof 4 – Inline trust statement","description":"A compact logo row paired with a short trust line. Very low visual weight and easy to drop between sections. Good when you want credibility without pulling att…","type":"registry:block","source_url":"https://shadcncraft.com/r/social-proof-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/social-proof-4.json"},{"name":"social-proof-5","title":"Social Proof 5 – Visual-led trust section","description":"A logo strip paired with a strong visual. Adds credibility while creating a clear visual break between sections. Best used when you want trust signals without …","type":"registry:block","source_url":"https://shadcncraft.com/r/social-proof-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/social-proof-5.json"},{"name":"social-proof-6","title":"Social Proof 6 – Structured grid, editorial feel","description":"Centered headline with a strict, even grid below. Strong symmetry, lots of white space, and clear hierarchy. Feels calm, credible, and deliberate. Works well w…","type":"registry:block","source_url":"https://shadcncraft.com/r/social-proof-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/social-proof-6.json"},{"name":"team-1","title":"Team 1 – Centered team roster grid","description":"A centered section with a clear headline and supporting line, followed by an evenly spaced grid of profile tiles. The layout keeps attention on the faces, uses…","type":"registry:block","source_url":"https://shadcncraft.com/r/team-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-1.json"},{"name":"team-2","title":"Team 2 – Split intro with profile grid","description":"A two-column layout where a compact intro block anchors the section on the left while a dense, evenly spaced avatar grid fills the remaining width. The structu…","type":"registry:block","source_url":"https://shadcncraft.com/r/team-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-2.json"},{"name":"team-3","title":"Team 3 – Mixed-shape avatar mosaic","description":"Team 3 – Mixed-shape avatar mosaic","type":"registry:block","source_url":"https://shadcncraft.com/r/team-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-3.json"},{"name":"team-4","title":"Team 4 – Lifestyle imagery with structured roster","description":"A split layout that pairs large, candid team photos with a clean, tabular roster below. The imagery adds warmth and context, while the list anchors the section…","type":"registry:block","source_url":"https://shadcncraft.com/r/team-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-4.json"},{"name":"team-5","title":"Team 5 – Editorial portrait cards","description":"A gallery-style layout built around large, consistent portrait cards with subtle overlays. Emphasizes visual uniformity and hierarchy, using generous spacing a…","type":"registry:block","source_url":"https://shadcncraft.com/r/team-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/team-5.json"},{"name":"testimonials-1","title":"Testimonial 1 – Single feature quote","description":"A centered, long-form testimonial designed to feel calm and authoritative. Uses generous whitespace, oversized quotation marks, and a single focal block to giv…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-1.json"},{"name":"testimonials-2","title":"Testimonial 2 – Centered quote with attribution focus","description":"A minimal, centered testimonial layout that tightens the hierarchy around the quote and author. Compared to Testimonial 1, this version reduces visual weight a…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-2.json"},{"name":"testimonials-3","title":"Testimonial 3 – Split quote with featured profile","description":"Testimonial 3 – Split quote with featured profile","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-3.json"},{"name":"testimonials-4","title":"Testimonial 4 – Image-led split with rating","description":"A bold split layout that gives equal weight to a large portrait and the testimonial copy. The oversized image anchors the section visually, while the quote, at…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-4.json"},{"name":"testimonials-5","title":"Testimonial 5 – Card carousel with stacked media","description":"A carousel-style testimonial where the quote and controls sit in a fixed text column, paired with layered image cards that suggest depth and progression. The s…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-5.json"},{"name":"testimonials-6","title":"Testimonial 6 – Split carousel with overlapping profile cards","description":"A split testimonial layout with the quote anchored in a static text column and a horizontal carousel of large profile cards running alongside it. The overlappi…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-6.json"},{"name":"testimonials-7","title":"Testimonial 7 – Multi-profile grid with headline lead","description":"A testimonial layout that leads with a strong headline and brand marker, followed by a dense grid of profile cards. The structure shifts emphasis from a single…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-7.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-7.json"},{"name":"testimonials-8","title":"Testimonial 8 – Branded quote with team strip","description":"A testimonial layout that anchors on a long-form quote with clear brand attribution, then reinforces credibility using a horizontal strip of individual profile…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-8.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-8.json"},{"name":"testimonials-9","title":"Testimonial 9 – Multi-segment case cards","description":"A testimonial layout built around small, self-contained story cards, each representing a different team or use case. The grid creates quick scanability while s…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-9.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-9.json"},{"name":"testimonials-10","title":"Testimonial 10 – Dense quote grid","description":"A compact testimonial layout that surfaces many short quotes at once using a uniform card grid. Designed for volume and credibility, it emphasizes breadth of f…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-10.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-10.json"},{"name":"testimonials-11","title":"Testimonial 11 – Editorial quote grid","description":"A structured testimonial layout that combines a clear section header with a multi-column grid of short quotes. It balances scannability and depth by presenting…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-11.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-11.json"},{"name":"testimonials-12","title":"Testimonial 12 – Featured quote with supporting cards","description":"A hybrid testimonial layout that anchors the section with a single, prominent featured quote and portrait, supported by smaller secondary quotes beneath. It cr…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-12.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-12.json"},{"name":"testimonials-13","title":"Testimonial 13 – Single featured testimonial with inline pagination","description":"A clean, focused testimonial layout built around one primary quote and portrait, with minimal controls to step through additional testimonials. Strong visual e…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-13.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-13.json"},{"name":"testimonials-14","title":"Testimonial 14 – Dual quote carousel with ratings","description":"A two-up testimonial layout showing parallel quotes with star ratings, names, and roles. Uses carousel controls to rotate content while keeping density low. Wo…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-14.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-14.json"},{"name":"testimonials-15","title":"Testimonial 15 – Image-led quote cards","description":"A two-card layout that pairs large, contextual photos with short quotes and author details. Feels more human and story-driven than avatar cards. Best when you …","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-15.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-15.json"},{"name":"testimonials-16","title":"Testimonial 16 – Single hero testimonial","description":"A focused, one-voice layout with a large contextual image and a single quote. Very clear hierarchy. Works best when you have one strong story you want people t…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-16.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-16.json"},{"name":"testimonials-17","title":"Testimonial 17 – Testimonial with supporting metrics","description":"This one blends a strong personal quote with credibility stats. The testimonial does the emotional work, while the numbers add reassurance without overwhelming…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-17.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-17.json"},{"name":"testimonials-18","title":"Testimonial 18 – Multi-quote card carousel","description":"This pattern breaks one customer into multiple short quotes, each paired with a different visual. It’s good for scanning and variety, but weaker on trust unles…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-18.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-18.json"},{"name":"testimonials-19","title":"Testimonial 19 – Image carousel with quote overlays","description":"A horizontally scrolling set of image-led cards, each using a full-bleed photo with a subtle gradient overlay to anchor short quotes and author details. pagina…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-19.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-19.json"},{"name":"testimonials-20","title":"Testimonial 20 – Split heading and featured quote","description":"A minimal, two-column layout that separates context from content. The left side anchors the section with a static heading and short intro, while the right side…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-20.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-20.json"},{"name":"testimonials-21","title":"Testimonial 21 – Auto-scrolling quote cards","description":"A horizontally auto-scrolling row of compact testimonial cards paired with a centered section header. Cards move continuously to showcase multiple quotes witho…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-21.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-21.json"},{"name":"testimonials-22","title":"Testimonial 22 – Auto-scrolling stacked columns","description":"A multi-column testimonial layout where cards are arranged in vertical stacks that auto-scroll in opposing or offset directions. This creates a dense, editoria…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-22.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-22.json"},{"name":"testimonials-23","title":"Testimonial 23 – Masonry quote cards","description":"A three-column masonry layout with compact quote cards beneath a centered section heading. Varied card heights accommodate different quote lengths, while avata…","type":"registry:block","source_url":"https://shadcncraft.com/r/testimonials-23.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/testimonials-23.json"},{"name":"top-navigation-1","title":"Top Navigation 1 – Left-aligned dropdown navigation","description":"A classic left-aligned top navigation with horizontal links and inline dropdown menus for larger screens. Primary actions are grouped on the right for clear vi…","type":"registry:block","source_url":"https://shadcncraft.com/r/top-navigation-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-navigation-1.json"},{"name":"top-navigation-2","title":"Top Navigation 2 – Centered primary navigation","description":"A center-aligned top navigation that places the primary links in the middle of the header, creating a more balanced, symmetrical layout. Dropdown menus open di…","type":"registry:block","source_url":"https://shadcncraft.com/r/top-navigation-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-navigation-2.json"},{"name":"top-navigation-3","title":"Top Navigation 3 – Compact bar with progressive disclosure","description":"A compact top navigation that keeps the large-screen layout minimal and low-profile, with primary links arranged in a single horizontal bar. Dropdowns reveal r…","type":"registry:block","source_url":"https://shadcncraft.com/r/top-navigation-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-navigation-3.json"},{"name":"top-navigation-4","title":"Top Navigation 4 – Centered pill navigation with dropdown menu","description":"A centered top navigation where primary links sit inside a pill-style container, creating a strong visual anchor across large screens. Dropdown menus open from…","type":"registry:block","source_url":"https://shadcncraft.com/r/top-navigation-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-navigation-4.json"},{"name":"top-navigation-5","title":"Top Navigation 5 – Minimal center-aligned links with inline auth","description":"A stripped-back, center-aligned top navigation that prioritizes clarity and whitespace. Primary links sit in a single horizontal row with the brand anchored to…","type":"registry:block","source_url":"https://shadcncraft.com/r/top-navigation-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-navigation-5.json"},{"name":"404-1","title":"404 1 – Minimalist error page with navigation recovery actions","description":"A clean and centered error page design for handling \"Page not found\" scenarios. The layout features a clear information hierarchy starting with the \"404\" statu…","type":"registry:block","source_url":"https://shadcncraft.com/r/404-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/404-1.json"},{"name":"404-2","title":"404 2 – Visual 404 error page with immersive split-screen layout","description":"A modern and emotionally engaging error page that uses a split-screen composition. The left side provides clear, left-aligned information: the \"404\" status cod…","type":"registry:block","source_url":"https://shadcncraft.com/r/404-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/404-2.json"},{"name":"404-3","title":"404 3 – Error page with multi-channel support contact cards","description":"A comprehensive error recovery page designed to provide immediate assistance. The top section maintains the standard 404 messaging and primary navigation butto…","type":"registry:block","source_url":"https://shadcncraft.com/r/404-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/404-3.json"},{"name":"404-4","title":"404 4 – Error page with conceptual plug illustration","description":"A creative balanced error page that uses a custom illustration to communicate a technical disconnect. The layout features a two-column split: on the left, a st…","type":"registry:block","source_url":"https://shadcncraft.com/r/404-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/404-4.json"},{"name":"404-5","title":"404 5 – Error page with immersive image and support directory","description":"A highly functional error page that utilizes a balanced grid system. The layout is dominated on the right by a large, atmospheric image with rounded corners. T…","type":"registry:block","source_url":"https://shadcncraft.com/r/404-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/404-5.json"},{"name":"404-6","title":"404 6 – Split-screen 404 page with high-contrast editorial visual","description":"A modern error page that utilizes an inverted split-screen layout. A large, stylized editorial image with rounded corners is positioned on the left. The right …","type":"registry:block","source_url":"https://shadcncraft.com/r/404-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/404-6.json"},{"name":"activity-feed-1","title":"Activity Feed 1 – Filterable timeline with inline context","description":"A chronological activity feed presented as a vertical timeline, combining user avatars, action summaries, and timestamps for quick scanning. Includes a top sea…","type":"registry:block","source_url":"https://shadcncraft.com/r/activity-feed-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/activity-feed-1.json"},{"name":"app-shell-1","title":"App Shell 1 – Sidebar","description":"App shell with a standard sidebar, header, and content slot. Collapsed variant included.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-1.json"},{"name":"app-shell-2","title":"App Shell 2 – Floating sidebar","description":"App shell with a floating sidebar, header, and content slot. Collapsed variant included.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-2.json"},{"name":"app-shell-3","title":"App Shell 3 – Inset sidebar","description":"App shell with an inset sidebar, header, and content slot. Collapsed variant included.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-3.json"},{"name":"app-shell-4","title":"App Shell 4 – Inset sidebar with linked navigation","description":"App shell with an inset sidebar, a page selector and search header, and a content slot. Navigation rows are real links that highlight the current section, so i…","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-4.json"},{"name":"app-shell-header-1","title":"App Shell Header 1","description":"App shell header with a page selector, date range presets, filters, and search.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-header-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-header-1.json"},{"name":"app-shell-header-2","title":"App Shell Header 2","description":"App shell header with a breadcrumb, faceted filters, and a search field.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-header-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-header-2.json"},{"name":"app-shell-header-3","title":"App Shell Header 3","description":"App shell header with a page selector, applied filters as removable chips, and a search field.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-header-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-header-3.json"},{"name":"app-shell-header-4","title":"App Shell Header 4","description":"App shell header with a page selector, filters, and a primary action.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-header-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-header-4.json"},{"name":"app-shell-header-5","title":"App Shell Header 5","description":"App shell header with a page selector, a period select, and a date range stepper.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-header-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-header-5.json"},{"name":"app-shell-header-6","title":"App Shell Header 6","description":"App shell header with a page selector that follows the current route, and search.","type":"registry:block","source_url":"https://shadcncraft.com/r/app-shell-header-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/app-shell-header-6.json"},{"name":"metric-cards-1","title":"Dashboard 1 – Metric cards","description":"Four key metrics in a single strip: spend, revenue, cost per lead, and conversion rate.","type":"registry:block","source_url":"https://shadcncraft.com/r/metric-cards-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/metric-cards-1.json"},{"name":"hero-time-series-1","title":"Dashboard 2 – Hero time series","description":"Hero area chart comparing this period against the previous period.","type":"registry:block","source_url":"https://shadcncraft.com/r/hero-time-series-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/hero-time-series-1.json"},{"name":"traffic-by-channel-1","title":"Dashboard 3 – Traffic by channel","description":"Total traffic with a segmented share bar and per-channel breakdown.","type":"registry:block","source_url":"https://shadcncraft.com/r/traffic-by-channel-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/traffic-by-channel-1.json"},{"name":"channel-performance-1","title":"Dashboard 4 – Channel performance","description":"Clicks received vs leads converted, by channel, as grouped bars.","type":"registry:block","source_url":"https://shadcncraft.com/r/channel-performance-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/channel-performance-1.json"},{"name":"cost-per-acquisition-trend-1","title":"Dashboard 5 – Cost per acquisition trend","description":"Daily cost per acquisition as an area trend with period comparison.","type":"registry:block","source_url":"https://shadcncraft.com/r/cost-per-acquisition-trend-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/cost-per-acquisition-trend-1.json"},{"name":"paid-media-allocation-1","title":"Dashboard 6 – Paid media allocation","description":"Donut breakdown of spend across paid channels.","type":"registry:block","source_url":"https://shadcncraft.com/r/paid-media-allocation-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/paid-media-allocation-1.json"},{"name":"campaign-performance-1","title":"Dashboard 7 – Campaign performance","description":"Top campaigns by leads generated, as a compact data table.","type":"registry:block","source_url":"https://shadcncraft.com/r/campaign-performance-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/campaign-performance-1.json"},{"name":"top-landing-pages-1","title":"Dashboard 8 – Top landing pages","description":"Pages ranked by sessions with visitor share.","type":"registry:block","source_url":"https://shadcncraft.com/r/top-landing-pages-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/top-landing-pages-1.json"},{"name":"marketing-funnel-1","title":"Dashboard 9 – Marketing funnel","description":"Stage-by-stage conversion across the marketing funnel.","type":"registry:block","source_url":"https://shadcncraft.com/r/marketing-funnel-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/marketing-funnel-1.json"},{"name":"attribution-breakdown-1","title":"Dashboard 10 – Attribution breakdown","description":"Revenue credited by first touch vs last touch, per channel.","type":"registry:block","source_url":"https://shadcncraft.com/r/attribution-breakdown-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/attribution-breakdown-1.json"},{"name":"growth-simulator-1","title":"Dashboard 11 – Growth simulator","description":"Live sliders modeling monthly spend against projected pipeline.","type":"registry:block","source_url":"https://shadcncraft.com/r/growth-simulator-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/growth-simulator-1.json"},{"name":"goal-progress-1","title":"Dashboard 12 – Goal progress","description":"Month-to-date attainment against monthly targets as bullet bars.","type":"registry:block","source_url":"https://shadcncraft.com/r/goal-progress-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/goal-progress-1.json"},{"name":"engagement-by-day-hour-1","title":"Dashboard 13 – Engagement by day & hour","description":"Open-rate heatmap by send day and hour.","type":"registry:block","source_url":"https://shadcncraft.com/r/engagement-by-day-hour-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/engagement-by-day-hour-1.json"},{"name":"revenue-vs-target-1","title":"Dashboard 14 – Revenue vs target","description":"Closed revenue against target and forecast as a tick meter.","type":"registry:block","source_url":"https://shadcncraft.com/r/revenue-vs-target-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/revenue-vs-target-1.json"},{"name":"pipeline-by-stage-1","title":"Dashboard 15 – Pipeline by stage","description":"Open pipeline value and share across deal stages as a funnel.","type":"registry:block","source_url":"https://shadcncraft.com/r/pipeline-by-stage-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/pipeline-by-stage-1.json"},{"name":"rep-leaderboard-1","title":"Dashboard 16 – Rep leaderboard","description":"Reps ranked by quota attainment with target markers.","type":"registry:block","source_url":"https://shadcncraft.com/r/rep-leaderboard-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/rep-leaderboard-1.json"},{"name":"deals-table-1","title":"Dashboard 17 – Deals table","description":"Open deals with owner, stage, value, and close date.","type":"registry:block","source_url":"https://shadcncraft.com/r/deals-table-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/deals-table-1.json"},{"name":"win-rate-1","title":"Dashboard 18 – Win rate","description":"Win rate with stage-to-stage conversion bars.","type":"registry:block","source_url":"https://shadcncraft.com/r/win-rate-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/win-rate-1.json"},{"name":"deal-velocity-by-segment-1","title":"Dashboard 19 – Deal velocity","description":"Average days in stage by segment as a heatmap.","type":"registry:block","source_url":"https://shadcncraft.com/r/deal-velocity-by-segment-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/deal-velocity-by-segment-1.json"},{"name":"lead-to-customer-funnel-1","title":"Dashboard 20 – Lead-to-customer funnel","description":"Marketing-to-sales handoff as concentric ring progress.","type":"registry:block","source_url":"https://shadcncraft.com/r/lead-to-customer-funnel-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/lead-to-customer-funnel-1.json"},{"name":"leads-by-region-1","title":"Dashboard 21 – Leads by region","description":"Leads and pipeline value by country, with list and map views.","type":"registry:block","source_url":"https://shadcncraft.com/r/leads-by-region-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/leads-by-region-1.json"},{"name":"customer-health-score-1","title":"Dashboard 22 – Customer health score","description":"Average customer health as an arc gauge with score bands.","type":"registry:block","source_url":"https://shadcncraft.com/r/customer-health-score-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/customer-health-score-1.json"},{"name":"ai-insights-1","title":"Dashboard 23 – AI insights","description":"Alerts and opportunities surfaced automatically across the funnel.","type":"registry:block","source_url":"https://shadcncraft.com/r/ai-insights-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/ai-insights-1.json"},{"name":"header-1","title":"Header 1 – Page header with actions and search","description":"A standard page header that anchors the page title with optional breadcrumbs, primary actions, and inline search. Designed for app and dashboard pages where us…","type":"registry:block","source_url":"https://shadcncraft.com/r/header-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/header-1.json"},{"name":"header-2","title":"Header 2 – Page header with cover image","description":"A page header that pairs a visual cover with navigation context and search. Uses an image to set tone or brand while keeping the page title, breadcrumbs, and c…","type":"registry:block","source_url":"https://shadcncraft.com/r/header-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/header-2.json"},{"name":"header-3","title":"Header 3 – Page header with tabs","description":"A compact page header that combines breadcrumbs, a clear page title, and inline tabs for switching between related sections. Keeps navigation close to the cont…","type":"registry:block","source_url":"https://shadcncraft.com/r/header-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/header-3.json"},{"name":"header-4","title":"Header 4 – Page header with cover image and tabs","description":"A richer page header that pairs breadcrumbs and a page title with a visual cover image and inline tabs. Useful for profile, settings, or sectioned pages where …","type":"registry:block","source_url":"https://shadcncraft.com/r/header-4.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/header-4.json"},{"name":"header-5","title":"Header 5 – Profile header with identity and actions","description":"A compact header designed for user or account pages. Combines avatar, name, and secondary details with inline actions and search, keeping identity and controls…","type":"registry:block","source_url":"https://shadcncraft.com/r/header-5.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/header-5.json"},{"name":"header-6","title":"Header 6 – Page header with supporting description","description":"A lightweight page header that pairs a clear title with a short supporting description. Designed for settings or configuration screens where users need immedia…","type":"registry:block","source_url":"https://shadcncraft.com/r/header-6.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/header-6.json"},{"name":"inline-cta-1","title":"Inline CTA 1 – Compact call to action","description":"A small, inline call to action that pairs a short title and description with one or two buttons. Designed to sit naturally within content flows to prompt the n…","type":"registry:block","source_url":"https://shadcncraft.com/r/inline-cta-1.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/inline-cta-1.json"},{"name":"inline-cta-2","title":"Inline CTA 2 – Media-led call to action","description":"An inline call to action that pairs a visual with a short title and description to add context and emotional weight. The image helps draw attention while the c…","type":"registry:block","source_url":"https://shadcncraft.com/r/inline-cta-2.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/inline-cta-2.json"},{"name":"inline-cta-3","title":"Inline CTA 3 – Email signup call to action","description":"An inline call to action designed for simple email capture. Combines a short title and description with a single input and primary action, keeping friction low…","type":"registry:block","source_url":"https://shadcncraft.com/r/inline-cta-3.json","install_command":"npx shadcn@latest add https://shadcncraft.com/r/inline-cta-3.json"}]},{"id":"shadcndesign","name":"@shadcndesign","slug":"shadcndesign","description":"A premium shadcn/ui ecosystem created by a veteran Figma designer (7+ years, former Ant Design maintainer) offering a pixel-perfect Figma kit with components, variants, and Tailwind CSS variable alignment, plus production-ready React blocks, an agent-skills bundle, and a Figma plugin. Targets designers and developers who need design-to-code fidelity. Loved by 7,500+ teams. Pricing is via lifetime access. No public GitHub repo. Use for: teams requiring a tightly paired Figma + React shadcn/ui design system where design tokens and component states match exactly between design and implementation.","author":null,"framework":"react","license":null,"tags":["accessibility","aesthetic","ai","blocks","buttons","cards","cms","components","design-system","forms","icons","maps","marketing","media","navigation","overlays","pro-available","retro","theming"],"categories":["Design system"],"labels":["featured","pro"],"urls":{"website":"https://www.shadcndesign.com","github":"N/A","registry":"https://shadcndesign-free.vercel.app/r/registry.json","source":"https://shadcndesign-free.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcndesign","markdown":"https://sh4dcn.netlify.app/md/shadcndesign.md"},"logo":"<svg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_22651_9557)'><g clip-path='url(#clip1_22651_9557)'><rect x='10' y='10' width='60' height='60' fill='black' stroke='#4497F7' stroke-width='5'/><rect x='2.5' y='2.5' width='15' height='15' fill='white' stroke='#4497F7' stroke-width='5'/><rect x='62.5' y='2.5' width='15' height='15' fill='white' stroke='#4497F7' stroke-width='5'/><rect x='2.5' y='62.5' width='15' height='15' fill='white' stroke='#4497F7' stroke-width='5'/><rect x='62.5' y='62.5' width='15' height='15' fill='white' stroke='#4497F7' stroke-width='5'/><path d='M23.75 56.25L56.25 23.75' stroke='white' stroke-width='5'/><path d='M43.75 56.25L56.25 43.75' stroke='white' stroke-width='5'/></g></g><defs><clipPath id='clip0_22651_9557'><rect width='80' height='80' fill='white'/></clipPath><clipPath id='clip1_22651_9557'><rect width='80' height='80' fill='white'/></clipPath></defs></svg>","preview_image":"https://www.shadcndesign.com/opengraph-image.png?opengraph-image.0la51ac1zjahf.png?dpl=dpl_CtzaRNhUWFKFtcDrbP6WL3i6hCEA","pro":{"has_pro":true,"pro_url":"https://pro.shadcndesign.com","pricing_url":"https://pro.shadcndesign.com"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://shadcndesign-free.vercel.app/r/registry.json"},"component_count":44,"components":[{"name":"404-section-1","title":"404 Section 1","description":"404 error page section with modern design","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/404-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/404-section-1.json"},{"name":"banner-1","title":"Banner 1","description":"Promotional banner with close button and modern styling","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/banner-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/banner-1.json"},{"name":"bento-grid-1","title":"Bento Grid 1","description":"Feature-rich layout with dynamic grid showcasing product features","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/bento-grid-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/bento-grid-1.json"},{"name":"blog-section-1","title":"Blog Section 1","description":"Blog posts grid with featured articles and metadata","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/blog-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/blog-section-1.json"},{"name":"comparison-section-1","title":"Comparison Section 1","description":"Feature comparison table with mobile-responsive design","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/comparison-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/comparison-section-1.json"},{"name":"contact-section-1","title":"Contact Section 1","description":"Contact form with validation and privacy policy checkbox","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/contact-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/contact-section-1.json"},{"name":"cta-section-1","title":"CTA Section 1","description":"Call-to-action section with primary background and compelling copy","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/cta-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/cta-section-1.json"},{"name":"empty-lp-section-1","title":"Empty LP Section 1","description":"Placeholder section for custom content","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/empty-lp-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/empty-lp-section-1.json"},{"name":"faq-section-1","title":"FAQ Section 1","description":"Frequently asked questions with accordion interface and CTA card","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/faq-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/faq-section-1.json"},{"name":"feature-section-1","title":"Feature Section 1","description":"Feature showcase with image and dual-column layout","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/feature-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/feature-section-1.json"},{"name":"footer-1","title":"Footer 1","description":"Site footer with navigation links and legal information","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/footer-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/footer-1.json"},{"name":"gallery-section-1","title":"Gallery Section 1","description":"Image gallery section with aspect ratio control","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/gallery-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/gallery-section-1.json"},{"name":"header-section-1","title":"Header Section 1","description":"Page header with title and description","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/header-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/header-section-1.json"},{"name":"hero-section-1","title":"Hero Section 1","description":"Hero section with dual-column layout and call-to-action buttons","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/hero-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/hero-section-1.json"},{"name":"logo-section-1","title":"Logo Section 1","description":"Logo showcase section with placeholder logos","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/logo-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/logo-section-1.json"},{"name":"lp-navbar-1","title":"LP Navbar 1","description":"Landing page navigation with mobile menu and logo","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/lp-navbar-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/lp-navbar-1.json"},{"name":"pattern-1","title":"Pattern 1","description":"Background pattern component for visual enhancement","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/pattern-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/pattern-1.json"},{"name":"pricing-section-1","title":"Pricing Section 1","description":"Pricing table with billing toggle and feature tooltips","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/pricing-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/pricing-section-1.json"},{"name":"rich-text-section-1","title":"Rich Text Section 1","description":"Article layout with author information and structured content","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/rich-text-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/rich-text-section-1.json"},{"name":"stats-section-1","title":"Stats Section 1","description":"Statistics showcase with dual-column layout and metrics","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/stats-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/stats-section-1.json"},{"name":"team-section-1","title":"Team Section 1","description":"Team member showcase with social links and descriptions","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/team-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/team-section-1.json"},{"name":"testimonials-section-1","title":"Testimonials Section 1","description":"Customer testimonial with avatar and quote","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/testimonials-section-1.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/testimonials-section-1.json"},{"name":"tagline","title":"Tagline","description":"Reusable tagline component with variants","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/tagline.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/tagline.json"},{"name":"logo","title":"Logo","description":"Brand logo component with customizable size","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/logo.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/logo.json"},{"name":"placeholder-logo-buzzsnap","title":"Placeholder Logo Buzzsnap","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-buzzsnap.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-buzzsnap.json"},{"name":"placeholder-logo-dashstar","title":"Placeholder Logo Dashstar","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-dashstar.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-dashstar.json"},{"name":"placeholder-logo-editly","title":"Placeholder Logo Editly","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-editly.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-editly.json"},{"name":"placeholder-logo-geoaura","title":"Placeholder Logo Geoaura","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-geoaura.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-geoaura.json"},{"name":"placeholder-logo-nanodea","title":"Placeholder Logo Nanodea","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-nanodea.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-nanodea.json"},{"name":"placeholder-logo-orionbo","title":"Placeholder Logo Orionbo","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-orionbo.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-orionbo.json"},{"name":"placeholder-logo-revahub","title":"Placeholder Logo Revahub","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-revahub.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-revahub.json"},{"name":"placeholder-logo-starlight","title":"Placeholder Logo Starlight","description":"Placeholder logo component for logo section 1","type":"registry:component","source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-starlight.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-starlight.json"},{"name":"theme-purple","title":"Purple Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-purple.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-purple.json"},{"name":"theme-honey","title":"Honey Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-honey.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-honey.json"},{"name":"theme-sketchpad","title":"Sketchpad Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-sketchpad.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-sketchpad.json"},{"name":"theme-soft-orange","title":"Soft Orange Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-soft-orange.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-soft-orange.json"},{"name":"theme-fast-red","title":"Fast Red Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-fast-red.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-fast-red.json"},{"name":"theme-night-wind","title":"Night Wind Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-night-wind.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-night-wind.json"},{"name":"theme-citrus","title":"Citrus Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-citrus.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-citrus.json"},{"name":"theme-soulslike","title":"Soulslike Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-soulslike.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-soulslike.json"},{"name":"theme-fresh-lime","title":"Fresh Lime Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-fresh-lime.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-fresh-lime.json"},{"name":"theme-orbiter","title":"Orbiter Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-orbiter.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-orbiter.json"},{"name":"theme-neon-forest","title":"Neon Forest Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-neon-forest.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-neon-forest.json"},{"name":"theme-icecream","title":"Icecream Theme by shadcndesign.com","description":null,"type":"registry:theme","source_url":"https://shadcndesign-free.vercel.app/r/theme-icecream.json","install_command":"npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-icecream.json"}]},{"id":"shadcnhooks","name":"@shadcnhooks","slug":"shadcnhooks","description":"A growing TypeScript-first React hooks collection distributed through the shadcn registry, built for React 19+ with SSR compatibility and zero or minimal external dependencies. Each hook is individually installable (e.g., npx shadcn@latest add @shadcnhooks/use-counter). Documented hooks include use-counter, use-boolean, and others following the shadcn copy-paste philosophy. Tree-shakeable; no lock-in. Use for: adding well-tested, typed utility hooks — state management, toggles, timers, event listeners — directly into a project as owned source files rather than a package dependency.","author":"Debbl","framework":"react","license":"MIT","tags":["buttons","cards","components","forms","hooks","media"],"categories":["Hooks/utilities"],"labels":[],"urls":{"website":"https://shadcn-hooks.com","github":"https://github.com/Debbl/shadcn-hooks","registry":"https://shadcn-hooks.com/r/registry.json","source":"https://shadcn-hooks.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnhooks","markdown":"https://sh4dcn.netlify.app/md/shadcnhooks.md"},"logo":"<svg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M208 128L128 208' stroke='var(--foreground)' stroke-width='32' stroke-linecap='round' stroke-linejoin='round'/><path d='M192 40L40 192' stroke='var(--foreground)' stroke-width='32' stroke-linecap='round' stroke-linejoin='round'/><rect x='27' y='28' width='70' height='70' rx='7' fill='var(--foreground)'/></svg>","preview_image":"https://shadcn-hooks.com/opengraph-image-12gd74?99cd16bdc0d98aa2","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":61,"open_issues":2,"last_commit":"2026-09-14T14:43:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-hooks.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-hooks.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-hooks.com/r/registry.json","clone":"git clone https://github.com/Debbl/shadcn-hooks.git","clone_degit":"npx degit Debbl/shadcn-hooks","registry_fetch":"curl -s https://shadcn-hooks.com/r/registry.json"},"component_count":58,"components":[{"name":"is-browser","title":null,"description":"A library that checks if the code is running in a browser.","type":"registry:lib","source_url":"https://shadcn-hooks.com/r/is-browser.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/is-browser.json"},{"name":"create-effect-with-target","title":null,"description":"A hook to create an effect with a target.","type":"registry:lib","source_url":"https://shadcn-hooks.com/r/create-effect-with-target.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/create-effect-with-target.json"},{"name":"create-context","title":null,"description":"Create a context object.","type":"registry:lib","source_url":"https://shadcn-hooks.com/r/create-context.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/create-context.json"},{"name":"use-why-did-you-update","title":null,"description":"A hook to log the props that changed in a component","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-why-did-you-update.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-why-did-you-update.json"},{"name":"use-update-effect","title":null,"description":"A hook to run an effect only when the component updates","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-update-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-update-effect.json"},{"name":"use-update","title":null,"description":"A hook to force a component to re-render","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-update.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-update.json"},{"name":"use-unmount","title":null,"description":"A hook to run a function when the component unmounts","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-unmount.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-unmount.json"},{"name":"use-toggle","title":null,"description":"A hook to toggle a value","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-toggle.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-toggle.json"},{"name":"use-title","title":null,"description":"A hook to reactively manage document.title","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-title.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-title.json"},{"name":"use-timeout","title":null,"description":"A hook that creates a timeout.","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-timeout.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-timeout.json"},{"name":"use-throttle-fn","title":null,"description":"A hook to throttle a function","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-throttle-fn.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-throttle-fn.json"},{"name":"use-throttle-effect","title":null,"description":"A hook to throttle an effect","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-throttle-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-throttle-effect.json"},{"name":"use-throttle","title":null,"description":"A hook to throttle a value","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-throttle.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-throttle.json"},{"name":"use-text-selection","title":null,"description":"A hook to get the text selection and its bounding rect from an element","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-text-selection.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-text-selection.json"},{"name":"use-swr","title":null,"description":"A hook to get the latest value of a variable","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-swr.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-swr.json"},{"name":"use-stick-to-bottom","title":null,"description":"A lightweight React Hook intended mainly for AI chat applications, for smoothly sticking to bottom of messages","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-stick-to-bottom.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-stick-to-bottom.json"},{"name":"use-scroll-lock","title":null,"description":"A hook to lock the scroll of the body","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-scroll-lock.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-scroll-lock.json"},{"name":"use-reset-state","title":null,"description":"A hook to reset a state","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-reset-state.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-reset-state.json"},{"name":"use-query","title":null,"description":"useQuery is a hook that allows you to fetch data from an API and cache the results.","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-query.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-query.json"},{"name":"use-previous","title":null,"description":"A hook to get the previous value of a variable","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-previous.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-previous.json"},{"name":"use-os","title":null,"description":"A hook to detect the current operating system","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-os.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-os.json"},{"name":"use-network","title":null,"description":"A hook to get the network state","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-network.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-network.json"},{"name":"use-mouse","title":null,"description":"A hook to track mouse position with optional touch support","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-mouse.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-mouse.json"},{"name":"use-mount","title":null,"description":"A hook to run a function when the component mounts","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-mount.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-mount.json"},{"name":"use-memoized-fn","title":null,"description":"A hook to declare a memoized function","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-memoized-fn.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-memoized-fn.json"},{"name":"use-mcp","title":null,"description":"A hook to get the latest value of a variable","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-mcp.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-mcp.json"},{"name":"use-lock-fn","title":null,"description":"A hook to lock a function until the previous promise is resolved","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-lock-fn.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-lock-fn.json"},{"name":"use-latest","title":null,"description":"A hook to get the latest value of a variable","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-latest.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-latest.json"},{"name":"use-isomorphic-layout-effect","title":null,"description":"A hook to use layout effect on the client side","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-isomorphic-layout-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-isomorphic-layout-effect.json"},{"name":"use-is-online","title":null,"description":"A hook to check if the user is online","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-is-online.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-is-online.json"},{"name":"use-is-match-media","title":null,"description":"A hook to check if the media query matches","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-is-match-media.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-is-match-media.json"},{"name":"use-is-hydrated","title":null,"description":"A hook to check if the component is hydrated","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-is-hydrated.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-is-hydrated.json"},{"name":"use-interval","title":null,"description":"A hook that creates an interval.","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-interval.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-interval.json"},{"name":"use-in-viewport","title":null,"description":"A hook to check if an element is in the viewport","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-in-viewport.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-in-viewport.json"},{"name":"use-hover","title":null,"description":"A hook to check if the mouse is hovering over an element","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-hover.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-hover.json"},{"name":"use-hash","title":null,"description":"A hook to get current hash","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-hash.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-hash.json"},{"name":"use-fullscreen","title":null,"description":"A hook to manage fullscreen state","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-fullscreen.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-fullscreen.json"},{"name":"use-fps","title":null,"description":"A hook to calculate the FPS","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-fps.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-fps.json"},{"name":"use-event-listener","title":null,"description":"A hook to attach event listeners to DOM elements, the window, or media query lists.","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-event-listener.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-event-listener.json"},{"name":"use-element-size","title":null,"description":"A hook to track an element's width and height","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-element-size.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-element-size.json"},{"name":"use-effect-with-target","title":null,"description":"A hook to create an effect with a target element that re-runs when the target or dependencies change","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-effect-with-target.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-effect-with-target.json"},{"name":"use-effect-event","title":null,"description":"A hook to declare an effect event","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-effect-event.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-effect-event.json"},{"name":"use-document-visibility","title":null,"description":"A hook to track the document visibility state","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-document-visibility.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-document-visibility.json"},{"name":"use-deep-compare-layout-effect","title":null,"description":"A hook to use a deep compare layout effect","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-deep-compare-layout-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-deep-compare-layout-effect.json"},{"name":"use-deep-compare-effect","title":null,"description":"A hook to use a deep compare effect","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-deep-compare-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-deep-compare-effect.json"},{"name":"use-debounce-fn","title":null,"description":"A hook to debounce a function","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-debounce-fn.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-debounce-fn.json"},{"name":"use-debounce-effect","title":null,"description":"A hook to debounce an effect","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-debounce-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-debounce-effect.json"},{"name":"use-debounce","title":null,"description":"A hook to debounce a value","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-debounce.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-debounce.json"},{"name":"use-custom-compare-effect","title":null,"description":"A hook like useEffect but with a custom compare function","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-custom-compare-effect.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-custom-compare-effect.json"},{"name":"use-creation","title":null,"description":"A hook to create a value only once","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-creation.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-creation.json"},{"name":"use-counter","title":null,"description":"A hook that creates a counter.","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-counter.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-counter.json"},{"name":"use-controllable-value","title":null,"description":"A hook to manage a controllable value","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-controllable-value.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-controllable-value.json"},{"name":"use-clipboard","title":null,"description":"A hook to copy text to clipboard","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-clipboard.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-clipboard.json"},{"name":"use-click-away","title":null,"description":"A hook to click away from an element","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-click-away.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-click-away.json"},{"name":"use-click-any-where","title":null,"description":"A hook to click anywhere","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-click-any-where.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-click-any-where.json"},{"name":"use-boolean","title":null,"description":"A hook to toggle a boolean value","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-boolean.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-boolean.json"},{"name":"use-battery","title":null,"description":"A hook to monitor battery information","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-battery.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-battery.json"},{"name":"use-active-element","title":null,"description":"A hook to track the currently focused element in the document","type":"registry:hook","source_url":"https://shadcn-hooks.com/r/use-active-element.json","install_command":"npx shadcn@latest add https://shadcn-hooks.com/r/use-active-element.json"}]},{"id":"shadcnmaps","name":"@shadcnmaps","slug":"shadcnmaps","description":"A registry of 170+ interactive SVG map components for React covering all world countries, continents (Africa, Europe, Asia), US states, and several country-level subdivisions (Brazil, Japan, Australia). Built with pure React SVG and no external mapping libraries. Features include hover tooltips, region click/keyboard selection, zoom/pan controls, custom markers, and full CSS-variable theming with light/dark mode. Installed per map via the shadcn CLI. Free and open-source. Use for: embedding interactive choropleth or region-selection maps in dashboards or data-viz pages without a heavy mapping library dependency.","author":"LGLabGreg","framework":"react","license":null,"tags":["accessibility","dashboard","forms","maps","overlays","theming"],"categories":["Maps"],"labels":["recently-updated"],"urls":{"website":"https://shadcnmaps.com","github":"https://github.com/LGLabGreg/shadcnmaps","registry":"https://shadcnmaps.com/r/registry.json","source":"https://shadcnmaps.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnmaps","markdown":"https://sh4dcn.netlify.app/md/shadcnmaps.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='46.876' height='46.876' viewBox='0 0 12.403 12.403'><path d='M6.201 0A6.21 6.21 0 0 0 0 6.201a6.21 6.21 0 0 0 6.201 6.202A6.21 6.21 0 0 0 12.403 6.2 6.21 6.21 0 0 0 6.2 0m2.977 3.99L7.616 9.573a.62.62 0 0 1-.552.452l-.045.002a.62.62 0 0 1-.567-.368L5.31 7.095 2.743 5.951a.62.62 0 0 1 .086-1.164l5.585-1.562a.62.62 0 0 1 .765.765z'/></svg>","preview_image":"https://www.shadcnmaps.com/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":14,"open_issues":2,"last_commit":"2026-10-25T08:19:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcnmaps.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcnmaps.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcnmaps.com/r/registry.json","clone":"git clone https://github.com/LGLabGreg/shadcnmaps.git","clone_degit":"npx degit LGLabGreg/shadcnmaps","registry_fetch":"curl -s https://shadcnmaps.com/r/registry.json"},"component_count":250,"components":[{"name":"map","title":"Map","description":"Core SVG map renderer with region interaction, tooltips, and markers. Required by all map components.","type":"registry:ui","source_url":"https://shadcnmaps.com/r/map.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/map.json"},{"name":"usa","title":"USA Map","description":"Interactive United States map with all 50 states and DC. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/usa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa.json"},{"name":"africa","title":"Africa","description":"Interactive Africa map with 56 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/africa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/africa.json"},{"name":"alabama","title":"Alabama","description":"Interactive Alabama map with 68 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/alabama.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alabama.json"},{"name":"alaska","title":"Alaska","description":"Interactive Alaska map with 30 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/alaska.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alaska.json"},{"name":"algeria","title":"Algeria","description":"Interactive Algeria map with 49 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/algeria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/algeria.json"},{"name":"angola","title":"Angola","description":"Interactive Angola map with 19 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/angola.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/angola.json"},{"name":"argentina","title":"Argentina","description":"Interactive Argentina map with 25 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/argentina.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/argentina.json"},{"name":"arizona","title":"Arizona","description":"Interactive Arizona map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/arizona.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arizona.json"},{"name":"arkansas","title":"Arkansas","description":"Interactive Arkansas map with 76 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/arkansas.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arkansas.json"},{"name":"asia","title":"Asia","description":"Interactive Asia map with 54 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/asia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/asia.json"},{"name":"australia","title":"Australia","description":"Interactive Australia map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/australia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/australia.json"},{"name":"austria","title":"Austria","description":"Interactive Austria map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/austria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/austria.json"},{"name":"azerbaijan","title":"Azerbaijan","description":"Interactive Azerbaijan map with 79 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/azerbaijan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/azerbaijan.json"},{"name":"france","title":"France Map","description":"Interactive France map with 13 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/france.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/france.json"},{"name":"world","title":"World Map","description":"Interactive World map with 256 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/world.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/world.json"},{"name":"bahrain","title":"Bahrain","description":"Interactive Bahrain map with 5 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/bahrain.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bahrain.json"},{"name":"bangladesh","title":"Bangladesh","description":"Interactive Bangladesh map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/bangladesh.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bangladesh.json"},{"name":"belarus","title":"Belarus","description":"Interactive Belarus map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/belarus.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belarus.json"},{"name":"belgium","title":"Belgium","description":"Interactive Belgium map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/belgium.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belgium.json"},{"name":"bolivia","title":"Bolivia","description":"Interactive Bolivia map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/bolivia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bolivia.json"},{"name":"brazil","title":"Brazil","description":"Interactive Brazil map with 27 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/brazil.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/brazil.json"},{"name":"bulgaria","title":"Bulgaria","description":"Interactive Bulgaria map with 28 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/bulgaria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bulgaria.json"},{"name":"california","title":"California","description":"Interactive California map with 58 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/california.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/california.json"},{"name":"colorado","title":"Colorado","description":"Interactive Colorado map with 64 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/colorado.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colorado.json"},{"name":"cameroon","title":"Cameroon","description":"Interactive Cameroon map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/cameroon.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cameroon.json"},{"name":"central-america","title":"Central America","description":"Interactive Central America map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/central-america.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/central-america.json"},{"name":"canada","title":"Canada","description":"Interactive Canada map with 13 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/canada.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/canada.json"},{"name":"caribbean","title":"Caribbean","description":"Interactive Caribbean map with 35 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/caribbean.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/caribbean.json"},{"name":"china","title":"China","description":"Interactive China map with 32 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/china.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/china.json"},{"name":"colombia","title":"Colombia","description":"Interactive Colombia map with 33 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/colombia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colombia.json"},{"name":"connecticut","title":"Connecticut","description":"Interactive Connecticut map with 8 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/connecticut.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/connecticut.json"},{"name":"costa-rica","title":"Costa Rica","description":"Interactive Costa Rica map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/costa-rica.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/costa-rica.json"},{"name":"cote-ivoire","title":"Côte d'Ivoire","description":"Interactive Côte d'Ivoire map with 19 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/cote-ivoire.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cote-ivoire.json"},{"name":"croatia","title":"Croatia","description":"Interactive Croatia map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/croatia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/croatia.json"},{"name":"cuba","title":"Cuba","description":"Interactive Cuba map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/cuba.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cuba.json"},{"name":"czech-republic","title":"Czech Republic","description":"Interactive Czech Republic map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/czech-republic.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/czech-republic.json"},{"name":"democratic-republic-congo","title":"Democratic Republic of the Congo","description":"Interactive Democratic Republic of the Congo map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/democratic-republic-congo.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/democratic-republic-congo.json"},{"name":"denmark","title":"Denmark","description":"Interactive Denmark map with 98 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/denmark.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/denmark.json"},{"name":"dominican-republic","title":"Dominican Republic","description":"Interactive Dominican Republic map with 32 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/dominican-republic.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/dominican-republic.json"},{"name":"ecuador","title":"Ecuador","description":"Interactive Ecuador map with 24 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/ecuador.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ecuador.json"},{"name":"egypt","title":"Egypt","description":"Interactive Egypt map with 27 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/egypt.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/egypt.json"},{"name":"el-salvador","title":"El Salvador","description":"Interactive El Salvador map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/el-salvador.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/el-salvador.json"},{"name":"estonia","title":"Estonia","description":"Interactive Estonia map with 15 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/estonia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/estonia.json"},{"name":"ethiopia","title":"Ethiopia","description":"Interactive Ethiopia map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/ethiopia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ethiopia.json"},{"name":"finland","title":"Finland","description":"Interactive Finland map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/finland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/finland.json"},{"name":"germany","title":"Germany","description":"Interactive Germany map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/germany.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/germany.json"},{"name":"ghana","title":"Ghana","description":"Interactive Ghana map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/ghana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ghana.json"},{"name":"greece","title":"Greece","description":"Interactive Greece map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/greece.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/greece.json"},{"name":"guatemala","title":"Guatemala","description":"Interactive Guatemala map with 22 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/guatemala.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/guatemala.json"},{"name":"honduras","title":"Honduras","description":"Interactive Honduras map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/honduras.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/honduras.json"},{"name":"hungary","title":"Hungary","description":"Interactive Hungary map with 43 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/hungary.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/hungary.json"},{"name":"india","title":"India","description":"Interactive India map with 36 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/india.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/india.json"},{"name":"indonesia","title":"Indonesia","description":"Interactive Indonesia map with 33 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/indonesia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/indonesia.json"},{"name":"iran","title":"Iran","description":"Interactive Iran map with 31 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/iran.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iran.json"},{"name":"iraq","title":"Iraq","description":"Interactive Iraq map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/iraq.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iraq.json"},{"name":"ireland","title":"Ireland","description":"Interactive Ireland map with 34 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/ireland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ireland.json"},{"name":"israel","title":"Israel","description":"Interactive Israel map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/israel.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/israel.json"},{"name":"italy","title":"Italy","description":"Interactive Italy map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/italy.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/italy.json"},{"name":"japan","title":"Japan","description":"Interactive Japan map with 47 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/japan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/japan.json"},{"name":"jordan","title":"Jordan","description":"Interactive Jordan map with 12 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/jordan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/jordan.json"},{"name":"kazakhstan","title":"Kazakhstan","description":"Interactive Kazakhstan map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/kazakhstan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kazakhstan.json"},{"name":"kenya","title":"Kenya","description":"Interactive Kenya map with 8 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/kenya.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kenya.json"},{"name":"kuwait","title":"Kuwait","description":"Interactive Kuwait map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/kuwait.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kuwait.json"},{"name":"latvia","title":"Latvia","description":"Interactive Latvia map with 119 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/latvia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/latvia.json"},{"name":"lebanon","title":"Lebanon","description":"Interactive Lebanon map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/lebanon.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lebanon.json"},{"name":"libya","title":"Libya","description":"Interactive Libya map with 22 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/libya.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/libya.json"},{"name":"lithuania","title":"Lithuania","description":"Interactive Lithuania map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/lithuania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lithuania.json"},{"name":"luxembourg","title":"Luxembourg","description":"Interactive Luxembourg map with 3 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/luxembourg.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/luxembourg.json"},{"name":"macau","title":"Macau","description":"Interactive Macau map with 8 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/macau.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/macau.json"},{"name":"malaysia","title":"Malaysia","description":"Interactive Malaysia map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/malaysia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/malaysia.json"},{"name":"mexico","title":"Mexico","description":"Interactive Mexico map with 32 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/mexico.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/mexico.json"},{"name":"monaco","title":"Monaco","description":"Interactive Monaco map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/monaco.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/monaco.json"},{"name":"morocco","title":"Morocco","description":"Interactive Morocco map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/morocco.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/morocco.json"},{"name":"myanmar","title":"Myanmar","description":"Interactive Myanmar map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/myanmar.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/myanmar.json"},{"name":"nepal","title":"Nepal","description":"Interactive Nepal map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/nepal.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nepal.json"},{"name":"netherlands","title":"Netherlands","description":"Interactive Netherlands map with 12 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/netherlands.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/netherlands.json"},{"name":"new-zealand","title":"New Zealand","description":"Interactive New Zealand map with 19 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/new-zealand.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-zealand.json"},{"name":"nigeria","title":"Nigeria","description":"Interactive Nigeria map with 37 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/nigeria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nigeria.json"},{"name":"nicaragua","title":"Nicaragua","description":"Interactive Nicaragua map with 17 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/nicaragua.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nicaragua.json"},{"name":"norway","title":"Norway","description":"Interactive Norway map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/norway.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/norway.json"},{"name":"oman","title":"Oman","description":"Interactive Oman map with 11 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/oman.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/oman.json"},{"name":"pakistan","title":"Pakistan","description":"Interactive Pakistan map with 8 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/pakistan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/pakistan.json"},{"name":"panama","title":"Panama","description":"Interactive Panama map with 12 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/panama.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/panama.json"},{"name":"paraguay","title":"Paraguay","description":"Interactive Paraguay map with 18 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/paraguay.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/paraguay.json"},{"name":"peru","title":"Peru","description":"Interactive Peru map with 26 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/peru.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/peru.json"},{"name":"philippines","title":"Philippines","description":"Interactive Philippines map with 119 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/philippines.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/philippines.json"},{"name":"poland","title":"Poland","description":"Interactive Poland map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/poland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/poland.json"},{"name":"portugal","title":"Portugal","description":"Interactive Portugal map with 20 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/portugal.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/portugal.json"},{"name":"puerto-rico","title":"Puerto Rico","description":"Interactive Puerto Rico map with 78 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/puerto-rico.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/puerto-rico.json"},{"name":"qatar","title":"Qatar","description":"Interactive Qatar map with 7 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/qatar.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/qatar.json"},{"name":"romania","title":"Romania","description":"Interactive Romania map with 42 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/romania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/romania.json"},{"name":"russia","title":"Russia","description":"Interactive Russia map with 85 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/russia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/russia.json"},{"name":"saudi-arabia","title":"Saudi Arabia","description":"Interactive Saudi Arabia map with 13 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/saudi-arabia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/saudi-arabia.json"},{"name":"serbia","title":"Serbia","description":"Interactive Serbia map with 25 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/serbia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/serbia.json"},{"name":"singapore","title":"Singapore","description":"Interactive Singapore map with 5 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/singapore.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/singapore.json"},{"name":"slovakia","title":"Slovakia","description":"Interactive Slovakia map with 8 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/slovakia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/slovakia.json"},{"name":"slovenia","title":"Slovenia","description":"Interactive Slovenia map with 193 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/slovenia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/slovenia.json"},{"name":"south-africa","title":"South Africa","description":"Interactive South Africa map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/south-africa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-africa.json"},{"name":"south-korea","title":"South Korea","description":"Interactive South Korea map with 17 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/south-korea.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-korea.json"},{"name":"spain","title":"Spain","description":"Interactive Spain map with 17 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/spain.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/spain.json"},{"name":"sri-lanka","title":"Sri Lanka","description":"Interactive Sri Lanka map with 25 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/sri-lanka.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/sri-lanka.json"},{"name":"sudan","title":"Sudan","description":"Interactive Sudan map with 17 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/sudan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/sudan.json"},{"name":"sweden","title":"Sweden","description":"Interactive Sweden map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/sweden.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/sweden.json"},{"name":"switzerland","title":"Switzerland","description":"Interactive Switzerland map with 26 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/switzerland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/switzerland.json"},{"name":"syria","title":"Syria","description":"Interactive Syria map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/syria.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/syria.json"},{"name":"taiwan","title":"Taiwan","description":"Interactive Taiwan map with 22 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/taiwan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/taiwan.json"},{"name":"tanzania","title":"Tanzania","description":"Interactive Tanzania map with 30 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/tanzania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/tanzania.json"},{"name":"thailand","title":"Thailand","description":"Interactive Thailand map with 77 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/thailand.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/thailand.json"},{"name":"trinidad-and-tobago","title":"Trinidad and Tobago","description":"Interactive Trinidad and Tobago map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/trinidad-and-tobago.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/trinidad-and-tobago.json"},{"name":"tunisia","title":"Tunisia","description":"Interactive Tunisia map with 23 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/tunisia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/tunisia.json"},{"name":"turkey","title":"Turkey","description":"Interactive Turkey map with 81 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/turkey.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/turkey.json"},{"name":"turkmenistan","title":"Turkmenistan","description":"Interactive Turkmenistan map with 5 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/turkmenistan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/turkmenistan.json"},{"name":"uae","title":"United Arab Emirates","description":"Interactive United Arab Emirates map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/uae.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uae.json"},{"name":"uganda","title":"Uganda","description":"Interactive Uganda map with 112 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/uganda.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uganda.json"},{"name":"uk","title":"United Kingdom","description":"Interactive United Kingdom map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/uk.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uk.json"},{"name":"ukraine","title":"Ukraine","description":"Interactive Ukraine map with 27 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/ukraine.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ukraine.json"},{"name":"uruguay","title":"Uruguay","description":"Interactive Uruguay map with 19 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/uruguay.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uruguay.json"},{"name":"uzbekistan","title":"Uzbekistan","description":"Interactive Uzbekistan map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/uzbekistan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/uzbekistan.json"},{"name":"venezuela","title":"Venezuela","description":"Interactive Venezuela map with 25 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/venezuela.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/venezuela.json"},{"name":"vietnam","title":"Vietnam","description":"Interactive Vietnam map with 63 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/vietnam.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/vietnam.json"},{"name":"yemen","title":"Yemen","description":"Interactive Yemen map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/yemen.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/yemen.json"},{"name":"zambia","title":"Zambia","description":"Interactive Zambia map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/zambia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/zambia.json"},{"name":"zimbabwe","title":"Zimbabwe","description":"Interactive Zimbabwe map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/zimbabwe.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/zimbabwe.json"},{"name":"continents","title":"Continents","description":"Interactive Continents map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/continents.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/continents.json"},{"name":"europe","title":"Europe","description":"Interactive Europe map with 62 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/europe.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/europe.json"},{"name":"european-union","title":"European Union","description":"Interactive European Union map with 28 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/european-union.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/european-union.json"},{"name":"middle-east","title":"Middle East","description":"Interactive Middle East map with 17 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/middle-east.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/middle-east.json"},{"name":"north-africa","title":"North Africa","description":"Interactive North Africa map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/north-africa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-africa.json"},{"name":"north-america","title":"North America","description":"Interactive North America map with 29 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/north-america.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-america.json"},{"name":"south-america","title":"South America","description":"Interactive South America map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/south-america.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-america.json"},{"name":"world-jammu-kashmir","title":"World (Jammu & Kashmir)","description":"Interactive World (Jammu & Kashmir) map with 257 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/world-jammu-kashmir.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/world-jammu-kashmir.json"},{"name":"delaware","title":"Delaware","description":"Interactive Delaware map with 3 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/delaware.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/delaware.json"},{"name":"florida","title":"Florida","description":"Interactive Florida map with 67 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/florida.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/florida.json"},{"name":"georgia","title":"Georgia","description":"Interactive Georgia map with 159 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/georgia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/georgia.json"},{"name":"hawaii","title":"Hawaii","description":"Interactive Hawaii map with 5 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/hawaii.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/hawaii.json"},{"name":"idaho","title":"Idaho","description":"Interactive Idaho map with 44 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/idaho.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/idaho.json"},{"name":"illinois","title":"Illinois","description":"Interactive Illinois map with 102 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/illinois.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/illinois.json"},{"name":"indiana","title":"Indiana","description":"Interactive Indiana map with 92 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/indiana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/indiana.json"},{"name":"iowa","title":"Iowa","description":"Interactive Iowa map with 99 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/iowa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iowa.json"},{"name":"kansas","title":"Kansas","description":"Interactive Kansas map with 105 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/kansas.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kansas.json"},{"name":"kentucky","title":"Kentucky","description":"Interactive Kentucky map with 120 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/kentucky.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kentucky.json"},{"name":"louisiana","title":"Louisiana","description":"Interactive Louisiana map with 64 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/louisiana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/louisiana.json"},{"name":"maine","title":"Maine","description":"Interactive Maine map with 16 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/maine.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/maine.json"},{"name":"maryland","title":"Maryland","description":"Interactive Maryland map with 24 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/maryland.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/maryland.json"},{"name":"massachusetts","title":"Massachusetts","description":"Interactive Massachusetts map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/massachusetts.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/massachusetts.json"},{"name":"michigan","title":"Michigan","description":"Interactive Michigan map with 83 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/michigan.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/michigan.json"},{"name":"minnesota","title":"Minnesota","description":"Interactive Minnesota map with 87 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/minnesota.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/minnesota.json"},{"name":"mississippi","title":"Mississippi","description":"Interactive Mississippi map with 82 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/mississippi.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/mississippi.json"},{"name":"missouri","title":"Missouri","description":"Interactive Missouri map with 115 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/missouri.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/missouri.json"},{"name":"montana","title":"Montana","description":"Interactive Montana map with 56 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/montana.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/montana.json"},{"name":"nebraska","title":"Nebraska","description":"Interactive Nebraska map with 93 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/nebraska.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nebraska.json"},{"name":"nevada","title":"Nevada","description":"Interactive Nevada map with 17 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/nevada.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/nevada.json"},{"name":"new-hampshire","title":"New Hampshire","description":"Interactive New Hampshire map with 10 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/new-hampshire.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-hampshire.json"},{"name":"new-jersey","title":"New Jersey","description":"Interactive New Jersey map with 21 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/new-jersey.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-jersey.json"},{"name":"new-mexico","title":"New Mexico","description":"Interactive New Mexico map with 33 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/new-mexico.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-mexico.json"},{"name":"new-york","title":"New York","description":"Interactive New York map with 62 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/new-york.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-york.json"},{"name":"north-carolina","title":"North Carolina","description":"Interactive North Carolina map with 100 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/north-carolina.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-carolina.json"},{"name":"north-dakota","title":"North Dakota","description":"Interactive North Dakota map with 53 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/north-dakota.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/north-dakota.json"},{"name":"ohio","title":"Ohio","description":"Interactive Ohio map with 88 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/ohio.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ohio.json"},{"name":"oklahoma","title":"Oklahoma","description":"Interactive Oklahoma map with 77 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/oklahoma.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/oklahoma.json"},{"name":"oregon","title":"Oregon","description":"Interactive Oregon map with 36 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/oregon.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/oregon.json"},{"name":"pennsylvania","title":"Pennsylvania","description":"Interactive Pennsylvania map with 67 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/pennsylvania.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/pennsylvania.json"},{"name":"rhode-island","title":"Rhode Island","description":"Interactive Rhode Island map with 5 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/rhode-island.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/rhode-island.json"},{"name":"south-carolina","title":"South Carolina","description":"Interactive South Carolina map with 46 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/south-carolina.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-carolina.json"},{"name":"south-dakota","title":"South Dakota","description":"Interactive South Dakota map with 66 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/south-dakota.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/south-dakota.json"},{"name":"tennessee","title":"Tennessee","description":"Interactive Tennessee map with 95 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/tennessee.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/tennessee.json"},{"name":"texas","title":"Texas","description":"Interactive Texas map with 254 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/texas.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/texas.json"},{"name":"utah","title":"Utah","description":"Interactive Utah map with 29 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/utah.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/utah.json"},{"name":"vermont","title":"Vermont","description":"Interactive Vermont map with 14 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/vermont.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/vermont.json"},{"name":"virginia","title":"Virginia","description":"Interactive Virginia map with 134 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/virginia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/virginia.json"},{"name":"washington","title":"Washington","description":"Interactive Washington map with 39 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/washington.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/washington.json"},{"name":"west-virginia","title":"West Virginia","description":"Interactive West Virginia map with 55 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/west-virginia.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/west-virginia.json"},{"name":"wisconsin","title":"Wisconsin","description":"Interactive Wisconsin map with 72 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/wisconsin.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/wisconsin.json"},{"name":"wyoming","title":"Wyoming","description":"Interactive Wyoming map with 23 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/wyoming.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/wyoming.json"},{"name":"france-departements","title":"France Départements","description":"Interactive France Départements map with 101 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/france-departements.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/france-departements.json"},{"name":"london-boroughs","title":"London Boroughs","description":"Interactive London Boroughs map with 33 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/london-boroughs.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/london-boroughs.json"},{"name":"new-york-city-boroughs","title":"New York City Boroughs","description":"Interactive New York City Boroughs map with 6 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/new-york-city-boroughs.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/new-york-city-boroughs.json"},{"name":"northeast-usa","title":"Northeast USA","description":"Interactive Northeast USA map with 9 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/northeast-usa.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/northeast-usa.json"},{"name":"palestine-israel","title":"Palestine & Israel","description":"Interactive Palestine & Israel map with 23 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/palestine-israel.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/palestine-israel.json"},{"name":"usa-canada","title":"USA & Canada","description":"Interactive USA & Canada map with 63 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/usa-canada.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa-canada.json"},{"name":"usa-territories","title":"USA Territories","description":"Interactive USA Territories map with 60 regions. Supports click, hover, selection, tooltips, and custom markers.","type":"registry:component","source_url":"https://shadcnmaps.com/r/usa-territories.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa-territories.json"},{"name":"usa-data","title":"USA Map Data","description":"SVG path data for all 50 US states and DC.","type":"registry:file","source_url":"https://shadcnmaps.com/r/usa-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/usa-data.json"},{"name":"africa-data","title":"Africa Data","description":"SVG path data for Africa with 56 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/africa-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/africa-data.json"},{"name":"alabama-data","title":"Alabama Data","description":"SVG path data for Alabama with 68 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/alabama-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alabama-data.json"},{"name":"alaska-data","title":"Alaska Data","description":"SVG path data for Alaska with 30 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/alaska-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/alaska-data.json"},{"name":"algeria-data","title":"Algeria Data","description":"SVG path data for Algeria with 49 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/algeria-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/algeria-data.json"},{"name":"angola-data","title":"Angola Data","description":"SVG path data for Angola with 19 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/angola-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/angola-data.json"},{"name":"argentina-data","title":"Argentina Data","description":"SVG path data for Argentina with 25 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/argentina-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/argentina-data.json"},{"name":"arizona-data","title":"Arizona Data","description":"SVG path data for Arizona with 16 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/arizona-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arizona-data.json"},{"name":"arkansas-data","title":"Arkansas Data","description":"SVG path data for Arkansas with 76 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/arkansas-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/arkansas-data.json"},{"name":"asia-data","title":"Asia Data","description":"SVG path data for Asia with 54 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/asia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/asia-data.json"},{"name":"australia-data","title":"Australia Data","description":"SVG path data for Australia with 9 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/australia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/australia-data.json"},{"name":"austria-data","title":"Austria Data","description":"SVG path data for Austria with 10 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/austria-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/austria-data.json"},{"name":"azerbaijan-data","title":"Azerbaijan Data","description":"SVG path data for Azerbaijan with 79 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/azerbaijan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/azerbaijan-data.json"},{"name":"france-data","title":"France Map Data","description":"SVG path data for France with 13 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/france-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/france-data.json"},{"name":"world-data","title":"World Map Data","description":"SVG path data for World with 256 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/world-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/world-data.json"},{"name":"bahrain-data","title":"Bahrain Data","description":"SVG path data for Bahrain with 5 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/bahrain-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bahrain-data.json"},{"name":"bangladesh-data","title":"Bangladesh Data","description":"SVG path data for Bangladesh with 7 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/bangladesh-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bangladesh-data.json"},{"name":"belarus-data","title":"Belarus Data","description":"SVG path data for Belarus with 7 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/belarus-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belarus-data.json"},{"name":"belgium-data","title":"Belgium Data","description":"SVG path data for Belgium with 11 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/belgium-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/belgium-data.json"},{"name":"bolivia-data","title":"Bolivia Data","description":"SVG path data for Bolivia with 9 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/bolivia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bolivia-data.json"},{"name":"brazil-data","title":"Brazil Data","description":"SVG path data for Brazil with 27 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/brazil-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/brazil-data.json"},{"name":"bulgaria-data","title":"Bulgaria Data","description":"SVG path data for Bulgaria with 28 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/bulgaria-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/bulgaria-data.json"},{"name":"california-data","title":"California Data","description":"SVG path data for California with 58 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/california-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/california-data.json"},{"name":"colorado-data","title":"Colorado Data","description":"SVG path data for Colorado with 64 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/colorado-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colorado-data.json"},{"name":"cameroon-data","title":"Cameroon Data","description":"SVG path data for Cameroon with 10 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/cameroon-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cameroon-data.json"},{"name":"central-america-data","title":"Central America Data","description":"SVG path data for Central America with 7 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/central-america-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/central-america-data.json"},{"name":"canada-data","title":"Canada Data","description":"SVG path data for Canada with 13 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/canada-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/canada-data.json"},{"name":"caribbean-data","title":"Caribbean Data","description":"SVG path data for Caribbean with 35 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/caribbean-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/caribbean-data.json"},{"name":"china-data","title":"China Data","description":"SVG path data for China with 32 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/china-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/china-data.json"},{"name":"colombia-data","title":"Colombia Data","description":"SVG path data for Colombia with 33 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/colombia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/colombia-data.json"},{"name":"connecticut-data","title":"Connecticut Data","description":"SVG path data for Connecticut with 8 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/connecticut-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/connecticut-data.json"},{"name":"costa-rica-data","title":"Costa Rica Data","description":"SVG path data for Costa Rica with 7 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/costa-rica-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/costa-rica-data.json"},{"name":"cote-ivoire-data","title":"Côte d'Ivoire Data","description":"SVG path data for Côte d'Ivoire with 19 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/cote-ivoire-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cote-ivoire-data.json"},{"name":"croatia-data","title":"Croatia Data","description":"SVG path data for Croatia with 21 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/croatia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/croatia-data.json"},{"name":"cuba-data","title":"Cuba Data","description":"SVG path data for Cuba with 16 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/cuba-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/cuba-data.json"},{"name":"czech-republic-data","title":"Czech Republic Data","description":"SVG path data for Czech Republic with 14 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/czech-republic-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/czech-republic-data.json"},{"name":"democratic-republic-congo-data","title":"Democratic Republic of the Congo Data","description":"SVG path data for Democratic Republic of the Congo with 11 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/democratic-republic-congo-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/democratic-republic-congo-data.json"},{"name":"denmark-data","title":"Denmark Data","description":"SVG path data for Denmark with 98 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/denmark-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/denmark-data.json"},{"name":"dominican-republic-data","title":"Dominican Republic Data","description":"SVG path data for Dominican Republic with 32 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/dominican-republic-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/dominican-republic-data.json"},{"name":"ecuador-data","title":"Ecuador Data","description":"SVG path data for Ecuador with 24 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/ecuador-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ecuador-data.json"},{"name":"egypt-data","title":"Egypt Data","description":"SVG path data for Egypt with 27 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/egypt-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/egypt-data.json"},{"name":"el-salvador-data","title":"El Salvador Data","description":"SVG path data for El Salvador with 14 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/el-salvador-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/el-salvador-data.json"},{"name":"estonia-data","title":"Estonia Data","description":"SVG path data for Estonia with 15 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/estonia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/estonia-data.json"},{"name":"ethiopia-data","title":"Ethiopia Data","description":"SVG path data for Ethiopia with 11 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/ethiopia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ethiopia-data.json"},{"name":"finland-data","title":"Finland Data","description":"SVG path data for Finland with 18 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/finland-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/finland-data.json"},{"name":"germany-data","title":"Germany Data","description":"SVG path data for Germany with 16 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/germany-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/germany-data.json"},{"name":"ghana-data","title":"Ghana Data","description":"SVG path data for Ghana with 10 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/ghana-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ghana-data.json"},{"name":"greece-data","title":"Greece Data","description":"SVG path data for Greece with 14 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/greece-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/greece-data.json"},{"name":"guatemala-data","title":"Guatemala Data","description":"SVG path data for Guatemala with 22 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/guatemala-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/guatemala-data.json"},{"name":"honduras-data","title":"Honduras Data","description":"SVG path data for Honduras with 18 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/honduras-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/honduras-data.json"},{"name":"hungary-data","title":"Hungary Data","description":"SVG path data for Hungary with 43 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/hungary-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/hungary-data.json"},{"name":"india-data","title":"India Data","description":"SVG path data for India with 36 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/india-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/india-data.json"},{"name":"indonesia-data","title":"Indonesia Data","description":"SVG path data for Indonesia with 33 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/indonesia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/indonesia-data.json"},{"name":"iran-data","title":"Iran Data","description":"SVG path data for Iran with 31 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/iran-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iran-data.json"},{"name":"iraq-data","title":"Iraq Data","description":"SVG path data for Iraq with 18 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/iraq-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/iraq-data.json"},{"name":"ireland-data","title":"Ireland Data","description":"SVG path data for Ireland with 34 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/ireland-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/ireland-data.json"},{"name":"israel-data","title":"Israel Data","description":"SVG path data for Israel with 6 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/israel-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/israel-data.json"},{"name":"italy-data","title":"Italy Data","description":"SVG path data for Italy with 21 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/italy-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/italy-data.json"},{"name":"japan-data","title":"Japan Data","description":"SVG path data for Japan with 47 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/japan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/japan-data.json"},{"name":"jordan-data","title":"Jordan Data","description":"SVG path data for Jordan with 12 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/jordan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/jordan-data.json"},{"name":"kazakhstan-data","title":"Kazakhstan Data","description":"SVG path data for Kazakhstan with 16 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/kazakhstan-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kazakhstan-data.json"},{"name":"kenya-data","title":"Kenya Data","description":"SVG path data for Kenya with 8 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/kenya-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kenya-data.json"},{"name":"kuwait-data","title":"Kuwait Data","description":"SVG path data for Kuwait with 6 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/kuwait-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/kuwait-data.json"},{"name":"latvia-data","title":"Latvia Data","description":"SVG path data for Latvia with 119 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/latvia-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/latvia-data.json"},{"name":"lebanon-data","title":"Lebanon Data","description":"SVG path data for Lebanon with 6 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/lebanon-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lebanon-data.json"},{"name":"libya-data","title":"Libya Data","description":"SVG path data for Libya with 22 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/libya-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/libya-data.json"},{"name":"lithuania-data","title":"Lithuania Data","description":"SVG path data for Lithuania with 10 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/lithuania-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/lithuania-data.json"},{"name":"luxembourg-data","title":"Luxembourg Data","description":"SVG path data for Luxembourg with 3 regions.","type":"registry:file","source_url":"https://shadcnmaps.com/r/luxembourg-data.json","install_command":"npx shadcn@latest add https://shadcnmaps.com/r/luxembourg-data.json"}]},{"id":"shadcnstore","name":"@shadcnstore","slug":"shadcnstore","description":"A growing shadcn/ui block and template marketplace covering marketing blocks (Hero 6, Feature 10, Testimonial 9, FAQ 4, Pricing 6, Team 9, Footer 7, CTA 10, Stats 8, Bento Grid 4, Contact 6), e-commerce blocks (Storefront Hero, Product Overview, Cart, Checkout, Reviews, Order History), and application UI blocks. Built with React, Tailwind CSS, and Tailwind v3/v4 themes, with a Figma kit also available. Freemium model with a premium tier for full access. Use for: pulling ready-made marketing or e-commerce page sections into a Next.js project in a single category-browsable registry.","author":"silicondeck","framework":"react","license":"MIT","tags":["animation","auth","blocks","buttons","cards","charts","e-commerce","forms","marketing","media","navigation","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["popular","pro","recently-updated"],"urls":{"website":"https://www.shadcnstore.com","github":"https://github.com/silicondeck/shadcn-dashboard-landing-template","registry":"https://shadcnstore.com/r/registry.json","source":"https://shadcnstore.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnstore","markdown":"https://sh4dcn.netlify.app/md/shadcnstore.md"},"logo":"<svg class='text-primary' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32' height='32' width='32'><path d='M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z' fill='currentColor'></path><path d='M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z' fill='currentColor'></path><path d='M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z' fill='currentColor'></path><path d='M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z' fill='currentColor'></path><path d='M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z' fill='currentColor'></path><path d='M21.1694 10.5806L14.5651 17.1849' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'></path><path d='M22.1694 14.5806L18.5632 18.1868' stroke='currentColor' stroke-width='1.5' stroke-linecap='round'></path><circle cx='13.1' cy='26.1' r='1.7' stroke='currentColor' stroke-width='1.2'></circle><circle cx='22.1' cy='26.1' r='1.7' stroke='currentColor' stroke-width='1.2'></circle></svg>","preview_image":"https://assets.shadcnstore.com/shadcnstore.com/brand/og-image.2400w.19d03d.png","pro":{"has_pro":true,"pro_url":"https://shadcnstore.com/pricing","pricing_url":"https://shadcnstore.com/pricing"},"metrics":{"github_stars":1218,"open_issues":0,"last_commit":"2026-10-24T16:22:35Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcnstore.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcnstore.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcnstore.com/r/registry.json","clone":"git clone https://github.com/silicondeck/shadcn-dashboard-landing-template.git","clone_degit":"npx degit silicondeck/shadcn-dashboard-landing-template","registry_fetch":"curl -s https://shadcnstore.com/r/registry.json"},"component_count":250,"components":[{"name":"motion-avatar-group","title":"Avatar group","description":"Overlapping avatar stack whose neighbours lift with a distance falloff on hover.","type":"registry:ui","source_url":"https://shadcnstore.com/r/motion-avatar-group.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/motion-avatar-group.json"},{"name":"motion-checkbox-check","title":"Animated checkbox","description":"Checkbox whose tick draws on with a stroke path instead of appearing instantly.","type":"registry:ui","source_url":"https://shadcnstore.com/r/motion-checkbox-check.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/motion-checkbox-check.json"},{"name":"motion-confetti","title":"Confetti burst","description":"Canvas confetti fired once when something succeeds, with no animation library.","type":"registry:ui","source_url":"https://shadcnstore.com/r/motion-confetti.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/motion-confetti.json"},{"name":"motion-sliding-tabs","title":"Sliding tabs","description":"Segmented tabs whose pill indicator slides to follow the active tab.","type":"registry:ui","source_url":"https://shadcnstore.com/r/motion-sliding-tabs.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/motion-sliding-tabs.json"},{"name":"motion-spinning-number","title":"Spinning number","description":"A price or count whose digits spin on a reel when the value changes.","type":"registry:ui","source_url":"https://shadcnstore.com/r/motion-spinning-number.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/motion-spinning-number.json"},{"name":"app-shell-1","title":"App Shell 1","description":"Responsive sidebar, breadcrumb header, workspace navigation, and calm application content frame","type":"registry:block","source_url":"https://shadcnstore.com/r/app-shell-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-1.json"},{"name":"app-shell-2","title":"App Shell 2","description":"Collapsible icon rail with persistent state, accessible tooltips, mobile sheet, and reflowing content","type":"registry:block","source_url":"https://shadcnstore.com/r/app-shell-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-2.json"},{"name":"app-shell-3","title":"App Shell 3","description":"Two-level top navigation with workspace context, scrollable sub-navigation, and centered content","type":"registry:block","source_url":"https://shadcnstore.com/r/app-shell-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-3.json"},{"name":"app-shell-4","title":"App Shell 4","description":"Multi-tenant workspace shell with switcher, persisted nested navigation, breadcrumb context, and command seam","type":"registry:block","source_url":"https://shadcnstore.com/r/app-shell-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-4.json"},{"name":"app-shell-5","title":"App Shell 5","description":"Resizable list, detail, and inspector panes with keyboard selection and a designed mobile stack","type":"registry:block","source_url":"https://shadcnstore.com/r/app-shell-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-shell-5.json"},{"name":"app-1","title":"App 1 - Dashboard","description":"Simple dashboard layout with sidebar navigation and stats","type":"registry:block","source_url":"https://shadcnstore.com/r/app-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-1.json"},{"name":"app-2","title":"App 2 - Task Board","description":"Kanban-style task board with drag-and-drop functionality","type":"registry:block","source_url":"https://shadcnstore.com/r/app-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-2.json"},{"name":"app-3","title":"App 3 - Messages","description":"Conversation list, grouped message thread, disciplined autoscroll, typing state, and responsive composer","type":"registry:block","source_url":"https://shadcnstore.com/r/app-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-3.json"},{"name":"app-4","title":"App 4 - File Manager","description":"Grid and list file manager with shared selection, bulk actions, search, and preview sheet","type":"registry:block","source_url":"https://shadcnstore.com/r/app-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-4.json"},{"name":"app-5","title":"App 5 - Issue Tracker","description":"Grouped keyboard-first issue list with inline status editing, selection, and detail sheet","type":"registry:block","source_url":"https://shadcnstore.com/r/app-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-5.json"},{"name":"app-6","title":"App 6 - Settings","description":"A settings suite with account, notification-matrix and team panels that keep unsaved work across tabs","type":"registry:block","source_url":"https://shadcnstore.com/r/app-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-6.json"},{"name":"app-7","title":"App 7 - Patient Intake","description":"A persisted, branching patient-intake wizard with repeatable medication and allergy records","type":"registry:block","source_url":"https://shadcnstore.com/r/app-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-7.json"},{"name":"app-8","title":"App 8 - Team Invites","description":"A care-team invitation flow with paste-many email chips and permission previews","type":"registry:block","source_url":"https://shadcnstore.com/r/app-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-8.json"},{"name":"app-9","title":"App 9 - Billing Statement","description":"A print-ready medical statement with encounter lines, payer adjustments and a superbill variant","type":"registry:block","source_url":"https://shadcnstore.com/r/app-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/app-9.json"},{"name":"calendar-8","title":"Calendar 8","description":"A plain month grid with a selected-day list — no shell, no filters, no dialogs","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-8.json"},{"name":"calendar-1","title":"Calendar 1","description":"A month calendar application with a sidebar, filterable calendars and a day detail sheet","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-1.json"},{"name":"calendar-2","title":"Calendar 2","description":"A week time grid with positioned events and a mobile agenda fallback","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-2.json"},{"name":"calendar-3","title":"Calendar 3","description":"A studio class booking flow with timezone-aware slots, waitlist and a directional date-change transition","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-3.json"},{"name":"calendar-4","title":"Calendar 4","description":"A rooms-by-hour resource timeline with overlap lane-splitting, a real now-line and a designed mobile layout","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-4.json"},{"name":"calendar-5","title":"Calendar 5","description":"A grouped agenda list with a derived attendance streak strip, composed filters and sticky day headers","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-5.json"},{"name":"calendar-6","title":"Calendar 6","description":"A front-desk studio switcher that swaps the day\\'s class list, with live capacity badges and a working join-waitlist action","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-6.json"},{"name":"calendar-7","title":"Calendar 7","description":"A four-question studio intake that assembles a computed recommended week","type":"registry:block","source_url":"https://shadcnstore.com/r/calendar-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/calendar-7.json"},{"name":"chart-1","title":"Chart 1","description":"Clean and simple bar and line chart displaying monthly sales volume and conversion rate trends with dual y-axis visualization","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-1.json"},{"name":"chart-2","title":"Chart 2","description":"Modern combined bar and line chart showing revenue performance vs targets with growth percentage trends, featuring interactive time period filters and comprehe…","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-2.json"},{"name":"chart-3","title":"Chart 3","description":"Comprehensive analytics dashboard chart with product sales and volume metrics, featuring trend indicators and recent activity tracking","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-3.json"},{"name":"chart-4","title":"Chart 4","description":"Interactive financial dashboard with tabbed navigation showing Income (area chart), Expenses (radial chart), and Profit (bar chart) with real-time metrics","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-4.json"},{"name":"chart-5","title":"Chart 5","description":"Time-based earnings dashboard with interactive time period tabs (1d, 5d, 1m, 6m, 1y) and area chart visualization with recent activity tracking","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-5.json"},{"name":"chart-6","title":"Chart 6","description":"Radial progress chart dashboard showcasing company performance metrics with department breakdown and visitor statistics","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-6.json"},{"name":"chart-7","title":"Chart 7","description":"A sales report with 7, 30 and 90-day totals against the previous period and a stepped area chart split by sales channel","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-7.json"},{"name":"chart-8","title":"Chart 8","description":"Weekly orders as rounded pill bars with a glowing peak day, a dashed outline for the day in progress and a period breakdown","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-8.json"},{"name":"chart-9","title":"Chart 9","description":"Daily sales as rounded bars with the previous period as a dashed line, a headline total and change against the period before","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-9.json"},{"name":"chart-10","title":"Chart 10","description":"Visits over time as a glowing curve over a dotted fill, a peak marker that follows the pointer, a dotted tail for today and three summary figures","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-10.json"},{"name":"chart-11","title":"Chart 11","description":"A punch card of orders by weekday and time of day, with the busiest slot, busiest day and orders counted","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-11.json"},{"name":"chart-12","title":"Chart 12","description":"New customers as dumbbells running from the period before to this one, with the returning-customer rate","type":"registry:block","source_url":"https://shadcnstore.com/r/chart-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/chart-12.json"},{"name":"datatable-1","title":"Datatable 1","description":"Comprehensive user management table with search, filters, pagination, and action dropdowns. Includes user avatars, roles, login status, and two-factor authenti…","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-1.json"},{"name":"datatable-2","title":"Datatable 2","description":"Advanced user records table with statistics cards, role icons, plan details, and status management. Features filter dropdowns, bulk actions, and comprehensive …","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-2.json"},{"name":"datatable-3","title":"Datatable 3","description":"Product inventory management table with images, SKU tracking, quantity badges, star ratings, and status indicators. Includes stock alerts and product actions","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-3.json"},{"name":"datatable-4","title":"Datatable 4","description":"Modern orders datatable with analytics cards, command palette (⌘K), tabs navigation, bulk actions, column visibility control, and real-time order tracking. Fea…","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-4.json"},{"name":"datatable-5","title":"Datatable 5","description":"URL-synced server-state table with saved views, async states, faceted filters, and record details","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-5.json"},{"name":"datatable-6","title":"Datatable 6","description":"An orders table with view tabs, search, six faceted filters, sortable columns, a column menu, row selection, pagination and product photos","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-6.json"},{"name":"datatable-7","title":"Datatable 7","description":"A collections table with stacked product-photo covers, search, a type filter, sortable columns and pagination","type":"registry:block","source_url":"https://shadcnstore.com/r/datatable-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/datatable-7.json"},{"name":"error-page-1","title":"Error Page 1","description":"A centred 404 page with an illustration, a home link and a contact action","type":"registry:block","source_url":"https://shadcnstore.com/r/error-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-1.json"},{"name":"error-page-2","title":"Error Page 2","description":"A split 404 page with the brand mark, an illustration and a single home action","type":"registry:block","source_url":"https://shadcnstore.com/r/error-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-2.json"},{"name":"error-page-3","title":"Error Page 3","description":"Interactive 404 page with search and help options","type":"registry:block","source_url":"https://shadcnstore.com/r/error-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-3.json"},{"name":"error-page-4","title":"Error Page 4","description":"Maintenance page with countdown and progress tracking","type":"registry:block","source_url":"https://shadcnstore.com/r/error-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/error-page-4.json"},{"name":"forgot-password-page-1","title":"Forgot Password Page 1","description":"A four-step reset covering email, one-time code, new password and confirmation","type":"registry:block","source_url":"https://shadcnstore.com/r/forgot-password-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-1.json"},{"name":"forgot-password-page-2","title":"Forgot Password Page 2","description":"Simple password reset form with email confirmation","type":"registry:block","source_url":"https://shadcnstore.com/r/forgot-password-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-2.json"},{"name":"forgot-password-page-3","title":"Forgot Password Page 3","description":"Multi-step password reset with verification code","type":"registry:block","source_url":"https://shadcnstore.com/r/forgot-password-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-3.json"},{"name":"forgot-password-page-4","title":"Forgot Password Page 4","description":"A four-step reset with labelled fields and a resend-code action","type":"registry:block","source_url":"https://shadcnstore.com/r/forgot-password-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-4.json"},{"name":"forgot-password-page-5","title":"Forgot Password Page 5","description":"A modern two-column forgot password page with illustration","type":"registry:block","source_url":"https://shadcnstore.com/r/forgot-password-page-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-5.json"},{"name":"forgot-password-page-6","title":"Forgot Password Page 6","description":"A split-screen reset across the email, code, new password and success states","type":"registry:block","source_url":"https://shadcnstore.com/r/forgot-password-page-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-6.json"},{"name":"login-page-1","title":"Login Page 1","description":"A card login with remember-me, a forgot-password link and three social buttons","type":"registry:block","source_url":"https://shadcnstore.com/r/login-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-1.json"},{"name":"login-page-2","title":"Login Page 2","description":"Clean and simple login form with social authentication","type":"registry:block","source_url":"https://shadcnstore.com/r/login-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-2.json"},{"name":"login-page-3","title":"Login Page 3","description":"Split-screen login with background image and enhanced UX","type":"registry:block","source_url":"https://shadcnstore.com/r/login-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-3.json"},{"name":"login-page-4","title":"Login Page 4","description":"A labelled card login with social buttons placed above the email and password fields","type":"registry:block","source_url":"https://shadcnstore.com/r/login-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-4.json"},{"name":"login-page-5","title":"Login Page 5","description":"A modern two-column login page with illustration","type":"registry:block","source_url":"https://shadcnstore.com/r/login-page-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-5.json"},{"name":"login-page-6","title":"Login Page 6","description":"A split-screen login with the card on one side and a product panel on the other","type":"registry:block","source_url":"https://shadcnstore.com/r/login-page-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/login-page-6.json"},{"name":"signup-page-1","title":"Signup Page 1","description":"A card signup with social options and terms and privacy links under the button","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-1.json"},{"name":"signup-page-2","title":"Signup Page 2","description":"Multi-step signup form with progress tracking","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-2.json"},{"name":"signup-page-3","title":"Signup Page 3","description":"Simple signup form with social authentication options","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-3.json"},{"name":"signup-page-4","title":"Signup Page 4","description":"A labelled card signup with a confirm-password field and social options","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-4.json"},{"name":"signup-page-5","title":"Signup Page 5","description":"A modern two-column signup page with illustration","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-5.json"},{"name":"signup-page-6","title":"Signup Page 6","description":"A split-screen signup with the card beside a product panel","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-6.json"},{"name":"signup-page-7","title":"Signup Page 7","description":"A multi-step signup wizard with blocking per-step validation and a review step","type":"registry:block","source_url":"https://shadcnstore.com/r/signup-page-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/signup-page-7.json"},{"name":"verify-1","title":"Verify 1","description":"Two-factor code entry with resend cooldown, backup codes and lockout","type":"registry:block","source_url":"https://shadcnstore.com/r/verify-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/verify-1.json"},{"name":"verify-2","title":"Verify 2","description":"Email verification covering check-inbox, verified and expired states","type":"registry:block","source_url":"https://shadcnstore.com/r/verify-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/verify-2.json"},{"name":"verify-3","title":"Verify 3","description":"Passkey sign-in with a biometric ring, magic-link fallback and an unsupported-browser layout","type":"registry:block","source_url":"https://shadcnstore.com/r/verify-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/verify-3.json"},{"name":"verify-4","title":"Verify 4","description":"Patient SMS verification end to end: country entry, a draining cooldown ring, voice fallback and lockout","type":"registry:block","source_url":"https://shadcnstore.com/r/verify-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/verify-4.json"},{"name":"verify-5","title":"Verify 5","description":"Insurance card capture with an extraction reveal, confidence flags, eligibility results and actionable rejections","type":"registry:block","source_url":"https://shadcnstore.com/r/verify-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/verify-5.json"},{"name":"verify-6","title":"Verify 6","description":"Split-screen identity check: code entry beside the booking it protects, with a guest testimonial","type":"registry:block","source_url":"https://shadcnstore.com/r/verify-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/verify-6.json"},{"name":"widget-1","title":"Widget 1","description":"Comprehensive analytics dashboard with product sales and volume metrics, featuring trend indicators and recent activity tracking","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-1.json"},{"name":"widget-2","title":"Widget 2","description":"A market-trends widget with a channel list and a per-item actions menu","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-2.json"},{"name":"widget-3","title":"Widget 3","description":"An active-task widget with assignee avatars, stage labels and progress per task","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-3.json"},{"name":"widget-4","title":"Widget 4","description":"A top-performers widget listing companies with sector labels and change figures","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-4.json"},{"name":"widget-5","title":"Widget 5","description":"Social media channels overview widget with progress bars, metrics display, and interactive area chart showing engagement trends","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-5.json"},{"name":"widget-6","title":"Widget 6","description":"Side-by-side product comparison widget displaying top products by sales and volume with percentage changes, icons, and metrics","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-6.json"},{"name":"widget-7","title":"Widget 7","description":"Token consumption against quota with a trend line, per-model breakdown and estimated cost","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-7.json"},{"name":"widget-8","title":"Widget 8","description":"A needs-attention widget with sliding tabs for orders to ship, payments to capture, low stock and returns to handle","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-8.json"},{"name":"widget-9","title":"Widget 9","description":"Two horizontal trend cards: average order with a running-average line over glowing pill columns, and refunds with spotlight pills","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-9.json"},{"name":"widget-10","title":"Widget 10","description":"A sales-by-channel widget with a segmented share bar and a ranked table of orders, share and sales per channel","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-10.json"},{"name":"widget-11","title":"Widget 11","description":"A sales-by-product-type widget with inline unit bars, sales totals and change against the previous period","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-11.json"},{"name":"widget-12","title":"Widget 12","description":"Two product leaderboards side by side: top products by sales and highest return rates, with product photos","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-12.json"},{"name":"widget-13","title":"Widget 13","description":"A checkout funnel widget from sessions to purchase, with the share kept at each step and abandoned carts as the headline","type":"registry:block","source_url":"https://shadcnstore.com/r/widget-13.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/widget-13.json"},{"name":"category-filter-1","title":"Category Filter 1","description":"A horizontal filter bar with dropdowns and active filter display","type":"registry:block","source_url":"https://shadcnstore.com/r/category-filter-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-1.json"},{"name":"category-filter-2","title":"Category Filter 2","description":"A sidebar filter with expandable categories and subcategories","type":"registry:block","source_url":"https://shadcnstore.com/r/category-filter-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-2.json"},{"name":"category-filter-3","title":"Category Filter 3","description":"A comprehensive filter sidebar with toggle-based selection and real-time results","type":"registry:block","source_url":"https://shadcnstore.com/r/category-filter-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-3.json"},{"name":"category-filter-4","title":"Category Filter 4","description":"A mobile-first filter drawer with a live, settling result count and applied-filter chips that stay visible after it closes","type":"registry:block","source_url":"https://shadcnstore.com/r/category-filter-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-4.json"},{"name":"category-filter-5","title":"Category Filter 5","description":"A faceted search with correct exclude-own-facet counting, options that disable in place at zero, and a computed, recoverable no-results suggestion","type":"registry:block","source_url":"https://shadcnstore.com/r/category-filter-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/category-filter-5.json"},{"name":"checkout-form-1","title":"Checkout Form 1","description":"A clean and straightforward checkout form with essential fields","type":"registry:block","source_url":"https://shadcnstore.com/r/checkout-form-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-1.json"},{"name":"checkout-form-2","title":"Checkout Form 2","description":"A comprehensive single-page checkout with order summary and secure payment","type":"registry:block","source_url":"https://shadcnstore.com/r/checkout-form-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-2.json"},{"name":"checkout-form-3","title":"Checkout Form 3","description":"A guided multi-step checkout process with progress indicator and validation","type":"registry:block","source_url":"https://shadcnstore.com/r/checkout-form-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-3.json"},{"name":"checkout-form-4","title":"Checkout Form 4","description":"A checkout form with collections of presets","type":"registry:block","source_url":"https://shadcnstore.com/r/checkout-form-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-4.json"},{"name":"checkout-form-5","title":"Checkout Form 5","description":"An order confirmation page with a fulfilment timeline, line items and totals","type":"registry:block","source_url":"https://shadcnstore.com/r/checkout-form-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-5.json"},{"name":"checkout-form-6","title":"Checkout Form 6","description":"A checkout with an async address combobox, delivery tags, a date range picker, phone with OTP verification and currency-formatted totals","type":"registry:block","source_url":"https://shadcnstore.com/r/checkout-form-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/checkout-form-6.json"},{"name":"order-history-1","title":"Order History 1","description":"An order table with item thumbnails, dates, quantity, price and an invoice download","type":"registry:block","source_url":"https://shadcnstore.com/r/order-history-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-1.json"},{"name":"order-history-2","title":"Order History 2","description":"An order list grouped by status, with tracking and details actions per order","type":"registry:block","source_url":"https://shadcnstore.com/r/order-history-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-2.json"},{"name":"order-history-3","title":"Order History 3","description":"A tabbed order history with a date-range filter, invoices, reorder and review actions","type":"registry:block","source_url":"https://shadcnstore.com/r/order-history-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-3.json"},{"name":"order-history-4","title":"Order History 4","description":"A detailed table view for managing orders with sorting and pagination","type":"registry:block","source_url":"https://shadcnstore.com/r/order-history-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-4.json"},{"name":"order-history-5","title":"Order History 5","description":"A single-order detail page with a fulfillment timeline, per-shipment items, address and payment summary, and returns, reorder and invoice actions","type":"registry:block","source_url":"https://shadcnstore.com/r/order-history-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/order-history-5.json"},{"name":"product-category-1","title":"Product Category Card 1","description":"A four-up category grid of subjects with a view-all action","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-1.json"},{"name":"product-category-2","title":"Product Category Card 2","description":"Image-based category cards with overlay text and trending badges","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-2.json"},{"name":"product-category-3","title":"Product Category Card 3","description":"A seven-column category strip of small image tiles","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-3.json"},{"name":"product-category-4","title":"Product Category Card 4","description":"A category grid with icon avatars and item-count badges","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-4.json"},{"name":"product-category-5","title":"Product Category Card 5","description":"Detailed category list with icons, subcategories, and search functionality","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-5.json"},{"name":"product-category-6","title":"Product Category Card 6","description":"A curated category layout with status badges such as trending and featured","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-6.json"},{"name":"product-category-7","title":"Product Category Card 7","description":"A three-up category grid badged for new arrivals, best sellers and sale","type":"registry:block","source_url":"https://shadcnstore.com/r/product-category-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-category-7.json"},{"name":"product-card-1","title":"Product Listing Card 1","description":"A deals grid of product cards with an add-to-cart action on each","type":"registry:block","source_url":"https://shadcnstore.com/r/product-card-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-1.json"},{"name":"product-card-2","title":"Product Listing Card 2","description":"A three-up product grid carrying image, name and price only","type":"registry:block","source_url":"https://shadcnstore.com/r/product-card-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-2.json"},{"name":"product-card-3","title":"Product Listing Card 3","description":"A product grid with low-stock badges and a view-similar action","type":"registry:block","source_url":"https://shadcnstore.com/r/product-card-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-3.json"},{"name":"product-card-4","title":"Product Listing Card 4","description":"A product carousel and grid combination across twelve items","type":"registry:block","source_url":"https://shadcnstore.com/r/product-card-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-4.json"},{"name":"product-card-5","title":"Product Listing Card 5","description":"Table-style product listing with comparison and sorting features","type":"registry:block","source_url":"https://shadcnstore.com/r/product-card-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-card-5.json"},{"name":"product-overview-1","title":"Product Overview 1","description":"A product page with an image carousel, a size grid and colour swatches","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-1.json"},{"name":"product-overview-2","title":"Product Overview 2","description":"A product page with a thumbnail carousel, a size guide link and a delivery threshold","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-2.json"},{"name":"product-overview-3","title":"Product Overview 3","description":"A furniture product page with colour options, delivery choice, lead-time note and recently viewed","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-3.json"},{"name":"product-overview-4","title":"Product Overview 4","description":"A product page with financing, a quantity select, a postcode delivery check and returns detail","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-4.json"},{"name":"product-overview-5","title":"Product Overview 5","description":"A product page with tabbed overview and specifications plus a gallery dialog","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-5.json"},{"name":"product-overview-6","title":"Product Overview 6","description":"A quick view dialog with an image gallery, variant selection and add to cart","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-6.json"},{"name":"product-overview-7","title":"Product Overview 7","description":"A product story whose pinned panel swaps to the section being read, with buy controls above the argument for them","type":"registry:block","source_url":"https://shadcnstore.com/r/product-overview-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/product-overview-7.json"},{"name":"review-rating-1","title":"Product Review & Ratings 1","description":"A paginated review list with reactions and a write-a-review form","type":"registry:block","source_url":"https://shadcnstore.com/r/review-rating-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-1.json"},{"name":"review-rating-2","title":"Product Review & Ratings 2","description":"A rating summary with a per-star distribution above a review carousel","type":"registry:block","source_url":"https://shadcnstore.com/r/review-rating-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-2.json"},{"name":"review-rating-3","title":"Product Review & Ratings 3","description":"A review list with a rating filter, distribution bars and pagination","type":"registry:block","source_url":"https://shadcnstore.com/r/review-rating-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-3.json"},{"name":"review-rating-4","title":"Product Review & Ratings 4","description":"A review section with per-category ratings, sort controls and a load-more action","type":"registry:block","source_url":"https://shadcnstore.com/r/review-rating-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-4.json"},{"name":"review-rating-5","title":"Product Review & Ratings 5","description":"Simple review list with rating distribution and helpful voting","type":"registry:block","source_url":"https://shadcnstore.com/r/review-rating-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/review-rating-5.json"},{"name":"shopping-cart-1","title":"Shopping Cart 1","description":"A more detailed cart summary with multiple items and discounts","type":"registry:block","source_url":"https://shadcnstore.com/r/shopping-cart-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-1.json"},{"name":"shopping-cart-2","title":"Shopping Cart 2","description":"A clean and modern cart with promo codes and shipping info","type":"registry:block","source_url":"https://shadcnstore.com/r/shopping-cart-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-2.json"},{"name":"shopping-cart-3","title":"Shopping Cart 3","description":"A simple cart summary with item list and total","type":"registry:block","source_url":"https://shadcnstore.com/r/shopping-cart-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-3.json"},{"name":"shopping-cart-4","title":"Shopping Cart 4","description":"A collapsible cart sidebar with progress tracking and quick checkout","type":"registry:block","source_url":"https://shadcnstore.com/r/shopping-cart-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-4.json"},{"name":"shopping-cart-5","title":"Shopping Cart 5","description":"A cart and wishlist combo where moving an item between lists animates the row traveling, with stock warnings, price-drop badges and separate empty states","type":"registry:block","source_url":"https://shadcnstore.com/r/shopping-cart-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-5.json"},{"name":"storefront-hero-1","title":"Storefront Hero Section 1","description":"A storefront hero pairing a collection banner with buyable product cards","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-1.json"},{"name":"storefront-hero-2","title":"Storefront Hero Section 2","description":"A storefront hero with a search field and a trending product carousel","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-2.json"},{"name":"storefront-hero-3","title":"Storefront Hero Section 3","description":"A storefront hero with a full header, search suggestions and a help panel","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-3.json"},{"name":"storefront-hero-4","title":"Storefront Hero Section 4","description":"A storefront hero under a promo bar, with language, location and category menus","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-4.json"},{"name":"storefront-hero-5","title":"Storefront Hero Section 5","description":"Elegant hero section with category navigation and featured deals","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-5.json"},{"name":"storefront-hero-6","title":"Storefront Hero Section 6","description":"Clean layout highlighting featured products with hover effects","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-6.json"},{"name":"storefront-hero-7","title":"Storefront Hero Section 7","description":"Premium hero section with winter theme and featured products","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-7.json"},{"name":"storefront-hero-8","title":"Storefront Hero Section 8","description":"Modern tech store hero with featured products and countdown timer","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-8.json"},{"name":"storefront-hero-9","title":"Storefront Hero Section 9","description":"An editorial fashion hero whose photograph ripples like cloth under the pointer, with a look picker that cross-fades the shot","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-9.json"},{"name":"storefront-hero-10","title":"Storefront Hero Section 10","description":"An interiors hero with an oversized headline the product photo sits on, cursor-parallax price and spec cards, and a press marquee","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-10.json"},{"name":"storefront-hero-11","title":"Storefront Hero Section 11","description":"A sneaker drop hero laid out as a centred poster, with a pointer-scattered particle field, a live countdown and colourway thumbnails that recolour the whole fr…","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-11.json"},{"name":"storefront-hero-12","title":"Storefront Hero Section 12","description":"An editorial skincare hero: a full-width headline over three columns, with a numbered routine list and a product stage lit by WebGL caustics","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-12.json"},{"name":"storefront-hero-13","title":"Storefront Hero Section 13","description":"A bento storefront hero whose tiles are crossed by one travelling light, with a featured product alongside dispatch, returns and rating facts","type":"registry:block","source_url":"https://shadcnstore.com/r/storefront-hero-13.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-13.json"},{"name":"banner-1","title":"Banner 1","description":"A dismissible announcement bar that remembers the choice","type":"registry:block","source_url":"https://shadcnstore.com/r/banner-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/banner-1.json"},{"name":"banner-2","title":"Banner 2","description":"A promo banner with a live countdown and copyable discount code","type":"registry:block","source_url":"https://shadcnstore.com/r/banner-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/banner-2.json"},{"name":"banner-3","title":"Banner 3","description":"A cookie consent bar with a granular preferences dialog","type":"registry:block","source_url":"https://shadcnstore.com/r/banner-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/banner-3.json"},{"name":"banner-4","title":"Banner 4","description":"A delayed, scroll-gated floating announcement card with a shadow-bloom spring entrance and a data-switched avatar-pill variant","type":"registry:block","source_url":"https://shadcnstore.com/r/banner-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/banner-4.json"},{"name":"banner-5","title":"Banner 5","description":"A token-only site alert system — sticky strip, page banners and inline banners — matching notification-5\\'s severity map","type":"registry:block","source_url":"https://shadcnstore.com/r/banner-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/banner-5.json"},{"name":"bento-grid-1","title":"Bento Grid 1","description":"A destination bento with a filter row and a top-rated tile","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-1.json"},{"name":"bento-grid-2","title":"Bento Grid 2","description":"A comprehensive dashboard component showcase featuring deployment analytics, team activity, performance metrics, and integrations - perfect for SaaS applicatio…","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-2.json"},{"name":"bento-grid-3","title":"Bento Grid 3","description":"A professional bento grid highlighting services, client testimonials, and business achievements","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-3.json"},{"name":"bento-grid-4","title":"Bento Grid 4","description":"A six-column travel bento pairing one large destination tile with smaller ones","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-4.json"},{"name":"bento-grid-5","title":"Bento Grid 5","description":"A centre-weighted bento for an AI product, built around one WebGL body of warped noise that churns and turns toward the pointer","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-5.json"},{"name":"bento-grid-6","title":"Bento Grid 6","description":"A left-heavy bento for a developer platform, driven by one token-bucket simulation that feeds a rolling rate-limit graph and a live throughput counter in a sep…","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-6.json"},{"name":"bento-grid-7","title":"Bento Grid 7","description":"A retail bento built around a full-width collection rail you can throw, with real momentum on a native scroller so keyboard, touch and zoom all keep working","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-7.json"},{"name":"bento-grid-8","title":"Bento Grid 8","description":"An analytics bento whose only motion is other people: live cursors walking hand-placed routes across one overlay spanning the whole board, with the data left s…","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-8.json"},{"name":"bento-grid-9","title":"Bento Grid 9","description":"A careers bento built around a full-height wall of faces tipped in 3D and scrolling on three unsynchronised columns, with published salary bands and a timed hi…","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-9.json"},{"name":"bento-grid-10","title":"Bento Grid 10","description":"A bento where every card holds a piece of the product and the pointer finishes the sentence: a note lands on a frame, a version stack fans out, a grade wipes, …","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-10.json"},{"name":"bento-grid-11","title":"Bento Grid 11","description":"A current-account bento where every tile works: a metal card that tilts and catches the light, a balance that counts itself in, two ledger lanes that pause und…","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-11.json"},{"name":"bento-grid-12","title":"Bento Grid 12","description":"A ticketing bento for one night in a 198-seat room: a seating plan that fills seat by seat as the sale runs, orders pushing into a live feed, a split-flap boar…","type":"registry:block","source_url":"https://shadcnstore.com/r/bento-grid-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/bento-grid-12.json"},{"name":"blog-section-1","title":"Blog Section 1","description":"A clean three-card layout with image placeholders, categories, titles and call-to-action links","type":"registry:block","source_url":"https://shadcnstore.com/r/blog-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-1.json"},{"name":"blog-section-2","title":"Blog Section 2","description":"A grid of recent blog posts with images, titles, authors, and tags","type":"registry:block","source_url":"https://shadcnstore.com/r/blog-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-2.json"},{"name":"blog-section-3","title":"Blog Section 3","description":"A horizontal scrollable stories grid with gradient borders and avatars","type":"registry:block","source_url":"https://shadcnstore.com/r/blog-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-3.json"},{"name":"blog-section-4","title":"Blog Section 4","description":"A responsive grid layout featuring news cards with images, titles, and metadata","type":"registry:block","source_url":"https://shadcnstore.com/r/blog-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/blog-section-4.json"},{"name":"comparison-1","title":"Comparison 1","description":"An us-versus-alternatives table that becomes cards on mobile","type":"registry:block","source_url":"https://shadcnstore.com/r/comparison-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/comparison-1.json"},{"name":"comparison-2","title":"Comparison 2","description":"A plan feature matrix whose lit column follows the pointer, with a billing switch, sticky plan headers and a mobile plan picker","type":"registry:block","source_url":"https://shadcnstore.com/r/comparison-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/comparison-2.json"},{"name":"comparison-3","title":"Comparison 3","description":"An in-app change-plan screen: drawn tier marks, offer captions and struck list prices on cards above a feature matrix that upgrades and downgrades for real","type":"registry:block","source_url":"https://shadcnstore.com/r/comparison-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/comparison-3.json"},{"name":"contact-section-1","title":"Contact Form 1","description":"Clean and minimal contact form with essential fields","type":"registry:block","source_url":"https://shadcnstore.com/r/contact-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-1.json"},{"name":"contact-section-2","title":"Contact Form 2","description":"Contact form alongside company information cards","type":"registry:block","source_url":"https://shadcnstore.com/r/contact-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-2.json"},{"name":"contact-section-3","title":"Contact Form 3","description":"Contact form with location map and office details","type":"registry:block","source_url":"https://shadcnstore.com/r/contact-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-3.json"},{"name":"contact-section-4","title":"Contact Form 4","description":"Two-column layout with form and contact details","type":"registry:block","source_url":"https://shadcnstore.com/r/contact-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-4.json"},{"name":"contact-section-5","title":"Contact Form 5","description":"Contact section with frequently asked questions","type":"registry:block","source_url":"https://shadcnstore.com/r/contact-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-5.json"},{"name":"contact-section-6","title":"Contact Form 6","description":"Contact form with team member cards and social links","type":"registry:block","source_url":"https://shadcnstore.com/r/contact-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/contact-section-6.json"},{"name":"cta-section-1","title":"CTA Section 1","description":"A single-line call to action with a live badge and two actions","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-1.json"},{"name":"cta-section-2","title":"CTA Section 2","description":"A community subscribe card with an inline email field and avatar proof","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-2.json"},{"name":"cta-section-3","title":"CTA Section 3","description":"A split call to action with documentation and tutorial links beside the primary button","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-3.json"},{"name":"cta-section-4","title":"CTA Section 4","description":"A centred call to action with two buttons and no-credit-card reassurance","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-4.json"},{"name":"cta-section-5","title":"CTA Section 5","description":"Modern enterprise CTA with feature showcase cards","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-5.json"},{"name":"cta-section-6","title":"CTA Section 6","description":"Engaging newsletter signup with perks showcase and social proof elements","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-6.json"},{"name":"cta-section-7","title":"CTA Section 7","description":"High-impact productivity CTA with gradient buttons and trust indicators","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-7.json"},{"name":"cta-section-8","title":"CTA Section 8","description":"Interactive team showcase with hover effects and gradient text elements","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-8.json"},{"name":"cta-section-9","title":"CTA Section 9","description":"Split layout CTA with organized resource links and image hover animations","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-9.json"},{"name":"cta-section-10","title":"CTA Section 10","description":"Clean and elegant CTA perfect for any business website","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-10.json"},{"name":"cta-section-11","title":"CTA Section 11","description":"Enterprise CTA with an animated perspective grid floor and mono display headline","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-11.json"},{"name":"cta-section-12","title":"CTA Section 12","description":"Payments infrastructure CTA with an animated routing grid, dual actions and a metric row","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-12.json"},{"name":"cta-section-13","title":"CTA Section 13","description":"Global expansion CTA with a configurable WebGL wave field and inline email capture","type":"registry:block","source_url":"https://shadcnstore.com/r/cta-section-13.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/cta-section-13.json"},{"name":"faq-block-1","title":"FAQ Block 1","description":"A bordered single-column accordion with multiple items openable at once","type":"registry:block","source_url":"https://shadcnstore.com/r/faq-block-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-1.json"},{"name":"faq-block-2","title":"FAQ Block 2","description":"A single-open accordion with an underline trigger style and a two-paragraph intro","type":"registry:block","source_url":"https://shadcnstore.com/r/faq-block-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-2.json"},{"name":"faq-block-3","title":"FAQ Block 3","description":"A borderless, two-column accordion layout for a longer question set","type":"registry:block","source_url":"https://shadcnstore.com/r/faq-block-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-3.json"},{"name":"faq-block-4","title":"FAQ Block 4","description":"A card-style accordion with a search field affordance, for the functional search variant see faq-block-5","type":"registry:block","source_url":"https://shadcnstore.com/r/faq-block-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-4.json"},{"name":"faq-block-5","title":"FAQ Block 5","description":"A functional FAQ search that highlights matches inside answers, composes with categories and emits FAQPage schema","type":"registry:block","source_url":"https://shadcnstore.com/r/faq-block-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/faq-block-5.json"},{"name":"feature-1","title":"Feature 1","description":"A four-up feature grid of icon cards under a badge heading, closing on a call to action","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-1.json"},{"name":"feature-2","title":"Feature 2","description":"A two-column feature list paired with an image and no card chrome","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-2.json"},{"name":"feature-3","title":"Feature 3","description":"A dual-image feature layout with four benefit rows beside the photography","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-3.json"},{"name":"feature-4","title":"Feature 4","description":"Feature section with 2x3 grid layout and clean card design","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-4.json"},{"name":"feature-5","title":"Feature 5","description":"A three-card feature section on a dot-pattern surface","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-5.json"},{"name":"feature-6","title":"Feature 6","description":"Card-based feature section with decorative grid backgrounds","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-6.json"},{"name":"feature-7","title":"Feature 7","description":"Feature section with dual image showcase and feature grid","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-7.json"},{"name":"feature-8","title":"Feature 8","description":"A split feature section pairing four capability rows with a dashboard image and two actions","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-8.json"},{"name":"feature-9","title":"Feature 9","description":"A six-item feature grid arranged over two images without cards","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-9.json"},{"name":"feature-10","title":"Feature 10","description":"A mixed-width feature board pairing metric cards with data-table and dashboard previews","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-10.json"},{"name":"feature-11","title":"Feature 11","description":"Scroll-pinned feature reel that dissolves one photograph into the next beside a numbered step rail","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-11.json"},{"name":"feature-12","title":"Feature 12","description":"Scroll-stacked benefit cards that pin in turn, each pairing a live mini interface with a proof checklist","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-12.json"},{"name":"feature-13","title":"Feature 13","description":"A scroll-pinned product tour that slides a strip of linked photo cards sideways, with a detail chip on each","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-13.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-13.json"},{"name":"feature-14","title":"Feature 14","description":"A dashed spec-sheet feature grid with numbered cells, proof tags and corner icons that draw on hover","type":"registry:block","source_url":"https://shadcnstore.com/r/feature-14.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/feature-14.json"},{"name":"footer-section-1","title":"Footer Section 1","description":"A footer with an inline email capture beside three columns of links","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-1.json"},{"name":"footer-section-2","title":"Footer Section 2","description":"A half-image footer carrying a postal address, phone and email beside the link columns","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-2.json"},{"name":"footer-section-3","title":"Footer Section 3","description":"A six-column footer that leads with the newsletter form and follows with four link columns","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-3.json"},{"name":"footer-section-4","title":"Footer Section 4","description":"A five-column footer with quick links, resources, legal and a get-in-touch column","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-4.json"},{"name":"footer-section-5","title":"Footer Section 5","description":"A footer on a soft gradient with an address block, contact lines and a stay-updated form","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-5.json"},{"name":"footer-section-6","title":"Footer Section 6","description":"A minimal two-row footer with top navigation, a language menu and city links","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-6.json"},{"name":"footer-section-7","title":"Footer Section 7","description":"A three-column footer pairing contact details and link groups with a subscribe form","type":"registry:block","source_url":"https://shadcnstore.com/r/footer-section-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/footer-section-7.json"},{"name":"hero-section-1","title":"Hero Section 1","description":"A split hero with a badge, an avatar group and a trusted-by line under the call to action","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-1.json"},{"name":"hero-section-2","title":"Hero Section 2","description":"A split hero built around a fixed-ratio media card for a product image or video","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-2.json"},{"name":"hero-section-3","title":"Hero Section 3","description":"A centred hero with a dashboard preview above a logo row of named customers","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-3.json"},{"name":"hero-section-4","title":"Hero Section 4","description":"A hero that carries four headline metrics as cards directly under the call to action","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-4.json"},{"name":"hero-section-5","title":"Hero Section 5","description":"A hero with its own navigation bar, avatar proof and a full-bleed destination image","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-5.json"},{"name":"hero-section-6","title":"Hero Section 6","description":"A search-led hero with tabs and location, type and price-range selects over an image grid","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-6.json"},{"name":"hero-section-7","title":"Hero Section 7","description":"An AI product hero with a token-derived gradient and a looping chat demo","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-7.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-7.json"},{"name":"hero-section-8","title":"Hero Section 8","description":"An editorial property hero whose photograph grades from midday to dusk across a draggable seam","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-8.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-8.json"},{"name":"hero-section-9","title":"Hero Section 9","description":"A centred hero in an inset panel, with the stages of an authorisation fanned in 3D and dragged by hand","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-9.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-9.json"},{"name":"hero-section-10","title":"Hero Section 10","description":"A fitness app hero on a full-bleed running photo printed as a halftone, with a pointer-led reveal lens","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-10.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-10.json"},{"name":"hero-section-11","title":"Hero Section 11","description":"A showcase hero whose three rows of work drift in alternating directions on a tilted plane that straightens as you scroll","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-11.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-11.json"},{"name":"hero-section-12","title":"Hero Section 12","description":"A product-launch hero under a drifting WebGL aurora, with a browser-framed screenshot and a stat row","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-12.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-12.json"},{"name":"hero-section-13","title":"Hero Section 13","description":"A split hero on a node web that links itself and leans toward the cursor, beside a live signal console","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-13.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-13.json"},{"name":"hero-section-14","title":"Hero Section 14","description":"A waitlist hero lit by counter-rotating beams, with a sheened headline, inline email capture and a wordmark marquee","type":"registry:block","source_url":"https://shadcnstore.com/r/hero-section-14.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/hero-section-14.json"},{"name":"listing-1","title":"Listing 1","description":"A three-up service listing with category badges and a get-started action","type":"registry:block","source_url":"https://shadcnstore.com/r/listing-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-1.json"},{"name":"listing-2","title":"Listing 2","description":"A category listing that scrolls horizontally through destination cards","type":"registry:block","source_url":"https://shadcnstore.com/r/listing-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-2.json"},{"name":"listing-3","title":"Listing 3","description":"A two-column course listing with instructor avatars and category labels","type":"registry:block","source_url":"https://shadcnstore.com/r/listing-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-3.json"},{"name":"listing-4","title":"Listing 4","description":"A three-up course listing with a category badge on each card","type":"registry:block","source_url":"https://shadcnstore.com/r/listing-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-4.json"},{"name":"listing-5","title":"Listing 5","description":"A property listing with bed, bath and area counts and a view-details action","type":"registry:block","source_url":"https://shadcnstore.com/r/listing-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-5.json"},{"name":"listing-6","title":"Listing 6","description":"A category carousel with a progress indicator across twelve subject cards","type":"registry:block","source_url":"https://shadcnstore.com/r/listing-6.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/listing-6.json"},{"name":"logo-cloud-1","title":"Logo Cloud 1","description":"Showcases ShadcnStore compatibility with popular technologies and development frameworks","type":"registry:block","source_url":"https://shadcnstore.com/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-1.json"},{"name":"logo-cloud-2","title":"Logo Cloud 2","description":"Customer testimonials and success metrics highlighting ShadcnStore component benefits","type":"registry:block","source_url":"https://shadcnstore.com/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-2.json"},{"name":"logo-cloud-3","title":"Logo Cloud 3","description":"Professional showcase featuring industry leaders who use ShadcnStore components","type":"registry:block","source_url":"https://shadcnstore.com/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-3.json"},{"name":"logo-cloud-4","title":"Logo Cloud 4","description":"Enterprise-focused showcase highlighting ShadcnStore components for large-scale applications","type":"registry:block","source_url":"https://shadcnstore.com/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-4.json"},{"name":"logo-cloud-5","title":"Logo Cloud 5","description":"Community-focused showcase featuring ShadcnStore partner companies and ecosystem growth","type":"registry:block","source_url":"https://shadcnstore.com/r/logo-cloud-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-5.json"},{"name":"navbar-1","title":"Navbar 1","description":"A clean marketing navbar with a sheet menu on mobile","type":"registry:block","source_url":"https://shadcnstore.com/r/navbar-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/navbar-1.json"},{"name":"navbar-2","title":"Navbar 2","description":"A mega-menu navbar with grouped flyouts and a featured card","type":"registry:block","source_url":"https://shadcnstore.com/r/navbar-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/navbar-2.json"},{"name":"navbar-3","title":"Navbar 3","description":"A scroll-aware navbar that condenses into a floating pill","type":"registry:block","source_url":"https://shadcnstore.com/r/navbar-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/navbar-3.json"},{"name":"navbar-4","title":"Navbar 4","description":"A storefront navbar with live search, avatar account menu, animated cart badge, and a product grid demo","type":"registry:block","source_url":"https://shadcnstore.com/r/navbar-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/navbar-4.json"},{"name":"navbar-5","title":"Navbar 5","description":"A documentation-site header with a collapsing secondary row, breadcrumb promotion, ⌘K search and version switching","type":"registry:block","source_url":"https://shadcnstore.com/r/navbar-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/navbar-5.json"},{"name":"pricing-section-1","title":"Pricing Section 1","description":"A three-tier pricing grid with a popular badge and a feature list per plan","type":"registry:block","source_url":"https://shadcnstore.com/r/pricing-section-1.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-1.json"},{"name":"pricing-section-2","title":"Pricing Section 2","description":"A three-tier pricing grid with a raised middle plan and per-plan feature lists","type":"registry:block","source_url":"https://shadcnstore.com/r/pricing-section-2.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-2.json"},{"name":"pricing-section-3","title":"Pricing Section 3","description":"A three-tier pricing grid with a monthly and annual billing switch","type":"registry:block","source_url":"https://shadcnstore.com/r/pricing-section-3.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-3.json"},{"name":"pricing-section-4","title":"Pricing Section 4","description":"A clean and modern pricing section with a focus on features and benefits","type":"registry:block","source_url":"https://shadcnstore.com/r/pricing-section-4.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-4.json"},{"name":"pricing-section-5","title":"Pricing Section 5","description":"Two-tier pricing layout with Personal vs Team plans and comprehensive features grid","type":"registry:block","source_url":"https://shadcnstore.com/r/pricing-section-5.json","install_command":"npx shadcn@latest add https://shadcnstore.com/r/pricing-section-5.json"}]},{"id":"shadcnui-blocks","name":"@shadcnui-blocks","slug":"shadcnui-blocks","description":"A free collection of 200+ production-ready shadcn/ui blocks and 25+ extended component variants, built with Next.js, Tailwind CSS, and TypeScript. Block categories include Hero sections, pricing tables, testimonials, feature grids, and footers, all shipping with light and dark mode. No account or paywall required — copy-paste from the site. Component variants extend standard shadcn/ui defaults with more styles and sizes. Use for: pulling free, dark-mode-ready marketing and landing-page blocks into any Next.js project without a subscription or signup.","author":"akash3444","framework":"react","license":"MIT","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","marketing","media","navigation","overlays","payments","pro-available","saas","tables","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","pro"],"urls":{"website":"https://shadcnui-blocks.com","github":"https://github.com/akash3444/shadcn-ui-blocks","registry":"https://shadcnui-blocks.com/r/registry.json","source":"https://shadcnui-blocks.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnui-blocks","markdown":"https://sh4dcn.netlify.app/md/shadcnui-blocks.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200' fill='none'><rect width='200' height='200' rx='36' fill='black'/><path d='M100 170.833C139.12 170.833 170.833 139.12 170.833 100C170.833 60.8798 139.12 29.1667 100 29.1667C60.8798 29.1667 29.1666 60.8798 29.1666 100C29.1666 139.12 60.8798 170.833 100 170.833Z' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M116.363 71.6667L157.021 142.075' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M83.6375 71.6667H164.954' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M67.275 100L107.933 29.5917' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M83.6375 128.333L42.9791 57.925' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M116.362 128.333H35.0458' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/><path d='M132.725 100L92.0667 170.408' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":"https://www.shadcnui-blocks.com/images/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcnui-blocks.com/blocks/categories/pricing"},"metrics":{"github_stars":632,"open_issues":3,"last_commit":"2026-09-18T17:26:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcnui-blocks.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcnui-blocks.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcnui-blocks.com/r/registry.json","clone":"git clone https://github.com/akash3444/shadcn-ui-blocks.git","clone_degit":"npx degit akash3444/shadcn-ui-blocks","registry_fetch":"curl -s https://shadcnui-blocks.com/r/registry.json"},"component_count":250,"components":[{"name":"dot-pattern","title":"Dot Pattern","description":"A simple dot pattern","type":"registry:ui","source_url":"https://shadcnui-blocks.com/r/dot-pattern.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dot-pattern.json"},{"name":"particles","title":"Particles","description":"A simple particles","type":"registry:ui","source_url":"https://shadcnui-blocks.com/r/particles.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/particles.json"},{"name":"animated-grid-pattern","title":"Animated Grid Pattern","description":"A simple animated grid pattern","type":"registry:ui","source_url":"https://shadcnui-blocks.com/r/animated-grid-pattern.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/animated-grid-pattern.json"},{"name":"marquee","title":"Marquee","description":"A simple marquee","type":"registry:ui","source_url":"https://shadcnui-blocks.com/r/marquee.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/marquee.json"},{"name":"accordion-01","title":"Default Accordion","description":"A default accordion component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-01.json"},{"name":"accordion-02","title":"Outline Accordion","description":"An outline styled accordion","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-02.json"},{"name":"accordion-03","title":"Box Accordion","description":"A box styled accordion","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-03.json"},{"name":"accordion-04","title":"Contained Accordion","description":"A contained accordion component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-04.json"},{"name":"accordion-05","title":"Box Contained Accordion","description":"A box-contained accordion component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-05.json"},{"name":"accordion-06","title":"Tabs Accordion","description":"A tabs-styled accordion component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-06.json"},{"name":"accordion-07","title":"Highlight Active Item Accordion","description":"An accordion that highlights the active item","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-07.json"},{"name":"accordion-08","title":"Multiple Expanded at a time Accordion","description":"An accordion that allows multiple items to be expanded at once","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-08.json"},{"name":"accordion-09","title":"Expand Icon Accordion","description":"An accordion with a custom expand icon","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-09.json"},{"name":"accordion-10","title":"Icon Accordion","description":"An accordion with icons","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-10.json"},{"name":"accordion-11","title":"Media Content Accordion","description":"An accordion with media content","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-11.json"},{"name":"accordion-12","title":"Disabled Item Accordion","description":"An accordion with disabled items","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/accordion-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/accordion-12.json"},{"name":"alert-01","title":"Primary Alert","description":"A primary alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-01.json"},{"name":"alert-02","title":"Destructive Alert","description":"A destructive alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-02.json"},{"name":"alert-03","title":"Success Alert","description":"A success alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-03.json"},{"name":"alert-04","title":"Warning Alert","description":"A warning alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-04.json"},{"name":"alert-05","title":"Info Alert","description":"An info alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-05.json"},{"name":"alert-06","title":"Alert With Background","description":"An alert with background component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-06.json"},{"name":"alert-07","title":"Soft Alert","description":"A soft alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-07.json"},{"name":"alert-08","title":"Bootstrap Alert","description":"A bootstrap-styled alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-08.json"},{"name":"alert-09","title":"Callout Alert","description":"A callout alert component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-09.json"},{"name":"alert-10","title":"Alert With Actions","description":"An alert with actions component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-10.json"},{"name":"alert-dialog-01","title":"Default Alert Dialog","description":"A default alert dialog component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-dialog-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-01.json"},{"name":"alert-dialog-02","title":"Alert Dialog With Icon","description":"An alert dialog with icon component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-dialog-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-02.json"},{"name":"alert-dialog-03","title":"Destructive Alert Dialog","description":"A destructive alert dialog component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-dialog-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-03.json"},{"name":"alert-dialog-04","title":"Info Alert Dialog","description":"An info alert dialog component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-dialog-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-04.json"},{"name":"alert-dialog-05","title":"Customized Header Alert Dialog","description":"An alert dialog with customized header","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-dialog-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-05.json"},{"name":"alert-dialog-06","title":"Customized Footer Alert Dialog","description":"An alert dialog with customized footer","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/alert-dialog-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/alert-dialog-06.json"},{"name":"avatar-01","title":"Default Avatar","description":"A default avatar component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-01.json"},{"name":"avatar-02","title":"Clickable Avatar","description":"A clickable avatar component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-02.json"},{"name":"avatar-03","title":"Avatar with Tooltip","description":"An avatar with tooltip component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-03.json"},{"name":"avatar-04","title":"Avatar with Text","description":"An avatar with text component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-04.json"},{"name":"avatar-05","title":"Avatar with Hover Card","description":"An avatar with hover card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-05.json"},{"name":"avatar-06","title":"Avatar Size","description":"Different sizes of avatar component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-06.json"},{"name":"avatar-07","title":"Avatar Color","description":"Different colors of avatar component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-07.json"},{"name":"avatar-08","title":"Avatar Shape","description":"Different shapes of avatar component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-08.json"},{"name":"avatar-09","title":"Avatar Fallback","description":"Avatar with fallback component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-09.json"},{"name":"avatar-10","title":"Avatar with Ring","description":"Avatar with ring component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-10.json"},{"name":"avatar-11","title":"Avatar Status","description":"Avatar with status indicator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-11.json"},{"name":"avatar-12","title":"Avatar Group","description":"Group of avatars component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-12.json"},{"name":"avatar-13","title":"Avatar Group with Max","description":"Group of avatars with maximum limit component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-13.json"},{"name":"avatar-14","title":"Avatar Group with Max","description":"Group of avatars with maximum limit component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-14.json"},{"name":"avatar-15","title":"Avatar Group with Max","description":"Group of avatars with maximum limit component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-15.json"},{"name":"avatar-16","title":"Avatar Dropdown Menu","description":"An avatar dropdown menu component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/avatar-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/avatar-16.json"},{"name":"badge-01","title":"Default Badge","description":"A default badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-01.json"},{"name":"badge-02","title":"Secondary Badge","description":"A secondary badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-02.json"},{"name":"badge-03","title":"Outline Badge","description":"An outline badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-03.json"},{"name":"badge-04","title":"Destructive Badge","description":"A destructive badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-04.json"},{"name":"badge-05","title":"Rounded Badge","description":"A rounded badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-05.json"},{"name":"badge-06","title":"Gradient Badge","description":"A gradient badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-06.json"},{"name":"badge-07","title":"Gradient Outline Badge","description":"A gradient outline badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-07.json"},{"name":"badge-08","title":"Soft Badge","description":"A soft badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-08.json"},{"name":"badge-09","title":"Status Badge","description":"A status badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-09.json"},{"name":"badge-10","title":"Badge with Image","description":"A badge with image component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-10.json"},{"name":"badge-11","title":"Badge with Icon","description":"A badge with icon component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-11.json"},{"name":"badge-12","title":"Clickable Badge","description":"A clickable badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-12.json"},{"name":"badge-13","title":"Clickable Link Badge","description":"A clickable link badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-13.json"},{"name":"badge-14","title":"Badge with number","description":"A badge with number component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-14.json"},{"name":"badge-15","title":"Plan features with badge","description":"A plan features with badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-15.json"},{"name":"badge-16","title":"Tabs with badge","description":"A tabs with badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-16.json"},{"name":"badge-17","title":"Icon button","description":"An icon button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/badge-17.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/badge-17.json"},{"name":"button-01","title":"Primary Button","description":"A primary button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-01.json"},{"name":"button-02","title":"Secondary Button","description":"A secondary button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-02.json"},{"name":"button-03","title":"Destructive Button","description":"A destructive button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-03.json"},{"name":"button-04","title":"Outline Button","description":"An outline button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-04.json"},{"name":"button-08","title":"Ghost Button","description":"A ghost button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-08.json"},{"name":"button-17","title":"Full Width Button","description":"A full width button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-17.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-17.json"},{"name":"button-18","title":"Button Group","description":"A button group component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-18.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-18.json"},{"name":"button-19","title":"Button Group 2","description":"Another button group component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-19.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-19.json"},{"name":"button-22","title":"Button with Tooltip","description":"A button with tooltip component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-22.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-22.json"},{"name":"button-16","title":"Theme Toggle Button","description":"A theme toggle button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-16.json"},{"name":"button-20","title":"Copy Button","description":"A copy button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-20.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-20.json"},{"name":"button-14","title":"Rounded Button","description":"A rounded button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-14.json"},{"name":"button-15","title":"Toggle Button","description":"A toggle button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-15.json"},{"name":"button-11","title":"Social Button","description":"A social button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-11.json"},{"name":"button-12","title":"Social Login Button","description":"A social login button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-12.json"},{"name":"button-07","title":"Split Button","description":"A split button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-07.json"},{"name":"button-06","title":"Loading Button","description":"A loading button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-06.json"},{"name":"button-09","title":"Gradient Button","description":"A gradient button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-09.json"},{"name":"button-05","title":"Icon Button","description":"An icon button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-05.json"},{"name":"button-13","title":"Neon Button","description":"A neon button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-13.json"},{"name":"button-23","title":"Button with Tap Animation","description":"A button with tap animation component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-23.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-23.json"},{"name":"button-10","title":"Link Button","description":"A link button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-10.json"},{"name":"button-21","title":"Button with Badge","description":"A button with badge component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/button-21.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/button-21.json"},{"name":"card-01","title":"Default Card","description":"A default card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-01.json"},{"name":"card-02","title":"Card with Background","description":"A card with background component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-02.json"},{"name":"card-03","title":"Create Account Card","description":"A create account card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-03.json"},{"name":"card-07","title":"Product Card","description":"A product card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-07.json"},{"name":"card-04","title":"Banner Card","description":"A banner card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-04.json"},{"name":"card-05","title":"Pricing Card","description":"A pricing card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-05.json"},{"name":"card-08","title":"Testimonial Card","description":"A testimonial card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-08.json"},{"name":"card-06","title":"Post Card","description":"A post card component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/card-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/card-06.json"},{"name":"checkbox-02","title":"Disabled Checkbox","description":"A disabled checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-02.json"},{"name":"checkbox-01","title":"Checkbox with Text","description":"A checkbox with text component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-01.json"},{"name":"checkbox-06","title":"Controlled Checkbox","description":"A controlled checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-06.json"},{"name":"checkbox-03","title":"Indeterminate Checkbox","description":"An indeterminate checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-03.json"},{"name":"checkbox-07","title":"Checkbox Colors","description":"Different colors of checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-07.json"},{"name":"checkbox-08","title":"Checkbox Sizes","description":"Different sizes of checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-08.json"},{"name":"checkbox-04","title":"Horizontal Checkbox Group","description":"A horizontal checkbox group component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-04.json"},{"name":"checkbox-09","title":"Icon Checkbox","description":"A checkbox with custom icon component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-09.json"},{"name":"checkbox-11","title":"Card Checkbox","description":"A card checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-11.json"},{"name":"checkbox-10","title":"Multi Color Picker Checkbox","description":"A multi color picker checkbox component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-10.json"},{"name":"checkbox-05","title":"Vertical Checkbox Group","description":"A vertical checkbox group component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-05.json"},{"name":"checkbox-12","title":"Checkbox with Form","description":"A checkbox with form component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-12.json"},{"name":"checkbox-13","title":"Roles","description":"A roles component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-13.json"},{"name":"checkbox-14","title":"Countries","description":"A countries component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-14.json"},{"name":"checkbox-15","title":"Working Days","description":"A working days component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-15.json"},{"name":"checkbox-16","title":"Notification Settings","description":"A notification settings component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/checkbox-16.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/checkbox-16.json"},{"name":"dropdown-menu-01","title":"Default Dropdown Menu","description":"A default dropdown menu component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-01.json"},{"name":"dropdown-menu-03","title":"Dropdown Menu with Checkboxes","description":"A dropdown menu with checkboxes component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-03.json"},{"name":"dropdown-menu-02","title":"Dropdown Menu with Icon","description":"A dropdown menu with icon component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-02.json"},{"name":"dropdown-menu-04","title":"Dropdown Menu with Radio Group","description":"A dropdown menu with radio group component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-04.json"},{"name":"dropdown-menu-05","title":"Dropdown Menu with Sub Menu","description":"A dropdown menu with sub menu component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-05.json"},{"name":"dropdown-menu-07","title":"Complex Dropdown Menu","description":"A complex dropdown menu component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-07.json"},{"name":"dropdown-menu-06","title":"Dropdown Menu with Shortcuts","description":"A dropdown menu with keyboard shortcuts component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-06.json"},{"name":"dropdown-menu-08","title":"Workspace Switcher Dropdown Menu","description":"A workspace switcher dropdown menu component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/dropdown-menu-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/dropdown-menu-08.json"},{"name":"input-01","title":"Default Input","description":"A default input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-01.json"},{"name":"input-03","title":"Filled Input","description":"A filled input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-03.json"},{"name":"input-04","title":"Disabled Input","description":"A disabled input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-04.json"},{"name":"input-08","title":"Input with Helper Text","description":"An input with helper text component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-08.json"},{"name":"input-09","title":"Input with Error Message","description":"An input with error message component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-09.json"},{"name":"input-11","title":"File Input","description":"A file input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-11.json"},{"name":"input-12","title":"Dropzone Input","description":"A dropzone input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-12.json"},{"name":"input-02","title":"Ring Input","description":"A ring input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-02.json"},{"name":"input-10","title":"Input with Form","description":"An input with form component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-10.json"},{"name":"input-06","title":"Input with Button","description":"An input with button component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-06.json"},{"name":"input-07","title":"Input with Adornment","description":"An input with adornment component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-07.json"},{"name":"input-05","title":"Input with Label","description":"An input with label component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-05.json"},{"name":"breadcrumb-01","title":"Default Breadcrumb","description":"A default breadcrumb component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-01.json"},{"name":"breadcrumb-05","title":"Breadcrumb with Icon","description":"A breadcrumb with icon component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-05.json"},{"name":"breadcrumb-06","title":"Breadcrumb with Icon (Alternate)","description":"An alternate breadcrumb with icon component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-06.json"},{"name":"breadcrumb-07","title":"Breadcrumb with Icon and Label","description":"A breadcrumb with icon and label component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-07.json"},{"name":"breadcrumb-08","title":"Breadcrumb with Icon and Label (Alternate)","description":"An alternate breadcrumb with icon and label component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-08.json"},{"name":"breadcrumb-13","title":"Breadcrumb with Dropdown","description":"A breadcrumb with dropdown component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-13.json"},{"name":"breadcrumb-10","title":"Breadcrumb with Tab Active","description":"A breadcrumb with tab active component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-10.json"},{"name":"breadcrumb-14","title":"Collapsed Breadcrumb","description":"A collapsed breadcrumb component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-14.json"},{"name":"breadcrumb-09","title":"Breadcrumb with Background","description":"A breadcrumb with background component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-09.json"},{"name":"breadcrumb-11","title":"Tabs Breadcrumb","description":"A tabs breadcrumb component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-11.json"},{"name":"breadcrumb-12","title":"Tabs Outline Breadcrumb","description":"A tabs outline breadcrumb component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-12.json"},{"name":"breadcrumb-15","title":"Steps Breadcrumb","description":"A steps breadcrumb component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-15.json"},{"name":"breadcrumb-03","title":"Breadcrumb with Chevrons Separator","description":"A breadcrumb with chevrons separator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-03.json"},{"name":"breadcrumb-04","title":"Breadcrumb with Dot Separator","description":"A breadcrumb with dot separator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-04.json"},{"name":"breadcrumb-02","title":"Breadcrumb with Slash Separator","description":"A breadcrumb with slash separator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/breadcrumb-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/breadcrumb-02.json"},{"name":"carousel-01","title":"Default Carousel","description":"A default carousel component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-01.json"},{"name":"carousel-02","title":"Carousel with Multiple Slides","description":"A carousel displaying multiple slides at once","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-02.json"},{"name":"carousel-03","title":"Vertical Carousel","description":"A vertical orientation carousel","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-03.json"},{"name":"carousel-04","title":"Carousel with Slide Status","description":"A carousel with slide status indicator","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-04.json"},{"name":"carousel-05","title":"Carousel with Slide Status (Alternate)","description":"An alternate carousel with slide status indicator","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-05.json"},{"name":"carousel-06","title":"Carousel with Pagination","description":"A carousel with pagination controls","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-06.json"},{"name":"carousel-07","title":"Carousel with Footer","description":"A carousel with a footer section","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-07.json"},{"name":"carousel-08","title":"Carousel with Progress Bar","description":"A carousel with a progress bar indicator","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-08.json"},{"name":"carousel-09","title":"Carousel with Thumbnails","description":"A carousel with thumbnail navigation","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-09.json"},{"name":"carousel-10","title":"Carousel with Opacity Transition","description":"A carousel with opacity transition effects","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-10.json"},{"name":"carousel-11","title":"Carousel with Scale Transition","description":"A carousel with scale transition effects","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/carousel-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/carousel-11.json"},{"name":"collapsible-01","title":"Default Collapsible","description":"A default collapsible component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/collapsible-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-01.json"},{"name":"collapsible-02","title":"Show More Collapsible","description":"A collapsible component with show more functionality","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/collapsible-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-02.json"},{"name":"collapsible-03","title":"File Tree Collapsible","description":"A collapsible component for displaying file trees","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/collapsible-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-03.json"},{"name":"collapsible-04","title":"Filters Collapsible","description":"A collapsible component for filter options","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/collapsible-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/collapsible-04.json"},{"name":"input-otp-01","title":"Default OTP Input","description":"A default one-time password input component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-01.json"},{"name":"input-otp-03","title":"Separated OTP Input","description":"An OTP input with separated input fields","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-03.json"},{"name":"input-otp-04","title":"Separated OTP Input (Alternate)","description":"An alternate style of separated OTP input fields","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-04.json"},{"name":"input-otp-05","title":"Secondary OTP Input","description":"An OTP input with secondary styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-05.json"},{"name":"input-otp-02","title":"OTP Input Without Separator","description":"An OTP input without separators between fields","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-02.json"},{"name":"input-otp-06","title":"OTP Input with Custom Separator","description":"An OTP input with custom separator between fields","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-06.json"},{"name":"input-otp-07","title":"OTP Input with Inner Shadow","description":"An OTP input with inner shadow styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/input-otp-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/input-otp-07.json"},{"name":"navigation-menu-01","title":"Default Navigation Menu","description":"A default navigation menu component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-01.json"},{"name":"navigation-menu-07","title":"Navigation Menu with Icons","description":"A navigation menu with icon elements","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-07.json"},{"name":"navigation-menu-04","title":"Navigation Menu with Active Item","description":"A navigation menu with active item styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-04.json"},{"name":"navigation-menu-05","title":"Underlined Navigation Menu","description":"A navigation menu with underlined styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-05.json"},{"name":"navigation-menu-08","title":"Mobile Navigation Menu","description":"A mobile-friendly navigation menu","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-08.json"},{"name":"navigation-menu-02","title":"Navigation Menu with Icon","description":"A navigation menu with icon integration","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-02.json"},{"name":"navigation-menu-06","title":"Rich Navigation Menu","description":"A feature-rich navigation menu with advanced styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-06.json"},{"name":"navigation-menu-03","title":"Navigation Menu with Dropdown","description":"A navigation menu with dropdown functionality","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/navigation-menu-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/navigation-menu-03.json"},{"name":"pagination-01","title":"Default Pagination","description":"A default pagination component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-01.json"},{"name":"pagination-10","title":"Pagination with Icon and Label","description":"A pagination component with icons and labels","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-10.json"},{"name":"pagination-05","title":"Pagination with Icon","description":"A pagination component with icons","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-05.json"},{"name":"pagination-07","title":"Bordered Pagination","description":"A pagination component with bordered styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-07.json"},{"name":"pagination-04","title":"Pagination with Rounded Buttons","description":"A pagination component with rounded button styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-04.json"},{"name":"pagination-08","title":"Tabs Pagination","description":"A pagination component with tabs styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-08.json"},{"name":"pagination-06","title":"Pagination with First/Last Page","description":"A pagination component with first and last page navigation","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-06.json"},{"name":"pagination-09","title":"Secondary Tabs Pagination","description":"A pagination component with secondary tabs styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-09.json"},{"name":"pagination-11","title":"Numberless Pagination","description":"A pagination component without page numbers","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-11.json"},{"name":"pagination-12","title":"Numberless Pagination with Text","description":"A pagination component without numbers but with text","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-12.json"},{"name":"pagination-13","title":"Pagination with Ellipsis","description":"A pagination component with ellipsis for long page ranges","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-13.json"},{"name":"pagination-14","title":"Table Pagination","description":"A pagination component designed for tables","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-14.json"},{"name":"pagination-15","title":"Pagination with text","description":"A pagination component with text","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-15.json"},{"name":"pagination-02","title":"Pagination with Primary Buttons","description":"A pagination component with primary button styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-02.json"},{"name":"pagination-03","title":"Pagination with Secondary Buttons","description":"A pagination component with secondary button styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/pagination-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/pagination-03.json"},{"name":"progress-01","title":"Default Progress","description":"A default linear progress component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-01.json"},{"name":"progress-02","title":"Linear Progress with Label","description":"A linear progress component with label","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-02.json"},{"name":"progress-04","title":"Rounded Progress","description":"A progress component with rounded styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-04.json"},{"name":"progress-03","title":"Linear Progress with Custom Color","description":"A linear progress component with custom color","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-03.json"},{"name":"progress-07","title":"Circular Progress","description":"A circular progress component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-07.json"},{"name":"progress-10","title":"Circular Progress with Custom Color","description":"A circular progress component with custom color","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-10.json"},{"name":"progress-08","title":"Circular Progress with Label","description":"A circular progress component with label","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-08.json"},{"name":"progress-09","title":"Circular Progress with Custom Label","description":"A circular progress component with custom label","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-09.json"},{"name":"progress-11","title":"Circular Progress with Custom Shape","description":"A circular progress component with custom shape","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-11.json"},{"name":"progress-12","title":"Circular Progress with Custom Stroke Width","description":"A circular progress component with custom stroke width","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-12.json"},{"name":"progress-05","title":"Gradient Progress","description":"A progress component with gradient styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-05.json"},{"name":"progress-06","title":"Animated Progress","description":"A progress component with animation effects","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/progress-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/progress-06.json"},{"name":"radio-group-01","title":"Default Radio Group","description":"A default radio group component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-01.json"},{"name":"radio-group-03","title":"Disabled Radio Group","description":"A radio group component with disabled options","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-03.json"},{"name":"radio-group-05","title":"Radio Group with Custom Size","description":"A radio group component with custom size options","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-05.json"},{"name":"radio-group-07","title":"Radio Group with Cards (Style 1)","description":"A radio group component with card-style options (style 1)","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-07.json"},{"name":"radio-group-08","title":"Radio Group with Cards (Style 2)","description":"A radio group component with card-style options (style 2)","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-08.json"},{"name":"radio-group-09","title":"Radio Group with Cards (Style 3)","description":"A radio group component with card-style options (style 3)","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-09.json"},{"name":"radio-group-02","title":"Horizontal Radio Group","description":"A radio group component with horizontal layout","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-02.json"},{"name":"radio-group-04","title":"Radio Group with Custom Colors","description":"A radio group component with custom color options","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-04.json"},{"name":"radio-group-06","title":"Radio Group with Variant Styling","description":"A radio group component with variant styling options","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/radio-group-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/radio-group-06.json"},{"name":"select-01","title":"Default Select","description":"A default select component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-01.json"},{"name":"select-06","title":"Select with Icon","description":"A select component with icon integration","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-06.json"},{"name":"select-11","title":"Controlled Select","description":"A controlled select component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-11.json"},{"name":"select-10","title":"Scrollable Select","description":"A select component with scrollable options","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-10.json"},{"name":"select-09","title":"Select with Custom Menu Position","description":"A select component with custom menu position","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-09.json"},{"name":"select-04","title":"Select with Custom Dropdown Icon","description":"A select component with custom dropdown icon","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-04.json"},{"name":"select-03","title":"Ghost Select","description":"A select component with ghost styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-03.json"},{"name":"select-05","title":"Select with Custom Shape","description":"A select component with custom shape styling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-05.json"},{"name":"select-08","title":"Theme Selector Select","description":"A select component for theme selection","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-08.json"},{"name":"select-02","title":"Select with Background Color","description":"A select component with custom background color","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-02.json"},{"name":"select-07","title":"Select with Form Integration","description":"A select component integrated with form handling","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/select-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/select-07.json"},{"name":"separator-01","title":"Default Separator","description":"A default separator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-01.json"},{"name":"separator-04","title":"Dashed Separator","description":"A dashed separator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-04.json"},{"name":"separator-05","title":"Vertical Separator","description":"A vertical separator component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-05.json"},{"name":"separator-03","title":"Horizontal Separator with Chip","description":"A horizontal separator with chip component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-03.json"},{"name":"separator-06","title":"Vertical Separator with Chip","description":"A vertical separator with chip component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-06.json"},{"name":"separator-02","title":"Horizontal Separator with Label","description":"A horizontal separator with label component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-02.json"},{"name":"separator-with-label-vertical","title":"Vertical Separator with Label","description":"A vertical separator with label component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/separator-with-label-vertical.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/separator-with-label-vertical.json"},{"name":"slider-01","title":"Default Slider","description":"A default slider component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-01.json"},{"name":"slider-02","title":"Disabled Slider","description":"A disabled slider component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-02.json"},{"name":"slider-03","title":"Slider Size","description":"A slider component with different sizes","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-03.json"},{"name":"slider-04","title":"Slider Color","description":"A slider component with different colors","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-04.json"},{"name":"slider-05","title":"Slider Shape","description":"A slider component with different shapes","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-05.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-05.json"},{"name":"slider-06","title":"Slider with Label","description":"A slider component with a label","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-06.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-06.json"},{"name":"slider-13","title":"Vertical Slider","description":"A vertical slider component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-13.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-13.json"},{"name":"slider-07","title":"Slider with Thumb Icon","description":"A slider component with a custom thumb icon","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-07.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-07.json"},{"name":"slider-08","title":"Audio Slider","description":"A slider component designed for audio controls","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-08.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-08.json"},{"name":"slider-09","title":"Slider with Marks","description":"A slider component with marks for specific values","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-09.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-09.json"},{"name":"slider-10","title":"Slider with Sticky Label","description":"A slider component with a sticky label","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-10.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-10.json"},{"name":"slider-11","title":"Slider with Sticky Label on Hover","description":"A slider component with a sticky label that appears on hover","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-11.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-11.json"},{"name":"slider-12","title":"Slider with Sticky Label Arrow","description":"A slider component with a sticky label with arrow","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-12.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-12.json"},{"name":"slider-14","title":"Range Slider","description":"A range slider component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-14.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-14.json"},{"name":"slider-15","title":"Slider with Multiple Thumbs","description":"A slider component with multiple thumbs","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/slider-15.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/slider-15.json"},{"name":"spinner-01","title":"Default Spinner","description":"A default spinner component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/spinner-01.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-01.json"},{"name":"spinner-02","title":"Circle Spinner","description":"A circular spinner component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/spinner-02.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-02.json"},{"name":"spinner-03","title":"Pinwheel Spinner","description":"A pinwheel spinner component","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/spinner-03.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-03.json"},{"name":"spinner-04","title":"Spinner Colors","description":"A spinner component with different colors","type":"registry:component","source_url":"https://shadcnui-blocks.com/r/spinner-04.json","install_command":"npx shadcn@latest add https://shadcnui-blocks.com/r/spinner-04.json"}]},{"id":"shadcnuikit","name":"@shadcnuikit","slug":"shadcnuikit","description":"A commercial shadcn/ui kit focused on admin dashboards and multi-page web apps, built with Next.js, TypeScript, and Tailwind CSS. The free tier includes 1 dashboard and 5+ pages; the premium lifetime plan adds 10 dashboards, 50+ pages, 10+ web-app templates, 100+ premium components, 5+ color schemes, dark/light mode, LTR/RTL support, multiple layouts, and a theme customizer. Targets developers building internal tools and SaaS admin panels. Use for: bootstrapping a production admin dashboard project that needs multiple pre-built data-dense pages and role-differentiated layouts out of the box.","author":"bundui","framework":"react","license":"MIT","tags":["ai","blocks","charts","dashboard","design-system","maps","pro-available","saas","theming"],"categories":["Dashboard/admin templates"],"labels":["pro","recently-updated"],"urls":{"website":"https://shadcnuikit.com","github":"https://github.com/bundui/shadcn-admin-dashboard-free","registry":"https://shadcnuikit.com/r/registry.json","source":"https://shadcnuikit.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnuikit","markdown":"https://sh4dcn.netlify.app/md/shadcnuikit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' version='1.0' width='300.000000pt' height='300.000000pt' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,300.000000) scale(0.100000,-0.100000)' fill='var(--foreground)' stroke='none'> <path d='M0 1500 l0 -1500 1500 0 1500 0 0 1500 0 1500 -1500 0 -1500 0 0 -1500z m647 1060 c31 -12 1882 -1856 1914 -1908 54 -85 1 -209 -97 -228 -91 -17 -30 -71 -1057 954 -537 537 -954 962 -963 981 -56 117 76 248 203 201z m845 -3 c15 -7 263 -247 552 -534 451 -449 527 -528 536 -563 16 -58 -1 -110 -50 -154 -35 -31 -47 -36 -91 -36 -27 0 -62 6 -77 14 -15 8 -263 251 -551 540 l-525 525 -4 58 c-3 49 0 64 20 93 41 62 124 86 190 57z m856 -1 c15 -8 70 -59 123 -113 116 -118 133 -154 104 -229 -31 -80 -136 -128 -203 -91 -49 28 -212 191 -233 233 -34 72 -8 151 65 195 37 22 106 25 144 5z m-1683 -857 c17 -10 262 -251 547 -536 548 -550 539 -539 524 -618 -18 -96 -141 -155 -221 -107 -16 11 -265 252 -552 538 -465 461 -523 523 -529 557 -14 82 27 156 101 182 45 16 86 11 130 -16z m-28 -830 c32 -12 218 -191 239 -231 31 -59 9 -146 -47 -187 -35 -26 -93 -37 -136 -26 -30 7 -226 194 -249 237 -60 115 69 254 193 207z'/> </g> </svg>","preview_image":"https://shadcnuikit.com/images/seo.jpg","pro":{"has_pro":true,"pro_url":"https://shadcnuikit.com/pricing","pricing_url":"https://shadcnuikit.com/pricing"},"metrics":{"github_stars":444,"open_issues":2,"last_commit":"2026-10-06T18:14:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcnuikit.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcnuikit.com/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcnuikit.com/r/registry.json","clone":"git clone https://github.com/bundui/shadcn-admin-dashboard-free.git","clone_degit":"npx degit bundui/shadcn-admin-dashboard-free","registry_fetch":"curl -s https://shadcnuikit.com/r/registry.json"},"component_count":250,"components":[{"name":"ai-chat1","title":"Ai chat","description":"Chat home with a sidebar of grouped chat history, a header model menu with copy link and share buttons, a composer with research, image and reasoning toggles, …","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat1.json"},{"name":"ai-chat10","title":"Ai chat","description":"Recruiting assistant with a searchable sidebar, a welcome composer with Attach, Upload images and tone select, four feature cards and a Conversations column wi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat10.json"},{"name":"ai-chat11","title":"Ai chat","description":"Finance assistant with a workspace menu, sidebar navigation with a Budget badge, a trial card, a model banner above the composer, attach, image and receipt but…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat11.json"},{"name":"ai-chat12","title":"Ai chat","description":"Image generator with three stacked cover images, a greeting, recent prompt buttons, a dismissible upgrade banner, ratio and style selects and generated image t…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat12.json"},{"name":"ai-chat13","title":"Ai chat","description":"Centered composer with a segmented research, image and ideas toggle, a model dropdown, web search, attach and voice buttons, a connected tools popover with swi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat13.json"},{"name":"ai-chat14","title":"Ai chat","description":"Conversation screen with a folder sidebar, collapsible assistant replies with clickable style and font choices, a Thinking shimmer, a prompt library menu, an I…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat14.json"},{"name":"ai-chat15","title":"Ai chat","description":"Group chat window with member avatars, a video call button group, bubbles with a shared file card and heart reaction, a New divider, a Polish with AI button an…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat15.json"},{"name":"ai-chat16","title":"Ai chat","description":"Left aligned chat home with a recents sidebar, a version dropdown, a New chat button, a composer with Attach, Upload images and writing style select, and four …","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat16.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat16.json"},{"name":"ai-chat17","title":"Ai chat","description":"Minimal start screen with a header model menu, four starter rows that send immediately, three resumable chats, a single line pill composer with Instant and Thi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat17.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat17.json"},{"name":"ai-chat18","title":"Ai chat","description":"Assistant side panel beside a placeholder page with a thread menu, a reply with source chips, follow up suggestions, a keyboard navigable list of related quest…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat18.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat18.json"},{"name":"ai-chat19","title":"Ai chat","description":"Assistant side panel that asks three scoping questions with a progress bar, checkbox and radio cards with A to D shortcuts, Back and Next buttons, a brief summ…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat19.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat19.json"},{"name":"ai-chat2","title":"Ai chat","description":"Minimal chat home with a sidebar search field, pinned and dated chats, a greeting, a composer with an add content menu, dictation and voice buttons, an incogni…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat2.json"},{"name":"ai-chat20","title":"Ai chat","description":"Floating chat widget over a placeholder dashboard with new chat, history, expand, minimize and close buttons, five suggested questions, simulated replies with …","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat20.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat20.json"},{"name":"ai-chat21","title":"Ai chat","description":"Chat workspace with an icon rail, a chat list with search, saved assistants and collapsible history, an assistant card, task list, suggested prompt card, quick…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat21.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat21.json"},{"name":"ai-chat3","title":"Ai chat","description":"Assistant workspace with tool navigation, collapsible Recent and Favorites groups, a Research Pro card, breadcrumbs, a dotted canvas of four selectable templat…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat3.json"},{"name":"ai-chat4","title":"Ai chat","description":"Sales assistant home with a workspace switcher, Sequencing navigation, an onboarding progress card, a lead search bar, a composer with a model select, four qui…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat4.json"},{"name":"ai-chat5","title":"Ai chat","description":"Single centered composer with a two tone heading, an Attach button, a web search toggle, a writing style select, a voice input toggle and removable file chips,…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat5.json"},{"name":"ai-chat6","title":"Ai chat","description":"Legal assistant start page with four task cards that fill the prompt, a composer with a Research, Review and Draft select, and a tray below it for choosing the…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat6.json"},{"name":"ai-chat7","title":"Ai chat","description":"Logged out chat landing page with a language menu, Log in button, composer with model select, web search toggle and attach button, four dashed example prompts …","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat7.json"},{"name":"ai-chat8","title":"Ai chat","description":"Composer with a model popover opened by default: searchable list with provider logos, Auto and Multiple models switches, a More models page, a disabled Soon en…","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat8.json"},{"name":"ai-chat9","title":"Ai chat","description":"Chat home with a six item sidebar, a waving greeting, three idea cards that fill the prompt, a composer with an upload and image creation menu, a voice button …","type":"registry:block","source_url":"https://shadcnuikit.com/r/ai-chat9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/ai-chat9.json"},{"name":"chat-ui1","title":"Chat UI","description":"Two pane messenger with a searchable chat list showing unread badges and read checks, and a thread of text, video, file, voice and photo gallery messages with …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui1.json"},{"name":"chat-ui10","title":"Chat UI","description":"Omnichannel CRM chat with channel badges on avatars, tag chips with unread and starred filters, assignee, status and transfer menus, a composer that sends prod…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui10.json"},{"name":"chat-ui2","title":"Chat UI","description":"Three column messenger with your profile and online friends on the left, a searchable conversation with emoji reactions in the middle, and a contact panel list…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui2.json"},{"name":"chat-ui3","title":"Chat UI","description":"Team messenger with chats grouped into Team and Personal, a top tab bar, grouped message bubbles with avatars, an emoji picker and a profile panel with About a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui3.json"},{"name":"chat-ui4","title":"Chat UI","description":"Shared inbox with view and team inbox navigation, toggles for tasks and discussions, a timeline of linked emails, tag and assignment events, and an internal co…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui4.json"},{"name":"chat-ui5","title":"Chat UI","description":"Support desk with an icon rail, collapsible inbox views by team and teammate, a ticket thread with a reply or internal note composer, quick replies and a colla…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui5.json"},{"name":"chat-ui6","title":"Chat UI","description":"AI agent inbox with a workspace switcher, Open and Closed lists filtered by priority, an email draft card with an Approve and send button, and a details panel …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui6.json"},{"name":"chat-ui7","title":"Chat UI","description":"Video meeting with a speaker stage, a scrollable participant strip, camera, mic and screen share controls, a session notes tab, and a side panel with meeting c…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui7.json"},{"name":"chat-ui8","title":"Chat UI","description":"Group messenger with a folder rail, pinned chats, mention highlights, photo and voice messages with transcripts, reaction chips showing who reacted, and a deta…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui8.json"},{"name":"chat-ui9","title":"Chat UI","description":"Video call with a running timer, a pinned speaker above three video tiles, emoji reactions, call controls, a copyable meeting code, and a side panel with setti…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chat-ui9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chat-ui9.json"},{"name":"event-calendar1","title":"Event calendar","description":"Event calendar with month, week, day and agenda views, keyboard view shortcuts, drag to reschedule in quarter hours, current time line, more events popover and…","type":"registry:block","source_url":"https://shadcnuikit.com/r/event-calendar1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/event-calendar1.json"},{"name":"event-calendar2","title":"Event calendar","description":"Month calendar with collapsible sidebar holding user menu, date picker and grouped calendar checkboxes that hide events, a six week grid with event chips and a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/event-calendar2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/event-calendar2.json"},{"name":"event-calendar3","title":"Event calendar","description":"Day planner with icon rail, greeting, mini month with event dots and weekend shading, hourly timeline from 8 AM to 10 PM with side by side overlaps, time line …","type":"registry:block","source_url":"https://shadcnuikit.com/r/event-calendar3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/event-calendar3.json"},{"name":"event-calendar4","title":"Event calendar","description":"Minimal calendar with month dropdown, large selected date, to-do list with time badges, next two upcoming events, month grid with colored day markers and an ad…","type":"registry:block","source_url":"https://shadcnuikit.com/r/event-calendar4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/event-calendar4.json"},{"name":"gantt-chart1","title":"Gantt chart","description":"Product roadmap timeline grouped by team with a team filter, Daily, Monthly and Quarterly scales, zoom, release markers, draggable feature bars and a side shee…","type":"registry:block","source_url":"https://shadcnuikit.com/r/gantt-chart1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/gantt-chart1.json"},{"name":"gantt-chart2","title":"Gantt chart","description":"Construction schedule grouped by phase with overall progress, overdue counts, task search, assignee filter, scale and zoom controls, draggable task bars, miles…","type":"registry:block","source_url":"https://shadcnuikit.com/r/gantt-chart2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/gantt-chart2.json"},{"name":"gantt-chart3","title":"Gantt chart","description":"Team resource planner with one lane per person grouped by department, monthly load badges, client filter, project and time off bars with hours per day, an assi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/gantt-chart3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/gantt-chart3.json"},{"name":"kanban-board1","title":"Kanban board","description":"Sprint board with five draggable columns from Backlog to Done, cards with update time, progress bar, attachment and comment counts and avatars, task search, CS…","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board1.json"},{"name":"kanban-board2","title":"Kanban board","description":"Project board with Board, List and Table tabs, status icon columns, cards with description, due date, progress ring and links, assignee filter, invite dialog, …","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board2.json"},{"name":"kanban-board3","title":"Kanban board","description":"Sales pipeline with four stages summing deal values in dollars, lead cards with channel icon, owner, due date and comments, scope select, channel filter, per s…","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board3.json"},{"name":"kanban-board4","title":"Kanban board","description":"Team board with a sidebar of members and projects that filter cards, email invite, tag filter, cards with tags, cover images and progress, editable board name,…","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board4.json"},{"name":"kanban-board5","title":"Kanban board","description":"Project board with Board, Table and Timeline tabs, back and forward view history, cards with priority flag, quarter badge and assignee picker, sort, priority f…","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board5.json"},{"name":"kanban-board6","title":"Kanban board","description":"Onboarding checklist as collapsible status groups with draggable rows, done checkbox, subtask and attachment counts, tags, owner avatar, due date and priority …","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board6.json"},{"name":"kanban-board7","title":"Kanban board","description":"AI agent board where prompt cards with model badge and attached files move from Backlog and Planning to Running, show a spinner, then move to Review as complet…","type":"registry:block","source_url":"https://shadcnuikit.com/r/kanban-board7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/kanban-board7.json"},{"name":"mail-app1","title":"Mail app","description":"Three pane mail client with resizable, collapsible folder navigation, account select, color labels, All and Unread tabs, search, reading pane with snooze, arch…","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app1.json"},{"name":"mail-app2","title":"Mail app","description":"Inbox start page with greeting, live clock and three counters, day grouped inbox with priority badges, filter and sort, task checklist, comment feed and a mess…","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app2.json"},{"name":"mail-app3","title":"Mail app","description":"Mail app with workspace rail, sidebar holding account menu, Cmd+K search, compose, nested folders and storage meter, tabbed list with attachment chips and read…","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app3.json"},{"name":"mail-app4","title":"Mail app","description":"Sales inbox with tabbed lead conversations, thread with AI summary showing intent, sentiment and next step, drafted and scheduled replies, meeting booking and …","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app4.json"},{"name":"mail-app5","title":"Mail app","description":"Inbox with workspace switcher, folders and labels you can add inline, starrable message list, newsletter reader with hidden images notice, unsubscribe button, …","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app5.json"},{"name":"mail-app6","title":"Mail app","description":"Inbox with account switcher, core and smart folders, Primary, Promotions, Social and Updates tabs, collapsible day groups with checkboxes, bulk archive, read a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app6.json"},{"name":"mail-app7","title":"Mail app","description":"Client inbox with top search bar, icon rail, All, Unread, Flagged and Sent tabs, rows with activity line and status badge, and a thread view with flag, inline …","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app7.json"},{"name":"mail-app8","title":"Mail app","description":"Full width inbox with icon rail, search, Ask AI popover that turns prompts into filters, label and unread chips, Inbox, Sent and Newsletters sections and a rea…","type":"registry:block","source_url":"https://shadcnuikit.com/r/mail-app8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/mail-app8.json"},{"name":"map-view1","title":"Map view","description":"World property map with a floating list panel: search, list or grid view, favorites toggle, type and availability filter popover, and icon markers shaded by av…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view1.json"},{"name":"map-view10","title":"Map view","description":"Multi stop route planner with a collapsible numbered stop list, total miles and time, reorder and remove controls, an add destination popover, and numbered map…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view10.json"},{"name":"map-view11","title":"Map view","description":"Country choropleth map shading users by share of the top country, with metric and date range selects, a color legend and a ranked country list with change arro…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view11.json"},{"name":"map-view2","title":"Map view","description":"Chicago apartment search with price, unit type, floor and amenity filter popovers, a sort select, list or grid cards and rent price pill markers that open a ph…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view2.json"},{"name":"map-view3","title":"Map view","description":"Real estate investment map with country, type and price selects, funding status tabs with counts, a listing panel showing token price, IRR and APR, copy link a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view3.json"},{"name":"map-view4","title":"Map view","description":"Audience overview map with visitor bubbles sized per city, a 24h, 7d and 30d tab switch, a users card with sparkline and device split, and lists of top pages, …","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view4.json"},{"name":"map-view5","title":"Map view","description":"Delivery tracking panel with ETA, distance left, progress and an itemized order, a timeline sheet and courier contact popover, plus a map route split into driv…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view5.json"},{"name":"map-view6","title":"Map view","description":"Edge network status map with overall state, 30 day uptime and nodes up, All, Healthy, Degraded and Down filters, a location list with latency and status dot ma…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view6.json"},{"name":"map-view7","title":"Map view","description":"Store locator with name or address search, an Open now toggle, store cards with hours and phone, pin markers colored by open status and a popup with a Get dire…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view7.json"},{"name":"map-view8","title":"Map view","description":"EV charging finder with a session range select, date picker, free ports and session totals, station rows with price per kWh and a time slot booking popover, an…","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view8.json"},{"name":"map-view9","title":"Map view","description":"Run summary card over a map showing the route with start and finish markers, athlete and date, distance, duration and average pace, plus kilometer splits with …","type":"registry:block","source_url":"https://shadcnuikit.com/r/map-view9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/map-view9.json"},{"name":"todo-app1","title":"Todo app","description":"Single column todo list with an add task input, checkbox rows that strike through completed items, a delete button on each row, a remaining task counter and a …","type":"registry:block","source_url":"https://shadcnuikit.com/r/todo-app1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/todo-app1.json"},{"name":"todo-app2","title":"Todo app","description":"Task manager with status tabs and counts, search, an assignee, priority and starred filter menu, list or grid views with drag to reorder, and drawers for creat…","type":"registry:block","source_url":"https://shadcnuikit.com/r/todo-app2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/todo-app2.json"},{"name":"todo-app3","title":"Todo app","description":"Client project tracker inside an app sidebar with a breadcrumb, team avatars, an invite search, a priority filter and collapsible status tables with row select…","type":"registry:block","source_url":"https://shadcnuikit.com/r/todo-app3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/todo-app3.json"},{"name":"todo-app4","title":"Todo app","description":"Standalone client project tracker with a logo header, team avatars, an invite search, a priority filter and collapsible status tables supporting row selection,…","type":"registry:block","source_url":"https://shadcnuikit.com/r/todo-app4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/todo-app4.json"},{"name":"todo-app5","title":"Todo app","description":"Sprint task table grouped by status or priority with task codes, inline priority and due date editing, column visibility, density and sort controls, an assigne…","type":"registry:block","source_url":"https://shadcnuikit.com/r/todo-app5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/todo-app5.json"},{"name":"todo-app6","title":"Todo app","description":"Right side task drawer with category and urgency badges, a five step status tracker, attachment buttons, a timestamped progress timeline with collapsible notes…","type":"registry:block","source_url":"https://shadcnuikit.com/r/todo-app6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/todo-app6.json"},{"name":"chart1","title":"Charts","description":"Total revenue card with rounded side by side bars for desktop and mobile per month, a boxed desktop and mobile totals summary in the header and a dashed hover …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart1.json"},{"name":"chart10","title":"Charts","description":"Achievement by year card with three thin horizontal bars for 2024, 2023 and 2022, each labeled inside the bar and topped by a large project count.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart10.json"},{"name":"chart11","title":"Charts","description":"Project efficiency donut with a month select whose items show color swatches, an enlarged active slice with an outer ring, and the selected month value in the …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart11.json"},{"name":"chart12","title":"Charts","description":"Revenue chart card with clickable desktop and mobile total tiles in the header that switch a single daily bar series over the last 28 days with formatted date …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart12.json"},{"name":"chart13","title":"Charts","description":"Leads by source donut with the total leads in the center, an Export dropdown and a row of social, email, call and others counts with colored dots below.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart13.json"},{"name":"chart14","title":"Charts","description":"Earning reports card with a gradient weekly bar chart, a total with green badge and three side panels for earnings, profit and expense, each with an icon, amou…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart14.json"},{"name":"chart15","title":"Charts","description":"Support tickets donut showing 88% completed in the center with new and open segments, plus a footer row of new tickets, open tickets and response time with rou…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart15.json"},{"name":"chart16","title":"Charts","description":"Total earning card with a percentage headline, change badge, stacked revenue and sales bars by month, and two transaction rows for client payment and refund wi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart16.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart16.json"},{"name":"chart17","title":"Charts","description":"Monthly file transfer card with stacked desktop and mobile bars per month, horizontal grid lines, a hover tooltip and a chart legend under the bars.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart17.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart17.json"},{"name":"chart18","title":"Charts","description":"Balance summary card with three muted tiles for BTC received, sent and withdrawn, an Export dropdown and a three line monthly chart using matching chart colors.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart18.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart18.json"},{"name":"chart19","title":"Charts","description":"Summary donut card for browser share with a total in the center, a date range description, an arrow icon button and a two column grid of percentage tiles below.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart19.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart19.json"},{"name":"chart2","title":"Charts","description":"Exercise minutes card with two monotone lines for average and today, larger active dots on hover, a custom two column tooltip and an Export dropdown offering E…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart2.json"},{"name":"chart20","title":"Charts","description":"Patients by department pie chart with value labels on each slice and a wrapping legend for cardiology, neurology, oncology and pediatrics.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart20.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart20.json"},{"name":"chart21","title":"Charts","description":"Recurring revenue by plan line chart with a 7D, 30D or 90D toggle, change summary, and a plan table where hovering highlights a line and toggles hide plans.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart21.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart21.json"},{"name":"chart22","title":"Charts","description":"Collapsible service card for an edge gateway with latency, rate limit and uptime stats, an operational badge, and stacked served and rate limited daily bars wi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart22.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart22.json"},{"name":"chart23","title":"Charts","description":"Revenue streams card with stacked monthly bars for subscriptions, services and licensing, a 2025 or 2026 toggle, and a side list of togglable streams with tota…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart23.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart23.json"},{"name":"chart24","title":"Charts","description":"Release roadmap with a scrollable month timeline of pill shaped task bars per person, a today marker with badge, tooltips per task and a side list of projects …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart24.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart24.json"},{"name":"chart25","title":"Charts","description":"Year over year bar chart with this year above the axis and last year mirrored below, a metric select, a segmented radial goal meter and two year to date tiles.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart25.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart25.json"},{"name":"chart26","title":"Charts","description":"Revenue overview card with four KPI tiles, a dropdown combining period and comparison year radio groups, and a two year area chart with series toggles and a ch…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart26.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart26.json"},{"name":"chart27","title":"Charts","description":"Activation funnel with five SVG trapezoid stages, a Total or Step percentage toggle, a hover details panel for accounts and drop off, and a footer naming the b…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart27.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart27.json"},{"name":"chart28","title":"Charts","description":"Contribution calendar heatmap with five color levels, year toggle, arrow key navigation between days, an open tooltip on the active cell and active day and str…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart28.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart28.json"},{"name":"chart29","title":"Charts","description":"Platform status card with 90 daily status bars per service, uptime percentages, current status badges, arrow key inspection, a recent incidents list and a colo…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart29.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart29.json"},{"name":"chart3","title":"Charts","description":"Returning rate card showing $42,379 with a green +2.5% badge, an Export dropdown and a two line chart over months where the second series is drawn at reduced o…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart3.json"},{"name":"chart30","title":"Charts","description":"Earnings summary card with a this week or last week toggle, three selectable metric rows with totals and change, and a daily bar chart that highlights the best…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart30.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart30.json"},{"name":"chart31","title":"Charts","description":"Net cash flow card with money in bars above and money out bars below a zero line, a weekly or monthly toggle, and hover driven inflow and outflow item rows.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart31.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart31.json"},{"name":"chart32","title":"Charts","description":"Signup anomaly card with daily signup bars, a dashed forecast line, the spike bar highlighted, a hover readout of deviation from forecast and an Investigate sp…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart32.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart32.json"},{"name":"chart33","title":"Charts","description":"Weekly revenue card with rounded target bars, an actual revenue line with dots, a hover and click day detail box, a week dropdown and an attainment percentage …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart33.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart33.json"},{"name":"chart34","title":"Charts","description":"Today's revenue card with hourly bars, a stepped line for the same day last week, channel rows that filter the chart and a footer naming the busiest hour.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart34.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart34.json"},{"name":"chart35","title":"Charts","description":"Cash flow card with rounded monthly incoming bars labeled on top, click to select a month, a side month summary with incoming and outgoing tiles and a net reta…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart35.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart35.json"},{"name":"chart36","title":"Charts","description":"Department spend card with stacked monthly bars, a dashed monthly budget line, a department toggle group, an annual budget progress bar and a tooltip showing o…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart36.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart36.json"},{"name":"chart37","title":"Charts","description":"Revenue mix card with a segmented share bar for four customer tiers, a revenue or accounts toggle, hoverable tier tiles, upcoming renewals list and a past due …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart37.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart37.json"},{"name":"chart38","title":"Charts","description":"Publication insights card with tabbed followers and page views totals, a 30 day area chart, and two ranked bar lists for top posts and top sources that expand …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart38.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart38.json"},{"name":"chart39","title":"Charts","description":"Service uptime card listing three services with 90 day status bars, uptime percentages and incident counts, click or arrow key day selection and a live detail …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart39.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart39.json"},{"name":"chart4","title":"Charts","description":"Store visits by source donut with a 10.2K visitors center label, five colored segments for direct, social, email, referrals and other, a wrapping legend and an…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart4.json"},{"name":"chart40","title":"Charts","description":"Uptime monitor card for a single endpoint with a pulsing status badge, 30D, 60D or 90D toggle, four stat cells, tooltip day bars and a hover linked event log.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart40.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart40.json"},{"name":"chart41","title":"Charts","description":"Portfolio holdings card with total value and unrealized gain, a 6M or 1Y area chart, and Stocks and Funds tabs listing holdings with ticker, weight, value and …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart41.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart41.json"},{"name":"chart42","title":"Charts","description":"Deal outcomes card with won and lost area series over 6 or 12 months, togglable KPI tiles with change versus the prior period and a win rate tile.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart42.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart42.json"},{"name":"chart43","title":"Charts","description":"Newsletter performance card with Delivery and Engagement tabs, an area plus dashed line chart on two y axes, hoverable metric totals and a rate badge.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart43.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart43.json"},{"name":"chart44","title":"Charts","description":"Signups by source card with Search, Paid ads and Partners tabs, stacked monthly bars for activated, trialing and lost, and a togglable stage list with share an…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart44.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart44.json"},{"name":"chart45","title":"Charts","description":"Data platform spend card with workload tabs showing totals and change, a daily cost bar chart with a dashed daily average line, hover dimming and a peak day fo…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart45.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart45.json"},{"name":"chart46","title":"Charts","description":"Weekly active members card with an OS or browser toggle, a segmented share bar and a ranked list of horizontal bars that reveal weekly change on hover or focus.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart46.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart46.json"},{"name":"chart47","title":"Charts","description":"Help desk outcomes card with stacked monthly bars switchable between volume and share, hover preview and click to pin a month, and a side breakdown with progre…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart47.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart47.json"},{"name":"chart48","title":"Charts","description":"Pipeline activity card with a branch select, runs, failures or duration toggle, monthly bars with a dashed average line, a detailed tooltip and summary stats i…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart48.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart48.json"},{"name":"chart49","title":"Charts","description":"API spend card with cumulative 2025, 2026 and dashed forecast lines, a spend cap select drawn as a reference line, three KPI tiles and series toggles.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart49.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart49.json"},{"name":"chart5","title":"Charts","description":"Exchange rates card with two currency selects, 1D to 1Y period buttons that slice a 90 day line chart, a refresh button, last updated time and Convert and Rate…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart5.json"},{"name":"chart50","title":"Charts","description":"Payment volume card with card and bank transfer lines, a 7D, 30D or 90D toggle, legend toggles that exclude a method and a settlement summary grid with changes.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart50.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart50.json"},{"name":"chart51","title":"Charts","description":"Wellness week card plotting up to four tracked goals as percent of daily target lines, a week toggle, daily average rows with remove buttons and an add metric …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart51.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart51.json"},{"name":"chart52","title":"Charts","description":"Subscription growth card with three metric tabs showing period totals and change, a date range select and an area chart compared against a dashed previous peri…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart52.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart52.json"},{"name":"chart53","title":"Charts","description":"Cloud cost allocation donut with tabs for service, environment and region, a center total that follows the hovered slice, a budget progress bar and an amount a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart53.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart53.json"},{"name":"chart54","title":"Charts","description":"Onboarding health card with a semicircle gauge split into on schedule, slipping and stalled, a segment select, healthy rate change and hoverable status rows wi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart54.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart54.json"},{"name":"chart55","title":"Charts","description":"Brokerage account card with a 1D, 1W or 1M toggle, Holdings and Watchlist tabs and asset rows with a hoverable sparkline that swaps the price and time readout.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart55.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart55.json"},{"name":"chart56","title":"Charts","description":"Course enrollments card with a week or month toggle, a total with change, a donut showing the hovered or leading track share in the center and a track list wit…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart56.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart56.json"},{"name":"chart57","title":"Charts","description":"Sponsorship revenue card with a weekly total and change badge, daily bars selectable by click or weekday toggles, and a breakdown of gross, payouts and net wit…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart57.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart57.json"},{"name":"chart58","title":"Charts","description":"Pipeline duration card with a pipeline select, average run time with change, a labeled stacked stage bar and a stage table showing average time, change and sha…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart58.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart58.json"},{"name":"chart59","title":"Charts","description":"Deal velocity bubble chart plotting deal size against days to close per sales channel, with bubble size for deal count, dashed average lines, a Q2 or Q3 toggle…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart59.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart59.json"},{"name":"chart6","title":"Charts","description":"Reservations donut with a total count in the center, a legend for confirmed, checked in and checked out that sits beside the chart on desktop, and a total sale…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart6.json"},{"name":"chart60","title":"Charts","description":"Software spend donut with a monthly or annual toggle, a center total that follows the hovered category and a category list showing seats, cost per seat, share …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart60.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart60.json"},{"name":"chart61","title":"Charts","description":"Review score card with a large rating, partial star display, change badge, a monthly line chart against a togglable 2025 line and stats for reviews and five st…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart61.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart61.json"},{"name":"chart62","title":"Charts","description":"Asset price card with price, market cap and volume tabs, five time ranges, zoom in and out buttons, an area or bar chart on a right axis and four stat cells.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart62.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart62.json"},{"name":"chart63","title":"Charts","description":"Cash position card with four togglable balance tiles, a stacked monthly bar chart with click to select, and a chart or table view switch showing the same balan…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart63.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart63.json"},{"name":"chart64","title":"Charts","description":"Month to date volume card with a metric select, cumulative lines for this month and last month, a dashed projection to month end, a today marker and projected …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart64.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart64.json"},{"name":"chart65","title":"Charts","description":"Support peak hours heatmap with a 7 by 12 grid of two hour cells, All, Live chat or Email toggle, focusable cells with counts and a less to more legend.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart65.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart65.json"},{"name":"chart66","title":"Charts","description":"Watch time by device card with a semicircle donut, a 30D or 90D toggle, total hours with change and device rows that select the share shown under the arc.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart66.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart66.json"},{"name":"chart67","title":"Charts","description":"ETF price card with six range toggles from 1M to Max, a line or area view switch with tooltip, hover driven price and change readout, and open, high and low st…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart67.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart67.json"},{"name":"chart68","title":"Charts","description":"Growth targets card for signups, upgrades and demo calls with a Jul, Aug or Sep toggle, change badges, progress bars with gap tooltips and an overall attainmen…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart68.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart68.json"},{"name":"chart69","title":"Charts","description":"Team learning card listing courses with icons, lesson counts and progress bars, an All, In progress or Completed filter, a sort dropdown and due date tooltips.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart69.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart69.json"},{"name":"chart7","title":"Charts","description":"Campaign overview card with a date range select, a download icon button, booked and visited totals, a performance change line and a two line chart that reloads…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart7.json"},{"name":"chart70","title":"Charts","description":"Revenue by channel card comparing direct and reseller share side by side with a vs divider, a 7D, 30D or 90D toggle, a split bar and average order values.","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart70.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart70.json"},{"name":"chart8","title":"Charts","description":"Revenue stat card with a weekly, monthly or yearly select, a currency total with trend, and stacked bars pairing solid revenue with diagonal striped projected …","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart8.json"},{"name":"chart9","title":"Charts","description":"Projects overview stacked area chart with gradient fills, a toggle group for 3 months, 30 days or 7 days on wide cards and a select fallback on narrow containe…","type":"registry:block","source_url":"https://shadcnuikit.com/r/chart9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/chart9.json"},{"name":"dashboard-shell1","title":"Dashboard shell","description":"Sidebar shell with main links, a collapsible Active Projects list with progress rings and item menus, bottom links, and a header with breadcrumb, command searc…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell1.json"},{"name":"dashboard-shell2","title":"Dashboard shell","description":"Double sidebar shell with an icon rail of tooltipped links and avatar menu beside a panel holding a workspace switcher and grouped settings links, plus a heade…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell2.json"},{"name":"dashboard-shell3","title":"Dashboard shell","description":"Narrow rail shell with a framed logo, stacked icon and label links, Support and Apps shortcuts and an avatar menu, plus a header with sidebar toggle, page titl…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell3.json"},{"name":"dashboard-shell4","title":"Dashboard shell","description":"Slim rail shell with round icon links and an avatar menu, a tall muted header with title, subtitle, product search and round notification, profile, theme and s…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell4.json"},{"name":"dashboard-shell5","title":"Dashboard shell","description":"Top navbar shell with mega menu dropdowns, icon actions and avatar inside a tall muted header with a Dashboard title, Filter and Create buttons, overlapping co…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell5.json"},{"name":"dashboard-shell6","title":"Dashboard shell","description":"Sticky top navbar with logo, page links, icon actions and a greeting avatar, above a static sidebar of Public, My Activity and Categories groups showing count …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell6.json"},{"name":"dashboard-shell7","title":"Dashboard shell","description":"Floating sidebar with logo, avatar menu, goal progress with budget and spent figures, a grid of service tiles and an upgrade card, beside a top bar with dropdo…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell7.json"},{"name":"dashboard-shell8","title":"Dashboard shell","description":"Floating sidebar that collapses to icons, with a Quick Create button, inbox button, main links and a Documents list with item menus, plus a floating header wit…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell8.json"},{"name":"dashboard-shell9","title":"Dashboard shell","description":"Top navigation shell with logo, dropdown menus with an active underline, theme toggle, mail and bell buttons and avatar menu, that renders the same links in a …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-shell9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell9.json"},{"name":"dashboard-dropdown1","title":"Dropdown components","description":"Avatar account menu with name and email header, a Light, Dark and System segmented theme control, store, docs, referral and settings items with shortcut hints,…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown1.json"},{"name":"dashboard-dropdown10","title":"Dropdown components","description":"Columns popover with a locked Name column, checkboxes to show or hide eight columns, drag handles for mouse and keyboard reordering, Reset and Show all buttons…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown10.json"},{"name":"dashboard-dropdown2","title":"Dropdown components","description":"Bell popover with Inbox and General tabs and unread counts, rows with quotes, PDF attachments and accept or decline buttons, dismiss and unread dots, delivery …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown2.json"},{"name":"dashboard-dropdown3","title":"Dropdown components","description":"Messages popover with search, All, Unread and Groups tabs, single or stacked group avatars, online badges, a typing indicator, unread count badges that clear o…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown3.json"},{"name":"dashboard-dropdown4","title":"Dropdown components","description":"Heart popover listing saved products with photo, brand, sale and original price, discount badge and stock warning, offering remove and move to cart with an und…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown4.json"},{"name":"dashboard-dropdown5","title":"Dropdown components","description":"Cart popover with product photo, variant, remove button and quantity stepper per item, line totals, a live subtotal with checkout note, View cart and Checkout …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown5.json"},{"name":"dashboard-dropdown6","title":"Dropdown components","description":"Avatar account menu with status submenu, profile and help links, an icon theme toggle, plan usage text and progress bar with an Upgrade button that switches pl…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown6.json"},{"name":"dashboard-dropdown7","title":"Dropdown components","description":"Workspace switcher popover with search, initials marks, plan, role and member count per workspace, a check on the active one, and an add workspace dialog with …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown7.json"},{"name":"dashboard-dropdown8","title":"Dropdown components","description":"Language menu with an Auto-detect option based on the browser, eight languages showing code tile, native and English names, a greeting in the active language a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown8.json"},{"name":"dashboard-dropdown9","title":"Dropdown components","description":"Sample chat message with an actions menu for reply, pin, save, mark unread and email share with letter shortcuts, a More submenu to copy or report, and badges,…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-dropdown9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-dropdown9.json"},{"name":"empty-state1","title":"Empty state","description":"Survey responses card with title and description, containing a centered empty state with a round chart icon, a no responses message and an outline Create surve…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state1.json"},{"name":"empty-state10","title":"Empty state","description":"AI agents first run state with three skeleton agent cards, the side cards faded and hidden on mobile, a Build your AI workforce title, description and an Add a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state10.json"},{"name":"empty-state11","title":"Empty state","description":"No files found state on a faded grid background with three tilted file cards labeled DOC, PDF and XLS, a message naming the search term and a Clear filters but…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state11.json"},{"name":"empty-state12","title":"Empty state","description":"Domains first run state on a grid background with two skeleton domain rows, a no domains yet title, a short benefit message, and Add domain and See tutorial bu…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state12.json"},{"name":"empty-state13","title":"Empty state","description":"Waitlist empty state with two stacked placeholder member rows showing decline and approve slots, a no one is waiting title, an explanation and a View Products …","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state13.json"},{"name":"empty-state14","title":"Empty state","description":"Command style search card with a prefilled search input and shortcut keys, a dotted no tools found area with Browse all tools button, and two footer actions wi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state14.json"},{"name":"empty-state15","title":"Empty state","description":"Compact no projects state with a folder code icon, a short workspace message and small Create project and Import project buttons side by side.","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state15.json"},{"name":"empty-state16","title":"Empty state","description":"First project state with a title and description, three linked template rows for marketing, engineering and event planning with icons and chevrons, and a Creat…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state16.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state16.json"},{"name":"empty-state17","title":"Empty state","description":"Restricted page state with a blurred browser window mockup behind a red lock badge, an admin only message, and Go back and Contact support buttons.","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state17.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state17.json"},{"name":"empty-state18","title":"Empty state","description":"Offline state with a wifi off icon, a connection message and a Try again button that shows a spinner and Reconnecting text for a moment before returning.","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state18.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state18.json"},{"name":"empty-state19","title":"Empty state","description":"Feature card with a site scan tile, a pulsing sparkle icon and a report tile with CSV badge joined by dashed connectors on faded rings, above an automated audi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state19.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state19.json"},{"name":"empty-state2","title":"Empty state","description":"No search results state under a soft radial glow, showing three overlapping avatars, a no engineers found title, the searched name with an invite link, and a C…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state2.json"},{"name":"empty-state20","title":"Empty state","description":"Feature card with chat, mail, design and docs icons linked by curved lines to a central Services pill on soft arcs and a dotted background, above a left aligne…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state20.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state20.json"},{"name":"empty-state21","title":"Empty state","description":"Growth card with a title and description above a seven month recharts bar chart where every bar is faded except one highlighted gradient bar.","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state21.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state21.json"},{"name":"empty-state22","title":"Empty state","description":"Get started list of three cards for exploring datasets, writing SQL and building a dashboard, each with a title, description, outline action button and a small…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state22.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state22.json"},{"name":"empty-state3","title":"Empty state","description":"All files view with type tabs, a search field and Filters button above a bordered empty state with orbiting file icons on rings, a message that follows the sea…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state3.json"},{"name":"empty-state4","title":"Empty state","description":"Contact import progress state with three skeleton contact cards, floating avatars on concentric rings, an importing message, and Notify me and Refresh page but…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state4.json"},{"name":"empty-state5","title":"Empty state","description":"Orders header with Filters, Export and Add order buttons over a table column row, followed by a folder and search illustration, a no orders match message and a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state5.json"},{"name":"empty-state6","title":"Empty state","description":"Centered no data state with a dashed square database icon, a two line message, and Learn more and Add new item buttons that stack full width on mobile.","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state6.json"},{"name":"empty-state7","title":"Empty state","description":"Access denied state with a red lock icon inside two rings, a billing workspace permission message, a Back to dashboard button and a Request access button that …","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state7.json"},{"name":"empty-state8","title":"Empty state","description":"Account setup prompt with a badge icon, a verification message and a Complete registration button, followed by a muted card listing three numbered activation s…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state8.json"},{"name":"empty-state9","title":"Empty state","description":"Minimal reports state with two tilted document outlines in a muted circle and a two line message explaining that reports appear after the first billing cycle c…","type":"registry:block","source_url":"https://shadcnuikit.com/r/empty-state9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/empty-state9.json"},{"name":"form-layout1","title":"Form layouts","description":"Account settings page with three titled sections: avatar upload, handle and bio with counter, contact and address fields, email digest checkboxes and push mode…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout1.json"},{"name":"form-layout10","title":"Form layouts","description":"Sign-up card with email, username availability icon, password toggle with rules checklist and five segment strength meter, region and role selects, terms check…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout10.json"},{"name":"form-layout11","title":"Form layouts","description":"Space creation card with square cover image dropzone, name with hashtag handle and counter, purpose textarea, visibility and topic selects, and a multi-select …","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout11.json"},{"name":"form-layout12","title":"Form layouts","description":"Campaign form with Draft with AI button, name, date range picker, brand select with inline new brand, owner select, budget and impressions with CPM line, brief…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout12.json"},{"name":"form-layout13","title":"Form layouts","description":"Five tab product form with progress: title and category suggestions, size and color variant table with stock and price, pricing panel, image uploads with cover…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout13.json"},{"name":"form-layout14","title":"Form layouts","description":"Public page editor with cover banner and overlapping avatar, display name, debounced username availability check, website prefix, photo upload, bio formatting …","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout14.json"},{"name":"form-layout15","title":"Form layouts","description":"Workspace settings page with vertical tabs that become a select on mobile: organization name, slug, tagline and logo upload, member invites with role selects a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout15.json"},{"name":"form-layout16","title":"Form layouts","description":"Storefront settings with scrollable tabs: store name, subdomain, tagline and logo previews on light and dark, social handles, checkout switches and options, re…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout16.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout16.json"},{"name":"form-layout17","title":"Form layouts","description":"Flower delivery checkout in five numbered sections: sender, recipient address, delivery date and time window cards, gift note with counter and add-ons, payment…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout17.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout17.json"},{"name":"form-layout18","title":"Form layouts","description":"Event card form with title, date picker, start and end time comboboxes showing duration, all day checkbox, guest chips, location combobox with online meeting l…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout18.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout18.json"},{"name":"form-layout19","title":"Form layouts","description":"Account settings card with vertical tabs for profile and photo, locale selects with live preview, password change with strength meter, security switches, email…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout19.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout19.json"},{"name":"form-layout2","title":"Form layouts","description":"Workspace creation card with owner name, email, birth year and locked role, workspace name with live subdomain, access select, note counter, three plan radio c…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout2.json"},{"name":"form-layout20","title":"Form layouts","description":"Three step onboarding wizard with horizontal stepper: account fields with password toggles and timezone, company details selects, then billing cycle toggle, th…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout20.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout20.json"},{"name":"form-layout21","title":"Form layouts","description":"Four step product listing wizard with a vertical step rail: category cards, brand and condition, title, description, SKU and tags, price with compare-at discou…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout21.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout21.json"},{"name":"form-layout22","title":"Form layouts","description":"Profile card with Personal, Account and Social tabs: names, country, language, birth date and phone, username, email, timezone, account type cards and privacy …","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout22.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout22.json"},{"name":"form-layout3","title":"Form layouts","description":"Mentor profile card with label-left rows: photo upload, name, birth date and slot pickers, time inputs, expertise tag input with suggestions, visibility select…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout3.json"},{"name":"form-layout4","title":"Form layouts","description":"Staff account page with a profile card for photo, name, email, phone, role and clinic selects, and a password card with show toggles, four segment strength bar…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout4.json"},{"name":"form-layout5","title":"Form layouts","description":"Workshop feedback form with answered progress bar, name and email fields, five face rating cards, session checkbox cards, highlight textarea with counter, 0 to…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout5.json"},{"name":"form-layout6","title":"Form layouts","description":"Two column checkout with payment method cards, auto-formatted card number with brand badge, expiry and CVC, country based billing address, renewal checkbox and…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout6.json"},{"name":"form-layout7","title":"Form layouts","description":"Freelancer settings in two cards that save separately: personal details with photo dropzone, and public profile with availability switch revealing rate and sta…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout7.json"},{"name":"form-layout8","title":"Form layouts","description":"Wholesale order form with order type, copyable order number, date picker, PO and customer selects that set currency, amount with converted USD base, warehouse …","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout8.json"},{"name":"form-layout9","title":"Form layouts","description":"Client project form with label-left rows: name, portal slug filled from the name, engagement radio cards, budget, kickoff and template selects, stakeholder chi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/form-layout9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/form-layout9.json"},{"name":"dashboard-modal25","title":"Modal dialogs","description":"Two-column sign up dialog with a cover image hidden on mobile, Google and second provider buttons, a validated underline email field, a Get started button and …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal25.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal25.json"},{"name":"dashboard-modal6","title":"Modal dialogs","description":"Four-step onboarding dialog with a step counter, name and email fields, team size radios, a US checkbox, goal checkboxes and a teammate invite field, with back…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal6.json"},{"name":"dashboard-modal7","title":"Modal dialogs","description":"Mood survey dialog with an icon header, a heading, five emoji buttons where the selected one grows and shows its label, a note textarea and a Send Answer butto…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal7.json"},{"name":"dashboard-modal8","title":"Modal dialogs","description":"Service rating dialog without a close icon, showing five emoji rating tiles in a responsive grid with the selected tile outlined, and Not now and Send buttons.","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal8.json"},{"name":"dashboard-modal9","title":"Modal dialogs","description":"Feedback dialog with five emoji rating buttons, a validated comment textarea with a remaining character counter, a contact consent checkbox and Dismiss and Sen…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal9.json"},{"name":"dashboard-modal10","title":"Modal dialogs","description":"Membership dialog with monthly and yearly plan cards showing price, free trial badge and billing note, a radio style indicator on the selected card and a Proce…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal10.json"},{"name":"dashboard-modal11","title":"Modal dialogs","description":"Feedback dialog with a topic select, a validated message textarea, up to two attached image previews with remove buttons, a camera attach button and a Send it …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal11.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal11.json"},{"name":"dashboard-modal12","title":"Modal dialogs","description":"Confirmation dialog without a close icon showing a receipt icon in a circle, a Transfer Slip Uploaded title, a short explanation and a single rounded button th…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal12.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal12.json"},{"name":"dashboard-modal13","title":"Modal dialogs","description":"Small alert dialog with a trash icon, a Remove This File title, a warning that the file cannot be restored and Go Back and destructive Remove buttons.","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal13.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal13.json"},{"name":"dashboard-modal14","title":"Modal dialogs","description":"Report dialog with a flag icon, three reason radios and a textarea that appears only for Something else and must be filled in, plus Dismiss and Submit buttons.","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal14.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal14.json"},{"name":"dashboard-modal15","title":"Modal dialogs","description":"Alert preferences dialog with three radio options, each with a label and a description of which response alerts are sent, and Discard and Apply buttons in the …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal15.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal15.json"},{"name":"dashboard-modal26","title":"Modal dialogs","description":"Verification dialog with an icon header, the target email with an edit link, four large OTP slots validated for four digits, a resend link and Confirm and Dism…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal26.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal26.json"},{"name":"dashboard-modal16","title":"Modal dialogs","description":"Command palette dialog with a search field, three groups of actions with icon boxes, context text and shortcut keys, and a footer with arrow key hints and a Co…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal16.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal16.json"},{"name":"dashboard-modal17","title":"Modal dialogs","description":"Team members dialog with a search field that filters by name or email, an Add user button and a member list with avatars, verified badge, Creator label and per…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal17.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal17.json"},{"name":"dashboard-modal18","title":"Modal dialogs","description":"Create project dialog with a kickoff date picker in a popover calendar, urgency, owner and channel selects, Anyone or Invite only radios and Discard and Contin…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal18.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal18.json"},{"name":"dashboard-modal19","title":"Modal dialogs","description":"Edit profile dialog with avatar upload and delete buttons, a file format note, first and last name fields, a validated email and a phone field with a country c…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal19.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal19.json"},{"name":"dashboard-modal20","title":"Modal dialogs","description":"Updates dialog with Newest, Boards and Docs tabs, a status filter dropdown, an activity list with avatars, status dots and times, an unread count and footer ac…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal20.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal20.json"},{"name":"dashboard-modal21","title":"Modal dialogs","description":"Upgrade dialog with a billing name, credit card or bank debit choice, card fields, country select and postal code, monthly or yearly radio cards, an AI add-on …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal21.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal21.json"},{"name":"dashboard-modal22","title":"Modal dialogs","description":"Company setup dialog with a logo preview, a click or drag and drop upload zone, business name, site address, handle with URL prefix, an about textarea and a te…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal22.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal22.json"},{"name":"dashboard-modal23","title":"Modal dialogs","description":"Quiz builder dialog with topic select, prompt field, drag and drop image upload, a list of answer fields with Correct and delete buttons, a New Option button a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal23.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal23.json"},{"name":"dashboard-modal24","title":"Modal dialogs","description":"Integration consent dialog with two app icons, a connect title, a copyable link field, a checklist of requested permissions, a privacy note and Not now and Gra…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal24.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal24.json"},{"name":"dashboard-modal27","title":"Modal dialogs","description":"Account creation dialog with email, phone and password fields with icons, a show password toggle, a five-step strength meter, a terms checkbox that enables sub…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal27.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal27.json"},{"name":"dashboard-modal28","title":"Modal dialogs","description":"Two-factor setup dialog with a QR code generated from an otpauth URL, a Continue button and a read-only setup key field with a copy button that confirms the co…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal28.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal28.json"},{"name":"dashboard-modal1","title":"Modal dialogs","description":"Login dialog with a logo, workspace heading, validated email and password fields, a trouble logging in link beside the password label, a submit button and a fr…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal1.json"},{"name":"dashboard-modal2","title":"Modal dialogs","description":"Share board dialog with a title, a line about view access and a read-only link field with an inline copy icon button and a tooltip that confirms when the link …","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal2.json"},{"name":"dashboard-modal3","title":"Modal dialogs","description":"Start a chat dialog with a searchable command list of contacts with avatars and check marks, a footer of stacked selected avatars and a Create chat button that…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal3.json"},{"name":"dashboard-modal4","title":"Modal dialogs","description":"Sharing settings dialog with an add by email form and role select, a member list with Editor or Viewer selects and the owner marked, and a link access select w…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal4.json"},{"name":"dashboard-modal5","title":"Modal dialogs","description":"Switch profile dialog with four selectable account rows showing avatar, name, email and a round check indicator on the active one, plus a New profile button at…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-modal5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal5.json"},{"name":"onboarding-screen1","title":"Onboarding screens","description":"Card questionnaire asking role, team size, areas to track and workspace name one at a time, with question counter, previous, skip and next actions, and a succe…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen1.json"},{"name":"onboarding-screen10","title":"Onboarding screens","description":"Card wizard with a step label and a vertical timeline of sub tasks that fill in when done and unlock the next, covering project name and template, content sour…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen10.json"},{"name":"onboarding-screen2","title":"Onboarding screens","description":"Split card with a dark panel listing four steps as done, active or upcoming beside a questionnaire about goal, referral source, tools to connect and work email…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen2.json"},{"name":"onboarding-screen3","title":"Onboarding screens","description":"Full page wizard with brand header, step count, skip button and thin progress bar, asking plan, modules, a teammate invite and workspace URL, with number key s…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen3.json"},{"name":"onboarding-screen4","title":"Onboarding screens","description":"Adaptive setup card where the audience answer enables or disables the roles and access policy questions, followed by a launch date, with a footer list showing …","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen4.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen4.json"},{"name":"onboarding-screen5","title":"Onboarding screens","description":"Cardless questionnaire with a segmented progress bar and counter, questions that fade and slide in, next and submit buttons greyed out until answered, and an a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen5.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen5.json"},{"name":"onboarding-screen6","title":"Onboarding screens","description":"Overview page with three stat cards and a placeholder panel, plus a Personalize dashboard dialog that asks for top widgets, default time range and digest recip…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen6.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen6.json"},{"name":"onboarding-screen7","title":"Onboarding screens","description":"Three step brief flow with company type chips and a size slider, selectable service cards with check badges, and a contact form with country phone prefix, endi…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen7.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen7.json"},{"name":"onboarding-screen8","title":"Onboarding screens","description":"Profile checklist with a completion counter and progress bar, where each of five tasks expands an inline editor for display name, photo upload, time zone, phon…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen8.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen8.json"},{"name":"onboarding-screen9","title":"Onboarding screens","description":"Card wizard with a three step numbered stepper: an organisation address form, a searchable list of integrations to connect, and a preview with edit buttons bef…","type":"registry:block","source_url":"https://shadcnuikit.com/r/onboarding-screen9.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/onboarding-screen9.json"},{"name":"dashboard-page-layout1","title":"Page layouts","description":"App frame with an inset sidebar holding a brand button, Platform links and a Projects list, plus a header with sidebar toggle and breadcrumb above an empty rou…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-page-layout1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout1.json"},{"name":"dashboard-page-layout2","title":"Page layouts","description":"Top navigation layout with logo, dropdown menus for Get Started, Apps and Pages, mail and bell buttons with a numbered badge and an avatar menu, switching to a…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-page-layout2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout2.json"},{"name":"dashboard-page-layout3","title":"Page layouts","description":"Top navigation layout with logo, dropdown menus and an underline on the active menu, a sun and moon toggle, mail and bell buttons with dot indicators and an av…","type":"registry:block","source_url":"https://shadcnuikit.com/r/dashboard-page-layout3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout3.json"},{"name":"sidebar-layout","title":"Sidebar layouts","description":"Full height sidebar layout with a brand button, scrollable Platform and Projects link groups and a header with a sidebar toggle and Dashboard title, next to an…","type":"registry:block","source_url":"https://shadcnuikit.com/r/sidebar-layout.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/sidebar-layout.json"},{"name":"signin-form1","title":"Sign in forms","description":"Centered sign-in form with labelled email and password fields, remember me checkbox, forgot password link and submit button, followed by an “or continue with” …","type":"registry:block","source_url":"https://shadcnuikit.com/r/signin-form1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/signin-form1.json"},{"name":"signin-form2","title":"Sign in forms","description":"Split login screen with the form beside a full height cover photo on large screens, including email, password, remember me, forgot password and full width Cont…","type":"registry:block","source_url":"https://shadcnuikit.com/r/signin-form2.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/signin-form2.json"},{"name":"signin-form3","title":"Sign in forms","description":"Login card centered over a full screen background photo, with a title, short description, email and password fields, remember me checkbox, forgot password link…","type":"registry:block","source_url":"https://shadcnuikit.com/r/signin-form3.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/signin-form3.json"},{"name":"stat-card1","title":"Stat cards","description":"Four-column KPI row with order, sales and user totals, an up or down percentage badge, a previous month value in the footer and a dropdown for settings, alerts…","type":"registry:block","source_url":"https://shadcnuikit.com/r/stat-card1.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card1.json"},{"name":"stat-card10","title":"Stat cards","description":"Outbound shipments card with a 14 or 30 day toggle, a total with change badge, a stacked Recharts bar chart by status and three summary toggles that highlight …","type":"registry:block","source_url":"https://shadcnuikit.com/r/stat-card10.json","install_command":"npx shadcn@latest add https://shadcnuikit.com/r/stat-card10.json"}]},{"id":"shaderscn","name":"@shaderscn","slug":"shaderscn","description":"Copy-paste shader sections and components for shadcn/ui, built on Paper Shaders.","author":"mnove","framework":"react","license":"MIT","tags":["3d","ai","auth","backgrounds","blocks","buttons","cards","charts","developer-tools","glassmorphism","icons","maps","marketing","media","onboarding"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://www.shaderscn.com","github":"https://github.com/mnove/shaderscn","registry":"https://www.shaderscn.com/r/registry.json","source":"https://www.shaderscn.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shaderscn","markdown":"https://sh4dcn.netlify.app/md/shaderscn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='var(--foreground, #0a0a0a)'><path d='M0 5.2c4-3 8-3 12 0s8 3 12 0v3.4c-4 3-8 3-12 0s-8-3-12 0z' fill-opacity='.35'/><path d='M0 11.4c4-3 8-3 12 0s8 3 12 0v3.4c-4 3-8 3-12 0s-8-3-12 0z' fill-opacity='.65'/><path d='M0 17.6c4-3 8-3 12 0s8 3 12 0V21c-4 3-8 3-12 0s-8-3-12 0z'/></svg>","preview_image":"https://www.shaderscn.com/og/home.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10,"open_issues":0,"last_commit":"2026-10-19T19:02:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.shaderscn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.shaderscn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.shaderscn.com/r/registry.json","clone":"git clone https://github.com/mnove/shaderscn.git","clone_degit":"npx degit mnove/shaderscn","registry_fetch":"curl -s https://www.shaderscn.com/r/registry.json"},"component_count":33,"components":[{"name":"god-rays-hero","title":"God Rays Hero","description":"A full-bleed hero section lit by animated volumetric light rays.","type":"registry:block","source_url":"https://www.shaderscn.com/r/god-rays-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/god-rays-hero.json"},{"name":"dithering-hero","title":"Dithering Hero","description":"A split hero section with an ordered-dither sphere slowly turning beside the headline.","type":"registry:block","source_url":"https://www.shaderscn.com/r/dithering-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/dithering-hero.json"},{"name":"dithering-globe-hero","title":"Dithering Globe Hero","description":"A split hero section with a slowly spinning, ordered-dither globe of the Earth.","type":"registry:block","source_url":"https://www.shaderscn.com/r/dithering-globe-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/dithering-globe-hero.json"},{"name":"dithering-globe-arcs-hero","title":"Dithering Globe Arcs Hero","description":"A centered hero section with a rising ordered-dither globe and flight arcs between cities.","type":"registry:block","source_url":"https://www.shaderscn.com/r/dithering-globe-arcs-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/dithering-globe-arcs-hero.json"},{"name":"halftone-hero","title":"Halftone Hero","description":"A split hero section that prints any photo as halftone dots, live on the GPU.","type":"registry:block","source_url":"https://www.shaderscn.com/r/halftone-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/halftone-hero.json"},{"name":"water-caustics-hero","title":"Water Caustics Hero","description":"A full-bleed hero lit by rippling pool-light caustics. Made for travel and wellness sites.","type":"registry:block","source_url":"https://www.shaderscn.com/r/water-caustics-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/water-caustics-hero.json"},{"name":"heatmap-hero","title":"Heatmap Hero","description":"A launch hero where your logo glows like a heat map above the headline.","type":"registry:block","source_url":"https://www.shaderscn.com/r/heatmap-hero.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/heatmap-hero.json"},{"name":"warp-cta","title":"Warp CTA","description":"A call-to-action banner with a hypnotic warped checkerboard background.","type":"registry:block","source_url":"https://www.shaderscn.com/r/warp-cta.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/warp-cta.json"},{"name":"fluted-glass-app-download","title":"Fluted Glass App Download","description":"An app download section with a phone mockup in front of its own screenshot, seen through fluted glass.","type":"registry:block","source_url":"https://www.shaderscn.com/r/fluted-glass-app-download.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/fluted-glass-app-download.json"},{"name":"color-panels-newsletter","title":"Color Panels Newsletter","description":"A compact newsletter signup band with slowly turning glass panels beside the form.","type":"registry:block","source_url":"https://www.shaderscn.com/r/color-panels-newsletter.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/color-panels-newsletter.json"},{"name":"pulsing-border-pricing","title":"Pulsing Border Pricing","description":"A three-tier pricing section with a billing toggle and a pulsing glow around the featured plan.","type":"registry:block","source_url":"https://www.shaderscn.com/r/pulsing-border-pricing.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/pulsing-border-pricing.json"},{"name":"testimonial-wall","title":"Testimonial Wall","description":"A masonry wall of testimonial cards with a printed paper grain.","type":"registry:block","source_url":"https://www.shaderscn.com/r/testimonial-wall.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/testimonial-wall.json"},{"name":"image-dithering-team","title":"Image Dithering Team","description":"A team grid that dithers every headshot into one consistent look, with the original color on hover.","type":"registry:block","source_url":"https://www.shaderscn.com/r/image-dithering-team.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/image-dithering-team.json"},{"name":"simplex-noise-changelog","title":"Simplex Noise Changelog","description":"A changelog timeline where every release gets its own cover, generated from the version number.","type":"registry:block","source_url":"https://www.shaderscn.com/r/simplex-noise-changelog.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/simplex-noise-changelog.json"},{"name":"radial-gradient-logo-cloud","title":"Radial Gradient Logo Cloud","description":"A \"trusted by\" logo strip rising over the glowing horizon of a planet.","type":"registry:block","source_url":"https://www.shaderscn.com/r/radial-gradient-logo-cloud.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/radial-gradient-logo-cloud.json"},{"name":"neuro-noise-stats","title":"Neuro Noise Stats","description":"A band of headline numbers over a glowing web of fibers, like traffic moving through a network.","type":"registry:block","source_url":"https://www.shaderscn.com/r/neuro-noise-stats.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/neuro-noise-stats.json"},{"name":"dithering-404","title":"Dithering 404","description":"A full-screen not found page with a dithered vortex behind a lost message.","type":"registry:block","source_url":"https://www.shaderscn.com/r/dithering-404.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/dithering-404.json"},{"name":"smoke-ring-waitlist","title":"Smoke Ring Waitlist","description":"A full-screen coming soon page with a smoke ring, a launch countdown and a waitlist signup.","type":"registry:block","source_url":"https://www.shaderscn.com/r/smoke-ring-waitlist.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/smoke-ring-waitlist.json"},{"name":"spiral-launch-countdown","title":"Spiral Launch Countdown","description":"A launch event countdown over a turning spiral, with add-to-calendar links and a live state.","type":"registry:block","source_url":"https://www.shaderscn.com/r/spiral-launch-countdown.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/spiral-launch-countdown.json"},{"name":"mesh-gradient-footer","title":"Mesh Gradient Footer","description":"A site footer with a giant wordmark filled by a flowing mesh gradient.","type":"registry:block","source_url":"https://www.shaderscn.com/r/mesh-gradient-footer.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/mesh-gradient-footer.json"},{"name":"mesh-gradient-announcement-bar","title":"Mesh Gradient Announcement Bar","description":"A thin, dismissible announcement strip over a slowly flowing mesh gradient.","type":"registry:block","source_url":"https://www.shaderscn.com/r/mesh-gradient-announcement-bar.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/mesh-gradient-announcement-bar.json"},{"name":"grain-gradient-auth","title":"Grain Gradient Auth","description":"A split sign-in page with a grainy gradient brand panel and a slot for your own form.","type":"registry:block","source_url":"https://www.shaderscn.com/r/grain-gradient-auth.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/grain-gradient-auth.json"},{"name":"mesh-gradient-background","title":"Mesh Gradient Background","description":"A container with a soft, flowing mesh gradient behind its content.","type":"registry:component","source_url":"https://www.shaderscn.com/r/mesh-gradient-background.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/mesh-gradient-background.json"},{"name":"dot-grid-background","title":"Dot Grid Background","description":"A container with a crisp dot grid that fades out towards the edges.","type":"registry:component","source_url":"https://www.shaderscn.com/r/dot-grid-background.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/dot-grid-background.json"},{"name":"waves-background","title":"Waves Background","description":"A container with fine, flowing line waves. Made for fintech and audio pages.","type":"registry:component","source_url":"https://www.shaderscn.com/r/waves-background.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/waves-background.json"},{"name":"pulsing-border-card","title":"Pulsing Border Card","description":"A card wrapped in a living, pulsing glow that bleeds softly past its edges.","type":"registry:component","source_url":"https://www.shaderscn.com/r/pulsing-border-card.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/pulsing-border-card.json"},{"name":"pulsing-border-prompt","title":"Pulsing Border Prompt","description":"An AI prompt input with modes and file drops, whose glow shows what it is doing: listening, thinking, streaming or failing.","type":"registry:component","source_url":"https://www.shaderscn.com/r/pulsing-border-prompt.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/pulsing-border-prompt.json"},{"name":"grain-gradient-card","title":"Grain Gradient Card","description":"A content card with a grainy, animated gradient cover.","type":"registry:component","source_url":"https://www.shaderscn.com/r/grain-gradient-card.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/grain-gradient-card.json"},{"name":"dithering-frame-card","title":"Dithering Frame Card","description":"A card set in a thick frame of animated dithering, like a bezel around the content.","type":"registry:component","source_url":"https://www.shaderscn.com/r/dithering-frame-card.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/dithering-frame-card.json"},{"name":"liquid-metal-orb","title":"Liquid Metal Orb","description":"A chrome orb with a liquid metal surface. Great as a logo mark or avatar.","type":"registry:component","source_url":"https://www.shaderscn.com/r/liquid-metal-orb.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/liquid-metal-orb.json"},{"name":"mesh-gradient-avatar","title":"Mesh Gradient Avatar","description":"A default avatar with a unique mesh gradient generated from any seed, like a user ID or email.","type":"registry:component","source_url":"https://www.shaderscn.com/r/mesh-gradient-avatar.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/mesh-gradient-avatar.json"},{"name":"lens-distortion-card","title":"Lens Distortion Card","description":"An image card with a magnifying lens that follows the cursor.","type":"registry:component","source_url":"https://www.shaderscn.com/r/lens-distortion-card.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/lens-distortion-card.json"},{"name":"liquid-metal-button","title":"Liquid Metal Button","description":"A call-to-action button with a flowing chrome rim that speeds up on hover.","type":"registry:component","source_url":"https://www.shaderscn.com/r/liquid-metal-button.json","install_command":"npx shadcn@latest add https://www.shaderscn.com/r/liquid-metal-button.json"}]},{"id":"shark","name":"@shark","slug":"shark","description":"A shadcn/ui-style component library of 90+ components built on top of Ark UI primitives instead of Radix UI, styled with Tailwind CSS and tailwind-variants. Follows the same CLI and copy-paste distribution model as shadcn/ui, so components live in your repo. Supports React, Solid, Vue, and Svelte. Ark UI provides WAI-ARIA-compliant behavior and keyboard navigation. Free and open-source under MIT. Use for: projects that want the shadcn/ui developer experience and design aesthetic but prefer Ark UI's headless primitives over Radix UI, or need cross-framework component compatibility.","author":"sharkui-inc","framework":"vue","license":"MIT","tags":["accessibility","aesthetic","components","design-system","hooks","navigation"],"categories":["Component library (general)"],"labels":["featured","recently-updated"],"urls":{"website":"https://shark.vini.one","github":"https://github.com/sharkui-inc/shark-ui","registry":"https://shark.vini.one/r/{name}.json","source":"https://shark.vini.one/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/shark","markdown":"https://sh4dcn.netlify.app/md/shark.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' height='64' viewBox='0 0 512 512' width='64'><path d='M40 440c0 17.673 14.327 32 32 32H436.412c19.014 0 33.909-16.558 30.776-35.311-35.6-213.126-180.861-347.756-390.643-390.305C57.403 42.5 40 57.532 40 77.064v132.788c0 17.673 14.327 32 32 32h85.684c17.673 0 32 14.326 32 32v9.572c0 17.673-14.327 32-32 32H72c-17.673 0-32 14.327-32 32V440Z' /></svg>","preview_image":"https://shark.vini.one/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":193,"open_issues":6,"last_commit":"2026-10-03T03:36:28Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/sharkui-inc/shark-ui.git","clone_degit":"npx degit sharkui-inc/shark-ui","registry_fetch":"curl -s https://shark.vini.one/r/{name}.json"},"component_count":0,"components":[]},{"id":"shieldcn","name":"@shieldcn","slug":"shieldcn","description":"A shields.io alternative that generates SVG and PNG README badges styled to match shadcn/ui button variants. Supports 25+ providers (npm, GitHub, Discord, and more), 6 visual variants, 16 themes, and 40,000+ icons via Iconify. Also supports badge groups similar to a ButtonGroup. Free and open-source (MIT), deployed as a web service with a live generator at shieldcn.dev. No React component runtime required — outputs static SVG/PNG URLs for Markdown. Use for: adding visually consistent, high-quality badges to open-source project READMEs that match your shadcn/ui design language.","author":"jal-co","framework":"react","license":"MIT","tags":["accessibility","buttons","components","icons","pro-available","theming"],"categories":["Niche/single-purpose"],"labels":["pro","recently-updated"],"urls":{"website":"https://shieldcn.dev","github":"https://github.com/jal-co/shieldcn","registry":"https://shieldcn.dev/r/{name}.json","source":"https://shieldcn.dev/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/shieldcn","markdown":"https://sh4dcn.netlify.app/md/shieldcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129.7 132' fill='var(--foreground)'><path d='M99.5,107.6c4.4,0,8-3.6,8-8v-26.1l-34.1,34.1h26.1Z'/><path d='M83.9,24.4H30.2c-4.4,0-8,3.6-8,8v53.7l61.7-61.7Z'/><path d='M104.5,26.2c-1-.8-2.4-.2-2.8,1s-1,2.5-2,3.5L25.7,104.6c-.3.3-.6.6-1,.8,1.4,1.3,3.4,2.2,5.5,2.2h25.1c-.2-2.2.6-4.5,2.2-6.2l38.9-38.9c3-3,8-3,11,0v-30c0-2.5-1.2-4.8-3-6.3Z'/></svg>","preview_image":"https://shieldcn.dev/og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shieldcn.dev/pricing"},"metrics":{"github_stars":935,"open_issues":21,"last_commit":"2026-10-27T06:31:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/jal-co/shieldcn.git","clone_degit":"npx degit jal-co/shieldcn","registry_fetch":"curl -s https://shieldcn.dev/r/{name}.json"},"component_count":0,"components":[]},{"id":"shivraj-roy","name":"@shivraj-roy","slug":"shivraj-roy","description":"Playful on the surface. Precise underneath.","author":"shivraj-roy","framework":"react","license":"MIT","tags":[],"categories":["Forms"],"labels":[],"urls":{"website":"https://www.shivrajroy.in","github":"https://github.com/shivraj-roy/typifyy","registry":"https://www.shivrajroy.in/r/registry.json","source":"https://www.shivrajroy.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shivraj-roy","markdown":"https://sh4dcn.netlify.app/md/shivraj-roy.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 647 462'><rect x='323' y='318' width='59' height='118' rx='29.5' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M586 27C602.569 27 616 40.4315 616 57V173C616 189.569 602.569 203 586 203H466C454.5 203 441 217.5 441 228.5V231C441 232.616 440.87 234.202 440.624 235.749C440.87 234.474 441 233.218 441 232C441 246.5 455 259 468 259C455.5 259 440.5 274 439 286.5C439 279 429 261 412 261C414.132 261 416.225 260.686 418.251 260.115C415.929 260.692 413.5 261 411 261H353C336.431 261 323 247.569 323 231V57C323 40.4315 336.431 27 353 27H586ZM410.5 86C394.76 86 382 98.7599 382 114.5C382 130.24 394.76 143 410.5 143H468.5C484.24 143 497 130.24 497 114.5C497 98.7599 484.24 86 468.5 86H410.5Z' fill='currentColor'/><path d='M557 347.5C557 331.208 570.208 318 586.5 318C602.792 318 616 331.208 616 347.5V406.5C616 422.792 602.792 436 586.5 436C570.208 436 557 422.792 557 406.5V347.5Z' fill='currentColor'/><path d='M439 289C439 272.431 452.431 259 469 259H527C543.569 259 557 272.431 557 289V348C557 364.569 543.569 378 527 378H469C452.431 378 439 364.569 439 348V289Z' fill='currentColor'/><path d='M557 347.5V288C557 308.5 575 318 587 318C571.8 318 557 330.5 557 347.5Z' fill='currentColor'/><path d='M557 407.5V348C557 367.5 539 378 527 378C542.2 378 557 390.5 557 407.5Z' fill='currentColor'/><path d='M148 261V288C148 272.4 132 262 123 261H148Z' fill='currentColor'/><path d='M207 86V116C207 100.4 192 86 179.5 86H207Z' fill='currentColor'/><path d='M91 86V116C91 100.4 106 86 118.5 86H91Z' fill='currentColor'/><path d='M91 201V171C91 186.6 106 201 118.5 201H91Z' fill='currentColor'/><path d='M207 27H236C252.569 27 266 40.4315 266 57V115.5C266 131.792 252.792 145 236.5 145C220.208 145 207 131.792 207 115.5V27Z' fill='currentColor'/><path d='M218 27V86H78V27H218Z' fill='currentColor'/><path d='M157 201V261H78V201H157Z' fill='currentColor'/><path d='M32 57C32 40.4315 45.4315 27 62 27H91V261H62C45.4315 261 32 247.569 32 231V57Z' fill='currentColor'/><path d='M148 201H236C252.569 201 266 214.431 266 231V406C266 422.569 252.569 436 236 436H178C161.431 436 148 422.569 148 406V201Z' fill='currentColor'/><path d='M32 347.5C32 331.208 45.2076 318 61.5 318C77.7924 318 91 331.208 91 347.5V406.5C91 422.792 77.7924 436 61.5 436C45.2076 436 32 422.792 32 406.5V347.5Z' fill='currentColor'/><path d='M178 376V436H60V376H178Z' fill='currentColor'/><path d='M91 346C91 364 105.5 376 119 376C138 376 148 361.5 148 346V376H119H91V346Z' fill='currentColor'/></svg>","preview_image":"https://www.shivrajroy.in/images/og/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-02-07T18:35:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.shivrajroy.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.shivrajroy.in/r/registry.json","install_bun":"bunx shadcn@latest add https://www.shivrajroy.in/r/registry.json","clone":"git clone https://github.com/shivraj-roy/typifyy.git","clone_degit":"npx degit shivraj-roy/typifyy","registry_fetch":"curl -s https://www.shivrajroy.in/r/registry.json"},"component_count":1,"components":[{"name":"bloom-color-picker","title":"Bloom Color Picker","description":"A flower-inspired color picker — a swatch that blooms open into petals. Zero dependencies.","type":"registry:item","source_url":"https://www.shivrajroy.in/r/bloom-color-picker.json","install_command":"npx shadcn@latest add https://www.shivrajroy.in/r/bloom-color-picker.json"}]},{"id":"shoogle","name":"@shoogle","slug":"shoogle","description":"Search shadcn blocks and components across community registries from the CLI","author":null,"framework":"react","license":null,"tags":["blocks","cards","charts","e-commerce","forms","glassmorphism","loaders","marketing","media","payments"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://shoogle.dev","github":null,"registry":"https://shoogle.dev/r/index.json","source":"https://shoogle.dev/r/index.json","page":"https://sh4dcn.netlify.app/registry/shoogle","markdown":"https://sh4dcn.netlify.app/md/shoogle.md"},"logo":"<svg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg' class='fill-none!' stroke='var(--foreground)'><rect width='256' height='256' rx='68' fill='var(--background)' stroke='none'/><path d='M220 128.5C220 179.034 179.034 220 128.5 220C77.9659 220 37 179.034 37 128.5C37 77.9659 77.9659 37 128.5 37C179.034 37 220 77.9659 220 128.5Z' class='fill-none!' stroke-width='16'/><path d='M178.219 130.589L130.589 178.219' class='fill-none!' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/><path d='M169.027 78.7808L78.7809 169.027' class='fill-none!' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/><path d='M197.125 196.289L215.425 214.589' class='fill-none!' stroke-width='15' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":"https://shoogle.dev/opengraph-image.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shoogle.dev/r/index.json","install_pnpm":"pnpm dlx shadcn@latest add https://shoogle.dev/r/index.json","install_bun":"bunx shadcn@latest add https://shoogle.dev/r/index.json","registry_fetch":"curl -s https://shoogle.dev/r/index.json"},"component_count":34,"components":[{"name":"shadcncraft/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/shadcncraft/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcncraft/index.json"},{"name":"paceui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/paceui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/paceui/index.json"},{"name":"soralabs/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/soralabs/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/soralabs/index.json"},{"name":"7ovr/index","title":null,"description":"Adopt the 7Ovr look wholesale: state color tokens, the monochrome chart ramp, and the corner radius. Replaces your existing theme values, unlike installing a s…","type":"registry:style","source_url":"https://shoogle.dev/r/7ovr/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/7ovr/index.json"},{"name":"systaliko-ui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/systaliko-ui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/systaliko-ui/index.json"},{"name":"limeplay/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/limeplay/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/limeplay/index.json"},{"name":"loading-ui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/loading-ui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/loading-ui/index.json"},{"name":"unlumen-ui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/unlumen-ui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/unlumen-ui/index.json"},{"name":"efferd/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/efferd/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/efferd/index.json"},{"name":"stylexui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/stylexui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/stylexui/index.json"},{"name":"billingsdk/index","title":null,"description":"Config for BillingSDK components","type":"registry:lib","source_url":"https://shoogle.dev/r/billingsdk/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/billingsdk/index.json"},{"name":"magicui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/magicui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/magicui/index.json"},{"name":"eldoraui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/eldoraui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/eldoraui/index.json"},{"name":"brainless/index","title":null,"description":"Default brainless install — Claude, Codex, and Grok session blocks.","type":"registry:block","source_url":"https://shoogle.dev/r/brainless/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/brainless/index.json"},{"name":"zippystarter/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/zippystarter/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/zippystarter/index.json"},{"name":"elevenlabs-ui/index","title":null,"description":null,"type":"registry:style","source_url":"https://shoogle.dev/r/elevenlabs-ui/index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/elevenlabs-ui/index.json"},{"name":"kokonutui/scroll-index","title":null,"description":"A section rail for long pages, with a tick per heading that you can hover, click or drag to scrub, built with React.","type":"registry:component","source_url":"https://shoogle.dev/r/kokonutui/scroll-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/kokonutui/scroll-index.json"},{"name":"uselayouts/liquid-index","title":null,"description":"A feature list whose hover badge is a WebGL liquid gradient that tracks the row.","type":"registry:component","source_url":"https://shoogle.dev/r/uselayouts/liquid-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/uselayouts/liquid-index.json"},{"name":"viberdy/index-step-nav","title":null,"description":"A numbered nav whose third item hangs one gutter below the bar on a contrasting plate by the rule, the bar's hairline dipping under it, and a tag that steps to…","type":"registry:component","source_url":"https://shoogle.dev/r/viberdy/index-step-nav.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/viberdy/index-step-nav.json"},{"name":"shadcn-ui-blocks/portfolio-pro-design-portfolio-project-index","title":null,"description":"A ruled archive table of every project by year with client sector and deliverable columns and a row-level arrow link to each case.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-design-portfolio-project-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-design-portfolio-project-index.json"},{"name":"shadcn-ui-blocks/ecommerce-pro-category-sections-alphabetical-index","title":null,"description":"The whole catalog as a lettered text directory for visits that know the name.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-category-sections-alphabetical-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-category-sections-alphabetical-index.json"},{"name":"shadcn-ui-blocks/ecommerce-pro-archive-sections-colorway-index","title":null,"description":"An archive table of every colorway ever sold with years, units made, live or retired badges, and the honest note behind each retirement.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-archive-sections-colorway-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-archive-sections-colorway-index.json"},{"name":"shadcn-ui-blocks/portfolio-pro-work-grids-work-index-list","title":null,"description":"A numbered text list of projects showing project name, kind, and year with a trailing arrow and no images.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-work-grids-work-index-list.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-work-grids-work-index-list.json"},{"name":"shadcn-ui-blocks/portfolio-pro-work-grids-sticky-split-index","title":null,"description":"A split work index that pins the heading, intro, and a ruled facts list on the left while project tiles scroll on the right.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-work-grids-sticky-split-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-work-grids-sticky-split-index.json"},{"name":"shadcn-ui-blocks/portfolio-pro-hero-sections-project-index-hero","title":null,"description":"Editorial index hero with a name and positioning intro above a ruled, text only list of selected projects showing number, title, client, discipline, and year.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-hero-sections-project-index-hero.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-hero-sections-project-index-hero.json"},{"name":"shadcn-ui-blocks/portfolio-pro-gallery-sections-index-preview-gallery","title":null,"description":"A numbered list of works with medium and year on the left beside a large preview of the highlighted row with its caption and counter.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-gallery-sections-index-preview-gallery.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-gallery-sections-index-preview-gallery.json"},{"name":"shadcn-ui-blocks/marketing-pro-content-sections-series-chapter-index","title":null,"description":"A series index pairing an intro column and byline with a divided list of numbered chapters, each showing a description, reading time, and marker.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/marketing-pro-content-sections-series-chapter-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/marketing-pro-content-sections-series-chapter-index.json"},{"name":"shadcn-ui-blocks/ecommerce-pro-lookbook-sections-archive-lookbooks-index","title":null,"description":"Every season kept online, each tile counting what is still made.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-lookbook-sections-archive-lookbooks-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-lookbook-sections-archive-lookbooks-index.json"},{"name":"shadcn-ui-blocks/ecommerce-pro-journal-sections-journal-topics-index","title":null,"description":"The journal mapped by topic with article counts and the best first read.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-journal-sections-journal-topics-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-journal-sections-journal-topics-index.json"},{"name":"shadcn-ui-blocks/ecommerce-pro-faq-sections-faq-topics-index","title":null,"description":"Six help topics with counts, the most asked question linked from each tile.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-faq-sections-faq-topics-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-faq-sections-faq-topics-index.json"},{"name":"shadcn-ui-blocks/portfolio-pro-case-study-sections-case-study-index","title":null,"description":"A ruled list of four navigable case study rows each carrying a thumbnail, a one-line problem statement, a result figure, and a category tag.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-case-study-sections-case-study-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/portfolio-pro-case-study-sections-case-study-index.json"},{"name":"shadcn-ui-blocks/ecommerce-pro-pricing-transparency-sections-input-cost-index","title":null,"description":"Four stat cards hold each raw input cost with its current rate, twelve month movement, and a trend sparkline, above the pass through rule line.","type":"registry:block","source_url":"https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-pricing-transparency-sections-input-cost-index.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/shadcn-ui-blocks/ecommerce-pro-pricing-transparency-sections-input-cost-index.json"},{"name":"paceui/tanstack-charts-indexed-multi-line","title":null,"description":"Normalized multi-line comparison relative to an index baseline.","type":"registry:block","source_url":"https://shoogle.dev/r/paceui/tanstack-charts-indexed-multi-line.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/paceui/tanstack-charts-indexed-multi-line.json"},{"name":"localmode/ui/data-documents/indexed-document-card","title":null,"description":"A card for a single locally-indexed document: truncated filename (native tooltip), chunk count, optional page count and file size, and a hover/focus-revealed d…","type":"registry:component","source_url":"https://shoogle.dev/r/localmode/ui/data-documents/indexed-document-card.json","install_command":"npx shadcn@latest add https://shoogle.dev/r/localmode/ui/data-documents/indexed-document-card.json"}]},{"id":"shover","name":"@shover","slug":"shover","description":"A collection of customizable and tasteful components for shadcn/ui.","author":"shailesh43","framework":"react","license":null,"tags":["backgrounds","buttons"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://shover-ui.vercel.app","github":"https://github.com/shailesh43/Shover","registry":"https://shover-ui.vercel.app/r/registry.json","source":"https://shover-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shover","markdown":"https://sh4dcn.netlify.app/md/shover.md"},"logo":"<svg width='256' height='256' viewBox='0 0 268 268' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='268' height='268' rx='71' fill='var(--background)' stroke='none'/><path d='M0 0 C1.45 0.03 1.45 0.03 2.94 0.06 C4.58 5.29 5.48 10.31 6.09 15.75 C6.29 17.44 6.49 19.12 6.7 20.81 C7 23.42 7.31 26.04 7.61 28.65 C9.25 42.88 11.27 56.82 17.69 69.81 C18.03 70.52 18.37 71.23 18.73 71.96 C21.83 78.17 25.51 83.71 29.94 89.06 C30.64 89.91 31.33 90.76 32.05 91.64 C53.81 116.91 81.99 123.98 113.75 127.69 C116.5 128.01 119.25 128.34 122 128.67 C123.69 128.87 125.39 129.07 127.08 129.26 C132.83 129.95 132.83 129.95 133.94 131.06 C133.98 133.06 133.98 135.06 133.94 137.06 C128.71 138.7 123.69 139.6 118.25 140.21 C116.56 140.41 114.88 140.62 113.19 140.82 C110.58 141.13 107.96 141.43 105.35 141.73 C91.12 143.38 77.18 145.39 64.19 151.81 C63.48 152.16 62.77 152.5 62.04 152.85 C55.83 155.95 50.29 159.63 44.94 164.06 C43.66 165.11 43.66 165.11 42.36 166.18 C17.09 187.93 10.02 216.12 6.31 247.88 C5.99 250.62 5.66 253.37 5.33 256.12 C5.13 257.82 4.93 259.51 4.74 261.21 C4.05 266.95 4.05 266.95 2.94 268.06 C0.94 268.1 -1.06 268.11 -3.06 268.06 C-4.7 262.83 -5.6 257.81 -6.21 252.38 C-6.41 250.69 -6.62 249 -6.82 247.32 C-7.13 244.7 -7.43 242.09 -7.73 239.47 C-9.38 225.24 -11.39 211.31 -17.81 198.31 C-18.16 197.6 -18.5 196.89 -18.85 196.16 C-21.95 189.95 -25.63 184.41 -30.06 179.06 C-31.11 177.79 -31.11 177.79 -32.18 176.49 C-53.93 151.21 -82.12 144.14 -113.88 140.44 C-116.62 140.11 -119.37 139.79 -122.12 139.46 C-123.82 139.26 -125.51 139.06 -127.21 138.86 C-132.95 138.17 -132.95 138.17 -134.06 137.06 C-134.1 135.06 -134.11 133.06 -134.06 131.06 C-128.83 129.42 -123.81 128.52 -118.38 127.91 C-116.69 127.71 -115 127.51 -113.32 127.3 C-110.7 127 -108.09 126.69 -105.47 126.39 C-91.24 124.75 -77.31 122.73 -64.31 116.31 C-63.6 115.97 -62.89 115.63 -62.16 115.27 C-55.95 112.17 -50.41 108.49 -45.06 104.06 C-44.21 103.36 -43.36 102.67 -42.49 101.95 C-17.21 80.19 -10.14 52.01 -6.44 20.25 C-6.11 17.5 -5.79 14.75 -5.46 12 C-5.26 10.31 -5.06 8.61 -4.86 6.92 C-4.04 0.08 -4.04 0.08 0 0 Z' fill='var(--foreground)' transform='translate(134.0625,-0.0625)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-07-03T18:30:03Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shover-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shover-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shover-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/shailesh43/Shover.git","clone_degit":"npx degit shailesh43/Shover","registry_fetch":"curl -s https://shover-ui.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"gradient-button","title":"Gradient Button","description":"A button with a customizable two-color gradient background, built on top of shadcn/ui's Button.","type":"registry:component","source_url":"https://shover-ui.vercel.app/r/gradient-button.json","install_command":"npx shadcn@latest add https://shover-ui.vercel.app/r/gradient-button.json"}]},{"id":"silicon-ui","name":"@silicon-ui","slug":"silicon-ui","description":"Free, open source React components and blocks with calm, physical motion. Live previews with editable props, Markdown docs and llms.txt for AI tools.","author":"teamofsilicons","framework":"react","license":"MIT","tags":["ai","animation","auth","blocks","buttons","cards","charts","developer-tools","editor","forms","icons","loaders","maps","media","navigation","onboarding","overlays","payments","tables","text-effects","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.teamofsilicons.com","github":"https://github.com/teamofsilicons/silicon-ui","registry":"https://ui.teamofsilicons.com/r/registry.json","source":"https://ui.teamofsilicons.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/silicon-ui","markdown":"https://sh4dcn.netlify.app/md/silicon-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='40 40 204 204' fill='var(--foreground)'><rect x='49' y='117.9' width='47.7' height='47.7'/><rect x='70.2' y='70.2' width='47.7' height='47.7'/><rect x='70.2' y='165.6' width='47.7' height='47.7'/><rect x='90.06' y='141.75' width='72.78' height='72.78' transform='rotate(-45 90.06 141.75)'/><rect x='117.9' y='49' width='47.7' height='47.7'/><rect x='117.9' y='186.8' width='47.7' height='47.7'/><rect x='186.8' y='117.9' width='47.7' height='47.7'/><rect x='165.6' y='70.2' width='47.7' height='47.7'/><rect x='165.6' y='165.6' width='47.7' height='47.7'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":9,"last_commit":"2026-10-17T06:20:40Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.teamofsilicons.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.teamofsilicons.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.teamofsilicons.com/r/registry.json","clone":"git clone https://github.com/teamofsilicons/silicon-ui.git","clone_degit":"npx degit teamofsilicons/silicon-ui","registry_fetch":"curl -s https://ui.teamofsilicons.com/r/registry.json"},"component_count":134,"components":[{"name":"silicon-foundation","title":"Silicon UI foundation","description":"Silicon UI design tokens (color, surface, radius, shadow, accent, focus, light and dark themes), plus the shared motion presets. Install once per app.","type":"registry:item","source_url":"https://ui.teamofsilicons.com/r/silicon-foundation.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/silicon-foundation.json"},{"name":"silicon-motion-tokens","title":"Silicon UI motion tokens","description":"The shared motion presets (durations, easings, springs, staggers) Silicon UI components import. Installed automatically with any item that uses them.","type":"registry:item","source_url":"https://ui.teamofsilicons.com/r/silicon-motion-tokens.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/silicon-motion-tokens.json"},{"name":"button","title":"Button","description":"A clear, responsive action with quiet secondary states.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/button.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/button.json"},{"name":"button-link","title":"Button link","description":"A link that looks exactly like a button, for actions that go somewhere.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/button-link.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/button-link.json"},{"name":"action-button","title":"Action button","description":"A compact button for frequent toolbar actions.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/action-button.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/action-button.json"},{"name":"split-button","title":"Split button","description":"A primary action with a menu of nearby alternatives.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/split-button.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/split-button.json"},{"name":"button-group","title":"Button group","description":"Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached me…","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/button-group.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/button-group.json"},{"name":"floating-button-group","title":"Floating button group","description":"Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/floating-button-group.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/floating-button-group.json"},{"name":"expanding-button-group","title":"Expanding button group","description":"Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/expanding-button-group.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/expanding-button-group.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"A focused list of actions anchored to a trigger.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/dropdown-menu.json"},{"name":"context-menu","title":"Context menu","description":"Secondary actions kept close to the selected object.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/context-menu.json"},{"name":"copy-button","title":"Copy button","description":"Copy a value with immediate confirmation.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/copy-button.json"},{"name":"drawer","title":"Drawer","description":"A temporary side surface for focused work.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/drawer.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/drawer.json"},{"name":"theme-switch","title":"Theme switcher","description":"Four smooth ways to move between light and dark appearance.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/theme-switch.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/theme-switch.json"},{"name":"theme-switch-eclipse","title":"Eclipse","description":"The next appearance crosses the page like an eclipse.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/theme-switch-eclipse.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/theme-switch-eclipse.json"},{"name":"theme-switch-split","title":"Split","description":"The next appearance opens from a slim center seam.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/theme-switch-split.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/theme-switch-split.json"},{"name":"theme-switch-rise","title":"Rise","description":"The next appearance rises into place.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/theme-switch-rise.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/theme-switch-rise.json"},{"name":"avatar","title":"Avatar","description":"A compact identity marker for people and accounts.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/avatar.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/avatar.json"},{"name":"avatar-group","title":"Avatar group","description":"Show a team or set of contributors in a small space.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/avatar-group.json"},{"name":"input","title":"Input","description":"A single line field with clear labels and useful states.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/input.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/input.json"},{"name":"textarea","title":"Textarea","description":"A multiline field for notes, descriptions, and longer text.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/textarea.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/textarea.json"},{"name":"select","title":"Select","description":"A compact choice field with a keyboard friendly menu.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/select.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/select.json"},{"name":"combobox","title":"Combobox","description":"Search and select from a list without leaving the field.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/combobox.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/combobox.json"},{"name":"checkbox","title":"Checkbox","description":"A binary choice with a precise, legible state.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/checkbox.json"},{"name":"switch","title":"Switch","description":"A tactile toggle for settings that take effect immediately.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/switch.json"},{"name":"multi-select","title":"Multi-select","description":"Select several values while keeping the field readable.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/multi-select.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/multi-select.json"},{"name":"number-field","title":"Number field","description":"Enter a bounded number with clear increment controls.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/number-field.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/number-field.json"},{"name":"password-field","title":"Password field","description":"Capture sensitive text with a visible reveal control.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/password-field.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/password-field.json"},{"name":"search-field","title":"Search field","description":"A recognizable search entry point with clear affordances.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/search-field.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/search-field.json"},{"name":"tag-input","title":"Tag input","description":"Turn short text values into removable tags.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/tag-input.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/tag-input.json"},{"name":"file-dropzone","title":"File dropzone","description":"A generous target for dropping one or more files.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/file-dropzone.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/file-dropzone.json"},{"name":"radio-group","title":"Radio group","description":"Choose one option from a visible set.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/radio-group.json"},{"name":"segmented-control","title":"Segmented control","description":"Switch between a small set of related views.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/segmented-control.json"},{"name":"calendar","title":"Calendar","description":"Browse dates in a clear, compact month view.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/calendar.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/calendar.json"},{"name":"date-picker","title":"Date picker","description":"Choose a date without losing context.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/date-picker.json"},{"name":"time-picker","title":"Time picker","description":"Choose a time with sensible keyboard behavior.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/time-picker.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/time-picker.json"},{"name":"accordion","title":"Accordion","description":"Progressively reveal supporting information in place.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/accordion.json"},{"name":"dialog","title":"Dialog","description":"A focused surface for decisions that need attention.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/dialog.json"},{"name":"popover","title":"Popover","description":"A small anchored surface for contextual information.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Short supporting text for unfamiliar controls.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/tooltip.json"},{"name":"tabs","title":"Tabs","description":"Switch between related content in the same context.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/tabs.json"},{"name":"expandable-card","title":"Expandable card","description":"Give a dense card more room when requested.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/expandable-card.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/expandable-card.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Show where a page sits in a hierarchy.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/breadcrumb.json"},{"name":"nav-list","title":"Nav list","description":"A sidebar's list of destinations, with sections, the current page and locked rows that say why.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/nav-list.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/nav-list.json"},{"name":"alert","title":"Alert","description":"A persistent message that helps people recover or continue.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/alert.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/alert.json"},{"name":"toast","title":"Toast","description":"Brief confirmation for a completed background action.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/toast.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/toast.json"},{"name":"progress","title":"Progress","description":"Show how much of a known task is complete.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/progress.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"Reserve space while content is still loading.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/skeleton.json"},{"name":"badge","title":"Badge","description":"A small label for status, category, or metadata.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/badge.json"},{"name":"card","title":"Card","description":"A contained group of related content and actions.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/card.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/card.json"},{"name":"metric-card","title":"Metric card","description":"A compact summary for a number that needs context.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/metric-card.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/metric-card.json"},{"name":"empty-state","title":"Empty state","description":"A useful next step when there is nothing to show yet.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/empty-state.json"},{"name":"tree-view","title":"Tree view","description":"Navigate nested folders and structured content.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/tree-view.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/tree-view.json"},{"name":"pagination","title":"Pagination","description":"Move through a long collection with clear bounds.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/pagination.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/pagination.json"},{"name":"filter-toolbar","title":"Filter toolbar","description":"Keep collection filters close and easy to reset.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/filter-toolbar.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/filter-toolbar.json"},{"name":"sortable-data-table","title":"Sortable data table","description":"Compare structured records with sortable columns.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/sortable-data-table.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/sortable-data-table.json"},{"name":"sparkline","title":"Sparkline","description":"Show a compact trend beside a value.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/sparkline.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/sparkline.json"},{"name":"gauge","title":"Gauge","description":"Show a value against a known range.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/gauge.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/gauge.json"},{"name":"animated-counter","title":"Animated counter","description":"Give changing totals a clear sense of movement.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/animated-counter.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/animated-counter.json"},{"name":"code-block","title":"Code block","description":"Present code with legible hierarchy and copy access.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/code-block.json"},{"name":"text-reveal","title":"Text reveal","description":"Reveal a short piece of content with restrained motion.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/text-reveal.json"},{"name":"in-view-title","title":"In-view title","description":"Bring a section title in as it scrolls into view.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/in-view-title.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/in-view-title.json"},{"name":"text-morph","title":"Text morph","description":"Morph a label into its next state, letter by letter.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/text-morph.json"},{"name":"text-shimmer","title":"Text shimmer","description":"Show ongoing work with a calm light across the words.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/text-shimmer.json"},{"name":"hold-to-confirm","title":"Hold to confirm","description":"Confirm a destructive action by holding, not tapping.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/hold-to-confirm.json"},{"name":"swipe-actions","title":"Swipe actions","description":"Reveal row actions with a swipe, or from the same actions in a menu.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/swipe-actions.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/swipe-actions.json"},{"name":"slider","title":"Slider","description":"Pick a value or a range on a track that follows your finger.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/slider.json"},{"name":"elastic-slider","title":"Elastic slider","description":"A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/elastic-slider.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/elastic-slider.json"},{"name":"inline-edit","title":"Inline edit","description":"Rename in place: the text becomes a field without moving.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/inline-edit.json"},{"name":"expanding-search","title":"Expanding search","description":"An icon that morphs into a search field with results beneath it.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/expanding-search.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/expanding-search.json"},{"name":"chip-group","title":"Chip group","description":"Filter by a few facets with chips that morph as you pick them.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/chip-group.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/chip-group.json"},{"name":"password-strength","title":"Password strength","description":"Show how strong a new password is while it is typed.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/password-strength.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/password-strength.json"},{"name":"bottom-sheet","title":"Bottom sheet","description":"A sheet that rests at a peek or full height and follows your finger.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/bottom-sheet.json"},{"name":"hover-card","title":"Hover card","description":"Preview a person or link on hover or focus without leaving the page.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/hover-card.json"},{"name":"resizable-panels","title":"Resizable panels","description":"Trade space between panes by dragging the divider between them.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/resizable-panels.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/resizable-panels.json"},{"name":"toast-stack","title":"Toast stack","description":"Stack short results at the edge until you reach for them.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/toast-stack.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/toast-stack.json"},{"name":"usage-meter","title":"Usage meter","description":"Show what fills an allowance and how close it is to the limit.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/usage-meter.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/usage-meter.json"},{"name":"image-compare","title":"Image compare","description":"Drag a divider across two images to see what changed.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/image-compare.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/image-compare.json"},{"name":"carousel","title":"Carousel","description":"Browse a row of slides by dragging, flicking, or arrowing through them.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/carousel.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/carousel.json"},{"name":"card-stack","title":"Card stack","description":"Review a deck one card at a time, with a throw and an undo.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/card-stack.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/card-stack.json"},{"name":"bar-chart","title":"Bar chart","description":"Compare one measure across days and scrub any bar for its value.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/bar-chart.json"},{"name":"activity-heatmap","title":"Activity heatmap","description":"See a year of activity at a glance, one square per day.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/activity-heatmap.json"},{"name":"timeline","title":"Timeline","description":"Follow what happened, newest first, grouped by day.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/timeline.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/timeline.json"},{"name":"user-menu","title":"User menu","description":"Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/user-menu.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/user-menu.json"},{"name":"stepper","title":"Stepper","description":"Show where a person is in a multi-step flow and what is done.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/stepper.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/stepper.json"},{"name":"signature-pad","title":"Signature pad","description":"Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/signature-pad.json"},{"name":"date-range-picker","title":"Date range picker","description":"A range picker that grows from its trigger into two months with presets and a stretching range highlight.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/date-range-picker.json"},{"name":"color-picker","title":"Color picker","description":"A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/color-picker.json"},{"name":"morph-select","title":"Morph select","description":"A select whose trigger grows into the list, with a gliding highlight and type-ahead.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/morph-select.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/morph-select.json"},{"name":"line-chart","title":"Line chart","description":"A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph between ranges.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/line-chart.json"},{"name":"donut-chart","title":"Donut chart","description":"A donut whose arcs morph between datasets, with the active value rolling into the center.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/donut-chart.json"},{"name":"streamgraph","title":"Streamgraph","description":"Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/streamgraph.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/streamgraph.json"},{"name":"brush-chart","title":"Brush chart","description":"A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/brush-chart.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/brush-chart.json"},{"name":"ridgeline","title":"Ridgeline","description":"Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/ridgeline.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/ridgeline.json"},{"name":"treemap","title":"Treemap","description":"A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/treemap.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/treemap.json"},{"name":"waffle-chart","title":"Waffle chart","description":"A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/waffle-chart.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/waffle-chart.json"},{"name":"slope-chart","title":"Slope chart","description":"Before and after on two axes: lines draw in, rank moves sit beside each value, and switching datasets slides every line to its new slope.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/slope-chart.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/slope-chart.json"},{"name":"countdown","title":"Countdown","description":"A launch countdown with rolling digits that morphs into a live state at zero.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/countdown.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/countdown.json"},{"name":"announcement-bar","title":"Announcement bar","description":"A top banner that rotates messages, counts down, and collapses smoothly when dismissed.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/announcement-bar.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/announcement-bar.json"},{"name":"json-viewer","title":"JSON viewer","description":"A collapsible JSON tree with search, paging for long arrays, and copy value or path.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/json-viewer.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/json-viewer.json"},{"name":"phone-input","title":"Phone input","description":"A phone field with a country picker, formatting as you type, and E.164 output.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/phone-input.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/phone-input.json"},{"name":"money-input","title":"Money input","description":"A currency field with live grouping, stable width, rolling digits, and minor-unit output.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/money-input.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/money-input.json"},{"name":"shortcut-recorder","title":"Shortcut recorder","description":"Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/shortcut-recorder.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/shortcut-recorder.json"},{"name":"confirm-morph","title":"Confirm morph","description":"A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/confirm-morph.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/confirm-morph.json"},{"name":"mention-input","title":"Mention input","description":"A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/mention-input.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/mention-input.json"},{"name":"chat-thread","title":"Chat thread","description":"A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/chat-thread.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/chat-thread.json"},{"name":"rich-text-editor","title":"Rich text editor","description":"A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML and markdown output.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/rich-text-editor.json"},{"name":"billing-toggle","title":"Billing toggle","description":"A monthly and yearly switch with a savings badge and prices that roll to the new amount.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/billing-toggle.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/billing-toggle.json"},{"name":"scroll-area","title":"Scroll area","description":"A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/scroll-area.json"},{"name":"radio-cards","title":"Radio cards","description":"Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/radio-cards.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/radio-cards.json"},{"name":"comment-thread","title":"Comment thread","description":"Threaded comments with replies, reactions, mentions, inline edit, and resolve.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/comment-thread.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/comment-thread.json"},{"name":"slot-text","title":"Slot text","description":"Text and numbers that spin into their new value on staggered slot machine reels.","type":"registry:ui","source_url":"https://ui.teamofsilicons.com/r/slot-text.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/slot-text.json"},{"name":"signup-form","title":"Sign up form","description":"An account creation flow with field validation, password strength, and a clear completion state.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/signup-form.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/signup-form.json"},{"name":"logo-marquee","title":"Logo marquee","description":"A quiet, continuously moving row of brand marks with a pause control.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/logo-marquee.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/logo-marquee.json"},{"name":"plan-comparison","title":"Plan comparison","description":"Compare meaningful differences between plans and billing periods.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/plan-comparison.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/plan-comparison.json"},{"name":"command-palette","title":"Command palette","description":"A complete keyboard driven action surface with search, grouped results, and shortcuts.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/command-palette.json"},{"name":"notification-center","title":"Notification center","description":"A home for updates with read state, grouped information, and animated disclosure.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/notification-center.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/notification-center.json"},{"name":"file-upload","title":"File upload","description":"A complete file selection flow with constraints, progress, and error feedback.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/file-upload.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/file-upload.json"},{"name":"otp-input","title":"OTP input","description":"A six digit verification flow with paste support and keyboard navigation.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/otp-input.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/otp-input.json"},{"name":"changelog-feed","title":"Changelog feed","description":"Release notes you can filter, open in place, and scroll through month by month.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/changelog-feed.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/changelog-feed.json"},{"name":"sign-in","title":"Sign in","description":"A sign in card that morphs from email to a six digit code to your account.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/sign-in.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/sign-in.json"},{"name":"page-header","title":"Page header","description":"A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/page-header.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/page-header.json"},{"name":"empty-states","title":"Empty states","description":"Four empty states in one illustration whose shapes morph between scenes as you switch tabs.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/empty-states.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/empty-states.json"},{"name":"login-centered","title":"Centered login","description":"A passkey-first login card on a quiet ring backdrop that morphs through email and code.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/login-centered.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/login-centered.json"},{"name":"site-header","title":"Site header","description":"A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/site-header.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/site-header.json"},{"name":"site-footer","title":"Site footer","description":"A website footer with link columns and newsletter, a minimal layout, and a large fading Silicon mark.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/site-footer.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/site-footer.json"},{"name":"hero-section","title":"Hero section","description":"Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a drifting mesh, a workflow graph that routes sample events node by node, and …","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/hero-section.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/hero-section.json"},{"name":"faq-section","title":"FAQ section","description":"FAQs as an accordion, a topic rail, or a searchable list that highlights matches.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/faq-section.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/faq-section.json"},{"name":"contact-section","title":"Contact section","description":"A validated contact form that morphs into a confirmation, support channels, and office cards with local times.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/contact-section.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/contact-section.json"},{"name":"blog-grid","title":"Blog grid","description":"A blog index with a featured post, category filter, post cards, pagination and an in-place reader.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/blog-grid.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/blog-grid.json"},{"name":"comparison-table","title":"Comparison table","description":"An us versus them table with a sticky header, a highlighted column, and a stacked phone view.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/comparison-table.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/comparison-table.json"},{"name":"stats-band","title":"Stats band","description":"Headline numbers that count up in view, each with a tiny visual that proves it and a context line on hover, plain or in a hairline grid.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/stats-band.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/stats-band.json"},{"name":"cta-section","title":"CTA section","description":"A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/cta-section.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/cta-section.json"},{"name":"newsletter-signup","title":"Newsletter signup","description":"An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.","type":"registry:block","source_url":"https://ui.teamofsilicons.com/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://ui.teamofsilicons.com/r/newsletter-signup.json"}]},{"id":"simple-ai","name":"@simple-ai","slug":"simple-ai","description":"Curated agent examples you can copy into your app. Chat page, input, tools, and a worked fold.","author":"Alwurts","framework":"react","license":"MIT","tags":["ai","forms"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://www.simple-ai.dev","github":"https://github.com/Alwurts/simple-ai","registry":"https://www.simple-ai.dev/r/registry.json","source":"https://www.simple-ai.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/simple-ai","markdown":"https://sh4dcn.netlify.app/md/simple-ai.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' fill='none'><path d='M789.791 252.068C774.259 222.856 737.986 211.767 708.774 227.299C679.563 242.831 668.473 279.102 684.005 308.314L763.197 457.248C778.729 486.46 815.001 497.549 844.213 482.017C873.425 466.485 884.514 430.213 868.982 401.002L789.791 252.068Z' fill='#47B2E4'/><path d='M439.536 224.19C408.933 240.462 397.315 278.46 413.587 309.063L649.95 753.589C666.222 784.192 704.221 795.809 734.824 779.537C765.427 763.266 777.045 725.267 760.773 694.665L524.41 250.138C508.138 219.536 470.139 207.918 439.536 224.19Z' fill='var(--foreground)'/><path d='M158.617 220.763C128.014 237.035 116.396 275.034 132.668 305.636L369.03 750.162C385.302 780.765 423.302 792.382 453.905 776.11C484.508 759.839 496.125 721.84 479.853 691.238L243.491 246.711C227.219 216.109 189.22 204.492 158.617 220.763Z' fill='var(--foreground)'/></svg>","preview_image":"https://www.simple-ai.dev/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":755,"open_issues":8,"last_commit":"2026-10-26T09:30:09Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.simple-ai.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.simple-ai.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.simple-ai.dev/r/registry.json","clone":"git clone https://github.com/Alwurts/simple-ai.git","clone_degit":"npx degit Alwurts/simple-ai","registry_fetch":"curl -s https://www.simple-ai.dev/r/registry.json"},"component_count":6,"components":[{"name":"chat-input","title":"Chat input","description":"Chat input with mentions and streaming status.","type":"registry:ui","source_url":"https://www.simple-ai.dev/r/chat-input.json","install_command":"npx shadcn@latest add https://www.simple-ai.dev/r/chat-input.json"},{"name":"chat-page","title":"Chat page","description":"Full-screen chat with tools, files, and mentions.","type":"registry:block","source_url":"https://www.simple-ai.dev/r/chat-page.json","install_command":"npx shadcn@latest add https://www.simple-ai.dev/r/chat-page.json"},{"name":"reasoning","title":"Reasoning","description":"Quiet thinking row with markdown.","type":"registry:ui","source_url":"https://www.simple-ai.dev/r/reasoning.json","install_command":"npx shadcn@latest add https://www.simple-ai.dev/r/reasoning.json"},{"name":"shell","title":"Shell","description":"Sidebar, header, and main content.","type":"registry:ui","source_url":"https://www.simple-ai.dev/r/shell.json","install_command":"npx shadcn@latest add https://www.simple-ai.dev/r/shell.json"},{"name":"tool","title":"Tool","description":"Quiet collapsible tool call with input and output.","type":"registry:ui","source_url":"https://www.simple-ai.dev/r/tool.json","install_command":"npx shadcn@latest add https://www.simple-ai.dev/r/tool.json"},{"name":"worked","title":"Worked","description":"Fold the agent's work. Keep the answer.","type":"registry:ui","source_url":"https://www.simple-ai.dev/r/worked.json","install_command":"npx shadcn@latest add https://www.simple-ai.dev/r/worked.json"}]},{"id":"siteplane","name":"@siteplane","slug":"siteplane","description":"Finished React components with every state and micro-interaction built in, plus a skill for your coding agent. Free with full source.","author":"LukasvanUden","framework":"react","license":null,"tags":["accessibility","ai","animation","auth","buttons","cards","charts","dashboard","forms","icons","loaders","media","navigation","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.siteplane.io","github":"https://github.com/LukasvanUden/siteplane-ui","registry":"https://ui.siteplane.io/registry/registry.json","source":"https://ui.siteplane.io/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/siteplane","markdown":"https://sh4dcn.netlify.app/md/siteplane.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 154 184' fill='var(--foreground)'><path d='M65.8008 2.59529L28.721 23.5675L7.10767 36.0857C2.70936 38.6334 0 43.3409 0 48.4275V81.6708C0 83.0813 0.747713 84.386 1.97044 85.0912L42.8748 108.787C44.0887 109.493 45.5929 109.493 46.8068 108.787L66.4761 97.3977C67.69 96.6925 68.4465 95.3878 68.4465 93.9774V82.2879C68.4465 80.8774 69.1942 79.5727 70.417 78.8675L134.96 41.6923C139.068 39.3121 139.244 33.4233 135.277 30.8051L85.2149 2.53352C79.1804 -0.869287 71.8089 -0.842879 65.8008 2.60401V2.59529Z'/><path d='M88.1522 180.601L124.911 159.59L146.525 147.072C150.923 144.524 153.624 139.816 153.624 134.73V101.495C153.624 100.085 152.876 98.78 151.653 98.0748L110.749 74.3785C109.535 73.6733 108.031 73.6733 106.817 74.3785L87.1474 85.7683C85.9334 86.4735 85.1769 87.7782 85.1769 89.1887V100.878C85.1769 102.289 84.4292 103.593 83.2065 104.299L18.9843 141.513C14.8763 143.893 14.7004 149.782 18.6676 152.4L68.7292 180.672C74.7637 184.084 82.1353 184.057 88.1434 180.601H88.1522Z'/></svg>","preview_image":"https://ui.siteplane.io/opengraph-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.siteplane.io/pricing"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-26T13:51:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.siteplane.io/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.siteplane.io/registry/registry.json","install_bun":"bunx shadcn@latest add https://ui.siteplane.io/registry/registry.json","clone":"git clone https://github.com/LukasvanUden/siteplane-ui.git","clone_degit":"npx degit LukasvanUden/siteplane-ui","registry_fetch":"curl -s https://ui.siteplane.io/registry/registry.json"},"component_count":250,"components":[{"name":"base","title":"Siteplane UI Base","description":"Provider-free baseline styles and utilities.","type":"registry:base","source_url":"https://ui.siteplane.io/registry/base.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/base.json"},{"name":"action-icons","title":"Action Icons","description":"The animated copy icon, selection check and reveal eye that CopyButton, Code and Resource List draw. Install copy-button to copy a value.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/action-icons.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/action-icons.json"},{"name":"button","title":"Button","description":"Action family with variants, sizes, loading behavior, single-line icon labels, and accessible disabled states.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/button.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button.json"},{"name":"color-picker","title":"Color Picker","description":"Color editor with saturation, hue, hex and RGB controls.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/color-picker.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-picker.json"},{"name":"color-swatch-picker","title":"Color Swatch Picker","description":"Single-selection palette of named color swatches.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/color-swatch-picker.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker.json"},{"name":"input","title":"Input and Field","description":"Base UI-backed text input and accessible field boundary.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/input.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/input.json"},{"name":"calendar","title":"Calendar","description":"Locale-aware inline calendar with single, contiguous range and multiple date selection.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/calendar.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar.json"},{"name":"date-field","title":"Date Field","description":"Segmented, locale-aware date entry with optional Calendar action and native form serialization.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/date-field.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/date-field.json"},{"name":"time-field","title":"Time Field","description":"Segmented, locale-aware time entry with an optional compact hour and minute selector. Search terms: hours, minutes, form.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/time-field.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/time-field.json"},{"name":"date-picker","title":"Date Picker","description":"Button-triggered, locale-aware single-date picker with Calendar overlay.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/date-picker.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/date-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Segmented, locale-aware date-range picker with one Calendar action and two native form values.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/date-range-picker.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/date-range-picker.json"},{"name":"date-time-picker","title":"Date Time Picker","description":"Combined locale-aware date and time picker with separate disclosures and one native form value. Search terms: calendar.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/date-time-picker.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/date-time-picker.json"},{"name":"input-group","title":"Input Group","description":"Composite for related Input and Textarea controls, add-ons, segments, and focus routing.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/input-group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/input-group.json"},{"name":"label","title":"Label","description":"Polymorphic native label for standalone control association.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/label.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/label.json"},{"name":"list-box","title":"List Box","description":"React Aria single-selection list with check or row-fill appearance, keyboard navigation and rich options.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/list-box.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/list-box.json"},{"name":"form","title":"Form","description":"Base UI form root for validation, submission, reset, and server errors.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/form.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/form.json"},{"name":"fieldset","title":"Fieldset","description":"Base UI fieldset and legend primitives for semantic control groups, with a description the fieldset names in aria-describedby.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/fieldset.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/fieldset.json"},{"name":"icon-morphs","title":"Icon Morphs","description":"Menu button whose bars morph into a close icon. Search terms: actions.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/icon-morphs.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/icon-morphs.json"},{"name":"frame","title":"Frame","description":"Layered surface with headers, panels, descriptions and footers.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/frame.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/frame.json"},{"name":"group","title":"Group","description":"Composition for visually joined controls, text segments, and separators.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/group.json"},{"name":"dialog","title":"Dialog","description":"Base UI-backed modal task boundary.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/dialog.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dialog.json"},{"name":"combobox","title":"Combobox","description":"Searchable single- and multi-selection control with animated chips, grouped results and form integration.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/combobox.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox.json"},{"name":"locale","title":"Locale Provider","description":"React Aria locale boundary for localized components.","type":"registry:lib","source_url":"https://ui.siteplane.io/registry/locale.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/locale.json"},{"name":"avatar","title":"Avatar","description":"Image and fallback avatar compound component.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/avatar.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar.json"},{"name":"avatar-group","title":"Avatar Group","description":"Show several people as a row of overlapping avatars with an optional overflow count. Search terms: avatar stack, facepile, members.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/avatar-group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-group.json"},{"name":"badge","title":"Badge","description":"Polymorphic badge with semantic variants and responsive sizes.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/badge.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge.json"},{"name":"card","title":"Card","description":"Structured application surface for related content and actions.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/card.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card.json"},{"name":"alert","title":"Alert","description":"Persistent feedback with semantic tone, optional actions and an optional close control, inline, as a page banner or as a card band. Search terms: notice.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/alert.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert.json"},{"name":"empty-state","title":"Empty State","description":"Empty application-state explanation with media and actions.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/empty-state.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/empty-state.json"},{"name":"skeleton","title":"Skeleton","description":"Decorative loading placeholder with consumer-owned geometry.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/skeleton.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/skeleton.json"},{"name":"spinner","title":"Spinner","description":"Indeterminate loading status with seven visual variants and reduced-motion behavior.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/spinner.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/spinner.json"},{"name":"stepper","title":"Stepper","description":"Ordered workflow progress with read-only and native button items.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/stepper.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/stepper.json"},{"name":"code","title":"Code","description":"Inline and block code with optional reveal and clipboard actions.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/code.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/code.json"},{"name":"kbd","title":"Keyboard Key","description":"Keyboard input notation for keys and grouped shortcuts.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/kbd.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/kbd.json"},{"name":"separator","title":"Separator","description":"Base UI separator with horizontal and vertical orientation.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/separator.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/separator.json"},{"name":"progress","title":"Progress","description":"Native determinate or indeterminate task progress.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/progress.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/progress.json"},{"name":"meter","title":"Meter","description":"Show a measurement within a known range, such as storage used, with an optional status tone.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/meter.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/meter.json"},{"name":"textarea","title":"Textarea","description":"Base UI-backed multi-line text control.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/textarea.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/textarea.json"},{"name":"checkbox","title":"Checkbox","description":"Base UI-backed Boolean form choice.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/checkbox.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Base UI-backed related multi-selection group.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/checkbox-group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group.json"},{"name":"radio-group","title":"Radio Group","description":"Base UI-backed single-selection form group.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/radio-group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/radio-group.json"},{"name":"switch","title":"Switch","description":"Base UI-backed on/off preference control.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/switch.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/switch.json"},{"name":"toggle","title":"Toggle","description":"Base UI-backed pressed-state action.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/toggle.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Base UI-backed single or multiple pressed selection.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/toggle-group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/toggle-group.json"},{"name":"number-field","title":"Number Field","description":"Base UI-backed numeric entry and stepping.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/number-field.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/number-field.json"},{"name":"otp-field","title":"OTP Field","description":"Segmented fixed-length input for one-time passwords, verification codes and recovery codes. Search terms: joined.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/otp-field.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/otp-field.json"},{"name":"slider","title":"Slider","description":"Scalar, range, discrete-label and form slider.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/slider.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/slider.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Modal confirmation dialog for consequential actions.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-dialog.json"},{"name":"drawer","title":"Drawer","description":"Swipe-aware modal panel anchored to a viewport edge.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/drawer.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/drawer.json"},{"name":"sheet","title":"Sheet","description":"Dialog-backed edge flyout for forms and save/cancel workflows.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/sheet.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/sheet.json"},{"name":"popover","title":"Popover","description":"Anchored non-modal surface for contextual content.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/popover.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Short contextual label for hoverable or focusable controls.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/tooltip.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/tooltip.json"},{"name":"preview-card","title":"Preview Card","description":"Anchored hover and focus preview for linked content.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/preview-card.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/preview-card.json"},{"name":"menu","title":"Menu","description":"Keyboard-navigable action and selection menu.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/menu.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/menu.json"},{"name":"context-menu","title":"Context Menu","description":"Pointer and keyboard context menu sharing Menu presentation.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/context-menu.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/context-menu.json"},{"name":"accordion","title":"Accordion","description":"Single or multiple expandable disclosure sections.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/accordion.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"Compact disclosure for a single section of content.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/collapsible.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/collapsible.json"},{"name":"tabs","title":"Tabs","description":"Keyboard-navigable single-selection content panels.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/tabs.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/tabs.json"},{"name":"toolbar","title":"Toolbar","description":"Keyboard-navigable group of application controls.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/toolbar.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/toolbar.json"},{"name":"toast","title":"Toast","description":"Transient status messages managed through a scoped provider.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/toast.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/toast.json"},{"name":"scroll-area","title":"Scroll Area","description":"Bounded overflow region with native overlay scrollbars, optional edge fades and gutter handling.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/scroll-area.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/scroll-area.json"},{"name":"sidebar","title":"Sidebar","description":"Application navigation sidebar with desktop collapse and a mobile sheet.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/sidebar.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/sidebar.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"The Menu under DropdownMenu-prefixed part names.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dropdown-menu.json"},{"name":"select","title":"Select","description":"Single- and multiple-selection popup with grouped, polymorphic and form-integrated controls.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/select.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/select.json"},{"name":"autocomplete","title":"Autocomplete","description":"Text input with suggestions and no selection state.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/autocomplete.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete.json"},{"name":"timeline","title":"Timeline","description":"Ordered event history with semantic and shaped markers.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/timeline.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/timeline.json"},{"name":"table","title":"Table","description":"React Aria table with composable rows and cells plus optional sorting, row or checkbox selection, captions and footers.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/table.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/table.json"},{"name":"tag-group","title":"Tag Group","description":"React Aria tag collection with controlled or uncontrolled selection, accessible removal and focus recovery. Search terms: tags, labels.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/tag-group.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/tag-group.json"},{"name":"command","title":"Command","description":"Searchable keyboard-first action collection.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/command.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/command.json"},{"name":"pagination","title":"Pagination","description":"Navigation between the pages of a long list or table, built from Button links.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/pagination.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/pagination.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Semantic hierarchy trail with native navigation links.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/breadcrumb.json"},{"name":"dashboard-shell","title":"Dashboard Shell","description":"Responsive application frame with a sidebar, a header and scrolling content. Search terms: sticky header.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/dashboard-shell.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dashboard-shell.json"},{"name":"filter-bar","title":"Filter Bar","description":"Responsive search, filter summary and action arrangement, with view tabs that open into a search field.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/filter-bar.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/filter-bar.json"},{"name":"detail-drawer","title":"Detail Drawer","description":"Right-side drawer for the details of a record, with an optional edit form.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/detail-drawer.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/detail-drawer.json"},{"name":"resource-list","title":"Resource List","description":"Reduced entity list with explicit indicator, content and meta slots.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/resource-list.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/resource-list.json"},{"name":"settings-list","title":"Settings List","description":"Sectioned settings surface with passive items and consumer-provided controls, tags and supporting content. Search terms: preferences, rows.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/settings-list.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/settings-list.json"},{"name":"data-list","title":"Data List","description":"Show the details of one record as label and value rows, side by side or stacked. Search terms: description list, detail list, key value, properties, dl.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/data-list.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/data-list.json"},{"name":"truncate","title":"Truncate","description":"Cut text after one line or a number of lines with an ellipsis, and show the full text in a tooltip. Search terms: line clamp, line-clamp, text overflow, clamp,…","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/truncate.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/truncate.json"},{"name":"copy-button","title":"Copy Button","description":"Copy a value to the clipboard with an icon button or a labeled button that confirms with a check, a tooltip and an announcement. Search terms: copy to clipboar…","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/copy-button.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/copy-button.json"},{"name":"animated-buttons","title":"Animated Buttons","description":"Fill sweep, passing fill, running arrow and expanding button family. Search terms: actions, arrow button, carousel arrows, hover fill, entrance.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/animated-buttons.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons.json"},{"name":"theme-toggles","title":"Theme Toggles","description":"Animated sun and moon toggles that switch between light and dark mode. Search terms: actions.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/theme-toggles.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/theme-toggles.json"},{"name":"pie-chart","title":"Pie Chart","description":"Show how a total divides into shares as a donut or pie chart. Search terms: ring, distribution.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/pie-chart.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/pie-chart.json"},{"name":"file-type-icon","title":"File Type Icon","description":"Show a file’s type as a document icon with its extension. Search terms: file icon, attachment, pdf.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/file-type-icon.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/file-type-icon.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Open site sections from a row of links with dropdown panels. Search terms: navbar, mega menu.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/navigation-menu.json"},{"name":"motion","title":"Motion","description":"Animate items that appear, leave, move or replace one another, and numbers that change, with no animation code. Search terms: presence, animate presence, trans…","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/motion.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/motion.json"},{"name":"chart","title":"Chart","description":"Shared scales, curves, interaction, tooltip, legend and axes behind the Siteplane UI charts. Search terms: chart core, axis, d3, data visualization.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/chart.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/chart.json"},{"name":"line-chart","title":"Line Chart","description":"Show how one or several measures change over time or across ordered categories. Search terms: trend, time series, graph, analytics.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/line-chart.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/line-chart.json"},{"name":"area-chart","title":"Area Chart","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. Search terms: trend, time series, graph, analytics.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/area-chart.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart.json"},{"name":"bar-chart","title":"Bar Chart","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Search terms: grouped, comparison, graph, analytics.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/bar-chart.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart.json"},{"name":"sparkline","title":"Sparkline","description":"Show the trend of one or several measures in a small chart without axes. Search terms: spark chart, spark line, spark area, mini chart, inline chart, metric.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/sparkline.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/sparkline.json"},{"name":"bar-list","title":"Bar List","description":"Rank labeled values with a bar for each, relative to the largest. Search terms: ranking, top list, leaderboard, horizontal bars, chart, analytics.","type":"registry:ui","source_url":"https://ui.siteplane.io/registry/bar-list.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list.json"},{"name":"accordion-demo","title":"Frequently asked questions","description":"Expand or collapse related content sections. Frequently asked questions — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/accordion-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/accordion-demo.json"},{"name":"accordion-multiple-example","title":"Settings sections with multiple open panels","description":"Expand or collapse related content sections. Settings sections with multiple open panels — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/accordion-multiple-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/accordion-multiple-example.json"},{"name":"accordion-disabled-example","title":"Accordion with a disabled item","description":"Expand or collapse related content sections. Accordion with a disabled item — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/accordion-disabled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/accordion-disabled-example.json"},{"name":"accordion-controlled-example","title":"Accordion controlled by a button","description":"Expand or collapse related content sections. Accordion controlled by a button — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/accordion-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/accordion-controlled-example.json"},{"name":"alert-demo","title":"Maintenance notice with icon","description":"Present an inline message with a title and optional actions. Maintenance notice with icon — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-demo.json"},{"name":"alert-variants-example","title":"Alert variants","description":"Present an inline message with a title and optional actions. Alert variants — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-variants-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-variants-example.json"},{"name":"alert-action-example","title":"Alert with actions","description":"Present an inline message with a title and optional actions. Alert with actions — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-action-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-action-example.json"},{"name":"alert-banner-example","title":"Page banners with the action at the end","description":"Present an inline message with a title and optional actions. Page banners with the action at the end — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-banner-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-banner-example.json"},{"name":"alert-banner-link-example","title":"Page banners with the link in the text","description":"Present an inline message with a title and optional actions. Page banners with the link in the text — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-banner-link-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-banner-link-example.json"},{"name":"alert-band-example","title":"Band in a card","description":"Present an inline message with a title and optional actions. Band in a card — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-band-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-band-example.json"},{"name":"alert-dialog-demo","title":"Delete project confirmation","description":"Ask for a deliberate decision before continuing. Delete project confirmation — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-dialog-demo.json"},{"name":"alert-dialog-delete-account-example","title":"Delete account","description":"Ask for a deliberate decision before continuing. Delete account — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-dialog-delete-account-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-dialog-delete-account-example.json"},{"name":"alert-dialog-controlled-example","title":"Discard unsaved comment confirmation","description":"Ask for a deliberate decision before continuing. Discard unsaved comment confirmation — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/alert-dialog-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/alert-dialog-controlled-example.json"},{"name":"animated-buttons-demo","title":"Fill sweep button","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Fill sweep b…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-demo.json"},{"name":"animated-buttons-variants-example","title":"Fill sweep variants","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Fill sweep v…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-variants-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-variants-example.json"},{"name":"animated-buttons-through-example","title":"Fill that passes through","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Fill that pa…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-through-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-through-example.json"},{"name":"animated-buttons-arrows-example","title":"Arrow on a tile and bare arrow","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Arrow on a t…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-arrows-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-arrows-example.json"},{"name":"animated-buttons-carousel-example","title":"Previous and next arrow buttons","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Previous and…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-carousel-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-carousel-example.json"},{"name":"animated-buttons-accent-example","title":"Accent","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Accent — usa…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-accent-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-accent-example.json"},{"name":"animated-buttons-linked-cards-example","title":"Cards that fill with color","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Cards that f…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-linked-cards-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-linked-cards-example.json"},{"name":"animated-buttons-entrances-example","title":"Grow, widen and fade entrances","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Grow, widen …","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-entrances-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-entrances-example.json"},{"name":"animated-buttons-expanding-example","title":"Expanding arrow link and log out button","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Expanding ar…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-expanding-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-expanding-example.json"},{"name":"animated-buttons-sizes-example","title":"Sizes, disabled and loading","description":"Buttons with hover motion, such as a fill that sweeps in or passes through, an arrow that runs through, or an arrow that expands behind the label. Sizes, disab…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/animated-buttons-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/animated-buttons-sizes-example.json"},{"name":"area-chart-demo","title":"Page views by month","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. Page views by month — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-demo.json"},{"name":"area-chart-stacked-example","title":"Visitors by source, stacked","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. Visitors by source, stacked — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-stacked-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-stacked-example.json"},{"name":"area-chart-fill-example","title":"The gradient and the solid fill","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. The gradient and the solid fill — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-fill-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-fill-example.json"},{"name":"area-chart-curves-example","title":"Build minutes by hour on a monotone curve","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. Build minutes by hour on a monotone curve — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-curves-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-curves-example.json"},{"name":"area-chart-negative-example","title":"Customers gained and lost, stacked around 0","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. Customers gained and lost, stacked around 0 — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-negative-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-negative-example.json"},{"name":"area-chart-fill-height-example","title":"An area chart that fills its card beside a taller card","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. An area chart that fills its card beside a taller card — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-fill-height-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-fill-height-example.json"},{"name":"area-chart-changing-example","title":"Stacked visits that glide when the period changes","description":"Show how one or several measures change over time as filled areas, overlaid or stacked. Stacked visits that glide when the period changes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/area-chart-changing-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/area-chart-changing-example.json"},{"name":"autocomplete-demo","title":"Project search with suggestions","description":"Suggest completions while allowing free text. Project search with suggestions — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-demo.json"},{"name":"autocomplete-controlled-example","title":"Controlled value and clear","description":"Suggest completions while allowing free text. Controlled value and clear — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-controlled-example.json"},{"name":"autocomplete-groups-example","title":"Tag suggestions in groups","description":"Suggest completions while allowing free text. Tag suggestions in groups — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-groups-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-groups-example.json"},{"name":"autocomplete-limit-results-example","title":"Skill suggestions with a result limit","description":"Suggest completions while allowing free text. Skill suggestions with a result limit — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-limit-results-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-limit-results-example.json"},{"name":"autocomplete-appearance-example","title":"Autocomplete variants and disabled state","description":"Suggest completions while allowing free text. Autocomplete variants and disabled state — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-appearance-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-appearance-example.json"},{"name":"autocomplete-sizes-example","title":"Autocomplete sizes","description":"Suggest completions while allowing free text. Autocomplete sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-sizes-example.json"},{"name":"autocomplete-form-example","title":"Job title field with suggestions","description":"Suggest completions while allowing free text. Job title field with suggestions — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/autocomplete-form-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/autocomplete-form-example.json"},{"name":"avatar-demo","title":"Profile photo with initials fallback","description":"Represent a person with an image or a text fallback. Profile photo with initials fallback — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-demo.json"},{"name":"avatar-fallback-example","title":"Guest avatar with user icon","description":"Represent a person with an image or a text fallback. Guest avatar with user icon — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-fallback-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-fallback-example.json"},{"name":"avatar-sizes-example","title":"Avatar sizes and shapes","description":"Represent a person with an image or a text fallback. Avatar sizes and shapes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-sizes-example.json"},{"name":"avatar-group-example","title":"Project members with overflow count","description":"Represent a person with an image or a text fallback. Project members with overflow count — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-group-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-group-example.json"},{"name":"avatar-status-example","title":"Avatars with presence status","description":"Represent a person with an image or a text fallback. Avatars with presence status — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-status-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-status-example.json"},{"name":"avatar-group-demo","title":"Project members with overflow count","description":"Show several people as a row of overlapping avatars with an optional overflow count. Project members with overflow count — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-group-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-group-demo.json"},{"name":"avatar-group-sizes-example","title":"Avatar groups in four sizes","description":"Show several people as a row of overlapping avatars with an optional overflow count. Avatar groups in four sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-group-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-group-sizes-example.json"},{"name":"avatar-group-count-example","title":"A small and a large overflow count","description":"Show several people as a row of overlapping avatars with an optional overflow count. A small and a large overflow count — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-group-count-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-group-count-example.json"},{"name":"avatar-group-card-example","title":"Reviewers of a design review on a card","description":"Show several people as a row of overlapping avatars with an optional overflow count. Reviewers of a design review on a card — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/avatar-group-card-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/avatar-group-card-example.json"},{"name":"badge-demo","title":"Draft status badge","description":"Label a status, category, or count. Draft status badge — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-demo.json"},{"name":"badge-variants-example","title":"Badge variants","description":"Label a status, category, or count. Badge variants — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-variants-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-variants-example.json"},{"name":"badge-secondary-example","title":"Secondary badges on a white and a tinted row","description":"Label a status, category, or count. Secondary badges on a white and a tinted row — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-secondary-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-secondary-example.json"},{"name":"badge-emphasis-example","title":"A New label and an unread count","description":"Label a status, category, or count. A New label and an unread count — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-emphasis-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-emphasis-example.json"},{"name":"badge-sizes-example","title":"Badge sizes","description":"Label a status, category, or count. Badge sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-sizes-example.json"},{"name":"badge-shape-example","title":"Default and pill badges","description":"Label a status, category, or count. Default and pill badges — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-shape-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-shape-example.json"},{"name":"badge-composition-example","title":"Status badges with icons","description":"Label a status, category, or count. Status badges with icons — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-composition-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-composition-example.json"},{"name":"badge-status-dot-example","title":"Invoice status badges","description":"Label a status, category, or count. Invoice status badges — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-status-dot-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-status-dot-example.json"},{"name":"badge-status-example","title":"Site statuses in a list and in a sentence","description":"Label a status, category, or count. Site statuses in a list and in a sentence — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-status-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-status-example.json"},{"name":"badge-link-example","title":"Badge rendered as a link","description":"Label a status, category, or count. Badge rendered as a link — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-link-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-link-example.json"},{"name":"badge-light-example","title":"Badge with light","description":"Label a status, category, or count. Badge with light — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/badge-light-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/badge-light-example.json"},{"name":"bar-chart-demo","title":"Signups by month","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Signups by month — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-demo.json"},{"name":"bar-chart-multiple-example","title":"Support tickets opened and resolved by month","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Support tickets opened and resolved by month — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-multiple-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-multiple-example.json"},{"name":"bar-chart-stacked-example","title":"Customers gained and lost by month","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Customers gained and lost by month — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-stacked-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-stacked-example.json"},{"name":"bar-chart-horizontal-example","title":"Active users by feature","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Active users by feature — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-horizontal-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-horizontal-example.json"},{"name":"bar-chart-negative-example","title":"Net cash flow by month","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Net cash flow by month — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-negative-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-negative-example.json"},{"name":"bar-chart-categorical-example","title":"API requests by region and month","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. API requests by region and month — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-categorical-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-categorical-example.json"},{"name":"bar-chart-value-labels-example","title":"Orders by month with the total above each stack","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Orders by month with the total above each stack — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-value-labels-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-value-labels-example.json"},{"name":"bar-chart-highlight-example","title":"Visitors this week with today still running","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Visitors this week with today still running — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-highlight-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-highlight-example.json"},{"name":"bar-chart-fill-height-example","title":"A chart that fills the room its card leaves","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. A chart that fills the room its card leaves — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-fill-height-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-fill-height-example.json"},{"name":"bar-chart-changing-example","title":"Orders over the last 6 or 12 months","description":"Compare values across categories as columns or horizontal bars, side by side or stacked. Orders over the last 6 or 12 months — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-chart-changing-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-chart-changing-example.json"},{"name":"bar-list-demo","title":"Top pages by visitors","description":"Rank labeled values with a bar for each, relative to the largest. Top pages by visitors — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-demo.json"},{"name":"bar-list-formatted-example","title":"Revenue by country in US dollars","description":"Rank labeled values with a bar for each, relative to the largest. Revenue by country in US dollars — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-formatted-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-formatted-example.json"},{"name":"bar-list-icons-example","title":"Traffic sources with icons","description":"Rank labeled values with a bar for each, relative to the largest. Traffic sources with icons — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-icons-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-icons-example.json"},{"name":"bar-list-second-line-example","title":"Top pages with their paths","description":"Rank labeled values with a bar for each, relative to the largest. Top pages with their paths — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-second-line-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-second-line-example.json"},{"name":"bar-list-heading-example","title":"Traffic sources under a heading row","description":"Rank labeled values with a bar for each, relative to the largest. Traffic sources under a heading row — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-heading-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-heading-example.json"},{"name":"bar-list-changing-example","title":"Top pages that glide when the period changes","description":"Rank labeled values with a bar for each, relative to the largest. Top pages that glide when the period changes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-changing-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-changing-example.json"},{"name":"bar-list-rtl-example","title":"Visitors by device, right to left","description":"Rank labeled values with a bar for each, relative to the largest. Visitors by device, right to left — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/bar-list-rtl-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/bar-list-rtl-example.json"},{"name":"breadcrumb-demo","title":"Breadcrumb with a menu for hidden levels","description":"Show the current location within a navigation hierarchy. Breadcrumb with a menu for hidden levels — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/breadcrumb-demo.json"},{"name":"breadcrumb-separator-example","title":"Custom separator","description":"Show the current location within a navigation hierarchy. Custom separator — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/breadcrumb-separator-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/breadcrumb-separator-example.json"},{"name":"breadcrumb-collapsed-example","title":"Collapsed path","description":"Show the current location within a navigation hierarchy. Collapsed path — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/breadcrumb-collapsed-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/breadcrumb-collapsed-example.json"},{"name":"button-demo","title":"Default button","description":"Trigger an action with a text label, an icon, or both. Default button — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-demo.json"},{"name":"button-variants-example","title":"All button variants","description":"Trigger an action with a text label, an icon, or both. All button variants — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-variants-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-variants-example.json"},{"name":"button-glass-example","title":"Glass buttons","description":"Trigger an action with a text label, an icon, or both. Glass buttons — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-glass-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-glass-example.json"},{"name":"button-sizes-example","title":"Button and icon button sizes","description":"Trigger an action with a text label, an icon, or both. Button and icon button sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-sizes-example.json"},{"name":"button-pill-example","title":"Pill buttons","description":"Trigger an action with a text label, an icon, or both. Pill buttons — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-pill-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-pill-example.json"},{"name":"button-icons-example","title":"Leading, trailing and icon-only buttons","description":"Trigger an action with a text label, an icon, or both. Leading, trailing and icon-only buttons — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-icons-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-icons-example.json"},{"name":"button-states-example","title":"Disabled and loading buttons","description":"Trigger an action with a text label, an icon, or both. Disabled and loading buttons — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-states-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-states-example.json"},{"name":"button-async-action-example","title":"Loading button","description":"Trigger an action with a text label, an icon, or both. Loading button — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-async-action-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-async-action-example.json"},{"name":"button-layout-example","title":"Button width and alignment","description":"Trigger an action with a text label, an icon, or both. Button width and alignment — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-layout-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-layout-example.json"},{"name":"button-link-example","title":"Button rendered as a link","description":"Trigger an action with a text label, an icon, or both. Button rendered as a link — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-link-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-link-example.json"},{"name":"button-underlined-link-example","title":"Links in a sentence and on their own","description":"Trigger an action with a text label, an icon, or both. Links in a sentence and on their own — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/button-underlined-link-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/button-underlined-link-example.json"},{"name":"calendar-demo","title":"Appointment date calendar","description":"Choose a date, several dates or a date range. Appointment date calendar — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-demo.json"},{"name":"calendar-range-example","title":"Date range","description":"Choose a date, several dates or a date range. Date range — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-range-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-range-example.json"},{"name":"calendar-shortcuts-example","title":"Date range with shortcuts","description":"Choose a date, several dates or a date range. Date range with shortcuts — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-shortcuts-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-shortcuts-example.json"},{"name":"calendar-multiple-example","title":"Multiple dates","description":"Choose a date, several dates or a date range. Multiple dates — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-multiple-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-multiple-example.json"},{"name":"calendar-constraints-example","title":"Booked dates unavailable","description":"Choose a date, several dates or a date range. Booked dates unavailable — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-constraints-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-constraints-example.json"},{"name":"calendar-controlled-example","title":"Due date with a Today button","description":"Choose a date, several dates or a date range. Due date with a Today button — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-controlled-example.json"},{"name":"calendar-locale-example","title":"German calendar","description":"Choose a date, several dates or a date range. German calendar — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/calendar-locale-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/calendar-locale-example.json"},{"name":"card-demo","title":"Create project card","description":"Group related content and actions on a surface. Create project card — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-demo.json"},{"name":"card-action-example","title":"Recent invoices with a view-all link","description":"Group related content and actions on a surface. Recent invoices with a view-all link — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-action-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-action-example.json"},{"name":"card-header-media-example","title":"Cards with an avatar, an icon and title context","description":"Group related content and actions on a surface. Cards with an avatar, an icon and title context — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-header-media-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-header-media-example.json"},{"name":"card-divided-example","title":"Payouts with a divided header and footer","description":"Group related content and actions on a surface. Payouts with a divided header and footer — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-divided-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-divided-example.json"},{"name":"card-inset-example","title":"Card with a 24 px inset","description":"Group related content and actions on a surface. Card with a 24 px inset — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-inset-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-inset-example.json"},{"name":"card-frame-example","title":"Framed card with a header action","description":"Group related content and actions on a surface. Framed card with a header action — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-frame-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-frame-example.json"},{"name":"card-variants-example","title":"Raised, header and subtle cards","description":"Group related content and actions on a surface. Raised, header and subtle cards — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-variants-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-variants-example.json"},{"name":"card-nested-example","title":"Inset files in a card and elevated plans","description":"Group related content and actions on a surface. Inset files in a card and elevated plans — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-nested-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-nested-example.json"},{"name":"card-feedback-example","title":"Message and error cards","description":"Group related content and actions on a surface. Message and error cards — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-feedback-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-feedback-example.json"},{"name":"card-glass-example","title":"Glass card","description":"Group related content and actions on a surface. Glass card — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-glass-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-glass-example.json"},{"name":"card-background-example","title":"A card on the page canvas and on the card color","description":"Group related content and actions on a surface. A card on the page canvas and on the card color — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/card-background-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/card-background-example.json"},{"name":"checkbox-demo","title":"Terms checkbox","description":"Select or clear an independent option. Terms checkbox — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-demo.json"},{"name":"checkbox-with-description-example","title":"Checkbox with description","description":"Select or clear an independent option. Checkbox with description — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-with-description-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-with-description-example.json"},{"name":"checkbox-states-example","title":"Disabled and invalid checkboxes","description":"Select or clear an independent option. Disabled and invalid checkboxes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-states-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-states-example.json"},{"name":"checkbox-card-style-example","title":"Checkbox card","description":"Select or clear an independent option. Checkbox card — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-card-style-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-card-style-example.json"},{"name":"checkbox-controlled-example","title":"Controlled checkbox","description":"Select or clear an independent option. Controlled checkbox — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-controlled-example.json"},{"name":"checkbox-form-example","title":"Checkbox in a form","description":"Select or clear an independent option. Checkbox in a form — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-form-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-form-example.json"},{"name":"checkbox-sizes-example","title":"Checkbox sizes","description":"Select or clear an independent option. Checkbox sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-sizes-example.json"},{"name":"checkbox-group-demo","title":"Notification channel checkboxes","description":"Choose any number of related options. Notification channel checkboxes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-group-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group-demo.json"},{"name":"checkbox-group-controlled-example","title":"Controlled column visibility","description":"Choose any number of related options. Controlled column visibility — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-group-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group-controlled-example.json"},{"name":"checkbox-group-select-all-example","title":"Parent checkbox for project permissions","description":"Choose any number of related options. Parent checkbox for project permissions — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-group-select-all-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group-select-all-example.json"},{"name":"checkbox-group-form-example","title":"Checkbox group in a form","description":"Choose any number of related options. Checkbox group in a form — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-group-form-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group-form-example.json"},{"name":"checkbox-group-card-style-example","title":"Add-on cards","description":"Choose any number of related options. Add-on cards — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-group-card-style-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group-card-style-example.json"},{"name":"checkbox-group-sizes-example","title":"Checkbox group sizes","description":"Choose any number of related options. Checkbox group sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/checkbox-group-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/checkbox-group-sizes-example.json"},{"name":"code-demo","title":"Inline code in a sentence","description":"Display inline code or a copyable block of text. Inline code in a sentence — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/code-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/code-demo.json"},{"name":"code-block-example","title":"Copyable API request","description":"Display inline code or a copyable block of text. Copyable API request — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/code-block-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/code-block-example.json"},{"name":"code-mask-example","title":"Masked API key","description":"Display inline code or a copyable block of text. Masked API key — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/code-mask-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/code-mask-example.json"},{"name":"collapsible-demo","title":"Recovery keys disclosure","description":"Show or hide a single section of content. Recovery keys disclosure — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/collapsible-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/collapsible-demo.json"},{"name":"collapsible-controlled-example","title":"Order details with an icon trigger","description":"Show or hide a single section of content. Order details with an icon trigger — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/collapsible-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/collapsible-controlled-example.json"},{"name":"collapsible-file-tree-example","title":"File tree with nested folders","description":"Show or hide a single section of content. File tree with nested folders — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/collapsible-file-tree-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/collapsible-file-tree-example.json"},{"name":"color-picker-demo","title":"Brand color field","description":"Choose a hex color with a swatch, hue slider, and channel fields. Brand color field — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-picker-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-picker-demo.json"},{"name":"color-picker-controlled-example","title":"Controlled color","description":"Choose a hex color with a swatch, hue slider, and channel fields. Controlled color — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-picker-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-picker-controlled-example.json"},{"name":"color-picker-sizes-example","title":"Color picker sizes and swatch-only trigger","description":"Choose a hex color with a swatch, hue slider, and channel fields. Color picker sizes and swatch-only trigger — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-picker-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-picker-sizes-example.json"},{"name":"color-picker-custom-example","title":"Palette that ends in a custom color","description":"Choose a hex color with a swatch, hue slider, and channel fields. Palette that ends in a custom color — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-picker-custom-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-picker-custom-example.json"},{"name":"color-picker-form-example","title":"Color picker in a form","description":"Choose a hex color with a swatch, hue slider, and channel fields. Color picker in a form — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-picker-form-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-picker-form-example.json"},{"name":"color-swatch-picker-demo","title":"Label color swatches","description":"Select a named color or image from an application-owned palette. Label color swatches — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-swatch-picker-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker-demo.json"},{"name":"color-swatch-picker-controlled-example","title":"Controlled selection","description":"Select a named color or image from an application-owned palette. Controlled selection — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-swatch-picker-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker-controlled-example.json"},{"name":"color-swatch-picker-ring-example","title":"Label color swatches with a selection ring","description":"Select a named color or image from an application-owned palette. Label color swatches with a selection ring — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-swatch-picker-ring-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker-ring-example.json"},{"name":"color-swatch-picker-images-example","title":"Reviewer swatches with photos","description":"Select a named color or image from an application-owned palette. Reviewer swatches with photos — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-swatch-picker-images-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker-images-example.json"},{"name":"color-swatch-picker-states-example","title":"Read-only and disabled swatches","description":"Select a named color or image from an application-owned palette. Read-only and disabled swatches — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-swatch-picker-states-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker-states-example.json"},{"name":"color-swatch-picker-form-example","title":"Required swatch selection in a form","description":"Select a named color or image from an application-owned palette. Required swatch selection in a form — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/color-swatch-picker-form-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/color-swatch-picker-form-example.json"},{"name":"combobox-demo","title":"Assignee picker","description":"Search and choose from known options. Assignee picker — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-demo.json"},{"name":"combobox-controlled-example","title":"Controlled value and clear","description":"Search and choose from known options. Controlled value and clear — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-controlled-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-controlled-example.json"},{"name":"combobox-multiple-example","title":"Label picker with chips","description":"Search and choose from known options. Label picker with chips — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-multiple-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-multiple-example.json"},{"name":"combobox-groups-example","title":"Timezone combobox with groups","description":"Search and choose from known options. Timezone combobox with groups — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-groups-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-groups-example.json"},{"name":"combobox-searchable-select-example","title":"Country picker with search","description":"Search and choose from known options. Country picker with search — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-searchable-select-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-searchable-select-example.json"},{"name":"combobox-appearance-example","title":"Combobox variants and disabled state","description":"Search and choose from known options. Combobox variants and disabled state — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-appearance-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-appearance-example.json"},{"name":"combobox-sizes-example","title":"Combobox sizes","description":"Search and choose from known options. Combobox sizes — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-sizes-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-sizes-example.json"},{"name":"combobox-form-example","title":"Workspace field in a form","description":"Search and choose from known options. Workspace field in a form — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/combobox-form-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/combobox-form-example.json"},{"name":"command-demo","title":"Command palette","description":"Find and run actions in an inline list or a dialog. Command palette — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/command-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/command-demo.json"},{"name":"command-groups-example","title":"Inline command with groups and shortcuts","description":"Find and run actions in an inline list or a dialog. Inline command with groups and shortcuts — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/command-groups-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/command-groups-example.json"},{"name":"context-menu-demo","title":"Context menu with icons and shortcuts","description":"Show actions for an element on right-click or long press. Context menu with icons and shortcuts — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/context-menu-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/context-menu-demo.json"},{"name":"context-menu-submenu-example","title":"Grouped context menu with a submenu","description":"Show actions for an element on right-click or long press. Grouped context menu with a submenu — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/context-menu-submenu-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/context-menu-submenu-example.json"},{"name":"context-menu-choices-example","title":"View options context menu","description":"Show actions for an element on right-click or long press. View options context menu — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/context-menu-choices-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/context-menu-choices-example.json"},{"name":"context-menu-with-link-example","title":"Context menu with link items","description":"Show actions for an element on right-click or long press. Context menu with link items — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/context-menu-with-link-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/context-menu-with-link-example.json"},{"name":"context-menu-glass-example","title":"Glass context menu","description":"Show actions for an element on right-click or long press. Glass context menu — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/context-menu-glass-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/context-menu-glass-example.json"},{"name":"copy-button-demo","title":"Client portal address with a copy action","description":"Copy a value to the clipboard with an icon button or a labeled button that confirms with a check, a tooltip and an announcement. Client portal address with a c…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/copy-button-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/copy-button-demo.json"},{"name":"copy-button-text-example","title":"Copy link as a quiet text action and as an outline Button","description":"Copy a value to the clipboard with an icon button or a labeled button that confirms with a check, a tooltip and an announcement. Copy link as a quiet text acti…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/copy-button-text-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/copy-button-text-example.json"},{"name":"copy-button-input-group-example","title":"Read-only invite link with a copy action","description":"Copy a value to the clipboard with an icon button or a labeled button that confirms with a check, a tooltip and an announcement. Read-only invite link with a c…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/copy-button-input-group-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/copy-button-input-group-example.json"},{"name":"copy-button-states-example","title":"A copy that works and a copy whose value fails to load","description":"Copy a value to the clipboard with an icon button or a labeled button that confirms with a check, a tooltip and an announcement. A copy that works and a copy w…","type":"registry:example","source_url":"https://ui.siteplane.io/registry/copy-button-states-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/copy-button-states-example.json"},{"name":"dashboard-shell-inset-example","title":"Inset workspace shell","description":"Compose a sidebar, header, and scrolling application content. Inset workspace shell — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/dashboard-shell-inset-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dashboard-shell-inset-example.json"},{"name":"dashboard-shell-demo","title":"Push workspace shell","description":"Compose a sidebar, header, and scrolling application content. Push workspace shell — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/dashboard-shell-demo.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dashboard-shell-demo.json"},{"name":"dashboard-shell-sticky-header-example","title":"Sticky header","description":"Compose a sidebar, header, and scrolling application content. Sticky header — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/dashboard-shell-sticky-header-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dashboard-shell-sticky-header-example.json"},{"name":"dashboard-shell-header-workspace-on-top-example","title":"Workspace on top","description":"Compose a sidebar, header, and scrolling application content. Workspace on top — usage example.","type":"registry:example","source_url":"https://ui.siteplane.io/registry/dashboard-shell-header-workspace-on-top-example.json","install_command":"npx shadcn@latest add https://ui.siteplane.io/registry/dashboard-shell-header-workspace-on-top-example.json"}]},{"id":"skecher-ui","name":"@skecher-ui","slug":"skecher-ui","description":"React animated components that contains life, built with Tailwind CSS v4 and motion.","author":"CoDesign-Spa27","framework":"react","license":null,"tags":["3d","ai","animation","blocks","cards","e-commerce","glassmorphism","media","mobile","navigation","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://skecher-ui.com","github":"https://github.com/CoDesign-Spa27/skecher-ui","registry":"https://skecher-ui.com/r/registry.json","source":"https://skecher-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/skecher-ui","markdown":"https://sh4dcn.netlify.app/md/skecher-ui.md"},"logo":"<svg width='87' height='85' viewBox='0 0 87 85' fill='none' xmlns='http://www.w3.org/2000/svg'><g filter='url(#filter0_diiiii_0_1)'><rect x='2' width='82.162' height='80.8452' rx='24' fill='url(#paint0_linear_0_1)'/><rect x='2.5' y='0.5' width='81.162' height='79.8452' rx='23.5' stroke='#FF4C00'/></g><g filter='url(#filter1_ddd_0_1)'><path d='M21.7408 16.4722C23.1704 15.9217 24.7852 16.5368 25.4862 17.8989L48.083 61.8032C48.7841 63.1653 50.3988 63.7804 51.8284 63.2299L71.9418 55.4851C74.2914 54.5804 74.5486 51.3584 72.3723 50.0924L59.1921 42.4252C58.4059 41.9678 57.4545 41.8918 56.6056 42.2187L21.4859 55.7419C19.5175 56.4998 17.4022 55.0434 17.4079 52.9341L17.4736 28.8198L17.4389 20.2003C17.4339 18.955 18.1987 17.8361 19.3608 17.3886L21.7408 16.4722Z' fill='white'/></g><defs><filter id='filter0_diiiii_0_1' x='-10' y='-2' width='96.1621' height='86.8447' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='2'/><feGaussianBlur stdDeviation='1'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/><feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/><feBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='2'/><feGaussianBlur stdDeviation='1'/><feComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/><feBlend mode='normal' in2='shape' result='effect2_innerShadow_0_1'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dx='3'/><feGaussianBlur stdDeviation='1'/><feComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0'/><feBlend mode='normal' in2='effect2_innerShadow_0_1' result='effect3_innerShadow_0_1'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='-2'/><feGaussianBlur stdDeviation='1'/><feComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0'/><feBlend mode='normal' in2='effect3_innerShadow_0_1' result='effect4_innerShadow_0_1'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='-2'/><feGaussianBlur stdDeviation='1'/><feComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/><feColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/><feBlend mode='normal' in2='effect4_innerShadow_0_1' result='effect5_innerShadow_0_1'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dx='-12'/><feGaussianBlur stdDeviation='7.5'/><feComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0'/><feBlend mode='normal' in2='effect5_innerShadow_0_1' result='effect6_innerShadow_0_1'/></filter><filter id='filter1_ddd_0_1' x='4.40796' y='9.27148' width='82.4561' height='73.1592' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feMorphology radius='4' operator='erode' in='SourceAlpha' result='effect1_dropShadow_0_1'/><feOffset dy='2'/><feGaussianBlur stdDeviation='0.75'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0.0313726 0 0 0 0 0.0313726 0 0 0 0 0.0313726 0 0 0 0.25 0'/><feBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feMorphology radius='4' operator='erode' in='SourceAlpha' result='effect2_dropShadow_0_1'/><feOffset dy='6'/><feGaussianBlur stdDeviation='2'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0.0313726 0 0 0 0 0.0313726 0 0 0 0 0.0313726 0 0 0 0.05 0'/><feBlend mode='normal' in2='effect1_dropShadow_0_1' result='effect2_dropShadow_0_1'/><feColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/><feOffset dy='6'/><feGaussianBlur stdDeviation='6.5'/><feComposite in2='hardAlpha' operator='out'/><feColorMatrix type='matrix' values='0 0 0 0 0.0313726 0 0 0 0 0.0313726 0 0 0 0 0.0313726 0 0 0 0.03 0'/><feBlend mode='normal' in2='effect2_dropShadow_0_1' result='effect3_dropShadow_0_1'/><feBlend mode='normal' in='SourceGraphic' in2='effect3_dropShadow_0_1' result='shape'/></filter><linearGradient id='paint0_linear_0_1' x1='43.081' y1='13.2945' x2='43.081' y2='80.8452' gradientUnits='userSpaceOnUse'><stop stop-color='#FF4C00'/><stop offset='1' stop-color='#FFB18F'/></linearGradient></defs></svg>","preview_image":"https://skecher-ui.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":38,"open_issues":0,"last_commit":"2026-10-19T08:59:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://skecher-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://skecher-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://skecher-ui.com/r/registry.json","clone":"git clone https://github.com/CoDesign-Spa27/skecher-ui.git","clone_degit":"npx degit CoDesign-Spa27/skecher-ui","registry_fetch":"curl -s https://skecher-ui.com/r/registry.json"},"component_count":28,"components":[{"name":"cookie-consent","title":"Cookie Consent","description":"A paper-and-cobalt cookie notice with an isometric cookie break animation, confirm-and-undo controls, and reduced-motion support.","type":"registry:ui","source_url":"https://skecher-ui.com/r/cookie-consent.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/cookie-consent.json"},{"name":"3d-wheel-carousel","title":"3D Wheel Carousel","description":"A reusable, drag-controlled 3D card carousel with auto-rotation, keyboard navigation, blur depth, and reduced-motion support.","type":"registry:ui","source_url":"https://skecher-ui.com/r/3d-wheel-carousel.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/3d-wheel-carousel.json"},{"name":"apple-mail-tabs","title":"Apple Mail Tabs","description":"A colorful, horizontally scrollable mail category selector with compact inactive tabs and an expanded active tab.","type":"registry:ui","source_url":"https://skecher-ui.com/r/apple-mail-tabs.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/apple-mail-tabs.json"},{"name":"add-to-cart","title":"Add to Cart","description":"An interactive product grid with curved add-to-cart flights, a responsive cart stack, and an animated currency total.","type":"registry:ui","source_url":"https://skecher-ui.com/r/add-to-cart.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/add-to-cart.json"},{"name":"ai-chat-box","title":"AI Chat Box","description":"A polished AI prompt composer with model controls, attachments, and animated interaction states.","type":"registry:ui","source_url":"https://skecher-ui.com/r/ai-chat-box.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/ai-chat-box.json"},{"name":"animated-book","title":"Animated Book","description":"A reusable 3D book preview that opens on hover or focus and supports controlled state, keyboard input, and reduced motion.","type":"registry:ui","source_url":"https://skecher-ui.com/r/animated-book.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/animated-book.json"},{"name":"ai-orb","title":"AI Orb","description":"An interactive Three.js orb for AI assistants, voice interfaces, and ambient status surfaces.","type":"registry:ui","source_url":"https://skecher-ui.com/r/ai-orb.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/ai-orb.json"},{"name":"dither-credit-card","title":"Dither Credit Card","description":"A pointer-responsive payment card with a restrained dithering shader and spring-smoothed depth.","type":"registry:ui","source_url":"https://skecher-ui.com/r/dither-credit-card.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/dither-credit-card.json"},{"name":"dock","title":"Dock","description":"A macOS-style magnifying dock powered by shared motion values and spring-smoothed icon sizing.","type":"registry:ui","source_url":"https://skecher-ui.com/r/dock.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/dock.json"},{"name":"expandable-mobile-nav","title":"Expandable Mobile Nav","description":"A bottom-anchored navigation shell with expandable labels and composable per-item panels.","type":"registry:ui","source_url":"https://skecher-ui.com/r/expandable-mobile-nav.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/expandable-mobile-nav.json"},{"name":"gooey-toolbar","title":"Gooey Toolbar","description":"A compact action toolbar with configurable liquid merging effects and accessible controls.","type":"registry:ui","source_url":"https://skecher-ui.com/r/gooey-toolbar.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/gooey-toolbar.json"},{"name":"image-density-grid","title":"Image Density Grid","description":"A percentage-controlled image grid with animated density changes, soft focus, and optional controls.","type":"registry:ui","source_url":"https://skecher-ui.com/r/image-density-grid.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/image-density-grid.json"},{"name":"image-glide","title":"Image Glide","description":"An image viewer with pointer depth, soft image transitions, and a compact thumbnail rail.","type":"registry:ui","source_url":"https://skecher-ui.com/r/image-glide.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/image-glide.json"},{"name":"interactive-grid-hero","title":"Interactive Grid Hero","description":"A full-page field of square cells that locally soften and round around a fine pointer.","type":"registry:ui","source_url":"https://skecher-ui.com/r/interactive-grid-hero.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/interactive-grid-hero.json"},{"name":"liquid-glass-social","title":"Liquid Glass Social","description":"A responsive social-link cluster with focused liquid-glass motion and clear interaction feedback.","type":"registry:ui","source_url":"https://skecher-ui.com/r/liquid-glass-social.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/liquid-glass-social.json"},{"name":"liquid-morphology-slideshow","title":"Liquid Morphology Slideshow","description":"A WebGL image slideshow with liquid, frost, ripple, plasma, and timeshift transitions.","type":"registry:ui","source_url":"https://skecher-ui.com/r/liquid-morphology-slideshow.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/liquid-morphology-slideshow.json"},{"name":"magazine-scroller","title":"Magazine Scroller","description":"A velocity-aware poster scroller with drag, wheel, spring, and progressive-blur treatments.","type":"registry:ui","source_url":"https://skecher-ui.com/r/magazine-scroller.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/magazine-scroller.json"},{"name":"morphing-action-dock","title":"Morphing Action Dock","description":"A floating action dock that merges into one surface and expands into contextual actions.","type":"registry:ui","source_url":"https://skecher-ui.com/r/morphing-action-dock.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/morphing-action-dock.json"},{"name":"morph-menu","title":"Morph Menu","description":"A measured action menu that morphs between compact and expanded states with configurable directional movement.","type":"registry:ui","source_url":"https://skecher-ui.com/r/morph-menu.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/morph-menu.json"},{"name":"morph-stack","title":"Morph Stack","description":"A composable three-plate stack with spring-driven perspective and layered hover motion.","type":"registry:ui","source_url":"https://skecher-ui.com/r/morph-stack.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/morph-stack.json"},{"name":"scroll-reveal-text","title":"Scroll Reveal Text","description":"A scroll-linked text reveal with spring-smoothed progress and reduced-motion support.","type":"registry:ui","source_url":"https://skecher-ui.com/r/scroll-reveal-text.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/scroll-reveal-text.json"},{"name":"sliding-panel","title":"Sliding Panel","description":"A direction-aware panel transition with interruptible motion and reduced-motion fallbacks.","type":"registry:ui","source_url":"https://skecher-ui.com/r/sliding-panel.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/sliding-panel.json"},{"name":"snap-text","title":"Snap Text","description":"A spring-driven text interaction that reacts to pointer movement and settles cleanly.","type":"registry:ui","source_url":"https://skecher-ui.com/r/snap-text.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/snap-text.json"},{"name":"spring-slider","title":"Spring Slider","description":"A pill-track slider with a spring-driven fill and thumb, tick markers, and a tooltip that blurs in and out.","type":"registry:ui","source_url":"https://skecher-ui.com/r/spring-slider.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/spring-slider.json"},{"name":"streaming-text","title":"Streaming Text","description":"A soft word-by-word text reveal for hero copy, onboarding, and editorial interfaces.","type":"registry:ui","source_url":"https://skecher-ui.com/r/streaming-text.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/streaming-text.json"},{"name":"text-morphing","title":"Text Morphing","description":"An animated text replacement primitive for status messages, hero copy, and compact state changes.","type":"registry:ui","source_url":"https://skecher-ui.com/r/text-morphing.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/text-morphing.json"},{"name":"velocity-tabs","title":"Velocity Tabs","description":"An accessible tab selector with a spring indicator that stretches in response to movement velocity.","type":"registry:ui","source_url":"https://skecher-ui.com/r/velocity-tabs.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/velocity-tabs.json"},{"name":"table-of-content","title":"Table of Content","description":"A reading-aware page outline with an animated active marker, expandable subsections, and a progress rail.","type":"registry:ui","source_url":"https://skecher-ui.com/r/table-of-content.json","install_command":"npx shadcn@latest add https://skecher-ui.com/r/table-of-content.json"}]},{"id":"skiper-ui","name":"@skiper-ui","slug":"skiper-ui","description":"A growing registry of visually striking, uncommon shadcn/ui-compatible components for Next.js, focused on distinctive interactions and micro-animations. Includes 103+ components such as Dynamic Island, Image Reveal, Hover Members, Vercel Tooltip, Image Cursor Trail, Aave Token Swap UI, and Devouring Details sign-in. Most items require a Pro subscription; a small free tier is available. Installed via shadcn CLI (@skiper-ui namespace). Inspired by design engineers like Emil Kowalski and Rauno Freiberg. Use for: adding rare, high-craft interactive components to a Next.js product when standard shadcn/ui primitives are too ordinary.","author":null,"framework":"react","license":null,"tags":["aesthetic","animation","auth","design-system","hooks","media","overlays","payments","pro-available"],"categories":["Animated components"],"labels":["featured","pro"],"urls":{"website":"https://skiper-ui.com/","github":"N/A","registry":"https://skiper-ui.com/registry/registry.json","source":"https://skiper-ui.com/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/skiper-ui","markdown":"https://sh4dcn.netlify.app/md/skiper-ui.md"},"logo":"<svg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='54.2938' height='54.0121' rx='27.006' fill='url(#paint0_radial_46_2)'/><defs><radialGradient id='paint0_radial_46_2' cx='0' cy='0' r='1' gradientTransform='matrix(54.2938 54.0121 -54.2938 54.0121 0 0)' gradientUnits='userSpaceOnUse'><stop offset='0.352001' stop-color='#090909'/><stop offset='0.591494' stop-color='#2770EA'/><stop offset='0.793825' stop-color='#06C4F8'/><stop offset='0.972489' stop-color='#0CBFF9'/></radialGradient></defs></svg>","preview_image":"https://skiper-ui.com/og-main.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://skiper-ui.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://skiper-ui.com/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://skiper-ui.com/registry/registry.json","install_bun":"bunx shadcn@latest add https://skiper-ui.com/registry/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://skiper-ui.com/registry/registry.json"},"component_count":37,"components":[{"name":"skiper3","title":null,"description":"Apple play button","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper3.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper3.json"},{"name":"skiper4","title":null,"description":"Theme toggle buttons","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper4.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper4.json"},{"name":"skiper16","title":null,"description":"Card stack scroll","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper16.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper16.json"},{"name":"skiper17","title":null,"description":"Card stack with gsap and rotate","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper17.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper17.json"},{"name":"skiper19","title":null,"description":"Svg follow scroll","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper19.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper19.json"},{"name":"skiper25","title":null,"description":"Music toggle btn","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper25.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper25.json"},{"name":"skiper26","title":null,"description":"Theme toggle btn","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper26.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper26.json"},{"name":"skiper28","title":null,"description":"3D perspective text","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper28.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper28.json"},{"name":"skiper30","title":null,"description":"Oliver parallax","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper30.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper30.json"},{"name":"skiper31","title":null,"description":"Text Scroll animation","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper31.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper31.json"},{"name":"skiper34","title":null,"description":"Scroll images reveal 003","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper34.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper34.json"},{"name":"skiper37","title":null,"description":"Animated number","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper37.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper37.json"},{"name":"skiper39","title":null,"description":"Canvas crowd","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper39.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper39.json"},{"name":"skiper40","title":null,"description":"CssLink","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper40.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper40.json"},{"name":"skiper41","title":null,"description":"Progressive Blur","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper41.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper41.json"},{"name":"skiper47","title":null,"description":"Perspective carousel","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper47.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper47.json"},{"name":"skiper48","title":null,"description":"Card swipe carousel","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper48.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper48.json"},{"name":"skiper49","title":null,"description":"Inverted perspective carousel","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper49.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper49.json"},{"name":"skiper50","title":null,"description":"Creative carousel 001","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper50.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper50.json"},{"name":"skiper51","title":null,"description":"Creative carousel 002","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper51.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper51.json"},{"name":"skiper52","title":null,"description":"ExpandOnHover","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper52.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper52.json"},{"name":"skiper53","title":null,"description":"ExpandOnHover vertical","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper53.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper53.json"},{"name":"skiper54","title":null,"description":"Shadcn clipPath Carousal","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper54.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper54.json"},{"name":"skiper58","title":null,"description":"Text roll navigation","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper58.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper58.json"},{"name":"skiper61","title":null,"description":"Mouse follow animations","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper61.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper61.json"},{"name":"skiper62","title":null,"description":"Loop animation hook","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper62.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper62.json"},{"name":"skiper63","title":null,"description":"Apple squicircle effect","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper63.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper63.json"},{"name":"skiper64","title":null,"description":"Gooey Effect","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper64.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper64.json"},{"name":"skiper65","title":null,"description":"Breakpoint indicator","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper65.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper65.json"},{"name":"skiper66","title":null,"description":"SVG clip path mask","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper66.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper66.json"},{"name":"skiper67","title":null,"description":"Video player 001","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper67.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper67.json"},{"name":"skiper87","title":null,"description":"Scroll with fade effect","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper87.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper87.json"},{"name":"skiper89","title":null,"description":"Scroll progress 001","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper89.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper89.json"},{"name":"skiper99","title":null,"description":"Animated icons 002","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper99.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper99.json"},{"name":"skiper101","title":null,"description":"Custom tooltip","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper101.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper101.json"},{"name":"skiper102","title":null,"description":"Debug Pannel","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper102.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper102.json"},{"name":"skiper106","title":null,"description":"Smooth caret input","type":"registry:ui","source_url":"https://skiper-ui.com/registry/skiper106.json","install_command":"npx shadcn@latest add https://skiper-ui.com/registry/skiper106.json"}]},{"id":"skrewww","name":"@skrewww","slug":"skrewww","description":"Open-source React and TypeScript design system with a token-driven foundation, live documentation, and machine-readable component contracts for coding agents.","author":"usmanfarooqi88","framework":"react","license":"MIT","tags":["ai","buttons","cards","charts","design-system","forms","loaders","media","navigation","overlays","tables"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://skrewww.com","github":"https://github.com/usmanfarooqi88/skrewwwDS","registry":"https://skrewww.com/r/registry.json","source":"https://skrewww.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/skrewww","markdown":"https://sh4dcn.netlify.app/md/skrewww.md"},"logo":"<svg width='170' height='170' viewBox='0 0 170 170' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 76.8C0 49.9175 0 36.4762 5.23169 26.2085C9.83361 17.1767 17.1767 9.83361 26.2085 5.23169C36.4762 0 49.9175 0 76.8 0H93.2C120.083 0 133.524 0 143.792 5.23169C152.823 9.83361 160.166 17.1767 164.768 26.2085C170 36.4762 170 49.9175 170 76.8V93.2C170 120.083 170 133.524 164.768 143.792C160.166 152.823 152.823 160.166 143.792 164.768C133.524 170 120.083 170 93.2 170H76.8C49.9175 170 36.4762 170 26.2085 164.768C17.1767 160.166 9.83361 152.823 5.23169 143.792C0 133.524 0 120.083 0 93.2V76.8Z' fill='#6C4CF2'/><path d='M80.5 36L32 84.5L80.5 133' stroke='white' stroke-width='7'/><path d='M90.5 36L139 84.5L90.5 133' stroke='white' stroke-width='7'/><path d='M85.5 107.5L85.5 61.5' stroke='white' stroke-width='7'/><path d='M62.505 84.495L108.505 84.495' stroke='white' stroke-width='7'/></svg>","preview_image":"https://skrewww.com/opengraph-image?b57ac6ec7657c425","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":7,"last_commit":"2026-10-23T12:26:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://skrewww.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://skrewww.com/r/registry.json","install_bun":"bunx shadcn@latest add https://skrewww.com/r/registry.json","clone":"git clone https://github.com/usmanfarooqi88/skrewwwDS.git","clone_degit":"npx degit usmanfarooqi88/skrewwwDS","registry_fetch":"curl -s https://skrewww.com/r/registry.json"},"component_count":56,"components":[{"name":"foundation","title":"Skrewww Foundation","description":"Universal Primitive/Semantic/Brand tokens, component-tier defaults required by distributed components, Shape/Surface mode overrides, and the shared .sr-only ac…","type":"registry:file","source_url":"https://skrewww.com/r/foundation.json","install_command":"npx shadcn@latest add https://skrewww.com/r/foundation.json"},{"name":"button","title":"Button","description":"Button is a primary interactive trigger for user actions — submit, confirm, navigate, or initiate a process.","type":"registry:ui","source_url":"https://skrewww.com/r/button.json","install_command":"npx shadcn@latest add https://skrewww.com/r/button.json"},{"name":"card","title":"Card","description":"Card is a general-purpose content container grouping related information with a clear visual boundary.","type":"registry:ui","source_url":"https://skrewww.com/r/card.json","install_command":"npx shadcn@latest add https://skrewww.com/r/card.json"},{"name":"text-input","title":"Text Input","description":"Text Input is a single-line text entry for short, free-form data such as names, emails, or search terms.","type":"registry:ui","source_url":"https://skrewww.com/r/text-input.json","install_command":"npx shadcn@latest add https://skrewww.com/r/text-input.json"},{"name":"form-field","title":"Form Field","description":"Form Field is a shared field wrapper for label, description, required indicator, and validation placement — not a visual input.","type":"registry:ui","source_url":"https://skrewww.com/r/form-field.json","install_command":"npx shadcn@latest add https://skrewww.com/r/form-field.json"},{"name":"validation-message","title":"Validation Message","description":"Validation Message is inline typed feedback paired with a field — error, warning, success, or info — with icon and text.","type":"registry:ui","source_url":"https://skrewww.com/r/validation-message.json","install_command":"npx shadcn@latest add https://skrewww.com/r/validation-message.json"},{"name":"spinner","title":"Spinner","description":"Spinner is an indeterminate loading indicator for operations without a meaningful completion percentage.","type":"registry:ui","source_url":"https://skrewww.com/r/spinner.json","install_command":"npx shadcn@latest add https://skrewww.com/r/spinner.json"},{"name":"divider","title":"Divider","description":"Divider is a thin separator line between content sections — horizontal or vertical, semantic or decorative.","type":"registry:ui","source_url":"https://skrewww.com/r/divider.json","install_command":"npx shadcn@latest add https://skrewww.com/r/divider.json"},{"name":"link","title":"Link","description":"Link is semantic navigational text styled as inline or standalone links — not for primary actions.","type":"registry:ui","source_url":"https://skrewww.com/r/link.json","install_command":"npx shadcn@latest add https://skrewww.com/r/link.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox is a native checkbox for independent or multi-select choices, including indeterminate group states.","type":"registry:ui","source_url":"https://skrewww.com/r/checkbox.json","install_command":"npx shadcn@latest add https://skrewww.com/r/checkbox.json"},{"name":"progress-bar","title":"Progress Bar","description":"React progress bar for uploads and background tasks, with measured value/max progress, an indeterminate mode, a visible label, and optional percentage text.","type":"registry:ui","source_url":"https://skrewww.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://skrewww.com/r/progress-bar.json"},{"name":"skeleton","title":"Skeleton","description":"Skeleton is temporary placeholder shapes that preserve layout while known content is loading.","type":"registry:ui","source_url":"https://skrewww.com/r/skeleton.json","install_command":"npx shadcn@latest add https://skrewww.com/r/skeleton.json"},{"name":"radio","title":"Radio","description":"Radio is a native radio button for a single option inside a mutually exclusive group.","type":"registry:ui","source_url":"https://skrewww.com/r/radio.json","install_command":"npx shadcn@latest add https://skrewww.com/r/radio.json"},{"name":"switch","title":"Switch","description":"Switch is a boolean settings control for immediate on/off changes — not a substitute for Checkbox in forms.","type":"registry:ui","source_url":"https://skrewww.com/r/switch.json","install_command":"npx shadcn@latest add https://skrewww.com/r/switch.json"},{"name":"textarea","title":"Textarea","description":"Textarea is a multi-line native textarea for longer free-text content, composed with FormField for label and validation.","type":"registry:ui","source_url":"https://skrewww.com/r/textarea.json","install_command":"npx shadcn@latest add https://skrewww.com/r/textarea.json"},{"name":"pagination","title":"Pagination","description":"Pagination is a paged navigation control with Previous/Next boundaries, numbered pages, and optional ellipsis.","type":"registry:ui","source_url":"https://skrewww.com/r/pagination.json","install_command":"npx shadcn@latest add https://skrewww.com/r/pagination.json"},{"name":"avatar","title":"Avatar","description":"Avatar is a circular visual identity for a user or entity with image, initials, or icon fallback.","type":"registry:ui","source_url":"https://skrewww.com/r/avatar.json","install_command":"npx shadcn@latest add https://skrewww.com/r/avatar.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Breadcrumb is an ordered hierarchical trail showing location with navigable ancestors and a current-page indicator.","type":"registry:ui","source_url":"https://skrewww.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://skrewww.com/r/breadcrumb.json"},{"name":"radio-group","title":"Radio Group","description":"Radio Group is an accessible grouping layer for mutually exclusive radio options with legend, helper text, and errors.","type":"registry:ui","source_url":"https://skrewww.com/r/radio-group.json","install_command":"npx shadcn@latest add https://skrewww.com/r/radio-group.json"},{"name":"slider","title":"Slider","description":"Slider is a single-value control for selecting a number within min/max by dragging or keyboard-adjusting a thumb along a track.","type":"registry:ui","source_url":"https://skrewww.com/r/slider.json","install_command":"npx shadcn@latest add https://skrewww.com/r/slider.json"},{"name":"stepper","title":"Stepper","description":"Stepper shows progress through a fixed, known-length, ordered sequence of named steps — a compound Stepper + Step API built against the verified live Navigatio…","type":"registry:ui","source_url":"https://skrewww.com/r/stepper.json","install_command":"npx shadcn@latest add https://skrewww.com/r/stepper.json"},{"name":"table","title":"Table","description":"Table is a native HTML table foundation with captions, headers, body rows, footers, cell alignment, responsive overflow, RTL support, print-friendly scrolling,…","type":"registry:ui","source_url":"https://skrewww.com/r/table.json","install_command":"npx shadcn@latest add https://skrewww.com/r/table.json"},{"name":"badge","title":"Badge","description":"Badge is a compact non-interactive label for status, classification, or numeric counts at a glance.","type":"registry:ui","source_url":"https://skrewww.com/r/badge.json","install_command":"npx shadcn@latest add https://skrewww.com/r/badge.json"},{"name":"tag","title":"Tag","description":"Tag is a compact classification label for categories, filters, or user-applied values — distinct from read-only Badge status metadata.","type":"registry:ui","source_url":"https://skrewww.com/r/tag.json","install_command":"npx shadcn@latest add https://skrewww.com/r/tag.json"},{"name":"list-item","title":"List Item","description":"List Item is a single row inside a collection — avatar, title, description, metadata, and optional trailing content.","type":"registry:ui","source_url":"https://skrewww.com/r/list-item.json","install_command":"npx shadcn@latest add https://skrewww.com/r/list-item.json"},{"name":"timeline","title":"Timeline","description":"Timeline is a vertical, chronological event list built on Content/Timeline Item rows — Default outlined-ring or Highlighted solid-dot markers, connector suppre…","type":"registry:ui","source_url":"https://skrewww.com/r/timeline.json","install_command":"npx shadcn@latest add https://skrewww.com/r/timeline.json"},{"name":"empty-state","title":"Empty State","description":"Empty State is a zero-content placeholder with title, description, and optional recovery actions for collections, search, or first-use flows.","type":"registry:ui","source_url":"https://skrewww.com/r/empty-state.json","install_command":"npx shadcn@latest add https://skrewww.com/r/empty-state.json"},{"name":"alert","title":"Alert","description":"Alert is a persistent inline feedback block for contextual status tied to page content — not auto-dismissing.","type":"registry:ui","source_url":"https://skrewww.com/r/alert.json","install_command":"npx shadcn@latest add https://skrewww.com/r/alert.json"},{"name":"toast","title":"Toast","description":"Toast is a transient floating notification for confirming actions or reporting short-lived events.","type":"registry:ui","source_url":"https://skrewww.com/r/toast.json","install_command":"npx shadcn@latest add https://skrewww.com/r/toast.json"},{"name":"button-group","title":"Button Group","description":"Button Group joins related independent Buttons with shared outer chrome and a 2px divider gap — layout only; each Button keeps its own behavior.","type":"registry:ui","source_url":"https://skrewww.com/r/button-group.json","install_command":"npx shadcn@latest add https://skrewww.com/r/button-group.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle Group is exclusive segmented selection (radiogroup) with joined chrome — Segmented Control is this presentation, not a separate component.","type":"registry:ui","source_url":"https://skrewww.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://skrewww.com/r/toggle-group.json"},{"name":"accordion","title":"Accordion","description":"Accordion is a set of stacked collapsible sections for progressive disclosure, built from Accordion Item building blocks.","type":"registry:ui","source_url":"https://skrewww.com/r/accordion.json","install_command":"npx shadcn@latest add https://skrewww.com/r/accordion.json"},{"name":"tabs","title":"Tabs","description":"Tabs is a navigation pattern that switches between related in-context views using tablist/tab/tabpanel semantics and roving focus.","type":"registry:ui","source_url":"https://skrewww.com/r/tabs.json","install_command":"npx shadcn@latest add https://skrewww.com/r/tabs.json"},{"name":"search-field","title":"Search Field","description":"Search Field is a search-specific text field with leading magnifying-glass icon and optional clear action — built on shared text-input control behavior.","type":"registry:ui","source_url":"https://skrewww.com/r/search-field.json","install_command":"npx shadcn@latest add https://skrewww.com/r/search-field.json"},{"name":"credit-card-field","title":"Credit Card Field","description":"Credit Card Field is a compound UI control for card number, expiry, and CVC in one shell — visual pattern only, not a payment processor or PCI vault.","type":"registry:ui","source_url":"https://skrewww.com/r/credit-card-field.json","install_command":"npx shadcn@latest add https://skrewww.com/r/credit-card-field.json"},{"name":"number-input","title":"Number Input","description":"Number Input is direct numeric entry with optional steppers and min/max/step — not currency, quantity business logic, or a Slider.","type":"registry:ui","source_url":"https://skrewww.com/r/number-input.json","install_command":"npx shadcn@latest add https://skrewww.com/r/number-input.json"},{"name":"file-upload","title":"File Upload","description":"File Upload is a native file input with drag-and-drop dropzone, advisory validation, selected-file list, and multipart form submission — selection only, not ne…","type":"registry:ui","source_url":"https://skrewww.com/r/file-upload.json","install_command":"npx shadcn@latest add https://skrewww.com/r/file-upload.json"},{"name":"popover","title":"Popover","description":"Popover is a non-modal floating panel for supplementary or lightly interactive content anchored to a trigger.","type":"registry:ui","source_url":"https://skrewww.com/r/popover.json","install_command":"npx shadcn@latest add https://skrewww.com/r/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip is a brief supplementary label for a trigger, shown on keyboard focus or pointer hover.","type":"registry:ui","source_url":"https://skrewww.com/r/tooltip.json","install_command":"npx shadcn@latest add https://skrewww.com/r/tooltip.json"},{"name":"dialog","title":"Dialog","description":"Dialog is a modal overlay that interrupts workflow for focused attention, information, or a decision.","type":"registry:ui","source_url":"https://skrewww.com/r/dialog.json","install_command":"npx shadcn@latest add https://skrewww.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":"Drawer is an edge-anchored modal panel for supplementary settings, filters, or secondary forms.","type":"registry:ui","source_url":"https://skrewww.com/r/drawer.json","install_command":"npx shadcn@latest add https://skrewww.com/r/drawer.json"},{"name":"menu","title":"Menu","description":"Menu is a compact command surface for contextual actions — distinct from Select (form values) and Popover (supplementary content).","type":"registry:ui","source_url":"https://skrewww.com/r/menu.json","install_command":"npx shadcn@latest add https://skrewww.com/r/menu.json"},{"name":"split-button","title":"Split Button","description":"Split Button joins one primary Button action with a related Menu trigger using shared outer chrome — composition only; Button and Menu keep their own APIs.","type":"registry:ui","source_url":"https://skrewww.com/r/split-button.json","install_command":"npx shadcn@latest add https://skrewww.com/r/split-button.json"},{"name":"calendar-day","title":"Calendar Day","description":"Calendar Day is a single selectable day cell inside a month calendar grid.","type":"registry:ui","source_url":"https://skrewww.com/r/calendar-day.json","install_command":"npx shadcn@latest add https://skrewww.com/r/calendar-day.json"},{"name":"calendar-grid","title":"Calendar Grid","description":"Calendar Grid is a composed month-view calendar with single-date or range selection and grid keyboard navigation.","type":"registry:ui","source_url":"https://skrewww.com/r/calendar-grid.json","install_command":"npx shadcn@latest add https://skrewww.com/r/calendar-grid.json"},{"name":"select","title":"Select","description":"Select is a combobox-style single-select with a Popover listbox trigger and hidden native select for form submission.","type":"registry:ui","source_url":"https://skrewww.com/r/select.json","install_command":"npx shadcn@latest add https://skrewww.com/r/select.json"},{"name":"combobox","title":"Combobox","description":"Combobox is an editable searchable single-select with a filterable listbox — distinct from non-searchable Select and query-only Search Field.","type":"registry:ui","source_url":"https://skrewww.com/r/combobox.json","install_command":"npx shadcn@latest add https://skrewww.com/r/combobox.json"},{"name":"date-picker","title":"Date Picker","description":"Date Picker is a date-only field with editable D MMM YYYY text entry (en-GB) and calendar popover for single-date selection.","type":"registry:ui","source_url":"https://skrewww.com/r/date-picker.json","install_command":"npx shadcn@latest add https://skrewww.com/r/date-picker.json"},{"name":"phone-number-field","title":"Phone Number Field","description":"Phone Number Field pairs a country/dial-code selector with a phone number input — UI pattern only, not SMS verification or carrier lookup.","type":"registry:ui","source_url":"https://skrewww.com/r/phone-number-field.json","install_command":"npx shadcn@latest add https://skrewww.com/r/phone-number-field.json"},{"name":"tree-view","title":"Tree View","description":"Tree View is a hierarchical, keyboard-navigable tree — file explorers, nested category browsers, org charts. Composes Content/Tree Item rows with roving-tabind…","type":"registry:ui","source_url":"https://skrewww.com/r/tree-view.json","install_command":"npx shadcn@latest add https://skrewww.com/r/tree-view.json"},{"name":"data-table","title":"Data Table","description":"Data Table is an interactive data-table pattern composing Table with header sorting and external Pagination — no columns-config prop; the consumer writes their…","type":"registry:ui","source_url":"https://skrewww.com/r/data-table.json","install_command":"npx shadcn@latest add https://skrewww.com/r/data-table.json"},{"name":"bar-chart","title":"Bar Chart","description":"Bar Chart compares categories with vertical or horizontal bars — a single series by default, or several series grouped, stacked, or stacked to 100%. Static and…","type":"registry:ui","source_url":"https://skrewww.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://skrewww.com/r/bar-chart.json"},{"name":"line-chart","title":"Line Chart","description":"Line Chart shows a trend across ordered categories — a single series by default, or several series as separate lines. Static and non-tabbable, with an optional…","type":"registry:ui","source_url":"https://skrewww.com/r/line-chart.json","install_command":"npx shadcn@latest add https://skrewww.com/r/line-chart.json"},{"name":"area-chart","title":"Area Chart","description":"Area Chart shows magnitude over ordered categories with a filled area under each line — a single series by default, or several series overlapped, stacked, or s…","type":"registry:ui","source_url":"https://skrewww.com/r/area-chart.json","install_command":"npx shadcn@latest add https://skrewww.com/r/area-chart.json"},{"name":"chart-card","title":"Chart Card","description":"Chart Card is a Card composed for a chart: an optional title/description/actions header, and a body that owns loading/empty/error presentation around a chart t…","type":"registry:ui","source_url":"https://skrewww.com/r/chart-card.json","install_command":"npx shadcn@latest add https://skrewww.com/r/chart-card.json"},{"name":"chart-metric","title":"Chart Metric","description":"Chart Metric is a labeled value with an optional directional delta, for use above a chart or standalone — the delta's direction drives only its icon, never a c…","type":"registry:ui","source_url":"https://skrewww.com/r/chart-metric.json","install_command":"npx shadcn@latest add https://skrewww.com/r/chart-metric.json"}]},{"id":"slide-cn","name":"@slide-cn","slug":"slide-cn","description":"A code-first presentation framework for React that lets developers build slide decks as JSX components installable via the shadcn registry. Provides pre-built slide layouts (title slides, split views, code blocks, progressive reveals), built-in keyboard/swipe navigation, Tailwind CSS and shadcn/ui theming, TypeScript support, and Git-trackable deck source. Install with a single shadcn CLI command. Free and open-source. Use for: building developer-facing presentations or pitch decks directly inside a React/Next.js codebase, with version control and CI/CD integration instead of PowerPoint or Keynote.","author":"prithvi-rajan-222","framework":"react","license":"MIT","tags":["backgrounds","blocks","cards","components","design-system","developer-tools","loaders","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"labels":["featured"],"urls":{"website":"https://slide-cn.com","github":"https://github.com/prithvi-rajan-222/slide-cn","registry":"https://slide-cn.com/r/registry.json","source":"https://slide-cn.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/slide-cn","markdown":"https://sh4dcn.netlify.app/md/slide-cn.md"},"logo":"<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path d='M0 0h512v512H0z' fill='#222222'/><path d='M252.128 99.616q3.552 0.016 7.088 -0.016c25.168 -0.032 50.576 6.56 69.776 23.408l2.304 1.824c13.152 10.784 20.256 26.096 24.704 42.176l0.608 1.952c0.56 2.96 0.384 6.032 0.384 9.056h-44l-4 -13.008c-9.216 -15.072 -21.792 -24.688 -38.992 -29.088 -18.672 -3.984 -39.104 -2.016 -55.328 8.176 -10.352 7.328 -16.416 17.424 -18.688 29.904a64 64 0 0 0 -0.368 8.256v2.224c0.272 12.272 5.104 21.984 13.872 30.448 7.488 6.224 16.16 10.16 25.216 13.456l2.48 0.912c8.336 2.992 16.8 5.456 25.312 7.856 57.472 16.224 57.472 16.224 74.464 31.856l2.352 2.112c5.664 5.344 9.84 11.104 13.648 17.888l1.216 2.096c8.48 16.576 8.72 41.984 3.184 59.376 -7.6 19.216 -18.224 33.824 -35.392 45.52l-2.304 1.6c-12.512 8.128 -26.96 12.4 -41.664 14.4l-2.016 0.288c-14.816 1.888 -31.424 2.144 -45.984 -1.28l-2.096 -0.464c-25.472 -5.632 -49.136 -18.096 -63.776 -40.416A78.4 78.4 0 0 1 152 328h43.008l3.008 12c4.624 14.112 13.488 25.12 26.56 32.304 16.8 7.728 40.816 9.12 58.304 3.024 15.056 -6.368 26.592 -13.152 33.2 -28.864 4.48 -12.976 4.608 -26.848 -1.072 -39.472a48 48 0 0 0 -7.008 -9.008l-1.952 -2.08c-15.568 -15.136 -40 -19.376 -60.176 -25.072 -67.12 -18.928 -67.12 -18.928 -81.84 -44.56a88 88 0 0 1 -7.408 -66.32c3.52 -10.608 8.864 -20.672 16.4 -28.976l1.904 -2.192c9.968 -10.736 22.496 -17.712 36.096 -22.816l2.304 -0.928c12.496 -4.64 25.632 -5.568 38.816 -5.472' fill='#FDFDFD'/><path d='M511.008 471.008h1.008v41.008h-41.008a112 112 0 0 1 9.696 -4.192c13.968 -5.824 22.432 -16.112 28.304 -29.824a64 64 0 0 0 2 -7.008' fill='#000000'/><path d='M0 471.008c1.616 3.216 2.896 6.336 4.192 9.696 5.808 13.968 16.096 22.432 29.808 28.304 2.336 0.816 4.576 1.456 7.008 2v1.008H0z' fill='#000000'/><path d='M471.008 0h41.008v41.008a112 112 0 0 1 -4.192 -9.68c-5.824 -14 -16.112 -22.464 -29.824 -28.32a64 64 0 0 0 -7.008 -2z' fill='#000000'/><path d='M0 0h41.008a112 112 0 0 1 -9.68 4.192C17.328 10 8.864 20.288 3.008 34a64 64 0 0 0 -2 7.008H0z' fill='#000000'/></svg>","preview_image":"https://slide-cn.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":23,"open_issues":4,"last_commit":"2026-04-19T19:09:46Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://slide-cn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://slide-cn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://slide-cn.com/r/registry.json","clone":"git clone https://github.com/prithvi-rajan-222/slide-cn.git","clone_degit":"npx degit prithvi-rajan-222/slide-cn","registry_fetch":"curl -s https://slide-cn.com/r/registry.json"},"component_count":20,"components":[{"name":"slide-cn-default","title":"Slide-CN Default Preset","description":"Installs the recommended Slide-CN layouts and components.","type":"registry:lib","source_url":"https://slide-cn.com/r/slide-cn-default.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-cn-default.json"},{"name":"deck","title":"Deck","description":"A Deck component that is the core of the presentation","type":"registry:component","source_url":"https://slide-cn.com/r/deck.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/deck.json"},{"name":"header-with-content","title":"Header with content","description":"A layout with a header, and some content space","type":"registry:component","source_url":"https://slide-cn.com/r/header-with-content.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/header-with-content.json"},{"name":"slide-nav","title":"Slide Nav","description":"Navigation for your slides","type":"registry:component","source_url":"https://slide-cn.com/r/slide-nav.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-nav.json"},{"name":"slide-footer","title":"Slide footer","description":"Footer for your slides","type":"registry:component","source_url":"https://slide-cn.com/r/slide-footer.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-footer.json"},{"name":"navigation-toast","title":"Navigation Toast","description":"Toast overlay that shows navigation hints on first load","type":"registry:component","source_url":"https://slide-cn.com/r/navigation-toast.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/navigation-toast.json"},{"name":"slide","title":"Slide","description":"Basic slide component","type":"registry:component","source_url":"https://slide-cn.com/r/slide.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide.json"},{"name":"horizontal-split","title":"Horizontal split","description":"A slide layout with two columns split horizontally","type":"registry:component","source_url":"https://slide-cn.com/r/horizontal-split.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/horizontal-split.json"},{"name":"vertical-split","title":"Vertical split","description":"A slide layout with two rows split vertically","type":"registry:component","source_url":"https://slide-cn.com/r/vertical-split.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/vertical-split.json"},{"name":"title-slide","title":"Title slide","description":"Set of components to easily create a title slide","type":"registry:component","source_url":"https://slide-cn.com/r/title-slide.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/title-slide.json"},{"name":"slide-image","title":"Slide image","description":"Set of components to add an image and caption to a slide","type":"registry:component","source_url":"https://slide-cn.com/r/slide-image.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/slide-image.json"},{"name":"callout","title":"Callout","description":"A callout component for highlighting information","type":"registry:component","source_url":"https://slide-cn.com/r/callout.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/callout.json"},{"name":"code-block","title":"Code block","description":"A code block component with syntax highlighting","type":"registry:component","source_url":"https://slide-cn.com/r/code-block.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/code-block.json"},{"name":"gradient-linear","title":"Linear Gradient Background","description":"A full-bleed linear gradient background (top-left to bottom-right) using the slide-cn theme palette tokens.","type":"registry:component","source_url":"https://slide-cn.com/r/gradient-linear.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/gradient-linear.json"},{"name":"gradient-radial","title":"Radial Gradient Background","description":"A full-bleed radial gradient background emanating from the center using the slide-cn theme palette tokens (background, background-2, background-3).","type":"registry:component","source_url":"https://slide-cn.com/r/gradient-radial.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/gradient-radial.json"},{"name":"reveal","title":"Reveal","description":"A component that reveals its content on click","type":"registry:component","source_url":"https://slide-cn.com/r/reveal.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/reveal.json"},{"name":"timeline","title":"Timeline","description":"A horizontal or vertical timeline component for displaying ordered events, steps, or milestones","type":"registry:component","source_url":"https://slide-cn.com/r/timeline.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/timeline.json"},{"name":"sky-theme","title":"Sky Theme","description":"A cool blue-purple gradient theme for Slide-CN presentations.","type":"registry:theme","source_url":"https://slide-cn.com/r/sky-theme.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/sky-theme.json"},{"name":"rose-theme","title":"Rose Theme","description":"A warm red-pink gradient theme for Slide-CN presentations.","type":"registry:theme","source_url":"https://slide-cn.com/r/rose-theme.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/rose-theme.json"},{"name":"earth-theme","title":"Earth Theme","description":"A warm green-amber earth tone theme for Slide-CN presentations.","type":"registry:theme","source_url":"https://slide-cn.com/r/earth-theme.json","install_command":"npx shadcn@latest add https://slide-cn.com/r/earth-theme.json"}]},{"id":"slidecn","name":"@slidecn","slug":"slidecn","description":"Beautiful presentations, made simple. Ready to use, customizable presentation components for React.","author":"shadcn-labs","framework":"react","license":"MIT","tags":["animation","blocks","cards","media","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://slidecn.vercel.app","github":"https://github.com/shadcn-labs/slidecn","registry":"https://slidecn.vercel.app/r/registry.json","source":"https://slidecn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/slidecn","markdown":"https://sh4dcn.netlify.app/md/slidecn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'><rect width='28' height='28' rx='5'/><path d='M4 5h20m-1 0v11a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V5m4 18 5-5 5 5m-1.5-11.333L14.167 15m2.667-7L10.5 14.334' stroke='var(--foreground, currentColor)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":"https://slidecn.vercel.app/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":0,"last_commit":"2026-06-17T15:15:44Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://slidecn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://slidecn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://slidecn.vercel.app/r/registry.json","clone":"git clone https://github.com/shadcn-labs/slidecn.git","clone_degit":"npx degit shadcn-labs/slidecn","registry_fetch":"curl -s https://slidecn.vercel.app/r/registry.json"},"component_count":26,"components":[{"name":"title-slide","title":"Title Slide","description":"A presentation title slide with eyebrow, title, subtitle, author, and date.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/title-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/title-slide.json"},{"name":"section-slide","title":"Section Slide","description":"A chapter divider slide with label and title.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/section-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/section-slide.json"},{"name":"content-slide","title":"Content Slide","description":"A general purpose content slide with multiple layout options.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/content-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/content-slide.json"},{"name":"split-slide","title":"Split Slide","description":"A two-column split layout slide with configurable ratio.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/split-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/split-slide.json"},{"name":"image-slide","title":"Image Slide","description":"A slide for displaying images with stretch, contained, or full-bleed modes.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/image-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/image-slide.json"},{"name":"stat-slide","title":"Stat Slide","description":"A statistics-focused slide with single, row, or grid layouts.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/stat-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/stat-slide.json"},{"name":"quote-slide","title":"Quote Slide","description":"A quote/citation slide with minimal, large, and accent variants.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/quote-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/quote-slide.json"},{"name":"list-slide","title":"List Slide","description":"An ordered or unordered list slide with optional fragment animations.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/list-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/list-slide.json"},{"name":"comparison-slide","title":"Comparison Slide","description":"A side-by-side comparison slide with columns or table variant.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/comparison-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/comparison-slide.json"},{"name":"timeline-slide","title":"Timeline Slide","description":"A timeline slide with horizontal or vertical direction and optional animations.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/timeline-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/timeline-slide.json"},{"name":"team-slide","title":"Team Slide","description":"A team member showcase slide with avatars, roles, and bios.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/team-slide.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/team-slide.json"},{"name":"code-block","title":"Code Block","description":"A syntax-highlighted code block with filename, line numbers, and copy button.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/code-block.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/code-block.json"},{"name":"fragment-list","title":"Fragment List","description":"A list wrapper with fragment-based reveal animations on each item.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/fragment-list.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/fragment-list.json"},{"name":"fragment-reveal","title":"Fragment Reveal","description":"Steps through children one by one using fragment animations.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/fragment-reveal.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/fragment-reveal.json"},{"name":"fit-text","title":"Fit Text","description":"Automatically resizes text to fill the available space using r-fit-text.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/fit-text.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/fit-text.json"},{"name":"notes","title":"Notes","description":"Speaker notes for reveal.js presentations.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/notes.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/notes.json"},{"name":"auto-animate-pair","title":"Auto Animate Pair","description":"Two consecutive slides with auto-animate enabled for smooth transitions between states.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/auto-animate-pair.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/auto-animate-pair.json"},{"name":"stack-reveal","title":"Stack Reveal","description":"A thin typed wrapper over the reveal.js Stack component.","type":"registry:ui","source_url":"https://slidecn.vercel.app/r/stack-reveal.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/stack-reveal.json"},{"name":"pitch-deck","title":"Pitch Deck","description":"A 7-slide pitch deck template: problem, solution, how it works, traction, team, and CTA.","type":"registry:block","source_url":"https://slidecn.vercel.app/r/pitch-deck.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/pitch-deck.json"},{"name":"tech-talk","title":"Tech Talk","description":"An 8-slide technical talk template with code examples, auto-animate transitions, and benchmark results.","type":"registry:block","source_url":"https://slidecn.vercel.app/r/tech-talk.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/tech-talk.json"},{"name":"product-demo","title":"Product Demo","description":"A 6-slide product demo template: features, screenshot, comparison, metrics, and CTA.","type":"registry:block","source_url":"https://slidecn.vercel.app/r/product-demo.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/product-demo.json"},{"name":"weekly-report","title":"Weekly Report","description":"A 5-slide weekly report template: KPIs, timeline, wins/blockers, and next week plan.","type":"registry:block","source_url":"https://slidecn.vercel.app/r/weekly-report.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/weekly-report.json"},{"name":"theme-default","title":"Default Theme","description":"The default slidecn theme with light colors and neutral tones.","type":"registry:file","source_url":"https://slidecn.vercel.app/r/theme-default.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/theme-default.json"},{"name":"theme-dark","title":"Dark Theme","description":"A dark theme for slidecn presentations.","type":"registry:file","source_url":"https://slidecn.vercel.app/r/theme-dark.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/theme-dark.json"},{"name":"theme-minimal","title":"Minimal Theme","description":"A minimal theme with larger base font size and tight letter-spacing.","type":"registry:file","source_url":"https://slidecn.vercel.app/r/theme-minimal.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/theme-minimal.json"},{"name":"theme-brand","title":"Brand Theme","description":"A brandable theme template with customizable brand color variables.","type":"registry:file","source_url":"https://slidecn.vercel.app/r/theme-brand.json","install_command":"npx shadcn@latest add https://slidecn.vercel.app/r/theme-brand.json"}]},{"id":"smoothui","name":"@smoothui","slug":"smoothui","description":"A collection of 50+ animated React UI components and blocks built with Tailwind CSS v4, Motion (Framer Motion), and optionally GSAP. Focuses on microinteractions: smooth transitions, gesture feedback, and delightful hover/reveal effects. Categories include UI Components, Interactive Components, Layout Components, and Utility Components. Compatible with shadcn/ui, installable via shadcn CLI or a dedicated SmoothUI CLI. Supports dark/light mode; fully typed in TypeScript. Free (Vercel OSS). Use for: layering polished motion design onto a shadcn/ui project's interactive elements — buttons, modals, cards, text reveals — without building animations from scratch.","author":"educlopez","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","charts","forms","gaming","hooks","icons","loaders","marketing","media","mobile","navigation","overlays","pro-available","retro","text-effects"],"categories":["Animated components"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://smoothui.dev","github":"https://github.com/educlopez/smoothui","registry":"https://smoothui.dev/r/registry.json","source":"https://smoothui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/smoothui","markdown":"https://sh4dcn.netlify.app/md/smoothui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512' fill='none'><path d='M329.205 6.05469C331.396 0.985458 337.281 -1.34888 342.351 0.84082L355.644 6.58301C356.018 6.74496 356.377 6.93032 356.722 7.13086L439.729 42.9902C444.799 45.1805 447.134 51.066 444.944 56.1357L439.202 69.4277C437.012 74.4976 431.126 76.8315 426.056 74.6416L351.12 42.2705L330.918 89.0332C376.141 114.344 408.567 159.794 416.052 213.239H429.756V278.752H397.765L397.27 282.408L386.144 369.047C383.266 392.108 380.937 415.238 377.957 438.284C376.66 448.318 375.865 459.058 373.398 468.858C372.384 471.375 371.168 473.657 369.527 475.817C353.072 497.475 312.68 504.556 287.003 508.111C273.789 510.037 260.45 510.964 247.098 510.888C217.287 510.485 162.338 502.749 138.37 484.41C133.049 480.338 128.118 475.314 126.057 468.793C124.143 462.739 123.772 455.672 122.899 449.391L117.649 411.719L99.9443 278.752H67.7119V213.239H80.5723C92.1014 130.913 162.808 67.5599 248.312 67.5596C266.066 67.5596 283.183 70.2933 299.265 75.3594L329.205 6.05469ZM298.618 347.714C290.008 349.185 284.699 357.994 277.604 362.6C260.758 373.533 233.532 371.369 217.451 359.928C211.198 355.48 206.551 346.709 197.798 348.069C194.209 348.628 190.796 350.598 188.722 353.611C186.781 356.428 186.276 360.028 186.956 363.345C188.187 369.351 193.243 374.041 197.507 378.105C213.771 391.889 237.722 397.757 258.754 395.938C277.382 394.327 294.852 386.112 306.932 371.629C309.792 368.2 311.798 364.372 311.3 359.786C310.918 356.283 309.287 352.397 306.453 350.188C304.098 348.351 301.526 347.879 298.618 347.714ZM187.43 188.242C177.489 188.242 169.43 196.301 169.43 206.242V305.578C169.43 315.519 177.489 323.578 187.43 323.578H194.529C204.47 323.578 212.529 315.519 212.529 305.578V206.242C212.529 196.301 204.47 188.242 194.529 188.242H187.43ZM302.939 188.242C292.998 188.242 284.94 196.301 284.939 206.242V305.578C284.939 315.519 292.998 323.578 302.939 323.578H310.04C319.981 323.578 328.04 315.519 328.04 305.578V206.242C328.04 196.301 319.981 188.242 310.04 188.242H302.939Z' fill='var(--foreground)'/></svg>","preview_image":"https://smoothui.dev/og-optimized.webp","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://smoothui.dev/docs/blocks/pricing"},"metrics":{"github_stars":1027,"open_issues":1,"last_commit":"2026-10-25T19:57:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://smoothui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://smoothui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://smoothui.dev/r/registry.json","clone":"git clone https://github.com/educlopez/smoothui.git","clone_degit":"npx degit educlopez/smoothui","registry_fetch":"curl -s https://smoothui.dev/r/registry.json"},"component_count":250,"components":[{"name":"cli","title":"Cli","description":"CLI to install SmoothUI components - beautifully designed React components with smooth animations","type":"registry:ui","source_url":"https://smoothui.dev/r/cli.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cli.json"},{"name":"data","title":"Data","description":null,"type":"registry:lib","source_url":"https://smoothui.dev/r/data.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/data.json"},{"name":"cta-1","title":"Cta 1","description":"Centered CTA block with radial glow background","type":"registry:block","source_url":"https://smoothui.dev/r/cta-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cta-1.json"},{"name":"cta-2","title":"Cta 2","description":"Split layout CTA block with text and illustration","type":"registry:block","source_url":"https://smoothui.dev/r/cta-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cta-2.json"},{"name":"cta-3","title":"Cta 3","description":"Compact banner CTA block","type":"registry:block","source_url":"https://smoothui.dev/r/cta-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cta-3.json"},{"name":"faq-1","title":"Faq 1","description":"FAQ grid block with categorized tabs and icons","type":"registry:block","source_url":"https://smoothui.dev/r/faq-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-1.json"},{"name":"faq-2","title":"Faq 2","description":"FAQ accordion block with expandable questions","type":"registry:block","source_url":"https://smoothui.dev/r/faq-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-2.json"},{"name":"faq-3","title":"Faq 3","description":"Searchable FAQ section with filter animations","type":"registry:block","source_url":"https://smoothui.dev/r/faq-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-3.json"},{"name":"faq-4","title":"Faq 4","description":"Categorized FAQ section with tab navigation","type":"registry:block","source_url":"https://smoothui.dev/r/faq-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/faq-4.json"},{"name":"features-1","title":"Features 1","description":"Feature grid block with animated cards","type":"registry:block","source_url":"https://smoothui.dev/r/features-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/features-1.json"},{"name":"features-2","title":"Features 2","description":"Bento grid features block with asymmetric layout","type":"registry:block","source_url":"https://smoothui.dev/r/features-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/features-2.json"},{"name":"features-3","title":"Features 3","description":"Alternating features block with side-by-side layout","type":"registry:block","source_url":"https://smoothui.dev/r/features-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/features-3.json"},{"name":"footer-1","title":"Footer 1","description":"Simple footer block with links and social icons","type":"registry:block","source_url":"https://smoothui.dev/r/footer-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-1.json"},{"name":"footer-2","title":"Footer 2","description":"Complex footer block with newsletter and extended links","type":"registry:block","source_url":"https://smoothui.dev/r/footer-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-2.json"},{"name":"footer-3","title":"Footer 3","description":"Mega footer with newsletter and social links","type":"registry:block","source_url":"https://smoothui.dev/r/footer-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-3.json"},{"name":"footer-4","title":"Footer 4","description":"Minimal single-row footer","type":"registry:block","source_url":"https://smoothui.dev/r/footer-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/footer-4.json"},{"name":"header-1","title":"Header 1","description":"Modern header block with navigation and mobile menu","type":"registry:block","source_url":"https://smoothui.dev/r/header-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-1.json"},{"name":"header-2","title":"Header 2","description":"Premium header block with gradient logo and smooth animations","type":"registry:block","source_url":"https://smoothui.dev/r/header-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-2.json"},{"name":"header-3","title":"Header 3","description":"Premium header block with gradient logo and smooth animations","type":"registry:block","source_url":"https://smoothui.dev/r/header-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-3.json"},{"name":"header-4","title":"Header 4","description":"Interactive 3D grid hero header inspired by rauno.me 2024","type":"registry:block","source_url":"https://smoothui.dev/r/header-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-4.json"},{"name":"header-5","title":"Header 5","description":"Spotlight hero block with dark theme and gradient text","type":"registry:block","source_url":"https://smoothui.dev/r/header-5.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-5.json"},{"name":"header-6","title":"Header 6","description":"Minimal hero block with clean typography","type":"registry:block","source_url":"https://smoothui.dev/r/header-6.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/header-6.json"},{"name":"logo-cloud-1","title":"Logo Cloud 1","description":"Simple logo cloud block with grid layout","type":"registry:block","source_url":"https://smoothui.dev/r/logo-cloud-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-1.json"},{"name":"logo-cloud-2","title":"Logo Cloud 2","description":"Animated logo cloud block with infinite scroll","type":"registry:block","source_url":"https://smoothui.dev/r/logo-cloud-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-2.json"},{"name":"logo-cloud-3","title":"Logo Cloud 3","description":"Infinite scrolling logo marquee","type":"registry:block","source_url":"https://smoothui.dev/r/logo-cloud-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-3.json"},{"name":"logo-cloud-4","title":"Logo Cloud 4","description":"Interactive logo grid with hover effects","type":"registry:block","source_url":"https://smoothui.dev/r/logo-cloud-4.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/logo-cloud-4.json"},{"name":"pricing-1","title":"Pricing 1","description":"Simple pricing block with single plan","type":"registry:block","source_url":"https://smoothui.dev/r/pricing-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pricing-1.json"},{"name":"pricing-2","title":"Pricing 2","description":"Modern pricing block with three tiers","type":"registry:block","source_url":"https://smoothui.dev/r/pricing-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pricing-2.json"},{"name":"pricing-3","title":"Pricing 3","description":"Creative pricing block with two plans","type":"registry:block","source_url":"https://smoothui.dev/r/pricing-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pricing-3.json"},{"name":"shared","title":"Shared","description":"Shared components for SmoothUI blocks","type":"registry:component","source_url":"https://smoothui.dev/r/shared.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared.json"},{"name":"stats-1","title":"Stats 1","description":"Grid stats section block with hover effects","type":"registry:block","source_url":"https://smoothui.dev/r/stats-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stats-1.json"},{"name":"stats-2","title":"Stats 2","description":"Cards stats section block with icons and trends","type":"registry:block","source_url":"https://smoothui.dev/r/stats-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stats-2.json"},{"name":"team-1","title":"Team 1","description":"Grid team section block with hover effects","type":"registry:block","source_url":"https://smoothui.dev/r/team-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/team-1.json"},{"name":"team-2","title":"Team 2","description":"Carousel team section block with auto-play","type":"registry:block","source_url":"https://smoothui.dev/r/team-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/team-2.json"},{"name":"testimonials-1","title":"Testimonials 1","description":"Simple testimonials block with auto-rotating cards","type":"registry:block","source_url":"https://smoothui.dev/r/testimonials-1.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/testimonials-1.json"},{"name":"testimonials-2","title":"Testimonials 2","description":"Grid testimonials block with navigation arrows","type":"registry:block","source_url":"https://smoothui.dev/r/testimonials-2.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/testimonials-2.json"},{"name":"testimonials-3","title":"Testimonials 3","description":"Star testimonials block with grid layout","type":"registry:block","source_url":"https://smoothui.dev/r/testimonials-3.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/testimonials-3.json"},{"name":"accordion","title":"Accordion","description":"Animated Accordion primitive for SmoothUI with CSS height panel and chevron rotation.","type":"registry:ui","source_url":"https://smoothui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/accordion.json"},{"name":"agent-avatar","title":"Agent Avatar","description":"Canvas-based generative pixel avatar for AI agents, unique per seed.","type":"registry:ui","source_url":"https://smoothui.dev/r/agent-avatar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/agent-avatar.json"},{"name":"ai-approval","title":"Ai Approval","description":"Human-in-the-loop approval card where the chosen option expands to fill the card while the alternatives collapse away.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-approval.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-approval.json"},{"name":"ai-artifact","title":"Ai Artifact","description":"Generated-artifact frame whose preview and code panes swap along a shared axis rather than cross-fading.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-artifact.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-artifact.json"},{"name":"ai-branch","title":"Ai Branch","description":"An interactive AI branch component for displaying conversation flows.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-branch.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-branch.json"},{"name":"ai-citation","title":"Ai Citation","description":"Inline citation pill that opens an origin-aware source card, anchored to the pill it came from.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-citation.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-citation.json"},{"name":"ai-context-meter","title":"Ai Context Meter","description":"Context window meter whose ring fills and shifts hue at the warning threshold, never changing size.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-context-meter.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-context-meter.json"},{"name":"ai-conversation","title":"Ai Conversation","description":"Thread scroll container that follows the bottom only while the reader is already there, offering a jump-to-latest pill when it stops.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-conversation.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-conversation.json"},{"name":"ai-core","title":"Ai Core","description":"Shared AI state contract, per-state motion presets and microphone amplitude hooks for SmoothUI AI components.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-core.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-core.json"},{"name":"ai-diff","title":"Ai Diff","description":"Proposed code or data edit where added lines wipe in from the left and rejected lines collapse to nothing.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-diff.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-diff.json"},{"name":"ai-input","title":"Ai Input","description":"Deprecated alias for morph-surface. Kept for one release so existing installs keep resolving.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-input.json"},{"name":"ai-loader","title":"Ai Loader","description":"Family of AI waiting indicators — dots, sweep bar and pixel grid — sharing one cycle length, with an optional elapsed counter.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-loader.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-loader.json"},{"name":"ai-message","title":"Ai Message","description":"Chat message bubble whose action row slides out of the bubble's own edge, revealed on hover and on focus.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-message.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-message.json"},{"name":"ai-orb-face","title":"Ai Orb Face","description":"Cartoon character orb whose expression carries the AI state — cursor-following gaze, natural blinks, thinking saccades, happy arcs and spiral eyes.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-orb-face.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-orb-face.json"},{"name":"ai-prompt-input","title":"Ai Prompt Input","description":"AI prompt composer with autogrowing textarea, attachment chips and a send-to-stop path morph.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-prompt-input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-prompt-input.json"},{"name":"ai-reasoning","title":"Ai Reasoning","description":"Collapsible AI reasoning trace that shimmers only while the model works, reports how long it took and gets out of the way.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-reasoning.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-reasoning.json"},{"name":"ai-response","title":"Ai Response","description":"Streaming assistant text where words animate in as they arrive, with a caret that rides the last glyph and inline citation pills.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-response.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-response.json"},{"name":"ai-sources","title":"Ai Sources","description":"Favicon stack that fans out on hover and expands into a source list, with each favicon morphing into its row.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-sources.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-sources.json"},{"name":"ai-suggestions","title":"Ai Suggestions","description":"Prompt suggestion chips that radiate in from the centre of the row rather than sweeping left to right.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-suggestions.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-suggestions.json"},{"name":"ai-task-list","title":"Ai Task List","description":"Live agent plan with nested steps, a drawn checkmark on completion and a travelling underline on whatever is running.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-task-list.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-task-list.json"},{"name":"ai-tool-call","title":"Ai Tool Call","description":"Collapsible tool invocation whose status badge is one ring that evolves — breathing, spinning, then drawing a check or a cross.","type":"registry:ui","source_url":"https://smoothui.dev/r/ai-tool-call.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ai-tool-call.json"},{"name":"alert","title":"Alert","description":"Inline Alert for SmoothUI — info, success, warning, and destructive banners.","type":"registry:ui","source_url":"https://smoothui.dev/r/alert.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/alert.json"},{"name":"animated-avatar-group","title":"Animated Avatar Group","description":"Stack of overlapping avatars with smooth expand/collapse animation","type":"registry:ui","source_url":"https://smoothui.dev/r/animated-avatar-group.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-avatar-group.json"},{"name":"animated-file-upload","title":"Animated File Upload","description":"Animated drag-and-drop file upload component","type":"registry:ui","source_url":"https://smoothui.dev/r/animated-file-upload.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-file-upload.json"},{"name":"animated-list","title":"Animated List","description":"A list that animates additions, removals and reordering, with an optional auto-feed mode.","type":"registry:ui","source_url":"https://smoothui.dev/r/animated-list.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-list.json"},{"name":"animated-stepper","title":"Animated Stepper","description":"Animated stepper/wizard component with step transitions","type":"registry:ui","source_url":"https://smoothui.dev/r/animated-stepper.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-stepper.json"},{"name":"animated-tags","title":"Animated Tags","description":"A AnimatedTags component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/animated-tags.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/animated-tags.json"},{"name":"aperture-blur-transition","title":"Aperture Blur Transition","description":"Persistent WebGL shader transition wrapper that swaps content behind a cinematic aperture bloom.","type":"registry:ui","source_url":"https://smoothui.dev/r/aperture-blur-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/aperture-blur-transition.json"},{"name":"app-download-stack","title":"App Download Stack","description":"A AppDownloadStack component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/app-download-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/app-download-stack.json"},{"name":"apple-invites","title":"Apple Invites","description":"A AppleInvites component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/apple-invites.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/apple-invites.json"},{"name":"arcade-pixel","title":"Arcade Pixel","description":"An ArcadePixel component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/arcade-pixel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/arcade-pixel.json"},{"name":"ascii-render","title":"Ascii Render","description":"An AsciiRender component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/ascii-render.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ascii-render.json"},{"name":"aurora-curtain","title":"Aurora Curtain","description":"An AuroraCurtain background component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/aurora-curtain.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/aurora-curtain.json"},{"name":"auth-form","title":"Auth Form","description":"A presentation-only sign-in / sign-up form that reveals fields progressively and stays fully accessible.","type":"registry:ui","source_url":"https://smoothui.dev/r/auth-form.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/auth-form.json"},{"name":"avatar","title":"Avatar","description":"Avatar, AvatarGroup, and status dot for SmoothUI with Base UI / Radix twins.","type":"registry:ui","source_url":"https://smoothui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"Compact Badge and Status Dot for SmoothUI — labels, tags, and presence indicators.","type":"registry:ui","source_url":"https://smoothui.dev/r/badge.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/badge.json"},{"name":"blur-out-up","title":"Blur Out Up","description":"A BlurOutUp text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/blur-out-up.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/blur-out-up.json"},{"name":"book","title":"Book","description":"A 3D CSS book component with perspective transforms and hover animation","type":"registry:ui","source_url":"https://smoothui.dev/r/book.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/book.json"},{"name":"border-beam","title":"Border Beam","description":"A BorderBeam component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/border-beam.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/border-beam.json"},{"name":"bottom-up-letters","title":"Bottom Up Letters","description":"A BottomUpLetters text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/bottom-up-letters.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/bottom-up-letters.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Animated breadcrumb navigation with stagger-in animation","type":"registry:ui","source_url":"https://smoothui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/breadcrumb.json"},{"name":"breakpoint-indicator","title":"Breakpoint Indicator","description":"A BreakpointIndicator component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/breakpoint-indicator.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/breakpoint-indicator.json"},{"name":"button-copy","title":"Button Copy","description":"A ButtonCopy component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/button-copy.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/button-copy.json"},{"name":"calendar","title":"Calendar","description":"Calendar date picker grid for SmoothUI built on react-day-picker.","type":"registry:ui","source_url":"https://smoothui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/calendar.json"},{"name":"card-swipe-deck","title":"Card Swipe Deck","description":"A CardSwipeDeck component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/card-swipe-deck.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/card-swipe-deck.json"},{"name":"checkbox","title":"Checkbox","description":"An animated Checkbox component for SmoothUI with checkmark and indeterminate state animations.","type":"registry:ui","source_url":"https://smoothui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Checkbox Group for SmoothUI with parent/indeterminate support, Base UI twin and Radix-parity twin.","type":"registry:ui","source_url":"https://smoothui.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/checkbox-group.json"},{"name":"chroma-blur-transition","title":"Chroma Blur Transition","description":"Persistent WebGL shader transition wrapper that swaps content under a soft chromatic blur wash.","type":"registry:ui","source_url":"https://smoothui.dev/r/chroma-blur-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/chroma-blur-transition.json"},{"name":"clip-corners-button","title":"Clip Corners Button","description":"A ClipCornersButton component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/clip-corners-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/clip-corners-button.json"},{"name":"code-block","title":"Code Block","description":"A CodeBlock component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/code-block.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"Animated Collapsible primitive for SmoothUI with CSS height panel animation.","type":"registry:ui","source_url":"https://smoothui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"An animated Combobox component for SmoothUI with text filtering, async search, and keyboard navigation.","type":"registry:ui","source_url":"https://smoothui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/combobox.json"},{"name":"command","title":"Command","description":"Command palette for SmoothUI — cmdk list inside SmoothUI Dialog.","type":"registry:ui","source_url":"https://smoothui.dev/r/command.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/command.json"},{"name":"content-skeleton","title":"Content Skeleton","description":"Animated skeleton loading placeholders","type":"registry:ui","source_url":"https://smoothui.dev/r/content-skeleton.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/content-skeleton.json"},{"name":"context-menu","title":"Context Menu","description":"An animated Context Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.","type":"registry:ui","source_url":"https://smoothui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/context-menu.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"A ContributionGraph component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/contribution-graph.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/contribution-graph.json"},{"name":"count-badge","title":"Count Badge","description":"Animated notification badge with count and status variants","type":"registry:ui","source_url":"https://smoothui.dev/r/count-badge.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/count-badge.json"},{"name":"country-picker","title":"Country Picker","description":"A CountryPicker component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/country-picker.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/country-picker.json"},{"name":"coverflow-carousel","title":"Coverflow Carousel","description":"A CoverflowCarousel component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/coverflow-carousel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/coverflow-carousel.json"},{"name":"cursor-follow","title":"Cursor Follow","description":"A CursorFollow component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/cursor-follow.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cursor-follow.json"},{"name":"cursor-image-trail","title":"Cursor Image Trail","description":"A CursorImageTrail component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/cursor-image-trail.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/cursor-image-trail.json"},{"name":"depth-parallax-words","title":"Depth Parallax Words","description":"A DepthParallaxWords text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/depth-parallax-words.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/depth-parallax-words.json"},{"name":"dialog","title":"Dialog","description":"Animated Dialog and AlertDialog components for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dialog.json"},{"name":"digit-roll","title":"Digit Roll","description":"A numeric field with rolling digits, keyboard stepping and horizontal scrub-to-change.","type":"registry:ui","source_url":"https://smoothui.dev/r/digit-roll.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/digit-roll.json"},{"name":"dither-chart","title":"Dither Chart","description":"A DitherChart component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/dither-chart.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dither-chart.json"},{"name":"dither-image","title":"Dither Image","description":"A DitherImage component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/dither-image.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dither-image.json"},{"name":"dock","title":"Dock","description":"A Dock component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/dock.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dock.json"},{"name":"dot-morph-button","title":"Dot Morph Button","description":"A DotMorphButton component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/dot-morph-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dot-morph-button.json"},{"name":"drawer","title":"Drawer","description":"An animated Drawer component for SmoothUI that slides from any side.","type":"registry:ui","source_url":"https://smoothui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/drawer.json"},{"name":"drawing-cursor","title":"Drawing Cursor","description":"A DrawingCursor component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/drawing-cursor.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/drawing-cursor.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"An animated Dropdown Menu component for SmoothUI with spring animations, nested submenus, and keyboard navigation.","type":"registry:ui","source_url":"https://smoothui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dropdown-menu.json"},{"name":"duration-picker","title":"Duration Picker","description":"A DurationPicker component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/duration-picker.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/duration-picker.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A DynamicIsland component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/dynamic-island.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/dynamic-island.json"},{"name":"emboss-surface","title":"Emboss Surface","description":"An EmbossSurface component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/emboss-surface.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/emboss-surface.json"},{"name":"emoji-reaction","title":"Emoji Reaction","description":"A reaction bar with particle bursts, a rolling odometer count, and a hover/focus emoji picker.","type":"registry:ui","source_url":"https://smoothui.dev/r/emoji-reaction.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/emoji-reaction.json"},{"name":"empty","title":"Empty","description":"Empty state layout for SmoothUI — title, description, and optional action.","type":"registry:ui","source_url":"https://smoothui.dev/r/empty.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/empty.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"A ExpandableCards component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/expandable-cards.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/expandable-cards.json"},{"name":"expandable-navbar","title":"Expandable Navbar","description":"An ExpandableNavbar component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/expandable-navbar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/expandable-navbar.json"},{"name":"exposure-slider","title":"Exposure Slider","description":"iOS-style exposure slider with draggable ticker and progress ring","type":"registry:ui","source_url":"https://smoothui.dev/r/exposure-slider.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/exposure-slider.json"},{"name":"fade-through","title":"Fade Through","description":"A FadeThrough text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/fade-through.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/fade-through.json"},{"name":"favicon-search","title":"Favicon Search","description":"A keyboard-driven search field that shows each result's favicon, with a combobox listbox and highlighted matches.","type":"registry:ui","source_url":"https://smoothui.dev/r/favicon-search.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/favicon-search.json"},{"name":"field","title":"Field","description":"Base UI Field compound primitives for SmoothUI — label, description, control, and error.","type":"registry:ui","source_url":"https://smoothui.dev/r/field.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/field.json"},{"name":"figma-comment","title":"Figma Comment","description":"A FigmaComment component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/figma-comment.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/figma-comment.json"},{"name":"file-tree","title":"File Tree","description":"A FileTree component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/file-tree.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/file-tree.json"},{"name":"float-input","title":"Float Input","description":"A FloatInput component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/float-input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/float-input.json"},{"name":"floating-navbar","title":"Floating Navbar","description":"A FloatingNavbar component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/floating-navbar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/floating-navbar.json"},{"name":"fluid-hover-highlight","title":"Fluid Hover Highlight","description":null,"type":"registry:ui","source_url":"https://smoothui.dev/r/fluid-hover-highlight.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/fluid-hover-highlight.json"},{"name":"focus-blur-resolve","title":"Focus Blur Resolve","description":"A FocusBlurResolve text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/focus-blur-resolve.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/focus-blur-resolve.json"},{"name":"folder-reveal","title":"Folder Reveal","description":"A FolderReveal component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/folder-reveal.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/folder-reveal.json"},{"name":"form","title":"Form","description":"A lightweight, composable Form component with animated error messages and full accessibility support.","type":"registry:ui","source_url":"https://smoothui.dev/r/form.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/form.json"},{"name":"github-stars-animation","title":"Github Stars Animation","description":"A GitHubStarsAnimation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/github-stars-animation.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/github-stars-animation.json"},{"name":"glass-card","title":"Glass Card","description":"A GlassCard component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/glass-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/glass-card.json"},{"name":"glow-hover-card","title":"Glow Hover Card","description":"A GlowHoverCards component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/glow-hover-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/glow-hover-card.json"},{"name":"gooey-filter","title":"Gooey Filter","description":"A GooeyFilter component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/gooey-filter.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/gooey-filter.json"},{"name":"gooey-popover","title":"Gooey Popover","description":"A GooeyPopover component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/gooey-popover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/gooey-popover.json"},{"name":"gravity-letters","title":"Gravity Letters","description":"A GravityLetters component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/gravity-letters.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/gravity-letters.json"},{"name":"gravity-stars","title":"Gravity Stars","description":"A GravityStars particle background component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/gravity-stars.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/gravity-stars.json"},{"name":"grid-loader","title":"Grid Loader","description":"3x3 grid-based loading animation with preset patterns","type":"registry:ui","source_url":"https://smoothui.dev/r/grid-loader.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/grid-loader.json"},{"name":"holographic-foil","title":"Holographic Foil","description":"A HolographicFoil component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/holographic-foil.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/holographic-foil.json"},{"name":"hover-expand","title":"Hover Expand","description":"A HoverExpand component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/hover-expand.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/hover-expand.json"},{"name":"hover-image-list","title":"Hover Image List","description":"A HoverImageList component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/hover-image-list.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/hover-image-list.json"},{"name":"image-generation-panel","title":"Image Generation Panel","description":"A text-to-image generation console — prompt and settings up top, a full-width 2x2 batch resolving from low-res mosaic to sharp below.","type":"registry:ui","source_url":"https://smoothui.dev/r/image-generation-panel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/image-generation-panel.json"},{"name":"image-metadata-preview","title":"Image Metadata Preview","description":"A ImageMetadataPreview component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/image-metadata-preview.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/image-metadata-preview.json"},{"name":"infinite-slider","title":"Infinite Slider","description":"A InfiniteSlider component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/infinite-slider.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/infinite-slider.json"},{"name":"inline-testimonials","title":"Inline Testimonials","description":"Testimonial quotes woven into a paragraph that expand inline on hover or focus.","type":"registry:ui","source_url":"https://smoothui.dev/r/inline-testimonials.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/inline-testimonials.json"},{"name":"input","title":"Input","description":"Base UI Input primitive for SmoothUI matching FieldControl styling. Base-only.","type":"registry:ui","source_url":"https://smoothui.dev/r/input.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/input.json"},{"name":"input-group","title":"Input Group","description":"Input Group with leading/trailing addons for SmoothUI form controls.","type":"registry:ui","source_url":"https://smoothui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/input-group.json"},{"name":"interactive-image-selector","title":"Interactive Image Selector","description":"A InteractiveImageSelector component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/interactive-image-selector.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/interactive-image-selector.json"},{"name":"job-listing-component","title":"Job Listing Component","description":"A JobListingComponent component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/job-listing-component.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/job-listing-component.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key hint for SmoothUI — shortcuts and command affordances.","type":"registry:ui","source_url":"https://smoothui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/kbd.json"},{"name":"kinetic-center-build","title":"Kinetic Center Build","description":"A KineticCenterBuild text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/kinetic-center-build.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/kinetic-center-build.json"},{"name":"kinetic-type-scroll","title":"Kinetic Type Scroll","description":"A KineticTypeScroll text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/kinetic-type-scroll.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/kinetic-type-scroll.json"},{"name":"line-by-line-slide","title":"Line By Line Slide","description":"A LineByLineSlide text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/line-by-line-slide.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/line-by-line-slide.json"},{"name":"liquid-metal","title":"Liquid Metal","description":"A LiquidMetal component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/liquid-metal.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/liquid-metal.json"},{"name":"mac-terminal","title":"Mac Terminal","description":"A MacTerminal component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/mac-terminal.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/mac-terminal.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"Button that subtly follows the cursor with magnetic effect","type":"registry:ui","source_url":"https://smoothui.dev/r/magnetic-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/magnetic-button.json"},{"name":"magnetic-field","title":"Magnetic Field","description":"A MagneticField component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/magnetic-field.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/magnetic-field.json"},{"name":"mask-reveal-up","title":"Mask Reveal Up","description":"A MaskRevealUp text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/mask-reveal-up.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/mask-reveal-up.json"},{"name":"menubar","title":"Menubar","description":"Desktop Menubar for SmoothUI with Base UI / Radix twins.","type":"registry:ui","source_url":"https://smoothui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/menubar.json"},{"name":"meter","title":"Meter","description":"Semantic Meter for SmoothUI with Base UI twin and ARIA Radix-parity twin for gauges and capacity.","type":"registry:ui","source_url":"https://smoothui.dev/r/meter.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/meter.json"},{"name":"micro-scale-fade","title":"Micro Scale Fade","description":"A MicroScaleFade text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/micro-scale-fade.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/micro-scale-fade.json"},{"name":"morph-icon","title":"Morph Icon","description":"A MorphIcon component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/morph-icon.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/morph-icon.json"},{"name":"morph-surface","title":"Morph Surface","description":"Feedback dock that morphs from a compact pill into a panel and back, with a spring layout transition.","type":"registry:ui","source_url":"https://smoothui.dev/r/morph-surface.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/morph-surface.json"},{"name":"morph-toggle","title":"Morph Toggle","description":"Animated toggle switch with morph and icon variants","type":"registry:ui","source_url":"https://smoothui.dev/r/morph-toggle.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/morph-toggle.json"},{"name":"motion-loader","title":"Motion Loader","description":"A MotionLoader component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/motion-loader.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/motion-loader.json"},{"name":"music-toggle","title":"Music Toggle","description":"A play/pause control shaped like a spinning record, with a live waveform and seekable progress ring.","type":"registry:ui","source_url":"https://smoothui.dev/r/music-toggle.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/music-toggle.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Site Navigation Menu for SmoothUI with Base UI / Radix twins.","type":"registry:ui","source_url":"https://smoothui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/navigation-menu.json"},{"name":"number-field","title":"Number Field","description":"Number Field for SmoothUI with steppers, Base UI twin and Radix-parity twin.","type":"registry:ui","source_url":"https://smoothui.dev/r/number-field.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/number-field.json"},{"name":"number-flow","title":"Number Flow","description":"A NumberFlow component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/number-flow.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/number-flow.json"},{"name":"orb","title":"Orb","description":"An Orb component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/orb.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/orb.json"},{"name":"orbital-image-wheel","title":"Orbital Image Wheel","description":"An OrbitalImageWheel component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/orbital-image-wheel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/orbital-image-wheel.json"},{"name":"organic-merge-transition","title":"Organic Merge Transition","description":"A soft-min SDF merge transition with two organic expanding shapes.","type":"registry:ui","source_url":"https://smoothui.dev/r/organic-merge-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/organic-merge-transition.json"},{"name":"otp-field","title":"Otp Field","description":"OTP Field for SmoothUI with Base UI twin and Radix-parity twin for one-time codes.","type":"registry:ui","source_url":"https://smoothui.dev/r/otp-field.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/otp-field.json"},{"name":"otp-slots","title":"Otp Slots","description":"A OtpSlots component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/otp-slots.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/otp-slots.json"},{"name":"page-preloader","title":"Page Preloader","description":"A page-preloader curtain that plays once and then uncovers the page.","type":"registry:ui","source_url":"https://smoothui.dev/r/page-preloader.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/page-preloader.json"},{"name":"pagination","title":"Pagination","description":"Animated pagination with spring-based active page indicator","type":"registry:ui","source_url":"https://smoothui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pagination.json"},{"name":"parallax-layers","title":"Parallax Layers","description":"Multi-layer depth parallax for hero sections, with optional pointer-driven parallax.","type":"registry:ui","source_url":"https://smoothui.dev/r/parallax-layers.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/parallax-layers.json"},{"name":"per-character-rise","title":"Per Character Rise","description":"A PerCharacterRise text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/per-character-rise.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/per-character-rise.json"},{"name":"per-word-crossfade","title":"Per Word Crossfade","description":"A PerWordCrossfade text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/per-word-crossfade.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/per-word-crossfade.json"},{"name":"perspective-text-3d","title":"Perspective Text 3d","description":"A PerspectiveText3D text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/perspective-text-3d.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/perspective-text-3d.json"},{"name":"photo-stack","title":"Photo Stack","description":"A PhotoStack component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/photo-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/photo-stack.json"},{"name":"phototab","title":"Phototab","description":"A Phototab component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/phototab.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/phototab.json"},{"name":"pinned-list","title":"Pinned List","description":"A list where selected items pin to the top and animate out of the flow into a pinned section.","type":"registry:ui","source_url":"https://smoothui.dev/r/pinned-list.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pinned-list.json"},{"name":"pixel-brush-canvas","title":"Pixel Brush Canvas","description":"A PixelBrushCanvas component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/pixel-brush-canvas.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pixel-brush-canvas.json"},{"name":"pixel-flow-field","title":"Pixel Flow Field","description":"A PixelFlowField background component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/pixel-flow-field.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/pixel-flow-field.json"},{"name":"popover","title":"Popover","description":"Animated Popover component for SmoothUI with Base UI / Radix twins and Motion enter animations.","type":"registry:ui","source_url":"https://smoothui.dev/r/popover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/popover.json"},{"name":"power-off-slide","title":"Power Off Slide","description":"A PowerOffSlide component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/power-off-slide.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/power-off-slide.json"},{"name":"preview-card","title":"Preview Card","description":"Hover preview card for SmoothUI with Base UI / Radix HoverCard twins and Motion overlay.","type":"registry:ui","source_url":"https://smoothui.dev/r/preview-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/preview-card.json"},{"name":"price-flow","title":"Price Flow","description":"A PriceFlow component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/price-flow.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/price-flow.json"},{"name":"prism-sweep-transition","title":"Prism Sweep Transition","description":"A persistent WebGL prism sweep transition wrapper for route and state changes.","type":"registry:ui","source_url":"https://smoothui.dev/r/prism-sweep-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/prism-sweep-transition.json"},{"name":"product-card","title":"Product Card","description":"Animated product card component for ecommerce","type":"registry:ui","source_url":"https://smoothui.dev/r/product-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/product-card.json"},{"name":"progress","title":"Progress","description":"Animated Progress for SmoothUI with Base UI / Radix twins, determinate and indeterminate states.","type":"registry:ui","source_url":"https://smoothui.dev/r/progress.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/progress.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"A ProgressiveBlur component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/progressive-blur.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/progressive-blur.json"},{"name":"radial-circles-transition","title":"Radial Circles Transition","description":"A radial SDF circle pattern transition inspired by the Codrops radial circles step.","type":"registry:ui","source_url":"https://smoothui.dev/r/radial-circles-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/radial-circles-transition.json"},{"name":"radio-group","title":"Radio Group","description":"An animated Radio Group component for SmoothUI with selection indicator spring animation.","type":"registry:ui","source_url":"https://smoothui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/radio-group.json"},{"name":"ransom-note","title":"Ransom Note","description":"A RansomNote component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/ransom-note.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/ransom-note.json"},{"name":"reveal-text","title":"Reveal Text","description":"A RevealText component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/reveal-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/reveal-text.json"},{"name":"reviews-carousel","title":"Reviews Carousel","description":"A ReviewsCarousel component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/reviews-carousel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/reviews-carousel.json"},{"name":"rich-popover","title":"Rich Popover","description":"A RichPopover component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/rich-popover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/rich-popover.json"},{"name":"rolling-text","title":"Rolling Text","description":"A RollingText text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/rolling-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/rolling-text.json"},{"name":"scale-down-fade","title":"Scale Down Fade","description":"A ScaleDownFade text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/scale-down-fade.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scale-down-fade.json"},{"name":"scramble-hover","title":"Scramble Hover","description":"A ScrambleHover component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/scramble-hover.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scramble-hover.json"},{"name":"scroll-area","title":"Scroll Area","description":"Styled Scroll Area for SmoothUI with Base UI / Radix twins and custom scrollbars.","type":"registry:ui","source_url":"https://smoothui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scroll-area.json"},{"name":"scroll-image-reveal","title":"Scroll Image Reveal","description":"An image revealed by an animated mask as it scrolls into view, with a counter-parallax on the image.","type":"registry:ui","source_url":"https://smoothui.dev/r/scroll-image-reveal.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scroll-image-reveal.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"A reading-progress indicator with bar, ring, number and segmented variants.","type":"registry:ui","source_url":"https://smoothui.dev/r/scroll-progress.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scroll-progress.json"},{"name":"scroll-reveal-paragraph","title":"Scroll Reveal Paragraph","description":"A ScrollRevealParagraph component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/scroll-reveal-paragraph.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scroll-reveal-paragraph.json"},{"name":"scrollable-card-stack","title":"Scrollable Card Stack","description":"A ScrollableCardStack component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/scrollable-card-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scrollable-card-stack.json"},{"name":"scrubber","title":"Scrubber","description":"Design-tool style scrubber slider with animated thumb and built-in label","type":"registry:ui","source_url":"https://smoothui.dev/r/scrubber.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/scrubber.json"},{"name":"sdf-blob-transition","title":"Sdf Blob Transition","description":"A persistent WebGL SDF blob transition wrapper for route and state changes.","type":"registry:ui","source_url":"https://smoothui.dev/r/sdf-blob-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/sdf-blob-transition.json"},{"name":"sdf-circle-transition","title":"Sdf Circle Transition","description":"A clean SDF circle reveal based on the first Codrops shader step.","type":"registry:ui","source_url":"https://smoothui.dev/r/sdf-circle-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/sdf-circle-transition.json"},{"name":"select","title":"Select","description":"An animated Select dropdown component for SmoothUI wrapping Radix Select with smooth animations.","type":"registry:ui","source_url":"https://smoothui.dev/r/select.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Thin Separator for SmoothUI with Base UI / Radix twins, horizontal and vertical.","type":"registry:ui","source_url":"https://smoothui.dev/r/separator.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/separator.json"},{"name":"shader-reveal-circle-transition","title":"Shader Reveal Circle Transition","description":"Demo 3 adaptation: noisy circular reveal with radial interpolation.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-circle-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-circle-transition.json"},{"name":"shader-reveal-luma-transition","title":"Shader Reveal Luma Transition","description":"Demo 5 adaptation: luminance-style vertical displacement translated into a shader overlay.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-luma-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-luma-transition.json"},{"name":"shader-reveal-noise-transition","title":"Shader Reveal Noise Transition","description":"Demo 1 adaptation: 4D-noise threshold transition with an organic shader gate.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-noise-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-noise-transition.json"},{"name":"shader-reveal-planetary-transition","title":"Shader Reveal Planetary Transition","description":"Demo 6 adaptation: rotated displacement vectors with a planetary swirl feel.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-planetary-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-planetary-transition.json"},{"name":"shader-reveal-push-transition","title":"Shader Reveal Push Transition","description":"Demo 8 adaptation: procedural noise push/pull displacement.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-push-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-push-transition.json"},{"name":"shader-reveal-stripes-transition","title":"Shader Reveal Stripes Transition","description":"Demo 7 adaptation: divided UV stripe displacement with diagonal motion.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-stripes-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-stripes-transition.json"},{"name":"shader-reveal-transition","title":"Shader Reveal Transition","description":"A shared WebGL transition engine with eight shader-driven reveal variants.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-transition.json"},{"name":"shader-reveal-wipe-transition","title":"Shader Reveal Wipe Transition","description":"Demo 4 adaptation: displacement-noise horizontal wipe with a sharp eased edge.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-wipe-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-wipe-transition.json"},{"name":"shader-reveal-zoom-transition","title":"Shader Reveal Zoom Transition","description":"Demo 2 adaptation: vertical-progress zoom mix translated into a UI frame transition.","type":"registry:ui","source_url":"https://smoothui.dev/r/shader-reveal-zoom-transition.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shader-reveal-zoom-transition.json"},{"name":"shared-axis-x","title":"Shared Axis X","description":"A SharedAxisX text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/shared-axis-x.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared-axis-x.json"},{"name":"shared-axis-y","title":"Shared Axis Y","description":"A SharedAxisY text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/shared-axis-y.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared-axis-y.json"},{"name":"shared-axis-z","title":"Shared Axis Z","description":"A SharedAxisZ text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/shared-axis-z.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shared-axis-z.json"},{"name":"shimmer-sweep","title":"Shimmer Sweep","description":"A ShimmerSweep text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/shimmer-sweep.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shimmer-sweep.json"},{"name":"shine-text","title":"Shine Text","description":"A ShineText light-sweep text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/shine-text.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/shine-text.json"},{"name":"short-slide-down","title":"Short Slide Down","description":"A ShortSlideDown text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/short-slide-down.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/short-slide-down.json"},{"name":"short-slide-right","title":"Short Slide Right","description":"A ShortSlideRight text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/short-slide-right.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/short-slide-right.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible app sidebar shell for SmoothUI with provider and menu parts.","type":"registry:ui","source_url":"https://smoothui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/sidebar.json"},{"name":"siri-orb","title":"Siri Orb","description":"A beautiful animated orb component inspired by Siri's visual design.","type":"registry:ui","source_url":"https://smoothui.dev/r/siri-orb.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/siri-orb.json"},{"name":"skeleton","title":"Skeleton","description":"Skeleton loading placeholders for SmoothUI with optional shimmer.","type":"registry:ui","source_url":"https://smoothui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Animated Slider primitive for SmoothUI with spring thumb press feedback.","type":"registry:ui","source_url":"https://smoothui.dev/r/slider.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/slider.json"},{"name":"smooth-button","title":"Smooth Button","description":"A polished button component with gradient variants and press animation","type":"registry:ui","source_url":"https://smoothui.dev/r/smooth-button.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/smooth-button.json"},{"name":"social-hover-card","title":"Social Hover Card","description":"A profile hover card: avatar/handle trigger that expands into a preview with stats, bio and a follow action.","type":"registry:ui","source_url":"https://smoothui.dev/r/social-hover-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/social-hover-card.json"},{"name":"social-selector","title":"Social Selector","description":"A SocialSelector component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/social-selector.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/social-selector.json"},{"name":"soft-blur-in","title":"Soft Blur In","description":"A SoftBlurIn text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/soft-blur-in.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/soft-blur-in.json"},{"name":"spinner","title":"Spinner","description":"Accessible loading Spinner for SmoothUI with Motion and reduced-motion support.","type":"registry:ui","source_url":"https://smoothui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/spinner.json"},{"name":"spring-scale-in","title":"Spring Scale In","description":"A SpringScaleIn text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/spring-scale-in.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/spring-scale-in.json"},{"name":"squircle","title":"Squircle","description":"A Squircle component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/squircle.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/squircle.json"},{"name":"stagger-from-center","title":"Stagger From Center","description":"A StaggerFromCenter text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/stagger-from-center.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stagger-from-center.json"},{"name":"stagger-from-edges","title":"Stagger From Edges","description":"A StaggerFromEdges text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/stagger-from-edges.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/stagger-from-edges.json"},{"name":"svg-clip-mask","title":"Svg Clip Mask","description":"Reveals any children through a custom SVG shape mask that can morph on a loop, on scroll, or on hover.","type":"registry:ui","source_url":"https://smoothui.dev/r/svg-clip-mask.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/svg-clip-mask.json"},{"name":"svg-draw-on-scroll","title":"Svg Draw On Scroll","description":"An SVG path that draws itself as you scroll, optionally with a marker riding the tip.","type":"registry:ui","source_url":"https://smoothui.dev/r/svg-draw-on-scroll.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/svg-draw-on-scroll.json"},{"name":"swap-panel","title":"Swap Panel","description":"A SwapPanel component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/swap-panel.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/swap-panel.json"},{"name":"switch","title":"Switch","description":"An animated Switch component for SmoothUI with a spring thumb toggle.","type":"registry:ui","source_url":"https://smoothui.dev/r/switch.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/switch.json"},{"name":"switchboard-card","title":"Switchboard Card","description":"A SwitchboardCard component with light grid illustration for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/switchboard-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/switchboard-card.json"},{"name":"tabs","title":"Tabs","description":"Animated Tabs primitive for SmoothUI with Base Indicator and underline/pill/segment variants.","type":"registry:ui","source_url":"https://smoothui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/tabs.json"},{"name":"text-morph","title":"Text Morph","description":"A TextMorph text animation component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/text-morph.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/text-morph.json"},{"name":"textarea","title":"Textarea","description":"Multi-line Textarea for SmoothUI matching Input / FieldControl styling. Base-only.","type":"registry:ui","source_url":"https://smoothui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/textarea.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"A light/dark/system theme switch with sun-moon, pill, switch and orb visual treatments.","type":"registry:ui","source_url":"https://smoothui.dev/r/theme-toggle.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/theme-toggle.json"},{"name":"tilt-card","title":"Tilt Card","description":"A TiltCard component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/tilt-card.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/tilt-card.json"},{"name":"time-machine-stack","title":"Time Machine Stack","description":"A TimeMachineStack component for SmoothUI.","type":"registry:ui","source_url":"https://smoothui.dev/r/time-machine-stack.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/time-machine-stack.json"},{"name":"toast","title":"Toast","description":"Toast notifications for SmoothUI built on Base UI Toast manager with Motion polish. Base-only.","type":"registry:ui","source_url":"https://smoothui.dev/r/toast.json","install_command":"npx shadcn@latest add https://smoothui.dev/r/toast.json"}]},{"id":"snapcn","name":"@snapcn","slug":"snapcn","description":"Remotion video components for React: animation and motion graphics for product demo videos. Text reveals, karaoke captions, device mockups, logo stings and full scenes, owned as source.","author":"shadcn-labs","framework":"react","license":"MIT","tags":["ai","animation","blocks","buttons","cards","charts","e-commerce","forms","glassmorphism","icons","media","pro-available","retro","text-effects"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://snapcn.dev","github":"https://github.com/shadcn-labs/snapcn","registry":"https://snapcn.dev/r/registry.json","source":"https://snapcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/snapcn","markdown":"https://sh4dcn.netlify.app/md/snapcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 464 409' fill='currentColor' role='img' aria-label='snapcn'> <g transform='translate(0,409) scale(0.1,-0.1)'> <path d='M589 3805 c-167 -41 -305 -149 -380 -297 -60 -120 -59 -84 -59 -1239 0 -1004 1 -1059 19 -1112 48 -147 148 -226 331 -262 100 -20 127 -33 186 -87 53 -49 74 -109 74 -212 1 -121 42 -196 133 -244 l52 -27 980 -3 c883 -3 986 -1 1042 13 75 21 133 67 171 139 l27 51 3 315 c2 173 2 342 0 374 l-3 60 -31 -50 c-36 -59 -101 -115 -170 -146 l-49 -23 -810 -3 c-591 -2 -825 0 -865 8 -128 28 -258 121 -325 234 -65 110 -66 128 -63 826 l3 625 24 58 c44 111 147 210 270 259 l56 23 830 3 c809 2 831 2 895 -18 80 -25 149 -74 198 -142 l37 -52 3 334 c3 367 -3 418 -56 494 -30 44 -98 91 -152 106 -22 6 -457 10 -1175 9 -923 -1 -1151 -3 -1196 -14z M3800 2983 c-327 -196 -598 -361 -602 -367 -4 -6 -7 -254 -5 -550 l2 -540 145 -91 c80 -50 208 -130 285 -177 77 -47 283 -174 457 -282 174 -108 326 -196 337 -196 11 0 27 7 35 16 14 14 16 141 16 1254 0 781 -4 1248 -10 1264 -7 20 -16 26 -37 26 -18 -1 -232 -123 -623 -357z'/> </g> </svg>","preview_image":"https://snapcn.dev/og?v=2","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://snapcn.dev/docs/pricing"},"metrics":{"github_stars":519,"open_issues":0,"last_commit":"2026-10-26T12:21:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://snapcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://snapcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://snapcn.dev/r/registry.json","clone":"git clone https://github.com/shadcn-labs/snapcn.git","clone_degit":"npx degit shadcn-labs/snapcn","registry_fetch":"curl -s https://snapcn.dev/r/registry.json"},"component_count":108,"components":[{"name":"answer-highlight","title":"Answer Highlight","description":"AI answer highlight animation, ChatGPT-style chat response with a text selection. A question in a pill, an answer that writes itself a word at a time, and then…","type":"registry:component","source_url":"https://snapcn.dev/r/answer-highlight.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/answer-highlight.json"},{"name":"agent-steps","title":"Agent Steps","description":"AI agent steps animation: a streaming task log with spinner and checkmarks for agent demos. An agent narrating its own work: the prompt lands in a pill, and un…","type":"registry:component","source_url":"https://snapcn.dev/r/agent-steps.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-steps.json"},{"name":"announce-title","title":"Announce Title","description":"Launch title animation, product announcement intro with kinetic typography. A four-shot launch title: the eyebrow rushes past the camera on a receding type pla…","type":"registry:component","source_url":"https://snapcn.dev/r/announce-title.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/announce-title.json"},{"name":"answer-stream","title":"Answer Stream","description":"Streaming AI response animation, from the send button to the answer typing in. The beat after send: a macro shot on the button that cuts — hard, on its fastest…","type":"registry:component","source_url":"https://snapcn.dev/r/answer-stream.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/answer-stream.json"},{"name":"text-reveal","title":"Text Reveal","description":"Text reveal animation: word-by-word and letter-by-letter kinetic typography with blur-in, fade, slide, scale and tracking-in presets. One staggered enter/exit …","type":"registry:component","source_url":"https://snapcn.dev/r/text-reveal.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-reveal.json"},{"name":"text-highlight","title":"Text Highlight","description":"Text highlight animation: marker highlighter, underline, strikethrough and shimmer on a word. Animated emphasis on one span inside a static sentence — marker s…","type":"registry:component","source_url":"https://snapcn.dev/r/text-highlight.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-highlight.json"},{"name":"text-rewrite","title":"Text Rewrite","description":"Text rewrite animation, a typewriter line that deletes and retypes its ending. A line that writes itself a word at a time, comes forward and gets selected — th…","type":"registry:component","source_url":"https://snapcn.dev/r/text-rewrite.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-rewrite.json"},{"name":"text-select","title":"Text Select","description":"Typewriter with text selection: a line types word by word, then gets highlighted. A line that writes itself a word at a time — each one arriving in the accent …","type":"registry:component","source_url":"https://snapcn.dev/r/text-select.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-select.json"},{"name":"text-swap","title":"Text Swap","description":"Text swap animation, rotating headline that replaces one line with another. Replaces one line of text with another using exit-then-enter scheduling, with five …","type":"registry:component","source_url":"https://snapcn.dev/r/text-swap.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-swap.json"},{"name":"text-swell","title":"Text Swell","description":"Kinetic typography title with a bouncing letter wave. A title reveal where the lead word floats toward the viewer and hangs there while the sentence assembles …","type":"registry:component","source_url":"https://snapcn.dev/r/text-swell.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-swell.json"},{"name":"text-build","title":"Text Build","description":"Word-by-word text build animation that keeps the line centred. Words enter one at a time while already-placed words physically reflow to stay centered — a grow…","type":"registry:component","source_url":"https://snapcn.dev/r/text-build.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/text-build.json"},{"name":"word-flip","title":"Word Flip","description":"Word flip text rotator: a typewriter headline with a 3D rotating word. A headline types itself out, then one word cycles on a 3D flip — it sinks into an antici…","type":"registry:component","source_url":"https://snapcn.dev/r/word-flip.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-flip.json"},{"name":"word-captions","title":"Word Captions","description":"TikTok-style captions: animated subtitles with word pop, Hormozi and MrBeast styles for Reels and Shorts. Burned-in captions in the styles big channels actuall…","type":"registry:component","source_url":"https://snapcn.dev/r/word-captions.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-captions.json"},{"name":"karaoke-captions","title":"Karaoke Captions","description":"Karaoke captions: word-by-word highlighted subtitles synced to speech. A caption line that fills word by word as it is spoken — heavy outlined type that reads …","type":"registry:component","source_url":"https://snapcn.dev/r/karaoke-captions.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/karaoke-captions.json"},{"name":"logo-drift","title":"Logo Drift","description":"Logo wall animation: a logo cloud of integrations drifting behind a headline. A field of tiles drifting past a headline while the camera pulls steadily back, s…","type":"registry:component","source_url":"https://snapcn.dev/r/logo-drift.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/logo-drift.json"},{"name":"logo-assemble","title":"Logo Assemble","description":"Logo reveal animation: image cards orbit and collapse into your logo and brand name. A single ring of image cards revolves around a centred title, then spins i…","type":"registry:component","source_url":"https://snapcn.dev/r/logo-assemble.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/logo-assemble.json"},{"name":"logo-flicker","title":"Logo Flicker","description":"Logo reveal intro: a fast image flicker that settles on your logo. Images flip across a central card very fast, the flicker decelerates and fades, and the logo…","type":"registry:component","source_url":"https://snapcn.dev/r/logo-flicker.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/logo-flicker.json"},{"name":"block-wordmark","title":"Block Wordmark","description":"Logo sting and wordmark animation: blocks build into your brand name. A wordmark builds out of solid blocks — a square scales in, a coloured deck fans out arou…","type":"registry:component","source_url":"https://snapcn.dev/r/block-wordmark.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/block-wordmark.json"},{"name":"phone-frame","title":"Phone Frame","description":"iPhone mockup animation: phone device frame for app screenshots and screen recordings. iPhone-style device frame with a dynamic island and a screen slot — flat…","type":"registry:component","source_url":"https://snapcn.dev/r/phone-frame.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/phone-frame.json"},{"name":"laptop-frame","title":"Laptop Frame","description":"MacBook laptop mockup animation that opens and zooms into your screenshot or video. MacBook-style laptop that opens, runs a dynamic-island notch notification, …","type":"registry:component","source_url":"https://snapcn.dev/r/laptop-frame.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/laptop-frame.json"},{"name":"terminal-simulator","title":"Terminal Simulator","description":"Terminal animation: CLI demo that types commands and prints output. Terminal window with chunked command playback, freeze-frame pauses, step scrolling, and an …","type":"registry:component","source_url":"https://snapcn.dev/r/terminal-simulator.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/terminal-simulator.json"},{"name":"screen-recording","title":"Screen Recording","description":"Screen recording zoom: crop and auto-zoom a product demo capture. The treatment that turns a raw screen capture into a shot: crop the browser and OS chrome off…","type":"registry:component","source_url":"https://snapcn.dev/r/screen-recording.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/screen-recording.json"},{"name":"count-grid","title":"Count Grid","description":"Number count-up grid: cards multiply and a counter jumps, the it-scales stat shot. A grid of cards rushes in under a horizontal smear, settles on five and a la…","type":"registry:component","source_url":"https://snapcn.dev/r/count-grid.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/count-grid.json"},{"name":"roster-grant","title":"Roster Grant","description":"Access granted animation: a cursor clicks a CTA and team avatars switch on. Three rows of roster cards stream past a call to action, a pointer walks in and cli…","type":"registry:component","source_url":"https://snapcn.dev/r/roster-grant.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/roster-grant.json"},{"name":"wordmark-cut","title":"Wordmark Cut","description":"Wordmark reveal end card: a huge brand name with a hard cut to a close-up. A wordmark twice the width of the frame, cooling from a lit gradient to ink while it…","type":"registry:component","source_url":"https://snapcn.dev/r/wordmark-cut.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/wordmark-cut.json"},{"name":"cursor-track","title":"Cursor Track","description":"Cursor click animation: a mouse pointer that moves and clicks over any UI. A synthetic cursor that walks a path of normalized waypoints over any children and p…","type":"registry:component","source_url":"https://snapcn.dev/r/cursor-track.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/cursor-track.json"},{"name":"pulsing-border","title":"Pulsing Border","description":"AI glow border: a pulsing thinking frame around the screen. Glowing 'AI is working' frame — a soft pulsing border overlay that breathes around the scene edges …","type":"registry:component","source_url":"https://snapcn.dev/r/pulsing-border.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/pulsing-border.json"},{"name":"follower-rush","title":"Follower Rush","description":"Follower count animation: X/Twitter follower notification with a count-up and avatar wave, for social proof. An X-style follower notification that piles up — a…","type":"registry:component","source_url":"https://snapcn.dev/r/follower-rush.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/follower-rush.json"},{"name":"prompt-send","title":"Prompt Send","description":"AI prompt typing animation: a chat input types a prompt and a cursor clicks send. A composer that unrolls from a hairline, writes a brief into itself while the…","type":"registry:component","source_url":"https://snapcn.dev/r/prompt-send.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/prompt-send.json"},{"name":"prompt-zoom","title":"Prompt Zoom","description":"AI prompt zoom: an assistant home screen that cuts into the chat input as the prompt types. An assistant landing screen that offers its suggestions, then cuts …","type":"registry:component","source_url":"https://snapcn.dev/r/prompt-zoom.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/prompt-zoom.json"},{"name":"punch-lines","title":"Punch Lines","description":"Kinetic typography title cards: bold statements that cut hard between beats. A run of full-frame title cards that cut hard between beats. A statement card is f…","type":"registry:component","source_url":"https://snapcn.dev/r/punch-lines.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/punch-lines.json"},{"name":"orbit-gallery","title":"Orbit Gallery","description":"Image gallery intro: photos spiral into the centre around a title. An image-universe hero: a continuous stream of photos flows along an Archimedean spiral (a v…","type":"registry:component","source_url":"https://snapcn.dev/r/orbit-gallery.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/orbit-gallery.json"},{"name":"hero-launch","title":"Product Hero","description":"Product launch hero scene for a SaaS launch video intro. Cinematic product-launch hero — two cards slide into formation as the headline reveals above.","type":"registry:component","source_url":"https://snapcn.dev/r/hero-launch.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/hero-launch.json"},{"name":"moodboard-reveal","title":"Moodboard Reveal","description":"Photo gallery reveal: a moodboard fly-through that lands on a hero image. A kinetic headline with a swapping inline image, then a scattered gallery of photos f…","type":"registry:component","source_url":"https://snapcn.dev/r/moodboard-reveal.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/moodboard-reveal.json"},{"name":"reel-collage","title":"Reel Collage","description":"Photo reel that shuts into a collage. A picture cuts through a quick reel between two captions and slowly zooms, then shuts like an eyelid while the captions f…","type":"registry:component","source_url":"https://snapcn.dev/r/reel-collage.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/reel-collage.json"},{"name":"reel-wall","title":"Reel Wall","description":"Curved video wall for Remotion. A ring of vertical clips turns past in the dark: it eases in from rest on twos, then keeps turning at an even speed. The ring, …","type":"registry:component","source_url":"https://snapcn.dev/r/reel-wall.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/reel-wall.json"},{"name":"phone-stack","title":"Phone Stack","description":"Stacked phone screens with video. Phone screens rise out of a blur from below one after another, and each new one pushes the stack back: the older screens shri…","type":"registry:component","source_url":"https://snapcn.dev/r/phone-stack.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/phone-stack.json"},{"name":"dot-bloom","title":"Dot Bloom","description":"Halftone dot transition. White dots spark over the outgoing shot while it washes out to cream, then the cream breaks into warm coral, peach and blush dots in d…","type":"registry:component","source_url":"https://snapcn.dev/r/dot-bloom.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/dot-bloom.json"},{"name":"portal-intro","title":"Portal Intro","description":"Sentence-to-picture intro. The lead words fade up one at a time, the line re-sets with a small rounded picture chip inside it and leans in until the chip takes…","type":"registry:component","source_url":"https://snapcn.dev/r/portal-intro.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/portal-intro.json"},{"name":"search-typing","title":"Search Typing","description":"Search bar typing animation for AI search and command palette demos. A search field wider than the shot: two thirds in frame, then it comes forward, types acro…","type":"registry:component","source_url":"https://snapcn.dev/r/search-typing.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/search-typing.json"},{"name":"status-cycle","title":"Status Cycle","description":"Status badge animation: a pill whose label cycles through states. A centred line whose status pill cycles: the label rolls up behind a hard clip while the pill…","type":"registry:component","source_url":"https://snapcn.dev/r/status-cycle.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/status-cycle.json"},{"name":"type-morph","title":"Type Morph","description":"Typewriter effect: a headline types with a blinking caret, then morphs letter by letter. A headline that types itself under a glowing caret, sheds its lead, mo…","type":"registry:component","source_url":"https://snapcn.dev/r/type-morph.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/type-morph.json"},{"name":"orb-swarm","title":"Orb Swarm","description":"Kinetic typography scene with glass orbs: a sentence told one beat at a time while four orbs burst out of it, split into eight and sixteen, wind into a clockwi…","type":"registry:component","source_url":"https://snapcn.dev/r/orb-swarm.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/orb-swarm.json"},{"name":"word-gather","title":"Word Gather","description":"Word-by-word sentence animation: words fly in out of order and settle into the line. A sentence that arrives one word at a time, out of order, and gathers. The…","type":"registry:component","source_url":"https://snapcn.dev/r/word-gather.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-gather.json"},{"name":"word-wheel","title":"Word Wheel","description":"Rotating words text: a slot machine word wheel that spins and stops on one word. A column of words that spins like a reel and stops on one of them. A fixed lea…","type":"registry:component","source_url":"https://snapcn.dev/r/word-wheel.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-wheel.json"},{"name":"check-cycle","title":"Check Cycle","description":"Rotating words beside a checkbox: a sentence that finishes itself several ways. \"Create your own\" sits left of a ticked shadcn-style checkbox and the word to i…","type":"registry:component","source_url":"https://snapcn.dev/r/check-cycle.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/check-cycle.json"},{"name":"font-shuffle","title":"Font Shuffle","description":"Launch title animation: the line decodes out of scrambled glyphs set in the wrong typeface, flashes the accent, settles to ink, then the product name cycles th…","type":"registry:component","source_url":"https://snapcn.dev/r/font-shuffle.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/font-shuffle.json"},{"name":"button-press","title":"Button Press","description":"Cursor clicks a button: a cursor walks onto a split action button (label, divider, chevron), it darkens on hover, gives on press, spins while pending and lands…","type":"registry:component","source_url":"https://snapcn.dev/r/button-press.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/button-press.json"},{"name":"click-type","title":"Click Type","description":"Click to type: a prompt composer (Prompt Send's glass panel, writing surface and round send button) whose placeholder writes itself while a cursor flies in fro…","type":"registry:component","source_url":"https://snapcn.dev/r/click-type.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/click-type.json"},{"name":"capture-reveal","title":"Capture Reveal","description":"Screenshot capture animation: a toast counts \"Capturing selection…\" up to 100% over a browser window, the window drops away and shrinks, the toast pops to \"Cop…","type":"registry:component","source_url":"https://snapcn.dev/r/capture-reveal.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/capture-reveal.json"},{"name":"channel-thread","title":"Channel Thread","description":"Slack-style chat animation: team messages arrive with typing dots. A work chat filling itself in, the way the channel actually reads: an avatar, a name in bold…","type":"registry:component","source_url":"https://snapcn.dev/r/channel-thread.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/channel-thread.json"},{"name":"logo-collapse","title":"Logo Collapse","description":"Logo reveal intro: a stack of photos flicks through and collapses into your logo. A stack of shots flicked through, collapsing into your mark, and the wordmark…","type":"registry:component","source_url":"https://snapcn.dev/r/logo-collapse.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/logo-collapse.json"},{"name":"card-rail","title":"Card Rail","description":"Card carousel animation: cards flicked sideways on a tilted 3D plane. A rail of cards flicked sideways across a tilted plane. The cards do not crawl past on a …","type":"registry:component","source_url":"https://snapcn.dev/r/card-rail.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/card-rail.json"},{"name":"snap-cn-ui","title":"snapcn UI Core","description":"Shared timeline-fold hook, theme context, and color math for snapcn UI primitives.","type":"registry:lib","source_url":"https://snapcn.dev/r/snap-cn-ui.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/snap-cn-ui.json"},{"name":"caret","title":"UI Caret","description":"A blinking text caret — a controlled vertical bar, or a pure motion atom that blinks deterministically from useCurrentFrame.","type":"registry:component","source_url":"https://snapcn.dev/r/caret.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/caret.json"},{"name":"input","title":"UI Input","description":"A text input whose idle/hover/active/typing/invalid state is a pure function of the timeline; the focus ring, border, caret, and value reveal are keyframed pre…","type":"registry:component","source_url":"https://snapcn.dev/r/input.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/input.json"},{"name":"picker-commit","title":"Picker Commit","description":"iOS picker wheel animation that spins, settles and commits to a button. A picker wheel that flings, settles on one row, and commits it into a button. A cylinde…","type":"registry:component","source_url":"https://snapcn.dev/r/picker-commit.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/picker-commit.json"},{"name":"manifesto","title":"Manifesto","description":"Kinetic typography statements: three text reveals with hard cuts, for manifesto and promo videos. Three statements, three different arrivals, hard cuts between…","type":"registry:component","source_url":"https://snapcn.dev/r/manifesto.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/manifesto.json"},{"name":"read-through","title":"Read Through","description":"Word-by-word reading text animation: a huge sentence panned one word at a time. A sentence set enormous and read a word at a time. Three lines pan left togethe…","type":"registry:component","source_url":"https://snapcn.dev/r/read-through.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/read-through.json"},{"name":"word-settle","title":"Word Settle","description":"Word-by-word text animation: words arrive in the accent colour and cool as they land. A sentence that arrives a word at a time, hot, and cools as it lands. Two…","type":"registry:component","source_url":"https://snapcn.dev/r/word-settle.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-settle.json"},{"name":"chat-thread","title":"Chat Thread","description":"iMessage-style chat animation: message bubbles sending one by one. A chat thread sending itself — the moment a demo video actually gets shared. Bubbles arrive …","type":"registry:component","source_url":"https://snapcn.dev/r/chat-thread.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/chat-thread.json"},{"name":"lcd-type","title":"LCD Type","description":"Pixel screen typography: LCD-style typewriter text on a display. A type specimen on a screen you can see the pixels of. A title accelerates up and out of frame…","type":"registry:component","source_url":"https://snapcn.dev/r/lcd-type.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/lcd-type.json"},{"name":"say-it","title":"Say It","description":"Text to button animation: a word scrambles into a UI control that gets pressed. A word that comes apart, leaves a control behind, and gets pressed. One line of…","type":"registry:component","source_url":"https://snapcn.dev/r/say-it.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/say-it.json"},{"name":"scatter-bloom","title":"Scatter Bloom","description":"Scatter plot chart animation: data points blooming onto a 3D plane, for data visualization. A scatter plot that blooms onto a tilted plane while the camera dri…","type":"registry:component","source_url":"https://snapcn.dev/r/scatter-bloom.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/scatter-bloom.json"},{"name":"sentence-set","title":"Sentence Set","description":"Word-by-word text reveal: a sentence setting itself as each word darkens into place. A sentence setting itself, a word at a time. Each word arrives grey and a …","type":"registry:component","source_url":"https://snapcn.dev/r/sentence-set.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/sentence-set.json"},{"name":"showcase-drift","title":"Showcase Drift","description":"Showcase wall animation: a scatter of work sliding in behind a headline. A wall of work sliding to a stop behind a headline. The whole scatter arrives from the…","type":"registry:component","source_url":"https://snapcn.dev/r/showcase-drift.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/showcase-drift.json"},{"name":"agent-run","title":"Agent Run","description":"AI agent run animation: a prompt sent and answered with visible tool steps. A prompt typed, sent, and answered by an agent that shows its work. A composer open…","type":"registry:component","source_url":"https://snapcn.dev/r/agent-run.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-run.json"},{"name":"agent-compose","title":"Agent Compose","description":"AI chat input animation: a composer builds itself, types a prompt and sends it. An agent's composer building itself around one chip, then sending a request. A …","type":"registry:component","source_url":"https://snapcn.dev/r/agent-compose.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-compose.json"},{"name":"agent-result","title":"Agent Result","description":"AI agent answer animation: a prompt typed, tool calls run, and a reply with a table. An agent asked for something, and what it hands back. A request types itse…","type":"registry:component","source_url":"https://snapcn.dev/r/agent-result.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-result.json"},{"name":"agent-chat","title":"Agent Chat","description":"AI agent chat animation: prompt typing, send and a streaming reply. An agent conversation, from the empty field to the answer. Five beats on one clock: the pro…","type":"registry:component","source_url":"https://snapcn.dev/r/agent-chat.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-chat.json"},{"name":"version-drop","title":"Version Drop","description":"Version launch title: a product name typing and a big version number reveal. A name typing itself across two shots, and the number it was all for. Three shots …","type":"registry:component","source_url":"https://snapcn.dev/r/version-drop.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/version-drop.json"},{"name":"agent-open","title":"Agent Open","description":"AI prompt intro animation: kinetic text that becomes a typed prompt. A line assembles a word at a time, resolves to your product's name, and becomes a prompt s…","type":"registry:component","source_url":"https://snapcn.dev/r/agent-open.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-open.json"},{"name":"phrase-swarm","title":"Phrase Swarm","description":"Text morph animation: one phrase breaks into letters that swarm into another. One phrase comes apart and another gathers out of the pieces. The opening line ho…","type":"registry:component","source_url":"https://snapcn.dev/r/phrase-swarm.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/phrase-swarm.json"},{"name":"word-rush","title":"Word Rush","description":"3D words fly-through: a camera flying through a field of words. A field of words the camera flies through, one line of it that runs at the lens, and the line t…","type":"registry:component","source_url":"https://snapcn.dev/r/word-rush.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-rush.json"},{"name":"app-reveal","title":"App Reveal","description":"App reveal animation: a wordmark folds into an app UI with a 3D camera move. A wordmark that folds into an app, and a camera that flies around it. The mark hol…","type":"registry:component","source_url":"https://snapcn.dev/r/app-reveal.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/app-reveal.json"},{"name":"build-out","title":"Build Out","description":"App reveal from a button: zoom out of a send button into the app. A send button that fills the frame, and the app that comes out of it. The shot opens inside t…","type":"registry:component","source_url":"https://snapcn.dev/r/build-out.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/build-out.json"},{"name":"stretch-word","title":"Stretch Word","description":"Stretchy text animation: a repeating letter that stretches a word. A word that will not stop, and the line that follows it. \"And more\" says itself normally, th…","type":"registry:component","source_url":"https://snapcn.dev/r/stretch-word.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/stretch-word.json"},{"name":"files-drop","title":"Files Drop","description":"File drop animation: files dragged into an AI prompt and landing as attachments. A handful of frames is dragged into a prompt and becomes five attachments. A s…","type":"registry:component","source_url":"https://snapcn.dev/r/files-drop.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/files-drop.json"},{"name":"focus-pull","title":"Focus Pull","description":"Blur-in text animation: phrases resolving from blur out of a gradient field. A phrase at a time, resolving out of a moving colour field. Each line arrives from…","type":"registry:component","source_url":"https://snapcn.dev/r/focus-pull.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/focus-pull.json"},{"name":"gallery-push","title":"Gallery Push","description":"Screenshot wall animation: a gallery of app screenshots opening column by column. A wall of screenshots that opens one column at a time. The columns rise into …","type":"registry:component","source_url":"https://snapcn.dev/r/gallery-push.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/gallery-push.json"},{"name":"agent-tools","title":"Agent Tools","description":"AI agent tools animation for agent and MCP product demos. The moment somebody hands an agent their tools. A spark writes a line word by word, each new word arr…","type":"registry:component","source_url":"https://snapcn.dev/r/agent-tools.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/agent-tools.json"},{"name":"phone-pitch","title":"Phone Pitch","description":"iPhone mockup scene: a headline and a phone placed into frame, the app pitch shot. A headline and a phone: the pitch shot. The device is put down from the righ…","type":"registry:component","source_url":"https://snapcn.dev/r/phone-pitch.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/phone-pitch.json"},{"name":"comment-storm","title":"Comment Storm","description":"Comments animation: a flood of social comments and replies for launch hype. The comment section under a launch everyone is waiting for, burying the frame. One …","type":"registry:component","source_url":"https://snapcn.dev/r/comment-storm.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/comment-storm.json"},{"name":"thank-you-swarm","title":"Thank You Swarm","description":"Supporters animation: a notification wall of avatars, for thank-you and social proof. A notification row of supporters that tears off under its own motion blur…","type":"registry:component","source_url":"https://snapcn.dev/r/thank-you-swarm.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/thank-you-swarm.json"},{"name":"hex-tally","title":"Hex Tally","description":"Chart animation: a hex unit chart filling in under a counting metric card, for stats and dashboards. A metric card that lands while a hex unit chart fills in u…","type":"registry:component","source_url":"https://snapcn.dev/r/hex-tally.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/hex-tally.json"},{"name":"brief-send","title":"Brief Send","description":"Product demo scene: a project brief typed and sent. An empty project page pulls away, and the brief that fills it gets sent. Two shots on one clock with a hard…","type":"registry:component","source_url":"https://snapcn.dev/r/brief-send.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/brief-send.json"},{"name":"render-wall","title":"Render Wall","description":"Code to showcase animation: loose code resolving into a wall of finished work. A field of loose code that resolves into a wall of finished work, and then the w…","type":"registry:component","source_url":"https://snapcn.dev/r/render-wall.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/render-wall.json"},{"name":"string-hero","title":"String Hero","description":"Code typing animation: a line of code types and its string becomes the headline. A line of code being typed, and then the string inside it becomes the headline…","type":"registry:component","source_url":"https://snapcn.dev/r/string-hero.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/string-hero.json"},{"name":"proof-line","title":"Proof Line","description":"Portfolio proof scene: shipped work cards collapsing into one sentence. Five pieces of shipped work collapse, one at a time, into the sentence that describes t…","type":"registry:component","source_url":"https://snapcn.dev/r/proof-line.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/proof-line.json"},{"name":"ticker-climb","title":"Ticker Climb","description":"Line chart animation: a climbing trend line and a live number ticker counting up. A claim, and then the live number that proves it. A headline settles out of a…","type":"registry:component","source_url":"https://snapcn.dev/r/ticker-climb.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/ticker-climb.json"},{"name":"tap-through","title":"Tap Through","description":"Phone feed tap animation: scroll a social feed and tap a button. Somebody's feed, the button they press, and the line that press was for. A phone hangs in the …","type":"registry:component","source_url":"https://snapcn.dev/r/tap-through.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/tap-through.json"},{"name":"cross-out","title":"Cross Out","description":"Strikethrough text animation: marker cross-out, then the replacement word. Cross out the advice, then name the thing it was standing in for. A headline sits on…","type":"registry:component","source_url":"https://snapcn.dev/r/cross-out.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/cross-out.json"},{"name":"screen-wall","title":"Screen Wall","description":"Phone mockups tunnel: four phones around a headline with a camera pull-back. Four phones down a tunnel around a sentence, and the shot backing out of them. The…","type":"registry:component","source_url":"https://snapcn.dev/r/screen-wall.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/screen-wall.json"},{"name":"laptop-open","title":"Laptop Open","description":"Laptop mockup animation: a MacBook opening with depth of field and a zoom into the screen. A laptop opening out of focus, holding, and then swallowing the lens…","type":"registry:component","source_url":"https://snapcn.dev/r/laptop-open.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/laptop-open.json"},{"name":"tally-rise","title":"Tally Rise","description":"Counter animation: a currency count-up number, revenue and payout odometer. A currency figure climbing on a bloom that dies under it. One number, one label, on…","type":"registry:component","source_url":"https://snapcn.dev/r/tally-rise.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/tally-rise.json"},{"name":"lockup-reveal","title":"Lockup Reveal","description":"Logo lockup reveal animation on a construction grid. A logo lockup opening on a construction grid, then turning out to be a window. The mark starts alone in th…","type":"registry:component","source_url":"https://snapcn.dev/r/lockup-reveal.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/lockup-reveal.json"},{"name":"word-montage","title":"Word Montage","description":"Photo montage with rotating words: images gathering round a changing line. Photos gathering round a line that keeps changing its mind, then collapsing into the…","type":"registry:component","source_url":"https://snapcn.dev/r/word-montage.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/word-montage.json"},{"name":"orbit-flow","title":"Orbit Flow","description":"Orbit diagram animation: labelled steps riding orbits around a headline, for workflow explainers. Three dashed orbits round a line of type, with three labelled…","type":"registry:component","source_url":"https://snapcn.dev/r/orbit-flow.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/orbit-flow.json"},{"name":"checkout-push","title":"Checkout Push","description":"Payment animation: a phone checkout with the amount landing and a camera push. A phone paying for something, pushed through the camera. The device stands still…","type":"registry:component","source_url":"https://snapcn.dev/r/checkout-push.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/checkout-push.json"},{"name":"metric-morph","title":"Metric Morph","description":"Bar chart animation: a button morphs into a stat and a histogram chart fills in. The control becomes the number it produces. An export button settles from the …","type":"registry:component","source_url":"https://snapcn.dev/r/metric-morph.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/metric-morph.json"},{"name":"prompt-dive","title":"Prompt Dive","description":"AI prompt animation: typing into an assistant and diving into the send button. A prompt typed into an assistant, and then a dive into the send button. The plac…","type":"registry:component","source_url":"https://snapcn.dev/r/prompt-dive.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/prompt-dive.json"},{"name":"vault-count","title":"Vault Count","description":"Balance counter animation: a phone wallet balance counting up with payment cards. A balance ticking up while the payments that fed it drift past. The device ne…","type":"registry:component","source_url":"https://snapcn.dev/r/vault-count.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/vault-count.json"},{"name":"wall-cut","title":"Wall Cut","description":"LED wall text animation: a sentence read out on a pixel display. A sentence read out on an LED wall, cut from the pixels to the room. The camera opens so close…","type":"registry:component","source_url":"https://snapcn.dev/r/wall-cut.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/wall-cut.json"},{"name":"library-flight","title":"Library Flight","description":"Product library fly-through: a wall of component screens and a closing subscription line. A title, a fly-through of the whole library, and the line it adds up …","type":"registry:component","source_url":"https://snapcn.dev/r/library-flight.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/library-flight.json"},{"name":"wire-feed","title":"Wire Feed","description":"News feed animation: a live changelog feed typing its newest item as the camera pulls back. A live feed writing its newest item while the camera pulls back. Cl…","type":"registry:component","source_url":"https://snapcn.dev/r/wire-feed.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/wire-feed.json"},{"name":"pack-up","title":"Pack Up","description":"Typewriter text animation into a 3D box: a headline types, then its words are packed into a cardboard carton. A line types itself, catches the light, and its l…","type":"registry:component","source_url":"https://snapcn.dev/r/pack-up.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/pack-up.json"},{"name":"task-stream","title":"Task Stream","description":"AI agent task list animation: steps stream in with spinners and tick off. An agent's task list, streaming in and ticking off. A heading writes itself a word at…","type":"registry:component","source_url":"https://snapcn.dev/r/task-stream.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/task-stream.json"},{"name":"glass-prompt","title":"Glass Prompt","description":"AI prompt animation: a glass prompt bar, a send click and a dive into a ring of results. A prompt typed into a pane of glass, and a dive through its send butto…","type":"registry:component","source_url":"https://snapcn.dev/r/glass-prompt.json","install_command":"npx shadcn@latest add https://snapcn.dev/r/glass-prompt.json"}]},{"id":"solaceui","name":"@solaceui","slug":"solaceui","description":"A curated set of production-ready marketing sections, animated components, and full-page templates for Next.js, Tailwind CSS, and Motion. Sections include Hero, Testimonials, Bento Grids, Team, Footers, Phone Carousel, Chat Messages, and Hero Video. One-click CLI install per block using the @solaceui namespace. TypeScript-based, responsive, and accessible. Free to use; templates available. Building in public by @harshitlog. Use for: quickly assembling tasteful, animated marketing pages for SaaS products or landing pages where visual polish and Motion-powered transitions are priorities.","author":null,"framework":"react","license":null,"tags":["accessibility","aesthetic","animation","auth","blocks","cards","marketing","media","navigation","saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":[],"urls":{"website":"https://www.solaceui.com","github":"N/A","registry":"https://www.solaceui.com/r/registry.json","source":"https://www.solaceui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/solaceui","markdown":"https://sh4dcn.netlify.app/md/solaceui.md"},"logo":"<svg width='310' height='310' viewBox='0 0 310 310' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_30_2)'><path d='M310 146H115.502C91.3738 146 71.8145 113.317 71.8145 73C71.8145 32.6832 91.3738 3.1937e-05 115.502 2.84124e-05L310 0V146Z' fill='var(--foreground)'/><path d='M0 164H194.498C218.626 164 238.185 196.683 238.185 237C238.185 277.317 218.626 310 194.498 310H0V164Z' fill='var(--foreground)'/></g><defs><clipPath id='clip0_30_2'><rect width='310' height='310' fill='white'/></clipPath></defs></svg>","preview_image":"https://www.solaceui.com/opengraph-image.png?opengraph-image.6154689d.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.solaceui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.solaceui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.solaceui.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://www.solaceui.com/r/registry.json"},"component_count":39,"components":[{"name":"bento-grid-1","title":"Bento Grid 1","description":"Solace UI bento grid block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/bento-grid-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/bento-grid-1.json"},{"name":"bento-grid-2","title":"Bento Grid 2","description":"Solace UI bento grid block variation 2.","type":"registry:block","source_url":"https://www.solaceui.com/r/bento-grid-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/bento-grid-2.json"},{"name":"bento-grid-3","title":"Bento Grid 3","description":"Solace UI bento grid block variation 3.","type":"registry:block","source_url":"https://www.solaceui.com/r/bento-grid-3.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/bento-grid-3.json"},{"name":"bento-grid-4","title":"Bento Grid 4","description":"Solace UI bento grid block variation 4.","type":"registry:block","source_url":"https://www.solaceui.com/r/bento-grid-4.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/bento-grid-4.json"},{"name":"auth-section-1","title":"Auth Section 1","description":"Solace UI auth section block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/auth-section-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/auth-section-1.json"},{"name":"auth-section-2","title":"Auth Section 2","description":"Solace UI auth section block variation 2.","type":"registry:block","source_url":"https://www.solaceui.com/r/auth-section-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/auth-section-2.json"},{"name":"auth-section-3","title":"Auth Section 3","description":"Solace UI auth section block variation 3.","type":"registry:block","source_url":"https://www.solaceui.com/r/auth-section-3.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/auth-section-3.json"},{"name":"team-section-1","title":"Team Section 1","description":"Solace UI team section block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-1.json"},{"name":"team-section-2","title":"Team Section 2","description":"Solace UI team section block variation 2.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-2.json"},{"name":"team-section-3","title":"Team Section 3","description":"Solace UI team section block variation 3.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-3.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-3.json"},{"name":"team-section-4","title":"Team Section 4","description":"Solace UI team section block variation 4.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-4.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-4.json"},{"name":"team-section-5","title":"Team Section 5","description":"Solace UI team section block variation 5.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-5.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-5.json"},{"name":"team-section-6","title":"Team Section 6","description":"Solace UI team section block variation 6.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-6.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-6.json"},{"name":"team-section-7","title":"Team Section 7","description":"Solace UI team section block variation 7.","type":"registry:block","source_url":"https://www.solaceui.com/r/team-section-7.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/team-section-7.json"},{"name":"testimonial-section-1","title":"Testimonial Section 1","description":"Solace UI testimonial section block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/testimonial-section-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-1.json"},{"name":"testimonial-section-2","title":"Testimonial Section 2","description":"Solace UI testimonial section block variation 2.","type":"registry:block","source_url":"https://www.solaceui.com/r/testimonial-section-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-2.json"},{"name":"testimonial-section-3","title":"Testimonial Section 3","description":"Solace UI testimonial section block variation 3.","type":"registry:block","source_url":"https://www.solaceui.com/r/testimonial-section-3.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-3.json"},{"name":"testimonial-section-4","title":"Testimonial Section 4","description":"Solace UI testimonial section block variation 4.","type":"registry:block","source_url":"https://www.solaceui.com/r/testimonial-section-4.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/testimonial-section-4.json"},{"name":"footer-section-1","title":"Footer Section 1","description":"Solace UI footer section block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/footer-section-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/footer-section-1.json"},{"name":"footer-section-2","title":"Footer Section 2","description":"Solace UI footer section block variation 2.","type":"registry:block","source_url":"https://www.solaceui.com/r/footer-section-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/footer-section-2.json"},{"name":"footer-section-3","title":"Footer Section 3","description":"Solace UI footer section block variation 3.","type":"registry:block","source_url":"https://www.solaceui.com/r/footer-section-3.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/footer-section-3.json"},{"name":"footer-section-4","title":"Footer Section 4","description":"Solace UI footer section block variation 4.","type":"registry:block","source_url":"https://www.solaceui.com/r/footer-section-4.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/footer-section-4.json"},{"name":"footer-section-5","title":"Footer Section 5","description":"Solace UI footer section block variation 5.","type":"registry:block","source_url":"https://www.solaceui.com/r/footer-section-5.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/footer-section-5.json"},{"name":"footer-section-6","title":"Footer Section 6","description":"Solace UI footer section block variation 6.","type":"registry:block","source_url":"https://www.solaceui.com/r/footer-section-6.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/footer-section-6.json"},{"name":"hero-section-1","title":"Hero Section 1","description":"Solace UI hero section block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-1.json"},{"name":"hero-section-2","title":"Hero Section 2","description":"Solace UI hero section block variation 2.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-2.json"},{"name":"hero-section-3","title":"Hero Section 3","description":"Solace UI hero section block variation 3.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-3.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-3.json"},{"name":"hero-section-4","title":"Hero Section 4","description":"Solace UI hero section block variation 4.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-4.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-4.json"},{"name":"hero-section-5","title":"Hero Section 5","description":"Solace UI hero section block variation 5.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-5.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-5.json"},{"name":"hero-section-6","title":"Hero Section 6","description":"Solace UI hero section block variation 6.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-6.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-6.json"},{"name":"hero-section-7","title":"Hero Section 7","description":"Solace UI hero section block variation 7.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-7.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-7.json"},{"name":"hero-section-8","title":"Hero Section 8","description":"Solace UI hero section block variation 8.","type":"registry:block","source_url":"https://www.solaceui.com/r/hero-section-8.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-section-8.json"},{"name":"chat-messages-1","title":"Chat Messages 1","description":"Solace UI chat messages component variation 1.","type":"registry:component","source_url":"https://www.solaceui.com/r/chat-messages-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/chat-messages-1.json"},{"name":"chat-messages-2","title":"Chat Messages 2","description":"Solace UI chat messages component variation 2.","type":"registry:component","source_url":"https://www.solaceui.com/r/chat-messages-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/chat-messages-2.json"},{"name":"hero-video-1","title":"Hero Video 1","description":"Solace UI hero video component variation 1.","type":"registry:component","source_url":"https://www.solaceui.com/r/hero-video-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-video-1.json"},{"name":"hero-video-2","title":"Hero Video 2","description":"Solace UI hero video component variation 2.","type":"registry:component","source_url":"https://www.solaceui.com/r/hero-video-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/hero-video-2.json"},{"name":"phone-mockups-1","title":"Phone Mockups 1","description":"Solace UI phone mockups component variation 1.","type":"registry:component","source_url":"https://www.solaceui.com/r/phone-mockups-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/phone-mockups-1.json"},{"name":"navbar-section-1","title":"Navbar Section 1","description":"Solace UI navbar section block variation 1.","type":"registry:block","source_url":"https://www.solaceui.com/r/navbar-section-1.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/navbar-section-1.json"},{"name":"navbar-section-2","title":"Navbar Section 2","description":"Solace UI navbar section block variation 2 (xAI inspired).","type":"registry:block","source_url":"https://www.solaceui.com/r/navbar-section-2.json","install_command":"npx shadcn@latest add https://www.solaceui.com/r/navbar-section-2.json"}]},{"id":"soldevelo","name":"@soldevelo","slug":"soldevelo","description":"Components, blocks and templates from the open-source projects SolDevelo builds, starting with OpenLMIS. Built on Base UI.","author":"SolDevelo","framework":"react","license":"MIT","tags":["auth","blocks","cards","dashboard","editor","forms","media","navigation","overlays","tables"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://registry.soldevelo.com","github":"https://github.com/SolDevelo/soldevelo-registry","registry":"https://registry.soldevelo.com/r/registry.json","source":"https://registry.soldevelo.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/soldevelo","markdown":"https://sh4dcn.netlify.app/md/soldevelo.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='-6 44.8 190 188' width='24' height='24'><path d='M155.239 225.087C164.564 225.087 168.993 220.416 168.993 209.991V183.872C168.993 173.448 164.564 168.777 155.239 168.777H117.236C107.911 168.777 103.481 173.448 103.481 183.872V209.991C103.481 220.416 107.911 225.087 117.236 225.087H155.239ZM127.262 216.222C124.582 216.222 123.765 215.143 123.765 212.147V181.717C123.765 178.721 124.582 177.641 127.262 177.641H145.213C147.895 177.641 148.71 178.721 148.71 181.717V212.147C148.71 215.143 147.895 216.222 145.213 216.222H127.262Z' fill='#1589CB'/><path d='M51.7549 143.176C61.0796 143.176 65.5094 138.502 65.5094 128.081V101.962C65.5094 91.5371 61.0796 86.8632 51.7549 86.8632H13.752C4.42725 86.8632 0 91.5371 0 101.962V128.081C0 138.502 4.42725 143.176 13.752 143.176H51.7549ZM23.7782 134.312C21.0982 134.312 20.2811 133.232 20.2811 130.236V99.8032C20.2811 96.8097 21.0982 95.7305 23.7782 95.7305H41.7313C44.4113 95.7305 45.2284 96.8097 45.2284 99.8032V130.236C45.2284 133.232 44.4113 134.312 41.7313 134.312H23.7782Z' fill='#1589CB'/><path d='M158.026 134.066C171.534 134.066 177.95 127.298 177.95 112.2V74.3663C177.95 59.2705 171.534 52.4999 158.026 52.4999H102.982C89.4745 52.4999 83.0585 59.2705 83.0585 74.3663V112.2C83.0585 127.298 89.4745 134.066 102.982 134.066H158.026ZM117.505 121.224C113.62 121.224 112.441 119.664 112.441 115.324V71.2444C112.441 66.9045 113.62 65.3422 117.505 65.3422H143.506C147.391 65.3422 148.573 66.9045 148.573 71.2444V115.324C148.573 119.664 147.391 121.224 143.506 121.224H117.505Z' fill='#004C8B'/><path d='M103.524 184.256C112.852 184.256 117.281 179.584 117.281 169.16V143.041C117.281 132.616 112.852 127.942 103.524 127.942H65.524C56.1992 127.942 51.7694 132.616 51.7694 143.041V169.16C51.7694 179.584 56.1992 184.256 65.524 184.256H103.524ZM75.5501 175.391C72.8676 175.391 72.053 174.312 72.053 171.316V140.885C72.053 137.889 72.8676 136.81 75.5501 136.81H93.5007C96.1832 136.81 96.9978 137.889 96.9978 140.885V171.316C96.9978 174.312 96.1832 175.391 93.5007 175.391H75.5501Z' fill='#1589CB'/><path d='M55.3531 199.834C60.4972 199.834 62.9408 197.257 62.9408 191.506V177.102C62.9408 171.351 60.4972 168.777 55.3531 168.777H34.3936C29.2521 168.777 26.8085 171.351 26.8085 177.102V191.506C26.8085 197.257 29.2521 199.834 34.3936 199.834H55.3531ZM39.9232 194.944C38.4457 194.944 37.9961 194.348 37.9961 192.696V175.912C37.9961 174.26 38.4457 173.666 39.9232 173.666H49.8261C51.3035 173.666 51.7532 174.26 51.7532 175.912V192.696C51.7532 194.348 51.3035 194.944 49.8261 194.944H39.9232Z' fill='#004C8B'/></svg>","preview_image":"https://registry.soldevelo.com/opengraph-image?42988c1fbf10046b","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-10-06T12:24:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://registry.soldevelo.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://registry.soldevelo.com/r/registry.json","install_bun":"bunx shadcn@latest add https://registry.soldevelo.com/r/registry.json","clone":"git clone https://github.com/SolDevelo/soldevelo-registry.git","clone_degit":"npx degit SolDevelo/soldevelo-registry","registry_fetch":"curl -s https://registry.soldevelo.com/r/registry.json"},"component_count":48,"components":[{"name":"openlmis-form-actions","title":"Form Actions","description":"Cancel and Save actions for a form, with dirty and pending states, usable inside the form or in a page footer.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-form-actions.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-form-actions.json"},{"name":"openlmis-settings-list","title":"Settings List","description":"Bordered setting rows with labels, descriptions, badges and editable or read-only values.","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-settings-list.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-settings-list.json"},{"name":"openlmis-date-picker","title":"Date Picker","description":"A calendar date picker with date bounds, a clear button and accessible labels. Values stay in yyyy-MM-dd format.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-date-picker.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-date-picker.json"},{"name":"openlmis-password-requirements","title":"Password Requirements","description":"A live checklist of password rules with pure validation helpers.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-password-requirements.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-password-requirements.json"},{"name":"openlmis-table-selection","title":"Table Selection","description":"A page selection checkbox column and a floating selected-count bar with Clear and actions.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-table-selection.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-table-selection.json"},{"name":"openlmis-combobox-filter","title":"Combobox Filter","description":"A searchable toolbar filter with caller-supplied options, search callbacks, status and empty messages.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-combobox-filter.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-combobox-filter.json"},{"name":"openlmis-workspace-tabs","title":"Workspace Tabs","description":"Controlled page section tabs that wrap into a column or grid on narrow screens.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-workspace-tabs.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-workspace-tabs.json"},{"name":"openlmis-pagination","title":"Pagination","description":"Pager for a server-paged list: rows per page, the range on screen out of the total, and first, previous, next and last page buttons, with a matching loading sk…","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-pagination.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-pagination.json"},{"name":"openlmis-search-input","title":"Search Input","description":"Search field that reports after a pause in typing, on Enter or when it loses focus, with a clear button, so a list updates once per search rather than on every…","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-search-input.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-search-input.json"},{"name":"openlmis-select-filter","title":"Select Filter","description":"Toolbar dropdown that narrows a list to one value, reading \"Status: Active\" once picked, with a button to clear it.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-select-filter.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-select-filter.json"},{"name":"openlmis-column-view-options","title":"Column View Options","description":"View menu that shows or hides a table's columns with checkboxes, and resets them to their defaults.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-column-view-options.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-column-view-options.json"},{"name":"openlmis-status-badge","title":"Status Badge","description":"Badge for a state such as active, unsaved or ignored, in a success, warning, info or destructive tone with an icon of its own, so the state reads without relyi…","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-status-badge.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-status-badge.json"},{"name":"openlmis-page-breadcrumbs","title":"Page Breadcrumbs","description":"Breadcrumb trail from a list of steps, where a step without a page, such as a menu section, shows as text, and links render through any router.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-page-breadcrumbs.json"},{"name":"openlmis-form-fields","title":"Form Fields","description":"Thirteen TanStack Form controls with stacked, row and inline layouts, accessible hints and errors, password reveal, searchable options, tags, images and dates,…","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-form-fields.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-form-fields.json"},{"name":"openlmis-form-dialog","title":"Form Dialog","description":"Dialog for a form that stays inside the viewport and scrolls only its body, ignores clicks outside so nothing typed is lost, locks while a save runs, and shows…","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-form-dialog.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-form-dialog.json"},{"name":"openlmis-dashboard-card","title":"Dashboard Card","description":"Card frame for a dashboard: a title with its count in a badge, a one-line description, placeholders and an error with Try Again for a body whose data is not re…","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-dashboard-card.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-dashboard-card.json"},{"name":"openlmis-stat-strip","title":"Stat Strip","description":"One panel of headline numbers split by hairlines, with as many columns as there are stats, and a placeholder or Try Again for any number that is not ready.","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-stat-strip.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-stat-strip.json"},{"name":"openlmis-discard-changes-dialog","title":"Discard Changes Dialog","description":"Alert dialog asked before leaving a page with unsaved changes: how many would be lost and whose, Keep Editing, and a destructive Discard whose label says what …","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-discard-changes-dialog.json"},{"name":"openlmis-callout","title":"Callout","description":"Message box in a warning, info or success tone, tinted border and background with an icon of its own and text in the foreground colours, for the states the sto…","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-callout.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-callout.json"},{"name":"openlmis-data-table","title":"Data Table","description":"Server-paged table on TanStack Table v9: sortable headers, fixed column widths that hold steady from page to page, columns that drop when the table is narrow, …","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-data-table.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-data-table.json"},{"name":"openlmis-role-assignments","title":"Role Assignments","description":"One role type's assignments for a user: search, sortable columns that fold into one on a narrow card, a role's rights in a popover, unsaved and ignored badges,…","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-role-assignments.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-role-assignments.json"},{"name":"openlmis-workspace","title":"Workspace","description":"Page frame for an app screen: breadcrumbs, a heading with an icon, title and one-line description, header actions that share the width when the header stacks, …","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-workspace.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-workspace.json"},{"name":"openlmis-list-toolbar","title":"List Toolbar","description":"Layout for the controls above a list, installed with the search, filter and View menu it arranges: one row with room, and the search on a row of its own once t…","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-list-toolbar.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-list-toolbar.json"},{"name":"openlmis-profile-page","title":"Profile Page","description":"A mock profile with basic information, read-only role assignments, notification settings and a change password dialog.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-profile-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-profile-page.json"},{"name":"openlmis-roles-page","title":"Roles Page","description":"Search and filter roles by type, create or edit them, and view their rights using local mock data.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-roles-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-roles-page.json"},{"name":"openlmis-list-page","title":"List Page","description":"Complete users list screen on mock data: breadcrumbs and heading, a toolbar with search, a status filter, a View menu and Add User, a table with sorting, pagin…","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-list-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-list-page.json"},{"name":"openlmis-home-dashboard","title":"Home Dashboard","description":"OpenLMIS home screen on mock data: a greeting with what is waiting, Add User, system notices, a stat strip, requisitions by period and by status, cold chain eq…","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-home-dashboard.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-home-dashboard.json"},{"name":"openlmis-user-roles-page","title":"User Roles Page","description":"Edit User Roles on mock data: Supervision, Fulfillment, Reports and Administration tabs with counts over one draft, Add Role, Import Roles and View Rights dial…","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-user-roles-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-user-roles-page.json"},{"name":"openlmis-not-found-page","title":"Not Found Page","description":"A 404 page that shows the address that was asked for, with Go Back and Back Home, ready to render inside an app shell so the navigation stays.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-not-found-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-not-found-page.json"},{"name":"openlmis-valid-assignments-page","title":"Valid Assignments Page","description":"Mock valid sources and destinations with paired facility and program filters, responsive tables, selection across pages, Add and partial Delete.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-valid-assignments-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-valid-assignments-page.json"},{"name":"openlmis-system-settings-page","title":"System Settings Page","description":"Mock branding and feature flag settings with sticky Save and Cancel, discard confirmation, defaults, conflict Reload and partial-save feedback.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-system-settings-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-system-settings-page.json"},{"name":"openlmis-number-text","title":"Number Text","description":"Pure number validation for text fields, including whole numbers, bounds and decimal precision.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-number-text.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-number-text.json"},{"name":"openlmis-product-editor-page","title":"Product Editor Page","description":"Mock product editor with General, Programs, Facility Types and Kit Unpack List tabs, dialogs and discard confirmation.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-product-editor-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-product-editor-page.json"},{"name":"openlmis-facility-editor-page","title":"Facility Editor Page","description":"Mock facility editor with Information and Associated Programs tabs, managed fields, combined validation and discard confirmation.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-facility-editor-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-facility-editor-page.json"},{"name":"openlmis-reason-editor-page","title":"Reason Editor Page","description":"Mock stock reason editor with assignment pairs, partial-save feedback and discard confirmation.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-reason-editor-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-reason-editor-page.json"},{"name":"openlmis-auth-card","title":"Auth Card","description":"Composable authentication cards and a page shell with logo, title, form, actions and Powered By footer.","type":"registry:block","source_url":"https://registry.soldevelo.com/r/openlmis-auth-card.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-auth-card.json"},{"name":"openlmis-no-access","title":"No Access","description":"No-access empty state with a heading-level choice and optional Back Home link.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-no-access.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-no-access.json"},{"name":"openlmis-sign-in-page","title":"Sign In Page","description":"Mock sign-in page with credentials, refused feedback and a signed-in result.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-sign-in-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-sign-in-page.json"},{"name":"openlmis-forgot-password-page","title":"Forgot Password Page","description":"Mock email reset request page with a neutral confirmation.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-forgot-password-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-forgot-password-page.json"},{"name":"openlmis-reset-password-page","title":"Reset Password Page","description":"Mock password reset page with validation and link-status presentation.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-reset-password-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-reset-password-page.json"},{"name":"openlmis-lots-page","title":"Lots Page","description":"Mock lot list with product/expiry filters, paging and editable lot dialogs.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-lots-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-lots-page.json"},{"name":"openlmis-service-accounts-page","title":"Service Accounts Page","description":"Mock service-key list with sorting, paging, add/delete dialogs and copy-state presentation.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-service-accounts-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-service-accounts-page.json"},{"name":"openlmis-copyable-value","title":"Copyable Value","description":"A value display and controlled copy button, with caller-owned copy behavior and feedback.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-copyable-value.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-copyable-value.json"},{"name":"openlmis-label-popover","title":"Label Popover","description":"A truncated label with an accessible details button and a composable popover panel.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-label-popover.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-label-popover.json"},{"name":"openlmis-segmented-meter","title":"Segmented Meter","description":"A stacked meter with a labeled count and percentage legend, locale formatting and right-to-left support.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-segmented-meter.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-segmented-meter.json"},{"name":"openlmis-status-meter-list","title":"Status Meter List","description":"Composable labeled meters with icons, counts and semantic tones.","type":"registry:component","source_url":"https://registry.soldevelo.com/r/openlmis-status-meter-list.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-status-meter-list.json"},{"name":"openlmis-programs-page","title":"Programs Page","description":"Mock program administration with responsive columns, sorting, paging and create/edit forms.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-programs-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-programs-page.json"},{"name":"openlmis-facility-types-page","title":"Facility Types Page","description":"Mock facility type administration with responsive columns, sorting, paging and create/edit forms.","type":"registry:page","source_url":"https://registry.soldevelo.com/r/openlmis-facility-types-page.json","install_command":"npx shadcn@latest add https://registry.soldevelo.com/r/openlmis-facility-types-page.json"}]},{"id":"sona-ui","name":"@sona-ui","slug":"sona-ui","description":"A small but polished React 19 + Tailwind CSS v4 + Motion component library with 10 production-ready animated components across three categories: UI (Accordion, Ripple Button, Vertical Tabs, Expandable Tabs, Link Preview, Bubble Up Button), Text (Spinning Text, Stagger Text), and Effect (Magnetic Button, Marquee). Installable via shadcn CLI per component. Fully typed TypeScript, dark-mode support via next-themes, accessible, tree-shakeable. Open-source MIT on Vercel. Use for: adding carefully crafted animated primitives — especially motion-forward buttons, tabs, and text effects — to a React 19/Next.js project.","author":"Dinil-Thilakarathne","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","animation","backgrounds","blocks","buttons","cards","charts","design-system","hooks","media","navigation","overlays","text-effects","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://sonaui.com","github":"https://github.com/Dinil-Thilakarathne/sona-ui","registry":"https://sonaui.com/r/registry.json","source":"https://sonaui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sona-ui","markdown":"https://sh4dcn.netlify.app/md/sona-ui.md"},"logo":"<svg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0 18.5887C0 8.32245 8.32244 0 18.5887 0H237.411C247.678 0 256 8.32244 256 18.5887V237.411C256 247.678 247.678 256 237.411 256H18.5887C8.32245 256 0 247.678 0 237.411V18.5887Z' fill='black'/> <path d='M128.001 30.0059C128.001 83.7034 171.192 127.313 224.728 127.991L225.994 128L224.728 128.008C171.192 128.686 128.001 172.296 128.001 225.994V256H128V225.994C128 171.873 84.1271 128 30.0068 128L31.273 127.991C84.8099 127.314 128 83.7036 128 30.0059V0.000488281H128.001V30.0059Z' fill='#D9D9D9'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":116,"open_issues":0,"last_commit":"2026-10-07T04:23:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sonaui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sonaui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://sonaui.com/r/registry.json","clone":"git clone https://github.com/Dinil-Thilakarathne/sona-ui.git","clone_degit":"npx degit Dinil-Thilakarathne/sona-ui","registry_fetch":"curl -s https://sonaui.com/r/registry.json"},"component_count":45,"components":[{"name":"sona-utils","title":"Sona Utilities","description":"Shared class-name utilities used by Sona UI registry components.","type":"registry:lib","source_url":"https://sonaui.com/r/sona-utils.json","install_command":"npx shadcn@latest add https://sonaui.com/r/sona-utils.json"},{"name":"sona-motion","title":"Sona Motion","description":"Semantic motion transitions for feedback, entrances, exits, spatial movement, expressive interactions, and reduced motion.","type":"registry:lib","source_url":"https://sonaui.com/r/sona-motion.json","install_command":"npx shadcn@latest add https://sonaui.com/r/sona-motion.json"},{"name":"sona-theme","title":"Sona Theme","description":"Optional Sona UI semantic status colors and shared design tokens for Tailwind CSS v4.","type":"registry:theme","source_url":"https://sonaui.com/r/sona-theme.json","install_command":"npx shadcn@latest add https://sonaui.com/r/sona-theme.json"},{"name":"agent-skill","title":"Sona UI Agent Skill","description":"Instructions for coding agents to discover, install, compose, and verify Sona UI components.","type":"registry:file","source_url":"https://sonaui.com/r/agent-skill.json","install_command":"npx shadcn@latest add https://sonaui.com/r/agent-skill.json"},{"name":"animated-dropdown","title":"Animated Dropdown","description":"A composable, accessible dropdown menu built on Base UI with controlled state, interruptible hover highlighting, and origin-aware enter motion.","type":"registry:ui","source_url":"https://sonaui.com/r/animated-dropdown.json","install_command":"npx shadcn@latest add https://sonaui.com/r/animated-dropdown.json"},{"name":"animated-checkbox","title":"Animated Checkbox","description":"An accessible Base UI checkbox with a drawn checkmark and a restrained animated state change.","type":"registry:ui","source_url":"https://sonaui.com/r/animated-checkbox.json","install_command":"npx shadcn@latest add https://sonaui.com/r/animated-checkbox.json"},{"name":"morph-surface","title":"Morph Surface","description":"An unstyled layout primitive that grows, shrinks, clips, and updates the content of one persistent consumer-styled surface.","type":"registry:ui","source_url":"https://sonaui.com/r/morph-surface.json","install_command":"npx shadcn@latest add https://sonaui.com/r/morph-surface.json"},{"name":"animated-switch","title":"Animated Switch","description":"An interactive iOS-style squish switch built on Base UI Switch primitives, with interruptible press feedback and a shared feedback spring.","type":"registry:ui","source_url":"https://sonaui.com/r/animated-switch.json","install_command":"npx shadcn@latest add https://sonaui.com/r/animated-switch.json"},{"name":"animated-dialog","title":"Animated Dialog","description":"A composable, accessible dialog modal built on Base UI with controlled state, direction-aware enter and exit motion, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/animated-dialog.json","install_command":"npx shadcn@latest add https://sonaui.com/r/animated-dialog.json"},{"name":"button","title":"Button","description":"A simple action button with subtle press feedback and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/button.json","install_command":"npx shadcn@latest add https://sonaui.com/r/button.json"},{"name":"dot-orbit-shader","title":"Dot Orbit Shader","description":"Animated multi-color dots orbiting their cell centers. Supports up to 10 colors with controls for size, spread, and motion. Powered by Paper Design Shaders.","type":"registry:ui","source_url":"https://sonaui.com/r/dot-orbit-shader.json","install_command":"npx shadcn@latest add https://sonaui.com/r/dot-orbit-shader.json"},{"name":"mesh-gradient-shader","title":"Mesh Gradient Shader","description":"A flowing composition of animated color spots shaped by organic distortion and vortex effects. Powered by Paper Design Shaders.","type":"registry:ui","source_url":"https://sonaui.com/r/mesh-gradient-shader.json","install_command":"npx shadcn@latest add https://sonaui.com/r/mesh-gradient-shader.json"},{"name":"magnetic-button","title":"Magnetic","description":"A pointer-aware magnetic wrapper with bounded pull strength, self or parent interaction areas, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://sonaui.com/r/magnetic-button.json"},{"name":"fluid-tabs","title":"Fluid Tabs","description":"An accessible Base UI tab selector with a shared active surface that travels fluidly between selections, with capsule and underline variants.","type":"registry:ui","source_url":"https://sonaui.com/r/fluid-tabs.json","install_command":"npx shadcn@latest add https://sonaui.com/r/fluid-tabs.json"},{"name":"fluid-tooltip","title":"Fluid Tooltip","description":"A grouped Base UI tooltip system with a deliberate first appearance and fast directional handoffs between related controls.","type":"registry:ui","source_url":"https://sonaui.com/r/fluid-tooltip.json","install_command":"npx shadcn@latest add https://sonaui.com/r/fluid-tooltip.json"},{"name":"fluid-slider","title":"Fluid Slider","description":"A labeled Base UI range control with direct surface selection, a dedicated draggable indicator, and restrained boundary resistance.","type":"registry:ui","source_url":"https://sonaui.com/r/fluid-slider.json","install_command":"npx shadcn@latest add https://sonaui.com/r/fluid-slider.json"},{"name":"activity-graph","title":"Activity Graph","description":"A keyboard-accessible calendar heatmap with normalized intensity levels and an interruptible shared focus surface.","type":"registry:ui","source_url":"https://sonaui.com/r/activity-graph.json","install_command":"npx shadcn@latest add https://sonaui.com/r/activity-graph.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"An accessible horizontal tab selector built on Base UI with controlled state, keyboard navigation, disabled items, and a pointer-only shared hover indicator.","type":"registry:ui","source_url":"https://sonaui.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://sonaui.com/r/animated-tabs.json"},{"name":"expanding-action","title":"Expanding Action","description":"A compact action that transforms in place into a short set of related choices with accessible focus management.","type":"registry:ui","source_url":"https://sonaui.com/r/expanding-action.json","install_command":"npx shadcn@latest add https://sonaui.com/r/expanding-action.json"},{"name":"accordion","title":"Accordion","description":"An accessible Base UI accordion with controlled and uncontrolled state, four visual variants, interruptible disclosure transitions, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/accordion.json","install_command":"npx shadcn@latest add https://sonaui.com/r/accordion.json"},{"name":"ripple-button","title":"RippleButton","description":"A pointer-aware ripple button with touch-safe feedback, customizable motion, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/ripple-button.json","install_command":"npx shadcn@latest add https://sonaui.com/r/ripple-button.json"},{"name":"marquee","title":"Marquee","description":"A scroll-velocity marquee with seamless loop math, eased hover pause, vertical/horizontal direction, ResizeObserver-based copy count, and full prefers-reduced-…","type":"registry:ui","source_url":"https://sonaui.com/r/marquee.json","install_command":"npx shadcn@latest add https://sonaui.com/r/marquee.json"},{"name":"spinning-text","title":"SpinningText","description":"The `SpinningText` component is a dynamic and visually engaging UI element that animates text in a circular spinning motion. It is highly customizable, allowin…","type":"registry:ui","source_url":"https://sonaui.com/r/spinning-text.json","install_command":"npx shadcn@latest add https://sonaui.com/r/spinning-text.json"},{"name":"stagger-text","title":"StaggerText","description":"A text component with staggered animation.","type":"registry:ui","source_url":"https://sonaui.com/r/stagger-text.json","install_command":"npx shadcn@latest add https://sonaui.com/r/stagger-text.json"},{"name":"link-preview","title":"LinkPreview","description":"The `LinkPreview` component is an interactive UI element that displays a preview of a link when hovered over. It enhances user experience by providing addition…","type":"registry:ui","source_url":"https://sonaui.com/r/link-preview.json","install_command":"npx shadcn@latest add https://sonaui.com/r/link-preview.json"},{"name":"bubble-up-button","title":"BubbleUpButton","description":"The `BubbleUpButton` component provides an interactive button with a fluid \"bubble-up\" animation effect when hovered. It creates an engaging user experience wi…","type":"registry:ui","source_url":"https://sonaui.com/r/bubble-up-button.json","install_command":"npx shadcn@latest add https://sonaui.com/r/bubble-up-button.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"An accessible Base UI tab selector that expands the active icon into a labeled pill with input-aware layout motion.","type":"registry:ui","source_url":"https://sonaui.com/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://sonaui.com/r/expandable-tabs.json"},{"name":"split-text","title":"Split Text","description":"Splits text into characters, words, or lines and reveals them with a staggered, optionally scroll-triggered animation.","type":"registry:ui","source_url":"https://sonaui.com/r/split-text.json","install_command":"npx shadcn@latest add https://sonaui.com/r/split-text.json"},{"name":"image-trail","title":"Image Trail","description":"Spawns a trail of images that follow the cursor across a scoped area, with multiple appearance styles.","type":"registry:ui","source_url":"https://sonaui.com/r/image-trail.json","install_command":"npx shadcn@latest add https://sonaui.com/r/image-trail.json"},{"name":"lightbox","title":"Lightbox","description":"An accessible image preview that expands from its thumbnail and returns to the same spatial origin when dismissed.","type":"registry:ui","source_url":"https://sonaui.com/r/lightbox.json","install_command":"npx shadcn@latest add https://sonaui.com/r/lightbox.json"},{"name":"avatar-showcase","title":"Avatar Showcase","description":"A recording-friendly avatar strip with count-aware pacing, deterministic sampling, staggered lanes, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/avatar-showcase.json","install_command":"npx shadcn@latest add https://sonaui.com/r/avatar-showcase.json"},{"name":"circular-context-menu","title":"Circular Context Menu","description":"An edge-aware compound context menu that fans a small set of direct actions away from a selected object.","type":"registry:ui","source_url":"https://sonaui.com/r/circular-context-menu.json","install_command":"npx shadcn@latest add https://sonaui.com/r/circular-context-menu.json"},{"name":"live-activity","title":"Live Activity","description":"A composable activity surface with shared-element transitions, consumer-defined views, and touch expansion gestures.","type":"registry:ui","source_url":"https://sonaui.com/r/live-activity.json","install_command":"npx shadcn@latest add https://sonaui.com/r/live-activity.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A card with a radial spotlight glow that follows the cursor.","type":"registry:ui","source_url":"https://sonaui.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://sonaui.com/r/spotlight-card.json"},{"name":"code-block","title":"Code Block","description":"A plug-and-play syntax-highlighted code block for documentation and developer interfaces.","type":"registry:ui","source_url":"https://sonaui.com/r/code-block.json","install_command":"npx shadcn@latest add https://sonaui.com/r/code-block.json"},{"name":"hold-to-delete-button","title":"Hold To Delete Button","description":"A hold-to-confirm destructive button with pointer capture, keyboard activation, cancellation, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/hold-to-delete-button.json","install_command":"npx shadcn@latest add https://sonaui.com/r/hold-to-delete-button.json"},{"name":"circular-dock-menu","title":"Circular Dock Menu","description":"A circular dock menu with controlled state, keyboard dismissal, item callbacks, outside-click handling, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/circular-dock-menu.json","install_command":"npx shadcn@latest add https://sonaui.com/r/circular-dock-menu.json"},{"name":"fan-view","title":"Fan View","description":"A fanned card menu with controlled state, item callbacks, keyboard dismissal, outside-click handling, and reduced-motion support.","type":"registry:ui","source_url":"https://sonaui.com/r/fan-view.json","install_command":"npx shadcn@latest add https://sonaui.com/r/fan-view.json"},{"name":"smart-overflow","title":"Smart Overflow","description":"A priority-first responsive action group that moves lower-priority actions into an accessible three-dot menu as available width decreases.","type":"registry:ui","source_url":"https://sonaui.com/r/smart-overflow.json","install_command":"npx shadcn@latest add https://sonaui.com/r/smart-overflow.json"},{"name":"section-rail","title":"Section Rail","description":"A compact navigation rail that tracks the reader's position through a long page, revealing labels and editorial context cards on hover and focus.","type":"registry:ui","source_url":"https://sonaui.com/r/section-rail.json","install_command":"npx shadcn@latest add https://sonaui.com/r/section-rail.json"},{"name":"floating-viewer","title":"Floating Viewer","description":"An in-page media surface that automatically or manually detaches, stays within viewport bounds, snaps to a corner, and restores without remounting its content.","type":"registry:ui","source_url":"https://sonaui.com/r/floating-viewer.json","install_command":"npx shadcn@latest add https://sonaui.com/r/floating-viewer.json"},{"name":"swipe-action-row","title":"Swipe Action Row","description":"A coordinated list-row interaction with two-sided actions, keyboard opening, outside dismissal, and action-owned full swipes.","type":"registry:ui","source_url":"https://sonaui.com/r/swipe-action-row.json","install_command":"npx shadcn@latest add https://sonaui.com/r/swipe-action-row.json"},{"name":"radial-card-marquee","title":"Circular Card Marquee","description":"A continuous responsive card marquee that orbits cards around a circular path with configurable speed, direction, controlled pause, and hover pause.","type":"registry:ui","source_url":"https://sonaui.com/r/radial-card-marquee.json","install_command":"npx shadcn@latest add https://sonaui.com/r/radial-card-marquee.json"},{"name":"depth-tiles","title":"Depth Tiles","description":"An infinite layered tile stack with autoplay, depth transitions, and horizontal drag navigation.","type":"registry:ui","source_url":"https://sonaui.com/r/depth-tiles.json","install_command":"npx shadcn@latest add https://sonaui.com/r/depth-tiles.json"},{"name":"stepper","title":"Stepper","description":"A composable step navigation pattern for guiding people through a small, ordered workflow.","type":"registry:ui","source_url":"https://sonaui.com/r/stepper.json","install_command":"npx shadcn@latest add https://sonaui.com/r/stepper.json"}]},{"id":"soonish","name":"@soonish","slug":"soonish","description":"91 loading animations for React, each on a 5×5 grid of dots, animated with plain CSS. Server Component-ready.","author":"rushikeshmahajann","framework":"react","license":"MIT","tags":["animation","buttons","loaders","marketing","onboarding","payments"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://soonish.rushikeshmahajan.com","github":"https://github.com/rushikeshmahajann/soonish","registry":"https://soonish.rushikeshmahajan.com/r/registry.json","source":"https://soonish.rushikeshmahajan.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/soonish","markdown":"https://sh4dcn.netlify.app/md/soonish.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='var(--foreground)'><circle cx='3' cy='3' r='2' fill-opacity='.2'/><circle cx='8' cy='3' r='2'/><circle cx='13' cy='3' r='2'/><circle cx='18' cy='3' r='2'/><circle cx='23' cy='3' r='2'/><circle cx='3' cy='8' r='2'/><circle cx='8' cy='8' r='2' fill-opacity='.2'/><circle cx='13' cy='8' r='2' fill-opacity='.2'/><circle cx='18' cy='8' r='2' fill-opacity='.2'/><circle cx='23' cy='8' r='2' fill-opacity='.2'/><circle cx='3' cy='13' r='2' fill-opacity='.2'/><circle cx='8' cy='13' r='2'/><circle cx='13' cy='13' r='2'/><circle cx='18' cy='13' r='2'/><circle cx='23' cy='13' r='2' fill-opacity='.2'/><circle cx='3' cy='18' r='2' fill-opacity='.2'/><circle cx='8' cy='18' r='2' fill-opacity='.2'/><circle cx='13' cy='18' r='2' fill-opacity='.2'/><circle cx='18' cy='18' r='2' fill-opacity='.2'/><circle cx='23' cy='18' r='2'/><circle cx='3' cy='23' r='2'/><circle cx='8' cy='23' r='2'/><circle cx='13' cy='23' r='2'/><circle cx='18' cy='23' r='2'/><circle cx='23' cy='23' r='2' fill-opacity='.2'/></svg>","preview_image":"https://soonish.rushikeshmahajan.com/opengraph-image.png?opengraph-image.04q6o3wb9ky28.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-10-05T08:46:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.json","install_bun":"bunx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.json","clone":"git clone https://github.com/rushikeshmahajann/soonish.git","clone_degit":"npx degit rushikeshmahajann/soonish","registry_fetch":"curl -s https://soonish.rushikeshmahajan.com/r/registry.json"},"component_count":92,"components":[{"name":"soonish","title":"soonish","description":"The soonish loader engine: <Loader name=\"…\" /> with all 91 5×5 pixel loaders.","type":"registry:lib","source_url":"https://soonish.rushikeshmahajan.com/r/soonish.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/soonish.json"},{"name":"sweep","title":"Sweep loader","description":"The \"sweep\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/sweep.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sweep.json"},{"name":"diagonal","title":"Diagonal loader","description":"The \"diagonal\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/diagonal.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/diagonal.json"},{"name":"ripple","title":"Ripple loader","description":"The \"ripple\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/ripple.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/ripple.json"},{"name":"rain","title":"Rain loader","description":"The \"rain\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/rain.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/rain.json"},{"name":"spiral","title":"Spiral loader","description":"The \"spiral\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/spiral.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/spiral.json"},{"name":"snake","title":"Snake loader","description":"The \"snake\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/snake.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/snake.json"},{"name":"sparkle","title":"Sparkle loader","description":"The \"sparkle\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/sparkle.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sparkle.json"},{"name":"heartbeat","title":"Heartbeat loader","description":"The \"heartbeat\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/heartbeat.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/heartbeat.json"},{"name":"scanner","title":"Scanner loader","description":"The \"scanner\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scanner.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scanner.json"},{"name":"orbit","title":"Orbit loader","description":"The \"orbit\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/orbit.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/orbit.json"},{"name":"breathe","title":"Breathe loader","description":"The \"breathe\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/breathe.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/breathe.json"},{"name":"checker","title":"Checker loader","description":"The \"checker\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/checker.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/checker.json"},{"name":"stripes","title":"Stripes loader","description":"The \"stripes\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/stripes.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/stripes.json"},{"name":"falling","title":"Falling loader","description":"The \"falling\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/falling.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/falling.json"},{"name":"plasma","title":"Plasma loader","description":"The \"plasma\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/plasma.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/plasma.json"},{"name":"loadbar","title":"Loadbar loader","description":"The \"loadbar\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/loadbar.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/loadbar.json"},{"name":"knight-tour","title":"KnightTour loader","description":"The \"knight-tour\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/knight-tour.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/knight-tour.json"},{"name":"vortex","title":"Vortex loader","description":"The \"vortex\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/vortex.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/vortex.json"},{"name":"sine-wave","title":"SineWave loader","description":"The \"sine-wave\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/sine-wave.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sine-wave.json"},{"name":"life","title":"Life loader","description":"The \"life\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/life.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/life.json"},{"name":"quadrants","title":"Quadrants loader","description":"The \"quadrants\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/quadrants.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/quadrants.json"},{"name":"crossfade","title":"Crossfade loader","description":"The \"crossfade\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/crossfade.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/crossfade.json"},{"name":"glider","title":"Glider loader","description":"The \"glider\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/glider.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/glider.json"},{"name":"matrix","title":"Matrix loader","description":"The \"matrix\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/matrix.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/matrix.json"},{"name":"pong","title":"Pong loader","description":"The \"pong\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/pong.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pong.json"},{"name":"concentric","title":"Concentric loader","description":"The \"concentric\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/concentric.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/concentric.json"},{"name":"twin-spirals","title":"TwinSpirals loader","description":"The \"twin-spirals\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/twin-spirals.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/twin-spirals.json"},{"name":"thinking","title":"Thinking loader","description":"The \"thinking\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/thinking.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/thinking.json"},{"name":"searching","title":"Searching loader","description":"The \"searching\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/searching.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/searching.json"},{"name":"finding","title":"Finding loader","description":"The \"finding\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/finding.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/finding.json"},{"name":"consolidating","title":"Consolidating loader","description":"The \"consolidating\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/consolidating.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/consolidating.json"},{"name":"streaming","title":"Streaming loader","description":"The \"streaming\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/streaming.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/streaming.json"},{"name":"reasoning","title":"Reasoning loader","description":"The \"reasoning\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/reasoning.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/reasoning.json"},{"name":"indexing","title":"Indexing loader","description":"The \"indexing\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/indexing.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/indexing.json"},{"name":"connecting","title":"Connecting loader","description":"The \"connecting\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/connecting.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/connecting.json"},{"name":"generating","title":"Generating loader","description":"The \"generating\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/generating.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/generating.json"},{"name":"reflecting","title":"Reflecting loader","description":"The \"reflecting\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/reflecting.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/reflecting.json"},{"name":"scale-ripple","title":"ScaleRipple loader","description":"The \"scale-ripple\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scale-ripple.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-ripple.json"},{"name":"scale-wave","title":"ScaleWave loader","description":"The \"scale-wave\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scale-wave.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-wave.json"},{"name":"scale-diag","title":"ScaleDiag loader","description":"The \"scale-diag\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scale-diag.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-diag.json"},{"name":"scale-pop","title":"ScalePop loader","description":"The \"scale-pop\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scale-pop.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-pop.json"},{"name":"scale-ring","title":"ScaleRing loader","description":"The \"scale-ring\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scale-ring.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-ring.json"},{"name":"scale-check","title":"ScaleCheck loader","description":"The \"scale-check\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/scale-check.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-check.json"},{"name":"twist","title":"Twist loader","description":"The \"twist\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/twist.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/twist.json"},{"name":"squash","title":"Squash loader","description":"The \"squash\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/squash.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/squash.json"},{"name":"jelly","title":"Jelly loader","description":"The \"jelly\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/jelly.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/jelly.json"},{"name":"pop-rotate","title":"PopRotate loader","description":"The \"pop-rotate\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/pop-rotate.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pop-rotate.json"},{"name":"skew","title":"Skew loader","description":"The \"skew\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/skew.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/skew.json"},{"name":"heartbeat-scale","title":"HeartbeatScale loader","description":"The \"heartbeat-scale\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/heartbeat-scale.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/heartbeat-scale.json"},{"name":"drop","title":"Drop loader","description":"The \"drop\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/drop.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/drop.json"},{"name":"burst","title":"Burst loader","description":"The \"burst\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/burst.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/burst.json"},{"name":"spiral-scale","title":"SpiralScale loader","description":"The \"spiral-scale\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/spiral-scale.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/spiral-scale.json"},{"name":"zigzag","title":"Zigzag loader","description":"The \"zigzag\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/zigzag.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/zigzag.json"},{"name":"round","title":"Round loader","description":"The \"round\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/round.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/round.json"},{"name":"square-mandala","title":"SquareMandala loader","description":"The \"square-mandala\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/square-mandala.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/square-mandala.json"},{"name":"diamond-mandala","title":"DiamondMandala loader","description":"The \"diamond-mandala\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/diamond-mandala.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/diamond-mandala.json"},{"name":"cross","title":"Cross loader","description":"The \"cross\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/cross.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/cross.json"},{"name":"x-diagonal","title":"XDiagonal loader","description":"The \"x-diagonal\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/x-diagonal.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/x-diagonal.json"},{"name":"star-burst","title":"StarBurst loader","description":"The \"star-burst\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/star-burst.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/star-burst.json"},{"name":"petal","title":"Petal loader","description":"The \"petal\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/petal.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/petal.json"},{"name":"snowflake","title":"Snowflake loader","description":"The \"snowflake\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/snowflake.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/snowflake.json"},{"name":"gear","title":"Gear loader","description":"The \"gear\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/gear.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/gear.json"},{"name":"kaleido","title":"Kaleido loader","description":"The \"kaleido\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/kaleido.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/kaleido.json"},{"name":"spiral-mandala","title":"SpiralMandala loader","description":"The \"spiral-mandala\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/spiral-mandala.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/spiral-mandala.json"},{"name":"pulse-square","title":"PulseSquare loader","description":"The \"pulse-square\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/pulse-square.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pulse-square.json"},{"name":"check-mandala","title":"CheckMandala loader","description":"The \"check-mandala\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/check-mandala.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/check-mandala.json"},{"name":"octagon","title":"Octagon loader","description":"The \"octagon\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/octagon.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/octagon.json"},{"name":"lotus","title":"Lotus loader","description":"The \"lotus\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/lotus.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/lotus.json"},{"name":"outline","title":"Outline loader","description":"The \"outline\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/outline.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/outline.json"},{"name":"rings","title":"Rings loader","description":"The \"rings\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/rings.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/rings.json"},{"name":"rose","title":"Rose loader","description":"The \"rose\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/rose.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/rose.json"},{"name":"neon-drift","title":"NeonDrift loader","description":"The \"neon-drift\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/neon-drift.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/neon-drift.json"},{"name":"core-spiral","title":"CoreSpiral loader","description":"The \"core-spiral\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/core-spiral.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/core-spiral.json"},{"name":"twin-orbit","title":"TwinOrbit loader","description":"The \"twin-orbit\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/twin-orbit.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/twin-orbit.json"},{"name":"prism-sweep","title":"PrismSweep loader","description":"The \"prism-sweep\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/prism-sweep.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/prism-sweep.json"},{"name":"flux-columns","title":"FluxColumns loader","description":"The \"flux-columns\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/flux-columns.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/flux-columns.json"},{"name":"echo-ring","title":"EchoRing loader","description":"The \"echo-ring\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/echo-ring.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/echo-ring.json"},{"name":"origin-wave","title":"OriginWave loader","description":"The \"origin-wave\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/origin-wave.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/origin-wave.json"},{"name":"sonar","title":"Sonar loader","description":"The \"sonar\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/sonar.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sonar.json"},{"name":"pinwheel","title":"Pinwheel loader","description":"The \"pinwheel\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/pinwheel.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pinwheel.json"},{"name":"domino","title":"Domino loader","description":"The \"domino\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/domino.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/domino.json"},{"name":"corners","title":"Corners loader","description":"The \"corners\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/corners.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/corners.json"},{"name":"frame","title":"Frame loader","description":"The \"frame\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/frame.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/frame.json"},{"name":"front-sweep","title":"FrontSweep loader","description":"The \"front-sweep\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/front-sweep.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/front-sweep.json"},{"name":"ripple-echo","title":"RippleEcho loader","description":"The \"ripple-echo\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/ripple-echo.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/ripple-echo.json"},{"name":"pulse-beat","title":"PulseBeat loader","description":"The \"pulse-beat\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/pulse-beat.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pulse-beat.json"},{"name":"lumen-bloom","title":"LumenBloom loader","description":"The \"lumen-bloom\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/lumen-bloom.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/lumen-bloom.json"},{"name":"raindrop","title":"Raindrop loader","description":"The \"raindrop\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/raindrop.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/raindrop.json"},{"name":"pendulum","title":"Pendulum loader","description":"The \"pendulum\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/pendulum.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pendulum.json"},{"name":"firefly","title":"Firefly loader","description":"The \"firefly\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/firefly.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/firefly.json"},{"name":"halo","title":"Halo loader","description":"The \"halo\" 5×5 pixel loader from soonish.","type":"registry:component","source_url":"https://soonish.rushikeshmahajan.com/r/halo.json","install_command":"npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/halo.json"}]},{"id":"soralabs","name":"@soralabs","slug":"soralabs","description":"Motion-first React primitives and animated UI components for shadcn/ui. Copy, customize, and ship fluid interfaces.","author":"SoraLabsOSS","framework":"react","license":null,"tags":["animation","audio","blocks","buttons","cards","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.soralabs.studio","github":"https://github.com/SoraLabsOSS/ui","registry":"https://ui.soralabs.studio/r/registry.json","source":"https://ui.soralabs.studio/r/registry.json","page":"https://sh4dcn.netlify.app/registry/soralabs","markdown":"https://sh4dcn.netlify.app/md/soralabs.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='currentColor'><g transform='translate(100 100) scale(0.8292) translate(-100 -100)'><path d='M 150.245 -0.676 L 150.658 49.581 L 49.237 49.477 L 49.714 -0.758 L 150.245 -0.676 Z M 49.342 150.419 L 49.237 49.477 L -1.04 49.794 L -1.304 150.337 L 49.342 150.419 Z M 150.763 150.523 L 150.658 49.581 L 201.304 49.663 L 201.04 150.206 L 150.763 150.523 Z M 150.763 150.523 L 49.342 150.419 L 49.755 200.676 L 150.286 200.758 L 150.763 150.523 Z'/></g></svg>","preview_image":"https://ui.soralabs.studio/docs-og/image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.soralabs.studio/pricing"},"metrics":{"github_stars":12,"open_issues":0,"last_commit":"2026-10-26T18:04:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.soralabs.studio/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.soralabs.studio/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.soralabs.studio/r/registry.json","clone":"git clone https://github.com/SoraLabsOSS/ui.git","clone_degit":"npx degit SoraLabsOSS/ui","registry_fetch":"curl -s https://ui.soralabs.studio/r/registry.json"},"component_count":69,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://ui.soralabs.studio/r/index.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/index.json"},{"name":"cursor-trail-reveal","title":"Cursor Trail Reveal","description":"Desktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/cursor-trail-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/cursor-trail-reveal.json"},{"name":"infinite-scrolling-images","title":"Infinite Scrolling Images","description":"An infinite card stack that advances with wheel, touch, or keyboard input using spring-based Motion transitions.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/infinite-scrolling-images.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/infinite-scrolling-images.json"},{"name":"scroll-chapters","title":"Scroll Chapters","description":"A draggable, chaptered progress-bar nav — two-way cursor/scroll sync, ghost-cursor hover preview, snap-to-step seeking, and a per-chapter panel that can opt in…","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/scroll-chapters.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/scroll-chapters.json"},{"name":"scroll-gallery","title":"Scroll Gallery","description":"A full-viewport sticky scroll slider with strip-mask image transitions and animated title swaps, driven by GSAP ScrollTrigger.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/scroll-gallery.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/scroll-gallery.json"},{"name":"sticky-scroll-cards","title":"Sticky Scroll Cards","description":"Scroll-pinned hero where a front card flips to reveal a stack of back cards, dismissed one at a time as you keep scrolling.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/sticky-scroll-cards.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/sticky-scroll-cards.json"},{"name":"text-reveal-box","title":"Text Reveal Box","description":"Scroll-pinned word-by-word text reveal with a highlight flash, powered by GSAP ScrollTrigger.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-reveal-box.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-reveal-box.json"},{"name":"tilt-slide-transition","title":"Tilt Slide Transition","description":"Multi-page editorial portfolio transition with tilted scaling exit and diagonal clip-path entrance, powered by View Transition API, GSAP SplitText, and Lenis.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/tilt-slide-transition.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/tilt-slide-transition.json"},{"name":"hooks-use-auto-height","title":"useAutoHeight","description":"A hook that allows you to automatically adjust the height of an element based on its content.","type":"registry:hook","source_url":"https://ui.soralabs.studio/r/hooks-use-auto-height.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/hooks-use-auto-height.json"},{"name":"hooks-use-controlled-state","title":"useControlledState","description":"A hook that allows you to control a state.","type":"registry:hook","source_url":"https://ui.soralabs.studio/r/hooks-use-controlled-state.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/hooks-use-controlled-state.json"},{"name":"hooks-use-prefers-reduced-motion","title":"usePrefersReducedMotion","description":"A hook that tracks the OS-level Reduced Motion setting live, so GSAP-driven primitives can skip or shortcut their animations.","type":"registry:hook","source_url":"https://ui.soralabs.studio/r/hooks-use-prefers-reduced-motion.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/hooks-use-prefers-reduced-motion.json"},{"name":"icons-arrow-right","title":"Arrow Right","description":"Animated right arrow that nudges forward and redraws its stroke on hover using a pure CSS stroke-dash animation.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/icons-arrow-right.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/icons-arrow-right.json"},{"name":"icons-bell","title":"Bell","description":"Notification bell that rattles from its hanger on trigger — a decaying rotation pivot.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/icons-bell.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/icons-bell.json"},{"name":"icons-chevrons","title":"Chevrons","description":"Animated double up-chevron that cross-fades between the two carets on trigger.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/icons-chevrons.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/icons-chevrons.json"},{"name":"icons-copy","title":"Copy","description":"Animated copy icon that smoothly transitions into a checkmark on trigger with a scale and blur pop effect.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/icons-copy.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/icons-copy.json"},{"name":"lib-scroll-trigger-utils","title":"Scroll Trigger Utils","description":"Shared GSAP ScrollTrigger helpers (window/scroller detection, ready/resize waiting) used by scroll-driven primitives.","type":"registry:lib","source_url":"https://ui.soralabs.studio/r/lib-scroll-trigger-utils.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/lib-scroll-trigger-utils.json"},{"name":"particle-hover-button","title":"Particle Hover Button","description":"A wrapper that emits glowing, pooled particles from the cursor while hovering any button or link.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/particle-hover-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/particle-hover-button.json"},{"name":"sliding-chip-button","title":"Sliding Chip Button","description":"A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips on hover.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/sliding-chip-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/sliding-chip-button.json"},{"name":"stagger-button","title":"Stagger Button","description":"A button that staggers per character or slides the whole label on hover, with a scaling background layer.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/stagger-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/stagger-button.json"},{"name":"accordion","title":"Accordion","description":"An animated FAQ accordion with expandable panels, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/accordion.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/accordion.json"},{"name":"expandable-tabs","title":"Expandable Tabs","description":"A pill-shaped tab bar that expands into a floating panel, with Motion driving the shell, label, and content transitions.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/expandable-tabs.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/expandable-tabs.json"},{"name":"inline-testimonials","title":"Inline Testimonials","description":"A flowing quote stream where each avatar reveals its author on hover, with Motion fading and blurring the rest.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/inline-testimonials.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/inline-testimonials.json"},{"name":"cursor-bubble","title":"Cursor Bubble","description":"A floating label that follows the cursor and elastic-pops into view over interactive targets, powered by GSAP.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/cursor-bubble.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/cursor-bubble.json"},{"name":"hero-carousel","title":"Hero Carousel","description":"Crossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/hero-carousel.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/hero-carousel.json"},{"name":"highlight","title":"Highlight","description":"A Motion-powered highlight effect that allows you to highlight elements on hover, click or with a controlled value.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/highlight.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/highlight.json"},{"name":"logo-carousel-swapper","title":"Logo Carousel Swapper","description":"Staggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/logo-carousel-swapper.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/logo-carousel-swapper.json"},{"name":"magnetic-cards","title":"Magnetic Cards","description":"A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugin easing each one back to rest.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/magnetic-cards.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/magnetic-cards.json"},{"name":"pixel-image-loader","title":"Pixel Image Loader","description":"A canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/pixel-image-loader.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/pixel-image-loader.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"A stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for fading content under a fixed header or above a scroll boundary.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/progressive-blur.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/progressive-blur.json"},{"name":"skeleton","title":"Skeleton","description":"A loading placeholder with shimmer or fade variants, plus a transition that crossfades into real content once loading finishes.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/skeleton.json"},{"name":"skeleton-shimmer","title":"Skeleton Shimmer","description":"Skeleton loading placeholders with a shimmer effect that transitions to revealed content via a CSS view-transition wipe animation. Skeletons are sized using pl…","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/skeleton-shimmer.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/skeleton-shimmer.json"},{"name":"tilt-card","title":"Tilt Card","description":"3D tilt card that rotates toward the cursor on spring physics, with an optional glare reflection.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/tilt-card.json"},{"name":"video-player","title":"Video Player","description":"Dependency-free custom video player: modal overlay, chaptered timeline, hover-scrub preview, speed menu, picture-in-picture, fullscreen, keyboard shortcuts, an…","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/video-player.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/video-player.json"},{"name":"dia-text-reveal","title":"Dia Text Reveal","description":"A gradient sweep that reveals text with a chromatic wash, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/dia-text-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/dia-text-reveal.json"},{"name":"draw-underline-link","title":"Draw Underline Link","description":"A link with a hand-drawn SVG underline that animates on hover, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/draw-underline-link.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/draw-underline-link.json"},{"name":"dual-wipe-reveal","title":"Dual Wipe Reveal","description":"Dual-layer block wipe reveal that sweeps away curtain blocks to unveil text, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/dual-wipe-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/dual-wipe-reveal.json"},{"name":"fog-text-reveal","title":"Fog Text Reveal","description":"Inline text that materializes through a soft, turbulent WebGL fog mask, inherits font and color from CSS, and cycles through an array of messages.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/fog-text-reveal.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/fog-text-reveal.json"},{"name":"hover-link","title":"Hover Link","description":"Five CSS-only link hover presets — three underline wipes and two block highlights — with an optional sliding arrow.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/hover-link.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/hover-link.json"},{"name":"number-flow","title":"Number Flow","description":"An animated, digit-by-digit number counter with a smooth rolling odometer effect, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/number-flow.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/number-flow.json"},{"name":"rolling-text","title":"Rolling Text","description":"Per-character slot-machine reveal that rolls each letter into place once it scrolls into view, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/rolling-text.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/rolling-text.json"},{"name":"text-cursor-loop","title":"Text Cursor Loop","description":"Cycles through a list of words with a per-character collapse/reveal transition and a trailing cursor glyph that wipes across the text between words.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-cursor-loop.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-cursor-loop.json"},{"name":"text-effect","title":"Text Effect","description":"Preset-driven staggered text reveals with blur, fade, slide, and scale animations, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-effect.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-effect.json"},{"name":"text-loop","title":"Text Loop","description":"Cycles through a list of items with an enter/exit animation, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-loop.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-loop.json"},{"name":"text-morph","title":"Text Morph","description":"Per-character layout morphing for labels, counters, and live text swaps, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-morph.json"},{"name":"text-reveal-block","title":"Text Reveal (Block)","description":"Line-by-line text reveal with a colored block wipe, powered by GSAP SplitText.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-reveal-block.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-reveal-block.json"},{"name":"text-reveal-mask","title":"Text Reveal (Mask)","description":"A scroll-triggered masked slide-up text reveal animation, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-reveal-mask.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-reveal-mask.json"},{"name":"text-roll","title":"Text Roll","description":"A per-character vertical text roll animation for label swaps and micro-interactions, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-roll.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-roll.json"},{"name":"text-scramble","title":"Text Scramble","description":"A text scramble reveal animation that decodes characters on mount or when re-triggered, powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/text-scramble.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/text-scramble.json"},{"name":"typer","title":"Typer","description":"A character-by-character reveal where each glyph ripples through randomized pill, accent, and outline states before settling into plain text. Adjacent same-sta…","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/typer.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/typer.json"},{"name":"base-accordion","title":"Base Accordion","description":"An animated accordion component built on Base UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-accordion.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-accordion.json"},{"name":"base-alert-dialog","title":"Base Alert Dialog","description":"An accessible alert dialog built on Base UI with smooth Motion 3D perspective entrance and exit animations, customizable sizes, and media slots.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-alert-dialog.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-alert-dialog.json"},{"name":"base-button","title":"Base Button","description":"An interactive button component built on Base UI with Motion hover/tap scaling and shadcn/ui variants.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-button.json"},{"name":"base-checkbox","title":"Base Checkbox","description":"An accessible, stylable checkbox built on Base UI with a Motion-friendly animated indicator.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-checkbox.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-checkbox.json"},{"name":"base-context-menu","title":"Base Context Menu","description":"An accessible context menu built on Base UI with smooth Motion spring scale and submenu slide animations.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-context-menu.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-context-menu.json"},{"name":"base-dialog","title":"Base Dialog","description":"An accessible modal dialog built on Base UI with smooth Motion spring entrance and exit animations.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-dialog.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-dialog.json"},{"name":"base-dropdown-menu","title":"Base Dropdown Menu","description":"An accessible dropdown menu built on Base UI with smooth Motion spring scale and submenu slide animations.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-dropdown-menu.json"},{"name":"base-input","title":"Input","description":"A shadcn/ui-compatible input with a smooth Motion-powered caret.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-input.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-input.json"},{"name":"base-switch","title":"Base Switch","description":"An accessible, highly customizable switch built on Base UI with Motion spring layout physics.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-switch.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-switch.json"},{"name":"base-tooltip","title":"Base Tooltip","description":"An accessible tooltip built on Base UI with spring-based keyframe scale and translation animations powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/base-tooltip.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/base-tooltip.json"},{"name":"radix-accordion","title":"Radix Accordion","description":"An animated accordion component built on Radix UI with spring physics, height collapse mask gradient, blur transitions, and gliding layoutId focus ring.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-accordion.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-accordion.json"},{"name":"radix-alert-dialog","title":"Radix Alert Dialog","description":"An accessible alert dialog built on Radix UI with smooth Motion 3D perspective entrance and exit animations, customizable sizes, and media slots.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-alert-dialog.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-alert-dialog.json"},{"name":"radix-button","title":"Radix Button","description":"An interactive button component built on Radix UI Slot with Motion hover/tap scaling and shadcn/ui variants.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-button.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-button.json"},{"name":"radix-checkbox","title":"Radix Checkbox","description":"An accessible, stylable checkbox built on Radix UI with a Motion-friendly animated indicator.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-checkbox.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-checkbox.json"},{"name":"radix-context-menu","title":"Radix Context Menu","description":"An accessible context menu built on Radix UI with smooth Motion spring scale and submenu slide animations.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-context-menu.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-context-menu.json"},{"name":"radix-dialog","title":"Radix Dialog","description":"An accessible modal dialog built on Radix UI with smooth Motion spring entrance and exit animations.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-dialog.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-dialog.json"},{"name":"radix-dropdown-menu","title":"Radix Dropdown Menu","description":"An accessible dropdown menu built on Radix UI with smooth Motion spring scale and submenu slide animations.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-dropdown-menu.json"},{"name":"radix-input","title":"Radix Input","description":"A shadcn/ui-compatible native input with a smooth Motion-powered caret.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-input.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-input.json"},{"name":"radix-switch","title":"Radix Switch","description":"An accessible, highly customizable switch built on Radix UI with Motion spring layout physics.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-switch.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-switch.json"},{"name":"radix-tooltip","title":"Radix Tooltip","description":"An accessible tooltip built on Radix UI with spring-based keyframe scale and translation animations powered by Motion.","type":"registry:ui","source_url":"https://ui.soralabs.studio/r/radix-tooltip.json","install_command":"npx shadcn@latest add https://ui.soralabs.studio/r/radix-tooltip.json"}]},{"id":"sortui","name":"@sortui","slug":"sortui","description":"A design system built on shadcn/ui: every component restyled on one token set, plus AI chat, diff and usage components and ready-made blocks.","author":"sortui","framework":"react","license":"MIT","tags":["ai","auth","blocks","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","pro-available","tables","theming"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://sortui.dev","github":"https://github.com/sortui/ui","registry":"https://sortui.dev/r/registry.json","source":"https://sortui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sortui","markdown":"https://sh4dcn.netlify.app/md/sortui.md"},"logo":"<svg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='32' height='32' fill='#E84900'/><path d='M17.3115 25.1662C17.4063 25.1588 17.4891 25.2322 17.4985 25.3304C17.5957 26.3395 17.8419 27.0503 19.4954 27.2313C19.9466 27.2837 19.9334 27.9999 19.4744 28H12.537C12.0832 27.9999 12.0488 27.292 12.5026 27.2313C14.0925 27.0808 14.3676 26.4084 14.4665 25.4198C14.4759 25.3264 14.5514 25.2548 14.6418 25.2555C14.725 25.2562 14.8079 25.2566 14.8905 25.2566C15.75 25.2566 16.5565 25.225 17.3115 25.1662Z' fill='white'/><path d='M17.9543 15.2108C17.9543 15.0954 18.057 15.0099 18.1653 15.0354C21.3045 15.7739 26 16.4234 26 19.6771C25.9999 21.8199 23.332 24.3265 16.5543 24.6785C16.5422 24.6792 16.5301 24.6798 16.5179 24.6804C16.4288 24.685 16.3389 24.6893 16.2484 24.693C16.2202 24.6942 16.192 24.6953 16.1637 24.6964C16.0806 24.6996 15.9968 24.7027 15.9125 24.7053C15.8897 24.706 15.8668 24.7065 15.844 24.7072C15.7565 24.7097 15.6683 24.712 15.5796 24.7139C15.5488 24.7145 15.5178 24.7149 15.4868 24.7154C15.4034 24.7169 15.3193 24.7183 15.2348 24.7191C15.121 24.7202 15.0062 24.721 14.8905 24.721C12.1303 24.721 9.02439 24.3782 7.33559 23.5979C6.43587 23.1771 5.98459 22.4525 6.0004 21.4382C6.01624 20.7777 6.10864 19.6546 6.19571 18.7434C6.22478 18.3143 6.75776 18.1946 6.96888 18.5484C8.51089 21.325 10.944 23.3153 14.4929 23.716L14.6453 23.7323C14.7862 23.7463 14.9288 23.7575 15.0731 23.7666C15.2949 23.7803 15.5208 23.7887 15.7508 23.7903C16.035 23.7903 16.3237 23.7797 16.6129 23.7589C16.7466 23.7492 16.8804 23.7374 17.014 23.7234C19.4356 23.4685 21.7751 22.485 21.7752 20.7861C21.7752 19.3252 20.0062 18.6528 18.087 18.1708C18.0093 18.1512 17.9543 18.079 17.9543 17.996V15.2108Z' fill='white'/><path d='M19.4242 10.7976C19.8437 10.7976 19.8727 11.4698 19.4453 11.5194C18.461 11.6048 17.4373 11.7813 17.4373 13.1754V22.9749C17.4373 23.0641 17.3742 23.14 17.2891 23.1514C16.7809 23.2197 16.2611 23.2545 15.7535 23.2546C15.3711 23.2518 15.001 23.2312 14.643 23.1939C14.5557 23.1848 14.4899 23.1081 14.4899 23.0171L14.4896 13.1754C14.4895 11.7812 13.4631 11.6048 12.4789 11.5194C12.0356 11.478 12.07 10.7976 12.5053 10.7976H19.4242Z' fill='white'/><path d='M16.6217 8.29851C19.0968 8.29852 21.6011 8.64129 23.5089 9.24878C24.1685 9.44666 24.5802 10.004 24.5143 10.7369L24.3217 12.9804C24.2978 13.4095 23.786 13.5096 23.596 13.1279C22.5035 10.5725 19.6192 9.23206 16.1044 9.20417C13.5422 9.20421 10.8795 10.1993 10.8795 11.7403C10.8796 12.6215 11.8156 13.4165 13.8408 13.962C13.9175 13.9826 13.9722 14.0541 13.9722 14.1364V17.0508C13.9722 17.1625 13.8744 17.2466 13.7688 17.2261C9.81714 16.4582 6.7076 15.1064 6.70756 12.8186C6.70767 10.3552 11.5157 8.29854 16.6217 8.29851Z' fill='white'/><path d='M13.2416 4.71642C13.8129 4.71642 14.2761 5.19754 14.2761 5.79104C14.2761 6.38454 13.8129 6.86567 13.2416 6.86567C12.6703 6.86567 12.2071 6.38454 12.2071 5.79104C12.2071 5.19754 12.6703 4.71642 13.2416 4.71642Z' fill='white'/><path d='M18.7588 4.71642C19.3301 4.71642 19.7933 5.19754 19.7933 5.79104C19.7933 6.38454 19.3301 6.86567 18.7588 6.86567C18.1875 6.86567 17.7243 6.38454 17.7243 5.79104C17.7243 5.19754 18.1875 4.71642 18.7588 4.71642Z' fill='white'/><path d='M16.0002 4C16.5715 4 17.0347 4.48113 17.0347 5.07463C17.0347 5.66813 16.5715 6.14925 16.0002 6.14925C15.4289 6.14925 14.9657 5.66813 14.9657 5.07463C14.9657 4.48113 15.4289 4 16.0002 4Z' fill='white'/></svg>","preview_image":"https://sortui.dev/opengraph-image.png?2678dcdd0c0134f4","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://sortui.dev/pricing"},"metrics":{"github_stars":22,"open_issues":1,"last_commit":"2026-10-26T15:32:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sortui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sortui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://sortui.dev/r/registry.json","clone":"git clone https://github.com/sortui/ui.git","clone_degit":"npx degit sortui/ui","registry_fetch":"curl -s https://sortui.dev/r/registry.json"},"component_count":76,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of headers that expand and collapse their panels, revealing one section of content at a time.","type":"registry:ui","source_url":"https://sortui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://sortui.dev/r/accordion.json"},{"name":"ai-chat-composer","title":"AI Chat Composer","description":"A message composer for AI chats: one row with actions around the text that opens into a column once the text wraps or attachments are added, with an expand act…","type":"registry:ui","source_url":"https://sortui.dev/r/ai-chat-composer.json","install_command":"npx shadcn@latest add https://sortui.dev/r/ai-chat-composer.json"},{"name":"alert","title":"Alert","description":"A callout that surfaces important contextual information — such as a status update or a failure — without interrupting the user's flow.","type":"registry:ui","source_url":"https://sortui.dev/r/alert.json","install_command":"npx shadcn@latest add https://sortui.dev/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal confirmation dialog that interrupts the user before a destructive or irreversible action is carried out.","type":"registry:ui","source_url":"https://sortui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://sortui.dev/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Constrains its content to a fixed width-to-height ratio so media, embeds, and placeholders keep their shape at any container size.","type":"registry:ui","source_url":"https://sortui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://sortui.dev/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"An uploaded or in-flight file as a picture, a card that names its type or a row (full or compact) with its icon, name and metadata, with its upload state and a…","type":"registry:ui","source_url":"https://sortui.dev/r/attachment.json","install_command":"npx shadcn@latest add https://sortui.dev/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"Displays a user's image with an automatic initials fallback, plus optional status badge and stacked group with overflow count.","type":"registry:ui","source_url":"https://sortui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://sortui.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"A small inline label for surfacing statuses, categories, and metadata next to other content.","type":"registry:ui","source_url":"https://sortui.dev/r/badge.json","install_command":"npx shadcn@latest add https://sortui.dev/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current page as a hierarchy of links so users can see where they are and jump back to any parent level.","type":"registry:ui","source_url":"https://sortui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://sortui.dev/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"A chat message bubble for conversation UIs, with sender alignment, tonal variants, grouped messages, and emoji reactions.","type":"registry:ui","source_url":"https://sortui.dev/r/bubble.json","install_command":"npx shadcn@latest add https://sortui.dev/r/bubble.json"},{"name":"button","title":"Button","description":"Triggers an action. Six emphasis levels, five sizes with icon-only counterparts and an optional count chip.","type":"registry:ui","source_url":"https://sortui.dev/r/button.json","install_command":"npx shadcn@latest add https://sortui.dev/r/button.json"},{"name":"button-group","title":"Button Group","description":"Groups related buttons and controls into a single connected segment with shared borders and rounded outer corners.","type":"registry:ui","source_url":"https://sortui.dev/r/button-group.json","install_command":"npx shadcn@latest add https://sortui.dev/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A month grid for picking a single date, multiple dates, or a date range, built on react-day-picker.","type":"registry:ui","source_url":"https://sortui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://sortui.dev/r/calendar.json"},{"name":"card","title":"Card","description":"An opaque surface that groups related content, with slots for a header, title, description, action, content, and footer.","type":"registry:ui","source_url":"https://sortui.dev/r/card.json","install_command":"npx shadcn@latest add https://sortui.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"A slide container for cycling through related content, built on Embla with previous/next buttons and arrow-key navigation.","type":"registry:ui","source_url":"https://sortui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://sortui.dev/r/carousel.json"},{"name":"chart","title":"Chart","description":"Recharts-based building blocks — a themed container, tooltip, and legend that pull series labels and colors from a single chart config.","type":"registry:ui","source_url":"https://sortui.dev/r/chart.json","install_command":"npx shadcn@latest add https://sortui.dev/r/chart.json"},{"name":"chat-sidebar-01","title":"Chat Sidebar","description":"Chat history in a sidebar: new chat with its shortcut, search, conversations grouped by date with pinning, per-chat actions on hover and the account menu.","type":"registry:block","source_url":"https://sortui.dev/r/chat-sidebar-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/chat-sidebar-01.json"},{"name":"chat-thread-01","title":"Chat Thread","description":"A conversation with an assistant: your messages and attachments on the right, answers across the full width with folded reasoning, lists and bold text, copy / …","type":"registry:block","source_url":"https://sortui.dev/r/chat-thread-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/chat-thread-01.json"},{"name":"chat-welcome-01","title":"Chat Welcome","description":"The empty state of a new chat: a greeting, the prompt input and suggestion buttons that start a conversation in one click.","type":"registry:block","source_url":"https://sortui.dev/r/chat-welcome-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/chat-welcome-01.json"},{"name":"checkbox","title":"Checkbox","description":"A control that lets the user toggle a single option between checked and unchecked states.","type":"registry:ui","source_url":"https://sortui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://sortui.dev/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"A panel that expands and collapses to reveal or hide secondary content behind a trigger.","type":"registry:ui","source_url":"https://sortui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://sortui.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"An input that filters a list of options as the user types and lets them pick a value from a popup.","type":"registry:ui","source_url":"https://sortui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://sortui.dev/r/combobox.json"},{"name":"command","title":"Command","description":"A searchable command menu for finding and running actions, with grouped, keyboard-navigable results and built-in filtering.","type":"registry:ui","source_url":"https://sortui.dev/r/command.json","install_command":"npx shadcn@latest add https://sortui.dev/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"A menu of contextual actions that opens at the pointer position when the user right-clicks (or long-presses) a target element.","type":"registry:ui","source_url":"https://sortui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://sortui.dev/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A modal window over the page content. Composed from focused subcomponents.","type":"registry:ui","source_url":"https://sortui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://sortui.dev/r/dialog.json"},{"name":"diff","title":"Diff","description":"Shows the changes to a file as a unified or split diff — line numbers, added and removed lines, +/- counts in the header and syntax highlighting — from a patch…","type":"registry:ui","source_url":"https://sortui.dev/r/diff.json","install_command":"npx shadcn@latest add https://sortui.dev/r/diff.json"},{"name":"direction","title":"Direction","description":"A context provider that switches Base UI components between left-to-right and right-to-left reading directions.","type":"registry:ui","source_url":"https://sortui.dev/r/direction.json","install_command":"npx shadcn@latest add https://sortui.dev/r/direction.json"},{"name":"drawer","title":"Drawer","description":"A panel that slides in from an edge of the screen and can be swiped away, for supplementary content and quick actions.","type":"registry:ui","source_url":"https://sortui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://sortui.dev/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A menu of actions or options that opens from a trigger element, with support for groups, submenus, checkbox and radio items.","type":"registry:ui","source_url":"https://sortui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://sortui.dev/r/dropdown-menu.json"},{"name":"effort-slider-01","title":"Effort Slider","description":"A model-effort picker: a stepped slider whose thumb is pulled toward the nearest level and springs onto it, with a cross-fading level name, a recommended mark …","type":"registry:block","source_url":"https://sortui.dev/r/effort-slider-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/effort-slider-01.json"},{"name":"empty","title":"Empty","description":"A placeholder state for screens with no data yet, combining an icon, a title, a description, and follow-up actions.","type":"registry:ui","source_url":"https://sortui.dev/r/empty.json","install_command":"npx shadcn@latest add https://sortui.dev/r/empty.json"},{"name":"field","title":"Field","description":"Composable building blocks for form fields — label, description, error, and layout primitives that wrap any control.","type":"registry:ui","source_url":"https://sortui.dev/r/field.json","install_command":"npx shadcn@latest add https://sortui.dev/r/field.json"},{"name":"file-icon","title":"File Icon","description":"A coloured icon for each kind of file — document, spreadsheet, presentation, PDF, image, video, music, archive or a plain file — sized like a Lucide icon in at…","type":"registry:ui","source_url":"https://sortui.dev/r/file-icon.json","install_command":"npx shadcn@latest add https://sortui.dev/r/file-icon.json"},{"name":"hover-card","title":"Hover Card","description":"A card that previews linked content, such as a user or project, when the pointer rests on its trigger.","type":"registry:ui","source_url":"https://sortui.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://sortui.dev/r/hover-card.json"},{"name":"input","title":"Input","description":"A single-line text field. Three heights that line up with Button.","type":"registry:ui","source_url":"https://sortui.dev/r/input.json","install_command":"npx shadcn@latest add https://sortui.dev/r/input.json"},{"name":"input-group","title":"Input Group","description":"Groups an input or textarea with icons, text, buttons, and keyboard hints inside a single field container.","type":"registry:ui","source_url":"https://sortui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://sortui.dev/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"A one-time password input with individual character slots, caret animation, and paste support for verification codes.","type":"registry:ui","source_url":"https://sortui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://sortui.dev/r/input-otp.json"},{"name":"item","title":"Item","description":"A composable list row that arranges media, text content, and actions into a single flexible container.","type":"registry:ui","source_url":"https://sortui.dev/r/item.json","install_command":"npx shadcn@latest add https://sortui.dev/r/item.json"},{"name":"kbd","title":"Kbd","description":"Displays a keyboard key or key combination, used for surfacing shortcut hints in menus, tooltips, and documentation.","type":"registry:ui","source_url":"https://sortui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://sortui.dev/r/kbd.json"},{"name":"label","title":"Label","description":"An accessible caption for a form control, associated via htmlFor and styled to dim automatically when its control is disabled.","type":"registry:ui","source_url":"https://sortui.dev/r/label.json","install_command":"npx shadcn@latest add https://sortui.dev/r/label.json"},{"name":"marker","title":"Marker","description":"A muted inline label row with an optional icon for annotating lists, feeds, and timelines — usable as a plain note, a centered separator, or a bordered section…","type":"registry:ui","source_url":"https://sortui.dev/r/marker.json","install_command":"npx shadcn@latest add https://sortui.dev/r/marker.json"},{"name":"menubar","title":"Menubar","description":"A horizontal bar of persistent dropdown menus, like the command menus along the top of a desktop application.","type":"registry:ui","source_url":"https://sortui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://sortui.dev/r/menubar.json"},{"name":"message","title":"Message","description":"A layout wrapper for chat threads that positions an avatar, message bubbles, a sender header, and a timestamp footer, with start or end alignment per message.","type":"registry:ui","source_url":"https://sortui.dev/r/message.json","install_command":"npx shadcn@latest add https://sortui.dev/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"A scroll container for chat and feed interfaces that starts at the latest message, keeps its position while history changes, and shows a button to jump back to…","type":"registry:ui","source_url":"https://sortui.dev/r/message-scroller.json","install_command":"npx shadcn@latest add https://sortui.dev/r/message-scroller.json"},{"name":"model-picker-01","title":"Model Picker","description":"A header menu for choosing the model a chat runs on — each option with a one-line description and a Pro badge — plus an upgrade entry.","type":"registry:block","source_url":"https://sortui.dev/r/model-picker-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/model-picker-01.json"},{"name":"native-select","title":"Native Select","description":"A styled wrapper around the browser's built-in select element for compact, dependency-free option pickers that use the platform's native dropdown UI.","type":"registry:ui","source_url":"https://sortui.dev/r/native-select.json","install_command":"npx shadcn@latest add https://sortui.dev/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A horizontal menu of links and animated dropdown panels for top-level site or product navigation.","type":"registry:ui","source_url":"https://sortui.dev/r/navigation-menu.json","install_command":"npx shadcn@latest add https://sortui.dev/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Navigation between pages of a long list, with previous/next controls, numbered page links, and an ellipsis for collapsed ranges.","type":"registry:ui","source_url":"https://sortui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://sortui.dev/r/pagination.json"},{"name":"popover","title":"Popover","description":"A floating panel anchored to a trigger element, for lightweight details and actions that don't need a full dialog.","type":"registry:ui","source_url":"https://sortui.dev/r/popover.json","install_command":"npx shadcn@latest add https://sortui.dev/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays a bar or circular ring that shows how far a task or quota has progressed toward completion, with optional label and value text.","type":"registry:ui","source_url":"https://sortui.dev/r/progress.json","install_command":"npx shadcn@latest add https://sortui.dev/r/progress.json"},{"name":"prompt-input-01","title":"Prompt Input","description":"A chat composer: a growing message field, file attachments with previews, a tools menu (web search, deep research, image), and a send button that turns into st…","type":"registry:block","source_url":"https://sortui.dev/r/prompt-input-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/prompt-input-01.json"},{"name":"radio-group","title":"Radio Group","description":"A set of mutually exclusive options where selecting one choice deselects the others.","type":"registry:ui","source_url":"https://sortui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://sortui.dev/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel groups with draggable, keyboard-accessible handles for building split views and adjustable layouts.","type":"registry:ui","source_url":"https://sortui.dev/r/resizable.json","install_command":"npx shadcn@latest add https://sortui.dev/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrollable region with a custom, consistently styled scrollbar that replaces the native one across browsers and platforms.","type":"registry:ui","source_url":"https://sortui.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://sortui.dev/r/scroll-area.json"},{"name":"select","title":"Select","description":"A dropdown control for picking one option from a list, opened from a trigger button and submitted like a native form field.","type":"registry:ui","source_url":"https://sortui.dev/r/select.json","install_command":"npx shadcn@latest add https://sortui.dev/r/select.json"},{"name":"separator","title":"Separator","description":"A thin rule that visually and semantically divides content, either horizontally between sections or vertically between inline items.","type":"registry:ui","source_url":"https://sortui.dev/r/separator.json","install_command":"npx shadcn@latest add https://sortui.dev/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A panel that slides in from an edge of the screen to show supplementary content or actions without leaving the current page.","type":"registry:ui","source_url":"https://sortui.dev/r/sheet.json","install_command":"npx shadcn@latest add https://sortui.dev/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"A composable side navigation panel with collapsible, floating, and inset modes for building application layouts.","type":"registry:ui","source_url":"https://sortui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://sortui.dev/r/sidebar.json"},{"name":"simple-icon","title":"Simple Icon","description":"Renders a brand icon from Simple Icons — GitHub, Apple, Google, Figma — as a currentColor svg that sizes like a Lucide icon inside buttons and text.","type":"registry:ui","source_url":"https://sortui.dev/r/simple-icon.json","install_command":"npx shadcn@latest add https://sortui.dev/r/simple-icon.json"},{"name":"skeleton","title":"Skeleton","description":"A pulsing placeholder that reserves the shape of content while it loads.","type":"registry:ui","source_url":"https://sortui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://sortui.dev/r/skeleton.json"},{"name":"sleep-widget-01","title":"Sleep Widget","description":"Last night's sleep: the stages along a usage bar with a time axis, the totals per stage, a smart alarm switch and a wake-window slider.","type":"registry:block","source_url":"https://sortui.dev/r/sleep-widget-01.json","install_command":"npx shadcn@latest add https://sortui.dev/r/sleep-widget-01.json"},{"name":"slider","title":"Slider","description":"A draggable control for selecting a numeric value or range within fixed bounds.","type":"registry:ui","source_url":"https://sortui.dev/r/slider.json","install_command":"npx shadcn@latest add https://sortui.dev/r/slider.json"},{"name":"sonner","title":"Sonner","description":"An opinionated toast component for showing brief, stackable notifications — successes, errors, and undoable actions — from anywhere in your app.","type":"registry:ui","source_url":"https://sortui.dev/r/sonner.json","install_command":"npx shadcn@latest add https://sortui.dev/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"An animated loading indicator for pending actions and in-flight state.","type":"registry:ui","source_url":"https://sortui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://sortui.dev/r/spinner.json"},{"name":"switch","title":"Switch","description":"A toggle control for switching a single setting on or off instantly.","type":"registry:ui","source_url":"https://sortui.dev/r/switch.json","install_command":"npx shadcn@latest add https://sortui.dev/r/switch.json"},{"name":"table","title":"Table","description":"A styled HTML table for presenting structured data in rows and columns, with header, body, footer, and caption parts and a built-in horizontal-scroll container.","type":"registry:ui","source_url":"https://sortui.dev/r/table.json","install_command":"npx shadcn@latest add https://sortui.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"A set of layered panels where selecting a tab in the list shows its panel and hides the others.","type":"registry:ui","source_url":"https://sortui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://sortui.dev/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A multi-line text field for longer free-form input such as notes, descriptions, and messages, with content-based auto-sizing.","type":"registry:ui","source_url":"https://sortui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://sortui.dev/r/textarea.json"},{"name":"theme","title":"SortUI theme","description":"The SortUI tokens v2 as one theme: opaque surfaces with a dark ladder (card 900, popover 800), the translucent fill ladder fill-1…4, the roles field / raised /…","type":"registry:theme","source_url":"https://sortui.dev/r/theme.json","install_command":"npx shadcn@latest add https://sortui.dev/r/theme.json"},{"name":"toggle","title":"Toggle","description":"A two-state button for switching an option on or off, such as view or formatting settings in a toolbar.","type":"registry:ui","source_url":"https://sortui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://sortui.dev/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that share one selection state, allowing either a single pressed item or several at once.","type":"registry:ui","source_url":"https://sortui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://sortui.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A small floating label that reveals extra context for a control when it is hovered or focused.","type":"registry:ui","source_url":"https://sortui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://sortui.dev/r/tooltip.json"},{"name":"trace","title":"AI Trace","description":"Lines of agent activity — reasoning, tool calls, searches, sources, plans and subagent runs — each with an icon, a title and an optional description and status…","type":"registry:ui","source_url":"https://sortui.dev/r/trace.json","install_command":"npx shadcn@latest add https://sortui.dev/r/trace.json"},{"name":"usage-bar","title":"Usage Bar","description":"Shows how a whole is shared out — storage, a data plan, a quota — as one row of segments sized by their value, with a legend, an axis and a highlighted segment…","type":"registry:ui","source_url":"https://sortui.dev/r/usage-bar.json","install_command":"npx shadcn@latest add https://sortui.dev/r/usage-bar.json"},{"name":"use-mobile","title":"useMobile","description":"React hook that tracks whether the viewport is below the mobile breakpoint (768px).","type":"registry:hook","source_url":"https://sortui.dev/r/use-mobile.json","install_command":"npx shadcn@latest add https://sortui.dev/r/use-mobile.json"},{"name":"utils","title":"Utils","description":"The cn() class-merge helper used by every component.","type":"registry:lib","source_url":"https://sortui.dev/r/utils.json","install_command":"npx shadcn@latest add https://sortui.dev/r/utils.json"}]},{"id":"soundcn","name":"@soundcn","slug":"soundcn","description":"An open-source registry of 700+ short UI sound effects (game sounds, interface clicks, notifications, transitions, retro bleeps) installable via the shadcn CLI. Each sound is a self-contained TypeScript module with an inline base64 data URI and a useSound hook backed by the Web Audio API — zero external files, no runtime fetching, no CORS issues. Also includes a World of Warcraft sound collection (non-commercial). Most sounds are CC0-licensed (Kenney). Use for: adding subtle audio feedback to interactive React elements (buttons, toasts, drag-and-drop) without any dependency on external audio-hosting services or heavy audio libraries.","author":"kapishdima","framework":"react","license":"MIT","tags":["aesthetic","animation","audio","backgrounds","buttons","cards","gaming","hooks","media","overlays","retro"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://soundcn.xyz","github":"https://github.com/kapishdima/soundcn","registry":"https://soundcn.xyz/r/registry.json","source":"https://soundcn.xyz/r/registry.json","page":"https://sh4dcn.netlify.app/registry/soundcn","markdown":"https://sh4dcn.netlify.app/md/soundcn.md"},"logo":"<svg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='8.1' width='3' height='9.9' rx='1.5' fill='currentColor'/><rect x='3.75' y='1.8' width='3' height='16.2' rx='1.5' fill='currentColor'/><rect x='7.5' y='11.7' width='3' height='6.3' rx='1.5' fill='currentColor'/><rect x='11.25' y='4.5' width='3' height='13.5' rx='1.5' fill='currentColor'/><rect x='15' y='9.9' width='3' height='8.1' rx='1.5' fill='currentColor'/></svg>","preview_image":"https://www.soundcn.xyz/og-dark.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":908,"open_issues":1,"last_commit":"2026-06-09T08:33:10Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://soundcn.xyz/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://soundcn.xyz/r/registry.json","install_bun":"bunx shadcn@latest add https://soundcn.xyz/r/registry.json","clone":"git clone https://github.com/kapishdima/soundcn.git","clone_degit":"npx degit kapishdima/soundcn","registry_fetch":"curl -s https://soundcn.xyz/r/registry.json"},"component_count":250,"components":[{"name":"sound-types","title":"Sound Types","description":"TypeScript type definitions for soundcn sound assets.","type":"registry:lib","source_url":"https://soundcn.xyz/r/sound-types.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/sound-types.json"},{"name":"use-sound","title":"useSound","description":"A lightweight React hook for playing sound effects using the Web Audio API. Zero dependencies.","type":"registry:hook","source_url":"https://soundcn.xyz/r/use-sound.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/use-sound.json"},{"name":"sound-engine","title":"Sound Engine","description":"Framework-agnostic audio engine using Web Audio API. Zero dependencies.","type":"registry:lib","source_url":"https://soundcn.xyz/r/sound-engine.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/sound-engine.json"},{"name":"click-8bit","title":"Click 8-Bit","description":"A short, retro-style digital click sound, perfect for actions in a vintage game or pixel-art UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-8bit.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-8bit.json"},{"name":"click-soft","title":"Click Soft","description":"A very subtle and gentle click, suitable for minimal UI interactions where a quiet confirmation is desired.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-soft.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-soft.json"},{"name":"switch-on","title":"Switch On","description":"A distinct, upward-moving sound indicating a toggle or switch has been activated, ideal for turning on a setting or feature.","type":"registry:block","source_url":"https://soundcn.xyz/r/switch-on.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/switch-on.json"},{"name":"switch-off","title":"Switch Off","description":"A distinct, downward-moving sound indicating a toggle or switch has been deactivated, perfect for turning off a setting or feature.","type":"registry:block","source_url":"https://soundcn.xyz/r/switch-off.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/switch-off.json"},{"name":"notification-pop","title":"Notification Pop","description":"A friendly, short popping sound that signals a new notification or a subtle alert, suitable for toast messages or incoming pings.","type":"registry:block","source_url":"https://soundcn.xyz/r/notification-pop.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/notification-pop.json"},{"name":"success-chime","title":"Success Chime","description":"A clear, positive chime sound indicating a successful action or completion, ideal for form submissions or task achievements.","type":"registry:block","source_url":"https://soundcn.xyz/r/success-chime.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/success-chime.json"},{"name":"error-buzz","title":"Error Buzz","description":"A short, slightly harsh buzz indicating an error or invalid action, perfect for form validation failures or incorrect inputs.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-buzz.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-buzz.json"},{"name":"hover-tick","title":"Hover Tick","description":"A very subtle, quick tick sound, best used to provide discreet auditory feedback when a user hovers over an interactive element or focuses on it.","type":"registry:block","source_url":"https://soundcn.xyz/r/hover-tick.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/hover-tick.json"},{"name":"jump-8bit","title":"Jump 8-Bit","description":"A classic 8-bit upward 'boing' sound effect, ideal for character jumps or upward movements in a retro-style game.","type":"registry:block","source_url":"https://soundcn.xyz/r/jump-8bit.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/jump-8bit.json"},{"name":"coin-collect","title":"Coin Collect","description":"A cheerful, distinct sound of a coin being collected, perfect for rewarding players in a game or marking a successful item pickup.","type":"registry:block","source_url":"https://soundcn.xyz/r/coin-collect.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/coin-collect.json"},{"name":"arcade-mode","title":"Arcade Mode","description":"A short, energetic fanfare announcing the start of an arcade game mode, often featuring retro elements.","type":"registry:block","source_url":"https://soundcn.xyz/r/arcade-mode.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/arcade-mode.json"},{"name":"back-001","title":"Back 001","description":"A very quick, subtle sound effect suitable for navigating back in a UI or undoing a simple action.","type":"registry:block","source_url":"https://soundcn.xyz/r/back-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-001.json"},{"name":"back-002","title":"Back 002","description":"A slightly more pronounced but still short sound for navigating back or cancelling an action in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/back-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-002.json"},{"name":"back-003","title":"Back 003","description":"A brief, crisp sound indicating a backward navigation or an action reversal within an application.","type":"registry:block","source_url":"https://soundcn.xyz/r/back-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-003.json"},{"name":"back-004","title":"Back 004","description":"A concise sound effect for going back in a sequence or returning to a prior state in an interface.","type":"registry:block","source_url":"https://soundcn.xyz/r/back-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/back-004.json"},{"name":"battle-mode","title":"Battle Mode","description":"An impactful, intense sound effect signifying the initiation of a battle sequence or a competitive game mode.","type":"registry:block","source_url":"https://soundcn.xyz/r/battle-mode.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/battle-mode.json"},{"name":"begin","title":"Begin","description":"An inspiring and clear sound effect marking the start of a game, level, or significant activity.","type":"registry:block","source_url":"https://soundcn.xyz/r/begin.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/begin.json"},{"name":"belt-handle-1","title":"Belt Handle 1","description":"A subtle, mechanical click or adjustment sound, suitable for interacting with a virtual belt or strap handle.","type":"registry:block","source_url":"https://soundcn.xyz/r/belt-handle-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/belt-handle-1.json"},{"name":"belt-handle-2","title":"Belt Handle 2","description":"A distinct, slightly more prominent mechanical sound for operating a belt or strap handle, suggesting a firm action.","type":"registry:block","source_url":"https://soundcn.xyz/r/belt-handle-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/belt-handle-2.json"},{"name":"bong-001","title":"Bong 001","description":"A short, resonant 'bong' sound, useful for a clear, attention-grabbing notification or an important alert.","type":"registry:block","source_url":"https://soundcn.xyz/r/bong-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/bong-001.json"},{"name":"book-close","title":"Book Close","description":"A soft, conclusive thud indicating the closing of a virtual book or document within an interface.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-close.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-close.json"},{"name":"book-flip-1","title":"Book Flip 1","description":"A gentle, quick page-turning sound, ideal for navigating through virtual book pages or scrolling content.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-flip-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-flip-1.json"},{"name":"book-flip-2","title":"Book Flip 2","description":"A distinct, medium-paced sound of a page being flipped, suggesting a deliberate action in a digital book or catalog.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-flip-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-flip-2.json"},{"name":"book-flip-3","title":"Book Flip 3","description":"A quick, crisp page-turning sound, suitable for rapid page navigation or content scrolling in a virtual book.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-flip-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-flip-3.json"},{"name":"book-open","title":"Book Open","description":"A soft, inviting sound indicating the opening of a virtual book or accessing new content.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-open.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-open.json"},{"name":"book-place-1","title":"Book Place 1","description":"A soft thud or gentle drop sound, perfect for placing a virtual book or item onto a surface.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-place-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-place-1.json"},{"name":"book-place-2","title":"Book Place 2","description":"A slightly more pronounced impact sound for placing a virtual book or object, conveying a definite placement.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-place-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-place-2.json"},{"name":"book-place-3","title":"Book Place 3","description":"A concise sound effect for placing a virtual book, indicating a quick and secure positioning of an item.","type":"registry:block","source_url":"https://soundcn.xyz/r/book-place-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/book-place-3.json"},{"name":"card-fan-1","title":"Card Fan 1","description":"A gentle, quick fanning sound of virtual cards, suitable for showing a hand of cards or quick selection.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-fan-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-fan-1.json"},{"name":"card-fan-2","title":"Card Fan 2","description":"A more extended and distinct fanning sound of multiple cards, ideal for presenting a full hand or larger card collection.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-fan-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-fan-2.json"},{"name":"card-place-1","title":"Card Place 1","description":"A subtle thud as a single virtual card is placed onto a surface, ideal for casual card games.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-place-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-1.json"},{"name":"card-place-2","title":"Card Place 2","description":"A clear, short sound of a virtual card being placed, suggesting a deliberate and firm action in a card game.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-place-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-2.json"},{"name":"card-place-3","title":"Card Place 3","description":"A distinct, medium-length sound of a virtual card being positioned, indicating a considered placement.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-place-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-3.json"},{"name":"card-place-4","title":"Card Place 4","description":"An extended, subtle sound of a virtual card being placed, useful for a smooth, unhurried placement animation.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-place-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-place-4.json"},{"name":"card-shove-1","title":"Card Shove 1","description":"A quick, decisive sound of a virtual card being shoved or pushed, suitable for repositioning or discarding.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-shove-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-1.json"},{"name":"card-shove-2","title":"Card Shove 2","description":"A distinct, firm sound of a virtual card being shoved, implying a more forceful or confident action.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-shove-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-2.json"},{"name":"card-shove-3","title":"Card Shove 3","description":"A short, clear sound of a card being briskly shoved, useful for rapid card manipulation actions.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-shove-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-3.json"},{"name":"card-shove-4","title":"Card Shove 4","description":"A slightly extended and crisp sound of a card being shoved, perfect for a deliberate and audible card movement.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-shove-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shove-4.json"},{"name":"card-shuffle","title":"Card Shuffle","description":"The sound of virtual cards being shuffled, creating an authentic atmosphere for card games or randomizing elements.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-shuffle.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-shuffle.json"},{"name":"card-slide-1","title":"Card Slide 1","description":"A quick, subtle slide sound for a single virtual card, ideal for minor adjustments or moving cards gently.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-1.json"},{"name":"card-slide-2","title":"Card Slide 2","description":"A distinct, short sliding sound for a virtual card, suggesting a deliberate movement or placement.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-2.json"},{"name":"card-slide-3","title":"Card Slide 3","description":"A smooth, medium-length sliding sound for a virtual card, suitable for an unhurried, controlled movement.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-3.json"},{"name":"card-slide-4","title":"Card Slide 4","description":"A quick, soft slide sound for a virtual card, perfect for swift and quiet card movements.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-4.json"},{"name":"card-slide-5","title":"Card Slide 5","description":"A clear, concise sliding sound for a virtual card, indicating a decisive and efficient movement.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-5.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-5.json"},{"name":"card-slide-6","title":"Card Slide 6","description":"A smooth, distinct sliding sound for a virtual card, suitable for a controlled and audible repositioning.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-6.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-6.json"},{"name":"card-slide-7","title":"Card Slide 7","description":"A slightly extended, gentle sliding sound for a virtual card, suggesting a deliberate but unforced movement.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-7.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-7.json"},{"name":"card-slide-8","title":"Card Slide 8","description":"A prolonged, smooth sliding sound for a virtual card, ideal for long-distance card movements or sweeping actions.","type":"registry:block","source_url":"https://soundcn.xyz/r/card-slide-8.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/card-slide-8.json"},{"name":"cards-pack-open-1","title":"Cards Pack Open 1","description":"A distinct ripping or tearing sound indicating the opening of a virtual card pack, often used for revealing new items.","type":"registry:block","source_url":"https://soundcn.xyz/r/cards-pack-open-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cards-pack-open-1.json"},{"name":"cards-pack-open-2","title":"Cards Pack Open 2","description":"A slightly softer, more subtle sound for opening a virtual card pack, for a less dramatic reveal of content.","type":"registry:block","source_url":"https://soundcn.xyz/r/cards-pack-open-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cards-pack-open-2.json"},{"name":"cards-pack-take-out-1","title":"Cards Pack Take Out 1","description":"A subtle rustling sound as virtual cards are taken out of a pack, ideal for confirming card retrieval.","type":"registry:block","source_url":"https://soundcn.xyz/r/cards-pack-take-out-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cards-pack-take-out-1.json"},{"name":"cards-pack-take-out-2","title":"Cards Pack Take Out 2","description":"A crisp, short sound of cards being taken out of a pack, ideal for a UI action confirming selection or removal of an item from a collection.","type":"registry:block","source_url":"https://soundcn.xyz/r/cards-pack-take-out-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cards-pack-take-out-2.json"},{"name":"championship-mode","title":"Championship Mode","description":"An impactful, declarative sound announcing a \"championship mode,\" perfect for the start of a special game event or activation of a premium feature.","type":"registry:block","source_url":"https://soundcn.xyz/r/championship-mode.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/championship-mode.json"},{"name":"chip-lay-1","title":"Chip Lay 1","description":"A subtle, quick sound of a single chip being laid down, suitable for placing an item, confirming a small selection, or a subtle UI interaction in a game.","type":"registry:block","source_url":"https://soundcn.xyz/r/chip-lay-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chip-lay-1.json"},{"name":"chip-lay-2","title":"Chip Lay 2","description":"A clear, distinct sound of a single chip being laid down, ideal for confirming a selection, placing a token, or a moderate UI interaction.","type":"registry:block","source_url":"https://soundcn.xyz/r/chip-lay-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chip-lay-2.json"},{"name":"chip-lay-3","title":"Chip Lay 3","description":"A slightly more prominent sound of a single chip being laid down, suitable for a game action like placing a bet or confirming an important choice.","type":"registry:block","source_url":"https://soundcn.xyz/r/chip-lay-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chip-lay-3.json"},{"name":"chips-collide-1","title":"Chips Collide 1","description":"A brief, light sound of chips colliding, useful for subtle feedback when items briefly touch or for a minor physics interaction in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-collide-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-1.json"},{"name":"chips-collide-2","title":"Chips Collide 2","description":"A quick, clear sound of chips colliding, appropriate for a short interaction where items bump or for a distinct feedback in a game inventory.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-collide-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-2.json"},{"name":"chips-collide-3","title":"Chips Collide 3","description":"A more pronounced, short sound of chips colliding, useful for confirming an item merge or a more impactful physics feedback in a game.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-collide-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-3.json"},{"name":"chips-collide-4","title":"Chips Collide 4","description":"A sharp, concise sound of chips colliding, best for a quick, responsive feedback like a UI element snapping into place or a rapid item interaction.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-collide-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-collide-4.json"},{"name":"chips-handle-1","title":"Chips Handle 1","description":"A drawn-out sound of chips being handled, suitable for a UI action indicating items being shuffled, sorted, or a multi-item selection process.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-handle-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-1.json"},{"name":"chips-handle-2","title":"Chips Handle 2","description":"A moderately extended sound of chips being handled, good for feedback during a drag-and-drop operation involving multiple items or a brief shuffling animation.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-handle-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-2.json"},{"name":"chips-handle-3","title":"Chips Handle 3","description":"A short, distinct sound of chips being briefly handled, ideal for a quick selection of multiple items or a rapid inventory movement.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-handle-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-3.json"},{"name":"chips-handle-4","title":"Chips Handle 4","description":"A clean, medium-length sound of chips being handled, useful for confirming a group of items being moved or a moderate shuffling action in a game.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-handle-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-4.json"},{"name":"chips-handle-5","title":"Chips Handle 5","description":"A more extensive sound of chips being handled, perfect for a longer animation involving item organization, a complex drag-and-drop, or a dealer shuffling cards.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-handle-5.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-5.json"},{"name":"chips-handle-6","title":"Chips Handle 6","description":"A distinct, medium-length sound of chips being handled, good for a game action involving the manipulation of several game pieces or a substantial inventory upd…","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-handle-6.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-handle-6.json"},{"name":"chips-stack-1","title":"Chips Stack 1","description":"A crisp, quick sound of chips stacking, ideal for confirming a single item added to a pile, a small increment in a counter, or a game piece stacking.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-stack-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-1.json"},{"name":"chips-stack-2","title":"Chips Stack 2","description":"A very quick, light sound of chips stacking, perfect for rapid accumulation of items, a fast increment, or a subtle success cue.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-stack-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-2.json"},{"name":"chips-stack-3","title":"Chips Stack 3","description":"A slightly more pronounced sound of chips stacking, suitable for a noticeable increment, a game action involving building a stack, or adding a significant item.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-stack-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-3.json"},{"name":"chips-stack-4","title":"Chips Stack 4","description":"A clean, quick sound of chips stacking, useful for general item accumulation, a simple counter update, or a basic game stacking mechanic.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-stack-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-4.json"},{"name":"chips-stack-5","title":"Chips Stack 5","description":"A very short, crisp sound of chips stacking, ideal for extremely fast feedback when items are added in quick succession or for a minimal stacking interaction.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-stack-5.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-5.json"},{"name":"chips-stack-6","title":"Chips Stack 6","description":"A clear, concise sound of chips stacking, perfect for a straightforward item addition, a clear increment, or a simple game stacking action.","type":"registry:block","source_url":"https://soundcn.xyz/r/chips-stack-6.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chips-stack-6.json"},{"name":"choose-your-character","title":"Choose Your Character","description":"A short, impactful vocal prompt \"Choose Your Character,\" designed for a game's selection screen where the user needs to pick a player.","type":"registry:block","source_url":"https://soundcn.xyz/r/choose-your-character.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/choose-your-character.json"},{"name":"chop","title":"Chop","description":"A sharp, percussive chopping sound, suitable for a destructive action, an item being cut, or a quick, decisive action in a game UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/chop.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/chop.json"},{"name":"click-001","title":"Click 001","description":"A very short, high-pitched click sound, ideal for a light, responsive button press or a subtle interactive element.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-001.json"},{"name":"click-002","title":"Click 002","description":"An extremely brief and subtle click, perfect for minimal, unobtrusive feedback on very rapid UI interactions or background processes.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-002.json"},{"name":"click-003","title":"Click 003","description":"A minuscule, barely audible click, best used for ultra-subtle feedback on fast, repetitive actions where sound needs to be present but not distracting.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-003.json"},{"name":"click-004","title":"Click 004","description":"A very short and sharp click, suitable for responsive UI elements, confirmation of small selections, or quick toggles.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-004.json"},{"name":"click-005","title":"Click 005","description":"An extremely short, faint click, ideal for the most delicate UI interactions or as a nearly silent confirmation for rapid input.","type":"registry:block","source_url":"https://soundcn.xyz/r/click-005.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/click-005.json"},{"name":"close-001","title":"Close 001","description":"A swift, crisp sound of a UI element closing, suitable for dismissing a modal, collapsing a menu, or closing a small window.","type":"registry:block","source_url":"https://soundcn.xyz/r/close-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-001.json"},{"name":"close-002","title":"Close 002","description":"A distinct, smooth sound of a UI element closing, ideal for closing a dialog box, a panel, or a larger interactive component.","type":"registry:block","source_url":"https://soundcn.xyz/r/close-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-002.json"},{"name":"close-003","title":"Close 003","description":"A gentle, soft sound of a UI element closing, appropriate for a less abrupt dismissal of a notification, a tooltip, or a subtle panel.","type":"registry:block","source_url":"https://soundcn.xyz/r/close-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-003.json"},{"name":"close-004","title":"Close 004","description":"A slightly extended, fluid sound of a UI element closing, suitable for closing a significant section, an application, or a more elaborate modal.","type":"registry:block","source_url":"https://soundcn.xyz/r/close-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/close-004.json"},{"name":"cloth-1","title":"Cloth 1","description":"A light, rustling sound of cloth, useful for subtle background ambiance in a textile-themed UI, or for minor character movement in a game.","type":"registry:block","source_url":"https://soundcn.xyz/r/cloth-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-1.json"},{"name":"cloth-2","title":"Cloth 2","description":"A distinct, moderate rustling sound of cloth, suitable for character actions like equipping an item, or dynamic UI elements like opening a fabric-like menu.","type":"registry:block","source_url":"https://soundcn.xyz/r/cloth-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-2.json"},{"name":"cloth-3","title":"Cloth 3","description":"A clear, slightly longer rustling sound of cloth, ideal for more pronounced character interactions, or UI transitions involving a curtain-like effect.","type":"registry:block","source_url":"https://soundcn.xyz/r/cloth-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-3.json"},{"name":"cloth-4","title":"Cloth 4","description":"A short, sharp sound of cloth, useful for quick character movements or sudden UI element shifts that have a fabric texture.","type":"registry:block","source_url":"https://soundcn.xyz/r/cloth-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-4.json"},{"name":"cloth-belt","title":"Cloth Belt","description":"A sound of a cloth belt being handled, suitable for character customization UI feedback when selecting or adjusting clothing accessories.","type":"registry:block","source_url":"https://soundcn.xyz/r/cloth-belt.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-belt.json"},{"name":"cloth-belt-2","title":"Cloth Belt 2","description":"A distinct, slightly longer sound of a cloth belt being handled, ideal for confirming a more significant clothing item equipped or a character animation involv…","type":"registry:block","source_url":"https://soundcn.xyz/r/cloth-belt-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/cloth-belt-2.json"},{"name":"combo","title":"Combo","description":"An energetic, celebratory sound indicating a successful combination or sequence of actions in a game, perfect for rewarding player achievement.","type":"registry:block","source_url":"https://soundcn.xyz/r/combo.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/combo.json"},{"name":"combo-breaker","title":"Combo Breaker","description":"A dramatic, impactful sound signaling the interruption or end of a combo sequence, ideal for feedback in a competitive game when a player's streak is broken.","type":"registry:block","source_url":"https://soundcn.xyz/r/combo-breaker.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/combo-breaker.json"},{"name":"computer-noise-000","title":"Computer Noise 000","description":"A consistent, low-level computer humming noise, suitable for ambient background sound in a tech-themed UI or a sci-fi game setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/computer-noise-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-000.json"},{"name":"computer-noise-001","title":"Computer Noise 001","description":"A distinct, slightly varied computer humming noise, ideal for more active background ambiance in a data processing screen or a technological interface.","type":"registry:block","source_url":"https://soundcn.xyz/r/computer-noise-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-001.json"},{"name":"computer-noise-002","title":"Computer Noise 002","description":"A nuanced computer noise with subtle variations, useful for creating a dynamic tech-themed background that hints at ongoing processes.","type":"registry:block","source_url":"https://soundcn.xyz/r/computer-noise-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-002.json"},{"name":"computer-noise-003","title":"Computer Noise 003","description":"A complex computer noise featuring multiple layers and subtle movements, perfect for an immersive tech environment or a deep system interface.","type":"registry:block","source_url":"https://soundcn.xyz/r/computer-noise-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/computer-noise-003.json"},{"name":"confirmation-001","title":"Confirmation 001","description":"A crisp, positive sound indicating a successful action or confirmation, ideal for completing a form, saving settings, or a general positive feedback.","type":"registry:block","source_url":"https://soundcn.xyz/r/confirmation-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-001.json"},{"name":"confirmation-002","title":"Confirmation 002","description":"A slightly longer and more melodic confirmation sound, suitable for important achievements, completed transactions, or significant positive outcomes.","type":"registry:block","source_url":"https://soundcn.xyz/r/confirmation-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-002.json"},{"name":"confirmation-003","title":"Confirmation 003","description":"A gentle, yet clear confirmation sound, ideal for subtle affirmations, minor task completions, or acknowledging user input without being intrusive.","type":"registry:block","source_url":"https://soundcn.xyz/r/confirmation-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-003.json"},{"name":"confirmation-004","title":"Confirmation 004","description":"A warm, resonant confirmation sound, perfect for reassuring users of successful operations, major progress, or successful purchases.","type":"registry:block","source_url":"https://soundcn.xyz/r/confirmation-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/confirmation-004.json"},{"name":"creak-1","title":"Creak 1","description":"A short, distinct creaking sound, useful for subtle environmental feedback in a game, or for a UI element that suggests age or mechanical movement.","type":"registry:block","source_url":"https://soundcn.xyz/r/creak-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/creak-1.json"},{"name":"creak-2","title":"Creak 2","description":"A longer, more pronounced creaking sound, suitable for significant environmental interactions, a heavy door opening, or a UI element that visually implies weig…","type":"registry:block","source_url":"https://soundcn.xyz/r/creak-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/creak-2.json"},{"name":"creak-3","title":"Creak 3","description":"A short, distinct wooden creak, ideal for indicating a subtle state change, an item appearing, or a gentle UI reveal.","type":"registry:block","source_url":"https://soundcn.xyz/r/creak-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/creak-3.json"},{"name":"deathmatch","title":"Deathmatch","description":"An intense, aggressive sound indicating a high-stakes event or the start of a competitive game mode, suitable for a game UI to signify a battle beginning.","type":"registry:block","source_url":"https://soundcn.xyz/r/deathmatch.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/deathmatch.json"},{"name":"dice-grab-1","title":"Dice Grab 1","description":"The sound of several dice being picked up or gathered, perfect for a game UI when a player prepares to roll, or selects dice.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-grab-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-grab-1.json"},{"name":"dice-grab-2","title":"Dice Grab 2","description":"A clear sound of multiple dice being quickly grabbed, suitable for a game UI action like collecting dice for a re-roll or selecting them to play.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-grab-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-grab-2.json"},{"name":"dice-shake-1","title":"Dice Shake 1","description":"A rhythmic rattling of dice being shaken, excellent for a game UI to build anticipation before a dice roll.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-shake-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-shake-1.json"},{"name":"dice-shake-2","title":"Dice Shake 2","description":"A medium-length sound of dice being shaken, suitable for game interfaces to indicate the start of a player's turn or a roll action.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-shake-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-shake-2.json"},{"name":"dice-shake-3","title":"Dice Shake 3","description":"A prolonged and pronounced sound of multiple dice being shaken vigorously, ideal for adding dramatic flair to a crucial dice roll in a game UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-shake-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-shake-3.json"},{"name":"dice-throw-1","title":"Dice Throw 1","description":"A distinct sound of dice being thrown and landing, perfect for confirming a dice roll action in a game UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-throw-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-throw-1.json"},{"name":"dice-throw-2","title":"Dice Throw 2","description":"A quick and sharp sound of dice being thrown and settling, great for providing immediate feedback after a dice roll in a game.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-throw-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-throw-2.json"},{"name":"dice-throw-3","title":"Dice Throw 3","description":"A clear, concise sound of dice being thrown and landing, suitable for a game UI to indicate the completion of a dice-rolling event.","type":"registry:block","source_url":"https://soundcn.xyz/r/dice-throw-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/dice-throw-3.json"},{"name":"die-throw-1","title":"Die Throw 1","description":"The sound of a single die being thrown and landing, suitable for a game UI when a solo die roll is required or confirmed.","type":"registry:block","source_url":"https://soundcn.xyz/r/die-throw-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-1.json"},{"name":"die-throw-2","title":"Die Throw 2","description":"A distinct sound of a single die being thrown and coming to rest, perfect for a game UI to provide clear feedback for an individual die roll.","type":"registry:block","source_url":"https://soundcn.xyz/r/die-throw-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-2.json"},{"name":"die-throw-3","title":"Die Throw 3","description":"A light, singular die throw sound, useful for subtle feedback in a game UI where a single die is rolled.","type":"registry:block","source_url":"https://soundcn.xyz/r/die-throw-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-3.json"},{"name":"die-throw-4","title":"Die Throw 4","description":"A very quick and sharp sound of a single die being thrown, ideal for rapid feedback on a small die roll action in a game UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/die-throw-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/die-throw-4.json"},{"name":"door-close-000","title":"Door Close 000","description":"A generic and subtle sound of a door closing, useful for UI elements that represent closing a section or completing a task, like a modal closing or form submis…","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-000.json"},{"name":"door-close-001","title":"Door Close 001","description":"A distinct sound of a door closing, suitable for signifying the completion of a process or a specific UI panel collapsing.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-001.json"},{"name":"door-close-002","title":"Door Close 002","description":"A quiet and definitive sound of a door closing, fitting for UI interactions that finalize an action or close a significant component without being intrusive.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-002.json"},{"name":"door-close-1","title":"Door Close 1","description":"A clear and solid sound of a door closing, suitable for actions like submitting a form, closing a modal, or saving settings in an application.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-1.json"},{"name":"door-close-2","title":"Door Close 2","description":"A slightly heavier sound of a door closing, indicating a more substantial closing action or a significant UI element being dismissed.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-2.json"},{"name":"door-close-3","title":"Door Close 3","description":"A distinct and resonant sound of a door closing, ideal for emphasizing the closure of a major section or a critical action in an application.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-3.json"},{"name":"door-close-4","title":"Door Close 4","description":"A sharp, quick sound of a door closing, good for providing concise feedback when an element is closed or minimized.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-close-4.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-close-4.json"},{"name":"door-open-000","title":"Door Open 000","description":"A subtle sound of a door opening, useful for UI elements that reveal content or open new sections, like a menu expanding or a modal appearing.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-open-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-000.json"},{"name":"door-open-001","title":"Door Open 001","description":"A distinct sound of a door opening, suitable for signifying the initiation of a process or a specific UI panel expanding.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-open-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-001.json"},{"name":"door-open-002","title":"Door Open 002","description":"A quiet and definitive sound of a door opening, fitting for UI interactions that initiate an action or open a significant component without being intrusive.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-open-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-002.json"},{"name":"door-open-1","title":"Door Open 1","description":"A clear and solid sound of a door opening, suitable for actions like opening a new view, navigating to a different section, or revealing a detailed panel.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-open-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-1.json"},{"name":"door-open-2","title":"Door Open 2","description":"A slightly more substantial sound of a door opening, indicating a more significant opening action or a prominent UI element being introduced.","type":"registry:block","source_url":"https://soundcn.xyz/r/door-open-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/door-open-2.json"},{"name":"draw-knife-1","title":"Draw Knife 1","description":"The sound of a knife being drawn or unsheathed, suitable for a game UI to indicate weapon selection, item equipped, or an action requiring a sharp object.","type":"registry:block","source_url":"https://soundcn.xyz/r/draw-knife-1.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/draw-knife-1.json"},{"name":"draw-knife-2","title":"Draw Knife 2","description":"A clean and quick sound of a knife being drawn, perfect for game UIs to confirm equipping a blade or selecting it from an inventory.","type":"registry:block","source_url":"https://soundcn.xyz/r/draw-knife-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/draw-knife-2.json"},{"name":"draw-knife-3","title":"Draw Knife 3","description":"A distinct metallic sound of a knife being drawn from its scabbard, great for game UIs to confirm a weapon change or an attack preparation.","type":"registry:block","source_url":"https://soundcn.xyz/r/draw-knife-3.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/draw-knife-3.json"},{"name":"drop-001","title":"Drop 001","description":"A small, light dropping sound, ideal for subtle UI feedback like a successful drag-and-drop, an item disappearing, or a gentle error.","type":"registry:block","source_url":"https://soundcn.xyz/r/drop-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-001.json"},{"name":"drop-002","title":"Drop 002","description":"A light, quick dropping sound, suitable for confirming a drag-and-drop action or indicating an item has been placed in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/drop-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-002.json"},{"name":"drop-003","title":"Drop 003","description":"A very light and brief dropping sound, best for discreet UI feedback for minor actions or items being added/removed.","type":"registry:block","source_url":"https://soundcn.xyz/r/drop-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-003.json"},{"name":"drop-004","title":"Drop 004","description":"A slightly more pronounced but still light dropping sound, useful for confirming an item has been dropped into a specific area or a successful interaction.","type":"registry:block","source_url":"https://soundcn.xyz/r/drop-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-004.json"},{"name":"drop-leather","title":"Drop Leather","description":"The distinct sound of a piece of leather dropping, suitable for inventory management in games when equipping or unequipping leather items.","type":"registry:block","source_url":"https://soundcn.xyz/r/drop-leather.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/drop-leather.json"},{"name":"engine-circular-000","title":"Engine Circular 000","description":"A continuous, low hum of a circular engine, suitable as a background ambient sound for a complex machinery interface, simulation, or futuristic app.","type":"registry:block","source_url":"https://soundcn.xyz/r/engine-circular-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-000.json"},{"name":"engine-circular-001","title":"Engine Circular 001","description":"A steady, circular engine hum with a subtle mechanical texture, ideal for providing consistent background audio in a UI for machinery or sci-fi environments.","type":"registry:block","source_url":"https://soundcn.xyz/r/engine-circular-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-001.json"},{"name":"engine-circular-002","title":"Engine Circular 002","description":"A consistent, mid-frequency circular engine hum, useful for ambient feedback in a UI that involves processing, background operations, or technology.","type":"registry:block","source_url":"https://soundcn.xyz/r/engine-circular-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-002.json"},{"name":"engine-circular-003","title":"Engine Circular 003","description":"A smooth, continuous circular engine hum, perfect for a subtle and immersive background sound in an app with ongoing tasks or a futuristic theme.","type":"registry:block","source_url":"https://soundcn.xyz/r/engine-circular-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-003.json"},{"name":"engine-circular-004","title":"Engine Circular 004","description":"A deep, resonant circular engine hum, providing a powerful ambient background for heavy machinery UIs, industrial applications, or game environments.","type":"registry:block","source_url":"https://soundcn.xyz/r/engine-circular-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/engine-circular-004.json"},{"name":"error-001","title":"Error 001","description":"A short, sharp error sound, suitable for immediate feedback on minor input validation failures or quick alerts.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-001.json"},{"name":"error-002","title":"Error 002","description":"A brief, distinct error sound, ideal for acknowledging an incorrect action or a failed operation in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-002.json"},{"name":"error-003","title":"Error 003","description":"A more drawn-out and noticeable error sound, useful for emphasizing a significant error or a critical system warning.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-003.json"},{"name":"error-004","title":"Error 004","description":"A very short and quick error beep, best for subtle feedback on a minor, non-blocking issue or a quick tap on an invalid area.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-004.json"},{"name":"error-005","title":"Error 005","description":"A medium-length, clear error sound, suitable for form validation failures or indicating that an action cannot be completed.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-005.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-005.json"},{"name":"error-006","title":"Error 006","description":"A clear and slightly resonant error sound, effective for signaling a medium-severity problem or a failed input submission.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-006.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-006.json"},{"name":"error-007","title":"Error 007","description":"A concise and immediate error sound, perfect for quick feedback when a user attempts an invalid action in an interactive UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-007.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-007.json"},{"name":"error-008","title":"Error 008","description":"A short, simple error tone, useful for discreetly informing the user of a minor error or an disallowed action.","type":"registry:block","source_url":"https://soundcn.xyz/r/error-008.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/error-008.json"},{"name":"explosion-crunch-000","title":"Explosion Crunch 000","description":"A sharp, impactful explosion followed by a crunchy debris sound, ideal for a game UI to signify a major destruction event or a critical failure.","type":"registry:block","source_url":"https://soundcn.xyz/r/explosion-crunch-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-000.json"},{"name":"explosion-crunch-001","title":"Explosion Crunch 001","description":"A robust explosion sound with a distinct crunch of debris, suitable for game UIs to indicate a powerful hit, a large destruction, or a significant game event.","type":"registry:block","source_url":"https://soundcn.xyz/r/explosion-crunch-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-001.json"},{"name":"explosion-crunch-002","title":"Explosion Crunch 002","description":"An impactful explosion followed by a settling crunch, perfect for a game UI to denote a successful destructive action or a significant environmental change.","type":"registry:block","source_url":"https://soundcn.xyz/r/explosion-crunch-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-002.json"},{"name":"explosion-crunch-003","title":"Explosion Crunch 003","description":"This sound is a deep, impactful crunch that signifies a destructive event, ideal for communicating a critical error, failed action, or a significant negative i…","type":"registry:block","source_url":"https://soundcn.xyz/r/explosion-crunch-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-003.json"},{"name":"explosion-crunch-004","title":"Explosion Crunch 004","description":"This sound is a powerful, breaking crunch effect suitable for indicating a major system failure, an irreversible destructive action, or an emphatic negative co…","type":"registry:block","source_url":"https://soundcn.xyz/r/explosion-crunch-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/explosion-crunch-004.json"},{"name":"fight","title":"Fight","description":"This sound implies a struggle or combat, suitable for indicating an ongoing conflict, a challenge initiation, or an engaging interaction state in a game or com…","type":"registry:block","source_url":"https://soundcn.xyz/r/fight.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/fight.json"},{"name":"flawless-victory","title":"Flawless Victory","description":"This sound is an emphatic and celebratory declaration of perfect success, ideal for confirming a complete and unblemished achievement or a high-score milestone…","type":"registry:block","source_url":"https://soundcn.xyz/r/flawless-victory.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/flawless-victory.json"},{"name":"footstep-00","title":"Footstep 00","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-00.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-00.json"},{"name":"footstep-01","title":"Footstep 01","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-01.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-01.json"},{"name":"footstep-02","title":"Footstep 02","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-02.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-02.json"},{"name":"footstep-03","title":"Footstep 03","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-03.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-03.json"},{"name":"footstep-04","title":"Footstep 04","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-04.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-04.json"},{"name":"footstep-05","title":"Footstep 05","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-05.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-05.json"},{"name":"footstep-06","title":"Footstep 06","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-06.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-06.json"},{"name":"footstep-07","title":"Footstep 07","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-07.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-07.json"},{"name":"footstep-08","title":"Footstep 08","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-08.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-08.json"},{"name":"footstep-09","title":"Footstep 09","description":"A generic, light footstep sound, suitable for indicating movement, progress through steps, or character locomotion in an interactive environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-09.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-09.json"},{"name":"footstep-carpet-000","title":"Footstep Carpet 000","description":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or navigation in a tranquil indoor environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-carpet-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-000.json"},{"name":"footstep-carpet-001","title":"Footstep Carpet 001","description":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or navigation in a tranquil indoor environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-carpet-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-001.json"},{"name":"footstep-carpet-002","title":"Footstep Carpet 002","description":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or navigation in a tranquil indoor environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-carpet-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-002.json"},{"name":"footstep-carpet-003","title":"Footstep Carpet 003","description":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or navigation in a tranquil indoor environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-carpet-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-003.json"},{"name":"footstep-carpet-004","title":"Footstep Carpet 004","description":"A soft, muffled footstep sound on carpet, useful for conveying quiet movement, stealth, or navigation in a tranquil indoor environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-carpet-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-carpet-004.json"},{"name":"footstep-concrete-000","title":"Footstep Concrete 000","description":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, determined progress, or navigation in an urban or industrial setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-concrete-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-000.json"},{"name":"footstep-concrete-001","title":"Footstep Concrete 001","description":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, determined progress, or navigation in an urban or industrial setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-concrete-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-001.json"},{"name":"footstep-concrete-002","title":"Footstep Concrete 002","description":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, determined progress, or navigation in an urban or industrial setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-concrete-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-002.json"},{"name":"footstep-concrete-003","title":"Footstep Concrete 003","description":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, determined progress, or navigation in an urban or industrial setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-concrete-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-003.json"},{"name":"footstep-concrete-004","title":"Footstep Concrete 004","description":"A firm, distinct footstep sound on concrete, suitable for indicating clear movement, determined progress, or navigation in an urban or industrial setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-concrete-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-concrete-004.json"},{"name":"footstep-grass-000","title":"Footstep Grass 000","description":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or navigation in a natural, open environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-grass-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-000.json"},{"name":"footstep-grass-001","title":"Footstep Grass 001","description":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or navigation in a natural, open environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-grass-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-001.json"},{"name":"footstep-grass-002","title":"Footstep Grass 002","description":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or navigation in a natural, open environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-grass-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-002.json"},{"name":"footstep-grass-003","title":"Footstep Grass 003","description":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or navigation in a natural, open environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-grass-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-003.json"},{"name":"footstep-grass-004","title":"Footstep Grass 004","description":"A rustling footstep sound on grass, useful for conveying outdoor movement, exploration, or navigation in a natural, open environment.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-grass-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-grass-004.json"},{"name":"footstep-snow-000","title":"Footstep Snow 000","description":"A crunching footstep sound on snow, suitable for indicating cold environment movement, winter exploration, or navigation in a frosty setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-snow-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-000.json"},{"name":"footstep-snow-001","title":"Footstep Snow 001","description":"A crunching footstep sound on snow, suitable for indicating cold environment movement, winter exploration, or navigation in a frosty setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-snow-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-001.json"},{"name":"footstep-snow-002","title":"Footstep Snow 002","description":"A crunching footstep sound on snow, suitable for indicating cold environment movement, winter exploration, or navigation in a frosty setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-snow-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-002.json"},{"name":"footstep-snow-003","title":"Footstep Snow 003","description":"A crunching footstep sound on snow, suitable for indicating cold environment movement, winter exploration, or navigation in a frosty setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-snow-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-003.json"},{"name":"footstep-snow-004","title":"Footstep Snow 004","description":"A crunching footstep sound on snow, suitable for indicating cold environment movement, winter exploration, or navigation in a frosty setting.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-snow-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-snow-004.json"},{"name":"footstep-wood-000","title":"Footstep Wood 000","description":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a cozy setting, or navigation on a wooden surface.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-wood-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-000.json"},{"name":"footstep-wood-001","title":"Footstep Wood 001","description":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a cozy setting, or navigation on a wooden surface.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-wood-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-001.json"},{"name":"footstep-wood-002","title":"Footstep Wood 002","description":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a cozy setting, or navigation on a wooden surface.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-wood-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-002.json"},{"name":"footstep-wood-003","title":"Footstep Wood 003","description":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a cozy setting, or navigation on a wooden surface.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-wood-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-003.json"},{"name":"footstep-wood-004","title":"Footstep Wood 004","description":"A resonant footstep sound on wood, ideal for indicating indoor movement, exploration in a cozy setting, or navigation on a wooden surface.","type":"registry:block","source_url":"https://soundcn.xyz/r/footstep-wood-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/footstep-wood-004.json"},{"name":"force-field-000","title":"Force Field 000","description":"A futuristic, energetic force field sound, suitable for indicating activation or deactivation of a protective barrier, a shield, or a technological boundary in…","type":"registry:block","source_url":"https://soundcn.xyz/r/force-field-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-000.json"},{"name":"force-field-001","title":"Force Field 001","description":"A futuristic, energetic force field sound, suitable for indicating activation or deactivation of a protective barrier, a shield, or a technological boundary in…","type":"registry:block","source_url":"https://soundcn.xyz/r/force-field-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-001.json"},{"name":"force-field-002","title":"Force Field 002","description":"A futuristic, energetic force field sound, suitable for indicating activation or deactivation of a protective barrier, a shield, or a technological boundary in…","type":"registry:block","source_url":"https://soundcn.xyz/r/force-field-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-002.json"},{"name":"force-field-003","title":"Force Field 003","description":"A futuristic, energetic force field sound, suitable for indicating activation or deactivation of a protective barrier, a shield, or a technological boundary in…","type":"registry:block","source_url":"https://soundcn.xyz/r/force-field-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-003.json"},{"name":"force-field-004","title":"Force Field 004","description":"A futuristic, energetic force field sound, suitable for indicating activation or deactivation of a protective barrier, a shield, or a technological boundary in…","type":"registry:block","source_url":"https://soundcn.xyz/r/force-field-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/force-field-004.json"},{"name":"glass-001","title":"Glass 001","description":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event, or a delicate UI element state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glass-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-001.json"},{"name":"glass-002","title":"Glass 002","description":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event, or a delicate UI element state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glass-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-002.json"},{"name":"glass-003","title":"Glass 003","description":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event, or a delicate UI element state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glass-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-003.json"},{"name":"glass-004","title":"Glass 004","description":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event, or a delicate UI element state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glass-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-004.json"},{"name":"glass-005","title":"Glass 005","description":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event, or a delicate UI element state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glass-005.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-005.json"},{"name":"glass-006","title":"Glass 006","description":"A clear, sharp glass sound, useful for indicating a fragile interaction, a breaking event, or a delicate UI element state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glass-006.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glass-006.json"},{"name":"glitch-001","title":"Glitch 001","description":"A very short, sharp digital stutter, ideal for indicating a minor system error or a quick transition effect.","type":"registry:block","source_url":"https://soundcn.xyz/r/glitch-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-001.json"},{"name":"glitch-002","title":"Glitch 002","description":"A slightly longer, more pronounced digital disruption, suitable for signaling a moderate system issue or a strong UI state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/glitch-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-002.json"},{"name":"glitch-003","title":"Glitch 003","description":"A very brief and subtle digital artifact, perfect for indicating a fleeting data anomaly or a quick, almost imperceptible UI flicker.","type":"registry:block","source_url":"https://soundcn.xyz/r/glitch-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-003.json"},{"name":"glitch-004","title":"Glitch 004","description":"A distinct digital breaking sound, well-suited for highlighting a significant but temporary system instability or a transformative UI action.","type":"registry:block","source_url":"https://soundcn.xyz/r/glitch-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/glitch-004.json"},{"name":"handle-coins","title":"Handle Coins","description":"The sound of multiple coins being handled or gathered, ideal for indicating currency collection, item acquisition, or a successful monetary transaction in a ga…","type":"registry:block","source_url":"https://soundcn.xyz/r/handle-coins.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-coins.json"},{"name":"handle-coins-2","title":"Handle Coins 2","description":"A lighter, quicker sound of coins being handled, perfect for small currency gains, minor purchases, or gentle monetary feedback.","type":"registry:block","source_url":"https://soundcn.xyz/r/handle-coins-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-coins-2.json"},{"name":"handle-small-leather","title":"Handle Small Leather","description":"The distinct rustle of small leather being handled, suitable for opening or closing a wallet, bag, or accessing a small item within a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/handle-small-leather.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-small-leather.json"},{"name":"handle-small-leather-2","title":"Handle Small Leather 2","description":"A slightly different, perhaps quicker or more pronounced, rustle of small leather, ideal for confirming a selection or a brief interaction with a leather-bound…","type":"registry:block","source_url":"https://soundcn.xyz/r/handle-small-leather-2.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/handle-small-leather-2.json"},{"name":"high-down","title":"High Down","description":"A high-pitched sound that smoothly descends in tone, perfect for indicating a UI element closing, a dropdown menu retracting, or a process completing downwards.","type":"registry:block","source_url":"https://soundcn.xyz/r/high-down.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/high-down.json"},{"name":"high-up","title":"High Up","description":"A high-pitched sound that smoothly ascends in tone, excellent for signifying a UI element opening, a new item appearing, or a process initiating upwards.","type":"registry:block","source_url":"https://soundcn.xyz/r/high-up.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/high-up.json"},{"name":"hold","title":"Hold","description":"A sustained, neutral tone or drone, suitable for indicating a persistent state, a loading screen, or a continuous background process in an application.","type":"registry:block","source_url":"https://soundcn.xyz/r/hold.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/hold.json"},{"name":"impact-bell-heavy-000","title":"Impact Bell Heavy 000","description":"A deep, resonating heavy bell impact, ideal for signaling a significant achievement, a grand success, or a major event notification.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-bell-heavy-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-bell-heavy-000.json"},{"name":"impact-bell-heavy-001","title":"Impact Bell Heavy 001","description":"A strong, weighty bell impact with a sustained ring, suitable for confirming a critical action, a substantial success, or a prominent game event.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-bell-heavy-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-bell-heavy-001.json"},{"name":"impact-bell-heavy-002","title":"Impact Bell Heavy 002","description":"A clear, heavy bell strike with a moderate sustain, good for indicating a significant milestone, a successful mission, or a noticeable achievement.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-bell-heavy-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-bell-heavy-002.json"},{"name":"impact-bell-heavy-003","title":"Impact Bell Heavy 003","description":"A deliberate, heavy bell toll, perfect for marking a major completion, a profound revelation, or a powerful success in a UI or game context.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-bell-heavy-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-bell-heavy-003.json"},{"name":"impact-bell-heavy-004","title":"Impact Bell Heavy 004","description":"A concise, heavy bell strike with a quick decay, excellent for affirming a strong selection or a rapid but significant action completion.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-bell-heavy-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-bell-heavy-004.json"},{"name":"impact-generic-light-000","title":"Impact Generic Light 000","description":"A quick, light, and general impact sound, ideal for subtle button presses, menu selections, or minor UI interactions.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-generic-light-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-generic-light-000.json"},{"name":"impact-generic-light-001","title":"Impact Generic Light 001","description":"A very brief and soft generic impact, perfect for quick, understated UI feedback like a small tap or a minor state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-generic-light-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-generic-light-001.json"},{"name":"impact-generic-light-002","title":"Impact Generic Light 002","description":"A distinct but light generic impact, suitable for confirming a default selection or a general interaction that requires clear but not heavy feedback.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-generic-light-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-generic-light-002.json"},{"name":"impact-generic-light-003","title":"Impact Generic Light 003","description":"A short, airy, and light impact, great for indicating a fleeting interaction, a transient status update, or a quick UI element appearance.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-generic-light-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-generic-light-003.json"},{"name":"impact-generic-light-004","title":"Impact Generic Light 004","description":"A clean, light, and unobtrusive impact sound, ideal for background UI actions, minor confirmations, or non-critical system feedback.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-generic-light-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-generic-light-004.json"},{"name":"impact-glass-heavy-000","title":"Impact Glass Heavy 000","description":"A sharp, resonating heavy glass impact, useful for indicating a fragile but significant break, a critical error, or a powerful UI state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-heavy-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-heavy-000.json"},{"name":"impact-glass-heavy-001","title":"Impact Glass Heavy 001","description":"A forceful, sustained heavy glass impact, perfect for signaling a major UI element shattering, a critical failure, or a dramatic reveal.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-heavy-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-heavy-001.json"},{"name":"impact-glass-heavy-002","title":"Impact Glass Heavy 002","description":"A clear, heavy glass strike with a pronounced decay, suitable for a decisive UI element breaking, a solid error feedback, or a strong negative confirmation.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-heavy-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-heavy-002.json"},{"name":"impact-glass-heavy-003","title":"Impact Glass Heavy 003","description":"A concise, heavy glass crack, ideal for a quick, impactful notification of something breaking or a sharp error message.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-heavy-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-heavy-003.json"},{"name":"impact-glass-heavy-004","title":"Impact Glass Heavy 004","description":"A deep, shattering heavy glass impact, excellent for indicating a complete breakdown, a significant loss, or a powerful destructive action in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-heavy-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-heavy-004.json"},{"name":"impact-glass-light-000","title":"Impact Glass Light 000","description":"A delicate, light glass tap, perfect for subtle UI feedback like a menu selection, a small item interaction, or a gentle touch.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-light-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-light-000.json"},{"name":"impact-glass-light-001","title":"Impact Glass Light 001","description":"A very soft and brief light glass ping, suitable for minor confirmations, transient states, or elegant UI element highlights.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-light-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-light-001.json"},{"name":"impact-glass-light-002","title":"Impact Glass Light 002","description":"A crisp, light glass sound, ideal for confirming a selection or a brief interaction with a transparent or polished UI component.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-light-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-light-002.json"},{"name":"impact-glass-light-003","title":"Impact Glass Light 003","description":"A short, airy light glass click, perfect for quick navigation, subtle menu transitions, or a gentle acknowledgement of user input.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-light-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-light-003.json"},{"name":"impact-glass-light-004","title":"Impact Glass Light 004","description":"A clean, light glass 'clink', suitable for a precise UI element interaction, a minor success, or a refined confirmation.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-light-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-light-004.json"},{"name":"impact-glass-medium-000","title":"Impact Glass Medium 000","description":"A moderate glass impact with a distinct resonance, ideal for confirming a medium-importance action, an item drop, or a noticeable UI state change.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-medium-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-medium-000.json"},{"name":"impact-glass-medium-001","title":"Impact Glass Medium 001","description":"A balanced glass strike, neither too light nor too heavy, perfect for general object interactions, inventory management, or standard UI confirmations.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-medium-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-medium-001.json"},{"name":"impact-glass-medium-002","title":"Impact Glass Medium 002","description":"A clear, mid-range glass impact, well-suited for a clear acknowledgment of input or a substantial but not critical UI interaction.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-medium-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-medium-002.json"},{"name":"impact-glass-medium-003","title":"Impact Glass Medium 003","description":"A firm but not aggressive glass impact, ideal for indicating a successful submission, an item being placed, or a clear step in a process.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-medium-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-medium-003.json"},{"name":"impact-glass-medium-004","title":"Impact Glass Medium 004","description":"A resonant, medium glass hit, perfect for signaling a key event, an item being equipped, or a significant selection in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-glass-medium-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-glass-medium-004.json"},{"name":"impact-metal-000","title":"Impact Metal 000","description":"A general metallic impact sound, suitable for standard button clicks, item interactions, or generic feedback in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-000.json"},{"name":"impact-metal-001","title":"Impact Metal 001","description":"A slightly brighter metallic impact with a clear ring, ideal for confirming a selection or a successful interaction with a metallic UI element.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-001.json"},{"name":"impact-metal-002","title":"Impact Metal 002","description":"A quick, clean metallic tap, perfect for rapid UI interactions, quick selections, or a responsive feedback for a button press.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-002.json"},{"name":"impact-metal-003","title":"Impact Metal 003","description":"A deeper, more resonant metallic impact, suitable for a more significant button press, a sturdy object interaction, or a solid confirmation.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-003.json"},{"name":"impact-metal-004","title":"Impact Metal 004","description":"A short, sharp metallic 'clink', excellent for a precise UI interaction, a minor success, or a clear but brief feedback.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-004.json"},{"name":"impact-metal-heavy-000","title":"Impact Metal Heavy 000","description":"A distinct, heavy metallic thud, suitable for indicating a strong impact, a robust action, or a significant, weighty UI confirmation.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-heavy-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-heavy-000.json"},{"name":"impact-metal-heavy-001","title":"Impact Metal Heavy 001","description":"A powerful, resonant heavy metal impact, ideal for signaling a major event, a critical success, or a destructive action in a game or application.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-heavy-001.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-heavy-001.json"},{"name":"impact-metal-heavy-002","title":"Impact Metal Heavy 002","description":"A very brief and solid heavy metal clang, perfect for a quick, decisive action or a strong, immediate confirmation in a UI.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-heavy-002.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-heavy-002.json"},{"name":"impact-metal-heavy-003","title":"Impact Metal Heavy 003","description":"A deep, sustained heavy metal strike, suitable for a substantial completion, a significant drop, or a powerful game feedback.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-heavy-003.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-heavy-003.json"},{"name":"impact-metal-heavy-004","title":"Impact Metal Heavy 004","description":"A short, commanding heavy metal hit, excellent for a forceful selection, a critical action completion, or a strong acknowledgment.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-heavy-004.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-heavy-004.json"},{"name":"impact-metal-light-000","title":"Impact Metal Light 000","description":"A delicate, light metallic tap, perfect for subtle UI interactions, small button presses, or a gentle acknowledgment.","type":"registry:block","source_url":"https://soundcn.xyz/r/impact-metal-light-000.json","install_command":"npx shadcn@latest add https://soundcn.xyz/r/impact-metal-light-000.json"}]},{"id":"spaceui","name":"@spaceui","slug":"spaceui","description":"An open-source design library built for humans and AI to create expressive, polished, and high-quality interfaces, helping you build better products, faster","author":"usespaceui","framework":"react","license":"MIT","tags":["ai","auth","backgrounds","blocks","buttons","cards","cms","forms","glassmorphism","icons","loaders","media","navigation","overlays","pro-available","retro","tables"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://www.spaceui.one","github":"https://github.com/usespaceui/ui","registry":"https://www.spaceui.one/r/registry.json","source":"https://www.spaceui.one/r/registry.json","page":"https://sh4dcn.netlify.app/registry/spaceui","markdown":"https://sh4dcn.netlify.app/md/spaceui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><defs><clipPath id='spaceui-clip'><circle cx='32' cy='32' r='32'/></clipPath><filter id='spaceui-goo' x='-20%' y='-20%' width='140%' height='140%'><feGaussianBlur in='SourceGraphic' stdDeviation='3.40' result='b'/><feColorMatrix in='b' mode='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -8'/></filter><radialGradient id='spaceui-sheen' cx='.32' cy='.24' r='.9'><stop offset='0' stop-color='#fff' stop-opacity='.9'/><stop offset='.35' stop-color='#fff' stop-opacity='.35'/><stop offset='.7' stop-color='#fff' stop-opacity='0'/></radialGradient></defs><g clip-path='url(#spaceui-clip)'><circle cx='32' cy='32' r='32' fill='#fff'/><g filter='url(#spaceui-goo)' transform='translate(0 3)'><circle cx='24.91' cy='42.29' r='6.33' fill='#59adef'/><circle cx='22.11' cy='15.92' r='4.64' fill='#0a1a4a'/><circle cx='15.67' cy='28.10' r='5.41' fill='#6073ff'/><circle cx='21.71' cy='25.75' r='5.21' fill='#1f4fd8'/><circle cx='46.37' cy='32.50' r='5.59' fill='#59adef'/><circle cx='43.13' cy='38.90' r='7.54' fill='#6073ff'/><circle cx='44.28' cy='15.99' r='6.48' fill='#59adef'/><circle cx='48.52' cy='32.90' r='5.59' fill='#0a1a4a'/></g><circle cx='32' cy='32' r='32' fill='url(#spaceui-sheen)'/></g></svg>","preview_image":"https://www.spaceui.one/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.spaceui.one/pricing"},"metrics":{"github_stars":58,"open_issues":0,"last_commit":"2026-10-11T22:50:03Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.spaceui.one/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.spaceui.one/r/registry.json","install_bun":"bunx shadcn@latest add https://www.spaceui.one/r/registry.json","clone":"git clone https://github.com/usespaceui/ui.git","clone_degit":"npx degit usespaceui/ui","registry_fetch":"curl -s https://www.spaceui.one/r/registry.json"},"component_count":250,"components":[{"name":"block-card-info-1","title":"Craft & Audience Cards","description":"Interactive showcase of service and audience craft cards with custom gradient icons.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-card-info-1.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-card-info-1.json"},{"name":"block-card-info-2","title":"Philosophy & Principles Cards","description":"Interactive showcase of core philosophy and value cards with custom gradient icons.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-card-info-2.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-card-info-2.json"},{"name":"block-community-wall-1","title":"Community Wall","description":"Interactive draggable infinite canvas community wall with radial bloom distribution, card patterns, collision avoidance, tilt controls, and note submission mod…","type":"registry:block","source_url":"https://www.spaceui.one/r/block-community-wall-1.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-community-wall-1.json"},{"name":"block-dither-carousel","title":"Dither Carousel Block","description":"3D cylindrical spiral carousel in WebGL2 with curved cards, axial directional blur, and matrix dither pattern.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-dither-carousel.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-dither-carousel.json"},{"name":"block-eleven-labs","title":"Eleven Labs Landing","description":"ElevenLabs-inspired landing page block with a live audio-reactive orb hero.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-eleven-labs.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-eleven-labs.json"},{"name":"block-interactive-fun-facts","title":"Interactive 3D Fun Facts Game","description":"Interactive 3D stacked deck quiz game block with True/False feedback, live score and dialog summary.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-interactive-fun-facts.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-interactive-fun-facts.json"},{"name":"block-interactive-grid-hero-1","title":"Interactive Grid Hero","description":"Interactive proximity-reactive grid canvas that dynamically rounds and insets cells on cursor movement with custom shape controls.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-interactive-grid-hero-1.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-interactive-grid-hero-1.json"},{"name":"block-lens-carousel","title":"Lens Carousel Block","description":"Vertical WebGL lens gallery. Scroll-linked image planes from Immersive Lens.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-lens-carousel.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-lens-carousel.json"},{"name":"block-liquid-gooey-carousel","title":"Liquid Gooey Carousel Block","description":"Smooth-minimum signed distance field WebGL2 carousel with liquid fusing cards that pull organic metaball strands when separated.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-liquid-gooey-carousel.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-liquid-gooey-carousel.json"},{"name":"block-prism-carousel","title":"Prism Carousel Block","description":"Continuous image strip rendered to an offscreen texture and sampled through a thick optical glass lens shader with radial refraction and chromatic aberration.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-prism-carousel.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-prism-carousel.json"},{"name":"block-showcase-gallery","title":"Showcase Gallery Block","description":"Bento gallery of stills and looping videos in two-tone frames. Videos play only while on screen; tiles cascade in as they scroll into view.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-showcase-gallery.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-showcase-gallery.json"},{"name":"block-sign-in","title":"Sign In Page 1","description":"Interactive demo showcasing the Sign In Page 1 component.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-sign-in.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-sign-in.json"},{"name":"block-stats-blog","title":"Blog & Content Stats Block","description":"Content publication metrics including total articles, words written, reader messages, and reading time.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-stats-blog.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-stats-blog.json"},{"name":"block-stats-engagement","title":"Engagement & Community Activity Block","description":"Comprehensive reader engagement showcase with top articles, interactive emoji reaction counters, category tags, and changelog updates.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-stats-engagement.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-stats-engagement.json"},{"name":"block-stats-general","title":"General Stats Metrics Block","description":"Interactive metric overview cards with floating spring emoji decorations and semantic color accents.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-stats-general.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-stats-general.json"},{"name":"block-stats-github","title":"GitHub & Open-Source Activity Block","description":"Interactive GitHub contribution activity heatmap graph with metrics for stars, forks, and commits.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-stats-github.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-stats-github.json"},{"name":"block-stats-performance","title":"Performance & Lighthouse Block","description":"Lighthouse audit results dashboard featuring mobile & desktop scores with radar chart visuals.","type":"registry:block","source_url":"https://www.spaceui.one/r/block-stats-performance.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/block-stats-performance.json"},{"name":"components-backgrounds-bubble","title":"Bubble Background","description":"An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-backgrounds-bubble.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-backgrounds-bubble.json"},{"name":"components-backgrounds-gradient","title":"Gradient Background","description":"A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-backgrounds-gradient.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-backgrounds-gradient.json"},{"name":"components-spaceui-aurora-glow-button","title":"Aurora Glow Button","description":"A button with a hover-reactive radial aurora gradient, an animated conic-gradient border, and a rotating shine sweep — powered by animatable CSS custom propert…","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-aurora-glow-button.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-aurora-glow-button.json"},{"name":"components-spaceui-button-squircle","title":"Button Squircle","description":"Tactile squircle button and badge components featuring dynamic curvature morphing on hover from the original portfolio design.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-button-squircle.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-button-squircle.json"},{"name":"components-spaceui-glass-button","title":"Glass Button","description":"A glassmorphic button built on top of Button Squircle — backdrop blur, layered inset highlights and a hover shine sweep.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-glass-button.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-glass-button.json"},{"name":"components-spaceui-like-button","title":"Like Button","description":"A like button with burst particles, a ripple ring, a spring-animated heart, and a smooth NumberFlow count transition.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-like-button.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-like-button.json"},{"name":"components-spaceui-pixel-fill-button","title":"Pixel Fill Button","description":"An interactive button whose background fills with square matrix pixels radiating from the cursor entry point on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-pixel-fill-button.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pixel-fill-button.json"},{"name":"components-spaceui-rainbow-glow-button","title":"Rainbow Glow Button","description":"An interactive dark pill button with 6 orbiting colorful blurred orbs and an aura reveal on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-rainbow-glow-button.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-rainbow-glow-button.json"},{"name":"components-orb-bloop","title":"Bloop Orb","description":"Compact audio-reactive bloop orb shader.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-orb-bloop.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-orb-bloop.json"},{"name":"components-orb-loading","title":"Loading Orb","description":"Procedural matrix pixel grid loader with Tailwind styling, motion presets, and companion status banner.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-orb-loading.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-orb-loading.json"},{"name":"components-orb-smooth","title":"Smooth Orb","description":"Audio-reactive smooth orb with a WebGPU fluid simulation.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-orb-smooth.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-orb-smooth.json"},{"name":"components-orb-thinking","title":"Thinking Orb","description":"Interactive Canvas 3D particle loader orbs featuring 9 procedural cognitive states.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-orb-thinking.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-orb-thinking.json"},{"name":"components-shader-cloud","title":"Cloud","description":"Interactive volumetric cloud material rendered as a full-bleed shader surface.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-cloud.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-cloud.json"},{"name":"components-shader-fluid-crossfade","title":"Fluid Crossfade","description":"A dual-pass WebGL shader fluid simulation with chromatic wave refraction and Bayer 4x4 matrix ordered dither crossfading.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-fluid-crossfade.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-fluid-crossfade.json"},{"name":"components-shader-fluid-distortion-image","title":"Fluid Distortion Image","description":"An interactive WebGL shader image component with cover UV mapping and dynamic cursor fluid-distortion ripples using data textures.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-fluid-distortion-image.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-fluid-distortion-image.json"},{"name":"components-shader-fluid-dither-crossfade","title":"Fluid Dither Crossfade","description":"A dual-pass WebGL shader component featuring real-time Navier-Stokes fluid pressure simulation and Bayer 4x4 matrix ordered dithering crossfade.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-fluid-dither-crossfade.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-fluid-dither-crossfade.json"},{"name":"components-shader-heat-shade","title":"Heat Shade","description":"WebGPU fbm heat field with ember and hot tints along a moving boundary.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-heat-shade.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-heat-shade.json"},{"name":"components-shader-liquid-mask-crossfade","title":"Liquid Mask Crossfade","description":"A WebGL shader component featuring interactive liquid cursor mask crossfade with dynamic trail, refraction, and parallax effects.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-liquid-mask-crossfade.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-liquid-mask-crossfade.json"},{"name":"components-shader-liquid-mesh-blur","title":"Liquid Mesh Blur","description":"Organic liquid mesh gradient shader background blending orbiting particle clusters through a high-radius Gaussian blur diffusion filter.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-liquid-mesh-blur.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-liquid-mesh-blur.json"},{"name":"components-shader-mesh-gradient","title":"Mesh Gradient","description":"Dynamic WebGL mesh gradient shader background featuring fluid swirls, configurable color stops, distortion turbulence, and film grain overlay.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-mesh-gradient.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-mesh-gradient.json"},{"name":"components-shader-paper-shader","title":"Paper Shader","description":"Paper Shaders WebGL2 canvas driven by a fragment shader and live uniforms.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-paper-shader.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-paper-shader.json"},{"name":"components-shader-pixel-reveal-image","title":"Pixel Reveal Image","description":"A WebGL shader image reveal component with dynamic pixel matrix wave and customizable neon accent border on scroll.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-pixel-reveal-image.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-pixel-reveal-image.json"},{"name":"components-shader-silk-flare","title":"Silk Flare","description":"WebGPU single-pass composite shader fusing silky mesh warp gradients and rising thermodynamic heat flares.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-silk-flare.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-silk-flare.json"},{"name":"components-shader-silk-gradient","title":"Silk Gradient","description":"WebGPU silk mesh gradient. Three colors, warp, grain.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-shader-silk-gradient.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-shader-silk-gradient.json"},{"name":"components-spaceui-adaptive-density-grid","title":"Adaptive Density Grid","description":"A fluid polymorphic grid with physics-based velocity spring pill tabs, cinematic staggered reflow transitions, and memory-optimized layout shifts.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-adaptive-density-grid.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-adaptive-density-grid.json"},{"name":"components-spaceui-animoji","title":"Textmoji Animated","description":"Renders every Unicode emoji in a string as an animated image sized to the surrounding text.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-animoji.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-animoji.json"},{"name":"components-spaceui-autoscale-input","title":"Autoscale Input","description":"Input that grows and shrinks its type to fit the available width, with locale number formatting.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-autoscale-input.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-autoscale-input.json"},{"name":"components-spaceui-avatar-extended","title":"Avatar Extended","description":"Extended avatar components with badges, indicators, and logos.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-avatar-extended.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-avatar-extended.json"},{"name":"components-spaceui-avatar-group","title":"Avatar Group","description":"Avatar group stacking and overlapping system.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-avatar-group.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-avatar-group.json"},{"name":"components-spaceui-badge-squircle","title":"Badge Squircle","description":"Tactile squircle badge component with Base UI polymorphic rendering and dynamic curvature morphing.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-badge-squircle.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-badge-squircle.json"},{"name":"components-spaceui-blur-reveal-text","title":"Blur Reveal Text","description":"Progressive, buttery smooth word, character, or line-by-line blur reveal animation with viewport triggers.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-blur-reveal-text.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-blur-reveal-text.json"},{"name":"components-spaceui-bouncy-accordion","title":"Bouncy Accordion","description":"Spring accordion that splits rounded rows when a panel opens.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-bouncy-accordion.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-bouncy-accordion.json"},{"name":"components-spaceui-chroma-palette","title":"Chroma Palette","description":"Perceptually uniform color generator and interactive swatch palette with organic gooey fluid morph and one-click copy.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-chroma-palette.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-chroma-palette.json"},{"name":"components-spaceui-copy","title":"Copy Button","description":"A copy-to-clipboard button with animated icon transition.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-copy.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-copy.json"},{"name":"components-spaceui-data-grid","title":"Data Grid","description":"Data Grid component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid.json"},{"name":"components-spaceui-data-grid-column-filter","title":"Data Grid Column Filter","description":"Data Grid Column Filter component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-column-filter.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-column-filter.json"},{"name":"components-spaceui-data-grid-column-header","title":"Data Grid Column Header","description":"Data Grid Column Header component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-column-header.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-column-header.json"},{"name":"components-spaceui-data-grid-column-visibility","title":"Data Grid Column Visibility","description":"Data Grid Column Visibility component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-column-visibility.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-column-visibility.json"},{"name":"components-spaceui-data-grid-pagination","title":"Data Grid Pagination","description":"Data Grid Pagination component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-pagination.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-pagination.json"},{"name":"components-spaceui-data-grid-scroll-area","title":"Data Grid Scroll Area","description":"Data Grid Scroll Area component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-scroll-area.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-scroll-area.json"},{"name":"components-spaceui-data-grid-table","title":"Data Grid Table","description":"Data Grid Table component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-table.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table.json"},{"name":"components-spaceui-data-grid-table-dnd","title":"Data Grid Table Dnd","description":"Data Grid Table Dnd component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-table-dnd.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table-dnd.json"},{"name":"components-spaceui-data-grid-table-dnd-rows","title":"Data Grid Table Dnd Rows","description":"Data Grid Table Dnd Rows component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-table-dnd-rows.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table-dnd-rows.json"},{"name":"components-spaceui-data-grid-table-virtual","title":"Data Grid Table Virtual","description":"Data Grid Table Virtual component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-data-grid-table-virtual.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-data-grid-table-virtual.json"},{"name":"components-spaceui-date-selector","title":"Date Selector","description":"Date Selector component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-date-selector.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-date-selector.json"},{"name":"components-spaceui-detachable-accordion","title":"Detachable Accordion","description":"An interactive accordion with spring motion where the expanded item physically detaches with animated gaps and rounded corners.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-detachable-accordion.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-detachable-accordion.json"},{"name":"components-spaceui-dirt-carousel","title":"Dirt Carousel","description":"3D ring carousel with drag, snap, auto-rotate, and a live control panel.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-dirt-carousel.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-dirt-carousel.json"},{"name":"components-spaceui-doodle-callout","title":"Doodle Callout","description":"A hand-drawn arrow that draws itself in next to a handwritten label that pops in letter by letter, replaying on a loop.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-doodle-callout.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-doodle-callout.json"},{"name":"components-spaceui-event-calendar","title":"Event Calendar","description":"Event Calendar component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar.json"},{"name":"components-spaceui-event-calendar-agenda-view","title":"Event Calendar Agenda View","description":"Event Calendar Agenda View component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-agenda-view.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-agenda-view.json"},{"name":"components-spaceui-event-calendar-content","title":"Event Calendar Content","description":"Event Calendar Content component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-content.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-content.json"},{"name":"components-spaceui-event-calendar-dnd","title":"Event Calendar Dnd","description":"Event Calendar Dnd component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-dnd.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-dnd.json"},{"name":"components-spaceui-event-calendar-event","title":"Event Calendar Event","description":"Event Calendar Event component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-event.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-event.json"},{"name":"components-spaceui-event-calendar-i18n","title":"Event Calendar I18n","description":"Event Calendar I18n component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-i18n.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-i18n.json"},{"name":"components-spaceui-event-calendar-lib","title":"Event Calendar Lib","description":"Utility and configuration helper for Event Calendar Lib.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-lib.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-lib.json"},{"name":"components-spaceui-event-calendar-month-view","title":"Event Calendar Month View","description":"Event Calendar Month View component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-month-view.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-month-view.json"},{"name":"components-spaceui-event-calendar-nav","title":"Event Calendar Nav","description":"Event Calendar Nav component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-nav.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-nav.json"},{"name":"components-spaceui-event-calendar-recurrence","title":"Event Calendar Recurrence","description":"Event Calendar Recurrence component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-recurrence.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-recurrence.json"},{"name":"components-spaceui-event-calendar-resource-view","title":"Event Calendar Resource View","description":"Event Calendar Resource View component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-resource-view.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-resource-view.json"},{"name":"components-spaceui-event-calendar-time-grid","title":"Event Calendar Time Grid","description":"Event Calendar Time Grid component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-time-grid.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-time-grid.json"},{"name":"components-spaceui-event-calendar-types","title":"Event Calendar Types","description":"Event Calendar Types component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-event-calendar-types.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-event-calendar-types.json"},{"name":"components-spaceui-filters","title":"Filters","description":"Filters component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-filters.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-filters.json"},{"name":"components-spaceui-flip-text","title":"Flip Text","description":"Per-character 3D dual-face flip animation with a sine-eased stagger wave across the text.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-flip-text.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-flip-text.json"},{"name":"components-spaceui-fluid-countdown","title":"Fluid Countdown","description":"Full-screen countdown timer with fluid rolling digits, play/pause and reset controls, and auto-loop.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-fluid-countdown.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-fluid-countdown.json"},{"name":"components-spaceui-frost-blurred","title":"Frost Blurred","description":"Stacked, masked backdrop-filter layers that frost content along an edge.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-frost-blurred.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-frost-blurred.json"},{"name":"components-spaceui-github-activity","title":"GitHub Activity","description":"An interactive GitHub ecosystem showcase featuring stars, forks, and commits KPI cards with floating particles and a 52-week contribution heatmap matrix.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-github-activity.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-github-activity.json"},{"name":"components-spaceui-gooey-blobs","title":"Gooey Blobs","description":"Two draggable blobs that merge into one liquid shape via an SVG gooey filter.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-gooey-blobs.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-blobs.json"},{"name":"components-spaceui-gooey-info-popover","title":"Gooey Info Popover","description":"A round trigger that gooey-morphs into an info panel on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-gooey-info-popover.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-info-popover.json"},{"name":"components-spaceui-gooey-slots-tooltip","title":"Gooey Slots Tooltip","description":"A round trigger that gooey-expands upward into a rich content card on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-gooey-slots-tooltip.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-slots-tooltip.json"},{"name":"components-spaceui-gooey-text-reveal","title":"Gooey Text Reveal","description":"Line-by-line blur reveal with a gooey SVG edge filter, driven by GSAP SplitText — plays immediately, on scroll, or scrubbed to scroll position.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-gooey-text-reveal.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-text-reveal.json"},{"name":"components-spaceui-gooey-tooltip","title":"Gooey Tooltip","description":"A tooltip bubble that mouse-follows and gooey-connects to its trigger button on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-gooey-tooltip.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gooey-tooltip.json"},{"name":"components-spaceui-gradient-file-upload","title":"Gradient File Upload","description":"A refined upload surface with an animated glowing beam border, dynamic radial feedback, file extension badges, and multi-state progress indicators.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-gradient-file-upload.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-gradient-file-upload.json"},{"name":"components-spaceui-handle-reel","title":"Handle Reel","description":"Kinetic tumbler reel of usernames, handles, or subdomains past a prefix that decelerates and settles with momentum.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-handle-reel.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-handle-reel.json"},{"name":"components-spaceui-icon-stack","title":"Icon Stack","description":"Icon Stack component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-icon-stack.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-icon-stack.json"},{"name":"components-spaceui-image-dark","title":"Image Dark","description":"An adaptive image component that dynamically switches between light and dark mode sources using standard img elements.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-image-dark.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-image-dark.json"},{"name":"components-spaceui-interactive-checklist","title":"Interactive Checklist","description":"Tactile checklist with spring checkmarks, animated strike-through lines, and completion progress.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-interactive-checklist.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-interactive-checklist.json"},{"name":"components-spaceui-interest-picker","title":"Interest Picker","description":"A draggable row-packed interest picker with emoji burst on select, squircle buttons, and a glass clear action.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-interest-picker.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-interest-picker.json"},{"name":"components-spaceui-item","title":"Item","description":"Composable Item primitive with media, content, title, and description slots for lists and rows.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-item.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-item.json"},{"name":"components-spaceui-kanban","title":"Kanban","description":"Kanban component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-kanban.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-kanban.json"},{"name":"components-spaceui-liquid-metal-border","title":"Liquid Metal Border","description":"Liquid metal shader as a border wrap around any registry component.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-liquid-metal-border.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-liquid-metal-border.json"},{"name":"components-spaceui-liquid-sortable-list","title":"Liquid Sortable List","description":"Smooth drag-and-drop sortable team list with generative avatars, spring reordering, and tactile feedback.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-liquid-sortable-list.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-liquid-sortable-list.json"},{"name":"components-spaceui-liquid-switch","title":"Liquid Switch","description":"Elastic toggle switch with velocity-based organic stretch and spring return physics.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-liquid-switch.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-liquid-switch.json"},{"name":"components-spaceui-member-selector","title":"Member Selector","description":"An interactive participant and member avatar selector with dynamic row layout, animated selection badges, quick-add button, and searchable popover.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-member-selector.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-member-selector.json"},{"name":"components-spaceui-morph-icon","title":"Morph Icon","description":"An animated morphing icon transition wrapper supporting motion presets like blur-scale, rotate-scale, flip, and spring.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-morph-icon.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morph-icon.json"},{"name":"components-spaceui-morphing-area","title":"Morphing Area","description":"Adaptive aspect ratio frame with constant-area surface morphing for any child element, image, or media.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-morphing-area.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-area.json"},{"name":"components-spaceui-morphing-command-bar","title":"Morphing Command Bar","description":"Elastic command bar that expands seamlessly from passive state to active input with integrated action trigger.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-morphing-command-bar.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-command-bar.json"},{"name":"components-spaceui-morphing-search-pill","title":"Morphing Search Pill","description":"Adaptive search pill that expands smoothly from a compact button into a full input field.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-morphing-search-pill.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-search-pill.json"},{"name":"components-spaceui-morphing-text","title":"Morphing Text","description":"Dynamic character-level FLIP morphing animation between words or phrases with accessible screen-reader support.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-morphing-text.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-morphing-text.json"},{"name":"components-spaceui-notification-list","title":"Notification List","description":"A fun notification list with animated stacking and cards that expand as you interact.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-notification-list.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-notification-list.json"},{"name":"components-spaceui-phone-input","title":"Phone Input","description":"Phone Input component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-phone-input.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-phone-input.json"},{"name":"components-spaceui-pin-list","title":"Pin List","description":"A playful list for pinning and unpinning items, with smooth animated transitions as items move between groups.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-pin-list.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pin-list.json"},{"name":"components-spaceui-pixel-reveal-text","title":"Pixel Reveal Text","description":"A typography shader component that materializes text out of pixel matrix noise with neon contour highlights on scroll.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-pixel-reveal-text.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-pixel-reveal-text.json"},{"name":"components-spaceui-rainbow-glow-border","title":"Rainbow Glow Border","description":"Smooth animated rainbow glow border wrap with drifting color orbs.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-rainbow-glow-border.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-rainbow-glow-border.json"},{"name":"components-spaceui-rating","title":"Rating","description":"Rating component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-rating.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-rating.json"},{"name":"components-spaceui-resizable","title":"Resizable","description":"Resizable component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-resizable.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-resizable.json"},{"name":"components-spaceui-scatter-text","title":"Scatter Text","description":"A text input whose content scatters into drifting canvas grains on submit.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-scatter-text.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-scatter-text.json"},{"name":"components-spaceui-scroll-manifesto","title":"Scroll Manifesto","description":"A pinned statement that comes into focus word by word as you scroll: each word rises, sharpens and lights up.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-scroll-manifesto.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-scroll-manifesto.json"},{"name":"components-spaceui-scroll-text-reveal","title":"Scroll Text Reveal","description":"Progressive character or word color/opacity reveal driven by scroll progress.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-scroll-text-reveal.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-scroll-text-reveal.json"},{"name":"components-spaceui-scrollspy","title":"Scrollspy","description":"Scrollspy component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-scrollspy.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-scrollspy.json"},{"name":"components-spaceui-section-scrollspy","title":"Section Scrollspy","description":"Floating section scrollbar that tracks the active heading as you scroll.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-section-scrollspy.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-section-scrollspy.json"},{"name":"components-spaceui-silk-border","title":"Silk Border","description":"Fluid WebGPU silk mesh gradient wrapper with preset themes and CSS fallback.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-silk-border.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-silk-border.json"},{"name":"components-spaceui-slide-to-confirm","title":"Slide To Confirm","description":"Tactile slide-to-action control with spring physics and inertia confirmation.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-slide-to-confirm.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-slide-to-confirm.json"},{"name":"components-spaceui-slosh-slider","title":"Slosh Slider","description":"Liquid fill slider with viscosity, momentum, and tilt.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-slosh-slider.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-slosh-slider.json"},{"name":"components-spaceui-smooth-slider","title":"Smooth Slider","description":"A continuous slider with a filled track, tick dots, and a draggable thumb.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-smooth-slider.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-smooth-slider.json"},{"name":"components-spaceui-sortable","title":"Sortable","description":"Sortable component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-sortable.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-sortable.json"},{"name":"components-spaceui-status-badge","title":"Status Badge","description":"An interactive status badge with animated indicator, status color mapping, and inline or stacked layout modes.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-status-badge.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-status-badge.json"},{"name":"components-spaceui-team-roster-selector","title":"Team Roster Selector","description":"Interactive team roster selection list with generative avatars, spring hover pill, and multi-select state.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-team-roster-selector.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-team-roster-selector.json"},{"name":"components-spaceui-textmoji","title":"Textmoji","description":"Renders every Unicode emoji in a string as an image sized to the surrounding text. Includes Animoji, the same for animated emoji styles.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-textmoji.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-textmoji.json"},{"name":"components-spaceui-theme-toggle","title":"Theme Toggle","description":"View-transition theme toggle with circle, rectangle, polygon, and blur reveals.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-theme-toggle.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-theme-toggle.json"},{"name":"components-spaceui-tick-slider","title":"Tick Slider","description":"A scrubber drawn as a row of tick marks, with a real range input underneath for keyboard and screen reader support.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-tick-slider.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-tick-slider.json"},{"name":"components-spaceui-timeline","title":"Timeline","description":"Timeline component for Space UI.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-timeline.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-timeline.json"},{"name":"components-spaceui-tournament-bracket","title":"Tournament Bracket","description":"Animated knockout bracket with round navigation and live match states.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-tournament-bracket.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-tournament-bracket.json"},{"name":"components-spaceui-user-presence-avatar","title":"User Presence Avatar","description":"A compact avatar group for showing online and offline users, with smooth animated transitions when presence changes.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-user-presence-avatar.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-user-presence-avatar.json"},{"name":"components-spaceui-velocity-hover-preview","title":"Velocity Hover Preview","description":"An interactive list component projecting a floating WebGL preview with inertial momentum mesh-warping and pixel block dissolve crossfading.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-velocity-hover-preview.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-velocity-hover-preview.json"},{"name":"components-spaceui-voice-chat-widget","title":"Voice Chat Widget","description":"An expandable voice chat pill with procedural avatars and squishmoji participants, animated speaking indicators, and a smooth pill-to-panel transition.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-voice-chat-widget.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-voice-chat-widget.json"},{"name":"components-spaceui-words-preloader","title":"Words Preloader","description":"Typography preloader that cycles greetings then wipes away with a curved SVG mask.","type":"registry:component","source_url":"https://www.spaceui.one/r/components-spaceui-words-preloader.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/components-spaceui-words-preloader.json"},{"name":"demo-c-backgrounds-bubble-01","title":"Bubble Background Demo","description":"Demo showing a bubble background.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-backgrounds-bubble-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-backgrounds-bubble-01.json"},{"name":"demo-c-backgrounds-gradient-01","title":"Gradient Background Demo","description":"Demo showing a gradient background.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-backgrounds-gradient-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-backgrounds-gradient-01.json"},{"name":"demo-c-aurora-glow-button-01","title":"Aurora Glow Button — Default","description":"The default aurora glow button on a muted backdrop.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-aurora-glow-button-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-aurora-glow-button-01.json"},{"name":"demo-c-button-squircle-01","title":"Button Squircle Variants","description":"Showcase of tactile squircle buttons with curvature morphing across default, secondary, outline, accent, glass, and ghost variants.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-button-squircle-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-button-squircle-01.json"},{"name":"demo-c-button-squircle-02","title":"Button Squircle Sizes","description":"Tactile squircle button standard sizing scale from extra small to large.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-button-squircle-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-button-squircle-02.json"},{"name":"demo-c-button-squircle-03","title":"Button Squircle Icon Sizes","description":"Tactile squircle icon button sizing scale from small to large.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-button-squircle-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-button-squircle-03.json"},{"name":"demo-c-glass-button-icon-01","title":"Glass Button — Icon","description":"Icon-only glass buttons over a gradient backdrop.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-glass-button-icon-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-glass-button-icon-01.json"},{"name":"demo-c-glass-button-reveal-01","title":"Glass Button — Blur Reveal","description":"An icon glass button that widens and blur-reveals a text label on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-glass-button-reveal-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-glass-button-reveal-01.json"},{"name":"demo-c-glass-button-text-01","title":"Glass Button — Text","description":"A text + icon glass CTA button over a gradient backdrop.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-glass-button-text-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-glass-button-text-01.json"},{"name":"demo-c-like-button-01","title":"Like Button — Default","description":"A like button with an initial count of 24.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-like-button-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-like-button-01.json"},{"name":"demo-c-pixel-fill-button-01","title":"Pixel Fill Button Demo","description":"Interactive demo of Pixel Fill Button with different pixel accent colors.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-pixel-fill-button-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-pixel-fill-button-01.json"},{"name":"demo-c-rainbow-glow-button-01","title":"Default Rainbow Glow Button","description":"Interactive button with continuous orbiting rainbow blurred orbs revealed dynamically on hover.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-rainbow-glow-button-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-rainbow-glow-button-01.json"},{"name":"demo-c-orb-bloop-01","title":"Bloop Orb Demo","description":"Compact bloop orb shader.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-bloop-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-bloop-01.json"},{"name":"demo-c-orb-loading-01","title":"Loading Orb Live Interactive Demo","description":"Live matrix loader with customizable speed, motion presets, radius, gap, ghost dots, and Tailwind colors.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-loading-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-01.json"},{"name":"demo-c-orb-loading-02","title":"Loading Orb All States Line Demo","description":"All 6 matrix geometric states and live loop displayed simultaneously on a single row.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-loading-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-02.json"},{"name":"demo-c-orb-loading-03","title":"Loading Orb Tailwind Colors Showcase","description":"Tailwind color class styling with automatic tonal opacity gradations.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-loading-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-03.json"},{"name":"demo-c-orb-loading-04","title":"Building Loader Status Card Demo","description":"Assistant loading card with state switching, contextual details, and shimmer progress.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-loading-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-loading-04.json"},{"name":"demo-c-orb-smooth-01","title":"Smooth Orb Demo","description":"Audio-reactive smooth orb.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-smooth-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-smooth-01.json"},{"name":"demo-c-orb-thinking-01","title":"Working Orb Demo","description":"Particles tracing tilted orbital rings around a ghosted sphere.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-01.json"},{"name":"demo-c-orb-thinking-02","title":"Searching Orb Demo","description":"A dotted globe swept by a rotating scan band.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-02.json"},{"name":"demo-c-orb-thinking-03","title":"Solving Orb Demo","description":"A point-cloud sphere permuted by successive quarter-turn slice rotations.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-03.json"},{"name":"demo-c-orb-thinking-04","title":"Listening Orb Demo","description":"Latitude rings breathing in and out on two detuned sine waves.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-04.json"},{"name":"demo-c-orb-thinking-05","title":"Connecting Orb Demo","description":"A drifting node graph with proximity links and travelling signals.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-05.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-05.json"},{"name":"demo-c-orb-thinking-06","title":"Weaving Orb Demo","description":"Three helical strands braiding around a ghosted sphere.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-06.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-06.json"},{"name":"demo-c-orb-thinking-07","title":"Composing Orb Demo","description":"A rippling multi-lane ribbon wrapped over a sphere.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-07.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-07.json"},{"name":"demo-c-orb-thinking-08","title":"Breathing Orb Demo","description":"A face-on ring pulsing with a slow radial ripple.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-08.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-08.json"},{"name":"demo-c-orb-thinking-09","title":"Shaping Orb Demo","description":"A dotted outline morphing between circle, triangle and square.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-orb-thinking-09.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-orb-thinking-09.json"},{"name":"demo-c-cloud-01","title":"Cloud Demo","description":"Interactive cloud material surface.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-cloud-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-cloud-01.json"},{"name":"demo-c-fluid-crossfade-01","title":"Fluid Crossfade Demo","description":"Interactive demo of Fluid Crossfade with fluid simulation, chromatic refraction, and Bayer dithering.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-fluid-crossfade-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-crossfade-01.json"},{"name":"demo-c-fluid-distortion-image-01","title":"Fluid Distortion Image Demo","description":"Interactive demo of Fluid Distortion Image with real-time cursor impulse ripples.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-fluid-distortion-image-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-distortion-image-01.json"},{"name":"demo-c-fluid-dither-crossfade-01","title":"Fluid Dither Crossfade Demo","description":"Interactive demo of Fluid Dither Crossfade with real-time fluid simulation and Bayer dithering.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-fluid-dither-crossfade-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-fluid-dither-crossfade-01.json"},{"name":"demo-c-heat-shade-01","title":"Heat Shade Licks","description":"Climbing heat tongues with origin and color controls.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-heat-shade-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-heat-shade-01.json"},{"name":"demo-c-heat-shade-02","title":"Heat Shade Field","description":"Drifting heat field with origin and color controls.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-heat-shade-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-heat-shade-02.json"},{"name":"demo-c-liquid-mask-crossfade-01","title":"Liquid Mask Crossfade Demo","description":"Interactive demo of Liquid Mask Crossfade with cursor trail, noise distortion, refraction, and parallax.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-liquid-mask-crossfade-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-liquid-mask-crossfade-01.json"},{"name":"demo-c-liquid-mesh-blur-01","title":"Default Liquid Mesh Blur","description":"Organic liquid mesh gradient shader background preview with configurable color stops, blur intensity, speed, and particle physics.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-liquid-mesh-blur-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-liquid-mesh-blur-01.json"},{"name":"demo-c-liquid-mesh-blur-02","title":"Top Ambient Liquid Mesh Blur","description":"Ambient top header glow preset positioned absolute with 3rem blur and 120px visible exposure.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-liquid-mesh-blur-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-liquid-mesh-blur-02.json"},{"name":"demo-c-mesh-gradient-01","title":"Default Mesh Gradient","description":"Dynamic mesh gradient shader background preview with swirling waves and grain.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-mesh-gradient-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-mesh-gradient-01.json"},{"name":"demo-c-paper-shader-01","title":"Paper Shader Demo","description":"Paper WebGL fragment shader canvas.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-paper-shader-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-paper-shader-01.json"},{"name":"demo-c-pixel-reveal-image-01","title":"Pixel Reveal Image Demo","description":"Interactive demo of Pixel Reveal Image with real-time scroll matrix wavefront.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-pixel-reveal-image-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-pixel-reveal-image-01.json"},{"name":"demo-c-silk-flare-01","title":"Silk Flare Demo","description":"Composite WebGPU shader blending silky mesh gradients with rising thermodynamic heat flares.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-silk-flare-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-silk-flare-01.json"},{"name":"demo-c-silk-gradient-01","title":"Silk Gradient Demo","description":"Warped three-color silk field with grain.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-silk-gradient-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-silk-gradient-01.json"},{"name":"demo-c-adaptive-density-grid-01","title":"Media Gallery Density Reflow","description":"Image gallery with fluid spring velocity pill indicator and adaptive columns reflow.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-adaptive-density-grid-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-adaptive-density-grid-01.json"},{"name":"demo-c-adaptive-density-grid-02","title":"Category Filter & Templates Reflow","description":"Adaptive density grid acting as category reflow tabs with fluid physics spring pill and card rendering.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-adaptive-density-grid-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-adaptive-density-grid-02.json"},{"name":"demo-c-animoji-01","title":"Textmoji Animated Demo","description":"Inline text with emoji rendered as animated images sized to the surrounding font.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-animoji-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-01.json"},{"name":"demo-c-animoji-02","title":"Textmoji Animated Sources","description":"The same emoji rendered through all three animated catalogs.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-animoji-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-02.json"},{"name":"demo-c-animoji-03","title":"Textmoji Animated Unicode Escapes","description":"Emoji written as JS unicode escape sequences, including a two-code-point flag, resolved the same as pasted characters.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-animoji-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-03.json"},{"name":"demo-c-animoji-04","title":"Textmoji Animated with Blur Reveal Text","description":"BlurRevealText's renderSegment hook piped through Animoji, cycling both the phrase and the emoji provider on every reveal.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-animoji-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-animoji-04.json"},{"name":"demo-c-autoscale-input-01","title":"Autoscale Input Demo","description":"Amount field that scales to fit its container.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-autoscale-input-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-autoscale-input-01.json"},{"name":"demo-c-badge-squircle-01","title":"Badge Squircle Variants","description":"Visual style variants for the squircle badge component.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-badge-squircle-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-badge-squircle-01.json"},{"name":"demo-c-badge-squircle-02","title":"Badge Squircle Sizes","description":"Standard sizing scale for the squircle badge component from extra small to large.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-badge-squircle-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-badge-squircle-02.json"},{"name":"demo-c-badge-squircle-03","title":"Badge Squircle Icons & Polymorphic Render","description":"Showcase of tactile squircle badges with icons and polymorphic link and button rendering.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-badge-squircle-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-badge-squircle-03.json"},{"name":"demo-c-blur-reveal-text-01","title":"Blur Reveal Text Playground","description":"Interactive demo for Blur Reveal Text featuring customizable token splitting, blur depth, stagger delays, and directions with automatic 5s loop replay.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-blur-reveal-text-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-blur-reveal-text-01.json"},{"name":"demo-c-bouncy-accordion-01","title":"Bouncy Accordion Demo","description":"Spring accordion with icons and badge copy.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-bouncy-accordion-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-bouncy-accordion-01.json"},{"name":"demo-c-chroma-palette-01","title":"Chroma Palette Demo","description":"Perceptually uniform color generator and interactive swatch palette using @usespaceui/gradients.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-chroma-palette-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-chroma-palette-01.json"},{"name":"demo-c-data-grid-01","title":"Data grid with pagination","description":"Data grid with pagination","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-01.json"},{"name":"demo-c-data-grid-02","title":"Data grid with cell border","description":"Data grid with cell border","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-02.json"},{"name":"demo-c-data-grid-03","title":"Data grid with dense layout","description":"Data grid with dense layout","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-03.json"},{"name":"demo-c-data-grid-04","title":"Data grid without table borders","description":"Data grid without table borders","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-04.json"},{"name":"demo-c-data-grid-05","title":"Data grid with striped rows","description":"Data grid with striped rows","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-05.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-05.json"},{"name":"demo-c-data-grid-06","title":"Data grid with auto width table layout","description":"Data grid with auto width table layout","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-06.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-06.json"},{"name":"demo-c-data-grid-07","title":"Data grid with row selection","description":"Data grid with row selection","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-07.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-07.json"},{"name":"demo-c-data-grid-08","title":"Data grid with expandable rows","description":"Data grid with expandable rows","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-08.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-08.json"},{"name":"demo-c-data-grid-09","title":"Data grid with sub table","description":"Data grid with sub table","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-09.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-09.json"},{"name":"demo-c-data-grid-10","title":"Data grid with column icons","description":"Data grid with column icons","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-10.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-10.json"},{"name":"demo-c-data-grid-11","title":"Data grid with sortable columns","description":"Data grid with sortable columns","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-11.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-11.json"},{"name":"demo-c-data-grid-12","title":"Data grid with movable columns","description":"Data grid with movable columns","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-12.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-12.json"},{"name":"demo-c-data-grid-13","title":"Data grid with draggable columns","description":"Data grid with draggable columns","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-13.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-13.json"},{"name":"demo-c-data-grid-14","title":"Data grid with draggable rows","description":"Data grid with draggable rows","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-14.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-14.json"},{"name":"demo-c-data-grid-15","title":"Data grid with column resizing","description":"Data grid with column resizing","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-15.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-15.json"},{"name":"demo-c-data-grid-16","title":"Data grid with pinnable columns","description":"Data grid with pinnable columns","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-16.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-16.json"},{"name":"demo-c-data-grid-17","title":"Data grid with sticky header","description":"Data grid with sticky header","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-17.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-17.json"},{"name":"demo-c-data-grid-18","title":"Data grid with column controls","description":"Data grid with column controls","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-18.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-18.json"},{"name":"demo-c-data-grid-19","title":"Data grid with card container","description":"Data grid with card container","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-19.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-19.json"},{"name":"demo-c-data-grid-20","title":"Data grid with column visibility controls","description":"Data grid with column visibility controls","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-20.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-20.json"},{"name":"demo-c-data-grid-21","title":"Data grid with loading skeleton","description":"Data grid with loading skeleton","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-21.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-21.json"},{"name":"demo-c-data-grid-22","title":"Data grid with CRUD features","description":"Data grid with CRUD features","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-22.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-22.json"},{"name":"demo-c-data-grid-23","title":"Data grid with CRUD in frame container","description":"Data grid with CRUD in frame container","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-23.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-23.json"},{"name":"demo-c-data-grid-24","title":"Data grid with column totals footer","description":"Data grid with column totals footer","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-24.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-24.json"},{"name":"demo-c-data-grid-25","title":"Data grid with summary stats footer","description":"Data grid with summary stats footer","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-25.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-25.json"},{"name":"demo-c-data-grid-26","title":"Data grid with per-column aggregate footer","description":"Data grid with per-column aggregate footer","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-26.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-26.json"},{"name":"demo-c-data-grid-27","title":"Data grid with local infinite scroll","description":"Data grid with local infinite scroll","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-27.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-27.json"},{"name":"demo-c-data-grid-28","title":"Data grid with remote infinite scroll","description":"Data grid with remote infinite scroll","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-28.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-28.json"},{"name":"demo-c-data-grid-29","title":"Data grid with row pinning support","description":"Data grid with row pinning support","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-data-grid-29.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-data-grid-29.json"},{"name":"demo-c-date-selector-01","title":"Basic date selector","description":"Basic date selector","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-date-selector-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-01.json"},{"name":"demo-c-date-selector-02","title":"Date selector with popover","description":"Date selector with popover","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-date-selector-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-02.json"},{"name":"demo-c-date-selector-03","title":"Date selector with dialog","description":"Date selector with dialog","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-date-selector-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-03.json"},{"name":"demo-c-date-selector-04","title":"Date selector with dropdown menu","description":"Date selector with dropdown menu","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-date-selector-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-date-selector-04.json"},{"name":"demo-c-detachable-accordion-01","title":"Detachable Accordion — Default","description":"An accordion component featuring physical separation and corner radius spring transitions upon expanding items.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-detachable-accordion-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-detachable-accordion-01.json"},{"name":"demo-c-dirt-carousel-01","title":"Dirt Carousel Demo","description":"3D carousel with official Tweakpane controls.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-dirt-carousel-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-dirt-carousel-01.json"},{"name":"demo-c-doodle-callout-01","title":"Doodle Callout Demo","description":"A hand-drawn arrow and handwritten label pointing at a pricing plan, replaying on a loop.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-doodle-callout-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-doodle-callout-01.json"},{"name":"demo-c-event-calendar-01","title":"Event calendar with all views and live settings","description":"Event calendar with all views and live settings","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-event-calendar-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-01.json"},{"name":"demo-c-event-calendar-02","title":"Event calendar with resource view for room bookings","description":"Event calendar with resource view for room bookings","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-event-calendar-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-02.json"},{"name":"demo-c-event-calendar-03","title":"Event calendar with create and edit dialog","description":"Month calendar with event CRUD in one dialog: open from an empty day, an event, or Add event, commit via apiRef. Title, color, start, duration, all-day fields.…","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-event-calendar-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-03.json"},{"name":"demo-c-event-calendar-04","title":"Event calendar with custom event chips","description":"Event calendar with custom event chips","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-event-calendar-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-04.json"},{"name":"demo-c-event-calendar-05","title":"Event calendar with drag-to-book appointments","description":"Event calendar with drag-to-book appointments","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-event-calendar-05.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-event-calendar-05.json"},{"name":"demo-c-file-upload-01","title":"Basic file upload","description":"Basic file upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-01.json"},{"name":"demo-c-file-upload-02","title":"Avatar upload","description":"Avatar upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-02.json"},{"name":"demo-c-file-upload-03","title":"Basic drag and drop file upload","description":"Basic drag and drop file upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-03.json"},{"name":"demo-c-file-upload-04","title":"Gallery file upload","description":"Gallery file upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-04.json"},{"name":"demo-c-file-upload-05","title":"Progress file upload","description":"Progress file upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-05.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-05.json"},{"name":"demo-c-file-upload-06","title":"Table file upload","description":"Table file upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-06.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-06.json"},{"name":"demo-c-file-upload-07","title":"Image upload","description":"Image upload","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-07.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-07.json"},{"name":"demo-c-file-upload-08","title":"Image upload with sorting.","description":"Image upload with sorting.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-08.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-08.json"},{"name":"demo-c-file-upload-09","title":"Card file upload.","description":"Card file upload.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-09.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-09.json"},{"name":"demo-c-file-upload-10","title":"Cover image upload.","description":"Cover image upload.","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-file-upload-10.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-file-upload-10.json"},{"name":"demo-c-filters-01","title":"Filters with various field types","description":"Filters with various field types","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-01.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-01.json"},{"name":"demo-c-filters-02","title":"Filters with input validation","description":"Filters with input validation","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-02.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-02.json"},{"name":"demo-c-filters-03","title":"Filters with custom trigger button","description":"Filters with custom trigger button","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-03.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-03.json"},{"name":"demo-c-filters-04","title":"Filters with small size controls","description":"Filters with small size controls","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-04.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-04.json"},{"name":"demo-c-filters-05","title":"Filters with large size controls","description":"Filters with large size controls","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-05.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-05.json"},{"name":"demo-c-filters-06","title":"Filters with custom controls","description":"Filters with custom controls","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-06.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-06.json"},{"name":"demo-c-filters-07","title":"Filters with data grid","description":"Filters with data grid","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-07.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-07.json"},{"name":"demo-c-filters-08","title":"Filters with data grid and async mode","description":"Filters with data grid and async mode","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-08.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-08.json"},{"name":"demo-c-filters-09","title":"Filters with i18n support","description":"Filters with i18n support","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-09.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-09.json"},{"name":"demo-c-filters-10","title":"Filters with virtualized large lists","description":"Filters with virtualized large lists","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-10.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-10.json"},{"name":"demo-c-filters-11","title":"Filters with prefetched async options","description":"Filters with prefetched async options","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-11.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-11.json"},{"name":"demo-c-filters-12","title":"Filters with async server-side search","description":"Filters with async server-side search","type":"registry:component","source_url":"https://www.spaceui.one/r/demo-c-filters-12.json","install_command":"npx shadcn@latest add https://www.spaceui.one/r/demo-c-filters-12.json"}]},{"id":"spark-ui","name":"@spark-ui","slug":"spark-ui","description":"Open-source React components and animated UI building blocks, installable as source with the shadcn CLI.","author":"codeweb-dev","framework":"react","license":"MIT","tags":["animation","backgrounds","blocks","cards","icons","loaders","media"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://spark-ui-olive.vercel.app","github":"https://github.com/codeweb-dev/spark-ui","registry":"https://spark-ui-olive.vercel.app/r/registry.json","source":"https://spark-ui-olive.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/spark-ui","markdown":"https://sh4dcn.netlify.app/md/spark-ui.md"},"logo":"<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 1.5 Q14.25 9.75 22.5 12 Q14.25 14.25 12 22.5 Q9.75 14.25 1.5 12 Q9.75 9.75 12 1.5 Z' fill='var(--foreground)'/></svg>","preview_image":"https://spark-ui-olive.vercel.app/opengraph-image?c49b61013ca90d28","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":77,"open_issues":0,"last_commit":"2026-07-20T04:18:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://spark-ui-olive.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://spark-ui-olive.vercel.app/r/registry.json","clone":"git clone https://github.com/codeweb-dev/spark-ui.git","clone_degit":"npx degit codeweb-dev/spark-ui","registry_fetch":"curl -s https://spark-ui-olive.vercel.app/r/registry.json"},"component_count":18,"components":[{"name":"widget-stack","title":"Widget Stack","description":"A stack of small or medium widgets with vertical snap scrolling and page dots.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/widget-stack.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/widget-stack.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A functional iPhone-inspired island that morphs between compact and expanded content.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/dynamic-island.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/dynamic-island.json"},{"name":"tactile-highlight","title":"Tactile Highlight","description":"A fluid text highlight component that reacts to viewport visibility and user interaction.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/tactile-highlight.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/tactile-highlight.json"},{"name":"spotify-card","title":"Spotify Card","description":"A premium Spotify card with real-time metadata and morphing animations.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/spotify-card.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/spotify-card.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"A premium text component with an elegant shimmer animation effect.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/shimmer-text.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/shimmer-text.json"},{"name":"basic-number-ticker","title":"Basic Number Ticker","description":"An animated number ticker component with customizable start, target, transitions, and callbacks.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/basic-number-ticker.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/basic-number-ticker.json"},{"name":"qr-code","title":"QR Code","description":"A beautiful QR code component with dot styling, gradient support, and extensive color customization.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/qr-code.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/qr-code.json"},{"name":"animated-gradient","title":"Animated Gradient","description":"WebGL-powered animated mist, lava, and plasma backgrounds with smooth silk-like flowing streams.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/animated-gradient.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/animated-gradient.json"},{"name":"ghost-ether","title":"Ghost Ether","description":"WebGL-powered interactive fluid simulation with dynamic FBM mist and wandering spirit force trails using three.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/ghost-ether.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/ghost-ether.json"},{"name":"logo-carousel","title":"Logo Carousel","description":"A beautiful, high-performance scrolling logo carousel component with pausing, custom directions, speed, and fade effects.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/logo-carousel.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/logo-carousel.json"},{"name":"logo-carousel-right","title":"Logo Carousel Right","description":"Right scrolling Logo Carousel demo.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/logo-carousel-right.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/logo-carousel-right.json"},{"name":"image-trail","title":"Image Trail","description":"A framed mouse-tracking image trail with momentum, captions, and customizable styling.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/image-trail.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/image-trail.json"},{"name":"masonry","title":"Masonry","description":"An animated masonry grid that lays out image items by explicit height, with configurable entry and hover animations.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/masonry.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/masonry.json"},{"name":"keyboard","title":"Keyboard","description":"A two-tone mechanical keyboard with 3D press animations and physical key highlighting.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/keyboard.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/keyboard.json"},{"name":"hello","title":"Hello","description":"An Apple-style welcome greeting that cycles through languages with a soft blur crossfade.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/hello.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/hello.json"},{"name":"receipt","title":"Receipt","description":"A polished payment receipt with ticket details, card information, and a decorative barcode.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/receipt.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/receipt.json"},{"name":"interactive-pets","title":"Interactive Pets","description":"A playful draggable cat with feeding reactions and idle animations.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/interactive-pets.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/interactive-pets.json"},{"name":"interactive-pets-demo","title":"Interactive Pets Demo","description":"Demo of the Interactive Pets playground with custom messages and an event log.","type":"registry:component","source_url":"https://spark-ui-olive.vercel.app/r/interactive-pets-demo.json","install_command":"npx shadcn@latest add https://spark-ui-olive.vercel.app/r/interactive-pets-demo.json"}]},{"id":"spectrumui","name":"@spectrumui","slug":"spectrumui","description":"An open-source React/Next.js component library with 250+ free components built on shadcn/ui and Tailwind CSS, featuring smooth animations and responsive design. Components span common UI patterns: Login forms, Payment forms, Settings panels, Data visualization (bar, line, radar charts), AI assistant chat UI, and standard shadcn component variants. A Spectrum Pro tier ($49-$79 launch price) adds premium blocks. Vercel OSS-backed. TypeScript throughout. Use for: projects that need a large free set of pre-built, animated Next.js components that extend shadcn/ui with richer variants and more categories than the default library.","author":"arihantcodes","framework":"react","license":"Apache-2.0","tags":["3d","accessibility","aesthetic","ai","animation","auth","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","marketing","media","navigation","overlays","payments","tables"],"categories":["Component library (general)"],"labels":["featured","popular"],"urls":{"website":"https://ui.spectrumhq.in","github":"https://github.com/arihantcodes/spectrum-ui","registry":"https://ui.spectrumhq.in/r/registry.json","source":"https://ui.spectrumhq.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/spectrumui","markdown":"https://sh4dcn.netlify.app/md/spectrumui.md"},"logo":"<svg width='36' height='41' viewBox='0 0 36 41' fill='currentColor' xmlns='http://www.w3.org/2000/svg'><path d='M17.641 33.4291L11.563 27.3511C7.26395 23.052 0 26.091 0 32.169V40.1001H35.2821V15.7881L17.641 33.4291Z' fill='var(--foreground)'/><path d='M17.641 6.67098L23.719 12.749C28.0181 17.0481 35.2821 14.0091 35.2821 7.93105V0H0V24.312L17.641 6.67098Z' fill='var(--foreground)'/></svg>","preview_image":"https://ui.spectrumhq.in/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1508,"open_issues":6,"last_commit":"2026-09-21T07:11:05Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.spectrumhq.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.spectrumhq.in/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.spectrumhq.in/r/registry.json","clone":"git clone https://github.com/arihantcodes/spectrum-ui.git","clone_degit":"npx degit arihantcodes/spectrum-ui","registry_fetch":"curl -s https://ui.spectrumhq.in/r/registry.json"},"component_count":250,"components":[{"name":"agent-plan","title":"Agent Plan","description":"An editable plan checklist the agent proposes before running.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/agent-plan.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/agent-plan.json"},{"name":"agent-steps","title":"Agent Steps","description":"A timeline of tool calls with status, arguments, results, and parallel sub-steps.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/agent-steps.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/agent-steps.json"},{"name":"approval-card","title":"Approval Card","description":"A human-in-the-loop approval for an action an agent wants to take.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/approval-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/approval-card.json"},{"name":"chat-empty-state","title":"Chat Empty State","description":"A first-run greeting with staggered suggestion chips.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/chat-empty-state.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/chat-empty-state.json"},{"name":"citation-sources","title":"Citation Sources","description":"Inline citation markers with hover previews or a footnote list.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/citation-sources.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/citation-sources.json"},{"name":"code-block","title":"Code Block","description":"An AI code block with a file header, copy, and line collapse.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/code-block.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/code-block.json"},{"name":"conversation-list","title":"Conversation List","description":"A date-grouped conversation sidebar with pinning.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/conversation-list.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/conversation-list.json"},{"name":"diff-view","title":"Diff View","description":"Proposed file changes with per-file accept and reject.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/diff-view.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/diff-view.json"},{"name":"disclose-image","title":"Disclose Image","description":"An image reveal component with animated sliding door panels.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/disclose-image.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/disclose-image.json"},{"name":"error-state","title":"Error State","description":"A failed-generation state with a preserved prompt and retry.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/error-state.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/error-state.json"},{"name":"github-profile-card","title":"GitHub Profile Card","description":"A GitHub profile card with account stats, a contribution graph, and social links.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/github-profile-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/github-profile-card.json"},{"name":"alert-1","title":"Alert demo","description":"component for the alert-demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/alert-1.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-1.json"},{"name":"alert-2","title":"Alert 2","description":"component for the alert-2","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/alert-2.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-2.json"},{"name":"alert-3","title":"Alert 3","description":"component for the alert-3","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/alert-3.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-3.json"},{"name":"alert-4","title":"Alert 4","description":"component for the alert-4","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/alert-4.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/alert-4.json"},{"name":"animated-card","title":"Animated Card","description":"component for the Animated Card","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-card.json"},{"name":"animated-SVG-chart","title":"Animated SVG Chart","description":"component for the Animated SVG Chart","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-SVG-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-SVG-chart.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"component for the Animated Testimonials","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-testimonials.json"},{"name":"autosize-textarea-dependecies","title":"Autosize Textarea Dependencies","description":"component for the Autosize Textarea Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/autosize-textarea-dependecies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/autosize-textarea-dependecies.json"},{"name":"autosize-textarea-demo","title":"Autosize Textarea Demo","description":"component for the Autosize Textarea","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/autosize-textarea-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/autosize-textarea-demo.json"},{"name":"autosize-textarea-max-height","title":"Autosize Textarea Max Height","description":"component for the Autosize Textarea Max Height","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/autosize-textarea-max-height.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/autosize-textarea-max-height.json"},{"name":"autosize-textarea-ref","title":"Autosize Textarea Ref","description":"component for the Autosize Textarea Ref","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/autosize-textarea-ref.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/autosize-textarea-ref.json"},{"name":"autosize-textarea-form","title":"Autosize Textarea Form","description":"component for the Autosize Textarea Form","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/autosize-textarea-form.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/autosize-textarea-form.json"},{"name":"autosize-textarea-customize","title":"Autosize Textarea Customize","description":"component for the Autosize Textarea Customize","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/autosize-textarea-customize.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/autosize-textarea-customize.json"},{"name":"datetime-picker-demo","title":"Datetime Picker Demo","description":"component for the Datetime Picker Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-demo.json"},{"name":"datetime-picker-hour-cycle","title":"Datetime Picker Hour","description":"component for the Datetime Picker Hour","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-hour-cycle.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-hour-cycle.json"},{"name":"datetime-picker-and-time-input","title":"Datetime Picker and Time Input","description":"component for the Datetime Picker and Time Input","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-and-time-input.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-and-time-input.json"},{"name":"datetime-picker-year-range","title":"Datetime Year Range","description":"component for the Datetime Year Range","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-year-range.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-year-range.json"},{"name":"datetime-picker-locale","title":"Datetime Picker Locale","description":"component for the Datetime Picker Locale","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-locale.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-locale.json"},{"name":"datetime-picker-calendar-settings","title":"Datetime Picker Calendar Settings","description":"component for the Datetime Picker Calendar Settings","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-calendar-settings.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-calendar-settings.json"},{"name":"datetime-picker-display-format","title":"Datetime Picker Display Format","description":"component for the Datetime Picker Display Format","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-display-format.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-display-format.json"},{"name":"datetime-picker-placeholder","title":"Datetime Picker Placeholder","description":"component for the Datetime Picker Placeholder","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-placeholder.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-placeholder.json"},{"name":"datetime-picker-granularity","title":"Datetime Picker Granularity","description":"component for the Datetime Picker Granularity","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-granularity.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-granularity.json"},{"name":"datetime-picker-disabled","title":"Datetime Picker Disabled","description":"component for the Datetime Picker Disabled","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-disabled.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-disabled.json"},{"name":"datetime-picker-ref","title":"Datetime Picker Ref","description":"component for the Datetime Picker Ref","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-ref.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-ref.json"},{"name":"datetime-picker-form","title":"Datetime Picker Form","description":"component for the Datetime Picker Form","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/datetime-picker-form.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/datetime-picker-form.json"},{"name":"dual-range-slider-dependecies","title":"Dual Range Slider Dependencies","description":"component for the Dual Range Slider Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dual-range-slider-dependecies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dual-range-slider-dependecies.json"},{"name":"dual-range-slider-demo","title":"Dual Range Slider Demo","description":"component for the Dual Range Slider Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dual-range-slider-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dual-range-slider-demo.json"},{"name":"dual-range-slider-custom-label","title":"Dual Range Slider Custom Label","description":"component for the Dual Range Slider Custom Label","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dual-range-slider-custom-label.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dual-range-slider-custom-label.json"},{"name":"dual-range-slider-label-position","title":"Dual Range Slider Label Position","description":"component for the Dual Range Slider Label Position","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dual-range-slider-label-position.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dual-range-slider-label-position.json"},{"name":"dual-range-slider-single","title":"Dual Range Slider Single","description":"component for the Dual Range Slider Single","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dual-range-slider-single.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dual-range-slider-single.json"},{"name":"event-badge-3d","title":"Event Badge 3D","description":"component for the Event Badge 3D","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/event-badge-3d.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/event-badge-3d.json"},{"name":"event-calendar","title":"Event Calendar","description":"component for the Event Calendar","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/event-calendar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/event-calendar.json"},{"name":"feedback-demo","title":"Feedback Demo","description":"component for the Feedback Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/feedback-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/feedback-demo.json"},{"name":"floating-label-input","title":"Floating Label Input","description":"component for the Floating Label Input","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/floating-label-input.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floating-label-input.json"},{"name":"floating-label-input-demo","title":"Floating Label Input Demo","description":"component for the Floating Label Input Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/floating-label-input-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floating-label-input-demo.json"},{"name":"floating-label-customize","title":"Floating Label Customize","description":"component for the Floating Label Customize","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/floating-label-customize.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floating-label-customize.json"},{"name":"floating-label-form","title":"Floating Label Form","description":"component for the Floating Label Form","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/floating-label-form.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floating-label-form.json"},{"name":"footers-demo","title":"Footers Demo","description":"component for the Footers Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/footers-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/footers-demo.json"},{"name":"animated-wave-footer","title":"Animated Wave Footer","description":"component for the Animated Wave Footer","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-wave-footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-wave-footer.json"},{"name":"inline-edit","title":"Inline Edit","description":"A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/inline-edit.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/inline-edit.json"},{"name":"insight-cards","title":"Insight Cards","description":"Metric cards with spark bars, trend deltas, and an AI note.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/insight-cards.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/insight-cards.json"},{"name":"loading-state","title":"Loading State","description":"A pixel-grid loader with a shimmering label and live elapsed timer.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/loading-state.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/loading-state.json"},{"name":"memory-chips","title":"Memory Chips","description":"What the assistant remembers, as removable chips.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/memory-chips.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/memory-chips.json"},{"name":"message-actions","title":"Message Actions","description":"Per-message controls — copy, regenerate, and thumb feedback.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/message-actions.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/message-actions.json"},{"name":"model-selector","title":"Model Selector","description":"A model picker as a radio list or segmented control, with badges and disabled states.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/model-selector.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/model-selector.json"},{"name":"prompt-composer","title":"Prompt Composer","description":"A prompt input with attachments, a model picker, and a stop state.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/prompt-composer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/prompt-composer.json"},{"name":"quota-banner","title":"Quota Banner","description":"A message-quota banner with a live reset countdown.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/quota-banner.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/quota-banner.json"},{"name":"reasoning-trace","title":"Reasoning Trace","description":"An expandable chain-of-thought trace with a live thinking timer.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/reasoning-trace.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/reasoning-trace.json"},{"name":"stackedcircular-footer","title":"Stacked Circular Footer","description":"component for the Stacked Circular Footer","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/stackedcircular-footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/stackedcircular-footer.json"},{"name":"floatingparticle-footer","title":"Floating Particle Footer","description":"component for the Floating Particle Footer","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/floatingparticle-footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floatingparticle-footer.json"},{"name":"footer","title":"Footer","description":"component for the Footer","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/footer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/footer.json"},{"name":"icon-dependencies","title":"Icon Dependencies","description":"Shared icon set used by the footer and profile components.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/icon-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/icon-dependencies.json"},{"name":"http-status-code","title":"HTTP Status Code","description":"component for the HTTP Status Code","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/http-status-code.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/http-status-code.json"},{"name":"image-preview-dependencies","title":"Image Preview Dependencies","description":"component for the Image Preview Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/image-preview-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/image-preview-dependencies.json"},{"name":"image-preview","title":"Image Preview","description":"component for the Image Preview","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/image-preview.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/image-preview.json"},{"name":"infinite-scroll-dependecies","title":"Infinite Scroll Dependencies","description":"component for the Infinite Scroll Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/infinite-scroll-dependecies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/infinite-scroll-dependecies.json"},{"name":"infinite-scroll-demo","title":"Infinite Scroll Demo","description":"component for the Infinite Scroll Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/infinite-scroll-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/infinite-scroll-demo.json"},{"name":"loading-button-dependencies","title":"Loading Button Dependencies","description":"component for the Loading Button Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/loading-button-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/loading-button-dependencies.json"},{"name":"loading-button-demo","title":"Loading Button Demo","description":"component for the Loading Button Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/loading-button-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/loading-button-demo.json"},{"name":"loading-button-usage","title":"Loading Button Usage","description":"component for the Loading Button Usage","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/loading-button-usage.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/loading-button-usage.json"},{"name":"loading-button-as-child","title":"Loading Button As Child","description":"component for the Loading Button As Child","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/loading-button-as-child.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/loading-button-as-child.json"},{"name":"multiple-selector-dependencies","title":"Multiple Selector Dependencies","description":"component for the Multiple Selector Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-dependencies.json"},{"name":"inline-code","title":"Inline Code","description":"component for the Inline Code","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/inline-code.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/inline-code.json"},{"name":"input-model","title":"Input Model","description":"component for the Input Model Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/input-model.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/input-model.json"},{"name":"multiple-selector-demo","title":"Multiple Selector Demo","description":"component for the Multiple Selector Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-demo.json"},{"name":"multiple-selector-with-disable-options","title":"Multiple Selector With Disable Options","description":"component for the Multiple Selector With Disable Options","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-disable-options.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-disable-options.json"},{"name":"multiple-selector-disabled","title":"Multiple Selector Disabled","description":"component for the Multiple Selector Disabled","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-disabled.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-disabled.json"},{"name":"multiple-selector-no-default-select","title":"Multiple Selector No Default Select","description":"component for the Multiple Selector No Default Select","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-no-default-select.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-no-default-select.json"},{"name":"multiple-selector-controlled","title":"Multiple Selector Controlled","description":"component for the Multiple Selector Controlled","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-controlled.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-controlled.json"},{"name":"multiple-selector-hide-clear-all","title":"Multiple Selector Hide Clear All","description":"component for the Multiple Selector Hide Clear All","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-hide-clear-all.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-hide-clear-all.json"},{"name":"multiple-selector-creatable","title":"Multiple Selector Creatable","description":"component for the Multiple Selector Creatable","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-creatable.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-creatable.json"},{"name":"multiple-selector-with-async-search","title":"Multiple Selector With Async Search","description":"component for the Multiple Selector With Async Search","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-async-search.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-async-search.json"},{"name":"multiple-selector-with-async-search-and-onfocus","title":"Multiple Selector With Async Search And OnFocus","description":"component for the Multiple Selector With Async Search And OnFocus","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-onfocus.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-onfocus.json"},{"name":"multiple-selector-with-async-search-and-creatable","title":"Multiple Selector With Async Search And Creatable","description":"component for the Multiple Selector With Async Search And Creatable","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-creatable.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-creatable.json"},{"name":"multiple-selector-with-async-search-and-creatable-and-group","title":"Multiple Selector With Async Search And Creatable And Group","description":"component for the Multiple Selector With Async Search And Creatable And Group","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-creatable-and-group.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-creatable-and-group.json"},{"name":"heading-with-anchor","title":"Heading With Anchor","description":"component for the Heading With Anchor","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/heading-with-anchor.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/heading-with-anchor.json"},{"name":"multiple-selector-with-sync-search","title":"Multiple Selector With Sync Search And Creatable And Group","description":"component for the Multiple Selector With Sync Search And Creatable And Group","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-sync-search.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-sync-search.json"},{"name":"multiple-selector-manually-controlled","title":"Multiple Selector Manually Controlled","description":"component for the Multiple Selector Manually Controlled","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-manually-controlled.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-manually-controlled.json"},{"name":"multiple-selector-with-group","title":"Multiple Selector With Group","description":"component for the Multiple Selector With Group","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-group.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-group.json"},{"name":"status-tracker","title":"Status Tracker","description":"A staged progress tracker for long-running AI jobs.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/status-tracker.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/status-tracker.json"},{"name":"streaming-text","title":"Streaming Text","description":"A streamed answer with inline citations, sources, and follow-ups.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/streaming-text.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/streaming-text.json"},{"name":"suggestion-banner","title":"Suggestion Banner","description":"An inline AI suggestion with apply and dismiss.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/suggestion-banner.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/suggestion-banner.json"},{"name":"task-rows","title":"Task Rows","description":"Live agent task rows with status badges and expandable notes.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/task-rows.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/task-rows.json"},{"name":"thinking-dots","title":"Thinking Dots","description":"A minimal typing indicator — bouncing dots or a sliding bar.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/thinking-dots.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/thinking-dots.json"},{"name":"tool-chips","title":"Tool Chips","description":"Compact tool-call chips that expand into their arguments and result.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/tool-chips.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tool-chips.json"},{"name":"usage-meter","title":"Usage Meter","description":"A context-window meter with token counts and estimated cost.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/usage-meter.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/usage-meter.json"},{"name":"use-toast","title":"Use Toast","description":"component for the Use Toast","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/use-toast.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/use-toast.json"},{"name":"multiple-selector-max-selected","title":"Multiple Selector Max Selected","description":"component for the Multiple Selector Max Selected","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-max-selected.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-max-selected.json"},{"name":"multiple-selector-max-text-length","title":"Multiple Selector Max Text Length","description":"component for the Multiple Selector Max Text Length","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-max-text-length.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-max-text-length.json"},{"name":"multiple-selector-no-placeholder-when-selected","title":"Multiple Selector No Placeholder When Selected","description":"component for the Multiple Selector No Placeholder When Selected","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-no-placeholder-when-selected.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-no-placeholder-when-selected.json"},{"name":"multiple-selector-fixed-option","title":"Multiple Selector Fixed Option","description":"component for the Multiple Selector Fixed Option","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-fixed-option.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-fixed-option.json"},{"name":"multiple-selector-ref","title":"Multiple Selector Ref","description":"component for the Multiple Selector Ref","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-ref.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-ref.json"},{"name":"multiple-selector-commandprops","title":"Multiple Selector Command Props","description":"component for the Multiple Selector Command Props","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-commandprops.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-commandprops.json"},{"name":"multiple-selector-with-form","title":"Multiple Selector With Form","description":"component for the Multiple Selector With Form","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-form.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-selector-with-form.json"},{"name":"multiple-step-form-demo","title":"Multiple Step Form Demo","description":"component for the Multiple Step Form Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/multiple-step-form-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/multiple-step-form-demo.json"},{"name":"navbar-demo","title":"Navbar Demo","description":"component for the Navbar Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/navbar-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/navbar-demo.json"},{"name":"circular-navbar","title":"Circular Navbar","description":"component for the Circular Navbar","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/circular-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/circular-navbar.json"},{"name":"tab-navbar","title":"Tab Navbar","description":"component for the Tab Navbar","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/tab-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tab-navbar.json"},{"name":"floating-navbar","title":"Floating Navbar","description":"component for the Floating Navbar","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/floating-navbar.json"},{"name":"sidebar-navbar","title":"Sidebar Navbar","description":"component for the Sidebar Navbar","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/sidebar-navbar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/sidebar-navbar.json"},{"name":"login-card","title":"Login Card","description":"component for the Login Card","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/login-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/login-card.json"},{"name":"kanbanboard","title":"Kanban Board","description":"component for the Kanban Board","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/kanbanboard.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/kanbanboard.json"},{"name":"profile-dropdown","title":"Profile Dropdown","description":"component for the Profile Dropdown","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/profile-dropdown.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/profile-dropdown.json"},{"name":"product-card","title":"Product Card","description":"component for the Product Card","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/product-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/product-card.json"},{"name":"progress-with-value-dependencies","title":"Progress With Value Dependencies","description":"component for the Progress With Value Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/progress-with-value-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/progress-with-value-dependencies.json"},{"name":"progress-with-value","title":"Progress With Value","description":"component for the Progress With Value","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/progress-with-value.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/progress-with-value.json"},{"name":"value-position","title":"Progress With Value Position","description":"component for the Progress With Value Position","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/value-position.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/value-position.json"},{"name":"custom-label","title":"Progress With Value Custom Label","description":"component for the Progress With Value Custom Label","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/custom-label.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/custom-label.json"},{"name":"responsive-modal-dependencies","title":"Responsive Modal Dependencies","description":"component for the Responsive Modal Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/responsive-modal-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/responsive-modal-dependencies.json"},{"name":"responsive-modal","title":"Responsive Modal","description":"component for the Responsive Modal","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/responsive-modal.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/responsive-modal.json"},{"name":"responsive-modal-side","title":"Responsive Modal Side","description":"component for the Responsive Modal Side","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/responsive-modal-side.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/responsive-modal-side.json"},{"name":"accordion","title":"Accordion","description":"component for the Accordion","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/accordion.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion.json"},{"name":"accordion-dependencies","title":"Accordion Dependencies","description":"component for the Accordion Dependencies","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/accordion-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion-dependencies.json"},{"name":"accordion-card","title":"Accordion Card","description":"component for the Accordion Card","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/accordion-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion-card.json"},{"name":"accordion-filled","title":"Accordion Filled","description":"component for the Accordion Filled","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/accordion-filled.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion-filled.json"},{"name":"accordion-ghost","title":"Accordion Ghost","description":"component for the Accordion Ghost","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/accordion-ghost.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion-ghost.json"},{"name":"accordion-generative","title":"Accordion Generative","description":"component for the Accordion Generative","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/accordion-generative.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/accordion-generative.json"},{"name":"skeleton","title":"Skeleton","description":"component for the Skeleton","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/skeleton.json"},{"name":"skeleton-card","title":"Skeleton Card","description":"component for the Skeleton Card","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/skeleton-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/skeleton-card.json"},{"name":"spinner-dependencies","title":"Skeleton Card","description":"component for the Skeleton Card","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/spinner-dependencies.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-dependencies.json"},{"name":"spinner-demo","title":"Spinner Demo","description":"component for the Spinner Demo","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/spinner-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-demo.json"},{"name":"spinner-size","title":"Spinner Size","description":"component for the Spinner Size","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/spinner-size.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-size.json"},{"name":"spinner-with-text","title":"Spinner With Text","description":"component for the Spinner With Text","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/spinner-with-text.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-with-text.json"},{"name":"spinner-toggle","title":"Spinner Toggle","description":"component for the Spinner Toggle","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/spinner-toggle.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/spinner-toggle.json"},{"name":"status-badge","title":"Status Badge","description":"component for the Status Badge","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/status-badge.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/status-badge.json"},{"name":"testimonials","title":"Testimonials","description":"component for the Testimonials","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/testimonials.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/testimonials.json"},{"name":"holographic","title":"Holographic Scan Reveal","description":"component for the Holographic Scan Reveal","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/holographic.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/holographic.json"},{"name":"orbital-letters","title":"Orbital Letters","description":"component for the Orbital Letters","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/orbital-letters.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/orbital-letters.json"},{"name":"ink","title":"Fluid Ink Morph","description":"component for the Fluid Ink Morph","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/ink.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/ink.json"},{"name":"animated-drawer","title":"Animated Drawer","description":"component for the Animated Drawer","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-drawer.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-drawer.json"},{"name":"command-palette","title":"Command Palette","description":"A fully customizable, smooth-animated Command Palette (Cmd+K) component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/command-palette.json"},{"name":"command-palette-demo","title":"Command Palette Demo","description":"Demo usage for the Command Palette component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/command-palette-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/command-palette-demo.json"},{"name":"scratch-card","title":"Scratch Card","description":"A scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and a reveal callback at a configurable threshold","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/scratch-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/scratch-card.json"},{"name":"scratch-card-demo","title":"Scratch Card Demo","description":"Demo usage for the Scratch Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/scratch-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/scratch-card-demo.json"},{"name":"dock","title":"Dock","description":"A premium macOS-Style Animated Dock Menu component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dock.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dock.json"},{"name":"dock-demo","title":"Dock Demo","description":"Demo usage for the macOS-Style Animated Dock Menu component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dock-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dock-demo.json"},{"name":"dock-glass","title":"Dock Glass","description":"Glassmorphism variant demo for the macOS-Style Animated Dock Menu component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dock-glass.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dock-glass.json"},{"name":"bento-grid","title":"Bento Grid","description":"A premium interactive Bento Grid component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/bento-grid.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/bento-grid.json"},{"name":"like-button","title":"Like Button","description":"A heart like button micro-interaction with a spring pop, ring pulse, radial particle burst, and a rolling odometer count","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/like-button.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/like-button.json"},{"name":"like-button-demo","title":"Like Button Demo","description":"Demo usage for the Like Button component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/like-button-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/like-button-demo.json"},{"name":"tilt-card","title":"3D Tilt Card","description":"A 3D perspective tilt card that rotates toward the pointer with spring smoothing, parallax translateZ depth layers, and a pointer-following glare highlight","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tilt-card.json"},{"name":"tilt-card-demo","title":"3D Tilt Card Demo","description":"Demo usage for the 3D Tilt Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/tilt-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tilt-card-demo.json"},{"name":"hold-to-confirm","title":"Hold to Confirm","description":"A press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early release, and a success check morph on completion","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/hold-to-confirm.json"},{"name":"hold-to-confirm-demo","title":"Hold to Confirm Demo","description":"Demo usage for the Hold to Confirm component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/hold-to-confirm-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/hold-to-confirm-demo.json"},{"name":"reaction-bar","title":"Reaction Bar","description":"A Slack-style emoji reaction row with popping chips, direction-aware rolling counts, and a staggered emoji-picker popover","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/reaction-bar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/reaction-bar.json"},{"name":"reaction-bar-demo","title":"Reaction Bar Demo","description":"Demo usage for the Reaction Bar component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/reaction-bar-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/reaction-bar-demo.json"},{"name":"star-rating","title":"Star Rating","description":"An animated star rating input with hover-preview wave, pop and sparkle burst on commit, rolling value label, and fractional read-only display","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/star-rating.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/star-rating.json"},{"name":"star-rating-demo","title":"Star Rating Demo","description":"Demo usage for the Star Rating component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/star-rating-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/star-rating-demo.json"},{"name":"quantity-stepper","title":"Quantity Stepper","description":"An animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/quantity-stepper.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/quantity-stepper.json"},{"name":"quantity-stepper-demo","title":"Quantity Stepper Demo","description":"Demo usage for the Quantity Stepper component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/quantity-stepper-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/quantity-stepper-demo.json"},{"name":"follow-button","title":"Follow Button","description":"A morphing follow/unfollow button with a spring width morph, animated check draw, and a hover-revealed unfollow state","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/follow-button.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/follow-button.json"},{"name":"follow-button-demo","title":"Follow Button Demo","description":"Demo usage for the Follow Button component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/follow-button-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/follow-button-demo.json"},{"name":"notification-bell","title":"Notification Bell","description":"A bell icon button with a ring-shake swing, springy unread badge with rolling odometer count, and a pinging dot mode","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/notification-bell.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/notification-bell.json"},{"name":"notification-bell-demo","title":"Notification Bell Demo","description":"Demo usage for the Notification Bell component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/notification-bell-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/notification-bell-demo.json"},{"name":"face-rating","title":"Face Rating","description":"A five-level feedback rating where one large SVG face morphs its mouth, eyes and color between moods as you hover and click, with a joy bounce on commit","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/face-rating.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/face-rating.json"},{"name":"face-rating-demo","title":"Face Rating Demo","description":"Demo usage for the Face Rating component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/face-rating-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/face-rating-demo.json"},{"name":"undo-pill","title":"Undo Pill","description":"An inline undo pill with a draining countdown ring that pauses on hover and fires undo or expire callbacks","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/undo-pill.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/undo-pill.json"},{"name":"undo-pill-demo","title":"Undo Pill Demo","description":"Demo usage for the Undo Pill component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/undo-pill-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/undo-pill-demo.json"},{"name":"password-strength","title":"Password Strength","description":"A password input with an animated four-segment strength meter, crossfading strength label, requirements checklist with drawing check marks, and a visibility to…","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/password-strength.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/password-strength.json"},{"name":"password-strength-demo","title":"Password Strength Demo","description":"Demo usage for the Password Strength component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/password-strength-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/password-strength-demo.json"},{"name":"swipe-to-delete","title":"Swipe to Delete","description":"An iOS-style swipeable list-item wrapper that reveals a delete action on drag, pops the icon at the commit threshold, and collapses the row before firing onDel…","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/swipe-to-delete.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/swipe-to-delete.json"},{"name":"swipe-to-delete-demo","title":"Swipe to Delete Demo","description":"Demo usage for the Swipe to Delete component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/swipe-to-delete-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/swipe-to-delete-demo.json"},{"name":"task-checkbox","title":"Task Checkbox","description":"A satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animated strikethrough","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/task-checkbox.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/task-checkbox.json"},{"name":"task-checkbox-demo","title":"Task Checkbox Demo","description":"Demo usage for the Task Checkbox component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/task-checkbox-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/task-checkbox-demo.json"},{"name":"morph-button","title":"Morph Button","description":"A multi-state async action button that morphs between idle, loading, success and error with an arc spinner, drawn-in check, tight error shake and auto-reset","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/morph-button.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/morph-button.json"},{"name":"morph-button-demo","title":"Morph Button Demo","description":"Demo usage for the Morph Button component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/morph-button-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/morph-button-demo.json"},{"name":"animated-switch","title":"Animated Switch","description":"An iOS-quality animated toggle switch with a press-to-stretch knob, drag-to-toggle with flick support, and optional crossfading knob icons","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-switch.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-switch.json"},{"name":"animated-switch-demo","title":"Animated Switch Demo","description":"Demo usage for the Animated Switch component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/animated-switch-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/animated-switch-demo.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"An overlapping avatar stack that fans apart on hover, springs name tooltips over each face and expands hidden members from a +N pill with a stagger","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/avatar-stack.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/avatar-stack.json"},{"name":"avatar-stack-demo","title":"Avatar Stack Demo","description":"Demo usage for the Avatar Stack component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/avatar-stack-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/avatar-stack-demo.json"},{"name":"kbd-key","title":"Kbd Key","description":"A 3D keycap that physically depresses when the real key is pressed, with combo shortcuts that pulse and fire when every key is held at once","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/kbd-key.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/kbd-key.json"},{"name":"kbd-key-demo","title":"Kbd Key Demo","description":"Demo usage for the Kbd Key component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/kbd-key-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/kbd-key-demo.json"},{"name":"share-button","title":"Share Button","description":"A share trigger that fans out into copy-link and custom share actions with staggered springs, tooltips and full keyboard support","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/share-button.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/share-button.json"},{"name":"share-button-demo","title":"Share Button Demo","description":"Demo usage for the Share Button component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/share-button-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/share-button-demo.json"},{"name":"voice-input","title":"Voice Input","description":"A voice recorder pill with animated level bars and a live timer.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/voice-input.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/voice-input.json"},{"name":"web-search","title":"Web Search","description":"Agent search results with a live reading indicator.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/web-search.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/web-search.json"},{"name":"chart-kit","title":"Chart Kit","description":"Shared data, fills, tooltip, and axis chrome for Spectrum Charts.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/chart-kit.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/chart-kit.json"},{"name":"bar-chart","title":"Bar Chart","description":"Vertical and horizontal bars with hatch, duotone, gradient, stripe, stack, and glow fills.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/bar-chart.json"},{"name":"line-chart","title":"Line Chart","description":"Multi-series lines with solid, dashed, bump, step, gradient, and glow strokes.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/line-chart.json"},{"name":"area-chart","title":"Area Chart","description":"Filled areas with gradient, hatch, dotted, stacked, and dashed-stroke variants.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/area-chart.json"},{"name":"pie-chart","title":"Pie Chart","description":"Pie and donut charts with padded sectors, labels, and optional sector glow.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/pie-chart.json"},{"name":"radar-chart","title":"Radar Chart","description":"Radar plots with filled or outline series, circle grids, and glow.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/radar-chart.json"},{"name":"radial-chart","title":"Radial Chart","description":"Full and semi-circle radial bars for share and progress.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/radial-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/radial-chart.json"},{"name":"composed-chart","title":"Composed Chart","description":"Bars, lines, and areas on one plot — mix fills, dashes, and glow per series.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/composed-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/composed-chart.json"},{"name":"chart-data","title":"Connecting Real Data","description":"Wiring any chart to a real source: fetch in an effect, SWR or React Query, server components, and streaming — with every outcome mapped onto a status.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/chart-data.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/chart-data.json"},{"name":"chart-states","title":"Chart States","description":"Loading skeletons, empty states and error states for every chart — one wrapper, six skeleton shapes, and a frame height that never shifts between them.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/chart-states.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/chart-states.json"},{"name":"market-chart","title":"Market Chart","description":"A trading-desk chart in pure SVG: OHLC candles, a volume pane, a snapping crosshair with axis-pinned price and time, a range selector that morphs the series, a…","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/market-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/market-chart.json"},{"name":"indicator-chart","title":"Indicator Chart","description":"Price, RSI and MACD stacked on one time axis with a single crosshair that reports all three panes at once.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/indicator-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/indicator-chart.json"},{"name":"depth-chart","title":"Depth Chart","description":"Cumulative bid and ask liquidity either side of the mid, with a crosshair that reports the size resting up to any price.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/depth-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/depth-chart.json"},{"name":"order-book","title":"Order Book","description":"A trading ladder with cumulative depth bars, a spread row, and flashing updates in live mode.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/order-book.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/order-book.json"},{"name":"portfolio-chart","title":"Portfolio Chart","description":"Account value against cost basis with drawdown from the running peak shaded underneath.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/portfolio-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/portfolio-chart.json"},{"name":"market-heatmap","title":"Market Heatmap","description":"A squarified treemap sized by market cap and coloured on a diverging change ramp — the market map.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/market-heatmap.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/market-heatmap.json"},{"name":"calendar-heatmap","title":"Calendar Heatmap","description":"A year of daily values as week columns — the contributions grid, with five quantised intensity steps, streak stats, and month rails.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/calendar-heatmap.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/calendar-heatmap.json"},{"name":"cohort-chart","title":"Cohort Retention","description":"The retention triangle: cohorts down, periods across, intensity by share retained, with a row and column crosshair and a period average.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/cohort-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/cohort-chart.json"},{"name":"stat-cards","title":"Stat Cards","description":"KPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or progress bar beside it — the row every dashboard opens with.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/stat-cards.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/stat-cards.json"},{"name":"histogram-chart","title":"Histogram","description":"A distribution of raw samples binned on nice edges, with p50 / p95 / p99 pinned onto the plot — the chart that shows the tail your average hides.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/histogram-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/histogram-chart.json"},{"name":"candlestick-chart","title":"Candlestick Chart","description":"OHLC candles with optional volume and hollow-up bodies — for stocks, SOL, and any market pair.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/candlestick-chart.json"},{"name":"price-chart","title":"Price Chart","description":"Ticker chrome with last price and signed delta. Use it for tokens, equities, or protocol TVL.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/price-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/price-chart.json"},{"name":"sparkline-chart","title":"Sparkline","description":"Compact inline price marks for watchlists, token tables, and portfolio rows.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/sparkline-chart.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/sparkline-chart.json"},{"name":"offset-tiers","title":"Offset Tiers","description":"Staggered serif panels on a dot grid, with one entry price and expert CTAs.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/offset-tiers.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/offset-tiers.json"},{"name":"gradient-tiers","title":"Gradient Tiers","description":"Pastel gradient card headers with icons and color-coded inheritance labels.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/gradient-tiers.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/gradient-tiers.json"},{"name":"dark-matrix","title":"Dark Matrix","description":"A dark comparison table with dashed rows, mint checks, and per-plan CTA pills.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/dark-matrix.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dark-matrix.json"},{"name":"blueprint-tiers","title":"Blueprint Tiers","description":"A Swiss-style pricing table with crop marks, mono labels, and a royal-blue accent.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/blueprint-tiers.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/blueprint-tiers.json"},{"name":"serif-tiers","title":"Serif Tiers","description":"Cream serif cards with a black featured card lit by a crimson glow.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/serif-tiers.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/serif-tiers.json"},{"name":"banner-tiers","title":"Banner Tiers","description":"A brutalist plan table whose featured column wears a blue banner on top.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/banner-tiers.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/banner-tiers.json"},{"name":"receipt-tiers","title":"Receipt Tiers","description":"Plans printed as thermal receipts with torn edges, dotted leaders, and a rubber stamp.","type":"registry:block","source_url":"https://ui.spectrumhq.in/r/receipt-tiers.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/receipt-tiers.json"},{"name":"use-typewriter","title":"useTypewriter","description":"A typewriter hook that types, holds and deletes phrases on a loop, plus a prefers-reduced-motion hook.","type":"registry:hook","source_url":"https://ui.spectrumhq.in/r/use-typewriter.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/use-typewriter.json"},{"name":"command-search","title":"Command Search","description":"A command palette that types queries and live-filters grouped results, with keyboard navigation.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/command-search.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/command-search.json"},{"name":"command-search-demo","title":"Command Search Demo","description":"Demo usage for the Command Search component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/command-search-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/command-search-demo.json"},{"name":"recent-activity","title":"Recent Activity","description":"An activity feed card that lists agent runs with duration and recency chips.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/recent-activity.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/recent-activity.json"},{"name":"recent-activity-demo","title":"Recent Activity Demo","description":"Demo usage for the Recent Activity component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/recent-activity-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/recent-activity-demo.json"},{"name":"account-access-card","title":"Account Access Card","description":"A credentials card that auto-fills email and password on a loop, with a danger zone.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/account-access-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/account-access-card.json"},{"name":"account-access-card-demo","title":"Account Access Card Demo","description":"Demo usage for the Account Access Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/account-access-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/account-access-card-demo.json"},{"name":"ai-chat-card","title":"AI Chat Card","description":"An AI chat card that types prompts into its composer, with send, attach and reset actions.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/ai-chat-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/ai-chat-card.json"},{"name":"ai-chat-card-demo","title":"AI Chat Card Demo","description":"Demo usage for the AI Chat Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/ai-chat-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/ai-chat-card-demo.json"},{"name":"nav-list-card","title":"Nav List Card","description":"A compact navigation card that lists links with icons, with a spring slide on hover.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/nav-list-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/nav-list-card.json"},{"name":"nav-list-card-demo","title":"Nav List Card Demo","description":"Demo usage for the Nav List Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/nav-list-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/nav-list-card-demo.json"},{"name":"transfer-funds-card","title":"Transfer Funds Card","description":"A money transfer form card with account pickers, a summary and a confirm action.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/transfer-funds-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/transfer-funds-card.json"},{"name":"transfer-funds-card-demo","title":"Transfer Funds Card Demo","description":"Demo usage for the Transfer Funds Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/transfer-funds-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/transfer-funds-card-demo.json"},{"name":"faq-tabs-card","title":"FAQ Tabs Card","description":"A tabbed FAQ card with animated accordion answers and a support footer.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/faq-tabs-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/faq-tabs-card.json"},{"name":"faq-tabs-card-demo","title":"FAQ Tabs Card Demo","description":"Demo usage for the FAQ Tabs Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/faq-tabs-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/faq-tabs-card-demo.json"},{"name":"tree-nav","title":"Tree Nav","description":"A nav list with a tree rail and a spring marker that follows hover and settles on the active link.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/tree-nav.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tree-nav.json"},{"name":"tree-nav-demo","title":"Tree Nav Demo","description":"Demo usage for the Tree Nav component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/tree-nav-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/tree-nav-demo.json"},{"name":"use-surface-theme","title":"useSurfaceTheme","description":"Resolves auto to dark or light from a .dark class on <html>, then the OS preference, updating live.","type":"registry:hook","source_url":"https://ui.spectrumhq.in/r/use-surface-theme.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/use-surface-theme.json"},{"name":"metal-button","title":"Metal Button","description":"A pill button framed by a real-time WebGL liquid-metal ring, in chromatic, silver and gold presets.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/metal-button.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/metal-button.json"},{"name":"metal-button-demo","title":"Metal Button Demo","description":"Demo usage for the Metal Button component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/metal-button-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/metal-button-demo.json"},{"name":"metal-prompt-bar","title":"Metal Prompt Bar","description":"An AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/metal-prompt-bar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/metal-prompt-bar.json"},{"name":"metal-prompt-bar-demo","title":"Metal Prompt Bar Demo","description":"Demo usage for the Metal Prompt Bar component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/metal-prompt-bar-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/metal-prompt-bar-demo.json"},{"name":"beam-card","title":"Beam Card","description":"A card wrapped in an animated border beam, traveling or breathing, in four color palettes.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/beam-card.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/beam-card.json"},{"name":"beam-card-demo","title":"Beam Card Demo","description":"Demo usage for the Beam Card component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/beam-card-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/beam-card-demo.json"},{"name":"beam-search","title":"Beam Search Bar","description":"A search bar whose bottom edge lights up with a traveling beam while it has focus.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/beam-search.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/beam-search.json"},{"name":"beam-search-demo","title":"Beam Search Bar Demo","description":"Demo usage for the Beam Search Bar component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/beam-search-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/beam-search-demo.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"An iOS-style island pill that morphs between live activity views with a bouncy resize.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dynamic-island.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dynamic-island.json"},{"name":"dynamic-island-demo","title":"Dynamic Island Demo","description":"Demo usage for the Dynamic Island component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/dynamic-island-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/dynamic-island-demo.json"},{"name":"expandable-action-bar","title":"Expandable Action Bar","description":"Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/expandable-action-bar.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/expandable-action-bar.json"},{"name":"expandable-action-bar-demo","title":"Expandable Action Bar Demo","description":"Demo usage for the Expandable Action Bar component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/expandable-action-bar-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/expandable-action-bar-demo.json"},{"name":"toast-stack","title":"Toast Stack","description":"Stacked toasts with status morphs, swipe to dismiss, actions and layout-aware motion.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/toast-stack.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/toast-stack.json"},{"name":"toast-stack-demo","title":"Toast Stack Demo","description":"Demo usage for the Toast Stack component","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/toast-stack-demo.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/toast-stack-demo.json"},{"name":"number-ticker","title":"Number Ticker","description":"A rolling digit ticker that counts to a value with per-digit stagger, padding and blur.","type":"registry:component","source_url":"https://ui.spectrumhq.in/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.spectrumhq.in/r/number-ticker.json"}]},{"id":"spell","name":"@spell","slug":"spell","description":"A growing collection of high-quality animated React UI components for design engineers, built with Tailwind CSS and distributed via the shadcn registry. Notable components seen include Light Rays, Perspective Book, Exploding Input, Spotify Card, Pop Button, Signature, Animated Gradient, and Button variants. Targets design-engineer aesthetic with sophisticated visual effects. Open-source (MIT) with a Discord community. Use for: incorporating distinctive, visually sophisticated interaction patterns — animated inputs, layered card effects, gradient animations — into a React/Next.js project where design quality is a differentiator.","author":"xxtomm","framework":"react","license":"MIT","tags":["accessibility","aesthetic","animation","backgrounds","buttons","cards","charts","forms","icons","loaders","media","tables"],"categories":["Animated components"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://spell.sh","github":"https://github.com/xxtomm/spell-ui","registry":"https://spell.sh/r/registry.json","source":"https://spell.sh/r/registry.json","page":"https://sh4dcn.netlify.app/registry/spell","markdown":"https://sh4dcn.netlify.app/md/spell.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 262 278' fill='none'><path d='M57.6541 65.6418C58.8281 64.8226 60.4465 65.2097 61.2647 66.3823C64.3285 70.7734 68.3982 73.8437 73.2472 75.6378L73.3016 75.6581L92.6744 82.6771C95.575 83.7281 97.8595 86.0054 98.9135 88.896L105.957 108.209L105.978 108.263C107.777 113.094 111.016 117.262 115.261 120.205C119.507 123.148 124.556 124.727 129.729 124.727C134.902 124.727 139.951 123.148 144.197 120.205C148.443 117.262 151.681 113.094 153.48 108.263L153.521 108.155L160.545 88.8977C161.599 86.0081 163.882 83.7316 166.782 82.6805C176.525 79.148 187.434 82.5762 193.381 91.039L223.505 133.91C223.516 133.925 223.524 133.942 223.534 133.957C228.045 140.476 226.441 149.411 219.921 153.96L117.032 225.751C111.613 229.533 110.798 237.692 115.213 243.976C119.63 250.261 127.604 252.292 133.024 248.51L239.241 174.706C245.791 170.156 254.802 171.748 259.381 178.266C263.973 184.801 262.368 193.81 255.801 198.374L149.632 272.144C132.954 283.78 108.421 277.536 94.8322 258.199C93.5324 256.349 92.381 254.445 91.3741 252.506C91.3172 252.396 91.1589 252.398 91.1049 252.509C91.055 252.612 90.9129 252.623 90.8473 252.53L3.77438 128.615C-2.83414 119.21 -0.539816 106.247 8.89813 99.6622L21.4057 90.9343C21.4336 90.9148 21.472 90.9217 21.4914 90.9496C21.513 90.9807 21.5574 90.985 21.5848 90.9588C21.9663 90.5947 22.3802 90.2545 22.8263 89.9432L57.6541 65.6418Z' fill='var(--foreground)'/><path d='M184.781 55.435C184.793 57.0601 184.298 58.6488 183.363 59.9801C182.428 61.3115 181.1 62.3194 179.564 62.8638L160.243 69.8673C152.51 72.6702 146.42 78.741 143.609 86.4472L136.586 105.703C136.021 107.22 135.004 108.528 133.672 109.451C132.34 110.375 130.756 110.87 129.133 110.87C127.51 110.87 125.926 110.375 124.594 109.451C123.262 108.528 122.245 107.22 121.68 105.703L114.657 86.4455C111.846 78.7374 105.754 72.6654 98.0192 69.8629L78.7019 62.8638C77.1805 62.3009 75.8684 61.2874 74.9418 59.9594C74.0152 58.6314 73.5186 57.0526 73.5186 55.435C73.5186 53.8174 74.0152 52.2386 74.9418 50.9106C75.8684 49.5826 77.1805 48.5691 78.7019 48.0062L98.0192 41.0071C105.754 38.2046 111.846 32.1326 114.657 24.4245L121.68 5.16662C122.245 3.65013 123.262 2.34224 124.594 1.41864C125.926 0.49505 127.51 0 129.133 0C130.756 0 132.34 0.49505 133.672 1.41864C135.004 2.34224 136.021 3.65013 136.586 5.16662L143.613 24.4281C146.424 32.1342 152.515 38.2044 160.248 41.0066L179.564 48.0062C181.1 48.5506 182.428 49.5585 183.363 50.8899C184.298 52.2213 184.793 53.8099 184.781 55.435Z' fill='var(--foreground)'/></svg>","preview_image":"https://spell.sh/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1359,"open_issues":0,"last_commit":"2026-10-10T00:48:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://spell.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://spell.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://spell.sh/r/registry.json","clone":"git clone https://github.com/xxtomm/spell-ui.git","clone_degit":"npx degit xxtomm/spell-ui","registry_fetch":"curl -s https://spell.sh/r/registry.json"},"component_count":33,"components":[{"name":"chart","title":"Chart","description":"Interactive line chart with a cursor-tracked tooltip card, snap-to-point hover, and built-in X-axis labels.","type":"registry:component","source_url":"https://spell.sh/r/chart.json","install_command":"npx shadcn@latest add https://spell.sh/r/chart.json"},{"name":"blur-reveal","title":"Blur Reveal","description":"Animated text reveal with blur effect.","type":"registry:component","source_url":"https://spell.sh/r/blur-reveal.json","install_command":"npx shadcn@latest add https://spell.sh/r/blur-reveal.json"},{"name":"perspective-book","title":"Perspective Book","description":"A 3D book component with hover animation and customizable appearance.","type":"registry:component","source_url":"https://spell.sh/r/perspective-book.json","install_command":"npx shadcn@latest add https://spell.sh/r/perspective-book.json"},{"name":"badge","title":"Badge","description":"A badge component with multiple color variants and sizes.","type":"registry:component","source_url":"https://spell.sh/r/badge.json","install_command":"npx shadcn@latest add https://spell.sh/r/badge.json"},{"name":"color-selector","title":"Color Selector","description":"Interactive color picker component.","type":"registry:component","source_url":"https://spell.sh/r/color-selector.json","install_command":"npx shadcn@latest add https://spell.sh/r/color-selector.json"},{"name":"special-text","title":"Special Text","description":"Animated text with scramble effect.","type":"registry:component","source_url":"https://spell.sh/r/special-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/special-text.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Text with animated shimmer highlight effect.","type":"registry:component","source_url":"https://spell.sh/r/shimmer-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/shimmer-text.json"},{"name":"highlighted-text","title":"Highlighted Text","description":"Text with sliding background highlight animation using mix-blend-mode.","type":"registry:component","source_url":"https://spell.sh/r/highlighted-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/highlighted-text.json"},{"name":"rich-button","title":"Rich Button","description":"A button component with rich styling and color variants.","type":"registry:component","source_url":"https://spell.sh/r/rich-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/rich-button.json"},{"name":"kbd","title":"Keyboard Shortcuts","description":"Display keyboard shortcuts with proper key symbols.","type":"registry:component","source_url":"https://spell.sh/r/kbd.json","install_command":"npx shadcn@latest add https://spell.sh/r/kbd.json"},{"name":"label-input","title":"Label Input","description":"Input field with floating label and password visibility toggle.","type":"registry:component","source_url":"https://spell.sh/r/label-input.json","install_command":"npx shadcn@latest add https://spell.sh/r/label-input.json"},{"name":"spinner","title":"Spinner","description":"A loading spinner component with customizable size and color.","type":"registry:component","source_url":"https://spell.sh/r/spinner.json","install_command":"npx shadcn@latest add https://spell.sh/r/spinner.json"},{"name":"bars-spinner","title":"Bars Spinner","description":"A loading spinner with rotating bars animation.","type":"registry:component","source_url":"https://spell.sh/r/bars-spinner.json","install_command":"npx shadcn@latest add https://spell.sh/r/bars-spinner.json"},{"name":"flow-button","title":"Flow Button","description":"A button with animated flowing dashed border on hover.","type":"registry:component","source_url":"https://spell.sh/r/flow-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/flow-button.json"},{"name":"slide-up-text","title":"Slide Up Text","description":"Text animation that slides up from bottom with stagger effect.","type":"registry:component","source_url":"https://spell.sh/r/slide-up-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/slide-up-text.json"},{"name":"copy-button","title":"Copy Button","description":"A copy-to-clipboard button with blur transition effect.","type":"registry:component","source_url":"https://spell.sh/r/copy-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/copy-button.json"},{"name":"text-marquee","title":"Text Marquee","description":"Animated text marquee component with vertical scrolling.","type":"registry:component","source_url":"https://spell.sh/r/text-marquee.json","install_command":"npx shadcn@latest add https://spell.sh/r/text-marquee.json"},{"name":"words-stagger","title":"Words Stagger","description":"Word-by-word text animation with blur, transform, and opacity effects.","type":"registry:component","source_url":"https://spell.sh/r/words-stagger.json","install_command":"npx shadcn@latest add https://spell.sh/r/words-stagger.json"},{"name":"tilt-card","title":"Tilt Card","description":"Interactive 3D tilt card with perspective hover effect and spotlight.","type":"registry:component","source_url":"https://spell.sh/r/tilt-card.json","install_command":"npx shadcn@latest add https://spell.sh/r/tilt-card.json"},{"name":"marquee","title":"Marquee","description":"Infinite scrolling marquee component with customizable speed and direction.","type":"registry:component","source_url":"https://spell.sh/r/marquee.json","install_command":"npx shadcn@latest add https://spell.sh/r/marquee.json"},{"name":"signature","title":"Signature","description":"Animated signature component with handwriting effect using custom fonts.","type":"registry:component","source_url":"https://spell.sh/r/signature.json","install_command":"npx shadcn@latest add https://spell.sh/r/signature.json"},{"name":"randomized-text","title":"Randomized Text","description":"Text component with randomized character reveal animation.","type":"registry:component","source_url":"https://spell.sh/r/randomized-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/randomized-text.json"},{"name":"pop-button","title":"Pop Button","description":"A playful 3D-style button with push-down animation effect.","type":"registry:component","source_url":"https://spell.sh/r/pop-button.json","install_command":"npx shadcn@latest add https://spell.sh/r/pop-button.json"},{"name":"tweet","title":"Tweet","description":"Embed Twitter/X posts with custom styling.","type":"registry:component","source_url":"https://spell.sh/r/tweet.json","install_command":"npx shadcn@latest add https://spell.sh/r/tweet.json"},{"name":"spotify-card","title":"Spotify Card","description":"Display Spotify tracks with album art and blurred background.","type":"registry:component","source_url":"https://spell.sh/r/spotify-card.json","install_command":"npx shadcn@latest add https://spell.sh/r/spotify-card.json"},{"name":"light-rays","title":"Light Rays","description":"Animated light rays effect using WebGL shaders.","type":"registry:component","source_url":"https://spell.sh/r/light-rays.json","install_command":"npx shadcn@latest add https://spell.sh/r/light-rays.json"},{"name":"animated-gradient","title":"Animated Gradient","description":"Animated gradient background with presets and customizable swirl effects using WebGL.","type":"registry:component","source_url":"https://spell.sh/r/animated-gradient.json","install_command":"npx shadcn@latest add https://spell.sh/r/animated-gradient.json"},{"name":"animated-checkbox","title":"Animated Checkbox","description":"Animated checkbox with spring transitions and strike-through text effect.","type":"registry:component","source_url":"https://spell.sh/r/animated-checkbox.json","install_command":"npx shadcn@latest add https://spell.sh/r/animated-checkbox.json"},{"name":"exploding-input","title":"Exploding Input","description":"Input component that spawns particle effects when typing.","type":"registry:component","source_url":"https://spell.sh/r/exploding-input.json","install_command":"npx shadcn@latest add https://spell.sh/r/exploding-input.json"},{"name":"gradient-wave-text","title":"Gradient Wave Text","description":"Apple-style animated gradient text with wave effect.","type":"registry:component","source_url":"https://spell.sh/r/gradient-wave-text.json","install_command":"npx shadcn@latest add https://spell.sh/r/gradient-wave-text.json"},{"name":"logos-carousel","title":"Logos Carousel","description":"Animated carousel component that cycles through sets of logos with staggered animations.","type":"registry:component","source_url":"https://spell.sh/r/logos-carousel.json","install_command":"npx shadcn@latest add https://spell.sh/r/logos-carousel.json"},{"name":"qr-code","title":"QR Code","description":"QR code generator with rounded finder patterns and dot-style data modules.","type":"registry:component","source_url":"https://spell.sh/r/qr-code.json","install_command":"npx shadcn@latest add https://spell.sh/r/qr-code.json"},{"name":"fallback-avatar","title":"Fallback Avatar","description":"A unique gradient avatar generated from a name string.","type":"registry:component","source_url":"https://spell.sh/r/fallback-avatar.json","install_command":"npx shadcn@latest add https://spell.sh/r/fallback-avatar.json"}]},{"id":"square-ui","name":"@square-ui","slug":"square-ui","description":"A collection of 16 open-source full-layout application templates built with Next.js, TypeScript, Tailwind CSS, and shadcn/ui. Templates cover: Habit Tracker, Marketing Dashboard, Finance Tracker, Contacts, Inventory, Cookbook, Vault, Rentals, Bookmarks, Chat, Emails, Calendar, and more. Each ships in both Radix UI and Base UI variants. 14 of the 16 templates are paywalled under Square UI Pro ($169); 2 are free on GitHub. Use for: getting a complete, polished application shell — with charts, data tables, navigation, and domain-specific layouts — rather than building page structure from individual blocks.","author":"ln-dev7","framework":"react","license":null,"tags":["accessibility","blocks","charts","dashboard","marketing","navigation","tables"],"categories":["Dashboard/admin templates"],"labels":["featured","popular"],"urls":{"website":"https://square.lndev.me","github":"https://github.com/ln-dev7/square-ui","registry":"https://square.lndev.me/registry/{name}.json","source":"https://square.lndev.me/registry/{name}.json","page":"https://sh4dcn.netlify.app/registry/square-ui","markdown":"https://sh4dcn.netlify.app/md/square-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 600 600' fill='none'><path d='M0 0 C4.485335 0.8439797 9.02601373 1.31791393 13.55664062 1.85302734 C17.02148438 2.38037109 17.02148438 2.38037109 20.4296875 3.26660156 C26.21161754 4.73427424 32.08152096 5.7038773 37.95507812 6.72802734 C39.803843 7.05316566 39.803843 7.05316566 41.68995667 7.38487244 C44.94934106 7.95710576 48.20919992 8.52653925 51.46923828 9.09503174 C53.45612469 9.44237117 55.44260735 9.79192796 57.42895508 10.14233398 C61.27046971 10.8197711 65.11265351 11.49327284 68.95507812 12.16552734 C70.71796425 12.47648094 70.71796425 12.47648094 72.51646423 12.79371643 C77.36635123 13.63638728 82.19146717 14.44136888 87.08813477 14.95629883 C89.92179575 15.26180867 92.30924523 15.64828147 95.02148438 16.38037109 C97.86517042 17.14771495 100.58921703 17.59919477 103.52148438 17.88037109 C107.14786604 18.22810632 110.48012224 18.96444798 113.99023438 19.91162109 C116.1715302 20.41499705 118.29381373 20.66675884 120.52148438 20.88037109 C124.14786604 21.22810632 127.48012224 21.96444798 130.99023438 22.91162109 C133.1715302 23.41499705 135.29381373 23.66675884 137.52148438 23.88037109 C141.14786604 24.22810632 144.48012224 24.96444798 147.99023438 25.91162109 C150.1715302 26.41499705 152.29381373 26.66675884 154.52148438 26.88037109 C158.14786604 27.22810632 161.48012224 27.96444798 164.99023438 28.91162109 C167.1715302 29.41499705 169.29381373 29.66675884 171.52148438 29.88037109 C175.14786604 30.22810632 178.48012224 30.96444798 181.99023438 31.91162109 C184.1715302 32.41499705 186.29381373 32.66675884 188.52148438 32.88037109 C192.14786604 33.22810632 195.48012224 33.96444798 198.99023438 34.91162109 C201.1715302 35.41499705 203.29381373 35.66675884 205.52148438 35.88037109 C209.14786604 36.22810632 212.48012224 36.96444798 215.99023438 37.91162109 C218.1715302 38.41499705 220.29381373 38.66675884 222.52148438 38.88037109 C226.14786604 39.22810632 229.48012224 39.96444798 232.99023438 40.91162109 C235.1715302 41.41499705 237.29381373 41.66675884 239.52148438 41.88037109 C242.45375172 42.16154741 245.17779833 42.61302724 248.02148438 43.38037109 C250.76878314 44.11982086 253.37558972 44.56498159 256.20898438 44.81787109 C262.27982915 45.42079746 268.11496632 46.89374183 274.02148438 48.38037109 C275.76558594 48.79609375 275.76558594 48.79609375 277.54492188 49.22021484 C296.75165146 54.15969387 308.46806035 65.04226145 318.37304688 81.64599609 C319.3748509 83.52724639 320.2218337 85.40547624 321.02148438 87.38037109 C321.31796875 88.04166016 321.61445312 88.70294922 321.91992188 89.38427734 C327.01042426 102.81106114 324.18391606 118.70209699 321.40185547 132.35888672 C320.55787577 136.84422172 320.08394154 141.38490045 319.54882812 145.91552734 C319.07065888 149.05727641 318.36339468 152.05626079 317.56323242 155.12866211 C316.47587014 159.64814941 315.74367427 164.23802704 314.95898438 168.81787109 C314.78560547 169.80335938 314.61222656 170.78884766 314.43359375 171.80419922 C313.53443351 177.00279233 312.7588747 182.17353726 312.26977539 187.42749023 C312.00973055 189.47281834 311.55891517 191.39128031 311.02148438 193.38037109 C310.25414052 196.22405714 309.8026607 198.94810375 309.52148438 201.88037109 C309.17374915 205.50675276 308.43740749 208.83900895 307.49023438 212.34912109 C306.98685841 214.53041692 306.73509663 216.65270045 306.52148438 218.88037109 C306.17374915 222.50675276 305.43740749 225.83900895 304.49023438 229.34912109 C303.98685841 231.53041692 303.73509663 233.65270045 303.52148438 235.88037109 C303.17374915 239.50675276 302.43740749 242.83900895 301.49023438 246.34912109 C300.98685841 248.53041692 300.73509663 250.65270045 300.52148438 252.88037109 C300.17374915 256.50675276 299.43740749 259.83900895 298.49023438 263.34912109 C297.98685841 265.53041692 297.73509663 267.65270045 297.52148438 269.88037109 C297.17374915 273.50675276 296.43740749 276.83900895 295.49023438 280.34912109 C294.98685841 282.53041692 294.73509663 284.65270045 294.52148438 286.88037109 C294.17374915 290.50675276 293.43740749 293.83900895 292.49023438 297.34912109 C291.98685841 299.53041692 291.73509663 301.65270045 291.52148438 303.88037109 C291.17374915 307.50675276 290.43740749 310.83900895 289.49023438 314.34912109 C288.98685841 316.53041692 288.73509663 318.65270045 288.52148438 320.88037109 C288.17374915 324.50675276 287.43740749 327.83900895 286.49023438 331.34912109 C285.98685841 333.53041692 285.73509663 335.65270045 285.52148438 337.88037109 C285.17374915 341.50675276 284.43740749 344.83900895 283.49023438 348.34912109 C282.98685841 350.53041692 282.73509663 352.65270045 282.52148438 354.88037109 C282.17374915 358.50675276 281.43740749 361.83900895 280.49023438 365.34912109 C279.98685841 367.53041692 279.73509663 369.65270045 279.52148438 371.88037109 C279.24030805 374.81263844 278.78882823 377.53668505 278.02148438 380.38037109 C277.28203461 383.12766986 276.83687388 385.73447644 276.58398438 388.56787109 C275.98105801 394.63871587 274.50811364 400.47385303 273.02148438 406.38037109 C272.74433594 407.54310547 272.4671875 408.70583984 272.18164062 409.90380859 C267.80484454 426.9225951 258.70617329 439.16013876 243.82128906 448.34619141 C218.6442807 462.81306708 188.86159822 454.89947873 162.02148438 449.38037109 C150.72088104 447.15260657 139.42451069 445.02002194 128.02148438 443.38037109 C115.35954422 441.54446263 115.35954422 441.54446263 109.15820312 439.88037109 C104.18000281 438.71545402 99.07750835 438.11412514 94.02148438 437.38037109 C81.34668417 435.54094431 81.34668417 435.54094431 76.77148438 434.31787109 C73.21409368 433.42852342 69.87445629 433.01010813 66.24023438 432.66162109 C63.42881302 432.30524374 60.78411055 431.58615911 58.05273438 430.84912109 C55.87143855 430.34574513 53.74915502 430.09398335 51.52148438 429.88037109 C47.89510271 429.53263587 44.56284651 428.79629421 41.05273438 427.84912109 C38.87143855 427.34574513 36.74915502 427.09398335 34.52148438 426.88037109 C30.89510271 426.53263587 27.56284651 425.79629421 24.05273438 424.84912109 C21.87143855 424.34574513 19.74915502 424.09398335 17.52148438 423.88037109 C13.9030187 423.53339493 10.57770944 422.80223933 7.07617188 421.85302734 C4.04526649 421.15580386 0.99909353 420.8906548 -2.09570312 420.62646484 C-3.97851562 420.38037109 -3.97851562 420.38037109 -5.97851562 419.38037109 C-8.30706188 419.03399984 -10.64166869 418.72790988 -12.97851562 418.44287109 C-19.75563032 417.58382296 -26.4166241 416.47590977 -33.06054688 414.88037109 C-39.00663949 413.46831199 -44.97117209 412.67575672 -51.03710938 411.94287109 C-54.80386705 411.40529616 -58.48957636 410.70067017 -62.21411133 409.93359375 C-65.20952804 409.33414005 -68.21221171 408.79690727 -71.22070312 408.26708984 C-72.30738281 408.07050781 -73.3940625 407.87392578 -74.51367188 407.67138672 C-76.73064074 407.27077656 -78.94942085 406.88005695 -81.16992188 406.49951172 C-93.25763371 404.27508664 -103.29990042 399.96891989 -112.97851562 392.38037109 C-114.46738281 391.21828125 -114.46738281 391.21828125 -115.98632812 390.03271484 C-126.80436138 380.44336161 -134.10223903 365.27123734 -135.25195312 350.98193359 C-135.73664701 332.00430361 -131.78797561 312.90625359 -127.97851562 294.38037109 C-125.75075111 283.07976776 -123.61816647 271.78339741 -121.97851562 260.38037109 C-120.14260716 247.71843094 -120.14260716 247.71843094 -118.47851562 241.51708984 C-117.31359855 236.53888953 -116.71226967 231.43639507 -115.97851562 226.38037109 C-114.13908884 213.70557089 -114.13908884 213.70557089 -112.91601562 209.13037109 C-112.02666795 205.5729804 -111.60825266 202.23334301 -111.25976562 198.59912109 C-110.90338827 195.78769974 -110.18430364 193.14299727 -109.44726562 190.41162109 C-108.94388966 188.23032527 -108.69212788 186.10804174 -108.47851562 183.88037109 C-108.1307804 180.25398942 -107.39443874 176.92173323 -106.44726562 173.41162109 C-105.94388966 171.23032527 -105.69212788 169.10804174 -105.47851562 166.88037109 C-105.1307804 163.25398942 -104.39443874 159.92173323 -103.44726562 156.41162109 C-102.94388966 154.23032527 -102.69212788 152.10804174 -102.47851562 149.88037109 C-102.13153946 146.26190542 -101.40038387 142.93659616 -100.45117188 139.43505859 C-99.75394839 136.40415321 -99.48879933 133.35798025 -99.22460938 130.26318359 C-98.97851562 128.38037109 -98.97851562 128.38037109 -97.97851562 126.38037109 C-97.63214437 124.05182484 -97.32605441 121.71721803 -97.04101562 119.38037109 C-96.18196749 112.6032564 -95.0740543 105.94226262 -93.47851562 99.29833984 C-92.06645652 93.35224723 -91.27390125 87.38771463 -90.54101562 81.32177734 C-90.00344069 77.55501967 -89.2988147 73.86931035 -88.53173828 70.14477539 C-87.93228458 67.14935868 -87.3950518 64.14667501 -86.86523438 61.13818359 C-86.66865234 60.05150391 -86.47207031 58.96482422 -86.26953125 57.84521484 C-85.86892109 55.62824598 -85.47820148 53.40946586 -85.09765625 51.18896484 C-82.00137214 34.36349814 -74.57798914 19.77675501 -60.79492188 9.31005859 C-56.34585689 6.26173945 -51.87533681 3.64308763 -46.97851562 1.38037109 C-46.10195312 0.96658203 -45.22539062 0.55279297 -44.32226562 0.12646484 C-30.26593067 -5.53950164 -14.41452692 -2.93642123 0 0 Z M-39.97851562 46.38037109 C-43.77403517 52.06445138 -45.00178543 57.15334786 -46.05664062 63.85693359 C-46.22887146 64.87822861 -46.40110229 65.89952362 -46.57855225 66.95176697 C-47.14083886 70.30104693 -47.68442362 73.65309195 -48.22851562 77.00537109 C-48.62148225 79.36102001 -49.01603477 81.71640487 -49.41210938 84.0715332 C-50.21938912 88.87441829 -51.021437 93.67813231 -51.8203125 98.48242188 C-53.31183955 107.41132393 -54.89395119 116.32341364 -56.49252319 125.2336731 C-57.31543215 129.82103525 -58.13304406 134.40934178 -58.95117188 138.99755859 C-59.11551224 139.91845779 -59.2798526 140.83935699 -59.44917297 141.78816223 C-60.69569534 148.77827933 -61.93113352 155.77031319 -63.16210938 162.76318359 C-63.34649063 163.81052673 -63.53087189 164.85786987 -63.72084045 165.93695068 C-64.09669929 168.07222148 -64.47253841 170.20749576 -64.84835815 172.34277344 C-67.27468945 186.1277684 -69.70505713 199.91179485 -72.19726562 213.68505859 C-72.38009598 214.69548218 -72.56292633 215.70590576 -72.751297 216.74694824 C-73.12115691 218.79033087 -73.49105541 220.83370652 -73.86099243 222.8770752 C-74.04415009 223.88878784 -74.22730774 224.90050049 -74.41601562 225.94287109 C-74.59860931 226.95136108 -74.781203 227.95985107 -74.96932983 228.99890137 C-78.57831208 248.95480054 -82.03263612 268.93644795 -85.44116211 288.92749023 C-85.83374467 291.22299493 -86.22640319 293.51848664 -86.61914062 295.81396484 C-86.80904068 296.93051956 -86.99894073 298.04707428 -87.19459534 299.19746399 C-88.19484605 305.0275005 -89.2498916 310.84143228 -90.38671875 316.64648438 C-90.73449371 318.44195457 -90.73449371 318.44195457 -91.08929443 320.2736969 C-91.52975497 322.53143431 -91.97996928 324.78730308 -92.44244385 327.04063416 C-94.31403226 336.66390381 -96.27379802 347.61576575 -90.97851562 356.38037109 C-84.71164416 363.8658009 -77.76325169 366.0011749 -68.50195312 367.45849609 C-66.96994263 367.71684235 -66.96994263 367.71684235 -65.40698242 367.98040771 C-62.0577446 368.54266874 -58.70574271 369.08624423 -55.35351562 369.63037109 C-52.99859753 370.02332857 -50.64394508 370.41788114 -48.28955078 370.81396484 C-43.48741293 371.62133554 -38.68444188 372.42344056 -33.88085938 373.22216797 C-24.93272235 374.71641637 -16.00031285 376.29568741 -7.07028198 377.894104 C-4.32389724 378.38567241 -1.57714935 378.87516771 1.16967773 379.36425781 C10.74916794 381.07153535 20.32567207 382.79498255 29.90039062 384.52880859 C34.00319097 385.27135156 38.10605739 386.01352817 42.20898438 386.75537109 C43.23439331 386.94082489 44.25980225 387.12627869 45.31628418 387.31735229 C63.89515917 390.67361456 82.49685053 393.88944685 101.10507202 397.07843018 C117.25911276 399.84844274 133.39905003 402.68191594 149.52148438 405.63037109 C151.30394295 405.95538877 153.08641347 406.28034097 154.86889648 406.60522461 C162.38875043 407.97735948 169.90699507 409.35720112 177.42111206 410.76043701 C180.53763816 411.34009973 183.65580202 411.91056026 186.77441406 412.47888184 C188.19528584 412.74001546 189.61542451 413.00518119 191.03466797 413.27502441 C207.94862678 416.78896904 207.94862678 416.78896904 224.02148438 412.38037109 C231.25443294 406.49308738 233.52170881 398.79545602 234.88085938 389.89990234 C235.10584358 388.53682449 235.10584358 388.53682449 235.33537292 387.14620972 C235.65721391 385.18770004 235.97321293 383.22822302 236.28390503 381.26791382 C236.95284195 377.04909361 237.65080326 372.83521174 238.34654236 368.6207428 C238.70713578 366.43408867 239.06622163 364.24718544 239.42384338 362.06004333 C241.17230601 351.37844591 243.05075383 340.72190141 244.95898438 330.06787109 C245.29094753 328.2072109 245.62281529 326.34653368 245.95458984 324.48583984 C247.6808866 314.81543355 249.42364266 305.14804208 251.17382812 295.48193359 C251.91509611 291.38564854 252.65594613 287.28928813 253.39648438 283.19287109 C253.67452911 281.65543747 253.67452911 281.65543747 253.95819092 280.08694458 C257.3149738 261.50528483 260.53206634 242.90091874 263.72055054 224.28973389 C266.464316 208.28273961 269.27790823 192.29161191 272.20898438 176.31787109 C274.70034411 162.70817174 277.176222 149.09596271 279.54824829 135.46487427 C279.85872756 133.6872318 280.17208703 131.91008947 280.48861694 130.1335144 C284.12204496 113.39132242 284.12204496 113.39132242 280.02148438 97.38037109 C274.12337988 90.13412842 266.4169332 87.87742182 257.50585938 86.52099609 C256.59476913 86.37105194 255.68367889 86.22110779 254.74497986 86.06661987 C252.78226253 85.74488192 250.81859021 85.42892589 248.85409546 85.1182251 C243.53193669 84.2759403 238.21686669 83.39049119 232.90039062 82.51318359 C231.81301102 82.33508148 230.72563141 82.15697937 229.6053009 81.97348022 C219.28253162 80.27729778 208.99540295 78.40760481 198.70898438 76.50537109 C181.50126606 73.33592374 164.26749514 70.33386862 147.02148438 67.38037109 C130.00509042 64.4658125 113.00084834 61.50367612 96.02148438 58.38037109 C76.34008413 54.76092555 56.62525678 51.34659551 36.90039062 47.97265625 C26.30052068 46.15854083 15.70249204 44.34179764 5.12304688 42.41162109 C4.32144135 42.2662088 3.51983582 42.12079651 2.69393921 41.97097778 C-0.8599168 41.32605551 -4.41204582 40.67399995 -7.96142578 40.00488281 C-20.1333681 37.78720355 -31.16854779 35.90365259 -39.97851562 46.38037109 Z ' fill='var(--foreground)' transform='translate(205.978515625,73.61962890625)'/><path d='M0 0 C3.75531436 3.13935246 6.26560303 6.91582664 8.92016602 10.99145508 C10.13196309 12.7860248 11.34421555 14.58028709 12.55688477 16.37426758 C13.16580566 17.28724609 13.77472656 18.20022461 14.40209961 19.14086914 C17.2813961 23.42794116 20.25921027 27.64442344 23.23266602 31.86645508 C24.39985756 33.53275421 25.56652313 35.19942188 26.73266602 36.86645508 C27.31016602 37.69145508 27.88766602 38.51645508 28.48266602 39.36645508 C61.73266601 86.86645507 61.73266601 86.86645507 63.4831543 89.3671875 C64.64814965 91.03144336 65.81318862 92.69566869 66.97827148 94.35986328 C69.92087013 98.56316431 72.86267506 102.76701689 75.80297852 106.97192383 C76.98783264 108.66596342 78.17272822 110.35997401 79.35766602 112.05395508 C80.22512451 113.29435547 80.22512451 113.29435547 81.11010742 114.55981445 C84.41699727 119.28474193 87.73904027 123.99847622 91.07470703 128.703125 C108.51442872 153.31426911 108.51442872 153.31426911 107.23266602 163.86645508 C105.55535791 169.29027381 103.20047179 173.64536226 98.48266602 176.92895508 C92.50756691 180.07905423 86.94126875 180.61760698 80.48266602 178.67895508 C72.87942885 176.04598221 69.1203582 170.24452878 64.79516602 163.86645508 C63.54666634 162.05381852 62.29796277 160.24132238 61.04907227 158.42895508 C60.41501465 157.5034082 59.78095703 156.57786133 59.12768555 155.62426758 C56.19157953 151.3513671 53.21130189 147.10976082 50.23266602 142.86645508 C49.06575869 141.1999569 47.8990927 139.5332897 46.73266602 137.86645508 C46.15516602 137.04145508 45.57766602 136.21645508 44.98266602 135.36645508 C11.73266601 87.86645508 11.73266601 87.86645508 9.98217773 85.36572266 C8.81718238 83.7014668 7.65214342 82.03724147 6.48706055 80.37304688 C3.5444619 76.16974585 0.60265698 71.96589327 -2.33764648 67.76098633 C-3.52250061 66.06694674 -4.70739619 64.37293614 -5.89233398 62.67895508 C-6.47063965 61.85202148 -7.04894531 61.02508789 -7.64477539 60.1730957 C-10.95166524 55.44816822 -14.27370824 50.73443394 -17.609375 46.02978516 C-34.83678676 21.71825535 -34.83678676 21.71825535 -33.76733398 10.86645508 C-32.41255193 5.13609313 -30.114723 1.7204969 -25.26733398 -1.63354492 C-16.55441668 -7.00452134 -8.19256365 -5.72774006 0 0 Z ' fill='var(--foreground)' transform='translate(263.767333984375,213.133544921875)'/></svg>","preview_image":"https://square.lndevui.com/banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6162,"open_issues":0,"last_commit":"2026-09-15T15:01:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/ln-dev7/square-ui.git","clone_degit":"npx degit ln-dev7/square-ui","registry_fetch":"curl -s https://square.lndev.me/registry/{name}.json"},"component_count":0,"components":[]},{"id":"ssych","name":"@ssych","slug":"ssych","description":"Dark, data-dense React components for high-stakes decision surfaces: trading books, screeners, clinical dashboards. Hand-drawn SVG charts, no chart runtime.","author":null,"framework":"react","license":null,"tags":["ai","buttons","cards","charts","crypto","dashboard","forms","glassmorphism","hooks","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables"],"categories":["AI/chat UI"],"labels":["pro"],"urls":{"website":"https://ui.ssych.com","github":null,"registry":"https://ui.ssych.com/r/registry.json","source":"https://ui.ssych.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ssych","markdown":"https://sh4dcn.netlify.app/md/ssych.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 162 140'><path d='M161.64 50.1549C160.964 64.9054 148.808 76.5175 134.042 76.5179H133.304L144.556 96.9292C146.674 100.772 146.785 105.407 144.852 109.347L139.29 120.682C133.531 132.423 121.594 139.865 108.517 139.865L37.5662 139.868L60.6728 103.062H97.6544C99.3133 103.061 100.358 101.275 99.5446 99.8286L86.4403 76.5165H86.4499L103.597 50.1011C106.311 45.9191 110.958 43.3952 115.944 43.3952H161.949L161.64 50.1549Z' fill='currentColor'/><path d='M124.377 0L101.271 36.8065H64.2891C62.6302 36.8068 61.5859 38.5934 62.3989 40.0395L75.5032 63.3516H75.4991L58.3539 89.767C55.6392 93.949 50.9909 96.4729 46.0051 96.4729H0L0.310202 89.7119C0.986726 74.9613 13.1425 63.3502 27.9085 63.3502H28.6392L17.3879 42.9389C15.2695 39.0959 15.1589 34.4609 17.0915 30.5211L22.653 19.1857C28.4125 7.44524 40.3495 0.00339438 53.4265 0.00275735L124.377 0Z' fill='currentColor'/></svg>","preview_image":"https://ssych.com/og-library.png?v=2","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.ssych.com/library/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.ssych.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.ssych.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.ssych.com/r/registry.json","registry_fetch":"curl -s https://ui.ssych.com/r/registry.json"},"component_count":134,"components":[{"name":"file-tree","title":"File Tree","description":"A file tree for code bundles, data exports and research folders, with folding folders, keyboard navigation and sizes on the right.","type":"registry:ui","source_url":"https://ui.ssych.com/r/file-tree.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/file-tree.json"},{"name":"sidebar","title":"Sidebar","description":"A collapsible sidebar navigation for SaaS admin panels and trading dashboards, with accordion sections, an active rail and a mobile drawer.","type":"registry:ui","source_url":"https://ui.ssych.com/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/sidebar.json"},{"name":"macos-dock","title":"macOS Dock","description":"A macOS style app dock with magnifying icons and a ⌘K command menu, for launchers and workspace switchers in trading and AI tools.","type":"registry:ui","source_url":"https://ui.ssych.com/r/macos-dock.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/macos-dock.json"},{"name":"browser-window","title":"Browser Window","description":"A browser window mockup for showing a dashboard or web app on a landing page, in Chrome or Safari frames, with a phone layout under 480px.","type":"registry:ui","source_url":"https://ui.ssych.com/r/browser-window.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/browser-window.json"},{"name":"macbook-frame","title":"MacBook Frame","description":"A MacBook mockup frame for product screenshots and live app embeds on landing pages, pitch decks and fintech case studies.","type":"registry:ui","source_url":"https://ui.ssych.com/r/macbook-frame.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/macbook-frame.json"},{"name":"card-stack","title":"Card Stack","description":"A swipeable card stack carousel for product showcases and feature tours; drag the top card away or click it to open a detail modal.","type":"registry:ui","source_url":"https://ui.ssych.com/r/card-stack.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/card-stack.json"},{"name":"card-grid","title":"Card Grid","description":"A responsive card grid for products, strategies or case studies, with hover actions on each card and a shared detail modal.","type":"registry:ui","source_url":"https://ui.ssych.com/r/card-grid.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/card-grid.json"},{"name":"card-list","title":"Card List","description":"A vertical card list for reports, products or case studies, each card with media and copy, opening into a shared detail modal.","type":"registry:ui","source_url":"https://ui.ssych.com/r/card-list.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/card-list.json"},{"name":"bento-gallery","title":"Bento Gallery","description":"A draggable bento grid gallery for product shots and dashboard screenshots that opens into a shared lightbox.","type":"registry:ui","source_url":"https://ui.ssych.com/r/bento-gallery.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/bento-gallery.json"},{"name":"cutout-card","title":"Cutout Card","description":"Media card with a scooped-out content tray (concave corners), hover-reveal action button, and gradient overlay.","type":"registry:ui","source_url":"https://ui.ssych.com/r/cutout-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/cutout-card.json"},{"name":"accordion","title":"Accordion","description":"An accordion for feature and FAQ sections on product pages, each row opening to a body, a checklist and a screenshot.","type":"registry:ui","source_url":"https://ui.ssych.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/accordion.json"},{"name":"project-card","title":"Project Card","description":"Shared cutout project card with blurred-gradient media and a liquid-metal hover ring.","type":"registry:ui","source_url":"https://ui.ssych.com/r/project-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/project-card.json"},{"name":"historical-eps","title":"Historical EPS","description":"A quarterly EPS chart for stock research and earnings screens, with forecast against reported bars and the surprise on hover.","type":"registry:ui","source_url":"https://ui.ssych.com/r/historical-eps.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/historical-eps.json"},{"name":"price-target-fan","title":"Price Target Fan","description":"An analyst price target chart for stock research: a year of price history, then projections fanning out to the high, mean and low targets.","type":"registry:ui","source_url":"https://ui.ssych.com/r/price-target-fan.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/price-target-fan.json"},{"name":"market-watchlist","title":"Market Watchlist","description":"A watchlist that reads as one chart: every watched coin as a line from the same open, a row per coin, and the whole market beside it in tokens, sectors and yie…","type":"registry:ui","source_url":"https://ui.ssych.com/r/market-watchlist.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/market-watchlist.json"},{"name":"sma-chart","title":"SMA Chart","description":"A stock price chart with 20 and 50 day simple moving average overlays and crosshair scrubbing, for trading and technical analysis screens.","type":"registry:ui","source_url":"https://ui.ssych.com/r/sma-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/sma-chart.json"},{"name":"dotted-area-chart","title":"Dotted Area Chart","description":"A crypto price area chart on a dotted field; scrub it to light the stretch you have passed and read the price and move at any point.","type":"registry:ui","source_url":"https://ui.ssych.com/r/dotted-area-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/dotted-area-chart.json"},{"name":"health-gauge","title":"Health Gauge","description":"A gauge chart for margin ratio, fear and greed or liquidity scores, on a 270 degree dial that counts up and cycles metrics on click.","type":"registry:ui","source_url":"https://ui.ssych.com/r/health-gauge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/health-gauge.json"},{"name":"market-heatmap","title":"Market Heatmap","description":"A stock market heatmap with tiles sized by market cap and tinted by the daily move, for market overview and trading dashboards.","type":"registry:ui","source_url":"https://ui.ssych.com/r/market-heatmap.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/market-heatmap.json"},{"name":"sankey-flow","title":"Sankey Diagram","description":"A Sankey diagram for cash flow, budgets and fund flows, where income pools in one hub and each ribbon width stands for the amount.","type":"registry:ui","source_url":"https://ui.ssych.com/r/sankey-flow.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/sankey-flow.json"},{"name":"donut-chart","title":"Donut Chart","description":"A crypto portfolio donut chart that shows allocation as a ring with the total in the centre, the ring and its legend highlighting together.","type":"registry:ui","source_url":"https://ui.ssych.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/donut-chart.json"},{"name":"balance-header","title":"Balance Header","description":"A wallet and bank balance header with the total, the 24h move and a privacy toggle that masks every figure, for crypto and fintech apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/balance-header.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/balance-header.json"},{"name":"market-snapshot","title":"Market Snapshot","description":"A stock price card with periods from 1D to All and a line chart you scrub for the price at any moment, for broker and market apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/market-snapshot.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/market-snapshot.json"},{"name":"index-card","title":"Index Card","description":"A market index card for the S&P 500, Dow, Nasdaq and Russell, with tabs between indices and an intraday line you can scrub.","type":"registry:ui","source_url":"https://ui.ssych.com/r/index-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/index-card.json"},{"name":"range-navigator","title":"Range Navigator","description":"A price history chart with a range selector minimap; drag the window to pan and pull an edge to zoom, for trading and analytics apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/range-navigator.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/range-navigator.json"},{"name":"sectors-donut","title":"Sectors Donut","description":"A sector allocation donut for ETF and fund pages that shows each sector weight and dims the rest while you hover one.","type":"registry:ui","source_url":"https://ui.ssych.com/r/sectors-donut.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/sectors-donut.json"},{"name":"ratings-radar","title":"Ratings Radar","description":"An analyst ratings chart for stock research pages, spreading strong buy to strong sell on a pentagon pulled toward the consensus.","type":"registry:ui","source_url":"https://ui.ssych.com/r/ratings-radar.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/ratings-radar.json"},{"name":"analyst-radar","title":"Analyst Radar","description":"A factor score radar chart for equity research, comparing a company with its sector on value, growth, profit, momentum and quality.","type":"registry:ui","source_url":"https://ui.ssych.com/r/analyst-radar.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/analyst-radar.json"},{"name":"kpi-card-row","title":"KPI Card Row","description":"A KPI card row for SaaS, AI and API dashboards, with metrics like requests and uptime counting up over area charts you can scrub.","type":"registry:ui","source_url":"https://ui.ssych.com/r/kpi-card-row.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/kpi-card-row.json"},{"name":"heat-calendar","title":"Heat Calendar","description":"A calendar heatmap of daily activity such as transactions, trades or API calls, with a readout on hover and a selected span that totals the days.","type":"registry:ui","source_url":"https://ui.ssych.com/r/heat-calendar.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/heat-calendar.json"},{"name":"returns-calendar","title":"Returns Calendar","description":"A monthly returns heatmap for funds, strategies and backtests, with a compounded yearly column and spans you select to compound returns.","type":"registry:ui","source_url":"https://ui.ssych.com/r/returns-calendar.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/returns-calendar.json"},{"name":"holdings-table","title":"Holdings Table","description":"A fund holdings table with market value, price, YTD return and portfolio weight bars, sortable by any column, for ETF and wealth apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/holdings-table.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/holdings-table.json"},{"name":"trade-journal-table","title":"Trade Journal Table","description":"A trade journal table for crypto and stock traders, with the open position lit and every closed trade settled to a win or loss.","type":"registry:ui","source_url":"https://ui.ssych.com/r/trade-journal-table.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/trade-journal-table.json"},{"name":"fills-blotter","title":"Fills Blotter","description":"A live order fills blotter for brokers and trading desks, streaming executions that land as working and resolve to filled or rejected.","type":"registry:ui","source_url":"https://ui.ssych.com/r/fills-blotter.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/fills-blotter.json"},{"name":"candlestick","title":"Candlestick Chart","description":"A candlestick chart with a volume histogram, a magnet crosshair and a live OHLC legend, for stock and crypto trading terminals.","type":"registry:ui","source_url":"https://ui.ssych.com/r/candlestick.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/candlestick.json"},{"name":"equity-drawdown","title":"Equity & Drawdown","description":"An equity curve with a synced drawdown chart for backtests and trading performance, one crosshair reading return, drawdown and days below peak.","type":"registry:ui","source_url":"https://ui.ssych.com/r/equity-drawdown.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/equity-drawdown.json"},{"name":"balance-chart","title":"Balance Chart","description":"A wallet balance chart for crypto and banking apps: an area line coloured by trend, with high and low marks and timeframes from 1H to All.","type":"registry:ui","source_url":"https://ui.ssych.com/r/balance-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/balance-chart.json"},{"name":"price-scrubber","title":"Price Scrubber","description":"A stock price chart you scrub with a magnet crosshair and price and time badges on the axes, the headline price turning green or red against the open.","type":"registry:ui","source_url":"https://ui.ssych.com/r/price-scrubber.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/price-scrubber.json"},{"name":"comb-rows","title":"Comb Rows","description":"A peer comparison chart that draws each company as a ruler of ticks, for valuation metrics like P/E across a sector.","type":"registry:ui","source_url":"https://ui.ssych.com/r/comb-rows.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/comb-rows.json"},{"name":"ticker-tape","title":"Ticker Tape","description":"A scrolling stock and crypto ticker tape with BTC, ETH, TAO and NVDA, green up and red down, paused on hover, for headers and trading dashboards.","type":"registry:ui","source_url":"https://ui.ssych.com/r/ticker-tape.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/ticker-tape.json"},{"name":"trade-tape","title":"Trade Tape","description":"A live time and sales tape for trading terminals, streaming prints coloured by side and sized by volume, with block trades highlighted.","type":"registry:ui","source_url":"https://ui.ssych.com/r/trade-tape.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/trade-tape.json"},{"name":"simple-chart","title":"Mini Price Chart","description":"A compact crypto price card with one line and one number that follows your pointer, for wallets, exchanges and market widgets.","type":"registry:ui","source_url":"https://ui.ssych.com/r/simple-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/simple-chart.json"},{"name":"matrix-ticker-board","title":"Matrix Ticker Board","description":"A dot matrix stock price board drawn on canvas, where changed digits dissolve and redraw on each quote, for trading floors and landing pages.","type":"registry:ui","source_url":"https://ui.ssych.com/r/matrix-ticker-board.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/matrix-ticker-board.json"},{"name":"request-log","title":"API Request Log","description":"An API request log for developer dashboards, with method, path, status and latency per call and the response body unfolding inline.","type":"registry:ui","source_url":"https://ui.ssych.com/r/request-log.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/request-log.json"},{"name":"new-items-pill","title":"New Items Pill","description":"A live trade feed that holds your place while new rows arrive and counts them into a pill, for tapes, alerts and activity feeds.","type":"registry:ui","source_url":"https://ui.ssych.com/r/new-items-pill.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/new-items-pill.json"},{"name":"inbox","title":"Notification Inbox","description":"A notification inbox for SaaS and trading apps, with unread markers that clear as you read and a mark all as read action.","type":"registry:ui","source_url":"https://ui.ssych.com/r/inbox.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/inbox.json"},{"name":"project-index","title":"Project Index","description":"A list of companies or projects where each row shows its cover beside the cursor on hover, for fund portfolios and case study pages.","type":"registry:ui","source_url":"https://ui.ssych.com/r/project-index.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/project-index.json"},{"name":"news-card","title":"News Card","description":"A market news card that cycles headlines with their source and time, for trading dashboards, broker apps and crypto portals.","type":"registry:ui","source_url":"https://ui.ssych.com/r/news-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/news-card.json"},{"name":"alert-stack","title":"Alert Stack","description":"A stacked notification panel for price alerts, margin warnings and order fills that fans open on hover and settles as you dismiss.","type":"registry:ui","source_url":"https://ui.ssych.com/r/alert-stack.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/alert-stack.json"},{"name":"assets-balance-card","title":"Assets Balance Card","description":"A portfolio balance card with rolling odometer digits and an intraday chart you can drag taller, for crypto wallets and banking apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/assets-balance-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/assets-balance-card.json"},{"name":"onboarding-checklist","title":"Onboarding Checklist","description":"An onboarding checklist for developer and fintech products, with steps that check off and a progress bar counting what is done.","type":"registry:ui","source_url":"https://ui.ssych.com/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/onboarding-checklist.json"},{"name":"preferences-card","title":"Preferences Card","description":"An account settings card with rows for profile, payment method and notifications, for SaaS, banking and exchange account pages.","type":"registry:ui","source_url":"https://ui.ssych.com/r/preferences-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/preferences-card.json"},{"name":"empty-state","title":"Empty State","description":"An empty state for trading and fintech dashboards: a quiet dotted field with one line of copy and one call to action.","type":"registry:ui","source_url":"https://ui.ssych.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/empty-state.json"},{"name":"swap-ticket","title":"Swap Ticket","description":"A token swap widget for DEX and crypto wallet apps, with an editable amount, a flip button, a token picker and slippage settings.","type":"registry:ui","source_url":"https://ui.ssych.com/r/swap-ticket.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/swap-ticket.json"},{"name":"segmented-control","title":"Segmented Control","description":"A segmented control for timeframes and view modes like 24h, 7d and 30d, with a thumb that slides between the options.","type":"registry:ui","source_url":"https://ui.ssych.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/segmented-control.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"An overlapping avatar stack for teams, signers or token holders that lifts and names one on hover and lists the overflow.","type":"registry:ui","source_url":"https://ui.ssych.com/r/avatar-stack.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/avatar-stack.json"},{"name":"amount","title":"Currency Amount","description":"Currency and crypto amount formatters that keep symbols, decimals, abbreviations and signed colours consistent across a fintech screen.","type":"registry:ui","source_url":"https://ui.ssych.com/r/amount.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/amount.json"},{"name":"crypto-fiat","title":"Crypto/Fiat","description":"A crypto amount input that switches between fiat and token units at the current rate, for wallets, exchanges and payment flows.","type":"registry:ui","source_url":"https://ui.ssych.com/r/crypto-fiat.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/crypto-fiat.json"},{"name":"screen-shuffle","title":"Screen Shuffle","description":"A stack of product screenshots that rotates the front screen to the back, for SaaS and fintech landing page heroes.","type":"registry:ui","source_url":"https://ui.ssych.com/r/screen-shuffle.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/screen-shuffle.json"},{"name":"mouse-trail-cta","title":"Mouse-Trail CTA","description":"A call to action button whose glow is fed by a cursor particle trail, for the landing page hero of an AI or fintech product.","type":"registry:ui","source_url":"https://ui.ssych.com/r/mouse-trail-cta.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/mouse-trail-cta.json"},{"name":"ascii-turntable","title":"ASCII Turntable","description":"A 3D logo or token mark drawn in ASCII characters that turns with the cursor, for crypto, AI and developer tool landing pages.","type":"registry:ui","source_url":"https://ui.ssych.com/r/ascii-turntable.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/ascii-turntable.json"},{"name":"metal-badge","title":"Metal Badge","description":"Any SVG mark as a domed chrome badge, drawn in WebGPU. It leans toward the cursor with the light following, and a click flips it. Falls back to a flat chrome f…","type":"registry:ui","source_url":"https://ui.ssych.com/r/metal-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/metal-badge.json"},{"name":"stone-badge","title":"Stone Badge","description":"Any SVG mark as a carved stone badge, drawn in WebGPU: facets, fissures and mineral speckle on a roughened dome. It leans toward the cursor with the key light …","type":"registry:ui","source_url":"https://ui.ssych.com/r/stone-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/stone-badge.json"},{"name":"gold-badge","title":"Gold Badge","description":"The metal badge in gold: any SVG mark as a domed, brushed gold badge drawn in WebGPU. It leans toward the cursor with the light following, and a click flips it.","type":"registry:ui","source_url":"https://ui.ssych.com/r/gold-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/gold-badge.json"},{"name":"holo-badge","title":"Holographic Badge","description":"Any SVG mark as a holographic badge: a silver dome under a thin film whose colour shifts with the angle, with a fine sparkle. Drawn in WebGPU, it leans toward …","type":"registry:ui","source_url":"https://ui.ssych.com/r/holo-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/holo-badge.json"},{"name":"glass-badge","title":"Glass Badge","description":"Any SVG mark as a frosted glass badge: translucent, with the light catching its rolled edge and the page showing through. Drawn in WebGPU, it leans toward the …","type":"registry:ui","source_url":"https://ui.ssych.com/r/glass-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/glass-badge.json"},{"name":"neon-badge","title":"Neon Badge","description":"Any SVG mark as a dark badge with a neon outline that glows and breathes. Drawn in WebGPU, it leans toward the cursor and flips on click.","type":"registry:ui","source_url":"https://ui.ssych.com/r/neon-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/neon-badge.json"},{"name":"lightning-badge","title":"Lightning Badge","description":"Any SVG mark as a dark glass badge with lightning crawling over its face. Drawn in WebGPU, it leans toward the cursor and flips on click.","type":"registry:ui","source_url":"https://ui.ssych.com/r/lightning-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/lightning-badge.json"},{"name":"ascii-badge","title":"ASCII Badge","description":"Any SVG mark as a domed badge drawn in characters: the lit surface is read per cell and each cell's brightness picks a character from the ramp, so the letters …","type":"registry:ui","source_url":"https://ui.ssych.com/r/ascii-badge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/ascii-badge.json"},{"name":"account-dropdown","title":"Account Dropdown","description":"A crypto wallet account switcher that lists each address with its balance and share of the total, for multi wallet web3 apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/account-dropdown.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/account-dropdown.json"},{"name":"depth-chart","title":"Depth Chart","description":"A market depth chart for crypto exchanges showing bid and ask liquidity around the mid price, with a readout of size on each side.","type":"registry:ui","source_url":"https://ui.ssych.com/r/depth-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/depth-chart.json"},{"name":"gantt-mini","title":"Gantt Chart","description":"A compact Gantt chart for sprint and release planning, with a today line and the dates, length and owner of each task on hover.","type":"registry:ui","source_url":"https://ui.ssych.com/r/gantt-mini.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/gantt-mini.json"},{"name":"leverage-ticket","title":"Leverage Ticket","description":"A perpetual futures order ticket with margin, long or short and a leverage slider that updates position size, fees and the liquidation price.","type":"registry:ui","source_url":"https://ui.ssych.com/r/leverage-ticket.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/leverage-ticket.json"},{"name":"order-book","title":"Order Book","description":"A crypto exchange order book with bids, asks and depth bars, reading the cumulative size and value up to any price level.","type":"registry:ui","source_url":"https://ui.ssych.com/r/order-book.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/order-book.json"},{"name":"quick-ticket","title":"Quick Ticket","description":"A watchlist row that expands into a quick order ticket for market and limit orders, for broker and stock trading apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/quick-ticket.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/quick-ticket.json"},{"name":"setup-stepper","title":"Setup Stepper","description":"A setup stepper for onboarding flows like domain verification or API setup, with numbered steps down a rail and a Continue action.","type":"registry:ui","source_url":"https://ui.ssych.com/r/setup-stepper.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/setup-stepper.json"},{"name":"tool-call-card","title":"Tool Call Card","description":"An AI agent tool call card that shows the arguments, result, duration and status of one call, with a run again action.","type":"registry:ui","source_url":"https://ui.ssych.com/r/tool-call-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/tool-call-card.json"},{"name":"vitals-strip","title":"Key Stats Strip","description":"A key stats strip for a stock page with price, market cap, index weight, volume and P/E, each figure showing its formula on hover.","type":"registry:ui","source_url":"https://ui.ssych.com/r/vitals-strip.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/vitals-strip.json"},{"name":"agent-run-timeline","title":"Agent Run Timeline","description":"An AI agent run timeline that shows each step with its tool call, duration and status, with the input and output one click away.","type":"registry:ui","source_url":"https://ui.ssych.com/r/agent-run-timeline.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/agent-run-timeline.json"},{"name":"automation-builder","title":"Automation Builder","description":"A trading automation builder that writes a strategy as sentences, from news sentiment to orders, with editable values and a test run.","type":"registry:ui","source_url":"https://ui.ssych.com/r/automation-builder.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/automation-builder.json"},{"name":"dialog-stack","title":"Dialog Stack","description":"Stacked dialogs for multi step confirmations like plan changes, approvals and sign off, where each step layers on top and Escape steps back.","type":"registry:ui","source_url":"https://ui.ssych.com/r/dialog-stack.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/dialog-stack.json"},{"name":"graph-comparison","title":"Graph Comparison","description":"A stock comparison chart that indexes up to four tickers to the same start, for relative performance from 1M to 1Y.","type":"registry:ui","source_url":"https://ui.ssych.com/r/graph-comparison.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/graph-comparison.json"},{"name":"market-shelf","title":"Market Shelf","description":"A row of crypto market tiles with price, daily change and a 7 day sparkline, for exchange and portfolio home screens.","type":"registry:ui","source_url":"https://ui.ssych.com/r/market-shelf.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/market-shelf.json"},{"name":"order-ticket","title":"Order Ticket","description":"A buy and sell order form for limit and market orders where price, amount and total stay in sync, for crypto exchanges and broker apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/order-ticket.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/order-ticket.json"},{"name":"radial-gauge","title":"Radial Gauge","description":"A radial gauge for pass rates like model evals, health checks or compliance tests, with fail, watch and pass bands you can read.","type":"registry:ui","source_url":"https://ui.ssych.com/r/radial-gauge.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/radial-gauge.json"},{"name":"stacked-bars","title":"Stacked Bar Chart","description":"A stacked bar chart of monthly totals by series, shown with AI inference spend by model, reading value and share on hover.","type":"registry:ui","source_url":"https://ui.ssych.com/r/stacked-bars.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/stacked-bars.json"},{"name":"top-coins","title":"Top Coins","description":"A top cryptocurrencies widget with Bitcoin, Ethereum and Solana prices and sparklines over 3M to 1Y, scrubbable for any week.","type":"registry:ui","source_url":"https://ui.ssych.com/r/top-coins.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/top-coins.json"},{"name":"volume-profile","title":"Volume Profile","description":"A volume profile chart of traded volume by price with the point of control and value area, for futures and crypto traders.","type":"registry:ui","source_url":"https://ui.ssych.com/r/volume-profile.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/volume-profile.json"},{"name":"allocation-treemap","title":"Allocation Treemap","description":"A portfolio allocation treemap with holdings sized by weight, reading the share and value of each position on hover.","type":"registry:ui","source_url":"https://ui.ssych.com/r/allocation-treemap.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/allocation-treemap.json"},{"name":"event-feed","title":"Market Event Feed","description":"A market events feed grouped by day, each headline with its ticker, price and move, for stock research and trading dashboards.","type":"registry:ui","source_url":"https://ui.ssych.com/r/event-feed.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/event-feed.json"},{"name":"info-card","title":"Info Card","description":"A small callout card with a title, one line and an action row, for help prompts and upsells in a dashboard sidebar.","type":"registry:ui","source_url":"https://ui.ssych.com/r/info-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/info-card.json"},{"name":"modal","title":"Modal","description":"An accessible modal dialog for confirmations like cancelling orders or revoking API keys, with a focus trap and Escape to close.","type":"registry:ui","source_url":"https://ui.ssych.com/r/modal.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/modal.json"},{"name":"payment-card","title":"Payment Card","description":"A saved payment card for billing and banking settings that lifts out of its pocket to show the card face, with an update card form.","type":"registry:ui","source_url":"https://ui.ssych.com/r/payment-card.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/payment-card.json"},{"name":"release-feed","title":"Release Feed","description":"A changelog feed for developer tools and APIs that groups release notes by added, changed and fixed, with copyable versions.","type":"registry:ui","source_url":"https://ui.ssych.com/r/release-feed.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/release-feed.json"},{"name":"stat-tile","title":"Stat Tile","description":"Compact stat tiles for trading metrics like net P&L, win rate and Sharpe ratio, each with a sparkline you scrub for any point.","type":"registry:ui","source_url":"https://ui.ssych.com/r/stat-tile.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/stat-tile.json"},{"name":"total-balance","title":"Total Balance","description":"A total balance chart for crypto and banking accounts with windows from 24h to All, reading balance, change and drawdown at any point.","type":"registry:ui","source_url":"https://ui.ssych.com/r/total-balance.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/total-balance.json"},{"name":"wallet-drawer","title":"Wallet Drawer","description":"A crypto wallet drawer with holdings, DeFi positions and activity, plus send, receive and settings views, for web3 apps.","type":"registry:ui","source_url":"https://ui.ssych.com/r/wallet-drawer.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/wallet-drawer.json"},{"name":"amount-slider","title":"Amount Slider","description":"An amount slider for choosing a share of a balance with 25, 50, 75 and 100 percent presets, for trade, withdraw and stake forms.","type":"registry:ui","source_url":"https://ui.ssych.com/r/amount-slider.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/amount-slider.json"},{"name":"cross-chain-swap","title":"Cross Chain Swap","description":"A cross chain bridge and swap widget for moving tokens between networks like Ethereum, Solana and Arbitrum, reversible in one click.","type":"registry:ui","source_url":"https://ui.ssych.com/r/cross-chain-swap.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/cross-chain-swap.json"},{"name":"execution-controls","title":"Execution Controls","description":"A hold to confirm order button for trading apps that shows the order as working, filled or rejected, with a timed undo.","type":"registry:ui","source_url":"https://ui.ssych.com/r/execution-controls.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/execution-controls.json"},{"name":"inline-slider","title":"Inline Slider","description":"A range filter slider with its label and value inside the track, for screeners and GPU marketplaces filtering memory, cores and price.","type":"registry:ui","source_url":"https://ui.ssych.com/r/inline-slider.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/inline-slider.json"},{"name":"model-comparison","title":"Model Comparison","description":"An LLM comparison table of quality, latency, cost per million tokens and context window, showing each gap to the best model.","type":"registry:ui","source_url":"https://ui.ssych.com/r/model-comparison.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/model-comparison.json"},{"name":"performance-chart","title":"Performance Chart","description":"A portfolio performance chart against a benchmark index, shaded green while ahead and red while behind, with the gap on any day.","type":"registry:ui","source_url":"https://ui.ssych.com/r/performance-chart.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/performance-chart.json"},{"name":"scatter-plot","title":"Scatter Plot","description":"A risk and return scatter plot of stocks by volatility and yearly return, naming each point with a hairline to both axes.","type":"registry:ui","source_url":"https://ui.ssych.com/r/scatter-plot.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/scatter-plot.json"},{"name":"swap-confirm","title":"Swap Confirm","description":"A stock swap confirmation that sells one holding for another, showing the rate and the minimum received before you confirm.","type":"registry:ui","source_url":"https://ui.ssych.com/r/swap-confirm.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/swap-confirm.json"},{"name":"uptime-bars","title":"Uptime Bars","description":"A 90 day uptime status chart for APIs and inference services, reading the uptime and incident of any day on hover.","type":"registry:ui","source_url":"https://ui.ssych.com/r/uptime-bars.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/uptime-bars.json"},{"name":"watchlist-stack","title":"Watchlist Stack","description":"A stock watchlist with an intraday sparkline, price and daily move per ticker, scrubbable for the price at any moment.","type":"registry:ui","source_url":"https://ui.ssych.com/r/watchlist-stack.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/watchlist-stack.json"},{"name":"approval-quorum","title":"Approval Quorum","description":"A multisig approval widget for treasury and payment releases, where risk, treasury and compliance sign off until the quorum is met.","type":"registry:ui","source_url":"https://ui.ssych.com/r/approval-quorum.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/approval-quorum.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"A date range picker with two month calendars and presets like last 7, 30 and 90 days, for analytics, reporting and trade history filters.","type":"registry:ui","source_url":"https://ui.ssych.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/date-range-picker.json"},{"name":"flow-bars","title":"Net Flow Bars","description":"A net flow bar chart for daily ETF, exchange or wallet inflows and outflows, where dragging across days sums the run.","type":"registry:ui","source_url":"https://ui.ssych.com/r/flow-bars.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/flow-bars.json"},{"name":"kanban-board","title":"Kanban Board","description":"A kanban board for engineering, ops and compliance work with three columns and counts, moving a card forward in one click.","type":"registry:ui","source_url":"https://ui.ssych.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/kanban-board.json"},{"name":"morph-disclosure","title":"Morph Disclosure","description":"An expandable row that opens in place into a short sheet of summary and key facts, for product, strategy or company listings.","type":"registry:ui","source_url":"https://ui.ssych.com/r/morph-disclosure.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/morph-disclosure.json"},{"name":"positions-table","title":"Positions Table","description":"An open positions table for futures and margin trading with entry, mark, liquidation price and unrealised P&L, plus hold to close.","type":"registry:ui","source_url":"https://ui.ssych.com/r/positions-table.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/positions-table.json"},{"name":"series-spotlight","title":"Series Spotlight","description":"A multi line chart of twelve crypto assets with one highlighted at a time, for comparing coins without losing the one you track.","type":"registry:ui","source_url":"https://ui.ssych.com/r/series-spotlight.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/series-spotlight.json"},{"name":"tape-flow","title":"Order Flow","description":"An order flow chart of the last 48 trades as bars sized by volume and coloured by side, for crypto and futures trading terminals.","type":"registry:ui","source_url":"https://ui.ssych.com/r/tape-flow.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/tape-flow.json"},{"name":"view-switch","title":"View Switch","description":"A view switcher for desktop, mobile and code previews where only the selected option shows its label, for docs and component galleries.","type":"registry:ui","source_url":"https://ui.ssych.com/r/view-switch.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/view-switch.json"},{"name":"portfolio-book","title":"Portfolio Overview (paid screen)","description":"The balance-first book on one ruled grid: holdings, history and share-of-total composed from six library components, with the page composing and never editing …","type":"registry:block","source_url":"https://ui.ssych.com/r/portfolio-book.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/portfolio-book.json"},{"name":"portfolio-allocation","title":"Portfolio Allocation (paid screen)","description":"Composition first. Leads with what the book is made of and how concentrated it is, which is the analyst's first question rather than the owner's.","type":"registry:block","source_url":"https://ui.ssych.com/r/portfolio-allocation.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/portfolio-allocation.json"},{"name":"portfolio-tiers","title":"Multi-account Portfolio (paid screen)","description":"The book as four accounts rather than one balance. One pill per tier under the bar, and the pill row is a selector rather than decoration, carrying share-of-to…","type":"registry:block","source_url":"https://ui.ssych.com/r/portfolio-tiers.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/portfolio-tiers.json"},{"name":"discover-board","title":"Market Discovery (paid screen)","description":"The browsing problem, not the reporting one: filters and a trending rail for finding something you do not already hold.","type":"registry:block","source_url":"https://ui.ssych.com/r/discover-board.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/discover-board.json"},{"name":"discover-screener","title":"Token Screener (paid screen)","description":"The screener take on discovery: a dense sortable board where the row is the unit and the filters carry the state.","type":"registry:block","source_url":"https://ui.ssych.com/r/discover-screener.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/discover-screener.json"},{"name":"terminal-cex","title":"Trading Terminal (paid screen)","description":"An exchange terminal on one ruled workspace: candle chart under an interval bar, book or tape as tabs, ticket and account on the right, and a full-width positi…","type":"registry:block","source_url":"https://ui.ssych.com/r/terminal-cex.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/terminal-cex.json"},{"name":"gpu-pods","title":"GPU Marketplace (paid screen)","description":"A GPU rental marketplace's browse screen: 150 pods in a 15-column table you can sort, search and cross-read, with a filter rail whose counts are honest and a p…","type":"registry:block","source_url":"https://ui.ssych.com/r/gpu-pods.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/gpu-pods.json"},{"name":"wallet-home","title":"Crypto Wallet (paid screen)","description":"A self-custody wallet's home and coin pages in one screen: balance, four actions, every coin by share, and a coin's own chart, position and activity one click …","type":"registry:block","source_url":"https://ui.ssych.com/r/wallet-home.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/wallet-home.json"},{"name":"business-balances","title":"Business Balances (paid screen)","description":"A business account's cash across five currencies: one total in any display currency, scheduled money in and out, idle cash moved into yield, and transfers, con…","type":"registry:block","source_url":"https://ui.ssych.com/r/business-balances.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/business-balances.json"},{"name":"payout-balance","title":"Payout Balance (paid screen)","description":"A seller's balance and its ledger: available, reserved and treasury money as one split, and every payment, refund and payout in a filterable, reorderable table…","type":"registry:block","source_url":"https://ui.ssych.com/r/payout-balance.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/payout-balance.json"},{"name":"money-account","title":"Multi-currency Account (paid screen)","description":"A personal account across four currencies: the total, the month's money in and out, a balance per currency with its own account details, and send, add money an…","type":"registry:block","source_url":"https://ui.ssych.com/r/money-account.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/money-account.json"},{"name":"wealth-invest","title":"Wealth Portfolio (paid screen)","description":"A household's investments against the market: portfolio growth drawn against four benchmarks, every holding in one sortable table, and an assistant whose answe…","type":"registry:block","source_url":"https://ui.ssych.com/r/wealth-invest.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/wealth-invest.json"},{"name":"market-watchlist","title":"Market Watchlist (paid screen)","description":"A watchlist that reads as one chart: every watched coin as a line from the same open, a row per coin, and the whole market beside it in tokens, sectors and yie…","type":"registry:block","source_url":"https://ui.ssych.com/r/market-watchlist.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/market-watchlist.json"},{"name":"asset-alerts","title":"Asset and Alerts (paid screen)","description":"One asset's page with its price alerts: the day's line green above the open and red below it, the position, a swap card, and an alerts panel to search, sort, s…","type":"registry:block","source_url":"https://ui.ssych.com/r/asset-alerts.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/asset-alerts.json"},{"name":"ascii-scroll-morph","title":"ASCII Scroll Morph (paid screen)","description":"An immersive landing page with live 3D ASCII shapes that respond to the cursor and transition as you scroll. Adapt the vector artwork, copy and colours in code…","type":"registry:block","source_url":"https://ui.ssych.com/r/ascii-scroll-morph.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/ascii-scroll-morph.json"},{"name":"tradeboard-landing","title":"Trading Platform Landing (paid screen)","description":"A product landing built on one rule: one ground, one subject, one accent. Giant display headline, the product UI as the hero image, then metric cards, a bento …","type":"registry:block","source_url":"https://ui.ssych.com/r/tradeboard-landing.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/tradeboard-landing.json"},{"name":"stablecoin-landing","title":"Stablecoin Landing (paid screen)","description":"A token landing on the same structure: hero with a brand marquee, a three-card product explainer, a backers marquee and a use-modes grid. Everything structural…","type":"registry:block","source_url":"https://ui.ssych.com/r/stablecoin-landing.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/stablecoin-landing.json"},{"name":"simple-landing","title":"Developer Tools Landing (paid screen)","description":"The library's own marketing page: a near-black ground, one object per section, two-tone display type carrying the hierarchy, and every count read live from the…","type":"registry:block","source_url":"https://ui.ssych.com/r/simple-landing.json","install_command":"npx shadcn@latest add https://ui.ssych.com/r/simple-landing.json"}]},{"id":"stacklyui","name":"@stacklyui","slug":"stacklyui","description":"Animated React components — built with Tailwind CSS and Motion, installable via the shadcn CLI. Copy-paste source you own and can customize.","author":"soumyajiitt","framework":"react","license":"MIT","tags":["3d","animation","backgrounds","buttons","cards","forms","hooks","loaders","media","navigation","overlays"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://dev.stacklyui.in","github":"https://github.com/soumyajiitt/stacklyui","registry":"https://dev.stacklyui.in/r/registry.json","source":"https://dev.stacklyui.in/r/registry.json","page":"https://sh4dcn.netlify.app/registry/stacklyui","markdown":"https://sh4dcn.netlify.app/md/stacklyui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='7' fill='#231E1A'/><path d='M16 17 25 21 16 25 7 21Z' fill='#F0A94E' stroke='#231E1A' stroke-width='1' stroke-linejoin='round'/><path d='M16 11.5 25 15.5 16 19.5 7 15.5Z' fill='#EA7C3A' stroke='#231E1A' stroke-width='1' stroke-linejoin='round'/><path d='M16 6 25 10 16 14 7 10Z' fill='#E4512E' stroke='#231E1A' stroke-width='1' stroke-linejoin='round'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-09-28T10:26:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://dev.stacklyui.in/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://dev.stacklyui.in/r/registry.json","install_bun":"bunx shadcn@latest add https://dev.stacklyui.in/r/registry.json","clone":"git clone https://github.com/soumyajiitt/stacklyui.git","clone_degit":"npx degit soumyajiitt/stacklyui","registry_fetch":"curl -s https://dev.stacklyui.in/r/registry.json"},"component_count":52,"components":[{"name":"cn","title":"cn utility","description":"Class name merge helper (clsx + tailwind-merge).","type":"registry:lib","source_url":"https://dev.stacklyui.in/r/cn.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/cn.json"},{"name":"use-reduced-motion","title":"useReducedMotion","description":"Track the user's prefers-reduced-motion setting.","type":"registry:hook","source_url":"https://dev.stacklyui.in/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/use-reduced-motion.json"},{"name":"use-in-view","title":"useInView","description":"IntersectionObserver-based in-view detection.","type":"registry:hook","source_url":"https://dev.stacklyui.in/r/use-in-view.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/use-in-view.json"},{"name":"use-pointer-vars","title":"usePointerVars","description":"Write pointer position to CSS variables without re-rendering.","type":"registry:hook","source_url":"https://dev.stacklyui.in/r/use-pointer-vars.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/use-pointer-vars.json"},{"name":"aurora-background","title":"Aurora Background","description":"A full-bleed animated aurora backdrop.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/aurora-background.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/aurora-background.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"Glass card with a pointer-tracked spotlight glow.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/spotlight-card.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/spotlight-card.json"},{"name":"card-3d","title":"3D Tilt Card","description":"A card that tilts in 3D toward the cursor with a light glare.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/card-3d.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/card-3d.json"},{"name":"reveal","title":"Reveal","description":"Scroll-triggered fade + slide reveal wrapper.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/reveal.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/reveal.json"},{"name":"gradient-text","title":"Gradient Text","description":"Text painted with an animated clipped gradient.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/gradient-text.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/gradient-text.json"},{"name":"bento-grid","title":"Bento Grid","description":"Responsive bento layout with hover lift and pointer glow.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/bento-grid.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/bento-grid.json"},{"name":"animated-beam","title":"Animated Beam","description":"A traveling light beam drawn between two DOM elements.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/animated-beam.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/animated-beam.json"},{"name":"marquee","title":"Marquee","description":"Infinite GPU-driven marquee with pause-on-hover.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/marquee.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/marquee.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"A button that leans toward the cursor, with a press ripple.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/magnetic-button.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/magnetic-button.json"},{"name":"number-ticker","title":"Number Ticker","description":"Animated count-up that triggers when scrolled into view.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/number-ticker.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/number-ticker.json"},{"name":"button","title":"Button","description":"Versatile button with six variants, four sizes, and asChild.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/button.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/button.json"},{"name":"badge","title":"Badge","description":"Status/label pill with soft, solid, and semantic variants.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/badge.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/badge.json"},{"name":"input","title":"Input","description":"Text input with focus ring and invalid state.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/input.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/input.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text input matching Input.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/textarea.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/textarea.json"},{"name":"label","title":"Label","description":"Accessible form label (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/label.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/label.json"},{"name":"card","title":"Card","description":"Composable card: header, title, description, content, footer.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/card.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/card.json"},{"name":"separator","title":"Separator","description":"Thin visual divider (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/separator.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/separator.json"},{"name":"avatar","title":"Avatar","description":"Image avatar with graceful fallback (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/avatar.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/avatar.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder with a shimmer sweep.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/skeleton.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/skeleton.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox with an animated check-draw (Radix + Motion).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/checkbox.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/checkbox.json"},{"name":"switch","title":"Switch","description":"Toggle switch with a spring-eased thumb (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/switch.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/switch.json"},{"name":"radio-group","title":"Radio Group","description":"Radio group with a spring indicator (Radix + Motion).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/radio-group.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/radio-group.json"},{"name":"select","title":"Select","description":"Animated select menu (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/select.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/select.json"},{"name":"tabs","title":"Tabs","description":"Tabs with a sliding active indicator (Radix + Motion).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/tabs.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/tabs.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip with a pop-in animation (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/tooltip.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/tooltip.json"},{"name":"accordion","title":"Accordion","description":"Accordion with animated height (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/accordion.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/accordion.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog with animated overlay and content (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/dialog.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown menu with pop animation (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/dropdown-menu.json"},{"name":"alert","title":"Alert","description":"Callout banner with a signature accent rail.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/alert.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Modal confirmation for destructive actions (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/alert-dialog.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/alert-dialog.json"},{"name":"popover","title":"Popover","description":"Floating content anchored to a trigger (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/popover.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/popover.json"},{"name":"hover-card","title":"Hover Card","description":"Preview card shown on hover (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/hover-card.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/hover-card.json"},{"name":"collapsible","title":"Collapsible","description":"Show/hide a section of content (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/collapsible.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/collapsible.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Constrain content to a ratio (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/aspect-ratio.json"},{"name":"progress","title":"Progress","description":"Determinate progress bar with gradient fill (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/progress.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/progress.json"},{"name":"slider","title":"Slider","description":"Range slider with gradient track and paper thumb (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/slider.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/slider.json"},{"name":"calendar","title":"Calendar","description":"Dependency-free date picker — single/multiple/range, sliding month transitions, month & year quick-jump, full keyboard grid.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/calendar.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/calendar.json"},{"name":"toggle","title":"Toggle","description":"Two-state toggle button (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/toggle.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of toggles, single or multiple (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/toggle-group.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/toggle-group.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Path to the current page.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/breadcrumb.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/breadcrumb.json"},{"name":"kbd","title":"Kbd","description":"Keyboard-key hint with a keycap look.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/kbd.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/kbd.json"},{"name":"spinner","title":"Spinner","description":"Accessible loading spinner.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/spinner.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/spinner.json"},{"name":"sheet","title":"Sheet","description":"Edge-anchored slide-in panel (Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/sheet.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/sheet.json"},{"name":"combobox","title":"Combobox","description":"Dependency-free searchable single-select — typeahead filtering, grouping, creatable rows, ARIA combobox keyboard nav, and a portal-positioned dropdown (no Radi…","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/combobox.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/combobox.json"},{"name":"multi-select","title":"Multi Select","description":"Searchable multi-select with inline removable chips, select-all, +N-more overflow, a selection cap, grouping, and creatable tags — dependency-free (no Radix).","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/multi-select.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/multi-select.json"},{"name":"pagination","title":"Pagination","description":"Stateful pagination with ellipsis truncation, a gliding active pill (Motion layoutId), edge jumps, summary line, page jumper, and a rows-per-page picker.","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/pagination.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/pagination.json"},{"name":"date-picker","title":"Date Picker","description":"A formatted date field wired to the dependency-free Calendar in a popover — single or range, dual-month panels, presets, markers, clearable, native form suppor…","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/date-picker.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/date-picker.json"},{"name":"toast","title":"Toast","description":"Sonner-style imperative toasts — a collapsed stack that expands on hover, swipe-to-dismiss, an auto-dismiss progress bar, promise/loading states, actions, and …","type":"registry:ui","source_url":"https://dev.stacklyui.in/r/toast.json","install_command":"npx shadcn@latest add https://dev.stacklyui.in/r/toast.json"}]},{"id":"starck","name":"@starck","slug":"starck","description":"Product-proven React components from STARCK, built on shadcn with polished motion, responsive behavior, and accessible defaults.","author":"Soren-Starck","framework":"react","license":"MIT","tags":["accessibility","animation","backgrounds","blocks","buttons","cards","glassmorphism","icons","marketing","navigation","overlays","pro-available","retro"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.starck.studio","github":"https://github.com/Soren-Starck/starck-ui","registry":"https://ui.starck.studio/r/registry.json","source":"https://ui.starck.studio/r/registry.json","page":"https://sh4dcn.netlify.app/registry/starck","markdown":"https://sh4dcn.netlify.app/md/starck.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'><rect width='64' height='64' rx='18' fill='var(--foreground)'/><path d='M48 6h46v28H48v10h46v22a28 28 0 0 1-28 28H20V66h46V56H20V34A28 28 0 0 1 48 6Z' fill='var(--background)' transform='translate(6.35 9.5) scale(.45)'/></svg>","preview_image":"https://ui.starck.studio/opengraph-image?31c810344098e569","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.starck.studio/components/pricing-block"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-08T23:37:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.starck.studio/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.starck.studio/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.starck.studio/r/registry.json","clone":"git clone https://github.com/Soren-Starck/starck-ui.git","clone_degit":"npx degit Soren-Starck/starck-ui","registry_fetch":"curl -s https://ui.starck.studio/r/registry.json"},"component_count":16,"components":[{"name":"blue-cta-button","title":"Blue CTA Button","description":"The dimensional call-to-action used by SessionWatcher, with configurable color tones and macOS or Windows platform modes.","type":"registry:component","source_url":"https://ui.starck.studio/r/blue-cta-button.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/blue-cta-button.json"},{"name":"liquid-glass-navbar","title":"Liquid Glass Navbar","description":"SessionWatcher's responsive navbar with expandable or fixed width, real Chromium refraction, and a blur fallback.","type":"registry:component","source_url":"https://ui.starck.studio/r/liquid-glass-navbar.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/liquid-glass-navbar.json"},{"name":"gradient-faq","title":"Gradient FAQ","description":"An animated, crawlable FAQ accordion used by SessionWatcher and Moorline.","type":"registry:component","source_url":"https://ui.starck.studio/r/gradient-faq.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/gradient-faq.json"},{"name":"scroll-reveal","title":"Scroll Reveal","description":"Progressive reveal and stagger primitives with reduced-motion support.","type":"registry:component","source_url":"https://ui.starck.studio/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/scroll-reveal.json"},{"name":"terminal-command","title":"Terminal Command","description":"A copyable terminal command block with stable animated feedback.","type":"registry:component","source_url":"https://ui.starck.studio/r/terminal-command.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/terminal-command.json"},{"name":"macbook-mockup","title":"MacBook Mockup","description":"A responsive CSS MacBook frame with an accessible fullscreen mode.","type":"registry:component","source_url":"https://ui.starck.studio/r/macbook-mockup.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/macbook-mockup.json"},{"name":"sticky-product-cta","title":"Sticky Product CTA","description":"A compact scroll-aware product action bar.","type":"registry:component","source_url":"https://ui.starck.studio/r/sticky-product-cta.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/sticky-product-cta.json"},{"name":"social-proof","title":"Social Proof","description":"An avatar stack, rating, and trust label for product surfaces.","type":"registry:component","source_url":"https://ui.starck.studio/r/social-proof.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/social-proof.json"},{"name":"testimonials-grid","title":"Testimonials Grid","description":"A featured testimonial with quieter supporting customer stories.","type":"registry:component","source_url":"https://ui.starck.studio/r/testimonials-grid.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/testimonials-grid.json"},{"name":"whats-new-card","title":"What's New Card","description":"A focused product-update card with version and date metadata.","type":"registry:component","source_url":"https://ui.starck.studio/r/whats-new-card.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/whats-new-card.json"},{"name":"release-history-dialog","title":"Release History Dialog","description":"A responsive, accessible release-notes dialog.","type":"registry:component","source_url":"https://ui.starck.studio/r/release-history-dialog.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/release-history-dialog.json"},{"name":"single-pricing-card","title":"Single Pricing Card","description":"An opinionated single-plan pricing card for focused products.","type":"registry:component","source_url":"https://ui.starck.studio/r/single-pricing-card.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/single-pricing-card.json"},{"name":"pricing-block","title":"Pricing Block","description":"A responsive multi-plan block built from the single pricing card.","type":"registry:component","source_url":"https://ui.starck.studio/r/pricing-block.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/pricing-block.json"},{"name":"provider-orbit","title":"Provider Orbit","description":"A reduced-motion-aware orbit for integrations and providers.","type":"registry:component","source_url":"https://ui.starck.studio/r/provider-orbit.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/provider-orbit.json"},{"name":"morphing-download-icon","title":"Morphing Download Icon","description":"An Apple-to-download icon transition for Mac download actions.","type":"registry:component","source_url":"https://ui.starck.studio/r/morphing-download-icon.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/morphing-download-icon.json"},{"name":"founder-note","title":"Founder Note","description":"A personal maker's note with avatar, story, and contact links.","type":"registry:component","source_url":"https://ui.starck.studio/r/founder-note.json","install_command":"npx shadcn@latest add https://ui.starck.studio/r/founder-note.json"}]},{"id":"starseam","name":"@starseam","slug":"starseam","description":"A registry modelled on the star-riveted helmet: plates on a lacquer ground, rivets only on real seams, console/report as two materials, ink-only code highlighting, and first-class CJK typography.","author":"astroicers","framework":"react","license":"MIT","tags":["auth","blocks","buttons","cards","charts","forms","icons","loaders","media","navigation","overlays","tables","theming"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://starseam.astroicers.link","github":"https://github.com/astroicers/starseam","registry":"https://starseam.astroicers.link/r/registry.json","source":"https://starseam.astroicers.link/r/registry.json","page":"https://sh4dcn.netlify.app/registry/starseam","markdown":"https://sh4dcn.netlify.app/md/starseam.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'><circle cx='32' cy='32' r='28' stroke='var(--foreground)' stroke-opacity='.55' stroke-width='2'/><g stroke='var(--foreground)' stroke-opacity='.55' stroke-width='1.6'><path d='M32 10v14M32 40v14M10 32h14M40 32h14M16.4 16.4l9.9 9.9M37.7 37.7l9.9 9.9M47.6 16.4l-9.9 9.9M26.3 37.7l-9.9 9.9'/></g><g fill='var(--foreground)'><circle cx='32' cy='13' r='2.6'/><circle cx='51' cy='32' r='2.6'/><circle cx='32' cy='51' r='2.6'/><circle cx='13' cy='32' r='2.6'/><circle cx='45.4' cy='18.6' r='1.8'/><circle cx='45.4' cy='45.4' r='1.8'/><circle cx='18.6' cy='45.4' r='1.8'/><circle cx='18.6' cy='18.6' r='1.8'/></g><circle cx='32' cy='32' r='6' stroke='var(--foreground)' stroke-width='2.4'/><circle cx='32' cy='32' r='2.4' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-08-19T13:00:30Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://starseam.astroicers.link/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://starseam.astroicers.link/r/registry.json","install_bun":"bunx shadcn@latest add https://starseam.astroicers.link/r/registry.json","clone":"git clone https://github.com/astroicers/starseam.git","clone_degit":"npx degit astroicers/starseam","registry_fetch":"curl -s https://starseam.astroicers.link/r/registry.json"},"component_count":56,"components":[{"name":"theme","title":"starseam theme","description":"The token layer — lacquer ground, structural rivets, severity colour, the em grid, and per-language CJK font stacks. Every other item pulls this.","type":"registry:theme","source_url":"https://starseam.astroicers.link/r/theme.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/theme.json"},{"name":"plate","title":"Plate","description":"The base surface. One iron plate — no shadow, no glass.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate.json"},{"name":"seam","title":"Seam","description":"The signature: a row of rivets marking where two blocks actually join.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/seam.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/seam.json"},{"name":"lames","title":"Lames","description":"A stack of plates, each pressing onto the one below.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/lames.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/lames.json"},{"name":"label","title":"Label","description":"An instrument label — mono, small, widely tracked.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/label.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/label.json"},{"name":"value","title":"Value","description":"A readout with tabular figures and a severity state.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/value.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/value.json"},{"name":"status-dot","title":"Status dot","description":"A single rivet standing in for a status. Only critical animates.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/status-dot.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/status-dot.json"},{"name":"mark","title":"Mark","description":"Helmet plan, star chart, radar scope — one mark, three true readings.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/mark.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/mark.json"},{"name":"stat-band","title":"Stat band","description":"The instrument strip: cells divided by seam lines.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/stat-band.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/stat-band.json"},{"name":"code-tag","title":"Code tag","description":"A mono identifier — a stack item, a version, a CVE.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/code-tag.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/code-tag.json"},{"name":"code-block","title":"Code block","description":"A plate that holds source code: filename label, copy, a folding seam. Ink shades only — colour is severity, never syntax.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/code-block.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/code-block.json"},{"name":"copy-button","title":"Copy button","description":"A quiet text button that puts a value on the clipboard. The confirmation is a rivet, never lapis.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/copy-button.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/copy-button.json"},{"name":"plate-button","title":"Plate button","description":"A cut plate you can press. Square corners, hairline edge, no fill.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-button.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-button.json"},{"name":"button-group","title":"Button group","description":"Buttons riveted into one strip: one hairline frame, seams between the members.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/button-group.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/button-group.json"},{"name":"mode-switch","title":"Mode switch","description":"auto / console (夜勤) / report (日勤). Two materials, not an inversion; the selection is a rivet, never lapis.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/mode-switch.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/mode-switch.json"},{"name":"plate-input","title":"Plate input","description":"A cut plate you can write into. Focus drives the one blue rivet on the screen.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-input.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-input.json"},{"name":"plate-textarea","title":"Plate textarea","description":"The long-form plate, set on the body leading rather than the UI one.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-textarea.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-textarea.json"},{"name":"field","title":"Field","description":"Wires label, control, hint and error together. The error is the only place a field takes colour.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/field.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/field.json"},{"name":"plate-checkbox","title":"Plate checkbox","description":"A checked box is a rivet driven home — steel, not blue.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-checkbox.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-checkbox.json"},{"name":"plate-switch","title":"Plate switch","description":"The thumb is a rivet sliding along its seam.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-switch.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-switch.json"},{"name":"plate-select","title":"Plate select","description":"A list floating on the lightest cut of lacquer. Selection is marked by a rivet.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-select.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-select.json"},{"name":"plate-dialog","title":"Plate dialog","description":"A plate lifted clear of the page. Riveted seams at the header and footer joins.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-dialog.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-dialog.json"},{"name":"plate-sheet","title":"Plate sheet","description":"A panel drawn out from an edge — the one directional exception to stillness.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-sheet.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-sheet.json"},{"name":"plate-dropdown-menu","title":"Plate dropdown","description":"Menu on strong lacquer. Dividers are scored hairlines, not riveted seams.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-dropdown-menu.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-dropdown-menu.json"},{"name":"plate-tabs","title":"Plate tabs","description":"Tab strip and panel are two plates that meet, so a riveted seam runs between them.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-tabs.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-tabs.json"},{"name":"plate-table","title":"Plate table","description":"Rows as lames. Rivets only at the head/body join.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-table.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-table.json"},{"name":"alert","title":"Alert","description":"A message plate with a severity edge. The colour never stands alone — the title carries the meaning.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/alert.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/alert.json"},{"name":"badge","title":"Badge","description":"A stamped status tag: hairline border, no fill. Colour is severity, never decoration.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/badge.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/badge.json"},{"name":"kbd","title":"Kbd","description":"A key cap: a raised plate the size of a keystroke, pressed metal without a shadow.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/kbd.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/kbd.json"},{"name":"skeleton","title":"Skeleton","description":"A placeholder plate. It does not shimmer — the only permitted loop belongs to crit.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/skeleton.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/skeleton.json"},{"name":"avatar","title":"Avatar","description":"An identity plate: square, hairline seam, instrument-lettered fallback.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/avatar.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/avatar.json"},{"name":"progress","title":"Progress","description":"A determinate reading in rivet steel. No indeterminate sweep — an endless loop belongs to crit alone.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/progress.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/progress.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A path through the structure. Every junction is a real boundary, so the separators are rivets.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/breadcrumb.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Page links; the current page is a rivet and full-strength text, never lapis.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/pagination.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/pagination.json"},{"name":"plate-radio-group","title":"Plate radio group","description":"The chosen option holds a rivet driven into its centre. Selection is silver, never lapis.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-radio-group.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-radio-group.json"},{"name":"plate-slider","title":"Plate slider","description":"A setting dragged along a seam. Track, range, and thumb are steel; blue appears only as focus.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-slider.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-slider.json"},{"name":"plate-toggle","title":"Plate toggle","description":"A pressed-state button. On is a rivet and a deeper fill, never lapis.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-toggle.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-toggle.json"},{"name":"plate-accordion","title":"Plate accordion","description":"Stacked plates that open along their seams; the open item holds a rivet.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-accordion.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-accordion.json"},{"name":"plate-collapsible","title":"Plate collapsible","description":"A single section that opens along its seam — the accordion's one-item cousin.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-collapsible.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-collapsible.json"},{"name":"scroll-area","title":"Scroll area","description":"A viewport with an instrument scrollbar: hairline channel, steel thumb, no floating pill.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/scroll-area.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/scroll-area.json"},{"name":"plate-tooltip","title":"Plate tooltip","description":"An instrument annotation: the lightest plate, hairline edge, no shadow and no arrow.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-tooltip.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-tooltip.json"},{"name":"plate-popover","title":"Plate popover","description":"A small plate lifted beside its trigger. Entry and exit come from the theme.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-popover.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-popover.json"},{"name":"plate-hover-card","title":"Plate hover card","description":"A dossier plate raised on hover — the popover's read-only sibling.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-hover-card.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-hover-card.json"},{"name":"plate-alert-dialog","title":"Plate alert dialog","description":"The dialog's stricter sibling: an answer is required. Same plate, same seams.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-alert-dialog.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-alert-dialog.json"},{"name":"plate-context-menu","title":"Plate context menu","description":"The dropdown menu summoned at the pointer. Destructive actions take 緋, always with text.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-context-menu.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-context-menu.json"},{"name":"plate-menubar","title":"Plate menubar","description":"A console menu strip: instrument-lettered triggers, menus falling as dropdown plates.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-menubar.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-menubar.json"},{"name":"plate-command","title":"Plate command","description":"The console palette: type, filter, execute. The highlighted row is a rivet, never lapis.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-command.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-command.json"},{"name":"plate-calendar","title":"Plate calendar","description":"A month on the full-width grid; the selected day is a rivet driven home.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-calendar.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-calendar.json"},{"name":"plate-date-picker","title":"Plate date picker","description":"A calendar in a popover. The date lands in a hidden input — no callback required.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-date-picker.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-date-picker.json"},{"name":"plate-combobox","title":"Plate combobox","description":"A select with a filter line. Options are data, the value rides a hidden input.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-combobox.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-combobox.json"},{"name":"plate-toast","title":"Plate toast","description":"Message plates sliding in from the edge. Severity is a coloured seam plus the text itself.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-toast.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-toast.json"},{"name":"plate-input-otp","title":"Plate input OTP","description":"A code entered one plate at a time. The active slot is edged in lapis because it holds focus.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/plate-input-otp.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/plate-input-otp.json"},{"name":"highlight","title":"Highlight","description":"Server-side ink-layer highlighting: shiki with a shades-only theme wired to the mode-switching CSS variables.","type":"registry:lib","source_url":"https://starseam.astroicers.link/r/highlight.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/highlight.json"},{"name":"ledger","title":"Ledger","description":"An instrument list: labelled entries on one plate, each row cut from the next by a seam. The archetype is a logbook page.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/ledger.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/ledger.json"},{"name":"rail","title":"Rail","description":"A constellation of anchors: one vertical seam, one star per entry, the current one lit via aria-current. Structure only — docking and chrome belong to the cons…","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/rail.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/rail.json"},{"name":"glyph","title":"Glyph","description":"The glyph set: hairline instrument marks on the 24-unit grid — cut, not moulded. Monochrome, currentColor, never a severity.","type":"registry:ui","source_url":"https://starseam.astroicers.link/r/glyph.json","install_command":"npx shadcn@latest add https://starseam.astroicers.link/r/glyph.json"}]},{"id":"stealth","name":"@stealth","slug":"stealth","description":"Components that feel alive. A micro-interaction-rich React library: rich motion on every interaction, production-ready with full keyboard, screen reader and reduced-motion support.","author":null,"framework":"react","license":null,"tags":["accessibility","animation","auth","buttons","cards","editor","forms","hooks","icons","loaders","media","navigation","onboarding","overlays","pro-available"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://www.stealth.pm/ui","github":null,"registry":"https://www.stealth.pm/r/registry.json","source":"https://www.stealth.pm/r/registry.json","page":"https://sh4dcn.netlify.app/registry/stealth","markdown":"https://sh4dcn.netlify.app/md/stealth.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='7' fill='#0c0c0b'/><g transform='translate(0.52 1.77) scale(1.29)'><path d='M12 4.8 3.45 15.75 6.6 16.65 8.13 13.95 9.93 17.73 12 14.85Z' fill='#ecebe7'/><path d='M12 4.8 20.55 15.75 17.4 16.65 15.87 13.95 14.07 17.73 12 14.85Z' fill='#ecebe7' opacity='.55'/></g></svg>","preview_image":"https://stealth.pm/ui/opengraph-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.stealth.pm/ui/pricing-table"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.stealth.pm/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.stealth.pm/r/registry.json","install_bun":"bunx shadcn@latest add https://www.stealth.pm/r/registry.json","registry_fetch":"curl -s https://www.stealth.pm/r/registry.json"},"component_count":250,"components":[{"name":"cn","title":null,"description":null,"type":"registry:lib","source_url":"https://www.stealth.pm/r/cn.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/cn.json"},{"name":"icons","title":null,"description":null,"type":"registry:lib","source_url":"https://www.stealth.pm/r/icons.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/icons.json"},{"name":"motion","title":null,"description":null,"type":"registry:lib","source_url":"https://www.stealth.pm/r/motion.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/motion.json"},{"name":"use-controllable-state","title":null,"description":null,"type":"registry:lib","source_url":"https://www.stealth.pm/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/use-controllable-state.json"},{"name":"tokens","title":null,"description":null,"type":"registry:file","source_url":"https://www.stealth.pm/r/tokens.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tokens.json"},{"name":"async-button","title":"Async Button","description":"Tracks the promise it starts: busy, tick or retry, without ever changing width.","type":"registry:ui","source_url":"https://www.stealth.pm/r/async-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/async-button.json"},{"name":"button","title":"Button","description":"Four variants, three sizes, and a loading state that never changes width.","type":"registry:ui","source_url":"https://www.stealth.pm/r/button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/button.json"},{"name":"button-group","title":"Button Group","description":"Attached buttons with hairlines between and one hover wash that glides.","type":"registry:ui","source_url":"https://www.stealth.pm/r/button-group.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/button-group.json"},{"name":"copy-button","title":"Copy Button","description":"Copies on press, draws a tick, holds its width and reverts on its own.","type":"registry:ui","source_url":"https://www.stealth.pm/r/copy-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/copy-button.json"},{"name":"hold-to-confirm","title":"Hold to Confirm","description":"Press and hold to commit; the label flips color under the filling edge.","type":"registry:ui","source_url":"https://www.stealth.pm/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/hold-to-confirm.json"},{"name":"icon-button","title":"Icon Button","description":"Square button with a required label, warm tooltips and a sprung squash.","type":"registry:ui","source_url":"https://www.stealth.pm/r/icon-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/icon-button.json"},{"name":"like-button","title":"Like Button","description":"Optimistic like with a squash-and-stretch heart, rolling count and honest rollback.","type":"registry:ui","source_url":"https://www.stealth.pm/r/like-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/like-button.json"},{"name":"speed-dial","title":"Speed Dial","description":"A floating button that fans out labeled actions, nearest first, on a spring.","type":"registry:ui","source_url":"https://www.stealth.pm/r/speed-dial.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/speed-dial.json"},{"name":"split-button","title":"Split Button","description":"Main action plus a chevron menu; the choice can become the main action.","type":"registry:ui","source_url":"https://www.stealth.pm/r/split-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/split-button.json"},{"name":"toggle-button","title":"Toggle Button","description":"Stays on with aria-pressed, and its icon morphs: fills, pins, mutes.","type":"registry:ui","source_url":"https://www.stealth.pm/r/toggle-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/toggle-button.json"},{"name":"toggle-group","title":"Toggle Group","description":"Single or multiple toggles; one wash slides, neighboring washes join.","type":"registry:ui","source_url":"https://www.stealth.pm/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/toggle-group.json"},{"name":"two-step-confirm","title":"Two-step Confirm","description":"Asks once in place, springs to fit the question, then quietly takes it back.","type":"registry:ui","source_url":"https://www.stealth.pm/r/two-step-confirm.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/two-step-confirm.json"},{"name":"floating-label","title":"Floating Label Field","description":"Label rests inside as the placeholder and floats up on focus, value or autofill.","type":"registry:ui","source_url":"https://www.stealth.pm/r/floating-label.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/floating-label.json"},{"name":"inline-edit","title":"Inline Edit","description":"Text that becomes an input in place, saves optimistically, then draws a tick.","type":"registry:ui","source_url":"https://www.stealth.pm/r/inline-edit.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/inline-edit.json"},{"name":"input","title":"Input","description":"Text field with prefix and suffix slots, a clear that fades in, and Field-aware invalid state.","type":"registry:ui","source_url":"https://www.stealth.pm/r/input.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/input.json"},{"name":"masked-input","title":"Masked Input","description":"Formats cards, phones, dates and money as you type, caret held in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/masked-input.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/masked-input.json"},{"name":"mention-input","title":"Mention Input","description":"A textarea where @ suggests people at the caret and names become tokens.","type":"registry:ui","source_url":"https://www.stealth.pm/r/mention-input.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/mention-input.json"},{"name":"number-field","title":"Number Field","description":"Steppers you can hold, a label you can drag, digits that roll into place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/number-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/number-field.json"},{"name":"otp-field","title":"OTP Field","description":"Six cells that take paste and autofill, ripple while checking, clear on failure.","type":"registry:ui","source_url":"https://www.stealth.pm/r/otp-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/otp-field.json"},{"name":"password-field","title":"Password Field","description":"Reveals with an eye that slashes itself, keeps the caret, warns on Caps Lock.","type":"registry:ui","source_url":"https://www.stealth.pm/r/password-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/password-field.json"},{"name":"password-strength","title":"Password Strength","description":"Four bars that fill in order, a checklist that ticks, a settled announcement.","type":"registry:ui","source_url":"https://www.stealth.pm/r/password-strength.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/password-strength.json"},{"name":"search-field","title":"Search Field","description":"Search box whose shortcut hint turns into a clear, with a patient spinner.","type":"registry:ui","source_url":"https://www.stealth.pm/r/search-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/search-field.json"},{"name":"tag-input","title":"Tag Input","description":"Chips from Enter, comma or paste; duplicates flash the one already there.","type":"registry:ui","source_url":"https://www.stealth.pm/r/tag-input.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tag-input.json"},{"name":"textarea","title":"Textarea","description":"Grows with its text between row limits, counts near the limit, sends on ⌘↵.","type":"registry:ui","source_url":"https://www.stealth.pm/r/textarea.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/textarea.json"},{"name":"checkbox","title":"Checkbox","description":"Draws its tick, bends it into a dash when mixed, squashes on press.","type":"registry:ui","source_url":"https://www.stealth.pm/r/checkbox.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/checkbox.json"},{"name":"checkbox-card","title":"Checkbox Card","description":"Selectable cards whose corner check pops in, with a select-all that counts.","type":"registry:ui","source_url":"https://www.stealth.pm/r/checkbox-card.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/checkbox-card.json"},{"name":"checklist","title":"Checklist","description":"Tasks that strike through, then glide into Completed, with a rolling count.","type":"registry:ui","source_url":"https://www.stealth.pm/r/checklist.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/checklist.json"},{"name":"choice-chips","title":"Choice Chips","description":"Filter chips whose check grows the chip open, with rolling counts and clear.","type":"registry:ui","source_url":"https://www.stealth.pm/r/choice-chips.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/choice-chips.json"},{"name":"color-swatches","title":"Color Swatches","description":"Swatch radio group with a ring that grows out and a contrast-aware check.","type":"registry:ui","source_url":"https://www.stealth.pm/r/color-swatches.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/color-swatches.json"},{"name":"radio-card","title":"Radio Cards","description":"Plan-style cards where one selection ring slides to whichever you choose.","type":"registry:ui","source_url":"https://www.stealth.pm/r/radio-card.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/radio-card.json"},{"name":"radio-group","title":"Radio Group","description":"One choice from a few, with a dot that springs in and arrow-key roving.","type":"registry:ui","source_url":"https://www.stealth.pm/r/radio-group.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/radio-group.json"},{"name":"rating","title":"Rating","description":"Star rating with hover preview, half steps, scrubbing and a pop on commit.","type":"registry:ui","source_url":"https://www.stealth.pm/r/rating.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/rating.json"},{"name":"segmented-control","title":"Segmented Control","description":"One pill that springs between segments, with radio semantics and arrow keys.","type":"registry:ui","source_url":"https://www.stealth.pm/r/segmented-control.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/segmented-control.json"},{"name":"switch","title":"Switch","description":"Sprung thumb that stretches while held, and waits on async saves in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/switch.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/switch.json"},{"name":"thumbs-feedback","title":"Thumbs Feedback","description":"Helpful or not, with reasons on a thumbs down and a drawn thanks.","type":"registry:ui","source_url":"https://www.stealth.pm/r/thumbs-feedback.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/thumbs-feedback.json"},{"name":"detent-slider","title":"Detent Slider","description":"Named stops you can feel: resists near each one, springs into place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/detent-slider.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/detent-slider.json"},{"name":"dial","title":"Dial","description":"Rotary knob with drag, wheel and keys, a bipolar arc and rolling readout.","type":"registry:ui","source_url":"https://www.stealth.pm/r/dial.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/dial.json"},{"name":"histogram-range","title":"Histogram Range","description":"Price filter whose bars light up exactly between the thumbs as they move.","type":"registry:ui","source_url":"https://www.stealth.pm/r/histogram-range.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/histogram-range.json"},{"name":"media-scrubber","title":"Media Scrubber","description":"Seek bar with chapters, buffered ranges and a time tip that tracks the pointer.","type":"registry:ui","source_url":"https://www.stealth.pm/r/media-scrubber.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/media-scrubber.json"},{"name":"range-slider","title":"Range Slider","description":"Two thumbs whose labels merge when close, synced with typed min and max.","type":"registry:ui","source_url":"https://www.stealth.pm/r/range-slider.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/range-slider.json"},{"name":"slider","title":"Slider","description":"Thumb swells on grab, value rides above it, pressed track glides.","type":"registry:ui","source_url":"https://www.stealth.pm/r/slider.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/slider.json"},{"name":"volume-control","title":"Volume Control","description":"Speaker waves follow the level; mute remembers, wheel nudges, popover tucks away.","type":"registry:ui","source_url":"https://www.stealth.pm/r/volume-control.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/volume-control.json"},{"name":"zoom-control","title":"Zoom Control","description":"Minus, rolling percentage and plus, with a type-or-pick menu and pinch zoom.","type":"registry:ui","source_url":"https://www.stealth.pm/r/zoom-control.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/zoom-control.json"},{"name":"async-combobox","title":"Async Combobox","description":"Remote search that debounces, aborts stale requests and never jolts the list.","type":"registry:ui","source_url":"https://www.stealth.pm/r/async-combobox.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/async-combobox.json"},{"name":"cascader","title":"Cascader","description":"Nested columns that grow in beside each other, with search across every path.","type":"registry:ui","source_url":"https://www.stealth.pm/r/cascader.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/cascader.json"},{"name":"color-picker","title":"Color Picker","description":"Drag, type or sample a color; hue survives grays and recents remember.","type":"registry:ui","source_url":"https://www.stealth.pm/r/color-picker.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/color-picker.json"},{"name":"combobox","title":"Combobox","description":"Filters as you type, sets the matched run in bold and creates what’s missing.","type":"registry:ui","source_url":"https://www.stealth.pm/r/combobox.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/combobox.json"},{"name":"emoji-picker","title":"Emoji Picker","description":"Search-first emoji grid with arrow keys, skin tones and categories that follow the scroll.","type":"registry:ui","source_url":"https://www.stealth.pm/r/emoji-picker.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/emoji-picker.json"},{"name":"listbox","title":"Listbox","description":"An inline list where the choice slides between rows and picks merge into blocks.","type":"registry:ui","source_url":"https://www.stealth.pm/r/listbox.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/listbox.json"},{"name":"multi-select","title":"Multi Select","description":"Chips that fit the field with a rolling +N, search, select all and clear.","type":"registry:ui","source_url":"https://www.stealth.pm/r/multi-select.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/multi-select.json"},{"name":"phone-field","title":"Phone Field","description":"Formats as you type for the chosen country, and reads it from pasted numbers.","type":"registry:ui","source_url":"https://www.stealth.pm/r/phone-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/phone-field.json"},{"name":"select","title":"Select","description":"Opens over its trigger with the choice aligned, and the new value slides in from where it was picked.","type":"registry:ui","source_url":"https://www.stealth.pm/r/select.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/select.json"},{"name":"transfer-list","title":"Transfer List","description":"Two filterable lists where checked rows fly across and land highlighted.","type":"registry:ui","source_url":"https://www.stealth.pm/r/transfer-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/transfer-list.json"},{"name":"calendar","title":"Calendar","description":"Locale-true month grid that slides the way you travel and sweeps ranges in.","type":"registry:ui","source_url":"https://www.stealth.pm/r/calendar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/calendar.json"},{"name":"countdown","title":"Countdown","description":"Rolling-digit countdown that sleeps off screen and lands in an ended state.","type":"registry:ui","source_url":"https://www.stealth.pm/r/countdown.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/countdown.json"},{"name":"date-field","title":"Date Field","description":"Typed date in the locale's order, with stepping digits and plain-word errors.","type":"registry:ui","source_url":"https://www.stealth.pm/r/date-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/date-field.json"},{"name":"date-picker","title":"Date Picker","description":"Type “next fri” or pick from the calendar; it reads back before committing.","type":"registry:ui","source_url":"https://www.stealth.pm/r/date-picker.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/date-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Two months, presets that sweep the range in, and a draft until Apply.","type":"registry:ui","source_url":"https://www.stealth.pm/r/date-range-picker.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/date-range-picker.json"},{"name":"relative-time","title":"Relative Time","description":"“3 minutes ago” that wakes only when its words change, digits rolling.","type":"registry:ui","source_url":"https://www.stealth.pm/r/relative-time.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/relative-time.json"},{"name":"time-picker","title":"Time Picker","description":"Segmented time field in the locale's order, with rolling digits and a slot list.","type":"registry:ui","source_url":"https://www.stealth.pm/r/time-picker.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/time-picker.json"},{"name":"week-strip","title":"Week Strip","description":"Phone-style day selector with a sprung pill, swipeable weeks and event dots.","type":"registry:ui","source_url":"https://www.stealth.pm/r/week-strip.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/week-strip.json"},{"name":"agenda","title":"Agenda","description":"Upcoming events by day with a Now line and a Join that counts down.","type":"registry:ui","source_url":"https://www.stealth.pm/r/agenda.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/agenda.json"},{"name":"availability-editor","title":"Availability Editor","description":"Weekly hours with split shifts, copy to other days and overlap checks.","type":"registry:ui","source_url":"https://www.stealth.pm/r/availability-editor.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/availability-editor.json"},{"name":"booking-slots","title":"Booking Slots","description":"Pick a day, then a time that splits in place to reveal Confirm.","type":"registry:ui","source_url":"https://www.stealth.pm/r/booking-slots.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/booking-slots.json"},{"name":"event-calendar","title":"Event Calendar","description":"Month view that packs multi-day bars and chips into lanes, overflowing into a day list.","type":"registry:ui","source_url":"https://www.stealth.pm/r/event-calendar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/event-calendar.json"},{"name":"timezone-select","title":"Timezone Select","description":"Every IANA zone with live local time, searchable by city, name or offset.","type":"registry:ui","source_url":"https://www.stealth.pm/r/timezone-select.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/timezone-select.json"},{"name":"week-grid","title":"Week Grid","description":"Time grid where overlaps sit side by side and you drag to create, move or resize.","type":"registry:ui","source_url":"https://www.stealth.pm/r/week-grid.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/week-grid.json"},{"name":"autosave-status","title":"Autosave Status","description":"Saving, saved, offline and failed states in one pill that springs to fit.","type":"registry:ui","source_url":"https://www.stealth.pm/r/autosave-status.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/autosave-status.json"},{"name":"avatar-upload","title":"Avatar Upload","description":"Pick, crop and zoom a photo, then watch a ring close around it.","type":"registry:ui","source_url":"https://www.stealth.pm/r/avatar-upload.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/avatar-upload.json"},{"name":"char-limit-ring","title":"Character Limit Ring","description":"A tiny ring that fills as you type, then counts down and over.","type":"registry:ui","source_url":"https://www.stealth.pm/r/char-limit-ring.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/char-limit-ring.json"},{"name":"dropzone","title":"Dropzone","description":"Lights up when files cross the window, seals its dashes, names every rejection.","type":"registry:ui","source_url":"https://www.stealth.pm/r/dropzone.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/dropzone.json"},{"name":"error-summary","title":"Error Summary","description":"Lists every problem on submit, links to each field, and thins out as you fix.","type":"registry:ui","source_url":"https://www.stealth.pm/r/error-summary.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/error-summary.json"},{"name":"field","title":"Field","description":"Label, control, hint and error that speak up on blur, not on every keystroke.","type":"registry:ui","source_url":"https://www.stealth.pm/r/field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/field.json"},{"name":"inline-validation","title":"Inline Validation","description":"Async checks that spin, then draw a tick or strike a cross, without flicker.","type":"registry:ui","source_url":"https://www.stealth.pm/r/inline-validation.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/inline-validation.json"},{"name":"multi-step-form","title":"Multi-step Form","description":"Steps slide the way you travel, validate one at a time, and keep every answer.","type":"registry:ui","source_url":"https://www.stealth.pm/r/multi-step-form.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/multi-step-form.json"},{"name":"save-bar","title":"Save Bar","description":"Rises when a form is dirty, nudges before you leave, ticks once saved.","type":"registry:ui","source_url":"https://www.stealth.pm/r/save-bar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/save-bar.json"},{"name":"signature-pad","title":"Signature Pad","description":"Smooth, speed-weighted ink with undo, a typed alternative and trimmed PNG/SVG export.","type":"registry:ui","source_url":"https://www.stealth.pm/r/signature-pad.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/signature-pad.json"},{"name":"upload-list","title":"Upload List","description":"Per-file progress with smoothed speed and time left, retry, and a tick on finish.","type":"registry:ui","source_url":"https://www.stealth.pm/r/upload-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/upload-list.json"},{"name":"empty-state","title":"Empty State","description":"One line, one reason, one action, with an icon that draws itself in.","type":"registry:ui","source_url":"https://www.stealth.pm/r/empty-state.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/empty-state.json"},{"name":"error-state","title":"Error State","description":"Says what failed and what to do, retries in place, counts every attempt.","type":"registry:ui","source_url":"https://www.stealth.pm/r/error-state.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/error-state.json"},{"name":"infinite-list","title":"Infinite List","description":"A scrolling feed that prefetches pages under skeletons and recovers from failures.","type":"registry:ui","source_url":"https://www.stealth.pm/r/infinite-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/infinite-list.json"},{"name":"load-more","title":"Load More","description":"Appends the next page with a stagger, moves focus and never jumps.","type":"registry:ui","source_url":"https://www.stealth.pm/r/load-more.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/load-more.json"},{"name":"progress-bar","title":"Progress Bar","description":"Rolling percentage, buffer, stepped segments and a tick that draws on completion.","type":"registry:ui","source_url":"https://www.stealth.pm/r/progress-bar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/progress-bar.json"},{"name":"progress-ring","title":"Progress Ring","description":"Circular progress with a rolling percentage that closes into a drawn tick.","type":"registry:ui","source_url":"https://www.stealth.pm/r/progress-ring.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/progress-ring.json"},{"name":"pull-to-refresh","title":"Pull to Refresh","description":"Rubber-band pull with a filling ring, a flipping arrow and a sprung return.","type":"registry:ui","source_url":"https://www.stealth.pm/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/pull-to-refresh.json"},{"name":"skeleton","title":"Skeleton","description":"Bones sized to your text’s line box, lit by one shared slow sweep.","type":"registry:ui","source_url":"https://www.stealth.pm/r/skeleton.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/skeleton.json"},{"name":"skeleton-swap","title":"Skeleton Swap","description":"Skeleton to content with a 4px settle and clearing blur, never a flash.","type":"registry:ui","source_url":"https://www.stealth.pm/r/skeleton-swap.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/skeleton-swap.json"},{"name":"spinner","title":"Spinner","description":"Arc, dots and pixel-grid spinners drawn on the icon grid, so they swap for icons.","type":"registry:ui","source_url":"https://www.stealth.pm/r/spinner.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/spinner.json"},{"name":"task-steps","title":"Task Steps","description":"Stages of a long job with live timers, drawn checks and a filling rail.","type":"registry:ui","source_url":"https://www.stealth.pm/r/task-steps.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/task-steps.json"},{"name":"top-loader","title":"Top Loader","description":"A thin page bar that trickles, finishes fast and fades; skips fast loads.","type":"registry:ui","source_url":"https://www.stealth.pm/r/top-loader.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/top-loader.json"},{"name":"announcement-bar","title":"Announcement Bar","description":"Slim top bar that rotates messages, holds while read and can be paused.","type":"registry:ui","source_url":"https://www.stealth.pm/r/announcement-bar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/announcement-bar.json"},{"name":"banner","title":"Banner","description":"Region-wide notice that collapses smoothly when dismissed and can remember it.","type":"registry:ui","source_url":"https://www.stealth.pm/r/banner.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/banner.json"},{"name":"callout","title":"Callout","description":"Inline note, tip, warning or danger block with details that unfold in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/callout.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/callout.json"},{"name":"connection-status","title":"Connection Status","description":"Offline, reconnecting and back-online in one pill that morphs between them.","type":"registry:ui","source_url":"https://www.stealth.pm/r/connection-status.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/connection-status.json"},{"name":"cookie-consent","title":"Cookie Consent","description":"Compact consent card with equal choices and categories that unfold in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/cookie-consent.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/cookie-consent.json"},{"name":"count-badge","title":"Count Badge","description":"A count that rolls its digits, pops when it rises and caps at 99+.","type":"registry:ui","source_url":"https://www.stealth.pm/r/count-badge.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/count-badge.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A live-activity pill that springs open into controls and morphs between activities.","type":"registry:ui","source_url":"https://www.stealth.pm/r/dynamic-island.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/dynamic-island.json"},{"name":"new-items-pill","title":"New Items Pill","description":"Holds new feed items behind a rolling count until the reader asks for them.","type":"registry:ui","source_url":"https://www.stealth.pm/r/new-items-pill.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/new-items-pill.json"},{"name":"notification-inbox","title":"Notification Inbox","description":"A bell that rings on arrival and opens a grouped, keyboard-driven inbox with undo.","type":"registry:ui","source_url":"https://www.stealth.pm/r/notification-inbox.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/notification-inbox.json"},{"name":"promise-toast","title":"Promise Toast","description":"One toast follows async work: spinner, live progress, then a tick drawn in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/promise-toast.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/promise-toast.json"},{"name":"status-dot","title":"Status Dot","description":"Presence dot whose shape morphs between states, so color is never the only signal.","type":"registry:ui","source_url":"https://www.stealth.pm/r/status-dot.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/status-dot.json"},{"name":"toast","title":"Toast","description":"Stacked toasts that fan out on hover, swipe away and update in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/toast.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/toast.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Destructive confirm that holds open while it works and explains failures in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/alert-dialog.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"Drag between peek, half and full; the list scrolls only once it's open.","type":"registry:ui","source_url":"https://www.stealth.pm/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/bottom-sheet.json"},{"name":"dialog","title":"Dialog","description":"Rises from .97 on the expo curve, scrolls inside with edge hairlines, nudges when refused.","type":"registry:ui","source_url":"https://www.stealth.pm/r/dialog.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/dialog.json"},{"name":"hover-card","title":"Hover Card","description":"Profile and link previews that prefetch on intent and draw the wait.","type":"registry:ui","source_url":"https://www.stealth.pm/r/hover-card.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/hover-card.json"},{"name":"morph-dialog","title":"Morph Dialog","description":"A card that opens into its dialog and folds back into the grid.","type":"registry:ui","source_url":"https://www.stealth.pm/r/morph-dialog.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/morph-dialog.json"},{"name":"morph-popover","title":"Morph Popover","description":"A button that grows into its own form and folds back into a tick.","type":"registry:ui","source_url":"https://www.stealth.pm/r/morph-popover.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/morph-popover.json"},{"name":"popover","title":"Popover","description":"Grows out of its trigger along a seamless arrow, flips at edges, opens on hover.","type":"registry:ui","source_url":"https://www.stealth.pm/r/popover.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/popover.json"},{"name":"sheet","title":"Sheet","description":"Side panel on the drawer curve that swipes away and resizes with give.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sheet.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sheet.json"},{"name":"stacked-dialog","title":"Stacked Dialog","description":"Each dialog opened from another pushes it back, dimmed, with a way back.","type":"registry:ui","source_url":"https://www.stealth.pm/r/stacked-dialog.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/stacked-dialog.json"},{"name":"action-sheet","title":"Action Sheet","description":"Rises from the bottom, swipes away, and holds for slow actions.","type":"registry:ui","source_url":"https://www.stealth.pm/r/action-sheet.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/action-sheet.json"},{"name":"context-menu","title":"Context Menu","description":"Opens at the pointer on right-click, long-press or Shift+F10.","type":"registry:ui","source_url":"https://www.stealth.pm/r/context-menu.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/context-menu.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Grows from its trigger, with one highlight that glides after the pointer.","type":"registry:ui","source_url":"https://www.stealth.pm/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/dropdown-menu.json"},{"name":"menubar","title":"Menubar","description":"File, Edit, View menus with one pill that slides between them.","type":"registry:ui","source_url":"https://www.stealth.pm/r/menubar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/menubar.json"},{"name":"overflow-menu","title":"Overflow Menu","description":"Folds the least important controls into More as it narrows, by priority.","type":"registry:ui","source_url":"https://www.stealth.pm/r/overflow-menu.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/overflow-menu.json"},{"name":"popconfirm","title":"Popconfirm","description":"Asks where you pressed, starts on Cancel, and waits out async confirms.","type":"registry:ui","source_url":"https://www.stealth.pm/r/popconfirm.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/popconfirm.json"},{"name":"row-actions","title":"Row Actions","description":"Quick actions slide in over the row's meta, the rest wait in a menu.","type":"registry:ui","source_url":"https://www.stealth.pm/r/row-actions.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/row-actions.json"},{"name":"selection-toolbar","title":"Selection Toolbar","description":"Rises over selected text, glides as it changes, and morphs into a link field.","type":"registry:ui","source_url":"https://www.stealth.pm/r/selection-toolbar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/selection-toolbar.json"},{"name":"tooltip","title":"Tooltip","description":"Waits once, then answers neighbors instantly, or glides one tooltip along a toolbar.","type":"registry:ui","source_url":"https://www.stealth.pm/r/tooltip.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tooltip.json"},{"name":"active-filters","title":"Active Filters","description":"Applied filters as removable chips that close ranks, fold to +N and undo.","type":"registry:ui","source_url":"https://www.stealth.pm/r/active-filters.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/active-filters.json"},{"name":"command-pages","title":"Command Pages","description":"Palette pages that slide in, land on the current choice and remember the way back.","type":"registry:ui","source_url":"https://www.stealth.pm/r/command-pages.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/command-pages.json"},{"name":"command-palette","title":"Command Palette","description":"⌘K opens it on the same frame, ranks matches and runs async commands in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/command-palette.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/command-palette.json"},{"name":"faceted-filter","title":"Faceted Filter","description":"A filter button whose searchable popover ticks values, counts roll, chips collapse to +N.","type":"registry:ui","source_url":"https://www.stealth.pm/r/faceted-filter.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/faceted-filter.json"},{"name":"filter-builder","title":"Filter Builder","description":"Filters written as sentences, each word a dropdown, with an all-or-any switch.","type":"registry:ui","source_url":"https://www.stealth.pm/r/filter-builder.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/filter-builder.json"},{"name":"highlight-match","title":"Highlight Match","description":"Marks what matched in search results, accent-blind, with fuzzy mode and snippets.","type":"registry:ui","source_url":"https://www.stealth.pm/r/highlight-match.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/highlight-match.json"},{"name":"kbd","title":"Kbd","description":"Keys written for the reader's platform that press down with the real ones.","type":"registry:ui","source_url":"https://www.stealth.pm/r/kbd.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/kbd.json"},{"name":"scoped-search","title":"Scoped Search","description":"A search field where from: and in: become tokens with value suggestions.","type":"registry:ui","source_url":"https://www.stealth.pm/r/scoped-search.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/scoped-search.json"},{"name":"search-dialog","title":"Search Dialog","description":"Async search with filter counts that roll, a live preview and stale-safe loading.","type":"registry:ui","source_url":"https://www.stealth.pm/r/search-dialog.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/search-dialog.json"},{"name":"shortcuts-sheet","title":"Shortcuts Sheet","description":"Press ? for every shortcut; press any shortcut and its row lights up.","type":"registry:ui","source_url":"https://www.stealth.pm/r/shortcuts-sheet.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/shortcuts-sheet.json"},{"name":"animated-link","title":"Animated Link","description":"Inline link whose underline draws in, retracts ahead and rewinds when interrupted.","type":"registry:ui","source_url":"https://www.stealth.pm/r/animated-link.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/animated-link.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"A trail that folds its middle into a menu to fit its width.","type":"registry:ui","source_url":"https://www.stealth.pm/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/breadcrumbs.json"},{"name":"page-dots","title":"Page Dots","description":"Carousel dots whose active pill stretches, fills with autoplay time and scrolls when long.","type":"registry:ui","source_url":"https://www.stealth.pm/r/page-dots.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/page-dots.json"},{"name":"pagination","title":"Pagination","description":"Numbered pages with a sliding pill, a rolling range and a steady width.","type":"registry:ui","source_url":"https://www.stealth.pm/r/pagination.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/pagination.json"},{"name":"stepper","title":"Stepper","description":"Wizard steps whose numbers draw into ticks as the rail fills.","type":"registry:ui","source_url":"https://www.stealth.pm/r/stepper.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/stepper.json"},{"name":"sub-nav","title":"Sub Nav","description":"Scrolling link strip with a gliding hover pill, edge fades and arrows.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sub-nav.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sub-nav.json"},{"name":"tabs","title":"Tabs","description":"Sliding underline or pill, panels that crossfade and glide to height.","type":"registry:ui","source_url":"https://www.stealth.pm/r/tabs.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tabs.json"},{"name":"toc","title":"Table of Contents","description":"Scroll-spy contents whose rail steps with nesting and fills as you read.","type":"registry:ui","source_url":"https://www.stealth.pm/r/toc.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/toc.json"},{"name":"tree-view","title":"Tree View","description":"A file tree that opens by height, lights its branch and types ahead.","type":"registry:ui","source_url":"https://www.stealth.pm/r/tree-view.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tree-view.json"},{"name":"vertical-tabs","title":"Vertical Tabs","description":"Settings-style side list with a gliding highlight that folds into a select.","type":"registry:ui","source_url":"https://www.stealth.pm/r/vertical-tabs.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/vertical-tabs.json"},{"name":"icon-rail","title":"Icon Rail","description":"Sidebar that folds to icons in place, with tooltips only when narrow.","type":"registry:ui","source_url":"https://www.stealth.pm/r/icon-rail.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/icon-rail.json"},{"name":"mega-menu","title":"Mega Menu","description":"Site menu with one panel that morphs between triggers and slides content.","type":"registry:ui","source_url":"https://www.stealth.pm/r/mega-menu.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/mega-menu.json"},{"name":"mobile-menu","title":"Mobile Menu","description":"Phone menu whose burger turns into the close, with sections that drill in.","type":"registry:ui","source_url":"https://www.stealth.pm/r/mobile-menu.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/mobile-menu.json"},{"name":"navbar","title":"Navbar","description":"Top bar that compacts on scroll while a pill follows the pointer home.","type":"registry:ui","source_url":"https://www.stealth.pm/r/navbar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/navbar.json"},{"name":"path-switcher","title":"Path Switcher","description":"Team / project breadcrumb where every step is a searchable switcher that eases.","type":"registry:ui","source_url":"https://www.stealth.pm/r/path-switcher.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/path-switcher.json"},{"name":"resizable-panels","title":"Resizable Panels","description":"Split panes that drag, resist at their limits and spring shut on double-click.","type":"registry:ui","source_url":"https://www.stealth.pm/r/resizable-panels.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/resizable-panels.json"},{"name":"sidebar","title":"Sidebar","description":"App sidebar whose active pill springs between rows and whose counts roll.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sidebar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sidebar.json"},{"name":"tab-bar","title":"Tab Bar","description":"Phone bottom navigation whose icons fill when active, with rolling badge counts.","type":"registry:ui","source_url":"https://www.stealth.pm/r/tab-bar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tab-bar.json"},{"name":"user-menu","title":"User Menu","description":"Avatar menu with presence, a sliding theme control and a sign-out that waits.","type":"registry:ui","source_url":"https://www.stealth.pm/r/user-menu.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/user-menu.json"},{"name":"workspace-switcher","title":"Workspace Switcher","description":"Searchable workspace menu with number shortcuts, pending switches and a rolling trigger.","type":"registry:ui","source_url":"https://www.stealth.pm/r/workspace-switcher.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/workspace-switcher.json"},{"name":"accordion","title":"Accordion","description":"Stacked sections that grow to fit, with answers find-in-page can still reach.","type":"registry:ui","source_url":"https://www.stealth.pm/r/accordion.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"One section that folds away, plus a Show 3 more list that cascades in.","type":"registry:ui","source_url":"https://www.stealth.pm/r/collapsible.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/collapsible.json"},{"name":"expandable-card","title":"Expandable Card","description":"Cards that open in place to show details while the others make room.","type":"registry:ui","source_url":"https://www.stealth.pm/r/expandable-card.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/expandable-card.json"},{"name":"interactive-card","title":"Interactive Card","description":"The whole card is one link, while buttons inside still get their own clicks.","type":"registry:ui","source_url":"https://www.stealth.pm/r/interactive-card.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/interactive-card.json"},{"name":"scroll-area","title":"Scroll Area","description":"Native scrolling with thin overlay bars and edges that fade in as you scroll.","type":"registry:ui","source_url":"https://www.stealth.pm/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/scroll-area.json"},{"name":"show-more","title":"Show More","description":"Clamps long text with a fading last line, offering more only when it overflows.","type":"registry:ui","source_url":"https://www.stealth.pm/r/show-more.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/show-more.json"},{"name":"back-to-top","title":"Back to Top","description":"Arrives after a screen, rings with progress, and hands focus back at the top.","type":"registry:ui","source_url":"https://www.stealth.pm/r/back-to-top.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/back-to-top.json"},{"name":"hide-on-scroll","title":"Hide on Scroll","description":"Steps aside while you read down, returns on a deliberate scroll up.","type":"registry:ui","source_url":"https://www.stealth.pm/r/hide-on-scroll.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/hide-on-scroll.json"},{"name":"overflow-scroller","title":"Overflow Scroller","description":"A horizontal row whose edge fades and arrows appear only where content hides.","type":"registry:ui","source_url":"https://www.stealth.pm/r/overflow-scroller.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/overflow-scroller.json"},{"name":"reading-progress","title":"Reading Progress","description":"Tracks the article, not the page, and counts the minutes down.","type":"registry:ui","source_url":"https://www.stealth.pm/r/reading-progress.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/reading-progress.json"},{"name":"scroll-reveal","title":"Scroll Reveal","description":"Reveals children once as they scroll in, with a capped stagger that never replays.","type":"registry:ui","source_url":"https://www.stealth.pm/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/scroll-reveal.json"},{"name":"scroll-shadow","title":"Scroll Shadow","description":"Shades only the edges with more to scroll, tied to the scroll itself.","type":"registry:ui","source_url":"https://www.stealth.pm/r/scroll-shadow.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/scroll-shadow.json"},{"name":"snap-carousel","title":"Snap Carousel","description":"Native scroll-snap carousel with sprung paging, mouse drag and dots that follow the scroll.","type":"registry:ui","source_url":"https://www.stealth.pm/r/snap-carousel.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/snap-carousel.json"},{"name":"stacking-cards","title":"Stacking Cards","description":"Cards that stick and stack as you scroll, the ones behind shrinking and dimming.","type":"registry:ui","source_url":"https://www.stealth.pm/r/stacking-cards.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/stacking-cards.json"},{"name":"sticky-header","title":"Sticky Header","description":"Invisible at rest, gains its edge and blur once content slides beneath.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sticky-header.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sticky-header.json"},{"name":"virtual-list","title":"Virtual List","description":"A windowed listbox for 10,000 rows with measured heights and sticky group headers.","type":"registry:ui","source_url":"https://www.stealth.pm/r/virtual-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/virtual-list.json"},{"name":"column-manager","title":"Column Manager","description":"Show, hide and drag columns into order while the table rearranges live.","type":"registry:ui","source_url":"https://www.stealth.pm/r/column-manager.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/column-manager.json"},{"name":"editable-cells","title":"Editable Cells","description":"Spreadsheet cells that edit in place, validate per cell and flash when saved.","type":"registry:ui","source_url":"https://www.stealth.pm/r/editable-cells.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/editable-cells.json"},{"name":"expandable-rows","title":"Expandable Rows","description":"Rows open a detail panel that grows from beneath them and scrolls itself into view.","type":"registry:ui","source_url":"https://www.stealth.pm/r/expandable-rows.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/expandable-rows.json"},{"name":"filter-grid","title":"Filter Grid","description":"Card grid filtered by chips and search that reflows instead of reshuffling.","type":"registry:ui","source_url":"https://www.stealth.pm/r/filter-grid.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/filter-grid.json"},{"name":"key-value-list","title":"Key-Value List","description":"Details-panel pairs with copy, in-place edit and a wash that marks what changed.","type":"registry:ui","source_url":"https://www.stealth.pm/r/key-value-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/key-value-list.json"},{"name":"row-selection","title":"Row Selection","description":"Shift-click ranges that tick in sequence, and a bulk bar that rises with a rolling count.","type":"registry:ui","source_url":"https://www.stealth.pm/r/row-selection.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/row-selection.json"},{"name":"sortable-table","title":"Sortable Table","description":"Headers cycle through both directions and back, rows spring into their new order.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sortable-table.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sortable-table.json"},{"name":"sticky-columns","title":"Sticky Columns","description":"Pinned columns, header and totals whose edges shade only while something hides beneath.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sticky-columns.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sticky-columns.json"},{"name":"table-pagination","title":"Table Pagination","description":"Rows per page, rolling range, jump to page, and rows that crossfade the way you paged.","type":"registry:ui","source_url":"https://www.stealth.pm/r/table-pagination.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/table-pagination.json"},{"name":"table-toolbar","title":"Table Toolbar","description":"Search, filter, density, view and export in one arrow-key toolbar that reflows.","type":"registry:ui","source_url":"https://www.stealth.pm/r/table-toolbar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/table-toolbar.json"},{"name":"bar-chart","title":"Bar Chart","description":"Columns or ranked rows that grow in, morph on change and glide a tooltip.","type":"registry:ui","source_url":"https://www.stealth.pm/r/bar-chart.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/bar-chart.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"A year of daily activity as a keyboard-walkable heatmap with a gliding tooltip.","type":"registry:ui","source_url":"https://www.stealth.pm/r/contribution-graph.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/contribution-graph.json"},{"name":"delta-badge","title":"Delta Badge","description":"Signed change with one arrow that turns, tinted by whether the change is good.","type":"registry:ui","source_url":"https://www.stealth.pm/r/delta-badge.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/delta-badge.json"},{"name":"donut-chart","title":"Donut Chart","description":"A gapped ring that sweeps in, lifts a segment and rolls its value.","type":"registry:ui","source_url":"https://www.stealth.pm/r/donut-chart.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/donut-chart.json"},{"name":"leaderboard","title":"Leaderboard","description":"Ranked rows that spring into place, roll their scores and pin you.","type":"registry:ui","source_url":"https://www.stealth.pm/r/leaderboard.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/leaderboard.json"},{"name":"line-chart","title":"Line Chart","description":"Multi-series lines with a snapping crosshair, full readout and a toggling legend.","type":"registry:ui","source_url":"https://www.stealth.pm/r/line-chart.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/line-chart.json"},{"name":"number-ticker","title":"Number Ticker","description":"Rolls each digit toward its new value in the direction it moved, tinting briefly.","type":"registry:ui","source_url":"https://www.stealth.pm/r/number-ticker.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/number-ticker.json"},{"name":"poll-results","title":"Poll Results","description":"Tap to vote, then bars grow and counts roll up from zero.","type":"registry:ui","source_url":"https://www.stealth.pm/r/poll-results.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/poll-results.json"},{"name":"sparkline","title":"Sparkline","description":"A tiny trend line that draws in once and scrubs to any point.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sparkline.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sparkline.json"},{"name":"stat-tile","title":"Stat Tile","description":"KPI card whose sparkline you scrub to roll the headline to any day.","type":"registry:ui","source_url":"https://www.stealth.pm/r/stat-tile.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/stat-tile.json"},{"name":"usage-meter","title":"Usage Meter","description":"Quota bar split by category that warns near the limit and shows overage honestly.","type":"registry:ui","source_url":"https://www.stealth.pm/r/usage-meter.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/usage-meter.json"},{"name":"value-flash","title":"Value Flash","description":"Live value that washes green or red on each tick, throttled below three flashes a second.","type":"registry:ui","source_url":"https://www.stealth.pm/r/value-flash.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/value-flash.json"},{"name":"avatar","title":"Avatar","description":"Photo that fades in once loaded, initials that never flash, presence that morphs.","type":"registry:ui","source_url":"https://www.stealth.pm/r/avatar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/avatar.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping faces with true cutouts that fan apart and open the full list.","type":"registry:ui","source_url":"https://www.stealth.pm/r/avatar-group.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/avatar-group.json"},{"name":"badge","title":"Badge","description":"Status and count labels whose text, width and tone change in place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/badge.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/badge.json"},{"name":"entity-chip","title":"Entity Chip","description":"Inline mention of a person, repo or issue with a lazy-loading hover card.","type":"registry:ui","source_url":"https://www.stealth.pm/r/entity-chip.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/entity-chip.json"},{"name":"heading-anchor","title":"Heading Anchor","description":"A heading whose # link copies the section URL, ticks and marks the section.","type":"registry:ui","source_url":"https://www.stealth.pm/r/heading-anchor.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/heading-anchor.json"},{"name":"profile-card","title":"Profile Card","description":"A person with presence, local time and stats, and an optimistic follow that rolls back.","type":"registry:ui","source_url":"https://www.stealth.pm/r/profile-card.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/profile-card.json"},{"name":"tag","title":"Tag","description":"Removable chips that fold away, close the gap and hand focus on.","type":"registry:ui","source_url":"https://www.stealth.pm/r/tag.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/tag.json"},{"name":"timeline","title":"Timeline","description":"Activity grouped by day on a rail, where new events grow in at the top.","type":"registry:ui","source_url":"https://www.stealth.pm/r/timeline.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/timeline.json"},{"name":"audio-player","title":"Audio Player","description":"Compact player whose waveform fills as it plays, with drag-to-seek and speed.","type":"registry:ui","source_url":"https://www.stealth.pm/r/audio-player.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/audio-player.json"},{"name":"blur-up-image","title":"Blur-up Image","description":"Holds its space, then brings the full image into focus over a blurred preview.","type":"registry:ui","source_url":"https://www.stealth.pm/r/blur-up-image.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/blur-up-image.json"},{"name":"file-thumbnail","title":"File Thumbnail","description":"File card by type that keeps the extension visible and shows upload progress.","type":"registry:ui","source_url":"https://www.stealth.pm/r/file-thumbnail.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/file-thumbnail.json"},{"name":"gallery-grid","title":"Gallery Grid","description":"Masonry photos that blur up, select like a photo app and glide when rearranged.","type":"registry:ui","source_url":"https://www.stealth.pm/r/gallery-grid.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/gallery-grid.json"},{"name":"image-compare","title":"Image Compare","description":"A before-and-after divider that follows a drag and springs to a click.","type":"registry:ui","source_url":"https://www.stealth.pm/r/image-compare.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/image-compare.json"},{"name":"image-cropper","title":"Image Cropper","description":"Crop box with handles, aspect presets, zoom and rotate, exported to a Blob.","type":"registry:ui","source_url":"https://www.stealth.pm/r/image-cropper.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/image-cropper.json"},{"name":"lightbox","title":"Lightbox","description":"Photos lift out of their thumbnails, swipe between, zoom, and land back where they came from.","type":"registry:ui","source_url":"https://www.stealth.pm/r/lightbox.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/lightbox.json"},{"name":"product-gallery","title":"Product Gallery","description":"Product photos that crossfade on pick, swipe on touch and magnify under the mouse.","type":"registry:ui","source_url":"https://www.stealth.pm/r/product-gallery.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/product-gallery.json"},{"name":"video-player","title":"Video Player","description":"Custom controls over native video, with chapters, subtitles and a morphing play button.","type":"registry:ui","source_url":"https://www.stealth.pm/r/video-player.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/video-player.json"},{"name":"voice-recorder","title":"Voice Recorder","description":"Records with live input levels, pauses, and plays back before you send.","type":"registry:ui","source_url":"https://www.stealth.pm/r/voice-recorder.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/voice-recorder.json"},{"name":"zoom-pan-image","title":"Zoom Pan Image","description":"Pinch, wheel or double-click to zoom where you point, then throw it around.","type":"registry:ui","source_url":"https://www.stealth.pm/r/zoom-pan-image.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/zoom-pan-image.json"},{"name":"highlight","title":"Highlight","description":"A marker stroke drawn in reading order, carrying on across line breaks.","type":"registry:ui","source_url":"https://www.stealth.pm/r/highlight.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/highlight.json"},{"name":"link-preview","title":"Link Preview","description":"Unfurled link card and inline hover preview sharing one cached request.","type":"registry:ui","source_url":"https://www.stealth.pm/r/link-preview.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/link-preview.json"},{"name":"marquee","title":"Marquee","description":"Seamless infinite row that eases to a stop under the pointer.","type":"registry:ui","source_url":"https://www.stealth.pm/r/marquee.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/marquee.json"},{"name":"prose","title":"Prose","description":"Token-only typography for rendered rich text, with section links and code copy.","type":"registry:ui","source_url":"https://www.stealth.pm/r/prose.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/prose.json"},{"name":"spoiler","title":"Spoiler","description":"Grain-and-blur cover that dissolves outward from where you press it.","type":"registry:ui","source_url":"https://www.stealth.pm/r/spoiler.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/spoiler.json"},{"name":"text-morph","title":"Text Morph","description":"Shared letters slide into their new places while the width springs.","type":"registry:ui","source_url":"https://www.stealth.pm/r/text-morph.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/text-morph.json"},{"name":"text-reveal","title":"Text Reveal","description":"Words or wrapped lines lift out of a blur once, text left intact.","type":"registry:ui","source_url":"https://www.stealth.pm/r/text-reveal.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/text-reveal.json"},{"name":"text-scramble","title":"Text Scramble","description":"Decodes left to right in fixed time, only where characters changed.","type":"registry:ui","source_url":"https://www.stealth.pm/r/text-scramble.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/text-scramble.json"},{"name":"truncate","title":"Truncate","description":"Cuts text at the end or middle and unfolds it in place when cut.","type":"registry:ui","source_url":"https://www.stealth.pm/r/truncate.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/truncate.json"},{"name":"drag-select","title":"Drag Select","description":"Rubber-band selection that scrolls at the edges and honors Shift and ⌘.","type":"registry:ui","source_url":"https://www.stealth.pm/r/drag-select.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/drag-select.json"},{"name":"drop-target","title":"Drop Target","description":"Targets say what they take, pull the item in and send refusals home.","type":"registry:ui","source_url":"https://www.stealth.pm/r/drop-target.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/drop-target.json"},{"name":"kanban","title":"Kanban","description":"Cards lean into the drag, land on an insertion line and move by menu too.","type":"registry:ui","source_url":"https://www.stealth.pm/r/kanban.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/kanban.json"},{"name":"long-press","title":"Long Press","description":"Press and hold with a filling ring, right click and Shift F10 included.","type":"registry:ui","source_url":"https://www.stealth.pm/r/long-press.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/long-press.json"},{"name":"pan-zoom-canvas","title":"Pan Zoom Canvas","description":"An infinite dot-grid canvas that pans, pinches and zooms to the cursor.","type":"registry:ui","source_url":"https://www.stealth.pm/r/pan-zoom-canvas.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/pan-zoom-canvas.json"},{"name":"reorder-list","title":"Reorder List","description":"Lifts on press, springs neighbors aside and reorders from the keyboard too.","type":"registry:ui","source_url":"https://www.stealth.pm/r/reorder-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/reorder-list.json"},{"name":"resizable-box","title":"Resizable Box","description":"Eight handles, a live size readout, Shift for ratio, Alt from center.","type":"registry:ui","source_url":"https://www.stealth.pm/r/resizable-box.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/resizable-box.json"},{"name":"sortable-grid","title":"Sortable Grid","description":"Tiles lift off the grid, leave a slot behind and land where dropped.","type":"registry:ui","source_url":"https://www.stealth.pm/r/sortable-grid.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/sortable-grid.json"},{"name":"swipe-actions","title":"Swipe Actions","description":"Swipe a row to reveal actions; swipe far and the tray fills to commit.","type":"registry:ui","source_url":"https://www.stealth.pm/r/swipe-actions.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/swipe-actions.json"},{"name":"swipe-deck","title":"Swipe Deck","description":"A card stack you throw left or right, with undo and matching buttons.","type":"registry:ui","source_url":"https://www.stealth.pm/r/swipe-deck.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/swipe-deck.json"},{"name":"activity-feed","title":"Activity Feed","description":"A timeline of who did what, grouped by day, that holds your place as it updates.","type":"registry:ui","source_url":"https://www.stealth.pm/r/activity-feed.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/activity-feed.json"},{"name":"comment-composer","title":"Comment Composer","description":"Grows on focus, @mentions teammates, sends on ⌘↵ and keeps the draft.","type":"registry:ui","source_url":"https://www.stealth.pm/r/comment-composer.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/comment-composer.json"},{"name":"comment-thread","title":"Comment Thread","description":"Threaded comments that fold, resolve with a drawn tick and undo deletes.","type":"registry:ui","source_url":"https://www.stealth.pm/r/comment-thread.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/comment-thread.json"},{"name":"follow-button","title":"Follow Button","description":"Follow becomes Following with a drawn tick, offers Unfollow only when safe.","type":"registry:ui","source_url":"https://www.stealth.pm/r/follow-button.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/follow-button.json"},{"name":"invite-field","title":"Invite Field","description":"Turns typed or pasted addresses into chips, flags bad ones, sends with a role.","type":"registry:ui","source_url":"https://www.stealth.pm/r/invite-field.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/invite-field.json"},{"name":"live-cursors","title":"Live Cursors","description":"Teammates' pointers glide between network updates; idle names tuck into initials.","type":"registry:ui","source_url":"https://www.stealth.pm/r/live-cursors.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/live-cursors.json"},{"name":"presence-stack","title":"Presence Stack","description":"Live faces that slide in, ping once, fade out and roll the overflow count.","type":"registry:ui","source_url":"https://www.stealth.pm/r/presence-stack.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/presence-stack.json"},{"name":"reaction-bar","title":"Reaction Bar","description":"Emoji reactions that pop, roll their counts, say who, and roll back.","type":"registry:ui","source_url":"https://www.stealth.pm/r/reaction-bar.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/reaction-bar.json"},{"name":"share-dialog","title":"Share Dialog","description":"Invite by email, manage who has access and set link access in one place.","type":"registry:ui","source_url":"https://www.stealth.pm/r/share-dialog.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/share-dialog.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"Who is typing, in words and a dot wave, opening its own height.","type":"registry:ui","source_url":"https://www.stealth.pm/r/typing-indicator.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/typing-indicator.json"},{"name":"attachment-tray","title":"Attachment Tray","description":"Pending uploads that develop as they finish, retry in place and reorder.","type":"registry:ui","source_url":"https://www.stealth.pm/r/attachment-tray.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/attachment-tray.json"},{"name":"chat-thread","title":"Chat Thread","description":"Grouped bubbles with tails, pinned to the latest while new messages rise in.","type":"registry:ui","source_url":"https://www.stealth.pm/r/chat-thread.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/chat-thread.json"},{"name":"conversation-list","title":"Conversation List","description":"Chat inbox where rows spring to the top, counts roll and swipes commit.","type":"registry:ui","source_url":"https://www.stealth.pm/r/conversation-list.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/conversation-list.json"},{"name":"jump-to-latest","title":"Jump to Latest","description":"Follows new messages at the bottom, then counts them when you scroll away.","type":"registry:ui","source_url":"https://www.stealth.pm/r/jump-to-latest.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/jump-to-latest.json"},{"name":"message-composer","title":"Message Composer","description":"Grows with its text, takes files and emoji, and turns its mic into send.","type":"registry:ui","source_url":"https://www.stealth.pm/r/message-composer.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/message-composer.json"},{"name":"message-status","title":"Message Status","description":"Delivery ticks that morph from clock to check to read, with a pressable retry.","type":"registry:ui","source_url":"https://www.stealth.pm/r/message-status.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/message-status.json"},{"name":"reply-preview","title":"Reply Preview","description":"The quoted message slides up above the composer and jumps back to its original.","type":"registry:ui","source_url":"https://www.stealth.pm/r/reply-preview.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/reply-preview.json"},{"name":"unread-divider","title":"Unread Divider","description":"New-messages line that draws out, counts up and folds away once read.","type":"registry:ui","source_url":"https://www.stealth.pm/r/unread-divider.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/unread-divider.json"},{"name":"voice-message","title":"Voice Message","description":"A voice note whose waveform fills as it plays and seeks where you drag.","type":"registry:ui","source_url":"https://www.stealth.pm/r/voice-message.json","install_command":"npx shadcn@latest add https://www.stealth.pm/r/voice-message.json"}]},{"id":"stepper","name":"@stepper","slug":"stepper","description":"A single, focused shadcn/ui-style registry primitive for multi-step flows in React, Next.js, and Tailwind CSS projects. Headless and stateful: provides typed, value-safe step primitives (Stepper, StepperContent, StepperItem, StepperIndicator, StepperLabel, StepperList, StepperTrigger) with built-in ARIA attributes, guard support, and a predictable state machine. Does not own form state, routing, or validation — your app drives the flow. Installed as owned source via shadcn CLI. Currently in beta; open-source MIT. Use for: building accessible, typed multi-step wizards or onboarding flows in a shadcn/ui project without coupling to a heavyweight form-wizard library.","author":"francozeta","framework":"react","license":"MIT","tags":["accessibility","buttons","cards","components","design-system","forms","hooks","marketing","navigation","onboarding","tables"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://francozeta-stepper.vercel.app","github":"https://github.com/francozeta/stepper","registry":"https://francozeta-stepper.vercel.app/registry.json","source":"https://francozeta-stepper.vercel.app/registry.json","page":"https://sh4dcn.netlify.app/registry/stepper","markdown":"https://sh4dcn.netlify.app/md/stepper.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 789.79 1058.83' fill='var(--foreground)'><path d='M361.13,1058.28c28.61-24.08,55.58-46.86,82.62-69.55,41.82-35.09,83.8-69.99,125.49-105.23,39.2-33.13,57.7-75.81,57.69-126.9-.05-177.51-.02-355.01-.02-532.52v-9.26c10,3.28,18.99,5.96,27.69,9.36,1.36.53,1.99,4.36,2.02,6.68.17,14.17.25,28.35-.05,42.51-.11,5.26,1.68,7.95,6.82,9.47,15.55,4.58,30.97,9.59,47.4,14.73.21-2.91.48-5.06.49-7.22.1-14.17.02-28.35.23-42.52.15-10.07,3.69-12.79,13.08-9.76,17.45,5.63,34.83,11.45,52.15,17.48,9.32,3.24,12.66,8.43,12.67,18.46.03,35.78-.07,71.56.05,107.34.03,7.56-2.6,13.42-8.55,18.1-9.31,7.32-18.32,15.04-27.71,22.25-3.47,2.67-4.92,5.42-4.91,9.88.11,138.01.03,276.02.1,414.03.01,32.23-2.08,64.19-14.18,94.47-24.52,61.33-67.45,101.93-133.21,115.85-9.24,1.96-18.91,2.61-28.38,2.64-67.61.24-135.22.17-202.83.18-2.22,0-4.44-.24-8.67-.49ZM707.67,578.13c0-28.19.75-55.54-.53-82.79-.32-6.88-5.92-14.7-11.24-19.89-10.81-10.58-24.41-6.66-29.84,7.52-1.06,2.78-1.94,5.84-1.96,8.77-.15,24.56-.09,49.13-.09,74.2,14.53,4.06,28.94,8.09,43.64,12.2Z'/><path d='M550.29,611.15h-140.74c-.15-3.18-.37-5.67-.37-8.15-.02-58.79.02-117.58-.07-176.37,0-4.36.43-7.09,5.61-8.45,58.86-15.42,117.64-31.12,176.45-46.74.42-.11.9-.01,2.63-.01,0,2.81,0,5.68,0,8.54-.03,125.94.18,251.88-.23,377.83-.13,40.79-16.04,74.87-47.7,101.19-78.26,65.05-156.45,130.16-234.85,195.04-3.21,2.66-8.17,4.4-12.36,4.49-21.32.45-42.66.21-66.02.21,3.09-2.75,4.81-4.38,6.64-5.88,71.94-58.84,143.89-117.65,215.82-176.5,19.42-15.89,38.64-32.02,58.12-47.83,25.37-20.58,37.33-47.15,37.14-79.7-.26-43.22-.07-86.44-.08-129.66,0-2.29,0-4.57,0-8Z'/><path d='M560.11,210.07c0-7.96,0-15.13,0-22.31.01-55.3.02-110.61.03-165.91,0-13.02,7.86-22.02,19.1-21.85,11.18.17,18.62,8.67,18.62,21.58-.02,58.79,3.25,117.83-1.19,176.29-3.69,48.59-.74,96.93-2.82,145.33-.24,5.6-3.85,5.64-7.21,6.51-38.68,10.01-77.36,19.98-116.08,29.85-26.11,6.66-52.25,13.21-78.42,19.65-13.71,3.38-24.86-5.34-24.87-19.28-.03-34.86.01-69.71.07-104.57.02-12.2,5.31-18.61,17.17-21.91,16.55-4.6,33.02-9.5,49.53-14.27,12.34-3.56,18.24.81,18.31,13.64.07,11.85-.05,23.7.09,35.55.09,7.1,1.61,8.22,8.64,6.39,14.15-3.7,28.21-7.77,42.4-11.3,5.37-1.34,6.93-4.22,6.84-9.43-.26-14.4.02-28.81-.19-43.22-.1-6.94,2.65-10.63,9.69-11.98,13.22-2.53,26.31-5.68,40.3-8.76Z'/><path d='M361.32,924.39c-47.66,5.68-95.31,11.36-143.75,17.13-.12,2.35-.34,4.79-.35,7.24-.04,23.47.13,46.94-.25,70.41-.05,3.11-2.01,7.08-4.39,9.12-10.77,9.2-21.85,18.06-33.17,26.57-2.88,2.16-7.06,3.65-10.65,3.67-49.49.29-98.99.3-148.49.31-13.39,0-20.24-6.84-20.25-20.15-.04-31.6-.03-63.21.03-94.81.03-13.68,7.96-21.79,21.61-21.78,95.97.05,191.94.2,287.91.31,17.15.02,34.3,0,51.45,0,.1.66.2,1.33.3,1.99Z'/><path d='M179.64,881.76c0-27.43-.27-54.36.13-81.28.16-11.16,9.64-18.62,21.94-18.62,52.72.02,105.44.02,158.16.07,44.36.04,88.72.15,133.07.23,3.93,0,7.87,0,11.94,1.58-41.18,4.92-82.37,9.83-124.17,14.82v83.19h-201.07Z'/><path d='M541.46,651.31v11.92h-63.14v83.22h-180.91c-.16-2.11-.45-4.12-.45-6.13-.03-21.82-.06-43.65.02-65.47.05-15.26,8.51-23.64,23.77-23.63,70.81.02,141.62.06,212.43.1,2.51,0,5.02,0,8.29,0Z'/><path d='M789.79,68.43c-21.66,23.89-42.73,46.06-74.45,52.96-7.27,1.58-15.63,2.2-22.63.21-25.49-7.24-50.59-9.24-76.16,1.67-.36-2.34-.77-3.82-.79-5.3-.28-22.74-.36-45.48-.88-68.22-.11-4.86,1.6-6.76,6.03-8.28,34.87-11.94,67.86-10,98.71,11.86,19.17,13.58,40.53,19.02,63.96,15.43,1.5-.23,3.04-.17,6.2-.33Z'/><path d='M230.89,504.03c27.49.25,49.21,22.49,48.96,50.14-.27,28.73-22.72,51.45-50.58,51.18-27.41-.27-49.86-23.56-49.59-51.46.26-27.63,23.35-50.1,51.22-49.85Z'/></svg>","preview_image":"https://francozeta-stepper.vercel.app/opengraph-image.png?opengraph-image.06~3pti.96940.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6,"open_issues":5,"last_commit":"2026-07-27T15:11:48Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://francozeta-stepper.vercel.app/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://francozeta-stepper.vercel.app/registry.json","install_bun":"bunx shadcn@latest add https://francozeta-stepper.vercel.app/registry.json","clone":"git clone https://github.com/francozeta/stepper.git","clone_degit":"npx degit francozeta/stepper","registry_fetch":"curl -s https://francozeta-stepper.vercel.app/registry.json"},"component_count":3,"components":[{"name":"stepper","title":"Stepper","description":"A lightweight, composable stepper primitive for shadcn/ui-style multi-step flows.","type":"registry:ui","source_url":"https://francozeta-stepper.vercel.app/stepper.json","install_command":"npx shadcn@latest add https://francozeta-stepper.vercel.app/stepper.json"},{"name":"stepper-demo","title":"Stepper Demo","description":"A styled Stepper demo with a default export and the Stepper source primitive.","type":"registry:block","source_url":"https://francozeta-stepper.vercel.app/stepper-demo.json","install_command":"npx shadcn@latest add https://francozeta-stepper.vercel.app/stepper-demo.json"},{"name":"stepper-intent-onboarding","title":"Stepper Intent Onboarding","description":"An intent-driven onboarding block with hidden Stepper state, intent routing, profile validation, interests, async setup, and a signed-in completion state.","type":"registry:block","source_url":"https://francozeta-stepper.vercel.app/stepper-intent-onboarding.json","install_command":"npx shadcn@latest add https://francozeta-stepper.vercel.app/stepper-intent-onboarding.json"}]},{"id":"studio-blocks","name":"@studio-blocks","slug":"studio-blocks","description":"A collection of minimal, reusable UI blocks built with React, Tailwind CSS, and shadcn/ui.","author":"arhamkhnz","framework":"react","license":"MIT","tags":["blocks","cards","charts","dashboard","forms","tables"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://studio-blocks.arhamkhnz.com","github":"https://github.com/arhamkhnz/studio-blocks","registry":"https://studio-blocks.arhamkhnz.com/r/registry.json","source":"https://studio-blocks.arhamkhnz.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/studio-blocks","markdown":"https://sh4dcn.netlify.app/md/studio-blocks.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' fill='#000'/><g fill='#fff'><rect x='12' y='12' width='40' height='12' rx='2'/><rect x='12' y='28' width='12' height='24' rx='2'/><rect x='28' y='28' width='24' height='24' rx='2'/></g></svg>","preview_image":"https://studio-blocks.arhamkhnz.com/opengraph-image?b14c509b88f80be0","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":7,"open_issues":0,"last_commit":"2026-10-27T06:29:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/registry.json","install_bun":"bunx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/registry.json","clone":"git clone https://github.com/arhamkhnz/studio-blocks.git","clone_degit":"npx degit arhamkhnz/studio-blocks","registry_fetch":"curl -s https://studio-blocks.arhamkhnz.com/r/registry.json"},"component_count":16,"components":[{"name":"kpi-01","title":"Total Revenue","description":"A revenue KPI card with a value, trend, and description.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-01.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-01.json"},{"name":"kpi-02","title":"Lead Pipeline Value","description":"A lead pipeline KPI card with a monthly comparison and growth indicator.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-02.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-02.json"},{"name":"kpi-03","title":"Net Worth","description":"A net worth KPI card with a monthly comparison and growth badge.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-03.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-03.json"},{"name":"chart-01","title":"Income sources","description":"An income breakdown card showing salary, freelance projects, and dividends.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/chart-01.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/chart-01.json"},{"name":"kpi-04","title":"Total Orders","description":"An orders KPI card with an icon and a weekly comparison.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-04.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-04.json"},{"name":"kpi-05","title":"Unique Visitors","description":"A visitor KPI card with a previous-period comparison and growth badge.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-05.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-05.json"},{"name":"chart-02","title":"Realtime Visitors","description":"A visitor activity chart with a live status indicator and country breakdown.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/chart-02.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/chart-02.json"},{"name":"kpi-06","title":"API Usage","description":"An API usage KPI card with a request count and quota progress.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-06.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-06.json"},{"name":"list-01","title":"Upcoming Renewals","description":"A subscription renewal card with a seven-day selector, weekly totals, and service logos for each renewal.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/list-01.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/list-01.json"},{"name":"chart-03","title":"API Availability","description":"An API availability card with daily uptime history, service status, and selectable daily details.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/chart-03.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/chart-03.json"},{"name":"sidebar-01","title":"Workspace Sidebar","description":"A compact workspace sidebar with grouped navigation, active links, Keyline icons, and organization settings.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/sidebar-01.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/sidebar-01.json"},{"name":"chart-04","title":"Resource Usage","description":"A resource usage card with semicircular capacity gauges for CPU, memory, and storage.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/chart-04.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/chart-04.json"},{"name":"kpi-07","title":"Monthly Proposal Goal","description":"A goal progress KPI card with green segments and a configurable target.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/kpi-07.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/kpi-07.json"},{"name":"chart-05","title":"Edge Requests","description":"A compact edge request card with 24-hour traffic, a period comparison, and an edge-to-edge area sparkline.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/chart-05.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/chart-05.json"},{"name":"form-01","title":"Create Project","description":"A compact project form with optional details and workspace visibility controls.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/form-01.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/form-01.json"},{"name":"table-01","title":"Recent Invoices","description":"An invoice data table with status filtering, search, sorting, and pagination.","type":"registry:block","source_url":"https://studio-blocks.arhamkhnz.com/r/table-01.json","install_command":"npx shadcn@latest add https://studio-blocks.arhamkhnz.com/r/table-01.json"}]},{"id":"styleui","name":"@styleui","slug":"styleui","description":"Expertly crafted layouts and components for your next big idea","author":"heyfabrika","framework":"react","license":"MIT","tags":["animation","cards"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://www.styleui.dev/","github":"https://github.com/heyfabrika/styleui","registry":"https://www.styleui.dev/r/registry.json","source":"https://www.styleui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/styleui","markdown":"https://sh4dcn.netlify.app/md/styleui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'><path fill='#f0eae0' d='M0 0h1024v1024H0z'/><path fill='#040908' d='M510.7 160.6h3.7c18.9 0 37 .9 55.6 4.4l3.5.6a454 454 0 0 1 90.2 28.7l2.5 1 4.3 1.8A25 25 0 0 0 684 199c4.4-1.9 7-5 10-8.7l1.3-1.6 7-9.1c6-8.1 6-8.1 11.5-9.1 6.4-.4 10.7.4 15.6 4.7 6.9 7.6 6.7 16.2 6.9 26v3l.2 10.4.1 7.4 1 67.8v8.4l.3 28.6.2 14.2v8.6l.2 5.8c0 7.3-.1 13.7-5 19.6l-1.7 1.4-1.7 1.4c-7.1 4.5-15.5 4-23.6 2.8-5.8-1.6-9-4.7-12.3-9.6a72 72 0 0 1-3.6-9.6l-1-2.7a235 235 0 0 1-4.2-14.4A215 215 0 0 0 638 259l-2.6-2.8A150 150 0 0 0 554 214l-3.6-.7c-33.4-6.2-72 2-100 21A82 82 0 0 0 418 281l-.7 2.4a71 71 0 0 0 9.8 53.9A127 127 0 0 0 472 377l1.8 1c25 14.8 53.6 23.8 80.8 33.4C611 431.4 671 452.7 715 495l1.5 1.4a158 158 0 0 1 50.7 109.3 190 190 0 0 1-54 139.1q-6.6 6.6-14.2 12.2l-2.3 2c-37.2 31-87.3 46.8-134.7 53l-3.6.5a283 283 0 0 1-39.7 1.7h-11.6c-17.9 0-35.4-.6-53.1-3.4l-2.2-.3c-40.6-6.3-78-21.5-114.9-39.1A25 25 0 0 0 322 768c-7.7 3.6-11 11-14.6 18.3-3.8 8-7.2 13.3-15.7 16.6a35 35 0 0 1-26-2.6 24 24 0 0 1-6.7-9.3l-1-2.2c-1.3-3.6-1.3-7-1.3-10.8v-75.6l-.1-31.8v-58.8l-.1-5.6c-.1-19.5-.1-19.5 6.4-27.6l2-1.6 2-1.7c7.1-4.3 19.8-3.2 28-1.8a23 23 0 0 1 13.5 9.7 139 139 0 0 1 8.2 20c20.3 57.3 55.5 110 111.4 137 11.5 5.4 22.8 9.5 35 12.8l3.3 1c38.7 10.1 85.9 8 121.7-11a127 127 0 0 0 12-8l2.2-1.7A75 75 0 0 0 627 685c1.5-24.7-3.3-45.4-19.7-64.5-27.4-30.8-72.8-45.2-110.4-58.9l-2.6-1-2.7-1c-121.4-44-121.4-44-166.2-85.4l-4.9-4.3A155 155 0 0 1 274 398l-.8-2.4c-12.7-40.8-5.8-87.7 13.6-125.2 11-21 26.6-38.7 45.2-53.4l3-2.5c8-6.3 16.2-11.5 25-16.5l3.4-2c15.9-9 33.2-15.8 50.6-21l2.2-.7q17-5.3 34.5-8.6l3.8-.7c18.7-3.6 37-4.4 56.2-4.4'/><path fill='#121919' d='M510.7 160.6h3.7c18.9 0 37 .9 55.6 4.4l3.5.6a454 454 0 0 1 90.2 28.7l2.5 1 4.3 1.8A25 25 0 0 0 684 199c4.4-1.9 7-5 10-8.7l1.3-1.6 7-9.1c6-8.1 6-8.1 11.5-9.1 6.4-.4 10.7.4 15.6 4.7 7 7.8 6.8 16.8 7 26.7v3.3l.2 10.8v3.7q.5 29.3.6 58.6v8.3l.1 11.7v3.5c0 6-.5 10.7-2.6 16.3-1 2.6-1 4.9-1 7.6v3l.1 2.9v3l.2 7.4-4 2q-1.2-23.7-1.6-47.5 0-14.9-1.2-29.6-.4-7.9-.3-15.7l.1-11.2-1 36h-2l-1 2q-1.3-13.6-1.1-27.4v-47.3q.3-5.2 1.1-10.3v-9a19 19 0 0 0-9.8-2.8c-4.3 1.6-6.1 6-8.3 9.7q-2.6 4.4-5.9 8.1l5.3-4.2 3-2.3c2.6-2.4 4-4.5 5.7-7.5h2c.6 20 .6 20-3.5 26.3-4.9 8.9-2.7 23.4-2.6 33.6v2.3c0 19 .6 37.9 3 56.8a129 129 0 0 1 1.1 20 24 24 0 0 1-3.6-9.8l-.8-3.7a47 47 0 0 1-.6-9.5l-3-1v-3h-3l-1-1.7-1.2-2.4-1.4-2.4-3.7-6.4C693 281 693 281 693 279h-2l-.7-2.7c-1.5-3.8-3.4-5.4-6.3-8.3l-3.8-5.6A134 134 0 0 0 647 226l-4.3-3.4A176 176 0 0 0 591 195l-2.1-.7a212 212 0 0 0-153.5 6.8l-2.7 1.2q-7.4 3.3-14.1 7.8c-1.6.9-1.6.9-3.6.9v-2a221 221 0 0 1 62-25l2.8-.6c11.1-1.9 22.3-1.7 33.6-1.7h10.4c11.9 0 23.4.4 35.2 2.3l2.5.4q13.9 2.3 27.3 6.9l7.3 2.3c9 2.9 17.6 6 26 10.4a143 143 0 0 0 17.7 7.6q5.2 1.7 9.9 4.5c3 1.7 5.7 3 9 4l2.7 1a64 64 0 0 0 38.1-.7 17 17 0 0 0 6.5-6.4v-2l-3-1v-5l4-1v-3l-3 .4-7.5 1c-3.5.5-3.5.5-6.7 1.7-9.6 2.3-19.2.6-28.8-1.1 9.4 3 18 5 28 5v2c-20 2.4-40.5-8.5-58.4-16q-12.6-5.1-25.6-9c-2.9-.9-2.9-.9-5.3-1.9q-5-1.8-10.3-2.8l-2.3-.5q-10.5-2.3-21-4.3l-3-.6c-16-3.2-31.9-4.2-48.1-4h-2.7c-14.2 0-28.2.4-42.2 2.2l-3.7.5A363 363 0 0 0 411 186l-2.3.7c-6.5 2-12.6 4.9-18.8 7.8-11.6 5.4-11.6 5.4-16.4 7.2a104 104 0 0 0-34.4 23.6C337 227 337 227 333 227c-1.8 2-1.8 2-3 4l2-1-1 3h-2v2h-2v2l-5 5a138 138 0 0 0-18.8 24.2l-3.3 5c-9.6 15.5-15.1 34-18.9 51.8l-2-4c-10.6 31.7-1.3 70.8 13 100a147 147 0 0 0 24 33l1.4 1.5c8.8 9.2 18 17.4 28.6 24.5v2l2 .7q5.7 2.7 10.6 6.2Q390 507.5 425 521a333 333 0 0 1 17.2 7.4q8.1 3.6 16.5 6.4l12.1 4.6q9.2 3.9 18.6 7 8.3 2.8 16.5 6.3 6 2.5 12 4.7c27.8 10.5 55.5 21.3 79.1 39.6l3 2.2a96 96 0 0 1 36.8 60.6c1.4 15 1 30.5-2.8 45.2l-.5 3.2c-.6 3.2-1.6 5.2-3.5 7.8h-2l-.8 2.2c-8.4 19.6-27 32.4-46 40.6a193 193 0 0 1-67.6 11.6H511c-15 0-30.6-.7-45-5.4l-2-2 9.8 1.1 13.9 1.8 6 .7c5 .6 7.8.7 12.3-1.6l2 1v-2h-9v-1h3.9l14.4-.2h6.2a134 134 0 0 0 44.4-7q3.8-1.4 7.5-2.5l2.5-.7c2.1-.6 2.1-.6 4.1-.6v-2l2.2-.8c2.8-1.1 2.8-1.1 5.5-2.8 2.3-1.4 2.3-1.4 4.3-1.4l-1-2c-2-.7-2-.7-4-1l2.1-1.3A75 75 0 0 0 626 691c4.3-20.1.7-41.5-10-59-25.5-38.9-77.5-55.3-119-70.4l-2.7-1-2.7-1c-121.4-44-121.4-44-166.2-85.4l-4.9-4.3A155 155 0 0 1 274 398l-.8-2.4c-12.7-40.8-5.8-87.7 13.6-125.2 11-21 26.6-38.7 45.2-53.4l3-2.5c8-6.3 16.2-11.5 25-16.5l3.4-2c15.9-9 33.2-15.8 50.6-21l2.2-.7q17-5.3 34.5-8.6l3.8-.7c18.7-3.6 37-4.4 56.2-4.4'/><path fill='#141e1e' d='m608 220 6.3 3.7Q625 230.6 635 239l2.4 2 4.6 4v2l1.7.7c29.4 16.7 47.7 70.6 56.5 100.4l1.5 6.2c1.8 8 1.8 8 7.3 13.7 2.3 1.2 3.8 1.2 6.4 1.2h2.3a13 13 0 0 0 6.3-2.2c1.3-2.6 1.1-4.5 1.1-7.4v-10.2q.1-8.3-1.1-16.4l-.6-10v-3q-.7-20.4-.4-41h3q.8 17 1.3 34v2.3l.3 11.3.1 4.3.1 3.7q.1 4.7 1.2 9.4l3 2q.3 4 .2 8.1v2.3l-.2 5.6-2 1c-.7 3-.7 3-1 6h-3l-1 2c-6.4 2-11.8 2.6-18 0-3-2-3-2-3.7-4.1l-.3-1.9h-4v-2h-2l-1-5h-3v-7l-5-2-1 2-.5-2.2A217 217 0 0 0 638 259l-2.6-2.8A150 150 0 0 0 554 214l-3.6-.7c-33.4-6.2-72 2-100 21A82 82 0 0 0 418 281l-.7 2.4a71 71 0 0 0 9.8 53.9A127 127 0 0 0 472 377l1.8 1c25 14.8 53.6 23.8 80.8 33.4C611 431.4 671 452.7 715 495l1.5 1.4a158 158 0 0 1 50.7 109.3 190 190 0 0 1-54 139.1q-6.6 6.6-14.2 12.2l-2.3 2c-37.2 31-87.3 46.8-134.7 53l-3.6.5a283 283 0 0 1-39.7 1.7h-11.6c-17.9 0-35.4-.6-53.1-3.4l-2.2-.3A394 394 0 0 1 350.4 778l-3.8-1.6-5.3-2.4-3-1.4c-2.3-1.6-2.3-1.6-3-4.2l-.3-2.4-3-2v-4l-4.3-.6-2.4-.3c-2.5-.2-2.5-.2-5.3.9l-2.9.4c-3 .6-5.4 1.4-8.1 2.6v2h-2l-.3 1.6q-1.4 4.4-3.5 8.1l-1.6 3.2-1.6 3.1-2.4 4.8-1.6 3.2h-2c3.6-11.8 8.6-24.8 19.6-31.5 6.4-2.6 13-3.2 19.6-.6q7.4 3.5 14.4 7.8A218 218 0 0 0 380 779l2 .7 15 5.3 3.3 1.2q13.7 4.5 27.6 7.9l2.2.5c21.9 5.2 43.4 8.5 66 8.7h18.7A294 294 0 0 0 593 795l-14 1c3.2-1.6 5-2.3 8.2-2.9l2.4-.4 2.7-.5A227 227 0 0 0 677 756l2-1.3a184 184 0 0 0 22-17.7l4.2-3.6c7.2-6.3 7.2-6.3 13.1-13.8l1.7-2.6h2l.8-2.2c1.3-3 3-5.3 5.2-7.8h2l1-4h2l.8-3c.8-3.4 2.4-6.1 4.1-9.1 10.2-18 14.2-37.7 17.1-57.9l.3-2.1A150 150 0 0 0 728 524l-6-7.6-3.9-4.9c-34.8-45.7-102-66-153.9-84.6C471 393.4 471 393.4 439 366l-2.4-2a94 94 0 0 1-29.6-45l-1.1-3.7A82 82 0 0 1 409 271l.7-2a100 100 0 0 1 24.3-38l1.7-1.8c1.3-1.2 1.3-1.2 3.3-1.2v-2l6.4-4.3 2-1.2c9.4-6 19-10 29.6-13.5l3.3-1.1c39.5-12.2 92.5-9.4 127.7 14.1'/><path fill='#1f2a2c' d='m557 167 8.8.4 2.5.2h2.5l2.2.2c2 .2 2 .2 5 1.2v-2c28.8 3.5 57 15.5 83.6 26.4 10.8 4.8 10.8 4.8 22.4 5.6 4.4-2.1 7-5 10-8.7l1.3-1.6 7-9.1c6-8.1 6-8.1 11.5-9.1 6.4-.4 10.7.4 15.6 4.7 7 7.8 6.8 16.8 7 26.7v3.3l.2 10.8v3.7q.5 29.3.6 58.6v8.3l.1 11.7v3.5c0 6-.5 10.7-2.6 16.3-1 2.6-1 4.9-1 7.6v3l.1 2.9v3l.2 7.4-4 2q-1.2-23.7-1.6-47.5 0-14.9-1.2-29.6-.4-7.9-.3-15.7l.1-11.2-1 36h-2l-1 2q-1.3-13.6-1.1-27.4v-47.3q.3-5.2 1.1-10.3v-9a19 19 0 0 0-9.8-2.8c-4.3 1.6-6.1 6-8.3 9.7q-2.6 4.4-5.9 8.1l5.3-4.2 3-2.3c2.6-2.4 4-4.5 5.7-7.5h2c.6 20 .6 20-3.5 26.3-4.9 8.9-2.7 23.4-2.6 33.6v2.3c0 19 .6 37.9 3 56.8a129 129 0 0 1 1.1 20 24 24 0 0 1-3.6-9.8l-.8-3.7a47 47 0 0 1-.6-9.5l-3-1v-3h-3l-1-1.7-1.2-2.4-1.4-2.4-3.7-6.4C693 281 693 281 693 279h-2l-.7-2.7c-1.5-3.8-3.4-5.4-6.3-8.3l-3.8-5.6A134 134 0 0 0 647 226l-4.3-3.4A176 176 0 0 0 591 195l-2.1-.7a212 212 0 0 0-153.5 6.8l-2.7 1.2q-7.4 3.3-14.1 7.8c-1.6.9-1.6.9-3.6.9v-2a221 221 0 0 1 62-25l2.8-.6c11.1-1.9 22.3-1.7 33.6-1.7h10.4c11.9 0 23.4.4 35.2 2.3l2.5.4q13.9 2.3 27.3 6.9l7.3 2.3c9 2.9 17.6 6 26 10.4a143 143 0 0 0 17.7 7.6q5.2 1.7 9.9 4.5c3 1.7 5.7 3 9 4l2.7 1a64 64 0 0 0 38.1-.7 17 17 0 0 0 6.5-6.4v-2l-3-1v-5l4-1v-3l-3 .4-7.5 1c-3.5.5-3.5.5-6.7 1.7-9.6 2.3-19.2.6-28.8-1.1 9.4 3 18 5 28 5v2c-20 2.4-40.5-8.5-58.4-16q-12.6-5.1-25.6-9c-2.9-.9-2.9-.9-5.2-1.9-3.7-1.4-7.4-2.1-11.3-3a544 544 0 0 1-21.4-5l1-5-2.2-.4-2.7-.5-2.8-.5-2.3-.6z'/><path fill='#213031' d='M510.7 160.6h3.7c21.4 0 42.7.8 63.6 6.4v2q-10 .1-20-1l10 2 1 4h-2v2q-9.9-.9-19.6-2.5-10.7-1.6-21.4-1.7h-13.4c-14.3 0-28.4.4-42.6 2.2l-3.7.5A363 363 0 0 0 411 186l-2.3.7c-6.5 2-12.6 5-18.8 7.8-11.6 5.4-11.6 5.4-16.4 7.2a104 104 0 0 0-34.4 23.6C337 227 337 227 333 227c-1.8 2-1.8 2-3 4l2-1-1 3h-2v2h-2v2l-5 5a138 138 0 0 0-18.8 24.2l-3.3 5c-9.6 15.5-15.1 34-18.9 51.8l-2-4c-4 12.1-3.1 25-3 37.7V375c-3-3-2.7-6.5-3-10.6l-.3-2.3-.5-4.7-.5-4.6c-.8-5.8-.5-11.1.2-16.9l.5-5.5.3-2.7 1-11.8.2-3.7c.3-3 .3-3-.5-5.2-3-14.6 14.1-39.4 21.8-51q15.5-22.3 36.8-39l3-2.5c8-6.3 16.2-11.5 25-16.5l3.4-2c15.9-9 33.2-15.8 50.6-21l2.2-.7q17-5.3 34.5-8.6l3.8-.7c18.7-3.6 37-4.4 56.2-4.4'/><path fill='#1f2a2c' d='M454 389q5 2 9.8 4.6a315 315 0 0 0 42.6 20.2l2 .8 6.6 2.4 4 1.5 10.2 3.8 6.6 2.4 21.4 8 13.9 5.1L585 443l3.4 1.3q33.6 12.5 64.5 30.6l3 1.7 2.8 1.6 2.4 1.5c1.9 1.3 1.9 1.3 2.9 3.3-3.4-.5-5-1-8-3l-1 3c-1.7 1.3-1.7 1.3-4 2l-5-1-6.2-.9a82 82 0 0 1-23.8-7.7l-3-1.4-1.8-.9q-12.1-5.2-24.7-9.5l-6-2.1-3.5-1.3c-3-1.2-3-1.2-6-3.2l-4.6-1.4A97 97 0 0 1 556 452a92 92 0 0 0-9.6-3.4q-15.9-4.6-31-11.2l-8-3.2q-15.2-5.8-29.6-13.2l-9.8-5 1-3h3l2-2c2-2 2-2 6-2v-2l-2.6-.7a35 35 0 0 1-9.8-6.1l-3.5-2.7-1.6-1.3-5.8-4.3-2.7-1.9z'/><path fill='#131d1e' d='M529 200c27-.4 56.2 4.8 79 20l6.3 3.7Q625 230.6 635 239l2.4 2 4.6 4v2l1.7.7c29.4 16.7 47.7 70.6 56.5 100.4l1.5 6.2c1.8 8 1.8 8 7.3 13.7 2.3 1.2 3.8 1.2 6.4 1.2h2.3a13 13 0 0 0 6.3-2.2c1.3-2.6 1.1-4.5 1.1-7.4v-10.2q.1-8.3-1.1-16.4l-.6-10v-3q-.7-20.4-.4-41h3q.8 17 1.3 34v2.3l.3 11.3.1 4.3.1 3.7q.1 4.7 1.2 9.4l3 2q.3 4 .2 8.1v2.3l-.2 5.6-2 1c-.7 3-.7 3-1 6h-3l-1 2c-6.4 2-11.8 2.6-18 0-3-2-3-2-3.7-4.1l-.3-1.9h-4v-2h-2l-1-5h-3v-7l-5-2-1 2-.5-2.2A217 217 0 0 0 638 259l-2.6-2.8A144 144 0 0 0 545 213l1-2-1.9-.3-2.5-.4-2.4-.5c-2.8-1-3-2.2-4.2-4.8l-3-1v-2l-3-1z'/><path fill='#364042' d='M513.4 181.7h10.4c11.9 0 23.4.4 35.2 2.3l2.5.4q13.9 2.3 27.3 6.9l7.3 2.3c9 2.9 17.6 6 26 10.4a143 143 0 0 0 17.7 7.6q5.2 1.7 9.9 4.5c3 1.7 5.7 3 9 4l2.7 1c13 4.3 28.1 3 40.6-2.1l2.8-1.1 2.2-.9c1.3 4 1.2 7.7 1.3 11.9v2.6l.1 5.7.4 14.8v3c.4 16.4 1 32.7 3.2 49a129 129 0 0 1 1 20 24 24 0 0 1-3.6-9.8l-.8-3.7a47 47 0 0 1-.6-9.5l-3-1v-3h-3l-1-1.7-1.2-2.4-1.4-2.4-3.7-6.4C693 281 693 281 693 279h-2l-.7-2.7c-1.5-3.8-3.4-5.4-6.3-8.3l-3.8-5.6A134 134 0 0 0 647 226l-4.3-3.4A176 176 0 0 0 591 195l-2.1-.7a212 212 0 0 0-153.5 6.8l-2.7 1.2q-7.4 3.3-14.1 7.8c-1.6.9-1.6.9-3.6.9v-2a221 221 0 0 1 62-25l2.8-.6c11.1-1.9 22.3-1.7 33.6-1.7'/><path fill='#101d1f' d='M431 217h2c-1.1 3.3-2 4-4.6 6.3l-2.2 1.8-4 3.3c-15.7 14.3-24.2 39-25.5 59.9a96 96 0 0 0 11.6 51.6l1.7 3.1-1 2h-3v4h-2c-.2 2.4-.2 2.4 0 5l2 2-3 1q.4 3.7 2.1 7c1.1 2.5.8 3.6-.1 6-3.8-3-7.2-6-10-10v-3l-2.2.5c-2.8-.5-2.8-.5-4-1.9q-2-3-3.8-6.2l-1.3-2.3c-4-7.1-6.6-14.2-8.7-22.1l-.7-2.6c-4.8-20.4-2-46.9 7.7-65.4l1-2h2v2h2l.8-2.1q2.5-6.2 6.2-11.9h2l.7-1.6c1.8-3.2 3.8-5.7 6.3-8.4h2l.7-1.7c3.3-5.8 9-9.5 14.3-13.3 2 1 2 1 3 3l2.9-1c3.1-1 3.1-1 5.1-1z'/><path fill='#0e1817' d='m521 199.6 2.2-.1c4.9 0 7.3 1 10.8 4.5l2.1 2.6c4.2 3.5 8.6 3.8 13.9 4.4v1h-2.3c-40-.5-79.3 3.8-109.7 32.8a79 79 0 0 0-20 36.2l-.7 2.4a71 71 0 0 0 9.8 53.9A127 127 0 0 0 472 377l1.8 1c22 13 47.2 21.7 71.2 30v3c-6.2-.5-11.3-2-17-4.4l-4.6-1.8-2.2-1-6.4-2.4-9.5-3.8q-6.4-2.6-13-5c-5-2-9.3-4.2-13.9-7l-7.7-4.4A133 133 0 0 1 455 371c-3-2-5.6-3-9-4-3.8-1.7-3.8-1.7-5-4-2-.7-2-.7-4-1l1-5h-3l-3-5-2-1v-2h-2l-1 2v-2l-2-1v-4h-2l-1.7-3.6-4.6-8.3C415 329 415 329 415 327l-3 1-1-2 1-2h-2l1-9h-2v-5l-2-1-2 2c-.5-14-.6-26.7 4-40l.7-2a100 100 0 0 1 24.3-38l1.7-1.8c1.3-1.2 1.3-1.2 3.3-1.2v-2l6.4-4.3 2-1.2c9.4-6 19-10 29.6-13.5l3.3-1.1q20-6 40.6-6.3'/><path fill='#1e292a' d='m406 307 1 2 3 1-1 5h2c1.3 3.8.4 5.4-1 9h2l1 3h2a54 54 0 0 1 8 17h2l2 5h3v2l2 .8c2 1.2 2 1.2 2.8 3.3l.2 1.9h3v5l4 1v2l1.6.4 2.4.6 2.6.6c4 1.7 7.2 4 10.7 6.5a154 154 0 0 0 22.8 13.5l5.4 2.7c6.1 3.3 12.4 5.4 19 7.5 3.5 1.2 3.5 1.2 5.8 2.6 4 2.4 8.3 3.7 12.7 5.2l5.3 1.8 2.5.8 5.2 2c3.6 1.4 6.4 1 10-.2q3.8 1 7.5 2.4l2.3.9 7.6 2.7 2.6 1c33.5 12.1 67 25.2 98 43l-2 1v3l1.7.8q3.8 2.1 7.4 4.6l2.6 1.7c2.3 1.9 2.3 1.9 3.8 4 1.8 2.3 3 2.5 5.8 3.2 4.8 1.4 6.9 3.7 10 7.6 3.4 4.1 7.6 7.4 11.8 10.8l1.9 1.6 1.8 1.4c1.2 1.3 1.2 1.3 1.2 3.3l3 1 1.9 3c1.8 3.2 1.8 3.2 4.6 3.6l2.5.4c2.4 1.8 2.4 1.8 4 4l-1 5c1.3 2.3 1.3 2.3 3 4l-1 2-4-4.9-2.5-3-4.5-5.7c-34.8-45.6-102-65.9-153.8-84.5C471 393.4 471 393.4 439 366l-2.4-2a87 87 0 0 1-30.6-50z'/><path fill='#182423' d='m342.7 761.9 4.9 2.8A218 218 0 0 0 380 779l2 .7 15 5.3 3.3 1.2q13.7 4.5 27.6 7.9l2.2.5c21.9 5.2 43.4 8.5 66 8.7h18.7A294 294 0 0 0 593 795l-14 1c3.2-1.6 5-2.3 8.2-2.9l2.4-.4 2.7-.5c16.3-3.2 31-8.8 46.4-15.2l2.3-1 2.6-1.2c2.4-.8 2.4-.8 5.4.2q-11.5 6-23.6 11l-2.3.9c-3.8 1.4-7 2.5-11.1 2.1l1 2 3 1v2l-2.5.7q-8 2.5-16 5.5c-6 2.3-12 2.6-18.5 2.8v2h-1.8q-6.8-.4-13.4 1a55 55 0 0 1-13 1c-5.1-.2-8.9.4-13.7 2.3-16.3 5.6-38.8 1.3-55.4-1.4A50 50 0 0 0 460 809v2c-38.1-2.7-75.1-17.4-109.6-33l-3.8-1.6-5.3-2.4-3-1.4c-2.3-1.6-2.3-1.6-3-4.2l-.3-2.4-3-2v-4l-4.3-.6-2.4-.3c-2.5-.2-2.5-.2-5.3.9l-2.9.4c-3 .6-5.4 1.4-8.1 2.6v2h-2l-.3 1.6q-1.4 4.4-3.5 8.1l-1.6 3.2-1.6 3.1-2.4 4.8-1.6 3.2h-2c3.6-11.8 8.6-24.8 19.6-31.5 11-4.5 19.4-1 29 4.4'/><path fill='#4c5456' d='M388 218h3c-1.1 3.4-2.5 4.5-5 7l-1 3c-2.9 1.1-2.9 1.1-6 2l-3 1v2l2 1a285 285 0 0 1-14.2 12.2A129 129 0 0 0 327 295l-1.7 3.6A144 144 0 0 0 315 340h-1a141 141 0 0 1 4-37c-8-.5-8-.5-15.5 1.6a35 35 0 0 0-6.5 8.4l-2-1c-1.4-16.1 11.2-35.7 21-47.8a224 224 0 0 1 14-15.2l1.9-2a62 62 0 0 1 33.4-18.8c4.5-1 8.2-2.8 12.3-5q3.3-1.6 7-3c3.2-.8 3.2-.8 4.4-2.2'/><path fill='#1a2626' d='m284 576.8 3.5-.1a21 21 0 0 1 9.5 3.3v2l1.7.3c2.3.7 2.3.7 4.8 2.8l2.5 1.9c2.1-.3 2.1-.3 4-1l1 2.5a382 382 0 0 0 30.3 66.7c2.7 4.6 4.1 7.4 3.7 12.8.8 2 .8 2 2 3.8 2 3.2 2 3.2 2 5.2l3 1c1.8 2.4 1.8 2.4 3.6 5.3l1.8 3c1.6 2.7 1.6 2.7 2.7 5 .8 2 .8 2 3 2.5l1.9.2.3 1.8c.5 2.3.5 2.3 2.2 3.6 1.5 1.6 1.5 1.6 2 4.2l.5 2.4 4 2 3.3 2.7 1.8 1.5 1.8 1.7c8.2 7.2 8.2 7.2 17.4 13.1l4.4 2.8q6.2 4 12.8 7.5c2.5 1.7 2.5 1.7 3.5 4.7l6 2 6 3v2h3v3l1.8.4q6.7 1.4 13.2 3.6l5 1v2l9 1v3c-23.4-.8-49-17-67-31l-3.5-2.6c-16-12-30.2-24.8-42.3-40.8l-3.2-4.2a270 270 0 0 1-46-91c-1.3-4.6-2.5-8-6-11.4-2.6-.9-2.6-.9-5-1l1 4h-2v-2l-17 1-1 2 1.8.2c3 1 3.6 2.2 5.2 4.8l.9 2.7a25 25 0 0 0 3.4 6.8c4.3 7.5 5 16.3 6.3 24.7l1 5.4 2 13.1 1 6a389 389 0 0 1 3.6 60.4v14.1c0 4.7-.8 8.4-2.2 12.8h-1v-2.2l-.3-20.8-.1-10.7c-.3-32.8-.3-32.8-4.8-65.2l-.6-3.2q-2.6-12-5.7-23.7l-.8-3.1A28 28 0 0 0 273 594l-2.1-1c-3.2-1.7-3.8-4.7-4.9-8v-4l4 1 .7-2c1.3-2 1.3-2 3.4-2.6q4.9-.6 9.8-.7'/><path fill='#222d2e' d='m307 269 1 2-3 5.1c-1.3 2.2-1.3 2.2-1 5.9l-3.4 7.8A46 46 0 0 0 295 312l1.2-1.2 1.8-1.8 2.5-2.6c4.4-4.3 4.4-4.3 7.7-4.6h4.6c2.2.2 2.2.2 5.2 1.2a120 120 0 0 1-2 16.3 110 110 0 0 0 1.6 41.5c.5 3 0 5.3-.6 8.2h2l2 7 .6 2c.5 2.5 0 4.2-.8 6.8-1 4.7-.5 7.3 2 11.4l1.2 1.8c1.8 3.1 2 4.1 2 8h2l1 6h2l1 3 2 1-1 3-3.5-2.9-2-1.6-1.5-1.5v-2h-3v-2l-3-1v-2h-7a115 115 0 0 1-13-35l-1-1q-1.7-8.4-2.6-17c-.2-3.9-.2-3.9-1.4-7l2-2-1-3.2c-1.2-4.7-1.2-4.7 0-7.8l-3-2a76 76 0 0 0-3 11l-1 3 2 1-3 3a146 146 0 0 1 3-34h-2v3l-2-1c1.5-7 3-13.5 6-20q3.1-7.3 5.5-14.9a16 16 0 0 1 5.5-8.1z'/><path fill='#0f1514' d='M304.4 578.5c2.6 2.5 2.6 2.5 4.6 5.5v3l-3 1-6-5-3-1v-2a33 33 0 0 0-13-2.2h-3.6c-3.5.2-6.2.8-9.4 2.2l-1 2-4-1 .2 2c1 9.6 1 19.3.9 29v17.9l-.3 74V734l-.1 19.1v27.2c0 4.3.5 7.2 3.3 10.6 3 .4 5.5.4 8.5.2 8.3-.3 8.3-.3 11.5.8l-1 3-4.7 1-2.6.6c-5.5.9-8.3.4-13-2.6l-2.7-1.7-2-1.3-1 2-2-1-1 2a38 38 0 0 1-3.4-16.3V670.5l-.1-27.2V606c-.1-19.4-.1-19.4 6.4-27.5l2-1.6 2-1.7c9.6-5.8 28.8-3.7 37.5 3.2'/><path fill='#141f20' d='M292 597h2l.6 3c2.3 10 5.7 18.9 10.4 28l1 2 5.9 11 2.5 4.5a529 529 0 0 0 35.4 56.5l7 10.3 1.3 2c.9 1.7.9 1.7.7 4.7l-.8 2c-10.5-1-19-7.8-26-15.2a16 16 0 0 0-8-3.8v-2h-2c-14.6-18-24-39.5-29-62l-.9-3.6q-2.8-13-3.1-26.4h2v-4.9l-.1-2.8c.1-2.3.1-2.3 1.1-3.3'/><path fill='#0b0f0e' d='M758 668c-1.2 21.2-18 45-31 61l-1.4 1.8C685.8 779.5 623 804 562 812l-3.6.5a283 283 0 0 1-39.7 1.7h-11.6c-34.4 0-34.4 0-47.1-3.2v-2a37 37 0 0 1 22.8-2.1c18.2 3.6 41.3 6.4 59.2 0 3.2-1 5.6-1 9-.9q8.9 0 17.8-1.6c3.2-.4 3.2-.4 6.5-.3 2.9.2 2.9.2 4.7-2.1 2.4-.3 2.4-.3 5.4-.4 5.3-.3 9.5-1.5 14.4-3.4q7.3-2.6 14.8-4.4a198 198 0 0 0 15.5-5c2.9-.8 2.9-.8 6.9-.8v-2l2-.8 12-5c3-1.2 3-1.2 6-1.2v-2l1.7-.8 2.2-1 2.2-1.1c2-1 2-1 3.9-3.1l5.1-2.1c2.2-1 2.2-1 5.1-3 2.8-1.9 2.8-1.9 5.8-1.9v-2c3-2 3-2 6-2v-2l5-3 1.7-1.7 1.3-1.3h2v-3l1.7-.6c2.6-1.6 4-3.5 6-5.8a32 32 0 0 1 4.4-4.2c2.5-2 4-3.9 5.9-6.4h2v-2h2l.8-2.3c1.2-2.7 1.2-2.7 2.6-4.1a17 17 0 0 0 3.6-5.5c3-6.2 3-6.2 5-9.1h2l.8-2.6A39 39 0 0 1 743 693h2a45 45 0 0 0 3.3-8q2.7-8.4 6.7-16c2-1 2-1 3-1'/><path fill='#232d2e' d='M536 566c21.4 2.5 44.3 18 61 31l3 2.2a96 96 0 0 1 36.8 60.6c1.4 15 1 30.5-2.8 45.2l-.5 3.2c-.6 3.2-1.6 5.2-3.5 7.8h-2l-.8 2.2c-8.4 19.6-27 32.4-46 40.6a193 193 0 0 1-67.6 11.6H511c-15 0-30.6-.7-45-5.4l-2-2 9.8 1.1 13.9 1.8 6 .7c5 .6 7.8.7 12.3-1.6l2 1v-2h-9v-1h3.9l14.4-.2h6.2a134 134 0 0 0 44.4-7q3.8-1.4 7.5-2.5l2.5-.7c2.1-.6 2.1-.6 4.1-.6v-2l2.2-.8c2.8-1.1 2.8-1.1 5.5-2.8 2.3-1.4 2.3-1.4 4.3-1.4l-1-2-4-1 9-5-1 4 2.4-1.5c2.6-1.5 2.6-1.5 4.6-1.5l1-3c4.3-4 4.3-4 8-4v-2h2v-2l2.4-2.3a16 16 0 0 0 4.6-7.7l1-2.9 2-7 1-3.1 3-1v2h3v-5l-3-1 .5-2q.8-5.5 1-11c.4-7.3.4-7.3 1-10.6q.8-4.5.6-9.1v-3.5c.2-2.7.2-2.7-1.1-3.8v-9h-2l-.3-3a62 62 0 0 0-14.6-29.4C613 616 613 616 613 614l-1.7-.7c-2.3-1.3-2.3-1.3-4.6-3.7a25 25 0 0 0-9.7-5.6v-2h-2v-2h-2v-2h-2v-2l-6.3-3a68 68 0 0 1-14-8.8c-1.8-1.4-1.8-1.4-4.7-2.2v-2l-2.5.3c-4.5-.4-7.6-2.1-11.5-4.3-4.2-2.2-4.2-2.2-8.7-3.5-2.7-.6-3.5-1.5-5.3-3.5l-2-1z'/><path fill='#0e1717' d='M723 189c1 2.7 1 4.3.5 7.2q-.7 5.3-.6 10.5v46.2q-.2 11.6 1.1 23.1h2v-59h1q1.1 19.5 1 39.2-.1 7.1.5 14.1c.9 9.7.8 19.5 1 29.2q.4 21.8 1.5 43.5l3-1-.5-3a93 93 0 0 1-.8-12.5v-2.2c0-5.2 1-8.7 3.3-13.3h1q1 18.8 1.2 37.4v4c.3 16.3.3 16.3-4.8 22.6l-1.8 1.4-1.7 1.4c-7.1 4.5-15.5 4-23.6 2.8-5.8-1.6-9-4.7-12.3-9.6q-2-4.4-3.4-9.2l-.8-2.4A31 31 0 0 1 688 349l5 1c1.4 2.9.6 5 0 8h3l1 5 2.9.8c3.1 1.2 3.1 1.2 4.3 3.2l.8 2c3 2 4.1 2.3 7.6 2.7l2.3.2c2.2.3 2.2.3 4.1-.9h6l1-3h2l1-7 2 1 .2-7.9V352c.1-2.5.1-2.5-.2-5.9l-3-2a60 60 0 0 1-1.3-13.4v-2l-.2-6.8-.2-9.2-.1-2.3a453 453 0 0 0-1-19.7q-.4-5.9.8-11.6h-3v2.6c1.2 31.4 1.2 31.4 1 44.4h-2c-12.4-99.5-12.4-99.5 0-136z'/><path fill='#2e3638' d='M422 178c0 2 0 2-1.5 4-3.2 2.6-6.6 3.5-10.5 4.7q-13 4.2-25.3 10.2-5 2.3-10 4.2a111 111 0 0 0-35.6 24.2C337 227 337 227 333 227c-1.8 2-1.8 2-3 4l2-1-1 3h-2v2h-2v2l-5 5a138 138 0 0 0-18.8 24.2l-3.3 5c-9.6 15.5-15.1 34-18.9 51.8l-2-4c-4 12.1-3.1 25-3 37.7V375c-3-3-2.7-6.5-3-10.6l-.3-2.3-.5-4.7-.5-4.6c-.8-5.8-.5-11.1.2-16.9l.5-5.5.3-2.7 1-11.8.2-3.7c0-2.7 0-4.7-.9-7.2l2 2c2.7-3 3.2-5 3.6-8.9 1-5 3.3-9.5 5.4-14.1l1.7-4a135 135 0 0 1 26.3-39q2.8-3 5.3-6c8.7-10 23.3-23.4 36.7-25v-2l5-1 .3-1.9c1-3.1 3.3-3.9 6.1-5.3l2.3-1.2 2.3-1.2q10.4-5 21-9.4l2.7-1.1q9-3.7 18.3-6.9l3.4-1.3c2.6-.7 2.6-.7 6.6-.7'/><path fill='#1d2424' d='M529 200c27-.4 56.2 4.8 79 20l6.3 3.7Q625 230.6 635 239l2.4 2 4.6 4v2l1.7.7c20.9 11.8 35.2 46.8 44.3 67.3l1.2 2.6c.8 2.4.8 2.4-.2 5.4l-3.5-6.4-1-1.8c-2.5-4.6-2.5-4.6-2.5-6.8h-2c-1.5-2-1.5-2-3-4.8l-1.7-2.7C674 298 674 298 673 295l-3-1-.4-2.4-.6-2.6-2-1v-3h-2c-1.3-1.7-1.3-1.7-2.6-3.9l-1.3-2.2-2.1-3.9 1-2-1.9-1c-4.1-2-4.1-2-4.8-4-.3-2-.3-2 .7-4h-2c-1.5-1.9-1.5-1.9-3.1-4.4l-1.7-2.4C646 255 646 255 646 253h-2v-2l-4 1v-2l-4-2v-2l-2.7-.7a23 23 0 0 1-8.3-5.3v-2l-3.4-.7C618 236 618 236 617 234l-.9-2c-2.4-1.1-2.4-1.1-5-2l-1.9-1.4A32 32 0 0 0 592 223l-1-1q-2.8 0-5.6.3c-2.7-.3-4.8-1.3-7.3-2.5q-6.4-2.2-13-3.4l-2.8-.7A135 135 0 0 0 545 213l1-2-1.9-.3-2.5-.4-2.4-.5c-2.8-1-3-2.2-4.2-4.8l-3-1v-2l-3-1z'/><path fill='#1f292b' d='M344 663c3.5 3.2 6 6.8 8.4 10.8A189 189 0 0 0 463 753l3.3 1c37.3 9.7 81.5 8 116.6-8.7 3.7-1.8 7-2.8 11.1-3.3v3c-1.6 1.4-1.6 1.4-3.7 2.7L588 749c-2.1 1-2.1 1-6.1 1v2l-8.8 3-5.4 1.8c-14.2 5-27.9 6.8-42.9 7h-5l-11.9.2v2l-3 1v1a196 196 0 0 1-31-3q-6.4-1.2-13-1l2-1v-3h-3.4c-3.6 0-3.6 0-5.6-1v-2l-1.7.7c-2.3.3-2.3.3-4.6-1a13 13 0 0 0-6.8-2.3c-3.9-.4-3.9-.4-6.9-2.4v-3h-3v-2l-2-.2A24 24 0 0 1 417 740c-2.7-2.6-5.6-4.1-8.9-5.9a94 94 0 0 1-8.2-5.2l-2-1.2a130 130 0 0 1-15.3-11.8q-4.4-3.9-9.3-7.3a18 18 0 0 1-6.4-8.7l-1.7-1.7-1.3-1.3v-3l-3-1c-1.7-2.1-1.7-2.1-3.5-4.7l-1.8-2.7-3.3-5.3c-1.3-2.3-1.3-2.3-2.8-3.7-3.2-3.3-5.5-7-5.9-11.5z'/><path fill='#787977' d='M671 668h1c.4 22 .4 22-1.6 32.4a43 43 0 0 0-.4 9.6h-2l-.1 2.2-.3 2.7-.2 2.8-.4 2.3-2 1-1 3h-3l-.4 2.6a20 20 0 0 1-8.2 8.6q-4 3.1-7.4 6.8a156 156 0 0 1-53 31l-2.5.9a235 235 0 0 1-156.7-3.1l-2-.8c-4.7-1.8-4.7-1.8-5.8-4 8.1 1.3 15.5 3.9 23.1 6.8q8.3 2.8 17 4.1 4.6.8 9.1 2 6 1.7 12 2.2l2.3.3q14 1.2 27.7 1h2.8a199 199 0 0 0 40-3.4l2.9-.6c9.3-1.9 18.3-3.9 27.1-7.4l3.5-1.3q10.2-4 20.1-8.8l2-1A32 32 0 0 0 625 752l5-5 1.7-1.8c1.3-1.2 1.3-1.2 3.3-1.2l-2-3-5 2c-.4-5.2.7-7.7 3.6-12q6.4-10 11.4-21h3v2l4 2v2l7-1v-2h3l1 3c8.1-14.3 8.4-32 10-48'/><path fill='#242f31' d='M454 389q5 2 9.8 4.6a384 384 0 0 0 64.1 28.1l3.3 1.2 3 1.1 2.7 1c2.1 1 2.1 1 3.1 3l-6 1v-2h-2v2h-2l-1-5-2 1v2h-2l-1 2-2-3-3 1 2 2h-2c2 2.8 2 2.8 5 5q4.6.1 9-1l-1 3h-2v2l6-2 2 5h10l1 4 4 1v2h3v2l5 1c-4 1.6-7.3.3-11.2-1l-2.1-.8-6.7-2.2-2.2-.7q-12-4-23.5-8.9l-8-3.2q-15-5.8-29.5-13.2l-9.8-5 1-3h3l2-2c2-2 2-2 6-2v-2l-2.6-.7a35 35 0 0 1-9.8-6.1l-3.5-2.7-1.6-1.3-5.8-4.3-2.7-1.9zm99 56h2l-1 2z'/><path fill='#212c2d' d='M326 736c21.2 1.7 21.2 1.7 27.3 7 1.7 2 1.7 2 1.7 4l1.9 1 4.1 2v2l2 .3c5.8 1 10 2.5 15 5.7v2l2 .3c4 1 7.2 2.7 10.8 4.6a49 49 0 0 0 15.3 5.7q4 1.1 7.8 3.4 5.8 2.5 12.1 4v2h8l1 1 6.7 1.4q5.2 1 10.1 2.6c5.7 1.8 11.6 2.2 17.5 3l2.1.2c19.2 2.3 38.4 3.5 57.6 4.8v1h-20.5a243 243 0 0 1-45.9-2.7l-3-.5c-27.6-5-54.4-12-80.3-22.8l-6.9-2.9-18.8-7.8L338 751v-2l-2.4-1c-2.6-1-2.6-1-4.6-2v-2h-4l-2-7z'/><path fill='#111818' d='m342.7 761.9 4.9 2.8q5.6 3 11.3 5.6l2.1 1a278 278 0 0 0 31 11.7v3l1.8.8c2.2 1.2 2.2 1.2 3.6 2.7 2.3 2.1 4.7 2.3 7.7 2.9q5.5 1.2 11 2.7l2 .6 4.9 1.3v2l1.7-.5c2.5-.5 4-.4 6.5.2l2.3.5 2.4.6 2.5.6c8 1.8 8 1.8 11.6 3.6l1 2h6l1 4c-36.7.4-74.7-17.2-107.6-32l-3.8-1.6-5.3-2.4-3-1.4c-2.3-1.6-2.3-1.6-3-4.2l-.3-2.4-3-2v-4l-4.3-.6-2.4-.3c-2.5-.2-2.5-.2-5.3.9l-2.9.4c-3 .6-5.4 1.4-8.1 2.6v2h-2l-.3 1.6q-1.4 4.4-3.5 8.1l-1.6 3.2-1.6 3.1-2.4 4.8-1.6 3.2h-2c3.6-11.8 8.6-24.8 19.6-31.5 11-4.5 19.4-1 29 4.4'/><path fill='#192322' d='m284 576.8 3.5-.1a21 21 0 0 1 9.5 3.3v2l1.7.3c2.3.7 2.3.7 4.8 2.8l2.5 1.9c2.1-.3 2.1-.3 4-1l5.1 13 1.8 4.4 2.5 6.3.8 2c1.4 3.6 2.1 6.5 1.8 10.3h-2c-1.3-1.7-1.3-1.7-2.6-4l-1.4-2.2-1-1.8-3 2 .9 2.1 1.1 2.8 1.1 2.7c.9 2.4.9 2.4.9 4.4h2l.7 2.2a137 137 0 0 0 9.5 20.5l1.3 2.5c2 4 2 4 5.5 6.8l1-2 3 2v7c1.3 2.5 2.5 2.9 5 4v7a55 55 0 0 1-10.6-13.9l-1.5-2.6a275 275 0 0 1-31-68.1c-1.2-4.6-2.4-8-5.9-11.4-2.6-.9-2.6-.9-5-1l1 4h-2v-2l-17 1-1 2 1.8.3c3 1 3.6 2 5.2 4.7l.9 2.7a25 25 0 0 0 3.4 6.8c4.3 7.5 5 16.3 6.3 24.7l1 5.4 2 13.1 1 6a389 389 0 0 1 3.6 60.4v14.1c0 4.7-.8 8.4-2.2 12.8h-1v-2.2l-.3-20.8-.1-10.7c-.3-32.8-.3-32.8-4.8-65.2l-.6-3.2q-2.6-12-5.7-23.6l-.8-3.2A28 28 0 0 0 273 594l-2.1-1c-3.2-1.7-3.8-4.7-4.9-8v-4l4 1 .7-2c1.3-2 1.3-2 3.4-2.6q4.9-.6 9.8-.7'/><path fill='#273334' d='m307 269 1 2-3 5.1c-1.3 2.2-1.3 2.2-1 5.9l-3.4 7.8A46 46 0 0 0 295 312l1.2-1.2 1.8-1.8 2.5-2.6c4.4-4.3 4.4-4.3 7.7-4.6h4.6c2.2.2 2.2.2 5.2 1.2l-.4 4.8-.2 2.7q-.5 4.3-1.4 8.4c-1.4 7.1-1.2 14.1-1.1 21.3v4l.1 9.8h-2l-1-16-2 5-3 1v-3h-2l-1 2v-2h-3v3l-5-1c-1-6.6-1-6.6-1-10l-2-2a76 76 0 0 0-3 11l-1 3 2 1-3 3a146 146 0 0 1 3-34h-2v3l-2-1c1.5-7 3-13.5 6-20q3.1-7.3 5.5-14.9a16 16 0 0 1 5.5-8.1z'/><path fill='#0e1313' d='m471 164-1 4-11.2 1.5-3.2.4-3 .4-3 .4q-3.7.4-7.6.3v2l-3.4.7c-14 3-27.4 6.5-40.4 12.8q-5 2.2-10 3.9c-7 2.3-13.2 5.5-19.7 8.8-3.5 1.8-3.5 1.8-6.4 3l-2.1.8c-.9 2-.9 2-1 4l-5 1v2l-1.7.7C323.1 223 298.6 252.4 286 281q-2.3 5.7-4.1 11.4c-.9 2.6-.9 2.6-1.9 3.6l-1.3 6.8a10 10 0 0 1-3.7 5.2c-1-1-1-1-1-3 .5-6.2 2-11.3 4.5-17l1-2.5c12.1-27.2 29-50 52.5-68.5l3-2.5c8-6.3 16.2-11.5 25-16.5l3.4-2c15.9-9 33.2-15.8 50.6-21l2.2-.7q16.4-5 33-8.2l3.5-.6c6.2-1.1 12-1.7 18.3-1.5'/><path fill='#141e1d' d='M735 191h1q1 43.6 1.2 87.3v8.3l.1 11.7v3.5c0 6-.5 10.7-2.6 16.3-1 2.6-1 4.9-1 7.6v3l.1 2.9v3l.2 7.4-4 2q-1.2-23.7-1.6-47.5l-.1-9V285a214 214 0 0 0-.8-14.1q-.8-11.1-.6-22.2v-46.9c.1-2.7.1-2.7 1.1-5.7h2c2.5 7 3.4 13.1 3.1 20.6v5.3l-.2 2.3q.3 6 1.1 11.8z'/><path fill='#172325' d='m378 266 3 1v3h2v2l-4 2 2 3v10l-2 5h3v2h-2l-1 7h-2a81 81 0 0 0 3 29c2.4.7 2.4.7 5 1l2-2 2 2c4-1.3 6.6-2.5 9-6q.4-4.5 0-9c1.6 2.5 2.5 4 3.4 6.8l.7 2.2 1.5 4.5q1.8 5.4 4.7 10.4l1.7 3.1-1 2h-3v4h-2c-.2 2.4-.2 2.4 0 5l2 2-3 1q.4 3.7 2.1 7c1.1 2.5.8 3.6-.1 6-3.8-3-7.2-6-10-10v-3l-2.2.5c-2.8-.5-2.8-.5-4-1.9q-2-3-3.8-6.2l-1.3-2.3c-4-7.1-6.6-14.2-8.7-22.1l-.7-2.6c-4.2-17.6-2-39.4 3.7-56.4'/><path fill='#263132' d='m406 307 1 2 3 1-1 5h2c1.3 3.8.4 5.4-1 9h2l1 3h2a54 54 0 0 1 8 17h2l2 5h3v2l2 .8c2 1.2 2 1.2 2.8 3.3l.2 1.9h3v5l4 1v2l1.6.4 2.4.6 2.6.6c4 1.7 7.2 4 10.7 6.5a154 154 0 0 0 22.8 13.5l5.4 2.7c6.1 3.3 12.4 5.4 19 7.5 3.5 1.2 3.5 1.2 5.9 2.7 4.4 2.6 9.4 3.7 14.3 5.2l2.3.7 2.2.6c2.3 1.3 2.7 2.7 3.8 5 1.7 1 1.7 1 3.7 1.7l2.2.8 2.2.7 2.3.9 5.6 1.9v3l2 .6 2.8.7 2.6.8c2.7 1 4.5 2.1 6.6 3.9-6.5-1.1-12.7-3.6-19-5.8l-2-.7c-37-13.3-74.7-27.7-105-53.5l-2.4-2a87 87 0 0 1-30.6-50z'/><path fill='#f5f5ef' d='M354 252c0 3 0 3-1.6 4.7l-2.3 2A116 116 0 0 0 327 295l-1.7 3.6A144 144 0 0 0 315 340h-1a141 141 0 0 1 4-37c-8-.5-8-.5-15.5 1.6a35 35 0 0 0-6.5 8.4l-2-1c-1.3-15 9.8-32 18-44 1.6-1.9 1.6-1.9 3-3h2l-.3 2.4c-.5 5.7-.9 11 .3 16.6h3v-2l8 1 1.3-2.2A169 169 0 0 1 354 252'/><path fill='#1d2827' d='M321 459c3.5 1.5 5.8 3.5 8.6 6.1q6.8 6.2 14.3 11.3l2.1 1.6v2l2 .7q5.7 2.7 10.6 6.2Q390 507.5 425 521a333 333 0 0 1 17.2 7.4q8.1 3.6 16.5 6.4a225 225 0 0 1 15.2 6q6.8 2.7 13.8 5.1c5 1.9 5 1.9 7.3 4.1l-2 3-11-3v-2l-3 1-2-1v-3l-2.6.1c-4.6-.1-8.1-.8-11.4-4.1-2.6-.2-2.6-.2-5 0v-2h-4v-2l-2.6-.4c-5-.9-9.9-2-14.4-4.6l-1 3-2-5-2.2.7c-3.6.4-4.9-.7-7.8-2.7h-2v-3l-10.6-4-2.8-1.1-6.6-1.9v-2l-5-2v-2h-3v-2l-3.4-.1a23 23 0 0 1-11.4-5.4c-2-1.3-3.7-2.2-5.9-3-3.7-1.7-6.2-3.9-9.3-6.5l-5-2.1a81 81 0 0 1-23-15.9v-2l-1.7-.8a33 33 0 0 1-6.3-4.2v-2l-2-.8c-2-1.2-2-1.2-3-4.2h-3z'/><path fill='#0c1313' d='m323 758 4.6 1 2.5.5 1.9.5.4 1.9c.8 2.8 2.2 3.6 4.6 5.1h-2v2l3 1c-6.7-.9-6.7-.9-9-2-4-.4-6.4-.3-10 1.4a48 48 0 0 0-11.6 17c-3.8 8-7.2 13.2-15.7 16.5a37 37 0 0 1-22.7-.9 20 20 0 0 1-8-7v-3c2.2-.7 2.2-.7 5-1 2 1.3 2 1.3 4 3 4 2 6.8 2.2 11.1 1.8l3.2-.2c2.9-.6 3.9-1.3 5.7-3.6l-3-1 2.2.1c3-.1 4.4-.2 6.8-2.1q.8-2.4 1.3-4.8c1.2-3.8 3.3-7.1 5.2-10.6l4.5-8.6h2v-2c8-4.5 8-4.5 13-4z'/><path fill='#363e40' d='M513.4 181.7h10.4c11.9 0 23.4.4 35.2 2.3l2.5.4q13.9 2.3 27.3 6.9l7.3 2.3c9 2.9 17.6 6 26 10.4a143 143 0 0 0 17.7 7.6q5.2 1.7 9.9 4.5c3 1.7 5.7 3 9 4 10.1 3.6 10.1 3.6 11.3 5.9h-9l1 3-.6 2.4c-.6 2.6-.6 2.6.4 4.8 1.2 2.1 1.2 2.1 4.2 2.8l4 5-1 2-2.5-2.6A158 158 0 0 0 647 226l-4.3-3.4A176 176 0 0 0 591 195l-2.1-.7a212 212 0 0 0-153.5 6.8l-2.7 1.2q-7.4 3.3-14.1 7.8c-1.6.9-1.6.9-3.6.9v-2a221 221 0 0 1 62-25l2.8-.6c11.1-1.9 22.3-1.7 33.6-1.7'/><path fill='#535a5b' d='M706 217c2.6 4 2.3 7.3 2.4 11.9v2.6l.1 5.7.2 11.9.2 8.7c.3 15.5 1 30.8 3 46.2a129 129 0 0 1 1.1 20 19 19 0 0 1-3.2-8.4l-.7-3.2-.6-3.3-1.3-6.6-.5-2.9q-1-3.4-2.7-6.6h-2c-2.7-5.3-4-10-3-16l2-2h2l-.5-1.7-.6-2.2-.6-2.2c-.3-1.9-.3-1.9.7-3.9h2v-13h-2v-2h2l-1-2v-8l-4 1v-3l-10-1v-2h2l-.7-3.2c-.3-4.2.2-5.5 2.7-8.8 2.4-2.4 4.4-3 7.6-4.1l3-1.1z'/><path fill='#0e1515' d='M664 460c3.5.6 6 1.4 9 3.3l2.3 1.4 2.5 1.6 2.5 1.6q18.5 11.9 34.7 27.1l1.5 1.4c12.4 11.9 34.2 32.7 35.8 50.5-.3 3.1-.3 3.1-1.8 5L749 553c-2-3-2-3-2.7-5.9-1.7-4.1-3.8-5.4-7.3-8.1-1.3-3.8-1-7-1-11h-3l-1 2-4-5.2-2.3-2.9c-1.7-2.9-1.7-2.9-1.3-5.6l.6-2.3c-1.5-2.4-1.5-2.4-4-4l-2.5-.4c-3.7-1-4.6-3.4-6.5-6.6l-2-1v-2l-4-2v-2l-1.7-.7q-4-2.4-7.3-5.7l-2.6-2.3-2.4-2.3-2.3-2.2C690 481 690 481 690 479l-2.1.3c-4.6-.4-7.6-3-10.7-6.2-3.3-3.2-7.1-5.6-11-8.2L664 463z'/><path fill='#0f1615' d='M614 619h2c7 7.5 12.8 17.5 13.1 28l-.1 3h2l.2 2 .2 2.4.3 2.5c0 2 0 2 1.3 3.1l.1 6.3v3.4c0 3-.5 5.4-1.1 8.3l-.5 8q-.2 6.6-1.5 13h3l-1 6-6-1-.4 3.1q-.8 5.1-2.6 9.9l-.9 2.6a28 28 0 0 1-5.1 7.4h-2v2h-2v2l-5 1-1 3a60 60 0 0 1-12 8q3.3-7.4 9.8-12.2C618 720.2 625 701.2 627 685c1.3-20.8-1.2-40.1-14-57.2l-2-2.8c1-3 1-3 3-6'/><path fill='#182120' d='m730 525 1.8 2 2.2 2c2.1-.3 2.1-.3 4-1l.2 2.2c.5 5.8.5 5.8 3.5 10.4l3.7 2.3c1.6 1.1 1.6 1.1 2.5 4.3l.1 2.8 1 2h2l1-6a98 98 0 0 1 12 35l.6 2.6q.6 4.4.5 8.7v3.3l-.1 2.4h-1q-1.7-5-3-10h-2l.6 1.7c.4 2.3.4 2.3 0 4.6-1.7 8.2-.6 17.1.3 25.4l.1 2.3-1 1v3.4a63 63 0 0 1-1.9 15l-.5 2.8-.5 2.6-.5 2.4-.6 1.8-2 1q.5-9.4 2-18.7c4.9-35.7-2.7-75.1-24-104.6-1-1.7-1-1.7-1-3.7'/><path fill='#222c2e' d='m693 224-16 3v8l-1.1 2.2c-1.2 1.9-1.2 1.9-.2 4.3q1.8 4 4.3 7.5c3.7 1.3 3.7 1.3 7 1l.4 2 .6 2 2 1-1 3v3l3 2v2l2 1v3h5l1 3c-6.7 1.1-6.7 1.1-9 0 1.9 3.6 1.9 3.6 5 6 1.1 2.4 1.1 2.4 2.2 5.4l1 3c.8 2.6.8 2.6-.2 5.6q-3.4-6.4-6-13h-2l-.7-2.7c-1.5-3.8-3.4-5.4-6.3-8.3l-4-5.8q-4-6.4-8.8-12.4c-1.2-1.8-1.2-1.8-2.1-4.3-1.3-3-3-4.5-5.3-6.8-3.7-4-3.7-4-4.1-7 .3-2.3.3-2.3 1.3-5.7l8-1v-1l9.8-.6 2.7-.1 2.7-.2 2.5-.1c2.3 0 2.3 0 6.3 1'/><path fill='#0f1615' d='M344 663c3.5 3.2 6 6.8 8.4 10.8A184 184 0 0 0 463 753l1 2-1 2-12-2v-2l-2.9-.4-3.7-.5-3.8-.5q-4.9-.8-9.6-2.6v-2l-2-.2a24 24 0 0 1-12-6.8c-2.7-2.6-5.6-4.1-8.9-5.9a94 94 0 0 1-8.2-5.2l-2-1.2a130 130 0 0 1-15.3-11.8q-4.4-3.9-9.3-7.3a18 18 0 0 1-6.4-8.7l-1.7-1.7-1.3-1.3v-3l-3-1c-1.7-2.1-1.7-2.1-3.5-4.7l-1.8-2.7-3.3-5.3c-1.3-2.3-1.3-2.3-2.8-3.7-3.2-3.3-5.5-7-5.9-11.5z'/><path fill='#2b3737' d='M264 585h2a112 112 0 0 1 1.1 16.4V717l-.1 73-3-1-1-10.4-.4-2.9q-.9-8.2.2-16.5a27 27 0 0 0-.3-6.6c-.7-5.3-.1-10.4.5-15.6l-2-1 .4-5 .3-2.7c.3-2.3.3-2.3 1.3-3.3l.1-6.7v-63q-.1-4.1-1.1-8.3l-.1-6v-20l-.1-10.7v-20.9c.2-2.5.2-2.5 2.2-4.5'/><path fill='#1e292b' d='M454 389q5 2 9.8 4.6c14.8 8.2 30.2 16 46.2 21.4l-2 1-1 4-1 2-2-1v-1l-7 3v2l-10-2v-2l-4 1v-2h-4v-2l-2.7.8c-3.3.2-3.3.2-6.2-1.7L468 415l1-2h3l2-2c2-2 2-2 6-2v-2l-2.6-.7a35 35 0 0 1-9.8-6.1l-3.5-2.7-1.6-1.3-5.8-4.3-2.7-1.9z'/><path fill='#1e2a2a' d='M723 279h3q.8 17 1.3 34v2.3l.3 11.3.1 4.3.1 3.7q.2 4.7 1.2 9.4l3 2q.3 4 .2 8.1v2.3l-.2 5.6-2 1c-.7 3-.7 3-1 6h-3l-1 2c-6.4 2-11.8 2.6-18 0-3.2-2.1-3.7-3-5.2-6.4l-1-2.3c-.8-2.3-.8-2.3-.8-6.3h-5l3-5h-2a26 26 0 0 1-3-9.4q-.7-4.5-2.1-9c-1-3-1-5.4-.9-8.6a16 16 0 0 1 5 8.1l1 3.1 1 3.2 1 3.2a197 197 0 0 1 5.2 19c1.2 3.6 2.7 5.1 5.8 7.4 2.3 1.2 3.8 1.2 6.4 1.2h2.3a13 13 0 0 0 6.3-2.2c1.3-2.6 1.1-4.5 1.1-7.4v-10.2q.1-8.3-1.1-16.4l-.6-10v-3q-.7-20.4-.4-41'/><path fill='#30393a' d='M612 225c4.1-.3 6 .3 9.2 2.9l2.3 1.8 2.4 2 2.3 1.8 6.8 5.5 2.1 1.7 4.9 4.3v2l1.7.7c20.9 11.8 35.2 46.8 44.3 67.3l1.2 2.6c.8 2.4.8 2.4-.2 5.4l-3.5-6.4-1-1.8c-2.5-4.6-2.5-4.6-2.5-6.8h-2c-1.5-2-1.5-2-3-4.8l-1.7-2.7C674 298 674 298 673 295l-3-1-.4-2.4-.6-2.6-2-1v-3h-2c-1.3-1.7-1.3-1.7-2.6-3.9l-1.3-2.2-2.1-3.9 1-2-1.9-1c-4.1-2-4.1-2-4.8-4-.3-2-.3-2 .7-4h-2c-1.5-1.9-1.5-1.9-3.1-4.4l-1.7-2.4C646 255 646 255 646 253h-2l-.2-1.9-.8-2.1-5-2-5.4-4.8c-1.7-1.5-1.7-1.5-4.6-1.2l-1-4h-2v-2l-8-3v-3l-5-1z'/><path fill='#172325' d='M407 343c4.9 2.4 7.1 5.6 10 10 3.4 4.9 3.4 4.9 7.3 9.3l1.7 1.7c-.2 2-.2 2-1 4l-1 5-4 1v2h-2l-2 4c-5.5-1.3-5.5-1.3-7.7-4.4L407 373l-1.1-2c-.9-2-.9-2-1.4-5.1-.2-3-.2-3-2.5-4.9.3-2 .3-2 1-4l2-1-2-2c.4-2.6.4-2.6 1-5h2v-2l-2-1z'/><path fill='#233031' d='M344 678q6.3 6 11.3 13.3c2.6 3.5 5.3 6 8.7 8.7l4 6 2 1v2h2l1 2 2.2-.3c3.8.4 5 2 7.8 4.5 4.8 4.7 9.4 8.6 15.3 11.8l4.4 2.8q6.2 4 12.8 7.5c2.5 1.7 2.5 1.7 3.5 4.7l6 2 6 3v2h3v3l1.8.4q6.7 1.4 13.2 3.6l5 1v2l9 1v3c-23.4-.8-49-17-67-31l-3.5-2.6A209 209 0 0 1 349 687l-1.4-2c-3.6-4.8-3.6-4.8-3.6-7'/><path fill='#192424' d='m733 703 3 1-1 5h-2l-.2 1.6c-1 3.2-2.9 5.6-4.8 8.4l-2 4h-2l-1 2.4c-1 2.6-1 2.6-2 4.6h-2v2l-5 5-2.2 2-2.4 2.3-2.2 2a12 12 0 0 1-6.2 2.7l3-6-2.9 2.5c-2.9 2.5-2.9 2.5-5.1 2.5v2l-5.4 3.5c-4 2.1-4 2.1-6.6 5.5l-2.4 1.2q-4.3 2.2-8.3 5.1A65 65 0 0 1 650 774v-2l2.8-1.4c24-12.4 52.5-30.4 67.2-53.6h2l.7-2.3c1.6-3.3 3-4.2 6.3-5.7l2 1 .4-3c.6-3 .6-3 1.6-4'/><path fill='#d5d7d7' d='m641 742 2 1a136 136 0 0 1-51 30l-2.3.8a235 235 0 0 1-157-3l-2-.8c-4.6-1.8-4.6-1.8-5.7-4 8.1 1.3 15.5 3.9 23.1 6.8q8.4 2.8 17 4.1 4.6.8 9.1 2 6 1.7 12 2.2l2.3.3q14 1.2 27.7 1h2.8a199 199 0 0 0 40-3.4l2.9-.6c9.3-1.9 18.3-3.9 27.1-7.4l3.5-1.3A178 178 0 0 0 641 742'/><path fill='#131c1c' d='M762 639c2 2 2 2 2.3 6a70 70 0 0 1-2.8 16l-.7 3-1.8 7-4-2-.2 2a39 39 0 0 1-3.8 9c-1.2 2.2-1.2 2.2-2 5.8a15 15 0 0 1-4 7.2h-2l-.8 1.7L736 707l-1-3-2-1a42 42 0 0 1 5-12q2.5-5 4.6-10l1-2.1q2-4.5 3.3-9.3c1.1-2.6 1.1-2.6 3.6-3.6l2.5-1c1.2-2.5 1.2-2.5 1.7-5.4a21 21 0 0 1 3.3-8.6c.5-2 .5-2 .6-4.2l.4-3.8h2zm-31 64 2 1-2 6-3-1v-2h2z'/><path fill='#090c0c' d='M438 353q5.6 4 11 8.4c27.4 22.9 62.8 34.6 96 46.6v3c-6.2-.5-11.3-2-17-4.4l-4.6-1.8-2.2-1-6.4-2.4-9.5-3.8q-6.4-2.6-13-5c-5-2-9.3-4.2-13.9-7l-7.7-4.4q-13.4-7.6-25.4-17.4l-3-2.3a16 16 0 0 1-4.3-8.5'/><path fill='#2d3739' d='M709 179h3a88 88 0 0 1-5.4 9.4l-1.7 2.8a99 99 0 0 1-5.9 7.8l5.3-4.2 3-2.3c2.6-2.4 4-4.5 5.7-7.5h2c.6 19.9.6 19.9-3.5 26.4-2 3.4-2 6-2.2 10l-.2 3.7-.1 2.9h-1l-.4-2.2-.5-2.7-.5-2.8-.6-2.3-2-1 2-5-3-1v-5l4-1v-3l-3 .4-7.5 1c-3.5.5-3.5.5-6.7 1.7A39 39 0 0 1 667 204c2.6-2.6 4-3 7.6-3.3l4.1.2q8.2.3 16.3-.9v-2l5-5 1.7-2.3 1.3-1.7h2l.9-2.7q1.2-3.9 3.1-7.3'/><path fill='#525b5d' d='m330 248 5 1v3h-2l-2 1v3l-2.4 2c-2.7 1.7-2.7 1.7-3.4 4.2l-.2 1.8h2v3c3 1 3.9 1 7 0h2c-.2 7.1-3.7 11.5-8 17a60 60 0 0 1-8-2v2h-3a23 23 0 0 1-1-14l.6-3 .4-2-2-1c9.4-10.5 9.4-10.5 14-15z'/><path fill='#090f0f' d='m593 742 1 3-3.7 2.5-2.2 1.4C586 750 586 750 582 750v2l-8.8 3-5.4 1.8-6.8 2.2-3.2 1c-13.9 3.9-27.6 3.5-41.9 3.3l-7.5-.1-18.4-.2c3.4-3.4 6.6-3.1 11.2-3.2h3.8l2-.1c27.2-.6 52.9-3.5 77.7-15.3 2.9-1.2 5.3-2 8.3-2.4'/><path fill='#41484a' d='m385 223 2 1c-.6 1.9-.6 1.9-2 4-3 1.2-3 1.2-6 2l-3 1v2l2 1c-15.7 14.2-15.7 14.2-23 19a57 57 0 0 0-8.5 7.3l-1.4 1.5A174 174 0 0 0 335 273l-1-2 2-4-6 3v-2l-3-1v-3h-2v-3h2l1 2 1-4h6v3c3-.7 3-.7 6-2l1-4 6-4 1-2h2l-1-3 1.9-.8c2.4-1.2 2.4-1.2 4.1-4.2q3.4-1.9 7-3l2.3-2.3a47 47 0 0 1 8.7-6.7l2.8-1.8 3-2 2.8-2z'/><path fill='#1e282a' d='m316 358 2 1-1 10h2l2 7 .6 2a12 12 0 0 1-.8 6.7c-1 4.8-.5 7.4 2 11.5l1.2 1.8c1.8 3.1 2 4.1 2 8h2l1 6h2l1 3 2 1-1 3-3.5-2.9-2-1.6-1.5-1.5v-2h-3v-2l-3-1v-2h-7l-3.5-6.2-1-1.8a15 15 0 0 1-2.5-9c3-2 3-2 6-1.7 3 .7 3 .7 6 1.7l-.5-3-.6-3.9-.6-3.8c-.3-3.3-.3-3.3.7-5.3l-2-1z'/><path fill='#1c2627' d='m342.7 761.9 4.9 2.8q5.6 3 11.3 5.6l2 1A250 250 0 0 0 389 782l-1 4c-4-.5-7.5-1.2-11-3l-1-3c-1.7-1-1.7-1-3.8-1.5l-2.5-.7q-4.4-1.3-8.8-2.3-5-1-9.6-3A59 59 0 0 0 340 769v3c-2-.7-2-.7-4-2l-1-4-3-2v-4l-4.3-.6-2.4-.3c-2.5-.2-2.5-.2-5.3.9l-2.9.4c-3 .6-5.4 1.4-8.1 2.6v2h-2l-.3 1.6q-1.4 4.3-3.5 8.2l-1.6 3.1-1.6 3.1-2.4 4.8-1.6 3.2h-2c3.6-11.8 8.6-24.8 19.6-31.5 11-4.5 19.4-1 29 4.4'/><path fill='#273334' d='m619 446 4.6 1.4 2.8.8 6 2c2.6.8 4.8 1 7.6.8l-1 4 4-1 1 3h2.4c2.6 0 2.6 0 4.6 1l1.9.4c2.4.7 4 1.7 6 3a27 27 0 0 0 7 3.5 29 29 0 0 1 13.6 9.2c1.8 2.3 3 2.5 5.8 3.1 4.8 1.5 6.9 3.8 10 7.7 3.4 4.1 7.6 7.4 11.8 10.8l1.9 1.6 1.8 1.4c1.2 1.3 1.2 1.3 1.2 3.3l3 1 1.9 3c1.8 3.2 1.8 3.2 4.6 3.6l2.5.4c2.4 1.8 2.4 1.8 4 4l-1 5c1.3 2.3 1.3 2.3 3 4l-1 2-4-4.9-2.5-3-4.5-5.7c-21.7-28.5-59-46.3-91.3-60.3l-2.6-1.1-2.3-1c-1.8-1-1.8-1-2.8-3'/><path fill='#2f393a' d='m326 235 1 2-2.2 2.2c-8.4 8.4-15.4 17-21.6 27l-3.3 5c-9.6 15.5-15.1 34-18.9 51.8l-2-4c-4 12.1-3.1 25-3 37.7V375c-3-3-2.7-6.5-3-10.6l-.3-2.3-.5-4.7-.5-4.6c-.8-5.8-.5-11.1.2-16.9l.5-5.5.3-2.7 1-11.8.2-3.7c0-2.7 0-4.7-.9-7.2l2 2 2-1v7l3 1 .6-2.1c8.9-29 21.6-54.4 43.4-75.9z'/><path fill='#394548' d='M272 589h2l4.4 6 1.2 1.6c6.5 9.2 7.6 20.2 9.4 31l.8 4.8 1.9 11.6.8 5.4c3.3 20.1 3.6 40.3 3.7 60.7v14.1c0 4.7-.8 8.4-2.2 12.8h-1v-2.2l-.3-20.8-.1-10.7c-.3-32.8-.3-32.8-4.8-65.2l-.6-3.2a436 436 0 0 0-6.4-26.6c-1.7-5.8-3.6-10-7.6-14.7-1.2-1.6-1.2-1.6-1.2-4.6'/><path fill='#1e282a' d='M312 331h1v17.9l.1 3.8v3.5c-.1 2.8-.1 2.8-1.1 4.8h-3l-1 3-3-1c-1.5 3.4-2 5.2-2 9l-2 2a25 25 0 0 1-3-9.7l-.6-3.2-1-8.2c-.2-3.8-.2-3.8-1.4-6.9 3-2 3-2 6-2v-3h6l1 2 1-2h2z'/><path fill='#2d373a' d='M422 178c0 2 0 2-1.5 4-3.2 2.6-6.6 3.5-10.5 4.7q-13 4.2-25.3 10.2-5 2.3-10 4.2a112 112 0 0 0-34.2 22.7C339 225 339 225 337 225c1.4-3.2 2.9-5 5.6-7.1s2.6-2.1 4.4-4.9h2v-2l5-1v-2l5-1 .3-1.9c1-3.1 3.3-3.9 6.1-5.3l2.3-1.2 2.3-1.2q10.3-5 21-9.4l2.7-1.1q9-3.7 18.3-6.9l3.4-1.2c2.6-.8 2.6-.8 6.6-.8'/><path fill='#384141' d='M541 201c24.8.3 51 6.8 71 22l-1 3c-3.3-.6-5-1.7-7.6-3.9-7.2-5.5-15.7-6.4-24.4-8q-9-1.6-18-4.1l-6.7-1.7-5.3-1.3-1-4-7-1z'/><path fill='#0b1111' d='M585 221h6l1 1 4.6.8A47 47 0 0 1 616 232l2 3 3.3 1.1c4.3 1.7 6 4.9 8.3 8.8 1.4 2.4 1.4 2.4 4.4 4.1v2h2v2l2.4.8c3 1.4 3.4 2.2 4.6 5.2l2 1 1 5h2l3 5 2.6 2.4c3 3.2 3.1 5.4 3.4 9.6a55 55 0 0 1-7.6-9 161 161 0 0 0-15.4-18l-1.6-1.7a107 107 0 0 0-12.7-11.1l-2-1.6c-10.2-7.4-21.5-13-32.7-18.6z'/><path fill='#273234' d='M466 163h6v3h8l-2 2.4c-2.2 2.3-2.2 2.3-2 4.6l-3.2.5-12 1.8-5.2.8a202 202 0 0 0-30 6.4c-5.4 1.6-5.4 1.6-7.6.5l2-3h2v-3c6.7-2 13-3.4 20-4v-2l2.5-.3 11-1.6 3.8-.5 3.7-.5 3.4-.5 2.6-.6 1-2z'/><path fill='#3d4445' d='M617 731c0 3 0 3-2 5.3l-3 2.7-1.6 1.6c-25.4 24-63.4 29.6-96.8 29.8H511c-15 0-30.6-.7-45-5.4l-2-2 5.2.6 4.7.5 10.7 1.5c21.6 3.4 44.6 1.7 66.4.4v-2l1.9-.1 2.4-.3 2.4-.2c2.6-.3 2.6-.3 5.3-2.4l6-1.4q4.1-1.3 8-3.6c6.3-3.4 13-5.4 20-7v-2h3v-2h2v-2l2.8-1.2c3.4-2 4.8-3.7 7.2-6.8z'/><path fill='#454d4f' d='m690 224 2 1-.5 2.8c-.6 3.3-.6 3.3-.5 7.2h-2v2l2.1-.1h2.8l2.7-.2 2.4.3 2 3h2l1 10h-2v2h2l2 7h-2l-1 4c-1.6-1.7-1.6-1.7-3-4 .3-2.2.3-2.2 1-4l-4-2v-2l-4-1v-2l-1.9-.3c-2.1-.7-2.1-.7-4.1-3.7-2-.7-2-.7-4-1l-1-4.3-.7-2.4c-.3-2.3-.3-2.3.7-5.3h3l-1-4z'/><path fill='#545b5d' d='M388 218h3c-1.1 3.3-1.5 3.6-4.3 5.3l-2 1.2-2.3 1.3q-6.8 4-13.3 8.8C366 237 366 237 364 237l-1 3c-4.3 3-4.3 3-7 3l-1.7 2c-3 2.6-5.4 2.7-9.3 3 2-2 2-2 5-3-3.8-.3-3.8-.3-6 1-1-3-1-3-.1-5l1.1-2 1-2 2.3-.4c2.8-.4 2.8-.4 4.4-2.5a12 12 0 0 1 6.7-3.4q7.6-2.3 14.5-6.1 6.4-3.2 13.1-5.6z'/><path fill='#262f2f' d='M735 191h1v57h-8c-1.2-9-1.2-18.1-1.1-27.3V205c0-3.2 0-5.9 1.1-9h2c2.5 7 3.4 13.1 3.1 20.6v5.3l-.2 2.3q.3 6 1.1 11.8z'/><path fill='#242e2f' d='M389 784c5.2-.6 9 1 13.7 2.8A378 378 0 0 0 473 803v1a122 122 0 0 1-44.5-4.4c-2.6-.7-2.6-.7-5.5-.6v-2l-2.8-.4c-15.2-2.2-15.2-2.2-22.2-5.6v-2l-7-1v-2z'/><path fill='#0c0f0e' d='M578 421c9.1 1.6 17.5 5.1 26 8.6l2.4 1c43 17.5 43 17.5 55.6 26.4v3c-9.6-1.2-18.4-7.3-26.8-11.8-6.1-3.2-12-6.3-18.7-8.4l-3.2-1-2.3-.8v-2l-1.6-.4q-8.6-2.6-17-5.6l-2.2-.8A190 190 0 0 1 577 424z'/><path fill='#172323' d='M262 629h1v12.3l-.1 2.6v2.5c0 2.7 0 2.7.6 5.8q.7 5.4.6 10.8v22.7l.1 12.2v23.8a31 31 0 0 1-2.2 9.3h-2l-.6-5.8-.3-3.3c-.1-2.9-.1-2.9.9-5.9v-8l-.1-6.2c0-4.8 0-9.2 1.2-14l.9-3.8-2-2c-.3-1.9-.3-1.9-.3-4.2v-33.1c0-5.6.7-10.3 2.3-15.7'/><path fill='#0d1515' d='M296 438c2.8-.2 2.8-.2 6 0 1.6 1.9 1.6 1.9 3 4l1.9.9a18 18 0 0 1 5.5 4.8l1.8 2.1 1.8 2.2 3.4 4 2.6 3-2 4h3c5 5.3 5 5.3 5 8l2 3c-2.5-1.2-4-2-6-4l-2.3-.3c-3.7-1-5.8-3.2-8.4-6l-1.6-1.6c-15-15.7-15-15.7-15.7-24.1'/><path fill='#1f2b2c' d='m534 408 2.7 1c4.3 1.3 7 1.4 11.3 0l7 2.3 8.7 3.1 4.4 1.6 10.9 4v3h-2v3h-2v2l-10-1v-2l-2-.6-2.8-.8-2.6-.7q-3.4-1.1-6.6-2.9v-3l-3.4-.7q-7.4-2.1-14.6-5.3z'/><path fill='#bfc3c2' d='M513.4 181.7h10.4c11.9 0 23.4.4 35.2 2.3l2.5.4q11.4 1.7 22.4 5.2l2 .6c3 1 4.9 1.6 7.1 3.8a243 243 0 0 1-16-3.2c-47.8-11.5-96.6-10-141.6 10.3l-2.7 1.2q-7.4 3.3-14.1 7.8c-1.6.9-1.6.9-3.6.9v-2a221 221 0 0 1 62-25l2.8-.6c11.1-1.9 22.3-1.7 33.6-1.7'/><path fill='#182323' d='m633 666 2 1v6h2c.4 11.2-.5 21-3 32l-.5 3.2c-.6 3.2-1.6 5.2-3.5 7.8h-2l-.7 2.1q-2.1 4.7-5.3 8.9h-3l-2 1c1-3 1.8-4.8 4-7 .6-2.1.6-2.1 1-4.4.6-3.3 1-4.7 3-7.6l1-5 3-1v2h3v-5l-3-1 .5-2q.8-5.2 1-10.6.5-10.3 2.5-20.4'/><path fill='#363f40' d='m378 266 3 1v3h2v2l-4 2 2 3v10l-2 5h3v2h-2l-1 7h-2a94 94 0 0 0 6 38l.9 2.6 2.1 6.4c-9.7-9-12.7-26.1-13.3-38.8-.4-14.4.7-29.4 5.3-43.2'/><path fill='#0c1414' d='M393 779q8 2 16 4.6 17.5 5.6 35.6 9.2l2.2.5c37.3 7.5 74.2 8.6 111.9 4.1l2.3-.3 4.3-.5q6.3-.8 12.7-.6c-5.7 3.3-12.7 3.4-19.2 4.1l-2.3.3c-30.6 3.4-63.1 4-93.5-1.4l-4-.7a309 309 0 0 1-66-17.3z'/><path fill='#131c1d' d='M730 513c4 1.3 5.3 3.8 7.6 7l1.3 2q4.9 7 9.2 14.5l1.2 2c2.2 4 3.3 7 2.7 11.5-1.5 1.9-1.5 1.9-3 3-2-3-2-3-2.7-5.9-1.7-4.1-3.8-5.4-7.3-8.1-1.3-3.8-1-7-1-11h-3l-1 2-4-5.2-2.3-3c-1.7-2.8-1.7-2.8-1.6-5 .9-1.8.9-1.8 3.9-3.8'/><path fill='#232e31' d='M534 162c14.7-.9 29.8 1.3 44 5v2q-10 .1-20-1l10 2 1 4h-2v2a320 320 0 0 1-17-2l-3.4-.4-2.6-.6-1-2c-2.6-.5-2.6-.5-5.6-.6l-3-.3-2.4-.1 1-2 4.3-.7 2.4-.2c2.3-.1 4 .3 6.3.9l2-.5c2.5-.6 4.4-.1 7 .5v-2l-22-2z'/><path fill='#848a8b' d='M292 597h2l2 7.7.6 2.2c1 3.8 1.6 7.1 1.4 11.1h-2v11h-2a147 147 0 0 0 26 64l-1 2a135 135 0 0 1-26-57l-.9-3.6q-2.8-13-3.1-26.4h2v-4.9l-.1-2.8c.1-2.3.1-2.3 1.1-3.3'/><path fill='#f6f6f0' d='M643 711h2v8l7 1c.8 2.2.8 2.2 1 5-1.7 2.8-1.7 2.8-4.1 5.6l-2.4 2.8a60 60 0 0 1-7.5 6.6v-5l-7-1a26 26 0 0 1 3.3-9.4l1.3-2.4 1.5-2.5 1.4-2.5z'/><path fill='#3a4546' d='M476 418h3v2h4v2l4-1v2l2.2.9 5.1 2.1c3.7 1.4 7.3 1.8 11.2 2.3 2.8.8 3.6 1.6 5.5 3.7a39 39 0 0 0 16 5l5 2a50 50 0 0 0 16 2l1 4 4 1v2h3v2l5 1c-4 1.6-7.3.3-11.2-1l-2.1-.8-6.7-2.2-2.2-.7q-12-4-23.5-8.9l-8-3.2A306 306 0 0 1 476 420zm77 27h2l-1 2z'/><path fill='#060b0b' d='m688 349 5 1c1.4 2.9.6 5 0 8h3l1.2 3.7c1.7 4.6 4.3 8 8.8 10.3v2h14c0 3 0 3-1 5l3 1a29 29 0 0 1-22-2 33 33 0 0 1-9.4-16.2l-.8-2.4A31 31 0 0 1 688 349'/><path fill='#253030' d='m436 510 2.2 1c2.7 1 2.7 1 5.5 1.5 2.3.5 2.3.5 4.3 2.5l1.3-1.5c1.7-1.5 1.7-1.5 4.7-1.5l.9 2c1 2.2 1 2.2 3.1 3v2l5 1v2l2.3-.5c2.7-.5 2.7-.5 5.7-.5 3 3.3 3 3.3 3 6h2v-3l4 1v3l7 1 1 4 5 1 1-2 2.2.4 2.8.6 5 1-4 5-1.5-.6-7.5-2.8-2.8-1.1-15.2-5.7a675 675 0 0 1-39-15.8z'/><path fill='#0e191a' d='M518 189.6h9.2q14.4 0 28.9 1.3l2.4.2q8.2 1 16 4c3 1 5.4 1 8.5.9l2 1v2l3 1-2 2-8.4-2.2a172 172 0 0 0-20.6-4.5l-2.2-.4a222 222 0 0 0-39.4-2.1A221 221 0 0 0 485 195l-10 1c8.7-8.7 31.5-6.6 43-6.4'/><path fill='#505354' d='M671 668h1c.4 22 .4 22-1.6 32.4a43 43 0 0 0-.4 9.6h-2l-.1 2.2-.3 2.7-.2 2.8-.4 2.3-2 1-1 3h-3l-.6 2.6c-1.8 4.4-4.6 6.6-8.4 9.4l-2-1 1.3-1.4 1.6-2 1.7-1.8c1.6-1.9 1.6-1.9 2.4-4.8l-3 1c0-4 0-4 1.4-5.6l1.6-1.4 1-2-2.6.6c-3.8.4-6-.2-9.4-1.6v-4l4 2v2l7-1v-2h3l1 3c8.1-14.3 8.4-32 10-48'/><path fill='#172021' d='M495.5 160.9h19.9l16.6.1-1 2-29 1-1 2c-2 .4-2 .4-4.5.6l-2.7.3-2.9.2-2.8.3-7.1.6c1.8 2.2 1.8 2.2 4.2 2.1l2.6-.1 2.8-.2 3-.2 3-.1 7.4-.5v2l-28 2-1-3 4-3-7-1v-3c6.6-3.3 16.2-2.1 23.5-2.1'/><path fill='#0b1313' d='M530 200.8a21 21 0 0 1 6 5.7c4.3 3.5 8.6 3.9 14 4.5v1h-44v-2h2v-2l3-1 2.1-2.5c3.5-3 5.4-3.1 9.8-3.4 6.8-.4 6.8-.4 7.2-.3'/><path fill='#242f31' d='m648 602 4 2v2h2c3 5.8 3 5.8 3 8h2c3.3 5.2 4.6 8.8 5 15l-3-3v-2c-2.5.3-2.5.3-5 1l-1 2-5-1 .6-1.9c.6-2.1.6-2.1-.6-4.1l-5 2c-1.4-10-1.4-10 0-15l3-3z'/><path fill='#182425' d='M411 267h2l.4 3.4c.2 3.4.2 3.4 1.6 4.6l1 7 1 5h-3l-.8 1.9C412 291 412 291 409 293l1 1.7c1 2.3 1 2.3.5 4.6-.6 3-.2 4.9.5 7.8 1.1 4.6 1.1 4.6 0 7.9h-2v-5l-2-1-2 2c-1-31.2-1-31.2 6-44'/><path fill='#253132' d='M661 630a8 8 0 0 1 4 1c1.2 2.9 1.2 2.9 2 6.4 1.2 5.2 1.2 5.2 5 8.6.5 2.9.5 2.9.7 6.6v2q.6 15.8.3 31.4h-1l-1-9-2 14c-4-4-4-4-4.3-7.7.3-3.3.3-3.3 1.3-4.3.5-5.9.5-5.9-2-11l3-1c1.2-2.4 2-4.3 2-7l-4 1c1-3 1-3 3-5h-3v-3h2c.3-5-.7-9.2-2-14h-2l.1-2.8c.2-3.4.2-3.4-2.1-6.2'/><path fill='#252d2c' d='M736 248h1l.2 24.2v22.1l.1 4c.1 7.1 0 13.2-2.6 19.9-1 2.5-1 4.8-1 7.5v3l.1 2.9v3l.2 7.4-4 2a605 605 0 0 1-1-40l2-1v2h2l1 2q1.2-11.2 1.3-22.6v-3.2l.3-9.9v-6.8q.3-8.2.4-16.5'/><path fill='#212d2e' d='M724 189h1v2c-.2 28.4.4 56.7 1 85h-2l-1 2q-1.4-13.5-1.2-27.2V213c0-8.2.4-16 2.2-24'/><path fill='#081313' d='m477 195 1 2-3.4.6A67 67 0 0 0 444 211l-4.3 3.3-2 1.5C436 217 436 217 433 218l-2-1v2l-8 3-2-4c8.4-6.3 16.5-10.8 26.3-14.6l3.4-1.4c21.4-8.6 21.4-8.6 26.3-7'/><path fill='#323b3b' d='m627 738 2 4 5-2 1 4h-2l-1 3-2.3 1.3c-2.9 1.5-2.9 1.5-4.4 4.5-5.6 7.7-16.6 11.8-25.3 15.2h-3v-3c3.7-2 5.7-3 10-3l.6-1.7c1.6-2.6 3.2-3.4 5.7-5 3.6-2.8 6-6.6 8.7-10.3l1.6-2.1z'/><path fill='#354242' d='M300 588h2v3l3 1-.1 2.6c.1 3.6.9 6 2.2 9.3l1.4 3.4 1.5 3.7 2.5 6.2 1.6 4c1.9 4.6 1.9 4.6 1.9 6.8h2l.7 2.2a137 137 0 0 0 9.5 20.5l1.3 2.5c2 4 2 4 5.5 6.8l1-2 3 2v7c1.3 2.5 2.5 2.9 5 4v7a55 55 0 0 1-10.6-13.9l-1.5-2.6C300 607 300 607 300 588'/><path fill='#c7c9c7' d='M698 539c14.2 13 23 39.3 24.1 58 1.2 27 1.2 27-1.1 39h-1v-3.1l-.3-11.8v-5c-.2-14.4-1.6-28.2-6.3-42l-.8-2.1q-5.2-15.2-13.4-29c-1.2-2-1.2-2-1.2-4'/><path fill='#3a4244' d='m303 255 1 2c-1.3 2.4-1.3 2.4-3.2 5.3A99 99 0 0 0 294 274l-1 1.8c-6 9.8-9.7 21-12.5 32L279 313h-2c-1.5-3.9-.3-6.2 1-10l.3-3.1c1-5.7 3.3-10.6 5.7-15.9l1-2c9-20.6 9-20.6 18-27'/><path fill='#0a1415' d='M593 779h2v5l-12 2.9-4.1 1a196 196 0 0 1-39.8 5.7l-3 .1-7.1.3 1-3 2.2-.2c13.7-1.4 27.3-3 40.8-5.8l2.5-.5q4.9-1.1 9.8-2.5l3.7-1c2.9-.7 2.9-.7 4-2'/><path fill='#0e1212' d='m721 171 1 2-1 2-2-.1h-2.8l-2.6-.2a9 9 0 0 0-6.6 3.3c-.7 3-.7 3-1 6l-2 3h-2l-.9 2.3C700 192 700 192 698 195h-2l-1 2-4 2-1.8 1.6c-2.9 1.8-4.9 1.7-8.3 1.7l-3.2-.1c-2.7-.2-2.7-.2-4.7-1.2v-2l2.2.1h3l2.9.2c4.8-.5 7.1-2.5 10.4-6l2.4-3 1.4-1.6 7-9.1c5.4-7.3 9.5-9.4 18.7-8.6'/><path fill='#0c0d0e' d='M318 239c.7 1.7.7 1.7 1 4-1.6 2.1-1.6 2.1-3.9 4.4a138 138 0 0 0-30.5 55.6l-3 9.1-1 3-.6 1.9h-1c-.2-5.4.5-9.9 2.1-15l.7-2.3c3-9.4 6.4-18.5 12-26.7l4-7.3A133 133 0 0 1 318 239'/><path fill='#3b4748' d='M514 178.7h14.4c3.7 0 6.5.3 9.6 2.3-2.3 1.1-3.5 1.1-6 1.2h-5.4l-5.9.1-9.2.1c-13.2.1-25.6 1-38.5 3.6l-3.3.6-6.7 1.4v-2l6.9-2.4 1.8-.6c13.4-4.5 28.3-4.3 42.2-4.3'/><path fill='#131e1f' d='M326 736c17.7 1.4 17.7 1.4 25 5l2 3h-10l-2 7h-3v-2l-2.4-1c-2.6-1-2.6-1-4.6-2v-2h-4l-2-7z'/><path fill='#232d2e' d='M715 563h2l.3 1.9c.6 2.5.6 2.5 3.7 4.1v2l6 2 .2 5.8v3.2c-.2 3.4-1.2 4.4-3.2 7a9 9 0 0 0 .3 4.3l.7 3.7-2 1v-3h-2l-.4-1.9-2-8.6-.6-3q-1.7-8.4-5-16.5z'/><path fill='#343e3f' d='m557 167 8.8.4 2.5.2h2.5l2.2.2c2 .2 2 .2 5 1.2v-2q10.1 1.4 20 4v3l1.7.6 2.2.8 2.3.7c1.8.9 1.8.9 2.8 2.9-6.1-.3-11.5-1-17.3-3.1-9.5-3.2-19.6-5-29.6-6.4l-2.1-.5z'/><path fill='#d6d7d4' d='M272 589h2l4.4 6 1.2 1.6c6.2 8.8 7.4 19.1 9.1 29.5l1.2 7.1c3.3 19.2 3.3 19.2 3.2 27.4v2.5l-.1 1.9h-1l-.4-2.8a439 439 0 0 0-9.6-49.5l-1-3.5a37 37 0 0 0-7.8-15.6C272 592 272 592 272 589'/><path fill='#2d3736' d='M751 568a20 20 0 0 1 4.5 9.9 33 33 0 0 0 3.3 9.4c1.4 3.1 1.1 5 .5 8.4-1.1 7.9-.3 16 .6 24l.1 2.3-1 1v3.4a63 63 0 0 1-1.9 15l-.5 2.8-.5 2.6-.5 2.4-.6 1.8-2 1q.5-9.4 2-18.7c2.5-18 1-35.6-2-53.3l-.6-4z'/><path fill='#182223' d='M328 638c1.8.2 1.8.2 4 1 1.6 2.1 1.6 2.1 3 5l1.6 3 1.6 3 1.7 3.2 4.1 7.8-2 2h-3l-1-3h-3c-3.6-1.2-4.5-2.7-6.2-5.9a21 21 0 0 1-.8-9.2c.2-2 .2-2-1-3.9z'/><path fill='#1f2a2b' d='m455 216 3 1c-3 3.5-6 5.1-10.1 7a17 17 0 0 0-4.9 4l-3.6 3c-13.5 11.7-13.5 11.7-21.4 27-2.5 5.7-2.5 5.7-6 8 .5-5.1 2.3-9.1 4.8-13.6l1.2-2c4.3-7.5 10-13.4 16-19.4l1.7-1.9c1.3-1.1 1.3-1.1 3.3-1.1v-2l6.9-4.6 2-1.2c4.7-3 4.7-3 7.1-4.2'/><path fill='#1d2424' d='M713 185h2c.6 19.9.6 19.9-3.5 26.4-2 3.4-2 6-2.2 10l-.2 3.7-.1 2.9h-1l-.4-2.2-.5-2.7-.5-2.8-.6-2.3-2-1 2-5-3-1v-5l4-1v-3l-2-2 2.4-1.6c3.2-3 3.7-5.2 4.6-9.4l.6-2.4z'/><path fill='#1d292b' d='M571 442c4.8 0 8.7 1.2 13.3 2.4 2.7.9 2.7.9 4.7-.4l2 2h-2l1 3-1 2 5-2-2 7-3-1v-3l-4 1 1-4-5 1-2 6-1-2q-3.4-.9-7-1.3l-2-.7-1-3h4l1-2h-4z'/><path fill='#2e3737' d='M690 324a16 16 0 0 1 5 8.1l1 3.1 1 3.2 1 3.2a197 197 0 0 1 5.2 19c1.2 3.6 2.7 5.1 5.8 7.4 2.4 1.2 4.4 1.3 7.1 1.6l2.8.2 2.1.2c-2.1 1.9-3.4 3-6.2 3.2-8.2-1.1-8.2-1.1-10.8-4.2a25 25 0 0 1-4-13h-5l3-5h-2a26 26 0 0 1-3-9.4q-.7-4.5-2.1-9c-1-3-1-5.4-.9-8.6'/><path fill='#787a78' d='M593 193c12 3.3 23 7.8 34 13.5a26 26 0 0 0 7 2.5v4l3-1 1 2c2.9 4.3 6.9 7 11 10l-3 1c-1.6-1-1.6-1-3.4-2.4A172 172 0 0 0 591 195z'/><path fill='#6c7476' d='M425 766c8.1 1.3 15.5 3.9 23.1 6.8q8.3 2.8 17 4.1a86 86 0 0 1 9.4 2.1c16.6 4.7 35.4 3.6 52.5 4v1a224 224 0 0 1-94.2-13.2l-2-.8c-4.7-1.8-4.7-1.8-5.8-4'/><path fill='#0d1110' d='m273 308 2 1-.4 7.8v2.2a21 21 0 0 1-2.6 10c-1.2 5.3-1.1 10.6-1.1 16v18l.1 15c-4.4-8.2-3.2-18.1-3.3-27.1v-2.3c0-32 0-32 5.3-40.6'/><path fill='#0d1818' d='M480 176v1l-2.8.5A427 427 0 0 0 423 191l-4 1.3c-4.9 1.2-4.9 1.2-9 3.7h-5c1.5-3.1 2.3-4.7 5.6-6l3-.6q5.5-1.1 11-2.8 9.6-2.9 19.6-5.2l3.8-.9a123 123 0 0 1 32-4.5'/><path fill='#353d3f' d='M666 692h3a58 58 0 0 1-8 25l-1-4h-3v2c-3.2.8-3.2.8-7 1-2.4-1.8-2.4-1.8-4-4v-2h-3c1.8-4.9 1.8-4.9 4-6v2l3 1v4l5 1-.4-2.7c.4-3.3.4-3.3 3.3-5.6l5.1-2.7 3 1z'/><path fill='#111715' d='M576 804v2h-9l-1 4 4 1-12.2 1.5-3.4.4q-11.6 1.4-23.4 1.1v-2c5.1-1.8 9.4-2.2 14.9-2 2.2.2 2.2.2 4.1-1l-10-1a17 17 0 0 1 10.6-2c5.5 0 10.5-.4 16-1.6q4.6-.7 9.4-.4'/><path fill='#25302f' d='M585 215c8.4.9 15.3 2.6 21.4 8.8 1.8 1.6 1.8 1.6 5.6 1.2v3l5 1v3l1.8.4q3.2 1 6.2 2.6v2h2l2 3 2.2.8c3.4 1.4 5.6 3.4 8.2 5.9 1.6 1.4 1.6 1.4 3.6 2.3v2l-3 1v-2l-4-2v-2l-2.7-.7a23 23 0 0 1-8.3-5.3v-2l-3.4-.7C618 236 618 236 617 234l-.9-2c-2.4-1.1-2.4-1.1-5-2l-1.9-1.4c-2.8-2.1-5.9-3.2-9.1-4.6l-2-2-7-3v-2h-5zm27 8 2 2h-2z'/><path fill='#0f1816' d='m307 269 1 2-3 5.1c-1.3 2.2-1.3 2.2-1 5.9l-3.2 7c-4.1 9-6.5 18.4-8.8 28l-1-2h-2v3l-2-1c1.5-7 3-13.5 6-20q3.1-7.3 5.5-14.9a16 16 0 0 1 5.5-8.1z'/><path fill='#212a2c' d='M743 587h2q1.3 12.4 1.3 25v2q.1 16.3-3.3 32l-.6 3-1.4 6-3-3 1-2.4 1-2.6-1-2h2v-12l-1 4h-2c.3-3.4.3-3.4 1-7l2-.8 2-1.2c.7-2.9.7-2.9.8-6.1l.1-3.3.1-2.6-3-2 2-5h-2l1-6h2z'/><path fill='#e6e7e2' d='M706 217c4.5 6.7 1.8 17.3 1 25h-2l-1-7h-2c-2.3-2-3-3-4-6-2-.7-2-.7-4-1v-4l3.2-1.8z'/><path fill='#090c0c' d='m357.3 201.3 1.7.7c-1.1 3.4-1.4 3.5-4.4 5.2q-9.6 6-18.5 13l-3 2.2-2.5 2a31 31 0 0 1-8.6 3.6c3.5-8.1 26-28 35.3-26.7'/><path fill='#343e3f' d='m626.6 182.8 8 2.8 2.7 1 6.7 2.4v-2l2 1-1 2 2 .5a78 78 0 0 1 16 6.5v2c-7.7-.9-7.7-.9-10-2v2h-2v-2l-2-1v-2l-2.9-.2c-4-.6-7.3-2-11-3.6q-7.1-2.8-14.4-5c-5.5-2-5.5-2-7.7-4.2 4-2 9.5.5 13.6 1.8'/><path fill='#141f1f' d='M415 284h1v2l-.1 9.4v3.3q-.4 8.4 1.7 16.5.7 3.3.4 6.8h-3l1-2-2-1.7c-2-2.4-2.6-3.3-3-6.3l-.5-3-.5-3-.6-2.6a17 17 0 0 1 .6-7.4l-2-1 1-4h3l1-2.4c1-2.6 1-2.6 2-4.6'/><path fill='#595d5e' d='m690 224 2 1-.5 2.8c-.6 3.3-.6 3.3-.5 7.2h-2v2l2.1-.1h2.8l2.7-.2 2.4.3 2 3h2v3c-6.6-.4-12.7-.9-19-3v-2l-3-1 1-6h3l-1-4z'/><path fill='#162020' d='m620 725 2 3a63 63 0 0 1-10.2 8.5c-2 1.6-2 1.6-3.8 4.5l-6 1.4c-2.8.8-4.1 2.5-6 4.6-3 2-5.4 2.2-9 2 2.2-2.5 3.7-3.4 7-4l-1-2-4-1 9-5-1 4 2.4-1.5c2.6-1.5 2.6-1.5 4.6-1.5l1-3c4.3-4 4.3-4 8-4v-2h2v-2l2-.4c2-.4 2-.4 3-1.6'/><path fill='#263435' d='m284.2 576.8 3.7-.1 3.1.3 2 3c-4.2 2.7-8.7 2.4-13.6 2.5-4 .1-4 .1-7.4 2l-1 1.5 1.8.3c2.9 1 3.8 2 5.2 4.7-.3 2.3-.3 2.3-1 4-3-3.7-3-3.7-3-6h-2l1 4c-1.8 0-1.8 0-4-1-2.1-4-3-6.5-3-11l4 1 .7-2c1.3-2 1.3-2 3.4-2.6a82 82 0 0 1 10-.7'/><path fill='#1e2a2a' d='m730 525 1.8 2 2.2 2c2.1-.3 2.1-.3 4-1l.2 2.2c.5 5.8.5 5.8 3.5 10.4l3.7 2.3c1.6 1.1 1.6 1.1 2.5 4.3l.1 2.8 1 2h2l1-6c2.1 3.5 2.1 3.5 1.6 5.9l-.6 2.1c-1.7 6.4-1.7 6.4-2 13-2.6-3.1-3.9-6-5.2-9.9a120 120 0 0 0-14.7-28.4C730 527 730 527 730 525'/><path fill='#848484' d='M701 221c-3.6 3-3.6 3-7 3v4l5 1v3l3 1v2h2l1 7h2v6h-2c-1.3-3-2-4.8-2-8l-4 1v-3l-10-1v-2h2l-.7-3.2c-.3-4.2.2-5.5 2.7-8.8 2.6-2.6 4.6-3.7 8-2'/><path fill='#273234' d='m721 171 4 2-1 6h-4l3 3-11-1v-2h-3l-.9 2.8A25 25 0 0 1 701 193l-2.1 2.8-1.9 2.2h-2v2l-6 1c3.4-4.9 3.4-4.9 6.6-5.5l2.4-.5c1.3-2.4 1.3-2.4 2-5l2-3h2c1.4-4 1.4-4 2.4-8.2 1-2.7 2-3.5 4.6-4.8a17 17 0 0 1 10 1z'/><path fill='#1e2928' d='M496 550c8.9 2.1 17.2 5.3 25.7 8.7l3.9 1.5 9.4 3.8v2h-5v-2h-2.3l-3 .1h-3c-2.7-.1-2.7-.1-5.7-2.1l-2.4.1c-3.6-.1-4.9-1.8-7.6-4.1-2.7-1.2-2.7-1.2-5-2v-2l-2-.3-2-.7z'/><path fill='#252e30' d='m518 535 2 1c-1.7 4.9-1.7 4.9-4 6 4.3 2.4 4.3 2.4 9 3v2l4-2v2l1.8-.7 2.2-.3c2 1.5 2.9 2.8 4 5l2.9-.1c3.1.1 3.1.1 5.1 2.1l2-1c4-.3 6.6 0 10 2l-.6 1.9c-.6 2.1-.6 2.1.6 4.1q-5.4-1-10.4-3l-3.1-1.3-3.3-1.4q-14.5-6-29.2-11.3l3-3.4 1.6-2z'/><path fill='#2f3938' d='M529 200c6.5-.4 13.3-.5 19 3 .7 2.1.7 2.1 1 4l6 1-2 1v2l2 1-10 1 1-2-1.9-.3-2.5-.4-2.4-.5c-2.8-1-3-2.2-4.2-4.8l-3-1v-2l-3-1z'/><path fill='#232e2f' d='m602 741 3 1-3 1v2h-2v2h-3v2c-3.4 2-6.5 3.2-10.4 3.9a26 26 0 0 0-10.8 5c-5.8 3.7-13.1 4.9-19.8 6.1 4-5.7 7.4-7.2 14-9l5.4-1.7c4.3-1.3 4.3-1.3 6.6-1.3v-2l2-.3a30 30 0 0 0 16.2-7.5z'/><path fill='#cdcecc' d='m326 235 1 2-2.2 2.2c-8.4 8.4-15.4 17-21.6 27l-3.3 5c-6.4 10.3-10 21.7-14 33.2L283 312c-3.3-9.9 6.3-25.7 10.5-34.5A149 149 0 0 1 319 242l3-3.6c2-2.4 2-2.4 4-3.4'/><path fill='#192525' d='m687 320 4 2-.1 3.6c0 3.9.8 6.7 2.1 10.4l1.5 9.3c.4 2.8.4 2.8 1.5 5.7h2l-2 4 4 1 2 9h-3v-2h-2l-1-5h-3v-7l-5-2-1 2v-5l5-1v-8l-3-1 .3-2c-.4-3.7-1.7-6-3.4-9.2-.9-1.8-.9-1.8-.9-3.8z'/><path fill='#141f1f' d='m516 561 1 2h4.3l2.3-.1q3.3.2 6.4 1.1v2l8-1-2 1v2l5 2v2l2.1-.2c3.7.2 6 1.5 9.2 3.2l3.3 1.7 2.4 1.3-1 3-6-.9c-2.2-.2-2.2-.2-5 .9l1-4-3.4-1.1-4.5-1.6-2.2-.7c-5.6-2-5.6-2-7.4-5.3l-.5-2.3-3.7.1a19 19 0 0 1-9.3-2.1z'/><path fill='#192223' d='m460 787 9.3.9 2.8.2 13.8 1.4q21.5 2.1 43.1 3.5v1h-20.5q-17.3.2-34.5-1v-2l-14-2z'/><path fill='#0b110f' d='m558 578 1.5 1.1q6.2 5 13 8.8l1.5 1.1v2l3 1v3c-4-.6-7-1.8-10.5-3.7l-3.1-1.7-3.2-1.7-3.3-1.7q-4-2-7.9-4.2v-3c3.7-.2 4.8-.2 8 2z'/><path fill='#263032' d='M344 764a98 98 0 0 1 17.6 7.3A175 175 0 0 0 389 782l-1 4c-4-.5-7.5-1.2-11-3l-1-3c-1.7-1-1.7-1-3.8-1.5l-2.4-.7-12.3-3.2c-2.5-.6-2.5-.6-4.5-1.6l-1-3h-3v-2l-3 1-2-2z'/><path fill='#0e110f' d='M258 589h2l-1 76h-1q-1.3-13.4-1.1-27v-45.6c.1-2.4.1-2.4 1.1-3.4'/><path fill='#273437' d='M524 164c24.2-.3 24.2-.3 31 2v2l-6-.1c-2 0-2 0-4 1.1l-2.2-.5c-3.5-.6-6.3-.1-9.8.5l2.2.1 2.7.3 2.8.2 2.3.4 1 2-26-1v-3l2 .6c3.6.5 6.5 0 10-.6l-1-2c-2.5-.7-2.5-.7-5-1z'/><path fill='#222e30' d='m577 424 6 1v4l2.3.4c2.5.6 4.4 1.3 6.7 2.6l-1 3 7 1 1-2 2 5c-7.5-1.4-14.3-3.8-21.4-6.5l-3.3-1.2c-8-3-8-3-10.3-5.3 6.8.9 6.8.9 9 2v-2h2z'/><path fill='#14201f' d='M263 779h1l.1 2.2.3 2.7.2 2.8.4 2.3 2 1 1-2 2 3q4.3.3 8.4.1c8.3-.2 8.3-.2 11.6.9l-1 3-4.7 1-2.6.6c-5.5.9-8.3.4-13-2.6l-2.7-1.7-2-1.3-1 2-2-1-1 2-1-4h2z'/><path fill='#0f1819' d='M292 753h3c-.7 4.2-2 7.7-3.8 11.6a192 192 0 0 0-6.3 16.3c-.9 2.1-.9 2.1-2.9 4.1h-3c5.3-22.2 5.3-22.2 11-26 1.2-3 1.2-3 2-6'/><path fill='#0a0d0e' d='M277 403c1.8.6 1.8.6 4 2 1.3 2.8 1.3 2.8 2.4 6.1 1.8 5 3.7 9 6.7 13.3.9 1.6.9 1.6.9 4.6h2l2 6-1 2c-4.4-4-7-8-9.6-13.3l-1.2-2.2c-6.2-12-6.2-12-6.2-18.5'/><path fill='#616a6a' d='M315 264h3l1 4.8.6 2.7c.4 2.5.4 2.5.4 5.5l1-3h2v5l9-5 1 3c-1 1.8-1 1.8-2.4 3.7l-1.5 1.9-1.1 1.4a60 60 0 0 1-8-2v2h-3a23 23 0 0 1-1-14l.6-3 .4-2z'/><path fill='#192223' d='M321 459c3.5 1.5 5.8 3.5 8.6 6.1q7.7 7 16.4 12.9l-1 4h2l3 5a43 43 0 0 1-9.2-6l-2.8-2.1-2-1.9v-2l-1.7-.8a33 33 0 0 1-6.3-4.2v-2l-2-.8c-2-1.2-2-1.2-3-4.2h-3z'/><path fill='#dfe0df' d='M374 289h1v2.3c.8 16.8 2.5 31.8 8 47.7l1.7 5 1.3 4c-9-8.3-12.7-24.7-13-36.6-.5-18-.5-18 1-22.4'/><path fill='#243030' d='M264 585h2c1.4 7.8.9 15.6.6 23.5l-.2 4.2-.4 10.3h-1l-1 9h-1l-.5-19.1-.2-6.5-.3-9.4v-3l-.1-2.6-.1-2.5c.2-1.9.2-1.9 2.2-3.9'/><path fill='#d9dbd9' d='M354 252c0 3 0 3-1.6 4.7l-2.3 2a95 95 0 0 0-19 27.8c-1.1 1.5-1.1 1.5-3.1 2.3-2.9.3-3.8-1-6-2.8-2.6-.7-2.6-.7-5-1l3-1v-2l8 1 1.3-2.2A169 169 0 0 1 354 252'/><path fill='#212b2a' d='M429 781c2.2.3 2.2.3 5 1l6.2 1.2 3.5.7 3.6.7 3.7.7 9 1.7v2h2c8.8-.3 8.8-.3 13 2v1a151 151 0 0 1-26.8-3.4l-3.2-.6a131 131 0 0 1-18-5z'/><path fill='#d0d2ce' d='M707 275c2.8 2.8 2.7 5.9 3 9.7l.3 2.3.6 5 .8 7.3q1.5 12.3 1.3 24.7c-8.6-13-6.1-34-6-49'/><path fill='#a8acaa' d='m591 192 2 2a243 243 0 0 1-16-3.2 312 312 0 0 0-48-6.8v-1c20-3.4 43.3 1.7 62 9'/><path fill='#1d2829' d='M367 753c4 1.2 7.5 2.6 11 5v2l2 .3c4 1 7.4 2.8 11 4.7v2h-4v-2h-2l-2 4q-5.6-1.8-11-4l2-1 1-4-8-4z'/><path fill='#242e2e' d='M489 805h33l1 3h-6v2c-6.2 1-10.8.8-16.8-.8l-2.3-.6c-3.4-.8-6-1.6-8.9-3.6'/><path fill='#2f3a3b' d='m619 446 4.6 1.4 2.8.8 6 2c2.6.8 4.8 1 7.6.8l-1 4 4-1 1 3h2.4c2.6 0 2.6 0 4.6 1l1.8.3c3 1 4.9 2.6 7.2 4.7v2l4 2-2 1-7-3.4-4.3-2.2-2.3-1.2-14.8-7L619 447z'/><path fill='#151e1f' d='M675 300c2.7 2.4 3.8 4.6 5 8h2c3 4.6 3 4.6 4 7-.7 2.4-.7 2.4-2 4-5-1.4-6.3-3.8-9-8h-3l-2-6 5 1-.6-2.4-.4-2.6z'/><path fill='#0a0f0e' d='M281.6 574.2h3.5l3.3.2 3.1.1 2.5.5 2 3-2 1-3-1-6.8-.2h-3.7a27 27 0 0 0-9.5 2.2l-1 2-7 1-1 3-2-3 2.8-3.4 1.6-1.9c5-5.3 10.5-3.8 17.2-3.5'/><path fill='#454d4c' d='m318 303-1 11-1-3-3-1-1-3-5 1v2l-1.9.4c-2.1.5-2.1.5-4.1 1.6l-3-1c1-3.4 2-5 4.6-7.3a19 19 0 0 1 15.4-.7'/><path fill='#dadbda' d='M671 668h1c.5 20-.5 36.6-11 54l-2 1c.7-3.7 2.3-6.7 3.9-10a89 89 0 0 0 6.1-27l.3-2.6z'/><path fill='#7f8080' d='M643 710h3v6l12 1-2 5h-2l1 3h2c-1.3 6.8-7 12.6-12 17h-3l3-5h2v-2h2l2-5-2-1 1.5-1.7c1.7-2.7 1.8-4.2 1.5-7.3l-7-1v-8z'/><path fill='#151918' d='m764 599 3 1v15.8c.1 19.5.1 19.5-3 24.2l-1.1-4.6-.7-2.5c-.2-2.9-.2-2.9.8-6.1 1.3-4.9 1-9 .6-14l-.4-5.3-.2-2.3c0-2.3.4-4 1-6.2'/><path fill='#475053' d='m323 260 2 1v3h2v3c3 1 3.9 1 7 0h2c-.3 3.4-.3 3.4-1 7-3 2-3 2-5 2l-1 1h-5l2-7-5-1c-.2-3.6.1-5.9 2-9'/><path fill='#131917' d='M585 221h6l1 1 4.6.8c5 1 9 2.6 13.4 5.2l1.8 1c3 1.9 4 2.6 5.2 6-4-.6-6.7-2.7-10-5l-3 2-3.1-1.7-4.1-2.2-2.1-1q-4.8-2.7-9.7-5.1z'/><path fill='#0a100e' d='M734 188h1v51c-5.3-8-3.1-22.8-3.2-32v-10c.2-3.3 1-6 2.2-9'/><path fill='#0a1313' d='m488 808-1 2c-2.7.4-2.7.4-6 .6l-3.4.3-2.6.1 3 2c-6.3.2-11.9-.6-18-2v-2a42 42 0 0 1 28-1'/><path fill='#0a0e0d' d='M464 755a73 73 0 0 1 18 2l2.9.6 7.1 1.4-3 1v2q-11 .1-22-1v-2h-2z'/><path fill='#171819' d='m286 611 3 1q3.6 16.4 6 33l-4 1-2.1-12.5-.8-4.3-1-6.1-.6-3.8q-.6-4-.5-8.3'/><path fill='#132020' d='M260 737h3v2.8c-.2 7.8-.2 7.8.6 15.5.4 3.7.2 6.7-.3 10.4q-.6 5.6-.3 11.3l-1-4h-3v-2.4l.5-11.1.1-3.8q.5-9.4.4-18.7'/><path fill='#091010' d='m618 719 1 3c-1.4 2.6-1.4 2.6-3 5l-1 2h-2v2l-5 1-1 3a60 60 0 0 1-12 8 41 41 0 0 1 13-15l2-2.6a29 29 0 0 1 8-6.4'/><path fill='#212c2c' d='M512 201v1l-6.6 1.3-2 .4-10.2 2a118 118 0 0 0-29 9.5c-2.2.8-2.2.8-5.2-.2 12.6-10.6 37-14.6 53-14'/><path fill='#1d2628' d='M729 546c3.3 2.7 4.8 6.4 6.4 10.3l1 2A68 68 0 0 1 743 584h-2l-.3-2c-1-5.5-1.6-8.2-5.7-12-.2-3.2-.2-3.2 0-6h-2l-2 4-3-1c1.2-3.4 2.3-5.6 5-8a30 30 0 0 0-4-10z'/><path fill='#212b2a' d='M649 775c-35.6 18.8-35.6 18.8-53 18 2.6-1.7 4-2.4 6.9-3.2l2.4-.7 2.5-.7a265 265 0 0 0 31-11.4l2.2-1 2.6-1.2c2.4-.8 2.4-.8 5.4.2'/><path fill='#0a0e0d' d='M547 410q10 2 19.6 5.6l2.7 1 6.7 2.4v4l-1.6-.5-12.1-4-4.7-1.5-2.4-.7-2.3-.8-2-.7a13 13 0 0 1-4.9-3.8z'/><path fill='#4b5153' d='M702 265h2c1.5 3 1.4 6 1.6 9.3l.3 4c0 3.2-.1 5.7-.9 8.7h-2v6c-4.1-4.1-4.2-8.5-4.3-14 .3-2 .3-2 2.3-4h2l-.5-1.7-.6-2.2-.6-2.2c-.3-1.9-.3-1.9.7-3.9'/><path fill='#0f1819' d='M348 728q6 3.2 11.3 7a208 208 0 0 0 33.7 20l-2 2a272 272 0 0 1-44-27z'/><path fill='#2e3939' d='m523 410 2.6.6c7 1.7 7 1.7 14.2 2.9 4 .6 7.4 2 11.2 3.5v3l2 .6 2.8.7 2.6.8c2.7 1 4.5 2.1 6.6 3.9q-6.2-1.2-12-3.4l-2-.7-4.3-1.5-6.4-2.3-4.1-1.4-3.8-1.4a92 92 0 0 1-9.4-4.3z'/><path fill='#141d1c' d='M673 276c3.7 3.3 5.7 7 7.8 11.4l2 4.3 1.1 2.1 3.2 6.3 1 1.9 2.7 5.2c1.2 2.8 1.2 2.8.2 5.8l-2.5-3.8-1.4-2.2c-1.1-2-1.1-2-1.1-5h-2l-4.5-7.7-1.3-2.2c-2.2-3.9-3.7-6.5-3.2-11.1z'/><path fill='#393a37' d='M639 703h1c.1 5.8.1 5.8-1 8l4-1c-1.5 5-3.6 9.3-6.1 13.9l-1.2 2-2.7 5.1c-1-3-1-3 0-6l-4 4 4.4-10.7q3.2-7.5 5.6-15.3'/><path fill='#3f4645' d='M631 706c1.2 3.5 1 4-.5 7.6l-2.3 4-1 2c-1.8 3.4-3 5.3-6.2 7.4h-2l-2 1c1-3 1.8-4.8 4-7l.9-4.3a17 17 0 0 1 5.1-9.7l1 4z'/><path fill='#2b3332' d='M633 689h3c-1.2 20.2-1.2 20.2-6 27-1.2-2.5-.8-3.4 0-6l-3 2-1-8 3-1v2h3v-5l-3-1z'/><path fill='#1e2727' d='M571 212c18.7 3.4 18.7 3.4 23 8 2.6 1.2 2.6 1.2 5 2v1h-7l-1-1-3.8.2c-3.3 0-4 0-6.7-2-1.5-2.2-1.5-2.2-1.5-4.2l-9-1z'/><path fill='#070d0b' d='M628 660h2c1.5 5.2 1.2 10.5 1.2 15.9v3.2c0 5.4 0 10-2.2 14.9h-2z'/><path fill='#111b1b' d='M493 804h43v1h-10l1 2h2.1l2.8-.1h2.7c2.4.1 2.4.1 4.4 2.1-14.6 2.5-14.6 2.5-22 1v-2h6l-1-2-29-1z'/><path fill='#1c2827' d='m412 315 5 5v2l2-2c2.3 8 2.3 8 1 12l-4-1-1-4-3 1-1-2 1-2h-2c.9-7.9.9-7.9 2-9'/><path fill='#151e1f' d='m720 636 1 2h2l-.6 1.7c-.5 2.7 0 4.6.6 7.3l-2 1c-.7 2.3-.7 2.3-1.2 5l-.5 2.7c-.5 2.3-.5 2.3.7 4.3l-4 4c-1.2-6.5-.6-11.6.9-18l.5-2.5c1.4-6.3 1.4-6.3 2.6-7.5'/><path fill='#161a1a' d='M607 175c6.7.6 12.7 2.7 19 4.9l3.3 1c5 1.8 10 3.5 14.7 6.1v2q-10.3-2.2-20-6l-6.7-2.6-3.3-1.3a52 52 0 0 0-7-2.1z'/><path fill='#1c2628' d='M304 662h2v4l3 1c1.1 1.7 1.1 1.7 2.1 3.9l1 2c.9 2.1.9 2.1 1.9 5.1 2 1.2 2 1.2 4 2v7c-1.8-.2-1.8-.2-4-1-1.5-2-1.5-2-2.8-4.6l-1.5-2.8-1.5-3-1.6-3c-2.8-5.3-2.8-5.3-3.6-7.6z'/><path fill='#6d706e' d='M705 266h3l1 11h-1v24l-2-4-1.6-1.9c-1.8-2.8-1.6-4.8-1.4-8.1h2z'/><path fill='#091314' d='M721 290h2q1.2 18 1 36h-2l-1-8.4-.3-2.4c-1-8.6-.8-16.7.3-25.2'/><path fill='#e6e8e6' d='m641 742 2 1c-9 8.8-23.8 23-37 23v-2l2.6-1.2A165 165 0 0 0 641 742'/><path fill='#1c2626' d='M668 665h2v13.1l.1 2.8v2.6a42 42 0 0 1-1.1 7.5c-2-1.6-2-1.6-4-4-.3-3.7-.3-3.7 0-7l1-1c.5-5.9.5-5.9-2-11l3-1z'/><path fill='#3a4346' d='M367 203v2l-5.2 3a113 113 0 0 0-13.9 9.3l-1.6 1.2a60 60 0 0 0-6 5.3C339 225 339 225 337 225c1.4-3.2 2.9-5 5.6-7.1s2.6-2.1 4.4-4.9h2v-2l5-1v-2l5-1 1-3c3-1 3-1 7-1'/><path fill='#b3b8b9' d='m557 780 1 2c-19.4 4.2-39.2 3.3-59 3v-1h2.2a409 409 0 0 0 48.4-3.7q3.7-.4 7.4-.3'/><path fill='#131a19' d='M565 573c15 2.6 29.7 14.7 41.4 24a43 43 0 0 0 5.6 4v2c-3.7-1.6-6.5-4-9.7-6.5-11.4-9-24.4-15.7-37.3-22.5z'/><path fill='#162222' d='M561 580h5v2l1.7.3c2.9.9 4.7 2.3 7.1 4 4 3 7.6 5 12.2 6.7l-4 3-4-2-2 3-2-2h2l-1-3-2-1v-2l-1.7-.8A40 40 0 0 1 561 580'/><path fill='#131c1d' d='M289 423c3 1 3 1 4.6 4l1.4 3 2 1v3h2l-1-4a50 50 0 0 1 9 11v2c-3.9-1.7-3.9-1.7-5-4-3-.7-3-.7-6-1l1 5c-3.9-4.7-3.9-4.7-5-7l2-1-1-6h-2z'/><path fill='#1e2a2b' d='m401 352 5 4-3 1q.4 3.7 2.1 7c1.1 2.5.8 3.6-.1 6-3.8-3-7.2-6-10-10v-3h5l-3-1v-2h3z'/><path fill='#0e1513' d='M762 639c2 2 2 2 2.3 4 0 5-.7 9.2-2.3 14h-2l-3 5c-1.1-3.3-1-3.8 0-7l1-6.2.6-3.3.4-2.5h2z'/><path fill='#131d1f' d='m398 215-1.4 1.5-1.8 2.1-2 2.2-4.2 5.3A92 92 0 0 1 378 236l-2-1c0-4 0-4 1.7-5.7a11 11 0 0 1 7.3-1.3l.2-1.6c1.2-3.5 3.4-5.6 5.8-8.4l-2-1c5.6-3.1 5.6-3.1 9-2'/><path fill='#3b4341' d='M712 202c.3 7.5.3 7.5-1 9.8-1.4 3.1-1.4 6-1.6 9.4l-.3 3.9-.1 2.9h-1l-.4-2.2-.5-2.7-.5-2.8-.6-2.3-2-1 2-5-3-1c1.5-3.8 4.6-9 9-9'/><path fill='#192324' d='m657 730 1 4-3 1-1 3q-6.4 6.4-14 11l-2.7 1.8-2.3 1.2-2-1 1.8-1.6c5-4.4 5-4.4 9.8-9q4-3.9 8.6-7c2-1.4 2-1.4 3.8-3.4'/><path fill='#2b3436' d='m348 211 1 2h-2l-.8 1.8c-1.7 3-4 4.6-6.6 6.6-2 1.7-2 1.7-2.6 5.6h-10c6-6.5 13.4-11.6 21-16'/><path fill='#21292a' d='M700 541h5v4l7 4-1 4 2 1c2 6 2 6 2 9h-3l-.8-1.5-3.5-6.7-1.2-2.3q-3-6-6.5-11.5'/><path fill='#384242' d='M677 295c2.3 2.1 3.7 4 5 6.8l1 2.3 1 2.3 1.1 2.3 2.9 6.3 1.3 2.9c.7 2.1.7 2.1-.3 5.1l-3.5-6.4-1-1.8c-2.5-4.6-2.5-4.6-2.5-6.8h-2l-2.6-4.3-1.4-2.4c-1-2.3-1-2.3 0-5.3z'/><path fill='#0c1817' d='m657 751 7 3c-1 3-1 3-3.4 4.4l-3 1.4-3 1.3-2.6.9c-2-1-2-1-5-3v-2l2-.8 2.4-1 2.5-1.1c2.3-1 2.3-1 3.1-3.1'/><path fill='#0d1718' d='M276 639h1l.5 6.6.3 3.7c.5 9.7.5 9.7-.8 13.7h2q-.7 5-2 10h-2v-18.8l-.1-6.9v-2.2l.1-5.1z'/><path fill='#919597' d='m462 191-2.5.7q-12.1 3.9-24 9.3l-2.7 1.3a100 100 0 0 0-14.2 7.8c-1.6.9-1.6.9-3.6.9v-2c11.2-6 22.4-12 34.2-16.9l2.5-1 2.3-1 2-.8c2.6-.4 3.8.4 6 1.7'/><path fill='#767e7f' d='m471 780 6.9.4 3.8.3 8.8.8q10.8 1 21.6 1l4.4.2 10.5.3v1c-36.5 1.8-36.5 1.8-51-2l-5-1z'/><path fill='#0c110f' d='m578 593 5.8 2.8 3.3 1.5c2.8 1.7 4.3 2.9 5.9 5.7v2l2 .8c2 1.2 2 1.2 2.6 3.3l.4 1.9-9-6-3-2-3-2.1-3-2-2-1.9z'/><path fill='#111b1d' d='m703 517 4 1-3 2-1 3-2 2c-.4 2-.4 2-.6 4.3q-.4 5-1.4 9.7h-3v-2h-2c-2.1-1.9-2.1-1.9-4-4v-2l5 2v-2h2l.3-2.6c.7-3.6 2-6.2 3.7-9.4h2z'/><path fill='#323b3c' d='m433 752 1.5.4q3.3.7 6.5 1c3.1.4 5.3 1 8 2.6l5 1v2l9 1v3a52 52 0 0 1-17.2-3.9l-2.1-.8A52 52 0 0 1 433 753z'/><path fill='#0b0e0d' d='M344 663a56 56 0 0 1 9 11.4l1.4 2q3.4 5.2 6.6 10.6c-5.3-1-5.3-1-7.2-3.6L351 678l-1.5-1.5c-3.2-3.2-5.4-7-5.7-11.4z'/><path fill='#343e3d' d='m287 593 .1 7.9v2.2l-.1 5.9-2 2-.5-1.7A61 61 0 0 0 278 595c3.2-1.9 5.4-2.1 9-2'/><path fill='#131716' d='M497 390q10.6 3.5 21 8l-1 4a151 151 0 0 1-12.1-4.5l-3-1.3-6.9-3.2h2z'/><path fill='#232d2e' d='M700 351h1l.5 2.5c1.8 8.4 1.8 8.4 7.5 14.5 2.4 1.2 4.4 1.3 7.1 1.6l2.8.2 2.1.2c-2.1 1.9-3.4 3-6.2 3.2-8.2-1.1-8.2-1.1-10.8-4.2a25 25 0 0 1-4-13h-5l2-3h3z'/><path fill='#5a6666' d='m509 179 12.3-.1h3.5l3.3-.1h3.2c2.7.2 4.3.8 6.7 2.2-3 1.5-6.1 1.1-9.4 1.1h-14L503 182v-1l6-1z'/><path fill='#050d0d' d='M607 216c4 1.5 7.4 3.3 11 5.4l3 1.8 3 1.8 2.8 1.5c2.2 1.5 2.2 1.5 3.2 4.5q-3-1.4-6.1-3.2l-1.9-.8-2 1c-2.8-1.3-2.8-1.3-6-3.1l-3.3-1.8c-2.7-2.1-2.7-2.1-3.6-4.8z'/><path fill='#293335' d='M539 441h9l1 4 4 1v2h3v2l5 1c-4 1.6-6.8.4-10.7-1l-3.6-1-2.7-1 1-2-3-1v-2h-3zm14 4h2l-1 2z'/><path fill='#191e1f' d='m324 226 3 1-2.2 2c-5.3 4.7-10.3 9.4-14.8 15l-1-3h2v-2l-2-1 5.8-6 1.7-1.7c4.2-4.3 4.2-4.3 7.5-4.3'/><path fill='#0e1313' d='M374 784c13.8 2.7 13.8 2.7 19 7l-2 3c-11.7-3.3-11.7-3.3-16-6-.7-2.1-.7-2.1-1-4'/><path fill='#1e292b' d='m711 500 1 2 3 1 1.9 3c1.8 3.2 1.8 3.2 4.6 3.6l2.5.4c2.4 1.8 2.4 1.8 4 4l-1 5c1.3 2.3 1.3 2.3 3 4l-1 2-7.7-9.5-3.6-4.3-2.2-2.6-2-2.4a13 13 0 0 1-2.5-6.2'/><path fill='#2f393b' d='M578 457c4.2-.4 5.7.4 9 3 2.7.7 2.7.7 5 1v2h2l1-2v3l2.6.8a70 70 0 0 1 9.4 4.2c-5.2 1.7-10-1.3-15-3.2l-3.4-1.2-3.3-1.2-3-1.1c-2.6-1.5-3.3-2.5-4.3-5.3'/><path fill='#131f20' d='m316 358 2 1-1 10h2l2 7 .6 2c.7 3.5-.6 6.6-1.6 10-2.5-2.5-2.6-4-3.2-7.5l-.5-3c-.3-2.5-.3-2.5.7-4.5l-2-1z'/><path fill='#4e5352' d='m307 269 1 2-3 5.1c-1.3 2.2-1.3 2.2-1 5.9l-2 5.3-1.1 2.7-.9 2-2-2-4 10c-1.2-3.6-.7-4.3.8-7.6q2-5 3.7-10.3a16 16 0 0 1 5.5-8.1z'/><path fill='#6c6d6e' d='m624 206 10 3v4l3-1 1 2c2.9 4.3 6.9 7 11 10l-3 1c-1.7-1-1.7-1-3.5-2.5-5-4-10.2-7.2-15.5-10.5l2-2-2.5-1.4-2.5-1.6z'/><path fill='#151918' d='m548 758-2 3 3 1c-5 1.3-10 1-15 1l3-1v-2l-2.7 1c-3.4 1-5 1-8.3 0v-2l8.8-1 2.5-.4 2.4-.3 2.2-.2q3.1 0 6.1.9'/><path fill='#1f2a2c' d='m387 345 9 3-1 9h-5c-4-6.3-4-6.3-3.7-10z'/><path fill='#172223' d='m648 602 4 2v2h2l2 6-5-1v3h-7c.6-6.6.6-6.6 2.6-8.8l1.4-1.2z'/><path fill='#152020' d='M323 398c2.6 3 3 3.7 3 8h2l1 6h2l1 3 2 1-1 3-3.5-2.9-2-1.6-1.5-1.5v-2h-3v-2l-3-1v-2l-2-1c1.8-.7 1.8-.7 4-1 1.8 1.4 1.8 1.4 3 3l-1-2.2c-1-2.8-1-2.8-1-6.8'/><path fill='#161b19' d='M289 284c1.4 4.3-.2 7.4-1.7 11.4l-1.7 4.9-.8 2.4-3.2 9.4-1.6 4.9h-1a43 43 0 0 1 2.2-15.4l.7-2.2A58 58 0 0 1 289 284'/><path fill='#3d4547' d='M713 189c-1.2 6-2.8 8.4-8 12a17 17 0 0 1-10 2l2.1-1.7q5.9-4.8 11.5-10.3c2.4-2 2.4-2 4.4-2'/><path fill='#263132' d='M491.8 762.9q8.1 0 16.2 1.1v2l-3 1v1l-9.4-.4H493l-2.5-.2H488c-2-.4-2-.4-4-2.4l2.4-.4c2.4-.6 3.1-1.6 5.4-1.7'/><path fill='#121c1d' d='m671 690 4 1a26 26 0 0 1-2 17h-4z'/><path fill='#202927' d='M529 200h4v2l2.4-.1c2.6.1 2.6.1 4.6 2.1l3 1v2h5l1 3 2 1-5.9-.4-3.3-.2c-3.3-.5-4-1.6-6.3-4-1.5-1.5-1.5-1.5-3.5-2.4v-2l-3-1z'/><path fill='#374143' d='M709 179h3a91 91 0 0 1-5.4 9.6l-1.8 2.8c-1.8 2.6-1.8 2.6-3.5 4.3-1.6 1.4-1.6 1.4-1.3 4.3l-3 2 1 2-8-1 3-3h2v-2l5-5 1.7-2.3 1.3-1.7h2l.9-2.7q1.2-3.9 3.1-7.3'/><path fill='#454e4f' d='M713 318h1l.4 3 .5 3.8.5 3.8c.4 3.5.4 3.5 2.6 6.4.2 2 .2 2 .2 4.2v5l-.1 2.5-.1 6.3c-2.7-4.8-3.3-9.9-4.2-15.2l-.6-3.1c-1-6-1.3-10.8-.2-16.7'/><path fill='#0e1515' d='m688 349 5 1c1.4 2.9.6 5 0 8h3c1.1 3.8 1.1 3.8 0 6h-3l-1 2-2-6.2-1.1-3.6c-.9-3.2-.9-3.2-.9-7.2'/><path fill='#121817' d='m273 308 2 1-.3 7.8v2.2c-.3 4.2-.7 7-3.7 10l-2-1 .9-7.7.2-2.3c.5-3.7.9-6.8 2.9-10'/><path fill='#2b3535' d='M444 799q14.6.9 29 4v1l-7.7.6-2.3.2c-3.9.3-6.7.5-10-1.8l-1-1-3.5-.4-3.5-.6z'/><path fill='#303a3b' d='M344 678q6.3 6 11.3 13.3c2.6 3.5 5.3 6 8.7 8.7l4 6 2 1v2h2l1 3c-10.3-4.5-17.4-16.2-24-25l-1.4-2c-3.6-4.8-3.6-4.8-3.6-7'/><path fill='#0b0e0f' d='M677 319h2l2 6h2l2 5.7 1.1 3.2c.8 2.9 1 5.1.9 8.1l-3-1a85 85 0 0 1-3.1-7.7l-.8-2.1q-2.2-6-3.1-12.2'/><path fill='#242e2e' d='M617 234c5.8-.1 5.8-.1 8 1v2h2l2 3 2.2.8c3.4 1.4 5.6 3.4 8.2 5.9 1.6 1.4 1.6 1.4 3.6 2.3v2l-3 1v-2l-4-2v-2l-2.7-.7a23 23 0 0 1-8.3-5.3v-2l-3.4-.9-3.6-1.1z'/><path fill='#2a3737' d='m335 658 4 2v3.4c-.3 3.4-.3 3.4 1 5.6l4 2v7c-5.3-4.8-10.3-10.6-11-18h2z'/><path fill='#1c2627' d='M686 266h4l-1 4 3 1 .3 2.4c.5 3 .5 3 3.7 4.6 1.2 2.5 1.2 2.5 2.3 5.4l1 3c.7 2.6.7 2.6-.3 5.6q-3.4-6.4-6-13h-2l-.7-2.7a20 20 0 0 0-6.3-8.3z'/><path fill='#3f4647' d='m633 740 2 1v3h-2l-1 3-2.3 1.3c-3 1.6-3 1.6-4.6 4.7a15 15 0 0 1-8.1 6c1.9-5.7 5-9.9 10.3-12.7l2.7-1.3 1-2-2-1z'/><path fill='#323d3e' d='m496 399 15 3 1 3 3-1 4 2-1 2 4 1c-3.7 1.2-4.6.6-8-.8l-3-1.2-3.1-1.3-3.1-1.3c-7.7-3.1-7.7-3.1-8.8-5.4'/><path fill='#1f2a2b' d='M449 367q4.1 2 8 4.6l2.3 1.4 2.3 1.6 4.6 3 2 1.3 3.8 2.1-1 3-5.7-3.3-3.2-1.9-5.9-3.5c-2-1.5-2-1.5-4.2-1.3l-1-3c-1.5-1.7-1.5-1.7-3-3z'/><path fill='#333d3e' d='m385 223 2 1c-.6 1.9-.6 1.9-2 4-3 1.2-3 1.2-6 2l-3 1-.4 1.8c-1 3.3-2.8 4.4-5.6 6.2l-3-1c.1-1.7.1-1.7 1-4l6-4 2.8-1.8 3-2 2.8-2z'/><path fill='#202a2b' d='m721 171 4 2-1 6h-4l3 3-11-1 1-4 3-1-5-1v-1c7.8-.1 7.8-.1 10 1z'/><path fill='#1e2b2c' d='m561.8 169.4 3.5.3 2.7.3 1 4h-2v2l-1.6-.4-9.1-2.2-3.6-.8-2.7-.6v-2c4.1-1 7.6-1 11.8-.6'/><path fill='#b5b8b6' d='M287 623h1l2 11 .5 3c1.4 7.8 2.7 15.6 2.6 23.6v2.5l-.1 1.9h-1l-2.6-16-1-5.5-1.2-7.8-.4-2.5c-.6-3.7-.9-6.6.2-10.2'/><path fill='#0f191b' d='M423 395q7.5 4.2 14.6 9l3.9 2.7 1.8 1.2 4.7 2.8 2 1.3v2c-7.2-2.6-13.6-6.9-20-11l-2-1.4-5-3.6z'/><path fill='#121919' d='M420 328c5.3 5 7.6 10.3 10 17-3-1.3-4.8-2.7-7-5l-2.7-2.4c-2.3-2.6-2.3-2.6-2.2-5.3.9-2.3.9-2.3 1.9-4.3'/><path fill='#283031' d='M722 604h1v21l4 2-1 8-4 1c-.8-4.2-1-8-.9-12.3l.2-3.5.1-3.6.2-3.7z'/><path fill='#030707' d='M708 493c2.2-.3 2.2-.3 5 0 2.7 2 2.7 2 5.3 4.8l2.7 2.6c2 2.6 2 2.6 2 6.6l-4-2v-2l-1.8-.8a32 32 0 0 1-6-4.2l-1.8-1.6C708 495 708 495 708 493'/><path fill='#141918' d='M645 188a58 58 0 0 1 16.3 4.9l2.8 1 2.6 1 2.4 1c1.9 1.1 1.9 1.1 2.9 4.1a47 47 0 0 1-9.8-2.8l-2.7-1-2.7-1.2-2.8-1.1c-6.6-2.7-6.6-2.7-9-3.9z'/><path fill='#060a0a' d='m434 171-1 4c-11.5 3.4-11.5 3.4-17 3v-3l5.6-2 3.2-1.1c3.2-1 5.9-1 9.2-.9'/><path fill='#131d1d' d='m460 787 41 4v1h-20v1h-7v-2l-14-2z'/><path fill='#171f1f' d='m365 776 11 3 1 4 2.3.4c2.7.6 2.7.6 5.7 2.6-6.6.1-6.6.1-10-1v3l-4-1v-2h2l-1-3c-2-.7-2-.7-4-1v-3l-3-1z'/><path fill='#172121' d='m417 776 9 2v2h8l1 1 7 1.6 4 .8 3 .6c-3.4 1.2-6 .8-9.4.1l-2.8-.5-2.8-.6-5-1v2l-10-2 2-3z'/><path fill='#343e3f' d='M659 266q7.1 6.3 11 15l-1 3c-2.4-.7-3.7-1.5-5-3.7l-2-5.3h-2c-1.5-3-1-5.7-1-9'/><path fill='#101d1d' d='M697 363c5.7 1.5 5.7 1.5 7.2 4l.8 2c4.8 3.2 10 3.3 15.6 2.6l2.4-.6-1 2c-3.4 1.1-6 1.1-9.7 1H706v-2l-2.2-.7a15 15 0 0 1-6.8-6.3z'/><path fill='#161a19' d='m278 289 3 1v5l-1 1-1.3 6.8a10 10 0 0 1-3.7 5.2l-1-1a45 45 0 0 1 4-18'/><path fill='#090f0d' d='M426 530a23 23 0 0 1 8 0c1.7 2.4 1.7 2.4 3 5 2.6 1.3 2.6 1.3 5 2v2a27 27 0 0 1-15-5c-.7-2.1-.7-2.1-1-4'/><path fill='#999897' d='M701 221c-3.6 3-3.6 3-7 3v4l5 1v3l3 1v2h2l1 6-2-2a51 51 0 0 0-5.1-4.7q-3.3-2.4-5.9-5.3c-.1-3.3-.1-3.3 1-6 2.6-2.6 4.6-3.7 8-2'/><path fill='#090f0f' d='m339 768 4.4.8 2.5.5 2.1.7 1 3c3 1.2 3 1.2 6 2l-2 3c-5-1.4-10-3.5-14-7z'/><path fill='#212929' d='M279 603c1.8 2.7 2.5 4.3 3.3 7.4l.7 2.5.6 2.7.7 2.6c1.7 6.5 1.7 6.5 1.7 8.8l-4-2v-4h-2q-1.3-9-1-18'/><path fill='#16211f' d='m265 582 1 3-3 2q-.3 4.4-.2 8.6v2.5l.2 5.9-3-1v-14h-2l1-5 3 1z'/><path fill='#2d3838' d='M559 576c5.9.4 10 3 14.9 6l2.4 1.5 5.7 3.5-1 2a64 64 0 0 1-15-7v-2h-4c-1.7-2-1.7-2-3-4'/><path fill='#2d3839' d='M566 426c6.8.9 6.8.9 9 2v-2l7 2v3l3.4.9 3.6 1.1 1 2c-8.5-1.5-16-4.7-24-8z'/><path fill='#101a1b' d='m414 245 4 1-1 1.8-1.4 2.4-1.3 2.4-3.3 6.4h-4a31 31 0 0 1 7-14'/><path fill='#494f50' d='M647 225c3.4.5 5 1 8 3v2l2.3.8c3 1.3 4 2.4 5.7 5.2v2l3 1 4 5-1 2-2.5-2.6a143 143 0 0 0-18-16.2L647 226z'/><path fill='#181d1e' d='M478.6 161.9h8.4l7 .1c-2.8 2.8-5 2.6-8.8 3.1l-3.6.5a77 77 0 0 1-9.6.4v-3c2.4-1.2 3.9-1.1 6.6-1.1'/><path fill='#222a2a' d='m614 755 2 3-1.8.8c-2.3 1-2.3 1-3.4 3A23 23 0 0 1 600 768h-3v-3c3.7-2 5.7-3 10-3l.7-1.8c1.6-2.8 3.5-3.7 6.3-5.2'/><path fill='#222b2e' d='M320 687c1.6 1.3 1.6 1.3 3 3v4l6 2v2c-3.4.6-3.4.6-7 1-2.7-2.7-3.6-5.6-5-9l-1-2c2-1 2-1 4-1'/><path fill='#182324' d='M603 607c3.1.3 4 1 6 3.4l2 2.6 1.7 1.6c1.3 1.4 1.3 1.4 2.3 4.4-1.2 2.2-1.2 2.2-3 4h-3v-2h2l-5-8v-3h-2z'/><path fill='#1a2526' d='M474 383q5 1.8 9.4 4.5 5 3 10.6 4.5l-3 3-1-2-5 1v-3l-2.6-.7a41 41 0 0 1-9.4-5.3z'/><path fill='#41474b' d='M634 210c8.3 2.1 8.3 2.1 11 5.5 1 2.5 1 2.5 1 5.5h5v2l-3 1c-2.7-1.8-2.7-1.8-5.6-4.3l-3-2.5C637 215 637 215 636 213h-2z'/><path fill='#141d1d' d='m460.6 804.4 2.5.5 5.9 1.1a18 18 0 0 1-9 3v2h-5l3-1-1-4-6 1-1-3c3.4-1.7 7-.2 10.6.4'/><path fill='#182120' d='m389 783 3 1Zm-1 1 4 2 2.1 1c1.9 1 1.9 1 3.9 3h-2l1 6-6-1v-4c-3-2.3-3-2.3-6-4l3-1z'/><path fill='#1d2727' d='M752 546c2.1 3.5 2.1 3.5 1.6 5.9l-.6 2.1c-1.7 6.4-1.7 6.4-2 13-3.1-3.4-3-5.5-3-10l-2-4v-5l1.4 2 1.6 2h2z'/><path fill='#cfd0cf' d='M374 289h1l.6 12.7.1 3.6.2 3.5.1 3.2q0 4-1 8h-1c-1.2-5.7-1.1-11.4-1.1-17.2v-8.5c.1-2.3.1-2.3 1.1-5.3'/><path fill='#343c3c' d='m720 578 3 2h2l-.3 1.7a49 49 0 0 0 .3 15.3l-2 1v-3h-2l-1-5.7-.7-3.2c-.3-3 0-5.2.7-8.1'/><path fill='#161a1a' d='M704 297c4.2 3.3 5 7 5.8 12l.4 2.2c.6 3.5 1.1 6.4-.2 9.8l-.6-2-.8-2.4-.7-2.5c-.7-2.3-.7-2.3-2.9-3.1-.4-1.9-.4-1.9-.6-4.2l-.2-2.5q-.3-3.6-.2-7.3'/><path fill='#212b2c' d='m620 725 2 3a63 63 0 0 1-10.2 8.5c-2 1.6-2 1.6-3.8 4.5l-3-1 7-7 1-4h2v-2l2-.4c2-.4 2-.4 3-1.6'/><path fill='#2a3637' d='m380 718 4 1v2h3v2h5l2 4h2v2h2v3a32 32 0 0 1-10.7-6.4l-2.9-2.4C382 721 382 721 380 718'/><path fill='#535e5e' d='M293 662h1c2 10.8 1.1 22 0 33h-1l-.5-12.7-.1-4.3-.3-6.1-.1-3.8c0-3.1 0-3.1 1-6.1'/><path fill='#464e4e' d='M670 653h1c2 7.3 2.2 14 2.1 21.6v3.3l-.1 8.1h-1l-1-9h-1a97 97 0 0 1 0-24'/><path fill='#242e2e' d='M756 625c2.2 2.2 2.5 3 3 6-.2 2.3-.2 2.3-.7 4.7l-.5 2.7-.6 2.8-.6 2.8-1 5.1-.6 1.9-2 1q1-13.5 3-27'/><path fill='#0a1516' d='M592 201c6.3.8 12.2 3.1 16.6 7.8l1.4 2.2c-4.3-.6-7.9-2.2-11.8-4l-3.5-1.7-2.7-1.3z'/><path fill='#141919' d='m365 195 2 1-4 2v2l2 1-2.4.8c-2.8 1-2.8 1-3.4 3.3l-.2 1.9-5 1v2l-5 1c5.1-5.6 5.1-5.6 9-6v-3l-2-2 4.4-2.6 2.4-1.4z'/><path fill='#101516' d='M534 162c9-.2 17.2 0 26 2v1h-11.5a102 102 0 0 1-15.5-1z'/><path fill='#273031' d='m434 782 5.8 1 3 .6 2.2.4v2l6 1v1c-19.2-1.2-19.2-1.2-24-6 2.7-1.4 4-.7 7 0'/><path fill='#0a0f0f' d='M395 723c3.9.6 6.5 1.7 9.8 3.8l2.3 1.5c2.1 1.9 2.5 3 2.9 5.7-6-1.4-10.6-4.8-15-9z'/><path fill='#070c0c' d='M415 284h1l-1 26h-1c-1.9-7.8-4-16.6-.6-24.2z'/><path fill='#353f40' d='M362.6 229h2.4c-3.5 2.3-6.8 3-10.8 4.1l-2.2.9-1 3h-5v4l-5 2v-2l-2-1a46 46 0 0 1 18-9.5c2.7-.7 2.6-1.5 5.6-1.6'/><path fill='#bebbb8' d='m694 224 7 1c2 5.8 2 5.8 2 8h2l2 9h-2l-1-7h-2c-2.3-2-3-3-4-6-2-.7-2-.7-4-1z'/><path fill='#1d2929' d='M760 586q1.8 3.3 3 7l-1.4 2.7c-2 4.1-2 7.2-1.8 11.7v2.2l.2 5.4h-1a51 51 0 0 1-1-13.6V589z'/><path fill='#0b1615' d='M736 664h1c.3 5.6.3 5.6-2 9h-2l-.3 2.2c-.8 3.1-1.8 5.2-3.7 7.8l-3 1c0-4 0-4 1-6h2l1-2.9c1-3.1 1-3.1 2-5.1h3z'/><path fill='#232726' d='m313 261 2 3a85 85 0 0 1-5.6 9.8l-2 3-1.4 2.2-3-1 1.9-3.2q1.8-3 3.1-6.4c1.2-3 3-5 5-7.4'/><path fill='#121919' d='m487.8 758.4 2.4.3 1.8.3-3 1v2q-11 .1-22-1v-2h5.7l3.3.1c2.9 0 2.9 0 5-.6 2.5-.6 4.3-.4 6.7 0'/><path fill='#222a2c' d='M333.2 756.9c1.6 1.1 1.6 1.1 3.8 3.1l-2 1-3-1.4c-4.8-2.3-9.7-1.9-15-1.6v2c-5.7 3-5.7 3-8 3v2l-3 1c1.5-4.5 5.1-6.7 9-9a28 28 0 0 1 18.2-.1'/><path fill='#070a09' d='M549 579c5-.6 8 1.3 12 4 2 1.8 2 1.8 3 3-3.3 1-4.7 1.1-7.9-.2l-3-1.7-2.9-1.8-2.2-1.3z'/><path fill='#212c2c' d='m687 320 4 2-.1 3.6c0 3.9.8 6.8 2.1 10.4l1 9-2-1v-7l-3-1 .3-2c-.4-3.7-1.7-6-3.4-9.2-.9-1.8-.9-1.8-.9-3.8z'/><path fill='#202525' d='m299 263 2 3-10 19h-3c1.2-4.5 3.2-8 5.7-11.9q2.9-4.9 5.3-10.1'/><path fill='#2c3638' d='m333 227-3 4 2-1-1 3h-2v2l-4 1-1-4-4 1c3.3-3.7 7.7-8.6 13-6'/><path fill='#0a100e' d='m721 171 1 2-1 2-2-.1c-6-.3-9.3.1-14 4.1 0-3 0-3 2.4-5.7 4.1-3.3 8.6-2.7 13.6-2.3'/><path fill='#2e3a3c' d='M524 164c24.2-.3 24.2-.3 31 2v2l-12.7-1-3.6-.2-3.5-.3-3.2-.2q-4-.4-8-1.3z'/><path fill='#0a1313' d='M277 737c1.2 2.4 1.1 3.8 1 6.4v8.6l-.5 4.8-.3 2.4-.2 1.8h-2l-.1-10.9V744l-.1-2.8c.2-2.2.2-2.2 2.2-4.2'/><path fill='#242526' d='m286 611 3 1 1.6 7.9.4 2.2c1.1 5.7 1.1 5.7 0 7.9-3-2-3-2-3.7-4.6l-.5-3.2-.5-3.2a60 60 0 0 1-.3-8'/><path fill='#2d3a39' d='M292 597h2a21 21 0 0 1-1 16l-3-1c-.7-2-.7-2-1-4h2v-4.9l-.1-2.8c.1-2.3.1-2.3 1.1-3.3'/><path fill='#0b0f0d' d='M462 545c4.1-.3 6.3-.4 9.9 1.8 2.1 2.2 2.1 2.2 3.1 5.2-5.3-.5-9.3-1.8-14-4z'/><path fill='#3c4548' d='M528 439c4-.2 6.6 0 10 2v2h4v2l4 1v1c-6.7-.6-12.7-2.8-19-5z'/><path fill='#0e1313' d='M724 173c4.9 1.4 7.2 3.8 10 8 .3 3.9.3 3.9 0 7h-2l-.5-2-.7-2.4-.8-2.5c-.8-2.3-.8-2.3-3.1-2.9l-1.9-.2v-2l-2-1z'/><path fill='#0d1110' d='m611 724 2 1-4 3zm-4 5 1 2c-2.8 6.7-6.6 9-13 12 2.8-6 6.8-10.1 12-14'/><path fill='#353c3d' d='m646 704 1 2 3 1 1 5 6 1v2c-3.2.8-3.2.8-7 1-2.4-1.8-2.4-1.8-4-4v-2h-3c1.9-4.9 1.9-4.9 3-6'/><path fill='#ced3d1' d='M671 668h1v13.5q.2 8.3-1 16.5c-4-6-1.8-14.6-1-21.6l.3-2.4z'/><path fill='#0c1010' d='M328 638c2.7.4 3.7.7 5.5 2.8 2.8 5.2 4.2 9.3 4.5 15.2-3.2-2.1-3.7-3-5-6.4l-3-6.7c-1-1.9-1-1.9-2-4.9'/><path fill='#121717' d='M277 403c2.8 1 3.8 1.7 5.3 4.3l1 2.7 1 2.7c.7 2.3.7 2.3.7 4.3h-4l-2-4.7-1.1-2.7c-.9-2.6-.9-2.6-.9-6.6'/><path fill='#3b4445' d='m308 306 5 1 1 3 2 2c-.8 2-.8 2-2 4l-3 1v-4l-4-1z'/><path fill='#212e2e' d='M675 300c2.7 2.4 3.8 4.6 5 8h2c3.2 5.3 3.2 5.3 4 7l-1 2-5-5v-2h-2v-2h-2l-2-7z'/><path fill='#3a4445' d='M587 173c7.7-.4 13.3 1.4 20 5-4.8 2.4-12.8-.6-17.7-2.1l-2.3-.9z'/><path fill='#dcdddc' d='m715 576 3 1a40 40 0 0 1 2 22h-1l-1.4-7.6-.4-2.1z'/><path fill='#2e393a' d='m663 222 6 2 1 2h-9l1 3-1 3-4-1v-7h6z'/><path fill='#0d1313' d='M480 176v1l-11.6 2.6-3.3.7-3.3.7-3 .7c-3.1.3-5.7 0-8.8-.7 2.8-1.5 5.2-2.4 8.3-2.9l2.5-.3 2.5-.4 2.5-.4q7.1-1.2 14.2-1'/><path fill='#2e3839' d='m484 161 5.9-.1 3.3-.1c2.8.2 2.8.2 4.8 2.2l4 2c-2 2-5.3 1.5-8 1.7l-3.8.3c-3.2 0-3.2 0-5.2-2l7-2-8-1z'/><path fill='#0a1113' d='M369 742c16.9 9.2 16.9 9.2 24 14l-2 1c-8.2-3-15.7-8.4-23-13z'/><path fill='#121c1c' d='m432 742-3 2 6 3v2h-4v-2l-2-.2c-3.9-1-6.6-2.8-10-4.8v-1c5-1 8.2-1 13 1'/><path fill='#101312' d='M315 607c4.3 4 6.9 6.9 7.1 12.8l-.1 2.2h-2c-5.7-9.2-5.7-9.2-5-15'/><path fill='#232a2a' d='m270 583 2 1-1 2 1.8.3c2.9 1 3.8 2 5.2 4.7-.3 2.3-.3 2.3-1 4-3-3.7-3-3.7-3-6h-2l1 4c-1.9-.1-1.9-.1-4-1-1.2-3-1.2-3-2-6h2z'/><path fill='#141f1e' d='m391 509 3 1v2h3v2l2 1-4 1 1 4-7-3v-2l3-1-3-1v-3z'/><path fill='#0d1312' d='M693 479c4.9 1 8.6 3.5 12 7 .5 3.4.5 3.4 0 6-3-1-3-1-4.3-3.2a18 18 0 0 0-4.9-5.5L693 481z'/><path fill='#2e383a' d='m565 451 1 2 3.3-.7c3.7-.3 3.7-.3 5.6 1 1.1 1.7 1.1 1.7 2.1 4.7-11.4-1.6-11.4-1.6-15-6z'/><path fill='#e9e9e1' d='m320 282 3.7.6c3.3.4 6 .3 9.3-.6-2.4 5.7-2.4 5.7-5 7-2.7 0-3.8-1.3-6-3-2.6-.7-2.6-.7-5-1l3-1z'/><path fill='#1e2a2b' d='M263 675h1v25l-2-2c.4-2.6.4-2.6 1-5h-2l.4-8.4.2-2.5c.3-6 .3-6 1.4-7.1'/><path fill='#16201e' d='M472 544h5l1 2-1 2h5v2l3 1-4 1v-2l-1.4 1.4C478 553 478 553 476 554l-3-2 1-5-2-1z'/><path fill='#172223' d='M719 530c5 4.2 7.3 9.1 10 15h-3l-5 1v-2l3-2c-1.2-3.8-1.2-3.8-4.1-6.3l-1.9-.7z'/><path fill='#2d3538' d='M670 245c3.8 1.3 4.4 2.7 6.6 6 2.4 3.7 2.4 3.7 5.4 7l1 5c-4-1.3-4.8-3.4-7-7-2.7-4.2-2.7-4.2-6-8z'/><path fill='#090e0e' d='M273 382a35 35 0 0 1 4 20c-2-1-2-1-2.9-3.3-3.3-12.4-3.3-12.4-1.1-16.7'/><path fill='#374040' d='M638 245c5 1.3 7.5 3 10.9 7l2.3 2.7c1.8 2.3 1.8 2.3 1.8 4.3h-2v-2l-5-2v-2h-2l-.2-1.9c-.6-2.4-.6-2.4-3.4-3.3l-2.4-.8z'/><path fill='#6c7475' d='m376 233 2 1c-15.3 13.9-15.3 13.9-23 19a25 25 0 0 1 8-10h2v-2l4.4-3q3.6-2.2 6.6-5'/><path fill='#060b0a' d='m593 742 1 3c-8.3 5.6-8.3 5.6-13 6 1-3.2 1.6-4.7 4.3-6.7q3.7-1.8 7.7-2.3'/><path fill='#61615f' d='M629 735h5v2h-2v2l1.9-1.5c2.1-1.5 2.1-1.5 4.1-1.5v5l-3 1-2-1c-2.6.9-2.6.9-5 2-.1-5.7-.1-5.7 1-8'/><path fill='#313a3b' d='M631 464a65 65 0 0 1 14.3 6.5l2.2 1.2c5.4 3 5.4 3 6.5 5.3-4.6-.6-7.6-2.4-11.5-5a55 55 0 0 0-11.5-6z'/><path fill='#172223' d='m297 358 2 1v2l3 1v2l2 1-1 3v4l-2 2a27 27 0 0 1-3.1-10.2l-.5-3.3z'/><path fill='#495253' d='M388 218h3c-1.5 4.4-4 4.9-8 7v-2l-1.6 1-2.1 1-2.2 1.2c-2.5 1-3.6.7-6.1-.2q6-3.2 12.4-5.7c3.4-1 3.4-1 4.6-2.3'/><path fill='#1c2727' d='M516 805h6l1 3h-6v2c-5 .8-9 1.1-14 0 3-3 5.8-2.4 9.8-2.7l2.2-.3z'/><path fill='#181c1a' d='M323 623c3 2.6 4.2 5.5 5.7 9.2l1.3 3.3 1 2.5h-4c-3.8-4.2-3.7-9.6-4-15'/><path fill='#354041' d='m452 375 2.8 1c3 1 3 1 5.5 1.4l1.7.6 1 3c2 1.4 2 1.4 4.5 2.6 4.4 2.2 4.4 2.2 5.5 4.4-5-1.4-9-3.6-13.3-6.5l-2-1.2c-4.6-3-4.6-3-5.7-5.3'/><path fill='#111514' d='M299 279c.7 1.6.7 1.6 1 4-1.4 3.3-1.4 3.3-3 6h-6l2-7h4z'/><path fill='#67696a' d='m690 224 2 1-.5 2.8c-.6 3.3-.6 3.3-.5 7.2h-2v2h10l1 2-4.8.2h-2.7c-2.5-.2-2.5-.2-4.3-1.4-1.7-2.5-1.3-4-.9-7l.4-2.7.3-2.1h2z'/><path fill='#0a1012' d='m414 209 1 3-5.9 3.6-3.3 2-2.8 1.4-2-1 7.5-5.3zm-15 10h2c-1.2 2.5-2 4-4 6l-3-1 3-3h2z'/><path fill='#212d2d' d='M712 732c1 3 1 3-.1 6a16 16 0 0 1-9.2 7.7l-1.7.3c1.6-3.7 4-6.3 6.6-9.2l2.5-2.8z'/><path fill='#171917' d='M635 720c1 2 1 2 .1 4.7l-1.3 3.2-1.3 3.2a22 22 0 0 1-5.5 6.9l1-5-3 2a22 22 0 0 1 7-10z'/><path fill='#363a3a' d='m668 706 2 4h-2l-.1 2.2-.3 2.7-.2 2.8-.4 2.3-2 1-1 3-3-1z'/><path fill='#0a0f0e' d='M499 557h4v2l2.4.8c2.6 1.2 2.6 1.2 4.6 4.2l-5.9-.8-3.3-.5c-2.8-.7-2.8-.7-4.8-3.7h3z'/><path fill='#192020' d='M271 366h1a29 29 0 0 1 0 22h-1a90 90 0 0 1 0-22'/><path fill='#111e20' d='m423 362 3 2-.4 1.7-1.6 7.3-4 1-1-2h2l-.7-3.3c-.3-3.7-.3-3.7 1.1-5.6z'/><path fill='#787a7a' d='M697 234c3.4 1 4.7 1.6 6.7 4.6l1.3 2.4 2 1v6h-2c-1.3-3-2-4.8-2-8l-4 1v-3l-4-2z'/><path fill='#182224' d='m705 179 2 3-3 5h-2l-.9 2.3C700 192 700 192 698 195h-2l-1 2-1-2z'/><path fill='#141a19' d='M565.6 164.8c4.4 0 8.2 1 12.4 2.2v2c-6.4.2-11.9-.4-18-2 2-2 2-2 5.6-2.2'/><path fill='#263031' d='M385 765h2v2l5-1v3h2v3c-4-.5-7.5-.9-11-3z'/><path fill='#e1e2de' d='m283 607 2 1a52 52 0 0 1 2 19c-2.4-2.4-2.5-3.6-3.1-6.8l-.5-2.6q-.6-3.8-.4-7.6z'/><path fill='#4f5b59' d='m293 311 3 2-.3 4.9-.2 2.7c-.5 2.4-.5 2.4-3.5 4.4-1.3-2.6-1-4.1-.6-7l.2-2.7c.4-2.3.4-2.3 1.4-4.3'/><path fill='#31393a' d='M287 277h1c.2 3.7.2 4.8-2 8l-1.4 4.1-.8 2.4-.8 2.5-1.7 5-.7 2.3-.6 1.7h-1c-.8-7.1 2-12.6 5-19l1.8-4.2z'/><path fill='#414747' d='m349 250 4 2c-1.3 2.9-2.4 5.2-5 7-3.2-.3-3.2-.3-6-1v-2l6-4z'/><path fill='#151e1f' d='M602 225a38 38 0 0 1 14 7l1 3c-4-.6-6.7-2.7-10-5l-3 2-2-2h3v-3h-3z'/><path fill='#121716' d='M569 212h2v2l3.8.8c3 .7 4 1 6.2 3.3l1 1.9a94 94 0 0 1-16-4l1-2h2z'/><path fill='#070c0d' d='M377 194c-4.4 3.6-8.2 6-14 6 0-2 0-2 1.7-4 4-3.4 7.4-3.3 12.3-2'/><path fill='#182323' d='M400 770a35 35 0 0 1 16 5c-3 1-5.4 1-8.6.8l-2.3-.3c-2.5-.6-3.5-1.5-5.1-3.5z'/><path fill='#595e5e' d='M425 766a60 60 0 0 1 24 8c-3.4 1.1-5.2.9-8.5-.4l-2.6-.9-2.6-1-2.7-1c-6.5-2.4-6.5-2.4-7.6-4.7'/><path fill='#dfe1e0' d='m621 756 3 1a26 26 0 0 1-9 6.2l-3.2 1.6C609 766 609 766 606 766v-2l3-1.5 4-2 2-1c3.2-1.4 3.2-1.4 6-3.5'/><path fill='#2e3738' d='m622 748 1 3h-2l-2 6h-2l-1 3c-2.6 1.2-2.6 1.2-5 2 1-3 1-3 4-5l.4-1.9c.8-2.9 2.4-4.1 4.6-6.1z'/><path fill='#283132' d='m720 636 1 2h2l-.6 1.7c-.5 2.7 0 4.6.6 7.3l-5 2c-.2-4.8.2-8.5 2-13'/><path fill='#0f1a1a' d='M721 306c2.7 2.7 3 4 3.3 7.9l-.1 4.4v2.2l-.2 5.5h-2q-1.2-6.6-1-13.4V309z'/><path fill='#121817' d='m636 714-2 6h-4l-2 2-3 1c2-5.9 4.3-9.7 11-9'/><path fill='#1d2728' d='m518 535 2 1c-1.7 4.9-1.7 4.9-4 6l3 1.4c3 1.6 3 1.6 4 3.6l-4.9-1.4-2.7-.7c-2.4-.9-2.4-.9-4.4-2.9l2.4-1.8c2.7-2.1 2.7-2.1 4.6-5.2'/><path fill='#152022' d='m653.8 478.2 2.2.8c-.3 2.6-.6 3.7-2.7 5.4-3 .8-4.6 0-7.3-1.4 4.3-5 4.3-5 7.8-4.8M643 483l3 1Z'/><path fill='#141717' d='m333 226 4 2c-2.2 2-2.2 2-5 4-2.3-.2-2.3-.2-4-1l2-.8c2.3-1 2.3-1 3-4.2m-4 7 2 1-2 1zm-2 2 2 1-2 1zm-2 2 2 1-5 4c1.9-3.9 1.9-3.9 3-5'/><path fill='#3c4744' d='M555 203c2.8-.3 2.8-.3 6 0 4 4.1 4 4.1 4 6l-9-1v-2l-2-1z'/><path fill='#818383' d='M593 193a82 82 0 0 1 18 7c-3.1 1-4.8 1-7.9-.2l-2.1-.8-2.2-1-2.3-.8-5.5-2.2z'/><path fill='#131c1d' d='M713 185h2v12l-7 2 .8-1.5A32 32 0 0 0 713 185'/><path fill='#959b99' d='m545.4 182.4 2.5.2 6.1.4c-7.2 4.2-17 1.8-25 1v-1a64 64 0 0 1 16.4-.6'/><path fill='#252f30' d='M377 780c8.6 1 8.6 1 12 2l-1 4c-4-.6-7.3-1.4-11-3z'/><path fill='#2b3637' d='m602 741 3 1-3 1v2h-2v2h-3v2c-5.7 3-5.7 3-8 3 1.2-3.5 1.8-3.7 4.8-5.5a51 51 0 0 0 6.5-4.4z'/><path fill='#060c0c' d='m599 608 4 3v2h2v2l1.9.4c2.1.6 2.1.6 4.1 2.6v3c-4.3-.5-6.2-2.9-9-6-3-4.4-3-4.4-3-7'/><path fill='#555b5d' d='M336 267c-.3 3.4-.3 3.4-1 7-3 2-3 2-5 2l-3 1c1.2-4.7 3.3-10 9-10'/><path fill='#d0cdc5' d='m633 729 1 3 3.3.4c3 .5 5 1 7.7 2.6l-6 5v-5l-7-1z'/><path fill='#293031' d='M304 662h2v4l3 1 2 12a60 60 0 0 1-5.7-9l-1.4-2.7c-.9-2.3-.9-2.3.1-5.3'/><path fill='#1e2a2a' d='M450 512h4l.9 2c1 2.2 1 2.2 3.1 3l-1 2h-2l-2 2-3-2 1-1-2-2c.4-2.1.4-2.1 1-4'/><path fill='#080e0c' d='M379 508c5 1.5 9.4 3.6 14 6-1.7 1.1-1.7 1.1-4 2-2.1-.7-2.1-.7-4.2-1.9l-2.2-1.2-1.6-.9v-2h-2z'/><path fill='#2a3436' d='M489 423q6 1.1 12 3v-2h3l2 5a35 35 0 0 1-17-5z'/><path fill='#394444' d='M272 331h3v15l-2 1a70 70 0 0 1-1-16'/><path fill='#3e4546' d='m687 226-2 2v3h-3l-1 7h-2v-10l-1-2c5.6-1.1 5.6-1.1 9 0'/><path fill='#2b3635' d='M585 215a52 52 0 0 1 16 4l1 2a7 7 0 0 1-5.8.4L591 219v-2h-5z'/><path fill='#020403' d='M477.7 809.9h6.7l2.6.1v2h6v1l-7.2.1h-2.1c-3.8.1-6.5 0-9.7-2.1 1-1 1-1 3.7-1.1'/><path fill='#090d0c' d='m407 796 12 3-1 3c-7.5-.6-7.5-.6-10-2.4-1-1.6-1-1.6-1-3.6'/><path fill='#e6e3dc' d='M317 770c0 7 0 7-1 9l-5 1v4l-3 1a32 32 0 0 1 9-15'/><path fill='#747571' d='M643 710h3v6l12 1-2 5-1-3h-10v-8z'/><path fill='#161b1b' d='M337 650c3.4 3.8 5.2 7.3 7 12l-5 1a34 34 0 0 1-2-13'/><path fill='#0e1719' d='m665 631 4 1 1 4.8.7 2.6c.3 2.6.1 4.2-.7 6.6a17 17 0 0 1-4.2-9.7l-.5-3z'/><path fill='#212c2d' d='M284.3 577h6.7v1l-2.3.1-3 .3-3.1.2c-2.8.2-2.8.2-4.6 2.4q-4 .7-8 1c.7-2 .7-2 2-4 4-1.2 8-1.1 12.3-1'/><path fill='#0b1212' d='M565 573c3.7.6 6.6 1.6 9.9 3.3l2.6 1.4 9.5 5.3-2 2-2.9-1.6-3.7-2.2-1.9-1A194 194 0 0 0 565 574z'/><path fill='#172122' d='M274 383c5.2 5.6 5.3 12.8 5 20h-2l-1 2v-2.4c.2-6 0-11-2-16.6z'/><path fill='#666968' d='m331 274 2 3c-1.1 2.5-1.1 2.5-3 5-3.2.3-3.2.3-6 0l-1-2h2l1-3c2.6-1.7 2.6-1.7 5-3'/><path fill='#2a3436' d='M676 235c2.1 2.4 3 3.5 3.2 6.8l-.2 2.2 2 1 1 5c-3.8-1.3-4-2.3-5.8-5.8l-1.4-2.7c-.8-2.5-.8-2.5 0-4.8z'/><path fill='#292e30' d='M648 743c-9.4 7.2-9.4 7.2-13 9l-2-1 4.4-4 2.4-2.2c3.2-2.7 4.3-3 8.2-1.8'/><path fill='#141a18' d='M298 289h1a67 67 0 0 1-5 18h-2c2.9-12.7 2.9-12.7 6-18'/><path fill='#3f4a4d' d='M681.6 203h7.4c-1.1 1.5-1.1 1.5-3 3-2.8.4-2.8.4-6 .3h-3.3c-2.7-.3-2.7-.3-4.7-2.3 3-1.5 6.3-1.1 9.6-1'/><path fill='#151d1d' d='M333 762h3v2h2v2h3l1 3h-2v3c-2-.7-2-.7-4-2l-1-4-3-2z'/><path fill='#1a2426' d='m524.7 404.5 3 .9 3 .9 2.3.7v3c-5-.6-9.3-2.1-14-4 3-2 3-2 5.7-1.5'/><path fill='#141e1f' d='M311 397c2.6.9 3.8 1.6 5.3 4 .7 2 .7 2 .7 5-2.3 0-2.3 0-5-1-1.8-3.6-1.8-3.6-3-7z'/><path fill='#2d3738' d='M414 335h2q2.8 4 5.1 8.3a21 21 0 0 0 5.9 5.7c.8 2.7.8 2.7 1 5a34 34 0 0 1-9.8-11.2l-1.2-2c-3-4.6-3-4.6-3-5.8'/><path fill='#273131' d='M377 303h2c1.2 3.9 2 7 2 11l-3 1-2 3v-6h2l-1-2z'/><path fill='#93948d' d='M308 301.8h4.8c2.2.2 2.2.2 5.2 1.2v6l-2-3c-2.9-.8-2.9-.8-6.1-1.2l-3.3-.5-2.6-.3c2-2 2-2 4-2.2'/><path fill='#1a201c' d='m325 297 3 1-3 11h-4l1.4-4.9.8-2.7c.8-2.4.8-2.4 1.8-4.4'/><path fill='#132121' d='M453 220v3l-1.8.8a17 17 0 0 0-5.5 4.8l-1.5 2-1.2 1.4-3-1 3-4h2l1-3q3.4-2.2 7-4'/><path fill='#080e0d' d='M454 806h3l1 4c-7.4.5-7.4.5-10.5-2l-1.5-2c3.3-1.1 4.7-.8 8 0'/><path fill='#2f383a' d='M396 786c6.3 1.1 12 2.6 18 5l-1 3h-2v-2l-2.5-.5-3.3-.8-3.3-.8c-2.8-.9-4-1.6-5.9-3.9'/><path fill='#253332' d='M262 728h2c2.1 3.2 2.2 4 2.1 7.7v2.4l-.1 1.9-3 1v-4l-2-1z'/><path fill='#111a1a' d='m724 608 2 1v5h-2l1.7 2.1 1.3 2.9c-1.3 3.3-1.3 3.3-3 6h-1v-6.8l-.1-3.8c.1-3.4.1-3.4 1.1-6.4'/><path fill='#111c1d' d='M263 617v5.8l.1 3.2a25 25 0 0 1-1.1 7h-2c-.1-6.6-.1-6.6 1-10-.4-2.6-.4-2.6-1-5 2-1 2-1 3-1'/><path fill='#293636' d='m706 368 15 2c-4.6 3.4-4.6 3.4-8.6 3l-2.4-.3c-2-.7-2-.7-4-4.7'/><path fill='#2c3537' d='m378 266 3 1v3h2v2l-2 .7c-2.3 1.2-2.3 1.2-2.8 4l-.2 2.3c-2-3-2-3-1.8-5.5l.7-2.7.6-2.7z'/><path fill='#e0e1e0' d='m301 265 2 1-4.4 8-1.2 2.2-1.2 2.2-1.1 2C294 282 294 282 292 283a43 43 0 0 1 9-18'/><path fill='#171b1b' d='M318 239c.7 1.7.7 1.7 1 4-1.5 2.4-1.5 2.4-3.7 4.8l-2.2 2.4C311 252 311 252 308 252a31 31 0 0 1 6.1-8.7l2.2-2.5z'/><path fill='#424b4c' d='m699 195 2 1c-.3 1.9-.3 1.9-1 4l-3 2 1 2-8-1 3-3h2v-2z'/><path fill='#0b0f0e' d='M607 175a67 67 0 0 1 18 5v1c-4.6.2-8-.5-12.4-2l-3.2-1.1-2.4-.9z'/><path fill='#191e1d' d='m579 168 5.2.4 2.9.3q4 .4 7.9 1.3v2c-6.2.4-10.4-.2-16-3z'/><path fill='#070e0d' d='M474 806c-1.2 1.5-1.2 1.5-3 3h-4v2h-7v-2c9.4-3.4 9.4-3.4 14-3'/><path fill='#273132' d='M461.3 801.8h2c3.8 0 6.5.1 9.7 2.2l-7.7.6-2.3.2c-3.9.3-6.7.5-10-1.8 2-2 5.6-1.2 8.3-1.2'/><path fill='#111c1c' d='M595 574h2l1 3 2 1.5 2 1.5v3c-2.7-.4-4.6-.7-6.9-2.2-1.1-1.8-1.1-1.8-.8-4.5z'/><path fill='#2b3535' d='M740 541c2.2 2 3 3 4 6l2 1c.9 2 .9 2 1.7 4.3l.8 2.4a11 11 0 0 1-.5 6.3l-4-8.3-1.2-2.4-1-2.3-1-2.1c-.8-1.9-.8-1.9-.8-4.9'/><path fill='#273335' d='M589 446c5.7.5 9.2 2 14 5l-2 1-2.2-1c-3.6-1.3-6.1-.7-9.8 0z'/><path fill='#283435' d='M395 357h2v2h2c2 2 2 2 2 5h2v3l3 1-2 2-4.5-4.8-2.5-2.7c-2-2.5-2-2.5-2-5.5'/><path fill='#080c0c' d='m606 229 4.4 2.8 2.4 1.6c2.2 1.6 2.2 1.6 4.2 4.6-3.6 0-4.7-1-7.7-3l-2.4-1.7-1.9-1.3z'/><path fill='#090c0a' d='M758 668c-.5 6-.5 6-1 8l-3 2-3 3 4-12c2-1 2-1 3-1'/><path fill='#1c292a' d='M262 652h2v22h-1l-.2-2.1q-.6-6.8-1.4-13.4c-.4-3.5-.4-3.5.6-6.5'/><path fill='#0e1b1c' d='M266 585c2 2 2 2 3 4.5.9 2.8.9 2.8 4 4.5l-3 3-3-2-1 2z'/><path fill='#152223' d='M480 407c5.5.6 5.5.6 7.9 2.6l1.1 1.4h-2l-1 3-1-2c-2.5-.7-2.5-.7-5-1z'/><path fill='#565b5c' d='m704 280 2 2c-.4 2.6-.4 2.6-1 5h-2v6c-3-3-2.6-5.8-3-10h3z'/><path fill='#1c2120' d='m340 270 2 1c-.6 3-1.3 4.4-3 7h-2l-2 4-2-1z'/><path fill='#263030' d='M529 200h4v2l2.4-.1c2.6.1 2.6.1 4.6 2.1l3 1v2c-4-.5-7.5-.9-11-3v-2l-3-1z'/><path fill='#1b2627' d='m365 776 11 3 1 4-9-2v-3l-3-1z'/><path fill='#2d383a' d='M657 616c2.9 2.4 3.5 4.3 4 8-3.4-.5-5-1-8-3 1-3 1-3 4-5'/><path fill='#262d2c' d='m287 598 .1 5.4v3c-.1 2.6-.1 2.6-2.1 4.6a35 35 0 0 1-2-11c3-2 3-2 4-2'/><path fill='#2a3637' d='M683 479c5 1.3 7.5 3.3 11 7l3 1 1 3q-5.5-2-10.3-5.5l-2.7-1.8-2-1.7z'/><path fill='#1b2626' d='m534 408 2.7 1c3 1 5.2 1.2 8.3 1h3l-2 2h-3v2l-10-3z'/><path fill='#111b1d' d='m392 355 1 2h2c1.8 2.6 3 5 4 8l-3 1-2.6-3.2-1.4-1.9c-1-1.9-1-1.9-.7-4.1z'/><path fill='#061011' d='m387 247 1 2 3 1-4 7h-2v-2l-2-1z'/><path fill='#1c2727' d='M617 234c5.8-.1 5.8-.1 8 1v2h2l3 3-1 3-4-3v-2l-3.4-.9-3.6-1.1z'/><path fill='#0d1313' d='m357.3 201.3 1.7.7c-1 3-1 3-2.8 4.2l-2.3 1-2.2 1-1.7.8c0-4 0-4 2.3-6.3 2.7-1.7 2.7-1.7 5-1.4'/><path fill='#434a4b' d='M581 757a15 15 0 0 1-7.4 4.8l-2.3.7c-2.5.5-4 .3-6.3-.5l5.2-2.5 2.9-1.4c2.9-1.1 4.9-1.3 7.9-1.1'/><path fill='#8e8c86' d='m631 732 1 2 7 1v7l-2 1 1-7-1.9 1.5C634 739 634 739 632 739v-2h2v-2l-4 2z'/><path fill='#202627' d='m671 690 4 1c.6 2.4.6 2.4 1 5l-2 2-2-1-1 5c-1.5-4-.6-7.8 0-12'/><path fill='#0f1a1a' d='m648 602 4 2v2h-2c-1 2-1 2-1.3 4-.7 2-.7 2-2.8 3.3l-1.9.7c.6-6.6.6-6.6 2.6-8.8l1.4-1.2z'/><path fill='#253131' d='M756 584c3.1 3.1 3.6 3.8 4 8-.3 2.8-.3 2.8-1 5l-2 1zm-1 5h1v6h-1z'/><path fill='#0a1110' d='m400 505 1.8.8q6 2.8 12.2 5.2v2c-10.6-2.9-10.6-2.9-15-6z'/><path fill='#252f31' d='m613 472 3.3.5c3.6.6 3.6.6 6.7.5v3h2v2a30 30 0 0 1-12-4z'/><path fill='#283235' d='m495 410 12 4v2l-10-1v-3h-2z'/><path fill='#2b3334' d='M383 335h2v2h2v7l-2 2-1.6-4.4-.8-2.4c-.6-2.2-.6-2.2.4-4.2'/><path fill='#d6d8d7' d='M315 319c3 4 1.8 8.1 1.1 12.8l-.3 2.4-.8 5.8h-1v-9.1q-.2-6.1 1-11.9'/><path fill='#1f282a' d='M535.6 161h3.4v1c-5.8 2.5-11.2 2.2-17.4 2.1h-3l-7.6-.1v-1h1.8q4-.3 8.1-.4l2.9-.2h2.7l2.6-.2c3.1-.3 2.6-1.2 6.5-1.3'/><path fill='#dfdfd9' d='M443 746a67 67 0 0 1 16 4c-1.6 1.1-1.6 1.1-4 2-3-.7-3-.7-6.2-1.9l-3.3-1.2-2.5-.9z'/><path fill='#0a1415' d='M326 738c3 1 3 1 4 3l3 1v3l3 1-3 1-2-1v-2h-4z'/><path fill='#1d2728' d='m579 566 1.8 1.4q3 2 6.2 3.6h-2v3c-4.7-1.9-4.7-1.9-7-3z'/><path fill='#1f2c2e' d='M682 477c7 1 7 1 9.9 4l4.1 6a57 57 0 0 1-7-4v-2l-8-1z'/><path fill='#171d1d' d='m317 233 2 1-9 10-1-3h2v-2l-2-1 3.9-2.6 2.2-1.4z'/><path fill='#4e5354' d='M685 226h1c1.1 6.8 1.1 6.8 0 9h-2l-1 3-2-1 1-6h3l-.6-2-.4-2z'/><path fill='#1c2120' d='M439 169v2l3 2-9 1v-2l-2-2c2.9-.8 4.9-1 8-1'/><path fill='#161917' d='M467 809c7.5.6 7.5.6 10 2.6l1 1.4c-4.8 0-9.2 0-14-1l3-1z'/><path fill='#1d2829' d='M398 790c5-.2 8.5-.2 13 2v2c-5.2.4-8.4-.8-13-3z'/><path fill='#192425' d='m406 732 6 3.4 3.3 1.9c2.7 1.7 2.7 1.7 3.7 3.7-4.5-.5-7.4-2.2-11-5-1.2-2.1-1.2-2.1-2-4'/><path fill='#152121' d='M261 717h2c.1 5.5.1 5.5-.6 8.2-.6 2-.6 2 .6 4.8l-3 1-.6-5.9-.4-3.3V719z'/><path fill='#242d2e' d='M416 501h3l.1 1.9.9 2.1c3 1.3 3 1.3 6 2l2 1-1 2-13-7z'/><path fill='#394444' d='M278 303h2c1.2 4 .8 6.2-1 10h-2c-1.5-3.8-.4-6.3 1-10'/><path fill='#8f8f8e' d='M701 221c-3.6 3-3.6 3-7 3v4l3 1-2 2-3-2c.8-5.7.8-5.7 3-8 3.6-1.2 3.6-1.2 6 0'/><path fill='#141e1f' d='M293 770h3l-1 7-5 2z'/><path fill='#101d1c' d='M367 753c3.4 1 6 2 9 4v2a29 29 0 0 1-9-3z'/><path fill='#606364' d='m633 744 1 4-8 6-1-2z'/><path fill='#0e1819' d='M314 627q2.3 3.3 4.2 7l1 2c.8 2 .8 2-.2 5-3.8-5-5.2-7.6-5-14'/><path fill='#1d2828' d='M593 598c2.4.8 2.4.8 5 2l1 3h6l-2 1v2l-5-1-1-3h-2v-2h-2z'/><path fill='#1d2323' d='M707 551h2l2 7 4-1v6h-3l-2.5-4.9-1.4-2.7C707 553 707 553 707 551'/><path fill='#192324' d='M323 398c2.4 2.6 3 3.7 3.2 7.3l-.2 2.7-5 1-1-3-2-1c1.8-.7 1.8-.7 4-1 1.8 1.4 1.8 1.4 3 3l-1-2.2c-1-2.8-1-2.8-1-6.8'/><path fill='#0d1819' d='M319 375c1.6 1.2 1.6 1.2 3 3-.1 2.5-.1 2.5-.8 5.2l-.7 2.7-.5 2.1c-2-2-2-2-2.1-5.6l.1-3.4h2z'/><path fill='#394143' d='m387 345 5 1v2h-2c-1.3 2.9-1.3 2.9 0 5.2l1 1.8c-3-1-3-1-4.2-2.7-1-2.8-.6-4.5.2-7.3'/><path fill='#22282a' d='m381 317 2 1c-.8 3.4-.8 3.4-2 7l-3 1-1-7h3z'/><path fill='#8c8f89' d='M316 279h2v2l2.1-.6c3.5-.5 5.7.3 8.9 1.6l-1 2a60 60 0 0 1-8-2v2h-3z'/><path fill='#121f20' d='m551 192 4.8-.2h2.6c3 .3 4.4 1.2 6.6 3.2-5.2.2-9 0-14-2z'/><path fill='#1b2728' d='M394 725c4.6 1.5 7.5 3.8 11 7v1h-5v-2h-2v-2h-2v-2h-2z'/><path fill='#242c2a' d='m628 703 1 2 3 1-4 6h-1l-1-8z'/><path fill='#3d4748' d='m547 447 9 1v2l5 1c-3.7 1.4-5.7.6-9.2-1l-2.8-1-2-1z'/><path fill='#363f40' d='m695 340 3 1c1.5 4 2.3 7.7 2 12h-2z'/><path fill='#3c4544' d='M683 309c3 1 3 1 4.2 3.2l1 2.7 1.1 2.7c.7 2.4.7 2.4-.3 5.4l-3-5.9-1.7-3.3C683 311 683 311 683 309'/><path fill='#242f30' d='M408 278h1l1 7-2 1c-.7 2.5-.7 2.5-1 5h-1l-.1-4.8v-2.7c.1-2.5.1-2.5 2.1-5.5'/><path fill='#edeee9' d='M335 273h2a21 21 0 0 1-4 9h-3q1.6-5 5-9'/><path fill='#3c4345' d='m303 255 1 2c-1.4 2.6-1.4 2.6-3.3 5.6l-2 3C297 268 297 268 295 269l2-6 .9-2.7c1.3-2.6 2.6-3.7 5.1-5.3'/><path fill='#020505' d='m618 719 1 3-9 8-2-1c2.7-3.6 5.4-6.3 9-9z'/><path fill='#d5d7d4' d='M631 706c.7 1.6.7 1.6 1 4-1.2 2.8-1.2 2.8-3 5.8l-1.7 3-1.3 2.2-1-2c.7-2 .7-2 1.8-4.4l1.1-2.3z'/><path fill='#2a3537' d='m662 701 2 2-1 2h-2v2l-3 1c-1.7 2-1.7 2-3 4-.4-2.7-.4-2.7 0-6 3-2.3 3-2.3 6-4z'/><path fill='#091516' d='M274 619h2v6l2 1-1 4-2 1a20 20 0 0 1-1-7.7V621z'/><path fill='#1e201e' d='M503 562c5 .4 8.8.8 13 4v2l-4.8-1.4-2.7-.8-5.5-1.8z'/><path fill='#131e21' d='M735 560v4h-2l-2 4-3-1c2.4-7 2.4-7 7-7'/><path fill='#444c4e' d='M702 265h2c1.5 3 1 5.7 1 9l-2 1-1-3.9-.7-2.2c-.3-1.9-.3-1.9.7-3.9'/><path fill='#232e2e' d='M652 262h3l.4 2.4.6 2.6 2 1 1 5c-4.8-2.4-4.8-2.4-5.9-5-.1-2-.1-2 .9-4h-2z'/><path fill='#192425' d='M370.6 225h2.4c-3.8 3.6-8 4-13 5l-4 1c2.8-3.8 6.6-4 11-5 1-1 1-1 3.6-1'/><path fill='#1f292a' d='M414 791c3 1 3 1 6 3l2 1v2q-4.6-.6-9-2z'/><path fill='#363e40' d='m660 724 1 2c-1.2 3.3-3 5-5.6 7.3l-2 1.5-1.4 1.2-2-1 3.4-4 1.9-2.2 1.7-1.8h2z'/><path fill='#142020' d='M261 693h2c0 4.2 0 8-1 12h-2v-5.4l-.1-3.1c.1-2.5.1-2.5 1.1-3.5'/><path fill='#0e1314' d='m366 694 6 5-1 4h-2c-2.2-2.3-3-3.5-3.2-6.7z'/><path fill='#101414' d='M344 663c2.7 2.5 4.6 4.6 6 8l-3 2c-2.4-3.5-3.4-5.7-3-10'/><path fill='#283535' d='M300 588h2v3l3 1v8l-2 1z'/><path fill='#0d1818' d='m558 578 8 6c-3 1-3 1-6.2-.4L557 582z'/><path fill='#323d3e' d='M528 439c4-.2 6.6 0 10 2-1 2-1 2-2.7 2.8-3.1.3-5.4-.7-8.3-1.8z'/><path fill='#1c2626' d='M288 333c2 4 2 4 3 7l-2 5 2 1-3 3z'/><path fill='#1e2a2a' d='M667 286h2l4 6 2 1v5l-2-1v-2l-3-1-.4-2.4-.6-2.6-2-1z'/><path fill='#192426' d='M418 229h2a43 43 0 0 1-5.1 8.3l-1.7 2-1.2 1.7-1-3 2-3h2l1-4h2z'/><path fill='#0a1313' d='M358 218v3c-1.9 1.6-1.9 1.6-4.4 3.2l-2.4 1.6C349 227 349 227 347 227c0-2 0-2 1.6-4 3-2.5 5.7-3.6 9.4-5'/><path fill='#1b2625' d='m589 218 4.4 1.4 2.5.7c2.1.9 2.1.9 3.1 2.9-4.5.2-7.9 0-12-2l2-1z'/><path fill='#5d6365' d='m624 206 10 3-1 4-6-1 2-2-2.5-1.4-2.5-1.6z'/><path fill='#dfe2e2' d='M707 198v2c-7.3 3.4-7.3 3.4-12 3 4-3.5 6.8-5 12-5'/><path fill='#131d1e' d='m434 800 6.4.9 3.6.5c3 .6 3 .6 5 2.6-4 1.6-7 .3-11-1l-4-1z'/><path fill='#282b2a' d='M629 755v3c-5.6 3-5.6 3-9 3l-1 2-2-2 4.9-3 2.7-1.7c2.4-1.3 2.4-1.3 4.4-1.3'/><path fill='#0c1312' d='M379 708c3.4 1.4 5 3 7 6l-4-1-1 2c-2-2-2-2-2.1-4.6z'/><path fill='#eaeae9' d='m715 576 3 1 1 9h-2z'/><path fill='#232e2e' d='M536 566c3.7.5 5.8.9 9 3h-2l1 3c-3 0-3 0-4.6-1.4L538 569l-2-1z'/><path fill='#0b1210' d='M479 550h2v2l5 2v1c-3.4.2-3.4.2-7 0l-2-3z'/><path fill='#2c3535' d='M700 541h5v4l3 1-1 3c-4.4-1.5-4.9-4-7-8'/><path fill='#121c1d' d='m678 472 5 2.4 2.7 1.3c2.3 1.3 2.3 1.3 3.3 3.3a21 21 0 0 1-10-4z'/><path fill='#2e3839' d='M476 418h3v2h4v2l4-1v2c-1.6.8-1.6.8-4 1q-3.6-1.7-7-4z'/><path fill='#253032' d='M480 405a14 14 0 0 1 11 3v1c-7.6-.9-7.6-.9-11-2z'/><path fill='#323a39' d='m700 290 2 1v2h2c1.7 1.8 1.7 1.8 3 4-.3 2.3-.3 2.3-1 4l-1-4h-3c-1.5-2.6-2-3.9-2-7'/><path fill='#253131' d='M662 274c2.6 3 3 3.7 3 8l2 1v2h-2c-1.3-1.7-1.3-1.7-2.6-3.9l-1.3-2.2-2.1-3.9z'/><path fill='#0a0d0c' d='M287 271h1c.2 4 0 6.6-2 10h-2c.8-6.6.8-6.6 3-10'/><path fill='#121617' d='M653 272c2.8 2 3 3.1 3.7 6.7l.3 3.3c-3-2.8-4.7-5-6-9z'/><path fill='#1f2a2b' d='M411 267h2a43 43 0 0 1-3 10h-2l1-4.4.5-2.5c.5-2.1.5-2.1 1.5-3.1'/><path fill='#7d817c' d='M315 264h3q1 4.5 1 9c-2 2.6-2 2.6-4 4l2-12z'/><path fill='#444d4f' d='M337 241h4l-1 7-2 1 1-4h-5c1.3-2 1.3-2 3-4'/><path fill='#111616' d='M607 216q5.3 2 10 5l-2 1-4-2v2l-3-1z'/><path fill='#333e3f' d='m476 183-3 1v2l-10 2v-2c8.4-3.4 8.4-3.4 13-3'/><path fill='#141718' d='M596 172c4-.2 6.6 0 10 2v2l-3.9-.3-2.2-.2c-1.9-.5-1.9-.5-3.9-3.5'/><path fill='#050a0b' d='M427 800c2 .3 2 .3 4 1l2 3-5 1-2-4z'/><path fill='#1d2422' d='M496.2 759h3.8v1l-2 .4-2.4.5-2.5.6c-2 .3-2 .3-3.1 1.5h-6v-1h5v-2c2.8-1 4.4-1.1 7.2-1'/><path fill='#cfcdc7' d='m646 719 6 1c.7 2.3.7 2.3 1 5-1.4 1.8-1.4 1.8-3 3l-1-8z'/><path fill='#061011' d='M347 717q4.5 1.8 9 4v1h-8z'/><path fill='#404445' d='M665 708c-1 3.8-2 6.5-5 9-.7-2.2-.7-2.2-1-5 3.1-4 3.1-4 6-4'/><path fill='#f3f1eb' d='M749 694h2a79 79 0 0 1-6 12c-1-3-1-3 0-5.3l1.4-2.4 1.5-2.4z'/><path fill='#192222' d='M629 699h4l-1 6h-3l-1-5z'/><path fill='#222d2f' d='m353 686 1 2h2v2h2l1 6c-3-2.8-5.4-5.2-7-9z'/><path fill='#263131' d='M263 643h3v12c-3.1-3.1-3.6-3.8-4-8 .4-2.3.4-2.3 1-4'/><path fill='#141c1d' d='M611 616h3l1 3c-1.2 2.2-1.2 2.2-3 4h-3v-2h2l-.6-2-.4-2z'/><path fill='#283334' d='M637.6 451h2.4l-1 4 4-1 1 2c-2.6 1-3.6 1.2-6.2 0l-1.8-1v-2l-2-1c1-1 1-1 3.6-1'/><path fill='#2c3739' d='M517 431c2 .8 2 .8 4 2 .8 2.1.8 2.1 1 4-5.7-1.7-5.7-1.7-8-4h3z'/><path fill='#111c1e' d='M463 408c2 .8 2 .8 4 2 .8 2.1.8 2.1 1 4l-2 1c-2.6-1.3-2.6-1.3-5-3v-2h2z'/><path fill='#0a0c0c' d='M289 284c1.2 3.6.7 4.3-1 7.7l-1 2.4-1 1.9h-1c.5-4.8 1.2-8 4-12'/><path fill='#f0efeb' d='m702 226 2 2-1 2 4 2v7c-2-3-2-3-2-6h-2z'/><path fill='#080c0b' d='M597 225h5v2h3v3c-2.9-.2-2.9-.2-6-1-1.4-2-1.4-2-2-4'/><path fill='#0f1414' d='M617 222c4.6 1.3 8.2 3 12 6l1 3q-4.6-2.3-8.7-5l-2.5-1.7-1.8-1.3z'/><path fill='#242d2f' d='m333 221 2 1v3c-2.4 1.4-3.5 2-6.2 1.6l-1.8-.6z'/><path fill='#4a5156' d='M634 210c3 .8 3 .8 6 2 1 2 1 2 1 4l-1 2-1.9-2.5-2.1-2.5h-2z'/><path fill='#333d3b' d='M578 207c2 3 2 3 2 5h6l-1 3-6-1v-3h-2z'/><path fill='#232d2f' d='m358 204 2 1-1 2-5 1v2l-5 1c5.5-5.8 5.5-5.8 9-7'/><path fill='#cfd2d0' d='M712 202c-.3 2.4-.3 2.4-1 5-3 2-3 2-6 2 1.2-3.5 3-7 7-7'/><path fill='#1d2a2c' d='m611 182 5 1v2l2 2-7 1z'/><path fill='#f5f2ec' d='M713 169c10.2-.6 10.2-.6 13.7 2l1.3 2-1.8-.4q-6.5-1.6-13.2-2.6z'/><path fill='#0c1717' d='M609 776v3l-8 2v-3c5.8-2 5.8-2 8-2'/><path fill='#1a201f' d='M605 762v2h-2l-1 3-5 1v-3c5.8-3 5.8-3 8-3'/><path fill='#f8f6f0' d='m717 740 2 1-2.2 3.4-1.3 2c-1.8 1.9-3 2.2-5.5 2.6 1.6-3.8 4-6.2 7-9'/><path fill='#212c2e' d='m720 723 1 3c-2.2 3.2-3.3 4.8-7 6 .5-4.2 3-6.2 6-9'/><path fill='#252e30' d='M297 646h3l2 8-3 1z'/><path fill='#081011' d='M319 640h2l3 7-2 2-4-8z'/><path fill='#162021' d='M659 616c4.1 4.3 4.6 7.3 5 13-3-2.4-3.6-4.4-4.2-8.2l-.5-2.7z'/><path fill='#202a29' d='m287 593-4 5-4-1-1-2c3.1-1.9 5.4-2.2 9-2'/><path fill='#0d1313' d='m762 585 1 4h2v9h-1c-3.2-9.4-3.2-9.4-2-13'/><path fill='#4f5959' d='M266 581h9l-1 2-4 1-1 2-3-1z'/><path fill='#0f1918' d='M503 557c4.2.7 7.4 2.9 11 5l-3 2-4-2.4-2.2-1.3-1.8-1.3z'/><path fill='#101a1b' d='M365 474c3.4 1 6 2 9 4v3q-4.7-2.1-9-5z'/><path fill='#202d2e' d='M645 454c3.7.5 5.6 1.1 8 4-3 .8-4.5 1.2-7.3 0l-1.7-1z'/><path fill='#293434' d='m598 434 3 3v2l-4.4-.9-2.5-.5-2.1-.6-1-2 7 1z'/><path fill='#2c3538' d='m514 404 5 1-1 3 4 1c-3 1-3 1-5.6.3-2.4-1.3-2.4-1.3-3.4-4.3z'/><path fill='#101315' d='M674 310c2.7 2.4 3.8 4.6 5 8-1.9-.1-1.9-.1-4-1-1.2-3-1.2-3-2-6z'/><path fill='#272f2d' d='m292 299 2 2-2 6h2l-1 4-1-2h-2a19 19 0 0 1 2-10'/><path fill='#c1c1b7' d='M320 282c3 .6 5.4 1.6 8 3l-1 1-5-.4-2.8-.3-2.2-.3 3-1z'/><path fill='#181c1c' d='m299 263 2 3-5 8-2-1z'/><path fill='#2d3839' d='m676 226 6 2-2 1-1 2c-1 2-1 2-3 3z'/><path fill='#2f3939' d='M574 209c1.8 2 1.8 2 3 4q-5.5-.8-11-2c3.2-2.1 4.3-2.6 8-2'/><path fill='#152222' d='M511 202v3l-4.4.1-2.4.1c-2.2-.2-2.2-.2-4.2-2.2q5.4-1 11-1'/><path fill='#999c9b' d='M580 189c4.6.7 8.7 2.3 13 4-3.6 1.2-5 .6-8.7-.4l-3-1-2.3-.6z'/><path fill='#343e40' d='m415 182-1 3-7 1c.8-2 .8-2 2-4 3-1 3-1 6 0'/><path fill='#1c201e' d='m354 776 2 1v2l5-1v4c-5.7-1.9-5.7-1.9-8-3z'/><path fill='#4c5153' d='M624 752v3l-7 4c.7-2.4.7-2.4 2-5 2.6-1.3 2.6-1.3 5-2'/><path fill='#242e2f' d='M341 747c3 1 4 1.7 6 4v2l-6-1z'/><path fill='#181d1b' d='m581 746 2 1-1 5-4 1-1-5z'/><path fill='#192323' d='M699 745h5c-.6 1.9-.6 1.9-2 4-3.1 1.3-3.1 1.3-6 2z'/><path fill='#484c4c' d='m646 712 4 2v2l6-1-1 2-9-1z'/><path fill='#191d19' d='m760 656 2 1-1 7h-3l-1-3c1.4-2.7 1.4-2.7 3-5'/><path fill='#131e1e' d='M625 634c3 3 3 6 4 10l-2 1c-1.6-1-1.6-1-3-3q.1-4 1-8'/><path fill='#131715' d='M393 513c1.6 1.8 1.6 1.8 3 4l-1 3-6-3v-2h4z'/><path fill='#0f1b1d' d='m410 375 2.2.6c3 .4 5 .1 7.8-.6l-2 1-2 4-6-2z'/><path fill='#162121' d='M312 331h1v6.9l.1 3.8c-.1 3.3-.1 3.3-1.1 5.3h-2v-4h2z'/><path fill='#121716' d='M415 311c2.4 2.4 2.3 3.3 2.6 6.6l.3 2.5.1 1.9h-3l1-2-1-2z'/><path fill='#0f1918' d='M687 302q3.1 3.6 5 8l-1 3-2.6-3.8-1.4-2.2c-1-2-1-2 0-5'/><path fill='#2d3838' d='M675 298c4 2 4 2 5 4l.8 2.1.7 2.2.5 1.7h-2z'/><path fill='#060907' d='m441 238 3 1-7 7-2-1a13 13 0 0 1 6-7'/><path fill='#232625' d='m317 230 4 2-3.9 2.6-2.2 1.4-1.9 1-2-1z'/><path fill='#1e292b' d='M381 228c.4 4.6.4 4.6-1.5 6.8L378 236l-2-1v-4c3.3-3 3.3-3 5-3'/><path fill='#4e5554' d='m706 215 3 1v12h-1l-.4-2.2-.5-2.7-.5-2.8-.6-2.3-2-1z'/><path fill='#0d1111' d='m663 195 9 3v2a29 29 0 0 1-9-3z'/><path fill='#171917' d='M703 178h2c-.2 1.9-.2 1.9-1 4-2 1.3-2 1.3-4 2 1.9-4.9 1.9-4.9 3-6m-4 6v3l-3 2c1.9-3.9 1.9-3.9 3-5'/><path fill='#101b1d' d='M719 178c4.8.8 4.8.8 7 3v3c-2.4-.2-2.4-.2-5-1-1.3-2.6-1.3-2.6-2-5'/><path fill='#222f2e' d='M526 805h11a27 27 0 0 1-10 3z'/><path fill='#656f6f' d='M465 778c2.2 0 2.2 0 4.6.4l2.5.3 1.9.3c-4.2 2.8-6.1 1.8-11 1z'/><path fill='#c4c6c7' d='m641 742 2 1-9 8-2-2z'/><path fill='#404443' d='M627 738c2 3 2 3 2 6l-4 2c-.7-1.7-.7-1.7-1-4 1.4-2.2 1.4-2.2 3-4'/><path fill='#111b1b' d='M736 664h1c.3 2.8.3 2.8 0 6-2 2.4-2 2.4-4 4l-2-3 4-1z'/><path fill='#e2e0d9' d='m294 571 5 1v2h2l-1 2-8-2 2-1z'/><path fill='#0a1212' d='m445 537 6 1-1 3c-2 .7-2 .7-4 1l-2-4z'/><path fill='#1e2829' d='M690 531c3.8 1.2 6 2.4 8 6l-1 3-1-3h-2c-2.1-1.9-2.1-1.9-4-4z'/><path fill='#0d1719' d='m630 481 9 1v3c-3.4-.3-3.4-.3-7-1z'/><path fill='#0a1113' d='M277 403c2 .6 2 .6 4 2 .8 3.6.8 3.6 1 7l-2-1-1-5h-2z'/><path fill='#182121' d='M416 326h5l-1 6-4-1z'/><path fill='#7f8383' d='m710 195-2 4h-7c2.7-4.1 4.1-4 9-4'/><path fill='#252f31' d='m412 182-3 1-1 2 2 2h-4c-1.7-2-1.7-2-3-4 3.4-1.6 5.4-2.3 9-1'/><path fill='#152223' d='M724 184h3l-1 10h-1z'/><path fill='#f5f4ee' d='M574.2 810h3.8c-2.8 2.8-5.1 2.7-9 3l-2-2c2.8-1 4.4-1.1 7.2-1'/><path fill='#090b0c' d='m374 784 7 2-1 3-5-1z'/><path fill='#c0c1c1' d='m592 771-1 3c-2.8.6-2.8.6-6 1l-3-2c6.6-2 6.6-2 10-2'/><path fill='#2e3a3b' d='M574 757v2l-7 2c.3-2 .3-2 1-4 3-1 3-1 6 0'/><path fill='#303a3c' d='m668 647 3 1-1 9a16 16 0 0 1-2-10'/><path fill='#131d1f' d='m479 512 7 1v3l-4 1v-2h-2z'/><path fill='#e2e1dc' d='m693 476 4 2 2.2.9c1.8 1.1 1.8 1.1 2.4 3.2l.4 1.9-4.5-2.9-2.5-1.6-2-1.5z'/><path fill='#1f2a2b' d='M398 316c2.6 3.9 2.6 6.4 3 11h-2c-1.2-3.7-1-7.2-1-11'/><path fill='#161a19' d='m294 258 1 2 2 1-4 5v-2l-2-1z'/><path fill='#2a3233' d='M305 249c1.3 2.7.7 4.2 0 7l-6 2z'/><path fill='#666d6e' d='m383 223-1 3c-2 1-2 1-4.6 1.7l-2.5.7-1.9.6v-2l3.9-2 2.2-1.1c1.9-.9 1.9-.9 3.9-.9'/><path fill='#e5e3dd' d='m335.2 213.4 1.8.6c-5.7 5-5.7 5-8 5 .3-1.9.3-1.9 1-4 3-2 3-2 5.2-1.6'/><path fill='#404848' d='m567 205 8 1c-1 2-1 2-2.8 2.8-2.7.3-4-.4-6.2-1.8z'/><path fill='#252f32' d='m373 196 2 1-1 2h-3v2c-1.9.6-1.9.6-4 1l-2-2 3.9-2 2.2-1.2z'/><path fill='#161a1b' d='m416 176 2 3-6 1v-2l-2-2c3.8-1.1 3.8-1.1 6 0'/><path fill='#d7d6d1' d='m425 173-10 2v-2c5.5-2.2 5.5-2.2 10 0'/><path fill='#2d3536' d='m578 167 3 1-1 1 3 2c-6 .2-6 .2-8 0l-2-2 2-1 3 1z'/><path fill='#212d2d' d='M264 782h2l1 8-3-1z'/><path fill='#161916' d='M597 737c0 3.5-.8 4.4-3 7l-5-1q3.9-3.2 8-6'/><path fill='#86898a' d='M647 735h2c-1.3 4-2.5 5.8-6 8 0-3 0-3 2-6h2z'/><path fill='#2a3636' d='m611 734 3 1c-5.1 5.6-5.1 5.6-9 6a13 13 0 0 1 6-7'/><path fill='#272f32' d='m300 656 4 1 1 4-3 1z'/><path fill='#212828' d='M721 589h3l1 8-2 1v-3h-2z'/><path fill='#171a1a' d='M716 583h1l1 8-3 1c-.1-6.7-.1-6.7 1-9'/><path fill='#1d2424' d='M715 563h2v10c-2.5-2.5-3-4.7-4-8z'/><path fill='#10191a' d='M442 498c6.8.9 6.8.9 9 2l-1 3h-3l-2-3z'/><path fill='#e9ebe9' d='m316 314 3 1-1 7-2 1z'/><path fill='#0c1110' d='M275 300h2v6l-2 2-1-1z'/><path fill='#747978' d='m325 278 5 2v2h-6l-1-2h2z'/><path fill='#eeede9' d='m701 220 2 1-1 5-7-1 2.4-2c1.9-1.4 1.9-1.4 3.6-3'/><path fill='#5c6061' d='m641 218 8 6-3 1c-2.3-1.4-4-3.2-6-5z'/><path fill='#192222' d='m537 206 7 1-1 3-6-1z'/><path fill='#060f11' d='m660 203 9 1v3l-9-3z'/><path fill='#7b7d7c' d='m610 199 6 2v3c-4.7-.7-4.7-.7-7-3z'/><path fill='#d3d3cc' d='m595 807 1 2c-4.2 0-8 0-12-1v-1c4-1 7-1 11 0'/><path fill='#cfcec8' d='M322 767h7v3l-7-1z'/><path fill='#060b0b' d='M485 759c3.6-.2 3.6-.2 7 0l-3 1v2h-6z'/><path fill='#0e1413' d='m464 754-1 3-6-1v-2c3.1-1 4-1 7 0'/><path fill='#0b1416' d='M661 724h2c-.3 3.2-.6 4.6-3 6.8l-2 1.2c1.9-5.7 1.9-5.7 3-8'/><path fill='#1e2929' d='m754 654 2 2-5 5 1-6z'/><path fill='#070d0b' d='M762 639c2 2 2 2 2.1 5.1l-.1 2.9-3-1c-1-3-1-3 0-5.2z'/><path fill='#141e20' d='M667 638c2 1.8 2 1.8 4 4-.2 2.3-.2 2.3-1 4-2.6-3-3-3.7-3-8'/><path fill='#162124' d='m717 505 4 1v4l-4-2z'/><path fill='#242d2d' d='M355 487c4.8.9 4.8.9 7 2l-1 3c-1.9-.2-1.9-.2-4-1-1.2-2-1.2-2-2-4'/><path fill='#0b1214' d='M664 482c6.7 3.4 6.7 3.4 8 6a25 25 0 0 1-10-5z'/><path fill='#212c2e' d='m672 469 6 3-1 3-6-4z'/><path fill='#141817' d='m615 435 4 2v3l-8-2 4-1z'/><path fill='#0e191a' d='m330 412 4 4-1 3-6-5z'/><path fill='#0a1416' d='m443 408 7 4v2a16 16 0 0 1-8-5z'/><path fill='#232f2f' d='m439 362 3 1v2l4 1v2c-3.2-.6-5-1.4-7-4z'/><path fill='#333f3e' d='m297 311 1 2h2l2 4-2.4-.6c-2.6-.7-2.6-.7-4.6.6z'/><path fill='#1a2627' d='m680 312 5 4-1 3-4-1z'/><path fill='#656a66' d='m308 304-1 2h-3v2l-4-1c2.5-3.1 4.1-3.3 8-3'/><path fill='#212b2d' d='m378 266 3 1v3h2v2l-4 1z'/><path fill='#060b0a' d='M309 239h2v2h-2l-1 5-3 1c1.8-5.7 1.8-5.7 4-8'/><path fill='#cfcdc9' d='m694 224 7 1 1 4h-2v-2l-6-1z'/><path fill='#101414' d='M702 207h2l-1 4 4 1-2 4v-4l-4-1z'/><path fill='#293233' d='M533 200c2.8-.2 2.8-.2 6 0l3 3-9-1z'/><path fill='#060908' d='M716 171h5l1 2-1 2-5-1z'/><path fill='#030707' d='M472 163h9a28 28 0 0 1-9 3z'/><path fill='#212b2c' d='m454 802 8 1-1 2-8-1z'/><path fill='#f4f0e9' d='M664 781c-1 3-1 3-3 4.2l-2 .8v-4c2-1 2-1 5-1'/><path fill='#1a1e1e' d='m592 767 5 1c-2.4 2.4-3.8 2.5-7 3z'/><path fill='#333c3c' d='M551 764h6l1 2-8 1z'/><path fill='#212220' d='M572 752c-4.3 3-4.3 3-7.8 2.7l-2.2-.7c6.3-3.1 6.3-3.1 10-2'/><path fill='#1d2b2c' d='M262 728h2l-1 9-2-1z'/><path fill='#2c3534' d='m620 725 2 3-4 4v-3h-2c1-2 1-2 4-4'/><path fill='#646767' d='M658 721h3c0 3 0 3-2 6h-2l-1-3z'/><path fill='#f2efea' d='M739 712h2c-1.2 3.7-1.7 4.8-5 7 .8-4.7.8-4.7 3-7'/><path fill='#0a100e' d='m635 709 2 1-1 4h-4v-3z'/><path fill='#222626' d='m646 704 1 2 2 1c-3.7 3-3.7 3-6 3 1.9-4.9 1.9-4.9 3-6'/><path fill='#0e1615' d='M754 669c1.4 4.2-.2 6.1-2 10l-2-4z'/><path fill='#151b1a' d='m288 644 2 1v6l-3-1v-5z'/><path fill='#deddd9' d='M602 616c3.2 1.4 4 2 6 5l-3 1v-2h-2z'/><path fill='#090d0d' d='m315 607 3 2c.2 2.6.2 2.6 0 5h-3z'/><path fill='#0d110f' d='M759 570h2l1 7h-2z'/><path fill='#f4f2ea' d='m500 563 6 1 1 3-7-2z'/><path fill='#050807' d='m462 545 4 1v3l-5-1z'/><path fill='#121b1d' d='M466 507c5.5.6 5.5.6 7.9 2.6l1.1 1.4-2 1-3-1v-2z'/><path fill='#273133' d='m610 468 3 2-1 2-7-1 2-1c2-.8 2-.8 3-2'/><path fill='#dddbd6' d='m534 403 9 2c-4 2-4 2-6.7 1.1L534 405z'/><path fill='#131819' d='m470 377 4 2-1 4-5-4h2z'/><path fill='#273335' d='m391 350 4 2v5h-2c-1.5-2.6-2-3.9-2-7'/><path fill='#333d3f' d='M310 311h3v2l2 1-3 3c-2-3.7-2-3.7-2-6'/><path fill='#08100e' d='M281 307c1.5 3.8.4 6.3-1 10h-1c-.2-6.6-.2-6.6 2-10'/><path fill='#0d120f' d='M294 299h2c-.9 5.8-.9 5.8-2 8h-2z'/><path fill='#212725' d='m275 297 4 2-1 6h-1v-5h-2z'/><path fill='#373f41' d='M670 245c3.7 1.2 4.2 2.6 6 6-3 0-3 0-4.7-1.3-1.3-1.7-1.3-1.7-1.3-4.7'/><path fill='#545857' d='M331 230v3h-2v2l-4 1v-3z'/><path fill='#525857' d='M647 225c2.4.3 2.4.3 5 1 1.3 2 1.3 2 2 4-3.7-1.2-4.8-1.7-7-5'/><path fill='#1a2123' d='m333 226 3 1-1 2h-2l-1 2-4 1 2-3h2z'/><path fill='#202628' d='m414 209 1 3c-2.3 1.6-2.3 1.6-5 3l-3-1z'/><path fill='#364144' d='m681 204-1 2h-6l-2-2c3-1.5 5.7-.5 9 0'/><path fill='#1c2726' d='M529 200h4v2h5l-4 3-2-1v-2l-3-1z'/><path fill='#2d3b3c' d='M712 175h6l-5 5-2-1z'/><path fill='#060909' d='m724 173 5 2-1 3-5-2z'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":70,"open_issues":0,"last_commit":"2026-08-08T22:57:49Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.styleui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.styleui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.styleui.dev/r/registry.json","clone":"git clone https://github.com/heyfabrika/styleui.git","clone_degit":"npx degit heyfabrika/styleui","registry_fetch":"curl -s https://www.styleui.dev/r/registry.json"},"component_count":4,"components":[{"name":"animated-list","title":"AnimatedList","description":"An animated list component to showcase your content.","type":"registry:component","source_url":"https://www.styleui.dev/r/animated-list.json","install_command":"npx shadcn@latest add https://www.styleui.dev/r/animated-list.json"},{"name":"counter","title":"Counter","description":"Animated counter that increases from 0 to a given value in a smooth animation.","type":"registry:component","source_url":"https://www.styleui.dev/r/counter.json","install_command":"npx shadcn@latest add https://www.styleui.dev/r/counter.json"},{"name":"notio","title":"notio","description":"A template block that includes a hero section, a features section, a pricing section, and a footer section. Ships StyleUI's Base UI primitives so the install m…","type":"registry:block","source_url":"https://www.styleui.dev/r/notio.json","install_command":"npx shadcn@latest add https://www.styleui.dev/r/notio.json"},{"name":"axis","title":"axis","description":"A template block that includes a hero section, feature highlights, tools, pricing, testimonials, and a footer section. Ships StyleUI's Button (Base UI) at comp…","type":"registry:block","source_url":"https://www.styleui.dev/r/axis.json","install_command":"npx shadcn@latest add https://www.styleui.dev/r/axis.json"}]},{"id":"stylexui","name":"@stylexui","slug":"stylexui","description":"High-performance StyleX & Base UI toolkit for modern dashboards. Modular blocks and production templates, built with zero runtime CSS overhead.","author":null,"framework":"react","license":null,"tags":["blocks","buttons","cards","charts","dashboard","forms","media","navigation","overlays","pro-available"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://stylexui.dev","github":null,"registry":"https://stylexui.dev/r/registry.json","source":"https://stylexui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/stylexui","markdown":"https://sh4dcn.netlify.app/md/stylexui.md"},"logo":"<svg viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_33_11)'><path d='M256 0C51.2 0 0 51.2 0 256C0 460.8 51.2 512 256 512C460.8 512 512 460.8 512 256C512 51.2 460.8 0 256 0Z' class='fill-foreground'></path><path d='M347.125 263.058C349.052 267.549 357.531 285.432 359.266 289.846C348.667 307.633 346.162 312.258 323.943 340.49C233.563 435.113 163.842 450.395 121.1 406.206C116.467 400.97 112.718 395.014 110 388.572C110.906 390.23 112.12 392.06 113.604 394.045L114.143 394.758L114.413 395.125L114.991 395.857L115.588 396.608L116.224 397.36L116.88 398.131L117.535 398.902L118.248 399.73L118.961 400.54L119.712 401.368L120.098 401.792L120.869 402.64L121.254 403.064L122.083 403.932L122.507 404.375C175.308 452.688 227.936 411.235 299.43 331.144C310.222 318.463 326.12 295.762 347.125 263.039V263.058ZM374.74 110.179C408.194 139.26 408.194 184.374 383.103 248.798C381.176 244.057 372.697 225.113 370.578 220.276C390.33 165.546 390.812 139.529 362.388 113.59C346.046 98.6743 334.445 98.0576 312.342 101.681L310.877 101.931L310.164 102.066L308.7 102.317L307.216 102.606L306.483 102.741L289.043 106.229V106.19L289.429 106.055C324.405 93.182 354.429 92.1413 374.74 110.179Z' fill='url(#paint0_linear_33_11)'></path><path d='M352.61 205.396C405.72 305.742 409.073 360.049 391.383 398.032C385.023 411.715 369.125 421.158 362.284 424.858C345.133 434.089 309.598 429.483 277.84 420.175L273.08 418.132C289.036 423.278 323.723 430.003 342.416 424.858C403.812 407.957 396.509 334.822 334.785 219.946C273.08 105.089 205.556 73.5615 152.311 95.2224C147.377 97.2098 142.84 100.069 138.918 103.663L139.323 103.239L140.151 102.372L140.556 101.948L141.385 101.1C147.32 95.1261 153.487 90.4817 159.827 88.3233C207.965 72.0583 290.597 88.2269 352.61 205.396Z' fill='url(#paint1_linear_33_11)'></path></g><defs><linearGradient id='paint0_linear_33_11' x1='229.451' y1='202.251' x2='334.957' y2='281.92' gradientUnits='userSpaceOnUse'><stop stop-color='white'></stop><stop offset='1' stop-color='var(--background)' stop-opacity='0.89'></stop></linearGradient><linearGradient id='paint1_linear_33_11' x1='249.386' y1='277.535' x2='320.434' y2='238.762' gradientUnits='userSpaceOnUse'><stop stop-color='0'></stop><stop offset='1' stop-color='var(--background)'></stop></linearGradient><clipPath id='clip0_33_11'><rect width='512' height='512' fill='fill-primary-foreground'></rect></clipPath></defs></svg>","preview_image":"https://stylexui.dev/images/brand/og/default.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://stylexui.dev/assets/pricing-xdziWyg7.js"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://stylexui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://stylexui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://stylexui.dev/r/registry.json","registry_fetch":"curl -s https://stylexui.dev/r/registry.json"},"component_count":18,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://stylexui.dev/r/index.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/index.json"},{"name":"stylex-ui-accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-accordion.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-accordion.json"},{"name":"stylex-ui-alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-alert.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-alert.json"},{"name":"stylex-ui-alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-alert-dialog.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-alert-dialog.json"},{"name":"stylex-ui-aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-aspect-ratio.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-aspect-ratio.json"},{"name":"stylex-ui-attachment","title":"Attachment","description":"A component for attaching and uploading files with various states and triggers.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-attachment.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-attachment.json"},{"name":"stylex-ui-avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-avatar.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-avatar.json"},{"name":"stylex-ui-badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-badge.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-badge.json"},{"name":"stylex-ui-breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-breadcrumb.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-breadcrumb.json"},{"name":"stylex-ui-bubble","title":"Bubble","description":"A message bubble component commonly used in chat and discussion interfaces.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-bubble.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-bubble.json"},{"name":"stylex-ui-button","title":"Button","description":"Displays a button or a component that looks like a button.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-button.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-button.json"},{"name":"stylex-ui-button-group","title":"Button Group","description":"A container that groups related buttons together.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-button-group.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-button-group.json"},{"name":"stylex-ui-calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-calendar.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-calendar.json"},{"name":"stylex-ui-card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-card.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-card.json"},{"name":"stylex-ui-carousel","title":"Carousel","description":"A carousel with motion and swipe capabilities.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-carousel.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-carousel.json"},{"name":"stylex-ui-chart","title":"Chart","description":"Beautiful and interactive charts built using Recharts and StyleX.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-chart.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-chart.json"},{"name":"stylex-ui-checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-checkbox.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-checkbox.json"},{"name":"stylex-ui-collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","source_url":"https://stylexui.dev/r/stylex-ui-collapsible.json","install_command":"npx shadcn@latest add https://stylexui.dev/r/stylex-ui-collapsible.json"}]},{"id":"supabase","name":"@supabase","slug":"supabase","description":"Official Supabase UI registry — shadcn/ui-compatible components that wire your Next.js front-end directly to Supabase services. Includes password-based auth (sign-in/sign-up), social auth, current-user avatar, realtime avatar stack, realtime chat, realtime cursor, realtime Monaco editor, realtime flow, dropzone for Storage uploads, and an infinite-query helper. Built with React, Next.js (App Router), Tailwind CSS, and the Supabase JS client. Fully free and open source. Use for: any Next.js + Supabase project that needs pre-wired auth flows, realtime collaboration widgets, or Storage upload components without writing the Supabase client integration from scratch.","author":"supabase","framework":"react","license":"Apache-2.0","tags":["auth","blocks","components","editor","forms","hooks","media","pro-available"],"categories":["Component library (general)"],"labels":["featured","popular","pro","recently-updated"],"urls":{"website":"https://supabase.com/ui","github":"https://github.com/supabase/supabase","registry":"https://supabase.com/ui/r/registry.json","source":"https://supabase.com/ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/supabase","markdown":"https://sh4dcn.netlify.app/md/supabase.md"},"logo":"<svg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><title>Supabase</title><path d='M11.9 1.036c-.015-.986-1.26-1.41-1.874-.637L.764 12.05C-.33 13.427.65 15.455 2.409 15.455h9.579l.113 7.51c.014.985 1.259 1.408 1.873.636l9.262-11.653c1.093-1.375.113-3.403-1.645-3.403h-9.642z'/></svg>","preview_image":"https://supabase.com/library/img/supabase-og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://supabase.com/pricing"},"metrics":{"github_stars":114075,"open_issues":1177,"last_commit":"2026-10-27T05:29:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://supabase.com/ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://supabase.com/ui/r/registry.json","install_bun":"bunx shadcn@latest add https://supabase.com/ui/r/registry.json","clone":"git clone https://github.com/supabase/supabase.git","clone_degit":"npx degit supabase/supabase","registry_fetch":"curl -s https://supabase.com/ui/r/registry.json"},"component_count":67,"components":[{"name":"safe-next-path","title":"Safe next path","description":"Validates same-origin paths before redirecting.","type":"registry:lib","source_url":"https://supabase.com/ui/r/safe-next-path.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/safe-next-path.json"},{"name":"password-based-auth-nextjs","title":"Password Based Auth flow for Nextjs and Supabase","description":"Password Based Auth flow for Nextjs and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/password-based-auth-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-nextjs.json"},{"name":"password-based-auth-react","title":"Password Based Auth flow for React and Supabase","description":"Password Based Auth flow for React and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/password-based-auth-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-react.json"},{"name":"password-based-auth-react-router","title":"Password Based Auth flow for React Router and Supabase","description":"Password Based Auth flow for React Router and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/password-based-auth-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-react-router.json"},{"name":"password-based-auth-tanstack","title":"Password Based Auth flow for tanstack and Supabase","description":"Password Based Auth flow for tanstack and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/password-based-auth-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-tanstack.json"},{"name":"social-auth-nextjs","title":"Social Auth flow for Nextjs and Supabase","description":"Social Auth flow for Nextjs and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/social-auth-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/social-auth-nextjs.json"},{"name":"social-auth-react","title":"Social Auth flow for React and Supabase","description":"Social Auth flow for React and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/social-auth-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/social-auth-react.json"},{"name":"social-auth-react-router","title":"Social Auth flow for React Router and Supabase","description":"Social Auth flow for React Router and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/social-auth-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/social-auth-react-router.json"},{"name":"social-auth-tanstack","title":"Social Auth flow for TanStack and Supabase","description":"Social Auth flow for TanStack and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/social-auth-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/social-auth-tanstack.json"},{"name":"dropzone-nextjs","title":"Dropzone (File Upload)","description":"Displays a control for easier uploading of files directly to Supabase Storage.","type":"registry:component","source_url":"https://supabase.com/ui/r/dropzone-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-nextjs.json"},{"name":"dropzone-react","title":"Dropzone (File Upload)","description":"Displays a control for easier uploading of files directly to Supabase Storage.","type":"registry:component","source_url":"https://supabase.com/ui/r/dropzone-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-react.json"},{"name":"dropzone-react-router","title":"Dropzone (File Upload)","description":"Displays a control for easier uploading of files directly to Supabase Storage.","type":"registry:component","source_url":"https://supabase.com/ui/r/dropzone-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-react-router.json"},{"name":"dropzone-tanstack","title":"Dropzone (File Upload)","description":"Displays a control for easier uploading of files directly to Supabase Storage.","type":"registry:component","source_url":"https://supabase.com/ui/r/dropzone-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-tanstack.json"},{"name":"realtime-cursor-nextjs","title":"Realtime Cursor","description":"Component which renders realtime cursors from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-cursor-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-cursor-nextjs.json"},{"name":"realtime-cursor-react","title":"Realtime Cursor","description":"Component which renders realtime cursors from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-cursor-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-cursor-react.json"},{"name":"realtime-cursor-react-router","title":"Realtime Cursor","description":"Component which renders realtime cursors from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-cursor-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-cursor-react-router.json"},{"name":"realtime-cursor-tanstack","title":"Realtime Cursor","description":"Component which renders realtime cursors from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-cursor-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-cursor-tanstack.json"},{"name":"current-user-avatar-nextjs","title":"Current User Avatar","description":"Component which renders the current user's avatar.","type":"registry:component","source_url":"https://supabase.com/ui/r/current-user-avatar-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/current-user-avatar-nextjs.json"},{"name":"current-user-avatar-react","title":"Current User Avatar","description":"Component which renders the current user's avatar.","type":"registry:component","source_url":"https://supabase.com/ui/r/current-user-avatar-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/current-user-avatar-react.json"},{"name":"current-user-avatar-react-router","title":"Current User Avatar","description":"Component which renders the current user's avatar.","type":"registry:component","source_url":"https://supabase.com/ui/r/current-user-avatar-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/current-user-avatar-react-router.json"},{"name":"current-user-avatar-tanstack","title":"Current User Avatar","description":"Component which renders the current user's avatar.","type":"registry:component","source_url":"https://supabase.com/ui/r/current-user-avatar-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/current-user-avatar-tanstack.json"},{"name":"realtime-avatar-stack-nextjs","title":"Avatar Stack with Realtime Presence","description":"Component which stack of avatars, tracked by realtime presence.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-avatar-stack-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-avatar-stack-nextjs.json"},{"name":"realtime-avatar-stack-react","title":"Avatar Stack with Realtime Presence","description":"Component which stack of avatars, tracked by realtime presence.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-avatar-stack-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-avatar-stack-react.json"},{"name":"realtime-avatar-stack-react-router","title":"Avatar Stack with Realtime Presence","description":"Component which stack of avatars, tracked by realtime presence.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-avatar-stack-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-avatar-stack-react-router.json"},{"name":"realtime-avatar-stack-tanstack","title":"Avatar Stack with Realtime Presence","description":"Component which stack of avatars, tracked by realtime presence.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-avatar-stack-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-avatar-stack-tanstack.json"},{"name":"realtime-chat-nextjs","title":"Realtime Chat","description":"Component which renders realtime chat messages from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-chat-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-chat-nextjs.json"},{"name":"realtime-chat-react","title":"Realtime Chat","description":"Component which renders realtime chat messages from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-chat-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-chat-react.json"},{"name":"realtime-chat-react-router","title":"Realtime Chat","description":"Component which renders realtime chat messages from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-chat-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-chat-react-router.json"},{"name":"realtime-chat-tanstack","title":"Realtime Chat","description":"Component which renders realtime chat messages from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-chat-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-chat-tanstack.json"},{"name":"realtime-flow-nextjs","title":"Realtime Flow","description":"Real-time flow diagram editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-flow-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-flow-nextjs.json"},{"name":"realtime-flow-react","title":"Realtime Flow","description":"Real-time flow diagram editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-flow-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-flow-react.json"},{"name":"realtime-flow-react-router","title":"Realtime Flow","description":"Real-time flow diagram editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-flow-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-flow-react-router.json"},{"name":"realtime-flow-tanstack","title":"Realtime Flow","description":"Real-time flow diagram editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-flow-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-flow-tanstack.json"},{"name":"realtime-monaco-nextjs","title":"Realtime Monaco","description":"Real-time Monaco editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-monaco-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-monaco-nextjs.json"},{"name":"realtime-monaco-react","title":"Realtime Monaco","description":"Real-time Monaco editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-monaco-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-monaco-react.json"},{"name":"realtime-monaco-react-router","title":"Realtime Monaco","description":"Real-time Monaco editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-monaco-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-monaco-react-router.json"},{"name":"realtime-monaco-tanstack","title":"Realtime Monaco","description":"Real-time Monaco editor for collaborative applications.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-monaco-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-monaco-tanstack.json"},{"name":"infinite-query-hook","title":"Infinite Query Hook","description":"React hook for infinite lists, fetching data from Supabase.","type":"registry:block","source_url":"https://supabase.com/ui/r/infinite-query-hook.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/infinite-query-hook.json"},{"name":"mcp","title":"MCP Server","description":"Add a user-scoped MCP server to your product.","type":"registry:item","source_url":"https://supabase.com/ui/r/mcp.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/mcp.json"},{"name":"headless-app-tanstack","title":"Headless App for TanStack Start","description":"A backend with an agent as the primary interface, combining auth, OAuth consent, and an MCP server.","type":"registry:block","source_url":"https://supabase.com/ui/r/headless-app-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/headless-app-tanstack.json"},{"name":"oauth-consent-nextjs","title":"OAuth Consent for Next.js","description":"OAuth 2.1 consent screen and route for an existing authenticated application.","type":"registry:block","source_url":"https://supabase.com/ui/r/oauth-consent-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/oauth-consent-nextjs.json"},{"name":"oauth-consent-react","title":"OAuth Consent for React","description":"OAuth 2.1 consent component for an existing authenticated application.","type":"registry:block","source_url":"https://supabase.com/ui/r/oauth-consent-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/oauth-consent-react.json"},{"name":"oauth-consent-react-router","title":"OAuth Consent for React Router","description":"OAuth 2.1 consent screen and route for an existing authenticated application.","type":"registry:block","source_url":"https://supabase.com/ui/r/oauth-consent-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/oauth-consent-react-router.json"},{"name":"oauth-consent-tanstack","title":"OAuth Consent for TanStack Start","description":"OAuth 2.1 consent screen and route for an existing authenticated application.","type":"registry:block","source_url":"https://supabase.com/ui/r/oauth-consent-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/oauth-consent-tanstack.json"},{"name":"tanstack-db-nextjs","title":"TanStack DB for Next.js and Supabase","description":"TanStack DB integration with Supabase collections for type-safe database operations","type":"registry:block","source_url":"https://supabase.com/ui/r/tanstack-db-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/tanstack-db-nextjs.json"},{"name":"supabase-client-nextjs","title":"Supabase Client for Next.js","description":null,"type":"registry:lib","source_url":"https://supabase.com/ui/r/supabase-client-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/supabase-client-nextjs.json"},{"name":"supabase-client-react","title":"Supabase Client for React","description":null,"type":"registry:lib","source_url":"https://supabase.com/ui/r/supabase-client-react.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/supabase-client-react.json"},{"name":"supabase-client-react-router","title":"Supabase Client for React Router","description":null,"type":"registry:lib","source_url":"https://supabase.com/ui/r/supabase-client-react-router.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/supabase-client-react-router.json"},{"name":"supabase-client-tanstack","title":"Supabase Client for TanStack Start","description":null,"type":"registry:lib","source_url":"https://supabase.com/ui/r/supabase-client-tanstack.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/supabase-client-tanstack.json"},{"name":"platform-kit-nextjs","title":"Platform Kit for Nextjs and Supabase","description":"Platform Kit for Nextjs and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/platform-kit-nextjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/platform-kit-nextjs.json"},{"name":"supabase-client-nuxtjs","title":"Supabase Client for Nuxt.js","description":null,"type":"registry:lib","source_url":"https://supabase.com/ui/r/supabase-client-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/supabase-client-nuxtjs.json"},{"name":"supabase-client-vue","title":"Supabase Client for Vue","description":null,"type":"registry:lib","source_url":"https://supabase.com/ui/r/supabase-client-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/supabase-client-vue.json"},{"name":"password-based-auth-nuxtjs","title":"Password Based Auth flow for Nuxt.js and Supabase","description":"Password Based Auth flow for Nuxt.js and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/password-based-auth-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-nuxtjs.json"},{"name":"password-based-auth-vue","title":"Password Based Auth flow for Vue and Supabase","description":"Password Based Auth flow for Vue and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/password-based-auth-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/password-based-auth-vue.json"},{"name":"social-auth-vue","title":"Social Auth flow for Vue and Supabase","description":"Social Auth flow for Vue and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/social-auth-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/social-auth-vue.json"},{"name":"social-auth-nuxtjs","title":"Social Auth flow for Nuxt and Supabase","description":"Social Auth flow for Nuxt and Supabase","type":"registry:block","source_url":"https://supabase.com/ui/r/social-auth-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/social-auth-nuxtjs.json"},{"name":"dropzone-nuxtjs","title":"Dropzone (File Upload) for Nuxt and Supabase","description":"Displays a control for easier uploading of files directly to Supabase Storage.","type":"registry:block","source_url":"https://supabase.com/ui/r/dropzone-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-nuxtjs.json"},{"name":"dropzone-vue","title":"Dropzone (File Upload) for Vue and Supabase","description":"Displays a control for easier uploading of files directly to Supabase Storage.","type":"registry:block","source_url":"https://supabase.com/ui/r/dropzone-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/dropzone-vue.json"},{"name":"realtime-cursor-nuxtjs","title":"Realtime Cursor for Nuxt and Supabase","description":"Component which renders realtime cursors from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-cursor-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-cursor-nuxtjs.json"},{"name":"realtime-cursor-vue","title":"Realtime Cursor for Vue and Supabase","description":"Component which renders realtime cursors from other users in a room.","type":"registry:component","source_url":"https://supabase.com/ui/r/realtime-cursor-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-cursor-vue.json"},{"name":"current-user-avatar-nuxtjs","title":"Current User Avatar","description":"Component which renders the current user's avatar.","type":"registry:block","source_url":"https://supabase.com/ui/r/current-user-avatar-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/current-user-avatar-nuxtjs.json"},{"name":"current-user-avatar-vue","title":"Current User Avatar","description":"Component which renders the current user's avatar.","type":"registry:block","source_url":"https://supabase.com/ui/r/current-user-avatar-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/current-user-avatar-vue.json"},{"name":"realtime-avatar-stack-nuxtjs","title":"Realtime Avatar Stack","description":"Component which stack of avatars, tracked by realtime presence.","type":"registry:block","source_url":"https://supabase.com/ui/r/realtime-avatar-stack-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-avatar-stack-nuxtjs.json"},{"name":"realtime-avatar-stack-vue","title":"Realtime Avatar Stack","description":"Component which stack of avatars, tracked by realtime presence.","type":"registry:block","source_url":"https://supabase.com/ui/r/realtime-avatar-stack-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-avatar-stack-vue.json"},{"name":"realtime-chat-nuxtjs","title":"Realtime Chat","description":"Component which provides a realtime chat interface.","type":"registry:block","source_url":"https://supabase.com/ui/r/realtime-chat-nuxtjs.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-chat-nuxtjs.json"},{"name":"realtime-chat-vue","title":"Realtime Chat","description":"Component which provides a realtime chat interface.","type":"registry:block","source_url":"https://supabase.com/ui/r/realtime-chat-vue.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/realtime-chat-vue.json"},{"name":"infinite-query-composable","title":"Infinite Query for Vue and Supabase","description":"Vue Composable for infinite lists, fetching data from Supabase.","type":"registry:component","source_url":"https://supabase.com/ui/r/infinite-query-composable.json","install_command":"npx shadcn@latest add https://supabase.com/ui/r/infinite-query-composable.json"}]},{"id":"sureui","name":"@sureui","slug":"sureui","description":"Open source confirmation components for shadcn/ui: undo, hold to confirm, type to confirm and more. Built on Base UI.","author":"aidankmcalister","framework":"react","license":"MIT","tags":["ai","buttons","media","navigation","overlays","payments"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://sureui.com","github":"https://github.com/aidankmcalister/sureui","registry":"https://sureui.com/r/registry.json","source":"https://sureui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/sureui","markdown":"https://sh4dcn.netlify.app/md/sureui.md"},"logo":"<svg class='text-foreground' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><title>SureUI Logo</title><path fill-rule='evenodd' fill='rgba(120,120,120,0.35)' d='M16 5a11 11 0 1 1 0 22a11 11 0 1 1 0-22Zm0 3a8 8 0 1 0 0 16a8 8 0 1 0 0-16Z'/><path fill='currentColor' d='M16 5A11 11 0 1 1 5 16h3a8 8 0 1 0 8-8Z'/><circle fill='currentColor' cx='16' cy='6.5' r='1.5'/><circle fill='currentColor' cx='6.5' cy='16' r='1.5'/><rect fill='currentColor' x='9.58' y='16.55' width='7.35' height='2.4' rx='1.2' transform='rotate(45 13.25 17.75)'/><rect fill='currentColor' x='12.2' y='14.9' width='11.2' height='2.4' rx='1.2' transform='rotate(-50.5 17.8 16.1)'/></svg>","preview_image":"https://sureui.com/opengraph-image?d2405306423cafc1","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":2,"last_commit":"2026-10-19T21:22:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sureui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sureui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://sureui.com/r/registry.json","clone":"git clone https://github.com/aidankmcalister/sureui.git","clone_degit":"npx degit aidankmcalister/sureui","registry_fetch":"curl -s https://sureui.com/r/registry.json"},"component_count":21,"components":[{"name":"confirm-button","title":"Confirm Button","description":"A Button that confirms on a click, a second click or a press and hold. Supports inline undo and a pending state for an async onConfirm.","type":"registry:ui","source_url":"https://sureui.com/r/confirm-button.json","install_command":"npx shadcn@latest add https://sureui.com/r/confirm-button.json"},{"name":"confirm-menu-item","title":"Confirm Menu Item","description":"A DropdownMenu or ContextMenu item that confirms on a click, a second click or a press and hold. The menu stays open while the item is armed, held, pending or …","type":"registry:ui","source_url":"https://sureui.com/r/confirm-menu-item.json","install_command":"npx shadcn@latest add https://sureui.com/r/confirm-menu-item.json"},{"name":"confirm-switch","title":"Confirm Switch","description":"A Switch that moves right away and can be taken back: flipping it again during the undo window undoes it, and onConfirm(checked) runs when the window ends.","type":"registry:ui","source_url":"https://sureui.com/r/confirm-switch.json","install_command":"npx shadcn@latest add https://sureui.com/r/confirm-switch.json"},{"name":"type-to-confirm","title":"Type to Confirm","description":"An inline form that calls onConfirm only after the exact phrase is typed and every acknowledgement is checked. Supports inline undo and a pending state for an …","type":"registry:ui","source_url":"https://sureui.com/r/type-to-confirm.json","install_command":"npx shadcn@latest add https://sureui.com/r/type-to-confirm.json"},{"name":"confirm-dialog","title":"Confirm Dialog","description":"An alert dialog with a ConfirmButton or TypeToConfirm as its confirm action, which closes only after an async onConfirm settles. Includes useConfirm, which ret…","type":"registry:ui","source_url":"https://sureui.com/r/confirm-dialog.json","install_command":"npx shadcn@latest add https://sureui.com/r/confirm-dialog.json"},{"name":"confirm-popover","title":"Confirm Popover","description":"A popover anchored to any trigger, with one line about the consequence and a ConfirmButton, for actions that need a sentence but not a dialog. It stays open wh…","type":"registry:ui","source_url":"https://sureui.com/r/confirm-popover.json","install_command":"npx shadcn@latest add https://sureui.com/r/confirm-popover.json"},{"name":"consequences","title":"Consequences","description":"A list of what a confirmation will remove, with counts and names that collapse to \"and N more\". Pass it to TypeToConfirm or ConfirmDialog through their consequ…","type":"registry:ui","source_url":"https://sureui.com/r/consequences.json","install_command":"npx shadcn@latest add https://sureui.com/r/consequences.json"},{"name":"undo-toast","title":"Undo Toast","description":"undoToast(message) shows a Sonner toast with an Undo button. It resolves true when the toast closes and false if Undo is clicked, so run the action only on tru…","type":"registry:lib","source_url":"https://sureui.com/r/undo-toast.json","install_command":"npx shadcn@latest add https://sureui.com/r/undo-toast.json"},{"name":"undoable","title":"Undoable","description":"Wraps a list item or table row. Removing it collapses the row in place to a label and an Undo button at the same height, then runs onConfirm when the undo wind…","type":"registry:ui","source_url":"https://sureui.com/r/undoable.json","install_command":"npx shadcn@latest add https://sureui.com/r/undoable.json"},{"name":"unsaved-changes","title":"Unsaved Changes","description":"useUnsavedChanges asks before unsaved changes are lost: the browser's prompt on reload or close, an awaitable confirmLeave() for leaving a page, and Keep editi…","type":"registry:ui","source_url":"https://sureui.com/r/unsaved-changes.json","install_command":"npx shadcn@latest add https://sureui.com/r/unsaved-changes.json"},{"name":"tool-approval","title":"Tool Approval","description":"Approve or deny an AI SDK tool call, or a batch of them, with a gesture that matches its risk: undo for low, click again for medium, hold for high and a typed …","type":"registry:ui","source_url":"https://sureui.com/r/tool-approval.json","install_command":"npx shadcn@latest add https://sureui.com/r/tool-approval.json"},{"name":"danger-zone-01","title":"Danger Zone","description":"A project settings danger zone: pause deployments with an undo window, transfer the project in a dialog that shows what changes, and delete it in a dialog that…","type":"registry:block","source_url":"https://sureui.com/r/danger-zone-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/danger-zone-01.json"},{"name":"api-keys-01","title":"API Keys","description":"A list of API keys with the last time each was used, hold to revoke, and a Create key dialog that shows the new secret once with a copy button.","type":"registry:block","source_url":"https://sureui.com/r/api-keys-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/api-keys-01.json"},{"name":"delete-account-01","title":"Delete Account","description":"An account deletion screen with an export link first, a list of what gets deleted, and a form that unlocks after you type your email and check each acknowledge…","type":"registry:block","source_url":"https://sureui.com/r/delete-account-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/delete-account-01.json"},{"name":"team-members-01","title":"Team Members","description":"A team members list whose row menu removes someone after a second click, and makes someone the owner after a dialog explains what changes.","type":"registry:block","source_url":"https://sureui.com/r/team-members-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/team-members-01.json"},{"name":"file-manager-01","title":"File Manager","description":"A file list where selected files move to trash with an undo toast, a Trash tab restores them one at a time, and an Empty trash dialog lists what goes and asks …","type":"registry:block","source_url":"https://sureui.com/r/file-manager-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/file-manager-01.json"},{"name":"inbox-01","title":"Inbox","description":"A message list where archive and delete collapse the row in place with an Undo, and a reading pane whose toolbar archives on a second click and deletes on a ho…","type":"registry:block","source_url":"https://sureui.com/r/inbox-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/inbox-01.json"},{"name":"agent-approval-01","title":"Agent Approval","description":"An agent turn with four tool calls waiting for approval, from a low-risk message that approves with undo to a critical delete that asks for the project name. E…","type":"registry:block","source_url":"https://sureui.com/r/agent-approval-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/agent-approval-01.json"},{"name":"bulk-actions-01","title":"Bulk Actions","description":"An issue list with row checkboxes whose delete asks for more as the count grows: an undo window for one or two, a second click for a few, and the typed count f…","type":"registry:block","source_url":"https://sureui.com/r/bulk-actions-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/bulk-actions-01.json"},{"name":"settings-save-bar-01","title":"Settings Save Bar","description":"A team settings form where any edit brings up a save bar. Discard asks for a second click, and leaving the page with unsaved changes asks whether to save, disc…","type":"registry:block","source_url":"https://sureui.com/r/settings-save-bar-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/settings-save-bar-01.json"},{"name":"cancel-subscription-01","title":"Cancel Subscription","description":"A plan card whose cancel dialog lists what goes away and when, offers a cheaper plan instead, and cancels on a second click.","type":"registry:block","source_url":"https://sureui.com/r/cancel-subscription-01.json","install_command":"npx shadcn@latest add https://sureui.com/r/cancel-subscription-01.json"}]},{"id":"shuip","name":"@shuip","slug":"shuip","description":"Business-focused React components, blocks and form fields for Next.js, built on shadcn/ui with React Hook Form, TanStack Form and TanStack Query.","author":"plvo","framework":"react","license":"MIT","tags":["blocks","buttons","cards","forms","hooks","overlays","tables","theming"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://shuip.plvo.dev","github":"https://github.com/plvo/shuip","registry":"https://shuip.plvo.dev/r/default/registry.json","source":"https://shuip.plvo.dev/r/default/registry.json","page":"https://sh4dcn.netlify.app/registry/shuip","markdown":"https://sh4dcn.netlify.app/md/shuip.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M21 11A5 5 0 1 0 16 16' fill='none' stroke='var(--foreground)' stroke-width='4.5' stroke-linecap='round'/><path d='M16 16A5 5 0 1 1 11 21' fill='none' stroke='var(--foreground)' stroke-width='4.5' stroke-linecap='round' opacity='.45'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":12,"open_issues":7,"last_commit":"2026-10-21T14:08:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shuip.plvo.dev/r/default/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shuip.plvo.dev/r/default/registry.json","install_bun":"bunx shadcn@latest add https://shuip.plvo.dev/r/default/registry.json","clone":"git clone https://github.com/plvo/shuip.git","clone_degit":"npx degit plvo/shuip","registry_fetch":"curl -s https://shuip.plvo.dev/r/default/registry.json"},"component_count":54,"components":[{"name":"calendar","title":null,"description":null,"type":"registry:block","source_url":"https://shuip.plvo.dev/r/{style}/calendar.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/calendar.json"},{"name":"confirmation-dialog","title":"Confirmation Dialog","description":"A standardized way to ask for user confirmation before executing critical actions like deleting data, logging out, or making irreversible changes.","type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/confirmation-dialog.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/confirmation-dialog.json"},{"name":"copy-button","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/copy-button.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/copy-button.json"},{"name":"data-board","title":null,"description":null,"type":"registry:block","source_url":"https://shuip.plvo.dev/r/{style}/data-board.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/data-board.json"},{"name":"data-table","title":null,"description":null,"type":"registry:block","source_url":"https://shuip.plvo.dev/r/{style}/data-table.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/data-table.json"},{"name":"hover-reveal","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/hover-reveal.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/hover-reveal.json"},{"name":"kanban","title":null,"description":null,"type":"registry:block","source_url":"https://shuip.plvo.dev/r/{style}/kanban.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/kanban.json"},{"name":"responsive-dialog","title":null,"description":null,"type":"registry:block","source_url":"https://shuip.plvo.dev/r/{style}/responsive-dialog.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/responsive-dialog.json"},{"name":"rhf-address-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-address-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-address-field.json"},{"name":"rhf-autocomplete-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-autocomplete-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-autocomplete-field.json"},{"name":"rhf-checkbox-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-checkbox-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-checkbox-field.json"},{"name":"rhf-combobox-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-combobox-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-combobox-field.json"},{"name":"rhf-date-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-date-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-date-field.json"},{"name":"rhf-date-range-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-date-range-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-date-range-field.json"},{"name":"rhf-datetime-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-datetime-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-datetime-field.json"},{"name":"rhf-inline-edit","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-inline-edit.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-inline-edit.json"},{"name":"rhf-input-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-input-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-input-field.json"},{"name":"rhf-month-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-month-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-month-field.json"},{"name":"rhf-number-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-number-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-number-field.json"},{"name":"rhf-password-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-password-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-password-field.json"},{"name":"rhf-radio-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-radio-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-radio-field.json"},{"name":"rhf-select-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-select-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-select-field.json"},{"name":"rhf-textarea-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-textarea-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-textarea-field.json"},{"name":"rhf-time-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-time-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-time-field.json"},{"name":"rhf-time-range","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/rhf-time-range.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/rhf-time-range.json"},{"name":"search-input","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/search-input.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/search-input.json"},{"name":"shuip-components","title":null,"description":null,"type":"registry:item","source_url":"https://shuip.plvo.dev/r/{style}/shuip-components.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-components.json"},{"name":"shuip-forms","title":null,"description":null,"type":"registry:item","source_url":"https://shuip.plvo.dev/r/{style}/shuip-forms.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-forms.json"},{"name":"shuip-overview","title":null,"description":null,"type":"registry:item","source_url":"https://shuip.plvo.dev/r/{style}/shuip-overview.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-overview.json"},{"name":"shuip-skills","title":null,"description":null,"type":"registry:item","source_url":"https://shuip.plvo.dev/r/{style}/shuip-skills.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/shuip-skills.json"},{"name":"side-dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/side-dialog.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/side-dialog.json"},{"name":"submit-button","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/submit-button.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/submit-button.json"},{"name":"suggestion-list","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/suggestion-list.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/suggestion-list.json"},{"name":"theme-button","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/theme-button.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/theme-button.json"},{"name":"time","title":null,"description":null,"type":"registry:lib","source_url":"https://shuip.plvo.dev/r/{style}/time.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/time.json"},{"name":"title-section","title":null,"description":null,"type":"registry:block","source_url":"https://shuip.plvo.dev/r/{style}/title-section.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/title-section.json"},{"name":"tsf-autocomplete-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-autocomplete-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-autocomplete-field.json"},{"name":"tsf-checkbox-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-checkbox-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-checkbox-field.json"},{"name":"tsf-combobox-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-combobox-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-combobox-field.json"},{"name":"tsf-date-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-date-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-date-field.json"},{"name":"tsf-date-range-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-date-range-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-date-range-field.json"},{"name":"tsf-datetime-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-datetime-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-datetime-field.json"},{"name":"tsf-form-context","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-form-context.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-form-context.json"},{"name":"tsf-inline-edit","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-inline-edit.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-inline-edit.json"},{"name":"tsf-input-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-input-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-input-field.json"},{"name":"tsf-month-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-month-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-month-field.json"},{"name":"tsf-password-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-password-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-password-field.json"},{"name":"tsf-radio-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-radio-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-radio-field.json"},{"name":"tsf-select-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-select-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-select-field.json"},{"name":"tsf-submit-button","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-submit-button.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-submit-button.json"},{"name":"tsf-textarea-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-textarea-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-textarea-field.json"},{"name":"tsf-time-field","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-time-field.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-time-field.json"},{"name":"tsf-time-range","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsf-time-range.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsf-time-range.json"},{"name":"tsq-query-boundary","title":null,"description":null,"type":"registry:ui","source_url":"https://shuip.plvo.dev/r/{style}/tsq-query-boundary.json","install_command":"npx shadcn@latest add https://shuip.plvo.dev/r/{style}/tsq-query-boundary.json"}]},{"id":"svgl","name":"@svgl","slug":"svgl","description":"A searchable library of high-quality, web-optimized SVG brand logos served via a public REST API and shadcn/ui-compatible registry. Houses hundreds of tech, framework, cloud, and company logos (React, Vercel, AWS, etc.) organized by category. Built with SvelteKit + Svelte 5, Hono, Tailwind CSS, and Upstash Redis for rate-limiting. Extensions available for VS Code, Raycast, Figma, PowerToys, and CLI. Free and open source. Use for: dropping brand/tech logos into any project without hunting down individual SVG files or worrying about licensing and optimization.","author":"pheralb","framework":"svelte","license":"MIT","tags":["ai","animation","cms","components","hooks","icons","media"],"categories":["Icons/logos"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://svgl.app","github":"https://github.com/pheralb/svgl","registry":"https://svgl.app/r/registry.json","source":"https://svgl.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/svgl","markdown":"https://sh4dcn.netlify.app/md/svgl.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 256 256'><path d='M216 136c-8 24-56 72-80 80v-32a48 48 0 0 1 48-48Z' opacity='.2'/><path d='M168 32H88a56.06 56.06 0 0 0-56 56v80a56.06 56.06 0 0 0 56 56h48a8 8 0 0 0 2.53-.41c26.23-8.75 76.31-58.83 85.06-85.06A8 8 0 0 0 224 136V88a56.06 56.06 0 0 0-56-56M48 168V88a40 40 0 0 1 40-40h80a40 40 0 0 1 40 40v40h-24a56.06 56.06 0 0 0-56 56v24H88a40 40 0 0 1-40-40m96 35.14V184a40 40 0 0 1 40-40h19.14C191 163.5 163.5 191 144 203.14'/></svg>","preview_image":"https://svgl.app/images/screenshot_dark.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":6392,"open_issues":321,"last_commit":"2026-10-05T08:36:01Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://svgl.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://svgl.app/r/registry.json","install_bun":"bunx shadcn@latest add https://svgl.app/r/registry.json","clone":"git clone https://github.com/pheralb/svgl.git","clone_degit":"npx degit pheralb/svgl","registry_fetch":"curl -s https://svgl.app/r/registry.json"},"component_count":250,"components":[{"name":"ossium","title":"ossium","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ossium.json","install_command":"npx shadcn@latest add https://svgl.app/r/ossium.json"},{"name":"plausible-analytics","title":"plausible-analytics","description":null,"type":"registry:component","source_url":"https://svgl.app/r/plausible-analytics.json","install_command":"npx shadcn@latest add https://svgl.app/r/plausible-analytics.json"},{"name":"ivy-framework","title":"ivy-framework","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ivy-framework.json","install_command":"npx shadcn@latest add https://svgl.app/r/ivy-framework.json"},{"name":"zaia-endless","title":"zaia-endless","description":null,"type":"registry:component","source_url":"https://svgl.app/r/zaia-endless.json","install_command":"npx shadcn@latest add https://svgl.app/r/zaia-endless.json"},{"name":"langchain","title":"langchain","description":null,"type":"registry:component","source_url":"https://svgl.app/r/langchain.json","install_command":"npx shadcn@latest add https://svgl.app/r/langchain.json"},{"name":"granola","title":"granola","description":null,"type":"registry:component","source_url":"https://svgl.app/r/granola.json","install_command":"npx shadcn@latest add https://svgl.app/r/granola.json"},{"name":"nvidia","title":"nvidia","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nvidia.json","install_command":"npx shadcn@latest add https://svgl.app/r/nvidia.json"},{"name":"proton-mail","title":"proton-mail","description":null,"type":"registry:component","source_url":"https://svgl.app/r/proton-mail.json","install_command":"npx shadcn@latest add https://svgl.app/r/proton-mail.json"},{"name":"proton-vpn","title":"proton-vpn","description":null,"type":"registry:component","source_url":"https://svgl.app/r/proton-vpn.json","install_command":"npx shadcn@latest add https://svgl.app/r/proton-vpn.json"},{"name":"google-classroom","title":"google-classroom","description":null,"type":"registry:component","source_url":"https://svgl.app/r/google-classroom.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-classroom.json"},{"name":"google-antigravity","title":"google-antigravity","description":null,"type":"registry:component","source_url":"https://svgl.app/r/google-antigravity.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-antigravity.json"},{"name":"kimi","title":"kimi","description":null,"type":"registry:component","source_url":"https://svgl.app/r/kimi.json","install_command":"npx shadcn@latest add https://svgl.app/r/kimi.json"},{"name":"zyft","title":"zyft","description":null,"type":"registry:component","source_url":"https://svgl.app/r/zyft.json","install_command":"npx shadcn@latest add https://svgl.app/r/zyft.json"},{"name":"perspective","title":"perspective","description":null,"type":"registry:component","source_url":"https://svgl.app/r/perspective.json","install_command":"npx shadcn@latest add https://svgl.app/r/perspective.json"},{"name":"windsurf","title":"windsurf","description":null,"type":"registry:component","source_url":"https://svgl.app/r/windsurf.json","install_command":"npx shadcn@latest add https://svgl.app/r/windsurf.json"},{"name":"mattermost","title":"mattermost","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mattermost.json","install_command":"npx shadcn@latest add https://svgl.app/r/mattermost.json"},{"name":"inngest","title":"inngest","description":null,"type":"registry:component","source_url":"https://svgl.app/r/inngest.json","install_command":"npx shadcn@latest add https://svgl.app/r/inngest.json"},{"name":"daisyui","title":"daisyui","description":null,"type":"registry:component","source_url":"https://svgl.app/r/daisyui.json","install_command":"npx shadcn@latest add https://svgl.app/r/daisyui.json"},{"name":"paypal","title":"paypal","description":null,"type":"registry:component","source_url":"https://svgl.app/r/paypal.json","install_command":"npx shadcn@latest add https://svgl.app/r/paypal.json"},{"name":"google-drive","title":"google-drive","description":null,"type":"registry:component","source_url":"https://svgl.app/r/google-drive.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-drive.json"},{"name":"amazon-q","title":"amazon-q","description":null,"type":"registry:component","source_url":"https://svgl.app/r/amazon-q.json","install_command":"npx shadcn@latest add https://svgl.app/r/amazon-q.json"},{"name":"mulesoft","title":"mulesoft","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mulesoft.json","install_command":"npx shadcn@latest add https://svgl.app/r/mulesoft.json"},{"name":"uv","title":"uv","description":null,"type":"registry:component","source_url":"https://svgl.app/r/uv.json","install_command":"npx shadcn@latest add https://svgl.app/r/uv.json"},{"name":"milanote","title":"milanote","description":null,"type":"registry:component","source_url":"https://svgl.app/r/milanote.json","install_command":"npx shadcn@latest add https://svgl.app/r/milanote.json"},{"name":"together-ai","title":"together-ai","description":null,"type":"registry:component","source_url":"https://svgl.app/r/together-ai.json","install_command":"npx shadcn@latest add https://svgl.app/r/together-ai.json"},{"name":"suno","title":"suno","description":null,"type":"registry:component","source_url":"https://svgl.app/r/suno.json","install_command":"npx shadcn@latest add https://svgl.app/r/suno.json"},{"name":"groq","title":"groq","description":null,"type":"registry:component","source_url":"https://svgl.app/r/groq.json","install_command":"npx shadcn@latest add https://svgl.app/r/groq.json"},{"name":"cohere","title":"cohere","description":null,"type":"registry:component","source_url":"https://svgl.app/r/cohere.json","install_command":"npx shadcn@latest add https://svgl.app/r/cohere.json"},{"name":"ollama","title":"ollama","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ollama.json","install_command":"npx shadcn@latest add https://svgl.app/r/ollama.json"},{"name":"cisco","title":"cisco","description":null,"type":"registry:component","source_url":"https://svgl.app/r/cisco.json","install_command":"npx shadcn@latest add https://svgl.app/r/cisco.json"},{"name":"animate","title":"animate","description":null,"type":"registry:component","source_url":"https://svgl.app/r/animate.json","install_command":"npx shadcn@latest add https://svgl.app/r/animate.json"},{"name":"apolloio","title":"apolloio","description":null,"type":"registry:component","source_url":"https://svgl.app/r/apolloio.json","install_command":"npx shadcn@latest add https://svgl.app/r/apolloio.json"},{"name":"blender","title":"blender","description":null,"type":"registry:component","source_url":"https://svgl.app/r/blender.json","install_command":"npx shadcn@latest add https://svgl.app/r/blender.json"},{"name":"lua","title":"lua","description":null,"type":"registry:component","source_url":"https://svgl.app/r/lua.json","install_command":"npx shadcn@latest add https://svgl.app/r/lua.json"},{"name":"mercado-libre","title":"mercado-libre","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mercado-libre.json","install_command":"npx shadcn@latest add https://svgl.app/r/mercado-libre.json"},{"name":"mercado-pago","title":"mercado-pago","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mercado-pago.json","install_command":"npx shadcn@latest add https://svgl.app/r/mercado-pago.json"},{"name":"basewell","title":"basewell","description":null,"type":"registry:component","source_url":"https://svgl.app/r/basewell.json","install_command":"npx shadcn@latest add https://svgl.app/r/basewell.json"},{"name":"ahooks","title":"ahooks","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ahooks.json","install_command":"npx shadcn@latest add https://svgl.app/r/ahooks.json"},{"name":"discord","title":"discord","description":null,"type":"registry:component","source_url":"https://svgl.app/r/discord.json","install_command":"npx shadcn@latest add https://svgl.app/r/discord.json"},{"name":"aliexpress","title":"aliexpress","description":null,"type":"registry:component","source_url":"https://svgl.app/r/aliexpress.json","install_command":"npx shadcn@latest add https://svgl.app/r/aliexpress.json"},{"name":"preact","title":"preact","description":null,"type":"registry:component","source_url":"https://svgl.app/r/preact.json","install_command":"npx shadcn@latest add https://svgl.app/r/preact.json"},{"name":"react","title":"react","description":null,"type":"registry:component","source_url":"https://svgl.app/r/react.json","install_command":"npx shadcn@latest add https://svgl.app/r/react.json"},{"name":"svelte","title":"svelte","description":null,"type":"registry:component","source_url":"https://svgl.app/r/svelte.json","install_command":"npx shadcn@latest add https://svgl.app/r/svelte.json"},{"name":"vue","title":"vue","description":null,"type":"registry:component","source_url":"https://svgl.app/r/vue.json","install_command":"npx shadcn@latest add https://svgl.app/r/vue.json"},{"name":"vuetify","title":"vuetify","description":null,"type":"registry:component","source_url":"https://svgl.app/r/vuetify.json","install_command":"npx shadcn@latest add https://svgl.app/r/vuetify.json"},{"name":"nuxt","title":"nuxt","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nuxt.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt.json"},{"name":"nuxt-ui","title":"nuxt-ui","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nuxt-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt-ui.json"},{"name":"nuxt-content","title":"nuxt-content","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nuxt-content.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt-content.json"},{"name":"nuxt-studio","title":"nuxt-studio","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nuxt-studio.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxt-studio.json"},{"name":"nuxthub","title":"nuxthub","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nuxthub.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuxthub.json"},{"name":"docus","title":"docus","description":null,"type":"registry:component","source_url":"https://svgl.app/r/docus.json","install_command":"npx shadcn@latest add https://svgl.app/r/docus.json"},{"name":"visual-studio-code","title":"visual-studio-code","description":null,"type":"registry:component","source_url":"https://svgl.app/r/visual-studio-code.json","install_command":"npx shadcn@latest add https://svgl.app/r/visual-studio-code.json"},{"name":"ton","title":"ton","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ton.json","install_command":"npx shadcn@latest add https://svgl.app/r/ton.json"},{"name":"locofy","title":"locofy","description":null,"type":"registry:component","source_url":"https://svgl.app/r/locofy.json","install_command":"npx shadcn@latest add https://svgl.app/r/locofy.json"},{"name":"runway","title":"runway","description":null,"type":"registry:component","source_url":"https://svgl.app/r/runway.json","install_command":"npx shadcn@latest add https://svgl.app/r/runway.json"},{"name":"yarn","title":"yarn","description":null,"type":"registry:component","source_url":"https://svgl.app/r/yarn.json","install_command":"npx shadcn@latest add https://svgl.app/r/yarn.json"},{"name":"jwt","title":"jwt","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jwt.json","install_command":"npx shadcn@latest add https://svgl.app/r/jwt.json"},{"name":"strapi","title":"strapi","description":null,"type":"registry:component","source_url":"https://svgl.app/r/strapi.json","install_command":"npx shadcn@latest add https://svgl.app/r/strapi.json"},{"name":"figma","title":"figma","description":null,"type":"registry:component","source_url":"https://svgl.app/r/figma.json","install_command":"npx shadcn@latest add https://svgl.app/r/figma.json"},{"name":"spotify","title":"spotify","description":null,"type":"registry:component","source_url":"https://svgl.app/r/spotify.json","install_command":"npx shadcn@latest add https://svgl.app/r/spotify.json"},{"name":"workos","title":"workos","description":null,"type":"registry:component","source_url":"https://svgl.app/r/workos.json","install_command":"npx shadcn@latest add https://svgl.app/r/workos.json"},{"name":"whop","title":"whop","description":null,"type":"registry:component","source_url":"https://svgl.app/r/whop.json","install_command":"npx shadcn@latest add https://svgl.app/r/whop.json"},{"name":"postman","title":"postman","description":null,"type":"registry:component","source_url":"https://svgl.app/r/postman.json","install_command":"npx shadcn@latest add https://svgl.app/r/postman.json"},{"name":"discordjs","title":"discordjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/discordjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/discordjs.json"},{"name":"opensea","title":"opensea","description":null,"type":"registry:component","source_url":"https://svgl.app/r/opensea.json","install_command":"npx shadcn@latest add https://svgl.app/r/opensea.json"},{"name":"algolia","title":"algolia","description":null,"type":"registry:component","source_url":"https://svgl.app/r/algolia.json","install_command":"npx shadcn@latest add https://svgl.app/r/algolia.json"},{"name":"bootstrap","title":"bootstrap","description":null,"type":"registry:component","source_url":"https://svgl.app/r/bootstrap.json","install_command":"npx shadcn@latest add https://svgl.app/r/bootstrap.json"},{"name":"facebook","title":"facebook","description":null,"type":"registry:component","source_url":"https://svgl.app/r/facebook.json","install_command":"npx shadcn@latest add https://svgl.app/r/facebook.json"},{"name":"twitter","title":"twitter","description":null,"type":"registry:component","source_url":"https://svgl.app/r/twitter.json","install_command":"npx shadcn@latest add https://svgl.app/r/twitter.json"},{"name":"esbuild","title":"esbuild","description":null,"type":"registry:component","source_url":"https://svgl.app/r/esbuild.json","install_command":"npx shadcn@latest add https://svgl.app/r/esbuild.json"},{"name":"deno","title":"deno","description":null,"type":"registry:component","source_url":"https://svgl.app/r/deno.json","install_command":"npx shadcn@latest add https://svgl.app/r/deno.json"},{"name":"gatsby","title":"gatsby","description":null,"type":"registry:component","source_url":"https://svgl.app/r/gatsby.json","install_command":"npx shadcn@latest add https://svgl.app/r/gatsby.json"},{"name":"npm","title":"npm","description":null,"type":"registry:component","source_url":"https://svgl.app/r/npm.json","install_command":"npx shadcn@latest add https://svgl.app/r/npm.json"},{"name":"nuget","title":"nuget","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nuget.json","install_command":"npx shadcn@latest add https://svgl.app/r/nuget.json"},{"name":"homebrew","title":"homebrew","description":null,"type":"registry:component","source_url":"https://svgl.app/r/homebrew.json","install_command":"npx shadcn@latest add https://svgl.app/r/homebrew.json"},{"name":"sublime-text","title":"sublime-text","description":null,"type":"registry:component","source_url":"https://svgl.app/r/sublime-text.json","install_command":"npx shadcn@latest add https://svgl.app/r/sublime-text.json"},{"name":"turborepo","title":"turborepo","description":null,"type":"registry:component","source_url":"https://svgl.app/r/turborepo.json","install_command":"npx shadcn@latest add https://svgl.app/r/turborepo.json"},{"name":"tailwind-css","title":"tailwind-css","description":null,"type":"registry:component","source_url":"https://svgl.app/r/tailwind-css.json","install_command":"npx shadcn@latest add https://svgl.app/r/tailwind-css.json"},{"name":"wakatime","title":"wakatime","description":null,"type":"registry:component","source_url":"https://svgl.app/r/wakatime.json","install_command":"npx shadcn@latest add https://svgl.app/r/wakatime.json"},{"name":"styled-components","title":"styled-components","description":null,"type":"registry:component","source_url":"https://svgl.app/r/styled-components.json","install_command":"npx shadcn@latest add https://svgl.app/r/styled-components.json"},{"name":"angular","title":"angular","description":null,"type":"registry:component","source_url":"https://svgl.app/r/angular.json","install_command":"npx shadcn@latest add https://svgl.app/r/angular.json"},{"name":"blitz","title":"blitz","description":null,"type":"registry:component","source_url":"https://svgl.app/r/blitz.json","install_command":"npx shadcn@latest add https://svgl.app/r/blitz.json"},{"name":"lit","title":"lit","description":null,"type":"registry:component","source_url":"https://svgl.app/r/lit.json","install_command":"npx shadcn@latest add https://svgl.app/r/lit.json"},{"name":"atom","title":"atom","description":null,"type":"registry:component","source_url":"https://svgl.app/r/atom.json","install_command":"npx shadcn@latest add https://svgl.app/r/atom.json"},{"name":"youtube","title":"youtube","description":null,"type":"registry:component","source_url":"https://svgl.app/r/youtube.json","install_command":"npx shadcn@latest add https://svgl.app/r/youtube.json"},{"name":"astro","title":"astro","description":null,"type":"registry:component","source_url":"https://svgl.app/r/astro.json","install_command":"npx shadcn@latest add https://svgl.app/r/astro.json"},{"name":"google","title":"google","description":null,"type":"registry:component","source_url":"https://svgl.app/r/google.json","install_command":"npx shadcn@latest add https://svgl.app/r/google.json"},{"name":"google-play","title":"google-play","description":null,"type":"registry:component","source_url":"https://svgl.app/r/google-play.json","install_command":"npx shadcn@latest add https://svgl.app/r/google-play.json"},{"name":"framer","title":"framer","description":null,"type":"registry:component","source_url":"https://svgl.app/r/framer.json","install_command":"npx shadcn@latest add https://svgl.app/r/framer.json"},{"name":"netflix","title":"netflix","description":null,"type":"registry:component","source_url":"https://svgl.app/r/netflix.json","install_command":"npx shadcn@latest add https://svgl.app/r/netflix.json"},{"name":"firefox","title":"firefox","description":null,"type":"registry:component","source_url":"https://svgl.app/r/firefox.json","install_command":"npx shadcn@latest add https://svgl.app/r/firefox.json"},{"name":"linkedin","title":"linkedin","description":null,"type":"registry:component","source_url":"https://svgl.app/r/linkedin.json","install_command":"npx shadcn@latest add https://svgl.app/r/linkedin.json"},{"name":"telegram","title":"telegram","description":null,"type":"registry:component","source_url":"https://svgl.app/r/telegram.json","install_command":"npx shadcn@latest add https://svgl.app/r/telegram.json"},{"name":"matrix","title":"matrix","description":null,"type":"registry:component","source_url":"https://svgl.app/r/matrix.json","install_command":"npx shadcn@latest add https://svgl.app/r/matrix.json"},{"name":"whatsapp","title":"whatsapp","description":null,"type":"registry:component","source_url":"https://svgl.app/r/whatsapp.json","install_command":"npx shadcn@latest add https://svgl.app/r/whatsapp.json"},{"name":"headless-ui","title":"headless-ui","description":null,"type":"registry:component","source_url":"https://svgl.app/r/headless-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/headless-ui.json"},{"name":"kotlin","title":"kotlin","description":null,"type":"registry:component","source_url":"https://svgl.app/r/kotlin.json","install_command":"npx shadcn@latest add https://svgl.app/r/kotlin.json"},{"name":"storybook","title":"storybook","description":null,"type":"registry:component","source_url":"https://svgl.app/r/storybook.json","install_command":"npx shadcn@latest add https://svgl.app/r/storybook.json"},{"name":"netlify","title":"netlify","description":null,"type":"registry:component","source_url":"https://svgl.app/r/netlify.json","install_command":"npx shadcn@latest add https://svgl.app/r/netlify.json"},{"name":"solidjs","title":"solidjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/solidjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/solidjs.json"},{"name":"mongodb","title":"mongodb","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mongodb.json","install_command":"npx shadcn@latest add https://svgl.app/r/mongodb.json"},{"name":"moon","title":"moon","description":null,"type":"registry:component","source_url":"https://svgl.app/r/moon.json","install_command":"npx shadcn@latest add https://svgl.app/r/moon.json"},{"name":"payload-cms","title":"payload-cms","description":null,"type":"registry:component","source_url":"https://svgl.app/r/payload-cms.json","install_command":"npx shadcn@latest add https://svgl.app/r/payload-cms.json"},{"name":"fly","title":"fly","description":null,"type":"registry:component","source_url":"https://svgl.app/r/fly.json","install_command":"npx shadcn@latest add https://svgl.app/r/fly.json"},{"name":"learnthis","title":"learnthis","description":null,"type":"registry:component","source_url":"https://svgl.app/r/learnthis.json","install_command":"npx shadcn@latest add https://svgl.app/r/learnthis.json"},{"name":"visual-studio","title":"visual-studio","description":null,"type":"registry:component","source_url":"https://svgl.app/r/visual-studio.json","install_command":"npx shadcn@latest add https://svgl.app/r/visual-studio.json"},{"name":"chakra-ui","title":"chakra-ui","description":null,"type":"registry:component","source_url":"https://svgl.app/r/chakra-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/chakra-ui.json"},{"name":"expressjs","title":"expressjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/expressjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/expressjs.json"},{"name":"fastify","title":"fastify","description":null,"type":"registry:component","source_url":"https://svgl.app/r/fastify.json","install_command":"npx shadcn@latest add https://svgl.app/r/fastify.json"},{"name":"javascript","title":"javascript","description":null,"type":"registry:component","source_url":"https://svgl.app/r/javascript.json","install_command":"npx shadcn@latest add https://svgl.app/r/javascript.json"},{"name":"jquery","title":"jquery","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jquery.json","install_command":"npx shadcn@latest add https://svgl.app/r/jquery.json"},{"name":"rapid-api","title":"rapid-api","description":null,"type":"registry:component","source_url":"https://svgl.app/r/rapid-api.json","install_command":"npx shadcn@latest add https://svgl.app/r/rapid-api.json"},{"name":"typescript","title":"typescript","description":null,"type":"registry:component","source_url":"https://svgl.app/r/typescript.json","install_command":"npx shadcn@latest add https://svgl.app/r/typescript.json"},{"name":"bun","title":"bun","description":null,"type":"registry:component","source_url":"https://svgl.app/r/bun.json","install_command":"npx shadcn@latest add https://svgl.app/r/bun.json"},{"name":"buildship","title":"buildship","description":null,"type":"registry:component","source_url":"https://svgl.app/r/buildship.json","install_command":"npx shadcn@latest add https://svgl.app/r/buildship.json"},{"name":"twilio","title":"twilio","description":null,"type":"registry:component","source_url":"https://svgl.app/r/twilio.json","install_command":"npx shadcn@latest add https://svgl.app/r/twilio.json"},{"name":"arc","title":"arc","description":null,"type":"registry:component","source_url":"https://svgl.app/r/arc.json","install_command":"npx shadcn@latest add https://svgl.app/r/arc.json"},{"name":"arc","title":"arc","description":null,"type":"registry:component","source_url":"https://svgl.app/r/arc.json","install_command":"npx shadcn@latest add https://svgl.app/r/arc.json"},{"name":"qwik","title":"qwik","description":null,"type":"registry:component","source_url":"https://svgl.app/r/qwik.json","install_command":"npx shadcn@latest add https://svgl.app/r/qwik.json"},{"name":"coinbase","title":"coinbase","description":null,"type":"registry:component","source_url":"https://svgl.app/r/coinbase.json","install_command":"npx shadcn@latest add https://svgl.app/r/coinbase.json"},{"name":"authy","title":"authy","description":null,"type":"registry:component","source_url":"https://svgl.app/r/authy.json","install_command":"npx shadcn@latest add https://svgl.app/r/authy.json"},{"name":"nestjs","title":"nestjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nestjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/nestjs.json"},{"name":"github-copilot","title":"github-copilot","description":null,"type":"registry:component","source_url":"https://svgl.app/r/github-copilot.json","install_command":"npx shadcn@latest add https://svgl.app/r/github-copilot.json"},{"name":"railway","title":"railway","description":null,"type":"registry:component","source_url":"https://svgl.app/r/railway.json","install_command":"npx shadcn@latest add https://svgl.app/r/railway.json"},{"name":"docusaurus","title":"docusaurus","description":null,"type":"registry:component","source_url":"https://svgl.app/r/docusaurus.json","install_command":"npx shadcn@latest add https://svgl.app/r/docusaurus.json"},{"name":"twitch","title":"twitch","description":null,"type":"registry:component","source_url":"https://svgl.app/r/twitch.json","install_command":"npx shadcn@latest add https://svgl.app/r/twitch.json"},{"name":"godaddy","title":"godaddy","description":null,"type":"registry:component","source_url":"https://svgl.app/r/godaddy.json","install_command":"npx shadcn@latest add https://svgl.app/r/godaddy.json"},{"name":"udemy","title":"udemy","description":null,"type":"registry:component","source_url":"https://svgl.app/r/udemy.json","install_command":"npx shadcn@latest add https://svgl.app/r/udemy.json"},{"name":"graphql","title":"graphql","description":null,"type":"registry:component","source_url":"https://svgl.app/r/graphql.json","install_command":"npx shadcn@latest add https://svgl.app/r/graphql.json"},{"name":"grok","title":"grok","description":null,"type":"registry:component","source_url":"https://svgl.app/r/grok.json","install_command":"npx shadcn@latest add https://svgl.app/r/grok.json"},{"name":"gitlab","title":"gitlab","description":null,"type":"registry:component","source_url":"https://svgl.app/r/gitlab.json","install_command":"npx shadcn@latest add https://svgl.app/r/gitlab.json"},{"name":"prisma","title":"prisma","description":null,"type":"registry:component","source_url":"https://svgl.app/r/prisma.json","install_command":"npx shadcn@latest add https://svgl.app/r/prisma.json"},{"name":"go","title":"go","description":null,"type":"registry:component","source_url":"https://svgl.app/r/go.json","install_command":"npx shadcn@latest add https://svgl.app/r/go.json"},{"name":"platzi","title":"platzi","description":null,"type":"registry:component","source_url":"https://svgl.app/r/platzi.json","install_command":"npx shadcn@latest add https://svgl.app/r/platzi.json"},{"name":"coursera","title":"coursera","description":null,"type":"registry:component","source_url":"https://svgl.app/r/coursera.json","install_command":"npx shadcn@latest add https://svgl.app/r/coursera.json"},{"name":"udacity","title":"udacity","description":null,"type":"registry:component","source_url":"https://svgl.app/r/udacity.json","install_command":"npx shadcn@latest add https://svgl.app/r/udacity.json"},{"name":"kubernetes","title":"kubernetes","description":null,"type":"registry:component","source_url":"https://svgl.app/r/kubernetes.json","install_command":"npx shadcn@latest add https://svgl.app/r/kubernetes.json"},{"name":"docker","title":"docker","description":null,"type":"registry:component","source_url":"https://svgl.app/r/docker.json","install_command":"npx shadcn@latest add https://svgl.app/r/docker.json"},{"name":"amazon-web-services","title":"amazon-web-services","description":null,"type":"registry:component","source_url":"https://svgl.app/r/amazon-web-services.json","install_command":"npx shadcn@latest add https://svgl.app/r/amazon-web-services.json"},{"name":"microsoft-azure","title":"microsoft-azure","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-azure.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-azure.json"},{"name":"microsoft-access","title":"microsoft-access","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-access.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-access.json"},{"name":"microsoft-clipchamp","title":"microsoft-clipchamp","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-clipchamp.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-clipchamp.json"},{"name":"microsoft-copilot","title":"microsoft-copilot","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-copilot.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-copilot.json"},{"name":"microsoft-defender","title":"microsoft-defender","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-defender.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-defender.json"},{"name":"microsoft-designer","title":"microsoft-designer","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-designer.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-designer.json"},{"name":"microsoft-editor","title":"microsoft-editor","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-editor.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-editor.json"},{"name":"microsoft-excel","title":"microsoft-excel","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-excel.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-excel.json"},{"name":"microsoft-onedrive","title":"microsoft-onedrive","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-onedrive.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-onedrive.json"},{"name":"microsoft-onenote","title":"microsoft-onenote","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-onenote.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-onenote.json"},{"name":"microsoft-powerpoint","title":"microsoft-powerpoint","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-powerpoint.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-powerpoint.json"},{"name":"microsoft-sharepoint","title":"microsoft-sharepoint","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-sharepoint.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-sharepoint.json"},{"name":"microsoft-teams","title":"microsoft-teams","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-teams.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-teams.json"},{"name":"microsoft-word","title":"microsoft-word","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft-word.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft-word.json"},{"name":"heroku","title":"heroku","description":null,"type":"registry:component","source_url":"https://svgl.app/r/heroku.json","install_command":"npx shadcn@latest add https://svgl.app/r/heroku.json"},{"name":"jetbrains","title":"jetbrains","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jetbrains.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains.json"},{"name":"jetbrains-rider","title":"jetbrains-rider","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jetbrains-rider.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains-rider.json"},{"name":"planetscale","title":"planetscale","description":null,"type":"registry:component","source_url":"https://svgl.app/r/planetscale.json","install_command":"npx shadcn@latest add https://svgl.app/r/planetscale.json"},{"name":"playwright","title":"playwright","description":null,"type":"registry:component","source_url":"https://svgl.app/r/playwright.json","install_command":"npx shadcn@latest add https://svgl.app/r/playwright.json"},{"name":"atlassian","title":"atlassian","description":null,"type":"registry:component","source_url":"https://svgl.app/r/atlassian.json","install_command":"npx shadcn@latest add https://svgl.app/r/atlassian.json"},{"name":"discourse","title":"discourse","description":null,"type":"registry:component","source_url":"https://svgl.app/r/discourse.json","install_command":"npx shadcn@latest add https://svgl.app/r/discourse.json"},{"name":"ember","title":"ember","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ember.json","install_command":"npx shadcn@latest add https://svgl.app/r/ember.json"},{"name":"expo","title":"expo","description":null,"type":"registry:component","source_url":"https://svgl.app/r/expo.json","install_command":"npx shadcn@latest add https://svgl.app/r/expo.json"},{"name":"flutter","title":"flutter","description":null,"type":"registry:component","source_url":"https://svgl.app/r/flutter.json","install_command":"npx shadcn@latest add https://svgl.app/r/flutter.json"},{"name":"auth0","title":"auth0","description":null,"type":"registry:component","source_url":"https://svgl.app/r/auth0.json","install_command":"npx shadcn@latest add https://svgl.app/r/auth0.json"},{"name":"authjs","title":"authjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/authjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/authjs.json"},{"name":"fresh","title":"fresh","description":null,"type":"registry:component","source_url":"https://svgl.app/r/fresh.json","install_command":"npx shadcn@latest add https://svgl.app/r/fresh.json"},{"name":"git","title":"git","description":null,"type":"registry:component","source_url":"https://svgl.app/r/git.json","install_command":"npx shadcn@latest add https://svgl.app/r/git.json"},{"name":"hostgator","title":"hostgator","description":null,"type":"registry:component","source_url":"https://svgl.app/r/hostgator.json","install_command":"npx shadcn@latest add https://svgl.app/r/hostgator.json"},{"name":"intellij-idea","title":"intellij-idea","description":null,"type":"registry:component","source_url":"https://svgl.app/r/intellij-idea.json","install_command":"npx shadcn@latest add https://svgl.app/r/intellij-idea.json"},{"name":"jasmine","title":"jasmine","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jasmine.json","install_command":"npx shadcn@latest add https://svgl.app/r/jasmine.json"},{"name":"java","title":"java","description":null,"type":"registry:component","source_url":"https://svgl.app/r/java.json","install_command":"npx shadcn@latest add https://svgl.app/r/java.json"},{"name":"jest","title":"jest","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jest.json","install_command":"npx shadcn@latest add https://svgl.app/r/jest.json"},{"name":"jetbrains","title":"jetbrains","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jetbrains.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains.json"},{"name":"krakenjs","title":"krakenjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/krakenjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/krakenjs.json"},{"name":"laravel","title":"laravel","description":null,"type":"registry:component","source_url":"https://svgl.app/r/laravel.json","install_command":"npx shadcn@latest add https://svgl.app/r/laravel.json"},{"name":"mariadb","title":"mariadb","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mariadb.json","install_command":"npx shadcn@latest add https://svgl.app/r/mariadb.json"},{"name":"material-ui","title":"material-ui","description":null,"type":"registry:component","source_url":"https://svgl.app/r/material-ui.json","install_command":"npx shadcn@latest add https://svgl.app/r/material-ui.json"},{"name":"mysql","title":"mysql","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mysql.json","install_command":"npx shadcn@latest add https://svgl.app/r/mysql.json"},{"name":"parcel","title":"parcel","description":null,"type":"registry:component","source_url":"https://svgl.app/r/parcel.json","install_command":"npx shadcn@latest add https://svgl.app/r/parcel.json"},{"name":"pm2","title":"pm2","description":null,"type":"registry:component","source_url":"https://svgl.app/r/pm2.json","install_command":"npx shadcn@latest add https://svgl.app/r/pm2.json"},{"name":"postgresql","title":"postgresql","description":null,"type":"registry:component","source_url":"https://svgl.app/r/postgresql.json","install_command":"npx shadcn@latest add https://svgl.app/r/postgresql.json"},{"name":"react-query","title":"react-query","description":null,"type":"registry:component","source_url":"https://svgl.app/r/react-query.json","install_command":"npx shadcn@latest add https://svgl.app/r/react-query.json"},{"name":"devto","title":"devto","description":null,"type":"registry:component","source_url":"https://svgl.app/r/devto.json","install_command":"npx shadcn@latest add https://svgl.app/r/devto.json"},{"name":"redis","title":"redis","description":null,"type":"registry:component","source_url":"https://svgl.app/r/redis.json","install_command":"npx shadcn@latest add https://svgl.app/r/redis.json"},{"name":"redwoodjs","title":"redwoodjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/redwoodjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/redwoodjs.json"},{"name":"ruby","title":"ruby","description":null,"type":"registry:component","source_url":"https://svgl.app/r/ruby.json","install_command":"npx shadcn@latest add https://svgl.app/r/ruby.json"},{"name":"scala","title":"scala","description":null,"type":"registry:component","source_url":"https://svgl.app/r/scala.json","install_command":"npx shadcn@latest add https://svgl.app/r/scala.json"},{"name":"sequelize","title":"sequelize","description":null,"type":"registry:component","source_url":"https://svgl.app/r/sequelize.json","install_command":"npx shadcn@latest add https://svgl.app/r/sequelize.json"},{"name":"spinnaker","title":"spinnaker","description":null,"type":"registry:component","source_url":"https://svgl.app/r/spinnaker.json","install_command":"npx shadcn@latest add https://svgl.app/r/spinnaker.json"},{"name":"sqlite","title":"sqlite","description":null,"type":"registry:component","source_url":"https://svgl.app/r/sqlite.json","install_command":"npx shadcn@latest add https://svgl.app/r/sqlite.json"},{"name":"swagger","title":"swagger","description":null,"type":"registry:component","source_url":"https://svgl.app/r/swagger.json","install_command":"npx shadcn@latest add https://svgl.app/r/swagger.json"},{"name":"swift","title":"swift","description":null,"type":"registry:component","source_url":"https://svgl.app/r/swift.json","install_command":"npx shadcn@latest add https://svgl.app/r/swift.json"},{"name":"typeorm","title":"typeorm","description":null,"type":"registry:component","source_url":"https://svgl.app/r/typeorm.json","install_command":"npx shadcn@latest add https://svgl.app/r/typeorm.json"},{"name":"unity","title":"unity","description":null,"type":"registry:component","source_url":"https://svgl.app/r/unity.json","install_command":"npx shadcn@latest add https://svgl.app/r/unity.json"},{"name":"vim","title":"vim","description":null,"type":"registry:component","source_url":"https://svgl.app/r/vim.json","install_command":"npx shadcn@latest add https://svgl.app/r/vim.json"},{"name":"pocketbase","title":"pocketbase","description":null,"type":"registry:component","source_url":"https://svgl.app/r/pocketbase.json","install_command":"npx shadcn@latest add https://svgl.app/r/pocketbase.json"},{"name":"openbootcamp","title":"openbootcamp","description":null,"type":"registry:component","source_url":"https://svgl.app/r/openbootcamp.json","install_command":"npx shadcn@latest add https://svgl.app/r/openbootcamp.json"},{"name":"digital-ocean","title":"digital-ocean","description":null,"type":"registry:component","source_url":"https://svgl.app/r/digital-ocean.json","install_command":"npx shadcn@latest add https://svgl.app/r/digital-ocean.json"},{"name":"disney","title":"disney","description":null,"type":"registry:component","source_url":"https://svgl.app/r/disney.json","install_command":"npx shadcn@latest add https://svgl.app/r/disney.json"},{"name":"react-router","title":"react-router","description":null,"type":"registry:component","source_url":"https://svgl.app/r/react-router.json","install_command":"npx shadcn@latest add https://svgl.app/r/react-router.json"},{"name":"amp","title":"amp","description":null,"type":"registry:component","source_url":"https://svgl.app/r/amp.json","install_command":"npx shadcn@latest add https://svgl.app/r/amp.json"},{"name":"developer-student-club","title":"developer-student-club","description":null,"type":"registry:component","source_url":"https://svgl.app/r/developer-student-club.json","install_command":"npx shadcn@latest add https://svgl.app/r/developer-student-club.json"},{"name":"brave-browser","title":"brave-browser","description":null,"type":"registry:component","source_url":"https://svgl.app/r/brave-browser.json","install_command":"npx shadcn@latest add https://svgl.app/r/brave-browser.json"},{"name":"eclipse-ide","title":"eclipse-ide","description":null,"type":"registry:component","source_url":"https://svgl.app/r/eclipse-ide.json","install_command":"npx shadcn@latest add https://svgl.app/r/eclipse-ide.json"},{"name":"threejs","title":"threejs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/threejs.json","install_command":"npx shadcn@latest add https://svgl.app/r/threejs.json"},{"name":"html5","title":"html5","description":null,"type":"registry:component","source_url":"https://svgl.app/r/html5.json","install_command":"npx shadcn@latest add https://svgl.app/r/html5.json"},{"name":"css-new","title":"css-new","description":null,"type":"registry:component","source_url":"https://svgl.app/r/css-new.json","install_command":"npx shadcn@latest add https://svgl.app/r/css-new.json"},{"name":"css","title":"css","description":null,"type":"registry:component","source_url":"https://svgl.app/r/css.json","install_command":"npx shadcn@latest add https://svgl.app/r/css.json"},{"name":"midudev","title":"midudev","description":null,"type":"registry:component","source_url":"https://svgl.app/r/midudev.json","install_command":"npx shadcn@latest add https://svgl.app/r/midudev.json"},{"name":"apple","title":"apple","description":null,"type":"registry:component","source_url":"https://svgl.app/r/apple.json","install_command":"npx shadcn@latest add https://svgl.app/r/apple.json"},{"name":"app-store","title":"app-store","description":null,"type":"registry:component","source_url":"https://svgl.app/r/app-store.json","install_command":"npx shadcn@latest add https://svgl.app/r/app-store.json"},{"name":"windows","title":"windows","description":null,"type":"registry:component","source_url":"https://svgl.app/r/windows.json","install_command":"npx shadcn@latest add https://svgl.app/r/windows.json"},{"name":"python","title":"python","description":null,"type":"registry:component","source_url":"https://svgl.app/r/python.json","install_command":"npx shadcn@latest add https://svgl.app/r/python.json"},{"name":"solidity","title":"solidity","description":null,"type":"registry:component","source_url":"https://svgl.app/r/solidity.json","install_command":"npx shadcn@latest add https://svgl.app/r/solidity.json"},{"name":"turbopack","title":"turbopack","description":null,"type":"registry:component","source_url":"https://svgl.app/r/turbopack.json","install_command":"npx shadcn@latest add https://svgl.app/r/turbopack.json"},{"name":"builder","title":"builder","description":null,"type":"registry:component","source_url":"https://svgl.app/r/builder.json","install_command":"npx shadcn@latest add https://svgl.app/r/builder.json"},{"name":"babel","title":"babel","description":null,"type":"registry:component","source_url":"https://svgl.app/r/babel.json","install_command":"npx shadcn@latest add https://svgl.app/r/babel.json"},{"name":"surrealdb","title":"surrealdb","description":null,"type":"registry:component","source_url":"https://svgl.app/r/surrealdb.json","install_command":"npx shadcn@latest add https://svgl.app/r/surrealdb.json"},{"name":"jetbrains-space","title":"jetbrains-space","description":null,"type":"registry:component","source_url":"https://svgl.app/r/jetbrains-space.json","install_command":"npx shadcn@latest add https://svgl.app/r/jetbrains-space.json"},{"name":"stimulus","title":"stimulus","description":null,"type":"registry:component","source_url":"https://svgl.app/r/stimulus.json","install_command":"npx shadcn@latest add https://svgl.app/r/stimulus.json"},{"name":"windicss","title":"windicss","description":null,"type":"registry:component","source_url":"https://svgl.app/r/windicss.json","install_command":"npx shadcn@latest add https://svgl.app/r/windicss.json"},{"name":"mastodon","title":"mastodon","description":null,"type":"registry:component","source_url":"https://svgl.app/r/mastodon.json","install_command":"npx shadcn@latest add https://svgl.app/r/mastodon.json"},{"name":"upstash","title":"upstash","description":null,"type":"registry:component","source_url":"https://svgl.app/r/upstash.json","install_command":"npx shadcn@latest add https://svgl.app/r/upstash.json"},{"name":"storyblok","title":"storyblok","description":null,"type":"registry:component","source_url":"https://svgl.app/r/storyblok.json","install_command":"npx shadcn@latest add https://svgl.app/r/storyblok.json"},{"name":"cloudflare-workers","title":"cloudflare-workers","description":null,"type":"registry:component","source_url":"https://svgl.app/r/cloudflare-workers.json","install_command":"npx shadcn@latest add https://svgl.app/r/cloudflare-workers.json"},{"name":"cloudflare","title":"cloudflare","description":null,"type":"registry:component","source_url":"https://svgl.app/r/cloudflare.json","install_command":"npx shadcn@latest add https://svgl.app/r/cloudflare.json"},{"name":"bing","title":"bing","description":null,"type":"registry:component","source_url":"https://svgl.app/r/bing.json","install_command":"npx shadcn@latest add https://svgl.app/r/bing.json"},{"name":"cloudinary","title":"cloudinary","description":null,"type":"registry:component","source_url":"https://svgl.app/r/cloudinary.json","install_command":"npx shadcn@latest add https://svgl.app/r/cloudinary.json"},{"name":"dart","title":"dart","description":null,"type":"registry:component","source_url":"https://svgl.app/r/dart.json","install_command":"npx shadcn@latest add https://svgl.app/r/dart.json"},{"name":"hcaptcha","title":"hcaptcha","description":null,"type":"registry:component","source_url":"https://svgl.app/r/hcaptcha.json","install_command":"npx shadcn@latest add https://svgl.app/r/hcaptcha.json"},{"name":"appwrite","title":"appwrite","description":null,"type":"registry:component","source_url":"https://svgl.app/r/appwrite.json","install_command":"npx shadcn@latest add https://svgl.app/r/appwrite.json"},{"name":"loom","title":"loom","description":null,"type":"registry:component","source_url":"https://svgl.app/r/loom.json","install_command":"npx shadcn@latest add https://svgl.app/r/loom.json"},{"name":"hulu","title":"hulu","description":null,"type":"registry:component","source_url":"https://svgl.app/r/hulu.json","install_command":"npx shadcn@latest add https://svgl.app/r/hulu.json"},{"name":"stackblitz","title":"stackblitz","description":null,"type":"registry:component","source_url":"https://svgl.app/r/stackblitz.json","install_command":"npx shadcn@latest add https://svgl.app/r/stackblitz.json"},{"name":"binance","title":"binance","description":null,"type":"registry:component","source_url":"https://svgl.app/r/binance.json","install_command":"npx shadcn@latest add https://svgl.app/r/binance.json"},{"name":"messenger","title":"messenger","description":null,"type":"registry:component","source_url":"https://svgl.app/r/messenger.json","install_command":"npx shadcn@latest add https://svgl.app/r/messenger.json"},{"name":"nhost","title":"nhost","description":null,"type":"registry:component","source_url":"https://svgl.app/r/nhost.json","install_command":"npx shadcn@latest add https://svgl.app/r/nhost.json"},{"name":"medusa","title":"medusa","description":null,"type":"registry:component","source_url":"https://svgl.app/r/medusa.json","install_command":"npx shadcn@latest add https://svgl.app/r/medusa.json"},{"name":"wordpress","title":"wordpress","description":null,"type":"registry:component","source_url":"https://svgl.app/r/wordpress.json","install_command":"npx shadcn@latest add https://svgl.app/r/wordpress.json"},{"name":"microsoft","title":"microsoft","description":null,"type":"registry:component","source_url":"https://svgl.app/r/microsoft.json","install_command":"npx shadcn@latest add https://svgl.app/r/microsoft.json"},{"name":"elementor","title":"elementor","description":null,"type":"registry:component","source_url":"https://svgl.app/r/elementor.json","install_command":"npx shadcn@latest add https://svgl.app/r/elementor.json"},{"name":"kick","title":"kick","description":null,"type":"registry:component","source_url":"https://svgl.app/r/kick.json","install_command":"npx shadcn@latest add https://svgl.app/r/kick.json"},{"name":"prime-video","title":"prime-video","description":null,"type":"registry:component","source_url":"https://svgl.app/r/prime-video.json","install_command":"npx shadcn@latest add https://svgl.app/r/prime-video.json"},{"name":"chrome","title":"chrome","description":null,"type":"registry:component","source_url":"https://svgl.app/r/chrome.json","install_command":"npx shadcn@latest add https://svgl.app/r/chrome.json"},{"name":"rxjs","title":"rxjs","description":null,"type":"registry:component","source_url":"https://svgl.app/r/rxjs.json","install_command":"npx shadcn@latest add https://svgl.app/r/rxjs.json"},{"name":"electron","title":"electron","description":null,"type":"registry:component","source_url":"https://svgl.app/r/electron.json","install_command":"npx shadcn@latest add https://svgl.app/r/electron.json"},{"name":"redux","title":"redux","description":null,"type":"registry:component","source_url":"https://svgl.app/r/redux.json","install_command":"npx shadcn@latest add https://svgl.app/r/redux.json"},{"name":"trust-wallet","title":"trust-wallet","description":null,"type":"registry:component","source_url":"https://svgl.app/r/trust-wallet.json","install_command":"npx shadcn@latest add https://svgl.app/r/trust-wallet.json"},{"name":"php","title":"php","description":null,"type":"registry:component","source_url":"https://svgl.app/r/php.json","install_command":"npx shadcn@latest add https://svgl.app/r/php.json"},{"name":"hugo","title":"hugo","description":null,"type":"registry:component","source_url":"https://svgl.app/r/hugo.json","install_command":"npx shadcn@latest add https://svgl.app/r/hugo.json"}]},{"id":"swiftui-flx","name":"@swiftui-flx","slug":"swiftui-flx","description":"SwiftUI components for iPhone, iPad and Mac, the shadcn/ui way. Native controls, design tokens, themes and dark mode. Install with the shadcn CLI and own the Swift code.","author":"felipemenezes098","framework":"react","license":"AGPL-3.0","tags":["buttons","cards","editor","forms","loaders","media","mobile","navigation","theming"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://swiftui.flexnative.com","github":"https://github.com/felipemenezes098/swiftui-flx","registry":"https://swiftui.flexnative.com/r/registry.json","source":"https://swiftui.flexnative.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/swiftui-flx","markdown":"https://sh4dcn.netlify.app/md/swiftui-flx.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect width='512' height='512' rx='128' fill='var(--foreground)'/><svg x='96' y='96' width='320' height='320' preserveAspectRatio='xMidYMid meet' viewBox='395.17 381.07 217.75 213.93'><g transform='translate(0.000000,1024.000000) scale(0.100000,-0.100000)' fill='var(--background)' stroke='none'><path d='M5035 6237 c-160 -105 -427 -282 -595 -391 -168 -110 -317 -211 -332 -225 -55 -49 -24 -141 47 -141 25 0 285 168 1202 774 70 46 88 78 71 126 -5 17 -18 35 -28 40 -46 25 -73 11 -365 -183z'/><path d='M5970 6353 c-64 -43 -1062 -699 -1575 -1036 -192 -126 -361 -240 -374 -253 -36 -34 -34 -89 4 -121 19 -17 37 -23 54 -21 14 3 329 205 698 449 370 244 819 540 998 658 179 117 332 223 340 234 22 32 18 75 -10 102 -34 35 -71 32 -135 -12z'/><path d='M5874 5761 c-105 -70 -913 -603 -1653 -1090 -276 -181 -288 -193 -258 -256 17 -36 50 -51 89 -41 13 3 220 135 460 293 241 158 676 445 967 636 658 432 611 399 611 441 0 19 -3 42 -6 51 -7 17 -54 45 -77 45 -8 0 -68 -36 -133 -79z'/><path d='M5614 5087 c-187 -123 -483 -317 -659 -431 -176 -114 -330 -219 -342 -232 -46 -51 -11 -134 55 -134 31 0 51 13 702 440 179 117 395 259 481 316 86 56 166 113 178 125 21 22 27 62 15 94 -7 17 -54 45 -77 45 -8 0 -167 -100 -353 -223z'/></g></svg></svg>","preview_image":"https://swiftui.flexnative.com/og?title=SwiftUI+components+you+paste+and+own.&amp;description=Open+source+components+for+iPhone%2C+iPad+and+Mac%2C+the+shadcn%2Fui+way.+Copy+the+code+and+it%27s+yours%3A+style+it%2C+extend+it%2C+ship+it.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":34,"open_issues":0,"last_commit":"2026-10-25T15:29:45Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://swiftui.flexnative.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://swiftui.flexnative.com/r/registry.json","install_bun":"bunx shadcn@latest add https://swiftui.flexnative.com/r/registry.json","clone":"git clone https://github.com/felipemenezes098/swiftui-flx.git","clone_degit":"npx degit felipemenezes098/swiftui-flx","registry_fetch":"curl -s https://swiftui.flexnative.com/r/registry.json"},"component_count":36,"components":[{"name":"foundation","title":"Foundation","description":"Tokens and the default theme every component reads from.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/foundation.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/foundation.json"},{"name":"preset-sienna","title":"Sienna Preset","description":"Cream paper, burnt-earth ink, and a larger base radius.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/preset-sienna.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/preset-sienna.json"},{"name":"ios-button","title":"Button","description":"Triggers an action or event, such as submitting a form.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-button.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-button.json"},{"name":"mac-button","title":"Button","description":"Triggers an action or event, such as submitting a form.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-button.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-button.json"},{"name":"ios-card","title":"Card","description":"A card is a container that can be used to display content in a styled way.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-card.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-card.json"},{"name":"mac-card","title":"Card","description":"A card is a container that can be used to display content in a styled way.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-card.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-card.json"},{"name":"ios-avatar","title":"Avatar","description":"Displays a user's profile picture, with initials as a fallback.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-avatar.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-avatar.json"},{"name":"mac-avatar","title":"Avatar","description":"Displays a user's profile picture, with initials as a fallback.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-avatar.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-avatar.json"},{"name":"ios-badge","title":"Badge","description":"Displays a small label for status, category, or count.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-badge.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-badge.json"},{"name":"mac-badge","title":"Badge","description":"Displays a small label for status, category, or count.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-badge.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-badge.json"},{"name":"ios-item","title":"Item","description":"Displays a row of content, such as a list entry, notification, or settings row.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-item.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-item.json"},{"name":"mac-item","title":"Item","description":"Displays a row of content, such as a list entry, notification, or settings row.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-item.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-item.json"},{"name":"ios-empty","title":"Empty","description":"Displays an empty state, with an optional icon, title, description, and actions.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-empty.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-empty.json"},{"name":"mac-empty","title":"Empty","description":"Displays an empty state, with an optional icon, title, description, and actions.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-empty.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-empty.json"},{"name":"ios-menu","title":"Menu","description":"Displays a list of actions or options revealed from a button or custom trigger.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-menu.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-menu.json"},{"name":"ios-picker","title":"Picker","description":"Displays a dropdown for selecting one value from a set of options.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-picker.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-picker.json"},{"name":"ios-progress-view","title":"Progress View","description":"Displays progress toward completion of a task, as a bar or a spinner.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-progress-view.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-progress-view.json"},{"name":"mac-progress-view","title":"Progress View","description":"Displays progress toward completion of a task, as a bar or a spinner.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-progress-view.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-progress-view.json"},{"name":"ios-slider","title":"Slider","description":"Displays a control for selecting a value from a bounded range.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-slider.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-slider.json"},{"name":"mac-slider","title":"Slider","description":"Displays a control for selecting a value from a bounded range.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-slider.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-slider.json"},{"name":"ios-toggle","title":"Toggle","description":"Displays a switch for an on/off value.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-toggle.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-toggle.json"},{"name":"mac-toggle","title":"Toggle","description":"Displays a checkbox for an on/off value.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-toggle.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-toggle.json"},{"name":"ios-collapsible","title":"Collapsible","description":"Displays content that can be expanded and collapsed.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-collapsible.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-collapsible.json"},{"name":"mac-collapsible","title":"Collapsible","description":"Displays content that can be expanded and collapsed.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-collapsible.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-collapsible.json"},{"name":"ios-secure-field","title":"Secure Field","description":"Displays an obscured text input for passwords and other sensitive text.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-secure-field.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-secure-field.json"},{"name":"mac-secure-field","title":"Secure Field","description":"Displays an obscured text input for passwords and other sensitive text.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-secure-field.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-secure-field.json"},{"name":"ios-text-editor","title":"Text Editor","description":"Displays a multi-line text input for long-form content.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-text-editor.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-text-editor.json"},{"name":"mac-text-editor","title":"Text Editor","description":"Displays a multi-line text input for long-form content.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-text-editor.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-text-editor.json"},{"name":"ios-text-field","title":"Text Field","description":"Displays a single-line text input.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-text-field.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-text-field.json"},{"name":"mac-text-field","title":"Text Field","description":"Displays a single-line text input.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-text-field.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-text-field.json"},{"name":"ios-text-field-group","title":"Text Field Group","description":"Wraps a text field in a shared box with optional leading and trailing addons.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-text-field-group.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-text-field-group.json"},{"name":"mac-text-field-group","title":"Text Field Group","description":"Wraps a text field in a shared box with optional leading and trailing addons.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-text-field-group.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-text-field-group.json"},{"name":"ios-field-label","title":"Field Label","description":"Pairs a caption with a form control.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-field-label.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-field-label.json"},{"name":"mac-field-label","title":"Field Label","description":"Pairs a caption with a form control.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-field-label.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-field-label.json"},{"name":"ios-form-field","title":"Form Field","description":"Groups a label, control, description, and error message for a form field.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/ios-form-field.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/ios-form-field.json"},{"name":"mac-form-field","title":"Form Field","description":"Groups a label, control, description, and error message for a form field.","type":"registry:file","source_url":"https://swiftui.flexnative.com/r/mac-form-field.json","install_command":"npx shadcn@latest add https://swiftui.flexnative.com/r/mac-form-field.json"}]},{"id":"systaliko-ui","name":"@systaliko-ui","slug":"systaliko-ui","description":"A beta shadcn/ui registry offering UI components, layout blocks, and utilities built for flexibility and multi-variant scaling. Categories observed include cards (curtain reveal, flip, hover reveal, testimonial, stack), full-screen navigation menus, globes, grid bentos, image players, shaders, slideshows, timelines, spotlight lists, custom cursors, rating stars, and reveal masks. Built with React, Next.js, and Tailwind CSS. Open source under MIT; currently in beta. Use for: projects that need creative, heavily-animated page sections and cards beyond the standard shadcn/ui component set.","author":"YoucefBnm","framework":"react","license":"MIT","tags":["3d","accessibility","aesthetic","ai","animation","audio","backgrounds","blocks","buttons","cards","design-system","editor","hooks","maps","marketing","media","navigation"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://systaliko-ui.vercel.app","github":"https://github.com/YoucefBnm/systaliko-ui","registry":"https://systaliko-ui.vercel.app/r/registry.json","source":"https://systaliko-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/systaliko-ui","markdown":"https://sh4dcn.netlify.app/md/systaliko-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'><rect width='256' height='256' rx='36.34' fill='url(#paint0_radial_778_219)'/><path d='M95.1844 111.183H74.0907C66.7166 111.183 60.7384 117.161 60.7382 124.535V178.72C60.7383 186.094 66.7165 192.072 74.0907 192.072H128.275C135.65 192.072 141.628 186.094 141.628 178.72V165.366H161.366V178.72C161.366 196.995 146.551 211.81 128.275 211.811H74.0907C55.8155 211.81 41.0001 196.996 40.9999 178.72V124.535C41.0001 106.26 55.8154 91.4445 74.0907 91.4443H95.1844V111.183ZM114.923 111.183V132.275C114.923 139.65 120.901 145.628 128.275 145.628H141.628V165.366H128.275C110 165.366 95.1847 150.551 95.1844 132.275V111.183H114.923ZM182.46 45C200.736 45.0003 215.551 59.8155 215.551 78.0908V132.275C215.55 150.551 200.735 165.366 182.46 165.366H161.366V145.628H182.46C189.834 145.628 195.812 139.65 195.812 132.275V78.0908C195.812 70.7165 189.834 64.7386 182.46 64.7383H128.275C120.901 64.7383 114.923 70.7165 114.923 78.0908V91.4443H95.1844V78.0908C95.1845 59.8153 110 45.0001 128.275 45H182.46ZM128.275 91.4443C146.551 91.4445 161.366 106.26 161.366 124.535V145.628H141.628V124.535C141.628 117.161 135.65 111.183 128.275 111.183H114.923V91.4443H128.275Z' fill='white'/><defs><radialGradient id='paint0_radial_778_219' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(234.5 14) rotate(112.372) scale(279.812)'><stop stop-color='#38332E'/><stop offset='1' stop-color='#0B0A09'/></radialGradient></defs></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":36,"open_issues":0,"last_commit":"2026-08-31T02:12:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://systaliko-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://systaliko-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/YoucefBnm/systaliko-ui.git","clone_degit":"npx degit YoucefBnm/systaliko-ui","registry_fetch":"curl -s https://systaliko-ui.vercel.app/r/registry.json"},"component_count":174,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://systaliko-ui.vercel.app/r/index.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/index.json"},{"name":"ai-conversation-loop","title":"Ai Conversation Loop","description":"ai conversation timeline, animates infinitely, to showcase your ai product.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/ai-conversation-loop.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/ai-conversation-loop.json"},{"name":"animated-menu","title":"Animated Menu","description":"Animated menu, with orchestrated children animation, fully customizable.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/animated-menu.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animated-menu.json"},{"name":"container-stagger","title":"Stagger Animations","description":"Animated Block with orchestrated stagger animations, for your motion components, the animations are triggered by view.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/container-stagger.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/container-stagger.json"},{"name":"floating-elements","title":"Floating Elements","description":"Collection of floating elements that animate infinitely and react to mouse movement.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/floating-elements.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/floating-elements.json"},{"name":"flow","title":"Flow","description":"flow component to display a flow/timeline.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/flow.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/flow.json"},{"name":"flow-assets","title":"Floww Assets","description":"assets and static data for flow component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/flow-assets.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/flow-assets.json"},{"name":"full-screen-navigation-menu","title":"Full screen navigation menu","description":"Transforming Shadcn navigation menu into a full screen menu.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/full-screen-navigation-menu.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/full-screen-navigation-menu.json"},{"name":"globe","title":"Globe","description":"Globe map with optional map pins.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/globe.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/globe.json"},{"name":"grid-bento","title":"Grid Bento","description":"Bento Grid, layout with multiple variants and displays.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/grid-bento.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/grid-bento.json"},{"name":"header","title":"Header","description":"Responsive Header, with a logo and navigation links, supporting both desktop and mobile layouts, and toggles on scroll.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/header.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/header.json"},{"name":"image-player","title":"Image Player","description":"Create your own image player GIF/video, with image player component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/image-player.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/image-player.json"},{"name":"shader","title":"Shader","description":"Shader component with two variants for gradient and hurricane both can be configured.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/shader.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/shader.json"},{"name":"slideshow","title":"Slideshow","description":"Display the active image and activate the next image with hovering the text indicator.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/slideshow.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/slideshow.json"},{"name":"story","title":"Story","description":"Simillar to IG story, Story is a component that allows you to display a collection of components in a single view.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/story.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/story.json"},{"name":"timeline","title":"Timeline","description":"Timeline, where you can showcase history (like your work) or a process (like a project).","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/timeline.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/timeline.json"},{"name":"card","title":"Card","description":"Card component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card.json"},{"name":"card-curtain-reveal","title":"Curtain Reveal Card","description":"Interactive card component with open curtain to see content on hover gesture.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-curtain-reveal.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-curtain-reveal.json"},{"name":"card-flip","title":"3d Flip Card","description":"An interactive card component that flips on hover with smooth 3D transitions.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-flip.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-flip.json"},{"name":"card-hover-reveal","title":"Hover Reveal Details Card","description":"Animated card with gesture animations, Reveals hidden content and scale main image on hover.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-hover-reveal.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-hover-reveal.json"},{"name":"card-testimonial","title":"Card Testimonial","description":"Card Testimonial, with rating, block quote, and author's informations.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-testimonial.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-testimonial.json"},{"name":"cards-stack","title":"Cards Stack","description":"Stack of cards to showcase a related set of element, like your services, your work, features, process of work, timeline, etc.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack.json"},{"name":"cards-stack-rotated","title":"Cards Stack Rotated","description":"Stack of cards rotated by a defined index value to rotate in sequence, it show one card at a time depending on the scroll position.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack-rotated.json"},{"name":"animated-border","title":"Animated Border","description":"Animated border rotates infinitely around content","type":"registry:component","source_url":"https://systaliko-ui.vercel.app/r/animated-border.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animated-border.json"},{"name":"checkbox-field","title":"checkbox-field","description":"Checkbox field with label.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/checkbox-field.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/checkbox-field.json"},{"name":"cursor-trail","title":"Cursor Trail","description":"Creates an effect where the mouse cursor leaves a trail. Supports squares, bubbles, and images variants.","type":"registry:component","source_url":"https://systaliko-ui.vercel.app/r/cursor-trail.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cursor-trail.json"},{"name":"custom-cursor","title":"Custom Cursor","description":"Turn your cursor into any element your want, text, image, video, or a shape.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/custom-cursor.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/custom-cursor.json"},{"name":"pulse","title":"Pulse","description":"Pulse effect for attracting user attention.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/pulse.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/pulse.json"},{"name":"rating-stars","title":"Rating Stars","description":"Stars rating component with customizable color, depending on average rating.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/rating-stars.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/rating-stars.json"},{"name":"reveal-mask","title":"reveal mask","description":"reveal mask animation effect.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/reveal-mask.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/reveal-mask.json"},{"name":"spotlight-list","title":"spotlight-list","description":"Spotlight list, when hovering an item it will highlight it by decreasing the visiblity of the other items.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/spotlight-list.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/spotlight-list.json"},{"name":"ai-conversation-loop-demo","title":"Ai conversation loop Demo","description":"Demo showing ai conversation loop component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/ai-conversation-loop-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/ai-conversation-loop-demo.json"},{"name":"animated-menu-demo","title":"Animated Menu Demo","description":"Demo showing animated menu component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/animated-menu-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animated-menu-demo.json"},{"name":"animated-menu-2-demo","title":"Animated Menu 2 Demo","description":"another demo showing animated menu component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/animated-menu-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animated-menu-2-demo.json"},{"name":"animated-menu-full-screen-demo","title":"Animated Menu Demo","description":"another demo showing animated menu component in full screen mode.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/animated-menu-full-screen-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animated-menu-full-screen-demo.json"},{"name":"container-stagger-demo","title":"Stagger Container Demo","description":"Demo showing stagger container component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/container-stagger-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/container-stagger-demo.json"},{"name":"container-stagger-2-demo","title":"Container Stagger Demo","description":"Demo showing another use case for container stagger with your motion components.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/container-stagger-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/container-stagger-2-demo.json"},{"name":"floating-elements-demo","title":"Floating Elements Demo","description":"Demo showing floating elements component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/floating-elements-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/floating-elements-demo.json"},{"name":"floating-elements-infinite-demo","title":"Floating Elements Infinite Demo","description":"Demo showing infinite floating elements component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/floating-elements-infinite-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/floating-elements-infinite-demo.json"},{"name":"flow-demo","title":"Flow Demo","description":"Demo showing flow component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/flow-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/flow-demo.json"},{"name":"full-screen-navigation-menu-demo","title":"Full screen navigation Demo","description":"Demo showing Full screen navigation component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/full-screen-navigation-menu-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/full-screen-navigation-menu-demo.json"},{"name":"globe-demo","title":"Globe Demo","description":"Demo showing Globe component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/globe-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/globe-demo.json"},{"name":"grid-bento-demo","title":"Grid Bento Demos","description":"Grid Bento Demo with multiple variants.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/grid-bento-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/grid-bento-demo.json"},{"name":"grid-bento-four-cells-demo","title":"Grid Bento Demos","description":"Grid Bento Demo with multiple variants.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/grid-bento-four-cells-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/grid-bento-four-cells-demo.json"},{"name":"grid-bento-three-cells-demo","title":"Grid Bento Three Cells Demo","description":"Demo showing another variant of grid bento component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/grid-bento-three-cells-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/grid-bento-three-cells-demo.json"},{"name":"header-demo","title":"Header Demo","description":"Demo showing Header component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/header-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/header-demo.json"},{"name":"image-player-demo","title":"Image Player Demo","description":"Demo showing how to use image player component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/image-player-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/image-player-demo.json"},{"name":"magnetic-grid-demo","title":"Magnetic Grid Demo","description":"Demo showing magnetic grid component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/magnetic-grid-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/magnetic-grid-demo.json"},{"name":"shader-demo","title":"Shader Demo","description":"Demo showing shader component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/shader-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/shader-demo.json"},{"name":"shader-hurricane-demo","title":"Shader Hurricane Demo","description":"Demo showing hurricane shader component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/shader-hurricane-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/shader-hurricane-demo.json"},{"name":"slideshow-demo","title":"Slideshow Demo","description":"Demo showing how to use slideshow component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/slideshow-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/slideshow-demo.json"},{"name":"story-demo","title":"Story Demo","description":"Demo showing how to use story component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/story-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/story-demo.json"},{"name":"timeline-demo","title":"Timeline Demo","description":"Demo showing timeline component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/timeline-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/timeline-demo.json"},{"name":"card-curtain-reveal-demo","title":"Card Curtain Reveal Demo","description":"Demo showing Card Curtain Reveal Component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-curtain-reveal-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-curtain-reveal-demo.json"},{"name":"card-flip-demo","title":"Flip Card Demo","description":"Demo showing Flip Card Component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-flip-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-flip-demo.json"},{"name":"card-hover-reveal-demo","title":"Card Hover Reveal Demo","description":"Demo showing Card Hover Reveal Component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-hover-reveal-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-hover-reveal-demo.json"},{"name":"card-hover-reveal-full-demo","title":"Card Hover Reveal Full Demo","description":"Demo showing another usecase of Card Hover Reveal Component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-hover-reveal-full-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-hover-reveal-full-demo.json"},{"name":"card-testimonial-demo","title":"Card Testimonial Demo","description":"Demo showing Card Testimonial Component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-testimonial-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-testimonial-demo.json"},{"name":"card-testimonial-2-demo","title":"Card Testimonial Demo","description":"Demo showing Card Testimonial Component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/card-testimonial-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/card-testimonial-2-demo.json"},{"name":"cards-stack-demo","title":"Sticky Cards stack Demo","description":"Demo of sticky cards stack.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack-demo.json"},{"name":"cards-stack-achievements-demo","title":"Stack small cards Demo","description":"Demo showing different usecase of Cards Stack component with smaller cards.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack-achievements-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack-achievements-demo.json"},{"name":"cards-stack-rotated-demo","title":"Cards Stack Rotated Demo","description":"Demo showing Cards Stack Rotated component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack-rotated-demo.json"},{"name":"cards-stack-rotated-recognitions-demo","title":"Stack small cards Demo","description":"Demo showing different usecase of Cards Rotated Stack component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated-recognitions-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack-rotated-recognitions-demo.json"},{"name":"cards-stack-full-demo","title":"Cards stack full screen Demo","description":"Demo showing different usecase of Cards Stack component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cards-stack-full-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cards-stack-full-demo.json"},{"name":"hover-preview-demo","title":"Hover Preview Demo","description":"Demo showing usage of hover preview component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/hover-preview-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/hover-preview-demo.json"},{"name":"animated-border-demo","title":"Animated Border Demo","description":"Demo showing Animated border component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/animated-border-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animated-border-demo.json"},{"name":"checkbox-field-demo","title":"Input Field Demo","description":"Demo showing Input field component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/checkbox-field-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/checkbox-field-demo.json"},{"name":"cursor-trail-demo","title":"Cursor Trail Demo","description":"Demo showing cursor trail component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/cursor-trail-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/cursor-trail-demo.json"},{"name":"custom-cursor-demo","title":"Custom Cursor Demo","description":"Demo showing Custom Cursor component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/custom-cursor-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/custom-cursor-demo.json"},{"name":"custom-cursor-2-demo","title":"Custom Cursor 2 Demo","description":"Demo showing another usecase of Custom Cursor component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/custom-cursor-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/custom-cursor-2-demo.json"},{"name":"rating-stars-demo","title":"Rating stars Demo","description":"Demo showing Rating stars component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/rating-stars-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/rating-stars-demo.json"},{"name":"reveal-mask-demo","title":"Reveal Mask Demo","description":"Demo showing Reveal mask component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/reveal-mask-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/reveal-mask-demo.json"},{"name":"spotlight-list-demo","title":"Spotlight List Demo","description":"Demo showing Spotlight list component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/spotlight-list-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/spotlight-list-demo.json"},{"name":"spotlight-list-2-demo","title":"Spotlight List Demo","description":"Demo showing Spotlight list component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/spotlight-list-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/spotlight-list-2-demo.json"},{"name":"custom-pricing-design-demo","title":"Custom Pricing Design Demo","description":"Demo showing custom pricing component for a design service.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/custom-pricing-design-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/custom-pricing-design-demo.json"},{"name":"expandable-grid-demo","title":"Expandable Product Grid Demo","description":"Demo showing expandable product grid component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/expandable-grid-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/expandable-grid-demo.json"},{"name":"image-zoom-demo","title":"Image Zoom Demo","description":"Demo showing image zoom component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/image-zoom-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/image-zoom-demo.json"},{"name":"infinite-scroll-demo","title":"Infinite Scroll Demo","description":"Demo showing infinite scroll component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/infinite-scroll-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/infinite-scroll-demo.json"},{"name":"price-demo","title":"price Demo","description":"Demo showing price component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/price-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/price-demo.json"},{"name":"pricing-demo","title":"Pricing Demo","description":"Demo showing pricing component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/pricing-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/pricing-demo.json"},{"name":"pricing-2-demo","title":"Pricing-2 Demo","description":"Demo showing pricing-2 component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/pricing-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/pricing-2-demo.json"},{"name":"product-carousel-demo","title":"Product Carousel Demo","description":"Demo showing product carousel component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/product-carousel-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/product-carousel-demo.json"},{"name":"product-carousel-2-demo","title":"Product Carousel Demo","description":"Another Demo showing product carousel component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/product-carousel-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/product-carousel-2-demo.json"},{"name":"product-carousel-3-demo","title":"Product Carousel Demo","description":"Another Demo showing product carousel component with different thumbs.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/product-carousel-3-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/product-carousel-3-demo.json"},{"name":"quantity-demo","title":"Quantity Demo","description":"Demo showing Quantity component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/quantity-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/quantity-demo.json"},{"name":"toggle-layout-demo","title":"Pricing Demo","description":"Demo showing toggle layout view component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/toggle-layout-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/toggle-layout-demo.json"},{"name":"circle-cards-demo","title":"circle cards Demo","description":"Demo showing circle cards component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/circle-cards-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/circle-cards-demo.json"},{"name":"distributed-cards-demo","title":"Distributed Cards Demo","description":"Demo showing distributed cards component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/distributed-cards-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/distributed-cards-demo.json"},{"name":"distributed-cards-2-demo","title":"Distributed Cards 2 Demo","description":"Another Demo showing distributed cards component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/distributed-cards-2-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/distributed-cards-2-demo.json"},{"name":"parallax-demo","title":"Parallax Demo","description":"Demo showing parallax component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/parallax-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/parallax-demo.json"},{"name":"scroll-animation-combo-demo","title":"scroll-animation-combo Demo","description":"Demo showing scroll-animation-combo component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-combo-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-combo-demo.json"},{"name":"scroll-animation-inset-demo","title":"Scroll Trigger inset Animations Demo","description":"Demo showing how to implement scroll triggred animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-inset-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-inset-demo.json"},{"name":"scroll-animation-inset-x-demo","title":"Scroll Trigger Inset-X Animations Demo","description":"Demo showing how to implement scroll triggred animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-inset-x-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-inset-x-demo.json"},{"name":"scroll-animation-inset-y-demo","title":"Scroll Trigger X-inset Animations Demo","description":"Demo showing how to implement scroll triggred animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-inset-y-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-inset-y-demo.json"},{"name":"scroll-animation-radius-demo","title":"scroll-animation-radius Demo","description":"Demo showing how to use scroll animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-radius-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-radius-demo.json"},{"name":"scroll-animation-rotate-demo","title":"scroll rotate animation Demo","description":"Demo showing how to use scroll rotate animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-rotate-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-rotate-demo.json"},{"name":"scroll-animation-rotate-x-demo","title":"scroll rotate animation device Demo","description":"Demo showing how to use scroll rotate animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-rotate-x-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-rotate-x-demo.json"},{"name":"scroll-animation-rotate-y-demo","title":"scroll rotate animation device Demo","description":"Demo showing how to use scroll rotate animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-rotate-y-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-rotate-y-demo.json"},{"name":"scroll-animation-scale-demo","title":"Scroll Trigger Scale Animations Demo","description":"Demo showing how to implement scroll triggred animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-scale-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-scale-demo.json"},{"name":"scroll-animation-translate-x-demo","title":"Scroll Trigger inset Animations Demo","description":"Demo showing how to implement scroll triggred animations.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-translate-x-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-translate-x-demo.json"},{"name":"scroll-autoplay-demo","title":"scroll autoplay Demo","description":"Demo showing scroll-autoplay component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-autoplay-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-autoplay-demo.json"},{"name":"scroll-reverse-scale-animation-demo","title":"Scroll Reverce Scale Animation Demo","description":"Demo scroll animations component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-reverse-scale-animation-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-reverse-scale-animation-demo.json"},{"name":"scroll-x-carousel-demo","title":"scroll x carousel Demo","description":"Demo showing how to use scroll x carousel component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-x-carousel-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-x-carousel-demo.json"},{"name":"scroll-x-carousel-reverse-demo","title":"scroll x carousel reversed Demo","description":"another Demo showing how to use scroll x carousel component in a reversed.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-x-carousel-reverse-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-x-carousel-reverse-demo.json"},{"name":"team-demo","title":"Team Demo","description":"Demo showing team component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/team-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/team-demo.json"},{"name":"video-section-demo","title":"Video section demo","description":"Demo showing animated video that expands on scroll.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/video-section-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/video-section-demo.json"},{"name":"wavy-block-demo","title":"Wavy Block Demo","description":"Demo showing Wavy Block component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/wavy-block-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/wavy-block-demo.json"},{"name":"wavy-block-y-demo","title":"Wavy Block Y axis Demo","description":"Demo showing another usage of Wavy Block component.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/wavy-block-y-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/wavy-block-y-demo.json"},{"name":"sliding-number-demo","title":"Sliding Number Demo","description":"Demo showing Sliding number component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/sliding-number-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/sliding-number-demo.json"},{"name":"text-scroll-read-demo","title":"Text Scroll Read Demo","description":"Demo showing Text scroll read component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-scroll-read-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-scroll-read-demo.json"},{"name":"text-stagger-hover-demo","title":"Text Stagger Hover Demo","description":"Demo showing a split text with stagger animation on hover.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-hover-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-hover-demo.json"},{"name":"text-stagger-interval-demo","title":"Text Stagger Interval Demo","description":"Demo showing text with stagger animation interval.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-interval-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-interval-demo.json"},{"name":"text-stagger-inview-demo","title":"Text Stagger Inview Demo","description":"Demo showing a split text with stagger animation.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-inview-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-inview-demo.json"},{"name":"text-stagger-inview-waves-demo","title":"Text Stagger Inview Waves Demo","description":"Demo showing another use of text stagger in view demo with waves.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-inview-waves-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-inview-waves-demo.json"},{"name":"text-vertical-demo","title":"Vertical Text Demo","description":"Demo showing a vertical text.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-vertical-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-vertical-demo.json"},{"name":"text-wavy-demo","title":"Text Wavy Demo","description":"Demo showing text wavy component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-wavy-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-wavy-demo.json"},{"name":"animation-variants-demo","title":"Use Animation Variants Demo","description":"Demo showing how to use animation-variants hook.","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/animation-variants-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animation-variants-demo.json"},{"name":"clip-path-animation-variants-demo","title":"Use Animation Variants Demo","description":"Demo showing how to use clip path animation variants object.","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/clip-path-animation-variants-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/clip-path-animation-variants-demo.json"},{"name":"set-stagger-direction-demo","title":"Set Stagger Direction Demo","description":"Demo showing how to use set-stagger-direction utility.","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/set-stagger-direction-demo.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/set-stagger-direction-demo.json"},{"name":"custom-pricing","title":"Custom Pricing","description":"Flexible custom pricing component with with set of tools that allow to update the price depending on quantity unit and if or not is checked.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/custom-pricing.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/custom-pricing.json"},{"name":"expandable-grid","title":"Expandable Grid","description":"expandable grid for previewing clicked item.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/expandable-grid.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/expandable-grid.json"},{"name":"image-zoom","title":"Image zoom","description":"zoom in and out with detect touch event.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/image-zoom.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/image-zoom.json"},{"name":"infinite-scroll","title":"Infinite Scroll","description":"infinite scroll container instead of pagination, for large lists and fetching data.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/infinite-scroll.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/infinite-scroll.json"},{"name":"price","title":"price","description":"Flexible price component with customizable features and options to display the amount and currency.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/price.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/price.json"},{"name":"pricing","title":"Pricing","description":"Flexible pricing component with customizable features and options.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/pricing.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/pricing.json"},{"name":"product-carousel","title":"Product Carousel","description":"Showcase your products with preview image for each product and display your different product colors.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/product-carousel.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/product-carousel.json"},{"name":"quantity","title":"Quantity Config","description":"Quantity config for ecommerce products.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/quantity.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/quantity.json"},{"name":"toggle-layout","title":"Toggle list layout","description":"Toggle list layout, toggling between a list and a grid view.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/toggle-layout.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/toggle-layout.json"},{"name":"circle-cards","title":"Circle Cards","description":"circle cards, animated on scroll with circle movement.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/circle-cards.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/circle-cards.json"},{"name":"distributed-cards","title":"Distr","description":"Distributed cards, same as soliter, starts all at one position then animates to its position.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/distributed-cards.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/distributed-cards.json"},{"name":"parallax","title":"Parallax","description":"Parallax block, creates a parallax effect.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/parallax.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/parallax.json"},{"name":"scroll-animation","title":"Scroll Animation","description":"Collection of scroll triggered animations, Triggering the animation by scroll event.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation.json"},{"name":"scroll-animation-rotate","title":"Scroll Rotation Animation","description":"Collection of scroll rotation animations, Triggering the animation by scroll event.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-animation-rotate.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-animation-rotate.json"},{"name":"scroll-autoplay","title":"Scroll Autoplay","description":"Displaying different content depending on order and scroll position.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-autoplay.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-autoplay.json"},{"name":"scroll-x-carousel","title":"Scroll X Carousel","description":"Scroll carousel on x axis, with optional progress indicator.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/scroll-x-carousel.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-x-carousel.json"},{"name":"wavy-block","title":"Wavy Block","description":"block animates its children in waves pattern.","type":"registry:block","source_url":"https://systaliko-ui.vercel.app/r/wavy-block.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/wavy-block.json"},{"name":"avatar","title":"avatar","description":"avatar component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/avatar.json"},{"name":"badge","title":"Badge","description":"Badge component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/badge.json"},{"name":"badge","title":"Button","description":"Button component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/badge.json"},{"name":"dialog","title":"Dialog","description":"Dialog component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/dialog.json"},{"name":"drawer","title":"drawer","description":"drawer component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/drawer.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/drawer.json"},{"name":"empty","title":"empty","description":"empty component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/empty.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/empty.json"},{"name":"field","title":"field","description":"field component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/field.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/field.json"},{"name":"input","title":"input","description":"input component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/input.json"},{"name":"label","title":"label","description":"label component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/label.json"},{"name":"avatar","title":"avatar","description":"avatar component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/avatar.json"},{"name":"scroll-area","title":"Scroll Area","description":"Scroll Area component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/scroll-area.json"},{"name":"select","title":"Select","description":"Select component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/select.json"},{"name":"slider","title":"slider","description":"slider component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/slider.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/slider.json"},{"name":"spinner","title":"spinner","description":"spinner component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/spinner.json"},{"name":"switch","title":"switch","description":"switch component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/switch.json"},{"name":"tooltip","title":"tooltip","description":"tooltip component with variants.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/tooltip.json"},{"name":"sliding-number","title":"Sliding Number","description":"Number value with splitted animation.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/sliding-number.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/sliding-number.json"},{"name":"text-flip","title":"Flip Text","description":"Flipped text animation, flips the text","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-flip.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-flip.json"},{"name":"text-scroll-read","title":"Text Scroll Read","description":"Text component allows you to read the text by scrolling.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-scroll-read.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-scroll-read.json"},{"name":"text-stagger-hover","title":"Text Stagger Hover","description":"Splitted text animation with staggered effect triggered by hover gesture, You can easily customize by controlling the animation property (transform, opacity, b…","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-hover.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-hover.json"},{"name":"text-stagger-interval","title":"Text Stagger Interval","description":"Staggered text display that cycles through a list of words at a specified interval. Pause the animation by hovering over the component.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-interval.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-interval.json"},{"name":"text-stagger-inview","title":"Text Stagger Inview","description":"Splitted text animation with staggered reveal triggered by view, You can easily customize by controlling the animation property (transform, opacity, blur) and …","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-stagger-inview.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-stagger-inview.json"},{"name":"text-vertical","title":"Vertical Text","description":"Text with vertical display, Can be used as a title or a subtitle.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-vertical.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-vertical.json"},{"name":"text-wavy","title":"Text Wavy","description":"Infinite text animation with wavy effect.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/text-wavy.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/text-wavy.json"},{"name":"typing-text","title":"Typing Text","description":"Text with typing animation.","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/typing-text.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/typing-text.json"},{"name":"word-stagger","title":"Word Stagger","description":"Alternative to text-stagger-inview and text-stagger-hover, in case you have one word or you want more custom text animations, use this component, it is used in…","type":"registry:ui","source_url":"https://systaliko-ui.vercel.app/r/word-stagger.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/word-stagger.json"},{"name":"animation-variants","title":"Animation Variants","description":"animation variants, for your motion components, allows to animate component with transforms, opacity, and blur.","type":"registry:item","source_url":"https://systaliko-ui.vercel.app/r/animation-variants.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/animation-variants.json"},{"name":"clip-path-animation-variants","title":"Animation Variants","description":"clip path animation variants, for your motion components, allows to animate component with clip path reveal animation.","type":"registry:item","source_url":"https://systaliko-ui.vercel.app/r/clip-path-animation-variants.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/clip-path-animation-variants.json"},{"name":"custom-pricing-utils","title":"Custom Pricing Utils","description":"Custom pricing utils types and reducer store.","type":"registry:item","source_url":"https://systaliko-ui.vercel.app/r/custom-pricing-utils.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/custom-pricing-utils.json"},{"name":"set-stagger-direction","title":"stagger direction","description":"stagger direction, Allow to animate in orchestrated order depending on the order, can animate from the start item, middle item, last item.","type":"registry:lib","source_url":"https://systaliko-ui.vercel.app/r/set-stagger-direction.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/set-stagger-direction.json"},{"name":"split-text","title":"split text","description":"split text utility function, allows to split text into characters, words, returns (characters, words, characterCount, wordCount).","type":"registry:lib","source_url":"https://systaliko-ui.vercel.app/r/split-text.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/split-text.json"},{"name":"svg-globe-path","title":"Svg Globe","description":"Svg globe path.","type":"registry:item","source_url":"https://systaliko-ui.vercel.app/r/svg-globe-path.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/svg-globe-path.json"},{"name":"transitions","title":"Transitions","description":"Multiple transitions for your motion components, to animate depending on the animated property.","type":"registry:item","source_url":"https://systaliko-ui.vercel.app/r/transitions.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/transitions.json"},{"name":"use-dimensions","title":"use dimensions hook","description":"use dimensions hook, Allow to get the dimensions of an element.","type":"registry:lib","source_url":"https://systaliko-ui.vercel.app/r/use-dimensions.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/use-dimensions.json"},{"name":"use-follow-mouse","title":"Use Follow Mouse Hook","description":"As the name suggests, this hook will follow the mouse position.","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/use-follow-mouse.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/use-follow-mouse.json"},{"name":"use-is-scrolled","title":"Use is scrolled Hook","description":"use is scrolled hook to detect if the user has scrolled to the bottom of the page.","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/use-is-scrolled.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/use-is-scrolled.json"},{"name":"use-mobile","title":"Use mobile Hook","description":"use mobile hook allows you to check if the user is on a mobile device.","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/use-mobile.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/use-mobile.json"},{"name":"use-toggle-onscroll","title":"use toggle onscroll","description":"use toggle onscroll hook allows to toggle element position on scroll (down hide, up show).","type":"registry:hook","source_url":"https://systaliko-ui.vercel.app/r/use-toggle-onscroll.json","install_command":"npx shadcn@latest add https://systaliko-ui.vercel.app/r/use-toggle-onscroll.json"}]},{"id":"tablecn","name":"@tablecn","slug":"tablecn","description":"Data table and filter builder blocks with search, sorting, pagination and URL-synced filters. Built for Radix UI, Base UI and React Aria.","author":"minhduoc-tran","framework":"react","license":"MIT","tags":["accessibility","blocks","navigation","tables"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["recently-updated"],"urls":{"website":"https://table-cn.vercel.app","github":"https://github.com/minhduoc-tran/tablecn","registry":"https://table-cn.vercel.app/r/registry/registry.json","source":"https://table-cn.vercel.app/r/registry/registry.json","page":"https://sh4dcn.netlify.app/registry/tablecn","markdown":"https://sh4dcn.netlify.app/md/tablecn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2'/><path d='M3 9h18M3 15h18M9 3v18'/></svg>","preview_image":"https://table-cn.vercel.app/opengraph-image?d0afec9ddb14dbe4","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":22,"open_issues":0,"last_commit":"2026-10-09T16:10:03Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://table-cn.vercel.app/r/registry/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://table-cn.vercel.app/r/registry/registry.json","install_bun":"bunx shadcn@latest add https://table-cn.vercel.app/r/registry/registry.json","clone":"git clone https://github.com/minhduoc-tran/tablecn.git","clone_degit":"npx degit minhduoc-tran/tablecn","registry_fetch":"curl -s https://table-cn.vercel.app/r/registry/registry.json"},"component_count":2,"components":[{"name":"filter-builder","title":"Filter Builder","description":"A filter builder for data tables: field, operator and value rows applied to the URL, built on @querycn/filter-react.","type":"registry:block","source_url":"https://table-cn.vercel.app/r/{style}/filter-builder.json","install_command":"npx shadcn@latest add https://table-cn.vercel.app/r/{style}/filter-builder.json"},{"name":"data-table","title":"Data Table","description":"A data table on TanStack Table v9: sorting and pages in the URL, a saved column layout, row selection and inline editing, built on @querycn/table-react.","type":"registry:block","source_url":"https://table-cn.vercel.app/r/{style}/data-table.json","install_command":"npx shadcn@latest add https://table-cn.vercel.app/r/{style}/data-table.json"}]},{"id":"tactile","name":"@tactile","slug":"tactile","description":"Interface pieces that behave like hardware: an odometer that carries, a liquid-damped compass, a pull-cord lamp, engraved plates and a machined footer. Vanilla JS and CSS with React, Vue and Svelte wrappers. MIT.","author":"cipriantitire","framework":"vue","license":"MIT","tags":["glassmorphism","overlays","pro-available"],"categories":["Uncategorized"],"labels":["pro","recently-updated"],"urls":{"website":"https://tactileui.dev","github":"https://github.com/cipriantitire/tactile-ui-free","registry":"https://tactileui.dev/r/free/registry.json","source":"https://tactileui.dev/r/free/registry.json","page":"https://sh4dcn.netlify.app/registry/tactile","markdown":"https://sh4dcn.netlify.app/md/tactile.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><mask id='tui-mark-f'><rect width='32' height='32' fill='#fff'/><rect x='7.25' y='6.75' width='17.5' height='15' rx='3.25' fill='#000' stroke='#000' stroke-width='2.3'/></mask><mask id='tui-mark-fs'><rect width='32' height='32' fill='#fff'/><circle cx='11.8' cy='10.05' r='1.86' fill='#000'/><circle cx='16' cy='10.05' r='1.86' fill='#000'/><circle cx='20.2' cy='10.05' r='1.86' fill='#000'/><circle cx='16' cy='14.25' r='1.86' fill='#000'/><circle cx='16' cy='18.45' r='1.86' fill='#000'/></mask><path d='M10 5.5H22Q26.5 5.5 26.9 10L28.1 23Q28.5 27.5 24 27.5H8Q3.5 27.5 3.9 23L5.1 10Q5.5 5.5 10 5.5Z' fill='var(--foreground)' mask='url(#tui-mark-f)'/><rect x='7.25' y='6.75' width='17.5' height='15' rx='3.25' fill='var(--foreground)' mask='url(#tui-mark-fs)'/><g fill='var(--foreground)'><circle cx='11.8' cy='10.05' r='1.26'/><circle cx='16' cy='10.05' r='1.26'/><circle cx='20.2' cy='10.05' r='1.26'/><circle cx='16' cy='14.25' r='1.26'/><circle cx='16' cy='18.45' r='1.26'/></g></svg>","preview_image":"https://tactileui.dev/og/tactile-ui.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://tactileui.dev/pricing"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-23T23:36:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tactileui.dev/r/free/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tactileui.dev/r/free/registry.json","install_bun":"bunx shadcn@latest add https://tactileui.dev/r/free/registry.json","clone":"git clone https://github.com/cipriantitire/tactile-ui-free.git","clone_degit":"npx degit cipriantitire/tactile-ui-free","registry_fetch":"curl -s https://tactileui.dev/r/free/registry.json"},"component_count":6,"components":[{"name":"client-plates","title":"Engraved Client Plates","description":"Block. “Used in production by…”, as metal name plates. Brushed aluminium or anodised black, screwed or riveted, each client’s mark cut into the metal with one …","type":"registry:block","source_url":"https://tactileui.dev/r/free/client-plates.json","install_command":"npx shadcn@latest add https://tactileui.dev/r/free/client-plates.json"},{"name":"faq-drawer","title":"FAQ Index","description":"Block. An FAQ as a card-index drawer. Each question is typed along a card’s edge with its subject on a staggered tab; pull one and it lifts out to show the ans…","type":"registry:block","source_url":"https://tactileui.dev/r/free/faq-drawer.json","install_command":"npx shadcn@latest add https://tactileui.dev/r/free/faq-drawer.json"},{"name":"machined-footer","title":"Machined Footer","description":"Block. A footer made as the bottom panel of a device. Printed columns of links, a status window with a real lamp, a changelog key, an Aluminium / Graphite swit…","type":"registry:block","source_url":"https://tactileui.dev/r/free/machined-footer.json","install_command":"npx shadcn@latest add https://tactileui.dev/r/free/machined-footer.json"},{"name":"compass","title":"Compass","description":"Object. A liquid-damped compass. The card swings past the mark and settles while a lit display reads the bearing. Your hand turns the knurled bezel, one click …","type":"registry:block","source_url":"https://tactileui.dev/r/free/compass.json","install_command":"npx shadcn@latest add https://tactileui.dev/r/free/compass.json"},{"name":"odometer","title":"Odometer","description":"Object. A mechanical drum counter. A digit moves only while the one to its right carries, so 1,099 to 1,100 rolls three drums over together. Not a number that …","type":"registry:block","source_url":"https://tactileui.dev/r/free/odometer.json","install_command":"npx shadcn@latest add https://tactileui.dev/r/free/odometer.json"},{"name":"pull-cord","title":"Pull-cord Bulb","description":"Object. A pendant lamp that is a switch. Pull the acorn: the detent resists and snaps, and the filament warms from dull red to white while the lamp sways. It c…","type":"registry:block","source_url":"https://tactileui.dev/r/free/pull-cord.json","install_command":"npx shadcn@latest add https://tactileui.dev/r/free/pull-cord.json"}]},{"id":"tailark","name":"@tailark","slug":"tailark","description":"A production-ready block library for modern marketing websites, shipping two distinct style kits: Dusk (dark-mode-first, elegant) and Mist (light-mode, Notion-like). Blocks are built with shadcn/ui, Tailwind CSS, Next.js, and TypeScript, covering hero sections, features, pricing, footers, and page-level compositions. All blocks are fully open source (MIT) with no proprietary design system lock-in — raw TSX you paste into your codebase. Use for: founders and teams who need polished, theme-consistent marketing page sections for dark or light sites without writing layout code from scratch.","author":"tailark","framework":"react","license":"MIT","tags":["ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","crypto","design-system","e-commerce","forms","hooks","icons","loaders","maps","marketing","media","navigation","overlays","payments","pro-available","saas","text-effects","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","popular","pro"],"urls":{"website":"https://tailark.com","github":"https://github.com/tailark/blocks","registry":"https://tailark.com/r/registry.json","source":"https://tailark.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tailark","markdown":"https://sh4dcn.netlify.app/md/tailark.md"},"logo":"<svg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.33334 0H15.5556V56H9.33334V0Z' fill='url(#paint0_linear_477_3)'/><path d='M40.4444 0H46.6667V56H40.4444V0Z' fill='url(#paint1_linear_477_3)'/><path d='M56 9.33333V15.5556H0V9.33333H56Z' fill='url(#paint2_linear_477_3)'/><path d='M2.96699e-06 46.6667V40.4444H56V46.6667H2.96699e-06Z' fill='url(#paint3_linear_477_3)'/><defs><linearGradient id='paint0_linear_477_3' x1='28' y1='0' x2='28' y2='56' gradientUnits='userSpaceOnUse'><stop stop-color='#9B99FE'/><stop offset='1' stop-color='#2BC8B7'/></linearGradient><linearGradient id='paint1_linear_477_3' x1='28' y1='0' x2='28' y2='56' gradientUnits='userSpaceOnUse'><stop stop-color='#9B99FE'/><stop offset='1' stop-color='#2BC8B7'/></linearGradient><linearGradient id='paint2_linear_477_3' x1='28' y1='0' x2='28' y2='56' gradientUnits='userSpaceOnUse'><stop stop-color='#9B99FE'/><stop offset='1' stop-color='#2BC8B7'/></linearGradient><linearGradient id='paint3_linear_477_3' x1='28' y1='0' x2='28' y2='56' gradientUnits='userSpaceOnUse'><stop stop-color='#9B99FE'/><stop offset='1' stop-color='#2BC8B7'/></linearGradient></defs></svg>","preview_image":"https://tailark.com/opengraph-image.png","pro":{"has_pro":true,"pro_url":"https://tailark.com/pricing","pricing_url":"https://tailark.com/pricing"},"metrics":{"github_stars":2335,"open_issues":14,"last_commit":"2026-07-29T11:19:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tailark.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tailark.com/r/registry.json","install_bun":"bunx shadcn@latest add https://tailark.com/r/registry.json","clone":"git clone https://github.com/tailark/blocks.git","clone_degit":"npx degit tailark/blocks","registry_fetch":"curl -s https://tailark.com/r/registry.json"},"component_count":250,"components":[{"name":"core-utils","title":"Utils","description":"Tailark core utility helpers","type":"registry:lib","source_url":"https://tailark.com/r/core-utils.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-utils.json"},{"name":"core-use-media","title":"Use Media","description":"Tailark core use media hook","type":"registry:hook","source_url":"https://tailark.com/r/core-use-media.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-use-media.json"},{"name":"core-accel","title":"Accel logo","description":"Tailark core accel svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-accel.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-accel.json"},{"name":"core-antigravity","title":"Antigravity logo","description":"Tailark core antigravity svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-antigravity.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-antigravity.json"},{"name":"core-beacon","title":"Beacon logo","description":"Tailark core beacon svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-beacon.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-beacon.json"},{"name":"core-bolt","title":"Bolt logo","description":"Tailark core bolt svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-bolt.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-bolt.json"},{"name":"core-cisco","title":"Cisco logo","description":"Tailark core cisco svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-cisco.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-cisco.json"},{"name":"core-claude","title":"Claude logo","description":"Tailark core claude svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-claude.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-claude.json"},{"name":"core-clerk","title":"Clerk logo","description":"Tailark core clerk svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-clerk.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-clerk.json"},{"name":"core-cloudflare","title":"Cloudflare logo","description":"Tailark core cloudflare svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-cloudflare.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-cloudflare.json"},{"name":"core-cohere","title":"Cohere logo","description":"Tailark core cohere svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-cohere.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-cohere.json"},{"name":"core-cursor","title":"Cursor logo","description":"Tailark core cursor svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-cursor.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-cursor.json"},{"name":"core-deepseek","title":"Deepseek logo","description":"Tailark core deepseek svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-deepseek.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-deepseek.json"},{"name":"core-drive","title":"Drive logo","description":"Tailark core drive svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-drive.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-drive.json"},{"name":"core-figma","title":"Figma logo","description":"Tailark core figma svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-figma.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-figma.json"},{"name":"core-firebase","title":"Firebase logo","description":"Tailark core firebase svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-firebase.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-firebase.json"},{"name":"core-gemini","title":"Gemini logo","description":"Tailark core gemini svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-gemini.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-gemini.json"},{"name":"core-gmail","title":"Gmail logo","description":"Tailark core gmail svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-gmail.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-gmail.json"},{"name":"core-google-palm","title":"Google PaLM logo","description":"Tailark core google-palm svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-google-palm.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-google-palm.json"},{"name":"core-hulu","title":"Hulu logo","description":"Tailark core hulu svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-hulu.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-hulu.json"},{"name":"core-intellij","title":"Intellij logo","description":"Tailark core intellij svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-intellij.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-intellij.json"},{"name":"core-leap-wallet","title":"Leap Wallet logo","description":"Tailark core leap-wallet svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-leap-wallet.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-leap-wallet.json"},{"name":"core-linear","title":"Linear logo","description":"Tailark core linear svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-linear.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-linear.json"},{"name":"core-magicui","title":"Magic UI logo","description":"Tailark core magicui svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-magicui.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-magicui.json"},{"name":"core-media-wiki","title":"MediaWiki logo","description":"Tailark core media-wiki svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-media-wiki.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-media-wiki.json"},{"name":"core-mediawiki","title":"MediaWiki logo","description":"Tailark core mediawiki svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-mediawiki.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-mediawiki.json"},{"name":"core-microsoft-excel","title":"Microsoft Excel logo","description":"Tailark core microsoft-excel svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-microsoft-excel.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-microsoft-excel.json"},{"name":"core-microsoft-word","title":"Microsoft Word logo","description":"Tailark core microsoft-word svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-microsoft-word.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-microsoft-word.json"},{"name":"core-mistral-ai","title":"Mistral AI logo","description":"Tailark core mistral-ai svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-mistral-ai.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-mistral-ai.json"},{"name":"core-neon","title":"Neon logo","description":"Tailark core neon svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-neon.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-neon.json"},{"name":"core-open-ai","title":"OpenAI logo","description":"Tailark core open-ai svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-open-ai.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-open-ai.json"},{"name":"core-openai","title":"OpenAI logo","description":"Tailark core openai svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-openai.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-openai.json"},{"name":"core-paypal","title":"Paypal logo","description":"Tailark core paypal svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-paypal.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-paypal.json"},{"name":"core-pdf","title":"PDF logo","description":"Tailark core pdf svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-pdf.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-pdf.json"},{"name":"core-perplexity-ai","title":"Perplexity AI logo","description":"Tailark core perplexity-ai svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-perplexity-ai.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-perplexity-ai.json"},{"name":"core-polar","title":"Polar logo","description":"Tailark core polar svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-polar.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-polar.json"},{"name":"core-polars","title":"Polars logo","description":"Tailark core polars svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-polars.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-polars.json"},{"name":"core-prime","title":"Prime logo","description":"Tailark core prime svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-prime.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-prime.json"},{"name":"core-qwen","title":"Qwen logo","description":"Tailark core qwen svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-qwen.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-qwen.json"},{"name":"core-replit","title":"Replit logo","description":"Tailark core replit svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-replit.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-replit.json"},{"name":"core-salesforce","title":"Salesforce logo","description":"Tailark core salesforce svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-salesforce.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-salesforce.json"},{"name":"core-sequoia","title":"Sequoia logo","description":"Tailark core sequoia svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-sequoia.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-sequoia.json"},{"name":"core-shopify","title":"Shopify logo","description":"Tailark core shopify svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-shopify.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-shopify.json"},{"name":"core-slack","title":"Slack logo","description":"Tailark core slack svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-slack.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-slack.json"},{"name":"core-spotify","title":"Spotify logo","description":"Tailark core spotify svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-spotify.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-spotify.json"},{"name":"core-stripe","title":"Stripe logo","description":"Tailark core stripe svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-stripe.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-stripe.json"},{"name":"core-supabase","title":"Supabase logo","description":"Tailark core supabase svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-supabase.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-supabase.json"},{"name":"core-sva","title":"Sva logo","description":"Tailark core sva svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-sva.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-sva.json"},{"name":"core-tailwindcss","title":"Tailwind CSS logo","description":"Tailark core tailwindcss svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-tailwindcss.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-tailwindcss.json"},{"name":"core-twilio","title":"Twilio logo","description":"Tailark core twilio svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-twilio.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-twilio.json"},{"name":"core-vercel","title":"Vercel logo","description":"Tailark core vercel svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-vercel.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-vercel.json"},{"name":"core-vs-code","title":"VS Code logo","description":"Tailark core vs-code svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-vs-code.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-vs-code.json"},{"name":"core-vs-codium","title":"VSCodium logo","description":"Tailark core vs-codium svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-vs-codium.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-vs-codium.json"},{"name":"core-windsurf","title":"Windsurf logo","description":"Tailark core windsurf svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-windsurf.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-windsurf.json"},{"name":"core-y-combinator","title":"Y Combinator logo","description":"Tailark core y-combinator svg logo","type":"registry:ui","source_url":"https://tailark.com/r/core-y-combinator.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-y-combinator.json"},{"name":"motion-primitives-animated-group","title":"Animated Group","description":"Tailark motion primitives animated-group component","type":"registry:component","source_url":"https://tailark.com/r/motion-primitives-animated-group.json","install_command":"npx shadcn@latest add https://tailark.com/r/motion-primitives-animated-group.json"},{"name":"motion-primitives-infinite-slider","title":"Infinite Slider","description":"Tailark motion primitives infinite-slider component","type":"registry:component","source_url":"https://tailark.com/r/motion-primitives-infinite-slider.json","install_command":"npx shadcn@latest add https://tailark.com/r/motion-primitives-infinite-slider.json"},{"name":"motion-primitives-progressive-blur","title":"Progressive Blur","description":"Tailark motion primitives progressive-blur component","type":"registry:component","source_url":"https://tailark.com/r/motion-primitives-progressive-blur.json","install_command":"npx shadcn@latest add https://tailark.com/r/motion-primitives-progressive-blur.json"},{"name":"motion-primitives-text-effect","title":"Text Effect","description":"Tailark motion primitives text-effect component","type":"registry:component","source_url":"https://tailark.com/r/motion-primitives-text-effect.json","install_command":"npx shadcn@latest add https://tailark.com/r/motion-primitives-text-effect.json"},{"name":"motion-primitives-text-scramble","title":"Text Scramble","description":"Tailark motion primitives text-scramble component","type":"registry:component","source_url":"https://tailark.com/r/motion-primitives-text-scramble.json","install_command":"npx shadcn@latest add https://tailark.com/r/motion-primitives-text-scramble.json"},{"name":"motion-primitives-text-shimmer","title":"Text Shimmer","description":"Tailark motion primitives text-shimmer component","type":"registry:component","source_url":"https://tailark.com/r/motion-primitives-text-shimmer.json","install_command":"npx shadcn@latest add https://tailark.com/r/motion-primitives-text-shimmer.json"},{"name":"core-copyright-year","title":"Copyright Year","description":"Cached current year for copyright footers","type":"registry:ui","source_url":"https://tailark.com/r/core-copyright-year.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-copyright-year.json"},{"name":"core-logo","title":"Logo","description":"Tailark core logo component","type":"registry:ui","source_url":"https://tailark.com/r/core-logo.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-logo.json"},{"name":"core-particles","title":"Particles","description":"Tailark core particles component","type":"registry:ui","source_url":"https://tailark.com/r/core-particles.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-particles.json"},{"name":"core-response-stream","title":"Response Stream","description":"Tailark core response stream component","type":"registry:ui","source_url":"https://tailark.com/r/core-response-stream.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-response-stream.json"},{"name":"core-prompt-input","title":"Prompt Input","description":"Tailark core prompt input component","type":"registry:component","source_url":"https://tailark.com/r/core-prompt-input.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-prompt-input.json"},{"name":"core-suggestion","title":"Suggestion","description":"Tailark core suggestion component","type":"registry:component","source_url":"https://tailark.com/r/core-suggestion.json","install_command":"npx shadcn@latest add https://tailark.com/r/core-suggestion.json"},{"name":"accordion","title":"Accordion","description":"Tailark Base UI Accordion component","type":"registry:ui","source_url":"https://tailark.com/r/accordion.json","install_command":"npx shadcn@latest add https://tailark.com/r/accordion.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Tailark Base UI Aspect Ratio component","type":"registry:ui","source_url":"https://tailark.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://tailark.com/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":"Tailark Base UI Avatar component","type":"registry:ui","source_url":"https://tailark.com/r/avatar.json","install_command":"npx shadcn@latest add https://tailark.com/r/avatar.json"},{"name":"button","title":"Button","description":"Tailark Base UI Button component","type":"registry:ui","source_url":"https://tailark.com/r/button.json","install_command":"npx shadcn@latest add https://tailark.com/r/button.json"},{"name":"card","title":"Card","description":"Tailark Base UI Card component","type":"registry:ui","source_url":"https://tailark.com/r/card.json","install_command":"npx shadcn@latest add https://tailark.com/r/card.json"},{"name":"carousel","title":"Carousel","description":"Tailark Base UI Carousel component","type":"registry:ui","source_url":"https://tailark.com/r/carousel.json","install_command":"npx shadcn@latest add https://tailark.com/r/carousel.json"},{"name":"chart","title":"Chart","description":"Tailark Base UI Chart component","type":"registry:ui","source_url":"https://tailark.com/r/chart.json","install_command":"npx shadcn@latest add https://tailark.com/r/chart.json"},{"name":"dialog","title":"Dialog","description":"Tailark Base UI Dialog component","type":"registry:ui","source_url":"https://tailark.com/r/dialog.json","install_command":"npx shadcn@latest add https://tailark.com/r/dialog.json"},{"name":"hover-card","title":"Hover Card","description":"Tailark Base UI Hover Card component","type":"registry:ui","source_url":"https://tailark.com/r/hover-card.json","install_command":"npx shadcn@latest add https://tailark.com/r/hover-card.json"},{"name":"input","title":"Input","description":"Tailark Base UI Input component","type":"registry:ui","source_url":"https://tailark.com/r/input.json","install_command":"npx shadcn@latest add https://tailark.com/r/input.json"},{"name":"label","title":"Label","description":"Tailark Base UI Label component","type":"registry:ui","source_url":"https://tailark.com/r/label.json","install_command":"npx shadcn@latest add https://tailark.com/r/label.json"},{"name":"loader","title":"Loader","description":"Tailark Base UI Loader component","type":"registry:ui","source_url":"https://tailark.com/r/loader.json","install_command":"npx shadcn@latest add https://tailark.com/r/loader.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Tailark Base UI Navigation Menu component","type":"registry:ui","source_url":"https://tailark.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://tailark.com/r/navigation-menu.json"},{"name":"scroll-area","title":"Scroll Area","description":"Tailark Base UI Scroll Area component","type":"registry:ui","source_url":"https://tailark.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://tailark.com/r/scroll-area.json"},{"name":"select","title":"Select","description":"Tailark Base UI Select component","type":"registry:ui","source_url":"https://tailark.com/r/select.json","install_command":"npx shadcn@latest add https://tailark.com/r/select.json"},{"name":"sources","title":"Sources","description":"Tailark Base UI Sources component","type":"registry:ui","source_url":"https://tailark.com/r/sources.json","install_command":"npx shadcn@latest add https://tailark.com/r/sources.json"},{"name":"textarea","title":"Textarea","description":"Tailark Base UI Textarea component","type":"registry:ui","source_url":"https://tailark.com/r/textarea.json","install_command":"npx shadcn@latest add https://tailark.com/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"Tailark Base UI Toggle component","type":"registry:ui","source_url":"https://tailark.com/r/toggle.json","install_command":"npx shadcn@latest add https://tailark.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Tailark Base UI Toggle Group component","type":"registry:ui","source_url":"https://tailark.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://tailark.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Tailark Base UI Tooltip component","type":"registry:ui","source_url":"https://tailark.com/r/tooltip.json","install_command":"npx shadcn@latest add https://tailark.com/r/tooltip.json"},{"name":"context-menu","title":"Context Menu","description":"Tailark Base UI Context Menu component","type":"registry:ui","source_url":"https://tailark.com/r/context-menu.json","install_command":"npx shadcn@latest add https://tailark.com/r/context-menu.json"},{"name":"gantt","title":"Gantt","description":"Tailark Base UI Gantt component","type":"registry:ui","source_url":"https://tailark.com/r/gantt.json","install_command":"npx shadcn@latest add https://tailark.com/r/gantt.json"},{"name":"document","title":"Document Illustration","description":"Tailark document illustration","type":"registry:component","source_url":"https://tailark.com/r/document.json","install_command":"npx shadcn@latest add https://tailark.com/r/document.json"},{"name":"document-pdf","title":"Document Illustration","description":"Tailark pdf document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-pdf.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-pdf.json"},{"name":"document-docx","title":"Document Illustration","description":"Tailark docx document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-docx.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-docx.json"},{"name":"document-xlx","title":"Document Illustration","description":"Tailark xlx document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-xlx.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-xlx.json"},{"name":"document-txt","title":"Document Illustration","description":"Tailark txt document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-txt.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-txt.json"},{"name":"document-json","title":"Document Illustration","description":"Tailark json document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-json.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-json.json"},{"name":"document-md","title":"Document Illustration","description":"Tailark md document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-md.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-md.json"},{"name":"document-pptx","title":"Document Illustration","description":"Tailark pptx document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-pptx.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-pptx.json"},{"name":"document-csv","title":"Document Illustration","description":"Tailark csv document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-csv.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-csv.json"},{"name":"document-html","title":"Document Illustration","description":"Tailark html document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-html.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-html.json"},{"name":"document-zip","title":"Document Illustration","description":"Tailark zip document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-zip.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-zip.json"},{"name":"document-img","title":"Document Illustration","description":"Tailark img document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-img.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-img.json"},{"name":"currency","title":"Currency Illustration","description":"Tailark currency illustration","type":"registry:component","source_url":"https://tailark.com/r/currency.json","install_command":"npx shadcn@latest add https://tailark.com/r/currency.json"},{"name":"campaign","title":"Campaign Illustration","description":"Tailark campaign illustration","type":"registry:component","source_url":"https://tailark.com/r/campaign.json","install_command":"npx shadcn@latest add https://tailark.com/r/campaign.json"},{"name":"invoice","title":"Invoice Illustration","description":"Tailark invoice illustration","type":"registry:component","source_url":"https://tailark.com/r/invoice.json","install_command":"npx shadcn@latest add https://tailark.com/r/invoice.json"},{"name":"message","title":"Message Illustration","description":"Tailark message illustration","type":"registry:component","source_url":"https://tailark.com/r/message.json","install_command":"npx shadcn@latest add https://tailark.com/r/message.json"},{"name":"uptime","title":"Uptime Illustration","description":"Tailark uptime illustration","type":"registry:component","source_url":"https://tailark.com/r/uptime.json","install_command":"npx shadcn@latest add https://tailark.com/r/uptime.json"},{"name":"poll","title":"Poll Illustration","description":"Tailark poll illustration","type":"registry:component","source_url":"https://tailark.com/r/poll.json","install_command":"npx shadcn@latest add https://tailark.com/r/poll.json"},{"name":"reply","title":"Reply Illustration","description":"Tailark reply illustration","type":"registry:component","source_url":"https://tailark.com/r/reply.json","install_command":"npx shadcn@latest add https://tailark.com/r/reply.json"},{"name":"visualization","title":"Visualization Illustration","description":"Tailark visualization illustration","type":"registry:component","source_url":"https://tailark.com/r/visualization.json","install_command":"npx shadcn@latest add https://tailark.com/r/visualization.json"},{"name":"keys","title":"Keys Illustration","description":"Tailark keys illustration","type":"registry:component","source_url":"https://tailark.com/r/keys.json","install_command":"npx shadcn@latest add https://tailark.com/r/keys.json"},{"name":"map","title":"Map Illustration","description":"Tailark map illustration","type":"registry:component","source_url":"https://tailark.com/r/map.json","install_command":"npx shadcn@latest add https://tailark.com/r/map.json"},{"name":"file-upload","title":"File Upload Illustration","description":"Tailark file-upload illustration","type":"registry:component","source_url":"https://tailark.com/r/file-upload.json","install_command":"npx shadcn@latest add https://tailark.com/r/file-upload.json"},{"name":"actionnable","title":"Actionnable Illustration","description":"Tailark actionnable illustration","type":"registry:component","source_url":"https://tailark.com/r/actionnable.json","install_command":"npx shadcn@latest add https://tailark.com/r/actionnable.json"},{"name":"map-2","title":"Map Illustration","description":"Tailark 2 map illustration","type":"registry:component","source_url":"https://tailark.com/r/map-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/map-2.json"},{"name":"add-comment","title":"Comment Illustration","description":"Tailark add comment illustration","type":"registry:component","source_url":"https://tailark.com/r/add-comment.json","install_command":"npx shadcn@latest add https://tailark.com/r/add-comment.json"},{"name":"campaign-2","title":"Campaign Illustration","description":"Tailark 2 campaign illustration","type":"registry:component","source_url":"https://tailark.com/r/campaign-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/campaign-2.json"},{"name":"chat","title":"Chat Illustration","description":"Tailark chat illustration","type":"registry:component","source_url":"https://tailark.com/r/chat.json","install_command":"npx shadcn@latest add https://tailark.com/r/chat.json"},{"name":"face-scan","title":"Face Scan Illustration","description":"Tailark face-scan illustration","type":"registry:component","source_url":"https://tailark.com/r/face-scan.json","install_command":"npx shadcn@latest add https://tailark.com/r/face-scan.json"},{"name":"face-scan-2","title":"Face Scan Illustration","description":"Tailark 2 face-scan illustration","type":"registry:component","source_url":"https://tailark.com/r/face-scan-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/face-scan-2.json"},{"name":"fingerprint-scan","title":"Fingerprint Illustration","description":"Tailark scan fingerprint illustration","type":"registry:component","source_url":"https://tailark.com/r/fingerprint-scan.json","install_command":"npx shadcn@latest add https://tailark.com/r/fingerprint-scan.json"},{"name":"fingerprint","title":"Fingerprint Illustration","description":"Tailark fingerprint illustration","type":"registry:component","source_url":"https://tailark.com/r/fingerprint.json","install_command":"npx shadcn@latest add https://tailark.com/r/fingerprint.json"},{"name":"document-analysis","title":"Document Illustration","description":"Tailark analysis document illustration","type":"registry:component","source_url":"https://tailark.com/r/document-analysis.json","install_command":"npx shadcn@latest add https://tailark.com/r/document-analysis.json"},{"name":"metrics","title":"Metrics Illustration","description":"Tailark metrics illustration","type":"registry:component","source_url":"https://tailark.com/r/metrics.json","install_command":"npx shadcn@latest add https://tailark.com/r/metrics.json"},{"name":"invoice-signing","title":"Invoice Illustration","description":"Tailark signing invoice illustration","type":"registry:component","source_url":"https://tailark.com/r/invoice-signing.json","install_command":"npx shadcn@latest add https://tailark.com/r/invoice-signing.json"},{"name":"id-check","title":"Id Check Illustration","description":"Tailark id-check illustration","type":"registry:component","source_url":"https://tailark.com/r/id-check.json","install_command":"npx shadcn@latest add https://tailark.com/r/id-check.json"},{"name":"memory-usage","title":"Memory Usage Illustration","description":"Tailark memory-usage illustration","type":"registry:component","source_url":"https://tailark.com/r/memory-usage.json","install_command":"npx shadcn@latest add https://tailark.com/r/memory-usage.json"},{"name":"payment","title":"Payment Illustration","description":"Tailark payment illustration","type":"registry:component","source_url":"https://tailark.com/r/payment.json","install_command":"npx shadcn@latest add https://tailark.com/r/payment.json"},{"name":"poll-2","title":"Poll Illustration","description":"Tailark 2 poll illustration","type":"registry:component","source_url":"https://tailark.com/r/poll-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/poll-2.json"},{"name":"schedule","title":"Schedule Illustration","description":"Tailark schedule illustration","type":"registry:component","source_url":"https://tailark.com/r/schedule.json","install_command":"npx shadcn@latest add https://tailark.com/r/schedule.json"},{"name":"comment","title":"Comment Illustration","description":"Tailark comment illustration","type":"registry:component","source_url":"https://tailark.com/r/comment.json","install_command":"npx shadcn@latest add https://tailark.com/r/comment.json"},{"name":"user","title":"User Illustration","description":"Tailark user illustration","type":"registry:component","source_url":"https://tailark.com/r/user.json","install_command":"npx shadcn@latest add https://tailark.com/r/user.json"},{"name":"users","title":"User Illustration","description":"Tailark multiple user illustration","type":"registry:component","source_url":"https://tailark.com/r/users.json","install_command":"npx shadcn@latest add https://tailark.com/r/users.json"},{"name":"collaboration","title":"Collaboration Illustration","description":"Tailark collaboration illustration","type":"registry:component","source_url":"https://tailark.com/r/collaboration.json","install_command":"npx shadcn@latest add https://tailark.com/r/collaboration.json"},{"name":"collaboration-comment","title":"Collaboration Illustration","description":"Tailark comment collaboration illustration","type":"registry:component","source_url":"https://tailark.com/r/collaboration-comment.json","install_command":"npx shadcn@latest add https://tailark.com/r/collaboration-comment.json"},{"name":"email","title":"Email Illustration","description":"Tailark email illustration","type":"registry:component","source_url":"https://tailark.com/r/email.json","install_command":"npx shadcn@latest add https://tailark.com/r/email.json"},{"name":"notes","title":"Notes Illustration","description":"Tailark notes illustration","type":"registry:component","source_url":"https://tailark.com/r/notes.json","install_command":"npx shadcn@latest add https://tailark.com/r/notes.json"},{"name":"notes-3","title":"Notes Illustration","description":"Tailark 3 notes illustration","type":"registry:component","source_url":"https://tailark.com/r/notes-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/notes-3.json"},{"name":"notes-2","title":"Notes Illustration","description":"Tailark 2 notes illustration","type":"registry:component","source_url":"https://tailark.com/r/notes-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/notes-2.json"},{"name":"kanban","title":"Kanban Illustration","description":"Tailark kanban illustration","type":"registry:component","source_url":"https://tailark.com/r/kanban.json","install_command":"npx shadcn@latest add https://tailark.com/r/kanban.json"},{"name":"kanban-2","title":"Kanban Illustration","description":"Tailark 2 kanban illustration","type":"registry:component","source_url":"https://tailark.com/r/kanban-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/kanban-2.json"},{"name":"kanban-3","title":"Kanban Illustration","description":"Tailark 3 kanban illustration","type":"registry:component","source_url":"https://tailark.com/r/kanban-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/kanban-3.json"},{"name":"calendar","title":"Calendar Illustration","description":"Tailark calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar.json"},{"name":"calendar-2","title":"Calendar Illustration","description":"Tailark 2 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-2.json"},{"name":"calendar-3","title":"Calendar Illustration","description":"Tailark 3 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-3.json"},{"name":"calendar-4","title":"Calendar Illustration","description":"Tailark 4 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-4.json"},{"name":"calendar-5","title":"Calendar Illustration","description":"Tailark 5 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-5.json"},{"name":"calendar-6","title":"Calendar Illustration","description":"Tailark 6 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-6.json"},{"name":"calendar-7","title":"Calendar Illustration","description":"Tailark 7 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-7.json"},{"name":"calendar-8","title":"Calendar Illustration","description":"Tailark 8 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-8.json"},{"name":"calendar-10","title":"Calendar Illustration","description":"Tailark 10 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-10.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-10.json"},{"name":"calendar-11","title":"Calendar Illustration","description":"Tailark 11 calendar illustration","type":"registry:component","source_url":"https://tailark.com/r/calendar-11.json","install_command":"npx shadcn@latest add https://tailark.com/r/calendar-11.json"},{"name":"meeting","title":"Meeting Illustration","description":"Tailark meeting illustration","type":"registry:component","source_url":"https://tailark.com/r/meeting.json","install_command":"npx shadcn@latest add https://tailark.com/r/meeting.json"},{"name":"meeting-2","title":"Meeting Illustration","description":"Tailark 2 meeting illustration","type":"registry:component","source_url":"https://tailark.com/r/meeting-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/meeting-2.json"},{"name":"meeting-3","title":"Meeting Illustration","description":"Tailark 3 meeting illustration","type":"registry:component","source_url":"https://tailark.com/r/meeting-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/meeting-3.json"},{"name":"meeting-4","title":"Meeting Illustration","description":"Tailark 4 meeting illustration","type":"registry:component","source_url":"https://tailark.com/r/meeting-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/meeting-4.json"},{"name":"flow","title":"Flow Illustration","description":"Tailark flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow.json"},{"name":"flow-2","title":"Flow Illustration","description":"Tailark 2 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-2.json"},{"name":"flow-4","title":"Flow Illustration","description":"Tailark 4 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-4.json"},{"name":"flow-3","title":"Flow Illustration","description":"Tailark 3 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-3.json"},{"name":"flow-5","title":"Flow Illustration","description":"Tailark 5 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-5.json"},{"name":"flow-6","title":"Flow Illustration","description":"Tailark 6 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-6.json"},{"name":"flow-8","title":"Flow Illustration","description":"Tailark 8 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-8.json"},{"name":"flow-7","title":"Flow Illustration","description":"Tailark 7 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-7.json"},{"name":"flow-9","title":"Flow Illustration","description":"Tailark 9 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-9.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-9.json"},{"name":"flow-10","title":"Flow Illustration","description":"Tailark 10 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-10.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-10.json"},{"name":"flow-11","title":"Flow Illustration","description":"Tailark 11 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-11.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-11.json"},{"name":"flow-12","title":"Flow Illustration","description":"Tailark 12 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-12.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-12.json"},{"name":"flow-13","title":"Flow Illustration","description":"Tailark 13 flow illustration","type":"registry:component","source_url":"https://tailark.com/r/flow-13.json","install_command":"npx shadcn@latest add https://tailark.com/r/flow-13.json"},{"name":"ai-1","title":"Ai Illustration","description":"Tailark 1 ai illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-1.json"},{"name":"ai-2","title":"Ai Illustration","description":"Tailark 2 ai illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-2.json"},{"name":"ai-3","title":"Ai Illustration","description":"Tailark 3 ai illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-3.json"},{"name":"agent-workflow","title":"Agent Illustration","description":"Tailark workflow agent illustration","type":"registry:component","source_url":"https://tailark.com/r/agent-workflow.json","install_command":"npx shadcn@latest add https://tailark.com/r/agent-workflow.json"},{"name":"models-3","title":"Models Illustration","description":"Tailark 3 models illustration","type":"registry:component","source_url":"https://tailark.com/r/models-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/models-3.json"},{"name":"models-4","title":"Models Illustration","description":"Tailark 4 models illustration","type":"registry:component","source_url":"https://tailark.com/r/models-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/models-4.json"},{"name":"translation-interface","title":"Translation Illustration","description":"Tailark translation illustration","type":"registry:component","source_url":"https://tailark.com/r/translation-interface.json","install_command":"npx shadcn@latest add https://tailark.com/r/translation-interface.json"},{"name":"model-selector","title":"Model Selector Illustration","description":"Tailark model-selector illustration","type":"registry:component","source_url":"https://tailark.com/r/model-selector.json","install_command":"npx shadcn@latest add https://tailark.com/r/model-selector.json"},{"name":"token-counter","title":"Token Counter Illustration","description":"Tailark token-counter illustration","type":"registry:component","source_url":"https://tailark.com/r/token-counter.json","install_command":"npx shadcn@latest add https://tailark.com/r/token-counter.json"},{"name":"model-training","title":"Model Training Illustration","description":"Tailark model-training illustration","type":"registry:component","source_url":"https://tailark.com/r/model-training.json","install_command":"npx shadcn@latest add https://tailark.com/r/model-training.json"},{"name":"models","title":"Models Illustration","description":"Tailark models illustration","type":"registry:component","source_url":"https://tailark.com/r/models.json","install_command":"npx shadcn@latest add https://tailark.com/r/models.json"},{"name":"models-2","title":"Models Illustration","description":"Tailark 2 models illustration","type":"registry:component","source_url":"https://tailark.com/r/models-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/models-2.json"},{"name":"ai-search","title":"Ai Search Illustration","description":"Tailark ai-search illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-search.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-search.json"},{"name":"ai-search-2","title":"Ai Search Illustration","description":"Tailark 2 ai-search illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-search-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-search-2.json"},{"name":"ai-memory","title":"Ai Memory Illustration","description":"Tailark ai-memory illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-memory.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-memory.json"},{"name":"integrations","title":"Integrations Illustration","description":"Tailark integrations illustration","type":"registry:component","source_url":"https://tailark.com/r/integrations.json","install_command":"npx shadcn@latest add https://tailark.com/r/integrations.json"},{"name":"text-to-speech","title":"Text To Speech Illustration","description":"Tailark text-to-speech illustration","type":"registry:component","source_url":"https://tailark.com/r/text-to-speech.json","install_command":"npx shadcn@latest add https://tailark.com/r/text-to-speech.json"},{"name":"ai-autocomplete","title":"Ai Autocomplete Illustration","description":"Tailark ai-autocomplete illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-autocomplete.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-autocomplete.json"},{"name":"ai-summarization","title":"Ai Summarization Illustration","description":"Tailark ai-summarization illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-summarization.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-summarization.json"},{"name":"message-2","title":"Message Illustration","description":"Tailark 2 message illustration","type":"registry:component","source_url":"https://tailark.com/r/message-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/message-2.json"},{"name":"ai-chat-interface","title":"Ai Chat Interface Illustration","description":"Tailark ai-chat-interface illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-chat-interface.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-chat-interface.json"},{"name":"ai-mentions","title":"Ai Mentions Illustration","description":"Tailark ai-mentions illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-mentions.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-mentions.json"},{"name":"agent-task-planning","title":"Agent Illustration","description":"Tailark task-planning agent illustration","type":"registry:component","source_url":"https://tailark.com/r/agent-task-planning.json","install_command":"npx shadcn@latest add https://tailark.com/r/agent-task-planning.json"},{"name":"agent-feedback","title":"Agent Illustration","description":"Tailark feedback agent illustration","type":"registry:component","source_url":"https://tailark.com/r/agent-feedback.json","install_command":"npx shadcn@latest add https://tailark.com/r/agent-feedback.json"},{"name":"ai-suggestion","title":"Ai Suggestion Illustration","description":"Tailark ai-suggestion illustration","type":"registry:component","source_url":"https://tailark.com/r/ai-suggestion.json","install_command":"npx shadcn@latest add https://tailark.com/r/ai-suggestion.json"},{"name":"workflow","title":"Workflow Illustration","description":"Tailark workflow illustration","type":"registry:component","source_url":"https://tailark.com/r/workflow.json","install_command":"npx shadcn@latest add https://tailark.com/r/workflow.json"},{"name":"agent-tasks","title":"Agent Illustration","description":"Tailark tasks agent illustration","type":"registry:component","source_url":"https://tailark.com/r/agent-tasks.json","install_command":"npx shadcn@latest add https://tailark.com/r/agent-tasks.json"},{"name":"sleep-visualization","title":"Health Illustration","description":"Tailark sleep-visualization health illustration","type":"registry:component","source_url":"https://tailark.com/r/sleep-visualization.json","install_command":"npx shadcn@latest add https://tailark.com/r/sleep-visualization.json"},{"name":"running-visualization","title":"Health Illustration","description":"Tailark running-visualization health illustration","type":"registry:component","source_url":"https://tailark.com/r/running-visualization.json","install_command":"npx shadcn@latest add https://tailark.com/r/running-visualization.json"},{"name":"mobile-wallet","title":"Mobile Illustration","description":"Tailark wallet mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-wallet.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-wallet.json"},{"name":"todo-app","title":"Todo App Illustration","description":"Tailark todo-app illustration","type":"registry:component","source_url":"https://tailark.com/r/todo-app.json","install_command":"npx shadcn@latest add https://tailark.com/r/todo-app.json"},{"name":"shopping-cart","title":"Shopping Cart Illustration","description":"Tailark shopping-cart illustration","type":"registry:component","source_url":"https://tailark.com/r/shopping-cart.json","install_command":"npx shadcn@latest add https://tailark.com/r/shopping-cart.json"},{"name":"bank-stats","title":"Bank Stats Illustration","description":"Tailark bank-stats illustration","type":"registry:component","source_url":"https://tailark.com/r/bank-stats.json","install_command":"npx shadcn@latest add https://tailark.com/r/bank-stats.json"},{"name":"ride-sharing","title":"Ride Sharing Illustration","description":"Tailark ride-sharing illustration","type":"registry:component","source_url":"https://tailark.com/r/ride-sharing.json","install_command":"npx shadcn@latest add https://tailark.com/r/ride-sharing.json"},{"name":"food-delivery","title":"Food Delivery Illustration","description":"Tailark food-delivery illustration","type":"registry:component","source_url":"https://tailark.com/r/food-delivery.json","install_command":"npx shadcn@latest add https://tailark.com/r/food-delivery.json"},{"name":"mobile-card-form","title":"Mobile Illustration","description":"Tailark card-form mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-card-form.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-card-form.json"},{"name":"sleep-tracker","title":"Health Illustration","description":"Tailark sleep-tracker health illustration","type":"registry:component","source_url":"https://tailark.com/r/sleep-tracker.json","install_command":"npx shadcn@latest add https://tailark.com/r/sleep-tracker.json"},{"name":"mobile-wallet-area","title":"Mobile Illustration","description":"Tailark wallet-area mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-wallet-area.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-wallet-area.json"},{"name":"mobile-wallet-line","title":"Mobile Illustration","description":"Tailark wallet-line mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-wallet-line.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-wallet-line.json"},{"name":"mobile-ai-assistant","title":"Mobile Illustration","description":"Tailark ai-assistant mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-ai-assistant.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-ai-assistant.json"},{"name":"mobile-ai-suggestion","title":"Mobile Illustration","description":"Tailark ai-suggestion mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-ai-suggestion.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-ai-suggestion.json"},{"name":"mobile-email","title":"Mobile Illustration","description":"Tailark email mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-email.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-email.json"},{"name":"mobile-note","title":"Mobile Illustration","description":"Tailark note mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-note.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-note.json"},{"name":"mobile-note-2","title":"Mobile Illustration","description":"Tailark note-2 mobile illustration","type":"registry:component","source_url":"https://tailark.com/r/mobile-note-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/mobile-note-2.json"},{"name":"bento-8","title":"Bento 8","description":"Tailark bento variant 8 block","type":"registry:block","source_url":"https://tailark.com/r/bento-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-8.json"},{"name":"bento-11","title":"Bento 11","description":"Tailark bento variant 11 block","type":"registry:block","source_url":"https://tailark.com/r/bento-11.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-11.json"},{"name":"bento-5","title":"Bento 5","description":"Tailark bento variant 5 block","type":"registry:block","source_url":"https://tailark.com/r/bento-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-5.json"},{"name":"bento-4","title":"Bento 4","description":"Tailark bento variant 4 block","type":"registry:block","source_url":"https://tailark.com/r/bento-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-4.json"},{"name":"bento-14","title":"Bento 14","description":"Tailark bento variant 14 block","type":"registry:block","source_url":"https://tailark.com/r/bento-14.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-14.json"},{"name":"bento-9","title":"Bento 9","description":"Tailark bento variant 9 block","type":"registry:block","source_url":"https://tailark.com/r/bento-9.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-9.json"},{"name":"bento-1","title":"Bento 1","description":"Tailark bento variant 1 block","type":"registry:block","source_url":"https://tailark.com/r/bento-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-1.json"},{"name":"bento-7","title":"Bento 7","description":"Tailark bento variant 7 block","type":"registry:block","source_url":"https://tailark.com/r/bento-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-7.json"},{"name":"bento-6","title":"Bento 6","description":"Tailark bento variant 6 block","type":"registry:block","source_url":"https://tailark.com/r/bento-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-6.json"},{"name":"bento-10","title":"Bento 10","description":"Tailark bento variant 10 block","type":"registry:block","source_url":"https://tailark.com/r/bento-10.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-10.json"},{"name":"bento-13","title":"Bento 13","description":"Tailark bento variant 13 block","type":"registry:block","source_url":"https://tailark.com/r/bento-13.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-13.json"},{"name":"bento-3","title":"Bento 3","description":"Tailark bento variant 3 block","type":"registry:block","source_url":"https://tailark.com/r/bento-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-3.json"},{"name":"bento-12","title":"Bento 12","description":"Tailark bento variant 12 block","type":"registry:block","source_url":"https://tailark.com/r/bento-12.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-12.json"},{"name":"bento-2","title":"Bento 2","description":"Tailark bento variant 2 block","type":"registry:block","source_url":"https://tailark.com/r/bento-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/bento-2.json"},{"name":"blog-blocks-5","title":"Blog Blocks 5","description":"Tailark blog-blocks variant 5 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-5.json"},{"name":"blog-blocks-4","title":"Blog Blocks 4","description":"Tailark blog-blocks variant 4 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-4.json"},{"name":"blog-blocks-1","title":"Blog Blocks 1","description":"Tailark blog-blocks variant 1 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-1.json"},{"name":"blog-blocks-7","title":"Blog Blocks 7","description":"Tailark blog-blocks variant 7 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-7.json"},{"name":"blog-blocks-6","title":"Blog Blocks 6","description":"Tailark blog-blocks variant 6 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-6.json"},{"name":"blog-blocks-3","title":"Blog Blocks 3","description":"Tailark blog-blocks variant 3 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-3.json"},{"name":"blog-blocks-2","title":"Blog Blocks 2","description":"Tailark blog-blocks variant 2 block","type":"registry:block","source_url":"https://tailark.com/r/blog-blocks-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/blog-blocks-2.json"},{"name":"call-to-action-1","title":"Call To Action 1","description":"Tailark call-to-action variant 1 block","type":"registry:block","source_url":"https://tailark.com/r/call-to-action-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/call-to-action-1.json"},{"name":"call-to-action-3","title":"Call To Action 3","description":"Tailark call-to-action variant 3 block","type":"registry:block","source_url":"https://tailark.com/r/call-to-action-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/call-to-action-3.json"},{"name":"call-to-action-2","title":"Call To Action 2","description":"Tailark call-to-action variant 2 block","type":"registry:block","source_url":"https://tailark.com/r/call-to-action-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/call-to-action-2.json"},{"name":"code-demo-4","title":"Code Demo 4","description":"Tailark code-demo variant 4 block","type":"registry:block","source_url":"https://tailark.com/r/code-demo-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/code-demo-4.json"},{"name":"code-demo-1","title":"Code Demo 1","description":"Tailark code-demo variant 1 block","type":"registry:block","source_url":"https://tailark.com/r/code-demo-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/code-demo-1.json"},{"name":"code-demo-3","title":"Code Demo 3","description":"Tailark code-demo variant 3 block","type":"registry:block","source_url":"https://tailark.com/r/code-demo-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/code-demo-3.json"},{"name":"code-demo-2","title":"Code Demo 2","description":"Tailark code-demo variant 2 block","type":"registry:block","source_url":"https://tailark.com/r/code-demo-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/code-demo-2.json"},{"name":"comparator-5","title":"Comparator 5","description":"Tailark comparator variant 5 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-5.json"},{"name":"comparator-4","title":"Comparator 4","description":"Tailark comparator variant 4 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-4.json"},{"name":"comparator-1","title":"Comparator 1","description":"Tailark comparator variant 1 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-1.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-1.json"},{"name":"comparator-7","title":"Comparator 7","description":"Tailark comparator variant 7 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-7.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-7.json"},{"name":"comparator-6","title":"Comparator 6","description":"Tailark comparator variant 6 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-6.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-6.json"},{"name":"comparator-3","title":"Comparator 3","description":"Tailark comparator variant 3 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-3.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-3.json"},{"name":"comparator-2","title":"Comparator 2","description":"Tailark comparator variant 2 block","type":"registry:block","source_url":"https://tailark.com/r/comparator-2.json","install_command":"npx shadcn@latest add https://tailark.com/r/comparator-2.json"},{"name":"contact-8","title":"Contact 8","description":"Tailark contact variant 8 block","type":"registry:block","source_url":"https://tailark.com/r/contact-8.json","install_command":"npx shadcn@latest add https://tailark.com/r/contact-8.json"},{"name":"contact-5","title":"Contact 5","description":"Tailark contact variant 5 block","type":"registry:block","source_url":"https://tailark.com/r/contact-5.json","install_command":"npx shadcn@latest add https://tailark.com/r/contact-5.json"},{"name":"contact-4","title":"Contact 4","description":"Tailark contact variant 4 block","type":"registry:block","source_url":"https://tailark.com/r/contact-4.json","install_command":"npx shadcn@latest add https://tailark.com/r/contact-4.json"}]},{"id":"tailgrids","name":"@tailgrids","slug":"tailgrids","description":"A large open-source React component library powered by Tailwind CSS, shipping 100+ free copy-paste components and 500+ premium UI blocks. The free tier covers Accordion, Alert, Avatar, Badge, Button, Card, Carousel, Chart, Checkbox, Combobox, Command, Context Menu, Date Picker, Dialog, Drawer, Dropdown, Input, Menubar, Navigation Menu, OTP Input, Pagination, Popover, and more. Premium blocks cover marketing, dashboards, e-commerce, and AI sections. Uses a custom CLI (npx @tailgrids/cli). Freemium. Use for: React/Next.js/Vite projects needing a broad, Tailwind-native component set with a complementary block library for full-page layouts.","author":"Tailgrids","framework":"react","license":"MIT","tags":["ai","auth","blocks","buttons","cards","charts","components","dashboard","design-system","e-commerce","forms","loaders","marketing","media","navigation","overlays","pro-available","tables"],"categories":["Component library (general)"],"labels":["popular","pro"],"urls":{"website":"https://tailgrids.com","github":"https://github.com/Tailgrids/tailgrids","registry":"https://tailgrids.com/docs/r/registry.json","source":"https://tailgrids.com/docs/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tailgrids","markdown":"https://sh4dcn.netlify.app/md/tailgrids.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 3C0 1.34315 1.34315 0 3 0H37C38.6569 0 40 1.34315 40 3V37C40 38.6569 38.6569 40 37 40H3C1.34315 40 0 38.6569 0 37V3Z' fill='url(#paint0_linear_16125_45666)'/><path d='M30.9803 13.8444C30.9803 14.212 30.6824 14.5099 30.3148 14.5099L20.4133 14.5099C20.1486 14.5099 19.8947 14.6151 19.7075 14.8023L14.802 19.7076C14.6148 19.8948 14.5096 20.1487 14.5096 20.4135L14.5096 30.3148C14.5096 30.6823 14.2116 30.9802 13.8441 30.9802L9.68483 30.9802C9.31729 30.9802 9.01935 30.6823 9.01935 30.3148L9.01935 18.1393C9.01935 17.8746 9.12452 17.6207 9.31173 17.4335L17.4334 9.31214C17.6206 9.12494 17.8745 9.01978 18.1393 9.01978L30.3148 9.01978C30.6824 9.01978 30.9803 9.31772 30.9803 9.68524L30.9803 13.8444Z' fill='white'/><path d='M30.9803 20L30.9803 28.6171C30.9803 28.8984 30.8617 29.1666 30.6536 29.3557L29.9738 29.9737L29.162 30.7179C28.9779 30.8866 28.7372 30.9802 28.4874 30.9802L26.1556 30.9802C25.788 30.9802 25.4901 30.6823 25.4901 30.3148L25.4901 25.4901L20.6653 25.4901C20.2978 25.4901 19.9998 25.1922 19.9998 24.8247L19.9998 22.3421C19.9998 22.0791 20.1036 21.8267 20.2887 21.6398L21.0064 20.915L21.629 20.2924C21.8162 20.1052 22.0701 20 22.3349 20L30.9803 20Z' fill='white'/><defs><linearGradient id='paint0_linear_16125_45666' x1='-9.42229' y1='-7.31359' x2='35.3759' y2='35.6419' gradientUnits='userSpaceOnUse'><stop stop-color='#3758F9'/><stop offset='1' stop-color='#8AA7FF'/></linearGradient></defs></svg>","preview_image":"https://tailgrids.com/tailgrids-og.png","pro":{"has_pro":true,"pro_url":"https://tailgrids.com/pricing","pricing_url":"https://tailgrids.com/pricing"},"metrics":{"github_stars":1654,"open_issues":0,"last_commit":"2026-08-04T11:52:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tailgrids.com/docs/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tailgrids.com/docs/r/registry.json","install_bun":"bunx shadcn@latest add https://tailgrids.com/docs/r/registry.json","clone":"git clone https://github.com/Tailgrids/tailgrids.git","clone_degit":"npx degit Tailgrids/tailgrids","registry_fetch":"curl -s https://tailgrids.com/docs/r/registry.json"},"component_count":61,"components":[{"name":"accordion","title":null,"description":"Fully accessible accordion component with multiple style variants","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/accordion.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/accordion.json"},{"name":"alert","title":null,"description":"A component to display important messages to the user, with support for different variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/alert.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/alert.json"},{"name":"alert-dialog","title":null,"description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/alert-dialog.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/alert-dialog.json"},{"name":"aspect-ratio","title":null,"description":"Aspect ratio component to maintain the aspect ratio of an element.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/aspect-ratio.json"},{"name":"avatar","title":null,"description":"An image element with a fallback for representing a user.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/avatar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/avatar.json"},{"name":"badge","title":null,"description":"Badge component with multiple colors, sizes, and support for prefix/suffix icons.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/badge.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/badge.json"},{"name":"breadcrumbs","title":null,"description":"Breadcrumbs component with multiple variants and support for icons.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/breadcrumbs.json"},{"name":"button","title":null,"description":"Button component with multiple variants, sizes, and support for icons.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/button.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/button.json"},{"name":"button-group","title":null,"description":"A component with multiple buttons grouped together.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/button-group.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/button-group.json"},{"name":"calendar","title":null,"description":"A calendar component with internationalization support.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/calendar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/calendar.json"},{"name":"card","title":null,"description":"A card component with ultimate flexibility and customization.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/card.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/card.json"},{"name":"carousel","title":null,"description":"A powerful, flexible carousel component built with Embla Carousel.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/carousel.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/carousel.json"},{"name":"chart","title":null,"description":"A chart component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/chart.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/chart.json"},{"name":"checkbox","title":null,"description":"A checkbox component with label and multiple states.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/checkbox.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/checkbox.json"},{"name":"collapsible","title":null,"description":"A high-performance context menu component that appears when triggered by a right-click or long-press.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/collapsible.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/collapsible.json"},{"name":"context-menu","title":null,"description":"A context menu component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/context-menu.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/context-menu.json"},{"name":"combobox","title":null,"description":"A combobox component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/combobox.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/combobox.json"},{"name":"command","title":null,"description":"A command menu component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/command.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/command.json"},{"name":"date-field","title":null,"description":"A React date field component that lets users input a date.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/date-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/date-field.json"},{"name":"date-picker","title":null,"description":"A component to select a date.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/date-picker.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/date-picker.json"},{"name":"description","title":null,"description":"A description component that provides additional context or instructions for form fields.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/description.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/description.json"},{"name":"dialog","title":null,"description":"A dialog component that display a modal overlay above the main page content.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/dialog.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/dialog.json"},{"name":"drawer","title":null,"description":"A drawer component that slides in from the edge of the screen, typically used for navigation or displaying additional content.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/drawer.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/drawer.json"},{"name":"dropdown","title":null,"description":"A dropdown component with multiple variants and support for icons.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/dropdown.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/dropdown.json"},{"name":"field","title":null,"description":"A collection of components for building accessible and flexible form fields.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/field.json"},{"name":"hover-card","title":null,"description":"A hover card component that displays information when the user hovers over an element.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/hover-card.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/hover-card.json"},{"name":"input","title":null,"description":"An input component with multiple variants and support for icons.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/input.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/input.json"},{"name":"input-group","title":null,"description":"A flexible and accessible input group component that allows you to combine multiple input elements, such as text inputs, buttons, and icons, into a single cohe…","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/input-group.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/input-group.json"},{"name":"label","title":null,"description":"A label component for form fields.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/label.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/label.json"},{"name":"link","title":null,"description":"A link component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/link.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/link.json"},{"name":"list","title":null,"description":"A list component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/list.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/list.json"},{"name":"menubar","title":null,"description":"A responsive menu bar component that provides a horizontal row of menu triggers, each opening a dropdown menu.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/menubar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/menubar.json"},{"name":"native-select","title":null,"description":"A native select component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/native-select.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/native-select.json"},{"name":"navigation-menu","title":null,"description":"A navigation menu component that provides a clear visual structure for the primary links of a website or application.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/navigation-menu.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/navigation-menu.json"},{"name":"number-field","title":null,"description":"A component for entering numeric values with increment and decrement buttons.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/number-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/number-field.json"},{"name":"otp-input","title":null,"description":"A component for entering one-time passwords.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/otp-input.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/otp-input.json"},{"name":"overlay","title":null,"description":"A component for displaying content in a floating container.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/overlay.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/overlay.json"},{"name":"pagination","title":null,"description":"A component for navigating between pages.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/pagination.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/pagination.json"},{"name":"popover","title":null,"description":"A popover component that displays content in a floating container.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/popover.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/popover.json"},{"name":"progress","title":null,"description":"A progress bar component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/progress.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/progress.json"},{"name":"radio-input","title":null,"description":"A radio button component with label and multiple states.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/radio-input.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/radio-input.json"},{"name":"range-calendar","title":null,"description":"A calendar component for selecting a range of dates.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/range-calendar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/range-calendar.json"},{"name":"resizable","title":null,"description":"Accessible resizable panel groups and layouts with keyboard support.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/resizable.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/resizable.json"},{"name":"scroll-area","title":null,"description":"A scroll area component to add scrollbars to an element.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/scroll-area.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/scroll-area.json"},{"name":"select","title":null,"description":"A select component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/select.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/select.json"},{"name":"separator","title":null,"description":"A separator component to separate content.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/separator.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/separator.json"},{"name":"sheet","title":null,"description":"A sheet component that slides in from the edge of the screen, typically used for navigation or displaying additional content.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/sheet.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/sheet.json"},{"name":"sidebar","title":null,"description":"A reusable, responsive, and accessible sidebar component.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/sidebar.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/sidebar.json"},{"name":"skeleton","title":null,"description":"A component to indicate a loading state.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/skeleton.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/skeleton.json"},{"name":"slider","title":null,"description":"A slider component to select a value from a range.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/slider.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/slider.json"},{"name":"social-button","title":null,"description":"A button component for social media actions.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/social-button.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/social-button.json"},{"name":"spinner","title":null,"description":"A spinner component to indicate a loading state.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/spinner.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/spinner.json"},{"name":"table","title":null,"description":"A table component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/table.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/table.json"},{"name":"tabs","title":null,"description":"A tabs component with multiple variants.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/tabs.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/tabs.json"},{"name":"text-area","title":null,"description":"A multiline text input component.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/text-area.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/text-area.json"},{"name":"text-field","title":null,"description":"A wrapper for text inputs.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/text-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/text-field.json"},{"name":"time-field","title":null,"description":"A segment-based time input component.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/time-field.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/time-field.json"},{"name":"time-picker","title":null,"description":"A component to select a time.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/time-picker.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/time-picker.json"},{"name":"toast","title":null,"description":"A toast component for displaying notifications.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/toast.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/toast.json"},{"name":"toggle","title":null,"description":"A toggle switch component.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/toggle.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/toggle.json"},{"name":"tooltip","title":null,"description":"A tooltip component.","type":"registry:ui","source_url":"https://tailgrids.com/docs/r/tooltip.json","install_command":"npx shadcn@latest add https://tailgrids.com/docs/r/tooltip.json"}]},{"id":"tailwind-admin","name":"@tailwind-admin","slug":"tailwind-admin","description":"Free, open-source admin dashboard template built with Tailwind CSS, shadcn/ui, and Radix primitives. Supports Next.js, React, Vue, Angular 21, and TanStack Start. Pre-designed pages include Dashboard, Login, Register, User Profile, Tables, Charts (via ApexCharts), and Error pages. Offers sidebar, topbar, and responsive layouts with dark mode. Iconify icons included. MIT license. Use for: bootstrapping SaaS dashboards, CRM panels, internal admin tools, or analytics interfaces across multiple frontend frameworks without starting from a blank page.","author":"Tailwind-Admin","framework":"vue","license":"MIT","tags":["animation","audio","auth","backgrounds","blocks","buttons","cards","charts","cms","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","media","overlays","payments","pro-available","saas","tables","text-effects","theming"],"categories":["Dashboard/admin templates"],"labels":["featured","pro"],"urls":{"website":"https://tailwind-admin.com/","github":"https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template","registry":"https://tailwind-admin.com/r/registry.json","source":"https://tailwind-admin.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tailwind-admin","markdown":"https://sh4dcn.netlify.app/md/tailwind-admin.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='1403' height='250' viewBox='0 0 1403 250' fill='none'><path d='M206.231 198.204C224.885 177.491 234.928 150.437 234.307 122.569C233.686 94.7007 222.449 68.1211 202.891 48.2593L167.291 83.3153C177.915 94.1046 184.019 108.543 184.356 123.681C184.694 138.82 179.238 153.516 169.105 164.767L206.231 198.204Z' fill='#49BEFF'/><path d='M202.751 48.0736C186.511 31.6593 165.492 20.8059 142.706 17.0679C119.919 13.3298 96.5345 16.8989 75.9006 27.2639L98.3278 71.9103C109.536 66.2799 122.239 64.3411 134.617 66.3717C146.995 68.4023 158.413 74.298 167.235 83.2145L202.751 48.0736Z' fill='#13DEB9'/><path d='M83.4579 23.8228C68.2781 30.0558 54.6952 39.6245 43.7157 51.8199C32.7361 64.0153 24.6413 78.5248 20.0308 94.2735C15.4204 110.022 14.4125 126.606 17.0819 142.798C19.7513 158.989 26.0295 174.372 35.4514 187.807C44.8734 201.242 57.1975 212.385 71.5108 220.411C85.8241 228.436 101.76 233.138 118.137 234.168C134.514 235.199 150.914 232.531 166.12 226.363C181.326 220.194 194.95 210.684 205.981 198.535L168.992 164.948C163 171.547 155.599 176.713 147.339 180.064C139.079 183.415 130.17 184.864 121.274 184.304C112.378 183.744 103.721 181.19 95.9459 176.831C88.1707 172.471 81.476 166.418 76.3579 159.12C71.2398 151.822 67.8293 143.465 66.3793 134.67C64.9292 125.875 65.4767 116.866 67.9812 108.311C70.4856 99.7561 74.8829 91.8743 80.8472 85.2495C86.8114 78.6248 94.1898 73.4269 102.436 70.041L83.4579 23.8228Z' fill='#5D87FF'/><path d='M329.372 185.549V83.9564H298V64.4506H382.525V83.9564H351.641V185.549H329.372Z' fill='#2A3547'/><path d='M408.114 187.5C401.937 187.5 396.573 186.471 392.022 184.412C387.47 182.353 383.949 179.427 381.456 175.634C378.964 171.733 377.717 167.236 377.717 162.142C377.717 157.266 378.801 152.931 380.968 149.138C383.136 145.237 386.495 141.986 391.046 139.386C395.598 136.785 401.341 134.943 408.277 133.859L437.21 129.145V145.4L412.34 149.626C408.114 150.385 404.971 151.739 402.913 153.69C400.854 155.64 399.824 158.187 399.824 161.33C399.824 164.364 400.962 166.802 403.238 168.644C405.622 170.378 408.548 171.245 412.015 171.245C416.458 171.245 420.359 170.324 423.719 168.482C427.186 166.531 429.841 163.876 431.684 160.517C433.634 157.158 434.61 153.473 434.61 149.464V126.707C434.61 122.914 433.092 119.771 430.058 117.279C427.132 114.678 423.231 113.378 418.355 113.378C413.803 113.378 409.74 114.624 406.164 117.116C402.696 119.5 400.149 122.697 398.524 126.707L381.131 118.254C382.865 113.594 385.574 109.585 389.258 106.226C393.051 102.758 397.494 100.049 402.587 98.0982C407.681 96.1476 413.207 95.1723 419.167 95.1723C426.428 95.1723 432.822 96.5269 438.348 99.236C443.875 101.837 448.155 105.521 451.19 110.289C454.332 114.949 455.903 120.422 455.903 126.707V185.549H435.747V170.432L440.299 170.107C438.023 173.9 435.314 177.097 432.171 179.698C429.029 182.19 425.453 184.141 421.443 185.549C417.434 186.85 412.991 187.5 408.114 187.5Z' fill='#2A3547'/><path d='M472.334 185.549V97.1229H493.627V185.549H472.334ZM472.334 87.2074V64.4506H493.627V87.2074H472.334Z' fill='#2A3547'/><path d='M510.037 185.549V62.5H531.331V185.549H510.037Z' fill='#2A3547'/><path d='M570.01 185.549L539.614 97.1229H562.045L584.314 164.256L576.512 164.093L600.244 97.1229H619.1L642.669 164.093L634.867 164.256L657.136 97.1229H679.568L649.171 185.549H630.153L606.096 115.491H613.248L588.866 185.549H570.01Z' fill='#2A3547'/><path d='M687.99 185.549V97.1229H709.284V185.549H687.99ZM687.99 87.2074V64.4506H709.284V87.2074H687.99Z' fill='#2A3547'/><path d='M725.694 185.549V97.1229H745.687V114.516L744.062 111.427C746.121 106.117 749.48 102.108 754.14 99.3986C758.908 96.5811 764.435 95.1723 770.72 95.1723C777.222 95.1723 782.965 96.5811 787.95 99.3986C793.043 102.216 796.998 106.171 799.816 111.265C802.633 116.249 804.042 122.047 804.042 128.657V185.549H782.748V133.696C782.748 129.795 781.99 126.436 780.473 123.618C778.956 120.801 776.842 118.634 774.133 117.116C771.533 115.491 768.444 114.678 764.868 114.678C761.4 114.678 758.312 115.491 755.603 117.116C752.894 118.634 750.78 120.801 749.263 123.618C747.746 126.436 746.988 129.795 746.988 133.696V185.549H725.694Z' fill='#2A3547'/></svg>","preview_image":"https://tailwind-admin.com/images/og-image/og-image.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://tailwind-admin.com/pricing"},"metrics":{"github_stars":287,"open_issues":2,"last_commit":"2026-05-26T11:49:14Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tailwind-admin.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tailwind-admin.com/r/registry.json","install_bun":"bunx shadcn@latest add https://tailwind-admin.com/r/registry.json","clone":"git clone https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template.git","clone_degit":"npx degit Tailwind-Admin/free-tailwind-admin-dashboard-template","registry_fetch":"curl -s https://tailwind-admin.com/r/registry.json"},"component_count":102,"components":[{"name":"download-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/download-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/download-banner.json"},{"name":"empty-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/empty-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/empty-banner.json"},{"name":"error-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/error-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/error-banner.json"},{"name":"greeting-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/greeting-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/greeting-banner.json"},{"name":"mutual-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/mutual-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/mutual-banner.json"},{"name":"notification-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/notification-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/notification-banner.json"},{"name":"welcome-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/welcome-banner.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/welcome-banner.json"},{"name":"best-selling-product","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/best-selling-product.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/best-selling-product.json"},{"name":"top-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/top-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/top-cards.json"},{"name":"blog-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/blog-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/blog-cards.json"},{"name":"feed-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/feed-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/feed-cards.json"},{"name":"gift-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/gift-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/gift-cards.json"},{"name":"music-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/music-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/music-cards.json"},{"name":"payment-gateways","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/payment-gateways.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/payment-gateways.json"},{"name":"poll-of-week","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/poll-of-week.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/poll-of-week.json"},{"name":"poll-result","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/poll-result.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/poll-result.json"},{"name":"products-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/products-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/products-cards.json"},{"name":"profile-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/profile-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/profile-cards.json"},{"name":"recent-comments","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/recent-comments.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/recent-comments.json"},{"name":"recent-messages","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/recent-messages.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/recent-messages.json"},{"name":"recent-transaction","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/recent-transaction.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/recent-transaction.json"},{"name":"review-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/review-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/review-cards.json"},{"name":"settings-card","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/settings-card.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/settings-card.json"},{"name":"social-card","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/social-card.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/social-card.json"},{"name":"social-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/social-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/social-cards.json"},{"name":"social-post","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/social-post.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/social-post.json"},{"name":"task-list","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/task-list.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/task-list.json"},{"name":"upcomming-activities","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/upcomming-activities.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/upcomming-activities.json"},{"name":"user-cards","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/user-cards.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/user-cards.json"},{"name":"user-info-card","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/user-info-card.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/user-info-card.json"},{"name":"user-profile-card","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/user-profile-card.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/user-profile-card.json"},{"name":"login-1","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/login-1.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-1.json"},{"name":"login-2","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/login-2.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-2.json"},{"name":"login-3","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/login-3.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-3.json"},{"name":"login-4","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/login-4.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/login-4.json"},{"name":"signup-1","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/signup-1.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-1.json"},{"name":"signup-2","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/signup-2.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-2.json"},{"name":"signup-3","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/signup-3.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-3.json"},{"name":"signup-4","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/signup-4.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/signup-4.json"},{"name":"otp-1","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/otp-1.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/otp-1.json"},{"name":"otp-2","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/otp-2.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/otp-2.json"},{"name":"otp-3","title":null,"description":"A Card component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/otp-3.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/otp-3.json"},{"name":"current-value-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/current-value-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/current-value-chart.json"},{"name":"current-year-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/current-year-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/current-year-chart.json"},{"name":"customers-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/customers-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/customers-chart.json"},{"name":"earned-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/earned-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/earned-chart.json"},{"name":"expnace-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/expnace-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/expnace-chart.json"},{"name":"followers-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/followers-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/followers-chart.json"},{"name":"income-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/income-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/income-chart.json"},{"name":"monthly-earning-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/monthly-earning-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/monthly-earning-chart.json"},{"name":"most-visited-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/most-visited-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/most-visited-chart.json"},{"name":"page-impression-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/page-impression-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/page-impression-chart.json"},{"name":"projects-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/projects-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/projects-chart.json"},{"name":"revenue-updates-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/revenue-updates-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/revenue-updates-chart.json"},{"name":"sales-overview-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/sales-overview-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/sales-overview-chart.json"},{"name":"total-earnigs-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/total-earnigs-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/total-earnigs-chart.json"},{"name":"views-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/views-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/views-chart.json"},{"name":"weekly-stats-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/weekly-stats-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/weekly-stats-chart.json"},{"name":"yarly-breakup-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/yarly-breakup-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/yarly-breakup-chart.json"},{"name":"yearly-sales-chart","title":null,"description":"A Chart component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/yearly-sales-chart.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/yearly-sales-chart.json"},{"name":"bell-notify-button","title":null,"description":"A Button component with optional code display for UI blocks.","type":"registry:component","source_url":"https://tailwind-admin.com/r/bell-notify-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/bell-notify-button.json"},{"name":"glitch-button","title":null,"description":"A Button component with glitch animation effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/glitch-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/glitch-button.json"},{"name":"glow-link-button","title":null,"description":"A Button component with glow effect on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/glow-link-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/glow-link-button.json"},{"name":"heart-like-button","title":null,"description":"A Button component with heart animation for like functionality.","type":"registry:component","source_url":"https://tailwind-admin.com/r/heart-like-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/heart-like-button.json"},{"name":"hover-lift-button","title":null,"description":"A Button component that lifts on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/hover-lift-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/hover-lift-button.json"},{"name":"liquid-fill-button","title":null,"description":"A Button component with liquid fill animation on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/liquid-fill-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/liquid-fill-button.json"},{"name":"ripple-effect-button","title":null,"description":"A Button component with ripple effect animation on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/ripple-effect-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/ripple-effect-button.json"},{"name":"shine-effect-button","title":null,"description":"A Button component with shine effect animation on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/shine-effect-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/shine-effect-button.json"},{"name":"magnetic-button","title":null,"description":"A Button component with magnetic effect animation on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/magnetic-button.json"},{"name":"heartbeat-effect-button","title":null,"description":"A Button component with heartbeat effect animation on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/heartbeat-effect-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/heartbeat-effect-button.json"},{"name":"matrix-rain-button","title":null,"description":"A Button component with matrix rain animation effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/matrix-rain-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/matrix-rain-button.json"},{"name":"playful-wiggle-button","title":null,"description":"A Button component with playful wiggle animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/playful-wiggle-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/playful-wiggle-button.json"},{"name":"shiny-button","title":null,"description":"A Button component with shiny effect animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/shiny-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/shiny-button.json"},{"name":"star-favourite-button","title":null,"description":"A Button component with star animation for favourite functionality.","type":"registry:component","source_url":"https://tailwind-admin.com/r/star-favourite-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/star-favourite-button.json"},{"name":"tap-pop-button","title":null,"description":"A Button component with tap and pop animation effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/tap-pop-button.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/tap-pop-button.json"},{"name":"action-tracking-motion","title":null,"description":"A Card component with action tracking animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/action-tracking-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/action-tracking-motion.json"},{"name":"alert-card-motion","title":null,"description":"A Card component with alert animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/alert-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/alert-card-motion.json"},{"name":"animate-border-card-motion","title":null,"description":"A Card component with animated border effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/animate-border-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/animate-border-card-motion.json"},{"name":"card-circle-motion","title":null,"description":"A Card component with circle reveal animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/card-circle-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/card-circle-motion.json"},{"name":"card-lift-motion","title":null,"description":"A Card component with lift animation on hover.","type":"registry:component","source_url":"https://tailwind-admin.com/r/card-lift-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/card-lift-motion.json"},{"name":"expandable-card-motion","title":null,"description":"A Card component that expands on click.","type":"registry:component","source_url":"https://tailwind-admin.com/r/expandable-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/expandable-card-motion.json"},{"name":"flip-card-motion","title":null,"description":"A Card component with flip animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/flip-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/flip-card-motion.json"},{"name":"image-comparison-motion","title":null,"description":"A component for comparing two images with a slider.","type":"registry:component","source_url":"https://tailwind-admin.com/r/image-comparison-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/image-comparison-motion.json"},{"name":"insight-card-motion","title":null,"description":"A Card component displaying insights with animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/insight-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/insight-card-motion.json"},{"name":"message-card-motion","title":null,"description":"A Card component displaying messages with animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/message-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/message-card-motion.json"},{"name":"three-d-card-motion","title":null,"description":"A Card component with 3D hover effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/three-d-card-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/three-d-card-motion.json"},{"name":"file-upload-motion","title":null,"description":"A file upload component with drag and drop animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/file-upload-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/file-upload-motion.json"},{"name":"input-form-motion","title":null,"description":"An input form component with spotlight effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/input-form-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/input-form-motion.json"},{"name":"input-placeholder-motion","title":null,"description":"An input form component with spotlight effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/input-placeholder-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/input-placeholder-motion.json"},{"name":"link-preview","title":null,"description":"An preview link component with spotlight effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/link-preview.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/link-preview.json"},{"name":"animated-list-motion","title":null,"description":"A list component with staggered animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/animated-list-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/animated-list-motion.json"},{"name":"dot-loader-motion","title":null,"description":"A dot loader component with animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/dot-loader-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/dot-loader-motion.json"},{"name":"elastic-slider-motion","title":null,"description":"A slider component with elastic animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/elastic-slider-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/elastic-slider-motion.json"},{"name":"animated-text-background-motion","title":null,"description":"A text component with animated gradient background.","type":"registry:component","source_url":"https://tailwind-admin.com/r/animated-text-background-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/animated-text-background-motion.json"},{"name":"text-roller-motion","title":null,"description":"A text component that rolls through a list of words.","type":"registry:component","source_url":"https://tailwind-admin.com/r/text-roller-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/text-roller-motion.json"},{"name":"shiny-text-motion","title":null,"description":"A text component that shines.","type":"registry:component","source_url":"https://tailwind-admin.com/r/shiny-text-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/shiny-text-motion.json"},{"name":"text-shimmer-motion","title":null,"description":"A text component with shimmer effect.","type":"registry:component","source_url":"https://tailwind-admin.com/r/text-shimmer-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/text-shimmer-motion.json"},{"name":"typing-animation-motion","title":null,"description":"A text component with typing animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/typing-animation-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/typing-animation-motion.json"},{"name":"animate-table-motion","title":null,"description":"A table component with row animation.","type":"registry:component","source_url":"https://tailwind-admin.com/r/animate-table-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/animate-table-motion.json"},{"name":"animated-tab-motion","title":null,"description":"A tab component with animated selection.","type":"registry:component","source_url":"https://tailwind-admin.com/r/animated-tab-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/animated-tab-motion.json"},{"name":"transition-tab-motion","title":null,"description":"A tab component with transition effects.","type":"registry:component","source_url":"https://tailwind-admin.com/r/transition-tab-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/transition-tab-motion.json"},{"name":"animated-tooltip-motion","title":null,"description":"A tooltip component with animated selection.","type":"registry:component","source_url":"https://tailwind-admin.com/r/animated-tooltip-motion.json","install_command":"npx shadcn@latest add https://tailwind-admin.com/r/animated-tooltip-motion.json"}]},{"id":"tailwind-builder","name":"@tailwind-builder","slug":"tailwind-builder","description":"Tailwind Builder (tailwindbuilder.ai) is a collection of free UI blocks and components paired with AI generation tools for producing production-ready forms, tables, and charts on demand. Built with React, Next.js, Tailwind CSS, and shadcn/ui. The site offers a visual AI builder for admin dashboard sections alongside a conventional block library. Maintained under the WraPixel brand. Use for: quickly scaffolding admin dashboard UI — especially form-heavy, table-heavy, or chart-heavy sections — using AI generation to reduce manual component assembly.","author":"wrappixel","framework":"react","license":null,"tags":["aesthetic","ai","blocks","charts","dashboard","forms","pro-available","retro","tables"],"categories":["Dashboard/admin templates"],"labels":["pro"],"urls":{"website":"https://tailwindbuilder.ai/","github":"https://github.com/wrappixel","registry":"https://tailwindbuilder.ai/r/{name}.json","source":"https://tailwindbuilder.ai/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/tailwind-builder","markdown":"https://sh4dcn.netlify.app/md/tailwind-builder.md"},"logo":"<svg width='196' height='32' viewBox='0 0 196 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.50031 16.5C4.50031 11.1125 4.56819 8.67974 6.24187 7.00607C7.91554 5.33239 8.11282 5.50024 13.5003 5.50024M27.4979 18.5005C27.4979 23.8879 27.4253 24.8422 25.7516 26.5158C24.078 28.1895 21.3842 28.1895 15.9968 28.1895C10.6093 28.1895 7.91554 28.1895 6.24187 26.5158C5.12903 25.403 4.75612 23.8391 4.63116 21.3324' stroke='#4488F9' stroke-width='2.90909' stroke-linecap='round'/><path d='M21.9408 2.72105C22.024 2.50862 22.1696 2.32613 22.3586 2.19748C22.5475 2.06883 22.7711 2 23 2C23.2289 2 23.4525 2.06883 23.6414 2.19748C23.8304 2.32613 23.976 2.50862 24.0592 2.72105L25.0713 5.28843C25.1275 5.43383 25.2135 5.566 25.3237 5.67659C25.4339 5.78718 25.5659 5.87376 25.7115 5.93086L28.2794 6.94374C28.492 7.02812 28.6744 7.17411 28.8029 7.36283C28.9313 7.55155 29 7.77433 29 8.00235C29 8.23036 28.9313 8.45314 28.8029 8.64186C28.6744 8.83058 28.492 8.97657 28.2794 9.06095L25.7138 10.0738C25.5695 10.1328 25.4384 10.2197 25.328 10.3296C25.2177 10.4395 25.1304 10.5701 25.0713 10.7139L24.0592 13.2789C23.976 13.4914 23.8304 13.6739 23.6414 13.8025C23.4525 13.9312 23.2289 14 23 14C22.7711 14 22.5475 13.9312 22.3586 13.8025C22.1696 13.6739 22.024 13.4914 21.9408 13.2789L20.9287 10.7116C20.8696 10.5678 20.7823 10.4371 20.672 10.3273C20.5617 10.2174 20.4305 10.1304 20.2862 10.0715L17.7206 9.0586C17.508 8.97423 17.3256 8.82824 17.1971 8.63951C17.0687 8.45079 17 8.22802 17 8C17 7.77198 17.0687 7.54921 17.1971 7.36049C17.3256 7.17176 17.508 7.02577 17.7206 6.9414L20.2862 5.92851C20.4307 5.8693 20.562 5.782 20.6723 5.6717C20.7827 5.5614 20.8698 5.43031 20.9287 5.28608L21.9408 2.72105Z' fill='#22CCDF' stroke='#22CCDF'/><path d='M40.34 11.74V9.38H51.46V11.74H47.18V24H44.62V11.74H40.34ZM54.1172 24.26C52.0172 24.26 50.7372 23.04 50.7372 21.18C50.7372 19.36 52.0572 18.22 54.3972 18.04L57.3572 17.82V17.6C57.3572 16.26 56.5572 15.72 55.3172 15.72C53.8772 15.72 53.0772 16.32 53.0772 17.36H50.9972C50.9972 15.22 52.7572 13.82 55.4372 13.82C58.0972 13.82 59.7372 15.26 59.7372 18V24H57.5972L57.4172 22.54C56.9972 23.56 55.6572 24.26 54.1172 24.26ZM54.9172 22.42C56.4172 22.42 57.3772 21.52 57.3772 20V19.48L55.3172 19.64C53.7972 19.78 53.2172 20.28 53.2172 21.08C53.2172 21.98 53.8172 22.42 54.9172 22.42ZM63.1542 12.14C62.3142 12.14 61.6542 11.48 61.6542 10.66C61.6542 9.84 62.3142 9.2 63.1542 9.2C63.9542 9.2 64.6142 9.84 64.6142 10.66C64.6142 11.48 63.9542 12.14 63.1542 12.14ZM61.9342 24V14.12H64.3742V24H61.9342ZM69.1552 24H66.7352V9.12H69.1552V24ZM73.6947 24L70.4947 14.12H73.0347L74.3347 18.36C74.5547 19.14 74.7547 20 74.9347 20.92C75.1147 19.96 75.2947 19.34 75.6147 18.36L76.9747 14.12H79.4547L80.7747 18.36C80.8947 18.76 81.2947 20.24 81.4147 20.9C81.5747 20.16 81.8947 18.98 82.0747 18.36L83.3947 14.12H85.9747L82.5547 24H80.2747L78.9147 19.72C78.5147 18.42 78.2947 17.48 78.2147 16.98C78.1147 17.44 77.9347 18.14 77.4347 19.76L76.0747 24H73.6947ZM88.4722 12.14C87.6322 12.14 86.9722 11.48 86.9722 10.66C86.9722 9.84 87.6322 9.2 88.4722 9.2C89.2722 9.2 89.9322 9.84 89.9322 10.66C89.9322 11.48 89.2722 12.14 88.4722 12.14ZM87.2522 24V14.12H89.6922V24H87.2522ZM94.4531 24H92.0131V14.12H94.2731L94.4731 15.4C95.0931 14.4 96.2931 13.82 97.6331 13.82C100.113 13.82 101.393 15.36 101.393 17.92V24H98.9531V18.5C98.9531 16.84 98.1331 16.04 96.8731 16.04C95.3731 16.04 94.4531 17.08 94.4531 18.68V24ZM107.65 24.26C104.79 24.26 103.01 22.16 103.01 19.1C103.01 16.02 104.81 13.82 107.79 13.82C109.17 13.82 110.39 14.4 111.01 15.38V9.12H113.43V24H111.19L111.03 22.46C110.43 23.6 109.15 24.26 107.65 24.26ZM108.19 22.02C109.89 22.02 110.99 20.8 110.99 19.02C110.99 17.24 109.89 16 108.19 16C106.49 16 105.45 17.26 105.45 19.02C105.45 20.78 106.49 22.02 108.19 22.02ZM116.253 24V9.68H121.493C124.253 9.68 125.953 11.08 125.953 13.38C125.953 15.06 125.213 16.2 123.733 16.78C125.393 17.32 126.233 18.48 126.233 20.24C126.233 22.54 124.513 24 121.793 24H116.253ZM121.473 10.96H117.693V16.2H121.653C123.453 16.2 124.473 15.2 124.473 13.5C124.473 11.9 123.393 10.96 121.473 10.96ZM121.793 17.46H117.693V22.7H121.793C123.673 22.7 124.773 21.72 124.773 20.06C124.773 18.44 123.653 17.46 121.793 17.46ZM135.131 14.32H136.511V24H135.311L135.131 22.36C134.591 23.48 133.251 24.24 131.731 24.24C129.451 24.24 128.211 22.68 128.211 20.32V14.3H129.611V19.88C129.611 22.18 130.631 23 132.171 23C134.031 23 135.131 21.76 135.131 19.46V14.32ZM139.866 11.66C139.306 11.66 138.846 11.2 138.846 10.64C138.846 10.08 139.306 9.6 139.866 9.6C140.426 9.6 140.906 10.08 140.906 10.64C140.906 11.2 140.426 11.66 139.866 11.66ZM139.186 24V14.32H140.566V24H139.186ZM144.684 24H143.304V9.42H144.684V24ZM151.219 24.24C148.399 24.24 146.739 22.08 146.739 19.18C146.739 16.26 148.399 14.06 151.279 14.06C152.879 14.06 154.159 14.76 154.839 16.16V9.42H156.219V24H155.019L154.879 22.02C154.199 23.52 152.839 24.24 151.219 24.24ZM151.459 22.98C153.579 22.98 154.819 21.38 154.819 19.14C154.819 16.92 153.579 15.3 151.459 15.3C149.359 15.3 148.139 16.92 148.139 19.14C148.139 21.38 149.359 22.98 151.459 22.98ZM162.959 24.24C160.119 24.24 158.219 22.2 158.219 19.16C158.219 16.14 160.099 14.06 162.859 14.06C165.479 14.06 167.259 15.92 167.259 18.66V19.34H159.559C159.659 21.7 160.899 23.06 162.979 23.06C164.559 23.06 165.579 22.38 165.939 21.1H167.259C166.739 23.14 165.239 24.24 162.959 24.24ZM162.859 15.24C161.039 15.24 159.839 16.44 159.599 18.34H165.879C165.879 16.48 164.679 15.24 162.859 15.24ZM174.325 14.2V15.44H173.565C171.785 15.44 170.645 16.64 170.645 18.48V24H169.265V14.32H170.565L170.665 15.82C171.045 14.78 172.065 14.1 173.425 14.1C173.725 14.1 173.985 14.12 174.325 14.2ZM177.02 24.22C176.42 24.22 175.92 23.72 175.92 23.14C175.92 22.54 176.42 22.04 177.02 22.04C177.62 22.04 178.12 22.54 178.12 23.14C178.12 23.72 177.62 24.22 177.02 24.22ZM183.52 24.26C181.42 24.26 180.14 23.04 180.14 21.18C180.14 19.36 181.46 18.22 183.8 18.04L186.76 17.82V17.6C186.76 16.26 185.96 15.72 184.72 15.72C183.28 15.72 182.48 16.32 182.48 17.36H180.4C180.4 15.22 182.16 13.82 184.84 13.82C187.5 13.82 189.14 15.26 189.14 18V24H187L186.82 22.54C186.4 23.56 185.06 24.26 183.52 24.26ZM184.32 22.42C185.82 22.42 186.78 21.52 186.78 20V19.48L184.72 19.64C183.2 19.78 182.62 20.28 182.62 21.08C182.62 21.98 183.22 22.42 184.32 22.42ZM192.557 12.14C191.717 12.14 191.057 11.48 191.057 10.66C191.057 9.84 191.717 9.2 192.557 9.2C193.357 9.2 194.017 9.84 194.017 10.66C194.017 11.48 193.357 12.14 192.557 12.14ZM191.337 24V14.12H193.777V24H191.337Z' fill='white'/></svg>","preview_image":"https://tailwindbuilder.ai//images/backgrounds/tailwind-admin.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://tailwindbuilder.ai/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/wrappixel.git","clone_degit":"npx degit wrappixel","registry_fetch":"curl -s https://tailwindbuilder.ai/r/{name}.json"},"component_count":0,"components":[]},{"id":"taki","name":"@taki","slug":"taki","description":"A shadcn/ui-compatible component library that swaps Radix UI primitives for Adobe React Aria Components while retaining shadcn/ui's design tokens and Tailwind styling. Provides the full familiar shadcn component set (Button, Input, Select, Dialog, Combobox, Calendar, DatePicker, Slider, Switch, Checkbox, RadioGroup, Tabs, Accordion, and more) re-implemented on React Aria's accessibility layer. Drop-in replacement aesthetic, deeper built-in ARIA pattern compliance. Free and open source. Use for: teams that need WAI-ARIA-correct components backed by React Aria's accessibility primitives while keeping the shadcn/ui visual language and Tailwind customization workflow.","author":"jsartisan","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","auth","backgrounds","blocks","buttons","cards","charts","components","dashboard","design-system","forms","hooks","icons","loaders","media","navigation","overlays","tables","theming"],"categories":["Component library (general)"],"labels":["featured"],"urls":{"website":"https://taki-ui.com","github":"https://github.com/jsartisan/taki-ui","registry":"https://taki-ui.com/r/registry.json","source":"https://taki-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/taki","markdown":"https://sh4dcn.netlify.app/md/taki.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' class='fill-none!' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='size-5'><path d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z'></path><path d='M12 22V12'></path><polyline points='3.29 7 12 12 20.71 7'></polyline><path d='m7.5 4.27 9 5.15'></path></svg>","preview_image":"https://taki-ui.com/og/home","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":27,"open_issues":5,"last_commit":"2026-04-05T18:13:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://taki-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://taki-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://taki-ui.com/r/registry.json","clone":"git clone https://github.com/jsartisan/taki-ui.git","clone_degit":"npx degit jsartisan/taki-ui","registry_fetch":"curl -s https://taki-ui.com/r/registry.json"},"component_count":250,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://taki-ui.com/r/index.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/index.json"},{"name":"style","title":null,"description":null,"type":"registry:style","source_url":"https://taki-ui.com/r/style.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/style.json"},{"name":"alert","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/alert.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/alert.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/avatar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/badge.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge.json"},{"name":"breadcrumb","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/button.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button.json"},{"name":"button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/button-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group.json"},{"name":"calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/calendar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/calendar.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/card.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/card.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/carousel.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel.json"},{"name":"chart","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/chart.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox.json"},{"name":"combobox","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/combobox.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox.json"},{"name":"command","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/command.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/command.json"},{"name":"date-field","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/date-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/date-field.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/date-picker.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/date-picker.json"},{"name":"date-range-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/date-range-picker.json"},{"name":"description","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/description.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/description.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/dialog.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/dialog.json"},{"name":"modal","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/modal.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/modal.json"},{"name":"disclosure","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/disclosure.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/disclosure.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/drawer.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/drawer.json"},{"name":"empty","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/empty.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/empty.json"},{"name":"field","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/field.json"},{"name":"file-trigger","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/file-trigger.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/file-trigger.json"},{"name":"grid-list","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/grid-list.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/grid-list.json"},{"name":"hover-card","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/hover-card.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/hover-card.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/input.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/input.json"},{"name":"input-group","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/input-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/input-group.json"},{"name":"input-otp","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/input-otp.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/input-otp.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/item.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/item.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/label.json"},{"name":"link-button","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/link-button.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/link-button.json"},{"name":"list-box","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/list-box.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/list-box.json"},{"name":"menu","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/menu.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/menu.json"},{"name":"number-field","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/number-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/number-field.json"},{"name":"pagination","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/pagination.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/pagination.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/popover.json"},{"name":"progress-bar","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/progress-bar.json"},{"name":"radio-group","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/radio-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/radio-group.json"},{"name":"range-calendar","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/range-calendar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/range-calendar.json"},{"name":"resizable","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/resizable.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/resizable.json"},{"name":"search-field","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/search-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/search-field.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/select.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/select.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/separator.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/separator.json"},{"name":"sheet","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/sheet.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sheet.json"},{"name":"sidebar","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/sidebar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sidebar.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/slider.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/slider.json"},{"name":"sonner","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/sonner.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sonner.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/spinner.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/spinner.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/switch.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/switch.json"},{"name":"table","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/table.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/table.json"},{"name":"tag-group","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/tag-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tag-group.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/tabs.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/textarea.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/textarea.json"},{"name":"text-field","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/text-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/text-field.json"},{"name":"time-field","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/time-field.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/time-field.json"},{"name":"toggle-button","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/toggle-button.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/toggle-button.json"},{"name":"toggle-button-group","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/toggle-button-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/toggle-button-group.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tooltip.json"},{"name":"tree","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/tree.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tree.json"},{"name":"kbd","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/kbd.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/kbd.json"},{"name":"actions","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/actions.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/actions.json"},{"name":"artifact","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/artifact.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/artifact.json"},{"name":"branch","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/branch.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/branch.json"},{"name":"canvas","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/canvas.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/canvas.json"},{"name":"chain-of-thought","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/chain-of-thought.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chain-of-thought.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block.json"},{"name":"connection","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/connection.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/connection.json"},{"name":"context","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/context.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/context.json"},{"name":"controls","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/controls.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/controls.json"},{"name":"conversation","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/conversation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/conversation.json"},{"name":"edge","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/edge.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/edge.json"},{"name":"image","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/image.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/image.json"},{"name":"inline-citation","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/inline-citation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/inline-citation.json"},{"name":"loader","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/loader.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/loader.json"},{"name":"message","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/message.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/message.json"},{"name":"node","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/node.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/node.json"},{"name":"open-in-chat","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/open-in-chat.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/open-in-chat.json"},{"name":"panel","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/panel.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/panel.json"},{"name":"plan","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/plan.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/plan.json"},{"name":"prompt-input","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/prompt-input.json"},{"name":"queue","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/queue.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/queue.json"},{"name":"reasoning","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/reasoning.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/reasoning.json"},{"name":"response","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/response.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/response.json"},{"name":"shimmer","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/shimmer.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/shimmer.json"},{"name":"sources","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/sources.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/sources.json"},{"name":"suggestion","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/suggestion.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/suggestion.json"},{"name":"task","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/task.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/task.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/toolbar.json"},{"name":"tool","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/tool.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/tool.json"},{"name":"web-preview","title":null,"description":null,"type":"registry:ui","source_url":"https://taki-ui.com/r/web-preview.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/web-preview.json"},{"name":"chart-area-axes","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-axes.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-axes.json"},{"name":"chart-area-default","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-default.json"},{"name":"chart-area-gradient","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-gradient.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-gradient.json"},{"name":"chart-area-icons","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-icons.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-icons.json"},{"name":"chart-area-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-interactive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-interactive.json"},{"name":"chart-area-legend","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-legend.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-legend.json"},{"name":"chart-area-linear","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-linear.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-linear.json"},{"name":"chart-area-stacked-expand","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-stacked-expand.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-stacked-expand.json"},{"name":"chart-area-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-stacked.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-stacked.json"},{"name":"chart-area-step","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-area-step.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-area-step.json"},{"name":"chart-bar-active","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-active.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-active.json"},{"name":"chart-bar-default","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-default.json"},{"name":"chart-bar-horizontal","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-horizontal.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-horizontal.json"},{"name":"chart-bar-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-interactive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-interactive.json"},{"name":"chart-bar-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-label-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-label-custom.json"},{"name":"chart-bar-label","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-label.json"},{"name":"chart-bar-mixed","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-mixed.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-mixed.json"},{"name":"chart-bar-multiple","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-multiple.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-multiple.json"},{"name":"chart-bar-negative","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-negative.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-negative.json"},{"name":"chart-bar-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-bar-stacked.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-bar-stacked.json"},{"name":"chart-line-default","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-default.json"},{"name":"chart-line-dots-colors","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-dots-colors.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-dots-colors.json"},{"name":"chart-line-dots-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-dots-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-dots-custom.json"},{"name":"chart-line-dots","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-dots.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-dots.json"},{"name":"chart-line-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-interactive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-interactive.json"},{"name":"chart-line-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-label-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-label-custom.json"},{"name":"chart-line-label","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-label.json"},{"name":"chart-line-linear","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-linear.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-linear.json"},{"name":"chart-line-multiple","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-multiple.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-multiple.json"},{"name":"chart-line-step","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-line-step.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-line-step.json"},{"name":"chart-pie-donut-active","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-donut-active.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut-active.json"},{"name":"chart-pie-donut-text","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-donut-text.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut-text.json"},{"name":"chart-pie-donut","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-donut.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-donut.json"},{"name":"chart-pie-interactive","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-interactive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-interactive.json"},{"name":"chart-pie-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-label-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-label-custom.json"},{"name":"chart-pie-label-list","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-label-list.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-label-list.json"},{"name":"chart-pie-label","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-label.json"},{"name":"chart-pie-legend","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-legend.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-legend.json"},{"name":"chart-pie-separator-none","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-separator-none.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-separator-none.json"},{"name":"chart-pie-simple","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-simple.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-simple.json"},{"name":"chart-pie-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-pie-stacked.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-pie-stacked.json"},{"name":"chart-radar-default","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-default.json"},{"name":"chart-radar-dots","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-dots.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-dots.json"},{"name":"chart-radar-grid-circle-fill","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-grid-circle-fill.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle-fill.json"},{"name":"chart-radar-grid-circle-no-lines","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-grid-circle-no-lines.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle-no-lines.json"},{"name":"chart-radar-grid-circle","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-grid-circle.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-circle.json"},{"name":"chart-radar-grid-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-grid-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-custom.json"},{"name":"chart-radar-grid-fill","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-grid-fill.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-fill.json"},{"name":"chart-radar-grid-none","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-grid-none.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-grid-none.json"},{"name":"chart-radar-icons","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-icons.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-icons.json"},{"name":"chart-radar-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-label-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-label-custom.json"},{"name":"chart-radar-legend","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-legend.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-legend.json"},{"name":"chart-radar-lines-only","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-lines-only.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-lines-only.json"},{"name":"chart-radar-multiple","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-multiple.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-multiple.json"},{"name":"chart-radar-radius","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radar-radius.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radar-radius.json"},{"name":"chart-radial-grid","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radial-grid.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radial-grid.json"},{"name":"chart-radial-label","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radial-label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radial-label.json"},{"name":"chart-radial-shape","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radial-shape.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radial-shape.json"},{"name":"chart-radial-simple","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radial-simple.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radial-simple.json"},{"name":"chart-radial-stacked","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radial-stacked.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radial-stacked.json"},{"name":"chart-radial-text","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-radial-text.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-radial-text.json"},{"name":"chart-tooltip-default","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-default.json"},{"name":"chart-tooltip-indicator-line","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-indicator-line.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-indicator-line.json"},{"name":"chart-tooltip-indicator-none","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-indicator-none.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-indicator-none.json"},{"name":"chart-tooltip-label-none","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-label-none.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-none.json"},{"name":"chart-tooltip-label-custom","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-label-custom.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-custom.json"},{"name":"chart-tooltip-label-formatter","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-label-formatter.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-label-formatter.json"},{"name":"chart-tooltip-formatter","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-formatter.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-formatter.json"},{"name":"chart-tooltip-icons","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-icons.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-icons.json"},{"name":"chart-tooltip-advanced","title":null,"description":null,"type":"registry:block","source_url":"https://taki-ui.com/r/chart-tooltip-advanced.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chart-tooltip-advanced.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://taki-ui.com/r/utils.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/utils.json"},{"name":"use-controllable-state","title":null,"description":null,"type":"registry:hook","source_url":"https://taki-ui.com/r/use-controllable-state.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/use-controllable-state.json"},{"name":"use-mobile","title":null,"description":null,"type":"registry:hook","source_url":"https://taki-ui.com/r/use-mobile.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/use-mobile.json"},{"name":"theme-stone","title":null,"description":null,"type":"registry:theme","source_url":"https://taki-ui.com/r/theme-stone.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-stone.json"},{"name":"theme-zinc","title":null,"description":null,"type":"registry:theme","source_url":"https://taki-ui.com/r/theme-zinc.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-zinc.json"},{"name":"theme-neutral","title":null,"description":null,"type":"registry:theme","source_url":"https://taki-ui.com/r/theme-neutral.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-neutral.json"},{"name":"theme-gray","title":null,"description":null,"type":"registry:theme","source_url":"https://taki-ui.com/r/theme-gray.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-gray.json"},{"name":"theme-slate","title":null,"description":null,"type":"registry:theme","source_url":"https://taki-ui.com/r/theme-slate.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/theme-slate.json"},{"name":"alert-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/alert-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/alert-demo.json"},{"name":"alert-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/alert-destructive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/alert-destructive.json"},{"name":"actions-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/actions-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/actions-demo.json"},{"name":"artifact-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/artifact-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/artifact-demo.json"},{"name":"branch-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/branch-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/branch-demo.json"},{"name":"chain-of-thought-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/chain-of-thought-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/chain-of-thought-demo.json"},{"name":"avatar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/avatar-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/avatar-demo.json"},{"name":"badge-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/badge-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-demo.json"},{"name":"badge-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/badge-destructive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-destructive.json"},{"name":"badge-link","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/badge-link.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-link.json"},{"name":"badge-outline","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/badge-outline.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-outline.json"},{"name":"badge-secondary","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/badge-secondary.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/badge-secondary.json"},{"name":"breadcrumb-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-demo.json"},{"name":"breadcrumb-separator","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/breadcrumb-separator.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-separator.json"},{"name":"breadcrumb-dropdown","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/breadcrumb-dropdown.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-dropdown.json"},{"name":"breadcrumb-ellipsis","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-ellipsis.json"},{"name":"breadcrumb-link","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/breadcrumb-link.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-link.json"},{"name":"breadcrumb-responsive","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/breadcrumb-responsive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/breadcrumb-responsive.json"},{"name":"button-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-demo.json"},{"name":"button-default","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-default.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-default.json"},{"name":"button-secondary","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-secondary.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-secondary.json"},{"name":"button-destructive","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-destructive.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-destructive.json"},{"name":"button-outline","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-outline.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-outline.json"},{"name":"button-ghost","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-ghost.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-ghost.json"},{"name":"button-link","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-link.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-link.json"},{"name":"button-with-icon","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-with-icon.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-with-icon.json"},{"name":"button-loading","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-loading.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-loading.json"},{"name":"button-icon","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-icon.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-icon.json"},{"name":"button-as-child","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-as-child.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-as-child.json"},{"name":"button-rounded","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-rounded.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-rounded.json"},{"name":"button-size","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-size.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-size.json"},{"name":"button-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-demo.json"},{"name":"button-group-dropdown","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-dropdown.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-dropdown.json"},{"name":"button-group-input","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-input.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-input.json"},{"name":"button-group-input-group","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-input-group.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-input-group.json"},{"name":"button-group-label","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-label.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-label.json"},{"name":"button-group-nested","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-nested.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-nested.json"},{"name":"button-group-orientation","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-orientation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-orientation.json"},{"name":"button-group-popover","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-popover.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-popover.json"},{"name":"button-group-select","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-select.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-select.json"},{"name":"button-group-separator","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-separator.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-separator.json"},{"name":"button-group-size","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-size.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-size.json"},{"name":"button-group-split","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/button-group-split.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/button-group-split.json"},{"name":"calendar-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/calendar-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/calendar-demo.json"},{"name":"calendar-form","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/calendar-form.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/calendar-form.json"},{"name":"card-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/card-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/card-demo.json"},{"name":"card-with-form","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/card-with-form.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/card-with-form.json"},{"name":"carousel-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/carousel-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-demo.json"},{"name":"carousel-size","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/carousel-size.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-size.json"},{"name":"carousel-spacing","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/carousel-spacing.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-spacing.json"},{"name":"carousel-orientation","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/carousel-orientation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-orientation.json"},{"name":"carousel-api","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/carousel-api.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-api.json"},{"name":"carousel-plugin","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/carousel-plugin.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/carousel-plugin.json"},{"name":"checkbox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-demo.json"},{"name":"checkbox-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/checkbox-disabled.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-disabled.json"},{"name":"checkbox-form-multiple","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/checkbox-form-multiple.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-form-multiple.json"},{"name":"checkbox-form-single","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/checkbox-form-single.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-form-single.json"},{"name":"checkbox-group-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/checkbox-group-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-group-demo.json"},{"name":"checkbox-with-text","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/checkbox-with-text.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/checkbox-with-text.json"},{"name":"code-block-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-demo.json"},{"name":"code-block-custom-theme","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-custom-theme.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-custom-theme.json"},{"name":"code-block-diff","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-diff.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-diff.json"},{"name":"code-block-focus","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-focus.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-focus.json"},{"name":"code-block-highlight","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-highlight.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-highlight.json"},{"name":"code-block-highlight-word","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-highlight-word.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-highlight-word.json"},{"name":"code-block-multiple-files","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-multiple-files.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-multiple-files.json"},{"name":"code-block-no-header","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-no-header.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-no-header.json"},{"name":"code-block-no-line-numbers","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-no-line-numbers.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-no-line-numbers.json"},{"name":"code-block-no-syntax","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/code-block-no-syntax.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/code-block-no-syntax.json"},{"name":"context-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/context-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/context-demo.json"},{"name":"combobox-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/combobox-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-demo.json"},{"name":"combobox-sections","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/combobox-sections.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-sections.json"},{"name":"combobox-controlled","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/combobox-controlled.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-controlled.json"},{"name":"combobox-disabled","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/combobox-disabled.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-disabled.json"},{"name":"combobox-description","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/combobox-description.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-description.json"},{"name":"combobox-validation","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/combobox-validation.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/combobox-validation.json"},{"name":"conversation-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/conversation-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/conversation-demo.json"},{"name":"image-demo","title":null,"description":null,"type":"registry:example","source_url":"https://taki-ui.com/r/image-demo.json","install_command":"npx shadcn@latest add https://taki-ui.com/r/image-demo.json"}]},{"id":"termcn","name":"@termcn","slug":"termcn","description":"A shadcn/ui-compatible registry of terminal-style UI components for React, built on Ink and OpenTUI for full terminal rendering. Components span charts and data (bar charts, line charts, gauges, heat maps), AI/chat (chat messages, tool approvals, streaming text, thinking blocks), and navigation (command palettes, tabs, menus, sidebars, pagination). Shares the same registry format and CLI as shadcn/ui. Theme-aware, zero-config, free and open source (MIT). Use for: building terminal UIs, CLI tools with rich visual output, or embedding terminal-aesthetic widgets inside web apps that need streaming AI output or chart visualizations.","author":"Aniket-508","framework":"react","license":"MIT","tags":["accessibility","aesthetic","ai","animation","auth","backgrounds","blocks","cards","charts","crypto","dashboard","forms","hooks","loaders","maps","media","navigation","overlays","retro","theming"],"categories":["Niche/single-purpose"],"labels":["popular","recently-updated"],"urls":{"website":"https://termcn.vercel.app","github":"https://github.com/Aniket-508/termcn","registry":"https://termcn.vercel.app/r/registry.json","source":"https://termcn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/termcn","markdown":"https://sh4dcn.netlify.app/md/termcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><rect x='16' y='16' width='224' height='224' rx='28' stroke='var(--background)' stroke-width='7'/><path d='m42 56 32 24-32 24' stroke='var(--foreground)' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' fill='none'/><path d='m208.8 156.8-48 48M199.2 104 108 195.2' stroke='var(--foreground)' stroke-width='19.2' stroke-linecap='round' fill='none'/></svg>","preview_image":"https://www.termcn.dev/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1219,"open_issues":16,"last_commit":"2026-10-07T08:56:19Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://termcn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://termcn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://termcn.vercel.app/r/registry.json","clone":"git clone https://github.com/Aniket-508/termcn.git","clone_degit":"npx degit Aniket-508/termcn","registry_fetch":"curl -s https://termcn.vercel.app/r/registry.json"},"component_count":250,"components":[{"name":"ink/types","title":"Types","description":"Shared terminal theme and provider types.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/types.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/types.json"},{"name":"ink/accessibility","title":"Accessibility","description":"Accessibility contracts and summaries for Ink components.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/accessibility.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/accessibility.json"},{"name":"ink/terminal-style","title":"Terminal Style","description":"Terminal-aware Ink styling helpers.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/terminal-style.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/terminal-style.json"},{"name":"ink/terminal-symbols","title":"Terminal Symbols","description":"Unicode and ASCII symbols for terminal UI output.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/terminal-symbols.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/terminal-symbols.json"},{"name":"ink/interaction","title":"Interaction","description":"Focus-gated Ink input handling and modal focus scopes.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/ink/interaction.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/interaction.json"},{"name":"ink/use-motion","title":"Use Motion","description":"Provider-optional reduced-motion context and hook.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/ink/use-motion.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/use-motion.json"},{"name":"ink/use-theme","title":"Use Theme","description":"Provider-optional terminal theme context and hooks.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/ink/use-theme.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/use-theme.json"},{"name":"ink/use-unicode","title":"Use Unicode","description":"Provider-optional Unicode capability context and hook.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/ink/use-unicode.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/use-unicode.json"},{"name":"ink/motion-provider","title":"Motion Provider","description":"Optional reduced-motion override provider.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/motion-provider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/motion-provider.json"},{"name":"ink/unicode-provider","title":"Unicode Provider","description":"Optional Unicode capability override provider.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/unicode-provider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/unicode-provider.json"},{"name":"ink/terminal-text","title":"Terminal Text","description":"Grapheme-safe terminal width, cursor, truncation, and padding helpers.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/terminal-text.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/terminal-text.json"},{"name":"ink/alert","title":"Alert","description":"Alert box with success/error/warning/info variants","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/alert.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/alert.json"},{"name":"ink/app-shell","title":"App Shell","description":"Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/app-shell.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/app-shell.json"},{"name":"ink/aspect-ratio","title":"Aspect Ratio","description":"Constrains children to a given aspect ratio","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/aspect-ratio.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/aspect-ratio.json"},{"name":"ink/badge","title":"Badge","description":"Semantic status indicator badge (success/error/warning/info)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/badge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/badge.json"},{"name":"ink/banner","title":"Banner","description":"Full-width announcement banner","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/banner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/banner.json"},{"name":"ink/bar-chart","title":"Bar Chart","description":"Horizontal and vertical bar chart with labels","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/bar-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/bar-chart.json"},{"name":"ink/big-text","title":"Big Text","description":"Figlet-style large ASCII art text","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/big-text.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/big-text.json"},{"name":"ink/box","title":"Box","description":"Enhanced flexbox container with theme-aware borders","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/box.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/box.json"},{"name":"ink/breadcrumb","title":"Breadcrumb","description":"Breadcrumb navigation trail","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/breadcrumb.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/breadcrumb.json"},{"name":"ink/bullet-list","title":"Bullet List","description":"Nested structured content with ●/└/□ bullet prefixes","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/bullet-list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/bullet-list.json"},{"name":"ink/card","title":"Card","description":"Card with header, body, and footer slots","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/card.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/card.json"},{"name":"ink/center","title":"Center","description":"Centers children horizontally and vertically","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/center.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/center.json"},{"name":"ink/chat-message","title":"Chat Message","description":"Chat message bubble with role label, streaming indicator, and collapsible content","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/chat-message.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/chat-message.json"},{"name":"ink/chat-thread","title":"Chat Thread","description":"Scrollable container for stacking ChatMessage components in a conversation thread","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/chat-thread.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/chat-thread.json"},{"name":"ink/checkbox","title":"Checkbox","description":"Checkbox with indeterminate state","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/checkbox.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/checkbox.json"},{"name":"ink/checkbox-group","title":"Checkbox Group","description":"Checkbox group with min/max selection","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/checkbox-group.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/checkbox-group.json"},{"name":"ink/clipboard","title":"Clipboard","description":"Copy-to-clipboard button with success feedback","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/clipboard.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/clipboard.json"},{"name":"ink/clock","title":"Clock","description":"Real-time clock display with 12h/24h and date","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/clock.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/clock.json"},{"name":"ink/code","title":"Code","description":"Syntax-highlighted code block (50+ languages)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/code.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/code.json"},{"name":"ink/color-picker","title":"Color Picker","description":"Color picker with palette, hex, and RGB input","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/color-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/color-picker.json"},{"name":"ink/columns","title":"Columns","description":"Multi-column layout with configurable widths","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/columns.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/columns.json"},{"name":"ink/command-palette","title":"Command Palette","description":"VS Code–style command palette with fuzzy search","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/command-palette.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/command-palette.json"},{"name":"ink/confirm","title":"Confirm","description":"Yes/No confirmation prompt","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/confirm.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/confirm.json"},{"name":"ink/conversation-history","title":"Conversation History","description":"Arrow-key scrollable stack for long assistant threads with optional hint","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/conversation-history.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/conversation-history.json"},{"name":"ink/data-grid","title":"Data Grid","description":"Advanced data grid with sorting, filtering, pagination, and cell editing","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/data-grid.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/data-grid.json"},{"name":"ink/date-picker","title":"Date Picker","description":"Calendar date picker with keyboard navigation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/date-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/date-picker.json"},{"name":"ink/definition","title":"Definition","description":"Term–description definition list","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/definition.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/definition.json"},{"name":"ink/dialog","title":"Dialog","description":"Confirmation dialog with OK/Cancel actions","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dialog.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dialog.json"},{"name":"ink/diff-view","title":"Diff View","description":"Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/diff-view.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/diff-view.json"},{"name":"ink/digits","title":"Digits","description":"Box-drawing character numerals","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/digits.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/digits.json"},{"name":"ink/directory-tree","title":"Directory Tree","description":"Filesystem browser with expand/collapse","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/directory-tree.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/directory-tree.json"},{"name":"ink/dither-area-chart","title":"Dither Area Chart","description":"Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interaction","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dither-area-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-area-chart.json"},{"name":"ink/dither-bar-chart","title":"Dither Bar Chart","description":"Dithered grouped, stacked, and percent bar charts with terminal-native textures and interaction","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dither-bar-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-bar-chart.json"},{"name":"ink/dither-line-chart","title":"Dither Line Chart","description":"Dithered multi-series line charts with solid or dashed strokes, markers, axes, and terminal interaction","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dither-line-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-line-chart.json"},{"name":"ink/dither-pie-chart","title":"Dither Pie Chart","description":"Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspection","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dither-pie-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-pie-chart.json"},{"name":"ink/dither-radar-chart","title":"Dither Radar Chart","description":"Dithered radar charts for comparing multiple series across terminal-friendly radial axes","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dither-radar-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-radar-chart.json"},{"name":"ink/dither-sparkline","title":"Dither Sparkline","description":"Compact dithered sparklines for terminal dashboards, summaries, and inline metrics","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/dither-sparkline.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/dither-sparkline.json"},{"name":"ink/divider","title":"Divider","description":"Horizontal or vertical divider / rule","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/divider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/divider.json"},{"name":"ink/drawer","title":"Drawer","description":"Slide-in panel from any edge","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/drawer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/drawer.json"},{"name":"ink/email-input","title":"Email Input","description":"Email input with validation and domain suggestions","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/email-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/email-input.json"},{"name":"ink/embedded-terminal","title":"Embedded Terminal","description":"Embedded PTY terminal panel (requires node-pty peer)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/embedded-terminal.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/embedded-terminal.json"},{"name":"ink/error-boundary","title":"Error Boundary","description":"React error boundary with graceful terminal display","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/error-boundary.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/error-boundary.json"},{"name":"ink/error-retry","title":"Error Retry","description":"Inline error panel with retry, dismiss, and max-retry guard","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/error-retry.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/error-retry.json"},{"name":"ink/file-change","title":"File Change","description":"Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/file-change.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/file-change.json"},{"name":"ink/file-picker","title":"File Picker","description":"Interactive file browser and picker","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/file-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/file-picker.json"},{"name":"ink/form","title":"Form","description":"Form container with validation, Ctrl+S submit, and dirty tracking","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/form.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/form.json"},{"name":"ink/form-field","title":"Form Field","description":"Form field wrapper with label, hint, and error","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/form-field.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/form-field.json"},{"name":"ink/gauge","title":"Gauge","description":"Arc/speedometer gauge meter","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/gauge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/gauge.json"},{"name":"ink/git-status","title":"Git Status","description":"Git status display (branch, staged, modified, ahead/behind)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/git-status.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/git-status.json"},{"name":"ink/gradient","title":"Gradient","description":"Color gradient text","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/gradient.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/gradient.json"},{"name":"ink/grid","title":"Grid","description":"Rows × columns grid layout","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/grid.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/grid.json"},{"name":"ink/heading","title":"Heading","description":"h1–h4 styled headings with optional figlet ASCII art","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/heading.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/heading.json"},{"name":"ink/heat-map","title":"Heat Map","description":"Grid heatmap with color intensity scale","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/heat-map.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/heat-map.json"},{"name":"ink/help","title":"Help","description":"Auto-generated help panel from a keymap","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/help.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/help.json"},{"name":"ink/help-screen","title":"Help Screen","description":"Figlet banner + tagline + aligned Options/Commands help sections","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/help-screen.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/help-screen.json"},{"name":"ink/image","title":"Image","description":"Image renderer with iTerm2/Kitty protocol and ASCII fallback","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/image.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/image.json"},{"name":"ink/info-box","title":"Info Box","description":"Bordered info panel with header, key-value rows, and tree-prefix rows","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/info-box.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/info-box.json"},{"name":"ink/json","title":"JSON","description":"Pretty-printed JSON with collapsible nodes","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/json.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/json.json"},{"name":"ink/key-value","title":"Key Value","description":"Aligned key–value pairs","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/key-value.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/key-value.json"},{"name":"ink/keyboard-shortcuts","title":"Keyboard Shortcuts","description":"Formatted keyboard shortcut reference table","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/keyboard-shortcuts.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/keyboard-shortcuts.json"},{"name":"ink/line-chart","title":"Line Chart","description":"ASCII line chart with axes and multi-series support","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/line-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/line-chart.json"},{"name":"ink/link","title":"Link","description":"OSC 8 clickable hyperlink","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/link.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/link.json"},{"name":"ink/list","title":"List","description":"Navigable list with optional filtering","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/list.json"},{"name":"ink/log","title":"Log","description":"Scrolling log viewer with severity levels and filtering","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/log.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/log.json"},{"name":"ink/login-flow","title":"Login Flow","description":"Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/login-flow.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/login-flow.json"},{"name":"ink/markdown","title":"Markdown","description":"Full markdown renderer for terminal","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/markdown.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/markdown.json"},{"name":"ink/masked-input","title":"Masked Input","description":"Masked input for phone, date, credit card formats","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/masked-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/masked-input.json"},{"name":"ink/menu","title":"Menu","description":"Dropdown menu with nested submenus","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/menu.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/menu.json"},{"name":"ink/modal","title":"Modal","description":"Focus-trapped overlay modal, close with Esc","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/modal.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/modal.json"},{"name":"ink/model-selector","title":"Model Selector","description":"Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/model-selector.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/model-selector.json"},{"name":"ink/multi-progress","title":"Multi Progress","description":"Parallel progress display for package managers, build pipelines, and deploy tools","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/multi-progress.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/multi-progress.json"},{"name":"ink/multi-select","title":"Multi Select","description":"Multi-select list with checkboxes and select-all","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/multi-select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/multi-select.json"},{"name":"ink/notification-center","title":"Notification Center","description":"Persistent queue-based notification panel with useNotifications hook","type":"registry:block","source_url":"https://termcn.vercel.app/r/ink/notification-center.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/notification-center.json"},{"name":"ink/number-input","title":"Number Input","description":"Numeric input with increment/decrement and bounds","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/number-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/number-input.json"},{"name":"opentui/types","title":"Types","description":"Shared terminal theme and provider types.","type":"registry:file","source_url":"https://termcn.vercel.app/r/opentui/types.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/types.json"},{"name":"opentui/use-motion","title":"Use Motion","description":"Provider-optional reduced-motion context and hook.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/opentui/use-motion.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/use-motion.json"},{"name":"opentui/use-theme","title":"Use Theme","description":"Provider-optional terminal theme context and hooks.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/opentui/use-theme.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/use-theme.json"},{"name":"opentui/use-unicode","title":"Use Unicode","description":"Provider-optional Unicode capability context and hook.","type":"registry:hook","source_url":"https://termcn.vercel.app/r/opentui/use-unicode.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/use-unicode.json"},{"name":"opentui/motion-provider","title":"Motion Provider","description":"Optional reduced-motion override provider.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/motion-provider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/motion-provider.json"},{"name":"opentui/unicode-provider","title":"Unicode Provider","description":"Optional Unicode capability override provider.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/unicode-provider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/unicode-provider.json"},{"name":"opentui/alert","title":"Alert","description":"Alert box with success/error/warning/info variants","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/alert.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/alert.json"},{"name":"opentui/app-shell","title":"App Shell","description":"Full-screen TUI layout with header, tip bar, full-width input, scrollable content, and hints footer","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/app-shell.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/app-shell.json"},{"name":"opentui/aspect-ratio","title":"Aspect Ratio","description":"Constrains children to a given aspect ratio","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/aspect-ratio.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/aspect-ratio.json"},{"name":"opentui/badge","title":"Badge","description":"Semantic status indicator badge (success/error/warning/info)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/badge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/badge.json"},{"name":"opentui/banner","title":"Banner","description":"Full-width announcement banner","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/banner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/banner.json"},{"name":"opentui/bar-chart","title":"Bar Chart","description":"Horizontal and vertical bar chart with labels","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/bar-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/bar-chart.json"},{"name":"opentui/big-text","title":"Big Text","description":"Figlet-style large ASCII art text","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/big-text.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/big-text.json"},{"name":"opentui/box","title":"Box","description":"Enhanced flexbox container with theme-aware borders","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/box.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/box.json"},{"name":"opentui/breadcrumb","title":"Breadcrumb","description":"Breadcrumb navigation trail","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/breadcrumb.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/breadcrumb.json"},{"name":"opentui/bullet-list","title":"Bullet List","description":"Nested structured content with ●/└/□ bullet prefixes","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/bullet-list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/bullet-list.json"},{"name":"opentui/card","title":"Card","description":"Card with header, body, and footer slots","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/card.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/card.json"},{"name":"opentui/center","title":"Center","description":"Centers children horizontally and vertically","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/center.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/center.json"},{"name":"opentui/chat-message","title":"Chat Message","description":"Chat message bubble with role label, streaming indicator, and collapsible content","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/chat-message.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/chat-message.json"},{"name":"opentui/chat-thread","title":"Chat Thread","description":"Scrollable container for stacking ChatMessage components in a conversation thread","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/chat-thread.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/chat-thread.json"},{"name":"opentui/checkbox","title":"Checkbox","description":"Checkbox with indeterminate state","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/checkbox.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/checkbox.json"},{"name":"opentui/checkbox-group","title":"Checkbox Group","description":"Checkbox group with min/max selection","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/checkbox-group.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/checkbox-group.json"},{"name":"opentui/clipboard","title":"Clipboard","description":"Copy-to-clipboard button with success feedback","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/clipboard.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/clipboard.json"},{"name":"opentui/clock","title":"Clock","description":"Real-time clock display with 12h/24h and date","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/clock.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/clock.json"},{"name":"opentui/code","title":"Code","description":"Syntax-highlighted code block (50+ languages)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/code.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/code.json"},{"name":"opentui/color-picker","title":"Color Picker","description":"Color picker with palette, hex, and RGB input","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/color-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/color-picker.json"},{"name":"opentui/columns","title":"Columns","description":"Multi-column layout with configurable widths","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/columns.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/columns.json"},{"name":"opentui/command-palette","title":"Command Palette","description":"VS Code–style command palette with fuzzy search","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/command-palette.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/command-palette.json"},{"name":"opentui/confirm","title":"Confirm","description":"Yes/No confirmation prompt","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/confirm.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/confirm.json"},{"name":"opentui/data-grid","title":"Data Grid","description":"Advanced data grid with sorting, filtering, pagination, and cell editing","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/data-grid.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/data-grid.json"},{"name":"opentui/date-picker","title":"Date Picker","description":"Calendar date picker with keyboard navigation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/date-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/date-picker.json"},{"name":"opentui/definition","title":"Definition","description":"Term–description definition list","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/definition.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/definition.json"},{"name":"opentui/dialog","title":"Dialog","description":"Confirmation dialog with OK/Cancel actions","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dialog.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dialog.json"},{"name":"opentui/diff-view","title":"Diff View","description":"Unified, split, and inline diff viewer with LCS-based diff algorithm and line numbers","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/diff-view.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/diff-view.json"},{"name":"opentui/digits","title":"Digits","description":"Box-drawing character numerals","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/digits.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/digits.json"},{"name":"opentui/directory-tree","title":"Directory Tree","description":"Filesystem browser with expand/collapse","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/directory-tree.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/directory-tree.json"},{"name":"opentui/dither-area-chart","title":"Dither Area Chart","description":"Dithered area charts with layered fills, dots, axes, stacking, bloom, and keyboard interaction","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dither-area-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-area-chart.json"},{"name":"opentui/dither-bar-chart","title":"Dither Bar Chart","description":"Dithered grouped, stacked, and percent bar charts with terminal-native textures and interaction","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dither-bar-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-bar-chart.json"},{"name":"opentui/dither-line-chart","title":"Dither Line Chart","description":"Dithered multi-series line charts with solid or dashed strokes, markers, axes, and terminal interaction","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dither-line-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-line-chart.json"},{"name":"opentui/dither-pie-chart","title":"Dither Pie Chart","description":"Dithered pie and donut charts with textured slices, legends, tooltips, and keyboard inspection","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dither-pie-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-pie-chart.json"},{"name":"opentui/dither-radar-chart","title":"Dither Radar Chart","description":"Dithered radar charts for comparing multiple series across terminal-friendly radial axes","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dither-radar-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-radar-chart.json"},{"name":"opentui/dither-sparkline","title":"Dither Sparkline","description":"Compact dithered sparklines for terminal dashboards, summaries, and inline metrics","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/dither-sparkline.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/dither-sparkline.json"},{"name":"opentui/divider","title":"Divider","description":"Horizontal or vertical divider / rule","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/divider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/divider.json"},{"name":"opentui/drawer","title":"Drawer","description":"Slide-in panel from any edge","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/drawer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/drawer.json"},{"name":"opentui/email-input","title":"Email Input","description":"Email input with validation and domain suggestions","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/email-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/email-input.json"},{"name":"opentui/embedded-terminal","title":"Embedded Terminal","description":"Embedded PTY terminal panel (requires node-pty peer)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/embedded-terminal.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/embedded-terminal.json"},{"name":"opentui/error-boundary","title":"Error Boundary","description":"React error boundary with graceful terminal display","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/error-boundary.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/error-boundary.json"},{"name":"opentui/file-change","title":"File Change","description":"Interactive file-change review list with diff expansion, per-file accept/reject actions, and accept-all shortcut","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/file-change.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/file-change.json"},{"name":"opentui/file-picker","title":"File Picker","description":"Interactive file browser and picker","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/file-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/file-picker.json"},{"name":"opentui/form","title":"Form","description":"Form container with validation, Ctrl+S submit, and dirty tracking","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/form.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/form.json"},{"name":"opentui/form-field","title":"Form Field","description":"Form field wrapper with label, hint, and error","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/form-field.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/form-field.json"},{"name":"opentui/gauge","title":"Gauge","description":"Arc/speedometer gauge meter","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/gauge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/gauge.json"},{"name":"opentui/git-status","title":"Git Status","description":"Git status display (branch, staged, modified, ahead/behind)","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/git-status.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/git-status.json"},{"name":"opentui/gradient","title":"Gradient","description":"Color gradient text","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/gradient.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/gradient.json"},{"name":"opentui/grid","title":"Grid","description":"Rows × columns grid layout","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/grid.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/grid.json"},{"name":"opentui/heading","title":"Heading","description":"h1–h4 styled headings with optional figlet ASCII art","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/heading.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/heading.json"},{"name":"opentui/heat-map","title":"Heat Map","description":"Grid heatmap with color intensity scale","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/heat-map.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/heat-map.json"},{"name":"opentui/help","title":"Help","description":"Auto-generated help panel from a keymap","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/help.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/help.json"},{"name":"opentui/help-screen","title":"Help Screen","description":"Figlet banner + tagline + aligned Options/Commands help sections","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/help-screen.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/help-screen.json"},{"name":"opentui/image","title":"Image","description":"Image renderer with iTerm2/Kitty protocol and ASCII fallback","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/image.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/image.json"},{"name":"opentui/info-box","title":"Info Box","description":"Bordered info panel with header, key-value rows, and tree-prefix rows","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/info-box.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/info-box.json"},{"name":"opentui/json","title":"JSON","description":"Pretty-printed JSON with collapsible nodes","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/json.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/json.json"},{"name":"opentui/key-value","title":"Key Value","description":"Aligned key–value pairs","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/key-value.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/key-value.json"},{"name":"opentui/keyboard-shortcuts","title":"Keyboard Shortcuts","description":"Formatted keyboard shortcut reference table","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/keyboard-shortcuts.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/keyboard-shortcuts.json"},{"name":"opentui/line-chart","title":"Line Chart","description":"ASCII line chart with axes and multi-series support","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/line-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/line-chart.json"},{"name":"opentui/link","title":"Link","description":"OSC 8 clickable hyperlink","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/link.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/link.json"},{"name":"opentui/list","title":"List","description":"Navigable list with optional filtering","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/list.json"},{"name":"opentui/log","title":"Log","description":"Scrolling log viewer with severity levels and filtering","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/log.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/log.json"},{"name":"opentui/login-flow","title":"Login Flow","description":"Full-page onboarding/login screen with announcement banner, big ASCII title, description, and numbered select","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/login-flow.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/login-flow.json"},{"name":"opentui/markdown","title":"Markdown","description":"Full markdown renderer for terminal","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/markdown.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/markdown.json"},{"name":"opentui/masked-input","title":"Masked Input","description":"Masked input for phone, date, credit card formats","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/masked-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/masked-input.json"},{"name":"opentui/menu","title":"Menu","description":"Dropdown menu with nested submenus","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/menu.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/menu.json"},{"name":"opentui/modal","title":"Modal","description":"Focus-trapped overlay modal, close with Esc","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/modal.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/modal.json"},{"name":"opentui/model-selector","title":"Model Selector","description":"Keyboard-navigable list for selecting an AI model, with optional provider grouping and context-window display","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/model-selector.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/model-selector.json"},{"name":"opentui/multi-progress","title":"Multi Progress","description":"Parallel progress display for package managers, build pipelines, and deploy tools","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/multi-progress.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/multi-progress.json"},{"name":"opentui/multi-select","title":"Multi Select","description":"Multi-select list with checkboxes and select-all","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/multi-select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/multi-select.json"},{"name":"opentui/notification-badge","title":"Notification Badge","description":"Notification Badge component for OpenTUI React.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/notification-badge.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/notification-badge.json"},{"name":"opentui/notification-center","title":"Notification Center","description":"Persistent queue-based notification panel with useNotifications hook","type":"registry:block","source_url":"https://termcn.vercel.app/r/opentui/notification-center.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/notification-center.json"},{"name":"opentui/number-input","title":"Number Input","description":"Numeric input with increment/decrement and bounds","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/number-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/number-input.json"},{"name":"opentui/pagination","title":"Pagination","description":"Page navigation with prev/next and jump","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/pagination.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/pagination.json"},{"name":"opentui/panel","title":"Panel","description":"Titled bordered panel","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/panel.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/panel.json"},{"name":"opentui/password-input","title":"Password Input","description":"Password input with masked characters and reveal toggle","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/password-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/password-input.json"},{"name":"opentui/path-input","title":"Path Input","description":"Filesystem path input with tab autocomplete","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/path-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/path-input.json"},{"name":"opentui/pie-chart","title":"Pie Chart","description":"Unicode block pie chart with legend","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/pie-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/pie-chart.json"},{"name":"opentui/popover","title":"Popover","description":"Positioned popover with arbitrary content","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/popover.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/popover.json"},{"name":"opentui/progress-bar","title":"Progress Bar","description":"Determinate progress bar with percent and value/total display","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/progress-bar.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/progress-bar.json"},{"name":"opentui/progress-circle","title":"Progress Circle","description":"Circular progress indicator using Unicode braille","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/progress-circle.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/progress-circle.json"},{"name":"opentui/qr-code","title":"QR Code","description":"Unicode block QR code generator","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/qr-code.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/qr-code.json"},{"name":"opentui/radio-group","title":"Radio Group","description":"Mutually exclusive radio button group","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/radio-group.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/radio-group.json"},{"name":"opentui/scroll-view","title":"Scroll View","description":"Scrollable container with scrollbar","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/scroll-view.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/scroll-view.json"},{"name":"opentui/search-input","title":"Search Input","description":"Fuzzy search input with autocomplete","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/search-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/search-input.json"},{"name":"opentui/select","title":"Select","description":"Single-select dropdown with arrow-key navigation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/select.json"},{"name":"opentui/setup-flow","title":"Setup Flow","description":"@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/setup-flow.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/setup-flow.json"},{"name":"opentui/sidebar","title":"Sidebar","description":"Collapsible navigation sidebar panel","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/sidebar.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/sidebar.json"},{"name":"opentui/skeleton","title":"Skeleton","description":"Shimmer loading placeholder","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/skeleton.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/skeleton.json"},{"name":"opentui/spacer","title":"Spacer","description":"Flexible space between flex children","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/spacer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/spacer.json"},{"name":"opentui/sparkline","title":"Sparkline","description":"Inline Unicode braille sparkline chart","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/sparkline.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/sparkline.json"},{"name":"opentui/spinner","title":"Spinner","description":"Animated spinner with 12+ styles","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/spinner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/spinner.json"},{"name":"opentui/splash-screen","title":"Splash Screen","description":"Styled startup banner with big ASCII art title, subtitle, author credit, and status line","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/splash-screen.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/splash-screen.json"},{"name":"opentui/stack","title":"Stack","description":"Vertical/horizontal stack with gap","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/stack.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/stack.json"},{"name":"opentui/status-message","title":"Status Message","description":"Inline status message with icon and color","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/status-message.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/status-message.json"},{"name":"opentui/stopwatch","title":"Stopwatch","description":"Count-up stopwatch with laps and reset","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/stopwatch.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/stopwatch.json"},{"name":"opentui/streaming-text","title":"Streaming Text","description":"Token-by-token streaming text with blinking cursor and optional typing animation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/streaming-text.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/streaming-text.json"},{"name":"opentui/tabbed-content","title":"Tabbed Content","description":"Tab bar wired to content panels","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tabbed-content.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tabbed-content.json"},{"name":"opentui/table","title":"Table","description":"Sortable, selectable, paginated data table","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/table.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/table.json"},{"name":"opentui/tabs","title":"Tabs","description":"Tab bar with left/right arrow and tab-key navigation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tabs.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tabs.json"},{"name":"opentui/tag","title":"Tag","description":"Removable chip/tag","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tag.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tag.json"},{"name":"opentui/tag-input","title":"Tag Input","description":"Add and remove tags inline","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tag-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tag-input.json"},{"name":"opentui/text-area","title":"Text Area","description":"Multi-line text editor with word wrap","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/text-area.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/text-area.json"},{"name":"opentui/text-input","title":"Text Input","description":"Single-line text input with placeholder, validation, mask","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/text-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/text-input.json"},{"name":"opentui/theme-provider","title":"Theme Provider","description":"Terminal theme provider, design tokens, and theme helpers.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/theme-provider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/theme-provider.json"},{"name":"opentui/thinking-block","title":"Thinking Block","description":"Collapsible block for displaying extended thinking / reasoning content from an AI model","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/thinking-block.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/thinking-block.json"},{"name":"opentui/time-picker","title":"Time Picker","description":"Time picker with hour/minute/second spinners","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/time-picker.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/time-picker.json"},{"name":"opentui/timer","title":"Timer","description":"Countdown timer with pause/resume and auto-start","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/timer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/timer.json"},{"name":"opentui/toast","title":"Toast","description":"Auto-dismissing toast notification","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/toast.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/toast.json"},{"name":"opentui/toggle","title":"Toggle","description":"Toggle/switch component with on/off labels","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/toggle.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/toggle.json"},{"name":"opentui/token-usage","title":"Token Usage","description":"Compact token counter showing prompt and completion usage with optional cost estimate; also exports ContextMeter for visualising context window fill","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/token-usage.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/token-usage.json"},{"name":"opentui/tool-approval","title":"Tool Approval","description":"Interactive approval prompt for AI tool calls with risk-level badge, args display, and auto-deny timeout","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tool-approval.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tool-approval.json"},{"name":"opentui/tool-call","title":"Tool Call","description":"Displays an AI tool invocation with status indicator, args, result, and elapsed time","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tool-call.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tool-call.json"},{"name":"opentui/tooltip","title":"Tooltip","description":"Contextual tooltip on focus or hover","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tooltip.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tooltip.json"},{"name":"opentui/tree","title":"Tree","description":"Expandable/collapsible tree view","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tree.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tree.json"},{"name":"opentui/tree-select","title":"Tree Select","description":"Hierarchical tree selection","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/tree-select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/tree-select.json"},{"name":"opentui/usage-monitor","title":"Usage Monitor","description":"Real-time dashboard with diamond header, progress metrics, burn rate, predictions, and status bar","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/usage-monitor.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/usage-monitor.json"},{"name":"opentui/virtual-list","title":"Virtual List","description":"Virtualized list for 10k+ items","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/virtual-list.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/virtual-list.json"},{"name":"opentui/welcome-screen","title":"Welcome Screen","description":"Two-panel welcome dashboard with titled border, logo, greeting, and sections","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/welcome-screen.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/welcome-screen.json"},{"name":"opentui/wizard","title":"Wizard","description":"Multi-step wizard with per-step validation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/opentui/wizard.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/opentui/wizard.json"},{"name":"ink/pagination","title":"Pagination","description":"Page navigation with prev/next and jump","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/pagination.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/pagination.json"},{"name":"ink/panel","title":"Panel","description":"Titled bordered panel","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/panel.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/panel.json"},{"name":"ink/password-input","title":"Password Input","description":"Password input with masked characters and reveal toggle","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/password-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/password-input.json"},{"name":"ink/path-input","title":"Path Input","description":"Filesystem path input with tab autocomplete","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/path-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/path-input.json"},{"name":"ink/pie-chart","title":"Pie Chart","description":"Unicode block pie chart with legend","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/pie-chart.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/pie-chart.json"},{"name":"ink/popover","title":"Popover","description":"Positioned popover with arbitrary content","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/popover.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/popover.json"},{"name":"ink/progress-bar","title":"Progress Bar","description":"Determinate progress bar with percent and value/total display","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/progress-bar.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/progress-bar.json"},{"name":"ink/progress-circle","title":"Progress Circle","description":"Circular progress indicator using Unicode braille","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/progress-circle.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/progress-circle.json"},{"name":"ink/qr-code","title":"QR Code","description":"Unicode block QR code generator","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/qr-code.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/qr-code.json"},{"name":"ink/radio-group","title":"Radio Group","description":"Mutually exclusive radio button group","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/radio-group.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/radio-group.json"},{"name":"ink/scroll-view","title":"Scroll View","description":"Scrollable container with scrollbar","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/scroll-view.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/scroll-view.json"},{"name":"ink/search-input","title":"Search Input","description":"Fuzzy search input with autocomplete","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/search-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/search-input.json"},{"name":"ink/select","title":"Select","description":"Single-select dropdown with arrow-key navigation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/select.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/select.json"},{"name":"ink/setup-flow","title":"Setup Flow","description":"@clack-style step flow with ◇/◆/│ visual language, badge, info steps, and multi-select","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/setup-flow.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/setup-flow.json"},{"name":"ink/sidebar","title":"Sidebar","description":"Collapsible navigation sidebar panel","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/sidebar.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/sidebar.json"},{"name":"ink/skeleton","title":"Skeleton","description":"Shimmer loading placeholder","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/skeleton.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/skeleton.json"},{"name":"ink/spacer","title":"Spacer","description":"Flexible space between flex children","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/spacer.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/spacer.json"},{"name":"ink/sparkline","title":"Sparkline","description":"Inline Unicode braille sparkline chart","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/sparkline.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/sparkline.json"},{"name":"ink/spinner","title":"Spinner","description":"Animated spinner with 12+ styles","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/spinner.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/spinner.json"},{"name":"ink/splash-screen","title":"Splash Screen","description":"Styled startup banner with big ASCII art title, subtitle, author credit, and status line","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/splash-screen.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/splash-screen.json"},{"name":"ink/stack","title":"Stack","description":"Vertical/horizontal stack with gap","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/stack.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/stack.json"},{"name":"ink/status-message","title":"Status Message","description":"Inline status message with icon and color","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/status-message.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/status-message.json"},{"name":"ink/stopwatch","title":"Stopwatch","description":"Count-up stopwatch with laps and reset","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/stopwatch.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/stopwatch.json"},{"name":"ink/streaming-text","title":"Streaming Text","description":"Token-by-token streaming text with blinking cursor and optional typing animation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/streaming-text.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/streaming-text.json"},{"name":"ink/tabbed-content","title":"Tabbed Content","description":"Tab bar wired to content panels","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/tabbed-content.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/tabbed-content.json"},{"name":"ink/table","title":"Table","description":"Sortable, selectable, paginated data table","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/table.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/table.json"},{"name":"ink/tabs","title":"Tabs","description":"Tab bar with left/right arrow and tab-key navigation","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/tabs.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/tabs.json"},{"name":"ink/tag","title":"Tag","description":"Removable chip/tag","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/tag.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/tag.json"},{"name":"ink/tag-input","title":"Tag Input","description":"Add and remove tags inline","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/tag-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/tag-input.json"},{"name":"ink/text-area","title":"Text Area","description":"Multi-line text editor with word wrap","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/text-area.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/text-area.json"},{"name":"ink/text-input","title":"Text Input","description":"Single-line text input with placeholder, validation, mask","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/text-input.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/text-input.json"},{"name":"ink/theme-catppuccin","title":"Catppuccin","description":"A Catppuccin theme for rich terminal UI previews.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-catppuccin.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-catppuccin.json"},{"name":"ink/theme-default","title":"Default","description":"The default termcn terminal theme.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-default.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-default.json"},{"name":"ink/theme-dracula","title":"Dracula","description":"A purple-heavy Dracula theme for terminal UI components.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-dracula.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-dracula.json"},{"name":"ink/theme-high-contrast","title":"High Contrast","description":"High contrast themes for dark and light terminal backgrounds.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-high-contrast.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-high-contrast.json"},{"name":"ink/theme-monokai","title":"Monokai","description":"A classic Monokai-inspired theme for terminal apps.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-monokai.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-monokai.json"},{"name":"ink/theme-nord","title":"Nord","description":"A cool Nord palette tuned for terminal contrast.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-nord.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-nord.json"},{"name":"ink/theme-one-dark","title":"One Dark","description":"A One Dark theme for terminal components.","type":"registry:file","source_url":"https://termcn.vercel.app/r/ink/theme-one-dark.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-one-dark.json"},{"name":"ink/theme-provider","title":"Theme Provider","description":"Terminal theme provider, design tokens, and theme helpers.","type":"registry:ui","source_url":"https://termcn.vercel.app/r/ink/theme-provider.json","install_command":"npx shadcn@latest add https://termcn.vercel.app/r/ink/theme-provider.json"}]},{"id":"tessli","name":"@tessli","slug":"tessli","description":"Sections, pages and components on shadcn/ui primitives, each with notes on when to use it, when not to, the UI rules it follows and the generic default it replaces. Also installs a compact rules file, TESSLI.md.","author":"Online-Scope-Lab","framework":"react","license":null,"tags":["auth","blocks","buttons","cards","dashboard","design-system","forms","hooks","marketing","media","mobile","pro-available","tables"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://tessli.vercel.app/library","github":"https://github.com/Online-Scope-Lab/tessli","registry":"https://tessli.vercel.app/r/registry.json","source":"https://tessli.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tessli","markdown":"https://sh4dcn.netlify.app/md/tessli.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='var(--foreground)' d='M7 7h18v5.2h-1.1c-.4-2-1.3-2.9-3.4-2.9h-2.6v13.3c0 1.3.6 1.8 2.3 1.9v1h-8.4v-1c1.7-.1 2.3-.6 2.3-1.9V9.3h-2.6c-2.1 0-3 .9-3.4 2.9H7z'/><circle cx='25' cy='23.9' r='2.1' fill='#f05217'/></svg>","preview_image":"https://tessli.vercel.app/opengraph-image.png?opengraph-image.31ovasrtb0elf.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://tessli.vercel.app/library/pricing-tiers"},"metrics":{"github_stars":0,"open_issues":15,"last_commit":"2026-10-25T15:07:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tessli.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tessli.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://tessli.vercel.app/r/registry.json","clone":"git clone https://github.com/Online-Scope-Lab/tessli.git","clone_degit":"npx degit Online-Scope-Lab/tessli","registry_fetch":"curl -s https://tessli.vercel.app/r/registry.json"},"component_count":13,"components":[{"name":"auth-forms","title":"Sign-in and sign-up with validation","description":"Sign-in and sign-up pages that check each field when people leave it, explain every error in text next to its field, and show progress, failure and success pla…","type":"registry:block","source_url":"https://tessli.vercel.app/r/auth-forms.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/auth-forms.json"},{"name":"closing-cta-footer","title":"Closing CTA and footer","description":"One final action tied to the page's job, then a compact footer with a few grouped links, a real contact route and the legal links.","type":"registry:block","source_url":"https://tessli.vercel.app/r/closing-cta-footer.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/closing-cta-footer.json"},{"name":"dashboard-overview","title":"Dashboard overview","description":"Opens on the one question the dashboard exists to answer, gives the answer in a sentence, backs it with two or three compared metrics and a trend, and lists wh…","type":"registry:block","source_url":"https://tessli.vercel.app/r/dashboard-overview.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/dashboard-overview.json"},{"name":"data-table","title":"Data table with filters and states","description":"A compact, sortable table with labelled search and one filter, and designed loading, empty, no-results and error states that keep the layout still.","type":"registry:component","source_url":"https://tessli.vercel.app/r/data-table.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/data-table.json"},{"name":"empty-state","title":"Empty state that says why and what next","description":"Replaces a list, table or feed that has nothing to show, and tells people why it is empty and the one thing to do next.","type":"registry:component","source_url":"https://tessli.vercel.app/r/empty-state.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/empty-state.json"},{"name":"faq","title":"FAQ that answers real objections","description":"Answers the questions buyers ask before committing, with direct answers and a real contact route, using native disclosure widgets.","type":"registry:block","source_url":"https://tessli.vercel.app/r/faq.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/faq.json"},{"name":"feature-evidence","title":"Feature section, evidence-led","description":"Shows each feature with the artefact that proves it (a UI fragment, a before/after, an exact limit), giving the most important feature the most room.","type":"registry:block","source_url":"https://tessli.vercel.app/r/feature-evidence.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/feature-evidence.json"},{"name":"mobile-list-detail","title":"Mobile list to detail","description":"A list of records that becomes one view at a time on phones, with large rows and a back button, and two panes side by side from 768px.","type":"registry:block","source_url":"https://tessli.vercel.app/r/mobile-list-detail.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/mobile-list-detail.json"},{"name":"pricing-tiers","title":"Pricing tiers compared on the limits that matter","description":"Two or three plans compared on the few limits buyers actually weigh, with one recommended plan and an honest billing-period switch.","type":"registry:block","source_url":"https://tessli.vercel.app/r/pricing-tiers.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/pricing-tiers.json"},{"name":"product-hero","title":"Product hero with real UI","description":"A landing-page hero that says what the product does, offers one primary action and shows the product itself, composed from interface components.","type":"registry:block","source_url":"https://tessli.vercel.app/r/product-hero.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/product-hero.json"},{"name":"settings-account","title":"Settings: account and danger zone","description":"An account settings page whose profile form validates per field and reports saves in place, with a separate danger zone that offers export before a typed, conf…","type":"registry:block","source_url":"https://tessli.vercel.app/r/settings-account.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/settings-account.json"},{"name":"social-proof-honest","title":"Honest social proof","description":"Shows only proof a reader can check, real quotes with a name and a link to the source, and public records instead when there is none yet.","type":"registry:block","source_url":"https://tessli.vercel.app/r/social-proof-honest.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/social-proof-honest.json"},{"name":"rules","title":"Tessli UI rules (TESSLI.md)","description":"A compact index of Tessli's 39 UI rules (drafts until a maintainer signs them), installed as TESSLI.md at the project root for coding agents to read.","type":"registry:file","source_url":"https://tessli.vercel.app/r/rules.json","install_command":"npx shadcn@latest add https://tessli.vercel.app/r/rules.json"}]},{"id":"toggles","name":"@toggles","slug":"toggles","description":"Animated dark/light mode toggles","author":"alfiejones","framework":"react","license":null,"tags":["animation","buttons"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://toggles.dev","github":"https://github.com/alfiejones/theme-toggles","registry":"https://toggles.dev/r/registry.json","source":"https://toggles.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/toggles","markdown":"https://sh4dcn.netlify.app/md/toggles.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><g fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.2'><path d='M15 6v2.5M8.6 8.6l1.8 1.8M6 15h2.5M8.6 21.4l1.8-1.8M15 24v-2.5'/><circle cx='15' cy='15' r='6'/></g><circle cx='20' cy='15' r='6.5' fill='currentColor'/></svg>","preview_image":"https://toggles.dev/og.svg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":826,"open_issues":0,"last_commit":"2026-09-23T23:34:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://toggles.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://toggles.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://toggles.dev/r/registry.json","clone":"git clone https://github.com/alfiejones/theme-toggles.git","clone_degit":"npx degit alfiejones/theme-toggles","registry_fetch":"curl -s https://toggles.dev/r/registry.json"},"component_count":14,"components":[{"name":"around","title":"Around Theme Toggle","description":"An animated sun-and-moon theme toggle with a sweeping transition.","type":"registry:block","source_url":"https://toggles.dev/r/around.json","install_command":"npx shadcn@latest add https://toggles.dev/r/around.json"},{"name":"classic","title":"Classic Theme Toggle","description":"An animated classic sun-and-moon theme toggle.","type":"registry:block","source_url":"https://toggles.dev/r/classic.json","install_command":"npx shadcn@latest add https://toggles.dev/r/classic.json"},{"name":"dark-inner","title":"Dark Inner Theme Toggle","description":"An animated theme toggle with an inward rotating icon.","type":"registry:block","source_url":"https://toggles.dev/r/dark-inner.json","install_command":"npx shadcn@latest add https://toggles.dev/r/dark-inner.json"},{"name":"dark-side","title":"Dark Side Theme Toggle","description":"An animated theme toggle with a side-rotating icon.","type":"registry:block","source_url":"https://toggles.dev/r/dark-side.json","install_command":"npx shadcn@latest add https://toggles.dev/r/dark-side.json"},{"name":"eclipse","title":"Eclipse Theme Toggle","description":"An animated theme toggle with an eclipse transition.","type":"registry:block","source_url":"https://toggles.dev/r/eclipse.json","install_command":"npx shadcn@latest add https://toggles.dev/r/eclipse.json"},{"name":"expand","title":"Expand Theme Toggle","description":"An animated theme toggle with an expanding sun-and-moon transition.","type":"registry:block","source_url":"https://toggles.dev/r/expand.json","install_command":"npx shadcn@latest add https://toggles.dev/r/expand.json"},{"name":"spin","title":"Spin Theme Toggle","description":"An animated theme toggle with a spinning sun-and-moon transition.","type":"registry:block","source_url":"https://toggles.dev/r/spin.json","install_command":"npx shadcn@latest add https://toggles.dev/r/spin.json"},{"name":"half-sun","title":"Half Sun Theme Toggle","description":"An animated theme toggle with a half-sun rotation.","type":"registry:block","source_url":"https://toggles.dev/r/half-sun.json","install_command":"npx shadcn@latest add https://toggles.dev/r/half-sun.json"},{"name":"horizon","title":"Horizon Theme Toggle","description":"An animated theme toggle with a horizon-inspired reveal.","type":"registry:block","source_url":"https://toggles.dev/r/horizon.json","install_command":"npx shadcn@latest add https://toggles.dev/r/horizon.json"},{"name":"inner-moon","title":"Inner Moon Theme Toggle","description":"An animated theme toggle with an inner-moon rotation.","type":"registry:block","source_url":"https://toggles.dev/r/inner-moon.json","install_command":"npx shadcn@latest add https://toggles.dev/r/inner-moon.json"},{"name":"lightbulb","title":"Lightbulb Theme Toggle","description":"An animated theme toggle inspired by a lightbulb.","type":"registry:block","source_url":"https://toggles.dev/r/lightbulb.json","install_command":"npx shadcn@latest add https://toggles.dev/r/lightbulb.json"},{"name":"light-switch","title":"Light Switch Theme Toggle","description":"An animated theme toggle inspired by a wall switch.","type":"registry:block","source_url":"https://toggles.dev/r/light-switch.json","install_command":"npx shadcn@latest add https://toggles.dev/r/light-switch.json"},{"name":"simple","title":"Simple Theme Toggle","description":"A compact animated sun-and-moon theme toggle.","type":"registry:block","source_url":"https://toggles.dev/r/simple.json","install_command":"npx shadcn@latest add https://toggles.dev/r/simple.json"},{"name":"within","title":"Within Theme Toggle","description":"An animated theme toggle with a nested sun-and-moon transition.","type":"registry:block","source_url":"https://toggles.dev/r/within.json","install_command":"npx shadcn@latest add https://toggles.dev/r/within.json"}]},{"id":"tuiparts","name":"@tuiparts","slug":"tuiparts","description":"OpenTUI recipes, made simple. Ready to use, customizable terminal UI recipes for Core, React, and Solid.","author":"tuiparts","framework":"react","license":null,"tags":["buttons","forms","navigation","overlays","retro","theming"],"categories":["Forms"],"labels":[],"urls":{"website":"https://tuiparts.sh","github":"https://github.com/tuiparts/tuiparts","registry":"https://tuiparts.sh/r/registry.json","source":"https://tuiparts.sh/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tuiparts","markdown":"https://sh4dcn.netlify.app/md/tuiparts.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><title>tuiparts.sh</title><path d='M8 6.5l3 3L16.5 3' stroke='#2D62E4' stroke-width='2'/><rect x='5' y='13' width='14' height='9' stroke='currentColor' stroke-width='2'/></svg>","preview_image":"https://tuiparts.sh/og/index.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":268,"open_issues":4,"last_commit":"2026-09-23T20:29:15Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tuiparts.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tuiparts.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://tuiparts.sh/r/registry.json","clone":"git clone https://github.com/tuiparts/tuiparts.git","clone_degit":"npx degit tuiparts/tuiparts","registry_fetch":"curl -s https://tuiparts.sh/r/registry.json"},"component_count":56,"components":[{"name":"core/accordion","title":"Accordion (Core)","description":"Editable imperative Accordion Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/accordion.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/accordion.json"},{"name":"react/accordion","title":"Accordion (React)","description":"Editable React Accordion Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/accordion.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/accordion.json"},{"name":"solid/accordion","title":"Accordion (Solid)","description":"Editable Solid Accordion Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/accordion.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/accordion.json"},{"name":"core/checkbox-group","title":"Checkbox Group (Core)","description":"Editable imperative CheckboxGroup Recipe built on the tuiparts.sh packaged Primitives.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/checkbox-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/checkbox-group.json"},{"name":"react/checkbox-group","title":"Checkbox Group (React)","description":"Editable React CheckboxGroup Recipe built on the tuiparts.sh packaged Primitives.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/checkbox-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/checkbox-group.json"},{"name":"solid/checkbox-group","title":"Checkbox Group (Solid)","description":"Editable Solid CheckboxGroup Recipe built on the tuiparts.sh packaged Primitives.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/checkbox-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/checkbox-group.json"},{"name":"core/checkbox","title":"Checkbox (Core)","description":"Editable imperative Checkbox recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/checkbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/checkbox.json"},{"name":"react/checkbox","title":"Checkbox (React)","description":"Editable React Checkbox recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/checkbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/checkbox.json"},{"name":"solid/checkbox","title":"Checkbox (Solid)","description":"Editable Solid Checkbox recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/checkbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/checkbox.json"},{"name":"core/switch","title":"Switch (Core)","description":"Editable imperative Switch recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/switch.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/switch.json"},{"name":"react/switch","title":"Switch (React)","description":"Editable React Switch recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/switch.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/switch.json"},{"name":"solid/switch","title":"Switch (Solid)","description":"Editable Solid Switch recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/switch.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/switch.json"},{"name":"core/button","title":"Button (Core)","description":"Editable imperative Button recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/button.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/button.json"},{"name":"react/button","title":"Button (React)","description":"Editable React Button recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/button.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/button.json"},{"name":"solid/button","title":"Button (Solid)","description":"Editable Solid Button recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/button.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/button.json"},{"name":"core/badge","title":"Badge (Core)","description":"Editable imperative Badge recipe built directly from OpenTUI Renderables.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/badge.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/badge.json"},{"name":"react/badge","title":"Badge (React)","description":"Editable React Badge recipe built directly from OpenTUI elements.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/badge.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/badge.json"},{"name":"solid/badge","title":"Badge (Solid)","description":"Editable Solid Badge recipe built directly from OpenTUI elements.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/badge.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/badge.json"},{"name":"core/radio-group","title":"Radio Group (Core)","description":"Editable imperative Radio and Radio Group recipe built on the tuiparts.sh collection Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/radio-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/radio-group.json"},{"name":"react/radio-group","title":"Radio Group (React)","description":"Editable React Radio and Radio Group recipe built on the tuiparts.sh collection Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/radio-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/radio-group.json"},{"name":"solid/radio-group","title":"Radio Group (Solid)","description":"Editable Solid Radio and Radio Group recipe built on the tuiparts.sh collection Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/radio-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/radio-group.json"},{"name":"core/number-field","title":"Number Field (Core)","description":"Editable imperative NumberField Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/number-field.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/number-field.json"},{"name":"react/number-field","title":"Number Field (React)","description":"Editable React NumberField Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/number-field.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/number-field.json"},{"name":"solid/number-field","title":"Number Field (Solid)","description":"Editable Solid NumberField Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/number-field.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/number-field.json"},{"name":"core/slider","title":"Slider (Core)","description":"Editable imperative Slider Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/slider.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/slider.json"},{"name":"react/slider","title":"Slider (React)","description":"Editable React Slider Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/slider.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/slider.json"},{"name":"solid/slider","title":"Slider (Solid)","description":"Editable Solid Slider Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/slider.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/slider.json"},{"name":"core/input","title":"Input (Core)","description":"Editable imperative Input recipe preserving OpenTUI-native editing and events.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/input.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/input.json"},{"name":"react/input","title":"Input (React)","description":"Editable React Input recipe preserving OpenTUI-native editing and events.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/input.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/input.json"},{"name":"solid/input","title":"Input (Solid)","description":"Editable Solid Input recipe preserving OpenTUI-native editing and events.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/input.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/input.json"},{"name":"core/textarea","title":"Textarea (Core)","description":"Editable imperative Textarea recipe preserving OpenTUI-native multiline editing.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/textarea.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/textarea.json"},{"name":"react/textarea","title":"Textarea (React)","description":"Editable React Textarea recipe preserving OpenTUI-native multiline editing.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/textarea.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/textarea.json"},{"name":"solid/textarea","title":"Textarea (Solid)","description":"Editable Solid Textarea recipe preserving OpenTUI-native multiline editing.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/textarea.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/textarea.json"},{"name":"core/dialog","title":"Dialog (Core)","description":"Editable imperative Dialog recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/dialog.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/dialog.json"},{"name":"react/dialog","title":"Dialog (React)","description":"Editable React Dialog recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/dialog.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/dialog.json"},{"name":"solid/dialog","title":"Dialog (Solid)","description":"Editable Solid Dialog recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/dialog.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/dialog.json"},{"name":"core/toggle","title":"Toggle (Core)","description":"Editable imperative Toggle recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/toggle.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/toggle.json"},{"name":"react/toggle","title":"Toggle (React)","description":"Editable React Toggle recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/toggle.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/toggle.json"},{"name":"solid/toggle","title":"Toggle (Solid)","description":"Editable Solid Toggle recipe built on the tuiparts.sh packaged primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/toggle.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/toggle.json"},{"name":"core/toggle-group","title":"Toggle Group (Core)","description":"Editable imperative ToggleGroup recipe built on the tuiparts.sh packaged primitives.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/toggle-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/toggle-group.json"},{"name":"react/toggle-group","title":"Toggle Group (React)","description":"Editable React ToggleGroup recipe built on the tuiparts.sh packaged primitives.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/toggle-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/toggle-group.json"},{"name":"solid/toggle-group","title":"Toggle Group (Solid)","description":"Editable Solid ToggleGroup recipe built on the tuiparts.sh packaged primitives.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/toggle-group.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/toggle-group.json"},{"name":"core/collapsible","title":"Collapsible (Core)","description":"Editable imperative Collapsible Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/collapsible.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/collapsible.json"},{"name":"react/collapsible","title":"Collapsible (React)","description":"Editable React Collapsible Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/collapsible.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/collapsible.json"},{"name":"solid/collapsible","title":"Collapsible (Solid)","description":"Editable Solid Collapsible Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/collapsible.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/collapsible.json"},{"name":"core/tabs","title":"Tabs (Core)","description":"Editable imperative Tabs Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/tabs.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/tabs.json"},{"name":"react/tabs","title":"Tabs (React)","description":"Editable React Tabs Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/tabs.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/tabs.json"},{"name":"solid/tabs","title":"Tabs (Solid)","description":"Editable Solid Tabs Recipe built on the tuiparts.sh packaged Primitive.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/tabs.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/tabs.json"},{"name":"core/theme","title":"Theme (Core)","description":"Editable imperative theme contract, store, and terminal default read by every tuiparts.sh recipe.","type":"registry:item","source_url":"https://tuiparts.sh/r/core/theme.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/core/theme.json"},{"name":"react/theme","title":"Theme (React)","description":"Editable React theme contract, store, and terminal default read by every tuiparts.sh recipe.","type":"registry:item","source_url":"https://tuiparts.sh/r/react/theme.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/react/theme.json"},{"name":"solid/theme","title":"Theme (Solid)","description":"Editable Solid theme contract, store, and terminal default read by every tuiparts.sh recipe.","type":"registry:item","source_url":"https://tuiparts.sh/r/solid/theme.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/solid/theme.json"},{"name":"theme-cobalt-deep","title":"Cobalt Deep Theme","description":"Truecolor tuiparts.sh brand preset applied as a partial override of the installed theme contract.","type":"registry:item","source_url":"https://tuiparts.sh/r/theme-cobalt-deep.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-cobalt-deep.json"},{"name":"theme-ascii","title":"ASCII Theme","description":"ASCII-glyph preset for fonts and terminals without Unicode coverage, applied as a partial override.","type":"registry:item","source_url":"https://tuiparts.sh/r/theme-ascii.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-ascii.json"},{"name":"theme-catppuccin","title":"Catppuccin Theme","description":"Catppuccin Mocha/Latte.","type":"registry:item","source_url":"https://tuiparts.sh/r/theme-catppuccin.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-catppuccin.json"},{"name":"theme-gruvbox","title":"Gruvbox Theme","description":"Gruvbox dark/light.","type":"registry:item","source_url":"https://tuiparts.sh/r/theme-gruvbox.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-gruvbox.json"},{"name":"theme-rosepine","title":"Rosé Pine Theme","description":"Rosé Pine/Dawn.","type":"registry:item","source_url":"https://tuiparts.sh/r/theme-rosepine.json","install_command":"npx shadcn@latest add https://tuiparts.sh/r/theme-rosepine.json"}]},{"id":"terrae","name":"@terrae","slug":"terrae","description":"A shadcn/ui companion library of composable, animated map components for React built on Mapbox GL JS and MapLibre GL, TypeScript, and Tailwind CSS. Components cover basic-map, markers, animated markers, circles, circle clusters, polygons, lines, animated lines, radial lines, heatmaps, popups, radar, choropleth, compare/comparison, minimap, compass, controls, camera-follow, raster video, and dramatic particle effects (fire, lightning, rain, explosion, cyclone, meteor). Offers hooks and an API reference. Free and open source (MIT). Use for: any React/Next.js app that needs declarative, shadcn-integrated interactive maps with rich visual effects and animated data layers.","author":"alamenai","framework":"react","license":"MIT","tags":["aesthetic","animation","audio","auth","charts","forms","hooks","maps","media"],"categories":["Maps"],"labels":[],"urls":{"website":"https://www.terrae.dev","github":"https://github.com/alamenai/terrae","registry":"https://www.terrae.dev/registry.json","source":"https://www.terrae.dev/registry.json","page":"https://sh4dcn.netlify.app/registry/terrae","markdown":"https://sh4dcn.netlify.app/md/terrae.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><mask id='t-cutout'><rect width='24' height='24' fill='white'/><text x='12' y='18' text-anchor='middle' fill='black' font-size='18' font-weight='600' font-family='system-ui, sans-serif'>t</text></mask><circle cx='12' cy='12' r='11' fill='var(--foreground)' mask='url(#t-cutout)'/></svg>","preview_image":"http://localhost:3000/banner.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":252,"open_issues":2,"last_commit":"2026-04-06T16:43:28Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.terrae.dev/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.terrae.dev/registry.json","install_bun":"bunx shadcn@latest add https://www.terrae.dev/registry.json","clone":"git clone https://github.com/alamenai/terrae.git","clone_degit":"npx degit alamenai/terrae","registry_fetch":"curl -s https://www.terrae.dev/registry.json"},"component_count":40,"components":[{"name":"map","title":"Map","description":"Core map component with Mapbox GL and MapLibre GL support.","type":"registry:ui","source_url":"https://www.terrae.dev/map.json","install_command":"npx shadcn@latest add https://www.terrae.dev/map.json"},{"name":"marker","title":"Map Marker","description":"Customizable map markers with popup support.","type":"registry:ui","source_url":"https://www.terrae.dev/marker.json","install_command":"npx shadcn@latest add https://www.terrae.dev/marker.json"},{"name":"popup","title":"Map Popup","description":"Info popups and tooltips for map locations.","type":"registry:ui","source_url":"https://www.terrae.dev/popup.json","install_command":"npx shadcn@latest add https://www.terrae.dev/popup.json"},{"name":"controls","title":"Map Controls","description":"Interactive map controls (zoom, fullscreen, etc).","type":"registry:ui","source_url":"https://www.terrae.dev/controls.json","install_command":"npx shadcn@latest add https://www.terrae.dev/controls.json"},{"name":"circle-cluster","title":"Map Circle Cluster","description":"Marker clustering with circle visualization.","type":"registry:ui","source_url":"https://www.terrae.dev/circle-cluster.json","install_command":"npx shadcn@latest add https://www.terrae.dev/circle-cluster.json"},{"name":"marker-animated","title":"Map Marker Animated","description":"Animated marker that moves along a path with trail visualization.","type":"registry:ui","source_url":"https://www.terrae.dev/marker-animated.json","install_command":"npx shadcn@latest add https://www.terrae.dev/marker-animated.json"},{"name":"line","title":"Map Line","description":"Static routes and paths on the map.","type":"registry:ui","source_url":"https://www.terrae.dev/line.json","install_command":"npx shadcn@latest add https://www.terrae.dev/line.json"},{"name":"line-animated","title":"Map Line Animated","description":"Animated path and route animations on the map.","type":"registry:ui","source_url":"https://www.terrae.dev/line-animated.json","install_command":"npx shadcn@latest add https://www.terrae.dev/line-animated.json"},{"name":"animated-pulse","title":"Map Animated Pulse","description":"Pulsing dot animation for map markers.","type":"registry:ui","source_url":"https://www.terrae.dev/animated-pulse.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-pulse.json"},{"name":"rain","title":"Map Rain","description":"Animated rain effect layer.","type":"registry:ui","source_url":"https://www.terrae.dev/rain.json","install_command":"npx shadcn@latest add https://www.terrae.dev/rain.json"},{"name":"raster-video","title":"Map Raster Video","description":"Video overlay layers on the map.","type":"registry:ui","source_url":"https://www.terrae.dev/raster-video.json","install_command":"npx shadcn@latest add https://www.terrae.dev/raster-video.json"},{"name":"image","title":"Map Image","description":"Image overlay layers on the map.","type":"registry:ui","source_url":"https://www.terrae.dev/image.json","install_command":"npx shadcn@latest add https://www.terrae.dev/image.json"},{"name":"mini-map","title":"Map Mini Map","description":"Minimap overview navigation component.","type":"registry:ui","source_url":"https://www.terrae.dev/mini-map.json","install_command":"npx shadcn@latest add https://www.terrae.dev/mini-map.json"},{"name":"compare","title":"Map Compare","description":"Side-by-side map comparison component.","type":"registry:ui","source_url":"https://www.terrae.dev/compare.json","install_command":"npx shadcn@latest add https://www.terrae.dev/compare.json"},{"name":"sync","title":"Map Sync","description":"Synchronized multi-map component with bidirectional movement sync.","type":"registry:ui","source_url":"https://www.terrae.dev/sync.json","install_command":"npx shadcn@latest add https://www.terrae.dev/sync.json"},{"name":"arc-animated","title":"Map Arc Animated","description":"Animated curved arc between two points for flights, deliveries, and connections.","type":"registry:ui","source_url":"https://www.terrae.dev/arc-animated.json","install_command":"npx shadcn@latest add https://www.terrae.dev/arc-animated.json"},{"name":"camera-follow","title":"Map Camera Follow","description":"Animate camera along a path for immersive fly-through experiences.","type":"registry:ui","source_url":"https://www.terrae.dev/camera-follow.json","install_command":"npx shadcn@latest add https://www.terrae.dev/camera-follow.json"},{"name":"circle","title":"Map Circle","description":"Draggable geographic circle with customizable fill and stroke.","type":"registry:ui","source_url":"https://www.terrae.dev/circle.json","install_command":"npx shadcn@latest add https://www.terrae.dev/circle.json"},{"name":"animated-circle","title":"Map Animated Circle","description":"Animated circle with drawing and fill effects.","type":"registry:ui","source_url":"https://www.terrae.dev/animated-circle.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-circle.json"},{"name":"blur-area","title":"Map Blur Area","description":"Blur sensitive areas on the map with customizable styling.","type":"registry:ui","source_url":"https://www.terrae.dev/blur-area.json","install_command":"npx shadcn@latest add https://www.terrae.dev/blur-area.json"},{"name":"targeting-reticle","title":"Map Targeting Reticle","description":"Military-style targeting brackets with tracking and lock-on capabilities.","type":"registry:ui","source_url":"https://www.terrae.dev/targeting-reticle.json","install_command":"npx shadcn@latest add https://www.terrae.dev/targeting-reticle.json"},{"name":"radar","title":"Map Radar","description":"Animated radar sweep signal overlay on map coordinates.","type":"registry:ui","source_url":"https://www.terrae.dev/radar.json","install_command":"npx shadcn@latest add https://www.terrae.dev/radar.json"},{"name":"watermark","title":"Map Watermark","description":"Text watermark overlay for maps with configurable position and styling.","type":"registry:ui","source_url":"https://www.terrae.dev/watermark.json","install_command":"npx shadcn@latest add https://www.terrae.dev/watermark.json"},{"name":"compass","title":"Map Compass","description":"Interactive compass overlay with bearing display and click-to-reset.","type":"registry:ui","source_url":"https://www.terrae.dev/compass.json","install_command":"npx shadcn@latest add https://www.terrae.dev/compass.json"},{"name":"line-radial","title":"Map Line Radial","description":"Radial lines from a center point to multiple destinations with optional markers.","type":"registry:ui","source_url":"https://www.terrae.dev/line-radial.json","install_command":"npx shadcn@latest add https://www.terrae.dev/line-radial.json"},{"name":"polygon","title":"Map Polygon","description":"Geographic polygon with customizable fill and stroke styling.","type":"registry:ui","source_url":"https://www.terrae.dev/polygon.json","install_command":"npx shadcn@latest add https://www.terrae.dev/polygon.json"},{"name":"animated-polygon","title":"Map Animated Polygon","description":"Animated polygon with draw, fill, and draw-then-fill effects.","type":"registry:ui","source_url":"https://www.terrae.dev/animated-polygon.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-polygon.json"},{"name":"choropleth","title":"Map Choropleth","description":"Thematic choropleth map with color-coded regions based on data values.","type":"registry:ui","source_url":"https://www.terrae.dev/choropleth.json","install_command":"npx shadcn@latest add https://www.terrae.dev/choropleth.json"},{"name":"animated-footprint","title":"Map Animated Footprint","description":"Animated footprint steps that walk along a path on the map.","type":"registry:ui","source_url":"https://www.terrae.dev/animated-footprint.json","install_command":"npx shadcn@latest add https://www.terrae.dev/animated-footprint.json"},{"name":"fire","title":"Map Fire","description":"Realistic animated fire effect with particle simulation.","type":"registry:ui","source_url":"https://www.terrae.dev/fire.json","install_command":"npx shadcn@latest add https://www.terrae.dev/fire.json"},{"name":"explosion","title":"Map Explosion","description":"Animated explosion burst effect with radial particles and flash.","type":"registry:ui","source_url":"https://www.terrae.dev/explosion.json","install_command":"npx shadcn@latest add https://www.terrae.dev/explosion.json"},{"name":"cyclone","title":"Map Cyclone","description":"Animated cyclone funnel with swirling particles and debris.","type":"registry:ui","source_url":"https://www.terrae.dev/cyclone.json","install_command":"npx shadcn@latest add https://www.terrae.dev/cyclone.json"},{"name":"music-disc","title":"Map Music Disc","description":"Rotating music disc with floating notes animation.","type":"registry:ui","source_url":"https://www.terrae.dev/music-disc.json","install_command":"npx shadcn@latest add https://www.terrae.dev/music-disc.json"},{"name":"steam","title":"Map Steam","description":"Rising steam effect with wispy particle animation.","type":"registry:ui","source_url":"https://www.terrae.dev/steam.json","install_command":"npx shadcn@latest add https://www.terrae.dev/steam.json"},{"name":"tsunami","title":"Map Tsunami","description":"Animated tsunami wave effect with incoming wave, crashing foam, and debris.","type":"registry:ui","source_url":"https://www.terrae.dev/tsunami.json","install_command":"npx shadcn@latest add https://www.terrae.dev/tsunami.json"},{"name":"sandstorm","title":"Map Sandstorm","description":"Atmospheric sandstorm effect with horizontal particle movement and reduced visibility.","type":"registry:ui","source_url":"https://www.terrae.dev/sandstorm.json","install_command":"npx shadcn@latest add https://www.terrae.dev/sandstorm.json"},{"name":"snow","title":"Map Snow","description":"Falling snowflakes effect with gentle drift and wind.","type":"registry:ui","source_url":"https://www.terrae.dev/snow.json","install_command":"npx shadcn@latest add https://www.terrae.dev/snow.json"},{"name":"meteor","title":"Map Meteor","description":"Animated meteor falling from sky with fiery trail and impact effect.","type":"registry:ui","source_url":"https://www.terrae.dev/meteor.json","install_command":"npx shadcn@latest add https://www.terrae.dev/meteor.json"},{"name":"lightning","title":"Map Lightning","description":"Animated lightning bolt strikes with branching and flash effects.","type":"registry:ui","source_url":"https://www.terrae.dev/lightning.json","install_command":"npx shadcn@latest add https://www.terrae.dev/lightning.json"},{"name":"grid","title":"Map Grid","description":"Coordinate grid overlay with latitude/longitude lines and labels.","type":"registry:ui","source_url":"https://www.terrae.dev/grid.json","install_command":"npx shadcn@latest add https://www.terrae.dev/grid.json"}]},{"id":"tetra-ui","name":"@tetra-ui","slug":"tetra-ui","description":"Delightful components for a clean, accessible and modern component library for React Native.","author":"Liamandrew","framework":"react","license":"MIT","tags":["accessibility","auth","buttons","cards","design-system","forms","icons","loaders","media","mobile","navigation","overlays"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://tetra-ui.com","github":"https://github.com/Liamandrew/tetra-ui","registry":"https://tetra-ui.com/r/registry.json","source":"https://tetra-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tetra-ui","markdown":"https://sh4dcn.netlify.app/md/tetra-ui.md"},"logo":"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='24' height='24' fill='black'/><path d='M17.8184 13.9395H21.6972V17.8182H17.8184V13.9395Z' fill='white'/><path d='M13.9396 10.0607H17.8184V13.9395H13.9396V10.0607Z' fill='white'/><path d='M10.0608 6.18188H13.9396V10.0607H10.0608V6.18188Z' fill='white'/><path d='M10.0608 6.18188H13.9396V10.0607H10.0608V6.18188Z' fill='white'/><path d='M2.30322 13.9395H6.18201V17.8182H2.30322V13.9395Z' fill='white'/><path d='M6.18201 10.0607H10.0608V13.9395H6.18201V10.0607Z' fill='white'/></svg>","preview_image":"https://tetra-ui.com/opengraph-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":0,"last_commit":"2026-10-20T22:38:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tetra-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tetra-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://tetra-ui.com/r/registry.json","clone":"git clone https://github.com/Liamandrew/tetra-ui.git","clone_degit":"npx degit Liamandrew/tetra-ui","registry_fetch":"curl -s https://tetra-ui.com/r/registry.json"},"component_count":45,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that reveal associated content sections.","type":"registry:ui","source_url":"https://tetra-ui.com/r/accordion.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/accordion.json"},{"name":"action-input","title":"Action Input","description":"A component that allows a user to trigger an action and displays a value attached to the action.","type":"registry:ui","source_url":"https://tetra-ui.com/r/action-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/action-input.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:ui","source_url":"https://tetra-ui.com/r/alert.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/alert.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://tetra-ui.com/r/avatar.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge.","type":"registry:ui","source_url":"https://tetra-ui.com/r/badge.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/badge.json"},{"name":"button","title":"Button","description":"A component to display a button and allows a user to trigger an action.","type":"registry:ui","source_url":"https://tetra-ui.com/r/button.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/button.json"},{"name":"card","title":"Card","description":"Displays a card with a header, content, and footer.","type":"registry:ui","source_url":"https://tetra-ui.com/r/card.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/card.json"},{"name":"carousel","title":"Carousel","description":"A swipeable set of pages or inline items with optional looping, autoplay, and composed controls.","type":"registry:ui","source_url":"https://tetra-ui.com/r/carousel.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/carousel.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows users to toggle between checked and unchecked states.","type":"registry:ui","source_url":"https://tetra-ui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/checkbox.json"},{"name":"choicebox","title":"Choicebox","description":"A group of selectable cards for single or multiple choice.","type":"registry:ui","source_url":"https://tetra-ui.com/r/choicebox.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/choicebox.json"},{"name":"chip","title":"Chip","description":"Displays a compact, rounded chip element.","type":"registry:ui","source_url":"https://tetra-ui.com/r/chip.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/chip.json"},{"name":"empty","title":"Empty","description":"Displays an empty state.","type":"registry:ui","source_url":"https://tetra-ui.com/r/empty.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/empty.json"},{"name":"floating-action-button","title":"Floating Action Button","description":"A positioned primary action that can expand into an extended label and open a FAB menu.","type":"registry:ui","source_url":"https://tetra-ui.com/r/floating-action-button.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/floating-action-button.json"},{"name":"form","title":"Form","description":"Components and utilities that help you compose forms with react-hook-form.","type":"registry:ui","source_url":"https://tetra-ui.com/r/form.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/form.json"},{"name":"heading","title":"Heading","description":"A component to display headings.","type":"registry:ui","source_url":"https://tetra-ui.com/r/heading.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/heading.json"},{"name":"icons","title":"Icons","description":"Icon components styled with Tailwind classes for React Native.","type":"registry:ui","source_url":"https://tetra-ui.com/r/icons.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/icons.json"},{"name":"inline-list","title":"Inline List","description":"A grouped list section for settings-style rows with flexible leading and trailing addons.","type":"registry:ui","source_url":"https://tetra-ui.com/r/inline-list.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/inline-list.json"},{"name":"input","title":"Input","description":"A core component that allows users to enter text.","type":"registry:ui","source_url":"https://tetra-ui.com/r/input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/input.json"},{"name":"label","title":"Label","description":"A label component used to accompany form inputs.","type":"registry:ui","source_url":"https://tetra-ui.com/r/label.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/label.json"},{"name":"menu","title":"Menu","description":"A composable native menu built on Expo UI, with support for groups, separators, and nested submenus.","type":"registry:ui","source_url":"https://tetra-ui.com/r/menu.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/menu.json"},{"name":"bottom-sheet","title":"Bottom Sheet","description":"Interactive bottom sheet built on Expo UI with native snap points, gestures, and keyboard support.","type":"registry:ui","source_url":"https://tetra-ui.com/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/bottom-sheet.json"},{"name":"native-date-select","title":"Native Date Select","description":"A native date/time selection input built on Expo UI DatePicker (iOS) and DateTimePicker (Android). Always compose with Content; optionally add Trigger and Inpu…","type":"registry:ui","source_url":"https://tetra-ui.com/r/native-date-select.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/native-date-select.json"},{"name":"native-select","title":"Native Select","description":"A native single-selection input built on Expo UI Picker. Always compose with Content; optionally add Trigger and Input for a form-styled field or custom trigge…","type":"registry:ui","source_url":"https://tetra-ui.com/r/native-select.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/native-select.json"},{"name":"otp-input","title":"OTP Input","description":"A component for entering one-time passwords with individual character slots.","type":"registry:ui","source_url":"https://tetra-ui.com/r/otp-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/otp-input.json"},{"name":"password-input","title":"Password Input","description":"An input component that allows users to enter a password.","type":"registry:ui","source_url":"https://tetra-ui.com/r/password-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/password-input.json"},{"name":"popover","title":"Popover","description":"Displays content in a portal relative to the triggering button element.","type":"registry:ui","source_url":"https://tetra-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:ui","source_url":"https://tetra-ui.com/r/progress.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/progress.json"},{"name":"radio","title":"Radio","description":"A control that indicates a selected option within a group.","type":"registry:ui","source_url":"https://tetra-ui.com/r/radio.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/radio.json"},{"name":"portal","title":"Portal","description":"Renders children into a different part of the app.","type":"registry:ui","source_url":"https://tetra-ui.com/r/portal.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/portal.json"},{"name":"search-input","title":"Search Input","description":"An input component that allows users to search for content.","type":"registry:ui","source_url":"https://tetra-ui.com/r/search-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/search-input.json"},{"name":"scrim","title":"Scrim","description":"A blurred overlay that dims content behind a sheet, menu, or dialog.","type":"registry:ui","source_url":"https://tetra-ui.com/r/scrim.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/scrim.json"},{"name":"segmented-control","title":"Segmented Control","description":"A native single-select control for choosing between a small set of options.","type":"registry:ui","source_url":"https://tetra-ui.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/segmented-control.json"},{"name":"select","title":"Select","description":"A component that allows users to select a value from a list of options.","type":"registry:ui","source_url":"https://tetra-ui.com/r/select.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/select.json"},{"name":"separator","title":"Separator","description":"Divides content with a horizontal or vertical line.","type":"registry:ui","source_url":"https://tetra-ui.com/r/separator.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":"A component to display placeholder content while in a loading state.","type":"registry:ui","source_url":"https://tetra-ui.com/r/skeleton.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A control for selecting a value from a continuous or stepped range.","type":"registry:ui","source_url":"https://tetra-ui.com/r/slider.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/slider.json"},{"name":"slot","title":"Slot","description":"A utility component that allows merging props onto an optional child component.","type":"registry:ui","source_url":"https://tetra-ui.com/r/slot.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/slot.json"},{"name":"slots","title":"Slots","description":"Named slot fill and outlet helpers for composing compound native components.","type":"registry:lib","source_url":"https://tetra-ui.com/r/slots.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/slots.json"},{"name":"stack","title":"Stack","description":"A layout component that stacks children horizontally or vertically with consistent spacing.","type":"registry:ui","source_url":"https://tetra-ui.com/r/stack.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/stack.json"},{"name":"switch","title":"Switch","description":"A control that allows users to toggle between checked and unchecked states.","type":"registry:ui","source_url":"https://tetra-ui.com/r/switch.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/switch.json"},{"name":"swipeable","title":"Swipeable","description":"Swipe leading and trailing actions onto row content.","type":"registry:ui","source_url":"https://tetra-ui.com/r/swipeable.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/swipeable.json"},{"name":"text","title":"Text","description":"A lightweight wrapper around the React Native Text component to provide default styles.","type":"registry:ui","source_url":"https://tetra-ui.com/r/text.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/text.json"},{"name":"text-input","title":"TextInput","description":"A component that allows users to enter text.","type":"registry:ui","source_url":"https://tetra-ui.com/r/text-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/text-input.json"},{"name":"textarea-input","title":"Textarea Input","description":"A component that allows users to enter larger text.","type":"registry:ui","source_url":"https://tetra-ui.com/r/textarea-input.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/textarea-input.json"},{"name":"toast","title":"Toast","description":"An opinionated toast component for React Native.","type":"registry:ui","source_url":"https://tetra-ui.com/r/toast.json","install_command":"npx shadcn@latest add https://tetra-ui.com/r/toast.json"}]},{"id":"text-ui","name":"@text-ui","slug":"text-ui","description":"A minimal single-component shadcn/ui registry containing EchoText — a layered, multi-stroke text element where each letter's stroke layers follow the user's pointer in real time. Built with React and Tailwind CSS. The registry exposes one component (echo-text) installable via npx shadcn add @text-ui/echo-text. Fully free and open source. Use for: creating interactive hero text, animated logo wordmarks, or any pointer-reactive typographic accent when building marketing pages or creative portfolio sections.","author":"joelachance","framework":"react","license":null,"tags":["aesthetic","animation","blocks","charts","icons","marketing","mobile","saas"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://joelachance.github.io/text-ui/docs","github":"https://github.com/joelachance/text-ui","registry":"https://joelachance.github.io/text-ui/r/registry.json","source":"https://joelachance.github.io/text-ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/text-ui","markdown":"https://sh4dcn.netlify.app/md/text-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none'><rect width='120' height='120' rx='24' fill='var(--foreground, currentColor)' fill-opacity='0.08'/><g transform='translate(35.64 45.3)'><g transform='translate(24.36 14.7) scale(1 -1) translate(-24.36 -14.7)'><path fill='var(--foreground, currentColor)' d='M13.65 -0.67C17.43 -0.67 20.16 2.14 20.16 5.96L20.16 21.42C20.16 23.06 21.46 24.36 23.1 24.36C24.53 24.4 25.62 25.49 25.62 26.88C25.62 28.27 24.53 29.36 23.1 29.4L4.2 29.4C2.77 29.36 1.68 28.27 1.68 26.88C1.68 25.49 2.77 24.4 4.2 24.36C5.84 24.36 7.14 23.06 7.14 21.42L7.14 5.96C7.14 2.14 9.87 -0.67 13.65 -0.67ZM28.98 27.55L28.98 7.98C28.98 3.19 32.17 0 36.96 0L44.94 0L44.94 0.04C46.16 0.25 47.04 1.3 47.04 2.52C47.04 3.74 46.16 4.79 44.94 5L44.94 5.04C43.3 5.04 42 6.34 42 7.98L42 16.38C42 18.02 43.3 19.32 44.94 19.32C46.37 19.36 47.46 20.45 47.46 21.84C47.46 23.23 46.37 24.36 44.94 24.36L37.38 24.36C35.2 24.36 34.02 25.49 34.02 27.55C34.02 28.98 32.84 30.07 31.5 30.07C30.11 30.07 28.98 28.98 28.98 27.55Z'/></g></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":8,"open_issues":0,"last_commit":"2026-05-14T19:22:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json","install_bun":"bunx shadcn@latest add https://joelachance.github.io/text-ui/r/registry.json","clone":"git clone https://github.com/joelachance/text-ui.git","clone_degit":"npx degit joelachance/text-ui","registry_fetch":"curl -s https://joelachance.github.io/text-ui/r/registry.json"},"component_count":1,"components":[{"name":"echo-text","title":"EchoText","description":"Layered stroke text that follows the pointer for a simple motion trail effect.","type":"registry:component","source_url":"https://joelachance.github.io/text-ui/r/echo-text.json","install_command":"npx shadcn@latest add https://joelachance.github.io/text-ui/r/echo-text.json"}]},{"id":"thegridcn","name":"@thegridcn","slug":"thegridcn","description":"A Tron: Ares-inspired sci-fi design system and component registry for shadcn/ui. Ships 55+ base UI components plus 90+ Tron-flavored components including HUDs, Radars, Timers, 3D Grids, and Tunnel effects via Three.js, with six Greek-god color themes (Ares, Tron, Clu, Athena, Aphrodite, Poseidon) expressed as oklch() CSS variables. Components use React 19, Next.js, and Tailwind v4. Token export outputs per-theme CSS and JSON. Everything is raw TSX — no package lock-in. Free and open source (MIT). Use for: games, developer tools, cyberpunk-aesthetic dashboards, or any project needing a cohesive sci-fi/neon visual system with Three.js 3D effects.","author":"educlopez","framework":"react","license":null,"tags":["3d","accessibility","aesthetic","ai","animation","audio","auth","backgrounds","buttons","cards","charts","dashboard","design-system","developer-tools","forms","gaming","icons","loaders","maps","marketing","media","mobile","navigation","onboarding","overlays","retro","tables","theming"],"categories":["Theming/styling"],"labels":["recently-updated"],"urls":{"website":"https://thegridcn.com","github":"https://github.com/educlopez/thegridcn-ui","registry":"https://thegridcn.com/r/registry.json","source":"https://thegridcn.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/thegridcn","markdown":"https://sh4dcn.netlify.app/md/thegridcn.md"},"logo":"<svg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(#clip0_5_30)'><path d='M0 8H32' stroke='var(--foreground)' stroke-width='0.5'/><path d='M0 16H32' stroke='var(--foreground)' stroke-width='0.5'/><path d='M0 24H32' stroke='var(--foreground)' stroke-width='0.5'/><path d='M8 0V32' stroke='var(--foreground)' stroke-width='0.5'/><path d='M16 0V32' stroke='var(--foreground)' stroke-width='0.5'/><path d='M24 0V32' stroke='var(--foreground)' stroke-width='0.5'/><path d='M23 8H9C8.44772 8 8 8.44772 8 9V23C8 23.5523 8.44772 24 9 24H23C23.5523 24 24 23.5523 24 23V9C24 8.44772 23.5523 8 23 8Z' stroke='var(--foreground)' stroke-width='1.5'/><path d='M16 10V22' stroke='var(--foreground)' stroke-width='1.5'/><path d='M10 16H22' stroke='var(--foreground)' stroke-width='1.5'/><path d='M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17157 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17157 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='1.5'/><path d='M24 9.5C24.8284 9.5 25.5 8.82843 25.5 8C25.5 7.17157 24.8284 6.5 24 6.5C23.1716 6.5 22.5 7.17157 22.5 8C22.5 8.82843 23.1716 9.5 24 9.5Z' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='1.5'/><path d='M8 25.5C8.82843 25.5 9.5 24.8284 9.5 24C9.5 23.1716 8.82843 22.5 8 22.5C7.17157 22.5 6.5 23.1716 6.5 24C6.5 24.8284 7.17157 25.5 8 25.5Z' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='1.5'/><path d='M24 25.5C24.8284 25.5 25.5 24.8284 25.5 24C25.5 23.1716 24.8284 22.5 24 22.5C23.1716 22.5 22.5 23.1716 22.5 24C22.5 24.8284 23.1716 25.5 24 25.5Z' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='1.5'/><path d='M16 18C17.1046 18 18 17.1046 18 16C18 14.8954 17.1046 14 16 14C14.8954 14 14 14.8954 14 16C14 17.1046 14.8954 18 16 18Z' fill='var(--foreground)' stroke='var(--foreground)' stroke-width='1.5'/><path d='M2 2H6' stroke='var(--foreground)'/><path d='M2 2V6' stroke='var(--foreground)'/><path d='M30 2H26' stroke='var(--foreground)'/><path d='M30 2V6' stroke='var(--foreground)'/><path d='M2 30H6' stroke='var(--foreground)'/><path d='M2 30V26' stroke='var(--foreground)'/><path d='M30 30H26' stroke='var(--foreground)'/><path d='M30 30V26' stroke='var(--foreground)'/></g><defs><clipPath id='clip0_5_30'><rect width='32' height='32' fill='var(--background)'/></clipPath></defs></svg>","preview_image":"https://thegridcn.com/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":393,"open_issues":0,"last_commit":"2026-10-22T10:49:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://thegridcn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://thegridcn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://thegridcn.com/r/registry.json","clone":"git clone https://github.com/educlopez/thegridcn-ui.git","clone_degit":"npx degit educlopez/thegridcn-ui","registry_fetch":"curl -s https://thegridcn.com/r/registry.json"},"component_count":144,"components":[{"name":"accordion","title":"Accordion","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/accordion.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/accordion.json"},{"name":"alert","title":"Alert","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/alert.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/alert-dialog.json"},{"name":"anomaly-banner","title":"Anomaly Banner","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/anomaly-banner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/anomaly-banner.json"},{"name":"arrival-panel","title":"Arrival Panel","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/arrival-panel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/arrival-panel.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/aspect-ratio.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/avatar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/avatar.json"},{"name":"badge","title":"Badge","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/badge.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/badge.json"},{"name":"beam-marker","title":"Beam Marker","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/beam-marker.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/beam-marker.json"},{"name":"breadcrumb","title":"Breadcrumb","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/button.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/button.json"},{"name":"button-group","title":"Button Group","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/button-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/button-group.json"},{"name":"calendar","title":"Calendar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/calendar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/calendar.json"},{"name":"card","title":"Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/card.json"},{"name":"carousel","title":"Carousel","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/carousel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/carousel.json"},{"name":"chart","title":"Chart","description":"Helper to extract item config from a payload.","type":"registry:component","source_url":"https://thegridcn.com/r/chart.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/checkbox.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/checkbox.json"},{"name":"circuit-background","title":"Circuit Background","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/circuit-background.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/circuit-background.json"},{"name":"collapsible","title":"Collapsible","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/collapsible.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/collapsible.json"},{"name":"command","title":"Command","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/command.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/command.json"},{"name":"context-menu","title":"Context Menu","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/context-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/context-menu.json"},{"name":"crt-effect","title":"Crt Effect","description":"CRT monitor effect with scanlines, vignette, flicker, and scan sweep animation. * Wrap any content to give it a retro CRT monitor appearance.","type":"registry:component","source_url":"https://thegridcn.com/r/crt-effect.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/crt-effect.json"},{"name":"data-card","title":"Data Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/data-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/data-card.json"},{"name":"dialog","title":"Dialog","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/dialog.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/dialog.json"},{"name":"drawer","title":"Drawer","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/drawer.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/empty.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/empty.json"},{"name":"field","title":"Field","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/field.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/field.json"},{"name":"floating-panel","title":"Floating Panel","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/floating-panel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/floating-panel.json"},{"name":"form","title":"Form","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/form.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/form.json"},{"name":"glow-container","title":"Glow Container","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/glow-container.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/glow-container.json"},{"name":"grid","title":"Grid","description":"Convert hex to THREE.Color","type":"registry:component","source_url":"https://thegridcn.com/r/grid.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/grid.json"},{"name":"grid-floor","title":"Grid Floor","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/grid-floor.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/grid-floor.json"},{"name":"grid-scan-overlay","title":"Grid Scan Overlay","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/grid-scan-overlay.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/grid-scan-overlay.json"},{"name":"hover-card","title":"Hover Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/hover-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hover-card.json"},{"name":"hud","title":"Hud","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/hud.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hud.json"},{"name":"hud-corner-frame","title":"Hud Corner Frame","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/hud-corner-frame.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hud-corner-frame.json"},{"name":"input","title":"Input","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/input.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/input.json"},{"name":"input-group","title":"Input Group","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/input-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/input-group.json"},{"name":"input-otp","title":"Input Otp","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/input-otp.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/input-otp.json"},{"name":"item","title":"Item","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/item.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/item.json"},{"name":"kbd","title":"Kbd","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/kbd.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/kbd.json"},{"name":"label","title":"Label","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/label.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/label.json"},{"name":"location-display","title":"Location Display","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/location-display.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/location-display.json"},{"name":"map","title":"Map","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/map.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/map.json"},{"name":"menubar","title":"Menubar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/menubar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/pagination.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/pagination.json"},{"name":"popover","title":"Popover","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/popover.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/popover.json"},{"name":"progress","title":"Progress","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/progress.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/radio-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/radio-group.json"},{"name":"scroll-area","title":"Scroll Area","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/scroll-area.json"},{"name":"select","title":"Select","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/select.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/select.json"},{"name":"separator","title":"Separator","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/separator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/separator.json"},{"name":"sheet","title":"Sheet","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/sheet.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/sidebar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/skeleton.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/slider.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/slider.json"},{"name":"sonner","title":"Sonner","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/sonner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sonner.json"},{"name":"spinner","title":"Spinner","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/spinner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/spinner.json"},{"name":"status-bar","title":"Status Bar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/status-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/status-bar.json"},{"name":"switch","title":"Switch","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/switch.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/switch.json"},{"name":"table","title":"Table","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/table.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/table.json"},{"name":"tabs","title":"Tabs","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/tabs.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tabs.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/textarea.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/textarea.json"},{"name":"timeline-bar","title":"Timeline Bar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/timeline-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/timeline-bar.json"},{"name":"timer","title":"Timer","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/timer.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/timer.json"},{"name":"toggle","title":"Toggle","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/toggle.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/tooltip.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tooltip.json"},{"name":"tunnel","title":"Tunnel","description":"Instanced tunnel rings for better performance","type":"registry:component","source_url":"https://thegridcn.com/r/tunnel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tunnel.json"},{"name":"uplink-header","title":"Uplink Header","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/uplink-header.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/uplink-header.json"},{"name":"video-player","title":"Video Player","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/video-player.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/video-player.json"},{"name":"video-progress","title":"Video Progress","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/video-progress.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/video-progress.json"},{"name":"terminal","title":"Terminal","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/terminal.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/terminal.json"},{"name":"energy-meter","title":"Energy Meter","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/energy-meter.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/energy-meter.json"},{"name":"progress-ring","title":"Progress Ring","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/progress-ring.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/progress-ring.json"},{"name":"diagnostics-panel","title":"Diagnostics Panel","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/diagnostics-panel.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/diagnostics-panel.json"},{"name":"identity-disc","title":"Identity Disc","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/identity-disc.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/identity-disc.json"},{"name":"gauge","title":"Gauge","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/gauge.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/gauge.json"},{"name":"waveform","title":"Waveform","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/waveform.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/waveform.json"},{"name":"data-stream","title":"Data Stream","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/data-stream.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/data-stream.json"},{"name":"boot-sequence","title":"Boot Sequence","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/boot-sequence.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/boot-sequence.json"},{"name":"signal-indicator","title":"Signal Indicator","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/signal-indicator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/signal-indicator.json"},{"name":"notification","title":"Notification","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/notification.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/notification.json"},{"name":"stepper","title":"Stepper","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/stepper.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stepper.json"},{"name":"tag","title":"Tag","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/tag.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/tag.json"},{"name":"stat-card","title":"Stat Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/stat-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stat-card.json"},{"name":"sparkline","title":"Sparkline","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/sparkline.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/sparkline.json"},{"name":"feature-card","title":"Feature Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/feature-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/feature-card.json"},{"name":"pricing-card","title":"Pricing Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/pricing-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/pricing-card.json"},{"name":"testimonial-card","title":"Testimonial Card","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/testimonial-card.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/testimonial-card.json"},{"name":"stats-counter","title":"Stats Counter","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/stats-counter.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stats-counter.json"},{"name":"cta-banner","title":"CTA Banner","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/cta-banner.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/cta-banner.json"},{"name":"heatmap","title":"Heatmap","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/heatmap.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/heatmap.json"},{"name":"logo-cloud","title":"Logo Cloud","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/logo-cloud.json"},{"name":"comparison-table","title":"Comparison Table","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/comparison-table.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/comparison-table.json"},{"name":"changelog","title":"Changelog","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/changelog.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/changelog.json"},{"name":"progress-bar","title":"Progress Bar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/progress-bar.json"},{"name":"avatar-group","title":"Avatar Group","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/avatar-group.json"},{"name":"bento-grid","title":"Bento Grid","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/bento-grid.json"},{"name":"marquee","title":"Marquee","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/marquee.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/marquee.json"},{"name":"divider","title":"Divider","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/divider.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/divider.json"},{"name":"agent-avatar","title":"Agent Avatar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/agent-avatar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/agent-avatar.json"},{"name":"faq","title":"FAQ","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/faq.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/faq.json"},{"name":"thegridcn-timeline","title":"Timeline","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-timeline.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-timeline.json"},{"name":"announcement-bar","title":"Announcement Bar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/announcement-bar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/announcement-bar.json"},{"name":"data-table","title":"Data Table","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/data-table.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/data-table.json"},{"name":"rating","title":"Rating","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/rating.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/rating.json"},{"name":"thegridcn-skeleton","title":"Skeleton","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-skeleton.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-skeleton.json"},{"name":"breadcrumb-nav","title":"Breadcrumb Nav","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/breadcrumb-nav.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/breadcrumb-nav.json"},{"name":"command-menu","title":"Command Menu","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/command-menu.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/command-menu.json"},{"name":"thegridcn-tabs","title":"Tabs","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-tabs.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-tabs.json"},{"name":"thegridcn-tooltip","title":"Tooltip","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-tooltip.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-tooltip.json"},{"name":"modal","title":"Modal","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/modal.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/modal.json"},{"name":"dropdown","title":"Dropdown","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/dropdown.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/dropdown.json"},{"name":"thegridcn-toggle","title":"Toggle","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-toggle.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-toggle.json"},{"name":"thegridcn-pagination","title":"Pagination","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-pagination.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-pagination.json"},{"name":"file-upload","title":"File Upload","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/file-upload.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/file-upload.json"},{"name":"kanban-board","title":"Kanban Board","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/kanban-board.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/kanban-board.json"},{"name":"empty-state","title":"Empty State","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/empty-state.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/empty-state.json"},{"name":"thegridcn-badge","title":"Badge","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-badge.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-badge.json"},{"name":"toast","title":"Toast","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/toast.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/toast.json"},{"name":"thegridcn-slider","title":"Slider","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-slider.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-slider.json"},{"name":"thegridcn-select","title":"Select","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-select.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-select.json"},{"name":"text-input","title":"Text Input","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/text-input.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/text-input.json"},{"name":"number-input","title":"Number Input","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/number-input.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/number-input.json"},{"name":"chip","title":"Chip","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/chip.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/chip.json"},{"name":"coordinate-display","title":"Coordinate Display","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/coordinate-display.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/coordinate-display.json"},{"name":"countdown","title":"Countdown","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/countdown.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/countdown.json"},{"name":"derez-timer","title":"Derez Timer","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/derez-timer.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/derez-timer.json"},{"name":"hud-frame","title":"HUD Frame","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/hud-frame.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/hud-frame.json"},{"name":"map-marker","title":"Map Marker","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/map-marker.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/map-marker.json"},{"name":"radar","title":"Radar","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/radar.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/radar.json"},{"name":"regen-indicator","title":"Regen Indicator","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/regen-indicator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/regen-indicator.json"},{"name":"reticle","title":"Reticle","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/reticle.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/reticle.json"},{"name":"speed-indicator","title":"Speed Indicator","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/speed-indicator.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/speed-indicator.json"},{"name":"stat","title":"Stat","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/stat.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/stat.json"},{"name":"thegridcn-alert","title":"Tron Alert","description":null,"type":"registry:component","source_url":"https://thegridcn.com/r/thegridcn-alert.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/thegridcn-alert.json"},{"name":"font-rajdhani","title":"Rajdhani","description":"Rajdhani body font used by The Gridcn.","type":"registry:font","source_url":"https://thegridcn.com/r/font-rajdhani.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/font-rajdhani.json"},{"name":"font-orbitron","title":"Orbitron","description":"Orbitron display/heading font used by The Gridcn.","type":"registry:font","source_url":"https://thegridcn.com/r/font-orbitron.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/font-orbitron.json"},{"name":"font-geist-mono","title":"Geist Mono","description":"Geist Mono code font used by The Gridcn.","type":"registry:font","source_url":"https://thegridcn.com/r/font-geist-mono.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/font-geist-mono.json"},{"name":"radix-vega","title":"The Gridcn (Radix / Vega)","description":"The Gridcn on Radix UI with Vega (New York) style, aliases, fonts, and the @thegridcn registry.","type":"registry:base","source_url":"https://thegridcn.com/r/radix-vega.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/radix-vega.json"},{"name":"base-vega","title":"The Gridcn (Base UI / Vega)","description":"The Gridcn on Base UI with Vega (New York) style, aliases, fonts, and the @thegridcn registry.","type":"registry:base","source_url":"https://thegridcn.com/r/base-vega.json","install_command":"npx shadcn@latest add https://thegridcn.com/r/base-vega.json"}]},{"id":"toc-cn","name":"@toc-cn","slug":"toc-cn","description":"A single-component shadcn/ui registry providing a documentation-style table of contents with IntersectionObserver scroll spy, an animated SVG tree indicator showing reading progress, and a mobile-first sticky collapsible header that expands into the full TOC. Supports nested headings with indented hierarchy. Installed via npx shadcn add from tocn.vercel.app. Built with React, Next.js, and Tailwind CSS. Free and open source. Use for: documentation sites, long-form content pages, or MDX-based docs built with Next.js that need a polished, animated in-page navigation sidebar.","author":"lenxism","framework":"react","license":null,"tags":["aesthetic","animation","blocks","cms","dashboard","forms","loaders","mobile","navigation","tables"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://tocn.vercel.app","github":"https://github.com/lenxism/tocn","registry":"https://tocn.vercel.app/r/registry.json","source":"https://tocn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/toc-cn","markdown":"https://sh4dcn.netlify.app/md/toc-cn.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 5h18M3 12h12M3 19h14\"/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-05-25T04:23:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tocn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tocn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://tocn.vercel.app/r/registry.json","clone":"git clone https://github.com/lenxism/tocn.git","clone_degit":"npx degit lenxism/tocn","registry_fetch":"curl -s https://tocn.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"table-of-contents","title":"Table of Contents","description":"In-page documentation table of contents with scroll-position spy, animated SVG tree indicator, and mobile sticky collapsible.","type":"registry:block","source_url":"https://tocn.vercel.app/r/table-of-contents.json","install_command":"npx shadcn@latest add https://tocn.vercel.app/r/table-of-contents.json"}]},{"id":"tokenui","name":"@tokenui","slug":"tokenui","description":"A shadcn/ui registry of interactive documentation components for displaying design tokens, aligned with the W3C Design Tokens Community Group specification (2025.10). Implements ColorToken, SpacingToken, RadiusToken, FontFamilyToken, FontWeightToken, DurationToken, NumberToken, ElevationToken, and TypographyToken — covering most core DTCG types. TypeScript-first with full type inference. Built on shadcn/ui, extensible and framework-agnostic for React-based doc sites. Free and open source. Use for: design system documentation pages that need to render live, interactive token swatches and specs following W3C standards.","author":"gmlnchv","framework":"react","license":null,"tags":["buttons","charts","components","design-system","icons","overlays","theming"],"categories":["Design system"],"labels":[],"urls":{"website":"https://www.tokenui.dev","github":"https://github.com/gmlnchv/token-ui","registry":"https://www.tokenui.dev/r/registry.json","source":"https://www.tokenui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tokenui","markdown":"https://sh4dcn.netlify.app/md/tokenui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'><circle cx='16.9' cy='18' r='16' fill='var(--foreground)'/><circle cx='16.9' cy='16' r='16' fill='var(--background)'/><circle cx='16.9' cy='17' r='13' fill='var(--foreground)'/><circle cx='16.9' cy='19' r='13' fill='var(--background)'/></svg>","preview_image":"https://tokenui.dev/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-02-24T09:41:05Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.tokenui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.tokenui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.tokenui.dev/r/registry.json","clone":"git clone https://github.com/gmlnchv/token-ui.git","clone_degit":"npx degit gmlnchv/token-ui","registry_fetch":"curl -s https://www.tokenui.dev/r/registry.json"},"component_count":17,"components":[{"name":"button","title":"Button","description":"A button component with multiple variants and sizes.","type":"registry:ui","source_url":"https://www.tokenui.dev/r/button.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/button.json"},{"name":"tooltip","title":"Tooltip","description":"A tooltip component for displaying contextual information.","type":"registry:ui","source_url":"https://www.tokenui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/tooltip.json"},{"name":"token","title":"Token","description":"A tooltip-based component for documenting design tokens. Includes TokenIndicator for visual value display.","type":"registry:component","source_url":"https://www.tokenui.dev/r/token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/token.json"},{"name":"icon-token","title":"BaseIconToken","description":"A base token variant that renders an icon next to the token name; use it to build custom icon tokens.","type":"registry:component","source_url":"https://www.tokenui.dev/r/icon-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/icon-token.json"},{"name":"color-token","title":"ColorToken","description":"A specialized component for documenting color tokens.","type":"registry:component","source_url":"https://www.tokenui.dev/r/color-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-token.json"},{"name":"elevation-token","title":"ElevationToken","description":"A token variant with a layers icon for elevation and shadow values.","type":"registry:component","source_url":"https://www.tokenui.dev/r/elevation-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/elevation-token.json"},{"name":"duration-token","title":"DurationToken","description":"A token variant with a timer icon for animation or transition durations.","type":"registry:component","source_url":"https://www.tokenui.dev/r/duration-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/duration-token.json"},{"name":"spacing-token","title":"SpacingToken","description":"A token variant with a ruler icon for spacing, padding, and gap values.","type":"registry:component","source_url":"https://www.tokenui.dev/r/spacing-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/spacing-token.json"},{"name":"typography-token","title":"TypographyToken","description":"A token variant with a typography icon for font, size, and line-height values.","type":"registry:component","source_url":"https://www.tokenui.dev/r/typography-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/typography-token.json"},{"name":"order-token","title":"OrderToken","description":"A token variant with a layers-2 icon for z-index and stacking contexts.","type":"registry:component","source_url":"https://www.tokenui.dev/r/order-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/order-token.json"},{"name":"radius-token","title":"RadiusToken","description":"A token variant with a spline icon for border radius values.","type":"registry:component","source_url":"https://www.tokenui.dev/r/radius-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/radius-token.json"},{"name":"font-family-token","title":"FontFamilyToken","description":"A token variant with a type icon for font family values.","type":"registry:component","source_url":"https://www.tokenui.dev/r/font-family-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/font-family-token.json"},{"name":"font-weight-token","title":"FontWeightToken","description":"A token variant with a weight icon for font weight values.","type":"registry:component","source_url":"https://www.tokenui.dev/r/font-weight-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/font-weight-token.json"},{"name":"number-token","title":"NumberToken","description":"A token variant with a hash icon for numeric values like line-height.","type":"registry:component","source_url":"https://www.tokenui.dev/r/number-token.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/number-token.json"},{"name":"color-swatch","title":"ColorSwatch","description":"A primitive component for displaying a single color swatch with an optional hover label.","type":"registry:component","source_url":"https://www.tokenui.dev/r/color-swatch.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-swatch.json"},{"name":"color-contrast","title":"ColorContrast","description":"A component for displaying accessibility contrast algorithms visually inline, natively hooking into ColorSwatch.","type":"registry:component","source_url":"https://www.tokenui.dev/r/color-contrast.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-contrast.json"},{"name":"color-palette","title":"ColorPalette","description":"A component for displaying color collections including ramps, scales, and palettes","type":"registry:component","source_url":"https://www.tokenui.dev/r/color-palette.json","install_command":"npx shadcn@latest add https://www.tokenui.dev/r/color-palette.json"}]},{"id":"tool-ui","name":"@tool-ui","slug":"tool-ui","description":"Open-source shadcn/ui-based copy-paste components for rendering AI tool-call results as rich interactive widgets in chat interfaces, built by the assistant-ui team. Covers ~25 components across five categories: Progress (Plan, Progress Tracker), Input (Option List, Parameter Slider, Preferences Panel, Question Flow), Display (Citation, Geo Map, Item Carousel, Link Preview, Stats Display, Terminal, Weather Widget), Artifacts (Chart, Code Block, Code Diff, Data Table, Instagram Post, LinkedIn Post, Message Draft, X Post), Confirmation (Approval Card, Order Summary), and Media (Audio, Image, Image Gallery, Video). Each component includes a Zod schema for payload validation. Free MIT. Use for: AI chat applications that need to surface structured tool call outputs as interactive, user-friendly UI rather than raw JSON.","author":"assistant-ui","framework":"react","license":"MIT","tags":["ai","audio","blocks","cards","charts","cms","dashboard","developer-tools","forms","loaders","maps","media","pro-available","retro","tables"],"categories":["AI/chat UI"],"labels":["featured","deprecated","pro"],"urls":{"website":"https://www.tool-ui.com","github":"https://github.com/assistant-ui/tool-ui","registry":"https://www.tool-ui.com/r/registry.json","source":"https://www.tool-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tool-ui","markdown":"https://sh4dcn.netlify.app/md/tool-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='var(--foreground)' d='M12 1 21.526 6.5v11L12 23 2.474 17.5v-11z'/><circle cx='12' cy='12' r='5' fill='var(--background)'/></svg>","preview_image":"https://www.assistant-ui.com/api/og?title=Elements&amp;description=151+interface+pieces+for+AI+products%3A+reasoning%2C+tool+calls%2C+approvals%2C+artifacts%2C+and+the+composer+itself.+Every+demo+is+live%2C+every+element+ships+its+source.","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://www.tool-ui.com/pricing"},"metrics":{"github_stars":779,"open_issues":2,"last_commit":"2026-08-31T06:50:26Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.tool-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.tool-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.tool-ui.com/r/registry.json","clone":"git clone https://github.com/assistant-ui/tool-ui.git","clone_degit":"npx degit assistant-ui/tool-ui","registry_fetch":"curl -s https://www.tool-ui.com/r/registry.json"},"component_count":27,"components":[{"name":"approval-card","title":"Approval Card","description":"Binary confirmation for agent actions.","type":"registry:block","source_url":"https://www.tool-ui.com/r/approval-card.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/approval-card.json"},{"name":"audio","title":"Audio","description":"Audio playback with artwork and metadata.","type":"registry:block","source_url":"https://www.tool-ui.com/r/audio.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/audio.json"},{"name":"chart","title":"Chart","description":"Visualize data with interactive charts.","type":"registry:block","source_url":"https://www.tool-ui.com/r/chart.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/chart.json"},{"name":"citation","title":"Citation","description":"Display source references with attribution.","type":"registry:block","source_url":"https://www.tool-ui.com/r/citation.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/citation.json"},{"name":"code-block","title":"Code Block","description":"Display syntax-highlighted code snippets.","type":"registry:block","source_url":"https://www.tool-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/code-block.json"},{"name":"code-diff","title":"Code Diff","description":"Code Diff component for AI interfaces.","type":"registry:block","source_url":"https://www.tool-ui.com/r/code-diff.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/code-diff.json"},{"name":"data-table","title":"Data Table","description":"Sortable, responsive data tables for tool call results.","type":"registry:block","source_url":"https://www.tool-ui.com/r/data-table.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/data-table.json"},{"name":"geo-map","title":"Geo Map","description":"Display geolocated entities and fleet positions.","type":"registry:block","source_url":"https://www.tool-ui.com/r/geo-map.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/geo-map.json"},{"name":"image","title":"Image","description":"Display images with metadata and attribution.","type":"registry:block","source_url":"https://www.tool-ui.com/r/image.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/image.json"},{"name":"image-gallery","title":"Image Gallery","description":"Grid layout for browsing image collections.","type":"registry:block","source_url":"https://www.tool-ui.com/r/image-gallery.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/image-gallery.json"},{"name":"instagram-post","title":"Instagram Post","description":"Render Instagram post previews.","type":"registry:block","source_url":"https://www.tool-ui.com/r/instagram-post.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/instagram-post.json"},{"name":"item-carousel","title":"Item Carousel","description":"Horizontal carousel for browsing collections.","type":"registry:block","source_url":"https://www.tool-ui.com/r/item-carousel.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/item-carousel.json"},{"name":"link-preview","title":"Link Preview","description":"Rich link previews with OG data.","type":"registry:block","source_url":"https://www.tool-ui.com/r/link-preview.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/link-preview.json"},{"name":"linkedin-post","title":"Linkedin Post","description":"Render LinkedIn post previews.","type":"registry:block","source_url":"https://www.tool-ui.com/r/linkedin-post.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/linkedin-post.json"},{"name":"message-draft","title":"Message Draft","description":"Review and confirm drafted messages before sending.","type":"registry:block","source_url":"https://www.tool-ui.com/r/message-draft.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/message-draft.json"},{"name":"option-list","title":"Option List","description":"Single or multi-select choices with confirmation actions.","type":"registry:block","source_url":"https://www.tool-ui.com/r/option-list.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/option-list.json"},{"name":"order-summary","title":"Order Summary","description":"Itemized purchase confirmation with pricing.","type":"registry:block","source_url":"https://www.tool-ui.com/r/order-summary.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/order-summary.json"},{"name":"parameter-slider","title":"Parameter Slider","description":"Numeric parameter adjustment controls.","type":"registry:block","source_url":"https://www.tool-ui.com/r/parameter-slider.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/parameter-slider.json"},{"name":"plan","title":"Plan","description":"Display step-by-step task workflows in AI interfaces.","type":"registry:block","source_url":"https://www.tool-ui.com/r/plan.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/plan.json"},{"name":"preferences-panel","title":"Preferences Panel","description":"Compact settings panel for user preferences.","type":"registry:block","source_url":"https://www.tool-ui.com/r/preferences-panel.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/preferences-panel.json"},{"name":"progress-tracker","title":"Progress Tracker","description":"Show real-time status feedback for multi-step operations in AI interfaces.","type":"registry:block","source_url":"https://www.tool-ui.com/r/progress-tracker.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/progress-tracker.json"},{"name":"question-flow","title":"Question Flow","description":"Multi-step guided questions with branching.","type":"registry:block","source_url":"https://www.tool-ui.com/r/question-flow.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/question-flow.json"},{"name":"stats-display","title":"Stats Display","description":"Display key metrics in compact cards.","type":"registry:block","source_url":"https://www.tool-ui.com/r/stats-display.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/stats-display.json"},{"name":"terminal","title":"Terminal","description":"Show command-line output and logs.","type":"registry:block","source_url":"https://www.tool-ui.com/r/terminal.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/terminal.json"},{"name":"video","title":"Video","description":"Video playback with controls and poster.","type":"registry:block","source_url":"https://www.tool-ui.com/r/video.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/video.json"},{"name":"weather-widget","title":"Weather Widget","description":"Display weather conditions and forecasts.","type":"registry:block","source_url":"https://www.tool-ui.com/r/weather-widget.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/weather-widget.json"},{"name":"x-post","title":"X Post","description":"Render X (Twitter) post previews.","type":"registry:block","source_url":"https://www.tool-ui.com/r/x-post.json","install_command":"npx shadcn@latest add https://www.tool-ui.com/r/x-post.json"}]},{"id":"tour","name":"@tour","slug":"tour","description":"A single shadcn/ui-compatible component for building interactive product onboarding tours in React applications. Handles step sequencing, popover positioning relative to target elements, and progression controls, designed to integrate directly with shadcn/ui's existing Popover and Dialog primitives and Tailwind CSS styling. Free and open source (MIT). Use for: SaaS or internal tool UIs that need a lightweight, shadcn-native step-by-step onboarding tour without pulling in a heavyweight third-party tour library.","author":"tonghohin","framework":"react","license":"MIT","tags":["design-system","hooks","loaders","onboarding","overlays","saas","theming"],"categories":["Niche/single-purpose"],"labels":["featured"],"urls":{"website":"https://onboarding-tour.vercel.app","github":"https://github.com/tonghohin/tour","registry":"https://onboarding-tour.vercel.app/r/registry.json","source":"https://onboarding-tour.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tour","markdown":"https://sh4dcn.netlify.app/md/tour.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-binoculars-icon lucide-binoculars fill-none!'><path d='M10 10h4'/><path d='M19 7V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3'/><path d='M20 21a2 2 0 0 0 2-2v-3.851c0-1.39-2-2.962-2-4.829V8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v11a2 2 0 0 0 2 2z'/><path d='M 22 16 L 2 16'/><path d='M4 21a2 2 0 0 1-2-2v-3.851c0-1.39 2-2.962 2-4.829V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v11a2 2 0 0 1-2 2z'/><path d='M9 7V4a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v3'/></svg>","preview_image":"https://onboarding-tour.vercel.app/og?title=Tour&amp;description=A%20component%20for%20building%20onboarding%20tours.%20Designed%20to%20integrate%20with%20shadcn%2Fui.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":70,"open_issues":0,"last_commit":"2026-08-08T16:20:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://onboarding-tour.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://onboarding-tour.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://onboarding-tour.vercel.app/r/registry.json","clone":"git clone https://github.com/tonghohin/tour.git","clone_degit":"npx degit tonghohin/tour","registry_fetch":"curl -s https://onboarding-tour.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"tour","title":"Tour","description":"A tour component.","type":"registry:ui","source_url":"https://onboarding-tour.vercel.app/r/tour.json","install_command":"npx shadcn@latest add https://onboarding-tour.vercel.app/r/tour.json"}]},{"id":"trophy-ui","name":"@trophy-ui","slug":"trophy-ui","description":"Open-source gamification UI component library built on shadcn/ui and Tailwind CSS v4, maintained by Trophy. Provides ready-made components for streaks (StreakBadge), achievements (Achievement), leaderboards (LeaderboardCard), points, XP charts (PointsChart), levels, and event banners. Components are pulled individually via the shadcn CLI using Trophy's registry URL. Requires React 18+, Tailwind CSS v4, and an initialized shadcn/ui project. Free and MIT-licensed. Use for: SaaS apps, learning platforms, or consumer products adding gamification mechanics (streaks, XP, leaderboards) that need prebuilt, themeable display components rather than building from scratch.","author":"trophyso","framework":"react","license":"MIT","tags":["cards","charts","dashboard","design-system","forms","gaming","overlays","saas","theming"],"categories":["Niche/single-purpose"],"labels":["featured","recently-updated"],"urls":{"website":"https://ui.trophy.so","github":"https://github.com/trophyso/ui","registry":"https://ui.trophy.so/r/registry.json","source":"https://ui.trophy.so/r/registry.json","page":"https://sh4dcn.netlify.app/registry/trophy-ui","markdown":"https://sh4dcn.netlify.app/md/trophy-ui.md"},"logo":"<svg width='32' height='51' viewBox='0 0 40 64' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='32' y='70.75' width='13' height='15' transform='rotate(180 28 64.75)' fill='var(--foreground)'/><rect x='32' y='55.75' width='13' height='13' transform='rotate(180 28 49.75)' fill='var(--foreground)'/><rect x='19' y='55.75' width='15' height='13' transform='rotate(180 15 49.75)' fill='var(--foreground)'/><rect x='53.5' y='49.25' width='13' height='15' transform='rotate(180 49.5 43.25)' fill='var(--foreground)'/><rect x='53.5' y='34.25' width='13' height='13' transform='rotate(180 49.5 28.25)' fill='var(--foreground)'/><rect x='40.5' y='34.25' width='15' height='13' transform='rotate(180 36.5 28.25)' fill='var(--foreground)'/></svg>","preview_image":"https://ui.trophy.so/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":152,"open_issues":0,"last_commit":"2026-10-16T14:46:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.trophy.so/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.trophy.so/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.trophy.so/r/registry.json","clone":"git clone https://github.com/trophyso/ui.git","clone_degit":"npx degit trophyso/ui","registry_fetch":"curl -s https://ui.trophy.so/r/registry.json"},"component_count":18,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://ui.trophy.so/r/index.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/index.json"},{"name":"streak-badge","title":"Streak Badge","description":"React streak counter UI in a compact badge supporting daily, weekly, monthly or yearly streaks. Built on shadcn/ui + Tailwind. Open source.","type":"registry:ui","source_url":"https://ui.trophy.so/r/streak-badge.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/streak-badge.json"},{"name":"streak-calendar","title":"Streak Calendar","description":"React streak calendar for gamification—week, month, and git-style grids to visualize consistency. Native support for streak freezes. Ideal streak UI design for…","type":"registry:ui","source_url":"https://ui.trophy.so/r/streak-calendar.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/streak-calendar.json"},{"name":"streak-card","title":"Streak Card","description":"Full streak UI card for React. Daily streak display, longest streak record with optional section for streak rules. Built on shadcn/ui + Tailwind. Open source.","type":"registry:ui","source_url":"https://ui.trophy.so/r/streak-card.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/streak-card.json"},{"name":"achievement-badge","title":"Achievement Badge","description":"Open source React achievement badge component with locked/unlocked states, progress rings and rarity support. Use for achievement UI design and collections. Bu…","type":"registry:ui","source_url":"https://ui.trophy.so/r/achievement-badge.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-badge.json"},{"name":"achievement-grid","title":"Achievement Grid","description":"Responsive React achievement grid for displaying collections of badges with progress and rarity across breakpoints. Ideal achievement UI design for galleries a…","type":"registry:ui","source_url":"https://ui.trophy.so/r/achievement-grid.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-grid.json"},{"name":"achievement-list","title":"Achievement List","description":"Vertical React achievement list with icons, descriptions, and optional progress for dense achievement UI. Complements grids and cards in gamification dashboard…","type":"registry:ui","source_url":"https://ui.trophy.so/r/achievement-list.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-list.json"},{"name":"achievement-unlocked","title":"Achievement Unlocked","description":"Celebratory React dialog for newly unlocked achievements with headline, badge, and share actions. Use for unlock moments, level up animations and more. Built o…","type":"registry:ui","source_url":"https://ui.trophy.so/r/achievement-unlocked.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-unlocked.json"},{"name":"achievement-card","title":"Achievement Card","description":"React achievement card with totals, featured badges, and scrollable lists for profile and progress surfaces. Fits achievement UI examples in SaaS, consumer and…","type":"registry:ui","source_url":"https://ui.trophy.so/r/achievement-card.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/achievement-card.json"},{"name":"leaderboard-rankings","title":"Leaderboard Rankings","description":"React leaderboard rankings list—avatars, scores, bylines, and crown highlights for full tables. Open-source leaderboard UI for games, communities, and SaaS cha…","type":"registry:ui","source_url":"https://ui.trophy.so/r/leaderboard-rankings.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/leaderboard-rankings.json"},{"name":"leaderboard-podium","title":"Leaderboard Podium","description":"Top-three React leaderboard podium with crowns, avatars, and ranks for competitive gamification. Leaderboard UI component for highlights and recap screens. Bui…","type":"registry:ui","source_url":"https://ui.trophy.so/r/leaderboard-podium.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/leaderboard-podium.json"},{"name":"leaderboard-card","title":"Leaderboard Card","description":"React leaderboard component that composes title, date range, podium, and rankings—one card for competitive gamification UIs. Fits Next.js and React apps. Built…","type":"registry:ui","source_url":"https://ui.trophy.so/r/leaderboard-card.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/leaderboard-card.json"},{"name":"points-badge","title":"Points Badge","description":"Compact React points badge for totals and currency-style scores in gamification UIs. Fits XP-style displays alongside charts and lists. Built on shadcn/ui + Ta…","type":"registry:ui","source_url":"https://ui.trophy.so/r/points-badge.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-badge.json"},{"name":"points-chart","title":"Points Chart","description":"React chart for points over time. Displays trends, campaigns, and seasonality in gamification analytics views. Complements badges and levels. Built on Recharts…","type":"registry:ui","source_url":"https://ui.trophy.so/r/points-chart.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-chart.json"},{"name":"points-awards","title":"Points Awards","description":"React points activity feed with dated events, totals, and trigger types for gamification timelines. Useful for XP and currency ledgers in dashboards. Built on …","type":"registry:ui","source_url":"https://ui.trophy.so/r/points-awards.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-awards.json"},{"name":"points-levels-timeline","title":"Points Levels Timeline","description":"Vertical React timeline for level progression. Supports sub-levels, thresholds, and level progress for gamification roadmaps. Complements Points Levels List. B…","type":"registry:ui","source_url":"https://ui.trophy.so/r/points-levels-timeline.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-levels-timeline.json"},{"name":"points-levels-list","title":"Points Levels List","description":"React levels list with optional progress bar between tiers. Built on shadcn/ui + Tailwind. Open source.","type":"registry:ui","source_url":"https://ui.trophy.so/r/points-levels-list.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-levels-list.json"},{"name":"points-boost","title":"Points Boost","description":"React callout for points multipliers and limited-time boosts. Supports optional countdown for near-ending gamification campaigns. Built on shadcn/ui + Tailwind…","type":"registry:ui","source_url":"https://ui.trophy.so/r/points-boost.json","install_command":"npx shadcn@latest add https://ui.trophy.so/r/points-boost.json"}]},{"id":"turbopills-ui","name":"@turbopills-ui","slug":"turbopills-ui","description":"A React component library purpose-built for telehealth and healthcare application UIs. Documented components include Input, Masked Input, Multiple Choice, Single Choice, and Progress — form-oriented primitives suited to patient intake flows, clinical questionnaires, and prescription/medication management interfaces. Built with Tailwind CSS and shadcn/ui conventions. No public GitHub listed; commercial product origin. Use for: telehealth platforms, patient-facing apps, or health-tech products that need accessible, healthcare-appropriate form components without building branded clinical UI patterns from scratch.","author":null,"framework":"react","license":null,"tags":["accessibility","cards","components","design-system","forms","hooks","loaders"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://www.turbopills.com/ui/docs","github":"N/A","registry":"https://ui.turbopills.com/r/registry.json","source":"https://ui.turbopills.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/turbopills-ui","markdown":"https://sh4dcn.netlify.app/md/turbopills-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' version='1.0' width='597.000000pt' height='525.000000pt' viewBox='0 0 597.000000 525.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,525.000000) scale(0.100000,-0.100000)' fill='var(--foreground, currentColor)' stroke='none'><path d='M1816 5223 l-1809 -3 6 -108 c24 -383 241 -748 579 -969 113 -74 205   -118 338 -162 178 -58 237 -64 678 -70 l404 -6 14 33 c56 136 213 367 364 538   283 320 747 605 1163 716 48 12 87 26 87 30 0 5 -3 7 -7 6 -5 -2 -822 -4   -1817 -5z'/><path d='M4630 5209 c-983 -101 -1863 -612 -2297 -1334 -249 -414 -394 -925   -462 -1625 -28 -287 -29 -310 -19 -304 4 3 8 12 8 20 0 19 87 192 163 324 413   718 1068 1274 1797 1522 228 78 466 118 703 118 506 0 811 110 1079 389 135   139 217 274 283 462 43 123 60 208 70 342 l7 97 -623 -1 c-343 -1 -662 -6   -709 -10z'/><path d='M3876 3584 c-339 -138 -733 -410 -1041 -719 -347 -347 -596 -694   -840 -1170 -188 -367 -356 -851 -435 -1250 -31 -157 -60 -344 -60 -389 l0 -39   183 7 c224 8 336 20 497 52 676 135 1179 580 1326 1174 19 74 56 257 83 405   94 515 222 1211 256 1390 50 268 97 545 93 555 -2 4 -29 -2 -62 -16z'/></g></svg>","preview_image":"https://www.turbopills.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.turbopills.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.turbopills.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.turbopills.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://ui.turbopills.com/r/registry.json"},"component_count":10,"components":[{"name":"before-after-card","title":"Before / After Card","description":"A before/after image card with a footer badge.","type":"registry:block","source_url":"https://ui.turbopills.com/r/before-after-card.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/before-after-card.json"},{"name":"bmi-card","title":"BMI Card","description":"A configurable BMI indicator ring with thresholds and tooltip.","type":"registry:block","source_url":"https://ui.turbopills.com/r/bmi-card.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/bmi-card.json"},{"name":"input","title":"Input","description":"Input field with title, hint, suffix and error message.","type":"registry:component","source_url":"https://ui.turbopills.com/r/input.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/input.json"},{"name":"masked-input","title":"Masked Input","description":"Masked input with presets (tel/date) and optional calendar picker.","type":"registry:component","source_url":"https://ui.turbopills.com/r/masked-input.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/masked-input.json"},{"name":"multiple-choice","title":"Multiple Choice","description":"Multiple choice field with optional max selections.","type":"registry:component","source_url":"https://ui.turbopills.com/r/multiple-choice.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/multiple-choice.json"},{"name":"single-choice","title":"Single Choice","description":"Single choice field (list or cells) with optional deselect.","type":"registry:component","source_url":"https://ui.turbopills.com/r/single-choice.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/single-choice.json"},{"name":"progress-cells","title":"Progress (Cells)","description":"Segmented progress bar with optional labels/tooltips.","type":"registry:component","source_url":"https://ui.turbopills.com/r/progress-cells.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-cells.json"},{"name":"progress-stretch","title":"Progress (Stretch)","description":"Progress with expanding current step.","type":"registry:component","source_url":"https://ui.turbopills.com/r/progress-stretch.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-stretch.json"},{"name":"progress-numbered","title":"Progress (Numbered)","description":"Numbered step progress with collapse/ellipsis.","type":"registry:component","source_url":"https://ui.turbopills.com/r/progress-numbered.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-numbered.json"},{"name":"progress-solid","title":"Progress (Solid)","description":"Simple solid progress bar.","type":"registry:component","source_url":"https://ui.turbopills.com/r/progress-solid.json","install_command":"npx shadcn@latest add https://ui.turbopills.com/r/progress-solid.json"}]},{"id":"turn","name":"@turn","slug":"turn","description":"Minimal, accessible components for AI apps: chat, agents and tool use. Streaming-first, built on Base UI and Tailwind.","author":"mtauhidul","framework":"react","license":"MIT","tags":["accessibility","ai","blocks","buttons","cards","design-system","hooks","navigation","theming"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://turnui.xyz","github":"https://github.com/mtauhidul/turnui","registry":"https://turnui.xyz/r/registry.json","source":"https://turnui.xyz/r/registry.json","page":"https://sh4dcn.netlify.app/registry/turn","markdown":"https://sh4dcn.netlify.app/md/turn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='1.8'><rect x='1.5' y='1.5' width='21' height='21' rx='4.5'/></svg>","preview_image":"https://turnui.xyz/opengraph-image?268630896ad20a67","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-09T15:42:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://turnui.xyz/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://turnui.xyz/r/registry.json","install_bun":"bunx shadcn@latest add https://turnui.xyz/r/registry.json","clone":"git clone https://github.com/mtauhidul/turnui.git","clone_degit":"npx degit mtauhidul/turnui","registry_fetch":"curl -s https://turnui.xyz/r/registry.json"},"component_count":25,"components":[{"name":"theme","title":"turn theme","description":"Color tokens the turn components read. Optional: skip it if your own theme already defines them.","type":"registry:theme","source_url":"https://turnui.xyz/r/theme.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/theme.json"},{"name":"turn-button","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/turn-button.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/turn-button.json"},{"name":"message","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/message.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/message.json"},{"name":"code-block","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/code-block.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/code-block.json"},{"name":"streaming-markdown","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/streaming-markdown.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/streaming-markdown.json"},{"name":"prompt-composer","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/prompt-composer.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/prompt-composer.json"},{"name":"use-auto-scroll","title":null,"description":null,"type":"registry:hook","source_url":"https://turnui.xyz/r/use-auto-scroll.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/use-auto-scroll.json"},{"name":"reasoning","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/reasoning.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/reasoning.json"},{"name":"tool-call","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/tool-call.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/tool-call.json"},{"name":"citations","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/citations.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/citations.json"},{"name":"use-fake-stream","title":null,"description":null,"type":"registry:hook","source_url":"https://turnui.xyz/r/use-fake-stream.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/use-fake-stream.json"},{"name":"plan","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/plan.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/plan.json"},{"name":"trace","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/trace.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/trace.json"},{"name":"approval-prompt","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/approval-prompt.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/approval-prompt.json"},{"name":"artifact","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/artifact.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/artifact.json"},{"name":"use-attachments","title":null,"description":null,"type":"registry:hook","source_url":"https://turnui.xyz/r/use-attachments.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/use-attachments.json"},{"name":"attachment","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/attachment.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/attachment.json"},{"name":"model-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/model-picker.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/model-picker.json"},{"name":"command-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/command-menu.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/command-menu.json"},{"name":"feedback","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/feedback.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/feedback.json"},{"name":"scroll-to-bottom","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/scroll-to-bottom.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/scroll-to-bottom.json"},{"name":"suggestions","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/suggestions.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/suggestions.json"},{"name":"thinking","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/thinking.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/thinking.json"},{"name":"error-notice","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/error-notice.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/error-notice.json"},{"name":"copy-button","title":null,"description":null,"type":"registry:ui","source_url":"https://turnui.xyz/r/copy-button.json","install_command":"npx shadcn@latest add https://turnui.xyz/r/copy-button.json"}]},{"id":"tween-ui","name":"@tween-ui","slug":"tween-ui","description":"GSAP & CSS animated React components and blocks. One file each, no shared runtime, reduced-motion handled.","author":"StaticMania","framework":"react","license":"MIT","tags":["animation","audio","auth","blocks","buttons","cards","cms","icons","loaders","marketing","media","navigation","overlays","pro-available"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://tween-ui.vercel.app","github":"https://github.com/StaticMania/tween-ui","registry":"https://tween-ui.vercel.app/r/registry.json","source":"https://tween-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tween-ui","markdown":"https://sh4dcn.netlify.app/md/tween-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='6' fill='#045f64'/><path d='M5 19 C 9.5 8.9, 5 5, 19 5' fill='none' stroke='#c6f56f' stroke-width='2' stroke-linecap='round'/><circle cx='19' cy='5' r='1.8' fill='#c6f56f'/></svg>","preview_image":"https://tween-ui.vercel.app/og?title=Tween+UI&amp;description=GSAP+%26+CSS+animated+components+for+React.+Copy+the+source%2C+own+the+animation.","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://tween-ui.vercel.app/block/pricing-plan-switch"},"metrics":{"github_stars":19,"open_issues":0,"last_commit":"2026-10-27T04:46:16Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://tween-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://tween-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://tween-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/StaticMania/tween-ui.git","clone_degit":"npx degit StaticMania/tween-ui","registry_fetch":"curl -s https://tween-ui.vercel.app/r/registry.json"},"component_count":122,"components":[{"name":"icon-trail-button","title":"Icon Trail Button","description":"A pill button whose icon pill expands on hover or focus, playing out a staggered chevron trail before it parks. CSS transitions and a small state machine — no …","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/icon-trail-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/icon-trail-button.json"},{"name":"icon-trail-button-demo","title":"Icon Trail Button Demo","description":"Usage examples for Icon Trail Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/icon-trail-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/icon-trail-button-demo.json"},{"name":"sliding-tabs","title":"Sliding Tabs","description":"A pill nav whose lime indicator scales in under the first tab, then slides to follow the pointer or keyboard focus. Leaving the nav returns it to the active ta…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/sliding-tabs.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/sliding-tabs.json"},{"name":"sliding-tabs-demo","title":"Sliding Tabs Demo","description":"Usage examples for Sliding Tabs.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/sliding-tabs-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/sliding-tabs-demo.json"},{"name":"avatar-reveal","title":"Avatar Reveal","description":"Three stacked avatars that scale and unblur in from the left on an elastic ease, then a caption slides in from the right.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/avatar-reveal.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/avatar-reveal.json"},{"name":"avatar-reveal-demo","title":"Avatar Reveal Demo","description":"Usage examples for Avatar Reveal.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/avatar-reveal-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/avatar-reveal-demo.json"},{"name":"auth-modal","title":"Auth Modal","description":"A login modal: the backdrop fades, the panel scales up, then the close button, title, sign-in providers and email field stagger in. Closing plays the sequence …","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/auth-modal.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/auth-modal.json"},{"name":"auth-modal-demo","title":"Auth Modal Demo","description":"Usage examples for Auth Modal.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/auth-modal-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/auth-modal-demo.json"},{"name":"number-counter","title":"Number Counter","description":"An animated stats counter whose digits spin up once when the stat scrolls into view. ScrollTrigger fires it, Number Flow handles the count.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/number-counter.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/number-counter.json"},{"name":"number-counter-demo","title":"Number Counter Demo","description":"Usage examples for Number Counter.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/number-counter-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/number-counter-demo.json"},{"name":"voice-sample-player","title":"Voice Sample Player","description":"An audio player pill: press play and the name slides away, a lime waveform equalizer slides in and starts oscillating, and the icon morphs to pause. Pass a src…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/voice-sample-player.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/voice-sample-player.json"},{"name":"voice-sample-player-demo","title":"Voice Sample Player Demo","description":"Usage examples for Voice Sample Player.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/voice-sample-player-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/voice-sample-player-demo.json"},{"name":"flip-card","title":"Flip Card","description":"A card that flips in 3D on hover or tap — the front rotates out while the back rotates in with its description, feature list and CTA staggering into place.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/flip-card.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/flip-card.json"},{"name":"flip-card-demo","title":"Flip Card Demo","description":"Usage examples for Flip Card.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/flip-card-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/flip-card-demo.json"},{"name":"faq-accordion","title":"FAQ Accordion","description":"A single-open accordion that animates its height open while the answer reveals line by line through a SplitText mask and the icon morphs from plus to minus.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/faq-accordion.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/faq-accordion.json"},{"name":"faq-accordion-demo","title":"FAQ Accordion Demo","description":"Usage examples for FAQ Accordion.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/faq-accordion-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/faq-accordion-demo.json"},{"name":"shiny-button","title":"Shiny Button","description":"A pill button with a diagonal light sweep that glides across on hover while the leading sparkle twinkles. Pure CSS — no GSAP dependency.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/shiny-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/shiny-button.json"},{"name":"shiny-button-demo","title":"Shiny Button Demo","description":"Usage examples for Shiny Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/shiny-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/shiny-button-demo.json"},{"name":"text-roll-button","title":"Text Roll Button","description":"A pill button whose label rolls up character by character on hover — the current text lifts out the top as a fresh copy rolls in from below, on a fine per-char…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/text-roll-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/text-roll-button.json"},{"name":"text-roll-button-demo","title":"Text Roll Button Demo","description":"Usage examples for Text Roll Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/text-roll-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/text-roll-button-demo.json"},{"name":"slide-arrow-button","title":"Slide Arrow Button","description":"A pill button whose label rolls up on hover while the chevron slides out of its lime badge and a fresh one slides in from the left. Pure CSS — no GSAP dependen…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/slide-arrow-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/slide-arrow-button.json"},{"name":"slide-arrow-button-demo","title":"Slide Arrow Button Demo","description":"Usage examples for Slide Arrow Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/slide-arrow-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/slide-arrow-button-demo.json"},{"name":"glow-button","title":"Glow Button","description":"A pill button floating over a soft red, amber, violet and cyan glow that sharpens as the button lifts and a chevron slides through its slot. Pure CSS — no GSAP…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/glow-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/glow-button.json"},{"name":"glow-button-demo","title":"Glow Button Demo","description":"Usage examples for Glow Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/glow-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/glow-button-demo.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"A pill button pulled toward the cursor once it comes near, its label drifting a little further for parallax depth, then easing back to rest when the cursor lea…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/magnetic-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/magnetic-button.json"},{"name":"magnetic-button-demo","title":"Magnetic Button Demo","description":"Usage examples for Magnetic Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/magnetic-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/magnetic-button-demo.json"},{"name":"dot-bloom-button","title":"Dot Bloom Button","description":"A button whose leading dot blooms into a fill that floods the whole surface on hover, while the label rolls up to a fresh copy and flips to the contrasting col…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/dot-bloom-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/dot-bloom-button.json"},{"name":"dot-bloom-button-demo","title":"Dot Bloom Button Demo","description":"Usage examples for Dot Bloom Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/dot-bloom-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/dot-bloom-button-demo.json"},{"name":"arrow-tile-button","title":"Arrow Tile Button","description":"A label slab paired with a detached arrow tile: the tilt variant has the tile knock the slab so its letters topple in a wave away from it and spring upright, a…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/arrow-tile-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/arrow-tile-button.json"},{"name":"arrow-tile-button-demo","title":"Arrow Tile Button Demo","description":"Usage examples for Arrow Tile Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/arrow-tile-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/arrow-tile-button-demo.json"},{"name":"focus-frame-button","title":"Focus Frame Button","description":"A framed button that locks on like a viewfinder on hover: the hairline folds into its corners, the brackets snap shut while the label rolls up and a fresh retu…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/focus-frame-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/focus-frame-button.json"},{"name":"focus-frame-button-demo","title":"Focus Frame Button Demo","description":"Usage examples for Focus Frame Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/focus-frame-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/focus-frame-button-demo.json"},{"name":"slant-morph-button","title":"Slant Morph Button","description":"A slanted label and arrow tile whose diagonal seam smoothly flips its lean like a hinge on hover with GSAP MorphSVG, while the colors trade places and a fresh …","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/slant-morph-button.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/slant-morph-button.json"},{"name":"slant-morph-button-demo","title":"Slant Morph Button Demo","description":"Usage examples for Slant Morph Button.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/slant-morph-button-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/slant-morph-button-demo.json"},{"name":"logo-orbit","title":"Logo Orbit","description":"Logos spaced evenly around a ring that rotates continuously, each mark counter-rotated so it always stays upright. Hover pauses the orbit.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/logo-orbit.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-orbit.json"},{"name":"logo-orbit-demo","title":"Logo Orbit Demo","description":"Usage examples for Logo Orbit.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/logo-orbit-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-orbit-demo.json"},{"name":"logo-cycle","title":"Logo Cycle","description":"A logo row that holds a fixed count and cycles the extras: the current set staggers up and blurs out as the next slides in from below. Hover pauses the loop.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/logo-cycle.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-cycle.json"},{"name":"logo-cycle-demo","title":"Logo Cycle Demo","description":"Usage examples for Logo Cycle.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/logo-cycle-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-cycle-demo.json"},{"name":"logo-wave","title":"Logo Wave","description":"An endless logo strip where the mark nearest the midpoint rises and scales up while its neighbors step down into a wave. Hover pauses the marquee.","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/logo-wave.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-wave.json"},{"name":"logo-wave-demo","title":"Logo Wave Demo","description":"Usage examples for Logo Wave.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/logo-wave-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-wave-demo.json"},{"name":"image-fan-slider","title":"Image Fan Slider","description":"An image gallery slider: a fan of photos that auto-advances — the active one large and sharp, its neighbors rotated and blurred on each side. Hover pauses. Pur…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/image-fan-slider.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/image-fan-slider.json"},{"name":"image-fan-slider-demo","title":"Image Fan Slider Demo","description":"Usage examples for Image Fan Slider.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/image-fan-slider-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/image-fan-slider-demo.json"},{"name":"morphing-text","title":"Morphing Text","description":"A headline text animation whose last word cycles through a list with a gooey blur morph — an SVG alpha threshold fuses the outgoing and incoming words into one…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/morphing-text.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/morphing-text.json"},{"name":"morphing-text-demo","title":"Morphing Text Demo","description":"Usage examples for Morphing Text.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/morphing-text-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/morphing-text-demo.json"},{"name":"wordmark-reveal","title":"Wordmark Reveal","description":"A display wordmark text reveal that assembles itself on the first scroll — every letter turns in on its own vertical axis, then a script line leans in along th…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/wordmark-reveal.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/wordmark-reveal.json"},{"name":"wordmark-reveal-demo","title":"Wordmark Reveal Demo","description":"Usage examples for Wordmark Reveal.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/wordmark-reveal-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/wordmark-reveal-demo.json"},{"name":"svg-draw","title":"SVG Draw","description":"Wrap any inline SVG and it draws itself in: every path, line, circle, rect and polygon traces its outline, one after another, then its fill fades in. Outline i…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/svg-draw.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/svg-draw.json"},{"name":"svg-draw-demo","title":"SVG Draw Demo","description":"Usage examples for SVG Draw.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/svg-draw-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/svg-draw-demo.json"},{"name":"spring-tooltip","title":"Spring Tooltip","description":"One tooltip shared by a toolbar of icon buttons. It unfurls from a nub at the button, then travels: moving to a neighbour slides it across and resizes it on cr…","type":"registry:ui","source_url":"https://tween-ui.vercel.app/r/spring-tooltip.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/spring-tooltip.json"},{"name":"spring-tooltip-demo","title":"Spring Tooltip Demo","description":"Usage examples for Spring Tooltip.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/spring-tooltip-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/spring-tooltip-demo.json"},{"name":"pricing-plan-switch","title":"Pricing Plan Switch","description":"A pricing section where picking a plan morphs the name badge, crossfades the description and spins the price with Number Flow, while the checklist lights up it…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/pricing-plan-switch.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/pricing-plan-switch.json"},{"name":"pricing-plan-switch-demo","title":"Pricing Plan Switch Demo","description":"Usage examples for Pricing Plan Switch.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/pricing-plan-switch-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/pricing-plan-switch-demo.json"},{"name":"process-card-reveal","title":"Process Card Reveal","description":"Numbered steps on a timeline whose connector fills before the next card slides and blurs into place — image one way, copy the other. Hover pauses the loop; cli…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/process-card-reveal.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/process-card-reveal.json"},{"name":"process-card-reveal-demo","title":"Process Card Reveal Demo","description":"Usage examples for Process Card Reveal.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/process-card-reveal-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/process-card-reveal-demo.json"},{"name":"process-sticky-steps","title":"Process Sticky Steps","description":"A process block whose heading, divider and step numbers stay sticky inside the section while the cards scroll past them. No GSAP — just Intersection Observer.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/process-sticky-steps.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/process-sticky-steps.json"},{"name":"process-sticky-steps-demo","title":"Process Sticky Steps Demo","description":"Usage examples for Process Sticky Steps.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/process-sticky-steps-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/process-sticky-steps-demo.json"},{"name":"strip-wipe","title":"Strip Wipe","description":"A split testimonial slider whose photo wipes in as tiled strips beside the quote, the index ticking over on Number Flow. Prev and next reverse the wipe directi…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/strip-wipe.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/strip-wipe.json"},{"name":"strip-wipe-demo","title":"Strip Wipe Demo","description":"Usage examples for Strip Wipe.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/strip-wipe-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/strip-wipe-demo.json"},{"name":"rating-carousel","title":"Rating Carousel","description":"A Swiper testimonial row of rating cards: drag or swipe it, and off-window cards fade and blur as they leave. Autoplay pauses on hover, and dots jump to a card.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/rating-carousel.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/rating-carousel.json"},{"name":"rating-carousel-demo","title":"Rating Carousel Demo","description":"Usage examples for Rating Carousel.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/rating-carousel-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/rating-carousel-demo.json"},{"name":"cta-image-fan","title":"CTA Image Fan","description":"A call-to-action with a fanned photo stack auto-advancing above the headline and a shiny button below. Built from Image Fan Slider and Shiny Button.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/cta-image-fan.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cta-image-fan.json"},{"name":"cta-image-fan-demo","title":"CTA Image Fan Demo","description":"Usage examples for CTA Image Fan.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/cta-image-fan-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cta-image-fan-demo.json"},{"name":"cta-photo-headline","title":"CTA Photo Headline","description":"A call-to-action where avatars pop in above a heading with two photos tucked into the copy — a pill that grows from the left, then a tilted square that drops i…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/cta-photo-headline.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cta-photo-headline.json"},{"name":"cta-photo-headline-demo","title":"CTA Photo Headline Demo","description":"Usage examples for CTA Photo Headline.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/cta-photo-headline-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cta-photo-headline-demo.json"},{"name":"blog-hover-expand","title":"Blog Hover Expand","description":"A three-post blog row where the hovered card grows wider, its photo scales and tilts, and the title draws an underline. Pure CSS.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/blog-hover-expand.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/blog-hover-expand.json"},{"name":"blog-hover-expand-demo","title":"Blog Hover Expand Demo","description":"Usage examples for Blog Hover Expand.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/blog-hover-expand-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/blog-hover-expand-demo.json"},{"name":"integration-hub","title":"Integration Hub","description":"A hub-and-spoke integrations diagram: the center pops in, paths draw out to six logos, then a dot travels each line. Uses MotionPathPlugin.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/integration-hub.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/integration-hub.json"},{"name":"integration-hub-demo","title":"Integration Hub Demo","description":"Usage examples for Integration Hub.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/integration-hub-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/integration-hub-demo.json"},{"name":"infinite-rotating-cards","title":"Infinite Rotating Cards","description":"A hero wheel of photo cards set on a large circle so only the top arc shows, spinning slowly so the next idea always comes into view.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/infinite-rotating-cards.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/infinite-rotating-cards.json"},{"name":"infinite-rotating-cards-demo","title":"Infinite Rotating Cards Demo","description":"Usage examples for Infinite Rotating Cards.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/infinite-rotating-cards-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/infinite-rotating-cards-demo.json"},{"name":"card-hover-expand","title":"Card Hover Expand","description":"A card row where the hovered card grows wider, its photo fades in and the title drops to the bottom over a gradient. Every card stays expanded on small screens…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/card-hover-expand.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/card-hover-expand.json"},{"name":"card-hover-expand-demo","title":"Card Hover Expand Demo","description":"Usage examples for Card Hover Expand.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/card-hover-expand-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/card-hover-expand-demo.json"},{"name":"card-spotlight-grid","title":"Card Spotlight Grid","description":"A staggered project grid — tile heights cycle every six cards — where the hovered tile tilts toward the cursor in 3D while its siblings scale back and dim. Poi…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/card-spotlight-grid.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/card-spotlight-grid.json"},{"name":"card-spotlight-grid-demo","title":"Card Spotlight Grid Demo","description":"Usage examples for Card Spotlight Grid.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/card-spotlight-grid-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/card-spotlight-grid-demo.json"},{"name":"column-drift","title":"Column Drift","description":"Three columns of review cards that swing in from the sides as the section scrolls, then drift past each other at different speeds. Cards lift on hover with an …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/column-drift.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/column-drift.json"},{"name":"column-drift-demo","title":"Column Drift Demo","description":"Usage examples for Column Drift.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/column-drift-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/column-drift-demo.json"},{"name":"team-scatter-focus","title":"Team Scatter Focus","description":"A scattered team collage whose cards each fly in from their own direction, then blur and shrink back from whichever one you hover. Falls back to a stacked grid…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/team-scatter-focus.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/team-scatter-focus.json"},{"name":"team-scatter-focus-demo","title":"Team Scatter Focus Demo","description":"Usage examples for Team Scatter Focus.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/team-scatter-focus-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/team-scatter-focus-demo.json"},{"name":"tab-wipe","title":"Tab Wipe","description":"A centered screenshot stage that wipes between slides on a clip-path edge while the incoming shot settles out of a slight scale and drift. The thumbnail strip …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/tab-wipe.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/tab-wipe.json"},{"name":"tab-wipe-demo","title":"Tab Wipe Demo","description":"Usage examples for Tab Wipe.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/tab-wipe-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/tab-wipe-demo.json"},{"name":"logo-wall-shuffle","title":"Logo Wall Shuffle","description":"An integrations wall of staggered logo tiles where one mark at a time lifts away and the next rises in behind it. Every tile is visited before any repeats, and…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/logo-wall-shuffle.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-wall-shuffle.json"},{"name":"logo-wall-shuffle-demo","title":"Logo Wall Shuffle Demo","description":"Usage examples for Logo Wall Shuffle.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/logo-wall-shuffle-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/logo-wall-shuffle-demo.json"},{"name":"testimonial-line-sweep","title":"Testimonial Line Sweep","description":"A paged testimonial pair whose text sweeps out line by line behind masks while the portrait irises shut, then the next quote arrives the same way. Pages with b…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/testimonial-line-sweep.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/testimonial-line-sweep.json"},{"name":"testimonial-line-sweep-demo","title":"Testimonial Line Sweep Demo","description":"Usage examples for Testimonial Line Sweep.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/testimonial-line-sweep-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/testimonial-line-sweep-demo.json"},{"name":"cta-starfall","title":"CTA Starfall","description":"A dark call-to-action section under a slow field of drifting stars lit by a violet bloom. The field is full on the first frame rather than spawning over time, …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/cta-starfall.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cta-starfall.json"},{"name":"cta-starfall-demo","title":"CTA Starfall Demo","description":"Usage examples for CTA Starfall.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/cta-starfall-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cta-starfall-demo.json"},{"name":"pricing-usage-slider","title":"Pricing Usage Slider","description":"A two-plan pricing section where the second card prices itself from a volume slider, the figure spinning with Number Flow as you drag while the track fills beh…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/pricing-usage-slider.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/pricing-usage-slider.json"},{"name":"pricing-usage-slider-demo","title":"Pricing Usage Slider Demo","description":"Usage examples for Pricing Usage Slider.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/pricing-usage-slider-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/pricing-usage-slider-demo.json"},{"name":"grid-cascade","title":"Grid Cascade","description":"A three-up testimonial grid that pages a whole set at a time — the current cards drop away on a stagger, then the next set cascades in from above, so the two n…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/grid-cascade.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/grid-cascade.json"},{"name":"grid-cascade-demo","title":"Grid Cascade Demo","description":"Usage examples for Grid Cascade.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/grid-cascade-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/grid-cascade-demo.json"},{"name":"cube-roll-item","title":"Cube Roll Item","description":"A numbered section index where each row is a 3D drum that rolls a quarter turn onto a filled face on hover. The roll follows the pointer — in from the top roll…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/cube-roll-item.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cube-roll-item.json"},{"name":"cube-roll-item-demo","title":"Cube Roll Item Demo","description":"Usage examples for Cube Roll Item.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/cube-roll-item-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/cube-roll-item-demo.json"},{"name":"shutter-slider","title":"Shutter Slider","description":"An autoplaying feature slider. Each image opens through vertical slats that alternate from the top and bottom, the headline letters roll in like drum faces, co…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/shutter-slider.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/shutter-slider.json"},{"name":"shutter-slider-demo","title":"Shutter Slider Demo","description":"Usage examples for Shutter Slider.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/shutter-slider-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/shutter-slider-demo.json"},{"name":"testimonial-reel-focus","title":"Testimonial Reel Focus","description":"A reel of testimonial cards wider than the window, run sideways by vertical page scroll from inside a sticky stage. Each card rises as it crosses in, so scroll…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/testimonial-reel-focus.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/testimonial-reel-focus.json"},{"name":"testimonial-reel-focus-demo","title":"Testimonial Reel Focus Demo","description":"Usage examples for Testimonial Reel Focus.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/testimonial-reel-focus-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/testimonial-reel-focus-demo.json"},{"name":"kinetic-type-ring","title":"Kinetic Type Ring","description":"A phrase wrapped once around a ring in real 3D. A falling dot pulls the letters out of a blur, then drag or scroll spins the ring.","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/kinetic-type-ring.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/kinetic-type-ring.json"},{"name":"kinetic-type-ring-demo","title":"Kinetic Type Ring Demo","description":"Usage examples for Kinetic Type Ring.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/kinetic-type-ring-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/kinetic-type-ring-demo.json"},{"name":"footer-wordmark-rise","title":"Footer Wordmark Rise","description":"A dark site footer that rises into view over a glow swelling off the bottom edge, closed by a giant wordmark fitted to the column whose letters climb out of th…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/footer-wordmark-rise.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/footer-wordmark-rise.json"},{"name":"footer-wordmark-rise-demo","title":"Footer Wordmark Rise Demo","description":"Usage examples for Footer Wordmark Rise.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/footer-wordmark-rise-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/footer-wordmark-rise-demo.json"},{"name":"loader-line-fold","title":"Loader Line Fold","description":"A page preloader: the wordmark rises letter by letter while a hairline fills with a counter riding its tip. Once the page is ready the line travels to the midd…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/loader-line-fold.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/loader-line-fold.json"},{"name":"loader-line-fold-demo","title":"Loader Line Fold Demo","description":"Usage examples for Loader Line Fold.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/loader-line-fold-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/loader-line-fold-demo.json"},{"name":"loader-iris-ring","title":"Loader Iris Ring","description":"A page preloader built around a ring gauge: the arc fills in uneven steps while images flash through its lens and four corner counters sync and go live. Then a…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/loader-iris-ring.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/loader-iris-ring.json"},{"name":"loader-iris-ring-demo","title":"Loader Iris Ring Demo","description":"Usage examples for Loader Iris Ring.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/loader-iris-ring-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/loader-iris-ring-demo.json"},{"name":"testimonial-ring","title":"Testimonial Ring","description":"Testimonial cards stood on a 3D ring over a reflecting grid floor. Drag it and it spins with inertia before snapping to a card; scrolling turns it too. Whichev…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/testimonial-ring.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/testimonial-ring.json"},{"name":"testimonial-ring-demo","title":"Testimonial Ring Demo","description":"Usage examples for Testimonial Ring.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/testimonial-ring-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/testimonial-ring-demo.json"},{"name":"gyro-gallery","title":"Gyro Gallery","description":"Gallery tiles riding three concentric, counter-rotating orbits on one tilted plane, like the rings of a gyroscope. The rig turns to face the pointer and calms …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/gyro-gallery.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/gyro-gallery.json"},{"name":"gyro-gallery-demo","title":"Gyro Gallery Demo","description":"Usage examples for Gyro Gallery.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/gyro-gallery-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/gyro-gallery-demo.json"},{"name":"navbar-push-menu","title":"Navbar Push Menu","description":"A navbar whose menu sits behind the page. Opening it pushes the page down into a rounded, inset card and wipes the link cards up one after another, each poster…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/navbar-push-menu.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-push-menu.json"},{"name":"navbar-push-menu-demo","title":"Navbar Push Menu Demo","description":"Usage examples for Navbar Push Menu.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/navbar-push-menu-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-push-menu-demo.json"},{"name":"navbar-pill-glide","title":"Navbar Pill Glide","description":"A navbar with its links in a frosted pill, where a soft highlight glides to whichever link you point at and a lime line along the pill tracks how far down the …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/navbar-pill-glide.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-pill-glide.json"},{"name":"navbar-pill-glide-demo","title":"Navbar Pill Glide Demo","description":"Usage examples for Navbar Pill Glide.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/navbar-pill-glide-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-pill-glide-demo.json"},{"name":"navbar-corner-panel","title":"Navbar Corner Panel","description":"A navbar that keeps its whole menu in one small frosted square in the corner. Opening it grows the square into a tall panel whose links drop in with their unde…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/navbar-corner-panel.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-corner-panel.json"},{"name":"navbar-corner-panel-demo","title":"Navbar Corner Panel Demo","description":"Usage examples for Navbar Corner Panel.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/navbar-corner-panel-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-corner-panel-demo.json"},{"name":"footer-pulse-links","title":"Footer Pulse Links","description":"A dark site footer where every link label rolls up letter by letter into lime on hover while a heartbeat line draws itself in underneath, closed by a wordmark …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/footer-pulse-links.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/footer-pulse-links.json"},{"name":"footer-pulse-links-demo","title":"Footer Pulse Links Demo","description":"Usage examples for Footer Pulse Links.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/footer-pulse-links-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/footer-pulse-links-demo.json"},{"name":"arc-carousel","title":"Arc Carousel","description":"A showcase carousel whose cards hang on a downward arc, each one further out turned a little more. Stepping swings the whole arc round, the centre card easing …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/arc-carousel.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/arc-carousel.json"},{"name":"arc-carousel-demo","title":"Arc Carousel Demo","description":"Usage examples for Arc Carousel.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/arc-carousel-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/arc-carousel-demo.json"},{"name":"navbar-gooey-bloom","title":"Navbar Gooey Bloom","description":"A glass navbar whose hover highlight is liquid: a lime pool stretches from link to link with a droplet dragging behind, while the label inverts to ink. Menus s…","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/navbar-gooey-bloom.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-gooey-bloom.json"},{"name":"navbar-gooey-bloom-demo","title":"Navbar Gooey Bloom Demo","description":"Usage examples for Navbar Gooey Bloom.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/navbar-gooey-bloom-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/navbar-gooey-bloom-demo.json"},{"name":"project-hover-reveal","title":"Project Hover Reveal","description":"A split selected-projects list: titles on the left, one stage on the right. Pointing at a project opens its image like an iris from the edge nearest that row, …","type":"registry:block","source_url":"https://tween-ui.vercel.app/r/project-hover-reveal.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/project-hover-reveal.json"},{"name":"project-hover-reveal-demo","title":"Project Hover Reveal Demo","description":"Usage examples for Project Hover Reveal.","type":"registry:example","source_url":"https://tween-ui.vercel.app/r/project-hover-reveal-demo.json","install_command":"npx shadcn@latest add https://tween-ui.vercel.app/r/project-hover-reveal-demo.json"}]},{"id":"tweenly","name":"@tweenly","slug":"tweenly","description":"Animated React components built on Motion and GSAP. Tweak every prop live, copy the code, and own it.","author":"mirukullacode","framework":"react","license":"MIT","tags":["ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","forms","hooks","loaders","maps","media","navigation","overlays","tables","text-effects","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://trytweenly.vercel.app","github":"https://github.com/mirukullacode/tweenly","registry":"https://trytweenly.vercel.app/r/registry.json","source":"https://trytweenly.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tweenly","markdown":"https://sh4dcn.netlify.app/md/tweenly.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='7' fill='var(--foreground)'/><circle cx='15' cy='15' r='6' fill='#ff4d12'/></svg>","preview_image":"https://trytweenly.vercel.app/opengraph-image?71eb21a4ba3bd137","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-10-15T11:40:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://trytweenly.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://trytweenly.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://trytweenly.vercel.app/r/registry.json","clone":"git clone https://github.com/mirukullacode/tweenly.git","clone_degit":"npx degit mirukullacode/tweenly","registry_fetch":"curl -s https://trytweenly.vercel.app/r/registry.json"},"component_count":77,"components":[{"name":"use-reduced-motion","title":"useReducedMotion","description":"Returns true when the user prefers reduced motion.","type":"registry:hook","source_url":"https://trytweenly.vercel.app/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/use-reduced-motion.json"},{"name":"fade-in","title":"Fade In","description":"Scroll-triggered fade with direction, distance, easing, scale and blur options.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/fade-in.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/fade-in.json"},{"name":"text-reveal","title":"Text Reveal","description":"Word-by-word or character-by-character reveal with blur and stagger.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/text-reveal.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/text-reveal.json"},{"name":"typewriter","title":"Typewriter","description":"Types and deletes a list of phrases with a blinking cursor.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/typewriter.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/typewriter.json"},{"name":"word-rotate","title":"Word Rotate","description":"Cycles through words with slide, fade, blur or flip transitions.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/word-rotate.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/word-rotate.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"A light band that sweeps across text on a loop.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/shimmer-text.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/shimmer-text.json"},{"name":"number-ticker","title":"Number Ticker","description":"Counts up to a value when scrolled into view, with formatting options.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/number-ticker.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/number-ticker.json"},{"name":"fill-button","title":"Fill Button","description":"Hover/focus button with a GSAP clip-path fill sweep. Configurable direction, duration and ease.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/fill-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/fill-button.json"},{"name":"magnetic","title":"Magnetic","description":"Wrap anything to make it drift toward the cursor on a spring.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/magnetic.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/magnetic.json"},{"name":"tilt-card","title":"Tilt Card","description":"3D perspective tilt that follows the pointer, with optional glare.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/tilt-card.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/tilt-card.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"Card with a radial spotlight and glowing border that track the cursor.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/spotlight-card.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/spotlight-card.json"},{"name":"stagger","title":"Stagger","description":"Reveals its children one after another as they enter the viewport.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/stagger.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/stagger.json"},{"name":"marquee","title":"Marquee","description":"Infinite, seamless scrolling row or column of content.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/marquee.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/marquee.json"},{"name":"sticky-cards","title":"Sticky Cards","description":"A stack of same-size cards pinned on scroll. The front card lifts away, then the next, one by one.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/sticky-cards.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/sticky-cards.json"},{"name":"scroll-text-reveal","title":"Scroll Text Reveal","description":"Pins the section and reveals text word by word as you scroll; the page resumes once the reveal completes.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/scroll-text-reveal.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/scroll-text-reveal.json"},{"name":"horizontal-scroll","title":"Horizontal Scroll","description":"Pins a row of images and scrolls it sideways with the page, then releases to normal scroll.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/horizontal-scroll.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/horizontal-scroll.json"},{"name":"image-reveal","title":"Image Reveal","description":"Images fly in from their own direction as they scroll into view.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/image-reveal.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/image-reveal.json"},{"name":"ascii-image","title":"ASCII Image","description":"Renders any image as ASCII art on a canvas, with a glittering pixel trail under the cursor.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/ascii-image.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/ascii-image.json"},{"name":"hover-media","title":"Hover Media","description":"Inline keyword that reveals a floating image or video that follows the cursor.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/hover-media.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/hover-media.json"},{"name":"cursor","title":"Cursor","description":"Custom cursors: ring, dot, blend, crosshair, sparkle trail, sunflower and rose.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/cursor.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/cursor.json"},{"name":"loader","title":"Loader","description":"Three loading animations: bouncing dots, equalizer bars and an orbit spinner.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/loader.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/loader.json"},{"name":"download-button","title":"Download Button","description":"Button that morphs from Download to a live progress fill and a drawn check mark.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/download-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/download-button.json"},{"name":"image-fan","title":"Image Fan","description":"One image rises from below, then the rest slide out from under it into an overlapping fan.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/image-fan.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/image-fan.json"},{"name":"image-arc","title":"Image Arc","description":"Images on a half-circle wheel that turns on its own or with the scroll.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/image-arc.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/image-arc.json"},{"name":"expand-gallery","title":"Expand Gallery","description":"A row of small thumbnails where each one grows large in turn as you scroll.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/expand-gallery.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/expand-gallery.json"},{"name":"scroll-focus","title":"Scroll Focus","description":"A column of images where the one in the center grows, with a title list that stays in sync.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/scroll-focus.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/scroll-focus.json"},{"name":"shine-button","title":"Shine Button","description":"Pill button with a light beam circling its edge and a soft sheen on hover.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/shine-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/shine-button.json"},{"name":"ripple-button","title":"Ripple Button","description":"Material-style ripples that expand from the exact point you press.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/ripple-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/ripple-button.json"},{"name":"hold-button","title":"Hold Button","description":"Press and hold to confirm destructive actions. A fill sweeps across while held.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/hold-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/hold-button.json"},{"name":"slide-button","title":"Slide Button","description":"Slide-to-confirm track with a draggable knob, shimmering label and keyboard support.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/slide-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/slide-button.json"},{"name":"like-button","title":"Like Button","description":"Heart toggle with a spring pop, ring burst, particles and a rolling counter.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/like-button.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/like-button.json"},{"name":"segmented-control","title":"Segmented Control","description":"Tabs with a springy pill that slides behind the active option, with arrow-key navigation.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/segmented-control.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/segmented-control.json"},{"name":"number-stepper","title":"Number Stepper","description":"Minus / plus stepper whose digits roll individually, with hold-to-repeat and a shake at the limits.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/number-stepper.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/number-stepper.json"},{"name":"elastic-switch","title":"Elastic Switch","description":"Toggle whose knob stretches while pressed and springs across with overshoot, with optional sun / moon icons.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/elastic-switch.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/elastic-switch.json"},{"name":"expand-input","title":"Expand Input","description":"A pill button that morphs into an email field, then a spinner and a drawn check on submit.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/expand-input.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/expand-input.json"},{"name":"rating","title":"Rating","description":"Star rating with a sweeping hover fill, half stars, and a springy pop with sparkles on select.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/rating.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/rating.json"},{"name":"navbar","title":"Navbar","description":"Five minimal, animated navigation bars: glass pill, scroll morph, sliding underline, dynamic island mega-menu and full-screen overlay.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/navbar.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/navbar.json"},{"name":"table-of-contents","title":"Table of Contents","description":"Scroll-synced \"On This Page\" sidebar with a plane that flies along the heading trail, a sliding rail, or a spotlight list.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/table-of-contents.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/table-of-contents.json"},{"name":"otp-input","title":"OTP Input","description":"Verification code input with springy digits, a gliding focus ring and animated success and error states.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/otp-input.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/otp-input.json"},{"name":"chart-line","title":"Chart Line","description":"Multi-series line and area chart from plain row data, with draw-in lines, halftone fills, a snapping crosshair tooltip and a toggleable legend.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-line.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-line.json"},{"name":"chart-progress","title":"Chart Progress","description":"Progress toward a real target: a wavy, grainy fill over a hatched remainder, with a thermometer marker, quota line and stacked segments.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-progress.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-progress.json"},{"name":"chart-radial","title":"Chart Radial","description":"Donut, pie or gauge from your rows with sweep-in slices, legend toggling with re-flow, hover explode and a live center total.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-radial.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-radial.json"},{"name":"chart-dots","title":"Chart Dots","description":"Dot matrix of filled versus hatched units with a partial last dot, spring wave in fill order, and a huge count-up figure.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-dots.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-dots.json"},{"name":"preloader","title":"Preloader","description":"Full-screen loader with a counting percentage and rotating quotes that reveals the page at 100%.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/preloader.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/preloader.json"},{"name":"chart-kit","title":"Chart Kit","description":"Shared theme, scales, formatters, textures, card, legend and tooltip used by tweenly charts.","type":"registry:lib","source_url":"https://trytweenly.vercel.app/r/chart-kit.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-kit.json"},{"name":"chart-bar","title":"Chart Bar","description":"Grouped or stacked bar chart, vertical or horizontal, with springy staggered growth, textured series, hover highlight and a toggleable legend.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-bar.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-bar.json"},{"name":"chart-rings","title":"Chart Rings","description":"Concentric activity-style progress rings with per-row goals, springy staggered fills, counting values and second-lap overshoot.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-rings.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-rings.json"},{"name":"chart-radar","title":"Chart Radar","description":"Spider chart comparing textured series across axes, with a drawn-in grid, polygons springing from the center and axis tooltips.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-radar.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-radar.json"},{"name":"chart-kpi","title":"Chart KPI","description":"Stat card with a count-up headline, delta pill, halftone sparkline with scrubbing, and an optional goal bar.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-kpi.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-kpi.json"},{"name":"chart-heatmap","title":"Chart Heatmap","description":"GitHub-style contribution calendar with hatched empty days, a diagonal reveal wave, and hover tooltips.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/chart-heatmap.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/chart-heatmap.json"},{"name":"confetti","title":"Confetti","description":"High-performance canvas confetti with burst, cannons, fireworks, rain and stream presets. Includes confetti(), useConfetti, ConfettiButton and Confetti.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/confetti.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/confetti.json"},{"name":"faq","title":"FAQ","description":"Animated FAQ accordion in four styles (minimal, cards, numbered, split) with height-auto reveals, a live filter and keyboard navigation.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/faq.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/faq.json"},{"name":"footer","title":"Footer","description":"Four premium, minimal animated footers: sticky reveal, giant kinetic wordmark, classic columns with newsletter, and an expanding curtain panel with a magnetic …","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/footer.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/footer.json"},{"name":"notification-feed","title":"Notification Feed","description":"Layout-animated notifications as a stack, inbox list, dynamic island or timeline cards, with swipe to dismiss, pausable timers and a useNotifications hook.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/notification-feed.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/notification-feed.json"},{"name":"page-loader","title":"Page Loader","description":"Website intro loader orchestrated with GSAP timelines, with stairs, odometer counter, greeting words, iris and blinds exits.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/page-loader.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/page-loader.json"},{"name":"page-transition","title":"Page Transition","description":"App Router page transitions: a provider, TransitionLink and usePageTransition hook with curtain, stairs, iris, slide and blinds variants.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/page-transition.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/page-transition.json"},{"name":"swipe-row","title":"Swipe Row","description":"Swipeable list rows with iOS-style reveal actions, full-swipe commits and floating cards, with layout-animated removal.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/swipe-row.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/swipe-row.json"},{"name":"envelope","title":"Envelope","description":"Animated envelope UI: a composer where the letter folds into the envelope, gets sealed and flies off, plus a presentational envelope that opens to reveal any c…","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/envelope.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/envelope.json"},{"name":"not-found","title":"404","description":"Five playful 404 sections with a giant status code hero: cursor-following eyeball, flashlight reveal, throwable tiles, orbiting moon and a decoding error log.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/not-found.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/not-found.json"},{"name":"product-card","title":"Product Card","description":"Full-bleed product card with a swipeable image carousel, glass pills, rolling price and an add-to-cart button that morphs into a quantity stepper.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/product-card.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/product-card.json"},{"name":"stamp-card","title":"Stamp Card","description":"Collectible postage stamp with perforated edges, 3D tilt and glare, an inked postmark animation and a fanned StampSheet.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/stamp-card.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/stamp-card.json"},{"name":"arc-steps","title":"Arc Steps","description":"Pinned \"How it works\" section: a marker travels along a half circle from step to step on scroll, the arc draws in and the section flips to each step's solid co…","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/arc-steps.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/arc-steps.json"},{"name":"auth","title":"Sign In / Sign Up","description":"Sign in and sign up sections built on shadcn inputs: a split onboarding panel, a spotlight card and a multi-step flow with code verification, with an animated …","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/auth.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/auth.json"},{"name":"curved-carousel","title":"Curved Carousel","description":"Posters on a 3D cylinder. The first image starts full-bleed and shrinks into the ring, then scrolling (or drag, or auto rotation) turns the cylinder card by ca…","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/curved-carousel.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/curved-carousel.json"},{"name":"hero-background","title":"Hero Background","description":"Interactive canvas backgrounds for hero sections: dots, warping grid, constellation particles, waves, flow field and pixel mosaic, all reacting to the cursor.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/hero-background.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/hero-background.json"},{"name":"smooth-scroll","title":"Smooth Scroll","description":"Lenis smooth scrolling synced with GSAP ScrollTrigger, on the window or inside any scroll container, with a useLenis() hook.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/smooth-scroll.json"},{"name":"timeline-scroll","title":"Timeline Scroll","description":"Minimal horizontal timeline of years and milestones that pins and scrolls sideways with the page, or drags with inertia. The centered year lights up.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/timeline-scroll.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/timeline-scroll.json"},{"name":"ai-input","title":"AI Input","description":"AI prompt box with auto-growing textarea, cycling placeholders, file chips, model picker, toggle chips and a send button that morphs into stop.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/ai-input.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/ai-input.json"},{"name":"ai-recorder","title":"AI Recorder","description":"Voice recorder pill that morphs into a live waveform with timer, pause, cancel and stop, then a scrubbable playback row.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/ai-recorder.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/ai-recorder.json"},{"name":"ai-thinking","title":"AI Thinking","description":"AI loading states: shimmer text, bouncing dots, glowing orb, collapsible reasoning steps and simulated token streaming.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/ai-thinking.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/ai-thinking.json"},{"name":"ai-voice","title":"AI Voice","description":"Voice activity visualizer with orb, bars, wave and dots variants, driven by the microphone, simulated speech or a controlled level.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/ai-voice.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/ai-voice.json"},{"name":"banner","title":"Banner","description":"Announcement banner: dismissible sliding bar, hero pill, scrolling ticker or shimmer bar, with remembered dismissal.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/banner.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/banner.json"},{"name":"dock","title":"Dock","description":"macOS-style dock with pointer-distance magnification, spring tooltips, active dots, badges and click bounce.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/dock.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/dock.json"},{"name":"orbiting-circles","title":"Orbiting Circles","description":"Icons orbiting a center on circular paths with CSS transforms; layer rings for integration graphics.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/orbiting-circles.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/orbiting-circles.json"},{"name":"tweet-card","title":"Tweet Card","description":"X-style post cards from data with highlighted mentions, media grid, compact stats, a like pop and a scrolling testimonial wall.","type":"registry:component","source_url":"https://trytweenly.vercel.app/r/tweet-card.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/tweet-card.json"},{"name":"tweenly-font","title":"tweenly display font","description":"Barlow Condensed, the display face tweenly uses for big numerals and wordmarks.","type":"registry:font","source_url":"https://trytweenly.vercel.app/r/tweenly-font.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/tweenly-font.json"},{"name":"tweenly-theme","title":"tweenly theme tokens","description":"The brand and panel color tokens (light and dark) plus the display font, so components look the same in your app as in the docs.","type":"registry:theme","source_url":"https://trytweenly.vercel.app/r/tweenly-theme.json","install_command":"npx shadcn@latest add https://trytweenly.vercel.app/r/tweenly-theme.json"}]},{"id":"twelfth","name":"@twelfth","slug":"twelfth","description":"Components for category managers and retail buying teams: price position, sales vs forecast with P10–P90 bands, weeks of cover, pricing scoreboards and micro charts. Built by Twelfth.","author":"twelfth-ai","framework":"react","license":"MIT","tags":["charts","forms"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://ui.twelfth.ai","github":"https://github.com/twelfth-ai/catman-ui","registry":"https://ui.twelfth.ai/r/registry.json","source":"https://ui.twelfth.ai/r/registry.json","page":"https://sh4dcn.netlify.app/registry/twelfth","markdown":"https://sh4dcn.netlify.app/md/twelfth.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'><rect x='3' y='15' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='27' y='15' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='51' y='15' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='75' y='15' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='3' y='39' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='27' y='39' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='51' y='39' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='75' y='39' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='3' y='63' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='27' y='63' width='18' height='18' rx='4' fill='var(--foreground)'/><rect x='51' y='63' width='18' height='18' rx='4' fill='var(--foreground)'/><circle cx='84' cy='72' r='9' fill='#c8a24b'/></svg>","preview_image":"https://ui.twelfth.ai/ui/og/home","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-23T01:36:54Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.twelfth.ai/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.twelfth.ai/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.twelfth.ai/r/registry.json","clone":"git clone https://github.com/twelfth-ai/catman-ui.git","clone_degit":"npx degit twelfth-ai/catman-ui","registry_fetch":"curl -s https://ui.twelfth.ai/r/registry.json"},"component_count":9,"components":[{"name":"retail-format","title":"Retail format","description":"Money, units, percent, price index and weeks of cover, formatted the way a category manager reads them (en-AU by default).","type":"registry:lib","source_url":"https://ui.twelfth.ai/r/retail-format.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/retail-format.json"},{"name":"one-open","title":"One open","description":"Keeps one hover card open at a time, so sweeping across a row of badges never stacks two cards.","type":"registry:lib","source_url":"https://ui.twelfth.ai/r/one-open.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/one-open.json"},{"name":"market-side","title":"Market side","description":"The favourable / exposed / level tone every catman figure shares, the arrow that carries it without colour, and the two colour tokens behind it.","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/market-side.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/market-side.json"},{"name":"price-position","title":"Price position","description":"Where our prices sit against a competitor (12% above, 4% below, in line), as a chip or as a badge with the index and matched-line evidence on hover.","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/price-position.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/price-position.json"},{"name":"price-trend","title":"Price trend","description":"Weekly price position against the market as a small line with a dashed parity line; hover or arrow through any week for its index and change.","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/price-trend.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/price-trend.json"},{"name":"price-scoreboard","title":"Price scoreboard","description":"The four numbers atop a pricing page: overall position vs market with its index and trend, then lines priced above, in line and below, each optionally a filter.","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/price-scoreboard.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/price-scoreboard.json"},{"name":"micro-trend","title":"Micro trend","description":"A small inline chart of one or more lines over time for a table cell or tile: sales vs forecast with a dashed forecast, P10–P90 band and a this-week marker; ga…","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/micro-trend.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/micro-trend.json"},{"name":"micro-stat","title":"Micro stat","description":"The figures under a chart: a change indicator (\"vs LY ▲6.2%\") toned by whether up is good or bad, and a labelled figure (\"OTB $42k\"), each explained in a toolt…","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/micro-stat.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/micro-stat.json"},{"name":"weeks-of-cover","title":"Weeks of cover","description":"Weeks of stock on hand at the current rate of sale, on a track against the healthy band: short (stockout risk), in band, or over (aged cash).","type":"registry:ui","source_url":"https://ui.twelfth.ai/r/weeks-of-cover.json","install_command":"npx shadcn@latest add https://ui.twelfth.ai/r/weeks-of-cover.json"}]},{"id":"typedora-ui","name":"@typedora-ui","slug":"typedora-ui","description":"A type-safety extension layer for shadcn/ui that adds full TypeScript inference to interactive components. Provides TypedSelect, TypedRadioGroup, and Combobox with strongly-typed option arrays and event handlers, plus a registry-driven architecture for schema-to-UI mapping and field metadata helpers. Integrates cleanly with TanStack Form, React Hook Form, and Zod. Drop-in shadcn/ui replacement aesthetic with zero runtime cost. Built with React 18+, Tailwind CSS, and Radix primitives. Free and open source. Use for: large TypeScript codebases or design systems where eliminating any-types in form and select components is a priority and full type inference across component APIs is required.","author":"nguyenphutrong","framework":"react","license":null,"tags":["aesthetic","components","design-system","forms","hooks","maps"],"categories":["Hooks/utilities"],"labels":[],"urls":{"website":"https://typedora-ui.netlify.app","github":"https://github.com/nguyenphutrong/typedora-ui","registry":"https://typedora-ui.netlify.app/r/registry.json","source":"https://typedora-ui.netlify.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/typedora-ui","markdown":"https://sh4dcn.netlify.app/md/typedora-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><g><path d='m22 7h-20c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm-20 10c-.551 0-1-.449-1-1v-7c0-.551.449-1 1-1h12v9zm21-1c0 .551-.449 1-1 1h-7v-9h7c.551 0 1 .449 1 1z'/><path d='m19 14 2-2h-4z'/><path d='m4 10.5h3v.5c0 .276.224.5.5.5s.5-.224.5-.5v-1c0-.276-.224-.5-.5-.5h-3.5c-.276 0-.5.224-.5.5s.224.5.5.5zm1.5.5v3c0 .276.224.5.5.5s.5-.224.5-.5v-3z'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10,"open_issues":0,"last_commit":"2025-12-08T13:56:29Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://typedora-ui.netlify.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://typedora-ui.netlify.app/r/registry.json","install_bun":"bunx shadcn@latest add https://typedora-ui.netlify.app/r/registry.json","clone":"git clone https://github.com/nguyenphutrong/typedora-ui.git","clone_degit":"npx degit nguyenphutrong/typedora-ui","registry_fetch":"curl -s https://typedora-ui.netlify.app/r/registry.json"},"component_count":4,"components":[{"name":"typed-utils","title":"Typed Utils","description":"Shared utility types for typed components.","type":"registry:lib","source_url":"https://typedora-ui.netlify.app/r/typed-utils.json","install_command":"npx shadcn@latest add https://typedora-ui.netlify.app/r/typed-utils.json"},{"name":"typed-select","title":"TypedSelect","description":"A headless, type-safe select component with full TypeScript inference and customizable rendering.","type":"registry:component","source_url":"https://typedora-ui.netlify.app/r/typed-select.json","install_command":"npx shadcn@latest add https://typedora-ui.netlify.app/r/typed-select.json"},{"name":"typed-radio-group","title":"TypedRadioGroup","description":"A headless, type-safe radio group component with full TypeScript inference and customizable rendering.","type":"registry:component","source_url":"https://typedora-ui.netlify.app/r/typed-radio-group.json","install_command":"npx shadcn@latest add https://typedora-ui.netlify.app/r/typed-radio-group.json"},{"name":"typed-combobox","title":"TypedCombobox","description":"A headless, type-safe combobox component with search functionality, full TypeScript inference, and customizable rendering.","type":"registry:component","source_url":"https://typedora-ui.netlify.app/r/typed-combobox.json","install_command":"npx shadcn@latest add https://typedora-ui.netlify.app/r/typed-combobox.json"}]},{"id":"uai","name":"@uai","slug":"uai","description":"Compound React components and page blocks with motion and micro-interactions built in, including AI agent UI (prompt composer, thinking, approvals) and Brazilian commerce (Pix, CEP, installments).","author":"victor-teles","framework":"react","license":"MIT","tags":["ai","animation","auth","blocks","buttons","cards","dashboard","developer-tools","e-commerce","forms","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://uaiblocks.dev","github":"https://github.com/victor-teles/uai","registry":"https://uaiblocks.dev/r/registry.json","source":"https://uaiblocks.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uai","markdown":"https://sh4dcn.netlify.app/md/uai.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 32 32'><path d='M2.15 4.75a4.75 4.75 0 0 1 9.5 0v13.4a2.6 2.6 0 0 1-3.94 2.23L2.3 17.13a.3.3 0 0 1-.15-.26Zm18.2 0a4.75 4.75 0 0 1 9.5 0v9.37a1.7 1.7 0 0 1-.83 1.46l-6.1 3.66a1.7 1.7 0 0 1-2.57-1.46ZM2.15 20v-.11a1 1 0 0 1 1.51-.86l3.26 1.95a5.5 5.5 0 0 0 2.42.77l.99.08a1.3 1.3 0 0 1 1.07.73 5.11 5.11 0 0 0 9.48-.72 1 1 0 0 1 .44-.56l6.56-3.94a1.3 1.3 0 0 1 1.97 1.12V20c0 7.39-6.56 12-13.85 12S2.15 27.39 2.15 20'/></svg>","preview_image":"https://uaiblocks.dev/opengraph-image","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://uaiblocks.dev/components/pricing-toggle"},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-10-25T20:08:31Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uaiblocks.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uaiblocks.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://uaiblocks.dev/r/registry.json","clone":"git clone https://github.com/victor-teles/uai.git","clone_degit":"npx degit victor-teles/uai","registry_fetch":"curl -s https://uaiblocks.dev/r/registry.json"},"component_count":115,"components":[{"name":"uai-theme","title":"Uai Theme","description":"The warm graphite Uai palette mapped onto the standard shadcn theme tokens, plus the shared motion utilities Uai components use.","type":"registry:theme","source_url":"https://uaiblocks.dev/r/uai-theme.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/uai-theme.json"},{"name":"uai-number-tick","title":"Uai Number Tick","description":"Moves only the characters of a formatted number that changed, in one grid cell per character so widths never jump. Shared by Metric Card and Price Summary.","type":"registry:lib","source_url":"https://uaiblocks.dev/r/uai-number-tick.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/uai-number-tick.json"},{"name":"uai-utils","title":"Uai Utilities","description":"A small class-name merge utility shared by Uai components.","type":"registry:lib","source_url":"https://uaiblocks.dev/r/uai-utils.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/uai-utils.json"},{"name":"activity-timeline","title":"Activity Timeline","description":"Events, actors, timestamps, metadata, and grouped dates in an ordered timeline.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/activity-timeline.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/activity-timeline.json"},{"name":"agent-question","title":"Agent Question","description":"Lets an agent ask for a decision: one to five single or multiple choice questions, a recommended option, Something else, number-key answers, and a record of th…","type":"registry:ui","source_url":"https://uaiblocks.dev/r/agent-question.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/agent-question.json"},{"name":"agent-run","title":"Agent Run","description":"Agent thinking and tool calls, task progress, approvals, and a final run summary.","type":"registry:block","source_url":"https://uaiblocks.dev/r/agent-run.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/agent-run.json"},{"name":"announcement-bar","title":"Announcement Bar","description":"A campaign message with actions, dismissal, and remembered dismissal.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/announcement-bar.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/announcement-bar.json"},{"name":"app-header","title":"App Header","description":"A compound application header with navigation, search, account actions, and responsive overflow.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/app-header.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/app-header.json"},{"name":"app-sidebar","title":"App Sidebar","description":"Nested navigation with collapsed mode, a mobile disclosure, and active states.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/app-sidebar.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/app-sidebar.json"},{"name":"approval-card","title":"Approval Card","description":"A composable decision surface that keeps risk, evidence, and impact explicit.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/approval-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/approval-card.json"},{"name":"approval-queue","title":"Approval Queue","description":"Pending decisions grouped by risk, age, owner, and impact.","type":"registry:block","source_url":"https://uaiblocks.dev/r/approval-queue.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/approval-queue.json"},{"name":"article-page","title":"Article Page","description":"Long-form reading with metadata, text size controls, sharing, and related articles.","type":"registry:block","source_url":"https://uaiblocks.dev/r/article-page.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/article-page.json"},{"name":"attachment","title":"Attachment","description":"A file with type icon or thumbnail, upload progress, failure and retry, and removal.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/attachment.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/attachment.json"},{"name":"audit-log","title":"Audit Log","description":"Actors, actions, resources, timestamps, filters, and event details.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/audit-log.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/audit-log.json"},{"name":"audit-log-viewer","title":"Audit Log Viewer","description":"Filters, events, details, and export controls.","type":"registry:block","source_url":"https://uaiblocks.dev/r/audit-log-viewer.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/audit-log-viewer.json"},{"name":"author-card","title":"Author Card","description":"Author identity with an initials fallback, biography, profile links, and a follow toggle.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/author-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/author-card.json"},{"name":"billing-portal","title":"Billing Portal","description":"Plan, usage, payment method, invoice history, billing alerts, and confirmed cancellation.","type":"registry:block","source_url":"https://uaiblocks.dev/r/billing-portal.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/billing-portal.json"},{"name":"boleto-payment","title":"Boleto Payment","description":"A boleto with the grouped linha digitável and copy, an ITF barcode drawn from the code, due-date urgency, a BolePix tab, and card, plain, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/boleto-payment.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/boleto-payment.json"},{"name":"breadcrumb-trail","title":"Breadcrumb Trail","description":"Hierarchy with label truncation, collapsed levels, and a compact mobile fallback.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/breadcrumb-trail.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/breadcrumb-trail.json"},{"name":"calendar-view","title":"Calendar View","description":"Day, week, and month layouts with event overflow.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/calendar-view.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/calendar-view.json"},{"name":"call-to-action","title":"Call to Action","description":"A closing section with one goal, supporting copy, and reassurance.","type":"registry:block","source_url":"https://uaiblocks.dev/r/call-to-action.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/call-to-action.json"},{"name":"cart-drawer","title":"Cart Drawer","description":"Review items, quantities, discounts, totals, and checkout actions.","type":"registry:block","source_url":"https://uaiblocks.dev/r/cart-drawer.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/cart-drawer.json"},{"name":"cart-item","title":"Cart Item","description":"A compound cart line with product details, availability, quantity, price, and removal.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/cart-item.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/cart-item.json"},{"name":"cep-field","title":"CEP Field","description":"A Brazilian postal code field with masking, address lookup states, and rounded, pill, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/cep-field.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/cep-field.json"},{"name":"changelog-entry","title":"Changelog Entry","description":"A release entry with date, version, categories, and linked changes.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/changelog-entry.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/changelog-entry.json"},{"name":"changelog-page","title":"Changelog Page","description":"Releases grouped by date with version, category, and product area filters.","type":"registry:block","source_url":"https://uaiblocks.dev/r/changelog-page.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/changelog-page.json"},{"name":"checkout","title":"Checkout","description":"Guide contact, delivery, payment, review, and confirmation.","type":"registry:block","source_url":"https://uaiblocks.dev/r/checkout.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/checkout.json"},{"name":"citation","title":"Citation","description":"An inline claim marker with a source preview card and destination link.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/citation.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/citation.json"},{"name":"code-verification","title":"Code Verification","description":"One-time code entry with paste, resend timing, errors, and alternate methods.","type":"registry:block","source_url":"https://uaiblocks.dev/r/code-verification.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/code-verification.json"},{"name":"command-menu","title":"Command Menu","description":"Search and run grouped actions with full keyboard navigation.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/command-menu.json"},{"name":"comment","title":"Comment","description":"Comments with nested replies, reactions, inline editing, moderation states, and timestamps.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/comment.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/comment.json"},{"name":"comment-thread","title":"Comment Thread","description":"Nested replies, reactions, sorting, moderation states, and a comment composer.","type":"registry:block","source_url":"https://uaiblocks.dev/r/comment-thread.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/comment-thread.json"},{"name":"community-feed","title":"Community Feed","description":"Posts with authors, tags, reactions, filters, and numbered pagination.","type":"registry:block","source_url":"https://uaiblocks.dev/r/community-feed.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/community-feed.json"},{"name":"comparison-table","title":"Comparison Table","description":"Compare plans or products with sticky labels and highlighted differences.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/comparison-table.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/comparison-table.json"},{"name":"confirmation-dialog","title":"Confirmation Dialog","description":"A native modal that explains impact before destructive actions, with optional typed confirmation.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/confirmation-dialog.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/confirmation-dialog.json"},{"name":"contact-section","title":"Contact Section","description":"Contact options, availability, a message form with its states, and expectations.","type":"registry:block","source_url":"https://uaiblocks.dev/r/contact-section.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/contact-section.json"},{"name":"context-meter","title":"Context Meter","description":"How full a model's context window is: a composer ring, a stacked breakdown, threshold warnings, and compaction that shows what it freed.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/context-meter.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/context-meter.json"},{"name":"conversation-thread","title":"Conversation Thread","description":"Messages, cited sources, response states, and a prompt composer in one thread.","type":"registry:block","source_url":"https://uaiblocks.dev/r/conversation-thread.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/conversation-thread.json"},{"name":"coupon-field","title":"Coupon Field","description":"A compound discount field with rounded, pill, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/coupon-field.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/coupon-field.json"},{"name":"dashboard-shell","title":"Dashboard Shell","description":"Global navigation, page hierarchy, actions, key metrics, and a layout that stacks on narrow screens.","type":"registry:block","source_url":"https://uaiblocks.dev/r/dashboard-shell.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/dashboard-shell.json"},{"name":"data-explorer","title":"Data Explorer","description":"Query surface, results, saved views, and export actions.","type":"registry:block","source_url":"https://uaiblocks.dev/r/data-explorer.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/data-explorer.json"},{"name":"data-table-toolbar","title":"Data Table Toolbar","description":"Search, filters, column visibility, export, and bulk actions for selected rows.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/data-table-toolbar.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/data-table-toolbar.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Presets, date inputs, and a keyboard-navigable calendar for local date ranges.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/date-range-picker.json"},{"name":"description-list","title":"Description List","description":"Labeled facts with responsive alignment and optional actions.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/description-list.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/description-list.json"},{"name":"document-field","title":"Document Field","description":"A CPF and CNPJ field with masking, check-digit validation, alphanumeric CNPJ support, and rounded, pill, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/document-field.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/document-field.json"},{"name":"documentation-page","title":"Documentation Page","description":"Navigation, an in-page table of contents with the current section, content, and page actions.","type":"registry:block","source_url":"https://uaiblocks.dev/r/documentation-page.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/documentation-page.json"},{"name":"empty-state","title":"Empty State","description":"A compound blank-slate surface with card, plain, compact, and page variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/empty-state.json"},{"name":"faq-section","title":"FAQ Section","description":"Searchable questions with accessible disclosure answers.","type":"registry:block","source_url":"https://uaiblocks.dev/r/faq-section.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/faq-section.json"},{"name":"feature-showcase","title":"Feature Showcase","description":"Benefits through alternating copy, media, and supporting details.","type":"registry:block","source_url":"https://uaiblocks.dev/r/feature-showcase.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/feature-showcase.json"},{"name":"file-analysis","title":"File Analysis","description":"Attached files, extraction status, and findings that cite the page or cell they came from.","type":"registry:block","source_url":"https://uaiblocks.dev/r/file-analysis.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/file-analysis.json"},{"name":"file-upload","title":"File Upload","description":"File selection and drag and drop with validation, progress, retry, and removal.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/file-upload.json"},{"name":"filter-bar","title":"Filter Bar","description":"Composable filters, removable chips, result counts, and reset actions.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/filter-bar.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/filter-bar.json"},{"name":"form-error-summary","title":"Form Error Summary","description":"A submission error summary with links that focus the matching fields.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/form-error-summary.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/form-error-summary.json"},{"name":"form-field","title":"Form Field","description":"Labels, descriptions, requirements, validation, and character counts.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/form-field.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/form-field.json"},{"name":"hero-section","title":"Hero Section","description":"Positioning, a primary action, supporting proof, and product media.","type":"registry:block","source_url":"https://uaiblocks.dev/r/hero-section.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/hero-section.json"},{"name":"import-workflow","title":"Import Workflow","description":"File selection, column mapping, validation, preview, and completion.","type":"registry:block","source_url":"https://uaiblocks.dev/r/import-workflow.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/import-workflow.json"},{"name":"incident-dashboard","title":"Incident Dashboard","description":"Status, impact, timeline, responders, and updates.","type":"registry:block","source_url":"https://uaiblocks.dev/r/incident-dashboard.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/incident-dashboard.json"},{"name":"inline-feedback","title":"Inline Feedback","description":"Confirm or reject a local action in a polite live region without interrupting the workflow.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/inline-feedback.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/inline-feedback.json"},{"name":"installment-picker","title":"Installment Picker","description":"Card installment choices with amounts, interest terms, and totals in list, tiles, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/installment-picker.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/installment-picker.json"},{"name":"kanban-board","title":"Kanban Board","description":"Columns, cards, keyboard movement, and empty states.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/kanban-board.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/kanban-board.json"},{"name":"map-controls","title":"Map Controls","description":"Zoom, compass, locate, and custom camera buttons for any map library.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/map-controls.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/map-controls.json"},{"name":"map-frame","title":"Map Frame","description":"A labelled map region that hosts any map library, anchors overlays to its edges, and shows a placeholder basemap.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/map-frame.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/map-frame.json"},{"name":"map-legend","title":"Map Legend","description":"Layer symbols, counts, a color ramp, and visibility toggles for a map.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/map-legend.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/map-legend.json"},{"name":"map-marker","title":"Map Marker","description":"Selectable map pins, dots, and price labels with tones, captions, and cluster counts.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/map-marker.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/map-marker.json"},{"name":"message","title":"Message","description":"User, assistant, system, and tool messages with avatar, header, content, actions, and streaming state.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/message.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/message.json"},{"name":"metric-card","title":"Metric Card","description":"A value with comparison, trend, and supporting context.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/metric-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/metric-card.json"},{"name":"newsletter-form","title":"Newsletter Form","description":"Email signup with consent, validation, submission, success, and duplicate-email states.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/newsletter-form.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/newsletter-form.json"},{"name":"notification-center","title":"Notification Center","description":"Updates grouped by date with unread state, filters, per-item toggles, and bulk actions.","type":"registry:block","source_url":"https://uaiblocks.dev/r/notification-center.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/notification-center.json"},{"name":"onboarding-wizard","title":"Onboarding Wizard","description":"Resumable setup steps with validation, progress, optional steps, and completion.","type":"registry:block","source_url":"https://uaiblocks.dev/r/onboarding-wizard.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/onboarding-wizard.json"},{"name":"order-status","title":"Order Status","description":"A compound fulfillment timeline with card, plain, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/order-status.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/order-status.json"},{"name":"order-tracking","title":"Order Tracking","description":"Status, shipment events, delivery estimates, and support.","type":"registry:block","source_url":"https://uaiblocks.dev/r/order-tracking.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/order-tracking.json"},{"name":"page-tabs","title":"Page Tabs","description":"Primary tabs with counts, page actions, and horizontal overflow.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/page-tabs.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/page-tabs.json"},{"name":"password-recovery","title":"Password Recovery","description":"A compound account recovery workflow with request, sent, reset, expired, and success states.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/password-recovery.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/password-recovery.json"},{"name":"pix-automatico","title":"Pix Automático","description":"The authorization step for recurring Pix: clear terms, QR Code or bank-app confirmation with a bank picker, a live waiting state that names the bank, and an ac…","type":"registry:ui","source_url":"https://uaiblocks.dev/r/pix-automatico.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/pix-automatico.json"},{"name":"pix-payment","title":"Pix Payment","description":"A Pix charge with QR code, copy-and-paste code, expiry countdown, payment status, and card, plain, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/pix-payment.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/pix-payment.json"},{"name":"place-card","title":"Place Card","description":"Place details with rating, opening status, contact facts, and actions as a card or map popup.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/place-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/place-card.json"},{"name":"price-summary","title":"Price Summary","description":"A compound order total with card, plain, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/price-summary.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/price-summary.json"},{"name":"pricing-section","title":"Pricing Section","description":"Plans, billing periods, limits, and purchase actions.","type":"registry:block","source_url":"https://uaiblocks.dev/r/pricing-section.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/pricing-section.json"},{"name":"pricing-toggle","title":"Pricing Toggle","description":"Switch billing periods while keeping prices, billing context, and savings labels in sync.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/pricing-toggle.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/pricing-toggle.json"},{"name":"product-detail","title":"Product Detail","description":"Gallery, options, availability, price, delivery, and purchase actions.","type":"registry:block","source_url":"https://uaiblocks.dev/r/product-detail.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/product-detail.json"},{"name":"product-gallery","title":"Product Gallery","description":"Media selection with thumbnails, zoom, fullscreen viewing, and required alt text.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/product-gallery.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/product-gallery.json"},{"name":"product-listing","title":"Product Listing","description":"Categories, filters, sorting, result counts, and pagination.","type":"registry:block","source_url":"https://uaiblocks.dev/r/product-listing.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/product-listing.json"},{"name":"profile-page","title":"Profile Page","description":"Identity, account actions, contact details, and recent activity in a sidebar or stacked layout.","type":"registry:block","source_url":"https://uaiblocks.dev/r/profile-page.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/profile-page.json"},{"name":"progress-summary","title":"Progress Summary","description":"Progress, elapsed time, remaining work, and cancellation in one composable summary.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/progress-summary.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/progress-summary.json"},{"name":"prompt-composer","title":"Prompt Composer","description":"A compound prompt bar with composable add, input, and action regions.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/prompt-composer.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/prompt-composer.json"},{"name":"public-profile","title":"Public Profile","description":"Identity, links, follower counts, pinned work, and recent activity.","type":"registry:block","source_url":"https://uaiblocks.dev/r/public-profile.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/public-profile.json"},{"name":"quantity-picker","title":"Quantity Picker","description":"A compound quantity control with limits, direct input, and stock feedback.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/quantity-picker.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/quantity-picker.json"},{"name":"reaction-bar","title":"Reaction Bar","description":"Reaction counts and selected states with accessible names and an add-reaction menu.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/reaction-bar.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/reaction-bar.json"},{"name":"report-builder","title":"Report Builder","description":"Select metrics, dimensions, filters, visualization, and export format.","type":"registry:block","source_url":"https://uaiblocks.dev/r/report-builder.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/report-builder.json"},{"name":"research-session","title":"Research Session","description":"A research plan, live search activity, sources, and a cited synthesis.","type":"registry:block","source_url":"https://uaiblocks.dev/r/research-session.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/research-session.json"},{"name":"resource-manager","title":"Resource Manager","description":"List, create, inspect, edit, archive, and delete domain records.","type":"registry:block","source_url":"https://uaiblocks.dev/r/resource-manager.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/resource-manager.json"},{"name":"response-status","title":"Response Status","description":"Queued, streaming, stopped, complete, and failed response states with stop and retry actions.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/response-status.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/response-status.json"},{"name":"route-summary","title":"Route Summary","description":"Travel modes, stops, totals, and turn-by-turn directions for a route.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/route-summary.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/route-summary.json"},{"name":"run-summary","title":"Run Summary","description":"A summary of completed agent work with stats, changed artifacts, warnings, and next actions.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/run-summary.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/run-summary.json"},{"name":"search-field","title":"Search Field","description":"Clearable search with recent queries, loading, empty, and error feedback.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/search-field.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/search-field.json"},{"name":"search-results","title":"Search Results","description":"Query controls, filters, ranked results with highlighted terms, empty states, and pagination.","type":"registry:block","source_url":"https://uaiblocks.dev/r/search-results.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/search-results.json"},{"name":"settings-page","title":"Settings Page","description":"Grouped settings with field validation, a sticky save state, and a guarded danger zone.","type":"registry:block","source_url":"https://uaiblocks.dev/r/settings-page.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/settings-page.json"},{"name":"share-menu","title":"Share Menu","description":"A share menu with native sharing, copy-link feedback, and channel links.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/share-menu.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/share-menu.json"},{"name":"sign-in-card","title":"Sign-in Card","description":"A compound sign-in form with providers, credentials, recovery, and async feedback.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/sign-in-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/sign-in-card.json"},{"name":"sign-up-card","title":"Sign-up Card","description":"A compound account creation form with consent, password guidance, and verification feedback.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/sign-up-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/sign-up-card.json"},{"name":"skeleton-group","title":"Skeleton Group","description":"Composable loading placeholders that match page structure without layout shift.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/skeleton-group.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/skeleton-group.json"},{"name":"split-pane","title":"Split Pane","description":"Two resizable regions with keyboard controls and saved proportions.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/split-pane.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/split-pane.json"},{"name":"status-banner","title":"Status Banner","description":"Information, success, warning, and error banners with optional actions and dismissal.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/status-banner.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/status-banner.json"},{"name":"step-indicator","title":"Step Indicator","description":"Current, complete, optional, blocked, and error steps with explicit status text.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/step-indicator.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/step-indicator.json"},{"name":"subscription-management","title":"Subscription Management","description":"Change plans, usage limits, payment, renewal, and cancellation.","type":"registry:block","source_url":"https://uaiblocks.dev/r/subscription-management.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/subscription-management.json"},{"name":"task-list","title":"Task List","description":"A composable progress list with card, timeline, and compact variants.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/task-list.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/task-list.json"},{"name":"team-management","title":"Team Management","description":"Members, roles, invitations, access status, search, and confirmed removal.","type":"registry:block","source_url":"https://uaiblocks.dev/r/team-management.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/team-management.json"},{"name":"testimonial-card","title":"Testimonial Card","description":"A quote with the person, role, organization, and an optional proof link.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/testimonial-card.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/testimonial-card.json"},{"name":"testimonials-section","title":"Testimonials Section","description":"Customer stories with people, roles, organizations, and a rating summary.","type":"registry:block","source_url":"https://uaiblocks.dev/r/testimonials-section.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/testimonials-section.json"},{"name":"thinking","title":"Thinking","description":"A composable activity disclosure with explicit states and structured evidence.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/thinking.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/thinking.json"},{"name":"tool-call","title":"Tool Call","description":"Queued, running, successful, and failed tool activity with a disclosure for input and output.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/tool-call.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/tool-call.json"},{"name":"trust-panel","title":"Trust Panel","description":"Customer logos, ratings, certifications, and security evidence in one section.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/trust-panel.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/trust-panel.json"},{"name":"unsaved-changes-bar","title":"Unsaved Changes Bar","description":"Persistent save and discard actions with busy, error, and page-exit warnings.","type":"registry:ui","source_url":"https://uaiblocks.dev/r/unsaved-changes-bar.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/unsaved-changes-bar.json"},{"name":"waitlist-section","title":"Waitlist Section","description":"Collect interest with qualification fields, consent, and confirmation.","type":"registry:block","source_url":"https://uaiblocks.dev/r/waitlist-section.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/waitlist-section.json"},{"name":"workspace-setup","title":"Workspace Setup","description":"Create a workspace, invite teammates, and choose initial settings.","type":"registry:block","source_url":"https://uaiblocks.dev/r/workspace-setup.json","install_command":"npx shadcn@latest add https://uaiblocks.dev/r/workspace-setup.json"}]},{"id":"ui-layouts","name":"@ui-layouts","slug":"ui-layouts","description":"An open-source creative component library focused on advanced animations and visual effects for React/Next.js, built primarily with Framer Motion (motion) and Tailwind CSS. Components include R3F Blob (Three.js), Image Ripple Effect, Image Mousetrail, Image Reveal, Blur Vignette, Liquid Glass, Liquid Gradient, Mesh Gradients, Shimmer Loader, Motion Number, Drag Items, Horizontal Scroll, Globe, Marquee, Randomized Text Effect, Color Picker, Directional Drawer, Motion Drawer, Gallery Modal, and more — totalling 40+ unique effects. Also includes a Labs section for experiments. Free and open source. Use for: marketing sites, portfolios, and creative web apps that need striking motion effects and interactive visual components beyond standard Tailwind utility patterns.","author":"ui-layouts","framework":"react","license":"MIT","tags":["3d","aesthetic","animation","backgrounds","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","icons","loaders","maps","marketing","media","mobile","navigation","overlays","payments","pro-available","saas","text-effects"],"categories":["Animated components"],"labels":["featured","popular","pro"],"urls":{"website":"https://ui-layouts.com/","github":"https://github.com/ui-layouts/uilayouts","registry":"https://ui-layouts.com/r/registry.json","source":"https://ui-layouts.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ui-layouts","markdown":"https://sh4dcn.netlify.app/md/ui-layouts.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='500' height='500' viewBox='0 0 500 500'><rect width='500' height='500' fill='var(--foreground)'/><path d='M150 100 C150 100, 170 80, 200 90 C230 100, 250 120, 250 120 C250 120, 270 100, 300 110 C330 120, 350 100, 350 100 L360 150 C360 150, 380 130, 400 140 C420 150, 400 170, 400 170 L400 330 C400 330, 420 310, 400 320 C380 330, 360 310, 360 310 L350 360 C350 360, 330 340, 300 350 C270 360, 250 340, 250 340 C250 340, 230 360, 200 350 C170 340, 150 360, 150 360 L140 310 C140 310, 120 330, 100 320 C80 310, 100 290, 100 290 L100 170 C100 170, 80 190, 100 180 C120 170, 140 190, 140 190 Z' fill='var(--background)'/><rect x='280' y='180' width='60' height='140' fill='var(--foreground)'/></svg>","preview_image":"https://www.ui-layouts.com/og.jpg","pro":{"has_pro":true,"pro_url":"https://www.ui-layouts.com/pricing","pricing_url":"https://www.ui-layouts.com/pricing"},"metrics":{"github_stars":3825,"open_issues":10,"last_commit":"2026-08-23T08:26:59Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui-layouts.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui-layouts.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui-layouts.com/r/registry.json","clone":"git clone https://github.com/ui-layouts/uilayouts.git","clone_degit":"npx degit ui-layouts/uilayouts","registry_fetch":"curl -s https://ui-layouts.com/r/registry.json"},"component_count":250,"components":[{"name":"btn-bg-shine","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-bg-shine.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-bg-shine.json"},{"name":"btn-animated-gradient","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-animated-gradient.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-animated-gradient.json"},{"name":"button-active","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/button-active.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/button-active.json"},{"name":"button-hover-right","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/button-hover-right.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/button-hover-right.json"},{"name":"btn-creative-right","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-creative-right.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-creative-right.json"},{"name":"btn-creative-top","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-creative-top.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-creative-top.json"},{"name":"btn-click-down","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-click-down.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-click-down.json"},{"name":"btn-hover-down","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-down.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-down.json"},{"name":"btn-hover-multiple","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-multiple.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-multiple.json"},{"name":"btn-hover-underline","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-underline.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-underline.json"},{"name":"btn-hover-top-flip","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-top-flip.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-top-flip.json"},{"name":"btn-hover-left-flip","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-left-flip.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-left-flip.json"},{"name":"btn-hover-top-slowflip","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-top-slowflip.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-top-slowflip.json"},{"name":"btn-text-change","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-text-change.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-text-change.json"},{"name":"btn-cross-arrow","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-cross-arrow.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-cross-arrow.json"},{"name":"btn-black-shadow","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-black-shadow.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-black-shadow.json"},{"name":"btn-hover-outline","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-hover-outline.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-hover-outline.json"},{"name":"btn-arrow-right","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-arrow-right.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-arrow-right.json"},{"name":"btn-rotating-gradient","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/btn-rotating-gradient.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/btn-rotating-gradient.json"},{"name":"color-picker","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/color-picker.json"},{"name":"default-color-picker","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/default-color-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-color-picker.json"},{"name":"raws-color-picker","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/raws-color-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/raws-color-picker.json"},{"name":"motion-number-upvotes","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/motion-number-upvotes.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/motion-number-upvotes.json"},{"name":"motion-number-input","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/motion-number-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/motion-number-input.json"},{"name":"motion-number-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/motion-number-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/motion-number-slider.json"},{"name":"number-flow-trading","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/number-flow-trading.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/number-flow-trading.json"},{"name":"noise-effect","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/noise-effect.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/noise-effect.json"},{"name":"scroll-text","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-text.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-text.json"},{"name":"text-scroll-animation","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/text-scroll-animation.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/text-scroll-animation.json"},{"name":"scroll-text-marquee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-text-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-text-marquee.json"},{"name":"scroll-text-marquee-unidirectional","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-text-marquee-unidirectional.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-text-marquee-unidirectional.json"},{"name":"scroll-text-marquee-bidirectional","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-text-marquee-bidirectional.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-text-marquee-bidirectional.json"},{"name":"randomized-text-effect","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/randomized-text-effect.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/randomized-text-effect.json"},{"name":"randomized-text-unveil","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/randomized-text-unveil.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/randomized-text-unveil.json"},{"name":"globe","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/globe.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/globe.json"},{"name":"card-globe","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/card-globe.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/card-globe.json"},{"name":"card-globe-white","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/card-globe-white.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/card-globe-white.json"},{"name":"img-ripple-effect","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/img-ripple-effect.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/img-ripple-effect.json"},{"name":"r3f-blob","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/r3f-blob.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/r3f-blob.json"},{"name":"mesh-shadergradient","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/mesh-shadergradient.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mesh-shadergradient.json"},{"name":"mesh-gradient-background3","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/mesh-gradient-background3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mesh-gradient-background3.json"},{"name":"mesh-gradient-background2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/mesh-gradient-background2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mesh-gradient-background2.json"},{"name":"mesh-gradient-background","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/mesh-gradient-background.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mesh-gradient-background.json"},{"name":"animated-logo-footer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-logo-footer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-logo-footer.json"},{"name":"hover-footer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hover-footer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hover-footer.json"},{"name":"responsive-header","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/responsive-header.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/responsive-header.json"},{"name":"responsive-header-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/responsive-header-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/responsive-header-default.json"},{"name":"boxgrid","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/boxgrid.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/boxgrid.json"},{"name":"conditionGrid","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/conditionGrid.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/conditionGrid.json"},{"name":"normalGrid","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/normalGrid.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/normalGrid.json"},{"name":"buyme-acoffee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/buyme-acoffee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/buyme-acoffee.json"},{"name":"stripecard","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/stripecard.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/stripecard.json"},{"name":"creative-hover-card","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/creative-hover-card.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-hover-card.json"},{"name":"stripecard2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/stripecard2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/stripecard2.json"},{"name":"hovercard1","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hovercard1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard1.json"},{"name":"hovercard2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hovercard2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard2.json"},{"name":"hovercard3","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hovercard3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard3.json"},{"name":"hovercard4","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hovercard4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hovercard4.json"},{"name":"productcard1","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/productcard1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard1.json"},{"name":"productcard2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/productcard2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard2.json"},{"name":"productcard3","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/productcard3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard3.json"},{"name":"productcard4","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/productcard4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard4.json"},{"name":"productcard5","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/productcard5.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard5.json"},{"name":"productcard6","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/productcard6.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/productcard6.json"},{"name":"creative-clippath","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/creative-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-clippath.json"},{"name":"corporate-clippath","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/corporate-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/corporate-clippath.json"},{"name":"symbolic-clippath","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/symbolic-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/symbolic-clippath.json"},{"name":"creative-mask-clippath","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/creative-mask-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-mask-clippath.json"},{"name":"watersplash-clippath","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/watersplash-clippath.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/watersplash-clippath.json"},{"name":"creative-imagemasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/creative-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-imagemasking.json"},{"name":"animal-imagemasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animal-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animal-imagemasking.json"},{"name":"watersplash-imagemasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/watersplash-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/watersplash-imagemasking.json"},{"name":"center-imagemasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/center-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/center-imagemasking.json"},{"name":"fixedbg-imagemasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/fixedbg-imagemasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/fixedbg-imagemasking.json"},{"name":"creative-videomasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/creative-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-videomasking.json"},{"name":"splashwater-videomasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/splashwater-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/splashwater-videomasking.json"},{"name":"textoverlay-videomasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/textoverlay-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/textoverlay-videomasking.json"},{"name":"hexagon-videomasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hexagon-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hexagon-videomasking.json"},{"name":"hexagon2-videomasking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/hexagon2-videomasking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hexagon2-videomasking.json"},{"name":"progressive-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/progressive-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/progressive-carousel.json"},{"name":"horizontal-progressive-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/horizontal-progressive-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/horizontal-progressive-carousel.json"},{"name":"vertical-progressive-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/vertical-progressive-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/vertical-progressive-carousel.json"},{"name":"image-hover-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-hover-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-hover-accordion.json"},{"name":"tailwind-image-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/tailwind-image-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tailwind-image-accordion.json"},{"name":"image-tab1","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-tab1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-tab1.json"},{"name":"image-tab2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-tab2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-tab2.json"},{"name":"img-tabs-standalone","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/img-tabs-standalone.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/img-tabs-standalone.json"},{"name":"magnified-doc","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/magnified-doc.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/magnified-doc.json"},{"name":"magnified-tab","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/magnified-tab.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/magnified-tab.json"},{"name":"tabs","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tabs.json"},{"name":"animated-tabs","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-tabs.json"},{"name":"creative-tab","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/creative-tab.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/creative-tab.json"},{"name":"register-tab","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/register-tab.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/register-tab.json"},{"name":"swapy","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/swapy.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/swapy.json"},{"name":"default-swapy","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/default-swapy.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-swapy.json"},{"name":"opacity-swapy","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/opacity-swapy.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/opacity-swapy.json"},{"name":"swapy-handle","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/swapy-handle.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/swapy-handle.json"},{"name":"swapy-without-components","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/swapy-without-components.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/swapy-without-components.json"},{"name":"drag-items","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/drag-items.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/drag-items.json"},{"name":"timeline-animation","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/timeline-animation.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/timeline-animation.json"},{"name":"timeline-animation-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/timeline-animation-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/timeline-animation-default.json"},{"name":"scroll-animation","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-animation.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-animation.json"},{"name":"scroll-animation-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-animation-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-animation-default.json"},{"name":"scroll-animation-repeat","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-animation-repeat.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-animation-repeat.json"},{"name":"scroll-animation-text","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scroll-animation-text.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scroll-animation-text.json"},{"name":"mousetrail","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/mousetrail.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/mousetrail.json"},{"name":"image-mousetrail-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-mousetrail-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-default.json"},{"name":"image-mousetrail-small","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-mousetrail-small.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-small.json"},{"name":"image-mousetrail-disappear","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-mousetrail-disappear.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-disappear.json"},{"name":"image-mousetrail-without-component","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-mousetrail-without-component.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-mousetrail-without-component.json"},{"name":"horizontal-scroll","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/horizontal-scroll.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/horizontal-scroll.json"},{"name":"framerhorizontalscroll","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framerhorizontalscroll.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framerhorizontalscroll.json"},{"name":"stacking-card","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/stacking-card.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/stacking-card.json"},{"name":"css-image-stacking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/css-image-stacking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/css-image-stacking.json"},{"name":"css-card-stacking","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/css-card-stacking.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/css-card-stacking.json"},{"name":"smooth-scroll","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/smooth-scroll.json"},{"name":"sticky-gallery","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sticky-gallery.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sticky-gallery.json"},{"name":"sticky-hero-section","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sticky-hero-section.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sticky-hero-section.json"},{"name":"sparkles","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles.json"},{"name":"sparkles-globe","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-globe.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-globe.json"},{"name":"sparkles-section","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-section.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-section.json"},{"name":"sparkles-title","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-title.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title.json"},{"name":"sparkles-title2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-title2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title2.json"},{"name":"sparkles-title3","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-title3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title3.json"},{"name":"sparkles-title4","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-title4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-title4.json"},{"name":"sparkles-branding","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/sparkles-branding.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/sparkles-branding.json"},{"name":"marquee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/marquee.json"},{"name":"default-marquee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/default-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-marquee.json"},{"name":"verticle-marquee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/verticle-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/verticle-marquee.json"},{"name":"logos-marquee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/logos-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/logos-marquee.json"},{"name":"3d-marquee","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/3d-marquee.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/3d-marquee.json"},{"name":"infintyband","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/infintyband.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/infintyband.json"},{"name":"liquid-glass","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-glass.json"},{"name":"liquid-glass-weather","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-glass-weather.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-weather.json"},{"name":"liquid-glass-mobile-icons","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-glass-mobile-icons.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-mobile-icons.json"},{"name":"liquid-glass-notification","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-glass-notification.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-notification.json"},{"name":"liquid-glass-sidebar-menu","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-glass-sidebar-menu.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-glass-sidebar-menu.json"},{"name":"blur-vignette","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/blur-vignette.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/blur-vignette.json"},{"name":"video-blur-vignette","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/video-blur-vignette.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/video-blur-vignette.json"},{"name":"blur-vignette-video","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/blur-vignette-video.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/blur-vignette-video.json"},{"name":"blur-vignette-img","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/blur-vignette-img.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/blur-vignette-img.json"},{"name":"blur-vignette-card","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/blur-vignette-card.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/blur-vignette-card.json"},{"name":"liquid-gradient","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-gradient.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-gradient.json"},{"name":"liquid-gradient-components","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-gradient-components.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-gradient-components.json"},{"name":"liquid-button","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/liquid-button.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/liquid-button.json"},{"name":"accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/accordion.json"},{"name":"grid-layout-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/grid-layout-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/grid-layout-accordion.json"},{"name":"single-layout-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/single-layout-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/single-layout-accordion.json"},{"name":"multi-layout-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/multi-layout-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/multi-layout-accordion.json"},{"name":"faq-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/faq-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/faq-accordion.json"},{"name":"slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/slider.json"},{"name":"dual-range-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/dual-range-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/dual-range-slider.json"},{"name":"position-range-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/position-range-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/position-range-slider.json"},{"name":"static-range-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/static-range-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/static-range-slider.json"},{"name":"showhide-pass","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/showhide-pass.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/showhide-pass.json"},{"name":"pass-strengthindicator","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/pass-strengthindicator.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/pass-strengthindicator.json"},{"name":"pass-strength-dotted-indicator","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/pass-strength-dotted-indicator.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/pass-strength-dotted-indicator.json"},{"name":"pass-strength-hover-indicator","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/pass-strength-hover-indicator.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/pass-strength-hover-indicator.json"},{"name":"pass-strength-inline-indicator","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/pass-strength-inline-indicator.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/pass-strength-inline-indicator.json"},{"name":"confirm-pass-check","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/confirm-pass-check.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/confirm-pass-check.json"},{"name":"tags-input","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/tags-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tags-input.json"},{"name":"tags-input-components","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/tags-input-components.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tags-input-components.json"},{"name":"tags-input-no-edit","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/tags-input-no-edit.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tags-input-no-edit.json"},{"name":"phone-input-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/phone-input-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/phone-input-default.json"},{"name":"phone-input","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/phone-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/phone-input.json"},{"name":"datetime-input","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/datetime-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/datetime-input.json"},{"name":"datetime-input-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/datetime-input-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/datetime-input-default.json"},{"name":"time-picker","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/time-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/time-picker.json"},{"name":"date-picker","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/date-picker.json"},{"name":"multi-selector","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/multi-selector.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/multi-selector.json"},{"name":"multi-selector-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/multi-selector-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/multi-selector-default.json"},{"name":"file-upload","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/file-upload.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/file-upload.json"},{"name":"file-upload-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/file-upload-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/file-upload-default.json"},{"name":"chat-form-dropzone","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/chat-form-dropzone.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/chat-form-dropzone.json"},{"name":"imgpreview-dropzone","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/imgpreview-dropzone.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/imgpreview-dropzone.json"},{"name":"linear-modal","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/linear-modal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/linear-modal.json"},{"name":"linear-modal-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/linear-modal-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/linear-modal-default.json"},{"name":"linear-modal-center-content","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/linear-modal-center-content.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/linear-modal-center-content.json"},{"name":"linear-modal-standalone","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/linear-modal-standalone.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/linear-modal-standalone.json"},{"name":"gallery-modal-accordion","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/gallery-modal-accordion.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/gallery-modal-accordion.json"},{"name":"gallery-modal-unsplash","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/gallery-modal-unsplash.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/gallery-modal-unsplash.json"},{"name":"gallery-modal-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/gallery-modal-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/gallery-modal-slider.json"},{"name":"dialog","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/dialog.json"},{"name":"dialog-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/dialog-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/dialog-default.json"},{"name":"media-modal","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/media-modal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/media-modal.json"},{"name":"media-modal-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/media-modal-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/media-modal-default.json"},{"name":"imagemodals","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/imagemodals.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/imagemodals.json"},{"name":"responsive-modal","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/responsive-modal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/responsive-modal.json"},{"name":"responsive-modal-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/responsive-modal-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/responsive-modal-default.json"},{"name":"directional-drawer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/directional-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/directional-drawer.json"},{"name":"directional-drawer_default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/directional-drawer_default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/directional-drawer_default.json"},{"name":"left-directional-drawer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/left-directional-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/left-directional-drawer.json"},{"name":"top-directional-drawer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/top-directional-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/top-directional-drawer.json"},{"name":"bottom-directional-drawer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/bottom-directional-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/bottom-directional-drawer.json"},{"name":"motion-drawer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/motion-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/motion-drawer.json"},{"name":"motion-drawer-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/motion-drawer-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/motion-drawer-default.json"},{"name":"right-motion-drawer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/right-motion-drawer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/right-motion-drawer.json"},{"name":"spotlight","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/spotlight.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight.json"},{"name":"spotlight-card1","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/spotlight-card1.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card1.json"},{"name":"spotlight-card2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/spotlight-card2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card2.json"},{"name":"spotlight-card3","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/spotlight-card3.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card3.json"},{"name":"spotlight-card4","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/spotlight-card4.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/spotlight-card4.json"},{"name":"image-reveal","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-reveal.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-reveal.json"},{"name":"image-reveal2","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/image-reveal2.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/image-reveal2.json"},{"name":"bg-blocks-one","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/bg-blocks-one.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/bg-blocks-one.json"},{"name":"animated-beam","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-beam.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam.json"},{"name":"animated-beam-default","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-beam-default.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam-default.json"},{"name":"animated-beam-bidirectional","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-beam-bidirectional.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam-bidirectional.json"},{"name":"animated-beam-unidirectional","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-beam-unidirectional.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam-unidirectional.json"},{"name":"animated-beam-multiple-input","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-beam-multiple-input.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam-multiple-input.json"},{"name":"animated-beam-multiple-output","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/animated-beam-multiple-output.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/animated-beam-multiple-output.json"},{"name":"carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/carousel.json"},{"name":"default-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/default-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/default-slider.json"},{"name":"align-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/align-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/align-slider.json"},{"name":"classname-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/classname-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/classname-slider.json"},{"name":"number-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/number-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/number-slider.json"},{"name":"scale-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/scale-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/scale-slider.json"},{"name":"thumbnail-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/thumbnail-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/thumbnail-slider.json"},{"name":"autostart-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/autostart-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/autostart-slider.json"},{"name":"autoscroll-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/autoscroll-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/autoscroll-slider.json"},{"name":"vertical-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/vertical-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/vertical-slider.json"},{"name":"vertical-thumbnail-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/vertical-thumbnail-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/vertical-thumbnail-slider.json"},{"name":"vertical-thumbnail-autostart-slider","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/vertical-thumbnail-autostart-slider.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/vertical-thumbnail-autostart-slider.json"},{"name":"framer-normal-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-normal-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-normal-carousel.json"},{"name":"framer-draggable-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-draggable-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-draggable-carousel.json"},{"name":"framer-autoplay-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-autoplay-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-autoplay-carousel.json"},{"name":"framer-multi-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-multi-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-multi-carousel.json"},{"name":"framer-thumnbails","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-thumnbails.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-thumnbails.json"},{"name":"framer-moveable-thumbnails","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-moveable-thumbnails.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-moveable-thumbnails.json"},{"name":"framer-drag-sliding-carousel","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/framer-drag-sliding-carousel.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/framer-drag-sliding-carousel.json"},{"name":"code-block","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/code-block.json"},{"name":"tree-code-viewer","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/tree-code-viewer.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/tree-code-viewer.json"},{"name":"code-tabs-mdx","title":null,"description":null,"type":"registry:component","source_url":"https://ui-layouts.com/r/code-tabs-mdx.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/code-tabs-mdx.json"},{"name":"hero-digital-success","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-digital-success.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-digital-success.json"},{"name":"hero-ai-value-proposition","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-ai-value-proposition.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-ai-value-proposition.json"},{"name":"hero-share-app","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-share-app.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-share-app.json"},{"name":"hero-social-app","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-social-app.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-social-app.json"},{"name":"hero-ai-ecommerce","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-ai-ecommerce.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-ai-ecommerce.json"},{"name":"hero-ai-infrastructure","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-ai-infrastructure.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-ai-infrastructure.json"},{"name":"hero-financial","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/hero-financial.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/hero-financial.json"},{"name":"feature-flow","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-flow.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-flow.json"},{"name":"feature-hero","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-hero.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-hero.json"},{"name":"feature-bento","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-bento.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-bento.json"},{"name":"feature-nature","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-nature.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-nature.json"},{"name":"feature-velocity","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-velocity.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-velocity.json"},{"name":"feature-highlights","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-highlights.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-highlights.json"},{"name":"feature-platform","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-platform.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-platform.json"},{"name":"feature-service","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/feature-service.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/feature-service.json"},{"name":"about-ecommerse","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/about-ecommerse.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/about-ecommerse.json"},{"name":"about-creative","title":null,"description":null,"type":"registry:block","source_url":"https://ui-layouts.com/r/about-creative.json","install_command":"npx shadcn@latest add https://ui-layouts.com/r/about-creative.json"}]},{"id":"ui-shrushank","name":"@ui-shrushank","slug":"ui-shrushank","description":"Free React and Tailwind components with Framer Motion interaction states and Tailwind CSS styling: buttons, badge, text field, toggle switch and breadcrumbs.","author":"Shrootiiii","framework":"react","license":"MIT","tags":["animation","buttons","charts","navigation","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.shrutishankarnarayanan.com/components","github":"https://github.com/Shrootiiii/ui","registry":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/registry.json","source":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ui-shrushank","markdown":"https://sh4dcn.netlify.app/md/ui-shrushank.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='#4D6B34'/><rect x='6' y='6' width='12' height='12' rx='3.5' fill='none' stroke='#F5F3EF' stroke-width='2'/><rect x='17' y='17' width='9' height='9' rx='2.5' fill='#F5F3EF'/></svg>","preview_image":"https://www.shrutishankarnarayanan.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-06T05:30:51Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/registry.json","install_bun":"bunx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/registry.json","clone":"git clone https://github.com/Shrootiiii/ui.git","clone_degit":"npx degit Shrootiiii/ui","registry_fetch":"curl -s https://raw.githubusercontent.com/Shrootiiii/ui/main/r/registry.json"},"component_count":8,"components":[{"name":"primary-button","title":"Primary Button","description":"The default call to action, solid fill with hover and focus states.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/primary-button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/primary-button.json"},{"name":"ghost-button","title":"Ghost Button","description":"A lower-emphasis outline button for secondary actions.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/ghost-button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/ghost-button.json"},{"name":"toggle-switch","title":"Toggle Switch","description":"An accessible on/off switch built on a native button.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/toggle-switch.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/toggle-switch.json"},{"name":"text-field","title":"Text Field","description":"A labeled text input with clear focus and placeholder states.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/text-field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/text-field.json"},{"name":"badge","title":"Badge","description":"A small status pill with neutral, success, and warning tones.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/badge.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/badge.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"A simple breadcrumb trail with an aria-current page marker.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/breadcrumbs.json"},{"name":"commit-graph","title":"Commit Graph","description":"A contribution heatmap paged by two-week sprints, drillable to the day.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/commit-graph.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/commit-graph.json"},{"name":"all","title":"Every free component","description":"All 7 free components in one install. Premium items are available to Pro buyers from the private registry.","type":"registry:component","source_url":"https://raw.githubusercontent.com/Shrootiiii/ui/main/r/all.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/Shrootiiii/ui/main/r/all.json"}]},{"id":"uiarc","name":"@uiarc","slug":"uiarc","description":"React components and blocks with motion built in. Source you own, with Markdown docs and llms.txt so AI tools install them correctly.","author":"kuratlielia","framework":"react","license":"MIT","tags":["ai","animation","blocks","buttons","cards","charts","editor","forms","icons","loaders","maps","media","navigation","onboarding","overlays","payments","pro-available","tables","text-effects","theming"],"categories":["Animated components"],"labels":["popular","pro","recently-updated"],"urls":{"website":"https://uiarc.dev","github":"https://github.com/kuratlielia/arc-library","registry":"https://uiarc.dev/r/registry.json","source":"https://uiarc.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uiarc","markdown":"https://sh4dcn.netlify.app/md/uiarc.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='var(--foreground)' stroke-width='5.5' stroke-linecap='round' stroke-linejoin='round'><path d='M9 48V29C9 15 19 7 32 7s23 8 23 22v19'/><path d='M20 48V31c0-8 5-13 12-13s12 5 12 13v17'/><path d='M32 38v10'/></svg>","preview_image":"https://uiarc.dev/opengraph-image.png?e0ab1ba2db881709","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://uiarc.dev/pro"},"metrics":{"github_stars":1013,"open_issues":4,"last_commit":"2026-10-24T13:13:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uiarc.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uiarc.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://uiarc.dev/r/registry.json","clone":"git clone https://github.com/kuratlielia/arc-library.git","clone_degit":"npx degit kuratlielia/arc-library","registry_fetch":"curl -s https://uiarc.dev/r/registry.json"},"component_count":145,"components":[{"name":"arc-foundation","title":"Arc foundation","description":"Arc design tokens (color, surface, radius, shadow, accent, focus, light and dark themes), plus the shared motion presets. Install once per app.","type":"registry:item","source_url":"https://uiarc.dev/r/arc-foundation.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/arc-foundation.json"},{"name":"arc-motion-tokens","title":"Arc motion tokens","description":"The shared motion presets (durations, easings, springs, staggers) Arc components import. Installed automatically with any item that uses them.","type":"registry:item","source_url":"https://uiarc.dev/r/arc-motion-tokens.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/arc-motion-tokens.json"},{"name":"arc-skill","title":"Arc agent skill","description":"An Agent Skill that teaches Claude Code and other agents how to choose, install, and compose Arc components, with rule files for design, components, motion, ac…","type":"registry:file","source_url":"https://uiarc.dev/r/arc-skill.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/arc-skill.json"},{"name":"button","title":"Button","description":"A clear, responsive action with quiet secondary states.","type":"registry:ui","source_url":"https://uiarc.dev/r/button.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/button.json"},{"name":"action-swap","title":"Action swap","description":"Swap an action label while preserving its place and intent.","type":"registry:ui","source_url":"https://uiarc.dev/r/action-swap.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/action-swap.json"},{"name":"action-button","title":"Action button","description":"A compact button for frequent toolbar actions.","type":"registry:ui","source_url":"https://uiarc.dev/r/action-button.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/action-button.json"},{"name":"split-button","title":"Split button","description":"A primary action with a menu of nearby alternatives.","type":"registry:ui","source_url":"https://uiarc.dev/r/split-button.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/split-button.json"},{"name":"button-group","title":"Button group","description":"Related actions joined into one surface with hairline dividers: a hover highlight glides between segments, the pressed one answers in place, and an attached me…","type":"registry:ui","source_url":"https://uiarc.dev/r/button-group.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/button-group.json"},{"name":"floating-button-group","title":"Floating button group","description":"Separate soft buttons in a quiet tray, with one shared highlight that morphs from button to button as you move, and a pressed state that settles in place.","type":"registry:ui","source_url":"https://uiarc.dev/r/floating-button-group.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/floating-button-group.json"},{"name":"expanding-button-group","title":"Expanding button group","description":"Icon buttons in a compact group: the one you point at or focus grows to reveal its label while its neighbours slide aside, and an action confirms in place.","type":"registry:ui","source_url":"https://uiarc.dev/r/expanding-button-group.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/expanding-button-group.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"A focused list of actions anchored to a trigger.","type":"registry:ui","source_url":"https://uiarc.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/dropdown-menu.json"},{"name":"context-menu","title":"Context menu","description":"Secondary actions kept close to the selected object.","type":"registry:ui","source_url":"https://uiarc.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/context-menu.json"},{"name":"copy-button","title":"Copy button","description":"Copy a value with immediate confirmation.","type":"registry:ui","source_url":"https://uiarc.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/copy-button.json"},{"name":"drawer","title":"Drawer","description":"A temporary side surface for focused work.","type":"registry:ui","source_url":"https://uiarc.dev/r/drawer.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/drawer.json"},{"name":"theme-switch","title":"Theme switcher","description":"Four smooth ways to move between light and dark appearance.","type":"registry:ui","source_url":"https://uiarc.dev/r/theme-switch.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/theme-switch.json"},{"name":"theme-switch-eclipse","title":"Eclipse","description":"The next appearance crosses the page like an eclipse.","type":"registry:ui","source_url":"https://uiarc.dev/r/theme-switch-eclipse.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/theme-switch-eclipse.json"},{"name":"theme-switch-split","title":"Split","description":"The next appearance opens from a slim center seam.","type":"registry:ui","source_url":"https://uiarc.dev/r/theme-switch-split.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/theme-switch-split.json"},{"name":"theme-switch-rise","title":"Rise","description":"The next appearance rises into place.","type":"registry:ui","source_url":"https://uiarc.dev/r/theme-switch-rise.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/theme-switch-rise.json"},{"name":"avatar","title":"Avatar","description":"A compact identity marker for people and accounts.","type":"registry:ui","source_url":"https://uiarc.dev/r/avatar.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/avatar.json"},{"name":"avatar-group","title":"Avatar group","description":"Show a team or set of contributors in a small space.","type":"registry:ui","source_url":"https://uiarc.dev/r/avatar-group.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/avatar-group.json"},{"name":"input","title":"Input","description":"A single line field with clear labels and useful states.","type":"registry:ui","source_url":"https://uiarc.dev/r/input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/input.json"},{"name":"textarea","title":"Textarea","description":"A multiline field for notes, descriptions, and longer text.","type":"registry:ui","source_url":"https://uiarc.dev/r/textarea.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/textarea.json"},{"name":"select","title":"Select","description":"A compact choice field with a keyboard friendly menu.","type":"registry:ui","source_url":"https://uiarc.dev/r/select.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/select.json"},{"name":"combobox","title":"Combobox","description":"Search and select from a list without leaving the field.","type":"registry:ui","source_url":"https://uiarc.dev/r/combobox.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/combobox.json"},{"name":"checkbox","title":"Checkbox","description":"A binary choice with a precise, legible state.","type":"registry:ui","source_url":"https://uiarc.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/checkbox.json"},{"name":"switch","title":"Switch","description":"A tactile toggle for settings that take effect immediately.","type":"registry:ui","source_url":"https://uiarc.dev/r/switch.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/switch.json"},{"name":"multi-select","title":"Multi-select","description":"Select several values while keeping the field readable.","type":"registry:ui","source_url":"https://uiarc.dev/r/multi-select.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/multi-select.json"},{"name":"number-field","title":"Number field","description":"Enter a bounded number with clear increment controls.","type":"registry:ui","source_url":"https://uiarc.dev/r/number-field.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/number-field.json"},{"name":"password-field","title":"Password field","description":"Capture sensitive text with a visible reveal control.","type":"registry:ui","source_url":"https://uiarc.dev/r/password-field.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/password-field.json"},{"name":"search-field","title":"Search field","description":"A recognizable search entry point with clear affordances.","type":"registry:ui","source_url":"https://uiarc.dev/r/search-field.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/search-field.json"},{"name":"tag-input","title":"Tag input","description":"Turn short text values into removable tags.","type":"registry:ui","source_url":"https://uiarc.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/tag-input.json"},{"name":"file-dropzone","title":"File dropzone","description":"A generous target for dropping one or more files.","type":"registry:ui","source_url":"https://uiarc.dev/r/file-dropzone.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/file-dropzone.json"},{"name":"radio-group","title":"Radio group","description":"Choose one option from a visible set.","type":"registry:ui","source_url":"https://uiarc.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/radio-group.json"},{"name":"segmented-control","title":"Segmented control","description":"Switch between a small set of related views.","type":"registry:ui","source_url":"https://uiarc.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/segmented-control.json"},{"name":"calendar","title":"Calendar","description":"Browse dates in a clear, compact month view.","type":"registry:ui","source_url":"https://uiarc.dev/r/calendar.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/calendar.json"},{"name":"date-picker","title":"Date picker","description":"Choose a date without losing context.","type":"registry:ui","source_url":"https://uiarc.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/date-picker.json"},{"name":"time-picker","title":"Time picker","description":"Choose a time with sensible keyboard behavior.","type":"registry:ui","source_url":"https://uiarc.dev/r/time-picker.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/time-picker.json"},{"name":"accordion","title":"Accordion","description":"Progressively reveal supporting information in place.","type":"registry:ui","source_url":"https://uiarc.dev/r/accordion.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/accordion.json"},{"name":"dialog","title":"Dialog","description":"A focused surface for decisions that need attention.","type":"registry:ui","source_url":"https://uiarc.dev/r/dialog.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/dialog.json"},{"name":"popover","title":"Popover","description":"A small anchored surface for contextual information.","type":"registry:ui","source_url":"https://uiarc.dev/r/popover.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Short supporting text for unfamiliar controls.","type":"registry:ui","source_url":"https://uiarc.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/tooltip.json"},{"name":"tabs","title":"Tabs","description":"Switch between related content in the same context.","type":"registry:ui","source_url":"https://uiarc.dev/r/tabs.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/tabs.json"},{"name":"expandable-card","title":"Expandable card","description":"Give a dense card more room when requested.","type":"registry:ui","source_url":"https://uiarc.dev/r/expandable-card.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/expandable-card.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Show where a page sits in a hierarchy.","type":"registry:ui","source_url":"https://uiarc.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/breadcrumb.json"},{"name":"alert","title":"Alert","description":"A persistent message that helps people recover or continue.","type":"registry:ui","source_url":"https://uiarc.dev/r/alert.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/alert.json"},{"name":"toast","title":"Toast","description":"Brief confirmation for a completed background action.","type":"registry:ui","source_url":"https://uiarc.dev/r/toast.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/toast.json"},{"name":"rating","title":"Rating","description":"A simple, accessible way to capture a numeric opinion.","type":"registry:ui","source_url":"https://uiarc.dev/r/rating.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/rating.json"},{"name":"progress","title":"Progress","description":"Show how much of a known task is complete.","type":"registry:ui","source_url":"https://uiarc.dev/r/progress.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"Reserve space while content is still loading.","type":"registry:ui","source_url":"https://uiarc.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/skeleton.json"},{"name":"badge","title":"Badge","description":"A small label for status, category, or metadata.","type":"registry:ui","source_url":"https://uiarc.dev/r/badge.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/badge.json"},{"name":"card","title":"Card","description":"A contained group of related content and actions.","type":"registry:ui","source_url":"https://uiarc.dev/r/card.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/card.json"},{"name":"metric-card","title":"Metric card","description":"A compact summary for a number that needs context.","type":"registry:ui","source_url":"https://uiarc.dev/r/metric-card.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/metric-card.json"},{"name":"empty-state","title":"Empty state","description":"A useful next step when there is nothing to show yet.","type":"registry:ui","source_url":"https://uiarc.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/empty-state.json"},{"name":"tree-view","title":"Tree view","description":"Navigate nested folders and structured content.","type":"registry:ui","source_url":"https://uiarc.dev/r/tree-view.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/tree-view.json"},{"name":"pagination","title":"Pagination","description":"Move through a long collection with clear bounds.","type":"registry:ui","source_url":"https://uiarc.dev/r/pagination.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/pagination.json"},{"name":"filter-toolbar","title":"Filter toolbar","description":"Keep collection filters close and easy to reset.","type":"registry:ui","source_url":"https://uiarc.dev/r/filter-toolbar.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/filter-toolbar.json"},{"name":"sortable-data-table","title":"Sortable data table","description":"Compare structured records with sortable columns.","type":"registry:ui","source_url":"https://uiarc.dev/r/sortable-data-table.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/sortable-data-table.json"},{"name":"sparkline","title":"Sparkline","description":"Show a compact trend beside a value.","type":"registry:ui","source_url":"https://uiarc.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/sparkline.json"},{"name":"gauge","title":"Gauge","description":"Show a value against a known range.","type":"registry:ui","source_url":"https://uiarc.dev/r/gauge.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/gauge.json"},{"name":"animated-counter","title":"Animated counter","description":"Give changing totals a clear sense of movement.","type":"registry:ui","source_url":"https://uiarc.dev/r/animated-counter.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/animated-counter.json"},{"name":"code-block","title":"Code block","description":"Present code with legible hierarchy and copy access.","type":"registry:ui","source_url":"https://uiarc.dev/r/code-block.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/code-block.json"},{"name":"reorderable-list","title":"Reorderable list","description":"Organize items with direct drag and drop.","type":"registry:ui","source_url":"https://uiarc.dev/r/reorderable-list.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/reorderable-list.json"},{"name":"text-reveal","title":"Text reveal","description":"Reveal a short piece of content with restrained motion.","type":"registry:ui","source_url":"https://uiarc.dev/r/text-reveal.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/text-reveal.json"},{"name":"in-view-title","title":"In-view title","description":"Bring a section title in as it scrolls into view.","type":"registry:ui","source_url":"https://uiarc.dev/r/in-view-title.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/in-view-title.json"},{"name":"text-morph","title":"Text morph","description":"Morph a label into its next state, letter by letter.","type":"registry:ui","source_url":"https://uiarc.dev/r/text-morph.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/text-morph.json"},{"name":"text-shimmer","title":"Text shimmer","description":"Show ongoing work with a calm light across the words.","type":"registry:ui","source_url":"https://uiarc.dev/r/text-shimmer.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/text-shimmer.json"},{"name":"hold-to-confirm","title":"Hold to confirm","description":"Confirm a destructive action by holding, not tapping.","type":"registry:ui","source_url":"https://uiarc.dev/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/hold-to-confirm.json"},{"name":"swipe-actions","title":"Swipe actions","description":"Reveal row actions with a swipe, or from the same actions in a menu.","type":"registry:ui","source_url":"https://uiarc.dev/r/swipe-actions.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/swipe-actions.json"},{"name":"reactions","title":"Reactions","description":"Acknowledge a post in one tap, with counts that roll.","type":"registry:ui","source_url":"https://uiarc.dev/r/reactions.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/reactions.json"},{"name":"slider","title":"Slider","description":"Pick a value or a range on a track that follows your finger.","type":"registry:ui","source_url":"https://uiarc.dev/r/slider.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/slider.json"},{"name":"elastic-slider","title":"Elastic slider","description":"A slider that stretches like rubber past its ends, with a swaying value tag and detents the thumb clicks into.","type":"registry:ui","source_url":"https://uiarc.dev/r/elastic-slider.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/elastic-slider.json"},{"name":"range-histogram-slider","title":"Range histogram slider","description":"A price range over a live histogram of the data, lighting the bars inside the range and settling on bar edges.","type":"registry:ui","source_url":"https://uiarc.dev/r/range-histogram-slider.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/range-histogram-slider.json"},{"name":"ruler-slider","title":"Ruler slider","description":"A tape of ticks that slides under a fixed needle, with momentum, snapping, and a rolling readout.","type":"registry:ui","source_url":"https://uiarc.dev/r/ruler-slider.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/ruler-slider.json"},{"name":"inline-edit","title":"Inline edit","description":"Rename in place: the text becomes a field without moving.","type":"registry:ui","source_url":"https://uiarc.dev/r/inline-edit.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/inline-edit.json"},{"name":"expanding-search","title":"Expanding search","description":"An icon that morphs into a search field with results beneath it.","type":"registry:ui","source_url":"https://uiarc.dev/r/expanding-search.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/expanding-search.json"},{"name":"chip-group","title":"Chip group","description":"Filter by a few facets with chips that morph as you pick them.","type":"registry:ui","source_url":"https://uiarc.dev/r/chip-group.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/chip-group.json"},{"name":"password-strength","title":"Password strength","description":"Show how strong a new password is while it is typed.","type":"registry:ui","source_url":"https://uiarc.dev/r/password-strength.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/password-strength.json"},{"name":"bottom-sheet","title":"Bottom sheet","description":"A sheet that rests at a peek or full height and follows your finger.","type":"registry:ui","source_url":"https://uiarc.dev/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/bottom-sheet.json"},{"name":"hover-card","title":"Hover card","description":"Preview a person or link on hover or focus without leaving the page.","type":"registry:ui","source_url":"https://uiarc.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/hover-card.json"},{"name":"resizable-panels","title":"Resizable panels","description":"Trade space between panes by dragging the divider between them.","type":"registry:ui","source_url":"https://uiarc.dev/r/resizable-panels.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/resizable-panels.json"},{"name":"toast-stack","title":"Toast stack","description":"Stack short results at the edge until you reach for them.","type":"registry:ui","source_url":"https://uiarc.dev/r/toast-stack.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/toast-stack.json"},{"name":"usage-meter","title":"Usage meter","description":"Show what fills an allowance and how close it is to the limit.","type":"registry:ui","source_url":"https://uiarc.dev/r/usage-meter.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/usage-meter.json"},{"name":"onboarding-checklist","title":"Onboarding checklist","description":"Guide a new workspace through setup, one step at a time.","type":"registry:ui","source_url":"https://uiarc.dev/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/onboarding-checklist.json"},{"name":"image-compare","title":"Image compare","description":"Drag a divider across two images to see what changed.","type":"registry:ui","source_url":"https://uiarc.dev/r/image-compare.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/image-compare.json"},{"name":"carousel","title":"Carousel","description":"Browse a row of slides by dragging, flicking, or arrowing through them.","type":"registry:ui","source_url":"https://uiarc.dev/r/carousel.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/carousel.json"},{"name":"card-stack","title":"Card stack","description":"Review a deck one card at a time, with a throw and an undo.","type":"registry:ui","source_url":"https://uiarc.dev/r/card-stack.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/card-stack.json"},{"name":"bar-chart","title":"Bar chart","description":"Compare one measure across days and scrub any bar for its value.","type":"registry:ui","source_url":"https://uiarc.dev/r/bar-chart.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/bar-chart.json"},{"name":"activity-heatmap","title":"Activity heatmap","description":"See a year of activity at a glance, one square per day.","type":"registry:ui","source_url":"https://uiarc.dev/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/activity-heatmap.json"},{"name":"timeline","title":"Timeline","description":"Follow what happened, newest first, grouped by day.","type":"registry:ui","source_url":"https://uiarc.dev/r/timeline.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/timeline.json"},{"name":"user-menu","title":"User menu","description":"Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.","type":"registry:ui","source_url":"https://uiarc.dev/r/user-menu.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/user-menu.json"},{"name":"stepper","title":"Stepper","description":"Show where a person is in a multi-step flow and what is done.","type":"registry:ui","source_url":"https://uiarc.dev/r/stepper.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/stepper.json"},{"name":"signature-pad","title":"Signature pad","description":"Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.","type":"registry:ui","source_url":"https://uiarc.dev/r/signature-pad.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/signature-pad.json"},{"name":"icon-morph","title":"Icon morph","description":"Icons that morph between states: menu to close, play to pause, copy to check, and more.","type":"registry:ui","source_url":"https://uiarc.dev/r/icon-morph.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/icon-morph.json"},{"name":"date-range-picker","title":"Date range picker","description":"A range picker that grows from its trigger into two months with presets and a stretching range highlight.","type":"registry:ui","source_url":"https://uiarc.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/date-range-picker.json"},{"name":"color-picker","title":"Color picker","description":"A swatch that grows into a picker with format morphing, eyedropper, saved swatches, and contrast readout.","type":"registry:ui","source_url":"https://uiarc.dev/r/color-picker.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/color-picker.json"},{"name":"morph-select","title":"Morph select","description":"A select whose trigger grows into the list, with a gliding highlight and type-ahead.","type":"registry:ui","source_url":"https://uiarc.dev/r/morph-select.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/morph-select.json"},{"name":"line-chart","title":"Line chart","description":"A multi-series line chart with a gliding crosshair, legend toggles, and paths that morph between ranges.","type":"registry:ui","source_url":"https://uiarc.dev/r/line-chart.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/line-chart.json"},{"name":"donut-chart","title":"Donut chart","description":"A donut whose arcs morph between datasets, with the active value rolling into the center.","type":"registry:ui","source_url":"https://uiarc.dev/r/donut-chart.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/donut-chart.json"},{"name":"streamgraph","title":"Streamgraph","description":"Layered streams on a wiggle baseline that morph between ranges, with a layer you can isolate and read week by week.","type":"registry:ui","source_url":"https://uiarc.dev/r/streamgraph.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/streamgraph.json"},{"name":"brush-chart","title":"Brush chart","description":"A dense time series with an overview strip: drag a window to zoom, resize it by its handles, and read events in place.","type":"registry:ui","source_url":"https://uiarc.dev/r/brush-chart.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/brush-chart.json"},{"name":"ridgeline","title":"Ridgeline","description":"Overlapping distributions, one ridge per group: hover to lift a ridge and read its quartiles, switch datasets and every curve morphs.","type":"registry:ui","source_url":"https://uiarc.dev/r/ridgeline.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/ridgeline.json"},{"name":"treemap","title":"Treemap","description":"A squarified treemap: click to drill and the tiles grow to fill the view, with a breadcrumb back and metrics that morph every tile.","type":"registry:ui","source_url":"https://uiarc.dev/r/treemap.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/treemap.json"},{"name":"waffle-chart","title":"Waffle chart","description":"A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.","type":"registry:ui","source_url":"https://uiarc.dev/r/waffle-chart.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/waffle-chart.json"},{"name":"slope-chart","title":"Slope chart","description":"Before and after on two axes: lines draw in, rank moves sit beside each value, and switching datasets slides every line to its new slope.","type":"registry:ui","source_url":"https://uiarc.dev/r/slope-chart.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/slope-chart.json"},{"name":"countdown","title":"Countdown","description":"A launch countdown with rolling digits that morphs into a live state at zero.","type":"registry:ui","source_url":"https://uiarc.dev/r/countdown.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/countdown.json"},{"name":"cookie-consent","title":"Cookie consent","description":"A consent bar that morphs into preferences and folds into a reopen button.","type":"registry:ui","source_url":"https://uiarc.dev/r/cookie-consent.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/cookie-consent.json"},{"name":"announcement-bar","title":"Announcement bar","description":"A top banner that rotates messages, counts down, and collapses smoothly when dismissed.","type":"registry:ui","source_url":"https://uiarc.dev/r/announcement-bar.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/announcement-bar.json"},{"name":"json-viewer","title":"JSON viewer","description":"A collapsible JSON tree with search, paging for long arrays, and copy value or path.","type":"registry:ui","source_url":"https://uiarc.dev/r/json-viewer.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/json-viewer.json"},{"name":"scrub-input","title":"Scrub input","description":"A Figma-style number field: drag the label to scrub, or type values, units, and arithmetic.","type":"registry:ui","source_url":"https://uiarc.dev/r/scrub-input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/scrub-input.json"},{"name":"tree-table","title":"Tree table","description":"A table with nested rows, tri-state selection, hierarchy-preserving sort, and lazy-loaded children.","type":"registry:ui","source_url":"https://uiarc.dev/r/tree-table.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/tree-table.json"},{"name":"phone-input","title":"Phone input","description":"A phone field with a country picker, formatting as you type, and E.164 output.","type":"registry:ui","source_url":"https://uiarc.dev/r/phone-input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/phone-input.json"},{"name":"money-input","title":"Money input","description":"A currency field with live grouping, stable width, rolling digits, and minor-unit output.","type":"registry:ui","source_url":"https://uiarc.dev/r/money-input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/money-input.json"},{"name":"shortcut-recorder","title":"Shortcut recorder","description":"Record key combinations into key caps, with conflict warnings, Kbd, and a searchable cheatsheet.","type":"registry:ui","source_url":"https://uiarc.dev/r/shortcut-recorder.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/shortcut-recorder.json"},{"name":"confirm-morph","title":"Confirm morph","description":"A destructive button that morphs into an inline confirmation, a spinner, and a result with undo.","type":"registry:ui","source_url":"https://uiarc.dev/r/confirm-morph.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/confirm-morph.json"},{"name":"mention-input","title":"Mention input","description":"A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.","type":"registry:ui","source_url":"https://uiarc.dev/r/mention-input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/mention-input.json"},{"name":"chat-thread","title":"Chat thread","description":"A chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.","type":"registry:ui","source_url":"https://uiarc.dev/r/chat-thread.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/chat-thread.json"},{"name":"rich-text-editor","title":"Rich text editor","description":"A lightweight editor with markdown shortcuts, a floating toolbar, a slash menu, and HTML and markdown output.","type":"registry:ui","source_url":"https://uiarc.dev/r/rich-text-editor.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/rich-text-editor.json"},{"name":"billing-toggle","title":"Billing toggle","description":"A monthly and yearly switch with a savings badge and prices that roll to the new amount.","type":"registry:ui","source_url":"https://uiarc.dev/r/billing-toggle.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/billing-toggle.json"},{"name":"scroll-area","title":"Scroll area","description":"A native scroll container with thin overlay scrollbars and edge fades that appear only when content overflows.","type":"registry:ui","source_url":"https://uiarc.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/scroll-area.json"},{"name":"radio-cards","title":"Radio cards","description":"Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.","type":"registry:ui","source_url":"https://uiarc.dev/r/radio-cards.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/radio-cards.json"},{"name":"comment-thread","title":"Comment thread","description":"Threaded comments with replies, reactions, mentions, inline edit, and resolve.","type":"registry:ui","source_url":"https://uiarc.dev/r/comment-thread.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/comment-thread.json"},{"name":"slot-text","title":"Slot text","description":"Text and numbers that spin into their new value on staggered slot machine reels.","type":"registry:ui","source_url":"https://uiarc.dev/r/slot-text.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/slot-text.json"},{"name":"expandable-text","title":"Expandable text","description":"Long text clamped to a few lines with a soft fade that glides open with Read more and closes with Show less, shown only when the text overflows.","type":"registry:ui","source_url":"https://uiarc.dev/r/expandable-text.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/expandable-text.json"},{"name":"signup-form","title":"Sign up form","description":"An account creation flow with field validation, password strength, and a clear completion state.","type":"registry:block","source_url":"https://uiarc.dev/r/signup-form.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/signup-form.json"},{"name":"logo-marquee","title":"Logo marquee","description":"A quiet, continuously moving row of brand marks with a pause control.","type":"registry:block","source_url":"https://uiarc.dev/r/logo-marquee.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/logo-marquee.json"},{"name":"plan-comparison","title":"Plan comparison","description":"Compare meaningful differences between plans and billing periods.","type":"registry:block","source_url":"https://uiarc.dev/r/plan-comparison.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/plan-comparison.json"},{"name":"command-palette","title":"Command palette","description":"A complete keyboard driven action surface with search, grouped results, and shortcuts.","type":"registry:block","source_url":"https://uiarc.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/command-palette.json"},{"name":"notification-center","title":"Notification center","description":"A home for updates with read state, grouped information, and animated disclosure.","type":"registry:block","source_url":"https://uiarc.dev/r/notification-center.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/notification-center.json"},{"name":"file-upload","title":"File upload","description":"A complete file selection flow with constraints, progress, and error feedback.","type":"registry:block","source_url":"https://uiarc.dev/r/file-upload.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/file-upload.json"},{"name":"otp-input","title":"OTP input","description":"A six digit verification flow with paste support and keyboard navigation.","type":"registry:block","source_url":"https://uiarc.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/otp-input.json"},{"name":"changelog-feed","title":"Changelog feed","description":"Release notes you can filter, open in place, and scroll through month by month.","type":"registry:block","source_url":"https://uiarc.dev/r/changelog-feed.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/changelog-feed.json"},{"name":"sign-in","title":"Sign in","description":"A sign in card that morphs from email to a six digit code to your account.","type":"registry:block","source_url":"https://uiarc.dev/r/sign-in.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/sign-in.json"},{"name":"page-header","title":"Page header","description":"A project page header that folds into a compact bar as you scroll, with tabs whose counts roll.","type":"registry:block","source_url":"https://uiarc.dev/r/page-header.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/page-header.json"},{"name":"empty-states","title":"Empty states","description":"Four empty states in one illustration whose shapes morph between scenes as you switch tabs.","type":"registry:block","source_url":"https://uiarc.dev/r/empty-states.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/empty-states.json"},{"name":"login-centered","title":"Centered login","description":"A passkey-first login card on a quiet ring backdrop that morphs through email and code.","type":"registry:block","source_url":"https://uiarc.dev/r/login-centered.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/login-centered.json"},{"name":"site-header","title":"Site header","description":"A sticky website header that turns solid on scroll, with a gliding active link, mega menu panels, and a mobile sheet.","type":"registry:block","source_url":"https://uiarc.dev/r/site-header.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/site-header.json"},{"name":"site-footer","title":"Site footer","description":"A website footer with link columns and newsletter, a minimal layout, and a large fading Arc mark.","type":"registry:block","source_url":"https://uiarc.dev/r/site-footer.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/site-footer.json"},{"name":"hero-section","title":"Hero section","description":"Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a drifting mesh, a workflow graph that routes sample events node by node, and …","type":"registry:block","source_url":"https://uiarc.dev/r/hero-section.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/hero-section.json"},{"name":"faq-section","title":"FAQ section","description":"FAQs as an accordion, a topic rail, or a searchable list that highlights matches.","type":"registry:block","source_url":"https://uiarc.dev/r/faq-section.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/faq-section.json"},{"name":"contact-section","title":"Contact section","description":"A validated contact form that morphs into a confirmation, support channels, and office cards with local times.","type":"registry:block","source_url":"https://uiarc.dev/r/contact-section.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/contact-section.json"},{"name":"blog-grid","title":"Blog grid","description":"A blog index with a featured post, category filter, post cards, pagination and an in-place reader.","type":"registry:block","source_url":"https://uiarc.dev/r/blog-grid.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/blog-grid.json"},{"name":"comparison-table","title":"Comparison table","description":"An us versus them table with a sticky header, a highlighted column, and a stacked phone view.","type":"registry:block","source_url":"https://uiarc.dev/r/comparison-table.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/comparison-table.json"},{"name":"stats-band","title":"Stats band","description":"Headline numbers that count up in view, each with a tiny visual that proves it and a context line on hover, plain or in a hairline grid.","type":"registry:block","source_url":"https://uiarc.dev/r/stats-band.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/stats-band.json"},{"name":"cta-section","title":"CTA section","description":"A call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible banner.","type":"registry:block","source_url":"https://uiarc.dev/r/cta-section.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/cta-section.json"},{"name":"newsletter-signup","title":"Newsletter signup","description":"An email signup framed by a stack of past issues; subscribing drops the next issue, addressed to you, onto the front.","type":"registry:block","source_url":"https://uiarc.dev/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://uiarc.dev/r/newsletter-signup.json"}]},{"id":"uicapsule","name":"@uicapsule","slug":"uicapsule","description":"A curated personal collection of interactive React UI experiments and design concepts by Kaiyu Hsu, spanning ~25 components. Includes ASCII Renderer, Particle Orb, Geometric Orb, Gradient Orb, Wireframe Orb, Card Stack, Carousel 3D, Dynamic Island, Expanding Header Menu, Infinite Grid, iOS Volume Slider, Light/Dark Toggle, Like Button, Line Chart, Radial Slider, Sidebar, Snail Timer, Spinner Pixel Grid, Spreadsheet, Tooltip Grid, Voice Dictator, and Emerald Template. Built with React, Next.js, and Tailwind CSS. Organized by Styles, Elements, and Categories. Free and open source. Use for: sourcing unconventional, design-experiment-quality interactive widgets — particularly orb/particle effects, creative nav patterns, and novel input controls — for portfolios or products that want distinctive UI moments.","author":"kyh","framework":"react","license":"MIT","tags":["3d","aesthetic","ai","audio","backgrounds","blocks","buttons","cards","charts","dashboard","editor","forms","glassmorphism","loaders","maps","marketing","media","mobile","navigation","overlays","retro","tables","theming"],"categories":["Personal/portfolio registry"],"labels":["featured","recently-updated"],"urls":{"website":"https://uicapsule.com","github":"https://github.com/kyh/uicapsule","registry":"https://uicapsule.com/r/registry.json","source":"https://uicapsule.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uicapsule","markdown":"https://sh4dcn.netlify.app/md/uicapsule.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='1026' height='1026' viewBox='0 0 1026 1026'><g fill='none' fill-rule='evenodd'><rect width='1026' height='1026' fill='#111827' rx='180'/><path fill='#FFF' d='M737.064151,576.072011 L737.064151,384.064123 L679.928739,351.133373 L679.928739,674.874909 L810,599.89418 L809.996445,683.985857 L607,801 L607,225 L809.996445,342.167965 L809.99289,534.035047 L737.064151,576.072011 M477,192.025199 L477,833.972434 L513.500593,855 L550,833.972434 L550,192.025199 L513.500593,171 L477,192.025199 M347.067706,674.877164 L289.932294,641.940159 L289.932294,299.97795 L217,342.015345 L217,683.988204 L420,801 L420,225 L347.067706,267.035029 L347.067706,674.877164'/></g></svg>","preview_image":"https://www.uicapsule.com/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":32,"open_issues":9,"last_commit":"2026-10-27T04:39:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uicapsule.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uicapsule.com/r/registry.json","install_bun":"bunx shadcn@latest add https://uicapsule.com/r/registry.json","clone":"git clone https://github.com/kyh/uicapsule.git","clone_degit":"npx degit kyh/uicapsule","registry_fetch":"curl -s https://uicapsule.com/r/registry.json"},"component_count":52,"components":[{"name":"voxel-landing","title":"Voxel Landing","description":"Isometric voxel diorama landing page — scroll pans diagonally through a living world of walkers, marquee signs, and ground-laid typography","type":"registry:block","source_url":"https://uicapsule.com/r/voxel-landing.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/voxel-landing.json"},{"name":"material-you-theming","title":"Material You Theming","description":"Material You dynamic color — pick a wallpaper and a tonal palette derived from its seed hue re-themes the whole system.","type":"registry:block","source_url":"https://uicapsule.com/r/material-you-theming.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/material-you-theming.json"},{"name":"diffusion-reveal","title":"Diffusion Reveal","description":"The image-gen loading ritual done honestly — pure noise resolves through coarse color blobs into the sharp frame, the way a denoiser actually converges.","type":"registry:block","source_url":"https://uicapsule.com/r/diffusion-reveal.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/diffusion-reveal.json"},{"name":"circle-to-search","title":"Circle to Search","description":"Android's Circle to Search — enter search mode, lasso anything with a glowing stroke, and results slide up for the circled item.","type":"registry:block","source_url":"https://uicapsule.com/r/circle-to-search.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/circle-to-search.json"},{"name":"jiggle-mode","title":"Jiggle Mode","description":"iOS home-screen edit mode — long-press to wobble, drag to reorder, tap the badge to remove.","type":"registry:block","source_url":"https://uicapsule.com/r/jiggle-mode.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/jiggle-mode.json"},{"name":"predictive-back","title":"Predictive Back","description":"Android's predictive back gesture — drag from the edge and the screen shrinks in your hand, revealing where you'll land before you commit.","type":"registry:block","source_url":"https://uicapsule.com/r/predictive-back.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/predictive-back.json"},{"name":"drum-picker","title":"Drum Picker","description":"The iOS time-picker wheel on the web — 3D cylinder, momentum flicks, detent snapping, edge fog.","type":"registry:block","source_url":"https://uicapsule.com/r/drum-picker.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/drum-picker.json"},{"name":"vibe-dial","title":"Vibe Dial","description":"A temperature knob for generation — turn it and the dial itself heats up: the LED ring fills from cool blue to ember, the glow swells, and the readout drifts f…","type":"registry:block","source_url":"https://uicapsule.com/r/vibe-dial.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/vibe-dial.json"},{"name":"screenshot-capture","title":"Screenshot Capture","description":"The iOS screenshot moment — flash, the screen shrinks into a corner thumbnail, lingers, then swipes away.","type":"registry:block","source_url":"https://uicapsule.com/r/screenshot-capture.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/screenshot-capture.json"},{"name":"seek-filmstrip","title":"Seek Filmstrip","description":"The tvOS scrubber — dragging the timeline raises a filmstrip of preview frames above the playhead, rendered live from a synthetic day-cycle video.","type":"registry:block","source_url":"https://uicapsule.com/r/seek-filmstrip.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/seek-filmstrip.json"},{"name":"context-menu-peek","title":"Context Menu Peek","description":"iOS long-press context menu — the bubble lifts, the thread melts into blur, and the menu springs from the press point.","type":"registry:block","source_url":"https://uicapsule.com/r/context-menu-peek.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/context-menu-peek.json"},{"name":"editorial-charts","title":"Editorial Charts","description":"A four-card editorial chart set — rung bars, a hairline dot-line, a tick-ring dial, and a dot waffle — drawn ink-on-paper by TanStack Charts, with spring-stagg…","type":"registry:block","source_url":"https://uicapsule.com/r/editorial-charts.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/editorial-charts.json"},{"name":"liquid-orb","title":"Liquid Orb","description":"Liquid-glass shader orb that morphs through material presets — siri, aurora, plasma, chrome, opal, blue drop, violet ember","type":"registry:block","source_url":"https://uicapsule.com/r/liquid-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/liquid-orb.json"},{"name":"widget-stack","title":"Widget Stack","description":"iOS Smart Stack — widgets roll through a vertical 3D page-flip, auto-advancing until you swipe.","type":"registry:block","source_url":"https://uicapsule.com/r/widget-stack.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/widget-stack.json"},{"name":"chibi-plants","title":"Chibi Plants","description":"Cute chibi potted plants raymarched from signed distance fields on a little soft-body rig — pinch, pull, lift and toss them; they watch your cursor, blink, and…","type":"registry:block","source_url":"https://uicapsule.com/r/chibi-plants.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/chibi-plants.json"},{"name":"pattern-unlock","title":"Pattern Unlock","description":"Android's 9-dot pattern lock — glowing trail, dot ripples, red shake on a wrong draw, green on unlock.","type":"registry:block","source_url":"https://uicapsule.com/r/pattern-unlock.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/pattern-unlock.json"},{"name":"airdrop-radar","title":"AirDrop Radar","description":"AirDrop's ripple radar — nearby people surface on expanding rings; tap one and a progress ring wraps their avatar.","type":"registry:block","source_url":"https://uicapsule.com/r/airdrop-radar.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/airdrop-radar.json"},{"name":"pip-window","title":"PiP Window","description":"iOS picture-in-picture — flick the call window and velocity picks its corner; throw it off an edge to tuck it behind a peek tab.","type":"registry:block","source_url":"https://uicapsule.com/r/pip-window.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/pip-window.json"},{"name":"paper-roll","title":"Paper Roll","description":"An endless strip of paper unrolls behind a heavy roll, printing a portfolio in its wake","type":"registry:block","source_url":"https://uicapsule.com/r/paper-roll.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/paper-roll.json"},{"name":"desktop-os","title":"Desktop OS","description":"A desktop boots itself — one card riffles through every thumbnail, icons burst out from centre, then the dock magnifies under the cursor and windows drag, stac…","type":"registry:block","source_url":"https://uicapsule.com/r/desktop-os.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/desktop-os.json"},{"name":"formation","title":"Formation","description":"Sixteen photo cards regroup between four spatial formations — a solved ellipse, an arc conveyor, a tilted ring and a swelling orbit — and scrub under drag or w…","type":"registry:block","source_url":"https://uicapsule.com/r/formation.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/formation.json"},{"name":"gravity-wall","title":"Gravity Wall","description":"A drifting wall of photos bends away from the cursor like a gravity well, promoting whichever picture sits in the clearing — click and the whole wall pans to b…","type":"registry:block","source_url":"https://uicapsule.com/r/gravity-wall.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/gravity-wall.json"},{"name":"lookbook-camera","title":"Lookbook Camera","description":"A camera drifts forever across an edgeless field of fashion figures — scroll to zoom at the cursor, drag to fling, click one and it flies in while every other …","type":"registry:block","source_url":"https://uicapsule.com/r/lookbook-camera.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/lookbook-camera.json"},{"name":"stat-reel","title":"Stat Reel","description":"An endless wheel of labels glides past a fixed center line while a giant gradient-filled figure swaps in beside it; scroll to seize the reel and it resumes on …","type":"registry:block","source_url":"https://uicapsule.com/r/stat-reel.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/stat-reel.json"},{"name":"terminal-disintegrate","title":"Terminal Disintegrate","description":"An ASCII trading terminal drawn from box-drawing glyphs, whose screen burns into drifting embers and reassembles as the next one — scrub backwards and the same…","type":"registry:block","source_url":"https://uicapsule.com/r/terminal-disintegrate.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/terminal-disintegrate.json"},{"name":"volume-control","title":"Volume Control","description":"Five volume controls that refuse to just be a slider: tilt, cannon, curling, dot-matrix, and whack-a-mole.","type":"registry:block","source_url":"https://uicapsule.com/r/volume-control.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/volume-control.json"},{"name":"effort-picker","title":"Effort Picker","description":"Remake of the Codex effort picker, in ChatGPT's chrome or Claude's.","type":"registry:block","source_url":"https://uicapsule.com/r/effort-picker.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/effort-picker.json"},{"name":"tesla-climate","title":"Tesla Climate","description":"A replica of Tesla's climate screen — drag the airstream to aim the vents, with live temperature, fan, and seat-heat response.","type":"registry:block","source_url":"https://uicapsule.com/r/tesla-climate.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/tesla-climate.json"},{"name":"dynamic-ai-composer","title":"Dynamic AI Composer","description":"A shape-shifting AI input capsule that morphs between text, voice, thinking, and streaming states.","type":"registry:block","source_url":"https://uicapsule.com/r/dynamic-ai-composer.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/dynamic-ai-composer.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A springy Dynamic Island interaction with ring and timer states.","type":"registry:block","source_url":"https://uicapsule.com/r/dynamic-island.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/dynamic-island.json"},{"name":"geometric-orb","title":"Geometric Orb","description":"3D animated spherical orb with flowing latitude lines and depth-based opacity","type":"registry:block","source_url":"https://uicapsule.com/r/geometric-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/geometric-orb.json"},{"name":"gradient-orb","title":"Gradient Orb","description":"Glowing shader orb with noise-based color mixing, hue rotation, and breathing pulse","type":"registry:block","source_url":"https://uicapsule.com/r/gradient-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/gradient-orb.json"},{"name":"wireframe-orb","title":"Wireframe Orb","description":"Curl-noise-displaced particle cloud rendered as a continuous line strip with bloom","type":"registry:block","source_url":"https://uicapsule.com/r/wireframe-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/wireframe-orb.json"},{"name":"spinner-pixel-grid","title":"Spinner Pixel Grid","description":"Dot-matrix pixel loading spinners — 20 grid animations (wave, spiral, radar, rain, snake, heart…) with square or round dots, neon glow and rainbow hue cycling.","type":"registry:block","source_url":"https://uicapsule.com/r/spinner-pixel-grid.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/spinner-pixel-grid.json"},{"name":"sidebar","title":"Resizable Sidebar","description":"A shadcn-inspired application sidebar with a draggable resize handle.","type":"registry:block","source_url":"https://uicapsule.com/r/sidebar.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/sidebar.json"},{"name":"voice-dictator","title":"Voice Dictator","description":"Voice dictation UI — tap the orb and a dithered WebGL ring swells with simulated speech amplitude while a faux transcript streams in word by word.","type":"registry:block","source_url":"https://uicapsule.com/r/voice-dictator.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/voice-dictator.json"},{"name":"emerald-template","title":"Emerald","description":"Dark emerald AI landing page template — hero demo types a question, reveals collapsible chain-of-thought steps and a sourced answer; feature cards, integration…","type":"registry:block","source_url":"https://uicapsule.com/r/emerald-template.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/emerald-template.json"},{"name":"spreadsheet","title":"Spreadsheet","description":"Spreadsheet data grid with AI enrichment — select cells, hit Enrich and each fills in after a Generating… beat; editable cells, drag/shift selection, arrow key…","type":"registry:block","source_url":"https://uicapsule.com/r/spreadsheet.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/spreadsheet.json"},{"name":"filter-bar","title":"Filter Bar","description":"Data table filter bar — build text, number, date and option filters as editable chips with operators, or type a prompt, hit Ask AI and watch simulated filters …","type":"registry:block","source_url":"https://uicapsule.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/filter-bar.json"},{"name":"tooltip-grid","title":"Tooltip Grid","description":"Tooltip with a direction aware pixel grid background animation","type":"registry:block","source_url":"https://uicapsule.com/r/tooltip-grid.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/tooltip-grid.json"},{"name":"carousel-3d","title":"3D Carousel","description":"WebGPU 3D image carousel — cards ride a bent ring; scroll or drag to spin it with momentum, then it snaps to the nearest card as side cards fade back.","type":"registry:block","source_url":"https://uicapsule.com/r/carousel-3d.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/carousel-3d.json"},{"name":"snail-timer","title":"Snail Timer","description":"Fastest countdown ever","type":"registry:block","source_url":"https://uicapsule.com/r/snail-timer.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/snail-timer.json"},{"name":"ascii-renderer","title":"ASCII Renderer","description":"Take any 3D model and render it as ASCII art","type":"registry:block","source_url":"https://uicapsule.com/r/ascii-renderer.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/ascii-renderer.json"},{"name":"background-pixel-stars","title":"Background Pixel Stars","description":"Retro 16fps pixel starfield background — grid-snapped stars twinkle in stepped fades and slowly reshuffle while pixel shooting stars streak past with fading tr…","type":"registry:block","source_url":"https://uicapsule.com/r/background-pixel-stars.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/background-pixel-stars.json"},{"name":"background-shapes","title":"Background Shapes","description":"Generative glyph grid background — two mirrored SVG panels of dots, crosses, stripes and squares, each cell swapping to a random shape on its own timer.","type":"registry:block","source_url":"https://uicapsule.com/r/background-shapes.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/background-shapes.json"},{"name":"card-stack","title":"Scrollable Card Stack","description":"An infinite stack of cards placed with perspective one on top of another.","type":"registry:block","source_url":"https://uicapsule.com/r/card-stack.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/card-stack.json"},{"name":"infinite-grid","title":"Infinite Grid","description":"Infinite pannable grid — drag or scroll with momentum through endless cells, indexed in a spiral out from the center and rendered only while in view.","type":"registry:block","source_url":"https://uicapsule.com/r/infinite-grid.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/infinite-grid.json"},{"name":"ios-volume-slider","title":"iOS Volume Slider","description":"iOS-style vertical volume slider — drag past the top and the bar stretches, past the bottom it squashes, with sigmoid rubber-band resistance and a spring back.","type":"registry:block","source_url":"https://uicapsule.com/r/ios-volume-slider.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/ios-volume-slider.json"},{"name":"light-dark-toggle","title":"Light/Dark Toggle","description":"Sun/moon light-dark theme toggle icon — the moon's crescent mask slides away as it shrinks into a sun, the icon rotates, and six rays pop in one by one.","type":"registry:block","source_url":"https://uicapsule.com/r/light-dark-toggle.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/light-dark-toggle.json"},{"name":"like-button","title":"Like Button","description":"Twitter style like button","type":"registry:block","source_url":"https://uicapsule.com/r/like-button.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/like-button.json"},{"name":"particle-orb","title":"Particle Orb","description":"Noise-displaced particle sphere with additive-blended dots and custom vertex shader","type":"registry:block","source_url":"https://uicapsule.com/r/particle-orb.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/particle-orb.json"},{"name":"radial-slider","title":"Radial Slider","description":"Rotary dial slider — drag sideways to spin a ring of tick marks under a fixed needle; release and it springs to the nearest tick while the number readout rolls.","type":"registry:block","source_url":"https://uicapsule.com/r/radial-slider.json","install_command":"npx shadcn@latest add https://uicapsule.com/r/radial-slider.json"}]},{"id":"uiception","name":"@uiception","slug":"uiception","description":"Launch with everything built. Just make it yours.","author":"jefferypippitt","framework":"react","license":"MIT","tags":["ai","blocks","buttons","cms","developer-tools","marketing","media","navigation","overlays","retro","tables"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://uiception.com","github":"https://github.com/jefferypippitt/uiception","registry":"https://uiception.com/r/registry.json","source":"https://uiception.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uiception","markdown":"https://sh4dcn.netlify.app/md/uiception.md"},"logo":"<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='600' height='532' viewBox='0 0 600 532'><g transform='translate(0,532) scale(0.1,-0.1)' fill='var(--foreground)' stroke='none'><path d='M2795 4472 c-160 -93 -396 -230 -525 -307 -129 -76 -361 -212 -515 -303 -154 -90 -285 -169 -292 -176 -9 -8 72 -35 335 -110 411 -117 1901 -545 1922 -552 10 -3 -41 -59 -155 -172 -94 -92 -266 -261 -383 -377 l-213 -210 27 -113 c15 -62 31 -111 35 -110 9 3 706 668 979 933 272 264 453 439 597 577 l133 126 -68 40 c-761 448 -1576 922 -1584 922 -2 0 -134 -76 -293 -168z m582 -230 c158 -93 407 -239 553 -324 146 -85 309 -179 362 -209 54 -30 97 -57 98 -60 0 -5 -200 -198 -406 -392 l-61 -58 -404 115 c-222 64 -528 151 -679 195 -151 43 -407 116 -568 162 -161 45 -289 86 -285 90 4 4 213 128 463 275 250 147 496 291 545 320 50 29 91 53 92 54 1 0 132 -76 290 -168z'/><path d='M2810 4224 c-146 -86 -317 -187 -380 -224 -333 -195 -399 -235 -395 -238 2 -2 57 -19 121 -38 l117 -34 404 238 403 237 0 108 c0 59 -1 107 -2 107 -2 0 -122 -71 -268 -156z'/><path d='M3100 4272 l0 -110 83 -48 c45 -26 297 -173 561 -326 l478 -279 68 63 c37 35 68 66 69 70 0 3 -34 25 -76 49 -68 37 -1062 617 -1150 671 l-33 20 0 -110z'/><path d='M1440 2703 l0 -948 38 -21 c20 -11 267 -154 547 -319 889 -520 1037 -606 1041 -603 1 2 -15 75 -37 163 -23 88 -148 599 -280 1135 -132 536 -242 983 -245 993 -4 12 0 17 16 17 12 0 191 -49 398 -109 207 -60 430 -124 495 -142 l118 -33 79 79 c44 44 79 84 77 89 -2 5 -32 17 -68 27 -35 10 -275 79 -534 154 -674 195 -1624 465 -1635 465 -7 0 -10 -338 -10 -947z m528 578 c151 -44 276 -81 278 -84 9 -8 205 -786 384 -1517 56 -228 104 -423 106 -432 3 -10 0 -18 -6 -18 -12 0 -156 82 -620 353 -179 105 -361 211 -405 237 l-80 46 -3 745 c-1 409 0 749 2 756 4 8 14 9 38 2 18 -5 156 -44 306 -88z'/><path d='M1640 2621 l0 -730 93 54 92 54 3 650 2 650 -67 20 c-38 11 -80 23 -95 27 l-28 6 0 -731z'/><path d='M1752 1933 c-51 -31 -89 -60 -85 -64 17 -16 1036 -609 1040 -605 3 3 -27 140 -47 217 -10 35 -25 45 -393 260 -210 122 -391 229 -402 236 -18 11 -31 6 -113 -44z'/><path d='M4310 3237 c-234 -226 -567 -547 -740 -712 -173 -165 -366 -349 -428 -410 -62 -60 -117 -111 -122 -113 -4 -2 -65 231 -136 516 l-127 519 -111 31 c-60 17 -112 30 -113 28 -2 -2 62 -269 141 -593 80 -324 165 -672 190 -774 95 -391 227 -924 230 -926 2 -2 146 81 322 183 175 102 429 251 564 329 552 322 744 435 752 443 10 10 21 1892 11 1892 -5 0 -199 -186 -433 -413z m238 -723 l-3 -647 -195 -114 c-497 -293 -1102 -643 -1110 -643 -12 0 -26 49 -100 362 l-63 268 299 293 c164 161 423 412 574 557 151 146 345 333 430 417 85 84 158 153 163 153 4 0 6 -291 5 -646z'/><path d='M4433 3028 l-93 -93 0 -465 0 -466 90 -53 c50 -30 93 -51 95 -49 3 3 4 278 3 612 l-3 606 -92 -92z'/><path d='M4110 1862 c-118 -68 -370 -215 -560 -325 -190 -110 -347 -202 -349 -204 -8 -6 40 -193 49 -193 13 0 1235 712 1253 729 8 8 -81 69 -148 103 -30 15 -31 15 -245 -110z'/></g></svg>","preview_image":"https://uiception.com/uiception_logo_og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-10-14T04:39:38Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uiception.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uiception.com/r/registry.json","install_bun":"bunx shadcn@latest add https://uiception.com/r/registry.json","clone":"git clone https://github.com/jefferypippitt/uiception.git","clone_degit":"npx degit jefferypippitt/uiception","registry_fetch":"curl -s https://uiception.com/r/registry.json"},"component_count":137,"components":[{"name":"block-media","title":"Block media resolver","description":"Local-first image and video URL resolution with extension-flexible overrides for uiception blocks.","type":"registry:lib","source_url":"https://uiception.com/r/block-media.json","install_command":"npx shadcn@latest add https://uiception.com/r/block-media.json"},{"name":"hero-section-v2","title":"Hero Section v2","description":"Two-column hero with headline on the left, live event-stream animation on the right, and a brands marquee strip below. GSAP timeline animates each section on m…","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v2.json"},{"name":"hero-section-v3","title":"Hero Section v3","description":"Centered hero with badge, headline, CTA, and an embedded animated chat preview (messages, typing, suggestions).","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v3.json"},{"name":"hero-section-v1","title":"Hero Section v1","description":"Full hero block: two-column headline/CTA, brands marquee strip, and animated macOS terminal integration demo.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v1.json"},{"name":"brands-section-v2","title":"Brands Section v2","description":"Infinite marquee of brand logos rendered as a seamless row of borderless-radius cards—full border container, no gaps, shared dividers between slots.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v2.json"},{"name":"brands-section-v3","title":"Brands Section v3","description":"Logo grid: muted icons, hover reveals brand color, inset border, flickering grid, and label.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v3.json"},{"name":"brands-section-v4","title":"Brands Section v4","description":"Logo grid: brand colors always active, inset border, flickering grid always on, and label always visible.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v4.json"},{"name":"blog-section-v1","title":"Blog Section v1","description":"Editorial All Articles layout with a featured Spotlight post (image, headline, author) and a Trending list of three compact articles.","type":"registry:block","source_url":"https://uiception.com/r/blog-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/blog-section-v1.json"},{"name":"blog-section-v2","title":"Blog Section v2","description":"Two-column editorial layout with a sticky author sidebar (square photo, label, name, title, GitHub) and two title/description/image/body content sections.","type":"registry:block","source_url":"https://uiception.com/r/blog-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/blog-section-v2.json"},{"name":"about-section-v1","title":"About Section v1","description":"About us section with an eyebrow label, heading and intro copy, two feature highlight cards, and a full-width stats strip.","type":"registry:block","source_url":"https://uiception.com/r/about-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/about-section-v1.json"},{"name":"brands-section-v1","title":"Brands Section v1","description":"Compact brands strip with a trust label and an infinite marquee of AI brand logos with light/dark mode support (Nvidia, OpenAI, Grok, Perplexity AI, Claude AI,…","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v1.json"},{"name":"brands-section-v5","title":"Brands Section v5","description":"Boxed brands strip with a 'Trusted by 5000+ Top companies' header, greyscale logos, and a fast infinite marquee — no blur edges.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v5.json"},{"name":"brands-section-v6","title":"Brands Section v6","description":"Security trust strip with a centered mono uppercase label above an infinite marquee of authentication brand logos (Clerk, Better Auth, WorkOS, Keycloak, Bitwar…","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v6.json"},{"name":"brands-section-v7","title":"Brands Section v7","description":"Serif headline with dual row infinite pill marquees of dev and infra logos scrolling in opposite directions, with edge fades and a footer link.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v7.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v7.json"},{"name":"brands-section-v8","title":"Brands Section v8","description":"Two-column layout with headline, description, and CTA on the left, and four vertical infinite-scrolling logo marquee columns on the right with alternating up/d…","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v8.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v8.json"},{"name":"brands-section-v9","title":"Brands Section v9","description":"Titleless infinite marquee of brand wordmarks in muted monochrome, with edge fades.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v9.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v9.json"},{"name":"brands-section-v10","title":"Brands Section v10","description":"Stacked brands section with a title, a wrapping color logo strip, and a muted closer.","type":"registry:block","source_url":"https://uiception.com/r/brands-section-v10.json","install_command":"npx shadcn@latest add https://uiception.com/r/brands-section-v10.json"},{"name":"navbar-section-v1","title":"Navbar Section v1","description":"Sticky blurred header with optional lorem-demo below the install page for scroll testing.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v1.json"},{"name":"navbar-section-v2","title":"Navbar Section v2","description":"Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobile sheet navigation.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v2.json"},{"name":"navbar-section-v3","title":"Navbar Section v3","description":"Centered three-column navbar with product dropdown, frosted backdrop, and full-screen mobile sheet navigation.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v3.json"},{"name":"navbar-section-v4","title":"Navbar Section v4","description":"Fixed bottom centered dock nav with frosted pill container, hairline active indicator, responsive links, and primary CTA.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v4.json"},{"name":"navbar-section-v5","title":"Navbar Section v5","description":"Sticky top centered dock nav that shrinks from max-w-6xl to max-w-5xl on scroll, with frosted pill, two-column desktop layout, and mobile sheet menu.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v5.json"},{"name":"navbar-section-v6","title":"Navbar Section v6","description":"Centered mono uppercase nav with Solutions dropdown, external Docs link, and default-radius CTAs.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v6.json"},{"name":"navbar-section-v7","title":"Navbar Section v7","description":"AI SaaS navbar with Product and Developers hover dropdowns, uppercase links, and Get started CTA.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v7.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v7.json"},{"name":"navbar-section-v8","title":"Navbar Section v8","description":"Altitude-inspired 3-column navbar with logo left, animated underline nav links center, and CTA button right.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v8.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v8.json"},{"name":"navbar-section-v9","title":"Navbar Section v9","description":"Two-column navbar with text-only brand left, nav links and outline Sign in CTA right, and a full-width Resources mega menu with 3-column labeled links.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v9.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v9.json"},{"name":"navbar-section-v10","title":"Navbar Section v10","description":"Edra-inspired two-column navbar with logo chip and hamburger that expands in-place into a dialog card with primary and footer links, plus a Sign up CTA.","type":"registry:block","source_url":"https://uiception.com/r/navbar-section-v10.json","install_command":"npx shadcn@latest add https://uiception.com/r/navbar-section-v10.json"},{"name":"mac-os-terminal","title":"Mac OS Terminal","description":"macOS Terminal window mock with zsh prompt, typed CLI demo, and shadcn install output—ideal for integrations and developer tooling sections.","type":"registry:block","source_url":"https://uiception.com/r/mac-os-terminal.json","install_command":"npx shadcn@latest add https://uiception.com/r/mac-os-terminal.json"},{"name":"event-stream","title":"Event Stream","description":"Frameless cycling JSON animation—three webhook events type out in sequence with edge fade, no borders, no syntax colors, designed to embed in any section.","type":"registry:block","source_url":"https://uiception.com/r/event-stream.json","install_command":"npx shadcn@latest add https://uiception.com/r/event-stream.json"},{"name":"cursor-terminal","title":"Cursor Terminal","description":"VS Code / Cursor panel mock with PowerShell prompt and a typed shadcn add flow for the hero-section-v1 registry block.","type":"registry:block","source_url":"https://uiception.com/r/cursor-terminal.json","install_command":"npx shadcn@latest add https://uiception.com/r/cursor-terminal.json"},{"name":"cta-section-v1","title":"CTA Section v1","description":"Two-column CTA block with headline and description on the left, dual action buttons on the right, and a full-width background image frame below.","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v1.json"},{"name":"cta-section-v2","title":"CTA Section v2","description":"Centered CTA block with oversized headline and a single square-corner download button with right-side icon.","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v2.json"},{"name":"cta-section-v3","title":"CTA Section v3","description":"Single-panel CTA with a full-bleed Paper Dithering (warp) shader behind the headline, supporting line, and primary / outline buttons.","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v3.json"},{"name":"cta-section-v4","title":"CTA Section v4","description":"Full-width grain shader CTA with centered title and button.","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v4.json"},{"name":"cta-section-v5","title":"CTA Section v5","description":"Centered muted-background CTA with a headline, supporting description, and a rounded pill button.","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v5.json"},{"name":"cta-section-v6","title":"CTA Section v6","description":"Bordered centered CTA with Canvas UI Retro Dither pointer lens and product-focused copy.","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v6.json"},{"name":"cta-section-v7","title":"CTA Section v7","description":"Centered CTA with a Windows Terminal style window: PowerShell and WSL tabs, each showing the shadcn command that adds a uiception block, at its real prompt wit…","type":"registry:block","source_url":"https://uiception.com/r/cta-section-v7.json","install_command":"npx shadcn@latest add https://uiception.com/r/cta-section-v7.json"},{"name":"footer-section-v1","title":"Footer Section v1","description":"Muted rounded footer with brand copy, four link columns, and a bottom row with Instagram and TikTok links.","type":"registry:block","source_url":"https://uiception.com/r/footer-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/footer-section-v1.json"},{"name":"footer-section-v2","title":"Footer Section v2","description":"Card-wrapped footer with five link columns: Product, Resources, Company, Legal, and Connect.","type":"registry:block","source_url":"https://uiception.com/r/footer-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/footer-section-v2.json"},{"name":"footer-section-v3","title":"Footer Section v3","description":"Card-wrapped footer with five link columns and a Privacy / Terms bottom bar. No hover icons on links.","type":"registry:block","source_url":"https://uiception.com/r/footer-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/footer-section-v3.json"},{"name":"footer-section-v4","title":"Footer Section v4","description":"Spacious footer with the uiception logo lockup, three link columns, a noise texture overlay, and bottom-left copyright and office lines.","type":"registry:block","source_url":"https://uiception.com/r/footer-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/footer-section-v4.json"},{"name":"footer-section-v5","title":"Footer Section v5","description":"Airy footer with the greyscale uiception logo, a single company link column, LinkedIn and X icons, and a bottom bar for copyright and legal links.","type":"registry:block","source_url":"https://uiception.com/r/footer-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/footer-section-v5.json"},{"name":"contact-section-v1","title":"Contact Section v1","description":"Two-column contact section. The left column has a light \"Let's collaborate\" title and YouTube, LinkedIn, and X icon links. The right column has a form with nam…","type":"registry:block","source_url":"https://uiception.com/r/contact-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/contact-section-v1.json"},{"name":"partners-section-v1","title":"Partners Section v1","description":"Partners section with a sans-serif title and description above a static three-column logo grid of wordmarks (Nvidia, OpenAI, Grok, Perplexity AI, Claude AI, Go…","type":"registry:block","source_url":"https://uiception.com/r/partners-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/partners-section-v1.json"},{"name":"partners-section-v2","title":"Partners Section v2","description":"Split partners section: word-by-word GSAP heading reveal beside a framed 3x2 logo grid whose rules draw in on scroll; cells rotate between 12 dev-infra wordmar…","type":"registry:block","source_url":"https://uiception.com/r/partners-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/partners-section-v2.json"},{"name":"partners-section-v3","title":"Partners Section v3","description":"Partners section for a social scheduling app: a two-column grid of large network names with icons (Instagram, YouTube, LinkedIn, X, Reddit, Bluesky, Telegram, …","type":"registry:block","source_url":"https://uiception.com/r/partners-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/partners-section-v3.json"},{"name":"partners-section-v4","title":"Partners Section v4","description":"Static partners section: centered heading and description above a single row of eight square icon tiles (AWS, Cloudflare, DigitalOcean, Docker, Kubernetes, Git…","type":"registry:block","source_url":"https://uiception.com/r/partners-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/partners-section-v4.json"},{"name":"chat-bot","title":"Chat Bot","description":"Simulated AI chatbot with animated typing, message bubbles, a three-dot thinking indicator, and a looping Q&A exchange. No avatars — pure bubble UI.","type":"registry:block","source_url":"https://uiception.com/r/chat-bot.json","install_command":"npx shadcn@latest add https://uiception.com/r/chat-bot.json"},{"name":"simple-chatbot","title":"Simple Chatbot","description":"Prompt card with rotating SaaS-style placeholders, light/dark via .dark ancestor, shadcn Button toolbar (add + voice).","type":"registry:block","source_url":"https://uiception.com/r/simple-chatbot.json","install_command":"npx shadcn@latest add https://uiception.com/r/simple-chatbot.json"},{"name":"how-it-works-section-v1","title":"How It Works Section v1","description":"Three-step process section with accent-colored heading prefix, top-border step numbers, and staggered IntersectionObserver entrance animation.","type":"registry:block","source_url":"https://uiception.com/r/how-it-works-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/how-it-works-section-v1.json"},{"name":"how-it-works-section-v2","title":"How It Works Section v2","description":"Timeline-style three-step process section with a GSAP ScrollTrigger beam that travels between week badges as you scroll, revealing each step.","type":"registry:block","source_url":"https://uiception.com/r/how-it-works-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/how-it-works-section-v2.json"},{"name":"feature-section-v1","title":"Feature Section v1","description":"Cream-toned six-cell grid with line-art SVG icons, monospace titles, and NO. indexes below sharp-cornered muted cards.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v1.json"},{"name":"feature-section-v2","title":"Feature Section v2","description":"Four-card feature grid with uppercase titles, descriptions, unique x.ai–style SVG illustrations, and scroll-triggered entrance animations per card.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v2.json"},{"name":"hero-section-v4","title":"Hero Section v4","description":"Centered hero with headline, description, dual CTA buttons, and a stats section with five-star rating below.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v4.json"},{"name":"hero-section-v5","title":"Hero Section v5","description":"Centered hero with headline, description, CTA, and an embedded simple chatbot prompt card with animated typing placeholder.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v5.json"},{"name":"hero-section-v6","title":"Hero Section v6","description":"Centered hero with headline, description, two CTA buttons, a product screenshot, and a brands marquee strip below.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v6.json"},{"name":"hero-section-v7","title":"Hero Section v7","description":"Centered hero with serif headline, mono description, Monad-style flip pill CTAs, animated food-delivery demo, and authentication brands marquee.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v7.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v7.json"},{"name":"hero-section-v8","title":"Hero Section v8","description":"Centered hero with headline, description, CTAs, pixel-art scene preview, brand carousel social proof, and centered Simple Chatbot prompt overlay.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v8.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v8.json"},{"name":"hero-section-v9","title":"Hero Section v9","description":"Centered hero with headline, description, dual CTAs, and a simulated live product preview dashboard with ticking metrics, streaming activity chart, and workflo…","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v9.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v9.json"},{"name":"hero-section-v10","title":"Hero Section v10","description":"Centered hero with finance-focused headline, description, and a single request demo CTA.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v10.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v10.json"},{"name":"hero-section-v11","title":"Hero Section v11","description":"Two-panel travel hero with integrated ACME nav, dual CTAs, and a full-bleed destination image with Canvas UI Displacement on pointer move.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v11.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v11.json"},{"name":"hero-section-v12","title":"Hero Section v12","description":"Sans headline above a split product card: Atelier brand-kit copy with default/outline pill CTAs, plus a 6-slide poster panel with crossfade zoom transitions an…","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v12.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v12.json"},{"name":"hero-section-v13","title":"Hero Section v13","description":"Minimal centered hero for a freelancer finance app: secondary badge, two-line headline, muted description, and a single rounded-full button CTA.","type":"registry:block","source_url":"https://uiception.com/r/hero-section-v13.json","install_command":"npx shadcn@latest add https://uiception.com/r/hero-section-v13.json"},{"name":"stats-section-v1","title":"Stats Section v1","description":"Centered five-star rating row with a taupe star fill and a social-proof label beneath.","type":"registry:block","source_url":"https://uiception.com/r/stats-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/stats-section-v1.json"},{"name":"stats-section-v2","title":"Stats Section v2","description":"Live npm download stats for 6 infra brands — Supabase, Convex, Vercel, Neon, Upstash, Turso — with a combobox-driven trend chart and brand colors.","type":"registry:block","source_url":"https://uiception.com/r/stats-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/stats-section-v2.json"},{"name":"stats-section-v3","title":"Stats Section v3","description":"Left-aligned stats section with an eyebrow label, large heading, and full-width stat rows showing a description with info icon on the left and an oversized val…","type":"registry:block","source_url":"https://uiception.com/r/stats-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/stats-section-v3.json"},{"name":"stats-section-v4","title":"Stats Section v4","description":"A two-tone heading (title plus muted description) pinned to the top and a 2×2 grid of large stats resting just above the flat end of the curve, over an edge-to…","type":"registry:block","source_url":"https://uiception.com/r/stats-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/stats-section-v4.json"},{"name":"stats-section-v5","title":"Stats Section v5","description":"A response-time stats section written for non-technical readers. The title sits on the left and a plain-language description on the right. Below them, a histog…","type":"registry:block","source_url":"https://uiception.com/r/stats-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/stats-section-v5.json"},{"name":"stats-section-v6","title":"Stats Section v6","description":"A support stats section with a bento grid of waffle charts. The left column has the title and description. The right column has one tile per support channel, s…","type":"registry:block","source_url":"https://uiception.com/r/stats-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/stats-section-v6.json"},{"name":"case-study-section-v1","title":"Case Study Section v1","description":"A minimal split case study: a vertically centered headline, summary, three results in a hairline-divided list, and a text link on the left, beside a tall round…","type":"registry:block","source_url":"https://uiception.com/r/case-study-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/case-study-section-v1.json"},{"name":"case-study-section-v2","title":"Case Study Section v2","description":"A case study with a headline above two columns. The left column has a rounded cover image. The right column has a summary and three results, each with a small …","type":"registry:block","source_url":"https://uiception.com/r/case-study-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/case-study-section-v2.json"},{"name":"code-block","title":"Code Block","description":"Tabbed package-manager code block with npm/pnpm/yarn/bun switcher, syntax-highlighted command output, and a one-click copy button.","type":"registry:block","source_url":"https://uiception.com/r/code-block.json","install_command":"npx shadcn@latest add https://uiception.com/r/code-block.json"},{"name":"spreadsheet","title":"Spreadsheet","description":"Google Sheets–style SaaS subscription grid—Account, Plan, MRR, Status—with trial upgrade edit and Stripe webhook row sync.","type":"registry:block","source_url":"https://uiception.com/r/spreadsheet.json","install_command":"npx shadcn@latest add https://uiception.com/r/spreadsheet.json"},{"name":"google-chrome","title":"Google Chrome (macOS)","description":"macOS Google Chrome window mock with tab strip, omnibox, bookmarks bar, and Google new-tab preview (light/dark) in the viewport.","type":"registry:block","source_url":"https://uiception.com/r/google-chrome.json","install_command":"npx shadcn@latest add https://uiception.com/r/google-chrome.json"},{"name":"google-chrome-windows","title":"Google Chrome (Windows)","description":"Windows Google Chrome window mock with title-bar tabs, Win32 controls, omnibox with Google G, and Google new-tab preview (light/dark) in the viewport.","type":"registry:block","source_url":"https://uiception.com/r/google-chrome-windows.json","install_command":"npx shadcn@latest add https://uiception.com/r/google-chrome-windows.json"},{"name":"google-chrome-windows-with-video","title":"Google Chrome (Windows, w/ video)","description":"Windows Google Chrome mock with bundled screen video under the omnibox; swap /videos/blocks/... or pass videoSrc on the base component.","type":"registry:block","source_url":"https://uiception.com/r/google-chrome-windows-with-video.json","install_command":"npx shadcn@latest add https://uiception.com/r/google-chrome-windows-with-video.json"},{"name":"macbook-pro","title":"MacBook Pro","description":"Front-facing MacBook Pro device frame with display bezels, notch, and base—empty transparent screen by default; optional children slot.","type":"registry:block","source_url":"https://uiception.com/r/macbook-pro.json","install_command":"npx shadcn@latest add https://uiception.com/r/macbook-pro.json"},{"name":"macbook-pro-with-image","title":"MacBook Pro (w/ image)","description":"Example MacBook Pro mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/macbook-pro-with-image.json","install_command":"npx shadcn@latest add https://uiception.com/r/macbook-pro-with-image.json"},{"name":"macbook-pro-with-video","title":"MacBook Pro (w/ video)","description":"Example MacBook Pro mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/macbook-pro-with-video.json","install_command":"npx shadcn@latest add https://uiception.com/r/macbook-pro-with-video.json"},{"name":"mac-studio-display","title":"Mac Studio Display","description":"Front-facing Apple Studio Display device frame with slim black bezel, aluminum stand, and foot - empty transparent screen by default; optional children slot.","type":"registry:block","source_url":"https://uiception.com/r/mac-studio-display.json","install_command":"npx shadcn@latest add https://uiception.com/r/mac-studio-display.json"},{"name":"mac-studio-display-with-image","title":"Mac Studio Display (w/ image)","description":"Example Mac Studio Display mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/mac-studio-display-with-image.json","install_command":"npx shadcn@latest add https://uiception.com/r/mac-studio-display-with-image.json"},{"name":"mac-studio-display-with-video","title":"Mac Studio Display (w/ video)","description":"Example Mac Studio Display mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/mac-studio-display-with-video.json","install_command":"npx shadcn@latest add https://uiception.com/r/mac-studio-display-with-video.json"},{"name":"iphone-17-pro-max","title":"iPhone 17 Pro Max","description":"Front-facing iPhone 17 Pro Max device frame with silver titanium rail, black rounded bezel, Dynamic Island, and iOS status bar - empty screen by default; optio…","type":"registry:block","source_url":"https://uiception.com/r/iphone-17-pro-max.json","install_command":"npx shadcn@latest add https://uiception.com/r/iphone-17-pro-max.json"},{"name":"iphone-17-pro-max-with-image","title":"iPhone 17 Pro Max (w/ image)","description":"Example iPhone 17 Pro Max mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/iphone-17-pro-max-with-image.json","install_command":"npx shadcn@latest add https://uiception.com/r/iphone-17-pro-max-with-image.json"},{"name":"iphone-17-pro-max-with-video","title":"iPhone 17 Pro Max (w/ video)","description":"Example iPhone 17 Pro Max mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/iphone-17-pro-max-with-video.json","install_command":"npx shadcn@latest add https://uiception.com/r/iphone-17-pro-max-with-video.json"},{"name":"google-chrome-with-image","title":"Google Chrome (macOS, w/ image)","description":"macOS Google Chrome mockup with a bundled screen wallpaper; shows the children slot and /images/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/google-chrome-with-image.json","install_command":"npx shadcn@latest add https://uiception.com/r/google-chrome-with-image.json"},{"name":"google-chrome-with-video","title":"Google Chrome (macOS, w/ video)","description":"macOS Google Chrome mockup with a bundled screen video; shows the children slot and /videos/blocks/... swap pattern.","type":"registry:block","source_url":"https://uiception.com/r/google-chrome-with-video.json","install_command":"npx shadcn@latest add https://uiception.com/r/google-chrome-with-video.json"},{"name":"google-chrome-windows-with-image","title":"Google Chrome (Windows, w/ image)","description":"Windows Google Chrome mock with bundled screen image under the omnibox; swap /images/blocks/... or pass children on the base component.","type":"registry:block","source_url":"https://uiception.com/r/google-chrome-windows-with-image.json","install_command":"npx shadcn@latest add https://uiception.com/r/google-chrome-windows-with-image.json"},{"name":"changelog-section-v1","title":"Changelog Section v1","description":"Three-column changelog section with monospace dates, entry titles, and excerpts, plus a 'See all releases' link.","type":"registry:block","source_url":"https://uiception.com/r/changelog-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/changelog-section-v1.json"},{"name":"changelog-section-v2","title":"Changelog Section v2","description":"Left-aligned changelog section with three bordered cards, each pairing a title and description with a date/category mini-table and a 'Read announcement' button.","type":"registry:block","source_url":"https://uiception.com/r/changelog-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/changelog-section-v2.json"},{"name":"changelog-section-v3","title":"Changelog Section v3","description":"Two-column changelog with a bracket timeline of long-form dates on the left and, on the right, entry title, description, and a contributor avatar group; entrie…","type":"registry:block","source_url":"https://uiception.com/r/changelog-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/changelog-section-v3.json"},{"name":"changelog-section-v4","title":"Changelog Section v4","description":"Changelog log layout: each date group opens on a horizontal rule instead of a timeline rail, with entries listed underneath by title, description, and a contri…","type":"registry:block","source_url":"https://uiception.com/r/changelog-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/changelog-section-v4.json"},{"name":"faq-section-v1","title":"FAQ Section v1","description":"Minimal centered FAQ with a simple headline and clean divider accordion.","type":"registry:block","source_url":"https://uiception.com/r/faq-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/faq-section-v1.json"},{"name":"faq-section-v2","title":"FAQ Section v2","description":"Minimal centered FAQ with a simple headline and clean divider accordion.","type":"registry:block","source_url":"https://uiception.com/r/faq-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/faq-section-v2.json"},{"name":"faq-section-v3","title":"FAQ Section v3","description":"Dark-background FAQ with a serif headline, italic subtitle, numbered rows, and chevron accordion.","type":"registry:block","source_url":"https://uiception.com/r/faq-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/faq-section-v3.json"},{"name":"faq-section-v4","title":"FAQ Section v4","description":"Two-column FAQ with left marketing copy and CTAs, plus a plus/minus accordion on the right.","type":"registry:block","source_url":"https://uiception.com/r/faq-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/faq-section-v4.json"},{"name":"faq-section-v5","title":"FAQ Section v5","description":"Top-down, docs-style FAQ list with a last-updated date and a was-this-helpful item at the end.","type":"registry:block","source_url":"https://uiception.com/r/faq-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/faq-section-v5.json"},{"name":"faq-section-v6","title":"FAQ Section v6","description":"Two-column FAQ with a large pixel-font title on the left and a custom dashed-ruled accordion table on the right.","type":"registry:block","source_url":"https://uiception.com/r/faq-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/faq-section-v6.json"},{"name":"testimonials-section-v1","title":"Testimonials Section v1","description":"Left-aligned client quotes in a horizontal carousel with accent dividers, initials avatars, and bottom-left chevron navigation.","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v1.json"},{"name":"testimonials-section-v2","title":"Testimonials Section v2","description":"Three-column bordered quotes with serif italic text, square avatars, and company wordmarks.","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v2.json"},{"name":"testimonials-section-v3","title":"Testimonials Section v3","description":"Four-card bento grid of success stories with company wordmarks, quotes, name and role, and Read story links.","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v3.json"},{"name":"testimonials-section-v4","title":"Testimonials Section v4","description":"Centered headline with dual CTAs above a three-up shader portrait carousel of six customer stories with grouped navigation.","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v4.json"},{"name":"testimonials-section-v5","title":"Testimonials Section v5","description":"Centered badge, headline, and description above a masonry wall-of-love grid of quote cards with avatar and name.","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v5.json"},{"name":"testimonials-section-v6","title":"Testimonials Section v6","description":"Borderless portrait cards with a white company wordmark over the photo, a short description, and a round button that opens the story in a new tab.","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v6.json"},{"name":"testimonials-section-v7","title":"Testimonials Section v7","description":"Split layout with a title and short description on the left and three overlapping, slightly tilted quote cards on the right, each showing the person, role, and…","type":"registry:block","source_url":"https://uiception.com/r/testimonials-section-v7.json","install_command":"npx shadcn@latest add https://uiception.com/r/testimonials-section-v7.json"},{"name":"feature-section-v3","title":"Feature Section v3","description":"Roomy headline with numbered tags on key phrases, plus three theme-aware SVG feature illustrations for funnel health, friction, and experiment impact.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v3.json"},{"name":"feature-section-v4","title":"Feature Section v4","description":"Industrial-style three-card feature grid with uppercase heading, blank top card placeholders, and compact data-first copy.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v4.json"},{"name":"feature-section-v5","title":"Feature Section v5","description":"Centered sans headline with a storytelling bento grid of four static cards, balanced title and body typography on muted surfaces.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v5.json"},{"name":"feature-section-v6","title":"Feature Section v6","description":"Centered headline with a uniform 2×2 grid of four feature cards—title and body on each tile over a full-bleed black-and-white Paper Warp (checks) shader bac…","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v6.json"},{"name":"feature-section-v7","title":"Feature Section v7","description":"Three-column AI platform section with agent workflows, grounded knowledge, and production deploy copy, bordered cards with corner marks, and outline pill CTAs.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v7.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v7.json"},{"name":"feature-section-v8","title":"Feature Section v8","description":"Centered automation headline with an Incharge-style bordered feature grid—four cards with dot-pattern slots and copy-driven product mocks in square frames.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v8.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v8.json"},{"name":"feature-section-v9","title":"Feature Section v9","description":"Platform capabilities section with a left-aligned serif headline, eyebrow label, and four-column feature grid—Lucide icons centered over per-card GrainGradient…","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v9.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v9.json"},{"name":"feature-section-v10","title":"Feature Section v10","description":"Two-column SaaS feature section with dashed corner-accent cards and a morphing wireframe preview that updates on card hover.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v10.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v10.json"},{"name":"feature-section-v11","title":"Feature Section v11","description":"Two-column features section with a left Canvas UI ParticleObject flat image effect, Geist Sans title, and a 2×3 icon feature grid.","type":"registry:block","source_url":"https://uiception.com/r/feature-section-v11.json","install_command":"npx shadcn@latest add https://uiception.com/r/feature-section-v11.json"},{"name":"pricing-section-v1","title":"Pricing Section v1","description":"Four-tier pricing grid with plan highlights, feature lists, and primary call-to-action buttons.","type":"registry:block","source_url":"https://uiception.com/r/pricing-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/pricing-section-v1.json"},{"name":"pricing-section-v2","title":"Pricing Section v2","description":"Four-tier pricing grid with a monthly/yearly billing toggle, per-tier feature lists, and card-based layout.","type":"registry:block","source_url":"https://uiception.com/r/pricing-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/pricing-section-v2.json"},{"name":"pricing-section-v3","title":"Pricing Section v3","description":"Three-tier pricing cards with a monthly/yearly switch, grouped feature lists, and centered two-line headline.","type":"registry:block","source_url":"https://uiception.com/r/pricing-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/pricing-section-v3.json"},{"name":"pricing-section-v4","title":"Pricing Section v4","description":"Three equal-height muted pricing cards with features listed outside the card, a Pro credit dropdown that updates the price, and a subtle WebGPU fluid backdrop …","type":"registry:block","source_url":"https://uiception.com/r/pricing-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/pricing-section-v4.json"},{"name":"pricing-section-v5","title":"Pricing Section v5","description":"Three-tier pricing cards with a left-aligned headline, popular Pro plan, per-feature Tabler icons, and pill CTAs.","type":"registry:block","source_url":"https://uiception.com/r/pricing-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/pricing-section-v5.json"},{"name":"pricing-section-v6","title":"Pricing Section v6","description":"Three full-width plan cards with an inverted Basic plan, above a striped comparison table that shares the card columns so every value sits under its plan, all …","type":"registry:block","source_url":"https://uiception.com/r/pricing-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/pricing-section-v6.json"},{"name":"gallery-section-v1","title":"Gallery Section v1","description":"Ten side-by-side gallery panels with hover expansion, focus framing, and vertical indicator lines within a dedicated canvas area.","type":"registry:block","source_url":"https://uiception.com/r/gallery-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/gallery-section-v1.json"},{"name":"gallery-section-v2","title":"Gallery Section v2","description":"A 3×3 image grid with grayscale-to-color hover transitions, uniform aspect ratios, and mono font captions below each card.","type":"registry:block","source_url":"https://uiception.com/r/gallery-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/gallery-section-v2.json"},{"name":"gallery-section-v3","title":"Gallery Section v3","description":"A centered painting-gallery intro with a five-tile asymmetric bento grid and hover overlays for title, notes, and price.","type":"registry:block","source_url":"https://uiception.com/r/gallery-section-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/gallery-section-v3.json"},{"name":"gallery-section-v4","title":"Gallery Section v4","description":"A responsive CSS-grid masonry gallery with varied tile heights and a quick blur-in reveal as each tile scrolls into view, no title or copy — just the grid.","type":"registry:block","source_url":"https://uiception.com/r/gallery-section-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/gallery-section-v4.json"},{"name":"gallery-section-v5","title":"Gallery Section v5","description":"An arc carousel gallery: square photo cards ride a slow, endlessly rotating ring over a dashed orbit line, framing a short centered title and description. Paus…","type":"registry:block","source_url":"https://uiception.com/r/gallery-section-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/gallery-section-v5.json"},{"name":"gallery-section-v6","title":"Gallery Section v6","description":"Framed photos fade in as a stacked deck, then expand into an overlapping row with a larger center card that carries the title, caption, and pill button. Drag, …","type":"registry:block","source_url":"https://uiception.com/r/gallery-section-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/gallery-section-v6.json"},{"name":"team-section-v1","title":"Team Section v1","description":"A centered title and description above a row of team portraits: the active card lies flat while the cards on either side turn slightly toward the center in 3D,…","type":"registry:block","source_url":"https://uiception.com/r/team-section-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/team-section-v1.json"},{"name":"team-section-v2","title":"Team Section v2","description":"The same team title, description, and portraits as an index. Names sit in a list, and a greyscale portrait slides to the row you hover or reach with the arrow …","type":"registry:block","source_url":"https://uiception.com/r/team-section-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/team-section-v2.json"},{"name":"portfolio-v1","title":"Portfolio v1","description":"Next.js starter for a physicist and science communicator portfolio: writing, books, Saturn decoration, and a Basin contact form. New projects only (shadcn init…","type":"registry:block","source_url":"https://uiception.com/r/portfolio-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/portfolio-v1.json"},{"name":"portfolio-v2","title":"Portfolio v2","description":"Static personal portfolio for a fullstack developer — notes, fictional projects, and experience. Typed TypeScript content — no CMS, no markdown. New projects o…","type":"registry:block","source_url":"https://uiception.com/r/portfolio-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/portfolio-v2.json"},{"name":"portfolio-v3","title":"Portfolio v3","description":"Scroll-scrubbed lifeline timeline for a fullstack developer — Jon Doe filler career with fictional companies. Drop images and videos into public/ slots. New pr…","type":"registry:block","source_url":"https://uiception.com/r/portfolio-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/portfolio-v3.json"},{"name":"portfolio-v4","title":"Portfolio v4","description":"Bash-style terminal portfolio for a fullstack developer — Jon Doe filler career. Type about, work, resume, or help. New projects only (shadcn init --template n…","type":"registry:block","source_url":"https://uiception.com/r/portfolio-v4.json","install_command":"npx shadcn@latest add https://uiception.com/r/portfolio-v4.json"},{"name":"portfolio-v5","title":"Portfolio v5","description":"Left-column about and projects over a WebGPU Optimized Black Hole background — Jon Doe filler. New projects only (shadcn init --template next).","type":"registry:block","source_url":"https://uiception.com/r/portfolio-v5.json","install_command":"npx shadcn@latest add https://uiception.com/r/portfolio-v5.json"},{"name":"portfolio-v6","title":"Portfolio v6","description":"Centered CV portfolio for a fullstack developer — About and Writing, same Jon Doe career data as v3. New projects only (shadcn init --template next).","type":"registry:block","source_url":"https://uiception.com/r/portfolio-v6.json","install_command":"npx shadcn@latest add https://uiception.com/r/portfolio-v6.json"},{"name":"landing-page-v1","title":"Landing Page v1","description":"Fullscreen startup waitlist — monochrome ink-print hero with a boiling misregistered display title and floating hex-tile cursor effect on the left, Clerk's <Wa…","type":"registry:block","source_url":"https://uiception.com/r/landing-page-v1.json","install_command":"npx shadcn@latest add https://uiception.com/r/landing-page-v1.json"},{"name":"landing-page-v2","title":"Landing Page v2","description":"Event landing hero — brand-first display type over a WebGL color-field glow (noise warp, mouse pull, auto-cycling palettes), staggered blur reveal, mono meta, …","type":"registry:block","source_url":"https://uiception.com/r/landing-page-v2.json","install_command":"npx shadcn@latest add https://uiception.com/r/landing-page-v2.json"},{"name":"landing-page-v3","title":"Landing Page v3","description":"Coming-soon countdown — a wide Solari split-flap board for Acme 2.0 where the headline, name, and live days/hours/minutes/seconds all live inside the grid as a…","type":"registry:block","source_url":"https://uiception.com/r/landing-page-v3.json","install_command":"npx shadcn@latest add https://uiception.com/r/landing-page-v3.json"}]},{"id":"uitripled","name":"@uitripled","slug":"uitripled","description":"Open-source production-ready UI registry built on shadcn/ui, Base UI, and Framer Motion, structured as a Turborepo monorepo targeting React 19 and Next.js. Offers components, full landing-page blocks, a drag-and-drop Landing Builder for assembling pages, a Background Builder for shader-powered aurora backgrounds, and a Grid Generator for Tailwind CSS layouts. TypeScript throughout. Fully free and MIT-licensed. Use for: projects that need high-motion landing blocks plus flexible background and grid tooling all sourced from one registry.","author":"moumen-soliman","framework":"react","license":"MIT","tags":["aesthetic","ai","animation","auth","backgrounds","blocks","buttons","cards","charts","cms","crypto","dashboard","e-commerce","forms","glassmorphism","icons","loaders","marketing","media","navigation","overlays"],"categories":["Animated components"],"labels":["featured","popular"],"urls":{"website":"https://ui.tripled.work","github":"https://github.com/moumen-soliman/uitripled","registry":"https://ui.tripled.work/r/registry.json","source":"https://ui.tripled.work/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uitripled","markdown":"https://sh4dcn.netlify.app/md/uitripled.md"},"logo":"<svg version='1.0' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2085.000000 970.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,970.000000) scale(0.100000,-0.100000)' fill='var(--foreground)' stroke='none'><path d='M1175 9513 c-5 -39 -29 -192 -50 -323 -2 -14 -13 -83 -24 -155 -26 -162 -38 -236 -57 -350 -14 -85 -21 -126 -58 -370 -8 -55 -22 -140 -30 -190 -20 -114 -31 -188 -57 -350 -11 -71 -22 -141 -24 -155 -5 -28 -20 -125 -35 -227 -6 -38 -26 -162 -44 -278 -19 -115 -42 -259 -50 -320 -16 -104 -23 -150 -46 -282 -5 -32 -17 -105 -25 -163 -9 -58 -20 -130 -25 -160 -5 -30 -21 -131 -36 -225 -45 -297 -74 -478 -83 -530 -6 -27 -13 -75 -16 -105 -3 -30 -10 -77 -15 -105 -5 -27 -16 -97 -25 -155 -9 -58 -24 -159 -35 -225 -11 -66 -24 -154 -30 -195 -7 -41 -16 -102 -21 -135 -19 -125 -41 -273 -54 -365 -7 -52 -25 -174 -39 -270 -56 -388 -61 -958 -11 -1283 141 -907 608 -1553 1412 -1956 360 -180 758 -295 1253 -361 423 -57 1044 -65 1460 -20 368 40 619 86 924 171 646 180 1194 466 1636 853 292 257 549 564 724 866 21 36 40 67 42 69 4 5 2 -15 -16 -119 -6 -30 -21 -127 -35 -215 -13 -88 -29 -187 -34 -220 -12 -72 -34 -213 -56 -355 -9 -58 -20 -130 -25 -160 -16 -92 -49 -301 -60 -375 -33 -225 -40 -266 -46 -290 l-6 -25 4183 3 c3772 3 4198 5 4329 19 439 49 853 151 1275 313 670 257 1368 698 1859 1173 98 95 324 328 369 381 327 381 556 721 772 1146 252 496 406 968 490 1500 37 235 46 359 52 667 9 513 -49 884 -209 1338 -188 533 -494 1017 -892 1415 -298 298 -595 512 -981 710 -376 192 -812 328 -1250 389 -335 47 -172 46 -5756 46 -2881 0 -5240 -3 -5243 -8 -2 -4 -9 -41 -15 -82 -21 -145 -47 -307 -76 -490 -9 -52 -22 -140 -30 -195 -7 -55 -23 -156 -35 -225 -21 -126 -39 -246 -65 -420 -8 -52 -19 -123 -25 -157 -15 -90 -27 -167 -40 -253 -16 -107 -58 -374 -70 -445 -5 -33 -12 -82 -15 -110 -4 -27 -11 -72 -16 -100 -5 -27 -20 -122 -34 -210 -13 -88 -29 -187 -35 -220 -5 -33 -12 -82 -15 -110 -4 -27 -11 -72 -16 -100 -9 -51 -37 -227 -83 -530 -15 -93 -31 -192 -36 -220 -5 -27 -12 -75 -15 -105 -3 -30 -10 -77 -16 -105 -5 -27 -20 -122 -34 -210 -13 -88 -29 -187 -35 -220 -5 -33 -12 -82 -15 -110 -4 -27 -11 -72 -16 -100 -5 -27 -20 -122 -34 -210 -45 -277 -90 -476 -161 -710 -167 -548 -416 -905 -750 -1073 -79 -40 -246 -95 -359 -118 -130 -27 -582 -27 -700 0 -363 82 -526 257 -607 651 -46 226 -32 736 32 1130 5 33 14 92 20 130 14 98 48 310 60 370 5 28 12 75 15 105 3 30 10 78 15 105 5 28 19 111 31 185 11 74 25 162 30 195 6 33 16 103 24 155 18 120 42 276 55 360 6 36 15 97 20 135 6 39 14 95 20 125 12 69 53 330 74 475 9 61 21 135 26 165 13 77 45 279 70 445 12 77 32 212 46 300 14 88 34 216 45 285 10 69 23 148 29 175 5 28 12 75 15 105 3 30 10 78 15 105 5 28 19 111 31 185 11 74 25 162 30 195 6 33 16 103 24 155 18 118 42 275 55 360 26 157 30 187 30 213 l0 27 -1369 0 -1370 0 -6 -47z m11055 -222 c0 -11 -11 -86 -25 -168 -14 -81 -27 -161 -29 -178 -7 -54 -25 -169 -36 -230 -6 -33 -17 -103 -25 -155 -16 -107 -22 -148 -70 -450 -19 -118 -39 -244 -45 -280 -44 -278 -61 -390 -66 -425 -3 -22 -9 -62 -15 -90 -5 -27 -20 -122 -34 -210 -27 -176 -28 -182 -84 -535 -22 -135 -47 -294 -55 -355 -9 -60 -21 -135 -26 -165 -17 -98 -30 -180 -70 -435 -22 -137 -44 -279 -50 -315 -6 -36 -21 -137 -35 -225 -14 -88 -30 -185 -35 -215 -5 -30 -19 -118 -30 -195 -11 -77 -25 -165 -30 -195 -25 -150 -93 -575 -120 -755 -11 -77 -25 -165 -30 -195 -5 -30 -14 -86 -20 -125 -6 -38 -16 -92 -21 -120 -5 -27 -18 -113 -29 -190 -11 -77 -25 -165 -30 -195 -11 -66 -25 -151 -45 -285 -8 -55 -20 -126 -25 -157 -25 -148 -31 -182 -50 -313 -11 -77 -25 -165 -30 -195 -5 -30 -21 -127 -35 -215 -13 -88 -29 -187 -35 -220 -5 -33 -12 -76 -15 -95 -2 -19 -16 -105 -30 -190 -14 -85 -27 -168 -29 -185 -7 -51 -27 -177 -39 -250 l-12 -70 -432 -3 -433 -2 0 27 c0 34 20 166 60 393 5 30 19 118 30 195 20 134 30 200 50 310 5 28 11 71 15 96 3 25 8 57 10 70 17 101 58 359 75 474 11 77 25 166 30 197 6 32 15 85 20 118 6 33 14 86 20 118 5 31 19 120 30 197 17 115 58 373 75 474 2 13 7 45 10 70 4 25 10 69 15 96 20 110 30 176 50 310 11 77 25 165 30 195 5 30 21 127 35 215 14 88 29 189 35 225 6 36 24 151 40 255 17 105 34 217 40 250 14 87 59 369 70 445 9 55 32 205 100 630 6 36 22 137 35 225 14 88 28 176 31 195 3 19 7 46 9 60 2 14 17 111 34 215 39 243 46 287 76 480 14 88 29 183 34 210 6 28 12 70 16 95 3 25 10 72 15 105 33 204 61 385 66 420 4 22 8 49 10 60 1 11 14 90 28 175 35 214 45 280 61 390 7 52 20 136 29 185 8 50 20 119 26 155 34 213 41 253 46 261 3 5 198 9 435 9 415 0 429 -1 429 -19z m1130 -8 c0 -15 -5 -52 -10 -82 -6 -31 -28 -168 -50 -306 -22 -137 -44 -277 -49 -310 -6 -33 -22 -136 -36 -230 -15 -93 -44 -280 -66 -415 -21 -135 -43 -274 -49 -310 -6 -36 -26 -162 -45 -280 -18 -118 -43 -278 -55 -355 -11 -77 -25 -165 -30 -195 -26 -155 -102 -632 -124 -785 -9 -60 -21 -136 -26 -167 -6 -32 -14 -85 -20 -118 -5 -33 -14 -86 -20 -117 -5 -32 -19 -121 -30 -198 -19 -133 -27 -180 -50 -312 -5 -32 -14 -89 -19 -128 -9 -65 -28 -184 -51 -315 -5 -30 -19 -118 -30 -195 -11 -77 -25 -165 -30 -195 -23 -130 -42 -251 -55 -340 -15 -100 -21 -140 -61 -390 -13 -85 -29 -184 -34 -220 -6 -36 -15 -90 -20 -120 -9 -49 -16 -96 -50 -320 -18 -112 -91 -571 -140 -880 -16 -102 -32 -198 -34 -215 -2 -16 -6 -46 -10 -65 -3 -19 -17 -107 -31 -195 -13 -88 -29 -187 -34 -220 -6 -33 -30 -180 -53 -328 l-43 -267 -438 0 -439 0 6 28 c3 15 17 99 30 187 28 175 42 261 56 345 5 30 19 118 30 195 11 77 25 165 30 195 5 30 21 127 35 215 27 177 29 186 84 535 22 135 51 322 66 415 14 94 30 197 36 230 5 33 27 173 49 310 22 138 44 279 50 315 6 36 22 137 35 225 14 88 28 176 31 195 4 19 8 49 10 65 2 17 18 113 34 215 38 236 45 281 75 475 14 88 30 185 35 215 5 30 19 118 30 195 11 77 24 163 29 190 9 46 15 81 41 248 5 34 21 132 34 217 40 247 46 289 61 390 16 109 40 260 55 340 5 30 19 118 30 195 11 77 25 165 30 195 6 30 21 129 35 220 14 91 30 191 35 223 6 31 14 83 20 115 5 31 19 120 30 197 19 131 25 165 50 313 5 31 16 102 25 157 8 55 19 129 25 165 6 36 28 178 50 315 22 138 44 282 50 320 6 39 15 93 20 120 5 28 12 67 15 88 l6 37 434 0 435 0 0 -27z m3675 17 c88 -6 198 -14 245 -19 744 -80 1408 -352 1975 -810 112 -90 369 -347 466 -464 289 -351 513 -757 649 -1177 36 -112 92 -323 105 -400 4 -19 11 -57 16 -85 9 -51 20 -144 39 -317 24 -227 6 -652 -40 -978 -50 -343 -179 -796 -323 -1130 -13 -30 -34 -80 -47 -110 -41 -94 -176 -354 -251 -482 -236 -402 -489 -729 -829 -1069 -277 -277 -511 -469 -830 -680 -605 -401 -1242 -665 -1895 -787 -444 -83 -409 -82 -2363 -82 l-1692 0 4 23 c3 12 14 81 26 152 11 72 25 155 30 185 5 30 19 118 30 195 11 77 25 166 30 198 28 162 39 231 65 402 8 55 20 125 25 155 5 30 19 118 30 195 11 77 25 165 30 195 23 130 42 251 55 340 16 106 22 144 70 450 19 118 40 247 46 285 6 39 15 93 19 120 5 28 16 100 25 160 14 92 43 278 105 665 55 343 93 583 115 725 14 94 30 197 36 230 5 33 27 173 49 310 22 138 44 279 50 315 6 36 22 137 35 225 14 88 30 187 35 220 11 67 53 333 70 440 6 39 17 113 25 165 13 89 32 210 55 340 5 30 19 118 30 195 11 77 25 165 30 195 5 30 21 127 35 215 26 168 40 254 55 345 5 30 19 118 30 195 11 77 25 166 30 198 41 242 90 545 90 560 0 11 3227 8 3415 -3z'/><path d='M15555 7398 c-2 -7 -13 -71 -24 -143 -22 -140 -28 -178 -66 -415 -14 -85 -30 -186 -35 -225 -12 -79 -24 -151 -40 -240 -5 -33 -15 -91 -20 -130 -5 -38 -14 -97 -20 -130 -6 -33 -28 -172 -50 -310 -22 -137 -44 -279 -50 -315 -6 -36 -24 -150 -40 -255 -33 -215 -39 -251 -80 -492 -5 -32 -16 -105 -25 -163 -26 -173 -64 -412 -74 -465 -6 -27 -13 -70 -16 -95 -3 -25 -10 -72 -16 -105 -5 -33 -23 -145 -39 -250 -33 -214 -46 -293 -80 -492 -5 -32 -19 -121 -30 -198 -20 -137 -33 -213 -51 -308 -5 -26 -9 -53 -9 -59 0 -17 766 -3 895 16 55 8 136 20 180 26 461 67 926 263 1292 546 103 80 360 333 424 418 153 203 226 318 309 486 141 282 216 534 276 920 26 164 26 713 1 843 -46 241 -85 363 -168 534 -174 361 -456 638 -813 803 -181 84 -380 139 -671 187 -138 22 -952 32 -960 11z m930 -262 c130 -21 187 -33 294 -60 557 -141 943 -513 1094 -1056 54 -193 62 -262 61 -560 0 -295 -7 -372 -54 -610 -62 -314 -190 -634 -349 -875 -176 -265 -424 -518 -671 -682 -115 -76 -264 -157 -375 -203 -55 -23 -109 -45 -120 -50 -100 -41 -376 -116 -500 -135 -27 -5 -57 -9 -65 -10 -161 -26 -402 -44 -582 -45 -146 0 -137 -7 -118 99 12 65 75 455 89 551 6 36 17 106 25 155 8 50 22 137 31 195 31 200 65 415 74 465 6 28 13 70 16 95 3 25 10 72 16 105 25 157 80 497 89 560 6 39 15 97 21 130 5 33 16 101 23 150 23 145 56 355 76 478 13 79 36 222 50 312 5 39 26 167 45 285 19 118 40 247 45 285 6 39 15 93 20 120 11 59 50 309 50 320 0 14 617 -3 715 -19z'/></g></svg>","preview_image":"https://iimydr2b8o.ufs.sh/f/Zqn6AViLMoTtrDdNxsib920zRingEy8GoSLBITJVjwbtYFxm","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1364,"open_issues":2,"last_commit":"2026-08-28T00:09:30Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.tripled.work/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.tripled.work/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.tripled.work/r/registry.json","clone":"git clone https://github.com/moumen-soliman/uitripled.git","clone_degit":"npx degit moumen-soliman/uitripled","registry_fetch":"curl -s https://ui.tripled.work/r/registry.json"},"component_count":250,"components":[{"name":"about-us-page-shadcnui","title":"About Us Page","description":"Glassmorphism about page showcasing mission, values, and leadership with motion accents.","type":"registry:page","source_url":"https://ui.tripled.work/r/about-us-page-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/about-us-page-shadcnui.json"},{"name":"about-us-section-baseui","title":"About Us","description":"About us section with value cards, icons, and animated reveal effects (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/about-us-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/about-us-section-baseui.json"},{"name":"about-us-section-shadcnui","title":"About Us","description":"About us section with value cards, icons, and animated reveal effects","type":"registry:block","source_url":"https://ui.tripled.work/r/about-us-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/about-us-section-shadcnui.json"},{"name":"ai-chat-interface-shadcnui","title":"AI Chat Interface","description":"Chat input with attachments, model selector, and accessible controls","type":"registry:component","source_url":"https://ui.tripled.work/r/ai-chat-interface-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ai-chat-interface-shadcnui.json"},{"name":"ai-glow-input-shadcnui","title":"AI Glow Input","description":"Input field with dynamic glow that pulses based on typing speed - smart motion feedback","type":"registry:component","source_url":"https://ui.tripled.work/r/ai-glow-input-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ai-glow-input-shadcnui.json"},{"name":"ai-loading-skeleton-shadcnui","title":"AI Loading Skeleton","description":"Loading state with diagonal shimmer gradient and opacity wave","type":"registry:component","source_url":"https://ui.tripled.work/r/ai-loading-skeleton-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ai-loading-skeleton-shadcnui.json"},{"name":"ai-response-typing-shadcnui","title":"AI Response Typing Stream","description":"Character-by-character typing animation with natural pauses and thinking states","type":"registry:component","source_url":"https://ui.tripled.work/r/ai-response-typing-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ai-response-typing-shadcnui.json"},{"name":"ai-unlock-animation-shadcnui","title":"AI Unlock Animation","description":"Premium unlock animation with particles, ripples, and loading states","type":"registry:ui","source_url":"https://ui.tripled.work/r/ai-unlock-animation-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ai-unlock-animation-shadcnui.json"},{"name":"animated-accordion-shadcnui","title":"Animated Accordion","description":"Accordion with smooth expand/collapse and rotate arrow","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-accordion-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-accordion-shadcnui.json"},{"name":"animated-card-stack-baseui","title":"Animated Card Stack","description":"Stacked cards that expand on hover (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-card-stack-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-card-stack-baseui.json"},{"name":"animated-card-stack-shadcnui","title":"Animated Card Stack","description":"Stacked cards that expand on hover","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-card-stack-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-card-stack-shadcnui.json"},{"name":"animated-checkbox-shadcnui","title":"Animated Checkbox","description":"Checkbox with checkmark animation","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-checkbox-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-checkbox-shadcnui.json"},{"name":"animated-dialog-shadcnui","title":"Animated Dialog","description":"Modal dialog with backdrop fade and spring animation","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-dialog-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-dialog-shadcnui.json"},{"name":"animated-list-shadcnui","title":"Animated List","description":"List with staggered item animations","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-list-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-list-shadcnui.json"},{"name":"animated-navbar-shadcnui","title":"Animated Navbar","description":"Navigation bar with animated underline indicator","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-navbar-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-navbar-shadcnui.json"},{"name":"animated-pagination-shadcnui","title":"Animated Pagination","description":"Pagination with smooth page transition indicator","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-pagination-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-pagination-shadcnui.json"},{"name":"animated-profile-menu-shadcnui","title":"Animated Profile Menu","description":"Floating profile avatar that reveals quick action cards with smooth motion","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-profile-menu-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-profile-menu-shadcnui.json"},{"name":"animated-progress-shadcnui","title":"Animated Progress Bar","description":"Progress bar with smooth animation","type":"registry:ui","source_url":"https://ui.tripled.work/r/animated-progress-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-progress-shadcnui.json"},{"name":"animated-quote-block-shadcnui","title":"Animated Quote Block","description":"Quote that types itself in, pauses, then subtly breathes","type":"registry:ui","source_url":"https://ui.tripled.work/r/animated-quote-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-quote-block-shadcnui.json"},{"name":"animated-radio-shadcnui","title":"Animated Radio","description":"Radio button group with selection ripple","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-radio-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-radio-shadcnui.json"},{"name":"animated-select-shadcnui","title":"Animated Select","description":"Select dropdown with smooth open/close animation","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-select-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-select-shadcnui.json"},{"name":"animated-sidebar-shadcnui","title":"Animated Sidebar","description":"Sidebar with slide-in animation and overlay","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-sidebar-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-sidebar-shadcnui.json"},{"name":"animated-tabs-shadcnui","title":"Animated Tabs","description":"Tabs with sliding indicator animation","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-tabs-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-tabs-shadcnui.json"},{"name":"animated-tooltip-shadcnui","title":"Animated Tooltip","description":"Tooltip with delay and slide animation","type":"registry:component","source_url":"https://ui.tripled.work/r/animated-tooltip-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/animated-tooltip-shadcnui.json"},{"name":"auto-revealing-heading-shadcnui","title":"Auto-Revealing Heading","description":"Heading that reveals each letter/word with staggered motion on scroll","type":"registry:page","source_url":"https://ui.tripled.work/r/auto-revealing-heading-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/auto-revealing-heading-shadcnui.json"},{"name":"avatar-group-shadcnui","title":"Avatar Group","description":"Stacked avatar group with hover reveal and tooltips","type":"registry:component","source_url":"https://ui.tripled.work/r/avatar-group-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/avatar-group-shadcnui.json"},{"name":"bento-grid-block-baseui","title":"Bento Grid Block","description":"Layered bento grid with imagery, metrics, and smooth motion reveals (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/bento-grid-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/bento-grid-block-baseui.json"},{"name":"bento-grid-block-shadcnui","title":"Bento Grid Block","description":"Layered bento grid with imagery, metrics, and smooth motion reveals","type":"registry:block","source_url":"https://ui.tripled.work/r/bento-grid-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/bento-grid-block-shadcnui.json"},{"name":"blog-block-baseui","title":"Blog Block","description":"Animated blog posts grid with staggered cards, date/time indicators, and hover effects (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/blog-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/blog-block-baseui.json"},{"name":"blog-block-shadcnui","title":"Blog Block","description":"Animated blog posts grid with staggered cards, date/time indicators, and hover effects","type":"registry:block","source_url":"https://ui.tripled.work/r/blog-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/blog-block-shadcnui.json"},{"name":"blog-typography-shadcnui","title":"Blog Typography","description":"Beautiful blog post typography with text, links, images, blockquotes, and code examples","type":"registry:component","source_url":"https://ui.tripled.work/r/blog-typography-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/blog-typography-shadcnui.json"},{"name":"bottom-modal","title":"Bottom Modal","description":"Cute bottom-centered modal with smooth slide-up animation and glassmorphism design","type":"registry:component","source_url":"https://ui.tripled.work/r/bottom-modal.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/bottom-modal.json"},{"name":"browse-folder-baseui","title":"Browse Folder","description":"Folder browser with animated tabs and content (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/browse-folder-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/browse-folder-baseui.json"},{"name":"browse-folder-shadcnui","title":"Browse Folder","description":"Folder browser with animated tabs and content","type":"registry:component","source_url":"https://ui.tripled.work/r/browse-folder-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/browse-folder-shadcnui.json"},{"name":"cards-slider-shadcnui","title":"Cards Slider","description":"Liquid smooth draggable cards slider with shadcn/ui styling and framer-motion animations","type":"registry:component","source_url":"https://ui.tripled.work/r/cards-slider-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cards-slider-shadcnui.json"},{"name":"cash-flow-chart","title":"Accessible Cash Flow Chart","description":"Interactive cash flow bar chart with keyboard focus, tooltips, and screen reader support","type":"registry:ui","source_url":"https://ui.tripled.work/r/cash-flow-chart.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cash-flow-chart.json"},{"name":"chat-app-shadcnui","title":"Chat App","description":"Fully functional chat interface with animated messages","type":"registry:component","source_url":"https://ui.tripled.work/r/chat-app-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/chat-app-shadcnui.json"},{"name":"cinema-ticket-baseui","title":"Cinema Ticket","description":"Cinematic theater ticket with rip effect and barcode (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/cinema-ticket-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cinema-ticket-baseui.json"},{"name":"cinema-ticket-shadcnui","title":"Cinema Ticket","description":"Cinematic theater ticket with rip effect and barcode","type":"registry:component","source_url":"https://ui.tripled.work/r/cinema-ticket-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cinema-ticket-shadcnui.json"},{"name":"command-palette-shadcnui","title":"Command Palette","description":"Command palette with search and keyboard navigation","type":"registry:component","source_url":"https://ui.tripled.work/r/command-palette-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/command-palette-shadcnui.json"},{"name":"comment-thread-shadcnui","title":"Comment Thread","description":"Nested comment thread with rich interactions and animations","type":"registry:component","source_url":"https://ui.tripled.work/r/comment-thread-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/comment-thread-shadcnui.json"},{"name":"conference-ticket-baseui","title":"Conference Ticket","description":"Animated conference ticket with glassmorphism effects and holographic details (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/conference-ticket-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/conference-ticket-baseui.json"},{"name":"conference-ticket-shadcnui","title":"Conference Ticket","description":"Animated conference ticket with glassmorphism effects and holographic details","type":"registry:component","source_url":"https://ui.tripled.work/r/conference-ticket-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/conference-ticket-shadcnui.json"},{"name":"contact-block-baseui","title":"Contact Block","description":"Contact form with animated contact info cards, working hours, and interactive icons (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/contact-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/contact-block-baseui.json"},{"name":"contact-block-shadcnui","title":"Contact Block","description":"Contact form with animated contact info cards, working hours, and interactive icons","type":"registry:block","source_url":"https://ui.tripled.work/r/contact-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/contact-block-shadcnui.json"},{"name":"contact-form-section-baseui","title":"Contact Form","description":"Contact form section with animated inputs, validation, and form handling (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/contact-form-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/contact-form-section-baseui.json"},{"name":"contact-form-section-shadcnui","title":"Contact Form","description":"Contact form section with animated inputs, validation, and form handling","type":"registry:block","source_url":"https://ui.tripled.work/r/contact-form-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/contact-form-section-shadcnui.json"},{"name":"context-menu-bubble-shadcnui","title":"Context Menu Bubble","description":"Right-click reveals circular expanding radial menu with icons","type":"registry:component","source_url":"https://ui.tripled.work/r/context-menu-bubble-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/context-menu-bubble-shadcnui.json"},{"name":"context-menu-shadcnui","title":"Context Menu","description":"Right-click context menu with nested items animation","type":"registry:component","source_url":"https://ui.tripled.work/r/context-menu-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/context-menu-shadcnui.json"},{"name":"course-content-page-shadcnui","title":"Course Content Page","description":"Interactive course page with video player, instructor details, curriculum sections, and progress tracking","type":"registry:component","source_url":"https://ui.tripled.work/r/course-content-page-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/course-content-page-shadcnui.json"},{"name":"credit-card-baseui","title":"Credit Card","description":"3D animated credit card with flip animation to show CVV (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/credit-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/credit-card-baseui.json"},{"name":"credit-card-shadcnui","title":"Credit Card","description":"3D animated credit card with flip animation to show CVV","type":"registry:component","source_url":"https://ui.tripled.work/r/credit-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/credit-card-shadcnui.json"},{"name":"cta-banner-section-baseui","title":"CTA Banner Section","description":"Animated call-to-action banner with gradient background and button animations (Base UI)","type":"registry:page","source_url":"https://ui.tripled.work/r/cta-banner-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cta-banner-section-baseui.json"},{"name":"cta-banner-section-shadcnui","title":"CTA Banner Section","description":"Animated call-to-action banner with gradient background and button animations","type":"registry:page","source_url":"https://ui.tripled.work/r/cta-banner-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cta-banner-section-shadcnui.json"},{"name":"cta-block-baseui","title":"CTA Block","description":"Call-to-action section with gradient overlay, animated buttons, and status indicator (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/cta-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cta-block-baseui.json"},{"name":"cta-block-shadcnui","title":"CTA Block","description":"Call-to-action section with gradient overlay, animated buttons, and status indicator","type":"registry:block","source_url":"https://ui.tripled.work/r/cta-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cta-block-shadcnui.json"},{"name":"cta-hero-block-baseui","title":"CTA Hero Block","description":"Engaging hero section with email signup, video preview, and social proof (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/cta-hero-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cta-hero-block-baseui.json"},{"name":"cta-hero-block-shadcnui","title":"CTA Hero Block","description":"Engaging hero section with email signup, video preview, and social proof","type":"registry:block","source_url":"https://ui.tripled.work/r/cta-hero-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/cta-hero-block-shadcnui.json"},{"name":"currency-converter-card-baseui","title":"Currency Converter Card","description":"Finance conversion widget with animated inputs, simulated exchange updates, and contextual feedback (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/currency-converter-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/currency-converter-card-baseui.json"},{"name":"currency-converter-card-shadcnui","title":"Currency Converter Card","description":"Finance conversion widget with animated inputs, simulated exchange updates, and contextual feedback","type":"registry:component","source_url":"https://ui.tripled.work/r/currency-converter-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/currency-converter-card-shadcnui.json"},{"name":"dashboard-baseui","title":"Dashboard","description":"Interactive stock portfolio dashboard with status cards, data table, and detailed stock information modal (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/dashboard-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/dashboard-baseui.json"},{"name":"dashboard-shadcnui","title":"Dashboard","description":"Interactive stock portfolio dashboard with status cards, data table, and detailed stock information modal","type":"registry:block","source_url":"https://ui.tripled.work/r/dashboard-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/dashboard-shadcnui.json"},{"name":"detail-task-card-baseui","title":"Detail Task Card","description":"Task management detail panel with animated assignee chips and editor controls (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/detail-task-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/detail-task-card-baseui.json"},{"name":"detail-task-card-shadcnui","title":"Detail Task Card","description":"Task management detail panel with animated assignee chips and editor controls","type":"registry:component","source_url":"https://ui.tripled.work/r/detail-task-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/detail-task-card-shadcnui.json"},{"name":"drag-to-confirm-slider-shadcnui","title":"Drag-to-Confirm Slider","description":"Slider that activates action only when fully dragged to end","type":"registry:component","source_url":"https://ui.tripled.work/r/drag-to-confirm-slider-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/drag-to-confirm-slider-shadcnui.json"},{"name":"draggable-list-shadcnui","title":"Draggable List","description":"Reorderable list with drag and drop spring physics","type":"registry:component","source_url":"https://ui.tripled.work/r/draggable-list-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/draggable-list-shadcnui.json"},{"name":"dynamic-spotlight-cta-shadcnui","title":"Dynamic Spotlight CTA","description":"Floating spotlight follows cursor to reveal gradient CTA text with premium effects","type":"registry:page","source_url":"https://ui.tripled.work/r/dynamic-spotlight-cta-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/dynamic-spotlight-cta-shadcnui.json"},{"name":"dynamic-tag-cloud-shadcnui","title":"Dynamic Tag Cloud","description":"Floating cluster of tags that drift and rearrange when hovered","type":"registry:ui","source_url":"https://ui.tripled.work/r/dynamic-tag-cloud-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/dynamic-tag-cloud-shadcnui.json"},{"name":"ecommerce-highlight-card-baseui","title":"Ecommerce Highlight Card","description":"Product spotlight card with blurred border, bundle selector, and fulfillment details (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/ecommerce-highlight-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ecommerce-highlight-card-baseui.json"},{"name":"ecommerce-highlight-card-shadcnui","title":"Ecommerce Highlight Card","description":"Product spotlight card with blurred border, bundle selector, and fulfillment details","type":"registry:component","source_url":"https://ui.tripled.work/r/ecommerce-highlight-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ecommerce-highlight-card-shadcnui.json"},{"name":"elastic-switch-shadcnui","title":"Elastic Toggle Switch","description":"Toggle switch with elastic spring animation","type":"registry:ui","source_url":"https://ui.tripled.work/r/elastic-switch-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/elastic-switch-shadcnui.json"},{"name":"expanding-search-dock-shadcnui","title":"Expanding Search Dock","description":"Minimal search icon that expands into full input with blur","type":"registry:component","source_url":"https://ui.tripled.work/r/expanding-search-dock-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/expanding-search-dock-shadcnui.json"},{"name":"fade-slide-modal-shadcnui","title":"Fade & Slide Modal","description":"Modal with fade backdrop and slide-up animation","type":"registry:component","source_url":"https://ui.tripled.work/r/fade-slide-modal-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/fade-slide-modal-shadcnui.json"},{"name":"faq-accordion-block-baseui","title":"FAQ Accordion","description":"Expandable FAQ section with smooth accordion animations (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/faq-accordion-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/faq-accordion-block-baseui.json"},{"name":"faq-accordion-block-shadcnui","title":"FAQ Accordion","description":"Expandable FAQ section with smooth accordion animations","type":"registry:block","source_url":"https://ui.tripled.work/r/faq-accordion-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/faq-accordion-block-shadcnui.json"},{"name":"faq-section-baseui","title":"FAQ Section","description":"Animated FAQ section with expandable questions and smooth transitions (Base UI)","type":"registry:page","source_url":"https://ui.tripled.work/r/faq-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/faq-section-baseui.json"},{"name":"faq-section-shadcnui","title":"FAQ Section","description":"Animated FAQ section with expandable questions and smooth transitions","type":"registry:page","source_url":"https://ui.tripled.work/r/faq-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/faq-section-shadcnui.json"},{"name":"feature-cards-block-baseui","title":"Feature Cards Grid","description":"Three feature cards with icons, hover effects, and glassmorphism styling (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/feature-cards-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/feature-cards-block-baseui.json"},{"name":"feature-cards-block-shadcnui","title":"Feature Cards Grid","description":"Three feature cards with icons, hover effects, and glassmorphism styling","type":"registry:block","source_url":"https://ui.tripled.work/r/feature-cards-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/feature-cards-block-shadcnui.json"},{"name":"feature-comparison-block-baseui","title":"Feature Comparison Table","description":"Interactive pricing comparison table with animated checkmarks and plan highlights (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/feature-comparison-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/feature-comparison-block-baseui.json"},{"name":"feature-comparison-block-shadcnui","title":"Feature Comparison Table","description":"Interactive pricing comparison table with animated checkmarks and plan highlights","type":"registry:block","source_url":"https://ui.tripled.work/r/feature-comparison-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/feature-comparison-block-shadcnui.json"},{"name":"feature-grid-section-baseui","title":"Feature Grid Section","description":"Animated feature grid with staggered card animations and icon reveals (Base UI)","type":"registry:page","source_url":"https://ui.tripled.work/r/feature-grid-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/feature-grid-section-baseui.json"},{"name":"feature-grid-section-shadcnui","title":"Feature Grid Section","description":"Animated feature grid with staggered card animations and icon reveals","type":"registry:page","source_url":"https://ui.tripled.work/r/feature-grid-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/feature-grid-section-shadcnui.json"},{"name":"floating-chat-widget-shadcnui","title":"Floating Chat Widget","description":"Floating chat widget with AI agent selection dropdown and animations","type":"registry:component","source_url":"https://ui.tripled.work/r/floating-chat-widget-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/floating-chat-widget-shadcnui.json"},{"name":"floating-gradient-shadcnui","title":"Floating Gradient","description":"Animated floating gradient background effect","type":"registry:ui","source_url":"https://ui.tripled.work/r/floating-gradient-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/floating-gradient-shadcnui.json"},{"name":"floating-info-panel-shadcnui","title":"Floating Info Panel","description":"Info tooltip that drifts up/down while fading in/out intermittently","type":"registry:ui","source_url":"https://ui.tripled.work/r/floating-info-panel-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/floating-info-panel-shadcnui.json"},{"name":"floating-label-input-shadcnui","title":"Floating Label Input","description":"Input with animated floating label","type":"registry:component","source_url":"https://ui.tripled.work/r/floating-label-input-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/floating-label-input-shadcnui.json"},{"name":"fluid-modal-transition-shadcnui","title":"Fluid Modal Transition","description":"Modal that expands smoothly from clicked trigger element using layoutId","type":"registry:component","source_url":"https://ui.tripled.work/r/fluid-modal-transition-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/fluid-modal-transition-shadcnui.json"},{"name":"folder-animation","title":"Folder Animation","description":"Animated folder card with motion blur effect, perfect for showcasing file operations or loading states","type":"registry:ui","source_url":"https://ui.tripled.work/r/folder-animation.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/folder-animation.json"},{"name":"folder-animation-carbon","title":"Folder Animation","description":"Animated folder card with motion blur effect, perfect for showcasing file operations or loading states.","type":"registry:component","source_url":"https://ui.tripled.work/r/folder-animation-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/folder-animation-carbon.json"},{"name":"footer-block-baseui","title":"Footer Block","description":"Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/footer-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/footer-block-baseui.json"},{"name":"footer-block-shadcnui","title":"Footer Block","description":"Comprehensive footer with links, newsletter signup, social icons, and scroll-to-top","type":"registry:block","source_url":"https://ui.tripled.work/r/footer-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/footer-block-shadcnui.json"},{"name":"gallery-grid-block-baseui","title":"Gallery Grid with Lightbox","description":"Filterable image gallery with animated lightbox and navigation (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/gallery-grid-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/gallery-grid-block-baseui.json"},{"name":"gallery-grid-block-shadcnui","title":"Gallery Grid with Lightbox","description":"Filterable image gallery with animated lightbox and navigation","type":"registry:block","source_url":"https://ui.tripled.work/r/gallery-grid-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/gallery-grid-block-shadcnui.json"},{"name":"glass-account-settings-card-shadcnui","title":"Glass Account Settings Card","description":"Account management card with subscription overview and billing actions in glassmorphic style","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-account-settings-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-account-settings-card-shadcnui.json"},{"name":"glass-blog-card-baseui","title":"Glass Blog Card","description":"Glassmorphism blog card with image zoom, author info, and read action (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-blog-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-blog-card-baseui.json"},{"name":"glass-blog-card-shadcnui","title":"Glass Blog Card","description":"Glassmorphism blog card with image zoom, author info, and read action","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-blog-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-blog-card-shadcnui.json"},{"name":"glass-checkout-card-baseui","title":"Glass Checkout Card","description":"Glassmorphism checkout card with payment method selector and input fields (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-checkout-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-checkout-card-baseui.json"},{"name":"glass-checkout-card-shadcnui","title":"Glass Checkout Card","description":"Glassmorphism checkout card with payment method selector and input fields","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-checkout-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-checkout-card-shadcnui.json"},{"name":"glass-forgot-password-card-shadcnui","title":"Glass Forgot Password Card","description":"Reset-password screen with glassmorphic styling and status messaging","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-forgot-password-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-forgot-password-card-shadcnui.json"},{"name":"glass-order-summary-baseui","title":"Glass Order Summary","description":"Glassmorphism order summary card with item list and checkout button (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-order-summary-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-order-summary-baseui.json"},{"name":"glass-order-summary-shadcnui","title":"Glass Order Summary","description":"Glassmorphism order summary card with item list and checkout button","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-order-summary-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-order-summary-shadcnui.json"},{"name":"glass-profile-settings-card-shadcnui","title":"Glass Profile Settings Card","description":"Glassmorphic profile settings form with avatar upload, bio, and notification preferences","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-profile-settings-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-profile-settings-card-shadcnui.json"},{"name":"glass-sign-in-card-shadcnui","title":"Glass Sign-In Card","description":"Glassmorphic sign-in panel with social auth buttons and email form","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-sign-in-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-sign-in-card-shadcnui.json"},{"name":"glass-sign-up-card-shadcnui","title":"Glass Sign-Up Card","description":"Glassmorphic sign-up flow with social providers, email fields, and terms checkbox","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-sign-up-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-sign-up-card-shadcnui.json"},{"name":"glass-verification-code-card-shadcnui","title":"Glass Verification Code Card","description":"Verification code entry with glassmorphic inputs, status messaging, and reduced-motion support","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-verification-code-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-verification-code-card-shadcnui.json"},{"name":"glass-wallet-card-baseui","title":"Glass Wallet Card","description":"Glassmorphism crypto wallet card with balance, trend, and action buttons (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-wallet-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-wallet-card-baseui.json"},{"name":"glass-wallet-card-shadcnui","title":"Glass Wallet Card","description":"Glassmorphism crypto wallet card with balance, trend, and action buttons","type":"registry:component","source_url":"https://ui.tripled.work/r/glass-wallet-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glass-wallet-card-shadcnui.json"},{"name":"glassmorphism-cta-block-baseui","title":"Glassmorphism CTA","description":"Call-to-action section with glassy card, gradient background, and animated buttons (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-cta-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-cta-block-baseui.json"},{"name":"glassmorphism-cta-block-shadcnui","title":"Glassmorphism CTA","description":"Call-to-action section with glassy card, gradient background, and animated buttons","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-cta-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-cta-block-shadcnui.json"},{"name":"glassmorphism-hero-block-baseui","title":"Glassmorphism Hero","description":"Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-hero-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-hero-block-baseui.json"},{"name":"glassmorphism-hero-block-shadcnui","title":"Glassmorphism Hero","description":"Modern hero section with glassmorphism effects, animated background orbs, and CTA buttons","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-hero-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-hero-block-shadcnui.json"},{"name":"glassmorphism-launch-timeline-block-baseui","title":"Glassmorphism Launch Timeline","description":"Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-launch-timeline-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-launch-timeline-block-baseui.json"},{"name":"glassmorphism-launch-timeline-block-shadcnui","title":"Glassmorphism Launch Timeline","description":"Frictionless launch roadmap with staggered motion, glassmorphism milestones, and paired CTA actions","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-launch-timeline-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-launch-timeline-block-shadcnui.json"},{"name":"glassmorphism-listen-app-block-baseui","title":"Glassmorphism Listen App","description":"Music streaming block with glassmorphism player, curated highlights, and animated controls (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-listen-app-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-listen-app-block-baseui.json"},{"name":"glassmorphism-listen-app-block-shadcnui","title":"Glassmorphism Listen App","description":"Music streaming block with glassmorphism player, curated highlights, and animated controls","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-listen-app-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-listen-app-block-shadcnui.json"},{"name":"glassmorphism-logo-showcase-block-baseui","title":"Glassmorphism Logo Showcase","description":"Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-action (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-logo-showcase-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-logo-showcase-block-baseui.json"},{"name":"glassmorphism-logo-showcase-block-shadcnui","title":"Glassmorphism Logo Showcase","description":"Glassmorphism partner grid with floating motion, brand hints, and collaborative call-to-action","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-logo-showcase-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-logo-showcase-block-shadcnui.json"},{"name":"glassmorphism-minimal-metrics-block-baseui","title":"Glassmorphism Minimal Metrics","description":"Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-minimal-metrics-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-minimal-metrics-block-baseui.json"},{"name":"glassmorphism-minimal-metrics-block-shadcnui","title":"Glassmorphism Minimal Metrics","description":"Focused metric cards with glass surfaces, subtle motion, and concierge insight CTA banner","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-minimal-metrics-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-minimal-metrics-block-shadcnui.json"},{"name":"glassmorphism-portfolio-block-baseui","title":"Glassmorphism Portfolio","description":"Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-portfolio-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-portfolio-block-baseui.json"},{"name":"glassmorphism-portfolio-block-shadcnui","title":"Glassmorphism Portfolio","description":"Personal portfolio spotlight with profile portrait, narrative highlights, and animated social links","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-portfolio-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-portfolio-block-shadcnui.json"},{"name":"glassmorphism-pricing-block-baseui","title":"Glassmorphism Pricing","description":"Pricing cards with glassmorphism effects, hover animations, and feature lists (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-pricing-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-pricing-block-baseui.json"},{"name":"glassmorphism-pricing-block-shadcnui","title":"Glassmorphism Pricing","description":"Pricing cards with glassmorphism effects, hover animations, and feature lists","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-pricing-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-pricing-block-shadcnui.json"},{"name":"glassmorphism-product-update-block-baseui","title":"Glassmorphism Product Updates","description":"Multi-state changelog cards with glass overlays, status badges, and GitHub integration banner (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-product-update-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-product-update-block-baseui.json"},{"name":"glassmorphism-product-update-block-shadcnui","title":"Glassmorphism Product Updates","description":"Multi-state changelog cards with glass overlays, status badges, and GitHub integration banner","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-product-update-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-product-update-block-shadcnui.json"},{"name":"glassmorphism-statistics-card-baseui","title":"Glassmorphism Statistics Card","description":"Interactive statistics card with hover reveal and smooth transitions (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/glassmorphism-statistics-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-statistics-card-baseui.json"},{"name":"glassmorphism-statistics-card-shadcnui","title":"Glassmorphism Statistics Card","description":"Interactive statistics card with hover reveal and smooth transitions","type":"registry:component","source_url":"https://ui.tripled.work/r/glassmorphism-statistics-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-statistics-card-shadcnui.json"},{"name":"glassmorphism-testimonials-block-baseui","title":"Glassmorphism Testimonials","description":"Customer testimonials with glassmorphism cards, star ratings, and hover effects (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-testimonials-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-testimonials-block-baseui.json"},{"name":"glassmorphism-testimonials-block-shadcnui","title":"Glassmorphism Testimonials","description":"Customer testimonials with glassmorphism cards, star ratings, and hover effects","type":"registry:block","source_url":"https://ui.tripled.work/r/glassmorphism-testimonials-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glassmorphism-testimonials-block-shadcnui.json"},{"name":"glowy-waves-hero-baseui","title":"Glowy Waves Hero","description":"Hero section with glowy waves effect (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/glowy-waves-hero-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glowy-waves-hero-baseui.json"},{"name":"glowy-waves-hero-shadcnui","title":"Glowy Waves Hero","description":"Hero section with glowy waves effect","type":"registry:block","source_url":"https://ui.tripled.work/r/glowy-waves-hero-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/glowy-waves-hero-shadcnui.json"},{"name":"gradient-animation-shadcnui","title":"Gradient Animation","description":"Smoothly transitioning gradient background","type":"registry:ui","source_url":"https://ui.tripled.work/r/gradient-animation-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/gradient-animation-shadcnui.json"},{"name":"heart-favorite-shadcnui","title":"Heart Favorite","description":"Animated heart icon for like/favorite actions","type":"registry:ui","source_url":"https://ui.tripled.work/r/heart-favorite-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/heart-favorite-shadcnui.json"},{"name":"hero-block-baseui","title":"Hero Block","description":"Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/hero-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/hero-block-baseui.json"},{"name":"hero-block-shadcnui","title":"Hero Block","description":"Personal portfolio hero section with animated avatar, staggered text, social links, and scroll indicator","type":"registry:block","source_url":"https://ui.tripled.work/r/hero-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/hero-block-shadcnui.json"},{"name":"hero-section-baseui","title":"Hero Section","description":"Hero section with staggered text and button reveal (Base UI)","type":"registry:page","source_url":"https://ui.tripled.work/r/hero-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/hero-section-baseui.json"},{"name":"hero-section-shadcnui","title":"Hero Section","description":"Hero section with staggered text and button reveal","type":"registry:page","source_url":"https://ui.tripled.work/r/hero-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/hero-section-shadcnui.json"},{"name":"holographic-wall-shadcnui","title":"Holographic Wall","description":"Black wall with Pharaonic hieroglyphs and golden cursor light reflection","type":"registry:ui","source_url":"https://ui.tripled.work/r/holographic-wall-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/holographic-wall-shadcnui.json"},{"name":"hover-expand-card-baseui","title":"Hover Expand Card","description":"Card that lifts and expands on hover (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/hover-expand-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/hover-expand-card-baseui.json"},{"name":"hover-expand-card-shadcnui","title":"Hover Expand Card","description":"Card that lifts and expands on hover","type":"registry:component","source_url":"https://ui.tripled.work/r/hover-expand-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/hover-expand-card-shadcnui.json"},{"name":"image-slider-card-shadcnui","title":"Accessible Image Slider Card","description":"Image carousel card with keyboard support, reduced motion handling, and screen reader-friendly labels","type":"registry:component","source_url":"https://ui.tripled.work/r/image-slider-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/image-slider-card-shadcnui.json"},{"name":"interactive-logs-table-baseui","title":"Interactive Logs Table","description":"Observability logs panel with animated filters, search, and expandable rows (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/interactive-logs-table-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/interactive-logs-table-baseui.json"},{"name":"interactive-logs-table-shadcnui","title":"Interactive Logs Table","description":"Observability logs panel with animated filters, search, and expandable rows","type":"registry:block","source_url":"https://ui.tripled.work/r/interactive-logs-table-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/interactive-logs-table-shadcnui.json"},{"name":"interactive-timeline-shadcnui","title":"Interactive Timeline","description":"Vertical timeline where elements animate and connect with lines on scroll","type":"registry:component","source_url":"https://ui.tripled.work/r/interactive-timeline-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/interactive-timeline-shadcnui.json"},{"name":"kanban-board-shadcnui","title":"Kanban Board","description":"Interactive Kanban board with drag-and-drop, glassmorphism styling, and task management features","type":"registry:block","source_url":"https://ui.tripled.work/r/kanban-board-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/kanban-board-shadcnui.json"},{"name":"liquid-cursor-shadcnui","title":"Liquid Cursor","description":"A liquid-like cursor effect that mixes colors on movement","type":"registry:ui","source_url":"https://ui.tripled.work/r/liquid-cursor-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/liquid-cursor-shadcnui.json"},{"name":"mac-searchbar-shadcnui","title":"Mac Searchbar","description":"Mac-style searchbar with animated dropdown, glassmorphism effects, and smooth transitions","type":"registry:component","source_url":"https://ui.tripled.work/r/mac-searchbar-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/mac-searchbar-shadcnui.json"},{"name":"magnetic-avatar-group-shadcnui","title":"Magnetic Avatar Group","description":"Stacked avatars that spread apart on hover showing tooltips","type":"registry:component","source_url":"https://ui.tripled.work/r/magnetic-avatar-group-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/magnetic-avatar-group-shadcnui.json"},{"name":"messenger-shadcnui","title":"Messenger","description":"Glassmorphism messenger workspace with accessible motion and quick replies","type":"registry:component","source_url":"https://ui.tripled.work/r/messenger-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/messenger-shadcnui.json"},{"name":"minimal-resume-baseui","title":"Minimal Resume","description":"Vercel-inspired minimal resume with clean typography and grid layout (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/minimal-resume-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/minimal-resume-baseui.json"},{"name":"minimal-resume-shadcnui","title":"Minimal Resume","description":"Vercel-inspired minimal resume with clean typography and grid layout","type":"registry:component","source_url":"https://ui.tripled.work/r/minimal-resume-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/minimal-resume-shadcnui.json"},{"name":"mood-gradient-button-shadcnui","title":"Mood Gradient Button","description":"Button with background gradient that shifts based on hover angle","type":"registry:ui","source_url":"https://ui.tripled.work/r/mood-gradient-button-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/mood-gradient-button-shadcnui.json"},{"name":"multiple-accounts-shadcnui","title":"Multiple Accounts Switcher","description":"Glassmorphic account switcher with animated dropdown and accessible listbox controls","type":"registry:component","source_url":"https://ui.tripled.work/r/multiple-accounts-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/multiple-accounts-shadcnui.json"},{"name":"n8n-workflow-block-baseui","title":"N8N Workflow Block","description":"Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/n8n-workflow-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/n8n-workflow-block-baseui.json"},{"name":"n8n-workflow-block-shadcnui","title":"N8N Workflow Block","description":"Visual workflow automation builder with animated nodes, connections, and real-time execution monitoring","type":"registry:block","source_url":"https://ui.tripled.work/r/n8n-workflow-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/n8n-workflow-block-shadcnui.json"},{"name":"native-action-dropdown-baseui","title":"Native Action Dropdown","description":"A click-driven action picker whose multi-level submenu opens beside the row and drills in place with an animated breadcrumb at a fixed width. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-action-dropdown-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-action-dropdown-baseui.json"},{"name":"native-action-dropdown-shadcnui","title":"Native Action Dropdown","description":"A click-driven action picker whose multi-level submenu opens beside the row, jumps straight to the selected item, and drills in place with an animated breadcru…","type":"registry:component","source_url":"https://ui.tripled.work/r/native-action-dropdown-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-action-dropdown-shadcnui.json"},{"name":"native-avatar-expand-baseui","title":"Native Avatar Expand","description":"Avatar component that expands to reveal the name on click with smooth animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-avatar-expand-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-avatar-expand-baseui.json"},{"name":"native-avatar-expand-shadcnui","title":"Native Avatar Expand","description":"Avatar component that expands to reveal the name on click with smooth animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-avatar-expand-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-avatar-expand-shadcnui.json"},{"name":"native-avatar-with-name-baseui","title":"Native Avatar With Name","description":"Avatar component that displays a name tooltip on hover with directional animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-avatar-with-name-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-avatar-with-name-baseui.json"},{"name":"native-avatar-with-name-shadcnui","title":"Native Avatar With Name","description":"Avatar component that displays a name tooltip on hover with directional animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-avatar-with-name-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-avatar-with-name-shadcnui.json"},{"name":"native-badge","title":"Native Badge","description":"Animated badge component with glass, glow, and outline variants for native feel.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-badge.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-badge.json"},{"name":"native-badge-carbon","title":"Native Badge","description":"Animated badge component with glass, glow, and outline variants for native feel.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-badge-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-badge-carbon.json"},{"name":"native-button-baseui","title":"Native Button","description":"Glassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-button-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-button-baseui.json"},{"name":"native-button-shadcnui","title":"Native Button","description":"Glassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling","type":"registry:component","source_url":"https://ui.tripled.work/r/native-button-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-button-shadcnui.json"},{"name":"native-counter-up","title":"Native Counter Up","description":"Animated number counter with smooth easing and accessibility support.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-counter-up.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-counter-up.json"},{"name":"native-counter-up-carbon","title":"Native Counter Up","description":"Animated number counter with smooth easing and accessibility support.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-counter-up-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-counter-up-carbon.json"},{"name":"native-delete-baseui","title":"Native Delete","description":"Delete button that expands to show a confirmation button with smooth animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-delete-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-delete-baseui.json"},{"name":"native-delete-shadcnui","title":"Native Delete","description":"Delete button that expands to show a confirmation button with smooth animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-delete-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-delete-shadcnui.json"},{"name":"native-dialog-baseui","title":"Native Dialog","description":"A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-dialog-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-dialog-baseui.json"},{"name":"native-dialog-shadcnui","title":"Native Dialog","description":"A glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-dialog-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-dialog-shadcnui.json"},{"name":"native-flip-text","title":"Native Flip Text","description":"Text that flips through words with a 3D blur transition.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-flip-text.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-flip-text.json"},{"name":"native-flip-text-baseui","title":"Native Flip Text","description":"Text that flips through words with a 3D blur transition. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-flip-text-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-flip-text-baseui.json"},{"name":"native-flip-text-carbon","title":"Native Flip Text","description":"Text that flips through words with a 3D blur transition.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-flip-text-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-flip-text-carbon.json"},{"name":"native-flip-text-shadcnui","title":"Native Flip Text","description":"Text that flips through words with a 3D blur transition.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-flip-text-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-flip-text-shadcnui.json"},{"name":"native-follow-cursor","title":"Native Follow Cursor","description":"Label that smoothly follows the cursor with spring physics and customizable variants.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-follow-cursor.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-follow-cursor.json"},{"name":"native-follow-cursor-carbon","title":"Native Follow Cursor","description":"Label that smoothly follows the cursor with spring physics and customizable variants.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-follow-cursor-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-follow-cursor-carbon.json"},{"name":"native-hover-card-baseui","title":"Native Hover Card","description":"Avatar card that expands on hover to reveal profile information with smooth animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-hover-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-hover-card-baseui.json"},{"name":"native-hover-card-shadcnui","title":"Native Hover Card","description":"Avatar card that expands on hover to reveal profile information with smooth animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-hover-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-hover-card-shadcnui.json"},{"name":"native-image-checkbox-baseui","title":"Native Image Checkbox","description":"Image checkbox component with grayscale filter and checkmark indicator. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-image-checkbox-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-image-checkbox-baseui.json"},{"name":"native-image-checkbox-carbon","title":"Native Image Checkbox","description":"Image checkbox component with grayscale filter and checkmark indicator.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-image-checkbox-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-image-checkbox-carbon.json"},{"name":"native-image-checkbox-shadcnui","title":"Native Image Checkbox","description":"Image checkbox component with grayscale filter and checkmark indicator.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-image-checkbox-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-image-checkbox-shadcnui.json"},{"name":"native-likes-counter-baseui","title":"Native Likes Counter","description":"An interactive likes counter with avatar stack, popup details, and smooth animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-likes-counter-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-likes-counter-baseui.json"},{"name":"native-likes-counter-shadcnui","title":"Native Likes Counter","description":"An interactive likes counter with avatar stack, popup details, and smooth animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-likes-counter-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-likes-counter-shadcnui.json"},{"name":"native-liquid-button-baseui","title":"Native Liquid Button","description":"Button with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-liquid-button-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-liquid-button-baseui.json"},{"name":"native-liquid-button-shadcnui","title":"Native Liquid Button","description":"Button with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-liquid-button-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-liquid-button-shadcnui.json"},{"name":"native-magnetic","title":"Native Magnetic","description":"Magnetic wrapper that applies a cursor-following effect to any content.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-magnetic.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-magnetic.json"},{"name":"native-magnetic-baseui","title":"Native Magnetic","description":"Magnetic wrapper that applies a cursor-following effect to any content. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-magnetic-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-magnetic-baseui.json"},{"name":"native-magnetic-carbon","title":"Native Magnetic","description":"Magnetic wrapper that applies a cursor-following effect to any content.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-magnetic-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-magnetic-carbon.json"},{"name":"native-magnetic-shadcnui","title":"Native Magnetic","description":"Magnetic wrapper that applies a cursor-following effect to any content.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-magnetic-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-magnetic-shadcnui.json"},{"name":"native-marquee-baseui","title":"Native Marquee","description":"A smooth, infinite scrolling marquee for logos or text. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-marquee-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-marquee-baseui.json"},{"name":"native-marquee-shadcnui","title":"Native Marquee","description":"A smooth, infinite scrolling marquee for logos or text.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-marquee-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-marquee-shadcnui.json"},{"name":"native-morphing-button-baseui","title":"Native Morphing Button","description":"Floating action button that morphs into a menu of actions. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-morphing-button-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-morphing-button-baseui.json"},{"name":"native-morphing-button-carbon","title":"Native Morphing Button","description":"Floating action button that morphs into a menu of actions.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-morphing-button-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-morphing-button-carbon.json"},{"name":"native-morphing-button-shadcnui","title":"Native Morphing Button","description":"Floating action button that morphs into a menu of actions.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-morphing-button-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-morphing-button-shadcnui.json"},{"name":"native-nested-list-baseui","title":"Native Nested List","description":"A nested list component with smooth expand/collapse animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-nested-list-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-nested-list-baseui.json"},{"name":"native-nested-list-shadcnui","title":"Native Nested List","description":"A nested list component with smooth expand/collapse animations, perfect for file explorers or navigation menus.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-nested-list-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-nested-list-shadcnui.json"},{"name":"native-notch-baseui","title":"Native Notch","description":"Dynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-notch-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-notch-baseui.json"},{"name":"native-notch-shadcnui","title":"Native Notch","description":"Dynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area","type":"registry:component","source_url":"https://ui.tripled.work/r/native-notch-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-notch-shadcnui.json"},{"name":"native-notification-bell-baseui","title":"Native Notification Bell","description":"Animated notification bell with badge and ringing effect. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-notification-bell-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-notification-bell-baseui.json"},{"name":"native-notification-bell-carbon","title":"Native Notification Bell","description":"Animated notification bell with badge and ringing effect.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-notification-bell-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-notification-bell-carbon.json"},{"name":"native-notification-bell-shadcnui","title":"Native Notification Bell","description":"Animated notification bell with badge and ringing effect.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-notification-bell-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-notification-bell-shadcnui.json"},{"name":"native-profile-notch-baseui","title":"Native Profile Notch","description":"A dynamic expanding notch component for displaying user profiles with smooth spring animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-profile-notch-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-profile-notch-baseui.json"},{"name":"native-profile-notch-shadcnui","title":"Native Profile Notch","description":"A dynamic expanding notch component for displaying user profiles with smooth spring animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-profile-notch-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-profile-notch-shadcnui.json"},{"name":"native-start-now-baseui","title":"Native Start Now","description":"Animated button with sparkle effects, loading states, and smooth transitions for starting actions. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-start-now-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-start-now-baseui.json"},{"name":"native-start-now-shadcnui","title":"Native Start Now","description":"Animated button with sparkle effects, loading states, and smooth transitions for starting actions.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-start-now-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-start-now-shadcnui.json"},{"name":"native-tabs-baseui","title":"Native Tabs","description":"A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-tabs-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-tabs-baseui.json"},{"name":"native-tabs-carbon","title":"Native Tabs","description":"A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-tabs-carbon.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-tabs-carbon.json"},{"name":"native-tabs-shadcnui","title":"Native Tabs","description":"A sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-tabs-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-tabs-shadcnui.json"},{"name":"native-tooltip-baseui","title":"Native Tooltip","description":"A glassmorphism-styled tooltip with smooth spring animations using Framer Motion. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-tooltip-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-tooltip-baseui.json"},{"name":"native-tooltip-shadcnui","title":"Native Tooltip","description":"A glassmorphism-styled tooltip with smooth spring animations using Framer Motion.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-tooltip-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-tooltip-shadcnui.json"},{"name":"native-typewriter","title":"Native Typewriter","description":"Typewriter effect with speed control, looping, and blinking cursor.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-typewriter.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-typewriter.json"},{"name":"native-typewriter-baseui","title":"Native Typewriter","description":"Typewriter effect with speed control, looping, and blinking cursor. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-typewriter-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-typewriter-baseui.json"},{"name":"native-typewriter-shadcnui","title":"Native Typewriter","description":"Typewriter effect with speed control, looping, and blinking cursor.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-typewriter-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-typewriter-shadcnui.json"},{"name":"native-user-card-baseui","title":"Native User Card","description":"Compact user profile card with avatar, name, handle, and action button with spring animations (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-user-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-user-card-baseui.json"},{"name":"native-user-card-shadcnui","title":"Native User Card","description":"Compact user profile card with avatar, name, handle, and action button with spring animations","type":"registry:component","source_url":"https://ui.tripled.work/r/native-user-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-user-card-shadcnui.json"},{"name":"native-verified-badge-baseui","title":"Native Verified Badge","description":"Verified badge component with multiple variants, sizes, and styles including outline and shield designs. (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/native-verified-badge-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-verified-badge-baseui.json"},{"name":"native-verified-badge-shadcnui","title":"Native Verified Badge","description":"Verified badge component with multiple variants, sizes, and styles including outline and shield designs.","type":"registry:component","source_url":"https://ui.tripled.work/r/native-verified-badge-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/native-verified-badge-shadcnui.json"},{"name":"new-hero-section-baseui","title":"New Hero Section","description":"Modern hero section with gradient background, animated stats, and call-to-action buttons (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/new-hero-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/new-hero-section-baseui.json"},{"name":"new-hero-section-shadcnui","title":"New Hero Section","description":"Modern hero section with gradient background, animated stats, and call-to-action buttons","type":"registry:block","source_url":"https://ui.tripled.work/r/new-hero-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/new-hero-section-shadcnui.json"},{"name":"news-feed-shadcnui","title":"News Feed","description":"Interactive news feed with categories, search, and animated cards","type":"registry:component","source_url":"https://ui.tripled.work/r/news-feed-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/news-feed-shadcnui.json"},{"name":"newsletter-signup-block-baseui","title":"Newsletter Signup Block","description":"Animated newsletter subscription form with success state and gradient background (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/newsletter-signup-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/newsletter-signup-block-baseui.json"},{"name":"newsletter-signup-block-shadcnui","title":"Newsletter Signup Block","description":"Animated newsletter subscription form with success state and gradient background","type":"registry:block","source_url":"https://ui.tripled.work/r/newsletter-signup-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/newsletter-signup-block-shadcnui.json"},{"name":"notification-center-shadcnui","title":"Notification Center","description":"Multi-variant notification stack with accessible announcements, actions, and motion states","type":"registry:component","source_url":"https://ui.tripled.work/r/notification-center-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/notification-center-shadcnui.json"},{"name":"notion-blog-page-baseui","title":"Notion Blog Page","description":"Notion-style publishing playbook with rich text, toggles, and supporting visuals (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/notion-blog-page-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/notion-blog-page-baseui.json"},{"name":"notion-blog-page-shadcnui","title":"Notion Blog Page","description":"Notion-style publishing playbook with rich text, toggles, and supporting visuals","type":"registry:block","source_url":"https://ui.tripled.work/r/notion-blog-page-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/notion-blog-page-shadcnui.json"},{"name":"our-services-section-baseui","title":"Our Services","description":"Services section with service cards, badges, icons, and hover animations (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/our-services-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/our-services-section-baseui.json"},{"name":"our-services-section-shadcnui","title":"Our Services","description":"Services section with service cards, badges, icons, and hover animations","type":"registry:block","source_url":"https://ui.tripled.work/r/our-services-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/our-services-section-shadcnui.json"},{"name":"password-input-shadcnui","title":"Password Input","description":"Password input with toggle visibility and strength indicator","type":"registry:component","source_url":"https://ui.tripled.work/r/password-input-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/password-input-shadcnui.json"},{"name":"preview-details-card-shadcnui","title":"Preview Details Card","description":"Link card that reveals a smooth detail preview box on hover","type":"registry:ui","source_url":"https://ui.tripled.work/r/preview-details-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/preview-details-card-shadcnui.json"},{"name":"pricing-section-baseui","title":"Pricing Section","description":"Animated pricing cards with hover effects and feature lists (Base UI)","type":"registry:page","source_url":"https://ui.tripled.work/r/pricing-section-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/pricing-section-baseui.json"},{"name":"pricing-section-shadcnui","title":"Pricing Section","description":"Animated pricing cards with hover effects and feature lists","type":"registry:page","source_url":"https://ui.tripled.work/r/pricing-section-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/pricing-section-shadcnui.json"},{"name":"professional-resume-baseui","title":"Professional Resume","description":"Clean, formal resume template suitable for corporate applications (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/professional-resume-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/professional-resume-baseui.json"},{"name":"professional-resume-shadcnui","title":"Professional Resume","description":"Clean, formal resume template suitable for corporate applications","type":"registry:component","source_url":"https://ui.tripled.work/r/professional-resume-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/professional-resume-shadcnui.json"},{"name":"profile-page-shadcnui","title":"Profile Page","description":"User profile with gradient cover, stats, and posts feed","type":"registry:page","source_url":"https://ui.tripled.work/r/profile-page-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/profile-page-shadcnui.json"},{"name":"project-card-baseui","title":"Project Card","description":"Glassmorphism project card with links, tags, and hover effects (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/project-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/project-card-baseui.json"},{"name":"project-card-shadcnui","title":"Project Card","description":"Glassmorphism project card with links, tags, and hover effects","type":"registry:component","source_url":"https://ui.tripled.work/r/project-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/project-card-shadcnui.json"},{"name":"projects-block-baseui","title":"Projects Block","description":"Animated project card with hover effects, image zoom, and link buttons (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/projects-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/projects-block-baseui.json"},{"name":"projects-block-shadcnui","title":"Projects Block","description":"Animated project card with hover effects, image zoom, and link buttons","type":"registry:component","source_url":"https://ui.tripled.work/r/projects-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/projects-block-shadcnui.json"},{"name":"reactive-background-grid-shadcnui","title":"Reactive Background Grid","description":"Background pattern that reacts to mouse movement and click ripples","type":"registry:ui","source_url":"https://ui.tripled.work/r/reactive-background-grid-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/reactive-background-grid-shadcnui.json"},{"name":"resume-card-baseui","title":"Interactive Resume Card","description":"Professional resume template with animated sections and interactive elements (Base UI)","type":"registry:component","source_url":"https://ui.tripled.work/r/resume-card-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/resume-card-baseui.json"},{"name":"resume-card-shadcnui","title":"Interactive Resume Card","description":"Professional resume template with animated sections and interactive elements","type":"registry:component","source_url":"https://ui.tripled.work/r/resume-card-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/resume-card-shadcnui.json"},{"name":"ripple-click-button-shadcnui","title":"Ripple Click Effect","description":"Material design inspired ripple effect on click","type":"registry:ui","source_url":"https://ui.tripled.work/r/ripple-click-button-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/ripple-click-button-shadcnui.json"},{"name":"scale-hover-button-shadcnui","title":"Scale Hover Button","description":"A button that scales up smoothly on hover","type":"registry:ui","source_url":"https://ui.tripled.work/r/scale-hover-button-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/scale-hover-button-shadcnui.json"},{"name":"scroll-progress-tracker-shadcnui","title":"Scroll Progress Tracker","description":"Fixed progress bar that follows scroll and glows on section changes","type":"registry:page","source_url":"https://ui.tripled.work/r/scroll-progress-tracker-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/scroll-progress-tracker-shadcnui.json"},{"name":"scroll-reveal-baseui","title":"Scroll Reveal","description":"Section that animates into view on scroll with intersection observer (Base UI)","type":"registry:page","source_url":"https://ui.tripled.work/r/scroll-reveal-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/scroll-reveal-baseui.json"},{"name":"scroll-reveal-shadcnui","title":"Scroll Reveal","description":"Section that animates into view on scroll with intersection observer","type":"registry:page","source_url":"https://ui.tripled.work/r/scroll-reveal-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/scroll-reveal-shadcnui.json"},{"name":"services-grid-block-baseui","title":"Services Grid","description":"8-column responsive services grid with icons, features, and hover effects (Base UI)","type":"registry:block","source_url":"https://ui.tripled.work/r/services-grid-block-baseui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/services-grid-block-baseui.json"},{"name":"services-grid-block-shadcnui","title":"Services Grid","description":"8-column responsive services grid with icons, features, and hover effects","type":"registry:block","source_url":"https://ui.tripled.work/r/services-grid-block-shadcnui.json","install_command":"npx shadcn@latest add https://ui.tripled.work/r/services-grid-block-shadcnui.json"}]},{"id":"uniquel","name":"@uniquel","slug":"uniquel","description":"Minimalist components for React / Next.js: animated backgrounds, galleries, badges, and conversion blocks. Built with Tailwind CSS and Motion, installable with the shadcn CLI.","author":null,"framework":"react","license":null,"tags":["animation","backgrounds","blocks","buttons","cards","forms","glassmorphism","icons","loaders","media","navigation","onboarding","overlays","pro-available"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://uniquel.io","github":null,"registry":"https://uniquel.io/r/registry.json","source":"https://uniquel.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uniquel","markdown":"https://sh4dcn.netlify.app/md/uniquel.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'><path fill='var(--foreground)' d='M37 23h31v117l10 10h44l10-10V23h31v128l-25 25H62L37 151V23z' /><rect x='132' y='22' width='31' height='31' fill='#4BC4BE' /></svg>","preview_image":"https://uniquel.io/images/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://uniquel.io/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uniquel.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uniquel.io/r/registry.json","install_bun":"bunx shadcn@latest add https://uniquel.io/r/registry.json","registry_fetch":"curl -s https://uniquel.io/r/registry.json"},"component_count":58,"components":[{"name":"pin-input","title":"PIN Input","description":"A six-digit PIN input with paste support and keyboard navigation for verification codes.","type":"registry:component","source_url":"https://uniquel.io/r/pin-input.json","install_command":"npx shadcn@latest add https://uniquel.io/r/pin-input.json"},{"name":"search-input-with-icon","title":"Search Input With Icon","description":"A premium search input with a focused state and an icon that becomes a submit action as you type.","type":"registry:component","source_url":"https://uniquel.io/r/search-input-with-icon.json","install_command":"npx shadcn@latest add https://uniquel.io/r/search-input-with-icon.json"},{"name":"typing-animation","title":"Typing Animation","description":"A minimal typing animation with smart backspacing, an optional cursor, and adjustable speed.","type":"registry:component","source_url":"https://uniquel.io/r/typing-animation.json","install_command":"npx shadcn@latest add https://uniquel.io/r/typing-animation.json"},{"name":"confetti-fireworks","title":"Confetti Fireworks","description":"A button-triggered canvas confetti burst with a center launch and three quick side volleys.","type":"registry:component","source_url":"https://uniquel.io/r/confetti-fireworks.json","install_command":"npx shadcn@latest add https://uniquel.io/r/confetti-fireworks.json"},{"name":"iphone-duo-closed-mockup","title":"iPhone Duo Closed Mockup","description":"A single folded iPhone Duo with a replaceable 1398 × 2034 external display and polished silver frame.","type":"registry:component","source_url":"https://uniquel.io/r/iphone-duo-closed-mockup.json","install_command":"npx shadcn@latest add https://uniquel.io/r/iphone-duo-closed-mockup.json"},{"name":"iphone-duo-open-mockup","title":"iPhone Duo Open Mockup","description":"A single fully open iPhone Duo with a flat, replaceable 2670 × 1878 display and subtle hinge detail.","type":"registry:component","source_url":"https://uniquel.io/r/iphone-duo-open-mockup.json","install_command":"npx shadcn@latest add https://uniquel.io/r/iphone-duo-open-mockup.json"},{"name":"iphone-duo-mockup","title":"iPhone Duo Mockup","description":"A silver foldable concept with polished edges, dual cameras, and one easily replaceable screenshot.","type":"registry:component","source_url":"https://uniquel.io/r/iphone-duo-mockup.json","install_command":"npx shadcn@latest add https://uniquel.io/r/iphone-duo-mockup.json"},{"name":"wavy-tide","title":"Wavy Tide","description":"Animated canvas waves that fill the container and drift with the pointer - a softer, SaaS-ready take on classic wavy backgrounds.","type":"registry:component","source_url":"https://uniquel.io/r/wavy-tide.json","install_command":"npx shadcn@latest add https://uniquel.io/r/wavy-tide.json"},{"name":"meteor-shower","title":"Meteor Shower","description":"Subtle canvas meteors drifting across a dark sky - a quiet animated background for heroes and landing sections.","type":"registry:component","source_url":"https://uniquel.io/r/meteor-shower.json","install_command":"npx shadcn@latest add https://uniquel.io/r/meteor-shower.json"},{"name":"neon-flow","title":"Neon Flow","description":"Staggered neon trails that sweep across a dark field - colors are prop-driven for easy theming.","type":"registry:component","source_url":"https://uniquel.io/r/neon-flow.json","install_command":"npx shadcn@latest add https://uniquel.io/r/neon-flow.json"},{"name":"desert-dune","title":"Desert Dune","description":"Soft layered waves in parallax drift - cool indigo tones by default, colors via props.","type":"registry:component","source_url":"https://uniquel.io/r/desert-dune.json","install_command":"npx shadcn@latest add https://uniquel.io/r/desert-dune.json"},{"name":"aurora","title":"Aurora","description":"Minimal aurora borealis light - fanned curtains in tones of a single green, drifting slowly across a deep night sky.","type":"registry:component","source_url":"https://uniquel.io/r/aurora.json","install_command":"npx shadcn@latest add https://uniquel.io/r/aurora.json"},{"name":"coverflow-gallery","title":"Coverflow Gallery","description":"3D coverflow carousel with keyboard, dot nav, and optional autoplay that pauses on hover.","type":"registry:component","source_url":"https://uniquel.io/r/coverflow-gallery.json","install_command":"npx shadcn@latest add https://uniquel.io/r/coverflow-gallery.json"},{"name":"arch-gallery","title":"Arch Gallery","description":"Fanned photo arch with center-forward stacking; hover lifts a card and scales it up.","type":"registry:component","source_url":"https://uniquel.io/r/arch-gallery.json","install_command":"npx shadcn@latest add https://uniquel.io/r/arch-gallery.json"},{"name":"integration-hub","title":"Integration Hub","description":"Brand hub with a pyramid of connected apps and a looping pulse that travels down each branch.","type":"registry:component","source_url":"https://uniquel.io/r/integration-hub.json","install_command":"npx shadcn@latest add https://uniquel.io/r/integration-hub.json"},{"name":"avatar-stack","title":"Avatar Stack","description":"Layered portraits with grayscale-to-color hover, spring lift, and a glass +N counter.","type":"registry:component","source_url":"https://uniquel.io/r/avatar-stack.json","install_command":"npx shadcn@latest add https://uniquel.io/r/avatar-stack.json"},{"name":"rating-badge","title":"Rating Badge","description":"Editorial rating with sequentially drawn stars, review count, and a soft luminous edge.","type":"registry:component","source_url":"https://uniquel.io/r/rating-badge.json","install_command":"npx shadcn@latest add https://uniquel.io/r/rating-badge.json"},{"name":"promo-pill","title":"Promo Pill","description":"Translucent offer marker with a low-frequency glow pulse and optional dismiss.","type":"registry:component","source_url":"https://uniquel.io/r/promo-pill.json","install_command":"npx shadcn@latest add https://uniquel.io/r/promo-pill.json"},{"name":"button-group","title":"Button Group","description":"Primary and secondary actions as one unit - depth on hover, underline reveal on the quiet CTA.","type":"registry:component","source_url":"https://uniquel.io/r/button-group.json","install_command":"npx shadcn@latest add https://uniquel.io/r/button-group.json"},{"name":"feature-chip","title":"Feature Chip","description":"Minimal metadata token with an independent icon hover and soft selected bloom.","type":"registry:component","source_url":"https://uniquel.io/r/feature-chip.json","install_command":"npx shadcn@latest add https://uniquel.io/r/feature-chip.json"},{"name":"integration-badge","title":"Integration Badge","description":"Sculptural app mark in a precise tile - muted to full color with a near-imperceptible lift.","type":"registry:component","source_url":"https://uniquel.io/r/integration-badge.json","install_command":"npx shadcn@latest add https://uniquel.io/r/integration-badge.json"},{"name":"accordion-chevron","title":"Accordion Chevron","description":"Minimal accordion with a subtly animated chevron for compact FAQs and supporting details.","type":"registry:component","source_url":"https://uniquel.io/r/accordion-chevron.json","install_command":"npx shadcn@latest add https://uniquel.io/r/accordion-chevron.json"},{"name":"scroll-progress-indicator","title":"Scroll Progress Indicator","description":"A circular scroll progress indicator that doubles as a compact return-to-top control.","type":"registry:component","source_url":"https://uniquel.io/r/scroll-progress-indicator.json","install_command":"npx shadcn@latest add https://uniquel.io/r/scroll-progress-indicator.json"},{"name":"reading-progress","title":"Reading Progress","description":"A drawn-line progress indicator with spring-smoothed scroll tracking and a fading percentage.","type":"registry:component","source_url":"https://uniquel.io/r/reading-progress.json","install_command":"npx shadcn@latest add https://uniquel.io/r/reading-progress.json"},{"name":"quote-highlight","title":"Quote Highlight","description":"Editorial pull quote with oversized glyph, expanding rule, and blurred fade-in.","type":"registry:component","source_url":"https://uniquel.io/r/quote-highlight.json","install_command":"npx shadcn@latest add https://uniquel.io/r/quote-highlight.json"},{"name":"announcement-bar","title":"Announcement Bar","description":"Restrained product update strip with gradient sheen and a clean collapse dismiss.","type":"registry:component","source_url":"https://uniquel.io/r/announcement-bar.json","install_command":"npx shadcn@latest add https://uniquel.io/r/announcement-bar.json"},{"name":"language-selector","title":"Language Selector","description":"Minimal locale control with scaled blur-sm menu and staggered options - no native select chrome.","type":"registry:component","source_url":"https://uniquel.io/r/language-selector.json","install_command":"npx shadcn@latest add https://uniquel.io/r/language-selector.json"},{"name":"spinner-overlay","title":"Spinner Overlay","description":"A centered spinner overlay for blocking a page or panel while content loads.","type":"registry:component","source_url":"https://uniquel.io/r/spinner-overlay.json","install_command":"npx shadcn@latest add https://uniquel.io/r/spinner-overlay.json"},{"name":"bouncing-dots-overlay","title":"Bouncing Dots Overlay","description":"A light three-dot loading overlay with staggered motion.","type":"registry:component","source_url":"https://uniquel.io/r/bouncing-dots-overlay.json","install_command":"npx shadcn@latest add https://uniquel.io/r/bouncing-dots-overlay.json"},{"name":"wave-bars-overlay","title":"Wave Bars Overlay","description":"Five staggered bars that create a compact equalizer-style loading overlay.","type":"registry:component","source_url":"https://uniquel.io/r/wave-bars-overlay.json","install_command":"npx shadcn@latest add https://uniquel.io/r/wave-bars-overlay.json"},{"name":"skeleton-overlay","title":"Skeleton Overlay","description":"A card-shaped skeleton overlay for loading dashboards, forms, and content panels.","type":"registry:component","source_url":"https://uniquel.io/r/skeleton-overlay.json","install_command":"npx shadcn@latest add https://uniquel.io/r/skeleton-overlay.json"},{"name":"compact-card","title":"Compact Card","description":"Editorial card with a full-bleed image, story metadata, and optional link wrapper.","type":"registry:component","source_url":"https://uniquel.io/r/compact-card.json","install_command":"npx shadcn@latest add https://uniquel.io/r/compact-card.json"},{"name":"horizontal-card","title":"Horizontal Card","description":"Side-by-side product card with image, price, and a clear action.","type":"registry:component","source_url":"https://uniquel.io/r/horizontal-card.json","install_command":"npx shadcn@latest add https://uniquel.io/r/horizontal-card.json"},{"name":"metric-card","title":"Metric Card","description":"Compact dashboard metric with a trend badge and inline sparkline.","type":"registry:component","source_url":"https://uniquel.io/r/metric-card.json","install_command":"npx shadcn@latest add https://uniquel.io/r/metric-card.json"},{"name":"card-stack","title":"Card Stack","description":"Layered testimonial cards that cycle forward with a spring stack. Click the front card to advance.","type":"registry:component","source_url":"https://uniquel.io/r/card-stack.json","install_command":"npx shadcn@latest add https://uniquel.io/r/card-stack.json"},{"name":"dark-mode-toggle","title":"Dark Mode Toggle","description":"Compact sun and moon switch that persists theme preference and toggles the document dark class.","type":"registry:component","source_url":"https://uniquel.io/r/dark-mode-toggle.json","install_command":"npx shadcn@latest add https://uniquel.io/r/dark-mode-toggle.json"},{"name":"pagination-with-ellipsis","title":"Pagination with Ellipsis","description":"Numbered pagination that keeps the current page visible and collapses long ranges with ellipses.","type":"registry:component","source_url":"https://uniquel.io/r/pagination-with-ellipsis.json","install_command":"npx shadcn@latest add https://uniquel.io/r/pagination-with-ellipsis.json"},{"name":"pagination-with-dots","title":"Pagination with Dots","description":"Compact pagination controls with arrows and dots by default, plus optional page numbers.","type":"registry:component","source_url":"https://uniquel.io/r/pagination-with-dots.json","install_command":"npx shadcn@latest add https://uniquel.io/r/pagination-with-dots.json"},{"name":"react-stepper","title":"React Stepper","description":"Minimal React stepper with clear completed, current, and upcoming states for multi-step flows.","type":"registry:component","source_url":"https://uniquel.io/r/react-stepper.json","install_command":"npx shadcn@latest add https://uniquel.io/r/react-stepper.json"},{"name":"horizontal-react-splitter","title":"Horizontal React Splitter","description":"A clean side-by-side React splitter for inboxes, editors, and dashboard layouts.","type":"registry:component","source_url":"https://uniquel.io/r/horizontal-react-splitter.json","install_command":"npx shadcn@latest add https://uniquel.io/r/horizontal-react-splitter.json"},{"name":"vertical-react-splitter","title":"Vertical React Splitter","description":"A stacked React splitter for charts, activity feeds, consoles, and detail panels.","type":"registry:component","source_url":"https://uniquel.io/r/vertical-react-splitter.json","install_command":"npx shadcn@latest add https://uniquel.io/r/vertical-react-splitter.json"},{"name":"nested-react-splitter","title":"Nested React Splitter","description":"A flexible React splitter layout with an independent sidebar and stacked workspace panels.","type":"registry:component","source_url":"https://uniquel.io/r/nested-react-splitter.json","install_command":"npx shadcn@latest add https://uniquel.io/r/nested-react-splitter.json"},{"name":"input-spinner","title":"Input Spinner","description":"A minimalist input spinner for choosing quantities with buttons, typing, or arrow keys.","type":"registry:component","source_url":"https://uniquel.io/r/input-spinner.json","install_command":"npx shadcn@latest add https://uniquel.io/r/input-spinner.json"},{"name":"vertical-slider","title":"Vertical Slider","description":"A vertical range input with configurable value labels, thumb shapes, colors, and height.","type":"registry:component","source_url":"https://uniquel.io/r/vertical-slider.json","install_command":"npx shadcn@latest add https://uniquel.io/r/vertical-slider.json"},{"name":"background-grid","title":"Background Grid","description":"A static 3D background grid - a glowing wireframe perspective grid that recedes into the dark, with depth from atmospheric falloff and light pooling at each in…","type":"registry:component","source_url":"https://uniquel.io/r/background-grid.json","install_command":"npx shadcn@latest add https://uniquel.io/r/background-grid.json"},{"name":"scrollable-carousel","title":"Scrollable Carousel","description":"Responsive horizontal carousel with native scrolling, scroll snapping, and accessible previous and next controls.","type":"registry:component","source_url":"https://uniquel.io/r/scrollable-carousel.json","install_command":"npx shadcn@latest add https://uniquel.io/r/scrollable-carousel.json"},{"name":"svg-blob-animation","title":"SVG Blob Animation","description":"Lightweight SVG blob that smoothly morphs between organic shapes with customizable colors and speed.","type":"registry:component","source_url":"https://uniquel.io/r/svg-blob-animation.json","install_command":"npx shadcn@latest add https://uniquel.io/r/svg-blob-animation.json"},{"name":"react-search-bar","title":"React Search Bar","description":"Accessible React search bar with highlighted results, keyboard navigation, and polished loading and empty states.","type":"registry:component","source_url":"https://uniquel.io/r/react-search-bar.json","install_command":"npx shadcn@latest add https://uniquel.io/r/react-search-bar.json"},{"name":"file-upload-component","title":"File Upload Component","description":"Polished file upload component with drag and drop, validation, progress, errors, and removable file rows.","type":"registry:component","source_url":"https://uniquel.io/r/file-upload-component.json","install_command":"npx shadcn@latest add https://uniquel.io/r/file-upload-component.json"},{"name":"animated-next-button","title":"Animated Next Button","description":"Compact next button with a looping arrow reveal, crisp press feedback, and loading and disabled states.","type":"registry:component","source_url":"https://uniquel.io/r/animated-next-button.json","install_command":"npx shadcn@latest add https://uniquel.io/r/animated-next-button.json"},{"name":"animated-slider","title":"Animated Slider","description":"Premium animated image and content slider with directional transitions, swipe gestures, captions, and numbered progress.","type":"registry:component","source_url":"https://uniquel.io/r/animated-slider.json","install_command":"npx shadcn@latest add https://uniquel.io/r/animated-slider.json"},{"name":"liquid-button","title":"Liquid Button","description":"Minimal liquid button with a curved dark fill that rises on hover, focus, and press.","type":"registry:component","source_url":"https://uniquel.io/r/liquid-button.json","install_command":"npx shadcn@latest add https://uniquel.io/r/liquid-button.json"},{"name":"skeleton-loader","title":"Skeleton Loader","description":"Reusable skeleton loader with rounded shapes and a quiet reduced-motion shimmer.","type":"registry:component","source_url":"https://uniquel.io/r/skeleton-loader.json","install_command":"npx shadcn@latest add https://uniquel.io/r/skeleton-loader.json"},{"name":"spinner-component","title":"Spinner Component","description":"Thin inline loading spinner sized for buttons, cards, and compact panels.","type":"registry:component","source_url":"https://uniquel.io/r/spinner-component.json","install_command":"npx shadcn@latest add https://uniquel.io/r/spinner-component.json"},{"name":"react-number-input","title":"React Number Input","description":"Labeled React number input with an optional unit, stacked controls, bounds, and empty values.","type":"registry:component","source_url":"https://uniquel.io/r/react-number-input.json","install_command":"npx shadcn@latest add https://uniquel.io/r/react-number-input.json"},{"name":"drawer","title":"Drawer","description":"Flexible Base UI drawer primitive for focused tasks, panels, and mobile sheets.","type":"registry:component","source_url":"https://uniquel.io/r/drawer.json","install_command":"npx shadcn@latest add https://uniquel.io/r/drawer.json"},{"name":"modal","title":"Modal","description":"Flexible Base UI modal primitive for confirmations, forms, sharing, and command dialogs.","type":"registry:component","source_url":"https://uniquel.io/r/modal.json","install_command":"npx shadcn@latest add https://uniquel.io/r/modal.json"},{"name":"tabs","title":"Tabs","description":"Base UI tabs with default, line, vertical, disabled, and icon compositions.","type":"registry:component","source_url":"https://uniquel.io/r/tabs.json","install_command":"npx shadcn@latest add https://uniquel.io/r/tabs.json"}]},{"id":"unlumen-ui","name":"@unlumen-ui","slug":"unlumen-ui","description":"Fully animated, open-source component registry built with React, TypeScript, Tailwind CSS, and Motion (motion/react), installable via the shadcn CLI. Ships 27+ components across categories: buttons (Copy Button, Glow Button, Magnetic Button, Refresh Button), text effects (Count Up, Scramble Text, Shimmering Text, Text Reveal), UI primitives (Clipped Circle, Command Menu, Cursor, Floating Tooltip, Glowing Badge, Kbd, Math Graph, Orbiting Skills, Progressive Blur, Shimmer Skeleton, Slider, Switch, Theme Switch, Tilt Card, Tooltip Preview, Velocity Highlight), and backgrounds (Pixel Background). Free tier plus one-time Pro purchase. Use for: adding polished, animation-forward primitive components without a heavy runtime dependency.","author":"wicki-leonard-emf","framework":"react","license":null,"tags":["aesthetic","ai","animation","backgrounds","buttons","cards","charts","dashboard","design-system","forms","glassmorphism","hooks","icons","loaders","marketing","media","navigation","overlays","pro-available","retro","text-effects","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://ui.unlumen.com","github":"https://github.com/wicki-leonard-emf/unlumen-ui-pv","registry":"https://ui.unlumen.com/r/registry.json","source":"https://ui.unlumen.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/unlumen-ui","markdown":"https://sh4dcn.netlify.app/md/unlumen-ui.md"},"logo":"<svg width='1000' height='851' viewBox='0 0 1000 851' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M89.0175 0.70967C96.3965 0.199513 110.014 -0.184065 117.765 0.0926296C152.178 1.32046 198.091 -1.24762 229.947 11.544C241.441 16.1598 257.026 30.2516 265.485 38.8488C284.17 57.8417 306.259 83.3236 313.189 109.224C317.793 126.431 315.392 149.958 315.27 167.967L315.202 231.257L315.241 528.788C324.554 528.521 333.483 528.694 342.789 528.851L343.672 112.172C343.872 93.2123 343.789 72.5781 346.077 53.8312C347.626 41.1347 352.51 30.0739 361.566 21.0413C378.508 4.14558 396.153 3.37994 418.547 2.39815C429.779 1.86598 441.021 1.59399 452.265 1.58063L634.756 1.56492L679.337 1.61995C689.482 1.6003 714.849 0.761566 724.437 3.73761C764.672 16.229 817.873 74.5425 827.217 115.254C829.63 125.755 828.459 166.43 828.474 178.158C873.668 177.597 915.169 174.548 951.074 208.196C969.282 225.263 987.631 250.916 994.279 275.44C995.867 281.309 996.865 294.906 997.045 301.176C1000.25 409.92 1000.04 518.923 999.969 627.691C999.945 662.813 999.599 697.942 998.939 733.055C998.672 755.152 998.876 778.459 996.487 800.24C993.784 815.616 985.101 829.34 972.142 837.626C952.284 850.321 931.946 850.014 909.432 850.58C889.063 850.949 868.686 851.075 848.309 850.957C785.67 849.99 760.318 846.029 714.716 799.132C703.863 787.962 694.001 775.566 690.716 759.955C683.557 725.902 683.754 687.511 683.762 652.869L683.801 566.197C683.785 486.058 682.551 402.45 684.092 322.564C675.353 322.526 666.615 322.56 657.884 322.666L657.947 327.869C658.976 422.339 657.695 518.853 657.624 613.511L657.467 698.964C657.593 730.265 657.939 762.266 654.882 793.402C653.082 804.925 652.092 819.004 643.267 827.564C617.924 852.128 591.669 849.699 558.868 850.179C541.1 850.501 523.34 850.714 505.572 850.816L366.593 850.847L320.779 850.407C261.621 849.81 253.339 841.973 209.97 801.152C167.882 761.534 171.155 728.858 170.903 675.531C116.681 675.885 95.2484 677.135 53.0329 637.698C33.2258 619.194 10.7767 597.663 5.007 569.593C3.45024 562.023 3.0023 544.203 2.72804 536.107C1.09506 482.08 0.290372 428.023 0.315519 373.969C-0.106478 314.362 -0.104908 254.753 0.318661 195.147C0.489188 163.32 0.959906 131.495 1.73082 99.6777C2.44986 72.4193 -0.698237 42.6502 19.7117 21.9798C39.4182 2.02242 62.8717 1.43521 89.0175 0.70967Z' fill='black'/><path d='M92.6881 35.9961C93.7537 35.9183 94.8209 35.8617 95.8888 35.8264C121.554 34.9129 192.21 34.2935 213.745 43.1069C221.875 46.4343 229.206 53.1237 235.523 59.0569C251.574 74.1321 272.929 96.7763 278.725 118.076C282.938 133.555 280.1 151.879 279.87 167.841C279.641 183.782 279.825 199.75 279.829 215.693L279.854 433.957C279.852 470.219 278.624 506.849 279.888 543.063C280.105 549.281 280.537 555.601 285.548 559.956C288.861 562.833 293.039 563.533 297.27 564.083C306.836 565.317 316.902 564.193 326.538 564.169C337.397 564.146 348.416 565.057 359.249 564.209C366.67 563.619 373.472 562.22 376.392 554.453C380.445 543.669 378.191 475.564 378.192 459.135L379.056 114.982C379.219 97.3548 379.173 79.9325 380.662 62.3545C382.208 44.1044 391.85 39.3472 408.746 38.3842C440.551 36.5716 472.266 37.0164 504.102 37.0062L627.692 37.0094L679.463 37.0723C688.5 37.0542 707.203 36.5433 715.557 38.1264C727.117 42.2902 738.354 50.0282 747.258 58.9021C764.106 75.6877 784.389 97.0891 792.011 119.931C793.504 124.407 792.97 138.453 793.009 143.485C793.135 159.224 792.632 174.908 792.954 190.641C793.693 214.152 806.211 213.542 824.545 213.616C859.947 213.76 900.033 207.626 927.663 234.889C940.685 247.733 953.07 263.917 959.144 281.478C961.345 288.211 961.706 303.213 961.91 310.408C964.323 416.829 965.18 523.278 964.488 629.727C964.504 665.273 964.166 700.827 963.482 736.365C963.215 754.287 963.309 773.459 961.942 791.279C959.938 817.471 924.858 814.806 905.927 814.877C904.222 814.971 902.524 815.058 900.827 815.128C868.285 816.402 814.345 817.322 782.951 807.779C774.849 805.318 754.275 788.253 747.43 781.721C740.326 774.953 727.769 762.792 725.45 752.809C720.806 732.812 720.067 710.024 719.627 689.657C719.124 664.88 718.975 640.103 719.164 615.326L719.18 405.83C719.18 373.096 719.305 340.256 719.352 307.52C719.376 286.995 705.962 287.117 689.388 287.087C670.638 287.054 651.644 287.055 632.776 288.017C628.014 291.17 626.607 292.845 623.48 297.594C622.097 314.597 622.552 330.844 622.576 347.866L622.615 419.903L621.979 682.755C621.696 712.916 623.998 775.055 617.201 803.18C599.048 818.296 576.895 814.468 554.436 814.751C523.631 815.333 492.818 815.584 462.007 815.498C420.085 815.663 378.161 815.537 336.24 815.121C321.499 814.885 295.944 816.936 282.621 812.149C264.234 805.531 248.018 788.96 234.423 775.354C226.351 767.273 217.799 758.28 213.102 747.708C203.328 725.706 206.355 667.521 206.366 641.007C176.096 637.148 138.521 645.063 109.812 635.041C103.629 632.887 89.4363 622.825 84.7409 618.455C69.0665 603.881 40.5286 580.802 39.3176 558.36C36.9491 514.435 36.3581 469.944 36.0925 426.105C35.5739 368.94 35.3531 311.773 35.4301 254.606C35.5369 209.984 35.9393 165.363 36.6348 120.747C37.0756 101.017 37.0418 78.4185 39.1612 58.9092C41.7435 35.1315 74.8385 36.5825 92.6881 35.9961Z' fill='white'/><path d='M488.448 56.4606C537.249 56.0691 586.05 56.2767 634.851 57.0824C655.487 57.4479 676.17 57.7772 696.791 58.7496C703.337 59.0585 711.863 59.4342 717.136 63.6546C719.085 68.0998 719.478 73.2777 719.714 78.0892C720.861 101.532 719.73 125.325 719.8 148.804C719.847 164.029 721.702 180.731 719.792 195.766C719.329 199.399 718.456 203.255 715.8 205.942C712.405 209.375 707.195 210.766 702.559 211.418C691.054 213.036 678.182 211.913 666.52 211.866C640.595 211.763 614.631 211.309 588.714 211.54C579.237 211.624 558.758 211.706 553.579 221.304C548.196 231.282 549.995 313.006 549.972 330.166L548.557 673.763C548.518 687.794 548.526 701.353 547.819 715.385C546.53 740.79 524.086 738.691 504.629 739.242C489.069 739.761 473.504 739.988 457.937 739.926C410.113 740.586 362.284 740.672 314.459 740.169C290.415 739.902 266.166 739.438 242.198 737.544C231.183 736.64 229.287 731.64 228.711 721.587C226.629 685.294 228.746 648.522 227.726 612.214C226.979 585.66 234.501 584.481 259.145 584.843C298.238 585.409 337.152 587.075 376.121 584.041C381.564 583.617 392.532 581.478 394.956 574.475C398.149 548.896 397.18 509.066 397.352 484.344L398.697 128.433C398.8 110.194 398.284 91.0246 400.118 72.8783C400.461 69.4825 401.409 64.899 403.97 62.393C411.099 55.4182 476.036 56.639 488.448 56.4606Z' fill='black'/><path d='M115.019 56.4685C130.477 56.2059 192.781 53.9177 201.049 62.5109C203.461 65.0185 204.668 68.8112 205.103 72.1819C206.014 79.2541 205.779 86.7689 205.949 93.8985C206.282 107.144 206.509 120.391 206.627 133.64L206.719 509.687C206.674 570.725 210.625 565.458 147.165 564.216C132.249 563.941 71.0916 567.038 62.2045 560.38C59.7676 555.043 59.315 542.843 59.0085 536.775C57.3488 498.934 56.4702 461.069 56.3736 423.196C55.6081 352.8 55.6569 282.395 56.5181 211.999C56.7508 180.767 57.2325 149.538 57.9633 118.314C59.671 57.4283 53.1241 58.2324 115.019 56.4685Z' fill='black'/><path d='M752.209 233.162C756.373 232.711 774.189 232.487 777.78 232.955C792.074 234.818 880.191 230.97 886.666 238.153C892.717 255.568 890.485 321.394 890.493 342.077L890.477 625.506C890.47 658.253 890.776 691.072 889.629 723.796C889.519 726.869 889.291 733.252 887.695 735.736C885.935 738.479 881.173 738.652 878.148 738.998C853.48 739.776 770.055 742.85 751.486 737.347C748.012 736.318 745.537 735.044 743.839 731.703C741.238 726.61 741.411 720.227 741.254 714.63C740.311 680.137 741.01 645.472 741.01 610.956L741.057 422.638C741.057 399.212 738.944 251.414 742.417 241.83C744.154 237.037 747.831 235.224 752.209 233.162Z' fill='black'/></svg>","preview_image":"https://ui.unlumen.com/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.unlumen.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.unlumen.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.unlumen.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.unlumen.com/r/registry.json","clone":"git clone https://github.com/wicki-leonard-emf/unlumen-ui-pv.git","clone_degit":"npx degit wicki-leonard-emf/unlumen-ui-pv","registry_fetch":"curl -s https://ui.unlumen.com/r/registry.json"},"component_count":235,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","source_url":"https://ui.unlumen.com/r/index.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/index.json"},{"name":"gravity-stars","title":"Gravity Stars Background","description":"A background component featuring a subtle yet engaging animated gravity stars effect.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/gravity-stars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/gravity-stars.json"},{"name":"pixel","title":"Pixel Background","description":"An interactive background featuring tiny pixel particles that ripple outward from the center on hover, then fade away.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/pixel.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pixel.json"},{"name":"pixel-liquid-bg","title":"Pixel Liquid Background","description":"A full Navier-Stokes fluid simulation background with pixelation, Bayer dithering, film-grain noise, and auto-demo mode. Reacts to cursor movement.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/pixel-liquid-bg.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pixel-liquid-bg.json"},{"name":"square-pattern","title":"Square Pattern Background","description":"An interactive grid background where squares randomly light up with colors and react to hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/square-pattern.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/square-pattern.json"},{"name":"wave-background","title":"Wave Background","description":"A morphing SVG wave divider that transitions between sections. Supports scroll-driven morphing and ambient looping animation modes.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/wave-background.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/wave-background.json"},{"name":"copy","title":"Copy Button","description":"A copy button component with a variety of styles and animations.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/copy.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/copy.json"},{"name":"glow","title":"Glow Button","description":"A button with an animated conic-gradient glow layer behind it. Supports rotate, pulse, breathe, colorShift, flowHorizontal and static modes.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/glow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/glow.json"},{"name":"refresh","title":"Refresh Button","description":"An icon button that spins on click and supports async refresh callbacks — ideal for reloading component previews or live data.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/refresh.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/refresh.json"},{"name":"cards-view-icon","title":"Cards View Icon","description":"Animated icon where four square dots reorder in a 2×2 grid via Motion layout animation when active, signaling a card view mode.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/cards-view-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/cards-view-icon.json"},{"name":"compact-view-icon","title":"Compact View Icon","description":"Animated icon where a 3×2 grid of dots reorder themselves via Motion layout animation when active.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/compact-view-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/compact-view-icon.json"},{"name":"list-view-icon","title":"List View Icon","description":"Animated icon where three horizontal lines shuffle vertically when active, signaling a list view mode.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/list-view-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/list-view-icon.json"},{"name":"sidebar-toggle-icon","title":"Sidebar Toggle Icon","description":"Animated SVG icon that morphs between open and closed sidebar panel states using Motion path interpolation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/sidebar-toggle-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/sidebar-toggle-icon.json"},{"name":"aurora-blur","title":"Aurora Blur","description":"Aurora blur shader layer used by Aurora Card.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/aurora-blur.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/aurora-blur.json"},{"name":"aurora-card","title":"Aurora Card","description":"Aurora-blur pricing card with a configurable hero area, layout hooks, and customizable shader controls.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/aurora-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/aurora-card.json"},{"name":"blob-card","title":"Blob Card","description":"Animated card with fluid blob header, animated glow border, and configurable colors.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/blob-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/blob-card.json"},{"name":"ai-chat","title":"AI Chat","description":"A chat component that allows you to chat with an AI.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/ai-chat.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/ai-chat.json"},{"name":"animate-count","title":"Vercel Animate Count","description":"A number display that animates the transition between values with a blur + slide effect, with a hook to throttle rapid updates.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/animate-count.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animate-count.json"},{"name":"animate-digits","title":"Animate Digits","description":"Per-digit blur-slide animation — only the digits that change animate.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/animate-digits.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animate-digits.json"},{"name":"animate-text-input-typing","title":"Animated Input","description":"An animated text input with per-character motion and a cursor that springs between typing and selection states.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/animate-text-input-typing.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animate-text-input-typing.json"},{"name":"animated-list","title":"Animated List","description":"A real-time push feed where new items animate in from the top with spring physics — Stripe Radar style.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/animated-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/animated-list.json"},{"name":"apple-switch","title":"Apple Switch","description":"Animated toggle switch with separate track/thumb sizing, spring feedback, optional label text, and tone variants.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/apple-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/apple-switch.json"},{"name":"aurora-bars","title":"Aurora Bars","description":"Animated bars with aurora-inspired gradient effects and smooth transitions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/aurora-bars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/aurora-bars.json"},{"name":"clipped-circle","title":"Clipped Circle","description":"A cursor-following spotlight effect that reveals a soft glowing circle wherever the user moves their mouse inside the container.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/clipped-circle.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/clipped-circle.json"},{"name":"command-menu","title":"Command Menu","description":"A composable ⌘K command palette with fuzzy search, custom groups, built-in theme switcher, and animated content reveal.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/command-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/command-menu.json"},{"name":"count-up","title":"Count Up","description":"An animated number counter that springs to its target value when it enters the viewport, with support for decimals, separators, and direction.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/count-up.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/count-up.json"},{"name":"cursor","title":"Cursor","description":"An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/cursor.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/cursor.json"},{"name":"cursor-image-trail","title":"Cursor Image Trail","description":"A trail of images that follows the cursor with spring-physics fade and rotation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/cursor-image-trail.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/cursor-image-trail.json"},{"name":"dia-text-reveal","title":"Dia Text Reveal","description":"Animated text reveal with a colorful gradient sweep effect, inspired by the Dia app.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/dia-text-reveal.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/dia-text-reveal.json"},{"name":"dock","title":"Dock","description":"Animated dock with Gaussian magnification, spring physics, separators, and tooltip carets.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/dock.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/dock.json"},{"name":"expand-menu","title":"Expand Menu","description":"An animated expanding menu that reveals items from a trigger button, with configurable direction, layout, and alignment.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/expand-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/expand-menu.json"},{"name":"expandable-navbar","title":"Expandable Navbar","description":"A full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll hide/show, and a mobile circle-reveal overlay.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/expandable-navbar.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/expandable-navbar.json"},{"name":"favicon-search","title":"Favicon Search","description":"A search input that fetches and smoothly animates the site favicon into the search bar as you type a URL.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/favicon-search.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/favicon-search.json"},{"name":"file-tree","title":"File Tree","description":"Animated file-tree component with animated hover highlight, spring folder expand/collapse, and automatic file-type icons.","type":"registry:component","source_url":"https://ui.unlumen.com/r/file-tree.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/file-tree.json"},{"name":"floating-navbar","title":"Floating Navbar","description":"A sticky floating pill navbar with scroll-velocity spring physics, velocity-highlight hover effect, dropdown menus, mobile overlay, and optional theme toggle.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/floating-navbar.json"},{"name":"floating-tooltip","title":"Floating Tooltip","description":"A floating tooltip component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/floating-tooltip.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/floating-tooltip.json"},{"name":"github-graph","title":"GitHub Graph","description":"A polished, animated GitHub contribution graph for portfolio sites.","type":"registry:component","source_url":"https://ui.unlumen.com/r/github-graph.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/github-graph.json"},{"name":"glowing-badge","title":"Glowing Badge","description":"Badge with an animated pulsing glow dot. Supports status variants: default, success, warning, error, info.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/glowing-badge.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/glowing-badge.json"},{"name":"gooey-navbar-menu","title":"Gooey Navbar Menu","description":"A spring-animated navbar menu with a gooey SVG-filtered background that connects the active trigger and dropdown panel.","type":"registry:component","source_url":"https://ui.unlumen.com/r/gooey-navbar-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/gooey-navbar-menu.json"},{"name":"gooey-svg-filter","title":"Gooey SVG Filter","description":"An SVG filter that creates a gooey, fluid merging effect on adjacent elements using Gaussian blur and alpha-channel color matrix manipulation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/gooey-svg-filter.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/gooey-svg-filter.json"},{"name":"highlight","title":"Highlight","description":"An animated highlight component that tracks elements with smooth spring animations.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/highlight.json"},{"name":"horizontal-depth-fade","title":"Horizontal Depth Fade","description":"Scroll-driven horizontal image strip on a single line with cinematic blur and brightness focus. GSAP ScrollTrigger implementation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/horizontal-depth-fade.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/horizontal-depth-fade.json"},{"name":"hover-expand","title":"Hover Expand","description":"A vertical list of rows that expand on hover to reveal a full-width image, animated with Motion springs.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/hover-expand.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hover-expand.json"},{"name":"hover-feature-cards","title":"Hover Feature Cards","description":"A responsive grid of feature cards where a description panel slides in from below on hover, with spring animation and optional image support.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/hover-feature-cards.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hover-feature-cards.json"},{"name":"hover-image-list","title":"Hover Image List","description":"A list of large headings that reveal an image on the left and shift right on hover, animated with Motion.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/hover-image-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hover-image-list.json"},{"name":"inline-testimonials","title":"Inline Testimonials","description":"Testimonials rendered as inline flowing text with circular avatars. Hover to blur others and reveal the author's name and role.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/inline-testimonials.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/inline-testimonials.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key and shortcut display component with a soft, minimal key style.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/kbd.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"A button that magnetically follows cursor proximity with spring physics. Smoothly snaps back when the cursor leaves.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/magnetic-button.json"},{"name":"math-graph","title":"Math Graph","description":"A real-time visual math function builder with animated SVG curves, a pan/zoom canvas, crosshair tooltip, and support for multiple expressions simultaneously.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/math-graph.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/math-graph.json"},{"name":"matrix","title":"Matrix","description":"An LED dot matrix display component with SVG pixels, radial glow, built-in digit/animation presets, and a VU meter mode.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/matrix.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/matrix.json"},{"name":"matrix-image","title":"Matrix Image","description":"An animated image component that simulates the iconic Matrix digital rain effect.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/matrix-image.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/matrix-image.json"},{"name":"motion-faqs-accordion","title":"Motion FAQs Accordion","description":"A clean Motion-powered FAQ accordion with spring-animated content reveal.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/motion-faqs-accordion.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/motion-faqs-accordion.json"},{"name":"motion-navigation-menu","title":"Motion Navigation Menu","description":"A spring-animated navigation menu with a single morphing container, layout-animated active pill, and direction-aware content transitions.","type":"registry:component","source_url":"https://ui.unlumen.com/r/motion-navigation-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/motion-navigation-menu.json"},{"name":"motion-slide-menu","title":"Motion Slide Menu","description":"An animated React multi-level slide menu with recursive nested navigation, morphing category headers, and direction-aware transitions.","type":"registry:component","source_url":"https://ui.unlumen.com/r/motion-slide-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/motion-slide-menu.json"},{"name":"motion-subtitle","title":"Motion Subtitle","description":"Animated subtitle text with per-character reveal, blur transition, speed control, and top/bottom direction.","type":"registry:component","source_url":"https://ui.unlumen.com/r/motion-subtitle.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/motion-subtitle.json"},{"name":"motion-tabs-menu","title":"Motion Tabs Menu","description":"A floating bottom tab bar that expands upward with spring animations to reveal tab-specific content, with direction-aware slide transitions.","type":"registry:component","source_url":"https://ui.unlumen.com/r/motion-tabs-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/motion-tabs-menu.json"},{"name":"nextjs-ship","title":"Next.js Ship","description":"Animated chip/CPU circuit board visualization with gradient pulse traces traveling along PCB-style paths.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/nextjs-ship.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/nextjs-ship.json"},{"name":"notion-floating-action-menu","title":"Notion Floating Action Menu","description":"A faithful Notion-inspired quick-create menu with a compact action panel and an animated compose-to-close interaction.","type":"registry:component","source_url":"https://ui.unlumen.com/r/notion-floating-action-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/notion-floating-action-menu.json"},{"name":"notion-mention-link","title":"Notion Mention Link","description":"A Notion-inspired rich link mention with a securely fetched preview card on hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/notion-mention-link.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/notion-mention-link.json"},{"name":"orbital-image-wheel","title":"Orbital Image Wheel","description":"Scroll-driven half-wheel image layout powered by GSAP ScrollTrigger, with cinematic blur/saturation/brightness focus and centered captions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/orbital-image-wheel.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/orbital-image-wheel.json"},{"name":"orbiting-skills","title":"Orbiting Skills","description":"Animated skill badges that orbit a center element. On desktop the ring follows the cursor on hover; on mobile the ring is always visible.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/orbiting-skills.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/orbiting-skills.json"},{"name":"page-transition","title":"Page Transition","description":"GSAP-powered Next.js App Router page transition provider. Wraps your layout to animate between pages with a curtain reveal or slide push — ported from the Codr…","type":"registry:ui","source_url":"https://ui.unlumen.com/r/page-transition.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/page-transition.json"},{"name":"perspective-flow","title":"Perspective Flow","description":"Scroll-driven 3D image grid with perspective rotations, blur, brightness, and inner parallax — supports both GSAP ScrollTrigger and Framer Motion engines.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/perspective-flow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/perspective-flow.json"},{"name":"pinned-list","title":"Pinned List","description":"A list of items that animate smoothly to a pinned section using Framer Motion layout animations.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/pinned-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pinned-list.json"},{"name":"pixel-scroll-transition","title":"Pixel Scroll Transition","description":"Canvas-based scroll transition that wipes between two colors with a configurable pixel grid, directional patterns, easing, and accent-color bands.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/pixel-scroll-transition.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pixel-scroll-transition.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"Top and bottom progressive blur overlays that stack multiple backdrop-filter layers to produce a smooth edge-to-transparent blur effect.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/progressive-blur.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/progressive-blur.json"},{"name":"questionnaire","title":"Questionnaire","description":"A motion-enhanced multi-step questionnaire with animated checkpoints, direction-aware blur transitions, validation, and keyboard shortcuts.","type":"registry:component","source_url":"https://ui.unlumen.com/r/questionnaire.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/questionnaire.json"},{"name":"scramble-text","title":"Scramble Text","description":"A text animation component that reveals characters with a scramble/glitch effect, with imperative controls for manual triggering.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/scramble-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/scramble-text.json"},{"name":"scroll-reveal-image","title":"Scroll Reveal Image","description":"Scroll-driven image reveal with spring-physics width expansion, zoom-out, and border radius animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/scroll-reveal-image.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/scroll-reveal-image.json"},{"name":"shimmer-skeleton","title":"Shimmer Skeleton","description":"Lightweight loading skeleton with a smooth shimmer sweep animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/shimmer-skeleton.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/shimmer-skeleton.json"},{"name":"shimmering-text","title":"Shimmering Text","description":"Animated gradient shimmer text with viewport-triggered and repeating animation support.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/shimmering-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/shimmering-text.json"},{"name":"side-by-side-slide","title":"Side By Side Slide","description":"An image comparison slider with a spring-animated divider that follows the cursor on hover, revealing before/after images.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/side-by-side-slide.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/side-by-side-slide.json"},{"name":"sidebar-001","title":"Sidebar 001","description":"Animated vertical sidebar with spring hover highlight, active indicator bar, and per-item dash pattern.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/sidebar-001.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/sidebar-001.json"},{"name":"sidebar-002","title":"Sidebar 002","description":"Slide-in overlay sidebar with spring animation, animated dash items, and cursor-following video preview.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/sidebar-002.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/sidebar-002.json"},{"name":"slider","title":"Slider","description":"Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Built on Radix UI Slider.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/slider.json"},{"name":"smart-animate-text","title":"Smart Animate Text","description":"Per-character blur-slide animation with direct value changes and no animation queue.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/smart-animate-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/smart-animate-text.json"},{"name":"social-hover-cards","title":"Social Hover Cards","description":"A row of social links with a shared morphing preview card and direction-aware content transitions.","type":"registry:component","source_url":"https://ui.unlumen.com/r/social-hover-cards.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/social-hover-cards.json"},{"name":"stacked-feature-cards","title":"Stacked Feature Cards","description":"A two-column section with a sticky animated hero card on the left and a stack of rotating feature cards on the right.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/stacked-feature-cards.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/stacked-feature-cards.json"},{"name":"switch","title":"Switch","description":"Animated toggle switch with a spring-driven thumb, smooth fill transition, and optional label.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/switch.json"},{"name":"tag","title":"Tag","description":"Rounded outlined tags with six built-in pastel variants and an optional stacked group layout.","type":"registry:component","source_url":"https://ui.unlumen.com/r/tag.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tag.json"},{"name":"team-stack","title":"Team Stack","description":"A stacked deck of team member cards that fans out on hover (desktop) or tap (mobile), each with an animated CTA pill and spring physics.","type":"registry:component","source_url":"https://ui.unlumen.com/r/team-stack.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/team-stack.json"},{"name":"text-reveal","title":"Text Reveal","description":"Scroll-driven word-by-word or character-by-character text reveal using Motion's useScroll and useTransform.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/text-reveal.json"},{"name":"theme-switch","title":"Theme Switch","description":"Animated dark / light mode toggle button with a spring-driven sun ↔ moon icon swap and optional View Transition reveal.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/theme-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/theme-switch.json"},{"name":"tilt","title":"Tilt","description":"A spring-animated 3D tilt wrapper that tracks the cursor inside the element.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/tilt.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tilt.json"},{"name":"tilt-card","title":"Tilt Card","description":"A card with 3D spring tilt, optional floating image, badge and radial shine on hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tilt-card.json"},{"name":"tooltip-preview","title":"Tooltip Preview","description":"Link tooltip that reveals a website preview card with title, description, image and favicon.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/tooltip-preview.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tooltip-preview.json"},{"name":"velocity-highlight","title":"Velocity Highlight","description":"A highlight effect with smooth spring physics that tracks the active element across hover or click interactions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/velocity-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/velocity-highlight.json"},{"name":"vercel-snap-text","title":"Vercel Snap Text","description":"A scroll-driven text list that snaps exactly to each item. The active item scales up with an optional prefix, others fade and indent — all animated with Motion…","type":"registry:ui","source_url":"https://ui.unlumen.com/r/vercel-snap-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/vercel-snap-text.json"},{"name":"vertical-marquee","title":"Vertical Marquee","description":"Two columns of tweet cards scrolling vertically in opposite directions with progressive fade at the edges.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/vertical-marquee.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/vertical-marquee.json"},{"name":"video-ambient","title":"Video Ambient","description":"A video card with ambient blurred reflections and optional overlay styling.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/video-ambient.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/video-ambient.json"},{"name":"video-slider","title":"Video Slider","description":"A video carousel with animated slide transitions and playback controls.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/video-slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/video-slider.json"},{"name":"demo-cursor","title":"Cursor Demo","description":"Demo showing a cursor.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-cursor.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-cursor.json"},{"name":"demo-gravity-stars","title":"Gravity Stars Background Demo","description":"Demo showing a gravity stars background.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-gravity-stars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-gravity-stars.json"},{"name":"demo-pixel","title":"Pixel Background Demo","description":"Demo showing a pixel background.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-pixel.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-pixel.json"},{"name":"demo-pixel-grid","title":"Pixel Background Grid Demo","description":"Demo showing three pixel backgrounds side by side with different color palettes.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-pixel-grid.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-pixel-grid.json"},{"name":"demo-pixel-liquid-bg","title":"Pixel Liquid Background Demo","description":"Demo showing the Pixel Liquid Background component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-pixel-liquid-bg.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-pixel-liquid-bg.json"},{"name":"demo-square-pattern","title":"Square Pattern Background Demo","description":"Demo showing the Square Pattern Background component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-square-pattern.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-square-pattern.json"},{"name":"demo-wave-background","title":"Wave Background Demo","description":"Demo showcasing scroll-driven and ambient wave dividers — as a page section divider, inside a card, and in both directions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-wave-background.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-wave-background.json"},{"name":"demo-copy","title":"Copy Button Demo","description":"Demo showing a copy button.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-copy.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-copy.json"},{"name":"demo-glow","title":"Glow Button Demo","description":"Three glow buttons with different colour palettes and animation modes.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-glow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-glow.json"},{"name":"demo-refresh","title":"Refresh Button Demo","description":null,"type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-refresh.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-refresh.json"},{"name":"demo-cards-view-icon","title":"Cards View Icon Demo","description":"Four dots reorder themselves in a 2×2 grid via layout animation on toggle to indicate cards view.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-cards-view-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-cards-view-icon.json"},{"name":"demo-compact-view-icon","title":"Compact View Icon Demo","description":"Six dots reorder themselves via layout animation on toggle to indicate compact view.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-compact-view-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-compact-view-icon.json"},{"name":"demo-list-view-icon","title":"List View Icon Demo","description":"Three animated lines shuffle vertically on toggle to indicate list view.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-list-view-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-list-view-icon.json"},{"name":"demo-sidebar-toggle-icon","title":"Sidebar Toggle Icon Demo","description":"Animated SVG icon that morphs between open and closed sidebar states on click.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-sidebar-toggle-icon.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-sidebar-toggle-icon.json"},{"name":"demo-aurora-card","title":"Aurora Card Demo","description":"Pricing card demo matching exactly the pricing page card style.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-aurora-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-aurora-card.json"},{"name":"demo-blob-card","title":"Blob Card Demo","description":"Demo showing the Blob Card component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-blob-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-blob-card.json"},{"name":"demo-ai-chat","title":"AI Chat Demo","description":"Demo showing an AI chat component.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-ai-chat.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-ai-chat.json"},{"name":"demo-animate-count","title":"Vercel Animate Count Demo","description":"Demo showing an animated number counter with blur + slide transitions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-animate-count.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-animate-count.json"},{"name":"demo-animate-digits","title":"Animate Digits Demo","description":"Timer demo showcasing per-digit blur-slide animation.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-animate-digits.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-animate-digits.json"},{"name":"demo-animate-text-input-typing","title":"Animated Input Demo","description":"Minimal animated input demo with per-character motion and a custom cursor.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-animate-text-input-typing.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-animate-text-input-typing.json"},{"name":"demo-animated-list","title":"Animated List Demo","description":"Auto-cycling notification feed with spring entry animations.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-animated-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-animated-list.json"},{"name":"demo-apple-switch","title":"Apple Switch Demo","description":"A compact settings panel with animated switches, descriptions, sizes, and tone controls.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-apple-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-apple-switch.json"},{"name":"demo-aurora-bars","title":"Aurora Bars Demo","description":"Demonstration of the Aurora Bars component with animated gradient effects.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-aurora-bars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-aurora-bars.json"},{"name":"demo-clipped-circle","title":"Clipped Circle Demo","description":"Demo showing a clipped circle spotlight effect on a button, a card, and an image.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-clipped-circle.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-clipped-circle.json"},{"name":"demo-command-menu","title":"Command Menu Demo","description":"Demo showing a composable command palette with navigation, component links, and a built-in theme switcher.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-command-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-command-menu.json"},{"name":"demo-count-up","title":"Count Up Demo","description":"Demo showing animated number counters with spring physics.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-count-up.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-count-up.json"},{"name":"demo-cursor-image-trail","title":"Cursor Image Trail Demo","description":"Demo showing a trail of images that follow the cursor with spring physics and fade-out.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-cursor-image-trail.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-cursor-image-trail.json"},{"name":"demo-dia-text-reveal","title":"Dia Text Reveal Demo","description":"Demo of the gradient sweep text reveal animation.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-dia-text-reveal.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-dia-text-reveal.json"},{"name":"demo-dock","title":"Dock Demo","description":"Vercel-style dock with Lucide icons, separators, and Gaussian magnification.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-dock.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-dock.json"},{"name":"demo-expand-menu","title":"Expand Menu Demo","description":"Demo for the Expand Menu component showing Edit, Copy, Share, and Archive actions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-expand-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-expand-menu.json"},{"name":"demo-expandable-navbar","title":"Expandable Navbar Demo","description":"Full-width fixed header with velocity-highlight hover, expanding inline dropdown, scroll hide/show, and mobile circle-reveal overlay.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-expandable-navbar.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-expandable-navbar.json"},{"name":"demo-favicon-search","title":"Favicon Search Demo","description":"Demo showing the FaviconSearch input — type a website URL and the brand logo animates in.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-favicon-search.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-favicon-search.json"},{"name":"demo-file-tree","title":"File Tree Demo","description":"Animated file-tree with nested folders, file-type icons, and highlighted files.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-file-tree.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-file-tree.json"},{"name":"demo-floating-navbar","title":"Floating Navbar Demo","description":"Floating pill navbar with dropdown menus, mobile overlay, and scroll-velocity spring animation.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-floating-navbar.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-floating-navbar.json"},{"name":"demo-floating-tooltip","title":"Floating Tooltip Demo","description":null,"type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-floating-tooltip.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-floating-tooltip.json"},{"name":"demo-github-graph","title":"GitHub Graph Demo","description":"An animated GitHub contribution graph with an editable account field.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-github-graph.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-github-graph.json"},{"name":"demo-glowing-badge","title":"Glowing Badge Demo","description":"Shows all badge variants with animated glow dots.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-glowing-badge.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-glowing-badge.json"},{"name":"demo-gooey-navbar-menu","title":"Gooey Navbar Menu Demo","description":"Centered navbar menu with a gooey bridge between the active link and dropdown panel.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-gooey-navbar-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-gooey-navbar-menu.json"},{"name":"demo-gooey-svg-filter","title":"Gooey SVG Filter Demo","description":"A gooey radial action menu whose icons spiral out from a central close button before settling into place.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-gooey-svg-filter.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-gooey-svg-filter.json"},{"name":"demo-horizontal-depth-fade","title":"Horizontal Depth Fade Demo","description":"Demo showing the Horizontal Depth Fade component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-horizontal-depth-fade.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-horizontal-depth-fade.json"},{"name":"demo-hover-expand","title":"Hover Expand Demo","description":"Five travel destinations that expand vertically on hover to reveal a full-width photograph.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-hover-expand.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-hover-expand.json"},{"name":"demo-hover-feature-cards","title":"Hover Feature Cards Demo","description":"Two-column feature grid with hover-reveal description panels.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-hover-feature-cards.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-hover-feature-cards.json"},{"name":"demo-hover-image-list","title":"Hover Image List Demo","description":"Six large headings with image reveal and slide-right animation on hover.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-hover-image-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-hover-image-list.json"},{"name":"demo-inline-testimonials","title":"Inline Testimonials Demo","description":"Eight testimonials flowing inline with blur-on-hover and author reveal.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-inline-testimonials.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-inline-testimonials.json"},{"name":"demo-kbd","title":"Kbd Demo","description":"Single keyboard keys and common shortcuts using the Kbd and Shortcut components.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-kbd.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-kbd.json"},{"name":"demo-magnetic-button","title":"Magnetic Button Demo","description":"Three magnetic buttons showing different radius and spring configurations.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-magnetic-button.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-magnetic-button.json"},{"name":"demo-math-graph","title":"Math Graph Demo","description":"Demo showing an interactive real-time math function visualizer.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-math-graph.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-math-graph.json"},{"name":"demo-matrix","title":"Matrix Demo","description":"Interactive demo showcasing real-time clock, animation presets, VU meter, and a pixel draw pad.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-matrix.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-matrix.json"},{"name":"demo-matrix-image","title":"Matrix Image Demo","description":"Upload an image and render it as a grayscale LED dot matrix with adjustable resolution.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-matrix-image.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-matrix-image.json"},{"name":"demo-matrix-image-to-frame","title":"Matrix Image to Frame","description":"Upload an image and export it as a binary Frame (0s and 1s) for use with the Matrix component.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-matrix-image-to-frame.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-matrix-image-to-frame.json"},{"name":"demo-motion-faqs-accordion","title":"Motion FAQs Accordion Demo","description":"5-item FAQ accordion with spring-animated content reveal.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-motion-faqs-accordion.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-motion-faqs-accordion.json"},{"name":"demo-motion-navigation-menu","title":"Motion Navigation Menu Demo","description":"Centered navigation menu with a single morphing container and direction-aware spring transitions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-motion-navigation-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-motion-navigation-menu.json"},{"name":"demo-motion-slide-menu","title":"Motion Slide Menu Demo","description":"Recursive multi-level navigation with morphing headers and direction-aware slide transitions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-motion-slide-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-motion-slide-menu.json"},{"name":"demo-motion-tabs-menu","title":"Motion Tabs Menu Demo","description":"Expandable bottom tab bar with spring-animated content panels and direction-aware slide transitions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-motion-tabs-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-motion-tabs-menu.json"},{"name":"demo-nextjs-ship","title":"Next.js Ship Demo","description":"Animated chip with gradient pulse circuit traces.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-nextjs-ship.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-nextjs-ship.json"},{"name":"demo-notion-floating-action-menu","title":"Notion Floating Action Menu Demo","description":"A Notion-inspired quick-create menu with four actions and a spring-animated circular trigger.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-notion-floating-action-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-notion-floating-action-menu.json"},{"name":"demo-notion-mention-link","title":"Notion Mention Link Demo","description":"A rich Notion-style link mention that reveals a live URL preview on hover.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-notion-mention-link.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-notion-mention-link.json"},{"name":"demo-orbital-image-wheel","title":"Orbital Image Wheel Demo","description":"Demo showing the Orbital Image Wheel component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-orbital-image-wheel.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-orbital-image-wheel.json"},{"name":"demo-orbiting-skills","title":"Orbiting Skills Demo","description":"Demo showing skill badges orbiting a center avatar, with cursor-following on desktop and always-on mobile mode.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-orbiting-skills.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-orbiting-skills.json"},{"name":"demo-page-transition","title":"Page Transition Demo","description":"Demo showing four fake pages cycling through curtain, slide, push, and fade transition variants.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-page-transition.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-page-transition.json"},{"name":"demo-perspective-flow","title":"Perspective Flow Demo","description":"Demo showing the Perspective Flow component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/demo-perspective-flow.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-perspective-flow.json"},{"name":"demo-pinned-list","title":"Pinned List Demo","description":"5-item list with smooth pin/unpin layout animations.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-pinned-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-pinned-list.json"},{"name":"demo-pixel-scroll-transition","title":"Pixel Scroll Transition Demo","description":"Scrollable inline demo showing a directional pixel wipe between dark and warm paper sections.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-pixel-scroll-transition.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-pixel-scroll-transition.json"},{"name":"demo-progressive-blur","title":"Progressive Blur Demo","description":"Scrollable content with progressive blur overlays at the top and bottom edges.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-progressive-blur.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-progressive-blur.json"},{"name":"demo-questionnaire","title":"Questionnaire Demo","description":"A four-step onboarding questionnaire demonstrating animated checkpoints, multiple answer types, and explicit skip.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-questionnaire.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-questionnaire.json"},{"name":"demo-scramble-text","title":"Scramble Text Demo","description":"Interactive demo cycling through phrases with a character-scramble reveal animation.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-scramble-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-scramble-text.json"},{"name":"demo-scroll-reveal-image","title":"Scroll Reveal Image Demo","description":"Demo of the scroll-driven image reveal with spring physics.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-scroll-reveal-image.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-scroll-reveal-image.json"},{"name":"demo-shimmer-skeleton","title":"Shimmer Skeleton Demo","description":"Card-shaped skeleton layout with shimmer animation.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-shimmer-skeleton.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-shimmer-skeleton.json"},{"name":"demo-shimmering-text","title":"Shimmering Text Demo","description":"Cycling shimmer text with AnimatePresence transitions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-shimmering-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-shimmering-text.json"},{"name":"demo-side-by-side-slide","title":"Side By Side Slide Demo","description":"Image comparison slider showing before/after with configurable divider and handle.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-side-by-side-slide.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-side-by-side-slide.json"},{"name":"demo-sidebar-001","title":"Sidebar 001 Demo","description":"Demo showing the Sidebar 001 animated vertical sidebar.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-sidebar-001.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-sidebar-001.json"},{"name":"demo-sidebar-002","title":"Sidebar 002 Demo","description":"Demo showing the Sidebar 002 slide-in overlay sidebar.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-sidebar-002.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-sidebar-002.json"},{"name":"demo-slider","title":"Slider Demo","description":"Three sliders showing volume, brightness and opacity controls with click-to-edit values.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-slider.json"},{"name":"demo-slider-range","title":"Slider Range Demo","description":"Range sliders for price, temperature and year selection with dual spring-snapped thumbs.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-slider-range.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-slider-range.json"},{"name":"demo-slider-steps","title":"Slider Steps Demo","description":"Sliders with visible step dots for rating, quality and zoom level selection.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-slider-steps.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-slider-steps.json"},{"name":"demo-smart-animate-text","title":"Smart Animate Text Demo","description":"Stepped add and subtract demo showcasing direct per-character blur-slide animation.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-smart-animate-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-smart-animate-text.json"},{"name":"demo-social-hover-cards","title":"Social Hover Cards Demo","description":"Configurable GitHub, message, email, and X cards in a shared morphing viewport.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-social-hover-cards.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-social-hover-cards.json"},{"name":"demo-stacked-feature-cards","title":"Stacked Feature Cards Demo","description":"Coffee brand demo with a sticky hero card and five rotating feature cards.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-stacked-feature-cards.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-stacked-feature-cards.json"},{"name":"demo-switch","title":"Switch Demo","description":"Four labeled toggle switches showing common settings controls.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-switch.json"},{"name":"demo-tag","title":"Tag Demo","description":"A vertical stack of outlined icon tags using the six built-in color variants.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-tag.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-tag.json"},{"name":"demo-team-stack","title":"Team Stack Demo","description":"A stacked deck of team member cards that fans out on hover, each with a spring-animated CTA pill.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-team-stack.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-team-stack.json"},{"name":"demo-text-reveal","title":"Text Reveal Demo","description":"Word-by-word and character-by-character scroll-driven text reveal.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-text-reveal.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-text-reveal.json"},{"name":"demo-theme-switch","title":"Theme Switch Demo","description":"Animated dark/light mode toggle with spring icon transitions.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-theme-switch.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-theme-switch.json"},{"name":"demo-tilt-card","title":"Tilt Card Demo","description":"Three tilt cards showcasing badge variants, floating image and custom children.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-tilt-card.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-tilt-card.json"},{"name":"demo-tooltip-preview","title":"Tooltip Preview Demo","description":"Links showing website preview cards on hover.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-tooltip-preview.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-tooltip-preview.json"},{"name":"demo-vercel-snap-text","title":"Vercel Snap Text Demo","description":"Six items cycling with 'We Design' prefix — scroll to snap between them.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-vercel-snap-text.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-vercel-snap-text.json"},{"name":"demo-vertical-marquee","title":"Vertical Marquee Demo","description":"Two-column vertical tweet marquee scrolling in opposite directions with progressive fade edges.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-vertical-marquee.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-vertical-marquee.json"},{"name":"demo-video-ambient","title":null,"description":null,"type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-video-ambient.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-video-ambient.json"},{"name":"demo-video-slider","title":null,"description":null,"type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-video-slider.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-video-slider.json"},{"name":"demo-highlight","title":"Highlight Demo","description":"Interactive highlight effect with smooth spring animations.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-highlight.json"},{"name":"demo-velocity-highlight","title":"Velocity Highlight Demo","description":"Interactive highlight with velocity-based scaling effects.","type":"registry:example","source_url":"https://ui.unlumen.com/r/demo-velocity-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/demo-velocity-highlight.json"},{"name":"hooks-use-auto-height","title":"useAutoHeight","description":"A hook that allows you to automatically adjust the height of an element based on its content.","type":"registry:hook","source_url":"https://ui.unlumen.com/r/hooks-use-auto-height.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hooks-use-auto-height.json"},{"name":"hooks-use-controlled-state","title":"Use Controlled State","description":"React hook for controlled and uncontrolled component state.","type":"registry:hook","source_url":"https://ui.unlumen.com/r/hooks-use-controlled-state.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hooks-use-controlled-state.json"},{"name":"hooks-use-data-state","title":"useDataState","description":"A hook that allows you to get the data-state of an element.","type":"registry:hook","source_url":"https://ui.unlumen.com/r/hooks-use-data-state.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hooks-use-data-state.json"},{"name":"hooks-use-is-in-view","title":"useIsInView","description":"A hook that allows you to check if an element is in view.","type":"registry:hook","source_url":"https://ui.unlumen.com/r/hooks-use-is-in-view.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hooks-use-is-in-view.json"},{"name":"hooks-use-motion-value-state","title":"useMotionValueState","description":"A hook that allows you to use a motion value state.","type":"registry:hook","source_url":"https://ui.unlumen.com/r/hooks-use-motion-value-state.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/hooks-use-motion-value-state.json"},{"name":"lib-get-strict-context","title":"Get Strict Context","description":"React context helper that throws when used outside its provider.","type":"registry:lib","source_url":"https://ui.unlumen.com/r/lib-get-strict-context.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/lib-get-strict-context.json"},{"name":"pixel-patterns","title":"Pixel Patterns","description":"Deterministic threshold, accent, and easing helpers for pixel-grid transition components.","type":"registry:lib","source_url":"https://ui.unlumen.com/r/pixel-patterns.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/pixel-patterns.json"},{"name":"primitives-animate-avatar-group","title":"Avatar Group","description":"An animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-avatar-group.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-avatar-group.json"},{"name":"primitives-animate-code-block","title":"Code Block","description":"A code block component that animates the code as it is written.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-code-block.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-code-block.json"},{"name":"primitives-animate-cursor","title":"Cursor","description":"An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-cursor.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-cursor.json"},{"name":"primitives-animate-files","title":"Files","description":"Animated file-tree primitives with motion hover highlight, spring folder expand/collapse, and animated folder icon swap.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-files.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-files.json"},{"name":"primitives-animate-github-stars","title":"Github Stars","description":"A component that animates a number of stars, smoothly animating number transitions using the SlidingNumber component.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-github-stars.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-github-stars.json"},{"name":"primitives-animate-motion-grid","title":"Motion Grid","description":"A grid that displays animations in a grid.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-motion-grid.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-motion-grid.json"},{"name":"primitives-animate-pinned-list","title":"Pin List","description":"A pin list component that allows you to pin items to the top of the list.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-pinned-list.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-pinned-list.json"},{"name":"primitives-animate-scroll-progress","title":"Scroll Progress","description":"A scroll progress component that allows you to track the progress of a scrollable element.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-scroll-progress.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-scroll-progress.json"},{"name":"primitives-animate-slot","title":"Animate Slot","description":"A slot component that allows you to use motion components with any element.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-slot.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-slot.json"},{"name":"primitives-animate-spring","title":"Spring","description":"A flexible, animated spring component that attaches a draggable element to its origin with a spring line.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-spring.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-spring.json"},{"name":"primitives-animate-tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-tabs.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-tabs.json"},{"name":"primitives-animate-tooltip","title":"Tooltip","description":"An animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-animate-tooltip.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-animate-tooltip.json"},{"name":"button","title":"Button","description":"A simple button that animates on hover and tap.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/button.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/button.json"},{"name":"primitives-buttons-button","title":"Button","description":"A simple button that animates on hover and tap.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-buttons-button.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-buttons-button.json"},{"name":"primitives-buttons-flip","title":"Flip Button","description":"A button that flips between two states on hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-buttons-flip.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-buttons-flip.json"},{"name":"primitives-buttons-liquid","title":"Liquid Button","description":"A button that fills on hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-buttons-liquid.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-buttons-liquid.json"},{"name":"primitives-buttons-ripple","title":"Ripple Button","description":"A button that animates on tap with a ripple effect.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-buttons-ripple.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-buttons-ripple.json"},{"name":"cursor-primitive","title":"Cursor","description":"An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/cursor-primitive.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/cursor-primitive.json"},{"name":"primitives-effects-auto-height","title":"Auto Height","description":"An effect that automatically adjusts the height of an element based on its content.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-auto-height.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-auto-height.json"},{"name":"primitives-effects-blur","title":"Blur","description":"An effect that allows you to animate elements with a blur effect on first view or load.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-blur.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-blur.json"},{"name":"primitives-effects-click","title":"Click","description":"An effect that creates animated effects at the click position, adding interactive feedback to user actions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-click.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-click.json"},{"name":"primitives-effects-effect","title":"Effect","description":"An effect that allows you to animate elements on first view or load.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-effect.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-effect.json"},{"name":"primitives-effects-fade","title":"Fade","description":"An effect that allows you to animate elements with a fade effect on first view or load.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-fade.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-fade.json"},{"name":"primitives-effects-highlight-nav-menu","title":"Highlight Nav Menu","description":"A Radix UI NavigationMenu with animated highlight hover effects built in.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-highlight-nav-menu.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-highlight-nav-menu.json"},{"name":"primitives-effects-image-zoom","title":"Image Zoom","description":"An effect that allows you to zoom in on an image on hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-image-zoom.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-image-zoom.json"},{"name":"primitives-effects-magnetic","title":"Magnetic","description":"A magnetic effect that clings to the cursor, creating a magnetic attraction effect.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-magnetic.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-magnetic.json"},{"name":"primitives-effects-particles","title":"Particles","description":"A particles effect that creates a particle system.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-particles.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-particles.json"},{"name":"primitives-effects-shine","title":"Shine","description":"An animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous).","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-shine.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-shine.json"},{"name":"primitives-effects-slide","title":"Slide","description":"An effect that allows you to animate elements with a slide effect on first view or load.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-slide.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-slide.json"},{"name":"primitives-effects-theme-toggler","title":"Theme Toggler","description":"An effect that allows you to toggle the theme gradually.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-theme-toggler.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-theme-toggler.json"},{"name":"primitives-effects-tilt","title":"Tilt","description":"An effect that allows you to animate elements with a tilt effect on mouse hover.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-tilt.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-tilt.json"},{"name":"primitives-effects-velocity-highlight","title":"Velocity Highlight","description":"A highlight effect with smooth spring physics that tracks the active element across hover or click interactions.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-velocity-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-velocity-highlight.json"},{"name":"primitives-effects-zoom","title":"Zoom","description":"An effect that allows you to animate elements with a zoom effect on first view or load.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-effects-zoom.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-effects-zoom.json"},{"name":"slot","title":"Animate Slot","description":"A slot component that allows you to use motion components with any element.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/slot.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/slot.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content—known as tab panels—that are displayed one at a time.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/tabs.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/tabs.json"},{"name":"primitives-texts-counting-number","title":"Counting Number","description":"A counting number animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-counting-number.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-counting-number.json"},{"name":"primitives-texts-gradient","title":"Gradient Text","description":"A gradient text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-gradient.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-gradient.json"},{"name":"primitives-texts-highlight","title":"Highlight Text","description":"A highlight text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-highlight.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-highlight.json"},{"name":"primitives-texts-morphing","title":"Morphing Text","description":"A text component that smoothly morphs characters to transition between strings.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-morphing.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-morphing.json"},{"name":"primitives-texts-rolling","title":"Rolling Text","description":"A rolling text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-rolling.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-rolling.json"},{"name":"primitives-texts-rotating","title":"Rotating Text","description":"A rotating text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-rotating.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-rotating.json"},{"name":"primitives-texts-scrolling-number","title":"Scrolling Number","description":"A scrolling number animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-scrolling-number.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-scrolling-number.json"},{"name":"primitives-texts-shimmering","title":"Shimmering Text","description":"A shimmering text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-shimmering.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-shimmering.json"},{"name":"primitives-texts-sliding-number","title":"Sliding Number","description":"A sliding number animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-sliding-number.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-sliding-number.json"},{"name":"primitives-texts-splitting","title":"Splitting Text","description":"A splitting text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-splitting.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-splitting.json"},{"name":"primitives-texts-typing","title":"Typing Text","description":"A typing text animation.","type":"registry:ui","source_url":"https://ui.unlumen.com/r/primitives-texts-typing.json","install_command":"npx shadcn@latest add https://ui.unlumen.com/r/primitives-texts-typing.json"}]},{"id":"untld","name":"@untld","slug":"untld","description":"A set of beautifully designed components for modern web applications.","author":null,"framework":"react","license":null,"tags":[],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://ui.untldlabs.com","github":null,"registry":"https://ui.untldlabs.com/r/{name}.json","source":"https://ui.untldlabs.com/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/untld","markdown":"https://sh4dcn.netlify.app/md/untld.md"},"logo":"<svg width='258' height='65' viewBox='0 0 258 65' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='2.5' y='2.5' width='135' height='60' stroke='#008CFF'/><path d='M40.2188 22.5V55H35.0625V49.7188H34.9375C33 53.4688 29.625 55.5625 24.625 55.5625C17.5312 55.5625 13.375 50.9688 13.375 43.5938V22.5H18.8125V42.625C18.8125 47.9062 21.2812 50.75 26.3125 50.75C31.5938 50.75 34.7812 47.125 34.7812 41.5938V22.5H40.2188Z' fill='white'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"registry_fetch":"curl -s https://ui.untldlabs.com/r/{name}.json"},"component_count":0,"components":[]},{"id":"upfork","name":"@upfork","slug":"upfork","description":"React + Tailwind CSS components and landing pages. The free ones install with no setup; the rest with an UpFork token.","author":"upfork-dev","framework":"react","license":"MIT","tags":["3d","animation","blocks","buttons","cards","crypto","dashboard","e-commerce","glassmorphism","icons","maps","marketing","media","navigation","pro-available"],"categories":["Crypto/web3"],"labels":["pro","recently-updated"],"urls":{"website":"https://upfork.dev","github":"https://github.com/upfork-dev/free-components","registry":"https://upfork.dev/r/registry.json","source":"https://upfork.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/upfork","markdown":"https://sh4dcn.netlify.app/md/upfork.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='var(--foreground)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7 6.5v5.5a7 7 0 0 0 14 0V4M17 8l4-4 4 4M14 19v9'/></svg>","preview_image":"https://upfork.dev/og/home.jpg?v=5a94c2cb55","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://upfork.dev/components/pricing"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-14T21:42:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://upfork.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://upfork.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://upfork.dev/r/registry.json","clone":"git clone https://github.com/upfork-dev/free-components.git","clone_degit":"npx degit upfork-dev/free-components","registry_fetch":"curl -s https://upfork.dev/r/registry.json"},"component_count":20,"components":[{"name":"shadcn-event-calendar-scheduler-react","title":"Daybook — Event Calendar & Scheduler for React, shadcn/ui & Tailwind (Drag & Dr…","description":"A full event calendar and scheduler for React and shadcn/ui: month, week, day and agenda views, drag-and-drop to create, move and resize, recurring events, att…","type":"registry:component","source_url":"https://upfork.dev/r/shadcn-event-calendar-scheduler-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/shadcn-event-calendar-scheduler-react.json"},{"name":"restaurant-hero-section-react","title":"Maple — Steakhouse & Restaurant Hero Section for React with an Interactive Masc…","description":"Steakhouse & restaurant hero section for React and Next.js. Maple, a filmed cartoon cow in a knitted scarf, follows your guest's cursor across six photographed…","type":"registry:component","source_url":"https://upfork.dev/r/restaurant-hero-section-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/restaurant-hero-section-react.json"},{"name":"glassmorphism-icon-sidebar-menu-react","title":"Duet Sidebar — Glassmorphism Icon Dock & Expandable Menu for React","description":"A two-part glass sidebar for React: a slim icon dock with a glowing indicator, and a full menu that unfurls beside it. Linked hover, expandable channels, Setti…","type":"registry:component","source_url":"https://upfork.dev/r/glassmorphism-icon-sidebar-menu-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/glassmorphism-icon-sidebar-menu-react.json"},{"name":"glass-collapsible-sidebar-react","title":"Velvet Sidebar — Glass Collapsible Navigation Sidebar for React","description":"A cinema-grade glass sidebar for React: a red active bar that travels between rows, a collapse into a monogram rail, notifications, a profile switcher, search,…","type":"registry:component","source_url":"https://upfork.dev/r/glass-collapsible-sidebar-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/glass-collapsible-sidebar-react.json"},{"name":"shadcn-contacts-app-crm-react","title":"Rapport — Contacts App & CRM for React, shadcn/ui & Tailwind (Address Book UI)","description":"A complete contacts manager for React and shadcn/ui: folders and labels, highlighted search, filters, list, grid and table views, details, activity and notes, …","type":"registry:component","source_url":"https://upfork.dev/r/shadcn-contacts-app-crm-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/shadcn-contacts-app-crm-react.json"},{"name":"real-estate-map-listings-react-shadcn","title":"Roofline — Real Estate Map Search for React, shadcn/ui & Tailwind (Property Lis…","description":"A complete real estate property search for React and shadcn/ui: a clustered MapLibre map with price pills, synced to a fast listings panel, smart search, filte…","type":"registry:component","source_url":"https://upfork.dev/r/real-estate-map-listings-react-shadcn.json","install_command":"npx shadcn@latest add https://upfork.dev/r/real-estate-map-listings-react-shadcn.json"},{"name":"shadcn-chat-app-messenger-react","title":"Parley — Team Chat App for React, shadcn/ui & Tailwind (Messenger UI)","description":"A complete team chat for React and shadcn/ui: conversation list with tabs, threads with replies, reactions and Markdown, image lightbox, file uploads, voice no…","type":"registry:component","source_url":"https://upfork.dev/r/shadcn-chat-app-messenger-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/shadcn-chat-app-messenger-react.json"},{"name":"email-client-inbox-react-shadcn","title":"Mailroom — Email Client & Inbox UI for React, shadcn/ui and Tailwind","description":"A complete email client for React and shadcn/ui: three resizable panes, folders and labels, threaded conversations, a rich-text compose window with recipient c…","type":"registry:component","source_url":"https://upfork.dev/r/email-client-inbox-react-shadcn.json","install_command":"npx shadcn@latest add https://upfork.dev/r/email-client-inbox-react-shadcn.json"},{"name":"aptwork","title":"Aptwork – AI automation SaaS landing page","description":"A dark, motion-rich landing page for an automation or AI SaaS: a three.js data-terrain hero, workflows that actually run, a pinned 3D feature deck, pricing and…","type":"registry:block","source_url":"https://upfork.dev/r/aptwork.json","install_command":"npx shadcn@latest add https://upfork.dev/r/aptwork.json"},{"name":"marketly-trading-landing","title":"Marketly – Trading platform landing page","description":"A market-data landing page template with its dependent pages, built to be re-skinned: every color, type size, radius and shadow is a design token, every sectio…","type":"registry:block","source_url":"https://upfork.dev/r/marketly-trading-landing.json","install_command":"npx shadcn@latest add https://upfork.dev/r/marketly-trading-landing.json"},{"name":"crypto-web3-hero-section-react","title":"Lightfall — Crypto & Web3 Hero Section for React with WebGL Background","description":"A crypto and Web3 hero section for React over a hand-written WebGL light background: neon lanes fall into an order book, a live price ticker pulses the light o…","type":"registry:component","source_url":"https://upfork.dev/r/crypto-web3-hero-section-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/crypto-web3-hero-section-react.json"},{"name":"macos-folder-draggable-windows-react","title":"Media Folder — macOS-Style Draggable Window Desktop for React & Framer Motion","description":"A macOS-style folder for React that bursts open into draggable windows: photos, videos, a working music player, weather and swatches with real traffic lights, …","type":"registry:component","source_url":"https://upfork.dev/r/macos-folder-draggable-windows-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/macos-folder-draggable-windows-react.json"},{"name":"3d-parallax-image-gallery-react","title":"Perspective Cards — 3D Parallax Image Gallery Hero for React & Framer Motion","description":"A 3D parallax image gallery hero for React: cards float around your headline, follow the cursor like a camera, lift and face you on hover, and open into a cine…","type":"registry:component","source_url":"https://upfork.dev/r/3d-parallax-image-gallery-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/3d-parallax-image-gallery-react.json"},{"name":"dynamic-3d-carousel-react","title":"Dynamic 3D Carousel for React & Next.js — Draggable Image & Video Slider","description":"A draggable 3D carousel for React and Next.js: photo, video and text cards on a curved arc with momentum, a seamless infinite loop, autoplay and a click-to-exp…","type":"registry:component","source_url":"https://upfork.dev/r/dynamic-3d-carousel-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/dynamic-3d-carousel-react.json"},{"name":"pet-shop-hero","title":"Commander — Pet Shop Hero Section with Cursor-Tracking Cat (React + Next.js)","description":"Interactive pet shop hero section for React, Next.js and Tailwind CSS: an AI-filmed cat follows the cursor at 60 fps, watches shoppers type in search and nods …","type":"registry:component","source_url":"https://upfork.dev/r/pet-shop-hero.json","install_command":"npx shadcn@latest add https://upfork.dev/r/pet-shop-hero.json"},{"name":"orbit-gallery-3d-carousel-react","title":"OrbitGallery — 3D Carousel for React & Three.js (WebGL)","description":"A 3D WebGL carousel for React and Next.js: project cards on a curved arc above a reflective floor. Drag, scroll or use the arrow keys, then click a card to ope…","type":"registry:component","source_url":"https://upfork.dev/r/orbit-gallery-3d-carousel-react.json","install_command":"npx shadcn@latest add https://upfork.dev/r/orbit-gallery-3d-carousel-react.json"},{"name":"interactive-saas-hero","title":"Interactive SaaS Hero with Live Product Demo","description":"A cinematic hero for a visual website builder. At the top are a badge, a headline, a subheading, two calls to action and social proof, over an aurora. Below th…","type":"registry:component","source_url":"https://upfork.dev/r/interactive-saas-hero.json","install_command":"npx shadcn@latest add https://upfork.dev/r/interactive-saas-hero.json"},{"name":"border-beam-button","title":"Border Beam Button","description":"A premium pill call to action for Next.js with a comet of light that travels around its border. Unlike the usual rotating conic gradient, the beam moves at a c…","type":"registry:ui","source_url":"https://upfork.dev/r/border-beam-button.json","install_command":"npx shadcn@latest add https://upfork.dev/r/border-beam-button.json"},{"name":"black-hole-hero","title":"Infall — Black Hole Hero Section (React + WebGL)","description":"A React hero section with a black hole ray-traced live in WebGL: real light bending, a scroll dive into the event horizon, and light and dark themes.","type":"registry:component","source_url":"https://upfork.dev/r/black-hole-hero.json","install_command":"npx shadcn@latest add https://upfork.dev/r/black-hole-hero.json"},{"name":"crowdwall","title":"Crowdwall – Community hero with a scrolling photo wall","description":"A hero section for communities and social products: a headline and call to action over an endless wall of portraits whose rows slide in alternating directions.…","type":"registry:component","source_url":"https://upfork.dev/r/crowdwall.json","install_command":"npx shadcn@latest add https://upfork.dev/r/crowdwall.json"}]},{"id":"uploadcn","name":"@uploadcn","slug":"uploadcn","description":"Production-ready file uploads: dropzones, queues, resumable S3 and R2 uploads, and 58 blocks for every style.","author":"uploadcn","framework":"react","license":"MIT","tags":["animation","audio","auth","blocks","buttons","cards","e-commerce","glassmorphism","hooks","icons","loaders","media","navigation","overlays","retro","tables","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://uploadcn.dev","github":"https://github.com/uploadcn/uploadcn","registry":"https://uploadcn.dev/r/registry.json","source":"https://uploadcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uploadcn","markdown":"https://sh4dcn.netlify.app/md/uploadcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='6.5' fill='var(--foreground)'/><g fill='none' stroke='var(--background)' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' transform='translate(-0.75 0)'><path d='M7 9v4a5 5 0 0 0 10 0V6'/><path d='m14 9 3-3 3 3'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":91,"open_issues":0,"last_commit":"2026-10-14T20:40:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uploadcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uploadcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://uploadcn.dev/r/registry.json","clone":"git clone https://github.com/uploadcn/uploadcn.git","clone_degit":"npx degit uploadcn/uploadcn","registry_fetch":"curl -s https://uploadcn.dev/r/registry.json"},"component_count":66,"components":[{"name":"upload","title":"Upload","description":"Composable, accessible upload primitives: dropzone, trigger, queue, previews, progress, status and actions.","type":"registry:ui","source_url":"https://uploadcn.dev/r/{style}/upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload.json"},{"name":"image-cropper","title":"Image Cropper","description":"A crop, zoom, rotate and flip dialog that outputs a processed image file.","type":"registry:ui","source_url":"https://uploadcn.dev/r/{style}/image-cropper.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/image-cropper.json"},{"name":"use-crop-queue","title":"useCropQueue","description":"Turns a crop dialog into an async step so images can be cropped before they upload.","type":"registry:hook","source_url":"https://uploadcn.dev/r/{style}/use-crop-queue.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/use-crop-queue.json"},{"name":"use-camera","title":"useCamera","description":"Streams the device camera into a video element and captures frames as Files. Starts only on demand.","type":"registry:hook","source_url":"https://uploadcn.dev/r/{style}/use-camera.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/use-camera.json"},{"name":"file-upload","title":"File Upload","description":"A dropzone with a full upload queue, progress summary and batch actions.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/file-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/file-upload.json"},{"name":"upload-button","title":"Upload Button","description":"A single button that uploads and reports progress inline.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-button.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-button.json"},{"name":"image-upload","title":"Image Upload","description":"An image grid with optional cropping and client-side compression.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/image-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/image-upload.json"},{"name":"avatar-upload","title":"Avatar Upload","description":"A profile photo uploader with round cropping and a progress ring.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/avatar-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/avatar-upload.json"},{"name":"gallery-upload","title":"Gallery Upload","description":"A photo gallery uploader that resizes images to WebP before upload.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/gallery-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/gallery-upload.json"},{"name":"video-upload","title":"Video Upload","description":"Video uploads with inline playback, duration limits and resumable multipart for large files.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/video-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/video-upload.json"},{"name":"audio-upload","title":"Audio Upload","description":"Audio uploads with an inline player per file.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/audio-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/audio-upload.json"},{"name":"document-upload","title":"Document Upload","description":"Document, PDF and résumé uploads with type badges.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/document-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/document-upload.json"},{"name":"chat-attachments","title":"Chat Attachments","description":"An AI chat composer with attachments via click, drag and paste.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/chat-attachments.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/chat-attachments.json"},{"name":"document-ingest","title":"Document Ingest","description":"RAG / knowledge-base ingestion with parse, chunk, embed and index stages.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/document-ingest.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/document-ingest.json"},{"name":"global-upload","title":"Global Upload","description":"An app-wide upload provider with a drop-anywhere overlay, a background queue panel and IndexedDB persistence.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/global-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/global-upload.json"},{"name":"upload-field","title":"Upload Field","description":"A form field for react-hook-form, TanStack Form and server actions.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-field.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-field.json"},{"name":"upload-dialog","title":"Upload Dialog","description":"Pick files, review them, then upload in a modal that confirms before closing mid-upload.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-dialog.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-dialog.json"},{"name":"upload-table","title":"Upload Table","description":"The upload queue as a data table, with a drop overlay over the whole table.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-table.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-table.json"},{"name":"upload-tabs","title":"Upload Tabs","description":"One queue fed from three sources: the device, a public link or the camera.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-tabs.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-tabs.json"},{"name":"camera-upload","title":"Camera Upload","description":"Take photos with the device camera and upload them as you go, with a file picker fallback.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/camera-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/camera-upload.json"},{"name":"logo-upload","title":"Logo Upload","description":"A settings card for a workspace logo with light and dark previews.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/logo-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/logo-upload.json"},{"name":"image-metadata","title":"Image Metadata","description":"Images upload in the background while people write alt text and captions.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/image-metadata.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/image-metadata.json"},{"name":"upload-popover","title":"Upload Popover","description":"Attachments behind a toolbar button with a count and a progress ring.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-popover.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-popover.json"},{"name":"product-media-upload","title":"Product Media Upload","description":"Storefront product photos: a cover image and a gallery you reorder by drag or keyboard.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/product-media-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/product-media-upload.json"},{"name":"csv-import","title":"CSV Import","description":"Bulk import from a spreadsheet, with column checks and a preview before upload.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/csv-import.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/csv-import.json"},{"name":"identity-verification","title":"Identity Verification","description":"KYC-style ID front, back and selfie with a progress rail and submit gate.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/identity-verification.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/identity-verification.json"},{"name":"document-checklist","title":"Document Checklist","description":"A checklist of required documents (claims, onboarding, visas) ticked off as they upload.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/document-checklist.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/document-checklist.json"},{"name":"job-application-upload","title":"Job Application Upload","description":"Resume, cover letter and portfolio for a careers page.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/job-application-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/job-application-upload.json"},{"name":"ocr-upload","title":"OCR Upload","description":"Upload scans, photos and PDFs and read their text with any OCR engine, with copy, download and extracted fields.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/ocr-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/ocr-upload.json"},{"name":"receipt-upload","title":"Receipt Upload","description":"Expense capture: a receipt plus details your OCR can prefill (merchant, date, amount).","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/receipt-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/receipt-upload.json"},{"name":"property-photos","title":"Property Photos","description":"Real-estate listing photos tagged by room, with coverage and a recommended count.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/property-photos.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/property-photos.json"},{"name":"assignment-submission","title":"Assignment Submission","description":"Coursework hand-in with a deadline, late flag, and turn in / unsubmit.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/assignment-submission.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/assignment-submission.json"},{"name":"upload-config","title":"Upload Config","description":"Configure storage once: an UploadConfigProvider wrapper for your root layout that every UploadCN component uses.","type":"registry:file","source_url":"https://uploadcn.dev/r/{style}/upload-config.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-config.json"},{"name":"upload-route","title":"Upload Route (Next.js)","description":"A Next.js route handler that signs S3 or R2 uploads at /api/upload.","type":"registry:file","source_url":"https://uploadcn.dev/r/{style}/upload-route.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-route.json"},{"name":"ocr-route","title":"OCR Route (Next.js)","description":"A Next.js route handler at /api/ocr that reads text with Google Vision, Textract, Azure, Mistral or your own service.","type":"registry:file","source_url":"https://uploadcn.dev/r/{style}/ocr-route.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/ocr-route.json"},{"name":"upload-route-tanstack","title":"Upload Route (TanStack Start)","description":"A TanStack Start server route that signs S3 uploads at /api/upload.","type":"registry:file","source_url":"https://uploadcn.dev/r/{style}/upload-route-tanstack.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-route-tanstack.json"},{"name":"folder-upload","title":"Folder Upload","description":"A folder that opens on hover and drag; dropped files fly in and the front shows progress.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/folder-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/folder-upload.json"},{"name":"upload-stack","title":"Upload Stack","description":"Uploads stacked like notifications that fan out on hover or focus.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-stack.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-stack.json"},{"name":"upload-morph-button","title":"Morphing Upload Button","description":"A button that morphs into its own progress bar, then a check mark.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-morph-button.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-morph-button.json"},{"name":"polaroid-upload","title":"Polaroid Upload","description":"Photos drop onto the table like polaroids with a spring and a tilt.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/polaroid-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/polaroid-upload.json"},{"name":"animated-upload-queue","title":"Animated Upload Queue","description":"A queue whose rows expand in, collapse out, count up and draw a check.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/animated-upload-queue.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/animated-upload-queue.json"},{"name":"ripple-dropzone","title":"Ripple Dropzone","description":"A dropzone whose rings ripple while dragging, with a burst on drop.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/ripple-dropzone.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/ripple-dropzone.json"},{"name":"upload-island","title":"Upload Island","description":"A Dynamic Island-style pill that morphs between idle, progress and done, and expands into the file list on hover.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-island.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-island.json"},{"name":"image-reveal-upload","title":"Image Reveal Upload","description":"A single-image uploader where the photo develops behind a scan line as it uploads.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/image-reveal-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/image-reveal-upload.json"},{"name":"liquid-dropzone","title":"Liquid Dropzone","description":"A dropzone that fills up like a glass with the combined upload progress.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/liquid-dropzone.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/liquid-dropzone.json"},{"name":"progress-ring-upload","title":"Progress Ring Upload","description":"One ring for the whole batch: a counting percentage, per-file ticks and a self-drawing check.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/progress-ring-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/progress-ring-upload.json"},{"name":"upload-dock","title":"Upload Dock","description":"A macOS-style dock of uploaded files that magnifies under the cursor.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-dock.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-dock.json"},{"name":"upload-terminal","title":"Upload Terminal","description":"Uploads printed as a CLI log with ASCII progress bars, speed and results.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-terminal.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-terminal.json"},{"name":"magnetic-dropzone","title":"Magnetic Dropzone","description":"A dropzone whose target leans towards the pointer and follows dragged files.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/magnetic-dropzone.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/magnetic-dropzone.json"},{"name":"envelope-upload","title":"Envelope Upload","description":"Files slide into an envelope; the flap closes and a seal stamps on when sent.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/envelope-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/envelope-upload.json"},{"name":"paper-plane-button","title":"Paper Plane Button","description":"A send button that fills with progress, then the paper plane takes off.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/paper-plane-button.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/paper-plane-button.json"},{"name":"shopping-bag-upload","title":"Shopping Bag Upload","description":"Product photos drop into a shopping bag that fills as they upload.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/shopping-bag-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/shopping-bag-upload.json"},{"name":"orbit-upload","title":"Orbit Upload","description":"Files orbit the center while uploading and land in a row when done.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/orbit-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/orbit-upload.json"},{"name":"upload-confetti","title":"Upload Confetti","description":"Drop into any Upload: a confetti burst in your theme's colors when a batch finishes.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-confetti.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-confetti.json"},{"name":"upload-odometer","title":"Upload Odometer","description":"Files, megabytes and percent on rolling odometer digits.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/upload-odometer.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/upload-odometer.json"},{"name":"cloud-dropzone","title":"Cloud Dropzone","description":"Particles rise into a cloud that fills with the upload progress.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/cloud-dropzone.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/cloud-dropzone.json"},{"name":"flip-card-upload","title":"Flip Card Upload","description":"A single-file card that flips to show the uploaded file.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/flip-card-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/flip-card-upload.json"},{"name":"scanner-upload","title":"Scanner Upload","description":"A document scanner frame with corner guides and a scan beam, for IDs and receipts.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/scanner-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/scanner-upload.json"},{"name":"vinyl-upload","title":"Vinyl Upload","description":"A record that spins while tracks upload, with a tonearm that follows progress.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/vinyl-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/vinyl-upload.json"},{"name":"rocket-upload","title":"Rocket Upload","description":"A rocket that climbs with the upload and lifts off when it's done.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/rocket-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/rocket-upload.json"},{"name":"battery-upload","title":"Battery Upload","description":"Charges cell by cell for backups, with a bolt that pulses while it charges.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/battery-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/battery-upload.json"},{"name":"typewriter-upload","title":"Typewriter Upload","description":"Types each file name onto a page that rolls out of the machine.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/typewriter-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/typewriter-upload.json"},{"name":"hourglass-upload","title":"Hourglass Upload","description":"Sand runs through an hourglass as files upload, with the time left up front.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/hourglass-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/hourglass-upload.json"},{"name":"blueprint-upload","title":"Blueprint Upload","description":"A drawing traces itself as CAD files upload, then the title block is approved.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/blueprint-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/blueprint-upload.json"},{"name":"stamp-upload","title":"Stamp Upload","description":"Documents land on a pile and get stamped the moment they're received.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/stamp-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/stamp-upload.json"},{"name":"delivery-upload","title":"Delivery Upload","description":"A truck carries files from the warehouse to their destination as they upload.","type":"registry:block","source_url":"https://uploadcn.dev/r/{style}/delivery-upload.json","install_command":"npx shadcn@latest add https://uploadcn.dev/r/{style}/delivery-upload.json"}]},{"id":"uselayouts","name":"@uselayouts","slug":"uselayouts","description":"Micro-interaction UI library of ~30 premium animated React components built with Framer Motion (motion) and Tailwind CSS v4, targeting React 19, designed to complement shadcn/ui. Includes 3D Book, Animated Collection, Bento Card, Bottom Menu, Day Picker, Delete/Discover Buttons, Discrete Tabs, Dynamic Toolbar, Expandable Gallery, Feature Carousel, Fluid Expanding Grid, Folder Interaction, Inline Edit, Magnified Bento, Morphing Input, Multi-Step Form, Pricing Card, Smooth Dropdown, Stacked List, Status Button, Toggle Sidebar, and Vertical Tabs. Fully free and MIT-licensed. Use for: injecting high-craft, direction-aware micro-interactions and layout animations into Next.js projects where feel and motion quality matter.","author":"iurvish","framework":"react","license":"MIT","tags":["3d","accessibility","aesthetic","ai","animation","buttons","cards","charts","dashboard","editor","forms","glassmorphism","marketing","media","mobile","navigation","overlays","theming"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://uselayouts.com","github":"https://github.com/iurvish/uselayouts","registry":"https://uselayouts.com/r/registry.json","source":"https://uselayouts.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uselayouts","markdown":"https://sh4dcn.netlify.app/md/uselayouts.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='28' height='29' viewBox='0 0 28 29' fill='none'><path d='M28 9.28C28 4.90537 28 2.71805 26.6878 1.35902C25.3757 0 23.2638 0 19.04 0H8.96C4.73621 0 2.62432 0 1.31216 1.35902C7.15256e-07 2.71805 0 4.90537 0 9.28V19.72C0 24.0946 7.15256e-07 26.2819 1.31216 27.641C2.62432 29 4.73621 29 8.96 29H19.04C23.2638 29 25.3757 29 26.6878 27.641C28 26.2819 28 24.0946 28 19.72V9.28Z' fill='var(--background)'/><path d='M24.64 7.73893C24.64 5.64952 24.64 4.60482 23.9808 4.08249C23.3216 3.56016 22.348 3.83349 20.4009 4.38015L17.1142 5.3029C15.9212 5.63786 15.3247 5.80533 14.979 6.27333C14.6333 6.74132 14.6333 7.38144 14.6333 8.66168V16.6333C14.6333 18.7227 14.6333 19.7674 15.2926 20.2897C15.9518 20.812 16.9253 20.5387 18.8724 19.9921L22.1591 19.0693C23.3521 18.7344 23.9486 18.5669 24.2943 18.0989C24.64 17.6309 24.64 16.9908 24.64 15.7105V7.73893Z' fill='var(--foreground)'/><path d='M3.36 9.27561C3.36 6.48139 3.36 5.08427 4.24184 4.38789C5.12369 3.69151 6.42449 4.06141 9.02609 4.80119L9.94609 5.06279C11.5304 5.51331 12.3226 5.73856 12.7813 6.36167C13.24 6.98477 13.24 7.83559 13.24 9.53722V15.0966C13.24 17.8908 13.24 19.2879 12.3582 19.9843C11.4763 20.6807 10.1755 20.3108 7.5739 19.571L6.65391 19.3094C5.06958 18.8589 4.27741 18.6336 3.8187 18.0105C3.36 17.3874 3.36 16.5366 3.36 14.835V9.27561Z' fill='var(--foreground)'/><path d='M3.36 7.72924C3.36 5.6438 3.36 4.60108 4.01785 4.07873C4.6757 3.55638 5.64794 3.82712 7.59241 4.36859L10.9247 5.29652C12.1208 5.62959 12.7188 5.79613 13.0655 6.26455C13.4123 6.73296 13.4123 7.37437 13.4123 8.65717V16.5776C13.4123 18.6631 13.4123 19.7058 12.7544 20.2281C12.0966 20.7505 11.1243 20.4798 9.17985 19.9383L5.84759 19.0103C4.6515 18.6773 4.05346 18.5107 3.70673 18.0423C3.36 17.5739 3.36 16.9325 3.36 15.6497V7.72924Z' fill='var(--foreground)'/></svg>","preview_image":"https://uselayouts.com/og.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":704,"open_issues":3,"last_commit":"2026-10-19T19:51:58Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uselayouts.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uselayouts.com/r/registry.json","install_bun":"bunx shadcn@latest add https://uselayouts.com/r/registry.json","clone":"git clone https://github.com/iurvish/uselayouts.git","clone_degit":"npx degit iurvish/uselayouts","registry_fetch":"curl -s https://uselayouts.com/r/registry.json"},"component_count":64,"components":[{"name":"3d-book","title":"3D Book","description":"An interactive 3D book component with page flip animations.","type":"registry:component","source_url":"https://uselayouts.com/r/3d-book.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/3d-book.json"},{"name":"accessible-action","title":"Accessible Action","description":"Interactive draggable card stack with 3D tilt, swipe-to-back gestures, click interactions, random rotation, and smooth spring animations.","type":"registry:component","source_url":"https://uselayouts.com/r/accessible-action.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/accessible-action.json"},{"name":"accordionos","title":"AccordionOS","description":"Interactive accordion showcase with animated content, image transitions, hover effects, keyboard navigation, autoplay, and responsive design.","type":"registry:component","source_url":"https://uselayouts.com/r/accordionos.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/accordionos.json"},{"name":"analog-stick","title":"Analog Stick","description":"A metallic stick that tilts into the press. Hover a quadrant and the cap leans, the shadow shifts, and the matching arrow goes amber.","type":"registry:component","source_url":"https://uselayouts.com/r/analog-stick.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/analog-stick.json"},{"name":"animated-collection","title":"Animated Collection","description":"A collection of items with smooth layout transitions and animations.","type":"registry:component","source_url":"https://uselayouts.com/r/animated-collection.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/animated-collection.json"},{"name":"bento-card","title":"Bento Card","description":"An interactive bento card with animated tabs and workspace preview.","type":"registry:component","source_url":"https://uselayouts.com/r/bento-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/bento-card.json"},{"name":"bottom-menu","title":"Bottom Menu","description":"A floating bottom navigation menu with smooth interactions.","type":"registry:component","source_url":"https://uselayouts.com/r/bottom-menu.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/bottom-menu.json"},{"name":"bucket","title":"Bucket","description":"An interactive card component that simulates a bucket where chips are tossed and replaced with smooth physics-inspired animations.","type":"registry:component","source_url":"https://uselayouts.com/r/bucket.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/bucket.json"},{"name":"card-folder","title":"Card Folder","description":"This component creates an animated folder-style card with a background image, floating 3D object, hover effects, and customizable colors and text. You can easi…","type":"registry:component","source_url":"https://uselayouts.com/r/card-folder.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/card-folder.json"},{"name":"client-card","title":"Client Card","description":"A client CRM card with payment and deadline rings, plus a morphing avatar stack.","type":"registry:component","source_url":"https://uselayouts.com/r/client-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/client-card.json"},{"name":"confidential-folder","title":"Confidential Folder","description":"A charcoal sleeve that pulls a letter out, flips it, and lands it in front of you.","type":"registry:component","source_url":"https://uselayouts.com/r/confidential-folder.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/confidential-folder.json"},{"name":"corner-video","title":"Corner Video","description":"A compact corner video player with smooth open/close morphing, autoplay, mute, enlarge, hover controls, and video scrubbing.","type":"registry:component","source_url":"https://uselayouts.com/r/corner-video.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/corner-video.json"},{"name":"coverflow-drag","title":"Coverflow Drag","description":"A drag coverflow of portraits that scale, dim, and snap as you swipe.","type":"registry:component","source_url":"https://uselayouts.com/r/coverflow-drag.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/coverflow-drag.json"},{"name":"create-menu","title":"Create Menu","description":"A Start Creating pill that springs open into a list of create actions.","type":"registry:component","source_url":"https://uselayouts.com/r/create-menu.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/create-menu.json"},{"name":"curve-drawer","title":"Curve Drawer","description":"Side drawers whose inner edge starts as a bulge and morphs into a straight line as the panel settles.","type":"registry:component","source_url":"https://uselayouts.com/r/curve-drawer.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/curve-drawer.json"},{"name":"day-picker","title":"Day Picker","description":"A custom day picker component with smooth animations.","type":"registry:component","source_url":"https://uselayouts.com/r/day-picker.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/day-picker.json"},{"name":"delete-button","title":"Delete Button","description":"A confirmation button with smooth icon transitions.","type":"registry:component","source_url":"https://uselayouts.com/r/delete-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/delete-button.json"},{"name":"discover-button","title":"Discover Button","description":"An interactive button with expanding discovery state.","type":"registry:component","source_url":"https://uselayouts.com/r/discover-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/discover-button.json"},{"name":"discrete-tabs","title":"Discrete Tabs","description":"A tab component with discrete sliding animations.","type":"registry:component","source_url":"https://uselayouts.com/r/discrete-tabs.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/discrete-tabs.json"},{"name":"drawer-buttons","title":"Drawer Buttons","description":"Two buttons that open side drawers with a 3D fold. Payment comes from the right, cart from the left, and the fields stagger in.","type":"registry:component","source_url":"https://uselayouts.com/r/drawer-buttons.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/drawer-buttons.json"},{"name":"dynamic-grid-gallery","title":"Dynamic Grid Gallery","description":"A 3×2 photo grid that grows the hovered row and column so one still takes the stage.","type":"registry:component","source_url":"https://uselayouts.com/r/dynamic-grid-gallery.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/dynamic-grid-gallery.json"},{"name":"dynamic-toolbar","title":"Dynamic Toolbar","description":"A toolbar that adapts its size and layout based on content.","type":"registry:component","source_url":"https://uselayouts.com/r/dynamic-toolbar.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/dynamic-toolbar.json"},{"name":"editorial-deck","title":"Editorial Deck","description":"A stacked editorial story deck. Drag the front card and it springs back into the pile.","type":"registry:component","source_url":"https://uselayouts.com/r/editorial-deck.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/editorial-deck.json"},{"name":"empty-testimonial","title":"Empty Testimonial","description":"An interactive empty state for testimonials with a playful folder animation.","type":"registry:component","source_url":"https://uselayouts.com/r/empty-testimonial.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/empty-testimonial.json"},{"name":"expandable-gallery","title":"Expandable Gallery","description":"A photo gallery with smooth item expansion.","type":"registry:component","source_url":"https://uselayouts.com/r/expandable-gallery.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/expandable-gallery.json"},{"name":"feature-carousel","title":"Feature Carousel","description":"A smooth carousel for showcasing product features.","type":"registry:component","source_url":"https://uselayouts.com/r/feature-carousel.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/feature-carousel.json"},{"name":"filter-interaction","title":"Filter Interaction","description":"Interactive list items with hover and focus effects.","type":"registry:component","source_url":"https://uselayouts.com/r/filter-interaction.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/filter-interaction.json"},{"name":"fluid-expanding-grid","title":"Fluid Expanding Grid","description":"A responsive gallery grid that fluidly shifts and expands items using motion layout.","type":"registry:component","source_url":"https://uselayouts.com/r/fluid-expanding-grid.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/fluid-expanding-grid.json"},{"name":"focus-testimonials","title":"Focus Testimonials","description":"Interactive testimonial section with hover-based focus effects, animated author tooltips, and expandable testimonials.","type":"registry:component","source_url":"https://uselayouts.com/r/focus-testimonials.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/focus-testimonials.json"},{"name":"folder-interaction","title":"Folder Interaction","description":"A folder management system with drag-and-drop-like feel.","type":"registry:component","source_url":"https://uselayouts.com/r/folder-interaction.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/folder-interaction.json"},{"name":"get-in-touch","title":"Get In Touch","description":"A glossy contact pill. Hover and the label lifts away so a portrait and YOU merge, then Let’s Talk! writes in.","type":"registry:component","source_url":"https://uselayouts.com/r/get-in-touch.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/get-in-touch.json"},{"name":"holographic-referral-card","title":"Holographic Referral Card","description":"A dark invite card that tilts in 3D with the pointer. A holographic glow follows. Touch stays still. Tab for a quiet glow.","type":"registry:component","source_url":"https://uselayouts.com/r/holographic-referral-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/holographic-referral-card.json"},{"name":"gooey-navbar","title":"Gooey Navbar","description":"A pill nav that melts into its neighbor when you hover — liquid bridges, active dot.","type":"registry:component","source_url":"https://uselayouts.com/r/gooey-navbar.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/gooey-navbar.json"},{"name":"infinite-grid","title":"Infinite Canvas","description":"A free-panning product canvas that tiles forever — drag, scroll, and skim an endless grid of images and captions.","type":"registry:component","source_url":"https://uselayouts.com/r/infinite-grid.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/infinite-grid.json"},{"name":"inline-edit","title":"Inline Edit","description":"An input that switches between read and edit modes.","type":"registry:component","source_url":"https://uselayouts.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/inline-edit.json"},{"name":"liquid-index","title":"Liquid Index","description":"A feature list whose hover badge is a WebGL liquid gradient that tracks the row.","type":"registry:component","source_url":"https://uselayouts.com/r/liquid-index.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/liquid-index.json"},{"name":"magnified-bento","title":"Magnified Bento","description":"A bento card component with a draggable magnifying lens effect over scrolling chips.","type":"registry:component","source_url":"https://uselayouts.com/r/magnified-bento.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/magnified-bento.json"},{"name":"morphing-input","title":"Morphing Input","description":"An input field that morphs between different states.","type":"registry:component","source_url":"https://uselayouts.com/r/morphing-input.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/morphing-input.json"},{"name":"multi-step-form","title":"Multi Step Form","description":"A dynamic, animated multi-step form with validation.","type":"registry:component","source_url":"https://uselayouts.com/r/multi-step-form.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/multi-step-form.json"},{"name":"overlapping-slider","title":"Overlapping Slider","description":"A full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.","type":"registry:component","source_url":"https://uselayouts.com/r/overlapping-slider.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/overlapping-slider.json"},{"name":"perspective-text-scroll","title":"Perspective Text Scroll","description":"A polished example interaction built with React and Motion.","type":"registry:component","source_url":"https://uselayouts.com/r/perspective-text-scroll.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/perspective-text-scroll.json"},{"name":"photo-albums","title":"Photo Albums","description":"Tilted album stacks that expand into a shared-element photo grid.","type":"registry:component","source_url":"https://uselayouts.com/r/photo-albums.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/photo-albums.json"},{"name":"paper-shred-button","title":"Paper Shred Button","description":"Hover Delete and a page appears above it. Click and the page clips away while paper strips draw in below. After a few seconds it resets so you can shred again.","type":"registry:component","source_url":"https://uselayouts.com/r/paper-shred-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/paper-shred-button.json"},{"name":"polaroid-drag","title":"Polaroid Drag","description":"Draggable Polaroid photo gallery with realistic tilt, stacking, smooth animations, and customizable captions, sizes, and decorations.","type":"registry:component","source_url":"https://uselayouts.com/r/polaroid-drag.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/polaroid-drag.json"},{"name":"polaroid-stack","title":"Polaroid Stack","description":"Seven Polaroids sit in a pile. Hover and they fan into an arc from one corner.","type":"registry:component","source_url":"https://uselayouts.com/r/polaroid-stack.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/polaroid-stack.json"},{"name":"pop-tilt-cards","title":"Pop Tilt Cards","description":"Interactive tilt card deck with smooth hover animations, 3D popping effects, images, links, and customizable card styling.","type":"registry:component","source_url":"https://uselayouts.com/r/pop-tilt-cards.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/pop-tilt-cards.json"},{"name":"pricing-card","title":"Pricing Card","description":"A focused pricing card layout with clear hierarchy.","type":"registry:component","source_url":"https://uselayouts.com/r/pricing-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/pricing-card.json"},{"name":"prompt-box","title":"Prompt Box","description":"A collapsed chat composer that expands into a textarea with a model menu and send control.","type":"registry:component","source_url":"https://uselayouts.com/r/prompt-box.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/prompt-box.json"},{"name":"rolling-card-stack","title":"Rolling Card Stack","description":"It’s a responsive, animated rolling card stack component built with React, TypeScript, Tailwind CSS, and Framer Motion. It supports desktop/mobile layouts, swi…","type":"registry:component","source_url":"https://uselayouts.com/r/rolling-card-stack.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/rolling-card-stack.json"},{"name":"save-button","title":"Save Button","description":"A button with animated states for idle, loading, and success.","type":"registry:component","source_url":"https://uselayouts.com/r/save-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/save-button.json"},{"name":"scan-document","title":"Scan Document","description":"Click Scan and a page unfolds, flips, and a glowing bar reads it. Done holds, then it resets.","type":"registry:component","source_url":"https://uselayouts.com/r/scan-document.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/scan-document.json"},{"name":"scroll-split-cards","title":"Scroll Split Cards","description":"One photograph that splits into three panels as you scroll, then flips to copy.","type":"registry:component","source_url":"https://uselayouts.com/r/scroll-split-cards.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/scroll-split-cards.json"},{"name":"scroll-stack-deck","title":"Scroll Stack Deck","description":"Scroll-linked project cards that pin in the viewport and stack, scale, and settle as you move down the page.","type":"registry:component","source_url":"https://uselayouts.com/r/scroll-stack-deck.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/scroll-stack-deck.json"},{"name":"set-timer","title":"Set Timer","description":"A dark timer pill that morphs into a minute wheel picker, then into a running timer with pause, cancel, and a rounded-rectangle progress border.","type":"registry:component","source_url":"https://uselayouts.com/r/set-timer.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/set-timer.json"},{"name":"shake-testimonial-card","title":"Shake Testimonial Card","description":"An eye-catching testimonial card with playful animations.","type":"registry:component","source_url":"https://uselayouts.com/r/shake-testimonial-card.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/shake-testimonial-card.json"},{"name":"slide-subscribe","title":"Slide Subscribe","description":"Pick a billing period, then slide to start a trial.","type":"registry:component","source_url":"https://uselayouts.com/r/slide-subscribe.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/slide-subscribe.json"},{"name":"smooth-dropdown","title":"Smooth Dropdown","description":"A dropdown menu with premium layout transitions.","type":"registry:component","source_url":"https://uselayouts.com/r/smooth-dropdown.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/smooth-dropdown.json"},{"name":"stack-scroll-reveal","title":"Stack Scroll Reveal","description":"Scroll-linked case-study cards that pin in the viewport and peel, scale, and fade as you move down the page.","type":"registry:component","source_url":"https://uselayouts.com/r/stack-scroll-reveal.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/stack-scroll-reveal.json"},{"name":"stacked-list","title":"Stacked List","description":"An expandable list widget with a stacked layout and smooth morphing transitions.","type":"registry:component","source_url":"https://uselayouts.com/r/stacked-list.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/stacked-list.json"},{"name":"stacked-outline-text","title":"Stacked Outline Text","description":"Heavy outlined type you can drag. Speed leaves a stacked white-on-black trail that springs back when you stop.","type":"registry:component","source_url":"https://uselayouts.com/r/stacked-outline-text.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/stacked-outline-text.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"A physical switch with a dotted grip. Click and the knob slides across a recessed track.","type":"registry:component","source_url":"https://uselayouts.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/theme-toggle.json"},{"name":"tactile-button","title":"Tactile Button","description":"A liquid-glass rocker that tilts into its well when you press it.","type":"registry:component","source_url":"https://uselayouts.com/r/tactile-button.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/tactile-button.json"},{"name":"vertical-tabs","title":"Vertical Tabs","description":"A vertical tab interaction with smooth content switching.","type":"registry:component","source_url":"https://uselayouts.com/r/vertical-tabs.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/vertical-tabs.json"},{"name":"wheel-carousel","title":"Wheel Carousel","description":"This component creates a smooth wheel-style carousel with photos and selectable items. It supports drag, scroll, keyboard controls, snapping, momentum, themes,…","type":"registry:component","source_url":"https://uselayouts.com/r/wheel-carousel.json","install_command":"npx shadcn@latest add https://uselayouts.com/r/wheel-carousel.json"}]},{"id":"uui","name":"@uui","slug":"uui","description":"Inspiration for UI Interfaces. Discover UI ideas, micro-interactions, and components drawn from real products.","author":null,"framework":"react","license":null,"tags":["animation","backgrounds","cards","loaders","media","overlays","text-effects","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://uui.app","github":null,"registry":"https://uui.app/r/registry.json","source":"https://uui.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uui","markdown":"https://sh4dcn.netlify.app/md/uui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='108' height='99' viewBox='0 0 108 99' fill='none'><path d='M9.21908 12.2295C-0.78092 25.4295 18.3857 42.3961 29.2191 49.2295C15.8858 52.5628 -8.08085 63.1295 2.71915 78.7295C13.5191 94.3295 32.1667 79.1667 39 70.5C43.3333 80.5 44.9383 103.959 63.2191 97.2295C81.5 90.5 70.1667 72.5 67.5 65C79.5 69 104 75.5 107.219 56.7295C109.589 42.9084 82.5525 38.2295 70.7191 37.7295C80.8858 29.2295 96.0191 10.1295 75.2191 1.72948C54.4191 -6.67053 45.2191 17.5628 43.2191 30.7295C36.0525 19.0628 19.2191 -0.970524 9.21908 12.2295Z' fill='var(--foreground)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uui.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uui.app/r/registry.json","install_bun":"bunx shadcn@latest add https://uui.app/r/registry.json","registry_fetch":"curl -s https://uui.app/r/registry.json"},"component_count":6,"components":[{"name":"cards-shader-effect","title":"Cards Shader Effect","description":null,"type":"registry:block","source_url":"https://uui.app/r/cards-shader-effect.json","install_command":"npx shadcn@latest add https://uui.app/r/cards-shader-effect.json"},{"name":"dropbox-upload","title":"Dropbox Upload","description":null,"type":"registry:block","source_url":"https://uui.app/r/dropbox-upload.json","install_command":"npx shadcn@latest add https://uui.app/r/dropbox-upload.json"},{"name":"family-signin-drawer","title":"Family Sign In Drawer","description":null,"type":"registry:block","source_url":"https://uui.app/r/family-signin-drawer.json","install_command":"npx shadcn@latest add https://uui.app/r/family-signin-drawer.json"},{"name":"snapchat-loader","title":"Snapchat Loader","description":null,"type":"registry:component","source_url":"https://uui.app/r/snapchat-loader.json","install_command":"npx shadcn@latest add https://uui.app/r/snapchat-loader.json"},{"name":"sora-theme-picker","title":"Sora Theme Picker","description":null,"type":"registry:block","source_url":"https://uui.app/r/sora-theme-picker.json","install_command":"npx shadcn@latest add https://uui.app/r/sora-theme-picker.json"},{"name":"text-shimmer-animation-on-hover","title":"Text Shimmer Animation","description":null,"type":"registry:block","source_url":"https://uui.app/r/text-shimmer-animation-on-hover.json","install_command":"npx shadcn@latest add https://uui.app/r/text-shimmer-animation-on-hover.json"}]},{"id":"vadivam","name":"@vadivam","slug":"vadivam","description":"Pixel-perfect 24px outline icons as copy-in React components, with shared size, color, and stroke props.","author":"praveenjuge","framework":"react","license":"MIT","tags":["3d","accessibility","ai","audio","forms","icons","retro"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://vadivam.praveenjuge.com","github":"https://github.com/praveenjuge/vadivam","registry":"https://vadivam.praveenjuge.com/r/registry.json","source":"https://vadivam.praveenjuge.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/vadivam","markdown":"https://sh4dcn.netlify.app/md/vadivam.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 5v10a3 3 0 0 1-3 3h-3.5c1-1.5 1.5-3.3 1.5-5.5a5.5 5.5 0 0 0-11 0c0 3 1.6 5.5 4 5.5a2.5 2.5 0 0 0 0-5c-1.6 0-2.8.6-3.7 1.6'/></svg>","preview_image":"https://vadivam.praveenjuge.com/og/index.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":13,"open_issues":1,"last_commit":"2026-10-24T04:53:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://vadivam.praveenjuge.com/r/registry.json","install_bun":"bunx shadcn@latest add https://vadivam.praveenjuge.com/r/registry.json","clone":"git clone https://github.com/praveenjuge/vadivam.git","clone_degit":"npx degit praveenjuge/vadivam","registry_fetch":"curl -s https://vadivam.praveenjuge.com/r/registry.json"},"component_count":250,"components":[{"name":"vadivam-icon","title":"VadivamIcon","description":"Shared base component for Vadivam icons: size, color, strokeWidth, absoluteStrokeWidth, and title props on a 24px outline SVG.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/vadivam-icon.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/vadivam-icon.json"},{"name":"a-arrow-down","title":"AArrowDown","description":"AArrowDown icon from Vadivam, a 24px outline icon set. Tags: letter, font size, text, formatting, smaller.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/a-arrow-down.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/a-arrow-down.json"},{"name":"a-arrow-up","title":"AArrowUp","description":"AArrowUp icon from Vadivam, a 24px outline icon set. Tags: letter, font size, text, formatting, larger, bigger.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/a-arrow-up.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/a-arrow-up.json"},{"name":"a-large-small","title":"ALargeSmall","description":"ALargeSmall icon from Vadivam, a 24px outline icon set. Tags: letter, font size, text, formatting.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/a-large-small.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/a-large-small.json"},{"name":"accessibility","title":"Accessibility","description":"Accessibility icon from Vadivam, a 24px outline icon set. Tags: disability, disabled, dda, wheelchair.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/accessibility.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/accessibility.json"},{"name":"activity","title":"Activity","description":"Activity icon from Vadivam, a 24px outline icon set. Tags: pulse, action, motion, movement, exercise, fitness, healthcare, heart rate monitor, vital signs, vit…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/activity.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/activity.json"},{"name":"ad","title":"Ad","description":"Ad icon from Vadivam, a 24px outline icon set. Tags: advert, affiliate, brand, campaign, commercial, marketing, monetize, paid, partner, promo, sponsor, audio …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/ad.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/ad.json"},{"name":"air-vent","title":"AirVent","description":"AirVent icon from Vadivam, a 24px outline icon set. Tags: air conditioner, ac, central air, cooling, climate-control.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/air-vent.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/air-vent.json"},{"name":"airplay","title":"Airplay","description":"Airplay icon from Vadivam, a 24px outline icon set. Tags: stream, cast, mirroring, screen, monitor, macos, osx.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/airplay.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/airplay.json"},{"name":"alarm-clock-check","title":"AlarmClockCheck","description":"AlarmClockCheck icon from Vadivam, a 24px outline icon set. Tags: done, todo, tick, complete, task.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/alarm-clock-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/alarm-clock-check.json"},{"name":"alarm-clock-minus","title":"AlarmClockMinus","description":"AlarmClockMinus icon from Vadivam, a 24px outline icon set. Tags: remove.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/alarm-clock-minus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/alarm-clock-minus.json"},{"name":"alarm-clock-off","title":"AlarmClockOff","description":"AlarmClockOff icon from Vadivam, a 24px outline icon set. Tags: morning, turn-off.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/alarm-clock-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/alarm-clock-off.json"},{"name":"alarm-clock-plus","title":"AlarmClockPlus","description":"AlarmClockPlus icon from Vadivam, a 24px outline icon set. Tags: add.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/alarm-clock-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/alarm-clock-plus.json"},{"name":"alarm-clock","title":"AlarmClock","description":"AlarmClock icon from Vadivam, a 24px outline icon set. Tags: morning.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/alarm-clock.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/alarm-clock.json"},{"name":"alarm-smoke","title":"AlarmSmoke","description":"AlarmSmoke icon from Vadivam, a 24px outline icon set. Tags: fire, alert, warning, detector, carbon monoxide, safety, equipment, amenities.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/alarm-smoke.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/alarm-smoke.json"},{"name":"align-center-horizontal","title":"AlignCenterHorizontal","description":"AlignCenterHorizontal icon from Vadivam, a 24px outline icon set. Tags: items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-center-horizontal.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-center-horizontal.json"},{"name":"align-center-vertical","title":"AlignCenterVertical","description":"AlignCenterVertical icon from Vadivam, a 24px outline icon set. Tags: items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-center-vertical.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-center-vertical.json"},{"name":"align-end-horizontal","title":"AlignEndHorizontal","description":"AlignEndHorizontal icon from Vadivam, a 24px outline icon set. Tags: items, bottom, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-end-horizontal.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-end-horizontal.json"},{"name":"align-end-vertical","title":"AlignEndVertical","description":"AlignEndVertical icon from Vadivam, a 24px outline icon set. Tags: items, right, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-end-vertical.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-end-vertical.json"},{"name":"align-horizontal-distribute-center","title":"AlignHorizontalDistributeCenter","description":"AlignHorizontalDistributeCenter icon from Vadivam, a 24px outline icon set. Tags: items, flex, justify, space, evenly, around.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-distribute-center.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-distribute-center.json"},{"name":"align-horizontal-distribute-end","title":"AlignHorizontalDistributeEnd","description":"AlignHorizontalDistributeEnd icon from Vadivam, a 24px outline icon set. Tags: right, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-distribute-end.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-distribute-end.json"},{"name":"align-horizontal-distribute-start","title":"AlignHorizontalDistributeStart","description":"AlignHorizontalDistributeStart icon from Vadivam, a 24px outline icon set. Tags: left, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-distribute-start.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-distribute-start.json"},{"name":"align-horizontal-justify-center","title":"AlignHorizontalJustifyCenter","description":"AlignHorizontalJustifyCenter icon from Vadivam, a 24px outline icon set. Tags: center, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-justify-center.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-justify-center.json"},{"name":"align-horizontal-justify-end","title":"AlignHorizontalJustifyEnd","description":"AlignHorizontalJustifyEnd icon from Vadivam, a 24px outline icon set. Tags: right, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-justify-end.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-justify-end.json"},{"name":"align-horizontal-justify-start","title":"AlignHorizontalJustifyStart","description":"AlignHorizontalJustifyStart icon from Vadivam, a 24px outline icon set. Tags: left, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-justify-start.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-justify-start.json"},{"name":"align-horizontal-space-around","title":"AlignHorizontalSpaceAround","description":"AlignHorizontalSpaceAround icon from Vadivam, a 24px outline icon set. Tags: center, items, flex, justify, distribute, between.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-space-around.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-space-around.json"},{"name":"align-horizontal-space-between","title":"AlignHorizontalSpaceBetween","description":"AlignHorizontalSpaceBetween icon from Vadivam, a 24px outline icon set. Tags: around, items, bottom, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-horizontal-space-between.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-horizontal-space-between.json"},{"name":"align-start-horizontal","title":"AlignStartHorizontal","description":"AlignStartHorizontal icon from Vadivam, a 24px outline icon set. Tags: top, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-start-horizontal.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-start-horizontal.json"},{"name":"align-start-vertical","title":"AlignStartVertical","description":"AlignStartVertical icon from Vadivam, a 24px outline icon set. Tags: left, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-start-vertical.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-start-vertical.json"},{"name":"align-vertical-distribute-center","title":"AlignVerticalDistributeCenter","description":"AlignVerticalDistributeCenter icon from Vadivam, a 24px outline icon set. Tags: items, flex, justify, space, evenly, around.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-distribute-center.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-distribute-center.json"},{"name":"align-vertical-distribute-end","title":"AlignVerticalDistributeEnd","description":"AlignVerticalDistributeEnd icon from Vadivam, a 24px outline icon set. Tags: bottom, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-distribute-end.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-distribute-end.json"},{"name":"align-vertical-distribute-start","title":"AlignVerticalDistributeStart","description":"AlignVerticalDistributeStart icon from Vadivam, a 24px outline icon set. Tags: top, items, flex, justify.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-distribute-start.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-distribute-start.json"},{"name":"align-vertical-justify-center","title":"AlignVerticalJustifyCenter","description":"AlignVerticalJustifyCenter icon from Vadivam, a 24px outline icon set. Tags: center, items, flex, justify, distribute, between.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-justify-center.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-justify-center.json"},{"name":"align-vertical-justify-end","title":"AlignVerticalJustifyEnd","description":"AlignVerticalJustifyEnd icon from Vadivam, a 24px outline icon set. Tags: bottom, items, flex, justify, distribute, between.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-justify-end.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-justify-end.json"},{"name":"align-vertical-justify-start","title":"AlignVerticalJustifyStart","description":"AlignVerticalJustifyStart icon from Vadivam, a 24px outline icon set. Tags: top, items, flex, justify, distribute, between.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-justify-start.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-justify-start.json"},{"name":"align-vertical-space-around","title":"AlignVerticalSpaceAround","description":"AlignVerticalSpaceAround icon from Vadivam, a 24px outline icon set. Tags: center, items, flex, justify, distribute, between.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-space-around.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-space-around.json"},{"name":"align-vertical-space-between","title":"AlignVerticalSpaceBetween","description":"AlignVerticalSpaceBetween icon from Vadivam, a 24px outline icon set. Tags: center, items, flex, justify, distribute, between.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/align-vertical-space-between.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/align-vertical-space-between.json"},{"name":"ambulance","title":"Ambulance","description":"Ambulance icon from Vadivam, a 24px outline icon set. Tags: ambulance, emergency, medical, vehicle, siren, healthcare, transportation, rescue, urgent, first ai…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/ambulance.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/ambulance.json"},{"name":"ampersand","title":"Ampersand","description":"Ampersand icon from Vadivam, a 24px outline icon set. Tags: and, typography, operator, join, concatenate, code, &.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/ampersand.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/ampersand.json"},{"name":"ampersands","title":"Ampersands","description":"Ampersands icon from Vadivam, a 24px outline icon set. Tags: and, operator, then, code, &&.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/ampersands.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/ampersands.json"},{"name":"amphora","title":"Amphora","description":"Amphora icon from Vadivam, a 24px outline icon set. Tags: pottery, artifact, artefact, vase, ceramics, clay, archaeology, museum, wine, oil.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/amphora.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/amphora.json"},{"name":"anchor","title":"Anchor","description":"Anchor icon from Vadivam, a 24px outline icon set. Tags: ship.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/anchor.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/anchor.json"},{"name":"angle","title":"Angle","description":"Angle icon from Vadivam, a 24px outline icon set. Tags: angle, degree, corner, geometry, measure, math, rotate, vertex, slope, protractor, measurement, dimensi…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/angle.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/angle.json"},{"name":"antenna","title":"Antenna","description":"Antenna icon from Vadivam, a 24px outline icon set. Tags: signal, connection, connectivity, tv, television, broadcast, live, frequency, tune, scan, channels, a…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/antenna.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/antenna.json"},{"name":"anvil","title":"Anvil","description":"Anvil icon from Vadivam, a 24px outline icon set. Tags: metal, iron, alloy, materials, heavy, weight, blacksmith, forge, acme.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/anvil.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/anvil.json"},{"name":"aperture","title":"Aperture","description":"Aperture icon from Vadivam, a 24px outline icon set. Tags: camera, photo, pictures, shutter, exposure.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/aperture.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/aperture.json"},{"name":"app-window-mac","title":"AppWindowMac","description":"AppWindowMac icon from Vadivam, a 24px outline icon set. Tags: application, menu bar, pane, preferences, macos, osx, executable.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/app-window-mac.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/app-window-mac.json"},{"name":"app-window","title":"AppWindow","description":"AppWindow icon from Vadivam, a 24px outline icon set. Tags: application, menu bar, pane, executable.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/app-window.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/app-window.json"},{"name":"apple","title":"Apple","description":"Apple icon from Vadivam, a 24px outline icon set. Tags: fruit, food, healthy, snack, nutrition, fresh, produce, grocery, organic, harvest, vitamin, red, green,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/apple.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/apple.json"},{"name":"archive-restore","title":"ArchiveRestore","description":"ArchiveRestore icon from Vadivam, a 24px outline icon set. Tags: unarchive, index, backup, box, storage, records.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/archive-restore.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/archive-restore.json"},{"name":"archive-x","title":"ArchiveX","description":"ArchiveX icon from Vadivam, a 24px outline icon set. Tags: index, backup, box, storage, records, junk.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/archive-x.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/archive-x.json"},{"name":"archive","title":"Archive","description":"Archive icon from Vadivam, a 24px outline icon set. Tags: index, backup, box, storage, records.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/archive.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/archive.json"},{"name":"armchair","title":"Armchair","description":"Armchair icon from Vadivam, a 24px outline icon set. Tags: sofa, furniture, leisure, lounge, loveseat, couch.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/armchair.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/armchair.json"},{"name":"armenian-dram","title":"ArmenianDram","description":"ArmenianDram icon from Vadivam, a 24px outline icon set. Tags: finance, symbol, banking, economy, currency, money, payment.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/armenian-dram.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/armenian-dram.json"},{"name":"arrow-big-down-dash","title":"ArrowBigDownDash","description":"ArrowBigDownDash icon from Vadivam, a 24px outline icon set. Tags: backwards, reverse, slow, direction, south, download.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-down-dash.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-down-dash.json"},{"name":"arrow-big-down","title":"ArrowBigDown","description":"ArrowBigDown icon from Vadivam, a 24px outline icon set. Tags: backwards, reverse, direction, south.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-down.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-down.json"},{"name":"arrow-big-left-dash","title":"ArrowBigLeftDash","description":"ArrowBigLeftDash icon from Vadivam, a 24px outline icon set. Tags: previous, back, direction, west, turn, corner.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-left-dash.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-left-dash.json"},{"name":"arrow-big-left","title":"ArrowBigLeft","description":"ArrowBigLeft icon from Vadivam, a 24px outline icon set. Tags: previous, back, direction, west, indicate turn.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-left.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-left.json"},{"name":"arrow-big-right-dash","title":"ArrowBigRightDash","description":"ArrowBigRightDash icon from Vadivam, a 24px outline icon set. Tags: next, forward, direction, east, turn, corner.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-right-dash.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-right-dash.json"},{"name":"arrow-big-right","title":"ArrowBigRight","description":"ArrowBigRight icon from Vadivam, a 24px outline icon set. Tags: next, forward, direction, east, indicate turn.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-right.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-right.json"},{"name":"arrow-big-up-dash","title":"ArrowBigUpDash","description":"ArrowBigUpDash icon from Vadivam, a 24px outline icon set. Tags: caps lock, capitals, keyboard, button, mac, forward, direction, north, faster, speed, boost.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-up-dash.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-up-dash.json"},{"name":"arrow-big-up","title":"ArrowBigUp","description":"ArrowBigUp icon from Vadivam, a 24px outline icon set. Tags: shift, keyboard, button, mac, capitalize, capitalise, forward, direction, north.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-big-up.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-big-up.json"},{"name":"arrow-down-0-1","title":"ArrowDown01","description":"ArrowDown01 icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, numerical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-0-1.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-0-1.json"},{"name":"arrow-down-1-0","title":"ArrowDown10","description":"ArrowDown10 icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, numerical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-1-0.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-1-0.json"},{"name":"arrow-down-a-z","title":"ArrowDownAZ","description":"ArrowDownAZ icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, alphabetical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-a-z.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-a-z.json"},{"name":"arrow-down-from-line","title":"ArrowDownFromLine","description":"ArrowDownFromLine icon from Vadivam, a 24px outline icon set. Tags: backwards, reverse, direction, south, download, expand, fold, vertical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-from-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-from-line.json"},{"name":"arrow-down-left","title":"ArrowDownLeft","description":"ArrowDownLeft icon from Vadivam, a 24px outline icon set. Tags: direction, south-west, diagonal.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-left.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-left.json"},{"name":"arrow-down-narrow-wide","title":"ArrowDownNarrowWide","description":"ArrowDownNarrowWide icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-narrow-wide.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-narrow-wide.json"},{"name":"arrow-down-right","title":"ArrowDownRight","description":"ArrowDownRight icon from Vadivam, a 24px outline icon set. Tags: direction, south-east, diagonal.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-right.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-right.json"},{"name":"arrow-down-to-dot","title":"ArrowDownToDot","description":"ArrowDownToDot icon from Vadivam, a 24px outline icon set. Tags: direction, south, waypoint, location, step, into.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-to-dot.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-to-dot.json"},{"name":"arrow-down-to-line","title":"ArrowDownToLine","description":"ArrowDownToLine icon from Vadivam, a 24px outline icon set. Tags: behind, direction, south, download, save, git, version control, pull, collapse, fold, vertica…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-to-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-to-line.json"},{"name":"arrow-down-up","title":"ArrowDownUp","description":"ArrowDownUp icon from Vadivam, a 24px outline icon set. Tags: bidirectional, two-way, 2-way, swap, switch, network, traffic, flow, mobile data, internet, sort,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-up.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-up.json"},{"name":"arrow-down-wide-narrow","title":"ArrowDownWideNarrow","description":"ArrowDownWideNarrow icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-wide-narrow.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-wide-narrow.json"},{"name":"arrow-down-z-a","title":"ArrowDownZA","description":"ArrowDownZA icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, alphabetical, rever…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down-z-a.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down-z-a.json"},{"name":"arrow-down","title":"ArrowDown","description":"ArrowDown icon from Vadivam, a 24px outline icon set. Tags: backwards, reverse, direction, south.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-down.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-down.json"},{"name":"arrow-left-from-line","title":"ArrowLeftFromLine","description":"ArrowLeftFromLine icon from Vadivam, a 24px outline icon set. Tags: previous, back, direction, west, expand, fold, horizontal, <-|.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-left-from-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-left-from-line.json"},{"name":"arrow-left-right","title":"ArrowLeftRight","description":"ArrowLeftRight icon from Vadivam, a 24px outline icon set. Tags: bidirectional, two-way, 2-way, swap, switch, transaction, reorder, move, <-, ->.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-left-right.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-left-right.json"},{"name":"arrow-left-to-line","title":"ArrowLeftToLine","description":"ArrowLeftToLine icon from Vadivam, a 24px outline icon set. Tags: previous, back, direction, west, collapse, fold, horizontal, |<-.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-left-to-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-left-to-line.json"},{"name":"arrow-left","title":"ArrowLeft","description":"ArrowLeft icon from Vadivam, a 24px outline icon set. Tags: previous, back, direction, west, <-.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-left.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-left.json"},{"name":"arrow-right-from-line","title":"ArrowRightFromLine","description":"ArrowRightFromLine icon from Vadivam, a 24px outline icon set. Tags: next, forward, direction, east, export, expand, fold, horizontal, |->.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-right-from-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-right-from-line.json"},{"name":"arrow-right-left","title":"ArrowRightLeft","description":"ArrowRightLeft icon from Vadivam, a 24px outline icon set. Tags: bidirectional, two-way, 2-way, swap, switch, transaction, reorder, move, <-, ->.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-right-left.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-right-left.json"},{"name":"arrow-right-to-line","title":"ArrowRightToLine","description":"ArrowRightToLine icon from Vadivam, a 24px outline icon set. Tags: next, forward, direction, east, tab, keyboard, mac, indent, collapse, fold, horizontal, ->|.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-right-to-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-right-to-line.json"},{"name":"arrow-right","title":"ArrowRight","description":"ArrowRight icon from Vadivam, a 24px outline icon set. Tags: forward, next, direction, east, ->.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-right.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-right.json"},{"name":"arrow-up-0-1","title":"ArrowUp01","description":"ArrowUp01 icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, numerical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-0-1.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-0-1.json"},{"name":"arrow-up-1-0","title":"ArrowUp10","description":"ArrowUp10 icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, numerical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-1-0.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-1-0.json"},{"name":"arrow-up-a-z","title":"ArrowUpAZ","description":"ArrowUpAZ icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, alphabetical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-a-z.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-a-z.json"},{"name":"arrow-up-down","title":"ArrowUpDown","description":"ArrowUpDown icon from Vadivam, a 24px outline icon set. Tags: bidirectional, two-way, 2-way, swap, switch, network, mobile data, internet, sort, reorder, move.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-down.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-down.json"},{"name":"arrow-up-from-dot","title":"ArrowUpFromDot","description":"ArrowUpFromDot icon from Vadivam, a 24px outline icon set. Tags: direction, north, step, out.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-from-dot.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-from-dot.json"},{"name":"arrow-up-from-line","title":"ArrowUpFromLine","description":"ArrowUpFromLine icon from Vadivam, a 24px outline icon set. Tags: forward, direction, north, upload, git, version control, push, expand, fold, vertical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-from-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-from-line.json"},{"name":"arrow-up-left","title":"ArrowUpLeft","description":"ArrowUpLeft icon from Vadivam, a 24px outline icon set. Tags: direction, north-west, diagonal.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-left.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-left.json"},{"name":"arrow-up-narrow-wide","title":"ArrowUpNarrowWide","description":"ArrowUpNarrowWide icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-narrow-wide.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-narrow-wide.json"},{"name":"arrow-up-right","title":"ArrowUpRight","description":"ArrowUpRight icon from Vadivam, a 24px outline icon set. Tags: direction, north-east, diagonal.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-right.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-right.json"},{"name":"arrow-up-to-line","title":"ArrowUpToLine","description":"ArrowUpToLine icon from Vadivam, a 24px outline icon set. Tags: forward, direction, north, upload, collapse, fold, vertical.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-to-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-to-line.json"},{"name":"arrow-up-wide-narrow","title":"ArrowUpWideNarrow","description":"ArrowUpWideNarrow icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-wide-narrow.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-wide-narrow.json"},{"name":"arrow-up-z-a","title":"ArrowUpZA","description":"ArrowUpZA icon from Vadivam, a 24px outline icon set. Tags: filter, sort, ascending, descending, increasing, decreasing, rising, falling, alphabetical, reverse.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up-z-a.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up-z-a.json"},{"name":"arrow-up","title":"ArrowUp","description":"ArrowUp icon from Vadivam, a 24px outline icon set. Tags: forward, direction, north.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrow-up.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrow-up.json"},{"name":"arrows-up-from-line","title":"ArrowsUpFromLine","description":"ArrowsUpFromLine icon from Vadivam, a 24px outline icon set. Tags: direction, orientation, this way up, vertical, package, box, fragile, postage, shipping.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/arrows-up-from-line.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/arrows-up-from-line.json"},{"name":"asterisk","title":"Asterisk","description":"Asterisk icon from Vadivam, a 24px outline icon set. Tags: symbol, mark, pointer, pencil, sign, alert, notification, indicator, symbolic, reference, times, mul…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/asterisk.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/asterisk.json"},{"name":"astroid","title":"Astroid","description":"Astroid icon from Vadivam, a 24px outline icon set. Tags: star, math, shape, curve, sharp, four-pointed, hypocycloid, ai, artificial intelligence.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/astroid.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/astroid.json"},{"name":"at-sign","title":"AtSign","description":"AtSign icon from Vadivam, a 24px outline icon set. Tags: mention, at, email, message, @.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/at-sign.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/at-sign.json"},{"name":"atom","title":"Atom","description":"Atom icon from Vadivam, a 24px outline icon set. Tags: atomic, nuclear, physics, particle, element, molecule, electricity, energy, chemistry.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/atom.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/atom.json"},{"name":"audio-lines-off","title":"AudioLinesOff","description":"AudioLinesOff icon from Vadivam, a 24px outline icon set. Tags: audio, sound, noise, mute, silence, off, disabled, inactive, listen, hearing, equalizer, equali…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/audio-lines-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/audio-lines-off.json"},{"name":"audio-lines-x","title":"AudioLinesX","description":"AudioLinesX icon from Vadivam, a 24px outline icon set. Tags: sound, noise, mute, silence, disabled, cancel, remove, unavailable, listen, hearing, equalizer, e…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/audio-lines-x.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/audio-lines-x.json"},{"name":"audio-lines","title":"AudioLines","description":"AudioLines icon from Vadivam, a 24px outline icon set. Tags: graphic equaliser, sound, noise, listen, hearing, hertz, frequency, wavelength, vibrate, sine, syn…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/audio-lines.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/audio-lines.json"},{"name":"audio-waveform","title":"AudioWaveform","description":"AudioWaveform icon from Vadivam, a 24px outline icon set. Tags: sound, noise, listen, hearing, hertz, frequency, wavelength, vibrate, sine, synthesizer, synthe…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/audio-waveform.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/audio-waveform.json"},{"name":"avocado","title":"Avocado","description":"Avocado icon from Vadivam, a 24px outline icon set. Tags: fruit, snack, meal, lunch, ingredient, cooking, cookery, kitchen, cuisine, eating, healthy, nutrition…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/avocado.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/avocado.json"},{"name":"award","title":"Award","description":"Award icon from Vadivam, a 24px outline icon set. Tags: achievement, badge, rosette, prize, winner.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/award.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/award.json"},{"name":"axe","title":"Axe","description":"Axe icon from Vadivam, a 24px outline icon set. Tags: hatchet, weapon, chop, sharp, equipment, fireman, firefighter, brigade, lumberjack, woodcutter, logger, f…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/axe.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/axe.json"},{"name":"axis-3d","title":"Axis3d","description":"Axis3d icon from Vadivam, a 24px outline icon set. Tags: gizmo, coordinates.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/axis-3d.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/axis-3d.json"},{"name":"baby","title":"Baby","description":"Baby icon from Vadivam, a 24px outline icon set. Tags: child, childproof, children.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/baby.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/baby.json"},{"name":"backpack","title":"Backpack","description":"Backpack icon from Vadivam, a 24px outline icon set. Tags: bag, hiking, travel, camping, school, childhood.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/backpack.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/backpack.json"},{"name":"bacon","title":"Bacon","description":"Bacon icon from Vadivam, a 24px outline icon set. Tags: rashers, smoked, streaky, crispy, meat, fast food, junk food, snack, dish, restaurant, brunch, lunch, m…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bacon.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bacon.json"},{"name":"badge-alert","title":"BadgeAlert","description":"BadgeAlert icon from Vadivam, a 24px outline icon set. Tags: check, verified, unverified, security, safety, issue.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-alert.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-alert.json"},{"name":"badge-cent","title":"BadgeCent","description":"BadgeCent icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, transac…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-cent.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-cent.json"},{"name":"badge-check","title":"BadgeCheck","description":"BadgeCheck icon from Vadivam, a 24px outline icon set. Tags: verified, check.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-check.json"},{"name":"badge-dollar-sign","title":"BadgeDollarSign","description":"BadgeDollarSign icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, t…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-dollar-sign.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-dollar-sign.json"},{"name":"badge-euro","title":"BadgeEuro","description":"BadgeEuro icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, transac…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-euro.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-euro.json"},{"name":"badge-indian-rupee","title":"BadgeIndianRupee","description":"BadgeIndianRupee icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-indian-rupee.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-indian-rupee.json"},{"name":"badge-info","title":"BadgeInfo","description":"BadgeInfo icon from Vadivam, a 24px outline icon set. Tags: verified, unverified, help.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-info.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-info.json"},{"name":"badge-japanese-yen","title":"BadgeJapaneseYen","description":"BadgeJapaneseYen icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-japanese-yen.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-japanese-yen.json"},{"name":"badge-minus","title":"BadgeMinus","description":"BadgeMinus icon from Vadivam, a 24px outline icon set. Tags: verified, unverified, delete, remove, erase.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-minus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-minus.json"},{"name":"badge-percent","title":"BadgePercent","description":"BadgePercent icon from Vadivam, a 24px outline icon set. Tags: verified, unverified, sale, discount, offer, marketing, sticker, price tag.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-percent.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-percent.json"},{"name":"badge-plus","title":"BadgePlus","description":"BadgePlus icon from Vadivam, a 24px outline icon set. Tags: verified, unverified, add, create, new.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-plus.json"},{"name":"badge-pound-sterling","title":"BadgePoundSterling","description":"BadgePoundSterling icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-pound-sterling.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-pound-sterling.json"},{"name":"badge-question-mark","title":"BadgeQuestionMark","description":"BadgeQuestionMark icon from Vadivam, a 24px outline icon set. Tags: verified, unverified, help.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-question-mark.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-question-mark.json"},{"name":"badge-russian-ruble","title":"BadgeRussianRuble","description":"BadgeRussianRuble icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-russian-ruble.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-russian-ruble.json"},{"name":"badge-swiss-franc","title":"BadgeSwissFranc","description":"BadgeSwissFranc icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, t…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-swiss-franc.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-swiss-franc.json"},{"name":"badge-turkish-lira","title":"BadgeTurkishLira","description":"BadgeTurkishLira icon from Vadivam, a 24px outline icon set. Tags: discount, offer, sale, voucher, tag, monetization, marketing, finance, financial, exchange, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-turkish-lira.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-turkish-lira.json"},{"name":"badge-x","title":"BadgeX","description":"BadgeX icon from Vadivam, a 24px outline icon set. Tags: verified, unverified, lost, delete, remove.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge-x.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge-x.json"},{"name":"badge","title":"Badge","description":"Badge icon from Vadivam, a 24px outline icon set. Tags: check, verified, unverified.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/badge.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/badge.json"},{"name":"baggage-claim","title":"BaggageClaim","description":"BaggageClaim icon from Vadivam, a 24px outline icon set. Tags: baggage, luggage, travel, cart, trolley, suitcase.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/baggage-claim.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/baggage-claim.json"},{"name":"balloon","title":"Balloon","description":"Balloon icon from Vadivam, a 24px outline icon set. Tags: party, festival, congratulations, celebration, decoration, colorful, floating, fun, birthday, event, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/balloon.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/balloon.json"},{"name":"ban","title":"Ban","description":"Ban icon from Vadivam, a 24px outline icon set. Tags: cancel, no, stop, forbidden, prohibited, error, incorrect, mistake, wrong, failure, circle, slash, null, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/ban.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/ban.json"},{"name":"banana","title":"Banana","description":"Banana icon from Vadivam, a 24px outline icon set. Tags: fruit, food.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/banana.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/banana.json"},{"name":"bandage","title":"Bandage","description":"Bandage icon from Vadivam, a 24px outline icon set. Tags: plaster, band-aid, first aid, medical, health, wound, injury, care, treatment, healing, protection, e…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bandage.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bandage.json"},{"name":"bangladeshi-taka","title":"BangladeshiTaka","description":"BangladeshiTaka icon from Vadivam, a 24px outline icon set. Tags: currency, money, payment, bdt, ৳, currency symbol, cash, banknote, price, remittance, ecommer…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bangladeshi-taka.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bangladeshi-taka.json"},{"name":"banknote-arrow-down","title":"BanknoteArrowDown","description":"BanknoteArrowDown icon from Vadivam, a 24px outline icon set. Tags: bill, currency, money, payment, funds, transaction, cash, finance, withdraw, expense, out, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/banknote-arrow-down.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/banknote-arrow-down.json"},{"name":"banknote-arrow-up","title":"BanknoteArrowUp","description":"BanknoteArrowUp icon from Vadivam, a 24px outline icon set. Tags: bill, currency, money, payment, funds, transaction, cash, finance, deposit, earnings, income,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/banknote-arrow-up.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/banknote-arrow-up.json"},{"name":"banknote-check","title":"BanknoteCheck","description":"BanknoteCheck icon from Vadivam, a 24px outline icon set. Tags: banknote, bill, currency, payment, money, finance, document, verification, tick, verified, acce…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/banknote-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/banknote-check.json"},{"name":"banknote-x","title":"BanknoteX","description":"BanknoteX icon from Vadivam, a 24px outline icon set. Tags: bill, currency, money, payment, funds, transaction, cash, finance, error, failed, rejected, cancele…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/banknote-x.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/banknote-x.json"},{"name":"banknote","title":"Banknote","description":"Banknote icon from Vadivam, a 24px outline icon set. Tags: currency, money, payment.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/banknote.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/banknote.json"},{"name":"barcode","title":"Barcode","description":"Barcode icon from Vadivam, a 24px outline icon set. Tags: scan, checkout, till, cart, transaction, purchase, buy, product, packaging, retail, consumer.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/barcode.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/barcode.json"},{"name":"barrel","title":"Barrel","description":"Barrel icon from Vadivam, a 24px outline icon set. Tags: keg, drum, tank, wine, beer, oak, wood, firkin, hogshead, kilderkin, barrique, solera, aging, whiskey,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/barrel.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/barrel.json"},{"name":"baseline","title":"Baseline","description":"Baseline icon from Vadivam, a 24px outline icon set. Tags: text, format, color.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/baseline.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/baseline.json"},{"name":"bath","title":"Bath","description":"Bath icon from Vadivam, a 24px outline icon set. Tags: amenities, services, bathroom, shower.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bath.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bath.json"},{"name":"battery-charging","title":"BatteryCharging","description":"BatteryCharging icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery-charging.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery-charging.json"},{"name":"battery-full","title":"BatteryFull","description":"BatteryFull icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery-full.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery-full.json"},{"name":"battery-low","title":"BatteryLow","description":"BatteryLow icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery-low.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery-low.json"},{"name":"battery-medium","title":"BatteryMedium","description":"BatteryMedium icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery-medium.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery-medium.json"},{"name":"battery-plus","title":"BatteryPlus","description":"BatteryPlus icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge, plus, economy, health, add, new, maximum, upgrad…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery-plus.json"},{"name":"battery-warning","title":"BatteryWarning","description":"BatteryWarning icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge, exclamation mark.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery-warning.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery-warning.json"},{"name":"battery","title":"Battery","description":"Battery icon from Vadivam, a 24px outline icon set. Tags: power, electricity, energy, accumulator, charge.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/battery.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/battery.json"},{"name":"beaker","title":"Beaker","description":"Beaker icon from Vadivam, a 24px outline icon set. Tags: cup, lab, chemistry, experiment, test.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/beaker.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/beaker.json"},{"name":"bean-off","title":"BeanOff","description":"BeanOff icon from Vadivam, a 24px outline icon set. Tags: soy free, legume, soy, food, seed, allergy, intolerance, diet.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bean-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bean-off.json"},{"name":"bean","title":"Bean","description":"Bean icon from Vadivam, a 24px outline icon set. Tags: legume, soy, food, seed.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bean.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bean.json"},{"name":"bed-double","title":"BedDouble","description":"BedDouble icon from Vadivam, a 24px outline icon set. Tags: sleep, hotel, furniture.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bed-double.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bed-double.json"},{"name":"bed-single","title":"BedSingle","description":"BedSingle icon from Vadivam, a 24px outline icon set. Tags: sleep, hotel, furniture.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bed-single.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bed-single.json"},{"name":"bed","title":"Bed","description":"Bed icon from Vadivam, a 24px outline icon set. Tags: sleep, hotel, furniture.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bed.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bed.json"},{"name":"beef-off","title":"BeefOff","description":"BeefOff icon from Vadivam, a 24px outline icon set. Tags: food, dish, restaurant, course, meal, meat, bbq, steak, vegetarian.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/beef-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/beef-off.json"},{"name":"beef","title":"Beef","description":"Beef icon from Vadivam, a 24px outline icon set. Tags: food, dish, restaurant, course, meal, meat, bbq, steak.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/beef.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/beef.json"},{"name":"beer-off","title":"BeerOff","description":"BeerOff icon from Vadivam, a 24px outline icon set. Tags: alcohol, bar, beverage, brewery, drink.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/beer-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/beer-off.json"},{"name":"beer","title":"Beer","description":"Beer icon from Vadivam, a 24px outline icon set. Tags: alcohol, bar, beverage, brewery, drink.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/beer.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/beer.json"},{"name":"belarusian-ruble","title":"BelarusianRuble","description":"BelarusianRuble icon from Vadivam, a 24px outline icon set. Tags: currency, money, payment, byn, iso4217, fiat, prices, localization, banking, checkout, wallet…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/belarusian-ruble.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/belarusian-ruble.json"},{"name":"bell-check","title":"BellCheck","description":"BellCheck icon from Vadivam, a 24px outline icon set. Tags: alarm, notification, sound, reminder.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-check.json"},{"name":"bell-dot","title":"BellDot","description":"BellDot icon from Vadivam, a 24px outline icon set. Tags: alarm, notification, sound, reminder, unread.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-dot.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-dot.json"},{"name":"bell-electric","title":"BellElectric","description":"BellElectric icon from Vadivam, a 24px outline icon set. Tags: fire alarm, flames, smoke, firefighter, fireman, department, brigade, station, emergency, alert,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-electric.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-electric.json"},{"name":"bell-minus","title":"BellMinus","description":"BellMinus icon from Vadivam, a 24px outline icon set. Tags: alarm, notification, silent, reminder, delete, remove, erase.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-minus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-minus.json"},{"name":"bell-off","title":"BellOff","description":"BellOff icon from Vadivam, a 24px outline icon set. Tags: alarm, notification, silent, reminder.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-off.json"},{"name":"bell-plus","title":"BellPlus","description":"BellPlus icon from Vadivam, a 24px outline icon set. Tags: notification, silent, reminder, add, create, new.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-plus.json"},{"name":"bell-ring","title":"BellRing","description":"BellRing icon from Vadivam, a 24px outline icon set. Tags: alarm, notification, sound, reminder.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell-ring.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell-ring.json"},{"name":"bell","title":"Bell","description":"Bell icon from Vadivam, a 24px outline icon set. Tags: alarm, notification, sound, reminder.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bell.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bell.json"},{"name":"between-horizontal-end","title":"BetweenHorizontalEnd","description":"BetweenHorizontalEnd icon from Vadivam, a 24px outline icon set. Tags: insert, add, left, slot, squeeze, space, vertical, grid, table, rows, cells, excel, spre…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/between-horizontal-end.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/between-horizontal-end.json"},{"name":"between-horizontal-start","title":"BetweenHorizontalStart","description":"BetweenHorizontalStart icon from Vadivam, a 24px outline icon set. Tags: insert, add, right, slot, squeeze, space, vertical, grid, table, rows, cells, excel, s…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/between-horizontal-start.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/between-horizontal-start.json"},{"name":"between-vertical-end","title":"BetweenVerticalEnd","description":"BetweenVerticalEnd icon from Vadivam, a 24px outline icon set. Tags: insert, add, top, slot, squeeze, space, vertical, grid, table, columns, cells, data, enter…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/between-vertical-end.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/between-vertical-end.json"},{"name":"between-vertical-start","title":"BetweenVerticalStart","description":"BetweenVerticalStart icon from Vadivam, a 24px outline icon set. Tags: insert, add, bottom, slot, squeeze, space, vertical, grid, table, columns, cells, data, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/between-vertical-start.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/between-vertical-start.json"},{"name":"biceps-flexed","title":"BicepsFlexed","description":"BicepsFlexed icon from Vadivam, a 24px outline icon set. Tags: arm, muscle, strong, working out, athletic, toned, muscular, forelimb, curled.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/biceps-flexed.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/biceps-flexed.json"},{"name":"bike","title":"Bike","description":"Bike icon from Vadivam, a 24px outline icon set. Tags: bicycle, transport, trip.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bike.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bike.json"},{"name":"binary","title":"Binary","description":"Binary icon from Vadivam, a 24px outline icon set. Tags: code, digits, computer, zero, one, boolean.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/binary.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/binary.json"},{"name":"binoculars","title":"Binoculars","description":"Binoculars icon from Vadivam, a 24px outline icon set. Tags: field glasses, lorgnette, pince-nez, observation, sightseeing, nature, wildlife, birdwatching, sco…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/binoculars.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/binoculars.json"},{"name":"biohazard","title":"Biohazard","description":"Biohazard icon from Vadivam, a 24px outline icon set. Tags: fallout, waste, biology, chemistry, chemical, element.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/biohazard.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/biohazard.json"},{"name":"bird","title":"Bird","description":"Bird icon from Vadivam, a 24px outline icon set. Tags: peace, freedom, wing, avian, tweet.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bird.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bird.json"},{"name":"birdhouse","title":"Birdhouse","description":"Birdhouse icon from Vadivam, a 24px outline icon set. Tags: birdhouse, bird, garden, home, house, woodwork.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/birdhouse.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/birdhouse.json"},{"name":"bitcoin","title":"Bitcoin","description":"Bitcoin icon from Vadivam, a 24px outline icon set. Tags: cryptocurrency, digital, blockchain, finance, coin, market, decentralized, investment, crypto, curren…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bitcoin.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bitcoin.json"},{"name":"blend","title":"Blend","description":"Blend icon from Vadivam, a 24px outline icon set. Tags: mode, overlay, multiply, screen, opacity, transparency, alpha, filters, lenses, mixed, shades, tints, h…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/blend.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/blend.json"},{"name":"blender","title":"Blender","description":"Blender icon from Vadivam, a 24px outline icon set. Tags: mixer, appliances, food, liquid, juicer, vitamizer, mix, emulsify, smoothie, drink, blade, container,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/blender.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/blender.json"},{"name":"blinds","title":"Blinds","description":"Blinds icon from Vadivam, a 24px outline icon set. Tags: shades, screen, curtain, shutter, roller blind, window, lighting, household, home.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/blinds.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/blinds.json"},{"name":"blocks","title":"Blocks","description":"Blocks icon from Vadivam, a 24px outline icon set. Tags: addon, plugin, integration, extension, package, build, stack, toys, kids, children, learning, squares,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/blocks.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/blocks.json"},{"name":"bluetooth-connected","title":"BluetoothConnected","description":"BluetoothConnected icon from Vadivam, a 24px outline icon set. Tags: paired.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bluetooth-connected.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bluetooth-connected.json"},{"name":"bluetooth-off","title":"BluetoothOff","description":"BluetoothOff icon from Vadivam, a 24px outline icon set. Tags: lost.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bluetooth-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bluetooth-off.json"},{"name":"bluetooth-searching","title":"BluetoothSearching","description":"BluetoothSearching icon from Vadivam, a 24px outline icon set. Tags: pairing.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bluetooth-searching.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bluetooth-searching.json"},{"name":"bluetooth","title":"Bluetooth","description":"Bluetooth icon from Vadivam, a 24px outline icon set. Tags: wireless.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bluetooth.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bluetooth.json"},{"name":"bold","title":"Bold","description":"Bold icon from Vadivam, a 24px outline icon set. Tags: text, strong, format.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bold.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bold.json"},{"name":"bolt","title":"Bolt","description":"Bolt icon from Vadivam, a 24px outline icon set. Tags: nut, screw, settings, preferences, configuration, controls, edit, diy, fixed, build, construction, parts.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bolt.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bolt.json"},{"name":"bomb","title":"Bomb","description":"Bomb icon from Vadivam, a 24px outline icon set. Tags: fatal, error, crash, blockbuster, mine, explosion, explode, explosive.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bomb.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bomb.json"},{"name":"bone-fracture","title":"BoneFracture","description":"BoneFracture icon from Vadivam, a 24px outline icon set. Tags: bone, fracture, injury, orthopedic, medical, anatomy, skeletal, broken, xray, trauma, health, ve…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bone-fracture.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bone-fracture.json"},{"name":"bone","title":"Bone","description":"Bone icon from Vadivam, a 24px outline icon set. Tags: health, skeleton, skull, death, pets, dog.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bone.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bone.json"},{"name":"book-a","title":"BookA","description":"BookA icon from Vadivam, a 24px outline icon set. Tags: dictionary, define, definition, thesaurus, encyclopedia, encyclopaedia, reading, booklet, magazine, lea…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-a.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-a.json"},{"name":"book-alert","title":"BookAlert","description":"BookAlert icon from Vadivam, a 24px outline icon set. Tags: reading, paperback, booklet, magazine, leaflet, pamphlet, tome, library, writing, written, writer, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-alert.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-alert.json"},{"name":"book-audio","title":"BookAudio","description":"BookAudio icon from Vadivam, a 24px outline icon set. Tags: audiobook, reading, listening, sound, story, fiction, novel, information, knowledge, education, stu…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-audio.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-audio.json"},{"name":"book-bookmark","title":"BookBookmark","description":"BookBookmark icon from Vadivam, a 24px outline icon set. Tags: dictionary, reading, booklet, magazine, leaflet, pamphlet, tome, library, writing, written, writ…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-bookmark.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-bookmark.json"},{"name":"book-check","title":"BookCheck","description":"BookCheck icon from Vadivam, a 24px outline icon set. Tags: read, booklet, magazine, leaflet, pamphlet, library, written, authored, published, informed, knowle…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-check.json"},{"name":"book-copy","title":"BookCopy","description":"BookCopy icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, clone, fork, duplicate, multiple, books, library, co…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-copy.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-copy.json"},{"name":"book-dashed","title":"BookDashed","description":"BookDashed icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, template, draft, script, screenplay, writing, writ…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-dashed.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-dashed.json"},{"name":"book-down","title":"BookDown","description":"BookDown icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, pull.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-down.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-down.json"},{"name":"book-headphones","title":"BookHeadphones","description":"BookHeadphones icon from Vadivam, a 24px outline icon set. Tags: audiobook, reading, listening, sound, story, fiction, novel, information, knowledge, education…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-headphones.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-headphones.json"},{"name":"book-heart","title":"BookHeart","description":"BookHeart icon from Vadivam, a 24px outline icon set. Tags: diary, romance, novel, journal, entry, entries, personal, private, secret, crush, like, love, emoti…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-heart.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-heart.json"},{"name":"book-image","title":"BookImage","description":"BookImage icon from Vadivam, a 24px outline icon set. Tags: images, pictures, photos, album, collection, event, magazine, catalog, catalogue, brochure, browse,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-image.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-image.json"},{"name":"book-key","title":"BookKey","description":"BookKey icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, private, public, secret, unlocked, hidden, revealed, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-key.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-key.json"},{"name":"book-lock","title":"BookLock","description":"BookLock icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, private, secret, hidden, knowledge.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-lock.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-lock.json"},{"name":"book-minus","title":"BookMinus","description":"BookMinus icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, remove, delete, censor, cancel, forbid, prohibit, b…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-minus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-minus.json"},{"name":"book-open-check","title":"BookOpenCheck","description":"BookOpenCheck icon from Vadivam, a 24px outline icon set. Tags: read, pages, booklet, magazine, leaflet, pamphlet, library, written, authored, published, infor…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-open-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-open-check.json"},{"name":"book-open-text","title":"BookOpenText","description":"BookOpenText icon from Vadivam, a 24px outline icon set. Tags: reading, pages, booklet, magazine, leaflet, pamphlet, library, writing, written, writer, author,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-open-text.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-open-text.json"},{"name":"book-open","title":"BookOpen","description":"BookOpen icon from Vadivam, a 24px outline icon set. Tags: reading, pages, booklet, magazine, leaflet, pamphlet, library, writing, written, writer, author, sto…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-open.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-open.json"},{"name":"book-plus","title":"BookPlus","description":"BookPlus icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, remove, delete, read, write, author, publish, inform…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-plus.json"},{"name":"book-search","title":"BookSearch","description":"BookSearch icon from Vadivam, a 24px outline icon set. Tags: reading, library, study, education, research, knowledge, discover, browsing, lookup, finding, scan…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-search.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-search.json"},{"name":"book-text","title":"BookText","description":"BookText icon from Vadivam, a 24px outline icon set. Tags: reading, booklet, magazine, leaflet, pamphlet, tome, library, writing, written, writer, author, stor…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-text.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-text.json"},{"name":"book-type","title":"BookType","description":"BookType icon from Vadivam, a 24px outline icon set. Tags: thesaurus, synonym, reading, booklet, magazine, leaflet, pamphlet, tome, library, writing, written, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-type.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-type.json"},{"name":"book-up-2","title":"BookUp2","description":"BookUp2 icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, push, force.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-up-2.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-up-2.json"},{"name":"book-up","title":"BookUp","description":"BookUp icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, push.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-up.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-up.json"},{"name":"book-user","title":"BookUser","description":"BookUser icon from Vadivam, a 24px outline icon set. Tags: person, people, family, friends, acquaintances, contacts, details, addresses, phone numbers, directo…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-user.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-user.json"},{"name":"book-x","title":"BookX","description":"BookX icon from Vadivam, a 24px outline icon set. Tags: code, coding, version control, git, repository, remove, delete, reading, misinformation, disinformation…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book-x.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book-x.json"},{"name":"book","title":"Book","description":"Book icon from Vadivam, a 24px outline icon set. Tags: reading, paperback, booklet, magazine, leaflet, pamphlet, tome, library, writing, written, writer, autho…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/book.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/book.json"},{"name":"bookmark-check","title":"BookmarkCheck","description":"BookmarkCheck icon from Vadivam, a 24px outline icon set. Tags: read, finished, complete, clip, marker, tag, task, todo.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bookmark-check.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bookmark-check.json"},{"name":"bookmark-minus","title":"BookmarkMinus","description":"BookmarkMinus icon from Vadivam, a 24px outline icon set. Tags: delete, remove.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bookmark-minus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bookmark-minus.json"},{"name":"bookmark-off","title":"BookmarkOff","description":"BookmarkOff icon from Vadivam, a 24px outline icon set. Tags: unsaved, unfavorite, unmarked, unlabel, disabled, removed, unpin, unread, unclip, marker, untag.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bookmark-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bookmark-off.json"},{"name":"bookmark-plus","title":"BookmarkPlus","description":"BookmarkPlus icon from Vadivam, a 24px outline icon set. Tags: add.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bookmark-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bookmark-plus.json"},{"name":"bookmark-x","title":"BookmarkX","description":"BookmarkX icon from Vadivam, a 24px outline icon set. Tags: read, clip, marker, tag, cancel, close, delete, remove, clear.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bookmark-x.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bookmark-x.json"},{"name":"bookmark","title":"Bookmark","description":"Bookmark icon from Vadivam, a 24px outline icon set. Tags: save, favorite, mark, label, attachment, file, stick, pin, read, clip, marker, tag.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bookmark.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bookmark.json"},{"name":"boom-box","title":"BoomBox","description":"BoomBox icon from Vadivam, a 24px outline icon set. Tags: radio, speakers, audio, music, sound, broadcast, live, frequency.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/boom-box.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/boom-box.json"},{"name":"bot-message-square","title":"BotMessageSquare","description":"BotMessageSquare icon from Vadivam, a 24px outline icon set. Tags: robot, ai, chat, assistant.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bot-message-square.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bot-message-square.json"},{"name":"bot-off","title":"BotOff","description":"BotOff icon from Vadivam, a 24px outline icon set. Tags: robot, ai, chat, assistant.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bot-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bot-off.json"},{"name":"bot","title":"Bot","description":"Bot icon from Vadivam, a 24px outline icon set. Tags: robot, ai, chat, assistant.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bot.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bot.json"},{"name":"bottle-wine","title":"BottleWine","description":"BottleWine icon from Vadivam, a 24px outline icon set. Tags: alcohol, drink, glass, goblet, chalice, vineyard, winery, red, white, rose, dry, sparkling, bar, p…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bottle-wine.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bottle-wine.json"},{"name":"bow-arrow","title":"BowArrow","description":"BowArrow icon from Vadivam, a 24px outline icon set. Tags: archer, archery, game, war, weapon.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bow-arrow.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bow-arrow.json"},{"name":"box","title":"Box","description":"Box icon from Vadivam, a 24px outline icon set. Tags: cube, package, container, storage, geometry, 3d, isometric.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/box.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/box.json"},{"name":"boxes","title":"Boxes","description":"Boxes icon from Vadivam, a 24px outline icon set. Tags: cubes, packages, parts, group, units, collection, cluster, geometry.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/boxes.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/boxes.json"},{"name":"braces","title":"Braces","description":"Braces icon from Vadivam, a 24px outline icon set. Tags: json, code, token, curly brackets, data, {, }.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/braces.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/braces.json"},{"name":"brackets","title":"Brackets","description":"Brackets icon from Vadivam, a 24px outline icon set. Tags: code, token, array, list, square, [, ].","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brackets.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brackets.json"},{"name":"brain-circuit","title":"BrainCircuit","description":"BrainCircuit icon from Vadivam, a 24px outline icon set. Tags: mind, intellect, artificial intelligence, ai, deep learning, machine learning, computing.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brain-circuit.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brain-circuit.json"},{"name":"brain-cog","title":"BrainCog","description":"BrainCog icon from Vadivam, a 24px outline icon set. Tags: mind, intellect, artificial intelligence, ai, deep learning, machine learning, computing.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brain-cog.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brain-cog.json"},{"name":"brain-off","title":"BrainOff","description":"BrainOff icon from Vadivam, a 24px outline icon set. Tags: medical, mind, mental, intellect, cerebral, consciousness, genius, artificial intelligence, ai, thin…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brain-off.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brain-off.json"},{"name":"brain","title":"Brain","description":"Brain icon from Vadivam, a 24px outline icon set. Tags: medical, mind, mental, intellect, cerebral, consciousness, genius, artificial intelligence, ai, think, …","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brain.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brain.json"},{"name":"brick-wall-fire","title":"BrickWallFire","description":"BrickWallFire icon from Vadivam, a 24px outline icon set. Tags: firewall, security, bricks, mortar, cement, materials, construction, builder, labourer, quantit…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brick-wall-fire.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brick-wall-fire.json"},{"name":"brick-wall-shield","title":"BrickWallShield","description":"BrickWallShield icon from Vadivam, a 24px outline icon set. Tags: firewall, security, bricks, mortar, cement, materials, construction, builder, labourer, quant…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brick-wall-shield.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brick-wall-shield.json"},{"name":"brick-wall","title":"BrickWall","description":"BrickWall icon from Vadivam, a 24px outline icon set. Tags: bricks, mortar, cement, materials, construction, builder, labourer, quantity surveyor, blocks, ston…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/brick-wall.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/brick-wall.json"},{"name":"bridge","title":"Bridge","description":"Bridge icon from Vadivam, a 24px outline icon set. Tags: overpass, cross over, traverse, viaduct, suspension, infrastructure, transportation, crossing, road, r…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/bridge.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/bridge.json"},{"name":"briefcase-business","title":"BriefcaseBusiness","description":"BriefcaseBusiness icon from Vadivam, a 24px outline icon set. Tags: work, bag, baggage, folder, portfolio.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/briefcase-business.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/briefcase-business.json"},{"name":"briefcase-conveyor-belt","title":"BriefcaseConveyorBelt","description":"BriefcaseConveyorBelt icon from Vadivam, a 24px outline icon set. Tags: baggage, luggage, travel, suitcase, conveyor, carousel.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/briefcase-conveyor-belt.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/briefcase-conveyor-belt.json"},{"name":"briefcase-medical","title":"BriefcaseMedical","description":"BriefcaseMedical icon from Vadivam, a 24px outline icon set. Tags: doctor, medicine, first aid.","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/briefcase-medical.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/briefcase-medical.json"},{"name":"briefcase-plus","title":"BriefcasePlus","description":"BriefcasePlus icon from Vadivam, a 24px outline icon set. Tags: work, bag, baggage, folder, new, add, create, increase, briefcase, portfolio, business, career,…","type":"registry:component","source_url":"https://vadivam.praveenjuge.com/r/briefcase-plus.json","install_command":"npx shadcn@latest add https://vadivam.praveenjuge.com/r/briefcase-plus.json"}]},{"id":"vectorstudio-ir","name":"@vectorstudio-ir","slug":"vectorstudio-ir","description":"Vectorstudio UI design system: 60 shadcn-compatible primitives on @base-ui/react, RTL/Persian first, 578-icon pixel-icon library, Tailwind v4 + orange brand palette.","author":"vectorstudio-ir","framework":"react","license":"MIT","tags":["auth","buttons","cards","charts","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","pro-available","retro","tables"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://github.com/vectorstudio-ir/ui","github":"https://github.com/vectorstudio-ir/ui","registry":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/registry.json","source":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/registry.json","page":"https://sh4dcn.netlify.app/registry/vectorstudio-ir","markdown":"https://sh4dcn.netlify.app/md/vectorstudio-ir.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><rect width=\"32\" height=\"32\" rx=\"8\" fill=\"#FE5000\"/><path d=\"M9 9 L16 23 L23 9\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"/></svg>","preview_image":"https://opengraph.githubassets.com/51edb79fb2919ba0a32336e4549a1eb1544db80f6e8f2f8d39ecb2692c5bfb42/vectorstudio-ir/ui","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-08-03T16:07:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/registry.json","install_bun":"bunx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/registry.json","clone":"git clone https://github.com/vectorstudio-ir/ui.git","clone_degit":"npx degit vectorstudio-ir/ui","registry_fetch":"curl -s https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/registry.json"},"component_count":66,"components":[{"name":"accordion","title":"Accordion","description":"A vertically stacked set of interactive headings that each reveal a section of content.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/accordion.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/accordion.json"},{"name":"alert","title":"Alert","description":"Displays a callout for user attention.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/alert.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A modal dialog that interrupts the user with important content and expects a response.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/alert-dialog.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/alert-dialog.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Displays content within a desired ratio.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"File attachment preview chip with download / remove affordances.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/attachment.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/attachment.json"},{"name":"avatar","title":"Avatar","description":"An image element with a fallback for representing the user.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/avatar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/avatar.json"},{"name":"badge","title":"Badge","description":"Displays a badge or a component that looks like a badge.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/badge.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/badge.json"},{"name":"base-nova-rtl","title":"base-nova-rtl (brand palette + RTL defaults)","description":"Injects the Vectorstudio brand palette (orange primary, brand neutrals, success/warning tokens), the Persian/Latin variable font registrations, and the RTL-awa…","type":"registry:style","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/base-nova-rtl.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/base-nova-rtl.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Displays the path to the current resource using a hierarchy of links.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/breadcrumb.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/breadcrumb.json"},{"name":"bubble","title":"Bubble","description":"Chat bubble layout with avatar slot and timestamp.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/bubble.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/bubble.json"},{"name":"button","title":"Button","description":"Displays a button or a component that looks like a button. Base-nova variants on @base-ui/react.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/button.json"},{"name":"button-group","title":"Button Group","description":"Container that groups related buttons together with consistent spacing.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/button-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"A date field component that allows users to enter and edit date values.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/calendar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/calendar.json"},{"name":"card","title":"Card","description":"Displays a card with header, content, and footer.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/card.json"},{"name":"carousel","title":"Carousel","description":"A carousel with motion and swipe gestures, built on Embla.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/carousel.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/carousel.json"},{"name":"chart","title":"Chart","description":"Recharts wrapper with theme tokens for bar/line/area/pie/radar charts.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/chart.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/checkbox.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"An interactive component which expands/collapses a panel.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/collapsible.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Autocomplete input with a filterable list of options, built on @base-ui/react.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/combobox.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/combobox.json"},{"name":"command","title":"Command","description":"Fast, searchable command palette (⌘K) built on cmdk.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/command.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"Displays a menu to the user — such as a set of actions — triggered by right-click.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/context-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"A window overlaid on either the primary window or another dialog window.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/dialog.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/dialog.json"},{"name":"direction","title":"Direction Provider","description":"Re-export of @base-ui/react/direction-provider for RTL/LTR directionality.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/direction.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/direction.json"},{"name":"drawer","title":"Drawer","description":"A draggable, dismissable side panel.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/drawer.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Displays a menu to the user — such as a set of actions — triggered by a button.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"Placeholder for empty states (lists, tables, search results).","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/empty.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/empty.json"},{"name":"field","title":"Field","description":"Label + control + helper/error message container with consistent spacing.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/field.json"},{"name":"globals","title":"globals.css (base palette + RTL)","description":"Tailwind v4 CSS-first config with the Vectorstudio palette, Persian font registration, RTL defaults, and shadcn-style layer base.","type":"registry:style","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/globals.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/globals.json"},{"name":"hover-card","title":"Hover Card","description":"For sighted users to preview content available behind a link.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/hover-card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/hover-card.json"},{"name":"icons","title":"Pixel Icons (578)","description":"Auto-generated barrel of 578 icons from @hackernoon/pixel-icon-library across regular, solid, brands, and purcats categories.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/icons.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/icons.json"},{"name":"input","title":"Input","description":"Displays a form input field.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/input.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/input.json"},{"name":"input-group","title":"Input Group","description":"Input wrapper that supports addons, prefixes, and suffixes with consistent styling.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/input-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"Accessible one-time password input with individual character slots.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/input-otp.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/input-otp.json"},{"name":"item","title":"Item","description":"A versatile content container with header/body/footer slots.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/item.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/item.json"},{"name":"kbd","title":"Kbd","description":"Displays keyboard shortcuts inside a kbd element.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/kbd.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/kbd.json"},{"name":"label","title":"Label","description":"Renders an accessible label associated with a form control.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/label.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/label.json"},{"name":"marker","title":"Marker","description":"Compact badge-like marker used for tags and statuses.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/marker.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/marker.json"},{"name":"menubar","title":"Menubar","description":"A visually persistent menu common in desktop applications. Built on @base-ui/react.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/menubar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/menubar.json"},{"name":"message","title":"Message","description":"Single chat message with author, body, and timestamp slots.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/message.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"Auto-scrolling container for chat-style message lists with sticky scroll behavior.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/message-scroller.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/message-scroller.json"},{"name":"native-select","title":"Native Select","description":"Native HTML <select> styled to match the design system.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/native-select.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A collection of links for navigating websites, with hover-to-open dropdowns.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/navigation-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/navigation-menu.json"},{"name":"pagination","title":"Pagination","description":"Pagination with previous/next and page-number controls. Built on @base-ui/react.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/pagination.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/pagination.json"},{"name":"pixel-icon","title":"PixelIcon","description":"Single-icon wrapper that renders a pixel-icon SVG with consistent sizing and color.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/pixel-icon.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/pixel-icon.json"},{"name":"popover","title":"Popover","description":"Displays rich content in a portal, triggered by a button.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/popover.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/popover.json"},{"name":"progress","title":"Progress","description":"Displays an indicator showing the completion progress of a task.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/progress.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"A set of checkable buttons where no more than one can be checked at a time.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/radio-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Accessible resizable panel groups, built on react-resizable-panels.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/resizable.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"Augments native scroll viewport with custom styled scrollbars.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/scroll-area.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/scroll-area.json"},{"name":"select","title":"Select","description":"Displays a list of options for the user to pick from — triggered by a button.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/select.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/select.json"},{"name":"separator","title":"Separator","description":"Visually or semantically separates content.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/separator.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/separator.json"},{"name":"sheet","title":"Sheet","description":"Extends the Dialog component to display content that complements the main content.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/sheet.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/sheet.json"},{"name":"sidebar","title":"Sidebar","description":"Persisted, collapsible, mobile-aware sidebar with composable subcomponents.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/sidebar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/sidebar.json"},{"name":"skeleton","title":"Skeleton","description":"Use to show a placeholder while content is loading.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/skeleton.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/skeleton.json"},{"name":"slider","title":"Slider","description":"An input where the user selects a value from within a given range.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/slider.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/slider.json"},{"name":"sonner","title":"Sonner","description":"Opinionated toast component built on the sonner library.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/sonner.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/sonner.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner used to indicate a busy state.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/spinner.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/spinner.json"},{"name":"switch","title":"Switch","description":"A control that allows the user to toggle between checked and not checked.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/switch.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/switch.json"},{"name":"table","title":"Table","description":"A responsive table component with semantic markup and a sticky header option.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/table.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/table.json"},{"name":"tabs","title":"Tabs","description":"A set of layered sections of content — known as tab panels — that are displayed one at a time.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/tabs.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"Displays a form textarea.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/textarea.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/textarea.json"},{"name":"toggle","title":"Toggle","description":"A two-state button that can be either on or off.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/toggle.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of two-state buttons that can be toggled on or off.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/toggle-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.","type":"registry:ui","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/tooltip.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/tooltip.json"},{"name":"use-mobile","title":"useIsMobile","description":"Hook that returns true when the viewport is below the mobile breakpoint.","type":"registry:hook","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/use-mobile.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/use-mobile.json"},{"name":"utils","title":"cn() helper","description":"clsx + tailwind-merge wrapper used by every primitive.","type":"registry:lib","source_url":"https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/utils.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/vectorstudio-ir/ui/develop/public/r/utils.json"}]},{"id":"utilcn","name":"@utilcn","slug":"utilcn","description":"Fullstack shadcn registry focused on backend utility scaffolding for Next.js/TypeScript projects rather than visual components. Provides: string helpers (camelCase, kebab-case, PascalCase, snake_case, capitalize, truncate, reverse), S3-style file storage utilities with presigned upload/download URL builders plus ready-made React upload/download components and hooks, a ChatGPT MCP widget bundle (frontend UI, build tooling, shared hooks/types, backend server scaffold, sample MCP tool), and a Zod-powered server environment validator for typesafe env configuration. Free and open-source. Use for: bootstrapping the backend plumbing of a new full-stack app — file uploads, AI widget scaffolding, and typed secrets — without reinventing the boilerplate.","author":"BrennenRocks","framework":"react","license":null,"tags":["ai","components","forms","hooks","loaders","media"],"categories":["Hooks/utilities"],"labels":["featured"],"urls":{"website":"https://utilcn.dev","github":"https://github.com/BrennenRocks/utilcn","registry":"https://utilcn.dev/r/registry.json","source":"https://utilcn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/utilcn","markdown":"https://sh4dcn.netlify.app/md/utilcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='32'><path d='M0 0 C10.56 0 21.12 0 32 0 C32 10.56 32 21.12 32 32 C21.44 32 10.88 32 0 32 C0 21.44 0 10.88 0 0 Z ' fill='var(--foreground)' transform='translate(0,0)'/><path d='M0 0 C5.28 0 10.56 0 16 0 C16 0.99 16 1.98 16 3 C10.72 3 5.44 3 0 3 C0 2.01 0 1.02 0 0 Z ' fill='var(--background)' transform='translate(8,20)'/><path d='M0 0 C3.96 0 7.92 0 12 0 C12 0.99 12 1.98 12 3 C8.04 3 4.08 3 0 3 C0 2.01 0 1.02 0 0 Z ' fill='var(--background)' transform='translate(10,16)'/><path d='M0 0 C3.96 0 7.92 0 12 0 C12 0.99 12 1.98 12 3 C8.04 3 4.08 3 0 3 C0 2.01 0 1.02 0 0 Z ' fill='var(--background)' transform='translate(10,12)'/></svg>","preview_image":"https://images.utilcn.dev/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":15,"open_issues":0,"last_commit":"2025-12-14T06:52:44Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://utilcn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://utilcn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://utilcn.dev/r/registry.json","clone":"git clone https://github.com/BrennenRocks/utilcn.git","clone_degit":"npx degit BrennenRocks/utilcn","registry_fetch":"curl -s https://utilcn.dev/r/registry.json"},"component_count":17,"components":[{"name":"capitalize-all","title":"Capitalize All","description":"Capitalize the first letter of every word in a string.","type":"registry:lib","source_url":"https://utilcn.dev/r/capitalize-all.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/capitalize-all.json"},{"name":"capitalize","title":"Capitalize","description":"Capitalize the first letter of a string.","type":"registry:lib","source_url":"https://utilcn.dev/r/capitalize.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/capitalize.json"},{"name":"repeat-pad","title":"Repeat Pad","description":"Repeat a string until it reaches the desired length.","type":"registry:lib","source_url":"https://utilcn.dev/r/repeat-pad.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/repeat-pad.json"},{"name":"reverse-string","title":"Reverse String","description":"Reverse a string.","type":"registry:lib","source_url":"https://utilcn.dev/r/reverse-string.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/reverse-string.json"},{"name":"to-camel-case","title":"To Camel Case","description":"Convert a string to camelCase.","type":"registry:lib","source_url":"https://utilcn.dev/r/to-camel-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-camel-case.json"},{"name":"to-kebab-case","title":"To Kebab Case","description":"Convert a string to kebabCase.","type":"registry:lib","source_url":"https://utilcn.dev/r/to-kebab-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-kebab-case.json"},{"name":"to-pascal-case","title":"To Pascal Case","description":"Convert a string to PascalCase.","type":"registry:lib","source_url":"https://utilcn.dev/r/to-pascal-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-pascal-case.json"},{"name":"to-snake-case","title":"To Snake Case","description":"Convert a string to snake_case.","type":"registry:lib","source_url":"https://utilcn.dev/r/to-snake-case.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/to-snake-case.json"},{"name":"truncate-string","title":"Truncate String","description":"Truncate a string to a given length.","type":"registry:lib","source_url":"https://utilcn.dev/r/truncate-string.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/truncate-string.json"},{"name":"generate-presigned-download-url","title":"Generate Presigned Download URL","description":"Generate a presigned download URL for a file.","type":"registry:lib","source_url":"https://utilcn.dev/r/generate-presigned-download-url.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/generate-presigned-download-url.json"},{"name":"generate-presigned-upload-url","title":"Generate Presigned Upload URL","description":"Generate a presigned upload URL for a file.","type":"registry:lib","source_url":"https://utilcn.dev/r/generate-presigned-upload-url.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/generate-presigned-upload-url.json"},{"name":"download-file","title":"Download A File From Storage","description":"Download a file from a storage provider using a presigned download URL.","type":"registry:component","source_url":"https://utilcn.dev/r/download-file.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/download-file.json"},{"name":"upload-file","title":"Upload A File To Storage","description":"Upload a file to a storage provider using a presigned upload URL.","type":"registry:component","source_url":"https://utilcn.dev/r/upload-file.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/upload-file.json"},{"name":"env-server","title":"Environment Server Configuration","description":"Environment variable validation schema using Zod for server configuration","type":"registry:file","source_url":"https://utilcn.dev/r/env-server.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/env-server.json"},{"name":"upload-multiple-files","title":"Upload Multiple Files","description":"Upload multiple files to a storage provider using a presigned upload URL.","type":"registry:component","source_url":"https://utilcn.dev/r/upload-multiple-files.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/upload-multiple-files.json"},{"name":"chatgpt-app","title":"ChatGPT Widget Frontend","description":"Frontend widget implementation, build script, types, and hooks for embedding a ChatGPT MCP widget.","type":"registry:block","source_url":"https://utilcn.dev/r/chatgpt-app.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/chatgpt-app.json"},{"name":"chatgpt-app-backend","title":"ChatGPT MCP Backend","description":"MCP server bootstrap, widget asset builder, and tool registration for the ChatGPT widget.","type":"registry:block","source_url":"https://utilcn.dev/r/chatgpt-app-backend.json","install_command":"npx shadcn@latest add https://utilcn.dev/r/chatgpt-app-backend.json"}]},{"id":"videojs","name":"@videojs","slug":"videojs","description":"Video, audio, and live player skins from Video.js, the open source web video player. Add a full skin or individual controls as editable React and Tailwind CSS source.","author":"videojs","framework":"react","license":null,"tags":["ai","audio","buttons","media","navigation","overlays","tables","theming"],"categories":["Theming/styling"],"labels":["popular","recently-updated"],"urls":{"website":"https://videojs.org/docs/guides/installation/shadcn","github":"https://github.com/videojs/video.js","registry":"https://shadcn.videojs.org/r/react/registry.json","source":"https://shadcn.videojs.org/r/react/registry.json","page":"https://sh4dcn.netlify.app/registry/videojs","markdown":"https://sh4dcn.netlify.app/md/videojs.md"},"logo":"<svg viewBox='0 0 209 209' xmlns='http://www.w3.org/2000/svg'><path fill='#ffa81b' d='M0 0h209v209H0z'/><path fill='#ff6200' d='M0 80h209v129H0z'/><path fill='#eb3132' d='M0 142h209v67H0z'/><path fill='#cc3566' d='M0 187h209v22H0z'/><path d='M167.09 104.5L65.13 169.81V39.19l101.96 65.31z' fill='#ebe4c1'/></svg>","preview_image":"https://videojs.org/og/docs/guides/installation/shadcn.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":40023,"open_issues":874,"last_commit":"2026-10-27T05:35:07Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn.videojs.org/r/react/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn.videojs.org/r/react/registry.json","install_bun":"bunx shadcn@latest add https://shadcn.videojs.org/r/react/registry.json","clone":"git clone https://github.com/videojs/video.js.git","clone_degit":"npx degit videojs/video.js","registry_fetch":"curl -s https://shadcn.videojs.org/r/react/registry.json"},"component_count":41,"components":[{"name":"audio","title":"Default Audio Skin","description":"A complete on-demand audio skin with playback, seeking, volume, speed, and feedback controls.","type":"registry:block","source_url":"https://shadcn.videojs.org/r/react/audio.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/audio.json"},{"name":"live-audio","title":"Default Live Audio Skin","description":"A complete live audio skin with play, live-edge, volume, error, and keyboard feedback controls.","type":"registry:block","source_url":"https://shadcn.videojs.org/r/react/live-audio.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/live-audio.json"},{"name":"live-video","title":"Default Live Video Skin","description":"A complete live video skin with live-edge, captions, remote playback, feedback, and input controls.","type":"registry:block","source_url":"https://shadcn.videojs.org/r/react/live-video.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/live-video.json"},{"name":"video","title":"Default Video Skin","description":"A complete on-demand video skin with responsive controls, settings, feedback, and input controls.","type":"registry:block","source_url":"https://shadcn.videojs.org/r/react/video.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/video.json"},{"name":"_menu-chevron","title":"Video.js Menu Chevron","description":"Private menu direction indicator shared by editable Video.js menu components.","type":"registry:lib","source_url":"https://shadcn.videojs.org/r/react/_menu-chevron.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/_menu-chevron.json"},{"name":"_resolve-class-name","title":"Video.js Utilities","description":"Merges and resolves state-aware class names used by editable Video.js React components.","type":"registry:lib","source_url":"https://shadcn.videojs.org/r/react/_resolve-class-name.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/_resolve-class-name.json"},{"name":"_style-audio","title":"Video.js audio styles","description":"Editable resets and token overrides used only by audio skins.","type":"registry:style","source_url":"https://shadcn.videojs.org/r/react/_style-audio.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/_style-audio.json"},{"name":"_style-theme","title":"Video.js media theme","description":"Editable shared media tokens, resets, preferences, and Tailwind compiler integration.","type":"registry:style","source_url":"https://shadcn.videojs.org/r/react/_style-theme.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/_style-theme.json"},{"name":"_style-video","title":"Video.js video styles","description":"Editable resets and token overrides used only by video skins.","type":"registry:style","source_url":"https://shadcn.videojs.org/r/react/_style-video.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/_style-video.json"},{"name":"airplay-button","title":"AirPlay Button","description":"A state-aware button that starts and stops AirPlay playback.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/airplay-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/airplay-button.json"},{"name":"audio-track-menu","title":"Audio Track Menu","description":"A submenu for selecting an available audio track.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/audio-track-menu.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/audio-track-menu.json"},{"name":"buffering-indicator","title":"Buffering Indicator","description":"A delayed spinner displayed while media is waiting for data.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/buffering-indicator.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/buffering-indicator.json"},{"name":"button","title":"Button","description":"The shared styled button used by media controls.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/button.json"},{"name":"button-tooltip","title":"Button Tooltip","description":"A tooltip that wraps a control button and shows its label and keyboard shortcut.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/button-tooltip.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/button-tooltip.json"},{"name":"captions-button","title":"Captions Button","description":"A state-aware button that toggles captions and subtitles.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/captions-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/captions-button.json"},{"name":"captions-menu","title":"Captions Menu","description":"A captions button and popup for selecting a text track.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/captions-menu.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/captions-menu.json"},{"name":"captions-submenu","title":"Captions Submenu","description":"A submenu for selecting captions or turning them off.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/captions-submenu.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/captions-submenu.json"},{"name":"cast-button","title":"Cast Button","description":"A state-aware button that starts and stops Google Cast playback.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/cast-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/cast-button.json"},{"name":"container","title":"Container","description":"The player layout container shared by Skin compositions.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/container.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/container.json"},{"name":"error-dialog","title":"Error Dialog","description":"An alert dialog that presents and dismisses playback errors.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/error-dialog.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/error-dialog.json"},{"name":"fullscreen-button","title":"Fullscreen Button","description":"A button that enters and exits fullscreen with state-aware icons.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/fullscreen-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/fullscreen-button.json"},{"name":"live-button","title":"Live Button","description":"Shows live-edge status and seeks playback back to the live point when activated.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/live-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/live-button.json"},{"name":"mute-button","title":"Mute Button","description":"A state-aware mute button used by the volume control.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/mute-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/mute-button.json"},{"name":"pip-button","title":"Picture-in-Picture Button","description":"A state-aware button that enters and exits picture-in-picture.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/pip-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/pip-button.json"},{"name":"play-button","title":"Play Button","description":"A three-state button that plays, pauses, or restarts media with matching icons.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/play-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/play-button.json"},{"name":"playback-rate-button","title":"Playback Rate Button","description":"Shows the current speed and cycles through available playback rates.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/playback-rate-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/playback-rate-button.json"},{"name":"playback-rate-submenu","title":"Playback Rate Submenu","description":"A submenu for selecting the playback speed.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/playback-rate-submenu.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/playback-rate-submenu.json"},{"name":"poster","title":"Poster","description":"The video poster and its presentation styling shared by Skin compositions.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/poster.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/poster.json"},{"name":"quality-menu","title":"Quality Menu","description":"A submenu for selecting the playback quality.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/quality-menu.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/quality-menu.json"},{"name":"radio-item","title":"Radio Item","description":"A selectable menu item with an active-state indicator.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/radio-item.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/radio-item.json"},{"name":"seek-button","title":"Seek Button","description":"A button that skips playback forward or backward with a direction-aware icon and value.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/seek-button.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/seek-button.json"},{"name":"seek-indicator","title":"Seek Indicator","description":"Visual feedback for forward and backward seek actions.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/seek-indicator.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/seek-indicator.json"},{"name":"settings-menu","title":"Settings Menu","description":"A settings button and popup for composing playback option submenus.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/settings-menu.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/settings-menu.json"},{"name":"slider","title":"Slider Parts","description":"Shared styled parts for slider tracks, progress layers, and thumbs.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/slider.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/slider.json"},{"name":"status-announcer","title":"Status Announcer","description":"A polite live region that announces media state changes.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/status-announcer.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/status-announcer.json"},{"name":"status-indicator","title":"Status Indicator","description":"Visual feedback for captions, fullscreen, picture-in-picture, and playback actions.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/status-indicator.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/status-indicator.json"},{"name":"time-slider","title":"Time Slider","description":"A playback timeline for seeking, with current and buffered progress plus time and thumbnail previews.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/time-slider.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/time-slider.json"},{"name":"title","title":"Title","description":"The media title, displayed above the video while controls are visible.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/title.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/title.json"},{"name":"volume-indicator","title":"Volume Indicator","description":"Visual feedback for mute and volume changes.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/volume-indicator.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/volume-indicator.json"},{"name":"volume-popover","title":"Volume Control","description":"A mute toggle with a vertical slider for adjusting playback volume in a popover.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/volume-popover.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/volume-popover.json"},{"name":"volume-slider","title":"Volume Slider","description":"A horizontal or vertical slider for adjusting playback volume by dragging, using the keyboard, or scrolling.","type":"registry:ui","source_url":"https://shadcn.videojs.org/r/react/volume-slider.json","install_command":"npx shadcn@latest add https://shadcn.videojs.org/r/react/volume-slider.json"}]},{"id":"visant","name":"@visant","slug":"visant","description":"Brand-aware React components, blocks and app kits from Visant Labs: tokens, motion and analog-sound feedback that dress in your brand.","author":null,"framework":"react","license":null,"tags":["3d","animation","audio","auth","blocks","buttons","cards","charts","forms","glassmorphism","hooks","icons","loaders","maps","marketing","media","navigation","overlays","payments","retro","tables","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ui.visantlabs.com","github":null,"registry":"https://ui.visantlabs.com/r/registry.json","source":"https://ui.visantlabs.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/visant","markdown":"https://sh4dcn.netlify.app/md/visant.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='177.9 0 165 78.12' fill='var(--foreground)'><path d='M284.59,0l-106.69,39.05,58.41,39.07,106.94-39.07L284.59,0Zm-87.23,39.05l63.22-24.15,63.22,24.15-63.29,24.13-63.16-24.13Z'/><path d='M260.45,63.2L245.65,39.05L260.45,14.9L275.51,39.05Z'/></svg>","preview_image":"https://ui.visantlabs.com/og/home.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.visantlabs.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.visantlabs.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.visantlabs.com/r/registry.json","registry_fetch":"curl -s https://ui.visantlabs.com/r/registry.json"},"component_count":147,"components":[{"name":"vintage-theme","title":"Vintage Theme","description":"O tema do kit de áudio, o contraponto escuro aos temas de marca.","type":"registry:theme","source_url":"https://ui.visantlabs.com/r/vintage-theme.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-theme.json"},{"name":"vintage-base","title":"Vintage Base","description":"A fundação do kit: variáveis de painel, texturas e as regras em @layer.","type":"registry:base","source_url":"https://ui.visantlabs.com/r/vintage-base.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-base.json"},{"name":"use-knob-drag","title":"useKnobDrag","description":"O gesto de arrastar um knob isolado do desenho: pointer capture, trava de curso e passo fino com shift.","type":"registry:hook","source_url":"https://ui.visantlabs.com/r/use-knob-drag.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/use-knob-drag.json"},{"name":"use-media-query","title":"useMediaQuery","description":"Media query como estado de React, via useSyncExternalStore: leitura síncrona no primeiro render, sem piscar, e segura em SSR.","type":"registry:hook","source_url":"https://ui.visantlabs.com/r/use-media-query.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/use-media-query.json"},{"name":"vintage-button","title":"Vintage Button","description":"Botão de painel que afunda no clique.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-button.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-button.json"},{"name":"vintage-slider","title":"Vintage Slider","description":"Fader de console com curso e trilho gravados.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-slider.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-slider.json"},{"name":"vintage-meter","title":"Vintage Meter","description":"VU analógico com balística de ponteiro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-meter.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-meter.json"},{"name":"vintage-knob","title":"Vintage Knob","description":"Potenciômetro com arraste vertical e trava de curso.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-knob.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-knob.json"},{"name":"vintage-large-knob","title":"Vintage Large Knob","description":"O irmão grande: marcação de escala e leitura de valor.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-large-knob.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-large-knob.json"},{"name":"vintage-toggle","title":"Vintage Toggle","description":"Chave de duas posições com estalo visual.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-toggle.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-toggle.json"},{"name":"vintage-eq","title":"Vintage EQ","description":"Banco de faders com curva desenhada.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-eq.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-eq.json"},{"name":"vintage-parametric-eq","title":"Vintage Parametric EQ","description":"O EQ paramétrico: cada banda é um sino, e a curva grossa é a soma em dB. Arraste um ponto, roda muda o Q, e o BYPASS achata sem perder os valores.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-parametric-eq.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-parametric-eq.json"},{"name":"vintage-led","title":"Vintage LED","description":"LED de painel com halo. Quatro cores, estado on/off.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-led.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-led.json"},{"name":"vintage-command-palette","title":"Vintage Command Palette","description":"Paleta de comandos no vocabulário do painel.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-command-palette.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-command-palette.json"},{"name":"vintage-tv-frame","title":"Vintage TV Frame","description":"Moldura de tubo com curvatura e brilho de varredura.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-tv-frame.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-tv-frame.json"},{"name":"vintage-soundboard-pad","title":"Vintage Soundboard Pad","description":"Pad de disparo com estado aceso e retorno tátil.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-soundboard-pad.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-soundboard-pad.json"},{"name":"vintage-xy-pad","title":"Vintage XY Pad","description":"Campo de dois eixos para controlar dois parâmetros num gesto só.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-xy-pad.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-xy-pad.json"},{"name":"vintage-oscilloscope","title":"Vintage Oscilloscope","description":"Traço de osciloscópio alimentado por um buffer de amostras.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/vintage-oscilloscope.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/vintage-oscilloscope.json"},{"name":"marquee","title":"Marquee","description":"Faixa infinita em GSAP com três modos de scroll: empurrar o ritmo, virar esteira do scroll ou amarrar a posição à rolagem.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/marquee.json"},{"name":"logo-wall","title":"Logo Wall","description":"A faixa de \"confiam na gente\" com os logos normalizados: altura óptica por item, teto de largura pro wordmark comprido e dessaturação em repouso que vira cor n…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/logo-wall.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/logo-wall.json"},{"name":"rail","title":"Rail","description":"Trilho horizontal com snap: anda por arrasto, Shift + roda, setas e teclado; as setas somem nas pontas.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/rail.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/rail.json"},{"name":"reels-rail","title":"Reels Rail","description":"O trilho de vídeo vertical: cartões 9:16 com encaixe, tocando o do meio ou o que está sob o cursor. Som opcional, um card por vez, e fora da tela pausa tudo.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/reels-rail.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/reels-rail.json"},{"name":"plate","title":"Plate","description":"A placa onde a foto de catálogo senta. Resolve o recorte branco sobre fundo colorido.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/plate.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/plate.json"},{"name":"chip","title":"Chip","description":"Pastilha de filtro com contagem; a faceta sem resultado apaga em vez de mostrar zero.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/chip.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/chip.json"},{"name":"sticky-filterbar","title":"Sticky Filterbar","description":"Barra de filtro que gruda abaixo do cabeçalho sem medir altura na mão e sem pular no scroll.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/sticky-filterbar.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/sticky-filterbar.json"},{"name":"store-status","title":"Store Status","description":"Aberto/fechado calculado no fuso da loja, não no do visitante. Quem está do outro lado do mundo vê a resposta certa.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/store-status.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/store-status.json"},{"name":"measure-picker","title":"Measure Picker","description":"Escolher por medida e receber a recomendação. A faixa traduz o número em produto.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/measure-picker.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/measure-picker.json"},{"name":"motion-layer","title":"Motion Layer","description":"O ciclo de scroll do editor Shopify em GSAP/ScrollTrigger, com limpeza de instância.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/motion-layer.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/motion-layer.json"},{"name":"kanban","title":"Kanban","description":"Board com drag-and-drop, seleção por marquee sobre o vazio e multi-seleção com shift/ctrl.","type":"registry:block","source_url":"https://ui.visantlabs.com/r/kanban.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/kanban.json"},{"name":"data-table","title":"Data Table","description":"Tabela densa: ordenação, seleção, edição inline e menu de contexto. Hoje acoplada a Next (next-auth + next/navigation) — roda em app Next, não nesta vitrine.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/data-table.json"},{"name":"segmented-control","title":"Segmented Control","description":"Alternador de poucas opções. Substitui um select quando as opções cabem na tela.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/segmented-control.json"},{"name":"inline-edit","title":"Inline Edit","description":"Editar onde se lê. Enter salva, Esc cancela, o valor só troca depois que a promessa resolve.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/inline-edit.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/inline-edit.json"},{"name":"auth-button","title":"Auth Button","description":"O canto da conta nos três estados. Enquanto a sessão não responde ele não escreve “Entrar” — e não muda de tamanho quando ela chega.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/auth-button.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/auth-button.json"},{"name":"profile-form","title":"Profile Form","description":"Editar o perfil com foto, nome e e-mail verificado. Quando não dá pra salvar, o motivo aparece no campo — não num toast.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/profile-form.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/profile-form.json"},{"name":"timeline","title":"Timeline","description":"Linha do tempo com progresso amarrado ao scroll.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/timeline.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/timeline.json"},{"name":"assignee-stack","title":"Assignee Stack","description":"Pilha de responsáveis com excedente contado. Iniciais quando não há avatar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/assignee-stack.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/assignee-stack.json"},{"name":"repulsive-hover","title":"Repulsive Hover","description":"O elemento foge do cursor com mola. Gesto de hero, fora de formulário.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/repulsive-hover.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/repulsive-hover.json"},{"name":"smooth-scroll-provider","title":"Smooth Scroll Provider","description":"Lenis + GSAP num relógio só, com bail-out em prefers-reduced-motion. A instância sai por callback.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/smooth-scroll-provider.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/smooth-scroll-provider.json"},{"name":"glitch-chars","title":"Glitch Chars","description":"Caracteres que trocam sozinhos, em cinco sotaques (símbolos, blocos, braille, binário, hex), ou decodificando até virar uma palavra.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/glitch-chars.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/glitch-chars.json"},{"name":"status-ticker","title":"Status Ticker","description":"O texto que segura a pessoa durante uma espera longa, em quatro desenhos: linha com cronômetro, barra que varre, etapas e pulso.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/status-ticker.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/status-ticker.json"},{"name":"turbulence-field","title":"Turbulence Field","description":"Ruído animado em SVG para dar vida a uma superfície parada.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/turbulence-field.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/turbulence-field.json"},{"name":"working-glyph","title":"Working Glyph","description":"Ícone que trabalha enquanto o sistema trabalha: picareta, martelo, engrenagem, pincel ou faísca, e o brilho corre só no traço.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/working-glyph.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/working-glyph.json"},{"name":"paper-shuttle","title":"Paper Shuttle","description":"Progresso com narrativa de papel passando pela máquina.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/paper-shuttle.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/paper-shuttle.json"},{"name":"masonry-gallery","title":"Masonry Gallery","description":"Mosaico por round-robin: anexar página nova não reordena o que já estava na tela.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/masonry-gallery.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/masonry-gallery.json"},{"name":"scrub-input","title":"Scrub Input","description":"Número que se arrasta na horizontal, como nos editores gráficos. Teclado continua funcionando.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/scrub-input.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/scrub-input.json"},{"name":"grid-dots","title":"Grid Dots","description":"Malha de pontos de fundo, o papel milimetrado que dá profundidade sem competir.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/grid-dots.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/grid-dots.json"},{"name":"drop-overlay","title":"Drop Overlay","description":"A camada que aparece quando um arquivo está sendo arrastado sobre a área.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/drop-overlay.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/drop-overlay.json"},{"name":"brand-theme","title":"Brand Theme Runtime","description":"Provider e hook que aplicam em runtime o tema compilado de uma brand guideline. Uma folha de estilo só, trocada sem recarregar a página.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/brand-theme.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/brand-theme.json"},{"name":"brand-selector","title":"Brand Selector","description":"Seletor de marca com prévia ao percorrer: paleta, par tipográfico e completude do vault na linha. Aplica o tema da marca escolhida ao app inteiro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/brand-selector.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/brand-selector.json"},{"name":"section-intro","title":"Section Intro","description":"Abertura de dobra: rótulo, título grande e linha de contexto, com duas medidas de linha em vez de uma.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/section-intro.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/section-intro.json"},{"name":"cta-surface","title":"CTA Surface","description":"A superfície de conversão em três proporções (barra, painel, card). O botão herda o contraste do tom em vez de receber cor.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/cta-surface.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/cta-surface.json"},{"name":"showcase-card","title":"Showcase Card","description":"Card de serviço: mídia com selo de seta, título que cobre o card inteiro e a lista do que está incluso como texto, não como filtro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/showcase-card.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/showcase-card.json"},{"name":"step-cards","title":"Step Cards","description":"Como funciona, em passos numerados. Sai como lista ordenada no HTML, e a arte de cada passo entra por slot.","type":"registry:block","source_url":"https://ui.visantlabs.com/r/step-cards.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/step-cards.json"},{"name":"testimonial-wall","title":"Testimonial Wall","description":"Parede de prova social com tipos misturados: citação, número, retrato e depoimento em vídeo na mesma malha, em colunas ou em grade que ocupa a altura, com faix…","type":"registry:block","source_url":"https://ui.visantlabs.com/r/testimonial-wall.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/testimonial-wall.json"},{"name":"quote-block","title":"Quote Block","description":"O depoimento único, em tamanho de dobra: a citação vem primeiro e em corpo de manchete, a atribuição entra depois como assinatura.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/quote-block.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/quote-block.json"},{"name":"erase-field","title":"Erase Field","description":"Fundo em canvas que a mão raspa pra revelar a luz por baixo, com acabamento líquido, poeira que volta em deriva e passeio ocioso pra quem não mexe o ponteiro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/erase-field.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/erase-field.json"},{"name":"spring-dots","title":"Spring Dots","description":"Malha de pontos com mola: o ponteiro empurra, o atrito segura, e quem sai de casa acende na cor da marca.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/spring-dots.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/spring-dots.json"},{"name":"sfx-bus","title":"SFX Bus","description":"Cliques de objeto analógico em WebAudio puro, sem arquivo: botão de câmera, dente de knob, alavanca e agulha pousando, com throttle, contexto armado no primeir…","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/sfx-bus.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/sfx-bus.json"},{"name":"sfx-toggle","title":"SFX Toggle","description":"Liga e desliga o som da casa em um ícone só: as ondas recolhem pro alto-falante, e o estado nulo antes da hidratação fica desenhado em vez de chutado.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/sfx-toggle.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/sfx-toggle.json"},{"name":"count-up","title":"Count Up","description":"O número que se apura em vez de aparecer pronto: lê o valor final do próprio texto, trava a largura antes do primeiro quadro e não anima o que não dá pra parse…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/count-up.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/count-up.json"},{"name":"use-pointer-parallax","title":"usePointerParallax","description":"Escreve --px e --py uma vez por quadro e deixa o CSS decidir a profundidade de cada objeto. Só em ponteiro fino, volta ao repouso ao sair da janela.","type":"registry:hook","source_url":"https://ui.visantlabs.com/r/use-pointer-parallax.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/use-pointer-parallax.json"},{"name":"fold-motion","title":"Fold Motion","description":"Hierarquia de entradas por dobra: rise, drift, mask, settle, climax, invert e mist em vez de trinta entradas iguais. O esconderijo é aplicado pelo componente, …","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/fold-motion.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/fold-motion.json"},{"name":"measure-bar","title":"Measure Bar","description":"Nenhum número sem régua: valor, qualificador, evidência e rótulo nessa ordem. Sem denominador a barra não desenha, e o estado desconhecido fica tracejado em ve…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/measure-bar.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/measure-bar.json"},{"name":"spine-card","title":"Spine Card","description":"O retângulo que lê como objeto: lombada de luz na borda, tombo apoiado na base que endireita no hover, e capa em duotone que só ganha cor onde a atenção está.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/spine-card.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/spine-card.json"},{"name":"cover-art","title":"Cover Art","description":"Capa determinística em CSS pra item sem arte: três famílias (livro, app, placa), monograma, e rampa tonal derivada da marca por color-mix. Zero byte de imagem,…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/cover-art.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/cover-art.json"},{"name":"empty-state","title":"Empty State","description":"O estado vazio canônico: arte por slot, frase do que vai aparecer ali e no máximo uma ação; com ou sem caixa.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/empty-state.json"},{"name":"skeleton-rail","title":"Skeleton Rail","description":"Esqueletos com as medidas do que substituem (trilho, card, lista, texto, mídia), em quatro movimentos: pulse, shimmer, wave ou parado.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/skeleton-rail.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/skeleton-rail.json"},{"name":"use-local-search","title":"useLocalSearch","description":"Busca em memória tolerante a acento: índice montado uma vez por lista, todos os termos batendo em qualquer ordem, e termo vazio devolvendo a lista inteira.","type":"registry:hook","source_url":"https://ui.visantlabs.com/r/use-local-search.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/use-local-search.json"},{"name":"line-reveal","title":"Line Reveal","description":"O título que sobe de dentro do próprio corte de linha: mede a quebra depois da fonte carregar, re-quebra ao redimensionar, e o esconderijo é aplicado por JS pr…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/line-reveal.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/line-reveal.json"},{"name":"gleam","title":"Gleam","description":"A superfície que sabe onde o cursor está: luz sob o ponteiro, borda acesa do lado da luz e inclinação de 5 graus. Quatro números por quadro no JS, o desenho in…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/gleam.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/gleam.json"},{"name":"sim-slider","title":"Sim Slider","description":"A dobra que deixa o visitante fazer a conta: controle acessível, projeção derivada do próprio valor, curva sem transição (pra não discordar do número) e premis…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/sim-slider.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/sim-slider.json"},{"name":"magnetic-cta","title":"Magnetic CTA","description":"O botão principal que vem buscar o ponteiro: campo de atração com medida lida uma vez, rótulo com inércia própria e volta com mola. No toque e sob reduced-moti…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/magnetic-cta.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/magnetic-cta.json"},{"name":"nav-drawer","title":"Nav Drawer","description":"O menu mobile feito uma vez direito, em dois desenhos: gaveta lateral ou página inteira brutalista com imagem. Foco preso, Escape, retorno do foco e trava de r…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/nav-drawer.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/nav-drawer.json"},{"name":"side-nav","title":"Side Nav","description":"A navegação lateral de aplicação: colapsa por clique ou por ⌘/Ctrl+B, agrupa, marca a rota ativa e lembra o estado. O rótulo vira sr-only quando fecha, nunca s…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/side-nav.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/side-nav.json"},{"name":"pinned-scene","title":"Pinned Scene","description":"A dobra que prende a arte e avança em passos. O pin é position:sticky, não ScrollTrigger.pin — o GSAP entra só pra relatar progresso em --p, --sp e --near, sem…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/pinned-scene.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/pinned-scene.json"},{"name":"photo-frame","title":"Photo Frame","description":"A moldura que revela a foto: a máscara abre, a foto assenta mais devagar que a máscara, e opcionalmente deriva na rolagem. Proporção declarada pra não haver sa…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/photo-frame.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/photo-frame.json"},{"name":"photo-split","title":"Photo Split","description":"A dobra alternada foto ↔ texto: a moldura revela a imagem, o texto entra deslizando da borda externa e o lado inverte a cada dobra sem ninguém escrever nada.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/photo-split.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/photo-split.json"},{"name":"photo-flip","title":"Photo Flip","description":"A foto atravessa da grade para a tela cheia — mesmo nó do DOM, reparentado e animado por GSAP Flip com ease-in-out. A vaga segura a proporção pra grade não des…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/photo-flip.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/photo-flip.json"},{"name":"photo-compare","title":"Photo Compare","description":"A cortina entre o antes e o depois: a camada de cima é RECORTADA, nunca redimensionada, então as duas fotos ficam na mesma escala. O arrasto, o teclado e o lei…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/photo-compare.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/photo-compare.json"},{"name":"book-3d","title":"Book 3D","description":"O item de catálogo como objeto: capa dura em WebGL com lombada curva, espessura vinda da contagem de páginas e praça. Cor derivada dos tokens da marca e do mat…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/book-3d.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/book-3d.json"},{"name":"book-shelf","title":"Book Shelf","description":"Estante em vez de vitrine: os itens soltos, sem moldura, e o rótulo só no hover — porque o objeto já tem silhueta e a moldura passa a competir com ela.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/book-shelf.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/book-shelf.json"},{"name":"carousel-3d","title":"Carousel 3D","description":"Capas num carrossel circular em WebGL: o card da frente cresce no hover, o botão central abre o item e o canvas só nasce perto da dobra. Aposentado da listagem…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/carousel-3d.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/carousel-3d.json"},{"name":"css-color","title":"CSS Color","description":"Resolve qualquer cor CSS ou token (var(--x), oklch, color-mix) para sRGB 0..1 e avisa na troca de tema, para shader e canvas pintarem com a cor da marca.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/css-color.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/css-color.json"},{"name":"ink-wordmark","title":"Ink Wordmark","description":"Assinatura de ponta a ponta que condensa da fumaça conforme entra na tela, respira como tinta e se agita com a velocidade do ponteiro, só com filtro SVG, ou es…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/ink-wordmark.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/ink-wordmark.json"},{"name":"fog-hero","title":"Fog Hero","description":"Hero de tela cheia que abre uma clareira na névoa, troca uma playlist de vídeo P&B pela própria fumaça e sai em desfoque no scroll, com papel e tinta vindos do…","type":"registry:block","source_url":"https://ui.visantlabs.com/r/fog-hero.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/fog-hero.json"},{"name":"lathe-object","title":"Lathe Object","description":"Produto de revolução em WebGL a partir de um perfil de meia silhueta (frasco, vela, pote, difusor com varetas), com giro sozinho, arrasto para orbitar e vento …","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/lathe-object.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/lathe-object.json"},{"name":"mist-text","title":"Mist Text","description":"Texto que sai da névoa por palavra ou letra (desfoque, opacidade e subida mínima): entra uma vez ao chegar na tela, ou acompanha a rolagem ida e volta com mola…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/mist-text.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/mist-text.json"},{"name":"mist-swap","title":"Mist Swap","description":"Troca de slides em névoa: o que sai se desfaz no desfoque enquanto o próximo assenta no mesmo lugar, só gira em tela e para sob movimento reduzido; preenche o …","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/mist-swap.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/mist-swap.json"},{"name":"dot-cursor","title":"Dot Cursor","description":"Ponto de 6px que segue o ponteiro com mola calma e abre num anel vazado sobre link, botão ou [data-cursor], em mix-blend-difference; só existe em ponteiro fino…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/dot-cursor.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/dot-cursor.json"},{"name":"mist-dialog","title":"Mist Dialog","description":"Modal em <dialog> nativo que entra e sai em névoa só com CSS (@starting-style + allow-discrete), controlado, fecha no Esc e no clique fora, com ganchos onOpen/…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/mist-dialog.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/mist-dialog.json"},{"name":"fog-tree","title":"Fog Tree","description":"Uma árvore procedural sozinha na névoa, em duotone da marca: a cena é cinza e o último passe pinta com --background e --foreground, então o tema escuro inverte…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/fog-tree.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/fog-tree.json"},{"name":"fog-garden","title":"Fog Garden","description":"A caminhada por um jardim na névoa presa ao scroll: cada parada de texto sai da névoa e volta para ela, em mix-blend-difference sobre as copas, com clareiras d…","type":"registry:block","source_url":"https://ui.visantlabs.com/r/fog-garden.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/fog-garden.json"},{"name":"activity-heatmap","title":"Activity Heatmap","description":"Um quadrado por dia mostra o ritmo de meses de trabalho, com bolha que desliza entre os dias e teclado de calendário.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/activity-heatmap.json"},{"name":"billing-toggle","title":"Billing Toggle","description":"Interruptor mensal e anual com o selo de desconto que vira recibo quando o anual é escolhido, e o preço rolando junto.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/billing-toggle.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/billing-toggle.json"},{"name":"card-stack","title":"Card Stack","description":"Pilha de cards em que o de cima vai pro fundo quando você arrasta e solta, como baralho de verdade.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/card-stack.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/card-stack.json"},{"name":"confirm-morph","title":"Confirm Morph","description":"Botão de apagar que vira a pergunta no próprio lugar, depois o andamento e o resultado com desfazer.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/confirm-morph.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/confirm-morph.json"},{"name":"elastic-slider","title":"Elastic Slider","description":"Slider que estica feito elástico quando você puxa além do limite e volta com a velocidade da soltura.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/elastic-slider.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/elastic-slider.json"},{"name":"expandable-card","title":"Expandable Card","description":"Card de resumo que cresce pros lados e pra baixo ao abrir, e rola só a palavra que mudou no resumo.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/expandable-card.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/expandable-card.json"},{"name":"expanding-search","title":"Expanding Search","description":"Busca que fica guardada num ícone de lupa e só abre o campo quando alguém vai mesmo buscar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/expanding-search.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/expanding-search.json"},{"name":"gauge","title":"Gauge","description":"Medidor em arco com ponteiro que enche quando entra em vista e troca o nome da faixa na hora em que a contagem cruza o limite.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/gauge.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/gauge.json"},{"name":"hold-to-confirm","title":"Hold to Confirm","description":"Botão que só confirma se você segurar, com o preenchimento enchendo e voltando se soltar antes.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/hold-to-confirm.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/hold-to-confirm.json"},{"name":"icon-morph","title":"Icon Morph","description":"Ícone de dois estados que vira o outro em vez de trocar, como menu e fechar ou copiar e copiado.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/icon-morph.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/icon-morph.json"},{"name":"morph-select","title":"Morph Select","description":"Select em que o próprio gatilho cresce e vira a lista, sem uma segunda caixa aparecendo embaixo.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/morph-select.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/morph-select.json"},{"name":"slot-text","title":"Slot Text","description":"Número ou palavra que gira como rolo de caça-níquel e assenta da esquerda pra direita, sem passar do alvo.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/slot-text.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/slot-text.json"},{"name":"swipe-actions","title":"Swipe Actions","description":"Lista em que a linha arrasta pro lado e mostra as ações, com o mesmo menu pra quem usa teclado.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/swipe-actions.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/swipe-actions.json"},{"name":"text-morph","title":"Text Morph","description":"Rótulo que vira a próxima palavra letra por letra, com as letras em comum deslizando e a largura indo junto numa mola.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/text-morph.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/text-morph.json"},{"name":"toast-stack","title":"Toast Stack","description":"Avisos que se empilham no canto e abrem em leque quando o ponteiro chega, com o carregando que vira feito no lugar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/toast-stack.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/toast-stack.json"},{"name":"dynamic-island","title":"Dynamic Island","description":"A pílula que mostra a atividade em curso e cresce no lugar com os controles quando alguém toca nela.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/dynamic-island.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/dynamic-island.json"},{"name":"folding-bill","title":"Folding Bill","description":"Uma conta que dobra em três como papel e abre quando você puxa ou toca, com o total sempre à vista no cabeçalho.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/folding-bill.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/folding-bill.json"},{"name":"heat-word","title":"Heat Word","description":"Uma grade de gotas ou uma palavra que derrete num mapa de calor por onde o cursor passa, pintada com as cores da marca.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/heat-word.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/heat-word.json"},{"name":"liquid-toggle","title":"Liquid Toggle","description":"Um interruptor cuja bolinha escorre como gota de um lado pro outro, esticando no caminho e se recolhendo ao chegar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/liquid-toggle.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/liquid-toggle.json"},{"name":"magnetic-select","title":"Magnetic Select","description":"Um cacho de opções redondas em que a escolhida incha e empurra as outras, e o cursor puxa a opção que está debaixo dele.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/magnetic-select.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/magnetic-select.json"},{"name":"magnify-dock","title":"Magnify Dock","description":"A barra de atalhos em que os ícones crescem em onda conforme o cursor chega perto, com o nome em cima do mais próximo.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/magnify-dock.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/magnify-dock.json"},{"name":"slosh-slider","title":"Slosh Slider","description":"Um slider em que o preenchimento tem peso: arrastou rápido, a tinta passa do polegar, balança e assenta.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/slosh-slider.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/slosh-slider.json"},{"name":"tilt-card","title":"Tilt Card","description":"O card que inclina em 3D seguindo o mouse, com um brilho que corre pela superfície.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/tilt-card.json"},{"name":"eclipse-switch","title":"Eclipse Switch","description":"Chave de tema claro e escuro em que a lua cobre o sol num eclipse, sem mexer na página por conta própria.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/eclipse-switch.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/eclipse-switch.json"},{"name":"black-hole","title":"Black Hole","description":"Apagar em lote com as linhas sugadas para um ponto só, a lista se inclinando em volta e o desfazer devolvendo tudo do mesmo lugar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/black-hole.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/black-hole.json"},{"name":"countdown","title":"Countdown","description":"Contagem regressiva em que cada dígito gira pelo caminho curto e vira o aviso de ao vivo quando chega a zero.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/countdown.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/countdown.json"},{"name":"cover-flow","title":"Cover Flow","description":"Uma prateleira de capas em perspectiva: a da vez fica de frente, as vizinhas giram de lado e você arrasta ou joga pra trocar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/cover-flow.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/cover-flow.json"},{"name":"date-reel","title":"Date Reel","description":"Seletor de data em rolos de dia, mês e ano que encaixam sozinhos, como no telefone.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/date-reel.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/date-reel.json"},{"name":"eye-tracker","title":"Agent Bot","description":"Avatar de bot ou agente de IA: a cabeça é um shader vivo na cor da marca, com visor e antena, e os olhos seguem o cursor e o foco, piscam e cumprimentam no cli…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/eye-tracker.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/eye-tracker.json"},{"name":"orbit-menu","title":"Orbit Menu","description":"Botão que abre as ações em arco ao redor dele, com mola, pra escolher arrastando o dedo ou clicando.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/orbit-menu.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/orbit-menu.json"},{"name":"page-curl","title":"Page Curl","description":"Uma revistinha que você folheia puxando o canto da página, com a dobra, o verso do papel e a próxima página aparecendo por baixo.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/page-curl.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/page-curl.json"},{"name":"pull-to-refresh","title":"Pull to Refresh","description":"Painel que estica quando você puxa pra baixo, conta os pontos até a marca e gira enquanto atualiza.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/pull-to-refresh.json"},{"name":"reactions","title":"Reactions","description":"Barra de reações em que a contagem rola pro lado que andou e o ícone dá um pulinho quando você reage.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/reactions.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/reactions.json"},{"name":"signature-pad","title":"Signature Pad","description":"Campo de assinatura com tinta que engrossa e afina como caneta de verdade, com desfazer e limpar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/signature-pad.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/signature-pad.json"},{"name":"slide-to-confirm","title":"Slide to Confirm","description":"Trilho que só confirma quando você arrasta o polegar até o fim, e volta com mola se soltar antes.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/slide-to-confirm.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/slide-to-confirm.json"},{"name":"sticker-peel","title":"Sticker Peel","description":"Um adesivo que levanta o canto quando o mouse chega perto, arrasta pra mudar de lugar e, com um clique, descola inteiro da página.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/sticker-peel.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/sticker-peel.json"},{"name":"streamgraph","title":"Streamgraph","description":"Gráfico de fluxo empilhado que mostra como a mistura de várias partes muda no tempo, com camadas que ligam e desligam.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/streamgraph.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/streamgraph.json"},{"name":"time-dial","title":"Time Dial","description":"Mostrador de 24 horas que você gira com o dedo ou com as setas, com a faixa do expediente desenhada no aro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/time-dial.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/time-dial.json"},{"name":"voice-note","title":"Voice Note","description":"Nota de voz de chat com forma de onda, play e pausa, e busca clicando ou arrastando na onda.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/voice-note.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/voice-note.json"},{"name":"wallet-stack","title":"Wallet Stack","description":"Carteira de cartões empilhados em que um sobe pra mostrar saldo e movimento e os outros se recolhem no pé.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/wallet-stack.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/wallet-stack.json"},{"name":"shader-ascii","title":"Shader ASCII","description":"Uma imagem redesenhada em caracteres, com seis jogos de glifo e as células mais cheias na cor da marca.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/shader-ascii.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/shader-ascii.json"},{"name":"shader-halftone","title":"Shader Halftone","description":"Retícula de uma tinta só sobre uma imagem, em pontos, quadrados ou linhas, com uma lupa que amplia debaixo do cursor.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/shader-halftone.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/shader-halftone.json"},{"name":"shader-neon","title":"Shader Neon","description":"Fios de luz que ondulam num campo liso na cor da marca e engrossam quando o ponteiro passa rápido.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/shader-neon.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/shader-neon.json"},{"name":"shader-riso","title":"Shader Riso","description":"Uma imagem impressa em duas tintas de risografia, com grão, ângulo próprio por tinta e registro fora do lugar.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/shader-riso.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/shader-riso.json"},{"name":"shader-tunnel","title":"Shader Tunnel","description":"Túnel de anéis em espiral que corre pro centro na cor da marca e acelera com o ponteiro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/shader-tunnel.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/shader-tunnel.json"},{"name":"shader-voronoi","title":"Shader Voronoi","description":"Mosaico de células que derivam devagar com um núcleo aceso na cor da marca, empurradas pelo ponteiro.","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/shader-voronoi.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/shader-voronoi.json"},{"name":"anatomia","title":"Anatomia","description":"O núcleo das figuras didáticas: o web component <visant-anatomia> (pinos, painel de peças, passo a passo, pausa, tela cheia, teclado) e o wrapper React. A figu…","type":"registry:ui","source_url":"https://ui.visantlabs.com/r/anatomia.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia.json"},{"name":"anatomia-como-sobe","title":"Anatomia: como a ferramenta sobe","description":"Fig 1.4 do curso IA para Designers: o que sobe pro GitHub, o que o .gitignore segura no computador e quando a Vercel põe no ar.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-como-sobe.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-como-sobe.json"},{"name":"anatomia-tomadas","title":"Anatomia: conector e chave de API","description":"Fig 2.2 do curso IA para Designers: os programas entram pelo conector do claude.ai, com a tua conta; o serviço pago entra pela chave de API, que mora no .env e…","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-tomadas.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-tomadas.json"},{"name":"anatomia-fichario","title":"Anatomia: o fichário de receitas","description":"Fig 2.6 do curso IA para Designers: o agente lê só as etiquetas das skills e abre a receita que casa com o pedido; a pasta references/ só sobe quando a receita…","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-fichario.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-fichario.json"},{"name":"anatomia-memoria","title":"Anatomia: a memória do agente","description":"Fig 2.7 do curso IA para Designers: o agente esquece a conversa quando a janela fecha e lembra o que está no CLAUDE.md, com regra parafusada e fato com data.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-memoria.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-memoria.json"},{"name":"anatomia-tokens","title":"Anatomia: o tanque da conversa","description":"Fig B.7 do curso IA para Designers: cada mensagem fica na conversa e o agente relê tudo a cada volta; um print resolve em uma volta o que o parágrafo leva três.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-tokens.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-tokens.json"},{"name":"anatomia-script","title":"Anatomia: do briefing ao script","description":"Fig B.8 do curso IA para Designers: o agente resolve o pedido novo e gasta uso; o que se repete vira script, que roda sem IA e para quando não entende.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-script.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-script.json"},{"name":"anatomia-permissao","title":"Anatomia: a caixa de permissão","description":"Fig 2.3b do curso IA para Designers: nada do agente entra na tua pasta sem Yes, Yes and don't ask again ou No, e só o don't ask again fica escrito.","type":"registry:lib","source_url":"https://ui.visantlabs.com/r/anatomia-permissao.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/anatomia-permissao.json"},{"name":"agent-rules","title":"Agent Rules","description":"Regras pro seu agente de IA (Cursor, Claude Code, Copilot): procurar no @visant antes de escrever UI do zero e escolher a peça certa pela situação.","type":"registry:item","source_url":"https://ui.visantlabs.com/r/agent-rules.json","install_command":"npx shadcn@latest add https://ui.visantlabs.com/r/agent-rules.json"}]},{"id":"w3-kit","name":"@w3-kit","slug":"w3-kit","description":"Open-source UI component library for blockchain dApp development built with React, TypeScript, and Tailwind CSS. Covers wallet connection UIs, token swap interfaces, NFT cards, staking interfaces, and 20+ additional crypto-specific components. Follows accessible, customizable design patterns aligned with shadcn/ui conventions. MIT-licensed. Site was returning errors at research time. Use for: rapidly assembling dApp frontends that need production-ready wallet, token, and NFT UI primitives without building blockchain-specific components from scratch.","author":"w3-kit","framework":"react","license":"MIT","tags":["accessibility","blocks","cards","components","crypto","design-system","hooks"],"categories":["Crypto/web3"],"labels":[],"urls":{"website":"https://w3-kit.com","github":"https://github.com/w3-kit/ui","registry":"https://w3-kit.com/registry/{name}.json","source":"https://w3-kit.com/registry/{name}.json","page":"https://sh4dcn.netlify.app/registry/w3-kit","markdown":"https://sh4dcn.netlify.app/md/w3-kit.md"},"logo":"<svg width='250' height='250' viewBox='0 0 250 250' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='250' height='250' rx='125' fill='var(--background)'/><path d='M87.5004 52.0587C85.2945 53.6764 84.5592 56.6176 83.9709 67.353C83.3827 74.706 82.5003 81.1766 81.9121 81.9119C81.1768 82.5002 74.7061 83.3825 67.3531 83.9708C50.7353 84.8531 50 85.7355 50 102.206C50 117.942 51.1765 119.118 67.059 119.118C83.5297 119.118 84.4121 118.236 84.8533 102.206C85.1474 95.1473 86.0298 88.3826 86.9121 87.3532C88.0886 85.8826 92.0592 85.2943 99.5593 85.2943C110.001 85.2943 115.736 83.8237 117.942 80.2943C118.53 79.4119 119.118 73.3824 119.118 66.7647C119.118 51.1763 117.942 49.9999 102.059 49.9999C94.4122 49.9999 89.2651 50.7352 87.5004 52.0587Z' fill='var(--foreground)'/><path d='M133.381 52.6469C131.469 54.7058 130.881 58.2352 130.881 67.0588C130.881 73.3824 131.469 79.4119 132.057 80.2943C134.263 83.8237 139.999 85.2943 150.44 85.2943C157.94 85.2943 161.911 85.8826 163.087 87.3532C163.969 88.3826 164.852 95.1473 165.146 102.206C165.587 118.236 166.469 119.118 183.087 119.118C198.823 119.118 199.999 117.942 199.999 102.059C199.999 85.7355 199.264 84.8531 182.646 83.9708C175.293 83.3825 168.822 82.5002 168.087 81.9119C167.499 81.1766 166.616 74.706 166.028 67.353C165.146 50.7352 164.264 49.9999 147.793 49.9999C137.94 49.9999 135.293 50.441 133.381 52.6469Z' fill='var(--foreground)'/><path d='M52.5 133.531C50.5882 135.59 50 139.119 50 147.943C50 164.266 50.7353 165.149 67.3531 166.031C74.7061 166.619 81.1768 167.502 81.9121 168.09C82.5003 168.825 83.3827 175.296 83.9709 182.649C84.8533 199.267 85.7356 200.002 102.206 200.002C117.942 200.002 119.118 198.825 119.118 182.943C119.118 176.619 118.53 170.59 117.942 169.708C115.736 166.178 110.001 164.707 99.5593 164.707C92.0592 164.707 88.0886 164.119 86.9121 162.649C86.0298 161.619 85.1474 154.854 84.8533 147.796C84.4121 131.766 83.5297 130.884 66.9119 130.884C57.0589 130.884 54.4118 131.325 52.5 133.531Z' fill='var(--foreground)'/><path d='M168.234 132.942C165.881 134.707 165.44 137.06 165.146 147.796C164.852 154.854 163.969 161.619 163.087 162.649C161.911 164.119 157.94 164.707 150.44 164.707C139.999 164.707 134.263 166.178 132.057 169.708C131.469 170.59 130.881 176.619 130.881 183.237C130.881 198.825 132.057 200.002 147.94 200.002C164.264 200.002 165.146 199.267 166.028 182.649C166.616 175.296 167.499 168.825 168.087 168.09C168.822 167.502 175.293 166.619 182.646 166.031C199.264 165.149 199.999 164.266 199.999 147.796C199.999 132.06 198.823 130.884 182.94 130.884C175.146 130.884 170.146 131.619 168.234 132.942Z' fill='var(--foreground)'/></svg>","preview_image":"https://www.w3-kit.com/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":16,"open_issues":13,"last_commit":"2026-08-07T01:15:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/w3-kit/ui.git","clone_degit":"npx degit w3-kit/ui","registry_fetch":"curl -s https://w3-kit.com/registry/{name}.json"},"component_count":0,"components":[]},{"id":"wa-ui","name":"@wa-ui","slug":"wa-ui","description":"Production-ready WhatsApp Web UI components built on WDS design tokens with Tailwind CSS v4 and @base-ui/react.","author":"froggy1014","framework":"react","license":"MIT","tags":["audio","blocks","buttons","cards","forms","maps","marketing","media","navigation","pro-available","theming"],"categories":["Forms"],"labels":["pro","recently-updated"],"urls":{"website":"https://ui.meta-cloud-api.site","github":"https://github.com/froggy1014/wa-ui","registry":"https://ui.meta-cloud-api.site/r/registry.json","source":"https://ui.meta-cloud-api.site/r/registry.json","page":"https://sh4dcn.netlify.app/registry/wa-ui","markdown":"https://sh4dcn.netlify.app/md/wa-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 500 500' fill='none'><g transform='translate(0,500) scale(0.1,-0.1)' fill='var(--foreground)' stroke='none'><path d='M1125 4290 c-198 -41 -368 -194 -428 -385 l-22 -70 0 -1335 0 -1335 22 -70 c55 -175 200 -315 382 -369 49 -14 193 -16 1425 -16 l1371 1 66 22 c194 66 334 221 374 415 14 64 15 244 13 1390 l-3 1317 -23 59 c-32 86 -68 143 -130 208 -65 69 -130 112 -220 147 l-67 26 -1360 2 c-748 0 -1378 -3 -1400 -7z m1572 -545 c440 -77 793 -386 926 -810 95 -302 69 -597 -75 -875 -220 -426 -681 -683 -1147 -639 -161 15 -367 79 -480 149 l-44 28 -264 -89 c-145 -49 -267 -89 -272 -89 -4 0 29 123 75 273 l84 272 -49 95 c-188 364 -171 781 45 1137 76 126 176 236 311 340 108 84 320 176 479 207 93 19 309 19 411 1z'/><path d='M1954 3244 c-38 -9 -104 -75 -134 -133 -68 -136 -60 -280 28 -456 132 -268 338 -477 587 -600 200 -99 346 -135 459 -114 76 13 166 60 211 110 61 68 82 193 37 231 -32 27 -257 121 -291 122 -29 0 -43 -10 -105 -77 -43 -46 -80 -77 -91 -77 -29 1 -123 41 -191 82 -120 74 -224 179 -299 303 -43 72 -41 85 19 160 67 82 67 90 -5 262 -34 81 -70 157 -80 167 -18 19 -98 30 -145 20z'/></g></svg>","preview_image":"https://ui.meta-cloud-api.site/opengraph-image?a8c99eed87f74ff5","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.meta-cloud-api.site/pricing"},"metrics":{"github_stars":16,"open_issues":0,"last_commit":"2026-10-11T04:33:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.meta-cloud-api.site/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.meta-cloud-api.site/r/registry.json","clone":"git clone https://github.com/froggy1014/wa-ui.git","clone_degit":"npx degit froggy1014/wa-ui","registry_fetch":"curl -s https://ui.meta-cloud-api.site/r/registry.json"},"component_count":34,"components":[{"name":"chat-bubble","title":"Chat Bubble","description":"WhatsApp-style message bubble with incoming/outgoing variants, timestamps, read receipts, group chat sender, and animated tail.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/chat-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/chat-bubble.json"},{"name":"chat-list-item","title":"Chat List Item","description":"WhatsApp-style conversation list row with color avatar initials, name, last message, timestamp, unread badge, read receipts, mute, and pin.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/chat-list-item.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/chat-list-item.json"},{"name":"chat-header","title":"Chat Header","description":"WhatsApp-style conversation header with avatar, contact name, online status, and action buttons.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/chat-header.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/chat-header.json"},{"name":"message-input","title":"Message Input","description":"WhatsApp-style message composer with emoji, attachment, auto-resize textarea, and send/voice toggle.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/message-input.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/message-input.json"},{"name":"date-separator","title":"Date Separator","description":"WhatsApp-style centered date pill divider for separating messages by date.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/date-separator.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/date-separator.json"},{"name":"typing-indicator","title":"Typing Indicator","description":"WhatsApp-style animated typing indicator with three bouncing dots and optional sender name.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/typing-indicator.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/typing-indicator.json"},{"name":"reaction-pill","title":"Reaction Pill","description":"WhatsApp-style emoji reaction pill with count and toggle state using @base-ui/react Toggle.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/reaction-pill.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/reaction-pill.json"},{"name":"image-bubble","title":"Image Bubble","description":"WhatsApp-style image bubble supporting single image, multi-image grid (2x2 with +N overflow), loading skeleton, and captions.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/image-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/image-bubble.json"},{"name":"video-bubble","title":"Video Bubble","description":"WhatsApp-style video message bubble with play/pause, duration badge, caption, and read receipts.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/video-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/video-bubble.json"},{"name":"voice-message-bubble","title":"Voice Message Bubble","description":"WhatsApp-style voice message with play/pause, waveform, playback progress, duration, and read receipts.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/voice-message-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/voice-message-bubble.json"},{"name":"file-attachment-bubble","title":"File Attachment Bubble","description":"WhatsApp-style file bubble with type-based color icon badge, file name/size, download progress via @base-ui/react Progress, and read receipts.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/file-attachment-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/file-attachment-bubble.json"},{"name":"template-bubble","title":"Template Bubble","description":"WhatsApp Business template message bubble supporting text/image/video/document/location headers and url/phone/quick_reply/copy_code/flow/call_permission button…","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/template-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/template-bubble.json"},{"name":"carousel-template","title":"Carousel Template","description":"WhatsApp Business carousel template with horizontal scrollable cards using @base-ui/react ScrollArea.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/carousel-template.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/carousel-template.json"},{"name":"call-permission","title":"Call Permission","description":"WhatsApp Business calling permission request bubble with animated bottom sheet, radio options, and calling rules footer using @base-ui/react Drawer and RadioGr…","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/call-permission.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/call-permission.json"},{"name":"message-status","title":"Message Status","description":"Shared MessageStatus type and MessageStatusIcon — sending, sent, delivered, read, failed.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/message-status.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/message-status.json"},{"name":"location-bubble","title":"Location Bubble","description":"WhatsApp-style location message with map preview, name/address, and Open in Maps CTA.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/location-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/location-bubble.json"},{"name":"contact-bubble","title":"Contact Bubble","description":"WhatsApp-style contact card — single or multiple contacts with name, phone, avatar, and action buttons.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/contact-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/contact-bubble.json"},{"name":"sticker-bubble","title":"Sticker Bubble","description":"WhatsApp-style sticker message — 160×160px, no bubble background, animated badge support.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/sticker-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/sticker-bubble.json"},{"name":"system-message-bubble","title":"System Message Bubble","description":"Centered system notice pill — encryption notices, number changes, and other system events.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/system-message-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/system-message-bubble.json"},{"name":"reply-preview","title":"Reply Preview","description":"Quoted message strip shown inside a bubble — author, body preview, media type icon, thumbnail.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/reply-preview.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/reply-preview.json"},{"name":"forwarded-label","title":"Forwarded Label","description":"Small italic label indicating a forwarded or frequently forwarded message.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/forwarded-label.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/forwarded-label.json"},{"name":"unsupported-message-bubble","title":"Unsupported Message Bubble","description":"Fallback bubble for unknown or unsupported WhatsApp message types.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/unsupported-message-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/unsupported-message-bubble.json"},{"name":"interactive-button-bubble","title":"Interactive Button Bubble","description":"WhatsApp interactive button message — up to 3 reply buttons with header/body/footer.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/interactive-button-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/interactive-button-bubble.json"},{"name":"cta-url-bubble","title":"CTA URL Bubble","description":"WhatsApp interactive CTA URL message — single external link button with body/footer.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/cta-url-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/cta-url-bubble.json"},{"name":"list-message-bubble","title":"List Message Bubble","description":"WhatsApp interactive list message — CTA opens a bottom sheet with selectable sections and rows.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/list-message-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/list-message-bubble.json"},{"name":"interactive-reply-bubble","title":"Interactive Reply Bubble","description":"WhatsApp-style interactive reply bubble — the chosen button, list, or flow option, quoting the message it answers.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/interactive-reply-bubble.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/interactive-reply-bubble.json"},{"name":"reaction","title":"Reaction","description":"WhatsApp-style emoji reaction display — single reaction with count or overlapping multi-reaction group.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/reaction.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/reaction.json"},{"name":"action-button","title":"Action Button","description":"WhatsApp-style outlined pill action button with optional icon, using @base-ui/react Button.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/action-button.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/action-button.json"},{"name":"chat-menu","title":"Chat Menu","description":"WhatsApp-style context dropdown menu with icons, links, danger items, using @base-ui/react Menu.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/chat-menu.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/chat-menu.json"},{"name":"message-actions","title":"Message Actions","description":"WhatsApp-style per-message menu opened by right click, long press, or a hover button — quick reaction bar, expandable emoji grid, and rows like Reply or Copy. …","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/message-actions.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/message-actions.json"},{"name":"reply-bar","title":"Reply Bar","description":"WhatsApp-style \"replying to\" strip above the message input, with a cancel button and Escape to dismiss.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/reply-bar.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/reply-bar.json"},{"name":"emoji-picker","title":"Emoji Picker","description":"WhatsApp-style compose-bar emoji button with a categorized popover grid that stays open while picking. Uses @base-ui/react Popover.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/emoji-picker.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/emoji-picker.json"},{"name":"message-text","title":"Message Text","description":"WhatsApp text formatting for message bodies: *bold*, _italic_, ~strike~, `code`, ```block```, clickable links, preserved line breaks.","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/message-text.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/message-text.json"},{"name":"media-viewer","title":"Media Viewer","description":"WhatsApp-style full-screen viewer for chat images and videos: caption, download, previous/next with arrow keys, closes on Escape or backdrop click. Pair with i…","type":"registry:component","source_url":"https://ui.meta-cloud-api.site/r/media-viewer.json","install_command":"npx shadcn@latest add https://ui.meta-cloud-api.site/r/media-viewer.json"}]},{"id":"wandry-ui","name":"@wandry-ui","slug":"wandry-ui","description":"shadcn/ui registry of fully controlled React form components designed specifically for Inertia.js applications, built to pair with the @wandry/inertia-form library. Components handle text inputs, select dropdowns, checkboxes, radio buttons, OTP inputs, and password fields, with automatic form state management, change tracking, dirty-state detection, and TypeScript safety. Integrates with Radix UI and Tailwind CSS. Free and open-source. Use for: Inertia.js (Laravel + React) projects that need ready-made, type-safe form fields wired up to Inertia's form handling without writing repetitive field boilerplate.","author":"WandryDev","framework":"react","license":null,"tags":["auth","buttons","components","forms"],"categories":["Forms"],"labels":[],"urls":{"website":"http://ui.wandry.com.ua/","github":"https://github.com/WandryDev/wandry-ui","registry":"https://ui.wandry.com.ua/r/{name}.json","source":"https://ui.wandry.com.ua/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/wandry-ui","markdown":"https://sh4dcn.netlify.app/md/wandry-ui.md"},"logo":"<svg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='42' cy='42' r='42' fill='var(--foreground)'/><path d='M60.0895 26L55.3658 53.4595H54.5338L47.5557 26H37.33L30.2445 53.5389H29.3857L23.9105 26H15L22.4076 59.7882C22.4344 59.9206 22.5417 60 22.6759 60H35.5318C35.8002 60 36.0149 59.8146 36.0686 59.5763L41.6511 36.3271H42.4026L47.7972 59.5498C47.8509 59.8146 48.0924 60 48.3877 60H61.163C61.3509 60 61.4851 59.8676 61.5388 59.7087L69 26H60.0895Z' fill='var(--background)'/><path d='M75 26C72.7925 26 71 27.7925 71 30C71 32.2075 72.7925 34 75 34C77.2075 34 79 32.2075 79 30C79 27.7925 77.2075 26 75 26ZM71.6038 30C71.6038 28.1321 73.1321 26.6038 75 26.6038C75.6981 26.6038 76.3208 26.8679 76.8491 27.2264L76.2453 27.9623C76 27.8302 75.7359 27.6981 75.3962 27.6981H73.5472V31.3019L72.6415 32.4151C72.0189 31.8113 71.6038 30.9623 71.6038 30ZM76.3774 29C76.3774 29.2453 76.283 29.434 76.1132 29.5849C75.9434 29.7358 75.6981 29.8113 75.3962 29.8113H75.2642L76.2076 28.6415C76.283 28.7358 76.3774 28.8491 76.3774 29ZM74.1132 29.8113V28.1887H75.4151C75.6415 28.1887 75.8113 28.2642 75.9623 28.3585L74.7925 29.8113H74.1132ZM74.3962 30.283L74.1132 30.6415V30.283H74.3962ZM75 33.3962C74.2264 33.3962 73.5472 33.0943 72.9623 32.6415L73.5472 31.9057V31.9245H74.0943V31.2264L74.8679 30.2642H74.8868L76.3585 31.9245H77.0377L75.5094 30.2453H75.5849C75.9811 30.2264 76.3019 30.0943 76.566 29.8679C76.8113 29.6415 76.9434 29.3396 76.9434 28.9811C76.9434 28.6415 76.7925 28.3962 76.5849 28.1887L77.1887 27.434C77.9245 28.0566 77.3962 28.9434 78.3962 29.9811C78.3962 31.8679 76.8679 33.3962 75 33.3962Z' fill='var(--background)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":26,"open_issues":1,"last_commit":"2025-12-21T17:40:35Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/WandryDev/wandry-ui.git","clone_degit":"npx degit WandryDev/wandry-ui","registry_fetch":"curl -s https://ui.wandry.com.ua/r/{name}.json"},"component_count":0,"components":[]},{"id":"washiveil","name":"@washiveil","slug":"washiveil","description":"Washi at the ground, veils above, three lights beneath. A design system with Chinese & Japanese typography considered from the start.","author":"tochny","framework":"react","license":"MIT","tags":["auth","buttons","cards","charts","design-system","forms","glassmorphism","loaders","media","navigation","overlays","tables","theming"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://washiveil.alexchih.com","github":"https://github.com/tochny/washiveil","registry":"https://washiveil.alexchih.com/r/registry.json","source":"https://washiveil.alexchih.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/washiveil","markdown":"https://sh4dcn.netlify.app/md/washiveil.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><defs><filter id='s' x='-50%' y='-50%' width='200%' height='200%'><feGaussianBlur stdDeviation='4.5'/></filter></defs><rect width='64' height='64' rx='16' fill='var(--background)'/><g filter='url(#s)'><circle cx='18' cy='16' r='13' fill='#2e63b8' fill-opacity='0.75'/><circle cx='50' cy='32' r='12' fill='#7b68c8' fill-opacity='0.7'/><circle cx='20' cy='50' r='13' fill='#d0722e' fill-opacity='0.7'/></g><rect x='10' y='10' width='44' height='44' rx='10' fill='var(--foreground)' fill-opacity='0.12'/><rect x='10' y='10' width='44' height='44' rx='10' fill='none' stroke='var(--foreground)' stroke-opacity='0.2'/></svg>","preview_image":"https://washiveil.alexchih.com/og/en.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":5,"last_commit":"2026-10-21T10:10:12Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://washiveil.alexchih.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://washiveil.alexchih.com/r/registry.json","install_bun":"bunx shadcn@latest add https://washiveil.alexchih.com/r/registry.json","clone":"git clone https://github.com/tochny/washiveil.git","clone_degit":"npx degit tochny/washiveil","registry_fetch":"curl -s https://washiveil.alexchih.com/r/registry.json"},"component_count":58,"components":[{"name":"theme","title":"Washi Veil Theme","description":"Warm washi ground, translucent glass veils, and the ruri/korozen/sumire tri-color — light and dark. Installs the token layer every Washi Veil component builds …","type":"registry:theme","source_url":"https://washiveil.alexchih.com/r/theme.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/theme.json"},{"name":"ambient-field","title":"Ambient Field","description":"Viewport-fixed tri-color light field the page scrolls over — WebGL glows with per-pixel dither, CSS fallback for first paint, film-grain overlay. Reduced-motio…","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/ambient-field.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/ambient-field.json"},{"name":"glass-nav","title":"Glass Nav","description":"Floating glass pill navigation — sliding hover pill, scroll-adaptive contrast, masked blur scroll edge, working mobile sheet.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-nav.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-nav.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Class-strategy dark mode toggle with localStorage persistence and no-flash pre-paint script helper.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/theme-toggle.json"},{"name":"glass-card","title":"Glass Card","description":"The base translucent surface — blurred white veil on washi in light, lifted warm dark in dark.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-card.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-card.json"},{"name":"glass-button","title":"Glass Button","description":"Pill button in three registers — korozen primary, quiet secondary outline, ruri tinted.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-button.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-button.json"},{"name":"chip","title":"Chip","description":"Taxonomy pill in the tri-color hues (ruri / korozen / sumire) plus a neutral glass register.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/chip.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/chip.json"},{"name":"stat-strip","title":"Stat Strip","description":"Three-up stat band with tri-colored numerals on a glass surface.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/stat-strip.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/stat-strip.json"},{"name":"status-badge","title":"Status Badge","description":"Live-status pill with a pulse dot on a glass ground.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/status-badge.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/status-badge.json"},{"name":"code-badge","title":"Code Badge","description":"Identifier badge for codes and versions — rounded-md mono, distinct from the taxonomy Chip.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/code-badge.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/code-badge.json"},{"name":"glass-toc","title":"Glass TOC","description":"On-this-page navigation card with active-item highlight.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-toc.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-toc.json"},{"name":"glass-input","title":"Glass Input","description":"Text input on a translucent glass surface with a ruri focus ring.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-input.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-input.json"},{"name":"glass-textarea","title":"Glass Textarea","description":"Multiline input on a translucent glass surface with a ruri focus ring.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-textarea.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-textarea.json"},{"name":"glass-dialog","title":"Glass Dialog","description":"Modal dialog as a glass veil — blurred translucent panel over a soft scrim, built on Radix Dialog.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-dialog.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-dialog.json"},{"name":"glass-tooltip","title":"Glass Tooltip","description":"Tooltip on the strong glass surface, built on Radix Tooltip.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-tooltip.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-tooltip.json"},{"name":"share-row","title":"Share Row","description":"URL-intent share row — native share sheet when supported, clipboard copy fallback, X/LinkedIn intents. No SDKs, no trackers.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/share-row.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/share-row.json"},{"name":"glass-label","title":"Glass Label","description":"Form label in the mono uppercase register.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-label.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-label.json"},{"name":"glass-select","title":"Glass Select","description":"Select on the glass field register — popover panel on strong glass, built on Radix Select.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-select.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-select.json"},{"name":"glass-switch","title":"Glass Switch","description":"Toggle switch — ruri track when on, glass thumb, built on Radix Switch.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-switch.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-switch.json"},{"name":"glass-checkbox","title":"Glass Checkbox","description":"Checkbox on glass with a ruri checked state, built on Radix Checkbox.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-checkbox.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-checkbox.json"},{"name":"glass-radio-group","title":"Glass Radio Group","description":"Radio group on glass with ruri selection dots, built on Radix RadioGroup.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-radio-group.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-radio-group.json"},{"name":"glass-slider","title":"Glass Slider","description":"Slider with a ruri range on a glass track, built on Radix Slider.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-slider.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-slider.json"},{"name":"glass-popover","title":"Glass Popover","description":"Popover panel on strong glass, built on Radix Popover.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-popover.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-popover.json"},{"name":"glass-dropdown-menu","title":"Glass Dropdown Menu","description":"Menu on strong glass — items, labels, separators, shortcuts, submenus. Built on Radix DropdownMenu.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-dropdown-menu.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-dropdown-menu.json"},{"name":"glass-sheet","title":"Glass Sheet","description":"Side sheet as a veil — slides from any edge over a soft scrim. Built on Radix Dialog.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-sheet.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-sheet.json"},{"name":"glass-alert-dialog","title":"Glass Alert Dialog","description":"Confirmation dialog on strong glass, built on Radix AlertDialog.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-alert-dialog.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-alert-dialog.json"},{"name":"glass-hover-card","title":"Glass Hover Card","description":"Hover card on strong glass, built on Radix HoverCard.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-hover-card.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-hover-card.json"},{"name":"glass-sonner","title":"Glass Sonner","description":"Toasts as small veils — sonner styled on the washi glass registers.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-sonner.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-sonner.json"},{"name":"glass-tabs","title":"Glass Tabs","description":"Pill tab list on a glass ground with a ruri active tab, built on Radix Tabs.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-tabs.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-tabs.json"},{"name":"glass-accordion","title":"Glass Accordion","description":"Accordion on glass with soft dividers, built on Radix Accordion.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-accordion.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-accordion.json"},{"name":"glass-table","title":"Glass Table","description":"Data table in the washi editorial register — mono uppercase header, soft row dividers.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-table.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-table.json"},{"name":"glass-separator","title":"Glass Separator","description":"Hairline separator on the soft border register, built on Radix Separator.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-separator.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-separator.json"},{"name":"glass-alert","title":"Glass Alert","description":"Inline alert on glass — neutral, ruri info, korozen warning, destructive.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-alert.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-alert.json"},{"name":"glass-skeleton","title":"Glass Skeleton","description":"Loading placeholder — a shimmering veil.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-skeleton.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-skeleton.json"},{"name":"glass-progress","title":"Glass Progress","description":"Progress bar with a ruri fill on a glass track, built on Radix Progress.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-progress.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-progress.json"},{"name":"glass-avatar","title":"Glass Avatar","description":"Avatar with a glass ring, built on Radix Avatar.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-avatar.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-avatar.json"},{"name":"glass-breadcrumb","title":"Glass Breadcrumb","description":"Breadcrumb trail in the quiet text register.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-breadcrumb.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-breadcrumb.json"},{"name":"glass-pagination","title":"Glass Pagination","description":"Pagination pills on the ghost-circle register.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-pagination.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-pagination.json"},{"name":"glass-context-menu","title":"Glass Context Menu","description":"Right-click menu on strong glass — items, checkboxes, radios, submenus. Built on Radix ContextMenu.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-context-menu.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-context-menu.json"},{"name":"glass-menubar","title":"Glass Menubar","description":"Application menubar on the glass pill with strong-glass dropdowns, built on Radix Menubar.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-menubar.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-menubar.json"},{"name":"glass-navigation-menu","title":"Glass Navigation Menu","description":"Site navigation with strong-glass flyout panels, built on Radix NavigationMenu.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-navigation-menu.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-navigation-menu.json"},{"name":"glass-collapsible","title":"Glass Collapsible","description":"Show/hide region, built on Radix Collapsible.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-collapsible.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-collapsible.json"},{"name":"glass-toggle","title":"Glass Toggle","description":"Pressed-state pill — quiet until on, then ruri. Built on Radix Toggle.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-toggle.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-toggle.json"},{"name":"glass-toggle-group","title":"Glass Toggle Group","description":"Segmented toggles on the glass pill ground, built on Radix ToggleGroup.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-toggle-group.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-toggle-group.json"},{"name":"glass-scroll-area","title":"Glass Scroll Area","description":"Custom scrollbar as a faint veil, built on Radix ScrollArea.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-scroll-area.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-scroll-area.json"},{"name":"glass-aspect-ratio","title":"Glass Aspect Ratio","description":"Ratio-locked container, built on Radix AspectRatio.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-aspect-ratio.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-aspect-ratio.json"},{"name":"glass-kbd","title":"Glass Kbd","description":"Keyboard key cap in the mono register on a faint glass chip.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-kbd.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-kbd.json"},{"name":"glass-spinner","title":"Glass Spinner","description":"Loading spinner in the quiet register, reduced-motion safe.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-spinner.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-spinner.json"},{"name":"glass-empty","title":"Glass Empty","description":"Empty state — icon, title, description, action slot on a soft glass ground.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-empty.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-empty.json"},{"name":"glass-drawer","title":"Glass Drawer","description":"Bottom drawer as a rising veil with a grab handle, built on Vaul.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-drawer.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-drawer.json"},{"name":"glass-input-otp","title":"Glass Input OTP","description":"One-time-code input on glass cells with a ruri active caret.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-input-otp.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-input-otp.json"},{"name":"glass-command","title":"Glass Command","description":"Command palette on strong glass — search, groups, shortcuts. Built on cmdk.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-command.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-command.json"},{"name":"glass-combobox","title":"Glass Combobox","description":"Searchable select composed from the command palette inside a popover.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-combobox.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-combobox.json"},{"name":"glass-calendar","title":"Glass Calendar","description":"Calendar on the washi ground with ruri selection, built on react-day-picker.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-calendar.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-calendar.json"},{"name":"glass-date-picker","title":"Glass Date Picker","description":"Date picker — glass field trigger, calendar in a strong-glass popover.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-date-picker.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-date-picker.json"},{"name":"glass-form","title":"Glass Form","description":"react-hook-form wiring with the washiveil label and message registers.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/glass-form.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/glass-form.json"},{"name":"lang-switcher","title":"Lang Switcher","description":"Locale switcher on the glass pill — the active language is a filled ruri moment. For sites that take Chinese & Japanese seriously.","type":"registry:ui","source_url":"https://washiveil.alexchih.com/r/lang-switcher.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/lang-switcher.json"},{"name":"prose","title":"Prose","description":"Article typography with a stance — 1.85 CJK line-height, ruri for interactive marks, korozen for editorial ones. The ink layer of the system.","type":"registry:item","source_url":"https://washiveil.alexchih.com/r/prose.json","install_command":"npx shadcn@latest add https://washiveil.alexchih.com/r/prose.json"}]},{"id":"watermelon","name":"@watermelon","slug":"watermelon","description":"Free, open-source React components, animated interactions, blocks, dashboards, and templates for shadcn/ui projects. Install with the shadcn CLI and own the source.","author":"WatermelonCorp","framework":"react","license":"MIT","tags":["animation","blocks","buttons","cards","crypto","dashboard","forms","media","navigation","onboarding","overlays","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.watermelon.sh","github":"https://github.com/WatermelonCorp/watermelon-platform","registry":"https://registry.watermelon.sh/r/registry.json","source":"https://registry.watermelon.sh/r/registry.json","page":"https://sh4dcn.netlify.app/registry/watermelon","markdown":"https://sh4dcn.netlify.app/md/watermelon.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='6' fill='#7ddc16'/><path d='M6 9.5c0-1.4 1.1-2.5 2.5-2.5S11 8.1 11 9.5 9.9 12 8.5 12 6 10.9 6 9.5Zm7 0C13 8.1 14.1 7 15.5 7S18 8.1 18 9.5 16.9 12 15.5 12 13 10.9 13 9.5ZM6 15.5c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5S9.9 18 8.5 18 6 16.9 6 15.5Zm7 0c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5-1.1 2.5-2.5 2.5-2.5-1.1-2.5-2.5Z' fill='#0a0a0a'/></svg>","preview_image":"https://ui.watermelon.sh/og/index.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":111,"open_issues":1,"last_commit":"2026-10-26T07:45:27Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://registry.watermelon.sh/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://registry.watermelon.sh/r/registry.json","install_bun":"bunx shadcn@latest add https://registry.watermelon.sh/r/registry.json","clone":"git clone https://github.com/WatermelonCorp/watermelon-platform.git","clone_degit":"npx degit WatermelonCorp/watermelon-platform","registry_fetch":"curl -s https://registry.watermelon.sh/r/registry.json"},"component_count":250,"components":[{"name":"inline-disclosure-menu","title":"Inline Disclosure Menu","description":"An animated inline action menu with contextul Options and a two-step delete confirmation flow.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-disclosure-menu.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-disclosure-menu.json"},{"name":"inline-disclosure-menu-base","title":"Inline Disclosure Menu (base)","description":"Theme-ready base variant of An animated inline action menu with contextul Options and a two-step delete confirmation flow..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-disclosure-menu-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-disclosure-menu-base.json"},{"name":"aave-swap-component","title":"Aave Swap Component","description":"Interactive cryptocurrency exchange interface with animated number inputs and value calculations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/aave-swap-component.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/aave-swap-component.json"},{"name":"aave-swap-component-base","title":"Aave Swap Component (base)","description":"Theme-ready base variant of Interactive cryptocurrency exchange interface with animated number inputs and value calculations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/aave-swap-component-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/aave-swap-component-base.json"},{"name":"activities-card","title":"Activities Card","description":"An expandable activities card with smooth spring animations and a premium 3D header aesthetic.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/activities-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/activities-card.json"},{"name":"activities-card-base","title":"Activities Card (base)","description":"Theme-ready base variant of An expandable activities card with smooth spring animations and a premium 3D header aesthetic..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/activities-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/activities-card-base.json"},{"name":"adaptive-slider","title":"Adaptive Slider","description":"A smooth, color-shifting slider with caloric value tracking.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/adaptive-slider.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/adaptive-slider.json"},{"name":"adaptive-slider-base","title":"Adaptive Slider (base)","description":"Theme-ready base variant of A smooth, color-shifting slider with caloric value tracking..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/adaptive-slider-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/adaptive-slider-base.json"},{"name":"add-cash-disclosure","title":"Add Cash Disclosure","description":"Disclosure panel explaining add-cash details, limits, fees, and confirmation.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/add-cash-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/add-cash-disclosure.json"},{"name":"add-cash-disclosure-base","title":"Add Cash Disclosure (base)","description":"Theme-ready base variant of Disclosure panel explaining add-cash details, limits, fees, and confirmation..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/add-cash-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/add-cash-disclosure-base.json"},{"name":"budget-card","title":"Budget Card","description":"Budget overview card tracking spending, limits, and remaining balance.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/budget-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/budget-card.json"},{"name":"budget-card-base","title":"Budget Card (base)","description":"Theme-ready base variant of Budget overview card tracking spending, limits, and remaining balance..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/budget-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/budget-card-base.json"},{"name":"calendar-widget","title":"Calendar Widget","description":"An animated calendar widget featuring progressive blur effects that enhance depth and focus during interaction.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/calendar-widget.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/calendar-widget.json"},{"name":"calendar-widget-base","title":"Calendar Widget (base)","description":"Theme-ready base variant of An animated calendar widget featuring progressive blur effects that enhance depth and focus during interaction..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/calendar-widget-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/calendar-widget-base.json"},{"name":"card-cue","title":"Card Cue","description":"Interactive micro-interaction component.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/card-cue.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/card-cue.json"},{"name":"card-cue-base","title":"Card Cue (base)","description":"Theme-ready base variant of Interactive micro-interaction component..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/card-cue-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/card-cue-base.json"},{"name":"card-split-accordian","title":"Card Split Accordian","description":"An animated card split accordion that smoothly expands to reveal detailed information.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/card-split-accordian.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/card-split-accordian.json"},{"name":"card-split-accordian-base","title":"Card Split Accordian (base)","description":"Theme-ready base variant of An animated card split accordion that smoothly expands to reveal detailed information..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/card-split-accordian-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/card-split-accordian-base.json"},{"name":"card-swipe","title":"Card Swipe","description":"A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagination.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/card-swipe.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/card-swipe.json"},{"name":"card-swipe-base","title":"Card Swipe (base)","description":"Theme-ready base variant of A tactile, gesture-driven card stack that supports velocity-based swiping and smooth pagination..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/card-swipe-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/card-swipe-base.json"},{"name":"carousel-navigator","title":"Carousel Navigator","description":"A dynamic carousel navigator with theme-adaptive background transitions and progress-syncing indicators.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/carousel-navigator.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/carousel-navigator.json"},{"name":"carousel-navigator-base","title":"Carousel Navigator (base)","description":"Theme-ready base variant of A dynamic carousel navigator with theme-adaptive background transitions and progress-syncing indicators..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/carousel-navigator-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/carousel-navigator-base.json"},{"name":"carousel-slider","title":"Carousel Slider","description":"A playful, gesture-driven card carousel with spring-based rotation and smooth scaling.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/carousel-slider.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/carousel-slider.json"},{"name":"carousel-slider-base","title":"Carousel Slider (base)","description":"Theme-ready base variant of A playful, gesture-driven card carousel with spring-based rotation and smooth scaling..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/carousel-slider-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/carousel-slider-base.json"},{"name":"changeable-pricing-section","title":"Changeable Pricing Section","description":"A premium interactive pricing selector with animated billing toggle, expandable plan details, and smooth spring-driven transitions for modern SaaS checkout flo…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/changeable-pricing-section.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/changeable-pricing-section.json"},{"name":"changeable-pricing-section-base","title":"Changeable Pricing Section (base)","description":"Theme-ready base variant of A premium interactive pricing selector with animated billing toggle, expandable plan details, and smooth spring-driven transitions …","type":"registry:component","source_url":"https://registry.watermelon.sh/r/changeable-pricing-section-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/changeable-pricing-section-base.json"},{"name":"collection-grid-disclosure","title":"Collection Grid Disclosure","description":"An animated collection grid that smoothly expands to reveal additional content on interaction.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/collection-grid-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/collection-grid-disclosure.json"},{"name":"collection-grid-disclosure-base","title":"Collection Grid Disclosure (base)","description":"Theme-ready base variant of An animated collection grid that smoothly expands to reveal additional content on interaction..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/collection-grid-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/collection-grid-disclosure-base.json"},{"name":"command-search","title":"Command Search","description":"A premium command palette with sectioned results, keyboard navigation, and smooth animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/command-search.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/command-search.json"},{"name":"command-search-base","title":"Command Search (base)","description":"Theme-ready base variant of A premium command palette with sectioned results, keyboard navigation, and smooth animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/command-search-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/command-search-base.json"},{"name":"compose-email-card","title":"Compose Email Card","description":"Compact card interface for composing emails with recipient, subject, actions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/compose-email-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/compose-email-card.json"},{"name":"compose-email-card-base","title":"Compose Email Card (base)","description":"Theme-ready base variant of Compact card interface for composing emails with recipient, subject, actions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/compose-email-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/compose-email-card-base.json"},{"name":"contextual-ai-bar","title":"Contextual AI Bar","description":"A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field with smooth morphing transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/contextual-ai-bar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/contextual-ai-bar.json"},{"name":"contextual-ai-bar-base","title":"Contextual AI Bar (base)","description":"Theme-ready base variant of A sleek, adaptive action bar that toggles between tool icons and an AI-powered input field with smooth morphing transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/contextual-ai-bar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/contextual-ai-bar-base.json"},{"name":"continuous-pagination","title":"Continuous Pagination","description":"A premium, fully responsive pagination component featuring spring animations and a 3D-styled active state with a dynamic shimmer effect.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/continuous-pagination.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/continuous-pagination.json"},{"name":"continuous-pagination-base","title":"Continuous Pagination (base)","description":"Theme-ready base variant of A premium, fully responsive pagination component featuring spring animations and a 3D-styled active state with a dynamic shimmer ef…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/continuous-pagination-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/continuous-pagination-base.json"},{"name":"continuous-tabs","title":"Continuous Tabs","description":"Button-like tabs with a smooth sliding background pill.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/continuous-tabs.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/continuous-tabs.json"},{"name":"continuous-tabs-base","title":"Continuous Tabs (base)","description":"Theme-ready base variant of Button-like tabs with a smooth sliding background pill..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/continuous-tabs-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/continuous-tabs-base.json"},{"name":"copy-confirm","title":"Copy Confirm","description":"Interactive micro-interaction component for copy confirm.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/copy-confirm.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/copy-confirm.json"},{"name":"copy-confirm-base","title":"Copy Confirm (base)","description":"Theme-ready base variant of Interactive micro-interaction component for copy confirm..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/copy-confirm-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/copy-confirm-base.json"},{"name":"create-community","title":"Create Community","description":"Dialog for creating communities with name, description, and settings.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/create-community.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/create-community.json"},{"name":"create-community-base","title":"Create Community (base)","description":"Theme-ready base variant of Dialog for creating communities with name, description, and settings..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/create-community-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/create-community-base.json"},{"name":"create-new-disclosure","title":"Create New Disclosure","description":"A stylish \"Create New\" disclosure component that expands from a pill-shaped button into a rich grid of actions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/create-new-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/create-new-disclosure.json"},{"name":"create-new-disclosure-base","title":"Create New Disclosure (base)","description":"Theme-ready base variant of A stylish \"Create New\" disclosure component that expands from a pill-shaped button into a rich grid of actions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/create-new-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/create-new-disclosure-base.json"},{"name":"credit-usage-card","title":"Credit Usage Card","description":"Displays credit consumption progress with clear limits and usage breakdown.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/credit-usage-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/credit-usage-card.json"},{"name":"credit-usage-card-base","title":"Credit Usage Card (base)","description":"Theme-ready base variant of Displays credit consumption progress with clear limits and usage breakdown..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/credit-usage-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/credit-usage-card-base.json"},{"name":"deployment-card","title":"Deployment Card","description":"Deployment card showing environment, progress, logs, duration, and commit details.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/deployment-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/deployment-card.json"},{"name":"deployment-card-base","title":"Deployment Card (base)","description":"Theme-ready base variant of Deployment card showing environment, progress, logs, duration, and commit details..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/deployment-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/deployment-card-base.json"},{"name":"dialog-stack","title":"Dialog Stack","description":"A layered modal component that stacks multiple dialogs with smooth spring-weighted transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/dialog-stack.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/dialog-stack.json"},{"name":"dialog-stack-base","title":"Dialog Stack (base)","description":"Theme-ready base variant of A layered modal component that stacks multiple dialogs with smooth spring-weighted transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/dialog-stack-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/dialog-stack-base.json"},{"name":"discrete-tabs","title":"Discrete Tabs","description":"Animated tabs component with smooth morphing transitions between active states.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/discrete-tabs.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/discrete-tabs.json"},{"name":"discrete-tabs-base","title":"Discrete Tabs (base)","description":"Theme-ready base variant of Animated tabs component with smooth morphing transitions between active states..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/discrete-tabs-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/discrete-tabs-base.json"},{"name":"dock","title":"Dock Component","description":"An animated dock component inspired by the macOS dock with smooth scaling and hover interactions. Icons respond dynamically to cursor movement, creating a live…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/dock.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/dock.json"},{"name":"dock-base","title":"Dock Component (base)","description":"Theme-ready base variant of An animated dock component inspired by the macOS dock with smooth scaling and hover interactions. Icons respond dynamically to curs…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/dock-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/dock-base.json"},{"name":"draw-signature","title":"Draw Signature","description":"A premium interactive signature component that captures fluid strokes with a custom pen cursor and step-based workflow.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/draw-signature.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/draw-signature.json"},{"name":"draw-signature-base","title":"Draw Signature (base)","description":"Theme-ready base variant of A premium interactive signature component that captures fluid strokes with a custom pen cursor and step-based workflow..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/draw-signature-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/draw-signature-base.json"},{"name":"dropdown-disclosure","title":"Dropdown Disclosure","description":"A sophisticated dropdown menu with shared layout transitions and spring-driven animations for item selection.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/dropdown-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/dropdown-disclosure.json"},{"name":"dropdown-disclosure-base","title":"Dropdown Disclosure (base)","description":"Theme-ready base variant of A sophisticated dropdown menu with shared layout transitions and spring-driven animations for item selection..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/dropdown-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/dropdown-disclosure-base.json"},{"name":"edit-badge","title":"Edit Badge","description":"A premium interactive badge component with an inline editor for real-time text, icon, and color customization.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/edit-badge.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/edit-badge.json"},{"name":"edit-badge-base","title":"Edit Badge (base)","description":"Theme-ready base variant of A premium interactive badge component with an inline editor for real-time text, icon, and color customization..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/edit-badge-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/edit-badge-base.json"},{"name":"edit-profile","title":"Edit Profile","description":"Profile editing dialog with fields, validation, and save actions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/edit-profile.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/edit-profile.json"},{"name":"edit-profile-base","title":"Edit Profile (base)","description":"Theme-ready base variant of Profile editing dialog with fields, validation, and save actions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/edit-profile-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/edit-profile-base.json"},{"name":"editable-chip","title":"Editable Chip","description":"An interactive editable chip component with smooth animations for editing.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/editable-chip.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/editable-chip.json"},{"name":"editable-chip-base","title":"Editable Chip (base)","description":"Theme-ready base variant of An interactive editable chip component with smooth animations for editing..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/editable-chip-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/editable-chip-base.json"},{"name":"emoji-spree-choice-chips","title":"Emoji Spree Choice Chips","description":"A playful multi-select component with exploding emoji particles and smooth spring animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/emoji-spree-choice-chips.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/emoji-spree-choice-chips.json"},{"name":"emoji-spree-choice-chips-base","title":"Emoji Spree Choice Chips (base)","description":"Theme-ready base variant of A playful multi-select component with exploding emoji particles and smooth spring animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/emoji-spree-choice-chips-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/emoji-spree-choice-chips-base.json"},{"name":"event-reminders","title":"Event Reminders","description":"Set and manage event reminders with lightweight interactive scheduling controls.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/event-reminders.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/event-reminders.json"},{"name":"event-reminders-base","title":"Event Reminders (base)","description":"Theme-ready base variant of Set and manage event reminders with lightweight interactive scheduling controls..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/event-reminders-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/event-reminders-base.json"},{"name":"expand-details","title":"Expand Details","description":"Interactive micro-interaction component for expanding details.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/expand-details.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/expand-details.json"},{"name":"expand-details-base","title":"Expand Details (base)","description":"Theme-ready base variant of Interactive micro-interaction component for expanding details..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/expand-details-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/expand-details-base.json"},{"name":"expandable-event-card","title":"Expandable Event Card","description":"A stylish animated card that expands to a full-screen modal, perfect for showcasing events, concerts, or featured destinations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/expandable-event-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/expandable-event-card.json"},{"name":"expandable-event-card-base","title":"Expandable Event Card (base)","description":"Theme-ready base variant of A stylish animated card that expands to a full-screen modal, perfect for showcasing events, concerts, or featured destinations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/expandable-event-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/expandable-event-card-base.json"},{"name":"expandable-profile-card","title":"Expandable Profile Card","description":"An elegant animated card that expands to a detailed side-by-side view, perfect for profile cards.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/expandable-profile-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/expandable-profile-card.json"},{"name":"expandable-profile-card-base","title":"Expandable Profile Card (base)","description":"Theme-ready base variant of An elegant animated card that expands to a detailed side-by-side view, perfect for profile cards..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/expandable-profile-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/expandable-profile-card-base.json"},{"name":"extended-toolbar","title":"Extended Toolbar","description":"A responsive extended toolbar component that enhances usability with smooth micro-interactions, contextual actions, and instant visual feedback for quick and c…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/extended-toolbar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/extended-toolbar.json"},{"name":"extended-toolbar-base","title":"Extended Toolbar (base)","description":"Theme-ready base variant of A responsive extended toolbar component that enhances usability with smooth micro-interactions, contextual actions, and instant vis…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/extended-toolbar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/extended-toolbar-base.json"},{"name":"family-receive-button","title":"Family Receive Button","description":"Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/family-receive-button.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/family-receive-button.json"},{"name":"family-receive-button-base","title":"Family Receive Button (base)","description":"Theme-ready base variant of Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/family-receive-button-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/family-receive-button-base.json"},{"name":"family-wallet","title":"Family Wallet","description":"An animated wallet interface inspired by family account interactions with smooth card transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/family-wallet.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/family-wallet.json"},{"name":"family-wallet-base","title":"Family Wallet (base)","description":"Theme-ready base variant of An animated wallet interface inspired by family account interactions with smooth card transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/family-wallet-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/family-wallet-base.json"},{"name":"feature-tour","title":"Feature Tour","description":"A premium guided tour component with blur animations, shining titles, and intuitive navigation.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/feature-tour.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/feature-tour.json"},{"name":"feature-tour-base","title":"Feature Tour (base)","description":"Theme-ready base variant of A premium guided tour component with blur animations, shining titles, and intuitive navigation..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/feature-tour-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/feature-tour-base.json"},{"name":"feedback-action","title":"Feedback Action","description":"Trigger quick user feedback actions through subtle animated interaction buttons.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/feedback-action.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/feedback-action.json"},{"name":"feedback-action-base","title":"Feedback Action (base)","description":"Theme-ready base variant of Trigger quick user feedback actions through subtle animated interaction buttons..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/feedback-action-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/feedback-action-base.json"},{"name":"feedback","title":"Feedback","description":"A premium feedback component with morphing icons, smooth transitions, and a refined dark mode experience.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/feedback.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/feedback.json"},{"name":"feedback-base","title":"Feedback (base)","description":"Theme-ready base variant of A premium feedback component with morphing icons, smooth transitions, and a refined dark mode experience..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/feedback-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/feedback-base.json"},{"name":"filter-disclosure","title":"Filter Disclosure","description":"A smooth expanding filter component with active state indicators.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/filter-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/filter-disclosure.json"},{"name":"filter-disclosure-base","title":"Filter Disclosure (base)","description":"Theme-ready base variant of A smooth expanding filter component with active state indicators..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/filter-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/filter-disclosure-base.json"},{"name":"floating-disclosure","title":"Floating Disclosure","description":"A compact expandable action menu with animated resizing, floating close button, and spring-based item reveal.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/floating-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/floating-disclosure.json"},{"name":"floating-disclosure-base","title":"Floating Disclosure (base)","description":"Theme-ready base variant of A compact expandable action menu with animated resizing, floating close button, and spring-based item reveal..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/floating-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/floating-disclosure-base.json"},{"name":"floating-input","title":"Floating Input","description":"An input field with floating label animation.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/floating-input.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/floating-input.json"},{"name":"floating-input-base","title":"Floating Input (base)","description":"Theme-ready base variant of An input field with floating label animation..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/floating-input-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/floating-input-base.json"},{"name":"fluid-tabs","title":"Fluid Tabs","description":"A fluid, spring-animated tab component with floating active indicator and icon scaling.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/fluid-tabs.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/fluid-tabs.json"},{"name":"fluid-tabs-base","title":"Fluid Tabs (base)","description":"Theme-ready base variant of A fluid, spring-animated tab component with floating active indicator and icon scaling..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/fluid-tabs-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/fluid-tabs-base.json"},{"name":"fractional-picker","title":"Fractional Picker","description":"A smooth draggable ruler-style picker for selecting numeric values with spring snapping.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/fractional-picker.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/fractional-picker.json"},{"name":"fractional-picker-base","title":"Fractional Picker (base)","description":"Theme-ready base variant of A smooth draggable ruler-style picker for selecting numeric values with spring snapping..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/fractional-picker-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/fractional-picker-base.json"},{"name":"frequency-selector","title":"Frequency Selector","description":"Select recurring time intervals using animated tabs and contextual sub options.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/frequency-selector.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/frequency-selector.json"},{"name":"frequency-selector-base","title":"Frequency Selector (base)","description":"Theme-ready base variant of Select recurring time intervals using animated tabs and contextual sub options..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/frequency-selector-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/frequency-selector-base.json"},{"name":"fund-widget","title":"Fund Widget","description":"An animated fund widget featuring smooth 3D transforms and progressive blur effects.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/fund-widget.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/fund-widget.json"},{"name":"fund-widget-base","title":"Fund Widget (base)","description":"Theme-ready base variant of An animated fund widget featuring smooth 3D transforms and progressive blur effects..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/fund-widget-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/fund-widget-base.json"},{"name":"gooey-menu","title":"Gooey Menu","description":"An interactive Next.js logo with expandable tooltip that shows framework information.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/gooey-menu.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/gooey-menu.json"},{"name":"gooey-menu-base","title":"Gooey Menu (base)","description":"Theme-ready base variant of An interactive Next.js logo with expandable tooltip that shows framework information..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/gooey-menu-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/gooey-menu-base.json"},{"name":"inline-action","title":"Inline Action","description":"Inline actions enabling quick edits without leaving current context view.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-action.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-action.json"},{"name":"inline-action-base","title":"Inline Action (base)","description":"Theme-ready base variant of Inline actions enabling quick edits without leaving current context view..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-action-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-action-base.json"},{"name":"inline-edit","title":"Inline Edit","description":"A sleek, interactive editor that transitions seamlessly between display and edit modes using smooth layout animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-edit.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-edit.json"},{"name":"inline-edit-base","title":"Inline Edit (base)","description":"Theme-ready base variant of A sleek, interactive editor that transitions seamlessly between display and edit modes using smooth layout animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-edit-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-edit-base.json"},{"name":"inline-overflow","title":"Inline Overflow","description":"An interactive inline overflow menu that reveals additional actions with spring animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-overflow.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-overflow.json"},{"name":"inline-overflow-base","title":"Inline Overflow (base)","description":"Theme-ready base variant of An interactive inline overflow menu that reveals additional actions with spring animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-overflow-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-overflow-base.json"},{"name":"inline-table-control","title":"Inline Table Control","description":"Inline controls for editing table rows without breaking user focus.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-table-control.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-table-control.json"},{"name":"inline-table-control-base","title":"Inline Table Control (base)","description":"Theme-ready base variant of Inline controls for editing table rows without breaking user focus..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-table-control-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-table-control-base.json"},{"name":"inline-toast","title":"Inline Toast","description":"An animated inline toast that provides instant feedback with a built-in copy action.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-toast.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-toast.json"},{"name":"inline-toast-base","title":"Inline Toast (base)","description":"Theme-ready base variant of An animated inline toast that provides instant feedback with a built-in copy action..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/inline-toast-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/inline-toast-base.json"},{"name":"integration-card","title":"Integration Card","description":"Show connected services with status, actions, and simple integration management.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/integration-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/integration-card.json"},{"name":"integration-card-base","title":"Integration Card (base)","description":"Theme-ready base variant of Show connected services with status, actions, and simple integration management..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/integration-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/integration-card-base.json"},{"name":"invite-disclosure","title":"Invite Disclosure","description":"A sleek, morphing disclosure component for managing invitations with interactive badge counts and spring animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/invite-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/invite-disclosure.json"},{"name":"invite-disclosure-base","title":"Invite Disclosure (base)","description":"Theme-ready base variant of A sleek, morphing disclosure component for managing invitations with interactive badge counts and spring animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/invite-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/invite-disclosure-base.json"},{"name":"journal-navigation","title":"Journal Navigation","description":"Organized journal navigation enabling quick section switching with smooth animated transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/journal-navigation.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/journal-navigation.json"},{"name":"journal-navigation-base","title":"Journal Navigation (base)","description":"Theme-ready base variant of Organized journal navigation enabling quick section switching with smooth animated transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/journal-navigation-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/journal-navigation-base.json"},{"name":"knob-slider","title":"Knob Slider","description":"A premium radial dial component with tactile feedback, blur animations, and full theme integration.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/knob-slider.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/knob-slider.json"},{"name":"knob-slider-base","title":"Knob Slider (base)","description":"Theme-ready base variant of A premium radial dial component with tactile feedback, blur animations, and full theme integration..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/knob-slider-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/knob-slider-base.json"},{"name":"labeled-progress-indicator","title":"Labeled Progress Indicator","description":"An animated progress indicator with dynamic labels that update smoothly.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/labeled-progress-indicator.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/labeled-progress-indicator.json"},{"name":"labeled-progress-indicator-base","title":"Labeled Progress Indicator (base)","description":"Theme-ready base variant of An animated progress indicator with dynamic labels that update smoothly..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/labeled-progress-indicator-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/labeled-progress-indicator-base.json"},{"name":"layered-progressive-disclosure","title":"Layered Progressive Disclosure","description":"A premium layered progressive disclosure panel with animated feature toggles, asymmetric controls, and tabbed micro-interactions for advanced configuration wor…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/layered-progressive-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/layered-progressive-disclosure.json"},{"name":"layered-progressive-disclosure-base","title":"Layered Progressive Disclosure (base)","description":"Theme-ready base variant of A premium layered progressive disclosure panel with animated feature toggles, asymmetric controls, and tabbed micro-interactions fo…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/layered-progressive-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/layered-progressive-disclosure-base.json"},{"name":"licence-key","title":"Licence Key","description":"Interactive micro-interaction component for licence keys.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/licence-key.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/licence-key.json"},{"name":"licence-key-base","title":"Licence Key (base)","description":"Theme-ready base variant of Interactive micro-interaction component for licence keys..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/licence-key-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/licence-key-base.json"},{"name":"list-stack","title":"List Stack","description":"An animated stacked list that smoothly expands and collapses to reveal or hide items.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/list-stack.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/list-stack.json"},{"name":"list-stack-base","title":"List Stack (base)","description":"Theme-ready base variant of An animated stacked list that smoothly expands and collapses to reveal or hide items..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/list-stack-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/list-stack-base.json"},{"name":"macos-sidebar","title":"macOS Sidebar","description":"A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hover morphing, and tactile selection feedback.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/macos-sidebar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/macos-sidebar.json"},{"name":"macos-sidebar-base","title":"macOS Sidebar (base)","description":"Theme-ready base variant of A premium macOS-style collapsible sidebar with smooth spring-driven width transitions, hover morphing, and tactile selection feedba…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/macos-sidebar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/macos-sidebar-base.json"},{"name":"meeting-card","title":"Meeting Card","description":"Summarize meeting details with time, participants, and quick action controls.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/meeting-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/meeting-card.json"},{"name":"meeting-card-base","title":"Meeting Card (base)","description":"Theme-ready base variant of Summarize meeting details with time, participants, and quick action controls..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/meeting-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/meeting-card-base.json"},{"name":"minimal-carousel","title":"Minimal Carousel","description":"Interactive wallet interface with expandable cards featuring smooth layout animations and micro-interactions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/minimal-carousel.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/minimal-carousel.json"},{"name":"minimal-carousel-base","title":"Minimal Carousel (base)","description":"Theme-ready base variant of Interactive wallet interface with expandable cards featuring smooth layout animations and micro-interactions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/minimal-carousel-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/minimal-carousel-base.json"},{"name":"morphing-button","title":"Morphing Button","description":"An animated button that smoothly morphs into an expanded interactive state.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/morphing-button.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/morphing-button.json"},{"name":"morphing-button-base","title":"Morphing Button (base)","description":"Theme-ready base variant of An animated button that smoothly morphs into an expanded interactive state..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/morphing-button-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/morphing-button-base.json"},{"name":"morphing-discovery-bar","title":"Morphing Discovery Bar","description":"A category tab bar that morphs into a search field, with a sliding active indicator and smooth layout animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/morphing-discovery-bar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/morphing-discovery-bar.json"},{"name":"morphing-discovery-bar-base","title":"Morphing Discovery Bar (base)","description":"Theme-ready base variant of A category tab bar that morphs into a search field, with a sliding active indicator and smooth layout animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/morphing-discovery-bar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/morphing-discovery-bar-base.json"},{"name":"morphing-sidebar-controls","title":"Morphing Sidebar Controls","description":"A premium morphing sidebar control panel with progressive configuration, motion presets, and animated layout transitions for advanced animation workflows.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/morphing-sidebar-controls.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/morphing-sidebar-controls.json"},{"name":"morphing-sidebar-controls-base","title":"Morphing Sidebar Controls (base)","description":"Theme-ready base variant of A premium morphing sidebar control panel with progressive configuration, motion presets, and animated layout transitions for advanc…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/morphing-sidebar-controls-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/morphing-sidebar-controls-base.json"},{"name":"onboarding-checklist","title":"Onboarding Checklist","description":"Step-by-step onboarding checklist with progress tracking and completion feedback.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-checklist.json"},{"name":"onboarding-checklist-base","title":"Onboarding Checklist (base)","description":"Theme-ready base variant of Step-by-step onboarding checklist with progress tracking and completion feedback..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/onboarding-checklist-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-checklist-base.json"},{"name":"onboarding-screen","title":"Onboarding Screen","description":"Clean onboarding screen guiding users through setup with visual steps.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/onboarding-screen.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-screen.json"},{"name":"onboarding-screen-base","title":"Onboarding Screen (base)","description":"Theme-ready base variant of Clean onboarding screen guiding users through setup with visual steps..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/onboarding-screen-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-screen-base.json"},{"name":"onboarding-setup","title":"Onboarding Setup","description":"Onboarding setup card guiding users through initial configuration steps.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/onboarding-setup.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-setup.json"},{"name":"onboarding-setup-base","title":"Onboarding Setup (base)","description":"Theme-ready base variant of Onboarding setup card guiding users through initial configuration steps..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/onboarding-setup-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/onboarding-setup-base.json"},{"name":"pagination","title":"Pagination","description":"An animated pagination control with previous and next arrows, where the page number rolls digit by digit as you move between pages.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pagination.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pagination.json"},{"name":"pagination-base","title":"Pagination (base)","description":"Theme-ready base variant of An animated pagination control with previous and next arrows, where the page number rolls digit by digit as you move between pages..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pagination-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pagination-base.json"},{"name":"pin-item","title":"Pin Item","description":"A sleek list component with shared-layout transitions for pinning items and managing priority views.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pin-item.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pin-item.json"},{"name":"pin-item-base","title":"Pin Item (base)","description":"Theme-ready base variant of A sleek list component with shared-layout transitions for pinning items and managing priority views..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pin-item-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pin-item-base.json"},{"name":"pop-stepper","title":"Pop Stepper","description":"Interactive micro-interaction component for pop stepper.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pop-stepper.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pop-stepper.json"},{"name":"pop-stepper-base","title":"Pop Stepper (base)","description":"Theme-ready base variant of Interactive micro-interaction component for pop stepper..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pop-stepper-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pop-stepper-base.json"},{"name":"predictive-text","title":"Predictive Text","description":"Suggests next words in real time while users type naturally.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/predictive-text.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/predictive-text.json"},{"name":"predictive-text-base","title":"Predictive Text (base)","description":"Theme-ready base variant of Suggests next words in real time while users type naturally..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/predictive-text-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/predictive-text-base.json"},{"name":"pricing-widget","title":"Pricing Widget","description":"An animated pricing widget with smooth transitions and dynamic value updates.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pricing-widget.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pricing-widget.json"},{"name":"pricing-widget-base","title":"Pricing Widget (base)","description":"Theme-ready base variant of An animated pricing widget with smooth transitions and dynamic value updates..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/pricing-widget-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/pricing-widget-base.json"},{"name":"profile-card","title":"Profile Card","description":"Compact profile card displaying user details with quick actions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/profile-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/profile-card.json"},{"name":"profile-card-base","title":"Profile Card (base)","description":"Theme-ready base variant of Compact profile card displaying user details with quick actions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/profile-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/profile-card-base.json"},{"name":"progressive-input-stack","title":"Progressive Input Stack","description":"An animated input stack that progressively layers form fields as users complete each step.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/progressive-input-stack.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/progressive-input-stack.json"},{"name":"progressive-input-stack-base","title":"Progressive Input Stack (base)","description":"Theme-ready base variant of An animated input stack that progressively layers form fields as users complete each step..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/progressive-input-stack-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/progressive-input-stack-base.json"},{"name":"quick-feedback","title":"Quick Feedback","description":"A responsive feedback component built for instant user responses, using subtle micro-interactions and snappy visual cues to confirm actions in real time.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-feedback.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-feedback.json"},{"name":"quick-feedback-base","title":"Quick Feedback (base)","description":"Theme-ready base variant of A responsive feedback component built for instant user responses, using subtle micro-interactions and snappy visual cues to confirm…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-feedback-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-feedback-base.json"},{"name":"quick-option-picker","title":"Quick Option Picker","description":"A sleek, interactive option picker with smooth roll animations and a premium feel.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-option-picker.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-option-picker.json"},{"name":"quick-option-picker-base","title":"Quick Option Picker (base)","description":"Theme-ready base variant of A sleek, interactive option picker with smooth roll animations and a premium feel..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-option-picker-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-option-picker-base.json"},{"name":"quick-paste","title":"Quick Paste","description":"Instantly paste copied content using shortcut-triggered micro interaction panel.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-paste.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-paste.json"},{"name":"quick-paste-base","title":"Quick Paste (base)","description":"Theme-ready base variant of Instantly paste copied content using shortcut-triggered micro interaction panel..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-paste-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-paste-base.json"},{"name":"quick-switcher","title":"Quick Switcher","description":"A premium, dual-mode action bar that enables fast switching between two distinct modes with fluid animations and spring physics.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-switcher.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-switcher.json"},{"name":"quick-switcher-base","title":"Quick Switcher (base)","description":"Theme-ready base variant of A premium, dual-mode action bar that enables fast switching between two distinct modes with fluid animations and spring physics..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/quick-switcher-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/quick-switcher-base.json"},{"name":"radial-carousel","title":"Radial Carousel","description":"A stunning radial carousel component with spring animations, drag-to-rotate interaction, and adaptive layout.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/radial-carousel.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/radial-carousel.json"},{"name":"radial-carousel-base","title":"Radial Carousel (base)","description":"Theme-ready base variant of A stunning radial carousel component with spring animations, drag-to-rotate interaction, and adaptive layout..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/radial-carousel-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/radial-carousel-base.json"},{"name":"range-selection-slider","title":"Range Selection Slider","description":"A responsive range selection slider widget that allows users to precisely choose values, enhanced with smooth interactions and immediate visual feedback for ac…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/range-selection-slider.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/range-selection-slider.json"},{"name":"range-selection-slider-base","title":"Range Selection Slider (base)","description":"Theme-ready base variant of A responsive range selection slider widget that allows users to precisely choose values, enhanced with smooth interactions and imme…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/range-selection-slider-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/range-selection-slider-base.json"},{"name":"returns-calculator-snippet","title":"Returns Calculator Snippet","description":"A responsive returns calculator card snippet that lets users quickly estimate investment outcomes, featuring clear inputs, smooth interactions, and instant vis…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/returns-calculator-snippet.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/returns-calculator-snippet.json"},{"name":"returns-calculator-snippet-base","title":"Returns Calculator Snippet (base)","description":"Theme-ready base variant of A responsive returns calculator card snippet that lets users quickly estimate investment outcomes, featuring clear inputs, smooth i…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/returns-calculator-snippet-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/returns-calculator-snippet-base.json"},{"name":"reveal-copy","title":"Reveal Copy","description":"An animated reveal copy component that smoothly uncovers content with interactive motion.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/reveal-copy.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/reveal-copy.json"},{"name":"reveal-copy-base","title":"Reveal Copy (base)","description":"Theme-ready base variant of An animated reveal copy component that smoothly uncovers content with interactive motion..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/reveal-copy-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/reveal-copy-base.json"},{"name":"revealing-cards","title":"Revealing Cards","description":"Interactive micro-interaction component for revealing cards.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/revealing-cards.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/revealing-cards.json"},{"name":"revealing-cards-base","title":"Revealing Cards (base)","description":"Theme-ready base variant of Interactive micro-interaction component for revealing cards..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/revealing-cards-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/revealing-cards-base.json"},{"name":"run-action-button","title":"Run Action Button","description":"An animated action button that executes a sequence of steps with smooth visual transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/run-action-button.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/run-action-button.json"},{"name":"run-action-button-base","title":"Run Action Button (base)","description":"Theme-ready base variant of An animated action button that executes a sequence of steps with smooth visual transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/run-action-button-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/run-action-button-base.json"},{"name":"run-widget","title":"Run Widget","description":"An animated run widget that dynamically displays distance with smooth number transitions","type":"registry:component","source_url":"https://registry.watermelon.sh/r/run-widget.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/run-widget.json"},{"name":"run-widget-base","title":"Run Widget (base)","description":"Theme-ready base variant of An animated run widget that dynamically displays distance with smooth number transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/run-widget-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/run-widget-base.json"},{"name":"save-toggle","title":"Save Toggle","description":"An animated save toggle button that smoothly transitions between multiple states.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/save-toggle.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/save-toggle.json"},{"name":"save-toggle-base","title":"Save Toggle (base)","description":"Theme-ready base variant of An animated save toggle button that smoothly transitions between multiple states..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/save-toggle-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/save-toggle-base.json"},{"name":"schedule-button","title":"Schedule Button","description":"A tactile, interactive button for scheduling posts with date and time selection.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/schedule-button.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/schedule-button.json"},{"name":"schedule-button-base","title":"Schedule Button (base)","description":"Theme-ready base variant of A tactile, interactive button for scheduling posts with date and time selection..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/schedule-button-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/schedule-button-base.json"},{"name":"schedule-date","title":"Schedule Date","description":"Date scheduling dialog with calendar selection, time picking, and confirmations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/schedule-date.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/schedule-date.json"},{"name":"schedule-date-base","title":"Schedule Date (base)","description":"Theme-ready base variant of Date scheduling dialog with calendar selection, time picking, and confirmations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/schedule-date-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/schedule-date-base.json"},{"name":"scroll-island","title":"Scroll Island","description":"Floating scroll island providing progress, actions, and contextual indicators.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/scroll-island.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/scroll-island.json"},{"name":"scroll-island-base","title":"Scroll Island (base)","description":"Theme-ready base variant of Floating scroll island providing progress, actions, and contextual indicators..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/scroll-island-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/scroll-island-base.json"},{"name":"scrub-slider","title":"Scrub Slider","description":"An animated scrub slider that responds smoothly to drag and scrub interactions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/scrub-slider.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/scrub-slider.json"},{"name":"scrub-slider-base","title":"Scrub Slider (base)","description":"Theme-ready base variant of An animated scrub slider that responds smoothly to drag and scrub interactions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/scrub-slider-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/scrub-slider-base.json"},{"name":"select-ai-agent","title":"Select AI Agent","description":"Choose an AI agent quickly with options and smooth feedback.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/select-ai-agent.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/select-ai-agent.json"},{"name":"select-ai-agent-base","title":"Select AI Agent (base)","description":"Theme-ready base variant of Choose an AI agent quickly with options and smooth feedback..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/select-ai-agent-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/select-ai-agent-base.json"},{"name":"send-money","title":"Send Money","description":"Quick send money interaction with confirmation, status, and feedback states.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/send-money.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/send-money.json"},{"name":"send-money-base","title":"Send Money (base)","description":"Theme-ready base variant of Quick send money interaction with confirmation, status, and feedback states..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/send-money-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/send-money-base.json"},{"name":"share-sheet","title":"share sheet","description":"An animated share sheet widget that smoothly expands to reveal a list of users for quick link sharing.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/share-sheet.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/share-sheet.json"},{"name":"share-sheet-base","title":"share sheet (base)","description":"Theme-ready base variant of An animated share sheet widget that smoothly expands to reveal a list of users for quick link sharing..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/share-sheet-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/share-sheet-base.json"},{"name":"shimmer-button","title":"Shimmer Button","description":"A button with an animated shimmer effect on hover.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/shimmer-button.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/shimmer-button.json"},{"name":"shimmer-button-base","title":"Shimmer Button (base)","description":"Theme-ready base variant of A button with an animated shimmer effect on hover..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/shimmer-button-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/shimmer-button-base.json"},{"name":"show-qr","title":"Show QR","description":"A widget to show QR code.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/show-qr.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/show-qr.json"},{"name":"show-qr-base","title":"Show QR (base)","description":"Theme-ready base variant of A widget to show QR code..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/show-qr-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/show-qr-base.json"},{"name":"shuffle-pinned-item","title":"Shuffle Pinned List","description":"A dynamic list that promotes pinned items to a shuffleable hero header with spring animations and interactive pin toggles.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/shuffle-pinned-item.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/shuffle-pinned-item.json"},{"name":"shuffle-pinned-item-base","title":"Shuffle Pinned List (base)","description":"Theme-ready base variant of A dynamic list that promotes pinned items to a shuffleable hero header with spring animations and interactive pin toggles..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/shuffle-pinned-item-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/shuffle-pinned-item-base.json"},{"name":"slot-picker","title":"Slot Picker","description":"A premium scheduling component for managing time slots with fluid spring animations and tactile toggles.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/slot-picker.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/slot-picker.json"},{"name":"slot-picker-base","title":"Slot Picker (base)","description":"Theme-ready base variant of A premium scheduling component for managing time slots with fluid spring animations and tactile toggles..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/slot-picker-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/slot-picker-base.json"},{"name":"split-actions","title":"Split Actions","description":"Interactive micro-interaction component for split actions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/split-actions.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/split-actions.json"},{"name":"split-actions-base","title":"Split Actions (base)","description":"Theme-ready base variant of Interactive micro-interaction component for split actions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/split-actions-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/split-actions-base.json"},{"name":"split-button","title":"Split Button","description":"A premium split button component with spring-driven layout transitions and tactile expansion behavior for quick multi-action workflows.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/split-button.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/split-button.json"},{"name":"split-button-base","title":"Split Button (base)","description":"Theme-ready base variant of A premium split button component with spring-driven layout transitions and tactile expansion behavior for quick multi-action workfl…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/split-button-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/split-button-base.json"},{"name":"split-to-edit","title":"Split To edit","description":"An animated input field that smoothly splits into editable segments during interaction","type":"registry:component","source_url":"https://registry.watermelon.sh/r/split-to-edit.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/split-to-edit.json"},{"name":"split-to-edit-base","title":"Split To edit (base)","description":"Theme-ready base variant of An animated input field that smoothly splits into editable segments during interaction.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/split-to-edit-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/split-to-edit-base.json"},{"name":"status-picker","title":"Status Picker","description":"An animated status picker that smoothly transitions between selectable states.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/status-picker.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/status-picker.json"},{"name":"status-picker-base","title":"Status Picker (base)","description":"Theme-ready base variant of An animated status picker that smoothly transitions between selectable states..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/status-picker-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/status-picker-base.json"},{"name":"step-indicator","title":"Step Indicator","description":"An animated step indicator with a tooltip that highlights the current progress stage.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/step-indicator.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/step-indicator.json"},{"name":"step-indicator-base","title":"Step Indicator (base)","description":"Theme-ready base variant of An animated step indicator with a tooltip that highlights the current progress stage..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/step-indicator-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/step-indicator-base.json"},{"name":"step-pager","title":"Step Pager","description":"An animated step pager that visually highlights the current step with smooth icon transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/step-pager.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/step-pager.json"},{"name":"step-pager-base","title":"Step Pager (base)","description":"Theme-ready base variant of An animated step pager that visually highlights the current step with smooth icon transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/step-pager-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/step-pager-base.json"},{"name":"stepper","title":"stepper","description":"An animated numeric stepper with plu and minus controls and spring-based roling digit transitions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/stepper.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/stepper.json"},{"name":"stepper-base","title":"stepper (base)","description":"Theme-ready base variant of An animated numeric stepper with plu and minus controls and spring-based roling digit transitions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/stepper-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/stepper-base.json"},{"name":"subscription-calendar","title":"Subscription Calendar","description":"Calendar card showing subscription cycles, renewals, and upcoming billing dates.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/subscription-calendar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/subscription-calendar.json"},{"name":"subscription-calendar-base","title":"Subscription Calendar (base)","description":"Theme-ready base variant of Calendar card showing subscription cycles, renewals, and upcoming billing dates..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/subscription-calendar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/subscription-calendar-base.json"},{"name":"swap-currency-card","title":"Swap Currency Card","description":"A responsive interface component designed for instant user sentiment, featuring snappy visual cues that provide immediate confirmation upon interaction.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/swap-currency-card.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/swap-currency-card.json"},{"name":"swap-currency-card-base","title":"Swap Currency Card (base)","description":"Theme-ready base variant of A responsive interface component designed for instant user sentiment, featuring snappy visual cues that provide immediate confirmat…","type":"registry:component","source_url":"https://registry.watermelon.sh/r/swap-currency-card-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/swap-currency-card-base.json"},{"name":"swap-form","title":"Swap Form","description":"A dynamic authentication form that transitions between Sign In and Sign Up modes with elegant blur and scale effects.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/swap-form.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/swap-form.json"},{"name":"swap-form-base","title":"Swap Form (base)","description":"Theme-ready base variant of A dynamic authentication form that transitions between Sign In and Sign Up modes with elegant blur and scale effects..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/swap-form-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/swap-form-base.json"},{"name":"switch-disclosure","title":"Switch Disclosure","description":"A premium interactive disclosure component that pairs a primary switch with nested behavioral sub-options.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/switch-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/switch-disclosure.json"},{"name":"switch-disclosure-base","title":"Switch Disclosure (base)","description":"Theme-ready base variant of A premium interactive disclosure component that pairs a primary switch with nested behavioral sub-options..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/switch-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/switch-disclosure-base.json"},{"name":"switch-mode","title":"Switch Mode","description":"A premium, animated theme toggle switch with smooth spring physics and sliding icon states.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/switch-mode.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/switch-mode.json"},{"name":"switch-mode-base","title":"Switch Mode (base)","description":"Theme-ready base variant of A premium, animated theme toggle switch with smooth spring physics and sliding icon states..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/switch-mode-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/switch-mode-base.json"},{"name":"tags","title":"Tags","description":"A dynamic tag management component with smooth shared-layout transitions and auto-scrolling.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/tags.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/tags.json"},{"name":"tags-base","title":"Tags (base)","description":"Theme-ready base variant of A dynamic tag management component with smooth shared-layout transitions and auto-scrolling..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/tags-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/tags-base.json"},{"name":"task-widget-disclosure","title":"Task Widget Disclosure","description":"An interactive task widget with smooth disclosure animations and detailed progress tracking.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/task-widget-disclosure.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/task-widget-disclosure.json"},{"name":"task-widget-disclosure-base","title":"Task Widget Disclosure (base)","description":"Theme-ready base variant of An interactive task widget with smooth disclosure animations and detailed progress tracking..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/task-widget-disclosure-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/task-widget-disclosure-base.json"},{"name":"time-undo-action","title":"Timed Undo Action","description":"An animated timed undo button that provides a visual countdown before an action is finalized.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/time-undo-action.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/time-undo-action.json"},{"name":"time-undo-action-base","title":"Timed Undo Action (base)","description":"Theme-ready base variant of An animated timed undo button that provides a visual countdown before an action is finalized..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/time-undo-action-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/time-undo-action-base.json"},{"name":"tooltip-navbar","title":"Tooltip Navbar","description":"Tooltip design recreated with smooth animations and interactive feedback.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/tooltip-navbar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/tooltip-navbar.json"},{"name":"tooltip-navbar-base","title":"Tooltip Navbar (base)","description":"Theme-ready base variant of Tooltip design recreated with smooth animations and interactive feedback..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/tooltip-navbar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/tooltip-navbar-base.json"},{"name":"trade-summary","title":"Trade Summary","description":"Concise trade summary card showing positions, performance, and key metrics.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/trade-summary.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/trade-summary.json"},{"name":"trade-summary-base","title":"Trade Summary (base)","description":"Theme-ready base variant of Concise trade summary card showing positions, performance, and key metrics..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/trade-summary-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/trade-summary-base.json"},{"name":"transaction-list","title":"Transaction List","description":"An animated transaction list with smooth expand and collapse transitions for detailed views.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/transaction-list.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/transaction-list.json"},{"name":"transaction-list-base","title":"Transaction List (base)","description":"Theme-ready base variant of An animated transaction list with smooth expand and collapse transitions for detailed views..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/transaction-list-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/transaction-list-base.json"},{"name":"tree-menu","title":"Tree-menu","description":"A nested tree navigation menu with animated level transitions and breadcrumb navigation.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/tree-menu.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/tree-menu.json"},{"name":"tree-menu-base","title":"Tree-menu (base)","description":"Theme-ready base variant of A nested tree navigation menu with animated level transitions and breadcrumb navigation..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/tree-menu-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/tree-menu-base.json"},{"name":"uniswap-dialog","title":"Uniswap Dialog","description":"A Uniswap-style region selector dialog with a searchable country list, flag icons, and smooth open and close animations.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/uniswap-dialog.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/uniswap-dialog.json"},{"name":"uniswap-dialog-base","title":"Uniswap Dialog (base)","description":"Theme-ready base variant of A Uniswap-style region selector dialog with a searchable country list, flag icons, and smooth open and close animations..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/uniswap-dialog-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/uniswap-dialog-base.json"},{"name":"vertical-tooltip-navbar","title":"Vertical Tooltip Navbar","description":"A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover","type":"registry:component","source_url":"https://registry.watermelon.sh/r/vertical-tooltip-navbar.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/vertical-tooltip-navbar.json"},{"name":"vertical-tooltip-navbar-base","title":"Vertical Tooltip Navbar (base)","description":"Theme-ready base variant of A vertical tooltip menu with smooth clip-path animations that reveal tooltips on hover.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/vertical-tooltip-navbar-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/vertical-tooltip-navbar-base.json"},{"name":"view-on-map","title":"View On Map","description":"Map view component displaying locations with zoom, pins, and directions.","type":"registry:component","source_url":"https://registry.watermelon.sh/r/view-on-map.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/view-on-map.json"},{"name":"view-on-map-base","title":"View On Map (base)","description":"Theme-ready base variant of Map view component displaying locations with zoom, pins, and directions..","type":"registry:component","source_url":"https://registry.watermelon.sh/r/view-on-map-base.json","install_command":"npx shadcn@latest add https://registry.watermelon.sh/r/view-on-map-base.json"}]},{"id":"waves-cn","name":"@waves-cn","slug":"waves-cn","description":"shadcn/ui-style registry of six audio and video waveform components built on wavesurfer.js and Tailwind CSS, targeting React 18+. Components are Wave Player (full-featured audio player with seek, volume, title), Wave Recorder (live in-browser recording with waveform), Wave Speed (variable playback with pitch toggle), Wave Timeline (timeline ruler), Wave Video (video player with synced waveform), and Wave Zoom (mouse-wheel zoom). Code is copied into your project — no runtime package. Free and MIT-licensed. Use for: apps requiring embedded audio players, podcast interfaces, or voice memo recorders that need waveform visualization matching your existing shadcn design system.","author":"Ziane-Badreddine","framework":"react","license":"MIT","tags":["accessibility","audio","backgrounds","buttons","cards","charts","components","design-system","forms","hooks","maps","media"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://waves-cn.vercel.app","github":"https://github.com/Ziane-Badreddine/waves-cn","registry":"https://waves-cn.vercel.app/r/registry.json","source":"https://waves-cn.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/waves-cn","markdown":"https://sh4dcn.netlify.app/md/waves-cn.md"},"logo":"<svg width='43' height='48' viewBox='0 0 44 48' fill='none' xmlns=' http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M23.2 8.047a7 7 0 0 0-.737-3.12 7 7 0 0 1-.723-2.686L21.6 0l-.14 2.24a7 7 0 0 1-.723 2.686A7 7 0 0 0 20 8.047v31.906a7 7 0 0 0 .737 3.12 7 7 0 0 1 .723 2.686L21.6 48l.14-2.24a7 7 0 0 1 .723-2.686 7 7 0 0 0 .737-3.121zm-8.737.08a7 7 0 0 1 .737 3.12v25.505a7 7 0 0 1-.737 3.122 7 7 0 0 0-.723 2.685L13.6 44.8l-.14-2.24a7 7 0 0 0-.723-2.686A7 7 0 0 1 12 36.752V11.248c0-1.084.252-2.152.737-3.122a7 7 0 0 0 .723-2.685L13.6 3.2l.14 2.24a7 7 0 0 0 .723 2.686m-3.263 6.32a7 7 0 0 0-.737-3.12A7 7 0 0 1 9.74 8.64L9.6 6.4l-.14 2.24a7 7 0 0 1-.723 2.686A7 7 0 0 0 8 14.448v19.106c0 1.083.252 2.152.737 3.12a7 7 0 0 1 .723 2.686l.14 2.24.14-2.24a7 7 0 0 1 .723-2.687 7 7 0 0 0 .737-3.12zm-4.737 3.28a7 7 0 0 1 .737 3.12v6.305a7 7 0 0 1-.737 3.121 7 7 0 0 0-.723 2.686L5.6 35.2l-.14-2.24a7 7 0 0 0-.723-2.687A7 7 0 0 1 4 27.153v-6.305a7 7 0 0 1 .737-3.122 7 7 0 0 0 .723-2.685L5.6 12.8l.14 2.24c.058.935.304 1.849.723 2.686M3.2 24v.047-.095zm-3.2.047V24a7 7 0 0 0 .737 3.073 7 7 0 0 1 .723 2.686L1.6 32l.14-2.24a7 7 0 0 1 .723-2.687c.478-.954.73-2.006.737-3.073a7 7 0 0 0-.737-3.073 7 7 0 0 1-.723-2.686L1.6 16l-.14 2.24a7 7 0 0 1-.723 2.687A7 7 0 0 0 0 24v-.047zm18.463-19.12a7 7 0 0 1 .737 3.12v31.906a7 7 0 0 1-.737 3.12 7 7 0 0 0-.723 2.686L17.6 48l-.14-2.24a7 7 0 0 0-.723-2.686A7 7 0 0 1 16 39.953V8.047c0-1.083.252-2.152.737-3.12a7 7 0 0 0 .723-2.686L17.6 0l.14 2.24a7 7 0 0 0 .723 2.686m8 0a7 7 0 0 1 .737 3.12v31.906a7 7 0 0 1-.737 3.12 7 7 0 0 0-.723 2.686L25.6 48l-.14-2.24a7 7 0 0 0-.723-2.686A7 7 0 0 1 24 39.953V8.047c0-1.083.252-2.152.737-3.12a7 7 0 0 0 .723-2.686L25.6 0l.14 2.24a7 7 0 0 0 .723 2.686m4.737 6.32a7 7 0 0 0-.737-3.12 7 7 0 0 1-.723-2.686L29.6 3.2l-.14 2.24a7 7 0 0 1-.723 2.686A7 7 0 0 0 28 11.248v25.504c0 1.084.252 2.152.737 3.122a7 7 0 0 1 .723 2.685l.14 2.241.14-2.24a7 7 0 0 1 .723-2.686c.485-.97.737-2.038.737-3.122zm3.263.08a7 7 0 0 1 .737 3.12v19.106a7 7 0 0 1-.737 3.12 7 7 0 0 0-.723 2.686L33.6 41.6l-.14-2.24a7 7 0 0 0-.723-2.687 7 7 0 0 1-.737-3.12V14.448c0-1.084.252-2.152.737-3.122a7 7 0 0 0 .723-2.685L33.6 6.4l.14 2.24c.058.935.304 1.849.723 2.686m4.737 9.52a7 7 0 0 0-.737-3.12 7 7 0 0 1-.723-2.686l-.14-2.24-.14 2.24a7 7 0 0 1-.723 2.686A7 7 0 0 0 36 20.848v6.305c0 1.083.252 2.152.737 3.12a7 7 0 0 1 .723 2.686l.14 2.241.14-2.24a7 7 0 0 1 .723-2.687 7 7 0 0 0 .737-3.12zm4 3.153v.047-.095zM40 24a7 7 0 0 0 .737 3.073 7 7 0 0 1 .723 2.686L41.6 32l.14-2.24a7 7 0 0 1 .723-2.687c.478-.954.73-2.006.737-3.073a7 7 0 0 0-.737-3.073 7 7 0 0 1-.723-2.686L41.6 16l-.14 2.24a7 7 0 0 1-.723 2.687A7 7 0 0 0 40 24m0 0v-.047.095z' class='ccustom' fill='#394149'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":21,"open_issues":0,"last_commit":"2026-09-16T17:07:53Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://waves-cn.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://waves-cn.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://waves-cn.vercel.app/r/registry.json","clone":"git clone https://github.com/Ziane-Badreddine/waves-cn.git","clone_degit":"npx degit Ziane-Badreddine/waves-cn","registry_fetch":"curl -s https://waves-cn.vercel.app/r/registry.json"},"component_count":12,"components":[{"name":"wave-cn","title":"Wave Core","description":"Core hook, player and shared defaults powering all waves-cn components. Built on wavesurfer.js.","type":"registry:lib","source_url":"https://waves-cn.vercel.app/r/wave-cn.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-cn.json"},{"name":"wave-player","title":"Wave Player","description":"Full-featured wave player with play/pause, volume control, seek bar and optional title.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-player.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-player.json"},{"name":"wave-recorder","title":"Wave Recorder","description":"Voice message recorder with live waveform, pause/resume, discard and auto-stop.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-recorder.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-recorder.json"},{"name":"wave-speed","title":"Wave Speed","description":"wave player with continuous playback speed control and preserve-pitch toggle.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-speed.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-speed.json"},{"name":"wave-zoom","title":"Wave Zoom","description":"wave player with mouse-wheel zoom via wavesurfer.js ZoomPlugin.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-zoom.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-zoom.json"},{"name":"wave-video","title":"Wave Video","description":"Waveform player synced to a video element via the wavesurfer.js media prop.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-video.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-video.json"},{"name":"wave-timeline","title":"Wave Timeline","description":"wave player with timeline ruler, zoom slider and volume control powered by wavesurfer.js TimelinePlugin.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-timeline.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-timeline.json"},{"name":"wave-regions","title":"Wave Regions","description":"Wave player with interactive region markers for audio segments.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-regions.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-regions.json"},{"name":"wave-minimap","title":"Wave Minimap","description":"Wave player with a smaller overview minimap.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-minimap.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-minimap.json"},{"name":"wave-spectrogram","title":"Wave Spectrogram","description":"Wave player paired with a frequency spectrogram.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-spectrogram.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-spectrogram.json"},{"name":"wave-hover","title":"Wave Hover","description":"Wave player with a hover cursor and time tooltip.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-hover.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-hover.json"},{"name":"wave-envelope","title":"Wave Envelope","description":"Wave player with interactive volume automation points.","type":"registry:component","source_url":"https://waves-cn.vercel.app/r/wave-envelope.json","install_command":"npx shadcn@latest add https://waves-cn.vercel.app/r/wave-envelope.json"}]},{"id":"wds","name":"@wds","slug":"wds","description":"Small, accessibility-focused shadcn registry from the Web Dev Simplified YouTube channel. Ships five components: Action Button, Loading Swap, Multi-Select, Number Input, and Password Input. Built for use alongside shadcn/ui with an emphasis on correct ARIA patterns and usability edge cases. Free and MIT-licensed; documented via Starlight. Use for: adding a handful of commonly-needed but tricky-to-get-right accessible form and action components (multi-select, numeric input, password visibility toggle) into a shadcn project without reinventing their accessibility handling.","author":"WebDevSimplified","framework":"react","license":"MIT","tags":["accessibility","buttons","components","design-system","forms","loaders"],"categories":["Component library (general)"],"labels":[],"urls":{"website":"https://wds-shadcn-registry.netlify.app/","github":"https://github.com/WebDevSimplified/wds-shadcn-registry","registry":"https://wds-shadcn-registry.netlify.app/r/registry.json","source":"https://wds-shadcn-registry.netlify.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/wds","markdown":"https://sh4dcn.netlify.app/md/wds.md"},"logo":"<svg id='svg' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='400' height='295.6' viewBox='0, 0, 400,295.6'><g id='svgg'><path id='path0' d='M330.064 1.160 C 327.562 1.899,326.021 3.529,325.071 6.439 C 324.529 8.098,324.167 13.151,324.485 14.609 C 325.344 18.547,329.451 22.993,333.444 24.307 C 337.339 25.588,341.383 28.585,343.417 31.695 C 343.508 31.835,343.806 32.280,344.078 32.683 C 345.507 34.803,346.466 36.878,347.497 40.083 C 349.445 46.141,349.666 49.018,349.668 68.355 C 349.670 85.735,349.703 86.078,351.903 91.967 C 353.373 95.900,357.216 101.063,360.428 103.417 C 360.788 103.681,361.158 103.979,361.250 104.078 C 361.822 104.699,366.486 107.438,367.500 107.750 C 370.636 108.713,370.947 113.299,367.977 114.779 C 367.577 114.978,366.800 115.363,366.250 115.634 C 364.794 116.351,364.602 116.462,362.750 117.647 C 361.454 118.476,359.400 120.186,358.069 121.543 C 356.938 122.697,356.361 123.369,355.035 125.083 C 353.360 127.249,351.352 131.893,350.423 135.750 C 349.751 138.539,349.667 140.776,349.663 156.000 C 349.659 171.094,349.568 173.736,348.927 177.250 C 347.498 185.086,344.506 190.883,339.808 194.917 C 338.123 196.363,335.079 198.012,333.458 198.356 C 329.908 199.111,324.932 204.866,324.582 208.623 C 323.834 216.650,326.833 221.663,332.417 221.718 C 334.291 221.736,334.453 221.693,339.431 219.849 C 344.441 217.994,351.358 214.319,354.344 211.926 C 354.579 211.737,354.982 211.433,355.239 211.250 C 355.497 211.067,355.830 210.801,355.979 210.661 C 356.128 210.520,356.887 209.871,357.667 209.218 C 359.966 207.292,364.667 201.942,364.667 201.252 C 364.667 201.197,364.743 201.062,364.836 200.951 C 365.501 200.159,367.499 196.415,368.056 194.917 C 370.591 188.098,370.534 188.753,370.561 166.025 L 370.583 147.083 370.966 144.833 C 372.370 136.584,375.009 130.871,378.943 127.568 C 379.478 127.118,379.954 126.706,380.000 126.652 C 380.175 126.447,382.455 125.191,383.250 124.861 C 384.526 124.333,385.227 124.196,387.667 123.999 C 394.488 123.448,398.652 120.121,399.344 114.669 C 400.651 104.358,396.818 99.394,386.984 98.661 C 382.273 98.310,377.827 95.299,375.185 90.669 C 370.883 83.131,370.219 78.186,370.411 55.083 C 370.558 37.420,370.567 38.226,370.186 35.750 C 369.736 32.833,369.311 31.230,368.104 27.909 C 367.838 27.179,366.061 23.635,365.456 22.630 C 363.931 20.096,362.120 17.838,359.488 15.187 C 357.054 12.737,355.659 11.609,352.086 9.204 C 351.171 8.587,350.271 7.999,350.086 7.897 C 349.901 7.795,349.188 7.399,348.500 7.017 C 347.026 6.200,342.562 4.000,342.378 4.000 C 342.307 4.001,341.950 3.854,341.583 3.675 C 341.217 3.496,340.467 3.188,339.917 2.990 C 339.367 2.792,338.596 2.488,338.204 2.315 C 337.812 2.142,337.391 2.000,337.268 2.000 C 337.145 2.000,336.678 1.860,336.231 1.689 C 333.727 0.731,332.013 0.584,330.064 1.160 M65.500 1.200 C 63.492 1.771,59.483 3.270,57.083 4.348 C 55.812 4.918,51.913 6.845,51.233 7.238 C 50.094 7.898,47.422 9.554,47.333 9.657 C 47.288 9.710,46.913 9.971,46.500 10.238 C 42.169 13.037,36.291 19.366,33.951 23.750 C 32.809 25.889,31.995 27.727,31.183 30.000 C 30.218 32.698,29.432 37.338,29.460 40.163 C 29.785 72.378,29.693 75.738,28.321 81.667 C 26.964 87.530,24.380 92.413,21.174 95.167 C 20.694 95.579,20.215 95.993,20.109 96.085 C 18.606 97.405,15.933 98.456,13.519 98.676 C 6.015 99.361,2.821 101.344,1.049 106.417 C 0.370 108.360,0.367 114.325,1.043 116.343 C 2.615 121.033,5.997 123.467,11.667 123.987 C 15.537 124.342,16.937 124.742,19.022 126.088 C 24.322 129.508,27.366 135.260,29.032 145.000 L 29.417 147.250 29.436 166.180 C 29.453 183.106,29.485 185.293,29.737 186.846 C 30.200 189.697,31.049 192.882,31.760 194.442 C 31.892 194.731,32.000 195.011,32.000 195.064 C 32.000 195.756,34.946 200.965,36.409 202.859 C 36.596 203.102,36.938 203.550,37.167 203.855 C 39.138 206.478,46.202 213.000,47.071 213.000 C 47.108 213.000,47.689 213.367,48.361 213.815 C 49.563 214.617,50.008 214.881,51.833 215.880 C 54.410 217.291,56.403 218.248,58.375 219.022 C 58.810 219.193,59.560 219.489,60.042 219.679 C 66.550 222.249,69.129 222.394,71.954 220.348 C 75.325 217.906,76.545 209.747,74.212 205.250 C 72.765 202.461,68.040 198.344,66.275 198.335 C 65.696 198.332,63.302 197.170,61.687 196.108 C 59.541 194.697,56.439 191.389,55.185 189.172 C 52.642 184.678,51.183 179.795,50.478 173.417 C 50.341 172.181,50.238 166.126,50.161 154.833 C 50.060 140.119,50.013 137.952,49.773 137.000 C 49.623 136.404,49.425 135.554,49.335 135.110 C 49.019 133.568,48.114 131.078,47.145 129.083 C 46.025 126.779,45.411 125.797,43.858 123.833 C 41.925 121.387,38.440 118.296,36.185 117.026 C 35.967 116.903,35.517 116.649,35.185 116.462 C 33.568 115.548,32.806 115.167,32.595 115.167 C 31.467 115.167,29.921 112.987,29.935 111.415 C 29.949 109.901,31.378 107.833,32.412 107.833 C 32.569 107.833,34.502 106.869,35.250 106.418 C 35.617 106.197,36.029 105.960,36.167 105.891 C 36.639 105.655,37.917 104.764,37.972 104.632 C 38.003 104.559,38.104 104.500,38.198 104.500 C 38.741 104.500,42.684 100.711,44.268 98.667 C 45.000 97.721,45.325 97.239,46.083 95.977 C 46.537 95.223,47.890 92.504,48.105 91.917 C 50.272 85.995,50.320 85.456,50.333 67.167 C 50.345 49.726,50.452 47.808,51.693 42.750 C 52.052 41.286,52.824 38.728,53.026 38.333 C 53.096 38.196,53.391 37.521,53.681 36.833 C 53.972 36.146,54.399 35.246,54.630 34.833 C 54.862 34.421,55.136 33.933,55.238 33.750 C 55.341 33.567,55.648 33.087,55.921 32.683 C 56.194 32.280,56.492 31.830,56.583 31.683 C 56.675 31.537,56.796 31.379,56.851 31.333 C 56.907 31.287,57.341 30.781,57.816 30.207 C 59.991 27.583,63.480 25.291,66.750 24.339 C 68.374 23.866,71.258 21.707,72.753 19.846 C 73.164 19.335,73.571 18.830,73.659 18.724 C 73.861 18.478,74.892 16.409,75.140 15.750 C 75.347 15.199,75.664 12.820,75.556 12.631 C 75.518 12.565,75.419 11.440,75.335 10.131 C 74.910 3.470,70.762 -0.296,65.500 1.200 M123.500 12.105 C 123.271 12.138,122.071 12.284,120.833 12.430 C 114.335 13.196,108.206 14.886,102.250 17.552 C 100.883 18.164,98.570 19.333,97.458 19.973 C 97.115 20.171,96.556 20.490,96.218 20.682 C 95.879 20.874,95.073 21.379,94.426 21.806 C 93.779 22.232,93.129 22.657,92.980 22.749 C 92.024 23.344,88.546 25.925,88.058 26.400 C 87.861 26.593,87.374 27.012,86.977 27.333 C 84.368 29.437,79.966 34.230,77.029 38.167 C 76.242 39.221,74.667 41.657,74.667 41.819 C 74.667 41.919,74.607 42.000,74.533 42.000 C 74.460 42.000,74.234 42.319,74.032 42.708 C 73.829 43.098,73.479 43.717,73.253 44.083 C 73.026 44.450,72.310 45.837,71.660 47.167 C 71.010 48.496,70.408 49.714,70.322 49.873 C 70.237 50.032,70.062 50.445,69.934 50.790 C 69.806 51.134,69.539 51.829,69.341 52.333 C 68.990 53.224,68.316 55.212,67.675 57.250 C 67.027 59.308,66.366 62.331,65.633 66.583 L 65.259 68.750 65.206 110.333 C 65.145 157.459,65.116 156.179,66.356 162.500 C 67.392 167.786,69.955 175.155,72.006 178.750 C 72.215 179.117,72.641 179.904,72.953 180.500 C 73.265 181.096,73.739 181.921,74.007 182.333 C 74.275 182.746,74.547 183.196,74.611 183.333 C 74.749 183.632,75.543 184.881,75.669 185.000 C 75.718 185.046,75.899 185.308,76.072 185.583 C 76.623 186.459,79.119 189.759,79.864 190.596 C 82.546 193.608,83.809 194.925,85.341 196.305 C 86.299 197.169,87.346 198.112,87.667 198.400 C 88.885 199.497,92.934 202.432,95.095 203.785 C 96.970 204.959,102.639 207.863,104.083 208.389 C 104.450 208.523,105.162 208.794,105.667 208.993 C 109.963 210.685,114.874 211.912,120.500 212.699 L 123.250 213.083 198.833 213.083 L 274.417 213.083 277.167 212.699 C 282.798 211.911,287.044 210.856,291.750 209.074 C 292.392 208.831,293.214 208.523,293.577 208.388 C 293.940 208.254,294.427 208.046,294.660 207.925 C 294.893 207.804,296.171 207.168,297.500 206.510 C 298.829 205.852,300.217 205.134,300.583 204.915 C 300.950 204.695,301.362 204.462,301.500 204.396 C 301.637 204.330,302.187 203.989,302.720 203.638 C 303.254 203.287,303.720 203.000,303.756 203.000 C 303.792 203.000,304.113 202.794,304.469 202.542 C 304.826 202.290,305.484 201.827,305.934 201.513 C 306.383 201.199,306.947 200.786,307.189 200.596 C 307.430 200.406,307.872 200.063,308.172 199.833 C 312.798 196.294,318.908 189.841,321.250 186.022 C 321.342 185.872,321.462 185.713,321.517 185.667 C 321.602 185.596,321.990 185.012,322.747 183.814 C 322.840 183.666,323.087 183.254,323.296 182.898 C 323.505 182.541,323.813 182.025,323.981 181.750 C 324.541 180.833,324.990 180.020,325.500 179.000 C 325.592 178.817,325.742 178.517,325.833 178.333 C 325.925 178.150,326.075 177.850,326.167 177.667 C 326.258 177.483,326.400 177.202,326.482 177.042 C 326.563 176.881,326.778 176.412,326.959 176.000 C 327.140 175.588,327.437 174.912,327.621 174.500 C 329.247 170.838,330.876 165.208,331.646 160.583 C 332.628 154.690,332.655 153.386,332.655 112.583 C 332.655 71.798,332.629 70.558,331.648 64.583 C 331.084 61.142,329.849 56.341,328.927 54.000 C 328.800 53.679,328.529 52.967,328.323 52.417 C 328.117 51.867,327.810 51.102,327.641 50.717 C 327.472 50.333,327.333 49.972,327.333 49.915 C 327.333 49.740,324.936 44.984,324.240 43.780 C 323.125 41.848,322.481 40.792,322.342 40.667 C 322.291 40.621,321.877 40.021,321.422 39.333 C 320.679 38.211,319.537 36.672,318.949 36.000 C 318.828 35.862,318.247 35.150,317.658 34.417 C 316.350 32.789,312.345 28.719,310.745 27.390 C 309.003 25.944,308.999 25.940,308.701 25.625 C 308.550 25.465,308.336 25.333,308.227 25.333 C 308.117 25.333,308.003 25.275,307.972 25.203 C 307.845 24.904,304.238 22.354,302.500 21.334 C 302.179 21.145,301.692 20.854,301.417 20.686 C 300.798 20.308,299.830 19.758,299.356 19.516 C 299.160 19.415,298.831 19.246,298.625 19.139 C 296.845 18.214,294.133 16.942,293.219 16.603 C 292.870 16.474,292.058 16.165,291.417 15.917 C 290.775 15.669,290.025 15.408,289.750 15.338 C 289.475 15.267,288.950 15.097,288.583 14.959 C 286.631 14.226,281.215 12.963,278.750 12.666 C 278.017 12.577,276.517 12.394,275.417 12.258 C 273.578 12.030,125.064 11.881,123.500 12.105 M137.635 68.347 C 140.623 69.035,142.430 71.225,143.927 75.974 C 144.351 77.318,144.811 78.717,144.950 79.083 C 145.089 79.450,145.298 80.087,145.416 80.500 C 145.533 80.912,145.721 81.512,145.834 81.833 C 146.475 83.654,146.715 84.375,147.663 87.333 C 148.640 90.385,148.837 90.976,149.576 93.083 C 149.737 93.542,149.928 94.142,150.000 94.417 C 150.072 94.692,150.252 95.254,150.400 95.667 C 150.547 96.079,151.116 97.804,151.664 99.500 C 152.212 101.196,152.782 102.921,152.931 103.333 C 153.080 103.746,153.261 104.308,153.333 104.583 C 153.406 104.858,153.587 105.421,153.736 105.833 C 153.886 106.246,154.574 108.306,155.266 110.412 C 156.908 115.406,156.776 115.247,157.411 113.000 C 157.932 111.156,158.208 110.231,159.076 107.417 C 160.049 104.263,160.442 103.001,160.986 101.290 C 161.168 100.718,161.621 99.237,161.994 98.000 C 162.366 96.763,162.818 95.280,162.997 94.706 C 163.176 94.132,163.472 93.175,163.656 92.579 C 163.839 91.984,164.139 91.009,164.322 90.413 C 164.506 89.817,164.806 88.842,164.989 88.246 C 165.172 87.650,165.466 86.695,165.643 86.123 C 165.819 85.551,166.132 84.521,166.339 83.833 C 166.545 83.146,166.845 82.171,167.003 81.667 C 167.471 80.181,167.995 78.488,168.318 77.417 C 169.110 74.791,169.430 73.882,169.703 73.474 C 169.866 73.231,170.000 72.982,170.000 72.920 C 170.000 72.610,171.628 70.754,172.464 70.112 C 175.660 67.656,179.117 67.535,182.812 69.750 C 185.150 71.151,187.333 75.457,187.333 78.667 C 187.333 79.546,186.799 82.036,186.288 83.537 C 186.155 83.929,185.877 84.813,185.671 85.500 C 185.275 86.821,184.814 88.317,184.337 89.833 C 184.178 90.337,183.879 91.313,183.672 92.000 C 183.466 92.688,183.155 93.700,182.982 94.250 C 182.430 96.007,180.825 101.223,180.597 102.000 C 180.476 102.412,180.258 103.162,180.113 103.667 C 179.968 104.171,179.280 106.421,178.585 108.667 C 177.890 110.912,177.022 113.725,176.656 114.917 C 176.290 116.108,175.846 117.553,175.668 118.127 C 175.490 118.701,175.194 119.658,175.011 120.254 C 174.828 120.850,174.528 121.825,174.344 122.421 C 174.161 123.016,173.861 123.991,173.678 124.587 C 173.494 125.183,173.194 126.158,173.011 126.754 C 172.828 127.350,172.536 128.305,172.362 128.877 C 172.189 129.449,171.876 130.479,171.667 131.167 C 171.458 131.854,171.157 132.829,170.998 133.333 C 170.640 134.465,170.113 136.168,169.696 137.544 C 169.522 138.115,169.209 139.146,169.000 139.833 C 168.792 140.521,168.490 141.496,168.329 142.000 C 168.169 142.504,167.871 143.479,167.667 144.167 C 167.462 144.854,167.165 145.829,167.005 146.333 C 166.845 146.837,166.538 147.813,166.323 148.500 C 163.269 158.258,150.740 158.090,147.740 148.250 C 146.893 145.471,146.612 144.556,146.334 143.667 C 146.177 143.162,145.879 142.188,145.673 141.500 C 145.466 140.813,145.166 139.837,145.005 139.333 C 144.729 138.469,144.346 137.217,143.652 134.917 C 143.329 133.846,142.805 132.152,142.337 130.667 C 142.178 130.162,141.879 129.188,141.672 128.500 C 141.229 127.027,140.812 125.662,140.346 124.167 C 140.161 123.571,139.701 122.071,139.324 120.833 C 138.947 119.596,138.495 118.133,138.320 117.583 C 137.644 115.462,136.138 110.549,135.949 109.846 C 135.764 109.161,135.333 108.700,135.333 109.188 C 135.333 109.378,135.085 110.203,133.659 114.750 C 133.486 115.300,133.190 116.275,133.000 116.917 C 132.810 117.558,132.511 118.533,132.335 119.083 C 132.159 119.633,131.558 121.583,131.000 123.417 C 129.478 128.420,128.266 132.369,127.702 134.167 C 127.514 134.762,127.053 136.262,126.676 137.500 C 126.299 138.737,125.851 140.200,125.681 140.750 C 125.510 141.300,125.202 142.313,124.995 143.000 C 124.789 143.688,124.520 144.550,124.398 144.917 C 124.276 145.283,124.102 146.221,124.012 147.000 C 123.859 148.327,123.417 149.881,122.956 150.719 C 119.636 156.745,113.012 157.957,108.432 153.376 C 107.828 152.772,107.333 152.187,107.333 152.076 C 107.333 151.965,107.222 151.782,107.087 151.670 C 106.951 151.557,106.740 151.267,106.617 151.024 C 106.495 150.782,106.312 150.433,106.212 150.250 C 105.833 149.561,105.333 148.174,105.329 147.802 C 105.327 147.590,104.610 145.317,103.736 142.750 C 102.861 140.183,102.080 137.858,101.999 137.583 C 101.918 137.308,101.317 135.546,100.665 133.667 C 100.012 131.787,99.417 130.025,99.342 129.750 C 99.267 129.475,99.113 129.025,99.000 128.750 C 98.887 128.475,98.734 128.025,98.661 127.750 C 98.588 127.475,98.140 126.162,97.667 124.833 C 97.193 123.504,96.745 122.192,96.672 121.917 C 96.599 121.642,96.447 121.192,96.333 120.917 C 96.220 120.642,96.067 120.192,95.993 119.917 C 95.919 119.642,95.473 118.329,95.003 117.000 C 94.532 115.671,94.074 114.292,93.985 113.937 C 93.895 113.581,93.738 113.133,93.635 112.941 C 93.532 112.748,93.390 112.364,93.319 112.087 C 93.248 111.810,92.504 109.596,91.667 107.167 C 90.829 104.737,90.078 102.525,89.998 102.250 C 89.917 101.975,89.317 100.212,88.665 98.333 C 88.012 96.454,87.417 94.692,87.342 94.417 C 87.267 94.142,87.113 93.692,87.000 93.417 C 86.887 93.142,86.734 92.692,86.661 92.417 C 86.588 92.142,86.140 90.829,85.667 89.500 C 85.193 88.171,84.745 86.858,84.672 86.583 C 84.599 86.308,84.447 85.858,84.333 85.583 C 84.220 85.308,84.067 84.858,83.992 84.583 C 83.918 84.308,83.614 83.408,83.318 82.583 C 79.404 71.690,93.284 63.131,99.515 72.594 C 100.401 73.940,100.530 74.230,101.415 76.876 C 102.576 80.345,102.669 80.616,102.964 81.417 C 103.099 81.783,103.269 82.308,103.341 82.583 C 103.413 82.858,103.860 84.171,104.333 85.500 C 104.807 86.829,105.255 88.142,105.328 88.417 C 105.401 88.692,105.553 89.142,105.667 89.417 C 105.780 89.692,105.933 90.142,106.007 90.417 C 106.081 90.692,106.527 92.004,106.997 93.333 C 107.468 94.662,107.926 96.041,108.015 96.397 C 108.105 96.752,108.262 97.200,108.365 97.393 C 108.468 97.585,108.611 97.969,108.683 98.246 C 108.754 98.523,109.496 100.737,110.332 103.167 C 111.167 105.596,111.919 107.808,112.002 108.083 C 112.553 109.906,114.240 114.667,114.334 114.667 C 114.398 114.667,115.106 112.660,115.908 110.208 C 116.711 107.756,117.509 105.384,117.683 104.936 C 117.858 104.488,118.000 104.030,118.000 103.917 C 118.000 103.804,118.143 103.345,118.317 102.897 C 118.492 102.450,119.102 100.621,119.673 98.833 C 120.244 97.046,120.823 95.283,120.960 94.917 C 121.097 94.550,121.267 94.025,121.337 93.750 C 121.407 93.475,121.596 92.875,121.757 92.417 C 121.918 91.958,122.181 91.208,122.341 90.750 C 122.501 90.292,123.101 88.454,123.673 86.667 C 124.623 83.700,124.882 82.919,125.499 81.167 C 125.612 80.846,125.800 80.246,125.918 79.833 C 126.035 79.421,126.243 78.783,126.379 78.417 C 126.515 78.050,126.795 77.188,127.000 76.500 C 127.206 75.813,127.514 74.874,127.687 74.413 C 127.859 73.953,128.000 73.526,128.000 73.464 C 128.000 72.686,130.424 69.763,131.648 69.065 C 133.089 68.243,135.782 67.920,137.635 68.347 M292.760 68.830 C 295.283 69.310,297.611 69.989,300.500 71.088 C 301.356 71.414,305.040 73.321,305.346 73.597 C 305.491 73.727,305.656 73.833,305.713 73.833 C 305.770 73.833,306.166 74.077,306.592 74.375 C 307.018 74.673,307.485 74.992,307.629 75.083 C 308.383 75.564,311.018 77.731,311.535 78.295 C 312.082 78.894,313.333 80.756,313.333 80.974 C 313.333 81.060,313.482 81.457,313.663 81.857 C 314.656 84.046,313.564 88.939,311.751 90.425 C 309.504 92.266,302.605 92.559,301.339 90.867 C 301.231 90.723,297.885 88.500,297.776 88.500 C 297.734 88.500,297.243 88.242,296.685 87.927 C 296.128 87.612,295.202 87.152,294.628 86.906 C 294.053 86.659,293.265 86.317,292.877 86.145 C 292.488 85.974,292.066 85.833,291.939 85.833 C 291.812 85.833,291.380 85.715,290.979 85.570 C 287.539 84.330,282.821 84.687,279.635 86.430 C 277.001 87.871,275.641 92.963,277.058 96.083 C 277.607 97.292,279.170 98.839,280.608 99.597 C 281.144 99.880,281.733 100.191,281.917 100.289 C 282.729 100.722,284.629 101.516,286.417 102.171 C 286.967 102.373,287.809 102.682,288.289 102.858 C 288.769 103.035,289.556 103.321,290.039 103.495 C 294.364 105.050,294.690 105.170,295.583 105.541 C 296.820 106.054,300.651 107.940,301.417 108.413 C 301.783 108.639,302.307 108.950,302.581 109.104 C 305.171 110.555,308.639 113.928,310.537 116.841 C 311.180 117.828,312.667 120.708,312.667 120.967 C 312.667 121.052,312.809 121.488,312.984 121.936 C 315.043 127.224,315.274 133.242,313.646 139.167 C 310.555 150.414,301.293 156.925,288.417 156.903 C 282.295 156.893,276.917 155.625,271.059 152.812 C 269.399 152.015,265.941 150.020,265.250 149.461 C 265.158 149.386,264.709 149.046,264.250 148.704 C 263.792 148.363,263.330 148.008,263.224 147.917 C 263.117 147.825,262.710 147.487,262.319 147.167 C 259.113 144.538,257.950 142.186,257.953 138.333 C 257.957 130.782,264.827 128.263,271.333 133.427 C 273.001 134.750,274.607 135.913,275.750 136.624 C 283.055 141.171,293.110 141.647,297.136 137.636 C 300.636 134.147,299.831 127.433,295.638 125.150 C 294.757 124.670,291.720 123.212,290.917 122.882 C 289.354 122.241,288.244 121.833,288.061 121.833 C 287.960 121.833,287.512 121.694,287.064 121.524 C 286.616 121.354,285.725 121.055,285.083 120.858 C 284.442 120.662,283.129 120.235,282.167 119.909 C 281.204 119.583,280.192 119.257,279.917 119.184 C 279.642 119.112,279.177 118.928,278.883 118.776 C 278.590 118.624,278.264 118.500,278.158 118.500 C 278.053 118.500,277.731 118.393,277.442 118.263 C 277.153 118.132,276.365 117.789,275.691 117.499 C 266.231 113.437,261.891 107.386,261.147 97.224 C 260.655 90.499,261.964 84.193,264.782 79.705 C 265.085 79.222,265.333 78.760,265.333 78.677 C 265.333 78.595,265.390 78.503,265.458 78.472 C 265.527 78.442,265.921 77.972,266.333 77.429 C 270.014 72.581,276.204 69.142,282.417 68.495 C 284.791 68.248,290.703 68.439,292.760 68.830 M223.167 71.735 C 227.598 72.076,231.641 72.984,235.167 74.428 C 235.762 74.672,236.475 74.961,236.750 75.071 C 237.606 75.411,240.047 76.670,240.833 77.177 C 241.246 77.442,241.736 77.729,241.924 77.813 C 242.111 77.897,242.364 78.086,242.486 78.233 C 242.608 78.380,242.771 78.500,242.849 78.500 C 243.467 78.500,248.483 82.955,250.485 85.283 C 252.519 87.646,256.667 94.450,256.667 95.421 C 256.667 95.467,256.808 95.822,256.981 96.210 C 260.058 103.131,260.916 114.524,258.985 122.833 C 257.942 127.323,256.612 130.845,254.690 134.208 C 254.494 134.552,254.182 135.101,253.997 135.427 C 252.166 138.659,248.346 143.044,245.167 145.563 C 243.452 146.922,243.310 147.030,242.903 147.282 C 242.727 147.391,241.983 147.853,241.250 148.309 C 236.632 151.182,231.568 152.960,225.417 153.870 C 221.768 154.409,198.172 154.530,196.202 154.019 C 192.883 153.159,190.574 150.680,189.897 147.250 C 189.557 145.527,189.554 80.120,189.894 78.500 C 190.604 75.113,193.300 72.315,196.417 71.729 C 197.946 71.441,219.418 71.446,223.167 71.735 M207.833 113.750 C 207.833 126.537,207.873 137.000,207.922 137.000 C 208.022 137.000,209.697 136.099,211.333 135.166 C 212.432 134.540,213.543 133.929,215.500 132.874 C 216.096 132.553,217.019 132.038,217.551 131.729 C 218.083 131.419,218.557 131.167,218.605 131.167 C 218.653 131.167,219.192 130.878,219.804 130.524 C 220.863 129.913,221.774 129.409,223.833 128.296 C 224.338 128.023,224.975 127.668,225.250 127.506 C 225.525 127.344,226.181 126.976,226.708 126.689 C 228.990 125.446,229.644 125.083,230.667 124.493 C 231.262 124.150,232.200 123.632,232.750 123.342 C 233.300 123.053,234.050 122.648,234.417 122.442 C 235.179 122.015,236.918 121.064,238.500 120.209 C 239.096 119.887,240.019 119.371,240.551 119.062 C 241.083 118.753,241.597 118.500,241.693 118.500 C 241.789 118.500,242.301 118.058,242.830 117.517 C 245.586 114.700,244.835 110.758,241.167 108.792 C 240.118 108.231,239.258 107.763,237.333 106.710 C 236.829 106.434,235.967 105.963,235.417 105.663 C 234.867 105.363,233.929 104.840,233.333 104.500 C 232.305 103.914,231.581 103.513,229.375 102.311 C 228.848 102.024,228.192 101.656,227.917 101.494 C 227.642 101.332,226.967 100.956,226.417 100.657 C 224.487 99.611,223.244 98.928,222.583 98.550 C 222.217 98.341,221.617 98.018,221.250 97.833 C 220.883 97.649,220.283 97.326,219.917 97.116 C 219.550 96.907,218.762 96.468,218.167 96.142 C 217.571 95.815,216.633 95.301,216.083 95.000 C 215.533 94.698,214.596 94.173,214.000 93.834 C 213.404 93.494,212.392 92.932,211.750 92.585 C 211.108 92.238,210.005 91.627,209.297 91.227 C 208.590 90.827,207.971 90.500,207.922 90.500 C 207.873 90.500,207.833 100.962,207.833 113.750 M197.167 227.946 C 191.206 228.910,187.351 233.227,187.443 238.833 C 187.488 241.586,187.762 242.238,191.702 248.964 C 192.439 250.221,193.266 251.662,193.541 252.167 C 193.816 252.671,194.162 253.271,194.309 253.500 C 194.457 253.729,194.661 254.067,194.763 254.250 C 195.044 254.756,195.681 255.862,195.982 256.365 C 196.129 256.612,197.037 258.174,198.000 259.837 C 198.963 261.501,199.871 263.061,200.018 263.306 C 200.473 264.060,201.042 265.056,201.366 265.667 C 201.536 265.987,201.863 266.550,202.091 266.917 C 202.319 267.283,202.578 267.733,202.667 267.917 C 202.755 268.100,202.998 268.525,203.205 268.862 C 203.413 269.198,204.371 270.835,205.333 272.500 C 206.296 274.164,207.204 275.726,207.351 275.971 C 207.637 276.446,208.113 277.275,208.684 278.292 C 208.878 278.635,209.092 278.992,209.160 279.083 C 209.229 279.175,209.510 279.662,209.785 280.167 C 210.060 280.671,210.442 281.346,210.634 281.667 C 210.827 281.987,211.290 282.775,211.664 283.417 C 212.038 284.058,212.414 284.696,212.500 284.833 C 212.586 284.971,213.052 285.783,213.536 286.638 C 215.007 289.235,215.087 289.356,216.017 290.371 C 221.581 296.446,231.704 294.232,234.267 286.380 C 235.510 282.571,234.693 279.607,230.539 272.863 C 230.331 272.526,230.088 272.100,230.000 271.917 C 229.912 271.733,229.654 271.283,229.428 270.917 C 229.202 270.550,228.658 269.612,228.219 268.833 C 227.780 268.054,227.345 267.292,227.252 267.140 C 227.159 266.987,226.762 266.312,226.370 265.640 C 225.977 264.967,225.586 264.304,225.500 264.167 C 225.414 264.029,224.948 263.217,224.464 262.362 C 223.980 261.507,223.413 260.532,223.205 260.195 C 222.998 259.859,222.755 259.433,222.667 259.250 C 222.578 259.067,222.336 258.640,222.128 258.302 C 221.920 257.964,220.963 256.326,220.000 254.663 C 219.037 253.000,218.129 251.439,217.982 251.194 C 217.462 250.333,216.943 249.411,216.698 248.917 C 216.562 248.642,216.360 248.304,216.249 248.167 C 216.138 248.029,215.822 247.504,215.548 247.000 C 215.273 246.496,214.891 245.821,214.699 245.500 C 214.507 245.179,214.032 244.354,213.644 243.667 C 213.256 242.979,212.877 242.392,212.803 242.361 C 212.728 242.331,212.667 242.236,212.667 242.151 C 212.667 242.021,211.636 240.171,210.649 238.529 C 210.501 238.284,210.220 237.802,210.024 237.458 C 209.190 235.999,209.021 235.707,208.523 234.868 C 208.235 234.382,208.000 233.950,208.000 233.906 C 208.000 233.821,207.196 232.559,206.917 232.206 C 206.244 231.355,204.835 230.080,203.879 229.458 C 203.491 229.206,203.109 229.000,203.029 229.000 C 202.950 229.000,202.637 228.877,202.335 228.726 C 201.231 228.175,198.396 227.747,197.167 227.946 M182.117 247.792 C 181.904 248.135,181.262 249.242,180.691 250.250 C 180.120 251.258,179.582 252.196,179.496 252.333 C 179.410 252.471,178.806 253.521,178.153 254.667 C 177.501 255.813,176.836 256.975,176.677 257.250 C 176.517 257.525,176.070 258.313,175.684 259.000 C 175.297 259.688,174.846 260.475,174.681 260.750 C 174.362 261.281,174.138 261.674,173.017 263.667 C 172.630 264.354,172.179 265.142,172.014 265.417 C 171.849 265.692,171.553 266.198,171.357 266.542 C 171.161 266.885,170.837 267.448,170.639 267.792 C 170.440 268.135,170.138 268.679,169.967 269.000 C 169.796 269.321,169.520 269.808,169.352 270.083 C 169.184 270.358,168.887 270.865,168.690 271.208 C 168.494 271.552,168.183 272.096,168.000 272.417 C 167.817 272.737,167.517 273.262,167.333 273.583 C 167.150 273.904,166.850 274.429,166.667 274.750 C 166.483 275.071,166.183 275.596,166.000 275.917 C 165.817 276.237,165.517 276.762,165.333 277.083 C 165.150 277.404,164.837 277.948,164.639 278.292 C 162.165 282.569,162.363 288.130,165.088 290.940 C 165.190 291.044,165.455 291.344,165.678 291.607 C 170.156 296.874,179.835 295.789,183.061 289.658 C 183.324 289.159,183.716 288.450,183.934 288.083 C 184.151 287.717,184.480 287.117,184.665 286.750 C 184.851 286.383,185.174 285.783,185.384 285.417 C 185.593 285.050,186.032 284.262,186.358 283.667 C 186.685 283.071,187.199 282.133,187.500 281.583 C 187.802 281.033,188.327 280.096,188.667 279.500 C 189.007 278.904,189.531 277.967,189.833 277.417 C 190.135 276.867,190.648 275.929,190.975 275.333 C 191.301 274.737,191.738 273.950,191.945 273.583 C 192.452 272.687,192.841 271.968,193.548 270.615 C 193.875 269.991,194.218 269.389,194.311 269.276 C 194.405 269.164,194.554 268.879,194.645 268.642 C 194.815 268.194,194.789 268.119,194.026 266.792 C 193.828 266.448,193.517 265.904,193.333 265.583 C 193.150 265.262,192.850 264.737,192.667 264.417 C 192.483 264.096,192.173 263.552,191.976 263.208 C 191.780 262.865,191.484 262.358,191.319 262.083 C 191.153 261.808,190.660 260.946,190.222 260.167 C 189.784 259.387,189.311 258.554,189.171 258.315 C 189.031 258.076,187.867 256.067,186.583 253.851 C 185.300 251.634,184.174 249.692,184.081 249.535 C 183.989 249.378,183.659 248.781,183.350 248.208 C 182.691 246.989,182.628 246.967,182.117 247.792 ' stroke='none' fill='#04acfc' fill-rule='evenodd'/><path id='path1' d='' stroke='none' fill='#08acfc' fill-rule='evenodd'/><path id='path2' d='' stroke='none' fill='#08acfc' fill-rule='evenodd'/><path id='path3' d='' stroke='none' fill='#08acfc' fill-rule='evenodd'/><path id='path4' d='' stroke='none' fill='#08acfc' fill-rule='evenodd'/></g></svg>","preview_image":"https://wds-shadcn-registry.netlify.app/og.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":293,"open_issues":20,"last_commit":"2026-09-08T20:17:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/registry.json","install_bun":"bunx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/registry.json","clone":"git clone https://github.com/WebDevSimplified/wds-shadcn-registry.git","clone_degit":"npx degit WebDevSimplified/wds-shadcn-registry","registry_fetch":"curl -s https://wds-shadcn-registry.netlify.app/r/registry.json"},"component_count":10,"components":[{"name":"loading-swap","title":null,"description":"Swaps content with a loading spinner without layout shift.","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/loading-swap.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/loading-swap.json"},{"name":"action-button","title":null,"description":"A button that performs an action when clicked and optionally asks for user confirmation.","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/action-button.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/action-button.json"},{"name":"number-input","title":null,"description":"An input that returns a number value and automatically handles invalid inputs.","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/number-input.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/number-input.json"},{"name":"multi-select","title":null,"description":"A multi-select input that emulates the Shadcn Select component as closely as possible.","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/multi-select.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/multi-select.json"},{"name":"password-input","title":null,"description":"An input that can toggle visibility of the password text and check the strength of the password.","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/password-input.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/password-input.json"},{"name":"loading-swap-experimental","title":null,"description":"Swaps content with a loading spinner without layout shift. (Includes experimental support for all Shadcn icon libraries)","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/loading-swap-experimental.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/loading-swap-experimental.json"},{"name":"action-button-experimental","title":null,"description":"A button that performs an action when clicked and optionally asks for user confirmation. (Includes experimental support for all Shadcn icon libraries)","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/action-button-experimental.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/action-button-experimental.json"},{"name":"number-input-experimental","title":null,"description":"An input that returns a number value and automatically handles invalid inputs. (Includes experimental support for all Shadcn icon libraries)","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/number-input-experimental.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/number-input-experimental.json"},{"name":"multi-select-experimental","title":null,"description":"A multi-select input that emulates the Shadcn Select component as closely as possible. (Includes experimental support for all Shadcn icon libraries)","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/multi-select-experimental.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/multi-select-experimental.json"},{"name":"password-input-experimental","title":null,"description":"An input that can toggle visibility of the password text and check the strength of the password. (Includes experimental support for all Shadcn icon libraries)","type":"registry:component","source_url":"https://wds-shadcn-registry.netlify.app/r/password-input-experimental.json","install_command":"npx shadcn@latest add https://wds-shadcn-registry.netlify.app/r/password-input-experimental.json"}]},{"id":"wensity","name":"@wensity","slug":"wensity","description":"Premium motion-component registry from the Wensity design studio targeting Next.js and Tailwind CSS v4. Offers 40+ hand-built components across five categories: Agentic AI Interfaces (Liquid Multimodal Input, Stream Reveal Typography, Generative Skeleton Mesh, Voice Aurora Wave, Model Context Switcher), Cinematic Interactions (Dynamic Island Toast, 3D Parallax Tilt Card, Infinite Marquee, Apple-Style Sticky Scroll, Morphing Shape Background, Scrubbable Video Reveal, Interactive Beam Connections), Heavy SaaS Blocks (Command Palette, Drag-and-Drop Kanban, Multi-Step Wizard, Activity Grid, Notification Popover, RBAC Permission Toggles), Elite Micro-Interactions, and Show-Off pieces. Free components install immediately; Pro source unlocks per-component after purchase. Use for: AI product UIs and SaaS marketing sites that demand cinematic, studio-grade motion quality with zero runtime dependency overhead.","author":null,"framework":"react","license":null,"tags":["3d","aesthetic","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","charts","dashboard","design-system","forms","glassmorphism","hooks","loaders","marketing","media","navigation","overlays","pro-available","saas","tables","text-effects","theming"],"categories":["AI/chat UI"],"labels":["pro"],"urls":{"website":"https://ui.wensity.com/components","github":"N/A","registry":"https://raw.githubusercontent.com/wensity/registry/main/registry.json","source":"https://raw.githubusercontent.com/wensity/registry/main/registry.json","page":"https://sh4dcn.netlify.app/registry/wensity","markdown":"https://sh4dcn.netlify.app/md/wensity.md"},"logo":"<svg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><rect width='512' height='512' fill='#ffffff'/><path d='M96 352L224 96H352L224 352H96Z' fill='#0a0a0a'/><path d='M160 416L288 160H416L288 416H160Z' fill='#cd1c18'/></svg>","preview_image":"https://ui.wensity.com/og/wensity-ui-og.jpg","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ui.wensity.com/blocks/pricing-sections"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json","install_bun":"bunx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://raw.githubusercontent.com/wensity/registry/main/registry.json"},"component_count":98,"components":[{"name":"font-inter","title":"Inter Font","description":"Inter font package and shadcn CSS variables for Wensity primitives.","type":"registry:font","source_url":"https://raw.githubusercontent.com/wensity/registry/main/font-inter.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/font-inter.json"},{"name":"font-geist","title":"Geist Font","description":"Geist display font package and shadcn CSS variables for Wensity primitives.","type":"registry:font","source_url":"https://raw.githubusercontent.com/wensity/registry/main/font-geist.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/font-geist.json"},{"name":"wensity-base","title":"Wensity Base","description":"Wensity primitive design-system tokens for shadcn projects: fonts, base colors, controls, charts, radii, overlays, and motion.","type":"registry:base","source_url":"https://raw.githubusercontent.com/wensity/registry/main/wensity-base.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/wensity-base.json"},{"name":"liquid-multimodal-input","title":"AI Prompt Input","description":"An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/liquid-multimodal-input.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/liquid-multimodal-input.json"},{"name":"generative-skeleton-mesh","title":"Animated Loading Skeleton","description":"An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/generative-skeleton-mesh.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/generative-skeleton-mesh.json"},{"name":"voice-aurora-wave","title":"Voice Reactive Orb","description":"A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/voice-aurora-wave.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/voice-aurora-wave.json"},{"name":"model-context-switcher","title":"AI Model Selector","description":"An AI model selector dropdown that scales out from its trigger and glides the selection pill to whichever model you pick.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/model-context-switcher.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/model-context-switcher.json"},{"name":"infinite-marquee","title":"Infinite Marquee","description":"A seamless, GPU-only logo strip that never stutters or snaps at the loop point.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/infinite-marquee.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/infinite-marquee.json"},{"name":"morphing-shape-background","title":"Morphing Shape Background","description":"Lava lamp background for React heroes: soft gradient shapes that drift and melt.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/morphing-shape-background.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/morphing-shape-background.json"},{"name":"scrubbable-video-reveal","title":"Scrubbable Video Reveal","description":"An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as you scroll in either direction.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/scrubbable-video-reveal.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/scrubbable-video-reveal.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image inset and copy in the footer.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/animated-tabs.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/animated-tabs.json"},{"name":"blob-animation","title":"Blob Animation","description":"Blob animation in CSS: a morphing gradient blob, soft glow, outline, or image mask.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/blob-animation.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/blob-animation.json"},{"name":"multi-select-token-pills","title":"Multi-Select Tag Input","description":"A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/multi-select-token-pills.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/multi-select-token-pills.json"},{"name":"shimmering-skeleton-wrapper","title":"Shimmering Skeleton Wrapper","description":"One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/shimmering-skeleton-wrapper.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/shimmering-skeleton-wrapper.json"},{"name":"cool-button","title":"Cool Button","description":"A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/cool-button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/cool-button.json"},{"name":"file-uploader","title":"File Uploader","description":"A bold red dropzone for any file, with gallery tiles and progress after upload.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/file-uploader.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/file-uploader.json"},{"name":"before-after-card","title":"Image Comparison Slider","description":"Drag the handle to wipe between before and after images with absolutely zero lag.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/before-after-card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/before-after-card.json"},{"name":"progressive-image-loading","title":"Progressive Image Loading","description":"Images that develop from a blur, color, or shimmer placeholder, without layout shift.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/progressive-image-loading.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/progressive-image-loading.json"},{"name":"animated-hamburger-menu","title":"Animated Hamburger Menu","description":"Eight animated hamburger menu icons that morph into a close X or back arrow in CSS.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/animated-hamburger-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/animated-hamburger-menu.json"},{"name":"star-rating","title":"Star Rating","description":"React star rating with half stars, drag to rate, and cut stars that catch the light.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/star-rating.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/star-rating.json"},{"name":"github-activity-grid","title":"GitHub-Style Activity Grid","description":"365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/github-activity-grid.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/github-activity-grid.json"},{"name":"gooey-navigation-menu","title":"Gooey Navigation Menu","description":"A liquid FAB whose child actions stretch out of the trigger like molten metal.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/gooey-navigation-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/gooey-navigation-menu.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-shimmer.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-shimmer.json"},{"name":"text-flip","title":"Text Flip","description":"A 3D character flip on hover, staggered and springy across every single letter.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-flip.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-flip.json"},{"name":"text-morphing","title":"Text Morphing","description":"Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-morphing.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-morphing.json"},{"name":"text-char-slide","title":"Text Char Slide","description":"A per-character slide-left cascade with a cleanly staggered entrance timing.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-char-slide.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-char-slide.json"},{"name":"text-motion","title":"Text Motion","description":"Headline entrances driven entirely by your own custom Framer Motion variants.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-motion.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-motion.json"},{"name":"text-cycle","title":"Text Cycle","description":"Cycles through your headline words with a soft per-character blur stagger.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-cycle.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-cycle.json"},{"name":"text-word-flip","title":"Text Word Flip","description":"Spring-loaded word flips paired with a soft letter-by-letter blur stagger.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-word-flip.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-word-flip.json"},{"name":"text-blur-reveal","title":"Text Blur Reveal","description":"A blur-in stagger by word or by letter, triggered the moment you scroll.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-blur-reveal.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-blur-reveal.json"},{"name":"canvas-text","title":"Particle Text","description":"Loading-ring canvas particles that slowly resolve into solid letterforms.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/canvas-text.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/canvas-text.json"},{"name":"line-fill-text","title":"Line Fill Text","description":"Bold type filled with flowing curved linework that bends round the cursor.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/line-fill-text.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/line-fill-text.json"},{"name":"text-glitch","title":"Text Glitch","description":"A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-glitch.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-glitch.json"},{"name":"text-path","title":"Text Path","description":"SVG text riding a curved wave, arc, or circle path on a seamless, light loop.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-path.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-path.json"},{"name":"text-highlight","title":"Text Highlight","description":"A hand-placed highlighter band that sweeps in behind your text and tracks wrapping.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-highlight.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-highlight.json"},{"name":"text-scribble","title":"Text Scribble","description":"Hand-drawn scribble, squiggly underline, strike, circle, and box marks for text.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-scribble.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-scribble.json"},{"name":"text-chroma-reveal","title":"Text Chroma Reveal","description":"A chromatic ribbon sweep that paints each of your headlines cleanly into view.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-chroma-reveal.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-chroma-reveal.json"},{"name":"text-spectrum","title":"Text Spectrum","description":"An animated multi-stop color wash that drifts endlessly through headlines.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-spectrum.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-spectrum.json"},{"name":"text-ripple","title":"Text Ripple","description":"A 3D character ripple with a traveling color crest, CSS-only and GPU-light.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-ripple.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-ripple.json"},{"name":"underline-animation","title":"Underline Animation","description":"CSS hover underlines for links: slide, center, fill, wavy, and gradient.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/underline-animation.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/underline-animation.json"},{"name":"count-up-animation","title":"Count Up Animation","description":"A count up animation for React: every digit rolls into place, in any number format.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/count-up-animation.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/count-up-animation.json"},{"name":"button","title":"Button","description":"A React button component on Base UI with seven variants, from the solid default to ghost and link, four sizes, icon slots, and a built in loading state.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/button.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/button.json"},{"name":"button-group","title":"Button Group","description":"A React button group for toolbars and segmented controls, with shared borders, vertical layout, and split buttons that open a dropdown menu.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/button-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/button-group.json"},{"name":"input","title":"Input","description":"A React text input with a built in label, hint, and inline error wired to screen readers, plus leading and trailing icons and a one tap clear button.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/input.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/input.json"},{"name":"text-area","title":"Textarea","description":"A React textarea that auto resizes between min and max rows, with a live character count that warns near the limit and default, filled, or ghost styles.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/text-area.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-area.json"},{"name":"select","title":"Select","description":"A React select component on Base UI with grouped options, descriptions, icons, four trigger styles, keyboard navigation, and native form submission.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/select.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/select.json"},{"name":"form-field","title":"Form Field","description":"A React form field wrapper that wires a label, description, and error to one control, with stack, inline, split, and card layouts plus form sections.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/form-field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/form-field.json"},{"name":"badge","title":"Badge","description":"React badges for statuses, plans, and tags in eight tones, with presence dots that can pulse, icon slots, and removable chips with a labeled close button.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/badge.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/badge.json"},{"name":"checkbox","title":"Checkbox","description":"A React checkbox on Base UI with checked, unchecked, and indeterminate states, labels, descriptions, errors, checkbox groups, and selectable cards.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/checkbox.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/checkbox.json"},{"name":"switch","title":"Switch","description":"A React toggle switch on Base UI in minimal, elevated, segmented, and power styles, with labels on either side, settings groups, and switch cards.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/switch.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/switch.json"},{"name":"radio-group","title":"Radio Group","description":"A React radio group on Base UI with a gliding dot, a segmented control style, bordered rows, and radio cards for plan and shipping pickers.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/radio-group.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/radio-group.json"},{"name":"toggle","title":"Toggle","description":"A React toggle button and toggle group on Base UI in default, icon, outline, and soft styles, with a sliding segmented mode or multi select for toolbars.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/toggle.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/toggle.json"},{"name":"label","title":"Label","description":"A React form label that renders a real label element, with a red required asterisk, an Optional tag, a hint line, and muted, inline, or disabled styles.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/label.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/label.json"},{"name":"input-otp","title":"Input OTP","description":"A React OTP input for two factor and verification codes, with SMS autofill, numeric or alphanumeric modes, masking, and success and error states.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/input-otp.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/input-otp.json"},{"name":"combobox","title":"Combobox","description":"A React combobox and autocomplete on Base UI with filtering, multi select with a selected count, creatable options, and async server search.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/combobox.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/combobox.json"},{"name":"avatar","title":"Avatar","description":"A React avatar on Base UI that falls back to colored initials, with status dots, overlapping avatar groups with a +N chip, tooltips, and upload previews.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/avatar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/avatar.json"},{"name":"table","title":"Table","description":"A semantic React table with sortable headers, selectable and expandable rows, a sticky header, three densities, and rows that glide into place on sort.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/table.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/table.json"},{"name":"progress","title":"Progress","description":"A React progress bar on Base UI with spring smoothed fills and an indeterminate sweep, plus circular, stepped, and stacked multi part bars.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/progress.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/progress.json"},{"name":"alert","title":"Alert","description":"A React alert for inline info, success, warning, and error messages, with titles, an action button, a dismiss control, and screen reader roles built in.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/alert.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/alert.json"},{"name":"skeleton","title":"Skeleton","description":"React skeleton loading placeholders for text, avatars, cards, and tables, plus a custom block, with a soft shimmer that stops under reduced motion.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/skeleton.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/skeleton.json"},{"name":"spinner","title":"Spinner","description":"A React loading spinner in arc, ring, dots, and pulse styles with a screen reader label, five tones, three sizes, and an overlay that blocks a region.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/spinner.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/spinner.json"},{"name":"toast","title":"Toast","description":"React toast notifications on Base UI in info, success, warning, error, and action styles, with swipe to dismiss, six positions, and a hook to fire them.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/toast.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/toast.json"},{"name":"dialog","title":"Dialog","description":"A React modal dialog on Base UI with default, confirmation, form, fullscreen, and scrollable layouts, focus trapping, and a ready made confirm flow.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/dialog.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/dialog.json"},{"name":"sheet","title":"Sheet","description":"A React sheet that slides in from any edge as a side panel for filters, carts, and mobile navigation, with a persistent mode that ignores backdrop clicks.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/sheet.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/sheet.json"},{"name":"drawer","title":"Drawer","description":"A React drawer and bottom sheet on Base UI with swipe to dismiss, snap points, a grab handle, and five sides including a fullscreen mobile panel.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/drawer.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/drawer.json"},{"name":"popover","title":"Popover","description":"A React popover on Base UI for small menus, inline forms, and rich previews, with collision aware placement, a custom anchor, and four set widths.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/popover.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/popover.json"},{"name":"tooltip","title":"Tooltip","description":"A React tooltip on Base UI with plain, rich, and keyboard shortcut content, an arrow, a shared open delay, and an option to follow the cursor.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/tooltip.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/tooltip.json"},{"name":"tabs","title":"Tabs","description":"React tabs on Base UI with an indicator that slides between tabs, in pill, underline, rounded, segmented, and vertical styles, with arrow key support.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/tabs.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/tabs.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A React breadcrumb navigation with aria-current on the last page, long trails that collapse behind a dots menu, icons, and custom separators.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/breadcrumb.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"A React pagination component with smart ellipses, a gliding active page, first and last buttons, a compact counter, and a load more button variant.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/pagination.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/pagination.json"},{"name":"card","title":"Card","description":"A React card built from header, title, description, content, and footer parts, plus media frames, stat trends, sparklines, and a feature link row.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/card.json"},{"name":"separator","title":"Separator","description":"A React separator and Tailwind divider with optional text labels, solid, gradient, or dashed lines, and horizontal or vertical orientation for layouts.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/separator.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/separator.json"},{"name":"scroll-area","title":"Scroll Area","description":"A React scroll area on Base UI with slim custom scrollbars that hide until you scroll, for vertical, horizontal, or two way overflow panels and lists.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/scroll-area.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/scroll-area.json"},{"name":"resizable","title":"Resizable","description":"React resizable panels and split panes with drag and keyboard handles, min and max sizes, collapsible panels, and layouts saved to local storage.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/resizable.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/resizable.json"},{"name":"hover-card","title":"Hover Card","description":"A React hover card on Base UI that previews a profile or link after a short hover delay, with header, body, and footer parts and four widths.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/hover-card.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/hover-card.json"},{"name":"accordion","title":"Accordion","description":"A React accordion on Base UI for FAQ sections and settings, with single or multiple open items in bordered, separated, minimal, and FAQ styles.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/accordion.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/accordion.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"A React aspect ratio container with 16:9, 21:9, 4:3, square, and portrait presets, plus an image that fades in over a shimmer once it loads.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/aspect-ratio.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/aspect-ratio.json"},{"name":"attachment","title":"Attachment","description":"React file attachment rows for uploads and chat, with icons by file type, readable sizes, upload progress, retry, download, and image preview cards.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/attachment.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/attachment.json"},{"name":"calendar","title":"Calendar","description":"A React calendar for single dates, ranges, and multiple dates, with month and year quick pickers, booked dates, event dots, and full keyboard control.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/calendar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/calendar.json"},{"name":"carousel","title":"Carousel","description":"A React carousel with swipe, arrow keys, looping, and autoplay that pauses on hover, plus dots, thumbnails, and a progress bar for each slide.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/carousel.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/carousel.json"},{"name":"chart","title":"Chart","description":"React charts on Recharts with line, bar, area, pie, and radar views plus an interactive bar chart, themed through CSS variables with matching tooltips.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/chart.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/chart.json"},{"name":"collapsible","title":"Collapsible","description":"A React collapsible on Base UI for expand and collapse sections, sidebar groups, and show more previews that fade long content until opened.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/collapsible.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/collapsible.json"},{"name":"slider","title":"Slider","description":"A React range slider on Base UI with one or two thumbs, a value bubble that shows while dragging, formatted values, and a minimum thumb gap.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/slider.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/slider.json"},{"name":"command","title":"Command","description":"A React command palette on Base UI with keyword search, grouped actions, nested pages, and shortcut hints, plus a Cmd K dialog to open it anywhere.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/command.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/command.json"},{"name":"context-menu","title":"Context Menu","description":"A React right click context menu on Base UI with groups, nested submenus, checkbox and radio items, shortcut labels, and long press support on touch.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/context-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/context-menu.json"},{"name":"data-table","title":"Data Table","description":"A React data table with debounced search, sorting, row selection, pagination, and expandable rows from one columns array, without TanStack.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/data-table.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/data-table.json"},{"name":"date-picker","title":"Date Picker","description":"A React date picker in a Base UI popover for single dates, ranges, and multiple dates, with presets, time selection, and min and max dates.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/date-picker.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/date-picker.json"},{"name":"direction","title":"Direction","description":"A React direction provider for RTL and LTR layouts that sets dir for Arabic, Hebrew, and Persian, informs Base UI, and exposes a useDirection hook.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/direction.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/direction.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A React dropdown menu on Base UI with grouped sections, submenus, checkbox and radio items, shortcut hints, and destructive actions for rows.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/dropdown-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/dropdown-menu.json"},{"name":"empty-state","title":"Empty State","description":"A React empty state for blank dashboards, no results screens, and errors, with an icon, title, description, action buttons, and a footer slot.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/empty-state.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/empty-state.json"},{"name":"field","title":"Field","description":"A React field for form validation messages, linking a label, help text, and an error or success line to the input, in stacked or side by side layout.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/field.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/field.json"},{"name":"kbd","title":"Kbd","description":"A React kbd component that renders real kbd tags for keyboard shortcuts, with key combinations, key sequences, command rows, and an inline size.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/kbd.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/kbd.json"},{"name":"marker","title":"Status Indicator","description":"React status indicators with solid and pulsing dots, numbered markers, icon markers, and labeled live status like Online, in six tones and three sizes.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/marker.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/marker.json"},{"name":"native-select","title":"Native Select","description":"A React native select that styles the browser's own select element, keeping the phone picker, with grouped options, error states, and an inline size.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/native-select.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/native-select.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"A React navigation menu on Base UI for site headers, with hover dropdowns, mega menu panels, icons, descriptions, nested links, and a compact size.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/navigation-menu.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/navigation-menu.json"},{"name":"sidebar","title":"Sidebar","description":"A React app sidebar with collapsible, icon rail, floating, and resizable modes, grouped sections, badge counts, nested links, and a gliding active pill.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/sidebar.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/sidebar.json"},{"name":"typography","title":"Typography","description":"React typography components for headings 1 to 6, lead and muted text, and inline code, plus a Prose wrapper that styles markdown without a plugin.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/typography.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/typography.json"},{"name":"color-picker","title":"Color Picker","description":"A React color picker with a saturation canvas, hue and alpha sliders, HEX, RGB, and HSL inputs, swatches, and a screen eyedropper in a popover.","type":"registry:block","source_url":"https://raw.githubusercontent.com/wensity/registry/main/color-picker.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/color-picker.json"}]},{"id":"wick-charts","name":"@wick-charts","slug":"wick-charts","description":"Realtime canvas charts for shadcn/ui that stay smooth while data streams in. Colors come from your theme tokens, in light and dark mode.","author":"mo4islona","framework":"react","license":"MIT","tags":["cards","charts","maps","theming"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://wick-charts.eeff.io/integrations/shadcn/","github":"https://github.com/mo4islona/wick-charts","registry":"https://wick-charts.eeff.io/r/registry.json","source":"https://wick-charts.eeff.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/wick-charts","markdown":"https://sh4dcn.netlify.app/md/wick-charts.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 227 144' role='img' aria-label='Wick Charts'><path fill='var(--foreground)' d='M141.5 143.2C137.4 142.2 133.6 138.4 123.9 125.6C108.7 105.6 90.7 82.3 88.5 79.7C87.4 78.3 85.9 76.2 85.2 75C84.4 73.7 80.8 68.8 77.1 64C73.4 59.3 69.5 53.9 68.4 51.9C67.4 50 66 47.9 65.5 47.3C64.9 46.7 59.6 39.6 53.7 31.6C47.8 23.5 42.3 16.9 41.5 16.9C40 16.9 16.7 46.8 16.2 49.4C16 50.2 16.9 52.4 18.3 54.2C24.9 63.1 55.8 104.8 57.5 107C66.5 119 72.2 125.9 73 125.9C73.5 125.9 76.3 122.7 79.2 118.8C88.9 105.9 89.9 104.9 91.9 106.1C94.5 107.7 99 115.3 99 118.1C99 121.2 88.5 135.6 83.6 139.4C79 142.9 72 143.8 66.8 141.6C63.2 140.1 56.2 132.2 47 119.4C44.5 116 35.8 104.2 27.5 93.3C19.3 82.4 11.2 71.4 9.5 68.9C7.9 66.5 6.1 64.3 5.7 64.1C3.9 63.3 0 53.3 0 49.6C0 47.5 0.7 44.3 1.5 42.6C4.6 36.4 29.6 4.5 33 2.5C37.2 0 45.2 -0.1 49.7 2.2C52.7 3.8 57 9.1 79.2 38.4C84.2 45 88.8 50.9 89.5 51.4C90.1 52 91.9 54.4 93.5 56.9C95.9 60.7 101.2 67.9 122.6 96.4C125.1 99.7 129.6 105.8 132.7 109.9C135.7 114 138.8 117.9 139.5 118.4C140.1 119 141.4 120.9 142.4 122.7C145.2 128.1 146.8 127.2 155.2 115.9C163.1 105.2 163.4 105 166.7 109C172.9 116.4 173.3 119.2 168.8 125.7C158.4 141.1 151.3 145.6 141.5 143.2ZM179.7 103.2C177.3 100 168.9 88.6 161 77.9C153.1 67.2 145.9 57.5 144.9 56.4C143.9 55.3 140.5 50.8 137.4 46.4C134.3 42 130.2 36.6 128.3 34.4C126.4 32.2 122.9 27.5 120.6 23.9C117.9 19.7 115.7 17.4 114.5 17.4C113.3 17.4 110.7 20.1 107.4 24.9C100 35.5 97 39 95.8 38.3C93.7 37 89 28.4 89 25.8C89 22.9 97.9 9.6 103.3 4.4C106 1.8 107.2 1.4 113.4 1.1C119.5 0.8 120.9 1.1 123.7 3.1C125.4 4.4 132.7 13.3 139.9 22.9C147 32.5 154.7 42.9 157 45.9C159.3 49 166.3 58.4 172.6 66.9C178.9 75.4 184.2 82.5 184.5 82.7C184.7 83 186.6 80.5 188.6 77.3C190.6 74.1 195.1 68 198.4 63.9C201.8 59.8 206.1 54.3 207.9 51.7C210.9 47.5 211.1 46.8 209.9 45C202.6 34.5 188.2 17 186.8 17C185.8 16.9 182.1 21.1 177.4 27.4C173.2 33.2 169.3 37.6 168.8 37.3C168.3 37 166.5 34.9 164.9 32.7C160.2 26.1 160.8 23 168.7 12.4C177.4 1 182.5 -1.6 191.8 0.9C196.9 2.2 200 5.4 213.9 23.4C226.3 39.3 228.1 43.7 225.7 52C224.8 55 222.6 59.3 220.7 61.5C218.9 63.6 215.8 67.6 213.9 70.3C212 73 209.4 76.7 208 78.5C206.6 80.3 203.9 84 202.1 86.6C200.2 89.3 198.4 91.7 198 91.9C197.7 92.2 194.8 96.1 191.6 100.7C188.3 105.2 185.3 108.9 184.9 108.9C184.5 108.9 182.1 106.3 179.7 103.2Z'/></svg>","preview_image":"https://wick-charts.eeff.io/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10,"open_issues":19,"last_commit":"2026-10-27T01:09:28Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://wick-charts.eeff.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://wick-charts.eeff.io/r/registry.json","install_bun":"bunx shadcn@latest add https://wick-charts.eeff.io/r/registry.json","clone":"git clone https://github.com/mo4islona/wick-charts.git","clone_degit":"npx degit mo4islona/wick-charts","registry_fetch":"curl -s https://wick-charts.eeff.io/r/registry.json"},"component_count":13,"components":[{"name":"wick-theme","title":"Wick Theme","description":"A hook that builds a Wick Charts theme from your shadcn/ui CSS variables and follows dark mode.","type":"registry:hook","source_url":"https://wick-charts.eeff.io/r/wick-theme.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/wick-theme.json"},{"name":"wick-chart","title":"Wick Chart","description":"A canvas chart container, themed from your CSS variables and sized with classes. Put Wick Charts series and overlays inside.","type":"registry:ui","source_url":"https://wick-charts.eeff.io/r/wick-chart.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/wick-chart.json"},{"name":"chart-line-live","title":"Live Line Chart","description":"A line chart that streams a new point every second, with an animated live value in the card header.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-line-live.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-line-live.json"},{"name":"chart-candlestick","title":"Candlestick Chart","description":"Live OHLC candles in your chart colors, with an OHLC info bar, a crosshair and a price badge.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-candlestick.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-candlestick.json"},{"name":"chart-order-book","title":"Order Book","description":"Cumulative bid and ask depth around the mid price in your chart colors, updated every second.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-order-book.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-order-book.json"},{"name":"chart-sparkline-cards","title":"Sparkline Cards","description":"Three KPI cards with a live value, a change badge and an edge-to-edge sparkline.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-sparkline-cards.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-sparkline-cards.json"},{"name":"chart-bar-grouped","title":"Grouped Bar Chart","description":"Two series side by side on a category axis, with a tooltip and a legend that toggles them.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-bar-grouped.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-bar-grouped.json"},{"name":"chart-pie-donut","title":"Donut Chart","description":"A donut with an animated total in the center; the slices resize as new data arrives.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-pie-donut.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-pie-donut.json"},{"name":"chart-band-latency","title":"Band Chart","description":"Live latency percentiles: a median line over p25–p75 and p5–p95 bands.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-band-latency.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-band-latency.json"},{"name":"chart-area-stacked","title":"Stacked Area Chart","description":"Two series stacked over three months, with a tooltip and a legend that toggles them.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-area-stacked.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-area-stacked.json"},{"name":"chart-heatmap","title":"Heatmap","description":"Sessions by weekday and hour on a ramp from your theme, with a cell tooltip.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-heatmap.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-heatmap.json"},{"name":"chart-line-annotations","title":"Annotated Line Chart","description":"An error rate with an SLO line, a shaded incident window and a deploy marker.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-line-annotations.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-line-annotations.json"},{"name":"chart-line-navigator","title":"Line Chart with Navigator","description":"A year of daily closes with a navigator strip to pick the visible window.","type":"registry:block","source_url":"https://wick-charts.eeff.io/r/chart-line-navigator.json","install_command":"npx shadcn@latest add https://wick-charts.eeff.io/r/chart-line-navigator.json"}]},{"id":"wigggle-ui","name":"@wigggle-ui","slug":"wigggle-ui","description":"Open-source registry of dashboard-style widget components for shadcn/ui, built with Next.js and Tailwind CSS. Centers on a composable Widget primitive with size (sm/md/lg), variant (default/secondary), and design (default/mumbai) props, plus sub-components for layout structuring. Each widget is a self-contained, copy-paste card suited for clocks, stats, activity panels, and similar dashboard tiles styled with class-variance-authority. Free and MIT-licensed. Use for: projects that need a consistent set of widget-card containers for internal dashboards or app home screens where you want ownership of the styling code and shadcn/ui compatibility.","author":"wigggle-ui","framework":"react","license":"MIT","tags":["accessibility","auth","buttons","cards","dashboard","forms","hooks","icons","loaders","maps","media","navigation","overlays","theming"],"categories":["Niche/single-purpose"],"labels":["featured","recently-updated"],"urls":{"website":"https://wigggle-ui.vercel.app","github":"https://github.com/wigggle-ui/ui","registry":"https://wigggle-ui.vercel.app/r/registry.json","source":"https://wigggle-ui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/wigggle-ui","markdown":"https://sh4dcn.netlify.app/md/wigggle-ui.md"},"logo":"<svg width='512' height='512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'> <rect x='64' y='64' width='384' height='384' rx='80' fill='var(--foreground)'/> <rect x='144' y='144' width='224' height='224' rx='40' fill='none' stroke='var(--background)' stroke-width='16'/> </svg>","preview_image":"https://wigggle-ui.vercel.app/opengraph-image.png?opengraph-image.1llp-63xuasoh.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":902,"open_issues":8,"last_commit":"2026-10-23T16:15:26Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://wigggle-ui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://wigggle-ui.vercel.app/r/registry.json","clone":"git clone https://github.com/wigggle-ui/ui.git","clone_degit":"npx degit wigggle-ui/ui","registry_fetch":"curl -s https://wigggle-ui.vercel.app/r/registry.json"},"component_count":119,"components":[{"name":"widget","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/widget.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/widget.json"},{"name":"icons","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/icons.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/icons.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/avatar.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/badge.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/button.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/button.json"},{"name":"carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/carousel.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/carousel.json"},{"name":"circular-progress","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/circular-progress.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/circular-progress.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/dialog.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dialog.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dropdown-menu.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/input.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/input.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/label.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/label.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/popover.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/progress.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/progress.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/select.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/select.json"},{"name":"scroll-area","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/scroll-area.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/scroll-area.json"},{"name":"separator","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/separator.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/separator.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/switch.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/switch.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/tabs.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/tabs.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/textarea.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/textarea.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/tooltip.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/tooltip.json"},{"name":"item","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/item.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/item.json"},{"name":"wheel-picker","title":null,"description":null,"type":"registry:ui","source_url":"https://wigggle-ui.vercel.app/r/wheel-picker.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/wheel-picker.json"},{"name":"utils","title":null,"description":null,"type":"registry:lib","source_url":"https://wigggle-ui.vercel.app/r/utils.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/utils.json"},{"name":"calendar-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-01.json"},{"name":"calendar-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-02.json"},{"name":"calendar-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-03.json"},{"name":"calendar-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-04.json"},{"name":"calendar-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-05.json"},{"name":"calendar-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-06.json"},{"name":"calendar-sm-07","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-07.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-07.json"},{"name":"calendar-sm-08","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-08.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-08.json"},{"name":"calendar-sm-09","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-09.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-09.json"},{"name":"calendar-sm-10","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-10.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-sm-10.json"},{"name":"calendar-md-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-md-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-01.json"},{"name":"calendar-md-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-md-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-02.json"},{"name":"calendar-md-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-md-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-03.json"},{"name":"calendar-md-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-md-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-04.json"},{"name":"calendar-md-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-md-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-05.json"},{"name":"calendar-md-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-md-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-md-06.json"},{"name":"calendar-lg-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-01.json"},{"name":"calendar-lg-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-02.json"},{"name":"calendar-lg-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-03.json"},{"name":"calendar-lg-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-04.json"},{"name":"calendar-lg-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-05.json"},{"name":"calendar-lg-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/calendar-lg-06.json"},{"name":"clock-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-01.json"},{"name":"clock-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-02.json"},{"name":"clock-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-03.json"},{"name":"clock-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-04.json"},{"name":"clock-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-05.json"},{"name":"clock-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-06.json"},{"name":"clock-sm-07","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-07.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-07.json"},{"name":"clock-sm-08","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-08.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-08.json"},{"name":"clock-sm-09","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-09.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-09.json"},{"name":"clock-sm-10","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-10.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-10.json"},{"name":"clock-sm-11","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-11.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-11.json"},{"name":"clock-sm-12","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-12.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-12.json"},{"name":"clock-sm-13","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/clock-sm-13.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/clock-sm-13.json"},{"name":"dashboard-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-01.json"},{"name":"dashboard-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-02.json"},{"name":"dashboard-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-03.json"},{"name":"dashboard-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-04.json"},{"name":"dashboard-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-05.json"},{"name":"dashboard-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-sm-06.json"},{"name":"dashboard-md-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-md-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-md-01.json"},{"name":"dashboard-md-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-md-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-md-02.json"},{"name":"dashboard-lg-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-lg-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-lg-01.json"},{"name":"dashboard-lg-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/dashboard-lg-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/dashboard-lg-02.json"},{"name":"media-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-01.json"},{"name":"media-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-02.json"},{"name":"media-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-03.json"},{"name":"media-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-04.json"},{"name":"media-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-05.json"},{"name":"media-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-06.json"},{"name":"media-sm-07","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-07.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-07.json"},{"name":"media-sm-08","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-sm-08.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-sm-08.json"},{"name":"media-md-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-md-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-md-01.json"},{"name":"media-md-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-md-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-md-02.json"},{"name":"media-md-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-md-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-md-03.json"},{"name":"media-md-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-md-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-md-04.json"},{"name":"media-md-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/media-md-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/media-md-05.json"},{"name":"productivity-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-01.json"},{"name":"productivity-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-02.json"},{"name":"productivity-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-03.json"},{"name":"productivity-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-04.json"},{"name":"productivity-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-05.json"},{"name":"productivity-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-06.json"},{"name":"productivity-sm-07","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-sm-07.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-sm-07.json"},{"name":"productivity-md-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-md-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-md-01.json"},{"name":"productivity-md-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-md-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-md-02.json"},{"name":"productivity-md-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-md-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-md-03.json"},{"name":"productivity-md-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/productivity-md-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/productivity-md-04.json"},{"name":"sports-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-01.json"},{"name":"sports-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-02.json"},{"name":"sports-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-03.json"},{"name":"sports-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-04.json"},{"name":"sports-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-05.json"},{"name":"sports-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-06.json"},{"name":"sports-sm-07","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/sports-sm-07.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/sports-sm-07.json"},{"name":"stock-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/stock-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/stock-sm-01.json"},{"name":"stock-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/stock-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/stock-sm-02.json"},{"name":"stock-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/stock-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/stock-sm-03.json"},{"name":"stock-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/stock-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/stock-sm-04.json"},{"name":"stock-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/stock-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/stock-sm-05.json"},{"name":"stock-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/stock-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/stock-sm-06.json"},{"name":"weather-sm-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-01.json"},{"name":"weather-sm-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-02.json"},{"name":"weather-sm-03","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-03.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-03.json"},{"name":"weather-sm-04","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-04.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-04.json"},{"name":"weather-sm-05","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-05.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-05.json"},{"name":"weather-sm-06","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-06.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-06.json"},{"name":"weather-sm-07","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-07.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-07.json"},{"name":"weather-sm-08","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-08.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-08.json"},{"name":"weather-sm-09","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-sm-09.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-sm-09.json"},{"name":"weather-md-01","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-md-01.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-md-01.json"},{"name":"weather-md-02","title":null,"description":null,"type":"registry:component","source_url":"https://wigggle-ui.vercel.app/r/weather-md-02.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-md-02.json"},{"name":"use-location","title":null,"description":null,"type":"registry:hook","source_url":"https://wigggle-ui.vercel.app/r/use-location.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/use-location.json"},{"name":"use-weather","title":null,"description":null,"type":"registry:hook","source_url":"https://wigggle-ui.vercel.app/r/use-weather.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/use-weather.json"},{"name":"weather-utils","title":null,"description":null,"type":"registry:lib","source_url":"https://wigggle-ui.vercel.app/r/weather-utils.json","install_command":"npx shadcn@latest add https://wigggle-ui.vercel.app/r/weather-utils.json"}]},{"id":"heatmap","name":"@heatmap","slug":"heatmap","description":"Beautiful, accessible heatmap components for React: GitHub-style calendar, weekday x hour matrix, date x hour, and status timeline. Built with shadcn/ui conventions.","author":null,"framework":"react","license":null,"tags":["accessibility","cards","charts","maps","pro-available"],"categories":["Charts/data viz"],"labels":["pro"],"urls":{"website":"https://shadcn-heatmap.pages.dev","github":null,"registry":"https://shadcn-heatmap.pages.dev/registry.json","source":"https://shadcn-heatmap.pages.dev/registry.json","page":"https://sh4dcn.netlify.app/registry/heatmap","markdown":"https://sh4dcn.netlify.app/md/heatmap.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='2' y='2' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.15'/><rect x='12' y='2' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.35'/><rect x='22' y='2' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.75'/><rect x='2' y='12' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.55'/><rect x='12' y='12' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='1'/><rect x='22' y='12' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.35'/><rect x='2' y='22' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.9'/><rect x='12' y='22' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.15'/><rect x='22' y='22' width='8' height='8' rx='1.5' fill='var(--foreground)' opacity='0.55'/></svg>","preview_image":"https://heatmap.chingru.com/og-calendar.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcn-heatmap.pages.dev/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-heatmap.pages.dev/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-heatmap.pages.dev/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-heatmap.pages.dev/registry.json","registry_fetch":"curl -s https://shadcn-heatmap.pages.dev/registry.json"},"component_count":4,"components":[{"name":"calendar-heatmap","title":"CalendarHeatmap","description":"GitHub-style yearly contribution heatmap with multi-year, weekStart, and i18n support.","type":"registry:component","source_url":"https://shadcn-heatmap.pages.dev/r/calendar-heatmap.json","install_command":"npx shadcn@latest add https://shadcn-heatmap.pages.dev/r/calendar-heatmap.json"},{"name":"weekday-heatmap","title":"WeekdayHeatmap","description":"Weekday by hour grid with optional aggregate rows and columns.","type":"registry:component","source_url":"https://shadcn-heatmap.pages.dev/r/weekday-heatmap.json","install_command":"npx shadcn@latest add https://shadcn-heatmap.pages.dev/r/weekday-heatmap.json"},{"name":"date-heatmap","title":"DateHeatmap","description":"Date by hour grid with optional aggregate rows and columns.","type":"registry:component","source_url":"https://shadcn-heatmap.pages.dev/r/date-heatmap.json","install_command":"npx shadcn@latest add https://shadcn-heatmap.pages.dev/r/date-heatmap.json"},{"name":"status-heatmap","title":"StatusHeatmap","description":"Timeline status indicator showing daily activity over a period (e.g. 90 days). Similar to Atlassian Statuspage.","type":"registry:component","source_url":"https://shadcn-heatmap.pages.dev/r/status-heatmap.json","install_command":"npx shadcn@latest add https://shadcn-heatmap.pages.dev/r/status-heatmap.json"}]},{"id":"wxcn","name":"@wxcn","slug":"wxcn","description":"Theme-aware React weather, tide, and moon forecast components built with shadcn/ui.","author":"maxffarrell","framework":"react","license":"MIT","tags":["dashboard","theming"],"categories":["Dashboard/admin templates"],"labels":["recently-updated"],"urls":{"website":"https://wxcn.dev/react","github":"https://github.com/maxffarrell/wxcn-svelte","registry":"https://wxcn.dev/r/react/registry.json","source":"https://wxcn.dev/r/react/registry.json","page":"https://sh4dcn.netlify.app/registry/wxcn","markdown":"https://sh4dcn.netlify.app/md/wxcn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'><path d='M5 12a7 7 0 0 1 14 0M3 18c6-6 12 6 18 0'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":13,"last_commit":"2026-10-22T13:22:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://wxcn.dev/r/react/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://wxcn.dev/r/react/registry.json","install_bun":"bunx shadcn@latest add https://wxcn.dev/r/react/registry.json","clone":"git clone https://github.com/maxffarrell/wxcn-svelte.git","clone_degit":"npx degit maxffarrell/wxcn-svelte","registry_fetch":"curl -s https://wxcn.dev/r/react/registry.json"},"component_count":4,"components":[{"name":"weather-forecast","title":null,"description":"Weather forecast with optional atmospheric backgrounds.","type":"registry:component","source_url":"https://wxcn.dev/r/react/weather-forecast.json","install_command":"npx shadcn@latest add https://wxcn.dev/r/react/weather-forecast.json"},{"name":"moon-forecast","title":null,"description":"Lunar phase card with local cycle estimates.","type":"registry:component","source_url":"https://wxcn.dev/r/react/moon-forecast.json","install_command":"npx shadcn@latest add https://wxcn.dev/r/react/moon-forecast.json"},{"name":"tide-forecast","title":null,"description":"Coastal tide predictions with a theme-aware chart.","type":"registry:component","source_url":"https://wxcn.dev/r/react/tide-forecast.json","install_command":"npx shadcn@latest add https://wxcn.dev/r/react/tide-forecast.json"},{"name":"forecast-dashboard","title":null,"description":"Weather and moon for Austin, with a separate coastal tide card.","type":"registry:block","source_url":"https://wxcn.dev/r/react/forecast-dashboard.json","install_command":"npx shadcn@latest add https://wxcn.dev/r/react/forecast-dashboard.json"}]},{"id":"xcn","name":"@xcn","slug":"xcn","description":"Curated collection of hand-crafted, minimalist animated React components built with Tailwind CSS and Framer Motion (physics-based spring animations), distributed via the shadcn CLI (TanStack Start documentation site). Current components include Animated Cards (overlapping deck with hover scaling and per-card rotation), Animated Testimonials, Motion Button, Scroll Bars, Skeuomorphic Buttons, and Stamp. TypeScript throughout, Apache 2.0 licensed, early-stage with more components planned. Use for: projects needing a small set of highly polished, physics-animated UI accents — particularly stacked card and button effects — where minimal aesthetic and full code ownership are priorities.","author":"radiumcoders","framework":"react","license":"Apache-2.0","tags":["aesthetic","animation","buttons","cards","marketing","retro"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://ui.radiumcoders.com","github":"https://github.com/radiumcoders/ui","registry":"https://ui.radiumcoders.com/r/index.json","source":"https://ui.radiumcoders.com/r/index.json","page":"https://sh4dcn.netlify.app/registry/xcn","markdown":"https://sh4dcn.netlify.app/md/xcn.md"},"logo":"<svg width=\"270\" height=\"255\" viewBox=\"0 0 270 255\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M67.5004 3.08656C36.493 20.9887 13.8672 50.4752 4.60036 85.0594C-4.66646 119.644 0.184795 156.493 18.0869 187.5C35.989 218.507 65.4755 241.133 100.06 250.4C134.644 259.667 171.493 254.816 202.5 236.913L183.833 204.581C161.401 217.532 134.743 221.042 109.723 214.338C84.7028 207.634 63.3708 191.265 50.4196 168.833C37.4683 146.4 33.9587 119.742 40.6628 94.7223C47.3668 69.7024 63.7354 48.3705 86.1676 35.4192L67.5004 3.08656Z\" fill=\"#0A0A0A\"/><path d=\"M94.6007 49.785C76.0424 60.4599 62.5006 78.0426 56.9543 98.6651C51.4079 119.287 54.3115 141.26 65.0261 159.75C75.7408 178.24 93.3888 191.731 114.088 197.257C134.787 202.783 156.842 199.89 175.4 189.215L160.015 162.667C148.524 169.276 134.868 171.068 122.052 167.646C109.235 164.225 98.3076 155.871 91.6732 144.422C85.0388 132.974 83.241 119.368 86.6752 106.599C90.1094 93.8301 98.4943 82.9431 109.985 76.3333L94.6007 49.785Z\" fill=\"#0A0A0A\"/><path d=\"M165.614 120C165.614 136.569 152.132 150 135.502 150C118.872 150 105.391 136.569 105.391 120C105.391 103.431 118.872 90 135.502 90C152.132 90 165.614 103.431 165.614 120ZM117.419 120C117.419 129.95 125.515 113 135.502 113C145.489 113 153.585 129.95 153.585 120C153.585 110.05 145.489 101.984 135.502 101.984C125.515 101.984 117.419 110.05 117.419 120Z\" fill=\"#0A0A0A\"/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":9,"open_issues":0,"last_commit":"2026-04-25T12:35:50Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.radiumcoders.com/r/index.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.radiumcoders.com/r/index.json","install_bun":"bunx shadcn@latest add https://ui.radiumcoders.com/r/index.json","clone":"git clone https://github.com/radiumcoders/ui.git","clone_degit":"npx degit radiumcoders/ui","registry_fetch":"curl -s https://ui.radiumcoders.com/r/index.json"},"component_count":6,"components":[{"name":"animated-cards","title":"Animated Cards","description":"Overlapping animated cards with subtle hover zoom and per-card rotation.","type":"registry:component","source_url":"https://ui.radiumcoders.com/r/xcn/animated-cards.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/animated-cards.json"},{"name":"motion-btn","title":"Motion Button","description":"A button component with a motion effect.","type":"registry:component","source_url":"https://ui.radiumcoders.com/r/xcn/motion-btn.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/motion-btn.json"},{"name":"scroll-bars","title":"Scroll Bars","description":"Animated scroll bars component.","type":"registry:component","source_url":"https://ui.radiumcoders.com/r/xcn/scroll-bars.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/scroll-bars.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"Animated testimonials with blur effect.","type":"registry:component","source_url":"https://ui.radiumcoders.com/r/xcn/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/animated-testimonials.json"},{"name":"skeuomorphic-buttons","title":"Skeuomorphic Buttons","description":"A set of skeuomorphic buttons with realistic shadows and press effects.","type":"registry:component","source_url":"https://ui.radiumcoders.com/r/xcn/skeuomorphic-buttons.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/skeuomorphic-buttons.json"},{"name":"stamp","title":"Stamp","description":"A perforated edge stamp component with customizable colors.","type":"registry:component","source_url":"https://ui.radiumcoders.com/r/xcn/stamp.json","install_command":"npx shadcn@latest add https://ui.radiumcoders.com/r/xcn/stamp.json"}]},{"id":"saaskit","name":"@saaskit","slug":"saaskit","description":"10 essential shadcn/ui components for B2B SaaS: Pricing, Billing, Usage, and Onboarding. Minimalist Soft Brutalist design.","author":null,"framework":"react","license":null,"tags":["audio","cards","onboarding","overlays","payments","pro-available","retro","tables"],"categories":["E-commerce/payments"],"labels":["pro"],"urls":{"website":"https://saaskit-theta.vercel.app","github":null,"registry":"https://saaskit-theta.vercel.app/registry.json","source":"https://saaskit-theta.vercel.app/registry.json","page":"https://sh4dcn.netlify.app/registry/saaskit","markdown":"https://sh4dcn.netlify.app/md/saaskit.md"},"logo":"<svg width='103' height='127' viewBox='0 0 103 127' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.498665 45.1914C0.659686 44.989 1.02587 44.7172 1.3127 44.5871C1.81337 44.3595 2.69069 44.3503 23.6984 44.3475C47.0735 44.3447 46.7805 44.3378 51.5463 44.9898C55.1066 45.4769 60.6135 46.6393 64.862 47.7998C76.3588 50.9411 84.7278 55.2326 90.7542 61.077C93.9705 64.1964 95.8964 66.8707 97.709 70.7345C98.8474 73.161 99.5152 75.6258 99.7864 78.4022C99.862 79.1754 99.9533 79.9933 99.9893 80.2196C100.043 80.56 99.9783 80.7149 99.6124 81.1143C99.4649 81.2753 99.3172 81.4361 99.1697 81.5971C91.2324 81.5971 83.2955 81.5971 75.3582 81.5971C50.3837 81.5971 50.5662 81.6007 45.3709 81.0189C37.2346 80.1073 29.3101 78.2417 23.5828 75.8889C21.18 74.9019 17.3877 72.9247 15.5279 71.6893C10.4051 68.2862 5.88482 63.2987 3.3705 58.2744C1.4824 54.5017 0.503512 50.8988 0.280737 46.9006C0.210307 45.6359 0.222812 45.5376 0.498665 45.1914Z' fill='currentColor'/><path d='M57.0295 2.46928C57.4085 1.28727 58.1707 0.498999 59.2476 0.174916C59.7301 0.0294619 63.2131 -0.000141106 79.586 0.000879628C86.1712 0.00138999 92.7567 0.00190161 99.342 0.00215679C99.5551 0.101678 99.7679 0.200946 99.981 0.300468C100.332 0.464296 100.833 0.835078 101.094 1.12446C102.03 2.16229 101.969 0.312471 101.932 26.7155C101.92 34.6155 101.909 42.5152 101.898 50.4149C101.797 50.5775 101.696 50.7403 101.595 50.9028C101.224 51.4995 100.562 51.9486 99.7623 52.1469C98.9189 52.3556 98.0857 52.1305 96.9407 51.3833C90.8475 47.4084 85.6752 44.7496 78.3197 41.8122C72.2012 39.3685 70.0026 38.2363 67.0736 36.0218C62.0018 32.1872 58.5178 26.9245 57.2171 21.1331C56.9428 19.9111 56.9326 19.6094 56.8963 11.4374C56.866 4.66181 56.8922 2.89773 57.0295 2.46928Z' fill='currentColor'/><path d='M0.866944 88.2934C0.993515 87.6455 1.56895 86.714 2.08672 86.3193C3.00819 85.6162 2.89948 85.6226 13.6468 85.6226C19.7686 85.6226 23.9804 85.6739 24.6488 85.7563C31.0503 86.5459 37.2571 89.7561 41.2653 94.3507C44.0835 97.581 45.8788 101.266 46.7155 105.538C46.8293 106.12 46.9434 106.702 47.0574 107.284C47.074 110.011 47.0904 112.737 47.1069 115.464C47.1562 123.557 47.1539 123.652 46.8849 124.371C46.6862 124.902 46.4299 125.265 45.9336 125.719C44.6809 126.864 46.5889 126.773 23.8049 126.773C17.1022 126.773 10.3993 126.773 3.69667 126.773C3.45271 126.682 3.20851 126.59 2.96455 126.499C1.92009 126.108 1.07976 125.241 0.890673 124.36C0.730162 123.612 0.707454 89.1097 0.866944 88.2934Z' fill='currentColor'/><path d='M52.2399 90.4783C52.5612 89.4323 53.2084 88.6662 54.2151 88.14C54.4759 88.0037 54.7364 87.8675 54.997 87.7315C62.4853 87.7202 69.9737 87.709 77.462 87.698C84.9501 87.6868 92.4387 87.6758 99.9271 87.6646C100.139 87.7557 100.35 87.8466 100.562 87.9377C101.53 88.3541 101.921 88.8788 102.031 89.91C102.166 91.168 101.973 95.5406 101.701 97.407C100.642 104.665 97.1175 111.662 91.8658 116.932C87.0077 121.807 81.0867 124.954 74.1663 126.338C73.5697 126.458 72.9736 126.577 72.377 126.696C69.5309 126.712 66.6843 126.727 63.8383 126.742C54.1827 126.794 54.5524 126.827 53.4207 125.809C53.0479 125.474 52.672 124.974 52.4903 124.572C52.3887 124.347 52.2869 124.122 52.1853 123.898C52.1782 118.381 52.1708 112.864 52.1634 107.348C52.1514 98.2458 52.1858 90.6543 52.2399 90.4783Z' fill='currentColor'/><path d='M0.066435 30.7985C0.529082 22.2828 3.58796 15.0879 9.11626 9.51186C13.6606 4.92774 19.5078 1.82779 25.9783 0.571266C28.5429 0.0734027 30.0742 0.000665993 38.0094 0.000155626C46.5346 -0.000354741 46.2692 -0.0279187 47.3851 0.975207C47.8324 1.37763 48.0948 1.74969 48.2805 2.24628C48.5406 2.94166 48.5431 3.11264 48.5431 19.3405C48.5431 24.8042 48.5431 30.2682 48.5431 35.7322C48.4329 35.9535 48.3229 36.1747 48.2124 36.396C48.0304 36.7611 47.65 37.2582 47.367 37.5004C46.3161 38.3999 48.0356 38.3384 23.9797 38.3384C0.162638 38.3384 1.91677 38.3963 0.87945 37.5746C0.0429593 36.9122 -0.0223699 36.6386 0.0046795 33.9102C0.0176939 32.5853 0.04551 31.1851 0.066435 30.7985Z' fill='currentColor'/></svg>","preview_image":"https://saaskit-theta.vercel.app/og-image.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://saaskit-theta.vercel.app/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://saaskit-theta.vercel.app/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://saaskit-theta.vercel.app/registry.json","install_bun":"bunx shadcn@latest add https://saaskit-theta.vercel.app/registry.json","registry_fetch":"curl -s https://saaskit-theta.vercel.app/registry.json"},"component_count":10,"components":[{"name":"pricing-table","title":"PricingTable","description":"Plans, toggle mensuel/annuel, highlight plan recommandé","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/pricing-table.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/pricing-table.json"},{"name":"trial-banner","title":"TrialBanner","description":"Bandeau J jours restants avec CTA upgrade","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/trial-banner.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/trial-banner.json"},{"name":"usage-meter","title":"UsageMeter","description":"Barre de quota avec seuils d'alerte (warn / danger)","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/usage-meter.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/usage-meter.json"},{"name":"onboarding-steps","title":"OnboardingSteps","description":"Checklist de setup avec progression et skip","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/onboarding-steps.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/onboarding-steps.json"},{"name":"upgrade-modal","title":"UpgradeModal","description":"Modal de passage au plan supérieur, avec feature gate","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/upgrade-modal.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/upgrade-modal.json"},{"name":"team-invite","title":"TeamInvite","description":"Invitation par email avec sélection de rôle","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/team-invite.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/team-invite.json"},{"name":"invoice-row","title":"InvoiceRow","description":"Ligne de facture avec statut, montant, téléchargement","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/invoice-row.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/invoice-row.json"},{"name":"plan-badge","title":"PlanBadge","description":"Badge Free / Pro / Enterprise dans le header","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/plan-badge.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/plan-badge.json"},{"name":"api-key-card","title":"ApiKeyCard","description":"Affichage + rotation de clé API masquée","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/api-key-card.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/api-key-card.json"},{"name":"feature-gate","title":"FeatureGate","description":"Wrapper qui bloque ou affiche un slot selon le plan","type":"registry:component","source_url":"https://saaskit-theta.vercel.app/r/feature-gate.json","install_command":"npx shadcn@latest add https://saaskit-theta.vercel.app/r/feature-gate.json"}]},{"id":"saastro","name":"@saastro","slug":"saastro","description":"Landing page blocks for Astro. Zero-JS .astro blocks with no dependencies — installable in an Astro project without React — plus interactive React blocks on Base UI.","author":null,"framework":"react","license":null,"tags":["auth","blocks","buttons","cards","cms","forms","icons","loaders","marketing","media","navigation","overlays","tables"],"categories":["Forms"],"labels":[],"urls":{"website":"https://ui.saastro.io","github":null,"registry":"https://ui.saastro.io/r/registry.json","source":"https://ui.saastro.io/r/registry.json","page":"https://sh4dcn.netlify.app/registry/saastro","markdown":"https://sh4dcn.netlify.app/md/saastro.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='3' y='3' width='26' height='26' rx='7' fill='var(--foreground)'/><path d='M20.5 11.2c-.7-1.4-2.3-2.2-4.3-2.2-2.8 0-4.8 1.5-4.8 3.7 0 1.9 1.4 3 3.9 3.5l1.7.4c1.6.3 2.3.8 2.3 1.7 0 1-1.1 1.7-2.7 1.7-1.7 0-2.9-.7-3.3-2h-2.5c.4 2.6 2.6 4.2 5.7 4.2 3.1 0 5.3-1.6 5.3-4 0-2-1.3-3.1-4-3.6l-1.7-.4c-1.5-.3-2.2-.8-2.2-1.6 0-1 1-1.6 2.4-1.6 1.4 0 2.4.6 2.7 1.7z' fill='var(--background)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.saastro.io/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.saastro.io/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.saastro.io/r/registry.json","registry_fetch":"curl -s https://ui.saastro.io/r/registry.json"},"component_count":54,"components":[{"name":"hero-01","title":"Hero — Centered","description":"Centered hero with badge, heading, description, and dual CTA buttons. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/hero-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/hero-01.json"},{"name":"hero-02","title":"Hero — Split with Image","description":"Split hero with content on the left and image or screenshot on the right. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/hero-02.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/hero-02.json"},{"name":"hero-03","title":"Hero — Gradient","description":"Hero with gradient background, floating badge, and a single prominent CTA. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/hero-03.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/hero-03.json"},{"name":"features-01","title":"Features — Icon Grid","description":"3-column feature grid with icons, titles, and descriptions in cards. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/features-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/features-01.json"},{"name":"features-02","title":"Features — Alternating","description":"Alternating image and text sections to showcase features. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/features-02.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/features-02.json"},{"name":"steps-01","title":"Steps — Numbered How-It-Works","description":"Numbered steps for a how-it-works section, with optional eyebrow and description. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/steps-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/steps-01.json"},{"name":"pricing-01","title":"Pricing — 3 Tiers","description":"Three-tier pricing cards with monthly/annual toggle and feature lists.","type":"registry:block","source_url":"https://ui.saastro.io/r/pricing-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/pricing-01.json"},{"name":"compare-01","title":"Compare — Two-column table","description":"Two-column comparison of paired statements, with column labels and check/cross marks. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/compare-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/compare-01.json"},{"name":"cta-01","title":"CTA — Gradient Banner","description":"Full-width CTA banner with gradient background, heading, and action buttons. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/cta-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/cta-01.json"},{"name":"faq-01","title":"FAQ — Accordion","description":"FAQ section with accordion for expandable questions and answers.","type":"registry:block","source_url":"https://ui.saastro.io/r/faq-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/faq-01.json"},{"name":"faq-02","title":"FAQ — sin JavaScript","description":"FAQ con `<details>` nativo: cero JS, respuestas dentro del HTML servido e indexables. El hermano sin hidratar de faq-01.","type":"registry:block","source_url":"https://ui.saastro.io/r/faq-02.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/faq-02.json"},{"name":"testimonials-01","title":"Testimonials — Card Grid","description":"Testimonial grid with avatar, name, role, and quote cards. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/testimonials-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/testimonials-01.json"},{"name":"footer-01","title":"Footer — Multi-Column","description":"Multi-column footer with navigation links, social icons, and copyright. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/footer-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/footer-01.json"},{"name":"navbar-01","title":"Navbar — Responsive","description":"Responsive navbar with desktop navigation and mobile hamburger menu.","type":"registry:block","source_url":"https://ui.saastro.io/r/navbar-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/navbar-01.json"},{"name":"blog-grid-01","title":"Blog — Post Grid","description":"Responsive grid of blog post cards with image, title, excerpt, and metadata. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/blog-grid-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/blog-grid-01.json"},{"name":"newsletter-01","title":"Newsletter — Signup","description":"Email newsletter signup section with input and submit button. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/newsletter-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/newsletter-01.json"},{"name":"stats-01","title":"Stats — Counter Row","description":"Row of key statistics with large numbers and labels. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/stats-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/stats-01.json"},{"name":"logos-01","title":"Logos — Trusted By","description":"\"Trusted by\" logo cloud section with grayscale hover effect. Zero-JS Astro component.","type":"registry:block","source_url":"https://ui.saastro.io/r/logos-01.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/logos-01.json"},{"name":"button-pro","title":"Button Pro","description":"Enhanced button with CVA variants, icon effects, shine, gooey, underline, and gradient animations.","type":"registry:ui","source_url":"https://ui.saastro.io/r/button-pro.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/button-pro.json"},{"name":"button","title":"Button","description":"El botón base sobre Base UI. Variantes CVA (variant, size) y `render` en vez de `asChild`.","type":"registry:ui","source_url":"https://ui.saastro.io/r/button.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/button.json"},{"name":"badge","title":"Badge","description":"Etiqueta compacta con variantes CVA.","type":"registry:ui","source_url":"https://ui.saastro.io/r/badge.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/badge.json"},{"name":"separator","title":"Separator","description":"Separador horizontal o vertical, accesible.","type":"registry:ui","source_url":"https://ui.saastro.io/r/separator.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/separator.json"},{"name":"card","title":"Card","description":"Tarjeta y sus partes (header, title, description, content, footer). Markup puro, sin dependencias.","type":"registry:ui","source_url":"https://ui.saastro.io/r/card.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/card.json"},{"name":"accordion","title":"Accordion","description":"Acordeón sobre Base UI, con animación de altura por CSS.","type":"registry:ui","source_url":"https://ui.saastro.io/r/accordion.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/accordion.json"},{"name":"sheet","title":"Sheet","description":"Panel lateral (drawer) sobre Base UI Dialog, con los cuatro lados.","type":"registry:ui","source_url":"https://ui.saastro.io/r/sheet.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/sheet.json"},{"name":"input","title":"Input","description":"Campo de texto sobre Base UI, con los estados de foco e invalidez del sistema.","type":"registry:ui","source_url":"https://ui.saastro.io/r/input.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/input.json"},{"name":"label","title":"Label","description":"Etiqueta de campo. La necesita `field`, y es markup puro.","type":"registry:ui","source_url":"https://ui.saastro.io/r/label.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/label.json"},{"name":"textarea","title":"Textarea","description":"Área de texto multilínea.","type":"registry:ui","source_url":"https://ui.saastro.io/r/textarea.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/textarea.json"},{"name":"select","title":"Select","description":"Desplegable sobre Base UI. Pasa `items` al Root: sin eso el trigger pinta el value crudo en vez de la etiqueta.","type":"registry:ui","source_url":"https://ui.saastro.io/r/select.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/select.json"},{"name":"checkbox","title":"Checkbox","description":"Casilla sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"Grupo de opciones excluyentes sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/radio-group.json"},{"name":"switch","title":"Switch","description":"Interruptor sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/switch.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/switch.json"},{"name":"field","title":"Field","description":"Envoltorio de campo: label, descripción y error. Es lo que consume @saastro/forms.","type":"registry:ui","source_url":"https://ui.saastro.io/r/field.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/field.json"},{"name":"form","title":"Form","description":"Puente entre react-hook-form y los primitivos. FormField/FormControl.","type":"registry:ui","source_url":"https://ui.saastro.io/r/form.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/form.json"},{"name":"dialog","title":"Dialog","description":"Modal sobre Base UI, con backdrop y cierre accesible.","type":"registry:ui","source_url":"https://ui.saastro.io/r/dialog.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/dialog.json"},{"name":"popover","title":"Popover","description":"Panel flotante anclado sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/popover.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Ayuda contextual sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/tooltip.json"},{"name":"scroll-area","title":"Scroll Area","description":"Área con scroll y barra propia.","type":"registry:ui","source_url":"https://ui.saastro.io/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/scroll-area.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Menú de navegación con submenús, sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/navigation-menu.json"},{"name":"slider","title":"Slider","description":"Control de rango sobre Base UI. Con un thumb emite NÚMERO PLANO, no array.","type":"registry:ui","source_url":"https://ui.saastro.io/r/slider.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/slider.json"},{"name":"native-select","title":"Native Select","description":"`<select>` nativo estilado. La opción sin JS cuando no hace falta un desplegable rico.","type":"registry:ui","source_url":"https://ui.saastro.io/r/native-select.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/native-select.json"},{"name":"input-group","title":"Input Group","description":"Input con addons (prefijo, sufijo, botón).","type":"registry:ui","source_url":"https://ui.saastro.io/r/input-group.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"Campo de código de un solo uso.","type":"registry:ui","source_url":"https://ui.saastro.io/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/input-otp.json"},{"name":"calendar","title":"Calendar","description":"Calendario sobre react-day-picker, con la navegación y los estilos del sistema.","type":"registry:ui","source_url":"https://ui.saastro.io/r/calendar.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/calendar.json"},{"name":"avatar","title":"Avatar","description":"Imagen de persona con iniciales de reserva, sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/avatar.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/avatar.json"},{"name":"skeleton","title":"Skeleton","description":"El hueco de lo que está cargando, con la forma que va a tener.","type":"registry:ui","source_url":"https://ui.saastro.io/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/skeleton.json"},{"name":"progress","title":"Progress","description":"Barra de avance sobre Base UI. `value={null}` es indeterminado.","type":"registry:ui","source_url":"https://ui.saastro.io/r/progress.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/progress.json"},{"name":"alert","title":"Alert","description":"El aviso que ya está en la página, no el que interrumpe.","type":"registry:ui","source_url":"https://ui.saastro.io/r/alert.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/alert.json"},{"name":"table","title":"Table","description":"Tabla nativa con su propio scroll horizontal.","type":"registry:ui","source_url":"https://ui.saastro.io/r/table.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/table.json"},{"name":"tabs","title":"Tabs","description":"Pestañas sobre Base UI, con indicador deslizante.","type":"registry:ui","source_url":"https://ui.saastro.io/r/tabs.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/tabs.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Menú desplegable sobre Base UI: items, checkbox, radio y submenús.","type":"registry:ui","source_url":"https://ui.saastro.io/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/dropdown-menu.json"},{"name":"context-menu","title":"Context Menu","description":"El menú del botón derecho, sobre Base UI.","type":"registry:ui","source_url":"https://ui.saastro.io/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/context-menu.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"El diálogo que exige respuesta: no se cierra con Escape ni pinchando fuera.","type":"registry:ui","source_url":"https://ui.saastro.io/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/alert-dialog.json"},{"name":"command","title":"Command","description":"Lista con buscador y teclado sobre Base UI Autocomplete. Misma API que el command de shadcn, sin cmdk (que trae Radix).","type":"registry:ui","source_url":"https://ui.saastro.io/r/command.json","install_command":"npx shadcn@latest add https://ui.saastro.io/r/command.json"}]},{"id":"xevrion","name":"@xevrion","slug":"xevrion","description":"A lab of small, crafted interaction experiments for React, built with Tailwind CSS v4 and Motion. Buttons, inputs, cards and playful objects, each with a live demo.","author":"xevrion","framework":"react","license":"MIT","tags":["3d","animation","auth","blocks","buttons","cards","charts","dashboard","editor","forms","icons","loaders","maps","media","navigation","onboarding","overlays","pro-available","tables","text-effects","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://lab.xevrion.dev","github":"https://github.com/xevrion/ui-lab","registry":"https://lab.xevrion.dev/r/registry.json","source":"https://lab.xevrion.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/xevrion","markdown":"https://sh4dcn.netlify.app/md/xevrion.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='7' fill='currentColor'/><g fill='var(--background)'><circle cx='9.6' cy='9.6' r='1.6'/><circle cx='16' cy='9.6' r='1.6'/><circle cx='22.4' cy='9.6' r='1.6'/><circle cx='9.6' cy='16' r='1.6'/><circle cx='16' cy='16' r='1.6'/><circle cx='22.4' cy='16' r='1.6'/><circle cx='9.6' cy='22.4' r='1.6'/><circle cx='16' cy='22.4' r='1.6'/><circle cx='22.4' cy='22.4' r='1.6'/></g></svg>","preview_image":"https://lab.xevrion.dev/opengraph-image?761396e311a99508","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://lab.xevrion.dev/lab/pricing-toggle"},"metrics":{"github_stars":88,"open_issues":2,"last_commit":"2026-10-01T17:26:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://lab.xevrion.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://lab.xevrion.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://lab.xevrion.dev/r/registry.json","clone":"git clone https://github.com/xevrion/ui-lab.git","clone_degit":"npx degit xevrion/ui-lab","registry_fetch":"curl -s https://lab.xevrion.dev/r/registry.json"},"component_count":204,"components":[{"name":"odometer","title":"Odometer","description":"Rolls forward like a mechanical counter and wraps from 999 back to 000.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/odometer.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/odometer.json"},{"name":"hold-to-delete","title":"Hold to delete","description":"Fills slowly while you commit to it, snaps back the moment you let go.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/hold-to-delete.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/hold-to-delete.json"},{"name":"segmented-control","title":"Segmented control","description":"The pill stretches toward your pick like an inchworm, recoloring each label as its edge crosses.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/segmented-control.json"},{"name":"tilt-card","title":"Tilt card","description":"Leans toward your cursor with a glare that follows the light.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tilt-card.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tilt-card.json"},{"name":"dock","title":"Dock","description":"Icons swell as your cursor nears them, and launch with a macOS-style bounce.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/dock.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/dock.json"},{"name":"sheet","title":"Sheet","description":"Drag it down or flick it away; pull it up and it pushes back.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sheet.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sheet.json"},{"name":"toast-stack","title":"Toast stack","description":"Stacks with depth, fans out on hover, and each toast's edge drains as its timer.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/toast-stack.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/toast-stack.json"},{"name":"elastic-slider","title":"Elastic slider","description":"Stretches like rubber when you drag past the end, then springs back.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/elastic-slider.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/elastic-slider.json"},{"name":"magnetic-button","title":"Magnetic button","description":"Stretches toward your cursor like soft rubber on a magnet, then wobbles home.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/magnetic-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/magnetic-button.json"},{"name":"text-scramble","title":"Text scramble","description":"Hover a word and a block cursor reads it in, one letter at a time.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/text-scramble.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/text-scramble.json"},{"name":"swipe-deck","title":"Swipe deck","description":"Fling a card away and the rest of the deck steps forward.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/swipe-deck.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/swipe-deck.json"},{"name":"scroll-reveal","title":"Scroll reveal","description":"Words light up one by one as you scroll through them.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/scroll-reveal.json"},{"name":"copy-button","title":"Copy button","description":"The two pages merge into one before a check draws itself in.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/copy-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/copy-button.json"},{"name":"expanding-search","title":"Expanding search","description":"Opens from a circle into a search field, and closes faster than it opens.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/expanding-search.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/expanding-search.json"},{"name":"accordion","title":"Accordion","description":"Answers unfold from under their question like a folded flap, and the row you clicked never moves.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/accordion.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/accordion.json"},{"name":"expanding-card","title":"Expanding card","description":"Grows from its slot into a detail view and folds back when you are done.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/expanding-card.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/expanding-card.json"},{"name":"otp-input","title":"OTP input","description":"Six slots mirror one real input, so paste and SMS autofill just work.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/otp-input.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/otp-input.json"},{"name":"toggle-switch","title":"Toggle switch","description":"Leans into the move when pressed, then springs across and squashes on landing.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/toggle-switch.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/toggle-switch.json"},{"name":"command-palette","title":"Command palette","description":"Opens on ⌘K and filters commands as you type.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/command-palette.json"},{"name":"marquee","title":"Marquee","description":"Drifts endlessly past a reading lens, and brakes gently when you hover.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/marquee.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/marquee.json"},{"name":"reorder-list","title":"Reorder list","description":"Picks rows up by the handle and slides the rest out of the way.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/reorder-list.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/reorder-list.json"},{"name":"compare-slider","title":"Compare slider","description":"Drag the line to see what polish actually changes.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/compare-slider.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/compare-slider.json"},{"name":"multi-step-form","title":"Multi-step form","description":"Slides between steps while the card grows around each one.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/multi-step-form.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/multi-step-form.json"},{"name":"upload-button","title":"Upload button","description":"Shrinks into a progress ring, fills, then checks off.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/upload-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/upload-button.json"},{"name":"tooltip-group","title":"Tooltip group","description":"One tooltip slides from button to button and reshapes around each label.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tooltip-group.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tooltip-group.json"},{"name":"dropdown-menu","title":"Dropdown menu","description":"Grows out of its trigger, and press, drag, release picks an item like a native menu.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/dropdown-menu.json"},{"name":"dynamic-island","title":"Dynamic island","description":"Morphs between live states with a springy, Apple-style bounce.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/dynamic-island.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/dynamic-island.json"},{"name":"scrub-input","title":"Scrub input","description":"Drag the label and a tape measure runs under the needle, or just type.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/scrub-input.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/scrub-input.json"},{"name":"star-rating","title":"Star rating","description":"Hover to preview, click to commit with a little pop.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/star-rating.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/star-rating.json"},{"name":"like-button","title":"Like button","description":"Pops, bursts and rolls the count when you like.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/like-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/like-button.json"},{"name":"sliding-tabs","title":"Sliding tabs","description":"An underline stretches toward the tab you pick while a soft pill follows your pointer.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sliding-tabs.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sliding-tabs.json"},{"name":"page-dots","title":"Page dots","description":"A pill that inches between pages like a worm and counts down to the next.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/page-dots.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/page-dots.json"},{"name":"collapsible-sidebar","title":"Collapsible sidebar","description":"Folds down to an icon rail, with labels that step aside before it closes.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/collapsible-sidebar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/collapsible-sidebar.json"},{"name":"snap-carousel","title":"Snap carousel","description":"Snaps cards to center, drags with the mouse, and each card acts out its motion principle.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/snap-carousel.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/snap-carousel.json"},{"name":"skeleton-loader","title":"Skeleton loader","description":"Holds the exact shape of what is coming, so nothing jumps.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/skeleton-loader.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/skeleton-loader.json"},{"name":"context-menu","title":"Context menu","description":"Opens at your cursor and grows from it.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/context-menu.json"},{"name":"notification-bell","title":"Notification bell","description":"Rings when something new arrives, and the badge rolls up with each one.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/notification-bell.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/notification-bell.json"},{"name":"avatar-stack","title":"Avatar stack","description":"Fans open when you reach for it, with a name above each face.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/avatar-stack.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/avatar-stack.json"},{"name":"morphing-button","title":"Morphing button","description":"Shrinks into a spinner while it saves, then answers with a check or a shake.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/morphing-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/morphing-button.json"},{"name":"kanban-board","title":"Kanban board","description":"Lift a card and the others slide aside to make room for it.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/kanban-board.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/kanban-board.json"},{"name":"color-swatches","title":"Color swatches","description":"The ring glides to the color you pick and the color floods the preview from that side.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/color-swatches.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/color-swatches.json"},{"name":"mini-calendar","title":"Mini calendar","description":"Months slide past in the direction you travel.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/mini-calendar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/mini-calendar.json"},{"name":"floating-label","title":"Floating label","description":"The label peels up letter by letter, and never covers what you wrote.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/floating-label.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/floating-label.json"},{"name":"password-field","title":"Password field","description":"Reveals the password with a wave of dots turning into letters; the meter fills as it gets stronger.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/password-field.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/password-field.json"},{"name":"filter-list","title":"Filter list","description":"Rows fade out of the way while the rest slide up to close the gap.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/filter-list.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/filter-list.json"},{"name":"gauge","title":"Gauge","description":"Ticks light up as the value sweeps in, and a peak marker holds where it was before falling.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/gauge.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/gauge.json"},{"name":"sparkline","title":"Sparkline","description":"Draws itself in, then scrubs to the nearest point under your cursor.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sparkline.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sparkline.json"},{"name":"bar-chart","title":"Bar chart","description":"Grows its bars from the baseline and springs them between two weeks.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/bar-chart.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/bar-chart.json"},{"name":"stacked-drawer","title":"Stacked drawer","description":"Stacks iOS sheets that push the page back and drag down to dismiss.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/stacked-drawer.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/stacked-drawer.json"},{"name":"confetti-button","title":"Confetti button","description":"A click pops confetti; hold it and the fuse burns until the whole thing blows.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/confetti-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/confetti-button.json"},{"name":"typewriter","title":"Typewriter","description":"Types, pauses and rewrites the last word with a human rhythm.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/typewriter.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/typewriter.json"},{"name":"tag-input","title":"Tag input","description":"Your typed words stay put while a chip forms around them.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tag-input.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tag-input.json"},{"name":"range-slider","title":"Range slider","description":"Two thumbs that glide, stop at each other, and show their value as you drag.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/range-slider.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/range-slider.json"},{"name":"number-stepper","title":"Number stepper","description":"Rolls each digit the way the count moves, and speeds up the longer you hold.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/number-stepper.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/number-stepper.json"},{"name":"select-menu","title":"Select menu","description":"Opens with your current choice sitting exactly on the button, macOS style.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/select-menu.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/select-menu.json"},{"name":"undo-toast","title":"Undo toast","description":"Deletes instantly and gives you five seconds to change your mind.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/undo-toast.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/undo-toast.json"},{"name":"file-dropzone","title":"File dropzone","description":"Its dashed edge marches when a file enters the window and seals solid when it is overhead.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/file-dropzone.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/file-dropzone.json"},{"name":"chat-thread","title":"Chat thread","description":"Replies arrive after a beat of typing, and the thread follows only if you are.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/chat-thread.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/chat-thread.json"},{"name":"loader-set","title":"Loader set","description":"Four loaders that each know how to finish: leapfrog dots, an inchworm bar, a ring that closes into a check.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/loader-set.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/loader-set.json"},{"name":"wheel-picker","title":"Wheel picker","description":"Spins through the hours on a curved drum, just like iOS.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/wheel-picker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/wheel-picker.json"},{"name":"slide-to-confirm","title":"Slide to confirm","description":"Drag the knob all the way across to confirm.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/slide-to-confirm.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/slide-to-confirm.json"},{"name":"pull-to-refresh","title":"Pull to refresh","description":"Pull the feed down and new posts slide in at the top.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/pull-to-refresh.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/pull-to-refresh.json"},{"name":"hover-card","title":"Hover card","description":"One card travels between names as you hover them.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/hover-card.json"},{"name":"tree-view","title":"Tree view","description":"Folders unfold in place while the selection glides to the file you pick.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tree-view.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tree-view.json"},{"name":"pricing-toggle","title":"Pricing toggle","description":"Each digit rolls to its new price on its own, and new digits grow in.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/pricing-toggle.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/pricing-toggle.json"},{"name":"reading-progress","title":"Reading progress","description":"A progress bar fills as you read while the time left counts down.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/reading-progress.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/reading-progress.json"},{"name":"code-block","title":"Code block","description":"Switch files with a sliding underline and copy with one click.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/code-block.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/code-block.json"},{"name":"wave-text","title":"Wave text","description":"Letters rise in a wave that follows your cursor.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/wave-text.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/wave-text.json"},{"name":"dot-grid","title":"Dot grid","description":"Dots swell and part around your cursor, and a click sends a shockwave.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/dot-grid.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/dot-grid.json"},{"name":"spotlight-card","title":"Spotlight card","description":"The cursor is a lamp: cards catch its glow and their icons cast shadows away from it.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/spotlight-card.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/spotlight-card.json"},{"name":"story-progress","title":"Story progress","description":"Tap through stories, hold to pause.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/story-progress.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/story-progress.json"},{"name":"data-table","title":"Data table","description":"Sorts, selects and bulk-acts on rows without losing its place.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/data-table.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/data-table.json"},{"name":"combobox","title":"Combobox","description":"The person you pick flies out of the list and into the field.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/combobox.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/combobox.json"},{"name":"date-range-picker","title":"Date range picker","description":"Paints the range as you hover, then commits it on the second click.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/date-range-picker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/date-range-picker.json"},{"name":"inline-edit","title":"Inline edit","description":"Edits your name and bio in place without moving a pixel.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/inline-edit.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/inline-edit.json"},{"name":"dialog","title":"Dialog","description":"Opens a modal over the page, with a confirmation that stacks on top of it.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/dialog.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/dialog.json"},{"name":"pagination","title":"Pagination","description":"Numbers roll in place like an odometer; the one you click never moves.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/pagination.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/pagination.json"},{"name":"announcement-banner","title":"Announcement banner","description":"Dismissing folds the bar away and the page slides up to fill the gap.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/announcement-banner.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/announcement-banner.json"},{"name":"shortcut-sheet","title":"Shortcut sheet","description":"Press ? anywhere to see every shortcut, then press one to watch it light up.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/shortcut-sheet.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/shortcut-sheet.json"},{"name":"spring-playground","title":"Spring playground","description":"Tune a spring and watch its overshoot and settle, plotted live.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/spring-playground.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/spring-playground.json"},{"name":"easing-editor","title":"Easing editor","description":"Drag a cubic-bezier into shape and see it move.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/easing-editor.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/easing-editor.json"},{"name":"stagger-visualizer","title":"Stagger visualizer","description":"Shows what per-item delay actually does to a list entrance.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/stagger-visualizer.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/stagger-visualizer.json"},{"name":"onboarding-checklist","title":"Onboarding checklist","description":"A setup checklist that counts up as you go and celebrates the finish.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/onboarding-checklist.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/onboarding-checklist.json"},{"name":"flip-card","title":"Flip card","description":"Turns over in 3D to show what is on the back.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/flip-card.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/flip-card.json"},{"name":"icon-morph","title":"Icon morph","description":"Icons reshape themselves between states instead of swapping.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/icon-morph.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/icon-morph.json"},{"name":"sticky-stack","title":"Sticky stack","description":"Cards pile up and sink back as you scroll.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sticky-stack.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sticky-stack.json"},{"name":"infinite-canvas","title":"Infinite canvas","description":"Pan, pinch and zoom around a board of notes.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/infinite-canvas.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/infinite-canvas.json"},{"name":"drag-select","title":"Drag select","description":"Draw a box across files to select them, like the desktop.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/drag-select.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/drag-select.json"},{"name":"sortable-grid","title":"Sortable grid","description":"Drag an app tile and the others slide out of its way.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sortable-grid.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sortable-grid.json"},{"name":"magnet-lines","title":"Magnet lines","description":"Lines turn toward your cursor like iron filings near a magnet.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/magnet-lines.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/magnet-lines.json"},{"name":"morphing-nav","title":"Morphing nav","description":"One dropdown panel reshapes and slides as you move between menu items.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/morphing-nav.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/morphing-nav.json"},{"name":"color-picker","title":"Color picker","description":"Drag a color out of the square, then fine-tune hue and opacity.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/color-picker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/color-picker.json"},{"name":"card-input","title":"Card input","description":"Formats as you type, spots the card brand, and flips to show the CVC.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/card-input.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/card-input.json"},{"name":"radio-cards","title":"Radio cards","description":"The selection ring glides to the plan you pick.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/radio-cards.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/radio-cards.json"},{"name":"checkbox-group","title":"Checkbox group","description":"Check marks draw themselves in, and Shift-click fills a range.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/checkbox-group.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/checkbox-group.json"},{"name":"progress-stepper","title":"Progress stepper","description":"Fills the line toward the next step and unfills it in reverse.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/progress-stepper.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/progress-stepper.json"},{"name":"promise-toast","title":"Promise toast","description":"One toast that morphs from saving to saved, or to an error with retry.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/promise-toast.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/promise-toast.json"},{"name":"confirm-popover","title":"Confirm popover","description":"Asks before deleting, from a popover that grows out of the button.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/confirm-popover.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/confirm-popover.json"},{"name":"activity-timeline","title":"Activity timeline","description":"New events slide in at the top as the line grows to meet them.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/activity-timeline.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/activity-timeline.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"Folds the middle of a deep path into a menu when space runs out.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/breadcrumbs.json"},{"name":"overflow-tabs","title":"Overflow tabs","description":"Scrolls a long row of tabs, fading whichever edge still hides more.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/overflow-tabs.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/overflow-tabs.json"},{"name":"tab-bar","title":"Tab bar","description":"A phone tab bar whose pill slides over and fills in the icon it lands on.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tab-bar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tab-bar.json"},{"name":"selection-toolbar","title":"Selection toolbar","description":"A formatting toolbar that grows out of whatever text you select.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/selection-toolbar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/selection-toolbar.json"},{"name":"carousel-3d","title":"Carousel 3d","description":"Spin a ring of cards and flick it to land on the one you were aiming for.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/carousel-3d.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/carousel-3d.json"},{"name":"lens-reveal","title":"Lens reveal","description":"A lens follows your cursor and shows the specs hidden under a card.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/lens-reveal.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/lens-reveal.json"},{"name":"elastic-string","title":"Elastic string","description":"Pull a string and let go to watch it ring back to rest.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/elastic-string.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/elastic-string.json"},{"name":"particle-text","title":"Particle text","description":"A word made of dots that part around your cursor and burst when clicked.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/particle-text.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/particle-text.json"},{"name":"theme-toggle","title":"Theme toggle","description":"A sun that folds its rays away and turns into a crescent moon.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/theme-toggle.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/theme-toggle.json"},{"name":"bookmark-button","title":"Bookmark button","description":"Fills from the bottom up and lands with a small squash.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/bookmark-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/bookmark-button.json"},{"name":"send-button","title":"Send button","description":"The plane takes off along a curve, and a check lands in its place.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/send-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/send-button.json"},{"name":"download-button","title":"Download button","description":"The arrow drops into the tray while the button fills with progress.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/download-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/download-button.json"},{"name":"contribution-heatmap","title":"Contribution heatmap","description":"A year of activity at a glance, sweeping in week by week.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/contribution-heatmap.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/contribution-heatmap.json"},{"name":"donut-chart","title":"Donut chart","description":"Draws itself in, then lifts whichever slice you point at.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/donut-chart.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/donut-chart.json"},{"name":"stat-counter","title":"Stat counter","description":"Numbers count up to their value; scrub a sparkline and the figure rolls back through its history.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/stat-counter.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/stat-counter.json"},{"name":"leaderboard","title":"Leaderboard","description":"Players glide past each other to their new ranks.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/leaderboard.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/leaderboard.json"},{"name":"rotary-dial","title":"Rotary dial","description":"Drag a hole to the finger stop and each digit lands as the disc unwinds.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/rotary-dial.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/rotary-dial.json"},{"name":"tape-measure","title":"Tape measure","description":"Pull the blade out to measure; release the lock and it reels itself back in.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tape-measure.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tape-measure.json"},{"name":"pull-cord-switch","title":"Pull cord switch","description":"Pull the ball chain to switch the site's lights; light pours from the bulb as a cone.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/pull-cord-switch.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/pull-cord-switch.json"},{"name":"combination-lock","title":"Combination lock","description":"Spin right, left, right to fill each number, then turn the handle to open.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/combination-lock.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/combination-lock.json"},{"name":"rubber-stamp","title":"Rubber stamp","description":"Stamps a document approved or rejected, with ink that looks pressed in.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/rubber-stamp.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/rubber-stamp.json"},{"name":"sticky-note-peel","title":"Sticky note peel","description":"Peel the top reminder off by its corner to mark it done.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sticky-note-peel.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sticky-note-peel.json"},{"name":"receipt-printer","title":"Receipt printer","description":"Feeds a receipt out of the slot line by line; twist it against the cutter to tear it off.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/receipt-printer.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/receipt-printer.json"},{"name":"tear-off-calendar","title":"Tear off calendar","description":"Tear a day off to move forward, pull one back to go back.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tear-off-calendar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tear-off-calendar.json"},{"name":"balance-scale","title":"Balance scale","description":"Weighs your pros against your cons on a balance that tips and slowly settles.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/balance-scale.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/balance-scale.json"},{"name":"tally-counter","title":"Tally counter","description":"Counts in hand-drawn tally marks, one pen stroke at a time.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tally-counter.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tally-counter.json"},{"name":"ink-well","title":"Ink well","description":"Drains a glass inkwell as you spend your character limit.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/ink-well.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/ink-well.json"},{"name":"typing-seismograph","title":"Typing seismograph","description":"Records the rhythm of your typing on a scrolling seismograph.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/typing-seismograph.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/typing-seismograph.json"},{"name":"envelope-send","title":"Envelope send","description":"Folds your note into an envelope, seals it and sends it off.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/envelope-send.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/envelope-send.json"},{"name":"paper-shredder","title":"Paper shredder","description":"Drag a file into the shredder and it comes out in strips.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/paper-shredder.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/paper-shredder.json"},{"name":"tip-jar","title":"Tip jar","description":"Coins drop into a glass jar and pile up as the total counts.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/tip-jar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/tip-jar.json"},{"name":"zipper-reveal","title":"Zipper reveal","description":"Unzip the pouch to reveal the code inside.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/zipper-reveal.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/zipper-reveal.json"},{"name":"cassette-scrubber","title":"Cassette scrubber","description":"Scrub audio by dragging the tape, with reels that spin like the real thing.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/cassette-scrubber.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/cassette-scrubber.json"},{"name":"bubble-wrap","title":"Bubble wrap","description":"Pop every bubble to clear the list, one click or one long swipe.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/bubble-wrap.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/bubble-wrap.json"},{"name":"sundial-picker","title":"Sundial picker","description":"Pick a time by dragging the sun across the sky.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sundial-picker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sundial-picker.json"},{"name":"folded-map","title":"Folded map","description":"An itinerary that unfolds panel by panel like a paper road map, recentring as it opens.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/folded-map.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/folded-map.json"},{"name":"scroll-spine","title":"Scroll spine","description":"Maps the article as a spine of bands, each as long as its section, filling in as you read.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/scroll-spine.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/scroll-spine.json"},{"name":"availability-badge","title":"Availability badge","description":"Shows when the owner is working, and when that overlaps with your day.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/availability-badge.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/availability-badge.json"},{"name":"sidenotes","title":"Sidenotes","description":"Slides footnotes into the margin beside their sentence, and folds them inline on narrow screens.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sidenotes.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sidenotes.json"},{"name":"footer-signature","title":"Footer signature","description":"Signs the footer by hand when it scrolls into view, slowing through every loop.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/footer-signature.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/footer-signature.json"},{"name":"changelog-stack","title":"Changelog stack","description":"Files each release card behind the stack like a hand riffling index cards.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/changelog-stack.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/changelog-stack.json"},{"name":"pricing-calculator","title":"Pricing calculator","description":"Itemizes your bill like an invoice and upgrades the plan the moment your team crosses a seat threshold.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/pricing-calculator.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/pricing-calculator.json"},{"name":"feature-spotlight","title":"Feature spotlight","description":"A camera zooms into the part of the product screenshot each feature describes as you scroll past it.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/feature-spotlight.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/feature-spotlight.json"},{"name":"testimonial-highlight","title":"Testimonial highlight","description":"Swipes a highlighter across the line that sold the customer, one line at a time.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/testimonial-highlight.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/testimonial-highlight.json"},{"name":"waitlist-join","title":"Waitlist join","description":"Drops your face into a real queue and rolls out your place in line.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/waitlist-join.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/waitlist-join.json"},{"name":"cookie-consent","title":"Cookie consent","description":"Bakes a bite back into the cookie for every category you allow.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/cookie-consent.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/cookie-consent.json"},{"name":"email-typo-fix","title":"Email typo fix","description":"Catches gmial.com and fixes it by moving only the letters that were wrong.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/email-typo-fix.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/email-typo-fix.json"},{"name":"coupon-code","title":"Coupon code","description":"Stamps your promo code onto the order and strikes out the price it beat.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/coupon-code.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/coupon-code.json"},{"name":"code-morph","title":"Code morph","description":"Glides every surviving token to its new spot as a tutorial moves to the next step.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/code-morph.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/code-morph.json"},{"name":"image-hotspots","title":"Image hotspots","description":"Draws a leader line to one label card that travels between a watch's features, never covering the product.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/image-hotspots.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/image-hotspots.json"},{"name":"quote-share","title":"Quote share","description":"Lifts the words you select out of the paragraph and into a shareable quote card.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/quote-share.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/quote-share.json"},{"name":"waveform-player","title":"Waveform player","description":"Inks in a podcast's waveform, with chapter markers and a ghost playhead.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/waveform-player.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/waveform-player.json"},{"name":"size-picker","title":"Size picker","description":"Pulls a tee over a body outline so you see the fit before you pick the size.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/size-picker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/size-picker.json"},{"name":"order-tracker","title":"Order tracker","description":"Drives a parcel across a street map to your door and stamps each stop as it arrives.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/order-tracker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/order-tracker.json"},{"name":"gift-wrap","title":"Gift wrap","description":"Folds kraft paper over the cart item, ties a ribbon and bow, and asks who it's for.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/gift-wrap.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/gift-wrap.json"},{"name":"store-hours","title":"Store hours","description":"Draws the week's hours on a 24-hour scale and can redraw them in your own time zone.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/store-hours.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/store-hours.json"},{"name":"word-rotator","title":"Word rotator","description":"Keeps the letters two words share and glides them into place as the rest trade out.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/word-rotator.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/word-rotator.json"},{"name":"keycap-hint","title":"Keycap hint","description":"Keycaps that sink when you press the real keys.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/keycap-hint.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/keycap-hint.json"},{"name":"caps-lock-warning","title":"Caps lock warning","description":"A small caps lock key with its light on slides into the field when caps is on.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/caps-lock-warning.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/caps-lock-warning.json"},{"name":"eye-toggle","title":"Eye toggle","description":"The eye shuts when your password is hidden and watches while you type.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/eye-toggle.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/eye-toggle.json"},{"name":"relative-time","title":"Relative time","description":"Says \"4 min ago\" and changes only at the moment the words would change.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/relative-time.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/relative-time.json"},{"name":"copy-email","title":"Copy email","description":"Click the address and its letters flip, one by one, into \"Copied to clipboard\".","type":"registry:component","source_url":"https://lab.xevrion.dev/r/copy-email.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/copy-email.json"},{"name":"directional-underline","title":"Directional underline","description":"The underline comes in from the side your cursor entered and leaves toward the side it left.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/directional-underline.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/directional-underline.json"},{"name":"hover-preview-link","title":"Hover preview link","description":"Hover a link to get a preview card that trails your cursor and leans as it moves.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/hover-preview-link.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/hover-preview-link.json"},{"name":"scribble-checkbox","title":"Scribble checkbox","description":"Checks itself off with a quick pen stroke and strikes the words through.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/scribble-checkbox.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/scribble-checkbox.json"},{"name":"focus-paragraph","title":"Focus paragraph","description":"Brings the sentence you're reading forward and lets the rest step back.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/focus-paragraph.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/focus-paragraph.json"},{"name":"text-progress","title":"Text progress","description":"Fills the label itself with ink as the upload runs.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/text-progress.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/text-progress.json"},{"name":"spoiler-text","title":"Spoiler text","description":"Hides a spoiler under shimmering grain that blows away from your click.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/spoiler-text.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/spoiler-text.json"},{"name":"badge-counter","title":"Badge counter","description":"Rolls its digits the way the count moved and bumps each time it changes.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/badge-counter.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/badge-counter.json"},{"name":"star-button","title":"Star button","description":"Spins once and throws off tiny sparks when starred, then rolls the count.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/star-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/star-button.json"},{"name":"follow-button","title":"Follow button","description":"Turns its plus into a check as you follow, and warns before you unfollow.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/follow-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/follow-button.json"},{"name":"live-indicator","title":"Live indicator","description":"Breathes while live, lets the viewer count drift, and blinks hollow while reconnecting.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/live-indicator.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/live-indicator.json"},{"name":"mini-clock","title":"Mini clock","description":"A tiny analog clock that sweeps in its city's time and turns dark after sundown.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/mini-clock.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/mini-clock.json"},{"name":"pixel-loader","title":"Pixel loader","description":"A tiny pixel grid that cycles spiral, snake, pulse and checker, then draws a check when done.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/pixel-loader.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/pixel-loader.json"},{"name":"greeting","title":"Greeting","description":"Greets by time of day, with a sun or moon that rises into place along an arc.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/greeting.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/greeting.json"},{"name":"arrow-callout","title":"Arrow callout","description":"A handwritten note whose arrow draws itself to whatever it points at.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/arrow-callout.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/arrow-callout.json"},{"name":"voice-orb","title":"Voice orb","description":"A glassy orb of drifting mist that listens to your real mic, thinks in a slow swirl and breathes as it speaks.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/voice-orb.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/voice-orb.json"},{"name":"call-widget","title":"Call widget","description":"Accept turns into hang-up as the call controls unfold out of it, one by one.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/call-widget.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/call-widget.json"},{"name":"logo-orbit","title":"Logo orbit","description":"Logos orbit a heading on tilted rings, passing behind it, and brake to a stop when you point.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/logo-orbit.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/logo-orbit.json"},{"name":"now-playing","title":"Now playing","description":"A listening-to pill whose record slides out from behind the cover and spins while it plays.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/now-playing.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/now-playing.json"},{"name":"uptime-bar","title":"Uptime bar","description":"Point at any day and the row's own caption tells you what happened.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/uptime-bar.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/uptime-bar.json"},{"name":"helpful-prompt","title":"Helpful prompt","description":"Asks if the page helped, and on a no opens into a field right where the question was.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/helpful-prompt.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/helpful-prompt.json"},{"name":"back-to-top","title":"Back to top","description":"Fills its ring as you read, and when you press it the arrow lifts off while the page glides back up.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/back-to-top.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/back-to-top.json"},{"name":"share-button","title":"Share button","description":"Opens in place into copy, X and email, and the link turns into a check when it is copied.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/share-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/share-button.json"},{"name":"autosave-status","title":"Autosave status","description":"A dot for unsaved changes splits into three while saving, then gathers into a check.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/autosave-status.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/autosave-status.json"},{"name":"reactions","title":"Reactions","description":"Tap a reaction to add yours, or pick one and watch it fly into its pill as the count rolls.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/reactions.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/reactions.json"},{"name":"shortcut-recorder","title":"Shortcut recorder","description":"Press keys to set a shortcut: keycaps appear as you hold them, and it tells you when a combo is taken.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/shortcut-recorder.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/shortcut-recorder.json"},{"name":"storage-meter","title":"Storage meter","description":"Point at any slice to read its size, then clear the cache and watch the total count down.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/storage-meter.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/storage-meter.json"},{"name":"status-picker","title":"Status picker","description":"Pick a status and the badge on your avatar turns into its shape: a dot, a moon, a stop sign or a ring.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/status-picker.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/status-picker.json"},{"name":"mood-slider","title":"Mood slider","description":"The thumb is a face that frowns, grins and leans into the drag as you rate your day.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/mood-slider.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/mood-slider.json"},{"name":"signature-pad","title":"Signature pad","description":"Ink that swells where you slow down, and wipes away the way you wrote it.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/signature-pad.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/signature-pad.json"},{"name":"card-number-reveal","title":"Card number reveal","description":"Rolls the hidden digits in when you press the eye, then hides them again when the ring runs out.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/card-number-reveal.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/card-number-reveal.json"},{"name":"sidebar-highlight","title":"Sidebar highlight","description":"A dot travels to whatever you pick and takes on its section colour, which then wipes across the label.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sidebar-highlight.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sidebar-highlight.json"},{"name":"payment-card","title":"Payment card","description":"Floods with the card network's colours from the corner the moment the first digits give it away.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/payment-card.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/payment-card.json"},{"name":"sidebar-submenu","title":"Sidebar sub-menu","description":"Opens one section at a time and lights the branch from the title down to the item you are on.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/sidebar-submenu.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/sidebar-submenu.json"},{"name":"floating-action-menu","title":"Floating action menu","description":"The plus folds away and its actions unfold upward out of the spot it sat in, over a frosted screen.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/floating-action-menu.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/floating-action-menu.json"},{"name":"push-lock-button","title":"Push-lock button","description":"Bottoms out while you hold it, catches halfway when you let go and lights the lamp, and springs back on the next press.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/push-lock-button.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/push-lock-button.json"},{"name":"qr-reveal","title":"QR reveal","description":"The code leaves the button as a cloud of ink dust that billows up and settles, grain by grain, into a QR you can scan.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/qr-reveal.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/qr-reveal.json"},{"name":"wallet-cards","title":"Wallet cards","description":"Tap the cards peeking out of the home screen and the front one lifts into a carousel as the page changes around it; close it and it drops back into the stack.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/wallet-cards.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/wallet-cards.json"},{"name":"clock-field","title":"Clock field","description":"A field of clocks whose hands turn as one, melting between a wave, a vortex, rings and a funnel; they look at your pointer, and a click sends a ripple through …","type":"registry:component","source_url":"https://lab.xevrion.dev/r/clock-field.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/clock-field.json"},{"name":"x-walkers","title":"X walkers","description":"X marks crawl across a field of dots, reaching their arms to the next dot and dragging themselves over; they keep away from your pointer, and a click sets down…","type":"registry:component","source_url":"https://lab.xevrion.dev/r/x-walkers.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/x-walkers.json"},{"name":"glass-lens","title":"Glass lens","description":"A ball of glass rides over the words and magnifies whatever it passes; press and the whole paragraph shivers and flushes indigo.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/glass-lens.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/glass-lens.json"},{"name":"orbit-gallery","title":"Orbit gallery","description":"Small photographs turn slowly round a name; hover one and the ring stops and makes room, click it and it grows into the middle while the rest bloom outward.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/orbit-gallery.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/orbit-gallery.json"},{"name":"binary-year","title":"Binary year","description":"A year written in binary; reach for it and a wave runs in from the right, the leading digits fade to zeros and the year you know types itself in.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/binary-year.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/binary-year.json"},{"name":"gooey-menu","title":"Gooey menu","description":"One small button that opens three ways, all made of the same liquid: a menu that pulls free, a button that swells into one, and a dial that bubbles out.","type":"registry:component","source_url":"https://lab.xevrion.dev/r/gooey-menu.json","install_command":"npx shadcn@latest add https://lab.xevrion.dev/r/gooey-menu.json"}]},{"id":"yukihi","name":"@yukihi","slug":"yukihi","description":"An accessible React design system with scoped themes, reusable application patterns, and character icons, built for Tailwind CSS v4.","author":"yukihito-jokyu","framework":"react","license":"MIT","tags":["accessibility","ai","blocks","buttons","cards","dashboard","design-system","forms","hooks","icons","loaders","media","mobile","navigation","overlays","pro-available","tables","theming"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://github.com/yukihito-jokyu/design-system","github":"https://github.com/yukihito-jokyu/design-system","registry":"https://design.yukihi.tokyo/v1/r/registry.json","source":"https://design.yukihi.tokyo/v1/r/registry.json","page":"https://sh4dcn.netlify.app/registry/yukihi","markdown":"https://sh4dcn.netlify.app/md/yukihi.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96' aria-label='fold ai' viewBox='0 0 96 96'><title>fold ai</title><g fill-rule='evenodd' stroke-linejoin='round' stroke-width='.046'><path fill='#faae83' stroke='#faae83' d='M26.508 88.002c-.083-.083-.06-.462.03-.523.114-.068.562.387.494.493-.061.091-.44.114-.524.03Zm25.171-.022c-.121-.19.106-.228 1.45-.228 1.304 0 1.403-.008 1.524-.152.129-.144.228-.151 1.995-.151s1.866.007 1.995.151c.205.243 3.027.236 3.293-.015l.174-.16.175.16c.235.22.69.228.865.015.121-.136.227-.151 1.236-.151 1.01 0 1.115.015 1.237.151.129.152.22.152 6.653.152s6.524 0 6.653-.152c.19-.22 2.625-.235 2.746-.015.06.114.228.137 1.237.167.963.03 1.16.06 1.16.152 0 .136-32.31.212-32.393.076Zm34.586-.327c-.069-.19 0-.47.121-.47.076 0 .114.076.114.258 0 .273-.16.41-.235.212Zm-72.22-3.93c-.077-.128.098-.272.204-.166.091.09.03.25-.083.25-.038 0-.092-.038-.122-.083Zm76.324-.143-.22-.228.243-.243c.303-.303.41-.22.379.281-.03.448-.114.486-.402.19Zm-.584-2.724c-.122-.121-.213-.31-.213-.417 0-.114-.06-.228-.151-.273-.099-.053-.152-.16-.152-.304s-.053-.25-.152-.303c-.09-.046-.152-.16-.152-.273 0-.243-1.585-1.851-1.82-1.851-.106 0-.44-.28-.91-.759-.554-.561-.797-.758-.941-.758-.114 0-.228-.061-.273-.152a.33.33 0 0 0-.289-.152c-.144 0-.28-.09-.47-.303s-.326-.304-.47-.304a.33.33 0 0 1-.289-.151c-.053-.1-.159-.152-.303-.152s-.25-.053-.304-.152c-.06-.121-.159-.152-.455-.152s-.394-.03-.455-.151c-.053-.099-.16-.152-.303-.152-.144 0-.25-.053-.304-.152-.053-.098-.16-.152-.303-.152-.144 0-.25-.053-.304-.151-.053-.099-.159-.152-.303-.152s-.25-.053-.304-.152c-.053-.098-.159-.151-.303-.151s-.25-.054-.303-.152c-.069-.122-.16-.152-.456-.152-.295 0-.387-.03-.455-.152-.053-.098-.16-.151-.303-.151-.144 0-.25-.053-.304-.152-.068-.121-.159-.152-.455-.152s-.387-.03-.455-.152c-.053-.098-.16-.151-.303-.151-.145 0-.25-.053-.304-.152-.068-.121-.16-.152-.455-.152s-.387-.03-.455-.151c-.053-.099-.16-.152-.304-.152s-.25-.053-.303-.152c-.068-.121-.16-.152-.455-.152s-.387-.03-.456-.151c-.068-.122-.159-.152-.455-.152s-.387-.03-.455-.152c-.068-.121-.16-.151-.455-.151s-.387-.03-.455-.152-.16-.152-.455-.152-.387-.03-.456-.152c-.053-.098-.159-.151-.303-.151s-.25-.053-.303-.152c-.069-.121-.16-.152-.456-.152-.295 0-.387-.03-.455-.152-.068-.12-.16-.151-.455-.151s-.387-.03-.455-.152c-.053-.099-.16-.152-.304-.152s-.25-.053-.303-.151c-.068-.122-.16-.152-.455-.152s-.387-.03-.455-.152c-.069-.121-.16-.152-.456-.152-.295 0-.386-.03-.455-.151-.068-.122-.159-.152-.455-.152s-.387-.03-.455-.152c-.068-.121-.16-.152-.455-.152s-.387-.03-.455-.151c-.054-.099-.16-.152-.304-.152s-.25-.053-.303-.152c-.069-.121-.16-.151-.455-.151s-.387-.03-.456-.152c-.068-.122-.159-.152-.455-.152s-.387-.03-.455-.152c-.053-.098-.16-.151-.303-.151-.145 0-.25-.053-.304-.152-.068-.121-.16-.152-.455-.152s-.387-.03-.455-.151c-.053-.1-.16-.152-.304-.152s-.25-.053-.303-.152c-.068-.129-.16-.152-.607-.152-.448 0-.539-.022-.607-.151-.053-.099-.16-.152-.303-.152-.144 0-.25-.053-.304-.152-.068-.121-.16-.152-.455-.152s-.387-.03-.455-.151c-.06-.122-.16-.152-.44-.152-.288 0-.395-.046-.577-.228-.242-.242-.212-.379.091-.379.144 0 .289-.09.47-.303.175-.198.334-.304.456-.304.121 0 .28-.106.455-.303s.334-.304.455-.304c.122 0 .28-.106.455-.303s.334-.304.456-.304c.12 0 .28-.106.455-.303.19-.212.326-.303.47-.303a.33.33 0 0 0 .288-.152c.053-.099.16-.152.304-.152s.25-.053.303-.152c.053-.098.16-.151.304-.151s.25-.053.303-.152.16-.152.304-.152.25-.053.303-.152a.33.33 0 0 1 .288-.151c.144 0 .281-.091.47-.304.236-.273.304-.303.623-.303.28 0 .379-.03.44-.152.053-.098.159-.152.303-.152s.25-.053.304-.151c.053-.099.159-.152.303-.152s.25-.053.303-.152c.054-.098.16-.151.304-.151s.25-.054.303-.152c.053-.099.16-.152.304-.152s.25-.053.303-.152c.053-.098.16-.151.304-.151s.25-.053.303-.152c.068-.121.16-.152.455-.152s.387-.03.456-.152c.053-.098.159-.151.303-.151s.25-.053.303-.152c.054-.099.16-.152.304-.152s.25-.053.303-.151c.069-.122.16-.152.455-.152s.387-.03.456-.152c.053-.099.159-.152.303-.152s.25-.053.304-.151c.068-.122.159-.152.455-.152s.387-.03.455-.152c.068-.121.16-.152.455-.152s.387-.03.455-.151c.069-.13.16-.152.607-.152.448 0 .539-.023.607-.152.076-.136.16-.151.759-.151s.682-.016.758-.152c.076-.137.16-.152 1.062-.152.903 0 .987.015 1.062.152.069.129.16.152.607.152.448 0 .539.022.607.151.068.122.16.152.455.152s.387.03.456.152c.053.098.159.151.303.151s.25.054.303.152c.054.091.16.152.289.152.144 0 .28.091.47.303.16.182.334.304.44.304.228 0 1.532 1.297 1.532 1.525 0 .098.175.333.456.599.303.288.455.5.455.614s.114.281.303.448c.213.19.304.326.304.47 0 .13.06.236.151.289.1.053.152.159.152.303s.053.25.152.304.152.159.152.303.053.25.151.303c.122.069.152.16.152.456 0 .295.03.387.152.455.121.068.152.16.152.455s.03.387.151.455c.099.053.152.16.152.304s.053.25.152.303c.129.068.151.16.151.607s.023.539.152.607c.122.068.152.16.152.455s.03.387.152.455c.129.068.151.16.151.607 0 .448.023.539.152.607.121.068.152.16.152.455s.03.387.151.455c.13.069.152.16.152.607 0 .448.023.539.152.607s.152.16.152.607c0 .448.022.539.151.607.13.068.152.16.152.607s.023.538.152.607c.121.068.152.159.152.455s.03.387.151.455c.13.068.152.16.152.607s.023.539.152.607.151.16.151.607.023.538.152.607c.137.075.152.159.152.758 0 .6.015.683.152.759.129.068.151.16.151.607s.023.538.152.607.152.159.152.607c0 .455.023.538.152.606.136.076.151.145.136.622-.023.623-.091.683-.38.372ZM39.23 80.69c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm1.821-1.517c-.076-.129.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm2.435-2.116c-.076-.122.41-.57.508-.47.061.06.016.15-.151.31-.25.258-.289.273-.357.16Zm-34.593-1.83c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.31-1.54c-.137-.364.007-.766.272-.766.364 0 .417.311.099.645-.235.25-.311.28-.372.121Zm-.304-3.034c-.137-.364.007-.766.273-.766.364 0 .417.31.098.644-.235.25-.31.281-.371.122Zm-.304-2.42c-.136-.372 0-.774.273-.774h.266v.417c0 .417 0 .417-.25.44q-.241.02-.289-.083Zm-.303-3.035c-.137-.371 0-.774.273-.774h.265v.418c0 .417 0 .417-.25.44q-.241.021-.288-.084Zm-.304-2.73c-.022-.061-.03-.327-.015-.592l.023-.486h.531v1.138l-.25.023q-.241.021-.289-.084Zm-.28-2.686c-.084-.084-.061-1.07.03-1.123.114-.076.516.349.523.554 0 .265-.424.698-.553.569Zm-.327-3.08c-.136-.372 0-.774.273-.774H7.3v.417c0 .417 0 .417-.25.44q-.241.02-.289-.083Zm26.029-.964a.5.5 0 0 0-.311-.151.32.32 0 0 1-.258-.152c-.069-.122-.16-.152-.456-.152-.295 0-.386-.03-.455-.152-.053-.098-.159-.151-.303-.151s-.25-.053-.304-.152-.159-.152-.303-.152-.25-.053-.303-.151c-.069-.13-.16-.152-.607-.152-.448 0-.539-.023-.607-.152-.053-.099-.16-.152-.304-.152s-.25-.053-.303-.151c-.068-.122-.16-.152-.455-.152s-.387-.03-.456-.152c-.053-.098-.159-.152-.303-.152s-.25-.053-.303-.151c-.054-.099-.16-.152-.304-.152s-.25-.053-.303-.152c-.069-.121-.16-.151-.455-.151s-.387-.03-.456-.152c-.053-.099-.159-.152-.303-.152s-.25-.053-.304-.152c-.068-.121-.159-.151-.455-.151s-.387-.03-.455-.152c-.053-.099-.16-.152-.303-.152-.144 0-.25-.053-.304-.152-.053-.098-.16-.151-.303-.151-.144 0-.25-.053-.304-.152s-.159-.152-.303-.152-.25-.053-.304-.151c-.06-.122-.159-.152-.455-.152s-.394-.03-.455-.152c-.053-.098-.16-.152-.303-.152-.144 0-.25-.053-.304-.151-.053-.099-.16-.152-.303-.152-.144 0-.25-.053-.304-.152-.06-.121-.159-.151-.455-.151s-.394-.03-.455-.152c-.053-.099-.16-.152-.303-.152-.145 0-.25-.053-.304-.152-.053-.098-.16-.151-.303-.151-.145 0-.25-.053-.304-.152s-.16-.152-.303-.152c-.144 0-.25-.053-.304-.152-.053-.098-.159-.151-.303-.151s-.25-.053-.304-.152-.159-.152-.303-.152-.25-.053-.304-.151c-.06-.122-.159-.152-.455-.152s-.394-.03-.455-.152a.33.33 0 0 0-.288-.152c-.144 0-.28-.09-.47-.303-.19-.212-.327-.304-.47-.304a.33.33 0 0 1-.29-.151c-.052-.099-.158-.152-.303-.152-.144 0-.25-.053-.303-.152-.053-.098-.16-.151-.303-.151-.145 0-.25-.054-.304-.152-.053-.099-.16-.152-.303-.152-.144 0-.25-.053-.304-.152a.33.33 0 0 0-.288-.151c-.144 0-.28-.091-.47-.304-.19-.212-.327-.303-.47-.303a.33.33 0 0 1-.289-.152.33.33 0 0 0-.288-.152c-.144 0-.281-.09-.47-.303-.16-.182-.334-.304-.44-.304-.236 0-2.14-1.904-2.14-2.139 0-.106-.121-.28-.303-.44-.19-.167-.304-.334-.304-.447 0-.114-.152-.327-.455-.615l-.455-.44v-.652c0-.57.015-.66.152-.729.136-.075.151-.159.151-.91s.015-.834.152-.91c.121-.069.152-.16.152-.455s.03-.387.151-.456c.122-.068.152-.159.152-.455s.03-.387.152-.455c.121-.068.152-.16.152-.455s.03-.387.151-.455c.099-.053.152-.16.152-.304s.053-.25.152-.303a.33.33 0 0 0 .151-.289c0-.144.092-.28.304-.47s.303-.326.303-.47c0-.13.061-.235.152-.288a.33.33 0 0 0 .152-.289c0-.144.09-.28.303-.47.19-.167.304-.334.304-.44 0-.121.273-.448.902-1.07.676-.667.91-.956.934-1.115.015-.182.06-.228.242-.243.16-.022.478-.288 1.267-1.085.698-.705 1.1-1.054 1.214-1.054.099 0 .326-.174.6-.455.288-.304.5-.455.614-.455s.28-.114.447-.304c.175-.197.327-.303.456-.303s.28-.106.455-.304c.174-.197.326-.303.455-.303s.28-.106.455-.304c.175-.197.326-.303.455-.303.13 0 .281-.106.455-.303.175-.198.327-.304.456-.304s.28-.106.455-.303c.19-.213.326-.304.47-.304.13 0 .235-.06.288-.152a.33.33 0 0 1 .289-.151c.144 0 .28-.091.47-.304.175-.197.326-.303.455-.303.13 0 .28-.106.455-.304.19-.212.327-.303.47-.303.13 0 .236-.06.289-.152a.33.33 0 0 1 .288-.151c.144 0 .28-.092.47-.304s.327-.303.47-.303a.33.33 0 0 0 .29-.152.33.33 0 0 1 .287-.152c.145 0 .281-.09.47-.303.19-.213.327-.304.471-.304.13 0 .235-.06.288-.151.054-.1.16-.152.304-.152s.25-.053.303-.152a.33.33 0 0 1 .289-.152c.144 0 .28-.09.47-.303.19-.212.326-.304.47-.304.13 0 .235-.06.289-.151.053-.099.159-.152.303-.152s.25-.053.303-.152a.33.33 0 0 1 .289-.151c.144 0 .28-.091.47-.304.19-.212.326-.303.47-.303.13 0 .236-.061.289-.152.053-.099.159-.152.303-.152s.25-.053.304-.151c.053-.1.159-.152.303-.152s.25-.053.304-.152.159-.152.303-.152.25-.053.303-.151c.054-.099.16-.152.304-.152s.25-.053.303-.152c.053-.098.16-.152.304-.152s.25-.053.303-.151a.33.33 0 0 1 .288-.152c.145 0 .281-.091.47-.303.236-.266.304-.304.608-.304.303 0 .371-.038.607-.303.19-.213.326-.304.47-.304.129 0 .235-.06.288-.152.053-.098.16-.151.304-.151s.25-.053.303-.152.16-.152.304-.152.25-.053.303-.151c.053-.099.16-.152.303-.152.145 0 .25-.053.304-.152.053-.098.16-.152.303-.152.145 0 .25-.053.304-.151.053-.099.16-.152.303-.152.144 0 .25-.053.304-.152.068-.121.159-.151.455-.151s.387-.03.455-.152c.053-.099.16-.152.304-.152s.25-.053.303-.152c.053-.098.16-.151.303-.151.145 0 .25-.053.304-.152s.16-.152.303-.152c.144 0 .25-.053.304-.152.053-.098.16-.151.303-.151.144 0 .25-.053.304-.152s.159-.152.303-.152.25-.053.304-.151c.053-.1.159-.152.303-.152s.25-.053.303-.152c.069-.121.16-.152.456-.152.295 0 .387-.03.455-.151.053-.099.16-.152.303-.152.144 0 .25-.053.304-.152.068-.121.159-.152.455-.152s.387-.03.455-.151c.053-.099.16-.152.303-.152.145 0 .25-.053.304-.152.068-.121.16-.151.455-.151s.387-.03.455-.152c.053-.099.16-.152.304-.152s.25-.053.303-.152c.068-.129.16-.151.57-.151.394 0 .515-.03.636-.16.243-.265.577-.174.577.16 0 .227-.03.265-.228.303-.303.068-.948.69-.948.926 0 .106-.114.273-.303.44-.198.174-.304.333-.304.455 0 .121-.106.28-.303.455-.213.19-.304.326-.304.47 0 .13-.06.236-.151.289-.122.06-.152.159-.152.455s-.03.394-.152.455c-.099.053-.152.16-.152.303 0 .145-.053.25-.151.304-.099.053-.152.16-.152.303 0 .144-.053.25-.152.304-.121.06-.152.16-.152.455s-.03.394-.151.455c-.099.053-.152.16-.152.304s-.053.25-.152.303c-.121.06-.151.16-.151.455s-.03.395-.152.455c-.122.061-.152.16-.152.456 0 .295-.03.394-.152.455-.121.06-.151.159-.151.455s-.03.394-.152.455c-.099.053-.152.16-.152.303 0 .145-.053.25-.151.304-.122.06-.152.16-.152.455s-.03.395-.152.455c-.121.061-.152.16-.152.455s-.03.395-.151.456c-.122.06-.152.159-.152.455s-.03.394-.152.455c-.121.06-.152.16-.152.455s-.03.395-.151.455c-.122.061-.152.16-.152.455s-.03.395-.152.456c-.121.06-.151.159-.151.455s-.03.394-.152.455c-.122.06-.152.16-.152.455s-.03.395-.152.455c-.121.061-.151.16-.151.456 0 .295-.03.394-.152.455-.121.068-.152.159-.152.455s-.03.387-.152.455c-.136.068-.151.16-.151.759s-.015.69-.152.758c-.099.053-.152.16-.152.304s-.053.25-.151.303c-.13.068-.152.16-.152.607 0 .448-.023.539-.152.607-.121.068-.152.16-.152.455s-.03.387-.151.455c-.122.069-.152.16-.152.455s-.03.387-.152.456c-.121.068-.151.159-.151.455s-.03.387-.152.455c-.13.068-.152.16-.152.607s-.023.538-.152.607c-.121.068-.151.16-.151.455s-.03.387-.152.455c-.13.068-.152.16-.152.607 0 .448-.023.539-.152.607-.12.068-.151.16-.151.455s-.03.387-.152.455c-.129.069-.152.16-.152.607 0 .448-.022.539-.151.607-.13.068-.152.16-.152.607 0 .448-.023.539-.152.607-.121.068-.152.16-.152.455s-.03.387-.151.455c-.13.068-.152.16-.152.607 0 .448-.023.539-.152.607s-.152.16-.152.607-.022.538-.151.607c-.13.068-.152.16-.152.607s-.023.538-.152.607-.151.159-.151.606c0 .448-.023.54-.152.607-.13.069-.152.16-.152.607 0 .448-.023.539-.152.607s-.151.16-.151.607c0 .448-.023.539-.152.607s-.152.16-.152.607-.023.538-.151.607c-.13.068-.152.159-.152.607s-.023.538-.152.607c-.136.075-.152.159-.152.758 0 .6-.015.683-.151.759-.137.076-.152.16-.152.758 0 .6-.015.683-.152.759-.129.068-.152.16-.152.607s-.022.539-.151.607c-.13.068-.152.174-.167.774-.023.735-.091.857-.326.591ZM6.458 54.274c-.023-.06-.03-.326-.015-.592l.023-.485h.531v1.138l-.25.023c-.16.015-.259-.016-.29-.084Zm-.304-3.042c-.136-.364 0-.766.274-.766.364 0 .417.31.098.645-.235.25-.31.28-.372.121Zm-.303-3.027c-.023-.06-.03-.326-.015-.592l.023-.485h.531v1.138l-.25.023c-.16.015-.259-.016-.289-.084Zm-.303-3.034c-.023-.061-.023-.387-.016-.744l.023-.637h.531l.023.516c.023.607-.402 1.267-.561.865Zm57.351-.304c-.068-.197 0-.47.122-.47.075 0 .113.083.113.258 0 .273-.159.41-.235.212Zm5.166-2.716c-.083-.129.091-.273.198-.166.09.09.03.25-.084.25-.038 0-.09-.038-.114-.084Zm-4.255-2.139c-.137-.372 0-.774.273-.774h.265v.418c0 .417 0 .417-.25.44-.16.015-.258-.016-.288-.084Zm6.38-5.447c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083ZM55.32 9.985c-.083-.128.092-.272.198-.166.09.091.03.25-.084.25-.037 0-.09-.038-.113-.083Zm-5.46-2.122c-.107-.167.106-.228.766-.205.538.015.675.045.675.137 0 .144-1.358.212-1.441.068Z'/><path fill='#dc7553' stroke='#dc7553' d='M22.814 87.904c-.068-.137-.16-.152-.759-.152-.6 0-.69-.015-.758-.152-.061-.121-.16-.151-.456-.151-.295 0-.394-.03-.455-.152-.06-.121-.16-.152-.44-.152-.318 0-.38-.03-.622-.303-.19-.213-.326-.304-.47-.304a.33.33 0 0 1-.288-.151.33.33 0 0 0-.289-.152c-.144 0-.28-.091-.47-.304-.19-.212-.326-.303-.47-.303a.33.33 0 0 1-.289-.152.33.33 0 0 0-.288-.152c-.144 0-.28-.09-.47-.303-.19-.212-.327-.303-.47-.303a.33.33 0 0 1-.289-.152c-.053-.099-.16-.152-.303-.152-.145 0-.25-.053-.304-.144-.045-.091-.174-.16-.318-.174-.213-.023-.258-.054-.274-.243-.03-.266-.394-.653-.614-.653-.228 0-1.828-1.608-1.828-1.836 0-.106-.122-.28-.304-.44-.19-.166-.303-.333-.303-.447s-.152-.326-.455-.615c-.327-.31-.456-.493-.456-.637 0-.114-.06-.227-.151-.273-.099-.053-.152-.16-.152-.303 0-.145-.053-.25-.152-.304-.121-.068-.151-.16-.151-.455s-.03-.387-.152-.455-.152-.16-.152-.455-.03-.387-.152-.456c-.136-.075-.151-.159-.151-.758 0-.6-.016-.683-.152-.759-.228-.121-.228-1.396 0-1.517.258-.137.19-.455-.152-.759l-.303-.265v-.964c0-.887.015-.97.151-1.046.258-.137.19-.456-.151-.76-.364-.325-.463-1.198-.152-1.365.296-.159.212-.743-.152-1.062l-.303-.265v-.812c0-.736.015-.82.152-.895.295-.16.212-.744-.152-1.062l-.304-.266v-.66c0-.584.016-.667.152-.743.311-.167.213-1.04-.152-1.366l-.303-.265v-.66c0-.584.015-.668.152-.744.258-.136.19-.455-.152-.758l-.304-.266v-.811c0-.736.016-.82.152-.896.296-.159.213-.743-.152-1.062-.364-.326-.462-1.198-.151-1.365.31-.167.212-1.04-.152-1.366l-.303-.265v-.812c0-.736.015-.82.151-.895.258-.137.19-.455-.151-.759l-.304-.265v-.812c0-.736.015-.82.152-.895.227-.122.227-1.093 0-1.214-.099-.053-.152-.16-.152-.303 0-.145-.053-.25-.152-.304-.227-.121-.227-1.396 0-1.517.311-.167.213-1.04-.151-1.366l-.304-.265v-1.108c0-1.07-.007-1.115-.167-1.229-.136-.09-.151-.136-.083-.205.121-.136.857.592.857.843 0 .113.114.28.304.447.182.16.303.334.303.44 0 .235 1.904 2.14 2.14 2.14.106 0 .28.12.44.303.189.212.326.303.47.303.129 0 .235.061.288.152s.16.152.288.152c.144 0 .28.09.47.303s.327.304.47.304c.13 0 .236.06.29.151.052.099.159.152.303.152s.25.053.303.152c.053.098.16.152.304.152s.25.053.303.151c.053.099.16.152.303.152.145 0 .25.053.304.152.053.09.16.151.288.151.144 0 .28.092.47.304s.327.303.47.303a.33.33 0 0 1 .29.152c.06.121.158.152.454.152s.395.03.455.152c.054.098.16.151.304.151s.25.053.303.152.16.152.304.152.25.053.303.151c.053.1.16.152.304.152s.25.053.303.152.16.152.304.152.25.053.303.151c.053.099.16.152.304.152s.25.053.303.152c.06.121.16.152.455.152s.395.03.455.151c.053.099.16.152.304.152s.25.053.303.152c.053.098.16.151.304.151s.25.054.303.152c.06.122.16.152.455.152s.395.03.455.152c.054.098.16.151.304.151s.25.053.303.152.16.152.304.152.25.053.303.151c.053.1.16.152.304.152s.25.053.303.152c.068.121.16.152.455.152s.387.03.455.151c.054.099.16.152.304.152s.25.053.303.152c.069.121.16.152.456.152.295 0 .386.03.455.151.053.099.159.152.303.152s.25.053.304.144c.045.091.174.16.318.175.243.022.25.03.288.44l.038.417.395.023c.334.015.41 0 .478-.137.106-.205.493-.205.607 0 .068.129.159.152.607.152s.538.023.607.152c.053.098.159.151.303.151s.25.053.303.152c.054.099.16.152.304.152s.25.053.303.151c.069.122.16.152.455.152s.387.03.456.152c.045.09.159.152.273.152s.288.098.432.235l.235.243-.167.113a.38.38 0 0 0-.166.327c0 .136-.054.242-.152.295-.13.069-.152.16-.152.607 0 .448-.023.539-.152.607-.136.076-.151.16-.151.759 0 .6-.016.683-.152.758-.137.076-.152.16-.152.759 0 .6-.015.683-.152.759-.136.076-.151.159-.151.758 0 .6-.015.683-.152.759s-.152.16-.152.758c0 .6-.015.683-.151.76-.137.075-.152.158-.152.758 0 .599-.015.682-.152.758-.136.076-.152.16-.152.759 0 .6-.015.683-.151.759-.13.068-.152.159-.152.606 0 .448-.023.54-.152.607-.136.076-.151.16-.151.759 0 .6-.016.683-.152.759-.137.075-.152.159-.152.91s-.015.834-.152.91c-.136.076-.151.16-.151.759 0 .6-.016.683-.152.759-.137.075-.152.159-.152.91 0 .75-.015.834-.152.91-.129.069-.151.16-.151.607 0 .448-.023.539-.152.607-.137.076-.152.16-.152.759s-.015.682-.151.758c-.137.076-.152.16-.152.91 0 .752-.015.835-.152.911-.136.076-.152.16-.152.91 0 .751-.015.835-.151.91-.137.077-.152.16-.152.76 0 .599-.015.682-.152.758-.136.076-.152.16-.152.91 0 .751-.015.835-.151.91-.137.076-.152.16-.152.76 0 .599-.015.682-.152.758-.129.068-.151.16-.151.576 0 .493 0 .493-.372.865l-.38.38h-1.555c-1.479 0-1.562-.008-1.638-.152Zm62.548-.235c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm2.731-.607c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm.607-.304c-.084-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083ZM63.514 37.903c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.092-.037-.114-.083Zm-1.214-1.82c-.084-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.084Z'/><path fill='#ab4c35' stroke='#ab4c35' d='M26.812 87.699c-.137-.137-.053-1.38.098-1.464.137-.076.152-.16.152-.759 0-.6.015-.683.152-.758.136-.076.151-.16.151-.91 0-.752.016-.835.152-.911.137-.076.152-.16.152-.759s.015-.682.152-.758c.136-.076.151-.16.151-.91 0-.752.016-.835.152-.911.137-.076.152-.16.152-.91 0-.751.015-.835.152-.91.136-.077.151-.16.151-.76 0-.599.015-.682.152-.758.129-.068.152-.16.152-.607s.022-.538.151-.607c.137-.076.152-.16.152-.91 0-.751.015-.835.152-.91.136-.076.152-.16.152-.76 0-.598.015-.682.151-.758.137-.076.152-.159.152-.91s.015-.835.152-.91c.136-.076.152-.16.152-.759 0-.6.015-.683.151-.759.13-.068.152-.159.152-.607s.023-.538.152-.606c.136-.076.151-.16.151-.759 0-.6.016-.683.152-.759.137-.076.152-.159.152-.758 0-.6.015-.683.152-.759.136-.076.151-.16.151-.759s.015-.682.152-.758.152-.16.152-.759.015-.682.151-.758c.137-.076.152-.16.152-.759 0-.6.015-.683.152-.759.136-.075.152-.159.152-.758 0-.6.015-.683.151-.759.13-.068.152-.16.152-.607s.023-.538.152-.607c.098-.053.152-.159.152-.303s.053-.25.151-.304c.099-.053.152-.159.152-.303 0-.296.129-.357.334-.16.09.084.243.16.334.16.09 0 .197.068.242.152.069.121.16.151.456.151.295 0 .386.03.455.152.068.122.159.152.455.152s.387.03.455.152c.053.098.16.151.303.151.145 0 .25.053.304.152.068.121.16.152.455.152s.387.03.455.152c.053.098.16.151.304.151s.25.053.303.152c.068.121.16.152.455.152s.387.03.456.151c.053.1.159.152.303.152s.25.053.303.152c.069.121.16.152.456.152.295 0 .386.03.455.151.068.122.16.152.455.152s.387.03.455.152c.068.121.16.152.455.152s.387.03.455.151c.054.099.16.152.304.152s.25.053.303.152c.069.121.16.151.456.151.295 0 .386.03.455.152.068.122.159.152.455.152s.387.03.455.152c.053.098.16.151.303.151.145 0 .25.053.304.152.068.121.16.152.455.152s.387.03.455.151c.069.122.16.152.455.152s.387.03.456.152c.068.121.159.152.455.152s.387.03.455.151c.053.099.16.152.303.152.145 0 .25.053.304.152.068.121.16.152.455.152s.387.03.455.151c.053.099.16.152.304.152s.25.053.303.152c.068.121.16.151.455.151s.387.03.455.152c.069.122.16.152.456.152.295 0 .387.03.455.152.068.121.16.151.455.151s.387.03.455.152c.053.099.16.152.304.152s.25.053.303.151c.068.122.16.152.455.152s.387.03.455.152c.069.121.16.152.456.152.295 0 .394.03.455.144.045.09.174.16.318.174.243.023.25.038.273.38l.023.356-2.738 2.739c-1.806 1.805-2.731 2.776-2.731 2.883 0 .212-1.912 2.124-2.125 2.124-.106 0-.834.675-2.124 1.972-1.327 1.328-2.018 1.972-2.124 1.972-.227 0-.592.387-.622.653-.015.182-.06.227-.243.243-.159.022-.417.227-.956.773-.538.547-.796.751-.955.774-.19.023-.228.06-.258.289-.03.227-.069.265-.258.288-.16.023-.357.167-.66.478-.266.28-.493.447-.6.447s-.417.258-.91.759c-.485.493-.804.759-.91.759s-.38.22-.759.606c-.387.395-.652.607-.759.607s-.333.167-.606.456c-.289.303-.501.455-.615.455s-.28.113-.447.303c-.175.197-.334.304-.456.304-.121 0-.28.106-.455.303-.174.197-.334.303-.455.303s-.28.107-.455.304c-.19.212-.326.303-.47.303a.33.33 0 0 0-.289.152c-.053.099-.16.152-.303.152-.144 0-.25.053-.304.152-.053.098-.159.151-.303.151s-.25.053-.304.152-.159.152-.303.152-.25.053-.303.151c-.069.122-.16.152-.456.152s-.387.03-.455.152c-.068.121-.16.152-.455.152s-.387.03-.455.151c-.084.152-1.328.243-1.464.099Zm58.846-.053c-.091-.235 0-.463.205-.486.235-.03.394.137.356.38-.03.212-.485.303-.561.106Zm-35.193-.28c-.083-.13.092-.274.198-.168.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm36.149-.054c0-.076.083-.22.19-.319l.197-.182.235.236c.296.295.227.402-.25.402-.312 0-.372-.023-.372-.137Zm1.782-.554c-.083-.129.092-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-39.122-.599c-.242-.243-.364-.44-.364-.561 0-.114-.06-.228-.151-.274-.122-.06-.152-.159-.152-.455 0-.303-.03-.394-.16-.455-.113-.068-.144-.144-.128-.326.03-.334.242-.326.273.008.015.144.083.273.174.318.114.06.144.167.144.455 0 .296.03.395.152.455.091.054.152.16.152.281 0 .137.098.288.31.486.175.159.29.318.259.364-.076.129-.13.098-.509-.296Zm-2.457-5.485c-.069-.197 0-.47.12-.47.077 0 .115.076.115.258 0 .273-.16.41-.235.212Zm16.25-36.24c-.115-.12-.19-.257-.16-.295.083-.144.683-.099.865.06.098.084.212.168.258.183.045.015.06.083.03.151-.091.236-.728.175-.994-.098Zm1.016-.31c0-.288.364-.675.637-.675.114 0 .228-.061.273-.152s.16-.152.273-.152c.258 0 1.244-.978 1.244-1.236a.44.44 0 0 1 .167-.311l.175-.122-.175-.121a.43.43 0 0 1-.167-.326c0-.137-.098-.281-.303-.463-.273-.235-.304-.304-.304-.622 0-.28-.03-.38-.151-.44-.099-.053-.152-.16-.152-.296a.38.38 0 0 0-.167-.326l-.174-.114.235-.235c.212-.213.296-.235.758-.258l.524-.023.023-.546c.015-.486.007-.554-.137-.63-.091-.045-.152-.16-.152-.273 0-.25-.387-.637-.637-.637-.114 0-.228-.06-.273-.152-.053-.098-.16-.152-.304-.152s-.25-.053-.303-.151c-.129-.243-2.147-.228-2.405.015l-.174.167-.175-.167c-.098-.091-.25-.167-.341-.167a.3.3 0 0 1-.243-.152c-.053-.098-.16-.151-.303-.151-.144 0-.25-.054-.304-.152-.053-.099-.16-.152-.303-.152-.144 0-.25-.053-.304-.152-.053-.098-.159-.151-.303-.151s-.25-.053-.304-.152-.159-.152-.303-.152-.25-.053-.303-.152c-.054-.098-.16-.151-.304-.151s-.25-.053-.303-.152c-.069-.121-.16-.152-.456-.152-.295 0-.386-.03-.455-.151-.068-.122-.159-.152-.455-.152s-.387-.03-.455-.152c-.053-.098-.16-.152-.303-.152-.145 0-.25-.053-.304-.151-.068-.122-.16-.152-.455-.152s-.387-.03-.455-.152c-.069-.121-.16-.151-.455-.151s-.387-.03-.456-.152c-.068-.122-.159-.152-.455-.152s-.387-.03-.455-.152c-.068-.121-.16-.151-.455-.151s-.387-.03-.455-.152c-.053-.099-.16-.152-.304-.152s-.25-.053-.303-.152c-.068-.129-.16-.151-.607-.151-.448 0-.539-.023-.607-.152-.053-.099-.16-.152-.303-.152-.145 0-.25-.053-.304-.151-.068-.13-.16-.152-.607-.152s-.538-.023-.607-.152c-.068-.121-.159-.152-.455-.152s-.387-.03-.455-.151c-.068-.122-.16-.152-.455-.152s-.387-.03-.455-.152c-.069-.129-.16-.152-.607-.152-.448 0-.539-.022-.607-.151-.068-.122-.16-.152-.455-.152s-.387-.03-.456-.152c-.068-.129-.159-.151-.606-.151-.448 0-.539-.023-.607-.152-.069-.13-.16-.152-.607-.152-.448 0-.539-.023-.607-.152s-.16-.151-.607-.151c-.44 0-.539-.023-.607-.144-.06-.114-.174-.16-.478-.175l-.394-.023-.023-.698c-.023-.637-.008-.705.136-.781.122-.068.152-.16.152-.455s.03-.387.152-.455c.121-.061.152-.16.152-.456 0-.295.03-.394.151-.455.122-.06.152-.159.152-.455s.03-.394.152-.455c.121-.06.152-.16.152-.455s.03-.395.151-.455c.122-.061.152-.16.152-.456 0-.295.03-.394.152-.455.121-.06.151-.159.151-.455s.03-.394.152-.455c.122-.06.152-.16.152-.455s.03-.395.152-.455c.121-.061.151-.16.151-.456 0-.295.03-.394.152-.455.121-.06.152-.159.152-.455s.03-.394.152-.455c.098-.053.151-.16.151-.304s.053-.25.152-.303c.121-.06.152-.16.152-.455s.03-.395.151-.455c.122-.061.152-.16.152-.455s.03-.395.152-.456c.121-.06.152-.159.152-.455s.03-.394.151-.455c.099-.053.152-.16.152-.303 0-.145.053-.25.152-.304.121-.06.151-.16.151-.455s.03-.395.152-.455c.099-.053.152-.16.152-.304s.053-.25.152-.303c.098-.053.151-.16.151-.304s.053-.25.152-.303c.121-.06.152-.16.152-.455s.03-.395.152-.455a.33.33 0 0 0 .151-.289c0-.144.091-.28.304-.47.197-.174.303-.334.303-.455 0-.122.106-.28.304-.455.19-.167.303-.334.303-.44 0-.236.69-.926.926-.926.106 0 .273-.114.44-.303.144-.167.333-.304.41-.304.083 0 .227-.076.325-.167l.175-.159.174.16c.167.159.25.166 1.404.166 1.145 0 1.229.008 1.305.152.053.099.159.152.303.152s.25.053.304.151c.053.099.159.152.303.152s.25.053.303.152c.046.09.16.152.281.152.137 0 .288.098.47.295.175.19.357.304.501.327.197.022.235.06.266.288.03.235.068.273.303.303.228.03.266.069.288.258.023.16.167.357.478.66.281.273.448.493.448.6s.167.326.455.607c.304.288.455.5.455.614s.114.28.304.448c.19.166.303.333.303.447s.152.326.455.615c.304.288.456.5.456.614s.113.28.303.448c.212.19.303.326.303.47 0 .129.061.235.152.288s.152.16.152.289c0 .144.09.28.303.47.198.174.304.326.304.455 0 .13.106.28.303.455s.304.327.304.455c0 .13.106.281.303.456.197.174.304.326.304.455s.106.28.303.455c.197.174.303.326.303.455 0 .13.107.28.304.455s.303.327.303.456c0 .128.107.28.304.455.212.19.303.326.303.47 0 .129.06.235.152.288.091.053.152.16.152.289 0 .144.09.28.303.47s.304.326.304.47c0 .13.06.235.151.289s.152.159.152.288c0 .144.091.28.303.47.198.175.304.326.304.455 0 .13.106.281.303.456.213.19.304.326.304.47 0 .129.06.235.152.288.098.053.151.16.151.304s.053.25.152.303c.091.053.152.16.152.288 0 .144.09.281.303.47.213.19.304.327.304.471 0 .129.06.235.151.288s.152.16.152.289c0 .144.091.28.304.47.212.19.303.326.303.47 0 .13.06.235.152.288.098.054.151.16.151.304s.054.25.152.303c.099.053.152.16.152.304s.053.25.152.303c.098.053.151.16.151.304s.053.25.152.303c.121.068.152.16.152.455s.03.387.151.456c.1.053.152.159.152.303s.053.25.152.303c.136.069.152.16.152.759 0 .6.015.69.151.759.145.076.152.159.152 1.669s-.007 1.593-.152 1.669c-.121.068-.151.159-.151.455s-.03.387-.152.455c-.121.068-.152.16-.152.455s-.03.387-.152.455c-.098.053-.151.16-.151.304s-.053.25-.152.303c-.091.046-.152.16-.152.273 0 .25-2.192 2.458-2.442 2.458-.107 0-.281.122-.44.304-.19.212-.327.303-.47.303a.33.33 0 0 0-.29.152c-.052.098-.158.152-.303.152-.144 0-.25.053-.303.151-.152.289-.91.22-.91-.083Zm-.873-1.062c-.083-.13.091-.273.198-.167.09.09.03.25-.084.25-.038 0-.091-.038-.114-.083Zm.6-3.968c-.091-.227.007-1.07.121-1.07.083 0 .121.1.137.342.015.212.083.402.182.508.083.091.129.197.098.243-.068.121-.493.099-.538-.023Z'/><path fill='#c56246' stroke='#c56246' d='M22.54 87.972c-.075-.129.1-.273.206-.167.09.091.03.25-.084.25-.038 0-.091-.037-.121-.083Zm28.343-.523c-.167-.19-.334-.304-.44-.304-.228 0-.622-.394-.622-.622 0-.106-.114-.273-.304-.44-.212-.19-.303-.326-.303-.47a.33.33 0 0 0-.152-.289c-.121-.06-.152-.159-.152-.455s-.03-.394-.151-.455a.33.33 0 0 1-.152-.288c0-.144-.091-.28-.304-.47-.212-.19-.303-.327-.303-.47a.33.33 0 0 0-.152-.29c-.098-.052-.151-.158-.151-.303 0-.144-.054-.25-.152-.303-.122-.068-.152-.16-.152-.455s-.03-.387-.152-.455c-.129-.069-.151-.16-.151-.592 0-.5-.008-.516-.304-.774-.212-.19-.303-.326-.303-.47a.33.33 0 0 0-.152-.288c-.099-.054-.152-.16-.152-.304s-.053-.25-.151-.303c-.122-.069-.152-.16-.152-.456 0-.295-.03-.386-.152-.455-.099-.053-.152-.159-.152-.303s-.053-.25-.151-.304c-.099-.053-.152-.159-.152-.303s-.053-.25-.152-.304c-.114-.06-.152-.159-.152-.417v-.341l1.594-1.593c1.024-1.024 1.646-1.593 1.744-1.593.213 0 2.125-1.912 2.125-2.124 0-.107.925-1.078 2.723-2.876 2.132-2.131 2.731-2.769 2.754-2.936.03-.288.455-.364.592-.113.068.129.151.159.455.159.296 0 .387.03.455.152.068.121.16.151.455.151s.387.03.455.152c.053.099.16.152.304.152s.25.053.303.152c.068.129.16.151.607.151.448 0 .539.023.607.152.053.099.16.152.303.152.144 0 .25.053.304.152.068.12.16.151.455.151s.387.03.455.152c.053.099.16.152.304.152s.25.053.303.151c.068.122.16.152.455.152s.387.03.455.152c.069.121.16.152.456.152.295 0 .386.03.455.151.053.099.159.152.303.152s.25.053.304.152c.068.121.159.151.455.151s.387.03.455.152.16.152.455.152.387.03.455.152c.069.121.16.151.455.151s.387.03.456.152c.068.121.159.152.455.152s.387.03.455.152c.053.098.16.151.303.151.145 0 .25.053.304.152.068.121.16.152.455.152s.387.03.455.151c.068.122.16.152.455.152s.387.03.456.152c.053.099.159.152.303.152s.25.053.303.151c.069.122.16.152.456.152.295 0 .387.03.455.152.068.121.16.152.455.152s.387.03.455.151c.068.122.16.152.455.152s.387.03.455.152c.069.121.16.151.456.151s.387.03.455.152c.053.099.16.152.303.152.144 0 .25.053.304.152.068.121.159.151.455.151s.387.03.455.152c.053.099.16.152.304.152s.25.053.303.151c.068.122.16.152.455.152s.387.03.455.152c.053.099.16.152.304.152s.25.053.303.151c.068.122.16.152.455.152s.387.03.456.152c.053.098.159.152.303.152s.25.053.303.151c.054.099.16.152.304.152s.25.053.303.152c.053.098.16.151.304.151s.25.054.303.152c.053.099.16.152.304.152s.25.053.303.152c.06.121.16.151.455.151s.395.03.455.152c.054.099.16.152.304.152s.25.053.303.152c.053.09.16.151.289.151.144 0 .28.091.47.304.19.212.326.303.47.303.13 0 .236.06.289.152.045.09.159.152.273.152.144 0 .387.197.94.758.47.478.805.759.91.759.236 0 1.821 1.608 1.821 1.85 0 .115.061.228.152.274.099.053.152.16.152.303 0 .145.053.25.152.304.09.053.151.16.151.288 0 .144.091.28.304.47.212.19.303.327.303.47 0 .13.06.236.152.29.243.128.228 1.365-.015 1.547l-.175.121.175.121c.243.183.258 1.42.015 1.548-.091.046-.152.16-.152.273 0 .357-.986 1.244-1.38 1.244-.289 0-.365.038-.592.304-.319.364-.736.417-1.04.136l-.174-.159-.174.16c-.145.128-.274.166-.63.166-.425 0-.463.015-.713.304l-.266.303h-1.722c-1.646 0-1.73-.008-1.805-.152-.076-.144-.16-.151-1.366-.151s-1.29.007-1.365.151c-.084.152-.16.152-6.676.152-6.517 0-6.593 0-6.676-.152-.076-.144-.16-.151-1.214-.151s-1.138.007-1.214.151c-.113.22-.644.213-.887-.015l-.175-.16-.174.16c-.266.25-3.186.258-3.315.015-.076-.144-.16-.151-1.973-.151s-1.896.007-1.972.151-.16.152-1.806.152h-1.722zm-33.5-1.601c-.077-.129.098-.273.204-.167.09.091.03.25-.084.25-.037 0-.09-.038-.12-.083Zm-.608-.304c-.076-.128.099-.273.205-.166.091.09.03.25-.083.25-.038 0-.091-.038-.122-.084Zm-.91-.606c-.076-.13.098-.274.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083ZM7.983 68.55c-.084-.129.09-.273.197-.167.091.092.03.25-.083.25-.038 0-.091-.037-.114-.083Zm0-1.213c-.084-.13.09-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.304-3.035c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm19.717-10.036c-.13-.334-.008-.463.425-.463h.417v.531l-.402.023c-.296.015-.41-.008-.44-.091Zm-20.93-1.191c-.084-.13.09-.274.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-.312-2.731c-.075-.13.1-.274.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm-.303-3.354c-.068-.197 0-.47.121-.47.076 0 .114.076.114.258 0 .273-.16.41-.235.212Zm57.898-2.776a.64.64 0 0 0-.341-.175c-.274-.03-.35-.75-.084-.895.129-.068.152-.152.152-.607 0-.447.023-.538.152-.607.128-.068.151-.159.151-.606 0-.448.023-.54.152-.607.099-.053.152-.16.152-.304s.053-.25.151-.303c.13-.069.152-.16.152-.607 0-.448-.023-.539-.152-.607-.113-.06-.151-.16-.151-.425 0-.326-.03-.38-.455-.789-.327-.31-.456-.493-.456-.637 0-.114-.06-.228-.151-.273-.099-.053-.152-.16-.152-.304s-.053-.25-.152-.303c-.167-.091-.205-.372-.06-.516.174-.174 2.237-.121 2.336.06.053.1.16.152.303.152.145 0 .25.054.304.152.045.091.16.152.273.152.25 0 .637.387.637.637 0 .114.061.228.152.273.144.076.152.144.137.63l-.023.546-.524.023c-.462.023-.546.045-.758.258l-.235.235.174.114a.38.38 0 0 1 .167.326c0 .137.053.243.152.296.121.06.151.16.151.44 0 .318.03.387.304.622.205.182.303.326.303.463 0 .121.069.25.167.326l.175.121-.175.122a.44.44 0 0 0-.167.31c0 .259-.986 1.237-1.244 1.237-.114 0-.227.06-.273.152-.045.091-.16.152-.273.152-.25 0-.615.364-.652.644-.03.274-.145.312-.32.122Zm-1.753-8.436c-.083-.129.092-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Z'/><path fill='#412018' stroke='#412018' d='M22.237 87.972c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm3.945 0c-.076-.129.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm.91 0c-.075-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm24.284 0c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm32.772 0c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-63.125-.303c-.075-.13.1-.273.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm7.283 0c-.076-.13.099-.273.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm21.56-.607c-.47-.486-.645-.713-.592-.766.061-.061.258.098.683.53.433.44.66.615.82.638.303.03.295.243-.008.265-.197.015-.326-.083-.903-.667Zm36.71.607c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-66.463-.304c-.076-.129.099-.273.205-.167.091.091.03.25-.084.25-.037 0-.09-.037-.12-.083Zm9.104 0c-.076-.129.098-.273.204-.167.091.091.03.25-.083.25-.038 0-.091-.037-.121-.083Zm58.27 0c-.084-.129.09-.273.196-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm.91-.303c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-69.498-.304c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm11.835 0c-.076-.129.098-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm-12.442-.303c-.075-.13.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.038-.122-.083Zm13.049 0c-.076-.13.098-.273.204-.167.092.091.03.25-.083.25-.038 0-.091-.038-.121-.083Zm57.966.007c-.076-.121.41-.569.508-.47.06.06.015.152-.152.311-.25.258-.288.273-.356.16Zm-71.621-.31c-.076-.13.098-.274.204-.168.091.092.03.25-.083.25-.038 0-.091-.037-.121-.083Zm-.607-.304c-.076-.129.098-.273.204-.167.091.091.03.25-.083.25-.038 0-.091-.038-.121-.083Zm-.744-.455c-.152-.167-.19-.258-.136-.311.098-.099.584.349.508.47-.068.114-.13.091-.372-.16Zm16.523.151c-.076-.128.099-.273.205-.166.09.09.03.25-.084.25-.038 0-.09-.038-.121-.084Zm57.36-.303c-.084-.129.09-.273.196-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-74.793-.455c-.152-.167-.19-.258-.137-.311.099-.099.584.349.509.47-.069.114-.13.091-.372-.16Zm18.343.152c-.076-.13.099-.274.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm14.573-.304c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-13.662-.303c-.076-.13.098-.273.204-.167.091.09.03.25-.083.25-.038 0-.091-.038-.121-.083Zm13.351-.319c-.068-.197 0-.47.122-.47.076 0 .113.076.113.258 0 .273-.159.41-.235.212Zm42.49.015c-.083-.129.092-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm-76.78-.607c-.075-.129.1-.273.206-.167.09.091.03.25-.084.25-.038 0-.091-.037-.121-.083Zm22.152 0c-.075-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm11.842-.303c-.083-.13.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm42.787-.304c-.084-.129.09-.273.197-.166.09.09.03.25-.084.25-.038 0-.09-.038-.113-.084Zm-43.09-.303c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-10.021-.303c-.076-.13.098-.274.204-.167.091.09.03.25-.083.25-.038 0-.091-.038-.121-.083Zm9.718-.607c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm43.09 0c-.084-.13.09-.273.196-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-78.738-.456c-.152-.166-.197-.257-.137-.31.1-.1.585.348.509.47-.069.114-.13.09-.372-.16Zm27.447-.151c-.076-.13.098-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm7.897 0c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-35.95-.759c-.153-.167-.198-.258-.137-.31.098-.1.584.348.508.47-.068.113-.13.09-.372-.16Zm35.647-.152c-.084-.129.09-.273.197-.166.09.09.03.25-.084.25-.037 0-.09-.038-.113-.084Zm-.304-.606c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.607-1.518c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083ZM9.5 77.655c-.083-.13.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm35.807-.304c-.084-.129.09-.273.197-.167.091.092.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-36.11-.607c-.084-.128.09-.273.197-.166.09.09.03.25-.084.25-.038 0-.09-.038-.113-.084Zm-.304-1.213c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.303-1.518c-.084-.129.09-.273.197-.166.09.09.03.25-.084.25-.037 0-.09-.038-.113-.084Zm0-1.213c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.037 0-.09-.038-.113-.083Zm-.304-1.821c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm0-1.214c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.607-4.248c-.083-.13.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm48.249-1.214c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm-1.518-.607c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-.91-.303c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-46.124-.607c-.084-.13.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm44.607 0c-.084-.13.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.092-.038-.114-.083Zm-.91-.304c-.084-.129.09-.273.197-.166.09.09.03.25-.084.25-.038 0-.09-.038-.114-.084Zm-.911-.303c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.607-.303c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.91-.304c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-41.27-.303c-.083-.13.092-.273.198-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm39.753-.304c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm-.91-.303c-.084-.13.09-.273.196-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.911-.304c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-38.235-.303c-.083-.13.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm37.628 0c-.083-.13.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.91-.304c-.084-.129.09-.273.197-.166.09.09.03.25-.084.25-.038 0-.09-.038-.113-.084Zm-.91-.303c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.091-.038-.114-.083Zm-1.526-.607c-.075-.129.1-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm-.91-.303c-.076-.13.099-.273.205-.167.091.09.03.25-.084.25-.037 0-.09-.038-.12-.083Zm-.91-.304c-.076-.129.098-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm-.607-.303c-.076-.13.098-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm-.91-.304c-.076-.129.098-.273.204-.167.091.091.03.25-.083.25-.038 0-.091-.037-.121-.083Zm-.607-.303c-.076-.13.098-.273.204-.167.091.091.03.25-.083.25-.038 0-.091-.038-.121-.083ZM6.769 57.02c-.083-.129.091-.273.197-.167.091.092.03.25-.083.25-.038 0-.091-.037-.114-.083Zm29.73 0c-.076-.129.099-.273.205-.167.091.092.03.25-.083.25-.038 0-.091-.037-.122-.083Zm-1.517-.607c-.076-.128.099-.273.205-.166.09.09.03.25-.084.25-.038 0-.09-.038-.121-.084Zm-.91-.303c-.076-.129.098-.273.205-.167.09.091.03.25-.084.25-.038 0-.091-.037-.121-.083Zm-27.303-.303c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.303-1.214c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-.312-3.035c-.075-.129.1-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm-.303-3.034c-.076-.13.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.038-.121-.083Zm47.611-.068c-.045-.091-.16-.152-.273-.152s-.288-.091-.417-.22l-.22-.228v-1.1c0-1.024.007-1.107.151-1.183.122-.068.152-.16.152-.455s.03-.387.152-.456c.121-.068.152-.159.152-.455s.03-.387.151-.455c.099-.053.152-.16.152-.303 0-.144.053-.25.152-.304.09-.045.151-.16.151-.273 0-.129.16-.341.532-.713l.523-.531h1.229l.372.372.379.379v.948c0 .873-.015.956-.152 1.032-.121.068-.151.16-.151.455s-.03.387-.152.455c-.122.069-.152.16-.152.456 0 .295-.03.386-.152.455-.098.053-.151.159-.151.303s-.053.25-.152.304-.152.159-.152.303-.053.25-.152.303c-.09.046-.151.16-.151.274 0 .113-.091.288-.22.417-.13.129-.304.22-.418.22s-.227.06-.273.152c-.068.12-.159.151-.455.151s-.387-.03-.455-.151Zm-8.193-2.42c-.046-.091-.175-.16-.319-.175-.22-.023-.25-.053-.273-.273-.015-.144-.083-.273-.174-.319-.22-.121-.22-1.699.007-1.82.122-.069.152-.16.152-.456 0-.295.03-.386.152-.455.121-.068.151-.159.151-.455s.03-.387.152-.455.152-.16.152-.455.03-.387.152-.455c.098-.053.151-.16.151-.304s.053-.25.152-.303c.091-.046.152-.16.152-.273 0-.25.387-.638.637-.638.114 0 .228-.06.273-.151.068-.122.16-.152.455-.152s.387.03.456.152c.045.09.159.151.273.151.113 0 .288.091.417.22l.22.228V40.9c0 1.176-.008 1.259-.152 1.335-.121.068-.152.16-.152.455s-.03.387-.151.455c-.122.068-.152.16-.152.455s-.03.387-.152.456c-.098.053-.151.159-.151.303s-.054.25-.152.303c-.091.046-.152.16-.152.274 0 .257-.683.94-.94.94-.114 0-.228.06-.274.152-.114.22-.796.22-.91.008Zm-39.721-.547c-.076-.129.098-.273.204-.167.091.091.03.25-.083.25-.038 0-.091-.037-.121-.083Zm57.048-.63c-.068-.189 0-.462.121-.462.167 0 .197.463.038.523-.068.023-.136 0-.16-.06Zm.614.023c-.083-.129.091-.273.198-.166.09.09.03.25-.084.25-.038 0-.091-.038-.114-.084Zm.91-.303c-.083-.129.092-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm.911-.303c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-2.132-.32c-.068-.196 0-.47.122-.47q.113-.002.113.259c0 .273-.159.41-.235.212ZM5.548 43.67c-.076-.13.098-.273.204-.167.091.09.03.25-.083.25-.038 0-.091-.038-.121-.083Zm61-.304c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-3.338-.607c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.091-.037-.114-.083Zm4.552-.303c-.083-.13.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-4.256-.622c-.068-.197 0-.47.122-.47.075 0 .113.083.113.257 0 .273-.159.41-.235.213Zm4.863.015c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-4.56-1.229c-.068-.197 0-.47.122-.47.076 0 .114.083.114.258 0 .273-.16.41-.235.212Zm6.077-1.502c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-6.372-.91c-.084-.13.09-.274.197-.167.091.09.03.25-.083.25-.038 0-.092-.038-.114-.083Zm6.676 0c-.084-.13.09-.274.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-7.283-1.214c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.304-.607c-.083-.13.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-1.213-.91c-.084-.13.09-.274.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-2.428-1.214c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm11.228 0c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-11.835-.304c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.91-.303c-.084-.13.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-1.517-.607c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-.91-.303c-.084-.13.09-.274.196-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.911-.304c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm15.476 0c-.084-.129.09-.273.197-.167.091.091.03.25-.084.25-.037 0-.09-.037-.113-.083Zm-17.904-.91c-.083-.13.091-.273.198-.167.09.09.03.25-.084.25-.038 0-.091-.038-.114-.083Zm-1.82-.607c-.084-.13.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.038-.113-.083Zm19.117 0c-.084-.13.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-21.242-.607c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm20.938 0c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-21.848-.304c-.083-.128.091-.273.197-.166.091.09.03.25-.083.25-.038 0-.091-.038-.114-.084Zm-2.124-.606c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-1.214-.304c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-1.221-.303c-.076-.13.098-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm25.497 0c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-26.711-.304c-.076-.129.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm26.408-.303c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-.607-.91c-.084-.13.09-.274.197-.167.09.09.03.25-.084.25-.037 0-.09-.038-.113-.084Zm-.304-.607c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.91-1.518c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.607-.91c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.303-.607c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm-.607-.91c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-.91-1.517c-.084-.13.09-.274.197-.167.09.09.03.25-.084.25-.038 0-.091-.038-.114-.083Zm-.608-.91c-.083-.13.091-.274.198-.168.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-.607-.911c-.083-.13.092-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-.606-.91c-.084-.13.09-.274.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.084Zm-.607-.91c-.084-.13.09-.274.197-.168.091.091.03.25-.084.25-.037 0-.09-.037-.113-.083Zm-.607-.911c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-1.82-2.731c-.084-.13.09-.273.196-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-.608-.91c-.083-.13.091-.274.197-.167.092.09.03.25-.083.25-.038 0-.091-.038-.114-.084Zm-.91-1.214c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-3.035-3.035c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-.606-.303c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-4.552-.304c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm3.945 0c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm-1.214-.303c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Z'/><path fill='#f8e3d3' stroke='#f8e3d3' d='M23.762 88.283c-.106-.174.106-.235.766-.212.539.015.675.045.675.136 0 .144-1.358.213-1.44.076Zm-1.828-.31c-.076-.13.098-.274.205-.168.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm65.856-.608c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm-57.663-.303c-.076-.13.098-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm58.876-.304c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-57.055-.607c-.076-.129.098-.273.204-.167.091.092.03.25-.083.25-.038 0-.091-.037-.121-.083Zm17 0c-.083-.129.091-.273.197-.167.092.092.03.25-.083.25-.038 0-.091-.037-.114-.083Zm40.966-.303c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.092-.038-.114-.083Zm-41.27-.304c-.083-.128.092-.273.198-.166.091.09.03.25-.083.25-.038 0-.091-.038-.114-.084Zm-33.993-1.213c-.076-.13.099-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm75.566-3.035c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-43.696-.91c-.084-.13.09-.273.197-.167.09.091.03.25-.084.25-.037 0-.09-.038-.113-.083Zm-6.077-.607c-.076-.129.099-.273.205-.167.091.091.03.25-.084.25-.037 0-.09-.038-.12-.083Zm49.47 0c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.092-.038-.114-.083Zm-44-.91c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm43.696-.304c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.091-.037-.114-.083Zm-46.73-.91c-.084-.13.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.091-.038-.114-.083Zm46.427-.304c-.084-.129.09-.273.197-.167.091.092.03.25-.083.25-.038 0-.091-.037-.114-.083ZM8.893 75.834c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-.303-1.517c-.084-.13.09-.273.197-.167.09.091.03.25-.084.25-.037 0-.09-.038-.113-.083Zm79.503-1.82c-.083-.13.091-.274.197-.168.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083ZM8.286 71.281c-.083-.129.091-.273.197-.166.091.09.03.25-.083.25-.038 0-.091-.038-.114-.084Zm79.504 0c-.084-.129.09-.273.197-.166.09.09.03.25-.084.25-.038 0-.09-.038-.113-.084ZM7.983 68.855c-.084-.13.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm78.896-.91c-.083-.13.091-.274.197-.167.092.09.03.25-.083.25-.038 0-.091-.038-.114-.084ZM7.68 65.82c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm78.593 0c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083ZM55.321 64c-.084-.13.09-.273.197-.167.09.09.03.25-.084.25-.037 0-.09-.038-.113-.083Zm30.344 0c-.083-.13.091-.273.198-.167.09.09.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-78.29-.91c-.083-.13.092-.274.198-.168.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm45.518 0c-.083-.13.091-.274.197-.168.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-4.855-1.821c-.084-.13.09-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm13.958-.607c-.083-.13.092-.273.198-.167.09.09.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-54.924-.304c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm55.531 0c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm1.214-.607c-.083-.129.091-.273.197-.166.091.09.03.25-.083.25-.038 0-.091-.038-.114-.084Zm.607-.303c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-22.16-.303c-.075-.13.1-.274.206-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm22.767 0c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm.607-.304c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm17.296 0c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-15.172-.91c-.083-.13.091-.273.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-60.993-.607c-.083-.13.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm29.123-.607c-.075-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.038-.122-.083Zm42.794-.91c-.083-.13.091-.274.197-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-1.214-.304c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-71.006-.607c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm26.695-.303c-.076-.13.099-.273.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083ZM6.154 51.862c-.075-.13.1-.273.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm27.614 0c-.076-.13.099-.273.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm.304-1.517c-.076-.13.098-.274.205-.167.09.09.03.25-.084.25-.038 0-.091-.038-.121-.083Zm.303-1.214c-.076-.13.099-.273.205-.167.091.09.03.25-.083.25-.038 0-.092-.038-.122-.083Zm-28.524-.304c-.076-.129.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm47.346-.303c-.084-.13.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.038-.113-.083Zm12.44-4.552c-.083-.129.092-.273.198-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083ZM44.7 42.455c-.083-.13.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm18.51 0c-.083-.13.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.091-.038-.114-.083Zm-9.103-.304c-.084-.129.09-.273.197-.166.091.09.03.25-.083.25-.038 0-.091-.038-.114-.084Zm-48.863-.91c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.092-.037-.122-.083Zm43.4-.303c-.083-.13.092-.273.198-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083ZM36.5 40.634c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm32.78 0c-.083-.129.091-.273.197-.167.092.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm.304-.607c-.084-.129.09-.273.197-.167.091.091.03.25-.084.25-.037 0-.09-.037-.113-.083Zm-64.339-.91c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.092-.038-.122-.083ZM63.21 37.6c-.083-.13.091-.273.198-.167.09.09.03.25-.084.25-.038 0-.091-.038-.114-.083Zm-25.8-.304c-.076-.129.098-.273.204-.167.091.091.03.25-.083.25-.038 0-.091-.037-.121-.083Zm-31.559-.91c-.076-.13.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.038-.121-.083Zm.303-.91c-.075-.13.1-.274.205-.167.091.09.03.25-.083.25-.038 0-.091-.038-.122-.083Zm53.415-.91c-.084-.13.09-.274.197-.168.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-3.035-1.215c-.083-.129.091-.273.198-.166.09.09.03.25-.084.25-.038 0-.09-.038-.114-.084Zm-49.158-.303c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm31.247 0c-.075-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.038-.122-.083Zm31.263 0c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-16.69-.91c-.083-.13.092-.273.198-.167.09.09.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-.91-.304c-.083-.129.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm16.993-.303c-.083-.13.091-.273.197-.167.092.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-18.814-.304c-.083-.129.092-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm-1.82-.607c-.084-.129.09-.273.197-.167.091.092.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-38.842-.902c-.075-.122.41-.57.509-.47.06.06.015.151-.152.31-.25.258-.288.273-.357.16Zm35.807-.008c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm22.759 0c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-28.532-.607c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm-29.123-.296c-.076-.121.41-.569.508-.47.06.06.015.152-.152.311-.25.258-.288.273-.356.16Zm55.53-2.738c-.083-.13.092-.273.198-.167.091.09.03.25-.083.25-.038 0-.091-.038-.114-.083Zm-46.738-3.642c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm44.311-.303c-.083-.13.091-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.038-.114-.083ZM21.934 20.91c-.076-.129.098-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm3.641-2.124c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.092-.038-.122-.083Zm2.124-1.214c-.076-.129.099-.273.205-.167.091.091.03.25-.083.25-.038 0-.091-.037-.122-.083Zm32.173-1.517c-.083-.13.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-28.228-.607c-.076-.129.099-.273.205-.167.091.091.03.25-.084.25-.037 0-.09-.037-.12-.083Zm.607-.303c-.076-.13.099-.274.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm27.014 0c-.083-.13.092-.274.198-.167.09.09.03.25-.084.25-.038 0-.09-.038-.114-.083Zm-25.8-.607c-.076-.13.098-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm4.855-2.428c-.076-.129.099-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm.607-.303c-.076-.13.098-.273.205-.167.09.09.03.25-.084.25-.038 0-.09-.038-.121-.083Zm.607-.304c-.076-.129.098-.273.205-.167.09.091.03.25-.084.25-.038 0-.09-.037-.121-.083Zm16.394-.91c-.084-.13.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.038-.113-.083Zm-13.049-.607c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.091-.038-.114-.083Zm1.518-.607c-.084-.129.09-.273.197-.167.09.091.03.25-.084.25-.038 0-.09-.037-.113-.083Zm10.317 0c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm-8.8-.607c-.084-.129.09-.273.197-.167.091.091.03.25-.083.25-.038 0-.091-.037-.114-.083Zm1.82-.607c-.083-.129.091-.273.198-.167.09.091.03.25-.084.25-.038 0-.09-.037-.114-.083Zm1.518-.303c-.084-.13.09-.273.197-.167.091.09.03.25-.084.25-.037 0-.09-.038-.113-.083Z'/></g></svg>","preview_image":"https://opengraph.githubassets.com/98134002234b7fa3941b48fd782fab9a42db23ebe9d2ddad0564b9daa11933cf/yukihito-jokyu/design-system","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-18T06:31:20Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json","install_bun":"bunx shadcn@latest add https://design.yukihi.tokyo/v1/r/registry.json","clone":"git clone https://github.com/yukihito-jokyu/design-system.git","clone_degit":"npx degit yukihito-jokyu/design-system","registry_fetch":"curl -s https://design.yukihi.tokyo/v1/r/registry.json"},"component_count":242,"components":[{"name":"design-system-styles","title":"Design System Styles","description":"Design tokens, Tailwind v4 theme mappings, and shared component rules.","type":"registry:style","source_url":"https://design.yukihi.tokyo/v1/r/design-system-styles.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system-styles.json"},{"name":"utils","title":"Utilities","description":"Class-name utility.","type":"registry:lib","source_url":"https://design.yukihi.tokyo/v1/r/utils.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/utils.json"},{"name":"use-mobile","title":"Mobile Hook","description":"Responsive mobile-state hook.","type":"registry:hook","source_url":"https://design.yukihi.tokyo/v1/r/use-mobile.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/use-mobile.json"},{"name":"accordion","title":"accordion","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/accordion.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/accordion.json"},{"name":"alert-dialog","title":"alert-dialog","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/alert-dialog.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/alert-dialog.json"},{"name":"alert","title":"alert","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/alert.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/alert.json"},{"name":"avatar","title":"avatar","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/avatar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/avatar.json"},{"name":"badge","title":"badge","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/badge.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/badge.json"},{"name":"breadcrumb","title":"breadcrumb","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/breadcrumb.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/breadcrumb.json"},{"name":"button","title":"button","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/button.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/button.json"},{"name":"calendar","title":"calendar","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/calendar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/calendar.json"},{"name":"card","title":"card","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/card.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/card.json"},{"name":"checkbox","title":"checkbox","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/checkbox.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/checkbox.json"},{"name":"collapsible","title":"collapsible","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/collapsible.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/collapsible.json"},{"name":"combobox","title":"combobox","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/combobox.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/combobox.json"},{"name":"date-picker","title":"date-picker","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/date-picker.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/date-picker.json"},{"name":"dialog","title":"dialog","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/dialog.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dialog.json"},{"name":"dropdown-menu","title":"dropdown-menu","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dropdown-menu.json"},{"name":"file-upload","title":"file-upload","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/file-upload.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/file-upload.json"},{"name":"icon-button","title":"icon-button","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/icon-button.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icon-button.json"},{"name":"input-group","title":"input-group","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/input-group.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/input-group.json"},{"name":"input","title":"input","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/input.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/input.json"},{"name":"label","title":"label","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/label.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/label.json"},{"name":"navigation-menu","title":"navigation-menu","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/navigation-menu.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/navigation-menu.json"},{"name":"pagination","title":"pagination","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/pagination.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/pagination.json"},{"name":"popover","title":"popover","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/popover.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/popover.json"},{"name":"progress","title":"progress","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/progress.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/progress.json"},{"name":"radio-group","title":"radio-group","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/radio-group.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/radio-group.json"},{"name":"select","title":"select","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/select.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/select.json"},{"name":"separator","title":"separator","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/separator.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/separator.json"},{"name":"sheet","title":"sheet","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/sheet.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sheet.json"},{"name":"sidebar","title":"sidebar","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/sidebar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sidebar.json"},{"name":"skeleton","title":"skeleton","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/skeleton.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/skeleton.json"},{"name":"slider","title":"slider","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/slider.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/slider.json"},{"name":"sonner","title":"sonner","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/sonner.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/sonner.json"},{"name":"spinner","title":"spinner","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/spinner.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/spinner.json"},{"name":"switch","title":"switch","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/switch.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/switch.json"},{"name":"table","title":"table","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/table.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/table.json"},{"name":"tabs","title":"tabs","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/tabs.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/tabs.json"},{"name":"textarea","title":"textarea","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/textarea.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/textarea.json"},{"name":"toast","title":"toast","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/toast.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toast.json"},{"name":"toggle-group","title":"toggle-group","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/toggle-group.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toggle-group.json"},{"name":"toggle","title":"toggle","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/toggle.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/toggle.json"},{"name":"tooltip","title":"tooltip","description":"Design system ui component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/tooltip.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/tooltip.json"},{"name":"theme-provider","title":"Design Theme Provider","description":"Scoped theme and portal color inheritance.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/theme-provider.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/theme-provider.json"},{"name":"assistant-card","title":"assistant-card","description":"Design system character component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assistant-card.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assistant-card.json"},{"name":"empty-state","title":"empty-state","description":"Design system character component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/empty-state.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/empty-state.json"},{"name":"friendly-tooltip","title":"friendly-tooltip","description":"Design system character component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/friendly-tooltip.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/friendly-tooltip.json"},{"name":"message-bubble","title":"message-bubble","description":"Design system character component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/message-bubble.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/message-bubble.json"},{"name":"soft-notice","title":"soft-notice","description":"Design system character component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/soft-notice.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/soft-notice.json"},{"name":"suggestion-chip","title":"suggestion-chip","description":"Design system character component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/suggestion-chip.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/suggestion-chip.json"},{"name":"character-icons","title":"Dynamic Character Icons","description":"Dynamic six-direction character/status API and all approved artwork variants.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/character-icons.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/character-icons.json"},{"name":"app-shell","title":"app-shell","description":"画面共通のナビゲーション枠。単独画面の主目的を表すPatternには使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/app-shell.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/app-shell.json"},{"name":"assistant-panel","title":"assistant-panel","description":"AI支援が要件にある画面へ案内領域を加える。AI支援が不要なら使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assistant-panel.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assistant-panel.json"},{"name":"data-table","title":"data-table","description":"表形式の検索・並べ替え・選択・ページ送り。画面全体の構成にはcollection-pageを使う。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/data-table.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/data-table.json"},{"name":"error-state","title":"error-state","description":"処理失敗の説明と再試行。対象が0件の状態には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/error-state.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/error-state.json"},{"name":"form-field","title":"form-field","description":"ラベル・説明・入力エラーを結ぶ入力欄。フォーム全体の構成には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/form-field.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/form-field.json"},{"name":"loading-state","title":"loading-state","description":"領域の待機と初回スケルトン。失敗結果の表示には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/loading-state.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/loading-state.json"},{"name":"page-header","title":"page-header","description":"見出し・説明・主操作をまとめる。本文や画面状態の代わりには使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/page-header.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/page-header.json"},{"name":"search-field","title":"search-field","description":"検索語を入力する欄。条件全体の管理にはtable-toolbarを使う。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/search-field.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/search-field.json"},{"name":"settings-section","title":"settings-section","description":"設定群の見出し・説明・本文。画面全体にはsettings-pageを使う。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/settings-section.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/settings-section.json"},{"name":"table-toolbar","title":"table-toolbar","description":"一覧の検索・条件・件数をまとめる。表本体にはdata-tableを使う。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/table-toolbar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/table-toolbar.json"},{"name":"dashboard-page","title":"dashboard-page","description":"複数の指標と進行状況を把握し優先作業へ進む画面。単一数値の表示には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/dashboard-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/dashboard-page.json"},{"name":"collection-page","title":"collection-page","description":"複数件を探し比較して選ぶ画面。単一対象の閲覧には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/collection-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/collection-page.json"},{"name":"detail-page","title":"detail-page","description":"1件を閲覧し関連操作へ進む画面。編集と保存が主目的なら使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/detail-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/detail-page.json"},{"name":"edit-page","title":"edit-page","description":"1件を作成・編集して保存する画面。複数の独立した設定群には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/edit-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/edit-page.json"},{"name":"settings-page","title":"settings-page","description":"複数の設定群を管理する画面。単一項目の変更には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/settings-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/settings-page.json"},{"name":"step-form","title":"step-form","description":"順番に入力し確認して送信する画面。独立した複数作業には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/step-form.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/step-form.json"},{"name":"task-workflow-page","title":"task-workflow-page","description":"独立した複数作業の進行を管理する画面。直線的な段階入力には使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/task-workflow-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/task-workflow-page.json"},{"name":"result-page","title":"result-page","description":"完了結果と次の行動を残す画面。短い通知だけなら使わない。","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/result-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/result-page.json"},{"name":"icon-frame","title":"Icon Frame","description":"Shared frame for approved SVG artwork.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/icon-frame.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icon-frame.json"},{"name":"assembly-document-feature-icon","title":"AssemblyDocumentFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-document-feature-icon.json"},{"name":"assembly-history-feature-icon","title":"AssemblyHistoryFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-history-feature-icon.json"},{"name":"assembly-idea-feature-icon","title":"AssemblyIdeaFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-idea-feature-icon.json"},{"name":"assembly-saved-status-icon","title":"AssemblySavedStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-saved-status-icon.json"},{"name":"assembly-success-character-icon","title":"AssemblySuccessCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-success-character-icon.json"},{"name":"assembly-thinking-character-icon","title":"AssemblyThinkingCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-thinking-character-icon.json"},{"name":"assembly-thinking-status-icon","title":"AssemblyThinkingStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-thinking-status-icon.json"},{"name":"assembly-welcome-character-icon","title":"AssemblyWelcomeCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/assembly-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/assembly-welcome-character-icon.json"},{"name":"fold-document-feature-icon","title":"FoldDocumentFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-document-feature-icon.json"},{"name":"fold-history-feature-icon","title":"FoldHistoryFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-history-feature-icon.json"},{"name":"fold-idea-feature-icon","title":"FoldIdeaFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-idea-feature-icon.json"},{"name":"fold-saved-status-icon","title":"FoldSavedStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-saved-status-icon.json"},{"name":"fold-success-character-icon","title":"FoldSuccessCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-success-character-icon.json"},{"name":"fold-thinking-character-icon","title":"FoldThinkingCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-thinking-character-icon.json"},{"name":"fold-thinking-status-icon","title":"FoldThinkingStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-thinking-status-icon.json"},{"name":"fold-welcome-character-icon","title":"FoldWelcomeCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/fold-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/fold-welcome-character-icon.json"},{"name":"impress-document-feature-icon","title":"ImpressDocumentFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-document-feature-icon.json"},{"name":"impress-history-feature-icon","title":"ImpressHistoryFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-history-feature-icon.json"},{"name":"impress-idea-feature-icon","title":"ImpressIdeaFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-idea-feature-icon.json"},{"name":"impress-saved-status-icon","title":"ImpressSavedStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-saved-status-icon.json"},{"name":"impress-success-character-icon","title":"ImpressSuccessCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-success-character-icon.json"},{"name":"impress-thinking-character-icon","title":"ImpressThinkingCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-thinking-character-icon.json"},{"name":"impress-thinking-status-icon","title":"ImpressThinkingStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-thinking-status-icon.json"},{"name":"impress-welcome-character-icon","title":"ImpressWelcomeCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/impress-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/impress-welcome-character-icon.json"},{"name":"ink-document-feature-icon","title":"InkDocumentFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-document-feature-icon.json"},{"name":"ink-history-feature-icon","title":"InkHistoryFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-history-feature-icon.json"},{"name":"ink-idea-feature-icon","title":"InkIdeaFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-idea-feature-icon.json"},{"name":"ink-saved-status-icon","title":"InkSavedStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-saved-status-icon.json"},{"name":"ink-success-character-icon","title":"InkSuccessCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-success-character-icon.json"},{"name":"ink-thinking-character-icon","title":"InkThinkingCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-thinking-character-icon.json"},{"name":"ink-thinking-status-icon","title":"InkThinkingStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-thinking-status-icon.json"},{"name":"ink-welcome-character-icon","title":"InkWelcomeCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/ink-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/ink-welcome-character-icon.json"},{"name":"monolith-document-feature-icon","title":"MonolithDocumentFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-document-feature-icon.json"},{"name":"monolith-history-feature-icon","title":"MonolithHistoryFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-history-feature-icon.json"},{"name":"monolith-idea-feature-icon","title":"MonolithIdeaFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-idea-feature-icon.json"},{"name":"monolith-saved-status-icon","title":"MonolithSavedStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-saved-status-icon.json"},{"name":"monolith-success-character-icon","title":"MonolithSuccessCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-success-character-icon.json"},{"name":"monolith-thinking-character-icon","title":"MonolithThinkingCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-thinking-character-icon.json"},{"name":"monolith-thinking-status-icon","title":"MonolithThinkingStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-thinking-status-icon.json"},{"name":"monolith-welcome-character-icon","title":"MonolithWelcomeCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/monolith-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/monolith-welcome-character-icon.json"},{"name":"orbit-document-feature-icon","title":"OrbitDocumentFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-document-feature-icon.json"},{"name":"orbit-history-feature-icon","title":"OrbitHistoryFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-history-feature-icon.json"},{"name":"orbit-idea-feature-icon","title":"OrbitIdeaFeatureIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-idea-feature-icon.json"},{"name":"orbit-saved-status-icon","title":"OrbitSavedStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-saved-status-icon.json"},{"name":"orbit-success-character-icon","title":"OrbitSuccessCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-success-character-icon.json"},{"name":"orbit-thinking-character-icon","title":"OrbitThinkingCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-thinking-character-icon.json"},{"name":"orbit-thinking-status-icon","title":"OrbitThinkingStatusIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-thinking-status-icon.json"},{"name":"orbit-welcome-character-icon","title":"OrbitWelcomeCharacterIcon","description":"Approved standalone SVG icon.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/orbit-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/orbit-welcome-character-icon.json"},{"name":"icons","title":"All Approved Icons","description":"Barrel exports for all approved standalone SVG icons.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/icons.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/icons.json"},{"name":"design-system","title":"Complete Design System","description":"All Foundation, Character, Pattern, and approved icon items.","type":"registry:base","source_url":"https://design.yukihi.tokyo/v1/r/design-system.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/design-system.json"},{"name":"cobalt-design-system-styles","title":"Cobalt Design System Styles","description":"Canonical cobalt tokens, Noto Sans JP font loading, and shared component rules.","type":"registry:style","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-design-system-styles.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-design-system-styles.json"},{"name":"cobalt-utils","title":"Cobalt Utilities","description":"Cobalt design system component.","type":"registry:lib","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-utils.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-utils.json"},{"name":"cobalt-use-mobile","title":"Cobalt Mobile Hook","description":"Cobalt design system component.","type":"registry:hook","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-use-mobile.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-use-mobile.json"},{"name":"cobalt-button","title":"Cobalt button","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-button.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-button.json"},{"name":"cobalt-card","title":"Cobalt card","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-card.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-card.json"},{"name":"cobalt-input","title":"Cobalt input","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-input.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-input.json"},{"name":"cobalt-alert","title":"Cobalt alert","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-alert.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-alert.json"},{"name":"cobalt-badge","title":"Cobalt badge","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-badge.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-badge.json"},{"name":"cobalt-breadcrumb","title":"Cobalt breadcrumb","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-breadcrumb.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-breadcrumb.json"},{"name":"cobalt-checkbox","title":"Cobalt checkbox","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-checkbox.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-checkbox.json"},{"name":"cobalt-icon-button","title":"Cobalt icon-button","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-icon-button.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-icon-button.json"},{"name":"cobalt-sheet","title":"Cobalt sheet","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-sheet.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-sheet.json"},{"name":"cobalt-skeleton","title":"Cobalt skeleton","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-skeleton.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-skeleton.json"},{"name":"cobalt-spinner","title":"Cobalt spinner","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-spinner.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-spinner.json"},{"name":"cobalt-table","title":"Cobalt table","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-table.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-table.json"},{"name":"cobalt-dialog","title":"Cobalt dialog","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-dialog.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-dialog.json"},{"name":"cobalt-label","title":"Cobalt label","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-label.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-label.json"},{"name":"cobalt-textarea","title":"Cobalt textarea","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-textarea.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-textarea.json"},{"name":"cobalt-select","title":"Cobalt select","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-select.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-select.json"},{"name":"cobalt-alert-dialog","title":"Cobalt alert-dialog","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-alert-dialog.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-alert-dialog.json"},{"name":"cobalt-sonner","title":"Cobalt sonner","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-sonner.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-sonner.json"},{"name":"cobalt-toast","title":"Cobalt toast","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-toast.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-toast.json"},{"name":"cobalt-switch","title":"Cobalt switch","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-switch.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-switch.json"},{"name":"cobalt-radio-group","title":"Cobalt radio-group","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-radio-group.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-radio-group.json"},{"name":"cobalt-slider","title":"Cobalt slider","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-slider.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-slider.json"},{"name":"cobalt-toggle","title":"Cobalt toggle","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-toggle.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-toggle.json"},{"name":"cobalt-toggle-group","title":"Cobalt toggle-group","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-toggle-group.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-toggle-group.json"},{"name":"cobalt-input-group","title":"Cobalt input-group","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-input-group.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-input-group.json"},{"name":"cobalt-combobox","title":"Cobalt combobox","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-combobox.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-combobox.json"},{"name":"cobalt-calendar","title":"Cobalt calendar","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-calendar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-calendar.json"},{"name":"cobalt-date-picker","title":"Cobalt date-picker","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-date-picker.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-date-picker.json"},{"name":"cobalt-file-upload","title":"Cobalt file-upload","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-file-upload.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-file-upload.json"},{"name":"cobalt-popover","title":"Cobalt popover","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-popover.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-popover.json"},{"name":"cobalt-accordion","title":"Cobalt accordion","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-accordion.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-accordion.json"},{"name":"cobalt-avatar","title":"Cobalt avatar","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-avatar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-avatar.json"},{"name":"cobalt-collapsible","title":"Cobalt collapsible","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-collapsible.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-collapsible.json"},{"name":"cobalt-dropdown-menu","title":"Cobalt dropdown-menu","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-dropdown-menu.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-dropdown-menu.json"},{"name":"cobalt-navigation-menu","title":"Cobalt navigation-menu","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-navigation-menu.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-navigation-menu.json"},{"name":"cobalt-pagination","title":"Cobalt pagination","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-pagination.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-pagination.json"},{"name":"cobalt-progress","title":"Cobalt progress","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-progress.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-progress.json"},{"name":"cobalt-separator","title":"Cobalt separator","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-separator.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-separator.json"},{"name":"cobalt-sidebar","title":"Cobalt sidebar","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-sidebar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-sidebar.json"},{"name":"cobalt-tabs","title":"Cobalt tabs","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-tabs.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-tabs.json"},{"name":"cobalt-tooltip","title":"Cobalt tooltip","description":"Cobalt design system component.","type":"registry:ui","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-tooltip.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-tooltip.json"},{"name":"cobalt-theme-provider","title":"Cobalt Design Theme Provider","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-theme-provider.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-theme-provider.json"},{"name":"cobalt-assistant-card","title":"Cobalt assistant-card","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assistant-card.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assistant-card.json"},{"name":"cobalt-empty-state","title":"Cobalt empty-state","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-empty-state.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-empty-state.json"},{"name":"cobalt-friendly-tooltip","title":"Cobalt friendly-tooltip","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-friendly-tooltip.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-friendly-tooltip.json"},{"name":"cobalt-message-bubble","title":"Cobalt message-bubble","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-message-bubble.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-message-bubble.json"},{"name":"cobalt-soft-notice","title":"Cobalt soft-notice","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-soft-notice.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-soft-notice.json"},{"name":"cobalt-suggestion-chip","title":"Cobalt suggestion-chip","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-suggestion-chip.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-suggestion-chip.json"},{"name":"cobalt-character-icons","title":"Cobalt Dynamic Character Icons","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-character-icons.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-character-icons.json"},{"name":"cobalt-app-shell","title":"Cobalt app-shell","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-app-shell.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-app-shell.json"},{"name":"cobalt-collection-page","title":"Cobalt collection-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-collection-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-collection-page.json"},{"name":"cobalt-data-table","title":"Cobalt data-table","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-data-table.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-data-table.json"},{"name":"cobalt-error-state","title":"Cobalt error-state","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-error-state.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-error-state.json"},{"name":"cobalt-loading-state","title":"Cobalt loading-state","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-loading-state.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-loading-state.json"},{"name":"cobalt-page-header","title":"Cobalt page-header","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-page-header.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-page-header.json"},{"name":"cobalt-search-field","title":"Cobalt search-field","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-search-field.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-search-field.json"},{"name":"cobalt-table-toolbar","title":"Cobalt table-toolbar","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-table-toolbar.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-table-toolbar.json"},{"name":"cobalt-form-field","title":"Cobalt form-field","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-form-field.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-form-field.json"},{"name":"cobalt-edit-page","title":"Cobalt edit-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-edit-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-edit-page.json"},{"name":"cobalt-assistant-panel","title":"Cobalt assistant-panel","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assistant-panel.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assistant-panel.json"},{"name":"cobalt-settings-section","title":"Cobalt settings-section","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-settings-section.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-settings-section.json"},{"name":"cobalt-dashboard-page","title":"Cobalt dashboard-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-dashboard-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-dashboard-page.json"},{"name":"cobalt-detail-page","title":"Cobalt detail-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-detail-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-detail-page.json"},{"name":"cobalt-settings-page","title":"Cobalt settings-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-settings-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-settings-page.json"},{"name":"cobalt-step-form","title":"Cobalt step-form","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-step-form.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-step-form.json"},{"name":"cobalt-task-workflow-page","title":"Cobalt task-workflow-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-task-workflow-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-task-workflow-page.json"},{"name":"cobalt-result-page","title":"Cobalt result-page","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-result-page.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-result-page.json"},{"name":"cobalt-icon-frame","title":"Cobalt Icon Frame","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-icon-frame.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-icon-frame.json"},{"name":"cobalt-assembly-document-feature-icon","title":"Cobalt AssemblyDocumentFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-document-feature-icon.json"},{"name":"cobalt-assembly-history-feature-icon","title":"Cobalt AssemblyHistoryFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-history-feature-icon.json"},{"name":"cobalt-assembly-idea-feature-icon","title":"Cobalt AssemblyIdeaFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-idea-feature-icon.json"},{"name":"cobalt-assembly-saved-status-icon","title":"Cobalt AssemblySavedStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-saved-status-icon.json"},{"name":"cobalt-assembly-success-character-icon","title":"Cobalt AssemblySuccessCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-success-character-icon.json"},{"name":"cobalt-assembly-thinking-character-icon","title":"Cobalt AssemblyThinkingCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-thinking-character-icon.json"},{"name":"cobalt-assembly-thinking-status-icon","title":"Cobalt AssemblyThinkingStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-thinking-status-icon.json"},{"name":"cobalt-assembly-welcome-character-icon","title":"Cobalt AssemblyWelcomeCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-assembly-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-assembly-welcome-character-icon.json"},{"name":"cobalt-fold-document-feature-icon","title":"Cobalt FoldDocumentFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-document-feature-icon.json"},{"name":"cobalt-fold-history-feature-icon","title":"Cobalt FoldHistoryFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-history-feature-icon.json"},{"name":"cobalt-fold-idea-feature-icon","title":"Cobalt FoldIdeaFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-idea-feature-icon.json"},{"name":"cobalt-fold-saved-status-icon","title":"Cobalt FoldSavedStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-saved-status-icon.json"},{"name":"cobalt-fold-success-character-icon","title":"Cobalt FoldSuccessCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-success-character-icon.json"},{"name":"cobalt-fold-thinking-character-icon","title":"Cobalt FoldThinkingCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-thinking-character-icon.json"},{"name":"cobalt-fold-thinking-status-icon","title":"Cobalt FoldThinkingStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-thinking-status-icon.json"},{"name":"cobalt-fold-welcome-character-icon","title":"Cobalt FoldWelcomeCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-fold-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-fold-welcome-character-icon.json"},{"name":"cobalt-impress-document-feature-icon","title":"Cobalt ImpressDocumentFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-document-feature-icon.json"},{"name":"cobalt-impress-history-feature-icon","title":"Cobalt ImpressHistoryFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-history-feature-icon.json"},{"name":"cobalt-impress-idea-feature-icon","title":"Cobalt ImpressIdeaFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-idea-feature-icon.json"},{"name":"cobalt-impress-saved-status-icon","title":"Cobalt ImpressSavedStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-saved-status-icon.json"},{"name":"cobalt-impress-success-character-icon","title":"Cobalt ImpressSuccessCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-success-character-icon.json"},{"name":"cobalt-impress-thinking-character-icon","title":"Cobalt ImpressThinkingCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-thinking-character-icon.json"},{"name":"cobalt-impress-thinking-status-icon","title":"Cobalt ImpressThinkingStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-thinking-status-icon.json"},{"name":"cobalt-impress-welcome-character-icon","title":"Cobalt ImpressWelcomeCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-impress-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-impress-welcome-character-icon.json"},{"name":"cobalt-ink-document-feature-icon","title":"Cobalt InkDocumentFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-document-feature-icon.json"},{"name":"cobalt-ink-history-feature-icon","title":"Cobalt InkHistoryFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-history-feature-icon.json"},{"name":"cobalt-ink-idea-feature-icon","title":"Cobalt InkIdeaFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-idea-feature-icon.json"},{"name":"cobalt-ink-saved-status-icon","title":"Cobalt InkSavedStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-saved-status-icon.json"},{"name":"cobalt-ink-success-character-icon","title":"Cobalt InkSuccessCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-success-character-icon.json"},{"name":"cobalt-ink-thinking-character-icon","title":"Cobalt InkThinkingCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-thinking-character-icon.json"},{"name":"cobalt-ink-thinking-status-icon","title":"Cobalt InkThinkingStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-thinking-status-icon.json"},{"name":"cobalt-ink-welcome-character-icon","title":"Cobalt InkWelcomeCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-ink-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-ink-welcome-character-icon.json"},{"name":"cobalt-monolith-document-feature-icon","title":"Cobalt MonolithDocumentFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-document-feature-icon.json"},{"name":"cobalt-monolith-history-feature-icon","title":"Cobalt MonolithHistoryFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-history-feature-icon.json"},{"name":"cobalt-monolith-idea-feature-icon","title":"Cobalt MonolithIdeaFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-idea-feature-icon.json"},{"name":"cobalt-monolith-saved-status-icon","title":"Cobalt MonolithSavedStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-saved-status-icon.json"},{"name":"cobalt-monolith-success-character-icon","title":"Cobalt MonolithSuccessCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-success-character-icon.json"},{"name":"cobalt-monolith-thinking-character-icon","title":"Cobalt MonolithThinkingCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-thinking-character-icon.json"},{"name":"cobalt-monolith-thinking-status-icon","title":"Cobalt MonolithThinkingStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-thinking-status-icon.json"},{"name":"cobalt-monolith-welcome-character-icon","title":"Cobalt MonolithWelcomeCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-monolith-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-monolith-welcome-character-icon.json"},{"name":"cobalt-orbit-document-feature-icon","title":"Cobalt OrbitDocumentFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-document-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-document-feature-icon.json"},{"name":"cobalt-orbit-history-feature-icon","title":"Cobalt OrbitHistoryFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-history-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-history-feature-icon.json"},{"name":"cobalt-orbit-idea-feature-icon","title":"Cobalt OrbitIdeaFeatureIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-idea-feature-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-idea-feature-icon.json"},{"name":"cobalt-orbit-saved-status-icon","title":"Cobalt OrbitSavedStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-saved-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-saved-status-icon.json"},{"name":"cobalt-orbit-success-character-icon","title":"Cobalt OrbitSuccessCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-success-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-success-character-icon.json"},{"name":"cobalt-orbit-thinking-character-icon","title":"Cobalt OrbitThinkingCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-thinking-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-thinking-character-icon.json"},{"name":"cobalt-orbit-thinking-status-icon","title":"Cobalt OrbitThinkingStatusIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-thinking-status-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-thinking-status-icon.json"},{"name":"cobalt-orbit-welcome-character-icon","title":"Cobalt OrbitWelcomeCharacterIcon","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-orbit-welcome-character-icon.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-orbit-welcome-character-icon.json"},{"name":"cobalt-icons","title":"Cobalt All Approved Icons","description":"Cobalt design system component.","type":"registry:component","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-icons.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-icons.json"},{"name":"cobalt-design-system","title":"Cobalt Design System","description":"Install only the cobalt design system.","type":"registry:base","source_url":"https://design.yukihi.tokyo/v1/r/cobalt-design-system.json","install_command":"npx shadcn@latest add https://design.yukihi.tokyo/v1/r/cobalt-design-system.json"}]},{"id":"zenoadmin","name":"@zenoadmin","slug":"zenoadmin","description":"A bilingual Lexical rich text editor built with shadcn/ui, with extensible plugins, nodes, and toolbar controls.","author":"zeno-admin","framework":"react","license":null,"tags":["dashboard","editor","pro-available"],"categories":["Editor (rich text/code)"],"labels":["pro"],"urls":{"website":"https://github.com/zeno-admin/shadcn-editor","github":"https://github.com/zeno-admin/shadcn-editor","registry":"https://shadcn-editor-nu.vercel.app/r/registry.json","source":"https://shadcn-editor-nu.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/zenoadmin","markdown":"https://sh4dcn.netlify.app/md/zenoadmin.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect width='32' height='32' rx='8' fill='var(--foreground)'/><path d='M9 9h14L9 23h14' stroke='var(--background)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":"https://opengraph.githubassets.com/964ba462bf92e14d11afc4903dd8b8ae2434771bfea4eae1815bdd7de0c85ae9/zeno-admin/shadcn-editor","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-09-02T05:32:51Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-editor-nu.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-editor-nu.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-editor-nu.vercel.app/r/registry.json","clone":"git clone https://github.com/zeno-admin/shadcn-editor.git","clone_degit":"npx degit zeno-admin/shadcn-editor","registry_fetch":"curl -s https://shadcn-editor-nu.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"editor","title":"Editor","description":"A rich text editor built on Lexical with plugins, nodes, extensions, and toolbar support.","type":"registry:block","source_url":"https://shadcn-editor-nu.vercel.app/r/editor.json","install_command":"npx shadcn@latest add https://shadcn-editor-nu.vercel.app/r/editor.json"}]},{"id":"zippystarter","name":"@zippystarter","slug":"zippystarter","description":"Freemium shadcn/ui block, component, and template registry targeting Next.js with Tailwind CSS. Free tier includes a growing set of marketing blocks: Hero (5 variants), Feature, Pricing, FAQ, Contact, Blog, About, and Image Group sections. Pro tier adds full Next.js starter templates (Devstarter developer portfolio, Focus marketing site, Nimble SaaS template) plus a private registry and MDX blog scaffold with a CLI that generates post stubs. Trusted by 50+ developers. Use for: quickly assembling a polished Next.js marketing site or SaaS landing page from copy-paste sections, especially when you also want matching full-page starter templates to maintain UI consistency as the project grows.","author":null,"framework":"react","license":null,"tags":["accessibility","ai","blocks","cms","marketing","media","pro-available","saas","theming"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["pro"],"urls":{"website":"https://zippystarter.com","github":"N/A","registry":"https://zippystarter.com/r/registry.json","source":"https://zippystarter.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/zippystarter","markdown":"https://sh4dcn.netlify.app/md/zippystarter.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' width='40' height='43' viewBox='0 0 40 43' fill='none'><path d='M20 39.2561C29.7502 39.2561 37.6543 31.3161 37.6543 21.5215C37.6543 16.9915 35.9636 12.8582 33.1814 9.72367L34.4149 7.59447C37.8736 11.206 40 16.1143 40 21.5215C40 32.6174 31.0457 41.6124 20 41.6124C16.5216 41.6124 13.2507 40.7205 10.4014 39.1517L12.9484 37.7849C15.1082 38.7312 17.4931 39.2561 20 39.2561Z' fill='var(--foreground)'/><path d='M6.50141 32.952C3.90845 29.8652 2.34568 25.8767 2.34568 21.5215C2.34568 11.727 10.2498 3.78697 20 3.78697C22.7494 3.78697 25.352 4.41832 27.672 5.54458L30.2077 4.24085C27.2196 2.45579 23.729 1.43063 20 1.43063C8.95431 1.43063 0 10.4256 0 21.5215C0 26.7767 2.0085 31.5605 5.29644 35.1408L6.50141 32.952Z' fill='var(--foreground)'/><path fill-rule='evenodd' clip-rule='evenodd' d='M33.4439 1.26914C32.9881 1.50598 31.8134 2.11406 30.8249 2.61332L29.0339 3.53505L21.9087 7.10032C21.9087 7.10032 21.6776 7.33715 19.9187 8.22687C15.5152 10.4608 15.0851 10.6976 14.8091 11.0048C14.5844 11.2609 14.0195 12.2658 12.0617 15.8887C11.6958 16.5736 11.1309 17.6105 10.81 18.193C10.1424 19.4028 10.0718 19.678 10.3029 20.1965C10.4954 20.6253 10.8613 20.8493 11.3684 20.8493C11.7022 20.8493 11.8627 20.7981 12.4661 20.5229C14.2185 19.7164 16.2342 18.8267 16.2598 18.8523C16.2727 18.8651 16.1186 19.1787 15.9132 19.5436C15.7014 19.9084 15.1686 20.8878 14.7321 21.7135C13.0053 24.9459 12.3377 26.1877 11.9526 26.8981L11.8791 27.0339C11.6531 27.4516 11.3084 28.0887 11.0667 28.5304C10.6431 29.3241 8.73017 32.8125 7.13822 35.6993C6.8301 36.2626 6.46421 36.9155 6.32941 37.1523C6.19461 37.3827 5.7902 38.106 5.43073 38.7525C4.7182 40.0391 4.6155 40.3783 4.82091 40.7688C4.95571 41.0376 5.30877 41.2425 5.62972 41.2489C5.93142 41.2489 6.03106 41.1869 6.09315 41.125C6.15523 41.0631 7.14858 39.5154 7.14858 39.5154L20.612 32.6397L22.6084 31.6668C24.8422 30.5786 25.1118 30.3866 25.5547 29.6121C26.4021 28.1015 28.4369 24.421 28.6103 24.0754C28.7258 23.8513 28.9633 23.4225 29.1431 23.1216C29.4383 22.6416 29.4768 22.5328 29.4961 22.1615C29.5089 21.8223 29.4897 21.7007 29.3677 21.4894C29.111 21.0478 28.5204 20.7661 28.0261 20.8429C27.8977 20.8621 27.5768 20.9774 27.32 21.099C26.6267 21.419 24.5213 22.3471 24.1618 22.488C23.9564 22.5712 23.8665 22.584 23.8986 22.5328C23.911 22.5112 23.9381 22.4675 23.9716 22.4137C24.0077 22.3556 24.0512 22.2856 24.0912 22.2191C24.1682 22.0911 24.6817 21.1566 25.2274 20.1389C25.773 19.1211 26.7102 17.3929 27.3136 16.3047C28.3663 14.3845 28.7386 13.7124 30.9853 9.71187C31.2215 9.28859 31.5387 8.721 31.8796 8.11121C32.3634 7.24556 32.8948 6.29488 33.3091 5.55131C33.6825 4.88113 34.0612 4.20378 34.3609 3.66787C34.628 3.19034 34.8322 2.82512 34.9139 2.67733C35.3118 1.98604 35.3632 1.6788 35.145 1.36516C35.0615 1.24354 34.9074 1.09632 34.8047 1.03231C34.3939 0.801882 34.3169 0.814685 33.4439 1.26914Z' fill='#F9FAFB'/><path fill-rule='evenodd' clip-rule='evenodd' d='M30.4258 1.82301C31.4097 1.32609 32.5808 0.719889 33.0358 0.483495C33.2512 0.37135 33.4408 0.274112 33.6032 0.20088C33.7619 0.129329 33.9464 0.056261 34.1463 0.0215534C34.6552 -0.066794 35.0187 0.137119 35.2374 0.259786L35.2558 0.270094L35.2731 0.280901C35.486 0.413551 35.7257 0.647449 35.8732 0.861405C36.105 1.19546 36.2109 1.58419 36.1328 2.03173C36.0692 2.39667 35.8879 2.75962 35.6852 3.11217C35.6004 3.26554 35.3987 3.62628 35.1388 4.09115L35.1338 4.09999C34.8341 4.63597 34.4556 5.31273 34.0826 5.98221C33.668 6.72643 33.1363 7.6777 32.6525 8.54317L32.649 8.54946C32.3094 9.157 31.9938 9.72176 31.7587 10.1432L31.7574 10.1454C29.5113 14.1449 29.1407 14.8139 28.0901 16.7304L28.088 16.7341C27.4873 17.8173 26.5523 19.5416 26.0078 20.5572C25.9696 20.6284 25.9315 20.6993 25.8936 20.7698C26.3211 20.58 26.7112 20.4049 26.9452 20.2969C27.1006 20.2235 27.2696 20.1544 27.4204 20.0999C27.5504 20.0529 27.7341 19.9918 27.8928 19.9677C28.7507 19.8355 29.6957 20.2917 30.1333 21.0444L30.1346 21.0467C30.2261 21.2051 30.3101 21.385 30.353 21.6155C30.3909 21.8193 30.3876 22.02 30.381 22.195L30.3805 22.2074C30.3696 22.4176 30.3501 22.6446 30.2546 22.9053C30.1712 23.1329 30.0418 23.3504 29.9004 23.5804C29.7308 23.8647 29.5058 24.2711 29.3991 24.4777C29.1972 24.8767 27.1641 28.5531 26.3271 30.0452L26.3235 30.0516C26.0599 30.5126 25.8018 30.8694 25.2603 31.2476C24.7893 31.5767 24.0929 31.9285 22.9964 32.4627C22.9963 32.4627 22.9964 32.4626 22.9964 32.4627L21.0074 33.432L7.76412 40.1952L7.73682 40.2376C7.64242 40.3842 7.51574 40.5804 7.38698 40.7789C7.25852 40.9769 7.12673 41.1789 7.02255 41.3362C6.97076 41.4144 6.92372 41.4847 6.88649 41.5389C6.8682 41.5656 6.84939 41.5926 6.83212 41.6164C6.82367 41.6281 6.81243 41.6433 6.79988 41.6594L6.79914 41.6604C6.79205 41.6695 6.76095 41.7095 6.71843 41.7519C6.6038 41.8662 6.4479 41.9786 6.22895 42.0509C6.03668 42.1143 5.83351 42.1342 5.62985 42.1342H5.62102L5.61219 42.134C5.279 42.1274 4.96336 42.0216 4.70603 41.8699C4.45385 41.7213 4.19532 41.4912 4.03376 41.1739C3.94235 40.9985 3.86579 40.7889 3.84664 40.5371C3.82782 40.2896 3.86872 40.057 3.93427 39.8403C4.05524 39.4404 4.30831 38.952 4.65633 38.3236L4.65706 38.3222C5.01181 37.6842 5.41912 36.9556 5.56258 36.7099C5.69686 36.4739 6.05768 35.83 6.36159 35.2744L6.36304 35.2718C7.95623 32.3827 9.86566 28.9005 10.2858 28.1134L10.2901 28.1054C10.5305 27.6659 10.8742 27.0308 11.1006 26.6125L11.174 26.4767C11.5577 25.7691 12.2242 24.5293 13.9504 21.298C14.0581 21.0941 14.1722 20.8801 14.2861 20.6677C13.8142 20.88 13.3154 21.1067 12.8364 21.3272L12.8337 21.3284C12.5389 21.4629 12.2948 21.5701 12.0708 21.6373C11.8106 21.7154 11.5975 21.7347 11.3686 21.7347C10.9839 21.7347 10.5985 21.6489 10.2553 21.4387C9.90832 21.2261 9.65639 20.9179 9.4953 20.5591L9.4943 20.5569C9.41921 20.3884 9.34403 20.1863 9.31301 19.9501C9.28083 19.705 9.30199 19.4704 9.36131 19.2364C9.46661 18.8211 9.71314 18.3483 10.0349 17.7653M14.9843 19.3871C15.1134 19.3302 15.236 19.2764 15.3503 19.2266C15.3535 19.2251 15.3568 19.2237 15.36 19.2223C15.3873 19.2104 15.4142 19.1987 15.4406 19.1873C15.9308 18.9742 16.2498 18.8422 16.26 18.8523C16.2728 18.8651 16.1187 19.1787 15.9133 19.5436C15.8966 19.5723 15.878 19.6048 15.8575 19.6408C15.7923 19.7555 15.7089 19.9052 15.6139 20.0776C15.3605 20.5377 15.0247 21.1601 14.7322 21.7134C13.0054 24.9459 12.3379 26.1876 11.9527 26.8981L11.8793 27.0338C11.6532 27.4516 11.3085 28.0886 11.0669 28.5303C10.6432 29.3241 8.73029 32.8125 7.13835 35.6993C6.83023 36.2626 6.46434 36.9155 6.32953 37.1523C6.19473 37.3827 5.79033 38.106 5.43085 38.7525C4.71833 40.0391 4.61562 40.3783 4.82104 40.7688C4.95584 41.0376 5.30889 41.2424 5.62985 41.2488C5.93155 41.2488 6.03119 41.1869 6.09327 41.1249C6.15536 41.063 7.14871 39.5154 7.14871 39.5154L20.6121 32.6397L22.6085 31.6668C24.8423 30.5786 25.112 30.3866 25.5549 29.6121C26.4022 28.1015 28.4371 24.421 28.6104 24.0754C28.7259 23.8513 28.9634 23.4225 29.1432 23.1216C29.4385 22.6416 29.477 22.5328 29.4962 22.1615C29.5091 21.8223 29.4898 21.7006 29.3678 21.4894C29.1111 21.0478 28.5205 20.7661 28.0262 20.8429C27.8979 20.8621 27.5769 20.9773 27.3201 21.099C26.8994 21.2932 25.9584 21.7114 25.2034 22.0417C25.0314 22.1169 24.8691 22.1876 24.7247 22.25C24.5948 22.3061 24.4795 22.3556 24.3848 22.3957C24.2855 22.4378 24.2088 22.4696 24.1619 22.4879C24.1469 22.494 24.1325 22.4997 24.1187 22.5051C24.0416 22.5349 23.984 22.553 23.9461 22.5599C23.9451 22.5601 23.944 22.5603 23.943 22.5605C23.8975 22.5682 23.8825 22.5587 23.8987 22.5328C23.911 22.5113 23.9381 22.4678 23.9714 22.4142C24.0007 22.367 24.0352 22.3116 24.0684 22.257C24.069 22.256 24.0696 22.2549 24.0702 22.2539C24.0773 22.2423 24.0844 22.2306 24.0913 22.2191C24.1196 22.1721 24.2066 22.0165 24.3325 21.788C24.4017 21.6624 24.4826 21.5149 24.5718 21.3513C24.7628 21.0013 24.9922 20.5778 25.2275 20.1388C25.7731 19.1211 26.7103 17.3929 27.3137 16.3047C28.3665 14.3845 28.7388 13.7124 30.9855 9.71185C31.2215 9.2887 31.5387 8.72131 31.8794 8.11172L31.8812 8.10846C32.3647 7.24355 32.8954 6.29409 33.3092 5.5513C33.6818 4.88251 34.0598 4.20659 34.3592 3.67121L34.361 3.66786C34.6281 3.19033 34.8323 2.8251 34.914 2.67732C35.312 1.98602 35.3633 1.67878 35.1451 1.36514C35.0616 1.24353 34.9076 1.09631 34.8049 1.0323C34.394 0.801868 34.317 0.81467 33.444 1.26913C32.9882 1.50596 31.8135 2.11404 30.825 2.61331L29.034 3.53503L21.9088 7.1003C21.9088 7.1003 21.6777 7.33714 19.9189 8.22685C15.5153 10.4607 15.0852 10.6976 14.8092 11.0048C14.5846 11.2609 14.0197 12.2658 12.0618 15.8887C11.6959 16.5736 11.1311 17.6105 10.8101 18.193C10.1425 19.4027 10.0719 19.678 10.303 20.1964C10.4956 20.6253 10.8614 20.8493 11.3686 20.8493C11.7024 20.8493 11.8628 20.7981 12.4662 20.5229C13.3319 20.1245 14.2618 19.7058 14.9843 19.3871ZM10.0349 17.7653C10.3545 17.1852 10.9174 16.152 11.2809 15.4715L11.2829 15.4677C12.2613 13.6573 12.8955 12.4938 13.3138 11.7501C13.7093 11.0469 13.9562 10.6346 14.1437 10.4209L14.1506 10.4131C14.4018 10.1335 14.7048 9.93521 15.393 9.56066C16.0995 9.17618 17.3218 8.55156 19.5183 7.43727L19.5192 7.43681C20.3867 6.99797 20.8609 6.72845 21.1102 6.57538C21.2211 6.50731 21.2827 6.46524 21.3118 6.44436L21.3793 6.37525L28.6334 2.74549L30.4258 1.82301Z' fill='black'/></svg>","preview_image":"https://zippystarter.com/brand/og-card.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://zippystarter.com/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://zippystarter.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://zippystarter.com/r/registry.json","install_bun":"bunx shadcn@latest add https://zippystarter.com/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://zippystarter.com/r/registry.json"},"component_count":77,"components":[{"name":"index","title":"Index","description":null,"type":"registry:style","source_url":"https://zippystarter.com/r/index.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/index.json"},{"name":"avatars","title":"Avatars","description":null,"type":"registry:file","source_url":"https://zippystarter.com/r/avatars.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/avatars.json"},{"name":"font-geist","title":"Font Geist","description":"Geist font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-geist.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-geist.json"},{"name":"font-karla","title":"Font Karla","description":"Karla font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-karla.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-karla.json"},{"name":"font-inter","title":"Font Inter","description":"Inter font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-inter.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-inter.json"},{"name":"font-inter-tight","title":"Font Inter Tight","description":"Inter Tight font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-inter-tight.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-inter-tight.json"},{"name":"font-mona-sans","title":"Font Mona Sans","description":"Mona Sans font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-mona-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-mona-sans.json"},{"name":"font-roboto","title":"Font Roboto","description":"Roboto font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-roboto.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-roboto.json"},{"name":"font-open-sans","title":"Font Open Sans","description":"Open Sans font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-open-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-open-sans.json"},{"name":"font-lato","title":"Font Lato","description":"Lato font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-lato.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-lato.json"},{"name":"font-poppins","title":"Font Poppins","description":"Poppins font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-poppins.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-poppins.json"},{"name":"font-source-sans-pro","title":"Font Source Sans Pro","description":"Source Sans Pro font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-source-sans-pro.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-source-sans-pro.json"},{"name":"font-nunito","title":"Font Nunito","description":"Nunito font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-nunito.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-nunito.json"},{"name":"font-figtree","title":"Font Figtree","description":"Figtree font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-figtree.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-figtree.json"},{"name":"font-host-grotesk","title":"Font Host Grotesk","description":"Host Grotesk font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-host-grotesk.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-host-grotesk.json"},{"name":"font-space-grotesk","title":"Font Space Grotesk","description":"Space Grotesk font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-space-grotesk.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-space-grotesk.json"},{"name":"font-montserrat","title":"Font Montserrat","description":"Montserrat font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-montserrat.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-montserrat.json"},{"name":"font-raleway","title":"Font Raleway","description":"Raleway font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-raleway.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-raleway.json"},{"name":"font-noto-sans","title":"Font Noto Sans","description":"Noto Sans font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-noto-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-noto-sans.json"},{"name":"font-work-sans","title":"Font Work Sans","description":"Work Sans font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-work-sans.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-work-sans.json"},{"name":"font-roboto-flex","title":"Font Roboto Flex","description":"Roboto Flex font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-roboto-flex.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-roboto-flex.json"},{"name":"font-merriweather","title":"Font Merriweather","description":"Merriweather font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-merriweather.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-merriweather.json"},{"name":"font-lora","title":"Font Lora","description":"Lora font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-lora.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-lora.json"},{"name":"font-eb-garamond","title":"Font Eb Garamond","description":"EB Garamond font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-eb-garamond.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-eb-garamond.json"},{"name":"font-playfair-display","title":"Font Playfair Display","description":"Playfair Display font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-playfair-display.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-playfair-display.json"},{"name":"font-instrument-serif","title":"Font Instrument Serif","description":"Instrument Serif font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-instrument-serif.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-instrument-serif.json"},{"name":"font-source-serif-pro","title":"Font Source Serif Pro","description":"Source Serif Pro font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-source-serif-pro.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-source-serif-pro.json"},{"name":"font-crimson-text","title":"Font Crimson Text","description":"Crimson Text font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-crimson-text.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-crimson-text.json"},{"name":"font-oswald","title":"Font Oswald","description":"Oswald font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-oswald.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-oswald.json"},{"name":"font-bebas-neue","title":"Font Bebas Neue","description":"Bebas Neue font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-bebas-neue.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-bebas-neue.json"},{"name":"font-anton","title":"Font Anton","description":"Anton font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-anton.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-anton.json"},{"name":"font-righteous","title":"Font Righteous","description":"Righteous font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-righteous.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-righteous.json"},{"name":"font-geist-mono","title":"Font Geist Mono","description":"Geist Mono font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-geist-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-geist-mono.json"},{"name":"font-jetbrains-mono","title":"Font Jetbrains Mono","description":"JetBrains Mono font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-jetbrains-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-jetbrains-mono.json"},{"name":"font-roboto-mono","title":"Font Roboto Mono","description":"Roboto Mono font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-roboto-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-roboto-mono.json"},{"name":"font-source-code-pro","title":"Font Source Code Pro","description":"Source Code Pro font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-source-code-pro.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-source-code-pro.json"},{"name":"font-fira-code","title":"Font Fira Code","description":"Fira Code font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-fira-code.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-fira-code.json"},{"name":"font-ibm-plex-mono","title":"Font Ibm Plex Mono","description":"IBM Plex Mono font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-ibm-plex-mono.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-ibm-plex-mono.json"},{"name":"font-courier-prime","title":"Font Courier Prime","description":"Courier Prime font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-courier-prime.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-courier-prime.json"},{"name":"font-dancing-script","title":"Font Dancing Script","description":"Dancing Script font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-dancing-script.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-dancing-script.json"},{"name":"font-pacifico","title":"Font Pacifico","description":"Pacifico font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-pacifico.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-pacifico.json"},{"name":"font-indie-flower","title":"Font Indie Flower","description":"Indie Flower font from Google Fonts","type":"registry:font","source_url":"https://zippystarter.com/r/font-indie-flower.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/font-indie-flower.json"},{"name":"avatar","title":"Avatar","description":"Circular Avatar","type":"registry:component","source_url":"https://zippystarter.com/r/avatar.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/avatar.json"},{"name":"image","title":"Image","description":"An image element you can use with any framework","type":"registry:component","source_url":"https://zippystarter.com/r/image.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/image.json"},{"name":"link","title":"Link","description":"A link element you can use with any framework","type":"registry:component","source_url":"https://zippystarter.com/r/link.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/link.json"},{"name":"container","title":"Container","description":"A container component to apply a consistent layout","type":"registry:component","source_url":"https://zippystarter.com/r/container.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/container.json"},{"name":"ghibli","title":"Ghibli","description":"A theme based on the Ghibli color palette","type":"registry:style","source_url":"https://zippystarter.com/r/ghibli.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/ghibli.json"},{"name":"focus","title":"Focus","description":"A theme based on the Focus color palette","type":"registry:style","source_url":"https://zippystarter.com/r/focus.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/focus.json"},{"name":"nimble","title":"Nimble","description":"A theme based on the Nimble color palette","type":"registry:style","source_url":"https://zippystarter.com/r/nimble.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/nimble.json"},{"name":"starbucks","title":"Starbucks","description":"A theme based on the Starbucks color palette","type":"registry:style","source_url":"https://zippystarter.com/r/starbucks.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/starbucks.json"},{"name":"skyline","title":"Skyline","description":"A theme based on the Skyline color palette","type":"registry:style","source_url":"https://zippystarter.com/r/skyline.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/skyline.json"},{"name":"bourbon","title":"Bourbon","description":"A theme based on the Bourbon color palette","type":"registry:style","source_url":"https://zippystarter.com/r/bourbon.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/bourbon.json"},{"name":"pumpkin-spice","title":"Pumpkin Spice","description":"A theme based on the Pumpkin Spice color palette","type":"registry:style","source_url":"https://zippystarter.com/r/pumpkin-spice.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/pumpkin-spice.json"},{"name":"catppuccin","title":"Catppuccin","description":"A theme based on the Catppuccin color palette","type":"registry:style","source_url":"https://zippystarter.com/r/catppuccin.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/catppuccin.json"},{"name":"monokai","title":"Monokai","description":"A theme based on the Monokai color palette","type":"registry:style","source_url":"https://zippystarter.com/r/monokai.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/monokai.json"},{"name":"neon-dreams","title":"Neon Dreams","description":"A theme based on the Neon Dreams color palette","type":"registry:style","source_url":"https://zippystarter.com/r/neon-dreams.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/neon-dreams.json"},{"name":"desert-mirage","title":"Desert Mirage","description":"A theme based on the Desert Mirage color palette","type":"registry:style","source_url":"https://zippystarter.com/r/desert-mirage.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/desert-mirage.json"},{"name":"neon-void","title":"Neon Void","description":"A theme based on the Neon Void color palette","type":"registry:style","source_url":"https://zippystarter.com/r/neon-void.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/neon-void.json"},{"name":"netflix","title":"Netflix","description":"A theme based on the Netflix color palette","type":"registry:style","source_url":"https://zippystarter.com/r/netflix.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/netflix.json"},{"name":"vercel","title":"Vercel","description":"A theme based on the Vercel color palette","type":"registry:style","source_url":"https://zippystarter.com/r/vercel.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/vercel.json"},{"name":"rose","title":"Rose","description":"A theme based on the Rose color palette","type":"registry:style","source_url":"https://zippystarter.com/r/rose.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/rose.json"},{"name":"blue","title":"Blue","description":"A theme based on the Blue color palette","type":"registry:style","source_url":"https://zippystarter.com/r/blue.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/blue.json"},{"name":"green","title":"Green","description":"A theme based on the Green color palette","type":"registry:style","source_url":"https://zippystarter.com/r/green.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/green.json"},{"name":"amber","title":"Amber","description":"A theme based on the Amber color palette","type":"registry:style","source_url":"https://zippystarter.com/r/amber.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/amber.json"},{"name":"purple","title":"Purple","description":"A theme based on the Purple color palette","type":"registry:style","source_url":"https://zippystarter.com/r/purple.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/purple.json"},{"name":"orange","title":"Orange","description":"A theme based on the Orange color palette","type":"registry:style","source_url":"https://zippystarter.com/r/orange.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/orange.json"},{"name":"teal","title":"Teal","description":"A theme based on the Teal color palette","type":"registry:style","source_url":"https://zippystarter.com/r/teal.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/teal.json"},{"name":"red","title":"Red","description":"A theme based on the Red color palette","type":"registry:style","source_url":"https://zippystarter.com/r/red.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/red.json"},{"name":"yellow","title":"Yellow","description":"A theme based on the Yellow color palette","type":"registry:style","source_url":"https://zippystarter.com/r/yellow.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/yellow.json"},{"name":"violet","title":"Violet","description":"A theme based on the Violet color palette","type":"registry:style","source_url":"https://zippystarter.com/r/violet.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/violet.json"},{"name":"cyan","title":"Cyan","description":"A theme based on the Cyan color palette","type":"registry:style","source_url":"https://zippystarter.com/r/cyan.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/cyan.json"},{"name":"emerald","title":"Emerald","description":"A theme based on the Emerald color palette","type":"registry:style","source_url":"https://zippystarter.com/r/emerald.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/emerald.json"},{"name":"indigo","title":"Indigo","description":"A theme based on the Indigo color palette","type":"registry:style","source_url":"https://zippystarter.com/r/indigo.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/indigo.json"},{"name":"lime","title":"Lime","description":"A theme based on the Lime color palette","type":"registry:style","source_url":"https://zippystarter.com/r/lime.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/lime.json"},{"name":"pink","title":"Pink","description":"A theme based on the Pink color palette","type":"registry:style","source_url":"https://zippystarter.com/r/pink.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/pink.json"},{"name":"sky","title":"Sky","description":"A theme based on the Sky color palette","type":"registry:style","source_url":"https://zippystarter.com/r/sky.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/sky.json"},{"name":"fuchsia","title":"Fuchsia","description":"A theme based on the Fuchsia color palette","type":"registry:style","source_url":"https://zippystarter.com/r/fuchsia.json","install_command":"npx shadcn@latest add https://zippystarter.com/r/fuchsia.json"}]},{"id":"kaui","name":"@kaui","slug":"kaui","description":"Personal well crafted components for Shadcn ui","author":"diontr00","framework":"react","license":null,"tags":["buttons","forms","hooks"],"categories":["Forms"],"labels":[],"urls":{"website":"https://kaui-shadcn-registry.vercel.app","github":"https://github.com/diontr00/kaui-shadcn-registry","registry":"https://kaui-shadcn-registry.vercel.app/r/registry.json","source":"https://kaui-shadcn-registry.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/kaui","markdown":"https://sh4dcn.netlify.app/md/kaui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect width='32' height='32' rx='7' fill='#0a0a0a'/><path d='M9 7v18M9 16l14-8M9 16l14 8' stroke='#fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>","preview_image":"https://kaui-shadcn-registry.vercel.app/og.webp","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-07-09T02:19:04Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/registry.json","clone":"git clone https://github.com/diontr00/kaui-shadcn-registry.git","clone_degit":"npx degit diontr00/kaui-shadcn-registry","registry_fetch":"curl -s https://kaui-shadcn-registry.vercel.app/r/registry.json"},"component_count":10,"components":[{"name":"use-async","title":null,"description":"A hook that owns the async action lifecycle — loading state, success, error, and settled callbacks","type":"registry:hook","source_url":"https://kaui-shadcn-registry.vercel.app/r/use-async.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/use-async.json"},{"name":"async-button","title":null,"description":"A button that performs async operations with a no-layout-shift loading state","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/async-button.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/async-button.json"},{"name":"async-scope","title":null,"description":"A coordination layer for async UI — decouple what fires an action from what reacts to it.","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/async-scope.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/async-scope.json"},{"name":"confirm-action","title":null,"description":"A confirmation dialog that wraps an async action with loading state","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/confirm-action.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/confirm-action.json"},{"name":"use-debounce","title":null,"description":"A debounce hook that returns a stable { execute, cancel } object — safe to call without wrapping in useCallback","type":"registry:hook","source_url":"https://kaui-shadcn-registry.vercel.app/r/use-debounce.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/use-debounce.json"},{"name":"use-controlled-state","title":null,"description":"Uncontrolled/controlled state bridge — use like useState but accepts optional value and onChange props for full controlled mode support","type":"registry:hook","source_url":"https://kaui-shadcn-registry.vercel.app/r/use-controlled-state.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/use-controlled-state.json"},{"name":"combobox","title":null,"description":"A single-select combobox with inline search, async loading support, and full controlled/uncontrolled API","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/combobox.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/combobox.json"},{"name":"input-group","title":null,"description":"Compose inputs with inline addons, buttons, and labels in a styled container","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/input-group.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/input-group.json"},{"name":"multi-select","title":null,"description":"A multi-select combobox with inline search, toggle-based selection, and full controlled/uncontrolled API","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/multi-select.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/multi-select.json"},{"name":"password-input","title":null,"description":"A password input with show/hide toggle and an optional strength indicator","type":"registry:component","source_url":"https://kaui-shadcn-registry.vercel.app/r/password-input.json","install_command":"npx shadcn@latest add https://kaui-shadcn-registry.vercel.app/r/password-input.json"}]},{"id":"uiable","name":"@uiable","slug":"uiable","description":"Free, open-source UI component library built with Next.js, React 19, Tailwind CSS v4, and shadcn/ui — beautifully designed components you can copy, customize, and make your own.","author":"codedthemes","framework":"react","license":"MIT","tags":["backgrounds","blocks","cards","dashboard","design-system","icons","loaders","media","navigation","overlays","payments","pro-available"],"categories":["Icons/logos"],"labels":["pro","recently-updated"],"urls":{"website":"https://uiable.com","github":"https://github.com/codedthemes/uiable","registry":"https://uiable.com/r/registry.json","source":"https://uiable.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/uiable","markdown":"https://sh4dcn.netlify.app/md/uiable.md"},"logo":"<svg fill='none' viewBox='0 0 500 477' xmlns='http://www.w3.org/2000/svg'><path d='M0 130.79C0 58.5568 58.5474 0 130.769 0H369.231C441.453 0 500 58.5568 500 130.79V346.21C500 418.443 441.453 477 369.231 477H130.769C58.5474 477 0 418.443 0 346.21V130.79Z' fill='#030712'/><path d='M0 130.79C0 58.5568 58.5474 0 130.769 0H369.231C441.453 0 500 58.5568 500 130.79V346.21C500 418.443 441.453 477 369.231 477H130.769C58.5474 477 0 418.443 0 346.21V130.79Z' fill='url(#a)' fill-opacity='.3'/><mask id='f' x='0' y='0' width='500' height='477' style='mask-type:alpha' maskUnits='userSpaceOnUse'><path d='M0 130.79C0 58.5568 58.5474 0 130.769 0H369.231C441.453 0 500 58.5568 500 130.79V346.21C500 418.443 441.453 477 369.231 477H130.769C58.5474 477 0 418.443 0 346.21V130.79Z' fill='#030712'/><path d='M0 130.79C0 58.5568 58.5474 0 130.769 0H369.231C441.453 0 500 58.5568 500 130.79V346.21C500 418.443 441.453 477 369.231 477H130.769C58.5474 477 0 418.443 0 346.21V130.79Z' fill='url(#a)' fill-opacity='.3'/></mask><g mask='url(#f)'><g filter='url(#k)'><path d='M369.23 475V477H130.77V475H369.23ZM498 346.21V130.79C498 59.6609 440.347 2 369.23 2H130.77C59.6526 2 2.00014 59.6609 2 130.79V346.21C2.00016 417.339 59.6527 475 130.77 475V477L129.079 476.989C58.1988 476.091 0.908707 418.792 0.0107422 347.9L0 346.21V130.79C0.00013911 59.121 57.6363 0.915799 129.079 0.0107422L130.77 0H369.23C441.452 0 500 58.5567 500 130.79V346.21L499.989 347.9C499.084 419.355 440.888 477 369.23 477V475C440.347 475 498 417.339 498 346.21Z' fill='url(#d)' fill-opacity='.8'/></g></g><g filter='url(#j)'><path d='m163.29 263.1c0 14.81 3.703 26.212 11.11 34.204 7.407 7.993 18.278 11.989 32.614 11.989 14.335 0 25.326-3.996 32.972-11.989 7.645-7.992 11.468-19.394 11.468-34.204v-148.1h61.286v147.74c0 22.097-4.779 40.785-14.336 56.065s-22.459 26.799-38.706 34.556c-16.008 7.757-33.928 11.636-53.759 11.636s-37.632-3.762-53.402-11.284c-15.53-7.757-27.834-19.275-36.914-34.555-9.079-15.514-13.619-34.321-13.619-56.418v-147.74h61.286v148.1zm248.71 101.9h-59.839v-250h59.839v250z' fill='#000' fill-opacity='.5'/></g><g filter='url(#i)' opacity='.6'><path d='m156.29 262.1c0 14.81 3.703 26.212 11.11 34.204 7.407 7.993 18.278 11.989 32.614 11.989 14.335 0 25.326-3.996 32.972-11.989 7.645-7.992 11.468-19.394 11.468-34.204v-148.1h61.286v147.74c0 22.097-4.779 40.785-14.336 56.065s-22.459 26.799-38.706 34.556c-16.008 7.757-33.928 11.636-53.759 11.636s-37.632-3.762-53.402-11.284c-15.53-7.757-27.834-19.275-36.914-34.555-9.0789-15.514-13.619-34.321-13.619-56.418v-147.74h61.286v148.1zm248.71 101.9h-59.839v-250h59.839v250z' fill='#fff'/></g><path d='m156.29 262.1c0 14.81 3.703 26.212 11.11 34.204 7.407 7.993 18.278 11.989 32.614 11.989 14.335 0 25.326-3.996 32.972-11.989 7.645-7.992 11.468-19.394 11.468-34.204v-148.1h61.286v147.74c0 22.097-4.779 40.785-14.336 56.065s-22.459 26.798-38.706 34.556c-16.008 7.757-33.928 11.636-53.759 11.636s-37.632-3.762-53.402-11.284c-15.53-7.757-27.834-19.275-36.914-34.555-9.0789-15.514-13.619-34.321-13.619-56.418v-147.74h61.286v148.1zm248.71 101.9h-59.839v-250h59.839v250z' fill='url(#c)'/><mask id='e' x='95' y='114' width='310' height='250' style='mask-type:alpha' maskUnits='userSpaceOnUse'><path d='m156.29 262.1c0 14.81 3.703 26.212 11.11 34.204 7.407 7.993 18.278 11.989 32.614 11.989 14.335 0 25.326-3.996 32.972-11.989 7.645-7.992 11.468-19.394 11.468-34.204v-148.1h61.286v147.74c0 22.097-4.779 40.785-14.336 56.065s-22.459 26.798-38.706 34.556c-16.008 7.757-33.928 11.636-53.759 11.636s-37.632-3.762-53.402-11.284c-15.53-7.757-27.834-19.275-36.914-34.555-9.0789-15.514-13.619-34.321-13.619-56.418v-147.74h61.286v148.1zm248.71 101.9h-59.839v-250h59.839v250z' fill='url(#b)'/></mask><g mask='url(#e)'><g fill-opacity='.4' filter='url(#h)'><path d='m152.24 117.26h-58.538l-9.7563-12.37h77.4v162.11l25.366 35.156 35.773 2.604c-11.057 5.86-33.86 10.677-50.082 1.302s-20.163-28.645-20.163-39.062v-149.74z' fill='#1C1C1C'/><path d='m301.83 117.26h-60.49v-8.463h70.896v163.41c0 38.021-17.778 51.867-26.667 54.037 13.008-20.313 16.261-44.488 16.261-54.037v-154.95z' fill='#000'/><path d='m400.7 117.91h-58.537l-5.854-9.765h74.798v259.11h-10.407v-249.35z' fill='#000'/></g><g fill='#fff' fill-opacity='.3' filter='url(#g)'><path d='m100.85 261.14v-148.44c0-4.687-8.2391-5.425-12.358-5.208v153.65c0 90.104 65.475 112.2 98.213 111.98 77.01 15.625 114.47-49.913 123.58-84.636l-4.553-5.859c-11.708 50.781-48.782 80.078-123.58 70.963-59.839-7.291-79.134-64.67-81.302-92.447z'/><path d='m351.92 356.84v-242.19c0-10.416-6.505-7.378-9.757-4.557v259.12h68.294v-12.37h-58.537z'/></g><g opacity='.6'><path d='m304.44 261.74v-146.44h-58.684v146.79c0 15.029-3.882 26.797-11.829 35.105-7.959 8.319-19.332 12.39-33.912 12.39-14.578 0-25.844-4.071-33.568-12.406-7.699-8.308-11.457-20.07-11.457-35.089v-146.79h-58.684v146.44c0 21.918 4.5032 40.485 13.441 55.76 8.951 15.06 21.062 26.396 36.352 34.038l1.464 0.686c15.209 6.972 32.328 10.471 51.377 10.471v1.302c-19.831 0-37.632-3.762-53.402-11.284-15.53-7.757-27.834-19.275-36.914-34.555-9.0789-15.515-13.619-34.321-13.619-56.418v-147.74h61.286v148.1c0 14.81 3.703 26.212 11.11 34.204 7.407 7.993 18.278 11.989 32.614 11.989 14.335 0 25.326-3.996 32.972-11.989 7.645-7.992 11.468-19.394 11.468-34.204v-148.1h61.286v147.74c0 22.097-4.779 40.785-14.336 56.065s-22.459 26.798-38.706 34.556c-16.008 7.757-33.928 11.636-53.759 11.636v-1.302c19.657 0 37.38-3.844 53.192-11.507l7e-3 -2e-3c16.023-7.651 28.737-19.002 38.163-34.072 9.402-15.03 14.138-33.466 14.138-55.374zm100.56-147.74v250h-59.839v-250h59.839zm-58.538 248.7h57.237v-247.4h-57.237v247.4z' fill='#fff'/></g></g><defs><filter id='k' x='-4' y='-4' width='508' height='485' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_3603_1608' stdDeviation='2'/></filter><filter id='j' x='86' y='99' width='342' height='282' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_3603_1608' stdDeviation='8'/></filter><filter id='i' x='75' y='94' width='350' height='290' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_3603_1608'/></filter><filter id='h' x='81.943' y='102.88' width='331.16' height='266.37' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_3603_1608' stdDeviation='1'/></filter><filter id='g' x='84.496' y='103.39' width='329.96' height='276.09' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'><feFlood flood-opacity='0' result='BackgroundImageFix'/><feBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/><feGaussianBlur result='effect1_foregroundBlur_3603_1608' stdDeviation='2'/></filter><linearGradient id='a' x1='250' x2='250' y1='-79' y2='428.62' gradientUnits='userSpaceOnUse'><stop stop-color='#F3F4F6' offset='0'/><stop stop-color='#030712' offset='1'/></linearGradient><linearGradient id='d' x1='250' x2='250' y2='477' gradientUnits='userSpaceOnUse'><stop stop-color='#fff' offset='0'/><stop stop-color='#fff' stop-opacity='0' offset='.2'/><stop stop-color='#fff' stop-opacity='0' offset='.8'/><stop stop-color='#fff' offset='1'/></linearGradient><linearGradient id='c' x1='249.8' x2='249.8' y1='239' y2='424.55' gradientUnits='userSpaceOnUse'><stop stop-color='#fff' offset='0'/><stop stop-color='#030712' offset='1'/></linearGradient><linearGradient id='b' x1='300.27' x2='300.27' y1='239' y2='424.55' gradientUnits='userSpaceOnUse'><stop stop-color='#fff' offset='0'/><stop stop-color='#030712' offset='1'/></linearGradient></defs></svg>","preview_image":"https://cdn.uiable.com/og/components-to-complete-interfaces.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://uiable.com/pricing"},"metrics":{"github_stars":144,"open_issues":1,"last_commit":"2026-10-01T09:36:00Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://uiable.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://uiable.com/r/registry.json","install_bun":"bunx shadcn@latest add https://uiable.com/r/registry.json","clone":"git clone https://github.com/codedthemes/uiable.git","clone_degit":"npx degit codedthemes/uiable","registry_fetch":"curl -s https://uiable.com/r/registry.json"},"component_count":250,"components":[{"name":"accordion-active-bg","title":"Accordion Active Bg","description":"Accordion Active Bg variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-active-bg.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-active-bg.json"},{"name":"accordion-basic","title":"Accordion Basic","description":"Accordion Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-basic.json"},{"name":"accordion-borders","title":"Accordion Borders","description":"Accordion Borders variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-borders.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-borders.json"},{"name":"accordion-card","title":"Accordion Card","description":"Accordion Card variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-card.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-card.json"},{"name":"accordion-custom","title":"Accordion Custom","description":"Accordion Custom variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-custom.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-custom.json"},{"name":"accordion-disabled","title":"Accordion Disabled","description":"Accordion Disabled variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-disabled.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-disabled.json"},{"name":"accordion-flush","title":"Accordion Flush","description":"Accordion Flush variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-flush.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-flush.json"},{"name":"accordion-icons","title":"Accordion Icons","description":"Accordion Icons variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-icons.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-icons.json"},{"name":"accordion-multiple","title":"Accordion Multiple","description":"Accordion Multiple variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/accordion-multiple.json","install_command":"npx shadcn@latest add https://uiable.com/r/accordion-multiple.json"},{"name":"alert-action","title":"Alert Action","description":"Alert Action variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-action.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-action.json"},{"name":"alert-basic","title":"Alert Basic","description":"Alert Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-basic.json"},{"name":"alert-border-left-danger","title":"Alert Border Left Danger","description":"Alert Border Left Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-border-left-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-border-left-danger.json"},{"name":"alert-border-left-dark","title":"Alert Border Left Dark","description":"Alert Border Left Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-border-left-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-border-left-dark.json"},{"name":"alert-colors","title":"Alert Colors","description":"Alert Colors variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-colors.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-colors.json"},{"name":"alert-destructive","title":"Alert Destructive","description":"Alert Destructive variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-destructive.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-destructive.json"},{"name":"alert-dialog-basic","title":"Alert Dialog Basic","description":"Alert Dialog Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-basic.json"},{"name":"alert-dialog-destructive","title":"Alert Dialog Destructive","description":"Alert Dialog Destructive variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-destructive.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-destructive.json"},{"name":"alert-dialog-lock","title":"Alert Dialog Lock","description":"Alert Dialog Lock variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-lock.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-lock.json"},{"name":"alert-dialog-media","title":"Alert Dialog Media","description":"Alert Dialog Media variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-media.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-media.json"},{"name":"alert-dialog-small","title":"Alert Dialog Small","description":"Alert Dialog Small variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-small.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-small.json"},{"name":"alert-dialog-small-media","title":"Alert Dialog Small Media","description":"Alert Dialog Small Media variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-small-media.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-small-media.json"},{"name":"alert-dialog-subscription","title":"Alert Dialog Subscription","description":"Alert Dialog Subscription variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-subscription.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-subscription.json"},{"name":"alert-dialog-warning","title":"Alert Dialog Warning","description":"Alert Dialog Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dialog-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dialog-warning.json"},{"name":"alert-dismissible-danger","title":"Alert Dismissible Danger","description":"Alert Dismissible Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-danger.json"},{"name":"alert-dismissible-dark","title":"Alert Dismissible Dark","description":"Alert Dismissible Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-dark.json"},{"name":"alert-dismissible-info","title":"Alert Dismissible Info","description":"Alert Dismissible Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-info.json"},{"name":"alert-dismissible-primary","title":"Alert Dismissible Primary","description":"Alert Dismissible Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-primary.json"},{"name":"alert-dismissible-secondary","title":"Alert Dismissible Secondary","description":"Alert Dismissible Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-secondary.json"},{"name":"alert-dismissible-success","title":"Alert Dismissible Success","description":"Alert Dismissible Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-success.json"},{"name":"alert-dismissible-warning","title":"Alert Dismissible Warning","description":"Alert Dismissible Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-dismissible-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-dismissible-warning.json"},{"name":"alert-icon-danger","title":"Alert Icon Danger","description":"Alert Icon Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-danger.json"},{"name":"alert-icon-dark","title":"Alert Icon Dark","description":"Alert Icon Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-dark.json"},{"name":"alert-icon-info","title":"Alert Icon Info","description":"Alert Icon Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-info.json"},{"name":"alert-icon-primary","title":"Alert Icon Primary","description":"Alert Icon Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-primary.json"},{"name":"alert-icon-secondary","title":"Alert Icon Secondary","description":"Alert Icon Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-secondary.json"},{"name":"alert-icon-success","title":"Alert Icon Success","description":"Alert Icon Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-success.json"},{"name":"alert-icon-warning","title":"Alert Icon Warning","description":"Alert Icon Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-icon-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-icon-warning.json"},{"name":"alert-light-danger","title":"Alert Light Danger","description":"Alert Light Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-danger.json"},{"name":"alert-light-dark","title":"Alert Light Dark","description":"Alert Light Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-dark.json"},{"name":"alert-light-info","title":"Alert Light Info","description":"Alert Light Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-info.json"},{"name":"alert-light-primary","title":"Alert Light Primary","description":"Alert Light Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-primary.json"},{"name":"alert-light-secondary","title":"Alert Light Secondary","description":"Alert Light Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-secondary.json"},{"name":"alert-light-success","title":"Alert Light Success","description":"Alert Light Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-success.json"},{"name":"alert-light-warning","title":"Alert Light Warning","description":"Alert Light Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-light-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-light-warning.json"},{"name":"alert-outlined-danger","title":"Alert Outlined Danger","description":"Alert Outlined Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-danger.json"},{"name":"alert-outlined-dark","title":"Alert Outlined Dark","description":"Alert Outlined Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-dark.json"},{"name":"alert-outlined-info","title":"Alert Outlined Info","description":"Alert Outlined Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-info.json"},{"name":"alert-outlined-primary","title":"Alert Outlined Primary","description":"Alert Outlined Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-primary.json"},{"name":"alert-outlined-secondary","title":"Alert Outlined Secondary","description":"Alert Outlined Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-secondary.json"},{"name":"alert-outlined-success","title":"Alert Outlined Success","description":"Alert Outlined Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-success.json"},{"name":"alert-outlined-warning","title":"Alert Outlined Warning","description":"Alert Outlined Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-outlined-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-outlined-warning.json"},{"name":"alert-solid-danger","title":"Alert Solid Danger","description":"Alert Solid Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-danger.json"},{"name":"alert-solid-dark","title":"Alert Solid Dark","description":"Alert Solid Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-dark.json"},{"name":"alert-solid-info","title":"Alert Solid Info","description":"Alert Solid Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-info.json"},{"name":"alert-solid-primary","title":"Alert Solid Primary","description":"Alert Solid Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-primary.json"},{"name":"alert-solid-secondary","title":"Alert Solid Secondary","description":"Alert Solid Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-secondary.json"},{"name":"alert-solid-success","title":"Alert Solid Success","description":"Alert Solid Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-success.json"},{"name":"alert-solid-warning","title":"Alert Solid Warning","description":"Alert Solid Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/alert-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/alert-solid-warning.json"},{"name":"aspect-ratio-cinematic","title":"Aspect Ratio Cinematic","description":"Aspect Ratio Cinematic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/aspect-ratio-cinematic.json","install_command":"npx shadcn@latest add https://uiable.com/r/aspect-ratio-cinematic.json"},{"name":"aspect-ratio-portrait","title":"Aspect Ratio Portrait","description":"Aspect Ratio Portrait variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/aspect-ratio-portrait.json","install_command":"npx shadcn@latest add https://uiable.com/r/aspect-ratio-portrait.json"},{"name":"aspect-ratio-square","title":"Aspect Ratio Square","description":"Aspect Ratio Square variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/aspect-ratio-square.json","install_command":"npx shadcn@latest add https://uiable.com/r/aspect-ratio-square.json"},{"name":"aspect-ratio-standard","title":"Aspect Ratio Standard","description":"Aspect Ratio Standard variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/aspect-ratio-standard.json","install_command":"npx shadcn@latest add https://uiable.com/r/aspect-ratio-standard.json"},{"name":"attachment-group","title":"Attachment Group","description":"Attachment Group variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/attachment-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/attachment-group.json"},{"name":"attachment-sizes","title":"Attachment Sizes","description":"Attachment Sizes variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/attachment-sizes.json","install_command":"npx shadcn@latest add https://uiable.com/r/attachment-sizes.json"},{"name":"attachment-states","title":"Attachment States","description":"Attachment States variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/attachment-states.json","install_command":"npx shadcn@latest add https://uiable.com/r/attachment-states.json"},{"name":"attachment-triggers","title":"Attachment Triggers","description":"Attachment Triggers variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/attachment-triggers.json","install_command":"npx shadcn@latest add https://uiable.com/r/attachment-triggers.json"},{"name":"attachment-vertical","title":"Attachment Vertical","description":"Attachment Vertical variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/attachment-vertical.json","install_command":"npx shadcn@latest add https://uiable.com/r/attachment-vertical.json"},{"name":"avatar-badge","title":"Avatar Badge","description":"Avatar Badge variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-badge.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-badge.json"},{"name":"avatar-badge-icon","title":"Avatar Badge Icon","description":"Avatar Badge Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-badge-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-badge-icon.json"},{"name":"avatar-basic","title":"Avatar Basic","description":"Avatar Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-basic.json"},{"name":"avatar-border-radius","title":"Avatar Border Radius","description":"Avatar Border Radius variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-border-radius.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-border-radius.json"},{"name":"avatar-counter-indicator","title":"Avatar Counter Indicator","description":"Avatar Counter Indicator variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-counter-indicator.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-counter-indicator.json"},{"name":"avatar-dropdown","title":"Avatar Dropdown","description":"Avatar Dropdown variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-dropdown.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-dropdown.json"},{"name":"avatar-fallback","title":"Avatar Fallback","description":"Avatar Fallback variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-fallback.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-fallback.json"},{"name":"avatar-group","title":"Avatar Group","description":"Avatar Group variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-group.json"},{"name":"avatar-group-count","title":"Avatar Group Count","description":"Avatar Group Count variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-group-count.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-group-count.json"},{"name":"avatar-group-count-icon","title":"Avatar Group Count Icon","description":"Avatar Group Count Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-group-count-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-group-count-icon.json"},{"name":"avatar-group-tooltip","title":"Avatar Group Tooltip","description":"Avatar Group Tooltip variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-group-tooltip.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-group-tooltip.json"},{"name":"avatar-placeholder-icon","title":"Avatar Placeholder Icon","description":"Avatar Placeholder Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-placeholder-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-placeholder-icon.json"},{"name":"avatar-size","title":"Avatar Size","description":"Avatar Size variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/avatar-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/avatar-size.json"},{"name":"badge-avatar","title":"Badge Avatar","description":"Badge Avatar variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-avatar.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-avatar.json"},{"name":"badge-closable","title":"Badge Closable","description":"Badge Closable variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-closable.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-closable.json"},{"name":"badge-colors","title":"Badge Colors","description":"Badge Colors variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-colors.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-colors.json"},{"name":"badge-gradient","title":"Badge Gradient","description":"Badge Gradient variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-gradient.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-gradient.json"},{"name":"badge-icon","title":"Badge Icon","description":"Badge Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-icon.json"},{"name":"badge-light-danger","title":"Badge Light Danger","description":"Badge Light Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-danger.json"},{"name":"badge-light-dark","title":"Badge Light Dark","description":"Badge Light Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-dark.json"},{"name":"badge-light-info","title":"Badge Light Info","description":"Badge Light Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-info.json"},{"name":"badge-light-primary","title":"Badge Light Primary","description":"Badge Light Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-primary.json"},{"name":"badge-light-secondary","title":"Badge Light Secondary","description":"Badge Light Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-secondary.json"},{"name":"badge-light-success","title":"Badge Light Success","description":"Badge Light Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-success.json"},{"name":"badge-light-warning","title":"Badge Light Warning","description":"Badge Light Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-light-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-light-warning.json"},{"name":"badge-link","title":"Badge Link","description":"Badge Link variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-link.json"},{"name":"badge-outline-danger","title":"Badge Outline Danger","description":"Badge Outline Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-danger.json"},{"name":"badge-outline-dark","title":"Badge Outline Dark","description":"Badge Outline Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-dark.json"},{"name":"badge-outline-info","title":"Badge Outline Info","description":"Badge Outline Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-info.json"},{"name":"badge-outline-primary","title":"Badge Outline Primary","description":"Badge Outline Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-primary.json"},{"name":"badge-outline-secondary","title":"Badge Outline Secondary","description":"Badge Outline Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-secondary.json"},{"name":"badge-outline-success","title":"Badge Outline Success","description":"Badge Outline Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-success.json"},{"name":"badge-outline-warning","title":"Badge Outline Warning","description":"Badge Outline Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-outline-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-outline-warning.json"},{"name":"badge-pill-danger","title":"Badge Pill Danger","description":"Badge Pill Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-danger.json"},{"name":"badge-pill-dark","title":"Badge Pill Dark","description":"Badge Pill Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-dark.json"},{"name":"badge-pill-info","title":"Badge Pill Info","description":"Badge Pill Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-info.json"},{"name":"badge-pill-primary","title":"Badge Pill Primary","description":"Badge Pill Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-primary.json"},{"name":"badge-pill-secondary","title":"Badge Pill Secondary","description":"Badge Pill Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-secondary.json"},{"name":"badge-pill-success","title":"Badge Pill Success","description":"Badge Pill Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-success.json"},{"name":"badge-pill-warning","title":"Badge Pill Warning","description":"Badge Pill Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-pill-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-pill-warning.json"},{"name":"badge-sizes","title":"Badge Sizes","description":"Badge Sizes variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-sizes.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-sizes.json"},{"name":"badge-solid-danger","title":"Badge Solid Danger","description":"Badge Solid Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-danger.json"},{"name":"badge-solid-dark","title":"Badge Solid Dark","description":"Badge Solid Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-dark.json"},{"name":"badge-solid-info","title":"Badge Solid Info","description":"Badge Solid Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-info.json"},{"name":"badge-solid-primary","title":"Badge Solid Primary","description":"Badge Solid Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-primary.json"},{"name":"badge-solid-secondary","title":"Badge Solid Secondary","description":"Badge Solid Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-secondary.json"},{"name":"badge-solid-success","title":"Badge Solid Success","description":"Badge Solid Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-success.json"},{"name":"badge-solid-warning","title":"Badge Solid Warning","description":"Badge Solid Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-solid-warning.json"},{"name":"badge-spinner","title":"Badge Spinner","description":"Badge Spinner variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-spinner.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-spinner.json"},{"name":"badge-status","title":"Badge Status","description":"Badge Status variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/badge-status.json","install_command":"npx shadcn@latest add https://uiable.com/r/badge-status.json"},{"name":"block-list","title":"Block List","description":"Layout Block List variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/block-list.json","install_command":"npx shadcn@latest add https://uiable.com/r/block-list.json"},{"name":"block-sidebar","title":"Block Sidebar","description":"Layout Block Sidebar variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/block-sidebar.json","install_command":"npx shadcn@latest add https://uiable.com/r/block-sidebar.json"},{"name":"breadcrumb-background","title":"Breadcrumb Background","description":"Breadcrumb Background variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-background.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-background.json"},{"name":"breadcrumb-basic","title":"Breadcrumb Basic","description":"Breadcrumb Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-basic.json"},{"name":"breadcrumb-collapsed","title":"Breadcrumb Collapsed","description":"Breadcrumb Collapsed variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-collapsed.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-collapsed.json"},{"name":"breadcrumb-dropdown","title":"Breadcrumb Dropdown","description":"Breadcrumb Dropdown variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-dropdown.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-dropdown.json"},{"name":"breadcrumb-ellipsis","title":"Breadcrumb Ellipsis","description":"Breadcrumb Ellipsis variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-ellipsis.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-ellipsis.json"},{"name":"breadcrumb-icon","title":"Breadcrumb Icon","description":"Breadcrumb Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-icon.json"},{"name":"breadcrumb-link","title":"Breadcrumb Link","description":"Breadcrumb Link variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-link.json"},{"name":"breadcrumb-outline","title":"Breadcrumb Outline","description":"Breadcrumb Outline variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-outline.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-outline.json"},{"name":"breadcrumb-page-header","title":"Breadcrumb Page Header","description":"Breadcrumb Page Header variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-page-header.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-page-header.json"},{"name":"breadcrumb-separator","title":"Breadcrumb Separator","description":"Breadcrumb Separator variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-separator.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-separator.json"},{"name":"breadcrumb-stepper","title":"Breadcrumb Stepper","description":"Breadcrumb Stepper variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/breadcrumb-stepper.json","install_command":"npx shadcn@latest add https://uiable.com/r/breadcrumb-stepper.json"},{"name":"bubble-alignment","title":"Bubble Alignment","description":"Bubble Alignment variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-alignment.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-alignment.json"},{"name":"bubble-collapsible","title":"Bubble Collapsible","description":"Bubble Collapsible variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-collapsible.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-collapsible.json"},{"name":"bubble-group","title":"Bubble Group","description":"Bubble Group variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-group.json"},{"name":"bubble-link","title":"Bubble Link","description":"Bubble Link variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-link.json"},{"name":"bubble-popover","title":"Bubble Popover","description":"Bubble Popover variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-popover.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-popover.json"},{"name":"bubble-reactions","title":"Bubble Reactions","description":"Bubble Reactions variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-reactions.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-reactions.json"},{"name":"bubble-tooltip","title":"Bubble Tooltip","description":"Bubble Tooltip variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-tooltip.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-tooltip.json"},{"name":"bubble-variants","title":"Bubble Variants","description":"Bubble Variants variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/bubble-variants.json","install_command":"npx shadcn@latest add https://uiable.com/r/bubble-variants.json"},{"name":"button-ai","title":"Button Ai","description":"Button Ai variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-ai.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-ai.json"},{"name":"button-animated","title":"Button Animated","description":"Button Animated variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-animated.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-animated.json"},{"name":"button-animated-border","title":"Button Animated Border","description":"Button Animated Border variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-animated-border.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-animated-border.json"},{"name":"button-animated-gradient","title":"Button Animated Gradient","description":"Button Animated Gradient variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-animated-gradient.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-animated-gradient.json"},{"name":"button-contextual-feedback","title":"Button Contextual Feedback","description":"Button Contextual Feedback variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-contextual-feedback.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-contextual-feedback.json"},{"name":"button-copy","title":"Button Copy","description":"Button Copy variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-copy.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-copy.json"},{"name":"button-default","title":"Button Default","description":"Button Default variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-default.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-default.json"},{"name":"button-destructive","title":"Button Destructive","description":"Button Destructive variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-destructive.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-destructive.json"},{"name":"button-ghost","title":"Button Ghost","description":"Button Ghost variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-ghost.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-ghost.json"},{"name":"button-group-dropdown","title":"Button Group Dropdown","description":"Button Group Dropdown variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-dropdown.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-dropdown.json"},{"name":"button-group-icon","title":"Button Group Icon","description":"Button Group Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-icon.json"},{"name":"button-group-input","title":"Button Group Input","description":"Button Group Input variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-input.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-input.json"},{"name":"button-group-input-group","title":"Button Group Input Group","description":"Button Group Input Group variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-input-group.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-input-group.json"},{"name":"button-group-nested","title":"Button Group Nested","description":"Button Group Nested variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-nested.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-nested.json"},{"name":"button-group-orientation","title":"Button Group Orientation","description":"Button Group Orientation variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-orientation.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-orientation.json"},{"name":"button-group-popover","title":"Button Group Popover","description":"Button Group Popover variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-popover.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-popover.json"},{"name":"button-group-qty-select","title":"Button Group Qty Select","description":"Button Group Qty Select variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-qty-select.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-qty-select.json"},{"name":"button-group-select","title":"Button Group Select","description":"Button Group Select variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-select.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-select.json"},{"name":"button-group-separator","title":"Button Group Separator","description":"Button Group Separator variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-separator.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-separator.json"},{"name":"button-group-size","title":"Button Group Size","description":"Button Group Size variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-size.json"},{"name":"button-group-social","title":"Button Group Social","description":"Button Group Social variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-social.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-social.json"},{"name":"button-group-split","title":"Button Group Split","description":"Button Group Split variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-split.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-split.json"},{"name":"button-group-toolbar","title":"Button Group Toolbar","description":"Button Group Toolbar variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-group-toolbar.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-group-toolbar.json"},{"name":"button-icon","title":"Button Icon","description":"Button Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon.json"},{"name":"button-icon-danger","title":"Button Icon Danger","description":"Button Icon Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-danger.json"},{"name":"button-icon-dark","title":"Button Icon Dark","description":"Button Icon Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-dark.json"},{"name":"button-icon-info","title":"Button Icon Info","description":"Button Icon Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-info.json"},{"name":"button-icon-primary","title":"Button Icon Primary","description":"Button Icon Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-primary.json"},{"name":"button-icon-secondary","title":"Button Icon Secondary","description":"Button Icon Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-secondary.json"},{"name":"button-icon-success","title":"Button Icon Success","description":"Button Icon Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-success.json"},{"name":"button-icon-warning","title":"Button Icon Warning","description":"Button Icon Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-icon-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-icon-warning.json"},{"name":"button-light-danger","title":"Button Light Danger","description":"Button Light Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-danger.json"},{"name":"button-light-dark","title":"Button Light Dark","description":"Button Light Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-dark.json"},{"name":"button-light-info","title":"Button Light Info","description":"Button Light Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-info.json"},{"name":"button-light-primary","title":"Button Light Primary","description":"Button Light Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-primary.json"},{"name":"button-light-secondary","title":"Button Light Secondary","description":"Button Light Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-secondary.json"},{"name":"button-light-success","title":"Button Light Success","description":"Button Light Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-success.json"},{"name":"button-light-warning","title":"Button Light Warning","description":"Button Light Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-light-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-light-warning.json"},{"name":"button-link","title":"Button Link","description":"Button Link variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-link.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-link.json"},{"name":"button-outline","title":"Button Outline","description":"Button Outline variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline.json"},{"name":"button-outline-danger","title":"Button Outline Danger","description":"Button Outline Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-danger.json"},{"name":"button-outline-dark","title":"Button Outline Dark","description":"Button Outline Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-dark.json"},{"name":"button-outline-info","title":"Button Outline Info","description":"Button Outline Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-info.json"},{"name":"button-outline-primary","title":"Button Outline Primary","description":"Button Outline Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-primary.json"},{"name":"button-outline-secondary","title":"Button Outline Secondary","description":"Button Outline Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-secondary.json"},{"name":"button-outline-success","title":"Button Outline Success","description":"Button Outline Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-success.json"},{"name":"button-outline-warning","title":"Button Outline Warning","description":"Button Outline Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-outline-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-outline-warning.json"},{"name":"button-render","title":"Button Render","description":"Button Render variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-render.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-render.json"},{"name":"button-rounded","title":"Button Rounded","description":"Button Rounded variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-rounded.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-rounded.json"},{"name":"button-secondary","title":"Button Secondary","description":"Button Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-secondary.json"},{"name":"button-size","title":"Button Size","description":"Button Size variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-size.json"},{"name":"button-social","title":"Button Social","description":"Button Social variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-social.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-social.json"},{"name":"button-solid-danger","title":"Button Solid Danger","description":"Button Solid Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-danger.json"},{"name":"button-solid-dark","title":"Button Solid Dark","description":"Button Solid Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-dark.json"},{"name":"button-solid-info","title":"Button Solid Info","description":"Button Solid Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-info.json"},{"name":"button-solid-primary","title":"Button Solid Primary","description":"Button Solid Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-primary.json"},{"name":"button-solid-secondary","title":"Button Solid Secondary","description":"Button Solid Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-secondary.json"},{"name":"button-solid-success","title":"Button Solid Success","description":"Button Solid Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-success.json"},{"name":"button-solid-warning","title":"Button Solid Warning","description":"Button Solid Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-solid-warning.json"},{"name":"button-spinner","title":"Button Spinner","description":"Button Spinner variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-spinner.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-spinner.json"},{"name":"button-toggle","title":"Button Toggle","description":"Button Toggle variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-toggle.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-toggle.json"},{"name":"button-with-badge","title":"Button With Badge","description":"Button With Badge variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-with-badge.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-with-badge.json"},{"name":"button-with-icon","title":"Button With Icon","description":"Button With Icon variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/button-with-icon.json","install_command":"npx shadcn@latest add https://uiable.com/r/button-with-icon.json"},{"name":"calendar-basic","title":"Calendar Basic","description":"Calendar Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-basic.json"},{"name":"calendar-booked-dates","title":"Calendar Booked Dates","description":"Calendar Booked Dates variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-booked-dates.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-booked-dates.json"},{"name":"calendar-caption","title":"Calendar Caption","description":"Calendar Caption variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-caption.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-caption.json"},{"name":"calendar-custom-days","title":"Calendar Custom Days","description":"Calendar Custom Days variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-custom-days.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-custom-days.json"},{"name":"calendar-dialog","title":"Calendar Dialog","description":"Calendar Dialog variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-dialog.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-dialog.json"},{"name":"calendar-hijri","title":"Calendar Hijri","description":"Calendar Hijri variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-hijri.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-hijri.json"},{"name":"calendar-multiple","title":"Calendar Multiple","description":"Calendar Multiple variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-multiple.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-multiple.json"},{"name":"calendar-presets","title":"Calendar Presets","description":"Calendar Presets variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-presets.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-presets.json"},{"name":"calendar-range","title":"Calendar Range","description":"Calendar Range variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-range.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-range.json"},{"name":"calendar-right-navigation","title":"Calendar Right Navigation","description":"Calendar Right Navigation variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-right-navigation.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-right-navigation.json"},{"name":"calendar-time","title":"Calendar Time","description":"Calendar Time variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-time.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-time.json"},{"name":"calendar-week-numbers","title":"Calendar Week Numbers","description":"Calendar Week Numbers variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/calendar-week-numbers.json","install_command":"npx shadcn@latest add https://uiable.com/r/calendar-week-numbers.json"},{"name":"card-align-center","title":"Card Align Center","description":"Card Align Center variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-align-center.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-align-center.json"},{"name":"card-align-right","title":"Card Align Right","description":"Card Align Right variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-align-right.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-align-right.json"},{"name":"card-animated-border","title":"Card Animated Border","description":"Card Animated Border variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-animated-border.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-animated-border.json"},{"name":"card-animated-flip","title":"Card Animated Flip","description":"Card Animated Flip variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-animated-flip.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-animated-flip.json"},{"name":"card-animated-tilt","title":"Card Animated Tilt","description":"Card Animated Tilt variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-animated-tilt.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-animated-tilt.json"},{"name":"card-basic","title":"Card Basic","description":"Card Basic variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-basic.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-basic.json"},{"name":"card-credit","title":"Card Credit","description":"Card Credit variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-credit.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-credit.json"},{"name":"card-header-footer","title":"Card Header Footer","description":"Card Header Footer variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-header-footer.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-header-footer.json"},{"name":"card-horizontal","title":"Card Horizontal","description":"Card Horizontal variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-horizontal.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-horizontal.json"},{"name":"card-image","title":"Card Image","description":"Card Image variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-image.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-image.json"},{"name":"card-image-bottom","title":"Card Image Bottom","description":"Card Image Bottom variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-image-bottom.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-image-bottom.json"},{"name":"card-image-overlay","title":"Card Image Overlay","description":"Card Image Overlay variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-image-overlay.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-image-overlay.json"},{"name":"card-image-top","title":"Card Image Top","description":"Card Image Top variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-image-top.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-image-top.json"},{"name":"card-product","title":"Card Product","description":"Card Product variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-product.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-product.json"},{"name":"card-small","title":"Card Small","description":"Card Small variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-small.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-small.json"},{"name":"card-solid-danger","title":"Card Solid Danger","description":"Card Solid Danger variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-danger.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-danger.json"},{"name":"card-solid-dark","title":"Card Solid Dark","description":"Card Solid Dark variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-dark.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-dark.json"},{"name":"card-solid-info","title":"Card Solid Info","description":"Card Solid Info variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-info.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-info.json"},{"name":"card-solid-primary","title":"Card Solid Primary","description":"Card Solid Primary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-primary.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-primary.json"},{"name":"card-solid-secondary","title":"Card Solid Secondary","description":"Card Solid Secondary variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-secondary.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-secondary.json"},{"name":"card-solid-success","title":"Card Solid Success","description":"Card Solid Success variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-success.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-success.json"},{"name":"card-solid-warning","title":"Card Solid Warning","description":"Card Solid Warning variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-solid-warning.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-solid-warning.json"},{"name":"card-tabs","title":"Card Tabs","description":"Card Tabs variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-tabs.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-tabs.json"},{"name":"card-title-subtitle","title":"Card Title Subtitle","description":"Card Title Subtitle variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/card-title-subtitle.json","install_command":"npx shadcn@latest add https://uiable.com/r/card-title-subtitle.json"},{"name":"carousel-animated","title":"Carousel Animated","description":"Carousel Animated variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-animated.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-animated.json"},{"name":"carousel-api","title":"Carousel Api","description":"Carousel Api variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-api.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-api.json"},{"name":"carousel-dots","title":"Carousel Dots","description":"Carousel Dots variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-dots.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-dots.json"},{"name":"carousel-multiple","title":"Carousel Multiple","description":"Carousel Multiple variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-multiple.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-multiple.json"},{"name":"carousel-orientation","title":"Carousel Orientation","description":"Carousel Orientation variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-orientation.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-orientation.json"},{"name":"carousel-plugin","title":"Carousel Plugin","description":"Carousel Plugin variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-plugin.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-plugin.json"},{"name":"carousel-size","title":"Carousel Size","description":"Carousel Size variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-size.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-size.json"},{"name":"carousel-spacing","title":"Carousel Spacing","description":"Carousel Spacing variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-spacing.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-spacing.json"},{"name":"carousel-thumbnails","title":"Carousel Thumbnails","description":"Carousel Thumbnails variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/carousel-thumbnails.json","install_command":"npx shadcn@latest add https://uiable.com/r/carousel-thumbnails.json"},{"name":"changelog-entry","title":"Changelog Entry","description":"Changelog Entry variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/changelog-entry.json","install_command":"npx shadcn@latest add https://uiable.com/r/changelog-entry.json"},{"name":"changelog-mobile-toc","title":"Changelog Mobile Toc","description":"Changelog Mobile Toc variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/changelog-mobile-toc.json","install_command":"npx shadcn@latest add https://uiable.com/r/changelog-mobile-toc.json"},{"name":"changelog-toc","title":"Changelog Toc","description":"Changelog Toc variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/changelog-toc.json","install_command":"npx shadcn@latest add https://uiable.com/r/changelog-toc.json"},{"name":"chart-area","title":"Chart Area","description":"Chart Area variant for component.","type":"registry:ui","source_url":"https://uiable.com/r/chart-area.json","install_command":"npx shadcn@latest add https://uiable.com/r/chart-area.json"}]},{"id":"velobits","name":"@velobits","slug":"velobits","description":"An open source collection of accessible, contrast-gated React components on a warm neutral palette and a two-tier glass material — the VeloBits design system, authored once and shipped both as an npm package and as this registry.","author":"VeloBits","framework":"react","license":null,"tags":["accessibility","animation","auth","blocks","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","tables","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.velobits.dev","github":"https://github.com/VeloBits/velobits-UI","registry":"https://ui.velobits.dev/r/registry.json","source":"https://ui.velobits.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/velobits","markdown":"https://sh4dcn.netlify.app/md/velobits.md"},"logo":"<svg version='1.2' viewBox='0 0 720 720' xmlns='http://www.w3.org/2000/svg'><style>.s0 { fill: #c8f135 }</style><g fill-rule='evenodd'><path class='s0' d='m189.22 142.82h428.32l60.17 108.55-68.43 114.45 66.07 115.64-57.81 107.37h-304.43l34.22-57.81h234.81l28.32-53.1-66.08-112.1 64.9-114.45-25.96-51.92-207.67 1.18-83.78 139.24z'/><path class='s0' d='m24.03 144h138.05l27.14 54.27-63.72 3.54 158.11 269.03 123.9-215.93 68.43-1.18-192.33 333.92z'/></g></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":0,"open_issues":13,"last_commit":"2026-10-21T21:45:29Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.velobits.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.velobits.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.velobits.dev/r/registry.json","clone":"git clone https://github.com/VeloBits/velobits-UI.git","clone_degit":"npx degit VeloBits/velobits-UI","registry_fetch":"curl -s https://ui.velobits.dev/r/registry.json"},"component_count":48,"components":[{"name":"velobits","title":"VeloBits","description":"The base style: tokens, the cn util, the provider stack, and every Tier-1 primitive, Tier-2 overlay and Tier-3 composite. Start here.","type":"registry:style","source_url":"https://ui.velobits.dev/r/velobits.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/velobits.json"},{"name":"velobits-theme","title":"VeloBits theme","description":"The full token layer as CSS variables. Every colour pair here is contrast-verified in both themes by the @velobitsio/tokens test suite.","type":"registry:theme","source_url":"https://ui.velobits.dev/r/velobits-theme.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/velobits-theme.json"},{"name":"cn","title":"cn","description":"Tailwind-aware class merger. Signature must stay twMerge(clsx(...)) , the dashboard app points components.json `utils` at it.","type":"registry:lib","source_url":"https://ui.velobits.dev/r/cn.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/cn.json"},{"name":"theme","title":"Theme resolution","description":"React-free light/dark resolution, storage and the blocking init script. Storage key is required, never defaulted.","type":"registry:lib","source_url":"https://ui.velobits.dev/r/theme.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/theme.json"},{"name":"use-theme","title":"useTheme","description":"ThemeProvider + useTheme. Honours the existing fmx_theme_mode and tf.theme keys.","type":"registry:hook","source_url":"https://ui.velobits.dev/r/use-theme.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/use-theme.json"},{"name":"use-media-query","title":"useMediaQuery","description":"Media query subscription plus usePrefersReducedMotion. Import breakpoints from @velobitsio/tokens rather than re-typing the pixel value, so the JS and CSS brea…","type":"registry:hook","source_url":"https://ui.velobits.dev/r/use-media-query.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/use-media-query.json"},{"name":"use-row-selection","title":"useRowSelection","description":"Row selection for DataTable. The selection is DERIVED , the stored set intersected with the rows on screen , so a bulk action can never point at a row the filt…","type":"registry:hook","source_url":"https://ui.velobits.dev/r/use-row-selection.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/use-row-selection.json"},{"name":"velobits-provider","title":"VelobitsProvider","description":"Mount once at the shell root: ThemeProvider + TooltipProvider + MotionConfig reducedMotion=\"user\".","type":"registry:ui","source_url":"https://ui.velobits.dev/r/velobits-provider.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/velobits-provider.json"},{"name":"alert","title":"Alert","description":"Status panel. Defaults to polite role=\"status\"; escalate to \"alert\" deliberately. Tier-S glass on the neutral variant only , the four soft washes would replace…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/alert.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/alert.json"},{"name":"avatar","title":"Avatar","description":null,"type":"registry:ui","source_url":"https://ui.velobits.dev/r/avatar.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/avatar.json"},{"name":"badge","title":"Badge","description":"Soft washes pair with the matching text token, never with the solid fill.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/badge.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/badge.json"},{"name":"button","title":"Button","description":"Controls are radius-md. No variant paints --primary as text; `link` uses --primary-text.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/button.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/button.json"},{"name":"card","title":"Card","description":"Tier-S glass by default; surface=\"panel\" for the opaque original, which writes border-border explicitly so it survives an app that skipped the base layer.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/card.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/card.json"},{"name":"checkbox","title":"Checkbox","description":"Includes the indeterminate state bulk-selection headers need.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/checkbox.json"},{"name":"field","title":"Field","description":"Label/description/error wiring. Keeps BOTH ids in aria-describedby when a field has an error and a hint.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/field.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/field.json"},{"name":"glass-surface","title":"GlassSurface","description":"All three glass tiers behind one prop: surface (Tier S, no blur by default) · overlay · elevated. Never for page backgrounds, table rows, or nested glass.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/glass-surface.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/glass-surface.json"},{"name":"input","title":"Input","description":"border-input maps to --field-border, the half WCAG 1.4.11 gates.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/input.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/input.json"},{"name":"kbd","title":"Kbd","description":null,"type":"registry:ui","source_url":"https://ui.velobits.dev/r/kbd.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/kbd.json"},{"name":"label","title":"Label","description":"A real <label>, so htmlFor resolves. Non-control roots need aria-labelledby instead.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/label.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/label.json"},{"name":"native-select","title":"NativeSelect","description":"A cva-styled native <select>. Deliberately NOT Radix Select, which is undriveable under happy-dom.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/native-select.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/native-select.json"},{"name":"scroll-area","title":"ScrollArea","description":"A scrollable region with a styled scrollbar. The thumb is --field-border, not --border: it is an interactive control, so 1.4.11 applies to it.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/scroll-area.json"},{"name":"separator","title":"Separator","description":"Decorative, so it uses --border and is exempt from 1.4.11.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/separator.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/separator.json"},{"name":"skeleton","title":"Skeleton","description":"aria-hidden; pair with ONE sr-only live region rather than announcing each block.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/skeleton.json"},{"name":"slider","title":"Slider","description":"The name goes on the THUMB , Radix puts role=\"slider\" there, so htmlFor and a root aria-label both dangle.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/slider.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/slider.json"},{"name":"spinner","title":"Spinner","description":null,"type":"registry:ui","source_url":"https://ui.velobits.dev/r/spinner.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/spinner.json"},{"name":"switch","title":"Switch","description":"Applies immediately. Thumb translation is mirrored explicitly for RTL.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/switch.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/switch.json"},{"name":"textarea","title":"Textarea","description":null,"type":"registry:ui","source_url":"https://ui.velobits.dev/r/textarea.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/textarea.json"},{"name":"tooltip","title":"Tooltip","description":"TooltipProvider is required , Radix throws without it, and under Module Federation it must be a singleton.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/tooltip.json"},{"name":"command-palette","title":"CommandPalette","description":"cmdk inside a Radix Dialog. The ⌘K listener is opt-in via `shortcut` , a design system must not bind a global key by merely being imported.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/command-palette.json"},{"name":"dialog","title":"Dialog","description":"The centred form modal. `focusFirstField` exists because autoFocus is silently swallowed by Radix FocusScope.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/dialog.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/dialog.json"},{"name":"dropdown-menu","title":"DropdownMenu","description":"Highlight is data-[highlighted], never :hover , Radix drives keyboard focus through it. Cannot host a text input; use Dialog or Popover.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/dropdown-menu.json"},{"name":"popover","title":"Popover","description":"The elevated tier, for glass stacked on glass. PopoverTitle wires aria-labelledby , Radix content is role=\"dialog\" with no Title part, so it is otherwise unnam…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/popover.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/popover.json"},{"name":"side-panel","title":"SidePanel","description":"The anchored reading sheet. Deliberately NOT Dialog and deliberately does NOT redirect focus , the two focus policies are opposites, so do not merge them behin…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/side-panel.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/side-panel.json"},{"name":"toast","title":"Toast","description":"Variants use a logical border stripe, not a soft wash: bg-*-soft is a utility and beats --glass-bg from the components layer, flattening the tier.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/toast.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/toast.json"},{"name":"accordion","title":"Accordion","description":"The one sanctioned height animation: Radix measures --radix-accordion-content-height, so it does not thrash layout the way an unbounded height:auto transition …","type":"registry:ui","source_url":"https://ui.velobits.dev/r/accordion.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/accordion.json"},{"name":"app-shell","title":"AppShell","description":"The authenticated chrome. `sidebar` is a prop rather than a child because it is rendered TWICE , as a rail at md and up, and inside a drawer below it , so a na…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/app-shell.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/app-shell.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A named nav landmark around an ordered list. The leaf is a plain span with aria-current=\"page\" , NOT shadcn’s role=\"link\" aria-disabled, which announces static…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/breadcrumb.json"},{"name":"code-block","title":"CodeBlock","description":"Preformatted code, with a copy button that survives an insecure origin (navigator.clipboard is absent over plain http). The `terminal` variant is the theme-inv…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/code-block.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/code-block.json"},{"name":"data-table","title":"DataTable","description":"Sorting, selection and row activation over a column registry , deliberately not TanStack, whose grouping and pivoting nothing here uses. aria-sort goes on the …","type":"registry:ui","source_url":"https://ui.velobits.dev/r/data-table.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/data-table.json"},{"name":"diff-viewer","title":"DiffViewer","description":"A unified line diff. The +/− gutter is the primary channel and the green/red wash the secondary , colour alone fails 1.4.1, and the gutter is also the only cha…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/diff-viewer.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/diff-viewer.json"},{"name":"empty-state","title":"EmptyState","description":"First-run, filtered-to-nothing and failed-to-load are three different states; this covers the first two and an Alert covers the third. The title is a <p> unles…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/empty-state.json"},{"name":"form","title":"Form","description":"react-hook-form bound to Field’s ARIA wiring. label and description are PROPS, not children, because aria-describedby is assembled before children render , a d…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/form.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/form.json"},{"name":"motion","title":"Motion","description":"Page transitions and capped list staggers on framer-motion, which was already a required peer for VelobitsProvider’s MotionConfig and until now bought nothing …","type":"registry:ui","source_url":"https://ui.velobits.dev/r/motion.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/motion.json"},{"name":"pagination","title":"Pagination","description":"Numbers are links, previous/next are buttons: an <a> cannot express \"unavailable\" without ceasing to be focusable. Unavailability is aria-disabled plus a guard…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/pagination.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/pagination.json"},{"name":"segmented-control","title":"SegmentedControl","description":"Radix ToggleGroup with a REAL disabled and a working accessible name , a div root makes an external htmlFor dangle, and pointer-events-none leaves the control …","type":"registry:ui","source_url":"https://ui.velobits.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/segmented-control.json"},{"name":"status-chip","title":"StatusChip","description":"On/off/partial/pending/archived as one chip. Every status ships a DISTINCT glyph, because colour alone fails 1.4.1 and on-versus-off is the distinction a contr…","type":"registry:ui","source_url":"https://ui.velobits.dev/r/status-chip.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/status-chip.json"},{"name":"table","title":"Table","description":"Rows are never glass , one backdrop-filter per row repaints its own backdrop region on every scroll. Surface treatment belongs on the container.","type":"registry:ui","source_url":"https://ui.velobits.dev/r/table.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":null,"type":"registry:ui","source_url":"https://ui.velobits.dev/r/tabs.json","install_command":"npx shadcn@latest add https://ui.velobits.dev/r/tabs.json"}]},{"id":"velora","name":"@velora","slug":"velora","description":"100 animated React components and 31 free section blocks for Tailwind CSS 4 — accessible, reduced-motion safe and MIT licensed.","author":"ColorlibHQ","framework":"react","license":"MIT","tags":["3d","accessibility","animation","backgrounds","blocks","buttons","cards","dashboard","forms","icons","loaders","maps","marketing","media","navigation","overlays","pro-available","retro","text-effects","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://velora.colorlib.com","github":"https://github.com/ColorlibHQ/velora-ui","registry":"https://velora.colorlib.com/r/registry.json","source":"https://velora.colorlib.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/velora","markdown":"https://sh4dcn.netlify.app/md/velora.md"},"logo":"<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/><path d='M20 2v4'/><path d='M22 4h-4'/><circle cx='4' cy='20' r='2'/></svg>","preview_image":"https://velora.colorlib.com/opengraph-image?8a498a5626169cbd","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://velora.colorlib.com/pricing"},"metrics":{"github_stars":55,"open_issues":0,"last_commit":"2026-09-30T11:28:18Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://velora.colorlib.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://velora.colorlib.com/r/registry.json","install_bun":"bunx shadcn@latest add https://velora.colorlib.com/r/registry.json","clone":"git clone https://github.com/ColorlibHQ/velora-ui.git","clone_degit":"npx degit ColorlibHQ/velora-ui","registry_fetch":"curl -s https://velora.colorlib.com/r/registry.json"},"component_count":131,"components":[{"name":"aurora-background","title":"Aurora Background","description":"Velora's signature drifting aurora gradient backdrop.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/aurora-background.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/aurora-background.json"},{"name":"background-beams","title":"Background Beams","description":"Light beams flowing along curved paths behind content.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/background-beams.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/background-beams.json"},{"name":"background-boxes","title":"Background Boxes","description":"An isometric grid whose cells light up in brand tints under the pointer.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/background-boxes.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/background-boxes.json"},{"name":"dotted-glow-background","title":"Dotted Glow Background","description":"Canvas dot grid where drifting glows brighten dots and tint them toward the brand.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/dotted-glow-background.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/dotted-glow-background.json"},{"name":"flickering-grid","title":"Flickering Grid","description":"Grid of squares fading in and out on staggered timers.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/flickering-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/flickering-grid.json"},{"name":"grid-pattern","title":"Grid & Dot Pattern","description":"SVG grid and dot backdrops with maskable depth.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/grid-pattern.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/grid-pattern.json"},{"name":"lamp","title":"Lamp","description":"A glowing lamp-line header that expands into view.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/lamp.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/lamp.json"},{"name":"light-rays","title":"Light Rays","description":"God rays fanning down from the top of a section.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/light-rays.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/light-rays.json"},{"name":"meteors","title":"Meteors","description":"Falling meteor streaks for dark hero and CTA sections.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/meteors.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/meteors.json"},{"name":"noise-background","title":"Noise Background","description":"Drifting brand-gradient blobs under a static film-grain overlay; wraps its content.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/noise-background.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/noise-background.json"},{"name":"particles","title":"Particles","description":"Drifting, twinkling particle field on a lightweight canvas.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/particles.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/particles.json"},{"name":"retro-grid","title":"Retro Grid","description":"Perspective grid scrolling forever toward the horizon.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/retro-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/retro-grid.json"},{"name":"ripple","title":"Ripple","description":"Concentric rings pulsing outward — calm 'listening' backdrop.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/ripple.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/ripple.json"},{"name":"shooting-stars","title":"Shooting Stars","description":"A twinkling star field with brand-tinted streaks shooting across at random.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/shooting-stars.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/shooting-stars.json"},{"name":"vortex","title":"Vortex","description":"Brand-tinted particles spiralling into the centre, leaving soft fading trails.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/vortex.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/vortex.json"},{"name":"wavy-background","title":"Wavy Background","description":"Blurred, translucent ribbons of brand colour flowing sideways on a canvas.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/wavy-background.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/wavy-background.json"},{"name":"animated-gradient-text","title":"Animated Gradient Text","description":"Brand gradient sweeping continuously through text.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-gradient-text.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-gradient-text.json"},{"name":"flip-words","title":"Flip Words","description":"Cycles words with a springy blur-flip transition.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/flip-words.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/flip-words.json"},{"name":"hyper-text","title":"Hyper Text","description":"Scrambles through letters and resolves into the real text.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/hyper-text.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hyper-text.json"},{"name":"morphing-text","title":"Morphing Text","description":"Blurs one phrase out as the next resolves in.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/morphing-text.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/morphing-text.json"},{"name":"number-ticker","title":"Number Ticker","description":"Springs a number up when it enters the viewport.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/number-ticker.json"},{"name":"sparkles-text","title":"Sparkles Text","description":"Twinkling stars orbiting your headline.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/sparkles-text.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/sparkles-text.json"},{"name":"text-highlighter","title":"Text Highlighter","description":"Marker-pen sweep that draws in when the phrase scrolls into view.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/text-highlighter.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/text-highlighter.json"},{"name":"text-hover-effect","title":"Text Hover Effect","description":"Giant outlined word that draws in, then glows in brand colours under the pointer.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/text-hover-effect.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/text-hover-effect.json"},{"name":"text-reveal","title":"Text Reveal","description":"Word-by-word blur reveal on scroll.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/text-reveal.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/text-reveal.json"},{"name":"text-shimmer","title":"Text Shimmer","description":"A soft light sweep — great for AI loading states.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/text-shimmer.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/text-shimmer.json"},{"name":"typewriter","title":"Typewriter","description":"Types, holds and deletes through a list of words.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/typewriter.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/typewriter.json"},{"name":"word-rotate","title":"Word Rotate","description":"Swaps a single word on a quiet vertical roll.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/word-rotate.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/word-rotate.json"},{"name":"confetti","title":"Confetti","description":"Dependency-free confetti burst, fired from anywhere.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/confetti.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/confetti.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"Leans toward the cursor and springs back on leave.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/magnetic-button.json"},{"name":"moving-border","title":"Moving Border","description":"A light laps the button's border via offset-path.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/moving-border.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/moving-border.json"},{"name":"rainbow-button","title":"Rainbow Button","description":"CTA cycling the brand ramp, with a matching glow beneath.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/rainbow-button.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/rainbow-button.json"},{"name":"ripple-button","title":"Ripple Button","description":"Expands a ripple from the exact point you pressed.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/ripple-button.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/ripple-button.json"},{"name":"shimmer-button","title":"Shimmer Button","description":"CTA button with a continuous light sweep.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/shimmer-button.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/shimmer-button.json"},{"name":"stateful-button","title":"Stateful Button","description":"Button that morphs through loading, success and error states while a Promise settles.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/stateful-button.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/stateful-button.json"},{"name":"theme-toggler","title":"Theme Toggler","description":"Wipes the new theme in as a circle using View Transitions.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/theme-toggler.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/theme-toggler.json"},{"name":"animated-list","title":"Animated List","description":"Looping feed that springs each item in, newest on top.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-list.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-list.json"},{"name":"animated-tooltip","title":"Animated Tooltip","description":"Avatar row with springy name tooltips on hover.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-tooltip.json"},{"name":"avatar-circles","title":"Avatar Circles","description":"Stacked initials avatars with a +N badge — zero images.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/avatar-circles.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/avatar-circles.json"},{"name":"bento-grid","title":"Bento Grid","description":"Feature bento with hover-reveal CTAs and rich backgrounds.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/bento-grid.json"},{"name":"card-hover-effect","title":"Card Hover Effect","description":"Link-card grid with a highlight that glides to whichever card you hover or focus.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/card-hover-effect.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/card-hover-effect.json"},{"name":"card-stack","title":"Card Stack","description":"Deck that shuffles the top card to the back on a timer.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/card-stack.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/card-stack.json"},{"name":"compare-slider","title":"Compare Slider","description":"Before/after wipe with a keyboard-accessible divider.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/compare-slider.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/compare-slider.json"},{"name":"direction-aware-hover","title":"Direction Aware Hover","description":"Overlay enters from the edge the cursor actually crossed.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/direction-aware-hover.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/direction-aware-hover.json"},{"name":"dock","title":"Dock","description":"macOS-style dock with cursor magnification.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/dock.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/dock.json"},{"name":"draggable-card","title":"Draggable Card","description":"Scattered photo cards you can fling around with inertia, tilt and bounds.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/draggable-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/draggable-card.json"},{"name":"evervault-card","title":"Evervault Card","description":"Card that reveals shuffling brand-tinted characters through a mask following the pointer.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/evervault-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/evervault-card.json"},{"name":"expandable-card","title":"Expandable Card","description":"Expands into a centred panel with shared-layout transitions.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/expandable-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/expandable-card.json"},{"name":"file-tree","title":"File Tree","description":"Collapsible tree for documenting project structure.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/file-tree.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/file-tree.json"},{"name":"focus-cards","title":"Focus Cards","description":"Image grid where the hovered card stays sharp while the others blur and step back.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/focus-cards.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/focus-cards.json"},{"name":"glare-card","title":"Glare Card","description":"Sheet of light tracking the cursor, like a foil trading card.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/glare-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/glare-card.json"},{"name":"layout-grid","title":"Layout Grid","description":"Bento grid of image tiles that expand in place to reveal rich content.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/layout-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/layout-grid.json"},{"name":"marquee","title":"Marquee","description":"Seamless scrolling loop — horizontal, vertical, hover-pause.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/marquee.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/marquee.json"},{"name":"orbiting-circles","title":"Orbiting Circles","description":"Items evenly distributed on rotating orbital rings.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/orbiting-circles.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/orbiting-circles.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"A radial glow that follows the cursor across the card.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/spotlight-card.json"},{"name":"tilt-card","title":"Tilt Card","description":"3D perspective tilt that tracks the cursor.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/tilt-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/tilt-card.json"},{"name":"wobble-card","title":"Wobble Card","description":"Colored card that drifts toward the pointer, with parallax content and grain.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/wobble-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/wobble-card.json"},{"name":"animated-sidebar","title":"Animated Sidebar","description":"Icon rail that expands on hover or focus and turns into a drawer on narrow screens.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-sidebar.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-sidebar.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Tabs with a gliding pill and panels stacked like cards that peek behind.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-tabs.json"},{"name":"floating-navbar","title":"Floating Navbar","description":"Hides on scroll down, returns the moment you scroll up.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/floating-navbar.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/floating-navbar.json"},{"name":"navbar-menu","title":"Navbar Menu","description":"Hover-driven menu whose pill and panel morph between items.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/navbar-menu.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/navbar-menu.json"},{"name":"resizable-navbar","title":"Resizable Navbar","description":"Full-width navbar that shrinks into a floating, blurred pill once you scroll.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/resizable-navbar.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/resizable-navbar.json"},{"name":"sticky-banner","title":"Sticky Banner","description":"Dismissible announcement bar pinned above the header.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/sticky-banner.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/sticky-banner.json"},{"name":"file-drop","title":"File Drop","description":"Upload zone that lifts and glows while a file is over it.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/file-drop.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/file-drop.json"},{"name":"stepper","title":"Stepper","description":"Progress indicator for multi-step forms and checkouts.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/stepper.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/stepper.json"},{"name":"vanish-input","title":"Vanish Input","description":"Search field whose placeholder cycles while empty.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/vanish-input.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/vanish-input.json"},{"name":"animated-modal","title":"Animated Modal","description":"Native dialog whose panel springs in with a tilt over a blurred backdrop.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-modal.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-modal.json"},{"name":"loaders","title":"Loaders","description":"Five tiny CSS loading indicators — dots, pulse, orbit, bars and spinner.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/loaders.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/loaders.json"},{"name":"multi-step-loader","title":"Multi Step Loader","description":"Full-screen overlay that ticks through a list of steps, keeping the active one centred.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/multi-step-loader.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/multi-step-loader.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"Crossfades portraits behind a rotating quote.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-testimonials.json"},{"name":"logo-cloud","title":"Logo Cloud","description":"Customer logos muted until hovered, so they read as texture.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/logo-cloud.json"},{"name":"tweet-card","title":"Tweet Card","description":"Static social-proof card — props, not an API call.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/tweet-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/tweet-card.json"},{"name":"container-scroll","title":"Container Scroll","description":"Screenshot panel that rotates flat as it scrolls into view.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/container-scroll.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/container-scroll.json"},{"name":"hero-parallax","title":"Hero Parallax","description":"Hero copy over three card rows that slide apart as a tilted block flattens.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/hero-parallax.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-parallax.json"},{"name":"macbook-scroll","title":"Macbook Scroll","description":"A CSS-drawn laptop pins in place and opens its lid as the screenshot scales up.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/macbook-scroll.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/macbook-scroll.json"},{"name":"parallax-grid","title":"Parallax Grid","description":"Gallery columns drifting at different rates for depth.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/parallax-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/parallax-grid.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"Gradient page-progress bar pinned to the top.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/scroll-progress.json"},{"name":"scroll-velocity","title":"Scroll Velocity","description":"Marquee whose speed and direction follow your scrolling.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/scroll-velocity.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/scroll-velocity.json"},{"name":"sticky-scroll","title":"Sticky Scroll","description":"Copy scrolls past a pinned panel that swaps per section.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/sticky-scroll.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/sticky-scroll.json"},{"name":"timeline","title":"Timeline","description":"Vertical timeline with sticky labels and a gradient beam that fills as you scroll.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/timeline.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/timeline.json"},{"name":"tracing-beam","title":"Tracing Beam","description":"Gradient line that draws itself down long-form content.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/tracing-beam.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/tracing-beam.json"},{"name":"animated-beam","title":"Animated Beam","description":"Draws an animated connection between any two elements.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/animated-beam.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/animated-beam.json"},{"name":"blur-fade","title":"Blur Fade","description":"The workhorse entrance — blur, fade and drift into view.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/blur-fade.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/blur-fade.json"},{"name":"border-beam","title":"Border Beam","description":"A beam of light traveling around any border.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/border-beam.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/border-beam.json"},{"name":"glowing-effect","title":"Glowing Effect","description":"Border glow that follows the pointer around a card's edge as it comes near.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/glowing-effect.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/glowing-effect.json"},{"name":"3d-card","title":"3D Card","description":"Perspective card that turns toward the pointer while its layers lift to different depths.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/3d-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/3d-card.json"},{"name":"3d-pin","title":"3D Pin","description":"Card that tilts back as a glowing pin rises with a label chip and rippling rings.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/3d-pin.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/3d-pin.json"},{"name":"3d-marquee","title":"3D Marquee","description":"A tilted 3D grid of images whose columns scroll up and down in an endless loop.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/3d-marquee.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/3d-marquee.json"},{"name":"apple-cards-carousel","title":"Apple Cards Carousel","description":"Snap-scrolling row of tall image cards that morph into a full modal story.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/apple-cards-carousel.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/apple-cards-carousel.json"},{"name":"image-slider","title":"Image Slider","description":"Full-bleed image slider with crossfade-zoom, autoplay, dots, arrows and swipe.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/image-slider.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/image-slider.json"},{"name":"following-pointer","title":"Following Pointer","description":"Swaps the cursor for an arrow and a name tag that trail the pointer inside a region.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/following-pointer.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/following-pointer.json"},{"name":"lens","title":"Lens","description":"Circular magnifier that follows the pointer or arrow keys to zoom into an image.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/lens.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/lens.json"},{"name":"pointer-highlight","title":"Pointer Highlight","description":"Draws an outline around a phrase on scroll, then glides a pointer icon to its corner.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/pointer-highlight.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/pointer-highlight.json"},{"name":"smooth-cursor","title":"Smooth Cursor","description":"Dot-and-ring custom cursor; the ring trails on a spring and grows over links and buttons.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/smooth-cursor.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/smooth-cursor.json"},{"name":"globe","title":"Globe","description":"Dotted canvas globe with markers, great-circle arcs, drag and keyboard rotation.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/globe.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/globe.json"},{"name":"world-map","title":"World Map","description":"Dotted SVG world map with markers, pulsing hubs and animated connection arcs.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/world-map.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/world-map.json"},{"name":"browser-mockup","title":"Browser Mockup","description":"Browser window frame for product screenshots.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/browser-mockup.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/browser-mockup.json"},{"name":"code-block","title":"Code Block","description":"Code panel with tabs, line numbers, highlighted lines and a copy button.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/code-block.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/code-block.json"},{"name":"iphone-mockup","title":"iPhone Mockup","description":"iPhone frame with dynamic island — pure CSS.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/iphone-mockup.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/iphone-mockup.json"},{"name":"terminal","title":"Terminal","description":"A terminal window that types its lines in view.","type":"registry:ui","source_url":"https://velora.colorlib.com/r/terminal.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/terminal.json"},{"name":"hero-aurora","title":"Aurora hero","description":"Centered hero with a drifting aurora, dotted backdrop, announcement pill and staggered copy.","type":"registry:block","source_url":"https://velora.colorlib.com/r/hero-aurora.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-aurora.json"},{"name":"hero-globe","title":"Globe split hero","description":"Split hero with copy, CTAs and live stats beside an interactive dotted globe with arcs.","type":"registry:block","source_url":"https://velora.colorlib.com/r/hero-globe.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-globe.json"},{"name":"hero-screenshot","title":"Product screenshot hero","description":"Centered headline above a dashboard in a browser frame with a border beam and a logo row.","type":"registry:block","source_url":"https://velora.colorlib.com/r/hero-screenshot.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-screenshot.json"},{"name":"hero-split-phone","title":"Phone split hero","description":"App launch hero with an email capture on the left and an app screen in an iPhone frame.","type":"registry:block","source_url":"https://velora.colorlib.com/r/hero-split-phone.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-split-phone.json"},{"name":"hero-waves","title":"Wavy hero","description":"Bold centered hero over flowing waves, with a rotating headline word and avatar social proof.","type":"registry:block","source_url":"https://velora.colorlib.com/r/hero-waves.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-waves.json"},{"name":"hero-grid-minimal","title":"Developer tool hero","description":"Minimal hero on a retro grid with a typed headline accent, an install terminal and two CTAs.","type":"registry:block","source_url":"https://velora.colorlib.com/r/hero-grid-minimal.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/hero-grid-minimal.json"},{"name":"features-bento","title":"Bento feature grid","description":"Five-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe.","type":"registry:block","source_url":"https://velora.colorlib.com/r/features-bento.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/features-bento.json"},{"name":"features-icon-grid","title":"Icon feature grid","description":"Heading and six icon feature cards in a three-column grid, each border lit by a cursor-following glow.","type":"registry:block","source_url":"https://velora.colorlib.com/r/features-icon-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/features-icon-grid.json"},{"name":"features-tabs","title":"Tabbed product tour","description":"Product tour with animated tabs; each tab pairs short copy and a checklist with a Tailwind-built app mock.","type":"registry:block","source_url":"https://velora.colorlib.com/r/features-tabs.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/features-tabs.json"},{"name":"features-split-screenshot","title":"Alternating screenshot rows","description":"Two alternating rows of copy with a checklist beside a browser-framed dashboard mock, sides swapped.","type":"registry:block","source_url":"https://velora.colorlib.com/r/features-split-screenshot.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/features-split-screenshot.json"},{"name":"features-steps","title":"Numbered steps","description":"How-it-works section with four numbered steps on a gradient connector line, each with a small UI visual.","type":"registry:block","source_url":"https://velora.colorlib.com/r/features-steps.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/features-steps.json"},{"name":"pricing-three-tiers","title":"Three-tier pricing","description":"Three plan cards with a monthly/yearly switch, a savings badge and a highlighted middle plan.","type":"registry:block","source_url":"https://velora.colorlib.com/r/pricing-three-tiers.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/pricing-three-tiers.json"},{"name":"pricing-single-plan","title":"Single plan pricing","description":"One all-inclusive plan card beside a benefit list and short reassurance answers.","type":"registry:block","source_url":"https://velora.colorlib.com/r/pricing-single-plan.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/pricing-single-plan.json"},{"name":"pricing-comparison","title":"Pricing comparison table","description":"Grouped feature comparison table with a sticky plan header, and per-plan tabs on mobile.","type":"registry:block","source_url":"https://velora.colorlib.com/r/pricing-comparison.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/pricing-comparison.json"},{"name":"testimonials-marquee","title":"Testimonial marquee","description":"Two rows of review cards scrolling in opposite directions, with faded edges and pause on hover or focus.","type":"registry:block","source_url":"https://velora.colorlib.com/r/testimonials-marquee.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/testimonials-marquee.json"},{"name":"testimonials-featured","title":"Featured testimonial","description":"One rotating quote with crossfading portraits, framed by a beam card over a row of counting stats.","type":"registry:block","source_url":"https://velora.colorlib.com/r/testimonials-featured.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/testimonials-featured.json"},{"name":"testimonials-grid","title":"Testimonial grid","description":"Masonry wall of social posts and quote cards, led by a wide case-study quote with a headline metric.","type":"registry:block","source_url":"https://velora.colorlib.com/r/testimonials-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/testimonials-grid.json"},{"name":"cta-vortex","title":"Vortex CTA band","description":"Dark rounded call-to-action band over a brand-tinted particle vortex, with two actions and fine print.","type":"registry:block","source_url":"https://velora.colorlib.com/r/cta-vortex.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/cta-vortex.json"},{"name":"cta-split-image","title":"Split CTA with product visual","description":"Two-column CTA card with a benefit list and a dashboard mock-up, traced by an animated border beam.","type":"registry:block","source_url":"https://velora.colorlib.com/r/cta-split-image.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/cta-split-image.json"},{"name":"cta-newsletter","title":"Newsletter sign-up","description":"Newsletter card over a glowing dot grid with a labelled email field, subscriber avatars and a privacy note.","type":"registry:block","source_url":"https://velora.colorlib.com/r/cta-newsletter.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/cta-newsletter.json"},{"name":"logos-marquee","title":"Logo marquee","description":"A “Trusted by” line over a scrolling strip of grayscale logos that take their colour on hover.","type":"registry:block","source_url":"https://velora.colorlib.com/r/logos-marquee.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/logos-marquee.json"},{"name":"logos-grid","title":"Logo grid","description":"Bordered grid of customer logos with a cursor spotlight per cell, beside a heading and stories link.","type":"registry:block","source_url":"https://velora.colorlib.com/r/logos-grid.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/logos-grid.json"},{"name":"faq-accordion","title":"Centered FAQ accordion","description":"Centered heading over an accordion of eight questions, closed by a contact row.","type":"registry:block","source_url":"https://velora.colorlib.com/r/faq-accordion.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/faq-accordion.json"},{"name":"faq-two-column","title":"Two-column FAQ","description":"Sticky intro and contact card on the left, an accordion of questions on the right.","type":"registry:block","source_url":"https://velora.colorlib.com/r/faq-two-column.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/faq-two-column.json"},{"name":"navbar-floating","title":"Floating pill navbar","description":"Full-width navbar that shrinks into a blurred floating pill on scroll, with a CTA and mobile menu.","type":"registry:block","source_url":"https://velora.colorlib.com/r/navbar-floating.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/navbar-floating.json"},{"name":"navbar-mega","title":"Mega menu navbar","description":"Top bar with a keyboard-accessible Product mega menu, search, sign-in and a slide-over mobile menu.","type":"registry:block","source_url":"https://velora.colorlib.com/r/navbar-mega.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/navbar-mega.json"},{"name":"footer-columns","title":"Link columns footer","description":"Footer with logo, tagline and social links, four link columns and a copyright bar with legal links.","type":"registry:block","source_url":"https://velora.colorlib.com/r/footer-columns.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/footer-columns.json"},{"name":"footer-wordmark","title":"Giant wordmark footer","description":"Minimal footer that ends in an oversized outlined wordmark lighting up in brand colours under the pointer.","type":"registry:block","source_url":"https://velora.colorlib.com/r/footer-wordmark.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/footer-wordmark.json"},{"name":"footer-newsletter","title":"Newsletter footer","description":"Footer with a newsletter sign-up row, link columns and a live “All systems normal” status badge.","type":"registry:block","source_url":"https://velora.colorlib.com/r/footer-newsletter.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/footer-newsletter.json"},{"name":"auth-login-split","title":"Split login page","description":"Login form with password reveal, remember-me and social sign-in beside an aurora testimonial panel.","type":"registry:block","source_url":"https://velora.colorlib.com/r/auth-login-split.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/auth-login-split.json"},{"name":"auth-signup-card","title":"Sign-up card","description":"Centered sign-up card over a grid and light beams, with live password rules, terms and social sign-up.","type":"registry:block","source_url":"https://velora.colorlib.com/r/auth-signup-card.json","install_command":"npx shadcn@latest add https://velora.colorlib.com/r/auth-signup-card.json"}]},{"id":"viberdy","name":"@viberdy","slug":"viberdy","description":"Animated React and Tailwind components in 14 design styles, from glassmorphism and aurora to kinetic type and dither, each with an AI prompt. 161 are free with source at github.com/viberdy-dev/ui; Pro items need an API key.","author":"viberdy-dev","framework":"react","license":null,"tags":["3d","ai","animation","audio","auth","backgrounds","blocks","buttons","cards","developer-tools","forms","glassmorphism","icons","loaders","marketing","media","navigation","overlays","pro-available","tables","text-effects","theming"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://viberdy.dev","github":"https://github.com/viberdy-dev/ui","registry":"https://viberdy.dev/r/registry.json","source":"https://viberdy.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/viberdy","markdown":"https://sh4dcn.netlify.app/md/viberdy.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='var(--foreground)'/><path d='M9 10.5 L15.2 22.5 L16.8 22.5 L23 10.5 L19.6 10.5 L16 18.2 L12.4 10.5 Z' fill='var(--background)'/></svg>","preview_image":"https://viberdy.dev/opengraph-image?v=2","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://viberdy.dev/pricing"},"metrics":{"github_stars":0,"open_issues":0,"last_commit":"2026-10-24T21:00:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://viberdy.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://viberdy.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://viberdy.dev/r/registry.json","clone":"git clone https://github.com/viberdy-dev/ui.git","clone_degit":"npx degit viberdy-dev/ui","registry_fetch":"curl -s https://viberdy.dev/r/registry.json"},"component_count":181,"components":[{"name":"magnetic-button","title":"Magnetic Button","description":"A button that is pulled toward the pointer across a field around it: the whole body drifts, the label trails on a softer spring, a specular light and edge glin…","type":"registry:component","source_url":"https://viberdy.dev/r/magnetic-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/magnetic-button.json"},{"name":"stacked-type-hero","title":"Stacked Type Hero","description":"Oversized, tightly-stacked headline words that reveal in on mount — big type as sculpture.","type":"registry:component","source_url":"https://viberdy.dev/r/stacked-type-hero.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/stacked-type-hero.json"},{"name":"tilt-card","title":"Tilt Card","description":"A 3D card that tilts toward the pointer on hand-written springs, with a picture, badge, title and chips floating at their own depths, a lit edge and glare that…","type":"registry:component","source_url":"https://viberdy.dev/r/tilt-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/tilt-card.json"},{"name":"marquee-ticker","title":"Marquee Ticker","description":"An endless strip of words or logos you can grab: it glides to a stop under the pointer, drags with momentum, leans into fast movement and fades out at both edg…","type":"registry:component","source_url":"https://viberdy.dev/r/marquee-ticker.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/marquee-ticker.json"},{"name":"spotlight-grid","title":"Spotlight Card Grid","description":"A bento of dark cards lit by one shared light: it crosses the gaps, glows on card borders, brightens each card’s illustration and drifts on its own until you t…","type":"registry:component","source_url":"https://viberdy.dev/r/spotlight-grid.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/spotlight-grid.json"},{"name":"grain-overlay","title":"Grain Overlay","description":"A subtle animated film-grain texture layered over any section via canvas.","type":"registry:component","source_url":"https://viberdy.dev/r/grain-overlay.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/grain-overlay.json"},{"name":"scramble-text","title":"Scramble Text","description":"A decoding headline: every character resolves left to right out of random glyphs inside a fixed cell, so the line never changes width. Runs on hover, focus, ta…","type":"registry:component","source_url":"https://viberdy.dev/r/scramble-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/scramble-text.json"},{"name":"swipe-card-stack","title":"Swipe Card Stack","description":"A Tinder-style deck on hand-written springs: the top card tilts with your drag, LIKE and NOPE stamps fade in with a wash of colour, the cards behind rise as yo…","type":"registry:component","source_url":"https://viberdy.dev/r/swipe-card-stack.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/swipe-card-stack.json"},{"name":"odometer-counter","title":"Odometer Counter","description":"A mechanical odometer: every digit is a drum that spins, blurs and glows as it rolls, then settles with a detent bounce. Counts up once in view, rolls up or do…","type":"registry:component","source_url":"https://viberdy.dev/r/odometer-counter.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/odometer-counter.json"},{"name":"confetti-button","title":"Confetti Burst Button","description":"A red pill button with a pointer-following sheen that squashes on press and throws a real confetti burst from your click point, then morphs its label into a dr…","type":"registry:component","source_url":"https://viberdy.dev/r/confetti-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/confetti-button.json"},{"name":"toast-stack","title":"Toast Notification Stack","description":"A Sonner-style toast system with no dependencies: toasts fold into a deck, fan out on hover, focus or tap, and pause their progress lines while open. Drag to t…","type":"registry:component","source_url":"https://viberdy.dev/r/toast-stack.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/toast-stack.json"},{"name":"skeleton-shimmer","title":"Skeleton Shimmer Loader","description":"Loading-state placeholder blocks with a light sweep animating across them.","type":"registry:component","source_url":"https://viberdy.dev/r/skeleton-shimmer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/skeleton-shimmer.json"},{"name":"progress-ring","title":"Circular Progress Ring","description":"A progress ring with a gradient stroke and a glowing head, tick marks that light up behind the arc, a centre value whose digits roll, and an indeterminate mode…","type":"registry:component","source_url":"https://viberdy.dev/r/progress-ring.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/progress-ring.json"},{"name":"range-slider","title":"Draggable Range Slider","description":"A refined range slider, single or dual thumb: a value bubble that follows the handle and swells while dragging, tick marks with labels, a histogram behind the …","type":"registry:component","source_url":"https://viberdy.dev/r/range-slider.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/range-slider.json"},{"name":"flip-card","title":"3D Flip Card","description":"A card with real thickness that turns on a spring: a shaded rim, a glare that sweeps the face turning toward you, a floor shadow that narrows mid-turn, and a l…","type":"registry:component","source_url":"https://viberdy.dev/r/flip-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/flip-card.json"},{"name":"typewriter-text","title":"Typewriter Text","description":"A typewriter with a human hand: jittered keystrokes, beats at punctuation, a caret that rests only when it waits, accelerating backspace, a reserved width so n…","type":"registry:component","source_url":"https://viberdy.dev/r/typewriter-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/typewriter-text.json"},{"name":"sticky-scroll-stack","title":"Sticky Scroll Stack","description":"Cards that pin and pile up as you scroll: each one shrinks and dims as the next slides over it, with a progress index on the side that jumps between cards. Han…","type":"registry:component","source_url":"https://viberdy.dev/r/sticky-scroll-stack.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/sticky-scroll-stack.json"},{"name":"magnetic-nav-dock","title":"Magnetic Nav Dock","description":"A macOS-style dock where tiles swell on a smooth falloff around the pointer and push their neighbours aside. Crafted SVG app tiles, a label that glides between…","type":"registry:component","source_url":"https://viberdy.dev/r/magnetic-nav-dock.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/magnetic-nav-dock.json"},{"name":"animated-checkbox","title":"Animated Checkbox","description":"A real checkbox with a check that draws itself in: the fill opens from the centre, the box pops, a ring and six sparks leave it, and a checked label can strike…","type":"registry:component","source_url":"https://viberdy.dev/r/animated-checkbox.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/animated-checkbox.json"},{"name":"image-comparison-slider","title":"Image Comparison Slider","description":"A before/after reveal with a glass grip on a spring-driven divider: press anywhere to glide it there, drag without a jump, use the arrow keys, or turn on hover…","type":"registry:component","source_url":"https://viberdy.dev/r/image-comparison-slider.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/image-comparison-slider.json"},{"name":"ripple-click-effect","title":"Ripple Click Effect","description":"A Material-style ripple from the exact press point that grows to the farthest corner, holds while you hold and fades on release. A button, plus a wrapper for a…","type":"registry:component","source_url":"https://viberdy.dev/r/ripple-click-effect.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ripple-click-effect.json"},{"name":"floating-label-input","title":"Floating Label Input","description":"A text field whose label springs from placeholder to caption, with a focus ring and an underline that grows from where you clicked, a pointer-lit hover, helper…","type":"registry:component","source_url":"https://viberdy.dev/r/floating-label-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/floating-label-input.json"},{"name":"animated-tabs-indicator","title":"Animated Tabs Indicator","description":"Tabs whose indicator stretches between tabs: the leading edge leaves first and the trailing edge follows on a softer spring. Labels flip colour exactly where t…","type":"registry:component","source_url":"https://viberdy.dev/r/animated-tabs-indicator.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/animated-tabs-indicator.json"},{"name":"gradient-border-beam","title":"Animated Gradient Border Beam","description":"A comet of light that circles a card's border at an even pace: a faded tail behind a white-hot head, glow that bleeds onto the surface and past the edge, an op…","type":"registry:component","source_url":"https://viberdy.dev/r/gradient-border-beam.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/gradient-border-beam.json"},{"name":"morphing-hamburger-icon","title":"Morphing Hamburger Icon","description":"A menu button whose three bars morph on springs into a close X, a back arrow or a minus, with a lit pill, press squash and a live panel in the demo. Inherits c…","type":"registry:component","source_url":"https://viberdy.dev/r/morphing-hamburger-icon.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/morphing-hamburger-icon.json"},{"name":"glitch-text-hover","title":"Glitch Text Hover","description":"A restrained RGB-split glitch: the word rests with a faint chromatic fringe, throws a micro-glitch every few seconds, and on hover, focus or tap shears into of…","type":"registry:component","source_url":"https://viberdy.dev/r/glitch-text-hover.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/glitch-text-hover.json"},{"name":"liquid-blob-cursor","title":"Liquid Blob Cursor Follow","description":"A soft blurred blob that trails the cursor with spring-smoothed lag.","type":"registry:component","source_url":"https://viberdy.dev/r/liquid-blob-cursor.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/liquid-blob-cursor.json"},{"name":"expandable-search-bar","title":"Expandable Search Bar","description":"A search icon that springs open into a full field with a suggestions dropdown: recent searches, live filtering, arrow-key navigation, / and Cmd+K to open, Esca…","type":"registry:component","source_url":"https://viberdy.dev/r/expandable-search-bar.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/expandable-search-bar.json"},{"name":"card-carousel-3d","title":"3D Card Carousel","description":"A coverflow carousel: cards on an arc, the front one facing you while its neighbours turn in, dim and blur with depth. Drag or swipe with momentum that snaps t…","type":"registry:component","source_url":"https://viberdy.dev/r/card-carousel-3d.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/card-carousel-3d.json"},{"name":"draggable-sortable-list","title":"Draggable Sortable List","description":"A dependency-free sortable list: lift a row by its grip and the others glide out of the way on a spring, then it settles into its slot. Pointer and touch drag,…","type":"registry:component","source_url":"https://viberdy.dev/r/draggable-sortable-list.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/draggable-sortable-list.json"},{"name":"star-rating-interactive","title":"Interactive Star Rating","description":"A star rating input with half-step precision: drag or tap across the stars, hover to preview, and a chosen rating pops in a wave with a burst of sparks and a c…","type":"registry:component","source_url":"https://viberdy.dev/r/star-rating-interactive.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/star-rating-interactive.json"},{"name":"rotating-word-swap","title":"Rotating Word Swap Headline","description":"A headline whose key word swaps through a list: letters roll up and out with a blur, the next word rolls in letter by letter, the line closes smoothly around e…","type":"registry:component","source_url":"https://viberdy.dev/r/rotating-word-swap.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/rotating-word-swap.json"},{"name":"draggable-bottom-sheet","title":"Draggable Bottom Sheet Modal","description":"An iOS-style bottom sheet with peek, half and full detents: velocity-aware snapping, rubber-banding past the ends, a scrim that dims with progress, content tha…","type":"registry:component","source_url":"https://viberdy.dev/r/draggable-bottom-sheet.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/draggable-bottom-sheet.json"},{"name":"pricing-toggle-switch","title":"Pricing Toggle Switch","description":"A monthly/yearly billing switch with a springy, draggable thumb and a savings badge. Prices roll digit by digit like an odometer, and an optional plans prop tu…","type":"registry:component","source_url":"https://viberdy.dev/r/pricing-toggle-switch.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/pricing-toggle-switch.json"},{"name":"command-palette","title":"Command Palette","description":"A single-level Cmd+K palette: a glass panel with fuzzy search and lit match letters, grouped results with a Recent section, a spring highlight that slides betw…","type":"registry:component","source_url":"https://viberdy.dev/r/command-palette.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/command-palette.json"},{"name":"file-upload-dropzone","title":"File Upload Dropzone","description":"A real drag-and-drop file zone: the border marches and glows while files are over it, rows show thumbnails, progress from your own upload callback, retry and r…","type":"registry:component","source_url":"https://viberdy.dev/r/file-upload-dropzone.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/file-upload-dropzone.json"},{"name":"segmented-control","title":"Segmented Control","description":"An iOS-style segmented control with a draggable thumb: grab it and drag across segments, it stretches with its own velocity, grows under your finger and settle…","type":"registry:component","source_url":"https://viberdy.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/segmented-control.json"},{"name":"vertical-timeline-reveal","title":"Vertical Timeline Reveal","description":"A scroll-triggered vertical timeline whose dots and cards reveal in sequence.","type":"registry:component","source_url":"https://viberdy.dev/r/vertical-timeline-reveal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/vertical-timeline-reveal.json"},{"name":"copy-code-snippet","title":"Copy Code Snippet","description":"A dark code block for install commands: npm, pnpm, yarn and bun tabs, syntax-tinted tokens, line highlights, a copy button that really writes to the clipboard …","type":"registry:component","source_url":"https://viberdy.dev/r/copy-code-snippet.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/copy-code-snippet.json"},{"name":"animated-stat-grid","title":"Animated Stat Grid","description":"A row of stat counters that count up together the moment they scroll into view.","type":"registry:component","source_url":"https://viberdy.dev/r/animated-stat-grid.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/animated-stat-grid.json"},{"name":"audio-wave-visualizer","title":"Audio Wave Visualizer","description":"A bouncing equalizer bar animation for audio/podcast/music UI.","type":"registry:component","source_url":"https://viberdy.dev/r/audio-wave-visualizer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/audio-wave-visualizer.json"},{"name":"kanban-drag-columns","title":"Kanban Drag Columns","description":"A dependency-free kanban board: lift a card and a lifted copy follows your pointer while the columns light up as drop targets and the cards glide out of the wa…","type":"registry:component","source_url":"https://viberdy.dev/r/kanban-drag-columns.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/kanban-drag-columns.json"},{"name":"testimonial-carousel","title":"Testimonial Carousel","description":"A testimonial carousel with a soft word-by-word quote reveal, a directional slide, an avatar picker, company wordmarks and score chips, and an autoplay hairlin…","type":"registry:component","source_url":"https://viberdy.dev/r/testimonial-carousel.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/testimonial-carousel.json"},{"name":"hide-on-scroll-navbar","title":"Hide On Scroll Navbar","description":"A header that slips away as you scroll down and springs back the moment you scroll up. Clear at the top, frosted glass once you move, with a reading-progress l…","type":"registry:component","source_url":"https://viberdy.dev/r/hide-on-scroll-navbar.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hide-on-scroll-navbar.json"},{"name":"theme-toggle-sun-moon-morph","title":"Theme Toggle Sun Moon Morph","description":"A dark-mode switch whose thumb morphs from a sun into a crescent moon through a real SVG mask, while the track shifts from drifting clouds to twinkling stars. …","type":"registry:component","source_url":"https://viberdy.dev/r/theme-toggle-sun-moon-morph.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/theme-toggle-sun-moon-morph.json"},{"name":"scroll-linked-image-mask-reveal","title":"Scroll-Linked Image Mask Reveal","description":"An image whose circular clip-path mask grows and shrinks in lockstep with scroll.","type":"registry:component","source_url":"https://viberdy.dev/r/scroll-linked-image-mask-reveal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/scroll-linked-image-mask-reveal.json"},{"name":"searchable-faq-accordion","title":"Searchable FAQ Accordion","description":"An FAQ with live search that highlights matches, topic chips with a sliding indicator and counts, height-animated answers, a plus-to-minus icon morph, deep-lin…","type":"registry:component","source_url":"https://viberdy.dev/r/searchable-faq-accordion.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/searchable-faq-accordion.json"},{"name":"masonry-image-hover-grid","title":"Masonry Image Hover Grid","description":"A CSS-columns masonry gallery with a scale + caption reveal on hover.","type":"registry:component","source_url":"https://viberdy.dev/r/masonry-image-hover-grid.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/masonry-image-hover-grid.json"},{"name":"share-button-expand","title":"Share Button Expand","description":"A share button that springs open into a row of targets: X, LinkedIn, email and a copy-link that only confirms when the clipboard write worked. A light follows …","type":"registry:component","source_url":"https://viberdy.dev/r/share-button-expand.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/share-button-expand.json"},{"name":"page-loading-bar","title":"Page Loading Bar","description":"An nprogress-style top-of-page bar that eases toward completion, never stalling.","type":"registry:component","source_url":"https://viberdy.dev/r/page-loading-bar.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/page-loading-bar.json"},{"name":"badge-ping-counter","title":"Badge Ping Counter","description":"A notification badge that earns its number: the count rolls like a counter wheel, the pill pops, two rings ping outward and the bell swings on every increment.…","type":"registry:component","source_url":"https://viberdy.dev/r/badge-ping-counter.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/badge-ping-counter.json"},{"name":"cursor-crosshair-readout","title":"Crosshair Cursor Readout","description":"A drafting-tool crosshair for any surface: hairline guides with live X/Y tags on ticked rulers, snapping to element corners, edges and centres with their dimen…","type":"registry:component","source_url":"https://viberdy.dev/r/cursor-crosshair-readout.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/cursor-crosshair-readout.json"},{"name":"cursor-label-follower","title":"Cursor Label Follower","description":"A pill that springs after the pointer and morphs its text, glyph and width per target (View, Drag, Play), with press-to-reveal on touch and focus labels for ke…","type":"registry:component","source_url":"https://viberdy.dev/r/cursor-label-follower.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/cursor-label-follower.json"},{"name":"cursor-lens-magnifier","title":"Cursor Lens Magnifier","description":"A glass lens that springs after the pointer and magnifies a live copy of the content beneath it, with a refraction rim, chromatic edge and soft shadow. Press a…","type":"registry:component","source_url":"https://viberdy.dev/r/cursor-lens-magnifier.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/cursor-lens-magnifier.json"},{"name":"cursor-snap-target","title":"Snapping Cursor","description":"A cursor dot that latches onto interactive elements and takes their exact shape and corner radius, leans toward the pointer while locked, follows keyboard focu…","type":"registry:component","source_url":"https://viberdy.dev/r/cursor-snap-target.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/cursor-snap-target.json"},{"name":"hover-slice-shear","title":"Slice Shear Hover","description":"Display type cut into horizontal bands that fan apart under the pointer.","type":"registry:component","source_url":"https://viberdy.dev/r/hover-slice-shear.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hover-slice-shear.json"},{"name":"hover-link-peek","title":"Link Peek Preview","description":"An index list of links that floats a mini rendering of each destination beside the pointer: spring-lagged, leaning with sweep speed, shown on keyboard focus an…","type":"registry:component","source_url":"https://viberdy.dev/r/hover-link-peek.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hover-link-peek.json"},{"name":"hover-stroke-draw-button","title":"Stroke Draw Button","description":"A button whose outline draws itself around the shape: two strokes leave the top centre with a bright comet head and meet at the bottom, a soft light follows th…","type":"registry:component","source_url":"https://viberdy.dev/r/hover-stroke-draw-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hover-stroke-draw-button.json"},{"name":"hover-expand-panels","title":"Expanding Panel Row","description":"A row of art panels where the hovered, focused or tapped one springs open while its neighbours compress. Each title runs up the panel edge and swings to horizo…","type":"registry:component","source_url":"https://viberdy.dev/r/hover-expand-panels.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hover-expand-panels.json"},{"name":"beam-sweep-backdrop","title":"Beam Sweep Backdrop","description":"Slow conic light beams rotating behind content, CSS-only and compositor-friendly.","type":"registry:component","source_url":"https://viberdy.dev/r/beam-sweep-backdrop.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/beam-sweep-backdrop.json"},{"name":"pointer-warp-dot-field","title":"Pointer Warp Dot Field","description":"A canvas dot grid that bulges and brightens away from the cursor.","type":"registry:component","source_url":"https://viberdy.dev/r/pointer-warp-dot-field.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/pointer-warp-dot-field.json"},{"name":"crt-scanline-overlay","title":"CRT Scanline Overlay","description":"Scanlines, aperture grille, rolling refresh and vignette over any content.","type":"registry:component","source_url":"https://viberdy.dev/r/crt-scanline-overlay.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/crt-scanline-overlay.json"},{"name":"weight-wave-text","title":"Weight Wave Text","description":"Per-character variable font weight that swells around the pointer and drifts when idle.","type":"registry:component","source_url":"https://viberdy.dev/r/weight-wave-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/weight-wave-text.json"},{"name":"extruded-type-tilt","title":"Extruded Type Tilt","description":"Display type with a solid extrusion that swings around as the pointer moves.","type":"registry:component","source_url":"https://viberdy.dev/r/extruded-type-tilt.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/extruded-type-tilt.json"},{"name":"morphing-island-notch","title":"Morphing Island Notch","description":"A Dynamic-Island-style status pill with no dependencies: it measures its own content, springs to size, and fuses a stiff and a soft body through a goo filter s…","type":"registry:component","source_url":"https://viberdy.dev/r/morphing-island-notch.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/morphing-island-notch.json"},{"name":"pointer-parallax-scene","title":"Pointer Parallax Scene","description":"A depth system where layers separate under the pointer from one shared motion source.","type":"registry:component","source_url":"https://viberdy.dev/r/pointer-parallax-scene.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/pointer-parallax-scene.json"},{"name":"flip-grid-reorder","title":"FLIP Grid Reorder","description":"A filterable, shuffleable grid of rich tiles that travel to their new positions on a hand-sampled spring: survivors glide, leavers fade out of the flow, newcom…","type":"registry:component","source_url":"https://viberdy.dev/r/flip-grid-reorder.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/flip-grid-reorder.json"},{"name":"scroll-card-deal","title":"Scroll Card Deal","description":"A pile of cards that fans out symmetrically as its section crosses the viewport.","type":"registry:component","source_url":"https://viberdy.dev/r/scroll-card-deal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/scroll-card-deal.json"},{"name":"velocity-marquee-rail","title":"Velocity Marquee Rail","description":"A marquee that accelerates with scroll speed and flips direction when you scroll back.","type":"registry:component","source_url":"https://viberdy.dev/r/velocity-marquee-rail.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/velocity-marquee-rail.json"},{"name":"path-follow-scroll","title":"Path Follow Scroll","description":"A marker that rides an SVG curve on scroll, banking through the bends.","type":"registry:component","source_url":"https://viberdy.dev/r/path-follow-scroll.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/path-follow-scroll.json"},{"name":"drag-inertia-carousel","title":"Drag Inertia Carousel","description":"A rail you can throw — it projects the momentum and settles on the nearest slide.","type":"registry:component","source_url":"https://viberdy.dev/r/drag-inertia-carousel.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/drag-inertia-carousel.json"},{"name":"fuzzy-match-input","title":"Fuzzy Match Input","description":"A fuzzy search field that scores by run length and word starts and lights up the exact letters that matched. Results slide to their new rank as you type, a spr…","type":"registry:component","source_url":"https://viberdy.dev/r/fuzzy-match-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/fuzzy-match-input.json"},{"name":"cursor-mask-reveal","title":"Cursor Mask Reveal","description":"A feathered hole that trails the pointer through one layer to expose a different one beneath, like a finished UI over its construction drawing. Drifts at rest,…","type":"registry:component","source_url":"https://viberdy.dev/r/cursor-mask-reveal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/cursor-mask-reveal.json"},{"name":"ascii-halftone-canvas","title":"ASCII Halftone Canvas","description":"Turns any canvas drawing into live ASCII art, sampled one pixel per glyph.","type":"registry:component","source_url":"https://viberdy.dev/r/ascii-halftone-canvas.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ascii-halftone-canvas.json"},{"name":"scrub-timeline-player","title":"Scrub Timeline Player","description":"A media scrubber with buffered range, hover timestamp and pointer-capture dragging.","type":"registry:component","source_url":"https://viberdy.dev/r/scrub-timeline-player.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/scrub-timeline-player.json"},{"name":"otp-code-input","title":"OTP Code Input","description":"A one-time-code field whose cells survive SMS autofill, paste and Android backspace.","type":"registry:component","source_url":"https://viberdy.dev/r/otp-code-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/otp-code-input.json"},{"name":"concrete-wall-texture","title":"Concrete Wall Texture","description":"A seamless procedural concrete surface drawn once to canvas and blended over anything.","type":"registry:component","source_url":"https://viberdy.dev/r/concrete-wall-texture.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/concrete-wall-texture.json"},{"name":"signal-field","title":"Signal Field","description":"A machined dot grid lit by slow waves of light, with a pointer lens and click ripples.","type":"registry:component","source_url":"https://viberdy.dev/r/signal-field.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/signal-field.json"},{"name":"marker-highlight-text","title":"Marker Highlight Text","description":"A felt-tip highlighter stroke with a ragged edge that draws itself behind a phrase when it scrolls into view.","type":"registry:component","source_url":"https://viberdy.dev/r/marker-highlight-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/marker-highlight-text.json"},{"name":"window-light-drift","title":"Window Light Drift","description":"Afternoon sun through a window, crossing a plaster wall over ninety seconds — and your pointer casts a shadow in it.","type":"registry:component","source_url":"https://viberdy.dev/r/window-light-drift.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/window-light-drift.json"},{"name":"swatch-fan-deck","title":"Swatch Fan Deck","description":"A fan deck of paint chips that spreads in your hand on hover or focus — a real radio group, with arrow keys and the colour's name, not its hex.","type":"registry:component","source_url":"https://viberdy.dev/r/swatch-fan-deck.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/swatch-fan-deck.json"},{"name":"hours-poster-section","title":"Hours Poster Section","description":"Opening hours set as a poster — days hanging off the edge, closed rows struck through, today banded in the one accent — with an open/closed line on the shop's …","type":"registry:component","source_url":"https://viberdy.dev/r/hours-poster-section.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hours-poster-section.json"},{"name":"headline-switch-hero","title":"Headline Switch Hero","description":"The second line of the headline is the navigation: KITCHENS / BATHROOMS / LOFTS at headline size, and choosing one swaps the treated photo plate, the copy and …","type":"registry:component","source_url":"https://viberdy.dev/r/headline-switch-hero.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/headline-switch-hero.json"},{"name":"liquid-glass-button","title":"Liquid Glass Button","description":"A pill of liquid glass that bends what is behind it: real refraction at the rim, a rim and sheen lit by your pointer, and a gel-like press.","type":"registry:component","source_url":"https://viberdy.dev/r/liquid-glass-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/liquid-glass-button.json"},{"name":"liquid-glass-switch","title":"Liquid Glass Switch","description":"A toggle whose knob swells into a clear glass lens while you hold or drag it, magnifying the track beneath, then springs home solid.","type":"registry:component","source_url":"https://viberdy.dev/r/liquid-glass-switch.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/liquid-glass-switch.json"},{"name":"glass-etch-text","title":"Glass Etch Text","description":"Real, selectable heading text rendered as glass: a lit bevel, a graduated rim and a hairline colour fringe, raised or etched in.","type":"registry:component","source_url":"https://viberdy.dev/r/glass-etch-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/glass-etch-text.json"},{"name":"glass-focus-field","title":"Glass Focus Field","description":"A liquid-glass input whose rim notices the pointer before focus, thickens outward from where you click, ripples from the caret with every keystroke and clouds …","type":"registry:component","source_url":"https://viberdy.dev/r/glass-focus-field.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/glass-focus-field.json"},{"name":"glass-morph-popover","title":"Glass Morph Popover","description":"A popover that grows out of its button as a drop of liquid glass, stretches toward its place and settles flat, then drains back the same way.","type":"registry:component","source_url":"https://viberdy.dev/r/glass-morph-popover.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/glass-morph-popover.json"},{"name":"glass-tint-footer","title":"Glass Tint Footer","description":"A liquid-glass footer slab that rises over the section above as you scroll in, its meniscus edge sloshing on fast scrolls, with a pointer light, a droplet glid…","type":"registry:component","source_url":"https://viberdy.dev/r/glass-tint-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/glass-tint-footer.json"},{"name":"hairline-tile-button","title":"Hairline Tile Button","description":"A button that behaves like a live bento grid: on hover it re-tiles into compartments along lit hairline seams, compresses toward your press, and its keycaps ar…","type":"registry:component","source_url":"https://viberdy.dev/r/hairline-tile-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hairline-tile-button.json"},{"name":"spec-numeral-tile","title":"Spec Numeral Tile","description":"A big bold numeral in a spec-sheet voice whose digits roll into place like an odometer, set in a hairline bento tile.","type":"registry:component","source_url":"https://viberdy.dev/r/spec-numeral-tile.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/spec-numeral-tile.json"},{"name":"bento-command-nav","title":"Bento Command Nav","description":"Site navigation as one row of bento tiles sharing 1px hairlines, with a pointer light that shows through them and menus that open as panels of tiles.","type":"registry:component","source_url":"https://viberdy.dev/r/bento-command-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/bento-command-nav.json"},{"name":"capture-loop-card","title":"Capture Loop Card","description":"A bento tile whose picture is a tightly cropped loop of your product, still until someone hovers or presses play, with a hairline that tracks the loop.","type":"registry:component","source_url":"https://viberdy.dev/r/capture-loop-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/capture-loop-card.json"},{"name":"bento-footer-grid","title":"Bento Footer Grid","description":"A bento footer whose tiles are live: a 90-day uptime strip you can read day by day, a back-to-top ring that fills as you scroll, a newsletter that widens acros…","type":"registry:component","source_url":"https://viberdy.dev/r/bento-footer-grid.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/bento-footer-grid.json"},{"name":"widget-reorder-input","title":"Widget Reorder Input","description":"A \"customise your dashboard\" panel: drag or keyboard reorder, show and hide switches, a live miniature of the result, and save, cancel and reset.","type":"registry:component","source_url":"https://viberdy.dev/r/widget-reorder-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/widget-reorder-input.json"},{"name":"pushed-shadow-button","title":"Pushed Shadow Button","description":"A neo-brutalist button on a hard 5px shadow: hover lifts it 2px, a press lands it exactly on its shadow. 3px ink everywhere, 100ms linear, no blur.","type":"registry:component","source_url":"https://viberdy.dev/r/pushed-shadow-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/pushed-shadow-button.json"},{"name":"offset-shadow-card","title":"Offset Shadow Card","description":"A neo-brutalist card on a hard shadow: it lifts 2px on hover and lands on the shadow when pressed. A flat drawn motif or a photo, a punched price tag, a sticke…","type":"registry:component","source_url":"https://viberdy.dev/r/offset-shadow-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/offset-shadow-card.json"},{"name":"weight-slam-text","title":"Weight Slam Text","description":"Display type whose weight slams instead of easing: letters jump 400 → 650 → 900 in two hard steps, left to right like a row of stamps, and let go in three.","type":"registry:component","source_url":"https://viberdy.dev/r/weight-slam-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/weight-slam-text.json"},{"name":"black-border-form","title":"Black Border Form","description":"Neo-brutalist form fields in 3px ink: focus presses a field into its shadow, and errors are stamped on as tilted black tags. The browser's own validation, a po…","type":"registry:component","source_url":"https://viberdy.dev/r/black-border-form.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/black-border-form.json"},{"name":"punch-card-field","title":"Punch Card Field","description":"A background of 80-column punch cards whose holes spell real text in Hollerith code. Holes are punched in column by column on arrival; point at a column to dec…","type":"registry:component","source_url":"https://viberdy.dev/r/punch-card-field.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/punch-card-field.json"},{"name":"warning-tape-footer","title":"Warning Tape Footer","description":"A neo-brutalist footer under a strip of hazard tape you can grab and throw on its slow 48-second crawl, a sign-up that stamps the tape, and a giant wordmark wh…","type":"registry:component","source_url":"https://viberdy.dev/r/warning-tape-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/warning-tape-footer.json"},{"name":"orbit-light-button","title":"Orbit Light Button","description":"A dark pill whose border carries one light: it laps the outline slowly, glides to the nearest point of the border under the pointer and lights the surface from…","type":"registry:component","source_url":"https://viberdy.dev/r/orbit-light-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/orbit-light-button.json"},{"name":"pointer-lit-card","title":"Pointer Lit Card","description":"A card lit from the pointer: a bright arc of light on the hairline border, a softer wash across the surface, a two-degree tilt toward the pointer and a little …","type":"registry:component","source_url":"https://viberdy.dev/r/pointer-lit-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/pointer-lit-card.json"},{"name":"slit-light-heading","title":"Slit Light Heading","description":"A heading lit by a narrow slit of light that crosses it as it scrolls into view: letters under the slit burn white, letters it has passed stay lit, letters ahe…","type":"registry:component","source_url":"https://viberdy.dev/r/slit-light-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/slit-light-heading.json"},{"name":"deploy-log-input","title":"Deploy Log Input","description":"An email field that answers with a streaming log: on submit, short lines stream under it with spinners turning into checks while a beam of light runs along its…","type":"registry:component","source_url":"https://viberdy.dev/r/deploy-log-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/deploy-log-input.json"},{"name":"horizon-light-footer","title":"Horizon Light Footer","description":"A footer whose giant wordmark is lit from below by a horizon that is also a signal: a latency trace lit where the pointer is, with a request pulse that runs it…","type":"registry:component","source_url":"https://viberdy.dev/r/horizon-light-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/horizon-light-footer.json"},{"name":"beam-connector","title":"Beam Connector","description":"A hairline beam between any two elements, routed with rounded right-angle elbows, that carries a pulse of light once per cycle and lands with a flash at the fa…","type":"registry:component","source_url":"https://viberdy.dev/r/beam-connector.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/beam-connector.json"},{"name":"chrome-pill-button","title":"Chrome Pill Button","description":"A pill of polished chrome that reflects a lit room: its horizon, softbox glint and bezel light turn toward the pointer, and a press squashes it and drops a rin…","type":"registry:component","source_url":"https://viberdy.dev/r/chrome-pill-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/chrome-pill-button.json"},{"name":"holo-ticket-card","title":"Holo Ticket Card","description":"A tour date as a notched, perforated ticket whose stub carries the date in chrome numerals on a strip of holographic foil; it tilts toward the pointer while th…","type":"registry:component","source_url":"https://viberdy.dev/r/holo-ticket-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/holo-ticket-card.json"},{"name":"pour-fill-heading","title":"Pour Fill Heading","description":"A heading that starts as an empty mould and fills with liquid chrome as it scrolls into view, its surface a meniscus with a hot line of light that sloshes with…","type":"registry:component","source_url":"https://viberdy.dev/r/pour-fill-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/pour-fill-heading.json"},{"name":"chrome-rim-input","title":"Chrome Rim Input","description":"An email field in a pill with a chrome rim: each keystroke sends two ripples of light racing round the rim from the caret, a light laps it while sending, and s…","type":"registry:component","source_url":"https://viberdy.dev/r/chrome-rim-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/chrome-rim-input.json"},{"name":"mercury-pour-nav","title":"Mercury Pour Nav","description":"A floating nav whose current-link indicator is a capsule of mercury on two springs: it stretches thin as it pours to the next link, snaps back round, reaches t…","type":"registry:component","source_url":"https://viberdy.dev/r/mercury-pour-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/mercury-pour-nav.json"},{"name":"chrome-pour-reveal","title":"Chrome Pour Reveal","description":"A reveal that casts its content in liquid chrome: molten metal pours down over the space with drips racing ahead and merging into the sheet, then cools away fr…","type":"registry:component","source_url":"https://viberdy.dev/r/chrome-pour-reveal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/chrome-pour-reveal.json"},{"name":"soft-glow-button","title":"Soft Glow Button","description":"A pill with a grained light inside it that follows the pointer with a slow settle, a diffused bloom that rises behind it, and a press that exhales a soft ring …","type":"registry:component","source_url":"https://viberdy.dev/r/soft-glow-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/soft-glow-button.json"},{"name":"halo-treatment-card","title":"Halo Treatment Card","description":"A treatment card with a light well: a grained halo in the treatment's own colour rests low, then rises and blooms toward the pointer on hover or focus while th…","type":"registry:component","source_url":"https://viberdy.dev/r/halo-treatment-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/halo-treatment-card.json"},{"name":"veil-resolve-heading","title":"Veil Resolve Heading","description":"A serif heading that arrives out of soft light: each word condenses from a blur into focus with an 80ms stagger while a glow blooms behind the words and fades …","type":"registry:component","source_url":"https://viberdy.dev/r/veil-resolve-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/veil-resolve-heading.json"},{"name":"aura-booking-picker","title":"Aura Booking Picker","description":"A booking picker in three quiet steps, treatment, day and time, where the chosen time blooms into a grained halo, and a request that needs your handler before …","type":"registry:component","source_url":"https://viberdy.dev/r/aura-booking-picker.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aura-booking-picker.json"},{"name":"dusk-set-footer","title":"Dusk Set Footer","description":"A footer that sets like the sun: as it scrolls in, a grained halo sinks toward a hairline horizon, warming from gold through rose to ember, behind a giant ital…","type":"registry:component","source_url":"https://viberdy.dev/r/dusk-set-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/dusk-set-footer.json"},{"name":"breath-pacer-ring","title":"Breath Pacer Ring","description":"A breathing guide in soft light: a grained halo swells as you breathe in and settles as you breathe out, a thin ring traces each phase and the seconds count do…","type":"registry:component","source_url":"https://viberdy.dev/r/breath-pacer-ring.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/breath-pacer-ring.json"},{"name":"aurora-glow-button","title":"Aurora Glow Button","description":"A night-glass pill with a sliver of aurora under it, turning on a 60s clock that every button on the page shares, spreading on hover and sending a ring of ligh…","type":"registry:component","source_url":"https://viberdy.dev/r/aurora-glow-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aurora-glow-button.json"},{"name":"aurora-rim-card","title":"Aurora Rim Card","description":"A night-glass card with a slow aurora rim that turns once every 52 seconds, feathered into light, brightening near the pointer while the card tilts a hair towa…","type":"registry:component","source_url":"https://viberdy.dev/r/aurora-rim-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aurora-rim-card.json"},{"name":"aurora-drift-text","title":"Aurora Drift Text","description":"Display type filled with aurora light: three bands drift through the letters on slow loops, ray threads slide through them, and the brightest band leans toward…","type":"registry:component","source_url":"https://viberdy.dev/r/aurora-drift-text.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aurora-drift-text.json"},{"name":"aurora-flow-nav","title":"Aurora Flow Nav","description":"A floating night-glass nav whose active mark is a band of aurora light that takes the colour of the sky above its link and flows to the next one leading edge f…","type":"registry:component","source_url":"https://viberdy.dev/r/aurora-flow-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aurora-flow-nav.json"},{"name":"aurora-ribbon-cursor","title":"Aurora Ribbon Cursor","description":"The pointer paints a small aurora: a ribbon of light coloured from the indigo fringe to rose that fades like the sky, sending short rays up from every point so…","type":"registry:component","source_url":"https://viberdy.dev/r/aurora-ribbon-cursor.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aurora-ribbon-cursor.json"},{"name":"aurora-glow-input","title":"Aurora Glow Input","description":"A waitlist field that lights like the sky: focus raises a two-hue bloom and lights the rim, every keystroke sends a rose ripple from the caret, and joining swe…","type":"registry:component","source_url":"https://viberdy.dev/r/aurora-glow-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aurora-glow-input.json"},{"name":"axis-press-button","title":"Axis Press Button","description":"A button whose label is the control: letters under the pointer swell heavier and wider while the rest condense, so the button never changes size, and a press c…","type":"registry:component","source_url":"https://viberdy.dev/r/axis-press-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/axis-press-button.json"},{"name":"axis-session-card","title":"Axis Session Card","description":"A programme card whose title is set by what the session is: a workshop quiet and narrow, a talk set, a keynote loud and wide, so a grid reads as a legend; hove…","type":"registry:component","source_url":"https://viberdy.dev/r/axis-session-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/axis-session-card.json"},{"name":"axis-scrub-heading","title":"Axis Scrub Heading","description":"A heading written by the scroll: as it rises through the view a wave runs through its letters from hairline to a loud accent peak to its set weight, and scroll…","type":"registry:component","source_url":"https://viberdy.dev/r/axis-scrub-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/axis-scrub-heading.json"},{"name":"axis-flow-nav","title":"Axis Flow Nav","description":"A nav whose links are one flush line: the active link is loud, the rest condensed, and choosing another makes the width flow to it letter by letter while the n…","type":"registry:component","source_url":"https://viberdy.dev/r/axis-flow-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/axis-flow-nav.json"},{"name":"glyph-axis-stagger","title":"Glyph Axis Stagger","description":"The kit's rebuild as a primitive: split any text into letters and spring each one between two settings of the face, a fixed delay apart, in the order you choos…","type":"registry:component","source_url":"https://viberdy.dev/r/glyph-axis-stagger.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/glyph-axis-stagger.json"},{"name":"name-badge-input","title":"Name Badge Input","description":"A name field that sets your name on a pass as you type: each new letter lands loud in the accent and springs into place, a deleted one collapses to a hairline,…","type":"registry:component","source_url":"https://viberdy.dev/r/name-badge-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/name-badge-input.json"},{"name":"keycap-button","title":"Keycap Button","description":"A button machined like a keycap: a press drops the cap 6px as its skirt collapses, release springs it back past rest, a specular follows the pointer and a copp…","type":"registry:component","source_url":"https://viberdy.dev/r/keycap-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/keycap-button.json"},{"name":"extruded-spec-card","title":"Extruded Spec Card","description":"A card holding a small machined dial built in CSS 3D: the card tilts toward the pointer and the dial turns to follow it one detent at a time, its copper marker…","type":"registry:component","source_url":"https://viberdy.dev/r/extruded-spec-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/extruded-spec-card.json"},{"name":"anamorphic-heading","title":"Anamorphic Heading","description":"A heading that only reads from the right angle: its letters stand at different depths, scaled so they line up from straight ahead, and the view swings round to…","type":"registry:component","source_url":"https://viberdy.dev/r/anamorphic-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/anamorphic-heading.json"},{"name":"curved-rail-nav","title":"Curved Rail Nav","description":"A nav whose links ride a shallow cylinder in real perspective: the active link stands forward and underlit in copper, and choosing another turns the rail towar…","type":"registry:component","source_url":"https://viberdy.dev/r/curved-rail-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/curved-rail-nav.json"},{"name":"assemble-reveal","title":"Assemble Reveal","description":"A reveal where parts assemble in 3D: each item starts at its own offset and turn deep in perspective and flies home on a spring with a slight overshoot, one af…","type":"registry:component","source_url":"https://viberdy.dev/r/assemble-reveal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/assemble-reveal.json"},{"name":"detent-dial-input","title":"Detent Dial Input","description":"A number set by turning a CSS-3D dial: drag round it and it steps through detents, springing onto each while its copper marker ticks; a real slider with full k…","type":"registry:component","source_url":"https://viberdy.dev/r/detent-dial-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/detent-dial-input.json"},{"name":"bayer-fill-button","title":"Bayer Fill Button","description":"A button whose fill prints in cell by cell through the 8x8 Bayer order on hover and focus, with its label inverting exactly where each cell lands; press it and…","type":"registry:component","source_url":"https://viberdy.dev/r/bayer-fill-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/bayer-fill-button.json"},{"name":"dither-develop-card","title":"Dither Develop Card","description":"A card whose image prints in cell by cell the first time it is seen, ordered-dithered with CSS alone, with a soft light that follows the pointer through the di…","type":"registry:component","source_url":"https://viberdy.dev/r/dither-develop-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/dither-develop-card.json"},{"name":"ascii-resolve-heading","title":"ASCII Resolve Heading","description":"A heading that resolves from ASCII into type: its own letterforms redrawn in shape-matched glyphs step from coarse to fine as it comes into view, then a lens u…","type":"registry:component","source_url":"https://viberdy.dev/r/ascii-resolve-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ascii-resolve-heading.json"},{"name":"ascii-density-nav","title":"ASCII Density Nav","description":"A nav whose active link is marked by a band of ASCII density: characters thicken through a ramp under the active link and flow to the next one on a spring, its…","type":"registry:component","source_url":"https://viberdy.dev/r/ascii-density-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ascii-density-nav.json"},{"name":"bayer-dissolve","title":"Bayer Dissolve","description":"An ordered-dither transition: a new state prints in over the old one in 8x8 Bayer order while the screen refines from coarse cells to fine, or prints in from t…","type":"registry:component","source_url":"https://viberdy.dev/r/bayer-dissolve.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/bayer-dissolve.json"},{"name":"dither-drop-input","title":"Dither Drop Input","description":"Drop an image and see it dithered right there, with CSS alone: choose the cell size and the ink, set the exposure, and the request URL for that output builds a…","type":"registry:component","source_url":"https://viberdy.dev/r/dither-drop-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/dither-drop-input.json"},{"name":"weight-press-button","title":"Weight Press Button","description":"A button whose press you can see in its type: hover and the label thickens as the button lifts; press and it goes bold under your finger while the button sinks…","type":"registry:component","source_url":"https://viberdy.dev/r/weight-press-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/weight-press-button.json"},{"name":"light-lift-card","title":"Light Lift Card","description":"A card that lifts toward the pointer with shadows that behave like light: a two-degree tilt, an ambient shadow that widens and drifts away from the side that r…","type":"registry:component","source_url":"https://viberdy.dev/r/light-lift-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/light-lift-card.json"},{"name":"sundial-shadow-heading","title":"Sundial Shadow Heading","description":"A heading whose letters cast soft shadows that swing like a sundial as the page scrolls: the sun crosses with the scroll, the long shadows turn from right to l…","type":"registry:component","source_url":"https://viberdy.dev/r/sundial-shadow-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/sundial-shadow-heading.json"},{"name":"hairline-morph-nav","title":"Hairline Morph Nav","description":"A nav whose single hairline stretches toward the next link and settles under it: its leading edge runs ahead on a quick spring while its trailing edge follows …","type":"registry:component","source_url":"https://viberdy.dev/r/hairline-morph-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hairline-morph-nav.json"},{"name":"scrub-mask-reveal","title":"Scrub Mask Reveal","description":"A plate that opens exactly with the scroll: its rounded frame widens from a fifth in on each side to full while the picture inside eases the other way so it se…","type":"registry:component","source_url":"https://viberdy.dev/r/scrub-mask-reveal.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/scrub-mask-reveal.json"},{"name":"wake-time-wheel","title":"Wake Time Wheel","description":"Set the alarm on a pair of wheels: hours and minutes are snap-scrolling columns with momentum whose rows turn away in perspective around a lens, each a keyboar…","type":"registry:component","source_url":"https://viberdy.dev/r/wake-time-wheel.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/wake-time-wheel.json"},{"name":"squash-press-button","title":"Squash Press Button","description":"A pill that squashes under your finger and pops back: it sinks onto its base where you press, deeper the longer you hold, keeps its area as it squashes, and sp…","type":"registry:component","source_url":"https://viberdy.dev/r/squash-press-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/squash-press-button.json"},{"name":"wobble-drop-card","title":"Wobble Drop Card","description":"A release card that leans toward the pointer on a soft spring while the sticker on its corner follows through, swinging the other way and jiggling to a stop; p…","type":"registry:component","source_url":"https://viberdy.dev/r/wobble-drop-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/wobble-drop-card.json"},{"name":"squish-letter-heading","title":"Squish Letter Heading","description":"A heading whose letters squash under the pointer and push their neighbours up: each letter keeps its area as it squashes, springs back with one overshoot, and …","type":"registry:component","source_url":"https://viberdy.dev/r/squish-letter-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/squish-letter-heading.json"},{"name":"taffy-pill-nav","title":"Taffy Pill Nav","description":"A floating pill nav whose bubblegum marker stretches like taffy to the link you choose: long and thin in flight, short and fat as it lands, with the labels tur…","type":"registry:component","source_url":"https://viberdy.dev/r/taffy-pill-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/taffy-pill-nav.json"},{"name":"squish-flip","title":"Squish Flip","description":"A list whose items squash and stretch as they move: reorder, filter or add and each item travels to its new place stretched along its path by its speed, squash…","type":"registry:component","source_url":"https://viberdy.dev/r/squish-flip.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/squish-flip.json"},{"name":"gummy-type-input","title":"Gummy Type Input","description":"An email field whose letters drop in and land: each typed letter falls from a little above, stretched as it falls and squashed as it lands, while the real inpu…","type":"registry:component","source_url":"https://viberdy.dev/r/gummy-type-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/gummy-type-input.json"},{"name":"offset-target-button","title":"Offset Target Button","description":"A button whose label plate hangs off its hairline target along the grid's axis, reaches further and lights its bracket on hover or focus, and seats into the ta…","type":"registry:component","source_url":"https://viberdy.dev/r/offset-target-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/offset-target-button.json"},{"name":"z-swap-plate-card","title":"Z-Swap Plate Card","description":"A work card on the lattice: every third in a run breaks by the rule, two gutters out with the bracket, and hovering the card it overlaps lifts that card above …","type":"registry:component","source_url":"https://viberdy.dev/r/z-swap-plate-card.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/z-swap-plate-card.json"},{"name":"edge-invert-headline","title":"Edge Invert Headline","description":"A caps headline that inverts exactly at the edges of the plates under it; drag a plate and the inversion follows 1:1, then snaps to a lattice cell, and on colu…","type":"registry:component","source_url":"https://viberdy.dev/r/edge-invert-headline.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/edge-invert-headline.json"},{"name":"index-step-nav","title":"Index Step Nav","description":"A numbered nav whose third item hangs one gutter below the bar on a contrasting plate by the rule, the bar's hairline dipping under it, and a tag that steps to…","type":"registry:component","source_url":"https://viberdy.dev/r/index-step-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/index-step-nav.json"},{"name":"rule-handoff-flip","title":"Rule Handoff Flip","description":"The kit's rule for any list: items become plates on the lattice and every third breaks; filter, sort or add and everything moves from where it was in 380ms whi…","type":"registry:component","source_url":"https://viberdy.dev/r/rule-handoff-flip.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/rule-handoff-flip.json"},{"name":"hanging-label-input","title":"Hanging Label Input","description":"A contact form whose numbered labels hang one gutter off the lattice and step into line in 160ms when you use the field; the third row breaks by the rule, and …","type":"registry:component","source_url":"https://viberdy.dev/r/hanging-label-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hanging-label-input.json"},{"name":"aura-dial","title":"Aura Dial","description":"A 40px hexagon of the viewer's own six values (contrast, warmth, light, density, motion, focus) that opens into an instrument: pull a corner and every Ultra as…","type":"registry:component","source_url":"https://viberdy.dev/r/aura-dial.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/aura-dial.json"},{"name":"density-ledger","title":"Density Ledger","description":"A list you zoom like a map: pinch, ctrl+scroll, a ruler or [ and ] move rows continuously from 64px to 22px, columns arrive at thresholds, and the row under yo…","type":"registry:component","source_url":"https://viberdy.dev/r/density-ledger.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/density-ledger.json"},{"name":"bell-breath-loader","title":"Bell Breath Loader","description":"A progress loader drawn as one translucent jellyfish. Progress is light: it rises through the bell from the rim, lights the ring of organs and lets the tentacl…","type":"registry:component","source_url":"https://viberdy.dev/r/bell-breath-loader.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/bell-breath-loader.json"},{"name":"bead-button","title":"Bead Button","description":"A single bead of water on dark hydrophobic glass is the button. It magnifies the etched plate behind it and shows it upside down, the way real water does, whil…","type":"registry:component","source_url":"https://viberdy.dev/r/bead-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/bead-button.json"},{"name":"holo-site-footer","title":"Holo Site Footer","description":"The close of a landing: a last call set big with a holo pill between its words and two buttons, then a footer with the mark, a one-line promise, three columns …","type":"registry:component","source_url":"https://viberdy.dev/r/holo-site-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/holo-site-footer.json"},{"name":"asterisk-type-headline","title":"Asterisk Type Headline","description":"A headline typed out by an asterisk: the caret spins fast while it types, opens an inline pill when it reaches one, then parks in the slot you mark with * (by …","type":"registry:component","source_url":"https://viberdy.dev/r/asterisk-type-headline.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/asterisk-type-headline.json"},{"name":"holo-pill-nav","title":"Holo Pill Nav","description":"A quiet header: the mark and wordmark left, one outlined glass pill right that fills from below on hover while an asterisk turns in beside the label. A tone pr…","type":"registry:component","source_url":"https://viberdy.dev/r/holo-pill-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/holo-pill-nav.json"},{"name":"asterisk-submit-input","title":"Asterisk Submit Input","description":"An email field as a pill, an asterisk that turns one step per keystroke and spins while sending, and a black Submit pill. A real form with validation and an ho…","type":"registry:component","source_url":"https://viberdy.dev/r/asterisk-submit-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/asterisk-submit-input.json"},{"name":"ultra-pill-nav","title":"Ultra Pill Nav","description":"A floating glass pill nav that tightens as the page scrolls, with the Aura Dial in it: press U and every Ultra part of the page retunes.","type":"registry:component","source_url":"https://viberdy.dev/r/ultra-pill-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ultra-pill-nav.json"},{"name":"ultra-site-footer","title":"Ultra Site Footer","description":"A footer whose huge closing line gets bolder as the reader turns contrast up, with their own six values drawn as a hexagon they can reset.","type":"registry:component","source_url":"https://viberdy.dev/r/ultra-site-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ultra-site-footer.json"},{"name":"levitating-link-nav","title":"Levitating Link Nav","description":"A dark glass nav bar whose link labels hang in the air above a lit shelf, each over its own soft shadow; the link you point at, and the one for the section in …","type":"registry:component","source_url":"https://viberdy.dev/r/levitating-link-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/levitating-link-nav.json"},{"name":"contrary-shadow-section","title":"Contrary Shadow Section","description":"Mounted letters on a lit plaster wall under a swinging lamp: every word's shadow runs from the light, except one, whose shadow runs toward it.","type":"registry:component","source_url":"https://viberdy.dev/r/contrary-shadow-section.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/contrary-shadow-section.json"},{"name":"levitating-field-input","title":"Levitating Field Input","description":"A real text input whose typed words hang above the field and cast a soft shadow on its lit shelf; focus lifts them higher and submitting lands them.","type":"registry:component","source_url":"https://viberdy.dev/r/levitating-field-input.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/levitating-field-input.json"},{"name":"flight-manifest","title":"Flight Manifest","description":"A launch table on warm black: filter it, and an orange wipe runs across each row you point at; open a flight for its window, pad and mass.","type":"registry:component","source_url":"https://viberdy.dev/r/flight-manifest.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/flight-manifest.json"},{"name":"hold-to-ignite-button","title":"Hold to Ignite Button","description":"A press-and-hold confirm: a flame-edged fill rises through the button while you hold, drains if you let go early, and lands with a burst of sparks.","type":"registry:component","source_url":"https://viberdy.dev/r/hold-to-ignite-button.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hold-to-ignite-button.json"},{"name":"heat-haze-heading","title":"Heat Haze Heading","description":"A line of type set edge to edge and seen through rising heat: an SVG turbulence field moves up through the letters, and the pointer turns the heat up.","type":"registry:component","source_url":"https://viberdy.dev/r/heat-haze-heading.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/heat-haze-heading.json"},{"name":"hi-vis-nav","title":"Hi-Vis Nav","description":"A full-width bar that reads the ground under it, black, safety orange or bone, and swaps its ink and button to match; it tightens after the first scroll.","type":"registry:component","source_url":"https://viberdy.dev/r/hi-vis-nav.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hi-vis-nav.json"},{"name":"ardent-footer","title":"Ardent Footer","description":"A black footer with a closing call, link columns and the brand set edge to edge across the bottom in rising heat haze.","type":"registry:component","source_url":"https://viberdy.dev/r/ardent-footer.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/ardent-footer.json"},{"name":"hazard-tape-marquee","title":"Hazard Tape Marquee","description":"Two crossed lengths of hazard tape, safety orange with chevron rails over black with a reflective stripe, pulled along in opposite directions by the page's scr…","type":"registry:component","source_url":"https://viberdy.dev/r/hazard-tape-marquee.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hazard-tape-marquee.json"},{"name":"hot-fire-request-form","title":"Hot Fire Request Form","description":"A booking form in hi-vis: underlined fields that light orange, chip choices that fill solid, inline errors that name the fix, and a sent state that replays the…","type":"registry:component","source_url":"https://viberdy.dev/r/hot-fire-request-form.json","install_command":"npx shadcn@latest add https://viberdy.dev/r/hot-fire-request-form.json"}]},{"id":"videocn","name":"@videocn","slug":"videocn","description":"A complete video player for shadcn/ui: HLS, DASH and live streams, quality switching, keyboard shortcuts, and your theme out of the box.","author":"romain-cll","framework":"react","license":"MIT","tags":["audio","buttons","media","theming"],"categories":["Theming/styling"],"labels":["recently-updated"],"urls":{"website":"https://videocn.dev","github":"https://github.com/romain-cll/videocn","registry":"https://videocn.dev/r/registry.json","source":"https://videocn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/videocn","markdown":"https://sh4dcn.netlify.app/md/videocn.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><clipPath id='videocn-logo'><rect width='32' height='32' rx='7'/></clipPath><rect width='32' height='32' rx='7' fill='var(--foreground)'/><path clip-path='url(#videocn-logo)' d='M12 -2V34M-2 0.83 34 21.83M-2 31.17 34 10.17' stroke='var(--background)' stroke-width='1.6'/></svg>","preview_image":"https://videocn.dev/opengraph-image?fa974d3559d5a56c","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":1,"open_issues":0,"last_commit":"2026-10-14T20:29:34Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://videocn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://videocn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://videocn.dev/r/registry.json","clone":"git clone https://github.com/romain-cll/videocn.git","clone_degit":"npx degit romain-cll/videocn","registry_fetch":"curl -s https://videocn.dev/r/registry.json"},"component_count":1,"components":[{"name":"player","title":"Video Player","description":"Le lecteur vidéo complet : socle, contrôles, chapitres et sous-titres.","type":"registry:ui","source_url":"https://videocn.dev/r/player.json","install_command":"npx shadcn@latest add https://videocn.dev/r/player.json"}]},{"id":"visited-map","name":"@visited-map","slug":"visited-map","description":"An SVG world map that highlights the countries you've visited, lived in or want to see, with city pins, stats and optional zoom. No tiles or API keys. Works in Server Components.","author":"crashncrow","framework":"react","license":"MIT","tags":["developer-tools","maps"],"categories":["Maps"],"labels":["recently-updated"],"urls":{"website":"https://visitedmap.vercel.app","github":"https://github.com/crashncrow/shadcn-visited-map","registry":"https://visitedmap.vercel.app/r/registry.json","source":"https://visitedmap.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/visited-map","markdown":"https://sh4dcn.netlify.app/md/visited-map.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='var(--foreground)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m11 19-1.106-.552a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0l4.212 2.106a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619V12'/><path d='M15 5.764V12'/><path d='M9 3.236v15'/><path d='m15 19 2 2 4-4'/></svg>","preview_image":"https://visitedmap.vercel.app/opengraph-image.png?opengraph-image.0gh78qh1n-cvh.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":0,"last_commit":"2026-10-12T15:25:36Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://visitedmap.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://visitedmap.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://visitedmap.vercel.app/r/registry.json","clone":"git clone https://github.com/crashncrow/shadcn-visited-map.git","clone_degit":"npx degit crashncrow/shadcn-visited-map","registry_fetch":"curl -s https://visitedmap.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"visited-map","title":"Visited Map","description":"An SVG world map that highlights the countries you've visited, lived in or want to see, pins cities on top and counts how much of the world you've seen. No til…","type":"registry:component","source_url":"https://visitedmap.vercel.app/r/visited-map.json","install_command":"npx shadcn@latest add https://visitedmap.vercel.app/r/visited-map.json"}]},{"id":"vue-bits","name":"@vue-bits","slug":"vue-bits","description":"An open source collection of high quality, animated, interactive & fully customizable Vue components for building stunning, memorable user interfaces.","author":null,"framework":"vue","license":null,"tags":["animation","backgrounds","buttons","cards","dashboard","forms","glassmorphism","icons","loaders","media","navigation","pro-available","retro"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://vue-bits.dev","github":null,"registry":"https://vue-bits.dev/r/registry.json","source":"https://vue-bits.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/vue-bits","markdown":"https://sh4dcn.netlify.app/md/vue-bits.md"},"logo":"<svg width='67' height='58' viewBox='0 0 67 58' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.948242 0.144043H22.837C22.837 0.144043 32.0299 17.1763 38.658 27.6444C38.9372 28.0853 39.0747 28.3453 39.3749 28.7722C39.6552 29.1709 39.813 29.3963 40.1365 29.7609C40.4407 30.1038 40.3868 30.0701 40.7353 30.4551C40.9256 30.6654 41.0901 30.8243 41.4999 31.0893C41.8709 31.3291 42.5065 31.4903 42.9886 31.3276C43.3618 31.2017 43.4628 31.1547 43.7801 30.9768C44.8913 30.354 46.0324 28.0858 46.0324 28.0858L58.7905 4.81785H47.6028V0.144994L66.7607 0.144043L51.406 26.7942C51.406 26.7942 49.8437 29.2994 48.7246 31.2443C48.5422 31.5613 47.7633 32.7078 47.46 33.0943C46.8867 33.825 46.5664 34.2616 46.0324 34.7887C45.5209 35.2936 45.0161 35.5409 44.6578 35.6848C44.1037 35.9073 43.511 36.0194 42.9158 36.068C42.4088 36.1093 42.0672 36.1359 41.563 36.068C40.9342 35.9833 40.8891 35.9616 40.1365 35.6848C39.82 35.5684 39.2914 35.2543 38.7932 34.8951C38.2398 34.496 37.8624 34.1401 37.2402 33.482C36.6925 32.9026 36.4509 32.5591 36.008 31.8962C35.543 31.2003 35.1813 30.8154 34.7421 30.103C28.7742 20.4232 20.2999 4.81785 20.2999 4.81785H9.0302L33.8982 48.0406L38.658 39.8352C38.658 39.8352 39.3105 40.7251 41.6 40.6509C43.7041 40.5826 44.2102 39.8352 44.2102 39.8352L33.8982 57.384L5.50866 8.16941L3.60187 4.81785L0.948242 0.144043Z' fill='#0b0b0b'/><circle cx='42.4365' cy='14.686' r='4.78514' fill='#0b0b0b'/></svg>","preview_image":"https://vue-bits.dev/og-pic.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://vue-bits.dev/pricing"},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://vue-bits.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://vue-bits.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://vue-bits.dev/r/registry.json","registry_fetch":"curl -s https://vue-bits.dev/r/registry.json"},"component_count":201,"components":[{"name":"AccordionGallery","title":"AccordionGallery","description":"Panels expand on hover or focus, revealing parallax imagery and captions.","type":"registry:component","source_url":"https://vue-bits.dev/r/AccordionGallery.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AccordionGallery.json"},{"name":"AcidSquares","title":"AcidSquares","description":"A crystalline corridor of stacked squares receding into depth.","type":"registry:component","source_url":"https://vue-bits.dev/r/AcidSquares.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AcidSquares.json"},{"name":"AeroShards","title":"AeroShards","description":"A GPU-driven wind sculpture of folded foil shards with crisp detail, content-safe placements, and responsive pointer interactions.","type":"registry:component","source_url":"https://vue-bits.dev/r/AeroShards.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AeroShards.json"},{"name":"AnimatedContent","title":"AnimatedContent","description":"Wrapper that animates any children on scroll or mount with configurable direction, distance, duration, easing and disappear options.","type":"registry:component","source_url":"https://vue-bits.dev/r/AnimatedContent.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AnimatedContent.json"},{"name":"AnimatedList","title":"AnimatedList","description":"List items enter with staggered motion variants for polished reveals.","type":"registry:component","source_url":"https://vue-bits.dev/r/AnimatedList.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/AnimatedList.json"},{"name":"Antigravity","title":"Antigravity","description":"3D antigravity particle field that repels from the cursor with smooth motion.","type":"registry:component","source_url":"https://vue-bits.dev/r/Antigravity.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Antigravity.json"},{"name":"ASCIIText","title":"ASCIIText","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","source_url":"https://vue-bits.dev/r/ASCIIText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ASCIIText.json"},{"name":"Aurora","title":"Aurora","description":"Flowing aurora gradient background.","type":"registry:component","source_url":"https://vue-bits.dev/r/Aurora.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Aurora.json"},{"name":"Balatro","title":"Balatro","description":"The balatro shader, fully customizalbe and interactive.","type":"registry:component","source_url":"https://vue-bits.dev/r/Balatro.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Balatro.json"},{"name":"Ballpit","title":"Ballpit","description":"Physics ball pit simulation with bouncing colorful spheres.","type":"registry:component","source_url":"https://vue-bits.dev/r/Ballpit.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Ballpit.json"},{"name":"Beams","title":"Beams","description":"Crossing animated ribbons with customizable properties.","type":"registry:component","source_url":"https://vue-bits.dev/r/Beams.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Beams.json"},{"name":"BellToggle","title":"BellToggle","description":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the label blur-crossfades, and the pill unfurls to the longer label throu…","type":"registry:component","source_url":"https://vue-bits.dev/r/BellToggle.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BellToggle.json"},{"name":"BlobCursor","title":"BlobCursor","description":"Organic blob cursor that smoothly follows the pointer with inertia and elastic morphing.","type":"registry:component","source_url":"https://vue-bits.dev/r/BlobCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BlobCursor.json"},{"name":"BlurText","title":"BlurText","description":"Text starts blurred then crisply resolves for a soft-focus reveal effect.","type":"registry:component","source_url":"https://vue-bits.dev/r/BlurText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BlurText.json"},{"name":"BorderGlow","title":"BorderGlow","description":"Glowing mesh-gradient border that follows cursor direction and intensifies near edges.","type":"registry:component","source_url":"https://vue-bits.dev/r/BorderGlow.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BorderGlow.json"},{"name":"BounceCards","title":"BounceCards","description":"Cards bounce that bounce in on mount.","type":"registry:component","source_url":"https://vue-bits.dev/r/BounceCards.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BounceCards.json"},{"name":"BranchedMenu","title":"BranchedMenu","description":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, and an accent line that travels down the trunk and around the curve to …","type":"registry:component","source_url":"https://vue-bits.dev/r/BranchedMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BranchedMenu.json"},{"name":"BubbleMenu","title":"BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","type":"registry:component","source_url":"https://vue-bits.dev/r/BubbleMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/BubbleMenu.json"},{"name":"CallChip","title":"CallChip","description":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing with a green wash on success or stopping short and shaking red with a r…","type":"registry:component","source_url":"https://vue-bits.dev/r/CallChip.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CallChip.json"},{"name":"CardNav","title":"CardNav","description":"Expandable navigation bar with card panels revealing nested links.","type":"registry:component","source_url":"https://vue-bits.dev/r/CardNav.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CardNav.json"},{"name":"CardSwap","title":"CardSwap","description":"Cards animate position swapping with smooth layout transitions.","type":"registry:component","source_url":"https://vue-bits.dev/r/CardSwap.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CardSwap.json"},{"name":"Carousel","title":"Carousel","description":"Responsive carousel with touch gestures, looping and transitions.","type":"registry:component","source_url":"https://vue-bits.dev/r/Carousel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Carousel.json"},{"name":"ChromaGrid","title":"ChromaGrid","description":"A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.","type":"registry:component","source_url":"https://vue-bits.dev/r/ChromaGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ChromaGrid.json"},{"name":"CircularGallery","title":"CircularGallery","description":"Circular orbit gallery rotating images.","type":"registry:component","source_url":"https://vue-bits.dev/r/CircularGallery.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CircularGallery.json"},{"name":"CircularText","title":"CircularText","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","source_url":"https://vue-bits.dev/r/CircularText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CircularText.json"},{"name":"ClickSpark","title":"ClickSpark","description":"Creates particle spark bursts at click position.","type":"registry:component","source_url":"https://vue-bits.dev/r/ClickSpark.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ClickSpark.json"},{"name":"CodeSlots","title":"CodeSlots","description":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while each slot lands its digit on one spring: the fill swells from the cen…","type":"registry:component","source_url":"https://vue-bits.dev/r/CodeSlots.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CodeSlots.json"},{"name":"ColorBends","title":"ColorBends","description":"Vibrant color bends with smooth flowing animation.","type":"registry:component","source_url":"https://vue-bits.dev/r/ColorBends.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ColorBends.json"},{"name":"CometDial","title":"CometDial","description":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven comet streaks behind the lit head, trailing the direction of travel a…","type":"registry:component","source_url":"https://vue-bits.dev/r/CometDial.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CometDial.json"},{"name":"Counter","title":"Counter","description":"Flexible animated counter supporting increments + easing.","type":"registry:component","source_url":"https://vue-bits.dev/r/Counter.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Counter.json"},{"name":"CountUp","title":"CountUp","description":"Animated number counter supporting formatting and decimals.","type":"registry:component","source_url":"https://vue-bits.dev/r/CountUp.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CountUp.json"},{"name":"Crosshair","title":"Crosshair","description":"Custom crosshair cursor with tracking, and link hover effects.","type":"registry:component","source_url":"https://vue-bits.dev/r/Crosshair.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Crosshair.json"},{"name":"CRTWarp","title":"CRTWarp","description":"Full-canvas CRT plasma with curved distortion, scanlines, bloom and pointer interaction.","type":"registry:component","source_url":"https://vue-bits.dev/r/CRTWarp.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CRTWarp.json"},{"name":"Cubes","title":"Cubes","description":"3D rotating cube cluster. Supports auto-rotation or hover interaction.","type":"registry:component","source_url":"https://vue-bits.dev/r/Cubes.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Cubes.json"},{"name":"CursorGrid","title":"CursorGrid","description":"Canvas grid whose cells light up around the cursor with configurable radius, falloff and click pulses.","type":"registry:component","source_url":"https://vue-bits.dev/r/CursorGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CursorGrid.json"},{"name":"CurvedInput","title":"CurvedInput","description":"Arc-bent input bar with text, caret and submit button all following the curve.","type":"registry:component","source_url":"https://vue-bits.dev/r/CurvedInput.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CurvedInput.json"},{"name":"CurvedLoop","title":"CurvedLoop","description":"Flowing looping text path along a customizable curve with drag interaction.","type":"registry:component","source_url":"https://vue-bits.dev/r/CurvedLoop.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/CurvedLoop.json"},{"name":"DarkVeil","title":"DarkVeil","description":"Subtle dark background with a smooth animation and postprocessing.","type":"registry:component","source_url":"https://vue-bits.dev/r/DarkVeil.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DarkVeil.json"},{"name":"DecayCard","title":"DecayCard","description":"Hover parallax effect that disintegrates the content of a card.","type":"registry:component","source_url":"https://vue-bits.dev/r/DecayCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DecayCard.json"},{"name":"DecryptedText","title":"DecryptedText","description":"Hacker-style decryption cycling random glyphs until resolving to real text.","type":"registry:component","source_url":"https://vue-bits.dev/r/DecryptedText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DecryptedText.json"},{"name":"DepthCarousel","title":"DepthCarousel","description":"Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.","type":"registry:component","source_url":"https://vue-bits.dev/r/DepthCarousel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DepthCarousel.json"},{"name":"DepthText","title":"DepthText","description":"Layered extruded type with parallax that shifts against the pointer.","type":"registry:component","source_url":"https://vue-bits.dev/r/DepthText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DepthText.json"},{"name":"Dither","title":"Dither","description":"Retro dithered noise shader background.","type":"registry:component","source_url":"https://vue-bits.dev/r/Dither.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Dither.json"},{"name":"DitherVeil","title":"DitherVeil","description":"A photo printed as a 1-bit dither that the cursor burns through to full colour, leaving a trail that knits back cell by cell.","type":"registry:component","source_url":"https://vue-bits.dev/r/DitherVeil.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DitherVeil.json"},{"name":"Dock","title":"Dock","description":"macOS style magnifying dock with proximity scaling of icons.","type":"registry:component","source_url":"https://vue-bits.dev/r/Dock.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Dock.json"},{"name":"DodgeField","title":"DodgeField","description":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per approach, then relents after a few tries and glides home.","type":"registry:component","source_url":"https://vue-bits.dev/r/DodgeField.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DodgeField.json"},{"name":"DomeGallery","title":"DomeGallery","description":"Immersive 3D dome gallery projecting images on a hemispheric surface.","type":"registry:component","source_url":"https://vue-bits.dev/r/DomeGallery.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DomeGallery.json"},{"name":"DotField","title":"DotField","description":"Interactive dot grid with cursor bulge, glow, sparkle, and wave effects.","type":"registry:component","source_url":"https://vue-bits.dev/r/DotField.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DotField.json"},{"name":"DotGrid","title":"DotGrid","description":"Animated dot grid with cursor interactions.","type":"registry:component","source_url":"https://vue-bits.dev/r/DotGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DotGrid.json"},{"name":"DriftWall","title":"DriftWall","description":"An endless perspective wall of tiles drifting past, lifting on hover.","type":"registry:component","source_url":"https://vue-bits.dev/r/DriftWall.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/DriftWall.json"},{"name":"EchoText","title":"EchoText","description":"Ghosted copies trail behind the text and settle into a single word.","type":"registry:component","source_url":"https://vue-bits.dev/r/EchoText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/EchoText.json"},{"name":"ElasticMesh","title":"ElasticMesh","description":"Spring-mesh surface that stretches under the pointer and settles back with damped physics.","type":"registry:component","source_url":"https://vue-bits.dev/r/ElasticMesh.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ElasticMesh.json"},{"name":"ElasticSlider","title":"ElasticSlider","description":"Slider handle stretches elastically then snaps with spring physics.","type":"registry:component","source_url":"https://vue-bits.dev/r/ElasticSlider.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ElasticSlider.json"},{"name":"ElectricBorder","title":"ElectricBorder","description":"Jittery electric energy border with animated arcs, glow and adjustable intensity.","type":"registry:component","source_url":"https://vue-bits.dev/r/ElectricBorder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ElectricBorder.json"},{"name":"ElectricLogo","title":"ElectricLogo","description":"Turns any SVG or PNG into a living lightning outline, with flowing strands, arcs that leap off the edges and a charge that follows the cursor.","type":"registry:component","source_url":"https://vue-bits.dev/r/ElectricLogo.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ElectricLogo.json"},{"name":"EvilEye","title":"EvilEye","description":"Procedural evil eye shader with animated iris, slit pupil, and fiery outer glow.","type":"registry:component","source_url":"https://vue-bits.dev/r/EvilEye.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/EvilEye.json"},{"name":"FadeContent","title":"FadeContent","description":"Simple directional fade / slide entrance / exit wrapper with threshold-based activation.","type":"registry:component","source_url":"https://vue-bits.dev/r/FadeContent.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FadeContent.json"},{"name":"FallingText","title":"FallingText","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","source_url":"https://vue-bits.dev/r/FallingText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FallingText.json"},{"name":"FaultyTerminal","title":"FaultyTerminal","description":"Terminal CRT scanline squares effect with flicker + noise.","type":"registry:component","source_url":"https://vue-bits.dev/r/FaultyTerminal.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FaultyTerminal.json"},{"name":"Ferrofluid","title":"Ferrofluid","description":"A churning magnetic fluid traced by glowing contour lines, with a cursor magnet.","type":"registry:component","source_url":"https://vue-bits.dev/r/Ferrofluid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Ferrofluid.json"},{"name":"FlexCarousel","title":"FlexCarousel","description":"An infinite image row that flows through invisible liquid glass at its edges, with four bend presets, five entrances, a speed squeeze and click to focus.","type":"registry:component","source_url":"https://vue-bits.dev/r/FlexCarousel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FlexCarousel.json"},{"name":"FlipCard","title":"FlipCard","description":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that carries your release velocity, with an optional cursor tilt, a sheen t…","type":"registry:component","source_url":"https://vue-bits.dev/r/FlipCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FlipCard.json"},{"name":"FloatingLines","title":"FloatingLines","description":"3D floating lines that react to cursor movement.","type":"registry:component","source_url":"https://vue-bits.dev/r/FloatingLines.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FloatingLines.json"},{"name":"FlowingMenu","title":"FlowingMenu","description":"Liquid flowing active indicator glides between menu items.","type":"registry:component","source_url":"https://vue-bits.dev/r/FlowingMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FlowingMenu.json"},{"name":"FlyingPosters","title":"FlyingPosters","description":"3D posters rotate on scroll infinitely.","type":"registry:component","source_url":"https://vue-bits.dev/r/FlyingPosters.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FlyingPosters.json"},{"name":"Folder","title":"Folder","description":"Interactive folder opens to reveal nested content smooth motion.","type":"registry:component","source_url":"https://vue-bits.dev/r/Folder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Folder.json"},{"name":"FolderFloat","title":"FolderFloat","description":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and its notes spring out from behind the flap into a floating cloud to pick…","type":"registry:component","source_url":"https://vue-bits.dev/r/FolderFloat.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FolderFloat.json"},{"name":"FoldText","title":"FoldText","description":"Lines unfold into place like creased paper opening flat.","type":"registry:component","source_url":"https://vue-bits.dev/r/FoldText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FoldText.json"},{"name":"FuseButton","title":"FuseButton","description":"Action button whose done state carries its own undo on a burning fuse: press, the label crossfades to Undo, a hairline burns for the undo window, and Undo or E…","type":"registry:component","source_url":"https://vue-bits.dev/r/FuseButton.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FuseButton.json"},{"name":"FuzzyText","title":"FuzzyText","description":"Vibrating fuzzy text with controllable hover intensity.","type":"registry:component","source_url":"https://vue-bits.dev/r/FuzzyText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/FuzzyText.json"},{"name":"Galaxy","title":"Galaxy","description":"Parallax realistic starfield with pointer interactions.","type":"registry:component","source_url":"https://vue-bits.dev/r/Galaxy.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Galaxy.json"},{"name":"GhostCursor","title":"GhostCursor","description":"Semi-transparent ghost cursor that smoothly follows the real cursor with a trailing effect.","type":"registry:component","source_url":"https://vue-bits.dev/r/GhostCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GhostCursor.json"},{"name":"GhostFibers","title":"GhostFibers","description":"A deep-blue recursive fiber field with luminous bands, radial twisting and soft atmospheric glow.","type":"registry:component","source_url":"https://vue-bits.dev/r/GhostFibers.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GhostFibers.json"},{"name":"GlareHover","title":"GlareHover","description":"Adds a realistic moving glare highlight on hover over any element.","type":"registry:component","source_url":"https://vue-bits.dev/r/GlareHover.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlareHover.json"},{"name":"GlassIcons","title":"GlassIcons","description":"Icon set styled with frosted glass blur.","type":"registry:component","source_url":"https://vue-bits.dev/r/GlassIcons.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlassIcons.json"},{"name":"GlassSurface","title":"GlassSurface","description":"Advanced Apple-style glass surface with real-time distortion + lighting.","type":"registry:component","source_url":"https://vue-bits.dev/r/GlassSurface.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlassSurface.json"},{"name":"GlideSelect","title":"GlideSelect","description":"Select chip whose menu pops out of its own corner and whose single hover highlight glides between rows, remembering where you left it so re-entry slides from t…","type":"registry:component","source_url":"https://vue-bits.dev/r/GlideSelect.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlideSelect.json"},{"name":"GlitchText","title":"GlitchText","description":"RGB split and distortion glitch effect with jitter effects.","type":"registry:component","source_url":"https://vue-bits.dev/r/GlitchText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlitchText.json"},{"name":"GlowCursor","title":"GlowCursor","description":"Shader-powered light trail that smoothly follows the pointer with customizable glow, color, taper and pulse.","type":"registry:component","source_url":"https://vue-bits.dev/r/GlowCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GlowCursor.json"},{"name":"GooeyNav","title":"GooeyNav","description":"Navigation indicator morphs with gooey blob transitions between items.","type":"registry:component","source_url":"https://vue-bits.dev/r/GooeyNav.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GooeyNav.json"},{"name":"GradientBlinds","title":"GradientBlinds","description":"Layered gradient blinds with spotlight and noise distortion.","type":"registry:component","source_url":"https://vue-bits.dev/r/GradientBlinds.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradientBlinds.json"},{"name":"GradientText","title":"GradientText","description":"Animated gradient sweep across live text with speed and color control.","type":"registry:component","source_url":"https://vue-bits.dev/r/GradientText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradientText.json"},{"name":"GradientWaves","title":"GradientWaves","description":"Raymarched sine waves rolling toward a soft, hazy horizon.","type":"registry:component","source_url":"https://vue-bits.dev/r/GradientWaves.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradientWaves.json"},{"name":"GradualBlur","title":"GradualBlur","description":"Progressively un-blurs content based on scroll or trigger creating a cinematic reveal.","type":"registry:component","source_url":"https://vue-bits.dev/r/GradualBlur.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GradualBlur.json"},{"name":"Grainient","title":"Grainient","description":"Grainy gradient swirls with soft wave distortion.","type":"registry:component","source_url":"https://vue-bits.dev/r/Grainient.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Grainient.json"},{"name":"GridDistortion","title":"GridDistortion","description":"Warped grid mesh distorts smoothly reacting to cursor.","type":"registry:component","source_url":"https://vue-bits.dev/r/GridDistortion.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GridDistortion.json"},{"name":"GridMotion","title":"GridMotion","description":"Perspective moving grid lines based on cusror position.","type":"registry:component","source_url":"https://vue-bits.dev/r/GridMotion.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GridMotion.json"},{"name":"GridScan","title":"GridScan","description":"Animated grid room 3D scan effect and cool interactions.","type":"registry:component","source_url":"https://vue-bits.dev/r/GridScan.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/GridScan.json"},{"name":"HalftoneReveal","title":"HalftoneReveal","description":"Print-style halftone dot matrix that resolves into sharp content around the cursor.","type":"registry:component","source_url":"https://vue-bits.dev/r/HalftoneReveal.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/HalftoneReveal.json"},{"name":"HoldButton","title":"HoldButton","description":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label through a blur when the hold completes.","type":"registry:component","source_url":"https://vue-bits.dev/r/HoldButton.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/HoldButton.json"},{"name":"Hyperspeed","title":"Hyperspeed","description":"Animated lines continuously moving to simulate hyperspace travel on click hold.","type":"registry:component","source_url":"https://vue-bits.dev/r/Hyperspeed.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Hyperspeed.json"},{"name":"ImageTrail","title":"ImageTrail","description":"Cursor-based image trail with several built-in variants.","type":"registry:component","source_url":"https://vue-bits.dev/r/ImageTrail.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ImageTrail.json"},{"name":"InfiniteMenu","title":"InfiniteMenu","description":"Horizontally looping menu effect that scrolls endlessly with seamless wrap.","type":"registry:component","source_url":"https://vue-bits.dev/r/InfiniteMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/InfiniteMenu.json"},{"name":"InfiniteSpiral","title":"InfiniteSpiral","description":"An endlessly looping 3D helix of images with customizable motion, depth, spacing and interaction.","type":"registry:component","source_url":"https://vue-bits.dev/r/InfiniteSpiral.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/InfiniteSpiral.json"},{"name":"Iridescence","title":"Iridescence","description":"Slick iridescent shader with shifting waves.","type":"registry:component","source_url":"https://vue-bits.dev/r/Iridescence.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Iridescence.json"},{"name":"JellyRadio","title":"JellyRadio","description":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs and barges its neighbours outward with a travelling stagger, so a selec…","type":"registry:component","source_url":"https://vue-bits.dev/r/JellyRadio.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/JellyRadio.json"},{"name":"LaserFlow","title":"LaserFlow","description":"Dynamic laser light that flows onto a surface, customizable effect.","type":"registry:component","source_url":"https://vue-bits.dev/r/LaserFlow.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LaserFlow.json"},{"name":"LatticeLoader","title":"LatticeLoader","description":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave beside a verb and a live stopwatch, resolving into a check or a cross…","type":"registry:component","source_url":"https://vue-bits.dev/r/LatticeLoader.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LatticeLoader.json"},{"name":"LetterGlitch","title":"LetterGlitch","description":"Matrix style letter animation.","type":"registry:component","source_url":"https://vue-bits.dev/r/LetterGlitch.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LetterGlitch.json"},{"name":"Lightfall","title":"Lightfall","description":"Colorful light streaks raining down a glowing tunnel with a cursor light.","type":"registry:component","source_url":"https://vue-bits.dev/r/Lightfall.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Lightfall.json"},{"name":"Lightning","title":"Lightning","description":"Procedural lightning bolts with branching and glow flicker.","type":"registry:component","source_url":"https://vue-bits.dev/r/Lightning.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Lightning.json"},{"name":"LightPillar","title":"LightPillar","description":"Vertical pillar of light with glow effects.","type":"registry:component","source_url":"https://vue-bits.dev/r/LightPillar.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LightPillar.json"},{"name":"LightRays","title":"LightRays","description":"Volumetric light rays/beams with customizable direction.","type":"registry:component","source_url":"https://vue-bits.dev/r/LightRays.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LightRays.json"},{"name":"LightTunnel","title":"LightTunnel","description":"A radial fibre-optic tunnel with light pulses racing into depth.","type":"registry:component","source_url":"https://vue-bits.dev/r/LightTunnel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LightTunnel.json"},{"name":"LineSidebar","title":"LineSidebar","description":"Static list navigation with a cursor-proximity effect that shifts and highlights nearby items.","type":"registry:component","source_url":"https://vue-bits.dev/r/LineSidebar.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LineSidebar.json"},{"name":"LineWaves","title":"LineWaves","description":"Animated line wave pattern with colorful warped distortion.","type":"registry:component","source_url":"https://vue-bits.dev/r/LineWaves.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LineWaves.json"},{"name":"LiquidChrome","title":"LiquidChrome","description":"Liquid metallic chrome shader with flowing reflective surface.","type":"registry:component","source_url":"https://vue-bits.dev/r/LiquidChrome.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LiquidChrome.json"},{"name":"LiquidEther","title":"LiquidEther","description":"Interactive liquid shader with flowing distortion and customizable colors.","type":"registry:component","source_url":"https://vue-bits.dev/r/LiquidEther.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LiquidEther.json"},{"name":"LogoLoop","title":"LogoLoop","description":"Continuously looping marquee of brand or tech logos with seamless repeat and hover pause.","type":"registry:component","source_url":"https://vue-bits.dev/r/LogoLoop.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/LogoLoop.json"},{"name":"MagicBento","title":"MagicBento","description":"Interactive bento grid tiles expand + animate with various options.","type":"registry:component","source_url":"https://vue-bits.dev/r/MagicBento.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MagicBento.json"},{"name":"MagicRings","title":"MagicRings","description":"Interactive magic rings effect with customizable parameters.","type":"registry:component","source_url":"https://vue-bits.dev/r/MagicRings.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MagicRings.json"},{"name":"Magnet","title":"Magnet","description":"Elements magnetically ease toward the cursor then settle back with spring physics.","type":"registry:component","source_url":"https://vue-bits.dev/r/Magnet.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Magnet.json"},{"name":"MagnetLines","title":"MagnetLines","description":"Animated field lines bend toward the cursor.","type":"registry:component","source_url":"https://vue-bits.dev/r/MagnetLines.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MagnetLines.json"},{"name":"MaskedHeading","title":"MaskedHeading","description":"A large headline with a drifting colour mesh or image showing through the glyphs, revealed word by word.","type":"registry:component","source_url":"https://vue-bits.dev/r/MaskedHeading.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MaskedHeading.json"},{"name":"Masonry","title":"Masonry","description":"Responsive masonry layout with animated reflow + gaps optimization.","type":"registry:component","source_url":"https://vue-bits.dev/r/Masonry.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Masonry.json"},{"name":"MetaBalls","title":"MetaBalls","description":"Liquid metaball blobs that merge and separate with smooth implicit surface animation.","type":"registry:component","source_url":"https://vue-bits.dev/r/MetaBalls.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MetaBalls.json"},{"name":"MetallicPaint","title":"MetallicPaint","description":"Liquid metallic paint shader which can be applied to SVG elements.","type":"registry:component","source_url":"https://vue-bits.dev/r/MetallicPaint.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MetallicPaint.json"},{"name":"MicroSlats","title":"MicroSlats","description":"A wall of tiny slats that becomes a rolling sea in perspective, with glinting crests, four presets, a real fluid the cursor stirs and an intro that rolls in fr…","type":"registry:component","source_url":"https://vue-bits.dev/r/MicroSlats.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MicroSlats.json"},{"name":"ModelViewer","title":"ModelViewer","description":"Interactive 3D model viewer with orbit zoom, parallax, hover rotation and lighting presets.","type":"registry:component","source_url":"https://vue-bits.dev/r/ModelViewer.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ModelViewer.json"},{"name":"MoltenMetal","title":"MoltenMetal","description":"Swirling caustic plasma filaments with molten, white-hot cores.","type":"registry:component","source_url":"https://vue-bits.dev/r/MoltenMetal.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MoltenMetal.json"},{"name":"MorphSlider","title":"MorphSlider","description":"WebGL slider that melts between images with a displacement transition.","type":"registry:component","source_url":"https://vue-bits.dev/r/MorphSlider.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/MorphSlider.json"},{"name":"Noise","title":"Noise","description":"Animated film grain / noise overlay adding subtle texture and motion.","type":"registry:component","source_url":"https://vue-bits.dev/r/Noise.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Noise.json"},{"name":"OptionWheel","title":"OptionWheel","description":"Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items away from the selection.","type":"registry:component","source_url":"https://vue-bits.dev/r/OptionWheel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/OptionWheel.json"},{"name":"Orb","title":"Orb","description":"Floating energy orb with customizable hover effect.","type":"registry:component","source_url":"https://vue-bits.dev/r/Orb.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Orb.json"},{"name":"OrbitImages","title":"OrbitImages","description":"SVG Path customizable orbiting images effect","type":"registry:component","source_url":"https://vue-bits.dev/r/OrbitImages.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/OrbitImages.json"},{"name":"PaperCrumple","title":"PaperCrumple","description":"An image that crumples into a textured 3D sheet while held and follows the grabbed point as you drag. Release it as a crumpled ball, unfold it flat, or leave t…","type":"registry:component","source_url":"https://vue-bits.dev/r/PaperCrumple.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PaperCrumple.json"},{"name":"Particles","title":"Particles","description":"Configurable particle system.","type":"registry:component","source_url":"https://vue-bits.dev/r/Particles.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Particles.json"},{"name":"ParticleText","title":"ParticleText","description":"Text assembles from drifting particles that scatter and reform on demand.","type":"registry:component","source_url":"https://vue-bits.dev/r/ParticleText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ParticleText.json"},{"name":"PeekRating","title":"PeekRating","description":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars up to the pointer while a tip hops along with the label; a click com…","type":"registry:component","source_url":"https://vue-bits.dev/r/PeekRating.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PeekRating.json"},{"name":"PillNav","title":"PillNav","description":"Minimal pill nav with sliding active highlight + smooth easing.","type":"registry:component","source_url":"https://vue-bits.dev/r/PillNav.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PillNav.json"},{"name":"PixelBlast","title":"PixelBlast","description":"Exploding pixel particle bursts with optional liquid postprocessing.","type":"registry:component","source_url":"https://vue-bits.dev/r/PixelBlast.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelBlast.json"},{"name":"PixelCard","title":"PixelCard","description":"Card content revealed through pixel expansion transition.","type":"registry:component","source_url":"https://vue-bits.dev/r/PixelCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelCard.json"},{"name":"PixelSwap","title":"PixelSwap","description":"Pixel fragments assemble into a full cover, swap arbitrary content, then dissolve away with reversible colors and triggers.","type":"registry:component","source_url":"https://vue-bits.dev/r/PixelSwap.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelSwap.json"},{"name":"PixelTrail","title":"PixelTrail","description":"Pixelated cursor trail emitting fading squares with retro digital feel.","type":"registry:component","source_url":"https://vue-bits.dev/r/PixelTrail.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelTrail.json"},{"name":"PixelTransition","title":"PixelTransition","description":"Pixel dissolve transition for content reveal on hover.","type":"registry:component","source_url":"https://vue-bits.dev/r/PixelTransition.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PixelTransition.json"},{"name":"Plasma","title":"Plasma","description":"Organic plasma gradients swirl + morph with smooth turbulence.","type":"registry:component","source_url":"https://vue-bits.dev/r/Plasma.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Plasma.json"},{"name":"PlasmaWave","title":"PlasmaWave","description":"Raymarched plasma waves with dual-wave interference and OGL.","type":"registry:component","source_url":"https://vue-bits.dev/r/PlasmaWave.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PlasmaWave.json"},{"name":"Prism","title":"Prism","description":"Rotating prism with configurable intensity, size, and colors.","type":"registry:component","source_url":"https://vue-bits.dev/r/Prism.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Prism.json"},{"name":"PrismaticBurst","title":"PrismaticBurst","description":"Burst of light rays with controllable color, distortion, amount.","type":"registry:component","source_url":"https://vue-bits.dev/r/PrismaticBurst.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PrismaticBurst.json"},{"name":"ProfileCard","title":"ProfileCard","description":"Animated profile card glare with 3D hover effect.","type":"registry:component","source_url":"https://vue-bits.dev/r/ProfileCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ProfileCard.json"},{"name":"PromptBar","title":"PromptBar","description":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and attachments, whose send tile charges to ink the moment there is somethin…","type":"registry:component","source_url":"https://vue-bits.dev/r/PromptBar.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PromptBar.json"},{"name":"PulseHeart","title":"PulseHeart","description":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back while the count swaps one glyph.","type":"registry:component","source_url":"https://vue-bits.dev/r/PulseHeart.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/PulseHeart.json"},{"name":"Radar","title":"Radar","description":"Radar sweep effect with concentric rings, radial spokes, and a rotating beam.","type":"registry:component","source_url":"https://vue-bits.dev/r/Radar.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Radar.json"},{"name":"RefineFrame","title":"RefineFrame","description":"Reserved-aspect frame that walks any media through queued, generating, refining and complete without layout shift: each stage is one blur, saturate, scale and …","type":"registry:component","source_url":"https://vue-bits.dev/r/RefineFrame.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RefineFrame.json"},{"name":"ReflectiveCard","title":"ReflectiveCard","description":"Metallic card with live webcam reflection and SVG displacement filter.","type":"registry:component","source_url":"https://vue-bits.dev/r/ReflectiveCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ReflectiveCard.json"},{"name":"Ribbons","title":"Ribbons","description":"Flowing responsive ribbons/cursor trail driven by physics and pointer motion.","type":"registry:component","source_url":"https://vue-bits.dev/r/Ribbons.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Ribbons.json"},{"name":"RippleDistortion","title":"RippleDistortion","description":"Pointer-driven water displacement that warps content and leaves a decaying wake.","type":"registry:component","source_url":"https://vue-bits.dev/r/RippleDistortion.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RippleDistortion.json"},{"name":"RippleGrid","title":"RippleGrid","description":"A grid that continuously animates with a ripple effect.","type":"registry:component","source_url":"https://vue-bits.dev/r/RippleGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RippleGrid.json"},{"name":"RotatingText","title":"RotatingText","description":"Cycles through multiple phrases with 3D rotate / flip transitions.","type":"registry:component","source_url":"https://vue-bits.dev/r/RotatingText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RotatingText.json"},{"name":"RubberSegment","title":"RubberSegment","description":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto the target, and you can grab, drag and flick it between slots.","type":"registry:component","source_url":"https://vue-bits.dev/r/RubberSegment.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/RubberSegment.json"},{"name":"Scanner","title":"Scanner","description":"Retro CRT scanner background with sweep lines, chromatic aberration, and mouse interaction.","type":"registry:component","source_url":"https://vue-bits.dev/r/Scanner.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Scanner.json"},{"name":"ScrambleText","title":"ScrambleText","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrambleText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrambleText.json"},{"name":"ScrollExpand","title":"ScrollExpand","description":"A rounded media frame that grows to full bleed as it scrolls through the viewport.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrollExpand.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollExpand.json"},{"name":"ScrollFloat","title":"ScrollFloat","description":"Text gently floats / parallax shifts on scroll.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrollFloat.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollFloat.json"},{"name":"ScrollReveal","title":"ScrollReveal","description":"Text gently unblurs and reveals on scroll.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrollReveal.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollReveal.json"},{"name":"ScrollStack","title":"ScrollStack","description":"Overlapping card stack reveals on scroll with depth layering.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrollStack.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollStack.json"},{"name":"ScrollVelocity","title":"ScrollVelocity","description":"Text marquee animatio - speed and distortion scale with user's scroll velocity.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrollVelocity.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrollVelocity.json"},{"name":"ScrubField","title":"ScrubField","description":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubber band, and a click without moving opens it for typing.","type":"registry:component","source_url":"https://vue-bits.dev/r/ScrubField.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ScrubField.json"},{"name":"ShapeBlur","title":"ShapeBlur","description":"Morphing blurred geometric shape. The effect occurs on hover.","type":"registry:component","source_url":"https://vue-bits.dev/r/ShapeBlur.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShapeBlur.json"},{"name":"ShapeGrid","title":"ShapeGrid","description":"Animated grid with shape variants (square, hexagon, circle, triangle) + direction customization.","type":"registry:component","source_url":"https://vue-bits.dev/r/ShapeGrid.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShapeGrid.json"},{"name":"ShapeWaves","title":"ShapeWaves","description":"A WebGPU field of triangles, circles and squares that brighten and grow along rolling waves, with an optional text cutout the waves flow around.","type":"registry:component","source_url":"https://vue-bits.dev/r/ShapeWaves.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShapeWaves.json"},{"name":"ShinyText","title":"ShinyText","description":"Metallic sheen sweeps across text producing a reflective highlight.","type":"registry:component","source_url":"https://vue-bits.dev/r/ShinyText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ShinyText.json"},{"name":"Shredder","title":"Shredder","description":"A list with a paper shredder at the bottom. Drag a row into the slit and the rollers tug it in, pull it through and cut it into strips that curl out underneath…","type":"registry:component","source_url":"https://vue-bits.dev/r/Shredder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Shredder.json"},{"name":"Shuffle","title":"Shuffle","description":"Animated text reveal where characters shuffle before settling.","type":"registry:component","source_url":"https://vue-bits.dev/r/Shuffle.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Shuffle.json"},{"name":"SideRays","title":"SideRays","description":"Animated light rays emanating from the side with customizable colors and speed.","type":"registry:component","source_url":"https://vue-bits.dev/r/SideRays.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SideRays.json"},{"name":"SlideCommit","title":"SlideCommit","description":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a done pill on success and springs home with a squash and shake on fail…","type":"registry:component","source_url":"https://vue-bits.dev/r/SlideCommit.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SlideCommit.json"},{"name":"SlingButton","title":"SlingButton","description":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and releasing fires the action with the flick's velocity.","type":"registry:component","source_url":"https://vue-bits.dev/r/SlingButton.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SlingButton.json"},{"name":"SloshGauge","title":"SloshGauge","description":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes against the top when it slams full; optionally a vertical slider.","type":"registry:component","source_url":"https://vue-bits.dev/r/SloshGauge.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SloshGauge.json"},{"name":"SpecularButton","title":"SpecularButton","description":"Glass button with a shader-driven specular rim light that sweeps around the edge and follows the cursor.","type":"registry:component","source_url":"https://vue-bits.dev/r/SpecularButton.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SpecularButton.json"},{"name":"SplashCursor","title":"SplashCursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","source_url":"https://vue-bits.dev/r/SplashCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SplashCursor.json"},{"name":"SplitFlapText","title":"SplitFlapText","description":"Mechanical split-flap departure board that clacks through to each new phrase.","type":"registry:component","source_url":"https://vue-bits.dev/r/SplitFlapText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SplitFlapText.json"},{"name":"SplitText","title":"SplitText","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","source_url":"https://vue-bits.dev/r/SplitText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SplitText.json"},{"name":"SpotlightCard","title":"SpotlightCard","description":"Dynamic spotlight follows cursor casting gradient illumination.","type":"registry:component","source_url":"https://vue-bits.dev/r/SpotlightCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SpotlightCard.json"},{"name":"SpringCheck","title":"SpringCheck","description":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and dims the words in one press.","type":"registry:component","source_url":"https://vue-bits.dev/r/SpringCheck.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SpringCheck.json"},{"name":"SquishSwitch","title":"SquishSwitch","description":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint and squashes against the track end on a flick.","type":"registry:component","source_url":"https://vue-bits.dev/r/SquishSwitch.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SquishSwitch.json"},{"name":"Stack","title":"Stack","description":"Layered stack with swipe animations, autoplay and smooth transitions.","type":"registry:component","source_url":"https://vue-bits.dev/r/Stack.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Stack.json"},{"name":"StaggeredMenu","title":"StaggeredMenu","description":"Menu with staggered item animations and smooth transitions on open/close.","type":"registry:component","source_url":"https://vue-bits.dev/r/StaggeredMenu.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StaggeredMenu.json"},{"name":"StarBorder","title":"StarBorder","description":"Animated star / sparkle border orbiting content with twinkle pulses.","type":"registry:component","source_url":"https://vue-bits.dev/r/StarBorder.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StarBorder.json"},{"name":"StatusMark","title":"StatusMark","description":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a spinning or real-progress arc, then draws a check or a cross, with a…","type":"registry:component","source_url":"https://vue-bits.dev/r/StatusMark.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StatusMark.json"},{"name":"Stepper","title":"Stepper","description":"Animated multi-step progress indicator with active state transitions.","type":"registry:component","source_url":"https://vue-bits.dev/r/Stepper.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Stepper.json"},{"name":"StickerPeel","title":"StickerPeel","description":"Sticker corner lift + peel interaction using 3D transform and shadow depth.","type":"registry:component","source_url":"https://vue-bits.dev/r/StickerPeel.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StickerPeel.json"},{"name":"Strands","title":"Strands","description":"Glowing ribbon-like strands that ripple and weave across a transparent canvas.","type":"registry:component","source_url":"https://vue-bits.dev/r/Strands.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Strands.json"},{"name":"StrokeText","title":"StrokeText","description":"Outlined letterforms draw themselves on, then flood with fill.","type":"registry:component","source_url":"https://vue-bits.dev/r/StrokeText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/StrokeText.json"},{"name":"SwarmCursor","title":"SwarmCursor","description":"Flocking particle swarm that chases the pointer, jostles for space and drifts apart at rest.","type":"registry:component","source_url":"https://vue-bits.dev/r/SwarmCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SwarmCursor.json"},{"name":"SwipeRow","title":"SwipeRow","description":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a full swipe that stretches the action colour across the row.","type":"registry:component","source_url":"https://vue-bits.dev/r/SwipeRow.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SwipeRow.json"},{"name":"SwipeToast","title":"SwipeToast","description":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a distance, and burns a thin fuse for exactly its remaining time; hover p…","type":"registry:component","source_url":"https://vue-bits.dev/r/SwipeToast.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/SwipeToast.json"},{"name":"TargetCursor","title":"TargetCursor","description":"A cursor follow animation with 4 corners that lock onto targets.","type":"registry:component","source_url":"https://vue-bits.dev/r/TargetCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TargetCursor.json"},{"name":"TearTicket","title":"TearTicket","description":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap one by one from the far end, the torn edges are jagged and fit each …","type":"registry:component","source_url":"https://vue-bits.dev/r/TearTicket.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TearTicket.json"},{"name":"TechText","title":"TechText","description":"A wordmark whose letters turn into dashed vector paths under the cursor. Grab any letter to drag it off the baseline and it springs back home.","type":"registry:component","source_url":"https://vue-bits.dev/r/TechText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TechText.json"},{"name":"TextCursor","title":"TextCursor","description":"Make any text element follow your cursor, leaving a trail of copies behind it.","type":"registry:component","source_url":"https://vue-bits.dev/r/TextCursor.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextCursor.json"},{"name":"TextLoop","title":"TextLoop","description":"A seamless text marquee that flows along curved SVG paths.","type":"registry:component","source_url":"https://vue-bits.dev/r/TextLoop.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextLoop.json"},{"name":"TextPressure","title":"TextPressure","description":"Characters scale / warp interactively based on pointer pressure zone.","type":"registry:component","source_url":"https://vue-bits.dev/r/TextPressure.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextPressure.json"},{"name":"TextType","title":"TextType","description":"Typewriter effect with blinking cursor and adjustable typing cadence.","type":"registry:component","source_url":"https://vue-bits.dev/r/TextType.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TextType.json"},{"name":"ThoughtLine","title":"ThoughtLine","description":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear beneath, then the line settles on one beat into \"Thought for 4.2s\" t…","type":"registry:component","source_url":"https://vue-bits.dev/r/ThoughtLine.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/ThoughtLine.json"},{"name":"TiltedCard","title":"TiltedCard","description":"3D perspective tilt card reacting to pointer.","type":"registry:component","source_url":"https://vue-bits.dev/r/TiltedCard.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TiltedCard.json"},{"name":"Topography","title":"Topography","description":"A living contour map with glowing, elevation-tinted lines.","type":"registry:component","source_url":"https://vue-bits.dev/r/Topography.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/Topography.json"},{"name":"TrueFocus","title":"TrueFocus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","source_url":"https://vue-bits.dev/r/TrueFocus.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/TrueFocus.json"},{"name":"VariableProximity","title":"VariableProximity","description":"Letter styling changes continuously with pointer distance mapping.","type":"registry:component","source_url":"https://vue-bits.dev/r/VariableProximity.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/VariableProximity.json"},{"name":"VoicePill","title":"VoicePill","description":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed clock while held or toggled, then relaxes back into the mic on relea…","type":"registry:component","source_url":"https://vue-bits.dev/r/VoicePill.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/VoicePill.json"},{"name":"WarpText","title":"WarpText","description":"WebGL warp that bends and refracts the text around the pointer.","type":"registry:component","source_url":"https://vue-bits.dev/r/WarpText.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/WarpText.json"},{"name":"WebThreads","title":"WebThreads","description":"Glowing sine threads woven through a luminous convergence point.","type":"registry:component","source_url":"https://vue-bits.dev/r/WebThreads.json","install_command":"npx shadcn@latest add https://vue-bits.dev/r/WebThreads.json"}]},{"id":"svelte-bits","name":"@svelte-bits","slug":"svelte-bits","description":"An open source collection of high quality, animated, interactive & fully customizable Svelte components for building stunning, memorable user interfaces.","author":"DavidHDev","framework":"svelte","license":null,"tags":["animation","backgrounds","buttons","cards","forms","glassmorphism","hooks","icons","loaders","media","navigation","retro"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://sveltebits.xyz","github":"https://github.com/DavidHDev/svelte-bits","registry":"https://sveltebits.xyz/r/registry.json","source":"https://sveltebits.xyz/r/registry.json","page":"https://sh4dcn.netlify.app/registry/svelte-bits","markdown":"https://sh4dcn.netlify.app/md/svelte-bits.md"},"logo":"<svg width='186' height='216' viewBox='0 0 186 216' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M89.9238 140.894L92.3054 139.495C80.9132 146.613 67.1597 148.915 54.0704 145.894C40.9811 142.872 29.6282 134.774 22.5093 123.382C15.3904 111.99 13.0886 98.2365 16.1103 85.1472C19.1319 72.0579 27.2295 60.705 38.6217 53.5861L99.9889 15.2406C110.481 8.6599 123.021 6.15206 135.238 8.1914C147.454 10.2307 158.499 16.6759 166.285 26.3079C174.071 35.9399 178.057 48.0911 177.49 60.4634C176.923 72.8357 171.842 84.5714 163.208 93.451M21.5326 122.391C12.9991 131.32 8.02239 143.059 7.53886 155.4C7.05533 167.742 11.0983 179.834 18.9071 189.403C26.7159 198.972 37.7522 205.358 49.9399 207.359C62.1275 209.36 74.6263 206.838 85.0848 200.269L146.438 161.923C152.078 158.398 156.968 153.797 160.83 148.382C164.691 142.967 167.448 136.845 168.944 130.364C170.439 123.884 170.644 117.172 169.546 110.613C168.447 104.053 166.068 97.7741 162.543 92.1342C159.018 86.4943 154.417 81.604 149.002 77.7423C143.587 73.8807 137.464 71.1234 130.984 69.6279C124.503 68.1324 117.792 67.928 111.232 69.0263C104.673 70.1246 98.3938 72.5042 92.7539 76.0291L97.4183 73.4449' stroke='black' stroke-width='15'/></svg>","preview_image":"https://sveltebits.xyz/og-pic.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":390,"open_issues":5,"last_commit":"2026-09-21T11:41:57Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://sveltebits.xyz/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sveltebits.xyz/r/registry.json","install_bun":"bunx shadcn@latest add https://sveltebits.xyz/r/registry.json","clone":"git clone https://github.com/DavidHDev/svelte-bits.git","clone_degit":"npx degit DavidHDev/svelte-bits","registry_fetch":"curl -s https://sveltebits.xyz/r/registry.json"},"component_count":164,"components":[{"name":"animated-content","title":"Animated Content","description":"Scroll-triggered entrance animation with distance, direction, scale and opacity controls. Powered by GSAP + ScrollTrigger.","type":"registry:component","source_url":"https://sveltebits.xyz/r/animated-content.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/animated-content.json"},{"name":"antigravity","title":"Antigravity","description":"Instanced 3D particles that orbit and react to the mouse with wave physics, rendered with three.js.","type":"registry:component","source_url":"https://sveltebits.xyz/r/antigravity.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/antigravity.json"},{"name":"blob-cursor","title":"Blob Cursor","description":"Gooey blob cursor with a trail of lagging blobs, smoothed via GSAP.","type":"registry:component","source_url":"https://sveltebits.xyz/r/blob-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/blob-cursor.json"},{"name":"click-spark","title":"Click Spark","description":"Clickable container that emits radial spark lines on click.","type":"registry:component","source_url":"https://sveltebits.xyz/r/click-spark.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/click-spark.json"},{"name":"crosshair","title":"Crosshair","description":"Animated crosshair lines that follow the cursor with subtle SVG turbulence on hover.","type":"registry:component","source_url":"https://sveltebits.xyz/r/crosshair.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/crosshair.json"},{"name":"cubes","title":"Cubes","description":"3D cube grid that tilts toward the cursor with optional ripple-on-click and idle drift.","type":"registry:component","source_url":"https://sveltebits.xyz/r/cubes.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/cubes.json"},{"name":"cursor-grid","title":"Cursor Grid","description":"A grid of cells that light up near the cursor and fade out.","type":"registry:component","source_url":"https://sveltebits.xyz/r/cursor-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/cursor-grid.json"},{"name":"electric-border","title":"Electric Border","description":"Animated electric arcs around rounded rectangle borders rendered to canvas with noise displacement.","type":"registry:component","source_url":"https://sveltebits.xyz/r/electric-border.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/electric-border.json"},{"name":"fade-content","title":"Fade Content","description":"Scroll-triggered fade-in (with optional blur) entrance using GSAP + ScrollTrigger, with optional auto-disappearance.","type":"registry:component","source_url":"https://sveltebits.xyz/r/fade-content.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/fade-content.json"},{"name":"ghost-cursor","title":"Ghost Cursor","description":"WebGL ghostly cursor trail rendered with three.js + bloom + film grain post-processing.","type":"registry:component","source_url":"https://sveltebits.xyz/r/ghost-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ghost-cursor.json"},{"name":"glare-hover","title":"Glare Hover","description":"Hover-triggered moving glare highlight across a card.","type":"registry:component","source_url":"https://sveltebits.xyz/r/glare-hover.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glare-hover.json"},{"name":"gradual-blur","title":"Gradual Blur","description":"Multi-layer gradient-masked backdrop blur for soft fade-out edges (top/bottom/left/right).","type":"registry:component","source_url":"https://sveltebits.xyz/r/gradual-blur.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gradual-blur.json"},{"name":"image-trail","title":"Image Trail","description":"Mouse trail of images with 8 visually distinct GSAP variants.","type":"registry:component","source_url":"https://sveltebits.xyz/r/image-trail.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/image-trail.json"},{"name":"laser-flow","title":"Laser Flow","description":"Volumetric laser beam with wisps and tilting fog volume, rendered with three.js raw shader.","type":"registry:component","source_url":"https://sveltebits.xyz/r/laser-flow.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/laser-flow.json"},{"name":"logo-loop","title":"Logo Loop","description":"Smooth, infinite, pause-on-hover marquee for partner logos with optional fade-out edges.","type":"registry:component","source_url":"https://sveltebits.xyz/r/logo-loop.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/logo-loop.json"},{"name":"magic-rings","title":"Magic Rings","description":"WebGL2 concentric ring animation with mouse parallax, hover scale, and click burst. Real three.js shader.","type":"registry:component","source_url":"https://sveltebits.xyz/r/magic-rings.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magic-rings.json"},{"name":"magnet","title":"Magnet","description":"Magnetic pull effect that attracts content toward the cursor when nearby.","type":"registry:component","source_url":"https://sveltebits.xyz/r/magnet.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magnet.json"},{"name":"magnet-lines","title":"Magnet Lines","description":"A grid of small line segments that rotate to face the cursor.","type":"registry:component","source_url":"https://sveltebits.xyz/r/magnet-lines.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magnet-lines.json"},{"name":"meta-balls","title":"Meta Balls","description":"Animated metaballs (gooey blob field) with cursor interaction, rendered with OGL shader.","type":"registry:component","source_url":"https://sveltebits.xyz/r/meta-balls.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/meta-balls.json"},{"name":"metallic-paint","title":"Metallic Paint","description":"Image-driven liquid metallic paint shader (WebGL2) with depth field solved via SOR relaxation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/metallic-paint.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/metallic-paint.json"},{"name":"noise","title":"Noise","description":"Full-viewport animated film-grain canvas overlay.","type":"registry:component","source_url":"https://sveltebits.xyz/r/noise.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/noise.json"},{"name":"orbit-images","title":"Orbit Images","description":"Images orbiting along a configurable SVG path (ellipse, circle, star, heart, infinity, wave, custom).","type":"registry:component","source_url":"https://sveltebits.xyz/r/orbit-images.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/orbit-images.json"},{"name":"pixel-trail","title":"Pixel Trail","description":"Pixelated mouse trail with optional gooey blend, rendered with three.js + a canvas-based trail texture.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pixel-trail.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-trail.json"},{"name":"pixel-transition","title":"Pixel Transition","description":"Hover/click reveal that transitions between two contents through a randomized pixel grid effect.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pixel-transition.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-transition.json"},{"name":"ribbons","title":"Ribbons","description":"Colorful spring-driven ribbon trails following the cursor, rendered with OGL polylines.","type":"registry:component","source_url":"https://sveltebits.xyz/r/ribbons.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ribbons.json"},{"name":"scroll-expand","title":"Scroll Expand","description":"A media box that grows to fullscreen as you scroll, with a fading title, hint, and overlay content.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scroll-expand.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-expand.json"},{"name":"shape-blur","title":"Shape Blur","description":"Mouse-reactive blurred SDF shapes (rounded rect, circle, ring, triangle) rendered with three.js.","type":"registry:component","source_url":"https://sveltebits.xyz/r/shape-blur.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shape-blur.json"},{"name":"splash-cursor","title":"Splash Cursor","description":"Liquid splash burst at cursor with curling ripples and waves.","type":"registry:component","source_url":"https://sveltebits.xyz/r/splash-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/splash-cursor.json"},{"name":"star-border","title":"Star Border","description":"Button-like wrapper with two animated radial-gradient sweeps tracing the top and bottom border.","type":"registry:component","source_url":"https://sveltebits.xyz/r/star-border.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/star-border.json"},{"name":"sticker-peel","title":"Sticker Peel","description":"Draggable sticker that peels off on hover, with SVG specular lighting and drop shadow filters.","type":"registry:component","source_url":"https://sveltebits.xyz/r/sticker-peel.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/sticker-peel.json"},{"name":"target-cursor","title":"Target Cursor","description":"Custom spinning crosshair cursor that snaps to corners of elements matching a selector when hovered.","type":"registry:component","source_url":"https://sveltebits.xyz/r/target-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/target-cursor.json"},{"name":"aurora","title":"Aurora","description":"WebGL aurora background with configurable color stops, amplitude, blend and speed. Real OGL shader, not a CSS gradient.","type":"registry:component","source_url":"https://sveltebits.xyz/r/aurora.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/aurora.json"},{"name":"balatro","title":"Balatro","description":"Swirling pixel-painted Balatro-style WebGL background with mouse interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/balatro.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/balatro.json"},{"name":"ballpit","title":"Ballpit","description":"Interactive 3D ball pit using Three.js physics.","type":"registry:component","source_url":"https://sveltebits.xyz/r/ballpit.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ballpit.json"},{"name":"beams","title":"Beams","description":"Light beams animated with noise displacement.","type":"registry:component","source_url":"https://sveltebits.xyz/r/beams.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/beams.json"},{"name":"color-bends","title":"Color Bends","description":"Three.js shader background with warped color bands, pointer parallax, noise, and rotation controls.","type":"registry:component","source_url":"https://sveltebits.xyz/r/color-bends.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/color-bends.json"},{"name":"dark-veil","title":"Dark Veil","description":"Dark veil WebGL background with hue shift, scanlines, noise and warp controls.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dark-veil.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dark-veil.json"},{"name":"dither","title":"Dither","description":"Bayer-dithered animated wave field.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dither.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dither.json"},{"name":"dot-field","title":"Dot Field","description":"Interactive dotted canvas background with cursor bulge, glow, sparkle, and wave controls.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dot-field.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dot-field.json"},{"name":"dot-grid","title":"Dot Grid","description":"Interactive grid of dots with cursor proximity highlighting and shockwave click physics.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dot-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dot-grid.json"},{"name":"evil-eye","title":"Evil Eye","description":"Reactive evil eye background with cursor-tracked pupil.","type":"registry:component","source_url":"https://sveltebits.xyz/r/evil-eye.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/evil-eye.json"},{"name":"faulty-terminal","title":"Faulty Terminal","description":"OGL terminal-style shader background with scanlines, glitches, curvature, mouse reaction, and load animation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/faulty-terminal.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/faulty-terminal.json"},{"name":"floating-lines","title":"Floating Lines","description":"Layered animated wave lines with parallax & bend.","type":"registry:component","source_url":"https://sveltebits.xyz/r/floating-lines.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/floating-lines.json"},{"name":"galaxy","title":"Galaxy","description":"Animated galaxy of twinkling stars.","type":"registry:component","source_url":"https://sveltebits.xyz/r/galaxy.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/galaxy.json"},{"name":"gradient-blinds","title":"Gradient Blinds","description":"Animated gradient blinds with spotlight tracking.","type":"registry:component","source_url":"https://sveltebits.xyz/r/gradient-blinds.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gradient-blinds.json"},{"name":"grainient","title":"Grainient","description":"Animated WebGL2 grainy gradient.","type":"registry:component","source_url":"https://sveltebits.xyz/r/grainient.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grainient.json"},{"name":"grid-distortion","title":"Grid Distortion","description":"Image grid distortion driven by mouse movement.","type":"registry:component","source_url":"https://sveltebits.xyz/r/grid-distortion.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grid-distortion.json"},{"name":"grid-motion","title":"Grid Motion","description":"Grid that pans with mouse position, powered by GSAP.","type":"registry:component","source_url":"https://sveltebits.xyz/r/grid-motion.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grid-motion.json"},{"name":"grid-scan","title":"Grid Scan","description":"Animated 3D grid scan with bloom and chromatic aberration. Optional face tracking via face-api.js.","type":"registry:component","source_url":"https://sveltebits.xyz/r/grid-scan.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/grid-scan.json"},{"name":"hyperspeed","title":"Hyperspeed","description":"Three.js hyperspeed road background with bloom, SMAA, distortion presets, animated light trails, and hold-to-accelerate interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/hyperspeed.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/hyperspeed.json"},{"name":"iridescence","title":"Iridescence","description":"Animated iridescent WebGL background with optional mouse parallax.","type":"registry:component","source_url":"https://sveltebits.xyz/r/iridescence.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/iridescence.json"},{"name":"letter-glitch","title":"Letter Glitch","description":"Cascading glitchy letter grid background.","type":"registry:component","source_url":"https://sveltebits.xyz/r/letter-glitch.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/letter-glitch.json"},{"name":"light-pillar","title":"LightPillar","description":"Volumetric raymarched light pillar.","type":"registry:component","source_url":"https://sveltebits.xyz/r/light-pillar.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/light-pillar.json"},{"name":"light-rays","title":"Light Rays","description":"Animated volumetric light rays rendered with OGL.","type":"registry:component","source_url":"https://sveltebits.xyz/r/light-rays.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/light-rays.json"},{"name":"lightning","title":"Lightning","description":"Procedural lightning bolt WebGL background.","type":"registry:component","source_url":"https://sveltebits.xyz/r/lightning.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/lightning.json"},{"name":"line-waves","title":"Line Waves","description":"Warped line waves background powered by OGL.","type":"registry:component","source_url":"https://sveltebits.xyz/r/line-waves.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/line-waves.json"},{"name":"liquid-chrome","title":"Liquid Chrome","description":"Liquid chrome animated WebGL background with mouse and touch interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/liquid-chrome.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/liquid-chrome.json"},{"name":"liquid-ether","title":"Liquid Ether","description":"Interactive liquid shader with flowing distortion and customizable colors.","type":"registry:component","source_url":"https://sveltebits.xyz/r/liquid-ether.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/liquid-ether.json"},{"name":"orb","title":"Orb","description":"Dreamy hue-shifting orb with hover interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/orb.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/orb.json"},{"name":"particles","title":"Particles","description":"OGL-based 3D point cloud particles with hover interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/particles.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/particles.json"},{"name":"pixel-blast","title":"PixelBlast","description":"Pixelated dithered shape field with ripples and liquid distortion.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pixel-blast.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-blast.json"},{"name":"pixel-snow","title":"Pixel Snow","description":"Volumetric pixel snowfall background.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pixel-snow.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-snow.json"},{"name":"plasma","title":"Plasma","description":"Volumetric plasma WebGL2 background with optional mouse interaction and color tinting.","type":"registry:component","source_url":"https://sveltebits.xyz/r/plasma.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/plasma.json"},{"name":"plasma-wave","title":"Plasma Wave","description":"Raymarched plasma wave background.","type":"registry:component","source_url":"https://sveltebits.xyz/r/plasma-wave.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/plasma-wave.json"},{"name":"prism","title":"Prism","description":"Animated raymarched prism with hue and bloom.","type":"registry:component","source_url":"https://sveltebits.xyz/r/prism.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/prism.json"},{"name":"prismatic-burst","title":"PrismaticBurst","description":"Volumetric ray burst with bend and color gradient.","type":"registry:component","source_url":"https://sveltebits.xyz/r/prismatic-burst.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/prismatic-burst.json"},{"name":"radar","title":"Radar","description":"Radar sweep background rendered with OGL.","type":"registry:component","source_url":"https://sveltebits.xyz/r/radar.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/radar.json"},{"name":"ripple-grid","title":"Ripple Grid","description":"Animated rippling grid background powered by OGL with mouse interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/ripple-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ripple-grid.json"},{"name":"shape-grid","title":"Shape Grid","description":"Animated grid of squares, hexagons, circles, or triangles with hover trail and configurable scroll direction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/shape-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shape-grid.json"},{"name":"silk","title":"Silk","description":"Silk-like animated WebGL background using a Three.js shader plane.","type":"registry:component","source_url":"https://sveltebits.xyz/r/silk.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/silk.json"},{"name":"soft-aurora","title":"Soft Aurora","description":"Soft aurora bands rendered with OGL using Perlin noise.","type":"registry:component","source_url":"https://sveltebits.xyz/r/soft-aurora.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/soft-aurora.json"},{"name":"threads","title":"Threads","description":"Animated WebGL line/threads background with mouse parallax.","type":"registry:component","source_url":"https://sveltebits.xyz/r/threads.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/threads.json"},{"name":"waves","title":"Waves","description":"Perlin-noise wavy line grid that reacts to the cursor.","type":"registry:component","source_url":"https://sveltebits.xyz/r/waves.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/waves.json"},{"name":"animated-list","title":"Animated List","description":"Scroll-aware list with item-by-item scale + fade transitions and keyboard navigation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/animated-list.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/animated-list.json"},{"name":"border-glow","title":"Border Glow","description":"Card with directional, edge-sensitive mesh-gradient border glow that follows the pointer.","type":"registry:component","source_url":"https://sveltebits.xyz/r/border-glow.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/border-glow.json"},{"name":"bounce-cards","title":"Bounce Cards","description":"GSAP-powered card stack with elastic intro animation and optional hover-to-spread.","type":"registry:component","source_url":"https://sveltebits.xyz/r/bounce-cards.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/bounce-cards.json"},{"name":"bubble-menu","title":"Bubble Menu","description":"Pill-style overlay nav with staggered GSAP bubble entrance animation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/bubble-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/bubble-menu.json"},{"name":"card-nav","title":"Card Nav","description":"Expandable navbar with three reveal cards animated by GSAP.","type":"registry:component","source_url":"https://sveltebits.xyz/r/card-nav.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/card-nav.json"},{"name":"card-swap","title":"Card Swap","description":"Three-card stack that auto-cycles with skewed perspective transforms (GSAP).","type":"registry:component","source_url":"https://sveltebits.xyz/r/card-swap.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/card-swap.json"},{"name":"carousel","title":"Carousel","description":"Draggable carousel with spring snap, autoplay, optional loop, and 3D rotateY parallax.","type":"registry:component","source_url":"https://sveltebits.xyz/r/carousel.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/carousel.json"},{"name":"chroma-grid","title":"Chroma Grid","description":"Card grid with cursor-following spotlight reveal of color from a desaturated overlay (GSAP).","type":"registry:component","source_url":"https://sveltebits.xyz/r/chroma-grid.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/chroma-grid.json"},{"name":"circular-gallery","title":"Circular Gallery","description":"WebGL bent gallery with momentum scroll, picture-frame distortion, and titles.","type":"registry:component","source_url":"https://sveltebits.xyz/r/circular-gallery.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/circular-gallery.json"},{"name":"counter","title":"Counter","description":"Animated rolling-digit counter with spring physics (motion).","type":"registry:component","source_url":"https://sveltebits.xyz/r/counter.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/counter.json"},{"name":"decay-card","title":"Decay Card","description":"Image card that warps with SVG turbulence + displacement, lerped to cursor velocity (GSAP).","type":"registry:component","source_url":"https://sveltebits.xyz/r/decay-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/decay-card.json"},{"name":"dock","title":"Dock","description":"macOS-style magnification dock with spring physics. Each item scales smoothly based on cursor distance.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dock.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dock.json"},{"name":"dome-gallery","title":"Dome Gallery","description":"Draggable 3D image dome with momentum, click-to-enlarge, and dome blur overlays.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dome-gallery.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dome-gallery.json"},{"name":"elastic-slider","title":"Elastic Slider","description":"Slider that stretches with overshoot decay and bounce-back spring (motion).","type":"registry:component","source_url":"https://sveltebits.xyz/r/elastic-slider.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/elastic-slider.json"},{"name":"flowing-menu","title":"Flowing Menu","description":"Vertical menu where rows reveal an animated marquee from the closest edge on hover (GSAP).","type":"registry:component","source_url":"https://sveltebits.xyz/r/flowing-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/flowing-menu.json"},{"name":"flying-posters","title":"Flying Posters","description":"3D posters rotate on scroll infinitely.","type":"registry:component","source_url":"https://sveltebits.xyz/r/flying-posters.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/flying-posters.json"},{"name":"folder","title":"Folder","description":"Click to open a folder, fanning out paper snippets that follow the cursor on hover.","type":"registry:component","source_url":"https://sveltebits.xyz/r/folder.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/folder.json"},{"name":"glass-icons","title":"Glass Icons","description":"Floating glass-effect icon buttons with skewed gradient cards behind a frosted face.","type":"registry:component","source_url":"https://sveltebits.xyz/r/glass-icons.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glass-icons.json"},{"name":"glass-surface","title":"Glass Surface","description":"Liquid-glass surface using SVG displacement filters and chromatic offset.","type":"registry:component","source_url":"https://sveltebits.xyz/r/glass-surface.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glass-surface.json"},{"name":"gooey-nav","title":"Gooey Nav","description":"Pill-style nav with a gooey, particle-bursting active highlight powered by SVG-style filter blur+contrast.","type":"registry:component","source_url":"https://sveltebits.xyz/r/gooey-nav.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gooey-nav.json"},{"name":"infinite-menu","title":"Infinite Menu","description":"Spherical icosahedron menu rendered with WebGL2 + instanced disc atlas, dragged via arcball physics.","type":"registry:component","source_url":"https://sveltebits.xyz/r/infinite-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/infinite-menu.json"},{"name":"magic-bento","title":"Magic Bento","description":"Bento grid with spotlight, particle stars, border glow, tilt, and magnetism.","type":"registry:component","source_url":"https://sveltebits.xyz/r/magic-bento.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/magic-bento.json"},{"name":"masonry","title":"Masonry","description":"Animated responsive masonry grid with GSAP entrance and hover effects.","type":"registry:component","source_url":"https://sveltebits.xyz/r/masonry.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/masonry.json"},{"name":"model-viewer","title":"Model Viewer","description":"Interactive GLTF/GLB/FBX/OBJ model viewer with orbit, parallax, and hover effects.","type":"registry:component","source_url":"https://sveltebits.xyz/r/model-viewer.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/model-viewer.json"},{"name":"pill-nav","title":"Pill Nav","description":"Animated pill-shaped nav with circular GSAP hover and mobile menu.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pill-nav.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pill-nav.json"},{"name":"pixel-card","title":"Pixel Card","description":"Card with shimmering pixel canvas effect on hover/focus.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pixel-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pixel-card.json"},{"name":"profile-card","title":"Profile Card","description":"Holographic profile card with pointer/device-orientation tilt and animated shine.","type":"registry:component","source_url":"https://sveltebits.xyz/r/profile-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/profile-card.json"},{"name":"reflective-card","title":"Reflective Card","description":"Webcam-fed metallic glass card using SVG turbulence and specular lighting filters.","type":"registry:component","source_url":"https://sveltebits.xyz/r/reflective-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/reflective-card.json"},{"name":"scroll-stack","title":"Scroll Stack","description":"Scroll-driven card stack with pin/scale/blur/rotation, powered by Lenis smooth-scroll.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scroll-stack.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-stack.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"Card with a soft radial spotlight that follows the cursor.","type":"registry:component","source_url":"https://sveltebits.xyz/r/spotlight-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/spotlight-card.json"},{"name":"stack","title":"Stack","description":"Draggable card stack with spring rotation and send-to-back interaction.","type":"registry:component","source_url":"https://sveltebits.xyz/r/stack.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/stack.json"},{"name":"staggered-menu","title":"Staggered Menu","description":"Full-screen staggered slide-in menu with layered colors and GSAP timelines.","type":"registry:component","source_url":"https://sveltebits.xyz/r/staggered-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/staggered-menu.json"},{"name":"stepper","title":"Stepper","description":"Animated multi-step form with sliding step content and round step indicators.","type":"registry:component","source_url":"https://sveltebits.xyz/r/stepper.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/stepper.json"},{"name":"tilted-card","title":"Tilted Card","description":"3D tilt-on-mouse card with spring physics and a cursor-following caption.","type":"registry:component","source_url":"https://sveltebits.xyz/r/tilted-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/tilted-card.json"},{"name":"bell-toggle","title":"Bell Toggle","description":"Pill toggle that answers a press at three tempos: the bell rings on damped keyframes, the label blur-crossfades, and the pill unfurls to the longer label throu…","type":"registry:component","source_url":"https://sveltebits.xyz/r/bell-toggle.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/bell-toggle.json"},{"name":"branched-menu","title":"Branched Menu","description":"Collapsible menu whose sections unfold into a trunk with a curved branch to each child, and an accent line that travels down the trunk and around the curve to …","type":"registry:component","source_url":"https://sveltebits.xyz/r/branched-menu.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/branched-menu.json"},{"name":"call-chip","title":"Call Chip","description":"Inline tool-call chip whose fill wipes across while a live ms counter ticks, completing with a green wash on success or stopping short and shaking red with a r…","type":"registry:component","source_url":"https://sveltebits.xyz/r/call-chip.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/call-chip.json"},{"name":"code-slots","title":"Code Slots","description":"One-time-code input where a hidden overlay input owns focus, paste and SMS autofill while each slot lands its digit on one spring: the fill swells from the cen…","type":"registry:component","source_url":"https://sveltebits.xyz/r/code-slots.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/code-slots.json"},{"name":"comet-dial","title":"Comet Dial","description":"Tick-ring dial you flick by angle: the reading launches on a spring and a velocity-driven comet streaks behind the lit head, trailing the direction of travel a…","type":"registry:component","source_url":"https://sveltebits.xyz/r/comet-dial.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/comet-dial.json"},{"name":"dodge-field","title":"Dodge Field","description":"Wrapper that makes any child flee the pointer inside a bounded field, dodges once per approach, then relents after a few tries and glides home.","type":"registry:component","source_url":"https://sveltebits.xyz/r/dodge-field.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/dodge-field.json"},{"name":"flip-card","title":"Flip Card","description":"Two-faced card that flips in 3D on a click, a drag or a flick, settling on a spring that carries your release velocity, with an optional cursor tilt, a sheen t…","type":"registry:component","source_url":"https://sveltebits.xyz/r/flip-card.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/flip-card.json"},{"name":"folder-float","title":"Folder Float","description":"Folder that opens on hover or press: the flap tilts toward you, a paper edge rises, and its notes spring out from behind the flap into a floating cloud to pick…","type":"registry:component","source_url":"https://sveltebits.xyz/r/folder-float.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/folder-float.json"},{"name":"fuse-button","title":"Fuse Button","description":"Action button whose done state carries its own undo on a burning fuse: press, the label crossfades to Undo, a hairline burns for the undo window, and Undo or E…","type":"registry:component","source_url":"https://sveltebits.xyz/r/fuse-button.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/fuse-button.json"},{"name":"glide-select","title":"Glide Select","description":"Select chip whose menu pops out of its own corner and whose single hover highlight glides between rows, remembering where you left it so re-entry slides from t…","type":"registry:component","source_url":"https://sveltebits.xyz/r/glide-select.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glide-select.json"},{"name":"hold-button","title":"Hold Button","description":"Hold-to-confirm button whose liquid fill rises while pressed, snaps back on an early release and swaps its label through a blur when the hold completes.","type":"registry:component","source_url":"https://sveltebits.xyz/r/hold-button.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/hold-button.json"},{"name":"jelly-radio","title":"Jelly Radio","description":"Radio group of labelled chips where the chosen one swells wide-then-tall on two springs and barges its neighbours outward with a travelling stagger, so a selec…","type":"registry:component","source_url":"https://sveltebits.xyz/r/jelly-radio.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/jelly-radio.json"},{"name":"lattice-loader","title":"Lattice Loader","description":"Inline agent-status row: a 3x3 or 4x4 lattice whose cells brighten in a phase-offset wave beside a verb and a live stopwatch, resolving into a check or a cross…","type":"registry:component","source_url":"https://sveltebits.xyz/r/lattice-loader.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/lattice-loader.json"},{"name":"paper-crumple","title":"Paper Crumple","description":"An image that crumples into a textured 3D sheet while held and follows the grabbed point as you drag. Release it as a crumpled ball, unfold it flat, or leave t…","type":"registry:component","source_url":"https://sveltebits.xyz/r/paper-crumple.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/paper-crumple.json"},{"name":"peek-rating","title":"Peek Rating","description":"Star rating you can try before you commit: sweeping the row lifts a trailing wave of stars up to the pointer while a tip hops along with the label; a click com…","type":"registry:component","source_url":"https://sveltebits.xyz/r/peek-rating.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/peek-rating.json"},{"name":"prompt-bar","title":"Prompt Bar","description":"Chat composer with an @ sources menu, a / commands menu, a model picker, dictation and attachments, whose send tile charges to ink the moment there is somethin…","type":"registry:component","source_url":"https://sveltebits.xyz/r/prompt-bar.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/prompt-bar.json"},{"name":"pulse-heart","title":"Pulse Heart","description":"Like button that contracts to a dot, flips colour at its smallest frame and pulses back while the count swaps one glyph.","type":"registry:component","source_url":"https://sveltebits.xyz/r/pulse-heart.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/pulse-heart.json"},{"name":"refine-frame","title":"Refine Frame","description":"Reserved-aspect frame that walks any media through queued, generating, refining and complete without layout shift: each stage is one blur, saturate, scale and …","type":"registry:component","source_url":"https://sveltebits.xyz/r/refine-frame.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/refine-frame.json"},{"name":"rubber-segment","title":"Rubber Segment","description":"Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto the target, and you can grab, drag and flick it between slots.","type":"registry:component","source_url":"https://sveltebits.xyz/r/rubber-segment.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/rubber-segment.json"},{"name":"scrub-field","title":"Scrub Field","description":"Number chip you drag to scrub: the value follows the hand, pushes past the range on a rubber band, and a click without moving opens it for typing.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scrub-field.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scrub-field.json"},{"name":"slide-commit","title":"Slide Commit","description":"Slide-to-confirm handle that plants with a spinner while your action runs, unfurls into a done pill on success and springs home with a squash and shake on fail…","type":"registry:component","source_url":"https://sveltebits.xyz/r/slide-commit.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/slide-commit.json"},{"name":"sling-button","title":"Sling Button","description":"Send button you pull back like a slingshot: the band stretches, a power arc arms it, and releasing fires the action with the flick's velocity.","type":"registry:component","source_url":"https://sveltebits.xyz/r/sling-button.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/sling-button.json"},{"name":"slosh-gauge","title":"Slosh Gauge","description":"Tank gauge whose liquid chases the value with mass, tilts with its own speed and splashes against the top when it slams full; optionally a vertical slider.","type":"registry:component","source_url":"https://sveltebits.xyz/r/slosh-gauge.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/slosh-gauge.json"},{"name":"spring-check","title":"Spring Check","description":"Checkbox row where a single spring fills the box, draws the tick, strikes the label and dims the words in one press.","type":"registry:component","source_url":"https://sveltebits.xyz/r/spring-check.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/spring-check.json"},{"name":"squish-switch","title":"Squish Switch","description":"Drag-scrubbable switch whose thumb stretches by how fast it moves, flips at the midpoint and squashes against the track end on a flick.","type":"registry:component","source_url":"https://sveltebits.xyz/r/squish-switch.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/squish-switch.json"},{"name":"status-mark","title":"Status Mark","description":"A 20px status glyph for agent task lists that morphs in place from a dashed idle ring to a spinning or real-progress arc, then draws a check or a cross, with a…","type":"registry:component","source_url":"https://sveltebits.xyz/r/status-mark.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/status-mark.json"},{"name":"swipe-row","title":"Swipe Row","description":"List row that swipes open to reveal actions, snaps by flick velocity, and deletes on a full swipe that stretches the action colour across the row.","type":"registry:component","source_url":"https://sveltebits.xyz/r/swipe-row.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/swipe-row.json"},{"name":"swipe-toast","title":"Swipe Toast","description":"Single toast that rises through its bottom edge, swipes down to dismiss on a flick or a distance, and burns a thin fuse for exactly its remaining time; hover p…","type":"registry:component","source_url":"https://sveltebits.xyz/r/swipe-toast.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/swipe-toast.json"},{"name":"tear-ticket","title":"Tear Ticket","description":"Ticket whose perforated stub tears off by hand: paper bridges stretch into fibres and snap one by one from the far end, the torn edges are jagged and fit each …","type":"registry:component","source_url":"https://sveltebits.xyz/r/tear-ticket.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/tear-ticket.json"},{"name":"thought-line","title":"Thought Line","description":"Reasoning-trace header: a glyph and a label breathe beside a live clock while steps appear beneath, then the line settles on one beat into \"Thought for 4.2s\" t…","type":"registry:component","source_url":"https://sveltebits.xyz/r/thought-line.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/thought-line.json"},{"name":"voice-pill","title":"Voice Pill","description":"Mic button that swells into a tinted capsule of level-driven equalizer bars and an elapsed clock while held or toggled, then relaxes back into the mic on relea…","type":"registry:component","source_url":"https://sveltebits.xyz/r/voice-pill.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/voice-pill.json"},{"name":"wake-slider","title":"Wake Slider","description":"Range slider drawn as thin bars with no thumb: drag speed raises a wake that trails behind the handle and flattens again at rest.","type":"registry:component","source_url":"https://sveltebits.xyz/r/wake-slider.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/wake-slider.json"},{"name":"warm-tooltip","title":"Warm Tooltip","description":"Tooltip group with one shared delay: the first label waits and pops from its trigger, then siblings open instantly while the group is warm, with an optional ve…","type":"registry:component","source_url":"https://sveltebits.xyz/r/warm-tooltip.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/warm-tooltip.json"},{"name":"ascii-text","title":"ASCII Text","description":"Renders text with an animated ASCII background for a retro feel.","type":"registry:component","source_url":"https://sveltebits.xyz/r/ascii-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/ascii-text.json"},{"name":"blur-text","title":"Blur Text","description":"Per-word/letter blur-in animation triggered when scrolled into view, with configurable direction, easing and stepped keyframes.","type":"registry:component","source_url":"https://sveltebits.xyz/r/blur-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/blur-text.json"},{"name":"circular-text","title":"Circular Text","description":"Layouts characters around a circle with optional rotation animation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/circular-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/circular-text.json"},{"name":"count-up","title":"Count Up","description":"Spring-animated number counter that counts up (or down) when scrolled into view, with configurable spring physics, delay, and number formatting.","type":"registry:component","source_url":"https://sveltebits.xyz/r/count-up.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/count-up.json"},{"name":"curved-loop","title":"Curved Loop","description":"Marquee text rendered along a curved SVG path that scrolls infinitely and can be dragged for interactive control.","type":"registry:component","source_url":"https://sveltebits.xyz/r/curved-loop.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/curved-loop.json"},{"name":"decrypted-text","title":"Decrypted Text","description":"Scrambled-character reveal effect that decrypts a string on hover, click, or scroll-into-view, with sequential or random iteration modes.","type":"registry:component","source_url":"https://sveltebits.xyz/r/decrypted-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/decrypted-text.json"},{"name":"falling-text","title":"Falling Text","description":"Characters fall with gravity + bounce creating a playful entrance.","type":"registry:component","source_url":"https://sveltebits.xyz/r/falling-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/falling-text.json"},{"name":"fuzzy-text","title":"Fuzzy Text","description":"Canvas-rendered text that displaces pixel rows or columns on every frame to create a fuzzy/static distortion, with hover, click, and glitch modes.","type":"registry:component","source_url":"https://sveltebits.xyz/r/fuzzy-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/fuzzy-text.json"},{"name":"glitch-text","title":"Glitch Text","description":"RGB-split glitch effect on text using clip-path keyframe animation, with optional hover-only mode.","type":"registry:component","source_url":"https://sveltebits.xyz/r/glitch-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/glitch-text.json"},{"name":"gradient-text","title":"Gradient Text","description":"Animated multi-color gradient text with optional border, direction, yoyo and pause-on-hover.","type":"registry:component","source_url":"https://sveltebits.xyz/r/gradient-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/gradient-text.json"},{"name":"masked-heading","title":"Masked Heading","description":"Masked Heading component from svelte-bits.","type":"registry:component","source_url":"https://sveltebits.xyz/r/masked-heading.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/masked-heading.json"},{"name":"rotating-text","title":"Rotating Text","description":"Cycles through an array of phrases with per-character stagger animations on entry and exit, driven by motion springs.","type":"registry:component","source_url":"https://sveltebits.xyz/r/rotating-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/rotating-text.json"},{"name":"scrambled-text","title":"Scrambled Text","description":"Detects cursor position and applies a distortion effect to text.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scrambled-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scrambled-text.json"},{"name":"scroll-float","title":"Scroll Float","description":"Scroll-triggered floating text animation with per-character stagger.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scroll-float.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-float.json"},{"name":"scroll-reveal","title":"Scroll Reveal","description":"Words reveal in sequence as the container scrolls into view, with optional rotation and blur tied to the scroll position.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scroll-reveal.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-reveal.json"},{"name":"scroll-velocity","title":"Scroll Velocity","description":"Multi-row marquee that scrolls horizontally at a base velocity and accelerates with spring-smoothed page-scroll movement.","type":"registry:component","source_url":"https://sveltebits.xyz/r/scroll-velocity.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/scroll-velocity.json"},{"name":"shiny-text","title":"Shiny Text","description":"Animated shiny gradient sweep across text, with yoyo + direction controls.","type":"registry:component","source_url":"https://sveltebits.xyz/r/shiny-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shiny-text.json"},{"name":"shuffle","title":"Shuffle","description":"Per-character shuffle animation: each letter slides through interim glyphs before settling on its final character, with hover replay and ScrollTrigger entrance.","type":"registry:component","source_url":"https://sveltebits.xyz/r/shuffle.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/shuffle.json"},{"name":"split-text","title":"Split Text","description":"Splits text into characters / words for staggered entrance animation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/split-text.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/split-text.json"},{"name":"text-cursor","title":"Text Cursor","description":"Trail of repeating text glyphs that follows the cursor, optionally rotating to match direction and floating with random keyframes.","type":"registry:component","source_url":"https://sveltebits.xyz/r/text-cursor.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/text-cursor.json"},{"name":"text-pressure","title":"Text Pressure","description":"Variable-font heading where each character reacts to cursor proximity by morphing its width, weight, italic and opacity axes.","type":"registry:component","source_url":"https://sveltebits.xyz/r/text-pressure.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/text-pressure.json"},{"name":"text-type","title":"Text Type","description":"Typewriter effect that types and deletes through one or more sentences with a configurable cursor, blink rate, variable speed, and color rotation.","type":"registry:component","source_url":"https://sveltebits.xyz/r/text-type.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/text-type.json"},{"name":"true-focus","title":"True Focus","description":"Applies dynamic blur / clarity based over a series of words in order.","type":"registry:component","source_url":"https://sveltebits.xyz/r/true-focus.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/true-focus.json"},{"name":"variable-proximity","title":"Variable Proximity","description":"Per-letter variable-font interpolation that responds to cursor proximity inside a container, with linear, exponential or gaussian falloff.","type":"registry:component","source_url":"https://sveltebits.xyz/r/variable-proximity.json","install_command":"npx shadcn@latest add https://sveltebits.xyz/r/variable-proximity.json"}]},{"id":"aniui","name":"@aniui","slug":"aniui","description":"Beautiful, accessible React Native components (Uniwind or NativeWind) — copy, paste, own the code. 93 components plus pre-built screen blocks, installable with the shadcn CLI.","author":"anishlp7","framework":"react","license":"MIT","tags":["3d","accessibility","ai","animation","auth","backgrounds","blocks","buttons","cards","charts","forms","loaders","maps","media","mobile","navigation","onboarding","overlays","pro-available","tables"],"categories":["Animated components"],"labels":["pro","recently-updated"],"urls":{"website":"https://aniui.dev","github":"https://github.com/anishlp7/aniui","registry":"https://aniui.dev/registry.json","source":"https://aniui.dev/registry.json","page":"https://sh4dcn.netlify.app/registry/aniui","markdown":"https://sh4dcn.netlify.app/md/aniui.md"},"logo":"<svg version='1.0' xmlns='http://www.w3.org/2000/svg' width='128' height='69' viewBox='0 0 1280 697' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,697.000000) scale(0.100000,-0.100000)' fill='var(--foreground)' stroke='none'><path d='M6397 5540 c-57 -15 -89 -34 -134 -83 -76 -83 -90 -192 -36 -295 l31 -61 -112 -208 c-62 -114 -238 -440 -390 -723 -153 -283 -279 -517 -281 -519 -8 -8 -47 69 -84 164 -64 166 -101 350 -101 497 0 57 1 58 38 77 46 23 99 81 119 129 8 19 14 64 14 99 0 150 -112 263 -262 263 -90 0 -191 -65 -234 -149 -23 -45 -30 -135 -15 -190 14 -53 83 -131 139 -155 l38 -18 7 -96 c39 -529 283 -968 683 -1229 119 -78 280 -148 406 -177 l27 -6 0 78 0 79 -60 17 c-80 23 -263 114 -257 129 8 20 435 819 441 825 3 3 6 -467 6 -1045 l0 -1051 -22 -5 c-46 -12 -107 -67 -133 -121 -47 -97 -33 -212 37 -291 85 -97 255 -113 355 -33 147 117 133 331 -28 426 l-57 33 -1 1046 c0 624 3 1043 9 1037 5 -5 31 -52 58 -104 27 -52 79 -149 114 -215 265 -494 272 -507 252 -522 -35 -27 -119 -66 -209 -99 l-90 -32 1 -72 c1 -39 4 -73 7 -76 9 -9 222 65 297 104 467 240 776 730 809 1286 l6 109 45 24 c60 32 87 59 117 117 29 57 34 151 10 208 -20 49 -82 115 -130 139 -122 63 -286 9 -349 -115 -25 -49 -34 -138 -19 -193 19 -71 94 -151 164 -176 11 -3 -9 -217 -29 -316 -27 -132 -129 -401 -152 -401 -4 0 -34 51 -66 113 -57 108 -407 758 -529 982 -33 61 -89 166 -125 234 l-65 124 27 49 c54 95 43 218 -25 301 -58 70 -174 108 -262 87z m112 -164 c31 -17 51 -54 51 -97 0 -22 -10 -41 -35 -66 -32 -32 -39 -35 -78 -30 -55 8 -97 52 -97 103 0 28 8 44 34 70 38 38 77 44 125 20z m62 -458 c17 -35 70 -133 117 -218 95 -173 244 -449 317 -585 26 -49 80 -151 120 -225 40 -74 104 -197 144 -272 l71 -136 -48 -59 c-56 -66 -156 -163 -170 -163 -8 0 -64 101 -342 620 -37 69 -99 184 -139 256 -121 224 -111 174 -111 532 0 171 2 312 5 312 3 0 19 -28 36 -62z m-222 -631 c-17 -34 -83 -159 -147 -277 -321 -599 -395 -736 -402 -744 -5 -4 -27 7 -50 25 -52 41 -170 178 -170 196 0 7 50 106 111 220 61 115 150 280 197 368 162 304 435 810 461 855 l26 45 3 -313 2 -312 -31 -63z m-1099 428 c60 -31 77 -92 40 -152 -36 -60 -132 -62 -174 -2 -23 33 -20 91 5 123 36 46 80 56 129 31z m2504 1 c66 -28 81 -119 27 -169 -34 -32 -67 -39 -106 -23 -43 19 -65 52 -65 101 1 46 15 68 56 90 36 18 46 19 88 1z m-1223 -2995 c81 -81 -18 -219 -119 -167 -71 37 -83 107 -28 162 46 46 104 48 147 5z'/><path d='M4346 4446 c-54 -20 -106 -65 -141 -121 -27 -43 -30 -57 -30 -124 0 -58 6 -86 22 -117 31 -58 79 -101 137 -123 51 -19 51 -19 58 -72 27 -200 96 -427 183 -605 76 -153 197 -333 300 -442 47 -49 85 -96 85 -103 0 -13 -227 -453 -436 -846 -68 -127 -124 -234 -124 -237 0 -3 168 -6 373 -6 l372 0 128 248 c70 136 179 346 242 467 63 121 116 224 118 228 1 5 63 -21 137 -57 74 -35 171 -76 215 -90 96 -31 252 -66 259 -58 3 3 6 37 6 76 l0 71 -111 27 c-513 127 -941 548 -1093 1076 -45 155 -64 266 -79 467 l-12 160 -137 3 -136 3 -11 31 c-40 115 -205 188 -325 144z m130 -152 c61 -29 80 -93 44 -151 -44 -72 -152 -63 -184 16 -24 60 -2 110 59 137 39 17 41 17 81 -2z m343 -316 c29 -319 125 -606 283 -847 l42 -64 -45 -84 c-24 -45 -46 -83 -49 -83 -12 0 -121 120 -172 190 -165 226 -285 525 -333 825 -6 39 -4 41 35 65 37 22 100 100 100 122 0 4 29 8 63 8 l64 0 12 -132z m636 -1246 l50 -42 -21 -37 c-12 -21 -115 -218 -229 -438 -114 -220 -211 -403 -215 -408 -3 -4 -91 -6 -193 -5 l-187 3 24 45 c13 25 92 176 176 335 84 160 206 392 272 517 l120 228 76 -78 c43 -44 100 -98 127 -120z'/><path d='M8399 4445 c-57 -18 -122 -75 -152 -135 l-24 -45 -136 -3 -137 -3 0 -85 c0 -174 -36 -398 -92 -573 -106 -333 -336 -644 -616 -834 -132 -89 -359 -186 -509 -217 -35 -7 -63 -17 -64 -21 -2 -39 0 -141 3 -144 6 -6 164 31 258 60 47 15 144 55 217 90 l132 63 241 -467 c133 -256 245 -469 249 -473 10 -11 741 -14 741 -3 0 11 -25 60 -122 245 -226 430 -399 761 -419 802 l-23 47 74 73 c131 130 260 323 344 514 60 137 122 331 141 444 28 169 25 162 70 177 125 41 193 185 155 324 -13 47 -81 124 -133 151 -52 26 -139 32 -198 13z m139 -158 c27 -13 52 -56 52 -89 0 -38 -35 -85 -74 -98 -74 -24 -137 22 -138 101 0 45 20 74 67 95 31 13 52 11 93 -9z m-289 -215 c19 -37 65 -84 106 -108 19 -10 19 -13 1 -115 -58 -333 -223 -678 -429 -896 -28 -29 -53 -53 -58 -53 -4 0 -28 38 -53 84 l-45 84 46 69 c157 235 283 630 283 894 0 36 3 69 7 72 3 4 32 7 64 7 58 0 59 -1 78 -38z m-525 -1257 c295 -556 526 -998 526 -1006 0 -5 -81 -9 -187 -9 l-188 0 -227 438 c-126 241 -228 442 -228 446 0 12 234 235 243 233 5 -1 32 -47 61 -102z'/></g></svg>","preview_image":"https://aniui.dev/og.png","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://pro.aniui.dev/"},"metrics":{"github_stars":110,"open_issues":4,"last_commit":"2026-10-16T17:09:19Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://aniui.dev/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://aniui.dev/registry.json","install_bun":"bunx shadcn@latest add https://aniui.dev/registry.json","clone":"git clone https://github.com/anishlp7/aniui.git","clone_degit":"npx degit anishlp7/aniui","registry_fetch":"curl -s https://aniui.dev/registry.json"},"component_count":167,"components":[{"name":"accordion","title":"Accordion","description":"Expandable content sections","type":"registry:ui","source_url":"https://aniui.dev/r/accordion.json","install_command":"npx shadcn@latest add https://aniui.dev/r/accordion.json"},{"name":"action-rail","title":"ActionRail","description":"Expandable icon toolbar that reveals labeled actions, with its own light/dark palette system","type":"registry:ui","source_url":"https://aniui.dev/r/action-rail.json","install_command":"npx shadcn@latest add https://aniui.dev/r/action-rail.json"},{"name":"action-sheet","title":"ActionSheet","description":"Action sheet with options","type":"registry:ui","source_url":"https://aniui.dev/r/action-sheet.json","install_command":"npx shadcn@latest add https://aniui.dev/r/action-sheet.json"},{"name":"alert","title":"Alert","description":"Alert message with variants","type":"registry:ui","source_url":"https://aniui.dev/r/alert.json","install_command":"npx shadcn@latest add https://aniui.dev/r/alert.json"},{"name":"alert-dialog","title":"AlertDialog","description":"Confirmation dialog with actions","type":"registry:ui","source_url":"https://aniui.dev/r/alert-dialog.json","install_command":"npx shadcn@latest add https://aniui.dev/r/alert-dialog.json"},{"name":"animate","title":"Animate","description":"Animation presets, spring configs, easing, and hooks for Reanimated 4","type":"registry:ui","source_url":"https://aniui.dev/r/animate.json","install_command":"npx shadcn@latest add https://aniui.dev/r/animate.json"},{"name":"animated-header-scrollview","title":"AnimatedHeaderScrollView","description":"iOS-style collapsing large-title header ScrollView with blur backdrop on scroll","type":"registry:ui","source_url":"https://aniui.dev/r/animated-header-scrollview.json","install_command":"npx shadcn@latest add https://aniui.dev/r/animated-header-scrollview.json"},{"name":"animated-input-bar","title":"AnimatedInputBar","description":"Text input with a per-character animated placeholder that cycles through multiple strings","type":"registry:ui","source_url":"https://aniui.dev/r/animated-input-bar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/animated-input-bar.json"},{"name":"arc-list","title":"ArcList","description":"Items laid out along a curved arc with proximity scale/opacity, snap-to-focus, and a haptic tick on snap","type":"registry:ui","source_url":"https://aniui.dev/r/arc-list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/arc-list.json"},{"name":"area-chart","title":"AreaChart","description":"Skia area chart with entrance draw-on, data morphing, and a drag-to-scrub tooltip","type":"registry:ui","source_url":"https://aniui.dev/r/area-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/area-chart.json"},{"name":"aspect-ratio","title":"AspectRatio","description":"Constrains children to a fixed width/height ratio","type":"registry:ui","source_url":"https://aniui.dev/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://aniui.dev/r/aspect-ratio.json"},{"name":"autocomplete","title":"AutoComplete","description":"Free-text input with inline filtered suggestions, keyboard-safe dropdown, and async loading state","type":"registry:ui","source_url":"https://aniui.dev/r/autocomplete.json","install_command":"npx shadcn@latest add https://aniui.dev/r/autocomplete.json"},{"name":"avatar","title":"Avatar","description":"User avatar with image and fallback","type":"registry:ui","source_url":"https://aniui.dev/r/avatar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/avatar.json"},{"name":"avatar-group","title":"AvatarGroup","description":"Overlapping avatar stack with max count and +N overflow bubble","type":"registry:ui","source_url":"https://aniui.dev/r/avatar-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/avatar-group.json"},{"name":"badge","title":"Badge","description":"Small status indicator","type":"registry:ui","source_url":"https://aniui.dev/r/badge.json","install_command":"npx shadcn@latest add https://aniui.dev/r/badge.json"},{"name":"banner","title":"Banner","description":"Full-width notification banner with variants and dismiss","type":"registry:ui","source_url":"https://aniui.dev/r/banner.json","install_command":"npx shadcn@latest add https://aniui.dev/r/banner.json"},{"name":"bar-chart","title":"BarChart","description":"Skia bar chart with staggered grow-in, data morphing, and a drag-to-scrub tooltip","type":"registry:ui","source_url":"https://aniui.dev/r/bar-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/bar-chart.json"},{"name":"barcode-badge","title":"BarcodeBadge","description":"Width-encoded barcode strip with compound Root/Bars/Label API and palette overrides","type":"registry:ui","source_url":"https://aniui.dev/r/barcode-badge.json","install_command":"npx shadcn@latest add https://aniui.dev/r/barcode-badge.json"},{"name":"book-page","title":"BookPage","description":"Book cover with spine gradient, page-edge texture, and an openAngle-driven hinge","type":"registry:ui","source_url":"https://aniui.dev/r/book-page.json","install_command":"npx shadcn@latest add https://aniui.dev/r/book-page.json"},{"name":"bottom-sheet","title":"BottomSheet","description":"Bottom sheet overlay","type":"registry:ui","source_url":"https://aniui.dev/r/bottom-sheet.json","install_command":"npx shadcn@latest add https://aniui.dev/r/bottom-sheet.json"},{"name":"bottom-tabs","title":"BottomTabsScreen","description":"Bottom tab navigation bar with active state indicators","type":"registry:block","source_url":"https://aniui.dev/r/bottom-tabs.json","install_command":"npx shadcn@latest add https://aniui.dev/r/bottom-tabs.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation trail: Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator","type":"registry:ui","source_url":"https://aniui.dev/r/breadcrumb.json","install_command":"npx shadcn@latest add https://aniui.dev/r/breadcrumb.json"},{"name":"button","title":"Button","description":"A pressable button with variants","type":"registry:ui","source_url":"https://aniui.dev/r/button.json","install_command":"npx shadcn@latest add https://aniui.dev/r/button.json"},{"name":"calendar","title":"Calendar","description":"Month calendar with single and range selection","type":"registry:ui","source_url":"https://aniui.dev/r/calendar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/calendar.json"},{"name":"card","title":"Card","description":"Card container with header, content, footer","type":"registry:ui","source_url":"https://aniui.dev/r/card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/card.json"},{"name":"carousel","title":"Carousel","description":"Horizontal scrollable carousel with pagination dots","type":"registry:ui","source_url":"https://aniui.dev/r/carousel.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel.json"},{"name":"carousel-3d","title":"Carousel3D","description":"3D cylindrical carousel with real perspective-projected faces, pan gestures, and snap physics","type":"registry:ui","source_url":"https://aniui.dev/r/carousel-3d.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel-3d.json"},{"name":"carousel-circular","title":"CarouselCircular","description":"Scroll-driven coverflow carousel with per-item lift, tilt, and a blur fade on non-centered items","type":"registry:ui","source_url":"https://aniui.dev/r/carousel-circular.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel-circular.json"},{"name":"carousel-parallax","title":"CarouselParallax","description":"Horizontal carousel with real inner-layer parallax translation and a haptic tick on release","type":"registry:ui","source_url":"https://aniui.dev/r/carousel-parallax.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel-parallax.json"},{"name":"carousel-scale","title":"CarouselScale","description":"Center-focused carousel where neighbors zoom up and rotate out, with a haptic tick on release","type":"registry:ui","source_url":"https://aniui.dev/r/carousel-scale.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel-scale.json"},{"name":"carousel-tilt","title":"CarouselTilt","description":"Z-axis fan carousel — slides rotate and lift from a bottom pivot, with an optional blur overlay","type":"registry:ui","source_url":"https://aniui.dev/r/carousel-tilt.json","install_command":"npx shadcn@latest add https://aniui.dev/r/carousel-tilt.json"},{"name":"chart-tooltip","title":"ChartTooltip","description":"Tooltip overlay for chart data points","type":"registry:ui","source_url":"https://aniui.dev/r/chart-tooltip.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chart-tooltip.json"},{"name":"chat","title":"ChatScreen","description":"Messaging screen with chat bubbles and input bar","type":"registry:block","source_url":"https://aniui.dev/r/chat.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chat.json"},{"name":"chat-bubble","title":"ChatBubble","description":"Message bubble for chat with sent/received variants and status","type":"registry:ui","source_url":"https://aniui.dev/r/chat-bubble.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chat-bubble.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox with checked state","type":"registry:ui","source_url":"https://aniui.dev/r/checkbox.json","install_command":"npx shadcn@latest add https://aniui.dev/r/checkbox.json"},{"name":"chip","title":"Chip","description":"Interactive tag for filters and multi-select","type":"registry:ui","source_url":"https://aniui.dev/r/chip.json","install_command":"npx shadcn@latest add https://aniui.dev/r/chip.json"},{"name":"collapsible","title":"Collapsible","description":"Animated show/hide content","type":"registry:ui","source_url":"https://aniui.dev/r/collapsible.json","install_command":"npx shadcn@latest add https://aniui.dev/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Searchable select with multi-select, groups, clear, and custom rendering","type":"registry:ui","source_url":"https://aniui.dev/r/combobox.json","install_command":"npx shadcn@latest add https://aniui.dev/r/combobox.json"},{"name":"command-menu","title":"CommandMenu","description":"Spotlight/kbar-style command palette — portal-based overlay with rigorous Android keyboard handling, groups, and shortcuts","type":"registry:ui","source_url":"https://aniui.dev/r/command-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/command-menu.json"},{"name":"connection-banner","title":"ConnectionBanner","description":"Animated banner showing online/offline connection status","type":"registry:ui","source_url":"https://aniui.dev/r/connection-banner.json","install_command":"npx shadcn@latest add https://aniui.dev/r/connection-banner.json"},{"name":"context-menu","title":"ContextMenu","description":"Long-press context menu with items and separators","type":"registry:ui","source_url":"https://aniui.dev/r/context-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/context-menu.json"},{"name":"coupon","title":"Coupon","description":"Two-section promotional coupon with a real tear-line, ticket icon, and orientation prop","type":"registry:ui","source_url":"https://aniui.dev/r/coupon.json","install_command":"npx shadcn@latest add https://aniui.dev/r/coupon.json"},{"name":"curved-bottom-tabs","title":"CurvedBottomTabs","description":"Bottom tab bar whose curved notch and floating gradient button slide to track the active tab, with badge support and keyboard auto-hide","type":"registry:ui","source_url":"https://aniui.dev/r/curved-bottom-tabs.json","install_command":"npx shadcn@latest add https://aniui.dev/r/curved-bottom-tabs.json"},{"name":"data-table","title":"DataTable","description":"Sortable, filterable data table with pagination and custom cell rendering","type":"registry:ui","source_url":"https://aniui.dev/r/data-table.json","install_command":"npx shadcn@latest add https://aniui.dev/r/data-table.json"},{"name":"date-picker","title":"DatePicker","description":"Date picker with calendar popup and range support","type":"registry:ui","source_url":"https://aniui.dev/r/date-picker.json","install_command":"npx shadcn@latest add https://aniui.dev/r/date-picker.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog overlay","type":"registry:ui","source_url":"https://aniui.dev/r/dialog.json","install_command":"npx shadcn@latest add https://aniui.dev/r/dialog.json"},{"name":"direction-provider","title":"DirectionProvider","description":"RTL/LTR direction context with I18nManager integration","type":"registry:ui","source_url":"https://aniui.dev/r/direction-provider.json","install_command":"npx shadcn@latest add https://aniui.dev/r/direction-provider.json"},{"name":"drawer","title":"Drawer","description":"Slide-in side navigation panel","type":"registry:ui","source_url":"https://aniui.dev/r/drawer.json","install_command":"npx shadcn@latest add https://aniui.dev/r/drawer.json"},{"name":"drawer-nav","title":"DrawerNavContent","description":"Side drawer with user profile and icon-labeled navigation","type":"registry:block","source_url":"https://aniui.dev/r/drawer-nav.json","install_command":"npx shadcn@latest add https://aniui.dev/r/drawer-nav.json"},{"name":"dropdown-menu","title":"DropdownMenu","description":"Dropdown menu with items, separators, and destructive actions","type":"registry:ui","source_url":"https://aniui.dev/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/dropdown-menu.json"},{"name":"empty-state","title":"EmptyState","description":"Placeholder for empty screens and error states","type":"registry:ui","source_url":"https://aniui.dev/r/empty-state.json","install_command":"npx shadcn@latest add https://aniui.dev/r/empty-state.json"},{"name":"event-ticket","title":"EventTicket","description":"Event ticket card with perforated edge, date, venue, and seat","type":"registry:ui","source_url":"https://aniui.dev/r/event-ticket.json","install_command":"npx shadcn@latest add https://aniui.dev/r/event-ticket.json"},{"name":"expandable-view","title":"ExpandableView","description":"Generic expand/collapse container with spring-driven width/height/corner-radius morphing and a slot API","type":"registry:ui","source_url":"https://aniui.dev/r/expandable-view.json","install_command":"npx shadcn@latest add https://aniui.dev/r/expandable-view.json"},{"name":"fab","title":"FAB","description":"Floating action button for primary screen actions","type":"registry:ui","source_url":"https://aniui.dev/r/fab.json","install_command":"npx shadcn@latest add https://aniui.dev/r/fab.json"},{"name":"fan-menu","title":"FanMenu","description":"Radial fan menu that staggers labeled pill actions out from a FAB trigger, with tap-outside-to-dismiss backdrop and per-item blur","type":"registry:ui","source_url":"https://aniui.dev/r/fan-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/fan-menu.json"},{"name":"field","title":"Field","description":"Layout-focused form field with label, description, and error","type":"registry:ui","source_url":"https://aniui.dev/r/field.json","install_command":"npx shadcn@latest add https://aniui.dev/r/field.json"},{"name":"file-picker","title":"FilePicker","description":"File upload UI with dashed border, preview, and remove button","type":"registry:ui","source_url":"https://aniui.dev/r/file-picker.json","install_command":"npx shadcn@latest add https://aniui.dev/r/file-picker.json"},{"name":"filling-stack","title":"FillingStack","description":"Vertically browsable card stack with fling gestures and a blur \"filling\" transition between cards","type":"registry:ui","source_url":"https://aniui.dev/r/filling-stack.json","install_command":"npx shadcn@latest add https://aniui.dev/r/filling-stack.json"},{"name":"flexi-button","title":"FlexiButton","description":"Adaptive-width pill button that springs open to reveal a label, with a dimension-change callback","type":"registry:ui","source_url":"https://aniui.dev/r/flexi-button.json","install_command":"npx shadcn@latest add https://aniui.dev/r/flexi-button.json"},{"name":"flip-card","title":"FlipCard","description":"Tap-to-flip card with horizontal/vertical/depth 3D rotation, mid-flip glass blur, and haptic feedback","type":"registry:ui","source_url":"https://aniui.dev/r/flip-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/flip-card.json"},{"name":"fold","title":"Fold","description":"useFoldFeatures() hook: iPhone Duo / Android foldable hinge state. Null-safe require of expo-hinge — returns null fields on non-fold devices and when the peer …","type":"registry:ui","source_url":"https://aniui.dev/r/fold.json","install_command":"npx shadcn@latest add https://aniui.dev/r/fold.json"},{"name":"forgot-password","title":"ForgotPasswordScreen","description":"Password reset flow with email input and confirmation","type":"registry:block","source_url":"https://aniui.dev/r/forgot-password.json","install_command":"npx shadcn@latest add https://aniui.dev/r/forgot-password.json"},{"name":"form","title":"Form","description":"Form context with validation, error handling, and compound components","type":"registry:ui","source_url":"https://aniui.dev/r/form.json","install_command":"npx shadcn@latest add https://aniui.dev/r/form.json"},{"name":"gooey-popover","title":"GooeyPopover","description":"Skia gooey popover that morphs its trigger into the content panel","type":"registry:ui","source_url":"https://aniui.dev/r/gooey-popover.json","install_command":"npx shadcn@latest add https://aniui.dev/r/gooey-popover.json"},{"name":"gooey-search-tabs","title":"GooeySearchTabs","description":"Skia gooey pill that morphs between a search bar and a tab switcher","type":"registry:ui","source_url":"https://aniui.dev/r/gooey-search-tabs.json","install_command":"npx shadcn@latest add https://aniui.dev/r/gooey-search-tabs.json"},{"name":"gradient","title":"Gradient","description":"Linear gradient view with configurable colors and direction","type":"registry:ui","source_url":"https://aniui.dev/r/gradient.json","install_command":"npx shadcn@latest add https://aniui.dev/r/gradient.json"},{"name":"grid","title":"Grid","description":"FlatList-based grid layout with configurable columns and gap","type":"registry:ui","source_url":"https://aniui.dev/r/grid.json","install_command":"npx shadcn@latest add https://aniui.dev/r/grid.json"},{"name":"hamburger","title":"Hamburger","description":"Animated hamburger ⇄ close icon morph driven by a single progress value","type":"registry:ui","source_url":"https://aniui.dev/r/hamburger.json","install_command":"npx shadcn@latest add https://aniui.dev/r/hamburger.json"},{"name":"header","title":"Header","description":"Navigation header with back button, title, and right actions","type":"registry:ui","source_url":"https://aniui.dev/r/header.json","install_command":"npx shadcn@latest add https://aniui.dev/r/header.json"},{"name":"home","title":"HomeScreen","description":"Dashboard home with greeting, quick actions, stats, and activity","type":"registry:block","source_url":"https://aniui.dev/r/home.json","install_command":"npx shadcn@latest add https://aniui.dev/r/home.json"},{"name":"hover-card","title":"HoverCard","description":"Preview content card triggered by hover or long-press","type":"registry:ui","source_url":"https://aniui.dev/r/hover-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/hover-card.json"},{"name":"image","title":"Image","description":"Image with loading placeholder, error fallback, and rounded variants","type":"registry:ui","source_url":"https://aniui.dev/r/image.json","install_command":"npx shadcn@latest add https://aniui.dev/r/image.json"},{"name":"image-gallery","title":"ImageGallery","description":"Horizontal image carousel with fullscreen modal and pagination","type":"registry:ui","source_url":"https://aniui.dev/r/image-gallery.json","install_command":"npx shadcn@latest add https://aniui.dev/r/image-gallery.json"},{"name":"infinite-list","title":"InfiniteList","description":"FlatList with auto-loading more items on scroll","type":"registry:ui","source_url":"https://aniui.dev/r/infinite-list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/infinite-list.json"},{"name":"input","title":"Input","description":"Text input with variants and states","type":"registry:ui","source_url":"https://aniui.dev/r/input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/input.json"},{"name":"input-group","title":"InputGroup","description":"Compose inputs with addons, buttons, text, and focus-aware container","type":"registry:ui","source_url":"https://aniui.dev/r/input-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/input-group.json"},{"name":"input-otp","title":"InputOTP","description":"One-time password input with individual cells","type":"registry:ui","source_url":"https://aniui.dev/r/input-otp.json","install_command":"npx shadcn@latest add https://aniui.dev/r/input-otp.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key display with grouping and separator","type":"registry:ui","source_url":"https://aniui.dev/r/kbd.json","install_command":"npx shadcn@latest add https://aniui.dev/r/kbd.json"},{"name":"keyboard-view","title":"KeyboardView","description":"Keyboard-avoiding wrapper so forms stay visible above the keyboard","type":"registry:ui","source_url":"https://aniui.dev/r/keyboard-view.json","install_command":"npx shadcn@latest add https://aniui.dev/r/keyboard-view.json"},{"name":"label","title":"Label","description":"Form field label","type":"registry:ui","source_url":"https://aniui.dev/r/label.json","install_command":"npx shadcn@latest add https://aniui.dev/r/label.json"},{"name":"labeled-separator","title":"LabeledSeparator","description":"Horizontal separator with centered text label","type":"registry:ui","source_url":"https://aniui.dev/r/labeled-separator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/labeled-separator.json"},{"name":"line-chart","title":"LineChart","description":"Skia line chart with draw-on entrance, morph-on-data-change, and a scrubbing crosshair tooltip","type":"registry:ui","source_url":"https://aniui.dev/r/line-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/line-chart.json"},{"name":"list","title":"List","description":"Styled list items","type":"registry:ui","source_url":"https://aniui.dev/r/list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/list.json"},{"name":"loader","title":"Loader","description":"Animated loading indicator — segmented comet-tail ring or bouncing dots","type":"registry:ui","source_url":"https://aniui.dev/r/loader.json","install_command":"npx shadcn@latest add https://aniui.dev/r/loader.json"},{"name":"login","title":"LoginScreen","description":"Email/password login with social sign-in","type":"registry:block","source_url":"https://aniui.dev/r/login.json","install_command":"npx shadcn@latest add https://aniui.dev/r/login.json"},{"name":"marquee","title":"Marquee","description":"Infinite horizontal ticker for any content — reverse direction, tap-to-pause, and hold-to-speed-up","type":"registry:ui","source_url":"https://aniui.dev/r/marquee.json","install_command":"npx shadcn@latest add https://aniui.dev/r/marquee.json"},{"name":"masked-input","title":"MaskedInput","description":"Text input with mask formatting for credit cards, phones, dates","type":"registry:ui","source_url":"https://aniui.dev/r/masked-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/masked-input.json"},{"name":"matched-geometry","title":"MatchedGeometry","description":"SwiftUI-style shared-element layout transition primitive — morphs one tagged view into another's position and size when they swap","type":"registry:ui","source_url":"https://aniui.dev/r/matched-geometry.json","install_command":"npx shadcn@latest add https://aniui.dev/r/matched-geometry.json"},{"name":"menubar","title":"Menubar","description":"Horizontal menu bar with dropdown menus: Menubar, MenubarMenu, MenubarItem","type":"registry:ui","source_url":"https://aniui.dev/r/menubar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/menubar.json"},{"name":"mobile-dock","title":"MobileDock","description":"Finger-tracked fisheye dock — drag across icons to magnify the one under your touch, release to tap the nearest one","type":"registry:ui","source_url":"https://aniui.dev/r/mobile-dock.json","install_command":"npx shadcn@latest add https://aniui.dev/r/mobile-dock.json"},{"name":"morph-fab","title":"MorphFab","description":"Skia gooey radial/directional FAB menu with staggered blob-merge spring animation","type":"registry:ui","source_url":"https://aniui.dev/r/morph-fab.json","install_command":"npx shadcn@latest add https://aniui.dev/r/morph-fab.json"},{"name":"morphing-tabbar","title":"MorphingTabBar","description":"Segmented tab bar where each tab's own corner radii and spacing morph to split the active tab into a separated pill","type":"registry:ui","source_url":"https://aniui.dev/r/morphing-tabbar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/morphing-tabbar.json"},{"name":"notifications","title":"NotificationsScreen","description":"Grouped notifications list with unread indicators","type":"registry:block","source_url":"https://aniui.dev/r/notifications.json","install_command":"npx shadcn@latest add https://aniui.dev/r/notifications.json"},{"name":"number-input","title":"NumberInput","description":"Numeric input with increment/decrement buttons and min/max","type":"registry:ui","source_url":"https://aniui.dev/r/number-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/number-input.json"},{"name":"onboarding","title":"OnboardingScreen","description":"Welcome carousel with step indicators and skip option","type":"registry:block","source_url":"https://aniui.dev/r/onboarding.json","install_command":"npx shadcn@latest add https://aniui.dev/r/onboarding.json"},{"name":"pagination","title":"Pagination","description":"Page navigation with numbered buttons and prev/next","type":"registry:ui","source_url":"https://aniui.dev/r/pagination.json","install_command":"npx shadcn@latest add https://aniui.dev/r/pagination.json"},{"name":"password-input","title":"PasswordInput","description":"Password input with show/hide toggle and strength indicator","type":"registry:ui","source_url":"https://aniui.dev/r/password-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/password-input.json"},{"name":"phone-input","title":"PhoneInput","description":"Phone number input with country code selector","type":"registry:ui","source_url":"https://aniui.dev/r/phone-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/phone-input.json"},{"name":"photo-stack","title":"PhotoStack","description":"Overlapping stacked photos with a press-lift-and-straighten spring, and optional per-photo onPress","type":"registry:ui","source_url":"https://aniui.dev/r/photo-stack.json","install_command":"npx shadcn@latest add https://aniui.dev/r/photo-stack.json"},{"name":"pie-chart","title":"PieChart","description":"Skia pie/donut chart with grow-in sweep, data morphing, and drag-to-select slice push-out","type":"registry:ui","source_url":"https://aniui.dev/r/pie-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/pie-chart.json"},{"name":"polaroid","title":"Polaroid","description":"Polaroid-style photo frame with a press-lift-and-straighten spring and optional washi-tape decoration","type":"registry:ui","source_url":"https://aniui.dev/r/polaroid.json","install_command":"npx shadcn@latest add https://aniui.dev/r/polaroid.json"},{"name":"popover","title":"Popover","description":"Contextual overlay with trigger positioning","type":"registry:ui","source_url":"https://aniui.dev/r/popover.json","install_command":"npx shadcn@latest add https://aniui.dev/r/popover.json"},{"name":"price","title":"Price","description":"Formatted currency display with locale and strikethrough support","type":"registry:ui","source_url":"https://aniui.dev/r/price.json","install_command":"npx shadcn@latest add https://aniui.dev/r/price.json"},{"name":"pricing","title":"PricingScreen","description":"Subscription plan selector with monthly/yearly toggle","type":"registry:block","source_url":"https://aniui.dev/r/pricing.json","install_command":"npx shadcn@latest add https://aniui.dev/r/pricing.json"},{"name":"product-detail","title":"ProductDetailScreen","description":"Product detail with size selector, quantity picker, and CTA","type":"registry:block","source_url":"https://aniui.dev/r/product-detail.json","install_command":"npx shadcn@latest add https://aniui.dev/r/product-detail.json"},{"name":"product-list","title":"ProductListScreen","description":"E-commerce product grid with category filters and wishlist","type":"registry:block","source_url":"https://aniui.dev/r/product-list.json","install_command":"npx shadcn@latest add https://aniui.dev/r/product-list.json"},{"name":"profile","title":"ProfileScreen","description":"User profile with avatar, stats, menu items, and log out","type":"registry:block","source_url":"https://aniui.dev/r/profile.json","install_command":"npx shadcn@latest add https://aniui.dev/r/profile.json"},{"name":"profile-card","title":"ProfileCard","description":"Profile card with a cover image, overlapping avatar, location row, and a press-scale action button","type":"registry:ui","source_url":"https://aniui.dev/r/profile-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/profile-card.json"},{"name":"progress","title":"Progress","description":"Progress bar","type":"registry:ui","source_url":"https://aniui.dev/r/progress.json","install_command":"npx shadcn@latest add https://aniui.dev/r/progress.json"},{"name":"progress-steps","title":"ProgressSteps","description":"Multi-step progress indicator for wizards and onboarding","type":"registry:ui","source_url":"https://aniui.dev/r/progress-steps.json","install_command":"npx shadcn@latest add https://aniui.dev/r/progress-steps.json"},{"name":"prompt-input","title":"PromptInput","description":"ChatGPT/Claude-style AI composer — compound: PromptInput, Textarea, Toolbar, Button, Send (stop while streaming)","type":"registry:ui","source_url":"https://aniui.dev/r/prompt-input.json","install_command":"npx shadcn@latest add https://aniui.dev/r/prompt-input.json"},{"name":"qr-code","title":"QrCode","description":"Real, scannable QR code behind an expand/collapse reveal with copy/close actions","type":"registry:ui","source_url":"https://aniui.dev/r/qr-code.json","install_command":"npx shadcn@latest add https://aniui.dev/r/qr-code.json"},{"name":"radar-chart","title":"RadarChart","description":"Skia radar/spider chart with staggered grow-in, data morphing, and a drag-to-select axis tooltip","type":"registry:ui","source_url":"https://aniui.dev/r/radar-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/radar-chart.json"},{"name":"radial-chart","title":"RadialChart","description":"Skia concentric radial progress rings with grow-in, data morphing, and a drag-to-select tooltip","type":"registry:ui","source_url":"https://aniui.dev/r/radial-chart.json","install_command":"npx shadcn@latest add https://aniui.dev/r/radial-chart.json"},{"name":"radio-group","title":"RadioGroup","description":"Radio button group","type":"registry:ui","source_url":"https://aniui.dev/r/radio-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/radio-group.json"},{"name":"rating","title":"Rating","description":"Star rating with interactive and read-only modes","type":"registry:ui","source_url":"https://aniui.dev/r/rating.json","install_command":"npx shadcn@latest add https://aniui.dev/r/rating.json"},{"name":"receipt-card","title":"ReceiptCard","description":"Tilted, torn-edge receipt card with dotted item leaders and a printed barcode","type":"registry:ui","source_url":"https://aniui.dev/r/receipt-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/receipt-card.json"},{"name":"refresh-control","title":"RefreshControl","description":"Themed pull-to-refresh control for ScrollView and FlatList","type":"registry:ui","source_url":"https://aniui.dev/r/refresh-control.json","install_command":"npx shadcn@latest add https://aniui.dev/r/refresh-control.json"},{"name":"rolling-counter","title":"RollingCounter","description":"Animated odometer-style rolling number counter with motion-blur, squash/stretch, staggered digits, and correct wrap-around rollover","type":"registry:ui","source_url":"https://aniui.dev/r/rolling-counter.json","install_command":"npx shadcn@latest add https://aniui.dev/r/rolling-counter.json"},{"name":"safe-area","title":"SafeArea","description":"Styled SafeAreaView wrapper with theme variants","type":"registry:ui","source_url":"https://aniui.dev/r/safe-area.json","install_command":"npx shadcn@latest add https://aniui.dev/r/safe-area.json"},{"name":"save-button","title":"SaveButton","description":"Idle → loading → success → done state-machine save button with animated phase transitions","type":"registry:ui","source_url":"https://aniui.dev/r/save-button.json","install_command":"npx shadcn@latest add https://aniui.dev/r/save-button.json"},{"name":"search","title":"SearchScreen","description":"Search screen with recent searches, trending, and live results","type":"registry:block","source_url":"https://aniui.dev/r/search.json","install_command":"npx shadcn@latest add https://aniui.dev/r/search.json"},{"name":"search-bar","title":"SearchBar","description":"Search input with icon, clear button, and cancel","type":"registry:ui","source_url":"https://aniui.dev/r/search-bar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/search-bar.json"},{"name":"segmented-control","title":"SegmentedControl","description":"iOS-style segmented control for view switching","type":"registry:ui","source_url":"https://aniui.dev/r/segmented-control.json","install_command":"npx shadcn@latest add https://aniui.dev/r/segmented-control.json"},{"name":"select","title":"Select","description":"Dropdown select with search support","type":"registry:ui","source_url":"https://aniui.dev/r/select.json","install_command":"npx shadcn@latest add https://aniui.dev/r/select.json"},{"name":"separator","title":"Separator","description":"Visual divider","type":"registry:ui","source_url":"https://aniui.dev/r/separator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/separator.json"},{"name":"settings","title":"SettingsScreen","description":"Settings screen with toggles, navigation rows, and danger zone","type":"registry:block","source_url":"https://aniui.dev/r/settings.json","install_command":"npx shadcn@latest add https://aniui.dev/r/settings.json"},{"name":"shimmer","title":"Shimmer","description":"Content-aware skeleton with sweep/pulse variants, 4 directions, named color presets, and isLoading reveal","type":"registry:ui","source_url":"https://aniui.dev/r/shimmer.json","install_command":"npx shadcn@latest add https://aniui.dev/r/shimmer.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible animated side navigation panel: SidebarProvider, Sidebar, SidebarTrigger, useSidebar","type":"registry:ui","source_url":"https://aniui.dev/r/sidebar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/sidebar.json"},{"name":"signup","title":"SignUpScreen","description":"Registration with name, email, password, and terms checkbox","type":"registry:block","source_url":"https://aniui.dev/r/signup.json","install_command":"npx shadcn@latest add https://aniui.dev/r/signup.json"},{"name":"skeleton","title":"Skeleton","description":"Animated loading placeholder","type":"registry:ui","source_url":"https://aniui.dev/r/skeleton.json","install_command":"npx shadcn@latest add https://aniui.dev/r/skeleton.json"},{"name":"slide-to-confirm","title":"SlideToConfirm","description":"Slide-to-pay/confirm control with spring-back and confirmed state","type":"registry:ui","source_url":"https://aniui.dev/r/slide-to-confirm.json","install_command":"npx shadcn@latest add https://aniui.dev/r/slide-to-confirm.json"},{"name":"slider","title":"Slider","description":"Draggable slider for numeric values","type":"registry:ui","source_url":"https://aniui.dev/r/slider.json","install_command":"npx shadcn@latest add https://aniui.dev/r/slider.json"},{"name":"social-button","title":"SocialButton","description":"Branded social sign-in button with default Google/Apple/GitHub/X marks, outline/filled/ghost variants, and a press-scale spring","type":"registry:ui","source_url":"https://aniui.dev/r/social-button.json","install_command":"npx shadcn@latest add https://aniui.dev/r/social-button.json"},{"name":"spin-button","title":"SpinButton","description":"Toggle button with a custom SVG arc spinner and crossfading label on press","type":"registry:ui","source_url":"https://aniui.dev/r/spin-button.json","install_command":"npx shadcn@latest add https://aniui.dev/r/spin-button.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner with sizes","type":"registry:ui","source_url":"https://aniui.dev/r/spinner.json","install_command":"npx shadcn@latest add https://aniui.dev/r/spinner.json"},{"name":"split-view","title":"SplitView","description":"Draggable, resizable top/bottom split pane with snap points and spring physics","type":"registry:ui","source_url":"https://aniui.dev/r/split-view.json","install_command":"npx shadcn@latest add https://aniui.dev/r/split-view.json"},{"name":"stacked-chips","title":"StackedChips","description":"Nested, depth-aware expandable chip menu — a trigger reveals further stacked chips","type":"registry:ui","source_url":"https://aniui.dev/r/stacked-chips.json","install_command":"npx shadcn@latest add https://aniui.dev/r/stacked-chips.json"},{"name":"stat-card","title":"StatCard","description":"KPI display card with value, trend indicator, and change percentage","type":"registry:ui","source_url":"https://aniui.dev/r/stat-card.json","install_command":"npx shadcn@latest add https://aniui.dev/r/stat-card.json"},{"name":"status-indicator","title":"StatusIndicator","description":"Colored dot for online/offline/away/busy status","type":"registry:ui","source_url":"https://aniui.dev/r/status-indicator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/status-indicator.json"},{"name":"stepper","title":"Stepper","description":"Numeric increment/decrement control with min/max/step","type":"registry:ui","source_url":"https://aniui.dev/r/stepper.json","install_command":"npx shadcn@latest add https://aniui.dev/r/stepper.json"},{"name":"streaming-text","title":"StreamingText","description":"Typewriter-style streaming AI response text with a blinking cursor","type":"registry:ui","source_url":"https://aniui.dev/r/streaming-text.json","install_command":"npx shadcn@latest add https://aniui.dev/r/streaming-text.json"},{"name":"swipe-deck","title":"SwipeDeck","description":"Tinder-style swipeable card stack with fling physics and swipe callbacks","type":"registry:ui","source_url":"https://aniui.dev/r/swipe-deck.json","install_command":"npx shadcn@latest add https://aniui.dev/r/swipe-deck.json"},{"name":"swipeable-list-item","title":"SwipeableListItem","description":"Swipeable list item revealing action buttons on swipe","type":"registry:ui","source_url":"https://aniui.dev/r/swipeable-list-item.json","install_command":"npx shadcn@latest add https://aniui.dev/r/swipeable-list-item.json"},{"name":"switch","title":"Switch","description":"Toggle switch","type":"registry:ui","source_url":"https://aniui.dev/r/switch.json","install_command":"npx shadcn@latest add https://aniui.dev/r/switch.json"},{"name":"tab-bar","title":"TabBar","description":"Bottom tab bar with badge support and active states","type":"registry:ui","source_url":"https://aniui.dev/r/tab-bar.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tab-bar.json"},{"name":"table","title":"Table","description":"Data table with header, body, rows, and cells","type":"registry:ui","source_url":"https://aniui.dev/r/table.json","install_command":"npx shadcn@latest add https://aniui.dev/r/table.json"},{"name":"tabs","title":"Tabs","description":"Tab navigation with filled/line variants, sizes, vertical, disabled, and icon support","type":"registry:ui","source_url":"https://aniui.dev/r/tabs.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tabs.json"},{"name":"text","title":"Text","description":"Typography with heading and body variants","type":"registry:ui","source_url":"https://aniui.dev/r/text.json","install_command":"npx shadcn@latest add https://aniui.dev/r/text.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text input","type":"registry:ui","source_url":"https://aniui.dev/r/textarea.json","install_command":"npx shadcn@latest add https://aniui.dev/r/textarea.json"},{"name":"theme","title":"AniUI Theme","description":"AniUI light/dark color tokens and radius. Convenience only — `aniui init` is authoritative for full RN theme setup.","type":"registry:theme","source_url":"https://aniui.dev/r/theme.json","install_command":"npx shadcn@latest add https://aniui.dev/r/theme.json"},{"name":"theme-provider","title":"ThemeProvider","description":"Theme context provider with light/dark/system mode and toggle","type":"registry:ui","source_url":"https://aniui.dev/r/theme-provider.json","install_command":"npx shadcn@latest add https://aniui.dev/r/theme-provider.json"},{"name":"theme-switch","title":"ThemeSwitch","description":"Sun/moon icon-morph theme toggle with an optional full-screen circular wipe transition","type":"registry:ui","source_url":"https://aniui.dev/r/theme-switch.json","install_command":"npx shadcn@latest add https://aniui.dev/r/theme-switch.json"},{"name":"time-picker","title":"TimePicker","description":"Animated scroll-snap wheel time picker with a spring modal and haptic tick, plus DateAndTimePicker (calendar + time)","type":"registry:ui","source_url":"https://aniui.dev/r/time-picker.json","install_command":"npx shadcn@latest add https://aniui.dev/r/time-picker.json"},{"name":"timeline","title":"Timeline","description":"Vertical timeline for events, order tracking, activity feeds","type":"registry:ui","source_url":"https://aniui.dev/r/timeline.json","install_command":"npx shadcn@latest add https://aniui.dev/r/timeline.json"},{"name":"toast","title":"Toast","description":"Notification toast with auto-dismiss, position (top/bottom), and slide-in direction (top/bottom/left/right)","type":"registry:ui","source_url":"https://aniui.dev/r/toast.json","install_command":"npx shadcn@latest add https://aniui.dev/r/toast.json"},{"name":"toggle","title":"Toggle","description":"Two-state toggle button","type":"registry:ui","source_url":"https://aniui.dev/r/toggle.json","install_command":"npx shadcn@latest add https://aniui.dev/r/toggle.json"},{"name":"toggle-group","title":"ToggleGroup","description":"Group of exclusive toggle buttons","type":"registry:ui","source_url":"https://aniui.dev/r/toggle-group.json","install_command":"npx shadcn@latest add https://aniui.dev/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"Accessible tooltip with positioning","type":"registry:ui","source_url":"https://aniui.dev/r/tooltip.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tooltip.json"},{"name":"tray","title":"Tray","description":"Compound bottom-sheet/navigation-tray system with multi-view push/back navigation, draggable detents, and scroll hand-off","type":"registry:ui","source_url":"https://aniui.dev/r/tray.json","install_command":"npx shadcn@latest add https://aniui.dev/r/tray.json"},{"name":"typing-indicator","title":"TypingIndicator","description":"Animated typing dots for chat interfaces","type":"registry:ui","source_url":"https://aniui.dev/r/typing-indicator.json","install_command":"npx shadcn@latest add https://aniui.dev/r/typing-indicator.json"},{"name":"unfold-menu","title":"UnfoldMenu","description":"Menu whose trigger unfolds into a full panel, its label morphing into the panel's title as it expands","type":"registry:ui","source_url":"https://aniui.dev/r/unfold-menu.json","install_command":"npx shadcn@latest add https://aniui.dev/r/unfold-menu.json"},{"name":"utils","title":"cn utility","description":"Tailwind class-merge helper (clsx + tailwind-merge).","type":"registry:lib","source_url":"https://aniui.dev/r/utils.json","install_command":"npx shadcn@latest add https://aniui.dev/r/utils.json"},{"name":"verified-badge","title":"VerifiedBadge","description":"Verified check badge with Name/Handle layout and palette overrides","type":"registry:ui","source_url":"https://aniui.dev/r/verified-badge.json","install_command":"npx shadcn@latest add https://aniui.dev/r/verified-badge.json"},{"name":"vertical-flow-carousel","title":"VerticalFlowCarousel","description":"Vertical coverflow — cards scale, tilt, and fade as they scroll away from center, with a blur overlay on unfocused cards","type":"registry:ui","source_url":"https://aniui.dev/r/vertical-flow-carousel.json","install_command":"npx shadcn@latest add https://aniui.dev/r/vertical-flow-carousel.json"},{"name":"vertical-page-carousel","title":"VerticalPageCarousel","description":"Full-bleed vertical pager — one card fills the screen at a time, neighbors scale/fade out, with a haptic tick on release","type":"registry:ui","source_url":"https://aniui.dev/r/vertical-page-carousel.json","install_command":"npx shadcn@latest add https://aniui.dev/r/vertical-page-carousel.json"},{"name":"waveform","title":"Waveform","description":"Audio waveform bars — driven by real amplitude levels, with an ambient recording fallback","type":"registry:ui","source_url":"https://aniui.dev/r/waveform.json","install_command":"npx shadcn@latest add https://aniui.dev/r/waveform.json"}]},{"id":"threecn","name":"@threecn","slug":"threecn","description":"3D scenes for shadcn/ui. Theme-aware React Three Fiber components, one command away.","author":"ln-dev7","framework":"react","license":"MIT","tags":["3d","backgrounds","cards","charts","maps","theming"],"categories":["Charts/data viz"],"labels":[],"urls":{"website":"https://threecn.dev","github":"https://github.com/ln-dev7/threecn","registry":"https://threecn.dev/r/registry.json","source":"https://threecn.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/threecn","markdown":"https://sh4dcn.netlify.app/md/threecn.md"},"logo":"<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 2.5 21 7v10l-9 4.5L3 17V7l9-4.5Z' stroke='var(--foreground)' stroke-width='1.5' stroke-linejoin='round'/><path d='M3 7l9 4.5L21 7M12 11.5V21.5' stroke='var(--foreground)' stroke-width='1.5' stroke-linejoin='round' opacity='.6'/><path d='M12 11.5 21 7v5l-9 4.5-9-4.5V7l9 4.5Z' fill='var(--foreground)' fill-opacity='.15'/></svg>","preview_image":"https://threecn.dev/og?title=3D+scenes+for+shadcn%2Fui.&amp;subtitle=Copy-paste+React+Three+Fiber+scenes+that+adapt+to+your+shadcn+theme.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":61,"open_issues":0,"last_commit":"2026-07-20T17:01:02Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://threecn.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://threecn.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://threecn.dev/r/registry.json","clone":"git clone https://github.com/ln-dev7/threecn.git","clone_degit":"npx degit ln-dev7/threecn","registry_fetch":"curl -s https://threecn.dev/r/registry.json"},"component_count":28,"components":[{"name":"scene-container","title":"SceneContainer","description":"Base R3F canvas wrapper with theme-aware environment and camera setup.","type":"registry:ui","source_url":"https://threecn.dev/r/scene-container.json","install_command":"npx shadcn@latest add https://threecn.dev/r/scene-container.json"},{"name":"particle-field","title":"ParticleField","description":"A drifting cloud of particles colored with your shadcn --primary and --muted-foreground tokens.","type":"registry:ui","source_url":"https://threecn.dev/r/particle-field.json","install_command":"npx shadcn@latest add https://threecn.dev/r/particle-field.json"},{"name":"product-viewer","title":"ProductViewer","description":"An orbitable, polished product volume with an emissive --primary tint; hover slows the spin.","type":"registry:ui","source_url":"https://threecn.dev/r/product-viewer.json","install_command":"npx shadcn@latest add https://threecn.dev/r/product-viewer.json"},{"name":"floating-card-3d","title":"FloatingCard3D","description":"A parallax-tilting 3D card with a --background surface, --border edges, and an HTML overlay.","type":"registry:ui","source_url":"https://threecn.dev/r/floating-card-3d.json","install_command":"npx shadcn@latest add https://threecn.dev/r/floating-card-3d.json"},{"name":"text-3d","title":"Text3D","description":"Extruded, floating 3D text rendered with drei <Text3D>, colored with --primary.","type":"registry:ui","source_url":"https://threecn.dev/r/text-3d.json","install_command":"npx shadcn@latest add https://threecn.dev/r/text-3d.json"},{"name":"product-showcase","title":"ProductShowcase","description":"A product on a circular pedestal with soft contact shadows, studio lighting and slow auto-rotate.","type":"registry:ui","source_url":"https://threecn.dev/r/product-showcase.json","install_command":"npx shadcn@latest add https://threecn.dev/r/product-showcase.json"},{"name":"globe","title":"Globe","description":"A dotted globe rotating slowly with orbit rings, colored with your --primary token.","type":"registry:ui","source_url":"https://threecn.dev/r/globe.json","install_command":"npx shadcn@latest add https://threecn.dev/r/globe.json"},{"name":"wave-terrain","title":"WaveTerrain","description":"An undulating wireframe terrain in perspective, drawn with --primary.","type":"registry:ui","source_url":"https://threecn.dev/r/wave-terrain.json","install_command":"npx shadcn@latest add https://threecn.dev/r/wave-terrain.json"},{"name":"crystal","title":"Crystal","description":"A faceted glass gem with real refraction and a glowing core, tinted with --primary.","type":"registry:ui","source_url":"https://threecn.dev/r/crystal.json","install_command":"npx shadcn@latest add https://threecn.dev/r/crystal.json"},{"name":"halo","title":"Halo","description":"A glowing energy core wrapped by tilted orbit rings carrying satellites.","type":"registry:ui","source_url":"https://threecn.dev/r/halo.json","install_command":"npx shadcn@latest add https://threecn.dev/r/halo.json"},{"name":"dna-helix","title":"DnaHelix","description":"A rotating double helix of spheres joined by rungs, colored with --primary and --accent.","type":"registry:ui","source_url":"https://threecn.dev/r/dna-helix.json","install_command":"npx shadcn@latest add https://threecn.dev/r/dna-helix.json"},{"name":"vortex","title":"Vortex","description":"A spiral galaxy of points fading from --primary at the core to --muted-foreground at the rim.","type":"registry:ui","source_url":"https://threecn.dev/r/vortex.json","install_command":"npx shadcn@latest add https://threecn.dev/r/vortex.json"},{"name":"aurora-ribbons","title":"AuroraRibbons","description":"Silky aurora ribbons drifting in slow sine waves, shaded with a --primary → --accent gradient.","type":"registry:ui","source_url":"https://threecn.dev/r/aurora-ribbons.json","install_command":"npx shadcn@latest add https://threecn.dev/r/aurora-ribbons.json"},{"name":"network-graph","title":"NetworkGraph","description":"A living plexus of drifting nodes that link up when close, fading from --primary to --muted-foreground.","type":"registry:ui","source_url":"https://threecn.dev/r/network-graph.json","install_command":"npx shadcn@latest add https://threecn.dev/r/network-graph.json"},{"name":"metaballs","title":"Metaballs","description":"Liquid metaballs that merge and split as they orbit each other, tinted with --primary.","type":"registry:ui","source_url":"https://threecn.dev/r/metaballs.json","install_command":"npx shadcn@latest add https://threecn.dev/r/metaballs.json"},{"name":"cube-wave","title":"CubeWave","description":"A grid of instanced cubes riding a radial wave, blending --accent troughs into --primary crests.","type":"registry:ui","source_url":"https://threecn.dev/r/cube-wave.json","install_command":"npx shadcn@latest add https://threecn.dev/r/cube-wave.json"},{"name":"iso-city","title":"IsoCity","description":"A procedural isometric skyline rotating under fog, with a few towers pulsing in --primary.","type":"registry:ui","source_url":"https://threecn.dev/r/iso-city.json","install_command":"npx shadcn@latest add https://threecn.dev/r/iso-city.json"},{"name":"warp-tunnel","title":"WarpTunnel","description":"Hyperspace star streaks racing past the camera, from --foreground heads to --primary tails.","type":"registry:ui","source_url":"https://threecn.dev/r/warp-tunnel.json","install_command":"npx shadcn@latest add https://threecn.dev/r/warp-tunnel.json"},{"name":"phyllotaxis","title":"Phyllotaxis","description":"A sunflower-style bloom of instanced petals placed by the golden angle, breathing from --primary at the core to --accent at the rim.","type":"registry:ui","source_url":"https://threecn.dev/r/phyllotaxis.json","install_command":"npx shadcn@latest add https://threecn.dev/r/phyllotaxis.json"},{"name":"strange-attractor","title":"StrangeAttractor","description":"The Aizawa attractor integrated live into one glowing orbit that never repeats, colored --primary to --accent with a sweeping head.","type":"registry:ui","source_url":"https://threecn.dev/r/strange-attractor.json","install_command":"npx shadcn@latest add https://threecn.dev/r/strange-attractor.json"},{"name":"curl-flow","title":"CurlFlow","description":"Particles advected through a divergence-free curl-noise field into silky filaments, tinted --accent to --primary by height.","type":"registry:ui","source_url":"https://threecn.dev/r/curl-flow.json","install_command":"npx shadcn@latest add https://threecn.dev/r/curl-flow.json"},{"name":"cloth","title":"Cloth","description":"A real spring-mass cloth (Verlet) hanging from its top edge and rippling under procedural wind, with the theme woven --primary to --accent.","type":"registry:ui","source_url":"https://threecn.dev/r/cloth.json","install_command":"npx shadcn@latest add https://threecn.dev/r/cloth.json"},{"name":"boids","title":"Boids","description":"A living flock steering by separation, alignment and cohesion; each agent tints --accent when slow to --primary at full speed.","type":"registry:ui","source_url":"https://threecn.dev/r/boids.json","install_command":"npx shadcn@latest add https://threecn.dev/r/boids.json"},{"name":"voronoi-shatter","title":"VoronoiShatter","description":"A sphere fractured into Voronoi shards that drift apart and snap back together, each facet shading --accent to --primary by height.","type":"registry:ui","source_url":"https://threecn.dev/r/voronoi-shatter.json","install_command":"npx shadcn@latest add https://threecn.dev/r/voronoi-shatter.json"},{"name":"tesseract","title":"Tesseract","description":"A 4D hypercube in double rotation projected into 3D — the inner cell endlessly swells through the outer, struts shading --accent to --primary by 4D depth.","type":"registry:ui","source_url":"https://threecn.dev/r/tesseract.json","install_command":"npx shadcn@latest add https://threecn.dev/r/tesseract.json"},{"name":"pendulum-wave","title":"PendulumWave","description":"A row of pendulums with stepped periods drifting into snakes, arches and chaos before snapping back in phase, bobs tinted --accent to --primary across the swin…","type":"registry:ui","source_url":"https://threecn.dev/r/pendulum-wave.json","install_command":"npx shadcn@latest add https://threecn.dev/r/pendulum-wave.json"},{"name":"pitch-momentum","title":"PitchMomentum","description":"A soccer pitch of dots where two rival particle mountains surge and clash as momentum swings, crests whitening where the fronts collide.","type":"registry:ui","source_url":"https://threecn.dev/r/pitch-momentum.json","install_command":"npx shadcn@latest add https://threecn.dev/r/pitch-momentum.json"},{"name":"world-cup","title":"WorldCup","description":"The World Cup trophy modeled procedurally: two sculpted figures with raised arms lift a continent-embossed globe above a green-banded base, turning under studi…","type":"registry:ui","source_url":"https://threecn.dev/r/world-cup.json","install_command":"npx shadcn@latest add https://threecn.dev/r/world-cup.json"}]},{"id":"tile-ui","name":"@tile-ui","slug":"tile-ui","description":"A lightweight React component library built around a shared SCSS design system and distributed as editable source through the shadcn CLI.","author":"zmide","framework":"react","license":"MIT","tags":["auth","buttons","cards","charts","dashboard","design-system","forms","hooks","loaders","media","navigation","overlays","pro-available","tables","theming"],"categories":["Charts/data viz"],"labels":["pro","recently-updated"],"urls":{"website":"https://github.com/zmide/tile-ui","github":"https://github.com/zmide/tile-ui","registry":"https://react.tileui.zmorg.cn/r/registry.json","source":"https://react.tileui.zmorg.cn/r/registry.json","page":"https://sh4dcn.netlify.app/registry/tile-ui","markdown":"https://sh4dcn.netlify.app/md/tile-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect x='3' y='3' width='11' height='11' rx='2' fill='var(--foreground)'/><rect x='18' y='3' width='11' height='11' rx='2' fill='var(--foreground)'/><rect x='3' y='18' width='11' height='11' rx='2' fill='var(--foreground)'/><rect x='18' y='18' width='11' height='11' rx='2' stroke='var(--foreground)' stroke-width='2'/></svg>","preview_image":"https://opengraph.githubassets.com/1ef87964d1a0ecbbf1d90dc12e65899c18f46140f0bd37b8f5602330729dbbd7/zmide/tile-ui","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://github.com/enterprise/premium-support"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-17T16:20:06Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://react.tileui.zmorg.cn/r/registry.json","install_bun":"bunx shadcn@latest add https://react.tileui.zmorg.cn/r/registry.json","clone":"git clone https://github.com/zmide/tile-ui.git","clone_degit":"npx degit zmide/tile-ui","registry_fetch":"curl -s https://react.tileui.zmorg.cn/r/registry.json"},"component_count":72,"components":[{"name":"liveline-core","title":"Liveline Core","description":"Framework-independent canvas engine, drawing, and math modules for Liveline.","type":"registry:lib","source_url":"https://react.tileui.zmorg.cn/r/liveline-core.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/liveline-core.json"},{"name":"core","title":"Core","description":"Registry runtime helpers for React Tile UI items.","type":"registry:lib","source_url":"https://react.tileui.zmorg.cn/r/core.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/core.json"},{"name":"utils","title":"Utils","description":"Shared utility helpers for Tile UI registries.","type":"registry:lib","source_url":"https://react.tileui.zmorg.cn/r/utils.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/utils.json"},{"name":"portal","title":"Portal","description":"Shared portal container provider and hook for React Tile UI overlays.","type":"registry:lib","source_url":"https://react.tileui.zmorg.cn/r/portal.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/portal.json"},{"name":"styles","title":"Styles","description":"Tile UI runtime extensions and shared Sass dependencies.","type":"registry:style","source_url":"https://react.tileui.zmorg.cn/r/styles.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/styles.json"},{"name":"theme-default","title":"Default Theme","description":"Optional Tile UI default palette and runtime token theme.","type":"registry:theme","source_url":"https://react.tileui.zmorg.cn/r/theme-default.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/theme-default.json"},{"name":"theme-kumo","title":"Kumo Theme","description":"Optional Kumo light and dark theme. Import the copied Sass entry explicitly to opt in.","type":"registry:theme","source_url":"https://react.tileui.zmorg.cn/r/theme-kumo.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/theme-kumo.json"},{"name":"use-copy-to-clipboard","title":"useCopyToClipboard","description":"React hook for clipboard copy interactions.","type":"registry:hook","source_url":"https://react.tileui.zmorg.cn/r/use-copy-to-clipboard.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/use-copy-to-clipboard.json"},{"name":"use-media-query","title":"useMediaQuery","description":"React hook for viewport and media query state.","type":"registry:hook","source_url":"https://react.tileui.zmorg.cn/r/use-media-query.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/use-media-query.json"},{"name":"use-local-storage","title":"useLocalStorage","description":"React hook for local and session storage state.","type":"registry:hook","source_url":"https://react.tileui.zmorg.cn/r/use-local-storage.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/use-local-storage.json"},{"name":"button","title":"Button","description":"Multi-variant React button component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/button.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/button.json"},{"name":"input","title":"Input","description":"Accessible React input component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/input.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/input.json"},{"name":"textarea","title":"Textarea","description":"Accessible React textarea component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/textarea.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/textarea.json"},{"name":"label","title":"Label","description":"React label primitive for Tile UI forms.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/label.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/label.json"},{"name":"card","title":"Card","description":"Composable React card primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/card.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/card.json"},{"name":"badge","title":"Badge","description":"Multi-variant React badge component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/badge.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/badge.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder React component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/skeleton.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/skeleton.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key display primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/kbd.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/kbd.json"},{"name":"separator","title":"Separator","description":"Horizontal or vertical divider component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/separator.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/separator.json"},{"name":"table","title":"Table","description":"Composable React table primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/table.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/table.json"},{"name":"progress","title":"Progress","description":"Progress bar component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/progress.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/progress.json"},{"name":"avatar","title":"Avatar","description":"User avatar primitives with image fallback for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/avatar.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/avatar.json"},{"name":"switch","title":"Switch","description":"Accessible toggle switch component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/switch.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/switch.json"},{"name":"checkbox","title":"Checkbox","description":"Accessible checkbox with indeterminate state for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/checkbox.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/checkbox.json"},{"name":"collapsible","title":"Collapsible","description":"Accessible collapsible content component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/collapsible.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/collapsible.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation breadcrumb primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/breadcrumb.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Navigation pagination primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/pagination.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/pagination.json"},{"name":"alert","title":"Alert","description":"Alert banner primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/alert.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/alert.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Fixed-ratio content container for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/aspect-ratio.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/spinner.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/spinner.json"},{"name":"empty","title":"Empty","description":"Empty state primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/empty.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/empty.json"},{"name":"marker","title":"Marker","description":"Status marker component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/marker.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/marker.json"},{"name":"item","title":"Item","description":"Composable list item primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/item.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/item.json"},{"name":"button-group","title":"Button Group","description":"Grouped button container for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/button-group.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/button-group.json"},{"name":"input-group","title":"Input Group","description":"Composable input group primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/input-group.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/input-group.json"},{"name":"native-select","title":"Native Select","description":"Native select with custom chevron for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/native-select.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/native-select.json"},{"name":"field","title":"Field","description":"Field label/description/message wrapper for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/field.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/field.json"},{"name":"toggle","title":"Toggle","description":"Toggle button with pressed state for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/toggle.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Grouped toggle buttons for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/toggle-group.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/toggle-group.json"},{"name":"tabs","title":"Tabs","description":"Tabs navigation primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/tabs.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Collapsible accordion for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/accordion.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/accordion.json"},{"name":"radio-group","title":"Radio Group","description":"Radio group selection for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/radio-group.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/radio-group.json"},{"name":"slider","title":"Slider","description":"Slider control for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/slider.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/slider.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom scroll area for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/scroll-area.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/scroll-area.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip overlay for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/tooltip.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/tooltip.json"},{"name":"popover","title":"Popover","description":"Popover overlay for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/popover.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/popover.json"},{"name":"hover-card","title":"Hover Card","description":"Hover card overlay for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/hover-card.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/hover-card.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/dialog.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Alert dialog for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/alert-dialog.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/alert-dialog.json"},{"name":"sheet","title":"Sheet","description":"Side sheet overlay for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/sheet.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/sheet.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Dropdown menu with checkbox and radio items for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/dropdown-menu.json"},{"name":"context-menu","title":"Context Menu","description":"Right-click context menu for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/context-menu.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/context-menu.json"},{"name":"menubar","title":"Menubar","description":"Horizontal menu bar for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/menubar.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/menubar.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Navigation menu with viewport for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/navigation-menu.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/navigation-menu.json"},{"name":"select","title":"Select","description":"Custom select dropdown for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/select.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/select.json"},{"name":"combobox","title":"Combobox","description":"Searchable combobox for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/combobox.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/combobox.json"},{"name":"command","title":"Command","description":"Command palette primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/command.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/command.json"},{"name":"chart","title":"Chart","description":"Chart primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/chart.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/chart.json"},{"name":"calendar","title":"Calendar","description":"Calendar component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/calendar.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/calendar.json"},{"name":"drawer","title":"Drawer","description":"Drawer overlay for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/drawer.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/drawer.json"},{"name":"form","title":"Form","description":"Form primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/form.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/form.json"},{"name":"sidebar","title":"Sidebar","description":"Sidebar layout for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/sidebar.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/sidebar.json"},{"name":"carousel","title":"Carousel","description":"Carousel component for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/carousel.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/carousel.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel group for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/resizable.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/resizable.json"},{"name":"attachment","title":"Attachment","description":"Attachment primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/attachment.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/attachment.json"},{"name":"bubble","title":"Bubble","description":"Bubble chat primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/bubble.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/bubble.json"},{"name":"direction","title":"Direction","description":"Direction provider for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/direction.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/direction.json"},{"name":"message","title":"Message","description":"Message primitives for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/message.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/message.json"},{"name":"message-scroller","title":"Message Scroller","description":"Message scroller for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/message-scroller.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/message-scroller.json"},{"name":"sonner","title":"Sonner","description":"Toast notifications for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/sonner.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/sonner.json"},{"name":"input-otp","title":"Input OTP","description":"One-time password input for Tile UI.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/input-otp.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/input-otp.json"},{"name":"liveline","title":"Liveline","description":"Real-time React canvas chart with line, multi-series, candlestick, and market-data modes.","type":"registry:ui","source_url":"https://react.tileui.zmorg.cn/r/liveline.json","install_command":"npx shadcn@latest add https://react.tileui.zmorg.cn/r/liveline.json"}]},{"id":"vllnt-ui","name":"@vllnt-ui","slug":"vllnt-ui","description":"VLLNT UI — agent-first React components for AI-native products, from UI primitives to finance and ops domains. Accessible, Radix + Tailwind, you own the code.","author":"vllnt","framework":"react","license":"MIT","tags":["3d","accessibility","ai","animation","blocks","buttons","cards","charts","cms","dashboard","design-system","forms","glassmorphism","hooks","loaders","maps","marketing","media","navigation","overlays","tables"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://ui.vllnt.com","github":"https://github.com/vllnt/ui","registry":"https://ui.vllnt.com/r/registry.json","source":"https://ui.vllnt.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/vllnt-ui","markdown":"https://sh4dcn.netlify.app/md/vllnt-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'><rect width='128' height='128' rx='28' fill='var(--foreground)'/><text x='64' y='64' text-anchor='middle' dominant-baseline='central' font-family='ui-sans-serif, system-ui, sans-serif' font-size='26' font-weight='700' letter-spacing='-1' fill='var(--background)'>VLLNT</text></svg>","preview_image":"https://ui.vllnt.com/api/og?title=VLLNT+UI+%E2%80%94+UI+components+%26+design+system+for+AI+agents&amp;type=home&amp;description=Open-source+React+components+for+building+AI+apps%3A+chat%2C+streaming+text%2C+tool+calls%2C+citations%2C+agent+activity%2C+and+artifacts.+313+accessible+components%2C+readable+by+AI+agents+via+llms.txt+%2B+JSON.+Install+with+the+shadcn+CLI.+v0.3.0%2C+MIT.","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":9,"open_issues":14,"last_commit":"2026-10-22T23:18:32Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ui.vllnt.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ui.vllnt.com/r/registry.json","install_bun":"bunx shadcn@latest add https://ui.vllnt.com/r/registry.json","clone":"git clone https://github.com/vllnt/ui.git","clone_degit":"npx degit vllnt/ui","registry_fetch":"curl -s https://ui.vllnt.com/r/registry.json"},"component_count":250,"components":[{"name":"accordion","title":"Accordion","description":"Collapsible content sections supporting single or multiple open items.","type":"registry:component","source_url":"https://ui.vllnt.com/r/accordion.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/accordion.json"},{"name":"activity-heatmap","title":"Activity Heatmap","description":"Contribution-style grid for visualizing operational activity over time.","type":"registry:component","source_url":"https://ui.vllnt.com/r/activity-heatmap.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/activity-heatmap.json"},{"name":"activity-log","title":"Activity Log","description":"Paginated activity feed for audit history and analytics changes.","type":"registry:component","source_url":"https://ui.vllnt.com/r/activity-log.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/activity-log.json"},{"name":"agent-activity","title":"Agent Activity","description":"Visual display of an AI agent's execution chain — steps, tools, decisions, progress.","type":"registry:component","source_url":"https://ui.vllnt.com/r/agent-activity.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/agent-activity.json"},{"name":"ai-artifact","title":"AI Artifact","description":"Rendered output area for AI-generated content with toolbar, copy/edit/download/fullscreen actions, and version chips.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-artifact.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-artifact.json"},{"name":"ai-chat-input","title":"AI Chat Input","description":"Prompt composer for conversational interfaces with helper text, toolbar actions, and submit states.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-chat-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-chat-input.json"},{"name":"ai-message-bubble","title":"AI Message Bubble","description":"Chat bubble for assistant, user, tool, and system messages using the current design system surfaces.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-message-bubble.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-message-bubble.json"},{"name":"ai-sidebar","title":"AI Sidebar","description":"Slide-out AI assistant panel with provider, header / content / footer slots, and a standalone trigger.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-sidebar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-sidebar.json"},{"name":"ai-source-citation","title":"AI Source Citation","description":"Compact source reference card for AI answers with a title, origin label, and optional excerpt.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-source-citation.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-source-citation.json"},{"name":"ai-streaming-text","title":"AI Streaming Text","description":"Readable text block for partial assistant output with an optional live cursor while tokens stream in.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-streaming-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-streaming-text.json"},{"name":"ai-tool-call-display","title":"AI Tool Call Display","description":"Structured card for tool invocation traces, statuses, serialized input, and returned output.","type":"registry:component","source_url":"https://ui.vllnt.com/r/ai-tool-call-display.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/ai-tool-call-display.json"},{"name":"alert","title":"Alert","description":"Displays an alert message to the user.","type":"registry:component","source_url":"https://ui.vllnt.com/r/alert.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Modal dialog for confirming destructive or important actions.","type":"registry:component","source_url":"https://ui.vllnt.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/alert-dialog.json"},{"name":"alert-pulse","title":"Alert Pulse","description":"Pulsing ring overlay for alerting canvas objects, with severity tones.","type":"registry:component","source_url":"https://ui.vllnt.com/r/alert-pulse.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/alert-pulse.json"},{"name":"anchor-port","title":"Anchor Port","description":"Port marker for object inputs, outputs, and bidirectional links on the canvas.","type":"registry:component","source_url":"https://ui.vllnt.com/r/anchor-port.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/anchor-port.json"},{"name":"animated-beam","title":"Animated Beam","description":"Animated gradient beam that connects two elements with a flowing light path.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-beam.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-beam.json"},{"name":"animated-grid-pattern","title":"Animated Grid Pattern","description":"Decorative grid background with squares that fade in and out at random.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-grid-pattern.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-grid-pattern.json"},{"name":"animated-list","title":"Animated List","description":"List whose items animate in sequentially with a staggered entrance.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-list.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-list.json"},{"name":"animated-tabs","title":"Animated Tabs","description":"Tabs with a sliding indicator that animates to the active item.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-tabs.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-tabs.json"},{"name":"animated-testimonials","title":"Animated Testimonials","description":"Testimonial carousel with animated transitions between quotes.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-testimonials.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-testimonials.json"},{"name":"animated-text","title":"Animated Text","description":"Staggered text reveal for headings, pull quotes, and short supporting copy.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-text.json"},{"name":"animated-tooltip","title":"Animated Tooltip","description":"Tooltip that animates in on hover or focus with a scale-and-fade.","type":"registry:component","source_url":"https://ui.vllnt.com/r/animated-tooltip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/animated-tooltip.json"},{"name":"annotation","title":"Annotation","description":"Inline highlight with an attached contextual note.","type":"registry:component","source_url":"https://ui.vllnt.com/r/annotation.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/annotation.json"},{"name":"area-chart","title":"Area Chart","description":"Renders an area chart for data visualization.","type":"registry:component","source_url":"https://ui.vllnt.com/r/area-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/area-chart.json"},{"name":"aspect-ratio","title":"Aspect Ratio","description":"Constrains content to a specified aspect ratio.","type":"registry:component","source_url":"https://ui.vllnt.com/r/aspect-ratio.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/aspect-ratio.json"},{"name":"auto-reload","title":"Auto Reload","description":"Toggle + collapsible threshold/amount form for automatic credit reloading with locale-aware currency.","type":"registry:component","source_url":"https://ui.vllnt.com/r/auto-reload.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/auto-reload.json"},{"name":"avatar","title":"Avatar","description":"Displays a user avatar image with fallback initials.","type":"registry:component","source_url":"https://ui.vllnt.com/r/avatar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/avatar.json"},{"name":"avatar-group","title":"Avatar Group","description":"Overlapping avatar stack for participants, assignees, and collaborative contexts.","type":"registry:component","source_url":"https://ui.vllnt.com/r/avatar-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/avatar-group.json"},{"name":"badge","title":"Badge","description":"Small status label with variant styles.","type":"registry:component","source_url":"https://ui.vllnt.com/r/badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/badge.json"},{"name":"banner","title":"Banner","description":"Full-width announcement bar with variants, dismissal, and an optional action slot.","type":"registry:component","source_url":"https://ui.vllnt.com/r/banner.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/banner.json"},{"name":"bar-chart","title":"Bar Chart","description":"Renders a bar chart for data visualization.","type":"registry:component","source_url":"https://ui.vllnt.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bar-chart.json"},{"name":"bento-grid","title":"Bento Grid","description":"Responsive bento-style grid layout with feature cards.","type":"registry:component","source_url":"https://ui.vllnt.com/r/bento-grid.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bento-grid.json"},{"name":"blog-card","title":"Blog Card","description":"Card layout for displaying blog post previews.","type":"registry:component","source_url":"https://ui.vllnt.com/r/blog-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/blog-card.json"},{"name":"blur-reveal","title":"Blur Reveal","description":"Reveals content with a blur-to-sharp transition when it scrolls into view.","type":"registry:component","source_url":"https://ui.vllnt.com/r/blur-reveal.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/blur-reveal.json"},{"name":"border-beam","title":"Border Beam","description":"Animated accent beam that travels around the border of a highlighted surface.","type":"registry:component","source_url":"https://ui.vllnt.com/r/border-beam.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/border-beam.json"},{"name":"bottom-activity-strip","title":"Bottom Activity Strip","description":"Slim horizontally-scrolling row of recent canvas events for low-noise live activity.","type":"registry:component","source_url":"https://ui.vllnt.com/r/bottom-activity-strip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bottom-activity-strip.json"},{"name":"bottom-bar","title":"Bottom Bar","description":"Slim chrome strip pinned to the bottom of a canvas shell as a calm host for activity strips, status pills, and ambient indicators.","type":"registry:component","source_url":"https://ui.vllnt.com/r/bottom-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/bottom-bar.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Navigation breadcrumb trail showing the current page hierarchy.","type":"registry:component","source_url":"https://ui.vllnt.com/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Interactive button with multiple variants and sizes.","type":"registry:component","source_url":"https://ui.vllnt.com/r/button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/button.json"},{"name":"button-group","title":"Button Group","description":"Visually connected group of buttons that share borders.","type":"registry:component","source_url":"https://ui.vllnt.com/r/button-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/button-group.json"},{"name":"calendar","title":"Calendar","description":"Date picker calendar for selecting dates.","type":"registry:component","source_url":"https://ui.vllnt.com/r/calendar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/calendar.json"},{"name":"callout","title":"Callout","description":"Highlighted content block with variant styles for info, warning, danger, and more.","type":"registry:component","source_url":"https://ui.vllnt.com/r/callout.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/callout.json"},{"name":"candlestick-chart","title":"Candlestick Chart","description":"OHLC financial chart for session-by-session price action.","type":"registry:component","source_url":"https://ui.vllnt.com/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/candlestick-chart.json"},{"name":"canvas-shell","title":"Canvas Shell","description":"Layout shell for canvas workspaces with top bar, left rail, right dock, and bottom slot regions.","type":"registry:component","source_url":"https://ui.vllnt.com/r/canvas-shell.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/canvas-shell.json"},{"name":"canvas-view","title":"Canvas View","description":"Interactive pan-and-zoom viewport for spatial surfaces with keyboard, wheel, and overlay support.","type":"registry:component","source_url":"https://ui.vllnt.com/r/canvas-view.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/canvas-view.json"},{"name":"card","title":"Card","description":"Container with header, content, and footer sections.","type":"registry:component","source_url":"https://ui.vllnt.com/r/card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/card.json"},{"name":"card-flip","title":"Card Flip","description":"Card that flips in 3D between a front and back face.","type":"registry:component","source_url":"https://ui.vllnt.com/r/card-flip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/card-flip.json"},{"name":"carousel","title":"Carousel","description":"Scrollable content carousel with navigation controls.","type":"registry:component","source_url":"https://ui.vllnt.com/r/carousel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/carousel.json"},{"name":"category-filter","title":"Category Filter","description":"Filterable category selection for content lists.","type":"registry:component","source_url":"https://ui.vllnt.com/r/category-filter.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/category-filter.json"},{"name":"chain-of-thought","title":"Chain of Thought","description":"Ordered, status-aware visualization of a model's chain of thought with per-step state.","type":"registry:component","source_url":"https://ui.vllnt.com/r/chain-of-thought.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/chain-of-thought.json"},{"name":"chat-dock-section","title":"Chat Dock Section","description":"Sidebar section that hosts a compact, scrollable chat thread alongside a spatial workspace — slotted into a dock or rail to keep an AI assistant in view.","type":"registry:component","source_url":"https://ui.vllnt.com/r/chat-dock-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/chat-dock-section.json"},{"name":"checkbox","title":"Checkbox","description":"Toggle control for boolean input.","type":"registry:component","source_url":"https://ui.vllnt.com/r/checkbox.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Group of related checkboxes backed by an array of selected values.","type":"registry:component","source_url":"https://ui.vllnt.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/checkbox-group.json"},{"name":"checklist","title":"Checklist","description":"Interactive checklist with progress tracking and toggleable items.","type":"registry:component","source_url":"https://ui.vllnt.com/r/checklist.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/checklist.json"},{"name":"choropleth-map","title":"Choropleth Map","description":"Standalone SVG choropleth — region polygons shaded by data value with tooltip, legend, and accessible data-table fallback.","type":"registry:component","source_url":"https://ui.vllnt.com/r/choropleth-map.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/choropleth-map.json"},{"name":"chronological-timeline","title":"Chronological Timeline","description":"Media-rich, scroll-driven chronological timeline with alternating cards, image/video/audio media, and a progress strip.","type":"registry:component","source_url":"https://ui.vllnt.com/r/chronological-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/chronological-timeline.json"},{"name":"civilization-card","title":"Civilization Card","description":"Civilization overview with hero band, BCE/CE era timeline, key stats, achievements, and notable leaders.","type":"registry:component","source_url":"https://ui.vllnt.com/r/civilization-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/civilization-card.json"},{"name":"code-block","title":"Code Block","description":"Syntax-highlighted code display with copy support.","type":"registry:component","source_url":"https://ui.vllnt.com/r/code-block.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/code-block.json"},{"name":"code-playground","title":"Code Playground","description":"Interactive code editor with live preview.","type":"registry:component","source_url":"https://ui.vllnt.com/r/code-playground.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/code-playground.json"},{"name":"collapsible","title":"Collapsible","description":"Expandable and collapsible content section.","type":"registry:component","source_url":"https://ui.vllnt.com/r/collapsible.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/collapsible.json"},{"name":"color-picker","title":"Color Picker","description":"Popover color picker with swatches, a hue slider, and a hex input.","type":"registry:component","source_url":"https://ui.vllnt.com/r/color-picker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/color-picker.json"},{"name":"combobox","title":"Combobox","description":"Searchable select input for choosing from a list of options.","type":"registry:component","source_url":"https://ui.vllnt.com/r/combobox.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/combobox.json"},{"name":"command","title":"Command","description":"Command palette with search, groups, and keyboard navigation.","type":"registry:component","source_url":"https://ui.vllnt.com/r/command.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/command.json"},{"name":"comment-pin","title":"Comment Pin","description":"Anchored discussion pin rendered at canvas coordinates with author + unread badge.","type":"registry:component","source_url":"https://ui.vllnt.com/r/comment-pin.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/comment-pin.json"},{"name":"comparison","title":"Comparison","description":"Side-by-side comparison layout for content or features.","type":"registry:component","source_url":"https://ui.vllnt.com/r/comparison.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/comparison.json"},{"name":"completion-dialog","title":"Completion Dialog","description":"Dialog displayed upon completing a task or workflow.","type":"registry:component","source_url":"https://ui.vllnt.com/r/completion-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/completion-dialog.json"},{"name":"connector-edge","title":"Connector Edge","description":"Curved edge between canvas objects with optional inline label state.","type":"registry:component","source_url":"https://ui.vllnt.com/r/connector-edge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/connector-edge.json"},{"name":"content-intro","title":"Content Intro","description":"Introductory section for content pages with title and description.","type":"registry:component","source_url":"https://ui.vllnt.com/r/content-intro.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/content-intro.json"},{"name":"context-lens","title":"Context Lens","description":"Vignette overlay that dims the canvas outside a circular focus region.","type":"registry:component","source_url":"https://ui.vllnt.com/r/context-lens.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/context-lens.json"},{"name":"context-menu","title":"Context Menu","description":"Right-click context menu with items and submenus.","type":"registry:component","source_url":"https://ui.vllnt.com/r/context-menu.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/context-menu.json"},{"name":"contribution-graph","title":"Contribution Graph","description":"GitHub-style heatmap of daily activity over time.","type":"registry:component","source_url":"https://ui.vllnt.com/r/contribution-graph.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/contribution-graph.json"},{"name":"conversation-thread","title":"Conversation Thread","description":"Compound component family for AI chat UIs that orchestrates auto-scroll, streaming indicators, empty states, and message rendering.","type":"registry:component","source_url":"https://ui.vllnt.com/r/conversation-thread.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/conversation-thread.json"},{"name":"cookie-consent","title":"Cookie Consent","description":"Dismissible cookie-consent banner with positional variants and accept / reject actions for privacy compliance.","type":"registry:component","source_url":"https://ui.vllnt.com/r/cookie-consent.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/cookie-consent.json"},{"name":"copy-button","title":"Copy Button","description":"Click-to-copy utility with confirmation feedback and a useCopyToClipboard hook.","type":"registry:component","source_url":"https://ui.vllnt.com/r/copy-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/copy-button.json"},{"name":"countdown-timer","title":"Countdown Timer","description":"Countdown and SLA timer for deadlines, escalations, and response windows.","type":"registry:component","source_url":"https://ui.vllnt.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/countdown-timer.json"},{"name":"credit-badge","title":"Credit Badge","description":"Balance status pill for credits, wallet states, and billing health.","type":"registry:component","source_url":"https://ui.vllnt.com/r/credit-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/credit-badge.json"},{"name":"curriculum","title":"Curriculum","description":"Course-layout container for a sequence of lessons or modules with title, progress, optional intro, and a stack of lesson rows.","type":"registry:component","source_url":"https://ui.vllnt.com/r/curriculum.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/curriculum.json"},{"name":"cursor","title":"Cursor","description":"Custom cursor follower that trails the pointer.","type":"registry:component","source_url":"https://ui.vllnt.com/r/cursor.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/cursor.json"},{"name":"data-list","title":"Data List","description":"Semantic key-value metadata layout for displaying labels with values.","type":"registry:component","source_url":"https://ui.vllnt.com/r/data-list.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/data-list.json"},{"name":"data-table","title":"Data Table","description":"Enhanced data table with sorting, filtering, selection, and pagination controls.","type":"registry:component","source_url":"https://ui.vllnt.com/r/data-table.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/data-table.json"},{"name":"date-field","title":"Date Field","description":"Native date input styled to match the design system.","type":"registry:component","source_url":"https://ui.vllnt.com/r/date-field.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/date-field.json"},{"name":"date-picker","title":"Date Picker","description":"Single-date picker built with the shared calendar and popover primitives.","type":"registry:component","source_url":"https://ui.vllnt.com/r/date-picker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/date-picker.json"},{"name":"date-range-picker","title":"Date Range Picker","description":"Popover calendar for selecting a start and end date.","type":"registry:component","source_url":"https://ui.vllnt.com/r/date-range-picker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/date-range-picker.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog overlay for focused content and actions.","type":"registry:component","source_url":"https://ui.vllnt.com/r/dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dialog.json"},{"name":"display","title":"Display","description":"Oversized hero/display text driven by the display tokens, with an optional reduced-motion-safe reveal.","type":"registry:component","source_url":"https://ui.vllnt.com/r/display.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/display.json"},{"name":"dock","title":"Dock","description":"macOS-style dock whose icons magnify near the pointer.","type":"registry:component","source_url":"https://ui.vllnt.com/r/dock.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dock.json"},{"name":"document-sibling-nav","title":"Document Sibling Nav","description":"Newer/older navigator: links to the previous and next item in an ordered series.","type":"registry:component","source_url":"https://ui.vllnt.com/r/document-sibling-nav.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/document-sibling-nav.json"},{"name":"dot-pattern","title":"Dot Pattern","description":"Decorative dotted background pattern built from token colors.","type":"registry:component","source_url":"https://ui.vllnt.com/r/dot-pattern.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dot-pattern.json"},{"name":"drawer","title":"Drawer","description":"Slide-out panel anchored to the screen edge.","type":"registry:component","source_url":"https://ui.vllnt.com/r/drawer.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/drawer.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Accessible dropdown menu with items, checkboxes, radio groups, and submenus.","type":"registry:component","source_url":"https://ui.vllnt.com/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/dropdown-menu.json"},{"name":"edge-label","title":"Edge Label","description":"Inline edge label for relationship semantics such as streams, handoffs, or policies.","type":"registry:component","source_url":"https://ui.vllnt.com/r/edge-label.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/edge-label.json"},{"name":"empty-state","title":"Empty State","description":"Centered placeholder for empty lists, tables, and search results with sm/md/lg sizes.","type":"registry:component","source_url":"https://ui.vllnt.com/r/empty-state.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/empty-state.json"},{"name":"era-comparison","title":"Era Comparison","description":"Side-by-side comparison of historical eras with domain rows, color-themed columns, highlights, and figure chips.","type":"registry:component","source_url":"https://ui.vllnt.com/r/era-comparison.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/era-comparison.json"},{"name":"exercise","title":"Exercise","description":"Interactive exercise block for learning content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/exercise.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/exercise.json"},{"name":"expandable-cards","title":"Expandable Cards","description":"Cards that expand on click to reveal additional content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/expandable-cards.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/expandable-cards.json"},{"name":"faq","title":"FAQ","description":"Frequently asked questions section with expandable answers.","type":"registry:component","source_url":"https://ui.vllnt.com/r/faq.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/faq.json"},{"name":"field","title":"Field","description":"Layout wrapper pairing a label, control, description, and error message.","type":"registry:component","source_url":"https://ui.vllnt.com/r/field.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/field.json"},{"name":"fieldset","title":"Fieldset","description":"Groups related fields under a shared legend.","type":"registry:component","source_url":"https://ui.vllnt.com/r/fieldset.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/fieldset.json"},{"name":"file-upload","title":"File Upload","description":"Dropzone-style file picker with previews for selected files.","type":"registry:component","source_url":"https://ui.vllnt.com/r/file-upload.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/file-upload.json"},{"name":"filter-bar","title":"Filter Bar","description":"Horizontal bar with filter controls for content lists.","type":"registry:component","source_url":"https://ui.vllnt.com/r/filter-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/filter-bar.json"},{"name":"flashcard","title":"Flashcard","description":"Study card for active recall with prompt and answer states.","type":"registry:component","source_url":"https://ui.vllnt.com/r/flashcard.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/flashcard.json"},{"name":"floating-action-button","title":"Floating Action Button","description":"Fixed-position action button for primary actions.","type":"registry:component","source_url":"https://ui.vllnt.com/r/floating-action-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/floating-action-button.json"},{"name":"floating-navbar","title":"Floating Navbar","description":"Floating navigation bar that hides on scroll down and reveals on scroll up.","type":"registry:component","source_url":"https://ui.vllnt.com/r/floating-navbar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/floating-navbar.json"},{"name":"floating-toolbar","title":"Floating Toolbar","description":"Compact action bar that floats above a selection — primary / ghost / destructive variants.","type":"registry:component","source_url":"https://ui.vllnt.com/r/floating-toolbar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/floating-toolbar.json"},{"name":"flow-diagram","title":"Flow Diagram","description":"Interactive flow diagram with nodes, edges, and controls.","type":"registry:component","source_url":"https://ui.vllnt.com/r/flow-diagram.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/flow-diagram.json"},{"name":"follow-mode","title":"Follow Mode","description":"Follow-mode chrome — outlines a region with a participant's color and surfaces a stop-following chip.","type":"registry:component","source_url":"https://ui.vllnt.com/r/follow-mode.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/follow-mode.json"},{"name":"form","title":"Form","description":"Validation wrapper for composing labels, descriptions, controls, and messages.","type":"registry:component","source_url":"https://ui.vllnt.com/r/form.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/form.json"},{"name":"gantt-chart","title":"Gantt Chart","description":"Project timeline with task bars, progress overlays, milestones, and a today indicator across day/week/month/quarter scales.","type":"registry:component","source_url":"https://ui.vllnt.com/r/gantt-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/gantt-chart.json"},{"name":"gauge-chart","title":"Gauge Chart","description":"Semicircular gauge for a single value within a range.","type":"registry:component","source_url":"https://ui.vllnt.com/r/gauge-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/gauge-chart.json"},{"name":"geography-quiz-map","title":"Geography Quiz Map","description":"Interactive identify-mode map quiz — click the correct region per prompt with visual feedback, score, and results panel.","type":"registry:component","source_url":"https://ui.vllnt.com/r/geography-quiz-map.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/geography-quiz-map.json"},{"name":"glass-card","title":"Glass Card","description":"Frosted-glass card surface with backdrop blur and a translucent background.","type":"registry:component","source_url":"https://ui.vllnt.com/r/glass-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/glass-card.json"},{"name":"glass-panel","title":"Glass Panel","description":"Frosted-glass surface for floating chrome above a canvas — dock panels, hovering toolbars, and transient overlays — with a translucent background and soft bord…","type":"registry:component","source_url":"https://ui.vllnt.com/r/glass-panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/glass-panel.json"},{"name":"glass-progress","title":"Glass Progress","description":"Glass-styled progress bar with a translucent track and token-colored fill.","type":"registry:component","source_url":"https://ui.vllnt.com/r/glass-progress.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/glass-progress.json"},{"name":"globe-3d","title":"Globe 3D","description":"Standalone SVG pseudo-3D globe — orthographic projection with auto-rotation, drag interaction, lat/lng markers, and great-circle arcs.","type":"registry:component","source_url":"https://ui.vllnt.com/r/globe-3d.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/globe-3d.json"},{"name":"grid","title":"Grid","description":"Responsive CSS grid layout primitive with breakpoint column and gap props.","type":"registry:component","source_url":"https://ui.vllnt.com/r/grid.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/grid.json"},{"name":"group-hull","title":"Group Hull","description":"Durable boundary wrapper for related runtime objects sharing context or ownership.","type":"registry:component","source_url":"https://ui.vllnt.com/r/group-hull.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/group-hull.json"},{"name":"handoff-beacon","title":"Handoff Beacon","description":"Attention-routing beacon with pulsing ring and optional source / message card for live canvases.","type":"registry:component","source_url":"https://ui.vllnt.com/r/handoff-beacon.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/handoff-beacon.json"},{"name":"heading","title":"Heading","description":"Semantic heading (h1–h6) with theme-overridable font-family, weight, and size design tokens.","type":"registry:component","source_url":"https://ui.vllnt.com/r/heading.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/heading.json"},{"name":"heat-map-overlay","title":"Heat Map Overlay","description":"Standalone SVG geographic heat map — radial-gradient blobs with configurable radius, blur, gradient, and opacity.","type":"registry:component","source_url":"https://ui.vllnt.com/r/heat-map-overlay.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/heat-map-overlay.json"},{"name":"heat-overlay","title":"Heat Overlay","description":"Heatmap-style overlay drawing soft radial blobs for canvas activity samples.","type":"registry:component","source_url":"https://ui.vllnt.com/r/heat-overlay.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/heat-overlay.json"},{"name":"historic-timeline","title":"Historic Timeline","description":"Specialized timeline for historical events spanning centuries or millennia, with era bands, period bars, and BCE/CE point markers.","type":"registry:component","source_url":"https://ui.vllnt.com/r/historic-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/historic-timeline.json"},{"name":"historical-figure-card","title":"Historical Figure Card","description":"Profile card with portrait, lifespan timeline, fields, works, quote, connections, and an expandable biography section.","type":"registry:component","source_url":"https://ui.vllnt.com/r/historical-figure-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/historical-figure-card.json"},{"name":"horizontal-scroll-row","title":"Horizontal Scroll Row","description":"Horizontal scroll container with snap scrolling, chevron navigation, and hidden scrollbar.","type":"registry:component","source_url":"https://ui.vllnt.com/r/horizontal-scroll-row.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/horizontal-scroll-row.json"},{"name":"hover-card","title":"Hover Card","description":"Card that appears on hover for previewing content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/hover-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/hover-card.json"},{"name":"infinite-plane","title":"Infinite Plane","description":"Tiled pannable backdrop for the canvas with dot or grid pattern that drifts with the viewport.","type":"registry:component","source_url":"https://ui.vllnt.com/r/infinite-plane.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/infinite-plane.json"},{"name":"inline-input","title":"Inline Input","description":"Inline text input with keyboard commit and cancel support.","type":"registry:component","source_url":"https://ui.vllnt.com/r/inline-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/inline-input.json"},{"name":"input","title":"Input","description":"Text input field for forms.","type":"registry:component","source_url":"https://ui.vllnt.com/r/input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/input.json"},{"name":"input-group","title":"Input Group","description":"Groups an input with leading or trailing addons.","type":"registry:component","source_url":"https://ui.vllnt.com/r/input-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"One-time password input with segmented fields.","type":"registry:component","source_url":"https://ui.vllnt.com/r/input-otp.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/input-otp.json"},{"name":"interactive-timeline","title":"Interactive Timeline","description":"Zoomable, pannable, multi-track timeline with category filter, today marker, and click-to-select events.","type":"registry:component","source_url":"https://ui.vllnt.com/r/interactive-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/interactive-timeline.json"},{"name":"item","title":"Item","description":"Flexible row layout with leading media, content, and trailing actions.","type":"registry:component","source_url":"https://ui.vllnt.com/r/item.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/item.json"},{"name":"jarvis-dock","title":"Jarvis Dock","description":"Floating bottom dock with quick-action buttons + a command-palette trigger.","type":"registry:component","source_url":"https://ui.vllnt.com/r/jarvis-dock.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/jarvis-dock.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key indicator with platform-aware modifier expansion via the shortcut prop.","type":"registry:component","source_url":"https://ui.vllnt.com/r/kbd.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/kbd.json"},{"name":"key-concept","title":"Key Concept","description":"Highlighted definition block for key terms and a glossary list.","type":"registry:component","source_url":"https://ui.vllnt.com/r/key-concept.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/key-concept.json"},{"name":"keyboard-shortcuts-help","title":"Keyboard Shortcuts Help","description":"Displays available keyboard shortcuts to the user.","type":"registry:component","source_url":"https://ui.vllnt.com/r/keyboard-shortcuts-help.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/keyboard-shortcuts-help.json"},{"name":"knowledge-check","title":"Knowledge Check","description":"Inline knowledge check with multiple-choice / true-false / fill-blank questions, per-answer feedback, and a final score summary.","type":"registry:component","source_url":"https://ui.vllnt.com/r/knowledge-check.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/knowledge-check.json"},{"name":"label","title":"Label","description":"Accessible form label that associates descriptive text with an input control.","type":"registry:component","source_url":"https://ui.vllnt.com/r/label.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/label.json"},{"name":"lang-provider","title":"Lang Provider","description":"Context provider for language and internationalization.","type":"registry:component","source_url":"https://ui.vllnt.com/r/lang-provider.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/lang-provider.json"},{"name":"learning-objectives","title":"Learning Objectives","description":"Lists learning goals for educational content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/learning-objectives.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/learning-objectives.json"},{"name":"left-rail","title":"Left Rail","description":"Compact vertical rail for canvas modes, tool actions, and secondary navigation controls.","type":"registry:component","source_url":"https://ui.vllnt.com/r/left-rail.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/left-rail.json"},{"name":"line-chart","title":"Line Chart","description":"Renders a line chart for data visualization.","type":"registry:component","source_url":"https://ui.vllnt.com/r/line-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/line-chart.json"},{"name":"link","title":"Link","description":"Styled anchor with emphasis variants and an external-link affordance.","type":"registry:component","source_url":"https://ui.vllnt.com/r/link.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/link.json"},{"name":"liquid-glass","title":"Liquid Glass","description":"Glass surface with an animated liquid gradient sheen.","type":"registry:component","source_url":"https://ui.vllnt.com/r/liquid-glass.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/liquid-glass.json"},{"name":"list-box","title":"List Box","description":"Accessible single- or multi-select list of options.","type":"registry:component","source_url":"https://ui.vllnt.com/r/list-box.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/list-box.json"},{"name":"live-cursor","title":"Live Cursor","description":"Remote user's cursor rendered at canvas coordinates with name + status chip.","type":"registry:component","source_url":"https://ui.vllnt.com/r/live-cursor.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/live-cursor.json"},{"name":"live-feed","title":"Live Feed","description":"Rolling activity stream for surfacing incidents, deploys, and operational signals in real time.","type":"registry:component","source_url":"https://ui.vllnt.com/r/live-feed.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/live-feed.json"},{"name":"magnetic","title":"Magnetic","description":"Wrapper that pulls its content toward the pointer for a magnetic effect.","type":"registry:component","source_url":"https://ui.vllnt.com/r/magnetic.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/magnetic.json"},{"name":"magnetic-button","title":"Magnetic Button","description":"Button that drifts toward the pointer for a magnetic hover effect.","type":"registry:component","source_url":"https://ui.vllnt.com/r/magnetic-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/magnetic-button.json"},{"name":"map-2d","title":"Map 2D","description":"Lightweight 2D map primitive — SVG canvas with equirectangular projection, markers, popups, GeoJSON polygon layers, zoom controls, and an optional backdrop ima…","type":"registry:component","source_url":"https://ui.vllnt.com/r/map-2d.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/map-2d.json"},{"name":"map-timeline","title":"Map Timeline","description":"Standalone SVG map + time slider — era polygons and year-pinned events appear as the user scrubs the timeline.","type":"registry:component","source_url":"https://ui.vllnt.com/r/map-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/map-timeline.json"},{"name":"market-treemap","title":"Market Treemap","description":"Sector-style market heatmap using weighted tiles and signed performance colors.","type":"registry:component","source_url":"https://ui.vllnt.com/r/market-treemap.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/market-treemap.json"},{"name":"marquee","title":"Marquee","description":"Continuously scrolling content lane for badges, logos, and status chips.","type":"registry:component","source_url":"https://ui.vllnt.com/r/marquee.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/marquee.json"},{"name":"mdx-content","title":"MDX Content","description":"Renders MDX content with component mapping.","type":"registry:component","source_url":"https://ui.vllnt.com/r/mdx-content.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/mdx-content.json"},{"name":"menubar","title":"Menubar","description":"Horizontal menu bar with dropdown menus.","type":"registry:component","source_url":"https://ui.vllnt.com/r/menubar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/menubar.json"},{"name":"meteors","title":"Meteors","description":"Decorative meteor shower of streaks falling across the background.","type":"registry:component","source_url":"https://ui.vllnt.com/r/meteors.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/meteors.json"},{"name":"meter","title":"Meter","description":"Static measurement bar (role=meter) for a known range, with optional segments.","type":"registry:component","source_url":"https://ui.vllnt.com/r/meter.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/meter.json"},{"name":"metric-cluster","title":"Metric Cluster","description":"Compact stack of related metrics pinned to a canvas object's corner.","type":"registry:component","source_url":"https://ui.vllnt.com/r/metric-cluster.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/metric-cluster.json"},{"name":"metric-gauge","title":"Metric Gauge","description":"Real-time arc and dial display for monitored percentages and utilization.","type":"registry:component","source_url":"https://ui.vllnt.com/r/metric-gauge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/metric-gauge.json"},{"name":"mini-map-panel","title":"Mini Map Panel","description":"Viewport overview panel showing canvas bounds, markers, and the current zoom window.","type":"registry:component","source_url":"https://ui.vllnt.com/r/mini-map-panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/mini-map-panel.json"},{"name":"model-comparison","title":"Model Comparison","description":"Side-by-side comparison of AI model responses with optional blind mode, metadata stats, and a vote bar.","type":"registry:component","source_url":"https://ui.vllnt.com/r/model-comparison.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/model-comparison.json"},{"name":"model-selector","title":"Model Selector","description":"Dropdown selector for choosing AI models.","type":"registry:component","source_url":"https://ui.vllnt.com/r/model-selector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/model-selector.json"},{"name":"multi-select","title":"Multi Select","description":"Popover-based multi-selection input with selected-value badges and optional search.","type":"registry:component","source_url":"https://ui.vllnt.com/r/multi-select.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/multi-select.json"},{"name":"multi-select-lasso","title":"Multi Select Lasso","description":"Selection rectangle overlay for canvas multi-select gestures.","type":"registry:component","source_url":"https://ui.vllnt.com/r/multi-select-lasso.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/multi-select-lasso.json"},{"name":"native-select","title":"Native Select","description":"Styled wrapper around the native select element.","type":"registry:component","source_url":"https://ui.vllnt.com/r/native-select.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/native-select.json"},{"name":"navbar-saas","title":"Navbar SaaS","description":"SaaS-style navigation bar with branding and links.","type":"registry:component","source_url":"https://ui.vllnt.com/r/navbar-saas.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/navbar-saas.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Accessible navigation menu with links and sub-navigation.","type":"registry:component","source_url":"https://ui.vllnt.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/navigation-menu.json"},{"name":"newsletter-signup","title":"Newsletter Signup","description":"Email-capture form with idle/sending/sent/error state machine, custom validators, and overridable labels.","type":"registry:component","source_url":"https://ui.vllnt.com/r/newsletter-signup.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/newsletter-signup.json"},{"name":"number-input","title":"Number Input","description":"Numeric input with increment and decrement controls.","type":"registry:component","source_url":"https://ui.vllnt.com/r/number-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/number-input.json"},{"name":"number-ticker","title":"Number Ticker","description":"Animated number transitions for stats, KPIs, and compact numeric callouts.","type":"registry:component","source_url":"https://ui.vllnt.com/r/number-ticker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/number-ticker.json"},{"name":"object-card","title":"Object Card","description":"Durable object view for agents, runs, artifacts, and tasks inside the canvas.","type":"registry:component","source_url":"https://ui.vllnt.com/r/object-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/object-card.json"},{"name":"object-handle","title":"Object Handle","description":"Drag/reposition affordance for spatial objects that need a calm grab target.","type":"registry:component","source_url":"https://ui.vllnt.com/r/object-handle.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/object-handle.json"},{"name":"object-inspector","title":"Object Inspector","description":"Right-dock detail header — kind chip, status dot, title/subtitle, with property-section slots.","type":"registry:component","source_url":"https://ui.vllnt.com/r/object-inspector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/object-inspector.json"},{"name":"order-book","title":"Order Book","description":"Level II bid/ask depth ladder with cumulative size bars and spread readout.","type":"registry:component","source_url":"https://ui.vllnt.com/r/order-book.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/order-book.json"},{"name":"overview-board","title":"Overview Board","description":"Grid of overview cards for at-a-glance dashboards — a row of headline metrics with consistent spacing and tone.","type":"registry:component","source_url":"https://ui.vllnt.com/r/overview-board.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/overview-board.json"},{"name":"pagination","title":"Pagination","description":"Page navigation controls with previous, next, and page links.","type":"registry:component","source_url":"https://ui.vllnt.com/r/pagination.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pagination.json"},{"name":"panel","title":"Panel","description":"Bordered, titled content surface with header, body, and footer slots.","type":"registry:component","source_url":"https://ui.vllnt.com/r/panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/panel.json"},{"name":"parallel-timeline","title":"Parallel Timeline","description":"Multi-track timeline with shared time axis, BCE/CE event markers, and optional era bands for comparative history.","type":"registry:component","source_url":"https://ui.vllnt.com/r/parallel-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/parallel-timeline.json"},{"name":"particles","title":"Particles","description":"Floating particle field that drifts gently in the background.","type":"registry:component","source_url":"https://ui.vllnt.com/r/particles.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/particles.json"},{"name":"password-input","title":"Password Input","description":"Password field with a built-in visibility toggle.","type":"registry:component","source_url":"https://ui.vllnt.com/r/password-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/password-input.json"},{"name":"phone-input","title":"Phone Input","description":"Phone number input with a country dialing-code selector.","type":"registry:component","source_url":"https://ui.vllnt.com/r/phone-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/phone-input.json"},{"name":"pie-chart","title":"Pie Chart","description":"Proportional pie or donut chart for part-to-whole comparisons.","type":"registry:component","source_url":"https://ui.vllnt.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pie-chart.json"},{"name":"plan-badge","title":"Plan Badge","description":"Subscription tier indicator for pricing, billing, and account summaries.","type":"registry:component","source_url":"https://ui.vllnt.com/r/plan-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/plan-badge.json"},{"name":"playback-ghost","title":"Playback Ghost","description":"Translucent overlay marking where a canvas object was at a previous timestamp during playback.","type":"registry:component","source_url":"https://ui.vllnt.com/r/playback-ghost.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/playback-ghost.json"},{"name":"policy-delivery-panel","title":"Policy Delivery Panel","description":"Right-dock panel listing policies / guardrails active for the route or run.","type":"registry:component","source_url":"https://ui.vllnt.com/r/policy-delivery-panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/policy-delivery-panel.json"},{"name":"popover","title":"Popover","description":"Floating content panel anchored to a trigger element.","type":"registry:component","source_url":"https://ui.vllnt.com/r/popover.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/popover.json"},{"name":"presence-stack","title":"Presence Stack","description":"Overlapping live-presence avatars with status dots and a sane overflow chip.","type":"registry:component","source_url":"https://ui.vllnt.com/r/presence-stack.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/presence-stack.json"},{"name":"presence-sync-indicator","title":"Presence Sync Indicator","description":"Compact pill that surfaces live connection + sync health for a collaborative canvas.","type":"registry:component","source_url":"https://ui.vllnt.com/r/presence-sync-indicator.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/presence-sync-indicator.json"},{"name":"pricing-table","title":"Pricing Table","description":"Plan comparison with feature checklist, tier highlighting, CTA, and an optional monthly/annual toggle.","type":"registry:component","source_url":"https://ui.vllnt.com/r/pricing-table.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pricing-table.json"},{"name":"primary-source-viewer","title":"Primary Source Viewer","description":"Document viewer for historical primary sources with zoom, rotate, region annotations, transcription panel, and metadata footer.","type":"registry:component","source_url":"https://ui.vllnt.com/r/primary-source-viewer.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/primary-source-viewer.json"},{"name":"pro-tip","title":"Pro Tip","description":"Highlighted tip block with variants for tips, best practices, gotchas, and more.","type":"registry:component","source_url":"https://ui.vllnt.com/r/pro-tip.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/pro-tip.json"},{"name":"profile-section","title":"Profile Section","description":"User profile display section with avatar and details.","type":"registry:component","source_url":"https://ui.vllnt.com/r/profile-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/profile-section.json"},{"name":"progress-bar","title":"Progress Bar","description":"Visual progress indicator with labels and completion state.","type":"registry:component","source_url":"https://ui.vllnt.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progress-bar.json"},{"name":"progress-card","title":"Progress Card","description":"Card displaying progress metrics and status.","type":"registry:component","source_url":"https://ui.vllnt.com/r/progress-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progress-card.json"},{"name":"progress-tracker","title":"Progress Tracker","description":"Curriculum-level learning dashboard for modules, lessons, exercises, streaks, and earned skills.","type":"registry:component","source_url":"https://ui.vllnt.com/r/progress-tracker.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progress-tracker.json"},{"name":"progressive-blur","title":"Progressive Blur","description":"Progressive blur overlay that fades focus toward one edge.","type":"registry:component","source_url":"https://ui.vllnt.com/r/progressive-blur.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/progressive-blur.json"},{"name":"prompt-input","title":"Prompt Input","description":"Auto-growing prompt textarea with a submit affordance and optional toolbar slot.","type":"registry:component","source_url":"https://ui.vllnt.com/r/prompt-input.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/prompt-input.json"},{"name":"prompt-templates","title":"Prompt Templates","description":"Searchable prompt template gallery with category filter, variable fill-in form, and onSelect.","type":"registry:component","source_url":"https://ui.vllnt.com/r/prompt-templates.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/prompt-templates.json"},{"name":"property-section","title":"Property Section","description":"Compact key/value grid for inspector panels — labels, sublabels, optional collapse.","type":"registry:component","source_url":"https://ui.vllnt.com/r/property-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/property-section.json"},{"name":"prose","title":"Prose","description":"Long-form content wrapper that styles raw HTML descendants with the token-driven type scale.","type":"registry:component","source_url":"https://ui.vllnt.com/r/prose.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/prose.json"},{"name":"qr-code","title":"QR Code","description":"Renders a QR code from a string value as a theme-aware SVG.","type":"registry:component","source_url":"https://ui.vllnt.com/r/qr-code.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/qr-code.json"},{"name":"quiz","title":"Quiz","description":"Interactive multiple-choice quiz with hints, explanations, and scoring.","type":"registry:component","source_url":"https://ui.vllnt.com/r/quiz.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/quiz.json"},{"name":"radar-chart","title":"Radar Chart","description":"Spider chart comparing several metrics on shared axes.","type":"registry:component","source_url":"https://ui.vllnt.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/radar-chart.json"},{"name":"radio-group","title":"Radio Group","description":"Group of radio buttons for single-selection input.","type":"registry:component","source_url":"https://ui.vllnt.com/r/radio-group.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/radio-group.json"},{"name":"range-calendar","title":"Range Calendar","description":"Calendar that selects a start and end date as a range.","type":"registry:component","source_url":"https://ui.vllnt.com/r/range-calendar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/range-calendar.json"},{"name":"rating","title":"Rating","description":"Inline star rating for lightweight learner feedback.","type":"registry:component","source_url":"https://ui.vllnt.com/r/rating.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/rating.json"},{"name":"reasoning","title":"Reasoning","description":"Collapsible AI reasoning trace with streaming support and ordered or free-form steps.","type":"registry:component","source_url":"https://ui.vllnt.com/r/reasoning.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/reasoning.json"},{"name":"relationship-inspector","title":"Relationship Inspector","description":"Right-dock panel listing inbound + outbound edges of the focused canvas object.","type":"registry:component","source_url":"https://ui.vllnt.com/r/relationship-inspector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/relationship-inspector.json"},{"name":"resizable","title":"Resizable","description":"Resizable panel layout with draggable handles.","type":"registry:component","source_url":"https://ui.vllnt.com/r/resizable.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/resizable.json"},{"name":"reveal-text","title":"Reveal Text","description":"Reveals text with a directional slide-and-fade when it enters the viewport.","type":"registry:component","source_url":"https://ui.vllnt.com/r/reveal-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/reveal-text.json"},{"name":"right-dock","title":"Right Dock","description":"Context dock for inspectors, summaries, and secondary canvas panels.","type":"registry:component","source_url":"https://ui.vllnt.com/r/right-dock.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/right-dock.json"},{"name":"role-badge","title":"Role Badge","description":"Account role indicator for owners, admins, members, and billing contacts.","type":"registry:component","source_url":"https://ui.vllnt.com/r/role-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/role-badge.json"},{"name":"route-map","title":"Route Map","description":"Standalone SVG map with animated route paths, waypoints, and progress indicator. For trade routes, voyages, migrations, delivery tracking.","type":"registry:component","source_url":"https://ui.vllnt.com/r/route-map.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/route-map.json"},{"name":"routing-assignment-panel","title":"Routing Assignment Panel","description":"Right-dock panel listing the agent slots an active route dispatches to.","type":"registry:component","source_url":"https://ui.vllnt.com/r/routing-assignment-panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/routing-assignment-panel.json"},{"name":"run-timeline","title":"Run Timeline","description":"Multi-lane execution timeline showing run phases over time, with optional cursor.","type":"registry:component","source_url":"https://ui.vllnt.com/r/run-timeline.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/run-timeline.json"},{"name":"runtime-overview-panel","title":"Runtime Overview Panel","description":"Top-of-dock summary tile grid for runtime health when no canvas object is selected.","type":"registry:component","source_url":"https://ui.vllnt.com/r/runtime-overview-panel.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/runtime-overview-panel.json"},{"name":"sankey-chart","title":"Sankey Chart","description":"Flow diagram showing weighted links between nodes.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sankey-chart.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sankey-chart.json"},{"name":"scope-selector","title":"Scope Selector","description":"Multi-level scope picker for nested environments, teams, and targets.","type":"registry:component","source_url":"https://ui.vllnt.com/r/scope-selector.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scope-selector.json"},{"name":"scramble-text","title":"Scramble Text","description":"Scrambles characters then resolves them into the final text.","type":"registry:component","source_url":"https://ui.vllnt.com/r/scramble-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scramble-text.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom scrollable area with styled scrollbars.","type":"registry:component","source_url":"https://ui.vllnt.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scroll-area.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"Fixed bar that tracks reading progress down the page.","type":"registry:component","source_url":"https://ui.vllnt.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/scroll-progress.json"},{"name":"search-bar","title":"Search Bar","description":"Text search input with icon and clear functionality.","type":"registry:component","source_url":"https://ui.vllnt.com/r/search-bar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/search-bar.json"},{"name":"search-dialog","title":"Search Dialog","description":"Full-screen search dialog with keyboard navigation.","type":"registry:component","source_url":"https://ui.vllnt.com/r/search-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/search-dialog.json"},{"name":"search-field","title":"Search Field","description":"Search input with a leading icon and a clear button.","type":"registry:component","source_url":"https://ui.vllnt.com/r/search-field.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/search-field.json"},{"name":"segmented-control","title":"Segmented Control","description":"Single-choice segmented selector for switching modes, views, or filters.","type":"registry:component","source_url":"https://ui.vllnt.com/r/segmented-control.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/segmented-control.json"},{"name":"select","title":"Select","description":"Dropdown select input for choosing from a list of options.","type":"registry:component","source_url":"https://ui.vllnt.com/r/select.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/select.json"},{"name":"selection-halo","title":"Selection Halo","description":"Local-user selection halo with corner handles + label slot for spatial canvases.","type":"registry:component","source_url":"https://ui.vllnt.com/r/selection-halo.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/selection-halo.json"},{"name":"selection-presence","title":"Selection Presence","description":"Dashed-border overlay marking what another user has selected on the canvas.","type":"registry:component","source_url":"https://ui.vllnt.com/r/selection-presence.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/selection-presence.json"},{"name":"separator","title":"Separator","description":"Visual divider between content sections.","type":"registry:component","source_url":"https://ui.vllnt.com/r/separator.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/separator.json"},{"name":"severity-badge","title":"Severity Badge","description":"Operational severity label with tone variants and optional pulse for critical incidents.","type":"registry:component","source_url":"https://ui.vllnt.com/r/severity-badge.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/severity-badge.json"},{"name":"share-dialog","title":"Share Dialog","description":"Modal dialog for sharing a page across social platforms with a copy-link action and overridable labels.","type":"registry:component","source_url":"https://ui.vllnt.com/r/share-dialog.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/share-dialog.json"},{"name":"share-section","title":"Share Section","description":"Social sharing buttons and link copy section.","type":"registry:component","source_url":"https://ui.vllnt.com/r/share-section.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/share-section.json"},{"name":"sheet","title":"Sheet","description":"Slide-over panel from the edge of the screen.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sheet.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sheet.json"},{"name":"shimmer-button","title":"Shimmer Button","description":"Button with a light sheen that sweeps across its surface.","type":"registry:component","source_url":"https://ui.vllnt.com/r/shimmer-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shimmer-button.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"Text with a bright light band that sweeps across it.","type":"registry:component","source_url":"https://ui.vllnt.com/r/shimmer-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shimmer-text.json"},{"name":"shine-border","title":"Shine Border","description":"Wrapper that draws an animated gradient border around its content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/shine-border.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shine-border.json"},{"name":"shiny-button","title":"Shiny Button","description":"Button with a glossy gradient sheen that sweeps on a loop.","type":"registry:component","source_url":"https://ui.vllnt.com/r/shiny-button.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/shiny-button.json"},{"name":"sidebar","title":"Sidebar","description":"Collapsible sidebar navigation layout.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sidebar.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sidebar.json"},{"name":"sidebar-provider","title":"Sidebar Provider","description":"Context provider for managing sidebar open/close state.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sidebar-provider.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sidebar-provider.json"},{"name":"sidebar-toggle","title":"Sidebar Toggle","description":"Responsive toggle button for opening and closing the sidebar.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sidebar-toggle.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sidebar-toggle.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholder loading animation for content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/skeleton.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/skeleton.json"},{"name":"slider","title":"Slider","description":"Range slider input for selecting numeric values.","type":"registry:component","source_url":"https://ui.vllnt.com/r/slider.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/slider.json"},{"name":"slideshow","title":"Slideshow","description":"Step-through slideshow for presenting content sequentially.","type":"registry:component","source_url":"https://ui.vllnt.com/r/slideshow.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/slideshow.json"},{"name":"snap-guides","title":"Snap Guides","description":"Alignment guide overlay — dashed vertical and horizontal lines that surface during a drag.","type":"registry:component","source_url":"https://ui.vllnt.com/r/snap-guides.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/snap-guides.json"},{"name":"sparkles","title":"Sparkles","description":"Decorative twinkling sparkles scattered behind content.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sparkles.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sparkles.json"},{"name":"sparkline-grid","title":"Sparkline Grid","description":"KPI grid of labeled value tiles each paired with a compact sparkline trend.","type":"registry:component","source_url":"https://ui.vllnt.com/r/sparkline-grid.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/sparkline-grid.json"},{"name":"spinner","title":"Spinner","description":"Animated loading spinner indicator.","type":"registry:component","source_url":"https://ui.vllnt.com/r/spinner.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/spinner.json"},{"name":"spinning-text","title":"Spinning Text","description":"Text laid out in a circle that rotates continuously.","type":"registry:component","source_url":"https://ui.vllnt.com/r/spinning-text.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/spinning-text.json"},{"name":"spotlight-card","title":"Spotlight Card","description":"Card with a radial spotlight that follows the pointer.","type":"registry:component","source_url":"https://ui.vllnt.com/r/spotlight-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/spotlight-card.json"},{"name":"stat-card","title":"Stat Card","description":"Headline KPI card for metrics, trends, and supporting context.","type":"registry:component","source_url":"https://ui.vllnt.com/r/stat-card.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/stat-card.json"},{"name":"state-badge-overlay","title":"State Badge Overlay","description":"State chip pinned to a canvas object's corner — idle, queued, running, complete, failed, stopped.","type":"registry:component","source_url":"https://ui.vllnt.com/r/state-badge-overlay.json","install_command":"npx shadcn@latest add https://ui.vllnt.com/r/state-badge-overlay.json"}]},{"id":"voraui","name":"@voraui","slug":"voraui","description":"Open source crypto market analytics components for shadcn/ui - candlestick trading charts, BTC rainbow chart, Fear & Greed and Altseason gauges, live from free public APIs.","author":"josealbertoruizr","framework":"react","license":"MIT","tags":["charts","crypto"],"categories":["Charts/data viz"],"labels":["recently-updated"],"urls":{"website":"https://voraui.vercel.app","github":"https://github.com/josealbertoruizr/voraui","registry":"https://voraui.vercel.app/r/registry.json","source":"https://voraui.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/voraui","markdown":"https://sh4dcn.netlify.app/md/voraui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -65.5 275 275' fill='none'><path fill='none' d='M10 133.625C10 100.838 23.433 69.3931 47.3439 46.2089C71.2548 23.0247 103.685 10 137.5 10C171.315 10 203.745 23.0247 227.656 46.2089C251.567 69.3931 265 100.838 265 133.625' stroke='var(--foreground)' stroke-width='20' stroke-linecap='round'/><path fill='none' d='M41.875 133.625C41.875 109.034 51.9497 85.4511 69.8829 68.063C87.8161 50.6748 112.139 40.9063 137.5 40.9062C162.861 40.9063 187.184 50.6748 205.117 68.063C223.05 85.4511 233.125 109.034 233.125 133.625' stroke='var(--foreground)' stroke-width='20' stroke-linecap='round'/><path fill='none' d='M73.75 133.625C73.75 117.231 80.4665 101.509 92.4219 89.917C104.377 78.3249 120.592 71.8125 137.5 71.8125C154.408 71.8125 170.623 78.3249 182.578 89.917C194.534 101.509 201.25 117.231 201.25 133.625' stroke='var(--foreground)' stroke-width='20' stroke-linecap='round'/></svg>","preview_image":"https://voraui.vercel.app/opengraph-image?c7857195646595d4","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":0,"last_commit":"2026-10-03T22:00:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://voraui.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://voraui.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://voraui.vercel.app/r/registry.json","clone":"git clone https://github.com/josealbertoruizr/voraui.git","clone_degit":"npx degit josealbertoruizr/voraui","registry_fetch":"curl -s https://voraui.vercel.app/r/registry.json"},"component_count":4,"components":[{"name":"fear-greed-gauge","title":"Fear & Greed Gauge","description":"Crypto Fear & Greed index dial with live data from alternative.me.","type":"registry:block","source_url":"https://voraui.vercel.app/r/fear-greed-gauge.json","install_command":"npx shadcn@latest add https://voraui.vercel.app/r/fear-greed-gauge.json"},{"name":"altseason-gauge","title":"Altseason Gauge","description":"Altcoin Season index gauge computed client-side from CoinPaprika data.","type":"registry:block","source_url":"https://voraui.vercel.app/r/altseason-gauge.json","install_command":"npx shadcn@latest add https://voraui.vercel.app/r/altseason-gauge.json"},{"name":"btc-rainbow-chart","title":"BTC Rainbow Chart","description":"Bitcoin rainbow log-regression chart with Binance history and a bundled 2010-2017 seed.","type":"registry:block","source_url":"https://voraui.vercel.app/r/btc-rainbow-chart.json","install_command":"npx shadcn@latest add https://voraui.vercel.app/r/btc-rainbow-chart.json"},{"name":"trading-chart","title":"Trading Chart","description":"Candlestick chart with trade markers, clustering, and live Binance updates.","type":"registry:block","source_url":"https://voraui.vercel.app/r/trading-chart.json","install_command":"npx shadcn@latest add https://voraui.vercel.app/r/trading-chart.json"}]},{"id":"grainly-icons","name":"@grainly-icons","slug":"grainly-icons","description":"Animated grainy icons","author":"abhix4","framework":"react","license":null,"tags":["animation","icons"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://grainlyicons.abhii.space","github":"https://github.com/abhix4/grainly-icons","registry":"https://grainlyicons.abhii.space/r/{name}.json","source":"https://grainlyicons.abhii.space/r/{name}.json","page":"https://sh4dcn.netlify.app/registry/grainly-icons","markdown":"https://sh4dcn.netlify.app/md/grainly-icons.md"},"logo":"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd ' clip-rule='evenodd' d='M24 4.03687C24 6.03821 22.5436 7.69935 20.6328 8.01843C22.5436 8.33751 24 9.99871 24 12C24 14.0013 22.5436 15.6625 20.6328 15.9816C22.5436 16.3006 24 17.9618 24 19.9631C24 22.1926 22.1926 24 19.9631 24C17.9618 24 16.3006 22.5436 15.9816 20.6328C15.6625 22.5436 14.0013 24 12 24C9.99871 24 8.33751 22.5436 8.01843 20.6328C7.69935 22.5436 6.03821 24 4.03687 24C1.80737 24 0 22.1926 0 19.9631C0 17.9618 1.45638 16.3006 3.36713 15.9816C1.45638 15.6625 0 14.0013 0 12C0 9.99871 1.45638 8.33751 3.36713 8.01843C1.45638 7.69935 0 6.03821 0 4.03687C0 1.80737 1.80737 0 4.03687 0C6.03821 0 7.69935 1.45638 8.01843 3.36713C8.33751 1.45638 9.99871 0 12 0C14.0013 0 15.6625 1.45638 15.9816 3.36713C16.3006 1.45638 17.9618 0 19.9631 0C22.1926 0 24 1.80737 24 4.03687ZM8.01843 4.7066C7.73574 6.39953 6.39953 7.73574 4.7066 8.01843C6.39953 8.30112 7.73574 9.63738 8.01843 11.3303C8.30112 9.63738 9.63738 8.30112 11.3303 8.01843C9.63738 7.73574 8.30112 6.39953 8.01843 4.7066ZM12.6697 8.01843C14.3626 7.73574 15.6989 6.39953 15.9816 4.7066C16.2643 6.39953 17.6005 7.73574 19.2935 8.01843C17.6005 8.30112 16.2643 9.63738 15.9816 11.3303C15.6989 9.63738 14.3626 8.30112 12.6697 8.01843ZM15.9816 19.2935C16.2643 17.6005 17.6005 16.2643 19.2935 15.9816C17.6005 15.6989 16.2643 14.3626 15.9816 12.6697C15.6989 14.3626 14.3626 15.6989 12.6697 15.9816C14.3626 16.2643 15.6989 17.6005 15.9816 19.2935ZM8.01843 12.6697C8.30112 14.3626 9.63738 15.6989 11.3303 15.9816C9.63738 16.2643 8.30112 17.6005 8.01843 19.2935C7.73574 17.6005 6.39953 16.2643 4.7066 15.9816C6.39953 15.6989 7.73574 14.3626 8.01843 12.6697Z' fill='#5FB0E8'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":4,"open_issues":0,"last_commit":"2026-07-17T14:46:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"clone":"git clone https://github.com/abhix4/grainly-icons.git","clone_degit":"npx degit abhix4/grainly-icons","registry_fetch":"curl -s https://grainlyicons.abhii.space/r/{name}.json"},"component_count":0,"components":[]},{"id":"shadcnloaders","name":"@shadcnloaders","slug":"shadcnloaders","description":"A public registry of shadcn-inspired animated loaders and loading states.","author":null,"framework":"react","license":null,"tags":["animation","loaders"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://shadcn-loaders.vercel.app","github":null,"registry":"https://shadcn-loaders.vercel.app/r/registry.json","source":"https://shadcn-loaders.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcnloaders","markdown":"https://sh4dcn.netlify.app/md/shadcnloaders.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='6' fill='#111827'/><circle cx='12' cy='12' r='5' fill='#f59e0b'/></svg>","preview_image":"https://shadcnloaders.com/image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcn-loaders.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcn-loaders.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcn-loaders.vercel.app/r/registry.json","registry_fetch":"curl -s https://shadcn-loaders.vercel.app/r/registry.json"},"component_count":1,"components":[{"name":"loader","title":"Loader","description":"A single flexible loading spinner component with 42 built-in animated variants (spinner, dots, bars, skeleton, DNA, matrix, atom, solar system, radar sweep and…","type":"registry:ui","source_url":"https://shadcn-loaders.vercel.app/r/loader.json","install_command":"npx shadcn@latest add https://shadcn-loaders.vercel.app/r/loader.json"}]},{"id":"shadcn-dashboard","name":"@shadcn-dashboard","slug":"shadcn-dashboard","description":"Shadcn Dashboard is a collection of modern, production-ready dashboard layouts, components, and UI patterns built on top of shadcn/ui and Tailwind CSS. It’s designed to help developers build clean, scalable, and data-driven dashboards faster—without compromising on performance, accessibility, or customization.","author":"shadcndashboard","framework":"react","license":"MIT","tags":["accessibility","ai","auth","blocks","cards","charts","dashboard","e-commerce","forms","hooks","maps","media","overlays","payments","pro-available"],"categories":["AI/chat UI"],"labels":["pro","recently-updated"],"urls":{"website":"https://shadcndashboard.dev","github":"https://github.com/shadcndashboard/shadcndashboard","registry":"https://shadcndashboard.dev/r/registry.json","source":"https://shadcndashboard.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/shadcn-dashboard","markdown":"https://sh4dcn.netlify.app/md/shadcn-dashboard.md"},"logo":"<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='20' fill='#053B25'/><path d='M32.1327 19.501C31.5178 19.6123 30.8844 19.6705 30.2375 19.6705C24.3886 19.6705 19.6471 14.9189 19.6471 9.05765C19.6471 8.89469 19.6507 8.73258 19.658 8.57141C13.8411 9.10533 9.28516 14.0074 9.28516 19.9759C9.28516 26.301 14.4019 31.4286 20.7137 31.4286C27.0256 31.4286 32.1423 26.301 32.1423 19.9759C32.1423 19.8168 32.1391 19.6585 32.1327 19.501Z' fill='#C2FD75'/></svg>","preview_image":"https://shadcndashboard.dev/images/og-image/homepage.webp","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://shadcndashboard.dev/pricing"},"metrics":{"github_stars":510,"open_issues":0,"last_commit":"2026-10-01T07:24:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://shadcndashboard.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://shadcndashboard.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://shadcndashboard.dev/r/registry.json","clone":"git clone https://github.com/shadcndashboard/shadcndashboard.git","clone_degit":"npx degit shadcndashboard/shadcndashboard","registry_fetch":"curl -s https://shadcndashboard.dev/r/registry.json"},"component_count":250,"components":[{"name":"product-card","title":"Card 01 - Product Card","description":"Display products with weekly sales, new users, & purchased orders in a clean card layout. Suitable for ecommerce stores, product catalogs, and marketplace dash…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/product-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/product-card.json"},{"name":"ecommerce-action-card","title":"Card 02 - Ecommerce Action Card","description":"Highlight key shopping actions like orders, shipped orders, revenue, or ratings in a compact card. Fits ecommerce dashboards where users need quick access to c…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ecommerce-action-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ecommerce-action-card.json"},{"name":"total-assets-card","title":"Card 03 - Total Assets Card","description":"Present total assets with supporting metrics like employees, projects, clients, and events in a simple overview card. Useful for finance, investment, crypto, a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-assets-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-assets-card.json"},{"name":"campaign-performance-card","title":"Card 04 - Campaign Performance Card","description":"Track marketing campaign results with user metrics along with status reports. Great for advertising platforms, growth teams, and marketing analytics.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/campaign-performance-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/campaign-performance-card.json"},{"name":"total-sales-card","title":"Card 05 - Total Sales Card","description":"Highlight total sales revenue with a growth percentage badge and a decorative background illustration. Ideal for ecommerce dashboards that need an eye-catching…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-sales-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-sales-card.json"},{"name":"latest-products-card","title":"Card 06 - Latest Products Card","description":"List recently added products with thumbnail, name, buyer count, and price inside a scrollable card. Useful for ecommerce dashboards tracking new product activi…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/latest-products-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/latest-products-card.json"},{"name":"integrations-showcase-card","title":"Card 07 - Integrations Showcase Card","description":"Showcase connected third-party integrations like Figma, Claude, and cloud storage with an icon and description grid. Great for settings pages and integration m…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/integrations-showcase-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/integrations-showcase-card.json"},{"name":"contributor-groups-card","title":"Card 08 - Contributor Groups Card","description":"Group contributors, affiliates, and infrastructure partners with tooltip-labeled icons and a call-to-action button. Suited for about pages, changelogs, and par…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/contributor-groups-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/contributor-groups-card.json"},{"name":"revenue-growth-card","title":"Card 09 - Revenue Growth Card","description":"Show a headline revenue growth percentage with a month-over-month comparison in a compact card. Fits finance and sales dashboards that need a quick trend indic…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/revenue-growth-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-growth-card.json"},{"name":"product-carousel-card","title":"Card 10 - Product Carousel Card","description":"Auto-playing product image carousel with progress dots and a call-to-action overlay. Great for ecommerce dashboards promoting featured products or premium plan…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/product-carousel-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/product-carousel-card.json"},{"name":"ai-assistant-card","title":"Card 11 - AI Assistant Card","description":"An Ask AI panel with provider tabs for Claude, ChatGPT, and Gemini, quick feature shortcuts, and a chat input. Ideal for AI-powered dashboards and copilots.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-assistant-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-assistant-card.json"},{"name":"upcoming-events-card","title":"Card 12 - Upcoming Events Card","description":"List upcoming events with date, time, and type badges in a clean bordered card. Suitable for education platforms, school portals, and event calendars.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/upcoming-events-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/upcoming-events-card.json"},{"name":"upcoming-appointments-card","title":"Card 13 - Upcoming Appointments Card","description":"Display a patient appointment schedule with avatars, doctor names, times, and type badges. Built for healthcare portals and clinic dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/upcoming-appointments-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/upcoming-appointments-card.json"},{"name":"doctor-performance-card","title":"Card 14 - Doctor Performance Card","description":"Track doctor performance with avatar, specialty, patient count, rating, and availability status in a bordered list card. Suitable for healthcare and clinic das…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/doctor-performance-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/doctor-performance-card.json"},{"name":"health-banner","title":"Card 15 - Health Banner","description":"Track health-related updates with a dropdown monthly & yearly selection report card in a clean banner layout. Suitable for healthcare portals and patient dashb…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/health-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/health-banner.json"},{"name":"school-banner","title":"Card 16 - School Banner","description":"Manage school updates or important notices with dropdown options using this engaging banner section. Great for education platforms, student portals, and LMS.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/school-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/school-banner.json"},{"name":"sales-trend-chart","title":"Chart 01 - Sales Trend chart","description":"Track sales performance over time with a clear trend visualization. Useful for monitoring growth, seasonal patterns, and business performance at a glance.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-trend-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-trend-chart.json"},{"name":"total-orders-chart","title":"Chart 02 - Total Orders Chart","description":"Display total sales in an easy-to-read chart for quick business insights. Great for ecommerce dashboards, order management systems, and sales reports.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-orders-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-orders-chart.json"},{"name":"sales-overview-chart","title":"Chart 03 - Sales Overview Chart","description":"View sales data across different dates in a single chart. Helps compare performance, identify trends, and monitor business growth.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-overview-chart.json"},{"name":"customers-segmentation-chart","title":"Chart 04 - Customers Segmentation Chart","description":"Group customers into meaningful segments based on selected data. Ideal for marketing dashboards, CRM platforms, and customer analytics.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/customers-segmentation-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/customers-segmentation-chart.json"},{"name":"sales-distribution-chart","title":"Chart 05 - Sales Distribution Chart","description":"Understand how sales are distributed across products, categories, and monthly reports. Makes it easier to spot top-performing areas and sales gaps.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-distribution-chart.json"},{"name":"saas-metrics-chart","title":"Chart 06 - SaaS Metrics Chart","description":"Monitor key SaaS metrics like automations, revenue, or active users. Best for product analytics, startup dashboards, and subscription platforms.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/saas-metrics-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/saas-metrics-chart.json"},{"name":"platform-revenue-chart","title":"Chart 07 - Platform Revenue Chart","description":"Visualize revenue generated across daily, monthly, and yearly timelines. Useful for tracking business performance and comparing revenue sources.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/platform-revenue-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/platform-revenue-chart.json"},{"name":"revenue-distribution-chart","title":"Chart 08 - Revenue Distribution Chart","description":"Break down revenue into multiple categories for better financial analysis. Helps teams understand where income is coming from.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/revenue-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-distribution-chart.json"},{"name":"key-insights-chart","title":"Chart 09 - Key Insights Chart","description":"Highlight important business metrics in a simple, visually organized, region-wise format. Suitable for executive dashboards and quick performance reviews.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/key-insights-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/key-insights-chart.json"},{"name":"monthly-sales-chart","title":"Chart 10 - Monthly Sales Chart","description":"Compare monthly sales performance with an easy-to-read chart layout. Helps identify growth trends and seasonal sales changes.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/monthly-sales-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/monthly-sales-chart.json"},{"name":"revenue-growth-chart","title":"Chart 11 - Revenue Growth Chart","description":"Track revenue growth in percentage with clear visual comparisons. Useful for financial dashboards and business reporting.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/revenue-growth-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-growth-chart.json"},{"name":"order-overview-chart","title":"Chart 12 - Order Overview Chart","description":"Summarize order activity in a compact chart with meaningful insights and comparisons. Fits ecommerce dashboards, inventory systems, and sales monitoring tools.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/order-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/order-overview-chart.json"},{"name":"user-activity-chart","title":"Chart 13 - User Activity Chart","description":"Visualize user activity and checkouts over time. Perfect for analytics dashboards, SaaS platforms, and community applications.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/user-activity-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/user-activity-chart.json"},{"name":"total-assets-chart","title":"Chart 14 - Total Assets Chart","description":"Display total assets in a simple chart for financial monitoring. Suitable for accounting systems, business dashboards, and portfolio tracking.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-assets-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-assets-chart.json"},{"name":"total-sales-chart","title":"Chart 15 - Total Sales Chart","description":"Present total sales figures with a clean visual summary in the chart. Helps teams measure overall sales performance without scanning detailed reports.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-sales-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-sales-chart.json"},{"name":"total-profit-chart","title":"Chart 16 - Total Profit Chart","description":"Monitor profit trends using a chart designed for financial reporting. Useful for evaluating business performance and profitability.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-profit-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-profit-chart.json"},{"name":"advertisement-cost-chart","title":"Chart 17 - Advertisement Cost Chart","description":"Track advertising expenses across campaigns or time periods. Helps marketing teams measure spending and optimize campaign budgets.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/advertisement-cost-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/advertisement-cost-chart.json"},{"name":"attendance-overview-chart","title":"Chart 18 - Attendance Overview Chart","description":"Show attendance data in a visual format that is easy to understand, along with time periods. Great for schools, workplaces, and employee management systems.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/attendance-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/attendance-overview-chart.json"},{"name":"fees-paid-chart","title":"Chart 19 - Fees Paid Chart","description":"Display paid fees with a simple chart for quick financial tracking. Useful for education portals, billing systems, and payment dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/fees-paid-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/fees-paid-chart.json"},{"name":"fees-pending-chart","title":"Chart 20 - Fees Pending Chart","description":"Monitor outstanding fees with a clear visual overview. Helps administrators identify pending payments and improve collection tracking.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/fees-pending-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/fees-pending-chart.json"},{"name":"grade-distribution-chart","title":"Chart 21 - Grade Distribution Chart","description":"Visualize grade distribution across students or classes in one chart. Suitable for school dashboards, academic reports, and education platforms.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/grade-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/grade-distribution-chart.json"},{"name":"staff-salary-chart","title":"Chart 22 - Staff Salary Chart","description":"Present staff salary data with a structured chart for easy comparison. Useful for HR dashboards, payroll systems, and workforce analytics.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/staff-salary-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/staff-salary-chart.json"},{"name":"bed-occupancy-chart","title":"Chart 23 - Bed Occupancy Chart","description":"Track bed occupancy across ICU, Emergency, General Ward, and Pediatric departments with a radial chart and per-department breakdown. Ideal for hospital managem…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/bed-occupancy-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/bed-occupancy-chart.json"},{"name":"school-admissions-chart","title":"Chart 24 - School Admissions Chart","description":"Visualize new admissions vs returning students with a stacked half-circle radial chart and a total student count at a glance. Ideal for school dashboards, educ…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/school-admissions-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/school-admissions-chart.json"},{"name":"weekly-engagement-chart","title":"Chart 25 - Weekly Engagement Chart","description":"Visualize weekly engagement with a segmented bar chart alongside impressions and engagement totals. Ideal for marketing dashboards, campaign reports, and analy…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/weekly-engagement-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/weekly-engagement-chart.json"},{"name":"traffic-sources-chart","title":"Chart 26 - Traffic Sources Chart","description":"Visualize traffic split across Organic, Paid, and Referral sources with a segmented distribution bar and per-source tooltips. Ideal for marketing dashboards an…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/traffic-sources-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/traffic-sources-chart.json"},{"name":"freight-volume-sla-chart","title":"Chart 27 - Freight Volume & SLA Performance Chart","description":"Track freight volume and SLA compliance with a dual-axis area chart, period selector, and animated stat totals. Ideal for logistics and supply chain dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/freight-volume-sla-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/freight-volume-sla-chart.json"},{"name":"warehouse-capacity-chart","title":"Chart 28 - Warehouse Storage Capacity Chart","description":"Visualize warehouse hub storage utilization with a segmented block bar chart, average utilization banner, and a 2-column regional hub breakdown list. Ideal for…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/warehouse-capacity-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/warehouse-capacity-chart.json"},{"name":"vehicle-overview-chart","title":"Chart 29 - Vehicle Telemetry Overview Chart","description":"Fleet vehicle distribution overview with a multi-segmented allocation bar and a breakdown list of vehicle types with usage duration and percentage share. Ideal…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/vehicle-overview-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/vehicle-overview-chart.json"},{"name":"revenue-trend-mask-chart","title":"Chart 30 - Revenue Trend Mask Chart","description":"Stacked area chart of daily sales split by channel with a cursor-following highlight mask and a selectable date range. Great for revenue and sales trend dashbo…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/revenue-trend-mask-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-trend-mask-chart.json"},{"name":"order-channel-distribution-chart","title":"Chart 31 - Order Channel Distribution Chart","description":"Interactive donut chart breaking down orders by sales channel with patterned segments, hover highlighting, and a percentage legend. Great for POS and sales cha…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/order-channel-distribution-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/order-channel-distribution-chart.json"},{"name":"customer-ratings-chart","title":"Chart 32 - Customer Ratings Chart","description":"Guest satisfaction card with a star rating summary, a trend badge, and a daily review-volume bar chart highlighting the peak day. Ideal for feedback and CSAT d…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/customer-ratings-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/customer-ratings-chart.json"},{"name":"customer-growth-chart","title":"Chart 33 - Customer Growth Chart","description":"Track weekly customer growth with a headline count, a growth-percentage badge, a compact area chart, and a week-over-week comparison list. Ideal for ecommerce …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/customer-growth-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/customer-growth-chart.json"},{"name":"products-category-chart","title":"Chart 34 - Products Category Chart","description":"Compare product distribution across years with a headline count, growth badge, donut chart, and a footer profit note. Ideal for ecommerce and inventory dashboa…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/products-category-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/products-category-chart.json"},{"name":"total-sales-comparison-chart","title":"Chart 35 - Total Sales Comparison Chart","description":"Compare online vs offline total sales across months with a year selector, headline total, and a growth-percentage badge in a combined bar and line chart. Ideal…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/total-sales-comparison-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/total-sales-comparison-chart.json"},{"name":"payments-breakdown-chart","title":"Chart 36 - Payments Breakdown Chart","description":"Track payment volume across the week with a headline count, growth badge, stacked bar chart, and a Paypal vs Credit/Debit Card legend split. Ideal for ecommerc…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/payments-breakdown-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/payments-breakdown-chart.json"},{"name":"annual-profit-chart","title":"Chart 37 - Annual Profit Chart","description":"Track annual profit with a conversion rate banner, area chart trend, and a breakdown of cart, wishlist, and checkout metrics. Ideal for ecommerce and sales das…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/annual-profit-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/annual-profit-chart.json"},{"name":"sales-report-chart","title":"Chart 38 - Sales Report Chart","description":"Toggle between profit and expenses views with a tabbed header, sales-this-year and last-year summary stats, and an area chart or bar chart trend. Ideal for fin…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-report-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-report-chart.json"},{"name":"weekly-sales-chart","title":"Chart 39 - Weekly Sales Chart","description":"Track weekly sales with a dropdown period selector, a headline total with a growth-percentage badge, and a rounded bar chart with a highlighted day and custom …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/weekly-sales-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/weekly-sales-chart.json"},{"name":"revenue-updates-chart","title":"Chart 40 - Revenue Updates Chart","description":"Revenue updates chart with a year selector, a stacked earnings/expense bar chart, and a summary panel with total earnings, this month's earnings and expense, a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/revenue-updates-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/revenue-updates-chart.json"},{"name":"monthly-earnings-chart","title":"Chart 41 - Monthly Earnings Chart","description":"Compact monthly earnings card with a headline value, growth-percentage badge, and a sparkline area chart. Ideal for dashboard overview widgets.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/monthly-earnings-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/monthly-earnings-chart.json"},{"name":"yearly-breakup-chart","title":"Chart 42 - Yearly Breakup Chart","description":"Yearly revenue breakup card with a headline value, growth-percentage badge, year legend, and a donut pie chart. Ideal for finance and admin dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/yearly-breakup-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/yearly-breakup-chart.json"},{"name":"weekly-stats-chart","title":"Chart 43 - Weekly Stats Chart","description":"Weekly stats card with an average sales area chart and a ranked list of top sales, best seller, and most commented entries with icons and record badges. Ideal …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/weekly-stats-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/weekly-stats-chart.json"},{"name":"sales-locations-chart","title":"Chart 44 - Sales Locations Chart","description":"Sales from locations chart comparing USA and India monthly sales with a stacked bar chart, legend, and tooltip. Ideal for sales and ecommerce dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-locations-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-locations-chart.json"},{"name":"sales-overview-summary-chart","title":"Chart 45 - Sales Overview Summary Chart","description":"Sales overview chart with a headline total, growth-percentage badge, an earning/profit/expense legend, and a single-hue stacked bar chart. Ideal for sales and …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-overview-summary-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-overview-summary-chart.json"},{"name":"earning-report-chart","title":"Chart 46 - Earning Report Chart","description":"Earning reports donut chart with a centered total label, plus a customer segment breakdown showing share, earnings, and growth-percentage badges. Ideal for fin…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/earning-report-chart.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/earning-report-chart.json"},{"name":"greeting-banner","title":"Card 17 - Greeting Banner","description":"Welcome users with a personalized message and highlight important messages with a CTA button. Perfect for dashboard homepages and employee or customer portals.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/greeting-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/greeting-banner.json"},{"name":"update-banner","title":"Card 18 - Update Banner","description":"Notify users about new features or any updates in a clear card block along with a CTA button. Helps improve product communication without interrupting the UX.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/update-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/update-banner.json"},{"name":"analytics-banner","title":"Card 19 - Analytics Banner","description":"Showcase important business metrics with a date picker & monthly, yearly dropdowns in a visually engaging analytics banner. Useful for reporting insights.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/analytics-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/analytics-banner.json"},{"name":"logistics-banner","title":"Card 20 - Logistics Banner","description":"Logistics & supply chain command banner with fleet SLA badge and region dropdown selection. Suitable for logistics, fleet management, and supply chain dashboar…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/logistics-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/logistics-banner.json"},{"name":"pos-banner","title":"Card 21 - POS Banner","description":"Restaurant POS terminal banner with shift status badge, live kitchen connection indicator, and sync status. Suitable for point-of-sale and restaurant dashboard…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/pos-banner.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/pos-banner.json"},{"name":"driver-list-card","title":"Card 22 - Driver List Card","description":"Scrollable active fleet drivers list with avatar, vehicle, status badge, and rating in a bordered card. Suitable for logistics and fleet management dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/driver-list-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/driver-list-card.json"},{"name":"pos-stat-cards","title":"Card 23 - POS Stat Cards","description":"Restaurant POS analytics grid with a top taste picks highlight card and gross sales, orders, table occupancy, and average check stat cards with trend badges. S…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/pos-stat-cards.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/pos-stat-cards.json"},{"name":"top-selling-items-card","title":"Card 24 - Top Selling Items Card","description":"Top selling dishes list with item image, category, revenue, and order count, plus a dropdown menu for menu actions. Suitable for POS and restaurant dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/top-selling-items-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/top-selling-items-card.json"},{"name":"recent-payments-card","title":"Card 25 - Recent Payments Card","description":"POS payment transactions list with payment method icon, order reference, terminal, and amount trend indicator, plus a dropdown menu for settlement actions. Sui…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/recent-payments-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/recent-payments-card.json"},{"name":"sales-growth-summary-card","title":"Card 26 - Sales Growth Summary Card","description":"Celebrate a sales milestone with a personalized greeting, growth percentage, and a quick breakdown of orders, deliveries, and revenue. Ideal for ecommerce and …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-growth-summary-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-growth-summary-card.json"},{"name":"latest-deal-card","title":"Card 27 - Latest Deal Card","description":"Track a deal's progress toward its target with a progress bar, coupons-used count, and a stack of recent purchaser avatars. Ideal for ecommerce and promotions …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/latest-deal-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/latest-deal-card.json"},{"name":"course-widget-card","title":"Card 28 - Course Widget Card","description":"Promote a course or webinar with a cover image, title, description, and a stack of enrolled participant avatars. Ideal for education platforms and community da…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/course-widget-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/course-widget-card.json"},{"name":"selling-products-card","title":"Card 29 - Best Selling Products Card","description":"Highlight best-selling products with a decorative background illustration and a per-product price and sales-percentage progress bar. Ideal for ecommerce and ma…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/selling-products-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/selling-products-card.json"},{"name":"activity-timeline-card","title":"Card 30 - Activity Timeline Card","description":"Display a chronological log of daily activities with timestamps, a connected dot timeline, and optional linked references. Ideal for admin, sales, and finance …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/activity-timeline-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/activity-timeline-card.json"},{"name":"user-greeting-card","title":"Card 31 - User Greeting Card","description":"Personalized welcome banner with a greeting, subtitle, quick stat breakdown, and a decorative background illustration. Ideal for dashboard homepages and CRM ov…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/user-greeting-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/user-greeting-card.json"},{"name":"small-stat-cards","title":"Card 32 - Small Stat Cards","description":"A row of three compact stat cards showing refunds, sales, and earnings with an icon, value, and trend percentage badge. Ideal for dashboard overview sections.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/small-stat-cards.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/small-stat-cards.json"},{"name":"upcoming-schedules-card","title":"Card 33 - Upcoming Schedules Card","description":"Upcoming corporate events card with tabbed filtering (All, Delivered, Shipping), a dropdown menu, and event entries showing freight name, ID, HQ, and destinati…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/upcoming-schedules-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/upcoming-schedules-card.json"},{"name":"recent-transactions-card","title":"Card 34 - Recent Transactions Card","description":"Recent transactions list card with payment method icons, descriptions, transaction amounts, a dropdown menu, and a view full report button. Ideal for finance a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/recent-transactions-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/recent-transactions-card.json"},{"name":"analytics-statistics-card","title":"Card 35 - Analytics Statistics Card","description":"Analytics dashboard statistics layout with a main earnings/expense summary card featuring a background illustration, plus weekly sales and purchase orders stat…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/analytics-statistics-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/analytics-statistics-card.json"},{"name":"sales-by-country-card","title":"Card 36 - Sales by Country Card","description":"Sales by country list card with flag icons, revenue figures, country names, a dropdown menu, and growth-percentage badges. Ideal for sales and finance dashboar…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sales-by-country-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sales-by-country-card.json"},{"name":"ai-ops-overview","title":"AI Ops 01 - Token Routing Console","description":"A token routing console for LLM control planes — model priority and budget guardrail stats, a per-model token usage & spend routing list with priority ranks an…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-ops-overview.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-ops-overview.json"},{"name":"hospital-ai-ops","title":"AI Ops 02 - Hospital AI Control Center","description":"An AI care operations dashboard for hospitals, medical centers, and social care teams — with a status banner, triage & risk stat cards, a care escalation timel…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/hospital-ai-ops.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/hospital-ai-ops.json"},{"name":"agent-ai-ops","title":"AI Ops 03 - Agent Usage & API Console","description":"An agent fleet usage console — with an account header, a usage summary card with Tokens/Spend/Requests tabs, a daily usage chart, a top-models-by-usage breakdo…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/agent-ai-ops.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/agent-ai-ops.json"},{"name":"login-block-1","title":"Login Form 01 - Standard Card Layout","description":"A minimalist, centered card layout for login. Features email, password, and social login options. Ideal for straightforward authentication flows in SaaS apps o…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-1.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-1.json"},{"name":"login-block-2","title":"Login Form 02 - Split Screen with Video Branding","description":"A modern split-screen login layout featuring a background video loop on one side and the form on the other. Perfect for branded, customer-facing applications.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-2.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-2.json"},{"name":"login-block-3","title":"Login Form 03 - Full Page Marketing Layout","description":"A two-column landing page style login layout featuring marketing copy, text morph animations, a brand slider, and testimonials alongside the login card.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-3.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-3.json"},{"name":"login-block-4","title":"Login Form 04 - Card Layout with Brand Logos","description":"A centered login card layout that includes a dedicated footer section displaying a grid of trusted company logos to build social proof.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-4.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-4.json"},{"name":"login-block-5","title":"Login Form 05 - Split Screen with 3D Animation","description":"A creative split-screen login layout featuring an immersive Three.js interactive 3D color bends animation on one side and the form on the other.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-5.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-5.json"},{"name":"login-block-6","title":"Login Form 06 - Interactive Particle Field","description":"A split-screen login layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the form on the other.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-6.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-6.json"},{"name":"login-block-7","title":"Login Form 07 - Diagonal Marquee Carousel","description":"A two-column login layout with the sign-in form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/login-block-7.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/login-block-7.json"},{"name":"signup-01","title":"Signup Form 01 - Essential Centered Card","description":"A clean, centrally aligned card design for creating accounts. Includes core input fields and social providers, making it perfect for frictionless user onboardi…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-01.json"},{"name":"signup-02","title":"Signup Form 02 - Divided Screen with Video Panel","description":"A dual-panel registration screen that showcases a looping ambient video alongside the signup form. Excellent for creating a premium first impression for new us…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-02.json"},{"name":"signup-03","title":"Signup Form 03 - Two-Column Showcase Layout","description":"A full-page hero layout designed for conversions. Combines animated text, client logos, and social proof in the left column with the registration form in the r…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-03.json"},{"name":"signup-04","title":"Signup Form 04 - Card Design with Trusted Partners","description":"A centered registration card enhanced with a logo gallery in the footer. Displays trusted partner brands immediately below the signup fields to increase conver…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-04.json"},{"name":"signup-05","title":"Signup Form 05 - Immersive Three.js Split View","description":"An innovative dual-panel registration view that pairs the signup form with an interactive, WebGL-powered 3D color bending visualization for a highly modern aes…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-05.json"},{"name":"signup-06","title":"Signup Form 06 - Interactive Particle Field","description":"A split-screen registration layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the signup for…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-06.json"},{"name":"signup-07","title":"Signup Form 07 - Diagonal Marquee Carousel","description":"A two-column signup layout with the registration form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/signup-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/signup-07.json"},{"name":"otp-01","title":"OTP Form 01 - Minimal Verification Card","description":"A focused, center-aligned verification box. Contains a secure code input and a resend action, providing a distraction-free experience for identity confirmation.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-01.json"},{"name":"otp-02","title":"OTP Form 02 - Video Background Split View","description":"A side-by-side verification layout combining an engaging video background with a secure OTP input panel. Great for maintaining brand immersion during security …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-02.json"},{"name":"otp-03","title":"OTP Form 03 - Landing Page Style Verification","description":"A comprehensive verification page that leverages a two-column structure. Displays marketing messages and trust indicators on one side while handling OTP entry …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-03.json"},{"name":"otp-04","title":"OTP Form 04 - Verification Card with Social Proof","description":"A focused verification card that builds trust by featuring a grid of sponsor or client logos at the bottom, reassuring users during the authentication step.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-04.json"},{"name":"otp-05","title":"OTP Form 05 - Interactive 3D Verification Panel","description":"A visually striking verification layout that splits the screen between the OTP input and a dynamic, interactive Three.js 3D abstract animation, elevating the s…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-05.json"},{"name":"otp-06","title":"OTP Form 06 - Interactive Particle Field","description":"A split-screen verification layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the OTP form o…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-06.json"},{"name":"otp-07","title":"OTP Form 07 - Diagonal Marquee Carousel","description":"A two-column verification layout with the OTP form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/otp-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/otp-07.json"},{"name":"forgot-password-01","title":"Forgot Password Form 01 - Clean Recovery Card","description":"A simple, centered recovery form. Provides an email field and clear instructions to help users regain access to their accounts quickly and easily.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-01.json"},{"name":"forgot-password-02","title":"Forgot Password Form 02 - Branded Video Split Layout","description":"A bi-fold password reset page featuring a continuous video loop on the left and the recovery inputs on the right. Keeps the user engaged even during account re…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-02.json"},{"name":"forgot-password-03","title":"Forgot Password Form 03 - Feature-Rich Recovery Page","description":"An expansive account recovery layout built like a landing page. Uses dynamic text animations and a brand carousel to reassure users while they reset their cred…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-03.json"},{"name":"forgot-password-04","title":"Forgot Password Form 04 - Recovery Card with Company Logos","description":"A recovery card design supplemented by a bottom section containing prominent company logos. Adds an element of professional credibility to the password reset p…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-04.json"},{"name":"forgot-password-05","title":"Forgot Password Form 05 - 3D Color Bends Split Screen","description":"A highly engaging password reset screen utilizing a side-by-side design. Features an abstract 3D canvas animation on the left to complement the recovery form o…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-05.json"},{"name":"forgot-password-06","title":"Forgot Password Form 06 - Interactive Particle Field","description":"A split-screen password reset layout with an interactive canvas particle field that drifts ambiently and reacts to cursor movement on one side and the recovery…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-06.json"},{"name":"forgot-password-07","title":"Forgot Password Form 07 - Diagonal Marquee Carousel","description":"A two-column password recovery layout with the reset form on the left and an infinitely scrolling, diagonally slanted image marquee filling the right panel.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forgot-password-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forgot-password-07.json"},{"name":"multi-step-form-01","title":"Multi Step Form 01 - Appointment Booking Wizard","description":"Guide patients through a multi-step appointment booking flow with patient details, visit scheduling, and a final review before confirmation. Great for clinic p…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/multi-step-form-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/multi-step-form-01.json"},{"name":"multi-step-form-02","title":"Multi Step Form 02 - Workspace Setup Wizard","description":"Spin up a new workspace through an animated multi-step form covering workspace details, team invites, and a final launch confidence check-in. Great for SaaS on…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/multi-step-form-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/multi-step-form-02.json"},{"name":"multi-step-form-03","title":"Multi Step Form 03 - User Profile Form","description":"Collect user details through a structured multi-section form with step-by-step navigation. Best suited for account setup, workspace configuration, and onboardi…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/multi-step-form-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/multi-step-form-03.json"},{"name":"multi-step-form-04","title":"Multi Step Form 04 - Multi-Step Onboarding Form","description":"Guide users through account creation with a progress bar and a multi-step registration experience. Perfect for SaaS onboarding, membership platforms, and appli…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/multi-step-form-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/multi-step-form-04.json"},{"name":"multi-step-form-05","title":"Multi Step Form 05 - Onboarding Form","description":"An animated multi-step onboarding form with a circular progress indicator, role-selection cards, and a success screen. Perfect for user onboarding, sign-up flo…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/multi-step-form-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/multi-step-form-05.json"},{"name":"multi-step-form-06","title":"Multi Step Form 06 - Survey Form","description":"An animated multi-step survey form with radio-group option cards, a live animated score counter, and an email capture step. Ideal for feedback collection, NPS …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/multi-step-form-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/multi-step-form-06.json"},{"name":"dashboard-layout-01","title":"Dashboard Layout 01 - Admin Dashboard Layout","description":"Start your admin panel with a complete dashboard structure that keeps navigation, content, and user actions well organized. Perfect for SaaS platforms, analyti…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-layout-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-layout-01.json"},{"name":"dashboard-layout-02","title":"Dashboard Layout 02 - RTL Layout","description":"Supports right to left languages with a layout designed for Arabic, Hebrew, and multilingual applications. Build localized dashboards without restructuring you…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-layout-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-layout-02.json"},{"name":"dashboard-layout-03","title":"Dashboard Layout 03 - Horizontal Layout","description":"Choose a horizontal navigation pattern for dashboards that need maximum workspace and simplified navigation. Great for enterprise tools, reporting platforms, a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-layout-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-layout-03.json"},{"name":"application-shell-01","title":"Chat Application Shell 01","description":"Create chat interfaces with a complete application layout including conversations, message area, and input sections. Save development time by customizing a pro…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/application-shell-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/application-shell-01.json"},{"name":"application-shell-02","title":"Notes Application Shell 01","description":"Organize note taking experiences with structured layouts for navigation, editing, and content management. Customize the shell to build documentation tools, per…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/application-shell-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/application-shell-02.json"},{"name":"table-01","title":"Table 01 - Top Selling Products Table","description":"Track best selling products with ratings, pricing, demand status, and built in add, edit, and delete actions. Great for inventory management, product administr…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-01.json"},{"name":"table-02","title":"Table 02 - Sales Orders Table","description":"Monitor recent sales orders with searchable records, pagination, payment details, and order statuses. Built for ecommerce dashboards, billing systems, and orde…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-02.json"},{"name":"table-03","title":"Table 03 - Projects and Orders Table","description":"Manage projects, assigned managers, order values, and progress from a sortable table with status indicators and quick actions. Useful for project tracking, ope…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-03.json"},{"name":"table-04","title":"Table 04 - Best Performing AI Products Table","description":"Compare top performing AI products with structured metrics for quick revenue and performance tracking. Fits AI marketplaces, SaaS dashboards, and product analy…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-04.json"},{"name":"table-05","title":"Table 05 - Recent Enrollments Table","description":"Display recent student enrollments with grades, subjects, enrollment status, and quick add, edit & delete actions. Suitable for education portals, LMS dashboar…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-05.json"},{"name":"table-06","title":"Table 06 - Recent Patients Table","description":"Organize patient records with age, department, diagnosis, treatment status, and management action buttons. Designed for hospital dashboards, healthcare portals…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-06.json"},{"name":"table-07","title":"Table 07 - Customer Details Editable Table","description":"Update customer records directly from an editable table with search, status filters, and quick row actions. Perfect for CRM platforms, customer support tools, …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-07.json"},{"name":"table-08","title":"Table 08 - Revenue Table","description":"Analyze revenue across different months and product categories using sortable tabular data. Best for finance dashboards, sales reporting, and business performa…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-08.json"},{"name":"table-09","title":"Table 09 - Filter Table","description":"Find records faster with searchable data, column filters, and row selection using checkboxes. Useful for admin panels, reporting tools, and large business data…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-09.json"},{"name":"table-10","title":"Table 10 - Users Management Table","description":"Manage users with role, subscription plan, billing method, account status, and action controls from one table. Ideal for SaaS applications, workspace administr…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-10.json"},{"name":"table-11","title":"Table 11 - Top Performing Products Table","description":"Compare product performance using sales, earnings, category, and technology information in one view. Suitable for ecommerce analytics, inventory reporting, and…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-11.json"},{"name":"table-12","title":"Table 12 - Customer Reviews Table","description":"Review customer feedback with searchable records, review dates, and user details for faster moderation. Helps support teams monitor customer sentiment and impr…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-12.json"},{"name":"table-13","title":"Table 13 - Projects Activity Tracking Table","description":"Track ongoing projects with budgets, assigned teams, project leaders, and activity progress in one organized table. Built for project management dashboards, ag…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-13.json"},{"name":"table-14","title":"Table 14 - Live POS Kitchen & Order Queue Table","description":"Real-time restaurant order queue table with order & location, server, item images with names, KDS status badge, and amount & time in a scrollable card. Built f…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-14.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-14.json"},{"name":"table-15","title":"Table 15 - Active Freight Shipments Table","description":"Freight shipment tracking table with tracking ID, route, carrier, status badge, ETA, and a row action dropdown menu, in a scrollable card. Built for logistics …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-15.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-15.json"},{"name":"table-16","title":"Table 16 - Latest Reviews Table","description":"Customer reviews table with product thumbnail, customer details, star rating, review text, status badge, search, and a row action dropdown menu. Built for ecom…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-16.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-16.json"},{"name":"table-17","title":"Table 17 - Product Payments Table","description":"Product order table with thumbnail, payment progress bar, payment status, order status badge, and a row action dropdown menu, inside a scrollable card. Built f…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-17.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-17.json"},{"name":"table-18","title":"Table 18 - Top Projects Table","description":"Top projects table with row checkboxes, icon thumbnail, budget, manager avatar, a progress bar per project, a search input in the header, and a row action drop…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/table-18.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/table-18.json"},{"name":"forms-01","title":"Form 01 - Edit Profile Form","description":"Update personal information, profile visibility, and account preferences from a clean settings layout. Ideal for user dashboards, profile management pages, and…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-01.json"},{"name":"forms-02","title":"Form 02 - Advanced Settings Sidebar Layout","description":"Organize account settings with sidebar navigation for faster access to preferences. Great for managing profile information, notifications, security, and appear…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-02.json"},{"name":"forms-03","title":"Form 03 - E-commerce Checkout Form","description":"Complete online purchases with a streamlined checkout process from shipping to payment. Suitable for ecommerce stores that require secure and user-friendly ord…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-03.json"},{"name":"forms-04","title":"Form 04 - Student Registration Form","description":"Register students using a structured enrollment form with guardian and subject details. Useful for schools, educational platforms, and online course registrati…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-04.json"},{"name":"forms-05","title":"Form 05 - Employee Registration Form","description":"Capture employee information with dedicated sections for personal details and job preferences. Fits HR portals, recruitment systems, and staff onboarding appli…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-05.json"},{"name":"forms-06","title":"Form 06 - Repeater Form","description":"Collect multiple entries dynamically without creating separate forms for each record. Useful for surveys, inventory management, expense reports, and custom dat…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-06.json"},{"name":"forms-07","title":"Form 07 - Form with Tab","description":"Separate complex forms into organized tabs for a cleaner and more manageable experience. Perfect for lengthy forms with multiple categories, settings, or confi…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-07.json"},{"name":"forms-08","title":"Form 08 - Subscription Plan Builder","description":"A SaaS checkout-style form for picking a plan, toggling add-ons, applying a promo code, and previewing a live order summary. Perfect for billing, checkout, and…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-08.json"},{"name":"forms-09","title":"Form 09 - Agent API Keys","description":"An AI agent credential manager with a sidebar quick-copy snippet, a card grid of agent keys with a dropdown-menu of reveal/copy/rotate/revoke actions, and a cr…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/forms-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/forms-09.json"},{"name":"datatable-01","title":"Datatable 01 - Exportable Datatable","description":"Download table records with a single click for reporting, backups, and data sharing. This block is specially built for any application that requires quick and …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-01.json"},{"name":"datatable-02","title":"Datatable 02 - Dense Table","description":"Display large datasets in a compact table layout with reduced spacing for better visibility. Ideal for dashboards where users need to scan more records without…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-02.json"},{"name":"datatable-03","title":"Datatable 03 - Sorting Table","description":"Sort rows by different columns to quickly organize and compare data. Suitable for admin panels, user management, inventory, and reporting interfaces.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-03.json"},{"name":"datatable-04","title":"Datatable 04 - Filter Table","description":"Filter table records with flexible controls to help users find relevant data faster, along with search functionality. Great for CRM systems, ecommerce dashboar…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-04.json"},{"name":"datatable-05","title":"Datatable 05 - Paginated Table","description":"Break large datasets into manageable pages for improved performance and navigation. Fits dashboards that handle customers, orders, products, or financial recor…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-05.json"},{"name":"datatable-06","title":"Datatable 06 - Row Select Table","description":"Export single or multiple rows for bulk actions and data management tasks. Useful for user administration, order processing, and inventory management.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-06.json"},{"name":"datatable-07","title":"Datatable 07 - Column Visibility Table","description":"Show or hide table columns to create a personalized data view for different users. Perfect for dashboards with customizable reporting and flexible workflows.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-07.json"},{"name":"datatable-08","title":"Datatable 08 - Editable Table","description":"Edit table data directly within rows without leaving the current page. Works well for inventory updates, project tracking, and business management tools.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-08.json"},{"name":"datatable-09","title":"Datatable 09 - Sticky Table","description":"Keep important headers or columns visible while scrolling through large datasets. Helpful for financial reports, analytics dashboards, and data-heavy applicati…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-09.json"},{"name":"datatable-10","title":"Datatable 10 - Column Drag and Drop Table","description":"Reorder table columns with drag and drop to match different user preferences. Suitable for customizable dashboards and data management interfaces.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-10.json"},{"name":"datatable-11","title":"Datatable 11 - Row Drag and Drop Table","description":"Rearrange table rows using drag and drop for better organization and prioritization. Great for task management, workflow builders, and content management syste…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-11.json"},{"name":"datatable-12","title":"Datatable 12 - Expandable Table","description":"Use this expandable table to reveal additional details with collapsible rows without navigating away from the page. Useful for customer records, order informat…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-12.json"},{"name":"datatable-13","title":"Datatable 13 - Advanced User Table","description":"A feature-rich user management table with search, status filtering, sorting, row selection, and pagination. Useful for admin panels, user directories, and cust…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-13.json"},{"name":"datatable-14","title":"Datatable 14 - Ticket Queue Table","description":"A support ticket queue table with search, status filtering, drag-and-drop column reordering, and pagination. Useful for support inboxes, ticketing systems, and…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-14.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-14.json"},{"name":"datatable-15","title":"Datatable 15 - Task Manager Table","description":"A grouped task table with collapsible status sections, drag-and-drop between groups, an add task dialog, and filters. Useful for task trackers and project mana…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-15.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-15.json"},{"name":"datatable-16","title":"Datatable 16 - Master Detail Table","description":"A team directory table with live search and department tabs. Clicking a row opens a side sheet with the full profile. Useful for HR, CRM, and team dashboards.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-16.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-16.json"},{"name":"datatable-17","title":"Datatable 17 - Column Actions Table","description":"A customer table with a dropdown on every column title to sort, pin, and move columns, plus a Columns menu to show or hide them. Useful for admin tables users …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-17.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-17.json"},{"name":"datatable-18","title":"Datatable 18 - Hover Preview Appointments Table","description":"A clinic appointments table with search, an add appointment dialog, row actions, and a cancel confirmation. Hovering a row opens a preview card with the visit …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-18.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-18.json"},{"name":"datatable-19","title":"Datatable 19 - Tree Table","description":"A tree table with nested programs, courses, and classes, status and completion filters, and totals rolled up to every parent. Useful for school dashboards, org…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/datatable-19.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/datatable-19.json"},{"name":"sidebar-01","title":"Sidebar 01 - Classic Admin Sidebar","description":"Navigate dashboards with a clean vertical sidebar featuring grouped links for dashboards, pages, apps, and settings. Includes branding, a collapsible layout, a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-01.json"},{"name":"sidebar-02","title":"Sidebar 02 - Mini Sidebar Navigation","description":"Save screen space with a compact sidebar that keeps essential navigation within easy reach. Great for modern dashboards where minimal layouts and faster naviga…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-02.json"},{"name":"sidebar-03","title":"Sidebar 03 - Two Column Sidebar","description":"Separate navigation into two organized columns for better content discovery and quicker access to key sections. Suitable for dashboards with analytics, applica…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-03.json"},{"name":"sidebar-04","title":"Sidebar 04 - Compact Dashboard Navigation","description":"Keep navigation simple with a clean single column sidebar focused on frequently used pages and tools. Fits lightweight admin panels, internal portals, and prod…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-04.json"},{"name":"sidebar-05","title":"Sidebar 05 - Admin Sidebar with Promo","description":"Combine structured dashboard navigation with a dedicated promotional section for upgrades or announcements. Useful for SaaS products that highlight premium pla…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-05.json"},{"name":"sidebar-06","title":"Sidebar 06 - Card Layout Admin Dashboard Sidebar","description":"Navigate large applications through collapsible menu groups, intuitive icons, and well-organized sections. Designed for admin interfaces that require scalable …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-06.json"},{"name":"sidebar-07","title":"Sidebar 07 - Animated Mega-Menu Console Sidebar","description":"Enhance dashboard navigation with animated interactions, expandable flyout menus, and a searchable console-style layout. Ideal for cloud platforms, developer t…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-07.json"},{"name":"sidebar-08","title":"Sidebar 08 - Admin Dashboard Sidebar","description":"Manage dashboard navigation with organized menu groups, icons, and collapsible sections for a cleaner sidebar. Built for admin panels, SaaS platforms, and busi…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-08.json"},{"name":"sidebar-09","title":"Sidebar 09 - Dual Panel Mail Sidebar","description":"Combine a collapsed icon rail, a searchable mail list panel, and a floating quick-action rail in one layout. Suited for mail clients, inbox management tools, a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-09.json"},{"name":"sidebar-10","title":"Sidebar 10 - Workspace Sidebar with Info Panel","description":"Pair a workspace switcher, AI shortcut, favorites, and collapsible project groups with a right-hand panel for schedules, meetings, and checklists. Great for pr…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/sidebar-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/sidebar-10.json"},{"name":"no-data-empty-state","title":"Empty State 01 - No Data Empty State","description":"Help users understand why content is missing instead of displaying a blank screen. Perfect for new projects, dashboards, and first-time experiences that encour…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/no-data-empty-state.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/no-data-empty-state.json"},{"name":"no-search-results","title":"Empty State 02 - No Search Results","description":"Guide users when searches return no matches with clear messaging and helpful suggestions. Improve search experiences by encouraging refined keywords or adjuste…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/no-search-results.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/no-search-results.json"},{"name":"empty-chart-card","title":"Empty State 03 - Empty Chart Card","description":"Display informative placeholders when analytics or reports have no available data. Great for dashboards waiting for integrations, metrics, or newly connected d…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/empty-chart-card.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/empty-chart-card.json"},{"name":"connect-data-empty-state","title":"Empty State 04 - Connect Data Empty State","description":"Prompt users to link a live source or import a CSV before their workspace fills up with data. Pairs primary connection actions with quick-access guide links fo…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/connect-data-empty-state.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/connect-data-empty-state.json"},{"name":"launch-team-workspace-empty-state","title":"Empty State 05 - Launch Team Workspace Empty State","description":"Kick off a new workspace by inviting core teammates and syncing the directory, then surface the next quick actions like deliverables, briefs, and standups.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/launch-team-workspace-empty-state.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/launch-team-workspace-empty-state.json"},{"name":"usage-reports-empty-state","title":"Empty State 06 - Usage Reports Empty State","description":"Let users scope a report by team, project, and date range, then trigger generation from a split action button before any reports have been produced yet.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/usage-reports-empty-state.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/usage-reports-empty-state.json"},{"name":"dashboard-footer-1","title":"Dashboard Footer 01 - Dashboard Footer with Navigation & Social Links","description":"Display essential footer navigation together with social media buttons in a clean layout. Great for SaaS dashboards, admin panels, and web apps that need quick…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-footer-1.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-footer-1.json"},{"name":"dashboard-footer-2","title":"Dashboard Footer 02 - Minimal Copyright Footer","description":"Keep your dashboard clean with a simple one line footer showing copyright information only. Perfect for internal tools, admin dashboards, and applications that…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-footer-2.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-footer-2.json"},{"name":"dashboard-footer-3","title":"Dashboard Footer 03 - Compact Dashboard Footer with Links & Social Icons","description":"Combine copyright text, quick navigation links, and social media icons in a single horizontal footer. Best for modern dashboards where space is limited but ess…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-footer-3.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-footer-3.json"},{"name":"account-setting-1","title":"Account Setting 01 - API Keys & Billing Settings","description":"Manage API keys, usage limits, billing information, and third-party integrations from a single account settings layout. Perfect for SaaS dashboards that need s…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/account-setting-1.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/account-setting-1.json"},{"name":"account-setting-2","title":"Account Setting 02 - Profile & Security Settings","description":"Update personal information, manage passwords, and configure account security with a clean settings interface. Designed for applications that require simple pr…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/account-setting-2.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/account-setting-2.json"},{"name":"kanban-application-01","title":"Kanban Application 01 - Simple Task Board","description":"Manage tasks across To Do, In Progress, and Done columns with a drag-and-drop Kanban board. Add and remove tasks inline, making it a great starting point for l…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/kanban-application-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/kanban-application-01.json"},{"name":"kanban-application-02","title":"Kanban Application 02 - Task Board with Assignees","description":"Organize tasks across To Do, In Progress, In Review, and Done columns with due dates, assignees, and an add or edit task dialog. Ideal for sprint boards, team …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/kanban-application-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/kanban-application-02.json"},{"name":"dashboard-shell-01","title":"Dashboard Shell 01 - Ecommerce Overview","description":"A complete ecommerce admin dashboard shell with overview tabs, update banner, total sales chart, total assets, orders, profit, advertisement cost, and projects…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-01.json"},{"name":"dashboard-shell-02","title":"Dashboard Shell 02 - Ecommerce Sales & Analytics","description":"A full-featured ecommerce dashboard shell with store overview, monthly sales, revenue growth, customer segmentation, order overview, user activity, ecommerce a…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-02.json"},{"name":"dashboard-shell-03","title":"Dashboard Shell 03 - Marketing & Traffic Analytics","description":"A marketing analytics dashboard shell featuring a report banner, key insights, website visits, sales distribution, product action cards, campaign performance, …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-03.json"},{"name":"dashboard-shell-04","title":"Dashboard Shell 04 - SaaS & AI Dashboard","description":"A SaaS and AI-focused dashboard shell with a header, metric cards, sales overview, revenue distribution, AI chat assistant, and best AI products sections. Perf…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-04.json"},{"name":"dashboard-shell-05","title":"Dashboard Shell 05 - School & Education Dashboard","description":"A school and education management dashboard shell with a header, metric cards, attendance overview, grade distribution, fees paid, fees pending, staff salary, …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-05.json"},{"name":"dashboard-shell-06","title":"Dashboard Shell 06 - Healthcare & Hospital Dashboard","description":"A healthcare and hospital management dashboard shell with a header, total patients, monthly revenue, weekly appointments, patient flow, recent patients, doctor…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-06.json"},{"name":"dashboard-shell-07","title":"Dashboard Shell 07 - Restaurant POS Analytics Dashboard","description":"A restaurant POS analytics dashboard shell with a POS header, KPI stat cards, weekly revenue overview, order type distribution, top selling items, recent payme…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-07.json"},{"name":"dashboard-shell-08","title":"Dashboard Shell 08 - Logistics & Supply Chain Command","description":"A logistics and supply chain dashboard shell with a fleet command header, KPI metric grid, freight volume & SLA trend chart, carrier cost breakdown, shipment s…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/dashboard-shell-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/dashboard-shell-08.json"},{"name":"ai-chat-01","title":"AI Chat 01 - Chat","description":"A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a compose…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-chat-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-chat-01.json"},{"name":"ai-chat-02","title":"AI Chat 02 - Composer","description":"A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation,…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-chat-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-chat-02.json"},{"name":"ai-chat-03","title":"AI Chat 03 - Chat Shell","description":"The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace …","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-chat-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-chat-03.json"},{"name":"ai-chat-04","title":"AI Chat 04 - Assistant Panel","description":"A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history,…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-chat-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-chat-04.json"},{"name":"ai-chat-05","title":"AI Chat 05 - Share Dialog","description":"The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block.","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-chat-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-chat-05.json"},{"name":"ai-chat-06","title":"AI Chat 06 - Chat Console","description":"A new-thread landing screen with a mode switcher, suggestion list, a recent-threads history popover, and a full message-thread chat view with a composer that h…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/ai-chat-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/ai-chat-06.json"},{"name":"user-profile-01","title":"User Profile 01 - Access & Security","description":"A member profile panel with tabs for Access, Authentication, Sessions, Activity, and Danger zone, including role/team pickers, permission badges, active sessio…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/user-profile-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/user-profile-01.json"},{"name":"user-profile-02","title":"User Profile 02- Invitations","description":"An invitations manager with search, status filtering, and pagination, built as grouped rows instead of a data table. Each invite shows role, inviter, sent date…","type":"registry:block","source_url":"https://shadcndashboard.dev/r/user-profile-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/user-profile-02.json"},{"name":"animated-list-01","title":"Animated List 01 - Default","description":"Animated List component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/animated-list-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-list-01.json"},{"name":"animated-list-02","title":"Animated List 02 - Setup Steps","description":"Setup Steps component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/animated-list-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-list-02.json"},{"name":"animated-list-03","title":"Animated List 03 - Expandable Stack","description":"Expandable stack of cards showing notifications with dynamic spring layouts","type":"registry:component","source_url":"https://shadcndashboard.dev/r/animated-list-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/animated-list-03.json"},{"name":"accordion-01","title":"Accordion-01 - Default","description":"Default accordion component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-01.json"},{"name":"accordion-02","title":"Accordion-02 - Multi-level","description":"Multi-level accordion component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-02.json"},{"name":"accordion-03","title":"Accordion-03 - Numbered FAQ","description":"FAQ accordion with numbered items, background fill on open, and +/- toggle","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-03.json"},{"name":"accordion-04","title":"Accordion-04 - Card","description":"Accordion wrapped in a rounded card with left-aligned +/- icons and border dividers","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-04.json"},{"name":"accordion-05","title":"Accordion-05 - Media","description":"Accordion with icon trigger, description, and an image revealed on open","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-05.json"},{"name":"accordion-06","title":"Accordion-06 - Filled Trigger","description":"Accordion with a filled accent background on the trigger header","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-06.json"},{"name":"accordion-07","title":"Accordion-07 - Motion Services","description":"Animated accordion with a number bubble, sliding title shift, and an expanding bottom line on hover and active states — built with motion/react for fluid sprin…","type":"registry:component","source_url":"https://shadcndashboard.dev/r/accordion-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/accordion-07.json"},{"name":"avatar-01","title":"Avatar-01 - Default","description":"Default avatar component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-01.json"},{"name":"avatar-02","title":"Avatar-02 - Group","description":"Group avatar component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-02.json"},{"name":"avatar-03","title":"Avatar-03 - Badge","description":"Badge avatar component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-03.json"},{"name":"avatar-04","title":"Avatar-04 - Border","description":"Border avatar component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-04.json"},{"name":"avatar-05","title":"Avatar-05 - Counter","description":"Counter avatar component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-05.json"},{"name":"avatar-06","title":"Avatar-06 - Fallback","description":"Fallback avatar component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-06.json"},{"name":"avatar-07","title":"Avatar-07 - Selectable Avatar","description":"Animated selectable avatar button with optional badge and name label","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-07.json"},{"name":"avatar-08","title":"Avatar-08 - Avatar stack","description":"Stacked avatar group with overflow count and popularity indicator","type":"registry:component","source_url":"https://shadcndashboard.dev/r/avatar-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/avatar-08.json"},{"name":"button-01","title":"Button-01 - With Icon","description":"With Icon button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-01.json"},{"name":"button-02","title":"Button-02 - Shiny Text","description":"Shiny Text button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-02.json"},{"name":"button-03","title":"Button-03 - Shine Hover","description":"Shine Hover button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-03.json"},{"name":"button-04","title":"Button-04 - Heartbeat Effect","description":"Heartbeat Effect button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-04.json"},{"name":"button-05","title":"Button-05 - Get Figma File","description":"Get Figma File button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-05.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-05.json"},{"name":"button-06","title":"Button-06 - Animated Border","description":"Animated Border button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-06.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-06.json"},{"name":"button-07","title":"Button-07 - Social","description":"Social button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-07.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-07.json"},{"name":"button-08","title":"Button-08 - Social Icon","description":"Social Icon button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-08.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-08.json"},{"name":"button-09","title":"Button-09 - Outline With Icon","description":"Outline With Icon button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-09.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-09.json"},{"name":"button-10","title":"Button-10 - Save","description":"Save button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-10.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-10.json"},{"name":"button-11","title":"Button-11 - Cancel","description":"Cancel button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-11.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-11.json"},{"name":"button-12","title":"Button-12 - Default","description":"Default button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-12.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-12.json"},{"name":"button-13","title":"Button-13 - Size xs","description":"Size xs button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-13.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-13.json"},{"name":"button-14","title":"Button-14 - Size sm","description":"Size sm button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-14.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-14.json"},{"name":"button-15","title":"Button-15 - Size lg","description":"Size lg button component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-15.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-15.json"},{"name":"button-16","title":"Button-16 - Ripple Spotlight","description":"Mouse-tracking ripple spotlight effect button","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-16.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-16.json"},{"name":"button-17","title":"Button-17 - Blob Fill","description":"Circle blob expands from bottom center on hover to fill the button","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-17.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-17.json"},{"name":"button-18","title":"Button-18 - Promo Code Copy","description":"Animated promo code copy button with blur transition and progress fill","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-18.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-18.json"},{"name":"button-19","title":"Button-19 - Interactive Hover","description":"Interactive Hover button","type":"registry:component","source_url":"https://shadcndashboard.dev/r/button-19.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/button-19.json"},{"name":"badge-01","title":"Badge-01 - Default","description":"Badge component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/badge-01.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-01.json"},{"name":"badge-02","title":"Badge-02 - Count","description":"Badge component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/badge-02.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-02.json"},{"name":"badge-03","title":"Badge-03 - Outline","description":"Badge component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/badge-03.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-03.json"},{"name":"badge-04","title":"Badge-04 - With Icon","description":"Badge component","type":"registry:component","source_url":"https://shadcndashboard.dev/r/badge-04.json","install_command":"npx shadcn@latest add https://shadcndashboard.dev/r/badge-04.json"}]},{"id":"usva","name":"@usva","slug":"usva","description":"A React design language in three themes, where kajo is atmospheric and dark, sisu is dense and quick, and savi is the light ground. One token vocabulary underneath, including WebGL atmospheres that honour reduced-motion. Every component installs from npm or copies in from this registry.","author":"matt-pasek","framework":"react","license":null,"tags":["3d","animation","blocks","buttons","cards","dashboard","forms","loaders","maps","marketing","media","navigation","onboarding","overlays","payments","retro","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://usva.build","github":"https://github.com/matt-pasek/usva","registry":"https://usva.build/r/registry.json","source":"https://usva.build/r/registry.json","page":"https://sh4dcn.netlify.app/registry/usva","markdown":"https://sh4dcn.netlify.app/md/usva.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='7 19 88 62' width='24' height='24'><path fill-rule='evenodd' fill='var(--foreground)' d='M7,50a31,31 0 1,0 62,0a31,31 0 1,0 -62,0M33,50a31,31 0 1,0 62,0a31,31 0 1,0 -62,0'/></svg>","preview_image":"https://usva.build/og","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":1,"last_commit":"2026-10-08T01:05:55Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://usva.build/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://usva.build/r/registry.json","install_bun":"bunx shadcn@latest add https://usva.build/r/registry.json","clone":"git clone https://github.com/matt-pasek/usva.git","clone_degit":"npx degit matt-pasek/usva","registry_fetch":"curl -s https://usva.build/r/registry.json"},"component_count":83,"components":[{"name":"announcement","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/announcement.json","install_command":"npx shadcn@latest add https://usva.build/r/announcement.json"},{"name":"avatar","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/avatar.json","install_command":"npx shadcn@latest add https://usva.build/r/avatar.json"},{"name":"badge","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/badge.json","install_command":"npx shadcn@latest add https://usva.build/r/badge.json"},{"name":"button","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/button.json","install_command":"npx shadcn@latest add https://usva.build/r/button.json"},{"name":"callout","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/callout.json","install_command":"npx shadcn@latest add https://usva.build/r/callout.json"},{"name":"card","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/card.json","install_command":"npx shadcn@latest add https://usva.build/r/card.json"},{"name":"checkbox","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/checkbox.json","install_command":"npx shadcn@latest add https://usva.build/r/checkbox.json"},{"name":"chip","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/chip.json","install_command":"npx shadcn@latest add https://usva.build/r/chip.json"},{"name":"code-snippet","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/code-snippet.json","install_command":"npx shadcn@latest add https://usva.build/r/code-snippet.json"},{"name":"color-field","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/color-field.json","install_command":"npx shadcn@latest add https://usva.build/r/color-field.json"},{"name":"dialog","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/dialog.json","install_command":"npx shadcn@latest add https://usva.build/r/dialog.json"},{"name":"drawer","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/drawer.json","install_command":"npx shadcn@latest add https://usva.build/r/drawer.json"},{"name":"dropdown-menu","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://usva.build/r/dropdown-menu.json"},{"name":"hint-popover","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/hint-popover.json","install_command":"npx shadcn@latest add https://usva.build/r/hint-popover.json"},{"name":"input","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/input.json","install_command":"npx shadcn@latest add https://usva.build/r/input.json"},{"name":"knob","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/knob.json","install_command":"npx shadcn@latest add https://usva.build/r/knob.json"},{"name":"label","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/label.json","install_command":"npx shadcn@latest add https://usva.build/r/label.json"},{"name":"list","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/list.json","install_command":"npx shadcn@latest add https://usva.build/r/list.json"},{"name":"loading-overlay","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/loading-overlay.json","install_command":"npx shadcn@latest add https://usva.build/r/loading-overlay.json"},{"name":"log-line","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/log-line.json","install_command":"npx shadcn@latest add https://usva.build/r/log-line.json"},{"name":"notification-badge","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/notification-badge.json","install_command":"npx shadcn@latest add https://usva.build/r/notification-badge.json"},{"name":"overlay-core","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/overlay-core.json","install_command":"npx shadcn@latest add https://usva.build/r/overlay-core.json"},{"name":"popover","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/popover.json","install_command":"npx shadcn@latest add https://usva.build/r/popover.json"},{"name":"progress","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/progress.json","install_command":"npx shadcn@latest add https://usva.build/r/progress.json"},{"name":"radio","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/radio.json","install_command":"npx shadcn@latest add https://usva.build/r/radio.json"},{"name":"select","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/select.json","install_command":"npx shadcn@latest add https://usva.build/r/select.json"},{"name":"skeleton","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/skeleton.json","install_command":"npx shadcn@latest add https://usva.build/r/skeleton.json"},{"name":"slider","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/slider.json","install_command":"npx shadcn@latest add https://usva.build/r/slider.json"},{"name":"spinner","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/spinner.json","install_command":"npx shadcn@latest add https://usva.build/r/spinner.json"},{"name":"stat-chip","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/stat-chip.json","install_command":"npx shadcn@latest add https://usva.build/r/stat-chip.json"},{"name":"switch","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/switch.json","install_command":"npx shadcn@latest add https://usva.build/r/switch.json"},{"name":"tabs","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/tabs.json","install_command":"npx shadcn@latest add https://usva.build/r/tabs.json"},{"name":"terminal","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/terminal.json","install_command":"npx shadcn@latest add https://usva.build/r/terminal.json"},{"name":"textarea","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/textarea.json","install_command":"npx shadcn@latest add https://usva.build/r/textarea.json"},{"name":"toast","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/toast.json","install_command":"npx shadcn@latest add https://usva.build/r/toast.json"},{"name":"toggle-chip","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/toggle-chip.json","install_command":"npx shadcn@latest add https://usva.build/r/toggle-chip.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/tooltip.json","install_command":"npx shadcn@latest add https://usva.build/r/tooltip.json"},{"name":"bento-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/bento-grid.json","install_command":"npx shadcn@latest add https://usva.build/r/bento-grid.json"},{"name":"case-study-hero","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/case-study-hero.json","install_command":"npx shadcn@latest add https://usva.build/r/case-study-hero.json"},{"name":"checklist-card","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/checklist-card.json","install_command":"npx shadcn@latest add https://usva.build/r/checklist-card.json"},{"name":"cta-banner","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/cta-banner.json","install_command":"npx shadcn@latest add https://usva.build/r/cta-banner.json"},{"name":"dashboard-grid","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/dashboard-grid.json","install_command":"npx shadcn@latest add https://usva.build/r/dashboard-grid.json"},{"name":"disclosure-row","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/disclosure-row.json","install_command":"npx shadcn@latest add https://usva.build/r/disclosure-row.json"},{"name":"empty-state","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/empty-state.json","install_command":"npx shadcn@latest add https://usva.build/r/empty-state.json"},{"name":"entity-card","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/entity-card.json","install_command":"npx shadcn@latest add https://usva.build/r/entity-card.json"},{"name":"feature-carousel","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/feature-carousel.json","install_command":"npx shadcn@latest add https://usva.build/r/feature-carousel.json"},{"name":"field-group","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/field-group.json","install_command":"npx shadcn@latest add https://usva.build/r/field-group.json"},{"name":"footer","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/footer.json","install_command":"npx shadcn@latest add https://usva.build/r/footer.json"},{"name":"hero-split","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/hero-split.json","install_command":"npx shadcn@latest add https://usva.build/r/hero-split.json"},{"name":"mockup-showcase","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/mockup-showcase.json","install_command":"npx shadcn@latest add https://usva.build/r/mockup-showcase.json"},{"name":"page-header","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/page-header.json","install_command":"npx shadcn@latest add https://usva.build/r/page-header.json"},{"name":"panel","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/panel.json","install_command":"npx shadcn@latest add https://usva.build/r/panel.json"},{"name":"progress-row","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/progress-row.json","install_command":"npx shadcn@latest add https://usva.build/r/progress-row.json"},{"name":"pullquote","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/pullquote.json","install_command":"npx shadcn@latest add https://usva.build/r/pullquote.json"},{"name":"roadmap-timeline","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/roadmap-timeline.json","install_command":"npx shadcn@latest add https://usva.build/r/roadmap-timeline.json"},{"name":"section-heading","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/section-heading.json","install_command":"npx shadcn@latest add https://usva.build/r/section-heading.json"},{"name":"section-label","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/section-label.json","install_command":"npx shadcn@latest add https://usva.build/r/section-label.json"},{"name":"segmented-control","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/segmented-control.json","install_command":"npx shadcn@latest add https://usva.build/r/segmented-control.json"},{"name":"stat-bento","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/stat-bento.json","install_command":"npx shadcn@latest add https://usva.build/r/stat-bento.json"},{"name":"stat-card","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/stat-card.json","install_command":"npx shadcn@latest add https://usva.build/r/stat-card.json"},{"name":"step-chips","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/step-chips.json","install_command":"npx shadcn@latest add https://usva.build/r/step-chips.json"},{"name":"step-list","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/step-list.json","install_command":"npx shadcn@latest add https://usva.build/r/step-list.json"},{"name":"stripe-card","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/stripe-card.json","install_command":"npx shadcn@latest add https://usva.build/r/stripe-card.json"},{"name":"toolbar","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/toolbar.json","install_command":"npx shadcn@latest add https://usva.build/r/toolbar.json"},{"name":"sula-core","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-core.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-core.json"},{"name":"sula-fab","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-fab.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-fab.json"},{"name":"sula-field","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-field.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-field.json"},{"name":"sula-frame","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-frame.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-frame.json"},{"name":"sula-loader","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-loader.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-loader.json"},{"name":"sula-motion","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-motion.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-motion.json"},{"name":"sula-nav","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-nav.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-nav.json"},{"name":"sula-segmented","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/sula-segmented.json","install_command":"npx shadcn@latest add https://usva.build/r/sula-segmented.json"},{"name":"page-transition","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/page-transition.json","install_command":"npx shadcn@latest add https://usva.build/r/page-transition.json"},{"name":"reveal","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/reveal.json","install_command":"npx shadcn@latest add https://usva.build/r/reveal.json"},{"name":"atmospheres-core","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/atmospheres-core.json","install_command":"npx shadcn@latest add https://usva.build/r/atmospheres-core.json"},{"name":"hehku","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/hehku.json","install_command":"npx shadcn@latest add https://usva.build/r/hehku.json"},{"name":"kajastus","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/kajastus.json","install_command":"npx shadcn@latest add https://usva.build/r/kajastus.json"},{"name":"kuulto","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/kuulto.json","install_command":"npx shadcn@latest add https://usva.build/r/kuulto.json"},{"name":"kynnos","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/kynnos.json","install_command":"npx shadcn@latest add https://usva.build/r/kynnos.json"},{"name":"loimu","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/loimu.json","install_command":"npx shadcn@latest add https://usva.build/r/loimu.json"},{"name":"routa","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/routa.json","install_command":"npx shadcn@latest add https://usva.build/r/routa.json"},{"name":"utu","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/utu.json","install_command":"npx shadcn@latest add https://usva.build/r/utu.json"},{"name":"vare","title":null,"description":null,"type":"registry:ui","source_url":"https://usva.build/r/vare.json","install_command":"npx shadcn@latest add https://usva.build/r/vare.json"}]},{"id":"atelier","name":"@atelier","slug":"atelier","description":"A WebGL and Motion system for React that runs many effects on one shared canvas. Shader, cursor, scroll and text effects, 3D galleries, plus page transitions for Next.js. Built with Three.js, React Three Fiber, Motion, and Lenis smooth scroll.","author":"whatisjery","framework":"react","license":"MIT","tags":["3d","ai","animation","backgrounds","glassmorphism","media","payments","retro","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.atelier-ui.com","github":"https://github.com/whatisjery/atelier-ui","registry":"https://www.atelier-ui.com/r/registry.json","source":"https://www.atelier-ui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/atelier","markdown":"https://sh4dcn.netlify.app/md/atelier.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='var(--foreground)' width='24' height='24'><path d='M22 8h9v13h10v18H26V24l-9.5 15H7V28z'/></svg>","preview_image":"https://atelier-ui.com/images/og_img_light.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":43,"open_issues":0,"last_commit":"2026-10-20T23:51:11Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.atelier-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.atelier-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.atelier-ui.com/r/registry.json","clone":"git clone https://github.com/whatisjery/atelier-ui.git","clone_degit":"npx degit whatisjery/atelier-ui","registry_fetch":"curl -s https://www.atelier-ui.com/r/registry.json"},"component_count":51,"components":[{"name":"fluid-distortion","title":"Fluid Distortion","description":"A fluid distortion effect that follows the cursor.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/fluid-distortion.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/fluid-distortion.json"},{"name":"pixel-trail","title":"Pixel Trail","description":"A trail of pixels that follows the cursor.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/pixel-trail.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/pixel-trail.json"},{"name":"magnetic-dot-grid","title":"Magnetic Dot Grid","description":"A grid of dots that reacts to the cursor.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/magnetic-dot-grid.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/magnetic-dot-grid.json"},{"name":"pixelated-text","title":"Pixelated Text","description":"Text that pixelates in and out.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/pixelated-text.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/pixelated-text.json"},{"name":"image-trail","title":"Image Trail","description":"A trail of images that follows the cursor.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/image-trail.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/image-trail.json"},{"name":"infinite-gallery","title":"Infinite Gallery","description":"A gallery that loops forever.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/infinite-gallery.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/infinite-gallery.json"},{"name":"text-scramble","title":"Text Scramble","description":"Text that scrambles into place.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/text-scramble.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/text-scramble.json"},{"name":"liquid-media","title":"Liquid Media","description":"An image or video that ripples under the cursor.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/liquid-media.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/liquid-media.json"},{"name":"infinite-parallax","title":"Infinite Parallax","description":"Infinite scrolling columns with parallax.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/infinite-parallax.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/infinite-parallax.json"},{"name":"infinite-zoom","title":"Infinite Zoom","description":"An infinite zoom through images.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/infinite-zoom.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/infinite-zoom.json"},{"name":"scattered-scroll","title":"Scattered Scroll","description":"Items that spread apart while scrolling.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/scattered-scroll.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/scattered-scroll.json"},{"name":"text-split","title":"Text Split","description":"A utility that splits text for animation.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/text-split.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/text-split.json"},{"name":"text-bounce","title":"Text Bounce","description":"Text that bounces away on hover.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/text-bounce.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/text-bounce.json"},{"name":"webgl-portal","title":"Webgl Portal","description":"A shared portal between the DOM and the canvas.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/webgl-portal.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/webgl-portal.json"},{"name":"webgl-provider","title":"Webgl Provider","description":"A single shared WebGL canvas for the whole app.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/webgl-provider.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/webgl-provider.json"},{"name":"smooth-scroll","title":"Smooth Scroll","description":"Smooth scrolling for the whole page.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/smooth-scroll.json"},{"name":"webgl-image","title":"Webgl Image","description":"A WebGL plane that mirrors an image.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/webgl-image.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/webgl-image.json"},{"name":"webgl-video","title":"Webgl Video","description":"A WebGL plane that mirrors a video.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/webgl-video.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/webgl-video.json"},{"name":"webgl-text","title":"Webgl Text","description":"A WebGL plane that mirrors text.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/webgl-text.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/webgl-text.json"},{"name":"curve-media","title":"Curve Media","description":"An image or video that bends as you scroll.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/curve-media.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/curve-media.json"},{"name":"lens-media","title":"Lens Media","description":"An image or video with a cursor-following lens.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/lens-media.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/lens-media.json"},{"name":"text-fluid","title":"Text Fluid","description":"Text with an animated shimmer and distortion.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/text-fluid.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/text-fluid.json"},{"name":"pixel-media","title":"Pixel Media","description":"An image or video that breaks into pixels under the cursor.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/pixel-media.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/pixel-media.json"},{"name":"webgl-scene","title":"Webgl Scene","description":"A viewport with its own scene and camera on the shared canvas.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/webgl-scene.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/webgl-scene.json"},{"name":"sphere-gallery","title":"Sphere Gallery","description":"A gallery of images mapped onto a sphere.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/sphere-gallery.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/sphere-gallery.json"},{"name":"spiral-gallery","title":"Spiral Gallery","description":"An infinite carousel of images staggered along a spiraling tube that scrolls indefinitely.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/spiral-gallery.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/spiral-gallery.json"},{"name":"pixel-scroll","title":"Pixel Scroll","description":"A grid of pixels that fills in as you scroll.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/pixel-scroll.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/pixel-scroll.json"},{"name":"orbit-gallery","title":"Orbit Gallery","description":"A gallery of images on rotating rings.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/orbit-gallery.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/orbit-gallery.json"},{"name":"edge-bounce","title":"Edge Bounce","description":"A wrapper that bounces away from the cursor on hover.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/edge-bounce.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/edge-bounce.json"},{"name":"agent-rules","title":"Agent Rules","description":"Wiring rules an AI agent reads before using Atelier components.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/agent-rules.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/agent-rules.json"},{"name":"base","title":"Base","description":"The Atelier system: one shared canvas, smooth scroll, and the agent rules.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/base.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/base.json"},{"name":"text-roll","title":"Text Roll","description":"Text that rolls through its letters.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/text-roll.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/text-roll.json"},{"name":"halftone-glow","title":"Halftone Glow","description":"A glowing halftone background.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/halftone-glow.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/halftone-glow.json"},{"name":"elastic-stick","title":"Elastic Stick","description":"Items that bounce and stick to the center while scrolling.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/elastic-stick.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/elastic-stick.json"},{"name":"glowing-fog","title":"Glowing Fog","description":"A glowing fog background.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/glowing-fog.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/glowing-fog.json"},{"name":"gradient-flow","title":"Gradient Flow","description":"An animated flowing gradient background.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/gradient-flow.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/gradient-flow.json"},{"name":"wavy-scroll","title":"Wavy Scroll","description":"Text and images that wave across the screen while scrolling.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/wavy-scroll.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/wavy-scroll.json"},{"name":"letter-swarm","title":"Letter Swarm","description":"Letters that come together into readable text as you scroll, then scatter again.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/letter-swarm.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/letter-swarm.json"},{"name":"magnify-trail","title":"Magnify Trail","description":"Images that traverse the screen, magnifying and rising to the top of the stack as they pass the center.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/magnify-trail.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/magnify-trail.json"},{"name":"stacking-grid","title":"Stacking Grid","description":"A configurable grid of cards that stacks to the center while scrolling.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/stacking-grid.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/stacking-grid.json"},{"name":"scattered-grid","title":"Scattered Grid","description":"A grid that scatters away from the hovered item.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/scattered-grid.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/scattered-grid.json"},{"name":"hover-burst","title":"Hover Burst","description":"Images or items that burst around the cursor when it enters an element.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/hover-burst.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/hover-burst.json"},{"name":"tag-cloud","title":"Tag Cloud","description":"Flat images scattered over a draggable sphere, where depth is only a change of scale.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/tag-cloud.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/tag-cloud.json"},{"name":"falling-text","title":"Falling Text","description":"Text that falls and bounces when the cursor moves over it.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/falling-text.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/falling-text.json"},{"name":"image-bloom","title":"Image Bloom","description":"Images that pop up along the cursor's path and fade out behind it.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/image-bloom.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/image-bloom.json"},{"name":"dither-cursor","title":"Dither Cursor","description":"A trail of dithered dots that follows the cursor and bends the scene behind it.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/dither-cursor.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/dither-cursor.json"},{"name":"page-transition","title":"Page Transition","description":"A route transition engine that covers the page during navigation.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/page-transition.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/page-transition.json"},{"name":"clip-transition","title":"Clip Transition","description":"A page transition that clips and scales the page behind a cover.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/clip-transition.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/clip-transition.json"},{"name":"band-transition","title":"Band Transition","description":"A page transition that sweeps staggered bands across the page.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/band-transition.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/band-transition.json"},{"name":"stripe-transition","title":"Stripe Transition","description":"A page transition that wipes a staggered grid of stripes across the page.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/stripe-transition.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/stripe-transition.json"},{"name":"pixel-transition","title":"Pixel Transition","description":"A page transition that pixelates the screen with a fixed grid of squares.","type":"registry:component","source_url":"https://www.atelier-ui.com/r/pixel-transition.json","install_command":"npx shadcn@latest add https://www.atelier-ui.com/r/pixel-transition.json"}]},{"id":"atomloader","name":"@atomloader","slug":"atomloader","description":"Lightweight, customizable CSS-animated atoms loaders for React.","author":"HimanshuTamoli24","framework":"react","license":null,"tags":["animation","blocks","glassmorphism","loaders"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://atomloader.roothq.tech","github":"https://github.com/HimanshuTamoli24/loader","registry":"https://atomloader.roothq.tech/r/registry.json","source":"https://atomloader.roothq.tech/r/registry.json","page":"https://sh4dcn.netlify.app/registry/atomloader","markdown":"https://sh4dcn.netlify.app/md/atomloader.md"},"logo":"<svg viewBox=\"0 0 256 256\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"256\" height=\"256\" rx=\"64\" fill=\"#0A0A0B\"></rect><path d=\"M72 104L96 80L120 104L96 128L72 104Z\" fill=\"#7FB3FF\"></path><path d=\"M136 72L160 48L184 72L160 96L136 72Z\" fill=\"#7FB3FF\"></path><path d=\"M176 152L200 128L224 152L200 176L176 152Z\" fill=\"#7FB3FF\"></path><path d=\"M88 176L112 152L136 176L112 200L88 176Z\" fill=\"#7FB3FF\"></path><path d=\"M16 80L40 56L64 80L40 104L16 80Z\" fill=\"#7FB3FF\"></path></svg>","preview_image":"https://loader.roothq.tech/opengraph-image?42599ae02824b9b7","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":13,"open_issues":0,"last_commit":"2026-08-23T05:30:23Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://atomloader.roothq.tech/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://atomloader.roothq.tech/r/registry.json","install_bun":"bunx shadcn@latest add https://atomloader.roothq.tech/r/registry.json","clone":"git clone https://github.com/HimanshuTamoli24/loader.git","clone_degit":"npx degit HimanshuTamoli24/loader","registry_fetch":"curl -s https://atomloader.roothq.tech/r/registry.json"},"component_count":250,"components":[{"name":"atom-loader","title":"Atom Loader","description":"Universal CSS-animated matrix loader with 500+ pattern configurations.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/atom-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/atom-loader.json"},{"name":"dot-pulse-loader","title":"Dot Pulse","description":"A single central dot rhythmically pulsing with a soft glow.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-pulse-loader.json"},{"name":"dot-duo-orbit-loader","title":"Dot Duo Orbit","description":"Two opposing dots revolving around a vacant center point.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-duo-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-duo-orbit-loader.json"},{"name":"dot-trio-breathe-loader","title":"Dot Trio Breathe","description":"Three collinear dots breathing with phase-shifted opacity.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-trio-breathe-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-trio-breathe-loader.json"},{"name":"dot-quad-spin-loader","title":"Dot Quad Spin","description":"Four cardinal dots chasing each other in a continuous circular sequence.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-quad-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-quad-spin-loader.json"},{"name":"dot-cross-bounce-loader","title":"Dot Cross Bounce","description":"Five dots forming a plus shape with energetic cross-harmonic bouncing.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-cross-bounce-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-cross-bounce-loader.json"},{"name":"dot-linear-cascade-loader","title":"Dot Linear Cascade","description":"A 5-dot horizontal row cascading left-to-right like a laser line.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-linear-cascade-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-linear-cascade-loader.json"},{"name":"dot-vertical-drip-loader","title":"Dot Vertical Drip","description":"A vertical stream of five particles falling smoothly downwards.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-vertical-drip-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-vertical-drip-loader.json"},{"name":"dot-diagonal-meteor-loader","title":"Dot Diagonal Meteor","description":"A diagonal streak of particles traveling downwards from corner to corner.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-diagonal-meteor-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-diagonal-meteor-loader.json"},{"name":"dot-corner-ping-loader","title":"Dot Corner Ping","description":"Four corner dots bouncing alternating energy across diagonals.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-corner-ping-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-corner-ping-loader.json"},{"name":"dot-center-burst-loader","title":"Dot Center Burst","description":"A center particle exploding outward to 8 surrounding boundary dots.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-center-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-center-burst-loader.json"},{"name":"dot-split-merge-loader","title":"Dot Split Merge","description":"Two particles split from center, travel to opposite edges, and return.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-split-merge-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-split-merge-loader.json"},{"name":"dot-snake-3x3-loader","title":"Dot Snake 3x3","description":"A single particle tracing a continuous 3x3 serpentine path.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-snake-3x3-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-snake-3x3-loader.json"},{"name":"dot-flicker-sparse-loader","title":"Dot Flicker Sparse","description":"A randomized constellation of 6 sparse dots flickering unpredictably.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-flicker-sparse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-flicker-sparse-loader.json"},{"name":"dot-magnet-pull-loader","title":"Dot Magnet Pull","description":"Outer perimeter dots pulled simultaneously toward the gravitational center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-magnet-pull-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-magnet-pull-loader.json"},{"name":"dot-twin-helix-loader","title":"Dot Twin Helix","description":"Two interlaced vertical particle paths waving in counter-phase oscillation.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-twin-helix-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-twin-helix-loader.json"},{"name":"dot-leapfrog-line-loader","title":"Dot Leapfrog Line","description":"Particles leapfrogging over one another across a horizontal corridor.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-leapfrog-line-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-leapfrog-line-loader.json"},{"name":"dot-vortex-micro-loader","title":"Dot Vortex Micro","description":"A tight 4-dot vortex spinning with accelerating angular momentum.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-vortex-micro-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-vortex-micro-loader.json"},{"name":"dot-echo-pulse-loader","title":"Dot Echo Pulse","description":"A primary dot pulse followed by twin secondary micro-echoes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-echo-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-echo-pulse-loader.json"},{"name":"dot-asym-corner-loader","title":"Dot Asym Corner","description":"An intentionally asymmetric cluster with 3 heavy corners and 1 light edge.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-asym-corner-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-asym-corner-loader.json"},{"name":"dot-matrix-scan-loader","title":"Dot Matrix Scan","description":"A roving single-dot laser scanning down through matrix coordinates.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/dot-matrix-scan-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/dot-matrix-scan-loader.json"},{"name":"grid-full-wave-loader","title":"Grid Full Wave","description":"A complete 5x5 matrix animated with smooth diagonal surface ripples.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-full-wave-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-full-wave-loader.json"},{"name":"grid-checker-invert-loader","title":"Grid Checker Invert","description":"Alternating checkerboard tiles swapping brightness polarity in rhythm.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-checker-invert-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-checker-invert-loader.json"},{"name":"grid-radial-ripple-loader","title":"Grid Radial Ripple","description":"Concentric rings propagating outwards through the 5x5 lattice.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-radial-ripple-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-radial-ripple-loader.json"},{"name":"grid-cascade-cols-loader","title":"Grid Cascade Cols","description":"Columns illuminating sequentially from left to right like an equalizer.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-cascade-cols-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-cascade-cols-loader.json"},{"name":"grid-sweep-rows-loader","title":"Grid Sweep Rows","description":"Horizontal rows sweeping downwards in a rhythmic vertical scan.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-sweep-rows-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-sweep-rows-loader.json"},{"name":"grid-spiral-traverse-loader","title":"Grid Spiral Traverse","description":"A continuous spiral path sweeping all 25 grid dots inward to center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-spiral-traverse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-spiral-traverse-loader.json"},{"name":"grid-diamond-submatrix-loader","title":"Grid Diamond Submatrix","description":"A dense 5x5 grid with diamond-weighted harmonic intensity.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-diamond-submatrix-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-diamond-submatrix-loader.json"},{"name":"grid-corner-collision-loader","title":"Grid Corner Collision","description":"Four corner wavefronts rushing to collide at the exact central node.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-corner-collision-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-corner-collision-loader.json"},{"name":"grid-stagger-3x3-loader","title":"Grid Stagger 3x3","description":"A tight 3x3 matrix firing in alternating staggered column pairs.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-stagger-3x3-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-stagger-3x3-loader.json"},{"name":"grid-glitch-scatter-loader","title":"Grid Glitch Scatter","description":"Digital glitch distortion randomly displacing active matrix clusters.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-glitch-scatter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-glitch-scatter-loader.json"},{"name":"grid-cross-scan-loader","title":"Grid Cross Scan","description":"Simultaneous vertical and horizontal line scans intersecting at center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-cross-scan-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-cross-scan-loader.json"},{"name":"grid-perimeter-flow-loader","title":"Grid Perimeter Flow","description":"Outer 16-dot border circulating clockwise around a quiescent interior.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-perimeter-flow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-perimeter-flow-loader.json"},{"name":"grid-bipolar-pulse-loader","title":"Grid Bipolar Pulse","description":"Top and bottom grid rows pulsing in opposition against the middle tier.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-bipolar-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-bipolar-pulse-loader.json"},{"name":"grid-diagonal-split-loader","title":"Grid Diagonal Split","description":"Upper-left and lower-right triangles illuminating in antiphase cycle.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-diagonal-split-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-diagonal-split-loader.json"},{"name":"grid-hollow-cross-loader","title":"Grid Hollow Cross","description":"A matrix cross with hollow center pulsing outward like a radar crosshair.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-hollow-cross-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-hollow-cross-loader.json"},{"name":"grid-snake-zigzag-loader","title":"Grid Snake Zigzag","description":"Particles zig-zagging back and forth across every horizontal corridor.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-snake-zigzag-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-snake-zigzag-loader.json"},{"name":"grid-radar-sweep-loader","title":"Grid Radar Sweep","description":"A 360-degree radar beam scanning across the complete 5x5 grid.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-radar-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-radar-sweep-loader.json"},{"name":"grid-checker-ripple-loader","title":"Grid Checker Ripple","description":"Checkerboard pattern with outward traveling concentric brightness waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-checker-ripple-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-checker-ripple-loader.json"},{"name":"grid-interlace-cols-loader","title":"Grid Interlace Cols","description":"Even and odd columns oscillating up and down in counterflow motion.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-interlace-cols-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-interlace-cols-loader.json"},{"name":"grid-matrix-rain-loader","title":"Grid Matrix Rain","description":"Digital matrix data streams trickling down with independent column delays.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/grid-matrix-rain-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/grid-matrix-rain-loader.json"},{"name":"square-perimeter-orbit-loader","title":"Square Perimeter Orbit","description":"A bright single particle cycling around a 5x5 square perimeter.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-perimeter-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-perimeter-orbit-loader.json"},{"name":"square-dual-chase-loader","title":"Square Dual Chase","description":"Two diametrically opposed particles chasing around a square boundary.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-dual-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-dual-chase-loader.json"},{"name":"square-quad-corner-loader","title":"Square Quad Corner","description":"Four particles initiating at corners, sweeping along edges in sync.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-quad-corner-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-quad-corner-loader.json"},{"name":"square-concentric-iris-loader","title":"Square Concentric Iris","description":"Concentric 5x5 outer and 3x3 inner square rings expanding and contracting.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-concentric-iris-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-concentric-iris-loader.json"},{"name":"square-nested-3x3-loader","title":"Square Nested 3x3","description":"A compact 3x3 square perimeter with rapid clockwise dot traversal.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-nested-3x3-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-nested-3x3-loader.json"},{"name":"square-double-ring-loader","title":"Square Double Ring","description":"Outer 5x5 square and inner 3x3 square spinning in counter-rotation.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-double-ring-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-double-ring-loader.json"},{"name":"square-collapse-implode-loader","title":"Square Collapse Implode","description":"A hollow square collapsing step-by-step into a solid central mass.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-collapse-implode-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-collapse-implode-loader.json"},{"name":"square-expand-explode-loader","title":"Square Expand Explode","description":"A single central pixel expanding outward to form a large square contour.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-expand-explode-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-expand-explode-loader.json"},{"name":"square-edge-sweep-loader","title":"Square Edge Sweep","description":"Each of the 4 edges illuminating in sequential clockwise cascade.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-edge-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-edge-sweep-loader.json"},{"name":"square-opposing-tails-loader","title":"Square Opposing Tails","description":"Two opposing light trails orbiting in reverse directions across square edges.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-opposing-tails-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-opposing-tails-loader.json"},{"name":"square-corner-pulse-loader","title":"Square Corner Pulse","description":"The 4 corner vertices pulsing with sharp, energetic accents.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-corner-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-corner-pulse-loader.json"},{"name":"square-hollow-wave-loader","title":"Square Hollow Wave","description":"A traveling wave cycling around hollow square boundaries.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-hollow-wave-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-hollow-wave-loader.json"},{"name":"square-cross-fill-loader","title":"Square Cross Fill","description":"A square that fills inwards via horizontal and vertical center bars.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-cross-fill-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-cross-fill-loader.json"},{"name":"square-diagonal-split-loader","title":"Square Diagonal Split","description":"A square perimeter cut diagonally with two asynchronous lighting phases.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-diagonal-split-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-diagonal-split-loader.json"},{"name":"square-snake-inward-loader","title":"Square Snake Inward","description":"A continuous snake crawling along square edges and spiraling to the center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-snake-inward-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-snake-inward-loader.json"},{"name":"square-radar-crosshair-loader","title":"Square Radar Crosshair","description":"A square boundary with an internal sweeping radar crosshair.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-radar-crosshair-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-radar-crosshair-loader.json"},{"name":"square-checker-corners-loader","title":"Square Checker Corners","description":"A square perimeter with alternating corner and edge checker polarity.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-checker-corners-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-checker-corners-loader.json"},{"name":"square-leapfrog-edges-loader","title":"Square Leapfrog Edges","description":"Particles leapfrogging between adjacent midpoints of the square.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-leapfrog-edges-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-leapfrog-edges-loader.json"},{"name":"square-asym-notch-loader","title":"Square Asym Notch","description":"A square contour with one notched corner creating asymmetric orbit flow.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-asym-notch-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-asym-notch-loader.json"},{"name":"square-breathe-solid-loader","title":"Square Breathe Solid","description":"A solid 4x4 square breathing with smooth harmonic intensity waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-breathe-solid-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-breathe-solid-loader.json"},{"name":"square-tunnel-depth-loader","title":"Square Tunnel Depth","description":"Concentric square layers creating an illusion of 3D depth acceleration.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-tunnel-depth-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-tunnel-depth-loader.json"},{"name":"square-stair-drop-loader","title":"Square Stair Drop","description":"Square rows dropping down sequentially like gravity-driven stairs.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-stair-drop-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-stair-drop-loader.json"},{"name":"square-dna-helix-loader","title":"Square DNA Helix","description":"Opposing square sides oscillating vertically with sinusoidal delay offset.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-dna-helix-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-dna-helix-loader.json"},{"name":"square-vortex-spin-loader","title":"Square Vortex Spin","description":"A square matrix animated as an angular swirling vortex.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-vortex-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-vortex-spin-loader.json"},{"name":"square-glitch-perimeter-loader","title":"Square Glitch Perimeter","description":"A square perimeter with digital micro-stutters and random dropouts.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-glitch-perimeter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-glitch-perimeter-loader.json"},{"name":"square-echo-burst-loader","title":"Square Echo Burst","description":"A center dot exploding into a 3x3 square, followed by a 5x5 echo.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-echo-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-echo-burst-loader.json"},{"name":"square-magnetic-core-loader","title":"Square Magnetic Core","description":"Outer square edges magnetized toward an active central nucleus.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-magnetic-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-magnetic-core-loader.json"},{"name":"square-counter-scan-loader","title":"Square Counter Scan","description":"Top and bottom edges scanning right, left and right edges scanning down.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-counter-scan-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-counter-scan-loader.json"},{"name":"square-flicker-mesh-loader","title":"Square Flicker Mesh","description":"A hollow square with flickering boundary nodes resembling digital circuitry.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-flicker-mesh-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-flicker-mesh-loader.json"},{"name":"square-triple-orbit-loader","title":"Square Triple Orbit","description":"Three particles distributed equally, traveling around a square ring.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/square-triple-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/square-triple-orbit-loader.json"},{"name":"circle-orbit-smooth-loader","title":"Circle Orbit Smooth","description":"A luminous particle orbiting smoothly around a circular 12-dot ring.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-orbit-smooth-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-orbit-smooth-loader.json"},{"name":"circle-dual-orbit-opposing-loader","title":"Circle Dual Orbit Opposing","description":"Two opposing particles traveling in counter-rotational directions.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-dual-orbit-opposing-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-dual-orbit-opposing-loader.json"},{"name":"circle-triple-pulse-loader","title":"Circle Triple Pulse","description":"Three equidistant particles orbiting around a circle with synchronized pulses.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-triple-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-triple-pulse-loader.json"},{"name":"circle-iris-dilation-loader","title":"Circle Iris Dilation","description":"A circular perimeter expanding and contracting like a camera aperture.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-iris-dilation-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-iris-dilation-loader.json"},{"name":"circle-radial-burst-loader","title":"Circle Radial Burst","description":"A center point bursting radially outward into a sparkling circular boundary.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-radial-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-radial-burst-loader.json"},{"name":"circle-imploding-core-loader","title":"Circle Imploding Core","description":"A circular perimeter collapsing into a dense central nucleus.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-imploding-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-imploding-core-loader.json"},{"name":"circle-compass-scan-loader","title":"Circle Compass Scan","description":"Four cardinal dots rotating like a nautical compass pointer.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-compass-scan-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-compass-scan-loader.json"},{"name":"circle-wave-crest-loader","title":"Circle Wave Crest","description":"A sinusoidal crest circulating continuously around circular edges.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-wave-crest-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-wave-crest-loader.json"},{"name":"circle-eclipse-shadow-loader","title":"Circle Eclipse Shadow","description":"A traveling dark shadow occluding and revealing circular nodes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-eclipse-shadow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-eclipse-shadow-loader.json"},{"name":"circle-split-arcs-loader","title":"Circle Split Arcs","description":"Two semi-circular arcs separating and reconnecting at the poles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-split-arcs-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-split-arcs-loader.json"},{"name":"circle-dna-orbit-loader","title":"Circle DNA Orbit","description":"Two interlaced particles oscillating along circular perimeter coordinates.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-dna-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-dna-orbit-loader.json"},{"name":"circle-magnet-flux-loader","title":"Circle Magnet Flux","description":"Radial flux lines pulling inwards and repelling outwards in breath cycle.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-magnet-flux-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-magnet-flux-loader.json"},{"name":"circle-leapfrog-quad-loader","title":"Circle Leapfrog Quad","description":"Four particles hopping over each other around circular positions.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-leapfrog-quad-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-leapfrog-quad-loader.json"},{"name":"circle-asym-crescent-loader","title":"Circle Asym Crescent","description":"An asymmetric crescent moon formation with energetic lead-edge lighting.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-asym-crescent-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-asym-crescent-loader.json"},{"name":"circle-vortex-drain-loader","title":"Circle Vortex Drain","description":"A swirling circular drain spinning with accelerating rotational speed.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-vortex-drain-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-vortex-drain-loader.json"},{"name":"circle-radar-blip-loader","title":"Circle Radar Blip","description":"A 360-degree radar sweep leaving a glowing blip at the circular perimeter.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-radar-blip-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-radar-blip-loader.json"},{"name":"circle-stair-spiral-loader","title":"Circle Stair Spiral","description":"Stepped circular progression descending through progressive quadrant steps.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-stair-spiral-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-stair-spiral-loader.json"},{"name":"circle-checker-orbit-loader","title":"Circle Checker Orbit","description":"Alternating active and passive dots circling around a central core.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-checker-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-checker-orbit-loader.json"},{"name":"circle-flicker-corona-loader","title":"Circle Flicker Corona","description":"A stellar solar corona with randomized twinkling circular flares.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-flicker-corona-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-flicker-corona-loader.json"},{"name":"circle-glitch-orbit-loader","title":"Circle Glitch Orbit","description":"A circular orbit that periodically stutters and jumps across angles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-glitch-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-glitch-orbit-loader.json"},{"name":"circle-harmonic-pulse-loader","title":"Circle Harmonic Pulse","description":"A circular perimeter expanding in harmonic rhythm with central resonance.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-harmonic-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-harmonic-pulse-loader.json"},{"name":"circle-snake-tail-loader","title":"Circle Snake Tail","description":"A 6-dot snake wrapping around a circular path with an elongated tail.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-snake-tail-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-snake-tail-loader.json"},{"name":"circle-triple-concentric-loader","title":"Circle Triple Concentric","description":"Three concentric circular tiers expanding outward in wave phase.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-triple-concentric-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-triple-concentric-loader.json"},{"name":"circle-bipolar-flash-loader","title":"Circle Bipolar Flash","description":"Top and bottom arcs flashing alternately in high-contrast strobe rhythm.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-bipolar-flash-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-bipolar-flash-loader.json"},{"name":"circle-quad-quadrant-loader","title":"Circle Quad Quadrant","description":"Four quadrants of a circle lighting sequentially like a clock face.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-quad-quadrant-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-quad-quadrant-loader.json"},{"name":"circle-orbit-handoff-loader","title":"Circle Orbit Handoff","description":"Energy handed off between two orbiting particles at opposite poles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-orbit-handoff-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-orbit-handoff-loader.json"},{"name":"circle-cross-intersection-loader","title":"Circle Cross Intersection","description":"A circular ring intersected by an interior cross with synchronized pulse.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-cross-intersection-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-cross-intersection-loader.json"},{"name":"circle-breathe-subtle-loader","title":"Circle Breathe Subtle","description":"A delicate 8-dot circle breathing with calm, meditative opacity.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-breathe-subtle-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-breathe-subtle-loader.json"},{"name":"circle-supernova-blast-loader","title":"Circle Supernova Blast","description":"An explosive core blast that illuminates the outer circle with high bloom.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-supernova-blast-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-supernova-blast-loader.json"},{"name":"circle-hourglass-orbit-loader","title":"Circle Hourglass Orbit","description":"A circle with an inner hourglass constriction guiding internal flow.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/circle-hourglass-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/circle-hourglass-orbit-loader.json"},{"name":"ring-orbit-single-loader","title":"Ring Orbit Single","description":"A classic smooth single dot orbiting a 12-particle circular perimeter.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-orbit-single-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-orbit-single-loader.json"},{"name":"ring-dual-chase-loader","title":"Ring Dual Chase","description":"Two trailing points chasing around the ring at 180-degree offset.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-dual-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-dual-chase-loader.json"},{"name":"ring-quad-sync-loader","title":"Ring Quad Sync","description":"Four quadrant particles rotating in synchronized orbital harmony.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-quad-sync-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-quad-sync-loader.json"},{"name":"ring-counter-spin-loader","title":"Ring Counter Spin","description":"Two opposing light beams moving in opposite directions and passing through each other.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-counter-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-counter-spin-loader.json"},{"name":"ring-breathe-glow-loader","title":"Ring Breathe Glow","description":"The entire ring expands and contracts in smooth luminosity waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-breathe-glow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-breathe-glow-loader.json"},{"name":"ring-staccato-pulse-loader","title":"Ring Staccato Pulse","description":"Stepped rhythmic pulses firing in angular cadence around the ring.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-staccato-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-staccato-pulse-loader.json"},{"name":"ring-iris-expand-loader","title":"Ring Iris Expand","description":"Ring boundaries dilating outward with bright blooming perimeter nodes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-iris-expand-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-iris-expand-loader.json"},{"name":"ring-collapse-center-loader","title":"Ring Collapse Center","description":"Outer ring collapsing toward center before radiating back out.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-collapse-center-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-collapse-center-loader.json"},{"name":"ring-wave-ripple-loader","title":"Ring Wave Ripple","description":"Sinusoidal amplitude waves traveling continuously around the ring.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-wave-ripple-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-wave-ripple-loader.json"},{"name":"ring-flicker-spark-loader","title":"Ring Flicker Spark","description":"Sparks dancing along ring circumference with subtle randomized decay.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-flicker-spark-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-flicker-spark-loader.json"},{"name":"ring-leapfrog-step-loader","title":"Ring Leapfrog Step","description":"Pairs of particles leapfrogging one another around the ring.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-leapfrog-step-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-leapfrog-step-loader.json"},{"name":"ring-snake-segment-loader","title":"Ring Snake Segment","description":"A continuous 5-dot snake gliding smoothly along the circumference.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-snake-segment-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-snake-segment-loader.json"},{"name":"ring-radar-sweep-loader","title":"Ring Radar Sweep","description":"Sweeping angular radar sector lighting ring nodes in rotation.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-radar-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-radar-sweep-loader.json"},{"name":"ring-dna-twins-loader","title":"Ring DNA Twins","description":"Dual intertwined phase nodes oscillating across the circular rim.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-dna-twins-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-dna-twins-loader.json"},{"name":"ring-vortex-accelerate-loader","title":"Ring Vortex Accelerate","description":"A vortex acceleration pulling particles around the perimeter into an eddy.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-vortex-accelerate-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-vortex-accelerate-loader.json"},{"name":"ring-bipolar-flash-loader","title":"Ring Bipolar Flash","description":"North and South arcs pulsing alternately with East and West arcs.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-bipolar-flash-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-bipolar-flash-loader.json"},{"name":"ring-glitch-stutter-loader","title":"Ring Glitch Stutter","description":"A ring orbit with intentional micro-stutters and sudden angle hops.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-glitch-stutter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-glitch-stutter-loader.json"},{"name":"ring-magnet-attract-loader","title":"Ring Magnet Attract","description":"Ring nodes pulling in and bouncing back with elastic magnetic tension.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-magnet-attract-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-magnet-attract-loader.json"},{"name":"ring-checker-alt-loader","title":"Ring Checker Alt","description":"Even and odd ring dots oscillating in antiphase square wave rhythm.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-checker-alt-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-checker-alt-loader.json"},{"name":"ring-supernova-bloom-loader","title":"Ring Supernova Bloom","description":"A high-bloom flash traveling around the ring leaving an ethereal trail.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/ring-supernova-bloom-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/ring-supernova-bloom-loader.json"},{"name":"hex-perimeter-orbit-loader","title":"Hex Perimeter Orbit","description":"A bright particle traveling around a hexagonal matrix perimeter.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-perimeter-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-perimeter-orbit-loader.json"},{"name":"hex-dual-chase-loader","title":"Hex Dual Chase","description":"Two particles chasing each other around a 6-sided hexagonal ring.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-dual-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-dual-chase-loader.json"},{"name":"hex-solid-breathe-loader","title":"Hex Solid Breathe","description":"A solid filled hexagon breathing with radiant harmonic waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-solid-breathe-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-solid-breathe-loader.json"},{"name":"hex-radial-burst-loader","title":"Hex Radial Burst","description":"A central hex core exploding outward to the 6 outer vertices.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-radial-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-radial-burst-loader.json"},{"name":"hex-implosion-core-loader","title":"Hex Implosion Core","description":"Six hexagonal vertices collapsing sequentially into the center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-implosion-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-implosion-core-loader.json"},{"name":"hex-wave-traverse-loader","title":"Hex Wave Traverse","description":"A sinusoidal wave propagating left-to-right through the hex lattice.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-wave-traverse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-wave-traverse-loader.json"},{"name":"hex-spiral-inward-loader","title":"Hex Spiral Inward","description":"A particle following a tight hexagonal spiral path directly to the nucleus.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-spiral-inward-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-spiral-inward-loader.json"},{"name":"hex-vertex-pulse-loader","title":"Hex Vertex Pulse","description":"The six primary hexagonal corner vertices flashing in syncopated rhythm.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-vertex-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-vertex-pulse-loader.json"},{"name":"hex-counter-flow-loader","title":"Hex Counter Flow","description":"Upper and lower hex arcs rotating in opposing directional vectors.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-counter-flow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-counter-flow-loader.json"},{"name":"hex-radar-scan-loader","title":"Hex Radar Scan","description":"A rotating radar beam sweeping across all hexagonal coordinate sectors.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-radar-scan-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-radar-scan-loader.json"},{"name":"hex-dna-interlace-loader","title":"Hex DNA Interlace","description":"Two intertwined nodes weaving in helical phase around the hexagon.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-dna-interlace-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-dna-interlace-loader.json"},{"name":"hex-magnet-pull-loader","title":"Hex Magnet Pull","description":"Hexagonal outer edges magnetized toward a pulsing central dot.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-magnet-pull-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-magnet-pull-loader.json"},{"name":"hex-leapfrog-hops-loader","title":"Hex Leapfrog Hops","description":"Particles leapfrogging between opposite vertices of the hexagon.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-leapfrog-hops-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-leapfrog-hops-loader.json"},{"name":"hex-iris-dilation-loader","title":"Hex Iris Dilation","description":"The hexagonal aperture expanding and contracting in breath cycles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-iris-dilation-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-iris-dilation-loader.json"},{"name":"hex-stair-descent-loader","title":"Hex Stair Descent","description":"Stepped lighting cascading downwards row-by-row through the hexagon.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-stair-descent-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-stair-descent-loader.json"},{"name":"hex-checker-phase-loader","title":"Hex Checker Phase","description":"Alternating hexagonal nodes oscillating between light and dark phases.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-checker-phase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-checker-phase-loader.json"},{"name":"hex-vortex-swirl-loader","title":"Hex Vortex Swirl","description":"An accelerating angular swirl sweeping through the hexagonal grid.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-vortex-swirl-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-vortex-swirl-loader.json"},{"name":"hex-glitch-scatter-loader","title":"Hex Glitch Scatter","description":"A hexagonal perimeter distorted with digital jitter and node dropouts.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-glitch-scatter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-glitch-scatter-loader.json"},{"name":"hex-flicker-sparkle-loader","title":"Hex Flicker Sparkle","description":"Micro-flickers illuminating across the hex lattice like a cut gemstone.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-flicker-sparkle-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-flicker-sparkle-loader.json"},{"name":"hex-column-scan-loader","title":"Hex Column Scan","description":"Vertical columns sweeping across the hexagon from left to right.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-column-scan-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-column-scan-loader.json"},{"name":"hex-diagonal-meteor-loader","title":"Hex Diagonal Meteor","description":"Diagonal wavefront shooting across the hexagon from top-left to bottom-right.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-diagonal-meteor-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-diagonal-meteor-loader.json"},{"name":"hex-asym-cut-loader","title":"Hex Asym Cut","description":"An asymmetric hexagon with one clipped facet and dynamic lead lighting.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-asym-cut-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-asym-cut-loader.json"},{"name":"hex-triple-orbit-loader","title":"Hex Triple Orbit","description":"Three particles distributed around 120-degree hex vertices in orbit.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-triple-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-triple-orbit-loader.json"},{"name":"hex-pulse-ring-loader","title":"Hex Pulse Ring","description":"A hollow hex ring pulsing with sharp harmonic peaks.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-pulse-ring-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-pulse-ring-loader.json"},{"name":"hex-supernova-loader","title":"Hex Supernova","description":"A blazing nuclear center expanding to ignite all surrounding hex nodes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/hex-supernova-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/hex-supernova-loader.json"},{"name":"triangle-perimeter-orbit-loader","title":"Triangle Perimeter Orbit","description":"A bright particle traveling around a 3-sided triangular perimeter.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-perimeter-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-perimeter-orbit-loader.json"},{"name":"triangle-dual-chase-loader","title":"Triangle Dual Chase","description":"Two trailing particles chasing each other along triangular edges.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-dual-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-dual-chase-loader.json"},{"name":"triangle-apex-pulse-loader","title":"Triangle Apex Pulse","description":"Energy radiating from the top apex down through the base corners.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-apex-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-apex-pulse-loader.json"},{"name":"triangle-solid-breathe-loader","title":"Triangle Solid Breathe","description":"A solid filled triangle breathing with harmonic opacity waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-solid-breathe-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-solid-breathe-loader.json"},{"name":"triangle-wave-cascade-loader","title":"Triangle Wave Cascade","description":"Horizontal tiers lighting sequentially from apex down to base.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-wave-cascade-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-wave-cascade-loader.json"},{"name":"triangle-inverted-vortex-loader","title":"Triangle Inverted Vortex","description":"An inverted triangle with an internal swirling clockwise vortex.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-inverted-vortex-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-inverted-vortex-loader.json"},{"name":"triangle-collapse-core-loader","title":"Triangle Collapse Core","description":"Triangular vertices imploding into the geometric center point.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-collapse-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-collapse-core-loader.json"},{"name":"triangle-burst-explode-loader","title":"Triangle Burst Explode","description":"Center particle exploding outward into an expansive triangular shell.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-burst-explode-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-burst-explode-loader.json"},{"name":"triangle-counter-flow-loader","title":"Triangle Counter Flow","description":"Two edges lighting upward while the base sweeps right.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-counter-flow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-counter-flow-loader.json"},{"name":"triangle-stair-drop-loader","title":"Triangle Stair Drop","description":"Particles cascading down the left and right slopes like water drops.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-stair-drop-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-stair-drop-loader.json"},{"name":"triangle-dna-helix-loader","title":"Triangle DNA Helix","description":"Left and right slanted edges oscillating in counter-phase sinusoidal wave.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-dna-helix-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-dna-helix-loader.json"},{"name":"triangle-snake-perimeter-loader","title":"Triangle Snake Perimeter","description":"A 4-dot snake continuously circumnavigating the triangle boundary.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-snake-perimeter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-snake-perimeter-loader.json"},{"name":"triangle-radar-sector-loader","title":"Triangle Radar Sector","description":"A radar beam scanning across triangular angular coordinates.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-radar-sector-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-radar-sector-loader.json"},{"name":"triangle-leapfrog-corners-loader","title":"Triangle Leapfrog Corners","description":"Particles leaping across the three corner points in rhythm.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-leapfrog-corners-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-leapfrog-corners-loader.json"},{"name":"triangle-iris-dilation-loader","title":"Triangle Iris Dilation","description":"Triangular contour expanding and contracting with breathing aperture.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-iris-dilation-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-iris-dilation-loader.json"},{"name":"triangle-magnet-core-loader","title":"Triangle Magnet Core","description":"Three side edges magnetically pulled toward the centroid.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-magnet-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-magnet-core-loader.json"},{"name":"triangle-checker-lattice-loader","title":"Triangle Checker Lattice","description":"A triangular grid with alternating checkerboard nodes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-checker-lattice-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-checker-lattice-loader.json"},{"name":"triangle-glitch-edge-loader","title":"Triangle Glitch Edge","description":"A triangle perimeter disrupted with randomized digital glitch stutters.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-glitch-edge-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-glitch-edge-loader.json"},{"name":"triangle-flicker-beacon-loader","title":"Triangle Flicker Beacon","description":"Twinkling beacon nodes highlighting the triangular contour.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-flicker-beacon-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-flicker-beacon-loader.json"},{"name":"triangle-triple-apex-loader","title":"Triangle Triple Apex","description":"Three concentric triangles nested within each other cascading outward.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-triple-apex-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-triple-apex-loader.json"},{"name":"triangle-asym-right-loader","title":"Triangle Asym Right","description":"A right-angled triangle with sharp asymmetrical wave acceleration.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-asym-right-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-asym-right-loader.json"},{"name":"triangle-bipolar-flash-loader","title":"Triangle Bipolar Flash","description":"Apex dot flashing in alternating rhythm against the bottom baseline.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-bipolar-flash-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-bipolar-flash-loader.json"},{"name":"triangle-supernova-loader","title":"Triangle Supernova","description":"High-intensity explosion bursting from the triangle center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-supernova-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-supernova-loader.json"},{"name":"triangle-column-sweep-loader","title":"Triangle Column Sweep","description":"Vertical columns scanning left-to-right across the triangular shape.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-column-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-column-sweep-loader.json"},{"name":"triangle-pulse-hollow-loader","title":"Triangle Pulse Hollow","description":"A crisp hollow triangle pulsing with rhythmic energy peaks.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/triangle-pulse-hollow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/triangle-pulse-hollow-loader.json"},{"name":"diamond-orbit-smooth-loader","title":"Diamond Orbit Smooth","description":"A glowing particle orbiting around a rotated 45-degree diamond contour.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-orbit-smooth-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-orbit-smooth-loader.json"},{"name":"diamond-dual-chase-loader","title":"Diamond Dual Chase","description":"Two particles chasing each other around diamond vertices in sync.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-dual-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-dual-chase-loader.json"},{"name":"diamond-radial-burst-loader","title":"Diamond Radial Burst","description":"Central nucleus bursting outward along diamond diagonal axes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-radial-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-radial-burst-loader.json"},{"name":"diamond-solid-breathe-loader","title":"Diamond Solid Breathe","description":"A solid filled diamond breathing with meditative opacity waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-solid-breathe-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-solid-breathe-loader.json"},{"name":"diamond-collapse-core-loader","title":"Diamond Collapse Core","description":"Four diamond points imploding into the center point.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-collapse-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-collapse-core-loader.json"},{"name":"diamond-wave-ripple-loader","title":"Diamond Wave Ripple","description":"Concentric diamond waves rippling outward from the center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-wave-ripple-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-wave-ripple-loader.json"},{"name":"diamond-stair-cascade-loader","title":"Diamond Stair Cascade","description":"Stepped lighting cascading from top apex to bottom point.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-stair-cascade-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-stair-cascade-loader.json"},{"name":"diamond-iris-dilation-loader","title":"Diamond Iris Dilation","description":"Diamond aperture dilating open and closed in smooth cycles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-iris-dilation-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-iris-dilation-loader.json"},{"name":"diamond-vortex-spin-loader","title":"Diamond Vortex Spin","description":"An angular vortex spinning along diamond facets.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-vortex-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-vortex-spin-loader.json"},{"name":"diamond-counter-flow-loader","title":"Diamond Counter Flow","description":"Left and right diamond facets rotating in opposing directions.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-counter-flow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-counter-flow-loader.json"},{"name":"diamond-magnet-pulse-loader","title":"Diamond Magnet Pulse","description":"Four diamond points pulled inward by a strong magnetic core.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-magnet-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-magnet-pulse-loader.json"},{"name":"diamond-leapfrog-hops-loader","title":"Diamond Leapfrog Hops","description":"Particles leaping across the 4 cardinal diamond points.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-leapfrog-hops-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-leapfrog-hops-loader.json"},{"name":"diamond-snake-track-loader","title":"Diamond Snake Track","description":"A 4-dot snake gliding around diamond perimeter corners.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-snake-track-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-snake-track-loader.json"},{"name":"diamond-radar-sweep-loader","title":"Diamond Radar Sweep","description":"A sweeping radar beam traversing diamond coordinate angles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-radar-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-radar-sweep-loader.json"},{"name":"diamond-dna-helix-loader","title":"Diamond DNA Helix","description":"Two diagonal diamond axes oscillating with harmonic phase delay.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-dna-helix-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-dna-helix-loader.json"},{"name":"diamond-checker-alt-loader","title":"Diamond Checker Alt","description":"Alternating nodes flashing in antiphase diamond polarity.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-checker-alt-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-checker-alt-loader.json"},{"name":"diamond-flicker-gem-loader","title":"Diamond Flicker Gem","description":"Gemstone sparkle flickering across internal diamond facets.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-flicker-gem-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-flicker-gem-loader.json"},{"name":"diamond-glitch-stutter-loader","title":"Diamond Glitch Stutter","description":"A diamond contour with digital jitter and micro-phase offsets.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-glitch-stutter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-glitch-stutter-loader.json"},{"name":"diamond-bipolar-flash-loader","title":"Diamond Bipolar Flash","description":"Vertical points and horizontal points strobing in alternating beat.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-bipolar-flash-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-bipolar-flash-loader.json"},{"name":"diamond-supernova-loader","title":"Diamond Supernova","description":"A high-bloom diamond flare exploding across all coordinates.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/diamond-supernova-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/diamond-supernova-loader.json"},{"name":"star-orbit-blaze-loader","title":"Star Orbit Blaze","description":"A glowing particle orbiting around an 8-pointed star matrix.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-orbit-blaze-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-orbit-blaze-loader.json"},{"name":"star-radial-burst-loader","title":"Star Radial Burst","description":"Star rays bursting outwards from the central core.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-radial-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-radial-burst-loader.json"},{"name":"star-solid-breathe-loader","title":"Star Solid Breathe","description":"A star constellation breathing with celestial opacity waves.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-solid-breathe-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-solid-breathe-loader.json"},{"name":"star-flicker-twinkle-loader","title":"Star Flicker Twinkle","description":"Randomized celestial twinkling across star vertices.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-flicker-twinkle-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-flicker-twinkle-loader.json"},{"name":"star-vortex-spin-loader","title":"Star Vortex Spin","description":"Star rays spinning with angular vortex acceleration.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-vortex-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-vortex-spin-loader.json"},{"name":"star-collapse-implode-loader","title":"Star Collapse Implode","description":"Star points collapsing inward to create a dense core.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-collapse-implode-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-collapse-implode-loader.json"},{"name":"star-stair-cascade-loader","title":"Star Stair Cascade","description":"Star rays illuminating in clockwise sequence.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-stair-cascade-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-stair-cascade-loader.json"},{"name":"star-radar-sweep-loader","title":"Star Radar Sweep","description":"A radar beam sweeping across star points.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-radar-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-radar-sweep-loader.json"},{"name":"star-glitch-stutter-loader","title":"Star Glitch Stutter","description":"Digital glitch stutters distorting star point activation.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-glitch-stutter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-glitch-stutter-loader.json"},{"name":"star-supernova-blast-loader","title":"Star Supernova Blast","description":"A blinding supernova blast radiating across star points.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/star-supernova-blast-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/star-supernova-blast-loader.json"},{"name":"cross-laser-sweep-loader","title":"Cross Laser Sweep","description":"Vertical and horizontal laser bars sweeping across a central nexus.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-laser-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-laser-sweep-loader.json"},{"name":"cross-radial-burst-loader","title":"Cross Radial Burst","description":"Central intersection bursting outward along the four orthogonal arms.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-radial-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-radial-burst-loader.json"},{"name":"cross-imploding-arms-loader","title":"Cross Imploding Arms","description":"Four orthogonal arm tips collapsing simultaneously into the center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-imploding-arms-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-imploding-arms-loader.json"},{"name":"cross-quad-orbit-loader","title":"Cross Quad Orbit","description":"Four dots traveling along cross boundaries in synchronized rotation.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-quad-orbit-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-quad-orbit-loader.json"},{"name":"cross-breathe-glow-loader","title":"Cross Breathe Glow","description":"A cross matrix breathing with radiant center-weighted glow.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-breathe-glow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-breathe-glow-loader.json"},{"name":"plus-diagonal-wave-loader","title":"Plus Diagonal Wave","description":"A bold plus matrix illuminated with diagonal wavefronts.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/plus-diagonal-wave-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/plus-diagonal-wave-loader.json"},{"name":"plus-dual-chase-loader","title":"Plus Dual Chase","description":"Two particles chasing each other around the contours of a plus icon.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/plus-dual-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/plus-dual-chase-loader.json"},{"name":"plus-iris-expansion-loader","title":"Plus Iris Expansion","description":"The center core expanding outward into the full plus boundary.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/plus-iris-expansion-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/plus-iris-expansion-loader.json"},{"name":"plus-magnet-pulse-loader","title":"Plus Magnet Pulse","description":"The outer arms snapping inward with strong magnetic attraction.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/plus-magnet-pulse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/plus-magnet-pulse-loader.json"},{"name":"x-diagonal-chase-loader","title":"X Diagonal Chase","description":"Particles racing across intersecting diagonal X tracks.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-diagonal-chase-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-diagonal-chase-loader.json"},{"name":"x-corner-collision-loader","title":"X Corner Collision","description":"Four corner dots surging inward to collide at the exact X center.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-corner-collision-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-corner-collision-loader.json"},{"name":"x-radial-burst-loader","title":"X Radial Burst","description":"An energetic explosion blasting outward from the X intersection.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-radial-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-radial-burst-loader.json"},{"name":"x-dna-twins-loader","title":"X DNA Twins","description":"Two diagonal legs oscillating with dual sinusoidal phase delay.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-dna-twins-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-dna-twins-loader.json"},{"name":"x-counterflow-spin-loader","title":"X Counterflow Spin","description":"Opposing diagonal tracks pulsing in counter-directional flow.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-counterflow-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-counterflow-spin-loader.json"},{"name":"x-vortex-acceleration-loader","title":"X Vortex Acceleration","description":"Diagonal X arms spinning with progressive vortex acceleration.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-vortex-acceleration-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-vortex-acceleration-loader.json"},{"name":"cross-leapfrog-step-loader","title":"Cross Leapfrog Step","description":"Particles leapfrogging between horizontal and vertical arm positions.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-leapfrog-step-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-leapfrog-step-loader.json"},{"name":"cross-radar-sweep-loader","title":"Cross Radar Sweep","description":"A sweeping radar beam traversing the cross matrix.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-radar-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-radar-sweep-loader.json"},{"name":"cross-stair-cascade-loader","title":"Cross Stair Cascade","description":"Vertical arm cascading down while horizontal arm cascades right.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-stair-cascade-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-stair-cascade-loader.json"},{"name":"cross-checker-alternate-loader","title":"Cross Checker Alternate","description":"Horizontal and vertical arms flashing in alternating antiphase beat.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-checker-alternate-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-checker-alternate-loader.json"},{"name":"cross-glitch-stutter-loader","title":"Cross Glitch Stutter","description":"A cross matrix with digital jitter and micro-stutter dropouts.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-glitch-stutter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-glitch-stutter-loader.json"},{"name":"cross-flicker-spark-loader","title":"Cross Flicker Spark","description":"Sparkling nodes illuminating randomly across cross arms.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/cross-flicker-spark-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/cross-flicker-spark-loader.json"},{"name":"x-stair-descent-loader","title":"X Stair Descent","description":"Stepped lighting cascading down the diagonal legs of an X.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-stair-descent-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-stair-descent-loader.json"},{"name":"x-snake-track-loader","title":"X Snake Track","description":"A continuous snake tracing through all 9 nodes of the X matrix.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-snake-track-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-snake-track-loader.json"},{"name":"x-supernova-blast-loader","title":"X Supernova Blast","description":"A brilliant supernova flash radiating across the diagonal X.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-supernova-blast-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-supernova-blast-loader.json"},{"name":"x-bipolar-flash-loader","title":"X Bipolar Flash","description":"Top two arms and bottom two arms strobing in alternating phase.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/x-bipolar-flash-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/x-bipolar-flash-loader.json"},{"name":"flower-petal-bloom-loader","title":"Flower Petal Bloom","description":"A floral matrix with four petals expanding in continuous bloom.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-petal-bloom-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-petal-bloom-loader.json"},{"name":"flower-orbit-petal-loader","title":"Flower Orbit Petal","description":"A bright particle traveling around the outer perimeter of 4 petals.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-orbit-petal-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-orbit-petal-loader.json"},{"name":"flower-solid-breathe-loader","title":"Flower Solid Breathe","description":"A complete floral formation breathing with harmonious radiance.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-solid-breathe-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-solid-breathe-loader.json"},{"name":"flower-vortex-swirl-loader","title":"Flower Vortex Swirl","description":"Petal nodes swirling in accelerating angular pinwheel motion.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-vortex-swirl-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-vortex-swirl-loader.json"},{"name":"flower-iris-dilation-loader","title":"Flower Iris Dilation","description":"Flower petals opening and closing in rhythmic breathing cycles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-iris-dilation-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-iris-dilation-loader.json"},{"name":"flower-counter-spin-loader","title":"Flower Counter Spin","description":"Opposing petal pairs rotating in alternating directional arcs.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-counter-spin-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-counter-spin-loader.json"},{"name":"flower-flicker-dew-loader","title":"Flower Flicker Dew","description":"Dewdrop sparkles twinkling softly across floral petal nodes.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-flicker-dew-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-flicker-dew-loader.json"},{"name":"flower-stair-cascade-loader","title":"Flower Stair Cascade","description":"Petals lighting sequentially in a clockwise cascade.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-stair-cascade-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-stair-cascade-loader.json"},{"name":"flower-radar-sweep-loader","title":"Flower Radar Sweep","description":"A radar beam sweeping across all four floral quadrants.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-radar-sweep-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-radar-sweep-loader.json"},{"name":"flower-glitch-stutter-loader","title":"Flower Glitch Stutter","description":"A floral matrix with digital glitch displacements and phase jumps.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/flower-glitch-stutter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/flower-glitch-stutter-loader.json"},{"name":"spiral-inward-vortex-loader","title":"Spiral Inward Vortex","description":"A luminous particle swirling along an inward logarithmic spiral.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-inward-vortex-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-inward-vortex-loader.json"},{"name":"spiral-outward-burst-loader","title":"Spiral Outward Burst","description":"A spiral unwinding from the center core to the outer boundary.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-outward-burst-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-outward-burst-loader.json"},{"name":"spiral-dual-galaxy-loader","title":"Spiral Dual Galaxy","description":"Two galactic spiral arms rotating in balanced symmetry.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-dual-galaxy-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-dual-galaxy-loader.json"},{"name":"spiral-vortex-drain-loader","title":"Spiral Vortex Drain","description":"Accelerating spiral vortex draining energy toward the central sink.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-vortex-drain-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-vortex-drain-loader.json"},{"name":"spiral-wave-traverse-loader","title":"Spiral Wave Traverse","description":"A progressive amplitude wave traveling along spiral coordinates.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-wave-traverse-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-wave-traverse-loader.json"},{"name":"spiral-stair-descent-loader","title":"Spiral Stair Descent","description":"Stepped lighting descending down a winding spiral staircase.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-stair-descent-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-stair-descent-loader.json"},{"name":"spiral-counter-flow-loader","title":"Spiral Counter Flow","description":"Two particles traversing the spiral in opposite directions.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-counter-flow-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-counter-flow-loader.json"},{"name":"spiral-dna-helix-loader","title":"Spiral DNA Helix","description":"Interlaced nodes oscillating in counter-phase around spiral coils.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-dna-helix-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-dna-helix-loader.json"},{"name":"spiral-magnet-core-loader","title":"Spiral Magnet Core","description":"A spiral contour magnetically drawn toward its central focus.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-magnet-core-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-magnet-core-loader.json"},{"name":"spiral-leapfrog-hop-loader","title":"Spiral Leapfrog Hop","description":"Particles leapfrogging between spiral arm revolutions.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-leapfrog-hop-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-leapfrog-hop-loader.json"},{"name":"spiral-radar-blip-loader","title":"Spiral Radar Blip","description":"A radar beam sweeping across spiral arm coordinates.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-radar-blip-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-radar-blip-loader.json"},{"name":"spiral-flicker-spark-loader","title":"Spiral Flicker Spark","description":"Sparkles flickering along spiral curves like burning powder.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-flicker-spark-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-flicker-spark-loader.json"},{"name":"spiral-glitch-scatter-loader","title":"Spiral Glitch Scatter","description":"Digital glitch displacement distorting the spiral pathway.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-glitch-scatter-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-glitch-scatter-loader.json"},{"name":"spiral-breathe-subtle-loader","title":"Spiral Breathe Subtle","description":"A full spiral matrix breathing in harmonic intensity cycles.","type":"registry:ui","source_url":"https://atomloader.roothq.tech/r/spiral-breathe-subtle-loader.json","install_command":"npx shadcn@latest add https://atomloader.roothq.tech/r/spiral-breathe-subtle-loader.json"}]},{"id":"mediadrop","name":"@mediadrop","slug":"mediadrop","description":"Drag-and-drop file upload blocks for React built on react-mediadrop — dropzone, avatar uploader, multi-file upload form, and direct-to-S3 upload.","author":"autorender","framework":"react","license":"MIT","tags":["blocks","forms","loaders","media"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://www.mediadrop.dev","github":"https://github.com/autorender/react-mediadrop","registry":"https://www.mediadrop.dev/r/registry.json","source":"https://www.mediadrop.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/mediadrop","markdown":"https://sh4dcn.netlify.app/md/mediadrop.md"},"logo":"<svg width='1024' height='1024' viewBox='0 0 1024 1024' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='1024' height='1024' rx='264' fill='black'/><path d='M690.68 471.521L506.92 655.283L466.282 614.646L466.283 614.644L332.918 481.278L373.555 440.642L506.921 574.007L650.044 430.885L690.68 471.521Z' fill='#00D9FF'/><path d='M690.68 267.637L506.92 451.398L466.282 410.761L466.283 410.759L332.918 277.394L373.555 236.757L506.921 370.122L650.044 227L690.68 267.637Z' fill='#0080A9'/><path d='M798.012 796.063H225.59V740.668H742.616V445.224H798.012V796.063ZM280.984 740.666H225.589V445.221H280.984V740.666Z' fill='url(#paint0_linear_220_485)'/><defs><linearGradient id='paint0_linear_220_485' x1='770.314' y1='445.221' x2='770.314' y2='740.667' gradientUnits='userSpaceOnUse'><stop/><stop offset='1' stop-color='white'/></linearGradient></defs></svg>","preview_image":"https://www.mediadrop.dev/og-image.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":30,"open_issues":11,"last_commit":"2026-10-11T18:56:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.mediadrop.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.mediadrop.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://www.mediadrop.dev/r/registry.json","clone":"git clone https://github.com/autorender/react-mediadrop.git","clone_degit":"npx degit autorender/react-mediadrop","registry_fetch":"curl -s https://www.mediadrop.dev/r/registry.json"},"component_count":4,"components":[{"name":"dropzone","title":"MediaDrop Dropzone","description":"Drag-and-drop file upload block built on react-mediadrop's useMediaDrop hook, with per-file progress and cancel.","type":"registry:block","source_url":"https://www.mediadrop.dev/r/dropzone.json","install_command":"npx shadcn@latest add https://www.mediadrop.dev/r/dropzone.json"},{"name":"avatar-uploader","title":"MediaDrop Avatar Uploader","description":"Circular single-image avatar picker built on react-mediadrop's useMediaDrop hook, with click/drag replace and upload progress.","type":"registry:block","source_url":"https://www.mediadrop.dev/r/avatar-uploader.json","install_command":"npx shadcn@latest add https://www.mediadrop.dev/r/avatar-uploader.json"},{"name":"multi-file-upload-form","title":"MediaDrop Multi-File Upload Form","description":"Multi-file picker with a review list and an explicit submit step — add files, then upload — with per-file progress, cancel, and retry.","type":"registry:block","source_url":"https://www.mediadrop.dev/r/multi-file-upload-form.json","install_command":"npx shadcn@latest add https://www.mediadrop.dev/r/multi-file-upload-form.json"},{"name":"s3-direct-upload","title":"MediaDrop S3 Direct Upload","description":"Direct-to-S3 upload block using a presigned PUT URL you supply per file, built on react-mediadrop's xhr-upload transport.","type":"registry:block","source_url":"https://www.mediadrop.dev/r/s3-direct-upload.json","install_command":"npx shadcn@latest add https://www.mediadrop.dev/r/s3-direct-upload.json"}]},{"id":"ai2","name":"@ai2","slug":"ai2","description":"Agent-native design system for the shadcn CLI: 51 base components with a full variant, tone and size matrix on an OKLCH token layer, plus 307 styled variations. MIT.","author":"ai2design","framework":"react","license":"MIT","tags":["accessibility","ai","animation","auth","buttons","cards","design-system","forms","glassmorphism","hooks","loaders","media","navigation","overlays","pro-available","tables","theming"],"categories":["Animated components"],"labels":["pro"],"urls":{"website":"https://ai2.design","github":"https://github.com/ai2design/ai2-registry","registry":"https://ai2.design/r/registry.json","source":"https://ai2.design/r/registry.json","page":"https://sh4dcn.netlify.app/registry/ai2","markdown":"https://sh4dcn.netlify.app/md/ai2.md"},"logo":"<svg width=\"2048\" height=\"2048\" viewBox=\"0 0 2048 2048\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><defs><linearGradient id=\"ai2brand\" gradientUnits=\"objectBoundingBox\" gradientTransform=\"rotate(49.49 0.5 0.5)\"><stop offset=\"0.0962\" stop-color=\"#37d7fa\"/><stop offset=\"0.3956\" stop-color=\"#4b72fe\"/><stop offset=\"0.6052\" stop-color=\"#ff8df2\"/><stop offset=\"0.8447\" stop-color=\"#ff8705\"/></linearGradient></defs><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1021.86 95.068C1090.81 93.3092 1169.18 125.843 1217.9 173.889C1266.09 221.397 1308.01 304.343 1342.46 364.147L1692.25 963.902L1914.53 1343.73L1980.76 1456.37C1992.57 1476.44 2008.32 1501.67 2018.32 1522.18C2037.46 1561.64 2047.6 1604.85 2047.99 1648.7C2048.56 1728.01 2017.13 1804.22 1960.82 1860.08C1917.9 1903.22 1863.31 1932.9 1803.76 1945.45C1760.51 1954.83 1716.84 1952.74 1672.73 1952.77L525.062 1952.74L377.85 1952.92C337.643 1952.98 290.2 1954.31 251.147 1947.19C202.751 1937.99 157.185 1917.55 118.112 1887.55C54.4788 1838.61 12.7718 1769.97 2.65725 1689.96C-4.4767 1637.72 2.81765 1584.52 23.7539 1536.12C35.7099 1508.89 55.529 1478.33 71.0918 1452.32L142.436 1331.75L396.298 897.7L662.575 440.429L744.674 300.162C784.644 232.689 815.284 173.941 886.467 133.932C927.791 110.705 957.103 101.137 1004.17 95.8219C1010.06 95.4893 1015.97 95.2383 1021.86 95.068ZM1121.4 362.7C1092.94 314.076 1077.99 277.383 1011.46 282.175C984.216 287.864 966.67 298.507 951.696 322.735C937.375 345.912 923.706 370.552 910.07 394.164L829.799 531.983C803.289 576.418 777.021 620.997 750.998 665.718C736.824 690.253 720.573 716.211 708.904 742.005C657.811 854.956 638.419 965.643 664.116 1087.87C690.838 1214.17 766.608 1324.71 874.776 1395.18C939.377 1436.87 1021.96 1465.54 1098.75 1468.75C871.614 1553.74 613.422 1452.5 480.489 1255.81C467.571 1236.69 455.683 1215.92 444.65 1195.68C384.251 1296.92 324.375 1398.45 265.023 1500.31C245.246 1534.16 212.564 1582.08 198.625 1616.98C174.473 1677.44 225.902 1751.44 290.256 1754.23C315.242 1756.22 339.723 1755.23 364.228 1755.19L656.912 1754.91C695.559 1754.91 735.084 1755.79 773.553 1752.83C808.822 1749.99 843.725 1743.67 877.753 1733.96C1021.19 1693.39 1142.5 1597.22 1214.71 1466.81C1261.27 1381.92 1277.98 1297.65 1274.25 1201.71C1270.49 1163.73 1264.95 1135.15 1253.38 1098.23C1423.08 1283.31 1425.32 1553.72 1283.81 1755.07L1621.46 1755.04C1653.41 1754.96 1745.6 1757.1 1771.77 1751.8C1791.11 1747.69 1808.81 1737.96 1822.63 1723.82C1842.15 1704.32 1852.95 1677.76 1852.61 1650.18C1852.32 1614.06 1826.91 1578.5 1809.34 1547.75L1741.83 1430.14L1669.23 1300.49C1656.88 1278.47 1644.63 1256.32 1631.73 1234.63C1531.36 1066.02 1360.1 949.096 1158.32 952.836C1041.67 954.922 930.663 1003.44 849.897 1087.63C828.581 1110.14 809.459 1134.63 792.788 1160.78C828.987 928.386 1040.74 772.55 1265.68 755.294C1294 753.121 1321.69 753.475 1350.05 753.9L1121.4 362.7Z\" fill=\"url(#ai2brand)\"/></svg>","preview_image":"https://ai2.design/opengraph-image","pro":{"has_pro":true,"pro_url":null,"pricing_url":"https://ai2.design/pricing"},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-08-05T09:42:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://ai2.design/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://ai2.design/r/registry.json","install_bun":"bunx shadcn@latest add https://ai2.design/r/registry.json","clone":"git clone https://github.com/ai2design/ai2-registry.git","clone_degit":"npx degit ai2design/ai2-registry","registry_fetch":"curl -s https://ai2.design/r/registry.json"},"component_count":250,"components":[{"name":"tokens","title":"ai2 Tokens","description":"ai2 extension tokens: tone colors (brand, success, warning, danger, info + soft pairs), surface-2/3 and motion variables. Required by every ai2 component; inst…","type":"registry:theme","source_url":"https://ai2.design/r/tokens.json","install_command":"npx shadcn@latest add https://ai2.design/r/tokens.json"},{"name":"button","title":"Button","description":"Button with a full variant x tone x size matrix: 5 variants (solid, soft, outline, ghost, link), 6 tones (neutral, brand, success, warning, danger, info), 10 s…","type":"registry:ui","source_url":"https://ai2.design/r/button.json","install_command":"npx shadcn@latest add https://ai2.design/r/button.json"},{"name":"theme-indigo","title":"ai2 Indigo","description":"Indigo brand theme for ai2: recolors the brand tone channel (solid + soft pairs) in light and dark mode. Install on top of any ai2 setup; every component using…","type":"registry:theme","source_url":"https://ai2.design/r/theme-indigo.json","install_command":"npx shadcn@latest add https://ai2.design/r/theme-indigo.json"},{"name":"glass","title":"Glass","description":"Floating surface treatments: glass.overlay (translucent + blur, for tooltips/dropdowns), glass.frosted (heavier blur + deep layered shadow, for modals), glass.…","type":"registry:lib","source_url":"https://ai2.design/r/glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/glass.json"},{"name":"primitives","title":"Primitives","description":"Headless primitive adapter: the single entry point every ai2 component imports its unstyled behaviour from. Components never import the primitive library direc…","type":"registry:lib","source_url":"https://ai2.design/r/primitives.json","install_command":"npx shadcn@latest add https://ai2.design/r/primitives.json"},{"name":"primitives-base","title":"Primitives (Base UI)","description":"The second provider behind the ai2 primitive adapter: the same surface as @ai2/primitives, bound to Base UI instead of Radix. A pro block imports the adapter, …","type":"registry:lib","source_url":"https://ai2.design/r/primitives-base.json","install_command":"npx shadcn@latest add https://ai2.design/r/primitives-base.json"},{"name":"card","title":"Card","description":"Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, lg) that pad header, content and footer together. Parts: Card, CardHe…","type":"registry:ui","source_url":"https://ai2.design/r/card.json","install_command":"npx shadcn@latest add https://ai2.design/r/card.json"},{"name":"file-input","title":"File Input","description":"Styled file picker: hidden native input under a custom surface with a leading icon (lucide or remixicon), placeholder or selected file name, multiple-file coun…","type":"registry:ui","source_url":"https://ai2.design/r/file-input.json","install_command":"npx shadcn@latest add https://ai2.design/r/file-input.json"},{"name":"input-group","title":"Input Group","description":"Composable input shell: InputGroup carries the field appearance with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, dan…","type":"registry:ui","source_url":"https://ai2.design/r/input-group.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-group.json"},{"name":"input","title":"Input","description":"Text input with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger) for validation states via border and focus ring …","type":"registry:ui","source_url":"https://ai2.design/r/input.json","install_command":"npx shadcn@latest add https://ai2.design/r/input.json"},{"name":"textarea","title":"Textarea","description":"Auto-growing textarea (field-sizing-content) with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger) matching Input…","type":"registry:ui","source_url":"https://ai2.design/r/textarea.json","install_command":"npx shadcn@latest add https://ai2.design/r/textarea.json"},{"name":"label","title":"Label","description":"Accessible form label built on radix-ui Label with 2 sizes (sm, md). Auto-dims when the associated control is disabled.","type":"registry:ui","source_url":"https://ai2.design/r/label.json","install_command":"npx shadcn@latest add https://ai2.design/r/label.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox on radix-ui with 4 tones (neutral, brand, success, danger) and 3 sizes (sm, md, lg). Invalid state via aria-invalid.","type":"registry:ui","source_url":"https://ai2.design/r/checkbox.json","install_command":"npx shadcn@latest add https://ai2.design/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"Radio group + item on radix-ui with 4 tones and 3 sizes. Exports RadioGroup and RadioGroupItem.","type":"registry:ui","source_url":"https://ai2.design/r/radio-group.json","install_command":"npx shadcn@latest add https://ai2.design/r/radio-group.json"},{"name":"switch","title":"Switch","description":"Toggle switch on radix-ui with 4 tones (neutral, brand, success, danger) and 3 sizes (sm, md, lg). Thumb travel and easing use ai2 motion tokens.","type":"registry:ui","source_url":"https://ai2.design/r/switch.json","install_command":"npx shadcn@latest add https://ai2.design/r/switch.json"},{"name":"badge","title":"Badge","description":"Badge with a variant x tone x size matrix: 3 variants (solid, soft, outline), 6 tones, 3 sizes (sm, md, lg). Icons work with both lucide svg and remixicon i ch…","type":"registry:ui","source_url":"https://ai2.design/r/badge.json","install_command":"npx shadcn@latest add https://ai2.design/r/badge.json"},{"name":"avatar","title":"Avatar","description":"Avatar on radix-ui with 5 sizes (xs-xl) and 2 shapes (circle, rounded), plus AvatarGroup for overlapping stacks with an optional max that collapses the rest in…","type":"registry:ui","source_url":"https://ai2.design/r/avatar.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatar.json"},{"name":"progress","title":"Progress","description":"Progress bar on radix-ui with 6 tones (neutral, brand, success, warning, danger, info) and 3 sizes. Fill animates using ai2 motion tokens.","type":"registry:ui","source_url":"https://ai2.design/r/progress.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress.json"},{"name":"skeleton","title":"Skeleton","description":"Loading placeholder on the ai2 surface-3 token with 3 shapes (line, circle, rect) and 2 animations (pulse, none). Style dimensions via className.","type":"registry:ui","source_url":"https://ai2.design/r/skeleton.json","install_command":"npx shadcn@latest add https://ai2.design/r/skeleton.json"},{"name":"spinner","title":"Spinner","description":"Loading spinner (lucide) with 3 tones (current, brand, muted) and 4 sizes (sm-xl). Has role=status and an aria-label.","type":"registry:ui","source_url":"https://ai2.design/r/spinner.json","install_command":"npx shadcn@latest add https://ai2.design/r/spinner.json"},{"name":"separator","title":"Separator","description":"Horizontal or vertical divider on radix-ui with 2 variants (solid, dashed) and an optional centered label that renders a two-line divider with text (e.g. OR). …","type":"registry:ui","source_url":"https://ai2.design/r/separator.json","install_command":"npx shadcn@latest add https://ai2.design/r/separator.json"},{"name":"kbd","title":"Kbd","description":"Keyboard key hint styled with the ai2 mono font and surface tokens. Use for shortcuts and command hints.","type":"registry:ui","source_url":"https://ai2.design/r/kbd.json","install_command":"npx shadcn@latest add https://ai2.design/r/kbd.json"},{"name":"field","title":"Field","description":"Form field composition: Field, FieldControl, FieldLabel, FieldDescription, FieldError. Auto-wires accessibility: FieldControl (a Slot around any control) recei…","type":"registry:ui","source_url":"https://ai2.design/r/field.json","install_command":"npx shadcn@latest add https://ai2.design/r/field.json"},{"name":"tabs","title":"Tabs","description":"Tabs on radix-ui with 3 variants (solid segmented, line underline, pill) and 2 sizes (sm, md). Variant and size flow from TabsList to every trigger via context…","type":"registry:ui","source_url":"https://ai2.design/r/tabs.json","install_command":"npx shadcn@latest add https://ai2.design/r/tabs.json"},{"name":"accordion","title":"Accordion","description":"Accordion on radix-ui with 3 variants (default divided rows, separated cards, outline boxed) plus animated open/close (ai2 motion tokens) and a rotating chevro…","type":"registry:ui","source_url":"https://ai2.design/r/accordion.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion.json"},{"name":"alert","title":"Alert","description":"Alert with a variant x tone matrix: 2 variants (soft, outline) x 6 tones. Optional leading icon, AlertTitle and AlertDescription. role=alert.","type":"registry:ui","source_url":"https://ai2.design/r/alert.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert.json"},{"name":"tooltip","title":"Tooltip","description":"Tooltip on radix-ui with portal, arrow, directional slide/zoom animations and 2 content sizes (sm, md). Tooltip wraps its own Provider, so a single import work…","type":"registry:ui","source_url":"https://ai2.design/r/tooltip.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltip.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"Accessible breadcrumb (nav + ordered list) with link, current page, separator and ellipsis parts. Semantic aria-current on the active page.","type":"registry:ui","source_url":"https://ai2.design/r/breadcrumb.json","install_command":"npx shadcn@latest add https://ai2.design/r/breadcrumb.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog on radix-ui with portal, overlay, focus trap, fade/zoom animations and 5 content sizes (sm, md, lg, xl, full) that cap the width from the sm break…","type":"registry:ui","source_url":"https://ai2.design/r/dialog.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog.json"},{"name":"sheet","title":"Sheet","description":"Slide-in panel on radix-ui Dialog with 4 sides (right, left, top, bottom), 3 sizes (sm, md, lg) that set the panel width for the left/right sides, and directio…","type":"registry:ui","source_url":"https://ai2.design/r/sheet.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet.json"},{"name":"popover","title":"Popover","description":"Popover on radix-ui with portal, directional slide/zoom animations, 3 content sizes (sm, md, lg) and an optional anchor. Exports Popover, PopoverTrigger, Popov…","type":"registry:ui","source_url":"https://ai2.design/r/popover.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Full dropdown menu on radix-ui: items (default + danger variant), checkbox items, radio group, submenus, labels, separators and shortcuts. Keyboard navigable.","type":"registry:ui","source_url":"https://ai2.design/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://ai2.design/r/dropdown-menu.json"},{"name":"select","title":"Select","description":"Select on radix-ui. Trigger follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (neutral, success, danger). Grouped it…","type":"registry:ui","source_url":"https://ai2.design/r/select.json","install_command":"npx shadcn@latest add https://ai2.design/r/select.json"},{"name":"command","title":"Command","description":"Command palette (cmdk) with fuzzy search, groups, items, shortcuts and a CommandDialog wrapper for a ⌘K experience.","type":"registry:ui","source_url":"https://ai2.design/r/command.json","install_command":"npx shadcn@latest add https://ai2.design/r/command.json"},{"name":"sonner","title":"Toast (Sonner)","description":"Toast notifications via sonner, themed with ai2 tokens and synced to next-themes. Drop the Toaster once in your root layout, then call toast() anywhere.","type":"registry:ui","source_url":"https://ai2.design/r/sonner.json","install_command":"npx shadcn@latest add https://ai2.design/r/sonner.json"},{"name":"table","title":"Table","description":"Composable table primitives (Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption) with hover rows, selected state and hori…","type":"registry:ui","source_url":"https://ai2.design/r/table.json","install_command":"npx shadcn@latest add https://ai2.design/r/table.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Confirmation dialog on radix-ui AlertDialog for destructive or irreversible actions. Action button defaults to the danger tone; cancel is focused first per WAI…","type":"registry:ui","source_url":"https://ai2.design/r/alert-dialog.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog.json"},{"name":"toggle","title":"Toggle","description":"Two-state toggle button on radix-ui with 2 variants (default, outline), 3 sizes and 2 tones (neutral, brand). Pressed state uses the accent token (neutral) or …","type":"registry:ui","source_url":"https://ai2.design/r/toggle.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Single or multiple selection toggle group on radix-ui. Inherits variant/size/tone from the group via context; outline variant renders as a segmented control.","type":"registry:ui","source_url":"https://ai2.design/r/toggle-group.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggle-group.json"},{"name":"pagination","title":"Pagination","description":"Accessible pagination nav (previous/next, page links, ellipsis) styled with ai2 button variants. Current page gets aria-current.","type":"registry:ui","source_url":"https://ai2.design/r/pagination.json","install_command":"npx shadcn@latest add https://ai2.design/r/pagination.json"},{"name":"combobox","title":"Combobox","description":"Searchable single-select built from Popover + Command. Trigger follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (ne…","type":"registry:ui","source_url":"https://ai2.design/r/combobox.json","install_command":"npx shadcn@latest add https://ai2.design/r/combobox.json"},{"name":"slider","title":"Slider","description":"Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range and thumb, and 3 sizes (sm, md, lg) for the track and thumb. Support…","type":"registry:ui","source_url":"https://ai2.design/r/slider.json","install_command":"npx shadcn@latest add https://ai2.design/r/slider.json"},{"name":"scroll-area","title":"Scroll Area","description":"Custom cross-browser scroll container on radix-ui with a thin token-colored scrollbar. Exports ScrollArea and ScrollBar (vertical or horizontal orientation).","type":"registry:ui","source_url":"https://ai2.design/r/scroll-area.json","install_command":"npx shadcn@latest add https://ai2.design/r/scroll-area.json"},{"name":"hover-card","title":"Hover Card","description":"Rich hover preview on radix-ui with portal, directional slide/zoom animations and 3 content sizes (sm, md, lg). Exports HoverCard, HoverCardTrigger, HoverCardC…","type":"registry:ui","source_url":"https://ai2.design/r/hover-card.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card.json"},{"name":"collapsible","title":"Collapsible","description":"Single expand/collapse region on radix-ui. Exports Collapsible, CollapsibleTrigger, CollapsibleContent. Unstyled by design so it composes into any layout.","type":"registry:ui","source_url":"https://ai2.design/r/collapsible.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible.json"},{"name":"button-group","title":"Button Group","description":"Joins buttons, inputs and selects into a single segmented control on horizontal or vertical orientation, collapsing inner radii and borders. Exports ButtonGrou…","type":"registry:ui","source_url":"https://ai2.design/r/button-group.json","install_command":"npx shadcn@latest add https://ai2.design/r/button-group.json"},{"name":"empty","title":"Empty","description":"Empty-state placeholder: Empty wrapper with EmptyHeader, EmptyMedia (default or icon variant), EmptyTitle, EmptyDescription and EmptyContent for actions. Cente…","type":"registry:ui","source_url":"https://ai2.design/r/empty.json","install_command":"npx shadcn@latest add https://ai2.design/r/empty.json"},{"name":"item","title":"Item","description":"List/row primitive with 3 variants (default, outline, muted) and 2 sizes (default, sm). Parts: Item, ItemGroup, ItemMedia (default/icon/image), ItemContent, It…","type":"registry:ui","source_url":"https://ai2.design/r/item.json","install_command":"npx shadcn@latest add https://ai2.design/r/item.json"},{"name":"drawer","title":"Drawer","description":"Draggable drawer on vaul with 4 directions (top, right, bottom, left), a drag handle on the bottom variant, overlay and snap behavior. Exports Drawer, DrawerTr…","type":"registry:ui","source_url":"https://ai2.design/r/drawer.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer.json"},{"name":"input-otp","title":"Input OTP","description":"One-time-passcode input on input-otp with individual slots, a blinking fake caret, active-slot ring and aria-invalid danger styling. Exports InputOTP, InputOTP…","type":"registry:ui","source_url":"https://ai2.design/r/input-otp.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-otp.json"},{"name":"calendar","title":"Calendar","description":"Date calendar on react-day-picker v10 styled with ai2 Button and tokens. Single, multiple and range selection, dropdown or label caption, outside days, week nu…","type":"registry:ui","source_url":"https://ai2.design/r/calendar.json","install_command":"npx shadcn@latest add https://ai2.design/r/calendar.json"},{"name":"date-picker","title":"Date Picker","description":"Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaultValue and onValueChange; formats the selected date with date-fns and…","type":"registry:ui","source_url":"https://ai2.design/r/date-picker.json","install_command":"npx shadcn@latest add https://ai2.design/r/date-picker.json"},{"name":"context-menu","title":"Context Menu","description":"Right-click menu on radix-ui with items, checkbox and radio items, submenus, labels, separators and shortcuts. Item variant default or danger. Icons work with …","type":"registry:ui","source_url":"https://ai2.design/r/context-menu.json","install_command":"npx shadcn@latest add https://ai2.design/r/context-menu.json"},{"name":"menubar","title":"Menubar","description":"Application menu bar on radix-ui with top-level menus, items, checkbox and radio items, submenus, labels, separators and shortcuts. Item variant default or dan…","type":"registry:ui","source_url":"https://ai2.design/r/menubar.json","install_command":"npx shadcn@latest add https://ai2.design/r/menubar.json"},{"name":"resizable","title":"Resizable","description":"Resizable split panels on react-resizable-panels with horizontal or vertical groups and an optional drag handle. Exports ResizablePanelGroup, ResizablePanel, R…","type":"registry:ui","source_url":"https://ai2.design/r/resizable.json","install_command":"npx shadcn@latest add https://ai2.design/r/resizable.json"},{"name":"carousel","title":"Carousel","description":"Slider/carousel on embla-carousel-react with horizontal or vertical orientation, keyboard support and prev/next controls built from ai2 Button. Exports Carouse…","type":"registry:ui","source_url":"https://ai2.design/r/carousel.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel.json"},{"name":"accordion-demo","title":"Accordion Demo","description":"Usage example for the ai2 accordion component.","type":"registry:example","source_url":"https://ai2.design/r/accordion-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-demo.json"},{"name":"alert-demo","title":"Alert Demo","description":"Usage example for the ai2 alert component.","type":"registry:example","source_url":"https://ai2.design/r/alert-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-demo.json"},{"name":"alert-dialog-demo","title":"Alert dialog Demo","description":"Usage example for the ai2 alert-dialog component.","type":"registry:example","source_url":"https://ai2.design/r/alert-dialog-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-demo.json"},{"name":"avatar-demo","title":"Avatar Demo","description":"Usage example for the ai2 avatar component.","type":"registry:example","source_url":"https://ai2.design/r/avatar-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatar-demo.json"},{"name":"badge-demo","title":"Badge Demo","description":"Usage example for the ai2 badge component.","type":"registry:example","source_url":"https://ai2.design/r/badge-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/badge-demo.json"},{"name":"breadcrumb-demo","title":"Breadcrumb Demo","description":"Usage example for the ai2 breadcrumb component.","type":"registry:example","source_url":"https://ai2.design/r/breadcrumb-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/breadcrumb-demo.json"},{"name":"button-demo","title":"Button Demo","description":"Usage example for the ai2 button component.","type":"registry:example","source_url":"https://ai2.design/r/button-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/button-demo.json"},{"name":"card-demo","title":"Card Demo","description":"Usage example for the ai2 card component.","type":"registry:example","source_url":"https://ai2.design/r/card-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/card-demo.json"},{"name":"checkbox-demo","title":"Checkbox Demo","description":"Usage example for the ai2 checkbox component.","type":"registry:example","source_url":"https://ai2.design/r/checkbox-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/checkbox-demo.json"},{"name":"combobox-demo","title":"Combobox Demo","description":"Usage example for the ai2 combobox component.","type":"registry:example","source_url":"https://ai2.design/r/combobox-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/combobox-demo.json"},{"name":"command-demo","title":"Command Demo","description":"Usage example for the ai2 command component.","type":"registry:example","source_url":"https://ai2.design/r/command-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/command-demo.json"},{"name":"dialog-demo","title":"Dialog Demo","description":"Usage example for the ai2 dialog component.","type":"registry:example","source_url":"https://ai2.design/r/dialog-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-demo.json"},{"name":"dropdown-menu-demo","title":"Dropdown menu Demo","description":"Usage example for the ai2 dropdown-menu component.","type":"registry:example","source_url":"https://ai2.design/r/dropdown-menu-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/dropdown-menu-demo.json"},{"name":"field-demo","title":"Field Demo","description":"Usage example for the ai2 field component.","type":"registry:example","source_url":"https://ai2.design/r/field-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/field-demo.json"},{"name":"input-demo","title":"Input Demo","description":"Usage example for the ai2 input component.","type":"registry:example","source_url":"https://ai2.design/r/input-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-demo.json"},{"name":"kbd-demo","title":"Kbd Demo","description":"Usage example for the ai2 kbd component.","type":"registry:example","source_url":"https://ai2.design/r/kbd-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/kbd-demo.json"},{"name":"label-demo","title":"Label Demo","description":"Usage example for the ai2 label component.","type":"registry:example","source_url":"https://ai2.design/r/label-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/label-demo.json"},{"name":"pagination-demo","title":"Pagination Demo","description":"Usage example for the ai2 pagination component.","type":"registry:example","source_url":"https://ai2.design/r/pagination-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/pagination-demo.json"},{"name":"popover-demo","title":"Popover Demo","description":"Usage example for the ai2 popover component.","type":"registry:example","source_url":"https://ai2.design/r/popover-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-demo.json"},{"name":"progress-demo","title":"Progress Demo","description":"Usage example for the ai2 progress component.","type":"registry:example","source_url":"https://ai2.design/r/progress-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-demo.json"},{"name":"radio-group-demo","title":"Radio group Demo","description":"Usage example for the ai2 radio-group component.","type":"registry:example","source_url":"https://ai2.design/r/radio-group-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/radio-group-demo.json"},{"name":"select-demo","title":"Select Demo","description":"Usage example for the ai2 select component.","type":"registry:example","source_url":"https://ai2.design/r/select-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/select-demo.json"},{"name":"separator-demo","title":"Separator Demo","description":"Usage example for the ai2 separator component.","type":"registry:example","source_url":"https://ai2.design/r/separator-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/separator-demo.json"},{"name":"sheet-demo","title":"Sheet Demo","description":"Usage example for the ai2 sheet component.","type":"registry:example","source_url":"https://ai2.design/r/sheet-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-demo.json"},{"name":"skeleton-demo","title":"Skeleton Demo","description":"Usage example for the ai2 skeleton component.","type":"registry:example","source_url":"https://ai2.design/r/skeleton-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/skeleton-demo.json"},{"name":"sonner-demo","title":"Sonner Demo","description":"Usage example for the ai2 sonner component.","type":"registry:example","source_url":"https://ai2.design/r/sonner-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/sonner-demo.json"},{"name":"spinner-demo","title":"Spinner Demo","description":"Usage example for the ai2 spinner component.","type":"registry:example","source_url":"https://ai2.design/r/spinner-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/spinner-demo.json"},{"name":"switch-demo","title":"Switch Demo","description":"Usage example for the ai2 switch component.","type":"registry:example","source_url":"https://ai2.design/r/switch-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/switch-demo.json"},{"name":"table-demo","title":"Table Demo","description":"Usage example for the ai2 table component.","type":"registry:example","source_url":"https://ai2.design/r/table-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/table-demo.json"},{"name":"tabs-demo","title":"Tabs Demo","description":"Usage example for the ai2 tabs component.","type":"registry:example","source_url":"https://ai2.design/r/tabs-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/tabs-demo.json"},{"name":"textarea-demo","title":"Textarea Demo","description":"Usage example for the ai2 textarea component.","type":"registry:example","source_url":"https://ai2.design/r/textarea-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/textarea-demo.json"},{"name":"toggle-demo","title":"Toggle Demo","description":"Usage example for the ai2 toggle component.","type":"registry:example","source_url":"https://ai2.design/r/toggle-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggle-demo.json"},{"name":"toggle-group-demo","title":"Toggle group Demo","description":"Usage example for the ai2 toggle-group component.","type":"registry:example","source_url":"https://ai2.design/r/toggle-group-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggle-group-demo.json"},{"name":"tooltip-demo","title":"Tooltip Demo","description":"Usage example for the ai2 tooltip component.","type":"registry:example","source_url":"https://ai2.design/r/tooltip-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltip-demo.json"},{"name":"file-input-demo","title":"File input Demo","description":"Usage example for the ai2 file-input component.","type":"registry:example","source_url":"https://ai2.design/r/file-input-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/file-input-demo.json"},{"name":"input-group-demo","title":"Input group Demo","description":"Usage example for the ai2 input-group component.","type":"registry:example","source_url":"https://ai2.design/r/input-group-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-group-demo.json"},{"name":"button-group-demo","title":"Button group Demo","description":"Usage example for the ai2 button-group component.","type":"registry:example","source_url":"https://ai2.design/r/button-group-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/button-group-demo.json"},{"name":"collapsible-demo","title":"Collapsible Demo","description":"Usage example for the ai2 collapsible component.","type":"registry:example","source_url":"https://ai2.design/r/collapsible-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-demo.json"},{"name":"hover-card-demo","title":"Hover card Demo","description":"Usage example for the ai2 hover-card component.","type":"registry:example","source_url":"https://ai2.design/r/hover-card-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-demo.json"},{"name":"scroll-area-demo","title":"Scroll area Demo","description":"Usage example for the ai2 scroll-area component.","type":"registry:example","source_url":"https://ai2.design/r/scroll-area-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/scroll-area-demo.json"},{"name":"slider-demo","title":"Slider Demo","description":"Usage example for the ai2 slider component.","type":"registry:example","source_url":"https://ai2.design/r/slider-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/slider-demo.json"},{"name":"calendar-demo","title":"Calendar Demo","description":"Usage example for the ai2 calendar component.","type":"registry:example","source_url":"https://ai2.design/r/calendar-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/calendar-demo.json"},{"name":"date-picker-demo","title":"Date picker Demo","description":"Usage example for the ai2 date-picker component.","type":"registry:example","source_url":"https://ai2.design/r/date-picker-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/date-picker-demo.json"},{"name":"drawer-demo","title":"Drawer Demo","description":"Usage example for the ai2 drawer component.","type":"registry:example","source_url":"https://ai2.design/r/drawer-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-demo.json"},{"name":"empty-demo","title":"Empty Demo","description":"Usage example for the ai2 empty component.","type":"registry:example","source_url":"https://ai2.design/r/empty-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/empty-demo.json"},{"name":"input-otp-demo","title":"Input otp Demo","description":"Usage example for the ai2 input-otp component.","type":"registry:example","source_url":"https://ai2.design/r/input-otp-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-otp-demo.json"},{"name":"item-demo","title":"Item Demo","description":"Usage example for the ai2 item component.","type":"registry:example","source_url":"https://ai2.design/r/item-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/item-demo.json"},{"name":"carousel-demo","title":"Carousel Demo","description":"Usage example for the ai2 carousel component.","type":"registry:example","source_url":"https://ai2.design/r/carousel-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-demo.json"},{"name":"context-menu-demo","title":"Context menu Demo","description":"Usage example for the ai2 context-menu component.","type":"registry:example","source_url":"https://ai2.design/r/context-menu-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/context-menu-demo.json"},{"name":"menubar-demo","title":"Menubar Demo","description":"Usage example for the ai2 menubar component.","type":"registry:example","source_url":"https://ai2.design/r/menubar-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/menubar-demo.json"},{"name":"resizable-demo","title":"Resizable Demo","description":"Usage example for the ai2 resizable component.","type":"registry:example","source_url":"https://ai2.design/r/resizable-demo.json","install_command":"npx shadcn@latest add https://ai2.design/r/resizable-demo.json"},{"name":"avatars-badge","title":"Badge avatars","description":"Styled avatars: the Badge set. 5 decorative avatars variations (NotifyAvatar, StatusRingAvatar, TypingAvatar, NewAvatar, VerifiedAvatar) on the ai2 token syste…","type":"registry:component","source_url":"https://ai2.design/r/avatars-badge.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatars-badge.json"},{"name":"avatars-glass","title":"Glass avatars","description":"Styled avatars: the Glass set. 5 decorative avatars variations (FrostAvatar, TintAvatar, SheenAvatar, CrystalAvatar, HaloGlassAvatar) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/avatars-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatars-glass.json"},{"name":"avatars-magnetic","title":"Magnetic avatars","description":"Styled avatars: the Magnetic set. 5 decorative avatars variations (MagneticAvatar, TiltAvatar, PopAvatar, WobbleAvatar, FollowAvatar) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/avatars-magnetic.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatars-magnetic.json"},{"name":"avatars-stack","title":"Stack avatars","description":"Styled avatars: the Stack set. 5 decorative avatars variations (AvatarStack, AvatarStackMore, AvatarRowGap, FannedStack, GridAvatars) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/avatars-stack.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatars-stack.json"},{"name":"avatars-styled","title":"Avatars essentials","description":"Styled avatars: the essentials set. 5 decorative avatars variations (RingAvatar, StatusAvatar, GradientRingAvatar, GlowAvatar, SquircleAvatar) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/avatars-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatars-styled.json"},{"name":"avatars-threed","title":"3D avatars","description":"Styled avatars: the 3D set. 5 decorative avatars variations (CoinAvatar, CardTiltAvatar, LayeredAvatar, ShadowLiftAvatar, CubeAvatar) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/avatars-threed.json","install_command":"npx shadcn@latest add https://ai2.design/r/avatars-threed.json"},{"name":"badges-animated","title":"Animated badges","description":"Styled badges: the Animated set. 5 decorative badges variations (ShimmerBadge, BounceBadge, FlipBadge, SlideBadge, WobbleBadge) on the ai2 token system, powere…","type":"registry:component","source_url":"https://ai2.design/r/badges-animated.json","install_command":"npx shadcn@latest add https://ai2.design/r/badges-animated.json"},{"name":"badges-glass","title":"Glass badges","description":"Styled badges: the Glass set. 5 decorative badges variations (FrostBadge, TintBadge, CrystalBadge, SmokeBadge, HaloBadge) on the ai2 token system, driven by CS…","type":"registry:component","source_url":"https://ai2.design/r/badges-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/badges-glass.json"},{"name":"badges-particle","title":"Particle badges","description":"Styled badges: the Particle set. 5 decorative badges variations (SparkBadge, BurstBadge, TrailBadge, ConfettiBadge, GlitterBadge) on the ai2 token system, powe…","type":"registry:component","source_url":"https://ai2.design/r/badges-particle.json","install_command":"npx shadcn@latest add https://ai2.design/r/badges-particle.json"},{"name":"badges-shine","title":"Shine badges","description":"Styled badges: the Shine set. 5 decorative badges variations (MetallicBadge, NeonBadge, HolographicBadge, GoldBadge, ChromeBadge) on the ai2 token system, powe…","type":"registry:component","source_url":"https://ai2.design/r/badges-shine.json","install_command":"npx shadcn@latest add https://ai2.design/r/badges-shine.json"},{"name":"badges-status","title":"Status badges","description":"Styled badges: the Status set. 5 decorative badges variations (OnlineBadge, AwayBadge, BusyBadge, OfflineBadge, CountBadge) on the ai2 token system, powered by…","type":"registry:component","source_url":"https://ai2.design/r/badges-status.json","install_command":"npx shadcn@latest add https://ai2.design/r/badges-status.json"},{"name":"badges-styled","title":"Badges essentials","description":"Styled badges: the essentials set. 5 decorative badges variations (DotBadge, GradientBadge, GlowBadge, PulseBadge, OutlineBadge) on the ai2 token system, power…","type":"registry:component","source_url":"https://ai2.design/r/badges-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/badges-styled.json"},{"name":"buttons-3d","title":"3D buttons","description":"Styled buttons: the 3D set. 5 decorative buttons variations (PushButton, TiltButton, LayeredButton, EmbossButton, LiftButton) on the ai2 token system, powered …","type":"registry:component","source_url":"https://ai2.design/r/buttons-3d.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-3d.json"},{"name":"buttons-animated","title":"Animated buttons","description":"Styled buttons: the Animated set. 5 decorative buttons variations (BounceButton, ScaleButton, SlideButton, RotateButton, BreatheButton) on the ai2 token system…","type":"registry:component","source_url":"https://ai2.design/r/buttons-animated.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-animated.json"},{"name":"buttons-glass","title":"Glass buttons","description":"Styled buttons: the Glass set. 5 decorative buttons variations (FrostButton, TintButton, CrystalButton, SmokeButton, DepthButton) on the ai2 token system, powe…","type":"registry:component","source_url":"https://ai2.design/r/buttons-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-glass.json"},{"name":"buttons-glow","title":"Glow buttons","description":"Styled buttons: the Glow set. 5 decorative buttons variations (GlowButton, PulseGlowButton, AuraButton, NeonButton, EmberButton) on the ai2 token system, power…","type":"registry:component","source_url":"https://ai2.design/r/buttons-glow.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-glow.json"},{"name":"buttons-gradient","title":"Gradient buttons","description":"Styled buttons: the Gradient set. 5 decorative buttons variations (FlowButton, ConicButton, DuotoneButton, AuroraButton, SunsetButton) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/buttons-gradient.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-gradient.json"},{"name":"buttons-magnetic","title":"Magnetic buttons","description":"Styled buttons: the Magnetic set. 5 decorative buttons variations (MagneticButton, RepelButton, TiltPointerButton, ElasticButton, SquishButton) on the ai2 toke…","type":"registry:component","source_url":"https://ai2.design/r/buttons-magnetic.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-magnetic.json"},{"name":"buttons-particle","title":"Particle buttons","description":"Styled buttons: the Particle set. 5 decorative buttons variations (BurstButton, ConfettiButton, SparkleButton, RiseButton, PopButton) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/buttons-particle.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-particle.json"},{"name":"buttons-pill","title":"Pill buttons","description":"Styled buttons: the Pill set. 5 decorative buttons variations (FillButton, CenterFillButton, SwapButton, OutlineFillButton, DotButton) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/buttons-pill.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-pill.json"},{"name":"buttons-ripple","title":"Ripple buttons","description":"Styled buttons: the Ripple set. 5 decorative buttons variations (RippleButton, EchoButton, SonarButton, PingButton, FlashButton) on the ai2 token system, power…","type":"registry:component","source_url":"https://ai2.design/r/buttons-ripple.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-ripple.json"},{"name":"buttons-shiny","title":"Shiny buttons","description":"Styled buttons: the Shiny set. 5 decorative buttons variations (ShimmerButton, SheenButton, MetallicButton, SpotlightButton, HolographicButton) on the ai2 toke…","type":"registry:component","source_url":"https://ai2.design/r/buttons-shiny.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-shiny.json"},{"name":"buttons-stroke","title":"Stroke buttons","description":"Styled buttons: the Stroke set. 5 decorative buttons variations (RotateStrokeButton, BeamButton, GradientStrokeButton, CornersButton, GrowRingButton) on the ai…","type":"registry:component","source_url":"https://ai2.design/r/buttons-stroke.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-stroke.json"},{"name":"buttons-text-animated","title":"Text-animated buttons","description":"Styled buttons: the Text-animated set. 5 decorative buttons variations (BounceTextButton, WaveTextButton, RevealTextButton, FlipTextButton, SlideTextButton) on…","type":"registry:component","source_url":"https://ai2.design/r/buttons-text-animated.json","install_command":"npx shadcn@latest add https://ai2.design/r/buttons-text-animated.json"},{"name":"inputs-glass","title":"Glass inputs","description":"Styled inputs: the Glass set. 5 decorative inputs variations (FrostInput, TintInput, CrystalInput, SmokeInput, DepthGlassInput) on the ai2 token system, driven…","type":"registry:component","source_url":"https://ai2.design/r/inputs-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/inputs-glass.json"},{"name":"inputs-magnetic","title":"Magnetic inputs","description":"Styled inputs: the Magnetic set. 5 decorative inputs variations (TiltInput, GlowTrailInput, ExpandInput, ShakeInput, SpotlightInput) on the ai2 token system, p…","type":"registry:component","source_url":"https://ai2.design/r/inputs-magnetic.json","install_command":"npx shadcn@latest add https://ai2.design/r/inputs-magnetic.json"},{"name":"inputs-otp","title":"OTP inputs","description":"Styled inputs: the OTP set. 5 decorative inputs variations (PinInput, SegmentInput, CodeInput, MaskedInput, StepperInput) on the ai2 token system, driven by CS…","type":"registry:component","source_url":"https://ai2.design/r/inputs-otp.json","install_command":"npx shadcn@latest add https://ai2.design/r/inputs-otp.json"},{"name":"inputs-styled","title":"Inputs essentials","description":"Styled inputs: the essentials set. 5 decorative inputs variations (UnderlineInput, FloatInput, GlowInput, FilledInput, IconInput) on the ai2 token system, driv…","type":"registry:component","source_url":"https://ai2.design/r/inputs-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/inputs-styled.json"},{"name":"inputs-typewriter","title":"Typewriter inputs","description":"Styled inputs: the Typewriter set. 5 decorative inputs variations (TypewriterInput, CyclePlaceholderInput, CaretInput, GhostInput, MorphLabelInput) on the ai2 …","type":"registry:component","source_url":"https://ai2.design/r/inputs-typewriter.json","install_command":"npx shadcn@latest add https://ai2.design/r/inputs-typewriter.json"},{"name":"inputs-validation","title":"Validation inputs","description":"Styled inputs: the Validation set. 5 decorative inputs variations (SuccessInput, ErrorInput, LiveInput, StrengthInput, CharCountInput) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/inputs-validation.json","install_command":"npx shadcn@latest add https://ai2.design/r/inputs-validation.json"},{"name":"loaders-dna","title":"DNA loaders","description":"Styled loaders: the DNA set. 5 decorative loaders variations (HelixLoader, LadderLoader, TwistLoader, CoilLoader, WeaveLoader) on the ai2 token system, powered…","type":"registry:component","source_url":"https://ai2.design/r/loaders-dna.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-dna.json"},{"name":"loaders-morph","title":"Morph loaders","description":"Styled loaders: the Morph set. 5 decorative loaders variations (BlobLoader, FlipLoader, StretchLoader, TriadLoader, SpinSquareLoader) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/loaders-morph.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-morph.json"},{"name":"loaders-orbital","title":"Orbital loaders","description":"Styled loaders: the Orbital set. 5 decorative loaders variations (SolarLoader, BinaryLoader, CometLoader, SatelliteLoader, GyroLoader) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/loaders-orbital.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-orbital.json"},{"name":"loaders-particle","title":"Particle loaders","description":"Styled loaders: the Particle set. 5 decorative loaders variations (SwarmLoader, ScatterLoader, ConvergeLoader, TrailLoader, FireflyLoader) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/loaders-particle.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-particle.json"},{"name":"loaders-skeleton","title":"Skeleton loaders","description":"Styled loaders: the Skeleton set. 5 decorative loaders variations (LineSkeleton, CardSkeleton, AvatarSkeleton, TextSkeleton, ListSkeleton) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/loaders-skeleton.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-skeleton.json"},{"name":"loaders-styled","title":"Loaders essentials","description":"Styled loaders: the essentials set. 5 decorative loaders variations (DotsLoader, BarsLoader, RingLoader, PulseLoader, OrbitLoader) on the ai2 token system, pow…","type":"registry:component","source_url":"https://ai2.design/r/loaders-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-styled.json"},{"name":"loaders-text","title":"Text loaders","description":"Styled loaders: the Text set. 5 decorative loaders variations (TypingLoader, EllipsisLoader, ScrambleLoader, WaveTextLoader, BlinkLoader) on the ai2 token syst…","type":"registry:component","source_url":"https://ai2.design/r/loaders-text.json","install_command":"npx shadcn@latest add https://ai2.design/r/loaders-text.json"},{"name":"progress-circular","title":"Circular progress","description":"Styled progress: the Circular set. 5 decorative progress variations (RingProgress, ConicProgress, DualRingProgress, DashRingProgress, GlowRingProgress) on the …","type":"registry:component","source_url":"https://ai2.design/r/progress-circular.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-circular.json"},{"name":"progress-indeterminate","title":"Indeterminate progress","description":"Styled progress: the Indeterminate set. 5 decorative progress variations (BarSweepProgress, DualBarProgress, PulseTrackProgress, MarchProgress, CometProgress) …","type":"registry:component","source_url":"https://ai2.design/r/progress-indeterminate.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-indeterminate.json"},{"name":"progress-liquid","title":"Liquid progress","description":"Styled progress: the Liquid set. 5 decorative progress variations (WaveProgress, BubbleProgress, TideProgress, DropProgress, FoamProgress) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/progress-liquid.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-liquid.json"},{"name":"progress-stepped","title":"Stepped progress","description":"Styled progress: the Stepped set. 5 decorative progress variations (StepsProgress, DotsStepProgress, NumberedProgress, CheckStepProgress, PillStepProgress) on …","type":"registry:component","source_url":"https://ai2.design/r/progress-stepped.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-stepped.json"},{"name":"progress-styled","title":"Progress essentials","description":"Styled progress: the essentials set. 5 decorative progress variations (StripedProgress, GradientProgress, GlowProgress, SegmentedProgress, ShimmerProgress) on …","type":"registry:component","source_url":"https://ai2.design/r/progress-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-styled.json"},{"name":"progress-threed","title":"3D progress","description":"Styled progress: the 3D set. 5 decorative progress variations (RaisedProgress, TubeProgress, BevelProgress, GlossProgress, InsetProgress) on the ai2 token syst…","type":"registry:component","source_url":"https://ai2.design/r/progress-threed.json","install_command":"npx shadcn@latest add https://ai2.design/r/progress-threed.json"},{"name":"toggles-3d","title":"3D toggles","description":"Styled toggles: the 3D set. 5 decorative toggles variations (RaisedToggle, PillPressToggle, TactileToggle, DomeToggle, SwitchLeverToggle) on the ai2 token syst…","type":"registry:component","source_url":"https://ai2.design/r/toggles-3d.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggles-3d.json"},{"name":"toggles-liquid","title":"Liquid toggles","description":"Styled toggles: the Liquid set. 5 decorative toggles variations (LiquidToggle, BlobToggle, DropToggle, WaveToggle, MercuryToggle) on the ai2 token system, powe…","type":"registry:component","source_url":"https://ai2.design/r/toggles-liquid.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggles-liquid.json"},{"name":"toggles-neon","title":"Neon toggles","description":"Styled toggles: the Neon set. 5 decorative toggles variations (NeonToggle, OutlineNeonToggle, PulseNeonToggle, TubeToggle, FlickerToggle) on the ai2 token syst…","type":"registry:component","source_url":"https://ai2.design/r/toggles-neon.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggles-neon.json"},{"name":"toggles-particle","title":"Particle toggles","description":"Styled toggles: the Particle set. 5 decorative toggles variations (ParticleToggle, SparkToggle, TrailToggle, ConfettiToggle, CometToggle) on the ai2 token syst…","type":"registry:component","source_url":"https://ai2.design/r/toggles-particle.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggles-particle.json"},{"name":"toggles-styled","title":"Toggles essentials","description":"Styled toggles: the essentials set. 5 decorative toggles variations (IOSToggle, SquareToggle, IconToggle, GlowToggle, LabeledToggle) on the ai2 token system, p…","type":"registry:component","source_url":"https://ai2.design/r/toggles-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggles-styled.json"},{"name":"toggles-themed","title":"Themed toggles","description":"Styled toggles: the Themed set. 5 decorative toggles variations (DayNightToggle, CheckXToggle, OnOffToggle, EyeToggle, LockToggle) on the ai2 token system, pow…","type":"registry:component","source_url":"https://ai2.design/r/toggles-themed.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggles-themed.json"},{"name":"tooltips-animated","title":"Animated tooltips","description":"Styled tooltips: the Animated set. 5 decorative tooltips variations (PopTooltip, FlipTooltip, SwingTooltip, TypeTooltip, GlowInTooltip) on the ai2 token system…","type":"registry:component","source_url":"https://ai2.design/r/tooltips-animated.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltips-animated.json"},{"name":"tooltips-interactive","title":"Interactive tooltips","description":"Styled tooltips: the Interactive set. 5 decorative tooltips variations (ScaleTooltip, UnderlineTooltip, LiftTooltip, FadeScaleTooltip, DelayTooltip) on the ai2…","type":"registry:component","source_url":"https://ai2.design/r/tooltips-interactive.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltips-interactive.json"},{"name":"tooltips-magnetic","title":"Magnetic tooltips","description":"Styled tooltips: the Magnetic set. 5 decorative tooltips variations (MagneticTooltip, FloatTooltip, TiltTooltip, SpotlightTooltip, ParallaxTooltip) on the ai2 …","type":"registry:component","source_url":"https://ai2.design/r/tooltips-magnetic.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltips-magnetic.json"},{"name":"tooltips-rich","title":"Rich tooltips","description":"Styled tooltips: the Rich set. 5 decorative tooltips variations (TitleTooltip, IconTooltip, KbdTooltip, MediaTooltip, MenuTooltip) on the ai2 token system, dri…","type":"registry:component","source_url":"https://ai2.design/r/tooltips-rich.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltips-rich.json"},{"name":"tooltips-shape","title":"Shape tooltips","description":"Styled tooltips: the Shape set. 5 decorative tooltips variations (BubbleTooltip, PillTooltip, NotchTooltip, CalloutTooltip, BadgeTooltip) on the ai2 token syst…","type":"registry:component","source_url":"https://ai2.design/r/tooltips-shape.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltips-shape.json"},{"name":"tooltips-styled","title":"Tooltips essentials","description":"Styled tooltips: the essentials set. 5 decorative tooltips variations (GlassTooltip, GradientTooltip, ArrowTooltip, DarkTooltip, SlideTooltip) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/tooltips-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/tooltips-styled.json"},{"name":"alert-styled","title":"Alert essentials","description":"Styled alert: the essentials set. 5 decorative alert variations (SoftAlert, LeftBarAlert, GlassAlert, GlowAlert, IconPulseAlert) on the ai2 token system, power…","type":"registry:component","source_url":"https://ai2.design/r/alert-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-styled.json"},{"name":"card-styled","title":"Card essentials","description":"Styled card: the essentials set. 5 decorative card variations (GlassCard, GradientBorderCard, GlowCard, TiltCard, SpotlightCard) on the ai2 token system, power…","type":"registry:component","source_url":"https://ai2.design/r/card-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/card-styled.json"},{"name":"checkbox-styled","title":"Checkbox essentials","description":"Styled checkbox: the essentials set. 5 decorative checkbox variations (FillCheckbox, BounceCheckbox, DrawCheckbox, GlowCheckbox, RoundedCheckbox) on the ai2 to…","type":"registry:component","source_url":"https://ai2.design/r/checkbox-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/checkbox-styled.json"},{"name":"separator-styled","title":"Separator essentials","description":"Styled separator: the essentials set. 5 decorative separator variations (GradientSeparator, DashedSeparator, LabelSeparator, IconSeparator, GlowSeparator) on t…","type":"registry:component","source_url":"https://ai2.design/r/separator-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/separator-styled.json"},{"name":"skeleton-styled","title":"Skeleton essentials","description":"Styled skeleton: the essentials set. 5 decorative skeleton variations (ShimmerSkeleton, PulseSkeleton, WaveSkeleton, GradientSkeleton, GlowSkeleton) on the ai2…","type":"registry:component","source_url":"https://ai2.design/r/skeleton-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/skeleton-styled.json"},{"name":"textarea-styled","title":"Textarea essentials","description":"Styled textarea: the essentials set. 5 decorative textarea variations (UnderlineTextarea, FloatTextarea, GlowTextarea, FilledTextarea, CountTextarea) on the ai…","type":"registry:component","source_url":"https://ai2.design/r/textarea-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/textarea-styled.json"},{"name":"accordion-styled","title":"Accordion essentials","description":"Styled accordion: the essentials set. 5 decorative accordion variations (BorderedAccordion, SeparatedAccordion, FilledAccordion, GhostAccordion, PlusAccordion)…","type":"registry:component","source_url":"https://ai2.design/r/accordion-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-styled.json"},{"name":"kbd-styled","title":"Kbd essentials","description":"Styled kbd: the essentials set. 5 decorative kbd variations (RaisedKbd, FlatKbd, GlowKbd, OutlineKbd, SoftKbd) on the ai2 token system, driven by CSS token tra…","type":"registry:component","source_url":"https://ai2.design/r/kbd-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/kbd-styled.json"},{"name":"label-styled","title":"Label essentials","description":"Styled label: the essentials set. 5 decorative label variations (RequiredLabel, UppercaseLabel, PillLabel, IconLabel, GradientLabel) on the ai2 token system, d…","type":"registry:component","source_url":"https://ai2.design/r/label-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/label-styled.json"},{"name":"radio-group-styled","title":"Group-styled radio","description":"Styled radio: the Group-styled set. 5 decorative radio variations (SegmentedRadio, CardRadio, PillRadio, DotRadio, IconRadio) on the ai2 token system, powered …","type":"registry:component","source_url":"https://ai2.design/r/radio-group-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/radio-group-styled.json"},{"name":"slider-styled","title":"Slider essentials","description":"Styled slider: the essentials set. 5 decorative slider variations (GradientSlider, GlowSlider, TicksSlider, BubbleSlider, ThickSlider) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/slider-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/slider-styled.json"},{"name":"tabs-styled","title":"Tabs essentials","description":"Styled tabs: the essentials set. 5 decorative tabs variations (UnderlineTabs, PillTabs, SegmentedTabs, BoxedTabs, IconTabs) on the ai2 token system, powered by…","type":"registry:component","source_url":"https://ai2.design/r/tabs-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/tabs-styled.json"},{"name":"alert-dialog-styled","title":"Dialog-styled alert","description":"Styled alert: the Dialog-styled set. 5 decorative alert variations (ConfirmAlert, DestructiveAlert, InfoAlert, SuccessAlert, IconAlert) on the ai2 token system…","type":"registry:component","source_url":"https://ai2.design/r/alert-dialog-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-styled.json"},{"name":"dialog-styled","title":"Dialog essentials","description":"Styled dialog: the essentials set. 5 decorative dialog variations (CenterDialog, SlideUpDialog, GlassDialog, FullscreenDialog, DropDialog) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/dialog-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-styled.json"},{"name":"drawer-styled","title":"Drawer essentials","description":"Styled drawer: the essentials set. 5 decorative drawer variations (BottomDrawer, TopDrawer, GlassDrawer, RoundedDrawer, SnapDrawer) on the ai2 token system, po…","type":"registry:component","source_url":"https://ai2.design/r/drawer-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-styled.json"},{"name":"hover-card-styled","title":"Card-styled hover","description":"Styled hover: the Card-styled set. 5 decorative hover variations (ProfileHoverCard, GlassHoverCard, PreviewHoverCard, StatsHoverCard, MediaHoverCard) on the ai…","type":"registry:component","source_url":"https://ai2.design/r/hover-card-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-styled.json"},{"name":"popover-styled","title":"Popover essentials","description":"Styled popover: the essentials set. 5 decorative popover variations (ArrowPopover, GlassPopover, MenuPopover, FormPopover, RichPopover) on the ai2 token system…","type":"registry:component","source_url":"https://ai2.design/r/popover-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-styled.json"},{"name":"sheet-styled","title":"Sheet essentials","description":"Styled sheet: the essentials set. 5 decorative sheet variations (RightSheet, LeftSheet, TopSheet, BottomSheet, GlassSheet) on the ai2 token system, powered by …","type":"registry:component","source_url":"https://ai2.design/r/sheet-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-styled.json"},{"name":"breadcrumb-styled","title":"Breadcrumb essentials","description":"Styled breadcrumb: the essentials set. 5 decorative breadcrumb variations (SlashBreadcrumb, ChevronBreadcrumb, PillBreadcrumb, ArrowBreadcrumb, DotBreadcrumb) …","type":"registry:component","source_url":"https://ai2.design/r/breadcrumb-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/breadcrumb-styled.json"},{"name":"command-styled","title":"Command essentials","description":"Styled command: the essentials set. 5 decorative command variations (SimpleCommand, GroupedCommand, IconCommand, GlassCommand, KbdCommand) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/command-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/command-styled.json"},{"name":"context-menu-styled","title":"Menu-styled context","description":"Styled context: the Menu-styled set. 5 decorative context variations (SimpleContextMenu, IconContextMenu, ShortcutContextMenu, SectionContextMenu, DangerContex…","type":"registry:component","source_url":"https://ai2.design/r/context-menu-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/context-menu-styled.json"},{"name":"dropdown-menu-styled","title":"Menu-styled dropdown","description":"Styled dropdown: the Menu-styled set. 5 decorative dropdown variations (SimpleMenu, IconMenu, SectionMenu, CheckMenu, RichMenu) on the ai2 token system, powere…","type":"registry:component","source_url":"https://ai2.design/r/dropdown-menu-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/dropdown-menu-styled.json"},{"name":"menubar-styled","title":"Menubar essentials","description":"Styled menubar: the essentials set. 5 decorative menubar variations (BarMenubar, PillMenubar, GlassMenubar, MinimalMenubar, IconMenubar) on the ai2 token syste…","type":"registry:component","source_url":"https://ai2.design/r/menubar-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/menubar-styled.json"},{"name":"pagination-styled","title":"Pagination essentials","description":"Styled pagination: the essentials set. 5 decorative pagination variations (NumberedPagination, ArrowsPagination, DotsPagination, PillPagination, MinimalPaginat…","type":"registry:component","source_url":"https://ai2.design/r/pagination-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/pagination-styled.json"},{"name":"combobox-styled","title":"Combobox essentials","description":"Styled combobox: the essentials set. 5 decorative combobox variations (SimpleCombobox, GlassCombobox, IconCombobox, TagsCombobox, InlineCombobox) on the ai2 to…","type":"registry:component","source_url":"https://ai2.design/r/combobox-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/combobox-styled.json"},{"name":"field-styled","title":"Field essentials","description":"Styled field: the essentials set. 5 decorative field variations (StackedField, FloatingField, InlineField, CardField, BorderedField) on the ai2 token system, d…","type":"registry:component","source_url":"https://ai2.design/r/field-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/field-styled.json"},{"name":"file-input-styled","title":"Input-styled file","description":"Styled file: the Input-styled set. 5 decorative file variations (DropzoneFile, ButtonFile, AvatarFile, ListFile, GlassFile) on the ai2 token system, powered by…","type":"registry:component","source_url":"https://ai2.design/r/file-input-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/file-input-styled.json"},{"name":"input-group-styled","title":"Group-styled input","description":"Styled input: the Group-styled set. 5 decorative input variations (PrefixGroup, SuffixGroup, IconGroup, ButtonGroup, SegmentGroup) on the ai2 token system, dri…","type":"registry:component","source_url":"https://ai2.design/r/input-group-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-group-styled.json"},{"name":"input-otp-styled","title":"Otp-styled input","description":"Styled input: the Otp-styled set. 5 decorative input variations (BoxOtp, UnderlineOtp, RoundedOtp, SeparatedOtp, FilledOtp) on the ai2 token system, powered by…","type":"registry:component","source_url":"https://ai2.design/r/input-otp-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/input-otp-styled.json"},{"name":"select-styled","title":"Select essentials","description":"Styled select: the essentials set. 5 decorative select variations (SimpleSelect, GlassSelect, IconSelect, PillSelect, GroupedSelect) on the ai2 token system, p…","type":"registry:component","source_url":"https://ai2.design/r/select-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/select-styled.json"},{"name":"button-group-styled","title":"Group-styled button","description":"Styled button: the Group-styled set. 5 decorative button variations (AttachedGroup, SplitGroup, ToolbarGroup, PillGroup, StepperGroup) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/button-group-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/button-group-styled.json"},{"name":"calendar-styled","title":"Calendar essentials","description":"Styled calendar: the essentials set. 5 decorative calendar variations (ClassicCalendar, RoundedCalendar, CompactCalendar, GlassCalendar, RangeCalendar) on the …","type":"registry:component","source_url":"https://ai2.design/r/calendar-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/calendar-styled.json"},{"name":"date-picker-styled","title":"Picker-styled date","description":"Styled date: the Picker-styled set. 5 decorative date variations (SimpleDatePicker, RangeDatePicker, GlassDatePicker, InlineDatePicker, IconDatePicker) on the …","type":"registry:component","source_url":"https://ai2.design/r/date-picker-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/date-picker-styled.json"},{"name":"item-styled","title":"Item essentials","description":"Styled item: the essentials set. 5 decorative item variations (SimpleItem, IconItem, AvatarItem, ActionItem, CardItem) on the ai2 token system, driven by CSS t…","type":"registry:component","source_url":"https://ai2.design/r/item-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/item-styled.json"},{"name":"table-styled","title":"Table essentials","description":"Styled table: the essentials set. 5 decorative table variations (StripedTable, BorderedTable, HoverGlowTable, CompactTable, CardTable) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/table-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/table-styled.json"},{"name":"toggle-group-styled","title":"Group-styled toggle","description":"Styled toggle: the Group-styled set. 5 decorative toggle variations (SegmentedToggleGroup, PillToggleGroup, IconToggleGroup, OutlineToggleGroup, GhostToggleGro…","type":"registry:component","source_url":"https://ai2.design/r/toggle-group-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/toggle-group-styled.json"},{"name":"carousel-styled","title":"Carousel essentials","description":"Styled carousel: the essentials set. 5 decorative carousel variations (SlideCarousel, FadeCarousel, CardsCarousel, DotsCarousel, AutoCarousel) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/carousel-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-styled.json"},{"name":"collapsible-styled","title":"Collapsible essentials","description":"Styled collapsible: the essentials set. 5 decorative collapsible variations (SimpleCollapsible, CardCollapsible, GhostCollapsible, PlusCollapsible, PreviewColl…","type":"registry:component","source_url":"https://ai2.design/r/collapsible-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-styled.json"},{"name":"empty-styled","title":"Empty essentials","description":"Styled empty: the essentials set. 5 decorative empty variations (SimpleEmpty, IconEmpty, IllustrationEmpty, ActionEmpty, CardEmpty) on the ai2 token system, dr…","type":"registry:component","source_url":"https://ai2.design/r/empty-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/empty-styled.json"},{"name":"resizable-styled","title":"Resizable essentials","description":"Styled resizable: the essentials set. 5 decorative resizable variations (HorizontalResizable, VerticalResizable, HandleResizable, NestedResizable, GlassResizab…","type":"registry:component","source_url":"https://ai2.design/r/resizable-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/resizable-styled.json"},{"name":"scroll-area-styled","title":"Area-styled scroll","description":"Styled scroll: the Area-styled set. 5 decorative scroll variations (ThinScrollArea, RoundedScrollArea, ColoredScrollArea, OverlayScrollArea, BothScrollArea) on…","type":"registry:component","source_url":"https://ai2.design/r/scroll-area-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/scroll-area-styled.json"},{"name":"sonner-styled","title":"Sonner essentials","description":"Styled sonner: the essentials set. 5 decorative sonner variations (SimpleToaster, ToneToaster, GlassToaster, ActionToaster, PromiseToaster) on the ai2 token sy…","type":"registry:component","source_url":"https://ai2.design/r/sonner-styled.json","install_command":"npx shadcn@latest add https://ai2.design/r/sonner-styled.json"},{"name":"dialog-blur","title":"Blur dialog","description":"Styled dialog: the Blur set. 5 decorative dialog variations (SoftBlurDialog, HeavyBlurDialog, DarkBlurDialog, TintBlurDialog, GradientBlurDialog) on the ai2 to…","type":"registry:component","source_url":"https://ai2.design/r/dialog-blur.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-blur.json"},{"name":"dialog-bordered","title":"Bordered dialog","description":"Styled dialog: the Bordered set. 5 decorative dialog variations (RingDialog, GlowDialog, GradientBorderDialog, InsetDialog, AccentBarDialog) on the ai2 token s…","type":"registry:component","source_url":"https://ai2.design/r/dialog-bordered.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-bordered.json"},{"name":"dialog-corner","title":"Corner dialog","description":"Styled dialog: the Corner set. 5 decorative dialog variations (TopRightDialog, BottomRightDialog, TopCenterDialog, DockedDialog, OffsetDialog) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/dialog-corner.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-corner.json"},{"name":"dialog-header","title":"Header dialog","description":"Styled dialog: the Header set. 5 decorative dialog variations (AccentHeaderDialog, IconHeaderDialog, GradientHeaderDialog, StickyHeaderDialog, DividerHeaderDia…","type":"registry:component","source_url":"https://ai2.design/r/dialog-header.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-header.json"},{"name":"dialog-motion","title":"Motion dialog","description":"Styled dialog: the Motion set. 5 decorative dialog variations (FlipDialog, SwingDialog, ZoomDialog, ElasticDialog, RotateDialog) on the ai2 token system, power…","type":"registry:component","source_url":"https://ai2.design/r/dialog-motion.json","install_command":"npx shadcn@latest add https://ai2.design/r/dialog-motion.json"},{"name":"alert-dialog-accent","title":"Dialog-accent alert","description":"Styled alert: the Dialog-accent set. 5 decorative alert variations (TopBarAlert, SideBarAlert, RingAlert, GlowAlert, FillAlert) on the ai2 token system, powere…","type":"registry:component","source_url":"https://ai2.design/r/alert-dialog-accent.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-accent.json"},{"name":"alert-dialog-glass","title":"Dialog-glass alert","description":"Styled alert: the Dialog-glass set. 5 decorative alert variations (FrostAlert, TintAlert, DarkAlert, BlurAlert, CrystalAlert) on the ai2 token system, powered …","type":"registry:component","source_url":"https://ai2.design/r/alert-dialog-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-glass.json"},{"name":"alert-dialog-illustration","title":"Dialog-illustration alert","description":"Styled alert: the Dialog-illustration set. 5 decorative alert variations (SpotlightAlert, BadgeAlert, CircleAlert, GradientAlert, BannerAlert) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/alert-dialog-illustration.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-illustration.json"},{"name":"alert-dialog-layout","title":"Dialog-layout alert","description":"Styled alert: the Dialog-layout set. 5 decorative alert variations (CenteredAlert, HorizontalAlert, CompactAlert, WideAlert, SplitAlert) on the ai2 token syste…","type":"registry:component","source_url":"https://ai2.design/r/alert-dialog-layout.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-layout.json"},{"name":"alert-dialog-motion","title":"Dialog-motion alert","description":"Styled alert: the Dialog-motion set. 5 decorative alert variations (ShakeAlert, PopAlert, DropAlert, ZoomAlert, SlideAlert) on the ai2 token system, powered by…","type":"registry:component","source_url":"https://ai2.design/r/alert-dialog-motion.json","install_command":"npx shadcn@latest add https://ai2.design/r/alert-dialog-motion.json"},{"name":"sheet-blur","title":"Blur sheet","description":"Styled sheet: the Blur set. 5 decorative sheet variations (SoftBlurSheet, HeavyBlurSheet, DarkBlurSheet, TintBlurSheet, GradientBlurSheet) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/sheet-blur.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-blur.json"},{"name":"sheet-content","title":"Content sheet","description":"Styled sheet: the Content set. 5 decorative sheet variations (MenuSheet, FormSheet, ListSheet, DetailSheet, SplitSheet) on the ai2 token system, powered by fra…","type":"registry:component","source_url":"https://ai2.design/r/sheet-content.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-content.json"},{"name":"sheet-header","title":"Header sheet","description":"Styled sheet: the Header set. 5 decorative sheet variations (TitleSheet, StickySheet, FooterSheet, DividerSheet, AccentSheet) on the ai2 token system, powered …","type":"registry:component","source_url":"https://ai2.design/r/sheet-header.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-header.json"},{"name":"sheet-inset","title":"Inset sheet","description":"Styled sheet: the Inset set. 5 decorative sheet variations (FloatingSheet, RoundedSheet, MarginSheet, CardSheet, PillSheet) on the ai2 token system, powered by…","type":"registry:component","source_url":"https://ai2.design/r/sheet-inset.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-inset.json"},{"name":"sheet-motion","title":"Motion sheet","description":"Styled sheet: the Motion set. 5 decorative sheet variations (SlideSheet, SpringSheet, FadeSheet, ScaleSheet, OvershootSheet) on the ai2 token system, powered b…","type":"registry:component","source_url":"https://ai2.design/r/sheet-motion.json","install_command":"npx shadcn@latest add https://ai2.design/r/sheet-motion.json"},{"name":"hover-card-accent","title":"Card-accent hover","description":"Styled hover: the Card-accent set. 5 decorative hover variations (BorderHoverCard, GlowHoverCard, RingHoverCard, TopBarHoverCard, FillHoverCard) on the ai2 tok…","type":"registry:component","source_url":"https://ai2.design/r/hover-card-accent.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-accent.json"},{"name":"hover-card-layout","title":"Card-layout hover","description":"Styled hover: the Card-layout set. 5 decorative hover variations (HorizontalHoverCard, CompactHoverCard, WideHoverCard, StackedHoverCard, SplitHoverCard) on th…","type":"registry:component","source_url":"https://ai2.design/r/hover-card-layout.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-layout.json"},{"name":"hover-card-motion","title":"Card-motion hover","description":"Styled hover: the Card-motion set. 5 decorative hover variations (FadeHoverCard, ScaleHoverCard, SlideHoverCard, PopHoverCard, SpringHoverCard) on the ai2 toke…","type":"registry:component","source_url":"https://ai2.design/r/hover-card-motion.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-motion.json"},{"name":"hover-card-placement","title":"Card-placement hover","description":"Styled hover: the Card-placement set. 5 decorative hover variations (TopHoverCard, BottomHoverCard, LeftHoverCard, RightHoverCard, FollowHoverCard) on the ai2 …","type":"registry:component","source_url":"https://ai2.design/r/hover-card-placement.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-placement.json"},{"name":"hover-card-tone","title":"Card-tone hover","description":"Styled hover: the Card-tone set. 5 decorative hover variations (PrimaryHoverCard, SuccessHoverCard, WarningHoverCard, DangerHoverCard, InfoHoverCard) on the ai…","type":"registry:component","source_url":"https://ai2.design/r/hover-card-tone.json","install_command":"npx shadcn@latest add https://ai2.design/r/hover-card-tone.json"},{"name":"popover-accent","title":"Accent popover","description":"Styled popover: the Accent set. 5 decorative popover variations (BorderPopover, GlowPopover, RingPopover, TopBarPopover, FillPopover) on the ai2 token system, …","type":"registry:component","source_url":"https://ai2.design/r/popover-accent.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-accent.json"},{"name":"popover-compact","title":"Compact popover","description":"Styled popover: the Compact set. 5 decorative popover variations (MiniPopover, DensePopover, WidePopover, TallPopover, SplitPopover) on the ai2 token system, p…","type":"registry:component","source_url":"https://ai2.design/r/popover-compact.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-compact.json"},{"name":"popover-motion","title":"Motion popover","description":"Styled popover: the Motion set. 5 decorative popover variations (FadePopover, ScalePopover, SlidePopover, PopPopover, SpringPopover) on the ai2 token system, p…","type":"registry:component","source_url":"https://ai2.design/r/popover-motion.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-motion.json"},{"name":"popover-placement","title":"Placement popover","description":"Styled popover: the Placement set. 5 decorative popover variations (TopPopover, BottomPopover, LeftPopover, RightPopover, CornerPopover) on the ai2 token syste…","type":"registry:component","source_url":"https://ai2.design/r/popover-placement.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-placement.json"},{"name":"popover-tone","title":"Tone popover","description":"Styled popover: the Tone set. 5 decorative popover variations (PrimaryPopover, SuccessPopover, WarningPopover, DangerPopover, InfoPopover) on the ai2 token sys…","type":"registry:component","source_url":"https://ai2.design/r/popover-tone.json","install_command":"npx shadcn@latest add https://ai2.design/r/popover-tone.json"},{"name":"drawer-blur","title":"Blur drawer","description":"Styled drawer: the Blur set. 5 decorative drawer variations (SoftBlurDrawer, HeavyBlurDrawer, DarkBlurDrawer, TintBlurDrawer, GradientBlurDrawer) on the ai2 to…","type":"registry:component","source_url":"https://ai2.design/r/drawer-blur.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-blur.json"},{"name":"drawer-content","title":"Content drawer","description":"Styled drawer: the Content set. 5 decorative drawer variations (MenuDrawer, FormDrawer, ListDrawer, DetailDrawer, GridDrawer) on the ai2 token system, powered …","type":"registry:component","source_url":"https://ai2.design/r/drawer-content.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-content.json"},{"name":"drawer-header","title":"Header drawer","description":"Styled drawer: the Header set. 5 decorative drawer variations (TitleDrawer, StickyDrawer, FooterDrawer, HandleDrawer, DividerDrawer) on the ai2 token system, p…","type":"registry:component","source_url":"https://ai2.design/r/drawer-header.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-header.json"},{"name":"drawer-motion","title":"Motion drawer","description":"Styled drawer: the Motion set. 5 decorative drawer variations (SlideDrawer, SpringDrawer, FadeDrawer, ScaleDrawer, OvershootDrawer) on the ai2 token system, po…","type":"registry:component","source_url":"https://ai2.design/r/drawer-motion.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-motion.json"},{"name":"drawer-side","title":"Side drawer","description":"Styled drawer: the Side set. 5 decorative drawer variations (RightDrawer, LeftDrawer, RightInsetDrawer, LeftInsetDrawer, CornerDrawer) on the ai2 token system,…","type":"registry:component","source_url":"https://ai2.design/r/drawer-side.json","install_command":"npx shadcn@latest add https://ai2.design/r/drawer-side.json"},{"name":"accordion-accent","title":"Accent accordion","description":"Styled accordion: the Accent set. 5 decorative accordion variations (BarAccordion, GrowAccordion, GlowAccordion, LeftAccordion, FullAccordion) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/accordion-accent.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-accent.json"},{"name":"accordion-glass","title":"Glass accordion","description":"Styled accordion: the Glass set. 5 decorative accordion variations (FrostAccordion, TintAccordion, SmokeAccordion, CrystalAccordion, DepthAccordion) on the ai2…","type":"registry:component","source_url":"https://ai2.design/r/accordion-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-glass.json"},{"name":"accordion-numbered","title":"Numbered accordion","description":"Styled accordion: the Numbered set. 5 decorative accordion variations (CircleAccordion, SquareAccordion, OutlineAccordion, FilledAccordion, GhostAccordion) on …","type":"registry:component","source_url":"https://ai2.design/r/accordion-numbered.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-numbered.json"},{"name":"accordion-timeline","title":"Timeline accordion","description":"Styled accordion: the Timeline set. 5 decorative accordion variations (LineAccordion, DashedAccordion, NodeAccordion, FilledAccordion, GradientAccordion) on th…","type":"registry:component","source_url":"https://ai2.design/r/accordion-timeline.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-timeline.json"},{"name":"accordion-underline","title":"Underline accordion","description":"Styled accordion: the Underline set. 5 decorative accordion variations (SweepAccordion, CenterAccordion, GrowAccordion, DoubleAccordion, DashedAccordion) on th…","type":"registry:component","source_url":"https://ai2.design/r/accordion-underline.json","install_command":"npx shadcn@latest add https://ai2.design/r/accordion-underline.json"},{"name":"carousel-coverflow","title":"Coverflow carousel","description":"Styled carousel: the Coverflow set. 5 decorative carousel variations (FlowCarousel, DeepCarousel, TiltCarousel, FanCarousel, StackCarousel) on the ai2 token sy…","type":"registry:component","source_url":"https://ai2.design/r/carousel-coverflow.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-coverflow.json"},{"name":"carousel-fraction","title":"Fraction carousel","description":"Styled carousel: the Fraction set. 5 decorative carousel variations (CounterCarousel, BarCarousel, RingCarousel, CornerCarousel, CombinedCarousel) on the ai2 t…","type":"registry:component","source_url":"https://ai2.design/r/carousel-fraction.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-fraction.json"},{"name":"carousel-parallax","title":"Parallax carousel","description":"Styled carousel: the Parallax set. 5 decorative carousel variations (SoftCarousel, DeepCarousel, LayeredCarousel, TiltCarousel, ZoomCarousel) on the ai2 token …","type":"registry:component","source_url":"https://ai2.design/r/carousel-parallax.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-parallax.json"},{"name":"carousel-thumbnails","title":"Thumbnails carousel","description":"Styled carousel: the Thumbnails set. 5 decorative carousel variations (BelowCarousel, SideCarousel, DotsThumbsCarousel, ScaledCarousel, BorderedCarousel) on th…","type":"registry:component","source_url":"https://ai2.design/r/carousel-thumbnails.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-thumbnails.json"},{"name":"carousel-vertical","title":"Vertical carousel","description":"Styled carousel: the Vertical set. 5 decorative carousel variations (SlideCarousel, FadeCarousel, CardsCarousel, DotsCarousel, StackCarousel) on the ai2 token …","type":"registry:component","source_url":"https://ai2.design/r/carousel-vertical.json","install_command":"npx shadcn@latest add https://ai2.design/r/carousel-vertical.json"},{"name":"collapsible-accent","title":"Accent collapsible","description":"Styled collapsible: the Accent set. 5 decorative collapsible variations (BarCollapsible, GrowCollapsible, GlowCollapsible, LeftCollapsible, FullCollapsible) on…","type":"registry:component","source_url":"https://ai2.design/r/collapsible-accent.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-accent.json"},{"name":"collapsible-glass","title":"Glass collapsible","description":"Styled collapsible: the Glass set. 5 decorative collapsible variations (FrostCollapsible, TintCollapsible, SmokeCollapsible, CrystalCollapsible, DepthCollapsib…","type":"registry:component","source_url":"https://ai2.design/r/collapsible-glass.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-glass.json"},{"name":"collapsible-notice","title":"Notice collapsible","description":"Styled collapsible: the Notice set. 5 decorative collapsible variations (InfoCollapsible, SuccessCollapsible, WarningCollapsible, DangerCollapsible, MutedColla…","type":"registry:component","source_url":"https://ai2.design/r/collapsible-notice.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-notice.json"},{"name":"collapsible-split","title":"Split collapsible","description":"Styled collapsible: the Split set. 5 decorative collapsible variations (PillCollapsible, SquareCollapsible, GhostCollapsible, OutlineCollapsible, FilledCollaps…","type":"registry:component","source_url":"https://ai2.design/r/collapsible-split.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-split.json"},{"name":"collapsible-underline","title":"Underline collapsible","description":"Styled collapsible: the Underline set. 5 decorative collapsible variations (SweepCollapsible, CenterCollapsible, GrowCollapsible, DoubleCollapsible, DashedColl…","type":"registry:component","source_url":"https://ai2.design/r/collapsible-underline.json","install_command":"npx shadcn@latest add https://ai2.design/r/collapsible-underline.json"},{"name":"resizable-accent","title":"Accent resizable","description":"Styled resizable: the Accent set. 5 decorative resizable variations (BarResizable, GlowResizable, RingResizable, FillResizable, EdgeResizable) on the ai2 token…","type":"registry:component","source_url":"https://ai2.design/r/resizable-accent.json","install_command":"npx shadcn@latest add https://ai2.design/r/resizable-accent.json"}]},{"id":"whiskeyjack","name":"@whiskeyjack","slug":"whiskeyjack","description":"A Tauri-first design system: thumb-first components with Metro-style pivot navigation, frosted bottom nav, and tap-again confirmations, on a CSS-variable token pipeline. Hardened across nine shipping apps before extraction.","author":null,"framework":"react","license":null,"tags":["accessibility","animation","buttons","cards","charts","dashboard","design-system","forms","glassmorphism","hooks","loaders","maps","mobile","navigation","overlays","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://whiskeyjack.net","github":null,"registry":"https://whiskeyjack.net/r/registry.json","source":"https://whiskeyjack.net/r/registry.json","page":"https://sh4dcn.netlify.app/registry/whiskeyjack","markdown":"https://sh4dcn.netlify.app/md/whiskeyjack.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='24' height='24'><rect x='0' y='0' width='256' height='256' rx='57.5' ry='57.5' fill='var(--foreground)'/><g fill='var(--background)'><path d='M63,229.55h175.28l-10.39-10.22h-52.54l-2.87-2.82-18.78-18.48c24.86-10.06,42.4-34.44,42.4-62.91l-.37-7.09v-.02s0-.06,0-.06l-.92-17.82-1.6-30.76,25.11-8.99-25.77-3.73-5.23-.76h0c-7.9-13.71-22.69-22.94-39.65-22.94-15.49,0-29.18,7.7-37.45,19.49l-1.41,2.51c3.08.85,6.08,1.89,8.97,3.13.72.31,1.43.62,2.13.95.38-.47.76-.93,1.16-1.37,6.17-6.94,15.18-11.31,25.2-11.31,18.63,0,33.73,15.1,33.73,33.73,0,.39,0,.78-.02,1.16-.07,2-.31,3.95-.71,5.85-4.87-2.99-10.14-5.37-15.72-7.06,4.86,5,8.84,10.86,11.69,17.33,1.97,4.47,3.41,9.22,4.21,14.19.51,3.1.77,6.3.77,9.54,0,28.23-19.85,51.82-46.36,57.58,0,0,0,0,0,0q-1.05.23,0,0s0,0,0,0c16.06-12.68,26.47-32.18,26.89-54.13v-.09c0-.12,0-.24,0-.36,0-.31,0-.62,0-.93,0-.11,0-.22,0-.33v-.11c0-.07,0-.15,0-.22,0-.1,0-.2,0-.3,0-.04,0-.08,0-.12v-.03h0v-.12c0-.34-.02-.68-.04-1.01-.16-3.33-.67-6.56-1.5-9.67-4.1-15.38-15.94-27.62-31.1-32.25h0c-4.28-1.31-8.82-2.02-13.53-2.02-.64,0-1.27.01-1.91.04,0-.01,0-.02,0-.04h-16.21l-2.8,5-4.67,8.32h21.41c.22,0,.45,0,.67,0h3.02c.02.07.04.14.07.22,4.93.64,9.62,2.68,13.47,5.91.05.04.12.09.17.14.59.5,1.15,1.02,1.7,1.58.18.18.36.37.53.55.18.2.36.4.54.6.14.16.29.33.42.5.05.05.1.11.14.17.16.19.32.39.46.59.13.17.26.34.39.52.07.09.13.18.19.27.12.16.24.34.35.5.03.04.06.08.08.12.1.15.2.3.3.45.13.21.26.42.39.63.02.03.04.06.06.1.1.16.2.33.29.5.21.37.41.74.6,1.13.78,1.55,1.38,3.13,1.83,4.74,0,.01,0,.03.01.05.18.65.35,1.3.48,1.97.23,1.11.39,2.24.47,3.39.16,2.26.03,4.58-.42,6.91-.07.39-.16.78-.26,1.16.18.05.36.09.53.14-.18-.04-.36-.09-.53-.13-1.54,6.4-5.34,11.71-10.37,15.26-2.15,1.51-4.53,2.71-7.05,3.52l-33.86,16.93-6.34,3.17h0l-.55.28-1.94.97-30.42,15.21-8.59,4.29h0s0,0,0,0l-14.96,26.71-5.73,10.22h35.9l5.58-10.22,10.31-18.88,7.66-14.03,16.49,12.87h.01s5.27,4.13,5.27,4.13h0l20.36,15.9h-42.1l-13.08,10.22ZM116.03,201.86,128.26,202.96c3.99,0,7.9-.35,11.7-1l17.65,17.37h-19.22l-22.36-17.47c3.96.72,8.05,1.1,12.22,1.1Z'/><path d='M158.77,70.94c0-.06,0-.12,0-.18,0-1.37.51-2.63,1.36-3.58.49-.56,1.1-1.01,1.79-1.32-1.29-.7-2.77-1.11-4.34-1.11-2.71,0-5.14,1.18-6.82,3.06-1.44,1.61-2.31,3.74-2.31,6.07,0,.1,0,.21,0,.31.16,4.89,4.18,8.82,9.12,8.82,2.04,0,3.93-.67,5.45-1.8,1.8-1.34,3.09-3.34,3.52-5.63-.72.36-1.54.57-2.4.57-2.91,0-5.28-2.31-5.37-5.2Z'/><path d='M65.42,160.73l3.88-1.94,5.25-2.63,1.5-.75,17.82-8.91,21.18-10.59c4.09-2.05,6.05-6.63,4.94-10.88h0c-.16-.63-.39-1.25-.69-1.86-1.35-2.7-3.82-4.48-6.56-5.05-.06-.06-.12-.13-.17-.2h-33.43l-10.58,18.87-4.54,8.1-2.21,3.95-10.66,19.02,14.27-7.13h0Z'/></g></svg>","preview_image":"https://whiskeyjack.net/og-image.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://whiskeyjack.net/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://whiskeyjack.net/r/registry.json","install_bun":"bunx shadcn@latest add https://whiskeyjack.net/r/registry.json","registry_fetch":"curl -s https://whiskeyjack.net/r/registry.json"},"component_count":62,"components":[{"name":"action-pill","title":"ActionPill","description":"Toolbar pill of icon actions that collapse and grow as the page's context changes.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/action-pill.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/action-pill.json"},{"name":"app-panes","title":"AppPanes","description":"The three-phase content row below a floating header: optional left sidebar, main region, optional right rail, each gated on the layout variants.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/app-panes.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/app-panes.json"},{"name":"app-shell","title":"AppShell","description":"The app layout skeleton: a fixed-height shell or a document scroller, with a frosted header, nav pills, and the main scroll region.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/app-shell.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/app-shell.json"},{"name":"badge","title":"Badge","description":"Tone-tinted pill label on the semantic color scales, for status and classification at a glance.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/badge.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/badge.json"},{"name":"beam","title":"Beam","description":"A travelling light around an element's edge, for the one thing on a screen that needs the eye.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/beam.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/beam.json"},{"name":"bottom-drawer","title":"BottomDrawer","description":"Bottom sheet on mobile, centered dialog on desktop. Swipe, backdrop, Escape, and hardware Back all dismiss it.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/bottom-drawer.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/bottom-drawer.json"},{"name":"bottom-nav","title":"BottomNav","description":"Pill-shaped frosted bottom navigation, hand-composed from BottomNavItem and BottomNavAction.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/bottom-nav.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/bottom-nav.json"},{"name":"button-row","title":"ButtonRow","description":"Side-by-side buttons that share a row and stack full-width when they no longer fit.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/button-row.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/button-row.json"},{"name":"button","title":"Button","description":"The action button. Labels wrap to two lines rather than overflowing, so long translated text stays inside the pill.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/button.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/button.json"},{"name":"calendar-heatmap","title":"CalendarHeatmap","description":"GitHub-contributions-style activity heatmap, in squares or check-in dots.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/calendar-heatmap.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/calendar-heatmap.json"},{"name":"card","title":"Card","description":"The elevated surface primitive, with header, title, description, content, and footer slots.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/card.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/card.json"},{"name":"checkbox-group","title":"CheckboxGroup","description":"Pick-any tile grid: the multi-select counterpart to ToggleGroup.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/checkbox-group.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/checkbox-group.json"},{"name":"checkbox","title":"Checkbox","description":"A single checkbox, with the mixed state a parent selection needs.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/checkbox.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/checkbox.json"},{"name":"color-input","title":"ColorInput","description":"Focusable swatch button that opens the OS-native color picker and returns the chosen hex.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/color-input.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/color-input.json"},{"name":"confirm-button","title":"ConfirmButton","description":"Tap-again-to-confirm button for a destructive or disruptive action, with the armed state announced to assistive tech.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/confirm-button.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/confirm-button.json"},{"name":"disclosure-toggle","title":"DisclosureToggle","description":"Caret-and-label text button that expands and collapses an adjacent region, with aria-expanded and the touch and focus floors built in.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/disclosure-toggle.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/disclosure-toggle.json"},{"name":"drawer-action","title":"DrawerAction","description":"A single action in a BottomDrawer footer: plain, form-submit, or tap-again-confirm.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/drawer-action.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/drawer-action.json"},{"name":"empty-state","title":"EmptyState","description":"Centered icon tile, title, subtitle, and optional call to action for an empty list or a fresh install.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/empty-state.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/empty-state.json"},{"name":"header-stand-in","title":"HeaderStandIn","description":"Header copy of a field whose primary lives in a scroller: grows in while the primary is scrolled away, collapses when it returns.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/header-stand-in.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/header-stand-in.json"},{"name":"input","title":"Input","description":"Labeled text field that wires a real label to the input for you, with an optional hint, error and password reveal.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/input.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/input.json"},{"name":"mobile-bottom-nav","title":"MobileBottomNav","description":"Data-driven bottom nav that collapses its items into a hamburger menu when they and the toolbar would overflow the viewport.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/mobile-bottom-nav.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/mobile-bottom-nav.json"},{"name":"notice","title":"Notice","description":"Inline tone-tinted status box for context-bound messages, with each tone setting its own ARIA live-region role.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/notice.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/notice.json"},{"name":"page-title-context","title":"PageTitleProvider","description":"React context that lets any page set the desktop header title.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/page-title-context.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/page-title-context.json"},{"name":"progress-bar","title":"ProgressBar","description":"The accent progress primitive: determinate fill, busy sweep, open-ended indicator, or segment accumulation against a tally.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/progress-bar.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/progress-bar.json"},{"name":"pull-to-refresh-indicator","title":"PullToRefreshIndicator","description":"Frosted pill and spinner that slides down as you pull; the visual companion to usePullToRefresh.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/pull-to-refresh-indicator.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/pull-to-refresh-indicator.json"},{"name":"reorder-list","title":"ReorderList","description":"Drag-to-reorder list with an accessible arrow-button fallback, so it works by pointer, touch, and keyboard.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/reorder-list.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/reorder-list.json"},{"name":"scroll-indicator","title":"ScrollIndicator","description":"Read-only auto-hiding scroll thumb for scrollers whose native scrollbar would run behind floating chrome.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/scroll-indicator.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/scroll-indicator.json"},{"name":"search-field","title":"SearchField","description":"Search pill: a rounded-full text input with a leading magnifier and a trailing clear button.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/search-field.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/search-field.json"},{"name":"segmented-control","title":"SegmentedControl","description":"Compact pick-one control: one bordered strip, divided into segments.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/segmented-control.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/segmented-control.json"},{"name":"select","title":"Select","description":"Styled native select for a one-of-n choice with more options than a segmented control can show.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/select.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/select.json"},{"name":"sidebar-tabs","title":"SidebarTabs","description":"TabBar's wide-layout counterpart: a vertical tab rail for a desktop sidebar, with each item's progress pinned to its bottom edge.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/sidebar-tabs.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/sidebar-tabs.json"},{"name":"slider","title":"Slider","description":"Range input with an optional mono value readout beside its label.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/slider.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/slider.json"},{"name":"tab-bar","title":"TabBar","description":"Metro-style pivot tabs with a sliding accent underline that doubles as each tab's progress bar.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/tab-bar.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/tab-bar.json"},{"name":"textarea","title":"Textarea","description":"Multi-line field with an optional character readout and auto-grow.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/textarea.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/textarea.json"},{"name":"toast","title":"Toast","description":"Floating notification pill fixed below the header, for app-level messages and background work.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/toast.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/toast.json"},{"name":"toggle-group","title":"ToggleGroup","description":"Segmented tile control for one-of-n choices, such as a light / dark / system theme picker.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/toggle-group.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/toggle-group.json"},{"name":"toggle","title":"Toggle","description":"Switch control with a label and optional description, for a single on/off setting.","type":"registry:ui","source_url":"https://whiskeyjack.net/r/toggle.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/toggle.json"},{"name":"accent-foreground","title":"applyAccentColor","description":"Retint the whole UI from one accent color, with a WCAG-legible foreground picked automatically.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/accent-foreground.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/accent-foreground.json"},{"name":"announce","title":"announce","description":"Announce a message to assistive technology through a shared live region.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/announce.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/announce.json"},{"name":"compact-control","title":"compactControlClass","description":"The geometry of a compact control: a small pill, chip or segment that sits on a line with body text.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/compact-control.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/compact-control.json"},{"name":"direction","title":"isRTL","description":"Detect right-to-left direction for JS-driven interactions that CSS cannot reach.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/direction.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/direction.json"},{"name":"material-you","title":"applyMaterialYou","description":"Map Android's wallpaper-derived Material You palette onto the design-system surface and accent tokens.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/material-you.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/material-you.json"},{"name":"merge-refs","title":"useMergedRefs","description":"Combine an internal ref with a forwarded one.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/merge-refs.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/merge-refs.json"},{"name":"option-tile","title":"optionTileClass","description":"The selectable-tile class recipe shared by ToggleGroup and CheckboxGroup.","type":"registry:lib","source_url":"https://whiskeyjack.net/r/option-tile.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/option-tile.json"},{"name":"use-drag-reorder","title":"useDragReorder","description":"Drag-to-reorder list logic with an accessible keyboard path, behind ReorderList.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-drag-reorder.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-drag-reorder.json"},{"name":"use-focus-trap","title":"useFocusTrap","description":"Trap focus inside an overlay while it is open, and restore it to the trigger on close.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-focus-trap.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-focus-trap.json"},{"name":"use-input-type","title":"useInputType","description":"Detect touch versus mouse input, for controls that phrase or size themselves differently.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-input-type.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-input-type.json"},{"name":"use-layout-gate","title":"useLayoutGate","description":"Read the wide / xlwide layout gates in JS, for a decision CSS cannot express.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-layout-gate.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-layout-gate.json"},{"name":"use-nav-reset","title":"useRegisterNavReset","description":"Double-tap the nav item for the page you are already on to bring the top and the active tab back into view, then to go to the page's start.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-nav-reset.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-nav-reset.json"},{"name":"use-pull-to-refresh","title":"usePullToRefresh","description":"Touch pull-to-refresh that coexists with tab swipes and overscroll-behavior: none.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-pull-to-refresh.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-pull-to-refresh.json"},{"name":"use-reduced-motion","title":"useReducedMotion","description":"Respect the user's reduced-motion preference in JS-driven motion.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-reduced-motion.json"},{"name":"use-route-focus","title":"useRouteFocus","description":"Move focus to the main content on route change, so keyboard and screen-reader users land in the new page.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-route-focus.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-route-focus.json"},{"name":"use-scroll-fade","title":"useScrollFade","description":"Vertical edge-fade masks for a height-capped scrollable panel; returns the CSS class to apply.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-scroll-fade.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-scroll-fade.json"},{"name":"use-scroll-indicator","title":"useScrollIndicator","description":"Scroll metrics (thumb size, position, visibility) that drive ScrollIndicator.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-scroll-indicator.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-scroll-indicator.json"},{"name":"use-scroll-region","title":"useScrollRegion / useScrollReset / useScrollMemory","description":"Scroll the app's real scroll region – to the top on a first visit, back to where you left it on a return – whichever scroller the Layout chose.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-scroll-region.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-scroll-region.json"},{"name":"use-sliding-indicator","title":"useSlidingIndicator","description":"Measures the active item in a tab-like container so one element can animate between items instead of the highlight jumping.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-sliding-indicator.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-sliding-indicator.json"},{"name":"use-stand-in-target","title":"useStandInTarget","description":"Watches a field's primary instance and reports when it scrolls out of view, so a HeaderStandIn can speak for it.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-stand-in-target.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-stand-in-target.json"},{"name":"use-swipe-navigation","title":"useSwipeNavigation","description":"Swipe between tabs with an axis-locked touch gesture that flips direction under RTL.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-swipe-navigation.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-swipe-navigation.json"},{"name":"use-tab-bar-fade","title":"useTabBarFade","description":"Edge-fade masks for a horizontally overflowing tab strip; returns the CSS class to apply.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-tab-bar-fade.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-tab-bar-fade.json"},{"name":"use-theme","title":"useTheme","description":"The theme engine: light, dark, system, and OLED, with persistence and theme-color meta kept in sync.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-theme.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-theme.json"},{"name":"use-travel-direction","title":"useTravelDirection","description":"Names which way a sliding indicator is travelling, so each of its edges can take its own easing.","type":"registry:hook","source_url":"https://whiskeyjack.net/r/use-travel-direction.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/use-travel-direction.json"},{"name":"utils","title":"cn","description":"Tailwind class merging (clsx plus tailwind-merge).","type":"registry:lib","source_url":"https://whiskeyjack.net/r/utils.json","install_command":"npx shadcn@latest add https://whiskeyjack.net/r/utils.json"}]},{"id":"atroui","name":"@atroui","slug":"atroui","description":"Dark-first React / Next.js components and marketing blocks. Install with the shadcn CLI and own the source.","author":"atroui","framework":"react","license":"MIT","tags":["animation","auth","blocks","buttons","cards","dashboard","forms","icons","loaders","marketing","media","navigation","overlays","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://www.atroui.com","github":"https://github.com/atroui/atroui","registry":"https://www.atroui.com/r/registry.json","source":"https://www.atroui.com/r/registry.json","page":"https://sh4dcn.netlify.app/registry/atroui","markdown":"https://sh4dcn.netlify.app/md/atroui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'><rect width='32' height='32' rx='8' fill='#0a0a0a'/><path d='M9 24 L16 8 L23 24' stroke='#fafafa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/><rect x='11.5' y='16.5' width='9' height='2.4' rx='1.2' fill='#0b7bff'/></svg>","preview_image":"https://www.atroui.com/opengraph-image","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":3,"open_issues":1,"last_commit":"2026-10-25T10:55:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://www.atroui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://www.atroui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://www.atroui.com/r/registry.json","clone":"git clone https://github.com/atroui/atroui.git","clone_degit":"npx degit atroui/atroui","registry_fetch":"curl -s https://www.atroui.com/r/registry.json"},"component_count":126,"components":[{"name":"utils","title":"Utils","description":"cn() helper (clsx + tailwind-merge).","type":"registry:lib","source_url":"https://www.atroui.com/r/utils.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/utils.json"},{"name":"motion","title":"Motion","description":"Shared motion tokens — hover language, presence helpers, timeline reveal (Family Values easings, no springs/blur).","type":"registry:lib","source_url":"https://www.atroui.com/r/motion.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/motion.json"},{"name":"brand","title":"Brand","description":"getBrand() and DEFAULT_BRAND - edit or override with NEXT_PUBLIC_SITE_*.","type":"registry:lib","source_url":"https://www.atroui.com/r/brand.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/brand.json"},{"name":"project-brief","title":"Project Brief","description":"Shared ProjectBrief type + OG/thumbnail href helpers for Scope → Planner → social card glue.","type":"registry:lib","source_url":"https://www.atroui.com/r/project-brief.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/project-brief.json"},{"name":"button","title":"Button","description":"Soft-rect AtroUI button — hover lift ≤1px, press into surface, focus parity.","type":"registry:ui","source_url":"https://www.atroui.com/r/button.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/button.json"},{"name":"theme-toggle","title":"Theme Toggle","description":"Light / system / dark toggle using next-themes.","type":"registry:ui","source_url":"https://www.atroui.com/r/theme-toggle.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/theme-toggle.json"},{"name":"adaptive-theme","title":"Adaptive Theme","description":"Contrast helpers that lift muted type to WCAG AA against the canvas.","type":"registry:lib","source_url":"https://www.atroui.com/r/adaptive-theme.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/adaptive-theme.json"},{"name":"theme-adapt","title":"Adaptive Theme Switch","description":"Light/dark switch that keeps brand canvases and lifts type that would vanish in the other mode.","type":"registry:ui","source_url":"https://www.atroui.com/r/theme-adapt.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/theme-adapt.json"},{"name":"card","title":"Card","description":"Elevated surface with header, content, and footer slots.","type":"registry:ui","source_url":"https://www.atroui.com/r/card.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/card.json"},{"name":"textarea","title":"Textarea","description":"Soft-rect multi-line control aligned to Atro input tokens.","type":"registry:ui","source_url":"https://www.atroui.com/r/textarea.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/textarea.json"},{"name":"checkbox","title":"Checkbox","description":"Soft-rect checkbox with Motion check path draw on Base UI.","type":"registry:ui","source_url":"https://www.atroui.com/r/checkbox.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/checkbox.json"},{"name":"checkbox-group","title":"Checkbox Group","description":"Soft-rect checkbox group — compose with Checkbox (value / parent).","type":"registry:ui","source_url":"https://www.atroui.com/r/checkbox-group.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/checkbox-group.json"},{"name":"radio","title":"Radio","description":"Radio group with Motion fill-scale indicator on Base UI.","type":"registry:ui","source_url":"https://www.atroui.com/r/radio.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/radio.json"},{"name":"accordion","title":"Accordion","description":"Disclosure with height:auto, chevron rotate, and optional focus morph.","type":"registry:ui","source_url":"https://www.atroui.com/r/accordion.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"Single disclosure with height:auto settle and chevron rotate.","type":"registry:ui","source_url":"https://www.atroui.com/r/collapsible.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"Filterable select on Base UI with Mira soft-rect, popup settle, and list stagger ≤40ms.","type":"registry:ui","source_url":"https://www.atroui.com/r/combobox.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/combobox.json"},{"name":"autocomplete","title":"Autocomplete","description":"Suggest-as-you-type with popup settle, layoutId highlight, and list stagger ≤40ms.","type":"registry:ui","source_url":"https://www.atroui.com/r/autocomplete.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/autocomplete.json"},{"name":"drawer","title":"Drawer","description":"Edge panel with panelTween slide, backdrop fade, and portal presence.","type":"registry:ui","source_url":"https://www.atroui.com/r/drawer.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/drawer.json"},{"name":"form-select","title":"Form Select","description":"Soft-rect select on Base UI with caret rotate, popup settle, and list stagger ≤40ms.","type":"registry:ui","source_url":"https://www.atroui.com/r/form-select.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/form-select.json"},{"name":"dialog","title":"Dialog","description":"Modal dialog on Base UI with Mira surfaces and short settle motion.","type":"registry:ui","source_url":"https://www.atroui.com/r/dialog.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Confirm destructive or irreversible actions with Base UI Alert Dialog.","type":"registry:ui","source_url":"https://www.atroui.com/r/alert-dialog.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/alert-dialog.json"},{"name":"menu","title":"Menu","description":"Dropdown menu on Base UI with soft-rect items and settle motion.","type":"registry:ui","source_url":"https://www.atroui.com/r/menu.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/menu.json"},{"name":"context-menu","title":"Context Menu","description":"Pointer context menu on Base UI with menu settle and row stagger.","type":"registry:ui","source_url":"https://www.atroui.com/r/context-menu.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/context-menu.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Site nav panels with peer crossfade and soft-rect Mira popup.","type":"registry:ui","source_url":"https://www.atroui.com/r/navigation-menu.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/navigation-menu.json"},{"name":"menubar","title":"Menubar","description":"Focus-roving menubar shell with Menu grammar and Motion popups.","type":"registry:ui","source_url":"https://www.atroui.com/r/menubar.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/menubar.json"},{"name":"popover","title":"Popover","description":"Anchored popover surface for progressive disclosure.","type":"registry:ui","source_url":"https://www.atroui.com/r/popover.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/popover.json"},{"name":"tooltip","title":"Tooltip","description":"Fast tooltip with micro appear motion and reduced-motion respect.","type":"registry:ui","source_url":"https://www.atroui.com/r/tooltip.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/tooltip.json"},{"name":"preview-card","title":"Preview Card","description":"Hover/focus link preview — soft popover settle; opt-in tilt / magnetic / spotlight for media.","type":"registry:ui","source_url":"https://www.atroui.com/r/preview-card.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/preview-card.json"},{"name":"scroll-area","title":"Scroll Area","description":"Bounded scroll region with soft-rect thumb that fades when idle.","type":"registry:ui","source_url":"https://www.atroui.com/r/scroll-area.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/scroll-area.json"},{"name":"separator","title":"Separator","description":"Soft-rect hairline divider — static, no decorative motion.","type":"registry:ui","source_url":"https://www.atroui.com/r/separator.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/separator.json"},{"name":"field","title":"Field","description":"Quiet Field spine — label, description, Motion error reveal, control.","type":"registry:ui","source_url":"https://www.atroui.com/r/field.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/field.json"},{"name":"input","title":"Input","description":"Single-line input aligned to Atro control height and soft-rect.","type":"registry:ui","source_url":"https://www.atroui.com/r/input.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/input.json"},{"name":"number-field","title":"Number Field","description":"Soft-rect stepper number field with careful scrub feedback on Base UI.","type":"registry:ui","source_url":"https://www.atroui.com/r/number-field.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/number-field.json"},{"name":"otp-field","title":"OTP Field","description":"Soft-rect OTP digit slots with whileFocus settle (~160ms easeOutExpo) on Base UI.","type":"registry:ui","source_url":"https://www.atroui.com/r/otp-field.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/otp-field.json"},{"name":"form","title":"Form","description":"Base UI form validation orchestration — pair with Field.","type":"registry:ui","source_url":"https://www.atroui.com/r/form.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/form.json"},{"name":"fieldset","title":"Fieldset","description":"Legend + soft-rect group chrome for related controls.","type":"registry:ui","source_url":"https://www.atroui.com/r/fieldset.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/fieldset.json"},{"name":"switch","title":"Switch","description":"Soft-rect switch — layout thumb + flex justify flip (Motion.dev Base UI).","type":"registry:ui","source_url":"https://www.atroui.com/r/switch.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/switch.json"},{"name":"toast","title":"Toast","description":"Edge toast stack on Base UI with opacity+y enter/exit and careful CSS-var stacking.","type":"registry:ui","source_url":"https://www.atroui.com/r/toast.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/toast.json"},{"name":"progress","title":"Progress","description":"Task progress bar with soft-rect fill width tween on Base UI Progress.","type":"registry:ui","source_url":"https://www.atroui.com/r/progress.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/progress.json"},{"name":"slider","title":"Slider","description":"Range slider with thumb press micro-motion; track fill stays 1:1 while dragging.","type":"registry:ui","source_url":"https://www.atroui.com/r/slider.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/slider.json"},{"name":"meter","title":"Meter","description":"Read-only meter gauge with soft-rect value fill tween on Base UI Meter.","type":"registry:ui","source_url":"https://www.atroui.com/r/meter.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/meter.json"},{"name":"avatar","title":"Avatar","description":"Soft-rect avatar with image fade-in and fallback crossfade on Base UI Avatar.","type":"registry:ui","source_url":"https://www.atroui.com/r/avatar.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/avatar.json"},{"name":"tabs","title":"Tabs","description":"Tabs with layoutId pill morph + panel layout height (Motion.dev layout).","type":"registry:ui","source_url":"https://www.atroui.com/r/tabs.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/tabs.json"},{"name":"toggle","title":"Toggle","description":"Soft-rect two-state button with pressed fill morph on Base UI.","type":"registry:ui","source_url":"https://www.atroui.com/r/toggle.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggle peers with layoutId highlight morph — Motion.dev Base UI pattern.","type":"registry:ui","source_url":"https://www.atroui.com/r/toggle-group.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/toggle-group.json"},{"name":"toolbar","title":"Toolbar","description":"Dense soft-rect toolbar chrome with Motion press feedback.","type":"registry:ui","source_url":"https://www.atroui.com/r/toolbar.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/toolbar.json"},{"name":"breadcrumbs","title":"Breadcrumbs","description":"Path navigation trail for docs and product pages.","type":"registry:ui","source_url":"https://www.atroui.com/r/breadcrumbs.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/breadcrumbs.json"},{"name":"prose","title":"Prose","description":"Long-form typography container for articles and MDX.","type":"registry:ui","source_url":"https://www.atroui.com/r/prose.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/prose.json"},{"name":"fade-in","title":"Fade In","description":"The scroll reveal — opacity + rise. One primitive; use fadeInSection for landing triggers.","type":"registry:ui","source_url":"https://www.atroui.com/r/fade-in.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/fade-in.json"},{"name":"stagger","title":"Stagger","description":"Stagger children on scroll with StaggerChild (clamped ≤50ms).","type":"registry:ui","source_url":"https://www.atroui.com/r/stagger.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/stagger.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"Reading-progress bar driven by scroll position.","type":"registry:ui","source_url":"https://www.atroui.com/r/scroll-progress.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/scroll-progress.json"},{"name":"logo","title":"Logo","description":"Interrupted-A mark and wordmark. Edit the SVG in your repo.","type":"registry:component","source_url":"https://www.atroui.com/r/logo.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/logo.json"},{"name":"home-hero","title":"Home Hero","description":"Docs-matching homepage hero with editable CONTENT (stamp, CTAs, sprint, OG preview panel).","type":"registry:block","source_url":"https://www.atroui.com/r/home-hero.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/home-hero.json"},{"name":"home-who","title":"Home Who","description":"Founder / who band with editable CONTENT constants.","type":"registry:block","source_url":"https://www.atroui.com/r/home-who.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/home-who.json"},{"name":"site-header","title":"Site Header","description":"Sticky site header with editable NAV and CTA.","type":"registry:block","source_url":"https://www.atroui.com/r/site-header.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/site-header.json"},{"name":"footer-bold","title":"Bold Footer","description":"Bold footer with editable headline, studio links, and socials.","type":"registry:block","source_url":"https://www.atroui.com/r/footer-bold.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/footer-bold.json"},{"name":"home-principle","title":"Home Principle","description":"How-we-work principles band with editable CONTENT and PRINCIPLES.","type":"registry:block","source_url":"https://www.atroui.com/r/home-principle.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/home-principle.json"},{"name":"home-work","title":"Home Work","description":"Selected work band with editable PROJECTS list.","type":"registry:block","source_url":"https://www.atroui.com/r/home-work.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/home-work.json"},{"name":"home-lab","title":"Home Lab","description":"Free tools / lab band with editable TOOLS catalog.","type":"registry:block","source_url":"https://www.atroui.com/r/home-lab.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/home-lab.json"},{"name":"home-crafts","title":"Home Crafts","description":"Capabilities / crafts band with editable CONTENT and CRAFTS (distinct from pricing).","type":"registry:block","source_url":"https://www.atroui.com/r/home-crafts.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/home-crafts.json"},{"name":"pricing-overview","title":"Pricing Overview","description":"Fixed-package pricing band with editable CONTENT and PACKAGES.","type":"registry:block","source_url":"https://www.atroui.com/r/pricing-overview.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/pricing-overview.json"},{"name":"feature-grid","title":"Feature Grid","description":"Product feature grid with editable CONTENT and FEATURES.","type":"registry:block","source_url":"https://www.atroui.com/r/feature-grid.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/feature-grid.json"},{"name":"logo-cloud","title":"Logo Cloud","description":"Partner / client name strip with editable CONTENT and NAMES.","type":"registry:block","source_url":"https://www.atroui.com/r/logo-cloud.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/logo-cloud.json"},{"name":"feature-bento","title":"Feature Bento","description":"Bento feature grid with editable CONTENT and FEATURES. Soft-rect panels.","type":"registry:block","source_url":"https://www.atroui.com/r/feature-bento.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/feature-bento.json"},{"name":"testimonials-stack","title":"Testimonials Stack","description":"Layered testimonial cards with prev/next. Editable CONTENT and TESTIMONIALS.","type":"registry:block","source_url":"https://www.atroui.com/r/testimonials-stack.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/testimonials-stack.json"},{"name":"stats-band","title":"Stats Band","description":"Metric strip with editable CONTENT and STATS.","type":"registry:block","source_url":"https://www.atroui.com/r/stats-band.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/stats-band.json"},{"name":"cta-band","title":"CTA Band","description":"Headline + primary/ghost CTAs over a quiet brand wash. Editable CONTENT.","type":"registry:block","source_url":"https://www.atroui.com/r/cta-band.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/cta-band.json"},{"name":"pricing-tiers","title":"Pricing Tiers","description":"Toggleable pricing tiers with editable CONTENT and TIERS.","type":"registry:block","source_url":"https://www.atroui.com/r/pricing-tiers.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/pricing-tiers.json"},{"name":"logo-marquee","title":"Logo Marquee","description":"CSS logo/name marquee with editable CONTENT and LOGOS. Respects reduced motion.","type":"registry:block","source_url":"https://www.atroui.com/r/logo-marquee.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/logo-marquee.json"},{"name":"auth-split","title":"Auth Split","description":"Split login/signup shell with editable CONTENT. No auth backend.","type":"registry:block","source_url":"https://www.atroui.com/r/auth-split.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/auth-split.json"},{"name":"saas-starter","title":"SaaS Starter","description":"One-file SaaS landing composition. Editable CONTENT — compose sections after install.","type":"registry:block","source_url":"https://www.atroui.com/r/saas-starter.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/saas-starter.json"},{"name":"contextual-cta","title":"Contextual CTA","description":"Sticky scroll CTA with editable CONTENT (no analytics wiring).","type":"registry:block","source_url":"https://www.atroui.com/r/contextual-cta.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/contextual-cta.json"},{"name":"exit-intent-popup","title":"Exit Intent Popup","description":"Exit-intent dialog with editable CONTENT and storage keys.","type":"registry:block","source_url":"https://www.atroui.com/r/exit-intent-popup.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/exit-intent-popup.json"},{"name":"site-footer","title":"Site Footer","description":"Lighter footer with editable CONTENT and link columns.","type":"registry:block","source_url":"https://www.atroui.com/r/site-footer.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/site-footer.json"},{"name":"faq","title":"FAQ","description":"Accordion FAQ with editable CONTENT and ITEMS.","type":"registry:block","source_url":"https://www.atroui.com/r/faq.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/faq.json"},{"name":"waitlist-form","title":"Waitlist Form","description":"Email waitlist form with editable CONTENT; posts to your API.","type":"registry:block","source_url":"https://www.atroui.com/r/waitlist-form.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/waitlist-form.json"},{"name":"newsletter-form","title":"Newsletter Form","description":"Email newsletter form with editable CONTENT; posts to your API.","type":"registry:block","source_url":"https://www.atroui.com/r/newsletter-form.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/newsletter-form.json"},{"name":"calendly-embed","title":"Calendly Embed","description":"Theme-aware Calendly iframe with editable CONTENT and email fallback.","type":"registry:block","source_url":"https://www.atroui.com/r/calendly-embed.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/calendly-embed.json"},{"name":"made-with-embed","title":"Made With Embed","description":"Credit badge + copyable HTML snippet with editable CONTENT.","type":"registry:block","source_url":"https://www.atroui.com/r/made-with-embed.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/made-with-embed.json"},{"name":"theme-provider","title":"Theme Provider","description":"next-themes wrapper for class-based dark mode.","type":"registry:ui","source_url":"https://www.atroui.com/r/theme-provider.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/theme-provider.json"},{"name":"timeline-animation","title":"Timeline Animation","description":"Sequential in-view reveal for heroes — opacity + y only (no blur).","type":"registry:ui","source_url":"https://www.atroui.com/r/timeline-animation.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/timeline-animation.json"},{"name":"in-view","title":"In View","description":"Deprecated alias of Fade In with landing defaults. Prefer @atroui/fade-in.","type":"registry:ui","source_url":"https://www.atroui.com/r/in-view.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/in-view.json"},{"name":"text-morph","title":"Text Morph","description":"Shared-letter morph between label strings. Opt-in for state swaps.","type":"registry:ui","source_url":"https://www.atroui.com/r/text-morph.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/text-morph.json"},{"name":"copy-button","title":"Copy Button","description":"Copy → check Button recipe with TextMorph + icon swap. Rare-path delight — not default on every Button.","type":"registry:ui","source_url":"https://www.atroui.com/r/copy-button.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/copy-button.json"},{"name":"label-roll","title":"Label Roll","description":"Letter-staggered label swap on hover/focus for links and secondary CTAs.","type":"registry:ui","source_url":"https://www.atroui.com/r/label-roll.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/label-roll.json"},{"name":"line-reveal","title":"Line Reveal","description":"Word/line stagger enter — opacity + y + clip. Marketing default.","type":"registry:ui","source_url":"https://www.atroui.com/r/line-reveal.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/line-reveal.json"},{"name":"word-reveal-scroll","title":"Word Reveal Scroll","description":"Progress-driven word opacity via scroll — opacity only, no blur. Pull lines.","type":"registry:ui","source_url":"https://www.atroui.com/r/word-reveal-scroll.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/word-reveal-scroll.json"},{"name":"magnetic","title":"Magnetic","description":"Mild pointer pull for media cards — intensity ≤0.35, range ≤80px. Never chrome.","type":"registry:ui","source_url":"https://www.atroui.com/r/magnetic.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/magnetic.json"},{"name":"tilt","title":"Tilt","description":"Mild 3D media tilt toward the pointer — rotationFactor ≤6–8°. Opt-in only.","type":"registry:ui","source_url":"https://www.atroui.com/r/tilt.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/tilt.json"},{"name":"spotlight","title":"Spotlight","description":"Low-opacity cursor wash for dark Mira media cards. Reduced motion skips.","type":"registry:ui","source_url":"https://www.atroui.com/r/spotlight.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/spotlight.json"},{"name":"animate-number","title":"Animate Number","description":"Pricing/stats counter — digits tween as numbers with easeOutSoft. Reduced motion jumps to final.","type":"registry:ui","source_url":"https://www.atroui.com/r/animate-number.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/animate-number.json"},{"name":"transition-panel","title":"Transition Panel","description":"Wait-mode content swaps for feature tabs and docs panels — opacity + small y.","type":"registry:ui","source_url":"https://www.atroui.com/r/transition-panel.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/transition-panel.json"},{"name":"founder-avatar","title":"Founder Avatar","description":"Circular founder portrait with editable CONTENT src.","type":"registry:ui","source_url":"https://www.atroui.com/r/founder-avatar.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/founder-avatar.json"},{"name":"site-url","title":"Site URL","description":"getSiteUrl() for metadata and JSON-LD.","type":"registry:lib","source_url":"https://www.atroui.com/r/site-url.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/site-url.json"},{"name":"seo","title":"SEO helpers","description":"getSiteDomain() helper for structured data.","type":"registry:lib","source_url":"https://www.atroui.com/r/seo.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/seo.json"},{"name":"analytics","title":"Analytics","description":"trackEvent and experiment helpers.","type":"registry:lib","source_url":"https://www.atroui.com/r/analytics.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/analytics.json"},{"name":"social-share","title":"Social Share","description":"X / LinkedIn / copy-link share bar.","type":"registry:block","source_url":"https://www.atroui.com/r/social-share.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/social-share.json"},{"name":"ar-portfolio","title":"AR Portfolio","description":"model-viewer AR portfolio with editable CONTENT models.","type":"registry:block","source_url":"https://www.atroui.com/r/ar-portfolio.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ar-portfolio.json"},{"name":"live-dashboard","title":"Live Dashboard","description":"Studio status board with editable CONTENT projects.","type":"registry:block","source_url":"https://www.atroui.com/r/live-dashboard.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/live-dashboard.json"},{"name":"project-planner","title":"Project Planner","description":"Multi-step project scoping planner UI.","type":"registry:block","source_url":"https://www.atroui.com/r/project-planner.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/project-planner.json"},{"name":"analytics-provider","title":"Analytics Provider","description":"Plausible / GA loader with trackEvent helpers.","type":"registry:block","source_url":"https://www.atroui.com/r/analytics-provider.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/analytics-provider.json"},{"name":"og-live-preview","title":"OG Live Preview","description":"CSS OG card preview with editable CONTENT presets.","type":"registry:block","source_url":"https://www.atroui.com/r/og-live-preview.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/og-live-preview.json"},{"name":"og-examples","title":"OG Examples","description":"OG style gallery with editable CONTENT examples.","type":"registry:block","source_url":"https://www.atroui.com/r/og-examples.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/og-examples.json"},{"name":"og-workspace","title":"OG Workspace","description":"OG generator UI shell. Wire CONTENT.endpoint (Host API).","type":"registry:block","source_url":"https://www.atroui.com/r/og-workspace.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/og-workspace.json"},{"name":"thumbnail-live-preview","title":"Thumbnail Preview","description":"CSS thumbnail preview with editable CONTENT.","type":"registry:block","source_url":"https://www.atroui.com/r/thumbnail-live-preview.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/thumbnail-live-preview.json"},{"name":"thumbnail-workspace","title":"Thumbnail Workspace","description":"Thumbnail generator UI shell. Wire CONTENT.endpoint (Host API).","type":"registry:block","source_url":"https://www.atroui.com/r/thumbnail-workspace.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/thumbnail-workspace.json"},{"name":"scope-chat","title":"Scope Chat","description":"AI scoping chat UI. Wire CONTENT.endpoint (Host API).","type":"registry:block","source_url":"https://www.atroui.com/r/scope-chat.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/scope-chat.json"},{"name":"launch-workflow","title":"Launch Workflow","description":"Scope → Planner → OG in one room. Shared ProjectBrief. Preview without keys; AI Host APIs are BYOK.","type":"registry:block","source_url":"https://www.atroui.com/r/launch-workflow.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/launch-workflow.json"},{"name":"landing-kit","title":"Landing Kit","description":"Vibrant soft-rect marketing stack in one add: header, hero, logos, bento, stats, testimonials, pricing, FAQ, CTA, footer.","type":"registry:block","source_url":"https://www.atroui.com/r/landing-kit.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/landing-kit.json"},{"name":"journal-content","title":"Journal","description":"Blog index layout with editable CONTENT posts.","type":"registry:block","source_url":"https://www.atroui.com/r/journal-content.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/journal-content.json"},{"name":"resources-content","title":"Resources","description":"Resource library layout with editable CONTENT items.","type":"registry:block","source_url":"https://www.atroui.com/r/resources-content.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/resources-content.json"},{"name":"api-contact","title":"Contact API","description":"POST /api/contact - honeypot, rate limit, SMTP via atroui/api/contact.","type":"registry:item","source_url":"https://www.atroui.com/r/api-contact.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/api-contact.json"},{"name":"api-waitlist","title":"Waitlist API","description":"POST /api/waitlist - Resend audience or SMTP via atroui/api/waitlist.","type":"registry:item","source_url":"https://www.atroui.com/r/api-waitlist.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/api-waitlist.json"},{"name":"api-newsletter","title":"Newsletter API","description":"POST /api/newsletter - Resend audience or SMTP via atroui/api/newsletter.","type":"registry:item","source_url":"https://www.atroui.com/r/api-newsletter.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/api-newsletter.json"},{"name":"api-generate","title":"OG Generate API","description":"POST /api/generate - consumer HF/Google keys via atroui/api/generate. No keys shipped.","type":"registry:item","source_url":"https://www.atroui.com/r/api-generate.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/api-generate.json"},{"name":"api-thumbnail","title":"Thumbnail API","description":"POST /api/thumbnail - consumer HF/Google/XAI keys via atroui/api/thumbnail. No keys shipped.","type":"registry:item","source_url":"https://www.atroui.com/r/api-thumbnail.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/api-thumbnail.json"},{"name":"api-scope","title":"Scope Chat API","description":"POST /api/scope - rule-based by default; optional XAI_API_KEY via atroui/api/scope.","type":"registry:item","source_url":"https://www.atroui.com/r/api-scope.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/api-scope.json"},{"name":"ascii-rig","title":"ASCII Rig","description":"Shared ASCII kit — luminance ramps, offscreen/reduced-motion aware tick loop, canvas character-cell metrics.","type":"registry:lib","source_url":"https://www.atroui.com/r/ascii-rig.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-rig.json"},{"name":"ascii-donut","title":"ASCII Donut","description":"The spinning torus — 3D points z-buffered per character cell, shaded by luminance ramp.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-donut.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-donut.json"},{"name":"ascii-rain","title":"ASCII Rain","description":"Falling streams of glyphs whose color fades along each tail.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-rain.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-rain.json"},{"name":"ascii-wave","title":"ASCII Wave","description":"Function field f(x,y,t) mapped through a luminance ramp — one text node per frame.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-wave.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-wave.json"},{"name":"ascii-spark","title":"ASCII Spark","description":"Block-element bars (░–█); a copyable plain-text sparkline.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-spark.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-spark.json"},{"name":"ascii-bar","title":"ASCII Bar","description":"Pseudo-graphics progress (▰▱) filling in plottable steps.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-bar.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-bar.json"},{"name":"ascii-boot","title":"ASCII Boot","description":"VT100-style init log typed character by character, cursor pulsing.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-boot.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-boot.json"},{"name":"ascii-wordmark","title":"ASCII Wordmark","description":"FIGlet-style big text from a built-in 3×5 pixel font.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-wordmark.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-wordmark.json"},{"name":"ascii-decode","title":"ASCII Decode","description":"Cipher glyphs locking into the message left to right.","type":"registry:ui","source_url":"https://www.atroui.com/r/ascii-decode.json","install_command":"npx shadcn@latest add https://www.atroui.com/r/ascii-decode.json"}]},{"id":"knock-codes","name":"@knock-codes","slug":"knock-codes","description":"Copy-paste, session-gated access blocks for React — PIN/Knock Code unlock screens, protected routes/layouts/modals, a headless useKnockCodes hook, and full-page templates.","author":null,"framework":"react","license":null,"tags":["auth","blocks","hooks","overlays"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":[],"urls":{"website":"https://knock.codes","github":null,"registry":"https://knock.codes/r/react/registry.json","source":"https://knock.codes/r/react/registry.json","page":"https://sh4dcn.netlify.app/registry/knock-codes","markdown":"https://sh4dcn.netlify.app/md/knock-codes.md"},"logo":"<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><rect width='32' height='32' rx='7' fill='#0A0A0B'/><rect x='9' y='9' width='14' height='14' rx='3' fill='#F59E0B'/></svg>","preview_image":"https://knock.codes/og.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://knock.codes/r/react/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://knock.codes/r/react/registry.json","install_bun":"bunx shadcn@latest add https://knock.codes/r/react/registry.json","registry_fetch":"curl -s https://knock.codes/r/react/registry.json"},"component_count":19,"components":[{"name":"blur-veil","title":"Blur veil","description":"Shows an inert blurred teaser beneath a prompt; blur is presentation, not security. Does not verify codes, persist state, or grant or revoke access. Contract: …","type":"registry:component","source_url":"https://knock.codes/r/react/blur-veil.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/blur-veil.json"},{"name":"code-field","title":"Code field","description":"Displays controlled demo-code entry, normalizing pasted message artifacts. Does not verify codes, unlock content, store values, or make network requests. Contr…","type":"registry:component","source_url":"https://knock.codes/r/react/code-field.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/code-field.json"},{"name":"cooldown-notice","title":"Cooldown notice","description":"Displays a calm countdown without enforcing a retry policy. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecy…","type":"registry:component","source_url":"https://knock.codes/r/react/cooldown-notice.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/cooldown-notice.json"},{"name":"expiry-pill","title":"Expiry pill","description":"Shows a preview lifetime as fine, expiring soon, or expired. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifec…","type":"registry:component","source_url":"https://knock.codes/r/react/expiry-pill.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/expiry-pill.json"},{"name":"preview-bar","title":"Preview bar","description":"Keeps build identity, expiry, feedback and relocking available after unlock. Does not verify codes, persist state, or grant or revoke access. Contract: the con…","type":"registry:component","source_url":"https://knock.codes/r/react/preview-bar.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/preview-bar.json"},{"name":"preview-ribbon","title":"Preview ribbon","description":"Keeps a draft label visible within preview screenshots. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle …","type":"registry:component","source_url":"https://knock.codes/r/react/preview-ribbon.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/preview-ribbon.json"},{"name":"preview-watermark","title":"Preview watermark","description":"Marks unlocked work with a light recipient or build overlay for screenshots. Does not verify codes, persist state, or grant or revoke access. Contract: the con…","type":"registry:component","source_url":"https://knock.codes/r/react/preview-watermark.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/preview-watermark.json"},{"name":"recipient-line","title":"Recipient line","description":"Addresses a private preview to its intended recipient. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle t…","type":"registry:component","source_url":"https://knock.codes/r/react/recipient-line.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/recipient-line.json"},{"name":"relock-control","title":"Relock control","description":"Lets the consumer hide a preview on a shared screen. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle tim…","type":"registry:component","source_url":"https://knock.codes/r/react/relock-control.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/relock-control.json"},{"name":"request-access","title":"Request access","description":"Routes a recipient without a code to the preview owner. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle …","type":"registry:component","source_url":"https://knock.codes/r/react/request-access.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/request-access.json"},{"name":"client-preview-gate","title":"Client preview gate","description":"Your next chapter is ready for a first look. Enter the code from your invitation. Does not verify codes, persist state, or grant or revoke access. Contract: al…","type":"registry:block","source_url":"https://knock.codes/r/react/client-preview-gate.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/client-preview-gate.json"},{"name":"cooldown-screen","title":"Cooldown screen","description":"Your preview is still here. Give it a moment before your next try. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share …","type":"registry:block","source_url":"https://knock.codes/r/react/cooldown-screen.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/cooldown-screen.json"},{"name":"expired-notice","title":"Expired notice","description":"The invitation window has ended. Ask the studio for a fresh link. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share c…","type":"registry:block","source_url":"https://knock.codes/r/react/expired-notice.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/expired-notice.json"},{"name":"gated-section","title":"Gated section","description":"This part of the preview was prepared for invited reviewers. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share contro…","type":"registry:block","source_url":"https://knock.codes/r/react/gated-section.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/gated-section.json"},{"name":"open-invitation","title":"Open invitation","description":"This look is for you. Continue when you are ready. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input…","type":"registry:block","source_url":"https://knock.codes/r/react/open-invitation.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/open-invitation.json"},{"name":"preview-chrome","title":"Preview chrome","description":"Enter your invitation code to see the draft. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input and v…","type":"registry:block","source_url":"https://knock.codes/r/react/preview-chrome.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/preview-chrome.json"},{"name":"quick-gate","title":"Quick gate","description":"Enter your preview code to continue. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input and visibilit…","type":"registry:block","source_url":"https://knock.codes/r/react/quick-gate.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/quick-gate.json"},{"name":"revoked-notice","title":"Revoked notice","description":"The owner has withdrawn access. Contact them if you need another look. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks sh…","type":"registry:block","source_url":"https://knock.codes/r/react/revoked-notice.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/revoked-notice.json"},{"name":"teaser-gate","title":"Teaser gate","description":"Your private preview is just one invitation away. Does not verify codes, persist state, or grant or revoke access. Contract: all blocks share controlled input …","type":"registry:block","source_url":"https://knock.codes/r/react/teaser-gate.json","install_command":"npx shadcn@latest add https://knock.codes/r/react/teaser-gate.json"}]},{"id":"knot-ui","name":"@knot-ui","slug":"knot-ui","description":"A registry of animated, cinematic React components and UI blocks for shadcn — buttons, cards, folders, navbars and more, built with Tailwind CSS v4 and Motion.","author":null,"framework":"react","license":null,"tags":["animation","blocks","buttons","cards","glassmorphism","media","navigation"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://knot-ui.trupal.me","github":null,"registry":"https://knot-ui.trupal.me/r/registry.json","source":"https://knot-ui.trupal.me/r/registry.json","page":"https://sh4dcn.netlify.app/registry/knot-ui","markdown":"https://sh4dcn.netlify.app/md/knot-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='8' fill='var(--foreground)'/><path d='M9 7v18h3.2v-6.6L18 25h3.8l-6.4-8.2L21.6 7H18l-4.8 6.4V7z' fill='var(--background)'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":null,"open_issues":null,"last_commit":null},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://knot-ui.trupal.me/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://knot-ui.trupal.me/r/registry.json","install_bun":"bunx shadcn@latest add https://knot-ui.trupal.me/r/registry.json","registry_fetch":"curl -s https://knot-ui.trupal.me/r/registry.json"},"component_count":15,"components":[{"name":"button","title":"Premium Snow Button","description":"A cinematic button with realistic snowflake particle effects rendered on a canvas.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/button.json"},{"name":"rise-button","title":"Rise Button","description":"A button with a rising overlay animation on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/rise-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/rise-button.json"},{"name":"glare-button","title":"Glare Button","description":"A dark button with a sweeping glare highlight on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/glare-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/glare-button.json"},{"name":"flip-button","title":"Flip Button","description":"A button that flips between a light front face and dark back face in 3D on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/flip-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/flip-button.json"},{"name":"glass-button","title":"Glass Button","description":"A frosted-glass morphism button with backdrop blur and inset highlights.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/glass-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/glass-button.json"},{"name":"slide-button","title":"Slide Button","description":"A button with a sliding color overlay revealing from one side on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/slide-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/slide-button.json"},{"name":"slide-link-button","title":"Slide Link Button","description":"A minimal link-style button with a sliding underlay on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/slide-link-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/slide-link-button.json"},{"name":"square-button","title":"Square Button","description":"A sharp-cornered button with decorative corner brackets.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/square-button.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/square-button.json"},{"name":"flip-card","title":"Flip Card","description":"A book-style flip card with a spine tab that reveals on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/flip-card.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/flip-card.json"},{"name":"navbar","title":"Navbar","description":"A floating navbar that shrinks and collapses to a pill shape on scroll.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/navbar.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/navbar.json"},{"name":"orbiting-avatars","title":"Orbiting Avatars","description":"A circular orbit of avatar images that spin around a central CTA button.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/orbiting-avatars.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/orbiting-avatars.json"},{"name":"fan-folder","title":"Fan Folder","description":"Cards fan out and spread behind the folder on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/fan-folder.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/fan-folder.json"},{"name":"open-folder","title":"Open Folder","description":"Lid opens with 3D perspective and floating cards emerge on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/open-folder.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/open-folder.json"},{"name":"lift-folder","title":"Lift Folder","description":"Lid lifts up in 3D while stacked cards reveal behind it on hover.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/lift-folder.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/lift-folder.json"},{"name":"hand-toggle","title":"Theme Toggle","description":"A dithered 'hand of god' dark-mode toggle with a circular view-transition reveal.","type":"registry:component","source_url":"https://knot-ui.trupal.me/r/hand-toggle.json","install_command":"npx shadcn@latest add https://knot-ui.trupal.me/r/hand-toggle.json"}]},{"id":"remotionui","name":"@remotionui","slug":"remotionui","description":"Copy-paste motion components for Remotion video projects - 200 captions, charts, transitions, backgrounds, and full compositions.","author":"riaz37","framework":"react","license":"MIT","tags":["ai","animation","audio","backgrounds","blocks","cards","charts","dashboard","forms","glassmorphism","hooks","icons","loaders","maps","media","retro","text-effects"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://remotionui.com","github":"https://github.com/riaz37/remotion-ui","registry":"https://remotionui.com/r/index.json","source":"https://remotionui.com/r/index.json","page":"https://sh4dcn.netlify.app/registry/remotionui","markdown":"https://sh4dcn.netlify.app/md/remotionui.md"},"logo":"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--foreground)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"/><path d=\"M2 17l10 5 10-5\"/><path d=\"M2 12l10 5 10-5\"/></svg>","preview_image":"https://remotionui.com/opengraph-image?8cdd49bc96a2e9f7","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":73,"open_issues":6,"last_commit":"2026-10-26T20:41:25Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://remotionui.com/r/index.json","install_pnpm":"pnpm dlx shadcn@latest add https://remotionui.com/r/index.json","install_bun":"bunx shadcn@latest add https://remotionui.com/r/index.json","clone":"git clone https://github.com/riaz37/remotion-ui.git","clone_degit":"npx degit riaz37/remotion-ui","registry_fetch":"curl -s https://remotionui.com/r/index.json"},"component_count":250,"components":[{"name":"timing","title":null,"description":"Frame timing helpers and enter easing","type":"registry:lib","source_url":"https://remotionui.com/r/timing.json","install_command":"npx shadcn@latest add https://remotionui.com/r/timing.json"},{"name":"springs","title":null,"description":"Default spring configurations","type":"registry:lib","source_url":"https://remotionui.com/r/springs.json","install_command":"npx shadcn@latest add https://remotionui.com/r/springs.json"},{"name":"transition-timing","title":null,"description":"Shared TransitionSeries timing helpers and layered progress curves","type":"registry:lib","source_url":"https://remotionui.com/r/transition-timing.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-timing.json"},{"name":"ai-composer-utils","title":null,"description":"Shared typewriter, caret, morph, and intro helpers for AI composer scenes","type":"registry:lib","source_url":"https://remotionui.com/r/ai-composer-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/ai-composer-utils.json"},{"name":"code-syntax","title":null,"description":"Syntax tokenizer, editor palettes, and revealable code line renderer for the code scenes","type":"registry:lib","source_url":"https://remotionui.com/r/code-syntax.json","install_command":"npx shadcn@latest add https://remotionui.com/r/code-syntax.json"},{"name":"text-emphasis","title":null,"description":"Word-level phrase matching and marker geometry for scenes that sweep emphasis across text","type":"registry:lib","source_url":"https://remotionui.com/r/text-emphasis.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-emphasis.json"},{"name":"motion-tokens","title":null,"description":"Named motion duration and stagger tokens","type":"registry:lib","source_url":"https://remotionui.com/r/motion-tokens.json","install_command":"npx shadcn@latest add https://remotionui.com/r/motion-tokens.json"},{"name":"gpu","title":null,"description":"WebGL2 fragment-shader effect factory for GPU primitives","type":"registry:lib","source_url":"https://remotionui.com/r/gpu.json","install_command":"npx shadcn@latest add https://remotionui.com/r/gpu.json"},{"name":"layout","title":null,"description":"Format-agnostic layout helpers","type":"registry:lib","source_url":"https://remotionui.com/r/layout.json","install_command":"npx shadcn@latest add https://remotionui.com/r/layout.json"},{"name":"motion-wrapper","title":null,"description":"Inline wrapper for enter/exit animations (avoids AbsoluteFill overlap)","type":"registry:lib","source_url":"https://remotionui.com/r/motion-wrapper.json","install_command":"npx shadcn@latest add https://remotionui.com/r/motion-wrapper.json"},{"name":"motion-primitive","title":null,"description":"Enter/exit motion contract shared by the animation primitives — opacity leads, exits are shorter, and a bounded Sequence times the exit itself","type":"registry:lib","source_url":"https://remotionui.com/r/motion-primitive.json","install_command":"npx shadcn@latest add https://remotionui.com/r/motion-primitive.json"},{"name":"use-stagger","title":null,"description":"Hook for staggered child delays","type":"registry:hook","source_url":"https://remotionui.com/r/use-stagger.json","install_command":"npx shadcn@latest add https://remotionui.com/r/use-stagger.json"},{"name":"fade-in","title":null,"description":"Opacity-only entrance, with an exit that lands on the end of its sequence","type":"registry:ui","source_url":"https://remotionui.com/r/fade-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/fade-in.json"},{"name":"fade-out","title":null,"description":"Held exit that accelerates away, timed to the last frame of its sequence by default","type":"registry:ui","source_url":"https://remotionui.com/r/fade-out.json","install_command":"npx shadcn@latest add https://remotionui.com/r/fade-out.json"},{"name":"slide-up","title":null,"description":"Rise into place, with an optional mask reveal and automatic exit","type":"registry:ui","source_url":"https://remotionui.com/r/slide-up.json","install_command":"npx shadcn@latest add https://remotionui.com/r/slide-up.json"},{"name":"slide-left","title":null,"description":"Slide in from either side, with an optional mask reveal and automatic exit","type":"registry:ui","source_url":"https://remotionui.com/r/slide-left.json","install_command":"npx shadcn@latest add https://remotionui.com/r/slide-left.json"},{"name":"scale-in","title":null,"description":"Grow into place from just under full size, with an optional spring and exit","type":"registry:ui","source_url":"https://remotionui.com/r/scale-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/scale-in.json"},{"name":"typewriter","title":null,"description":"Typewriter reveal with rhythm, pauses, looping, and a caret that only blinks at rest","type":"registry:ui","source_url":"https://remotionui.com/r/typewriter.json","install_command":"npx shadcn@latest add https://remotionui.com/r/typewriter.json"},{"name":"counter","title":null,"description":"Animated number with grouping, decimals, odometer digit roll and a reserved width","type":"registry:ui","source_url":"https://remotionui.com/r/counter.json","install_command":"npx shadcn@latest add https://remotionui.com/r/counter.json"},{"name":"blur-in","title":null,"description":"Resolve out of a defocus — blur clears before the move lands","type":"registry:ui","source_url":"https://remotionui.com/r/blur-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/blur-in.json"},{"name":"spring-in","title":null,"description":"Spring-driven scale and rise, with snappy, smooth and bouncy presets","type":"registry:ui","source_url":"https://remotionui.com/r/spring-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/spring-in.json"},{"name":"stagger-children","title":null,"description":"Offset children onto their own sequences, in forward, reverse, centre or edge order, in and out","type":"registry:ui","source_url":"https://remotionui.com/r/stagger-children.json","install_command":"npx shadcn@latest add https://remotionui.com/r/stagger-children.json"},{"name":"marker-highlight","title":null,"description":"Highlighter stroke swept word by word across a phrase, with marker, knockout, underline and box variants","type":"registry:ui","source_url":"https://remotionui.com/r/marker-highlight.json","install_command":"npx shadcn@latest add https://remotionui.com/r/marker-highlight.json"},{"name":"progress-bar","title":null,"description":"Inline progress bar with determinate and indeterminate modes, segments and a value readout","type":"registry:ui","source_url":"https://remotionui.com/r/progress-bar.json","install_command":"npx shadcn@latest add https://remotionui.com/r/progress-bar.json"},{"name":"rotate-in","title":null,"description":"Swing into place in plane or hinged in depth on the x/y axis","type":"registry:ui","source_url":"https://remotionui.com/r/rotate-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/rotate-in.json"},{"name":"transition-fade","title":null,"description":"Crossfade between scenes, or dip the cut through a colour","type":"registry:ui","source_url":"https://remotionui.com/r/transition-fade.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-fade.json"},{"name":"transition-slide","title":null,"description":"Slide transition helper for TransitionSeries","type":"registry:ui","source_url":"https://remotionui.com/r/transition-slide.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-slide.json"},{"name":"lower-third","title":null,"description":"Name plate that plays its whole life: wipes out from the frame edge, settles, holds, then retreats the way it came","type":"registry:block","source_url":"https://remotionui.com/r/lower-third.json","install_command":"npx shadcn@latest add https://remotionui.com/r/lower-third.json"},{"name":"title-card","title":null,"description":"Opening card where each headline line rises out of its own mask and one sweep of light crosses it as it stands","type":"registry:block","source_url":"https://remotionui.com/r/title-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/title-card.json"},{"name":"feature-list","title":null,"description":"List being ticked off: each row arrives in turn, its rule draws across, and its check strokes in behind it","type":"registry:block","source_url":"https://remotionui.com/r/feature-list.json","install_command":"npx shadcn@latest add https://remotionui.com/r/feature-list.json"},{"name":"stat-card","title":null,"description":"A number landing: the ring fills while the counter rolls, then the label and the change against the last period settle","type":"registry:block","source_url":"https://remotionui.com/r/stat-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/stat-card.json"},{"name":"quote-card","title":null,"description":"Pull quote read aloud: the mark draws, the quote rises line by line, a marker sweeps the phrase, the attribution lands last","type":"registry:block","source_url":"https://remotionui.com/r/quote-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/quote-card.json"},{"name":"end-card","title":null,"description":"Outro built in the order a viewer acts on it: title, button assembling under its label, address typing, channels, one pulse","type":"registry:block","source_url":"https://remotionui.com/r/end-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/end-card.json"},{"name":"intro","title":null,"description":"5-second branded intro: chapter marker, headline, topic rail","type":"registry:block","source_url":"https://remotionui.com/r/intro.json","install_command":"npx shadcn@latest add https://remotionui.com/r/intro.json"},{"name":"showcase","title":null,"description":"Full demo reel with TransitionSeries","type":"registry:block","source_url":"https://remotionui.com/r/showcase.json","install_command":"npx shadcn@latest add https://remotionui.com/r/showcase.json"},{"name":"hero-loop","title":null,"description":"12-second seamless brand ident: the RemotionUI logo animated from its own parts over the site's phosphor light, with a transparent variant","type":"registry:block","source_url":"https://remotionui.com/r/hero-loop.json","install_command":"npx shadcn@latest add https://remotionui.com/r/hero-loop.json"},{"name":"caption-utils","title":null,"description":"Caption page grouping and word-active helpers","type":"registry:lib","source_url":"https://remotionui.com/r/caption-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/caption-utils.json"},{"name":"audio-viz-utils","title":null,"description":"Windowed audio spectrum helpers","type":"registry:lib","source_url":"https://remotionui.com/r/audio-viz-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/audio-viz-utils.json"},{"name":"map-utils","title":null,"description":"MapLibre and Turf geospatial helpers","type":"registry:lib","source_url":"https://remotionui.com/r/map-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/map-utils.json"},{"name":"path-utils","title":null,"description":"SVG path measuring, sampling, auto-fit and waypoint helpers","type":"registry:lib","source_url":"https://remotionui.com/r/path-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/path-utils.json"},{"name":"caption-highlight","title":null,"description":"TikTok-style word-by-word caption highlight","type":"registry:ui","source_url":"https://remotionui.com/r/caption-highlight.json","install_command":"npx shadcn@latest add https://remotionui.com/r/caption-highlight.json"},{"name":"audiogram-bars","title":null,"description":"Audio-reactive spectrum bar visualization","type":"registry:ui","source_url":"https://remotionui.com/r/audiogram-bars.json","install_command":"npx shadcn@latest add https://remotionui.com/r/audiogram-bars.json"},{"name":"path-draw","title":null,"description":"SVG stroke reveal with auto-fit framing, multi-path stagger and a drawing head","type":"registry:ui","source_url":"https://remotionui.com/r/path-draw.json","install_command":"npx shadcn@latest add https://remotionui.com/r/path-draw.json"},{"name":"map-canvas","title":null,"description":"Deterministic MapLibre map mount","type":"registry:ui","source_url":"https://remotionui.com/r/map-canvas.json","install_command":"npx shadcn@latest add https://remotionui.com/r/map-canvas.json"},{"name":"map-route","title":null,"description":"Animated GeoJSON route line on a map","type":"registry:ui","source_url":"https://remotionui.com/r/map-route.json","install_command":"npx shadcn@latest add https://remotionui.com/r/map-route.json"},{"name":"map-markers","title":null,"description":"GeoJSON circle and label markers on a map","type":"registry:ui","source_url":"https://remotionui.com/r/map-markers.json","install_command":"npx shadcn@latest add https://remotionui.com/r/map-markers.json"},{"name":"transition-wipe","title":null,"description":"Wipe transition helper for TransitionSeries","type":"registry:ui","source_url":"https://remotionui.com/r/transition-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-wipe.json"},{"name":"transition-clock-wipe","title":null,"description":"Clock sweep that reads the composition size itself","type":"registry:ui","source_url":"https://remotionui.com/r/transition-clock-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-clock-wipe.json"},{"name":"transition-light-leak","title":null,"description":"Film flare overlay that peaks on the cut and hides the seam under it","type":"registry:ui","source_url":"https://remotionui.com/r/transition-light-leak.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-light-leak.json"},{"name":"blur-reveal","title":null,"description":"Cut where the outgoing scene softens away and the incoming one resolves out of blur","type":"registry:ui","source_url":"https://remotionui.com/r/blur-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/blur-reveal.json"},{"name":"grid-pixelate-wipe","title":null,"description":"Reveal where the next scene arrives one grid cell at a time","type":"registry:ui","source_url":"https://remotionui.com/r/grid-pixelate-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/grid-pixelate-wipe.json"},{"name":"frosted-glass-wipe","title":null,"description":"A pane of frosted glass crosses the frame and leaves the next scene behind it","type":"registry:ui","source_url":"https://remotionui.com/r/frosted-glass-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/frosted-glass-wipe.json"},{"name":"directional-wipe","title":null,"description":"Soft-edged wipe that uncovers the next scene without exposing the background","type":"registry:ui","source_url":"https://remotionui.com/r/directional-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/directional-wipe.json"},{"name":"spatial-push","title":null,"description":"Push where both scenes travel locked edge to edge across the frame","type":"registry:ui","source_url":"https://remotionui.com/r/spatial-push.json","install_command":"npx shadcn@latest add https://remotionui.com/r/spatial-push.json"},{"name":"chromatic-aberration-wipe","title":null,"description":"Slide that pulls the colour channels apart at its fastest point and recombines them on landing","type":"registry:ui","source_url":"https://remotionui.com/r/chromatic-aberration-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/chromatic-aberration-wipe.json"},{"name":"zoom-through","title":null,"description":"Camera push-through: one scene drives past the lens, the next lands out of the same move","type":"registry:ui","source_url":"https://remotionui.com/r/zoom-through.json","install_command":"npx shadcn@latest add https://remotionui.com/r/zoom-through.json"},{"name":"mesh-gradient-bg","title":null,"description":"Living mesh gradient blob background","type":"registry:ui","source_url":"https://remotionui.com/r/mesh-gradient-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/mesh-gradient-bg.json"},{"name":"dynamic-grid","title":null,"description":"Subtle drifting dot and line grid background","type":"registry:ui","source_url":"https://remotionui.com/r/dynamic-grid.json","install_command":"npx shadcn@latest add https://remotionui.com/r/dynamic-grid.json"},{"name":"simulated-cursor","title":null,"description":"Frame-timed cursor with press, click ripples, hit targets and labels","type":"registry:ui","source_url":"https://remotionui.com/r/simulated-cursor.json","install_command":"npx shadcn@latest add https://remotionui.com/r/simulated-cursor.json"},{"name":"confetti-burst","title":null,"description":"Frame-driven confetti burst overlay","type":"registry:ui","source_url":"https://remotionui.com/r/confetti-burst.json","install_command":"npx shadcn@latest add https://remotionui.com/r/confetti-burst.json"},{"name":"device-mockup-zoom","title":null,"description":"Cinematic laptop, phone, or browser mockup with staged UI and slow camera pullback","type":"registry:block","source_url":"https://remotionui.com/r/device-mockup-zoom.json","install_command":"npx shadcn@latest add https://remotionui.com/r/device-mockup-zoom.json"},{"name":"caption-scene","title":null,"description":"Lower-third TikTok-style captions synced to audio","type":"registry:block","source_url":"https://remotionui.com/r/caption-scene.json","install_command":"npx shadcn@latest add https://remotionui.com/r/caption-scene.json"},{"name":"audiogram-scene","title":null,"description":"Podcast audiogram layout with spectrum bars","type":"registry:block","source_url":"https://remotionui.com/r/audiogram-scene.json","install_command":"npx shadcn@latest add https://remotionui.com/r/audiogram-scene.json"},{"name":"logo-reveal","title":null,"description":"Logo mark draw-on with wordmark and tagline beats","type":"registry:block","source_url":"https://remotionui.com/r/logo-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/logo-reveal.json"},{"name":"map-flight","title":null,"description":"Animated map flyover with route reveal and markers","type":"registry:block","source_url":"https://remotionui.com/r/map-flight.json","install_command":"npx shadcn@latest add https://remotionui.com/r/map-flight.json"},{"name":"auto-fit-title","title":null,"description":"Headline sized to the frame it is given, then assembled word by word so any length lands the same way","type":"registry:block","source_url":"https://remotionui.com/r/auto-fit-title.json","install_command":"npx shadcn@latest add https://remotionui.com/r/auto-fit-title.json"},{"name":"social-clip","title":null,"description":"9:16 social clip with hook, captions, and CTA","type":"registry:block","source_url":"https://remotionui.com/r/social-clip.json","install_command":"npx shadcn@latest add https://remotionui.com/r/social-clip.json"},{"name":"media-utils","title":null,"description":"Media item timing and fit helpers","type":"registry:lib","source_url":"https://remotionui.com/r/media-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/media-utils.json"},{"name":"chart-utils","title":null,"description":"Chart scaling and SVG path helpers","type":"registry:lib","source_url":"https://remotionui.com/r/chart-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/chart-utils.json"},{"name":"text-fit-utils","title":null,"description":"Safe headline fitting helpers","type":"registry:lib","source_url":"https://remotionui.com/r/text-fit-utils.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-fit-utils.json"},{"name":"waveform-line","title":null,"description":"Audio waveform line visualization","type":"registry:ui","source_url":"https://remotionui.com/r/waveform-line.json","install_command":"npx shadcn@latest add https://remotionui.com/r/waveform-line.json"},{"name":"audio-pulse","title":null,"description":"Audio-reactive pulse rings","type":"registry:ui","source_url":"https://remotionui.com/r/audio-pulse.json","install_command":"npx shadcn@latest add https://remotionui.com/r/audio-pulse.json"},{"name":"karaoke-captions","title":null,"description":"Active-word karaoke caption styling","type":"registry:ui","source_url":"https://remotionui.com/r/karaoke-captions.json","install_command":"npx shadcn@latest add https://remotionui.com/r/karaoke-captions.json"},{"name":"line-chart-draw","title":null,"description":"SVG line chart that draws itself on","type":"registry:ui","source_url":"https://remotionui.com/r/line-chart-draw.json","install_command":"npx shadcn@latest add https://remotionui.com/r/line-chart-draw.json"},{"name":"cursor-path","title":null,"description":"Cursor travelling a path with drawn trail and click ripples","type":"registry:ui","source_url":"https://remotionui.com/r/cursor-path.json","install_command":"npx shadcn@latest add https://remotionui.com/r/cursor-path.json"},{"name":"media-frame","title":null,"description":"One piece of media presented: the frame opens like a shutter under a slow push, then the title masks up and the caption settles","type":"registry:block","source_url":"https://remotionui.com/r/media-frame.json","install_command":"npx shadcn@latest add https://remotionui.com/r/media-frame.json"},{"name":"media-sequence","title":null,"description":"Edited run of shots pushed on one after another, with a chapter strip that fills through the item playing","type":"registry:block","source_url":"https://remotionui.com/r/media-sequence.json","install_command":"npx shadcn@latest add https://remotionui.com/r/media-sequence.json"},{"name":"split-screen","title":null,"description":"Before/after that is actually made: panels meet at the divider, labels land, and the divider can travel across to leave one side whole","type":"registry:block","source_url":"https://remotionui.com/r/split-screen.json","install_command":"npx shadcn@latest add https://remotionui.com/r/split-screen.json"},{"name":"b-roll-stack","title":null,"description":"Deck of supporting shots dealt one at a time: each rides to the front with its label while the last slides back into the stack","type":"registry:block","source_url":"https://remotionui.com/r/b-roll-stack.json","install_command":"npx shadcn@latest add https://remotionui.com/r/b-roll-stack.json"},{"name":"caption-bumper","title":null,"description":"Between-beats card that punches its line in word by word, draws a rule under it, and wipes out when its hold is over","type":"registry:block","source_url":"https://remotionui.com/r/caption-bumper.json","install_command":"npx shadcn@latest add https://remotionui.com/r/caption-bumper.json"},{"name":"animated-bar-chart","title":null,"description":"Ranked bar chart scene with a value axis","type":"registry:block","source_url":"https://remotionui.com/r/animated-bar-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/animated-bar-chart.json"},{"name":"metric-ticker","title":null,"description":"KPI cards that count themselves in","type":"registry:block","source_url":"https://remotionui.com/r/metric-ticker.json","install_command":"npx shadcn@latest add https://remotionui.com/r/metric-ticker.json"},{"name":"timeline-steps","title":null,"description":"Process walked step by step: the rail draws ahead of a travelling head that lands on each step, works it through a closing ring, then checks it off","type":"registry:block","source_url":"https://remotionui.com/r/timeline-steps.json","install_command":"npx shadcn@latest add https://remotionui.com/r/timeline-steps.json"},{"name":"callout-spotlight","title":null,"description":"Spotlight that is aimed: the mask closes from the whole frame onto the target, a ring pings it, then a connector draws out to the callout","type":"registry:block","source_url":"https://remotionui.com/r/callout-spotlight.json","install_command":"npx shadcn@latest add https://remotionui.com/r/callout-spotlight.json"},{"name":"zoom-pan-frame","title":null,"description":"Camera move on a still driven by focal points, settling before the cut, with an optional label chip","type":"registry:block","source_url":"https://remotionui.com/r/zoom-pan-frame.json","install_command":"npx shadcn@latest add https://remotionui.com/r/zoom-pan-frame.json"},{"name":"code-reveal","title":null,"description":"Editor window that writes a syntax-highlighted file character by character, then focuses the lines that matter","type":"registry:block","source_url":"https://remotionui.com/r/code-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/code-reveal.json"},{"name":"hook-card","title":null,"description":"Short-form opener where the hook rises line by line out of its mask and an underline draws under the promise","type":"registry:block","source_url":"https://remotionui.com/r/hook-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/hook-card.json"},{"name":"talking-head-layout","title":null,"description":"Talking-head clip frame that opens on the speaker, slides a name plate out from behind it, and plays the spoken lines in a reserved caption zone with the wavef…","type":"registry:block","source_url":"https://remotionui.com/r/talking-head-layout.json","install_command":"npx shadcn@latest add https://remotionui.com/r/talking-head-layout.json"},{"name":"comment-callout","title":null,"description":"Viewer comment answered on screen: it lands from the feed, the ask is marked up, the creator hearts it, and the reply is typed and sent","type":"registry:block","source_url":"https://remotionui.com/r/comment-callout.json","install_command":"npx shadcn@latest add https://remotionui.com/r/comment-callout.json"},{"name":"tutorial-clip","title":null,"description":"Tutorial clip composition for demos and explainers","type":"registry:block","source_url":"https://remotionui.com/r/tutorial-clip.json","install_command":"npx shadcn@latest add https://remotionui.com/r/tutorial-clip.json"},{"name":"data-story","title":null,"description":"Data storytelling composition template","type":"registry:block","source_url":"https://remotionui.com/r/data-story.json","install_command":"npx shadcn@latest add https://remotionui.com/r/data-story.json"},{"name":"creator-reel","title":null,"description":"Vertical creator media composition template","type":"registry:block","source_url":"https://remotionui.com/r/creator-reel.json","install_command":"npx shadcn@latest add https://remotionui.com/r/creator-reel.json"},{"name":"podcast-clip","title":null,"description":"Podcast clip composition with audio visuals and captions","type":"registry:block","source_url":"https://remotionui.com/r/podcast-clip.json","install_command":"npx shadcn@latest add https://remotionui.com/r/podcast-clip.json"},{"name":"blur-focus-in","title":null,"description":"Text fades from heavy blur into sharp focus","type":"registry:ui","source_url":"https://remotionui.com/r/blur-focus-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/blur-focus-in.json"},{"name":"staggered-fade-up","title":null,"description":"Words rise with cascading fade-up stagger","type":"registry:ui","source_url":"https://remotionui.com/r/staggered-fade-up.json","install_command":"npx shadcn@latest add https://remotionui.com/r/staggered-fade-up.json"},{"name":"masked-slide-reveal","title":null,"description":"Words slide up through a horizontal mask","type":"registry:ui","source_url":"https://remotionui.com/r/masked-slide-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/masked-slide-reveal.json"},{"name":"tracking-in","title":null,"description":"Letter-spacing collapses with spring snap","type":"registry:ui","source_url":"https://remotionui.com/r/tracking-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/tracking-in.json"},{"name":"light-sweep-text","title":null,"description":"Light gradient sweeps across dim text","type":"registry:ui","source_url":"https://remotionui.com/r/light-sweep-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/light-sweep-text.json"},{"name":"slot-roll","title":null,"description":"Characters roll like a slot reel into place","type":"registry:ui","source_url":"https://remotionui.com/r/slot-roll.json","install_command":"npx shadcn@latest add https://remotionui.com/r/slot-roll.json"},{"name":"matrix-decode","title":null,"description":"Scramble resolves left-to-right into target text","type":"registry:ui","source_url":"https://remotionui.com/r/matrix-decode.json","install_command":"npx shadcn@latest add https://remotionui.com/r/matrix-decode.json"},{"name":"rgb-glitch-text","title":null,"description":"Signal-lock RGB glitch text with channel splits, slices, and scanlines","type":"registry:ui","source_url":"https://remotionui.com/r/rgb-glitch-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/rgb-glitch-text.json"},{"name":"infinite-marquee","title":null,"description":"Endlessly scrolling horizontal text band","type":"registry:ui","source_url":"https://remotionui.com/r/infinite-marquee.json","install_command":"npx shadcn@latest add https://remotionui.com/r/infinite-marquee.json"},{"name":"perspective-marquee","title":null,"description":"Marquee tilted in 3D with depth fade","type":"registry:ui","source_url":"https://remotionui.com/r/perspective-marquee.json","install_command":"npx shadcn@latest add https://remotionui.com/r/perspective-marquee.json"},{"name":"strikethrough-replace","title":null,"description":"Strikes out one phrase and puts another in its place, on a three-beat correction timeline","type":"registry:ui","source_url":"https://remotionui.com/r/strikethrough-replace.json","install_command":"npx shadcn@latest add https://remotionui.com/r/strikethrough-replace.json"},{"name":"terminal-simulator","title":null,"description":"Terminal window that types a command, streams spinner-to-check build steps with timings, then returns the prompt","type":"registry:block","source_url":"https://remotionui.com/r/terminal-simulator.json","install_command":"npx shadcn@latest add https://remotionui.com/r/terminal-simulator.json"},{"name":"code-accordion","title":null,"description":"Stepped walkthrough where each section opens, writes its code, is checked off, and closes behind the next","type":"registry:block","source_url":"https://remotionui.com/r/code-accordion.json","install_command":"npx shadcn@latest add https://remotionui.com/r/code-accordion.json"},{"name":"code-diff-wipe","title":null,"description":"Diff patch landing line by line: an apply front travels the file, removals collapse, additions open and write in","type":"registry:block","source_url":"https://remotionui.com/r/code-diff-wipe.json","install_command":"npx shadcn@latest add https://remotionui.com/r/code-diff-wipe.json"},{"name":"data-flow-pipes","title":null,"description":"Pipeline running end to end: stages come up in order, pipes draw between them, and a stream of payloads hops through, lighting each stage and ticking its tally","type":"registry:block","source_url":"https://remotionui.com/r/data-flow-pipes.json","install_command":"npx shadcn@latest add https://remotionui.com/r/data-flow-pipes.json"},{"name":"drag-drop-flow","title":null,"description":"Cursor drags a file out of a media library into a drop zone that arms, catches it, and uploads it to completion","type":"registry:block","source_url":"https://remotionui.com/r/drag-drop-flow.json","install_command":"npx shadcn@latest add https://remotionui.com/r/drag-drop-flow.json"},{"name":"chat-to-preview","title":null,"description":"Prompt-to-render loop: the ask types into the composer and sends into the thread, the answer streams back, and the preview assembles from wireframe to rendered…","type":"registry:block","source_url":"https://remotionui.com/r/chat-to-preview.json","install_command":"npx shadcn@latest add https://remotionui.com/r/chat-to-preview.json"},{"name":"hero-device-assemble","title":null,"description":"Device layers assemble hero","type":"registry:block","source_url":"https://remotionui.com/r/hero-device-assemble.json","install_command":"npx shadcn@latest add https://remotionui.com/r/hero-device-assemble.json"},{"name":"ecosystem-orbit","title":null,"description":"Logo with orbiting satellites","type":"registry:block","source_url":"https://remotionui.com/r/ecosystem-orbit.json","install_command":"npx shadcn@latest add https://remotionui.com/r/ecosystem-orbit.json"},{"name":"bento-pan","title":null,"description":"Camera pan across a bento grid of metric cards","type":"registry:block","source_url":"https://remotionui.com/r/bento-pan.json","install_command":"npx shadcn@latest add https://remotionui.com/r/bento-pan.json"},{"name":"browser-flow","title":null,"description":"URL to browser preview flow","type":"registry:block","source_url":"https://remotionui.com/r/browser-flow.json","install_command":"npx shadcn@latest add https://remotionui.com/r/browser-flow.json"},{"name":"ai-generation-canvas","title":null,"description":"Prompt-to-dashboard generation with morphing input, skeleton shimmer, and card flips","type":"registry:block","source_url":"https://remotionui.com/r/ai-generation-canvas.json","install_command":"npx shadcn@latest add https://remotionui.com/r/ai-generation-canvas.json"},{"name":"ai-composer-showcase","title":null,"description":"Showcase reel cutting through five AI composer interfaces with title and end cards","type":"registry:block","source_url":"https://remotionui.com/r/ai-composer-showcase.json","install_command":"npx shadcn@latest add https://remotionui.com/r/ai-composer-showcase.json"},{"name":"live-code-split","title":null,"description":"Editor on the left, its rendered output live on the right","type":"registry:block","source_url":"https://remotionui.com/r/live-code-split.json","install_command":"npx shadcn@latest add https://remotionui.com/r/live-code-split.json"},{"name":"deploy-reveal","title":null,"description":"Terminal deploy to browser","type":"registry:block","source_url":"https://remotionui.com/r/deploy-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/deploy-reveal.json"},{"name":"dashboard-populate","title":null,"description":"Dashboard metrics populate","type":"registry:block","source_url":"https://remotionui.com/r/dashboard-populate.json","install_command":"npx shadcn@latest add https://remotionui.com/r/dashboard-populate.json"},{"name":"pricing-focus","title":null,"description":"Pricing tier focus animation","type":"registry:block","source_url":"https://remotionui.com/r/pricing-focus.json","install_command":"npx shadcn@latest add https://remotionui.com/r/pricing-focus.json"},{"name":"landing-code-showcase","title":null,"description":"Landing with install commands","type":"registry:block","source_url":"https://remotionui.com/r/landing-code-showcase.json","install_command":"npx shadcn@latest add https://remotionui.com/r/landing-code-showcase.json"},{"name":"tool-menu-slide","title":null,"description":"Tool menu slide-in","type":"registry:block","source_url":"https://remotionui.com/r/tool-menu-slide.json","install_command":"npx shadcn@latest add https://remotionui.com/r/tool-menu-slide.json"},{"name":"image-expand","title":null,"description":"A still opens from a card to full frame, then takes its caption","type":"registry:block","source_url":"https://remotionui.com/r/image-expand.json","install_command":"npx shadcn@latest add https://remotionui.com/r/image-expand.json"},{"name":"claude-chat","title":null,"description":"Claude composer card with typed prompt and waveform-to-send morph","type":"registry:block","source_url":"https://remotionui.com/r/claude-chat.json","install_command":"npx shadcn@latest add https://remotionui.com/r/claude-chat.json"},{"name":"chat-gpt","title":null,"description":"ChatGPT composer pill with greeting, suggestion chips, and voice-to-send morph","type":"registry:block","source_url":"https://remotionui.com/r/chat-gpt.json","install_command":"npx shadcn@latest add https://remotionui.com/r/chat-gpt.json"},{"name":"v0","title":null,"description":"v0 composer with greeting, model chip, project selector, and mic-to-send morph","type":"registry:block","source_url":"https://remotionui.com/r/v0.json","install_command":"npx shadcn@latest add https://remotionui.com/r/v0.json"},{"name":"claude-code","title":null,"description":"Claude Code terminal welcome screen with CLI prompt typing","type":"registry:block","source_url":"https://remotionui.com/r/claude-code.json","install_command":"npx shadcn@latest add https://remotionui.com/r/claude-code.json"},{"name":"opencode","title":null,"description":"OpenCode TUI composer with agent and model status","type":"registry:block","source_url":"https://remotionui.com/r/opencode.json","install_command":"npx shadcn@latest add https://remotionui.com/r/opencode.json"},{"name":"text-split","title":null,"description":"Split a string into chars, words or lines with staggered per-unit timing","type":"registry:lib","source_url":"https://remotionui.com/r/text-split.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-split.json"},{"name":"path-morph","title":null,"description":"Cached SVG path morphing with winding alignment and box fitting","type":"registry:lib","source_url":"https://remotionui.com/r/path-morph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/path-morph.json"},{"name":"displacement-transition","title":null,"description":"Frame maths for displacement-map and shape-mask transitions","type":"registry:lib","source_url":"https://remotionui.com/r/displacement-transition.json","install_command":"npx shadcn@latest add https://remotionui.com/r/displacement-transition.json"},{"name":"displacement-presentation","title":null,"description":"Shared TransitionSeries presentation for warp and shape-mask cuts","type":"registry:lib","source_url":"https://remotionui.com/r/displacement-presentation.json","install_command":"npx shadcn@latest add https://remotionui.com/r/displacement-presentation.json"},{"name":"sample-media","title":null,"description":"Placeholder stills, captions, and audio for composition defaults","type":"registry:lib","source_url":"https://remotionui.com/r/sample-media.json","install_command":"npx shadcn@latest add https://remotionui.com/r/sample-media.json"},{"name":"split-text-chars","title":null,"description":"Split text into chars, words or lines and stagger them in","type":"registry:ui","source_url":"https://remotionui.com/r/split-text-chars.json","install_command":"npx shadcn@latest add https://remotionui.com/r/split-text-chars.json"},{"name":"audio-reactive-scale","title":null,"description":"Scales any child by per-frame audio amplitude","type":"registry:ui","source_url":"https://remotionui.com/r/audio-reactive-scale.json","install_command":"npx shadcn@latest add https://remotionui.com/r/audio-reactive-scale.json"},{"name":"srt-caption-track","title":null,"description":"Renders a caption track straight from an SRT or WebVTT file","type":"registry:ui","source_url":"https://remotionui.com/r/srt-caption-track.json","install_command":"npx shadcn@latest add https://remotionui.com/r/srt-caption-track.json"},{"name":"transition-circle-reveal","title":null,"description":"Circular mask that opens from any point onto the next scene","type":"registry:ui","source_url":"https://remotionui.com/r/transition-circle-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-circle-reveal.json"},{"name":"transition-card-flip","title":null,"description":"Whole-frame 3D flip that hands off on backface culling","type":"registry:ui","source_url":"https://remotionui.com/r/transition-card-flip.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-card-flip.json"},{"name":"transition-blinds","title":null,"description":"Staggered slats sweeping open to reveal the next scene","type":"registry:ui","source_url":"https://remotionui.com/r/transition-blinds.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-blinds.json"},{"name":"transition-whip-pan","title":null,"description":"Fast pan with directional motion blur along the travel axis","type":"registry:ui","source_url":"https://remotionui.com/r/transition-whip-pan.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-whip-pan.json"},{"name":"transition-morph-shape","title":null,"description":"Reveal through a shape that morphs as it grows across the frame","type":"registry:ui","source_url":"https://remotionui.com/r/transition-morph-shape.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-morph-shape.json"},{"name":"transition-liquid-warp","title":null,"description":"Liquid displacement warp that stirs one scene into the next","type":"registry:ui","source_url":"https://remotionui.com/r/transition-liquid-warp.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transition-liquid-warp.json"},{"name":"skew-in","title":null,"description":"Skew + translate, editorial feel","type":"registry:ui","source_url":"https://remotionui.com/r/skew-in.json","install_command":"npx shadcn@latest add https://remotionui.com/r/skew-in.json"},{"name":"scramble-text","title":null,"description":"Random-glyph scramble resolving per character","type":"registry:ui","source_url":"https://remotionui.com/r/scramble-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/scramble-text.json"},{"name":"text-mask-video","title":null,"description":"Video or gradient showing through letterforms","type":"registry:ui","source_url":"https://remotionui.com/r/text-mask-video.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-mask-video.json"},{"name":"handwriting-text","title":null,"description":"Takes a string and strokes it on","type":"registry:ui","source_url":"https://remotionui.com/r/handwriting-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/handwriting-text.json"},{"name":"stroke-to-fill-text","title":null,"description":"Outline text filling solid","type":"registry:ui","source_url":"https://remotionui.com/r/stroke-to-fill-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/stroke-to-fill-text.json"},{"name":"variable-font-morph","title":null,"description":"Animates weight/width axes of a variable font","type":"registry:ui","source_url":"https://remotionui.com/r/variable-font-morph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/variable-font-morph.json"},{"name":"liquid-text-morph","title":null,"description":"Letterforms morphing between two words","type":"registry:ui","source_url":"https://remotionui.com/r/liquid-text-morph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/liquid-text-morph.json"},{"name":"wave-text","title":null,"description":"Per-character sine displacement","type":"registry:ui","source_url":"https://remotionui.com/r/wave-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/wave-text.json"},{"name":"neon-flicker-text","title":null,"description":"Neon sign flicker and settle","type":"registry:ui","source_url":"https://remotionui.com/r/neon-flicker-text.json","install_command":"npx shadcn@latest add https://remotionui.com/r/neon-flicker-text.json"},{"name":"aurora-bg","title":null,"description":"Drifting light ribbons","type":"registry:ui","source_url":"https://remotionui.com/r/aurora-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/aurora-bg.json"},{"name":"particle-field","title":null,"description":"Ambient drifting particles with depth","type":"registry:ui","source_url":"https://remotionui.com/r/particle-field.json","install_command":"npx shadcn@latest add https://remotionui.com/r/particle-field.json"},{"name":"topographic-lines-bg","title":null,"description":"Contour lines drifting","type":"registry:ui","source_url":"https://remotionui.com/r/topographic-lines-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/topographic-lines-bg.json"},{"name":"caustics-bg","title":null,"description":"Underwater light caustics","type":"registry:ui","source_url":"https://remotionui.com/r/caustics-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/caustics-bg.json"},{"name":"animated-noise-grain","title":null,"description":"Film grain overlay","type":"registry:ui","source_url":"https://remotionui.com/r/animated-noise-grain.json","install_command":"npx shadcn@latest add https://remotionui.com/r/animated-noise-grain.json"},{"name":"light-rays","title":null,"description":"Volumetric god rays drifting across the stage","type":"registry:ui","source_url":"https://remotionui.com/r/light-rays.json","install_command":"npx shadcn@latest add https://remotionui.com/r/light-rays.json"},{"name":"parallax-layers","title":null,"description":"Depth-offset layers on one driver","type":"registry:ui","source_url":"https://remotionui.com/r/parallax-layers.json","install_command":"npx shadcn@latest add https://remotionui.com/r/parallax-layers.json"},{"name":"shake-emphasis","title":null,"description":"Short impact shake","type":"registry:ui","source_url":"https://remotionui.com/r/shake-emphasis.json","install_command":"npx shadcn@latest add https://remotionui.com/r/shake-emphasis.json"},{"name":"glow-pulse","title":null,"description":"Rhythmic glow for CTAs and live indicators","type":"registry:ui","source_url":"https://remotionui.com/r/glow-pulse.json","install_command":"npx shadcn@latest add https://remotionui.com/r/glow-pulse.json"},{"name":"motion-trail","title":null,"description":"Echo trails behind a moving element","type":"registry:ui","source_url":"https://remotionui.com/r/motion-trail.json","install_command":"npx shadcn@latest add https://remotionui.com/r/motion-trail.json"},{"name":"squash-stretch","title":null,"description":"The animation principle as a primitive","type":"registry:ui","source_url":"https://remotionui.com/r/squash-stretch.json","install_command":"npx shadcn@latest add https://remotionui.com/r/squash-stretch.json"},{"name":"orbit-motion","title":null,"description":"Element orbiting a center point","type":"registry:ui","source_url":"https://remotionui.com/r/orbit-motion.json","install_command":"npx shadcn@latest add https://remotionui.com/r/orbit-motion.json"},{"name":"depth-of-field-blur","title":null,"description":"Rack focus between layers","type":"registry:ui","source_url":"https://remotionui.com/r/depth-of-field-blur.json","install_command":"npx shadcn@latest add https://remotionui.com/r/depth-of-field-blur.json"},{"name":"scanline-crt","title":null,"description":"CRT scanlines and curvature overlay","type":"registry:ui","source_url":"https://remotionui.com/r/scanline-crt.json","install_command":"npx shadcn@latest add https://remotionui.com/r/scanline-crt.json"},{"name":"bar-chart-race","title":null,"description":"Ranked bars reorder over time","type":"registry:ui","source_url":"https://remotionui.com/r/bar-chart-race.json","install_command":"npx shadcn@latest add https://remotionui.com/r/bar-chart-race.json"},{"name":"donut-chart","title":null,"description":"Multi-segment donut with labels","type":"registry:ui","source_url":"https://remotionui.com/r/donut-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/donut-chart.json"},{"name":"pie-slice-reveal","title":null,"description":"Slices sweep in sequentially","type":"registry:ui","source_url":"https://remotionui.com/r/pie-slice-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/pie-slice-reveal.json"},{"name":"scatter-plot-pop","title":null,"description":"Points pop in on stagger, optional trend line","type":"registry:ui","source_url":"https://remotionui.com/r/scatter-plot-pop.json","install_command":"npx shadcn@latest add https://remotionui.com/r/scatter-plot-pop.json"},{"name":"bubble-chart-pack","title":null,"description":"Circle-packed values settling into place","type":"registry:ui","source_url":"https://remotionui.com/r/bubble-chart-pack.json","install_command":"npx shadcn@latest add https://remotionui.com/r/bubble-chart-pack.json"},{"name":"gauge-dial","title":null,"description":"Needle sweeps to target","type":"registry:ui","source_url":"https://remotionui.com/r/gauge-dial.json","install_command":"npx shadcn@latest add https://remotionui.com/r/gauge-dial.json"},{"name":"sparkline-row","title":null,"description":"Compact trend lines that read at small sizes","type":"registry:ui","source_url":"https://remotionui.com/r/sparkline-row.json","install_command":"npx shadcn@latest add https://remotionui.com/r/sparkline-row.json"},{"name":"heatmap-grid","title":null,"description":"Cell grid filling by intensity, contribution-graph style","type":"registry:ui","source_url":"https://remotionui.com/r/heatmap-grid.json","install_command":"npx shadcn@latest add https://remotionui.com/r/heatmap-grid.json"},{"name":"comparison-bars","title":null,"description":"Two-series before/after with delta callout","type":"registry:ui","source_url":"https://remotionui.com/r/comparison-bars.json","install_command":"npx shadcn@latest add https://remotionui.com/r/comparison-bars.json"},{"name":"funnel-chart","title":null,"description":"Stage bars narrowing with drop-off percentages","type":"registry:ui","source_url":"https://remotionui.com/r/funnel-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/funnel-chart.json"},{"name":"radar-chart","title":null,"description":"Multi-axis spider chart drawing its polygon","type":"registry:ui","source_url":"https://remotionui.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/radar-chart.json"},{"name":"treemap-blocks","title":null,"description":"Nested rectangles sized by value","type":"registry:ui","source_url":"https://remotionui.com/r/treemap-blocks.json","install_command":"npx shadcn@latest add https://remotionui.com/r/treemap-blocks.json"},{"name":"waterfall-chart","title":null,"description":"Cumulative bridge with positive/negative steps","type":"registry:ui","source_url":"https://remotionui.com/r/waterfall-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/waterfall-chart.json"},{"name":"stacked-area-chart","title":null,"description":"Multiple series stacking as they draw on","type":"registry:ui","source_url":"https://remotionui.com/r/stacked-area-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/stacked-area-chart.json"},{"name":"candlestick-chart","title":null,"description":"OHLC financial series","type":"registry:ui","source_url":"https://remotionui.com/r/candlestick-chart.json","install_command":"npx shadcn@latest add https://remotionui.com/r/candlestick-chart.json"},{"name":"gantt-timeline","title":null,"description":"Date-scaled schedule bars","type":"registry:ui","source_url":"https://remotionui.com/r/gantt-timeline.json","install_command":"npx shadcn@latest add https://remotionui.com/r/gantt-timeline.json"},{"name":"word-pop-captions","title":null,"description":"Narrowed: one word at a time, alone on frame","type":"registry:ui","source_url":"https://remotionui.com/r/word-pop-captions.json","install_command":"npx shadcn@latest add https://remotionui.com/r/word-pop-captions.json"},{"name":"caption-emoji-beat","title":null,"description":"Emoji punctuation landing on beats","type":"registry:ui","source_url":"https://remotionui.com/r/caption-emoji-beat.json","install_command":"npx shadcn@latest add https://remotionui.com/r/caption-emoji-beat.json"},{"name":"speaker-label-captions","title":null,"description":"Narrowed: multi-speaker caption track with name tags and color coding","type":"registry:ui","source_url":"https://remotionui.com/r/speaker-label-captions.json","install_command":"npx shadcn@latest add https://remotionui.com/r/speaker-label-captions.json"},{"name":"transcript-scroll","title":null,"description":"Full readable transcript scrolling with the active line marked","type":"registry:ui","source_url":"https://remotionui.com/r/transcript-scroll.json","install_command":"npx shadcn@latest add https://remotionui.com/r/transcript-scroll.json"},{"name":"subtitle-translate","title":null,"description":"Dual-language stacked subtitles","type":"registry:ui","source_url":"https://remotionui.com/r/subtitle-translate.json","install_command":"npx shadcn@latest add https://remotionui.com/r/subtitle-translate.json"},{"name":"waveform-bars-radial","title":null,"description":"Circular bars around a center element","type":"registry:ui","source_url":"https://remotionui.com/r/waveform-bars-radial.json","install_command":"npx shadcn@latest add https://remotionui.com/r/waveform-bars-radial.json"},{"name":"vu-meter","title":null,"description":"Segmented level meter with peak hold","type":"registry:ui","source_url":"https://remotionui.com/r/vu-meter.json","install_command":"npx shadcn@latest add https://remotionui.com/r/vu-meter.json"},{"name":"voice-note-bubble","title":null,"description":"Chat-style audio message with waveform and playhead","type":"registry:ui","source_url":"https://remotionui.com/r/voice-note-bubble.json","install_command":"npx shadcn@latest add https://remotionui.com/r/voice-note-bubble.json"},{"name":"beat-pulse-grid","title":null,"description":"Grid cells pulsing on detected beats","type":"registry:ui","source_url":"https://remotionui.com/r/beat-pulse-grid.json","install_command":"npx shadcn@latest add https://remotionui.com/r/beat-pulse-grid.json"},{"name":"audio-scrubber","title":null,"description":"Waveform with traveling playhead and time labels","type":"registry:ui","source_url":"https://remotionui.com/r/audio-scrubber.json","install_command":"npx shadcn@latest add https://remotionui.com/r/audio-scrubber.json"},{"name":"poll-overlay","title":null,"description":"Question with bars filling to results","type":"registry:block","source_url":"https://remotionui.com/r/poll-overlay.json","install_command":"npx shadcn@latest add https://remotionui.com/r/poll-overlay.json"},{"name":"reaction-burst","title":null,"description":"Narrowed: hearts/likes rising continuously","type":"registry:block","source_url":"https://remotionui.com/r/reaction-burst.json","install_command":"npx shadcn@latest add https://remotionui.com/r/reaction-burst.json"},{"name":"countdown-timer","title":null,"description":"Numeric or ring countdown to zero","type":"registry:block","source_url":"https://remotionui.com/r/countdown-timer.json","install_command":"npx shadcn@latest add https://remotionui.com/r/countdown-timer.json"},{"name":"sports-scorebug","title":null,"description":"Broadcast score furniture with clock","type":"registry:block","source_url":"https://remotionui.com/r/sports-scorebug.json","install_command":"npx shadcn@latest add https://remotionui.com/r/sports-scorebug.json"},{"name":"news-ticker-bar","title":null,"description":"Broadcast lower ticker with headlines","type":"registry:block","source_url":"https://remotionui.com/r/news-ticker-bar.json","install_command":"npx shadcn@latest add https://remotionui.com/r/news-ticker-bar.json"},{"name":"form-fill-sequence","title":null,"description":"Fields typing and validating in order","type":"registry:block","source_url":"https://remotionui.com/r/form-fill-sequence.json","install_command":"npx shadcn@latest add https://remotionui.com/r/form-fill-sequence.json"},{"name":"notification-stack","title":null,"description":"Toasts stacking and dismissing","type":"registry:block","source_url":"https://remotionui.com/r/notification-stack.json","install_command":"npx shadcn@latest add https://remotionui.com/r/notification-stack.json"},{"name":"tab-switch-panel","title":null,"description":"Tab bar with cross-fading panels","type":"registry:block","source_url":"https://remotionui.com/r/tab-switch-panel.json","install_command":"npx shadcn@latest add https://remotionui.com/r/tab-switch-panel.json"},{"name":"search-results-populate","title":null,"description":"Query typed, results streaming in and ranking","type":"registry:block","source_url":"https://remotionui.com/r/search-results-populate.json","install_command":"npx shadcn@latest add https://remotionui.com/r/search-results-populate.json"},{"name":"file-tree-reveal","title":null,"description":"Directory tree expanding node by node","type":"registry:block","source_url":"https://remotionui.com/r/file-tree-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/file-tree-reveal.json"},{"name":"kanban-move","title":null,"description":"Cards moving across columns","type":"registry:block","source_url":"https://remotionui.com/r/kanban-move.json","install_command":"npx shadcn@latest add https://remotionui.com/r/kanban-move.json"},{"name":"commit-graph","title":null,"description":"Branch/merge graph drawing itself","type":"registry:block","source_url":"https://remotionui.com/r/commit-graph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/commit-graph.json"},{"name":"comparison-table","title":null,"description":"Multi-column feature matrix","type":"registry:block","source_url":"https://remotionui.com/r/comparison-table.json","install_command":"npx shadcn@latest add https://remotionui.com/r/comparison-table.json"},{"name":"pricing-card","title":null,"description":"Tier card with price roll and features","type":"registry:block","source_url":"https://remotionui.com/r/pricing-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/pricing-card.json"},{"name":"faq-accordion","title":null,"description":"Narrowed: Q/A text rows expanding","type":"registry:block","source_url":"https://remotionui.com/r/faq-accordion.json","install_command":"npx shadcn@latest add https://remotionui.com/r/faq-accordion.json"},{"name":"team-grid","title":null,"description":"Avatar grid with role labels on stagger","type":"registry:block","source_url":"https://remotionui.com/r/team-grid.json","install_command":"npx shadcn@latest add https://remotionui.com/r/team-grid.json"},{"name":"logo-wall","title":null,"description":"Client logo grid, grayscale to color","type":"registry:block","source_url":"https://remotionui.com/r/logo-wall.json","install_command":"npx shadcn@latest add https://remotionui.com/r/logo-wall.json"},{"name":"changelog-entry","title":null,"description":"Version header with categorized change rows","type":"registry:block","source_url":"https://remotionui.com/r/changelog-entry.json","install_command":"npx shadcn@latest add https://remotionui.com/r/changelog-entry.json"},{"name":"roadmap-lanes","title":null,"description":"Swimlanes of shipped/building/planned","type":"registry:block","source_url":"https://remotionui.com/r/roadmap-lanes.json","install_command":"npx shadcn@latest add https://remotionui.com/r/roadmap-lanes.json"},{"name":"org-chart-build","title":null,"description":"Hierarchy assembling top-down","type":"registry:block","source_url":"https://remotionui.com/r/org-chart-build.json","install_command":"npx shadcn@latest add https://remotionui.com/r/org-chart-build.json"},{"name":"quiz-question","title":null,"description":"Question, options, correct-answer reveal","type":"registry:block","source_url":"https://remotionui.com/r/quiz-question.json","install_command":"npx shadcn@latest add https://remotionui.com/r/quiz-question.json"},{"name":"weather-card","title":null,"description":"Conditions with animated iconography","type":"registry:block","source_url":"https://remotionui.com/r/weather-card.json","install_command":"npx shadcn@latest add https://remotionui.com/r/weather-card.json"},{"name":"calendar-month-fill","title":null,"description":"Month grid populating with events","type":"registry:block","source_url":"https://remotionui.com/r/calendar-month-fill.json","install_command":"npx shadcn@latest add https://remotionui.com/r/calendar-month-fill.json"},{"name":"arrow-annotate","title":null,"description":"Hand-drawn arrow pointing at a target","type":"registry:ui","source_url":"https://remotionui.com/r/arrow-annotate.json","install_command":"npx shadcn@latest add https://remotionui.com/r/arrow-annotate.json"},{"name":"badge-stamp","title":null,"description":"Stamp/seal impact with rotation settle","type":"registry:ui","source_url":"https://remotionui.com/r/badge-stamp.json","install_command":"npx shadcn@latest add https://remotionui.com/r/badge-stamp.json"},{"name":"shape-morph","title":null,"description":"Path interpolation between two shapes","type":"registry:ui","source_url":"https://remotionui.com/r/shape-morph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/shape-morph.json"},{"name":"blob-morph","title":null,"description":"Organic blob continuously morphing","type":"registry:ui","source_url":"https://remotionui.com/r/blob-morph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/blob-morph.json"},{"name":"dashed-path-travel","title":null,"description":"Narrowed: any element traveling any path with a dashed trail","type":"registry:ui","source_url":"https://remotionui.com/r/dashed-path-travel.json","install_command":"npx shadcn@latest add https://remotionui.com/r/dashed-path-travel.json"},{"name":"connector-lines","title":null,"description":"Narrowed: primitive that draws edges between anchored elements","type":"registry:ui","source_url":"https://remotionui.com/r/connector-lines.json","install_command":"npx shadcn@latest add https://remotionui.com/r/connector-lines.json"},{"name":"svg-mask-reveal","title":null,"description":"Arbitrary SVG shape as a reveal mask","type":"registry:ui","source_url":"https://remotionui.com/r/svg-mask-reveal.json","install_command":"npx shadcn@latest add https://remotionui.com/r/svg-mask-reveal.json"},{"name":"map-heat-overlay","title":null,"description":"Density overlay fading in over the basemap","type":"registry:ui","source_url":"https://remotionui.com/r/map-heat-overlay.json","install_command":"npx shadcn@latest add https://remotionui.com/r/map-heat-overlay.json"},{"name":"globe-arc","title":null,"description":"Arcs between points on a globe","type":"registry:ui","source_url":"https://remotionui.com/r/globe-arc.json","install_command":"npx shadcn@latest add https://remotionui.com/r/globe-arc.json"},{"name":"multi-device-lineup","title":null,"description":"Phone + tablet + laptop showing one responsive design","type":"registry:ui","source_url":"https://remotionui.com/r/multi-device-lineup.json","install_command":"npx shadcn@latest add https://remotionui.com/r/multi-device-lineup.json"},{"name":"device-mockup-3d","title":null,"description":"Laptop product shot in real 3D: lid opens, then a turn and push-in over a lit floor","type":"registry:block","source_url":"https://remotionui.com/r/device-mockup-3d.json","install_command":"npx shadcn@latest add https://remotionui.com/r/device-mockup-3d.json"},{"name":"paper-shader","title":null,"description":"Deterministic frame driver and first-draw gate for Paper shader fields","type":"registry:lib","source_url":"https://remotionui.com/r/paper-shader.json","install_command":"npx shadcn@latest add https://remotionui.com/r/paper-shader.json"},{"name":"light-tunnel-bg","title":null,"description":"Flight down a twisting barrel of light with a defocused vanishing point","type":"registry:ui","source_url":"https://remotionui.com/r/light-tunnel-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/light-tunnel-bg.json"},{"name":"text-reveal-shader","title":null,"description":"Words condensing out of light into liquid chrome","type":"registry:ui","source_url":"https://remotionui.com/r/text-reveal-shader.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-reveal-shader.json"},{"name":"dither-field-bg","title":null,"description":"Two-colour ordered-dither field quantised to a pixel grid","type":"registry:ui","source_url":"https://remotionui.com/r/dither-field-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/dither-field-bg.json"},{"name":"warp-bands-bg","title":null,"description":"Colour bands folded through noise and a swirl","type":"registry:ui","source_url":"https://remotionui.com/r/warp-bands-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/warp-bands-bg.json"},{"name":"grain-gradient-bg","title":null,"description":"Multi-colour gradient with grain worked through it","type":"registry:ui","source_url":"https://remotionui.com/r/grain-gradient-bg.json","install_command":"npx shadcn@latest add https://remotionui.com/r/grain-gradient-bg.json"},{"name":"product-turntable-3d","title":null,"description":"A product on a studio turntable: the model turns a full revolution under a soft key and rim while the camera holds, with a contact shadow anchoring it to the f…","type":"registry:block","source_url":"https://remotionui.com/r/product-turntable-3d.json","install_command":"npx shadcn@latest add https://remotionui.com/r/product-turntable-3d.json"},{"name":"text-extrude-3d","title":null,"description":"Extruded 3D headline with a lit bevel: the letters rise and settle as the camera pulls back across them","type":"registry:block","source_url":"https://remotionui.com/r/text-extrude-3d.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-extrude-3d.json"},{"name":"card-stack-3d","title":null,"description":"A stack of physical cards fanning out in depth, each with real thickness and an edge highlight, turning to face the camera","type":"registry:block","source_url":"https://remotionui.com/r/card-stack-3d.json","install_command":"npx shadcn@latest add https://remotionui.com/r/card-stack-3d.json"},{"name":"globe-points-3d","title":null,"description":"Lit sphere with instanced city markers and arcs rising between them, turning slowly under a rim light","type":"registry:block","source_url":"https://remotionui.com/r/globe-points-3d.json","install_command":"npx shadcn@latest add https://remotionui.com/r/globe-points-3d.json"},{"name":"ae-motion","title":null,"description":"After Effects mechanics as pure functions: graph-editor keyframe easing, loopIn/loopOut, deterministic wiggle and noise, repeater powers and parented transforms","type":"registry:lib","source_url":"https://remotionui.com/r/ae-motion.json","install_command":"npx shadcn@latest add https://remotionui.com/r/ae-motion.json"},{"name":"bezier-path","title":null,"description":"Paths as cubic segments: parse any SVG d, measure, slice by arc length, resample and rebuild","type":"registry:lib","source_url":"https://remotionui.com/r/bezier-path.json","install_command":"npx shadcn@latest add https://remotionui.com/r/bezier-path.json"},{"name":"curve-fit","title":null,"description":"Fit cubic béziers through a polyline (Schneider) with corner detection, so dense-point operators emit real curves","type":"registry:lib","source_url":"https://remotionui.com/r/curve-fit.json","install_command":"npx shadcn@latest add https://remotionui.com/r/curve-fit.json"},{"name":"shape-ops","title":null,"description":"AE shape-layer operators — trim, repeater, offset, wiggle, zig-zag, pucker & bloat — run as an ordered stack","type":"registry:lib","source_url":"https://remotionui.com/r/shape-ops.json","install_command":"npx shadcn@latest add https://remotionui.com/r/shape-ops.json"},{"name":"ae-import","title":null,"description":"Runtime for `remotion-ui import-ae`: After Effects shape, solid, null and precomp layers with parenting, time remap and lottie-web's stacking rules, drawn as S…","type":"registry:lib","source_url":"https://remotionui.com/r/ae-import.json","install_command":"npx shadcn@latest add https://remotionui.com/r/ae-import.json"},{"name":"text-selectors","title":null,"description":"AE text range and wiggly selectors: per-unit selection with shapes, ease high/low, random order and combine modes","type":"registry:lib","source_url":"https://remotionui.com/r/text-selectors.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-selectors.json"},{"name":"glyph-layout","title":null,"description":"Measured per-glyph layout with kerning-preserving prefixes, word-safe wrapping and fit-to-width","type":"registry:lib","source_url":"https://remotionui.com/r/glyph-layout.json","install_command":"npx shadcn@latest add https://remotionui.com/r/glyph-layout.json"},{"name":"mograph","title":null,"description":"Cinema 4D MoGraph maths: cloner layouts, spherical/linear/noise falloff fields and stacked effectors","type":"registry:lib","source_url":"https://remotionui.com/r/mograph.json","install_command":"npx shadcn@latest add https://remotionui.com/r/mograph.json"},{"name":"shape-layer","title":null,"description":"After Effects shape layer with an ordered operator stack — trim paths, repeater, offset paths, wiggle paths, zig-zag and pucker & bloat — evaluated per frame a…","type":"registry:ui","source_url":"https://remotionui.com/r/shape-layer.json","install_command":"npx shadcn@latest add https://remotionui.com/r/shape-layer.json"},{"name":"text-animator","title":null,"description":"After Effects text animator: range and wiggly selectors drive per-character, per-word or per-line position, scale, rotation, opacity, blur, tracking and fill o…","type":"registry:ui","source_url":"https://remotionui.com/r/text-animator.json","install_command":"npx shadcn@latest add https://remotionui.com/r/text-animator.json"},{"name":"effector-field","title":null,"description":"Cinema 4D MoGraph cloner and effectors: clone any element into a grid, radial or linear arrangement and let animatable spherical, linear or noise falloff field…","type":"registry:ui","source_url":"https://remotionui.com/r/effector-field.json","install_command":"npx shadcn@latest add https://remotionui.com/r/effector-field.json"},{"name":"rig","title":null,"description":"Rig maths: law-of-cosines two-bone IK with bend, stretch and soft IK (no knee pop at full reach), and constant-length rubber-hose arcs","type":"registry:lib","source_url":"https://remotionui.com/r/rig.json","install_command":"npx shadcn@latest add https://remotionui.com/r/rig.json"},{"name":"pen-plot","title":null,"description":"Pen-plotter motion planning: SVG strokes to a pen position per frame, with cosine-ramped speed, full stops in cusps, lifts, and anticipating pen-up moves","type":"registry:lib","source_url":"https://remotionui.com/r/pen-plot.json","install_command":"npx shadcn@latest add https://remotionui.com/r/pen-plot.json"},{"name":"follow","title":null,"description":"Overlapping action: a chain of damped springs following a leader track, simulated deterministically from frame 0 and memoised","type":"registry:lib","source_url":"https://remotionui.com/r/follow.json","install_command":"npx shadcn@latest add https://remotionui.com/r/follow.json"},{"name":"slit-geometry","title":null,"description":"Slit-scan strips (bands at any angle or radial rings) with per-strip delays grouped into a bounded number of child renders","type":"registry:lib","source_url":"https://remotionui.com/r/slit-geometry.json","install_command":"npx shadcn@latest add https://remotionui.com/r/slit-geometry.json"}]},{"id":"vernostudio","name":"@vernostudio","slug":"vernostudio","description":"The full OKLCH scale plus every variable shadcn components read, so anything you install lands on the same tokens instead of its own colors.","author":"verno-studio","framework":"react","license":"MIT","tags":["accessibility","loaders","media","theming"],"categories":["Theming/styling"],"labels":[],"urls":{"website":"https://verno-studio.vercel.app/components","github":"https://github.com/verno-studio/website","registry":"https://verno-studio.vercel.app/r/registry.json","source":"https://verno-studio.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/vernostudio","markdown":"https://sh4dcn.netlify.app/md/vernostudio.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none'><rect width='64' height='64' fill='var(--foreground)'/><path d='M42.8135 16.0503H48L34.2018 48H29.896L16 16.0503L21.3333 16L32.1468 41.8113L42.8135 16.0503Z' fill='var(--background)'/></svg>","preview_image":"https://verno-studio.vercel.app/opengraph-image.gif","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-08-14T18:57:41Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://verno-studio.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://verno-studio.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://verno-studio.vercel.app/r/registry.json","clone":"git clone https://github.com/verno-studio/website.git","clone_degit":"npx degit verno-studio/website","registry_fetch":"curl -s https://verno-studio.vercel.app/r/registry.json"},"component_count":5,"components":[{"name":"theme","title":"Theme","description":"The color scale plus the variables shadcn components read, so a component from either registry agrees with the other on what --background means.","type":"registry:theme","source_url":"https://verno-studio.vercel.app/r/theme.json","install_command":"npx shadcn@latest add https://verno-studio.vercel.app/r/theme.json"},{"name":"badge","title":"Badge","description":"A label for the metadata a reader scans rather than reads. Eight hues with a low-contrast pair each, plus inverted and the house gradient, in three sizes with …","type":"registry:ui","source_url":"https://verno-studio.vercel.app/r/badge.json","install_command":"npx shadcn@latest add https://verno-studio.vercel.app/r/badge.json"},{"name":"file-tree","title":"File Tree","description":"A directory listing with collapsible folders, built from nested disclosures rather than a tree role.","type":"registry:ui","source_url":"https://verno-studio.vercel.app/r/file-tree.json","install_command":"npx shadcn@latest add https://verno-studio.vercel.app/r/file-tree.json"},{"name":"json-view","title":"JSON View","description":"A collapsible tree for inspecting a JSON payload, with syntax roles, search highlighting and the full ARIA tree keyboard model.","type":"registry:ui","source_url":"https://verno-studio.vercel.app/r/json-view.json","install_command":"npx shadcn@latest add https://verno-studio.vercel.app/r/json-view.json"},{"name":"spinner","title":"Spinner","description":"A wireframe atom that assembles itself and then turns in space: three orbits arrive one per beat, then the whole thing turns as one. Three sizes, in the curren…","type":"registry:ui","source_url":"https://verno-studio.vercel.app/r/spinner.json","install_command":"npx shadcn@latest add https://verno-studio.vercel.app/r/spinner.json"}]},{"id":"onchain-ui","name":"@onchain-ui","slug":"onchain-ui","description":"Web3 components for shadcn apps. Wallet identity, token logos, balances, and market UI primitives for EVM products.","author":"GavinJaynes","framework":"react","license":"MIT","tags":["auth","buttons","cards","crypto","design-system","forms","hooks","icons"],"categories":["Forms"],"labels":["recently-updated"],"urls":{"website":"https://onchain-ui.dev","github":"https://github.com/GavinJaynes/onchain-ui","registry":"https://onchain-ui.dev/r/registry.json","source":"https://onchain-ui.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/onchain-ui","markdown":"https://sh4dcn.netlify.app/md/onchain-ui.md"},"logo":"<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M32 8L58 54H6L32 8Z\" fill=\"currentColor\"/><path d=\"M24 38H40\" stroke=\"var(--background)\" stroke-width=\"4\" stroke-linecap=\"round\"/><circle cx=\"24\" cy=\"38\" r=\"3\" fill=\"var(--background)\"/><circle cx=\"40\" cy=\"38\" r=\"3\" fill=\"var(--background)\"/></svg>","preview_image":"https://onchain-ui.dev/opengraph-image?5d415e1eb2e79572","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-10-19T05:42:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://onchain-ui.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://onchain-ui.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://onchain-ui.dev/r/registry.json","clone":"git clone https://github.com/GavinJaynes/onchain-ui.git","clone_degit":"npx degit GavinJaynes/onchain-ui","registry_fetch":"curl -s https://onchain-ui.dev/r/registry.json"},"component_count":18,"components":[{"name":"address-display","title":"Address Display","description":"Displays an EVM wallet address with copy-to-clipboard and an optional block explorer link.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/address-display.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/address-display.json"},{"name":"address-identity","title":"Address Identity","description":"Resolves an EVM address to an ENS or Base name with optional avatar, copy-to-clipboard, and explorer link.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/address-identity.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/address-identity.json"},{"name":"amount-input","title":"Amount Input","description":"Controlled decimal string input for token amounts. Preserves precision and incomplete edits, with an optional fractional digit limit.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/amount-input.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/amount-input.json"},{"name":"asset-input","title":"Asset Input","description":"Labeled amount field for swaps, sells, and deposits, with slots for token selection, supporting text, balances, and actions. No wallet provider required.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/asset-input.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/asset-input.json"},{"name":"asset-row","title":"Asset Row","description":"Displays a practical portfolio or watchlist row from token identity, network, amount, value, and change.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/asset-row.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/asset-row.json"},{"name":"chain-select","title":"Chain Select","description":"Network selector for wallet switching or filtering, with optional all-networks and unsupported-chain states.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/chain-select.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/chain-select.json"},{"name":"connect-wallet","title":"Connect Wallet","description":"A complete connect, identity, and disconnect surface wired to wagmi.","type":"registry:block","source_url":"https://onchain-ui.dev/r/connect-wallet.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/connect-wallet.json"},{"name":"connector-list","title":"Connector List","description":"A wallet picker list with icons, pending state, and a no-wallet-detected fallback.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/connector-list.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/connector-list.json"},{"name":"crypto-icons","title":"Crypto Icons","description":"Swappable adapter that resolves token and network icons for onchain-ui components.","type":"registry:lib","source_url":"https://onchain-ui.dev/r/crypto-icons.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/crypto-icons.json"},{"name":"network-logo","title":"Network Logo","description":"Displays a network or chain logo with known chain fallbacks.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/network-logo.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/network-logo.json"},{"name":"onchain-config","title":"Onchain Config","description":"One file for app-wide chain settings: explorers, network names, read clients, and avatar gateways.","type":"registry:lib","source_url":"https://onchain-ui.dev/r/onchain-config.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/onchain-config.json"},{"name":"sonner","title":"Sonner","description":"Toast notifications themed by your app's CSS tokens. A framework-agnostic Toaster with no next-themes dependency.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/sonner.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/sonner.json"},{"name":"token-balance","title":"Token Balance","description":"Displays a token amount with optional logo, fiat value, and change.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/token-balance.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/token-balance.json"},{"name":"token-logo","title":"Token Logo","description":"Displays a token image with resilient symbol, name, or address fallback.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/token-logo.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/token-logo.json"},{"name":"token-price","title":"Token Price","description":"Formats token prices with optional positive, negative, or neutral change.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/token-price.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/token-price.json"},{"name":"token-stack","title":"Token Stack","description":"Displays overlapping token logos for baskets, pools, routes, and portfolio rows.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/token-stack.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/token-stack.json"},{"name":"use-available-connectors","title":"useAvailableConnectors","description":"Filters unavailable injected wallets while preserving mobile and remote wagmi connectors.","type":"registry:hook","source_url":"https://onchain-ui.dev/r/use-available-connectors.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/use-available-connectors.json"},{"name":"wallet-button","title":"Wallet Button","description":"The connected-wallet pill: resolved identity, network mark, and a disclosure chevron.","type":"registry:ui","source_url":"https://onchain-ui.dev/r/wallet-button.json","install_command":"npx shadcn@latest add https://onchain-ui.dev/r/wallet-button.json"}]},{"id":"afterglow","name":"@afterglow","slug":"afterglow","description":"A complete terminal UI system for shadcn with Base UI components, terminal-specific building blocks, and eight phosphor color themes.","author":"thebuilder","framework":"react","license":null,"tags":["ai","animation","auth","blocks","buttons","cards","charts","dashboard","forms","hooks","loaders","media","navigation","overlays","retro","tables","text-effects","theming"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://afterglow.thebuilder.dk","github":"https://github.com/thebuilder/afterglow","registry":"https://afterglow.thebuilder.dk/r/registry.json","source":"https://afterglow.thebuilder.dk/r/registry.json","page":"https://sh4dcn.netlify.app/registry/afterglow","markdown":"https://sh4dcn.netlify.app/md/afterglow.md"},"logo":"<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' fill='currentColor'><path d='M6.45 5.9L18.23 16L6.45 26.1L3 22.07L10.09 16L3 9.93Z'/><path d='M18.4 20.24H29V24.48H18.4Z'/></svg>","preview_image":"https://afterglow.thebuilder.dk/opengraph-image?b9e089f11262cf31","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":10,"open_issues":0,"last_commit":"2026-09-19T13:12:13Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://afterglow.thebuilder.dk/r/registry.json","install_bun":"bunx shadcn@latest add https://afterglow.thebuilder.dk/r/registry.json","clone":"git clone https://github.com/thebuilder/afterglow.git","clone_degit":"npx degit thebuilder/afterglow","registry_fetch":"curl -s https://afterglow.thebuilder.dk/r/registry.json"},"component_count":66,"components":[{"name":"theme","title":"Terminal Theme","description":"The tokens, typography, motion and CRT effects used by every component.","type":"registry:theme","source_url":"https://afterglow.thebuilder.dk/r/theme.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/theme.json"},{"name":"accordion","title":"Accordion","description":"Sections that open one at a time or many. The marker is a plus that rotates into a minus.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/accordion.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/accordion.json"},{"name":"alert","title":"Alert","description":"A notice with a lit left edge and a matching icon. Four tones.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/alert.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/alert.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"A pink confirmation dialog for destructive or irreversible actions.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/alert-dialog.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/alert-dialog.json"},{"name":"avatar","title":"Avatar","description":"Initials in mono inside a bordered square.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/avatar.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/avatar.json"},{"name":"badge","title":"Badge","description":"A bordered rectangle of tracked-out mono for a status or a count. Eight variants.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/badge.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/badge.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"A path in mono, separated by slashes, with the current segment in white.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/breadcrumb.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/breadcrumb.json"},{"name":"button","title":"Button","description":"Seven variants and five sizes in uppercase mono. `primary` is filled phosphor; `signal` marks urgent states.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/button.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/button.json"},{"name":"calendar","title":"Calendar","description":"A square month grid with phosphor selection, an amber today marker and Afterglow navigation buttons.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/calendar.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/calendar.json"},{"name":"card","title":"Card","description":"A panel with a colored left edge, or `accent={false}` for none. With a `CardLink`, the edge traces the card on hover.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/card.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/card.json"},{"name":"chart","title":"Chart","description":"Recharts wired to the five chart colors, terminal tooltip and stepped reveal.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/chart.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/chart.json"},{"name":"checkbox","title":"Checkbox","description":"`[ ]` and `[x]`. A square that fills with the beam when it is on.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/checkbox.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/checkbox.json"},{"name":"code-block","title":"Code Block","description":"Shiki wired to the phosphor palette, with a copy button. Takes a string of code and highlights it on the server.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/code-block.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/code-block.json"},{"name":"collapsible","title":"Collapsible","description":"The accordion without the styling, for when you have drawn the trigger yourself.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/collapsible.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/collapsible.json"},{"name":"combobox","title":"Combobox","description":"A text field that filters its list as you type. With `multiple` set, each pick becomes a chip in the field.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/combobox.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/combobox.json"},{"name":"command","title":"Command","description":"A search line and a list that narrows as you type. Groups, shortcuts, and a dialog wrapper.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/command.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/command.json"},{"name":"context-menu","title":"Context Menu","description":"A system menu at the pointer, with choices, submenus, shortcut hints and destructive actions.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/context-menu.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/context-menu.json"},{"name":"dialog","title":"Dialog","description":"Opens in four steps rather than on a curve, with one pass of the beam down the panel.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/dialog.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/dialog.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"Items, checkbox and radio items, submenus, and shortcut hints in the same mono as the keys.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/dropdown-menu.json"},{"name":"empty","title":"Empty","description":"A dashed hairline box for a list with nothing in it.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/empty.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/empty.json"},{"name":"hover-card","title":"Hover Card","description":"A bordered preview panel for a link, with one phosphor edge and room for interactive content.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/hover-card.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/hover-card.json"},{"name":"input","title":"Input","description":"A hairline field in mono with a phosphor caret. Focus brightens the border instead of adding a ring.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/input.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/input.json"},{"name":"input-group","title":"Input Group","description":"Icons, text and buttons inside a field's border. The whole group glows while the control in it has focus.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/input-group.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/input-group.json"},{"name":"input-otp","title":"Input OTP","description":"One cell per character, with a drawn caret in the active one.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/input-otp.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/input-otp.json"},{"name":"kbd","title":"Kbd","description":"A key with two pixels of implied depth under it. Pass `glyph` for `⌘`, `⇧` and `↵`.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/kbd.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/kbd.json"},{"name":"label","title":"Label","description":"A field's name, set as an eyebrow. Small, tracked out, phosphor.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/label.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/label.json"},{"name":"pagination","title":"Pagination","description":"Page numbers as joined cells, so a run of them reads as one control.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/pagination.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/pagination.json"},{"name":"popover","title":"Popover","description":"A bordered panel anchored to its trigger.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/popover.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/popover.json"},{"name":"progress","title":"Progress","description":"Three pixels of track and a light in it. Pass `indeterminate` for a segment that sweeps and leaves.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/progress.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/progress.json"},{"name":"radio-group","title":"Radio Group","description":"Terminal-style radio marks in their unchecked and checked states: `( )` and `(•)`.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/radio-group.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/radio-group.json"},{"name":"resizable","title":"Resizable","description":"Panels split by a hairline that lights when you take hold of it.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/resizable.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/resizable.json"},{"name":"scroll-area","title":"Scroll Area","description":"A hairline track and a square thumb, in place of the operating system's own.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/scroll-area.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/scroll-area.json"},{"name":"select","title":"Select","description":"A trigger that reads as a field, and a list whose chosen row carries a lit left edge.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/select.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/select.json"},{"name":"separator","title":"Separator","description":"One pixel of the border color, horizontal or vertical.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/separator.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/separator.json"},{"name":"sheet","title":"Sheet","description":"A drawer from any of the four edges. The edge it slides from keeps a lit border.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/sheet.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/sheet.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholder rows in dim phosphor.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/skeleton.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/skeleton.json"},{"name":"slider","title":"Slider","description":"A hairline track, a lit range, and a square handle. Single value or range.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/slider.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/slider.json"},{"name":"spinner","title":"Spinner","description":"A lit pixel travelling a 3x3 grid, four brightness levels trailing behind it.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/spinner.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/spinner.json"},{"name":"switch","title":"Switch","description":"A squared-off rocker in two sizes.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/switch.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/switch.json"},{"name":"table","title":"Table","description":"A manifest in mono with hairline rules. `is-numeric` gives a cell amber tabular figures.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/table.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/table.json"},{"name":"tabs","title":"Tabs","description":"Two variants: joined segments and a quieter line.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/tabs.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/tabs.json"},{"name":"textarea","title":"Textarea","description":"A multiline field that grows with its content.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/textarea.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/textarea.json"},{"name":"toast","title":"Toast","description":"Sonner alerts that blink into place with a border, tint and icon for each tone.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/toast.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/toast.json"},{"name":"toggle","title":"Toggle","description":"A button that stays down.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/toggle.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"Toggles joined the way the segmented tabs are.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/toggle-group.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/toggle-group.json"},{"name":"tooltip","title":"Tooltip","description":"A compact label with one lit edge and no arrow.","type":"registry:ui","source_url":"https://afterglow.thebuilder.dk/r/tooltip.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/tooltip.json"},{"name":"alarm-button","title":"Alarm Button","description":"Two flashes and a rest, the way a warning lamp blinks. Pointing at it stops the flashing.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/alarm-button.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/alarm-button.json"},{"name":"boot-log","title":"Boot Log","description":"A self test that prints itself line by line, at its final height from the first frame.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/boot-log.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/boot-log.json"},{"name":"caret","title":"Caret","description":"A blinking block that follows the surrounding font size.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/caret.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/caret.json"},{"name":"connector","title":"Connector","description":"A rule extending left or right from a heading.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/connector.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/connector.json"},{"name":"eyebrow","title":"Eyebrow","description":"The tracked-out line above a heading, with an optional block caret.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/eyebrow.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/eyebrow.json"},{"name":"led","title":"LED","description":"A status lamp and the line it sits in. Four tones, and the idle one holds still.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/led.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/led.json"},{"name":"prompt","title":"Prompt","description":"A shell line. Sigil, field and caret share one row with no border between them.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/prompt.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/prompt.json"},{"name":"scanlines","title":"Scanlines","description":"The glass. Two densities, a multiply blend, and a fixed mode for putting a whole page behind one sheet.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/scanlines.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/scanlines.json"},{"name":"screen","title":"Screen","description":"A framed CRT surface. Scanlines by default, with the aperture grille, bloom, roll bar and grain opt in.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/screen.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/screen.json"},{"name":"shell","title":"Shell","description":"A command transcript and prompt with command history. Bring the commands and their effects.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/shell.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/shell.json"},{"name":"terminal-window","title":"Terminal Window","description":"Window chrome in three conventions: macOS, Windows, or a slim hairline version. Resizable and collapsible.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/terminal-window.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/terminal-window.json"},{"name":"date-picker","title":"Date Picker","description":"A calendar, popover and button composed into an installable single-date picker.","type":"registry:block","source_url":"https://afterglow.thebuilder.dk/r/date-picker.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/date-picker.json"},{"name":"operator-dashboard","title":"Operator Dashboard","description":"A full-page operations dashboard with boot status, volume health, rebuild progress and a shell.","type":"registry:block","source_url":"https://afterglow.thebuilder.dk/r/operator-dashboard.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/operator-dashboard.json"},{"name":"terminal","title":"Terminal Preset","description":"The shared theme and every registry component in one `shadcn init` preset.","type":"registry:style","source_url":"https://afterglow.thebuilder.dk/r/terminal.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/terminal.json"},{"name":"use-copied","title":"Use Copied","description":"Writes a string to the clipboard and holds a `copied` flag for two seconds, so a control can confirm the copy.","type":"registry:hook","source_url":"https://afterglow.thebuilder.dk/r/use-copied.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/use-copied.json"},{"name":"use-reduced-motion","title":"Use Reduced Motion","description":"Reads the reduced-motion query and re-reads it when the setting changes, for the effects CSS cannot switch off.","type":"registry:hook","source_url":"https://afterglow.thebuilder.dk/r/use-reduced-motion.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/use-reduced-motion.json"},{"name":"typewriter","title":"Typewriter","description":"A line that types itself one character at a time, at its finished width from the first frame.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/typewriter.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/typewriter.json"},{"name":"scramble","title":"Scramble","description":"Text resolving out of glyph soup, left to right. On mount, on hover, or when it scrolls into view.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/scramble.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/scramble.json"},{"name":"grain","title":"Grain","description":"Tube noise over anything. A static filter by default, or a capped canvas loop that pauses off screen.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/grain.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/grain.json"},{"name":"glitch","title":"Glitch","description":"Channel separation over a subtree. Two colour-shifted copies clipped into bands that jump on steps.","type":"registry:component","source_url":"https://afterglow.thebuilder.dk/r/glitch.json","install_command":"npx shadcn@latest add https://afterglow.thebuilder.dk/r/glitch.json"}]},{"id":"agent-ui-kit","name":"@agent-ui-kit","slug":"agent-ui-kit","description":"Accessible React components for agent runs: tool call timeline, human-in-the-loop approvals, per-hunk diff review and run telemetry, typed against AI SDK message parts.","author":"dgesteves","framework":"react","license":"MIT","tags":["accessibility","ai","cards","hooks"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://agent-ui-kit-demo.vercel.app","github":"https://github.com/dgesteves/signoff-ui","registry":"https://agent-ui-kit-demo.vercel.app/r/registry.json","source":"https://agent-ui-kit-demo.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/agent-ui-kit","markdown":"https://sh4dcn.netlify.app/md/agent-ui-kit.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='var(--foreground)'><rect x='10' y='9' width='2' height='14' opacity='.35'/><circle cx='11' cy='9' r='3'/><circle cx='11' cy='16' r='3'/><circle cx='11' cy='23' r='3'/><rect x='17' y='8' width='9' height='2' rx='1' opacity='.6'/><rect x='17' y='15' width='6' height='2' rx='1' opacity='.6'/><rect x='17' y='22' width='9' height='2' rx='1' opacity='.6'/></svg>","preview_image":"https://signoff-ui.vercel.app/opengraph-image-12gd74?f895357e2ad44a1e","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":31,"open_issues":29,"last_commit":"2026-10-25T21:21:08Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/registry.json","clone":"git clone https://github.com/dgesteves/signoff-ui.git","clone_degit":"npx degit dgesteves/signoff-ui","registry_fetch":"curl -s https://agent-ui-kit-demo.vercel.app/r/registry.json"},"component_count":13,"components":[{"name":"diff-review","title":"Diff Review","description":"Review agent edits across files: accept or reject hunks or whole files, comment on lines, mark files viewed, from the keyboard; returns the applied files, reje…","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/diff-review.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/diff-review.json"},{"name":"use-diff-review","title":"useDiffReview","description":"DiffReview without its markup: parsing (in a worker for large files), decisions, line comments, viewed files, context and the keyboard, for your own design sys…","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/use-diff-review.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/use-diff-review.json"},{"name":"approval-card","title":"Approval Card","description":"Approve or deny a tool call once, for the session or always, by tool and argument pattern: an args preview, editable arguments, risk levels, a denial reason, a…","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/approval-card.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/approval-card.json"},{"name":"use-approval-policy","title":"useApprovalPolicy","description":"Approval rules without markup: once, session or always, by tool and argument glob, deny winning; pluggable storage, an audit trail, and the same rules as AI SD…","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/use-approval-policy.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/use-approval-policy.json"},{"name":"agent-message","title":"Agent Message","description":"Renders an assistant UIMessage: markdown, reasoning, grouped tool calls, inline approvals and sources.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/agent-message.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/agent-message.json"},{"name":"tool-call-timeline","title":"Tool Call Timeline","description":"Vertical timeline of AI SDK tool calls with live states, durations, a waterfall and expandable input/output.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/tool-call-timeline.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/tool-call-timeline.json"},{"name":"run-meter","title":"Run Meter","description":"Tokens, estimated cost and latency (TTFT, total) for an agent run, compact or expanded.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/run-meter.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/run-meter.json"},{"name":"agent-status","title":"Agent Status","description":"Run state pill (thinking, working, waiting for approval, done, stopped, error) announced through an aria-live region.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/agent-status.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/agent-status.json"},{"name":"sources","title":"Sources","description":"Citation chips and cards for AI SDK source-url and source-document parts.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/sources.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/sources.json"},{"name":"markdown","title":"Markdown","description":"Streaming-safe GFM markdown with linked [n] citations and a typing caret.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/markdown.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/markdown.json"},{"name":"reasoning","title":"Reasoning","description":"Collapsible model reasoning that opens while streaming and summarizes its duration.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/reasoning.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/reasoning.json"},{"name":"ag-ui","title":"AG-UI Adapter","description":"useAgUiAgent: renders any AG-UI agent (LangGraph, CrewAI, Mastra, Pydantic AI) with these components, interrupts as approvals.","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/ag-ui.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/ag-ui.json"},{"name":"assistant-ui","title":"assistant-ui Tool UIs","description":"signoffTools for MessagePrimitive.Parts: DiffReview for assistant-ui tool calls that propose files, its result sent back with addResult, and the approval card …","type":"registry:component","source_url":"https://agent-ui-kit-demo.vercel.app/r/assistant-ui.json","install_command":"npx shadcn@latest add https://agent-ui-kit-demo.vercel.app/r/assistant-ui.json"}]},{"id":"agentblog","name":"@agentblog","slug":"agentblog","description":"A complete blog for Next.js, installed like a component. Built to be read and cited by AI search engines.","author":"goldk3y","framework":"react","license":"MIT","tags":["ai","cms","hooks","theming"],"categories":["AI/chat UI"],"labels":["recently-updated"],"urls":{"website":"https://agentblog.dev","github":"https://github.com/goldk3y/agentblog","registry":"https://agentblog.dev/r/registry.json","source":"https://agentblog.dev/r/registry.json","page":"https://sh4dcn.netlify.app/registry/agentblog","markdown":"https://sh4dcn.netlify.app/md/agentblog.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='var(--foreground)'><path d='M71.636 87.9201C70.1262 91.271 68.2494 94.5527 65.9993 97.3921C84.6675 91.1076 98.41 74.1286 99.9228 53.75H93.2775C85.1677 53.75 78.6534 60.2152 77.3352 68.2073C76.12 75.5742 74.176 82.2825 71.636 87.9201Z'/><path d='M56.9374 53.75C65.4281 53.75 72.3738 60.8247 70.8143 69.1607C67.4269 87.2668 59.3834 100 50 100C38.1267 100 28.3987 79.6127 27.5347 53.75H56.9374Z'/><path d='M77.5078 32.8754C78.7495 40.9421 85.2939 47.5 93.4654 47.5H100C98.968 26.5678 85.0479 9.02042 65.9993 2.60793C68.2494 5.44729 70.1262 8.72899 71.636 12.0799C74.2999 17.9925 76.3083 25.0827 77.5078 32.8754Z'/><path d='M71.065 32.2393C72.4854 40.5332 65.5698 47.5 57.1451 47.5H27.5C28.0869 21.0472 37.936 0 50 0C59.6235 0 67.8376 13.393 71.065 32.2393Z'/><path d='M21.2409 47.5C21.5252 33.9792 24.1078 21.5265 28.364 12.0799C29.8738 8.72899 31.7506 5.44729 34.0007 2.60792C14.9521 9.02042 1.032 26.5678 0 47.5H21.2409Z'/><path d='M0.0771896 53.75C1.59005 74.1286 15.3325 91.1076 34.0007 97.3921C31.7506 94.5527 29.8738 91.271 28.364 87.9201C24.2393 78.7654 21.6864 66.7873 21.2738 53.75H0.0771896Z'/></svg>","preview_image":"https://agentblog.dev/opengraph-image.png?opengraph-image.071n31bihpffi.png","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":11,"open_issues":11,"last_commit":"2026-10-26T07:13:24Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://agentblog.dev/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://agentblog.dev/r/registry.json","install_bun":"bunx shadcn@latest add https://agentblog.dev/r/registry.json","clone":"git clone https://github.com/goldk3y/agentblog.git","clone_degit":"npx degit goldk3y/agentblog","registry_fetch":"curl -s https://agentblog.dev/r/registry.json"},"component_count":13,"components":[{"name":"blog-core","title":"AgentBlog core","description":"The library layer every other AgentBlog item builds on: the typed config, the content source facade, shared metadata defaults that survive Next.js's shallow me…","type":"registry:lib","source_url":"https://agentblog.dev/r/blog-core.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/blog-core.json"},{"name":"blog-schema","title":"AgentBlog JSON-LD builders","description":"Typed schema.org @graph builders for BlogPosting, WebPage, BreadcrumbList, Person, Organization, WebSite, ImageObject, and FAQPage. Cross-references are @id st…","type":"registry:lib","source_url":"https://agentblog.dev/r/blog-schema.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/blog-schema.json"},{"name":"blog-ui","title":"AgentBlog reading experience","description":"The components a blog post is made of: post cards, byline with rel=author and machine-readable dates, answer capsule, server-rendered table of contents, author…","type":"registry:block","source_url":"https://agentblog.dev/r/blog-ui.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/blog-ui.json"},{"name":"mdx-components","title":"AgentBlog MDX components","description":"The component map an AgentBlog post renders through: headings with stable anchors, real tables, server-highlighted code blocks, callouts, statistics with a req…","type":"registry:component","source_url":"https://agentblog.dev/r/mdx-components.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/mdx-components.json"},{"name":"blog-routes","title":"AgentBlog routes","description":"Fully prerendered /blog index, post, category, tag, and author routes. generateStaticParams returns every slug, there is no client component in the article ren…","type":"registry:block","source_url":"https://agentblog.dev/r/blog-routes.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/blog-routes.json"},{"name":"seo-routes","title":"AgentBlog SEO routes","description":"sitemap.xml built from real content dates rather than the build clock, an environment-guarded robots.txt that declares your AI access preferences, an RSS 2.0 f…","type":"registry:block","source_url":"https://agentblog.dev/r/seo-routes.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/seo-routes.json"},{"name":"publish-webhook","title":"AgentBlog publish webhook","description":"A publish endpoint that revalidates the metadata routes as well as the page routes, because sitemap.xml and feed.xml are cached route handlers that a naive web…","type":"registry:block","source_url":"https://agentblog.dev/r/publish-webhook.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/publish-webhook.json"},{"name":"source-mdx","title":"AgentBlog MDX content source","description":"Posts as MDX files in your repository, which is the storage option a coding agent can genuinely maintain. Includes the content source adapter, the single MDX c…","type":"registry:block","source_url":"https://agentblog.dev/r/source-mdx.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/source-mdx.json"},{"name":"eeat-pages","title":"AgentBlog trust pages","description":"An editorial policy page with a real review and corrections process. This is the Trust surface a search quality rater looks for and almost no blog has one, whi…","type":"registry:block","source_url":"https://agentblog.dev/r/eeat-pages.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/eeat-pages.json"},{"name":"blog-minimal","title":"AgentBlog without the webhook or the agent kit","description":"The full blog, minus the two items a reader never sees: no /api/publish route and no secrets in .env, and nothing written into .claude/. Everything else matche…","type":"registry:block","source_url":"https://agentblog.dev/r/blog-minimal.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/blog-minimal.json"},{"name":"blog","title":"AgentBlog","description":"A complete, production-ready blog for Next.js 16 that AI search engines can actually read. Fully prerendered routes, a typed schema.org graph, sitemap and RSS …","type":"registry:block","source_url":"https://agentblog.dev/r/blog.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/blog.json"},{"name":"agent-kit","title":"AgentBlog agent kit","description":"Seven skills that take a blog from install to published: finish the setup for your site, research what to write with real search and AI citation data, plan the…","type":"registry:block","source_url":"https://agentblog.dev/r/agent-kit.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/agent-kit.json"},{"name":"theme","title":"AgentBlog reading theme","description":"A reading-optimised base for a standalone blog site: neutral base colour, a comfortable measure, and generous line height. Intended for a fresh scaffold. `agen…","type":"registry:base","source_url":"https://agentblog.dev/r/theme.json","install_command":"npx shadcn@latest add https://agentblog.dev/r/theme.json"}]},{"id":"quiz-ui","name":"@quiz-ui","slug":"quiz-ui","description":"Headless, Radix-based components for building quiz funnels — shadcn-style distribution, style entirely via className.","author":"kalpovskii","framework":"react","license":null,"tags":["animation","forms","loaders","media","navigation","overlays"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://quiz-ui-phi.vercel.app","github":"https://github.com/kalpovskii/quiz-ui","registry":"https://quiz-ui-phi.vercel.app/r/registry.json","source":"https://quiz-ui-phi.vercel.app/r/registry.json","page":"https://sh4dcn.netlify.app/registry/quiz-ui","markdown":"https://sh4dcn.netlify.app/md/quiz-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'><rect width='200' height='200' fill='white'/><path d='M46.375 124.797H39.1094V110.805H38.8984C38.5703 111.523 38.0938 112.242 37.4688 112.961C36.8438 113.664 36.0391 114.25 35.0547 114.719C34.0859 115.188 32.8984 115.422 31.4922 115.422C29.4922 115.422 27.6875 114.906 26.0781 113.875C24.4688 112.844 23.1953 111.328 22.2578 109.328C21.3203 107.312 20.8516 104.852 20.8516 101.945C20.8516 98.9453 21.3359 96.4453 22.3047 94.4453C23.2734 92.4453 24.5625 90.9531 26.1719 89.9688C27.7812 88.9688 29.5391 88.4688 31.4453 88.4688C32.9141 88.4688 34.1406 88.7188 35.125 89.2188C36.1094 89.7031 36.9062 90.3125 37.5156 91.0469C38.125 91.7812 38.5859 92.5078 38.8984 93.2266H39.2266V88.7969H46.375V124.797ZM39.2734 101.922C39.2734 99.5781 38.7969 97.7109 37.8438 96.3203C36.8906 94.9297 35.5312 94.2344 33.7656 94.2344C31.9688 94.2344 30.6016 94.9453 29.6641 96.3672C28.7422 97.7891 28.2812 99.6406 28.2812 101.922C28.2812 104.188 28.75 106.047 29.6875 107.5C30.625 108.938 31.9844 109.656 33.7656 109.656C35.5156 109.656 36.8672 108.945 37.8203 107.523C38.7891 106.102 39.2734 104.234 39.2734 101.922ZM68.9688 103.867V88.7969H76.2344V115H69.25V110.242H68.9688C68.3906 111.773 67.4141 113.008 66.0391 113.945C64.6797 114.883 63.0156 115.344 61.0469 115.328C58.4062 115.344 56.2656 114.477 54.625 112.727C53 110.961 52.1875 108.547 52.1875 105.484V88.7969H59.4531V104.219C59.4531 105.75 59.8672 106.969 60.6953 107.875C61.5234 108.766 62.625 109.203 64 109.188C65.2969 109.203 66.4453 108.758 67.4453 107.852C68.4609 106.945 68.9688 105.617 68.9688 103.867ZM82.0469 115V88.7969H89.3125V115H82.0469ZM85.6797 85.4453C84.6016 85.4453 83.6719 85.0859 82.8906 84.3672C82.125 83.6484 81.7422 82.7812 81.7422 81.7656C81.7422 80.75 82.125 79.8906 82.8906 79.1875C83.6719 78.4688 84.6016 78.1094 85.6797 78.1094C86.7578 78.1094 87.6797 78.4688 88.4453 79.1875C89.2266 79.8906 89.6172 80.75 89.6172 81.7656C89.6172 82.7812 89.2266 83.6484 88.4453 84.3672C87.6797 85.0859 86.7578 85.4453 85.6797 85.4453ZM95.0078 115V110.664L107.805 94.7969V94.6094H95.4062V88.7969H116.547V93.5547L104.523 109V109.188H116.969V115H95.0078ZM137.805 78.4375L126.555 120.25H120.297L131.547 78.4375H137.805ZM158.078 103.867V88.7969H165.344V115H158.359V110.242H158.078C157.5 111.773 156.523 113.008 155.148 113.945C153.789 114.883 152.125 115.344 150.156 115.328C147.516 115.344 145.375 114.477 143.734 112.727C142.109 110.961 141.297 108.547 141.297 105.484V88.7969H148.562V104.219C148.562 105.75 148.977 106.969 149.805 107.875C150.633 108.766 151.734 109.203 153.109 109.188C154.406 109.203 155.555 108.758 156.555 107.852C157.57 106.945 158.078 105.617 158.078 103.867ZM171.156 115V88.7969H178.422V115H171.156ZM174.789 85.4453C173.711 85.4453 172.781 85.0859 172 84.3672C171.234 83.6484 170.852 82.7812 170.852 81.7656C170.852 80.75 171.234 79.8906 172 79.1875C172.781 78.4688 173.711 78.1094 174.789 78.1094C175.867 78.1094 176.789 78.4688 177.555 79.1875C178.336 79.8906 178.727 80.75 178.727 81.7656C178.727 82.7812 178.336 83.6484 177.555 84.3672C176.789 85.0859 175.867 85.4453 174.789 85.4453Z' fill='black'/></svg>","preview_image":null,"pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":2,"open_issues":0,"last_commit":"2026-09-25T14:56:56Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://quiz-ui-phi.vercel.app/r/registry.json","install_bun":"bunx shadcn@latest add https://quiz-ui-phi.vercel.app/r/registry.json","clone":"git clone https://github.com/kalpovskii/quiz-ui.git","clone_degit":"npx degit kalpovskii/quiz-ui","registry_fetch":"curl -s https://quiz-ui-phi.vercel.app/r/registry.json"},"component_count":15,"components":[{"name":"quiz-cn","title":"quiz-ui className helper","description":"className composition helper (clsx + tailwind-merge) used by every quiz-ui component.","type":"registry:lib","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-cn.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-cn.json"},{"name":"quiz-core","title":"Quiz engine","description":"Headless quiz engine: state machine, branching resolution, and the useQuizEngine/useQuizStep/useQuizAnswers hooks. Installed automatically as a dependency of e…","type":"registry:hook","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-core.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-core.json"},{"name":"quiz-root","title":"QuizRoot","description":"Top-level funnel wrapper; owns the engine via QuizProvider.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-root.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-root.json"},{"name":"quiz-step","title":"QuizStep","description":"Renders the active step's question heading and answer input.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-step.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-step.json"},{"name":"quiz-progress","title":"QuizProgress","description":"Progress bar with a 'Step N of M' label, on Radix Progress.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-progress.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-progress.json"},{"name":"quiz-choice","title":"QuizChoice / QuizChoiceGroup","description":"Single- and multi-select answer cards, on Radix RadioGroup/Checkbox.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-choice.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-choice.json"},{"name":"quiz-image-choice","title":"QuizImageChoice","description":"Visual/image-based single-select answer grid.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-image-choice.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-image-choice.json"},{"name":"quiz-slider","title":"QuizSlider","description":"Single-thumb range input for numeric answers.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-slider.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-slider.json"},{"name":"quiz-rating","title":"QuizRating","description":"Star or numeric rating scale, on Radix ToggleGroup.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-rating.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-rating.json"},{"name":"quiz-text-input","title":"QuizTextInput","description":"Free-text answer input.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-text-input.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-text-input.json"},{"name":"quiz-email-input","title":"QuizEmailInput","description":"Email capture input with basic format validation.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-email-input.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-email-input.json"},{"name":"quiz-navigation","title":"QuizNavigation","description":"Back/Next controls; Next disables automatically until the step is answered.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-navigation.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-navigation.json"},{"name":"quiz-transition","title":"QuizTransition","description":"Fade/slide transition wrapper for step changes. Requires a Tailwind keyframe — see the component's JSDoc.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-transition.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-transition.json"},{"name":"quiz-result","title":"QuizResult","description":"Renders its children only once the funnel is complete.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-result.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-result.json"},{"name":"quiz-dialog","title":"QuizDialog","description":"Modal-embedded funnel wrapper, on Radix Dialog.","type":"registry:component","source_url":"https://quiz-ui-phi.vercel.app/r/quiz-dialog.json","install_command":"npx shadcn@latest add https://quiz-ui-phi.vercel.app/r/quiz-dialog.json"}]},{"id":"corsair-ui","name":"@corsair-ui","slug":"corsair-ui","description":"Copy-and-own React components for Tailwind CSS 3 and 4: forms, overlays, site chrome, motion, animated text and backgrounds.","author":"KevinGirelli","framework":"react","license":"MIT","tags":["animation","auth","backgrounds","blocks","buttons","cards","charts","dashboard","forms","hooks","loaders","media","mobile","navigation","overlays","tables","text-effects","theming"],"categories":["Animated components"],"labels":["recently-updated"],"urls":{"website":"https://corsairui.vercel.app","github":"https://github.com/KevinGirelli/corsair-ui","registry":"https://kevingirelli.github.io/corsair-ui/r/registry.json","source":"https://kevingirelli.github.io/corsair-ui/r/registry.json","page":"https://sh4dcn.netlify.app/registry/corsair-ui","markdown":"https://sh4dcn.netlify.app/md/corsair-ui.md"},"logo":"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128' fill='var(--foreground)'><path fill-rule='evenodd' d='M60.9 124.6C58 121.1 55.6 117 56.3 116.4C56.5 116.2 58.2 117.9 60 120.1C63.3 124.3 63.3 124.3 64.6 121.9C66.2 119 66.4 117.7 65 118.5C63.1 119.7 64 117.4 67.6 112C70.6 107.4 71.1 107 70.6 109.5C70.2 111.2 69.7 114.3 69.3 116.5C69 118.7 67.5 122.1 66.1 124.1L63.5 127.6L60.9 124.6ZM48.4 112.8C46.2 110.4 43.7 107.4 42.8 106C41.3 103.8 41.2 103.7 41.7 105.6C41.9 106.8 41.7 108.1 41.1 108.4C40.4 108.9 40 108.2 40 106.8C39.9 105.5 39.3 103.4 38.5 102C37.7 100.6 37.1 97.9 37.1 96L37.2 92.5L38.1 95.8C39.1 99.1 41 99.3 41 96.1C41 95.2 41.6 93.6 42.2 92.7C43.3 91.2 43.4 91.9 43.2 96.9C42.9 101.9 43.2 103.4 45.6 107.1C48.2 111.2 48.4 111.4 48.9 109.2C49.4 107.1 49.8 107.4 51.7 111.9C54.3 118.1 53.5 118.3 48.4 112.8ZM75 115.4C75 114.8 76.6 112.9 78.5 111C82.7 107 85.5 99.3 84.7 94.1C84.1 90.5 84.1 90.5 86.1 93C88.1 95.5 88.1 95.5 87.7 89.8C87.5 86.6 87.5 84 87.7 84C89.1 84 92 91.2 91.9 94.5C91.8 97.2 91.6 97.7 91.3 96C90.6 92.1 89 91.2 89 94.6C89 98.8 85.9 107.5 85 106C84.5 105.2 83.6 106 82.2 108.2C79.8 112 75 116.8 75 115.4ZM54.2 107.7C49 101.7 48.8 101.4 49.2 96.3C49.6 92 49.4 91.2 48.3 92.1C47.5 92.9 47 92.9 47 92.2C47 91.6 48.4 90 50 88.7C53.6 85.6 53.7 85.1 50.6 85.7C49.3 86 47.9 85.7 47.6 85.1C47.2 84.5 47.6 84 48.7 84C49.7 84 52.9 83.1 55.9 82C62.6 79.4 63.3 80 58.5 84.2C53.8 88.4 52 91.9 52 96.7L52.1 100.5L54 96.5C56 92.5 56 92.5 55.5 95.8C55.3 97.6 55.8 101.2 56.7 103.8C58.5 109.3 59.9 114 59.7 114C59.6 114 57.1 111.1 54.2 107.7ZM74.7 108.2C75.7 104.7 75.7 101.3 74.7 97.5C73.9 94.7 73.9 94.6 75.4 96.5C76.3 97.7 76.9 98 77 97.2C77 94.7 73.2 88.5 69.6 85.2C65.8 81.7 64.8 79.3 67.8 80.5C68.7 80.9 71.8 82.1 74.5 83.1C78.8 84.7 79.1 84.9 76.6 85C73.7 85 73.7 85 77.3 88.5C81 92.1 82.6 95.6 79.3 92.9C77.8 91.6 77.8 91.7 78.8 93.7C80.8 97.4 80.2 103.1 77.4 107.2C74.2 111.7 73.7 111.9 74.7 108.2ZM64.7 105.5C64.3 103.3 63.4 99.3 62.7 96.7C61.4 92.1 61.3 92 60.2 94.2C59 96.4 59 96.4 59.5 93.6C59.8 92.1 60.8 89.7 61.7 88.3C63.4 85.8 63.4 85.8 65.3 88.1C66.3 89.3 67.4 91.6 67.7 93.2C68 94.7 68.6 96 69.1 96C70.6 96 70.1 99.3 67.7 104.5L65.3 109.5L64.7 105.5ZM29 99.1C29 98.6 29.4 97.9 29.9 97.6C30.3 97.3 31.5 94.2 32.5 90.8C34.5 83.6 38.1 75.9 38.7 77.7C38.9 78.3 38.1 80.8 36.9 83.2C35 87.1 34.9 87.3 36.6 85.9C40.3 82.7 41.4 82.6 39.3 85.6C38.2 87.2 36.9 89.6 36.5 91C35.1 95.8 29 102.4 29 99.1ZM100.9 94.1C98.7 92 97 90.7 97 91.4C96.9 93.1 94.1 87.7 94 85.9C94 85 93.3 84 92.5 83.6C91.5 83.2 91 81.7 91.1 78.8L91.1 74.5L93 78.5L94.9 82.5L94.9 77.2C95 74.3 94.5 70.9 93.9 69.8C93.1 68.2 93.1 67.9 94 68.5C95.7 69.6 99 77 99 80C99 81.4 100.7 86 102.9 90.3C107.2 98.9 106.7 99.9 100.9 94.1ZM105.8 85C103.3 82.6 102 80.4 102 78.7C102 75.2 100.5 71.5 98 69C96.9 67.9 96.4 67 96.9 67C99.7 67 101.5 69 105.1 76.4C112.1 90.4 112.2 91.3 105.8 85ZM27 83.6C27 81.7 30.1 76 32.7 72.9C34.4 71 36.2 68.2 36.8 66.5C37.8 63.5 37.8 63.5 37.9 67C38 70.3 34.8 79 33.5 79C33.2 79 33.2 78.4 33.5 77.8C33.9 77.1 32.5 78.3 30.6 80.4C28.6 82.6 27 84 27 83.6ZM44.3 79.8C43.1 79.2 41.8 78 41.5 77.1C41 75.8 41.1 75.7 42.1 76.8C44.1 78.7 47.2 78.2 51.9 75C59.4 69.9 62 71.5 54.8 76.7C49.5 80.4 47.1 81.1 44.3 79.8ZM72.8 77.1C68.7 74.3 67.5 73 68.6 72.6C70.2 72 73.4 73.3 76.2 75.7C77.2 76.6 78.6 77 79.4 76.7C80.2 76.4 81.1 76.6 81.3 77.3C81.6 78.2 82.2 78.2 83.9 77.2C86.5 75.7 86.7 77.1 84.2 79.3C81.4 81.8 79.1 81.3 72.8 77.1ZM46.5 71.8C44.9 68.9 44.9 68.7 46.3 69.9C50 72.8 49 69.9 45.1 66.1C40.7 61.8 40.4 60.7 42.1 54.7C42.9 51.5 43.9 50.5 47.4 49C51.6 47.1 51.6 47.1 56.5 49.5C63.8 53.2 67.3 57 63.5 57C62.7 57 62 56.3 62 55.4C62 54.1 61.7 54 60.5 55C59.4 55.9 58 55.7 53.6 53.7C48.1 51.2 48 51.2 45.8 53C43.5 54.9 43.5 54.9 46 55C47.8 55 48.1 55.3 47.2 56.2C46.3 57.1 46.6 57.6 48.2 58.4C49.3 59 50.1 59.8 49.9 60.2C49 61.9 54.2 64.3 56.1 63.1C58.7 61.5 58.5 63 55.4 67.5C53.7 70.1 53.4 71.1 54.4 70.7C57.1 69.6 56.2 70.7 52.4 72.9C48.1 75.5 48.8 75.6 46.5 71.8ZM75 73C73.6 71.9 72.9 71 73.4 71C73.9 71 73.6 70.2 72.8 69.2C69.7 65.7 69.8 65.1 73.1 66.3C76 67.4 76.3 67.3 79.1 64C80.7 62.1 82.2 59.7 82.5 58.8C83.4 56.1 85 56.6 85 59.6C85 61 83.8 63.7 82.3 65.7C80.8 67.6 79.5 69.8 79.4 70.5C78.8 74.2 77.6 74.9 75 73ZM62.5 71C62.1 70.3 60.9 70.1 59.8 70.3C58.4 70.7 58 70.4 58.2 69.2C58.4 68.2 59.3 67.6 60.4 67.8C61.5 68 61.9 67.7 61.6 67.1C60.5 65.4 62.1 59 63.6 59C65.2 59 66.4 63.1 65.8 66.4C65.4 68.3 65.7 68.6 67.2 68.2C69.5 67.6 69.6 69.6 67.2 70.4C66.3 70.7 65 71.2 64.3 71.6C63.7 71.9 62.9 71.6 62.5 71ZM32.6 67.8C32.1 66.8 31.4 66.3 30.9 66.6C29.4 67.5 29.9 63.5 31.5 61.4C32.3 60.4 33 59.9 33 60.4C33 60.9 33.8 60.6 34.7 59.9C36.2 58.7 36.3 58.7 35.5 60C35 60.8 34.3 63.3 33.9 65.5C33.5 68.5 33.1 69.1 32.6 67.8ZM88.8 64.5C89.1 61.6 89.5 61.2 90.6 62.1C93.1 64.1 91.8 68 88.6 68C88.5 68 88.6 66.4 88.8 64.5ZM91.6 61.4C90.4 58.3 91.7 58.1 95.1 61C97.5 62.9 97.5 62.9 94.9 63C93.3 63 92 62.3 91.6 61.4ZM19.2 58.5C14.3 56.2 1 44.4 1 42.3C1 41.9 3.5 41.4 6.5 41.3C19.1 41 25.2 37.1 34.1 23.8C37.7 18.5 41.6 13.9 44 12.3C49.8 8.6 49.9 10 44.3 14.8C41.3 17.3 37.9 21.5 35.5 26C31.1 33.9 26.3 40 24 40.4C20.7 40.9 7 45.5 7 46.1C7 47.4 16.9 55.9 20.9 57.9C23.1 59.1 25 60.3 25 60.5C25 61.2 25 61.2 19.2 58.5ZM34.4 56.9C35.2 55.8 36.9 54.1 38.2 53.3C39.7 52.2 39.3 52.9 37.1 55.3C33.2 59.4 32.2 60 34.4 56.9ZM51 58C51 56.7 53 56.7 55 58C56.2 58.8 55.9 59 53.8 59C52.2 59 51 58.5 51 58ZM114.9 52.3C122 45.4 122.3 44.5 117.3 43.5C109.7 42.1 102.7 38.7 98.3 34.4C93.7 29.7 93 29.5 95.8 33.7C96.9 35.5 97 36.1 96.1 35.6C95.4 35.1 93.4 31.8 91.8 28.1C89.8 23.7 86.9 19.7 83.3 16.2C77.5 10.6 76.9 8.9 81.7 11.3C85 13.1 90.4 18.6 95.7 25.6C102.8 35.1 112.3 40.8 121.8 41.2C124.7 41.3 127 41.8 127 42.1C127 43.4 115.4 54.4 112.1 56.3C109.8 57.7 110.5 56.6 114.9 52.3ZM78 54C75.6 53.3 75.7 53.3 79.2 52.5C82.9 51.8 85 52.3 85 54.1C85 55.1 81.6 55.1 78 54ZM61.5 49.7L55.5 47.5L62.1 47.2C65.8 47 71.2 47.5 74.1 48.3C79.5 49.7 79.5 49.7 76.7 50.9C72.6 52.5 68.4 52.2 61.5 49.7ZM83.7 49.4C76.8 45.7 56.9 43.7 49.1 46C47.2 46.5 45.5 46.8 45.2 46.6C44.2 45.6 54.1 41 59.4 40.1C66.7 38.8 68.3 37.5 61.5 38.4C57.9 38.9 56.9 38.8 58 38.1C59.2 37.2 59 37 57 37C54.2 37 47.2 40 43 43C39 45.9 37.9 45.5 41.5 42.4C45.1 39.4 53.4 35.4 60.4 33.4L65.5 32L59.9 32.3C56.7 32.5 52.5 33.6 50.1 34.8C47.8 36.1 46.1 36.6 46.5 36C47.6 34.1 54.9 31 59.4 30.4C65.3 29.5 78.6 35.5 82.6 40.7C85.2 44.2 85.2 44.2 82.2 42.6C80 41.5 76.4 41 69.8 41.1C56.8 41.2 54.2 42.5 65.5 43.3C75.8 44 80.6 45.3 84.7 48.6C88 51.3 87.7 51.5 83.7 49.4ZM15.1 35.6C18.2 33.6 22.9 29.2 26 25.3C36.3 12.4 43.2 5.9 49.5 2.9C57.4 -0.9 58.5 -0.9 56.5 3C52.6 10.5 55 17.5 62.8 21.4C67.7 23.9 66.6 24.2 60.8 22C53.7 19.4 52 17.1 52 10.4C52 4.9 52 4.9 48.8 6.6C43 9.5 39.3 12.8 31.4 22.2C22.3 33 21 34.2 15.3 37C9 40 8.9 39.4 15.1 35.6ZM89 14.4C86.5 11.8 82.4 8.7 79.8 7.4L75 5L75 9.3C75 14.6 73.2 17.2 69.5 17.6C66.6 17.9 66.6 17.9 69.3 15.4C72.4 12.5 72.9 7.6 70.5 2.9C68.9 -0.1 68.9 -0.1 71.7 0.6C78.2 2.1 89.8 11 92.9 16.9C94.5 19.8 94.2 19.6 89 14.4Z'/></svg>","preview_image":"https://corsairui.vercel.app/og-image.jpg","pro":{"has_pro":false,"pro_url":null,"pricing_url":null},"metrics":{"github_stars":5,"open_issues":3,"last_commit":"2026-10-26T04:47:39Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/registry.json","install_bun":"bunx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/registry.json","clone":"git clone https://github.com/KevinGirelli/corsair-ui.git","clone_degit":"npx degit KevinGirelli/corsair-ui","registry_fetch":"curl -s https://kevingirelli.github.io/corsair-ui/r/registry.json"},"component_count":148,"components":[{"name":"theme","title":"Theme","description":"Corsair colour, radius and base styles for light and dark mode. Every component relies on these variables; override --primary, --primary-foreground and --ring …","type":"registry:theme","source_url":"https://kevingirelli.github.io/corsair-ui/r/theme.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme.json"},{"name":"theme-blue","title":"Theme: Blue","description":"The Corsair theme on a slate base with a blue primary. Installs the theme first, then sets its colours and radius; every text pair meets WCAG AA.","type":"registry:theme","source_url":"https://kevingirelli.github.io/corsair-ui/r/theme-blue.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme-blue.json"},{"name":"theme-violet","title":"Theme: Violet","description":"The Corsair theme on a zinc base with a violet primary. Installs the theme first, then sets its colours and radius; every text pair meets WCAG AA.","type":"registry:theme","source_url":"https://kevingirelli.github.io/corsair-ui/r/theme-violet.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme-violet.json"},{"name":"theme-rose","title":"Theme: Rose","description":"The Corsair theme on a stone base with a rose primary. Installs the theme first, then sets its colours and radius; every text pair meets WCAG AA.","type":"registry:theme","source_url":"https://kevingirelli.github.io/corsair-ui/r/theme-rose.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme-rose.json"},{"name":"theme-emerald","title":"Theme: Emerald","description":"The Corsair theme on a zinc base with an emerald primary. Installs the theme first, then sets its colours and radius; every text pair meets WCAG AA.","type":"registry:theme","source_url":"https://kevingirelli.github.io/corsair-ui/r/theme-emerald.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme-emerald.json"},{"name":"theme-amber","title":"Theme: Amber","description":"The Corsair theme on a stone base with an amber primary and square corners. Installs the theme first, then sets its colours and radius; every text pair meets W…","type":"registry:theme","source_url":"https://kevingirelli.github.io/corsair-ui/r/theme-amber.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/theme-amber.json"},{"name":"utils","title":"Utils","description":"The cn() helper: merges class names and resolves conflicting Tailwind utilities.","type":"registry:lib","source_url":"https://kevingirelli.github.io/corsair-ui/r/utils.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/utils.json"},{"name":"spotify-track","title":"getSpotifyTrack","description":"Title, artist, cover and preview clip for a Spotify link, read on the server from the public embed page.","type":"registry:lib","source_url":"https://kevingirelli.github.io/corsair-ui/r/spotify-track.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/spotify-track.json"},{"name":"story-export","title":"Story Export","description":"Turns stories into images for Instagram, WhatsApp and TikTok: renderStoryPng() draws JSX to a 1080 × 1920 PNG in the browser with Satori, shareStory() opens th…","type":"registry:lib","source_url":"https://kevingirelli.github.io/corsair-ui/r/story-export.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/story-export.json"},{"name":"use-media-query","title":"useMediaQuery","description":"Subscribes to a CSS media query. SSR-safe: renders a fallback on the server and hydrates without a mismatch.","type":"registry:hook","source_url":"https://kevingirelli.github.io/corsair-ui/r/use-media-query.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/use-media-query.json"},{"name":"use-in-view","title":"useInView","description":"Whether an element is in the viewport, from IntersectionObserver, with once, margin and amount options.","type":"registry:hook","source_url":"https://kevingirelli.github.io/corsair-ui/r/use-in-view.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/use-in-view.json"},{"name":"use-entrance","title":"useEntrance","description":"When a one-shot entrance runs: on first paint, or once in view, without hiding server-rendered content that is already on screen.","type":"registry:hook","source_url":"https://kevingirelli.github.io/corsair-ui/r/use-entrance.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/use-entrance.json"},{"name":"use-scroll-spy","title":"useScrollSpy","description":"The id of the section on screen, for a table of contents, from one IntersectionObserver. SSR-safe, keeps the last section between two.","type":"registry:hook","source_url":"https://kevingirelli.github.io/corsair-ui/r/use-scroll-spy.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/use-scroll-spy.json"},{"name":"button","title":"Button","description":"Triggers an action. Variants default, secondary, outline, ghost, destructive and link; sizes sm, default, lg and three square icon sizes. Supports asChild and …","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/button.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/button.json"},{"name":"spinner","title":"Spinner","description":"Animated status indicator for work in progress, announced as Loading.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/spinner.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/spinner.json"},{"name":"badge","title":"Badge","description":"Short status or metadata label. Solid, secondary and outline styles, plus success, warning and destructive statuses shown as a coloured dot.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/badge.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/badge.json"},{"name":"label","title":"Label","description":"Accessible name for a form control.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/label.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/label.json"},{"name":"input","title":"Input","description":"Single-line text control. Its error state comes from aria-invalid, so any form library can drive it.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/input.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/input.json"},{"name":"textarea","title":"Textarea","description":"Multi-line text control with the same states as Input.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/textarea.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/textarea.json"},{"name":"input-group","title":"Input Group","description":"An input with icons, text or buttons attached on either side.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/input-group.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/input-group.json"},{"name":"field","title":"Field","description":"Layout for a control with its label, description and error, plus fieldset and group helpers. Independent of any form library.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/field.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/field.json"},{"name":"form","title":"Form Field (react-hook-form)","description":"FormField: a react-hook-form Controller laid out with Field, with the id, label and ARIA wiring done for you.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/form.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/form.json"},{"name":"checkbox","title":"Checkbox","description":"Checkbox with checked, unchecked and indeterminate states.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/checkbox.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/checkbox.json"},{"name":"radio-group","title":"Radio Group","description":"A set of options where exactly one can be selected.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/radio-group.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/radio-group.json"},{"name":"switch","title":"Switch","description":"On/off control for settings that apply immediately.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/switch.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/switch.json"},{"name":"select","title":"Select","description":"Pick one option from a list, with groups, labels and separators.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/select.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/select.json"},{"name":"separator","title":"Separator","description":"Horizontal or vertical divider.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/separator.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/separator.json"},{"name":"card","title":"Card","description":"Container with header, title, description, action, content and footer parts.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/card.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/card.json"},{"name":"flip-card","title":"Flip Card","description":"A card with two faces that turns over in 3D on hover, from a trigger, or from a prop.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/flip-card.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/flip-card.json"},{"name":"stamp","title":"Stamp","description":"A rubber stamp that slams onto the page: it starts large and transparent and lands rotated with a small overshoot.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/stamp.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/stamp.json"},{"name":"alert","title":"Alert","description":"Callout for important messages on a neutral surface; default, success, warning and destructive tones colour the icon.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/alert.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/alert.json"},{"name":"skeleton","title":"Skeleton","description":"Placeholder shape shown while content loads.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/skeleton.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/skeleton.json"},{"name":"popover","title":"Popover","description":"Floating panel anchored to a trigger, with header, title and description parts.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/popover.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/popover.json"},{"name":"command","title":"Command","description":"Searchable list navigated with the arrow keys; the base for comboboxes and command menus.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/command.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/command.json"},{"name":"calendar","title":"Calendar","description":"Month grid for picking a date, several dates or a range, with dropdown captions and week numbers. Built on DayPicker.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/calendar.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/calendar.json"},{"name":"date-picker","title":"Date Picker","description":"DatePicker and DateRangePicker: a calendar in a popover behind a button that shows the chosen date or range.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/date-picker.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/date-picker.json"},{"name":"combobox","title":"Combobox","description":"A select with a search box, for long lists of options.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/combobox.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/combobox.json"},{"name":"input-otp","title":"Input OTP","description":"One-time code input drawn as separate slots, with paste and autofill support.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/input-otp.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/input-otp.json"},{"name":"slider","title":"Slider","description":"Pick a number or a range by dragging or with the arrow keys, horizontal or vertical.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/slider.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/slider.json"},{"name":"toggle","title":"Toggle","description":"A button that stays pressed, in default and outline variants and three sizes.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/toggle.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/toggle.json"},{"name":"toggle-group","title":"Toggle Group","description":"A set of toggles with single or multiple selection, joined or spaced apart.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/toggle-group.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/toggle-group.json"},{"name":"segmented-control","title":"Segmented Control","description":"A switch between two or more options with one thumb that slides to the active one, in three sizes. Never empty.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/segmented-control.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/segmented-control.json"},{"name":"number-input","title":"Number Input","description":"Number field with decrement and increment buttons, min, max and step, following the spinbutton keyboard pattern.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/number-input.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/number-input.json"},{"name":"password-input","title":"Password Input","description":"Password field with a button that shows what was typed.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/password-input.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/password-input.json"},{"name":"tooltip","title":"Tooltip","description":"A short label shown on hover and keyboard focus.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/tooltip.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/tooltip.json"},{"name":"reveal","title":"Reveal","description":"Fades and moves content into place when it scrolls into view, alone or staggered in a group. Visible without JavaScript.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/reveal.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/reveal.json"},{"name":"text-reveal","title":"Text Reveal","description":"Reveals text word by word, when it comes into view or tied to the scroll position.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/text-reveal.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/text-reveal.json"},{"name":"magnetic","title":"Magnetic","description":"Pulls its content toward the mouse while hovered and springs it back on leave.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/magnetic.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/magnetic.json"},{"name":"parallax","title":"Parallax","description":"Drifts content at a different speed from the page as it scrolls past, with CSS scroll-driven animations and no JavaScript.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/parallax.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/parallax.json"},{"name":"tilt-scroll","title":"Tilt Scroll","description":"Content that starts tilted back in perspective and straightens as you scroll, with CSS scroll-driven animations and no JavaScript.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/tilt-scroll.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/tilt-scroll.json"},{"name":"spotlight","title":"Spotlight","description":"A soft light that follows the pointer across a surface and along its edge.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/spotlight.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/spotlight.json"},{"name":"animated-border","title":"Animated Border","description":"A border with a light travelling around it, paused off screen.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/animated-border.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/animated-border.json"},{"name":"aurora","title":"Aurora","description":"Slow, soft light drifting behind its content, from three radial gradients.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/aurora.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/aurora.json"},{"name":"signature","title":"Signature","description":"Draws SVG strokes as if by hand, with optional ink filling in behind the pen, on view or with the scroll.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/signature.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/signature.json"},{"name":"path-beam","title":"Path Beam","description":"A beam of light travelling along the paths of a flow diagram, one after another, on view, with the scroll or from your own progress.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/path-beam.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/path-beam.json"},{"name":"copy-button","title":"Copy Button","description":"An icon button that copies a value and swaps to a check mark, announcing it to screen readers.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/copy-button.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/copy-button.json"},{"name":"dash-button","title":"Dash Button","description":"A pill button whose fill gives way to a dashed outline that marches on hover.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/dash-button.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dash-button.json"},{"name":"color-swatches","title":"Color Swatches","description":"Pick one colour from a row of swatches: a radio group with arrow keys and form support.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/color-swatches.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/color-swatches.json"},{"name":"bars-spinner","title":"Bars Spinner","description":"Twelve bars around a hub fading in turn, announced as Loading. No JavaScript.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/bars-spinner.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/bars-spinner.json"},{"name":"shimmer-text","title":"Shimmer Text","description":"A band of light sweeping across text now and then, paused off screen.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/shimmer-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/shimmer-text.json"},{"name":"blur-text","title":"Blur Text","description":"Text that comes into focus one character at a time, and can blur back out.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/blur-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/blur-text.json"},{"name":"slide-text","title":"Slide Text","description":"Words, characters or lines rising into place from below their own baseline.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/slide-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/slide-text.json"},{"name":"flip-text","title":"Flip Text","description":"Kinetic type in 3D: characters or words turning into place around their horizontal axis, one after another.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/flip-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/flip-text.json"},{"name":"split-flap","title":"Split Flap","description":"A split-flap board: when the value changes, only the characters that changed flip, like a departure board.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/split-flap.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/split-flap.json"},{"name":"dissolve-text","title":"Dissolve Text","description":"Words or characters surfacing at scattered moments, the same on server and client.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/dissolve-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dissolve-text.json"},{"name":"highlight-text","title":"Highlight Text","description":"A marker that slides in behind a phrase, or a hand-drawn line drawn under it.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/highlight-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/highlight-text.json"},{"name":"scramble-text","title":"Scramble Text","description":"Text that decodes itself: noise sweeps across, then each character locks in.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/scramble-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/scramble-text.json"},{"name":"wave-text","title":"Wave Text","description":"Bands of colour washing through text like a swell, on one CSS animation.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/wave-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/wave-text.json"},{"name":"text-signature","title":"Text Signature","description":"Writes any text in any font as a signature: outlines drawn by the pen, then inked.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/text-signature.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/text-signature.json"},{"name":"marquee","title":"Marquee","description":"Content scrolling in a seamless loop, pausing on focus and off screen, and draggable by the pointer.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/marquee.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/marquee.json"},{"name":"line-chart","title":"Line Chart","description":"One series as a line, with a cursor that snaps to points; a slider for keyboards and screen readers.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/line-chart.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/line-chart.json"},{"name":"qr-code","title":"QR Code","description":"A crisp SVG QR code in dots, rounded or square modules. Renders on the server, and can draw itself in.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/qr-code.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/qr-code.json"},{"name":"tweet-card","title":"Tweet Card","description":"A post from X in your theme, with no embed script: a card, a server component that fetches by id, and a client one.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/tweet-card.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/tweet-card.json"},{"name":"spotify-card","title":"Spotify Card","description":"A track card with cover art, a link to Spotify and a preview clip that spins a record while it plays.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/spotify-card.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/spotify-card.json"},{"name":"light-rays","title":"Light Rays","description":"Soft beams of light falling from above, from a small WebGL2 shader.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/light-rays.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/light-rays.json"},{"name":"warp-gradient","title":"Warp Gradient","description":"A liquid field of colour carried along by layered noise, from one WebGL2 shader.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/warp-gradient.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/warp-gradient.json"},{"name":"dialog","title":"Dialog","description":"Modal window centred over the page, with a focus trap, overlay, close button, header, footer, title and description parts.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/dialog.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dialog.json"},{"name":"alert-dialog","title":"Alert Dialog","description":"Modal that asks the user to confirm or cancel before an action, with action and cancel buttons.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/alert-dialog.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/alert-dialog.json"},{"name":"sheet","title":"Sheet","description":"Dialog that slides in from any edge of the screen, for menus, filters and side panels.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/sheet.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/sheet.json"},{"name":"toast","title":"Toast","description":"Brief notifications shown with a toast() call and a Toaster mounted once, with variants, an optional action, swipe to dismiss and screen reader announcements.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/toast.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/toast.json"},{"name":"nav-link","title":"Nav Link","description":"A navigation link that marks the current page with aria-current and data-active. Supports asChild for router links.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/nav-link.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/nav-link.json"},{"name":"site-header","title":"Site Header","description":"A sticky page header with brand, navigation, actions and a sheet menu for small screens, flagging data-scrolled once the page scrolls.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/site-header.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/site-header.json"},{"name":"dock","title":"Dock","description":"A floating bar of icon links pinned to the bottom or top of the viewport, with tooltips and an optional reveal after scrolling.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/dock.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dock.json"},{"name":"tabs","title":"Tabs","description":"Sections of content shown one at a time, with a segmented or underlined tab list, horizontal or vertical.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/tabs.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/tabs.json"},{"name":"avatar","title":"Avatar","description":"A round picture of a person with a fallback while it loads or when it fails, in three sizes, plus an overlapping group.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/avatar.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/avatar.json"},{"name":"rating","title":"Rating","description":"Stars for giving a score as a radio group, or for showing one read-only with fractional fills.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/rating.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/rating.json"},{"name":"wave-rating","title":"Wave Rating","description":"The rating, animated: sweeping a finger, pen or mouse across the stars lifts them in a wave that crests under the pointer, a tip shows the score, and letting g…","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/wave-rating.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/wave-rating.json"},{"name":"stat","title":"Stat","description":"Key figures as a description list: label, value and a caption with an optional trend arrow.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/stat.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/stat.json"},{"name":"number-ticker","title":"Number Ticker","description":"A number that counts up to its value when it comes into view, formatted for the locale.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/number-ticker.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/number-ticker.json"},{"name":"code-block","title":"Code Block","description":"A block of code with an optional caption, a language label and a copy button.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/code-block.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/code-block.json"},{"name":"corner-frame","title":"Corner Frame","description":"A box with bracket marks on its corners, in any size, thickness, colour and inset.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/corner-frame.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/corner-frame.json"},{"name":"phone-frame","title":"Phone Frame","description":"A generic phone drawn in CSS around a screenshot or any content, with an island, a notch or no cut-out, that scales with its width.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/phone-frame.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/phone-frame.json"},{"name":"browser-frame","title":"Browser Frame","description":"A browser window drawn in CSS around a page or a screenshot, with window dots, an address field and optional actions.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/browser-frame.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/browser-frame.json"},{"name":"youtube-embed","title":"YouTube Embed","description":"A YouTube video that costs one poster image until it is played, with player controls through its ref.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/youtube-embed.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/youtube-embed.json"},{"name":"carousel","title":"Carousel","description":"Slides on a native scroll-snap track, with keyboard steps, previous and next buttons, dots and an optional coverflow look.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/carousel.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/carousel.json"},{"name":"preloader","title":"Preloader","description":"A full-screen cover that counts to 100 on first load, waits for your content to be ready, then fades out.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/preloader.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/preloader.json"},{"name":"custom-cursor","title":"Custom Cursor","description":"A dot and a trailing ring that follow a mouse pointer, growing over interactive elements and showing labels.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/custom-cursor.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/custom-cursor.json"},{"name":"scroll-progress","title":"Scroll Progress","description":"A reading progress bar that fills as the page scrolls, with CSS scroll-driven animations and no JavaScript.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/scroll-progress.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/scroll-progress.json"},{"name":"scroll-background","title":"Scroll Background","description":"A background that blends from one colour to the next as you scroll, with CSS scroll-driven animations and no JavaScript.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/scroll-background.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/scroll-background.json"},{"name":"scroll-scene","title":"Scroll Scene","description":"A scrollytelling scene: a stage pinned beside steps, crossfading to the slide of the step on screen, with a 0 to 1 scroll progress variable for scrubbing.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/scroll-scene.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/scroll-scene.json"},{"name":"wipe-transition","title":"Wipe Transition","description":"Switches content behind a band that sweeps across it, swapping while covered, with a crossfade for phones and reduced motion.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/wipe-transition.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/wipe-transition.json"},{"name":"smooth-scroll","title":"Smooth Scroll","description":"Smooth wheel and trackpad scrolling for the page, off with reduced motion, with a scrollTo hook that works either way.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/smooth-scroll.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/smooth-scroll.json"},{"name":"grain","title":"Grain","description":"Film grain over a surface, from a tile of SVG noise, with an optional stepped jitter.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/grain.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/grain.json"},{"name":"hover-reveal","title":"Hover Reveal","description":"A second layer seen through a soft circle that follows the pointer.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/hover-reveal.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/hover-reveal.json"},{"name":"particles","title":"Particles","description":"Dots drifting slowly across a surface, laid out from a seed and moved with CSS alone.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/particles.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/particles.json"},{"name":"topography","title":"Topography","description":"Contour lines like a topographic map over slowly shifting terrain, from one WebGL2 shader.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/topography.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/topography.json"},{"name":"roll-text","title":"Roll Text","description":"Characters that roll up to a copy of themselves on hover or keyboard focus.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/roll-text.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/roll-text.json"},{"name":"dropdown-menu","title":"Dropdown Menu","description":"A menu of actions and options that opens from a button, with checkbox and radio items, labels, shortcuts and submenus.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/dropdown-menu.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dropdown-menu.json"},{"name":"context-menu","title":"Context Menu","description":"A menu of actions for an area of the page that opens on right click or long press, with checkbox and radio items, labels, shortcuts and submenus.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/context-menu.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/context-menu.json"},{"name":"navigation-menu","title":"Navigation Menu","description":"Site navigation with links and triggers that open panels of links in a shared, animated viewport.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/navigation-menu.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/navigation-menu.json"},{"name":"hover-card","title":"Hover Card","description":"A preview card that appears while a link is hovered or focused, for supplementary content.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/hover-card.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/hover-card.json"},{"name":"accordion","title":"Accordion","description":"Stacked sections that open and close under their headings, one or several at a time, with a height animation.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/accordion.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/accordion.json"},{"name":"collapsible","title":"Collapsible","description":"A region that a trigger button shows and hides, with a height animation.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/collapsible.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/collapsible.json"},{"name":"progress","title":"Progress","description":"A progress bar for tasks with a known amount, or an indeterminate one when the amount is unknown.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/progress.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/progress.json"},{"name":"scroll-area","title":"Scroll Area","description":"A scrolling box with thin themed scrollbars that keeps native scrolling.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/scroll-area.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/scroll-area.json"},{"name":"breadcrumb","title":"Breadcrumb","description":"The trail of links from the top of a site to the current page, with separators and an ellipsis.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/breadcrumb.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/breadcrumb.json"},{"name":"pagination","title":"Pagination","description":"Page links with previous and next, an ellipsis, and a helper that works out which page numbers to show.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/pagination.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/pagination.json"},{"name":"table","title":"Table","description":"A data table on native table elements, with a scroll container, selected rows and sortable column headers.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/table.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/table.json"},{"name":"sidebar","title":"Sidebar","description":"An application sidebar that collapses to icons or off canvas on desktop and opens as a sheet on mobile, with a keyboard shortcut.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/sidebar.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/sidebar.json"},{"name":"drawer","title":"Drawer","description":"A bottom sheet dialog for phones that can also be dragged down to close.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/drawer.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/drawer.json"},{"name":"data-table","title":"Data Table","description":"A table with sortable headers, a text filter, pagination and row selection, built on TanStack Table v9.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/data-table.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/data-table.json"},{"name":"dropzone","title":"Dropzone","description":"A file drop area on a native file input that checks type, size and count, and lists the chosen files.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/dropzone.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dropzone.json"},{"name":"kbd","title":"Kbd","description":"A key or key combination shown as a small keycap, alone or in a group.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/kbd.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/kbd.json"},{"name":"empty-state","title":"Empty State","description":"What a list, table or page shows when it has nothing in it yet, with an icon, title, description and actions.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/empty-state.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/empty-state.json"},{"name":"stepper","title":"Stepper","description":"The steps of a multi-step flow with complete, current and upcoming states, horizontal or vertical.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/stepper.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/stepper.json"},{"name":"timeline","title":"Timeline","description":"A vertical list of events with a coloured dot for each status and a line joining them.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/timeline.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/timeline.json"},{"name":"resizable","title":"Resizable","description":"Panels resized by dragging or with the keyboard, side by side or stacked.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/resizable.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/resizable.json"},{"name":"bar-chart","title":"Bar Chart","description":"One series as vertical or horizontal bars that grow in on first view, with a keyboard slider over the bars.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/bar-chart.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/bar-chart.json"},{"name":"area-chart","title":"Area Chart","description":"One or more series as gradient-filled areas, stacked or overlapping, with a legend and a keyboard slider over the points.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/area-chart.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/area-chart.json"},{"name":"donut-chart","title":"Donut Chart","description":"Parts of a whole as a ring with the total in the middle and a keyboard-navigable legend of values and shares.","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/donut-chart.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/donut-chart.json"},{"name":"story-frame","title":"Story Frame","description":"A 9:16 story preview that is the exported PNG itself, with Share (the phone's share sheet, Instagram included), Download and Copy link, and the safe area the a…","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/story-frame.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/story-frame.json"},{"name":"story","title":"Story","description":"A 1080 × 1920 story put together from parts (header, eyebrow, title, grid of tiles, list of rows, highlight, image, call to action), laid out inside the safe a…","type":"registry:ui","source_url":"https://kevingirelli.github.io/corsair-ui/r/story.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/story.json"},{"name":"hero","title":"Hero","description":"The opening section of a landing page with an eyebrow, a title, a description, actions and an optional media slot.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/hero.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/hero.json"},{"name":"feature-grid","title":"Feature Grid","description":"A grid of features with an icon, a title and a description under a centred section header.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/feature-grid.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/feature-grid.json"},{"name":"stats","title":"Stats","description":"A row of key figures that count up when they scroll into view, under a centred section header.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/stats.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/stats.json"},{"name":"logo-cloud","title":"Logo Cloud","description":"Customer or partner logos in a grid or a scrolling marquee under a small title.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/logo-cloud.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/logo-cloud.json"},{"name":"cta","title":"Call to Action","description":"A closing band with a title, a description and one or two actions.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/cta.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/cta.json"},{"name":"pricing","title":"Pricing","description":"A pricing section with plan cards, a featured plan and an optional monthly or yearly billing switch.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/pricing.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/pricing.json"},{"name":"faq","title":"FAQ","description":"A frequently asked questions section with a header and the answers in an accordion, split or stacked.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/faq.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/faq.json"},{"name":"testimonials","title":"Testimonials","description":"A section of customer quotes with names, roles and avatars, in a masonry or grid layout.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/testimonials.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/testimonials.json"},{"name":"contact-form","title":"Contact Form","description":"A contact section with a header, contact details and a validated message form that reports pending, success and error states.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/contact-form.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/contact-form.json"},{"name":"newsletter","title":"Newsletter","description":"A compact sign-up band with an inline email form that reports pending, success and error states.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/newsletter.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/newsletter.json"},{"name":"site-footer","title":"Site Footer","description":"A page footer with a brand, link columns in a navigation landmark, a copyright line and optional social icon links.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/site-footer.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/site-footer.json"},{"name":"login-form","title":"Login Form","description":"A centred sign-in card with email and password fields, a remember-me checkbox, optional sign-in providers and pending, success and error states.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/login-form.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/login-form.json"},{"name":"signup-form","title":"Signup Form","description":"A centred sign-up card with name, email and password fields, a required terms checkbox, optional sign-up providers and pending, success and error states.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/signup-form.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/signup-form.json"},{"name":"not-found","title":"Not Found","description":"A 404 page section with a large decorative error code, a page heading, a description, an optional search slot and actions.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/not-found.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/not-found.json"},{"name":"dashboard","title":"Dashboard","description":"An application page with a collapsible sidebar, a header, stat cards, a line chart and a recent-activity table.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/dashboard.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/dashboard.json"},{"name":"settings","title":"Settings","description":"An account settings page with tabs for a profile form, a password change and delete-account dialog, and notification switches.","type":"registry:block","source_url":"https://kevingirelli.github.io/corsair-ui/r/settings.json","install_command":"npx shadcn@latest add https://kevingirelli.github.io/corsair-ui/r/settings.json"}]}],"facets":{"categories":[{"id":"animated-components","label":"Animated components","count":173,"library_ids":["000h-cojeev","3d-viewer","8bitcn","aceternity","agentfaces","aicanvas","akoder","alexandrejoly","animateicons","audio-ui","audiocn","audiocn-solid","bevel","blockdex","chewypixel","crucible","amicro","animate-ui","animbits","ark-cn","awwwardedui","balick","ballmac","benday","beui","bjork-ui","blockforge","caliper","catalogs","chamaac","componentry","corecn","crafterui","craftui","cubby-ui","cult-ui","d2","dashboardblocks","diarmuradi","eased","easeui","eldoraui","emerald-ui","ericts","evilbuttons","facade","fancy-ui","fewtone","forgeui","framecn","gammaui","gauge-ui","geturui","glint-ui","gooseui","grootstudio","hairline","hazeglow","herocn","heyompatil","hexui","hirael","honestui","hugeicons-animated","hugeicons-animated-vue","iandefined","ikas","interior","jolyui","jpmarques","karaui","keyframery","keyframeui","kind-ui","kinetic","kokonutui","lema-ds","litt","loadercn","loading-ui","logoforge","magicui","mewo","microkit","minidev","mischief","mizzle","moduix-react","moleculeui","morphiq","motion-menu","motion-lexicon","motion-primitives","motiq","movin","navui","nekode","neobrutal-ui","neon-ui","ns-ui","nusaiba","odysseyui","paceui","paceui-gsap","payload-components","plotcn","pluginui","pulkitxm","pulld","rawkitui","react-bits","reactframe","sans","satoriui","scrollxui","seamui","sekei","sevenui","shadcn-ui-blocks","silicon-ui","siteplane","skecher-ui","skiper-ui","slidecn","smoothui","snapcn","sona-ui","soonish","soralabs","spark-ui","spell","stacklyui","starck","stealth","styleui","systaliko-ui","toggles","tween-ui","tweenly","uai","ui-layouts","ui-shrushank","uiarc","uitripled","uniquel","unlumen-ui","uploadcn","uselayouts","uui","visant","watermelon","xcn","xevrion","velobits","velora","viberdy","vue-bits","svelte-bits","aniui","vllnt-ui","grainly-icons","shadcnloaders","usva","atelier","atomloader","ai2","whiskeyjack","atroui","knot-ui","remotionui","afterglow","quiz-ui","corsair-ui"]},{"id":"ai-chat-ui","label":"AI/chat UI","count":62,"library_ids":["aayurt","agentcn","agents-ui","agentui","ai-blocks","ai-elements","creance","asanshay","assistant-ui","beadkit","better-auth-ui","blobatar","blode","brainless","cligentic","cognicatch","contentbit","data-table-filters","delego","elevenlabs-ui","emend","evex","extend","flagcn","fluid","frame","gaia","gpt-vis","inferencesh","initium","katok-ui","kobra","layish","localmode","manifest","mozaika","motokoui","nexus-ui","notra","openmirai","panelui","pantoken","pastaui","pixel-openspace","prompt-kit","quill","scrimui","shaderscn","simple-ai","skrewww","sortui","spaceui","ssych","sureui","tool-ui","turn","uiception","wensity","yukihi","shadcn-dashboard","agent-ui-kit","agentblog"]},{"id":"forms","label":"Forms","count":50,"library_ids":["23rd","astryx","babelize","brio","approvals-ui","avertra-ui","bits-ui","buzzform","colorshot","dsikeres1","dualkit","ecomcn","elsecase","ephemera","fibo","flowui","fluent2-react-kit","formcn","formscn","glassyui","glassyui-native","gridcn","ilinxa","isometric","liquefy-ui","materialcn","moumenlab","oidc","opaline","pane","photocn","pipecat","persianlabsui","retab","sc1m","shadcn-exchange","shivraj-roy","soldevelo","shuip","swiftui-flx","tessli","tuiparts","tetra-ui","vadivam","wa-ui","wandry-ui","saastro","kaui","mediadrop","onchain-ui"]},{"id":"component-library-general","label":"Component library (general)","count":42,"library_ids":["shadcn","abui","aevr","baraile-loader","basecn","baselayer","boldkit","bundui","creative-tim","delta","diceui","doras-ui","elements","emailcn","emstein-ui","fab-ui","gc-solid","hextaui","iconiq","intentui","joyco","kanpeki","kibo-ui","liquikit","lumiui","neobrutalism","nessra-ui","nexus-elements","nordaun","oui","pureui","react-aria","roiui","shadcn-studio","shark","shover","spectrumui","supabase","tailgrids","taki","untld","wds"]},{"id":"niche-single-purpose","label":"Niche/single-purpose","count":35,"library_ids":["8starlabs-ui","algolia","amplo","arc","better-upload","cardcn","darx","dominik-ui","dotmatrix","flowkit-ui","gamifykit","ha-components","headcodecms","jalco","limeplay","lmscn","openpolicy","openstatus","pixelact-ui","react-easy-modals","remocn","rescript-shadcn","sabraman","shieldcn","slide-cn","soundcn","stepper","termcn","text-ui","toc-cn","tour","trophy-ui","turbopills-ui","waves-cn","wigggle-ui"]},{"id":"charts-data-viz","label":"Charts/data viz","count":34,"library_ids":["1st-pouf","7ovr","amarjay-ui","bricked","axicharts","bklit","brut-ui","channel3","cnippet","dashboardcn","docscn","esuiss","evilcharts","getitdone","livedocs","lytenyte","nostalgia-ui","ogimagecn","organui","preskok","registrydirectory","sf-fleet-hud","shoogle","starseam","studio-blocks","stylexui","twelfth","vectorstudio-ir","washiveil","wick-charts","heatmap","threecn","tile-ui","voraui"]},{"id":"blocks-sections-marketing-saas","label":"Blocks & sections (marketing/SaaS)","count":19,"library_ids":["beste-ui","blocks-so","blockus","efferd","flx","launchui","n3wth","notionic","nysgpt","shadcn-space","shadcnblocks","shadcncraft","shadcnstore","shadcnui-blocks","solaceui","tablecn","tailark","zippystarter","knock-codes"]},{"id":"theming-styling","label":"Theming/styling","count":11,"library_ids":["einui","fonttrio","gamekitui","glass-ui","glasscn","paletteui","retroui","thegridcn","videojs","videocn","vernostudio"]},{"id":"uncategorized","label":"Uncategorized","count":9,"library_ids":["blobz","designali","canvas-ui","diklein","harshj","json-view-cn","krave-docs","ratneshc","tactile"]},{"id":"design-system","label":"Design system","count":8,"library_ids":["coss","exabase","indiacn","kapwa","mui-treasury","optics","shadcndesign","tokenui"]},{"id":"icons-logos","label":"Icons/logos","count":8,"library_ids":["creative-ui","heroicons-animated","icons-animated","keyline","lucide-animated","pmndrs","svgl","uiable"]},{"id":"dashboard-admin-templates","label":"Dashboard/admin templates","count":7,"library_ids":["pacekit","reui","shadcnuikit","square-ui","tailwind-admin","tailwind-builder","wxcn"]},{"id":"e-commerce-payments","label":"E-commerce/payments","count":7,"library_ids":["billingsdk","commercn","gtm","niko-table","paddle","paykit-sdk","saaskit"]},{"id":"hooks-utilities","label":"Hooks/utilities","count":7,"library_ids":["nuqs","pastecn","ramonclaudio-coderabbit","react-slot","shadcnhooks","typedora-ui","utilcn"]},{"id":"maps","label":"Maps","count":7,"library_ids":["amap","flightcn","mapcn","shadcn-map","shadcnmaps","terrae","visited-map"]},{"id":"personal-portfolio-registry","label":"Personal/portfolio registry","count":7,"library_ids":["corr","devl","gymnopedies","mksingh","ncdai","phucbm","uicapsule"]},{"id":"editor-rich-text-code","label":"Editor (rich text/code)","count":5,"library_ids":["nteract","plate","prosekit","shadcn-editor","zenoadmin"]},{"id":"crypto-web3","label":"Crypto/web3","count":4,"library_ids":["abstract","lens-blocks","upfork","w3-kit"]},{"id":"auth-identity","label":"Auth/identity","count":3,"library_ids":["auth0","clerk","dgit"]},{"id":"commercial-paid-product","label":"Commercial/paid product","count":1,"library_ids":["nexus-labs"]}],"tags":[{"id":"cards","label":"cards","count":343,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","8starlabs-ui","aayurt","abstract","abui","aceternity","aevr","agentcn","agentfaces","agentui","ai-blocks","ai-elements","aicanvas","akoder","amarjay-ui","animateicons","astryx","audio-ui","audiocn","audiocn-solid","babelize","bevel","blobz","blockdex","bricked","creance","crucible","amplo","animate-ui","animbits","arc","ark-cn","asanshay","assistant-ui","avertra-ui","balick","ballmac","basecn","baselayer","beadkit","beui","billingsdk","bjork-ui","bklit","blobatar","blocks-so","blockforge","blockus","blode","boldkit","brainless","brut-ui","bundui","buzzform","caliper","cardcn","catalogs","chamaac","channel3","clerk","cnippet","cognicatch","commercn","componentry","corecn","corr","coss","crafterui","cubby-ui","cult-ui","d2","dashboardblocks","dashboardcn","delta","diarmuradi","diceui","diklein","docscn","eased","easeui","ecomcn","einui","eldoraui","elements","emerald-ui","ephemera","ericts","esuiss","evilbuttons","exabase","extend","fab-ui","facade","fancy-ui","fewtone","fibo","fluent2-react-kit","fluid","flx","forgeui","formscn","frame","framecn","gaia","gammaui","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui-native","glint-ui","gooseui","gridcn","gymnopedies","grootstudio","ha-components","hairline","harshj","hazeglow","headcodecms","herocn","heroicons-animated","heyompatil","hextaui","hirael","honestui","hugeicons-animated","hugeicons-animated-vue","iandefined","iconiq","ikas","ilinxa","indiacn","initium","intentui","interior","isometric","jalco","jolyui","joyco","kanpeki","kapwa","karaui","katok-ui","keyframery","keyframeui","kibo-ui","kobra","kokonutui","launchui","lema-ds","lens-blocks","limeplay","liquefy-ui","liquikit","litt","livedocs","lmscn","localmode","logoforge","lumiui","magicui","manifest","mapcn","materialcn","mewo","microkit","minidev","mischief","mizzle","moduix-react","morphiq","motion-lexicon","motiq","movin","mozaika","mui-treasury","moumenlab","navui","ncdai","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","nexus-ui","nostalgia-ui","notra","ns-ui","nteract","odysseyui","opaline","openstatus","optics","organui","oui","paceui","pacekit","paceui-gsap","paddle","pane","panelui","pantoken","pastaui","payload-components","pipecat","pixelact-ui","plate","pluginui","preskok","persianlabsui","prompt-kit","prosekit","pulkitxm","pulld","pureui","quill","ramonclaudio-coderabbit","rawkitui","react-aria","react-bits","reactframe","registrydirectory","rescript-shadcn","retab","retroui","reui","roiui","satoriui","sc1m","scrimui","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-editor","shadcn-exchange","shadcn-studio","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnhooks","shadcnstore","shadcnui-blocks","shaderscn","shoogle","silicon-ui","siteplane","skecher-ui","skrewww","slide-cn","slidecn","smoothui","snapcn","solaceui","soldevelo","sona-ui","soralabs","sortui","soundcn","spaceui","spark-ui","spectrumui","spell","ssych","stacklyui","starck","starseam","stealth","stepper","studio-blocks","styleui","stylexui","shuip","swiftui-flx","systaliko-ui","tailark","tailgrids","tailwind-admin","taki","termcn","tessli","tetra-ui","thegridcn","tool-ui","trophy-ui","turbopills-ui","turn","tween-ui","tweenly","uai","ui-layouts","uiarc","uicapsule","uitripled","uniquel","unlumen-ui","upfork","uploadcn","uselayouts","uui","vectorstudio-ir","visant","w3-kit","wa-ui","washiveil","watermelon","waves-cn","wensity","wick-charts","wigggle-ui","heatmap","xcn","saaskit","saastro","xevrion","yukihi","uiable","velobits","velora","viberdy","vue-bits","svelte-bits","aniui","threecn","tile-ui","vllnt-ui","shadcn-dashboard","usva","ai2","whiskeyjack","atroui","knot-ui","remotionui","onchain-ui","afterglow","agent-ui-kit","corsair-ui"]},{"id":"forms","label":"forms","count":321,"library_ids":["shadcn","000h-cojeev","1st-pouf","8bitcn","8starlabs-ui","aayurt","abui","aceternity","aevr","agents-ui","agentui","ai-blocks","ai-elements","aicanvas","amarjay-ui","astryx","audio-ui","audiocn","audiocn-solid","babelize","blobz","bricked","brio","chewypixel","creance","amplo","animate-ui","approvals-ui","ark-cn","asanshay","assistant-ui","auth0","avertra-ui","ballmac","basecn","baselayer","beadkit","better-auth-ui","beui","billingsdk","bits-ui","bjork-ui","blocks-so","blockforge","blode","boldkit","brut-ui","bundui","buzzform","caliper","catalogs","chamaac","channel3","cligentic","cnippet","cognicatch","corecn","corr","coss","cubby-ui","cult-ui","d2","dashboardblocks","dashboardcn","delta","diarmuradi","diceui","docscn","dominik-ui","dualkit","eased","easeui","ecomcn","efferd","einui","eldoraui","elements","elevenlabs-ui","elsecase","emerald-ui","emstein-ui","ephemera","ericts","esuiss","exabase","extend","fab-ui","facade","fancy-ui","fewtone","fibo","flagcn","flowui","fluent2-react-kit","flowkit-ui","fluid","flx","forgeui","formcn","formscn","frame","framecn","gaia","gammaui","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui","glassyui-native","gooseui","gridcn","gymnopedies","grootstudio","hairline","headcodecms","herocn","hextaui","hirael","honestui","hugeicons-animated","iandefined","iconiq","ikas","ilinxa","indiacn","initium","intentui","interior","isometric","jolyui","joyco","kanpeki","kapwa","karaui","katok-ui","keyframeui","kibo-ui","kobra","kokonutui","lema-ds","limeplay","liquefy-ui","liquikit","litt","livedocs","localmode","lucide-animated","lumiui","lytenyte","manifest","materialcn","microkit","minidev","mischief","mizzle","mksingh","moduix-react","moleculeui","motion-lexicon","motion-primitives","motiq","movin","mui-treasury","motokoui","moumenlab","ncdai","nekode","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","nexus-ui","niko-table","nostalgia-ui","notra","ns-ui","nteract","odysseyui","ogimagecn","oidc","opaline","openstatus","optics","oui","paceui","pacekit","paceui-gsap","paddle","paletteui","pane","panelui","pantoken","pastaui","payload-components","pastecn","photocn","pipecat","pixelact-ui","plate","pluginui","preskok","persianlabsui","prompt-kit","prosekit","pulld","pureui","quill","ramonclaudio-coderabbit","rawkitui","react-aria","react-easy-modals","react-slot","reactframe","registrydirectory","rescript-shadcn","retab","retroui","reui","roiui","sc1m","scrimui","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-editor","shadcn-exchange","shadcn-map","shadcn-studio","shadcn-ui-blocks","shadcndesign","shadcnhooks","shadcnmaps","shadcnstore","shoogle","silicon-ui","simple-ai","siteplane","skrewww","smoothui","snapcn","soldevelo","soralabs","sortui","spaceui","spectrumui","spell","ssych","stacklyui","starseam","stealth","stepper","studio-blocks","stylexui","supabase","shuip","swiftui-flx","tailark","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","tessli","tuiparts","terrae","tetra-ui","thegridcn","toc-cn","tool-ui","trophy-ui","turbopills-ui","tweenly","twelfth","typedora-ui","uai","ui-layouts","uiarc","uicapsule","uitripled","uniquel","unlumen-ui","uselayouts","vadivam","vectorstudio-ir","utilcn","visant","wa-ui","wandry-ui","washiveil","watermelon","waves-cn","wds","wensity","wigggle-ui","saastro","xevrion","yukihi","kaui","velobits","velora","viberdy","vue-bits","svelte-bits","aniui","tile-ui","vllnt-ui","shadcn-dashboard","usva","mediadrop","ai2","whiskeyjack","atroui","remotionui","onchain-ui","afterglow","quiz-ui","corsair-ui"]},{"id":"media","label":"media","count":311,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","8starlabs-ui","aayurt","abstract","abui","aceternity","agentui","ai-elements","aicanvas","akoder","amarjay-ui","animateicons","astryx","bevel","blobz","blockdex","bricked","brio","chewypixel","creance","creative-ui","animate-ui","animbits","arc","ark-cn","assistant-ui","avertra-ui","ballmac","basecn","better-auth-ui","better-upload","beui","bits-ui","bjork-ui","blobatar","blocks-so","blockforge","blode","boldkit","brut-ui","bundui","buzzform","caliper","cardcn","catalogs","chamaac","channel3","clerk","cnippet","componentry","corecn","corr","coss","crafterui","cubby-ui","cult-ui","d2","dashboardblocks","delta","diarmuradi","diceui","docscn","eased","easeui","ecomcn","efferd","einui","elements","emerald-ui","ephemera","esuiss","exabase","extend","fab-ui","fancy-ui","fewtone","fibo","flagcn","flowui","fluent2-react-kit","fluid","flx","formcn","framecn","gaia","gamekitui","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui","glassyui-native","glint-ui","gridcn","gymnopedies","grootstudio","ha-components","hairline","herocn","heyompatil","hextaui","hirael","honestui","hugeicons-animated","hugeicons-animated-vue","iandefined","iconiq","ikas","ilinxa","indiacn","inferencesh","intentui","interior","isometric","jalco","jolyui","joyco","kanpeki","karaui","katok-ui","keyframeui","kibo-ui","kobra","kokonutui","launchui","lema-ds","lens-blocks","limeplay","liquefy-ui","liquikit","litt","loadercn","loading-ui","localmode","lucide-animated","lumiui","magicui","manifest","materialcn","mewo","microkit","minidev","mischief","mizzle","moduix-react","moleculeui","morphiq","motion-lexicon","motion-primitives","motiq","movin","mui-treasury","moumenlab","ncdai","nekode","neobrutal-ui","neobrutalism","nexus-labs","nexus-ui","nordaun","nostalgia-ui","ns-ui","nteract","nusaiba","nysgpt","odysseyui","ogimagecn","optics","organui","oui","paceui","pacekit","paceui-gsap","pane","panelui","pantoken","pastaui","payload-components","pastecn","photocn","pipecat","pixelact-ui","plate","preskok","persianlabsui","prompt-kit","prosekit","pulkitxm","pulld","pureui","quill","rawkitui","react-aria","react-bits","reactframe","registrydirectory","remocn","rescript-shadcn","retab","retroui","reui","roiui","sc1m","scrimui","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-exchange","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnhooks","shadcnstore","shadcnui-blocks","shaderscn","shoogle","silicon-ui","siteplane","skecher-ui","skiper-ui","skrewww","slide-cn","slidecn","smoothui","snapcn","solaceui","soldevelo","sona-ui","soralabs","sortui","soundcn","spaceui","spark-ui","spectrumui","spell","ssych","stacklyui","starseam","stealth","stylexui","supabase","sureui","svgl","swiftui-flx","systaliko-ui","tailark","tailgrids","tailwind-admin","taki","termcn","tessli","terrae","tetra-ui","thegridcn","tool-ui","tween-ui","tweenly","uai","ui-layouts","uiarc","uicapsule","uiception","uitripled","uniquel","unlumen-ui","upfork","uploadcn","uselayouts","uui","vectorstudio-ir","utilcn","videojs","visant","wa-ui","washiveil","watermelon","waves-cn","wensity","wigggle-ui","saastro","xevrion","yukihi","zippystarter","uiable","velobits","velora","viberdy","videocn","vue-bits","svelte-bits","aniui","tile-ui","vllnt-ui","shadcn-dashboard","usva","atelier","mediadrop","ai2","atroui","knot-ui","remotionui","vernostudio","afterglow","quiz-ui","corsair-ui"]},{"id":"buttons","label":"buttons","count":306,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","8starlabs-ui","aayurt","abstract","aceternity","aevr","agents-ui","aicanvas","akoder","amarjay-ui","astryx","audio-ui","audiocn","audiocn-solid","babelize","bevel","blockdex","bricked","brio","chewypixel","creance","amplo","animate-ui","animbits","ark-cn","asanshay","assistant-ui","avertra-ui","balick","ballmac","basecn","baselayer","beste-ui","better-auth-ui","better-upload","beui","bjork-ui","blockforge","blode","boldkit","brut-ui","bundui","buzzform","caliper","chamaac","cligentic","cnippet","corecn","corr","coss","cubby-ui","cult-ui","d2","delego","delta","dgit","diarmuradi","docscn","dualkit","eased","easeui","efferd","einui","eldoraui","elements","emerald-ui","ephemera","ericts","esuiss","evilbuttons","exabase","extend","fab-ui","facade","fancy-ui","fewtone","fibo","flowui","fluent2-react-kit","fluid","flx","forgeui","formscn","frame","framecn","gaia","gammaui","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui","glassyui-native","glint-ui","gooseui","gymnopedies","grootstudio","ha-components","hairline","hazeglow","herocn","heroicons-animated","heyompatil","hextaui","hexui","hirael","honestui","iandefined","iconiq","ikas","ilinxa","indiacn","initium","intentui","interior","isometric","jalco","jolyui","joyco","kanpeki","karaui","katok-ui","kibo-ui","kobra","kokonutui","launchui","lema-ds","lens-blocks","liquefy-ui","liquikit","litt","livedocs","localmode","lumiui","magicui","materialcn","microkit","minidev","mischief","mizzle","mksingh","moduix-react","moleculeui","morphiq","motion-lexicon","motiq","movin","mui-treasury","motokoui","navui","ncdai","nekode","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","niko-table","nostalgia-ui","notionic","notra","ns-ui","nteract","nusaiba","odysseyui","opaline","openstatus","optics","oui","paceui","pacekit","paceui-gsap","paddle","pane","panelui","pantoken","payload-components","pipecat","pixelact-ui","plate","pluginui","preskok","persianlabsui","prompt-kit","prosekit","pulkitxm","pulld","pureui","quill","ratneshc","rawkitui","react-aria","reactframe","registrydirectory","rescript-shadcn","retab","retroui","roiui","sabraman","satoriui","sc1m","scrimui","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-exchange","shadcn-map","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnhooks","shadcnstore","shadcnui-blocks","shaderscn","shieldcn","shover","silicon-ui","siteplane","skrewww","smoothui","snapcn","sona-ui","soonish","soralabs","sortui","soundcn","spaceui","spectrumui","spell","ssych","stacklyui","starck","starseam","stealth","stepper","stylexui","sureui","shuip","swiftui-flx","systaliko-ui","tailark","tailgrids","tailwind-admin","taki","tessli","toggles","tuiparts","tetra-ui","thegridcn","tokenui","turn","tween-ui","tweenly","uai","ui-layouts","ui-shrushank","uiarc","uicapsule","uiception","uitripled","uniquel","unlumen-ui","upfork","uploadcn","uselayouts","vectorstudio-ir","videojs","visant","wa-ui","wandry-ui","washiveil","watermelon","waves-cn","wds","wensity","wigggle-ui","xcn","saastro","xevrion","yukihi","kaui","velobits","velora","viberdy","videocn","vue-bits","svelte-bits","aniui","tile-ui","vllnt-ui","usva","ai2","whiskeyjack","atroui","knot-ui","onchain-ui","afterglow","corsair-ui"]},{"id":"navigation","label":"navigation","count":274,"library_ids":["shadcn","000h-cojeev","1st-pouf","8bitcn","8starlabs-ui","aayurt","abui","aceternity","aicanvas","algolia","amarjay-ui","astryx","audio-ui","audiocn-solid","babelize","bevel","blobz","blockdex","bricked","chewypixel","creance","animate-ui","animbits","ark-cn","assistant-ui","avertra-ui","balick","ballmac","basecn","baselayer","beui","bjork-ui","blocks-so","blode","boldkit","brainless","brut-ui","bundui","buzzform","caliper","chamaac","cnippet","componentry","contentbit","corecn","corr","coss","crafterui","cubby-ui","cult-ui","d2","darx","dashboardblocks","dashboardcn","delta","dgit","diarmuradi","diceui","docscn","dominik-ui","dsikeres1","dualkit","eased","easeui","ecomcn","einui","eldoraui","elements","emend","ephemera","ericts","esuiss","exabase","extend","fab-ui","facade","fancy-ui","fewtone","fibo","fluent2-react-kit","fluid","flx","forgeui","formcn","frame","framecn","gaia","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui","glassyui-native","glint-ui","gridcn","gymnopedies","hairline","herocn","heyompatil","hextaui","hirael","honestui","iandefined","iconiq","ikas","indiacn","intentui","interior","isometric","jalco","jolyui","joyco","jpmarques","kanpeki","karaui","keyframery","keyframeui","kobra","kokonutui","launchui","lema-ds","liquefy-ui","liquikit","litt","lumiui","magicui","materialcn","mewo","microkit","minidev","mischief","mizzle","moduix-react","moleculeui","morphiq","motion-menu","motion-lexicon","motion-primitives","motiq","mui-treasury","motokoui","moumenlab","navui","ncdai","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","niko-table","nostalgia-ui","notionic","notra","ns-ui","odysseyui","opaline","optics","oui","paceui","pacekit","pane","panelui","pantoken","pastaui","photocn","pixelact-ui","plate","pluginui","preskok","persianlabsui","prosekit","pulkitxm","pulld","pureui","quill","rawkitui","react-aria","react-bits","reactframe","registrydirectory","rescript-shadcn","retroui","reui","roiui","sc1m","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-editor","shadcn-space","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","shark","silicon-ui","siteplane","skecher-ui","skrewww","slide-cn","smoothui","solaceui","soldevelo","sona-ui","soralabs","sortui","spaceui","spectrumui","square-ui","ssych","stacklyui","starck","starseam","stealth","stepper","stylexui","sureui","swiftui-flx","systaliko-ui","tablecn","tailark","tailgrids","taki","termcn","tuiparts","tetra-ui","thegridcn","toc-cn","turn","tween-ui","tweenly","uai","ui-layouts","ui-shrushank","uiarc","uicapsule","uiception","uitripled","uniquel","unlumen-ui","upfork","uploadcn","uselayouts","vectorstudio-ir","videojs","visant","wa-ui","washiveil","watermelon","wensity","wigggle-ui","saastro","xevrion","yukihi","uiable","velobits","velora","viberdy","vue-bits","svelte-bits","aniui","tile-ui","vllnt-ui","usva","ai2","whiskeyjack","atroui","knot-ui","afterglow","quiz-ui","corsair-ui"]},{"id":"overlays","label":"overlays","count":269,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","8starlabs-ui","aayurt","abstract","aceternity","agentcn","ai-elements","aicanvas","alexandrejoly","algolia","amarjay-ui","astryx","audiocn","audiocn-solid","bevel","blockdex","bricked","chewypixel","creance","animate-ui","animbits","ark-cn","assistant-ui","avertra-ui","ballmac","basecn","baselayer","beui","billingsdk","bjork-ui","bklit","blocks-so","blockforge","blode","boldkit","brut-ui","bundui","buzzform","caliper","catalogs","cligentic","cnippet","cognicatch","corecn","corr","coss","crafterui","creative-tim","cubby-ui","cult-ui","d2","dashboardblocks","data-table-filters","delta","diarmuradi","diceui","docscn","dualkit","eased","easeui","ecomcn","einui","emerald-ui","ephemera","ericts","esuiss","evilcharts","exabase","extend","fab-ui","facade","fancy-ui","fewtone","fibo","fluent2-react-kit","fluid","flx","forgeui","formscn","framecn","gaia","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui","glassyui-native","glint-ui","gooseui","gridcn","gymnopedies","grootstudio","ha-components","hairline","herocn","hextaui","hexui","honestui","hugeicons-animated-vue","iandefined","iconiq","ikas","indiacn","initium","intentui","interior","jolyui","joyco","kanpeki","kapwa","karaui","keyframery","kibo-ui","kobra","kokonutui","lema-ds","lens-blocks","liquefy-ui","liquikit","litt","localmode","lumiui","magicui","materialcn","minidev","mizzle","moduix-react","moleculeui","motion-lexicon","motion-primitives","motiq","mui-treasury","motokoui","moumenlab","nekode","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","nexus-ui","nostalgia-ui","notra","ns-ui","odysseyui","opaline","openpolicy","openstatus","optics","oui","paceui","pacekit","paceui-gsap","pane","panelui","pantoken","pastaui","pixelact-ui","plate","plotcn","preskok","persianlabsui","prosekit","pulld","pureui","quill","rawkitui","react-aria","react-easy-modals","reactframe","registrydirectory","remocn","rescript-shadcn","retab","retroui","reui","roiui","sabraman","sc1m","scrimui","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-map","shadcn-space","shadcn-ui-blocks","shadcncraft","shadcndesign","shadcnmaps","shadcnui-blocks","silicon-ui","siteplane","skiper-ui","skrewww","slide-cn","smoothui","soldevelo","sona-ui","soralabs","sortui","soundcn","spaceui","spectrumui","ssych","stacklyui","starck","starseam","stealth","stylexui","sureui","shuip","tactile","tailark","tailgrids","tailwind-admin","taki","termcn","tuiparts","tetra-ui","thegridcn","tokenui","tour","trophy-ui","tween-ui","tweenly","uai","ui-layouts","uiarc","uicapsule","uiception","uitripled","uniquel","unlumen-ui","uploadcn","uselayouts","uui","vectorstudio-ir","videojs","visant","washiveil","watermelon","wensity","wigggle-ui","saaskit","saastro","xevrion","yukihi","uiable","velobits","velora","viberdy","aniui","tile-ui","vllnt-ui","shadcn-dashboard","usva","ai2","whiskeyjack","atroui","knock-codes","afterglow","quiz-ui","corsair-ui"]},{"id":"loaders","label":"loaders","count":249,"library_ids":["shadcn","1st-pouf","8bitcn","aayurt","abui","aceternity","aevr","agentui","ai-elements","aicanvas","akoder","astryx","blockdex","bricked","chewypixel","creance","animate-ui","animbits","ark-cn","asanshay","assistant-ui","avertra-ui","balick","ballmac","baraile-loader","basecn","beadkit","better-upload","beui","bjork-ui","bklit","blode","boldkit","brut-ui","bundui","caliper","chamaac","cnippet","commercn","corecn","corr","coss","craftui","cubby-ui","cult-ui","d2","dashboardblocks","dashboardcn","diceui","dominik-ui","dotmatrix","eased","easeui","efferd","einui","elements","elsecase","ephemera","ericts","esuiss","evilcharts","exabase","extend","fab-ui","fancy-ui","fewtone","fibo","fluent2-react-kit","fonttrio","forgeui","formscn","framecn","gaia","gc-solid","getitdone","geturui","glass-ui","glasscn","glassyui","glassyui-native","gooseui","gridcn","gymnopedies","grootstudio","hairline","herocn","heyompatil","hextaui","hirael","honestui","iandefined","iconiq","ikas","ilinxa","indiacn","inferencesh","intentui","interior","isometric","kanpeki","karaui","keyframery","keyframeui","kibo-ui","kobra","kokonutui","lema-ds","limeplay","liquefy-ui","litt","lmscn","loadercn","loading-ui","localmode","lumiui","lytenyte","magicui","manifest","materialcn","mewo","microkit","minidev","mischief","mizzle","moduix-react","moleculeui","motion-lexicon","motion-primitives","motiq","movin","mui-treasury","motokoui","ncdai","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","nexus-ui","nordaun","nostalgia-ui","notra","odysseyui","optics","organui","paceui","pacekit","paceui-gsap","pane","pantoken","pastaui","pixelact-ui","plotcn","preskok","persianlabsui","prompt-kit","prosekit","pulkitxm","pulld","pureui","ratneshc","rawkitui","react-aria","react-easy-modals","reactframe","registrydirectory","remocn","rescript-shadcn","retab","retroui","roiui","sans","satoriui","sc1m","scrollxui","seamui","sevenui","sf-fleet-hud","shadcncraft","shoogle","silicon-ui","siteplane","skrewww","slide-cn","smoothui","soonish","soralabs","sortui","spaceui","spark-ui","spectrumui","spell","stacklyui","starseam","stealth","swiftui-flx","tailark","tailgrids","tailwind-admin","taki","termcn","tetra-ui","thegridcn","toc-cn","tool-ui","tour","turbopills-ui","tween-ui","tweenly","uai","ui-layouts","uiarc","uicapsule","uitripled","uniquel","unlumen-ui","uploadcn","uui","vectorstudio-ir","utilcn","visant","washiveil","wds","wensity","wigggle-ui","saastro","xevrion","yukihi","uiable","velobits","velora","viberdy","vue-bits","svelte-bits","aniui","tile-ui","vllnt-ui","shadcnloaders","usva","atomloader","mediadrop","ai2","whiskeyjack","atroui","remotionui","vernostudio","afterglow","quiz-ui","corsair-ui"]},{"id":"blocks","label":"blocks","count":246,"library_ids":["000h-cojeev","1st-pouf","7ovr","8bitcn","abui","aceternity","agentui","ai-blocks","ai-elements","aicanvas","akoder","amarjay-ui","animateicons","astryx","audio-ui","blockdex","bricked","chewypixel","creative-ui","animate-ui","arc","asanshay","assistant-ui","axicharts","balick","ballmac","beadkit","beste-ui","beui","bits-ui","bjork-ui","blocks-so","blockforge","blockus","boldkit","bundui","caliper","catalogs","chamaac","commercn","componentry","contentbit","corecn","corr","crafterui","craftui","creative-tim","cubby-ui","cult-ui","d2","dashboardblocks","delta","diarmuradi","docscn","doras-ui","eased","easeui","ecomcn","efferd","einui","eldoraui","elements","emerald-ui","ericts","esuiss","evilcharts","extend","facade","flx","forgeui","frame","framecn","gaia","gammaui","getitdone","geturui","glasscn","glint-ui","gooseui","gymnopedies","hazeglow","herocn","heroicons-animated","heyompatil","hextaui","hexui","hirael","iandefined","iconiq","ikas","ilinxa","inferencesh","initium","isometric","jalco","jolyui","karaui","keyframeui","kibo-ui","kobra","kokonutui","launchui","layish","lema-ds","lens-blocks","litt","localmode","logoforge","lucide-animated","lumiui","magicui","manifest","mapcn","mewo","minidev","mischief","mizzle","moduix-react","moleculeui","motion-lexicon","motiq","mozaika","mui-treasury","motokoui","n3wth","navui","ncdai","neobrutal-ui","nessra-ui","nexus-labs","notionic","notra","ns-ui","nusaiba","nysgpt","odysseyui","opaline","optics","paceui","pacekit","pantoken","pastaui","payload-components","pastecn","pipecat","pixelact-ui","plate","plotcn","persianlabsui","prompt-kit","prosekit","pulld","quill","react-bits","react-slot","reactframe","remocn","retab","roiui","sabraman","satoriui","scrollxui","seamui","shadcn-editor","shadcn-exchange","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","shadcnuikit","shaderscn","shoogle","silicon-ui","skecher-ui","slide-cn","slidecn","smoothui","snapcn","solaceui","soldevelo","sona-ui","soralabs","sortui","spaceui","spark-ui","spectrumui","square-ui","starck","starseam","studio-blocks","stylexui","supabase","shuip","systaliko-ui","tablecn","tailark","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","tessli","text-ui","toc-cn","tool-ui","turn","tween-ui","tweenly","uai","ui-layouts","uiarc","uicapsule","uiception","uitripled","uniquel","upfork","uploadcn","visant","w3-kit","wa-ui","watermelon","wensity","saastro","xevrion","yukihi","zippystarter","uiable","velobits","velora","viberdy","aniui","vllnt-ui","shadcn-dashboard","usva","atomloader","mediadrop","atroui","knock-codes","knot-ui","remotionui","afterglow","corsair-ui"]},{"id":"animation","label":"animation","count":230,"library_ids":["000h-cojeev","3d-viewer","8bitcn","8starlabs-ui","abui","aceternity","agentfaces","aicanvas","akoder","alexandrejoly","animateicons","audio-ui","audiocn","audiocn-solid","bevel","blockdex","chewypixel","crucible","amicro","animate-ui","animbits","arc","ark-cn","asanshay","awwwardedui","balick","ballmac","benday","beui","billingsdk","bjork-ui","bklit","blockforge","boldkit","bundui","caliper","catalogs","chamaac","commercn","componentry","corecn","corr","crafterui","craftui","cubby-ui","cult-ui","d2","darx","dashboardblocks","delta","diarmuradi","diceui","dominik-ui","dotmatrix","eased","easeui","efferd","eldoraui","emerald-ui","ericts","evilbuttons","evilcharts","fab-ui","facade","fancy-ui","fewtone","flightcn","fluid","flx","forgeui","framecn","gammaui","gauge-ui","geturui","glint-ui","gooseui","gymnopedies","grootstudio","hairline","hazeglow","herocn","heroicons-animated","heyompatil","hextaui","hexui","hirael","honestui","hugeicons-animated","hugeicons-animated-vue","iandefined","iconiq","icons-animated","ikas","interior","jolyui","joyco","jpmarques","kanpeki","karaui","keyframery","keyframeui","kibo-ui","kind-ui","kinetic","kokonutui","lema-ds","liquefy-ui","litt","loadercn","loading-ui","lucide-animated","magicui","mewo","microkit","minidev","mischief","mizzle","moduix-react","morphiq","motion-menu","motion-lexicon","motion-primitives","motiq","movin","mui-treasury","navui","ncdai","nekode","neobrutal-ui","neobrutalism","neon-ui","nexus-labs","ns-ui","nusaiba","odysseyui","oui","paceui","pacekit","paceui-gsap","paletteui","payload-components","phucbm","plotcn","pulkitxm","pulld","pureui","rawkitui","react-bits","react-easy-modals","reactframe","remocn","rescript-shadcn","roiui","satoriui","scrollxui","seamui","sekei","sevenui","shadcn-studio","shadcn-ui-blocks","shadcncraft","shadcnstore","shadcnui-blocks","silicon-ui","siteplane","skecher-ui","skiper-ui","slidecn","smoothui","snapcn","solaceui","sona-ui","soonish","soralabs","soundcn","spark-ui","spectrumui","spell","stacklyui","starck","stealth","styleui","svgl","systaliko-ui","tailark","tailwind-admin","termcn","toggles","terrae","text-ui","thegridcn","toc-cn","tween-ui","tweenly","uai","ui-layouts","ui-shrushank","uiarc","uitripled","uniquel","unlumen-ui","upfork","uploadcn","uselayouts","uui","visant","watermelon","wensity","xcn","xevrion","velobits","velora","viberdy","vue-bits","svelte-bits","aniui","vllnt-ui","grainly-icons","shadcnloaders","usva","atelier","atomloader","ai2","whiskeyjack","atroui","knot-ui","remotionui","afterglow","quiz-ui","corsair-ui"]},{"id":"charts","label":"charts","count":190,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","8starlabs-ui","aayurt","abstract","abui","agentcn","aicanvas","akoder","amarjay-ui","animateicons","audio-ui","bevel","blockdex","bricked","chewypixel","creance","crucible","animate-ui","assistant-ui","axicharts","basecn","beui","bjork-ui","bklit","boldkit","brut-ui","bundui","caliper","catalogs","channel3","cnippet","componentry","corecn","corr","cult-ui","d2","dashboardblocks","dashboardcn","data-table-filters","diarmuradi","docscn","eased","easeui","einui","eldoraui","esuiss","evilcharts","exabase","flightcn","fluid","fonttrio","framecn","gaia","gc-solid","getitdone","geturui","glass-ui","gooseui","gpt-vis","gymnopedies","hairline","herocn","heroicons-animated","heyompatil","hextaui","hirael","honestui","hugeicons-animated","iconiq","ikas","indiacn","intentui","jalco","joyco","kanpeki","kapwa","karaui","kibo-ui","kind-ui","kinetic","kobra","lema-ds","litt","livedocs","localmode","logoforge","lucide-animated","lumiui","mapcn","minidev","mksingh","moduix-react","moleculeui","motion-menu","motion-lexicon","motiq","mozaika","navui","ncdai","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nostalgia-ui","ns-ui","nusaiba","ogimagecn","optics","organui","paceui","pacekit","plate","plotcn","pluginui","preskok","prosekit","pulld","quill","rawkitui","reactframe","registrydirectory","remocn","rescript-shadcn","retroui","roiui","sevenui","sf-fleet-hud","shadcn-space","shadcn-ui-blocks","shadcnblocks","shadcnstore","shadcnuikit","shaderscn","shoogle","silicon-ui","siteplane","skrewww","smoothui","snapcn","sona-ui","sortui","spectrumui","spell","square-ui","ssych","starseam","studio-blocks","stylexui","tailark","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","terrae","text-ui","thegridcn","tokenui","tool-ui","trophy-ui","tweenly","twelfth","ui-shrushank","uiarc","uicapsule","uitripled","unlumen-ui","uselayouts","vectorstudio-ir","visant","washiveil","waves-cn","wensity","wick-charts","heatmap","xevrion","aniui","threecn","tile-ui","vllnt-ui","voraui","shadcn-dashboard","whiskeyjack","remotionui","afterglow","corsair-ui"]},{"id":"tables","label":"tables","count":189,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","aayurt","abui","aceternity","aicanvas","animateicons","astryx","blobz","bricked","creance","ark-cn","assistant-ui","auth0","avertra-ui","basecn","baselayer","beadkit","beui","billingsdk","bjork-ui","blobatar","blocks-so","blockforge","blode","boldkit","brut-ui","bundui","caliper","cnippet","corecn","corr","coss","craftui","cubby-ui","cult-ui","d2","dashboardblocks","dashboardcn","data-table-filters","diceui","docscn","eased","easeui","einui","emstein-ui","ephemera","esuiss","exabase","facade","fancy-ui","fewtone","fibo","flowkit-ui","fluid","gc-solid","glass-ui","gpt-vis","gridcn","gymnopedies","hairline","herocn","hextaui","hirael","honestui","iandefined","iconiq","icons-animated","ikas","ilinxa","indiacn","inferencesh","intentui","interior","jalco","jolyui","joyco","kanpeki","kapwa","karaui","kibo-ui","kind-ui","kobra","lema-ds","liquefy-ui","litt","localmode","logoforge","lytenyte","manifest","minidev","mischief","moduix-react","motion-lexicon","motiq","mozaika","nekode","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","niko-table","nostalgia-ui","notionic","notra","ns-ui","optics","oui","paceui","pacekit","pantoken","pastaui","payload-components","plate","pluginui","preskok","persianlabsui","prosekit","pulld","quill","rawkitui","react-aria","react-slot","reactframe","registrydirectory","rescript-shadcn","retab","retroui","reui","roiui","sevenui","sf-fleet-hud","shadcn-space","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcnstore","shadcnui-blocks","silicon-ui","siteplane","skecher-ui","skrewww","soldevelo","sortui","spaceui","spectrumui","spell","square-ui","ssych","starseam","stepper","studio-blocks","shuip","tablecn","tailgrids","tailwind-admin","tailwind-builder","taki","tessli","thegridcn","toc-cn","tool-ui","tweenly","uai","uiarc","uicapsule","uiception","uploadcn","vectorstudio-ir","videojs","visant","washiveil","watermelon","wensity","saaskit","saastro","xevrion","yukihi","velobits","viberdy","aniui","tile-ui","vllnt-ui","ai2","afterglow","corsair-ui"]},{"id":"hooks","label":"hooks","count":188,"library_ids":["shadcn","8bitcn","8starlabs-ui","aayurt","abstract","abui","aevr","agents-ui","ai-blocks","astryx","audio-ui","audiocn","audiocn-solid","babelize","crucible","animate-ui","animbits","asanshay","assistant-ui","basecn","baselayer","beadkit","better-upload","bits-ui","bjork-ui","blode","boldkit","channel3","cligentic","coss","craftui","cubby-ui","cult-ui","d2","darx","devl","dgit","diarmuradi","diceui","dsikeres1","efferd","einui","eldoraui","elements","ericts","evilcharts","exabase","extend","fab-ui","facade","fluent2-react-kit","flowkit-ui","fluid","formcn","frame","gaia","gamifykit","gauge-ui","gc-solid","getitdone","glasscn","glint-ui","gooseui","gymnopedies","hairline","herocn","heyompatil","hextaui","hirael","iandefined","iconiq","interior","isometric","jolyui","joyco","kanpeki","keyframery","kibo-ui","kokonutui","lens-blocks","limeplay","liquefy-ui","livedocs","localmode","lumiui","materialcn","microkit","mischief","mksingh","moleculeui","motion-primitives","motiq","n3wth","ncdai","neon-ui","nessra-ui","nexus-elements","nexus-ui","nordaun","nostalgia-ui","nuqs","odysseyui","opaline","openstatus","optics","organui","paceui","pacekit","paceui-gsap","paddle","pane","pantoken","pastecn","paykit-sdk","pipecat","pixelact-ui","preskok","persianlabsui","pureui","ratneshc","rawkitui","react-aria","react-easy-modals","react-slot","rescript-shadcn","retab","reui","roiui","scrollxui","seamui","sekei","sf-fleet-hud","shadcn-space","shadcn-studio","shadcnhooks","shark","skiper-ui","smoothui","sona-ui","soralabs","sortui","soundcn","spectrumui","ssych","stacklyui","stealth","stepper","supabase","shuip","svgl","systaliko-ui","tailark","tailwind-admin","taki","termcn","tessli","terrae","tour","turbopills-ui","turn","tweenly","typedora-ui","ui-layouts","unlumen-ui","uploadcn","vectorstudio-ir","utilcn","visant","w3-kit","waves-cn","wensity","wigggle-ui","yukihi","kaui","velobits","svelte-bits","tile-ui","vllnt-ui","shadcn-dashboard","ai2","whiskeyjack","knock-codes","remotionui","onchain-ui","afterglow","agent-ui-kit","agentblog","corsair-ui"]},{"id":"ai","label":"ai","count":177,"library_ids":["000h-cojeev","7ovr","8starlabs-ui","aayurt","abstract","agentcn","agentfaces","agents-ui","agentui","ai-blocks","ai-elements","aicanvas","akoder","algolia","animateicons","bevel","creance","crucible","asanshay","assistant-ui","auth0","ballmac","beadkit","benday","better-auth-ui","beui","bjork-ui","blobatar","blocks-so","blode","brainless","chamaac","cligentic","cognicatch","contentbit","coss","creative-tim","cult-ui","d2","dashboardblocks","data-table-filters","delego","delta","docscn","dominik-ui","eased","easeui","elements","elevenlabs-ui","emend","evex","exabase","extend","fancy-ui","flagcn","flightcn","fluid","formcn","frame","framecn","gaia","geturui","glass-ui","gpt-vis","ha-components","hairline","headcodecms","hextaui","hugeicons-animated","hugeicons-animated-vue","iconiq","inferencesh","initium","jalco","jolyui","joyco","karaui","katok-ui","keyframeui","keyline","kibo-ui","kobra","kokonutui","layish","litt","localmode","logoforge","lucide-animated","manifest","minidev","mischief","mizzle","motion-lexicon","motiq","mozaika","mui-treasury","motokoui","ncdai","neon-ui","nexus-labs","nexus-ui","notra","ns-ui","odysseyui","openpolicy","openmirai","optics","organui","paceui-gsap","panelui","pantoken","pastaui","pastecn","paykit-sdk","pipecat","pixel-openspace","plate","prompt-kit","pulld","quill","rescript-shadcn","reui","roiui","sc1m","scrimui","seamui","shadcn-ui-blocks","shadcndesign","shadcnuikit","shaderscn","silicon-ui","simple-ai","siteplane","skecher-ui","skrewww","smoothui","snapcn","sona-ui","sortui","spaceui","spectrumui","ssych","sureui","svgl","systaliko-ui","tailark","tailgrids","tailwind-builder","taki","termcn","thegridcn","tool-ui","turn","tweenly","uai","uiarc","uicapsule","uiception","uitripled","unlumen-ui","uselayouts","vadivam","utilcn","videojs","wensity","yukihi","zippystarter","viberdy","aniui","vllnt-ui","shadcn-dashboard","atelier","ai2","remotionui","afterglow","agent-ui-kit","agentblog"]},{"id":"theming","label":"theming","count":174,"library_ids":["shadcn","8bitcn","aayurt","akoder","astryx","bevel","blockdex","creance","amplo","animate-ui","animbits","assistant-ui","auth0","balick","baselayer","better-auth-ui","beui","boldkit","caliper","clerk","colorshot","cubby-ui","delego","dgit","diceui","docscn","dominik-ui","dsikeres1","eased","easeui","ecomcn","einui","elements","ephemera","esuiss","evilbuttons","evilcharts","exabase","facade","fewtone","fibo","fluent2-react-kit","fonttrio","gamekitui","gc-solid","getitdone","geturui","glass-ui","glassyui","gooseui","gridcn","gymnopedies","grootstudio","ha-components","hairline","hazeglow","heyompatil","hextaui","iconiq","ikas","indiacn","intentui","jalco","jolyui","joyco","kanpeki","karaui","kibo-ui","launchui","litt","logoforge","lumiui","lytenyte","magicui","mapcn","materialcn","mischief","mksingh","moduix-react","motion-lexicon","mozaika","mui-treasury","motokoui","moumenlab","ncdai","neobrutal-ui","nexus-labs","nostalgia-ui","nusaiba","odysseyui","opaline","openstatus","optics","oui","pacekit","paletteui","pantoken","pixelact-ui","plotcn","pluginui","pmndrs","preskok","prosekit","pulld","quill","react-aria","react-slot","retroui","roiui","sc1m","seamui","sevenui","sf-fleet-hud","shadcn-space","shadcn-studio","shadcnblocks","shadcndesign","shadcnmaps","shadcnstore","shadcnui-blocks","shadcnuikit","shieldcn","silicon-ui","siteplane","slide-cn","slidecn","sona-ui","sortui","starseam","shuip","swiftui-flx","tailark","tailwind-admin","taki","termcn","tuiparts","thegridcn","tokenui","tour","trophy-ui","turn","tweenly","uai","ui-shrushank","uiarc","uicapsule","unlumen-ui","uselayouts","uui","videojs","visant","wa-ui","washiveil","wensity","wick-charts","wigggle-ui","wxcn","xevrion","yukihi","zippystarter","velobits","velora","viberdy","videocn","threecn","tile-ui","usva","ai2","whiskeyjack","atroui","vernostudio","afterglow","agentblog","corsair-ui"]},{"id":"auth","label":"auth","count":173,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","abstract","agents-ui","audio-ui","bricked","assistant-ui","auth0","avertra-ui","basecn","beste-ui","better-auth-ui","bjork-ui","blocks-so","blockforge","blode","boldkit","brainless","brut-ui","bundui","buzzform","caliper","catalogs","clerk","cligentic","cnippet","corecn","coss","cubby-ui","cult-ui","d2","dashboardblocks","delego","delta","dgit","diarmuradi","easeui","efferd","einui","eldoraui","elements","emerald-ui","ericts","esuiss","exabase","fewtone","flowui","forgeui","formscn","gaia","gc-solid","geturui","glass-ui","ha-components","hairline","headcodecms","herocn","heyompatil","hextaui","hexui","hirael","iandefined","iconiq","ilinxa","intentui","interior","kanpeki","kobra","lema-ds","lens-blocks","limeplay","liquikit","litt","lmscn","logoforge","lumiui","minidev","mischief","mizzle","moduix-react","motion-lexicon","motiq","mozaika","moumenlab","navui","ncdai","nekode","neobrutal-ui","neobrutalism","neon-ui","nessra-ui","nexus-labs","nostalgia-ui","nusaiba","oidc","opaline","optics","oui","paceui","pacekit","paletteui","payload-components","pipecat","preskok","persianlabsui","pulld","pureui","quill","rawkitui","react-slot","reactframe","registrydirectory","rescript-shadcn","retroui","reui","roiui","sc1m","scrollxui","seamui","sevenui","sf-fleet-hud","shadcn-exchange","shadcn-ui-blocks","shadcnstore","shaderscn","silicon-ui","siteplane","skiper-ui","smoothui","solaceui","soldevelo","sortui","spaceui","spectrumui","starseam","stealth","supabase","tailark","tailgrids","tailwind-admin","taki","termcn","tessli","terrae","tetra-ui","thegridcn","tween-ui","tweenly","uai","uitripled","uploadcn","vectorstudio-ir","visant","wandry-ui","washiveil","wensity","wigggle-ui","saastro","xevrion","velobits","viberdy","aniui","tile-ui","shadcn-dashboard","ai2","atroui","knock-codes","onchain-ui","afterglow","corsair-ui"]},{"id":"dashboard","label":"dashboard","count":172,"library_ids":["shadcn","000h-cojeev","1st-pouf","7ovr","8bitcn","8starlabs-ui","abui","aceternity","agentui","aicanvas","bricked","creance","animate-ui","ark-cn","axicharts","basecn","beadkit","beste-ui","better-auth-ui","beui","bjork-ui","bklit","blocks-so","blode","boldkit","brut-ui","bundui","caliper","cnippet","corecn","corr","coss","d2","dashboardblocks","dashboardcn","delta","dgit","diceui","docscn","efferd","einui","esuiss","evilcharts","exabase","extend","fewtone","flightcn","fluid","forgeui","framecn","gaia","gamifykit","gc-solid","getitdone","geturui","glass-ui","glasscn","glint-ui","gymnopedies","ha-components","headcodecms","herocn","hextaui","hexui","hirael","honestui","hugeicons-animated","iandefined","iconiq","ilinxa","inferencesh","intentui","kanpeki","karaui","keyframeui","kobra","lema-ds","litt","livedocs","localmode","lucide-animated","lumiui","lytenyte","minidev","moduix-react","motion-lexicon","motiq","mozaika","mui-treasury","ncdai","neobrutal-ui","neobrutalism","nexus-labs","nexus-ui","nostalgia-ui","notra","opaline","optics","organui","oui","paceui","pacekit","pane","payload-components","plotcn","preskok","persianlabsui","prompt-kit","quill","ramonclaudio-coderabbit","reactframe","registrydirectory","remocn","rescript-shadcn","retab","retroui","reui","roiui","scrimui","seamui","sevenui","shadcn-map","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcnmaps","shadcnuikit","siteplane","soldevelo","sortui","spectrumui","square-ui","ssych","studio-blocks","stylexui","tailgrids","tailwind-admin","tailwind-builder","taki","termcn","tessli","thegridcn","toc-cn","tool-ui","trophy-ui","uai","uicapsule","uitripled","unlumen-ui","upfork","uselayouts","vectorstudio-ir","watermelon","wensity","wigggle-ui","wxcn","xevrion","yukihi","zenoadmin","uiable","velora","vue-bits","tile-ui","vllnt-ui","shadcn-dashboard","usva","whiskeyjack","atroui","remotionui","afterglow","corsair-ui"]},{"id":"icons","label":"icons","count":158,"library_ids":["shadcn","000h-cojeev","1st-pouf","23rd","7ovr","aicanvas","akoder","animateicons","astryx","bevel","blockdex","bricked","creance","creative-ui","animate-ui","animbits","arc","balick","benday","bjork-ui","blockforge","bundui","chamaac","componentry","craftui","cult-ui","dashboardblocks","delta","diceui","efferd","eldoraui","elements","ericts","evilcharts","exabase","extend","facade","fancy-ui","fluid","flx","frame","framecn","gaia","gammaui","getitdone","geturui","glasscn","glassyui","grootstudio","hairline","herocn","heroicons-animated","heyompatil","hextaui","hirael","honestui","hugeicons-animated","hugeicons-animated-vue","iandefined","iconiq","icons-animated","interior","isometric","jalco","jolyui","kanpeki","keyframery","keyline","kobra","launchui","lema-ds","limeplay","liquefy-ui","litt","logoforge","lucide-animated","magicui","materialcn","microkit","mizzle","moduix-react","motion-lexicon","motiq","mui-treasury","moumenlab","navui","ncdai","nexus-labs","nostalgia-ui","notra","nteract","nusaiba","odysseyui","ogimagecn","openstatus","oui","pantoken","payload-components","pmndrs","preskok","persianlabsui","quill","rawkitui","react-bits","registrydirectory","rescript-shadcn","scrollxui","shadcn-exchange","shadcn-ui-blocks","shadcncraft","shadcndesign","shaderscn","shieldcn","silicon-ui","siteplane","smoothui","snapcn","soralabs","sortui","spaceui","spark-ui","spectrumui","spell","starck","starseam","stealth","svgl","tailark","tailwind-admin","taki","tetra-ui","text-ui","thegridcn","tokenui","tween-ui","ui-layouts","uiarc","uitripled","uniquel","unlumen-ui","upfork","uploadcn","vadivam","vectorstudio-ir","visant","wigggle-ui","saastro","xevrion","yukihi","uiable","velora","viberdy","vue-bits","svelte-bits","grainly-icons","atroui","remotionui","onchain-ui"]},{"id":"pro-available","label":"pro-available","count":153,"library_ids":["1st-pouf","23rd","7ovr","aceternity","agents-ui","ai-blocks","aicanvas","amarjay-ui","blockdex","brio","crucible","arc","assistant-ui","auth0","balick","ballmac","beste-ui","better-auth-ui","beui","billingsdk","bjork-ui","blockforge","blockus","boldkit","bundui","caliper","chamaac","clerk","cnippet","cognicatch","colorshot","corr","coss","craftui","creative-tim","cult-ui","d2","dashboardblocks","delego","devl","dgit","diarmuradi","eased","easeui","efferd","emerald-ui","forgeui","getitdone","geturui","glassyui","glassyui-native","gooseui","gtm","grootstudio","hairline","hextaui","hirael","hugeicons-animated-vue","ilinxa","inferencesh","karaui","katok-ui","keyframeui","kobra","kokonutui","launchui","lema-ds","lytenyte","magicui","materialcn","microkit","minidev","mizzle","motion-primitives","mozaika","n3wth","navui","nexus-elements","nexus-labs","ns-ui","nusaiba","openstatus","paceui","pacekit","paceui-gsap","pastaui","pixelact-ui","plate","preskok","pulld","rawkitui","reactframe","remocn","retroui","reui","satoriui","scrimui","sevenui","shadcn-editor","shadcn-exchange","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","shadcnuikit","shieldcn","siteplane","skiper-ui","smoothui","snapcn","soralabs","sortui","spaceui","ssych","starck","stealth","stylexui","supabase","tactile","tailark","tailgrids","tailwind-admin","tailwind-builder","tessli","tool-ui","tween-ui","uai","ui-layouts","uiarc","uniquel","unlumen-ui","upfork","vectorstudio-ir","wa-ui","wensity","heatmap","saaskit","xevrion","yukihi","zenoadmin","zippystarter","uiable","velora","viberdy","vue-bits","aniui","tile-ui","shadcn-dashboard","ai2"]},{"id":"design-system","label":"design-system","count":149,"library_ids":["shadcn","8bitcn","aayurt","aceternity","aevr","agents-ui","aicanvas","astryx","audio-ui","animate-ui","animbits","asanshay","assistant-ui","basecn","baselayer","beadkit","billingsdk","bits-ui","bjork-ui","boldkit","cligentic","componentry","coss","craftui","creative-tim","cubby-ui","cult-ui","d2","devl","diceui","doras-ui","einui","eldoraui","elevenlabs-ui","ephemera","exabase","fab-ui","facade","fibo","fluent2-react-kit","flowkit-ui","forgeui","formcn","gamifykit","gauge-ui","gc-solid","getitdone","glasscn","glint-ui","gooseui","gymnopedies","herocn","iconiq","indiacn","intentui","isometric","jolyui","joyco","kapwa","kibo-ui","lema-ds","limeplay","liquefy-ui","livedocs","loading-ui","localmode","lumiui","lytenyte","magicui","materialcn","mksingh","moleculeui","motion-primitives","motiq","mozaika","mui-treasury","n3wth","nessra-ui","nexus-elements","nexus-ui","nordaun","nostalgia-ui","notra","nteract","odysseyui","openstatus","optics","oui","pacekit","panelui","pantoken","pixelact-ui","pmndrs","pureui","quill","rawkitui","react-aria","react-slot","retroui","reui","roiui","sc1m","scrollxui","sf-fleet-hud","shadcn-map","shadcn-space","shadcn-studio","shadcncraft","shadcndesign","shadcnuikit","shark","skiper-ui","skrewww","slide-cn","sona-ui","soralabs","sortui","spectrumui","stepper","systaliko-ui","tailark","tailgrids","tailwind-admin","taki","tessli","tetra-ui","thegridcn","tokenui","tour","trophy-ui","turbopills-ui","turn","typedora-ui","ui-layouts","unlumen-ui","vectorstudio-ir","w3-kit","washiveil","waves-cn","wds","wensity","yukihi","uiable","velobits","tile-ui","vllnt-ui","ai2","whiskeyjack","onchain-ui"]},{"id":"accessibility","label":"accessibility","count":141,"library_ids":["shadcn","8starlabs-ui","aevr","ai-blocks","ai-elements","algolia","astryx","audio-ui","bevel","blockdex","amplo","animate-ui","arc","ark-cn","ballmac","basecn","baselayer","billingsdk","bits-ui","blocks-so","blode","brainless","caliper","cardcn","catalogs","channel3","cnippet","cognicatch","commercn","dashboardblocks","diceui","dominik-ui","dsikeres1","ecomcn","efferd","emerald-ui","evilbuttons","evilcharts","fab-ui","facade","fewtone","fibo","flagcn","flowkit-ui","fonttrio","forgeui","formcn","gc-solid","glass-ui","glasscn","gooseui","hazeglow","herocn","hextaui","hugeicons-animated-vue","iconiq","indiacn","intentui","jolyui","jpmarques","kanpeki","keyline","kibo-ui","kind-ui","launchui","liquefy-ui","lmscn","loading-ui","logoforge","lucide-animated","lumiui","lytenyte","materialcn","moduix-react","moleculeui","motiq","mui-treasury","nessra-ui","nexus-ui","openstatus","oui","paletteui","pastaui","pixelact-ui","plotcn","preskok","prompt-kit","prosekit","pulld","pureui","quill","react-aria","react-bits","rescript-shadcn","satoriui","seamui","shadcn-editor","shadcn-space","shadcn-studio","shadcn-ui-blocks","shadcnblocks","shadcndesign","shadcnmaps","shadcnui-blocks","shark","shieldcn","siteplane","solaceui","sona-ui","spectrumui","spell","square-ui","starck","stealth","stepper","systaliko-ui","tablecn","taki","termcn","tetra-ui","thegridcn","turbopills-ui","turn","uselayouts","vadivam","w3-kit","waves-cn","wds","wigggle-ui","heatmap","yukihi","zippystarter","velobits","velora","aniui","vllnt-ui","shadcn-dashboard","ai2","whiskeyjack","vernostudio","agent-ui-kit"]},{"id":"backgrounds","label":"backgrounds","count":120,"library_ids":["shadcn","000h-cojeev","23rd","abui","aceternity","agents-ui","aicanvas","audio-ui","blockdex","crucible","amplo","animate-ui","animbits","assistant-ui","awwwardedui","balick","beui","bjork-ui","bklit","boldkit","bundui","catalogs","chamaac","colorshot","componentry","cult-ui","darx","easeui","eldoraui","emerald-ui","esuiss","evilcharts","fab-ui","fancy-ui","forgeui","framecn","gammaui","geturui","glint-ui","gymnopedies","grootstudio","hazeglow","heyompatil","honestui","iandefined","initium","joyco","karaui","kokonutui","lema-ds","localmode","magicui","mewo","microkit","mischief","morphiq","motion-menu","motion-lexicon","motion-primitives","motiq","movin","motokoui","ncdai","neon-ui","nexus-labs","ns-ui","nusaiba","paceui","pacekit","paceui-gsap","paletteui","pastaui","payload-components","plotcn","prosekit","pulkitxm","react-bits","reactframe","registrydirectory","remocn","roiui","scrollxui","shadcn-exchange","shadcnui-blocks","shaderscn","shover","slide-cn","smoothui","sona-ui","soundcn","spaceui","spark-ui","spell","stacklyui","starck","systaliko-ui","tailark","tailwind-admin","taki","termcn","thegridcn","tweenly","ui-layouts","uicapsule","uitripled","uniquel","unlumen-ui","uui","waves-cn","wensity","uiable","velora","viberdy","vue-bits","svelte-bits","aniui","threecn","atelier","remotionui","corsair-ui"]},{"id":"marketing","label":"marketing","count":118,"library_ids":["1st-pouf","7ovr","8bitcn","abstract","aceternity","akoder","astryx","blobz","arc","assistant-ui","balick","beste-ui","blocks-so","blockforge","blockus","bundui","caliper","chamaac","clerk","componentry","creative-tim","cult-ui","dominik-ui","efferd","eldoraui","elements","emerald-ui","facade","fancy-ui","flx","forgeui","formscn","gammaui","getitdone","geturui","glint-ui","hairline","hazeglow","heroicons-animated","heyompatil","hexui","hirael","iconiq","initium","jalco","jolyui","keyframeui","kokonutui","launchui","lema-ds","lucide-animated","magicui","minidev","motion-lexicon","movin","navui","ncdai","nexus-labs","notra","nusaiba","paceui","pacekit","pantoken","payload-components","pulkitxm","quill","react-bits","reactframe","reui","satoriui","scrollxui","seamui","shadcn-exchange","shadcn-map","shadcn-space","shadcn-studio","shadcnblocks","shadcncraft","shadcndesign","shadcnstore","shadcnui-blocks","shaderscn","shoogle","smoothui","solaceui","soonish","soralabs","spectrumui","square-ui","ssych","starck","stepper","systaliko-ui","tailark","tailgrids","tessli","text-ui","thegridcn","tween-ui","uai","ui-layouts","uicapsule","uiception","uitripled","unlumen-ui","upfork","uselayouts","visant","wa-ui","wensity","xcn","saastro","zippystarter","velora","viberdy","vllnt-ui","usva","atroui"]},{"id":"maps","label":"maps","count":101,"library_ids":["8bitcn","8starlabs-ui","aceternity","akoder","amap","blockdex","crucible","assistant-ui","beui","bjork-ui","bklit","blobatar","blockforge","boldkit","catalogs","chamaac","cligentic","componentry","cult-ui","dashboardblocks","dashboardcn","delta","dotmatrix","einui","eldoraui","ericts","fibo","flightcn","gammaui","getitdone","glint-ui","gpt-vis","hairline","heyompatil","hirael","jolyui","karaui","kind-ui","kokonutui","litt","lmscn","magicui","manifest","mapcn","mischief","morphiq","motion-lexicon","motiq","ncdai","neobrutal-ui","neon-ui","nordaun","notra","organui","panelui","payload-components","plotcn","pluginui","persianlabsui","prosekit","pulld","scrollxui","sf-fleet-hud","shadcn-exchange","shadcn-map","shadcn-ui-blocks","shadcndesign","shadcnmaps","shadcnuikit","shaderscn","silicon-ui","ssych","systaliko-ui","tailark","termcn","terrae","thegridcn","tool-ui","tweenly","typedora-ui","uai","ui-layouts","uiarc","uicapsule","upfork","visant","wa-ui","waves-cn","wick-charts","wigggle-ui","heatmap","xevrion","velora","visited-map","aniui","threecn","vllnt-ui","shadcn-dashboard","usva","whiskeyjack","remotionui"]},{"id":"audio","label":"audio","count":99,"library_ids":["1st-pouf","8bitcn","8starlabs-ui","agentfaces","agents-ui","ai-blocks","ai-elements","aicanvas","amarjay-ui","animateicons","audio-ui","audiocn","audiocn-solid","animate-ui","assistant-ui","beui","billingsdk","bjork-ui","catalogs","chamaac","componentry","cult-ui","dashboardblocks","delta","diceui","einui","elements","elevenlabs-ui","ericts","fancy-ui","fibo","gammaui","heyompatil","hextaui","hirael","hugeicons-animated-vue","ilinxa","jolyui","joyco","karaui","keyframeui","kibo-ui","kobra","kokonutui","lema-ds","lens-blocks","limeplay","localmode","logoforge","lucide-animated","minidev","mischief","mizzle","moleculeui","motion-lexicon","movin","mozaika","mui-treasury","ncdai","nexus-labs","nexus-ui","nordaun","ns-ui","odysseyui","ogimagecn","opaline","panelui","pastaui","pipecat","plate","pluginui","pulld","quill","ramonclaudio-coderabbit","scrimui","seamui","shadcn-editor","soralabs","soundcn","systaliko-ui","tailark","tailwind-admin","terrae","thegridcn","tool-ui","tween-ui","tweenly","uicapsule","uploadcn","vadivam","videojs","visant","wa-ui","waves-cn","wensity","saaskit","viberdy","videocn","remotionui"]},{"id":"aesthetic","label":"aesthetic","count":93,"library_ids":["8bitcn","8starlabs-ui","abui","aceternity","aicanvas","animate-ui","animbits","arc","asanshay","billingsdk","bklit","boldkit","bundui","chamaac","commercn","componentry","corr","creative-tim","cult-ui","darx","dominik-ui","dotmatrix","einui","eldoraui","emerald-ui","evilbuttons","fab-ui","flightcn","fluid","fonttrio","forgeui","framecn","gammaui","glass-ui","glasscn","gooseui","gymnopedies","heroicons-animated","iconiq","icons-animated","jolyui","joyco","kanpeki","kokonutui","loading-ui","lucide-animated","magicui","moleculeui","motion-primitives","mui-treasury","ncdai","neobrutalism","nexus-labs","odysseyui","paletteui","phucbm","pixelact-ui","pulkitxm","pureui","react-bits","react-easy-modals","remocn","retroui","roiui","sabraman","satoriui","scrollxui","shadcn-studio","shadcndesign","shark","skiper-ui","smoothui","solaceui","sona-ui","soundcn","spectrumui","spell","systaliko-ui","tailwind-builder","taki","termcn","terrae","text-ui","thegridcn","toc-cn","typedora-ui","ui-layouts","uicapsule","uitripled","unlumen-ui","uselayouts","wensity","xcn"]},{"id":"mobile","label":"mobile","count":84,"library_ids":["astryx","blockdex","arc","assistant-ui","ballmac","blockforge","blode","boldkit","d2","devl","dotmatrix","elements","esuiss","evilcharts","exabase","extend","flagcn","fluid","framecn","gaia","gc-solid","glassyui-native","gridcn","gymnopedies","headcodecms","herocn","hextaui","jolyui","joyco","kanpeki","kokonutui","litt","lmscn","localmode","logoforge","lumiui","magicui","moleculeui","morphiq","motion-lexicon","motiq","movin","mozaika","n3wth","ncdai","niko-table","ns-ui","openstatus","optics","paddle","paletteui","payload-components","photocn","pixelact-ui","plate","preskok","persianlabsui","pulkitxm","pulld","rescript-shadcn","retab","sabraman","scrollxui","seamui","shadcn-editor","shadcn-ui-blocks","shadcncraft","skecher-ui","smoothui","sortui","swiftui-flx","tessli","tetra-ui","text-ui","thegridcn","toc-cn","ui-layouts","uicapsule","uselayouts","vectorstudio-ir","yukihi","aniui","whiskeyjack","corsair-ui"]},{"id":"retro","label":"retro","count":83,"library_ids":["000h-cojeev","8bitcn","aceternity","ai-elements","akoder","bevel","blockdex","bricked","chewypixel","crucible","approvals-ui","assistant-ui","balick","blockforge","boldkit","brainless","brut-ui","catalogs","chamaac","componentry","cult-ui","d2","dotmatrix","easeui","eldoraui","fancy-ui","fibo","framecn","gammaui","loading-ui","magicui","mischief","mizzle","motion-lexicon","movin","ncdai","neobrutal-ui","neobrutalism","nexus-labs","nostalgia-ui","notra","ogimagecn","opaline","paletteui","pixel-openspace","pixelact-ui","rawkitui","react-bits","reactframe","remocn","retroui","sabraman","sans","scrollxui","seamui","shadcndesign","smoothui","snapcn","soralabs","soundcn","spaceui","starck","tailwind-builder","termcn","tuiparts","thegridcn","tool-ui","uicapsule","uiception","unlumen-ui","uploadcn","vadivam","vectorstudio-ir","visant","xcn","saaskit","velora","vue-bits","svelte-bits","usva","atelier","remotionui","afterglow"]},{"id":"components","label":"components","count":75,"library_ids":["abui","aevr","amplo","basecn","baselayer","better-upload","boldkit","bundui","cardcn","clerk","coss","creative-tim","delta","devl","diceui","doras-ui","dsikeres1","elements","exabase","fab-ui","flowkit-ui","gc-solid","hextaui","iconiq","indiacn","intentui","joyco","kanpeki","kapwa","kibo-ui","lens-blocks","limeplay","lmscn","lumiui","mapcn","mksingh","mui-treasury","neobrutalism","nessra-ui","nexus-elements","nordaun","nteract","nuqs","openstatus","optics","oui","pastecn","paykit-sdk","prosekit","pureui","ramonclaudio-coderabbit","react-aria","react-slot","roiui","shadcn-editor","shadcn-studio","shadcndesign","shadcnhooks","shark","shieldcn","slide-cn","spectrumui","stepper","supabase","svgl","tailgrids","taki","tokenui","turbopills-ui","typedora-ui","utilcn","w3-kit","wandry-ui","waves-cn","wds"]},{"id":"glassmorphism","label":"glassmorphism","count":73,"library_ids":["000h-cojeev","aceternity","aicanvas","animate-ui","animbits","beui","chamaac","componentry","crafterui","cult-ui","einui","evilcharts","fab-ui","fancy-ui","framecn","gammaui","glass-ui","glasscn","glassyui","glassyui-native","glint-ui","gpt-vis","hugeicons-animated","jolyui","kokonutui","liquefy-ui","liquikit","litt","morphiq","motion-lexicon","motiq","movin","nexus-labs","ns-ui","opaline","paceui-gsap","pane","react-bits","reactframe","remocn","scrollxui","shadcn-exchange","shaderscn","shoogle","skecher-ui","snapcn","spaceui","ssych","starck","tactile","tailwind-admin","ui-layouts","uicapsule","uitripled","uniquel","unlumen-ui","upfork","uploadcn","uselayouts","visant","washiveil","wensity","velobits","viberdy","vue-bits","svelte-bits","vllnt-ui","atelier","atomloader","ai2","whiskeyjack","knot-ui","remotionui"]},{"id":"text-effects","label":"text-effects","count":60,"library_ids":["23rd","aceternity","blockdex","bricked","crucible","animbits","balick","beui","bundui","catalogs","cult-ui","dominik-ui","emerald-ui","forgeui","framecn","glint-ui","hirael","honestui","iconiq","jolyui","joyco","karaui","kokonutui","loading-ui","magicui","mewo","mizzle","moleculeui","motion-primitives","movin","motokoui","nexus-labs","nexus-ui","odysseyui","paceui-gsap","prompt-kit","pulkitxm","react-bits","remocn","satoriui","silicon-ui","smoothui","snapcn","sona-ui","tailark","tailwind-admin","tweenly","ui-layouts","uiarc","unlumen-ui","uploadcn","uui","wensity","xevrion","velora","viberdy","atelier","remotionui","afterglow","corsair-ui"]},{"id":"3d","label":"3d","count":58,"library_ids":["3d-viewer","aceternity","blockdex","crucible","bjork-ui","chamaac","componentry","crafterui","cult-ui","darx","eldoraui","emerald-ui","evilbuttons","fancy-ui","flightcn","gammaui","glint-ui","grootstudio","hazeglow","initium","joyco","liquefy-ui","lmscn","magicui","mischief","motion-menu","motion-lexicon","movin","neon-ui","nexus-labs","organui","panelui","photocn","reactframe","scrollxui","sf-fleet-hud","shadcn-exchange","shaderscn","skecher-ui","spectrumui","stacklyui","systaliko-ui","thegridcn","ui-layouts","uicapsule","upfork","uselayouts","vadivam","visant","wensity","xevrion","velora","viberdy","aniui","threecn","vllnt-ui","usva","atelier"]},{"id":"onboarding","label":"onboarding","count":57,"library_ids":["000h-cojeev","1st-pouf","7ovr","aayurt","abstract","alexandrejoly","crucible","ark-cn","assistant-ui","beste-ui","bjork-ui","blocks-so","blockforge","boldkit","brainless","clerk","cult-ui","dashboardblocks","diceui","ecomcn","formscn","geturui","glint-ui","hairline","hirael","karaui","keyframeui","kibo-ui","lema-ds","lumiui","minidev","moduix-react","motion-lexicon","motiq","ns-ui","optics","pulld","quill","scrollxui","shadcn-exchange","shadcncraft","shaderscn","silicon-ui","soonish","ssych","stealth","stepper","thegridcn","tour","uai","uiarc","uniquel","watermelon","saaskit","xevrion","aniui","usva"]},{"id":"editor","label":"editor","count":55,"library_ids":["1st-pouf","audio-ui","creance","avertra-ui","blockforge","delta","ecomcn","elements","emend","extend","fancy-ui","fibo","fonttrio","framecn","getitdone","geturui","gymnopedies","headcodecms","hirael","ilinxa","initium","karaui","keyframeui","kibo-ui","kobra","lens-blocks","localmode","minidev","motion-lexicon","mozaika","nexus-labs","nteract","ogimagecn","paletteui","photocn","plate","pluginui","preskok","prosekit","quill","reactframe","remocn","scrimui","shadcn-editor","silicon-ui","soldevelo","stealth","supabase","swiftui-flx","systaliko-ui","uiarc","uicapsule","uselayouts","xevrion","zenoadmin"]},{"id":"cms","label":"cms","count":53,"library_ids":["1st-pouf","7ovr","animateicons","balick","ballmac","beste-ui","blockforge","bundui","buzzform","caliper","cognicatch","contentbit","docscn","dotmatrix","efferd","emerald-ui","evilcharts","geturui","gymnopedies","headcodecms","heyompatil","hirael","initium","kapwa","lema-ds","manifest","minidev","mozaika","mui-treasury","navui","ncdai","neobrutal-ui","nexus-labs","nusaiba","ogimagecn","payload-components","reui","shadcn-exchange","shadcn-space","shadcncraft","shadcndesign","spaceui","svgl","tailwind-admin","toc-cn","tool-ui","tween-ui","uiception","uitripled","saastro","zippystarter","vllnt-ui","agentblog"]},{"id":"payments","label":"payments","count":50,"library_ids":["7ovr","aicanvas","bevel","blockdex","ballmac","better-auth-ui","billingsdk","bjork-ui","cult-ui","dashboardblocks","dashboardcn","ecomcn","efferd","elements","facade","gtm","headcodecms","hextaui","hugeicons-animated-vue","lema-ds","magicui","manifest","minidev","mizzle","navui","nexus-labs","paddle","paletteui","paykit-sdk","quill","scrollxui","shadcnui-blocks","shoogle","silicon-ui","skiper-ui","soonish","spectrumui","ssych","sureui","tailark","tailwind-admin","uai","ui-layouts","uiarc","visant","saaskit","uiable","shadcn-dashboard","usva","atelier"]},{"id":"saas","label":"saas","count":50,"library_ids":["8bitcn","aceternity","arc","auth0","beste-ui","billingsdk","blocks-so","blockus","bundui","chamaac","componentry","dominik-ui","efferd","eldoraui","elements","flx","forgeui","framecn","gamifykit","gammaui","headcodecms","hextaui","jalco","kokonutui","launchui","lucide-animated","magicui","nexus-labs","paddle","pulkitxm","react-bits","reui","satoriui","scrollxui","shadcn-space","shadcn-studio","shadcnblocks","shadcncraft","shadcnstore","shadcnui-blocks","shadcnuikit","solaceui","tailark","tailwind-admin","text-ui","tour","trophy-ui","ui-layouts","wensity","zippystarter"]},{"id":"e-commerce","label":"e-commerce","count":49,"library_ids":["1st-pouf","ai-blocks","bevel","beste-ui","bundui","buzzform","chamaac","channel3","commercn","d2","dashboardcn","delta","ecomcn","formscn","framecn","heroicons-animated","hirael","hugeicons-animated-vue","keyframeui","kokonutui","lema-ds","litt","logoforge","lucide-animated","mapcn","minidev","motion-lexicon","motiq","mozaika","mui-treasury","moumenlab","niko-table","paddle","paykit-sdk","quill","reactframe","shadcnblocks","shadcncraft","shadcnstore","shoogle","skecher-ui","snapcn","tailark","tailgrids","uai","uitripled","upfork","uploadcn","shadcn-dashboard"]},{"id":"developer-tools","label":"developer-tools","count":46,"library_ids":["ai-blocks","ai-elements","algolia","brio","asanshay","ballmac","bjork-ui","blockforge","caliper","cognicatch","cult-ui","delta","elements","facade","framecn","gaia","glasscn","hairline","inferencesh","jalco","jolyui","keyframeui","kibo-ui","lema-ds","localmode","motion-lexicon","nessra-ui","notionic","ogimagecn","openstatus","optics","photocn","remocn","sabraman","shadcn-editor","shadcn-exchange","shadcn-ui-blocks","shaderscn","silicon-ui","slide-cn","thegridcn","tool-ui","uai","uiception","viberdy","visited-map"]},{"id":"crypto","label":"crypto","count":23,"library_ids":["abstract","aicanvas","bevel","elements","fonttrio","headcodecms","iandefined","jalco","lens-blocks","lmscn","mozaika","nexus-elements","prosekit","react-slot","ssych","tailark","termcn","uitripled","upfork","w3-kit","watermelon","voraui","onchain-ui"]},{"id":"gaming","label":"gaming","count":17,"library_ids":["1st-pouf","8bitcn","crucible","gamekitui","gamifykit","hugeicons-animated-vue","ilinxa","joyco","lmscn","mui-treasury","paletteui","pixelact-ui","remocn","smoothui","soundcn","thegridcn","trophy-ui"]}],"sources":[{"id":"github-com","label":"github.com","count":7,"library_ids":["delego","getitdone","materialcn","vectorstudio-ir","yukihi","zenoadmin","tile-ui"]},{"id":"glassyui-com","label":"glassyui.com","count":2,"library_ids":["glassyui","glassyui-native"]},{"id":"ui-shadcn-com","label":"ui.shadcn.com","count":2,"library_ids":["shadcn","oidc"]},{"id":"000h-cojeev-com","label":"000h.cojeev.com","count":1,"library_ids":["000h-cojeev"]},{"id":"1771technologies-com","label":"1771technologies.com","count":1,"library_ids":["lytenyte"]},{"id":"1st-pouf-worksonmy-dev","label":"1st-pouf.worksonmy.dev","count":1,"library_ids":["1st-pouf"]},{"id":"23rd-dev","label":"23rd.dev","count":1,"library_ids":["23rd"]},{"id":"7ovr-com","label":"7ovr.com","count":1,"library_ids":["7ovr"]},{"id":"8848-aayurtshrestha-com-np","label":"8848.aayurtshrestha.com.np","count":1,"library_ids":["aayurt"]},{"id":"8bitcn-com","label":"8bitcn.com","count":1,"library_ids":["8bitcn"]},{"id":"abui-io","label":"abui.io","count":1,"library_ids":["abui"]},{"id":"afterglow-thebuilder-dk","label":"afterglow.thebuilder.dk","count":1,"library_ids":["afterglow"]},{"id":"agent-ui-kit-demo-vercel-app","label":"agent-ui-kit-demo.vercel.app","count":1,"library_ids":["agent-ui-kit"]},{"id":"agentblog-dev","label":"agentblog.dev","count":1,"library_ids":["agentblog"]},{"id":"agentcn-vercel-app","label":"agentcn.vercel.app","count":1,"library_ids":["agentcn"]},{"id":"agentui-pro","label":"agentui.pro","count":1,"library_ids":["agentui"]},{"id":"ai-sdk-dev","label":"ai-sdk.dev","count":1,"library_ids":["ai-elements"]},{"id":"ai2-design","label":"ai2.design","count":1,"library_ids":["ai2"]},{"id":"aicanvas-me","label":"aicanvas.me","count":1,"library_ids":["aicanvas"]},{"id":"ajibadedapo-github-io","label":"ajibadedapo.github.io","count":1,"library_ids":["agentfaces"]},{"id":"akoder-xyz","label":"akoder.xyz","count":1,"library_ids":["akoder"]},{"id":"alexandrejoly-me","label":"alexandrejoly.me","count":1,"library_ids":["alexandrejoly"]},{"id":"amicro-vercel-app","label":"amicro.vercel.app","count":1,"library_ids":["amicro"]},{"id":"amplo-ale-design","label":"amplo.ale.design","count":1,"library_ids":["amplo"]},{"id":"animate-ui-com","label":"animate-ui.com","count":1,"library_ids":["animate-ui"]},{"id":"animateicons-in","label":"animateicons.in","count":1,"library_ids":["animateicons"]},{"id":"animbits-dev","label":"animbits.dev","count":1,"library_ids":["animbits"]},{"id":"aniui-dev","label":"aniui.dev","count":1,"library_ids":["aniui"]},{"id":"approvals-ui-vercel-app","label":"approvals-ui.vercel.app","count":1,"library_ids":["approvals-ui"]},{"id":"ark-cn-vercel-app","label":"ark-cn.vercel.app","count":1,"library_ids":["ark-cn"]},{"id":"assistant-ui-com","label":"assistant-ui.com","count":1,"library_ids":["assistant-ui"]},{"id":"astryx-atmeta-com","label":"astryx.atmeta.com","count":1,"library_ids":["astryx"]},{"id":"atelier-ui-com","label":"atelier-ui.com","count":1,"library_ids":["atelier"]},{"id":"atomloader-roothq-tech","label":"atomloader.roothq.tech","count":1,"library_ids":["atomloader"]},{"id":"atroui-com","label":"atroui.com","count":1,"library_ids":["atroui"]},{"id":"audio-ui-dev","label":"audio-ui.dev","count":1,"library_ids":["audio-ui"]},{"id":"audiocn-solid-jhonra121-workers-dev","label":"audiocn-solid.jhonra121.workers.dev","count":1,"library_ids":["audiocn-solid"]},{"id":"audiocn-dev","label":"audiocn.dev","count":1,"library_ids":["audiocn"]},{"id":"auth0-com","label":"auth0.com","count":1,"library_ids":["auth0"]},{"id":"awwwardedui-vercel-app","label":"awwwardedui.vercel.app","count":1,"library_ids":["awwwardedui"]},{"id":"axidify-github-io","label":"axidify.github.io","count":1,"library_ids":["axicharts"]},{"id":"basecn-dev","label":"basecn.dev","count":1,"library_ids":["basecn"]},{"id":"baselayer-dev","label":"baselayer.dev","count":1,"library_ids":["baselayer"]},{"id":"beadkit-dev","label":"beadkit.dev","count":1,"library_ids":["beadkit"]},{"id":"benday-kacemmathlouthi-dev","label":"benday.kacemmathlouthi.dev","count":1,"library_ids":["benday"]},{"id":"better-auth-ui-com","label":"better-auth-ui.com","count":1,"library_ids":["better-auth-ui"]},{"id":"better-upload-com","label":"better-upload.com","count":1,"library_ids":["better-upload"]},{"id":"beui-dev","label":"beui.dev","count":1,"library_ids":["beui"]},{"id":"bevel-ui-vercel-app","label":"bevel-ui.vercel.app","count":1,"library_ids":["bevel"]},{"id":"billingsdk-com","label":"billingsdk.com","count":1,"library_ids":["billingsdk"]},{"id":"binnodon-github-io","label":"binnodon.github.io","count":1,"library_ids":["gc-solid"]},{"id":"bits-ui-netlify-app","label":"bits-ui.netlify.app","count":1,"library_ids":["bits-ui"]},{"id":"blobatar-dev","label":"blobatar.dev","count":1,"library_ids":["blobatar"]},{"id":"blobz-lirena-in","label":"blobz.lirena.in","count":1,"library_ids":["blobz"]},{"id":"blockdex-dev","label":"blockdex.dev","count":1,"library_ids":["blockdex"]},{"id":"blockforge-terravidhal-me","label":"blockforge.terravidhal.me","count":1,"library_ids":["blockforge"]},{"id":"blocks-so","label":"blocks.so","count":1,"library_ids":["blocks-so"]},{"id":"blockus-lndevui-com","label":"blockus.lndevui.com","count":1,"library_ids":["blockus"]},{"id":"blode-co","label":"blode.co","count":1,"library_ids":["blode"]},{"id":"boldkit-dev","label":"boldkit.dev","count":1,"library_ids":["boldkit"]},{"id":"brainless-swerdlow-dev","label":"brainless.swerdlow.dev","count":1,"library_ids":["brainless"]},{"id":"bricked-ui-vercel-app","label":"bricked-ui.vercel.app","count":1,"library_ids":["bricked"]},{"id":"brioui-com","label":"brioui.com","count":1,"library_ids":["brio"]},{"id":"brut-ui-site","label":"brut-ui.site","count":1,"library_ids":["brut-ui"]},{"id":"build-abs-xyz","label":"build.abs.xyz","count":1,"library_ids":["abstract"]},{"id":"builders-ikas-com","label":"builders.ikas.com","count":1,"library_ids":["ikas"]},{"id":"bundui-io","label":"bundui.io","count":1,"library_ids":["bundui"]},{"id":"caliperui-site","label":"caliperui.site","count":1,"library_ids":["caliper"]},{"id":"canvasui-dev","label":"canvasui.dev","count":1,"library_ids":["canvas-ui"]},{"id":"cardcn-dev","label":"cardcn.dev","count":1,"library_ids":["cardcn"]},{"id":"catalogs-dev","label":"catalogs.dev","count":1,"library_ids":["catalogs"]},{"id":"chamaac-com","label":"chamaac.com","count":1,"library_ids":["chamaac"]},{"id":"chanhdai-com","label":"chanhdai.com","count":1,"library_ids":["ncdai"]},{"id":"chewypixel-io","label":"chewypixel.io","count":1,"library_ids":["chewypixel"]},{"id":"clerk-com","label":"clerk.com","count":1,"library_ids":["clerk"]},{"id":"cligentic-railly-dev","label":"cligentic.railly.dev","count":1,"library_ids":["cligentic"]},{"id":"cognicatch-dev","label":"cognicatch.dev","count":1,"library_ids":["cognicatch"]},{"id":"commercn-com","label":"commercn.com","count":1,"library_ids":["commercn"]},{"id":"componentry-fun","label":"componentry.fun","count":1,"library_ids":["componentry"]},{"id":"computer-vision-mediapipe-vercel-app","label":"computer-vision-mediapipe.vercel.app","count":1,"library_ids":["krave-docs"]},{"id":"contentbit-dev","label":"contentbit.dev","count":1,"library_ids":["contentbit"]},{"id":"corecn-vercel-app","label":"corecn.vercel.app","count":1,"library_ids":["corecn"]},{"id":"corsairui-vercel-app","label":"corsairui.vercel.app","count":1,"library_ids":["corsair-ui"]},{"id":"coss-com","label":"coss.com","count":1,"library_ids":["coss"]},{"id":"crafterui-com","label":"crafterui.com","count":1,"library_ids":["crafterui"]},{"id":"craftui-space","label":"craftui.space","count":1,"library_ids":["craftui"]},{"id":"creance-pages-dev","label":"creance.pages.dev","count":1,"library_ids":["creance"]},{"id":"creative-tim-com","label":"creative-tim.com","count":1,"library_ids":["creative-tim"]},{"id":"crucibleui-com","label":"crucibleui.com","count":1,"library_ids":["crucible"]},{"id":"cubby-ui-dev","label":"cubby-ui.dev","count":1,"library_ids":["cubby-ui"]},{"id":"cult-ui-com","label":"cult-ui.com","count":1,"library_ids":["cult-ui"]},{"id":"darshitdev-in","label":"darshitdev.in","count":1,"library_ids":["darx"]},{"id":"dashboardblocks-com","label":"dashboardblocks.com","count":1,"library_ids":["dashboardblocks"]},{"id":"dashboardcn-com","label":"dashboardcn.com","count":1,"library_ids":["dashboardcn"]},{"id":"data-table-openstatus-dev","label":"data-table.openstatus.dev","count":1,"library_ids":["data-table-filters"]},{"id":"deltacomponents-dev","label":"deltacomponents.dev","count":1,"library_ids":["delta"]},{"id":"design-helpmarq-com","label":"design.helpmarq.com","count":1,"library_ids":["ns-ui"]},{"id":"designali-com","label":"designali.com","count":1,"library_ids":["designali"]},{"id":"dev-stacklyui-in","label":"dev.stacklyui.in","count":1,"library_ids":["stacklyui"]},{"id":"developer-paddle-com","label":"developer.paddle.com","count":1,"library_ids":["paddle"]},{"id":"devl-dev","label":"devl.dev","count":1,"library_ids":["devl"]},{"id":"diarmuradi-com","label":"diarmuradi.com","count":1,"library_ids":["diarmuradi"]},{"id":"diceui-com","label":"diceui.com","count":1,"library_ids":["diceui"]},{"id":"diklein-com","label":"diklein.com","count":1,"library_ids":["diklein"]},{"id":"docscn-dev","label":"docscn.dev","count":1,"library_ids":["docscn"]},{"id":"dominikkoch-dev","label":"dominikkoch.dev","count":1,"library_ids":["dominik-ui"]},{"id":"dotmatrix-zzzzshawn-cloud","label":"dotmatrix.zzzzshawn.cloud","count":1,"library_ids":["dotmatrix"]},{"id":"ds-asanshay-com","label":"ds.asanshay.com","count":1,"library_ids":["asanshay"]},{"id":"ds-lema-ufpb-br","label":"ds.lema.ufpb.br","count":1,"library_ids":["lema-ds"]},{"id":"dsikeres1-github-io","label":"dsikeres1.github.io","count":1,"library_ids":["dsikeres1"]},{"id":"dualkit-dev","label":"dualkit.dev","count":1,"library_ids":["dualkit"]},{"id":"eased-dev","label":"eased.dev","count":1,"library_ids":["eased"]},{"id":"easeui-dev","label":"easeui.dev","count":1,"library_ids":["easeui"]},{"id":"ecomcn-vercel-app","label":"ecomcn.vercel.app","count":1,"library_ids":["ecomcn"]},{"id":"efferd-com","label":"efferd.com","count":1,"library_ids":["efferd"]},{"id":"eldoraui-site","label":"eldoraui.site","count":1,"library_ids":["eldoraui"]},{"id":"elements-babelize-co","label":"elements.babelize.co","count":1,"library_ids":["babelize"]},{"id":"elements-nexus-availproject-org","label":"elements.nexus.availproject.org","count":1,"library_ids":["nexus-elements"]},{"id":"elsecase-vercel-app","label":"elsecase.vercel.app","count":1,"library_ids":["elsecase"]},{"id":"emailcn-vercel-app","label":"emailcn.vercel.app","count":1,"library_ids":["emailcn"]},{"id":"emerald-ui-com","label":"emerald-ui.com","count":1,"library_ids":["emerald-ui"]},{"id":"ephemera-kerrshift-com","label":"ephemera.kerrshift.com","count":1,"library_ids":["ephemera"]},{"id":"evex-sh","label":"evex.sh","count":1,"library_ids":["evex"]},{"id":"evilbuttons-radiumcoders-com","label":"evilbuttons.radiumcoders.com","count":1,"library_ids":["evilbuttons"]},{"id":"evilcharts-com","label":"evilcharts.com","count":1,"library_ids":["evilcharts"]},{"id":"exawizards-com","label":"exawizards.com","count":1,"library_ids":["exabase"]},{"id":"fab-ui-com","label":"fab-ui.com","count":1,"library_ids":["fab-ui"]},{"id":"facadeui-dev","label":"facadeui.dev","count":1,"library_ids":["facade"]},{"id":"fancy-ui-rama-app","label":"fancy-ui.rama.app","count":1,"library_ids":["fancy-ui"]},{"id":"fibo-toribryan-com","label":"fibo.toribryan.com","count":1,"library_ids":["fibo"]},{"id":"flagcn-dev","label":"flagcn.dev","count":1,"library_ids":["flagcn"]},{"id":"flightcn-yencheng-dev","label":"flightcn.yencheng.dev","count":1,"library_ids":["flightcn"]},{"id":"flowkit-ui-vzkiss-com","label":"flowkit-ui.vzkiss.com","count":1,"library_ids":["flowkit-ui"]},{"id":"flowui-registry-vercel-app","label":"flowui-registry.vercel.app","count":1,"library_ids":["flowui"]},{"id":"fluent2-react-kit-graund-io","label":"fluent2-react-kit.graund.io","count":1,"library_ids":["fluent2-react-kit"]},{"id":"fluidfunctionalism-com","label":"fluidfunctionalism.com","count":1,"library_ids":["fluid"]},{"id":"fonttrio-xyz","label":"fonttrio.xyz","count":1,"library_ids":["fonttrio"]},{"id":"forgeui-in","label":"forgeui.in","count":1,"library_ids":["forgeui"]},{"id":"form-buildnbuzz-com","label":"form.buildnbuzz.com","count":1,"library_ids":["buzzform"]},{"id":"formcn-dev","label":"formcn.dev","count":1,"library_ids":["formcn"]},{"id":"formscn-space","label":"formscn.space","count":1,"library_ids":["formscn"]},{"id":"framecn-vercel-app","label":"framecn.vercel.app","count":1,"library_ids":["framecn"]},{"id":"francozeta-stepper-vercel-app","label":"francozeta-stepper.vercel.app","count":1,"library_ids":["stepper"]},{"id":"gamekitui-com","label":"gamekitui.com","count":1,"library_ids":["gamekitui"]},{"id":"gamifykit-com","label":"gamifykit.com","count":1,"library_ids":["gamifykit"]},{"id":"gammaui-com","label":"gammaui.com","count":1,"library_ids":["gammaui"]},{"id":"gauge-ui-dev","label":"gauge-ui.dev","count":1,"library_ids":["gauge-ui"]},{"id":"getemend-vercel-app","label":"getemend.vercel.app","count":1,"library_ids":["emend"]},{"id":"geturui-com","label":"geturui.com","count":1,"library_ids":["geturui"]},{"id":"glass-ui-crenspire-com","label":"glass-ui.crenspire.com","count":1,"library_ids":["glass-ui"]},{"id":"glasscn-components-vercel-app","label":"glasscn-components.vercel.app","count":1,"library_ids":["glasscn"]},{"id":"glint-ui-seven-vercel-app","label":"glint-ui-seven.vercel.app","count":1,"library_ids":["glint-ui"]},{"id":"gooseui-pro","label":"gooseui.pro","count":1,"library_ids":["gooseui"]},{"id":"gov-nysgpt-com","label":"gov.nysgpt.com","count":1,"library_ids":["nysgpt"]},{"id":"gpt-vis-antv-vision","label":"gpt-vis.antv.vision","count":1,"library_ids":["gpt-vis"]},{"id":"grainlyicons-abhii-space","label":"grainlyicons.abhii.space","count":1,"library_ids":["grainly-icons"]},{"id":"gridcn-vercel-app","label":"gridcn.vercel.app","count":1,"library_ids":["gridcn"]},{"id":"grootstudio-vercel-app","label":"grootstudio.vercel.app","count":1,"library_ids":["grootstudio"]},{"id":"gsap-paceui-com","label":"gsap.paceui.com","count":1,"library_ids":["paceui-gsap"]},{"id":"gymnopedies-shoota-work","label":"gymnopedies.shoota.work","count":1,"library_ids":["gymnopedies"]},{"id":"hacomponents-keshuac-com","label":"hacomponents.keshuac.com","count":1,"library_ids":["ha-components"]},{"id":"hairlineui-com","label":"hairlineui.com","count":1,"library_ids":["hairline"]},{"id":"hazeglow-dev","label":"hazeglow.dev","count":1,"library_ids":["hazeglow"]},{"id":"headcodecms-com","label":"headcodecms.com","count":1,"library_ids":["headcodecms"]},{"id":"herocn-dev","label":"herocn.dev","count":1,"library_ids":["herocn"]},{"id":"heroicons-animated-com","label":"heroicons-animated.com","count":1,"library_ids":["heroicons-animated"]},{"id":"hextaui-com","label":"hextaui.com","count":1,"library_ids":["hextaui"]},{"id":"hexui-sh","label":"hexui.sh","count":1,"library_ids":["hexui"]},{"id":"heyompatil-me","label":"heyompatil.me","count":1,"library_ids":["heyompatil"]},{"id":"hirael-com","label":"hirael.com","count":1,"library_ids":["hirael"]},{"id":"honestui-com","label":"honestui.com","count":1,"library_ids":["honestui"]},{"id":"hugeicons-animated-vue-rebeaumickael-fr","label":"hugeicons-animated-vue.rebeaumickael.fr","count":1,"library_ids":["hugeicons-animated-vue"]},{"id":"hugeicons-animated-com","label":"hugeicons-animated.com","count":1,"library_ids":["hugeicons-animated"]},{"id":"iconiqui-com","label":"iconiqui.com","count":1,"library_ids":["iconiq"]},{"id":"icons-lndev-me","label":"icons.lndev.me","count":1,"library_ids":["icons-animated"]},{"id":"indiacn-in","label":"indiacn.in","count":1,"library_ids":["indiacn"]},{"id":"initium-sh","label":"initium.sh","count":1,"library_ids":["initium"]},{"id":"intentui-com","label":"intentui.com","count":1,"library_ids":["intentui"]},{"id":"interior-dev","label":"interior.dev","count":1,"library_ids":["interior"]},{"id":"isometric-buildlab-in","label":"isometric.buildlab.in","count":1,"library_ids":["isometric"]},{"id":"joelachance-github-io","label":"joelachance.github.io","count":1,"library_ids":["text-ui"]},{"id":"jolyui-dev","label":"jolyui.dev","count":1,"library_ids":["jolyui"]},{"id":"json-view-cn-vercel-app","label":"json-view-cn.vercel.app","count":1,"library_ids":["json-view-cn"]},{"id":"kanpeki-vercel-app","label":"kanpeki.vercel.app","count":1,"library_ids":["kanpeki"]},{"id":"kapwa-two-vercel-app","label":"kapwa-two.vercel.app","count":1,"library_ids":["kapwa"]},{"id":"karaui-kamisama-v0-my-id","label":"karaui.kamisama-v0.my.id","count":1,"library_ids":["karaui"]},{"id":"katok-ui-jeongmin-dev","label":"katok-ui.jeongmin.dev","count":1,"library_ids":["katok-ui"]},{"id":"kaui-shadcn-registry-vercel-app","label":"kaui-shadcn-registry.vercel.app","count":1,"library_ids":["kaui"]},{"id":"keyframery-com","label":"keyframery.com","count":1,"library_ids":["keyframery"]},{"id":"keyframeui-com","label":"keyframeui.com","count":1,"library_ids":["keyframeui"]},{"id":"keylineicons-com","label":"keylineicons.com","count":1,"library_ids":["keyline"]},{"id":"kibo-ui-com","label":"kibo-ui.com","count":1,"library_ids":["kibo-ui"]},{"id":"kindui-dev","label":"kindui.dev","count":1,"library_ids":["kind-ui"]},{"id":"kinetic-itsjay-in","label":"kinetic.itsjay.in","count":1,"library_ids":["kinetic"]},{"id":"kit-n3wth-com","label":"kit.n3wth.com","count":1,"library_ids":["n3wth"]},{"id":"knock-codes","label":"knock.codes","count":1,"library_ids":["knock-codes"]},{"id":"knot-ui-trupal-me","label":"knot-ui.trupal.me","count":1,"library_ids":["knot-ui"]},{"id":"kobra-systems","label":"kobra.systems","count":1,"library_ids":["kobra"]},{"id":"kokonutui-com","label":"kokonutui.com","count":1,"library_ids":["kokonutui"]},{"id":"lab-moumen-dev","label":"lab.moumen.dev","count":1,"library_ids":["moumenlab"]},{"id":"lab-xevrion-dev","label":"lab.xevrion.dev","count":1,"library_ids":["xevrion"]},{"id":"launchuicomponents-com","label":"launchuicomponents.com","count":1,"library_ids":["launchui"]},{"id":"layish-vercel-app","label":"layish.vercel.app","count":1,"library_ids":["layish"]},{"id":"lensblocks-com","label":"lensblocks.com","count":1,"library_ids":["lens-blocks"]},{"id":"limeplay-winoffrg-dev","label":"limeplay.winoffrg.dev","count":1,"library_ids":["limeplay"]},{"id":"liquefy-ui-com","label":"liquefy-ui.com","count":1,"library_ids":["liquefy-ui"]},{"id":"liquikit-dev","label":"liquikit.dev","count":1,"library_ids":["liquikit"]},{"id":"littmd-vercel-app","label":"littmd.vercel.app","count":1,"library_ids":["litt"]},{"id":"livedocs-xyz","label":"livedocs.xyz","count":1,"library_ids":["livedocs"]},{"id":"livekit-com","label":"livekit.com","count":1,"library_ids":["agents-ui"]},{"id":"lmscn-vercel-app","label":"lmscn.vercel.app","count":1,"library_ids":["lmscn"]},{"id":"loadercn-vercel-app","label":"loadercn.vercel.app","count":1,"library_ids":["loadercn"]},{"id":"loading-ui-com","label":"loading-ui.com","count":1,"library_ids":["loading-ui"]},{"id":"localmode-ai","label":"localmode.ai","count":1,"library_ids":["localmode"]},{"id":"logoforge-terravidhal-me","label":"logoforge.terravidhal.me","count":1,"library_ids":["logoforge"]},{"id":"lucide-animated-com","label":"lucide-animated.com","count":1,"library_ids":["lucide-animated"]},{"id":"lumiui-dev","label":"lumiui.dev","count":1,"library_ids":["lumiui"]},{"id":"magicui-design","label":"magicui.design","count":1,"library_ids":["magicui"]},{"id":"map-ling-pub","label":"map.ling.pub","count":1,"library_ids":["amap"]},{"id":"mapcn-dev","label":"mapcn.dev","count":1,"library_ids":["mapcn"]},{"id":"mediadrop-dev","label":"mediadrop.dev","count":1,"library_ids":["mediadrop"]},{"id":"mewo-ui-vercel-app","label":"mewo-ui.vercel.app","count":1,"library_ids":["mewo"]},{"id":"micomponents-micustomer-io","label":"micomponents.micustomer.io","count":1,"library_ids":["avertra-ui"]},{"id":"microkit-co","label":"microkit.co","count":1,"library_ids":["microkit"]},{"id":"mizzle-saddy-me","label":"mizzle.saddy.me","count":1,"library_ids":["mizzle"]},{"id":"mksingh-dev","label":"mksingh.dev","count":1,"library_ids":["mksingh"]},{"id":"moduix-dev","label":"moduix.dev","count":1,"library_ids":["moduix-react"]},{"id":"moleculeui-design","label":"moleculeui.design","count":1,"library_ids":["moleculeui"]},{"id":"morphiq-prathampatel-design","label":"morphiq.prathampatel.design","count":1,"library_ids":["morphiq"]},{"id":"motion-lexicon-pages-dev","label":"motion-lexicon.pages.dev","count":1,"library_ids":["motion-lexicon"]},{"id":"motion-menu-two-vercel-app","label":"motion-menu-two.vercel.app","count":1,"library_ids":["motion-menu"]},{"id":"motion-primitives-com","label":"motion-primitives.com","count":1,"library_ids":["motion-primitives"]},{"id":"motiq-dev","label":"motiq.dev","count":1,"library_ids":["motiq"]},{"id":"motokoui-com","label":"motokoui.com","count":1,"library_ids":["motokoui"]},{"id":"movin-design","label":"movin.design","count":1,"library_ids":["movin"]},{"id":"mozaika-design","label":"mozaika.design","count":1,"library_ids":["mozaika"]},{"id":"mui-treasury-com","label":"mui-treasury.com","count":1,"library_ids":["mui-treasury"]},{"id":"neobrutal-ui-andongmin-com","label":"neobrutal-ui.andongmin.com","count":1,"library_ids":["neobrutal-ui"]},{"id":"neobrutalism-dev","label":"neobrutalism.dev","count":1,"library_ids":["neobrutalism"]},{"id":"nessra-ui-vercel-app","label":"nessra-ui.vercel.app","count":1,"library_ids":["nessra-ui"]},{"id":"nexus-ui-com","label":"nexus-ui.com","count":1,"library_ids":["nexus-labs"]},{"id":"nexus-ui-dev","label":"nexus-ui.dev","count":1,"library_ids":["nexus-ui"]},{"id":"niko-table-com","label":"niko-table.com","count":1,"library_ids":["niko-table"]},{"id":"nostalgia-ui-com","label":"nostalgia-ui.com","count":1,"library_ids":["nostalgia-ui"]},{"id":"notionic-dev","label":"notionic.dev","count":1,"library_ids":["notionic"]},{"id":"nteract-elements-vercel-app","label":"nteract-elements.vercel.app","count":1,"library_ids":["nteract"]},{"id":"nuqs-dev","label":"nuqs.dev","count":1,"library_ids":["nuqs"]},{"id":"nusaiba-dev","label":"nusaiba.dev","count":1,"library_ids":["nusaiba"]},{"id":"odysseyui-com","label":"odysseyui.com","count":1,"library_ids":["odysseyui"]},{"id":"ogimagecn-vercel-app","label":"ogimagecn.vercel.app","count":1,"library_ids":["ogimagecn"]},{"id":"onboarding-tour-vercel-app","label":"onboarding-tour.vercel.app","count":1,"library_ids":["tour"]},{"id":"onchain-ui-dev","label":"onchain-ui.dev","count":1,"library_ids":["onchain-ui"]},{"id":"opaline-buildlab-in","label":"opaline.buildlab.in","count":1,"library_ids":["opaline"]},{"id":"openmirai-dev","label":"openmirai.dev","count":1,"library_ids":["openmirai"]},{"id":"openpolicy-sh","label":"openpolicy.sh","count":1,"library_ids":["openpolicy"]},{"id":"openstatus-dev","label":"openstatus.dev","count":1,"library_ids":["openstatus"]},{"id":"optics-agusmayol-com-ar","label":"optics.agusmayol.com.ar","count":1,"library_ids":["optics"]},{"id":"organui-com","label":"organui.com","count":1,"library_ids":["organui"]},{"id":"orshot-com","label":"orshot.com","count":1,"library_ids":["colorshot"]},{"id":"oui-mw10013-workers-dev","label":"oui.mw10013.workers.dev","count":1,"library_ids":["oui"]},{"id":"paceui-com","label":"paceui.com","count":1,"library_ids":["paceui"]},{"id":"paletteui-xyz","label":"paletteui.xyz","count":1,"library_ids":["paletteui"]},{"id":"pane-theui-company","label":"pane.theui.company","count":1,"library_ids":["pane"]},{"id":"panelui-dev","label":"panelui.dev","count":1,"library_ids":["panelui"]},{"id":"pantoken-app","label":"pantoken.app","count":1,"library_ids":["pantoken"]},{"id":"pastaui-com","label":"pastaui.com","count":1,"library_ids":["pastaui"]},{"id":"pastecn-com","label":"pastecn.com","count":1,"library_ids":["pastecn"]},{"id":"payload-components-xyz","label":"payload-components.xyz","count":1,"library_ids":["payload-components"]},{"id":"photocn-dev","label":"photocn.dev","count":1,"library_ids":["photocn"]},{"id":"phucbm-com","label":"phucbm.com","count":1,"library_ids":["phucbm"]},{"id":"piemenu-jpmarqu-es","label":"piemenu.jpmarqu.es","count":1,"library_ids":["jpmarques"]},{"id":"pixel-openspace-vercel-app","label":"pixel-openspace.vercel.app","count":1,"library_ids":["pixel-openspace"]},{"id":"pixelactui-com","label":"pixelactui.com","count":1,"library_ids":["pixelact-ui"]},{"id":"platejs-org","label":"platejs.org","count":1,"library_ids":["plate"]},{"id":"plotcn-vercel-app","label":"plotcn.vercel.app","count":1,"library_ids":["plotcn"]},{"id":"pluginui-com","label":"pluginui.com","count":1,"library_ids":["pluginui"]},{"id":"pmndrs-github-io","label":"pmndrs.github.io","count":1,"library_ids":["pmndrs"]},{"id":"prompt-kit-com","label":"prompt-kit.com","count":1,"library_ids":["prompt-kit"]},{"id":"prosekit-dev","label":"prosekit.dev","count":1,"library_ids":["prosekit"]},{"id":"pulkit-page","label":"pulkit.page","count":1,"library_ids":["pulkitxm"]},{"id":"pulld-pages-dev","label":"pulld.pages.dev","count":1,"library_ids":["pulld"]},{"id":"pumpgtm-com","label":"pumpgtm.com","count":1,"library_ids":["gtm"]},{"id":"pure-kam-ui-com","label":"pure.kam-ui.com","count":1,"library_ids":["pureui"]},{"id":"quilldesignsystem-com","label":"quilldesignsystem.com","count":1,"library_ids":["quill"]},{"id":"quiz-ui-phi-vercel-app","label":"quiz-ui-phi.vercel.app","count":1,"library_ids":["quiz-ui"]},{"id":"ramonclaudio-com","label":"ramonclaudio.com","count":1,"library_ids":["ramonclaudio-coderabbit"]},{"id":"ratneshc-com","label":"ratneshc.com","count":1,"library_ids":["ratneshc"]},{"id":"rawkitui-zerodegree-tech","label":"rawkitui.zerodegree.tech","count":1,"library_ids":["rawkitui"]},{"id":"react-aria-adobe-com","label":"react-aria.adobe.com","count":1,"library_ids":["react-aria"]},{"id":"react-easy-modals-docs-vercel-app","label":"react-easy-modals-docs.vercel.app","count":1,"library_ids":["react-easy-modals"]},{"id":"react-slot-vercel-app","label":"react-slot.vercel.app","count":1,"library_ids":["react-slot"]},{"id":"reactbits-dev","label":"reactbits.dev","count":1,"library_ids":["react-bits"]},{"id":"reactframe-com","label":"reactframe.com","count":1,"library_ids":["reactframe"]},{"id":"registry-directory","label":"registry.directory","count":1,"library_ids":["registrydirectory"]},{"id":"registry-joyco-studio","label":"registry.joyco.studio","count":1,"library_ids":["joyco"]},{"id":"registry-soldevelo-com","label":"registry.soldevelo.com","count":1,"library_ids":["soldevelo"]},{"id":"remocn-dev","label":"remocn.dev","count":1,"library_ids":["remocn"]},{"id":"remotionui-com","label":"remotionui.com","count":1,"library_ids":["remotionui"]},{"id":"rescript-shadcn-miriad-studio","label":"rescript-shadcn.miriad.studio","count":1,"library_ids":["rescript-shadcn"]},{"id":"retroui-dev","label":"retroui.dev","count":1,"library_ids":["retroui"]},{"id":"reui-io","label":"reui.io","count":1,"library_ids":["reui"]},{"id":"roiui-com","label":"roiui.com","count":1,"library_ids":["roiui"]},{"id":"saaskit-theta-vercel-app","label":"saaskit-theta.vercel.app","count":1,"library_ids":["saaskit"]},{"id":"sabraman-ru","label":"sabraman.ru","count":1,"library_ids":["sabraman"]},{"id":"sans-sansorigin-com","label":"sans.sansorigin.com","count":1,"library_ids":["sans"]},{"id":"satoriui-site","label":"satoriui.site","count":1,"library_ids":["satoriui"]},{"id":"sc1m-vercel-app","label":"sc1m.vercel.app","count":1,"library_ids":["sc1m"]},{"id":"scrimui-dev","label":"scrimui.dev","count":1,"library_ids":["scrimui"]},{"id":"scrollxui-dev","label":"scrollxui.dev","count":1,"library_ids":["scrollxui"]},{"id":"seamui-dev","label":"seamui.dev","count":1,"library_ids":["seamui"]},{"id":"sekei-design","label":"sekei.design","count":1,"library_ids":["sekei"]},{"id":"sevenui-dev","label":"sevenui.dev","count":1,"library_ids":["sevenui"]},{"id":"sf-fleet-hud-vercel-app","label":"sf-fleet-hud.vercel.app","count":1,"library_ids":["sf-fleet-hud"]},{"id":"shadcn-3d-viewer-vercel-app","label":"shadcn-3d-viewer.vercel.app","count":1,"library_ids":["3d-viewer"]},{"id":"shadcn-braille-loader-vercel-app","label":"shadcn-braille-loader.vercel.app","count":1,"library_ids":["baraile-loader"]},{"id":"shadcn-editor-vercel-app","label":"shadcn-editor.vercel.app","count":1,"library_ids":["shadcn-editor"]},{"id":"shadcn-heatmap-pages-dev","label":"shadcn-heatmap.pages.dev","count":1,"library_ids":["heatmap"]},{"id":"shadcn-hooks-com","label":"shadcn-hooks.com","count":1,"library_ids":["shadcnhooks"]},{"id":"shadcn-loaders-vercel-app","label":"shadcn-loaders.vercel.app","count":1,"library_ids":["shadcnloaders"]},{"id":"shadcn-map-vercel-app","label":"shadcn-map.vercel.app","count":1,"library_ids":["shadcn-map"]},{"id":"shadcn-transfer-list-d4gb-two-vercel-app","label":"shadcn-transfer-list-d4gb-two.vercel.app","count":1,"library_ids":["harshj"]},{"id":"shadcn-ui-blocks-com","label":"shadcn-ui-blocks.com","count":1,"library_ids":["shadcn-ui-blocks"]},{"id":"shadcn-exchange","label":"shadcn.exchange","count":1,"library_ids":["shadcn-exchange"]},{"id":"shadcnblocks-com","label":"shadcnblocks.com","count":1,"library_ids":["shadcnblocks"]},{"id":"shadcncraft-com","label":"shadcncraft.com","count":1,"library_ids":["shadcncraft"]},{"id":"shadcndashboard-dev","label":"shadcndashboard.dev","count":1,"library_ids":["shadcn-dashboard"]},{"id":"shadcndesign-com","label":"shadcndesign.com","count":1,"library_ids":["shadcndesign"]},{"id":"shadcnmaps-com","label":"shadcnmaps.com","count":1,"library_ids":["shadcnmaps"]},{"id":"shadcnspace-com","label":"shadcnspace.com","count":1,"library_ids":["shadcn-space"]},{"id":"shadcnstore-com","label":"shadcnstore.com","count":1,"library_ids":["shadcnstore"]},{"id":"shadcnstudio-com","label":"shadcnstudio.com","count":1,"library_ids":["shadcn-studio"]},{"id":"shadcnui-blocks-com","label":"shadcnui-blocks.com","count":1,"library_ids":["shadcnui-blocks"]},{"id":"shadcnuikit-com","label":"shadcnuikit.com","count":1,"library_ids":["shadcnuikit"]},{"id":"shaderscn-com","label":"shaderscn.com","count":1,"library_ids":["shaderscn"]},{"id":"shark-vini-one","label":"shark.vini.one","count":1,"library_ids":["shark"]},{"id":"shieldcn-dev","label":"shieldcn.dev","count":1,"library_ids":["shieldcn"]},{"id":"shivrajroy-in","label":"shivrajroy.in","count":1,"library_ids":["shivraj-roy"]},{"id":"shoogle-dev","label":"shoogle.dev","count":1,"library_ids":["shoogle"]},{"id":"shover-ui-vercel-app","label":"shover-ui.vercel.app","count":1,"library_ids":["shover"]},{"id":"shrutishankarnarayanan-com","label":"shrutishankarnarayanan.com","count":1,"library_ids":["ui-shrushank"]},{"id":"shuip-plvo-dev","label":"shuip.plvo.dev","count":1,"library_ids":["shuip"]},{"id":"simple-ai-dev","label":"simple-ai.dev","count":1,"library_ids":["simple-ai"]},{"id":"sitesearch-algolia-com","label":"sitesearch.algolia.com","count":1,"library_ids":["algolia"]},{"id":"skecher-ui-com","label":"skecher-ui.com","count":1,"library_ids":["skecher-ui"]},{"id":"skiper-ui-com","label":"skiper-ui.com","count":1,"library_ids":["skiper-ui"]},{"id":"skrewww-com","label":"skrewww.com","count":1,"library_ids":["skrewww"]},{"id":"slide-cn-com","label":"slide-cn.com","count":1,"library_ids":["slide-cn"]},{"id":"slidecn-vercel-app","label":"slidecn.vercel.app","count":1,"library_ids":["slidecn"]},{"id":"smoothui-dev","label":"smoothui.dev","count":1,"library_ids":["smoothui"]},{"id":"snapcn-dev","label":"snapcn.dev","count":1,"library_ids":["snapcn"]},{"id":"solaceui-com","label":"solaceui.com","count":1,"library_ids":["solaceui"]},{"id":"sonaui-com","label":"sonaui.com","count":1,"library_ids":["sona-ui"]},{"id":"soonish-rushikeshmahajan-com","label":"soonish.rushikeshmahajan.com","count":1,"library_ids":["soonish"]},{"id":"sortui-dev","label":"sortui.dev","count":1,"library_ids":["sortui"]},{"id":"soundcn-xyz","label":"soundcn.xyz","count":1,"library_ids":["soundcn"]},{"id":"spaceui-one","label":"spaceui.one","count":1,"library_ids":["spaceui"]},{"id":"spark-ui-olive-vercel-app","label":"spark-ui-olive.vercel.app","count":1,"library_ids":["spark-ui"]},{"id":"spell-sh","label":"spell.sh","count":1,"library_ids":["spell"]},{"id":"square-lndev-me","label":"square.lndev.me","count":1,"library_ids":["square-ui"]},{"id":"starseam-astroicers-link","label":"starseam.astroicers.link","count":1,"library_ids":["starseam"]},{"id":"stealth-pm","label":"stealth.pm","count":1,"library_ids":["stealth"]},{"id":"studio-blocks-arhamkhnz-com","label":"studio-blocks.arhamkhnz.com","count":1,"library_ids":["studio-blocks"]},{"id":"styleui-dev","label":"styleui.dev","count":1,"library_ids":["styleui"]},{"id":"stylexui-dev","label":"stylexui.dev","count":1,"library_ids":["stylexui"]},{"id":"suiss-app","label":"suiss.app","count":1,"library_ids":["esuiss"]},{"id":"supabase-com","label":"supabase.com","count":1,"library_ids":["supabase"]},{"id":"sureui-com","label":"sureui.com","count":1,"library_ids":["sureui"]},{"id":"sveltebits-xyz","label":"sveltebits.xyz","count":1,"library_ids":["svelte-bits"]},{"id":"svgl-app","label":"svgl.app","count":1,"library_ids":["svgl"]},{"id":"swiftui-flexnative-com","label":"swiftui.flexnative.com","count":1,"library_ids":["swiftui-flx"]},{"id":"systaliko-ui-vercel-app","label":"systaliko-ui.vercel.app","count":1,"library_ids":["systaliko-ui"]},{"id":"system-beibeidesign-com","label":"system.beibeidesign.com","count":1,"library_ids":["frame"]},{"id":"table-cn-vercel-app","label":"table-cn.vercel.app","count":1,"library_ids":["tablecn"]},{"id":"tactileui-dev","label":"tactileui.dev","count":1,"library_ids":["tactile"]},{"id":"tailark-com","label":"tailark.com","count":1,"library_ids":["tailark"]},{"id":"tailgrids-com","label":"tailgrids.com","count":1,"library_ids":["tailgrids"]},{"id":"tailwind-admin-com","label":"tailwind-admin.com","count":1,"library_ids":["tailwind-admin"]},{"id":"tailwindbuilder-ai","label":"tailwindbuilder.ai","count":1,"library_ids":["tailwind-builder"]},{"id":"taki-ui-com","label":"taki-ui.com","count":1,"library_ids":["taki"]},{"id":"termcn-vercel-app","label":"termcn.vercel.app","count":1,"library_ids":["termcn"]},{"id":"terrae-dev","label":"terrae.dev","count":1,"library_ids":["terrae"]},{"id":"tessli-vercel-app","label":"tessli.vercel.app","count":1,"library_ids":["tessli"]},{"id":"tetra-ui-com","label":"tetra-ui.com","count":1,"library_ids":["tetra-ui"]},{"id":"thegridcn-com","label":"thegridcn.com","count":1,"library_ids":["thegridcn"]},{"id":"threecn-dev","label":"threecn.dev","count":1,"library_ids":["threecn"]},{"id":"tocn-vercel-app","label":"tocn.vercel.app","count":1,"library_ids":["toc-cn"]},{"id":"toggles-dev","label":"toggles.dev","count":1,"library_ids":["toggles"]},{"id":"tokenui-dev","label":"tokenui.dev","count":1,"library_ids":["tokenui"]},{"id":"tool-ui-com","label":"tool-ui.com","count":1,"library_ids":["tool-ui"]},{"id":"trychannel3-com","label":"trychannel3.com","count":1,"library_ids":["channel3"]},{"id":"tryelements-dev","label":"tryelements.dev","count":1,"library_ids":["elements"]},{"id":"trytweenly-vercel-app","label":"trytweenly.vercel.app","count":1,"library_ids":["tweenly"]},{"id":"tuiparts-sh","label":"tuiparts.sh","count":1,"library_ids":["tuiparts"]},{"id":"turbopills-com","label":"turbopills.com","count":1,"library_ids":["turbopills-ui"]},{"id":"turnui-xyz","label":"turnui.xyz","count":1,"library_ids":["turn"]},{"id":"tween-ui-vercel-app","label":"tween-ui.vercel.app","count":1,"library_ids":["tween-ui"]},{"id":"typedora-ui-netlify-app","label":"typedora-ui.netlify.app","count":1,"library_ids":["typedora-ui"]},{"id":"uaiblocks-dev","label":"uaiblocks.dev","count":1,"library_ids":["uai"]},{"id":"ui-layouts-com","label":"ui-layouts.com","count":1,"library_ids":["ui-layouts"]},{"id":"ui-three-mu-vercel-app","label":"ui-three-mu.vercel.app","count":1,"library_ids":["preskok"]},{"id":"ui-8starlabs-com","label":"ui.8starlabs.com","count":1,"library_ids":["8starlabs-ui"]},{"id":"ui-aceternity-com","label":"ui.aceternity.com","count":1,"library_ids":["aceternity"]},{"id":"ui-aevr-online","label":"ui.aevr.online","count":1,"library_ids":["aevr"]},{"id":"ui-amarjay-com","label":"ui.amarjay.com","count":1,"library_ids":["amarjay-ui"]},{"id":"ui-balick-me","label":"ui.balick.me","count":1,"library_ids":["balick"]},{"id":"ui-ballmac-com","label":"ui.ballmac.com","count":1,"library_ids":["ballmac"]},{"id":"ui-beste-co","label":"ui.beste.co","count":1,"library_ids":["beste-ui"]},{"id":"ui-bklit-com","label":"ui.bklit.com","count":1,"library_ids":["bklit"]},{"id":"ui-cnippet-dev","label":"ui.cnippet.dev","count":1,"library_ids":["cnippet"]},{"id":"ui-corr-sh","label":"ui.corr.sh","count":1,"library_ids":["corr"]},{"id":"ui-d2studio-dev","label":"ui.d2studio.dev","count":1,"library_ids":["d2"]},{"id":"ui-dgit-co","label":"ui.dgit.co","count":1,"library_ids":["dgit"]},{"id":"ui-doras-to","label":"ui.doras.to","count":1,"library_ids":["doras-ui"]},{"id":"ui-eindev-ir","label":"ui.eindev.ir","count":1,"library_ids":["einui"]},{"id":"ui-elevenlabs-io","label":"ui.elevenlabs.io","count":1,"library_ids":["elevenlabs-ui"]},{"id":"ui-emstein-com","label":"ui.emstein.com","count":1,"library_ids":["emstein-ui"]},{"id":"ui-ericts-com","label":"ui.ericts.com","count":1,"library_ids":["ericts"]},{"id":"ui-extend-ai","label":"ui.extend.ai","count":1,"library_ids":["extend"]},{"id":"ui-fewtone-com","label":"ui.fewtone.com","count":1,"library_ids":["fewtone"]},{"id":"ui-flexnative-com","label":"ui.flexnative.com","count":1,"library_ids":["flx"]},{"id":"ui-heygaia-io","label":"ui.heygaia.io","count":1,"library_ids":["gaia"]},{"id":"ui-iandefined-com","label":"ui.iandefined.com","count":1,"library_ids":["iandefined"]},{"id":"ui-ilinxa-com","label":"ui.ilinxa.com","count":1,"library_ids":["ilinxa"]},{"id":"ui-inference-sh","label":"ui.inference.sh","count":1,"library_ids":["inferencesh"]},{"id":"ui-isaiahbjork-com","label":"ui.isaiahbjork.com","count":1,"library_ids":["bjork-ui"]},{"id":"ui-justinlevine-me","label":"ui.justinlevine.me","count":1,"library_ids":["jalco"]},{"id":"ui-krutikraut-com","label":"ui.krutikraut.com","count":1,"library_ids":["creative-ui"]},{"id":"ui-manifest-build","label":"ui.manifest.build","count":1,"library_ids":["manifest"]},{"id":"ui-meta-cloud-api-site","label":"ui.meta-cloud-api.site","count":1,"library_ids":["wa-ui"]},{"id":"ui-minidev-pro","label":"ui.minidev.pro","count":1,"library_ids":["minidev"]},{"id":"ui-navdeepsingh-dev","label":"ui.navdeepsingh.dev","count":1,"library_ids":["navui"]},{"id":"ui-nekode-id","label":"ui.nekode.id","count":1,"library_ids":["nekode"]},{"id":"ui-neon-com","label":"ui.neon.com","count":1,"library_ids":["neon-ui"]},{"id":"ui-nordaun-com","label":"ui.nordaun.com","count":1,"library_ids":["nordaun"]},{"id":"ui-pacekit-dev","label":"ui.pacekit.dev","count":1,"library_ids":["pacekit"]},{"id":"ui-persian-labs-ir","label":"ui.persian-labs.ir","count":1,"library_ids":["persianlabsui"]},{"id":"ui-pipecat-ai","label":"ui.pipecat.ai","count":1,"library_ids":["pipecat"]},{"id":"ui-radiumcoders-com","label":"ui.radiumcoders.com","count":1,"library_ids":["xcn"]},{"id":"ui-retab-com","label":"ui.retab.com","count":1,"library_ids":["retab"]},{"id":"ui-saastro-io","label":"ui.saastro.io","count":1,"library_ids":["saastro"]},{"id":"ui-siteplane-io","label":"ui.siteplane.io","count":1,"library_ids":["siteplane"]},{"id":"ui-soralabs-studio","label":"ui.soralabs.studio","count":1,"library_ids":["soralabs"]},{"id":"ui-spectrumhq-in","label":"ui.spectrumhq.in","count":1,"library_ids":["spectrumui"]},{"id":"ui-ssych-com","label":"ui.ssych.com","count":1,"library_ids":["ssych"]},{"id":"ui-starck-studio","label":"ui.starck.studio","count":1,"library_ids":["starck"]},{"id":"ui-teamofsilicons-com","label":"ui.teamofsilicons.com","count":1,"library_ids":["silicon-ui"]},{"id":"ui-tinkererslabs-com","label":"ui.tinkererslabs.com","count":1,"library_ids":["mischief"]},{"id":"ui-tripled-work","label":"ui.tripled.work","count":1,"library_ids":["uitripled"]},{"id":"ui-trophy-so","label":"ui.trophy.so","count":1,"library_ids":["trophy-ui"]},{"id":"ui-twelfth-ai","label":"ui.twelfth.ai","count":1,"library_ids":["twelfth"]},{"id":"ui-unlumen-com","label":"ui.unlumen.com","count":1,"library_ids":["unlumen-ui"]},{"id":"ui-untldlabs-com","label":"ui.untldlabs.com","count":1,"library_ids":["untld"]},{"id":"ui-usenotra-com","label":"ui.usenotra.com","count":1,"library_ids":["notra"]},{"id":"ui-velobits-dev","label":"ui.velobits.dev","count":1,"library_ids":["velobits"]},{"id":"ui-visantlabs-com","label":"ui.visantlabs.com","count":1,"library_ids":["visant"]},{"id":"ui-vllnt-com","label":"ui.vllnt.com","count":1,"library_ids":["vllnt-ui"]},{"id":"ui-wandry-com-ua","label":"ui.wandry.com.ua","count":1,"library_ids":["wandry-ui"]},{"id":"ui-watermelon-sh","label":"ui.watermelon.sh","count":1,"library_ids":["watermelon"]},{"id":"ui-wensity-com","label":"ui.wensity.com","count":1,"library_ids":["wensity"]},{"id":"uiable-com","label":"uiable.com","count":1,"library_ids":["uiable"]},{"id":"uiarc-dev","label":"uiarc.dev","count":1,"library_ids":["uiarc"]},{"id":"uicapsule-com","label":"uicapsule.com","count":1,"library_ids":["uicapsule"]},{"id":"uiception-com","label":"uiception.com","count":1,"library_ids":["uiception"]},{"id":"uniquel-io","label":"uniquel.io","count":1,"library_ids":["uniquel"]},{"id":"upfork-dev","label":"upfork.dev","count":1,"library_ids":["upfork"]},{"id":"uploadcn-dev","label":"uploadcn.dev","count":1,"library_ids":["uploadcn"]},{"id":"uselayouts-com","label":"uselayouts.com","count":1,"library_ids":["uselayouts"]},{"id":"usepaykit-dev","label":"usepaykit.dev","count":1,"library_ids":["paykit-sdk"]},{"id":"usva-build","label":"usva.build","count":1,"library_ids":["usva"]},{"id":"utilcn-dev","label":"utilcn.dev","count":1,"library_ids":["utilcn"]},{"id":"uui-app","label":"uui.app","count":1,"library_ids":["uui"]},{"id":"vadivam-praveenjuge-com","label":"vadivam.praveenjuge.com","count":1,"library_ids":["vadivam"]},{"id":"velora-colorlib-com","label":"velora.colorlib.com","count":1,"library_ids":["velora"]},{"id":"verno-studio-vercel-app","label":"verno-studio.vercel.app","count":1,"library_ids":["vernostudio"]},{"id":"viberdy-dev","label":"viberdy.dev","count":1,"library_ids":["viberdy"]},{"id":"videocn-dev","label":"videocn.dev","count":1,"library_ids":["videocn"]},{"id":"videojs-org","label":"videojs.org","count":1,"library_ids":["videojs"]},{"id":"visitedmap-vercel-app","label":"visitedmap.vercel.app","count":1,"library_ids":["visited-map"]},{"id":"voraui-vercel-app","label":"voraui.vercel.app","count":1,"library_ids":["voraui"]},{"id":"vue-bits-dev","label":"vue-bits.dev","count":1,"library_ids":["vue-bits"]},{"id":"w3-kit-com","label":"w3-kit.com","count":1,"library_ids":["w3-kit"]},{"id":"washiveil-alexchih-com","label":"washiveil.alexchih.com","count":1,"library_ids":["washiveil"]},{"id":"waves-cn-vercel-app","label":"waves-cn.vercel.app","count":1,"library_ids":["waves-cn"]},{"id":"wds-shadcn-registry-netlify-app","label":"wds-shadcn-registry.netlify.app","count":1,"library_ids":["wds"]},{"id":"webllm-org","label":"webllm.org","count":1,"library_ids":["ai-blocks"]},{"id":"whiskeyjack-net","label":"whiskeyjack.net","count":1,"library_ids":["whiskeyjack"]},{"id":"wick-charts-eeff-io","label":"wick-charts.eeff.io","count":1,"library_ids":["wick-charts"]},{"id":"wigggle-ui-vercel-app","label":"wigggle-ui.vercel.app","count":1,"library_ids":["wigggle-ui"]},{"id":"witharc-co","label":"witharc.co","count":1,"library_ids":["arc"]},{"id":"wxcn-dev","label":"wxcn.dev","count":1,"library_ids":["wxcn"]},{"id":"zippystarter-com","label":"zippystarter.com","count":1,"library_ids":["zippystarter"]}],"taxonomy":{"categories":[{"name":"Animated components","slug":"animated-components","count":173},{"name":"AI/chat UI","slug":"ai-chat-ui","count":62},{"name":"Forms","slug":"forms","count":50},{"name":"Component library (general)","slug":"component-library-general","count":42},{"name":"Niche/single-purpose","slug":"niche-single-purpose","count":35},{"name":"Charts/data viz","slug":"charts-data-viz","count":34},{"name":"Blocks & sections (marketing/SaaS)","slug":"blocks-sections-marketing-saas","count":19},{"name":"Theming/styling","slug":"theming-styling","count":11},{"name":"Uncategorized","slug":"uncategorized","count":9},{"name":"Design system","slug":"design-system","count":8},{"name":"Icons/logos","slug":"icons-logos","count":8},{"name":"Dashboard/admin templates","slug":"dashboard-admin-templates","count":7},{"name":"E-commerce/payments","slug":"e-commerce-payments","count":7},{"name":"Hooks/utilities","slug":"hooks-utilities","count":7},{"name":"Maps","slug":"maps","count":7},{"name":"Personal/portfolio registry","slug":"personal-portfolio-registry","count":7},{"name":"Editor (rich text/code)","slug":"editor-rich-text-code","count":5},{"name":"Crypto/web3","slug":"crypto-web3","count":4},{"name":"Auth/identity","slug":"auth-identity","count":3},{"name":"Commercial/paid product","slug":"commercial-paid-product","count":1}],"tags":[{"name":"cards","slug":"cards","count":343},{"name":"forms","slug":"forms","count":321},{"name":"media","slug":"media","count":311},{"name":"buttons","slug":"buttons","count":306},{"name":"navigation","slug":"navigation","count":274},{"name":"overlays","slug":"overlays","count":269},{"name":"loaders","slug":"loaders","count":249},{"name":"blocks","slug":"blocks","count":246},{"name":"animation","slug":"animation","count":230},{"name":"charts","slug":"charts","count":190},{"name":"tables","slug":"tables","count":189},{"name":"hooks","slug":"hooks","count":188},{"name":"ai","slug":"ai","count":177},{"name":"theming","slug":"theming","count":174},{"name":"auth","slug":"auth","count":173},{"name":"dashboard","slug":"dashboard","count":172},{"name":"icons","slug":"icons","count":158},{"name":"pro-available","slug":"pro-available","count":153},{"name":"design-system","slug":"design-system","count":149},{"name":"accessibility","slug":"accessibility","count":141},{"name":"backgrounds","slug":"backgrounds","count":120},{"name":"marketing","slug":"marketing","count":118},{"name":"maps","slug":"maps","count":101},{"name":"audio","slug":"audio","count":99},{"name":"aesthetic","slug":"aesthetic","count":93},{"name":"mobile","slug":"mobile","count":84},{"name":"retro","slug":"retro","count":83},{"name":"components","slug":"components","count":75},{"name":"glassmorphism","slug":"glassmorphism","count":73},{"name":"text-effects","slug":"text-effects","count":60},{"name":"3d","slug":"3d","count":58},{"name":"onboarding","slug":"onboarding","count":57},{"name":"editor","slug":"editor","count":55},{"name":"cms","slug":"cms","count":53},{"name":"payments","slug":"payments","count":50},{"name":"saas","slug":"saas","count":50},{"name":"e-commerce","slug":"e-commerce","count":49},{"name":"developer-tools","slug":"developer-tools","count":46},{"name":"crypto","slug":"crypto","count":23},{"name":"gaming","slug":"gaming","count":17}]}}}